{"generated":"2026-10-10T21:35","stats":{"total":81387,"ui_items":60098,"resources":21289,"by_kind":{"component":37070,"resource":21289,"section":10036,"motion":6432,"layout":2674,"theme":1577,"lib":1376,"page":782,"interaction":63,"primitive":60,"toy":20,"tool":7,"shell":1},"by_source":{"21st":12540,"keyline":10240,"shadcnblocks":4344,"shadcn-ui-blocks":4012,"hugeicons-animated-vue":3974,"catalogs":2908,"beste-ui":2236,"shadcnuikit":1228,"animateicons":1147,"logoforge":1010,"shadcn-space":997,"react-bits":860,"soundcn":811,"watermelon":685,"svgl":670,"atomloader":591,"coss":576,"prosekit":549,"mozaika":548,"shadcn-dashboard":542,"shadcnui-blocks":542,"ns-ui":541,"minidev":515,"ballmac":470,"lucide-animated":460,"flx":449,"tailark":425,"canvas-ui":420,"animate-ui":403,"viberdy":386,"remocn":363,"shadcnmaps":363,"ai2":360,"elements":360,"lema-ds":359,"glint-ui":354,"termcn":344,"emailcn":338,"stealth":326,"flagcn":319,"heroicons-animated":315,"spaceui":312,"ui-layouts":310,"hirael":306,"plate":303,"shadcncraft":300,"aceternity":294,"uiable":291,"uitripled":282,"initium":277,"shadcnstore":274,"spectrumui":264,"lobehub-ui":261,"smoothui":246,"7ovr":243,"cnippet":243,"arc":238,"designali":236,"reactframe":233,"efferd":230,"bundui":216,"opensourceui":207,"aicanvas":204,"xevrion":204,"vue-bits":197,"bjork-ui":188,"mui-treasury":187,"scrollxui":180,"amicro":176,"assistant-ui":170,"000h-cojeev":169,"hugeicons-animated":165,"svelte-bits":164,"react-aria":159,"animata":156,"cult-ui":154,"odysseyui":154,"kinetics":152,"motion-lexicon":150,"framecn":148,"localmode":147,"unlumen-ui":143,"thegridcn":142,"beui":138,"corsair-ui":138,"shadcn-ui":135,"ssych":134,"taki":133,"uiarc":132,"blockforge":131,"velora":131,"uiception":127,"iconiq":120,"nusaiba":119,"wigggle-ui":119,"preskok":118,"8bitcn":117,"diarmuradi":117,"mischief":117,"roiui":115,"intentui":113,"yukihi":111,"pulld":110,"easyui":108,"moduix-react":107,"retab":107,"tailwind-admin":102,"persianlabsui":101,"motiq":100,"blode":96,"systaliko-ui":95,"wensity":95,"ai-elements":94,"animbits":93,"boldkit":93,"soonish":92,"dotmatrix":91,"chamaac":90,"honestui":90,"nostalgia-ui":90,"loadercn":89,"notra":88,"kobra":87,"react-flow-xyflow":86,"nexus-labs":85,"payload-components":83,"usva":83,"blocks-so":82,"hextaui":82,"ilinxa":82,"pantoken":82,"atroui":81,"magicui":80,"balick":79,"cubby-ui":79,"seamui":79,"oidc":78,"tweenly":77,"zippystarter":77,"agentcn":76,"herocn":76,"neon-ui":76,"optics":76,"quill":76,"ark-cn":75,"neobrutal-ui":72,"1st-pouf":71,"kanpeki":71,"rescript-shadcn":70,"tile-ui":70,"fluid":68,"scrimui":68,"soralabs":68,"ncdai":67,"supabase":67,"paletteui":65,"sevenui":65,"uselayouts":64,"corecn":64,"vectorstudio-ir":64,"bencho":63,"afterglow":63,"glasscn":63,"materialcn":63,"navui":62,"whiskeyjack":62,"extend":61,"dicebear":61,"corr":60,"tailgrids":60,"8starlabs-ui":59,"exabase":59,"park-ui":59,"gc-solid":58,"lumiui":58,"shadcnhooks":58,"uniquel":58,"brut-ui":57,"eldoraui":57,"toolcraft":56,"componentry":56,"starseam":56,"tuiparts":56,"washiveil":56,"ericts":55,"iandefined":55,"skrewww":55,"basecn":54,"better-auth-ui":54,"dashboardcn":54,"interior":54,"easeui":53,"pastaui":53,"saastro":53,"oui":52,"retroui":52,"tween-ui":52,"uicapsule":52,"atelier":51,"kokonutui":51,"stacklyui":51,"fibo":50,"loading-ui":50,"snapcn":50,"evilcharts":49,"glass-ui":49,"gymnopedies":49,"jolyui":49,"microkit":49,"opaline":49,"soldevelo":48,"velobits":48,"audiocn":47,"facade":47,"indiacn":47,"sf-fleet-hud":47,"einui":46,"joyco":45,"plotcn":45,"tetra-ui":45,"buzzform":44,"shadcndesign":44,"sona-ui":44,"fab-ui":42,"sc1m":42,"isometric":41,"kibo-ui":41,"livedocs":41,"brainless":40,"terrae":40,"aayurt":39,"d2":39,"limeplay":39,"liquefy-ui":39,"rawkitui":39,"solaceui":39,"base-ui":38,"bklit":37,"craftui":37,"fluent2-react-kit":37,"skiper-ui":37,"mksingh":36,"swiftui-flx":36,"nteract":35,"billingsdk":34,"hexui":34,"motion-primitives":33,"spell":33,"feralui":32,"gammaui":32,"manifest":32,"avertra-ui":31,"niko-table":31,"23rd":30,"formscn":30,"nekode":29,"paceui-gsap":29,"wa-ui":29,"morphiq":28,"ogimagecn":28,"pixelact-ui":28,"threecn":28,"asanshay":27,"cardcn":27,"gaia":27,"gpt-vis":27,"tool-ui":27,"baselayer":26,"grootstudio":26,"skecher-ui":26,"openstatus":25,"slidecn":25,"hover-dev":25,"siso-shell":24,"cligentic":24,"forgeui":24,"launchui":24,"photocn":24,"evex":23,"lens-blocks":23,"pacekit":23,"paceui":23,"prompt-kit":23,"channel3":22,"agentui":21,"akoder":21,"ecomcn":21,"pipecat":21,"sureui":21,"abui":20,"contentbit":20,"delta":20,"pane":20,"gooseui":19,"ramonclaudio-coderabbit":19,"slide-cn":19,"devigner":18,"agents-ui":18,"knock-codes":18,"motokoui":18,"onchain-ui":18,"stylexui":18,"trophy-ui":18,"amarjay-ui":17,"commercn":17,"crafterui":17,"spark-ui":17,"tokenui":17,"utilcn":17,"ant-design-x":17,"starck":16,"knot-ui":15,"mewo":15,"nexus-ui":15,"quiz-ui":15,"satoriui":15,"inferencesh":14,"moumenlab":14,"toggles":14,"agentblog":13,"paddle":13,"clerk":12,"gamekitui":12,"ha-components":12,"waves-cn":12,"dgit":11,"kapwa":11,"sekei":11,"axicharts":10,"flowui":10,"kaui":10,"lmscn":10,"turbopills-ui":10,"wds":10,"amplo":9,"flightcn":9,"formcn":9,"mapcn":9,"nordaun":8,"ui-shrushank":8,"siso":7,"aevr":6,"approvals-ui":6,"auth0":6,"bits-ui":6,"blobatar":6,"delego":6,"nuqs":6,"ratneshc":6,"simple-ai":6,"uui":6,"algolia":5,"awwwardedui":5,"paykit-sdk":5,"vernostudio":5,"better-upload":4,"cognicatch":4,"dominik-ui":4,"mediadrop":4,"styleui":4,"typedora-ui":4,"voraui":4,"wxcn":4,"llm-ui":4,"diklein":3,"elsecase":3,"gamifykit":3,"gridcn":2,"gtm":2,"layish":2,"lytenyte":2,"stepper":2,"tablecn":2,"3d-viewer":1,"amap":1,"baraile-loader":1,"benday":1,"colorshot":1,"data-table-filters":1,"dsikeres1":1,"emstein-ui":1,"flowkit-ui":1,"gauge-ui":1,"harshj":1,"jpmarques":1,"json-view-cn":1,"kinetic":1,"openmirai":1,"pastecn":1,"pixel-openspace":1,"react-slot":1,"sans":1,"shadcn-editor":1,"shadcn-map":1,"shadcnloaders":1,"shivraj-roy":1,"shover":1,"text-ui":1,"toc-cn":1,"tour":1,"videocn":1,"zenoadmin":1},"by_status":{"curated":0,"picked":31,"ours":31,"rated":303,"reviewed":1285,"indexed":79737},"by_group":{"marketing":9942,"data-display":9531,"motion":6685,"inputs":6407,"navigation":3890,"overlays":3495,"actions":3406,"data-viz":2617,"media":1975,"layout":1972,"ai-agent":1913,"status":1772,"other":1632,"themes":1577,"lib":1370,"flows":1010,"pages":756,"assets":75,"unsorted":66,"tools":7},"by_signal":{},"bookmarked":0,"gone_through":1649,"left_in_corpus":58449,"with_live_preview":735,"frontier_open":0,"frontier_by_area":{},"categories":127,"coverage":[{"category":"actions/button","section":"UI Components","label":"Buttons","total":2246,"gone":82,"curated":0,"picked":0},{"category":"data-display/card","section":"UI Components","label":"Cards","total":2193,"gone":35,"curated":0,"picked":0},{"category":"motion/text-effect","section":"Marketing Blocks","label":"Texts","total":2091,"gone":39,"curated":0,"picked":0},{"category":"inputs/form-field","section":"UI Components","label":"Forms","total":2014,"gone":77,"curated":0,"picked":0},{"category":"marketing/hero","section":"Marketing Blocks","label":"Heroes","total":1907,"gone":0,"curated":0,"picked":0},{"category":"marketing/features","section":"Marketing Blocks","label":"Features","total":1726,"gone":2,"curated":0,"picked":0},{"category":"motion/background","section":"Marketing Blocks","label":"Backgrounds","total":1613,"gone":52,"curated":0,"picked":0},{"category":"ai-agent/ai-agent","section":"UI Components","label":"Ai Agents","total":1578,"gone":24,"curated":0,"picked":0},{"category":"marketing/marketing","section":"UI Components","label":"Marketings","total":1531,"gone":1,"curated":0,"picked":0},{"category":"data-viz/chart","section":"UI Components","label":"Charts & Data Viz","total":1482,"gone":93,"curated":0,"picked":0},{"category":"status/loader","section":"UI Components","label":"Spinner Loaders","total":1451,"gone":17,"curated":0,"picked":1},{"category":"data-display/list","section":"UI Components","label":"Lists","total":1086,"gone":25,"curated":0,"picked":0},{"category":"media/gallery","section":"Marketing Blocks","label":"Galleries","total":1015,"gone":16,"curated":0,"picked":0},{"category":"data-display/badge","section":"UI Components","label":"Badges","total":1005,"gone":36,"curated":0,"picked":0},{"category":"lib/utility","section":"UI Components","label":"Utilities","total":991,"gone":0,"curated":0,"picked":0},{"category":"marketing/pricing","section":"Marketing Blocks","label":"Pricing Sections","total":988,"gone":1,"curated":0,"picked":0},{"category":"other/other","section":"UI Components","label":"Others","total":885,"gone":0,"curated":0,"picked":0},{"category":"navigation/top-nav","section":"Marketing Blocks","label":"Navigation Menus","total":872,"gone":16,"curated":0,"picked":0},{"category":"flows/sign-in","section":"UI Components","label":"Sign Ins & Sign Ups","total":862,"gone":32,"curated":0,"picked":0},{"category":"overlays/dialog","section":"UI Components","label":"Dialogs / Modals","total":861,"gone":25,"curated":0,"picked":1},{"category":"motion/shader","section":"Marketing Blocks","label":"Shaders","total":859,"gone":0,"curated":0,"picked":0},{"category":"actions/switch","section":"UI Components","label":"Toggles & Switches","total":852,"gone":35,"curated":0,"picked":1},{"category":"data-display/table","section":"UI Components","label":"Tables","total":825,"gone":25,"curated":0,"picked":1},{"category":"data-display/accordion","section":"UI Components","label":"Accordions","total":809,"gone":18,"curated":0,"picked":0},{"category":"marketing/cta","section":"Marketing Blocks","label":"Calls to Action","total":788,"gone":0,"curated":0,"picked":0},{"category":"navigation/menu","section":"UI Components","label":"Dropdowns & Menus","total":783,"gone":26,"curated":0,"picked":0},{"category":"pages/templates","section":"Templates & Themes","label":"Templates","total":756,"gone":0,"curated":0,"picked":0},{"category":"other","section":"UI Components","label":"Unsorted","total":747,"gone":20,"curated":0,"picked":0},{"category":"inputs/select","section":"UI Components","label":"Selects","total":729,"gone":28,"curated":0,"picked":0},{"category":"data-display/stat","section":"Marketing Blocks","label":"Stats & KPIs","total":726,"gone":26,"curated":0,"picked":1},{"category":"themes/theme","section":"Templates & Themes","label":"Themes","total":725,"gone":0,"curated":0,"picked":0},{"category":"overlays/alert-banner","section":"UI Components","label":"Alerts","total":692,"gone":12,"curated":0,"picked":0},{"category":"marketing/testimonials","section":"Marketing Blocks","label":"Testimonials","total":627,"gone":0,"curated":0,"picked":0},{"category":"themes/shadcn","section":"Templates & Themes","label":"Themes","total":620,"gone":0,"curated":0,"picked":0},{"category":"navigation/tabs","section":"UI Components","label":"Tabs","total":608,"gone":14,"curated":0,"picked":1},{"category":"motion/cursor","section":"UI Components","label":"Cursors","total":588,"gone":5,"curated":0,"picked":0},{"category":"layout/scroll-area","section":"Marketing Blocks","label":"Scroll Areas","total":585,"gone":16,"curated":0,"picked":0},{"category":"inputs/slider","section":"UI Components","label":"Sliders","total":585,"gone":22,"curated":0,"picked":1},{"category":"marketing/footer","section":"Marketing Blocks","label":"Footers","total":562,"gone":0,"curated":0,"picked":0},{"category":"layout/bento-grid","section":"UI Components","label":"Grids & Bento","total":555,"gone":6,"curated":0,"picked":0},{"category":"inputs/textarea","section":"UI Components","label":"Text Areas","total":538,"gone":16,"curated":0,"picked":0},{"category":"data-display/calendar","section":"UI Components","label":"Calendars","total":521,"gone":27,"curated":0,"picked":0},{"category":"data-display/avatar","section":"UI Components","label":"Avatars","total":494,"gone":28,"curated":0,"picked":2},{"category":"marketing/faq","section":"Marketing Blocks","label":"FAQs","total":492,"gone":0,"curated":0,"picked":0},{"category":"data-display/timeline","section":"Marketing Blocks","label":"Timelines","total":480,"gone":33,"curated":0,"picked":1},{"category":"data-viz/progress-bar","section":"UI Components","label":"Progress","total":473,"gone":16,"curated":0,"picked":0},{"category":"overlays/sheet","section":"UI Components","label":"Sheets & Drawers","total":463,"gone":19,"curated":0,"picked":2},{"category":"motion/ascii","section":"Marketing Blocks","label":"ASCII Art","total":456,"gone":0,"curated":0,"picked":0},{"category":"media/carousel","section":"UI Components","label":"Carousels","total":447,"gone":13,"curated":0,"picked":0},{"category":"marketing/team","section":"Marketing Blocks","label":"Team Sections","total":439,"gone":1,"curated":0,"picked":0},{"category":"marketing/logos","section":"Marketing Blocks","label":"Clients","total":435,"gone":0,"curated":0,"picked":0},{"category":"inputs/checkbox","section":"UI Components","label":"Checkboxes","total":421,"gone":10,"curated":0,"picked":0},{"category":"data-viz/map","section":"Marketing Blocks","label":"Maps","total":400,"gone":8,"curated":0,"picked":0},{"category":"motion/gradient","section":"Marketing Blocks","label":"Gradients","total":389,"gone":0,"curated":0,"picked":0},{"category":"navigation/wizard-steps","section":"Marketing Blocks","label":"Steppers","total":387,"gone":7,"curated":0,"picked":0},{"category":"layout/page-shell","section":"UI Components","label":"Page Shells","total":387,"gone":40,"curated":0,"picked":0},{"category":"lib/hook","section":"Marketing Blocks","label":"Hooks","total":379,"gone":0,"curated":0,"picked":0},{"category":"inputs/file-upload","section":"UI Components","label":"File Uploads","total":361,"gone":25,"curated":0,"picked":0},{"category":"overlays/toast","section":"UI Components","label":"Notifications & Toasts","total":354,"gone":32,"curated":0,"picked":2},{"category":"inputs/combobox","section":"UI Components","label":"Comboboxes","total":353,"gone":8,"curated":0,"picked":0},{"category":"layout/dashboard","section":"UI Components","label":"Dashboards","total":336,"gone":3,"curated":0,"picked":0},{"category":"overlays/tooltip","section":"UI Components","label":"Tooltips","total":327,"gone":9,"curated":0,"picked":1},{"category":"navigation/sidebar","section":"UI Components","label":"Sidebars","total":322,"gone":30,"curated":0,"picked":0},{"category":"data-display/code-block","section":"UI Components","label":"Code Blocks","total":297,"gone":8,"curated":0,"picked":0},{"category":"overlays/popover","section":"UI Components","label":"Popovers","total":296,"gone":13,"curated":0,"picked":1},{"category":"motion/number-ticker","section":"UI Components","label":"Numbers","total":296,"gone":17,"curated":0,"picked":0},{"category":"media/player","section":"Marketing Blocks","label":"Videos","total":294,"gone":11,"curated":0,"picked":0},{"category":"inputs/radio","section":"UI Components","label":"Radio Groups","total":278,"gone":8,"curated":0,"picked":0},{"category":"status/skeleton","section":"UI Components","label":"Skeletons","total":268,"gone":9,"curated":0,"picked":1},{"category":"ai-agent/composer","section":"AI & Agents","label":"AI Chats & Composers","total":263,"gone":7,"curated":0,"picked":1},{"category":"navigation/pagination","section":"UI Components","label":"Paginations","total":260,"gone":6,"curated":0,"picked":0},{"category":"marketing/comparison","section":"Marketing Blocks","label":"Comparisons","total":258,"gone":1,"curated":0,"picked":0},{"category":"navigation/breadcrumb","section":"UI Components","label":"Breadcrumbs","total":256,"gone":5,"curated":0,"picked":1},{"category":"data-display/typography","section":"UI Components","label":"Typography","total":254,"gone":0,"curated":0,"picked":0},{"category":"inputs/search","section":"UI Components","label":"Search Bars","total":249,"gone":12,"curated":0,"picked":0},{"category":"navigation/command-palette","section":"UI Components","label":"Command Palettes","total":236,"gone":22,"curated":0,"picked":1},{"category":"inputs/otp-input","section":"UI Components","label":"OTP Inputs","total":236,"gone":10,"curated":0,"picked":0},{"category":"themes/style","section":"Templates & Themes","label":"Styles","total":232,"gone":0,"curated":0,"picked":0},{"category":"data-display/empty-state","section":"UI Components","label":"Empty States","total":225,"gone":6,"curated":0,"picked":1},{"category":"actions/link","section":"UI Components","label":"Links","total":190,"gone":0,"curated":0,"picked":0},{"category":"inputs/date-picker","section":"UI Components","label":"Date Pickers","total":175,"gone":21,"curated":0,"picked":1},{"category":"data-viz/gauge","section":"UI Components","label":"Gauges","total":175,"gone":14,"curated":0,"picked":0},{"category":"marketing/announcement","section":"Marketing Blocks","label":"Announcements","total":174,"gone":0,"curated":0,"picked":0},{"category":"overlays/notifications","section":"UI Components","label":"Notification Centres","total":172,"gone":4,"curated":0,"picked":1},{"category":"overlays/context-menu","section":"UI Components","label":"Context Menus","total":167,"gone":7,"curated":0,"picked":0},{"category":"data-display/profile","section":"UI Components","label":"Profiles","total":164,"gone":0,"curated":0,"picked":0},{"category":"motion/marquee","section":"Marketing Blocks","label":"Marquees","total":157,"gone":0,"curated":0,"picked":0},{"category":"flows/settings","section":"UI Components","label":"Settings","total":148,"gone":5,"curated":0,"picked":0},{"category":"data-display/kanban","section":"UI Components","label":"Kanban Boards","total":145,"gone":12,"curated":0,"picked":0},{"category":"overlays/hover-card","section":"UI Components","label":"Hover Cards","total":139,"gone":6,"curated":0,"picked":1},{"category":"data-display/tree","section":"UI Components","label":"File Trees","total":137,"gone":6,"curated":0,"picked":1},{"category":"inputs/rating","section":"UI Components","label":"Ratings","total":130,"gone":8,"curated":0,"picked":0},{"category":"navigation/dock","section":"Marketing Blocks","label":"Docks","total":128,"gone":15,"curated":0,"picked":0},{"category":"inputs/color-picker","section":"UI Components","label":"Color Pickers","total":120,"gone":18,"curated":0,"picked":0},{"category":"layout/split-pane","section":"UI Components","label":"Split Panes","total":109,"gone":10,"curated":0,"picked":0},{"category":"media/card-stack","section":"UI Components","label":"Card Stacks","total":97,"gone":25,"curated":0,"picked":0},{"category":"data-display/gamification","section":"UI Components","label":"Leaderboards & Rewards","total":94,"gone":4,"curated":0,"picked":0},{"category":"inputs/number-input","section":"UI Components","label":"Number Inputs","total":91,"gone":2,"curated":0,"picked":0},{"category":"motion/globe","section":"UI Components","label":"Globes","total":91,"gone":0,"curated":0,"picked":0},{"category":"media/mockup","section":"UI Components","label":"Mockups","total":88,"gone":0,"curated":0,"picked":0},{"category":"data-viz/flow","section":"UI Components","label":"Flows","total":87,"gone":0,"curated":0,"picked":0},{"category":"motion/border","section":"Marketing Blocks","label":"Borders","total":76,"gone":0,"curated":0,"picked":0},{"category":"actions/copy-button","section":"UI Components","label":"Copy Buttons","total":75,"gone":5,"curated":0,"picked":0},{"category":"assets/icon","section":"Assets","label":"Icons","total":75,"gone":8,"curated":0,"picked":0},{"category":"ai-agent","section":"AI & Agents","label":"AI Components","total":70,"gone":46,"curated":0,"picked":0},{"category":"motion/tilt-3d","section":"Motion","label":"Tilt & 3D","total":69,"gone":16,"curated":0,"picked":0},{"category":"unsorted","section":"UI Components","label":"Unsorted","total":66,"gone":66,"curated":0,"picked":0},{"category":"inputs/time-picker","section":"UI Components","label":"Time Pickers","total":54,"gone":11,"curated":0,"picked":0},{"category":"status/status-dot","section":"UI Components","label":"Status Dots","total":53,"gone":6,"curated":0,"picked":0},{"category":"data-display/diff","section":"UI Components","label":"Diffs","total":52,"gone":4,"curated":0,"picked":0},{"category":"actions/segmented-control","section":"UI Components","label":"Segmented Controls","total":43,"gone":4,"curated":0,"picked":0},{"category":"inputs/date-range","section":"UI Components","label":"Date Ranges","total":43,"gone":3,"curated":0,"picked":1},{"category":"navigation/table-of-contents","section":"UI Components","label":"Tables of Contents","total":38,"gone":0,"curated":0,"picked":0},{"category":"media/image-compare","section":"UI Components","label":"Image Compare","total":34,"gone":4,"curated":0,"picked":0},{"category":"inputs/tag-input","section":"UI Components","label":"Tag Inputs","total":28,"gone":2,"curated":0,"picked":0},{"category":"overlays/lightbox","section":"UI Components","label":"Lightboxes","total":24,"gone":2,"curated":0,"picked":0},{"category":"marketing","section":"Marketing Blocks","label":"Other blocks","total":15,"gone":11,"curated":0,"picked":0},{"category":"data-display/json-viewer","section":"UI Components","label":"JSON Viewers","total":13,"gone":1,"curated":0,"picked":0},{"category":"data-display/chat-thread","section":"AI & Agents","label":"Chat Threads","total":11,"gone":6,"curated":0,"picked":1},{"category":"tools/image-gen","section":"SISO","label":"Image Generation","total":2,"gone":2,"curated":0,"picked":0},{"category":"tools/pick","section":"SISO","label":"Pickers","total":2,"gone":2,"curated":0,"picked":0},{"category":"tools/check","section":"SISO","label":"Checks","total":2,"gone":2,"curated":0,"picked":0},{"category":"inputs/period-filter","section":"UI Components","label":"Period Filters","total":1,"gone":1,"curated":0,"picked":1},{"category":"ai-agent/run","section":"AI & Agents","label":"Agent Runs","total":1,"gone":1,"curated":0,"picked":1},{"category":"ai-agent/response","section":"AI & Agents","label":"AI Responses","total":1,"gone":1,"curated":0,"picked":1},{"category":"inputs/tuning-panel","section":"UI Components","label":"Tuning Panels","total":1,"gone":1,"curated":0,"picked":1},{"category":"tools/compose","section":"SISO","label":"Compose","total":1,"gone":1,"curated":0,"picked":0}],"good_not_curated":["21st:0xUrvish__inline-edit","21st:appvibed01__split-flap-metrics-board","21st:ln-dev7__post-scheduler","21st:ravikatiyar162__delivery-scheduler","21st:ruixen.ui__daily-timeline-scheduler","21st:aghasisahakyan1__live-feed","21st:andrewlu0__filters","21st:jatin-yadav05__analytics-bento","21st:kokonutd__action-search-bar","21st:ruixen.ui__gradient-chat-input","21st:saurabh10102__be-ui-expanable-action-bar","21st:saurabh10102__be-ui-file-upload"],"left_to_find":["actions/button","data-display/card","motion/text-effect","inputs/form-field","marketing/hero","marketing/features","motion/background","ai-agent/ai-agent","marketing/marketing","data-viz/chart","data-display/list","media/gallery","data-display/badge","lib/utility","marketing/pricing","other/other","navigation/top-nav","flows/sign-in","motion/shader","data-display/accordion","marketing/cta","navigation/menu","pages/templates","other"],"authors":1536},"kinds":["component","section","page","theme","shell","layout","motion","interaction","primitive","toy","lib","tool","resource"],"kind_labels":{"component":"Components","section":"Sections","page":"Pages & templates","theme":"Themes","shell":"Shells","layout":"Layouts & dashboards","motion":"Motion & backgrounds","interaction":"Interactions","primitive":"Primitives","toy":"Toys","lib":"Hooks & libs","tool":"Tools","resource":"Discover"},"statuses":["curated","picked","ours","rated","reviewed","indexed"],"public":true,"hub_path":null,"nav":[{"section":"Templates & Themes","items":[{"label":"Styles","categories":["themes/style"],"n":232,"his":0},{"label":"Templates","categories":["pages/templates"],"n":756,"his":0},{"label":"Themes","categories":["themes/shadcn","themes/theme"],"n":1345,"his":0}]},{"section":"Marketing Blocks","items":[{"label":"ASCII Art","categories":["motion/ascii"],"n":456,"his":0},{"label":"Announcements","categories":["marketing/announcement"],"n":174,"his":0},{"label":"Backgrounds","categories":["motion/background"],"n":1613,"his":0},{"label":"Borders","categories":["motion/border"],"n":76,"his":0},{"label":"Calls to Action","categories":["marketing/cta"],"n":788,"his":0},{"label":"Clients","categories":["marketing/logos"],"n":435,"his":0},{"label":"Comparisons","categories":["marketing/comparison"],"n":258,"his":0},{"label":"Docks","categories":["navigation/dock"],"n":128,"his":0},{"label":"FAQs","categories":["marketing/faq"],"n":492,"his":0},{"label":"Features","categories":["marketing/features"],"n":1726,"his":0},{"label":"Footers","categories":["marketing/footer"],"n":562,"his":0},{"label":"Galleries","categories":["media/gallery"],"n":1015,"his":0},{"label":"Gradients","categories":["motion/gradient"],"n":389,"his":0},{"label":"Heroes","categories":["marketing/hero"],"n":1907,"his":0},{"label":"Hooks","categories":["lib/hook"],"n":379,"his":0},{"label":"Maps","categories":["data-viz/map"],"n":400,"his":0},{"label":"Marquees","categories":["motion/marquee"],"n":157,"his":0},{"label":"Navigation Menus","categories":["navigation/top-nav"],"n":872,"his":0},{"label":"Pricing Sections","categories":["marketing/pricing"],"n":988,"his":0},{"label":"Scroll Areas","categories":["layout/scroll-area"],"n":585,"his":0},{"label":"Shaders","categories":["motion/shader"],"n":859,"his":0},{"label":"Stats & KPIs","categories":["data-display/stat"],"n":726,"his":0},{"label":"Steppers","categories":["navigation/wizard-steps"],"n":387,"his":0},{"label":"Team Sections","categories":["marketing/team"],"n":439,"his":0},{"label":"Testimonials","categories":["marketing/testimonials"],"n":627,"his":0},{"label":"Texts","categories":["motion/text-effect"],"n":2091,"his":0},{"label":"Timelines","categories":["data-display/timeline"],"n":480,"his":0},{"label":"Videos","categories":["media/player"],"n":294,"his":0},{"label":"Other blocks","categories":["marketing"],"n":15,"his":0}]},{"section":"UI Components","items":[{"label":"Accordions","categories":["data-display/accordion"],"n":809,"his":0},{"label":"Ai Agents","categories":["ai-agent/ai-agent"],"n":1578,"his":0},{"label":"Alerts","categories":["overlays/alert-banner"],"n":692,"his":0},{"label":"Avatars","categories":["data-display/avatar"],"n":494,"his":0},{"label":"Badges","categories":["data-display/badge"],"n":1005,"his":0},{"label":"Breadcrumbs","categories":["navigation/breadcrumb"],"n":256,"his":0},{"label":"Buttons","categories":["actions/button"],"n":2246,"his":0},{"label":"Calendars","categories":["data-display/calendar"],"n":521,"his":0},{"label":"Card Stacks","categories":["media/card-stack"],"n":97,"his":0},{"label":"Cards","categories":["data-display/card"],"n":2193,"his":0},{"label":"Carousels","categories":["media/carousel"],"n":447,"his":0},{"label":"Charts & Data Viz","categories":["data-viz/chart"],"n":1482,"his":0},{"label":"Checkboxes","categories":["inputs/checkbox"],"n":421,"his":0},{"label":"Code Blocks","categories":["data-display/code-block"],"n":297,"his":0},{"label":"Color Pickers","categories":["inputs/color-picker"],"n":120,"his":0},{"label":"Comboboxes","categories":["inputs/combobox"],"n":353,"his":0},{"label":"Command Palettes","categories":["navigation/command-palette"],"n":236,"his":0},{"label":"Context Menus","categories":["overlays/context-menu"],"n":167,"his":0},{"label":"Copy Buttons","categories":["actions/copy-button"],"n":75,"his":0},{"label":"Cursors","categories":["motion/cursor"],"n":588,"his":0},{"label":"Dashboards","categories":["layout/dashboard"],"n":336,"his":0},{"label":"Date Pickers","categories":["inputs/date-picker"],"n":175,"his":0},{"label":"Date Ranges","categories":["inputs/date-range"],"n":43,"his":0},{"label":"Dialogs / Modals","categories":["overlays/dialog"],"n":861,"his":0},{"label":"Diffs","categories":["data-display/diff"],"n":52,"his":0},{"label":"Dropdowns & Menus","categories":["navigation/menu"],"n":783,"his":0},{"label":"Empty States","categories":["data-display/empty-state"],"n":225,"his":0},{"label":"File Trees","categories":["data-display/tree"],"n":137,"his":0},{"label":"File Uploads","categories":["inputs/file-upload"],"n":361,"his":0},{"label":"Flows","categories":["data-viz/flow"],"n":87,"his":0},{"label":"Forms","categories":["inputs/form-field"],"n":2014,"his":0},{"label":"Gauges","categories":["data-viz/gauge"],"n":175,"his":0},{"label":"Globes","categories":["motion/globe"],"n":91,"his":0},{"label":"Grids & Bento","categories":["layout/bento-grid"],"n":555,"his":0},{"label":"Hover Cards","categories":["overlays/hover-card"],"n":139,"his":0},{"label":"Image Compare","categories":["media/image-compare"],"n":34,"his":0},{"label":"JSON Viewers","categories":["data-display/json-viewer"],"n":13,"his":0},{"label":"Kanban Boards","categories":["data-display/kanban"],"n":145,"his":0},{"label":"Leaderboards & Rewards","categories":["data-display/gamification"],"n":94,"his":0},{"label":"Lightboxes","categories":["overlays/lightbox"],"n":24,"his":0},{"label":"Links","categories":["actions/link"],"n":190,"his":0},{"label":"Lists","categories":["data-display/list"],"n":1086,"his":0},{"label":"Marketings","categories":["marketing/marketing"],"n":1531,"his":0},{"label":"Mockups","categories":["media/mockup"],"n":88,"his":0},{"label":"Notification Centres","categories":["overlays/notifications"],"n":172,"his":0},{"label":"Notifications & Toasts","categories":["overlays/toast"],"n":354,"his":0},{"label":"Number Inputs","categories":["inputs/number-input"],"n":91,"his":0},{"label":"Numbers","categories":["motion/number-ticker"],"n":296,"his":0},{"label":"OTP Inputs","categories":["inputs/otp-input"],"n":236,"his":0},{"label":"Others","categories":["other/other"],"n":885,"his":0},{"label":"Page Shells","categories":["layout/page-shell"],"n":387,"his":0},{"label":"Paginations","categories":["navigation/pagination"],"n":260,"his":0},{"label":"Period Filters","categories":["inputs/period-filter"],"n":1,"his":0},{"label":"Popovers","categories":["overlays/popover"],"n":296,"his":0},{"label":"Profiles","categories":["data-display/profile"],"n":164,"his":0},{"label":"Progress","categories":["data-viz/progress-bar"],"n":473,"his":0},{"label":"Radio Groups","categories":["inputs/radio"],"n":278,"his":0},{"label":"Ratings","categories":["inputs/rating"],"n":130,"his":0},{"label":"Search Bars","categories":["inputs/search"],"n":249,"his":0},{"label":"Segmented Controls","categories":["actions/segmented-control"],"n":43,"his":0},{"label":"Selects","categories":["inputs/select"],"n":729,"his":0},{"label":"Settings","categories":["flows/settings"],"n":148,"his":0},{"label":"Sheets & Drawers","categories":["overlays/sheet"],"n":463,"his":0},{"label":"Sidebars","categories":["navigation/sidebar"],"n":322,"his":0},{"label":"Sign Ins & Sign Ups","categories":["flows/sign-in"],"n":862,"his":0},{"label":"Skeletons","categories":["status/skeleton"],"n":268,"his":0},{"label":"Sliders","categories":["inputs/slider"],"n":585,"his":0},{"label":"Spinner Loaders","categories":["status/loader"],"n":1451,"his":0},{"label":"Split Panes","categories":["layout/split-pane"],"n":109,"his":0},{"label":"Status Dots","categories":["status/status-dot"],"n":53,"his":0},{"label":"Tables","categories":["data-display/table"],"n":825,"his":0},{"label":"Tables of Contents","categories":["navigation/table-of-contents"],"n":38,"his":0},{"label":"Tabs","categories":["navigation/tabs"],"n":608,"his":0},{"label":"Tag Inputs","categories":["inputs/tag-input"],"n":28,"his":0},{"label":"Text Areas","categories":["inputs/textarea"],"n":538,"his":0},{"label":"Time Pickers","categories":["inputs/time-picker"],"n":54,"his":0},{"label":"Toggles & Switches","categories":["actions/switch"],"n":852,"his":0},{"label":"Tooltips","categories":["overlays/tooltip"],"n":327,"his":0},{"label":"Tuning Panels","categories":["inputs/tuning-panel"],"n":1,"his":0},{"label":"Typography","categories":["data-display/typography"],"n":254,"his":0},{"label":"Utilities","categories":["lib/utility"],"n":991,"his":0},{"label":"Unsorted","categories":["other","unsorted"],"n":813,"his":0}]},{"section":"AI & Agents","items":[{"label":"AI Chats & Composers","categories":["ai-agent/composer"],"n":263,"his":0},{"label":"AI Components","categories":["ai-agent"],"n":70,"his":0},{"label":"AI Responses","categories":["ai-agent/response"],"n":1,"his":0},{"label":"Agent Runs","categories":["ai-agent/run"],"n":1,"his":0},{"label":"Chat Threads","categories":["data-display/chat-thread"],"n":11,"his":0}]},{"section":"Motion","items":[{"label":"Tilt & 3D","categories":["motion/tilt-3d"],"n":69,"his":0}]},{"section":"Assets","items":[{"label":"Icons","categories":["assets/icon"],"n":75,"his":0}]},{"section":"SISO","items":[{"label":"Checks","categories":["tools/check"],"n":2,"his":0},{"label":"Compose","categories":["tools/compose"],"n":1,"his":0},{"label":"Image Generation","categories":["tools/image-gen"],"n":2,"his":0},{"label":"Pickers","categories":["tools/pick"],"n":2,"his":0}]}],"groups":{"actions":{"actions/button":2246,"actions/switch":852,"actions/link":190,"actions/copy-button":75,"actions/segmented-control":43},"navigation":{"navigation/top-nav":872,"navigation/menu":783,"navigation/tabs":608,"navigation/wizard-steps":387,"navigation/sidebar":322,"navigation/pagination":260,"navigation/breadcrumb":256,"navigation/command-palette":236,"navigation/dock":128,"navigation/table-of-contents":38},"overlays":{"overlays/dialog":861,"overlays/alert-banner":692,"overlays/sheet":463,"overlays/toast":354,"overlays/tooltip":327,"overlays/popover":296,"overlays/notifications":172,"overlays/context-menu":167,"overlays/hover-card":139,"overlays/lightbox":24},"data-display":{"data-display/card":2194,"data-display/list":1086,"data-display/badge":1005,"data-display/table":825,"data-display/accordion":809,"data-display/stat":726,"data-display/calendar":521,"data-display/avatar":494,"data-display/timeline":480,"data-display/code-block":297,"data-display/typography":254,"data-display/empty-state":225,"data-display/profile":164,"data-display/kanban":145,"data-display/tree":137,"data-display/gamification":94,"data-display/diff":52,"data-display/json-viewer":13,"data-display/chat-thread":11},"inputs":{"inputs/form-field":2014,"inputs/select":729,"inputs/slider":585,"inputs/textarea":538,"inputs/checkbox":421,"inputs/file-upload":361,"inputs/combobox":353,"inputs/radio":278,"inputs/search":249,"inputs/otp-input":236,"inputs/date-picker":175,"inputs/rating":130,"inputs/color-picker":120,"inputs/number-input":91,"inputs/time-picker":54,"inputs/date-range":43,"inputs/tag-input":28,"inputs/period-filter":1,"inputs/tuning-panel":1},"data-viz":{"data-viz/chart":1482,"data-viz/progress-bar":473,"data-viz/map":400,"data-viz/gauge":175,"data-viz/flow":87},"status":{"status/loader":1451,"status/skeleton":268,"status/status-dot":53},"motion":{"motion/text-effect":2091,"motion/background":1613,"motion/shader":859,"motion/cursor":588,"motion/ascii":456,"motion/gradient":389,"motion/number-ticker":296,"motion/marquee":157,"motion/globe":91,"motion/border":76,"motion/tilt-3d":69},"layout":{"layout/scroll-area":585,"layout/bento-grid":555,"layout/page-shell":387,"layout/dashboard":336,"layout/split-pane":109},"media":{"media/gallery":1015,"media/carousel":447,"media/player":294,"media/card-stack":97,"media/mockup":88,"media/image-compare":34},"ai-agent":{"ai-agent/ai-agent":1578,"ai-agent/composer":263,"ai-agent":70,"ai-agent/run":1,"ai-agent/response":1},"unsorted":{"unsorted":66},"marketing":{"marketing/hero":1907,"marketing/features":1726,"marketing/marketing":1531,"marketing/pricing":988,"marketing/cta":788,"marketing/testimonials":627,"marketing/footer":562,"marketing/faq":492,"marketing/team":439,"marketing/logos":435,"marketing/comparison":258,"marketing/announcement":174,"marketing":15},"flows":{"flows/sign-in":862,"flows/settings":148},"other":{"other/other":885,"other":747},"pages":{"pages/templates":756},"assets":{"assets/icon":17061,"assets/logo":2338,"assets/sound":907,"assets/flag":322,"assets/illustration":181,"assets/og-image":163,"assets/font":121,"assets/shape":75,"assets/avatar":61},"lib":{"lib/utility":991,"lib/hook":379},"discover":{"discover/21st-libraries":134},"themes":{"themes/theme":725,"themes/shadcn":620,"themes/style":232},"tools":{"tools/image-gen":2,"tools/pick":2,"tools/check":2,"tools/compose":1}},"items":[{"id":"arc:button","t":"Button","d":"A clear, responsive action with quiet secondary states.","s":"arc","c":"actions/button","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/button","pc":"Arc","lv":1},{"id":"arc:action-button","t":"Action button","d":"A compact button for frequent toolbar actions.","s":"arc","c":"actions/button","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/action-button","pc":"Arc","lv":1},{"id":"arc:split-button","t":"Split button","d":"A primary action with a menu of nearby alternatives.","s":"arc","c":"actions/button","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/split-button","pc":"Arc","lv":1},{"id":"arc:button-group","t":"Button group","d":"Related actions joined into one surface with hairline dividers: a hover highlight glides between segments, the pressed one answers in place, and an attached menu can close the row.","s":"arc","c":"actions/button","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/button-group","pc":"Arc","lv":1},{"id":"arc:floating-button-group","t":"Floating button group","d":"Separate soft buttons in a quiet tray, with one shared highlight that morphs from button to button as you move, and a pressed state that settles in place.","s":"arc","c":"actions/button","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/floating-button-group","pc":"Arc","lv":1},{"id":"arc:expanding-button-group","t":"Expanding button group","d":"Icon buttons in a compact group: the one you point at or focus grows to reveal its label while its neighbours slide aside, and an action confirms in place.","s":"arc","c":"actions/button","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/expanding-button-group","pc":"Arc","lv":1},{"id":"arc:dropdown-menu","t":"Dropdown menu","d":"A focused list of actions anchored to a trigger.","s":"arc","c":"navigation/menu","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/dropdown-menu","pc":"Arc","lv":1},{"id":"arc:context-menu","t":"Context menu","d":"Secondary actions kept close to the selected object.","s":"arc","c":"overlays/context-menu","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/context-menu","pc":"Arc","lv":1},{"id":"arc:copy-button","t":"Copy button","d":"Copy a value with immediate confirmation.","s":"arc","c":"actions/copy-button","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/copy-button","pc":"Arc","lv":1},{"id":"arc:drawer","t":"Drawer","d":"A temporary side surface for focused work.","s":"arc","c":"overlays/sheet","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/drawer","pc":"Arc","lv":1},{"id":"arc:theme-switch","t":"Theme switcher","d":"Four smooth ways to move between light and dark appearance.","s":"arc","c":"actions/switch","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/theme-switch","pc":"Arc","lv":1},{"id":"arc:theme-switch-eclipse","t":"Eclipse","d":"The next appearance crosses the page like an eclipse.","s":"arc","c":"actions/switch","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/theme-switch-eclipse","pc":"Arc","lv":1},{"id":"arc:theme-switch-split","t":"Split","d":"The next appearance opens from a slim center seam.","s":"arc","c":"actions/switch","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/theme-switch-split","pc":"Arc","lv":1},{"id":"arc:theme-switch-rise","t":"Rise","d":"The next appearance rises into place.","s":"arc","c":"actions/switch","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/theme-switch-rise","pc":"Arc","lv":1},{"id":"arc:avatar","t":"Avatar","d":"A compact identity marker for people and accounts.","s":"arc","c":"data-display/avatar","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/avatar","pc":"Arc","lv":1},{"id":"arc:avatar-group","t":"Avatar group","d":"Show a team or set of contributors in a small space.","s":"arc","c":"data-display/avatar","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/avatar-group","pc":"Arc","lv":1},{"id":"arc:input","t":"Input","d":"A single line field with clear labels and useful states.","s":"arc","c":"inputs/form-field","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/input","pc":"Arc","lv":1},{"id":"arc:textarea","t":"Textarea","d":"A multiline field for notes, descriptions, and longer text.","s":"arc","c":"inputs/textarea","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/textarea","pc":"Arc","lv":1},{"id":"arc:select","t":"Select","d":"A compact choice field with a keyboard friendly menu.","s":"arc","c":"inputs/select","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/select","pc":"Arc","lv":1},{"id":"arc:combobox","t":"Combobox","d":"Search and select from a list without leaving the field.","s":"arc","c":"inputs/combobox","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/combobox","pc":"Arc","lv":1},{"id":"arc:checkbox","t":"Checkbox","d":"A binary choice with a precise, legible state.","s":"arc","c":"inputs/checkbox","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/checkbox","pc":"Arc","lv":1},{"id":"arc:switch","t":"Switch","d":"A tactile toggle for settings that take effect immediately.","s":"arc","c":"actions/switch","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/switch","pc":"Arc","lv":1},{"id":"arc:multi-select","t":"Multi-select","d":"Select several values while keeping the field readable.","s":"arc","c":"inputs/tag-input","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/multi-select","pc":"Arc","lv":1},{"id":"arc:number-field","t":"Number field","d":"Enter a bounded number with clear increment controls.","s":"arc","c":"inputs/number-input","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/number-field","pc":"Arc","lv":1},{"id":"arc:password-field","t":"Password field","d":"Capture sensitive text with a visible reveal control.","s":"arc","c":"inputs/form-field","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/password-field","pc":"Arc","lv":1},{"id":"arc:search-field","t":"Search field","d":"A recognizable search entry point with clear affordances.","s":"arc","c":"inputs/search","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/search-field","pc":"Arc","lv":1},{"id":"arc:tag-input","t":"Tag input","d":"Turn short text values into removable tags.","s":"arc","c":"data-display/badge","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/tag-input","pc":"Arc","lv":1},{"id":"arc:file-dropzone","t":"File dropzone","d":"A generous target for dropping one or more files.","s":"arc","c":"inputs/file-upload","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/file-dropzone","pc":"Arc","lv":1},{"id":"arc:radio-group","t":"Radio group","d":"Choose one option from a visible set.","s":"arc","c":"inputs/radio","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/radio-group","pc":"Arc","lv":1},{"id":"arc:segmented-control","t":"Segmented control","d":"Switch between a small set of related views.","s":"arc","c":"actions/segmented-control","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/segmented-control","pc":"Arc","lv":1},{"id":"arc:calendar","t":"Calendar","d":"Browse dates in a clear, compact month view.","s":"arc","c":"inputs/date-picker","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/calendar","pc":"Arc","lv":1},{"id":"arc:date-picker","t":"Date picker","d":"Choose a date without losing context.","s":"arc","c":"inputs/date-picker","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/date-picker","pc":"Arc","lv":1},{"id":"arc:time-picker","t":"Time picker","d":"Choose a time with sensible keyboard behavior.","s":"arc","c":"inputs/time-picker","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/time-picker","pc":"Arc","lv":1},{"id":"arc:accordion","t":"Accordion","d":"Progressively reveal supporting information in place.","s":"arc","c":"data-display/accordion","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/accordion","pc":"Arc","lv":1},{"id":"arc:dialog","t":"Dialog","d":"A focused surface for decisions that need attention.","s":"arc","c":"overlays/dialog","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/dialog","pc":"Arc","lv":1},{"id":"arc:popover","t":"Popover","d":"A small anchored surface for contextual information.","s":"arc","c":"overlays/popover","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/popover","pc":"Arc","lv":1},{"id":"arc:tooltip","t":"Tooltip","d":"Short supporting text for unfamiliar controls.","s":"arc","c":"overlays/tooltip","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/tooltip","pc":"Arc","lv":1},{"id":"arc:tabs","t":"Tabs","d":"Switch between related content in the same context.","s":"arc","c":"navigation/tabs","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/tabs","pc":"Arc","lv":1},{"id":"arc:expandable-card","t":"Expandable card","d":"Give a dense card more room when requested.","s":"arc","c":"data-display/card","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/expandable-card","pc":"Arc","lv":1},{"id":"arc:breadcrumb","t":"Breadcrumb","d":"Show where a page sits in a hierarchy.","s":"arc","c":"navigation/breadcrumb","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/breadcrumb","pc":"Arc","lv":1},{"id":"arc:alert","t":"Alert","d":"A persistent message that helps people recover or continue.","s":"arc","c":"overlays/alert-banner","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/alert","pc":"Arc","lv":1},{"id":"arc:toast","t":"Toast","d":"Brief confirmation for a completed background action.","s":"arc","c":"overlays/toast","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/toast","pc":"Arc","lv":1},{"id":"arc:progress","t":"Progress","d":"Show how much of a known task is complete.","s":"arc","c":"data-viz/progress-bar","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/progress","pc":"Arc","lv":1},{"id":"arc:skeleton","t":"Skeleton","d":"Reserve space while content is still loading.","s":"arc","c":"status/skeleton","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/skeleton","pc":"Arc","lv":1},{"id":"arc:badge","t":"Badge","d":"A small label for status, category, or metadata.","s":"arc","c":"data-display/badge","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/badge","pc":"Arc","lv":1},{"id":"arc:card","t":"Card","d":"A contained group of related content and actions.","s":"arc","c":"data-display/card","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/card","pc":"Arc","lv":1},{"id":"arc:metric-card","t":"Metric card","d":"A compact summary for a number that needs context.","s":"arc","c":"data-display/stat","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/metric-card","pc":"Arc","lv":1},{"id":"arc:empty-state","t":"Empty state","d":"A useful next step when there is nothing to show yet.","s":"arc","c":"data-display/empty-state","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/empty-state","pc":"Arc","lv":1},{"id":"arc:tree-view","t":"Tree view","d":"Navigate nested folders and structured content.","s":"arc","c":"data-display/tree","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/tree-view","pc":"Arc","lv":1},{"id":"arc:pagination","t":"Pagination","d":"Move through a long collection with clear bounds.","s":"arc","c":"navigation/pagination","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/pagination","pc":"Arc","lv":1},{"id":"arc:filter-toolbar","t":"Filter toolbar","d":"Keep collection filters close and easy to reset.","s":"arc","c":"data-viz/chart","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/filter-toolbar","pc":"Arc","lv":1},{"id":"arc:sortable-data-table","t":"Sortable data table","d":"Compare structured records with sortable columns.","s":"arc","c":"data-display/table","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/sortable-data-table","pc":"Arc","lv":1},{"id":"arc:sparkline","t":"Sparkline","d":"Show a compact trend beside a value.","s":"arc","c":"data-viz/chart","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/sparkline","pc":"Arc","lv":1},{"id":"arc:gauge","t":"Gauge","d":"Show a value against a known range.","s":"arc","c":"data-viz/gauge","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/gauge","pc":"Arc","lv":1},{"id":"arc:animated-counter","t":"Animated counter","d":"Give changing totals a clear sense of movement.","s":"arc","c":"motion/number-ticker","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/animated-counter","pc":"Arc","lv":1},{"id":"arc:code-block","t":"Code block","d":"Present code with legible hierarchy and copy access.","s":"arc","c":"data-display/code-block","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/code-block","pc":"Arc","lv":1},{"id":"arc:text-reveal","t":"Text reveal","d":"Reveal a short piece of content with restrained motion.","s":"arc","c":"motion/text-effect","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/text-reveal","pc":"Arc","lv":1},{"id":"arc:in-view-title","t":"In-view title","d":"Bring a section title in as it scrolls into view.","s":"arc","c":"layout/scroll-area","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/in-view-title","pc":"Arc","lv":1},{"id":"arc:text-morph","t":"Text morph","d":"Morph a label into its next state, letter by letter.","s":"arc","c":"motion/text-effect","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/text-morph","pc":"Arc","lv":1},{"id":"arc:text-shimmer","t":"Text shimmer","d":"Show ongoing work with a calm light across the words.","s":"arc","c":"status/loader","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/text-shimmer","pc":"Arc","lv":1},{"id":"arc:hold-to-confirm","t":"Hold to confirm","d":"Confirm a destructive action by holding, not tapping.","s":"arc","c":"actions/button","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/hold-to-confirm","pc":"Arc","lv":1},{"id":"arc:swipe-actions","t":"Swipe actions","d":"Reveal row actions with a swipe, or from the same actions in a menu.","s":"arc","c":"media/card-stack","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/swipe-actions","pc":"Arc","lv":1},{"id":"arc:slider","t":"Slider","d":"Pick a value or a range on a track that follows your finger.","s":"arc","c":"inputs/slider","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/slider","pc":"Arc","lv":1},{"id":"arc:inline-edit","t":"Inline edit","d":"Rename in place: the text becomes a field without moving.","s":"arc","c":"inputs/form-field","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/inline-edit","pc":"Arc","lv":1},{"id":"arc:expanding-search","t":"Expanding search","d":"An icon that morphs into a search field with results beneath it.","s":"arc","c":"inputs/search","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/expanding-search","pc":"Arc","lv":1},{"id":"arc:chip-group","t":"Chip group","d":"Filter by a few facets with chips that morph as you pick them.","s":"arc","c":"data-display/badge","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/chip-group","pc":"Arc","lv":1},{"id":"arc:password-strength","t":"Password strength","d":"Show how strong a new password is while it is typed.","s":"arc","c":"inputs/form-field","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/password-strength","pc":"Arc","lv":1},{"id":"arc:bottom-sheet","t":"Bottom sheet","d":"A sheet that rests at a peek or full height and follows your finger.","s":"arc","c":"overlays/sheet","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/bottom-sheet","pc":"Arc","lv":1},{"id":"arc:hover-card","t":"Hover card","d":"Preview a person or link on hover or focus without leaving the page.","s":"arc","c":"overlays/hover-card","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/hover-card","pc":"Arc","lv":1},{"id":"arc:resizable-panels","t":"Resizable panels","d":"Trade space between panes by dragging the divider between them.","s":"arc","c":"layout/split-pane","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/resizable-panels","pc":"Arc","lv":1},{"id":"arc:toast-stack","t":"Toast stack","d":"Stack short results at the edge until you reach for them.","s":"arc","c":"overlays/toast","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/toast-stack","pc":"Arc","lv":1},{"id":"arc:usage-meter","t":"Usage meter","d":"Show what fills an allowance and how close it is to the limit.","s":"arc","c":"data-viz/gauge","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/usage-meter","pc":"Arc","lv":1},{"id":"arc:image-compare","t":"Image compare","d":"Drag a divider across two images to see what changed.","s":"arc","c":"media/image-compare","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/image-compare","pc":"Arc","lv":1},{"id":"arc:carousel","t":"Carousel","d":"Browse a row of slides by dragging, flicking, or arrowing through them.","s":"arc","c":"media/carousel","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/carousel","pc":"Arc","lv":1},{"id":"arc:card-stack","t":"Card stack","d":"Review a deck one card at a time, with a throw and an undo.","s":"arc","c":"media/card-stack","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/card-stack","pc":"Arc","lv":1},{"id":"arc:morph-nav","t":"Morph nav","d":"A navigation bar that morphs into rich menus, search, and a compact state as one surface.","s":"arc","c":"motion/text-effect","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/morph-nav","pc":"Arc"},{"id":"arc:dock","t":"Dock","d":"A floating tool dock with a gliding label, a springy selection, and trays that grow out of it.","s":"arc","c":"navigation/dock","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/dock","pc":"Arc"},{"id":"arc:wallet-stack","t":"Wallet stack","d":"Fan a stack of cards and lift one out to see its activity.","s":"arc","c":"media/card-stack","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/wallet-stack","pc":"Arc"},{"id":"arc:liquid-tab-bar","t":"Liquid tab bar","d":"Tabs with a liquid selection that stretches between them and fills in icons as it passes.","s":"arc","c":"navigation/tabs","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/liquid-tab-bar","pc":"Arc"},{"id":"arc:now-playing","t":"Now playing","d":"Grow a mini player into the full player in one continuous morph.","s":"arc","c":"media/player","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/now-playing","pc":"Arc"},{"id":"arc:photo-grid","t":"Photo grid","d":"Pinch through zoom levels and open any photo straight from its cell.","s":"arc","c":"media/gallery","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/photo-grid","pc":"Arc"},{"id":"arc:control-center","t":"Control center","d":"Workspace quick settings: tiles that morph into detail, a duration dial, and rubber-banded meters.","s":"arc","c":"data-viz/gauge","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/control-center","pc":"Arc"},{"id":"arc:cover-flow","t":"Cover flow","d":"A depth rail of images you can throw, with soft grounded shadows and a quiet reflection.","s":"arc","c":"navigation/sidebar","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/cover-flow","pc":"Arc"},{"id":"arc:activity-rings","t":"Activity rings","d":"Daily goals as tick rings that sweep, count up, and trace a second lap past 100%.","s":"arc","c":"data-display/timeline","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/activity-rings","pc":"Arc"},{"id":"arc:bar-chart","t":"Bar chart","d":"Compare one measure across days and scrub any bar for its value.","s":"arc","c":"data-viz/chart","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/bar-chart","pc":"Arc","lv":1},{"id":"arc:activity-heatmap","t":"Activity heatmap","d":"See a year of activity at a glance, one square per day.","s":"arc","c":"data-display/timeline","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/activity-heatmap","pc":"Arc","lv":1},{"id":"arc:timeline","t":"Timeline","d":"Follow what happened, newest first, grouped by day.","s":"arc","c":"data-display/timeline","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/timeline","pc":"Arc","lv":1},{"id":"arc:stretch-refresh","t":"Stretch refresh","d":"Pull a feed down and a line stretches to tell you when to let go.","s":"arc","c":"data-display/timeline","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/stretch-refresh","pc":"Arc"},{"id":"arc:orbit-menu","t":"Orbit menu","d":"Hold a button and its actions orbit out, ready to pick with a drag.","s":"arc","c":"ai-agent","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/orbit-menu","pc":"Arc"},{"id":"arc:time-dial","t":"Time dial","d":"Spin a dial to pick an hour and see which team cities are at work.","s":"arc","c":"data-viz/gauge","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/time-dial","pc":"Arc"},{"id":"arc:booking-pill","t":"Booking pill","d":"One pill that reshapes through party size, date, time, and a ticket.","s":"arc","c":"data-display/badge","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/booking-pill","pc":"Arc"},{"id":"arc:voice-recorder","t":"Voice recorder","d":"Record with a live waveform, review and scrub, then send the take into the thread.","s":"arc","c":"ai-agent","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/voice-recorder","pc":"Arc"},{"id":"arc:user-menu","t":"User menu","d":"Your account, settings, theme, and sign out behind the avatar. Opens as a bottom sheet on phones.","s":"arc","c":"navigation/menu","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/user-menu","pc":"Arc","lv":1},{"id":"arc:data-grid","t":"Data grid","d":"A spreadsheet grid with range selection, inline editing, a fill handle, and animated sorting.","s":"arc","c":"data-display/table","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/data-grid","pc":"Arc"},{"id":"arc:lightbox-gallery","t":"Lightbox gallery","d":"A masonry grid where photos zoom from their slot into a viewer you can swipe, pinch, and drag away.","s":"arc","c":"overlays/lightbox","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/lightbox-gallery","pc":"Arc"},{"id":"arc:stepper","t":"Stepper","d":"Show where a person is in a multi-step flow and what is done.","s":"arc","c":"navigation/wizard-steps","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/stepper","pc":"Arc","lv":1},{"id":"arc:morph-loader","t":"Morph loader","d":"Tiny loaders that morph between shapes and fold into a check or a cross when done.","s":"arc","c":"status/loader","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/morph-loader","pc":"Arc"},{"id":"arc:voice-orb","t":"Voice orb","d":"A voice mode orb that listens, thinks, and speaks, with a live transcript and call controls.","s":"arc","c":"ai-agent","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/voice-orb","pc":"Arc"},{"id":"arc:signature-pad","t":"Signature pad","d":"Smooth ink that thins with speed, with undo, replay, and PNG or SVG export.","s":"arc","c":"unsorted","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/signature-pad","pc":"Arc","lv":1},{"id":"arc:date-range-picker","t":"Date range picker","d":"A range picker that grows from its trigger into two months with presets and a stretching range highlight.","s":"arc","c":"inputs/date-range","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/date-range-picker","pc":"Arc","lv":1},{"id":"arc:color-picker","t":"Color picker","d":"A swatch that grows into a picker with format morphing, eyedropper, saved swatches, and contrast readout.","s":"arc","c":"inputs/color-picker","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/color-picker","pc":"Arc","lv":1},{"id":"arc:morph-select","t":"Morph select","d":"A select whose trigger grows into the list, with a gliding highlight and type-ahead.","s":"arc","c":"inputs/select","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/morph-select","pc":"Arc","lv":1},{"id":"arc:action-morph","t":"Action morph","d":"A floating button that morphs into a quick-action menu, then an inline form, then back with a check.","s":"arc","c":"motion/text-effect","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/action-morph","pc":"Arc"},{"id":"arc:share-sheet","t":"Share sheet","d":"A Share button that opens into a panel with copy link, access level, channels, and people to send to.","s":"arc","c":"overlays/sheet","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/share-sheet","pc":"Arc"},{"id":"arc:line-chart","t":"Line chart","d":"A multi-series line chart with a gliding crosshair, legend toggles, and paths that morph between ranges.","s":"arc","c":"data-viz/chart","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/line-chart","pc":"Arc","lv":1},{"id":"arc:donut-chart","t":"Donut chart","d":"A donut whose arcs morph between datasets, with the active value rolling into the center.","s":"arc","c":"data-viz/chart","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/donut-chart","pc":"Arc","lv":1},{"id":"arc:streamgraph","t":"Streamgraph","d":"Layered streams on a wiggle baseline that morph between ranges, with a layer you can isolate and read week by week.","s":"arc","c":"data-viz/chart","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/streamgraph","pc":"Arc","lv":1},{"id":"arc:brush-chart","t":"Brush chart","d":"A dense time series with an overview strip: drag a window to zoom, resize it by its handles, and read events in place.","s":"arc","c":"data-viz/chart","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/brush-chart","pc":"Arc","lv":1},{"id":"arc:race-bar-chart","t":"Race bar chart","d":"A ranking over time: bars overtake each other on springs, values count up, and a timeline you can play or scrub.","s":"arc","c":"data-viz/chart","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/race-bar-chart","pc":"Arc"},{"id":"arc:ridgeline","t":"Ridgeline","d":"Overlapping distributions, one ridge per group: hover to lift a ridge and read its quartiles, switch datasets and every curve morphs.","s":"arc","c":"actions/switch","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/ridgeline","pc":"Arc","lv":1},{"id":"arc:treemap","t":"Treemap","d":"A squarified treemap: click to drill and the tiles grow to fill the view, with a breadcrumb back and metrics that morph every tile.","s":"arc","c":"data-display/tree","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/treemap","pc":"Arc","lv":1},{"id":"arc:sunburst","t":"Sunburst","d":"A hierarchy in rings: click a segment and every arc swings around it as the new centre, with a breadcrumb back and a rolling total.","s":"arc","c":"navigation/breadcrumb","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/sunburst","pc":"Arc"},{"id":"arc:sankey-flow","t":"Sankey flow","d":"Flows between stages as ribbons with drifting particles; hover any node or ribbon to pour its share through the whole journey.","s":"arc","c":"motion/background","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/sankey-flow","pc":"Arc"},{"id":"arc:waffle-chart","t":"Waffle chart","d":"A ten by ten unit chart where every cell is one percent, and cells fly to their new group when the data changes.","s":"arc","c":"data-viz/chart","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/waffle-chart","pc":"Arc","lv":1},{"id":"arc:funnel-chart","t":"Funnel chart","d":"A tapered conversion funnel with drop-off at every step, a device split that morphs the band, and dots that stream through it.","s":"arc","c":"data-viz/chart","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/funnel-chart","pc":"Arc"},{"id":"arc:radar-chart","t":"Radar chart","d":"Two or three profiles on one web: shapes morph when you swap a profile, and a sweep across the axes compares values in place.","s":"arc","c":"data-viz/chart","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/radar-chart","pc":"Arc"},{"id":"arc:realtime-stream","t":"Realtime stream","d":"A live line that scrolls at 60fps as readings arrive, holds still on hover to read, and pops a marker on every anomaly.","s":"arc","c":"inputs/time-picker","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/realtime-stream","pc":"Arc"},{"id":"arc:slope-chart","t":"Slope chart","d":"Before and after on two axes: lines draw in, rank moves sit beside each value, and switching datasets slides every line to its new slope.","s":"arc","c":"data-viz/chart","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/slope-chart","pc":"Arc","lv":1},{"id":"arc:countdown","t":"Countdown","d":"A launch countdown with rolling digits that morphs into a live state at zero.","s":"arc","c":"motion/number-ticker","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/countdown","pc":"Arc","lv":1},{"id":"arc:announcement-bar","t":"Announcement bar","d":"A top banner that rotates messages, counts down, and collapses smoothly when dismissed.","s":"arc","c":"data-viz/chart","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/announcement-bar","pc":"Arc","lv":1},{"id":"arc:json-viewer","t":"JSON viewer","d":"A collapsible JSON tree with search, paging for long arrays, and copy value or path.","s":"arc","c":"data-display/json-viewer","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/json-viewer","pc":"Arc","lv":1},{"id":"arc:product-gallery","t":"Product gallery","d":"A product gallery with a hover magnifier, gliding thumbnails, and color and size variants that crossfade photos.","s":"arc","c":"media/gallery","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/product-gallery","pc":"Arc"},{"id":"arc:sheet-stack","t":"Sheet stack","d":"Nested sheets that stack with depth, drag to dismiss, and become stacked dialogs on wide screens.","s":"arc","c":"overlays/sheet","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/sheet-stack","pc":"Arc"},{"id":"arc:phone-input","t":"Phone input","d":"A phone field with a country picker, formatting as you type, and E.164 output.","s":"arc","c":"inputs/form-field","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/phone-input","pc":"Arc","lv":1},{"id":"arc:money-input","t":"Money input","d":"A currency field with live grouping, stable width, rolling digits, and minor-unit output.","s":"arc","c":"inputs/form-field","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/money-input","pc":"Arc","lv":1},{"id":"arc:shortcut-recorder","t":"Shortcut recorder","d":"Record key combinations into key caps, with conflict warnings, Kbd, and a searchable cheatsheet.","s":"arc","c":"overlays/sheet","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/shortcut-recorder","pc":"Arc","lv":1},{"id":"arc:confirm-morph","t":"Confirm morph","d":"A destructive button that morphs into an inline confirmation, a spinner, and a result with undo.","s":"arc","c":"actions/button","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/confirm-morph","pc":"Arc","lv":1},{"id":"arc:mention-input","t":"Mention input","d":"A textarea with @people and #channel mentions that act as single tokens, with suggestions at the caret.","s":"arc","c":"inputs/combobox","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/mention-input","pc":"Arc","lv":1},{"id":"arc:chat-thread","t":"Chat thread","d":"A chat thread with grouped messages, reactions, read receipts, typing, and a composer with attachments.","s":"arc","c":"data-display/chat-thread","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/chat-thread","pc":"Arc","lv":1},{"id":"arc:rich-text-editor","t":"Rich text editor","d":"A lightweight editor with markdown shortcuts, a floating toolbar, a slash menu, and HTML and markdown output.","s":"arc","c":"inputs/textarea","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/rich-text-editor","pc":"Arc","lv":1},{"id":"arc:billing-toggle","t":"Billing toggle","d":"A monthly and yearly switch with a savings badge and prices that roll to the new amount.","s":"arc","c":"actions/switch","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/billing-toggle","pc":"Arc","lv":1},{"id":"arc:scroll-area","t":"Scroll area","d":"A native scroll container with thin overlay scrollbars and edge fades that appear only when content overflows.","s":"arc","c":"layout/scroll-area","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/scroll-area","pc":"Arc","lv":1},{"id":"arc:radio-cards","t":"Radio cards","d":"Selectable option cards with a sliding selection ring, price and description slots, and radio keyboard behavior.","s":"arc","c":"inputs/radio","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/radio-cards","pc":"Arc","lv":1},{"id":"arc:comment-thread","t":"Comment thread","d":"Threaded comments with replies, reactions, mentions, inline edit, and resolve.","s":"arc","c":"data-display/chat-thread","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/comment-thread","pc":"Arc","lv":1},{"id":"arc:dot-grid","t":"Dot grid","d":"A dot field that bulges around the cursor like a lens and ripples from every click.","s":"arc","c":"layout/page-shell","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/dot-grid","pc":"Arc"},{"id":"arc:slot-text","t":"Slot text","d":"Text and numbers that spin into their new value on staggered slot machine reels.","s":"arc","c":"motion/text-effect","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/slot-text","pc":"Arc","lv":1},{"id":"arc:page-curl","t":"Page curl","d":"A small magazine you read by dragging page corners, with a real fold, lit curl, and flick to turn.","s":"arc","c":"motion/tilt-3d","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/page-curl","pc":"Arc"},{"id":"arc:glass-card","t":"Glass card","d":"A glass info panel over a photo whose rim catches a pointer-following highlight while the card tilts; tap to morph it into a detail sheet.","s":"arc","c":"data-display/card","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/glass-card","pc":"Arc"},{"id":"arc:glass-tabbar","t":"Glass tab bar","d":"A floating Liquid Glass tab bar that refracts what scrolls beneath it, with a glass lens that glides, magnifies and can be dragged between tabs, and an optional search bubble; it c","s":"arc","c":"navigation/tabs","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/glass-tabbar","pc":"Arc"},{"id":"arc:skeleton-morph","t":"Skeleton morph","d":"Loading skeletons that grow into the real content, block by block, instead of swapping.","s":"arc","c":"status/skeleton","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/skeleton-morph","pc":"Arc"},{"id":"arc:orbit-logos","t":"Orbit logos","d":"An integrations showcase with brand logos orbiting your product mark on tilted rings. Hover or focus one to rest the orbit, draw a connection, and see what it does.","s":"arc","c":"ai-agent","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/orbit-logos","pc":"Arc"},{"id":"arc:sand-text","t":"Sand text","d":"A headline made of sand that pours into the letters, crumbles where the cursor digs, and heals itself.","s":"arc","c":"motion/text-effect","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/sand-text","pc":"Arc"},{"id":"arc:gravity-well","t":"Gravity well","d":"A grid of tiles that bends toward the cursor like spacetime, with a click that sends a shockwave through it.","s":"arc","c":"inputs/time-picker","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/gravity-well","pc":"Arc"},{"id":"arc:data-flow","t":"Data flow","d":"Data flow illustration. Sources (app, database, events) are on the left, a processing core with a live count sits in the middle, and destinations (warehouse, dashboard, alerts) are","s":"arc","c":"data-display/kanban","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/data-flow","pc":"Arc"},{"id":"arc:payment-flow","t":"Payment flow","d":"A card tap goes to a processor, then the network, then the bank and back with authorization, then settlement; each hop lights up with a status label and the amount travels as a chi","s":"arc","c":"data-display/badge","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/payment-flow","pc":"Arc"},{"id":"arc:date-reel","t":"Date reel","d":"A 3D wheel date and time picker (like iOS reels) with momentum scrolling, snapping, curved perspective, and full keyboard support.","s":"arc","c":"inputs/date-picker","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/date-reel","pc":"Arc"},{"id":"arc:multi-region-failover","t":"Multi-region failover","d":"Animated multi-region failover on a 2.5D stage: users stream requests through a global load balancer to two regions; the primary degrades, fails three health checks, traffic shifts","s":"arc","c":"layout/split-pane","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/multi-region-failover","pc":"Arc"},{"id":"arc:vector-search","t":"Vector search","d":"Documents drop onto a tilted embedding plane and fold into points that cluster by topic; the index links neighbours, a query is typed, embedded and lowered onto the plane, a signal","s":"arc","c":"inputs/search","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/vector-search","pc":"Arc"},{"id":"arc:typewriter-terminal","t":"Typewriter terminal","d":"A terminal that types a scripted CLI session with a seeded human cadence, colors the shell syntax, and streams output lines, progress bars and spinners, with a scrubber, play/pause","s":"arc","c":"motion/text-effect","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/typewriter-terminal","pc":"Arc"},{"id":"arc:link-unfurl","t":"Link unfurl","d":"A composer where pasting a URL shows a loading shimmer on the link, then unfurls it into a rich preview card with title, image and favicon in one morph, which can be collapsed back","s":"arc","c":"ai-agent","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/link-unfurl","pc":"Arc"},{"id":"arc:release-readiness","t":"Release readiness","d":"A launch checklist that keeps prerequisites, progress, and the final action together.","k":"section","s":"arc","c":"data-viz/progress-bar","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/release-readiness","pc":"Arc"},{"id":"arc:signup-form","t":"Sign up form","d":"An account creation flow with field validation, password strength, and a clear completion state.","k":"section","s":"arc","c":"inputs/form-field","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/signup-form","pc":"Arc","lv":1},{"id":"arc:wallet-card","t":"Wallet card","d":"A compact account view with balance, recent activity, and focused money actions.","k":"section","s":"arc","c":"data-display/card","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/wallet-card","pc":"Arc"},{"id":"arc:logo-marquee","t":"Logo marquee","d":"A quiet, continuously moving row of brand marks with a pause control.","k":"section","s":"arc","c":"marketing","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/logo-marquee","pc":"Arc","lv":1},{"id":"arc:team-directory","t":"Team directory","d":"Searchable people, team filters, and a focused profile panel.","k":"section","s":"arc","c":"data-display/avatar","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/team-directory","pc":"Arc"},{"id":"arc:project-board","t":"Project board","d":"A living workflow board for moving work between stages.","k":"section","s":"arc","c":"data-display/kanban","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/project-board","pc":"Arc"},{"id":"arc:invoice-studio","t":"Invoice studio","d":"An editable invoice with live totals and a clear save flow.","k":"section","s":"arc","c":"ai-agent","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/invoice-studio","pc":"Arc"},{"id":"arc:plan-comparison","t":"Plan comparison","d":"Compare meaningful differences between plans and billing periods.","k":"section","s":"arc","c":"data-display/diff","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/plan-comparison","pc":"Arc","lv":1},{"id":"arc:availability-picker","t":"Availability picker","d":"Find a meeting time across people and see the choice come together.","k":"section","s":"arc","c":"inputs/select","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/availability-picker","pc":"Arc"},{"id":"arc:metrics-dashboard","t":"Metrics dashboard","d":"A dense analytics view with KPI tabs, one inspectable chart, and top pages and sources.","k":"section","s":"arc","c":"data-display/kanban","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/metrics-dashboard","pc":"Arc"},{"id":"arc:media-player","t":"Media player","d":"An audio player with a living playlist and complete playback controls.","k":"section","s":"arc","c":"media/player","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/media-player","pc":"Arc"},{"id":"arc:support-conversation","t":"Support conversation","d":"A responsive message thread with useful quick replies and live feedback.","k":"section","s":"arc","c":"ai-agent","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/support-conversation","pc":"Arc"},{"id":"arc:inbox-triage","t":"Inbox triage","d":"Process a focused inbox with archive, snooze, and restore actions.","k":"section","s":"arc","c":"unsorted","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/inbox-triage","pc":"Arc"},{"id":"arc:command-palette","t":"Command palette","d":"A complete keyboard driven action surface with search, grouped results, and shortcuts.","k":"section","s":"arc","c":"navigation/command-palette","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/blocks/command-palette","pc":"Arc","lv":1},{"id":"arc:notification-center","t":"Notification center","d":"A home for updates with read state, grouped information, and animated disclosure.","k":"section","s":"arc","c":"overlays/notifications","a":"Arc","st":"picked","pl":"https://uiarc.dev/components/blocks/notification-center","pc":"Arc","lv":1},{"id":"arc:file-upload","t":"File upload","d":"A complete file selection flow with constraints, progress, and error feedback.","k":"section","s":"arc","c":"inputs/file-upload","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/file-upload","pc":"Arc","lv":1},{"id":"arc:otp-input","t":"OTP input","d":"A six digit verification flow with paste support and keyboard navigation.","k":"section","s":"arc","c":"inputs/otp-input","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/otp-input","pc":"Arc","lv":1},{"id":"arc:multi-step-form","t":"Multi-step form","d":"A guided form that presents one decision at a time and preserves progress.","k":"section","s":"arc","c":"inputs/form-field","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/multi-step-form","pc":"Arc"},{"id":"arc:team-showcase","t":"Team showcase","d":"An image led team introduction with profiles that open in place.","k":"section","s":"arc","c":"data-display/avatar","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/team-showcase","pc":"Arc"},{"id":"arc:testimonial-stage","t":"Studio perspectives","d":"Portrait led editorial stories with a focused reading state.","k":"section","s":"arc","c":"marketing","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/testimonial-stage","pc":"Arc"},{"id":"arc:changelog-feed","t":"Changelog feed","d":"Release notes you can filter, open in place, and scroll through month by month.","k":"section","s":"arc","c":"data-display/timeline","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/changelog-feed","pc":"Arc","lv":1},{"id":"arc:usage-pricing","t":"Usage pricing","d":"A pricing calculator that finds your plan as you drag seats and traffic.","k":"section","s":"arc","c":"marketing","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/usage-pricing","pc":"Arc"},{"id":"arc:ai-composer","t":"AI composer","d":"A focused assistant thread where messages lift out of the composer and replies stream in.","k":"section","s":"arc","c":"ai-agent","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/ai-composer","pc":"Arc"},{"id":"arc:sign-in","t":"Sign in","d":"A sign in card that morphs from email to a six digit code to your account.","k":"section","s":"arc","c":"inputs/form-field","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/sign-in","pc":"Arc","lv":1},{"id":"arc:workspace-sidebar","t":"Workspace sidebar","d":"A product sidebar with a workspace switcher, live search, draggable favorites, and inline projects.","k":"section","s":"arc","c":"navigation/sidebar","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/workspace-sidebar","pc":"Arc"},{"id":"arc:settings-page","t":"Settings page","d":"Account settings with a gliding section nav and a save bar that morphs in as you edit.","k":"section","s":"arc","c":"flows/settings","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/settings-page","pc":"Arc"},{"id":"arc:sidebar-rail","t":"Sidebar rail","d":"An app shell whose sidebar folds into an icon rail and slides in as a sheet on phones.","k":"section","s":"arc","c":"navigation/sidebar","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/sidebar-rail","pc":"Arc"},{"id":"arc:docs-sidebar","t":"Docs sidebar","d":"A docs layout with a live filtering nav tree, version switcher, and a gliding on this page outline.","k":"section","s":"arc","c":"navigation/sidebar","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/docs-sidebar","pc":"Arc"},{"id":"arc:integrations","t":"Integrations","d":"An integrations directory where Connect morphs to Connected and the filters recount as you go.","k":"section","s":"arc","c":"motion/text-effect","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/integrations","pc":"Arc"},{"id":"arc:billing-overview","t":"Billing overview","d":"A billing page where the plan card morphs into a picker and usage, invoices, and card follow.","k":"section","s":"arc","c":"ai-agent","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/billing-overview","pc":"Arc"},{"id":"arc:api-keys","t":"API keys","d":"API key management where Create key unfolds into its form and each secret is shown once.","k":"section","s":"arc","c":"inputs/form-field","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/api-keys","pc":"Arc"},{"id":"arc:inbox-sidebar","t":"Inbox sidebar","d":"A mail sidebar whose Compose button grows into a composer and whose folders take dropped mail.","k":"section","s":"arc","c":"navigation/sidebar","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/inbox-sidebar","pc":"Arc"},{"id":"arc:team-members","t":"Team members","d":"A members list where typed emails turn into chips and fly into pending invites as seats roll.","k":"section","s":"arc","c":"data-display/avatar","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/team-members","pc":"Arc"},{"id":"arc:page-header","t":"Page header","d":"A project page header that folds into a compact bar as you scroll, with tabs whose counts roll.","k":"section","s":"arc","c":"navigation/top-nav","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/page-header","pc":"Arc","lv":1},{"id":"arc:revenue-explorer","t":"Revenue explorer","d":"A SaaS revenue chart you zoom with a brush while paths, axes and figures glide to the range.","k":"section","s":"arc","c":"data-viz/chart","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/revenue-explorer","pc":"Arc"},{"id":"arc:journey-flow","t":"Journey flow","d":"A Sankey of user journeys whose flows morph by channel and trace a cohort on hover.","k":"section","s":"arc","c":"motion/text-effect","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/journey-flow","pc":"Arc"},{"id":"arc:empty-states","t":"Empty states","d":"Four empty states in one illustration whose shapes morph between scenes as you switch tabs.","k":"section","s":"arc","c":"data-display/stat","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/empty-states","pc":"Arc","lv":1},{"id":"arc:login-centered","t":"Centered login","d":"A passkey-first login card on a quiet ring backdrop that morphs through email and code.","k":"section","s":"arc","c":"inputs/form-field","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/login-centered","pc":"Arc","lv":1},{"id":"arc:login-immersive","t":"Immersive login","d":"A glass magic link card over dusk photography that folds its envelope shut once sent.","k":"section","s":"arc","c":"inputs/form-field","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/login-immersive","pc":"Arc"},{"id":"arc:security-settings","t":"Security settings","d":"An account security page with guided two-factor setup, password change and active sessions.","k":"section","s":"arc","c":"flows/settings","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/security-settings","pc":"Arc"},{"id":"arc:cancel-flow","t":"Cancel flow","d":"A cancellation flow that answers each reason with a tailored offer and a calm hold-to-cancel.","k":"section","s":"arc","c":"actions/button","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/cancel-flow","pc":"Arc"},{"id":"arc:login-split","t":"Login split","d":"A full screen split login: an email-first form that morphs into a password step beside a photo.","k":"section","s":"arc","c":"inputs/form-field","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/login-split","pc":"Arc"},{"id":"arc:cohort-retention","t":"Cohort retention","d":"A cohort retention triangle that morphs into retention curves and rewashes by segment.","k":"section","s":"arc","c":"actions/segmented-control","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/cohort-retention","pc":"Arc"},{"id":"arc:support-widget","t":"Support widget","d":"An in-app help launcher that grows into live article search, reading, and a chat with your team.","k":"section","s":"arc","c":"data-display/chat-thread","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/support-widget","pc":"Arc"},{"id":"arc:usage-forecast","t":"Usage forecast","d":"A billing period usage chart with a forecast cone and a draggable budget that dates the crossing.","k":"section","s":"arc","c":"data-viz/chart","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/usage-forecast","pc":"Arc"},{"id":"arc:mrr-waterfall","t":"MRR waterfall","d":"An MRR bridge whose floating bars morph by period and open the accounts behind each move.","k":"section","s":"arc","c":"data-viz/chart","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/mrr-waterfall","pc":"Arc"},{"id":"arc:webhooks","t":"Webhooks","d":"A webhooks console with delivery history, a payload inspector and retries that roll the rate.","k":"section","s":"arc","c":"unsorted","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/webhooks","pc":"Arc"},{"id":"arc:roles-permissions","t":"Roles and permissions","d":"A permissions matrix with group toggles that ripple, role duplication and a review bar.","k":"section","s":"arc","c":"data-viz/chart","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/roles-permissions","pc":"Arc"},{"id":"arc:metric-explorer","t":"Metric explorer","d":"KPI cards that open into a scrubbable chart and morph between metrics and ranges.","k":"section","s":"arc","c":"data-display/stat","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/metric-explorer","pc":"Arc"},{"id":"arc:activity-terrain","t":"Activity terrain","d":"A 3D terrain of hourly activity you can orbit, zoom, fly into and flatten into a heatmap.","k":"section","s":"arc","c":"data-display/timeline","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/activity-terrain","pc":"Arc"},{"id":"arc:revenue-globe","t":"Revenue globe","d":"A dotted globe where live payments arc home to headquarters, with a replayable day.","k":"section","s":"arc","c":"unsorted","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/revenue-globe","pc":"Arc"},{"id":"arc:customer-galaxy","t":"Customer galaxy","d":"2,400 accounts as a drifting galaxy that spirals into clusters by plan, region or health.","k":"section","s":"arc","c":"motion/number-ticker","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/customer-galaxy","pc":"Arc"},{"id":"arc:semantic-zoom","t":"Semantic zoom","d":"An infinite-zoom map of a company that reveals teams, projects, tasks and people as you fly in.","k":"section","s":"arc","c":"data-display/avatar","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/semantic-zoom","pc":"Arc"},{"id":"arc:layout-morph","t":"Layout morph","d":"A 24 card gallery that flies between grid, masonry, list, fan, carousel and a 3D helix.","k":"section","s":"arc","c":"layout/page-shell","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/layout-morph","pc":"Arc"},{"id":"arc:agent-run","t":"Agent run","d":"A live AI agent run: steps stream in, tool calls expand, a diff waits for approval, and it all folds into a result.","k":"section","s":"arc","c":"ai-agent","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/agent-run","pc":"Arc"},{"id":"arc:week-calendar","t":"Week calendar","d":"A week calendar where you drag to create, move, and resize events, with color coded calendars, day and agenda views, and swipes on phones.","k":"section","s":"arc","c":"inputs/date-picker","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/week-calendar","pc":"Arc"},{"id":"arc:scroll-story","t":"Scroll story","d":"A feature section where scrolling the copy drives a pinned product view through each step.","k":"section","s":"arc","c":"layout/scroll-area","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/scroll-story","pc":"Arc"},{"id":"arc:spotlight-grid","t":"Spotlight grid","d":"A feature grid where light follows the pointer, cards play live demos, and a click morphs a card into its detail.","k":"section","s":"arc","c":"navigation/command-palette","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/spotlight-grid","pc":"Arc"},{"id":"arc:invite-people","t":"Invite people","d":"Invite teammates with roles, bulk paste validation, a seat meter, and avatars that fly into a pending list.","k":"section","s":"arc","c":"data-display/avatar","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/invite-people","pc":"Arc"},{"id":"arc:cart-drawer","t":"Cart drawer","d":"Products fly into the cart, counts roll, and a drawer handles quantities, shipping progress, and checkout.","k":"section","s":"arc","c":"overlays/sheet","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/cart-drawer","pc":"Arc"},{"id":"arc:pricing-calculator","t":"Pricing calculator","d":"A seat slider and billing toggle drive plan cards with rolling prices and a moving recommended badge.","k":"section","s":"arc","c":"marketing","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/pricing-calculator","pc":"Arc"},{"id":"arc:ai-chat","t":"AI chat","d":"A complete AI chat with streamed markdown answers, folding reasoning, tool chips, citations, and a model switcher.","k":"section","s":"arc","c":"ai-agent","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/ai-chat","pc":"Arc"},{"id":"arc:checkout-summary","t":"Checkout summary","d":"An order summary with a promo code that becomes a chip, discount and tax lines, and pay button states.","k":"section","s":"arc","c":"data-display/code-block","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/checkout-summary","pc":"Arc"},{"id":"arc:site-header","t":"Site header","d":"A sticky website header that turns solid on scroll, with a gliding active link, mega menu panels, and a mobile sheet.","k":"section","s":"arc","c":"navigation/top-nav","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/site-header","pc":"Arc","lv":1},{"id":"arc:site-footer","t":"Site footer","d":"A website footer with link columns and newsletter, a minimal layout, and a large fading Arc mark.","k":"section","s":"arc","c":"marketing","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/site-footer","pc":"Arc","lv":1},{"id":"arc:hero-section","t":"Hero section","d":"Three full screen SaaS heroes: a live dashboard rising from the bottom edge over a drifting mesh, a workflow graph that routes sample events node by node, and editorial type over a","k":"section","s":"arc","c":"layout/page-shell","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/hero-section","pc":"Arc","lv":1},{"id":"arc:faq-section","t":"FAQ section","d":"FAQs as an accordion, a topic rail, or a searchable list that highlights matches.","k":"section","s":"arc","c":"data-display/accordion","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/faq-section","pc":"Arc","lv":1},{"id":"arc:contact-section","t":"Contact section","d":"A validated contact form that morphs into a confirmation, support channels, and office cards with local times.","k":"section","s":"arc","c":"layout/page-shell","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/contact-section","pc":"Arc","lv":1},{"id":"arc:settings-command","t":"Settings command","d":"Workspace settings where a search field grows into a palette that flies you to any setting.","k":"section","s":"arc","c":"navigation/command-palette","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/settings-command","pc":"Arc"},{"id":"arc:usage-billing","t":"Usage billing","d":"A usage based billing dashboard with a projected spend line, meters against limits, alerts, and an upgrade that morphs into a confirm sheet.","k":"section","s":"arc","c":"overlays/sheet","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/usage-billing","pc":"Arc"},{"id":"arc:ai-side-panel","t":"AI side panel","d":"An assistant docked beside a page that streams answers, pulls context chips from it, and applies changes with a highlight.","k":"section","s":"arc","c":"layout/split-pane","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/ai-side-panel","pc":"Arc"},{"id":"arc:kpi-drilldown","t":"KPI drilldown","d":"KPI cards that expand into a full detail chart with period comparison and a breakdown table, then fold back.","k":"section","s":"arc","c":"data-display/stat","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/kpi-drilldown","pc":"Arc"},{"id":"arc:blog-grid","t":"Blog grid","d":"A blog index with a featured post, category filter, post cards, pagination and an in-place reader.","k":"section","s":"arc","c":"layout/page-shell","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/blog-grid","pc":"Arc","lv":1},{"id":"arc:comparison-table","t":"Comparison table","d":"An us versus them table with a sticky header, a highlighted column, and a stacked phone view.","k":"section","s":"arc","c":"data-display/table","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/comparison-table","pc":"Arc","lv":1},{"id":"arc:feature-bento","t":"Feature bento","d":"A six cell feature bento where small, real product UI acts each feature out on hover.","k":"section","s":"arc","c":"layout/bento-grid","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/feature-bento","pc":"Arc"},{"id":"arc:stats-band","t":"Stats band","d":"Headline numbers that count up in view, each with a tiny visual that proves it and a context line on hover, plain or in a hairline grid.","k":"section","s":"arc","c":"data-display/stat","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/stats-band","pc":"Arc","lv":1},{"id":"arc:cta-section","t":"CTA section","d":"A call to action as a centered closing section, a split beside a setup card that completes itself, or a dismissible banner.","k":"section","s":"arc","c":"actions/button","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/cta-section","pc":"Arc","lv":1},{"id":"arc:newsletter-signup","t":"Newsletter signup","d":"An email signup framed by a stack of past issues; subscribing drops the next issue, addressed to you, onto the front.","k":"section","s":"arc","c":"inputs/form-field","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/newsletter-signup","pc":"Arc","lv":1},{"id":"arc:product-listing","t":"Product listing","d":"A storefront grid with price, color and size filters, a sort menu, hover photo swaps, and quick add with a size row.","k":"section","s":"arc","c":"data-display/list","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/product-listing","pc":"Arc"},{"id":"arc:product-detail","t":"Product detail","d":"A product page with a swipeable gallery, finish and size variants, add to bag that confirms in place, shipping, a reviews summary, and details.","k":"section","s":"arc","c":"actions/button","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/product-detail","pc":"Arc"},{"id":"arc:hero-signup","t":"Hero signup","d":"A full screen waitlist hero on a soft, drifting mesh gradient: the email field validates as you type and its button grows into the confirmation with your place in line.","k":"section","s":"arc","c":"inputs/form-field","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/hero-signup","pc":"Arc"},{"id":"arc:search-results","t":"Search results","d":"A faceted workspace search page with suggestions, facet counts that follow the query, filter chips, mixed doc, person and file results with highlighted matches, a gliding keyboard ","k":"section","s":"arc","c":"inputs/search","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/search-results","pc":"Arc"},{"id":"arc:market-terminal","t":"Market terminal","d":"A trading terminal with a canvas candlestick chart, volume, moving averages, crosshair OHLC readout, wheel, drag and pinch zoom, a live watchlist with sparklines and flashing price","k":"section","s":"arc","c":"data-viz/chart","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/market-terminal","pc":"Arc"},{"id":"arc:budget-variance","t":"Budget variance","d":"Budget against actual operating spend by department as aligned bullet charts, with favorable and unfavorable variance, a month, quarter and year to date switch that springs every b","k":"section","s":"arc","c":"data-viz/chart","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/budget-variance","pc":"Arc"},{"id":"arc:choropleth-explorer","t":"Choropleth explorer","d":"A filled-region map that shades every state or region by revenue, growth or penetration on a stepped scale, with a country switch (United States, Canada, Brazil, United Kingdom, Fr","k":"section","s":"arc","c":"data-display/stat","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/choropleth-explorer","pc":"Arc"},{"id":"arc:small-multiples","t":"Small multiples","d":"A trellis of small line charts that reads as one chart, with a synced crosshair, a shared or independent y scale that springs the axes, sorting with a FLIP reorder, a ghost of the ","k":"section","s":"arc","c":"data-viz/chart","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/small-multiples","pc":"Arc"},{"id":"arc:connected-scatter","t":"Connected scatter","d":"A connected scatterplot of monthly CAC against LTV where the path draws itself in, a scrubber moves a head along the curve, and a channel switch morphs the path against a shaded 3x","k":"section","s":"arc","c":"inputs/slider","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/connected-scatter","pc":"Arc"},{"id":"arc:line-replay","t":"Line replay","d":"A time replay line chart that draws a day of traffic with a moving playhead, a value label on the tip, a scrubber, speed control and key moments annotated as the playhead passes th","k":"section","s":"arc","c":"data-viz/chart","a":"Arc","st":"reviewed","pl":"https://uiarc.dev/components/blocks/line-replay","pc":"Arc"},{"id":"spaceui:block-card-info-1","t":"Craft & Audience Cards","d":"Interactive showcase of service and audience craft cards with custom gradient icons.","k":"section","s":"spaceui","c":"data-display/card","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:block-card-info-2","t":"Philosophy & Principles Cards","d":"Interactive showcase of core philosophy and value cards with custom gradient icons.","k":"section","s":"spaceui","c":"data-display/card","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:block-community-wall-1","t":"Community Wall","d":"Interactive draggable infinite canvas community wall with radial bloom distribution, card patterns, collision avoidance, tilt controls, and note submission modal.","k":"section","s":"spaceui","c":"overlays/dialog","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:block-dither-carousel","t":"Dither Carousel Block","d":"3D cylindrical spiral carousel in WebGL2 with curved cards, axial directional blur, and matrix dither pattern.","k":"section","s":"spaceui","c":"media/carousel","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/blocks/dither-carousel","pc":"Space UI","lv":1},{"id":"spaceui:block-eleven-labs","t":"Eleven Labs Landing","d":"ElevenLabs-inspired landing page block with a live audio-reactive orb hero.","k":"section","s":"spaceui","c":"ai-agent","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/blocks/eleven-labs","pc":"Space UI","lv":1},{"id":"spaceui:block-interactive-fun-facts","t":"Interactive 3D Fun Facts Game","d":"Interactive 3D stacked deck quiz game block with True/False feedback, live score and dialog summary.","k":"section","s":"spaceui","c":"motion/tilt-3d","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/blocks/interactive-fun-facts","pc":"Space UI","lv":1},{"id":"spaceui:block-interactive-grid-hero-1","t":"Interactive Grid Hero","d":"Interactive proximity-reactive grid canvas that dynamically rounds and insets cells on cursor movement with custom shape controls.","k":"section","s":"spaceui","c":"layout/page-shell","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:block-lens-carousel","t":"Lens Carousel Block","d":"Vertical WebGL lens gallery. Scroll-linked image planes from Immersive Lens.","k":"section","s":"spaceui","c":"media/carousel","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/blocks/lens-carousel","pc":"Space UI","lv":1},{"id":"spaceui:block-liquid-gooey-carousel","t":"Liquid Gooey Carousel Block","d":"Smooth-minimum signed distance field WebGL2 carousel with liquid fusing cards that pull organic metaball strands when separated.","k":"section","s":"spaceui","c":"media/carousel","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/blocks/liquid-gooey-carousel","pc":"Space UI","lv":1},{"id":"spaceui:block-prism-carousel","t":"Prism Carousel Block","d":"Continuous image strip rendered to an offscreen texture and sampled through a thick optical glass lens shader with radial refraction and chromatic aberration.","k":"section","s":"spaceui","c":"media/carousel","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/blocks/prism-carousel","pc":"Space UI","lv":1},{"id":"spaceui:block-showcase-gallery","t":"Showcase Gallery Block","d":"Bento gallery of stills and looping videos in two-tone frames. Videos play only while on screen; tiles cascade in as they scroll into view.","k":"section","s":"spaceui","c":"media/gallery","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/blocks/showcase-gallery","pc":"Space UI","lv":1},{"id":"spaceui:block-sign-in","t":"Sign In Page 1","d":"Interactive demo showcasing the Sign In Page 1 component.","k":"section","s":"spaceui","c":"inputs/form-field","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/blocks/sign-in","pc":"Space UI","lv":1},{"id":"spaceui:block-stats-blog","t":"Blog & Content Stats Block","d":"Content publication metrics including total articles, words written, reader messages, and reading time.","k":"section","s":"spaceui","c":"data-display/stat","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:block-stats-engagement","t":"Engagement & Community Activity Block","d":"Comprehensive reader engagement showcase with top articles, interactive emoji reaction counters, category tags, and changelog updates.","k":"section","s":"spaceui","c":"data-display/timeline","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:block-stats-general","t":"General Stats Metrics Block","d":"Interactive metric overview cards with floating spring emoji decorations and semantic color accents.","k":"section","s":"spaceui","c":"data-display/stat","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:block-stats-github","t":"GitHub & Open-Source Activity Block","d":"Interactive GitHub contribution activity heatmap graph with metrics for stars, forks, and commits.","k":"section","s":"spaceui","c":"data-display/timeline","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:block-stats-performance","t":"Performance & Lighthouse Block","d":"Lighthouse audit results dashboard featuring mobile & desktop scores with radar chart visuals.","k":"section","s":"spaceui","c":"data-display/stat","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-backgrounds-bubble","t":"Bubble Background","d":"An interactive background featuring smoothly animated gradient bubbles, creating a playful, dynamic, and visually engaging backdrop.","s":"spaceui","c":"motion/background","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-backgrounds-gradient","t":"Gradient Background","d":"A background component featuring a subtle yet engaging animated gradient effect, smoothly transitioning colors to enhance visual depth.","s":"spaceui","c":"inputs/color-picker","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-aurora-glow-button","t":"Aurora Glow Button","d":"A button with a hover-reactive radial aurora gradient, an animated conic-gradient border, and a rotating shine sweep — powered by animatable CSS custom properties.","s":"spaceui","c":"actions/button","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/aurora-glow-button","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-button-squircle","t":"Button Squircle","d":"Tactile squircle button and badge components featuring dynamic curvature morphing on hover from the original portfolio design.","s":"spaceui","c":"actions/button","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/button-squircle","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-glass-button","t":"Glass Button","d":"A glassmorphic button built on top of Button Squircle — backdrop blur, layered inset highlights and a hover shine sweep.","s":"spaceui","c":"actions/button","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/glass-button","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-like-button","t":"Like Button","d":"A like button with burst particles, a ripple ring, a spring-animated heart, and a smooth NumberFlow count transition.","s":"spaceui","c":"actions/button","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/like-button","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-pixel-fill-button","t":"Pixel Fill Button","d":"An interactive button whose background fills with square matrix pixels radiating from the cursor entry point on hover.","s":"spaceui","c":"actions/button","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/pixel-fill-button","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-rainbow-glow-button","t":"Rainbow Glow Button","d":"An interactive dark pill button with 6 orbiting colorful blurred orbs and an aura reveal on hover.","s":"spaceui","c":"actions/button","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/rainbow-glow-button","pc":"Space UI","lv":1},{"id":"spaceui:components-orb-bloop","t":"Bloop Orb","d":"Compact audio-reactive bloop orb shader.","s":"spaceui","c":"ai-agent","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-orb-loading","t":"Loading Orb","d":"Procedural matrix pixel grid loader with Tailwind styling, motion presets, and companion status banner.","s":"spaceui","c":"ai-agent","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-orb-smooth","t":"Smooth Orb","d":"Audio-reactive smooth orb with a WebGPU fluid simulation.","s":"spaceui","c":"ai-agent","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-orb-thinking","t":"Thinking Orb","d":"Interactive Canvas 3D particle loader orbs featuring 9 procedural cognitive states.","s":"spaceui","c":"ai-agent","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-shader-cloud","t":"Cloud","d":"Interactive volumetric cloud material rendered as a full-bleed shader surface.","s":"spaceui","c":"motion/background","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-shader-fluid-crossfade","t":"Fluid Crossfade","d":"A dual-pass WebGL shader fluid simulation with chromatic wave refraction and Bayer 4x4 matrix ordered dither crossfading.","s":"spaceui","c":"motion/background","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-shader-fluid-distortion-image","t":"Fluid Distortion Image","d":"An interactive WebGL shader image component with cover UV mapping and dynamic cursor fluid-distortion ripples using data textures.","s":"spaceui","c":"media/gallery","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-shader-fluid-dither-crossfade","t":"Fluid Dither Crossfade","d":"A dual-pass WebGL shader component featuring real-time Navier-Stokes fluid pressure simulation and Bayer 4x4 matrix ordered dithering crossfade.","s":"spaceui","c":"motion/background","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-shader-heat-shade","t":"Heat Shade","d":"WebGPU fbm heat field with ember and hot tints along a moving boundary.","s":"spaceui","c":"motion/background","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-shader-liquid-mask-crossfade","t":"Liquid Mask Crossfade","d":"A WebGL shader component featuring interactive liquid cursor mask crossfade with dynamic trail, refraction, and parallax effects.","s":"spaceui","c":"motion/background","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-shader-mesh-gradient","t":"Mesh Gradient","d":"Dynamic WebGL mesh gradient shader background featuring fluid swirls, configurable color stops, distortion turbulence, and film grain overlay.","s":"spaceui","c":"inputs/color-picker","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-shader-paper-shader","t":"Paper Shader","d":"Paper Shaders WebGL2 canvas driven by a fragment shader and live uniforms.","s":"spaceui","c":"motion/background","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-shader-pixel-reveal-image","t":"Pixel Reveal Image","d":"A WebGL shader image reveal component with dynamic pixel matrix wave and customizable neon accent border on scroll.","s":"spaceui","c":"media/gallery","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-shader-silk-flare","t":"Silk Flare","d":"WebGPU single-pass composite shader fusing silky mesh warp gradients and rising thermodynamic heat flares.","s":"spaceui","c":"motion/background","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-shader-silk-gradient","t":"Silk Gradient","d":"WebGPU silk mesh gradient. Three colors, warp, grain.","s":"spaceui","c":"inputs/color-picker","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-adaptive-density-grid","t":"Adaptive Density Grid","d":"A fluid polymorphic grid with physics-based velocity spring pill tabs, cinematic staggered reflow transitions, and memory-optimized layout shifts.","s":"spaceui","c":"layout/page-shell","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/adaptive-density-grid","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-animoji","t":"Textmoji Animated","d":"Renders every Unicode emoji in a string as an animated image sized to the surrounding text.","s":"spaceui","c":"motion/text-effect","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/animoji","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-autoscale-input","t":"Autoscale Input","d":"Input that grows and shrinks its type to fit the available width, with locale number formatting.","s":"spaceui","c":"inputs/form-field","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/autoscale-input","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-avatar-extended","t":"Avatar Extended","d":"Extended avatar components with badges, indicators, and logos.","s":"spaceui","c":"data-display/avatar","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/avatar-extended","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-avatar-group","t":"Avatar Group","d":"Avatar group stacking and overlapping system.","s":"spaceui","c":"data-display/avatar","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/avatar-group","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-badge-squircle","t":"Badge Squircle","d":"Tactile squircle badge component with Base UI polymorphic rendering and dynamic curvature morphing.","s":"spaceui","c":"data-display/badge","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/badge-squircle","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-blur-reveal-text","t":"Blur Reveal Text","d":"Progressive, buttery smooth word, character, or line-by-line blur reveal animation with viewport triggers.","s":"spaceui","c":"motion/text-effect","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/blur-reveal-text","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-bouncy-accordion","t":"Bouncy Accordion","d":"Spring accordion that splits rounded rows when a panel opens.","s":"spaceui","c":"data-display/accordion","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/bouncy-accordion","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-chroma-palette","t":"Chroma Palette","d":"Perceptually uniform color generator and interactive swatch palette with organic gooey fluid morph and one-click copy.","s":"spaceui","c":"inputs/color-picker","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/chroma-palette","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-copy","t":"Copy Button","d":"A copy-to-clipboard button with animated icon transition.","s":"spaceui","c":"actions/copy-button","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-data-grid","t":"Data Grid","d":"Data Grid component for Space UI.","s":"spaceui","c":"data-display/table","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/data-grid","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-data-grid-column-filter","t":"Data Grid Column Filter","d":"Data Grid Column Filter component for Space UI.","s":"spaceui","c":"data-display/table","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-data-grid-column-header","t":"Data Grid Column Header","d":"Data Grid Column Header component for Space UI.","s":"spaceui","c":"navigation/top-nav","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-data-grid-column-visibility","t":"Data Grid Column Visibility","d":"Data Grid Column Visibility component for Space UI.","s":"spaceui","c":"data-display/table","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-data-grid-pagination","t":"Data Grid Pagination","d":"Data Grid Pagination component for Space UI.","s":"spaceui","c":"navigation/pagination","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-data-grid-scroll-area","t":"Data Grid Scroll Area","d":"Data Grid Scroll Area component for Space UI.","s":"spaceui","c":"data-display/table","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-data-grid-table","t":"Data Grid Table","d":"Data Grid Table component for Space UI.","s":"spaceui","c":"data-display/table","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-data-grid-table-dnd","t":"Data Grid Table Dnd","d":"Data Grid Table Dnd component for Space UI.","s":"spaceui","c":"data-display/table","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-data-grid-table-dnd-rows","t":"Data Grid Table Dnd Rows","d":"Data Grid Table Dnd Rows component for Space UI.","s":"spaceui","c":"data-display/table","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-data-grid-table-virtual","t":"Data Grid Table Virtual","d":"Data Grid Table Virtual component for Space UI.","s":"spaceui","c":"data-display/table","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-date-selector","t":"Date Selector","d":"Date Selector component for Space UI.","s":"spaceui","c":"inputs/period-filter","a":"Space UI","st":"picked","pl":"https://www.spaceui.one/components/date-selector","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-detachable-accordion","t":"Detachable Accordion","d":"An interactive accordion with spring motion where the expanded item physically detaches with animated gaps and rounded corners.","s":"spaceui","c":"data-display/accordion","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/detachable-accordion","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-dirt-carousel","t":"Dirt Carousel","d":"3D ring carousel with drag, snap, auto-rotate, and a live control panel.","s":"spaceui","c":"media/carousel","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/dirt-carousel","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-doodle-callout","t":"Doodle Callout","d":"A hand-drawn arrow that draws itself in next to a handwritten label that pops in letter by letter, replaying on a loop.","s":"spaceui","c":"overlays/popover","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/doodle-callout","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-event-calendar","t":"Event Calendar","d":"Event Calendar component for Space UI.","s":"spaceui","c":"data-display/calendar","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/event-calendar","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-event-calendar-agenda-view","t":"Event Calendar Agenda View","d":"Event Calendar Agenda View component for Space UI.","s":"spaceui","c":"data-display/calendar","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-event-calendar-content","t":"Event Calendar Content","d":"Event Calendar Content component for Space UI.","s":"spaceui","c":"data-display/calendar","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-event-calendar-dnd","t":"Event Calendar Dnd","d":"Event Calendar Dnd component for Space UI.","s":"spaceui","c":"data-display/calendar","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-event-calendar-event","t":"Event Calendar Event","d":"Event Calendar Event component for Space UI.","s":"spaceui","c":"data-display/calendar","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-event-calendar-i18n","t":"Event Calendar I18n","d":"Event Calendar I18n component for Space UI.","s":"spaceui","c":"data-display/calendar","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-event-calendar-lib","t":"Event Calendar Lib","d":"Utility and configuration helper for Event Calendar Lib.","s":"spaceui","c":"data-display/calendar","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-event-calendar-month-view","t":"Event Calendar Month View","d":"Event Calendar Month View component for Space UI.","s":"spaceui","c":"data-display/calendar","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-event-calendar-nav","t":"Event Calendar Nav","d":"Event Calendar Nav component for Space UI.","s":"spaceui","c":"data-display/calendar","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-event-calendar-recurrence","t":"Event Calendar Recurrence","d":"Event Calendar Recurrence component for Space UI.","s":"spaceui","c":"data-display/calendar","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-event-calendar-resource-view","t":"Event Calendar Resource View","d":"Event Calendar Resource View component for Space UI.","s":"spaceui","c":"data-display/calendar","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-event-calendar-time-grid","t":"Event Calendar Time Grid","d":"Event Calendar Time Grid component for Space UI.","s":"spaceui","c":"data-display/calendar","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-event-calendar-types","t":"Event Calendar Types","d":"Event Calendar Types component for Space UI.","s":"spaceui","c":"data-display/calendar","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-filters","t":"Filters","d":"Filters component for Space UI.","s":"spaceui","c":"unsorted","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/filters","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-flip-text","t":"Flip Text","d":"Per-character 3D dual-face flip animation with a sine-eased stagger wave across the text.","s":"spaceui","c":"motion/text-effect","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/flip-text","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-fluid-countdown","t":"Fluid Countdown","d":"Full-screen countdown timer with fluid rolling digits, play/pause and reset controls, and auto-loop.","s":"spaceui","c":"motion/number-ticker","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/fluid-countdown","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-frost-blurred","t":"Frost Blurred","d":"Stacked, masked backdrop-filter layers that frost content along an edge.","s":"spaceui","c":"motion/text-effect","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/frost-blurred","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-github-activity","t":"GitHub Activity","d":"An interactive GitHub ecosystem showcase featuring stars, forks, and commits KPI cards with floating particles and a 52-week contribution heatmap matrix.","s":"spaceui","c":"data-display/timeline","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/github-activity","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-gooey-blobs","t":"Gooey Blobs","d":"Two draggable blobs that merge into one liquid shape via an SVG gooey filter.","s":"spaceui","c":"motion/background","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-gooey-info-popover","t":"Gooey Info Popover","d":"A round trigger that gooey-morphs into an info panel on hover.","s":"spaceui","c":"overlays/popover","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-gooey-slots-tooltip","t":"Gooey Slots Tooltip","d":"A round trigger that gooey-expands upward into a rich content card on hover.","s":"spaceui","c":"overlays/tooltip","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-gooey-text-reveal","t":"Gooey Text Reveal","d":"Line-by-line blur reveal with a gooey SVG edge filter, driven by GSAP SplitText — plays immediately, on scroll, or scrubbed to scroll position.","s":"spaceui","c":"motion/text-effect","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/gooey-text-reveal","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-gooey-tooltip","t":"Gooey Tooltip","d":"A tooltip bubble that mouse-follows and gooey-connects to its trigger button on hover.","s":"spaceui","c":"overlays/tooltip","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-gradient-file-upload","t":"Gradient File Upload","d":"A refined upload surface with an animated glowing beam border, dynamic radial feedback, file extension badges, and multi-state progress indicators.","s":"spaceui","c":"inputs/color-picker","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/gradient-file-upload","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-handle-reel","t":"Handle Reel","d":"Kinetic tumbler reel of usernames, handles, or subdomains past a prefix that decelerates and settles with momentum.","s":"spaceui","c":"unsorted","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/handle-reel","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-icon-stack","t":"Icon Stack","d":"Icon Stack component for Space UI.","s":"spaceui","c":"media/card-stack","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/icon-stack","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-image-dark","t":"Image Dark","d":"An adaptive image component that dynamically switches between light and dark mode sources using standard img elements.","s":"spaceui","c":"media/gallery","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/image-dark","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-interactive-checklist","t":"Interactive Checklist","d":"Tactile checklist with spring checkmarks, animated strike-through lines, and completion progress.","s":"spaceui","c":"data-display/list","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/interactive-checklist","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-interest-picker","t":"Interest Picker","d":"A draggable row-packed interest picker with emoji burst on select, squircle buttons, and a glass clear action.","s":"spaceui","c":"inputs/select","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/interest-picker","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-item","t":"Item","d":"Composable Item primitive with media, content, title, and description slots for lists and rows.","s":"spaceui","c":"data-display/list","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:components-spaceui-kanban","t":"Kanban","d":"Kanban component for Space UI.","s":"spaceui","c":"data-display/kanban","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/kanban","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-liquid-metal-border","t":"Liquid Metal Border","d":"Liquid metal shader as a border wrap around any registry component.","s":"spaceui","c":"motion/background","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/liquid-metal-border","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-liquid-sortable-list","t":"Liquid Sortable List","d":"Smooth drag-and-drop sortable team list with generative avatars, spring reordering, and tactile feedback.","s":"spaceui","c":"motion/background","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/liquid-sortable-list","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-liquid-switch","t":"Liquid Switch","d":"Elastic toggle switch with velocity-based organic stretch and spring return physics.","s":"spaceui","c":"actions/switch","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/liquid-switch","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-member-selector","t":"Member Selector","d":"An interactive participant and member avatar selector with dynamic row layout, animated selection badges, quick-add button, and searchable popover.","s":"spaceui","c":"inputs/select","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/member-selector","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-morph-icon","t":"Morph Icon","d":"An animated morphing icon transition wrapper supporting motion presets like blur-scale, rotate-scale, flip, and spring.","s":"spaceui","c":"motion/text-effect","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/morph-icon","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-morphing-area","t":"Morphing Area","d":"Adaptive aspect ratio frame with constant-area surface morphing for any child element, image, or media.","s":"spaceui","c":"motion/text-effect","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/morphing-area","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-morphing-command-bar","t":"Morphing Command Bar","d":"Elastic command bar that expands seamlessly from passive state to active input with integrated action trigger.","s":"spaceui","c":"navigation/command-palette","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/morphing-command-bar","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-morphing-search-pill","t":"Morphing Search Pill","d":"Adaptive search pill that expands smoothly from a compact button into a full input field.","s":"spaceui","c":"data-display/badge","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/morphing-search-pill","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-morphing-text","t":"Morphing Text","d":"Dynamic character-level FLIP morphing animation between words or phrases with accessible screen-reader support.","s":"spaceui","c":"motion/text-effect","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/morphing-text","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-notification-list","t":"Notification List","d":"A fun notification list with animated stacking and cards that expand as you interact.","s":"spaceui","c":"overlays/toast","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/notification-list","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-phone-input","t":"Phone Input","d":"Phone Input component for Space UI.","s":"spaceui","c":"inputs/form-field","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/phone-input","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-pin-list","t":"Pin List","d":"A playful list for pinning and unpinning items, with smooth animated transitions as items move between groups.","s":"spaceui","c":"data-display/list","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/pin-list","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-pixel-reveal-text","t":"Pixel Reveal Text","d":"A typography shader component that materializes text out of pixel matrix noise with neon contour highlights on scroll.","s":"spaceui","c":"motion/text-effect","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/pixel-reveal-text","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-rating","t":"Rating","d":"Rating component for Space UI.","s":"spaceui","c":"inputs/rating","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/rating","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-resizable","t":"Resizable","d":"Resizable component for Space UI.","s":"spaceui","c":"layout/split-pane","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/resizable","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-scatter-text","t":"Scatter Text","d":"A text input whose content scatters into drifting canvas grains on submit.","s":"spaceui","c":"motion/text-effect","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/scatter-text","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-scroll-manifesto","t":"Scroll Manifesto","d":"A pinned statement that comes into focus word by word as you scroll: each word rises, sharpens and lights up.","s":"spaceui","c":"layout/scroll-area","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/scroll-manifesto","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-scroll-text-reveal","t":"Scroll Text Reveal","d":"Progressive character or word color/opacity reveal driven by scroll progress.","s":"spaceui","c":"layout/scroll-area","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/scroll-text-reveal","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-scrollspy","t":"Scrollspy","d":"Scrollspy component for Space UI.","s":"spaceui","c":"layout/scroll-area","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/scrollspy","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-section-scrollspy","t":"Section Scrollspy","d":"Floating section scrollbar that tracks the active heading as you scroll.","s":"spaceui","c":"layout/scroll-area","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/section-scrollspy","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-silk-border","t":"Silk Border","d":"Fluid WebGPU silk mesh gradient wrapper with preset themes and CSS fallback.","s":"spaceui","c":"motion/background","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/silk-border","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-slide-to-confirm","t":"Slide To Confirm","d":"Tactile slide-to-action control with spring physics and inertia confirmation.","s":"spaceui","c":"actions/button","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/slide-to-confirm","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-slosh-slider","t":"Slosh Slider","d":"Liquid fill slider with viscosity, momentum, and tilt.","s":"spaceui","c":"inputs/slider","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/slosh-slider","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-smooth-slider","t":"Smooth Slider","d":"A continuous slider with a filled track, tick dots, and a draggable thumb.","s":"spaceui","c":"inputs/slider","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/smooth-slider","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-sortable","t":"Sortable","d":"Sortable component for Space UI.","s":"spaceui","c":"unsorted","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/sortable","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-status-badge","t":"Status Badge","d":"An interactive status badge with animated indicator, status color mapping, and inline or stacked layout modes.","s":"spaceui","c":"data-display/badge","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/status-badge","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-team-roster-selector","t":"Team Roster Selector","d":"Interactive team roster selection list with generative avatars, spring hover pill, and multi-select state.","s":"spaceui","c":"data-display/avatar","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/team-roster-selector","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-textmoji","t":"Textmoji","d":"Renders every Unicode emoji in a string as an image sized to the surrounding text. Includes Animoji, the same for animated emoji styles.","s":"spaceui","c":"motion/text-effect","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/textmoji","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-theme-toggle","t":"Theme Toggle","d":"View-transition theme toggle with circle, rectangle, polygon, and blur reveals.","s":"spaceui","c":"actions/switch","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/theme-toggle","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-tick-slider","t":"Tick Slider","d":"A scrubber drawn as a row of tick marks, with a real range input underneath for keyboard and screen reader support.","s":"spaceui","c":"inputs/slider","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/tick-slider","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-timeline","t":"Timeline","d":"Timeline component for Space UI.","s":"spaceui","c":"data-display/timeline","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/timeline","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-tournament-bracket","t":"Tournament Bracket","d":"Animated knockout bracket with round navigation and live match states.","s":"spaceui","c":"data-display/stat","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/tournament-bracket","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-user-presence-avatar","t":"User Presence Avatar","d":"A compact avatar group for showing online and offline users, with smooth animated transitions when presence changes.","s":"spaceui","c":"data-display/avatar","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/user-presence-avatar","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-velocity-hover-preview","t":"Velocity Hover Preview","d":"An interactive list component projecting a floating WebGL preview with inertial momentum mesh-warping and pixel block dissolve crossfading.","s":"spaceui","c":"motion/background","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/blocks/velocity-hover-preview","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-voice-chat-widget","t":"Voice Chat Widget","d":"An expandable voice chat pill with procedural avatars and squishmoji participants, animated speaking indicators, and a smooth pill-to-panel transition.","s":"spaceui","c":"ai-agent","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/voice-chat-widget","pc":"Space UI","lv":1},{"id":"spaceui:components-spaceui-words-preloader","t":"Words Preloader","d":"Typography preloader that cycles greetings then wipes away with a curved SVG mask.","s":"spaceui","c":"status/loader","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/components/words-preloader","pc":"Space UI","lv":1},{"id":"spaceui:interactions-agent-pipeline","t":"Agent Pipeline","d":"An interactive multi-agent pipeline visualization with real-time physics, event logs, and playback controls.","s":"spaceui","c":"ai-agent","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:interactions-agent-usage-card","t":"Agent Usage Card","d":"An interactive agent status and usage card with segmented progress tracking, live telemetry hours advancement, morph icon controls, squircle buttons, squishmoji status avatar, and ","s":"spaceui","c":"ai-agent","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:interactions-currency-converter","t":"Currency Converter","d":"An interactive currency converter and token swap card with real-time exchange rates, NumberFlow spring animations, Space UI Select with flags, and a liquid metal squircle button.","s":"spaceui","c":"inputs/time-picker","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:interactions-deploy-pipeline","t":"Deploy Pipeline","d":"A self-playing deploy pipeline that advances on its own, pauses on hover, and reveals per-step detail — drop it in to turn a static log into a living status feed.","s":"spaceui","c":"data-display/timeline","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:interactions-realtime-voice","t":"Realtime Voice","d":"An interactive conversational AI voice interface built with Frame, Card, Squishmoji, Bloop Orb, and audio frequency ripples.","s":"spaceui","c":"ai-agent","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:interactions-status-badge-glow","t":"Status Badge Glow","d":"An interactive status monitor with glowing radial reflections, spring-animated status transitions, and staggered character animations for pending, success, and failed states.","s":"spaceui","c":"data-display/badge","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:primitives-accordion","t":"Accordion","d":"Accessible Accordion primitive component for Space UI.","k":"primitive","s":"spaceui","c":"data-display/accordion","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/accordion","pc":"Space UI","lv":1},{"id":"spaceui:primitives-alert","t":"Alert","d":"Accessible Alert primitive component for Space UI.","k":"primitive","s":"spaceui","c":"overlays/alert-banner","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/alert","pc":"Space UI","lv":1},{"id":"spaceui:primitives-alert-dialog","t":"Alert Dialog","d":"Accessible Alert Dialog primitive component for Space UI.","k":"primitive","s":"spaceui","c":"overlays/dialog","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/alert-dialog","pc":"Space UI","lv":1},{"id":"spaceui:primitives-aspect-ratio","t":"Aspect Ratio","d":"Accessible Aspect Ratio primitive component for Space UI.","k":"primitive","s":"spaceui","c":"unsorted","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/aspect-ratio","pc":"Space UI","lv":1},{"id":"spaceui:primitives-autocomplete","t":"Autocomplete","d":"Accessible Autocomplete primitive component for Space UI.","k":"primitive","s":"spaceui","c":"inputs/combobox","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/autocomplete","pc":"Space UI","lv":1},{"id":"spaceui:primitives-avatar","t":"Avatar","d":"Accessible Avatar primitive component for Space UI.","k":"primitive","s":"spaceui","c":"data-display/avatar","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/avatar","pc":"Space UI","lv":1},{"id":"spaceui:primitives-badge","t":"Badge","d":"Accessible Badge primitive component for Space UI.","k":"primitive","s":"spaceui","c":"data-display/badge","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/badge","pc":"Space UI","lv":1},{"id":"spaceui:primitives-breadcrumb","t":"Breadcrumb","d":"Accessible Breadcrumb primitive component for Space UI.","k":"primitive","s":"spaceui","c":"navigation/breadcrumb","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/breadcrumb","pc":"Space UI","lv":1},{"id":"spaceui:primitives-button","t":"Button","d":"Accessible Button primitive component for Space UI.","k":"primitive","s":"spaceui","c":"actions/button","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/button","pc":"Space UI","lv":1},{"id":"spaceui:primitives-calendar","t":"Calendar","d":"Accessible Calendar primitive component for Space UI.","k":"primitive","s":"spaceui","c":"inputs/date-picker","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/calendar","pc":"Space UI","lv":1},{"id":"spaceui:primitives-card","t":"Card","d":"Accessible Card primitive component for Space UI.","k":"primitive","s":"spaceui","c":"data-display/card","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/card","pc":"Space UI","lv":1},{"id":"spaceui:primitives-checkbox","t":"Checkbox","d":"Accessible Checkbox primitive component for Space UI.","k":"primitive","s":"spaceui","c":"inputs/checkbox","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/checkbox","pc":"Space UI","lv":1},{"id":"spaceui:primitives-checkbox-group","t":"Checkbox Group","d":"Accessible Checkbox Group primitive component for Space UI.","k":"primitive","s":"spaceui","c":"inputs/checkbox","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/checkbox-group","pc":"Space UI","lv":1},{"id":"spaceui:primitives-collapsible","t":"Collapsible","d":"Accessible Collapsible primitive component for Space UI.","k":"primitive","s":"spaceui","c":"data-display/accordion","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/collapsible","pc":"Space UI","lv":1},{"id":"spaceui:primitives-combobox","t":"Combobox","d":"Accessible Combobox primitive component for Space UI.","k":"primitive","s":"spaceui","c":"inputs/combobox","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/combobox","pc":"Space UI","lv":1},{"id":"spaceui:primitives-command","t":"Command","d":"Accessible Command primitive component for Space UI.","k":"primitive","s":"spaceui","c":"navigation/command-palette","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/command","pc":"Space UI","lv":1},{"id":"spaceui:primitives-context-menu","t":"Context Menu","d":"Accessible Context Menu primitive component for Space UI.","k":"primitive","s":"spaceui","c":"overlays/context-menu","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/context-menu","pc":"Space UI","lv":1},{"id":"spaceui:primitives-dialog","t":"Dialog","d":"Accessible Dialog primitive component for Space UI.","k":"primitive","s":"spaceui","c":"overlays/dialog","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/dialog","pc":"Space UI","lv":1},{"id":"spaceui:primitives-direction","t":"Direction","d":"Accessible Direction primitive component for Space UI.","k":"primitive","s":"spaceui","c":"unsorted","a":"Space UI","st":"reviewed","pc":"Space UI"},{"id":"spaceui:primitives-drawer","t":"Drawer","d":"Accessible Drawer primitive component for Space UI.","k":"primitive","s":"spaceui","c":"overlays/sheet","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/drawer","pc":"Space UI","lv":1},{"id":"spaceui:primitives-empty","t":"Empty","d":"Accessible Empty primitive component for Space UI.","k":"primitive","s":"spaceui","c":"data-display/empty-state","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/empty","pc":"Space UI","lv":1},{"id":"spaceui:primitives-field","t":"Field","d":"Accessible Field primitive component for Space UI.","k":"primitive","s":"spaceui","c":"inputs/form-field","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/field","pc":"Space UI","lv":1},{"id":"spaceui:primitives-fieldset","t":"Fieldset","d":"Accessible Fieldset primitive component for Space UI.","k":"primitive","s":"spaceui","c":"inputs/form-field","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/fieldset","pc":"Space UI","lv":1},{"id":"spaceui:primitives-form","t":"Form","d":"Accessible Form primitive component for Space UI.","k":"primitive","s":"spaceui","c":"inputs/form-field","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/form","pc":"Space UI","lv":1},{"id":"spaceui:primitives-frame","t":"Frame","d":"Accessible Frame primitive component for Space UI.","k":"primitive","s":"spaceui","c":"unsorted","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/frame","pc":"Space UI","lv":1},{"id":"spaceui:primitives-group","t":"Group","d":"Accessible Group primitive component for Space UI.","k":"primitive","s":"spaceui","c":"unsorted","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/group","pc":"Space UI","lv":1},{"id":"spaceui:primitives-input","t":"Input","d":"Accessible Input primitive component for Space UI.","k":"primitive","s":"spaceui","c":"inputs/form-field","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/input","pc":"Space UI","lv":1},{"id":"spaceui:primitives-input-group","t":"Input Group","d":"Accessible Input Group primitive component for Space UI.","k":"primitive","s":"spaceui","c":"inputs/form-field","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/input-group","pc":"Space UI","lv":1},{"id":"spaceui:primitives-kbd","t":"Kbd","d":"Accessible Kbd primitive component for Space UI.","k":"primitive","s":"spaceui","c":"unsorted","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/kbd","pc":"Space UI","lv":1},{"id":"spaceui:primitives-label","t":"Label","d":"Accessible Label primitive component for Space UI.","k":"primitive","s":"spaceui","c":"inputs/form-field","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/label","pc":"Space UI","lv":1},{"id":"spaceui:primitives-link","t":"Link","d":"Accessible Link primitive component for Space UI.","k":"primitive","s":"spaceui","c":"unsorted","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/link","pc":"Space UI","lv":1},{"id":"spaceui:primitives-menu","t":"Menu","d":"Accessible Menu primitive component for Space UI.","k":"primitive","s":"spaceui","c":"navigation/menu","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/menu","pc":"Space UI","lv":1},{"id":"spaceui:primitives-menubar","t":"Menubar","d":"Accessible Menubar primitive component for Space UI.","k":"primitive","s":"spaceui","c":"navigation/top-nav","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/menubar","pc":"Space UI","lv":1},{"id":"spaceui:primitives-meter","t":"Meter","d":"Accessible Meter primitive component for Space UI.","k":"primitive","s":"spaceui","c":"data-viz/gauge","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/meter","pc":"Space UI","lv":1},{"id":"spaceui:primitives-navigation-menu","t":"Navigation Menu","d":"Accessible Navigation Menu primitive component for Space UI.","k":"primitive","s":"spaceui","c":"navigation/top-nav","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/navigation-menu","pc":"Space UI","lv":1},{"id":"spaceui:primitives-number-field","t":"Number Field","d":"Accessible Number Field primitive component for Space UI.","k":"primitive","s":"spaceui","c":"inputs/number-input","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/number-field","pc":"Space UI","lv":1},{"id":"spaceui:primitives-otp-field","t":"Otp Field","d":"Accessible Otp Field primitive component for Space UI.","k":"primitive","s":"spaceui","c":"inputs/otp-input","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/otp-field","pc":"Space UI","lv":1},{"id":"spaceui:primitives-pagination","t":"Pagination","d":"Accessible Pagination primitive component for Space UI.","k":"primitive","s":"spaceui","c":"navigation/pagination","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/pagination","pc":"Space UI","lv":1},{"id":"spaceui:primitives-popover","t":"Popover","d":"Accessible Popover primitive component for Space UI.","k":"primitive","s":"spaceui","c":"overlays/popover","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/popover","pc":"Space UI","lv":1},{"id":"spaceui:primitives-preview-card","t":"Preview Card","d":"Accessible Preview Card primitive component for Space UI.","k":"primitive","s":"spaceui","c":"overlays/hover-card","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/preview-card","pc":"Space UI","lv":1},{"id":"spaceui:primitives-preview-link-card","t":"Base Preview Link Card","d":"Displays a preview image of a link when hovered.","k":"primitive","s":"spaceui","c":"overlays/hover-card","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/preview-link-card","pc":"Space UI","lv":1},{"id":"spaceui:primitives-progress","t":"Progress","d":"Accessible Progress primitive component for Space UI.","k":"primitive","s":"spaceui","c":"data-viz/progress-bar","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/progress","pc":"Space UI","lv":1},{"id":"spaceui:primitives-radio-group","t":"Radio Group","d":"Accessible Radio Group primitive component for Space UI.","k":"primitive","s":"spaceui","c":"inputs/radio","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/radio-group","pc":"Space UI","lv":1},{"id":"spaceui:primitives-scroll-area","t":"Scroll Area","d":"Accessible Scroll Area primitive component for Space UI.","k":"primitive","s":"spaceui","c":"layout/scroll-area","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/scroll-area","pc":"Space UI","lv":1},{"id":"spaceui:primitives-select","t":"Select","d":"Accessible Select primitive component for Space UI.","k":"primitive","s":"spaceui","c":"inputs/select","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/select","pc":"Space UI","lv":1},{"id":"spaceui:primitives-separator","t":"Separator","d":"Accessible Separator primitive component for Space UI.","k":"primitive","s":"spaceui","c":"unsorted","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/separator","pc":"Space UI","lv":1},{"id":"spaceui:primitives-sheet","t":"Sheet","d":"Accessible Sheet primitive component for Space UI.","k":"primitive","s":"spaceui","c":"overlays/sheet","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/sheet","pc":"Space UI","lv":1},{"id":"spaceui:primitives-sidebar","t":"Sidebar","d":"Accessible Sidebar primitive component for Space UI.","k":"primitive","s":"spaceui","c":"navigation/sidebar","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/sidebar","pc":"Space UI","lv":1},{"id":"spaceui:primitives-skeleton","t":"Skeleton","d":"Accessible Skeleton primitive component for Space UI.","k":"primitive","s":"spaceui","c":"status/skeleton","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/skeleton","pc":"Space UI","lv":1},{"id":"spaceui:primitives-slider","t":"Slider","d":"Accessible Slider primitive component for Space UI.","k":"primitive","s":"spaceui","c":"inputs/slider","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/slider","pc":"Space UI","lv":1},{"id":"spaceui:primitives-spinner","t":"Spinner","d":"Accessible Spinner primitive component for Space UI.","k":"primitive","s":"spaceui","c":"status/loader","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/spinner","pc":"Space UI","lv":1},{"id":"spaceui:primitives-switch","t":"Switch","d":"Accessible Switch primitive component for Space UI.","k":"primitive","s":"spaceui","c":"actions/switch","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/switch","pc":"Space UI","lv":1},{"id":"spaceui:primitives-table","t":"Table","d":"Accessible Table primitive component for Space UI.","k":"primitive","s":"spaceui","c":"data-display/table","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/table","pc":"Space UI","lv":1},{"id":"spaceui:primitives-tabs","t":"Tabs","d":"Accessible Tabs primitive component for Space UI.","k":"primitive","s":"spaceui","c":"navigation/tabs","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/tabs","pc":"Space UI","lv":1},{"id":"spaceui:primitives-textarea","t":"Textarea","d":"Accessible Textarea primitive component for Space UI.","k":"primitive","s":"spaceui","c":"inputs/textarea","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/textarea","pc":"Space UI","lv":1},{"id":"spaceui:primitives-toast","t":"Toast","d":"Accessible Toast primitive component for Space UI.","k":"primitive","s":"spaceui","c":"overlays/toast","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/toast","pc":"Space UI","lv":1},{"id":"spaceui:primitives-toggle","t":"Toggle","d":"Accessible Toggle primitive component for Space UI.","k":"primitive","s":"spaceui","c":"actions/switch","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/toggle","pc":"Space UI","lv":1},{"id":"spaceui:primitives-toggle-group","t":"Toggle Group","d":"Accessible Toggle Group primitive component for Space UI.","k":"primitive","s":"spaceui","c":"actions/switch","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/toggle-group","pc":"Space UI","lv":1},{"id":"spaceui:primitives-toolbar","t":"Toolbar","d":"Accessible Toolbar primitive component for Space UI.","k":"primitive","s":"spaceui","c":"data-viz/chart","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/toolbar","pc":"Space UI","lv":1},{"id":"spaceui:primitives-tooltip","t":"Tooltip","d":"Accessible Tooltip primitive component for Space UI.","k":"primitive","s":"spaceui","c":"overlays/tooltip","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/primitives/tooltip","pc":"Space UI","lv":1},{"id":"spaceui:template-ai-chat-workspace","t":"AI Chat Workspace","d":"Full-featured AI Studio chat workspace template featuring conversational threads, multi-model selection, real-time token tracking, reasoning trace, code execution viewer, and dark ","k":"page","s":"spaceui","c":"ai-agent","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/templates/ai-chat-workspace","pc":"Space UI","lv":1},{"id":"spaceui:template-immersive-lens","t":"Immersive Lens Portfolio","d":"Full-page immersive photography template with Three.js WebGL distortion, inertial dragging, and GSAP lightbox.","k":"page","s":"spaceui","c":"layout/page-shell","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/templates/immersive-lens","pc":"Space UI","lv":1},{"id":"spaceui:template-stats","t":"Portfolio Statistics & Analytics Template","d":"Comprehensive portfolio statistics dashboard template featuring general metrics, audience engagement, content analytics, GitHub heatmap, and Lighthouse scores.","k":"page","s":"spaceui","c":"data-display/stat","a":"Space UI","st":"reviewed","pl":"https://www.spaceui.one/templates/stats","pc":"Space UI","lv":1},{"id":"kobra:accordion","t":"Accordion","d":"Vertically stacked disclosure sections.","s":"kobra","c":"data-display/accordion","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/accordion","pc":"Kobra"},{"id":"kobra:advertisement","t":"Advertisement","d":"A sponsor slot that turns through its ads on a line that fills.","s":"kobra","c":"unsorted","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/advertisement","pc":"Kobra"},{"id":"kobra:ai-editor","t":"AI Editor","d":"A document an agent edits alongside you.","s":"kobra","c":"ai-agent","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/ai-editor","pc":"Kobra"},{"id":"kobra:alert","t":"Alert","d":"A callout for important contextual information.","s":"kobra","c":"overlays/alert-banner","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/alert","pc":"Kobra"},{"id":"kobra:aspect-ratio","t":"Aspect Ratio","d":"Keeps content within a fixed ratio.","s":"kobra","c":"unsorted","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/aspect-ratio","pc":"Kobra"},{"id":"kobra:avatar","t":"Avatar","d":"An image or fallback representing a person.","s":"kobra","c":"data-display/avatar","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/avatar","pc":"Kobra"},{"id":"kobra:badge","t":"Badge","d":"A compact status or category label.","s":"kobra","c":"data-display/badge","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/badge","pc":"Kobra"},{"id":"kobra:breadcrumb","t":"Breadcrumb","d":"A hierarchical navigation trail.","s":"kobra","c":"navigation/breadcrumb","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/breadcrumb","pc":"Kobra"},{"id":"kobra:button","t":"Button","d":"A control that triggers an action.","s":"kobra","c":"actions/button","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/button","pc":"Kobra"},{"id":"kobra:calendar","t":"Calendar","d":"A date selection calendar.","s":"kobra","c":"inputs/date-picker","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/calendar","pc":"Kobra"},{"id":"kobra:card","t":"Card","d":"A surface grouping related content.","s":"kobra","c":"data-display/card","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/card","pc":"Kobra"},{"id":"kobra:halftone-dots","t":"Halftone Dots","d":"An image rebuilt as a field of dots that morph between pictures.","s":"kobra","c":"motion/background","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/halftone-dots","pc":"Kobra"},{"id":"kobra:logo-carousel","t":"Logo Carousel","d":"A wall of logos, shown a few at a time.","s":"kobra","c":"media/carousel","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/logo-carousel","pc":"Kobra"},{"id":"kobra:carousel","t":"Carousel","d":"A horizontally navigable content collection, built on Embla.","s":"kobra","c":"media/carousel","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/carousel","pc":"Kobra"},{"id":"kobra:chart","t":"Chart","d":"Composable data visualizations, from Evil Charts.","s":"kobra","c":"data-viz/chart","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/chart","pc":"Kobra"},{"id":"kobra:checkbox","t":"Checkbox","d":"A binary or indeterminate selection control.","s":"kobra","c":"inputs/checkbox","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/checkbox","pc":"Kobra"},{"id":"kobra:collapsible","t":"Collapsible","d":"An expandable content region.","s":"kobra","c":"data-display/accordion","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/collapsible","pc":"Kobra"},{"id":"kobra:color-palette","t":"Color Palette","d":"A wheel of nineteen swatches, hue around and saturation inward.","s":"kobra","c":"inputs/color-picker","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/color-palette","pc":"Kobra"},{"id":"kobra:color-picker","t":"Color Picker","d":"A gradient and solid picker, with draggable stops and a hex field.","s":"kobra","c":"inputs/color-picker","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/color-picker","pc":"Kobra"},{"id":"kobra:combobox","t":"Combobox","d":"A searchable option picker.","s":"kobra","c":"inputs/combobox","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/combobox","pc":"Kobra"},{"id":"kobra:multi-select","t":"Multi Select","d":"Several values picked from one list, as chips.","s":"kobra","c":"inputs/tag-input","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/multi-select","pc":"Kobra"},{"id":"kobra:command-menu","t":"Command Menu","d":"A fast, nested command menu powered by kmenu.","s":"kobra","c":"navigation/command-palette","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/command-menu","pc":"Kobra"},{"id":"kobra:context-menu","t":"Context Menu","d":"Actions opened from a secondary click.","s":"kobra","c":"overlays/context-menu","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/context-menu","pc":"Kobra"},{"id":"kobra:dialog","t":"Dialog","d":"A modal window over the current page, and the alert dialog that confirms.","s":"kobra","c":"overlays/dialog","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/dialog","pc":"Kobra"},{"id":"kobra:drawer","t":"Drawer","d":"A panel that slides from an edge, built on Vaul.","s":"kobra","c":"overlays/sheet","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/drawer","pc":"Kobra"},{"id":"kobra:dropdown-menu","t":"Dropdown Menu","d":"A menu opened from a trigger.","s":"kobra","c":"navigation/menu","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/dropdown-menu","pc":"Kobra"},{"id":"kobra:empty","t":"Empty","d":"An empty-state layout with guidance.","s":"kobra","c":"data-display/empty-state","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/empty","pc":"Kobra"},{"id":"kobra:form","t":"Form","d":"Validated form composition.","s":"kobra","c":"inputs/form-field","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/form","pc":"Kobra"},{"id":"kobra:hover-card","t":"Hover Card","d":"Rich content revealed on hover.","s":"kobra","c":"overlays/hover-card","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/hover-card","pc":"Kobra"},{"id":"kobra:lightbox","t":"Lightbox","d":"Photos in justified rows that open with a ripple zoom.","s":"kobra","c":"overlays/lightbox","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/lightbox","pc":"Kobra"},{"id":"kobra:input","t":"Input","d":"A text input with its label, description and attached controls.","s":"kobra","c":"inputs/form-field","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/input","pc":"Kobra"},{"id":"kobra:input-otp","t":"Input OTP","d":"A segmented one-time-code input, built on input-otp.","s":"kobra","c":"inputs/otp-input","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/input-otp","pc":"Kobra"},{"id":"kobra:input-dissolve","t":"Input Dissolve","d":"A field that carries its value away once it is spent.","s":"kobra","c":"inputs/form-field","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/input-dissolve","pc":"Kobra"},{"id":"kobra:item","t":"Item","d":"A flexible row for lists and settings.","s":"kobra","c":"data-display/list","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/item","pc":"Kobra"},{"id":"kobra:menubar","t":"Menubar","d":"A persistent horizontal application menu.","s":"kobra","c":"navigation/top-nav","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/menubar","pc":"Kobra"},{"id":"kobra:navigation-menu","t":"Navigation Menu","d":"A collection of navigation links.","s":"kobra","c":"navigation/top-nav","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/navigation-menu","pc":"Kobra"},{"id":"kobra:pagination","t":"Pagination","d":"Controls for moving through pages.","s":"kobra","c":"navigation/pagination","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/pagination","pc":"Kobra"},{"id":"kobra:popover","t":"Popover","d":"Floating content anchored to a trigger.","s":"kobra","c":"overlays/popover","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/popover","pc":"Kobra"},{"id":"kobra:progress","t":"Progress","d":"The completion state of a task.","s":"kobra","c":"data-viz/progress-bar","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/progress","pc":"Kobra"},{"id":"kobra:qr-code","t":"QR Code","d":"A scannable code in dots that ripples each time what it encodes changes.","s":"kobra","c":"data-display/code-block","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/qr-code","pc":"Kobra"},{"id":"kobra:radio-group","t":"Radio Group","d":"A single choice from several options.","s":"kobra","c":"inputs/radio","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/radio-group","pc":"Kobra"},{"id":"kobra:resizable","t":"Resizable","d":"Panels separated by a draggable handle.","s":"kobra","c":"layout/split-pane","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/resizable","pc":"Kobra"},{"id":"kobra:scroll-area","t":"Scroll Area","d":"A custom cross-browser scroll container.","s":"kobra","c":"layout/scroll-area","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/scroll-area","pc":"Kobra"},{"id":"kobra:select","t":"Select","d":"An option picker, as a styled menu or the native control.","s":"kobra","c":"inputs/select","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/select","pc":"Kobra"},{"id":"kobra:separator","t":"Separator","d":"A visual divider between content.","s":"kobra","c":"unsorted","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/separator","pc":"Kobra"},{"id":"kobra:sheet","t":"Sheet","d":"A dialog that enters from an edge.","s":"kobra","c":"overlays/sheet","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/sheet","pc":"Kobra"},{"id":"kobra:sidebar","t":"Sidebar","d":"A composable application sidebar.","s":"kobra","c":"navigation/sidebar","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/sidebar","pc":"Kobra"},{"id":"kobra:skeleton","t":"Skeleton","d":"A placeholder shown while content loads.","s":"kobra","c":"status/skeleton","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/skeleton","pc":"Kobra"},{"id":"kobra:slider","t":"Slider","d":"A value selected along a range, with a liquid handle from Gooey.","s":"kobra","c":"inputs/slider","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/slider","pc":"Kobra"},{"id":"kobra:sound","t":"Sound","d":"The cue every control answers a press with, built on Web Kits Audio.","s":"kobra","c":"media/player","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/sound","pc":"Kobra"},{"id":"kobra:toast","t":"Toast","d":"Stacked status notifications with progress and actions.","s":"kobra","c":"overlays/toast","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/toast","pc":"Kobra"},{"id":"kobra:spinner","t":"Spinner","d":"An indeterminate loading indicator.","s":"kobra","c":"status/loader","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/spinner","pc":"Kobra"},{"id":"kobra:switch","t":"Switch","d":"A control for toggling a setting.","s":"kobra","c":"actions/switch","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/switch","pc":"Kobra"},{"id":"kobra:table","t":"Table","d":"Rows and columns of structured data.","s":"kobra","c":"data-display/table","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/table","pc":"Kobra"},{"id":"kobra:crm-table","t":"CRM Table","d":"Accounts with owners, pipeline and win odds, in resizable columns.","s":"kobra","c":"data-display/table","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/crm-table","pc":"Kobra"},{"id":"kobra:grouped-table","t":"Grouped Table","d":"Issues grouped by status, in a table whose columns glide into each row as you narrow it.","s":"kobra","c":"data-display/table","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/grouped-table","pc":"Kobra"},{"id":"kobra:tabs","t":"Tabs","d":"Layered content selected by tab.","s":"kobra","c":"navigation/tabs","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/tabs","pc":"Kobra"},{"id":"kobra:textarea","t":"Textarea","d":"A multiline text input.","s":"kobra","c":"inputs/textarea","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/textarea","pc":"Kobra"},{"id":"kobra:toggle-group","t":"Toggle Group","d":"A two-state control, alone or conjoined into a bar.","s":"kobra","c":"actions/switch","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/toggle-group","pc":"Kobra"},{"id":"kobra:filter-chips","t":"Filter Chips","d":"Filter chips that join into one track as neighbors are chosen, after Spotify’s library.","s":"kobra","c":"data-display/badge","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/filter-chips","pc":"Kobra"},{"id":"kobra:tooltip","t":"Tooltip","d":"A concise label shown on hover or focus.","s":"kobra","c":"overlays/tooltip","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/tooltip","pc":"Kobra"},{"id":"kobra:kbd","t":"Kbd","d":"Keyboard input and shortcut hints.","s":"kobra","c":"data-display/kanban","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/kbd","pc":"Kobra"},{"id":"kobra:direction","t":"Direction","d":"Turns every component right to left, for Arabic and other RTL scripts.","s":"kobra","c":"unsorted","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/direction","pc":"Kobra"},{"id":"kobra:attachment","t":"Attachment","d":"A compact file attachment presentation.","s":"kobra","c":"inputs/file-upload","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/attachment","pc":"Kobra"},{"id":"kobra:magnetic-dropzone","t":"Magnetic Dropzone","d":"A drop target that leans toward the file you are carrying.","s":"kobra","c":"inputs/file-upload","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/magnetic-dropzone","pc":"Kobra"},{"id":"kobra:conversation","t":"Conversation","d":"Messages from both sides of a chat.","s":"kobra","c":"ai-agent","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/conversation","pc":"Kobra"},{"id":"kobra:marker","t":"Marker","d":"A labeled point or status marker.","s":"kobra","c":"data-display/stat","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/marker","pc":"Kobra"},{"id":"kobra:message","t":"Message","d":"A structured conversation message.","s":"kobra","c":"ai-agent","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/message","pc":"Kobra"},{"id":"kobra:message-scroller","t":"Message Scroller","d":"Conversation scrolling with edge controls.","s":"kobra","c":"layout/scroll-area","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/message-scroller","pc":"Kobra"},{"id":"kobra:video","t":"Video","d":"A video player built on Loomix, with liquid glass controls.","s":"kobra","c":"media/player","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/video","pc":"Kobra"},{"id":"kobra:reasoning-steps","t":"Reasoning Steps","d":"A model working before it answers.","s":"kobra","c":"ai-agent","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/reasoning-steps","pc":"Kobra"},{"id":"kobra:file-diff","t":"File Diff","d":"Changes an agent proposes to a file.","s":"kobra","c":"data-display/diff","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/file-diff","pc":"Kobra"},{"id":"kobra:image-generation","t":"Image Generation","d":"A canvas forming while an image is generated.","s":"kobra","c":"ai-agent","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/image-generation","pc":"Kobra"},{"id":"kobra:streaming-text","t":"Streaming Text","d":"A reply arriving a token at a time.","s":"kobra","c":"ai-agent","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/streaming-text","pc":"Kobra"},{"id":"kobra:inline-citations","t":"Inline Citations","d":"Sources cited inside a reply.","s":"kobra","c":"ai-agent","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/inline-citations","pc":"Kobra"},{"id":"kobra:code-block","t":"Code Block","d":"Syntax-highlighted code with actions.","s":"kobra","c":"data-display/code-block","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/code-block","pc":"Kobra"},{"id":"kobra:task-list","t":"Task List","d":"A task list an agent works through.","s":"kobra","c":"data-display/list","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/task-list","pc":"Kobra"},{"id":"kobra:chat-input","t":"Chat Input","d":"A composer for prompting an agent, built on Voice Glow and ElevenLabs UI.","s":"kobra","c":"ai-agent","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/chat-input","pc":"Kobra"},{"id":"kobra:plan-card","t":"Plan Card","d":"A plan an agent is asking to run.","s":"kobra","c":"ai-agent","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/plan-card","pc":"Kobra"},{"id":"kobra:question-card","t":"Question Card","d":"A question an agent needs answered before it continues.","s":"kobra","c":"data-display/card","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/question-card","pc":"Kobra"},{"id":"kobra:hijri","t":"Hijri","d":"The Umm al-Qura months for the calendar, from the browser’s own tables.","k":"lib","s":"kobra","c":"inputs/date-picker","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/hijri","pc":"Kobra"},{"id":"kobra:hijri-civil","t":"Hijri civil","d":"The arithmetic Hijri months for the calendar, a fixed 30-year cycle rather than a published table.","k":"lib","s":"kobra","c":"data-display/table","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/hijri-civil","pc":"Kobra"},{"id":"kobra:persian","t":"Persian","d":"The solar Hijri months Iran and Afghanistan keep, from the browser’s own tables.","k":"lib","s":"kobra","c":"data-display/list","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/persian","pc":"Kobra"},{"id":"kobra:buddhist","t":"Buddhist","d":"Thailand’s Buddhist era for the calendar: the Gregorian months, the years counted 543 ahead.","k":"lib","s":"kobra","c":"inputs/date-picker","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/buddhist","pc":"Kobra"},{"id":"kobra:minguo","t":"Minguo","d":"Taiwan’s Minguo years for the calendar: the Gregorian months, the years counted from 1912.","k":"lib","s":"kobra","c":"inputs/date-picker","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/minguo","pc":"Kobra"},{"id":"kobra:japanese","t":"Japanese","d":"Japan’s imperial eras for the calendar: the Gregorian months, the years counted by era.","k":"lib","s":"kobra","c":"inputs/date-picker","a":"Kobra","st":"reviewed","pl":"https://kobra.systems/components/japanese","pc":"Kobra"},{"id":"uselayouts:3d-book","t":"3D Book","d":"An interactive 3D book component with page flip animations.","s":"uselayouts","c":"motion/tilt-3d","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/3d-book","pc":"uselayouts","lv":1},{"id":"uselayouts:accessible-action","t":"Accessible Action","d":"Interactive draggable card stack with 3D tilt, swipe-to-back gestures, click interactions, random rotation, and smooth spring animations.","s":"uselayouts","c":"media/card-stack","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/accessible-action","pc":"uselayouts","lv":1},{"id":"uselayouts:accordionos","t":"AccordionOS","d":"Interactive accordion showcase with animated content, image transitions, hover effects, keyboard navigation, autoplay, and responsive design.","s":"uselayouts","c":"data-display/accordion","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/accordionos","pc":"uselayouts","lv":1},{"id":"uselayouts:analog-stick","t":"Analog Stick","d":"A metallic stick that tilts into the press. Hover a quadrant and the cap leans, the shadow shifts, and the matching arrow goes amber.","s":"uselayouts","c":"actions/button","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/analog-stick","pc":"uselayouts","lv":1},{"id":"uselayouts:animated-collection","t":"Animated Collection","d":"A collection of items with smooth layout transitions and animations.","s":"uselayouts","c":"layout/page-shell","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/animated-collection","pc":"uselayouts","lv":1},{"id":"uselayouts:bento-card","t":"Bento Card","d":"An interactive bento card with animated tabs and workspace preview.","s":"uselayouts","c":"layout/bento-grid","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/bento-card","pc":"uselayouts","lv":1},{"id":"uselayouts:bottom-menu","t":"Bottom Menu","d":"A floating bottom navigation menu with smooth interactions.","s":"uselayouts","c":"navigation/menu","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/bottom-menu","pc":"uselayouts","lv":1},{"id":"uselayouts:bucket","t":"Bucket","d":"An interactive card component that simulates a bucket where chips are tossed and replaced with smooth physics-inspired animations.","s":"uselayouts","c":"data-display/badge","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/bucket","pc":"uselayouts","lv":1},{"id":"uselayouts:card-folder","t":"Card Folder","d":"This component creates an animated folder-style card with a background image, floating 3D object, hover effects, and customizable colors and text. You can easily change the images,","s":"uselayouts","c":"motion/tilt-3d","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/card-folder","pc":"uselayouts","lv":1},{"id":"uselayouts:client-card","t":"Client Card","d":"A client CRM card with payment and deadline rings, plus a morphing avatar stack.","s":"uselayouts","c":"data-display/card","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/client-card","pc":"uselayouts","lv":1},{"id":"uselayouts:confidential-folder","t":"Confidential Folder","d":"A charcoal sleeve that pulls a letter out, flips it, and lands it in front of you.","s":"uselayouts","c":"motion/tilt-3d","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/confidential-folder","pc":"uselayouts","lv":1},{"id":"uselayouts:corner-video","t":"Corner Video","d":"A compact corner video player with smooth open/close morphing, autoplay, mute, enlarge, hover controls, and video scrubbing.","s":"uselayouts","c":"media/player","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/corner-video","pc":"uselayouts","lv":1},{"id":"uselayouts:coverflow-drag","t":"Coverflow Drag","d":"A drag coverflow of portraits that scale, dim, and snap as you swipe.","s":"uselayouts","c":"media/card-stack","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/coverflow-drag","pc":"uselayouts","lv":1},{"id":"uselayouts:create-menu","t":"Create Menu","d":"A Start Creating pill that springs open into a list of create actions.","s":"uselayouts","c":"navigation/menu","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/create-menu","pc":"uselayouts","lv":1},{"id":"uselayouts:curve-drawer","t":"Curve Drawer","d":"Side drawers whose inner edge starts as a bulge and morphs into a straight line as the panel settles.","s":"uselayouts","c":"overlays/sheet","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/curve-drawer","pc":"uselayouts","lv":1},{"id":"uselayouts:day-picker","t":"Day Picker","d":"A custom day picker component with smooth animations.","s":"uselayouts","c":"inputs/date-picker","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/day-picker","pc":"uselayouts","lv":1},{"id":"uselayouts:delete-button","t":"Delete Button","d":"A confirmation button with smooth icon transitions.","s":"uselayouts","c":"actions/button","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/delete-button","pc":"uselayouts","lv":1},{"id":"uselayouts:discover-button","t":"Discover Button","d":"An interactive button with expanding discovery state.","s":"uselayouts","c":"actions/button","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/discover-button","pc":"uselayouts","lv":1},{"id":"uselayouts:discrete-tabs","t":"Discrete Tabs","d":"A tab component with discrete sliding animations.","s":"uselayouts","c":"navigation/tabs","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/discrete-tabs","pc":"uselayouts","lv":1},{"id":"uselayouts:drawer-buttons","t":"Drawer Buttons","d":"Two buttons that open side drawers with a 3D fold. Payment comes from the right, cart from the left, and the fields stagger in.","s":"uselayouts","c":"overlays/sheet","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/drawer-buttons","pc":"uselayouts","lv":1},{"id":"uselayouts:dynamic-grid-gallery","t":"Dynamic Grid Gallery","d":"A 3×2 photo grid that grows the hovered row and column so one still takes the stage.","s":"uselayouts","c":"media/gallery","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/dynamic-grid-gallery","pc":"uselayouts","lv":1},{"id":"uselayouts:dynamic-toolbar","t":"Dynamic Toolbar","d":"A toolbar that adapts its size and layout based on content.","s":"uselayouts","c":"data-viz/chart","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/dynamic-toolbar","pc":"uselayouts","lv":1},{"id":"uselayouts:editorial-deck","t":"Editorial Deck","d":"A stacked editorial story deck. Drag the front card and it springs back into the pile.","s":"uselayouts","c":"inputs/textarea","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/editorial-deck","pc":"uselayouts","lv":1},{"id":"uselayouts:empty-testimonial","t":"Empty Testimonial","d":"An interactive empty state for testimonials with a playful folder animation.","s":"uselayouts","c":"data-display/empty-state","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/empty-testimonial","pc":"uselayouts","lv":1},{"id":"uselayouts:expandable-gallery","t":"Expandable Gallery","d":"A photo gallery with smooth item expansion.","s":"uselayouts","c":"media/gallery","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/expandable-gallery","pc":"uselayouts","lv":1},{"id":"uselayouts:feature-carousel","t":"Feature Carousel","d":"A smooth carousel for showcasing product features.","s":"uselayouts","c":"media/carousel","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/feature-carousel","pc":"uselayouts","lv":1},{"id":"uselayouts:filter-interaction","t":"Filter Interaction","d":"Interactive list items with hover and focus effects.","s":"uselayouts","c":"data-display/list","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/filter-interaction","pc":"uselayouts","lv":1},{"id":"uselayouts:fluid-expanding-grid","t":"Fluid Expanding Grid","d":"A responsive gallery grid that fluidly shifts and expands items using motion layout.","s":"uselayouts","c":"layout/page-shell","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/fluid-expanding-grid","pc":"uselayouts","lv":1},{"id":"uselayouts:focus-testimonials","t":"Focus Testimonials","d":"Interactive testimonial section with hover-based focus effects, animated author tooltips, and expandable testimonials.","s":"uselayouts","c":"marketing","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/focus-testimonials","pc":"uselayouts","lv":1},{"id":"uselayouts:folder-interaction","t":"Folder Interaction","d":"A folder management system with drag-and-drop-like feel.","s":"uselayouts","c":"motion/tilt-3d","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/folder-interaction","pc":"uselayouts","lv":1},{"id":"uselayouts:get-in-touch","t":"Get In Touch","d":"A glossy contact pill. Hover and the label lifts away so a portrait and YOU merge, then Let’s Talk! writes in.","s":"uselayouts","c":"data-display/badge","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/get-in-touch","pc":"uselayouts","lv":1},{"id":"uselayouts:holographic-referral-card","t":"Holographic Referral Card","d":"A dark invite card that tilts in 3D with the pointer. A holographic glow follows. Touch stays still. Tab for a quiet glow.","s":"uselayouts","c":"data-viz/chart","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/holographic-referral-card","pc":"uselayouts","lv":1},{"id":"uselayouts:gooey-navbar","t":"Gooey Navbar","d":"A pill nav that melts into its neighbor when you hover — liquid bridges, active dot.","s":"uselayouts","c":"navigation/top-nav","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/gooey-navbar","pc":"uselayouts","lv":1},{"id":"uselayouts:infinite-grid","t":"Infinite Canvas","d":"A free-panning product canvas that tiles forever — drag, scroll, and skim an endless grid of images and captions.","s":"uselayouts","c":"layout/page-shell","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/infinite-grid","pc":"uselayouts","lv":1},{"id":"uselayouts:inline-edit","t":"Inline Edit","d":"An input that switches between read and edit modes.","s":"uselayouts","c":"inputs/form-field","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/inline-edit","pc":"uselayouts","lv":1},{"id":"uselayouts:liquid-index","t":"Liquid Index","d":"A feature list whose hover badge is a WebGL liquid gradient that tracks the row.","s":"uselayouts","c":"motion/background","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/liquid-index","pc":"uselayouts","lv":1},{"id":"uselayouts:magnified-bento","t":"Magnified Bento","d":"A bento card component with a draggable magnifying lens effect over scrolling chips.","s":"uselayouts","c":"layout/bento-grid","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/magnified-bento","pc":"uselayouts","lv":1},{"id":"uselayouts:morphing-input","t":"Morphing Input","d":"An input field that morphs between different states.","s":"uselayouts","c":"inputs/form-field","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/morphing-input","pc":"uselayouts","lv":1},{"id":"uselayouts:multi-step-form","t":"Multi Step Form","d":"A dynamic, animated multi-step form with validation.","s":"uselayouts","c":"inputs/form-field","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/multi-step-form","pc":"uselayouts","lv":1},{"id":"uselayouts:overlapping-slider","t":"Overlapping Slider","d":"A full-width landing row of portrait cards. They sit flat until you move — then the card on the left scales back.","s":"uselayouts","c":"inputs/slider","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/overlapping-slider","pc":"uselayouts","lv":1},{"id":"uselayouts:perspective-text-scroll","t":"Perspective Text Scroll","d":"A polished example interaction built with React and Motion.","s":"uselayouts","c":"layout/scroll-area","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/perspective-text-scroll","pc":"uselayouts","lv":1},{"id":"uselayouts:photo-albums","t":"Photo Albums","d":"Tilted album stacks that expand into a shared-element photo grid.","s":"uselayouts","c":"media/gallery","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/photo-albums","pc":"uselayouts","lv":1},{"id":"uselayouts:paper-shred-button","t":"Paper Shred Button","d":"Hover Delete and a page appears above it. Click and the page clips away while paper strips draw in below. After a few seconds it resets so you can shred again.","s":"uselayouts","c":"actions/button","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/paper-shred-button","pc":"uselayouts","lv":1},{"id":"uselayouts:polaroid-drag","t":"Polaroid Drag","d":"Draggable Polaroid photo gallery with realistic tilt, stacking, smooth animations, and customizable captions, sizes, and decorations.","s":"uselayouts","c":"media/gallery","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/polaroid-drag","pc":"uselayouts","lv":1},{"id":"uselayouts:polaroid-stack","t":"Polaroid Stack","d":"Seven Polaroids sit in a pile. Hover and they fan into an arc from one corner.","s":"uselayouts","c":"media/card-stack","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/polaroid-stack","pc":"uselayouts","lv":1},{"id":"uselayouts:pop-tilt-cards","t":"Pop Tilt Cards","d":"Interactive tilt card deck with smooth hover animations, 3D popping effects, images, links, and customizable card styling.","s":"uselayouts","c":"motion/tilt-3d","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/pop-tilt-cards","pc":"uselayouts","lv":1},{"id":"uselayouts:pricing-card","t":"Pricing Card","d":"A focused pricing card layout with clear hierarchy.","s":"uselayouts","c":"marketing","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/pricing-card","pc":"uselayouts","lv":1},{"id":"uselayouts:prompt-box","t":"Prompt Box","d":"A collapsed chat composer that expands into a textarea with a model menu and send control.","s":"uselayouts","c":"ai-agent/composer","a":"uselayouts","st":"picked","pl":"https://uselayouts.com/docs/components/prompt-box","pc":"uselayouts","lv":1},{"id":"uselayouts:rolling-card-stack","t":"Rolling Card Stack","d":"It’s a responsive, animated rolling card stack component built with React, TypeScript, Tailwind CSS, and Framer Motion. It supports desktop/mobile layouts, swipe and keyboard navig","s":"uselayouts","c":"media/card-stack","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/rolling-card-stack","pc":"uselayouts","lv":1},{"id":"uselayouts:save-button","t":"Save Button","d":"A button with animated states for idle, loading, and success.","s":"uselayouts","c":"actions/button","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/save-button","pc":"uselayouts","lv":1},{"id":"uselayouts:scan-document","t":"Scan Document","d":"Click Scan and a page unfolds, flips, and a glowing bar reads it. Done holds, then it resets.","s":"uselayouts","c":"data-viz/chart","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/scan-document","pc":"uselayouts","lv":1},{"id":"uselayouts:scroll-split-cards","t":"Scroll Split Cards","d":"One photograph that splits into three panels as you scroll, then flips to copy.","s":"uselayouts","c":"layout/split-pane","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/scroll-split-cards","pc":"uselayouts","lv":1},{"id":"uselayouts:scroll-stack-deck","t":"Scroll Stack Deck","d":"Scroll-linked project cards that pin in the viewport and stack, scale, and settle as you move down the page.","s":"uselayouts","c":"media/card-stack","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/scroll-stack-deck","pc":"uselayouts","lv":1},{"id":"uselayouts:set-timer","t":"Set Timer","d":"A dark timer pill that morphs into a minute wheel picker, then into a running timer with pause, cancel, and a rounded-rectangle progress border.","s":"uselayouts","c":"inputs/time-picker","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/set-timer","pc":"uselayouts","lv":1},{"id":"uselayouts:shake-testimonial-card","t":"Shake Testimonial Card","d":"An eye-catching testimonial card with playful animations.","s":"uselayouts","c":"marketing","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/shake-testimonial-card","pc":"uselayouts","lv":1},{"id":"uselayouts:slide-subscribe","t":"Slide Subscribe","d":"Pick a billing period, then slide to start a trial.","s":"uselayouts","c":"unsorted","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/slide-subscribe","pc":"uselayouts","lv":1},{"id":"uselayouts:smooth-dropdown","t":"Smooth Dropdown","d":"A dropdown menu with premium layout transitions.","s":"uselayouts","c":"navigation/menu","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/smooth-dropdown","pc":"uselayouts","lv":1},{"id":"uselayouts:stack-scroll-reveal","t":"Stack Scroll Reveal","d":"Scroll-linked case-study cards that pin in the viewport and peel, scale, and fade as you move down the page.","s":"uselayouts","c":"media/card-stack","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/stack-scroll-reveal","pc":"uselayouts","lv":1},{"id":"uselayouts:stacked-list","t":"Stacked List","d":"An expandable list widget with a stacked layout and smooth morphing transitions.","s":"uselayouts","c":"media/card-stack","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/stacked-list","pc":"uselayouts","lv":1},{"id":"uselayouts:stacked-outline-text","t":"Stacked Outline Text","d":"Heavy outlined type you can drag. Speed leaves a stacked white-on-black trail that springs back when you stop.","s":"uselayouts","c":"media/card-stack","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/stacked-outline-text","pc":"uselayouts","lv":1},{"id":"uselayouts:theme-toggle","t":"Theme Toggle","d":"A physical switch with a dotted grip. Click and the knob slides across a recessed track.","s":"uselayouts","c":"actions/switch","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/theme-toggle","pc":"uselayouts","lv":1},{"id":"uselayouts:tactile-button","t":"Tactile Button","d":"A liquid-glass rocker that tilts into its well when you press it.","s":"uselayouts","c":"actions/button","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/tactile-button","pc":"uselayouts","lv":1},{"id":"uselayouts:vertical-tabs","t":"Vertical Tabs","d":"A vertical tab interaction with smooth content switching.","s":"uselayouts","c":"navigation/tabs","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/vertical-tabs","pc":"uselayouts","lv":1},{"id":"uselayouts:wheel-carousel","t":"Wheel Carousel","d":"This component creates a smooth wheel-style carousel with photos and selectable items. It supports drag, scroll, keyboard controls, snapping, momentum, themes, image crossfades, an","s":"uselayouts","c":"media/carousel","a":"uselayouts","st":"reviewed","pl":"https://uselayouts.com/docs/components/wheel-carousel","pc":"uselayouts","lv":1},{"id":"devigner:contact-lens","t":"Contact Lens","d":"A dim contact line with an icon row: hover an icon and its part of the line lifts and lights up under a label, click to copy it.","s":"devigner","c":"inputs/form-field","a":"Devigner","st":"reviewed","pl":"https://ui.devigner.cc/components/contact-lens","pc":"Devigner","lv":1},{"id":"devigner:copy-button","t":"Copy Button","d":"Copies text in one click, then turns green and retypes its label to Copied.","s":"devigner","c":"actions/copy-button","a":"Devigner","st":"reviewed","pl":"https://ui.devigner.cc/components/copy-button","pc":"Devigner","lv":1},{"id":"devigner:nav-notch","t":"Nav Notch","d":"A row of small notches that works as a navigation bar: the one under the pointer opens into a labelled chip and its neighbours swell around it like a lens.","s":"devigner","c":"navigation/top-nav","a":"Devigner","st":"reviewed","pl":"https://ui.devigner.cc/components/nav-notch","pc":"Devigner","lv":1},{"id":"devigner:liquid-glass","t":"Liquid Glass","d":"An iOS 27 style glass menu whose rim bends the page behind it: a pill that swells into a squircle panel of rows and melts back once you pick one.","s":"devigner","c":"motion/background","a":"Devigner","st":"reviewed","pl":"https://ui.devigner.cc/components/liquid-glass","pc":"Devigner","lv":1},{"id":"devigner:slider","t":"Slider","d":"A slider whose fill heats from yellow to red as it grows, with a glass thumb that opens to show the value while you drag.","s":"devigner","c":"inputs/slider","a":"Devigner","st":"reviewed","pl":"https://ui.devigner.cc/components/slider","pc":"Devigner","lv":1},{"id":"devigner:file-upload","t":"File Upload","d":"An upload panel whose files drip out of the dropzone as liquid, then queue, pause, fail and retry in compact cards before you submit them.","s":"devigner","c":"inputs/file-upload","a":"Devigner","st":"reviewed","pl":"https://ui.devigner.cc/components/file-upload","pc":"Devigner","lv":1},{"id":"devigner:goo-switch","t":"Goo Switch","d":"A switch whose thumb is a drop of liquid: it trails a tail when it moves and stretches over the edge when you pull it too far.","s":"devigner","c":"actions/switch","a":"Devigner","st":"reviewed","pl":"https://ui.devigner.cc/components/goo-switch","pc":"Devigner","lv":1},{"id":"devigner:inline-time-edit","t":"Inline Time Edit","d":"A 2:30 that splits into hour and minute fields when you edit it, then folds back.","s":"devigner","c":"inputs/time-picker","a":"Devigner","st":"reviewed","pl":"https://ui.devigner.cc/components/inline-time-edit","pc":"Devigner","lv":1},{"id":"devigner:date-range-picker","t":"Date Range Picker","d":"A calendar that shows the range before you commit to it, with presets.","s":"devigner","c":"inputs/date-range","a":"Devigner","st":"reviewed","pl":"https://ui.devigner.cc/components/date-range-picker","pc":"Devigner","lv":1},{"id":"devigner:chart-card","t":"Chart Card","d":"A stats card whose bars show their value as you move across them.","s":"devigner","c":"data-viz/chart","a":"Devigner","st":"reviewed","pl":"https://ui.devigner.cc/components/chart-card","pc":"Devigner","lv":1},{"id":"devigner:delete-button","t":"Delete Button","d":"Asks before it deletes, waits for your API call, then shows a tick.","s":"devigner","c":"actions/button","a":"Devigner","st":"reviewed","pl":"https://ui.devigner.cc/components/delete-button","pc":"Devigner","lv":1},{"id":"devigner:menu-dock","t":"Menu Dock","d":"A dock that grows into its own menus, nested as deep as you need.","s":"devigner","c":"navigation/dock","a":"Devigner","st":"reviewed","pl":"https://ui.devigner.cc/components/menu-dock","pc":"Devigner","lv":1},{"id":"devigner:timeline","t":"Timeline","d":"The active step slides off the rail, and the line bends to follow it.","s":"devigner","c":"data-display/timeline","a":"Devigner","st":"reviewed","pl":"https://ui.devigner.cc/components/timeline","pc":"Devigner","lv":1},{"id":"devigner:magnetic-button","t":"Magnetic Button","d":"Leans toward your cursor before you reach it, then lets go with a wobble.","s":"devigner","c":"actions/button","a":"Devigner","st":"reviewed","pl":"https://ui.devigner.cc/components/magnetic-button","pc":"Devigner","lv":1},{"id":"easyui:ai-agent-activity","t":"AI Agent Activity","d":"A timeline component for tracking AI agent reasoning, tool calls, API queries, database fetches, and execution states with inspectable parameters and results.","s":"easyui","c":"ai-agent/run","a":"EasyUI","st":"picked","pl":"https://www.easyui.site/components/ai-agent-activity","pc":"EasyUI","lv":1},{"id":"easyui:ai-response","t":"AI Response","d":"A production-ready, accessible AI response component supporting streaming markdown, syntax-styled code blocks, citations, feedback actions, and tool execution status.","s":"easyui","c":"ai-agent/response","a":"EasyUI","st":"picked","pl":"https://www.easyui.site/components/ai-response","pc":"EasyUI","lv":1},{"id":"easyui:activity-feed","t":"Activity Feed","d":"A developer telemetry and audit log stream featuring category filtering, live real-time event simulation with Framer Motion slide insertions, and expandable JSON payloads.","s":"easyui","c":"data-display/timeline","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/activity-feed","pc":"EasyUI","lv":1},{"id":"easyui:advanced-data-table","t":"Advanced Data Table","d":"A powerful, accessible data table component with multi-column sorting, faceted filters, global search, row selection, bulk actions, expandable sub-rows, and pagination.","s":"easyui","c":"data-display/table","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/advanced-data-table","pc":"EasyUI","lv":1},{"id":"easyui:airport-matrix-clock","t":"Airport Matrix Clock","d":"A live world clock that renders local times and city names as crisp dot-matrix characters with restrained, character-level rolling transitions.","s":"easyui","c":"motion/number-ticker","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/airport-matrix-clock","pc":"EasyUI","lv":1},{"id":"easyui:animated-file-upload","t":"Animated File Upload","d":"A minimal, physical drag-and-drop file uploader with smooth drop reaction, independent file upload tracking, progressive state morphing, and accessible retry flows.","s":"easyui","c":"inputs/file-upload","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/animated-file-upload","pc":"EasyUI","lv":1},{"id":"easyui:animated-number","t":"Animated Number Morph","d":"An Apple-grade smooth rolling digit counter that independently morphs individual numerical columns with physics-based springs, locale commas, currencies, and compact notation.","s":"easyui","c":"motion/text-effect","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/animated-number","pc":"EasyUI","lv":1},{"id":"easyui:animated-tabs","t":"Animated Tabs","d":"A tabbed switcher with physical pill indicator sliding smoothly between active items with content cross-fades.","s":"easyui","c":"navigation/tabs","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/animated-tabs","pc":"EasyUI","lv":1},{"id":"easyui:avatar-stack","t":"Avatar Stack","d":"An interactive, stacked facepile of overlapping avatars that smoothly elevates and scales the hovered avatar to the front with spring physics, revealing the full image and name too","s":"easyui","c":"data-display/avatar","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/avatar-stack","pc":"EasyUI","lv":1},{"id":"easyui:batch-gesture-tray","t":"Batch Gesture Tray","d":"A touch-ready contextual tray that slides into view upon item selection, presenting bulk actions and real-time count telemetry.","s":"easyui","c":"inputs/time-picker","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/batch-gesture-tray","pc":"EasyUI","lv":1},{"id":"easyui:book-call-button","t":"Book Call Button","d":"A premium \"Book a call\" pill with a green expanding capsule. At rest, a 36% accent capsule holds a dotted arrow + label; on hover, the capsule fills the pill, the label slides out,","s":"easyui","c":"actions/button","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/book-call-button","pc":"EasyUI","lv":1},{"id":"easyui:branching-submenu","t":"Branching Submenu","d":"A spatial submenu that connects parent options to child actions with staged branch motion.","s":"easyui","c":"navigation/menu","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/branching-submenu","pc":"EasyUI","lv":1},{"id":"easyui:button","t":"Button","d":"A versatile, production-ready button system with 8 visual variants, 4 sizes, loading spinner states, icon slots, and spring tap feedback.","s":"easyui","c":"actions/button","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/button","pc":"EasyUI","lv":1},{"id":"easyui:car-smoke-page-transition","t":"Car Smoke Page Transition","d":"A cinematic page transition where a speeding car crosses the screen, leaving a smoke trail before transitioning to the next page.","s":"easyui","c":"navigation/sidebar","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/car-smoke-page-transition","pc":"EasyUI","lv":1},{"id":"easyui:chat","t":"Chat","d":"A production-grade conversational chat component with thread history sidebar, rich message rendering, status indicators, file attachments, and auto-expanding composer.","s":"easyui","c":"data-display/chat-thread","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/chat","pc":"EasyUI","lv":1},{"id":"easyui:circular-orbit","t":"Circular Orbit","d":"A circular gallery of image tiles orbiting around a centered title. All motion runs on a single MotionValue driven by useAnimationFrame, so no React renders per frame.","s":"easyui","c":"ai-agent","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/circular-orbit","pc":"EasyUI","lv":1},{"id":"easyui:code-snippet-deck","t":"Code Snippet Deck","d":"An interactive multi-runtime developer code snippet deck with runtime switching (cURL, TypeScript, Python, Go, Rust), live dynamic parameter customizations, and line highlighting.","s":"easyui","c":"data-display/code-block","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/code-snippet-deck","pc":"EasyUI","lv":1},{"id":"easyui:command-menu","t":"Command Menu","d":"A global keyboard-first command palette with fuzzy filtering, category badges, and keyboard arrow controls.","s":"easyui","c":"navigation/command-palette","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/command-menu","pc":"EasyUI","lv":1},{"id":"easyui:cursor-follower","t":"Cursor Follower","d":"A smooth spring-based cursor follower with customizable physics, velocity scaling, and custom child icons or badges.","s":"easyui","c":"motion/cursor","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/cursor-follower","pc":"EasyUI","lv":1},{"id":"easyui:density-lens","t":"Density Lens","d":"An interactive floating lens that tracks pointer movement to reveal high-density data, magnified details, or alternative views.","s":"easyui","c":"motion/text-effect","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/density-lens","pc":"EasyUI","lv":1},{"id":"easyui:dependency-trace","t":"Dependency Trace","d":"An interactive SVG node graph that maps and dynamically traces relationship connections with directional bezier curves.","s":"easyui","c":"data-viz/chart","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/dependency-trace","pc":"EasyUI","lv":1},{"id":"easyui:depth-corridor","t":"Depth Corridor","d":"A 3D spatial layer stack with receding perspective depth, progressive focal blurs, and pointer parallax motion.","s":"easyui","c":"data-viz/progress-bar","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/depth-corridor","pc":"EasyUI","lv":1},{"id":"easyui:directional-tooltip","t":"DirectionalTooltip","d":"A tooltip that appears from the direction it originates — it starts a small distance outside the trigger in its preferred direction and springs inward, so it feels like it material","s":"easyui","c":"overlays/tooltip","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/directional-tooltip","pc":"EasyUI","lv":1},{"id":"easyui:dot-field","t":"Dot Field","d":"High-performance lightweight static Canvas dot matrix background with dynamic gradient coloring and responsive density scaling.","s":"easyui","c":"inputs/form-field","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/dot-field","pc":"EasyUI","lv":1},{"id":"easyui:dot-shader","t":"Dot Shader","d":"A GPU-accelerated interactive dot matrix background shader with magnetic cursor repulsion, proximity illumination glow, dynamic lens scaling, and ambient wave motion.","s":"easyui","c":"motion/background","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/dot-shader","pc":"EasyUI","lv":1},{"id":"easyui:drag-to-confirm","t":"Drag to Confirm","d":"A physical drag-to-confirm slider for high-stakes and destructive actions, equipped with elastic spring snapback physics, progressive track illumination, and accessible keyboard fa","s":"easyui","c":"actions/button","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/drag-to-confirm","pc":"EasyUI","lv":1},{"id":"easyui:draw-checkbox","t":"DrawCheckbox","d":"A checkbox whose checkmark draws itself (path length animation) and settles with a tiny overshoot. The box scales from 0.9 -> 1.04 -> 1.0 for a tactile snap feel.","s":"easyui","c":"inputs/checkbox","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/draw-checkbox","pc":"EasyUI","lv":1},{"id":"easyui:dynamic-island","t":"Dynamic Island","d":"A physical morphing island component that smoothly transitions between a compact indicator, interactive summary, profile card, and social dock with spring physics.","s":"easyui","c":"navigation/dock","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/dynamic-island","pc":"EasyUI","lv":1},{"id":"easyui:evil-eye","t":"Evil Eye","d":"A hanging navy amulet disc with concentric sky-blue and white rings that swings with realistic inertia in response to the pointer, painted as a layered SVG and driven by a single s","s":"easyui","c":"motion/cursor","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/evil-eye","pc":"EasyUI","lv":1},{"id":"easyui:expandable-data-row","t":"Expandable Data Row","d":"A polished table component with fluid accordion row unfolding, revealing deep metadata, audit activity feeds, and quick actions, with automatic card restructuring on mobile viewpor","s":"easyui","c":"data-display/list","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/expandable-data-row","pc":"EasyUI","lv":1},{"id":"easyui:expandable-search","t":"Expandable Search","d":"A compact search pill that smoothly widens on focus with shortcut hint pills and clear button.","s":"easyui","c":"inputs/search","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/expandable-search","pc":"EasyUI","lv":1},{"id":"easyui:faq","t":"FAQ","d":"An expandable accordion FAQ component with smooth spring height calculation, single/multi-open modes, category filtering, search, and full ARIA keyboard accessibility.","s":"easyui","c":"data-display/accordion","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/faq","pc":"EasyUI","lv":1},{"id":"easyui:floating-action-dock","t":"Floating Action Dock","d":"A floating quick-action toolbar inspired by macOS dock physics with smooth magnification and subtle tooltips.","s":"easyui","c":"navigation/dock","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/floating-action-dock","pc":"EasyUI","lv":1},{"id":"easyui:focus-mode","t":"Focus Mode","d":"An atmospheric focus-mode interaction that isolates selected cards or sections by smoothly dimming surrounding distractions with zero layout shift, tactile spring scaling, and Esca","s":"easyui","c":"inputs/select","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/focus-mode","pc":"EasyUI","lv":1},{"id":"easyui:form","t":"Form","d":"A modular, composable form system with accessible inputs, textareas, custom selects, checkboxes, radio groups, switches, and animated validation messages.","s":"easyui","c":"inputs/form-field","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/form","pc":"EasyUI","lv":1},{"id":"easyui:glass-navbar","t":"Glass Navbar","d":"A modern, responsive glassmorphic navbar with smooth spring navigation pills, mobile menu drawer, and keyboard accessibility.","s":"easyui","c":"navigation/top-nav","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/glass-navbar","pc":"EasyUI","lv":1},{"id":"easyui:glitch-text","t":"Glitch Text","d":"A multi-modal cybernetic glitch typography component featuring 5 distinct animation variants (RGB split chromatic aberration, cyberpunk clip-slicing, analog VHS tracking loss, matr","s":"easyui","c":"motion/text-effect","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/glitch-text","pc":"EasyUI","lv":1},{"id":"easyui:glyph-matrix","t":"Glyph Matrix","d":"A high-performance, canvas-driven Matrix digital rain background effect featuring streaming Katakana and numeric glyphs, glowing head highlights, decaying phosphor trails, and inte","s":"easyui","c":"ai-agent","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/glyph-matrix","pc":"EasyUI","lv":1},{"id":"easyui:gooey-menu","t":"Gooey Menu","d":"A tactile liquid dropdown menu with organic SVG metaball fusion filter and spring-driven extrusion animation.","s":"easyui","c":"navigation/menu","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/gooey-menu","pc":"EasyUI","lv":1},{"id":"easyui:gravity-particle-burst","t":"Gravity Particle Burst","d":"A pointer-triggered canvas particle burst with velocity, gravity, friction, and short-lived physical follow-through.","s":"easyui","c":"motion/cursor","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/gravity-particle-burst","pc":"EasyUI","lv":1},{"id":"easyui:hamburger-menu","t":"Hamburger Menu","d":"An iconic three-line menu toggle that transforms smoothly into a symmetrical close symbol.","s":"easyui","c":"navigation/menu","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/hamburger-menu","pc":"EasyUI","lv":1},{"id":"easyui:ios-search-bar","t":"iOS-style Search Bar","d":"A minimalist search pill that smoothly expands on focus and reveals quick-clear controls with spring animation.","s":"easyui","c":"data-viz/chart","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/ios-search-bar","pc":"EasyUI","lv":1},{"id":"easyui:interactive-timeline","t":"Interactive Timeline","d":"A developer-focused milestone and deployment timeline featuring dynamic progress lines, pulsating status nodes, expandable telemetry cards, and commit hash copy.","s":"easyui","c":"data-display/timeline","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/interactive-timeline","pc":"EasyUI","lv":1},{"id":"easyui:intro-loader","t":"Intro Loader","d":"An Apple-inspired multilingual welcome splash and intro loader that rapidly cycles localized greetings with fluid blur transitions, progress tracking, and accessible skip controls.","s":"easyui","c":"status/loader","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/intro-loader","pc":"EasyUI","lv":1},{"id":"easyui:liquid-ripple-button","t":"Liquid Ripple Button","d":"A tactile button whose pointer-origin ripple and subtle wave layer make press feedback feel fluid.","s":"easyui","c":"actions/button","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/liquid-ripple-button","pc":"EasyUI","lv":1},{"id":"easyui:liquid-toggle","t":"Liquid Toggle","d":"A toggle with a liquid/blob-like transition. The internal shape deforms organically as it travels from off to on — stretching along the travel axis and settling into a natural blob","s":"easyui","c":"actions/switch","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/liquid-toggle","pc":"EasyUI","lv":1},{"id":"easyui:loader","t":"Loader","d":"A minimal, purpose-driven loading indicator with 4 calm, non-anxious motion variants.","s":"easyui","c":"status/loader","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/loader","pc":"EasyUI","lv":1},{"id":"easyui:lock-input","t":"LockInput","d":"A text input whose focus state subtly \"locks\" into place — a focus ring scales in from the center and the border tweens to active, giving the impression that the input snaps closed","s":"easyui","c":"inputs/form-field","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/lock-input","pc":"EasyUI","lv":1},{"id":"easyui:login","t":"Login","d":"A production-ready authentication card built with the EasyUI form system, featuring password show/hide, remember me, validation states, and social logins.","s":"easyui","c":"inputs/form-field","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/login","pc":"EasyUI","lv":1},{"id":"easyui:mac-os-folder-cards","t":"macOS Folder Cards","d":"An authentic porcelain-white macOS Finder folder icon that unrolls interactive cards with fluid Apple spring physics.","s":"easyui","c":"motion/tilt-3d","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/mac-os-folder-cards","pc":"EasyUI","lv":1},{"id":"easyui:magnetic-button","t":"Magnetic Button","d":"A responsive button with subtle proximity-based physics that pulls towards the cursor on hover and snaps back on departure.","s":"easyui","c":"actions/button","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/magnetic-button","pc":"EasyUI","lv":1},{"id":"easyui:meteors","t":"Meteors","d":"A lightweight, highly aesthetic animated meteor shower effect that streams diagonal glowing celestial light beams across cards, badges, hero containers, and call-to-action sections","s":"easyui","c":"data-display/badge","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/meteors","pc":"EasyUI","lv":1},{"id":"easyui:metric-hud","t":"Metric HUD","d":"An interactive developer telemetry card featuring hardware-accelerated SVG sparklines, pointer-scrubbing point inspection, spring-animated time range morphing, and delta indicators","s":"easyui","c":"data-display/stat","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/metric-hud","pc":"EasyUI","lv":1},{"id":"easyui:morphing-blob","t":"Morphing Blob","d":"An ambient, accessible SVG blob background that continuously morphs with spring physics and subtly follows the cursor for a fluid, interactive visual effect.","s":"easyui","c":"motion/text-effect","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/morphing-blob","pc":"EasyUI","lv":1},{"id":"easyui:morphing-button","t":"Morphing Button","d":"A layout-stable interactive action button that smoothly transitions between Idle, Loading, Success, and Error states without jarring jumps or dimension shifts.","s":"easyui","c":"actions/button","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/morphing-button","pc":"EasyUI","lv":1},{"id":"easyui:morphing-dialog","t":"Morphing Dialog","d":"An expandable card trigger that fluidly morphs into a centered dialog without jarring popup animations.","s":"easyui","c":"overlays/dialog","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/morphing-dialog","pc":"EasyUI","lv":1},{"id":"easyui:morphing-icon","t":"Morphing Icon","d":"An animated micro-interaction wrapper that smoothly morphs between two icon states with coordinated rotation, scale, and cross-fade transitions.","s":"easyui","c":"motion/text-effect","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/morphing-icon","pc":"EasyUI","lv":1},{"id":"easyui:morphing-shape-loader","t":"Morphing Shape Loader","d":"A loading indicator that continuously morphs between configurable SVG shapes via real path interpolation. The transition is a genuine geometric morph — never a fade out / in.","s":"easyui","c":"status/loader","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/morphing-shape-loader","pc":"EasyUI","lv":1},{"id":"easyui:neon-edge-button","t":"Neon Edge Button","d":"A button with a restrained light source travelling around the border while the label remains primary.","s":"easyui","c":"actions/button","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/neon-edge-button","pc":"EasyUI","lv":1},{"id":"easyui:nimbu-mirchi","t":"Nimbu Mirchi","d":"A hanging lemon-and-green-chilli charm that swings with realistic inertia in response to the pointer, built from layered physical springs rather than a single rigid illustration.","s":"easyui","c":"motion/cursor","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/nimbu-mirchi","pc":"EasyUI","lv":1},{"id":"easyui:not-found","t":"Not Found","d":"A minimal, production-ready 404 / route error component featuring floating spring-physics proximity displacement on individual glyphs, clear typography hierarchy, and accessible re","s":"easyui","c":"data-viz/chart","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/not-found","pc":"EasyUI","lv":1},{"id":"easyui:notification-bell","t":"Notification Bell","d":"An interactive notification trigger with animated badge counter, arrival shake feedback, and dropdown panel.","s":"easyui","c":"overlays/toast","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/notification-bell","pc":"EasyUI","lv":1},{"id":"easyui:notification-stack","t":"Notification Stack","d":"A stacked notification card system with physical spring stacking elevation, swipe-to-dismiss drag, and simulation triggers.","s":"easyui","c":"overlays/toast","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/notification-stack","pc":"EasyUI","lv":1},{"id":"easyui:orbital-loading-ring","t":"Orbital Loading Ring","d":"A lightweight loading indicator with layered rings and orbiting particles that communicate active processing.","s":"easyui","c":"ai-agent","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/orbital-loading-ring","pc":"EasyUI","lv":1},{"id":"easyui:origin-dropdown","t":"OriginDropdown","d":"A dropdown with origin-aware expansion — the menu materializes from the chosen side with a slight scale and an inward translation, so its perceived origin is the trigger edge close","s":"easyui","c":"navigation/menu","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/origin-dropdown","pc":"EasyUI","lv":1},{"id":"easyui:otp-input","t":"OTP Input","d":"An accessible one-time-passcode input made of auto-advancing digit boxes, each with a spring-driven pop animation on entry, built with Framer Motion and Tailwind CSS.","s":"easyui","c":"inputs/otp-input","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/otp-input","pc":"EasyUI","lv":1},{"id":"easyui:particle-delete","t":"Particle Delete","d":"Premium physics-driven particle dissolution delete animation that rasterizes components into thousands of authentic tiny pixels and disperses them smoothly before state removal.","s":"easyui","c":"data-display/stat","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/particle-delete","pc":"EasyUI","lv":1},{"id":"easyui:payment-receipt-printer","t":"Payment Receipt Printer","d":"An animated payment and order receipt printer component for React featuring realistic thermal paper extrusion, chassis micro-vibration, customizable receipt itemization, and replay","s":"easyui","c":"data-display/list","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/payment-receipt-printer","pc":"EasyUI","lv":1},{"id":"easyui:payment-status","t":"Payment Status","d":"A calm, Apple-grade payment confirmation card with animated SVG path checkmark drawing, staged verification lifecycle transitions, receipt inspection, and failure recovery.","s":"easyui","c":"data-display/stat","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/payment-status","pc":"EasyUI","lv":1},{"id":"easyui:peek-card","t":"Peek Card","d":"An origin-anchored contextual preview popover that emerges directly from target triggers on hover or tap with smart collision edge detection and rich metadata summaries.","s":"easyui","c":"overlays/hover-card","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/peek-card","pc":"EasyUI","lv":1},{"id":"easyui:pill-navigation","t":"Pill Navigation","d":"A restrained segmented navigation control with shared pill layout morphing and nested submenu dropdown support.","s":"easyui","c":"data-display/badge","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/pill-navigation","pc":"EasyUI","lv":1},{"id":"easyui:press-button","t":"PressButton","d":"A button that compresses slightly on press and settles with a tiny natural overshoot for a tactile, physical feel.","s":"easyui","c":"actions/button","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/press-button","pc":"EasyUI","lv":1},{"id":"easyui:pricing","t":"Pricing","d":"A minimal two-tier pricing component for EasyUI. Native to the existing design system, fully theme-aware, with a quiet Free tier and a slightly more attractive Pro tier — without r","s":"easyui","c":"marketing","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/pricing","pc":"EasyUI","lv":1},{"id":"easyui:profile-card","t":"Profile Card","d":"A premium dark social profile card with a painted blue cover-art panel, action row, and a detail panel with avatar, verified name, bio, follower stats, and outbound website link.","s":"easyui","c":"inputs/file-upload","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/profile-card","pc":"EasyUI","lv":1},{"id":"easyui:pull-to-refresh","t":"Pull to Refresh","d":"A physical pull-to-refresh component and container featuring realistic elastic resistance curves, smooth cubic bezier line chart visualization with interactive point scrubbing, hig","s":"easyui","c":"data-display/stat","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/pull-to-refresh","pc":"EasyUI","lv":1},{"id":"easyui:rainbow-button","t":"Rainbow Button","d":"A vibrant button featuring an animated chromatic rainbow gradient border, dynamic 3D surface reflections, and an ambient blurred rainbow underglow.","s":"easyui","c":"actions/button","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/rainbow-button","pc":"EasyUI","lv":1},{"id":"easyui:recovery-ledger","t":"Recovery Ledger","d":"An archival audit timeline and state recovery ledger with chronological snapshot markers, diff inspection, and one-click rollback triggers.","s":"easyui","c":"data-display/timeline","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/recovery-ledger","pc":"EasyUI","lv":1},{"id":"easyui:reveal-card","t":"Reveal Card","d":"A high-definition product card with smooth cursor-driven 3D perspective rotation, dynamic glare, and revealed content.","s":"easyui","c":"motion/text-effect","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/reveal-card","pc":"EasyUI","lv":1},{"id":"easyui:rocket-party-popper","t":"Rocket Party Popper","d":"An interactive black rocket launch that blasts into a colorful party popper confetti shower to reveal celebratory milestones.","s":"easyui","c":"inputs/color-picker","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/rocket-party-popper","pc":"EasyUI","lv":1},{"id":"easyui:scroll-progress-nav","t":"Scroll Progress Navigation","d":"A floating table-of-contents navigation pill that tracks scroll depth, dynamically morphs between resting and floating states, highlights active sections, and enables smooth scroll","s":"easyui","c":"data-viz/progress-bar","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/scroll-progress-nav","pc":"EasyUI","lv":1},{"id":"easyui:scrollvelocitytext","t":"Scroll Velocity Text","d":"A direction-aware kinetic typography component that smoothly expands letter-spacing and scale on downward scroll, and winds back on upward scroll, with zero per-frame React re-rend","s":"easyui","c":"layout/scroll-area","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/scrollvelocitytext","pc":"EasyUI","lv":1},{"id":"easyui:selection-basket","t":"Selection Basket","d":"A floating bulk-action toolbar that smoothly rises from the bottom of the screen when multiple dataset items are selected, supporting batch operations, horizontal scrolling, and cl","s":"easyui","c":"inputs/select","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/selection-basket","pc":"EasyUI","lv":1},{"id":"easyui:settle-modal","t":"SettleModal","d":"A modal whose content has a tiny scale/settle instead of a generic fade. The panel scales 0.94 -> 1.02 -> 1.0 with a small y travel, then the inner content layers its own gentle se","s":"easyui","c":"overlays/dialog","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/settle-modal","pc":"EasyUI","lv":1},{"id":"easyui:shooting-stars","t":"Shooting Stars","d":"A high-performance deep-space cosmos background featuring multi-depth twinkling celestial stars, glowing atmospheric nebula clouds, and cinematic shooting stars with luminous head ","s":"easyui","c":"inputs/rating","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/shooting-stars","pc":"EasyUI","lv":1},{"id":"easyui:sign-up","t":"Sign Up","d":"A comprehensive registration card with live password strength metrics, password confirmation matching, terms validation, and social onboarding.","s":"easyui","c":"inputs/form-field","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/sign-up","pc":"EasyUI","lv":1},{"id":"easyui:slide-pagination","t":"SlidePagination","d":"A pagination control where the active indicator slides between pages rather than instantly switching. The active background uses shared layoutId so the indicator visibly travels fr","s":"easyui","c":"navigation/pagination","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/slide-pagination","pc":"EasyUI","lv":1},{"id":"easyui:small-floating-dock","t":"Small Floating Dock","d":"A minimal, gesture-responsive floating dock for quick access to 3-5 primary actions.","s":"easyui","c":"navigation/dock","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/small-floating-dock","pc":"EasyUI","lv":1},{"id":"easyui:smart-comparison","t":"Smart Comparison","d":"An interactive feature matrix and SaaS tier comparison component featuring live difference filtering, collapsible specification categories, search indexing, and mobile card toggle.","s":"easyui","c":"data-display/accordion","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/smart-comparison","pc":"EasyUI","lv":1},{"id":"easyui:smooth-accordion","t":"Smooth Accordion","d":"An accordion component with physics height transition, rotating chevron indicators, and accessible keyboard toggles.","s":"easyui","c":"data-display/accordion","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/smooth-accordion","pc":"EasyUI","lv":1},{"id":"easyui:sparkles-core","t":"Sparkles Core","d":"A high-performance, zero-dependency particle sparkle canvas with multi-shape geometry (circles, radiant diamond stars, cross starlets), organic twinkling, interactive cursor repuls","s":"easyui","c":"inputs/rating","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/sparkles-core","pc":"EasyUI","lv":1},{"id":"easyui:speed-warp","t":"Speed Warp","d":"A 3D perspective canvas starfield simulation that projects relativistic light streaks toward the viewer, creating an intense hyperspace or warp drive velocity effect.","s":"easyui","c":"inputs/form-field","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/speed-warp","pc":"EasyUI","lv":1},{"id":"easyui:split-button","t":"Split Button","d":"A primary action fused with a chevron trigger that reveals related actions in a spring-timed dropdown, sharing a single pill silhouette.","s":"easyui","c":"actions/button","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/split-button","pc":"EasyUI","lv":1},{"id":"easyui:spotlight-card","t":"Spotlight Card","d":"A dark elevated surface that illuminates border and inner surfaces dynamically based on mouse pointer coordinates.","s":"easyui","c":"navigation/command-palette","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/spotlight-card","pc":"EasyUI","lv":1},{"id":"easyui:spotlight-search","t":"Spotlight Search","d":"A global command palette and search overlay triggered by ⌘K featuring real-time fuzzy filtering, moving active highlight springs, kbd shortcuts, and full keyboard navigation.","s":"easyui","c":"navigation/command-palette","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/spotlight-search","pc":"EasyUI","lv":1},{"id":"easyui:spring-select","t":"SpringSelect","d":"A select dropdown whose menu follows the trigger with a tiny spring. The chevron rotates a hair past 180° before settling, and the panel slides down with a subtle overshoot.","s":"easyui","c":"inputs/select","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/spring-select","pc":"EasyUI","lv":1},{"id":"easyui:stack-unfold-panel","t":"Stack Unfold Panel","d":"A vertically stacked card deck that unfolds progressively with spring physics, shifting adjacent panels with zero layout jank.","s":"easyui","c":"media/card-stack","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/stack-unfold-panel","pc":"EasyUI","lv":1},{"id":"easyui:stacked-cards","t":"Stacked Cards","d":"A responsive, scroll-driven stacking cards component built with Tailwind CSS and Framer Motion. Cards start aligned in a column and stack gracefully on scroll without hijacking pag","s":"easyui","c":"media/card-stack","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/stacked-cards","pc":"EasyUI","lv":1},{"id":"easyui:sticky-pages","t":"Sticky Pages","d":"A pure static full-page sticky stacking scroll component where pages slide up and stack cleanly one over another without any tilting or distortion, before releasing smoothly into n","s":"easyui","c":"data-display/stat","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/sticky-pages","pc":"EasyUI","lv":1},{"id":"easyui:story-card","t":"Story Cards","d":"A responsive, accessible story cards carousel for React applications built with Tailwind CSS and Framer Motion.","s":"easyui","c":"data-display/card","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/story-card","pc":"EasyUI","lv":1},{"id":"easyui:stretch-switch","t":"StretchSwitch","d":"A toggle switch whose thumb stretches slightly while dragging or pressing, then snaps naturally to its destination via a snappy spring.","s":"easyui","c":"actions/switch","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/stretch-switch","pc":"EasyUI","lv":1},{"id":"easyui:text-scramble-decoder","t":"Text Scramble Decoder","d":"A controlled text reveal that resolves scrambled glyphs into readable copy without changing the text semantics.","s":"easyui","c":"data-display/code-block","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/text-scramble-decoder","pc":"EasyUI","lv":1},{"id":"easyui:thinking-orb","t":"Thinking Orb","d":"Minimalist monochrome spherical particle vortex with orbital physics, pure black-and-white luminous styling, and 9 cognitive state deformations.","s":"easyui","c":"ai-agent","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/thinking-orb","pc":"EasyUI","lv":1},{"id":"easyui:torque-dial","t":"Torque Dial","d":"A rotational control dial with realistic physical angular momentum, velocity tracking, and exponential friction deceleration.","s":"easyui","c":"data-viz/gauge","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/torque-dial","pc":"EasyUI","lv":1},{"id":"easyui:typewriter-button","t":"Typewriter Button","d":"An interactive button that reveals its label character-by-character with optional synthesized mechanical audio feedback.","s":"easyui","c":"actions/button","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/typewriter-button","pc":"EasyUI","lv":1},{"id":"easyui:undo-toast","t":"Undo Toast","d":"An advanced undo notification toast featuring an interactive progress countdown, pause-on-hover mechanics, action reversal animation, and versatile position anchoring.","s":"easyui","c":"overlays/toast","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/undo-toast","pc":"EasyUI","lv":1},{"id":"easyui:unfold-accordion","t":"UnfoldAccordion","d":"An accordion whose content unfolds with the chevron and spacing moving together. The chevron rotates 180° while the content height expands and the inner content slides up to close ","s":"easyui","c":"data-display/accordion","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/unfold-accordion","pc":"EasyUI","lv":1},{"id":"easyui:velocity-toast","t":"VelocityToast","d":"A toast that enters with velocity and settles, with a progress indicator that responds naturally — pauses on hover, resumes with no jump, and eases slightly in the final 10% so dis","s":"easyui","c":"overlays/toast","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/velocity-toast","pc":"EasyUI","lv":1},{"id":"easyui:wallet-card","t":"Wallet Card","d":"A premium dark wallet card with a blue radial-gradient surface, live balance display, iOS-style toggle, and a primary action button. The card surface responds to the pointer with a","s":"easyui","c":"data-display/card","a":"EasyUI","st":"reviewed","pl":"https://www.easyui.site/components/wallet-card","pc":"EasyUI","lv":1},{"id":"opensourceui:3d-button","t":"Tactile 3D","d":"Universal 3D button with tactile keycap shadows — pass any children (label, icon + label). Variants: solid, soft, muted. Sizes: sm, md, lg, icon. Press sinks the key in.","s":"opensourceui","c":"actions/button","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/3d-button","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:3d-icon-button","t":"Tactile 3D Icon","d":"Square 3D icon button — pass any icon as children and a required label for accessibility. Same solid / soft / muted materials as ThreeDButton.","s":"opensourceui","c":"actions/button","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/3d-icon-button","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:soft-ui-button","t":"Neumorphic Soft UI","d":"Universal soft-UI / neumorphic button — even light and dark shadows. Pass any children. Press flips to an inset look.","s":"opensourceui","c":"actions/button","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/soft-ui-button","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:inset-button","t":"Recessed Inset","d":"Recessed inset button — looks pressed into the surface. Light or dark variant. Pass any children.","s":"opensourceui","c":"actions/button","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/inset-button","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:soft-pill-button","t":"Floating Pill","d":"Floating rounded pill with a soft drop shadow — light or dark. Pass any children. Nudges down slightly on press.","s":"opensourceui","c":"data-display/badge","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/soft-pill-button","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:depth-outline-button","t":"Depth Outline","d":"Premium outline button with layered float depth, a soft top lip, and a press-in sink — secondary CTA that still feels tactile. Pass any children.","s":"opensourceui","c":"actions/button","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/depth-outline-button","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:sheen-pill-button","t":"Sheen Pill","d":"Frosted pill with layered shade veil, light band, and rim wire — hover brightens the sheen and clears the fill. Pass width, height, and highlight to tune the frame.","s":"opensourceui","c":"data-display/badge","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/sheen-pill-button","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:prism-depth-button","t":"Prism Depth","d":"Dark depth button with a cyan edge flare, rim glow, and layered core veil — pass any label as children.","s":"opensourceui","c":"actions/button","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/prism-depth-button","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:dimple-switch","t":"Dimple Switch","d":"Tactile switch with a dimpled knob, metallic track, and amber on-state fill. Hidden checkbox drives the slide — controlled or uncontrolled.","s":"opensourceui","c":"actions/switch","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/dimple-switch","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:cinder-latch-button","t":"Cinder Latch","d":"Charcoal latch button with a warm ember under-glow, center groove, and face sheen — built for secure-action CTAs.","s":"opensourceui","c":"actions/button","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/cinder-latch-button","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:slate-chip-switch","t":"Slate Chip Switch","d":"Smooth pill chip switch with a white thumb and sky on-state fill — a cleaner alternative to textured toggles.","s":"opensourceui","c":"data-display/badge","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/slate-chip-switch","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:linen-tab-button","t":"Linen Tab","d":"Woven linen tab with dashed stitch borders and a soft fold sheen — warm, editorial, and understated.","s":"opensourceui","c":"navigation/tabs","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/linen-tab-button","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:slide-to-confirm-button","t":"Slide to Confirm","d":"Drag the knob across the track to commit an action — snaps back if you release early, locks green when confirmed. Great for irreversible or high-intent actions.","s":"opensourceui","c":"actions/button","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/slide-to-confirm-button","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:hold-to-delete-button","t":"Hold to Delete","d":"Press and hold as a fill sweeps across; release early to cancel, hold to the end to delete. Prevents accidental destructive taps.","s":"opensourceui","c":"actions/button","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/hold-to-delete-button","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:add-to-cart-button","t":"Add to Cart","d":"Raised 3D add-to-cart key that sinks in while adding, with gentle label crossfades, then pops back up in a solid emerald added state before resetting.","s":"opensourceui","c":"actions/button","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/add-to-cart-button","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:like-button","t":"Like Toggle","d":"Heart toggle that pops and scatters particles on the way up, with a live count. Pill fills rose when active — no glow, no gradient.","s":"opensourceui","c":"actions/switch","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/like-button","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:copy-button","t":"Copy to Clipboard","d":"Copies text to the clipboard and cross-fades the copy icon into a check with a Copied label. Monospace value, resets on its own.","s":"opensourceui","c":"data-display/kanban","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/copy-button","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:quantity-stepper-button","t":"Quantity Stepper","d":"Inline minus / count / plus control for carts and forms. Clamps between min and max, disables at the edges.","s":"opensourceui","c":"navigation/wizard-steps","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/quantity-stepper-button","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:download-button","t":"Download with States","d":"Raised 3D download key that sinks while downloading — arrow morphs to spinner to check — then pops back up as a solid emerald done state.","s":"opensourceui","c":"data-display/stat","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/download-button","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:follow-button","t":"Follow Toggle","d":"Social follow toggle — dark Follow pill becomes a quiet Following state with a user-check icon. Tap again to unfollow.","s":"opensourceui","c":"actions/switch","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/follow-button","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:bookmark-save-button","t":"Bookmark Save","d":"Save for later — bookmark icon fills amber and label swaps to Saved. Square-ish control for articles and products.","s":"opensourceui","c":"actions/button","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/bookmark-save-button","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:segmented-toggle-button","t":"Segmented Control","d":"iOS segmented control — sliding white pill between Day, Week, and Month. Pass your own options array for view modes or filters.","s":"opensourceui","c":"actions/switch","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/segmented-toggle-button","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:analog-clock-roman","t":"Analog Clock — Roman","d":"A live analog clock dressed in roman numerals — classic dial, real moving hands. Swap the variant prop to match the mood of your layout.","s":"opensourceui","c":"motion/number-ticker","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/analog-clock-roman","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:analog-clock-minimal","t":"Analog Clock — Minimal","d":"Ticks and hands on a quiet face, nothing else. When you want the time to sit in the background without shouting over your UI.","s":"opensourceui","c":"motion/number-ticker","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/analog-clock-minimal","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:analog-clock-numeric","t":"Analog Clock — Numeric","d":"Arabic numerals and a live second hand on a clean analog dial. Readable from across the room, still far from a default system clock.","s":"opensourceui","c":"motion/number-ticker","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/analog-clock-numeric","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:wifi-toggle","t":"wifi-toggle","d":"The toggle you'd expect on an iPhone — network name, on/off switch, that familiar iOS weight. Drop it into any control panel or settings screen.","s":"opensourceui","c":"actions/switch","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/wifi-toggle","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:voice-assistant","t":"voice-assistant","d":"Animated equalizer bars and a mic button that flip between idle and listening. Builds the voice-AI moment without building the whole assistant.","s":"opensourceui","c":"ai-agent","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/voice-assistant","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:ios-earbuds","t":"ios-earbuds","d":"AirPods-style widget showing device name and connection status. Small, familiar, and perfect beside other iOS-style controls.","s":"opensourceui","c":"data-display/stat","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/ios-earbuds","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:recorder-face","t":"recorder-face","d":"A quirky record button with a mascot face, circular dial, and live timer. Tap to start and pause — feels like a tiny dedicated recorder app.","s":"opensourceui","c":"data-display/avatar","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/recorder-face","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:battery-face","t":"battery-face","d":"Battery level as a character — arc ring, percentage, hours left, and a face that actually looks sad when you're running low.","s":"opensourceui","c":"data-display/avatar","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/battery-face","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:compass","t":"compass","d":"A compass dial with labeled directions and a needle that follows device tilt. Pass a heading prop or let the browser handle orientation.","s":"opensourceui","c":"data-viz/gauge","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/compass","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:bluetooth-face","t":"bluetooth-face","d":"A teal mascot face that reacts when Bluetooth connects or drops. Toggle on/off with an expression change — playful, but still reads as a real status widget.","s":"opensourceui","c":"data-display/avatar","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/bluetooth-face","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:torch-face","t":"torch-face","d":"Yellow flashlight toggle with a face that lights up when the torch is on. Small detail, but the kind people notice on a control sheet.","s":"opensourceui","c":"data-display/avatar","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/torch-face","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:dnd-face","t":"dnd-face","d":"Focus mode as a purple moon mascot — tap to toggle DND and watch the expression shift. Makes a utilitarian setting feel a little human.","s":"opensourceui","c":"data-display/avatar","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/dnd-face","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:ios-digital-clock","t":"ios-digital-clock","d":"Live HH:MM in an iOS squircle with subtle tick marks around the edge. The kind of clock tile you'd find on a lock screen.","s":"opensourceui","c":"motion/number-ticker","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/ios-digital-clock","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:ios-calender","t":"ios-calender","d":"Today's date in the classic iOS calendar tile — red weekday, big day number, month underneath. Updates live, no refresh needed.","s":"opensourceui","c":"inputs/date-picker","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/ios-calender","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:stopwatch","t":"stopwatch","d":"Millisecond-precision stopwatch with reset, play-pause, and stop in a compact white widget. Running state shown with a small indicator dot.","s":"opensourceui","c":"data-display/stat","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/stopwatch","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:ios-map-location","t":"ios-map-location","d":"Map pin widget with your city name — simple location card in the iOS family. Good for travel apps, weather screens, or profile headers.","s":"opensourceui","c":"data-viz/map","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/ios-map-location","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:focus-breath","t":"focus-breath","d":"A breathing guide that pulses between inhale and exhale every four seconds. One tap to start — useful in wellness or focus flows.","s":"opensourceui","c":"status/status-dot","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/focus-breath","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:blob-profile","t":"blob-profile","d":"Profile card with an organic blob-shaped photo frame, name, verified check, and handle. Stands out from every circular-avatar layout on the web.","s":"opensourceui","c":"inputs/file-upload","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/blob-profile","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:editorial-staff-profile","t":"editorial-staff-profile","d":"Numbered editorial roster row with serif name, uppercase role, and a square photo. Built for about pages and team indexes.","s":"opensourceui","c":"inputs/file-upload","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/editorial-staff-profile","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:user-profile","t":"user-profile","d":"Author byline on warm editorial paper — square portrait, serif name, and text links. Built for personal sites and portfolio sidebars.","s":"opensourceui","c":"inputs/file-upload","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/user-profile","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:contact-profile","t":"contact-profile","d":"Museum placard contact directory — mono labels, serif name, and typographic rows without icon clutter.","s":"opensourceui","c":"inputs/file-upload","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/contact-profile","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:team-member-profile-grid","t":"team-member-profile-grid","d":"Responsive team grid with vertical portrait cards — section header plus name, role, bio, and profile link per member.","s":"opensourceui","c":"data-display/avatar","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/team-member-profile-grid","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:mac-dock","t":"mac-dock","d":"Frosted macOS-style app dock with smooth hover lift, tooltips, and brand icons — Tailwind-only, no motion library.","s":"opensourceui","c":"navigation/dock","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/mac-dock","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:app-dock","t":"app-dock","d":"Bottom app launcher dock matching MacDock shell, spacing, and hover lift — with active state and optional labels.","s":"opensourceui","c":"navigation/dock","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/app-dock","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:editor-tool-dock","t":"editor-tool-dock","d":"Vertical editor tool dock using MacDock tile size, padding, and ease-smooth hover scale.","s":"opensourceui","c":"navigation/dock","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/editor-tool-dock","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:presence-dock","t":"presence-dock","d":"Collaborator presence dock with MacDock-sized avatar tiles and expandable member list.","s":"opensourceui","c":"navigation/dock","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/presence-dock","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:spotlight-bar","t":"spotlight-bar","d":"Spotlight-style command search in the frosted dock shell — keyboard nav and suggestions.","s":"opensourceui","c":"navigation/command-palette","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/spotlight-bar","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:step-count","t":"step-count","d":"Editorial step stat — light wide card, large number, goal in a quiet footer row. No progress bars or icons.","s":"opensourceui","c":"motion/number-ticker","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/step-count","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:pomodoro","t":"pomodoro","d":"Dark pomodoro timer — thin ring, split monospace time, tap to start or pause. Polished to match the DND card size and proportions.","s":"opensourceui","c":"inputs/time-picker","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/pomodoro","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:hydration","t":"hydration","d":"Tall bottle card — count at the top, water level rises inside a simple bottle outline. Tap to log a glass.","s":"opensourceui","c":"motion/number-ticker","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/hydration","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:sleep-score","t":"sleep-score","d":"Sleep score in the DND face layout — sleeping mascot at the bottom, score and quality above, duration tucked below.","s":"opensourceui","c":"data-display/avatar","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/sleep-score","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:heart-rate","t":"heart-rate","d":"Heart rate in the DND face layout — mascot at the bottom, BPM above the dial, soft pulse on the ring.","s":"opensourceui","c":"data-display/avatar","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/heart-rate","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:daily-activity-calendar","t":"daily-activity-calendar","d":"Month grid for the current month — today is highlighted in orange, with a short emerald streak on prior days. Pass activeDays or highlightDay to override.","s":"opensourceui","c":"data-display/timeline","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/daily-activity-calendar","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:month-picker-calendar","t":"month-picker-calendar","d":"Full month picker with prev/next navigation — tap any day to select it, today gets a quiet ring.","s":"opensourceui","c":"inputs/date-picker","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/month-picker-calendar","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:week-strip-calendar","t":"week-strip-calendar","d":"Horizontal week strip for booking and scheduling apps — arrow through weeks, tap a day to select.","s":"opensourceui","c":"inputs/date-picker","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/week-strip-calendar","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:date-range-picker","t":"date-range-picker","d":"Travel-style date range picker — first tap sets check-in, second sets check-out, days between fill in.","s":"opensourceui","c":"inputs/date-range","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/date-range-picker","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:team-members-table","t":"team-members-table","d":"Team members with profile photos, email, role, and status. Uses /profile-picture.png and /woman.png avatars.","s":"opensourceui","c":"data-display/table","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/team-members-table","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:orders-table","t":"orders-table","d":"E-commerce orders table — sort by date, total, or status. The standard admin dashboard orders view.","s":"opensourceui","c":"data-display/table","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/orders-table","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:users-select-table","t":"users-select-table","d":"Bulk-select users table with header checkbox and live selection count. Clean white admin pattern for permissions or exports.","s":"opensourceui","c":"data-display/table","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/users-select-table","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:recent-transactions-table","t":"recent-transactions-table","d":"Stripe-style transaction list with positive and negative amounts and simple pagination.","s":"opensourceui","c":"data-display/table","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/recent-transactions-table","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:tasks-table","t":"tasks-table","d":"Project tasks with checkboxes, assignee avatars, and due dates. Tap to mark complete.","s":"opensourceui","c":"data-display/table","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/tasks-table","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:customers-table","t":"customers-table","d":"SaaS customer list with plan, last active, and MRR. Common billing dashboard table.","s":"opensourceui","c":"data-display/table","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/customers-table","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:resource-links-panel","t":"resource-links-panel","d":"Resource link list with logo, name, description, and domain per row — same layout as the homepage Resources section. Copy and pass title + items.","s":"opensourceui","c":"layout/split-pane","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/resource-links-panel","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:event-countdown-card","t":"event-countdown-card","d":"Live countdown to an event — days, hours, and minutes update every minute. Editorial typography, no ticker gimmicks.","s":"opensourceui","c":"motion/number-ticker","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/event-countdown-card","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:booking-slot-calendar","t":"booking-slot-calendar","d":"Appointment booking flow — week strip on top, time slots below. Unavailable slots are crossed out, tap to book.","s":"opensourceui","c":"inputs/date-picker","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/booking-slot-calendar","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:audio-recorder","t":"audio-recorder","d":"Dark recording card with title, date, animated red waveform, and elapsed time. Play and pause feel like a native voice memo app.","s":"opensourceui","c":"media/player","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/audio-recorder","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:flight-arrival","t":"flight-arrival","d":"Countdown to landing with departure and arrival airports and a plane moving along a progress bar. Built for travel dashboards and trip widgets.","s":"opensourceui","c":"data-display/kanban","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/flight-arrival","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:minimal-agenda","t":"minimal-agenda","d":"Today's tasks with times — tap a row to mark it done with a strikethrough and checkmark. Clean enough for a daily planner sidebar.","s":"opensourceui","c":"data-display/calendar","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/minimal-agenda","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:ride-pickup","t":"ride-pickup","d":"Uber-style pickup card with brand, ETA, car illustration, and vehicle ID. The waiting-screen moment, ready to paste into a mobility app.","s":"opensourceui","c":"data-display/card","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/ride-pickup","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:electric-scooter","t":"electric-scooter","d":"Ride summary with scooter photo, distance, average speed, and duration. Leaf icon included — built for micro-mobility or fitness stats.","s":"opensourceui","c":"data-display/stat","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/electric-scooter","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:laptop","t":"Apple Macbook","d":"MacBook Pro frame wrapping your screenshot — black lid and bezel with a gray outer frame and base. Pass variant=\"titanium\" for a titanium outer frame and base.","s":"opensourceui","c":"motion/tilt-3d","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/laptop","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:phone","t":"Apple iPhone","d":"iPhone 15 Pro frame with Dynamic Island and a full-screen preview slot. Pass variant for purple, orange, white, titanium, or cherry finishes. Use visibleRatio to crop from the top,","s":"opensourceui","c":"inputs/slider","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/phone","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:ipad","t":"Apple iPad","d":"iPad Air frame with metallic bezel, top-edge buttons, and a full-screen preview slot. Pass variant for space gray, space black, silver, starlight, blue, purple, pink, or yellow fin","s":"opensourceui","c":"actions/switch","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/ipad","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:apple-watch","t":"Apple Watch","d":"Apple Watch frame with sport band and a rounded display slot for your UI. Pass variant for black, silver, titanium, starlight, blue, gold, or rose finishes.","s":"opensourceui","c":"unsorted","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/apple-watch","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:browser","t":"Apple Browser","d":"Desktop browser chrome with traffic lights and a URL bar framing your website screenshot. Pass theme for light, dark, or transparent chrome.","s":"opensourceui","c":"data-display/list","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/browser","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:ipod","t":"Apple iPod","d":"Classic iPod frame with a screen slot and click wheel — silver, black, white, pink, blue, green, or red finishes. Drop any UI into the screen area.","s":"opensourceui","c":"unsorted","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/ipod","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:polaroid-image","t":"polaroid-image","d":"Classic white polaroid with photo, caption, and date — slight tilt that straightens on hover. Nostalgic without feeling like a filter preset.","s":"opensourceui","c":"media/gallery","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/polaroid-image","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:notepad","t":"notepad","d":"Sticky notepad with an italic quote, author line, and checkbox task list. Bookmark ribbon on top — good for editorial or productivity layouts.","s":"opensourceui","c":"inputs/textarea","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/notepad","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:thermal-receipt","t":"thermal-receipt","d":"Monospace receipt with line items, tax, total, perforated edges, and a QR footer. Reads like paper from a real register.","s":"opensourceui","c":"actions/button","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/thermal-receipt","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:weather-snapshot","t":"Weather Snapshot","d":"Compact weather card with temperature, highs/lows, humidity, and wind — clear or rain variants.","s":"opensourceui","c":"data-display/card","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/weather-snapshot","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:instagram-post","t":"instagram-post","d":"Full Instagram post layout — header, square image, action icons, like count, caption, and timestamp. Looks native, props for your content.","s":"opensourceui","c":"navigation/top-nav","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/instagram-post","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:threads-post","t":"threads-post","d":"Threads-style post with avatar thread line, text, optional image, and engagement counts. Like toggles on tap.","s":"opensourceui","c":"data-display/chat-thread","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/threads-post","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:now-playing-bar","t":"now-playing-bar","d":"Compact dark player bar with artwork, track info, transport controls, and a scrubber. The footer bar every music app eventually needs.","s":"opensourceui","c":"data-viz/chart","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/now-playing-bar","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:twitter-post","t":"twitter-post","d":"Tweet card with avatar, handle, timestamp, hashtags, and full engagement row. For social embeds, mockups, or feed previews.","s":"opensourceui","c":"data-display/timeline","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/twitter-post","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:film-strip","t":"film-strip","d":"Horizontal 35mm strip with sprocket holes and multiple frames. Roll label up top — great for photo galleries and vintage layouts.","s":"opensourceui","c":"inputs/form-field","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/film-strip","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:github-contribution","t":"github-contribution","d":"GitHub-style contribution heatmap with year selector, total count, and Less/More legend. Pulls real data when you pass a username.","s":"opensourceui","c":"data-viz/chart","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/github-contribution","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:apple-notification","t":"apple-notification","d":"Frosted iOS notification with app name, sender, message, and avatar — dismisses with animation and can be triggered again via button.","s":"opensourceui","c":"overlays/toast","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/apple-notification","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:toast-notification","t":"toast-notification","d":"Light snackbar with check icon — message, undo action, slides up on dismiss. For save confirmations and quick feedback.","s":"opensourceui","c":"overlays/toast","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/toast-notification","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:email-notification","t":"email-notification","d":"Mail alert on the iOS grid — sender avatar, app name header, natural from: subject — preview body line.","s":"opensourceui","c":"overlays/toast","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/email-notification","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:system-alert","t":"system-alert","d":"Settings-style iOS alert — amber app tile, title: description in one natural line. For storage, limits, and warnings.","s":"opensourceui","c":"overlays/alert-banner","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/system-alert","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:chat-bubble-notification","t":"chat-bubble-notification","d":"Messenger-style bubble — small avatar, sender name, rounded message bubble with a flat tail corner.","s":"opensourceui","c":"overlays/toast","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/chat-bubble-notification","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:deploy-notification","t":"deploy-notification","d":"Deploy alert on the iOS grid — Vercel triangle tile, short status line with project, branch, and duration.","s":"opensourceui","c":"overlays/toast","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/deploy-notification","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:calendar-reminder-notification","t":"calendar-reminder-notification","d":"Calendar reminder on the iOS grid — red app tile, event name, and time until it starts.","s":"opensourceui","c":"overlays/toast","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/calendar-reminder-notification","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:payment-notification","t":"payment-notification","d":"Payment received on the iOS grid — emerald tile, amount, and sender name.","s":"opensourceui","c":"overlays/toast","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/payment-notification","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:incoming-call-notification","t":"incoming-call-notification","d":"Incoming call card — large avatar, caller name, FaceTime label, Accept and Decline buttons.","s":"opensourceui","c":"overlays/toast","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/incoming-call-notification","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:delivery-notification","t":"delivery-notification","d":"Shipping update — package icon, delivery status, ETA, and order number in a compact row.","s":"opensourceui","c":"overlays/toast","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/delivery-notification","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:file-menu","t":"file-menu","d":"Folder icon you can right-click or tap to open a centered action menu — edit, duplicate, pin, move, delete. Keyboard-friendly item hints included.","s":"opensourceui","c":"navigation/menu","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/file-menu","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:user-menu","t":"user-menu","d":"Account pill with avatar, name, and email that opens into profile, settings, messages, and sign out. The header dropdown every SaaS app needs, with keyboard shortcut labels.","s":"opensourceui","c":"navigation/menu","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/user-menu","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:kebab-actions","t":"kebab-actions","d":"List row that expands inline — actions open inside the same card so widths always align.","s":"opensourceui","c":"data-display/card","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/kebab-actions","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:share-menu","t":"share-menu","d":"Square icon trigger opens a horizontal brand rail — four social tiles in a row plus a full-width copy button.","s":"opensourceui","c":"navigation/menu","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/share-menu","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:notification","t":"notification","d":"Square bell trigger with a gray inset tray — each notification is a small bordered card inside the panel.","s":"opensourceui","c":"overlays/toast","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/notification","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:filter-sort","t":"filter-sort","d":"Native select-style box — dropdown is flush below the trigger with matching width and a left-border active state.","s":"opensourceui","c":"navigation/menu","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/filter-sort","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:workspace-switcher","t":"workspace-switcher","d":"Rectangular org bar that expands inline — workspace list opens inside the same bordered box, not a floating panel.","s":"opensourceui","c":"actions/switch","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/workspace-switcher","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:cinema-ticket","t":"cinema-ticket","d":"Split cinema ticket with film title, venue, screen, seats, show time, and a perforated stub. Dark ticket stock that feels printed, not flat.","s":"opensourceui","c":"inputs/time-picker","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/cinema-ticket","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:wallet-pass","t":"wallet-pass","d":"Flippable membership pass — gradient front with tier and expiry, QR grid on the back. Tap or hover to flip between sides.","s":"opensourceui","c":"inputs/color-picker","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/wallet-pass","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:credit-card-glass","t":"credit-card-glass","d":"Glassmorphism payment card with chip, masked number, holder name, and expiry. Glow on hover — fintech landing pages eat this up.","s":"opensourceui","c":"data-display/card","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/credit-card-glass","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:drop-cap-editorial","t":"drop-cap-editorial","d":"Editorial quote block with a large drop-cap letter, body text, and author attribution. Magazine typography without opening InDesign.","s":"opensourceui","c":"inputs/textarea","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/drop-cap-editorial","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:editorial-quote","t":"editorial-quote","d":"Pull quote with issue metadata and a highlighted word inside the line — author and role at the bottom. Built for case studies and long reads.","s":"opensourceui","c":"inputs/textarea","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/editorial-quote","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:discord-chat","t":"discord-chat","d":"Dark Discord channel with server header, threaded messages, avatars, timestamps, and a send input. Community product mockups in one card.","s":"opensourceui","c":"data-display/chat-thread","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/discord-chat","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:linked-in-profile","t":"linked-in-profile","d":"LinkedIn profile card with cover photo, avatar, headline, stats, bio, and Connect/Message buttons. Professional social, component-sized.","s":"opensourceui","c":"inputs/file-upload","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/linked-in-profile","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:facebook-post","t":"facebook-post","d":"Facebook feed post with reactions, comments, share counts, optional image, and the full action bar. Familiar layout, your content.","s":"opensourceui","c":"data-display/avatar","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/facebook-post","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:twitter-profile","t":"twitter-profile","d":"Twitter/X profile with cover, avatar, bio, location, website link, and follower counts. Follow button included.","s":"opensourceui","c":"inputs/file-upload","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/twitter-profile","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:event-ticket","t":"event-ticket","d":"Perforated event ticket with a cover-image date block and VIP pass details on the right. Concert, conference, or launch night — same component.","s":"opensourceui","c":"inputs/date-picker","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/event-ticket","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:flight-boarding","t":"flight-boarding","d":"Airline boarding pass with tear line, route codes, seat, gate, boarding time, and passenger name. Travel mockups that feel airport-real.","s":"opensourceui","c":"data-display/kanban","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/flight-boarding","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:gallery-grid","t":"gallery-grid","d":"Album preview with title, subtitle, and a three-cell photo grid — last cell shows a +N overflow count. Portfolio and gallery index pages.","s":"opensourceui","c":"media/gallery","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/gallery-grid","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:glass-overlay-image","t":"glass-overlay-image","d":"Full-bleed photo with frosted bottom panel — location, title, saved avatars, and Explore CTA. Like and share buttons float top-right.","s":"opensourceui","c":"media/gallery","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/glass-overlay-image","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:photo-album","t":"photo-album","d":"Swipeable square photo carousel with place and date caption plus dot indicators. Swap in your own photos and tell a travel story.","s":"opensourceui","c":"media/gallery","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/photo-album","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:magazine-cover","t":"magazine-cover","d":"Tall magazine cover with issue badge, category, title, author, and read time. Hover zoom on the cover image — editorial hero material.","s":"opensourceui","c":"data-display/badge","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/magazine-cover","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:stacked-folder-card","t":"stacked-folder-card","d":"Three stacked folder cards with thick white borders and smooth hover rotation — back and middle peeks bring any card to the front.","s":"opensourceui","c":"media/card-stack","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/stacked-folder-card","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:ink-stamp-document","t":"Ink Stamp Document","d":"Paper filing card with reference metadata and a rotated approval stamp — contracts, invoices, and admin dashboards.","s":"opensourceui","c":"ai-agent","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/ink-stamp-document","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:opensource-folder-tab-card","t":"opensource-folder-tab-card","d":"Folder tab card with black frame, top-half image, and dark panel showing library stats. Opensource App branding by default.","s":"opensourceui","c":"navigation/tabs","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/opensource-folder-tab-card","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:journal-writing","t":"journal-writing","d":"Journal card with title, date header, editable textarea, live word count, and saving status. The writing flow, not just a static textarea mockup.","s":"opensourceui","c":"navigation/top-nav","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/journal-writing","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:terminal-log","t":"terminal-log","d":"macOS terminal window with traffic-light dots, colored log lines, blinking cursor, and status footer. Dev tool aesthetic for changelogs or demos.","s":"opensourceui","c":"data-display/timeline","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/terminal-log","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:keyboard-shortcuts","t":"keyboard-shortcuts","d":"Shortcut reference card with rendered key caps and a ⌘K header hint. Docs pages and onboarding modals use this constantly.","s":"opensourceui","c":"data-display/kanban","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/keyboard-shortcuts","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:github-repo","t":"github-repo","d":"GitHub repo card with owner, description, language dot, star/fork counts, and a toggleable Star button. Open source landing pages, simplified.","s":"opensourceui","c":"inputs/rating","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/github-repo","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:museum-placard","t":"Museum Placard","d":"Gallery exhibition label that flips to reveal curator notes and acquisition details. Art portfolios and culture sites love this interaction.","s":"opensourceui","c":"data-display/card","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/museum-placard","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:gallery-wall","t":"Gallery Wall","d":"Gallery wall mat with cream matting, artwork preview, and caption block — clean exhibition styling.","s":"opensourceui","c":"media/gallery","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/gallery-wall","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:linked-in-post","t":"linked-in-post","d":"LinkedIn feed post with headline, body text, link preview card, reaction counts, and like/comment/repost/send actions.","s":"opensourceui","c":"data-display/timeline","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/linked-in-post","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:transform-box-frame","t":"Transform Box Frame","d":"Design-tool bounding box with separate line and handle colors — defaults to all black; pass lineColor and handleColor for dual-tone frames.","s":"opensourceui","c":"inputs/form-field","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/transform-box-frame","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:transform-plus-frame","t":"Transform Plus Frame","d":"Bounding box with plus corner handles — thicker handle strokes than border lines. Defaults to all black; pass lineColor and handleColor for dual-tone frames.","s":"opensourceui","c":"inputs/form-field","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/transform-plus-frame","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:sticky-note-polaroid-frame","t":"Sticky Note Polaroid Frame","d":"Polaroid-style frame with a paper-clipped sticky note overlay — pass noteHeader, noteBody, noteFooter, and any image or video as children.","s":"opensourceui","c":"navigation/top-nav","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/sticky-note-polaroid-frame","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:hard-shadow-polaroid-frame","t":"Hard Shadow Polaroid Frame","d":"Polaroid frame with a crisp inner border, thick caption chin, and hard offset shadow — pass caption and any image or video as children.","s":"opensourceui","c":"media/gallery","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/hard-shadow-polaroid-frame","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:circle-cut-frame","t":"Circle Cut Frame","d":"Ticket-style frame with circle-cut edges on all sides — defaults to white; pass width, height, frameColor, and any image, video, or content as children.","s":"opensourceui","c":"inputs/color-picker","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/circle-cut-frame","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:music-player","t":"music-player","d":"Full dark player card with cover art, album info, progress scrubber with times, and transport controls. Not a bar — the whole now-playing screen.","s":"opensourceui","c":"media/player","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/music-player","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:photo-contact-sheet","t":"photo-contact-sheet","d":"Film contact sheet with a 2×2 numbered frame grid and roll label header. Photographer portfolio vibes, straight from the darkroom.","s":"opensourceui","c":"overlays/sheet","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/photo-contact-sheet","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:music-playlist","t":"music-playlist","d":"Playlist card with cover, header stats, and a track list where each row toggles play independently. One component, full playlist UI.","s":"opensourceui","c":"media/player","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/music-playlist","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:stacked-cards-effect","t":"stacked-cards-effect","d":"Three skewed cards fanned behind a front hero card — hover brings subtle motion. Collection and portfolio layouts with depth, no Three.js required.","s":"opensourceui","c":"media/card-stack","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/stacked-cards-effect","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:retail-price-tag","t":"retail-price-tag","d":"Hanging store tag with discount badge, sale price, SKU, and barcode stripes. E-commerce editorial and product drops.","s":"opensourceui","c":"data-display/badge","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/retail-price-tag","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:stamp-postcard","t":"stamp-postcard","d":"Vintage postcard with landscape photo, postage stamp overlay, handwritten message, and posted-from address. Travel and lifestyle brands love this one.","s":"opensourceui","c":"data-display/card","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/stamp-postcard","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:progress-ring","t":"progress-ring","d":"Animated SVG ring with percentage label and clickable stage rows below. Defaults to Design/Development/Testing — pass your own milestones.","s":"opensourceui","c":"data-viz/progress-bar","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/progress-ring","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:team-member","t":"team-member","d":"Full-bleed portrait card — hover reveals GitHub and mail buttons, role, name, and bio. About pages without the generic card grid.","s":"opensourceui","c":"data-display/avatar","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/team-member","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:testimonial","t":"testimonial","d":"Auto-advancing testimonial carousel with stars, quote, avatar, and dot navigation. Social proof that moves on its own.","s":"opensourceui","c":"marketing","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/testimonial","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:toggle-pricing-cards","t":"toggle-pricing-cards","d":"Monthly and yearly billing toggle that updates three plan cards side by side — price and feature checklist included. SaaS pricing page, one paste away.","s":"opensourceui","c":"actions/switch","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/toggle-pricing-cards","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:travel-postcard","t":"travel-postcard","d":"Vintage sepia postcard with map badge, greeting title, location, and author signature. Wanderlust landing pages and newsletter headers.","s":"opensourceui","c":"data-display/card","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/travel-postcard","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:slow-living-polaroid","t":"slow-living-polaroid","d":"Dark editorial layout with a taped, tilted polaroid and lowercase lifestyle copy. Slow living, coffee brands, quiet product launches.","s":"opensourceui","c":"inputs/textarea","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/slow-living-polaroid","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:denim-product-editorial","t":"denim-product-editorial","d":"Fashion editorial with two square photos, rotated callout labels, and uppercase product description. Lookbook energy for apparel and accessories.","s":"opensourceui","c":"inputs/textarea","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/denim-product-editorial","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:daily-motivation","t":"daily-motivation","d":"Editorial poster with multi-line headline, flower icon, tilted polaroid, and a GOOD DAY sticker. Morning routine apps and wellness newsletters.","s":"opensourceui","c":"inputs/textarea","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/daily-motivation","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:cafe-menu-board","t":"Cafe Menu Board","d":"Dark chalkboard-style menu with cafe header, item notes, and amber price accents — hospitality and local brand sites.","s":"opensourceui","c":"navigation/menu","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/cafe-menu-board","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:annotated-text","t":"annotated-text","d":"Hand-drawn text annotations — wavy underlines, highlights, arrows, brackets, and more. Pass variant and optional color to style any inline label or callout.","s":"opensourceui","c":"motion/text-effect","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/annotated-text","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:otp-boxed-input","t":"otp-boxed-input","d":"Full email verification card with icon header, destination text, animated square cells, progress dots, shake-on-error, and resend countdown.","s":"opensourceui","c":"inputs/otp-input","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/otp-boxed-input","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:otp-underline-input","t":"otp-underline-input","d":"Editorial underline OTP with serif heading and animated focus rules. Same edge-case handling as boxed — typing, delete, paste, and one-time-code autocomplete.","s":"opensourceui","c":"inputs/otp-input","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/otp-underline-input","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:text-field-input","t":"text-field-input","d":"Standard labeled text field with hint and error states. Supports all native input types, required marker, disabled, and full a11y wiring.","s":"opensourceui","c":"inputs/form-field","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/text-field-input","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:search-input","t":"search-input","d":"Search field with leading icon and clear button. Controlled or uncontrolled value, hidden native cancel, and keyboard-friendly reset.","s":"opensourceui","c":"inputs/search","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/search-input","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:password-field-input","t":"password-field-input","d":"Password input with show/hide toggle, hint text, and error state. Keeps autocomplete defaults and accessible visibility control.","s":"opensourceui","c":"inputs/form-field","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/password-field-input","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:textarea-field-input","t":"textarea-field-input","d":"Multiline field with live character count, max length guard, resize support, and the same label/hint/error pattern as text fields.","s":"opensourceui","c":"inputs/textarea","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/textarea-field-input","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:input-group-field","t":"input-group-field","d":"Grouped input with prefix and suffix slots — URLs, currency, units. Wrapper border highlights on focus; inputs use border-only focus with ring-0.","s":"opensourceui","c":"inputs/form-field","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/input-group-field","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:floating-label-field-input","t":"floating-label-field-input","d":"Outlined floating label that rests on the border notch when focused or filled — matches Material-style fields with autofill detection.","s":"opensourceui","c":"inputs/form-field","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/floating-label-field-input","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:select-field-input","t":"select-field-input","d":"Custom listbox select with styled dropdown, keyboard navigation, click-outside close, and hidden input for native form posts.","s":"opensourceui","c":"inputs/select","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/select-field-input","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:phone-field-input","t":"phone-field-input","d":"Phone field with dial-code prefix and live US-style formatting. Returns raw digits via onChange for validation and API calls.","s":"opensourceui","c":"inputs/form-field","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/phone-field-input","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:checkbox-field-input","t":"checkbox-field-input","d":"Accessible checkbox with custom mark, inline label, hint, and error. Controlled or uncontrolled checked state.","s":"opensourceui","c":"inputs/checkbox","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/checkbox-field-input","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:switch-field-input","t":"switch-field-input","d":"Toggle switch with role=switch, keyboard support, hidden input for forms, and label/hint/error layout.","s":"opensourceui","c":"inputs/form-field","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/switch-field-input","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:combobox-field-input","t":"combobox-field-input","d":"Searchable combobox with filtered listbox, keyboard navigation, click-outside close, and hidden field for form posts.","s":"opensourceui","c":"inputs/combobox","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/combobox-field-input","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:radio-group-field-input","t":"radio-group-field-input","d":"Card-style radio group for checkout and settings flows. Vertical or horizontal layout, descriptions, and arrow-key navigation.","s":"opensourceui","c":"inputs/radio","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/radio-group-field-input","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:file-upload-field-input","t":"file-upload-field-input","d":"Card-style file upload with drag-and-drop zone, browse button, format/size hints, typed file rows, and remove actions.","s":"opensourceui","c":"inputs/file-upload","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/file-upload-field-input","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:date-field-input","t":"date-field-input","d":"Custom calendar popover with month navigation, today shortcut, min/max limits, and styled day grid — no native browser picker.","s":"opensourceui","c":"inputs/date-picker","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/date-field-input","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:login-form","t":"login-form","d":"Production login form with email/password validation, remember me, show password, loading state, and forgot-password link.","s":"opensourceui","c":"inputs/form-field","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/login-form","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:signup-form","t":"signup-form","d":"Registration form with name, email, password strength rules, confirm password match, and required terms acceptance.","s":"opensourceui","c":"inputs/form-field","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/signup-form","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:contact-form","t":"contact-form","d":"Contact form with honeypot spam guard, character count, field validation, loading state, and success confirmation screen.","s":"opensourceui","c":"inputs/form-field","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/contact-form","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:newsletter-form","t":"newsletter-form","d":"Email subscribe form with inline button, validation, privacy note, and inline success message — built for footers and landing pages.","s":"opensourceui","c":"inputs/form-field","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/newsletter-form","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:forgot-password-form","t":"forgot-password-form","d":"Password reset request form with email validation, loading state, success screen, and back-to-login navigation.","s":"opensourceui","c":"inputs/form-field","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/forgot-password-form","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:apple-hello-loader","t":"Apple Hello Loader","d":"Apple-style greeting loader that cycles through hello, bonjour, hola, and more with a soft fade. Pass greetings, intervalMs, and fadeMs to tune the loop.","s":"opensourceui","c":"status/loader","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/apple-hello-loader","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:spin-loader","t":"Spin Loader","d":"Minimal spinning loader built on a lucide icon — defaults to Loader, but pass any icon prop. Sizes: sm, md, lg.","s":"opensourceui","c":"status/loader","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/spin-loader","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:text-loader","t":"Text Loader","d":"Animated text loader with a spinning color orb and staggered letter pulses. Pass text, variant, and textColor to match your UI.","s":"opensourceui","c":"status/loader","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/text-loader","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:aurora-background","t":"Aurora Background","d":"Soft aurora wash with lime, mint, cyan, and blue blobs over a warm paper base — wrap any page section or hero and pass children on top.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/aurora-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:coral-glow-background","t":"Coral Glow","d":"Warm aurora wash in rose, peach, coral, and gold over a blush paper base — beauty, lifestyle, and invitation hero sections.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/coral-glow-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:mint-lagoon-background","t":"Mint Lagoon","d":"Cool aurora wash in emerald, teal, cyan, and mint over a fresh white base — wellness, spa, and clean product launches.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/mint-lagoon-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:sunset-bloom-background","t":"Sunset Bloom","d":"Golden-hour aurora with orange, rose, amber, and sun yellow blooms — events, photography, and warm brand storytelling.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/sunset-bloom-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:honey-ember-background","t":"Honey Ember","d":"Cozy aurora glow in honey, amber, ember orange, and soft rose over warm ivory — food, bakery, and autumn campaigns.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/honey-ember-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:tropical-tide-background","t":"Tropical Tide","d":"Vibrant aurora wash in turquoise, lime, sky blue, and sea green — travel, resorts, and summer product drops.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/tropical-tide-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:sunrise-horizon-background","t":"Sunrise Horizon","d":"Warm dawn sky with peach horizon bands, a soft sun glow, and cool teal lift at the base — editorial hero sections and landing pages.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/sunrise-horizon-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:linen-weave-background","t":"Linen Weave","d":"Warm editorial linen with crosshatch weave, soft paper grain, and a gentle vignette — portfolios, magazines, and craft-brand pages.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/linen-weave-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:sand-drift-background","t":"Sand Drift","d":"Layered desert dunes in stone and amber tones with fine grain — travel, hospitality, and calm wellness layouts.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/sand-drift-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:frost-mesh-background","t":"Frost Mesh","d":"Cool frost-white mesh with teal and emerald corner washes — SaaS dashboards, health apps, and minimal product launches.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/frost-mesh-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:terrazzo-fragment-background","t":"Terrazzo Fragment","d":"Stone terrazzo base with scattered rose, teal, amber, and clay fragments — interior brands, cafés, and design studios.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/terrazzo-fragment-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:rain-prism-background","t":"Rain Prism","d":"Moody rainfall with angled streaks and a soft prism band across the scene — music, film, and reflective editorial layouts.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/rain-prism-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:cherry-petal-background","t":"Cherry Petal","d":"Soft spring canvas with drifting cherry petals and a blush radial glow — weddings, florists, and seasonal campaigns.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/cherry-petal-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:ink-wash-background","t":"Ink Wash","d":"Minimal sumi-e ink clouds in soft stone gray on warm paper — galleries, studios, and calm editorial layouts.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/ink-wash-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:halftone-pop-background","t":"Halftone Pop","d":"Risograph-style halftone dots in rose, teal, and amber on cream — posters, zines, and bold creative brands.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/halftone-pop-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:paper-fold-background","t":"Paper Fold","d":"Tactile cardstock with a diagonal crease, soft highlight, and shadow — invitations, stationery, and craft portfolios.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/paper-fold-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:soft-spotlight-background","t":"Soft Spotlight","d":"Gallery stage light from above with a gentle vignette — product reveals, keynote heroes, and museum-style layouts.","s":"opensourceui","c":"navigation/command-palette","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/soft-spotlight-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:arc-bands-background","t":"Arc Bands","d":"Retro poster arcs with sky, teal, amber, and rose blending in soft radial gradients from the base — festivals, launches, and playful brand moments.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/arc-bands-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:dark-aurora-background","t":"Dark Aurora","d":"Charcoal stage with soft teal, cyan, and emerald aurora blooms — premium dark hero sections and product launches.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/dark-aurora-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:dark-ember-background","t":"Dark Ember","d":"Warm noir base with amber, ember orange, and rose glow pools — luxury dining, nightlife, and editorial dark modes.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/dark-ember-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:dark-teal-depth-background","t":"Dark Teal Depth","d":"Deep oceanic black with layered teal and cyan depth blooms — fintech, dev tools, and refined SaaS dark themes.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/dark-teal-depth-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:dark-arc-bands-background","t":"Dark Arc Bands","d":"Blended sky, teal, amber, and rose arcs on a midnight base — cinematic dark posters and event keynotes.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/dark-arc-bands-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:dark-carbon-spotlight-background","t":"Dark Carbon Spotlight","d":"Carbon black stage with a soft overhead spotlight and vignette — product reveals, keynotes, and gallery dark modes.","s":"opensourceui","c":"navigation/command-palette","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/dark-carbon-spotlight-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:dark-midnight-mesh-background","t":"Dark Midnight Mesh","d":"Midnight frost mesh with whisper-soft grid, teal and sky blooms, and a gentle vignette — dashboards, terminals, and refined dark UI.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/dark-midnight-mesh-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:dark-ink-field-background","t":"Dark Ink Field","d":"Near-black canvas with soft graphite ink washes — galleries, studios, and minimal dark editorial layouts.","s":"opensourceui","c":"inputs/form-field","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/dark-ink-field-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:dark-rose-noir-background","t":"Dark Rose Noir","d":"Elegant noir with restrained rose and crimson bloom accents — fashion, beauty, and premium dark branding.","s":"opensourceui","c":"motion/background","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/dark-rose-noir-background","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:diagonal-box-pattern","t":"Diagonal Box","d":"Classic 45° hairline hatch on white — the same quiet stage used across marketing mockups and component previews.","s":"opensourceui","c":"unsorted","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/diagonal-box-pattern","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:reverse-diagonal-box-pattern","t":"Reverse Diagonal Box","d":"Mirrored 45° hairline hatch — same quiet stage as Diagonal Box, rotated right to left for visual variety.","s":"opensourceui","c":"unsorted","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/reverse-diagonal-box-pattern","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:dot-grid-pattern","t":"Dot Grid","d":"Soft dotted grid on neutral paper — watch mockup stages, device demos, and minimal product sections.","s":"opensourceui","c":"layout/page-shell","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/dot-grid-pattern","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:line-grid-pattern","t":"Line Grid","d":"Horizontal ruled lines with a soft paper gradient — editorial layouts, docs, and notebook-style sections.","s":"opensourceui","c":"layout/page-shell","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/line-grid-pattern","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:graph-paper-pattern","t":"Graph Paper","d":"Clean square grid for sketches, wireframes, and planning boards — subtle ink lines on white.","s":"opensourceui","c":"data-viz/chart","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/graph-paper-pattern","pc":"OpenSourceUI","lv":1},{"id":"opensourceui:fine-grain-pattern","t":"Fine Grain","d":"Micro dot grain for a film-paper feel — hero backgrounds that need texture without competing with content.","s":"opensourceui","c":"marketing","a":"OpenSourceUI","st":"reviewed","pl":"https://opensourceui.in/components/fine-grain-pattern","pc":"OpenSourceUI","lv":1},{"id":"feralui:pullcord","t":"PullCord","d":"A cloth cord that really hangs, driven by a real Verlet rope. Pull it to switch the site between light and dark.","k":"toy","s":"feralui","c":"actions/switch","a":"Feral UI","st":"reviewed","pl":"https://feralui.dev/pullcord","pc":"Feral UI","lv":1},{"id":"feralui:captcha","t":"ClawCaptcha","d":"A human-check where you prove you are human by winning a claw machine.","k":"toy","s":"feralui","c":"unsorted","a":"Feral UI","st":"reviewed","pl":"https://feralui.dev/captcha","pc":"Feral UI","lv":1},{"id":"feralui:gradients","t":"Gradient Builder","d":"A free gradient generator that blends soft gradients from traditional Japanese colours, with SVG, PNG, and MP4 export. AI assistants can create gradients through its MCP server at ","k":"toy","s":"feralui","c":"inputs/color-picker","a":"Feral UI","st":"reviewed","pl":"https://feralui.dev/gradients","pc":"Feral UI","lv":1},{"id":"feralui:library","t":"Imgrain","d":"A growing library of gradient images, wallpapers and colour palettes. Browse every piece, try its palettes, watch how each one was made step by step, and download phone and desktop","k":"toy","s":"feralui","c":"inputs/color-picker","a":"Feral UI","st":"reviewed","pl":"https://feralui.dev/library","pc":"Feral UI","lv":1},{"id":"feralui:motionview","t":"MotionView","d":"A free motion template studio that turns a few images into a seamless looping MP4, with motions like Carousel, Orbit, and Field.","k":"toy","s":"feralui","c":"ai-agent","a":"Feral UI","st":"reviewed","pl":"https://feralui.dev/motionview","pc":"Feral UI","lv":1},{"id":"feralui:brandkit","t":"Brandkit","d":"A free brand board builder: draw a bento grid on a 2048 × 1536 sheet, fill each tile with a live mockup of your brand (phone, watch, badge, browser tab, palette, type), export a PN","k":"toy","s":"feralui","c":"overlays/sheet","a":"Feral UI","st":"reviewed","pl":"https://feralui.dev/brandkit","pc":"Feral UI","lv":1},{"id":"feralui:scenes","t":"Screenery","d":"A shelf of finished app screens, each with a signature transition or reveal.","k":"toy","s":"feralui","c":"motion/text-effect","a":"Feral UI","st":"reviewed","pl":"https://feralui.dev/scenes","pc":"Feral UI","lv":1},{"id":"feralui:deskfolio","t":"DeskFolio","d":"A portfolio shaped like a little book that blooms open and turns pages on a spring.","k":"toy","s":"feralui","c":"actions/button","a":"Feral UI","st":"reviewed","pl":"https://feralui.dev/deskfolio","pc":"Feral UI","lv":1},{"id":"feralui:blob","t":"Blob","d":"A squishy jelly mascot that reacts to you inside a log-out modal.","k":"toy","s":"feralui","c":"overlays/dialog","a":"Feral UI","st":"reviewed","pl":"https://feralui.dev/blob","pc":"Feral UI","lv":1},{"id":"feralui:animaps","t":"AniMaps","d":"Animated route maps you can build, export, and share.","k":"toy","s":"feralui","c":"data-viz/map","a":"Feral UI","st":"reviewed","pl":"https://feralui.dev/animaps","pc":"Feral UI","lv":1},{"id":"feralui:fur","t":"Fur","d":"A pettable coat of fur, painted strand by strand on canvas.","k":"toy","s":"feralui","c":"unsorted","a":"Feral UI","st":"reviewed","pl":"https://feralui.dev/fur","pc":"Feral UI","lv":1},{"id":"feralui:vacuum","t":"Vacuum","d":"A bulk-delete interaction where selected tiles get sucked up a vacuum hose.","k":"toy","s":"feralui","c":"inputs/select","a":"Feral UI","st":"reviewed","pl":"https://feralui.dev/vacuum","pc":"Feral UI","lv":1},{"id":"feralui:crumple","t":"Crumple","d":"A delete effect where notes crumple into paper balls and drop in the basket.","k":"toy","s":"feralui","c":"unsorted","a":"Feral UI","st":"reviewed","pl":"https://feralui.dev/crumple","pc":"Feral UI","lv":1},{"id":"feralui:hologram","t":"Hologram","d":"A foil Pokemon-style card that catches the light as you tilt it.","k":"toy","s":"feralui","c":"motion/tilt-3d","a":"Feral UI","st":"reviewed","pl":"https://feralui.dev/hologram","pc":"Feral UI","lv":1},{"id":"feralui:nudge","t":"Nudge","d":"A donation prompt for checkout where a real cat paw rises out of the card to sit on the No thanks link.","k":"toy","s":"feralui","c":"ai-agent","a":"Feral UI","st":"reviewed","pl":"https://feralui.dev/nudge","pc":"Feral UI","lv":1},{"id":"feralui:stamp","t":"Stamp","d":"A date picker for invoices where you roll the date on a desk stamp and press it to print the date on the page.","k":"toy","s":"feralui","c":"ai-agent","a":"Feral UI","st":"reviewed","pl":"https://feralui.dev/stamp","pc":"Feral UI","lv":1},{"id":"feralui:bloom","t":"Bloom","d":"A photo edit control that lives in the viewer. Press the flower in the toolbar, slide onto one of five petals and outward to set exposure, warmth, saturation, contrast or grain, wi","k":"toy","s":"feralui","c":"data-viz/chart","a":"Feral UI","st":"reviewed","pl":"https://feralui.dev/bloom","pc":"Feral UI","lv":1},{"id":"feralui:blinds","t":"Blinds","d":"An expanding gallery of slats on real springs. Hover opens a panel with momentum, neighbours squeeze aside, and autoplay turns it into a carousel.","k":"toy","s":"feralui","c":"media/carousel","a":"Feral UI","st":"reviewed","pl":"https://feralui.dev/blinds","pc":"Feral UI","lv":1},{"id":"feralui:matchday","t":"Matchday","d":"Letterboxd for football, where you rate matches in half-stars.","k":"toy","s":"feralui","c":"inputs/rating","a":"Feral UI","st":"reviewed","pl":"https://feralui.dev/matchday","pc":"Feral UI","lv":1},{"id":"feralui:mochi-smash","t":"Mochi Smash","d":"A cute 3D badminton game you play free in the browser, no download. Six characters and three courts; play a bot, anyone online, or a friend with a five-letter party code, and share","k":"toy","s":"feralui","c":"data-display/kanban","a":"Feral UI","st":"reviewed","pl":"https://feralui.dev/mochi-smash/","pc":"Feral UI","lv":1},{"id":"toolcraft:slider","t":"Slider","s":"toolcraft","c":"inputs/slider","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#slider","pc":"Toolcraft","lv":1},{"id":"toolcraft:range","t":"Range","s":"toolcraft","c":"inputs/slider","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#range","pc":"Toolcraft","lv":1},{"id":"toolcraft:text","t":"Text","s":"toolcraft","c":"motion/text-effect","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#text","pc":"Toolcraft","lv":1},{"id":"toolcraft:textarea","t":"Textarea","s":"toolcraft","c":"inputs/textarea","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#textarea","pc":"Toolcraft","lv":1},{"id":"toolcraft:select","t":"Select","s":"toolcraft","c":"inputs/select","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#select","pc":"Toolcraft","lv":1},{"id":"toolcraft:segmented","t":"Segmented","s":"toolcraft","c":"actions/segmented-control","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#segmented","pc":"Toolcraft","lv":1},{"id":"toolcraft:switch","t":"Switch","s":"toolcraft","c":"actions/switch","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#switch","pc":"Toolcraft","lv":1},{"id":"toolcraft:checkbox","t":"Checkbox","s":"toolcraft","c":"inputs/checkbox","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#checkbox","pc":"Toolcraft","lv":1},{"id":"toolcraft:color","t":"Color","s":"toolcraft","c":"inputs/color-picker","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#color","pc":"Toolcraft","lv":1},{"id":"toolcraft:palette","t":"Palette","s":"toolcraft","c":"inputs/color-picker","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#palette","pc":"Toolcraft","lv":1},{"id":"toolcraft:gradient","t":"Gradient","s":"toolcraft","c":"inputs/color-picker","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#gradient","pc":"Toolcraft","lv":1},{"id":"toolcraft:curves","t":"Curves","s":"toolcraft","c":"unsorted","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#curves","pc":"Toolcraft","lv":1},{"id":"toolcraft:channel-mixer","t":"Channel Mixer","s":"toolcraft","c":"unsorted","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#channel-mixer","pc":"Toolcraft","lv":1},{"id":"toolcraft:font-picker","t":"Font Picker","s":"toolcraft","c":"inputs/select","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#font-picker","pc":"Toolcraft","lv":1},{"id":"toolcraft:vector","t":"Vector","s":"toolcraft","c":"unsorted","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#vector","pc":"Toolcraft","lv":1},{"id":"toolcraft:anchor-grid","t":"Anchor Grid","s":"toolcraft","c":"layout/page-shell","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#anchor-grid","pc":"Toolcraft","lv":1},{"id":"toolcraft:orientation-gizmo","t":"Orientation Gizmo","s":"toolcraft","c":"unsorted","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#orientation-gizmo","pc":"Toolcraft","lv":1},{"id":"toolcraft:image-picker","t":"Image Picker","s":"toolcraft","c":"inputs/select","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#image-picker","pc":"Toolcraft","lv":1},{"id":"toolcraft:file","t":"File","s":"toolcraft","c":"inputs/file-upload","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#file","pc":"Toolcraft","lv":1},{"id":"toolcraft:model-upload","t":"Model Upload","s":"toolcraft","c":"inputs/file-upload","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#model-upload","pc":"Toolcraft","lv":1},{"id":"toolcraft:actions","t":"Actions","s":"toolcraft","c":"unsorted","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#actions","pc":"Toolcraft","lv":1},{"id":"toolcraft:buttons","t":"Buttons","s":"toolcraft","c":"actions/button","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#buttons","pc":"Toolcraft","lv":1},{"id":"toolcraft:collection-actions","t":"Collection Actions","s":"toolcraft","c":"unsorted","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#collection-actions","pc":"Toolcraft","lv":1},{"id":"toolcraft:workspace","t":"Workspace","s":"toolcraft","c":"layout/page-shell","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#workspace","pc":"Toolcraft","lv":1},{"id":"toolcraft:canvas","t":"Canvas","s":"toolcraft","c":"unsorted","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#canvas","pc":"Toolcraft","lv":1},{"id":"toolcraft:layers","t":"Layers","s":"toolcraft","c":"unsorted","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#layers","pc":"Toolcraft","lv":1},{"id":"toolcraft:timeline","t":"Timeline","s":"toolcraft","c":"data-display/timeline","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#timeline","pc":"Toolcraft","lv":1},{"id":"toolcraft:toolbar","t":"Toolbar","s":"toolcraft","c":"data-viz/chart","a":"Toolcraft","st":"reviewed","pl":"https://toolcraft.sh/components#toolbar","pc":"Toolcraft","lv":1},{"id":"toolcraft:settings-transfer","t":"Settings Transfer","s":"toolcraft","c":"inputs/tuning-panel","a":"Toolcraft","st":"picked","pl":"https://toolcraft.sh/components#settings-transfer","pc":"Toolcraft","lv":1},{"id":"bencho:swipe-row","t":"Swipe row","k":"interaction","s":"bencho","c":"media/card-stack","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#swipe-row","pc":"bencho"},{"id":"bencho:asset-swap","t":"Asset swap","k":"interaction","s":"bencho","c":"unsorted","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#asset-swap","pc":"bencho"},{"id":"bencho:ascii-wake","t":"ASCII wake","k":"interaction","s":"bencho","c":"unsorted","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#ascii-wake","pc":"bencho"},{"id":"bencho:foggy-glass","t":"Foggy glass","k":"interaction","s":"bencho","c":"unsorted","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#foggy-glass","pc":"bencho"},{"id":"bencho:scratch-card","t":"Scratch card","k":"interaction","s":"bencho","c":"data-display/card","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#scratch-card","pc":"bencho"},{"id":"bencho:heat-word","t":"Heat map","k":"interaction","s":"bencho","c":"data-viz/map","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#heat-word","pc":"bencho"},{"id":"bencho:image-compare","t":"Image compare","k":"interaction","s":"bencho","c":"media/image-compare","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#image-compare","pc":"bencho"},{"id":"bencho:like","t":"Like","k":"interaction","s":"bencho","c":"actions/button","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#like","pc":"bencho"},{"id":"bencho:mb-spot","t":"Spotlight","k":"interaction","s":"bencho","c":"navigation/command-palette","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#mb-spot","pc":"bencho"},{"id":"bencho:mb-holo","t":"Holo card","k":"interaction","s":"bencho","c":"data-display/card","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#mb-holo","pc":"bencho"},{"id":"bencho:mb-deck","t":"Poster deck","k":"interaction","s":"bencho","c":"media/card-stack","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#mb-deck","pc":"bencho"},{"id":"bencho:mb-compare","t":"Before and after","k":"interaction","s":"bencho","c":"media/image-compare","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#mb-compare","pc":"bencho"},{"id":"bencho:signature","t":"Signature pad","k":"interaction","s":"bencho","c":"unsorted","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#signature","pc":"bencho"},{"id":"bencho:voice-note","t":"Voice note","k":"interaction","s":"bencho","c":"ai-agent","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#voice-note","pc":"bencho"},{"id":"bencho:eye-tracker","t":"Eye tracker","k":"interaction","s":"bencho","c":"unsorted","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#eye-tracker","pc":"bencho"},{"id":"bencho:dynamic-island","t":"Dynamic island","k":"interaction","s":"bencho","c":"unsorted","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#dynamic-island","pc":"bencho"},{"id":"bencho:emoji-reactions","t":"Emoji reactions","k":"interaction","s":"bencho","c":"unsorted","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#emoji-reactions","pc":"bencho"},{"id":"bencho:time-scrubber","t":"Time scrubber","k":"interaction","s":"bencho","c":"inputs/time-picker","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#time-scrubber","pc":"bencho"},{"id":"bencho:upload-dropzone","t":"Upload dropzone","k":"interaction","s":"bencho","c":"inputs/file-upload","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#upload-dropzone","pc":"bencho"},{"id":"bencho:tag-input","t":"Tag input","k":"interaction","s":"bencho","c":"data-display/badge","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#tag-input","pc":"bencho"},{"id":"bencho:hold-delete","t":"Hold to delete","k":"interaction","s":"bencho","c":"actions/button","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#hold-delete","pc":"bencho"},{"id":"bencho:rolling-counter","t":"Rolling counter","k":"interaction","s":"bencho","c":"motion/number-ticker","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#rolling-counter","pc":"bencho"},{"id":"bencho:particles","t":"Particles","k":"interaction","s":"bencho","c":"motion/background","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#particles","pc":"bencho"},{"id":"bencho:label-input","t":"Label input","k":"interaction","s":"bencho","c":"inputs/form-field","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#label-input","pc":"bencho"},{"id":"bencho:one-time-code","t":"One-time code","k":"interaction","s":"bencho","c":"data-display/code-block","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#one-time-code","pc":"bencho"},{"id":"bencho:generate","t":"Generate","k":"interaction","s":"bencho","c":"unsorted","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#generate","pc":"bencho"},{"id":"bencho:step-player","t":"Step player","k":"interaction","s":"bencho","c":"media/player","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#step-player","pc":"bencho"},{"id":"bencho:todo-tower","t":"Todo tower","k":"interaction","s":"bencho","c":"unsorted","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#todo-tower","pc":"bencho"},{"id":"bencho:image-accordion","t":"Image accordion","k":"interaction","s":"bencho","c":"data-display/accordion","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#image-accordion","pc":"bencho"},{"id":"bencho:card-stack","t":"Card stack","k":"interaction","s":"bencho","c":"media/card-stack","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#card-stack","pc":"bencho"},{"id":"bencho:glass-bubble","t":"Glass bubble","k":"interaction","s":"bencho","c":"unsorted","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#glass-bubble","pc":"bencho"},{"id":"bencho:fold","t":"Folding frame","k":"interaction","s":"bencho","c":"motion/tilt-3d","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#fold","pc":"bencho"},{"id":"bencho:browser-tabs","t":"Browser tabs","k":"interaction","s":"bencho","c":"navigation/tabs","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#browser-tabs","pc":"bencho"},{"id":"bencho:action-node","t":"Action node","k":"interaction","s":"bencho","c":"unsorted","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#action-node","pc":"bencho"},{"id":"bencho:magnet-select","t":"Magnetic select","k":"interaction","s":"bencho","c":"inputs/select","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#magnet-select","pc":"bencho"},{"id":"bencho:slide-confirm","t":"Slide to confirm","k":"interaction","s":"bencho","c":"actions/button","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#slide-confirm","pc":"bencho"},{"id":"bencho:picker","t":"Assignees","k":"interaction","s":"bencho","c":"inputs/select","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#picker","pc":"bencho"},{"id":"bencho:checklist","t":"Checklist","k":"interaction","s":"bencho","c":"data-display/list","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#checklist","pc":"bencho"},{"id":"bencho:carousel","t":"Carousel","k":"interaction","s":"bencho","c":"media/carousel","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#carousel","pc":"bencho"},{"id":"bencho:palette","t":"Palette","k":"interaction","s":"bencho","c":"inputs/color-picker","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#palette","pc":"bencho"},{"id":"bencho:aspect","t":"Aspect ratio","k":"interaction","s":"bencho","c":"unsorted","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#aspect","pc":"bencho"},{"id":"bencho:tilt","t":"Tilt card","k":"interaction","s":"bencho","c":"motion/tilt-3d","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#tilt","pc":"bencho"},{"id":"bencho:sound","t":"Now playing","k":"interaction","s":"bencho","c":"media/player","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#sound","pc":"bencho"},{"id":"bencho:drag-ball","t":"Dragging ball","k":"interaction","s":"bencho","c":"unsorted","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#drag-ball","pc":"bencho"},{"id":"bencho:seek","t":"Search","k":"interaction","s":"bencho","c":"inputs/search","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#seek","pc":"bencho"},{"id":"bencho:pull","t":"Pull to refresh","k":"interaction","s":"bencho","c":"unsorted","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#pull","pc":"bencho"},{"id":"bencho:escape","t":"Escape button","k":"interaction","s":"bencho","c":"actions/button","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#escape","pc":"bencho"},{"id":"bencho:slosh","t":"Slosh slider","k":"interaction","s":"bencho","c":"inputs/slider","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#slosh","pc":"bencho"},{"id":"bencho:liq-create","t":"Create menu","k":"interaction","s":"bencho","c":"navigation/menu","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#liq-create","pc":"bencho"},{"id":"bencho:liq-arrange","t":"Reorder list","k":"interaction","s":"bencho","c":"inputs/slider","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#liq-arrange","pc":"bencho"},{"id":"bencho:toolbar","t":"Canvas toolbar","k":"interaction","s":"bencho","c":"data-viz/chart","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#toolbar","pc":"bencho"},{"id":"bencho:radial","t":"Radial menu","k":"interaction","s":"bencho","c":"navigation/menu","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#radial","pc":"bencho"},{"id":"bencho:stepper","t":"Drag stepper","k":"interaction","s":"bencho","c":"navigation/wizard-steps","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#stepper","pc":"bencho"},{"id":"bencho:confirm","t":"Inline confirm","k":"interaction","s":"bencho","c":"actions/button","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#confirm","pc":"bencho"},{"id":"bencho:toasts","t":"Notify","k":"interaction","s":"bencho","c":"overlays/toast","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#toasts","pc":"bencho"},{"id":"bencho:icon-bar","t":"Icon bar","k":"interaction","s":"bencho","c":"data-viz/chart","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#icon-bar","pc":"bencho"},{"id":"bencho:dock","t":"Magnifying dock","k":"interaction","s":"bencho","c":"navigation/dock","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#dock","pc":"bencho"},{"id":"bencho:progress","t":"Progress ticks","k":"interaction","s":"bencho","c":"data-viz/progress-bar","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#progress","pc":"bencho"},{"id":"bencho:humidity","t":"Wheel","k":"interaction","s":"bencho","c":"unsorted","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#humidity","pc":"bencho"},{"id":"bencho:command","t":"Command bar","k":"interaction","s":"bencho","c":"navigation/command-palette","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#command","pc":"bencho"},{"id":"bencho:roster","t":"Selection list","k":"interaction","s":"bencho","c":"inputs/select","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#roster","pc":"bencho"},{"id":"bencho:sleep","t":"Range dial","k":"interaction","s":"bencho","c":"data-viz/gauge","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#sleep","pc":"bencho"},{"id":"bencho:liq-toggle","t":"Liquid toggle","k":"interaction","s":"bencho","c":"actions/switch","a":"bencho","st":"reviewed","pl":"https://bencho.dev/#liq-toggle","pc":"bencho"},{"id":"kinetics:card-resize","t":"Card Resize","d":"Height spring with no JS layout thrash","k":"motion","s":"kinetics","c":"data-display/card","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:magnetic-button","t":"Magnetic Button","d":"Cursor pulls the button toward it inside a dead zone","k":"motion","s":"kinetics","c":"actions/button","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:number-counter","t":"Number Counter","d":"Digit bumps and overshoots on every increment","k":"motion","s":"kinetics","c":"motion/number-ticker","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:toast-overshoot","t":"Toast Overshoot","d":"Slides past rest position before settling","k":"motion","s":"kinetics","c":"overlays/toast","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:tab-pill-glide","t":"Tab Pill Glide","d":"Indicator measures target width before moving","k":"motion","s":"kinetics","c":"navigation/tabs","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:accordion-spring","t":"Accordion Spring","d":"Max-height transition with rotating chevron","k":"motion","s":"kinetics","c":"data-display/accordion","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:drag-to-dismiss","t":"Drag to Dismiss","d":"Pointer-tracked drag, snaps back or flies off past threshold","k":"motion","s":"kinetics","c":"actions/button","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:ripple-feedback","t":"Ripple Feedback","d":"Radial fade-out anchored to the exact click point","k":"motion","s":"kinetics","c":"data-display/timeline","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:hold-to-confirm","t":"Hold to Confirm","d":"Press and hold; a ring fills, release early to cancel","k":"motion","s":"kinetics","c":"actions/button","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:rubber-band-slider","t":"Rubber-band Slider","d":"Drag past either end and it stretches, then springs back","k":"motion","s":"kinetics","c":"inputs/slider","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:like-burst","t":"Like Burst","d":"Toggles, pops the heart, and emits a radial particle ring","k":"motion","s":"kinetics","c":"actions/button","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:cursor-trail","t":"Cursor Trail","d":"A chain of dots chases the pointer with eased lag","k":"motion","s":"kinetics","c":"navigation/sidebar","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:push-button","t":"Push Button","d":"A tactile depress with a real bottom edge — pure CSS","k":"motion","s":"kinetics","c":"actions/button","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:star-rating","t":"Star Rating","d":"Hover previews a value, click locks it with a pop","k":"motion","s":"kinetics","c":"inputs/rating","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:floating-label","t":"Floating Label","d":"Placeholder lifts into a label on focus — pure CSS","k":"motion","s":"kinetics","c":"inputs/form-field","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:copy-button","t":"Copy Button","d":"Icon crossfades to a check and the label swaps, then reverts","k":"motion","s":"kinetics","c":"actions/copy-button","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:quantity-stepper","t":"Quantity Stepper","d":"Value pops on each change; clamps at zero","k":"motion","s":"kinetics","c":"navigation/wizard-steps","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:choice-chips","t":"Choice Chips","d":"Toggle filters that pop as they switch on and off","k":"motion","s":"kinetics","c":"data-display/badge","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:pin-input","t":"PIN Input","d":"Each digit pops and auto-advances to the next box","k":"motion","s":"kinetics","c":"inputs/otp-input","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:password-meter","t":"Password Meter","d":"Segments fill and shift color as strength climbs","k":"motion","s":"kinetics","c":"data-viz/gauge","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:pointer-tooltip","t":"Pointer Tooltip","d":"Label trails the cursor with eased follow","k":"motion","s":"kinetics","c":"overlays/tooltip","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:swipe-to-reveal","t":"Swipe to Reveal","d":"Drag an item horizontally to expose action buttons","k":"motion","s":"kinetics","c":"media/card-stack","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:rotary-knob","t":"Rotary Knob","d":"Drag in a circle to set a value; snaps to detents on release","k":"motion","s":"kinetics","c":"unsorted","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:reorderable-list","t":"Reorderable List","d":"Drag items up and down; others shift to make room","k":"motion","s":"kinetics","c":"data-display/list","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:expanding-search","t":"Expanding Search","d":"Field grows on hover or focus, glide easing","k":"motion","s":"kinetics","c":"inputs/search","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:squish-button","t":"Squish Button","d":"Compresses on press, springs back on release","k":"motion","s":"kinetics","c":"actions/button","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:toggle-pills","t":"Toggle Pills","d":"Selected pill pops with a spring scale","k":"motion","s":"kinetics","c":"data-display/badge","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:value-scrubber","t":"Value Scrubber","d":"Drag horizontally to scrub the number","k":"motion","s":"kinetics","c":"inputs/slider","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:speed-dial-fab","t":"Speed-Dial FAB","d":"Actions fan out on a staggered spring","k":"motion","s":"kinetics","c":"data-viz/gauge","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:swatch-picker","t":"Swatch Picker","d":"Selected colour springs up with a check","k":"motion","s":"kinetics","c":"inputs/select","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:slide-to-unlock","t":"Slide to Unlock","d":"Drag past the latch or it springs back","k":"motion","s":"kinetics","c":"unsorted","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:tag-input","t":"Tag Input","d":"Enter pops a chip in; × pops it out","k":"motion","s":"kinetics","c":"data-display/badge","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:keycap-press","t":"Keycap Press","d":"Mechanical keycap depresses on its shadow","k":"motion","s":"kinetics","c":"actions/button","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:orbital-action-menu","t":"Orbital Action Menu","d":"Actions escape a magnetic centre on hover","k":"motion","s":"kinetics","c":"ai-agent","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:contextual-dock","t":"Contextual Dock","d":"Nearby controls swell in a soft focus field","k":"motion","s":"kinetics","c":"navigation/dock","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:inertial-dial","t":"Inertial Dial","d":"A weighted needle catches up after the ring turns","k":"motion","s":"kinetics","c":"data-viz/gauge","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:elastic-lasso","t":"Elastic Lasso","d":"Drag a selection field across the constellation","k":"motion","s":"kinetics","c":"inputs/select","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:hover-intent-gate","t":"Hover Intent Gate","d":"A deliberate hover quietly unlocks the action","k":"motion","s":"kinetics","c":"unsorted","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:gesture-chord","t":"Gesture Chord","d":"Tap the keys in sequence to arm a shortcut","k":"motion","s":"kinetics","c":"unsorted","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:liquid-glass-press","t":"Liquid Glass Press","d":"Frosted glass liquefies under a specular press","k":"motion","s":"kinetics","c":"actions/button","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:bento-expand","t":"Bento Expand","d":"Hover focuses one tile; the rest quietly recede","k":"motion","s":"kinetics","c":"layout/bento-grid","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:snap-rail","t":"Snap Rail","d":"A soft selection pill springs to the hovered option","k":"motion","s":"kinetics","c":"navigation/sidebar","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:kinetic-xy-pad","t":"Kinetic XY Pad","d":"A two-axis puck trails the pointer, then springs home","k":"motion","s":"kinetics","c":"navigation/sidebar","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:command-palette-bloom","t":"Command Palette Bloom","d":"A compact trigger unfolds into a staggered action lens","k":"motion","s":"kinetics","c":"navigation/command-palette","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:momentum-picker","t":"Momentum Picker","d":"Wheel input rolls a weighted selector into its next detent","k":"motion","s":"kinetics","c":"inputs/select","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:prompt-composer","t":"Prompt Composer","d":"An AI input grows with the thought, then commits to a run","k":"motion","s":"kinetics","c":"ai-agent","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:filmstrip-scrubber","t":"Filmstrip Scrubber","d":"A playhead snaps to the frame nearest the pointer","k":"motion","s":"kinetics","c":"inputs/slider","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:drag-stack-collect","t":"Drag Stack Collect","d":"Loose items gather into a fanned pile under the pointer","k":"motion","s":"kinetics","c":"media/card-stack","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:focus-relay","t":"Focus Relay","d":"A shared focus ring leaps between fields with a spring morph","k":"motion","s":"kinetics","c":"inputs/form-field","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:hold-to-talk","t":"Hold to Talk","d":"A live waveform blooms while you hold, then commits on release","k":"motion","s":"kinetics","c":"actions/button","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:lattice-snap","t":"Lattice Snap","d":"A tile follows the pointer, then springs onto the nearest cell","k":"motion","s":"kinetics","c":"motion/cursor","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:scramble-reveal","t":"Scramble Reveal","d":"Cycles random glyphs before settling left-to-right","k":"motion","s":"kinetics","c":"motion/text-effect","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:momentum-marquee","t":"Momentum Marquee","d":"Infinite scroll that pauses smoothly on hover","k":"motion","s":"kinetics","c":"layout/scroll-area","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:stagger-entrance","t":"Stagger Entrance","d":"List items rise in sequence on scroll into view","k":"motion","s":"kinetics","c":"layout/scroll-area","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:icon-morph-swap","t":"Icon Morph Swap","d":"Outgoing icon blurs and rotates out, incoming settles in","k":"motion","s":"kinetics","c":"motion/text-effect","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:underline-draw","t":"Underline Draw","d":"Scale-transform underline, draws left to right on hover","k":"motion","s":"kinetics","c":"inputs/form-field","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:elastic-progress","t":"Elastic Progress","d":"Bar overshoots target width slightly before settling","k":"motion","s":"kinetics","c":"data-viz/progress-bar","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:delayed-tooltip","t":"Delayed Tooltip","d":"Appears after a pause, disappears instantly on exit","k":"motion","s":"kinetics","c":"overlays/tooltip","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:switch-spring","t":"Switch Spring","d":"Knob overshoots its track position on toggle","k":"motion","s":"kinetics","c":"actions/switch","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:checkbox-draw","t":"Checkbox Draw","d":"The tick is drawn with an animated SVG stroke","k":"motion","s":"kinetics","c":"inputs/checkbox","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:typewriter","t":"Typewriter","d":"Types and deletes through a list with a blinking caret","k":"motion","s":"kinetics","c":"motion/text-effect","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:odometer-count-up","t":"Odometer Count-up","d":"Eases from zero to its target when scrolled into view","k":"motion","s":"kinetics","c":"data-viz/gauge","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:status-pill","t":"Status Pill","d":"Morphs idle → loading → success with icon and colour","k":"motion","s":"kinetics","c":"data-display/badge","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:pulse-badge","t":"Pulse Badge","d":"Expanding ring draws the eye to new state","k":"motion","s":"kinetics","c":"data-display/badge","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:success-check","t":"Success Check","d":"Ring and tick draw themselves on, then undraw on toggle","k":"motion","s":"kinetics","c":"actions/switch","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:segment-loader","t":"Segment Loader","d":"Stepped bars fill one after another on each run","k":"motion","s":"kinetics","c":"status/loader","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:orbit-spinner","t":"Orbit Spinner","d":"A dual-arc ring rotates on a tight infinite loop — pure CSS","k":"motion","s":"kinetics","c":"ai-agent","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:progress-ring","t":"Progress Ring","d":"Circular stroke eases to a new value on each run","k":"motion","s":"kinetics","c":"data-viz/progress-bar","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:notification-slide-in","t":"Notification Slide-in","d":"Banner drops from the top edge and settles with a spring","k":"motion","s":"kinetics","c":"overlays/toast","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:step-progress","t":"Step Progress","d":"Connector fills and the next node pops active","k":"motion","s":"kinetics","c":"data-viz/progress-bar","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:undo-snackbar","t":"Undo Snackbar","d":"Timed bar drains while you can still undo","k":"motion","s":"kinetics","c":"overlays/toast","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:submit-states","t":"Submit States","d":"Label to bouncing dots to a settled checkmark","k":"motion","s":"kinetics","c":"data-display/stat","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:countdown-ring","t":"Countdown Ring","d":"Drains a circular ring as the seconds tick down","k":"motion","s":"kinetics","c":"motion/number-ticker","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:skeleton-to-content","t":"Skeleton to Content","d":"Shimmering placeholder resolves into real content on click","k":"motion","s":"kinetics","c":"status/skeleton","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:toast-stack","t":"Toast Stack","d":"Multiple toasts stack upward and auto-dismiss in sequence","k":"motion","s":"kinetics","c":"overlays/toast","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:indeterminate-bar","t":"Indeterminate Bar","d":"Looping sweep for unknown-length work","k":"motion","s":"kinetics","c":"data-viz/chart","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:shimmer-skeleton","t":"Shimmer Skeleton","d":"Sweeping highlight over placeholder lines","k":"motion","s":"kinetics","c":"status/skeleton","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:typing-indicator","t":"Typing Indicator","d":"Three dots bounce in sequence, chat-style","k":"motion","s":"kinetics","c":"status/status-dot","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:heartbeat-monitor","t":"Heartbeat Monitor","d":"Glowing dot traces an EKG along the path","k":"motion","s":"kinetics","c":"motion/background","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:battery-charge","t":"Battery Charge","d":"Fill climbs as the bolt pulses","k":"motion","s":"kinetics","c":"status/status-dot","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:signal-bars","t":"Signal Bars","d":"Bars light up in sequence while connecting","k":"motion","s":"kinetics","c":"data-viz/chart","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:badge-counter","t":"Badge Counter","d":"Count springs on every add","k":"motion","s":"kinetics","c":"data-display/badge","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:bookmark-toggle","t":"Bookmark Toggle","d":"Ribbon fills and drops in on save","k":"motion","s":"kinetics","c":"actions/switch","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:packet-trace","t":"Packet Trace","d":"Data pulses choose a route through a tiny network","k":"motion","s":"kinetics","c":"data-viz/map","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:phase-lock","t":"Phase Lock","d":"Three independent signals resolve into sync","k":"motion","s":"kinetics","c":"unsorted","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:checksum-bloom","t":"Checksum Bloom","d":"A verification string resolves from noise to trust","k":"motion","s":"kinetics","c":"motion/background","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:echo-receipt","t":"Echo Receipt","d":"Acknowledgement ripples through three trust layers","k":"motion","s":"kinetics","c":"unsorted","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:state-diff","t":"State Diff","d":"The old value yields as the new state commits","k":"motion","s":"kinetics","c":"data-display/diff","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:signal-braille","t":"Signal Braille","d":"A tactile dot matrix encodes live system phases","k":"motion","s":"kinetics","c":"navigation/sidebar","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:token-stream","t":"Token Stream","d":"Tokens cascade in like a live model response","k":"motion","s":"kinetics","c":"actions/button","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:presence-stack","t":"Presence Stack","d":"Avatars fan out with a live online pulse","k":"motion","s":"kinetics","c":"status/status-dot","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:confidence-settle","t":"Confidence Settle","d":"A score overshoots, then settles on the true value","k":"motion","s":"kinetics","c":"unsorted","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:optimistic-rollback","t":"Optimistic Rollback","d":"An instant local update gracefully retracts after rejection","k":"motion","s":"kinetics","c":"inputs/date-picker","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:reconciliation-merge","t":"Reconciliation Merge","d":"Competing values converge into one authoritative state","k":"motion","s":"kinetics","c":"data-display/stat","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:activity-ledger","t":"Activity Ledger","d":"Fresh events arrive sharply while older entries compact","k":"motion","s":"kinetics","c":"data-display/timeline","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:agent-handoff","t":"Agent Handoff","d":"One agent hands the live context to the next along a trace","k":"motion","s":"kinetics","c":"ai-agent","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:rate-limit-cooldown","t":"Rate Limit Cooldown","d":"A token bucket empties fast, then refills on a slow drip","k":"motion","s":"kinetics","c":"unsorted","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:vector-recall","t":"Vector Recall","d":"Nearest embeddings drift in as a query ring sweeps the space","k":"motion","s":"kinetics","c":"unsorted","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:stale-while-revalidate","t":"Stale While Revalidate","d":"The old value ghosts as the fresh one springs into place","k":"motion","s":"kinetics","c":"inputs/date-picker","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:circuit-breaker","t":"Circuit Breaker","d":"A physical arm throws closed, open, then half-open to probe","k":"motion","s":"kinetics","c":"data-display/list","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:trace-flame","t":"Trace Flame","d":"A request paints as stacked spans filling left to right","k":"motion","s":"kinetics","c":"media/card-stack","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:error-shake","t":"Error Shake","d":"Decaying horizontal oscillation, retriggerable","k":"motion","s":"kinetics","c":"unsorted","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:confetti-burst","t":"Confetti Burst","d":"Radially-distributed particles with randomized arc and spin","k":"motion","s":"kinetics","c":"data-viz/gauge","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:parallax-tilt","t":"Parallax Tilt","d":"3D rotation tracks pointer position, glow follows beneath","k":"motion","s":"kinetics","c":"motion/tilt-3d","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:wave-loader","t":"Wave Loader","d":"Three dots in a phase-offset vertical bounce","k":"motion","s":"kinetics","c":"status/loader","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:skeleton-sweep","t":"Skeleton Sweep","d":"Gradient position animates across a fixed-size placeholder","k":"motion","s":"kinetics","c":"status/skeleton","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:page-peel","t":"Page Peel","d":"Top card rotates around its left edge like a page turning","k":"motion","s":"kinetics","c":"actions/button","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:cursor-spotlight","t":"Cursor Spotlight","d":"Radial glow follows the pointer across a contained surface","k":"motion","s":"kinetics","c":"navigation/command-palette","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:flip-card","t":"Flip Card","d":"Two faces share a 3D space and rotate on click","k":"motion","s":"kinetics","c":"motion/tilt-3d","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:glitch-text","t":"Glitch Text","d":"RGB-split copies clip and jitter on hover — pure CSS","k":"motion","s":"kinetics","c":"motion/text-effect","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:border-beam","t":"Border Beam","d":"A light sweeps the border via a masked conic gradient","k":"motion","s":"kinetics","c":"motion/background","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:aurora-drift","t":"Aurora Drift","d":"Soft blurred colour fields drift and rotate forever","k":"motion","s":"kinetics","c":"motion/background","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:shine-sweep","t":"Shine Sweep","d":"A diagonal light streak sweeps across on hover — pure CSS","k":"motion","s":"kinetics","c":"unsorted","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:breathing-orb","t":"Breathing Orb","d":"A glowing orb scales and softens on an endless breath — pure CSS","k":"motion","s":"kinetics","c":"ai-agent","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:float-bob","t":"Float Bob","d":"A card hovers and bobs with a shadow that breathes beneath — pure CSS","k":"motion","s":"kinetics","c":"data-display/card","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:liquid-blob","t":"Liquid Blob","d":"An organic shape endlessly morphs its border-radius — pure CSS","k":"motion","s":"kinetics","c":"motion/background","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:gradient-shimmer-text","t":"Gradient Shimmer Text","d":"A light band flows through clipped gradient text — pure CSS","k":"motion","s":"kinetics","c":"status/skeleton","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:neon-glow-pulse","t":"Neon Glow Pulse","d":"Text and outline breathe a soft neon halo — pure CSS","k":"motion","s":"kinetics","c":"status/status-dot","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:equalizer-bars","t":"Equalizer Bars","d":"Phase-offset bars pump like an audio meter — pure CSS","k":"motion","s":"kinetics","c":"data-viz/chart","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:radar-pulse","t":"Radar Pulse","d":"Concentric rings expand and fade like sonar","k":"motion","s":"kinetics","c":"status/status-dot","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:newton-s-cradle","t":"Newton's Cradle","d":"End pendulums trade momentum across the row","k":"motion","s":"kinetics","c":"data-display/list","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:bouncing-ball","t":"Bouncing Ball","d":"Squash-and-stretch drop with a reactive shadow","k":"motion","s":"kinetics","c":"unsorted","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:marquee-reveal","t":"Marquee Reveal","d":"Cards scroll horizontally, pausing on hover — pure CSS","k":"motion","s":"kinetics","c":"motion/text-effect","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:gradient-border-morph","t":"Gradient Border Morph","d":"A rotating conic gradient creates a living border — pure CSS","k":"motion","s":"kinetics","c":"inputs/color-picker","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:text-split-reveal","t":"Text Split Reveal","d":"Each letter springs up in sequence on hover — pure CSS","k":"motion","s":"kinetics","c":"layout/split-pane","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:hover-lift","t":"Hover Lift","d":"Surface rises with a soft cast shadow","k":"motion","s":"kinetics","c":"data-display/avatar","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:sheen-sweep","t":"Sheen Sweep","d":"Specular highlight glides across on hover","k":"motion","s":"kinetics","c":"unsorted","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:clip-wipe","t":"Clip Wipe","d":"Overlay unmasks left-to-right with clip-path","k":"motion","s":"kinetics","c":"unsorted","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:3d-cube-rotate","t":"3D Cube Rotate","d":"Click to roll a face in with depth","k":"motion","s":"kinetics","c":"motion/tilt-3d","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:jelly-wobble","t":"Jelly Wobble","d":"Squash-and-stretch settle on hover","k":"motion","s":"kinetics","c":"unsorted","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:folding-doors","t":"Folding Doors","d":"Two panels swing open in 3D on hover","k":"motion","s":"kinetics","c":"motion/tilt-3d","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:before-after","t":"Before / After","d":"Drag the handle to wipe between layers","k":"motion","s":"kinetics","c":"media/image-compare","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:depth-stack","t":"Depth Stack","d":"Layered cards fan apart on hover","k":"motion","s":"kinetics","c":"media/card-stack","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:text-wave","t":"Text Wave","d":"A crest of motion travels across the letters","k":"motion","s":"kinetics","c":"motion/text-effect","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:caustic-glass","t":"Caustic Glass","d":"Shifting light pools refract beneath frosted glass","k":"motion","s":"kinetics","c":"unsorted","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:chromatic-split","t":"Chromatic Split","d":"Type separates into prismatic channels, then snaps back","k":"motion","s":"kinetics","c":"layout/split-pane","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:warp-grid","t":"Warp Grid","d":"A planar field bends inward around its focal point","k":"motion","s":"kinetics","c":"layout/page-shell","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:moir-lens","t":"Moiré Lens","d":"Counter-rotating line fields create impossible depth","k":"motion","s":"kinetics","c":"inputs/form-field","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:polarized-foil","t":"Polarized Foil","d":"A muted spectrum appears only at grazing angles","k":"motion","s":"kinetics","c":"unsorted","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:metaball-bridge","t":"Metaball Bridge","d":"Two particles trade mass through a liquid neck","k":"motion","s":"kinetics","c":"motion/background","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:variable-weight","t":"Variable Weight","d":"Type densifies from thin to black on hover","k":"motion","s":"kinetics","c":"motion/text-effect","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:specular-orbit","t":"Specular Orbit","d":"A soft highlight circles a brushed dark surface","k":"motion","s":"kinetics","c":"ai-agent","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:noise-dissolve","t":"Noise Dissolve","d":"Film grain peels back to uncover a colour field","k":"motion","s":"kinetics","c":"motion/background","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:dither-bloom","t":"Dither Bloom","d":"A low-bit dot field grows into a soft spectral bloom","k":"motion","s":"kinetics","c":"motion/background","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:ferrofluid-crown","t":"Ferrofluid Crown","d":"A magnetic core raises a ring of liquid-metal spikes","k":"motion","s":"kinetics","c":"motion/background","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:lenticular-shift","t":"Lenticular Shift","d":"Micro-ridges swap one word for another as the angle changes","k":"motion","s":"kinetics","c":"motion/text-effect","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:volumetric-shaft","t":"Volumetric Shaft","d":"Light rakes through a slot and pools in drifting dust","k":"motion","s":"kinetics","c":"data-display/stat","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:letterpress-emboss","t":"Letterpress Emboss","d":"Type sits in the paper and reads by the light angle alone","k":"motion","s":"kinetics","c":"actions/button","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:rack-focus","t":"Rack Focus","d":"Depth of field pulls between two planes, bokeh blooming","k":"motion","s":"kinetics","c":"inputs/form-field","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:e-ink-refresh","t":"E-ink Refresh","d":"A full inverse flash, then the type settles into the paper","k":"motion","s":"kinetics","c":"motion/text-effect","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:anamorphic-flare","t":"Anamorphic Flare","d":"A point source rakes the frame and blooms horizontal streaks","k":"motion","s":"kinetics","c":"motion/text-effect","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"kinetics:lidar-sweep","t":"LiDAR Sweep","d":"A scan plane lights a point field into a depth map","k":"motion","s":"kinetics","c":"data-viz/map","a":"Kinetics","st":"reviewed","pl":"https://kinetics.colorion.co/","pc":"Kinetics"},{"id":"shadcn-ui:accordion","t":"Accordion","s":"shadcn-ui","c":"data-display/accordion","a":"shadcn","st":"reviewed","p":"/a/p/263fa7f713f090897d145552ff837b1d.webp","pl":"https://ui.shadcn.com/docs/components/base/accordion","pc":"shadcn"},{"id":"shadcn-ui:alert","t":"Alert","s":"shadcn-ui","c":"overlays/alert-banner","a":"shadcn","st":"reviewed","p":"/a/p/2e735de57426438798a11f8c10c031d8.webp","pl":"https://ui.shadcn.com/docs/components/base/alert","pc":"shadcn"},{"id":"shadcn-ui:alert-dialog","t":"Alert dialog","s":"shadcn-ui","c":"overlays/dialog","a":"shadcn","st":"reviewed","p":"/a/p/281d579c04cdfce381f44b8905a2857e.webp","pl":"https://ui.shadcn.com/docs/components/base/alert-dialog","pc":"shadcn"},{"id":"shadcn-ui:aspect-ratio","t":"Aspect ratio","s":"shadcn-ui","c":"other","a":"shadcn","st":"reviewed","p":"/a/p/3d86072d459c9500108ee9f5b0d1ecd3.webp","pl":"https://ui.shadcn.com/docs/components/base/aspect-ratio","pc":"shadcn"},{"id":"shadcn-ui:attachment","t":"Attachment","s":"shadcn-ui","c":"other","a":"shadcn","st":"reviewed","p":"/a/p/3d21848ab31ba43ff36e02a94f279cc8.webp","pl":"https://ui.shadcn.com/docs/components/base/attachment","pc":"shadcn"},{"id":"shadcn-ui:avatar","t":"Avatar","s":"shadcn-ui","c":"data-display/avatar","a":"shadcn","st":"reviewed","p":"/a/p/5d4cff93b086aa2cad7b7e3dee9ac2b5.webp","pl":"https://ui.shadcn.com/docs/components/base/avatar","pc":"shadcn"},{"id":"shadcn-ui:badge","t":"Badge","s":"shadcn-ui","c":"data-display/badge","a":"shadcn","st":"reviewed","p":"/a/p/ea6301d895b2715f694317c5048ced16.webp","pl":"https://ui.shadcn.com/docs/components/base/badge","pc":"shadcn"},{"id":"shadcn-ui:breadcrumb","t":"Breadcrumb","s":"shadcn-ui","c":"navigation/breadcrumb","a":"shadcn","st":"reviewed","p":"/a/p/9a0b7af331fbf6f36e80605ccde1dded.webp","pl":"https://ui.shadcn.com/docs/components/base/breadcrumb","pc":"shadcn"},{"id":"shadcn-ui:bubble","t":"Bubble","s":"shadcn-ui","c":"other","a":"shadcn","st":"reviewed","p":"/a/p/f29cb4763e1cf2b77070f28e809d3689.webp","pl":"https://ui.shadcn.com/docs/components/base/bubble","pc":"shadcn"},{"id":"shadcn-ui:button","t":"Button","s":"shadcn-ui","c":"actions/button","a":"shadcn","st":"reviewed","p":"/a/p/2bf9c78d36b758a34e08371be18b1ea0.webp","pl":"https://ui.shadcn.com/docs/components/base/button","pc":"shadcn"},{"id":"shadcn-ui:button-group","t":"Button group","s":"shadcn-ui","c":"actions/button","a":"shadcn","st":"reviewed","p":"/a/p/79f8b403aa4b5dd47b65b1d69bf1e3f0.webp","pl":"https://ui.shadcn.com/docs/components/base/button-group","pc":"shadcn"},{"id":"shadcn-ui:calendar","t":"Calendar","s":"shadcn-ui","c":"inputs/date-picker","a":"shadcn","st":"reviewed","p":"/a/p/bff0dfee77a5ddd8551bf76fd7358cf4.webp","pl":"https://ui.shadcn.com/docs/components/base/calendar","pc":"shadcn"},{"id":"shadcn-ui:card","t":"Card","s":"shadcn-ui","c":"data-display/card","a":"shadcn","st":"reviewed","p":"/a/p/487f3e9903d0ad8b4bb4aa5af8912cc5.webp","pl":"https://ui.shadcn.com/docs/components/base/card","pc":"shadcn"},{"id":"shadcn-ui:carousel","t":"Carousel","s":"shadcn-ui","c":"media/carousel","a":"shadcn","st":"reviewed","p":"/a/p/f9f363a730a1fa780a59889f935caa3f.webp","pl":"https://ui.shadcn.com/docs/components/base/carousel","pc":"shadcn"},{"id":"shadcn-ui:chart","t":"Chart","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/558e09da7cd29c16508cb96f336e1849.webp","pl":"https://ui.shadcn.com/docs/components/base/chart","pc":"shadcn"},{"id":"shadcn-ui:checkbox","t":"Checkbox","s":"shadcn-ui","c":"inputs/checkbox","a":"shadcn","st":"reviewed","p":"/a/p/ddb8911b21e0fa13c55feac33e8fdc35.webp","pl":"https://ui.shadcn.com/docs/components/base/checkbox","pc":"shadcn"},{"id":"shadcn-ui:collapsible","t":"Collapsible","s":"shadcn-ui","c":"data-display/accordion","a":"shadcn","st":"reviewed","p":"/a/p/df89db3b78622e5519dd65787bb03a2a.webp","pl":"https://ui.shadcn.com/docs/components/base/collapsible","pc":"shadcn"},{"id":"shadcn-ui:combobox","t":"Combobox","s":"shadcn-ui","c":"inputs/combobox","a":"shadcn","st":"reviewed","p":"/a/p/0730de5189e72a71feda24d640b47779.webp","pl":"https://ui.shadcn.com/docs/components/base/combobox","pc":"shadcn"},{"id":"shadcn-ui:command","t":"Command","s":"shadcn-ui","c":"navigation/command-palette","a":"shadcn","st":"reviewed","p":"/a/p/dbafc0a91d6f94f6420ae2ee6b7f3849.webp","pl":"https://ui.shadcn.com/docs/components/base/command","pc":"shadcn"},{"id":"shadcn-ui:context-menu","t":"Context menu","s":"shadcn-ui","c":"overlays/context-menu","a":"shadcn","st":"reviewed","p":"/a/p/8608f2eafae2926d1f8ae579832e33ed.webp","pl":"https://ui.shadcn.com/docs/components/base/context-menu","pc":"shadcn"},{"id":"shadcn-ui:dialog","t":"Dialog","s":"shadcn-ui","c":"overlays/dialog","a":"shadcn","st":"reviewed","p":"/a/p/06855143401cfbe5e62cbb33ee274f94.webp","pl":"https://ui.shadcn.com/docs/components/base/dialog","pc":"shadcn"},{"id":"shadcn-ui:direction","t":"Direction","s":"shadcn-ui","c":"other","a":"shadcn","st":"reviewed","p":"/a/p/76f9a63e233e1d74acf602dbacb6bfe5.webp","pl":"https://ui.shadcn.com/docs/components/base/direction","pc":"shadcn"},{"id":"shadcn-ui:drawer","t":"Drawer","s":"shadcn-ui","c":"overlays/sheet","a":"shadcn","st":"reviewed","p":"/a/p/f1ae75d12e9eca4db387f83e13fdfa2a.webp","pl":"https://ui.shadcn.com/docs/components/base/drawer","pc":"shadcn"},{"id":"shadcn-ui:dropdown-menu","t":"Dropdown menu","s":"shadcn-ui","c":"navigation/menu","a":"shadcn","st":"reviewed","p":"/a/p/d7e8b3e30cf15fd856f68340a36220e7.webp","pl":"https://ui.shadcn.com/docs/components/base/dropdown-menu","pc":"shadcn"},{"id":"shadcn-ui:empty","t":"Empty","s":"shadcn-ui","c":"data-display/empty-state","a":"shadcn","st":"reviewed","p":"/a/p/655906a433985a311b13832c1635641a.webp","pl":"https://ui.shadcn.com/docs/components/base/empty","pc":"shadcn"},{"id":"shadcn-ui:field","t":"Field","s":"shadcn-ui","c":"inputs/form-field","a":"shadcn","st":"reviewed","p":"/a/p/50746eee1186f89008bd347365372d11.webp","pl":"https://ui.shadcn.com/docs/components/base/field","pc":"shadcn"},{"id":"shadcn-ui:form","t":"Form","s":"shadcn-ui","c":"inputs/form-field","a":"shadcn","st":"reviewed","pl":"https://ui.shadcn.com/blocks/form","pc":"shadcn"},{"id":"shadcn-ui:hover-card","t":"Hover card","s":"shadcn-ui","c":"overlays/hover-card","a":"shadcn","st":"reviewed","p":"/a/p/06487b7337a4a55639e4b3bdb987179e.webp","pl":"https://ui.shadcn.com/docs/components/base/hover-card","pc":"shadcn"},{"id":"shadcn-ui:input","t":"Input","s":"shadcn-ui","c":"inputs/form-field","a":"shadcn","st":"reviewed","p":"/a/p/9c3b175b7b58f4ff5764b4538d44e7b3.webp","pl":"https://ui.shadcn.com/docs/components/base/input","pc":"shadcn"},{"id":"shadcn-ui:input-group","t":"Input group","s":"shadcn-ui","c":"inputs/form-field","a":"shadcn","st":"reviewed","p":"/a/p/90f4d5c95c618def6c9725a4830d0c2b.webp","pl":"https://ui.shadcn.com/docs/components/base/input-group","pc":"shadcn"},{"id":"shadcn-ui:input-otp","t":"Input otp","s":"shadcn-ui","c":"inputs/otp-input","a":"shadcn","st":"reviewed","p":"/a/p/c3bd6b502dfeda4d622019445a95960f.webp","pl":"https://ui.shadcn.com/docs/components/base/input-otp","pc":"shadcn"},{"id":"shadcn-ui:item","t":"Item","s":"shadcn-ui","c":"data-display/list","a":"shadcn","st":"reviewed","p":"/a/p/3cb4156acc5beefa9883febdfe304985.webp","pl":"https://ui.shadcn.com/docs/components/base/item","pc":"shadcn"},{"id":"shadcn-ui:kbd","t":"Kbd","s":"shadcn-ui","c":"other","a":"shadcn","st":"reviewed","p":"/a/p/029128e49321f84b50a345c19efd3ba3.webp","pl":"https://ui.shadcn.com/docs/components/base/kbd","pc":"shadcn"},{"id":"shadcn-ui:label","t":"Label","s":"shadcn-ui","c":"inputs/form-field","a":"shadcn","st":"reviewed","p":"/a/p/30631cf1a7ff134cc25c6071ceadcf2f.webp","pl":"https://ui.shadcn.com/docs/components/base/label","pc":"shadcn"},{"id":"shadcn-ui:marker","t":"Marker","s":"shadcn-ui","c":"other","a":"shadcn","st":"reviewed","p":"/a/p/628b6f215d2aa2d002c2f7a85938fa6f.webp","pl":"https://ui.shadcn.com/docs/components/base/marker","pc":"shadcn"},{"id":"shadcn-ui:menubar","t":"Menubar","s":"shadcn-ui","c":"navigation/top-nav","a":"shadcn","st":"reviewed","p":"/a/p/9487a0e3797c87a9505ab35bd99f4d78.webp","pl":"https://ui.shadcn.com/docs/components/base/menubar","pc":"shadcn"},{"id":"shadcn-ui:message","t":"Message","s":"shadcn-ui","c":"other","a":"shadcn","st":"reviewed","p":"/a/p/dec2a4303ce76dcc56191b1d3a6c355b.webp","pl":"https://ui.shadcn.com/docs/components/base/message","pc":"shadcn"},{"id":"shadcn-ui:message-scroller","t":"Message scroller","s":"shadcn-ui","c":"layout/scroll-area","a":"shadcn","st":"reviewed","p":"/a/p/17c3b03e7cbc688e5d99e87b90fe364e.webp","pl":"https://ui.shadcn.com/docs/components/base/message-scroller","pc":"shadcn"},{"id":"shadcn-ui:native-select","t":"Native select","s":"shadcn-ui","c":"inputs/select","a":"shadcn","st":"reviewed","p":"/a/p/3a2fffc1b6a1f359346ace5efdb861a2.webp","pl":"https://ui.shadcn.com/docs/components/base/native-select","pc":"shadcn"},{"id":"shadcn-ui:navigation-menu","t":"Navigation menu","s":"shadcn-ui","c":"navigation/top-nav","a":"shadcn","st":"reviewed","p":"/a/p/adf3cca12efc9795645a2b7e8cf0fd67.webp","pl":"https://ui.shadcn.com/docs/components/base/navigation-menu","pc":"shadcn"},{"id":"shadcn-ui:pagination","t":"Pagination","s":"shadcn-ui","c":"navigation/pagination","a":"shadcn","st":"reviewed","p":"/a/p/483453c97d20069ccd6835dd491152fa.webp","pl":"https://ui.shadcn.com/docs/components/base/pagination","pc":"shadcn"},{"id":"shadcn-ui:popover","t":"Popover","s":"shadcn-ui","c":"overlays/popover","a":"shadcn","st":"reviewed","p":"/a/p/7b31c3cfb0d8a28113b45418e5b6c8f0.webp","pl":"https://ui.shadcn.com/docs/components/base/popover","pc":"shadcn"},{"id":"shadcn-ui:progress","t":"Progress","s":"shadcn-ui","c":"data-viz/progress-bar","a":"shadcn","st":"reviewed","p":"/a/p/338ae1b11bdaef2e596308247f4c390c.webp","pl":"https://ui.shadcn.com/docs/components/base/progress","pc":"shadcn"},{"id":"shadcn-ui:questionnaire","t":"Questionnaire","s":"shadcn-ui","c":"other","a":"shadcn","st":"reviewed","p":"/a/p/cb9dfe50849dacef9b9ffab58008a6e6.webp","pl":"https://ui.shadcn.com/docs/components/base/questionnaire","pc":"shadcn"},{"id":"shadcn-ui:radio-group","t":"Radio group","s":"shadcn-ui","c":"inputs/radio","a":"shadcn","st":"reviewed","p":"/a/p/babb7455e0d9b59f52912d1ccd5b0dea.webp","pl":"https://ui.shadcn.com/docs/components/base/radio-group","pc":"shadcn"},{"id":"shadcn-ui:resizable","t":"Resizable","s":"shadcn-ui","c":"layout/split-pane","a":"shadcn","st":"reviewed","p":"/a/p/9b4a01da240e0c3320c564e6d250853f.webp","pl":"https://ui.shadcn.com/docs/components/base/resizable","pc":"shadcn"},{"id":"shadcn-ui:scroll-area","t":"Scroll area","s":"shadcn-ui","c":"layout/scroll-area","a":"shadcn","st":"reviewed","p":"/a/p/85ae790e68a2cdd81c2cba80e0dbd191.webp","pl":"https://ui.shadcn.com/docs/components/base/scroll-area","pc":"shadcn"},{"id":"shadcn-ui:select","t":"Select","s":"shadcn-ui","c":"inputs/select","a":"shadcn","st":"reviewed","p":"/a/p/7b0940c07458354d0667717b6b430a92.webp","pl":"https://ui.shadcn.com/docs/components/base/select","pc":"shadcn"},{"id":"shadcn-ui:separator","t":"Separator","s":"shadcn-ui","c":"other","a":"shadcn","st":"reviewed","p":"/a/p/133c7061323d8405f30c8a8683123bdf.webp","pl":"https://ui.shadcn.com/docs/components/base/separator","pc":"shadcn"},{"id":"shadcn-ui:sheet","t":"Sheet","s":"shadcn-ui","c":"overlays/sheet","a":"shadcn","st":"reviewed","p":"/a/p/d7e8b3e30cf15fd856f68340a36220e7.webp","pl":"https://ui.shadcn.com/docs/components/base/sheet","pc":"shadcn"},{"id":"shadcn-ui:sidebar","t":"Sidebar","s":"shadcn-ui","c":"navigation/sidebar","a":"shadcn","st":"reviewed","p":"/a/p/afa8bbf2c99ceed8afb777098e138d2a.webp","pl":"https://ui.shadcn.com/docs/components/base/sidebar","pc":"shadcn"},{"id":"shadcn-ui:skeleton","t":"Skeleton","s":"shadcn-ui","c":"status/skeleton","a":"shadcn","st":"reviewed","p":"/a/p/72da8d641af0fd9978314712c4765e4d.webp","pl":"https://ui.shadcn.com/docs/components/base/skeleton","pc":"shadcn"},{"id":"shadcn-ui:slider","t":"Slider","s":"shadcn-ui","c":"inputs/slider","a":"shadcn","st":"reviewed","p":"/a/p/0da4fe736c743eb0e0e31dd9dadcd060.webp","pl":"https://ui.shadcn.com/docs/components/base/slider","pc":"shadcn"},{"id":"shadcn-ui:sonner","t":"Sonner","s":"shadcn-ui","c":"overlays/toast","a":"shadcn","st":"reviewed","p":"/a/p/31a61f507e945f782e1f11e1617d7776.webp","pl":"https://ui.shadcn.com/docs/components/base/toast","pc":"shadcn"},{"id":"shadcn-ui:spinner","t":"Spinner","s":"shadcn-ui","c":"status/loader","a":"shadcn","st":"reviewed","p":"/a/p/ef2ac2b869e0fe56d142ece0bec035df.webp","pl":"https://ui.shadcn.com/docs/components/base/spinner","pc":"shadcn"},{"id":"shadcn-ui:switch","t":"Switch","s":"shadcn-ui","c":"actions/switch","a":"shadcn","st":"reviewed","p":"/a/p/60a60870c072136dfe5909680c98d5ef.webp","pl":"https://ui.shadcn.com/docs/components/base/switch","pc":"shadcn"},{"id":"shadcn-ui:table","t":"Table","s":"shadcn-ui","c":"data-display/table","a":"shadcn","st":"reviewed","p":"/a/p/5eec4d46663d80f45ff6fb8d07db02cc.webp","pl":"https://ui.shadcn.com/docs/components/base/table","pc":"shadcn"},{"id":"shadcn-ui:tabs","t":"Tabs","s":"shadcn-ui","c":"navigation/tabs","a":"shadcn","st":"reviewed","p":"/a/p/637b73f827c2e213bb9a9e73ed2e5c75.webp","pl":"https://ui.shadcn.com/docs/components/base/tabs","pc":"shadcn"},{"id":"shadcn-ui:textarea","t":"Textarea","s":"shadcn-ui","c":"inputs/textarea","a":"shadcn","st":"reviewed","p":"/a/p/e5aa124a91dd64f5d08567a1a00e6ebc.webp","pl":"https://ui.shadcn.com/docs/components/base/textarea","pc":"shadcn"},{"id":"shadcn-ui:toast","t":"Toast","s":"shadcn-ui","c":"overlays/toast","a":"shadcn","st":"reviewed","p":"/a/p/31a61f507e945f782e1f11e1617d7776.webp","pl":"https://ui.shadcn.com/docs/components/base/toast","pc":"shadcn"},{"id":"shadcn-ui:toggle","t":"Toggle","s":"shadcn-ui","c":"actions/switch","a":"shadcn","st":"reviewed","p":"/a/p/451d33e591083bffc18f55c44411fa40.webp","pl":"https://ui.shadcn.com/docs/components/base/toggle","pc":"shadcn"},{"id":"shadcn-ui:toggle-group","t":"Toggle group","s":"shadcn-ui","c":"actions/switch","a":"shadcn","st":"reviewed","p":"/a/p/867b1c389a7a648eebade59899624ebe.webp","pl":"https://ui.shadcn.com/docs/components/base/toggle-group","pc":"shadcn"},{"id":"shadcn-ui:tooltip","t":"Tooltip","s":"shadcn-ui","c":"overlays/tooltip","a":"shadcn","st":"reviewed","p":"/a/p/8029286d2ec5c74524aea59b38b92deb.webp","pl":"https://ui.shadcn.com/docs/components/base/tooltip","pc":"shadcn"},{"id":"shadcn-ui:dashboard-01","t":"Dashboard 01","d":"A dashboard with sidebar, charts and data table.","k":"layout","s":"shadcn-ui","c":"layout/dashboard","a":"shadcn","st":"reviewed","p":"/a/p/400da1f53bedb3cfce82c437219a44ed.webp","pl":"https://ui.shadcn.com/blocks/dashboard-01","pc":"shadcn"},{"id":"shadcn-ui:login-01","t":"Login 01","d":"A simple login form.","k":"layout","s":"shadcn-ui","c":"flows/sign-in","a":"shadcn","st":"reviewed","p":"/a/p/439d5ac41424d2428c2b11adf8ad6a5c.webp","pl":"https://ui.shadcn.com/blocks/login-01","pc":"shadcn"},{"id":"shadcn-ui:login-02","t":"Login 02","d":"A two column login page with a cover image.","k":"layout","s":"shadcn-ui","c":"flows/sign-in","a":"shadcn","st":"reviewed","p":"/a/p/2b7c6829f3d83dffa346a66d908bf873.webp","pl":"https://ui.shadcn.com/blocks/login-02","pc":"shadcn"},{"id":"shadcn-ui:login-03","t":"Login 03","d":"A login page with a muted background color.","k":"layout","s":"shadcn-ui","c":"flows/sign-in","a":"shadcn","st":"reviewed","p":"/a/p/939508fb6f4824833b330e0b7eca5140.webp","pl":"https://ui.shadcn.com/blocks/login-03","pc":"shadcn"},{"id":"shadcn-ui:login-04","t":"Login 04","d":"A login page with form and image.","k":"layout","s":"shadcn-ui","c":"flows/sign-in","a":"shadcn","st":"reviewed","p":"/a/p/1b87e9372294e4bad5be44f47c823ba8.webp","pl":"https://ui.shadcn.com/blocks/login-04","pc":"shadcn"},{"id":"shadcn-ui:login-05","t":"Login 05","d":"A simple email-only login page.","k":"layout","s":"shadcn-ui","c":"flows/sign-in","a":"shadcn","st":"reviewed","p":"/a/p/4d311b50b84fea9621dd18a60ac9ea88.webp","pl":"https://ui.shadcn.com/blocks/login-05","pc":"shadcn"},{"id":"shadcn-ui:sidebar-01","t":"Sidebar 01","d":"A simple sidebar with navigation grouped by section.","k":"layout","s":"shadcn-ui","c":"navigation/sidebar","a":"shadcn","st":"reviewed","p":"/a/p/020b1cf45bd01e6981e9a037565a77e2.webp","pl":"https://ui.shadcn.com/blocks/sidebar-01","pc":"shadcn"},{"id":"shadcn-ui:sidebar-02","t":"Sidebar 02","d":"A sidebar with collapsible sections.","k":"layout","s":"shadcn-ui","c":"navigation/sidebar","a":"shadcn","st":"reviewed","p":"/a/p/9b9ba8bab3f29f2bec9893a244a74acc.webp","pl":"https://ui.shadcn.com/blocks/sidebar-02","pc":"shadcn"},{"id":"shadcn-ui:sidebar-03","t":"Sidebar 03","d":"A sidebar with submenus.","k":"layout","s":"shadcn-ui","c":"navigation/sidebar","a":"shadcn","st":"reviewed","p":"/a/p/8eaa97305ffcae503db5cddae293ee85.webp","pl":"https://ui.shadcn.com/blocks/sidebar-03","pc":"shadcn"},{"id":"shadcn-ui:sidebar-04","t":"Sidebar 04","d":"A floating sidebar with submenus.","k":"layout","s":"shadcn-ui","c":"navigation/sidebar","a":"shadcn","st":"reviewed","p":"/a/p/25e3b418a369ad7a05bf05ef373b53f8.webp","pl":"https://ui.shadcn.com/blocks/sidebar-04","pc":"shadcn"},{"id":"shadcn-ui:sidebar-05","t":"Sidebar 05","d":"A sidebar with collapsible submenus.","k":"layout","s":"shadcn-ui","c":"navigation/sidebar","a":"shadcn","st":"reviewed","p":"/a/p/1352ee3873ff82bbf93baa73c491507f.webp","pl":"https://ui.shadcn.com/blocks/sidebar-05","pc":"shadcn"},{"id":"shadcn-ui:sidebar-06","t":"Sidebar 06","d":"A sidebar with submenus as dropdowns.","k":"layout","s":"shadcn-ui","c":"navigation/sidebar","a":"shadcn","st":"reviewed","p":"/a/p/1b35bcc7d99650044e4c9d994d96dec0.webp","pl":"https://ui.shadcn.com/blocks/sidebar-06","pc":"shadcn"},{"id":"shadcn-ui:sidebar-07","t":"Sidebar 07","d":"A sidebar that collapses to icons.","k":"layout","s":"shadcn-ui","c":"navigation/sidebar","a":"shadcn","st":"reviewed","p":"/a/p/ceea36880117c8d7f2ef6aedac89d5b4.webp","pl":"https://ui.shadcn.com/blocks/sidebar-07","pc":"shadcn"},{"id":"shadcn-ui:sidebar-08","t":"Sidebar 08","d":"An inset sidebar with secondary navigation.","k":"layout","s":"shadcn-ui","c":"navigation/sidebar","a":"shadcn","st":"reviewed","p":"/a/p/30b05d7634f22b5416e823e60b2c0f2b.webp","pl":"https://ui.shadcn.com/blocks/sidebar-08","pc":"shadcn"},{"id":"shadcn-ui:sidebar-09","t":"Sidebar 09","d":"Collapsible nested sidebars.","k":"layout","s":"shadcn-ui","c":"navigation/sidebar","a":"shadcn","st":"reviewed","p":"/a/p/822a3f6024a09c97eb2949ad219510d2.webp","pl":"https://ui.shadcn.com/blocks/sidebar-09","pc":"shadcn"},{"id":"shadcn-ui:sidebar-10","t":"Sidebar 10","d":"A sidebar in a popover.","k":"layout","s":"shadcn-ui","c":"navigation/sidebar","a":"shadcn","st":"reviewed","p":"/a/p/59bdbe8a9f6a3ecff9c0d3e21987b743.webp","pl":"https://ui.shadcn.com/blocks/sidebar-10","pc":"shadcn"},{"id":"shadcn-ui:sidebar-11","t":"Sidebar 11","d":"A sidebar with a collapsible file tree.","k":"layout","s":"shadcn-ui","c":"navigation/sidebar","a":"shadcn","st":"reviewed","p":"/a/p/a38e55f4238a40ac86051dcdfa638625.webp","pl":"https://ui.shadcn.com/blocks/sidebar-11","pc":"shadcn"},{"id":"shadcn-ui:sidebar-12","t":"Sidebar 12","d":"A sidebar with a calendar.","k":"layout","s":"shadcn-ui","c":"navigation/sidebar","a":"shadcn","st":"reviewed","p":"/a/p/95f7d80d1f060bf727d3382a4d0e29b0.webp","pl":"https://ui.shadcn.com/blocks/sidebar-12","pc":"shadcn"},{"id":"shadcn-ui:sidebar-13","t":"Sidebar 13","d":"A sidebar in a dialog.","k":"layout","s":"shadcn-ui","c":"navigation/sidebar","a":"shadcn","st":"reviewed","p":"/a/p/1524c6fd34cd25ba08ad9312023725fd.webp","pl":"https://ui.shadcn.com/blocks/sidebar-13","pc":"shadcn"},{"id":"shadcn-ui:sidebar-14","t":"Sidebar 14","d":"A sidebar on the right.","k":"layout","s":"shadcn-ui","c":"navigation/sidebar","a":"shadcn","st":"reviewed","p":"/a/p/8f2b0f71052cf1afc18bd846cc9df93c.webp","pl":"https://ui.shadcn.com/blocks/sidebar-14","pc":"shadcn"},{"id":"shadcn-ui:sidebar-15","t":"Sidebar 15","d":"A left and right sidebar.","k":"layout","s":"shadcn-ui","c":"navigation/sidebar","a":"shadcn","st":"reviewed","p":"/a/p/c604cc18ed29a45e481111d96b8c724e.webp","pl":"https://ui.shadcn.com/blocks/sidebar-15","pc":"shadcn"},{"id":"shadcn-ui:sidebar-16","t":"Sidebar 16","d":"A sidebar with a sticky site header.","k":"layout","s":"shadcn-ui","c":"navigation/sidebar","a":"shadcn","st":"reviewed","p":"/a/p/1c69bc994da57959959e9b7912a8848e.webp","pl":"https://ui.shadcn.com/blocks/sidebar-16","pc":"shadcn"},{"id":"shadcn-ui:signup-01","t":"Signup 01","d":"A simple signup form.","k":"layout","s":"shadcn-ui","c":"flows/sign-in","a":"shadcn","st":"reviewed","pl":"https://ui.shadcn.com/blocks/signup-01","pc":"shadcn"},{"id":"shadcn-ui:signup-02","t":"Signup 02","d":"A two column signup page with a cover image.","k":"layout","s":"shadcn-ui","c":"flows/sign-in","a":"shadcn","st":"reviewed","pl":"https://ui.shadcn.com/blocks/signup-02","pc":"shadcn"},{"id":"shadcn-ui:signup-03","t":"Signup 03","d":"A signup page with a muted background color.","k":"layout","s":"shadcn-ui","c":"flows/sign-in","a":"shadcn","st":"reviewed","pl":"https://ui.shadcn.com/blocks/signup-03","pc":"shadcn"},{"id":"shadcn-ui:signup-04","t":"Signup 04","d":"A signup page with form and image.","k":"layout","s":"shadcn-ui","c":"flows/sign-in","a":"shadcn","st":"reviewed","pl":"https://ui.shadcn.com/blocks/signup-04","pc":"shadcn"},{"id":"shadcn-ui:signup-05","t":"Signup 05","d":"A simple signup form with social providers.","k":"layout","s":"shadcn-ui","c":"flows/sign-in","a":"shadcn","st":"reviewed","pl":"https://ui.shadcn.com/blocks/signup-05","pc":"shadcn"},{"id":"shadcn-ui:chart-area-axes","t":"Chart area axes","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/49de7b20073b418cc8d21145b56b87bc.webp","pl":"https://ui.shadcn.com/blocks/chart-area-axes","pc":"shadcn"},{"id":"shadcn-ui:chart-area-default","t":"Chart area default","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/3fa55649a10d7ef847fc5b6776af729c.webp","pl":"https://ui.shadcn.com/blocks/chart-area-default","pc":"shadcn"},{"id":"shadcn-ui:chart-area-gradient","t":"Chart area gradient","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/cdd5c1c02e0fce49953e52f51e770c1f.webp","pl":"https://ui.shadcn.com/blocks/chart-area-gradient","pc":"shadcn"},{"id":"shadcn-ui:chart-area-icons","t":"Chart area icons","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/1b70ceb0c6b6f11c21af99efde9042ae.webp","pl":"https://ui.shadcn.com/blocks/chart-area-icons","pc":"shadcn"},{"id":"shadcn-ui:chart-area-interactive","t":"Chart area interactive","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/e691fb4c68da2426a29be91d30c9521d.webp","pl":"https://ui.shadcn.com/blocks/chart-area-interactive","pc":"shadcn"},{"id":"shadcn-ui:chart-area-legend","t":"Chart area legend","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/597e7f0788a6227eee0c61e487c92372.webp","pl":"https://ui.shadcn.com/blocks/chart-area-legend","pc":"shadcn"},{"id":"shadcn-ui:chart-area-linear","t":"Chart area linear","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/aed861bcc147e4e4d87a616476b0aded.webp","pl":"https://ui.shadcn.com/blocks/chart-area-linear","pc":"shadcn"},{"id":"shadcn-ui:chart-area-stacked","t":"Chart area stacked","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/7e4b5b4f206def3ef1a25cec438bfbf2.webp","pl":"https://ui.shadcn.com/blocks/chart-area-stacked","pc":"shadcn"},{"id":"shadcn-ui:chart-area-step","t":"Chart area step","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/cd10c0368beef87730f0bbaee8793e4f.webp","pl":"https://ui.shadcn.com/blocks/chart-area-step","pc":"shadcn"},{"id":"shadcn-ui:chart-bar-active","t":"Chart bar active","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/728289ab1a8e529ed0cbbf75b525b86d.webp","pl":"https://ui.shadcn.com/blocks/chart-bar-active","pc":"shadcn"},{"id":"shadcn-ui:chart-bar-default","t":"Chart bar default","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/eaf1d076809f6f64f85a5c0a2f904029.webp","pl":"https://ui.shadcn.com/blocks/chart-bar-default","pc":"shadcn"},{"id":"shadcn-ui:chart-bar-horizontal","t":"Chart bar horizontal","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/8429062e145af30424e47af912474277.webp","pl":"https://ui.shadcn.com/blocks/chart-bar-horizontal","pc":"shadcn"},{"id":"shadcn-ui:chart-bar-interactive","t":"Chart bar interactive","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/2526cea9f61281f98b41de929c00f425.webp","pl":"https://ui.shadcn.com/blocks/chart-bar-interactive","pc":"shadcn"},{"id":"shadcn-ui:chart-bar-label","t":"Chart bar label","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/a093d096d87f32226ace7f7ac15eb5b4.webp","pl":"https://ui.shadcn.com/blocks/chart-bar-label","pc":"shadcn"},{"id":"shadcn-ui:chart-bar-mixed","t":"Chart bar mixed","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/62902bd423207b4d42b1f60dde538af5.webp","pl":"https://ui.shadcn.com/blocks/chart-bar-mixed","pc":"shadcn"},{"id":"shadcn-ui:chart-bar-multiple","t":"Chart bar multiple","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/68b4fea0a839076448e723acdc83b773.webp","pl":"https://ui.shadcn.com/blocks/chart-bar-multiple","pc":"shadcn"},{"id":"shadcn-ui:chart-bar-negative","t":"Chart bar negative","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/e6003c414dbe2672ede4ebc3331d7687.webp","pl":"https://ui.shadcn.com/blocks/chart-bar-negative","pc":"shadcn"},{"id":"shadcn-ui:chart-bar-stacked","t":"Chart bar stacked","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/83cdcb5c3ecd413702858bbf6ae46fbf.webp","pl":"https://ui.shadcn.com/blocks/chart-bar-stacked","pc":"shadcn"},{"id":"shadcn-ui:chart-line-default","t":"Chart line default","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/29860c81a5ab227ce62de3488f8d6a9f.webp","pl":"https://ui.shadcn.com/blocks/chart-line-default","pc":"shadcn"},{"id":"shadcn-ui:chart-line-dots","t":"Chart line dots","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/0f84b544e3ab12ac0e327f4a7fe08988.webp","pl":"https://ui.shadcn.com/blocks/chart-line-dots","pc":"shadcn"},{"id":"shadcn-ui:chart-line-interactive","t":"Chart line interactive","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/73ba552a2287e19222c232bbe2d70516.webp","pl":"https://ui.shadcn.com/blocks/chart-line-interactive","pc":"shadcn"},{"id":"shadcn-ui:chart-line-label","t":"Chart line label","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/739b80bfc965657fe62ba9bb5c28c8ce.webp","pl":"https://ui.shadcn.com/blocks/chart-line-label","pc":"shadcn"},{"id":"shadcn-ui:chart-line-linear","t":"Chart line linear","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/0438d77c4d1fa2d7c0efd772b60e00f0.webp","pl":"https://ui.shadcn.com/blocks/chart-line-linear","pc":"shadcn"},{"id":"shadcn-ui:chart-line-multiple","t":"Chart line multiple","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/26525ea25730ef4c460483e09c9fa380.webp","pl":"https://ui.shadcn.com/blocks/chart-line-multiple","pc":"shadcn"},{"id":"shadcn-ui:chart-line-step","t":"Chart line step","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/9f2515434151b47ff0352182d6620daa.webp","pl":"https://ui.shadcn.com/blocks/chart-line-step","pc":"shadcn"},{"id":"shadcn-ui:chart-pie-donut","t":"Chart pie donut","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/778a0cab46ced22305f3c52f38d4adcf.webp","pl":"https://ui.shadcn.com/blocks/chart-pie-donut","pc":"shadcn"},{"id":"shadcn-ui:chart-pie-interactive","t":"Chart pie interactive","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/4be81eedaafbf7a651c8d555d12f326e.webp","pl":"https://ui.shadcn.com/blocks/chart-pie-interactive","pc":"shadcn"},{"id":"shadcn-ui:chart-pie-label","t":"Chart pie label","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/f353ab040bb0e5dbc8160787950cd282.webp","pl":"https://ui.shadcn.com/blocks/chart-pie-label","pc":"shadcn"},{"id":"shadcn-ui:chart-pie-legend","t":"Chart pie legend","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/3035d24bec1742c1e979826b9a2d9cef.webp","pl":"https://ui.shadcn.com/blocks/chart-pie-legend","pc":"shadcn"},{"id":"shadcn-ui:chart-pie-simple","t":"Chart pie simple","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/90bd6335d02052329b8b8c60c58cdc80.webp","pl":"https://ui.shadcn.com/blocks/chart-pie-simple","pc":"shadcn"},{"id":"shadcn-ui:chart-pie-stacked","t":"Chart pie stacked","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/303cc0f6cac38e513ece113a38c94d89.webp","pl":"https://ui.shadcn.com/blocks/chart-pie-stacked","pc":"shadcn"},{"id":"shadcn-ui:chart-radar-default","t":"Chart radar default","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/62028e5294ff2f78c887c13662f72a31.webp","pl":"https://ui.shadcn.com/blocks/chart-radar-default","pc":"shadcn"},{"id":"shadcn-ui:chart-radar-dots","t":"Chart radar dots","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/17e221b57b238327932f795982c0abb3.webp","pl":"https://ui.shadcn.com/blocks/chart-radar-dots","pc":"shadcn"},{"id":"shadcn-ui:chart-radar-legend","t":"Chart radar legend","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/ca40c30941165edfacbfc12d9354bfe9.webp","pl":"https://ui.shadcn.com/blocks/chart-radar-legend","pc":"shadcn"},{"id":"shadcn-ui:chart-radar-multiple","t":"Chart radar multiple","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/5133237015102d36c7da29c0011d731e.webp","pl":"https://ui.shadcn.com/blocks/chart-radar-multiple","pc":"shadcn"},{"id":"shadcn-ui:chart-radial-grid","t":"Chart radial grid","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/8581d0038162da5f249b7d32614f4d40.webp","pl":"https://ui.shadcn.com/blocks/chart-radial-grid","pc":"shadcn"},{"id":"shadcn-ui:chart-radial-label","t":"Chart radial label","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/4f3c0277bcf1818103110653b330f7b0.webp","pl":"https://ui.shadcn.com/blocks/chart-radial-label","pc":"shadcn"},{"id":"shadcn-ui:chart-radial-shape","t":"Chart radial shape","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/d4d1dd56543a6bbc9367705e856b3603.webp","pl":"https://ui.shadcn.com/blocks/chart-radial-shape","pc":"shadcn"},{"id":"shadcn-ui:chart-radial-simple","t":"Chart radial simple","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/3c85f641588ee4e79adc757ffaf1d128.webp","pl":"https://ui.shadcn.com/blocks/chart-radial-simple","pc":"shadcn"},{"id":"shadcn-ui:chart-radial-stacked","t":"Chart radial stacked","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/cdfef70a68ce4ec4471c3372bf26dfd8.webp","pl":"https://ui.shadcn.com/blocks/chart-radial-stacked","pc":"shadcn"},{"id":"shadcn-ui:chart-radial-text","t":"Chart radial text","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/b44c7fde8d6996d2b8648ae5ceda6661.webp","pl":"https://ui.shadcn.com/blocks/chart-radial-text","pc":"shadcn"},{"id":"shadcn-ui:chart-tooltip-advanced","t":"Chart tooltip advanced","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/8bb47972e6083c9d774b0b4d2125179f.webp","pl":"https://ui.shadcn.com/blocks/chart-tooltip-advanced","pc":"shadcn"},{"id":"shadcn-ui:chart-tooltip-default","t":"Chart tooltip default","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/fadbaa4486fc42647eb44db99bf21457.webp","pl":"https://ui.shadcn.com/blocks/chart-tooltip-default","pc":"shadcn"},{"id":"shadcn-ui:chart-tooltip-formatter","t":"Chart tooltip formatter","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/ff61f4f31d639b97ac9af4ada0f19174.webp","pl":"https://ui.shadcn.com/blocks/chart-tooltip-formatter","pc":"shadcn"},{"id":"shadcn-ui:chart-tooltip-icons","t":"Chart tooltip icons","s":"shadcn-ui","c":"data-viz/chart","a":"shadcn","st":"reviewed","p":"/a/p/54a7c8de25ca4a1cfdca5b0d3840c3ce.webp","pl":"https://ui.shadcn.com/blocks/chart-tooltip-icons","pc":"shadcn"},{"id":"21st:0xUrvish__animated-collection","t":"Animated collection","d":"A collection of items with smooth layout transitions and animations.","s":"21st","c":"media/gallery","a":"0xUrvish","u":14,"pl":"https://cdn.21st.dev/larsen66/animated-collection/demos/default/preview.1773272502588.png","pc":"0xUrvish","tg":["gallery"]},{"id":"21st:0xUrvish__bento-card","t":"Bento card","d":"An interactive bento card with animated tabs and workspace preview.","k":"layout","s":"21st","c":"data-display/card","a":"0xUrvish","u":101,"pl":"https://cdn.21st.dev/larsen66/bento-card/demos/default/preview.1773272549916.png","pc":"0xUrvish","tg":["dashboard","tabs"]},{"id":"21st:0xUrvish__bottom-menu","t":"Bottom menu","d":"An animated bottom navigation menu with smooth transitions.","s":"21st","c":"navigation/menu","a":"0xUrvish","u":30,"pl":"https://cdn.21st.dev/larsen66/bottom-menu/demos/default/preview.1773272598452.png","pc":"0xUrvish","tg":["dock"]},{"id":"21st:0xUrvish__bucket","t":"Bucket","d":"An animated file bucket component with drag interactions.","s":"21st","c":"navigation/dock","a":"0xUrvish","u":63,"pl":"https://cdn.21st.dev/larsen66/bucket/default/preview.1773296154509.png","pc":"0xUrvish"},{"id":"21st:0xUrvish__day-picker","t":"Day picker","d":"An animated day picker calendar component.","s":"21st","c":"inputs/date-picker","a":"0xUrvish","pl":"https://cdn.21st.dev/larsen66/day-picker/default/preview.1773296227059.png","pc":"0xUrvish"},{"id":"21st:0xUrvish__delete-button","t":"Delete button","d":"An animated delete button with swipe-to-delete interaction.","s":"21st","c":"actions/button","a":"0xUrvish","pl":"https://cdn.21st.dev/larsen66/delete-button/default/preview.1773296291853.png","pc":"0xUrvish"},{"id":"21st:0xUrvish__discover-button","t":"Discover button","d":"An animated discover button with smooth hover and spring effects.","s":"21st","c":"actions/button","a":"0xUrvish","u":21,"pl":"https://cdn.21st.dev/0xUrvish/discover-button/default/preview.1773296450853.png","pc":"0xUrvish","tg":["toggle"]},{"id":"21st:0xUrvish__discrete-tab","t":"Discrete tab","d":"A tab component with discrete sliding animations.","s":"21st","c":"navigation/tabs","a":"0xUrvish","pl":"https://cdn.21st.dev/larsen66/discrete-tab/default/preview.1773296524059.png","pc":"0xUrvish","tg":["tabs"]},{"id":"21st:0xUrvish__dynamic-toolbar","t":"Dynamic toolbar","d":"A dynamic toolbar with animated tool selection and smooth transitions.","s":"21st","c":"navigation/menu","a":"0xUrvish","u":18,"pl":"https://cdn.21st.dev/larsen66/dynamic-toolbar/default/preview.1773296595534.png","pc":"0xUrvish","sb":"Menubars"},{"id":"21st:0xUrvish__empty-testimonial","t":"Empty testimonial","d":"An animated empty state component for testimonial sections.","k":"section","s":"21st","c":"marketing/testimonials","a":"0xUrvish","u":37,"pl":"https://cdn.21st.dev/larsen66/empty-testimonial/default/preview.1773296744146.png","pc":"0xUrvish","tg":["empty-state","testimonials"]},{"id":"21st:0xUrvish__expandable-gallery","t":"Expandable gallery","d":"A gallery component with expandable image items.","s":"21st","c":"media/gallery","a":"0xUrvish","u":38,"pl":"https://cdn.21st.dev/larsen66/expandable-gallery/demos/default/preview.1773274341623.png","pc":"0xUrvish","tg":["gallery"],"sb":"Hover effects"},{"id":"21st:0xUrvish__feature-carousel","t":"Feature carousel","d":"An animated feature carousel with smooth slide transitions.","s":"21st","c":"media/carousel","a":"0xUrvish","u":201,"pl":"https://cdn.21st.dev/larsen66/feature-carousel/default/preview.1773296834657.png","pc":"0xUrvish","tg":["carousel","features","image"]},{"id":"21st:0xUrvish__fluid-expanding-grid","t":"Fluid expanding grid","d":"A fluid grid that expands items with smooth motion animations.","k":"motion","s":"21st","c":"motion/shader","a":"0xUrvish","u":31,"pl":"https://cdn.21st.dev/larsen66/fluid-expanding-grid/default/preview.1773296942274.png","pc":"0xUrvish","tg":["gallery","grid","image"]},{"id":"21st:0xUrvish__folder-interaction","t":"Folder interaction","d":"An animated folder with interactive open/close mechanics.","s":"21st","c":"motion/tilt-3d","a":"0xUrvish","pl":"https://cdn.21st.dev/larsen66/folder-interaction/default/preview.1773297116494.png","pc":"0xUrvish"},{"id":"21st:0xUrvish__inline-edit","t":"Inline edit","d":"An inline text editor with smooth transition animations.","s":"21st","c":"inputs/form-field","a":"0xUrvish","st":"rated","u":12,"pl":"https://cdn.21st.dev/larsen66/inline-edit/demos/default/preview.1773274740843.png","pc":"0xUrvish","sc":25},{"id":"21st:0xUrvish__list-item","t":"List item","d":"An animated list item with smooth entrance and exit effects.","s":"21st","c":"data-display/list","a":"0xUrvish","pl":"https://cdn.21st.dev/larsen66/list-item/default/preview.1773298916583.png","pc":"0xUrvish","tg":["list"]},{"id":"21st:0xUrvish__magnified-bento","t":"Magnified bento","d":"A bento grid with magnification effect on hover.","k":"layout","s":"21st","c":"layout/bento-grid","a":"0xUrvish","u":53,"pl":"https://cdn.21st.dev/larsen66/magnified-bento/demos/default/preview.1773273230416.png","pc":"0xUrvish","tg":["features"]},{"id":"21st:0xUrvish__morphing-input","t":"Morphing input","d":"An input field that morphs between different states with smooth animations.","s":"21st","c":"inputs/form-field","a":"0xUrvish","st":"rated","pl":"https://cdn.21st.dev/larsen66/morphing-input/demos/default/preview.1773274420811.png","pc":"0xUrvish","tg":["input","search"],"sc":20},{"id":"21st:0xUrvish__pricing-card","t":"Pricing card","d":"An animated pricing card with interactive hover effects.","k":"section","s":"21st","c":"marketing/pricing","a":"0xUrvish","u":71,"pl":"https://cdn.21st.dev/larsen66/pricing-card/demos/default/preview.1773273314891.png","pc":"0xUrvish","tg":["pricing-section","radio-group"],"sb":"Plan cards"},{"id":"21st:0xUrvish__smooth-dropdown","t":"Smooth dropdown","d":"A dropdown menu with smooth spring animations.","s":"21st","c":"navigation/menu","a":"0xUrvish","u":27,"pl":"https://cdn.21st.dev/larsen66/smooth-dropdown/demos/default/preview.1773274491397.png","pc":"0xUrvish","tg":["dropdown","menu"],"sb":"Dropdowns"},{"id":"21st:0xUrvish__stacked-list","t":"Stacked list","d":"An animated stacked list with smooth layout transitions.","s":"21st","c":"data-display/avatar","a":"0xUrvish","u":28,"pl":"https://cdn.21st.dev/larsen66/stacked-list/default/preview.1773675563534.png","pc":"0xUrvish","tg":["list","search","team"],"sb":"Activity and feeds"},{"id":"21st:0xUrvish__vertical-tabs","t":"Vertical tabs","d":"Vertical tab navigation with smooth animated transitions.","s":"21st","c":"navigation/tabs","a":"0xUrvish","u":78,"pl":"https://cdn.21st.dev/larsen66/vertical-tabs/demos/default/preview.1773273469704.png","pc":"0xUrvish","tg":["carousel","tabs"]},{"id":"21st:16inam06__chromatic-lens","t":"Chromatic lens","s":"21st","c":"media/gallery","a":"16inam06","pl":"https://cdn.21st.dev/user_2tOlt5i3FnpF1IrqT5mMmetDCmH/chromatic-lens/interactive-web-gl-chromatic-lens/preview.png","pc":"16inam06","sb":"Zoom and lens"},{"id":"21st:1myfakename1__test","t":"Test","d":"Animated (shimmer) ASCII art in the Dots style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, card","k":"motion","s":"21st","c":"motion/ascii","a":"1myfakename1","pl":"https://cdn.21st.dev/1myfakename1/test/default/preview.1785072020153-77ce3d4a-39c6-4479-9c79-e20b19723cba.webp","pc":"1myfakename1","sb":"Dots"},{"id":"21st:21st__search-tool","t":"Search tool","d":"Render grouped search results as a collapsible tool card. State-driven (searching shimmer / done static). Provide a query and an optional results array. Self-contained port from 21","s":"21st","c":"ai-agent","a":"21st","pl":"https://cdn.21st.dev/21st.dev/search-tool/default/preview.1777401827359.png","pc":"21st"},{"id":"21st:21st__thinking-tool","t":"Thinking tool","d":"Render assistant reasoning in a collapsible row. State-driven (thinking shimmer / thought static). Self-contained port from 21st.dev Agent Elements with React-only collapsible (no ","s":"21st","c":"ai-agent","a":"21st","pl":"https://cdn.21st.dev/21st.dev/thinking-tool/default/preview.1777400917780.png","pc":"21st","sb":"Reasoning and tools"},{"id":"21st:2301020845__asciisphere","t":"Asciisphere","d":"The characters used to render the sphere, ordered from dark to light.","s":"21st","c":"other","a":"2301020845","pl":"https://21st.dev/@2301020845/components/asciisphere","pc":"2301020845"},{"id":"21st:3h5x__pagenotfound","t":"Pagenotfound","d":"A clean and modern 404 Not Found page built with React and Tailwind CSS.","s":"21st","c":"other","a":"3h5x","pl":"https://cdn.21st.dev/3h5x/pagenotfound/default/preview.1748038026513.png","pc":"3h5x"},{"id":"21st:40973894__siri-wave","t":"Siri wave","d":"Siri-style GLSL shaders on a raw WebGL canvas — an iOS voice waveform with chromatic aberration and a fluid-dots metaball orb that merges, scatters and gathers. Dependency-free, tw","k":"motion","s":"21st","c":"motion/background","a":"40973894","pl":"https://cdn.21st.dev/larsen66/siri-wave/default/preview.1782168892470.png","pc":"40973894","tg":["spinner"],"sb":"Waves and warps"},{"id":"21st:5d99hgrqzk-wq__manu","t":"Manu","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#031C26, #1B6CA8, #5AD2F4, #EAF9FF). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"5d99hgrqzk-wq","pl":"https://cdn.21st.dev/5d99hgrqzk-wq/manu/default/preview.1785609923962-605922b9-f981-4235-9d46-db4d0ce8d1af.webp","pc":"5d99hgrqzk-wq","sb":"Mesh drift"},{"id":"21st:772984045__test","t":"Test","d":"Test for component creating process. ","s":"21st","c":"other","a":"772984045","pl":"https://cdn.21st.dev/772984045/test/default/preview.1776064348585.png","pc":"772984045"},{"id":"21st:79198736000dan_localhost__expo-dep-chain-e2e-20260605111142","t":"Expo dep chain e2e 20260605111142","d":"E2E unlisted Expo component that imports a registry dependency.","s":"21st","c":"other","a":"79198736000dan_localhost","pl":"https://21st.dev/@79198736000dan_localhost/components/expo-dep-chain-e2e-20260605111142","pc":"79198736000dan_localhost"},{"id":"21st:79198736000dan_localhost__expo-e2e-011649","t":"Expo e2e 011649","d":"Fresh Expo registry install smoke test component.","s":"21st","c":"other","a":"79198736000dan_localhost","pl":"https://cdn.21st.dev/79198736000dan_localhost/expo-e2e-011649/default/preview.1780332998146.png","pc":"79198736000dan_localhost"},{"id":"21st:79198736000dan_localhost__expo-e2e-224752","t":"Expo e2e 224752","d":"Expo registry publish smoke test 224752","s":"21st","c":"other","a":"79198736000dan_localhost","pl":"https://cdn.21st.dev/79198736000dan_localhost/expo-e2e-224752/default/preview.1780327258358.png","pc":"79198736000dan_localhost"},{"id":"21st:79198736000dan_localhost__jfajfjajfajf","t":"Jfajfjajfajf","d":"jfajfjajfajfjfajfjajfajfjfajfjajfajf","s":"21st","c":"other","a":"79198736000dan_localhost","pl":"https://cdn.21st.dev/79198736000dan_localhost/jfajfjajfajf/default/preview.1779999779141.png","pc":"79198736000dan_localhost"},{"id":"21st:79198736000dan_localhost__test-comp","t":"Test comp","d":"fasfsatest comp","s":"21st","c":"other","a":"79198736000dan_localhost","pl":"https://cdn.21st.dev/79198736000dan_localhost/test-comp/default/preview.1779981081355.png","pc":"79198736000dan_localhost"},{"id":"21st:7ovr__centered-nav-header","t":"Centered nav header","d":"A responsive three-column site header with the logo pinned left, navigation links centered, and a sign-in link plus primary CTA on the right, collapsing into a mobile sheet menu.","s":"21st","c":"navigation/top-nav","a":"7ovr","u":18,"pl":"https://cdn.21st.dev/7ovr/centered-nav-header/default/preview.1784732440036-897e2fca-d619-4f29-ba12-df758b1a4ee8.png","pc":"7ovr","tg":["sign-in"],"sb":"Mega menus"},{"id":"21st:7ovr__coming-soon-1","t":"Coming soon 1","d":"A centered coming-soon page with a headline, email waitlist capture form, avatar social proof, and social links.","k":"page","s":"21st","c":"pages/templates","a":"7ovr","u":8,"pl":"https://cdn.21st.dev/7ovr/coming-soon-1/default/preview.1784348611288-4c22024a-0dce-46bc-b0cf-0cfdab198e9d.png","pc":"7ovr","tg":["link"],"sb":"Error and status pages"},{"id":"21st:7ovr__coming-soon-3","t":"Coming soon 3","d":"A coming-soon page section with a live countdown timer and an email signup form.","k":"page","s":"21st","c":"pages/templates","a":"7ovr","u":54,"pl":"https://cdn.21st.dev/7ovr/coming-soon-3/default/preview.1784348843660-e9a739f8-be94-4482-87b8-42487d72ca99.png","pc":"7ovr","sb":"Error and status pages"},{"id":"21st:7ovr__comparison-2","t":"Comparison 2","d":"A two-column \"Us vs. Them\" comparison section with side-by-side cards — one listing product advantages with check rows and a primary CTA, the other listing competitor pain points w","k":"section","s":"21st","c":"marketing/comparison","a":"7ovr","u":52,"pl":"https://cdn.21st.dev/7ovr/comparison-2/default/preview.1784752955610-12c2a585-4ea2-41ab-91c6-4b4f848d5b4b.png","pc":"7ovr","tg":["comparison","cta","features","pricing-section"]},{"id":"21st:7ovr__comparison-3","t":"Comparison 3","d":"A pricing plan comparison table that lays out three plans side by side with grouped feature sections, check/value cells, a sticky header and a highlighted recommended column.","k":"section","s":"21st","c":"marketing/comparison","a":"7ovr","u":60,"pl":"https://cdn.21st.dev/7ovr/comparison-3/default/preview.1784806075624-0e6d2b9d-8fc9-4b87-a3e9-a1d92fd00e0b.png","pc":"7ovr","tg":["comparison","features","pricing-section","table"]},{"id":"21st:7ovr__cta-2","t":"Cta 2","d":"A centered, bordered CTA card on a muted panel with a heading, subtext, and primary and outline action buttons for marketing pages.","k":"section","s":"21st","c":"marketing/cta","a":"7ovr","pl":"https://cdn.21st.dev/7ovr/cta-2/default/preview.1784790598370-f9469528-ff95-43b8-ae7f-09a38c13f4ad.png","pc":"7ovr"},{"id":"21st:7ovr__cta-5","t":"Cta 5","d":"Split call-to-action section with an eyebrow badge, headline, supporting copy, dual buttons, and a framed faux app-screenshot card built from divs.","k":"section","s":"21st","c":"marketing/cta","a":"7ovr","pl":"https://cdn.21st.dev/7ovr/cta-5/default/preview.1784791300204-c7a82f95-8057-4cb0-bc90-2a635f4d0b10.png","pc":"7ovr"},{"id":"21st:7ovr__empty-states-1","t":"Empty states 1","d":"An inbox-zero empty state for a notifications list, with an icon, title, description, and a call-to-action button.","s":"21st","c":"data-display/empty-state","a":"7ovr","u":90,"pl":"https://cdn.21st.dev/7ovr/empty-states-1/default/preview.1783730524323.png","pc":"7ovr","tg":["empty-state","notification"]},{"id":"21st:7ovr__empty-states-4","t":"Empty states 4","d":"An empty state for a failed data load, with a destructive accent and retry and contact-support actions.","s":"21st","c":"data-display/empty-state","a":"7ovr","pl":"https://cdn.21st.dev/7ovr/empty-states-4/default/preview.1783731323740.png","pc":"7ovr","tg":["empty-state"]},{"id":"21st:7ovr__how-it-works-1","t":"How it works 1","d":"A three-step \"how it works\" section with numbered, icon-badged cards explaining a process from setup to results.","k":"section","s":"21st","c":"marketing/features","a":"7ovr","u":33,"pl":"https://cdn.21st.dev/7ovr/how-it-works-1/default/preview.1784360661214-01f2d7fd-4a47-4848-b03e-8d82cc680160.png","pc":"7ovr","tg":["card","features","icon","steps"],"sb":"Steps"},{"id":"21st:7ovr__how-it-works-2","t":"How it works 2","d":"A vertical timeline that stacks numbered onboarding steps down the page, each with a bordered icon circle, a connecting line, a bold title, and supporting copy.","k":"section","s":"21st","c":"marketing/features","a":"7ovr","u":75,"pl":"https://cdn.21st.dev/7ovr/how-it-works-2/default/preview.1784360674057-83bcf60a-2129-4128-bf8a-9a08c22ba072.png","pc":"7ovr","tg":["icon","onboarding","steps","timeline"],"sb":"Steps"},{"id":"21st:7ovr__logo-cloud-3","t":"Logo cloud 3","d":"An infinite auto-scrolling logo marquee with an edge fade mask and pause-on-hover, ideal for a \"trusted by\" logo cloud section.","k":"section","s":"21st","c":"marketing/logos","a":"7ovr","u":43,"pl":"https://cdn.21st.dev/7ovr/logo-cloud-3/default/preview.1784818489825-16b7379b-4ac5-4eef-b708-f1de8433f372.png","pc":"7ovr","tg":["carousel","marquee"]},{"id":"21st:7ovr__newsletter-1","t":"Newsletter 1","d":"A centered newsletter signup section with an email input, subscribe button, and marketing-consent checkbox.","k":"section","s":"21st","c":"marketing/cta","a":"7ovr","u":4,"pl":"https://cdn.21st.dev/7ovr/newsletter-1/default/preview.1784789054607-d92d6de1-3c2b-49cb-8b95-b40d10401006.png","pc":"7ovr","tg":["sign-up"],"sb":"Newsletter and waitlist"},{"id":"21st:7ovr__newsletter-2","t":"Newsletter 2","d":"A full-width horizontal newsletter band with a branding label, heading, and subtext on the left, and an inline email input with a subscribe button, consent checkbox, and privacy no","k":"section","s":"21st","c":"marketing/cta","a":"7ovr","u":7,"pl":"https://cdn.21st.dev/7ovr/newsletter-2/default/preview.1784789337966-6b948335-22ec-4035-b704-f1307f050161.png","pc":"7ovr","tg":["sign-up"],"sb":"Newsletter and waitlist"},{"id":"21st:7ovr__page-header-1","t":"Page header 1","d":"An application page header with a title, description, and action buttons above a content grid.","s":"21st","c":"navigation/top-nav","a":"7ovr","pl":"https://cdn.21st.dev/7ovr/page-header-1/default/preview.1784829949221-a005fc3c-7764-4ac0-b7de-a15bfb2a524d.png","pc":"7ovr"},{"id":"21st:7ovr__page-header-2","t":"Page header 2","d":"An application page header with breadcrumbs, a status badge, and action buttons.","s":"21st","c":"navigation/top-nav","a":"7ovr","u":4,"pl":"https://cdn.21st.dev/7ovr/page-header-2/default/preview.1784766007252-7cb9943b-d6f4-4787-8dbe-c6754b45e3c0.png","pc":"7ovr","tg":["dashboard"]},{"id":"21st:7ovr__page-header-3","t":"Page header 3","d":"An application page header with a title, description, primary action button, and navigation tabs for switching between content sections.","s":"21st","c":"navigation/top-nav","a":"7ovr","pl":"https://cdn.21st.dev/7ovr/page-header-3/default/preview.1784485469095-af300b6b-39db-47e3-8079-d65a1f2b250a.png","pc":"7ovr","sb":"Mega menus"},{"id":"21st:9898_design__thermal-receipt-card","t":"Thermal receipt card","s":"21st","c":"data-display/card","a":"9898_design","pl":"https://cdn.21st.dev/9898_design/thermal-receipt-card/default/preview.1786045528661-2da3284a-06fe-46f2-a488-2f0156e19d22.png","pc":"9898_design"},{"id":"21st:9fedya__love-story","t":"Love story","d":"Animated WebGL shader background in the Waves style. Generated by the 21st.dev Shader Builder. 3-color palette (#007BFF, #66FF00, #00FF1E). Features: cursor-reactive (spotlight). A","k":"motion","s":"21st","c":"motion/shader","a":"9fedya","pl":"https://cdn.21st.dev/9fedya/love-story/default/preview.1786279549287-57aea6ec-7237-4fea-899e-370c8a2fdce5.webp","pc":"9fedya","sb":"Waves"},{"id":"21st:Adurotimi__save-button","t":"Save button","d":"A fun save button interaction.","s":"21st","c":"actions/button","a":"Adurotimi","u":191,"pl":"https://cdn.21st.dev/Adurotimi/save-button/default/preview.1785355010666-97ba732f-0dc3-4136-a5b3-88fc3371c10b.png","pc":"Adurotimi","sb":"Loading and states"},{"id":"21st:AliFarooqDev__navbar","t":"Navbar","d":"Here is Navbar Component","s":"21st","c":"navigation/top-nav","a":"AliFarooqDev","pl":"https://cdn.21st.dev/larsen66/navbar/default/preview.1755165795175.png","pc":"AliFarooqDev","tg":["dashboard","menu","notification","navigation-menu"],"sb":"Mega menus"},{"id":"21st:Alwurts__chat-input","t":"Chat input","d":"AI Chat Input","s":"21st","c":"ai-agent/composer","a":"Alwurts","pl":"https://cdn.21st.dev/user_Alwurts/chat-input/default/preview.png","pc":"Alwurts","tg":["ai-chat","input","textarea"]},{"id":"21st:Alwurts__chat-suggestions","t":"Chat suggestions","d":"A composable set of components for displaying chat prompt suggestions as clickable buttons, ideal for onboarding or empty chat states.","s":"21st","c":"ai-agent/ai-agent","a":"Alwurts","u":42,"pl":"https://cdn.21st.dev/Alwurts/chat-suggestions/default/preview.1783696599788.png","pc":"Alwurts","tg":["ai-chat","empty-state","onboarding"],"sb":"Chat"},{"id":"21st:Alwurts__model-selector","t":"Model selector","d":"Here is Model Selector Component","s":"21st","c":"inputs/select","a":"Alwurts","st":"rated","u":12,"pl":"https://cdn.21st.dev/larsen66/model-selector/default/preview.1750560338575.png","pc":"Alwurts","tg":["ai-chat","select"],"sc":23},{"id":"21st:Alwurts__tool-invocation","t":"Tool invocation","d":"A composable card that displays an AI tool call with state icons (loading, success, error) and collapsible tool details showing arguments and results.","s":"21st","c":"data-display/card","a":"Alwurts","st":"rated","pl":"https://cdn.21st.dev/Alwurts/tool-invocation/default/preview.1783696455812.png","pc":"Alwurts","tg":["ai-chat","card"],"sc":22},{"id":"21st:Alwurts__use-textarea-resize","t":"Use textarea resize","d":"useTextareaResize","s":"21st","c":"inputs/textarea","a":"Alwurts","st":"rated","pl":"https://cdn.21st.dev/user_Alwurts/use-textarea-resize/default/preview.png","pc":"Alwurts","tg":["hook","textarea"],"sc":20},{"id":"21st:Astryxdesign__astryx-aspect-ratio","t":"Astryx aspect ratio","s":"21st","c":"layout/bento-grid","a":"Astryxdesign","pl":"https://21st.dev/@Astryxdesign/components/astryx-aspect-ratio","pc":"Astryxdesign","tg":["gallery","grid","image"]},{"id":"21st:Astryxdesign__astryx-avatar","t":"Astryx avatar","s":"21st","c":"data-display/avatar","a":"Astryxdesign","pl":"https://21st.dev/@Astryxdesign/components/astryx-avatar","pc":"Astryxdesign","tg":["avatar","profile","team"]},{"id":"21st:Astryxdesign__astryx-avatar-group","t":"Astryx avatar group","s":"21st","c":"data-display/avatar","a":"Astryxdesign","pl":"https://21st.dev/@Astryxdesign/components/astryx-avatar-group","pc":"Astryxdesign","tg":["avatar","profile","team"]},{"id":"21st:Astryxdesign__astryx-avatar-status-dot","t":"Astryx avatar status dot","s":"21st","c":"status/status-dot","a":"Astryxdesign","pl":"https://21st.dev/@Astryxdesign/components/astryx-avatar-status-dot","pc":"Astryxdesign"},{"id":"21st:Astryxdesign__astryx-badge","t":"Astryx badge","d":"Badge highlights a short status, count, or category label, from Meta's Astryx design system. Ships semantic variants (neutral, info, success, warning, error) plus a full color pale","s":"21st","c":"data-display/badge","a":"Astryxdesign","u":4,"pl":"https://21st.dev/@Astryxdesign/components/astryx-badge","pc":"Astryxdesign","tg":["badge"]},{"id":"21st:Astryxdesign__astryx-banner","t":"Astryx banner","s":"21st","c":"overlays/alert-banner","a":"Astryxdesign","pl":"https://21st.dev/@Astryxdesign/components/astryx-banner","pc":"Astryxdesign","tg":["announcement","alert","list","notification"]},{"id":"21st:Astryxdesign__astryx-blockquote","t":"Astryx blockquote","d":"Blockquote displays quoted content, testimonials, or excerpts with an accent-colored left border and secondary text color, from Meta's Astryx design system. Renders semantic <block","s":"21st","c":"data-display/typography","a":"Astryxdesign","u":4,"pl":"https://21st.dev/@Astryxdesign/components/astryx-blockquote","pc":"Astryxdesign"},{"id":"21st:Astryxdesign__astryx-breadcrumbs","t":"Astryx breadcrumbs","d":"Breadcrumbs show the user's location in a hierarchy and let them navigate back up, from Meta's Astryx design system. Compose BreadcrumbItem children with links, icons, or onClick h","s":"21st","c":"assets/icon","a":"Astryxdesign","u":2,"pl":"https://21st.dev/@Astryxdesign/components/astryx-breadcrumbs","pc":"Astryxdesign","tg":["icon","link","navigation-menu"]},{"id":"21st:Astryxdesign__astryx-button","t":"Astryx button","d":"Button triggers actions with a clear visual hierarchy, from Meta's Astryx design system. Variants: primary, secondary, ghost, destructive; sizes sm/md/lg; disabled and loading stat","s":"21st","c":"actions/button","a":"Astryxdesign","u":2,"pl":"https://21st.dev/@Astryxdesign/components/astryx-button","pc":"Astryxdesign","tg":["button"]},{"id":"21st:Astryxdesign__astryx-button-group","t":"Astryx button group","s":"21st","c":"actions/button","a":"Astryxdesign","pl":"https://21st.dev/@Astryxdesign/components/astryx-button-group","pc":"Astryxdesign","tg":["button"],"sb":"Groups and split"},{"id":"21st:Astryxdesign__astryx-toggle-button","t":"Astryx toggle button","s":"21st","c":"actions/button","a":"Astryxdesign","pl":"https://21st.dev/@Astryxdesign/components/astryx-toggle-button","pc":"Astryxdesign","tg":["notification"]},{"id":"21st:BelkacemYerfa__datetime-picker","t":"Datetime picker","d":"A customized datetime picker component.","s":"21st","c":"inputs/select","a":"BelkacemYerfa","u":170,"pl":"https://cdn.21st.dev/user_BelkacemYerfa/datetime-picker.png","pc":"BelkacemYerfa","tg":["date-picker"]},{"id":"21st:Codehagen__action-button","t":"Action button","d":"A versatile button component with built-in loading state and smooth transitions for handling asynchronous actions.","s":"21st","c":"actions/button","a":"Codehagen","u":64,"pl":"https://cdn.21st.dev/user_Codehagen/action-button.png","pc":"Codehagen"},{"id":"21st:Codehagen__button-group","t":"Button group","d":"A versatile button group component for organizing related actions with consistent spacing and visual connection.","s":"21st","c":"actions/button","a":"Codehagen","pl":"https://cdn.21st.dev/user_Codehagen/button-group.png","pc":"Codehagen","sb":"Groups and split"},{"id":"21st:Codehagen__button-group-with-icons","t":"Button group with icons","d":"A versatile button group component for organizing related actions with consistent spacing and visual connection.","s":"21st","c":"actions/button","a":"Codehagen","u":33,"pl":"https://cdn.21st.dev/user_Codehagen/button-group-with-icons.png","pc":"Codehagen","sb":"Groups and split"},{"id":"21st:Codehagen__display-cards","t":"Display cards","d":"A visually appealing stacked card layout with hover animations and grayscale effects.\n\nFeatures:\n\t•\tStacked card layout\n\t•\tHover animations\n\t•\tGrayscale effects\n\t•\tCustom icons\n\t•\t","s":"21st","c":"data-display/card","a":"Codehagen","u":2561,"pl":"https://cdn.21st.dev/user_Codehagen/display-cards.png","pc":"Codehagen","tg":["grid","image"]},{"id":"21st:Codehagen__expandable-card","t":"Expandable card","s":"21st","c":"data-display/accordion","a":"Codehagen","pl":"https://cdn.21st.dev/user_Codehagen/expandable-card.png","pc":"Codehagen","sb":"Cards"},{"id":"21st:Codehagen__floating-action-panel","t":"Floating action panel","d":"A versatile floating action panel component with support for multiple triggers and modes.\n\nFeatures:\n\t•\tMultiple trigger buttons with different modes\n\t•\tSmooth animations using Fra","s":"21st","c":"data-display/card","a":"Codehagen","u":106,"pl":"https://cdn.21st.dev/user_Codehagen/floating-action-panel.png","pc":"Codehagen","tg":["menu"]},{"id":"21st:Codehagen__hero","t":"Hero","d":"Hero Section with Appear Animation and Hero Badge","k":"section","s":"21st","c":"marketing/hero","a":"Codehagen","u":389,"pl":"https://cdn.21st.dev/user_Codehagen/hero.png","pc":"Codehagen"},{"id":"21st:Codehagen__hero-badge","t":"Hero badge","d":"A versatile, animated badge component for highlighting new features, announcements, or important links.\n\nFeatures:\n\t•\tSmooth entrance animations\n\t•\tIcon rotation on hover\n\t•\tMultip","s":"21st","c":"data-display/badge","a":"Codehagen","u":432,"pl":"https://cdn.21st.dev/user_Codehagen/hero-badge.png","pc":"Codehagen","tg":["announcement"]},{"id":"21st:Codehagen__hero-pill","t":"Hero pill","d":"A stunning and interactive announcement banner featuring smooth animations and customizable content.\n\nFeatures:\n\t•\tFluid entrance animations\n\t•\tCustomizable content and styling opt","s":"21st","c":"data-display/badge","a":"Codehagen","u":377,"pl":"https://cdn.21st.dev/user_Codehagen/hero-pill.png","pc":"Codehagen","tg":["announcement"],"sb":"Tags and pills"},{"id":"21st:Codehagen__icons","t":"Icons","d":"Extension of Shadcn icons with Prism UI logo, chevron right, book, and component icons.","s":"21st","c":"assets/icon","a":"Codehagen","u":67,"pl":"https://cdn.21st.dev/user_Codehagen/icons.png","pc":"Codehagen","tg":["grid","icon"]},{"id":"21st:Codehagen__logo-carousel","t":"Logo carousel","k":"section","s":"21st","c":"marketing/logos","a":"Codehagen","pl":"https://cdn.21st.dev/user_Codehagen/logo-carousel.png","pc":"Codehagen"},{"id":"21st:Codehagen__open-source","t":"Open source","s":"21st","c":"other","a":"Codehagen","pl":"https://cdn.21st.dev/user_Codehagen/open-source.png","pc":"Codehagen"},{"id":"21st:Codehagen__popover","t":"Popover","d":"A versatile popover component for displaying contextual content, forms, and interactive menus with smooth animations.\n\nFeatures:\n\t•\tSmooth open and close animations\n\t•\tForm handlin","s":"21st","c":"overlays/popover","a":"Codehagen","u":68,"pl":"https://cdn.21st.dev/user_Codehagen/popover.png","pc":"Codehagen","tg":["menu","popover","textarea"]},{"id":"21st:Codehagen__previous-next-button-group","t":"Previous next button group","d":"A versatile button group component for organizing related actions with consistent spacing and visual connection.\n","s":"21st","c":"actions/button","a":"Codehagen","u":47,"pl":"https://cdn.21st.dev/user_Codehagen/previous-next-button-group.png","pc":"Codehagen","tg":["navigation-menu","pagination"],"sb":"Groups and split"},{"id":"21st:Codehagen__pricing","t":"Pricing","d":"A dynamic pricing section with animated cards, confetti effects, and monthly/yearly toggle.\n\nFeatures:\n\t•\tAnimated pricing cards using Framer Motion\n\t•\tInteractive monthly/yearly p","k":"section","s":"21st","c":"marketing/pricing","a":"Codehagen","u":1988,"pl":"https://cdn.21st.dev/user_Codehagen/pricing.png","pc":"Codehagen","tg":["pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:Codehagen__timeline","t":"Timeline","d":"Here is modern minimalistic timeline component","s":"21st","c":"data-display/timeline","a":"Codehagen","u":38,"pl":"https://cdn.21st.dev/larsen66/timeline/default/preview.1749983669098.png","pc":"Codehagen","tg":["date-picker","timeline"]},{"id":"21st:Codehagen__use-expandable","t":"Use expandable","s":"21st","c":"data-display/accordion","a":"Codehagen","pl":"https://cdn.21st.dev/user_Codehagen/use-expandable.png","pc":"Codehagen","tg":["hook"]},{"id":"21st:DanielWhit21874__slot-text","t":"Slot text","k":"motion","s":"21st","c":"motion/text-effect","a":"DanielWhit21874","pl":"https://cdn.21st.dev/larsen66/slot-text/default/preview.1782168587561.png","pc":"DanielWhit21874","tg":["number"]},{"id":"21st:Daniela_Muntyan__shader-clock","t":"Shader clock","d":"Here is Shader Clock component","k":"motion","s":"21st","c":"motion/shader","a":"Daniela_Muntyan","u":7,"pl":"https://cdn.21st.dev/larsen66/shader-clock/default/preview.1756200304206.png","pc":"Daniela_Muntyan"},{"id":"21st:Edil-ozi__accordion","t":"Accordion","d":"$36","s":"21st","c":"data-display/accordion","a":"Edil-ozi","pl":"https://cdn.21st.dev/user_Edil_ozi/accordion.png","pc":"Edil-ozi"},{"id":"21st:Edil-ozi__custom-checkbox","t":"Custom checkbox","s":"21st","c":"inputs/checkbox","a":"Edil-ozi","pl":"https://cdn.21st.dev/user_Edil_ozi/custom-checkbox.png","pc":"Edil-ozi","tg":["checkbox"]},{"id":"21st:Edil-ozi__drawer","t":"Drawer","s":"21st","c":"overlays/sheet","a":"Edil-ozi","pl":"https://cdn.21st.dev/user_Edil_ozi/drawer.png","pc":"Edil-ozi"},{"id":"21st:Edil-ozi__horizontal-scroll-carousel","t":"Horizontal scroll carousel","s":"21st","c":"media/carousel","a":"Edil-ozi","pl":"https://cdn.21st.dev/user_Edil_ozi/horizontal-scroll-carousel.png","pc":"Edil-ozi"},{"id":"21st:Edil-ozi__infinite-scroll","t":"Infinite scroll","k":"layout","s":"21st","c":"layout/scroll-area","a":"Edil-ozi","pl":"https://cdn.21st.dev/user_Edil_ozi/infinite-scroll.png","pc":"Edil-ozi"},{"id":"21st:Edil-ozi__pricing-card","t":"Pricing card","k":"section","s":"21st","c":"marketing/pricing","a":"Edil-ozi","pl":"https://cdn.21st.dev/user_Edil_ozi/pricing-card.png","pc":"Edil-ozi","sb":"Plan cards"},{"id":"21st:Edil-ozi__scroll-velocity","t":"Scroll velocity","d":"A dynamic scrolling component that creates an infinite horizontal scroll effect, responding to vertical scroll velocity. The component can display both images and text in a continu","k":"layout","s":"21st","c":"layout/scroll-area","a":"Edil-ozi","u":221,"pl":"https://cdn.21st.dev/user_Edil_ozi/scroll-velocity.png","pc":"Edil-ozi","tg":["gallery","marquee","scroll-area"]},{"id":"21st:Edil-ozi__toggle","t":"Toggle","d":"A collection of customizable toggle switch components built with React and Tailwind CSS.\n\nFeatures\n- Minimal and Orange toggle variants\n- Dark mode support\n- Smooth transitions and","s":"21st","c":"actions/switch","a":"Edil-ozi","u":58,"pl":"https://cdn.21st.dev/user_Edil_ozi/toggle.png","pc":"Edil-ozi"},{"id":"21st:ElevenLabs-crawled__audio-player","t":"Audio player","s":"21st","c":"media/player","a":"ElevenLabs-crawled","pl":"https://21st.dev/@ElevenLabs-crawled/components/audio-player","pc":"ElevenLabs-crawled"},{"id":"21st:ElevenLabs-crawled__bar-visualizer","t":"Bar visualizer","d":"Here is Bar Visualizer component","s":"21st","c":"data-viz/chart","a":"ElevenLabs-crawled","u":20,"pl":"https://21st.dev/@ElevenLabs-crawled/components/bar-visualizer","pc":"ElevenLabs-crawled","tg":["data-visualization"],"sb":"Bar"},{"id":"21st:ElevenLabs-crawled__conversation-bar","t":"Conversation bar","s":"21st","c":"ai-agent/ai-agent","a":"ElevenLabs-crawled","pl":"https://21st.dev/@ElevenLabs-crawled/components/conversation-bar","pc":"ElevenLabs-crawled","sb":"Chat"},{"id":"21st:ElevenLabs-crawled__live-waveform","t":"Live waveform","s":"21st","c":"media/player","a":"ElevenLabs-crawled","pl":"https://21st.dev/@ElevenLabs-crawled/components/live-waveform","pc":"ElevenLabs-crawled"},{"id":"21st:ElevenLabs-crawled__orb","t":"Orb","s":"21st","c":"ai-agent/ai-agent","a":"ElevenLabs-crawled","pl":"https://21st.dev/@ElevenLabs-crawled/components/orb","pc":"ElevenLabs-crawled","tg":["ai-chat","data-visualization"],"sb":"Orbs and presence"},{"id":"21st:ElevenLabs-crawled__response","t":"Response","s":"21st","c":"data-display/table","a":"ElevenLabs-crawled","pl":"https://21st.dev/@ElevenLabs-crawled/components/response","pc":"ElevenLabs-crawled","tg":["ai-chat","table"]},{"id":"21st:ElevenLabs-crawled__shimmering-text","t":"Shimmering text","d":"Here is Shimmering Text component","k":"motion","s":"21st","c":"motion/text-effect","a":"ElevenLabs-crawled","u":28,"pl":"https://21st.dev/@ElevenLabs-crawled/components/shimmering-text","pc":"ElevenLabs-crawled","tg":["text"],"sb":"Gradient and shimmer"},{"id":"21st:ElevenLabs-crawled__voice-button","t":"Voice button","s":"21st","c":"actions/button","a":"ElevenLabs-crawled","pl":"https://21st.dev/@ElevenLabs-crawled/components/voice-button","pc":"ElevenLabs-crawled","tg":["button"]},{"id":"21st:ElevenLabs-crawled__voice-picker","t":"Voice picker","d":"Here is Voice Picker component ","s":"21st","c":"inputs/select","a":"ElevenLabs-crawled","u":30,"pl":"https://21st.dev/@ElevenLabs-crawled/components/voice-picker","pc":"ElevenLabs-crawled","tg":["dropdown","search","select"]},{"id":"21st:ElevenLabs-crawled__waveform","t":"Waveform","s":"21st","c":"media/player","a":"ElevenLabs-crawled","pl":"https://21st.dev/@ElevenLabs-crawled/components/waveform","pc":"ElevenLabs-crawled"},{"id":"21st:Jakubantalik__border-beam","t":"Border beam","d":"Animated border beam effect for React. Wraps any element with a traveling, hue-shifting glow around its border. This demo shows an AI chat/prompt composer with the medium full-bord","k":"motion","s":"21st","c":"motion/border","a":"Jakubantalik","u":8,"pl":"https://cdn.21st.dev/larsen66/border-beam/default/preview.1784821898513-f511c350-3572-42df-b53b-dd672c0c03b4.png","pc":"Jakubantalik","tg":["ai-chat","border","input"]},{"id":"21st:Jakubantalik__border-beam-button","t":"Border beam button","d":"Animated border beam effect for React, sized for a compact button. The small preset wraps an icon button with a tight traveling glow around its border.","s":"21st","c":"actions/button","a":"Jakubantalik","pl":"https://cdn.21st.dev/larsen66/border-beam-button/default/preview.1784821973451-cadceffc-29d6-4ccd-813b-c2c73545667b.png","pc":"Jakubantalik","tg":["border"],"sb":"Animated"},{"id":"21st:Jakubantalik__border-beam-search","t":"Border beam search","d":"Animated border beam effect for React using the line preset — a bottom-only traveling glow that sweeps along the edge. This demo wraps a rounded search bar.","s":"21st","c":"inputs/search","a":"Jakubantalik","pl":"https://cdn.21st.dev/larsen66/border-beam-search/default/preview.1784822047352-08628714-513a-47da-95b0-e84e5a02c62a.png","pc":"Jakubantalik","tg":["border","input","search"]},{"id":"21st:Jakubantalik__metal-fx","t":"Metal fx","d":"Animated liquid-metal border effect (metal-fx). Wrap any element — a button, link, or icon — with a live metallic ring driven by a shared WebGL renderer. Three presets (chromatic, ","s":"21st","c":"ai-agent/composer","a":"Jakubantalik","u":10,"pl":"https://cdn.21st.dev/larsen66/metal-fx/default/preview.1784811845606-4152d854-5950-417c-8982-3294e2effcd5.png","pc":"Jakubantalik","tg":["ai-chat"]},{"id":"21st:Jakubantalik__metal-upgrade-button","t":"Metal upgrade button","d":"An \"Upgrade to Pro\" CTA with an animated liquid-metal ring (metal-fx). The pill button variant sits in a toolbar next to a search field and a menu button, which pick up a soft meta","s":"21st","c":"actions/button","a":"Jakubantalik","u":2,"pl":"https://cdn.21st.dev/larsen66/metal-upgrade-button/default/preview.1784817621972-573b6e70-7e41-4044-a760-ba4df49631f5.png","pc":"Jakubantalik","tg":["cta"]},{"id":"21st:Jakubantalik__thinking-orbs","t":"Thinking orbs","d":"Animated thinking/agent orb — six hand-tuned canvas states (working, searching, solving, listening, composing, shaping) in two tuned size presets (64px avatar / 20px inline). Theme","s":"21st","c":"ai-agent/ai-agent","a":"Jakubantalik","pl":"https://cdn.21st.dev/larsen66/thinking-orbs/default/preview.1784821158925-d17110fb-ed38-4c31-b3b5-181d4844484b.png","pc":"Jakubantalik","tg":["ai-chat"],"sb":"Reasoning and tools"},{"id":"21st:JurreHoutkamp__hover-zoom","t":"Hover zoom","d":"Here is Hover Zoom component ","s":"21st","c":"media/gallery","a":"JurreHoutkamp","pl":"https://cdn.21st.dev/larsen66/hover-zoom/default/preview.1754048155741.png","pc":"JurreHoutkamp","sb":"Zoom and lens"},{"id":"21st:JurreHoutkamp__text-glow-hover","t":"Text glow hover","d":"Here is Text Glow Hover component","k":"motion","s":"21st","c":"motion/text-effect","a":"JurreHoutkamp","u":23,"pl":"https://cdn.21st.dev/larsen66/text-glow-hover/default/preview.1754047216452.png","pc":"JurreHoutkamp","tg":["text"]},{"id":"21st:JurreHoutkamp__tilt-card","t":"Tilt card","d":"Here is Tilt Card component","s":"21st","c":"data-display/card","a":"JurreHoutkamp","u":46,"pl":"https://cdn.21st.dev/larsen66/tilt-card/default/preview.1754050603084.png","pc":"JurreHoutkamp","tg":["image"],"sb":"Animated and glowing"},{"id":"21st:KaraBharat__multi-select-combobox","t":"Multi select combobox","s":"21st","c":"inputs/combobox","a":"KaraBharat","st":"rated","pl":"https://cdn.21st.dev/user_KaraBharat/multi-select-combobox.png","pc":"KaraBharat","sc":19},{"id":"21st:KarrixLee__unsave-popup","t":"Unsave popup","s":"21st","c":"overlays/popover","a":"KarrixLee","st":"rated","pl":"https://cdn.21st.dev/user_KarrixLee/unsave-popup/default/preview.png","pc":"KarrixLee","tg":["alert"],"sc":20},{"id":"21st:LegionWebDev__area-chart","t":"Area chart","d":"Here is Area Chart component","s":"21st","c":"data-viz/chart","a":"LegionWebDev","pl":"https://cdn.21st.dev/larsen66/area-chart/default/preview.1753711522753.png","pc":"LegionWebDev","tg":["data-visualization","dashboard","tooltip"],"sb":"Area"},{"id":"21st:LegionWebDev__background","t":"Background","d":"An SVG pattern background for Recharts charts with dots, grid, cross-hatch, diagonal lines and other decorative variants, plus a soft edge fade.","k":"motion","s":"21st","c":"motion/background","a":"LegionWebDev","pl":"https://cdn.21st.dev/LegionWebDev/background/default/preview.1784720456440-15719443-fc3f-41c2-8eda-6df908c20e4b.png","pc":"LegionWebDev"},{"id":"21st:LegionWebDev__bar-chart","t":"Bar chart","d":"Here is Bar Chart component","s":"21st","c":"data-viz/chart","a":"LegionWebDev","u":174,"pl":"https://cdn.21st.dev/larsen66/bar-chart/default/preview.1753707447257.png","pc":"LegionWebDev","tg":["badge","data-visualization","dashboard","tooltip"],"sb":"Bar"},{"id":"21st:LegionWebDev__bar-chart--duotone-bar-chart","t":"Duotone bar chart","s":"21st","c":"data-viz/chart","a":"LegionWebDev","pl":"https://cdn.21st.dev/larsen66/bar-chart/duotone-bar-chart/preview.1753708744067.png","pc":"LegionWebDev","sb":"Bar"},{"id":"21st:LegionWebDev__cpu-architecture","t":"Cpu architecture","d":"A simple CPU architecture animation","s":"21st","c":"other","a":"LegionWebDev","st":"rated","pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/cpu-architecture/default/preview.png","pc":"LegionWebDev","sc":19},{"id":"21st:LegionWebDev__database-with-rest-api","t":"Database with rest api","d":"Presentation of a Database with a REST API","s":"21st","c":"other","a":"LegionWebDev","st":"rated","pl":"https://cdn.21st.dev/user_LegionWebDev/database-with-rest-api/default/preview.png","pc":"LegionWebDev","sc":21},{"id":"21st:LegionWebDev__legion-web-dev","t":"Legion web dev","d":"Keyboard which glows on hover","s":"21st","c":"other","a":"LegionWebDev","u":10,"pl":"https://cdn.21st.dev/user_LegionWebDev/legion-web-dev/default/preview.png","pc":"LegionWebDev"},{"id":"21st:LegionWebDev__line-chart","t":"Line chart","d":"Here is Line Chart component","s":"21st","c":"data-viz/chart","a":"LegionWebDev","pl":"https://cdn.21st.dev/larsen66/line-chart/default/preview.1753713042656.png","pc":"LegionWebDev","tg":["data-visualization","dashboard"],"sb":"Line and sparkline"},{"id":"21st:LegionWebDev__line-chart--glowing-line-chart","t":"Glowing line chart","s":"21st","c":"data-viz/chart","a":"LegionWebDev","pl":"https://cdn.21st.dev/larsen66/line-chart/glowing-line-chart/preview.1753713042656.png","pc":"LegionWebDev","sb":"Line and sparkline"},{"id":"21st:LegionWebDev__line-chart--pinging-dot-chart","t":"Pinging dot chart","s":"21st","c":"data-viz/chart","a":"LegionWebDev","pl":"https://cdn.21st.dev/larsen66/line-chart/pinging-dot-chart/preview.1753713042657.png","pc":"LegionWebDev"},{"id":"21st:LegionWebDev__pie-chart","t":"Pie chart","d":"Here is Pie Chart component","s":"21st","c":"data-viz/chart","a":"LegionWebDev","pl":"https://cdn.21st.dev/larsen66/pie-chart/default/preview.1753713845643.png","pc":"LegionWebDev","tg":["data-visualization","dashboard"],"sb":"Pie, donut and radial"},{"id":"21st:LegionWebDev__pie-chart--radial-chart","t":"Radial chart","s":"21st","c":"data-viz/chart","a":"LegionWebDev","pl":"https://cdn.21st.dev/larsen66/pie-chart/radial-chart/preview.1753713845643.png","pc":"LegionWebDev","sb":"Pie, donut and radial"},{"id":"21st:LegionWebDev__pie-chart--sized-pie-chart","t":"Sized pie chart","s":"21st","c":"data-viz/chart","a":"LegionWebDev","pl":"https://cdn.21st.dev/larsen66/pie-chart/sized-pie-chart/preview.1753713845643.png","pc":"LegionWebDev","sb":"Pie, donut and radial"},{"id":"21st:LegionWebDev__radar-chart","t":"Radar chart","d":"Here is Radar Chart component","s":"21st","c":"data-viz/chart","a":"LegionWebDev","pl":"https://cdn.21st.dev/larsen66/radar-chart/default/preview.1753714928416.png","pc":"LegionWebDev","tg":["data-visualization"],"sb":"Radar"},{"id":"21st:OrcDev__8bit-menubar","t":"8bit menubar","d":"Pixel-art horizontal menubar from 8bitcn.com — retro pixel border on top-level items and submenus, with checkbox/radio items and submenus. Built on Radix Menubar (clean source).","s":"21st","c":"navigation/top-nav","a":"OrcDev","pl":"https://cdn.21st.dev/larsen66/8bit-menubar/default/preview.1780150144699.png","pc":"OrcDev","sb":"Mega menus"},{"id":"21st:RayMethula__brands","t":"Brands","d":"Brands section","k":"section","s":"21st","c":"marketing/logos","a":"RayMethula","pl":"https://cdn.21st.dev/user_RayMethula/brands/default/preview.png","pc":"RayMethula"},{"id":"21st:RayMethula__footer","t":"Footer","d":"Fotter with links","k":"section","s":"21st","c":"marketing/footer","a":"RayMethula","u":194,"pl":"https://cdn.21st.dev/user_RayMethula/footer/default/preview.png","pc":"RayMethula","tg":["footer","link"]},{"id":"21st:RayMethula__testimonial","t":"Testimonial","d":"Block with one testimonial","k":"section","s":"21st","c":"marketing/testimonials","a":"RayMethula","u":115,"pl":"https://cdn.21st.dev/user_RayMethula/testimonial/default/preview.png","pc":"RayMethula","tg":["avatar","testimonials"]},{"id":"21st:RayMethula__testimonial-carousel","t":"Testimonial carousel","d":"Testimonial Carousel with company logo and avatar ","s":"21st","c":"media/carousel","a":"RayMethula","u":120,"pl":"https://cdn.21st.dev/user_RayMethula/testimonial-carousel/default/preview.png","pc":"RayMethula","tg":["carousel","testimonials"]},{"id":"21st:ShadcnStudio__accordion-1","t":"Accordion 1","d":"Here is Accordion component","s":"21st","c":"data-display/accordion","a":"ShadcnStudio","u":20,"pl":"https://cdn.21st.dev/larsen66/accordion-1/default/preview.1760374725373.png","pc":"ShadcnStudio","tg":["accordion","faq","icon"],"sb":"FAQ"},{"id":"21st:ShadcnStudio__basic-avatar","t":"Basic avatar","d":"Here is Avatar component","s":"21st","c":"data-display/avatar","a":"ShadcnStudio","u":52,"pl":"https://cdn.21st.dev/larsen66/basic-avatar/default/preview.1760378667824.png","pc":"ShadcnStudio","tg":["badge","avatar","dropdown","notification"]},{"id":"21st:ShadcnStudio__breadrcrumb","t":"Breadrcrumb","d":"Here is Breadrcrumb component","s":"21st","c":"navigation/menu","a":"ShadcnStudio","u":62,"pl":"https://cdn.21st.dev/larsen66/breadrcrumb/default/preview.1760380176747.png","pc":"ShadcnStudio","tg":["badge","dropdown","icon","link"],"sb":"Dropdowns"},{"id":"21st:ShadcnStudio__button-group","t":"Button group","d":"Here is Button Group component","s":"21st","c":"actions/button","a":"ShadcnStudio","pl":"https://cdn.21st.dev/larsen66/button-group/default/preview.1760455322557.png","pc":"ShadcnStudio","tg":["button","link","tooltip"],"sb":"Groups and split"},{"id":"21st:ShadcnStudio__buttons","t":"Buttons","d":"Here is Buttons Components","s":"21st","c":"actions/button","a":"ShadcnStudio","u":73,"pl":"https://cdn.21st.dev/larsen66/buttons/default/preview.1760425218250.png","pc":"ShadcnStudio","tg":["badge","avatar","button","cta"],"sb":"Icon buttons"},{"id":"21st:ShadcnStudio__calendar-1","t":"Calendar 1","d":"Here is Calendar  component ","s":"21st","c":"data-display/calendar","a":"ShadcnStudio","u":56,"pl":"https://cdn.21st.dev/larsen66/calendar-1/default/preview.1760457561200.png","pc":"ShadcnStudio","tg":["calendar","date-picker","list","navigation-menu"]},{"id":"21st:ShadcnStudio__card-studio","t":"Card studio","d":"Here is Card component ","s":"21st","c":"data-display/card","a":"ShadcnStudio","u":44,"pl":"https://cdn.21st.dev/larsen66/card-studio/default/preview.1760510314037.png","pc":"ShadcnStudio","tg":["badge","avatar","card","cta"],"sb":"Profile"},{"id":"21st:ShadcnStudio__checkbox-1","t":"Checkbox 1","d":"Here is Checkbox component ","s":"21st","c":"inputs/checkbox","a":"ShadcnStudio","pl":"https://cdn.21st.dev/larsen66/checkbox-1/default/preview.1760512663280.png","pc":"ShadcnStudio","tg":["badge","border","checkbox","file-tree"]},{"id":"21st:ShadcnStudio__collapsible-1","t":"Collapsible 1","d":"Collapsible","s":"21st","c":"data-display/accordion","a":"ShadcnStudio","pl":"https://cdn.21st.dev/larsen66/collapsible-1/default/preview.1760514342988.png","pc":"ShadcnStudio","tg":["file-tree","faq","list","profile"],"sb":"FAQ"},{"id":"21st:ShadcnStudio__combobox","t":"Combobox","d":"Here is Combobox component ","s":"21st","c":"inputs/combobox","a":"ShadcnStudio","u":25,"pl":"https://cdn.21st.dev/larsen66/combobox/default/preview.1760515798530.png","pc":"ShadcnStudio","tg":["badge","avatar","dropdown","form"]},{"id":"21st:ShadcnStudio__input-otps","t":"Input otps","d":"Here is Input OTP component","s":"21st","c":"inputs/form-field","a":"ShadcnStudio","pl":"https://cdn.21st.dev/larsen66/input-otps/default/preview.1760517334927.png","pc":"ShadcnStudio","tg":["form","input"],"sb":"Whole forms"},{"id":"21st:ShadcnStudio__radio-group-1","t":"Radio group 1","d":"Here is Radio Group component","s":"21st","c":"inputs/radio","a":"ShadcnStudio","pl":"https://cdn.21st.dev/larsen66/radio-group-1/default/preview.1761028811506.png","pc":"ShadcnStudio","tg":["badge","card","border","chip"]},{"id":"21st:ShadcnStudio__switch-1","t":"Switch 1","d":"Here is Switch component","s":"21st","c":"actions/switch","a":"ShadcnStudio","u":36,"pl":"https://cdn.21st.dev/larsen66/switch-1/default/preview.1760584544924.png","pc":"ShadcnStudio","tg":["card","form","icon","list"],"sb":"With icons"},{"id":"21st:ShadcnStudio__text-area","t":"Text area","d":"Here is Textarea component","s":"21st","c":"inputs/textarea","a":"ShadcnStudio","pl":"https://cdn.21st.dev/larsen66/text-area/default/preview.1760583376921.png","pc":"ShadcnStudio","tg":["form","icon","input","textarea"]},{"id":"21st:Shatlyk1011__3d-marquee","t":"3d marquee","d":"A 3D perspective marquee that displays a grid of images with continuous scrolling animation.","k":"motion","s":"21st","c":"motion/marquee","a":"Shatlyk1011","u":58,"pl":"https://cdn.21st.dev/larsen66/3d-marquee/demos/default/preview.1773183875427.png","pc":"Shatlyk1011","tg":["gallery","marquee"]},{"id":"21st:Shatlyk1011__animated-dropdown","t":"Animated dropdown","d":"A dropdown menu with smooth expand/collapse animations and click-outside handling.","s":"21st","c":"navigation/menu","a":"Shatlyk1011","u":31,"pl":"https://cdn.21st.dev/larsen66/animated-dropdown/demos/default/preview.1773184049188.png","pc":"Shatlyk1011","tg":["dropdown","menu","select"],"sb":"Dropdowns"},{"id":"21st:Shatlyk1011__button-colorful","t":"Button colorful","d":"A button with an animated gradient background that glows through cyan, blue, and purple.","s":"21st","c":"actions/button","a":"Shatlyk1011","u":6,"pl":"https://cdn.21st.dev/larsen66/button-colorful/demos/default/preview.1773180495673.png","pc":"Shatlyk1011"},{"id":"21st:Shatlyk1011__fancy-text-hover","t":"Fancy text hover","d":"Text with fancy hover animation effects powered by GSAP.","k":"motion","s":"21st","c":"motion/text-effect","a":"Shatlyk1011","u":15,"pl":"https://cdn.21st.dev/larsen66/fancy-text-hover/demos/default/preview.1773184503639.png","pc":"Shatlyk1011","tg":["link","text"]},{"id":"21st:Shatlyk1011__gradient-borders-button","t":"Gradient borders button","d":"A button with animated radial gradient borders that glow on hover. Pill-shaped with emerald accent.","s":"21st","c":"actions/button","a":"Shatlyk1011","u":42,"pl":"https://cdn.21st.dev/larsen66/gradient-borders-button/demos/default/preview.1773180369585.png","pc":"Shatlyk1011","tg":["border"],"sb":"Animated"},{"id":"21st:Shatlyk1011__hover-border-gradient","t":"Hover border gradient","d":"A button with a rotating border gradient that highlights on hover with a blue radial glow.","k":"motion","s":"21st","c":"motion/border","a":"Shatlyk1011","u":74,"pl":"https://cdn.21st.dev/larsen66/hover-border-gradient/demos/default/preview.1773180541153.png","pc":"Shatlyk1011","tg":["border"]},{"id":"21st:Shatlyk1011__interactive-hover-button","t":"Interactive hover button","d":"A button with expanding dot animation, loading state with spinner, and success checkmark. Multi-state interactive component.","s":"21st","c":"actions/button","a":"Shatlyk1011","u":49,"pl":"https://cdn.21st.dev/larsen66/interactive-hover-button/demos/default/preview.1773180586970.png","pc":"Shatlyk1011","sb":"Animated"},{"id":"21st:Shatlyk1011__link-hover","t":"Link hover","d":"Navigation links with creative hover animations powered by GSAP.","s":"21st","c":"actions/link","a":"Shatlyk1011","u":10,"pl":"https://cdn.21st.dev/larsen66/link-hover/demos/default/preview.1773184612103.png","pc":"Shatlyk1011","tg":["link"]},{"id":"21st:Shatlyk1011__motion-button","t":"Motion button","d":"An animated CTA button with expanding circle background and arrow icon on hover.","s":"21st","c":"actions/button","a":"Shatlyk1011","u":62,"pl":"https://cdn.21st.dev/larsen66/motion-button/demos/default/preview.1773180452842.png","pc":"Shatlyk1011","tg":["button","cta"],"sb":"Animated"},{"id":"21st:Shatlyk1011__shimmer-button","t":"Shimmer button","d":"An animated button with a shimmer gradient effect that moves across the surface. Supports dark mode.","s":"21st","c":"actions/button","a":"Shatlyk1011","u":31,"pl":"https://cdn.21st.dev/larsen66/shimmer-button/demos/default/preview.1773180285342.png","pc":"Shatlyk1011","sb":"Animated"},{"id":"21st:Shatlyk1011__shiny-button","t":"Shiny button","d":"A button with a vivid gradient background and glowing shadow effect on hover.","s":"21st","c":"actions/button","a":"Shatlyk1011","u":49,"pl":"https://cdn.21st.dev/larsen66/shiny-button/demos/default/preview.1773180328519.png","pc":"Shatlyk1011","tg":["button"]},{"id":"21st:Shatlyk1011__social-button","t":"Social button","d":"An expandable share button that reveals social media icons (Twitter, Instagram, LinkedIn) and copy link with smooth spring animations.","s":"21st","c":"actions/button","a":"Shatlyk1011","pl":"https://cdn.21st.dev/larsen66/social-button/demos/default/preview.1773180631640.png","pc":"Shatlyk1011","sb":"Social and sign-in"},{"id":"21st:Shatlyk1011__team-member-card","t":"Team member card","d":"An animated team member card with hover effects revealing social links and role details.","k":"section","s":"21st","c":"marketing/team","a":"Shatlyk1011","u":42,"pl":"https://cdn.21st.dev/larsen66/team-member-card/demos/default/preview.1773183232240.png","pc":"Shatlyk1011","tg":["link","profile","team"]},{"id":"21st:Shatlyk1011__typing-effect","t":"Typing effect","d":"A text component that types out words one character at a time with a blinking cursor, cycling through a list of strings.","k":"motion","s":"21st","c":"motion/text-effect","a":"Shatlyk1011","u":35,"pl":"https://cdn.21st.dev/larsen66/typing-effect/demos/default/preview.1773182870145.png","pc":"Shatlyk1011","tg":["text"],"sb":"Typewriter"},{"id":"21st:Shonazarov__liquid-glass-toggle","t":"Liquid glass toggle","d":"Ultra-realistic 3D mirror glass sphere liquid theme toggle","s":"21st","c":"actions/switch","a":"Shonazarov","pl":"https://cdn.21st.dev/dierbeksonazarov01/liquid-glass-toggle/default/preview.1786249308370-9b5e9dd8-8d3a-4b87-81c0-d44e55526e0b.png","pc":"Shonazarov","sb":"Animated"},{"id":"21st:Shonazarov__red-spider-cursor","t":"Red spider cursor","d":"Ultra-fast crimson neon spider cursor with 1200 web nodes and click vibration impulse","k":"motion","s":"21st","c":"motion/cursor","a":"Shonazarov","pl":"https://cdn.21st.dev/Shonazarov/red-spider-cursor/default/preview.1786250825589-2ce96338-bbf8-4058-acea-32508f791932.png","pc":"Shonazarov"},{"id":"21st:Smit-Prajapati__glass-card","t":"Glass card","d":"Here is modern glass 3d card","s":"21st","c":"data-display/card","a":"Smit-Prajapati","u":179,"pl":"https://cdn.21st.dev/larsen66/glass-card/default/preview.1749424470712.png","pc":"Smit-Prajapati","tg":["card","link"],"sb":"Animated and glowing"},{"id":"21st:SubframeApp__accordion-1","t":"Accordion 1","d":"Here is Accordion component","s":"21st","c":"data-display/accordion","a":"SubframeApp","pl":"https://cdn.21st.dev/larsen66/accordion-1/default/preview.1755894159151.png","pc":"SubframeApp","tg":["accordion"]},{"id":"21st:SubframeApp__alert","t":"Alert","d":"Here is Alert component","s":"21st","c":"overlays/alert-banner","a":"SubframeApp","pl":"https://cdn.21st.dev/larsen66/alert/default/preview.1755894585187.png","pc":"SubframeApp","tg":["alert","notification"]},{"id":"21st:SubframeApp__area-chart","t":"Area chart","d":"Here is Area Chart component","s":"21st","c":"data-viz/chart","a":"SubframeApp","pl":"https://cdn.21st.dev/larsen66/area-chart/default/preview.1755894946108.png","pc":"SubframeApp","tg":["data-visualization","dashboard"],"sb":"Area"},{"id":"21st:SubframeApp__avatar-2","t":"Avatar 2","d":"Here is Avatar component","s":"21st","c":"data-display/avatar","a":"SubframeApp","u":7,"pl":"https://cdn.21st.dev/larsen66/avatar-2/default/preview.1755901526912.png","pc":"SubframeApp","tg":["avatar","image","profile"]},{"id":"21st:SubframeApp__bar-chart","t":"Bar chart","d":"Here is Bar Chart component","s":"21st","c":"data-viz/chart","a":"SubframeApp","pl":"https://cdn.21st.dev/larsen66/bar-chart/default/preview.1755897555243.png","pc":"SubframeApp","tg":["data-visualization","tooltip"],"sb":"Bar"},{"id":"21st:SubframeApp__breadcrumb","t":"Breadcrumb","d":"Here is Breadcrumb component","s":"21st","c":"navigation/breadcrumb","a":"SubframeApp","u":14,"pl":"https://cdn.21st.dev/larsen66/breadcrumb/default/preview.1755898058615.png","pc":"SubframeApp"},{"id":"21st:SubframeApp__calendar-1","t":"Calendar 1","d":"here is Calendar component ","s":"21st","c":"data-display/calendar","a":"SubframeApp","pl":"https://cdn.21st.dev/larsen66/calendar-1/default/preview.1755898544573.png","pc":"SubframeApp","tg":["calendar","date-picker"]},{"id":"21st:SubframeApp__checkbox-1","t":"Checkbox 1","d":"Here is Checkbox component","s":"21st","c":"inputs/checkbox","a":"SubframeApp","pl":"https://cdn.21st.dev/larsen66/checkbox-1/default/preview.1755898915740.png","pc":"SubframeApp","tg":["checkbox","form"]},{"id":"21st:SubframeApp__checkbox-card","t":"Checkbox card","d":"Here is Checkbox Card component","s":"21st","c":"inputs/checkbox","a":"SubframeApp","pl":"https://cdn.21st.dev/larsen66/checkbox-card/default/preview.1755899226314.png","pc":"SubframeApp","tg":["checkbox","image"]},{"id":"21st:SubframeApp__checkbox-group-1","t":"Checkbox group 1","d":"Here is Checkbox Group component","s":"21st","c":"inputs/checkbox","a":"SubframeApp","pl":"https://cdn.21st.dev/larsen66/checkbox-group-1/default/preview.1755899686611.png","pc":"SubframeApp","tg":["checkbox","form"]},{"id":"21st:SubframeApp__context-menu-1","t":"Context menu 1","d":"Here is Context Menu component","s":"21st","c":"overlays/context-menu","a":"SubframeApp","pl":"https://cdn.21st.dev/larsen66/context-menu-1/default/preview.1755899846139.png","pc":"SubframeApp","tg":["menu"]},{"id":"21st:SubframeApp__pagination","t":"Pagination","d":"Here is Pagination component","s":"21st","c":"navigation/pagination","a":"SubframeApp","u":25,"pl":"https://cdn.21st.dev/larsen66/pagination/default/preview.1755885639857.png","pc":"SubframeApp","tg":["navigation-menu","pagination"]},{"id":"21st:TomIsLoading__clip-path-links","t":"Clip path links","d":"The LinkBox component displays either an icon or image inside a styled grid item.\nOn hover, it animates a dark overlay from the nearest edge using clip-path with Framer Motion.\nIt'","s":"21st","c":"actions/link","a":"TomIsLoading","u":72,"pl":"https://cdn.21st.dev/kamaleshsa/clip-path-links/default/preview.1748115287870.png","pc":"TomIsLoading","tg":["link"]},{"id":"21st:TomIsLoading__kanban","t":"Kanban","d":"here is interactive kanban board","s":"21st","c":"data-display/kanban","a":"TomIsLoading","u":113,"pl":"https://cdn.21st.dev/larsen66/kanban/default/preview.1747857346662.png","pc":"TomIsLoading","tg":["dashboard"]},{"id":"21st:TomIsLoading__reveal-links","t":"Reveal links","d":"a reveal links interactive component","s":"21st","c":"actions/link","a":"TomIsLoading","u":44,"pl":"https://cdn.21st.dev/larsen66/reveal-links/default/preview.1747858395090.png","pc":"TomIsLoading","tg":["link"]},{"id":"21st:TomIsLoading__squishy-card","t":"Squishy card","d":"here is dynamic card","s":"21st","c":"data-display/card","a":"TomIsLoading","pl":"https://cdn.21st.dev/larsen66/squishy-card/default/preview.1747857814520.png","pc":"TomIsLoading","tg":["pricing-section"],"sb":"Pricing"},{"id":"21st:TomIsLoading__vertical-accordion","t":"Vertical accordion","d":"here is interactive vertical accordion","s":"21st","c":"data-display/accordion","a":"TomIsLoading","u":19,"pl":"https://cdn.21st.dev/larsen66/vertical-accordion/default/preview.1747857584662.png","pc":"TomIsLoading","tg":["accordion"]},{"id":"21st:a.karamooz3232__cinematic-product-scroll-section","t":"Cinematic product scroll section","d":"A premium e-commerce section featuring scroll-linked grayscale-to-color masks, a cinematic text hero, and an interactive horizontal slider with circular hover reveal cards.","k":"layout","s":"21st","c":"layout/scroll-area","a":"a.karamooz3232","u":7,"pl":"https://cdn.21st.dev/a.karamooz3232/cinematic-product-scroll-section/default/preview.1783347953984.png","pc":"a.karamooz3232","tg":["hero","scroll-area"]},{"id":"21st:a.tkachenko84__111","t":"111","d":"Animated (wave) ASCII art in the Mosaic style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards","k":"motion","s":"21st","c":"motion/ascii","a":"a.tkachenko84","pl":"https://cdn.21st.dev/a.tkachenko84/111/default/preview.1784341295361-966336d7-28cb-4c57-beee-3869f7df1320.webp","pc":"a.tkachenko84","tg":["video"],"sb":"Mosaic"},{"id":"21st:aadarshsingh121__counter","t":"Counter","d":"this is counter","k":"motion","s":"21st","c":"motion/number-ticker","a":"aadarshsingh121","pl":"https://cdn.21st.dev/aadarshsingh121/counter/default/preview.1749498639395.png","pc":"aadarshsingh121"},{"id":"21st:aarispathan15__book-slider","t":"Book slider","d":"click to scroll ","s":"21st","c":"inputs/slider","a":"aarispathan15","u":40,"pl":"https://cdn.21st.dev/aarispathan15/book-slider/default/preview.1754991964670.png","pc":"aarispathan15","tg":["carousel","slider"]},{"id":"21st:aashirzayd__contribution-heatmap","t":"Contribution heatmap","s":"21st","c":"data-viz/chart","a":"aashirzayd","st":"rated","pl":"https://cdn.21st.dev/aashirzayd/contribution-heatmap/default/preview.1773204797967.png","pc":"aashirzayd","sc":23,"sb":"Heatmap"},{"id":"21st:aashkat9__silk-blend-gradient","t":"Silk blend gradient","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#F7F3FF, #083DA9, #02006F, #000000). Features: film grain. A drop-in","k":"motion","s":"21st","c":"motion/gradient","a":"aashkat9","pl":"https://cdn.21st.dev/aashkat9/silk-blend-gradient/default/preview.1785099350531-83e02b69-6563-4284-99ea-954b32568f31.webp","pc":"aashkat9","sb":"Silk Blend"},{"id":"21st:aayush-duhan__card-fan-carousel","t":"Card fan carousel","d":"Animated image card carousel with a fanned arc layout. Features elastic entrance animation, interactive hover spread, and circular single-card pagination powered by GSAP. Responsiv","s":"21st","c":"media/carousel","a":"aayush-duhan","u":117,"pl":"https://cdn.21st.dev/aayush-duhan/card-fan-carousel/default/preview.1781720750848.png","pc":"aayush-duhan","tg":["carousel","gallery","image","pagination"]},{"id":"21st:aayush-duhan__cascade-text","t":"Cascade text","d":"A fluid cascading navigation item where characters transition sequentially to create a wave-like hover motion.","k":"motion","s":"21st","c":"motion/text-effect","a":"aayush-duhan","u":49,"pl":"https://cdn.21st.dev/aayush-duhan/cascade-text/default/preview.1781620609011.png","pc":"aayush-duhan","tg":["text"]},{"id":"21st:aayush-duhan__halftone-trail","t":"Halftone trail","d":"HilftoneTrail component","k":"motion","s":"21st","c":"motion/cursor","a":"aayush-duhan","pl":"https://cdn.21st.dev/aayush-duhan/halftone-trail/default/preview.1782729958716.png","pc":"aayush-duhan","tg":["cursor"]},{"id":"21st:aayush-duhan__ink-reveal","t":"Ink reveal","d":"A canvas overlay that lets users brush away a colored mask to reveal content underneath. Mouse movement creates organic, wobbly ink stamps that expand and fade, producing a natural","k":"motion","s":"21st","c":"motion/cursor","a":"aayush-duhan","u":73,"pl":"https://cdn.21st.dev/aayush-duhan/ink-reveal/default/preview.1781465880612.png","pc":"aayush-duhan","tg":["cursor","image"]},{"id":"21st:aayush-duhan__liquid-gradient","t":"Liquid gradient","d":"Liquid Gradient component for React.","k":"motion","s":"21st","c":"motion/gradient","a":"aayush-duhan","pl":"https://cdn.21st.dev/aayush-duhan/liquid-gradient/default/preview.1785549997688-a3a5d977-60bd-43b1-aa5f-565c1d002f32.png","pc":"aayush-duhan"},{"id":"21st:aayush-duhan__liquid-morph-floating-menu","t":"Liquid morph floating menu","d":"A premium, interactive floating navigation pill that dynamically expands into a dark-themed menu with smooth organic transitions, a morphing toggle button, and staggered letter-rol","s":"21st","c":"navigation/menu","a":"aayush-duhan","pl":"https://cdn.21st.dev/aayush-duhan/liquid-morph-floating-menu/default/preview.1782799298339.png","pc":"aayush-duhan","tg":["menu","navigation-menu"]},{"id":"21st:aayush-duhan__notch-card","t":"Notch card","d":"A shaped image card with a notched bottom-right corner, featuring a clip-path hover reveal effect and animated SVG border overlay. Fully customizable colors, images, timing, and la","s":"21st","c":"data-display/card","a":"aayush-duhan","pl":"https://cdn.21st.dev/aayush-duhan/notch-card/default/preview.1782130551508.png","pc":"aayush-duhan"},{"id":"21st:aayush-duhan__reveal-card","t":"Reveal card","s":"21st","c":"data-display/card","a":"aayush-duhan","pl":"https://cdn.21st.dev/aayush-duhan/reveal-card/default/preview.1781780557552.png","pc":"aayush-duhan"},{"id":"21st:abbasplusplus__goodreads-currently-reading","t":"Goodreads currently reading","d":"Show off the book that you're currently reading on Goodreads using your RSS feed. ","s":"21st","c":"media/gallery","a":"abbasplusplus","pl":"https://cdn.21st.dev/abbasplusplus/goodreads-currently-reading/default/preview.1756120229087.png","pc":"abbasplusplus"},{"id":"21st:abbeybidmus12__course-card","t":"Course card","d":"Course card component of a learning management system app","s":"21st","c":"data-display/card","a":"abbeybidmus12","pl":"https://cdn.21st.dev/abbeybidmus12/course-card/default/preview.1766528021142.png","pc":"abbeybidmus12"},{"id":"21st:abbeybidmus12__table-example","t":"Table example","d":"Table examle component","s":"21st","c":"data-display/table","a":"abbeybidmus12","pl":"https://cdn.21st.dev/abbeybidmus12/table-example/default/preview.1766779004816.png","pc":"abbeybidmus12"},{"id":"21st:abhi3hekk__social-stories","t":"Social stories","d":"Here is social stories component","s":"21st","c":"media/gallery","a":"abhi3hekk","u":15,"pl":"https://cdn.21st.dev/user_37FuTrkTgP182untG7HjKZtTe88/social-stories/default/preview.1767721608185.png","pc":"abhi3hekk","tg":["profile","video"]},{"id":"21st:abhinavcdev__3d-sliding-cards","t":"3d sliding cards","d":"React cards with image sliding up when hovered.","s":"21st","c":"data-display/card","a":"abhinavcdev","u":30,"pl":"https://cdn.21st.dev/abhinavcdev/3d-sliding-cards/default/preview.1755111211810.png","pc":"abhinavcdev","tg":["gallery"],"sb":"Animated and glowing"},{"id":"21st:abhinavcdev__cta-hero-with-top-nav","t":"Cta hero with top nav","d":"A simple Hero, CTA and top nav suitable for developer product landing pages.","k":"section","s":"21st","c":"marketing/hero","a":"abhinavcdev","pl":"https://cdn.21st.dev/abhinavcdev/cta-hero-with-top-nav/default/preview.1754791034048.png","pc":"abhinavcdev"},{"id":"21st:abhinavcdev__interactive-portfolio-terminal-component","t":"Interactive portfolio terminal component","s":"21st","c":"data-display/code-block","a":"abhinavcdev","pl":"https://cdn.21st.dev/abhinavcdev/interactive-portfolio-terminal-component/default/preview.1755112238764.png","pc":"abhinavcdev"},{"id":"21st:abhinavcdev__modern-hero-section","t":"Modern hero section","d":"A premium hero section designed for  platforms featuring a full-screen video background, large typography, and compelling statistics.","k":"section","s":"21st","c":"marketing/hero","a":"abhinavcdev","pl":"https://cdn.21st.dev/abhinavcdev/modern-hero-section/default/preview.1755115372535.png","pc":"abhinavcdev"},{"id":"21st:abishek1512__button-1","t":"Button 1","d":"Animated button","s":"21st","c":"actions/button","a":"abishek1512","u":163,"pl":"https://cdn.21st.dev/user_2wnqnvX2yOglGP4CzRypdJkeHrv/button-1/default/preview.1747165784185.png","pc":"abishek1512","sb":"Loading and states"},{"id":"21st:abishek1512__carousel-card","t":"Carousel card","d":"Animated card with carousel effect","s":"21st","c":"media/carousel","a":"abishek1512","pl":"https://cdn.21st.dev/abishek1512/carousel-card/default/preview.1746861707425.png","pc":"abishek1512"},{"id":"21st:abishek1512__carousel-card-1","t":"Carousel card 1","d":"UI component for card with carousel effects","s":"21st","c":"media/carousel","a":"abishek1512","u":246,"pl":"https://cdn.21st.dev/user_2wnqnvX2yOglGP4CzRypdJkeHrv/carousel-card-1/default/preview.1747163845462.png","pc":"abishek1512","tg":["carousel","gallery"]},{"id":"21st:abishek1512__carousel-card-2","t":"Carousel card 2","d":"carousel card","s":"21st","c":"media/carousel","a":"abishek1512","pl":"https://cdn.21st.dev/user_2wnqnvX2yOglGP4CzRypdJkeHrv/carousel-card-2/carousel-card/preview.png","pc":"abishek1512"},{"id":"21st:abishek1512__login-1","t":"Login 1","d":"A SignIn card component featuring animated buttons, input fields, and social media icons, all enhanced with gradient effects for a modern visual appeal.","s":"21st","c":"flows/sign-in","a":"abishek1512","u":336,"pl":"https://cdn.21st.dev/abishek1512/login-1/default/preview.1748278436511.png","pc":"abishek1512","tg":["sign-in"],"sb":"Sign up"},{"id":"21st:abishek1512__sign-in-4","t":"Sign in 4","d":"A SignIn card component featuring animated buttons, input fields, and social media icons, all enhanced with gradient effects for a modern visual appeal.","s":"21st","c":"flows/sign-in","a":"abishek1512","pl":"https://cdn.21st.dev/abishek1512/sign-in/default/preview.1747335705282.png","pc":"abishek1512","sb":"Sign in"},{"id":"21st:abishek1512__sign-in-7","t":"Sign in 7","d":"A SignIn card component featuring animated buttons, input fields, and social media icons, all enhanced with gradient effects for a modern visual appeal.","s":"21st","c":"flows/sign-in","a":"abishek1512","pl":"https://cdn.21st.dev/abishek1512/sign-in-6/default/preview.1747506270947.png","pc":"abishek1512","sb":"Sign in"},{"id":"21st:abishekrajimmanuel__carousel-card-1","t":"Carousel card 1","d":"List cards with carousel effect.","s":"21st","c":"media/carousel","a":"abishekrajimmanuel","pl":"https://cdn.21st.dev/abishekrajimmanuel/carousel-card/default/preview.1746859672518.png","pc":"abishekrajimmanuel"},{"id":"21st:abishekrajimmanuel__image-card-1","t":"Image card 1","d":"Card component with image, content and carousel","s":"21st","c":"media/gallery","a":"abishekrajimmanuel","pl":"https://cdn.21st.dev/abishekrajimmanuel/image-card/default/preview.1746825678860.png","pc":"abishekrajimmanuel"},{"id":"21st:abui__scroll-reveal-content-a","t":"Scroll reveal content a","d":"A scroll-driven section that reveals three numbered content blocks with a growing vertical progress line and synchronized image transitions as the user scrolls.","k":"layout","s":"21st","c":"layout/scroll-area","a":"abui","u":4,"pl":"https://cdn.21st.dev/abui/scroll-reveal-content-a/default/preview.1783712339764.png","pc":"abui","tg":["features","progress","scroll-area","timeline"]},{"id":"21st:abxlfazl____animated-tab-bar","t":"Animated tab bar","d":"Here is Animated Tab Bar component","s":"21st","c":"navigation/tabs","a":"abxlfazl__","u":72,"pl":"https://cdn.21st.dev/larsen66/animated-tab-bar/default/preview.1753801592310.png","pc":"abxlfazl__","tg":["icon","navigation-menu","tabs"]},{"id":"21st:adam.d.korzun__test-component","t":"Test component","d":"Blank component to test out how this works. No review required","k":"section","s":"21st","c":"marketing/testimonials","a":"adam.d.korzun","pl":"https://cdn.21st.dev/adam.d.korzun/test-component/default/preview.1750863028321.png","pc":"adam.d.korzun"},{"id":"21st:adarsh-jain-bit__web-services","t":"Web services","k":"section","s":"21st","c":"marketing/features","a":"adarsh-jain-bit","pl":"https://cdn.21st.dev/adarsh-jain-bit/web-services/default/preview.1749299607715.png","pc":"adarsh-jain-bit"},{"id":"21st:adepalma__categorybadge","t":"Categorybadge","d":"Self-contained category badge component","s":"21st","c":"data-display/badge","a":"adepalma","pl":"https://21st.dev/@adepalma/components/categorybadge","pc":"adepalma"},{"id":"21st:adepalma__confirmdialog","t":"Confirmdialog","d":"Self-contained confirm dialog component with loading and destructive variant","s":"21st","c":"overlays/dialog","a":"adepalma","pl":"https://21st.dev/@adepalma/components/confirmdialog","pc":"adepalma","sb":"Confirm"},{"id":"21st:adepalma__emptystate","t":"Emptystate","d":"Self-contained empty state component with icon, title, description and action","s":"21st","c":"data-display/empty-state","a":"adepalma","pl":"https://21st.dev/@adepalma/components/emptystate","pc":"adepalma"},{"id":"21st:aditya.nagpal__starry-nights","t":"Starry nights","d":"Animated (wave) ASCII art in the Mosaic style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards","k":"motion","s":"21st","c":"motion/ascii","a":"aditya.nagpal","pl":"https://cdn.21st.dev/aditya.nagpal/starry-nights/default/preview.1784249460033-d492bb91-4f03-40e2-8eb1-83beafd03b17.webp","pc":"aditya.nagpal","tg":["background","video"],"sb":"Mosaic"},{"id":"21st:admin_a46d2fee__gauge","t":"Gauge","d":"A customizable SVG gauge with segmented arcs, animated progress tracking, and an optional needle with gradient glow. Supports configurable segments, smooth CSS transitions, and red","s":"21st","c":"data-viz/gauge","a":"admin_a46d2fee","pl":"https://cdn.21st.dev/admin_a46d2fee/gauge/default/preview.1776416753642.png","pc":"admin_a46d2fee"},{"id":"21st:aghasisahakyan1__3d-hero-section-boxes","t":"3d hero section boxes","d":"3D Hero Section With Animated Boxes","k":"section","s":"21st","c":"marketing/hero","a":"aghasisahakyan1","u":164,"pl":"https://cdn.21st.dev/user_2wRb2ACTQ44hvI4zlLmE3zYQQZU/3d-hero-section-boxes/default/preview.1746632692728.png","pc":"aghasisahakyan1","tg":["cta","hero"],"sb":"Animated background"},{"id":"21st:aghasisahakyan1__3d-interactive-navbar","t":"3d interactive navbar","d":"A sophisticated, interactive navbar with 3D effects powered by Three.js and React Three Fiber. Features smooth animations, hover effects, and responsive design. Includes custom car","s":"21st","c":"navigation/top-nav","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/nubmaster4568/3d-interactive-navbar/default/preview.1747254696082.png","pc":"aghasisahakyan1","sb":"Mega menus"},{"id":"21st:aghasisahakyan1__ai-input","t":"Ai input","d":"AI Input popover","s":"21st","c":"ai-agent/composer","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/ai-input/default/preview.1756605327560.png","pc":"aghasisahakyan1","tg":["ai-chat","popover"],"sb":"Chat"},{"id":"21st:aghasisahakyan1__ai-input-hero","t":"Ai input hero","d":"AI Input hero section with animated shader background","s":"21st","c":"ai-agent/ai-agent","a":"aghasisahakyan1","u":242,"pl":"https://cdn.21st.dev/aghasisahakyan1/ai-input-hero/default/preview.1759262464978.png","pc":"aghasisahakyan1","tg":["ai-chat","hero"],"sb":"Chat"},{"id":"21st:aghasisahakyan1__aniamted-pricing-cards","t":"Aniamted pricing cards","d":"Aniamted Pricing Cards","k":"section","s":"21st","c":"marketing/pricing","a":"aghasisahakyan1","u":113,"pl":"https://cdn.21st.dev/aghasisahakyan1/aniamted-pricing-cards/default/preview.1756833457643.png","pc":"aghasisahakyan1","tg":["pricing-section"],"sb":"Plan cards"},{"id":"21st:aghasisahakyan1__animate-navigation","t":"Animate navigation","d":"Animated navigation component using motion ","s":"21st","c":"navigation/top-nav","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/animate-navigation/default/preview.1756604833438.png","pc":"aghasisahakyan1","sb":"Mega menus"},{"id":"21st:aghasisahakyan1__animated-card","t":"Animated card","d":"Animated Card","s":"21st","c":"data-display/card","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/animated-card/default/preview.1757032985167.png","pc":"aghasisahakyan1","tg":["features"],"sb":"Feature"},{"id":"21st:aghasisahakyan1__animated-card-1","t":"Animated card 1","d":"An animated hover card that can showcase almost anything—it all comes down to the caption you choose.","s":"21st","c":"assets/icon","a":"aghasisahakyan1","u":28,"pl":"https://cdn.21st.dev/aghasisahakyan1/animated-card-1/default/preview.1752734113317.png","pc":"aghasisahakyan1","sb":"Animated"},{"id":"21st:aghasisahakyan1__animated-chart-card","t":"Animated chart card","d":"Animated Chart Card","s":"21st","c":"data-viz/chart","a":"aghasisahakyan1","u":27,"pl":"https://cdn.21st.dev/aghasisahakyan1/animated-chart-card/default/preview.1757034191844.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__animated-comman-menu","t":"Animated comman menu","d":"Animated Comman Menu","s":"21st","c":"navigation/menu","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/animated-comman-menu/default/preview.1757034715603.png","pc":"aghasisahakyan1","tg":["modal","search"]},{"id":"21st:aghasisahakyan1__animated-footer","t":"Animated footer","d":"Responsive footer component with cool animations","k":"section","s":"21st","c":"marketing/footer","a":"aghasisahakyan1","u":2,"pl":"https://cdn.21st.dev/nubmaster4568/animated-footer/default/preview.1747269470465.png","pc":"aghasisahakyan1","tg":["footer"]},{"id":"21st:aghasisahakyan1__animated-list","t":"Animated list","d":"A sophisticated animation component that creates dynamic column-based transitions with scaling effects. Perfect for showcasing notifications, messages, or any sequential content wi","s":"21st","c":"data-display/list","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/animated-list/default/preview.1752733579534.png","pc":"aghasisahakyan1","tg":["list","notification"],"sb":"Activity and feeds"},{"id":"21st:aghasisahakyan1__animated-profile-card","t":"Animated profile card","d":"Animated Profile Card","s":"21st","c":"data-display/profile","a":"aghasisahakyan1","u":119,"pl":"https://cdn.21st.dev/aghasisahakyan1/animated-profile-card/default/preview.1759236393866.png","pc":"aghasisahakyan1","tg":["profile"]},{"id":"21st:aghasisahakyan1__animated-search-1","t":"Animated search 1","d":"Animated Search Bar with gooey effect  ","s":"21st","c":"inputs/search","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/nubmaster4568/animated-search-bar/default/preview.1746990123567.png","pc":"aghasisahakyan1","tg":["search"]},{"id":"21st:aghasisahakyan1__animated-search-bar","t":"Animated search bar","d":"Animated Search Bar with gooey effect  ","s":"21st","c":"inputs/search","a":"aghasisahakyan1","u":116,"pl":"https://cdn.21st.dev/nubmaster4568/animated-search-bar/default/preview.1747126579206.png","pc":"aghasisahakyan1","tg":["search"]},{"id":"21st:aghasisahakyan1__animated-section","t":"Animated section","d":"A section displaying technology integrations, featuring descriptive text, a call-to-action button with an arrow hover animation, and automatically scrolling cards presented in diff","k":"section","s":"21st","c":"marketing/cta","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/nubmaster4568/animated-section/default/preview.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__animated-tags","t":"Animated tags","d":"Component that displays tags with an animation when they are added or removed from the list of selected tags","s":"21st","c":"data-display/badge","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/animated-tags/default/preview.1756606301451.png","pc":"aghasisahakyan1","sb":"Animated"},{"id":"21st:aghasisahakyan1__anomaly-heatmap","t":"Anomaly heatmap","d":"Anomaly heatmap","s":"21st","c":"data-viz/chart","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/anomaly-heatmap/default/preview.1757030404711.png","pc":"aghasisahakyan1","tg":["data-visualization"],"sb":"Heatmap"},{"id":"21st:aghasisahakyan1__api-rate-limiting-card","t":"Api rate limiting card","d":"API Rate Limiting Card","s":"21st","c":"data-display/card","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/api-rate-limiting-card/default/preview.1757032556595.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__arrow-cta","t":"Arrow cta","d":"Arrow CTA with animation","k":"section","s":"21st","c":"marketing/cta","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/arrow-cta/default/preview.1756844582696.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__auth-form","t":"Auth form","d":"Auth Form Retro","s":"21st","c":"flows/sign-in","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/auth-form/default/preview.1756792496454.png","pc":"aghasisahakyan1","sb":"Sign in"},{"id":"21st:aghasisahakyan1__black-and-white-hero-section","t":"Black and white hero section","d":"Black and white responsive hero section","k":"section","s":"21st","c":"marketing/hero","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/black-and-white-hero-section/default/preview.1751756898456.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__blog-post-card","t":"Blog post card","d":"Blog Post Card","k":"section","s":"21st","c":"marketing/marketing","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/blog-post-card/default/preview.1759237603296.png","pc":"aghasisahakyan1","tg":["card","image"],"sb":"Blog and posts"},{"id":"21st:aghasisahakyan1__box-carousel","t":"Box carousel","d":"Box Carousel","s":"21st","c":"media/carousel","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/box-carousel/default/preview.1756604490045.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__browser-preview","t":"Browser preview","d":"Browser Preview Component","s":"21st","c":"data-display/list","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/browser-preview/default/preview.1756833195035.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__code-editor-landing-hero","t":"Code editor landing hero","d":"A polished landing hero for developer-focused products, combining a responsive header, headline, CTA, testimonial with star ratings, and an illustrative graphic—perfect for SaaS co","k":"section","s":"21st","c":"marketing/hero","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/code-editor-landing-hero/default/preview.1751382078511.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__code-feedback-hero-section","t":"Code feedback hero section","d":"A lively landing-page hero promoting collaborative code reviews. Includes header navigation, pattern background, headline, social proof avatars, dual CTAs, and illustration. All co","k":"section","s":"21st","c":"marketing/hero","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/code-feedback-hero-section/default/preview.1751390336118.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__collaborative-workspace-hero-section","t":"Collaborative workspace hero section","d":"A vibrant hero component featuring navigation, headline with accented highlight, supporting text, CTA buttons, and an illustration—ideal for SaaS or collaboration platform landing ","k":"section","s":"21st","c":"marketing/hero","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/collaborative-workspace-hero-section/default/preview.1751388736698.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__colorful-alerts","t":"Colorful alerts","d":"Colorful Alerts","s":"21st","c":"overlays/alert-banner","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/colorful-alerts/default/preview.1757325224553.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__complete-crypto-wallet-integration","t":"Complete crypto wallet integration","d":"Completely functioning crypto wallet integration for any provider","k":"section","s":"21st","c":"marketing/logos","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/complete-crypto-wallet-integration/default/preview.1756936141262.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__crypto-converter","t":"Crypto converter","d":"Crypto Converter","s":"21st","c":"other","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/crypto-converter/default/preview.1757327049835.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__customizable-pixel-avatar","t":"Customizable pixel avatar","d":"Customizable Pixel Avatar","s":"21st","c":"data-display/avatar","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/customizable-pixel-avatar/default/preview.1756935141115.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__dasdafdfsdfd","t":"Dasdafdfsdfd","d":"AI App Hero Section","k":"section","s":"21st","c":"marketing/hero","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/dasdafdfsdfd/default/preview.1758229142133.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__downloadable-asset","t":"Downloadable asset","d":"Downloadable Asset Component","s":"21st","c":"inputs/file-upload","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/downloadable-asset/default/preview.1757325440638.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__draw-with-cursor","t":"Draw with cursor","d":"A React component that adds an interactive drawing effect following the user's mouse cursor within a specified area.","k":"motion","s":"21st","c":"motion/cursor","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/user_2wRb2ACTQ44hvI4zlLmE3zYQQZU/draw-with-cursor/draw/preview.png","pc":"aghasisahakyan1","tg":["cursor"]},{"id":"21st:aghasisahakyan1__dynamic-island","t":"Dynamic island","d":"A reusable Dynamic Island component inspired by Apple's design, featuring smooth state transitions and animations.","s":"21st","c":"overlays/toast","a":"aghasisahakyan1","u":44,"pl":"https://cdn.21st.dev/aghasisahakyan1/dynamic-island/default/preview.1756605945317.png","pc":"aghasisahakyan1","tg":["notification"]},{"id":"21st:aghasisahakyan1__event-webinar-card","t":"Event webinar card","d":"Event/Webinar Card","s":"21st","c":"data-display/card","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/event-webinar-card/default/preview.1757325581750.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__expandable-card","t":"Expandable card","d":"A versatile and engaging UI component that allows users to explore content in a more immersive way.","s":"21st","c":"data-display/accordion","a":"aghasisahakyan1","u":161,"pl":"https://cdn.21st.dev/aghasisahakyan1/expandable-card/default/preview.1752733809059.png","pc":"aghasisahakyan1","tg":["modal"],"sb":"Cards"},{"id":"21st:aghasisahakyan1__flickering-footer","t":"Flickering footer","d":"Flickering Footer Component","k":"section","s":"21st","c":"marketing/footer","a":"aghasisahakyan1","u":568,"pl":"https://cdn.21st.dev/aghasisahakyan1/flickering-footer/default/preview.1759970115840.png","pc":"aghasisahakyan1","tg":["footer","link"]},{"id":"21st:aghasisahakyan1__flipping-card","t":"Flipping card","d":"A two-sided card component that flips on hover, revealing content on its back face. Ideal for interactive displays or showcasing additional information.","s":"21st","c":"data-display/card","a":"aghasisahakyan1","u":169,"pl":"https://cdn.21st.dev/aghasisahakyan1/flipping-card/default/preview.1752733401072.png","pc":"aghasisahakyan1","tg":["image"],"sb":"Animated and glowing"},{"id":"21st:aghasisahakyan1__form-layout-1","t":"Form layout 1","d":"Simple Form Layout for registration with address using Shadcn Components","s":"21st","c":"inputs/form-field","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/form-layout-1/default/preview.1752833823467.png","pc":"aghasisahakyan1","sb":"Whole forms"},{"id":"21st:aghasisahakyan1__form-layout-2","t":"Form layout 2","s":"21st","c":"inputs/form-field","a":"aghasisahakyan1","st":"rated","pl":"https://cdn.21st.dev/aghasisahakyan1/form-layout-2/default/preview.1752833980317.png","pc":"aghasisahakyan1","sc":18,"sb":"Whole forms"},{"id":"21st:aghasisahakyan1__galaxy-interactive-hero-section","t":"Galaxy interactive hero section","d":"A dynamic and visually engaging hero section featuring a Spline 3D background, a responsive navigation bar with blurred effects and dropdowns, a prominent content overlay with para","k":"section","s":"21st","c":"marketing/hero","a":"aghasisahakyan1","u":404,"pl":"https://cdn.21st.dev/user_2wRb2ACTQ44hvI4zlLmE3zYQQZU/galaxy-interactive-hero-section/default/preview.1746632771616.png","pc":"aghasisahakyan1","tg":["hero"]},{"id":"21st:aghasisahakyan1__gallery-scroll-section","t":"Gallery scroll section","d":"Gallery Section with Image transition effect ","k":"layout","s":"21st","c":"layout/scroll-area","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/nubmaster4568/gallery-scroll-section/default/preview.1746991051703.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__gallery-section","t":"Gallery section","d":"Gallery Section with Image transition effect ","s":"21st","c":"media/gallery","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/nubmaster4568/gallery-section/default/preview.1747126776647.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__gradient-background-5","t":"Gradient background 5","d":"Gradient Background 5","k":"motion","s":"21st","c":"motion/background","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/gradient-background-5/default/preview.1756603441914.png","pc":"aghasisahakyan1","sb":"Gradients and aurora"},{"id":"21st:aghasisahakyan1__gradient-background-6","t":"Gradient background 6","d":"Gradient Background 6","k":"motion","s":"21st","c":"motion/background","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/gradient-background-6/default/preview.1756603707332.png","pc":"aghasisahakyan1","sb":"Gradients and aurora"},{"id":"21st:aghasisahakyan1__gradient-pricing-section","t":"Gradient pricing section","d":"Pricing section with gradient card","k":"section","s":"21st","c":"marketing/pricing","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/gradient-pricing-section/default/preview.1752835642307.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__hero-gradient-with-search","t":"Hero gradient with search","d":"A vibrant dark-mode hero section with a job search form, gradient effects, responsive nav, and mobile toggle support. Ideal for hiring platforms and AI-assisted marketplaces.","k":"section","s":"21st","c":"marketing/hero","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/hero-gradient-with-search/default/preview.1751380661892.png","pc":"aghasisahakyan1","sb":"Animated background"},{"id":"21st:aghasisahakyan1__hero-section","t":"Hero section","d":" A comprehensive UI component for a landing page hero section. It includes responsive navigation, a headline content area, and a structured application preview section with filters","k":"section","s":"21st","c":"marketing/hero","a":"aghasisahakyan1","u":90,"pl":"https://cdn.21st.dev/nubmaster4568/hero-section/default/preview.png","pc":"aghasisahakyan1","tg":["dashboard","cta"],"sb":"With product shot"},{"id":"21st:aghasisahakyan1__hero-section-learn-connect","t":"Hero section learn connect","d":"A bright and welcoming hero section designed for educational platforms and learning communities. Features a dual-column layout with a bold headline, call-to-action button, and ment","k":"section","s":"21st","c":"marketing/hero","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/hero-section-learn-connect/default/preview.1751380920188.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__hero-section-with-email-input","t":"Hero section with email input","d":"Hero section with email input call to action and gallery cards ","k":"section","s":"21st","c":"marketing/hero","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/hero-section-with-email-input/default/preview.1751757279758.png","pc":"aghasisahakyan1","sb":"SaaS and AI"},{"id":"21st:aghasisahakyan1__hero-section-with-responsive-navigation","t":"Hero section with responsive navigation","d":"A modern, responsive hero section featuring a toggleable mobile navigation, prominent headline, CTA buttons, and illustration. Built with Tailwind CSS and React. Ideal for marketin","k":"section","s":"21st","c":"marketing/hero","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/hero-section-with-responsive-navigation/default/preview.1751380293328.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__interactive-feature-section","t":"Interactive feature section","d":"Component that creates a full-screen, scroll-controlled section for showcasing features, featuring a dynamic background gradient effect and visual progress indicators.","k":"section","s":"21st","c":"marketing/features","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/nubmaster4568/interactive-feature-section/default/preview.1747261396140.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__interactive-feature-section-1","t":"Interactive feature section 1","d":"Component that creates a full-screen, scroll-controlled section for showcasing features, featuring a dynamic background gradient effect and visual progress indicators.","k":"section","s":"21st","c":"marketing/features","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/interactive-feature-section-1/default/preview.1757739810827.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__interactive-folder","t":"Interactive folder","d":"A dynamic UI component that simulates an interactive folder. Click to 'open' and reveal up to three items inside, which spread out. Items provide a subtle parallax effect on hover ","s":"21st","c":"data-display/tree","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/user_2wRb2ACTQ44hvI4zlLmE3zYQQZU/interactive-folder/default/preview.1746632474100.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__link-preview","t":"Link preview","d":"An interactive link preview component. Displays a preview card on hover, supporting dynamic website screenshots . Features smooth animations (card flip, optional mouse follow) and ","s":"21st","c":"actions/link","a":"aghasisahakyan1","u":109,"pl":"https://cdn.21st.dev/user_2wRb2ACTQ44hvI4zlLmE3zYQQZU/link-preview/hover-peek-demo-page/preview.png","pc":"aghasisahakyan1","tg":["link"]},{"id":"21st:aghasisahakyan1__live-feed","t":"Live feed","d":"Live Feed Component","s":"21st","c":"data-display/timeline","a":"aghasisahakyan1","st":"rated","pl":"https://cdn.21st.dev/aghasisahakyan1/live-feed/default/preview.1757031360340.png","pc":"aghasisahakyan1","tg":["list","notification"],"sc":24},{"id":"21st:aghasisahakyan1__loader","t":"Loader","d":"A loading component with multiple variants to indicate processing states and provide visual feedback to users during wait times.","s":"21st","c":"status/loader","a":"aghasisahakyan1","u":115,"pl":"https://cdn.21st.dev/aghasisahakyan1/loader/default/preview.1755400427066.png","pc":"aghasisahakyan1","tg":["spinner"],"sb":"Spinners"},{"id":"21st:aghasisahakyan1__login-2","t":"Login 2","d":"Simple login form using shadcn components","s":"21st","c":"flows/sign-in","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/login-2/default/preview.1752833256028.png","pc":"aghasisahakyan1","sb":"Sign in"},{"id":"21st:aghasisahakyan1__login-activity","t":"Login activity","d":"Login Activity ","s":"21st","c":"flows/sign-in","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/login-activity/default/preview.1757030250418.png","pc":"aghasisahakyan1","tg":["dashboard"],"sb":"Sign in"},{"id":"21st:aghasisahakyan1__login-form","t":"Login form","d":"Simple login/auth form using shadcn compoenents","s":"21st","c":"flows/sign-in","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/login-form/default/preview.1752833455920.png","pc":"aghasisahakyan1","sb":"Sign in"},{"id":"21st:aghasisahakyan1__mini-navbar","t":"Mini navbar","d":"      \nMinimalist 'Mini Navbar' Responsive UI component featuring subtle animations for top web page headers and navigation. ","s":"21st","c":"navigation/top-nav","a":"aghasisahakyan1","u":652,"pl":"https://cdn.21st.dev/nubmaster4568/mini-navbar/default/preview.png","pc":"aghasisahakyan1","sb":"Mega menus"},{"id":"21st:aghasisahakyan1__moving-circles-shader","t":"Moving circles shader","d":"Moving Circles Shader","s":"21st","c":"motion/background","a":"aghasisahakyan1","u":14,"pl":"https://cdn.21st.dev/aghasisahakyan1/moving-circles-shader/default/preview.1756750063243.png","pc":"aghasisahakyan1","sb":"Shaders and WebGL"},{"id":"21st:aghasisahakyan1__multimodal-ai-chat-input","t":"Multimodal ai chat input","d":"A versatile React component for creating AI chat interfaces. Supports text input and file attachments (images, videos, audio, PDF, etc.) with interactive previews. Includes integra","s":"21st","c":"ai-agent/composer","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/user_2wRb2ACTQ44hvI4zlLmE3zYQQZU/multimodal-ai-chat-input/default/preview.1746633059633.png","pc":"aghasisahakyan1","tg":["textarea","upload-download"]},{"id":"21st:aghasisahakyan1__navbar-with-animated-mega-dropdown","t":"Navbar with animated mega dropdown","d":"A responsive React Navbar component implementing animated mega-dropdown menus for desktop interactions and a slide-in overlay menu for mobile devices. It's built using React hooks ","s":"21st","c":"navigation/top-nav","a":"aghasisahakyan1","u":65,"pl":"https://cdn.21st.dev/nubmaster4568/navbar-with-animated-mega-dropdown/default/preview.png","pc":"aghasisahakyan1","tg":["menu"],"sb":"Mega menus"},{"id":"21st:aghasisahakyan1__portal-sidebar","t":"Portal sidebar","d":"Portal Sidebar","s":"21st","c":"navigation/sidebar","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/portal-sidebar/default/preview.1757326905360.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__quick-links-card","t":"Quick links card","d":"Quick Links Card","s":"21st","c":"data-display/card","a":"aghasisahakyan1","u":2,"pl":"https://cdn.21st.dev/aghasisahakyan1/quick-links-card/default/preview.1757325034282.png","pc":"aghasisahakyan1","tg":["list","link"]},{"id":"21st:aghasisahakyan1__r3f-blob","t":"R3f blob","d":"Animated Blob Using React Three Fiber","k":"resource","s":"21st","c":"assets/shape","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/r3f-blob/default/preview.1752835333919.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__rainbow-matrix-shader","t":"Rainbow matrix shader","d":"Rainbow Matrix Shader","k":"motion","s":"21st","c":"motion/shader","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/rainbow-matrix-shader/default/preview.1756792114798.png","pc":"aghasisahakyan1","tg":["grid"]},{"id":"21st:aghasisahakyan1__reasoning","t":"Reasoning","d":"A collapsible component for showing AI reasoning, explanations, or logic. You can control it manually or let it auto-close when the stream ends. Markdown is supported.","s":"21st","c":"ai-agent/ai-agent","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/reasoning/default/preview.1755401186605.png","pc":"aghasisahakyan1","tg":["ai-chat"],"sb":"Reasoning and tools"},{"id":"21st:aghasisahakyan1__scaling-on-scroll","t":"Scaling on scroll","d":"The ScalingOnScroll component is a React component that creates a dynamic scaling effect on scroll using GSAP's ScrollTrigger and Flip plugins. It allows an element to scale and tr","k":"layout","s":"21st","c":"layout/scroll-area","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/user_2wRb2ACTQ44hvI4zlLmE3zYQQZU/scaling-on-scroll/video-content/preview.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__section-with-mockup","t":"Section with mockup","d":" responsive React component for displaying a section with text (title, description) and a styled image mockup. Features optional layout reversal and subtle scroll-triggered animati","s":"21st","c":"media/mockup","a":"aghasisahakyan1","u":399,"pl":"https://cdn.21st.dev/user_2wRb2ACTQ44hvI4zlLmE3zYQQZU/section-with-mockup/default/preview.1746632628368.png","pc":"aghasisahakyan1","tg":["dashboard","features"]},{"id":"21st:aghasisahakyan1__sign-in-flow-1","t":"Sign in flow 1","d":"Sing In Flow with animated background","s":"21st","c":"flows/sign-in","a":"aghasisahakyan1","st":"rated","u":1307,"pl":"https://cdn.21st.dev/nubmaster4568/sign-in-flow-1/default/preview.1747131539764.png","pc":"aghasisahakyan1","tg":["sign-in"],"sc":17,"sb":"Sign up"},{"id":"21st:aghasisahakyan1__source","t":"Source","d":"Displays website sources used by AI-generated content, showing URL details, titles, and descriptions on hover.","s":"21st","c":"other","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/source/default/preview.1755867254563.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__speed-lines-shader","t":"Speed lines shader","d":"Speed Lines Shader","s":"21st","c":"motion/background","a":"aghasisahakyan1","u":54,"pl":"https://cdn.21st.dev/aghasisahakyan1/speed-lines-shader/default/preview.1756750621410.png","pc":"aghasisahakyan1","sb":"Shaders and WebGL"},{"id":"21st:aghasisahakyan1__stacked-alerts","t":"Stacked alerts","d":"Stacked alerts","s":"21st","c":"overlays/alert-banner","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/stacked-alerts/default/preview.1757030964623.png","pc":"aghasisahakyan1","tg":["alert","notification"]},{"id":"21st:aghasisahakyan1__star-button","t":"Star button","d":"The StarButton is a visually striking button that features a radial light animation with a starry background.","s":"21st","c":"actions/button","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/star-button/default/preview.1752734493561.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__star-on-github","t":"Star on github","d":"Star On Github Button","s":"21st","c":"actions/button","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/star-on-github/default/preview.1756604046414.png","pc":"aghasisahakyan1","sb":"Social and sign-in"},{"id":"21st:aghasisahakyan1__statistics-card","t":"Statistics card","d":"Statistics Card","s":"21st","c":"data-display/card","a":"aghasisahakyan1","u":78,"pl":"https://cdn.21st.dev/aghasisahakyan1/statistics-card/default/preview.1759974094075.png","pc":"aghasisahakyan1","tg":["comparison"],"sb":"Metric"},{"id":"21st:aghasisahakyan1__sticky-section-tabs","t":"Sticky section tabs","d":"A container component that displays child sections with sticky headers. As the user scrolls, the header for the current section sticks below a defined navigation height, providing ","s":"21st","c":"navigation/tabs","a":"aghasisahakyan1","u":106,"pl":"https://cdn.21st.dev/user_2wRb2ACTQ44hvI4zlLmE3zYQQZU/sticky-section-tabs/default/preview.1746444616173.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__swipe-animation","t":"Swipe animation","d":"Swipe Animation","s":"21st","c":"media/card-stack","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/swipe-animation/default/preview.1759614517807.png","pc":"aghasisahakyan1"},{"id":"21st:aghasisahakyan1__user-profile-card","t":"User profile card","d":"User Profile Card","s":"21st","c":"data-display/profile","a":"aghasisahakyan1","pl":"https://cdn.21st.dev/aghasisahakyan1/user-profile-card/default/preview.1757034070026.png","pc":"aghasisahakyan1","tg":["avatar","profile"]},{"id":"21st:aghasisahakyan1__waves-shader","t":"Waves shader","d":"Waves Shader ","k":"motion","s":"21st","c":"motion/background","a":"aghasisahakyan1","u":17,"pl":"https://cdn.21st.dev/aghasisahakyan1/waves-shader/default/preview.1756844372548.png","pc":"aghasisahakyan1","tg":["background"],"sb":"Shaders and WebGL"},{"id":"21st:ahammed.bashar9__glow-horizon","t":"Glow horizon","d":"A modern landing page hero with a glowing horizon effect, animated gradients, and smooth ambient lighting. Perfect for SaaS, AI, startup, and product landing pages.","k":"motion","s":"21st","c":"motion/background","a":"ahammed.bashar9","u":68,"pl":"https://cdn.21st.dev/ahammed.bashar9/glow-horizon/default/preview.1781898144363.png","pc":"ahammed.bashar9","tg":["hero","text"],"sb":"Gradients and aurora"},{"id":"21st:ahmadluthfi536__service","t":"Service","d":"make section to display service what i can deliver, i am a full stack developer","k":"section","s":"21st","c":"marketing/features","a":"ahmadluthfi536","pl":"https://cdn.21st.dev/ahmadluthfi536/service/default/preview.1754210266171.png","pc":"ahmadluthfi536"},{"id":"21st:ahmedmayara__ai-assistant-card","t":"Ai assistant card","d":"A clean, task-focused AI assistant panel, welcoming, structured, and equipped with quick actions, input, and model controls for seamless interaction.","s":"21st","c":"ai-agent/ai-agent","a":"ahmedmayara","pl":"https://cdn.21st.dev/ahmedmayara/ai-assistant-card/default/preview.1756253719649.png","pc":"ahmedmayara","tg":["ai-chat"],"sb":"Chat"},{"id":"21st:ahmedmayara__ai-thinking-orb","t":"Ai thinking orb","d":"A React component that visualizes AI “thinking” with glowing orbs, particles, and smooth animations. Supports multiple colors and states: idle, thinking, or processing.","s":"21st","c":"ai-agent/ai-agent","a":"ahmedmayara","pl":"https://cdn.21st.dev/ahmedmayara/ai-thinking-orb/default/preview.1759711670150.png","pc":"ahmedmayara","sb":"Reasoning and tools"},{"id":"21st:ahmedmayara__area-chart-analytics-card","t":"Area chart analytics card","d":"A compact card component that displays ad spend over the last 28 days with a mini area chart. Perfect for dashboards and marketing analytics.","s":"21st","c":"data-viz/chart","a":"ahmedmayara","u":42,"pl":"https://cdn.21st.dev/ahmedmayara/area-chart-analytics-card/default/preview.1756729845593.png","pc":"ahmedmayara","tg":["dashboard"],"sb":"Area"},{"id":"21st:ahmedmayara__authentication-card","t":"Authentication card","d":"A responsive Authentication Card component. Clean, accessible, and easy to integrate into authentication flows.","s":"21st","c":"flows/sign-in","a":"ahmedmayara","pl":"https://cdn.21st.dev/ahmedmayara/authentication-card/default/preview.1755542147871.png","pc":"ahmedmayara","tg":["form","sign-in"],"sb":"Sign in"},{"id":"21st:ahmedmayara__camera-permission-request-card","t":"Camera permission request card","d":"A beautifully designed card component for requesting camera permissions. Ideal for onboarding flows and video call apps.","s":"21st","c":"data-display/card","a":"ahmedmayara","pl":"https://cdn.21st.dev/ahmedmayara/camera-permission-request-card/default/preview.1757772824905.png","pc":"ahmedmayara","tg":["notification","onboarding"]},{"id":"21st:ahmedmayara__category-bar-chart","t":"Category bar chart","d":"A clean, responsive category bar chart component for visualizing sales channel performance. Perfect for dashboards and analytics pages.","s":"21st","c":"data-viz/chart","a":"ahmedmayara","u":30,"pl":"https://cdn.21st.dev/ahmedmayara/category-bar-chart/default/preview.1757073696908.png","pc":"ahmedmayara","tg":["dashboard","stat"],"sb":"Bar"},{"id":"21st:ahmedmayara__conversion-funnel-area-chart","t":"Conversion funnel area chart","d":"A sleek area chart component that visualizes key steps in the conversion funnel. Perfect for e-commerce dashboards to track where users drop off and optimize checkout flow.","s":"21st","c":"data-viz/chart","a":"ahmedmayara","pl":"https://cdn.21st.dev/ahmedmayara/conversion-funnel-area-chart/default/preview.1757440987307.png","pc":"ahmedmayara","tg":["dashboard"],"sb":"Area"},{"id":"21st:ahmedmayara__datepicker-with-presets","t":"Datepicker with presets","d":"A user-friendly date picker built with shadcn/ui, featuring quick-select presets like Tomorrow, Later This Week, and Next Week. Uses Popover for contextual display, Calendar for da","s":"21st","c":"inputs/date-picker","a":"ahmedmayara","st":"rated","pl":"https://cdn.21st.dev/ahmedmayara/datepicker-with-presets/default/preview.1754447443104.png","pc":"ahmedmayara","sc":22},{"id":"21st:ahmedmayara__enable-2fa-card","t":"Enable 2fa card","d":"A structured Two-Factor Authentication Card that guides users through enabling 2FA with step-by-step instructions. Download app, scan QR code, and enter the verification code, feat","k":"layout","s":"21st","c":"flows/sign-in","a":"ahmedmayara","u":32,"pl":"https://cdn.21st.dev/ahmedmayara/enable-2fa-card/default/preview.1755731021760.png","pc":"ahmedmayara","tg":["steps"],"sb":"Verification"},{"id":"21st:ahmedmayara__forgot-password-card","t":"Forgot password card","d":"An accessible Forgot Password Card with email validation using react-hook-form and Zod, featuring a clean input field and clear guidance helping users reset their password or choos","k":"layout","s":"21st","c":"flows/sign-in","a":"ahmedmayara","u":43,"pl":"https://cdn.21st.dev/ahmedmayara/forgot-password-card/default/preview.1755743579521.png","pc":"ahmedmayara","sb":"Password reset"},{"id":"21st:ahmedmayara__fullscreen-calendar","t":"Fullscreen calendar","s":"21st","c":"data-display/calendar","a":"ahmedmayara","st":"rated","pl":"https://cdn.21st.dev/user_2qwbyfIFugWPE0zPbh0IyehnANf/fullscreen-calendar-1/default/preview.1738148189922.png","pc":"ahmedmayara","tg":["calendar","dashboard","grid"],"sc":19},{"id":"21st:ahmedmayara__notifications-menu","t":"Notifications menu","d":"A sleek, ultra-minimal notifications menu focused on clarity and function, just the essentials, no clutter.","s":"21st","c":"overlays/toast","a":"ahmedmayara","u":150,"pl":"https://cdn.21st.dev/ahmedmayara/notifications-menu/default/preview.1756223877906.png","pc":"ahmedmayara","tg":["avatar","menu","notification","tabs"]},{"id":"21st:ahmedmayara__one-time-password-sign-in-card","t":"One time password sign in card","d":"A responsive OTP Verification Card that uses react-hook-form with Zod validation, featuring a 6-digit input UI, accessible, user-friendly, and ideal for authentication flows.","s":"21st","c":"flows/sign-in","a":"ahmedmayara","u":62,"pl":"https://cdn.21st.dev/ahmedmayara/one-time-password-sign-in-card/default/preview.1755650618098.png","pc":"ahmedmayara","tg":["sign-in"],"sb":"Password reset"},{"id":"21st:ahmedmayara__share-via-qr-code-card","t":"Share via qr code card","d":"A clean, reusable component that generates a QR code for sharing profile links, with options to copy the URL or download the code as SVG/PNG.","s":"21st","c":"data-display/card","a":"ahmedmayara","pl":"https://cdn.21st.dev/ahmedmayara/share-via-qr-code-card/default/preview.1758244671387.png","pc":"ahmedmayara"},{"id":"21st:ahmedmayara__stock-market-tracker-chart","t":"Stock market tracker chart","d":"An interactive Stock Market Tracker Card with dynamic line charts, period filters, and company selection, showing price trends, percentage changes, and highest/lowest values in a c","s":"21st","c":"data-viz/chart","a":"ahmedmayara","pl":"https://cdn.21st.dev/ahmedmayara/stock-market-tracker-chart/default/preview.1755904121220.png","pc":"ahmedmayara","tg":["stat"],"sb":"Financial"},{"id":"21st:ahmedmayara__total-sales-chart","t":"Total sales chart","d":"A compact total sales chart, showing revenue trends with an interactive line chart, quick period filters, and channel breakdowns for clear insights at a glance.","s":"21st","c":"data-viz/chart","a":"ahmedmayara","u":71,"pl":"https://cdn.21st.dev/ahmedmayara/total-sales-chart/default/preview.1756386594826.png","pc":"ahmedmayara"},{"id":"21st:aidanmoody6359__card","t":"Card","d":"E commerce product card with price and rating.","s":"21st","c":"data-display/card","a":"aidanmoody6359","pl":"https://cdn.21st.dev/aidanmoody6359/card/default/preview.1765171560852.png","pc":"aidanmoody6359"},{"id":"21st:aika.mikkun0917__gradient-c1a9005a","t":"Gradient c1a9005a","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 8-color palette (#FBFDFF, #A9FCFF, #B4B9FF, #C4FFE6, #F4D1FF, #F4D1FF, #B3B8FF, #B3B","k":"motion","s":"21st","c":"motion/gradient","a":"aika.mikkun0917","pl":"https://cdn.21st.dev/aika.mikkun0917/gradient-c1a9005a/default/preview.1786528547281-f6ef73a0-8592-4aff-bbe5-8e4ba20cef53.webp","pc":"aika.mikkun0917","sb":"Bloom Field"},{"id":"21st:airbnb-visx__annotation","t":"Annotation","s":"21st","c":"data-viz/chart","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/annotation","pc":"airbnb-visx","tg":["data-visualization"]},{"id":"21st:airbnb-visx__axis","t":"Axis","s":"21st","c":"data-viz/chart","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/axis","pc":"airbnb-visx","tg":["data-visualization"]},{"id":"21st:airbnb-visx__bar-group-vertical","t":"Bar group vertical","s":"21st","c":"data-viz/chart","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/bar-group-vertical","pc":"airbnb-visx","tg":["data-visualization"],"sb":"Bar"},{"id":"21st:airbnb-visx__bar-stac","t":"Bar stac","d":"here is horizontal bar stack with data","s":"21st","c":"data-viz/chart","a":"airbnb-visx","u":5,"pl":"https://21st.dev/@airbnb-visx/components/bar-stac","pc":"airbnb-visx","tg":["data-visualization"],"sb":"Bar"},{"id":"21st:airbnb-visx__bar-stack","t":"Bar stack","d":"here is a bar stac ","s":"21st","c":"data-viz/chart","a":"airbnb-visx","u":9,"pl":"https://21st.dev/@airbnb-visx/components/bar-stack","pc":"airbnb-visx","tg":["data-visualization","tooltip"],"sb":"Bar"},{"id":"21st:airbnb-visx__box-plot-violin-plot","t":"Box plot violin plot","s":"21st","c":"data-viz/chart","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/box-plot-violin-plot","pc":"airbnb-visx","tg":["data-visualization"]},{"id":"21st:airbnb-visx__brush","t":"Brush","d":"Brush component ","s":"21st","c":"inputs/slider","a":"airbnb-visx","u":10,"pl":"https://21st.dev/@airbnb-visx/components/brush","pc":"airbnb-visx","tg":["data-visualization","slider"]},{"id":"21st:airbnb-visx__chords","t":"Chords","s":"21st","c":"data-viz/chart","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/chords","pc":"airbnb-visx","tg":["data-visualization"]},{"id":"21st:airbnb-visx__curves","t":"Curves","s":"21st","c":"data-viz/chart","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/curves","pc":"airbnb-visx","tg":["data-visualization"]},{"id":"21st:airbnb-visx__delaunay-triangulation","t":"Delaunay triangulation","s":"21st","c":"other","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/delaunay-triangulation","pc":"airbnb-visx"},{"id":"21st:airbnb-visx__dendrogram","t":"Dendrogram","s":"21st","c":"data-display/tree","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/dendrogram","pc":"airbnb-visx","tg":["data-visualization","file-tree"]},{"id":"21st:airbnb-visx__dots","t":"Dots","k":"motion","s":"21st","c":"motion/background","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/dots","pc":"airbnb-visx","tg":["data-visualization"],"sb":"Grids and patterns"},{"id":"21st:airbnb-visx__drag-and-draw","t":"Drag and draw","s":"21st","c":"other","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/drag-and-draw","pc":"airbnb-visx"},{"id":"21st:airbnb-visx__finance-chart","t":"Finance chart","s":"21st","c":"data-viz/chart","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/finance-chart","pc":"airbnb-visx","tg":["data-visualization","tooltip"],"sb":"Financial"},{"id":"21st:airbnb-visx__glyphs","t":"Glyphs","s":"21st","c":"data-viz/chart","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/glyphs","pc":"airbnb-visx","tg":["data-visualization"]},{"id":"21st:airbnb-visx__gradients","t":"Gradients","d":"here is gradients component","k":"motion","s":"21st","c":"motion/gradient","a":"airbnb-visx","u":15,"pl":"https://21st.dev/@airbnb-visx/components/gradients","pc":"airbnb-visx"},{"id":"21st:airbnb-visx__heatmaps","t":"Heatmaps","d":"here is interactive heatmaps","s":"21st","c":"data-viz/chart","a":"airbnb-visx","u":40,"pl":"https://21st.dev/@airbnb-visx/components/heatmaps","pc":"airbnb-visx","tg":["data-visualization"],"sb":"Heatmap"},{"id":"21st:airbnb-visx__legends","t":"Legends","s":"21st","c":"data-viz/chart","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/legends","pc":"airbnb-visx","tg":["data-visualization"]},{"id":"21st:airbnb-visx__linktypes","t":"Linktypes","d":"here is fully customizable link types of data","s":"21st","c":"actions/link","a":"airbnb-visx","u":6,"pl":"https://21st.dev/@airbnb-visx/components/linktypes","pc":"airbnb-visx"},{"id":"21st:airbnb-visx__network","t":"Network","s":"21st","c":"data-viz/chart","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/network","pc":"airbnb-visx","tg":["data-visualization"]},{"id":"21st:airbnb-visx__patterns","t":"Patterns","d":"Animated pattern showcase","s":"21st","c":"other","a":"airbnb-visx","u":4,"pl":"https://21st.dev/@airbnb-visx/components/patterns","pc":"airbnb-visx"},{"id":"21st:airbnb-visx__pie-chart","t":"Pie chart","s":"21st","c":"data-viz/chart","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/pie-chart","pc":"airbnb-visx","tg":["data-visualization"],"sb":"Pie, donut and radial"},{"id":"21st:airbnb-visx__radar-chart","t":"Radar chart","s":"21st","c":"data-viz/chart","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/radar-chart","pc":"airbnb-visx","tg":["data-visualization"],"sb":"Radar"},{"id":"21st:airbnb-visx__radial-bar","t":"Radial bar","s":"21st","c":"layout/bento-grid","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/radial-bar","pc":"airbnb-visx"},{"id":"21st:airbnb-visx__radial-lines","t":"Radial lines","k":"motion","s":"21st","c":"motion/background","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/radial-lines","pc":"airbnb-visx","sb":"Beams and light"},{"id":"21st:airbnb-visx__split-line-path","t":"Split line path","s":"21st","c":"layout/split-pane","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/split-line-path","pc":"airbnb-visx"},{"id":"21st:airbnb-visx__stacked-areas","t":"Stacked areas","s":"21st","c":"data-viz/chart","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/stacked-areas","pc":"airbnb-visx","tg":["data-visualization"],"sb":"Area"},{"id":"21st:airbnb-visx__streamgraph","t":"Streamgraph","s":"21st","c":"data-viz/chart","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/streamgraph","pc":"airbnb-visx","tg":["data-visualization"]},{"id":"21st:airbnb-visx__threshold","t":"Threshold","s":"21st","c":"data-viz/chart","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/threshold","pc":"airbnb-visx","tg":["data-visualization"]},{"id":"21st:airbnb-visx__toggle-nav","t":"Toggle nav","s":"21st","c":"navigation/top-nav","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/toggle-nav","pc":"airbnb-visx","tg":["sidebar"]},{"id":"21st:airbnb-visx__tooltip","t":"Tooltip","s":"21st","c":"overlays/tooltip","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/tooltip","pc":"airbnb-visx","tg":["checkbox","tooltip"]},{"id":"21st:airbnb-visx__treemap-chart","t":"Treemap chart","s":"21st","c":"data-viz/chart","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/treemap-chart","pc":"airbnb-visx","tg":["data-visualization"],"sb":"Flow and funnel"},{"id":"21st:airbnb-visx__voronoi","t":"Voronoi","k":"motion","s":"21st","c":"motion/background","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/voronoi","pc":"airbnb-visx","tg":["background"]},{"id":"21st:airbnb-visx__word-cloud","t":"Word cloud","k":"motion","s":"21st","c":"motion/text-effect","a":"airbnb-visx","pl":"https://21st.dev/@airbnb-visx/components/word-cloud","pc":"airbnb-visx","tg":["data-visualization"]},{"id":"21st:airbnb-visx__zoom","t":"Zoom","d":"Zoom colored component","s":"21st","c":"media/gallery","a":"airbnb-visx","u":14,"pl":"https://21st.dev/@airbnb-visx/components/zoom","pc":"airbnb-visx","tg":["data-visualization"],"sb":"Zoom and lens"},{"id":"21st:ajtruex__disk","t":"Disk","d":"disk","s":"21st","c":"other","a":"ajtruex","pl":"https://cdn.21st.dev/user_2rnRWQXdOPPs9x0zxcrMQ0uXM58/disk/disk/preview.png","pc":"ajtruex"},{"id":"21st:akashsingh890901-crypto__glassmorphism-navigation","t":"Glassmorphism navigation","d":"Glassmorphism Navigation","s":"21st","c":"actions/switch","a":"akashsingh890901-crypto","u":36,"pl":"https://cdn.21st.dev/akashsingh890901-crypto/glassmorphism-navigation/default/preview.1782065686830.png","pc":"akashsingh890901-crypto","tg":["toggle"],"sb":"Animated"},{"id":"21st:al11o__inline-dropdown","t":"Inline dropdown","d":"Context menu with hold to click and text input hidden\n\nFull credits to : https://github.com/haaarshsingh\nhttps://ui.harshsingh.xyz/inline-dropdown","s":"21st","c":"navigation/menu","a":"al11o","u":71,"pl":"https://cdn.21st.dev/user_2vqlNaXxxOK0sb02XrSapLE8eQv/inline-dropdown/default/preview.1750807007502.png","pc":"al11o","tg":["dropdown","menu"],"sb":"Dropdowns"},{"id":"21st:alan-crts__icon-picker","t":"Icon picker","s":"21st","c":"assets/icon","a":"alan-crts","pl":"https://cdn.21st.dev/user_2ul2UC8fsmkGvUN6BxPmb8L86bT/icon-picker/default/preview.png","pc":"alan-crts"},{"id":"21st:alexperezcedeno__interactive-folder-gallery","t":"Interactive folder gallery","d":"A macOS-inspired folder that springs open on click, fanning out photo cards with realistic Framer Motion physics and drag-to-close interactions.","s":"21st","c":"media/gallery","a":"alexperezcedeno","u":9,"pl":"https://cdn.21st.dev/alexperezcedeno/interactive-folder-gallery/default/preview.1782793436861.png","pc":"alexperezcedeno","tg":["gallery"]},{"id":"21st:alexperezcedeno__interactive-tech-stack-builder","t":"Interactive tech stack builder","d":"A highly interactive, 2.5D gamified onboarding component. Let users physically build their skill stack block by block. Features smooth physics, glassmorphism icons, and Framer Moti","s":"21st","c":"navigation/wizard-steps","a":"alexperezcedeno","pl":"https://cdn.21st.dev/alexperezcedeno/interactive-tech-stack-builder/default/preview.1783434843893.png","pc":"alexperezcedeno","tg":["onboarding"]},{"id":"21st:alexperezcedeno__lunar-gravity-card","t":"Lunar gravity card","d":"Embed highly realistic 3D astrophysics directly into your Next.js project. Zero configuration, interactive, and flawlessly smooth using React Three Fiber.","s":"21st","c":"data-display/card","a":"alexperezcedeno","u":59,"pl":"https://cdn.21st.dev/alexperezcedeno/lunar-gravity-card/default/preview.1782984210207.png","pc":"alexperezcedeno","tg":["hero"]},{"id":"21st:alexperezcedeno__magic-dust-shader","t":"Magic dust shader","d":"100% editable via react props","k":"motion","s":"21st","c":"motion/shader","a":"alexperezcedeno","u":6,"pl":"https://cdn.21st.dev/alexperezcedeno/magic-dust-shader/default/preview.1785314587362-eb7c9db5-7032-4bfa-b187-c2c9f81908c0.png","pc":"alexperezcedeno"},{"id":"21st:alexperezcedeno__premiumleather","t":"Premiumleather","d":"A highly detailed, interactive 3D leather wallet with Framer Motion animations and realistic SVG texturing.","k":"motion","s":"21st","c":"motion/text-effect","a":"alexperezcedeno","pl":"https://cdn.21st.dev/user_3Fcui6E8q9ZDdbH8GrN0ckMp4Hf/premiumleather/default/preview.1782643065817.png","pc":"alexperezcedeno"},{"id":"21st:alexperezcedeno__robot-hero","t":"Robot hero","d":"An interactive 3D robot companion built with React Three Fiber and Framer Motion. Features a dynamic glass UI, physics-based interactions, and customizable properties.","k":"section","s":"21st","c":"marketing/hero","a":"alexperezcedeno","u":12,"pl":"https://cdn.21st.dev/alexperezcedeno/robot-hero/default/preview.1785374363044-2b2df1c9-d658-459b-9564-4f4ebc479994.png","pc":"alexperezcedeno"},{"id":"21st:alexperezcedeno__volumetric-studio","t":"Volumetric studio","d":"A stunning 3D WebGL studio environment with physically accurate spotlights. Part of The UI Factory.","k":"section","s":"21st","c":"marketing/hero","a":"alexperezcedeno","pl":"https://cdn.21st.dev/alexperezcedeno/volumetric-studio/default/preview.1782494920649.png","pc":"alexperezcedeno","tg":["hero"]},{"id":"21st:aliimam8__button","t":"Button","d":"A simple button","s":"21st","c":"actions/button","a":"aliimam8","pl":"https://cdn.21st.dev/aliimam8/button/default/preview.1759335154985.png","pc":"aliimam8"},{"id":"21st:almaz_3b6728d7__roman-monolithic","t":"Roman monolithic","d":"Animated (ripple) ASCII art in the Contour style, made with the 21st ASCII editor and baked to a looping video. Styled with a colorful, retro look. A drop-in, zero-dependency React","k":"motion","s":"21st","c":"motion/ascii","a":"almaz_3b6728d7","pl":"https://cdn.21st.dev/almaz_3b6728d7/roman-monolithic/default/preview.1787053847142-0be35d54-e62b-4e78-811a-9d5629ed7a0b.webp","pc":"almaz_3b6728d7","sb":"Contour"},{"id":"21st:almaz_3b6728d7__roman-monolithic-2","t":"Roman monolithic 2","d":"Animated (ripple) ASCII art in the Contour style, made with the 21st ASCII editor and baked to a looping video. Styled with a colorful, retro look. A drop-in, zero-dependency React","k":"motion","s":"21st","c":"motion/ascii","a":"almaz_3b6728d7","pl":"https://cdn.21st.dev/almaz_3b6728d7/roman-monolithic/default/preview.1787055645846-cf92fa2a-485f-4c0c-b21c-edba33d3bad4.webp","pc":"almaz_3b6728d7","sb":"Contour"},{"id":"21st:amanshakya1808__animated-form","t":"Animated form","d":"Here is Animated Form component","s":"21st","c":"inputs/form-field","a":"amanshakya1808","u":16,"pl":"https://cdn.21st.dev/larsen66/animated-form/default/preview.1756784287227.png","pc":"amanshakya1808","tg":["sign-up"],"sb":"Whole forms"},{"id":"21st:amanshakya1808__animated-otp","t":"Animated otp","d":"Here is Animated OTP component","s":"21st","c":"inputs/otp-input","a":"amanshakya1808","pl":"https://cdn.21st.dev/larsen66/animated-otp/default/preview.1756784376451.png","pc":"amanshakya1808"},{"id":"21st:amanshakya1808__bot-detection","t":"Bot detection","d":"Here is Bot Detection component","k":"section","s":"21st","c":"marketing/features","a":"amanshakya1808","pl":"https://cdn.21st.dev/larsen66/bot-detection/default/preview.1756784459558.png","pc":"amanshakya1808","tg":["ai-chat","features"]},{"id":"21st:amanshakya1808__framework-agnostic","t":"Framework agnostic","d":"Here is Framework Agnostic component","k":"section","s":"21st","c":"marketing/features","a":"amanshakya1808","pl":"https://cdn.21st.dev/larsen66/framework-agnostic/default/preview.1756784508135.png","pc":"amanshakya1808","tg":["features"]},{"id":"21st:amanshakya1808__fraud-card","t":"Fraud card","d":"Here is Fraud Card component","s":"21st","c":"data-display/card","a":"amanshakya1808","u":44,"pl":"https://cdn.21st.dev/larsen66/fraud-card/default/preview.1756784607671.png","pc":"amanshakya1808","tg":["alert","card","timeline"]},{"id":"21st:amanshakya1808__notification-center","t":"Notification center","d":"Here is Notification Center component","s":"21st","c":"overlays/notifications","a":"amanshakya1808","u":38,"pl":"https://cdn.21st.dev/larsen66/notification-center/default/preview.1756784625586.png","pc":"amanshakya1808","tg":["notification","toast"]},{"id":"21st:amanshakya307__auralis","t":"Auralis","d":"A WebGL animated background with layered simplex noise, glowing light, vignette, and film grain for a dramatic ambient hero effect.","k":"motion","s":"21st","c":"motion/background","a":"amanshakya307","pl":"https://cdn.21st.dev/amanshakya307/auralis/default/preview.1783573431224.png","pc":"amanshakya307","tg":["background"]},{"id":"21st:amanshakya307__chromatic-fluid","t":"Chromatic fluid","d":"A WebGL-powered animated fluid background with procedural noise, chromatic glint highlights, dynamic lighting, and film grain.","k":"motion","s":"21st","c":"motion/background","a":"amanshakya307","pl":"https://cdn.21st.dev/amanshakya307/chromatic-fluid/default/preview.1785316466320-43a6272f-a361-4c3a-8683-b3db0b2032a0.png","pc":"amanshakya307","sb":"Shaders and WebGL"},{"id":"21st:amanshakya307__cloudscape","t":"Cloudscape","d":"A WebGL-powered animated cloud gradient that renders a soft, flowing sky-like background using layered noise and color blending.","k":"motion","s":"21st","c":"motion/background","a":"amanshakya307","u":4,"pl":"https://cdn.21st.dev/amanshakya307/cloudscape/default/preview.1785314796960-ddb6d3a3-ee89-41d3-8cc5-7c3ecca9f41b.png","pc":"amanshakya307"},{"id":"21st:amanshakya307__cosmicrift","t":"Cosmicrift","d":"An animated WebGL cosmic background with a procedural twinkling starfield and flowing nebula-like wave distortions rendered in real time with shaders.","k":"motion","s":"21st","c":"motion/background","a":"amanshakya307","pl":"https://cdn.21st.dev/amanshakya307/cosmicrift/default/preview.1784720439874-fa190c81-0834-4243-9e95-14a4c23e8f92.png","pc":"amanshakya307"},{"id":"21st:amanshakya307__onboard-card","t":"Onboard card","d":"Animated onboarding progress card showing three steps with visual loaders, transitions, and completion indicators.","s":"21st","c":"data-display/card","a":"amanshakya307","u":91,"pl":"https://cdn.21st.dev/amanshakya307/onboard-card/default/preview.1751713748630.png","pc":"amanshakya307","tg":["onboarding","progress","spinner","steps"],"sb":"Animated and glowing"},{"id":"21st:amanshakya307__stack-ripple","t":"Stack ripple","d":"Stacked notification cards that ripple open with spring animations to reveal messages, signups, and billing reminders.","k":"motion","s":"21st","c":"motion/background","a":"amanshakya307","pl":"https://cdn.21st.dev/amanshakya307/stack-ripple/default/preview.1784429299307-e4079112-58d6-4c93-aed2-026a92ef73fa.png","pc":"amanshakya307","sb":"Waves and warps"},{"id":"21st:amanshakya307__text-morph","t":"Text morph","d":"An animated text component that rotates through a list of words with a per-character blur-and-fade transition.","k":"motion","s":"21st","c":"motion/text-effect","a":"amanshakya307","pl":"https://cdn.21st.dev/amanshakya307/text-morph/default/preview.1784147158449.png","pc":"amanshakya307","tg":["text"],"sb":"Rotating words"},{"id":"21st:amanshakya307__velaris","t":"Velaris","d":"A WebGL-powered animated background featuring layered simplex noise, multi-color blending, vignette glow, and subtle film grain effects.","k":"motion","s":"21st","c":"motion/background","a":"amanshakya307","pl":"https://cdn.21st.dev/amanshakya307/velaris/default/preview.1783572820237.png","pc":"amanshakya307","tg":["background"]},{"id":"21st:ameddeb48__gamified-progress-tracker","t":"Gamified progress tracker","d":"A colorful, game-inspired progress bar with level markers, smooth animations, and a confetti celebration when reaching 100%. Perfect for gamified learning, fitness, or productivity","s":"21st","c":"data-viz/progress-bar","a":"ameddeb48","st":"rated","pl":"https://cdn.21st.dev/ameddeb48/gamified-progress-tracker/default/preview.1758377920704.png","pc":"ameddeb48","sc":19},{"id":"21st:ameddeb48__hero","t":"Hero","k":"section","s":"21st","c":"marketing/hero","a":"ameddeb48","pl":"https://cdn.21st.dev/ameddeb48/hero/default/preview.1758752327676.png","pc":"ameddeb48"},{"id":"21st:ameddeb48__pricing-section","t":"Pricing section","d":"A fully responsive SaaS pricing section displaying multiple subscription tiers with features, pricing, and highlighted popular plans. Designed for clarity and conversion, this sect","k":"section","s":"21st","c":"marketing/pricing","a":"ameddeb48","pl":"https://cdn.21st.dev/ameddeb48/pricing-section/default/preview.1758725515836.png","pc":"ameddeb48"},{"id":"21st:ameddeb48__text-card","t":"Text card","d":"A simple, responsive card component that fetches text from an API and displays it in a clean layout.","s":"21st","c":"data-display/card","a":"ameddeb48","pl":"https://cdn.21st.dev/ameddeb48/text-card/default/preview.1758475658499.png","pc":"ameddeb48"},{"id":"21st:amit.haski__silk-blend-gradient","t":"Silk blend gradient","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 3-color palette (#4C6CB3, #B28FCE, #F4B3C2). Features: soft blur finish, film grain, ","k":"motion","s":"21st","c":"motion/gradient","a":"amit.haski","u":5,"pl":"https://cdn.21st.dev/amit.haski/silk-blend-gradient/default/preview.1783875362854.png","pc":"amit.haski","tg":["background","hero"],"sb":"Silk Blend"},{"id":"21st:ammohith2005__gdg-logo-google-developer-groups","t":"Gdg logo google developer groups","k":"resource","s":"21st","c":"assets/logo","a":"ammohith2005","pl":"https://cdn.21st.dev/ammohith2005/gdg-logo-google-developer-groups/default/preview.1767522384229.png","pc":"ammohith2005","sb":"Big tech and social"},{"id":"21st:amxn.yadav__pricing","t":"Pricing","d":"Pricing component ","k":"section","s":"21st","c":"marketing/pricing","a":"amxn.yadav","pl":"https://cdn.21st.dev/amxn.yadav/pricing/default/preview.1763831363041.png","pc":"amxn.yadav"},{"id":"21st:andrewlu0__3d-icon-tabs-1","t":"3d icon tabs 1","d":"Animated tabs, inspired by Airbnb's latest design update.","s":"21st","c":"navigation/tabs","a":"andrewlu0","u":61,"pl":"https://cdn.21st.dev/andrewlu0/3d-icon-tabs-1/default/preview.1747330096652.png","pc":"andrewlu0","tg":["tabs"]},{"id":"21st:andrewlu0__filters","t":"Filters","d":"A Linear inspired component to add / edit filters","s":"21st","c":"overlays/popover","a":"andrewlu0","st":"rated","u":1030,"pl":"https://cdn.21st.dev/user_2sUpDx8JMTC3m5cKaN6Z3Uhc8Q4/filters/default/preview.1740483874850.png","pc":"andrewlu0","tg":["dropdown","popover"],"sc":24},{"id":"21st:andrewlu0__pdf-viewer","t":"Pdf viewer","d":"A basic PDF viewer, using shadcn components + react-pdf","k":"layout","s":"21st","c":"navigation/sidebar","a":"andrewlu0","st":"rated","pl":"https://cdn.21st.dev/andrewlu0/pdf-viewer/default/preview.1747235833531.png","pc":"andrewlu0","tg":["sidebar"],"sc":21},{"id":"21st:anilkumarab2017__ff","t":"Ff","d":"fffffffffffffff","s":"21st","c":"other","a":"anilkumarab2017","pl":"https://cdn.21st.dev/anilkumarab2017/ff/default/preview.1750837871493.png","pc":"anilkumarab2017"},{"id":"21st:animbits__image-text","t":"Image text","d":"Large heading text filled with an animated image mask that pans and can cycle between multiple photos.","k":"motion","s":"21st","c":"motion/text-effect","a":"animbits","u":5,"pl":"https://cdn.21st.dev/animbits/image-text/default/preview.1783719008594.png","pc":"animbits","tg":["image"]},{"id":"21st:animbits__loaders-bars","t":"Loaders bars","d":"An animated bars loader with configurable count, size, gap, color, and speed for indicating loading states.","s":"21st","c":"status/loader","a":"animbits","pl":"https://cdn.21st.dev/animbits/loaders-bars/default/preview.1784722971142-5ddfb36b-a142-4c48-9e7f-abc416f9b2e6.png","pc":"animbits","tg":["spinner"],"sb":"Bars"},{"id":"21st:animbits__loaders-dots","t":"Loaders dots","d":"An animated bouncing dots loading indicator with configurable size, count, gap, color and speed.","k":"motion","s":"21st","c":"motion/background","a":"animbits","pl":"https://cdn.21st.dev/animbits/loaders-dots/default/preview.1785316664568-b5923fdb-5fdd-4f50-9d0b-6dcffe5168fc.png","pc":"animbits","sb":"Grids and patterns"},{"id":"21st:animbits__loaders-gooey-blobs","t":"Loaders gooey blobs","d":"An animated loading indicator of organic merging blobs that stretch and squash using an SVG gooey filter.","k":"resource","s":"21st","c":"assets/shape","a":"animbits","u":30,"pl":"https://cdn.21st.dev/animbits/loaders-gooey-blobs/default/preview.1784250897437-8b570bcb-0b82-483d-9e4a-f3932c3907ba.png","pc":"animbits","tg":["spinner"]},{"id":"21st:animbits__loaders-liquid-progress","t":"Loaders liquid progress","d":"A liquid-style progress bar that fills horizontally with a soft glowing gradient as it advances.","s":"21st","c":"data-viz/progress-bar","a":"animbits","pl":"https://cdn.21st.dev/animbits/loaders-liquid-progress/default/preview.1784365020234-f3a6a808-1a10-4300-8620-44fdd683b96a.png","pc":"animbits","tg":["progress","upload-download"]},{"id":"21st:animbits__loaders-morphing","t":"Loaders morphing","d":"A shape-shifting loading spinner that continuously morphs between rounded and square forms while rotating and scaling.","s":"21st","c":"status/loader","a":"animbits","u":30,"pl":"https://cdn.21st.dev/animbits/loaders-morphing/default/preview.1784251202994-8a6f8ad5-6753-424a-a7c2-f60e97ffb645.png","pc":"animbits","tg":["spinner"],"sb":"Liquid and 3D"},{"id":"21st:animbits__loaders-orbit","t":"Loaders orbit","d":"A loading spinner with configurable particles rotating in a circular orbit.","s":"21st","c":"status/loader","a":"animbits","pl":"https://cdn.21st.dev/animbits/loaders-orbit/default/preview.1785316815602-3c393bf6-0b93-4de1-b203-255f165a19d1.png","pc":"animbits","sb":"Spinners"},{"id":"21st:animbits__loaders-pulse","t":"Loaders pulse","d":"A pulsing circle loading indicator that smoothly scales and fades to signal background activity.","s":"21st","c":"status/loader","a":"animbits","pl":"https://cdn.21st.dev/animbits/loaders-pulse/default/preview.1784669112846-d132e264-d278-4825-bfca-348ae1b30775.png","pc":"animbits","tg":["spinner"],"sb":"Dots and pulse"},{"id":"21st:animbits__loaders-skeleton","t":"Loaders skeleton","d":"A shimmer skeleton placeholder that animates a moving highlight to indicate loading content.","s":"21st","c":"status/skeleton","a":"animbits","pl":"https://cdn.21st.dev/animbits/loaders-skeleton/default/preview.1784250154216-77c69d30-c357-46c3-a427-5f7e89929a5d.png","pc":"animbits","tg":["card","spinner"]},{"id":"21st:animbits__loaders-spinner","t":"Loaders spinner","d":"A circular spinning loader with configurable size, color, border width, and animation speed.","s":"21st","c":"status/loader","a":"animbits","pl":"https://cdn.21st.dev/animbits/loaders-spinner/default/preview.1784260400770-8bf78d9a-c3c8-45e4-977d-97abd01f9660.png","pc":"animbits","tg":["spinner"],"sb":"Spinners"},{"id":"21st:animbits__specials-linear-carousel","t":"Specials linear carousel","d":"A smooth-scrolling horizontal 3D card carousel with infinite loop, drag-to-scroll, autoplay, and shared-element card expansion inspired by Linear.","s":"21st","c":"media/carousel","a":"animbits","u":6,"pl":"https://cdn.21st.dev/animbits/specials-linear-carousel/default/preview.1784313252772-878f3b42-2d8a-4d7c-bce1-15faa7711527.png","pc":"animbits","tg":["carousel","gallery","image","scroll-area"]},{"id":"21st:animbits__specials-magnetic-drawer","t":"Specials magnetic drawer","d":"A physics-based bottom drawer that can be dragged and snaps to configurable magnetic snap points with spring animation.","s":"21st","c":"overlays/sheet","a":"animbits","pl":"https://cdn.21st.dev/animbits/specials-magnetic-drawer/default/preview.1783728864878.png","pc":"animbits"},{"id":"21st:animbits__text-blur-in","t":"Text blur in","d":"Animated text that reveals itself with a blur-in effect, word by word or character by character.","k":"motion","s":"21st","c":"motion/text-effect","a":"animbits","u":6,"pl":"https://cdn.21st.dev/animbits/text-blur-in/default/preview.1783714038850.png","pc":"animbits","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:animbits__text-dia","t":"Text dia","d":"An animated text component that cycles through a list of words with a spring slide-up transition and a gradient sweep reveal.","k":"motion","s":"21st","c":"motion/text-effect","a":"animbits","pl":"https://cdn.21st.dev/animbits/text-dia/default/preview.1783714060141.png","pc":"animbits","tg":["text"]},{"id":"21st:animbits__text-fade-in","t":"Text fade in","d":"Text that animates into view by fading in word by word or character by character.","k":"motion","s":"21st","c":"motion/text-effect","a":"animbits","pl":"https://cdn.21st.dev/animbits/text-fade-in/default/preview.1783713716536.png","pc":"animbits","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:animbits__text-slide-up","t":"Text slide up","d":"Animated text that reveals itself by sliding up word by word or character by character.","k":"motion","s":"21st","c":"motion/text-effect","a":"animbits","pl":"https://cdn.21st.dev/animbits/text-slide-up/default/preview.1783713828840.png","pc":"animbits","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:animbits__text-split-reveal","t":"Text split reveal","d":"Animated text that reveals with a vertical split effect, sliding each half in from the center on mount.","k":"motion","s":"21st","c":"motion/text-effect","a":"animbits","pl":"https://cdn.21st.dev/animbits/text-split-reveal/default/preview.1784465868498-c2a2dad8-c7c7-40c0-8407-0df4a8b618d2.png","pc":"animbits","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:animbits__text-svg-text-draw","t":"Text svg text draw","d":"Animated SVG text that draws each letter stroke by stroke to reveal a word.","k":"motion","s":"21st","c":"motion/text-effect","a":"animbits","pl":"https://cdn.21st.dev/animbits/text-svg-text-draw/default/preview.1783718759011.png","pc":"animbits","tg":["text"],"sb":"Handwriting and SVG"},{"id":"21st:animbits__text-word-carousel","t":"Text word carousel","d":"An inline text animation that cycles through a list of words with a smooth vertical fade-and-slide transition.","k":"motion","s":"21st","c":"motion/text-effect","a":"animbits","pl":"https://cdn.21st.dev/animbits/text-word-carousel/default/preview.1783714120663.png","pc":"animbits","tg":["text"],"sb":"Rotating words"},{"id":"21st:anish-1144__folder","t":"Folder","d":"An animated folder component that opens and fans out pages when clicked. Features a dark-themed folder with a tab notch, spring-physics page animations, and a tooltip bubble — buil","s":"21st","c":"overlays/tooltip","a":"anish-1144","pl":"https://cdn.21st.dev/anish-1144/folder/default/preview.1779794604064.png","pc":"anish-1144","tg":["tooltip"]},{"id":"21st:anish-1144__impact-section","t":"Impact section","s":"21st","c":"layout/page-shell","a":"anish-1144","pl":"https://cdn.21st.dev/anish-1144/impact-section/default/preview.1779880902281.png","pc":"anish-1144"},{"id":"21st:anishvyapari__e43wr","t":"E43wr","d":"Animated (flicker) ASCII art in the Characters style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a neon look. A drop-in, zero-dependency React co","k":"motion","s":"21st","c":"motion/ascii","a":"anishvyapari","pl":"https://cdn.21st.dev/anishvyapari/e43wr/default/preview.1783766064478.webp","pc":"anishvyapari","tg":["video"],"sb":"Characters"},{"id":"21st:ankitsharma2615__process-pillars","t":"Process pillars","d":"Process Pillars is a visually intuitive component that represents a typical product development lifecycle. It uses a segmented progress bar style to display five distinct phases. E","k":"section","s":"21st","c":"marketing/features","a":"ankitsharma2615","u":14,"pl":"https://cdn.21st.dev/ankitsharma2615/process-pillars/default/preview.1750692828233.png","pc":"ankitsharma2615","tg":["progress","steps"],"sb":"Steps"},{"id":"21st:annstav__mesh-drift-shader","t":"Mesh drift shader","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#0B1026, #3D46E8, #B18CFF, #FFD6E7). Features: cursor-reactive ","k":"motion","s":"21st","c":"motion/shader","a":"annstav","pl":"https://cdn.21st.dev/annstav/mesh-drift-shader/default/preview.1785282320307-779883a9-09d9-4876-9797-440ec69053e6.webp","pc":"annstav","sb":"Mesh drift"},{"id":"21st:anonbreadwinner__all-about-the-benjamins","t":"All about the benjamins","d":"Animated (flicker) ASCII art in the Dither style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, ca","k":"motion","s":"21st","c":"motion/ascii","a":"anonbreadwinner","pl":"https://cdn.21st.dev/anonbreadwinner/all-about-the-benjamins/default/preview.1784487062045-ce3e7cdb-f26a-479b-8642-0ac43942b5b9.webp","pc":"anonbreadwinner","tg":["video"],"sb":"Dither"},{"id":"21st:anshuman008__faq-chat-accordion","t":"Faq chat accordion","d":"FAQ Accordion component is a versatile and interactive UI element designed to display frequently asked questions in a collapsible format. It enhances user experience by allowing us","s":"21st","c":"data-display/accordion","a":"anshuman008","u":258,"pl":"https://cdn.21st.dev/user_anshuman008/faq-chat-accordion.png","pc":"anshuman008","tg":["accordion","faq","icon"],"sb":"FAQ"},{"id":"21st:antdesign__breadcrumb","t":"Breadcrumb","d":"Here is Breadcrumb component","s":"21st","c":"navigation/breadcrumb","a":"antdesign","u":13,"pl":"https://cdn.21st.dev/larsen66/breadcrumb/default/preview.1758089070275.png","pc":"antdesign","tg":["link","navigation-menu"]},{"id":"21st:antdesign__button-ant","t":"Button ant","d":"Here is Button Ant component","s":"21st","c":"actions/button","a":"antdesign","u":35,"pl":"https://cdn.21st.dev/larsen66/button-ant/default/preview.1758087196187.png","pc":"antdesign","tg":["button","dropdown","icon","link"],"sb":"Icon buttons"},{"id":"21st:antdesign__dropdown","t":"Dropdown","d":"Here is Dropdown component","s":"21st","c":"navigation/menu","a":"antdesign","u":34,"pl":"https://cdn.21st.dev/larsen66/dropdown/default/preview.1758091136264.png","pc":"antdesign","tg":["dropdown","menu","tooltip"],"sb":"Dropdowns"},{"id":"21st:antdesign__float-button","t":"Float button","d":"Here is FloatButton component","s":"21st","c":"actions/button","a":"antdesign","pl":"https://cdn.21st.dev/larsen66/float-button/default/preview.1758088368242.png","pc":"antdesign","tg":["badge","button","icon","notification"],"sb":"Icon buttons"},{"id":"21st:antdesign__floating-action-menu","t":"Floating action menu","d":"A floating action menu component made with framer motion and tailwind css.","s":"21st","c":"navigation/menu","a":"antdesign","pl":"https://cdn.21st.dev/larsen66/floating-action-menu/default/preview.1759953239614.png","pc":"antdesign"},{"id":"21st:antdesign__menu-1","t":"Menu 1","d":"Here is Menu component","s":"21st","c":"navigation/menu","a":"antdesign","pl":"https://cdn.21st.dev/larsen66/menu-1/default/preview.1758091622743.png","pc":"antdesign","tg":["icon","list","menu","navigation-menu"]},{"id":"21st:antdesign__pagination-ant","t":"Pagination ant","d":"Here is Pagination component","s":"21st","c":"navigation/pagination","a":"antdesign","u":27,"pl":"https://cdn.21st.dev/larsen66/pagination-ant/default/preview.1758093863798.png","pc":"antdesign","tg":["input","number","navigation-menu","pagination"]},{"id":"21st:antonio.salas22__malinois","t":"Malinois","d":"Animated (shimmer) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, ca","k":"motion","s":"21st","c":"motion/ascii","a":"antonio.salas22","pl":"https://cdn.21st.dev/antonio.salas22/malinois/default/preview.1786524651159-58e76776-444e-4e8f-b312-1356a38b55c3.webp","pc":"antonio.salas22","sb":"Characters"},{"id":"21st:anubra266__accordion-1","t":"Accordion 1","d":"Here is Accordion component","s":"21st","c":"data-display/accordion","a":"anubra266","pl":"https://cdn.21st.dev/larsen66/accordion-1/default/preview.1756477598764.png","pc":"anubra266","tg":["accordion","faq","icon","list"],"sb":"FAQ"},{"id":"21st:anubra266__angle-slider","t":"Angle slider","d":"Here is Angle Slider component","s":"21st","c":"inputs/slider","a":"anubra266","u":22,"pl":"https://cdn.21st.dev/larsen66/angle-slider/default/preview.1756476749742.png","pc":"anubra266","tg":["slider"]},{"id":"21st:anubra266__basic-slider","t":"Basic slider","d":"Here is Slider component","s":"21st","c":"inputs/slider","a":"anubra266","u":16,"pl":"https://cdn.21st.dev/larsen66/basic-slider/default/preview.1756190713047.png","pc":"anubra266","tg":["number","slider"]},{"id":"21st:anubra266__basic-tags-input","t":"Basic tags input","d":"Here is Tags Input component","s":"21st","c":"inputs/form-field","a":"anubra266","pl":"https://cdn.21st.dev/larsen66/basic-tags-input/default/preview.1756149501174.png","pc":"anubra266","tg":["chip"]},{"id":"21st:anubra266__basic-toast","t":"Basic toast","d":"Here is Toast component","s":"21st","c":"overlays/toast","a":"anubra266","u":120,"pl":"https://cdn.21st.dev/larsen66/basic-toast/default/preview.1756145123655.png","pc":"anubra266","tg":["alert","notification","progress","toast"]},{"id":"21st:anubra266__calendar-1","t":"Calendar 1","d":"Here is Calendar component","s":"21st","c":"data-display/calendar","a":"anubra266","u":28,"pl":"https://cdn.21st.dev/larsen66/calendar-1/default/preview.1756375949951.png","pc":"anubra266","tg":["calendar","date-picker","slider"]},{"id":"21st:anubra266__carousel-1","t":"Carousel 1","d":"Here is Carousel component","s":"21st","c":"media/carousel","a":"anubra266","u":105,"pl":"https://cdn.21st.dev/larsen66/carousel-1/default/preview.1756419020961.png","pc":"anubra266","tg":["carousel","gallery","pagination","slider"]},{"id":"21st:anubra266__checkbox-1","t":"Checkbox 1","d":"Here is Checkbox component","s":"21st","c":"inputs/checkbox","a":"anubra266","u":25,"pl":"https://cdn.21st.dev/larsen66/checkbox-1/default/preview.1756418319876.png","pc":"anubra266","tg":["card","checkbox","list","pricing-section"]},{"id":"21st:anubra266__collapsible-1","t":"Collapsible 1","d":"Here is Collapsible component","s":"21st","c":"data-display/accordion","a":"anubra266","u":13,"pl":"https://cdn.21st.dev/larsen66/collapsible-1/default/preview.1756417984200.png","pc":"anubra266","tg":["accordion","faq","icon","toggle"],"sb":"FAQ"},{"id":"21st:anubra266__color-picker","t":"Color picker","d":"Here is Color Picker component","s":"21st","c":"inputs/color-picker","a":"anubra266","u":67,"pl":"https://cdn.21st.dev/larsen66/color-picker/default/preview.1756377504083.png","pc":"anubra266","tg":["slider"]},{"id":"21st:anubra266__combobox","t":"Combobox","d":"Here is Combobox component","s":"21st","c":"inputs/combobox","a":"anubra266","u":19,"pl":"https://cdn.21st.dev/larsen66/combobox/default/preview.1756376835475.png","pc":"anubra266","tg":["dropdown","form","input","search"]},{"id":"21st:anubra266__countdown-timer","t":"Countdown timer","d":"Countdown Timer","k":"motion","s":"21st","c":"motion/number-ticker","a":"anubra266","pl":"https://cdn.21st.dev/larsen66/countdown-timer/default/preview.1756146847283.png","pc":"anubra266"},{"id":"21st:anubra266__dialog-2","t":"Dialog 2","d":"Here is Dialog component","s":"21st","c":"overlays/dialog","a":"anubra266","u":10,"pl":"https://cdn.21st.dev/larsen66/dialog-2/default/preview.1756375737177.png","pc":"anubra266","tg":["alert","avatar","checkbox","form"],"sb":"Confirm"},{"id":"21st:anubra266__editable-components","t":"Editable components","d":"Here is Editable Components ","s":"21st","c":"inputs/textarea","a":"anubra266","u":38,"pl":"https://cdn.21st.dev/larsen66/editable-components/default/preview.1756369082387.png","pc":"anubra266","tg":["form","profile","textarea"]},{"id":"21st:anubra266__field-components","t":"Field components","d":"Here is Field Components ","s":"21st","c":"inputs/form-field","a":"anubra266","u":6,"pl":"https://cdn.21st.dev/larsen66/field-components/default/preview.1756339627539.png","pc":"anubra266","tg":["form","input","search","select"],"sb":"Whole forms"},{"id":"21st:anubra266__file-upload-1","t":"File upload 1","d":"Here is File Upload component","s":"21st","c":"inputs/file-upload","a":"anubra266","u":76,"pl":"https://cdn.21st.dev/larsen66/file-upload-1/default/preview.1756339006637.png","pc":"anubra266","tg":["avatar","gallery","grid","image"]},{"id":"21st:anubra266__floating-panel","t":"Floating panel","d":"Here is Floating Panel component","s":"21st","c":"overlays/popover","a":"anubra266","pl":"https://cdn.21st.dev/larsen66/floating-panel/default/preview.1756338679830.png","pc":"anubra266","tg":["badge","avatar","dashboard","dropdown"]},{"id":"21st:anubra266__hover-card","t":"Hover card","d":"Here is Hover Card component","s":"21st","c":"overlays/hover-card","a":"anubra266","pl":"https://cdn.21st.dev/larsen66/hover-card/default/preview.1756338319689.png","pc":"anubra266","tg":["card","link","popover","profile"]},{"id":"21st:anubra266__listbox","t":"Listbox","d":"Here is Listbox component","s":"21st","c":"inputs/select","a":"anubra266","pl":"https://cdn.21st.dev/larsen66/listbox/default/preview.1756337166684.png","pc":"anubra266","tg":["checkbox","list","menu","select"]},{"id":"21st:anubra266__menu-1","t":"Menu 1","d":"Here is Context Menu component","s":"21st","c":"navigation/menu","a":"anubra266","pl":"https://cdn.21st.dev/larsen66/menu-1/default/preview.1756335583455.png","pc":"anubra266","tg":["dropdown","menu"],"sb":"Dropdowns"},{"id":"21st:anubra266__number-input","t":"Number input","d":"Here is Number Input component","s":"21st","c":"inputs/number-input","a":"anubra266","pl":"https://cdn.21st.dev/larsen66/number-input/default/preview.1756330499544.png","pc":"anubra266","tg":["form","input"]},{"id":"21st:anubra266__pagination","t":"Pagination","d":"Here is Pagination component","s":"21st","c":"navigation/pagination","a":"anubra266","u":21,"pl":"https://cdn.21st.dev/larsen66/pagination/default/preview.1756329753380.png","pc":"anubra266","tg":["button","dashboard","dropdown","navigation-menu"]},{"id":"21st:anubra266__password-input","t":"Password input","d":"Here is Password Input component","s":"21st","c":"inputs/form-field","a":"anubra266","pl":"https://cdn.21st.dev/larsen66/password-input/default/preview.1756290292797.png","pc":"anubra266","tg":["form","input"],"sb":"Password"},{"id":"21st:anubra266__pin-input","t":"Pin input","d":"Here is Pin Input component","s":"21st","c":"inputs/otp-input","a":"anubra266","pl":"https://cdn.21st.dev/larsen66/pin-input/default/preview.1756242175982.png","pc":"anubra266","tg":["input"]},{"id":"21st:anubra266__popover-1","t":"Popover 1","d":"Here is Popover component","s":"21st","c":"overlays/popover","a":"anubra266","u":87,"pl":"https://cdn.21st.dev/larsen66/popover-1/default/preview.1756241395995.png","pc":"anubra266","tg":["badge","avatar","dropdown","form"]},{"id":"21st:anubra266__progress-1","t":"Progress 1","d":"Here is Progress component","s":"21st","c":"data-viz/progress-bar","a":"anubra266","u":66,"pl":"https://cdn.21st.dev/larsen66/progress-1/default/preview.1756196274177.png","pc":"anubra266","tg":["progress","spinner"]},{"id":"21st:anubra266__qr-code","t":"Qr code","d":"Here is QR Code component","s":"21st","c":"data-display/profile","a":"anubra266","u":28,"pl":"https://cdn.21st.dev/larsen66/qr-code/default/preview.1756195713897.png","pc":"anubra266","tg":["grid","link","profile"]},{"id":"21st:anubra266__radio-group","t":"Radio group","d":"Here is Radio Group component","s":"21st","c":"inputs/radio","a":"anubra266","pl":"https://cdn.21st.dev/larsen66/radio-group/default/preview.1756195294393.png","pc":"anubra266","tg":["badge","card","grid","form"]},{"id":"21st:anubra266__rating-group","t":"Rating group","d":"Here is Rating Group component","s":"21st","c":"inputs/rating","a":"anubra266","u":37,"pl":"https://cdn.21st.dev/larsen66/rating-group/default/preview.1756194579070.png","pc":"anubra266","tg":["checkbox","radio-group","textarea"]},{"id":"21st:anubra266__segment-group","t":"Segment group","d":"Here is Segment Group component","s":"21st","c":"navigation/tabs","a":"anubra266","pl":"https://cdn.21st.dev/larsen66/segment-group/default/preview.1756194930849.png","pc":"anubra266","tg":["tabs"]},{"id":"21st:anubra266__select-1","t":"Select 1","d":"Here is Select component","s":"21st","c":"inputs/select","a":"anubra266","u":22,"pl":"https://cdn.21st.dev/larsen66/select-1/default/preview.1756191967726.png","pc":"anubra266","tg":["dropdown","list","select","team"]},{"id":"21st:anubra266__signature-pad","t":"Signature pad","d":"Here is Signature Pad component","s":"21st","c":"flows/sign-in","a":"anubra266","u":21,"pl":"https://cdn.21st.dev/larsen66/signature-pad/default/preview.1756191359488.png","pc":"anubra266","sb":"Sign in"},{"id":"21st:anubra266__splitter","t":"Splitter","d":"Here is Splitter component","k":"layout","s":"21st","c":"navigation/sidebar","a":"anubra266","pl":"https://cdn.21st.dev/larsen66/splitter/default/preview.1756154951082.png","pc":"anubra266","tg":["sidebar"]},{"id":"21st:anubra266__steps","t":"Steps","d":"Here is Steps component","s":"21st","c":"navigation/wizard-steps","a":"anubra266","u":156,"pl":"https://cdn.21st.dev/larsen66/steps/default/preview.1756154461807.png","pc":"anubra266","tg":["icon","progress","steps"]},{"id":"21st:anubra266__switch-1","t":"Switch 1","d":"Here is Switch component","s":"21st","c":"actions/switch","a":"anubra266","u":56,"pl":"https://cdn.21st.dev/larsen66/switch-1/default/preview.1756154623505.png","pc":"anubra266","tg":["border","toggle"],"sb":"With icons"},{"id":"21st:anubra266__tabs-component","t":"Tabs component","d":"Here is Tabs component","s":"21st","c":"navigation/tabs","a":"anubra266","u":49,"pl":"https://cdn.21st.dev/larsen66/tabs-component/default/preview.1756152302655.png","pc":"anubra266","tg":["dashboard","navigation-menu","tabs"]},{"id":"21st:anubra266__timeline-animation","t":"Timeline animation","d":"A timeline animation using Framer Motion that animates items one by one as you reach each specific section","s":"21st","c":"data-display/timeline","a":"anubra266","u":39,"pl":"https://cdn.21st.dev/uilayout.contact/timeline-animation/default/preview.1756232580408.png","pc":"anubra266","tg":["timeline"]},{"id":"21st:anubra266__toggle-basic","t":"Toggle basic","d":"Here is Toggle component","s":"21st","c":"actions/switch","a":"anubra266","pl":"https://cdn.21st.dev/larsen66/toggle-basic/default/preview.1756144227740.png","pc":"anubra266","tg":["toggle"]},{"id":"21st:anubra266__toggle-group","t":"Toggle group","d":"Here is Toggle Group component","s":"21st","c":"actions/switch","a":"anubra266","pl":"https://cdn.21st.dev/larsen66/toggle-group/default/preview.1756144661337.png","pc":"anubra266","tg":["toggle"]},{"id":"21st:anubra266__tooltip-1","t":"Tooltip 1","d":"Here is Tooltip component","s":"21st","c":"overlays/tooltip","a":"anubra266","pl":"https://cdn.21st.dev/larsen66/tooltip-1/default/preview.1756143690093.png","pc":"anubra266","tg":["dashboard","popover","tooltip","video"]},{"id":"21st:anubra266__tree-view","t":"Tree view","d":"Here is Tree View component","s":"21st","c":"data-display/tree","a":"anubra266","pl":"https://cdn.21st.dev/larsen66/tree-view/default/preview.1756143020888.png","pc":"anubra266","tg":["file-tree","list","spinner"]},{"id":"21st:anurag-mishra22__animated-card-balance","t":"Animated card balance","d":"Animated Card Balance","s":"21st","c":"data-display/card","a":"anurag-mishra22","pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/animated-card-balance/default/preview.png","pc":"anurag-mishra22"},{"id":"21st:anurag-mishra22__animated-cool-text","t":"Animated cool text","d":"Animated Cool Text","k":"motion","s":"21st","c":"motion/text-effect","a":"anurag-mishra22","pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/animated-cool-text/default/preview.png","pc":"anurag-mishra22"},{"id":"21st:anurag-mishra22__animated-fuse-text","t":"Animated fuse text","d":"Animated Fuse Text","k":"motion","s":"21st","c":"motion/text-effect","a":"anurag-mishra22","pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/animated-fuse-text/default/preview.png","pc":"anurag-mishra22"},{"id":"21st:anurag-mishra22__animated-glitch-text","t":"Animated glitch text","d":"Animated Glitch Text\n","k":"motion","s":"21st","c":"motion/text-effect","a":"anurag-mishra22","u":38,"pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/animated-glitch-text/default/preview.1738001691046.png","pc":"anurag-mishra22","sb":"Scramble and glitch"},{"id":"21st:anurag-mishra22__animated-loading-skeleton","t":"Animated loading skeleton","d":"Animated Loading Skeleton","s":"21st","c":"status/skeleton","a":"anurag-mishra22","u":157,"pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/animated-loading-skeleton/default/preview.1738001324466.png","pc":"anurag-mishra22"},{"id":"21st:anurag-mishra22__animated-loading-wait","t":"Animated loading wait","d":"Animated Loading Wait","s":"21st","c":"status/loader","a":"anurag-mishra22","pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/animated-loading-wait/default/preview.png","pc":"anurag-mishra22","sb":"Spinners"},{"id":"21st:anurag-mishra22__animated-reveal-text","t":"Animated reveal text","d":"Animated Reveal Text\n","k":"motion","s":"21st","c":"motion/text-effect","a":"anurag-mishra22","u":35,"pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/animated-reveal-text/default/preview.1738001560800.png","pc":"anurag-mishra22","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:anurag-mishra22__animated-rocket-loader","t":"Animated rocket loader","d":"Animated Rocket Loader","s":"21st","c":"status/loader","a":"anurag-mishra22","pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/animated-rocket-loader/default/preview.png","pc":"anurag-mishra22","sb":"Spinners"},{"id":"21st:anurag-mishra22__animated-shiny-text","t":"Animated shiny text","d":"Animated Shiny Text","k":"motion","s":"21st","c":"motion/text-effect","a":"anurag-mishra22","u":227,"pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/animated-shiny-text/default/preview.1737996819112.png","pc":"anurag-mishra22","tg":["text"]},{"id":"21st:anurag-mishra22__animated-text","t":"Animated text","d":"Cool Animated Text","k":"motion","s":"21st","c":"motion/text-effect","a":"anurag-mishra22","u":141,"pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/animated-text/default/preview.1738001665807.png","pc":"anurag-mishra22","tg":["text"]},{"id":"21st:anurag-mishra22__animated-underline-text-one","t":"Animated underline text one","d":"Animated Underline Text","k":"motion","s":"21st","c":"motion/text-effect","a":"anurag-mishra22","u":675,"pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/animated-underline-text-one/default/preview.1738001029658.png","pc":"anurag-mishra22"},{"id":"21st:anurag-mishra22__circular-reveal-heading","t":"Circular reveal heading","d":"Circular Reveal Heading","k":"motion","s":"21st","c":"motion/text-effect","a":"anurag-mishra22","u":205,"pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/circular-reveal-heading/default/preview.png","pc":"anurag-mishra22","sb":"Reveal and entrance"},{"id":"21st:anurag-mishra22__dock","t":"Dock","d":"Neumorphism Dock","s":"21st","c":"navigation/dock","a":"anurag-mishra22","pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/dock/default/preview.png","pc":"anurag-mishra22"},{"id":"21st:anurag-mishra22__dock-two","t":"Dock two","d":"Cool Animated Dock","s":"21st","c":"navigation/dock","a":"anurag-mishra22","pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/dock-two/default/preview.1738001948715.png","pc":"anurag-mishra22","tg":["dock","tooltip"]},{"id":"21st:anurag-mishra22__hero-section","t":"Hero section","d":"Hero Section","k":"section","s":"21st","c":"marketing/hero","a":"anurag-mishra22","pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/hero-section/default/preview.png","pc":"anurag-mishra22"},{"id":"21st:anurag-mishra22__interactive-bento-gallery","t":"Interactive bento gallery","d":"Interactive Bento Gallery","s":"21st","c":"media/gallery","a":"anurag-mishra22","u":617,"pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/interactive-bento-gallery/bento/preview.png","pc":"anurag-mishra22","tg":["gallery","video"]},{"id":"21st:anurag-mishra22__loader-one","t":"Loader one","d":"Cool Animated Loader","s":"21st","c":"status/loader","a":"anurag-mishra22","pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/loader-one/default/preview.png","pc":"anurag-mishra22","tg":["spinner"],"sb":"Spinners"},{"id":"21st:anurag-mishra22__pricing-container","t":"Pricing container","d":"Pricing Container","k":"section","s":"21st","c":"marketing/pricing","a":"anurag-mishra22","pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/pricing-container/default/preview.1737993784447.png","pc":"anurag-mishra22"},{"id":"21st:anurag-mishra22__progress-indicator","t":"Progress indicator","d":"This fluid steps animation is perfect for progress indicators or onboarding flows! 🚀✨","s":"21st","c":"data-viz/progress-bar","a":"anurag-mishra22","u":214,"pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/progress-indicator/default/preview.png","pc":"anurag-mishra22","tg":["onboarding","steps"]},{"id":"21st:anurag-mishra22__serious-loader","t":"Serious loader","d":"Serious Loader","s":"21st","c":"status/loader","a":"anurag-mishra22","pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/serious-loader/default/preview.png","pc":"anurag-mishra22","sb":"Spinners"},{"id":"21st:anurag-mishra22__testimonial","t":"Testimonial","d":"Dragable testimonial, where user can swap to change","k":"section","s":"21st","c":"marketing/testimonials","a":"anurag-mishra22","u":224,"pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/testimonial/default/preview.1738001624255.png","pc":"anurag-mishra22","tg":["carousel","testimonials"]},{"id":"21st:anurag-mishra22__text-five","t":"Text five","d":"Coming Soon Text","k":"motion","s":"21st","c":"motion/text-effect","a":"anurag-mishra22","pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/text-five/default/preview.png","pc":"anurag-mishra22"},{"id":"21st:anurag-mishra22__text-three","t":"Text three","d":"Animated Typewriter Text","k":"motion","s":"21st","c":"motion/text-effect","a":"anurag-mishra22","u":8,"pl":"https://cdn.21st.dev/user_2rdX0nxNZVHvzWonaWWUowA52VG/text-three/default/preview.png","pc":"anurag-mishra22","tg":["text"]},{"id":"21st:apearlsd__axis-blend-gradient","t":"Axis blend gradient","d":"Pure CSS gradient background in the Axis Blend style, made with the 21st.dev Gradient Builder. 2-color palette (#2E3192, #1BFFFF). Features: film grain, vignette. A drop-in, zero-d","k":"motion","s":"21st","c":"motion/gradient","a":"apearlsd","pl":"https://cdn.21st.dev/apearlsd/axis-blend-gradient/default/preview.1786346738590-8f662d31-a289-4af8-b02c-fc97f582cdc8.webp","pc":"apearlsd","sb":"Axis Blend"},{"id":"21st:appvibed01__animated-testimonial","t":"Animated testimonial","d":"A visually striking testimonial section with animated cards, parallax hover motion, and dynamic gradient backgrounds.","k":"section","s":"21st","c":"marketing/testimonials","a":"appvibed01","pl":"https://cdn.21st.dev/appvibed01/animated-testimonial/default/preview.1762388115763.png","pc":"appvibed01"},{"id":"21st:appvibed01__auth-switch","t":"Auth switch","d":"A modern animated authentication component with Sign In and Sign Up forms, social login icons, and smooth transitions between modes.","s":"21st","c":"flows/sign-in","a":"appvibed01","st":"rated","pl":"https://cdn.21st.dev/appvibed01/auth-switch/default/preview.1761344359841.png","pc":"appvibed01","tg":["form","sign-in","sign-up"],"sc":14,"sb":"Sign up"},{"id":"21st:appvibed01__creative-left-nav","t":"Creative left nav","d":"A sleek, animated left navigation menu built with React, Framer Motion, and Lucide icons. It includes smooth transitions, a collapsible layout, active state highlighting, and a use","s":"21st","c":"navigation/top-nav","a":"appvibed01","pl":"https://cdn.21st.dev/appvibed01/creative-left-nav/default/preview.1761534931290.png","pc":"appvibed01","sb":"Mega menus"},{"id":"21st:appvibed01__shopify-3d-globe","t":"Shopify 3d globe","d":"A 3D animated Shopify-style globe built with react-globe.gl, featuring teal-green continents, golden arcs representing connections, and interactive pin drops. Ideal for dashboards,","k":"motion","s":"21st","c":"motion/globe","a":"appvibed01","pl":"https://cdn.21st.dev/appvibed01/shopify-3d-globe/default/preview.1761536938788.png","pc":"appvibed01"},{"id":"21st:appvibed01__split-flap-metrics-board","t":"Split flap metrics board","d":"A split-flap metrics board for SRE/Platform/DevOps dashboards. Great for surfacing live usage—users, services, deploys, requests, logs—without a chart wall.","s":"21st","c":"data-display/kanban","a":"appvibed01","st":"rated","pl":"https://cdn.21st.dev/appvibed01/split-flap-metrics-board/default/preview.1762400062661.png","pc":"appvibed01","sc":25},{"id":"21st:appvibed01__why-app-vibed","t":"Why app vibed","d":"A modern two-column scrollspy section highlighting AppVibed’s key advantages. Includes sticky navigation, Intersection Observer tracking, smooth scrolling, and gradient-accented UI","s":"21st","c":"navigation/top-nav","a":"appvibed01","pl":"https://cdn.21st.dev/appvibed01/why-app-vibed/default/preview.1761286028751.png","pc":"appvibed01","sb":"Mega menus"},{"id":"21st:aquadk__button","t":"Button","d":"Prime button","s":"21st","c":"actions/button","a":"aquadk","pl":"https://cdn.21st.dev/aquadk/button/default/preview.1761207945712.png","pc":"aquadk"},{"id":"21st:arhamkhnz__playful-todolist","t":"Playful todolist","d":"A playful todolist component with animated wavy strikethroughs for each completed task.","s":"21st","c":"inputs/checkbox","a":"arhamkhnz","u":14,"pl":"https://cdn.21st.dev/arhamkhnz/playful-todolist/default/preview.1758005921181.png","pc":"arhamkhnz","tg":["checkbox"]},{"id":"21st:arhamkhnz__radial-intro","t":"Radial intro","d":"A circular intro animation component that arranges elements in a radial layout, smoothly transitioning them into orbit with looping motion.","s":"21st","c":"inputs/slider","a":"arhamkhnz","u":45,"pl":"https://cdn.21st.dev/arhamkhnz/radial-intro/default/preview.1762882208925.png","pc":"arhamkhnz"},{"id":"21st:arhamkhnz__radial-menu","t":"Radial menu","d":"A circular context menu built with Base UI, displaying actions in a clean radial layout with full keyboard support and smooth interaction.","s":"21st","c":"navigation/menu","a":"arhamkhnz","st":"rated","u":90,"pl":"https://cdn.21st.dev/arhamkhnz/radial-menu/default/preview.1763634251282.png","pc":"arhamkhnz","tg":["menu"],"sc":23,"sb":"Radial menus"},{"id":"21st:arhamkhnz__radial-nav","t":"Radial nav","d":"A circular navigation menu with animated pointer and expanding buttons for smooth interactive transitions.","s":"21st","c":"navigation/top-nav","a":"arhamkhnz","pl":"https://cdn.21st.dev/arhamkhnz/radial-nav/default/preview.1759606918256.png","pc":"arhamkhnz","sb":"Mega menus"},{"id":"21st:arhamkhnz__spring-element","t":"Spring element","d":"A flexible, animated spring component that attaches a draggable element (avatar, text, icon, or any React node) to its origin with a spring line.","s":"21st","c":"media/carousel","a":"arhamkhnz","pl":"https://cdn.21st.dev/arhamkhnz/spring-element/default/preview.1748976121623.png","pc":"arhamkhnz"},{"id":"21st:arifuzzamanmoin__heximage","t":"Heximage","d":"Animated (flicker) ASCII art in the Hex Dump style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, ","k":"motion","s":"21st","c":"motion/ascii","a":"arifuzzamanmoin","pl":"https://cdn.21st.dev/arifuzzamanmoin/heximage/default/preview.1784542877159-0bdabff8-0f8e-4477-aafc-2b77f22da531.webp","pc":"arifuzzamanmoin","tg":["video"],"sb":"Hex Dump"},{"id":"21st:arihantcodes_1f7b8c4d__avatar-1","t":"Avatar 1","d":"Here is Avatar component","s":"21st","c":"data-display/avatar","a":"arihantcodes_1f7b8c4d","u":9,"pl":"https://cdn.21st.dev/larsen66/avatar-1/default/preview.1754078886435.png","pc":"arihantcodes_1f7b8c4d","tg":["avatar","profile","team","tooltip"]},{"id":"21st:arihantcodes_1f7b8c4d__base-button","t":"Base button","d":"Here is Button component","s":"21st","c":"actions/button","a":"arihantcodes_1f7b8c4d","u":58,"pl":"https://cdn.21st.dev/larsen66/base-button/default/preview.1754059136390.png","pc":"arihantcodes_1f7b8c4d","tg":["button","link","notification","profile"],"sb":"Loading and states"},{"id":"21st:arihantcodes_1f7b8c4d__dual-range-slider","t":"Dual range slider","d":"An enhancement slider that allows you to select a range of values.\n","s":"21st","c":"inputs/slider","a":"arihantcodes_1f7b8c4d","u":120,"pl":"https://cdn.21st.dev/user_arihantcodes/dual-range-slider.png","pc":"arihantcodes_1f7b8c4d","tg":["slider"]},{"id":"21st:arihantcodes_1f7b8c4d__event-calendar","t":"Event calendar","d":"Here is Event Calendar component","s":"21st","c":"data-display/calendar","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/larsen66/event-calendar/default/preview.1754084488898.png","pc":"arihantcodes_1f7b8c4d","tg":["calendar"]},{"id":"21st:arihantcodes_1f7b8c4d__feedback-card","t":"Feedback card","d":"Here is Feedback card","s":"21st","c":"data-display/card","a":"arihantcodes_1f7b8c4d","u":18,"pl":"https://cdn.21st.dev/larsen66/feedback-card/default/preview.1750438816469.png","pc":"arihantcodes_1f7b8c4d","tg":["textarea"]},{"id":"21st:arihantcodes_1f7b8c4d__floating-label","t":"Floating label","d":"Here is Floating Label component","s":"21st","c":"inputs/form-field","a":"arihantcodes_1f7b8c4d","u":53,"pl":"https://cdn.21st.dev/larsen66/floating-label/default/preview.1750439019312.png","pc":"arihantcodes_1f7b8c4d","tg":["input"],"sb":"Animated fields"},{"id":"21st:arihantcodes_1f7b8c4d__floating-navbar","t":"Floating navbar","d":"A pill-shaped floating navigation bar with rounded icon buttons and a dropdown action menu for quick app navigation.","s":"21st","c":"navigation/top-nav","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/floating-navbar/default/preview.1784720473168-1aed6c8b-d039-4b9e-9e54-18ecc700614d.png","pc":"arihantcodes_1f7b8c4d","tg":["dropdown"],"sb":"Floating"},{"id":"21st:arihantcodes_1f7b8c4d__footer-section","t":"Footer section","d":"Basic footer section with theme toggle","k":"section","s":"21st","c":"marketing/footer","a":"arihantcodes_1f7b8c4d","u":2040,"pl":"https://cdn.21st.dev/user_arihantcodes/footer-section.png","pc":"arihantcodes_1f7b8c4d","tg":["footer","link","toggle"]},{"id":"21st:arihantcodes_1f7b8c4d__image-preview","t":"Image preview","d":"A clickable image thumbnail that opens a full-size lightbox preview in a modal overlay with a close button.","s":"21st","c":"media/gallery","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/image-preview/default/preview.1784452173162-bcab821b-85ef-44e2-8977-2ddbab5b5775.png","pc":"arihantcodes_1f7b8c4d","tg":["gallery","modal"]},{"id":"21st:arihantcodes_1f7b8c4d__ink","t":"Ink","d":"Animated text that dissolves in from a fluid, ink-like turbulence and settles into crisp letters while shifting color.","k":"motion","s":"21st","c":"motion/text-effect","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/ink/default/preview.1784413854456-45241398-fc77-4c4a-946d-3a599ff9105e.png","pc":"arihantcodes_1f7b8c4d","tg":["text"]},{"id":"21st:arihantcodes_1f7b8c4d__input-modal","t":"Input modal","d":"Here is Input Modal component","s":"21st","c":"overlays/dialog","a":"arihantcodes_1f7b8c4d","u":45,"pl":"https://cdn.21st.dev/larsen66/input-modal/default/preview.1754084179407.png","pc":"arihantcodes_1f7b8c4d","tg":["form","modal","select","tabs"],"sb":"Forms"},{"id":"21st:arihantcodes_1f7b8c4d__kanban-board","t":"Kanban board","d":"Here is Kanban Board component","s":"21st","c":"data-display/kanban","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/larsen66/kanban-board/default/preview.1754084030513.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__large-name-footer","t":"Large name footer","d":"Footer section with large logo","k":"section","s":"21st","c":"marketing/footer","a":"arihantcodes_1f7b8c4d","u":373,"pl":"https://cdn.21st.dev/user_arihantcodes/large-name-footer.png","pc":"arihantcodes_1f7b8c4d","tg":["footer","link"]},{"id":"21st:arihantcodes_1f7b8c4d__loading-button","t":"Loading button","d":"Here is Loading Button component","s":"21st","c":"actions/button","a":"arihantcodes_1f7b8c4d","u":12,"pl":"https://cdn.21st.dev/larsen66/loading-button/default/preview.1754491759631.png","pc":"arihantcodes_1f7b8c4d","sb":"Loading and states"},{"id":"21st:arihantcodes_1f7b8c4d__login-card","t":"Login card","d":"Here is Login Card component","s":"21st","c":"flows/sign-in","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/larsen66/login-card/default/preview.1754083875068.png","pc":"arihantcodes_1f7b8c4d","tg":["form","sign-in"],"sb":"Sign in"},{"id":"21st:arihantcodes_1f7b8c4d__login-card-1","t":"Login card 1","d":"Here is Login Card component","s":"21st","c":"flows/sign-in","a":"arihantcodes_1f7b8c4d","u":36,"pl":"https://cdn.21st.dev/larsen66/login-card-1/default/preview.1754086917044.png","pc":"arihantcodes_1f7b8c4d","tg":["checkbox","date-picker","form","pricing-section"],"sb":"Sign up"},{"id":"21st:arihantcodes_1f7b8c4d__multiple-selector","t":"Multiple selector","d":"Here is Multiple Selector component","s":"21st","c":"inputs/select","a":"arihantcodes_1f7b8c4d","u":35,"pl":"https://cdn.21st.dev/larsen66/multiple-selector/default/preview.1754083134746.png","pc":"arihantcodes_1f7b8c4d","tg":["chip","search","select"]},{"id":"21st:arihantcodes_1f7b8c4d__multistep-form","t":"Multistep form","d":"Here is Multistep Form component","s":"21st","c":"navigation/wizard-steps","a":"arihantcodes_1f7b8c4d","u":622,"pl":"https://cdn.21st.dev/larsen66/multistep-form/default/preview.1754082366204.png","pc":"arihantcodes_1f7b8c4d","tg":["onboarding","steps"]},{"id":"21st:arihantcodes_1f7b8c4d__navbars","t":"Navbars","d":"Here is Navbars component","s":"21st","c":"navigation/top-nav","a":"arihantcodes_1f7b8c4d","u":244,"pl":"https://cdn.21st.dev/larsen66/navbars/default/preview.1754082214513.png","pc":"arihantcodes_1f7b8c4d","tg":["dashboard","dropdown","menu","navigation-menu"],"sb":"Mega menus"},{"id":"21st:arihantcodes_1f7b8c4d__orbital-letters","t":"Orbital letters","d":"Animated text where each letter drifts and orbits on spring physics before settling into place, with a hover replay.","k":"motion","s":"21st","c":"motion/text-effect","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/orbital-letters/default/preview.1783709850261.png","pc":"arihantcodes_1f7b8c4d","tg":["text"]},{"id":"21st:arihantcodes_1f7b8c4d__profile-dropdown","t":"Profile dropdown","d":"Here is profile dropdown component","s":"21st","c":"data-display/profile","a":"arihantcodes_1f7b8c4d","u":69,"pl":"https://cdn.21st.dev/larsen66/profile-dropdown/default/preview.1750439192870.png","pc":"arihantcodes_1f7b8c4d","tg":["dropdown","menu","profile","toggle"]},{"id":"21st:arihantcodes_1f7b8c4d__progress-with-value","t":"Progress with value","d":"A progress bar that displays its percentage value inline, with configurable label positions inside or outside the track.","s":"21st","c":"data-viz/progress-bar","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/progress-with-value/default/preview.1784684089296-0747433d-fca9-428a-a8a0-ef895319fa67.png","pc":"arihantcodes_1f7b8c4d","tg":["progress"]},{"id":"21st:arihantcodes_1f7b8c4d__responsive-modal","t":"Responsive modal","d":"Here is Modal component","s":"21st","c":"overlays/dialog","a":"arihantcodes_1f7b8c4d","u":22,"pl":"https://cdn.21st.dev/larsen66/responsive-modal/default/preview.1754081697441.png","pc":"arihantcodes_1f7b8c4d","tg":["alert","button","modal"],"sb":"Confirm"},{"id":"21st:arihantcodes_1f7b8c4d__sidebar-navbar","t":"Sidebar navbar","d":"A collapsible vertical sidebar navigation that expands and collapses between icon-only and labelled states, with nested collapsible menu groups.","s":"21st","c":"navigation/top-nav","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/sidebar-navbar/default/preview.1784755029295-6f3cd7c5-e168-4dbb-85e4-80b315217274.png","pc":"arihantcodes_1f7b8c4d","sb":"Mega menus"},{"id":"21st:arihantcodes_1f7b8c4d__skeleton","t":"Skeleton","d":"Here is Skeleton component","s":"21st","c":"status/skeleton","a":"arihantcodes_1f7b8c4d","u":46,"pl":"https://cdn.21st.dev/larsen66/skeleton/default/preview.1754081709799.png","pc":"arihantcodes_1f7b8c4d","tg":["avatar"]},{"id":"21st:arihantcodes_1f7b8c4d__spinner","t":"Spinner","d":"Here is Spinner component","s":"21st","c":"status/loader","a":"arihantcodes_1f7b8c4d","u":12,"pl":"https://cdn.21st.dev/larsen66/spinner/default/preview.1754081401936.png","pc":"arihantcodes_1f7b8c4d","tg":["progress","spinner"],"sb":"Spinners"},{"id":"21st:arihantcodes_1f7b8c4d__stacked-circular-footer","t":"Stacked circular footer","d":"Stacked Circular Footer Section","k":"section","s":"21st","c":"marketing/footer","a":"arihantcodes_1f7b8c4d","u":679,"pl":"https://cdn.21st.dev/user_arihantcodes/stacked-circular-footer.png","pc":"arihantcodes_1f7b8c4d","tg":["footer","link","navigation-menu"]},{"id":"21st:arihantcodes_1f7b8c4d__status-badge","t":"Status badge","d":"Here is Status Badge component","s":"21st","c":"data-display/badge","a":"arihantcodes_1f7b8c4d","u":34,"pl":"https://cdn.21st.dev/larsen66/status-badge/default/preview.1754081067637.png","pc":"arihantcodes_1f7b8c4d","tg":["badge","chip","icon"],"sb":"Status"},{"id":"21st:arihantcodes_1f7b8c4d__tab-navbar","t":"Tab navbar","d":"A responsive top navigation bar with a dropdown navigation menu, search input, and sign-in button.","s":"21st","c":"navigation/top-nav","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/tab-navbar/default/preview.1784832108737-33ca8281-c4d1-4c04-a15f-90b4224a2db9.png","pc":"arihantcodes_1f7b8c4d","tg":["menu"],"sb":"Mega menus"},{"id":"21st:arikchakma__cromia-channels","t":"Cromia channels","d":"Individual editable hue, saturation, brightness, and alpha sliders built with Cromia headless color picker primitives.","s":"21st","c":"inputs/slider","a":"arikchakma","u":7,"pl":"https://cdn.21st.dev/larsen66/cromia-channels/default/preview.1785395802551-72e2df7f-d87a-4f3c-ba96-93523b54f305.png","pc":"arikchakma","tg":["slider"]},{"id":"21st:arikchakma__cromia-color-picker","t":"Cromia color picker","d":"A polished color picker built from Cromia headless primitives, with area selection, hue and alpha sliders, editable channels, and preset swatches.","s":"21st","c":"inputs/color-picker","a":"arikchakma","pl":"https://cdn.21st.dev/larsen66/cromia-color-picker/default/preview.1785392787700-fd31a652-0f16-4b6e-8b11-99aa9a7a6fd0.png","pc":"arikchakma"},{"id":"21st:arikchakma__cromia-compact","t":"Cromia compact","d":"A compact Cromia color picker with an area selector, hue slider, and editable hexadecimal color input.","s":"21st","c":"inputs/select","a":"arikchakma","pl":"https://cdn.21st.dev/larsen66/cromia-compact/default/preview.1785395823292-4f2460f7-1c09-4792-9e97-03339aae0e50.png","pc":"arikchakma"},{"id":"21st:arikchakma__cromia-swatches","t":"Cromia swatches","d":"A preset color swatch picker with hue fine-tuning, live color preview, and editable hexadecimal input.","s":"21st","c":"inputs/select","a":"arikchakma","pl":"https://cdn.21st.dev/larsen66/cromia-swatches/default/preview.1785395844620-ef968647-06f0-4d4b-a969-2dd3e26296b1.png","pc":"arikchakma"},{"id":"21st:arikchakma__unit-field","t":"Unit field","d":"Headless, composable numeric input field with drag-to-scrub, keyboard stepping, format/parse controls, and committed-value events for building any unit field.","s":"21st","c":"inputs/form-field","a":"arikchakma","pl":"https://cdn.21st.dev/arikchakma/unit-field/default/preview.1785487618107-0e10f861-7724-4655-9de4-2e4c306500fe.png","pc":"arikchakma"},{"id":"21st:arlanoska__dia-gradient","t":"Dia gradient","k":"motion","s":"21st","c":"motion/gradient","a":"arlanoska","pl":"https://cdn.21st.dev/arlanoska/dia-gradient/default/preview.1785545667383-6979da35-3261-4d18-8832-1b3d87cce9a1.png","pc":"arlanoska"},{"id":"21st:arlanoska__embroidered-word-patches","t":"Embroidered word patches","d":"Interactive WebGL word-shaped embroidered patches with satin stitching, a merrowed border, fabric depth, and cursor-reactive lighting.","k":"motion","s":"21st","c":"motion/text-effect","a":"arlanoska","pl":"https://cdn.21st.dev/localhost_serafim/embroidered-word-patches/default/preview.1785302153274-42082027-66fa-4ea1-b9c5-c413861e5b92.png","pc":"arlanoska"},{"id":"21st:arlanoska__midjourney-ascii","t":"Midjourney ascii","d":"An interactive rebuild of Midjourney Medical's ASCII intro: a vortex of monospace characters that slowly spins and condenses into a logo — it's all real text, moved around by code.","k":"motion","s":"21st","c":"motion/ascii","a":"arlanoska","u":18,"pl":"https://cdn.21st.dev/arlanoska/midjourney-ascii/default/preview.1785454499449-ad6cb465-dac8-4038-823f-d60b77a631a8.png","pc":"arlanoska"},{"id":"21st:arlanoska__symbols-effect","t":"Symbols effect","s":"21st","c":"media/gallery","a":"arlanoska","pl":"https://cdn.21st.dev/arlanoska/symbols-effect/default/preview.1785452911796-5afb0b2e-a7a3-40fa-bcbe-bc421d4fecbd.png","pc":"arlanoska"},{"id":"21st:arlanoska__vector-editor","t":"Vector editor","s":"21st","c":"inputs/textarea","a":"arlanoska","pl":"https://cdn.21st.dev/arlanoska/vector-editor/default/preview.1785929938390-f38ee4fa-a1d5-4936-bdf8-970e1654282c.png","pc":"arlanoska"},{"id":"21st:armandsalle__autocomplete","t":"Autocomplete","d":"Custom autocomplete component built with Shadcn ui and Fancy Multi Select by Maximilian Kaske. Feel free to play around with it and customize it to your needs.","s":"21st","c":"inputs/combobox","a":"armandsalle","u":160,"pl":"https://cdn.21st.dev/user_armandsalle/autocomplete.png","pc":"armandsalle","tg":["dropdown","search","select"]},{"id":"21st:arnoldlo619__chess","t":"Chess","d":"Animated (flicker) ASCII art in the Dither style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, ca","k":"motion","s":"21st","c":"motion/ascii","a":"arnoldlo619","pl":"https://cdn.21st.dev/arnoldlo619/chess/default/preview.1783765562855.png","pc":"arnoldlo619","tg":["video"],"sb":"Dither"},{"id":"21st:arul_286c0cd5__simplex-noise-shader","t":"Simplex noise shader","d":"Animated WebGL shader background in the Simplex Noise style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"arul_286c0cd5","pl":"https://cdn.21st.dev/arul_286c0cd5/simplex-noise-shader/default/preview.1785829526195-6fb60ba8-f481-4dd9-b9a9-53b4e1329278.webp","pc":"arul_286c0cd5","sb":"Simplex Noise"},{"id":"21st:arunachalam__adaptive-notch-navigation-bar","t":"Adaptive notch navigation bar","d":"An adaptive, inverted-curve notch navigation system featuring a desktop triple-island layout that seamlessly morphs into a unified responsive mobile drawer with spring animations a","s":"21st","c":"data-viz/chart","a":"arunachalam","pl":"https://cdn.21st.dev/arunachalam/adaptive-notch-navigation-bar/default/preview.1787918173386-e6ad4a2b-6ae9-45fe-b28a-070ed5cbaaaa.webp","pc":"arunachalam","sb":"Bar"},{"id":"21st:arunachalam__android-mockup","t":"Android mockup","d":"$34","s":"21st","c":"media/mockup","a":"arunachalam","pl":"https://cdn.21st.dev/arunachalam0606/android-mockup/default/preview.1762407221524.png","pc":"arunachalam"},{"id":"21st:arunachalam__animated-file-tree","t":"Animated file tree","d":"An interactive directory file tree featuring dynamic SVG branch lines, active-path stroke tracing, collapsible folders, and smooth spring hover glides.","s":"21st","c":"data-display/tree","a":"arunachalam","pl":"https://cdn.21st.dev/arunachalam/animated-file-tree/default/preview.1787742926425-47cd7b67-941a-4f20-a4bf-7ab04915c989.webp","pc":"arunachalam"},{"id":"21st:arunachalam__animated-flip-cards","t":"Animated flip cards","d":"It's an animated card with a hover effect which makes it flip for more details.","s":"21st","c":"data-display/card","a":"arunachalam","pl":"https://cdn.21st.dev/arunachalam0606/animated-flip-cards/default/preview.1747481939335.png","pc":"arunachalam"},{"id":"21st:arunachalam__animated-table","t":"Animated table","s":"21st","c":"data-display/table","a":"arunachalam","pl":"https://cdn.21st.dev/arunachalam0606/animated-table/default/preview.1758632486479.png","pc":"arunachalam","tg":["table"]},{"id":"21st:arunachalam__animated-table-rows","t":"Animated table rows","d":"This is a table component with animated rows with delete row effects ","s":"21st","c":"data-display/list","a":"arunachalam","pl":"https://cdn.21st.dev/arunachalam0606/animated-table-rows/default/preview.1759149739545.png","pc":"arunachalam","tg":["table"]},{"id":"21st:arunachalam__animated-theme-toggle-button","t":"Animated theme toggle button","d":"A modern React component that lets users switch between light and dark color modes with a visually engaging animated transition. This button supports both horizontal and vertical r","s":"21st","c":"actions/button","a":"arunachalam","u":63,"pl":"https://cdn.21st.dev/arunachalam0606/animated-theme-toggle-button/default/preview.1759221316680.png","pc":"arunachalam","tg":["toggle"],"sb":"Animated"},{"id":"21st:arunachalam__animated-theme-toggler","t":"Animated theme toggler","d":"AnimatedThemeToggler — React Theme Toggle Button with Smooth Icon Transitions\n\nA lightweight React component that toggles between light and dark modes with animated sun and moon ic","s":"21st","c":"actions/switch","a":"arunachalam","u":176,"pl":"https://cdn.21st.dev/arunachalam0606/animated-theme-toggler/default/preview.1759210475677.png","pc":"arunachalam","tg":["toggle"],"sb":"Theme toggles"},{"id":"21st:arunachalam__bottom-nav-bar","t":"Bottom nav bar","d":"A highly animated, touch-friendly mobile/navigation bar component for dashboard or finance applications. Built with Next.js, TypeScript, TailwindCSS v4, and Framer Motion, it deliv","s":"21st","c":"navigation/top-nav","a":"arunachalam","u":159,"pl":"https://cdn.21st.dev/arunachalam0606/bottom-nav-bar/default/preview.1759240846020.png","pc":"arunachalam","tg":["navigation-menu"],"sb":"Mega menus"},{"id":"21st:arunachalam__cookie-banner","t":"Cookie banner","d":"CookieBanner is a lightweight, responsive cookie consent component for Next.js built with TypeScript and TailwindCSS v4. It displays a customizable message with Accept and Decline ","s":"21st","c":"overlays/alert-banner","a":"arunachalam","u":10,"pl":"https://cdn.21st.dev/arunachalam0606/cookie-banner/default/preview.1755092427707.png","pc":"arunachalam"},{"id":"21st:arunachalam__cookie-banner-1","t":"Cookie banner 1","d":"The CookiePanel is a compact, bottom‑right floating cookie consent banner built with Next.js, TypeScript, TailwindCSS v4, and Lucide icons. It presents users with a clear cookie po","s":"21st","c":"overlays/alert-banner","a":"arunachalam","u":72,"pl":"https://cdn.21st.dev/arunachalam0606/cookie-banner-1/default/preview.1755094285894.png","pc":"arunachalam","tg":["toast"]},{"id":"21st:arunachalam__corner-frame-animated-button","t":"Corner frame animated button","d":"CornerFrameAnimatedButton is a customizable, animated button component that features stylish corner-frame borders and a smooth hover gradient reveal effect. Built with framer-motio","s":"21st","c":"actions/button","a":"arunachalam","pl":"https://cdn.21st.dev/arunachalam0606/corner-frame-animated-button/default/preview.1751606293207.png","pc":"arunachalam","sb":"Animated"},{"id":"21st:arunachalam__corner-frame-animated-button-1","t":"Corner frame animated button 1","d":"CornerFrameAnimatedButton is a customizable, animated button component that features stylish corner-frame borders and a smooth hover gradient reveal effect. Built with framer-motio","s":"21st","c":"actions/button","a":"arunachalam","pl":"https://cdn.21st.dev/arunachalam0606/corner-frame-animated-button-1/default/preview.1760093314953.png","pc":"arunachalam","sb":"Animated"},{"id":"21st:arunachalam__corner-frame-scramble-text","t":"Corner frame scramble text","d":"A flexible and elegant text component wrapped in a corner frame with a scramble animation effect. Built with Tailwind CSS and Framer Motion, it visually enhances dynamic text value","k":"motion","s":"21st","c":"motion/text-effect","a":"arunachalam","u":10,"pl":"https://cdn.21st.dev/arunachalam0606/corner-frame-scramble-text/default/preview.1751610916355.png","pc":"arunachalam","sb":"Scramble and glitch"},{"id":"21st:arunachalam__corner-frame-text","t":"Corner frame text","d":"CornerFrameText is a semantic, reusable UI component that displays a line of text wrapped in elegant corner-frame borders, consistent with the CornerFrameAnimatedButton style — but","k":"motion","s":"21st","c":"motion/text-effect","a":"arunachalam","pl":"https://cdn.21st.dev/arunachalam0606/corner-frame-text/default/preview.1751607510467.png","pc":"arunachalam"},{"id":"21st:arunachalam__corner-frame-text-1","t":"Corner frame text 1","d":"CornerFrameText is a semantic, reusable UI component that displays a line of text wrapped in elegant corner-frame borders, consistent with the CornerFrameAnimatedButton style — but","k":"motion","s":"21st","c":"motion/text-effect","a":"arunachalam","pl":"https://cdn.21st.dev/arunachalam0606/corner-frame-text-1/default/preview.1760166154551.png","pc":"arunachalam"},{"id":"21st:arunachalam__expandable-search-bar","t":"Expandable search bar","d":"This expandable search bar is a sleek, animated UI element designed for modern web applications. It collapses into a compact icon for space efficiency and smoothly expands to revea","s":"21st","c":"inputs/search","a":"arunachalam","u":37,"pl":"https://cdn.21st.dev/arunachalam0606/expandable-search-bar/default/preview.1758525431053.png","pc":"arunachalam","tg":["search"]},{"id":"21st:arunachalam__feedback-toast","t":"Feedback toast","d":"The FeedbackToast is a animated UI component designed to collect quick feedback from users in a non-intrusive way. It presents a thumbs-up/down prompt with an optional comment inpu","s":"21st","c":"overlays/toast","a":"arunachalam","st":"rated","u":19,"pl":"https://cdn.21st.dev/arunachalam0606/feedback-toast/default/preview.1751978937629.png","pc":"arunachalam","tg":["notification","toast"],"sc":18},{"id":"21st:arunachalam__inverted-cursor","t":"Inverted cursor","d":"A smooth, customizable React cursor component that replaces the native cursor with a circular, inverted color cursor. It smoothly follows the mouse pointer, hides when the cursor l","k":"motion","s":"21st","c":"motion/cursor","a":"arunachalam","pl":"https://cdn.21st.dev/arunachalam0606/inverted-cursor/default/preview.1762247940064.png","pc":"arunachalam","tg":["cursor"]},{"id":"21st:arunachalam__media-button","t":"Media button","d":"MediaButton is a reusable React component that displays a button with a smooth hover effect revealing a looping .mp4, .webm, or .gif background, with a dark overlay to keep the tex","s":"21st","c":"actions/button","a":"arunachalam","u":28,"pl":"https://cdn.21st.dev/arunachalam0606/media-button/default/preview.1747673487285.png","pc":"arunachalam","tg":["video"]},{"id":"21st:arunachalam__modern-animated-sign-in","t":"Modern animated sign in","d":"This design presents a sleek and user-friendly login page. The UI features a contemporary dark mode aesthetic with a deep blue background accented by subtle radial gradients that g","s":"21st","c":"flows/sign-in","a":"arunachalam","st":"rated","u":837,"pl":"https://cdn.21st.dev/user_2wfnj4jcSPR8JWRk7tpzrihdDV8/modern-animated-sign-in/default/preview.1747156285045.png","pc":"arunachalam","tg":["sign-in"],"sc":18,"sb":"Sign up"},{"id":"21st:arunachalam__morphing-arrow-button","t":"Morphing arrow button","d":" A directional button that smoothly morphs on hover:\n - Starts as a circular icon\n - Expands outward in the given direction (left or right)\n - Adds a subtle animated line and arrow","s":"21st","c":"actions/button","a":"arunachalam","u":19,"pl":"https://cdn.21st.dev/arunachalam0606/morphing-arrow-button/default/preview.1750674951621.png","pc":"arunachalam","tg":["carousel"],"sb":"Animated"},{"id":"21st:arunachalam__outline-text","t":"Outline text","d":"Renders large outlined text that adapts to light/dark mode.","k":"motion","s":"21st","c":"motion/text-effect","a":"arunachalam","u":59,"pl":"https://cdn.21st.dev/arunachalam0606/outline-text/default/preview.1750675082689.png","pc":"arunachalam","tg":["text"]},{"id":"21st:arunachalam__profile-card-testimonial-carousel","t":"Profile card testimonial carousel","d":"A responsive testimonial carousel component featuring profile cards with avatars, descriptions, and social links. Built with smooth fade animations, bottom navigation controls, and","s":"21st","c":"data-display/profile","a":"arunachalam","u":250,"pl":"https://cdn.21st.dev/arunachalam0606/profile-card-testimonial-carousel/default/preview.1755510064157.png","pc":"arunachalam","tg":["carousel","link","profile","testimonials"]},{"id":"21st:arunachalam__scroll-expansion-hero","t":"Scroll expansion hero","d":"A modern, interactive media component for Next.js that expands videos or images as users scroll, creating an engaging and immersive experience.\n","k":"section","s":"21st","c":"marketing/hero","a":"arunachalam","u":2594,"pl":"https://cdn.21st.dev/user_2wfnj4jcSPR8JWRk7tpzrihdDV8/scroll-expansion-hero/default/preview.1746632883284.png","pc":"arunachalam","tg":["hero","scroll-area","video"],"sb":"With video"},{"id":"21st:arunachalam__sidebar-with-chrome-like-tabs","t":"Sidebar with chrome like tabs","s":"21st","c":"navigation/sidebar","a":"arunachalam","pl":"https://cdn.21st.dev/arunachalam0606/sidebar-with-chrome-like-tabs/default/preview.1767870327337.png","pc":"arunachalam"},{"id":"21st:arunachalam__theme-wipe-toggle","t":"Theme wipe toggle","d":"HorizontalThemeWipeToggle — Animated React Theme Switch Button with Vertical Line Reveal\n\nSwitch between light and dark modes with a visually striking page-wide vertical wipe anima","s":"21st","c":"actions/switch","a":"arunachalam","u":17,"pl":"https://cdn.21st.dev/arunachalam0606/theme-wipe-toggle/default/preview.1759294215954.png","pc":"arunachalam","sb":"Theme toggles"},{"id":"21st:arunachalam__thumbnail-button-video-player","t":"Thumbnail button video player","d":"The ThumbnailButton component displays a video thumbnail that, when clicked, opens a modal video player. It supports both YouTube embeds (via youtubeId) and direct video URLs (via ","s":"21st","c":"media/player","a":"arunachalam","u":65,"pl":"https://cdn.21st.dev/arunachalam0606/thumbnail-button-video-player/default/preview.1750151231033.png","pc":"arunachalam","tg":["modal","video"]},{"id":"21st:arunachalam__toast","t":"Toast","d":"The Toaster component is a customizable toast notification system built on top of the Sonner library. It provides a flexible, animated UI for in-app alerts, designed to match moder","s":"21st","c":"overlays/toast","a":"arunachalam","u":488,"pl":"https://cdn.21st.dev/arunachalam0606/toast/default/preview.1751628827223.png","pc":"arunachalam","tg":["alert","menu","notification","toast"]},{"id":"21st:arunachalam__vertical-theme-wipe-toggle","t":"Vertical theme wipe toggle","d":"VerticalThemeWipeToggle — Top/Bottom Reveal Animated Theme Switch\n\nA modern React theme toggle button offering a visually dramatic full-page transition using the View Transitions A","s":"21st","c":"actions/switch","a":"arunachalam","u":24,"pl":"https://cdn.21st.dev/arunachalam0606/vertical-theme-wipe-toggle/default/preview.1759294720055.png","pc":"arunachalam","tg":["toggle"],"sb":"Theme toggles"},{"id":"21st:arunjdass__ai-agent-processing-states","t":"Ai agent processing states","d":"A minimalistic suite of 4 sleek, dark-mode AI processing animations. Built with Tailwind CSS for shadcn/ui ecosystems. Perfect for Generative UI cards, LLM streaming states, and MC","s":"21st","c":"ai-agent/ai-agent","a":"arunjdass","st":"rated","u":15,"pl":"https://cdn.21st.dev/arunjdass/ai-agent-processing-states/default/preview.1781810154303.png","pc":"arunjdass","tg":["spinner"],"sc":22},{"id":"21st:arunjdass__ai-planning","t":"Ai planning","d":"AI Planning Workflow","s":"21st","c":"ai-agent","a":"arunjdass","pl":"https://cdn.21st.dev/arunjdass/ai-planning/default/preview.1781748205552.png","pc":"arunjdass","tg":["accordion","ai-chat","steps"],"sb":"Reasoning and tools"},{"id":"21st:arunjdass__ai-prompt-input-box","t":"Ai prompt input box","d":"AI Prompt Input Box","s":"21st","c":"ai-agent/composer","a":"arunjdass","pl":"https://cdn.21st.dev/arunjdass/ai-prompt-input-box/default/preview.1781750631454.png","pc":"arunjdass"},{"id":"21st:arunjdass__dashboard-sidebar","t":"Dashboard sidebar","d":"A premium, dual-theme dashboard & sidebar shell featuring the Charcoal Ink (dark) and Alabaster (light) architectural palettes. Includes collapsible multi-tiered navigation, worksp","s":"21st","c":"navigation/sidebar","a":"arunjdass","u":66,"pl":"https://cdn.21st.dev/arunjdass/dashboard-sidebar/default/preview.1781812420625.png","pc":"arunjdass","tg":["dashboard","navigation-menu","sidebar"]},{"id":"21st:arunjdass__file-upload","t":"File upload","d":"File Upload Design","s":"21st","c":"inputs/file-upload","a":"arunjdass","u":13,"pl":"https://cdn.21st.dev/arunjdass/file-upload/default/preview.1781744239687.png","pc":"arunjdass","tg":["upload-download"]},{"id":"21st:arunjdass__focus-hero","t":"Focus hero","d":"A hyper-responsive, physics-based vector field that guides user attention to a central glassmorphic card.","k":"section","s":"21st","c":"marketing/hero","a":"arunjdass","u":54,"pl":"https://cdn.21st.dev/arunjdass/focus-hero/default/preview.1782151566139.png","pc":"arunjdass"},{"id":"21st:arunjdass__hero-card-retro-grid-shader","t":"Hero card retro grid shader","d":"A premium, responsive landing page hero card featuring an animated, low-saturation pixel mesh grid shader. Perfect as a high-converting main banner for AI platforms, developer tool","k":"section","s":"21st","c":"marketing/hero","a":"arunjdass","pl":"https://cdn.21st.dev/arunjdass/hero-card-retro-grid-shader/default/preview.1781815385674.png","pc":"arunjdass","sb":"Animated background"},{"id":"21st:arunjdass__kanban-board","t":"Kanban board","d":"A fully interactive, multi-column Kanban board featuring native HTML5 drag and drop, inline task creation, rich card metadata, and a clean minimalist aesthetic.","s":"21st","c":"data-display/kanban","a":"arunjdass","pl":"https://cdn.21st.dev/arunjdass/kanban-board/default/preview.1786155537489-fdbdf67f-39f0-477c-810e-aefc0c97b9e3.png","pc":"arunjdass"},{"id":"21st:arunjdass__mac-os-fluid-floating-dock","t":"Mac os fluid floating dock","d":"A premium macOS-style floating dock featuring smooth fluid magnification and physics-based scaling animations on hover. Includes elegant tooltip micro-labels and custom icon contai","s":"21st","c":"navigation/dock","a":"arunjdass","pl":"https://cdn.21st.dev/arunjdass/mac-os-fluid-floating-dock/default/preview.1781817136007.png","pc":"arunjdass"},{"id":"21st:arunjdass__neomorphism-metric-card","t":"Neomorphism metric card","d":"A stunning Neomorphism style metric card featuring soft dynamic shadows, positive/negative trend indicators, and premium Framer Motion hover animations.","s":"21st","c":"data-display/stat","a":"arunjdass","pl":"https://cdn.21st.dev/arunjdass/neomorphism-metric-card/default/preview.1786155093970-d53ca664-678b-4dfe-885f-bf3f2963921b.png","pc":"arunjdass"},{"id":"21st:aryankumar06__aryan","t":"Aryan","s":"21st","c":"other","a":"aryankumar06","pl":"https://cdn.21st.dev/aryankumar06/aryan/default/preview.1770492791051.png","pc":"aryankumar06"},{"id":"21st:aryankumar06__job-application-tracker-notion-style","t":"Job application tracker notion style","d":"A fully interactive job application tracker with a Kanban-style pipeline (To Apply → Applied → Offer), drag-and-drop card management, sortable/filterable list view, action items ch","s":"21st","c":"inputs/file-upload","a":"aryankumar06","pl":"https://cdn.21st.dev/aryankumar06/job-application-tracker-notion-style/default/preview.1771837331824.png","pc":"aryankumar06"},{"id":"21st:asanshay__chat-reasoning","t":"Chat reasoning","d":"A collapsible reasoning panel for AI chat that shows a model's step-by-step thinking and tool calls, ready for the Vercel AI SDK useChat().","s":"21st","c":"ai-agent/ai-agent","a":"asanshay","pl":"https://cdn.21st.dev/asanshay/chat-reasoning/default/preview.1784309213191-d1db94c2-b5c9-4a24-96a1-7f2e6e821c14.png","pc":"asanshay","tg":["ai-chat"],"sb":"Chat"},{"id":"21st:asanshay__chat-tool","t":"Chat tool","d":"A chat component that displays an AI tool call, its input and output, inside a collapsible accordion.","s":"21st","c":"ai-agent/ai-agent","a":"asanshay","pl":"https://cdn.21st.dev/asanshay/chat-tool/default/preview.1784308624189-5ad37b23-7e71-4f9d-a315-f09de87131c9.png","pc":"asanshay","tg":["accordion","ai-chat"],"sb":"Chat"},{"id":"21st:asanshay__motion-blur-text","t":"Motion blur text","d":"Animated text effect that renders a directional motion blur using layered text shadows.","k":"motion","s":"21st","c":"motion/text-effect","a":"asanshay","pl":"https://cdn.21st.dev/asanshay/motion-blur-text/default/preview.1783715197717.png","pc":"asanshay","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:asanshay__page-header","t":"Page header","d":"A page header with a large title, optional description, and a slot for actions to keep page layouts consistent.","s":"21st","c":"navigation/top-nav","a":"asanshay","pl":"https://cdn.21st.dev/asanshay/page-header/default/preview.1784406001216-ff2df8b0-d7d3-4c0a-8ede-793720ccc1f2.png","pc":"asanshay"},{"id":"21st:asanshay__reveal","t":"Reveal","d":"A wrapper that fades and un-blurs its content into view when it scrolls onscreen, with optional staggered delay.","s":"21st","c":"inputs/slider","a":"asanshay","u":18,"pl":"https://cdn.21st.dev/asanshay/reveal/default/preview.1783714991545.png","pc":"asanshay"},{"id":"21st:ashish.indora__red-in-black","t":"Red in black","d":"Animated WebGL shader background in the Flow field style, generated by the 21st.dev Shader Builder. 4-color palette (#02010A, #04052E, #3D2C8D, #916BBF). Features: cursor-reactive ","k":"motion","s":"21st","c":"motion/shader","a":"ashish.indora","pl":"https://cdn.21st.dev/ashish.indora/red-in-black/default/preview.1784632592590-5d184727-75b7-410e-b249-1b5e19999609.webp","pc":"ashish.indora","tg":["background"],"sb":"Flow field"},{"id":"21st:ashishrajwaniai01__3d-animated-stars-background","t":"3d animated stars background","d":"a beautiful mouse react background.","k":"motion","s":"21st","c":"motion/background","a":"ashishrajwaniai01","pl":"https://cdn.21st.dev/ashishrajwaniai01/3d-animated-stars-background/default/preview.1766358607935.png","pc":"ashishrajwaniai01","sb":"Particles and stars"},{"id":"21st:ashishrajwaniai01__3d-ocean-infinite","t":"3d ocean infinite","d":"relaxing 2d tropical ocean","s":"21st","c":"motion/tilt-3d","a":"ashishrajwaniai01","pl":"https://cdn.21st.dev/ashishrajwaniai01/3d-ocean-infinite/default/preview.1766743560926.png","pc":"ashishrajwaniai01"},{"id":"21st:ashishrajwaniai01__animated-pattern-cloud","t":"Animated pattern cloud","d":"wavy pattern cloud","s":"21st","c":"motion/background","a":"ashishrajwaniai01","u":116,"pl":"https://cdn.21st.dev/ashishrajwaniai01/animated-pattern-cloud/default/preview.1767941151171.png","pc":"ashishrajwaniai01"},{"id":"21st:ashishrajwaniai01__asmr-background","t":"Asmr background","d":"a beautiful asmr mouse hover react bg","k":"motion","s":"21st","c":"motion/background","a":"ashishrajwaniai01","u":82,"pl":"https://cdn.21st.dev/ashishrajwaniai01/asmr-background/default/preview.1766251589260.png","pc":"ashishrajwaniai01","tg":["background"]},{"id":"21st:ashishrajwaniai01__asmr-backgroung-with-mouse-hover-effect","t":"Asmr backgroung with mouse hover effect","d":"a satisfying background","k":"motion","s":"21st","c":"motion/background","a":"ashishrajwaniai01","pl":"https://cdn.21st.dev/ashishrajwaniai01/asmr-backgroung-with-mouse-hover-effect/default/preview.1766606844320.png","pc":"ashishrajwaniai01"},{"id":"21st:ashishrajwaniai01__balloons-pop-background","t":"Balloons pop background","d":"pop balloons when mouse hover","k":"motion","s":"21st","c":"motion/background","a":"ashishrajwaniai01","u":43,"pl":"https://cdn.21st.dev/ashishrajwaniai01/balloons-pop-background/default/preview.1767945468247.png","pc":"ashishrajwaniai01","tg":["background"]},{"id":"21st:ashishrajwaniai01__botanical-background","t":"Botanical background","d":"Botanical background mouse hover  effects","k":"motion","s":"21st","c":"motion/background","a":"ashishrajwaniai01","pl":"https://cdn.21st.dev/ashishrajwaniai01/botanical-background/default/preview.1767943209901.png","pc":"ashishrajwaniai01"},{"id":"21st:ashishrajwaniai01__futuristic-login-form","t":"Futuristic login form","d":"a beautiful future login form","s":"21st","c":"flows/sign-in","a":"ashishrajwaniai01","pl":"https://cdn.21st.dev/ashishrajwaniai01/futuristic-login-form/default/preview.1766188393271.png","pc":"ashishrajwaniai01","sb":"Sign in"},{"id":"21st:ashishrajwaniai01__hero-section","t":"Hero section","d":"a brustalist hero section","k":"section","s":"21st","c":"marketing/hero","a":"ashishrajwaniai01","pl":"https://cdn.21st.dev/ashishrajwaniai01/hero-section/default/preview.1766247252044.png","pc":"ashishrajwaniai01"},{"id":"21st:ashishrajwaniai01__matrix-background","t":"Matrix background","d":"animated matrix","k":"motion","s":"21st","c":"motion/background","a":"ashishrajwaniai01","pl":"https://cdn.21st.dev/ashishrajwaniai01/matrix-background/default/preview.1768565489074.png","pc":"ashishrajwaniai01"},{"id":"21st:ashishrajwaniai01__profile-card","t":"Profile card","d":"a sleek modern profile card","s":"21st","c":"data-display/profile","a":"ashishrajwaniai01","pl":"https://cdn.21st.dev/ashishrajwaniai01/profile-card/default/preview.1766187082075.png","pc":"ashishrajwaniai01"},{"id":"21st:ashishrajwaniai01__realistic-fire","t":"Realistic fire","d":"webgl realistic fire with mouse hover effects","s":"21st","c":"data-display/list","a":"ashishrajwaniai01","pl":"https://cdn.21st.dev/ashishrajwaniai01/realistic-fire/default/preview.1767942045661.png","pc":"ashishrajwaniai01"},{"id":"21st:ashishrajwaniai01__realistic-fog-background","t":"Realistic fog background","d":"3D Fog, realistic looking, webGL","k":"motion","s":"21st","c":"motion/background","a":"ashishrajwaniai01","pl":"https://cdn.21st.dev/ashishrajwaniai01/realistic-fog-background/default/preview.1767940768598.png","pc":"ashishrajwaniai01"},{"id":"21st:ashishrajwaniai01__relaxing-navbar","t":"Relaxing navbar","d":"relaxing navbar with light and dark mode","s":"21st","c":"navigation/top-nav","a":"ashishrajwaniai01","pl":"https://cdn.21st.dev/ashishrajwaniai01/relaxing-navbar/default/preview.1766430182261.png","pc":"ashishrajwaniai01","sb":"Mega menus"},{"id":"21st:ashishrajwaniai01__sleek-text-input","t":"Sleek text input","d":"text input","s":"21st","c":"inputs/form-field","a":"ashishrajwaniai01","pl":"https://cdn.21st.dev/ashishrajwaniai01/sleek-text-input/default/preview.1767950698486.png","pc":"ashishrajwaniai01"},{"id":"21st:ashishrajwaniai01__tab-pages","t":"Tab pages","d":"sleek tabbed pages","s":"21st","c":"navigation/tabs","a":"ashishrajwaniai01","pl":"https://cdn.21st.dev/ashishrajwaniai01/tab-pages/default/preview.1767951466535.png","pc":"ashishrajwaniai01"},{"id":"21st:ashwarya19__magnetic-cursor-button-attraction-effect","t":"Magnetic cursor button attraction effect","d":"A premium magnetic cursor button with attraction effect that pulls toward the pointer, featuring spotlight glow, smooth motion, and full light/dark mode support. Designed to increa","s":"21st","c":"actions/button","a":"ashwarya19","pl":"https://cdn.21st.dev/ashwarya19/magnetic-cursor-button-attraction-effect/default/preview.1776038753386.png","pc":"ashwarya19","sb":"Animated"},{"id":"21st:ashwarya19__magnifying-glass-text-lens","t":"Magnifying glass text lens","d":"A smooth magnifying glass hover effect for text and UI content. This React component creates a polished zoom lens that follows the cursor, floats beyond the container, and adds a r","k":"motion","s":"21st","c":"motion/text-effect","a":"ashwarya19","pl":"https://cdn.21st.dev/ashwarya19/magnifying-glass-text-lens/default/preview.1776037567986.png","pc":"ashwarya19"},{"id":"21st:askgui__phyrs","t":"Phyrs","d":"Animated (wave) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, an","k":"motion","s":"21st","c":"motion/ascii","a":"askgui","pl":"https://cdn.21st.dev/askgui/phyrs/default/preview.1786294212387-f80b5229-492d-4611-9970-38b1507e95b9.webp","pc":"askgui","sb":"Dither"},{"id":"21st:asteghlalj__ascii","t":"Ascii","d":"Animated (flicker) ASCII art in the Contour style, made with the 21st ASCII editor and baked to a looping video. Styled with a crt, neon look. A drop-in, zero-dependency React comp","k":"motion","s":"21st","c":"motion/ascii","a":"asteghlalj","pl":"https://cdn.21st.dev/asteghlalj/ascii/default/preview.1785948652413-5f4600c0-a51d-4135-afdd-b64a8fa79d21.webp","pc":"asteghlalj","sb":"Contour"},{"id":"21st:audriusnek__icey-night-shards","t":"Icey night shards","d":"Animated WebGL shader background in the Plasma style, generated by the 21st.dev Shader Builder. 4-color palette (#160B0B, #C2402A, #F49D37, #FFE8C2). Features: film grain. A drop-i","k":"motion","s":"21st","c":"motion/shader","a":"audriusnek","pl":"https://cdn.21st.dev/audriusnek/icey-night-shards/default/preview.1783790205846.webp","pc":"audriusnek","sb":"Plasma"},{"id":"21st:aumbhusal__mt","t":"Mt","d":"Animated (pulse) ASCII art in the Half Blocks style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, car","k":"motion","s":"21st","c":"motion/ascii","a":"aumbhusal","pl":"https://cdn.21st.dev/aumbhusal/mt/default/preview.1786519251519-4e640fdd-b531-473d-a2fb-52a20ce66622.webp","pc":"aumbhusal"},{"id":"21st:avanishverma4__3d-button","t":"3d button","d":"A comprehensive showcase of the reusable Button component with multiple variants, sizes, and interactive states. Fully responsive and accessible.","s":"21st","c":"actions/button","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/3d-button/default/preview.1755104280533.png","pc":"avanishverma4","sb":"Animated"},{"id":"21st:avanishverma4__3d-folder","t":"3d folder","d":"A reusable 3D Folder component","s":"21st","c":"data-display/tree","a":"avanishverma4","u":163,"pl":"https://cdn.21st.dev/avanishverma4/3d-folder/default/preview.1767174252224.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__3d-gallery","t":"3d gallery","d":"A reusable component for 3D gallery","s":"21st","c":"media/gallery","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/3d-gallery/default/preview.1762341322568.png","pc":"avanishverma4","sb":"Hover effects"},{"id":"21st:avanishverma4__3d-tilt-card","t":"3d tilt card","d":"A reusable component for 3d tilt card","s":"21st","c":"data-display/card","a":"avanishverma4","u":14,"pl":"https://cdn.21st.dev/avanishverma4/3d-tilt-card/default/preview.1759470194938.png","pc":"avanishverma4","tg":["card"],"sb":"Animated and glowing"},{"id":"21st:avanishverma4__accordion","t":"Accordion","d":"A reusable accordion component","s":"21st","c":"data-display/accordion","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/accordion/default/preview.1757402433282.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__accordion-1","t":"Accordion 1","d":"A reusable and responsive accordion component","s":"21st","c":"data-display/accordion","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/accordion-1/default/preview.1758953677031.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__accordion-2","t":"Accordion 2","d":"A reusable and responsive accordion template","s":"21st","c":"data-display/accordion","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/accordion-2/default/preview.1759213802040.png","pc":"avanishverma4","tg":["accordion","faq"],"sb":"FAQ"},{"id":"21st:avanishverma4__ai-search","t":"Ai search","d":"A reusable component for the Search bar ","s":"21st","c":"ai-agent/ai-agent","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/ai-search/default/preview.1761996709383.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__alert","t":"Alert","d":"A reusable and responsive alert component","s":"21st","c":"overlays/alert-banner","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/alert/default/preview.1757316465249.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__animated-background","t":"Animated background","d":"Reusable animated bg component","k":"motion","s":"21st","c":"motion/background","a":"avanishverma4","u":68,"pl":"https://cdn.21st.dev/avanishverma4/animated-background/default/preview.1756651363163.png","pc":"avanishverma4","tg":["background"]},{"id":"21st:avanishverma4__animated-beam","t":"Animated beam","d":"A reusable component for an animated beam background","k":"motion","s":"21st","c":"motion/background","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/animated-beam/default/preview.1770213844117.png","pc":"avanishverma4","sb":"Beams and light"},{"id":"21st:avanishverma4__animated-border","t":"Animated border","d":"A reusable border component for button","k":"motion","s":"21st","c":"motion/border","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/animated-border/default/preview.1757606072123.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__animated-card","t":"Animated card","d":"A reusable component for animated profile card","s":"21st","c":"data-display/card","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/animated-card/default/preview.1768494866325.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__animated-card-01","t":"Animated card 01","d":"A reusable component for the animated card with background animation and dark/light mode theme toggle.","s":"21st","c":"data-display/card","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/animated-card-01/default/preview.1770018117335.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__animated-dropdown","t":"Animated dropdown","d":"A reusable animated dropdown component","s":"21st","c":"navigation/menu","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/animated-dropdown/default/preview.1757176875135.png","pc":"avanishverma4","sb":"Dropdowns"},{"id":"21st:avanishverma4__animated-grid-background-01","t":"Animated grid background 01","d":"A reusable component for animated grid background","k":"motion","s":"21st","c":"motion/background","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/animated-grid-background-01/default/preview.1770134000010.png","pc":"avanishverma4","sb":"Grids and patterns"},{"id":"21st:avanishverma4__animated-grid-hover","t":"Animated grid hover","d":"A reusable component for background animation for grid hovering","s":"21st","c":"layout/bento-grid","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/animated-grid-hover/default/preview.1761895239735.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__animated-hero-05","t":"Animated hero 05","d":"A reusable and responsive component for hero","k":"section","s":"21st","c":"marketing/hero","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/animated-hero-05/default/preview.1764655112783.png","pc":"avanishverma4","sb":"Animated background"},{"id":"21st:avanishverma4__animated-loader-1","t":"Animated loader 1","d":"A reusable component for animated loader","s":"21st","c":"status/loader","a":"avanishverma4","u":44,"pl":"https://cdn.21st.dev/avanishverma4/animated-loader-1/default/preview.1759993229770.png","pc":"avanishverma4","tg":["grid","spinner","toggle"],"sb":"Spinners"},{"id":"21st:avanishverma4__animated-modal-1","t":"Animated modal 1","d":"A reusable component for Animated modal","s":"21st","c":"overlays/dialog","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/animated-modal-1/default/preview.1771604979653.png","pc":"avanishverma4","sb":"Animated"},{"id":"21st:avanishverma4__animation-presence-mode","t":"Animation presence mode","d":"A reusable component for animation switch","s":"21st","c":"status/status-dot","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/animation-presence-mode/default/preview.1758809339474.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__avatar","t":"Avatar","d":"A reusable avatar component","s":"21st","c":"data-display/avatar","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/avatar/default/preview.1758897315099.png","pc":"avanishverma4","tg":["avatar","card","team"]},{"id":"21st:avanishverma4__bento-grid-01","t":"Bento grid 01","d":"A reusable and responsive bento grid layout with animation","k":"layout","s":"21st","c":"layout/bento-grid","a":"avanishverma4","u":272,"pl":"https://cdn.21st.dev/avanishverma4/bento-grid-01/default/preview.1765189800459.png","pc":"avanishverma4","tg":["features","grid"]},{"id":"21st:avanishverma4__blog-page","t":"Blog page","d":"A reusable component for the blog page","k":"section","s":"21st","c":"marketing/marketing","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/blog-page/default/preview.1770794805295.png","pc":"avanishverma4","sb":"Blog and posts"},{"id":"21st:avanishverma4__breadcrumb","t":"Breadcrumb","d":"A reusable breadcrumb component","s":"21st","c":"navigation/breadcrumb","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/breadcrumb/default/preview.1756721371019.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__button","t":"Button","d":"A reusable component for button","s":"21st","c":"actions/button","a":"avanishverma4","u":30,"pl":"https://cdn.21st.dev/avanishverma4/button/default/preview.1758259115024.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__calendar","t":"Calendar","d":"A reusable component for calendar","s":"21st","c":"data-display/calendar","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/calendar/default/preview.1760797777120.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__calendar-01","t":"Calendar 01","d":"A reusable component for the calendar","s":"21st","c":"data-display/calendar","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/calendar-01/default/preview.1761288284919.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__calendar-04","t":"Calendar 04","d":"A reusable calendar component for creating events","s":"21st","c":"data-display/calendar","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/calendar-04/default/preview.1762502823292.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__call-to-action-v1","t":"Call to action v1","d":"A reusable CTA component","k":"section","s":"21st","c":"marketing/cta","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/call-to-action-v1/default/preview.1766568856199.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__carousel-v2","t":"Carousel v2","d":"A reusable component for carousel scrolling","s":"21st","c":"media/carousel","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/carousel-v2/default/preview.1769508652079.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__charecter-counter","t":"Charecter counter","d":"A reusable charecter counter component","k":"motion","s":"21st","c":"motion/number-ticker","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/charecter-counter/default/preview.1757835458388.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__checkbox-01","t":"Checkbox 01","d":"A reusable component for the checkboxes","s":"21st","c":"inputs/checkbox","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/checkbox-01/default/preview.1762957377865.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__checkbox-02","t":"Checkbox 02","d":"A reusable component for a checkbox","s":"21st","c":"inputs/checkbox","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/checkbox-02/default/preview.1763964008857.png","pc":"avanishverma4","tg":["checkbox","list"]},{"id":"21st:avanishverma4__checkbox-v2","t":"Checkbox v2","d":"A reusable and Animated checkbox","s":"21st","c":"inputs/checkbox","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/checkbox-v2/default/preview.1766065854492.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__clip-path-link","t":"Clip path link","d":"A reusable component for clip-path links","s":"21st","c":"actions/link","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/clip-path-link/default/preview.1762095752087.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__combo-box","t":"Combo box","d":"A reusable component for combo-box dropdown","s":"21st","c":"inputs/combobox","a":"avanishverma4","u":38,"pl":"https://cdn.21st.dev/avanishverma4/combo-box/default/preview.1757610248903.png","pc":"avanishverma4","tg":["dropdown","search","select"]},{"id":"21st:avanishverma4__copy-to-clipboard","t":"Copy to clipboard","d":"A copy to clipboard component","s":"21st","c":"actions/copy-button","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/copy-to-clipboard/default/preview.1764683802333.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__countdown","t":"Countdown","d":"A reusable component for countdown","k":"motion","s":"21st","c":"motion/number-ticker","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/countdown/default/preview.1759219594562.png","pc":"avanishverma4","tg":["number"]},{"id":"21st:avanishverma4__create-account","t":"Create account","d":"A reusable component to create account","s":"21st","c":"motion/number-ticker","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/create-account/default/preview.1764583234172.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__creative-hero","t":"Creative hero","d":"A reusable and responsive hero section","k":"section","s":"21st","c":"marketing/hero","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/creative-hero/default/preview.1759413499684.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__credit-card","t":"Credit card","d":"A reusable and fully functional credit and debit card component","s":"21st","c":"data-display/card","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/credit-card/default/preview.1758374781836.png","pc":"avanishverma4","sb":"Payment"},{"id":"21st:avanishverma4__date-picker","t":"Date picker","d":"A reusable component for the date picker","s":"21st","c":"inputs/date-picker","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/date-picker/default/preview.1760879677718.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__dropdown-01","t":"Dropdown 01","d":"A reusable component for dropdown","s":"21st","c":"navigation/menu","a":"avanishverma4","u":49,"pl":"https://cdn.21st.dev/avanishverma4/dropdown-01/default/preview.1762004567193.png","pc":"avanishverma4","tg":["dropdown","grid","select"],"sb":"Dropdowns"},{"id":"21st:avanishverma4__error-404","t":"Error 404","d":"A reusable component of error 404 page","k":"page","s":"21st","c":"pages/templates","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/error-404/default/preview.1757339523955.png","pc":"avanishverma4","sb":"Error and status pages"},{"id":"21st:avanishverma4__error-404-01","t":"Error 404 01","d":"A reusable component for Not found page","k":"page","s":"21st","c":"pages/templates","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/error-404-01/default/preview.1762843528589.png","pc":"avanishverma4","sb":"Error and status pages"},{"id":"21st:avanishverma4__feature-section-v3","t":"Feature section v3","d":"A reusable and responsive component for the Feature section","k":"section","s":"21st","c":"marketing/features","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/feature-section-v3/default/preview.1766731182727.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__feature-shader-v2","t":"Feature shader v2","d":"A reusable feature section with shader animation","k":"section","s":"21st","c":"marketing/features","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/feature-shader-v2/default/preview.1766130476220.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__feedback","t":"Feedback","d":"A reusable component for feedback","s":"21st","c":"data-display/timeline","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/feedback/default/preview.1762416430501.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__flip-card-02","t":"Flip card 02","d":"A reusable component for a Flip card with a hover animation, which can be used for team introduction.","s":"21st","c":"data-display/card","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/flip-card-02/default/preview.1765552175332.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__floating-card","t":"Floating card","d":"A reusable card component","s":"21st","c":"data-display/card","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/floating-card/default/preview.1756881383574.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__fluid-dropdown","t":"Fluid dropdown","d":"A reusable component for fluid dropdown","s":"21st","c":"navigation/menu","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/fluid-dropdown/default/preview.1764773973226.png","pc":"avanishverma4","sb":"Dropdowns"},{"id":"21st:avanishverma4__futuristic-ticket-hub","t":"Futuristic ticket hub","d":"A reusable ticket system that can be used anywhere.","s":"21st","c":"other","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/futuristic-ticket-hub/default/preview.1766759537179.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__glowing-border-effect","t":"Glowing border effect","d":"The component can be reused to create a glowing and moving border effect when hovering. Also added some micro-interactions to make it look good.","k":"motion","s":"21st","c":"motion/border","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/glowing-border-effect/default/preview.1770788818000.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__gradient-button","t":"Gradient button","d":"A reusable component with a button gradient using animation","s":"21st","c":"actions/button","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/gradient-button/default/preview.1766478905238.png","pc":"avanishverma4","sb":"Animated"},{"id":"21st:avanishverma4__gradient-generator","t":"Gradient generator","d":"A reusable gradient generator with modern design","k":"motion","s":"21st","c":"motion/gradient","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/gradient-generator/default/preview.1764425626891.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__hero-01","t":"Hero 01","d":"A reusable and responsive hero component","k":"section","s":"21st","c":"marketing/hero","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/hero-01/default/preview.1760075512410.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__hero-03","t":"Hero 03","d":"A reusable and responsive component for a hero section with an animated header and animated icons","k":"section","s":"21st","c":"marketing/hero","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/hero-03/default/preview.1762147197168.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__hero-04","t":"Hero 04","d":"A reusable component for hero block","k":"section","s":"21st","c":"marketing/hero","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/hero-04/default/preview.1763391551103.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__hero-section","t":"Hero section","d":"A reusable component for hero section","k":"section","s":"21st","c":"marketing/hero","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/hero-section/default/preview.1760595626531.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__hero-with-bg","t":"Hero with bg","d":"A reusable component for hero section with background for agencies","k":"section","s":"21st","c":"marketing/hero","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/hero-with-bg/default/preview.1764684851090.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__hero-with-video-in-background","t":"Hero with video in background","d":"A reusable hero block with video in background","k":"motion","s":"21st","c":"motion/background","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/hero-with-video-in-background/default/preview.1766386177892.png","pc":"avanishverma4","sb":"Image and video"},{"id":"21st:avanishverma4__hover-image-preview","t":"Hover image preview","d":"A reusable component for hover image preview","s":"21st","c":"media/gallery","a":"avanishverma4","u":22,"pl":"https://cdn.21st.dev/avanishverma4/hover-image-preview/default/preview.1764255088859.png","pc":"avanishverma4","sb":"Hover effects"},{"id":"21st:avanishverma4__i-os-slider","t":"I os slider","d":"A  reusable component for Sliders for both horizontal and vertical, with smooth animation","s":"21st","c":"inputs/slider","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/i-os-slider/default/preview.1762231716336.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__image-slider-v2","t":"Image slider v2","d":"A reusable component for image slider","s":"21st","c":"inputs/slider","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/image-slider-v2/default/preview.1769144700878.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__infinite-grid-integration","t":"Infinite grid integration","d":"A reusable component for grid integration animation.","k":"section","s":"21st","c":"marketing/logos","a":"avanishverma4","u":212,"pl":"https://cdn.21st.dev/avanishverma4/infinite-grid-integration/default/preview.1785451733718-42ac888b-554c-4a9f-af07-5ea272a36ef0.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__interactive-background","t":"Interactive background","d":"A reusable component for the interactive background with neon colors.","k":"motion","s":"21st","c":"motion/background","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/interactive-background/default/preview.1768547591029.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__interactive-book-simulator","t":"Interactive book simulator","d":"A reusable component for a book flipping pages with the mouse movement.","s":"21st","c":"motion/tilt-3d","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/interactive-book-simulator/default/preview.1766555834552.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__interactive-hover-component","t":"Interactive hover component","d":"A reusable component for button hover","s":"21st","c":"actions/button","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/interactive-hover-component/default/preview.1769146718858.png","pc":"avanishverma4","sb":"Animated"},{"id":"21st:avanishverma4__inverted-cursor","t":"Inverted cursor","d":"A reusable component for inverted cursor","k":"motion","s":"21st","c":"motion/cursor","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/inverted-cursor/default/preview.1762489921474.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__invitation","t":"Invitation","d":"A reusable and responsive component for Invitation","s":"21st","c":"other","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/invitation/default/preview.1758865186455.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__kanban-draggable-cards-board","t":"Kanban draggable cards board","d":"A reusable component for Kanban task board","s":"21st","c":"data-display/kanban","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/kanban-draggable-cards-board/default/preview.1765726209939.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__loader-01","t":"Loader 01","d":"A reusable component for text loaders","s":"21st","c":"status/loader","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/loader-01/default/preview.1760282399296.png","pc":"avanishverma4","sb":"Spinners"},{"id":"21st:avanishverma4__login","t":"Login","d":"A reusable login component","s":"21st","c":"flows/sign-in","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/login/default/preview.1756805642676.png","pc":"avanishverma4","sb":"Sign in"},{"id":"21st:avanishverma4__masked-text-and-image","t":"Masked text and image","d":"A reusable and responsive component for Image Masked Text, where you can customise every detail","s":"21st","c":"media/gallery","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/masked-text-and-image/default/preview.1763368020024.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__matrix-rain","t":"Matrix rain","d":"A cool effect of matrix with Japanese characters","k":"motion","s":"21st","c":"motion/ascii","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/matrix-rain/default/preview.1769672057284.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__modern-navigation","t":"Modern navigation","d":"A non-responsive Navbar component","s":"21st","c":"navigation/top-nav","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/modern-navigation/default/preview.1759915461397.png","pc":"avanishverma4","sb":"Mega menus"},{"id":"21st:avanishverma4__mouse-hover-text","t":"Mouse hover text","d":"A reusable component for Mouse Hover Text","k":"motion","s":"21st","c":"motion/text-effect","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/mouse-hover-text/default/preview.1757149030102.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__pagination","t":"Pagination","d":"A reusable component for pagination","s":"21st","c":"navigation/pagination","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/pagination/default/preview.1764912919359.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__parallax-scroll","t":"Parallax scroll","d":"A reusable and responsive component for Parallax scrolling","k":"layout","s":"21st","c":"layout/scroll-area","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/parallax-scroll/default/preview.1762235588723.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__parallax-scrolling-01","t":"Parallax scrolling 01","d":"A reusable component for parallax scrolling","k":"layout","s":"21st","c":"layout/scroll-area","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/parallax-scrolling-01/default/preview.1762927900851.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__parallax-text-scroll","t":"Parallax text scroll","d":"A reusable component for parallax text scroll","k":"layout","s":"21st","c":"layout/scroll-area","a":"avanishverma4","u":14,"pl":"https://cdn.21st.dev/avanishverma4/parallax-text-scroll/default/preview.1758711254852.png","pc":"avanishverma4","tg":["marquee"]},{"id":"21st:avanishverma4__particle-animation-01","t":"Particle animation 01","d":"A reusable component for the background animation","k":"motion","s":"21st","c":"motion/background","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/particle-animation-01/default/preview.1770044581181.png","pc":"avanishverma4","sb":"Particles and stars"},{"id":"21st:avanishverma4__particle-effect-for-hero","t":"Particle effect for hero","d":"A reusable and responsive hero section with a background particle effect on hovering","k":"section","s":"21st","c":"marketing/hero","a":"avanishverma4","u":242,"pl":"https://cdn.21st.dev/avanishverma4/particle-effect-for-hero/default/preview.1765266057134.png","pc":"avanishverma4","tg":["hero"],"sb":"Animated background"},{"id":"21st:avanishverma4__pixel-hover-effect","t":"Pixel hover effect","d":"A reusable component for hover effect in buttons","s":"21st","c":"actions/button","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/pixel-hover-effect/default/preview.1761887488733.png","pc":"avanishverma4","sb":"Animated"},{"id":"21st:avanishverma4__premium-feedback-form","t":"Premium feedback form","d":"An emoji-based feedback form","s":"21st","c":"inputs/form-field","a":"avanishverma4","st":"rated","pl":"https://cdn.21st.dev/avanishverma4/premium-feedback-form/default/preview.1769665200483.png","pc":"avanishverma4","sc":20,"sb":"Whole forms"},{"id":"21st:avanishverma4__pricing-plans","t":"Pricing plans","d":"A reusable and responsive Pricing plan block","k":"section","s":"21st","c":"marketing/pricing","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/pricing-plans/default/preview.1762429235497.png","pc":"avanishverma4","sb":"Plan cards"},{"id":"21st:avanishverma4__pricing-v2","t":"Pricing v2","d":"A reusable component for the pricing section","k":"section","s":"21st","c":"marketing/pricing","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/pricing-v2/default/preview.1766241303259.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__radio-button-01","t":"Radio button 01","d":"A reusable component for radio button","s":"21st","c":"actions/button","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/radio-button-01/default/preview.1763735430589.png","pc":"avanishverma4","sb":"Groups and split"},{"id":"21st:avanishverma4__radio-theme-switcher","t":"Radio theme switcher","d":"A reusable component for a radio button, I have used it here for switching the theme.","s":"21st","c":"actions/switch","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/radio-theme-switcher/default/preview.1763015692615.png","pc":"avanishverma4","sb":"Theme toggles"},{"id":"21st:avanishverma4__range-slider","t":"Range slider","d":"A reusable component for slider","s":"21st","c":"inputs/slider","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/range-slider/default/preview.1758779521438.png","pc":"avanishverma4","tg":["slider"]},{"id":"21st:avanishverma4__retro-button","t":"Retro button","d":"A reusable component for 3D retro buttons","s":"21st","c":"actions/button","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/retro-button/default/preview.1765174861451.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__screen-timer-card","t":"Screen timer card","d":"A reusable component for a screen timer","s":"21st","c":"data-display/card","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/screen-timer-card/default/preview.1762612541042.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__scroll-animation","t":"Scroll animation","d":"A reusable component for horizontal scroll animation","k":"layout","s":"21st","c":"layout/scroll-area","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/scroll-animation/default/preview.1765986335084.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__search-interface","t":"Search interface","d":"A reusable search interface component","s":"21st","c":"inputs/search","a":"avanishverma4","u":4,"pl":"https://cdn.21st.dev/avanishverma4/search-interface/default/preview.1758014834303.png","pc":"avanishverma4","tg":["search"]},{"id":"21st:avanishverma4__seo-progress-counter","t":"Seo progress counter","d":"A reusable component for Progress counter","k":"motion","s":"21st","c":"motion/number-ticker","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/seo-progress-counter/default/preview.1764772980445.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__slideshow","t":"Slideshow","d":"A reusable and responsive component for image slider","s":"21st","c":"media/carousel","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/slideshow/default/preview.1761714921801.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__spotlight-card","t":"Spotlight card","d":"A reusable spotlight card component with hover animation","s":"21st","c":"data-display/card","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/spotlight-card/default/preview.1765897184105.png","pc":"avanishverma4","sb":"Animated and glowing"},{"id":"21st:avanishverma4__spring-animation","t":"Spring animation","d":"A reusable component for spring animation","s":"21st","c":"other","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/spring-animation/default/preview.1759762143148.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__strong-password-creator","t":"Strong password creator","d":"A reusable component for a strong password creator","s":"21st","c":"inputs/form-field","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/strong-password-creator/default/preview.1765809546310.png","pc":"avanishverma4","sb":"Password"},{"id":"21st:avanishverma4__svg-chart","t":"Svg chart","d":"A reusable and responsive component for chart","s":"21st","c":"data-viz/chart","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/svg-chart/default/preview.1762076182389.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__table-v1","t":"Table v1","d":"A reusable table component","s":"21st","c":"data-display/table","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/table-v1/default/preview.1767865558396.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__team-members-grid","t":"Team members grid","d":"A reusable and responsive team members grid with tooltip","k":"section","s":"21st","c":"marketing/team","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/team-members-grid/default/preview.1762320638577.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__testimonial-02","t":"Testimonial 02","d":"A reusable component for testimonial","k":"section","s":"21st","c":"marketing/testimonials","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/testimonial-02/default/preview.1764603865178.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__testimonial-section-02","t":"Testimonial section 02","d":"A reusable component fot testimonials","k":"section","s":"21st","c":"marketing/testimonials","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/testimonial-section-02/default/preview.1765349914358.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__testimonial-v2","t":"Testimonial v2","d":"A reusable testimonial component block","k":"section","s":"21st","c":"marketing/testimonials","a":"avanishverma4","u":430,"pl":"https://cdn.21st.dev/avanishverma4/testimonial-v2/default/preview.1766064108485.png","pc":"avanishverma4","tg":["grid","testimonials"]},{"id":"21st:avanishverma4__testimonials-01","t":"Testimonials 01","d":"A reusable component for testimonial with glassmorphic card design for both light and dark mode","k":"section","s":"21st","c":"marketing/testimonials","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/testimonials-01/default/preview.1764340027960.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__text-scramble","t":"Text scramble","d":"A reusable and responsive component for Text scramble effect on hover","k":"motion","s":"21st","c":"motion/text-effect","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/text-scramble/default/preview.1766935934517.png","pc":"avanishverma4","sb":"Scramble and glitch"},{"id":"21st:avanishverma4__text-scroll-animation","t":"Text scroll animation","d":"A simple reusable example for text spring scroll animation in Framer.","k":"motion","s":"21st","c":"motion/text-effect","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/text-scroll-animation/default/preview.1764691766453.png","pc":"avanishverma4","sb":"Reveal and entrance"},{"id":"21st:avanishverma4__text-shimmer","t":"Text shimmer","d":"A reusable component with a text shimmer effect","k":"motion","s":"21st","c":"motion/text-effect","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/text-shimmer/default/preview.1766471138297.png","pc":"avanishverma4","sb":"Gradient and shimmer"},{"id":"21st:avanishverma4__thumbnail-carousel","t":"Thumbnail carousel","d":"A reusable and responsive thumbnail carousel","s":"21st","c":"media/carousel","a":"avanishverma4","u":78,"pl":"https://cdn.21st.dev/avanishverma4/thumbnail-carousel/default/preview.1762753965580.png","pc":"avanishverma4","tg":["carousel","gallery","pagination","slider"]},{"id":"21st:avanishverma4__toast","t":"Toast","d":"A reusable toast components","s":"21st","c":"overlays/toast","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/toast/default/preview.1760764196995.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__toast-01","t":"Toast 01","d":"A reusable component for the toast ","s":"21st","c":"overlays/toast","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/toast-01/default/preview.1761032260778.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__toast-02","t":"Toast 02","d":"A reusable component for toast/snackbar","s":"21st","c":"overlays/toast","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/toast-02/default/preview.1761715882434.png","pc":"avanishverma4"},{"id":"21st:avanishverma4__toggle-theme","t":"Toggle theme","d":"A reusable toggle component","s":"21st","c":"actions/switch","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/toggle-theme/default/preview.1759820242480.png","pc":"avanishverma4","sb":"Theme toggles"},{"id":"21st:avanishverma4__voice-input","t":"Voice input","d":"A reusable component for voice input","s":"21st","c":"ai-agent/ai-agent","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/voice-input/default/preview.1761835139361.png","pc":"avanishverma4","sb":"Voice"},{"id":"21st:avanishverma4__who-s-watching","t":"Who s watching","d":"A reusable and responsive component for a Netflix styled who's watching  profile","s":"21st","c":"data-display/profile","a":"avanishverma4","pl":"https://cdn.21st.dev/avanishverma4/who-s-watching/default/preview.1760509717409.png","pc":"avanishverma4"},{"id":"21st:avansiva4__focuznow-hero","t":"Focuznow hero","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#0B1026, #3D46E8, #B18CFF, #FFD6E7). Features: cursor-reactive (swirl","k":"motion","s":"21st","c":"motion/shader","a":"avansiva4","pl":"https://cdn.21st.dev/avansiva4/focuznow-hero/default/preview.1786232749271-4eb0cf43-c129-42bb-943f-0982baafc330.webp","pc":"avansiva4","sb":"Silk"},{"id":"21st:awp.richardson__locked-matrix","t":"Locked matrix","d":"Animated (flicker) ASCII art in the Matrix style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"awp.richardson","pl":"https://cdn.21st.dev/awp.richardson/locked-matrix/default/preview.1785889223173-7fc69eaf-874b-48ce-b6f9-8b9c962ee8c9.webp","pc":"awp.richardson","sb":"Matrix"},{"id":"21st:axai-kaizoku__animated-theme-toggle","t":"Animated theme toggle","d":"ToggleTheme is an interactive theme switcher for React/Next.js applications that allows users to toggle between light and dark modes. It features a smooth, animated icon transition","s":"21st","c":"actions/switch","a":"axai-kaizoku","u":285,"pl":"https://cdn.21st.dev/axai-kaizoku/animated-theme-toggle/default/preview.1761396395425.png","pc":"axai-kaizoku","tg":["toggle"],"sb":"Theme toggles"},{"id":"21st:axai-kaizoku__use-window-size","t":"Use window size","d":"useWindowSize is a custom React hook that tracks the current dimensions of the browser window (width and height) in real time. It listens for the resize event and updates whenever ","k":"lib","s":"21st","c":"lib/hook","a":"axai-kaizoku","pl":"https://cdn.21st.dev/axai-kaizoku/use-window-size/default/preview.1761378229484.png","pc":"axai-kaizoku"},{"id":"21st:axelwesselgren__plastic-button","t":"Plastic button","d":"A modern looking \"plastic\" button.","s":"21st","c":"actions/button","a":"axelwesselgren","u":73,"pl":"https://cdn.21st.dev/axelwesselgren/plastic-button/default/preview.1749335812699.png","pc":"axelwesselgren"},{"id":"21st:axelwesselgren__sign-up-form","t":"Sign up form","d":"A modern demo/template sign up form.","s":"21st","c":"flows/sign-in","a":"axelwesselgren","u":5,"pl":"https://cdn.21st.dev/axelwesselgren/sign-up-form/default/preview.1748445525846.png","pc":"axelwesselgren","tg":["sign-up"],"sb":"Sign up"},{"id":"21st:axlan.exe__secure-terminal-login","t":"Secure terminal login","d":"A cyberpunk-aesthetic login card with glitch title animation, magnetic button, cursor-tracking input beam highlights, text scramble on hover, and floating particles. Built with Rea","s":"21st","c":"flows/sign-in","a":"axlan.exe","pl":"https://cdn.21st.dev/axlan.exe/secure-terminal-login/default/preview.1773737605034.png","pc":"axlan.exe","sb":"Sign in"},{"id":"21st:axorax__testimonials-1","t":"Testimonials 1","d":"Simple testimonials section with minimal cards","k":"section","s":"21st","c":"marketing/testimonials","a":"axorax","u":97,"pl":"https://cdn.21st.dev/user_2uf173JMsKfToyeH45lFSoeojRd/testimonials-1/default/preview.1746775299788.png","pc":"axorax","tg":["avatar","testimonials"]},{"id":"21st:aymanch-03__authentication-modal","t":"Authentication modal","d":"Responsive Solana wallet authentication modal built on top of @solana/web3.js with shadcn/ui","s":"21st","c":"flows/sign-in","a":"aymanch-03","pl":"https://cdn.21st.dev/aymanch-03/authentication-modal/default/preview.1754163748793.png","pc":"aymanch-03","sb":"Sign in"},{"id":"21st:aymanch-03__blog-posts","t":"Blog posts","d":"A responsive and adaptive grid layout component designed for displaying blog posts or articles in an elegant card format.\nFeatures a hero-style layout with one large primary card a","k":"section","s":"21st","c":"marketing/marketing","a":"aymanch-03","u":117,"pl":"https://cdn.21st.dev/aymanch-03/blog-posts/default/preview.1755469045974.png","pc":"aymanch-03","tg":["grid"],"sb":"Blog and posts"},{"id":"21st:aymanch-03__pricing-card","t":"Pricing card","k":"section","s":"21st","c":"marketing/pricing","a":"aymanch-03","pl":"https://cdn.21st.dev/user_aymanch-03/pricing-card.png","pc":"aymanch-03","sb":"Plan cards"},{"id":"21st:aymanch-03__pricing-section","t":"Pricing section","d":"A comprehensive pricing section component that combines animated tabs and pricing cards. Originally built for Dub.co's pricing page.\n\nFeatures\n- Monthly/yearly frequency toggle wit","k":"section","s":"21st","c":"marketing/pricing","a":"aymanch-03","u":1207,"pl":"https://cdn.21st.dev/user_aymanch-03/pricing-section.png","pc":"aymanch-03","tg":["pricing-section"]},{"id":"21st:aymanch-03__pricing-tab","t":"Pricing tab","d":"An animated tab component with support for discount badges. Originally built for Dub.co's pricing frequency selector.\n\nFeatures\n- Smooth layout animations using Framer Motion\n- Opt","s":"21st","c":"navigation/tabs","a":"aymanch-03","u":745,"pl":"https://cdn.21st.dev/user_aymanch-03/pricing-tab.png","pc":"aymanch-03","tg":["pricing-section","tabs"]},{"id":"21st:aymanch-03__toast","t":"Toast","d":"A minimal, dark-themed toast component with success, error, info, and warning variants using colored gradients and icons to convey status at a glance. It includes a close button an","s":"21st","c":"overlays/toast","a":"aymanch-03","pl":"https://cdn.21st.dev/aymanch-03/toast/default/preview.1765031267046.png","pc":"aymanch-03"},{"id":"21st:aymanch-03__user-dropdown","t":"User dropdown","d":"A comprehensive user profile dropdown menu with avatar trigger, status management, and organized navigation sections. Features dark/light mode support, customizable user data, and ","s":"21st","c":"navigation/menu","a":"aymanch-03","u":283,"pl":"https://cdn.21st.dev/aymanch-03/user-dropdown/default/preview.1753807468275.png","pc":"aymanch-03","tg":["avatar","dropdown","menu","profile"],"sb":"Dropdowns"},{"id":"21st:ayushguleria73again__dock","t":"Dock","d":"Interactive dock-style navigation built with React + TypeScript and Framer Motion. Icons dynamically scale based on cursor position using motion values and transforms. Includes smo","s":"21st","c":"navigation/dock","a":"ayushguleria73again","pl":"https://cdn.21st.dev/ayushguleria73again/dock/default/preview.1774414660300.png","pc":"ayushguleria73again"},{"id":"21st:ayushmxxn__3d-book-testimonial","t":"3d book testimonial","d":"Here is 3d book testimonial","k":"section","s":"21st","c":"marketing/testimonials","a":"ayushmxxn","u":57,"pl":"https://cdn.21st.dev/larsen66/3d-book-testimonial/default/preview.1750533934264.png","pc":"ayushmxxn","tg":["testimonials"]},{"id":"21st:ayushmxxn__3d-flip-card","t":"3d flip card","d":"An interactive card stack component with 3D hover effects and animations. Perfect for showcasing images, portfolios, or featured content.\n\nFeatures\n- Smooth 3D rotation effects\n- R","s":"21st","c":"data-display/card","a":"ayushmxxn","u":89,"pl":"https://cdn.21st.dev/user_ayushmxxn/3d-flip-card.png","pc":"ayushmxxn","tg":["gallery"],"sb":"Animated and glowing"},{"id":"21st:ayushmxxn__code-block","t":"Code block","s":"21st","c":"data-display/code-block","a":"ayushmxxn","pl":"https://cdn.21st.dev/user_ayushmxxn/code-block.png","pc":"ayushmxxn","tg":["tabs"]},{"id":"21st:ayushmxxn__feature-section","t":"Feature section","d":"A sleek, animated feature section showcasing steps with engaging visuals and smooth transitions.\n\nFeatures\n- Auto-advancing steps with progress\n- Smooth animations and transitions\n","k":"section","s":"21st","c":"marketing/features","a":"ayushmxxn","u":1413,"pl":"https://cdn.21st.dev/user_ayushmxxn/feature-section.png","pc":"ayushmxxn","tg":["features","progress","steps","slider"],"sb":"Steps"},{"id":"21st:ayushmxxn__newsletter","t":"Newsletter","d":"Here is Newsletter component","k":"section","s":"21st","c":"marketing/cta","a":"ayushmxxn","u":14,"pl":"https://cdn.21st.dev/larsen66/newsletter/default/preview.1750533319436.png","pc":"ayushmxxn","tg":["avatar"],"sb":"Newsletter and waitlist"},{"id":"21st:ayushmxxn__pricing-section","t":"Pricing section","d":"Here is Pricing Section component","k":"section","s":"21st","c":"marketing/pricing","a":"ayushmxxn","pl":"https://cdn.21st.dev/larsen66/pricing-section/default/preview.1750533480296.png","pc":"ayushmxxn"},{"id":"21st:ayushmxxn__star-rating","t":"Star rating","d":"A customizable star rating component that allows users to rate with interactive star icons.","s":"21st","c":"assets/icon","a":"ayushmxxn","u":129,"pl":"https://cdn.21st.dev/user_ayushmxxn/star-rating.png","pc":"ayushmxxn"},{"id":"21st:ayushmxxn__tech-stack","t":"Tech stack","d":"Here is Tech Stack component","s":"21st","c":"media/card-stack","a":"ayushmxxn","pl":"https://cdn.21st.dev/larsen66/tech-stack/default/preview.1750534120337.png","pc":"ayushmxxn"},{"id":"21st:ayushmxxn__testimonials","t":"Testimonials","d":"This Username Testimonial Displays user testimonials with profile images, usernames, feedback text, and a link to their social media.","k":"section","s":"21st","c":"marketing/testimonials","a":"ayushmxxn","u":399,"pl":"https://cdn.21st.dev/user_ayushmxxn/testimonials.png","pc":"ayushmxxn","tg":["avatar","grid","link","testimonials"]},{"id":"21st:ayushmxxn__theme-toggle","t":"Theme toggle","d":"Cool Toggles with framer motion animations that you can copy-paste into your apps.","s":"21st","c":"actions/switch","a":"ayushmxxn","u":1164,"pl":"https://cdn.21st.dev/user_ayushmxxn/theme-toggle.png","pc":"ayushmxxn","tg":["toggle"],"sb":"Theme toggles"},{"id":"21st:ayushmxxn__toast-1","t":"Toast 1","d":"Here is Toast component","s":"21st","c":"overlays/toast","a":"ayushmxxn","u":74,"pl":"https://cdn.21st.dev/larsen66/toast-1/default/preview.1753311227356.png","pc":"ayushmxxn","tg":["alert","notification","toast"]},{"id":"21st:ayushmxxn__tubelight-navbar","t":"Tubelight navbar","d":"A sleek and modern navigation bar component with smooth animations and a dynamic indicator. Perfect for primary navigation in web applications.\n\nFeatures\n- Animated tab indicator w","s":"21st","c":"navigation/top-nav","a":"ayushmxxn","u":5543,"pl":"https://cdn.21st.dev/user_ayushmxxn/tubelight-navbar.png","pc":"ayushmxxn","sb":"Mega menus"},{"id":"21st:ayushmxxn__typewriter-testimonial","t":"Typewriter testimonial","d":"Here is Typewriter Testimonial component","k":"section","s":"21st","c":"marketing/testimonials","a":"ayushmxxn","u":108,"pl":"https://cdn.21st.dev/larsen66/typewriter-testimonial/default/preview.1750533979301.png","pc":"ayushmxxn","tg":["avatar","testimonials"]},{"id":"21st:ayushmxxn__vintage-keyboard","t":"Vintage keyboard","d":"A nostalgic vintage keyboard with interactive keypress animations and a realistic retro design","s":"21st","c":"data-display/kanban","a":"ayushmxxn","pl":"https://cdn.21st.dev/ayushmxxn/vintage-keyboard/default/preview.1786904088916-b1ddab0a-7308-46da-8033-cc73314f0cba.png","pc":"ayushmxxn"},{"id":"21st:ayushmxxn__voice-testimonial","t":"Voice testimonial","d":"Here is Voice Testimonial component","k":"section","s":"21st","c":"marketing/testimonials","a":"ayushmxxn","u":66,"pl":"https://cdn.21st.dev/larsen66/voice-testimonial/default/preview.1750533583101.png","pc":"ayushmxxn","tg":["testimonials"]},{"id":"21st:ayushmxxn__waitlist","t":"Waitlist","d":"Here is waitlist ui component","k":"section","s":"21st","c":"marketing/cta","a":"ayushmxxn","pl":"https://cdn.21st.dev/larsen66/waitlist/default/preview.1750533403005.png","pc":"ayushmxxn","tg":["form","input"],"sb":"Newsletter and waitlist"},{"id":"21st:badtzx0__3d-wrapper","t":"3d wrapper","d":"Here is 3d Wrapper component","s":"21st","c":"data-display/card","a":"badtzx0","pl":"https://cdn.21st.dev/larsen66/3d-wrapper/default/preview.1754496539627.png","pc":"badtzx0","sb":"Animated and glowing"},{"id":"21st:badtzx0__animated-card","t":"Animated card","d":"Here is Animated Card component","s":"21st","c":"data-display/card","a":"badtzx0","u":128,"pl":"https://cdn.21st.dev/larsen66/animated-card/default/preview.1754501368215.png","pc":"badtzx0"},{"id":"21st:badtzx0__animated-card-chart","t":"Animated card chart","d":"Here is Animated Card Chart component","s":"21st","c":"data-viz/chart","a":"badtzx0","u":249,"pl":"https://cdn.21st.dev/larsen66/animated-card-chart/default/preview.1754501947991.png","pc":"badtzx0","tg":["card"]},{"id":"21st:badtzx0__animated-card-diagram","t":"Animated card diagram","d":"Here is Animated Card Diagram component","s":"21st","c":"data-display/card","a":"badtzx0","pl":"https://cdn.21st.dev/larsen66/animated-card-diagram/default/preview.1754501720436.png","pc":"badtzx0","tg":["card","data-visualization","features","progress"],"sb":"Feature"},{"id":"21st:badtzx0__animated-keyboard","t":"Animated keyboard","d":"Here is Animated Keyboard component","s":"21st","c":"data-display/kanban","a":"badtzx0","pl":"https://cdn.21st.dev/larsen66/animated-keyboard/default/preview.1754499385698.png","pc":"badtzx0"},{"id":"21st:badtzx0__blur-reveal","t":"Blur reveal","d":"Here is Blur Reveal component","k":"motion","s":"21st","c":"motion/text-effect","a":"badtzx0","u":11,"pl":"https://cdn.21st.dev/larsen66/blur-reveal/default/preview.1754502472431.png","pc":"badtzx0","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:badtzx0__border-beam","t":"Border beam","d":"Here is Border Beam component","k":"motion","s":"21st","c":"motion/border","a":"badtzx0","pl":"https://cdn.21st.dev/larsen66/border-beam/default/preview.1754499714950.png","pc":"badtzx0","tg":["border"]},{"id":"21st:badtzx0__cloud-orbit","t":"Cloud orbit","d":"Here is Cloud Orbit component","s":"21st","c":"media/carousel","a":"badtzx0","pl":"https://cdn.21st.dev/badtzx0/cloud-orbit/default/preview.1785303553802-4b498cde-1c15-4ab5-bbcc-d08297b7c7c8.png","pc":"badtzx0"},{"id":"21st:badtzx0__cursor-cards","t":"Cursor cards","d":"Here is Cursor Cards component","s":"21st","c":"data-display/card","a":"badtzx0","u":74,"pl":"https://cdn.21st.dev/larsen66/cursor-cards/default/preview.1754500341063.png","pc":"badtzx0","tg":["cursor","notification"]},{"id":"21st:badtzx0__dock","t":"Dock","d":"Here is dock component","s":"21st","c":"navigation/dock","a":"badtzx0","u":59,"pl":"https://cdn.21st.dev/larsen66/dock/default/preview.1754500496489.png","pc":"badtzx0","tg":["dock"]},{"id":"21st:badtzx0__glowing-button","t":"Glowing button","d":"A visually distinct button component featuring a configurable, animated glow effect to highlight calls to action or important interactions.","s":"21st","c":"actions/button","a":"badtzx0","u":56,"pl":"https://cdn.21st.dev/badtzx0/glowing-button/default/preview.1747925723853.png","pc":"badtzx0","sb":"Animated"},{"id":"21st:badtzx0__gradient-slide-button","t":"Gradient slide button","d":"Here is Gradient Slide Button component","s":"21st","c":"actions/button","a":"badtzx0","u":7,"pl":"https://cdn.21st.dev/larsen66/gradient-slide-button/default/preview.1754504081376.png","pc":"badtzx0","sb":"Animated"},{"id":"21st:badtzx0__like-button","t":"Like button","d":"Here is Like Button component","s":"21st","c":"actions/button","a":"badtzx0","pl":"https://cdn.21st.dev/larsen66/like-button/default/preview.1754504611059.png","pc":"badtzx0","sb":"Copy, share and like"},{"id":"21st:badtzx0__shuffle-button","t":"Shuffle button","d":"Here is Shuffle Button component","s":"21st","c":"actions/button","a":"badtzx0","pl":"https://cdn.21st.dev/larsen66/shuffle-button/default/preview.1754504469315.png","pc":"badtzx0"},{"id":"21st:badtzx0__star-button","t":"Star button","d":"Here is Star Button component","s":"21st","c":"actions/button","a":"badtzx0","u":51,"pl":"https://cdn.21st.dev/larsen66/star-button/default/preview.1754504297473.png","pc":"badtzx0","tg":["border"],"sb":"Icon buttons"},{"id":"21st:badtzx0__swipe-button","t":"Swipe button","d":"Here is Swipe Button component","s":"21st","c":"actions/button","a":"badtzx0","pl":"https://cdn.21st.dev/larsen66/swipe-button/default/preview.1754503937948.png","pc":"badtzx0"},{"id":"21st:bankkroll__acme-hero","t":"Acme hero","d":"Animated hero section and nav","k":"section","s":"21st","c":"marketing/hero","a":"bankkroll","u":194,"pl":"https://cdn.21st.dev/bankkroll/acme-hero/default/preview.1754169391717.png","pc":"bankkroll","tg":["dashboard","cta","hero"],"sb":"With product shot"},{"id":"21st:bankkroll__auth-form-1","t":"Auth form 1","d":"Auth form with AuthSignIn, AuthSignUp, AuthForgotPassword, AuthResetSuccess.","s":"21st","c":"flows/sign-in","a":"bankkroll","st":"rated","u":108,"pl":"https://cdn.21st.dev/user_2vDrVta4PKJEhGZOxwYiAcxSKTV/auth-form-1/default/preview.1750812033332.png","pc":"bankkroll","tg":["form","sign-in"],"sc":22,"sb":"Sign in"},{"id":"21st:bankkroll__code-editor-sheet","t":"Code editor sheet","d":"A sleek, accessible code editor sheet powered by shadcn/ui, Ace Editor, and Radix UI supporting multiple languages with syntax highlighting and theme switching. Easily integrate cu","s":"21st","c":"overlays/sheet","a":"bankkroll","pl":"https://cdn.21st.dev/bankkroll/code-editor-sheet/default/preview.1749408348908.png","pc":"bankkroll"},{"id":"21st:bankkroll__commerce-hero","t":"Commerce hero","d":"Animated ecommerce hero and navbar.","k":"section","s":"21st","c":"marketing/hero","a":"bankkroll","u":176,"pl":"https://cdn.21st.dev/bankkroll/commerce-hero/default/preview.1754172921365.png","pc":"bankkroll"},{"id":"21st:bankkroll__contribution-graph","t":"Contribution graph","d":"A composable, customizable contribution graph component inspired by GitHub's activity heatmap. Features composable subcomponents (Grid, Tooltip, Legend), CSS variable theming, conf","s":"21st","c":"data-viz/chart","a":"bankkroll","st":"rated","pl":"https://cdn.21st.dev/bankkroll/contribution-graph/default/preview.1776012074859.png","pc":"bankkroll","sc":18,"sb":"Heatmap"},{"id":"21st:bankkroll__cookie-consent","t":"Cookie consent","d":"A fully customizable cookie consent component. It features smooth animations, mobile responsiveness, and supports configurable categories, essentials, and local storage preference ","s":"21st","c":"overlays/alert-banner","a":"bankkroll","u":93,"pl":"https://cdn.21st.dev/user_2vDrVta4PKJEhGZOxwYiAcxSKTV/cookie-consent/default/preview.1750812845732.png","pc":"bankkroll"},{"id":"21st:bankkroll__file-upload-button","t":"File upload button","d":"A sleek file upload button for React, built with shadcn/ui. Supports click and drag-and-drop, with file type/size validation, image previews, and file management. Customizable via ","s":"21st","c":"actions/button","a":"bankkroll","pl":"https://cdn.21st.dev/bankkroll/file-upload-button/default/preview.1751640178519.png","pc":"bankkroll","tg":["upload-download"],"sb":"Loading and states"},{"id":"21st:bankkroll__file-viewer","t":"File viewer","d":"TypeScript-based React component, inspired by Supabase UI, for navigating file trees and previewing code with Shiki syntax highlighting. Perfect for documentation or dev tools, it ","s":"21st","c":"data-display/tree","a":"bankkroll","u":194,"pl":"https://cdn.21st.dev/bankkroll/file-viewer/default/preview.1752168229003.png","pc":"bankkroll","tg":["file-tree"]},{"id":"21st:bankkroll__myna-hero","t":"Myna hero","d":"Animated hero and navbar","k":"section","s":"21st","c":"marketing/hero","a":"bankkroll","u":319,"pl":"https://cdn.21st.dev/bankkroll/myna-hero/default/preview.1754173666850.png","pc":"bankkroll","tg":["ai-chat","features"],"sb":"SaaS and AI"},{"id":"21st:bankkroll__number-pad","t":"Number pad","d":"A customizable number pad component for entering numeric values, supporting various formats like currency, phone, decimal, integer, percentage, pin, and time. Features both button-","s":"21st","c":"overlays/dialog","a":"bankkroll","pl":"https://cdn.21st.dev/bankkroll/number-pad/default/preview.1751642013181.png","pc":"bankkroll","tg":["modal"]},{"id":"21st:bankkroll__pricing-card","t":"Pricing card","d":"A modern, animated pricing card component with features and perks sections.\n\nFeatures:\n\t•\tSmooth animations on scroll\n\t•\tResponsive layout\n\t•\tCustomizable content\n\t•\tFeature/perk l","k":"section","s":"21st","c":"marketing/pricing","a":"bankkroll","u":333,"pl":"https://cdn.21st.dev/user_BankkRoll/pricing-card.png","pc":"bankkroll","tg":["pricing-section"],"sb":"Plan cards"},{"id":"21st:bankkroll__search-command-dialog","t":"Search command dialog","d":"A reusable shadcn/ui-style command dialog component with a search button trigger, offering accessible, customizable command menus with keyboard navigation and Tailwind CSS styling.","s":"21st","c":"overlays/dialog","a":"bankkroll","pl":"https://cdn.21st.dev/bankkroll/search-command-dialog/default/preview.1753323238514.png","pc":"bankkroll","sb":"Search"},{"id":"21st:baozhouqi__ai-chat-input","t":"Ai chat input","d":"Open ended prompt inputs that can be used in AI conversations and other natural language prompting","s":"21st","c":"ai-agent/composer","a":"baozhouqi","pl":"https://cdn.21st.dev/baozhouqi/ai-chat-input/default/preview.1749710893720.png","pc":"baozhouqi","tg":["input"]},{"id":"21st:baozhouqi__magnifier-lens","t":"Magnifier lens","d":"Hover over the image to see the magnifying glass effect with optical distortion","s":"21st","c":"media/gallery","a":"baozhouqi","u":21,"pl":"https://cdn.21st.dev/baozhouqi/magnifier-lens/default/preview.1749632825966.png","pc":"baozhouqi","sb":"Zoom and lens"},{"id":"21st:barneyrileymusic__hypnotising-wobble","t":"Hypnotising wobble","d":"Pure CSS gradient background in the Echo Rings style, made with the 21st.dev Gradient Builder. 3-color palette (#EAF4FC, #F4B3C2, #B28FCE). Features: film grain, vignette. A drop-i","k":"motion","s":"21st","c":"motion/gradient","a":"barneyrileymusic","pl":"https://cdn.21st.dev/barneyrileymusic/hypnotising-wobble/default/preview.1785867946774-cd0534e5-c3ff-4ebf-b98f-c7f32f5be508.webp","pc":"barneyrileymusic","sb":"Echo Rings"},{"id":"21st:barriar398__barber","t":"Barber","d":"Animated (flicker) ASCII art in the Hex Dump style, made with the 21st ASCII editor and baked to a looping video. Styled with a minimal look. A drop-in, zero-dependency React compo","k":"motion","s":"21st","c":"motion/ascii","a":"barriar398","pl":"https://cdn.21st.dev/barriar398/barber/default/preview.1786227612839-452fa115-5729-4156-a787-a9f771f216eb.webp","pc":"barriar398","sb":"Hex Dump"},{"id":"21st:bart-krakowski__hover-button","t":"Hover button","d":"Hover button","s":"21st","c":"actions/button","a":"bart-krakowski","pl":"https://cdn.21st.dev/bart-krakowski/hover-button/default/preview.1753793757606.png","pc":"bart-krakowski","sb":"Animated"},{"id":"21st:bart-krakowski__thanos-snap-effect","t":"Thanos snap effect","d":"Thanos snap effect","s":"21st","c":"other","a":"bart-krakowski","u":62,"pl":"https://cdn.21st.dev/bart-krakowski/thanos-snap-effect/default/preview.1749657553218.png","pc":"bart-krakowski"},{"id":"21st:barvian__activity-with-number-flow","t":"Activity with number flow","d":"A component of social media sharing buttons with Number Flow animations","k":"motion","s":"21st","c":"motion/number-ticker","a":"barvian","st":"rated","u":37,"pl":"https://cdn.21st.dev/user_barvian/activity-with-number-flow.png","pc":"barvian","sc":18},{"id":"21st:barvian__number-flow","t":"Number flow","d":"A React component to transition, localize, and format numbers. Dependency-free. Accessible. Customizable.","k":"motion","s":"21st","c":"motion/number-ticker","a":"barvian","pl":"https://cdn.21st.dev/user_barvian/number-flow.png","pc":"barvian","tg":["number"]},{"id":"21st:barvian__number-flow-transitions","t":"Number flow transitions","k":"motion","s":"21st","c":"motion/number-ticker","a":"barvian","pl":"https://cdn.21st.dev/user_barvian/number-flow-transitions.png","pc":"barvian"},{"id":"21st:barvian__number-input","t":"Number input","d":"Number Input by NumberFlow","s":"21st","c":"inputs/number-input","a":"barvian","pl":"https://cdn.21st.dev/user_barvian/number-input.png","pc":"barvian"},{"id":"21st:barvian__slider-number-flow","t":"Slider number flow","d":"Slider with animated value number by Number Flow","k":"motion","s":"21st","c":"motion/number-ticker","a":"barvian","u":125,"pl":"https://cdn.21st.dev/user_barvian/slider-number-flow.png","pc":"barvian","tg":["number","slider"]},{"id":"21st:benjitawachin__roaddivider","t":"Roaddivider","d":"Divisor de seccion estilo ruta: franja de asfalto con linea central amarilla discontinua animada","s":"21st","c":"other","a":"benjitawachin","pl":"https://21st.dev/@benjitawachin/components/roaddivider","pc":"benjitawachin"},{"id":"21st:benjitawachin__scrollwheel","t":"Scrollwheel","d":"Envuelve TireWheel y la hace rotar en proporción al scroll de la página, respeta prefers-reduced-motion","s":"21st","c":"layout/scroll-area","a":"benjitawachin","pl":"https://21st.dev/@benjitawachin/components/scrollwheel","pc":"benjitawachin"},{"id":"21st:benjitawachin__tiresearch","t":"Tiresearch","d":"Buscador de medida de neumáticos con formato de flanco de cubierta (205/55 R16), arma la consulta y deriva a WhatsApp","s":"21st","c":"inputs/form-field","a":"benjitawachin","pl":"https://21st.dev/@benjitawachin/components/tiresearch","pc":"benjitawachin","sb":"Whole forms"},{"id":"21st:benjitawachin__tirewheel","t":"Tirewheel","d":"Rueda de neumático ilustrada en SVG puro con giro opcional por CSS, sin dependencias ni imágenes","s":"21st","c":"other","a":"benjitawachin","pl":"https://21st.dev/@benjitawachin/components/tirewheel","pc":"benjitawachin"},{"id":"21st:beratberkayg__ai-chat","t":"Ai chat","d":"ai chat card animated","s":"21st","c":"ai-agent/ai-agent","a":"beratberkayg","st":"rated","u":126,"pl":"https://cdn.21st.dev/beratberkayg/ai-chat/default/preview.1756670053130.png","pc":"beratberkayg","tg":["ai-chat"],"sc":18,"sb":"Chat"},{"id":"21st:beratberkayg__ai-loader","t":"Ai loader","d":"ai loader background and animation","s":"21st","c":"ai-agent/ai-agent","a":"beratberkayg","pl":"https://cdn.21st.dev/beratberkayg/ai-loader/default/preview.1755292245488.png","pc":"beratberkayg","tg":["ai-chat","spinner"],"sb":"Chat"},{"id":"21st:beratberkayg__animated-button","t":"Animated button","d":"animated button with background","s":"21st","c":"actions/button","a":"beratberkayg","u":37,"pl":"https://cdn.21st.dev/beratberkayg/animated-button/default/preview.1755201508654.png","pc":"beratberkayg","tg":["cta"],"sb":"Animated"},{"id":"21st:beratberkayg__animated-card","t":"Animated card","d":"animated card 3D card","s":"21st","c":"data-display/card","a":"beratberkayg","pl":"https://cdn.21st.dev/beratberkayg/animated-card/default/preview.1755547463759.png","pc":"beratberkayg"},{"id":"21st:beratberkayg__button","t":"Button","d":"animated glass button","s":"21st","c":"actions/button","a":"beratberkayg","u":103,"pl":"https://cdn.21st.dev/beratberkayg/button/default/preview.1755293295530.png","pc":"beratberkayg","tg":["link"]},{"id":"21st:beratberkayg__button-1","t":"Button 1","d":"button with background blur","s":"21st","c":"actions/button","a":"beratberkayg","pl":"https://cdn.21st.dev/user_2sjKtWeP6DDixDrGQQItKElODmk/button-1/default/preview.1755632751006.png","pc":"beratberkayg"},{"id":"21st:beratberkayg__button-2","t":"Button 2","d":"button with background","s":"21st","c":"actions/button","a":"beratberkayg","pl":"https://cdn.21st.dev/beratberkayg/button-2/default/preview.1755201727001.png","pc":"beratberkayg"},{"id":"21st:beratberkayg__button-3","t":"Button 3","d":"animated button","s":"21st","c":"actions/button","a":"beratberkayg","pl":"https://cdn.21st.dev/beratberkayg/button-3/default/preview.1755202158447.png","pc":"beratberkayg"},{"id":"21st:beratberkayg__button-4","t":"Button 4","d":"realistic animated button","s":"21st","c":"actions/button","a":"beratberkayg","u":45,"pl":"https://cdn.21st.dev/beratberkayg/button-4/default/preview.1755544271429.png","pc":"beratberkayg"},{"id":"21st:beratberkayg__code-snippet","t":"Code snippet","d":"Code Snippet","s":"21st","c":"data-display/code-block","a":"beratberkayg","pl":"https://cdn.21st.dev/beratberkayg/code-snippet/default/preview.1752780235266.png","pc":"beratberkayg"},{"id":"21st:beratberkayg__feature-card","t":"Feature card","d":"feature card animated card","k":"section","s":"21st","c":"marketing/features","a":"beratberkayg","u":31,"pl":"https://cdn.21st.dev/beratberkayg/feature-card/default/preview.1755546342728.png","pc":"beratberkayg","tg":["features","pricing-section"],"sb":"Grid of cards"},{"id":"21st:beratberkayg__glassmorphism-profile-card","t":"Glassmorphism profile card","d":"Glassmorphism profile Card","s":"21st","c":"data-display/profile","a":"beratberkayg","u":59,"pl":"https://cdn.21st.dev/beratberkayg/glassmorphism-profile-card/default/preview.1755632572545.png","pc":"beratberkayg","tg":["card","button","profile"]},{"id":"21st:beratberkayg__glitch-text","t":"Glitch text","d":"Glitch text","k":"motion","s":"21st","c":"motion/text-effect","a":"beratberkayg","pl":"https://cdn.21st.dev/beratberkayg/glitch-text/default/preview.1755204281809.png","pc":"beratberkayg","tg":["text"],"sb":"Scramble and glitch"},{"id":"21st:beratberkayg__hero","t":"Hero","d":"animated hero","k":"section","s":"21st","c":"marketing/hero","a":"beratberkayg","u":123,"pl":"https://cdn.21st.dev/beratberkayg/hero/default/preview.1755542976364.png","pc":"beratberkayg","tg":["ai-chat"],"sb":"SaaS and AI"},{"id":"21st:beratberkayg__hero-1","t":"Hero 1","d":"animated hero","k":"section","s":"21st","c":"marketing/hero","a":"beratberkayg","u":539,"pl":"https://cdn.21st.dev/beratberkayg/hero-1/default/preview.1755803737396.png","pc":"beratberkayg","tg":["cta","hero"]},{"id":"21st:beratberkayg__highlight-card","t":"Highlight card","d":"Highlight Card  shacn card","s":"21st","c":"data-display/card","a":"beratberkayg","u":112,"pl":"https://cdn.21st.dev/beratberkayg/highlight-card/default/preview.1755889075105.png","pc":"beratberkayg","tg":["card","features"],"sb":"Feature"},{"id":"21st:beratberkayg__iphone","t":"Iphone","d":"iphone screen","s":"21st","c":"media/mockup","a":"beratberkayg","pl":"https://cdn.21st.dev/beratberkayg/iphone/default/preview.1755203443322.png","pc":"beratberkayg"},{"id":"21st:beratberkayg__membership-card","t":"Membership card","d":"Membership Card","s":"21st","c":"data-display/card","a":"beratberkayg","pl":"https://cdn.21st.dev/beratberkayg/membership-card/default/preview.1752779116100.png","pc":"beratberkayg","tg":["profile"],"sb":"Profile"},{"id":"21st:beratberkayg__modal-card","t":"Modal card","d":"modern modal card","s":"21st","c":"overlays/dialog","a":"beratberkayg","pl":"https://cdn.21st.dev/beratberkayg/modal-card/default/preview.1759605207016.png","pc":"beratberkayg","tg":["ai-chat","features","modal"]},{"id":"21st:beratberkayg__product-card","t":"Product card","d":"product card","s":"21st","c":"data-display/card","a":"beratberkayg","pl":"https://cdn.21st.dev/beratberkayg/product-card/default/preview.1752778651542.png","pc":"beratberkayg","sb":"Product"},{"id":"21st:beratberkayg__product-card-1","t":"Product card 1","d":"The ProductCard component is a fully customizable e-commerce card built with shadcn/ui, Tailwind CSS, and Framer Motion.\nIt provides a modern, responsive, and theme-aware product s","s":"21st","c":"data-display/card","a":"beratberkayg","u":78,"pl":"https://cdn.21st.dev/beratberkayg/product-card-1/default/preview.1755528253290.png","pc":"beratberkayg","tg":["image"],"sb":"Product"},{"id":"21st:beratberkayg__product-roadmap","t":"Product roadmap","d":"Product Roadmap","s":"21st","c":"data-viz/map","a":"beratberkayg","st":"rated","pl":"https://cdn.21st.dev/beratberkayg/product-roadmap/default/preview.1753298917308.png","pc":"beratberkayg","sc":19},{"id":"21st:beratberkayg__profile-card","t":"Profile card","d":"profile card neon animation","s":"21st","c":"data-display/profile","a":"beratberkayg","u":85,"pl":"https://cdn.21st.dev/beratberkayg/profile-card/default/preview.1755628973377.png","pc":"beratberkayg","tg":["profile"]},{"id":"21st:beratberkayg__radial-social-menu","t":"Radial social menu","d":"Radial Social Menu","s":"21st","c":"navigation/menu","a":"beratberkayg","u":27,"pl":"https://cdn.21st.dev/beratberkayg/radial-social-menu/default/preview.1755206162361.png","pc":"beratberkayg","tg":["menu","link"],"sb":"Radial menus"},{"id":"21st:beratberkayg__roadmap-card","t":"Roadmap card","d":"The RoadmapCard component is a minimal, animated product roadmap built with shadcn/ui and Framer Motion.\nIt displays key project milestones in a clean timeline format, supporting l","s":"21st","c":"data-display/card","a":"beratberkayg","u":126,"pl":"https://cdn.21st.dev/beratberkayg/roadmap-card/default/preview.1755529414756.png","pc":"beratberkayg","tg":["timeline"]},{"id":"21st:beratberkayg__shader-hero","t":"Shader hero","d":"Shader hero animation","k":"section","s":"21st","c":"marketing/hero","a":"beratberkayg","pl":"https://cdn.21st.dev/beratberkayg/shader-hero/default/preview.1755720749784.png","pc":"beratberkayg","sb":"Animated background"},{"id":"21st:beratberkayg__simple-hero","t":"Simple hero","d":"simple hero","k":"section","s":"21st","c":"marketing/hero","a":"beratberkayg","pl":"https://cdn.21st.dev/beratberkayg/simple-hero/default/preview.1755544902808.png","pc":"beratberkayg","sb":"Centered and minimal"},{"id":"21st:beratberkayg__social-card","t":"Social card","d":"social card with icons","k":"resource","s":"21st","c":"assets/og-image","a":"beratberkayg","pl":"https://cdn.21st.dev/beratberkayg/social-card/default/preview.1759612738953.png","pc":"beratberkayg"},{"id":"21st:beratberkayg__stat-card","t":"Stat card","d":"stat card animated","s":"21st","c":"data-display/stat","a":"beratberkayg","u":98,"pl":"https://cdn.21st.dev/beratberkayg/stat-card/default/preview.1756668798750.png","pc":"beratberkayg","tg":["stat"]},{"id":"21st:beratberkayg__stats-cards","t":"Stats cards","d":"shadcn stats cards","s":"21st","c":"data-display/stat","a":"beratberkayg","u":91,"pl":"https://cdn.21st.dev/beratberkayg/stats-cards/default/preview.1752777592319.png","pc":"beratberkayg","tg":["card","dashboard","stat"]},{"id":"21st:beratberkayg__subscription-card","t":"Subscription card","d":"Subscription Card","k":"section","s":"21st","c":"marketing/pricing","a":"beratberkayg","pl":"https://cdn.21st.dev/beratberkayg/subscription-card/default/preview.1753298183473.png","pc":"beratberkayg","tg":["stat"],"sb":"Plan cards"},{"id":"21st:beratberkayg__wallet-card-1","t":"Wallet card 1","d":"wallet card balance account","s":"21st","c":"data-display/card","a":"beratberkayg","pl":"https://cdn.21st.dev/beratberkayg/wallet-card-1/default/preview.1755113326481.png","pc":"beratberkayg","tg":["dashboard"],"sb":"Payment"},{"id":"21st:beratberkayg__wallet-card-2","t":"Wallet card 2","d":"wallet card account balance deposit","s":"21st","c":"data-display/card","a":"beratberkayg","pl":"https://cdn.21st.dev/beratberkayg/wallet-card-2/default/preview.1755113671416.png","pc":"beratberkayg","tg":["dashboard"],"sb":"Payment"},{"id":"21st:berkcangumusisik__aurora-hero-section","t":"Aurora hero section","d":"A visually stunning hero section for modern SaaS websites. Features an animated, glowing aurora background effect combined with a technical grid pattern and a frosted glass badge.","k":"section","s":"21st","c":"marketing/hero","a":"berkcangumusisik","pl":"https://cdn.21st.dev/berkcangumusisik/aurora-hero-section/default/preview.1765442888568.png","pc":"berkcangumusisik","sb":"Animated background"},{"id":"21st:berkcangumusisik__holographic-3d-card","t":"Holographic 3d card","d":"A stunning interactive card with a 3D tilt effect and dynamic holographic glare that follows the mouse movement. Creates a premium, tangible feel for digital assets.","s":"21st","c":"data-display/card","a":"berkcangumusisik","pl":"https://cdn.21st.dev/berkcangumusisik/holographic-3d-card/default/preview.1765392087538.png","pc":"berkcangumusisik","sb":"Animated and glowing"},{"id":"21st:berkcangumusisik__modern-glassmorphism-header","t":"Modern glassmorphism header","d":"A premium navigation header with glassmorphism design, animated backgrounds, responsive mobile menu, and interactive gradient effects. Features floating particles and smooth micro-","k":"motion","s":"21st","c":"motion/background","a":"berkcangumusisik","pl":"https://cdn.21st.dev/berkcangumusisik/modern-glassmorphism-header/default/preview.1753539622232.png","pc":"berkcangumusisik"},{"id":"21st:berkcangumusisik__sidebar","t":"Sidebar","d":"Modern minimal sidebar component with icon-only navigation, hover tooltips, notification badges, and active state management. Built with TypeScript and Tailwind CSS, featuring smoo","s":"21st","c":"navigation/sidebar","a":"berkcangumusisik","pl":"https://cdn.21st.dev/berkcangumusisik/sidebar/default/preview.1750611539264.png","pc":"berkcangumusisik"},{"id":"21st:berlix__checkbox","t":"Checkbox","d":"Here is modern minimalistic checkbox component","s":"21st","c":"inputs/checkbox","a":"berlix","pl":"https://cdn.21st.dev/larsen66/checkbox/default/preview.1750174433201.png","pc":"berlix","tg":["checkbox","form"]},{"id":"21st:berlix__input","t":"Input","d":"Here is animated Input component","s":"21st","c":"inputs/form-field","a":"berlix","pl":"https://cdn.21st.dev/larsen66/input/default/preview.1750174931780.png","pc":"berlix","tg":["input"]},{"id":"21st:berlix__menu-vertical","t":"Menu vertical","d":"Here is Menu Vertical component","s":"21st","c":"navigation/menu","a":"berlix","u":176,"pl":"https://cdn.21st.dev/larsen66/menu-vertical/default/preview.1750175059363.png","pc":"berlix","tg":["list","menu","navigation-menu"]},{"id":"21st:berlix__split-text","t":"Split text","d":"Here is Split Text component","k":"motion","s":"21st","c":"motion/text-effect","a":"berlix","u":29,"pl":"https://cdn.21st.dev/larsen66/split-text/default/preview.1750174629608.png","pc":"berlix","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:bethinagaraju57__expanding-feature-cards","t":"Expanding feature cards","d":"A responsive set of cards that display key features. Each card is initially collapsed, showing only a title, and expands on hover or click to reveal a detailed description with an ","k":"section","s":"21st","c":"marketing/features","a":"bethinagaraju57","pl":"https://cdn.21st.dev/bethinagaraju57/expanding-feature-cards/default/preview.1756194651387.png","pc":"bethinagaraju57","sb":"Grid of cards"},{"id":"21st:better-upload__paste-upload-area","t":"Paste upload area","d":"A wrapper component that lets users upload files by pasting them from the clipboard into any child element.","s":"21st","c":"inputs/file-upload","a":"better-upload","pl":"https://cdn.21st.dev/better-upload/paste-upload-area/default/preview.1784698188355-a0b7197d-2548-4a37-af7e-6d7bd007c312.png","pc":"better-upload"},{"id":"21st:bg997965__smoke-ring-cloud-shader","t":"Smoke ring cloud shader","d":"Animated WebGL shader background in the Smoke Ring style. Cloud variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#6A","k":"motion","s":"21st","c":"motion/shader","a":"bg997965","pl":"https://cdn.21st.dev/bg997965/smoke-ring-cloud-shader/default/preview.1785528948782-01327c4d-7ed7-49db-8158-885dc660077c.webp","pc":"bg997965","sb":"Smoke Ring"},{"id":"21st:bhomikproductivitylab__pricing-section","t":"Pricing section","d":"A clean, modern pricing section designed for SaaS and digital products, featuring a clear comparison between plans, a highlighted popular option, and a custom quote callout. The la","k":"section","s":"21st","c":"marketing/pricing","a":"bhomikproductivitylab","pl":"https://cdn.21st.dev/bhomikproductivitylab/pricing-section/default/preview.1767680157729.png","pc":"bhomikproductivitylab"},{"id":"21st:bhomikproductivitylab__sidebar","t":"Sidebar","d":"A sidebar with a logo, different sections, profile button, upgrade button, note that it only supports dark mode.","s":"21st","c":"navigation/sidebar","a":"bhomikproductivitylab","pl":"https://cdn.21st.dev/bhomikproductivitylab/sidebar/default/preview.1759322188717.png","pc":"bhomikproductivitylab"},{"id":"21st:bhomikproductivitylab__sign-in-page","t":"Sign in page","d":"Login Page with an image and a form and a continue with google, github option.","s":"21st","c":"flows/sign-in","a":"bhomikproductivitylab","pl":"https://cdn.21st.dev/bhomikproductivitylab/sign-in-page/default/preview.1759249169181.png","pc":"bhomikproductivitylab","tg":["form","image","sign-in"],"sb":"Split with image"},{"id":"21st:bhomikproductivitylab__sign-up-page","t":"Sign up page","d":"This is a signup page with an image on left and the form on right.","s":"21st","c":"flows/sign-in","a":"bhomikproductivitylab","st":"rated","u":80,"pl":"https://cdn.21st.dev/bhomikproductivitylab/sign-up-page/default/preview.1759132242612.png","pc":"bhomikproductivitylab","tg":["checkbox","form","input","sign-up"],"sc":18,"sb":"Sign up"},{"id":"21st:bibekkd__button","t":"Button","d":"GradientButton is a reusable UI component that renders a visually appealing button with a blue gradient background. It accepts customizable button text and an onClick handler, maki","s":"21st","c":"actions/button","a":"bibekkd","pl":"https://cdn.21st.dev/bibekkd/button/default/preview.1751632597144.png","pc":"bibekkd"},{"id":"21st:bigbogiballer__pricing-section","t":"Pricing section","d":"Pricing section","k":"section","s":"21st","c":"marketing/pricing","a":"bigbogiballer","u":25,"pl":"https://cdn.21st.dev/bigbogiballer/pricing-section/default/preview.1759412191336.png","pc":"bigbogiballer","tg":["pricing-section"]},{"id":"21st:bigboss-noplz__bigboss","t":"Bigboss","d":"nothing what do u want","s":"21st","c":"other","a":"bigboss-noplz","pl":"https://cdn.21st.dev/bigboss-noplz/bigboss/default/preview.1747317558353.png","pc":"bigboss-noplz"},{"id":"21st:bintangpradanaarfiyan__asfd","t":"Asfd","d":"adfadadfad","s":"21st","c":"other","a":"bintangpradanaarfiyan","pl":"https://cdn.21st.dev/bintangpradanaarfiyan/asfd/default/preview.1765716212579.png","pc":"bintangpradanaarfiyan"},{"id":"21st:bklitai__area-chart","t":"Area chart","d":"Here is Area Chart component","s":"21st","c":"data-viz/chart","a":"bklitai","pl":"https://cdn.21st.dev/bklitai/area-chart/default/preview.1785309273855-6fae08e5-ac3a-4650-b752-7eb7a41fd523.png","pc":"bklitai","sb":"Area"},{"id":"21st:bklitai__bar-chart","t":"Bar chart","d":"Here is Bar Chart component","s":"21st","c":"data-viz/chart","a":"bklitai","u":37,"pl":"https://cdn.21st.dev/bklitai/bar-chart/default/preview.1785311329972-b058687e-c765-43f3-9e84-57c20691fb75.png","pc":"bklitai","sb":"Bar"},{"id":"21st:bklitai__funnel-chart","t":"Funnel chart","d":"Here is Funnel Chart component","s":"21st","c":"data-viz/chart","a":"bklitai","u":78,"pl":"https://cdn.21st.dev/lyanchouss/funnel-chart/default/preview.1772649671445.png","pc":"bklitai","tg":["data-visualization","dashboard","grid"],"sb":"Flow and funnel"},{"id":"21st:bklitai__funnel-chart--funnel-chart-five","t":"Funnel chart five","s":"21st","c":"data-viz/chart","a":"bklitai","pl":"https://cdn.21st.dev/lyanchouss/funnel-chart/funnel-chart-five/preview.1772649671445.png","pc":"bklitai","sb":"Flow and funnel"},{"id":"21st:blacksmith301__ai-hero-background","t":"Ai hero background","d":"A responsive, animated hero background built with Three.js using InstancedMesh and post-processing effects (Unreal Bloom + RGB Shift). Ideal for landing pages, hero sections, and v","s":"21st","c":"ai-agent/ai-agent","a":"blacksmith301","u":15,"pl":"https://cdn.21st.dev/blacksmith301/ai-hero-background/default/preview.1785364006263-1cbf701e-9350-4dbe-8625-cad304c61aa6.png","pc":"blacksmith301","sb":"Orbs and presence"},{"id":"21st:blaqj23__button","t":"Button","d":"claude setup","s":"21st","c":"actions/button","a":"blaqj23","pl":"https://cdn.21st.dev/blaqj23/button/default/preview.1780108821261.png","pc":"blaqj23"},{"id":"21st:blessedux__marquee-ribbon","t":"Marquee ribbon","d":"A simple TailwindCSS animation of 2 ribbons marquee for any type of services or item descriptions. ","k":"section","s":"21st","c":"marketing/announcement","a":"blessedux","pl":"https://cdn.21st.dev/blessedux/marquee-ribbon/default/preview.1774890970897.png","pc":"blessedux"},{"id":"21st:bogdandream__responsive-neuronal-background","t":"Responsive neuronal background","d":"Responsive Neuronal Background is a configurable React canvas background that visualizes an artificial neural network with animated signals, mouse interaction, focus-aware energy r","k":"motion","s":"21st","c":"motion/background","a":"bogdandream","pl":"https://cdn.21st.dev/bogdandream/responsive-neuronal-background/default/preview.1774137516764.png","pc":"bogdandream"},{"id":"21st:boostmotivation12__bloom-field-gradient","t":"Bloom field gradient","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#EAF4FC, #895B8A, #8511E4, #475569). Features: soft blur finish, fi","k":"motion","s":"21st","c":"motion/gradient","a":"boostmotivation12","pl":"https://cdn.21st.dev/boostmotivation12/bloom-field-gradient/default/preview.1786438546104-d0aa1937-7eed-4a4e-8b02-ef7000323963.webp","pc":"boostmotivation12","sb":"Bloom Field"},{"id":"21st:botsnew354__calculator-neon-3d","t":"Calculator neon 3d","d":"Calculator Neon  3D","s":"21st","c":"motion/tilt-3d","a":"botsnew354","pl":"https://cdn.21st.dev/botsnew354/calculator-neon-3d/default/preview.1750645567836.png","pc":"botsnew354"},{"id":"21st:botsnew354__ia-siri-chat","t":"Ia siri chat","d":"Voice Chat IA siri","s":"21st","c":"ai-agent/ai-agent","a":"botsnew354","pl":"https://cdn.21st.dev/botsnew354/ia-siri-chat/default/preview.1750357827916.png","pc":"botsnew354","tg":["ai-chat"],"sb":"Chat"},{"id":"21st:boudjadjasamira__story-scroll","t":"Story scroll","k":"layout","s":"21st","c":"layout/scroll-area","a":"boudjadjasamira","u":70,"pl":"https://cdn.21st.dev/boudjadjasamira/story-scroll/default/preview.1777905625968.png","pc":"boudjadjasamira","tg":["hero","scroll-area"]},{"id":"21st:brijr__accordion-1","t":"Accordion 1","d":"Here is Accordion component","s":"21st","c":"data-display/accordion","a":"brijr","u":36,"pl":"https://cdn.21st.dev/larsen66/accordion-1/default/preview.1757994402489.png","pc":"brijr","tg":["accordion","faq"],"sb":"FAQ"},{"id":"21st:brijr__call-to-action-1","t":"Call to action 1","d":"Here is Call to Action component","k":"section","s":"21st","c":"marketing/cta","a":"brijr","u":31,"pl":"https://cdn.21st.dev/larsen66/call-to-action-1/default/preview.1757993954855.png","pc":"brijr","tg":["cta","link"]},{"id":"21st:brijr__feature-modern","t":"Feature modern","d":"Here is Feature component ","s":"21st","c":"assets/icon","a":"brijr","pl":"https://cdn.21st.dev/larsen66/feature-modern/default/preview.1757993312673.png","pc":"brijr","tg":["cta","features","grid","icon"]},{"id":"21st:brijr__hero-modern","t":"Hero modern","d":"Here is Hero Modern component","k":"section","s":"21st","c":"marketing/hero","a":"brijr","u":16,"pl":"https://cdn.21st.dev/larsen66/hero-modern/default/preview.1757991712685.png","pc":"brijr","tg":["cta","hero","image","text"],"sb":"With product shot"},{"id":"21st:brijr__pricing-section","t":"Pricing section","d":"Here is Pricing Section component","k":"section","s":"21st","c":"marketing/pricing","a":"brijr","u":145,"pl":"https://cdn.21st.dev/larsen66/pricing-section/default/preview.1757995276871.png","pc":"brijr","tg":["pricing-section","table","slider","tabs"],"sb":"Comparison tables"},{"id":"21st:browser-vm__exploding-loading-screen","t":"Exploding loading screen","d":"A loading screen where two dots circle around the text 'loading' until they converge and explode!","s":"21st","c":"status/loader","a":"browser-vm","pl":"https://cdn.21st.dev/browser-vm/exploding-loading-screen/default/preview.1760969380178.png","pc":"browser-vm","sb":"Spinners"},{"id":"21st:bruno_0cd2e1b7__stats","t":"Stats","d":"Display statistics and metrics","s":"21st","c":"data-display/stat","a":"bruno_0cd2e1b7","pl":"https://cdn.21st.dev/bruno_0cd2e1b7/stats/default/preview.1769059881968.png","pc":"bruno_0cd2e1b7"},{"id":"21st:brunowerneck__fireworks-background","t":"Fireworks background","d":"A reusable React component that adds stunning animated fireworks to any element.","k":"motion","s":"21st","c":"motion/background","a":"brunowerneck","pl":"https://cdn.21st.dev/brunowerneck/fireworks-background/default/preview.1748488355994.png","pc":"brunowerneck"},{"id":"21st:bucharitesh__game-of-life","t":"Game of life","d":"A customizable implementation of Conway's Game of Life with interactive cells, adjustable parameters, and smooth animations. Features configurable cell colors, grid size, and simul","k":"section","s":"21st","c":"marketing/features","a":"bucharitesh","pl":"https://cdn.21st.dev/bucharitesh/game-of-life/default/preview.1753477102400.png","pc":"bucharitesh"},{"id":"21st:bucharitesh__magic-cursor","t":"Magic cursor","d":"The Magical Mouse component creates a magical mouse effect. It supports hover effects, color changes, and pixel shape customization.","k":"motion","s":"21st","c":"motion/cursor","a":"bucharitesh","u":24,"pl":"https://cdn.21st.dev/bucharitesh/magic-cursor/default/preview.1753479659644.png","pc":"bucharitesh","tg":["cursor"]},{"id":"21st:bucharitesh__modern-verticle-progress","t":"Modern verticle progress","d":"The Modern Progress component creates a modern progress bar. It supports hover effects, color changes, and pixel shape customization.","s":"21st","c":"data-viz/progress-bar","a":"bucharitesh","pl":"https://cdn.21st.dev/bucharitesh/modern-verticle-progress/default/preview.1753477937931.png","pc":"bucharitesh","tg":["progress"]},{"id":"21st:bucharitesh__pixel-icon","t":"Pixel icon","d":"The Icon component creates customizable, interactive pixel-based icons. It supports hover effects, color changes, and pixel shape customization.","s":"21st","c":"assets/icon","a":"bucharitesh","pl":"https://cdn.21st.dev/bucharitesh/pixel-icon/default/preview.1754086836766.png","pc":"bucharitesh"},{"id":"21st:bucharitesh__split-text-effect","t":"Split text effect","d":"A Vercel and Rauno inspired split text effect for your website.","k":"motion","s":"21st","c":"motion/text-effect","a":"bucharitesh","u":11,"pl":"https://cdn.21st.dev/bucharitesh/split-text-effect/default/preview.1753478693355.png","pc":"bucharitesh","sb":"Reveal and entrance"},{"id":"21st:bucharitesh__view-magnifier","t":"View magnifier","d":"A dynamic image magnifier component that creates an interactive zoom effect on hover. Features customizable magnification level, smooth transitions, and responsive behavior for enh","s":"21st","c":"media/gallery","a":"bucharitesh","u":16,"pl":"https://cdn.21st.dev/bucharitesh/view-magnifier/default/preview.1753480627061.png","pc":"bucharitesh","tg":["gallery"],"sb":"Zoom and lens"},{"id":"21st:buildinvestmelb__prize-tail","t":"Prize tail","d":"a number of cards going from one side of the screen ot the other. some will say Refund others will say try again. ","s":"21st","c":"motion/number-ticker","a":"buildinvestmelb","pl":"https://cdn.21st.dev/buildinvestmelb/prize-tail/default/preview.1752811217135.png","pc":"buildinvestmelb"},{"id":"21st:buildkevin__smooth-navbar","t":"Smooth navbar","d":"A simple Smooth Navbar","s":"21st","c":"navigation/top-nav","a":"buildkevin","pl":"https://cdn.21st.dev/buildkevin/smooth-navbar/default/preview.1766142710850.png","pc":"buildkevin","sb":"Mega menus"},{"id":"21st:builduilabs__animated-counter","t":"Animated counter","d":"A counter that animates in response to React state changes.","k":"motion","s":"21st","c":"motion/number-ticker","a":"builduilabs","pl":"https://cdn.21st.dev/user_builduilabs/animated-counter.png","pc":"builduilabs","tg":["number"]},{"id":"21st:builduilabs__animated-tabs","t":"Animated tabs","d":"An animated tab component built with Framer Motion's layoutId prop.","s":"21st","c":"navigation/tabs","a":"builduilabs","u":211,"pl":"https://cdn.21st.dev/user_builduilabs/animated-tabs.png","pc":"builduilabs","tg":["navigation-menu","tabs"]},{"id":"21st:builduilabs__animated-text","t":"Animated text","d":"Smoothly animate frequently–updating text, like text from a chatbot.","k":"motion","s":"21st","c":"motion/text-effect","a":"builduilabs","u":159,"pl":"https://cdn.21st.dev/user_builduilabs/animated-text.png","pc":"builduilabs","tg":["hook"]},{"id":"21st:builduilabs__filesystem-item","t":"Filesystem item","d":"Render a filesystem tree of arbitrary depth using a single recursive component.","s":"21st","c":"data-display/list","a":"builduilabs","pl":"https://cdn.21st.dev/user_builduilabs/filesystem-item.png","pc":"builduilabs","tg":["file-tree","list"],"sb":"Files and trees"},{"id":"21st:builduilabs__ios-animated-switch","t":"Ios animated switch","d":"Recreation of iOS's switch control built with React Aria Components and Tailwind.","s":"21st","c":"actions/switch","a":"builduilabs","pl":"https://cdn.21st.dev/user_builduilabs/ios-animated-switch.png","pc":"builduilabs","sb":"Animated"},{"id":"21st:builduilabs__slider","t":"Slider","d":"A draggable control that uses rubber banding for out-of-bounds feedback.","s":"21st","c":"inputs/slider","a":"builduilabs","u":24,"pl":"https://cdn.21st.dev/user_builduilabs/slider.png","pc":"builduilabs","tg":["slider"]},{"id":"21st:bundui__animated-text","t":"Animated text","d":"Here is Animated Text component","k":"motion","s":"21st","c":"motion/text-effect","a":"bundui","u":66,"pl":"https://cdn.21st.dev/larsen66/animated-text/default/preview.1754079416277.png","pc":"bundui","tg":["text"]},{"id":"21st:bundui__button","t":"Button","d":"An animated button component to enhance your app's user experience and interactivity. This example was made with Tailwind CSS and Framer Motion.","s":"21st","c":"actions/button","a":"bundui","u":128,"pl":"https://cdn.21st.dev/user_bundui/button.png","pc":"bundui"},{"id":"21st:bundui__count-animation","t":"Count animation","d":"The count animation component is designed to create a captivating user experience by animating numerical values as they increase or decrease. This effect draws the user's attention","s":"21st","c":"motion/number-ticker","a":"bundui","u":108,"pl":"https://cdn.21st.dev/user_bundui/count-animation.png","pc":"bundui","tg":["number"]},{"id":"21st:bundui__empty5","t":"Empty5","d":"An empty state component showing a scheduled-maintenance message with an illustration and status/refresh actions.","s":"21st","c":"data-display/empty-state","a":"bundui","pl":"https://cdn.21st.dev/bundui/empty5/default/preview.1784797868304-83088886-70d9-4834-a285-68e62020af2a.png","pc":"bundui","tg":["empty-state"]},{"id":"21st:bundui__empty7","t":"Empty7","d":"A centered 404 empty state with a large heading, supporting message, and go-back / contact-support action buttons for not-found pages.","s":"21st","c":"data-display/empty-state","a":"bundui","pl":"https://cdn.21st.dev/bundui/empty7/default/preview.1784800714178-08c758ac-80fa-4f08-a939-f3bd219fa61a.png","pc":"bundui","tg":["empty-state"]},{"id":"21st:bundui__empty8","t":"Empty8","d":"An empty state that tells the user they're offline with an icon, title, description and a retry button.","s":"21st","c":"data-display/empty-state","a":"bundui","pl":"https://cdn.21st.dev/bundui/empty8/default/preview.1784797665045-4c7ea7e2-ce95-4636-8b7c-04de9903a16c.png","pc":"bundui","tg":["empty-state"]},{"id":"21st:bundui__fireworks-show","t":"Fireworks show","d":"Firework animation","s":"21st","c":"other","a":"bundui","pl":"https://cdn.21st.dev/larsen66/fireworks-show/default/preview.1747855956365.png","pc":"bundui"},{"id":"21st:bundui__floating-button","t":"Floating button","s":"21st","c":"actions/button","a":"bundui","pl":"https://cdn.21st.dev/user_bundui/floating-button.png","pc":"bundui"},{"id":"21st:bundui__floating-paths","t":"Floating paths","d":"a minimalistic floating paths background","k":"motion","s":"21st","c":"motion/background","a":"bundui","u":68,"pl":"https://cdn.21st.dev/larsen66/floating-paths/default/preview.1747855488677.png","pc":"bundui","tg":["background"]},{"id":"21st:bundui__fluid-particles-background","t":"Fluid particles background","d":"a customizable fluid particles background","k":"motion","s":"21st","c":"motion/background","a":"bundui","u":75,"pl":"https://cdn.21st.dev/larsen66/fluid-particles-background/default/preview.1747857052934.png","pc":"bundui","tg":["background"],"sb":"Shaders and WebGL"},{"id":"21st:bundui__geometric","t":"Geometric","d":"a simple animated geometric background","s":"21st","c":"layout/bento-grid","a":"bundui","u":27,"pl":"https://cdn.21st.dev/larsen66/geometric/default/preview.1747856871045.png","pc":"bundui"},{"id":"21st:bundui__image-comparison","t":"Image comparison","d":"Here is Image Comparison component","k":"section","s":"21st","c":"marketing/comparison","a":"bundui","pl":"https://cdn.21st.dev/larsen66/image-comparison/default/preview.1754079875773.png","pc":"bundui"},{"id":"21st:bundui__magnetic-button","t":"Magnetic button","d":"A Magnetic Button is a UI component designed to enhance user interaction. When a user's cursor or touch input approaches the button, it subtly moves towards the user, simulating th","s":"21st","c":"actions/button","a":"bundui","u":328,"pl":"https://cdn.21st.dev/user_bundui/magnetic-button.png","pc":"bundui","sb":"Animated"},{"id":"21st:bundui__marquee-effect","t":"Marquee effect","d":"The marquee component is designed to create a dynamic user experience by continuously scrolling text horizontally. This effect is perfect for highlighting important information, an","k":"motion","s":"21st","c":"motion/marquee","a":"bundui","u":286,"pl":"https://cdn.21st.dev/user_bundui/marquee-effect.png","pc":"bundui","tg":["marquee"]},{"id":"21st:bundui__navigation-menu4","t":"Navigation menu4","d":"An e-commerce navigation menu with dropdown panels for collections and accessories, featuring featured imagery, category icons, and quick links.","s":"21st","c":"navigation/top-nav","a":"bundui","u":4,"pl":"https://cdn.21st.dev/bundui/navigation-menu4/default/preview.1784718061594-affff992-5099-46db-96d4-da0d257788df.png","pc":"bundui","tg":["menu","navigation-menu"],"sb":"Mega menus"},{"id":"21st:bundui__newsletter1","t":"Newsletter1","d":"A centered newsletter signup section with a headline, supporting text, and an email input card with a subscribe button.","k":"section","s":"21st","c":"marketing/cta","a":"bundui","pl":"https://cdn.21st.dev/bundui/newsletter1/default/preview.1784789516263-5fbbfd12-0cde-472b-ab65-1c7e143dd0ef.png","pc":"bundui","sb":"Newsletter and waitlist"},{"id":"21st:bundui__progress7","t":"Progress7","d":"A progress bar showing storage usage with a color-coded status badge indicating usage level.","s":"21st","c":"data-viz/progress-bar","a":"bundui","u":10,"pl":"https://cdn.21st.dev/bundui/progress7/default/preview.1785102819993-6e1e69ce-29ae-44d1-84ca-e0ce30eadafc.png","pc":"bundui","tg":["badge","progress"]},{"id":"21st:bundui__scroll-area2","t":"Scroll area2","d":"A scrollable content area placed inside a slide-out sheet, ideal for showing long text such as a privacy policy without overflowing the panel.","k":"layout","s":"21st","c":"layout/scroll-area","a":"bundui","pl":"https://cdn.21st.dev/bundui/scroll-area2/default/preview.1783712813477.png","pc":"bundui","tg":["scroll-area"]},{"id":"21st:bundui__scroll-area3","t":"Scroll area3","d":"A scrollable container that lets users scroll through a long list of items, such as a user or contacts list, within a fixed height.","k":"layout","s":"21st","c":"layout/scroll-area","a":"bundui","pl":"https://cdn.21st.dev/bundui/scroll-area3/default/preview.1783712496142.png","pc":"bundui","tg":["profile","scroll-area"]},{"id":"21st:bundui__scroll-area4","t":"Scroll area4","d":"A scrollable container that displays a long list of notifications grouped by date with sticky date headers.","k":"layout","s":"21st","c":"layout/scroll-area","a":"bundui","pl":"https://cdn.21st.dev/bundui/scroll-area4/default/preview.1783712727698.png","pc":"bundui","tg":["notification","scroll-area"]},{"id":"21st:bundui__scroll-area6","t":"Scroll area6","d":"A scrollable chat conversation panel with avatars, message bubbles, timestamps and a message input that auto-scrolls to the latest message.","k":"layout","s":"21st","c":"layout/scroll-area","a":"bundui","pl":"https://cdn.21st.dev/bundui/scroll-area6/default/preview.1783713585917.png","pc":"bundui","tg":["scroll-area"]},{"id":"21st:bundui__scroll-progress-bar","t":"Scroll progress bar","d":"The Scroll Progress Bar component enhances user experience by providing a visually dynamic indicator as the user scrolls through the page. It visually informs users how much of the","s":"21st","c":"data-viz/progress-bar","a":"bundui","u":51,"pl":"https://cdn.21st.dev/user_bundui/scroll-progress-bar.png","pc":"bundui","tg":["progress","scroll-area"]},{"id":"21st:bundui__sliding-number","t":"Sliding number","d":"Here is Sliding Number component","k":"motion","s":"21st","c":"motion/number-ticker","a":"bundui","u":76,"pl":"https://cdn.21st.dev/larsen66/sliding-number/default/preview.1754080519416.png","pc":"bundui","tg":["number"]},{"id":"21st:bundui__spinner8","t":"Spinner8","d":"A loading spinner shown inside an empty state with a title, description, and cancel action to indicate a request is being processed.","s":"21st","c":"status/loader","a":"bundui","pl":"https://cdn.21st.dev/bundui/spinner8/default/preview.1785101804289-bdda2ab5-235d-4e16-bca3-e201c6a95b49.png","pc":"bundui","sb":"Spinners"},{"id":"21st:bundui__stars","t":"Stars","d":"a beautiful interactive dynamics stars background","k":"motion","s":"21st","c":"motion/background","a":"bundui","u":177,"pl":"https://cdn.21st.dev/bundui/stars/default/preview.1785356290189-0539512e-f42f-4624-93a9-e73ef96af665.png","pc":"bundui","sb":"Particles and stars"},{"id":"21st:bundui__text-gradient-scroll","t":"Text gradient scroll","d":"The text gradient scroll component is designed to enhance user interaction by providing a visually dynamic effect as the user scrolls through the text. Unlike static text, this eff","k":"motion","s":"21st","c":"motion/text-effect","a":"bundui","u":283,"pl":"https://cdn.21st.dev/user_bundui/text-gradient-scroll.png","pc":"bundui","tg":["scroll-area","text"],"sb":"Reveal and entrance"},{"id":"21st:bundui__tilt-effect","t":"Tilt effect","d":"Here is Tilt Effect component","k":"motion","s":"21st","c":"motion/tilt-3d","a":"bundui","u":29,"pl":"https://cdn.21st.dev/larsen66/tilt-effect/default/preview.1754080089855.png","pc":"bundui","tg":["image"]},{"id":"21st:bundui__toast1","t":"Toast1","d":"A button that triggers a Sonner toast notification with a description and an undo action.","s":"21st","c":"overlays/toast","a":"bundui","pl":"https://cdn.21st.dev/bundui/toast1/default/preview.1784768519874-13bb2567-ad27-42ce-baf9-7549e782fb36.png","pc":"bundui","tg":["alert","notification","toast"]},{"id":"21st:bundui__toast10","t":"Toast10","d":"A button that triggers a custom Sonner toast notification showing an avatar, message preview, and a reply action.","s":"21st","c":"overlays/toast","a":"bundui","pl":"https://cdn.21st.dev/bundui/toast10/default/preview.1784670342545-580dc166-ef87-4882-adf1-d32a9ed1f8a1.png","pc":"bundui","tg":["notification","toast"]},{"id":"21st:bundui__toast11","t":"Toast11","d":"A button that triggers a Sonner toast notification containing an inline action button to follow up on the completed task.","s":"21st","c":"overlays/toast","a":"bundui","pl":"https://cdn.21st.dev/bundui/toast11/default/preview.1784738866376-5725e02e-9b67-482b-960b-146664521298.png","pc":"bundui","tg":["alert","notification","toast"]},{"id":"21st:bundui__toast2","t":"Toast2","d":"A button that triggers a success toast notification with a title and description using Sonner.","s":"21st","c":"overlays/toast","a":"bundui","pl":"https://cdn.21st.dev/bundui/toast2/default/preview.1784762312386-861cda7e-ac26-4e45-a55e-8d3a0efb5cae.png","pc":"bundui","tg":["alert","notification","toast"]},{"id":"21st:bundui__toast3","t":"Toast3","d":"A button that triggers a Sonner error toast with a title and description to notify users about a failed payment.","s":"21st","c":"overlays/toast","a":"bundui","pl":"https://cdn.21st.dev/bundui/toast3/default/preview.1784669177302-86ff4e73-f8b2-4d27-a27a-dae8cb350509.png","pc":"bundui","tg":["alert","notification","toast"]},{"id":"21st:bundui__toast6","t":"Toast6","s":"21st","c":"overlays/toast","a":"bundui","pl":"https://cdn.21st.dev/bundui/toast6/default/preview.1784768490330-c3cc4893-c615-4e42-a274-2580e54b6afa.png","pc":"bundui","tg":["alert","notification","toast"]},{"id":"21st:bundui__toast7","t":"Toast7","d":"A button that triggers a Sonner promise toast with custom loading, success, and error states and a custom accent color.","s":"21st","c":"overlays/toast","a":"bundui","pl":"https://cdn.21st.dev/bundui/toast7/default/preview.1784670295779-0a4f7e9e-cfb8-4d7c-b940-ca153852062b.png","pc":"bundui","tg":["alert","notification","toast"]},{"id":"21st:bundui__toast8","t":"Toast8","d":"A button that triggers a promise-based Sonner toast, showing loading, success, and error states for async actions like syncing data.","s":"21st","c":"overlays/toast","a":"bundui","pl":"https://cdn.21st.dev/bundui/toast8/default/preview.1784738929371-311eb99b-946b-4568-a9f5-2e1717b19f6f.png","pc":"bundui","tg":["alert","notification","toast"]},{"id":"21st:bundui__wavy","t":"Wavy","d":"fully customizable stunning wavy background","k":"motion","s":"21st","c":"motion/background","a":"bundui","u":17,"pl":"https://cdn.21st.dev/larsen66/wavy/default/preview.1747856626890.png","pc":"bundui","tg":["background"]},{"id":"21st:campsite__light-theme","t":"Light theme","d":"Icon for light theme","s":"21st","c":"assets/icon","a":"campsite","u":41,"pl":"https://cdn.21st.dev/user_campsite/light-theme/default/preview.png","pc":"campsite"},{"id":"21st:campsite__system-theme","t":"System theme","d":"Icon for system theme","s":"21st","c":"assets/icon","a":"campsite","pl":"https://cdn.21st.dev/user_campsite/system-theme/default/preview.png","pc":"campsite"},{"id":"21st:campsite__theme-toggle","t":"Theme toggle","d":"Theme Toggle","s":"21st","c":"actions/switch","a":"campsite","u":88,"pl":"https://cdn.21st.dev/user_campsite/theme-toggle/default/preview.1737986905323.png","pc":"campsite","tg":["radio-group","toggle"],"sb":"Theme toggles"},{"id":"21st:camwebby__numeric-scrubber","t":"Numeric scrubber","s":"21st","c":"inputs/slider","a":"camwebby","st":"rated","pl":"https://cdn.21st.dev/user_camwebby/numeric-scrubber.png","pc":"camwebby","sc":22},{"id":"21st:cdmorozov__dedsec","t":"Dedsec","d":"Animated (flicker) ASCII art in the Cross style, made with the 21st ASCII editor and baked to a looping video. Styled with a cyberpunk look. A drop-in, zero-dependency React compon","k":"motion","s":"21st","c":"motion/ascii","a":"cdmorozov","pl":"https://cdn.21st.dev/cdmorozov/dedsec/default/preview.1785961253658-9b853bcb-82aa-4399-ac1b-be52eb617fca.webp","pc":"cdmorozov","sb":"Cross"},{"id":"21st:ceo_42a375e1__identity-hub-cockpit","t":"Identity hub cockpit","d":"Full-page operational cockpit for the MOTTIVME Logto Identity Hub rollout with sidebar, wave timeline, execution board, authorization flow, risk table, and live rollout gates.","s":"21st","c":"data-display/timeline","a":"ceo_42a375e1","pl":"https://21st.dev/@ceo_42a375e1/components/identity-hub-cockpit","pc":"ceo_42a375e1"},{"id":"21st:chamaac__electric-mist","t":"Electric mist","d":"An animated full-bleed WebGL shader background with glowing lightning, waves and smoke effects, configurable via color, speed, detail, distortion and brightness props.","k":"motion","s":"21st","c":"motion/background","a":"chamaac","pl":"https://cdn.21st.dev/chamaac/electric-mist/default/preview.1785374992433-155729a0-d731-4868-9c57-813a90d75638.png","pc":"chamaac"},{"id":"21st:chamaac__gif-text","t":"Gif text","d":"Animated text that uses a GIF as the fill color via background-clip, with a loading state.","k":"motion","s":"21st","c":"motion/text-effect","a":"chamaac","pl":"https://cdn.21st.dev/chamaac/gif-text/default/preview.1783718419803.png","pc":"chamaac","tg":["text"]},{"id":"21st:chamaac__grid-bloom","t":"Grid bloom","d":"An animated WebGL shader background rendering a glowing, pulsing grid with wave interference and mouse-reactive light and repulsion.","s":"21st","c":"layout/bento-grid","a":"chamaac","pl":"https://cdn.21st.dev/chamaac/grid-bloom/default/preview.1784433047856-3a09ceeb-2016-4011-b3ef-3d7ac67452b2.png","pc":"chamaac"},{"id":"21st:chamaac__how-it-works","t":"How it works","d":"A visual step-by-step process section with pinned, connected cards showing how something works.","k":"section","s":"21st","c":"marketing/features","a":"chamaac","u":31,"pl":"https://cdn.21st.dev/chamaac/how-it-works/default/preview.1784360686164-c9ef8bfe-dc43-4bca-9387-30df706ad4d2.png","pc":"chamaac","tg":["features","steps","timeline"],"sb":"Steps"},{"id":"21st:chamaac__light-speed","t":"Light speed","d":"A full-screen WebGL hyperspace warp animation with glowing bloom light streaks, usable as an animated page background.","k":"motion","s":"21st","c":"motion/background","a":"chamaac","pl":"https://cdn.21st.dev/chamaac/light-speed/default/preview.1785315948140-b70081c0-8d9a-4cdf-be1b-84af3452c68a.png","pc":"chamaac","sb":"Beams and light"},{"id":"21st:chamaac__liquid-chrome","t":"Liquid chrome","d":"An animated full-bleed liquid metal shader background with customizable colors and flow speed for landing page heroes.","k":"motion","s":"21st","c":"motion/background","a":"chamaac","pl":"https://cdn.21st.dev/chamaac/liquid-chrome/default/preview.1784824031541-5173bccd-9a85-4c5c-a5f5-152e3784590d.png","pc":"chamaac","sb":"Waves and warps"},{"id":"21st:chamaac__nebula","t":"Nebula","d":"An animated deep-space nebula background using a WebGL fractal noise shader with customizable colors and speed.","k":"motion","s":"21st","c":"motion/background","a":"chamaac","pl":"https://cdn.21st.dev/chamaac/nebula/default/preview.1783580735592.png","pc":"chamaac"},{"id":"21st:chamaac__synthesis","t":"Synthesis","d":"An animated multi-layered cosmic flow background powered by a WebGL shader with extensive warping and color customization.","k":"motion","s":"21st","c":"motion/background","a":"chamaac","pl":"https://cdn.21st.dev/chamaac/synthesis/default/preview.1785315846443-ccc6836f-0dc1-4935-bc71-0e83bbeaeea8.png","pc":"chamaac"},{"id":"21st:chamaac__text-loop","t":"Text loop","d":"An animated text loop that rotates through words with a typewriter-style reveal and gradient effect beside static text.","k":"motion","s":"21st","c":"motion/text-effect","a":"chamaac","u":6,"pl":"https://cdn.21st.dev/chamaac/text-loop/default/preview.1784725725680-22729b8d-1f35-4299-be03-84c9c457b271.png","pc":"chamaac","tg":["text"]},{"id":"21st:chamaac__water-caustic","t":"Water caustic","d":"An animated, tileable water caustic lighting effect rendered with a WebGL shader for glowing underwater ripple backgrounds.","k":"motion","s":"21st","c":"motion/background","a":"chamaac","pl":"https://cdn.21st.dev/chamaac/water-caustic/default/preview.1784758454989-5cb8faaf-60c6-4ae2-98be-70b8f76848de.png","pc":"chamaac","sb":"Waves and warps"},{"id":"21st:chamaac__waves","t":"Waves","d":"A shader-based animated wave background using Three.js, ideal as a hero or landing page backdrop.","k":"motion","s":"21st","c":"motion/background","a":"chamaac","pl":"https://cdn.21st.dev/chamaac/waves/default/preview.1785375230875-29295e48-2deb-426b-a469-962b5a9ecf74.png","pc":"chamaac","sb":"Waves and warps"},{"id":"21st:chandreyee.style__guapdexploration1","t":"Guapdexploration1","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#EBEBF7, #D5E278, #FCFFB9, #FFFFFF). Features: film grain. A drop-i","k":"motion","s":"21st","c":"motion/gradient","a":"chandreyee.style","pl":"https://cdn.21st.dev/chandreyee.style/guapdexploration1/default/preview.1786353939395-ed408458-d1dc-4bfc-b507-bc8cd3bd0506.webp","pc":"chandreyee.style","sb":"Bloom Field"},{"id":"21st:charith1283p__new1","t":"New1","d":"Animated (flicker) ASCII art in the Hatching style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a cyberpunk, retro look. A drop-in, zero-dependenc","k":"motion","s":"21st","c":"motion/ascii","a":"charith1283p","pl":"https://cdn.21st.dev/charith1283p/new1/default/preview.1784146896194-aa279885-5dd7-4092-96bb-2cec815c5a56.webp","pc":"charith1283p"},{"id":"21st:charlesinwald__quadrant-chart","t":"Quadrant chart","d":"A quadrant chart with tooltips","s":"21st","c":"data-viz/chart","a":"charlesinwald","pl":"https://cdn.21st.dev/charlesinwald/quadrant-chart/default/preview.png","pc":"charlesinwald","tg":["data-visualization","tooltip"]},{"id":"21st:chaudhari.ankit291996__glass-card","t":"Glass card","d":"Frosted-glass surface card with translucent white background, blur, soft slate border and top highlight. Optional accent glow, compact padding, and hover-lift interactive mode. Wor","s":"21st","c":"data-display/card","a":"chaudhari.ankit291996","pl":"https://21st.dev/@chaudhari.ankit291996/components/glass-card","pc":"chaudhari.ankit291996","sb":"Animated and glowing"},{"id":"21st:chensizhi__button","t":"Button","d":"test 11111111111111","s":"21st","c":"actions/button","a":"chensizhi","pl":"https://cdn.21st.dev/chensizhi/button/default/preview.1752039415061.png","pc":"chensizhi"},{"id":"21st:chetanverma16__alert","t":"Alert","d":"An alert component made with framer motion and tailwind css.","s":"21st","c":"overlays/alert-banner","a":"chetanverma16","u":31,"pl":"https://cdn.21st.dev/chetanverma16/alert/default/preview.1750315976629.png","pc":"chetanverma16","tg":["alert","notification"]},{"id":"21st:chetanverma16__animated-tabs","t":"Animated tabs","d":"Animated tabs interaction made with framer motion and tailwind css.","s":"21st","c":"navigation/tabs","a":"chetanverma16","u":242,"pl":"https://cdn.21st.dev/user_2rc5PfL1BTeoSaeKi50f3UeVfRn/animated-tabs/default/preview.1737987994656.png","pc":"chetanverma16","tg":["tabs"]},{"id":"21st:chetanverma16__audio-player","t":"Audio player","d":"An audio player component made with framer motion and tailwind css.","s":"21st","c":"media/player","a":"chetanverma16","pl":"https://cdn.21st.dev/user_2rc5PfL1BTeoSaeKi50f3UeVfRn/audio-player/default/preview.png","pc":"chetanverma16","tg":["progress"]},{"id":"21st:chetanverma16__avatar-group","t":"Avatar group","d":"An avatar group component made with framer-motion and Tailwind CSS","s":"21st","c":"data-display/avatar","a":"chetanverma16","u":139,"pl":"https://cdn.21st.dev/chetanverma16/avatar-group/default/preview.1750401831544.png","pc":"chetanverma16","tg":["avatar","team","tooltip"]},{"id":"21st:chetanverma16__calendar","t":"Calendar","d":"A calendar component made with framer motion and tailwind css.","s":"21st","c":"data-display/calendar","a":"chetanverma16","pl":"https://cdn.21st.dev/chetanverma16/calendar/default/preview.1750614798313.png","pc":"chetanverma16","tg":["calendar","date-picker"]},{"id":"21st:chetanverma16__dropdown-menu","t":"Dropdown menu","d":"Dropdown menu component with framer motion and tailwind css.","s":"21st","c":"navigation/menu","a":"chetanverma16","u":377,"pl":"https://cdn.21st.dev/user_2rc5PfL1BTeoSaeKi50f3UeVfRn/dropdown-menu.png","pc":"chetanverma16","tg":["dropdown","menu"],"sb":"Dropdowns"},{"id":"21st:chetanverma16__floating-action-menu","t":"Floating action menu","d":"A floating action menu component made with framer motion and tailwind css.","s":"21st","c":"navigation/menu","a":"chetanverma16","u":391,"pl":"https://cdn.21st.dev/user_2rc5PfL1BTeoSaeKi50f3UeVfRn/floating-action-menu/default/preview.png","pc":"chetanverma16","tg":["menu"]},{"id":"21st:chetanverma16__floating-menu-action","t":"Floating menu action","d":"Here is Floating Menu Action component","s":"21st","c":"navigation/menu","a":"chetanverma16","pl":"https://cdn.21st.dev/larsen66/floating-menu-action/default/preview.1759954196393.png","pc":"chetanverma16"},{"id":"21st:chetanverma16__header-one-components","t":"Header one components","d":"Header One Components","s":"21st","c":"navigation/top-nav","a":"chetanverma16","pl":"https://cdn.21st.dev/chetanverma16/header-one-components/default/preview.1751443375975.png","pc":"chetanverma16"},{"id":"21st:chetanverma16__input-with-tags","t":"Input with tags","d":"Input with tags component made with framer motion and tailwind css.","s":"21st","c":"inputs/form-field","a":"chetanverma16","u":71,"pl":"https://cdn.21st.dev/user_2rc5PfL1BTeoSaeKi50f3UeVfRn/input-with-tags/default/preview.1737994388054.png","pc":"chetanverma16","tg":["chip"]},{"id":"21st:chetanverma16__stacked-cards-interaction","t":"Stacked cards interaction","d":"a simple stacked cards interaction component made with framer motion and tailwind css.","s":"21st","c":"data-display/card","a":"chetanverma16","u":187,"pl":"https://cdn.21st.dev/user_2rc5PfL1BTeoSaeKi50f3UeVfRn/stacked-cards-interaction/default/preview.1737994305157.png","pc":"chetanverma16","tg":["carousel","gallery"]},{"id":"21st:chetanverma16__stacking-navbar","t":"Stacking navbar","d":"a simple stacking navbar component made with framer motion and tailwind css.","s":"21st","c":"navigation/top-nav","a":"chetanverma16","u":56,"pl":"https://cdn.21st.dev/user_2rc5PfL1BTeoSaeKi50f3UeVfRn/stacking-navbar.png","pc":"chetanverma16","sb":"Mega menus"},{"id":"21st:chetanverma16__status-cycle-button","t":"Status cycle button","d":"A cycle status button component made with framer motion and tailwind css.","s":"21st","c":"actions/button","a":"chetanverma16","pl":"https://cdn.21st.dev/user_2rc5PfL1BTeoSaeKi50f3UeVfRn/status-cycle-button/default/preview.1738697081387.png","pc":"chetanverma16"},{"id":"21st:chetanverma16__switch","t":"Switch","d":"A switch component made with Framer Motion and Tailwind CSS.","s":"21st","c":"actions/switch","a":"chetanverma16","u":40,"pl":"https://cdn.21st.dev/chetanverma16/switch/default/preview.1750240711068.png","pc":"chetanverma16"},{"id":"21st:chetanverma16__video-player","t":"Video player","d":"A video player component made with framer motion and tailwind css.","s":"21st","c":"media/player","a":"chetanverma16","pl":"https://cdn.21st.dev/user_2rc5PfL1BTeoSaeKi50f3UeVfRn/video-player/default/preview.1737980095562.png","pc":"chetanverma16","tg":["progress","video"]},{"id":"21st:chetanverma16__word-loader","t":"Word loader","d":"An animated loader that cycles through a set of words, showing each with a blur-fade-in effect, then fades out before showing the next.","s":"21st","c":"status/loader","a":"chetanverma16","u":21,"pl":"https://cdn.21st.dev/chetanverma16/word-loader/default/preview.1760464429711.png","pc":"chetanverma16","tg":["spinner"],"sb":"Text loaders"},{"id":"21st:chillacollab__kaaba","t":"Kaaba","d":"Animated (flicker) ASCII art in the Pixel Art style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, car","k":"motion","s":"21st","c":"motion/ascii","a":"chillacollab","pl":"https://cdn.21st.dev/chillacollab/kaaba/default/preview.1786557051964-c60be96b-340c-4b28-886c-310343648016.webp","pc":"chillacollab","sb":"Pixel Art"},{"id":"21st:chorfiyouss__shader1","t":"Shader1","d":"Animated WebGL shader background in the Mesh drift style, generated by the 21st.dev Shader Builder. 6-color palette (#EBF9FF, #1B6CA8, #5AD2F4, #C2FFEE, #E3D1F1, #FDFEE4). Features","k":"motion","s":"21st","c":"motion/shader","a":"chorfiyouss","pl":"https://cdn.21st.dev/chorfiyouss/shader1/default/preview.1784477760476-0f464e10-4ae2-4eb0-b286-0c272702db41.webp","pc":"chorfiyouss","sb":"Mesh drift"},{"id":"21st:chowlol202__animated-gradient-button","t":"Animated gradient button","d":"A modern, reusable button with animated gradients, smooth hover/tap interactions, and full dark mode support. Built with ShadCN UI, Tailwind, and Framer Motion — perfect for CTAs, ","s":"21st","c":"actions/button","a":"chowlol202","u":4,"pl":"https://cdn.21st.dev/chowlol202/animated-gradient-button/default/preview.1753749892286.png","pc":"chowlol202","sb":"Animated"},{"id":"21st:chowlol202__animated-tabs","t":"Animated tabs","d":"A modern animated tabs component with a smooth, fluid underline transition and accessible keyboard navigation.","s":"21st","c":"navigation/tabs","a":"chowlol202","pl":"https://cdn.21st.dev/chowlol202/animated-tabs/default/preview.1756443742746.png","pc":"chowlol202"},{"id":"21st:chowlol202__filter-dropdown","t":"Filter dropdown","d":"A clean, animated dropdown button designed for filtering content. Includes smooth transitions, optional icons, and customizable options. Fully responsive, theme-aware, and accessib","s":"21st","c":"navigation/menu","a":"chowlol202","pl":"https://cdn.21st.dev/chowlol202/filter-dropdown/default/preview.1753765861471.png","pc":"chowlol202","sb":"Dropdowns"},{"id":"21st:chowlol202__globe-hero","t":"Globe hero","d":"Dot Globe Hero – A modern, interactive 3D globe hero section built with React Three Fiber and Tailwind CSS. Perfect for SaaS landing pages, dashboards, or portfolios, this componen","k":"section","s":"21st","c":"marketing/hero","a":"chowlol202","u":242,"pl":"https://cdn.21st.dev/chowlol202/globe-hero/default/preview.1755809722660.png","pc":"chowlol202","tg":["globe","hero"],"sb":"Animated background"},{"id":"21st:chowlol202__grain-gradient-hero-section","t":"Grain gradient hero section","d":"A modern hero section with a dynamic grain gradient background powered by Paper Shaders. Includes a customizable title, subtitle, and call-to-action, and is fully responsive.","k":"section","s":"21st","c":"marketing/hero","a":"chowlol202","u":66,"pl":"https://cdn.21st.dev/chowlol202/grain-gradient-hero-section/default/preview.1755565281814.png","pc":"chowlol202","tg":["cta","hero"],"sb":"Animated background"},{"id":"21st:chowlol202__liquid-metal-hero","t":"Liquid metal hero","d":"Liquid metal hero section with nice animations and perfect for any website.","k":"section","s":"21st","c":"marketing/hero","a":"chowlol202","u":166,"pl":"https://cdn.21st.dev/chowlol202/liquid-metal-hero/default/preview.1755804510219.png","pc":"chowlol202"},{"id":"21st:chowlol202__modern-pricing-table","t":"Modern pricing table","d":"A clean, responsive pricing section with a segmented Monthly/Yearly toggle, animated price transitions, feature comparison table, and full dark mode support. Built with Tailwind, S","k":"section","s":"21st","c":"marketing/pricing","a":"chowlol202","u":108,"pl":"https://cdn.21st.dev/chowlol202/modern-pricing-table/default/preview.1753670965086.png","pc":"chowlol202","tg":["pricing-section","table","toggle"],"sb":"Comparison tables"},{"id":"21st:chowlol202__modern-timeline","t":"Modern timeline","d":"A responsive, accessible, and fully themable Timeline / Roadmap component built with ShadCN UI and Tailwind CSS. Supports vertical and horizontal layouts, animated progress, dark/l","s":"21st","c":"data-display/timeline","a":"chowlol202","u":172,"pl":"https://cdn.21st.dev/chowlol202/modern-timeline/default/preview.1753761906025.png","pc":"chowlol202","tg":["timeline"]},{"id":"21st:chowlol202__onboarding-checklist","t":"Onboarding checklist","d":"An Interactive Onboarding Checklist that guides users step-by-step through key actions in your app, with a slide-out checklist panel, progress indicator, and coachmarks that spotli","s":"21st","c":"inputs/checkbox","a":"chowlol202","u":83,"pl":"https://cdn.21st.dev/chowlol202/onboarding-checklist/default/preview.1755362959822.png","pc":"chowlol202","tg":["onboarding","tooltip"]},{"id":"21st:chowlol202__searchable-dropdown","t":"Searchable dropdown","d":"A modern, animated dropdown menu with built-in search functionality. Smoothly reveals options with framer-motion, supports keyboard navigation, light/dark themes, and customizable ","s":"21st","c":"navigation/menu","a":"chowlol202","pl":"https://cdn.21st.dev/chowlol202/searchable-dropdown/default/preview.1753766351361.png","pc":"chowlol202","sb":"Dropdowns"},{"id":"21st:chowlol202__simple-dropdown","t":"Simple dropdown","d":"A sleek, reusable dropdown button with smooth animations and built-in dark mode support. Accepts custom trigger content and dynamic menu items with optional icons and actions. Buil","s":"21st","c":"navigation/menu","a":"chowlol202","pl":"https://cdn.21st.dev/chowlol202/simple-dropdown/default/preview.1753766625448.png","pc":"chowlol202","sb":"Dropdowns"},{"id":"21st:chowlol202__user-menu-dropdown","t":"User menu dropdown","s":"21st","c":"navigation/menu","a":"chowlol202","st":"rated","pl":"https://cdn.21st.dev/chowlol202/user-menu-dropdown/default/preview.1753765376422.png","pc":"chowlol202","sc":22,"sb":"Dropdowns"},{"id":"21st:cinquinandy__animated-glass-polygons","t":"Animated glass polygons","d":"A performant React Three Fiber component for rendering beautiful, animated 3D glass polygons. Fully customizable with props for shape (triangle, octagon, etc.), material (IOR, roug","s":"21st","c":"other","a":"cinquinandy","pl":"https://cdn.21st.dev/cinquinandy/animated-glass-polygons/default/preview.1762274563147.png","pc":"cinquinandy"},{"id":"21st:cinquinandy__animated-hero-with-web-gl-glitter","t":"Animated hero with web gl glitter","d":"A sophisticated full-screen hero component featuring smooth Framer\n  Motion entrance animations and a WebGL shader-based glitter overlay. Built with React\n  Three Fiber and custom ","k":"section","s":"21st","c":"marketing/hero","a":"cinquinandy","u":47,"pl":"https://cdn.21st.dev/cinquinandy/animated-hero-with-web-gl-glitter/default/preview.1762441678672.png","pc":"cinquinandy","sb":"Animated background"},{"id":"21st:cinquinandy__artistic-hero-with-animated-blobs","t":"Artistic hero with animated blobs","d":"A full-screen, artistic hero component. Features a large title with a custom cursive font (Corinthia), several gently floating SVG blobs, and an infinitely scrolling curved text ov","k":"section","s":"21st","c":"marketing/hero","a":"cinquinandy","pl":"https://cdn.21st.dev/cinquinandy/artistic-hero-with-animated-blobs/default/preview.1762278082798.png","pc":"cinquinandy","sb":"Animated background"},{"id":"21st:cinquinandy__lightning-split","t":"Lightning split","d":"Lightning Split delivers a high-impact visual effect combining a WebGL shader-powered lightning bolt with smooth diagonal screen division. The animated electric arc creates a natur","s":"21st","c":"inputs/slider","a":"cinquinandy","u":53,"pl":"https://cdn.21st.dev/cinquinandy/lightning-split/default/preview.1760802028658.png","pc":"cinquinandy","tg":["slider"]},{"id":"21st:cinquinandy__sports-hero-with-animated-athletes-in-stickman","t":"Sports hero with animated athletes in stickman","d":"A comprehensive hero section designed for sports and race event websites. Features a theme-aware, split-screen background with a main image and a topography pattern. The key featur","k":"section","s":"21st","c":"marketing/hero","a":"cinquinandy","pl":"https://cdn.21st.dev/cinquinandy/sports-hero-with-animated-athletes-in-stickman/default/preview.1762360183902.png","pc":"cinquinandy","sb":"Animated background"},{"id":"21st:claude-ai__spotlight","t":"Spotlight","d":"Interactive cards with a radial mouse-following spotlight glow, supporting proximity, hover-focus, and cursor-flow gradient lighting effects.","k":"motion","s":"21st","c":"motion/background","a":"claude-ai","pl":"https://cdn.21st.dev/claude-ai/spotlight/default/preview.1782755177233.png","pc":"claude-ai","sb":"Beams and light"},{"id":"21st:claude-ai__v-toolbar-1","t":"V toolbar 1","d":"A horizontal toolbar with grouped alignment toggles, formatting buttons, a font select, and a save action, ideal for text or document editors.","s":"21st","c":"navigation/menu","a":"claude-ai","pl":"https://cdn.21st.dev/claude-ai/v-toolbar-1/default/preview.1782482390828.png","pc":"claude-ai","sb":"Menubars"},{"id":"21st:cldgayo__iridescent-raymarched-glass-metaballs","t":"Iridescent raymarched glass metaballs","d":"Iridescent Raymarched Glass Metaballs","k":"motion","s":"21st","c":"motion/shader","a":"cldgayo","pl":"https://cdn.21st.dev/cldgayo/iridescent-raymarched-glass-metaballs/default/preview.1785669707920-1678300b-6ef6-4068-9e82-6a076ca13102.png","pc":"cldgayo"},{"id":"21st:cldgayo__test","t":"Test","d":"test how ti","s":"21st","c":"other","a":"cldgayo","pl":"https://cdn.21st.dev/cldgayo/test/default/preview.1783577815485.png","pc":"cldgayo"},{"id":"21st:clementjanssens__color-picker","t":"Color picker","d":"An intuitive color picker component that generates harmonious color combinations. It features a circular HSL color wheel with dynamic spread control, allowing users to select 1-3 c","s":"21st","c":"inputs/color-picker","a":"clementjanssens","u":30,"pl":"https://cdn.21st.dev/user_2u5fNis0X6SpWA2toGWYjV4rFDe/color-picker/default/preview.1747164306479.png","pc":"clementjanssens"},{"id":"21st:cnippet.dev__accordion","t":"Accordion","d":"A set of collapsible panels with headings.","s":"21st","c":"data-display/accordion","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/accordion/default/preview.1773463769295.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__aero-blog-1","t":"Aero blog 1","d":"An animated blogs list section.","k":"section","s":"21st","c":"marketing/marketing","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/aero-blog-1/default/preview.1773035502736.png","pc":"cnippet.dev","sb":"Blog and posts"},{"id":"21st:cnippet.dev__aero-footer-1","t":"Aero footer 1","k":"section","s":"21st","c":"marketing/footer","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/aero-footer-1/default/preview.1773035874394.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__aero-hero-1","t":"Aero hero 1","k":"section","s":"21st","c":"marketing/hero","a":"cnippet.dev","u":43,"pl":"https://cdn.21st.dev/cnippet.dev/aero-hero-1/default/preview.1772825270975.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__aero-hero-3","t":"Aero hero 3","k":"section","s":"21st","c":"marketing/hero","a":"cnippet.dev","u":44,"pl":"https://cdn.21st.dev/cnippet.dev/aero-hero-3/default/preview.1773257562627.png","pc":"cnippet.dev","tg":["button","cta","grid","hero"],"sb":"Centered and minimal"},{"id":"21st:cnippet.dev__aero-metrics-1","t":"Aero metrics 1","d":"This clean and modern metrics section showcases your key achievements and statistics in a minimalist grid layout. Large, bold numbers paired with clear labels make it easy for visi","s":"21st","c":"data-display/stat","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/aero-metrics-1/default/preview.1773259498482.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__alert","t":"Alert","d":"A callout for displaying important information.","s":"21st","c":"overlays/alert-banner","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/alert/default/preview.1768986130513.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__announcement-banner","t":"Announcement banner","d":"A dismissible announcement banner alert with an icon, title, description and a call-to-action link.","s":"21st","c":"overlays/alert-banner","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/announcement-banner/default/preview.1785493882128-b4444249-c576-42fe-a621-e2151e5c4c79.png","pc":"cnippet.dev","tg":["announcement","alert","notification"]},{"id":"21st:cnippet.dev__avatar-stack","t":"Avatar stack","d":"An overlapping stack of team member avatars with hover tooltips showing names and roles, plus an overflow count and an add-member button.","s":"21st","c":"data-display/avatar","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/avatar-stack/default/preview.1785465008967-519245d0-1820-40b6-a49c-cae87af49b6b.png","pc":"cnippet.dev","tg":["team","tooltip"]},{"id":"21st:cnippet.dev__blogs","t":"Blogs","d":"A vertically stacked set of interactive headings that each reveal a section of content.","k":"section","s":"21st","c":"marketing/marketing","a":"cnippet.dev","u":39,"pl":"https://cdn.21st.dev/user_36Tbt0v8JdD4jEycmBFhR8tojnR/blogs/default/preview.1786465769239.webp","pc":"cnippet.dev","sb":"Blog and posts"},{"id":"21st:cnippet.dev__boxly-pricing-1","t":"Boxly pricing 1","k":"section","s":"21st","c":"marketing/pricing","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/boxly-pricing-1/default/preview.1774288546354.png","pc":"cnippet.dev","tg":["cta","pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:cnippet.dev__breadcrumb","t":"Breadcrumb","d":"Accessible breadcrumb navigation with links, a current page, separators, and an ellipsis for collapsed paths.","s":"21st","c":"navigation/breadcrumb","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/breadcrumb/default/preview.1785543790338-4a5f8fac-3a3e-4738-98d1-2800fc93df88.png","pc":"cnippet.dev","tg":["menu"]},{"id":"21st:cnippet.dev__button","t":"Button","d":"A button or a component that looks like a button.","s":"21st","c":"actions/button","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/button/default/preview.1770466613578.png","pc":"cnippet.dev","tg":["cta"]},{"id":"21st:cnippet.dev__changelog-carousel","t":"Changelog carousel","d":"A horizontal drag-free carousel that displays product changelog releases as cards with colored version tags and dot navigation.","s":"21st","c":"media/carousel","a":"cnippet.dev","u":2,"pl":"https://cdn.21st.dev/cnippet.dev/changelog-carousel/default/preview.1784150303963.png","pc":"cnippet.dev","tg":["carousel"]},{"id":"21st:cnippet.dev__cnippet-accordion","t":"Cnippet accordion","d":"A vertically stacked set of collapsible sections built on Base UI's Accordion primitive. Supports single or multiple open items, controlled or uncontrolled state, a custom trigger ","s":"21st","c":"data-display/accordion","a":"cnippet.dev","pl":"https://cdn.21st.dev/larsen66/cnippet-accordion/default/preview.1783974792885.png","pc":"cnippet.dev","tg":["accordion","faq"],"sb":"FAQ"},{"id":"21st:cnippet.dev__cnippet-button","t":"Cnippet button","d":"A polymorphic button built on Base UI's useRender. Ships 8 visual variants (default, secondary, outline, ghost, link, destructive, destructive-outline) and a full set of sizes incl","s":"21st","c":"actions/button","a":"cnippet.dev","u":29,"pl":"https://cdn.21st.dev/larsen66/cnippet-button/default/preview.1783605523635.png","pc":"cnippet.dev","tg":["button","icon","link","spinner"],"sb":"Icon buttons"},{"id":"21st:cnippet.dev__cnippet-chart","t":"Cnippet chart","d":"A set of composable chart primitives built on Recharts, providing a themeable ChartContainer plus ChartTooltip, ChartTooltipContent, ChartLegend and ChartLegendContent. Colors are ","s":"21st","c":"data-viz/chart","a":"cnippet.dev","pl":"https://cdn.21st.dev/larsen66/cnippet-chart/default/preview.1783962689603.png","pc":"cnippet.dev","tg":["data-visualization","dashboard","tooltip"]},{"id":"21st:cnippet.dev__cnippet-collapsible","t":"Cnippet collapsible","d":"A minimal show/hide primitive built on Base UI's Collapsible. A trigger toggles a height-animated panel — perfect for read-more text, FAQ rows, nested groups and expandable log out","s":"21st","c":"data-display/accordion","a":"cnippet.dev","pl":"https://cdn.21st.dev/larsen66/cnippet-collapsible/default/preview.1784046947032.png","pc":"cnippet.dev","tg":["accordion","faq","list","team"],"sb":"FAQ"},{"id":"21st:cnippet.dev__cnippet-empty","t":"Cnippet empty","d":"A composable empty-state block for when there's no data to show — no results, no events, an empty folder, cleared filters. Ships Empty plus EmptyHeader, EmptyMedia (with a stacked ","s":"21st","c":"data-display/empty-state","a":"cnippet.dev","u":24,"pl":"https://cdn.21st.dev/larsen66/cnippet-empty/default/preview.1784047727980.png","pc":"cnippet.dev","tg":["card","calendar","button","empty-state"]},{"id":"21st:cnippet.dev__cnippet-switch","t":"Cnippet switch","d":"An accessible toggle switch built on Base UI's Switch primitive. Animated thumb with a springy press/scale interaction, two sizes (default and sm), controlled or uncontrolled usage","s":"21st","c":"actions/switch","a":"cnippet.dev","pl":"https://cdn.21st.dev/larsen66/cnippet-switch/default/preview.1783606379538.png","pc":"cnippet.dev","tg":["list","notification","toggle"]},{"id":"21st:cnippet.dev__cnippet-table","t":"Cnippet table","s":"21st","c":"data-display/table","a":"cnippet.dev","pl":"https://cdn.21st.dev/larsen66/cnippet-table/default/preview.1784050047380.png","pc":"cnippet.dev","tg":["badge","comparison","pricing-section","progress"],"sb":"Comparison"},{"id":"21st:cnippet.dev__cnippet-toggle","t":"Cnippet toggle","d":"A two-state toggle button built on Base UI's Toggle primitive. Ships default and outline variants, three sizes (sm, default, lg), controlled or uncontrolled pressed state via press","s":"21st","c":"actions/switch","a":"cnippet.dev","pl":"https://cdn.21st.dev/larsen66/cnippet-toggle/default/preview.1783607963754.png","pc":"cnippet.dev","tg":["toggle"]},{"id":"21st:cnippet.dev__cnippet-toggle-group","t":"Cnippet toggle group","d":"A set of toggle buttons that work together as a single control, built on Base UI's ToggleGroup primitive. Supports single or multiple selection, horizontal and vertical orientation","s":"21st","c":"actions/switch","a":"cnippet.dev","u":103,"pl":"https://cdn.21st.dev/larsen66/cnippet-toggle-group/default/preview.1783623189977.png","pc":"cnippet.dev","tg":["button","toggle"]},{"id":"21st:cnippet.dev__cnippet-toolbar","t":"Cnippet toolbar","d":"A container for grouping related actions into a single keyboard-navigable bar, built on Base UI's Toolbar primitive. Ships Toolbar, ToolbarButton, ToolbarLink, ToolbarInput, Toolba","s":"21st","c":"navigation/menu","a":"cnippet.dev","u":37,"pl":"https://cdn.21st.dev/larsen66/cnippet-toolbar/default/preview.1783954460572.png","pc":"cnippet.dev","tg":["button","search","text","toggle"],"sb":"Menubars"},{"id":"21st:cnippet.dev__context-menu","t":"Context menu","d":"A right-click (or long-press) context menu with items, checkboxes, radio groups, nested submenus, keyboard shortcuts, and destructive actions.","s":"21st","c":"overlays/context-menu","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/context-menu/default/preview.1785517988344-e38aba41-564f-4dbe-a2d6-cbc23de3d4d6.png","pc":"cnippet.dev","tg":["dropdown","menu"]},{"id":"21st:cnippet.dev__context-menu-icons","t":"Context menu icons","d":"A right-click context menu with copy, cut, paste, and a destructive delete action, each labelled with an icon.","k":"resource","s":"21st","c":"assets/icon","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/context-menu-icons/default/preview.1785519963656-f80e027a-942e-48c8-8996-28772d9537ec.png","pc":"cnippet.dev","tg":["dropdown","menu"]},{"id":"21st:cnippet.dev__counting-number","t":"Counting number","d":"An animated number that smoothly counts from a start value up to a target, with imperative replay and start/complete callbacks.","s":"21st","c":"motion/number-ticker","a":"cnippet.dev","u":5,"pl":"https://cdn.21st.dev/cnippet.dev/counting-number/default/preview.1784452151245-255b9986-1760-43bc-83ba-876db6a9384c.png","pc":"cnippet.dev","tg":["number","stat"]},{"id":"21st:cnippet.dev__davincho-hero-1","t":"Davincho hero 1","d":"Animated hero section with parallax background image.","k":"section","s":"21st","c":"marketing/hero","a":"cnippet.dev","u":29,"pl":"https://cdn.21st.dev/cnippet.dev/davincho-hero-1/default/preview.1774290703029.png","pc":"cnippet.dev","tg":["video"],"sb":"With video"},{"id":"21st:cnippet.dev__eduflow-hero-1","t":"Eduflow hero 1","k":"section","s":"21st","c":"marketing/hero","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/eduflow-hero-1/default/preview.1773481625013.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__faq-section","t":"Faq section","d":"A simple FAQ section.","k":"section","s":"21st","c":"marketing/faq","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/faq-section/default/preview.1771179672092.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__flow-hero-1","t":"Flow hero 1","d":"Animated hero section with carousel.","k":"section","s":"21st","c":"marketing/hero","a":"cnippet.dev","u":9,"pl":"https://cdn.21st.dev/cnippet.dev/flow-hero-1/default/preview.1774292290687.png","pc":"cnippet.dev","tg":["carousel"]},{"id":"21st:cnippet.dev__formatting-toolbar","t":"Formatting toolbar","d":"A rich-text formatting toolbar with toggle buttons that applies strikethrough, inline code, blockquote, and link styles with a live markdown preview.","s":"21st","c":"navigation/menu","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/formatting-toolbar/default/preview.1785174585804-0bf6edc6-45d9-41a9-b73f-2b0c953c911b.png","pc":"cnippet.dev","sb":"Menubars"},{"id":"21st:cnippet.dev__kbd","t":"Kbd","d":"A keyboard key component for displaying keys and keyboard shortcuts, with a group wrapper for combinations.","s":"21st","c":"data-display/typography","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/kbd/default/preview.1785513026345-6f36ecfc-3eb1-4f04-8d43-841d2b5e4abc.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__logout-confirmation-dialog","t":"Logout confirmation dialog","d":"A centered alert dialog that asks the user to confirm before logging out, with an icon, message, and a split No / Yes, Logout button footer.","s":"21st","c":"actions/button","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/logout-confirmation-dialog/default/preview.1787102636895-1e709f5c-6bfb-4f91-9a46-73e1de09f0c6.png","pc":"cnippet.dev","sb":"Confirm"},{"id":"21st:cnippet.dev__lunar-blog-1","t":"Lunar blog 1","k":"section","s":"21st","c":"marketing/marketing","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/lunar-blog-1/default/preview.1773481796161.png","pc":"cnippet.dev","sb":"Blog and posts"},{"id":"21st:cnippet.dev__lunar-blog-2","t":"Lunar blog 2","k":"section","s":"21st","c":"marketing/marketing","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/lunar-blog-2/default/preview.1773481899080.png","pc":"cnippet.dev","sb":"Blog and posts"},{"id":"21st:cnippet.dev__m-parallax-floating-3","t":"M parallax floating 3","d":"Abstract symbols that drift at different depths and follow the cursor for a layered parallax hover effect.","k":"layout","s":"21st","c":"layout/scroll-area","a":"cnippet.dev","u":4,"pl":"https://cdn.21st.dev/cnippet.dev/m-parallax-floating-3/default/preview.1784763615311-3889dc62-a0cd-4917-b95c-611091ccc660.png","pc":"cnippet.dev","tg":["background","cursor"]},{"id":"21st:cnippet.dev__m-random-letter-swap-1","t":"M random letter swap 1","d":"A horizontal navigation menu whose links shuffle their letters in a glitchy random-swap animation on hover.","k":"motion","s":"21st","c":"motion/text-effect","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/m-random-letter-swap-1/default/preview.1783597293597.png","pc":"cnippet.dev","tg":["link","navigation-menu","text"],"sb":"Rotating words"},{"id":"21st:cnippet.dev__m-random-letter-swap-2","t":"M random letter swap 2","d":"A pair of call-to-action buttons whose labels shuffle letters in random order on hover for a glitchy text effect.","k":"motion","s":"21st","c":"motion/text-effect","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/m-random-letter-swap-2/default/preview.1783600502404.png","pc":"cnippet.dev","tg":["button","cta","text"],"sb":"Rotating words"},{"id":"21st:cnippet.dev__m-text-cursor-proximity-1","t":"M text cursor proximity 1","d":"Animated text where each character grows in scale as the cursor approaches, with a linear proximity falloff.","k":"motion","s":"21st","c":"motion/cursor","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/m-text-cursor-proximity-1/default/preview.1783600993480.png","pc":"cnippet.dev","tg":["cursor","text"]},{"id":"21st:cnippet.dev__m-text-generate-effect-2","t":"M text generate effect 2","d":"An AI assistant chat card that animates its response with a word-by-word text-generate effect and regenerates on demand.","s":"21st","c":"ai-agent","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/m-text-generate-effect-2/default/preview.1786092106960-6f67f1e1-75b6-453b-a601-233cbabbee1e.png","pc":"cnippet.dev","tg":["ai-chat"]},{"id":"21st:cnippet.dev__m-text-highlight-3","t":"M text highlight 3","d":"Animated text highlight with buttons that sweep the highlight behind the text left, right, top-down, or bottom-up on demand.","k":"motion","s":"21st","c":"motion/text-effect","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/m-text-highlight-3/default/preview.1783615059247.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__m-variable-font-cursor-proximity-1","t":"M variable font cursor proximity 1","d":"A centered hero headline whose letters shift from ultra-light to heavy weight as the cursor moves near them.","k":"resource","s":"21st","c":"assets/font","a":"cnippet.dev","u":9,"pl":"https://cdn.21st.dev/cnippet.dev/m-variable-font-cursor-proximity-1/default/preview.1783600901164.png","pc":"cnippet.dev","tg":["cursor","hero"]},{"id":"21st:cnippet.dev__m-variable-font-hover-1","t":"M variable font hover 1","d":"A horizontal navigation menu whose link letters animate from thin to bold outward from the center on hover using variable font weight.","k":"resource","s":"21st","c":"assets/font","a":"cnippet.dev","u":2,"pl":"https://cdn.21st.dev/cnippet.dev/m-variable-font-hover-1/default/preview.1783597283924.png","pc":"cnippet.dev","tg":["navigation-menu","text"]},{"id":"21st:cnippet.dev__m-variable-font-hover-2","t":"M variable font hover 2","d":"Hero headline with two stacked lines whose variable-font weight and slant axes invert against each other on hover.","k":"resource","s":"21st","c":"assets/font","a":"cnippet.dev","u":2,"pl":"https://cdn.21st.dev/cnippet.dev/m-variable-font-hover-2/default/preview.1783600826034.png","pc":"cnippet.dev","tg":["hero"]},{"id":"21st:cnippet.dev__m-variable-font-hover-3","t":"M variable font hover 3","d":"A stack of call-to-action links whose letters animate their variable font weight on hover, each using a different stagger origin.","k":"resource","s":"21st","c":"assets/font","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/m-variable-font-hover-3/default/preview.1783602502825.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__m-vertical-cut-reveal-2","t":"M vertical cut reveal 2","d":"A logotype text-reveal block that animates each character with a vertical cut wipe, staggered outward from the center.","k":"motion","s":"21st","c":"motion/text-effect","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/m-vertical-cut-reveal-2/default/preview.1783614314179.png","pc":"cnippet.dev","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:cnippet.dev__menu","t":"Menu","d":"An accessible dropdown menu built on Base UI with support for items, links, checkboxes, radio groups, submenus, separators and keyboard shortcuts.","s":"21st","c":"navigation/menu","a":"cnippet.dev","u":38,"pl":"https://cdn.21st.dev/cnippet.dev/menu/default/preview.1785509522361-ef6c82ea-ce5b-4cb2-bbe3-5a0c68f224d5.png","pc":"cnippet.dev","tg":["dropdown","menu","link","navigation-menu"],"sb":"Dropdowns"},{"id":"21st:cnippet.dev__parallax-floating","t":"Parallax floating","d":"Elements float at different speeds based on cursor position, creating a depth illusion through independent parallax layers.","k":"layout","s":"21st","c":"layout/scroll-area","a":"cnippet.dev","u":148,"pl":"https://cdn.21st.dev/larsen66/parallax-floating/default/preview.1783972872850.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__popover","t":"Popover","d":"An accessible popover panel anchored to a trigger button, with title, description, and optional compact tooltip styling, built on Base UI.","s":"21st","c":"overlays/popover","a":"cnippet.dev","u":296,"pl":"https://cdn.21st.dev/cnippet.dev/popover/default/preview.1785543064537-9ddc68a1-90b8-40f7-8863-366d9e4fbb69.png","pc":"cnippet.dev","tg":["popover","tooltip"]},{"id":"21st:cnippet.dev__progress","t":"Progress","d":"A composable progress bar built on Base UI with track, indicator, label and value slots for showing task completion.","s":"21st","c":"data-viz/progress-bar","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/progress/default/preview.1785098795893-e9814077-82ca-48f0-86b3-f68a2570f194.png","pc":"cnippet.dev","tg":["progress"]},{"id":"21st:cnippet.dev__promise-toast","t":"Promise toast","d":"A button that triggers a promise-based toast notification, cycling through loading, success, and error states as an async task resolves.","s":"21st","c":"overlays/toast","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/promise-toast/default/preview.1786660993010-c3261deb-756b-476d-8ffa-bb9ca19cb35a.png","pc":"cnippet.dev","tg":["notification","spinner","toast"]},{"id":"21st:cnippet.dev__random-letter-swap","t":"Random letter swap","d":"Text component whose letters swap vertically in random order on hover for a glitchy effect.","k":"motion","s":"21st","c":"motion/text-effect","a":"cnippet.dev","u":15,"pl":"https://cdn.21st.dev/cnippet.dev/random-letter-swap/default/preview.1783589832419.png","pc":"cnippet.dev","tg":["text"],"sb":"Rotating words"},{"id":"21st:cnippet.dev__rate-limit-alert-dialog","t":"Rate limit alert dialog","d":"An alert dialog that warns a user they hit an API rate limit, with a live MM:SS countdown to automatic retry and an upgrade call to action.","s":"21st","c":"overlays/dialog","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/rate-limit-alert-dialog/default/preview.1787115003577-888ce04a-0503-46ab-8416-f50270aab9e6.png","pc":"cnippet.dev","sb":"Confirm"},{"id":"21st:cnippet.dev__scroll-progress","t":"Scroll progress","d":"A spring-animated progress bar that tracks scroll position — works for the full page or a scrollable container element.","s":"21st","c":"data-viz/progress-bar","a":"cnippet.dev","u":8,"pl":"https://cdn.21st.dev/larsen66/scroll-progress/default/preview.1783607682461.png","pc":"cnippet.dev","tg":["progress","scroll-area"]},{"id":"21st:cnippet.dev__scroll-reveal","t":"Scroll reveal","d":"Elements animate into view when they enter the viewport. Supports any Motion variant, configurable thresholds, and a once-only mode.","k":"layout","s":"21st","c":"layout/scroll-area","a":"cnippet.dev","u":20,"pl":"https://cdn.21st.dev/larsen66/scroll-reveal/default/preview.1783605875651.png","pc":"cnippet.dev","tg":["features","list","scroll-area","steps"]},{"id":"21st:cnippet.dev__scroll-reveal-2","t":"Scroll reveal 2","d":"A wrapper component that animates its children into view when they enter the viewport, with configurable Motion variants, thresholds, and a once-only mode.","k":"layout","s":"21st","c":"layout/scroll-area","a":"cnippet.dev","pl":"https://cdn.21st.dev/educlopez/scroll-reveal/default/preview.1783602648001.png","pc":"cnippet.dev","tg":["features"]},{"id":"21st:cnippet.dev__scroll-swap-text","t":"Scroll swap text","d":"Text that swaps in and out vertically as its scrollable container is navigated, with the current line sliding up while a clone rises into place.","k":"motion","s":"21st","c":"motion/text-effect","a":"cnippet.dev","u":20,"pl":"https://cdn.21st.dev/cnippet.dev/scroll-swap-text/default/preview.1784704289200-d5a03141-e179-4174-a11c-abf94b005134.png","pc":"cnippet.dev","tg":["scroll-area"],"sb":"Reveal and entrance"},{"id":"21st:cnippet.dev__scroll-velocity-text","t":"Scroll velocity text","d":"A continuous text marquee whose speed reacts to scroll velocity — the faster you scroll, the faster the marquee moves.","k":"motion","s":"21st","c":"motion/text-effect","a":"cnippet.dev","u":315,"pl":"https://cdn.21st.dev/larsen66/scroll-velocity-text/default/preview.1783960760991.png","pc":"cnippet.dev","tg":["marquee","scroll-area"],"sb":"Reveal and entrance"},{"id":"21st:cnippet.dev__services-with-animated-hover-modal","t":"Services with animated hover modal","d":"A responsive services component that displays a list of offerings. On hover, a modal follows the cursor, revealing project images with smooth scaling and transition effects. Built ","k":"section","s":"21st","c":"marketing/features","a":"cnippet.dev","u":87,"pl":"https://cdn.21st.dev/cnippet.dev/services-with-animated-hover-modal/default/preview.1774625573593.png","pc":"cnippet.dev","tg":["cursor","list","modal"],"sb":"Lists"},{"id":"21st:cnippet.dev__splitting-text","t":"Splitting text","d":"Animated text that splits into characters, words, or lines with staggered entrance presets like fade, slide, blur, and scale.","k":"motion","s":"21st","c":"motion/text-effect","a":"cnippet.dev","u":14,"pl":"https://cdn.21st.dev/cnippet.dev/splitting-text/default/preview.1784704319173-f9f5007f-6df2-4b03-8cec-f01ff62fcd4c.png","pc":"cnippet.dev","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:cnippet.dev__team","t":"Team","k":"section","s":"21st","c":"marketing/team","a":"cnippet.dev","u":50,"pl":"https://cdn.21st.dev/cnippet.dev/team/default/preview.1774622497922.png","pc":"cnippet.dev","tg":["marquee","profile","testimonials","team"]},{"id":"21st:cnippet.dev__text-generate-effect","t":"Text generate effect","d":"Animated text that fades and blurs in word by word, as if being generated by AI.","k":"motion","s":"21st","c":"motion/text-effect","a":"cnippet.dev","u":14,"pl":"https://cdn.21st.dev/cnippet.dev/text-generate-effect/default/preview.1784704304064-e78681fd-c756-4756-873f-6cd36ec825c5.png","pc":"cnippet.dev","tg":["ai-chat","text"]},{"id":"21st:cnippet.dev__text-gradient","t":"Text gradient","d":"Animated text component whose gradient colors flow continuously through the letters using background-clip, with customizable color stops, angle, and speed.","k":"motion","s":"21st","c":"motion/text-effect","a":"cnippet.dev","u":7,"pl":"https://cdn.21st.dev/cnippet.dev/text-gradient/default/preview.1784705403859-9d7ebae7-d8f9-4f45-96af-526023206fd1.png","pc":"cnippet.dev","tg":["text"],"sb":"Gradient and shimmer"},{"id":"21st:cnippet.dev__text-loop","t":"Text loop","d":"Cycles through an array of children with smooth enter and exit transitions, swapping content on a configurable interval.","k":"motion","s":"21st","c":"motion/text-effect","a":"cnippet.dev","pl":"https://cdn.21st.dev/larsen66/text-loop/default/preview.1784051365392.png","pc":"cnippet.dev","tg":["text"]},{"id":"21st:cnippet.dev__text-morph","t":"Text morph","d":"Shared-layout character morphing between two strings — individual letters animate to their new positions with spring physics.","k":"motion","s":"21st","c":"motion/text-effect","a":"cnippet.dev","pl":"https://cdn.21st.dev/larsen66/text-morph/default/preview.1784051121489.png","pc":"cnippet.dev","tg":["pricing-section","search"],"sb":"Rotating words"},{"id":"21st:cnippet.dev__text-reveal","t":"Text reveal","d":"Reveals text word-by-word, character-by-character, or line-by-line with smooth staggered entrance animations.","k":"motion","s":"21st","c":"motion/text-effect","a":"cnippet.dev","u":71,"pl":"https://cdn.21st.dev/larsen66/text-reveal/default/preview.1784046931580.png","pc":"cnippet.dev","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:cnippet.dev__text-roll","t":"Text roll","d":"Characters roll in and out with a 3D perspective flip — each letter animates independently for a mechanical, tactile reveal effect.","k":"motion","s":"21st","c":"motion/text-effect","a":"cnippet.dev","u":4,"pl":"https://cdn.21st.dev/larsen66/text-roll/default/preview.1784051214230.png","pc":"cnippet.dev","tg":["link","stat","text"]},{"id":"21st:cnippet.dev__text-scramble","t":"Text scramble","d":"Characters scramble through random glyphs before resolving to the final text, creating a cipher-decoding effect on mount.","k":"motion","s":"21st","c":"motion/text-effect","a":"cnippet.dev","pl":"https://cdn.21st.dev/larsen66/text-scramble/default/preview.1784047614972.png","pc":"cnippet.dev","tg":["stat","text"],"sb":"Scramble and glitch"},{"id":"21st:cnippet.dev__textarea","t":"Textarea","d":"A multi-line text input field with auto-sizing, small/default/large sizes, disabled and invalid states built on Base UI.","s":"21st","c":"inputs/textarea","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/textarea/default/preview.1785539105535-800057b8-a46a-42bf-b79c-a74a19c075e1.png","pc":"cnippet.dev","tg":["textarea"]},{"id":"21st:cnippet.dev__textarea-with-label","t":"Textarea with label","d":"A multi-line textarea form field paired with an accessible label for collecting longer text input like messages or comments.","s":"21st","c":"inputs/textarea","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/textarea-with-label/default/preview.1785539676553-ad144ee2-3fc5-4be7-afbc-84f1a694399a.png","pc":"cnippet.dev","tg":["form","input","textarea"]},{"id":"21st:cnippet.dev__toast","t":"Toast","d":"Stacked toast notification system with auto-dismiss timeouts, action buttons, status icons, and configurable positions built on Base UI.","s":"21st","c":"overlays/toast","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/toast/default/preview.1786087315207-68e585ee-22ae-4252-aed9-875a46ffef2e.png","pc":"cnippet.dev","tg":["alert","notification","toast"]},{"id":"21st:cnippet.dev__toggle","t":"Toggle","d":"A two-state button that can be on or off.","s":"21st","c":"actions/switch","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/toggle/default/preview.1768890970843.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-alert-12","t":"V alert 12","d":"A dismissible cookie consent alert with an icon, policy link, and accept/decline action buttons.","s":"21st","c":"overlays/alert-banner","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-alert-12/default/preview.1785494309007-f2cdfa0c-cc12-4716-9ec8-e4ca9e81c73a.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-alert-13","t":"V alert 13","d":"Warning alert that shows storage usage with a progress bar and an upgrade action.","s":"21st","c":"overlays/alert-banner","a":"cnippet.dev","st":"rated","pl":"https://cdn.21st.dev/cnippet.dev/v-alert-13/default/preview.1785494754530-6dc5798e-ead9-4195-9776-fe8f69ce3656.png","pc":"cnippet.dev","sc":18},{"id":"21st:cnippet.dev__v-alert-15","t":"V alert 15","d":"An alert prompting the user to verify their email address, with a resend button that counts down 60 seconds before another email can be sent.","s":"21st","c":"overlays/alert-banner","a":"cnippet.dev","st":"rated","pl":"https://cdn.21st.dev/cnippet.dev/v-alert-15/default/preview.1785495456154-cef77bc0-e37f-4852-bc30-f8d9e8a43672.png","pc":"cnippet.dev","tg":["alert","notification"],"sc":18},{"id":"21st:cnippet.dev__v-alert-3","t":"V alert 3","d":"An alert notification with a leading icon, title, description, and dismiss/confirm action buttons for security or update prompts.","s":"21st","c":"overlays/alert-banner","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-alert-3/default/preview.1785491555666-79588257-c9c6-435b-a246-f89dadef6625.png","pc":"cnippet.dev","tg":["alert","notification"]},{"id":"21st:cnippet.dev__v-alert-5","t":"V alert 5","d":"A success alert with a check icon, title and description for confirming an action completed as expected.","s":"21st","c":"overlays/alert-banner","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-alert-5/default/preview.1785492627765-a7679f44-3ceb-4343-8e1b-eb2d817c9791.png","pc":"cnippet.dev","tg":["alert","notification"]},{"id":"21st:cnippet.dev__v-alert-6","t":"V alert 6","d":"A warning alert callout with a triangle icon, title and description for surfacing cautionary messages.","s":"21st","c":"overlays/alert-banner","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-alert-6/default/preview.1785491150683-565f4c5b-6151-4261-b852-314b5dfabf5c.png","pc":"cnippet.dev","tg":["alert","notification"]},{"id":"21st:cnippet.dev__v-alert-7","t":"V alert 7","d":"An error alert with an icon, title, and description for surfacing failed actions or destructive states.","s":"21st","c":"overlays/alert-banner","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-alert-7/default/preview.1785491785507-05e967bb-b59c-41a0-bb94-4b44d86830bf.png","pc":"cnippet.dev","tg":["alert","notification"]},{"id":"21st:cnippet.dev__v-alert-9","t":"V alert 9","d":"An alert card with an icon, title, description and inline action buttons, wrapped in a soft framed panel.","s":"21st","c":"overlays/alert-banner","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-alert-9/default/preview.1785492959922-57a1dc93-5b11-4c33-bee1-699bfc29462f.png","pc":"cnippet.dev","tg":["alert","notification"]},{"id":"21st:cnippet.dev__v-alert-dialog-8","t":"V alert dialog 8","s":"21st","c":"inputs/date-picker","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-alert-dialog-8/default/preview.1787104061761-a192f27c-d190-413c-a24b-04a7e1c30957.png","pc":"cnippet.dev","sb":"Confirm"},{"id":"21st:cnippet.dev__v-breadcrumb-10","t":"V breadcrumb 10","d":"A breadcrumb navigation that shows an organization logo, a user avatar with name and email, and the current document with an icon.","s":"21st","c":"navigation/breadcrumb","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-breadcrumb-10/default/preview.1784696749911-f423e5f9-2880-4805-853d-23da44f54d21.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-breadcrumb-12","t":"V breadcrumb 12","d":"A checkout progress breadcrumb with numbered step circles, completed-step checkmarks, and back/continue navigation buttons.","s":"21st","c":"navigation/breadcrumb","a":"cnippet.dev","u":6,"pl":"https://cdn.21st.dev/cnippet.dev/v-breadcrumb-12/default/preview.1784696733129-f21f88d3-34ed-4a62-96d2-4433cb1447e4.png","pc":"cnippet.dev","tg":["steps"]},{"id":"21st:cnippet.dev__v-breadcrumb-6","t":"V breadcrumb 6","d":"A breadcrumb navigation trail whose items include small avatar images alongside the label, ideal for showing organization and user context in an app header.","s":"21st","c":"navigation/breadcrumb","a":"cnippet.dev","u":4,"pl":"https://cdn.21st.dev/cnippet.dev/v-breadcrumb-6/default/preview.1784702996534-f31d65e0-54ae-4036-a885-5c2436ca7cb1.png","pc":"cnippet.dev","tg":["navigation-menu"]},{"id":"21st:cnippet.dev__v-breadcrumb-9","t":"V breadcrumb 9","d":"A breadcrumb navigation where each item is rendered as a button, with icons and the current page highlighted as a secondary button.","s":"21st","c":"assets/icon","a":"cnippet.dev","u":4,"pl":"https://cdn.21st.dev/cnippet.dev/v-breadcrumb-9/default/preview.1784702901328-a846db66-270a-4423-ae3e-94a49dfc566c.png","pc":"cnippet.dev","tg":["icon","navigation-menu"]},{"id":"21st:cnippet.dev__v-carousel-11","t":"V carousel 11","d":"A looping testimonial carousel showing a quote, author avatar and role with dot indicators to jump between slides.","s":"21st","c":"media/carousel","a":"cnippet.dev","u":6,"pl":"https://cdn.21st.dev/cnippet.dev/v-carousel-11/default/preview.1784387905542-e6fff1fb-9586-4687-af98-ae15fed28af8.png","pc":"cnippet.dev","tg":["carousel","testimonials"]},{"id":"21st:cnippet.dev__v-carousel-12","t":"V carousel 12","d":"A pricing plan carousel with arrow navigation that highlights the active plan and shows features, price, and a call-to-action.","s":"21st","c":"media/carousel","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-carousel-12/default/preview.1784395062154-fcbdcb61-904d-4a6a-a267-6ca2e4eaa380.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-carousel-8","t":"V carousel 8","d":"A compact multi-step onboarding carousel with a progress bar, per-step icons, and Back/Next navigation that finishes on the last step.","s":"21st","c":"navigation/wizard-steps","a":"cnippet.dev","u":4,"pl":"https://cdn.21st.dev/cnippet.dev/v-carousel-8/default/preview.1784686792146-d951026c-4c8e-4986-a5fb-dcfccf73f92f.png","pc":"cnippet.dev","tg":["carousel","onboarding","steps"]},{"id":"21st:cnippet.dev__v-context-menu-12","t":"V context menu 12","d":"Right-click context menu for rich-text formatting with bold, italic and underline checkbox toggles plus a text-alignment submenu.","s":"21st","c":"overlays/context-menu","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-context-menu-12/default/preview.1785521662651-150c2e4e-442f-4ced-82dd-b278cf0cfb27.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-context-menu-13","t":"V context menu 13","d":"A file explorer list where each row shows a file-extension badge and opens a right-click context menu with open, rename, download, get info, refresh, and delete actions.","s":"21st","c":"overlays/context-menu","a":"cnippet.dev","st":"rated","pl":"https://cdn.21st.dev/cnippet.dev/v-context-menu-13/default/preview.1785523265913-7abe9178-abec-4d4a-95c7-e972878dd3f6.png","pc":"cnippet.dev","sc":18},{"id":"21st:cnippet.dev__v-context-menu-14","t":"V context menu 14","d":"Social feed cards with a right-click context menu to upvote, downvote, reply, and report posts with a nested report submenu.","s":"21st","c":"overlays/context-menu","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-context-menu-14/default/preview.1785520359514-8d8b9227-055f-4e08-ba2a-01ec96691f39.png","pc":"cnippet.dev","tg":["menu"]},{"id":"21st:cnippet.dev__v-context-menu-15","t":"V context menu 15","d":"A task list where each row opens a right-click context menu to change status, set priority via a submenu, reassign, archive, or delete the task.","s":"21st","c":"overlays/context-menu","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-context-menu-15/default/preview.1785523641339-074ef3f1-d4fa-4297-bdf7-f7602ff9eba7.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-context-menu-2","t":"V context menu 2","d":"A right-click context menu with grouped items, keyboard shortcuts, a nested submenu, and a destructive action, built on Base UI.","s":"21st","c":"overlays/context-menu","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-context-menu-2/default/preview.1785518563027-596d7097-21c4-48fb-80b6-91d2de9f04b4.png","pc":"cnippet.dev","tg":["menu"]},{"id":"21st:cnippet.dev__v-empty-15","t":"V empty 15","d":"An empty state that tells users they lack permission to view content, with request-access and go-back actions.","s":"21st","c":"data-display/empty-state","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-empty-15/default/preview.1784699546869-2a93cf1a-76bd-42b1-b086-e42105a799cf.png","pc":"cnippet.dev","tg":["button","empty-state","icon"]},{"id":"21st:cnippet.dev__v-menu-10","t":"V menu 10","d":"A dropdown menu with grouped switch toggles for managing notification channel and activity settings.","s":"21st","c":"navigation/menu","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-menu-10/default/preview.1785510560206-f8f53d03-37d1-40ec-83b8-8061d825b09e.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-menu-11","t":"V menu 11","d":"A user account dropdown menu triggered by an avatar button, with profile details, profile/billing/settings links, and a destructive sign-out action.","s":"21st","c":"navigation/menu","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-menu-11/default/preview.1785511031697-985548eb-a6f9-41ea-afb7-ebc8069955fd.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-menu-12","t":"V menu 12","d":"A dropdown menu of file actions — rename, duplicate, move, download and a destructive delete — with keyboard shortcut hints.","s":"21st","c":"navigation/menu","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-menu-12/default/preview.1785511558410-c412640a-f513-4341-ba7a-f8b9d5c8f296.png","pc":"cnippet.dev","tg":["dropdown","menu"],"sb":"Dropdowns"},{"id":"21st:cnippet.dev__v-menu-15","t":"V menu 15","d":"A dropdown menu triggered by a Share button, with a copy-link item and a nested Export submenu for choosing formats like PDF, PNG, SVG, or CSV.","s":"21st","c":"navigation/menu","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-menu-15/default/preview.1785507848957-3d863e8a-91ae-491c-9a51-123e4287fb8a.png","pc":"cnippet.dev","tg":["menu"]},{"id":"21st:cnippet.dev__v-meter-6","t":"V meter 6","d":"A stacked list of labeled meter bars that visualize skill levels as animated percentage fills.","s":"21st","c":"data-viz/gauge","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-meter-6/default/preview.1784480081717-b14e42c4-97cc-42b9-b98d-125465a875ed.png","pc":"cnippet.dev","tg":["progress","stat"]},{"id":"21st:cnippet.dev__v-meter-7","t":"V meter 7","d":"A password field with a live strength meter that scores complexity and shows a colored progress bar with a strength label.","s":"21st","c":"data-viz/gauge","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-meter-7/default/preview.1784425115979-4a8f39db-e91d-4096-9640-23efa33fca59.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-meter-8","t":"V meter 8","d":"A card that shows per-member API usage as labeled meter bars against a shared plan limit.","s":"21st","c":"data-viz/gauge","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-meter-8/default/preview.1784434388627-8229d2a5-7ffc-4a02-8b92-edc023063ce7.png","pc":"cnippet.dev","tg":["progress","team"]},{"id":"21st:cnippet.dev__v-skeleton-10","t":"V skeleton 10","d":"Animated loading skeleton placeholder for a settings page with a header, action button, tab row, and grouped toggle/list rows.","s":"21st","c":"status/skeleton","a":"cnippet.dev","u":12,"pl":"https://cdn.21st.dev/cnippet.dev/v-skeleton-10/default/preview.1784447656535-b8cb3ea2-68fd-4fb4-b509-1805d79057c2.png","pc":"cnippet.dev","tg":["tabs"]},{"id":"21st:cnippet.dev__v-skeleton-11","t":"V skeleton 11","d":"Loading placeholder skeleton for a product grid showing image, title, star rating and price cards.","s":"21st","c":"status/skeleton","a":"cnippet.dev","u":8,"pl":"https://cdn.21st.dev/cnippet.dev/v-skeleton-11/default/preview.1784471608745-836cb41f-baa3-4c85-9b93-b3fe04da32d1.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-skeleton-12","t":"V skeleton 12","d":"Animated shimmer skeleton placeholder for a form layout with labeled input fields, a textarea, and action buttons.","s":"21st","c":"status/skeleton","a":"cnippet.dev","u":10,"pl":"https://cdn.21st.dev/cnippet.dev/v-skeleton-12/default/preview.1784472758221-e199ed80-99f6-4314-a658-3af5714c53fa.png","pc":"cnippet.dev","tg":["textarea"]},{"id":"21st:cnippet.dev__v-skeleton-13","t":"V skeleton 13","d":"A loading placeholder skeleton for an email inbox list with avatars, subject lines, and unread indicators.","s":"21st","c":"status/skeleton","a":"cnippet.dev","u":6,"pl":"https://cdn.21st.dev/cnippet.dev/v-skeleton-13/default/preview.1784417489858-4ca3671a-a663-4389-96f0-d73009b374a4.png","pc":"cnippet.dev","tg":["avatar","list","spinner"]},{"id":"21st:cnippet.dev__v-skeleton-14","t":"V skeleton 14","d":"Animated loading placeholder that mimics a three-column kanban board with card, avatar and tag skeletons.","s":"21st","c":"status/skeleton","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-skeleton-14/default/preview.1784467275242-26993efc-78d9-4770-9ca7-67cd04149df0.png","pc":"cnippet.dev","tg":["spinner"]},{"id":"21st:cnippet.dev__v-skeleton-4","t":"V skeleton 4","d":"A loading skeleton placeholder that shows a row of three dashboard stat cards while data is fetching.","s":"21st","c":"status/skeleton","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-skeleton-4/default/preview.1784415373038-dc648323-3396-440b-9171-90970dc1c477.png","pc":"cnippet.dev","tg":["dashboard","spinner"]},{"id":"21st:cnippet.dev__v-skeleton-7","t":"V skeleton 7","d":"A loading placeholder that mirrors a data table layout, with header, avatar rows, badges and pagination shimmer.","s":"21st","c":"status/skeleton","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-skeleton-7/default/preview.1784453646609-885c6c92-ea17-426f-a4b2-6ae625527dbe.png","pc":"cnippet.dev","tg":["pagination","table"]},{"id":"21st:cnippet.dev__v-skeleton-8","t":"V skeleton 8","d":"Loading placeholder that mirrors a sidebar dashboard layout with a nav rail, header actions, stat cards, and list rows.","s":"21st","c":"status/skeleton","a":"cnippet.dev","u":11,"pl":"https://cdn.21st.dev/cnippet.dev/v-skeleton-8/default/preview.1784439893359-5094b498-d046-4fbe-8fa8-d4dd83961d78.png","pc":"cnippet.dev","tg":["dashboard","list","sidebar","stat"]},{"id":"21st:cnippet.dev__v-skeleton-9","t":"V skeleton 9","d":"A chat conversation loading placeholder with avatar, message bubbles, and input bar built from shimmer skeletons.","s":"21st","c":"status/skeleton","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-skeleton-9/default/preview.1784427920232-048eb3a8-1a12-4061-a82d-8d0df8359776.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-spinner-14","t":"V spinner 14","d":"A sign-in form with email and password fields whose submit button shows an inline loading spinner while signing in and a success state when done.","s":"21st","c":"status/loader","a":"cnippet.dev","u":4,"pl":"https://cdn.21st.dev/cnippet.dev/v-spinner-14/default/preview.1784386420781-1847a16f-2f51-4b21-b919-aab9b3538983.png","pc":"cnippet.dev","tg":["sign-in"],"sb":"Spinners"},{"id":"21st:cnippet.dev__v-spinner-6","t":"V spinner 6","d":"A centered card showing a spinner with a title and helper text for an in-progress loading or setup state.","s":"21st","c":"status/loader","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-spinner-6/default/preview.1784445207111-99e97198-3456-4f9a-a465-5a7ac898bba3.png","pc":"cnippet.dev","tg":["empty-state","spinner"],"sb":"Spinners"},{"id":"21st:cnippet.dev__v-spinner-7","t":"V spinner 7","d":"Inline loading text paired with a spinner to show multiple status states like checking, connected and reconnecting.","s":"21st","c":"status/loader","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-spinner-7/default/preview.1784427946546-48f839c3-0c67-4e84-9338-f117dbe8edf0.png","pc":"cnippet.dev","sb":"Spinners"},{"id":"21st:cnippet.dev__v-switch-12","t":"V switch 12","d":"A privacy settings card listing labeled toggle switches with icons for controlling app permissions like location, camera, and tracking.","s":"21st","c":"actions/switch","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-switch-12/default/preview.1785168668013-70ddba3c-a77e-4fce-a10f-02c998c99e6c.png","pc":"cnippet.dev","tg":["toggle"]},{"id":"21st:cnippet.dev__v-switch-2","t":"V switch 2","d":"A toggle switch paired with a label and helper text for opting into settings like marketing emails.","s":"21st","c":"actions/switch","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-switch-2/default/preview.1785167484789-7747eb38-2f56-479f-858b-a9363d71d9aa.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-switch-7","t":"V switch 7","d":"A compact settings list with labeled rows, descriptions, and toggle switches for editor preferences.","s":"21st","c":"actions/switch","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-switch-7/default/preview.1785169153133-cb5df24b-3d8f-4812-956d-ca8b89df9ee5.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-switch-8","t":"V switch 8","d":"A responsive two-column grid of feature toggle cards, each with an icon, title, description, and a switch for enabling or disabling settings.","s":"21st","c":"actions/switch","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-switch-8/default/preview.1785168116094-5f5ee32f-f9e9-436e-91e1-0f1d49365042.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-switch-9","t":"V switch 9","d":"A settings card with labeled toggle switches for managing cookie consent categories such as analytics, marketing, and personalization.","s":"21st","c":"actions/switch","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-switch-9/default/preview.1785169545894-75cc751f-9180-451c-bec5-195db21635c1.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-table-12","t":"V table 12","d":"Invoice history table with color-coded status badges, per-row actions, and an outstanding-total footer.","s":"21st","c":"data-display/table","a":"cnippet.dev","u":12,"pl":"https://cdn.21st.dev/cnippet.dev/v-table-12/default/preview.1785134649498-36884ba2-8d6a-4b61-9786-539ee9cf23ad.png","pc":"cnippet.dev","tg":["table"]},{"id":"21st:cnippet.dev__v-table-3","t":"V table 3","d":"A data table rendered inside a rounded card frame, with status badges and a totals footer row.","s":"21st","c":"data-display/table","a":"cnippet.dev","u":6,"pl":"https://cdn.21st.dev/cnippet.dev/v-table-3/default/preview.1785135502835-124a9aef-81ce-4c1a-8365-18b542b6eb5a.png","pc":"cnippet.dev","tg":["badge","card","dashboard","table"]},{"id":"21st:cnippet.dev__v-table-6","t":"V table 6","d":"A team members table showing avatars, names, emails, roles, and status with colored badges.","s":"21st","c":"data-display/table","a":"cnippet.dev","u":8,"pl":"https://cdn.21st.dev/cnippet.dev/v-table-6/default/preview.1785135810405-98114e13-3fa4-479d-b4ec-ff4fe7da01f2.png","pc":"cnippet.dev","tg":["badge","avatar","table","team"],"sb":"People"},{"id":"21st:cnippet.dev__v-textarea-10","t":"V textarea 10","d":"A support ticket form with selectable category chips, a message textarea with character count, a loading submit button, and a submitted confirmation state.","s":"21st","c":"inputs/textarea","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-textarea-10/default/preview.1786680504147-f7d02f71-1444-4bbc-b128-9fef749280f3.png","pc":"cnippet.dev","tg":["textarea"]},{"id":"21st:cnippet.dev__v-textarea-6","t":"V textarea 6","d":"An auto-resizing textarea with a live character counter that changes color as you approach and reach the limit.","s":"21st","c":"inputs/textarea","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-textarea-6/default/preview.1785538534288-e6473583-e916-4f8d-a83f-d8a2b38f1bda.png","pc":"cnippet.dev","tg":["form","input","textarea"]},{"id":"21st:cnippet.dev__v-toast-15","t":"V toast 15","d":"A toast that reminds users of unsaved edits with inline save and discard actions.","s":"21st","c":"overlays/toast","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-toast-15/default/preview.1786660911905-6ed43a53-bf9b-4b6d-97f6-fb31368d71c3.png","pc":"cnippet.dev","tg":["notification","toast"]},{"id":"21st:cnippet.dev__v-toggle-10","t":"V toggle 10","d":"Role filter chips built from toggle buttons, each with a count badge and a live running total of matching results.","s":"21st","c":"actions/switch","a":"cnippet.dev","u":6,"pl":"https://cdn.21st.dev/cnippet.dev/v-toggle-10/default/preview.1785464988753-9b6ec5e3-892f-4c68-86b6-2889d926f506.png","pc":"cnippet.dev","tg":["badge","chip","toggle"]},{"id":"21st:cnippet.dev__v-toggle-11","t":"V toggle 11","d":"A list of article rows where each row has a bookmark toggle button, with a live count of how many items are saved.","s":"21st","c":"actions/switch","a":"cnippet.dev","u":8,"pl":"https://cdn.21st.dev/cnippet.dev/v-toggle-11/default/preview.1785464949841-d69820e2-b53a-4391-bed7-a3a73338a10d.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-toggle-14","t":"V toggle 14","d":"A vertical list of server setting rows with toggle buttons that swap their icon and status color when switched on or off.","s":"21st","c":"actions/switch","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-toggle-14/default/preview.1786675072167-7e68c587-df52-4bbb-9379-e4dfbf0ace6e.png","pc":"cnippet.dev","tg":["toggle"]},{"id":"21st:cnippet.dev__v-toggle-15","t":"V toggle 15","d":"A task list where each item has a completion toggle and per-task priority flag toggles.","s":"21st","c":"actions/switch","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-toggle-15/default/preview.1786674683716-d2c7cd5e-d814-44d0-890c-10c5bfb3af78.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-toggle-2","t":"V toggle 2","d":"Toggle buttons with an outline variant for toggling text formatting options like bold and italic.","s":"21st","c":"actions/switch","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-toggle-2/default/preview.1786674664960-91aae228-d4b0-47bc-9cd6-a4a23ee762be.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-toggle-9","t":"V toggle 9","d":"A video call control bar with mic, camera, and screen-share toggles that swap icons and turn red when disabled, plus a leave-call button and an animated in-call status indicator.","s":"21st","c":"actions/switch","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-toggle-9/default/preview.1785464969857-7ccdfbe0-956c-4ca5-86c9-c988b49552a1.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-toggle-group-3","t":"V toggle group 3","d":"A pre-composed toggle group with outlined, connected buttons for bold, italic and underline text-formatting controls.","s":"21st","c":"actions/switch","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-toggle-group-3/default/preview.1786673339696-aa03dbdc-a4b0-4929-860b-b4691cba0be7.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-toggle-group-4","t":"V toggle group 4","d":"A vertically oriented toggle group with outline variant for text formatting controls like bold, italic and underline.","s":"21st","c":"actions/switch","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-toggle-group-4/default/preview.1786673294231-6cc588ba-ff7b-4243-a914-bf8865004930.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-toggle-group-7","t":"V toggle group 7","d":"A segmented toggle group for switching between list, grid, and kanban view modes.","s":"21st","c":"actions/switch","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-toggle-group-7/default/preview.1786673322533-6f4b5f98-bd6b-495c-ba58-5cfc0afc844c.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-toolbar-3","t":"V toolbar 3","d":"An image editor toolbar with grouped transform, zoom, adjustment, and export actions using tooltips.","s":"21st","c":"navigation/menu","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-toolbar-3/default/preview.1784764724689-3ac1515e-4ee5-41d9-9992-65fe35942577.png","pc":"cnippet.dev","tg":["tooltip"],"sb":"Menubars"},{"id":"21st:cnippet.dev__v-toolbar-8","t":"V toolbar 8","d":"A compact canvas toolbar with light/dark theme toggle, zoom in/out controls with a live percentage readout, and a reset action, each with tooltips.","s":"21st","c":"navigation/menu","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-toolbar-8/default/preview.1784757264576-ae462dbe-1df9-4295-93c8-92ba6356bd41.png","pc":"cnippet.dev","tg":["tooltip"],"sb":"Menubars"},{"id":"21st:cnippet.dev__v-tooltip-11","t":"V tooltip 11","d":"A compact credentials card that copies API keys, endpoints, and webhook URLs to the clipboard, each row using a tooltip that confirms when the value was copied.","s":"21st","c":"overlays/tooltip","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-tooltip-11/default/preview.1785464710034-194dc42d-b163-4046-b784-80c382e2a053.png","pc":"cnippet.dev","tg":["tooltip"]},{"id":"21st:cnippet.dev__v-tooltip-12","t":"V tooltip 12","d":"A tooltip toolbar of icon buttons where locked Pro features show a rich tooltip with a Pro badge, description, and upgrade link.","s":"21st","c":"overlays/tooltip","a":"cnippet.dev","u":8,"pl":"https://cdn.21st.dev/cnippet.dev/v-tooltip-12/default/preview.1785464551345-b5f9d3c5-6975-405b-b6ba-ee72367bcff4.png","pc":"cnippet.dev","tg":["tooltip"]},{"id":"21st:cnippet.dev__v-tooltip-13","t":"V tooltip 13","d":"A vertical form with labeled inputs where each field label has an info icon that reveals validation hints in a tooltip on hover.","s":"21st","c":"overlays/tooltip","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-tooltip-13/default/preview.1786675879940-21ce640b-6906-4258-aa3c-73c08b67f859.png","pc":"cnippet.dev","tg":["tooltip"]},{"id":"21st:cnippet.dev__v-tooltip-5","t":"V tooltip 5","d":"A ghost icon button that reveals a help tooltip with additional context on hover or focus.","s":"21st","c":"overlays/tooltip","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-tooltip-5/default/preview.1785489165681-47fa8840-8c7a-4624-9a77-6eb50ae40d81.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__v-tooltip-7","t":"V tooltip 7","d":"A compact text-formatting toolbar of icon buttons that reveal tooltips showing each action's keyboard shortcut on hover.","s":"21st","c":"overlays/tooltip","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/v-tooltip-7/default/preview.1785489890247-bdc398ed-aef7-4d0e-a8fb-ca2cbe810455.png","pc":"cnippet.dev","tg":["tooltip"]},{"id":"21st:cnippet.dev__vercep-blog-1","t":"Vercep blog 1","d":"This clean and modern blog section presents your latest articles in a flexible grid layout.","k":"section","s":"21st","c":"marketing/marketing","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/vercep-blog-1/default/preview.1773482805799.png","pc":"cnippet.dev","sb":"Blog and posts"},{"id":"21st:cnippet.dev__vercep-feature-1","t":"Vercep feature 1","k":"section","s":"21st","c":"marketing/features","a":"cnippet.dev","u":80,"pl":"https://cdn.21st.dev/cnippet.dev/vercep-feature-1/default/preview.1773258380883.png","pc":"cnippet.dev","tg":["features","marquee"]},{"id":"21st:cnippet.dev__vercep-metrics-1","t":"Vercep metrics 1","d":"This clean and modern metrics section showcases your key achievements and statistics in a minimalist grid layout. Large, bold numbers paired with clear labels make it easy for visi","s":"21st","c":"data-display/stat","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/vercep-metrics-1/default/preview.1773258991429.png","pc":"cnippet.dev"},{"id":"21st:cnippet.dev__vertical-cut-reveal","t":"Vertical cut reveal","d":"Animated text that reveals each character, word, or line with a vertical clip-path wipe and configurable stagger.","k":"motion","s":"21st","c":"motion/text-effect","a":"cnippet.dev","u":8,"pl":"https://cdn.21st.dev/cnippet.dev/vertical-cut-reveal/default/preview.1783589957618.png","pc":"cnippet.dev","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:cnippet.dev__zoom-level-toggle-group","t":"Zoom level toggle group","d":"A toggle group for selecting a zoom percentage that scales a live content preview in real time.","s":"21st","c":"actions/switch","a":"cnippet.dev","pl":"https://cdn.21st.dev/cnippet.dev/zoom-level-toggle-group/default/preview.1786673494133-aa5993bd-99bb-4f65-89fc-a8eb6159dbc4.png","pc":"cnippet.dev"},{"id":"21st:codebanditssss__glass-morphic-tabs","t":"Glass morphic tabs","d":"Premium glass morphic tabs component with live indicators and magnetic cursor effects. Features frosted glass design, animated status dots, notification badges, and smooth spring p","s":"21st","c":"navigation/tabs","a":"codebanditssss","pl":"https://cdn.21st.dev/codebanditssss/glass-morphic-tabs/default/preview.1761310680431.png","pc":"codebanditssss"},{"id":"21st:coderislive07__ai-assistat","t":"Ai assistat","d":"The AI Message Bar is an interactive chat interface with a modern design featuring a sleek gradient background. It allows users to communicate with an AI assistant through a messag","s":"21st","c":"ai-agent/ai-agent","a":"coderislive07","u":81,"pl":"https://cdn.21st.dev/user_2wjKdxMtqQT5IkB6iwZTCrkDFKs/ai-assistat/default/preview.1746718499621.jpeg","pc":"coderislive07","tg":["ai-chat"],"sb":"Chat"},{"id":"21st:coderislive07__cursor-wander-card","t":"Cursor wander card","d":"A modern, interactive crypto card component that responds to cursor movement, creating a subtle 3D tilt effect. Ideal for fintech and Web3 dashboards, this reusable UI card enhance","s":"21st","c":"data-display/card","a":"coderislive07","u":69,"pl":"https://cdn.21st.dev/user_2wjKdxMtqQT5IkB6iwZTCrkDFKs/cursor-wander-card/default/preview.1747199911952.png","pc":"coderislive07"},{"id":"21st:coderislive07__travel-connect-signin-1","t":"Travel connect signin 1","d":"This project is \"Travel Connect,\" a modern web application designed for global travelers and digital nomads. It features an elegant login interface with a distinctive world map vis","s":"21st","c":"flows/sign-in","a":"coderislive07","u":224,"pl":"https://cdn.21st.dev/user_2wjKdxMtqQT5IkB6iwZTCrkDFKs/travel-connect-signin-1/travel-connect/preview.png","pc":"coderislive07","tg":["map","sign-in"],"sb":"Sign up"},{"id":"21st:comanescu.robert93__demo","t":"Demo","d":"A description about the demo.","s":"21st","c":"other","a":"comanescu.robert93","pl":"https://cdn.21st.dev/comanescu.robert93/demo/default/preview.1761056838457.png","pc":"comanescu.robert93"},{"id":"21st:componentry__animated-gradient","t":"Animated gradient","d":"A full-cover WebGL animated gradient background with configurable presets, noise overlay, and swirl distortion for hero sections and cards.","k":"motion","s":"21st","c":"motion/background","a":"componentry","u":7,"pl":"https://cdn.21st.dev/componentry/animated-gradient/default/preview.1783581957172.png","pc":"componentry","tg":["background"],"sb":"Gradients and aurora"},{"id":"21st:componentry__auth-modal","t":"Auth modal","d":"An animated authentication modal with social login buttons and email sign-in, opened from a trigger button.","s":"21st","c":"flows/sign-in","a":"componentry","st":"rated","u":2,"pl":"https://cdn.21st.dev/componentry/auth-modal/default/preview.1784270345234-de68d149-794f-4d69-b0cd-1d959e7ae944.png","pc":"componentry","tg":["modal","sign-in","sign-up"],"sc":15,"sb":"Sign up"},{"id":"21st:componentry__circuit-board","t":"Circuit board","d":"An interactive circuit board layout with labeled nodes and animated electricity pulses that travel along right-angle traces between connected nodes.","s":"21st","c":"data-display/kanban","a":"componentry","pl":"https://cdn.21st.dev/componentry/circuit-board/default/preview.1784452144794-c0f9ad8b-0450-46b1-a86f-7c3e48963ca9.png","pc":"componentry","tg":["data-visualization","icon"]},{"id":"21st:componentry__collection-surfer","t":"Collection surfer","d":"A scroll-driven infinite 3D image gallery where cards surf along a perspective track with magnetic, uplift, or simple hover effects.","s":"21st","c":"layout/scroll-area","a":"componentry","u":7,"pl":"https://cdn.21st.dev/componentry/collection-surfer/default/preview.1784312858851-34c1579c-c6bf-428a-82d1-85b71046664d.png","pc":"componentry","tg":["gallery","scroll-area"]},{"id":"21st:componentry__dither-prism-hero","t":"Dither prism hero","d":"A full-screen WebGL hero background with animated dithering patterns, prismatic color refraction, holographic iridescence, and floating particles behind headline text.","k":"section","s":"21st","c":"marketing/hero","a":"componentry","pl":"https://cdn.21st.dev/componentry/dither-prism-hero/default/preview.1785377131296-cacacb69-2d48-4d4f-b3a8-c0526939a091.png","pc":"componentry"},{"id":"21st:componentry__eye-tracking","t":"Eye tracking","d":"A pair of animated eyes whose pupils follow the cursor, with blink, dilation and realistic, cartoon, minimal and cyber style variants.","k":"motion","s":"21st","c":"motion/cursor","a":"componentry","pl":"https://cdn.21st.dev/componentry/eye-tracking/default/preview.1784473877745-eb1f5b1a-a510-4523-bc9c-647b571355f3.png","pc":"componentry","tg":["cursor"]},{"id":"21st:componentry__hero-geometric","t":"Hero geometric","d":"A full-screen hero section with an animated WebGL shader gradient background and premium serif/sans headline typography.","k":"section","s":"21st","c":"marketing/hero","a":"componentry","pl":"https://cdn.21st.dev/componentry/hero-geometric/default/preview.1785377325332-32ec4070-6de7-4234-9e0f-2c72048919b9.png","pc":"componentry"},{"id":"21st:componentry__hyper-text","t":"Hyper text","d":"An animated text effect that scrambles and cycles through random characters before revealing the final text on hover or load.","k":"motion","s":"21st","c":"motion/text-effect","a":"componentry","pl":"https://cdn.21st.dev/componentry/hyper-text/default/preview.1783715127296.png","pc":"componentry","sb":"Scramble and glitch"},{"id":"21st:componentry__infinite-image-field","t":"Infinite image field","d":"An endless cursor-driven photo canvas that tiles images infinitely in all directions and pans smoothly toward the cursor.","s":"21st","c":"inputs/form-field","a":"componentry","pl":"https://cdn.21st.dev/componentry/infinite-image-field/default/preview.1783581630896.png","pc":"componentry","tg":["gallery"]},{"id":"21st:componentry__magnet-lines","t":"Magnet lines","d":"An interactive grid of lines that rotate to point toward the cursor, creating a magnetic field effect.","k":"motion","s":"21st","c":"motion/background","a":"componentry","pl":"https://cdn.21st.dev/componentry/magnet-lines/default/preview.1783581986670.png","pc":"componentry","tg":["cursor","grid"],"sb":"Beams and light"},{"id":"21st:componentry__magnetic-dock","t":"Magnetic dock","d":"A macOS-style dock with magnetic hover scaling, spring physics, tooltips, badges, and active indicators for navigation bars.","s":"21st","c":"navigation/dock","a":"componentry","st":"rated","pl":"https://cdn.21st.dev/componentry/magnetic-dock/default/preview.1783710510075.png","pc":"componentry","tg":["dock","navigation-menu","tooltip"],"sc":20},{"id":"21st:componentry__particle-galaxy","t":"Particle galaxy","d":"An interactive 3D spiral galaxy of shader-rendered particles you can drag to rotate, scroll to zoom, and customize with color, glow, and density controls.","k":"motion","s":"21st","c":"motion/background","a":"componentry","pl":"https://cdn.21st.dev/componentry/particle-galaxy/default/preview.1785535854660-65ecee6d-eabd-459b-ac5f-972b8aa46982.png","pc":"componentry","sb":"Particles and stars"},{"id":"21st:componentry__pixel-canvas","t":"Pixel canvas","d":"An interactive pixel grid on a canvas that lights up around the cursor and leaves a smooth, color-shifting trail that decays over time.","k":"motion","s":"21st","c":"motion/cursor","a":"componentry","u":12,"pl":"https://cdn.21st.dev/componentry/pixel-canvas/default/preview.1784430904160-4c08012f-c2fd-43b1-b80b-4969ee8ed883.png","pc":"componentry","tg":["cursor"]},{"id":"21st:componentry__scroll-choreography","t":"Scroll choreography","d":"A scroll-driven animation that choreographs four quadrant images across the viewport before one hero image expands to fill the screen.","k":"layout","s":"21st","c":"layout/scroll-area","a":"componentry","u":14,"pl":"https://cdn.21st.dev/componentry/scroll-choreography/default/preview.1783712366971.png","pc":"componentry","tg":["gallery","scroll-area"]},{"id":"21st:componentry__silk-aurora","t":"Silk aurora","d":"An animated full-screen WebGL hero background with satin-dark aurora ribbons, pearlescent sheen, film grain, and cursor-driven depth, with slots for title, subtitle, and descriptio","k":"motion","s":"21st","c":"motion/background","a":"componentry","pl":"https://cdn.21st.dev/componentry/silk-aurora/default/preview.1785315188336-dc1c4336-2138-48ea-97ee-ca57e98a2cb5.png","pc":"componentry","sb":"Gradients and aurora"},{"id":"21st:componentry__split-flap-display","t":"Split flap display","d":"An animated split-flap (airport departure board) display that flips through characters to reveal text or label/value rows.","s":"21st","c":"data-display/badge","a":"componentry","pl":"https://cdn.21st.dev/componentry/split-flap-display/default/preview.1783715052566.png","pc":"componentry"},{"id":"21st:componentry__testimonial-marquee","t":"Testimonial marquee","d":"An infinite horizontally scrolling marquee for showcasing testimonials and social proof, with single-row, dual-row, stacked, and edge-to-edge flush variants.","k":"section","s":"21st","c":"marketing/testimonials","a":"componentry","pl":"https://cdn.21st.dev/componentry/testimonial-marquee/default/preview.1786703041400-55d9d61b-77c3-4939-9629-ec26ed8c614d.png","pc":"componentry","tg":["carousel","marquee","testimonials"]},{"id":"21st:componentry__text-repel","t":"Text repel","d":"Interactive heading text whose individual letters push away from or pull toward the cursor with springy motion.","k":"motion","s":"21st","c":"motion/text-effect","a":"componentry","pl":"https://cdn.21st.dev/componentry/text-repel/default/preview.1785375796746-06c7eceb-0a8a-412a-aa98-6882a8756caf.png","pc":"componentry"},{"id":"21st:componentry__webgl-liquid","t":"Webgl liquid","d":"A premium animated WebGL liquid hero background with customizable palette, flow, grain, and reveal timing.","k":"motion","s":"21st","c":"motion/background","a":"componentry","pl":"https://cdn.21st.dev/componentry/webgl-liquid/default/preview.1785454412065-849ab7f0-1724-42d5-8097-352339dc2068.png","pc":"componentry","sb":"Shaders and WebGL"},{"id":"21st:contact.mlozano__particleburst","t":"Particleburst","d":"Colorful particle burst explosion effect. Fire particles on click or any event. Configurable count, colors, distance, and size. Respects prefers-reduced-motion. Framer Motion + Rea","k":"motion","s":"21st","c":"motion/background","a":"contact.mlozano","pl":"https://21st.dev/@contact.mlozano/components/particleburst","pc":"contact.mlozano","sb":"Particles and stars"},{"id":"21st:contact_36e39b35__gradient-mc-anime","t":"Gradient mc anime","d":"Pure CSS gradient background in the Axis Blend style, made with the 21st.dev Gradient Builder. 2-color palette (#00004D, #9696E9). Features: film grain. A drop-in, zero-dependency ","k":"motion","s":"21st","c":"motion/gradient","a":"contact_36e39b35","pl":"https://cdn.21st.dev/contact_36e39b35/gradient-mc-anime/default/preview.1786483546631-203dcccf-5d6d-4c64-a815-266bdde204bc.webp","pc":"contact_36e39b35","sb":"Axis Blend"},{"id":"21st:contentbit__pros-cons","t":"Pros cons","d":"A two-column content block that lists the advantages and disadvantages of a single option side by side.","k":"section","s":"21st","c":"marketing/comparison","a":"contentbit","pl":"https://cdn.21st.dev/contentbit/pros-cons/default/preview.1784446517414-d9cc8c00-1710-4c72-9608-adbe98575017.png","pc":"contentbit","tg":["comparison"]},{"id":"21st:convertivio__ggfhjgdf","t":"Ggfhjgdf","d":"hghgfhgfdhgfdhfd","s":"21st","c":"other","a":"convertivio","pl":"https://cdn.21st.dev/convertivio/ggfhjgdf/default/preview.1755131304582.png","pc":"convertivio"},{"id":"21st:corr__animated-spinner","t":"Animated spinner","d":"A Motion-powered circular loading spinner with size and tone variants for buttons, cards, and async states.","s":"21st","c":"status/loader","a":"corr","pl":"https://cdn.21st.dev/corr/animated-spinner/default/preview.1784664013556-6f8a37af-c1f8-4deb-8377-ddb5b0f29508.png","pc":"corr","tg":["spinner"],"sb":"Spinners"},{"id":"21st:corr__notice-alert","t":"Notice alert","d":"A restrained alert wrapper with info, success, warning, primary, and destructive tones for inline notices and status messages.","s":"21st","c":"overlays/alert-banner","a":"corr","st":"rated","pl":"https://cdn.21st.dev/corr/notice-alert/default/preview.1784723104620-22d682d0-eefc-4af7-8ae9-1855c45c3304.png","pc":"corr","tg":["alert","notification"],"sc":16},{"id":"21st:corr__presence-fade","t":"Presence fade","d":"A tiny mount and unmount wrapper that animates children with fade, scale, or slide transitions.","s":"21st","c":"status/status-dot","a":"corr","pl":"https://cdn.21st.dev/corr/presence-fade/default/preview.1784711657648-62781c0f-637b-4205-b54d-80bc94bfa6af.png","pc":"corr"},{"id":"21st:corr__scroll-blur","t":"Scroll blur","d":"A scrollable container that fades content into blurred gradient edges on the top, bottom, left, and right, with optional scroll-snap item helpers.","k":"layout","s":"21st","c":"layout/scroll-area","a":"corr","pl":"https://cdn.21st.dev/corr/scroll-blur/default/preview.1783712768907.png","pc":"corr","tg":["scroll-area"]},{"id":"21st:coss.com__alert","t":"Alert","d":"A styled alert component with variant support (default, info, success, warning, error) and optional action buttons.","s":"21st","c":"overlays/alert-banner","a":"coss.com","u":21,"pl":"https://cdn.21st.dev/coss.com/alert/default/preview.1774275779058.png","pc":"coss.com","tg":["alert","icon","notification"]},{"id":"21st:coss.com__alert-dialog","t":"Alert dialog","d":"A dialog that requires user response to proceed.","s":"21st","c":"overlays/dialog","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/alert-dialog/default/preview.1774275779058.png","pc":"coss.com","sb":"Confirm"},{"id":"21st:coss.com__breadcrumb","t":"Breadcrumb","d":"Displays the path to the current resource using a hierarchy of links.","s":"21st","c":"navigation/breadcrumb","a":"coss.com","u":36,"pl":"https://cdn.21st.dev/coss.com/breadcrumb/default/preview.1774280323978.png","pc":"coss.com","tg":["link","navigation-menu"]},{"id":"21st:coss.com__calendar","t":"Calendar","d":"A date picker component with range and multi-select support.","s":"21st","c":"data-display/calendar","a":"coss.com","u":18,"pl":"https://cdn.21st.dev/coss.com/calendar/default/preview.1774275779058.png","pc":"coss.com","tg":["calendar","date-picker"]},{"id":"21st:coss.com__checkbox","t":"Checkbox","d":"A control allowing the user to toggle between checked and not checked.","s":"21st","c":"inputs/checkbox","a":"coss.com","u":6,"pl":"https://cdn.21st.dev/coss.com/checkbox/default/preview.1774278250252.png","pc":"coss.com","tg":["checkbox"]},{"id":"21st:coss.com__checkbox-group","t":"Checkbox group","d":"Provides shared state for a series of checkboxes. Styled wrapper for CheckboxGroup from Base UI with support for parent checkboxes, indeterminate state, and nested groups.","s":"21st","c":"inputs/checkbox","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/checkbox-group/default/preview.1774278119493.png","pc":"coss.com","tg":["checkbox","list"]},{"id":"21st:coss.com__collapsible","t":"Collapsible","d":"A collapsible panel controlled by a button trigger with animated height transitions.","s":"21st","c":"data-display/accordion","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/collapsible/default/preview.1774275779058.png","pc":"coss.com"},{"id":"21st:coss.com__combobox","t":"Combobox","d":"An input combined with a list of predefined items to select.","s":"21st","c":"inputs/combobox","a":"coss.com","u":29,"pl":"https://cdn.21st.dev/coss.com/combobox/default/preview.1774278953539.png","pc":"coss.com","tg":["chip"]},{"id":"21st:coss.com__coss-accordion","t":"Coss accordion","d":"A set of collapsible panels with headings and content. Built on Base UI with smooth height animations and full keyboard navigation.","s":"21st","c":"data-display/accordion","a":"coss.com","u":19,"pl":"https://cdn.21st.dev/coss.com/coss-accordion/default/preview.1774276391759.png","pc":"coss.com","tg":["accordion","faq"],"sb":"FAQ"},{"id":"21st:coss.com__coss-autocomplete","t":"Coss autocomplete","d":"An autocomplete input component with filtering, grouping, trigger/clear buttons, and keyboard navigation. Built on Base UI Autocomplete primitives.","s":"21st","c":"inputs/combobox","a":"coss.com","u":17,"pl":"https://cdn.21st.dev/larsen66/coss-autocomplete/default/preview.1773928662023.png","pc":"coss.com","tg":["search"]},{"id":"21st:coss.com__coss-avatar","t":"Coss avatar","d":"An avatar component with image, fallback text, multiple sizes, border radius variants, and group stacking. Built on Base UI Avatar primitives.","s":"21st","c":"data-display/avatar","a":"coss.com","u":11,"pl":"https://cdn.21st.dev/coss.com/coss-avatar/default/preview.1774278028683.png","pc":"coss.com","tg":["avatar","profile","team"]},{"id":"21st:coss.com__coss-badge","t":"Coss badge","d":"A badge component with 8 semantic variants (default, secondary, outline, destructive, error, info, success, warning), 3 sizes, icon support, and render prop for polymorphism. Built","s":"21st","c":"data-display/badge","a":"coss.com","u":8,"pl":"https://cdn.21st.dev/coss.com/coss-badge/default/preview.1774275779058.png","pc":"coss.com","tg":["badge"]},{"id":"21st:coss.com__coss-breadcrumb","t":"Coss breadcrumb","d":"Displays the path to the current resource using a hierarchy of links. Supports custom separators, ellipsis for collapsed items, and a render prop for polymorphic links.","s":"21st","c":"navigation/breadcrumb","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/coss-breadcrumb/default/preview.1774275779058.png","pc":"coss.com"},{"id":"21st:coss.com__coss-button","t":"Coss button","d":"A button component with 7 variants (default, outline, secondary, destructive, destructive-outline, ghost, link), 10 sizes (xs–xl + icon sizes), loading state with built-in spinner,","s":"21st","c":"actions/button","a":"coss.com","u":11,"pl":"https://cdn.21st.dev/coss.com/coss-button/default/preview.1774286573946.png","pc":"coss.com","tg":["link"],"sb":"Icon buttons"},{"id":"21st:coss.com__drawer","t":"Drawer","d":"A panel that slides in from the edge of the screen with swipe gestures, snap points, and nested drawer support. Supports bottom, top, left, and right positions with default, inset,","s":"21st","c":"overlays/sheet","a":"coss.com","u":39,"pl":"https://cdn.21st.dev/coss.com/drawer/default/preview.1774285079281.png","pc":"coss.com","tg":["menu","modal","navigation-menu","scroll-area"]},{"id":"21st:coss.com__field","t":"Field","d":"A form field wrapper that provides labeling, description, and validation messaging for any input control. Supports required fields, disabled states, error messages, and real-time v","s":"21st","c":"inputs/form-field","a":"coss.com","u":18,"pl":"https://cdn.21st.dev/coss.com/field/default/preview.1774281231358.png","pc":"coss.com","tg":["checkbox","chip","radio-group","select"],"sb":"Whole forms"},{"id":"21st:coss.com__form","t":"Form","d":"A form wrapper component that simplifies validation and submission with flex column layout and gap between fields.","s":"21st","c":"inputs/form-field","a":"coss.com","u":15,"pl":"https://cdn.21st.dev/coss.com/form/default/preview.1774277903029.png","pc":"coss.com","sb":"Whole forms"},{"id":"21st:coss.com__frame","t":"Frame","d":"A framed container for grouping related information with header, panels, and footer sections.","k":"section","s":"21st","c":"marketing/footer","a":"coss.com","u":6,"pl":"https://cdn.21st.dev/coss.com/frame/default/preview.1774273906224.png","pc":"coss.com","tg":["footer"]},{"id":"21st:coss.com__input-otp","t":"Input otp","d":"A segmented input for one-time passwords and verification codes.","s":"21st","c":"inputs/otp-input","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/input-otp/default/preview.1774442844776.png","pc":"coss.com"},{"id":"21st:coss.com__menu","t":"Menu","d":"A dropdown menu component with support for icons, keyboard shortcuts, checkboxes, switches, radio groups, links, group labels, nested submenus, and dialog triggers. Also exported a","s":"21st","c":"navigation/menu","a":"coss.com","u":16,"pl":"https://cdn.21st.dev/coss.com/menu/default/preview.1774277145180.png","pc":"coss.com","tg":["checkbox","dropdown","menu","modal"],"sb":"Dropdowns"},{"id":"21st:coss.com__progress","t":"Progress","d":"Here is Progress component","s":"21st","c":"data-viz/progress-bar","a":"coss.com","pl":"https://cdn.21st.dev/larsen66/progress/default/preview.1750564134208.png","pc":"coss.com","tg":["progress","upload-download"]},{"id":"21st:coss.com__slider","t":"Slider","d":"An accessible slider component built on Base UI Slider with support for single value, range, vertical orientation, and custom styling.","s":"21st","c":"inputs/slider","a":"coss.com","u":20,"pl":"https://cdn.21st.dev/coss.com/slider/default/preview.1774363254975.png","pc":"coss.com","tg":["slider"]},{"id":"21st:coss.com__spinner","t":"Spinner","d":"A simple animated loading spinner built on the Lucide Loader2 icon.","s":"21st","c":"status/loader","a":"coss.com","u":7,"pl":"https://cdn.21st.dev/coss.com/spinner/default/preview.1774362498994.png","pc":"coss.com","tg":["spinner"],"sb":"Spinners"},{"id":"21st:coss.com__switch","t":"Switch","d":"A toggle switch component built on Base UI Switch with animated thumb.","s":"21st","c":"actions/switch","a":"coss.com","u":16,"pl":"https://cdn.21st.dev/coss.com/switch/default/preview.1774359000000.png","pc":"coss.com","tg":["toggle"]},{"id":"21st:coss.com__table","t":"Table","d":"A simple table component for displaying tabular data.","s":"21st","c":"data-display/table","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/table/default/preview.1774358400000.png","pc":"coss.com","tg":["checkbox","table"]},{"id":"21st:coss.com__tabs","t":"Tabs","d":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","s":"21st","c":"navigation/tabs","a":"coss.com","u":52,"pl":"https://cdn.21st.dev/coss.com/tabs/default/preview.1774357976645.png","pc":"coss.com","tg":["navigation-menu","tabs"]},{"id":"21st:coss.com__textarea","t":"Textarea","d":"A native textarea element with custom size options.","s":"21st","c":"inputs/textarea","a":"coss.com","u":11,"pl":"https://cdn.21st.dev/coss.com/textarea/default/preview.1774293842992.png","pc":"coss.com","tg":["textarea"]},{"id":"21st:coss.com__toggle","t":"Toggle","d":"A two-state button that can be toggled on or off.","s":"21st","c":"actions/switch","a":"coss.com","u":10,"pl":"https://cdn.21st.dev/coss.com/toggle/default/preview.1774356688951.png","pc":"coss.com","tg":["toggle"],"sb":"With icons"},{"id":"21st:coss.com__toolbar","t":"Toolbar","d":"A container for grouping a set of buttons and controls.","s":"21st","c":"navigation/menu","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/toolbar/default/preview.1774286710192.png","pc":"coss.com","sb":"Menubars"},{"id":"21st:cowandperry__ascii-donut","t":"Ascii donut","d":"Rotating 3D ASCII donut on canvas with hue-shifting shading, idle-deferred init, and scroll/tab-visibility-aware pausing","s":"21st","c":"data-viz/chart","a":"cowandperry","pl":"https://cdn.21st.dev/cowandperry/ascii-donut/default/preview.1786793053597-e114ab9c-7078-493e-93fe-ace66b72d003.webp","pc":"cowandperry","sb":"Pie, donut and radial"},{"id":"21st:crafterui__hero-carousel","t":"Hero carousel","d":"A full-bleed editorial hero driven by a filmstrip: cards share one top edge, the focused card unfurls to full height while its neighbours stay clipped to half, and the whole backgr","s":"21st","c":"media/carousel","a":"crafterui","pl":"https://cdn.21st.dev/crafterui.com/hero-carousel/default/preview.1787059372325-b649cf5c-7b55-4ad3-b0d4-a13e810f53c2.png","pc":"crafterui"},{"id":"21st:creative.blex__button","t":"Button","d":"button button","s":"21st","c":"actions/button","a":"creative.blex","pl":"https://cdn.21st.dev/creative.blex/button/default/preview.1783468223610.png","pc":"creative.blex"},{"id":"21st:critcoder__threejs-particles-waves","t":"Threejs particles waves","d":"Interactive Three.js particle wave animation with 2500 white dots creating undulating wave patterns against black background, controlled by mouse movement.RetryG","k":"motion","s":"21st","c":"motion/background","a":"critcoder","u":44,"pl":"https://cdn.21st.dev/critcoder/threejs-particles-waves/default/preview.1785451010973-b4eff534-227f-48cd-928e-1596e22a6eaf.png","pc":"critcoder","sb":"Shaders and WebGL"},{"id":"21st:ctate__grid-background","t":"Grid background","d":"Grid Background","k":"motion","s":"21st","c":"motion/background","a":"ctate","u":166,"pl":"https://cdn.21st.dev/user_ctate/grid-background/default/preview.png","pc":"ctate","tg":["background","grid"],"sb":"Grids and patterns"},{"id":"21st:cult-ui__3d-carousel","t":"3d carousel","d":"A 3D image carousel","s":"21st","c":"media/carousel","a":"cult-ui","u":737,"pl":"https://cdn.21st.dev/user_cult_ui/3d-carousel.png","pc":"cult-ui","tg":["carousel","gallery"]},{"id":"21st:cult-ui__bg-animated-button","t":"Bg animated button","d":"Here is background animated button component","s":"21st","c":"actions/button","a":"cult-ui","pl":"https://cdn.21st.dev/larsen66/bg-animated-button/default/preview.1750442155630.png","pc":"cult-ui","sb":"Animated"},{"id":"21st:cult-ui__bg-animated-fractal-dot-grid","t":"Bg animated fractal dot grid","d":"An interactive full-screen canvas background of animated dots that ripple in a wave around the cursor, with configurable size, spacing, color, glow and noise effects.","k":"motion","s":"21st","c":"motion/background","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/bg-animated-fractal-dot-grid/default/preview.1784768552594-686f08dd-a171-4994-9098-02cc54d4ed93.png","pc":"cult-ui","sb":"Grids and patterns"},{"id":"21st:cult-ui__bg-image-texture","t":"Bg image texture","d":"Background wrapper that overlays a repeating image texture (fabric, grid noise, paper and more) behind its content with adjustable opacity.","s":"21st","c":"media/gallery","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/bg-image-texture/default/preview.1784832198271-08ae15b9-5e60-41d8-a102-6f90026b8693.png","pc":"cult-ui"},{"id":"21st:cult-ui__color-picker","t":"Color picker","d":"Color picker","s":"21st","c":"inputs/color-picker","a":"cult-ui","u":165,"pl":"https://cdn.21st.dev/user_cult_ui/color-picker.png","pc":"cult-ui"},{"id":"21st:cult-ui__dock","t":"Dock","d":"Here is Dock component","s":"21st","c":"navigation/dock","a":"cult-ui","pl":"https://cdn.21st.dev/larsen66/dock/default/preview.1750445652363.png","pc":"cult-ui","tg":["dock"]},{"id":"21st:cult-ui__dynamic-island","t":"Dynamic island","d":"Here is Dynamic Island component","s":"21st","c":"overlays/toast","a":"cult-ui","pl":"https://cdn.21st.dev/larsen66/dynamic-island/default/preview.1750445698096.png","pc":"cult-ui","tg":["notification"]},{"id":"21st:cult-ui__edge-blur","t":"Edge blur","d":"Stacked backdrop-blur layers with a gradient mask that create soft, fading blur along the top or bottom edge of a scrollable panel or screen.","s":"21st","c":"layout/scroll-area","a":"cult-ui","u":18,"pl":"https://cdn.21st.dev/cult-ui/edge-blur/default/preview.1784380426328-7e1f5e5a-5bbd-474d-ba39-ddccd928d179.png","pc":"cult-ui","tg":["scroll-area"]},{"id":"21st:cult-ui__expandable","t":"Expandable","d":"Here is expandable component","s":"21st","c":"data-display/accordion","a":"cult-ui","u":46,"pl":"https://cdn.21st.dev/larsen66/expandable/default/preview.1750442106355.png","pc":"cult-ui","tg":["calendar"]},{"id":"21st:cult-ui__family-button","t":"Family button","d":"Here is Family Button component","s":"21st","c":"actions/button","a":"cult-ui","pl":"https://cdn.21st.dev/larsen66/family-button/default/preview.1750441535473.png","pc":"cult-ui","tg":["popover","tabs"]},{"id":"21st:cult-ui__feature-carousel","t":"Feature carousel","d":"Here is modern feature carousel component","s":"21st","c":"media/carousel","a":"cult-ui","u":92,"pl":"https://cdn.21st.dev/larsen66/feature-carousel/default/preview.1750443007195.png","pc":"cult-ui","tg":["carousel","features","steps"]},{"id":"21st:cult-ui__floating-panel","t":"Floating panel","d":"A headless, composable floating panel component","s":"21st","c":"overlays/popover","a":"cult-ui","u":116,"pl":"https://cdn.21st.dev/user_cult_ui/floating-panel.png","pc":"cult-ui","tg":["textarea"]},{"id":"21st:cult-ui__glass-effect","t":"Glass effect","d":"Small glass CSS effect that I use on my website for a wow effect.","s":"21st","c":"other","a":"cult-ui","u":44,"pl":"https://cdn.21st.dev/user_cult_ui/glass-effect.png","pc":"cult-ui"},{"id":"21st:cult-ui__gradient-heading","t":"Gradient heading","d":"Gradient Heading Text","k":"motion","s":"21st","c":"motion/text-effect","a":"cult-ui","u":101,"pl":"https://cdn.21st.dev/user_cult_ui/gradient-heading.png","pc":"cult-ui","tg":["text"],"sb":"Gradient and shimmer"},{"id":"21st:cult-ui__grid-beam","t":"Grid beam","d":"Animated canvas background that sends soft glowing light beams along grid dividers, with color palette presets and composable headless pieces.","k":"motion","s":"21st","c":"motion/background","a":"cult-ui","u":15,"pl":"https://cdn.21st.dev/cult-ui/grid-beam/default/preview.1784425109772-f9934c57-1ee2-4dd9-8bb2-916f15a74567.png","pc":"cult-ui","tg":["stat"],"sb":"Grids and patterns"},{"id":"21st:cult-ui__hero-color-panel","t":"Hero color panel","d":"Split-layout hero section with animated shader color panel visuals, a CTA button, and tech stack badges.","k":"section","s":"21st","c":"marketing/hero","a":"cult-ui","u":15,"pl":"https://cdn.21st.dev/cult-ui/hero-color-panel/default/preview.1783695518387.png","pc":"cult-ui","tg":["cta"]},{"id":"21st:cult-ui__hero-dithering","t":"Hero dithering","d":"Split-layout hero section with an animated dithering shader visual, CTA button, and tech-stack badges.","k":"section","s":"21st","c":"marketing/hero","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/hero-dithering/default/preview.1783695271896.png","pc":"cult-ui"},{"id":"21st:cult-ui__hero-heatmap","t":"Hero heatmap","d":"Split-layout hero section with an animated WebGL heatmap shader visual, CTA button, and tech-stack badges.","s":"21st","c":"data-viz/chart","a":"cult-ui","u":14,"pl":"https://cdn.21st.dev/cult-ui/hero-heatmap/default/preview.1783695478334.png","pc":"cult-ui","tg":["ai-chat"],"sb":"Heatmap"},{"id":"21st:cult-ui__hero-liquid-metal","t":"Hero liquid metal","d":"Split-layout hero section with an animated liquid-metal shader visual, call-to-action button, and tech-stack badges.","k":"section","s":"21st","c":"marketing/hero","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/hero-liquid-metal/default/preview.1783695372703.png","pc":"cult-ui"},{"id":"21st:cult-ui__hero-static-radial-gradient","t":"Hero static radial gradient","d":"Split-layout hero section with a responsive static radial gradient shader visual, headline, CTA button, and tech stack badges.","k":"section","s":"21st","c":"marketing/hero","a":"cult-ui","u":22,"pl":"https://cdn.21st.dev/cult-ui/hero-static-radial-gradient/default/preview.1783695313637.png","pc":"cult-ui","sb":"Animated background"},{"id":"21st:cult-ui__lightboard","t":"Lightboard","d":"A fun lightboard component used to display moving text and draw in a visually appealing way.","k":"motion","s":"21st","c":"motion/text-effect","a":"cult-ui","pl":"https://cdn.21st.dev/user_cult_ui/lightboard.png","pc":"cult-ui"},{"id":"21st:cult-ui__logo-carousel","t":"Logo carousel","d":"Logo Carousel","k":"section","s":"21st","c":"marketing/logos","a":"cult-ui","u":1049,"pl":"https://cdn.21st.dev/user_cult_ui/logo-carousel.png","pc":"cult-ui","tg":["carousel"]},{"id":"21st:cult-ui__morph-surface","t":"Morph surface","d":"An animated feedback widget that morphs from a compact pill into an expanded textarea form with smooth spring animations and configurable dimensions, labels, and content.","k":"motion","s":"21st","c":"motion/text-effect","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/morph-surface/default/preview.1784832179438-eb1457c2-ed69-4bf7-a694-b1f9a39cac66.png","pc":"cult-ui","tg":["textarea"],"sb":"Rotating words"},{"id":"21st:cult-ui__neumorph-button","t":"Neumorph button","d":"Here is Neumorph Button component","s":"21st","c":"actions/button","a":"cult-ui","pl":"https://cdn.21st.dev/larsen66/neumorph-button/default/preview.1750441049988.png","pc":"cult-ui","tg":["button"],"sb":"Animated"},{"id":"21st:cult-ui__pixel-heading-word","t":"Pixel heading word","d":"An interactive heading that swaps or cycles through Geist pixel font styles on hover or focus.","k":"motion","s":"21st","c":"motion/text-effect","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/pixel-heading-word/default/preview.1784699568184-8184bcc8-91a1-48d1-a1ed-c831ec42683e.png","pc":"cult-ui","tg":["text"]},{"id":"21st:cult-ui__pixel-paragraph-words","t":"Pixel paragraph words","d":"A paragraph that renders selected words or phrases in a retro pixel font while the rest of the text stays in the normal typeface.","k":"motion","s":"21st","c":"motion/text-effect","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/pixel-paragraph-words/default/preview.1784699587464-abc57fb6-2265-40f0-8754-16f568dc5ccd.png","pc":"cult-ui","sb":"Rotating words"},{"id":"21st:cult-ui__popover-form","t":"Popover form","d":"Popover Form","s":"21st","c":"overlays/popover","a":"cult-ui","u":134,"pl":"https://cdn.21st.dev/user_cult_ui/popover-form.png","pc":"cult-ui","tg":["popover","textarea"]},{"id":"21st:cult-ui__shift-card","t":"Shift card","d":"Here is Shift Card component","s":"21st","c":"data-display/card","a":"cult-ui","pl":"https://cdn.21st.dev/larsen66/shift-card/default/preview.1750442554394.png","pc":"cult-ui"},{"id":"21st:cult-ui__side-panel-video","t":"Side panel video","d":"Here is Video Side Panel component","s":"21st","c":"media/player","a":"cult-ui","pl":"https://cdn.21st.dev/larsen66/side-panel-video/default/preview.1750445289243.png","pc":"cult-ui","tg":["video"]},{"id":"21st:cult-ui__svg-bands","t":"Svg bands","d":"A collection of wide, viewBox-2400 SVG section bands and ornamental frame shapes—battlement, zigzag, staircase, steep hero edges, and chamfered panels—for decorating section header","k":"motion","s":"21st","c":"motion/border","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/svg-bands/default/preview.1784721694736-7c2210d0-de92-4f30-86c9-a10c3ee045aa.png","pc":"cult-ui"},{"id":"21st:cult-ui__svg-shapes-animated","t":"Svg shapes animated","d":"A collection of wide-viewBox SVG shapes, panels, sacred-geometry figures and platonic-solid wireframes that draw their strokes on scroll-into-view with Motion, each with a flip pro","k":"resource","s":"21st","c":"assets/shape","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/svg-shapes-animated/default/preview.1784405994733-d666fa6b-f52b-4366-9938-70e58b67b172.png","pc":"cult-ui"},{"id":"21st:cult-ui__texture-button","t":"Texture button","d":"A button with numorphic undertones","s":"21st","c":"actions/button","a":"cult-ui","pl":"https://cdn.21st.dev/user_cult_ui/texture-button.png","pc":"cult-ui","tg":["button"],"sb":"Icon buttons"},{"id":"21st:cult-ui__timer","t":"Timer","d":"A countdown/stopwatch timer component with customizable duration, variants, sizes, and compound parts for building custom timers.","k":"motion","s":"21st","c":"motion/number-ticker","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/timer/default/preview.1783695372432.png","pc":"cult-ui"},{"id":"21st:cult-ui__typewriter","t":"Typewriter","d":"Animated typewriter text effect that types out a base string then cycles through a rotating list of phrases with a blinking cursor.","k":"motion","s":"21st","c":"motion/text-effect","a":"cult-ui","u":10,"pl":"https://cdn.21st.dev/cult-ui/typewriter/default/preview.1784772818327-875dedbf-0cef-40f8-94c9-619efe075b90.png","pc":"cult-ui","tg":["cursor"],"sb":"Typewriter"},{"id":"21st:cult-ui__youtube-video-player","t":"Youtube video player","d":"An expandable YouTube video player that shows a thumbnail with a play button and opens into a full-screen modal iframe with smooth animations.","s":"21st","c":"media/player","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/youtube-video-player/default/preview.1784712666590-480cb62a-40e0-4aea-8bc0-f22f76d9598b.png","pc":"cult-ui","tg":["modal","video"]},{"id":"21st:cursosxex__bot-o","t":"Bot o","d":"botão de iniciar","s":"21st","c":"other","a":"cursosxex","pl":"https://cdn.21st.dev/cursosxex/bot-o/default/preview.1750562117864.png","pc":"cursosxex"},{"id":"21st:cursosxex__netflix-menbers","t":"Netflix menbers","d":"menbers flix","s":"21st","c":"other","a":"cursosxex","pl":"https://cdn.21st.dev/cursosxex/netflix-menbers/default/preview.1750567514838.png","pc":"cursosxex"},{"id":"21st:cybergaz__neon-button","t":"Neon button","d":"a simple and clean neon bordered button with hover effect","s":"21st","c":"actions/button","a":"cybergaz","pl":"https://cdn.21st.dev/user_2sAqoiqsju5FgfPpyDU67flpOxe/neon-button/default/preview.1738079756934.png","pc":"cybergaz","sb":"Animated"},{"id":"21st:dailydischq__email-categories","t":"Email categories","d":"Email categories component for building email client app.","k":"layout","s":"21st","c":"navigation/sidebar","a":"dailydischq","u":4,"pl":"https://cdn.21st.dev/dailydischq/email-categories/default/preview.1756290960160.png","pc":"dailydischq","tg":["list","sidebar"]},{"id":"21st:daiwiikharihar__3d-profile-selector","t":"3d profile selector","d":"A premium profile selection screen featuring animated 3D tilt cards, a dynamic cursor‑driven spotlight background, and a modern “Add Profile” tile. ","s":"21st","c":"data-display/profile","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/3d-profile-selector/default/preview.1766733211591.png","pc":"daiwiikharihar","tg":["card","profile"]},{"id":"21st:daiwiikharihar__aether-ribbon-mesh","t":"Aether ribbon mesh","d":"An interactive HTML5 Canvas hero background featuring superpositioned, noise-modulated ribbon meshes that fluidly react to cursor movement and click shockwaves.","k":"motion","s":"21st","c":"motion/background","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/aether-ribbon-mesh/default/preview.1785776456005-4fcca28a-1207-4559-9611-b389fa9e2388.webp","pc":"daiwiikharihar","tg":["background"],"sb":"Gradients and aurora"},{"id":"21st:daiwiikharihar__analogue-gauge","t":"Analogue gauge","d":"Physics-driven interactive gauge with press-to-overload.","s":"21st","c":"data-viz/gauge","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/analogue-gauge/default/preview.1767852567942.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__bento-dashboard","t":"Bento dashboard","d":"Neo‑brutalist animated dashboard showcasing system load, weekly traffic, health radar, and interactive metrics using React, Tailwind, and Framer Motion.","k":"layout","s":"21st","c":"layout/dashboard","a":"daiwiikharihar","pl":"https://cdn.21st.dev/user_332oxzW8MyPod4IDIdKq9rbPYuk/bento-dashboard/default/preview.1786365304156.webp","pc":"daiwiikharihar","tg":["data-visualization","dashboard"]},{"id":"21st:daiwiikharihar__bento-specs-grid","t":"Bento specs grid","k":"layout","s":"21st","c":"layout/bento-grid","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/bento-specs-grid/default/preview.1766390407336.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__binary-canvas","t":"Binary canvas","d":"A hyper-fast, monochrome 3D binary particle canvas component. Features real-time light/dark theme adaptation, dynamic mouse parallax interaction, and smooth delta-time physics at 6","k":"section","s":"21st","c":"marketing/features","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/binary-canvas/default/preview.1785554582933-9858887e-c07f-4e9f-8b0d-8c6c6ddec3a0.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__block-text","t":"Block text","k":"motion","s":"21st","c":"motion/text-effect","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/block-text/default/preview.1770616513135.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__blocks-loader","t":"Blocks loader","d":"A 3D-tilted 4×4 grid of glowing blocks that rise in a diagonal wave, with a “Processing Data Blocks” loading label and bouncing dots to indicate background processing.","s":"21st","c":"status/loader","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/blocks-loader/default/preview.1768582368757.png","pc":"daiwiikharihar","sb":"Shapes and grids"},{"id":"21st:daiwiikharihar__brutalist-deck-loader","t":"Brutalist deck loader","d":"A neo-brutalist card stack loader component featuring smooth auto-shuffling Framer Motion animations and an integrated progress bar.","s":"21st","c":"status/loader","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/brutalist-deck-loader/default/preview.1785778087192-4fa00552-7567-46e6-8a16-e61724004622.webp","pc":"daiwiikharihar","sb":"Spinners"},{"id":"21st:daiwiikharihar__card-stack-loader","t":"Card stack loader","d":"An animated, neo-brutalist card stack loader component built with Framer Motion and Tailwind CSS.","s":"21st","c":"status/loader","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/card-stack-loader/default/preview.1785731068140-5a547e03-bb39-4839-be8e-5c41b1778d9b.webp","pc":"daiwiikharihar","sb":"Spinners"},{"id":"21st:daiwiikharihar__cartoon-switch","t":"Cartoon switch","d":"A tactile, heavy-duty mechanical rocker switch with deep drop shadows, edge glare, and snappy Framer Motion animations.","s":"21st","c":"actions/switch","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/cartoon-switch/default/preview.1786287118807-4877d5fe-8fe4-48ef-8ee4-6c1024e10677.webp","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__chladni-acoustic-grid","t":"Chladni acoustic grid","d":"Interactive 2D Chladni acoustic standing wave canvas simulating nodal sand patterns and frequency harmonic resonances.","s":"21st","c":"layout/bento-grid","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/chladni-acoustic-grid/default/preview.1785648179856-883b30a6-facd-4060-a4d3-3d5d077cfadd.webp","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__cinematic-glow-toggle","t":"Cinematic glow toggle","d":"A hyper-realistic, dark-mode toggle switch featuring spring physics, glossy reflections, and a neon emerald glow state built with Framer Motion.","s":"21st","c":"actions/switch","a":"daiwiikharihar","u":107,"pl":"https://cdn.21st.dev/daiwiikharihar17147/cinematic-glow-toggle/default/preview.1766512269979.png","pc":"daiwiikharihar","tg":["toggle"]},{"id":"21st:daiwiikharihar__cinematic-list","t":"Cinematic list","d":"Expandable destination list where each row reveals a full-width cinematic background image and travel metadata on hover.","s":"21st","c":"data-display/list","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/cinematic-list/default/preview.1767950396709.png","pc":"daiwiikharihar","tg":["image","list"],"sb":"Activity and feeds"},{"id":"21st:daiwiikharihar__cinematic-shuffle-stack","t":"Cinematic shuffle stack","d":"A physics-based card deck gallery featuring 3D mouse parallax, glowing accents, and smooth shuffle animations.","s":"21st","c":"layout/scroll-area","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/cinematic-shuffle-stack/default/preview.1768410882091.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__cinematic-studio-switch","t":"Cinematic studio switch","d":"A hyper-realistic toggle component featuring volumetric god rays, skeuomorphic metal textures, and spring-based physics.","s":"21st","c":"actions/switch","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/cinematic-studio-switch/default/preview.1766740645922.png","pc":"daiwiikharihar","tg":["toggle"]},{"id":"21st:daiwiikharihar__constellation-grid","t":"Constellation grid","d":"Interactive canvas-based kinetic mesh grid with Hooke's Law physical spring-mass physics, cursor velocity shockwaves, spatial radar readouts, and theme detection.","s":"21st","c":"layout/bento-grid","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/constellation-grid/default/preview.1785644430238-17100a28-ebea-4957-a95a-5e2e0278180a.webp","pc":"daiwiikharihar","tg":["background","grid"]},{"id":"21st:daiwiikharihar__control-knob","t":"Control knob","d":"Physics-driven rotary knob with snap ticks, energy glow, and digital readout.","s":"21st","c":"inputs/slider","a":"daiwiikharihar","st":"rated","pl":"https://cdn.21st.dev/daiwiikharihar17147/control-knob/default/preview.1767390941698.png","pc":"daiwiikharihar","sc":21},{"id":"21st:daiwiikharihar__credit-card-section","t":"Credit card section","d":"Premium 3D credit card section with neural-inspired glow, fast tilt parallax, and cinematic glass reflections for hero layouts.","s":"21st","c":"data-display/card","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/credit-card-section/default/preview.1767852126244.png","pc":"daiwiikharihar","sb":"Payment"},{"id":"21st:daiwiikharihar__cube-loader","t":"Cube loader","d":"A 3D cube loader built with React and CSS, featuring a glowing core, breathing translucent faces, and a smooth infinite spin, paired with minimal “Loading” microcopy for futuristic","s":"21st","c":"status/loader","a":"daiwiikharihar","u":78,"pl":"https://cdn.21st.dev/daiwiikharihar17147/cube-loader/default/preview.1768582767383.png","pc":"daiwiikharihar","tg":["spinner"],"sb":"Shapes and grids"},{"id":"21st:daiwiikharihar__editorial-list","t":"Editorial list","d":"A sophisticated, scroll-triggered list with high-precision spring physics for premium content delivery.","s":"21st","c":"data-display/list","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/editorial-list/default/preview.1773581833513.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__elastic-gallery","t":"Elastic gallery","d":"Interactive horizontal image accordion where the active card expands with a dark gradient overlay, title, category chip, and CTA while others collapse.","s":"21st","c":"media/gallery","a":"daiwiikharihar","u":2,"pl":"https://cdn.21st.dev/daiwiikharihar17147/elastic-gallery/default/preview.1767949065734.png","pc":"daiwiikharihar","tg":["accordion","chip","cta","gallery"],"sb":"Hover effects"},{"id":"21st:daiwiikharihar__emoji-hyper-text","t":"Emoji hyper text","d":"Playful hover-activated text component that reveals contextual emojis and subtle scramble animations on selected words.","k":"motion","s":"21st","c":"motion/text-effect","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/emoji-hyper-text/default/preview.1767381336656.png","pc":"daiwiikharihar","sb":"Scramble and glitch"},{"id":"21st:daiwiikharihar__encryption-decryption-data-tunnel","t":"Encryption decryption data tunnel","d":"A high-fidelity, cyberpunk-inspired communication interface visualizing encrypted data transfer between nodes, featuring cinematic particle animations, terminal-style inputs, and a","k":"motion","s":"21st","c":"motion/text-effect","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/encryption-decryption-data-tunnel/default/preview.1766510223291.png","pc":"daiwiikharihar","sb":"Scramble and glitch"},{"id":"21st:daiwiikharihar__flip-disk-matrix","t":"Flip disk matrix","d":"An interactive electromechanical flip-disk matrix component built with React and Tailwind CSS that renders real-time clocks, custom text, wave animations, and noise patterns with 3","k":"motion","s":"21st","c":"motion/text-effect","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/flip-disk-matrix/default/preview.1785987476687-b636b8d5-91c1-4771-823c-8914be1aaf7b.webp","pc":"daiwiikharihar","sb":"Scramble and glitch"},{"id":"21st:daiwiikharihar__fluid-composer","t":"Fluid composer","d":"A premium, interactive input component featuring Apple-inspired glassmorphism, spring-physics animations, and seamless dark mode support.","s":"21st","c":"ai-agent/composer","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/fluid-composer/default/preview.1767855358957.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__fluid-flow-grid","t":"Fluid flow grid","d":"Interactive canvas vector flow field that aligns micro-directional lines along trigonometric wave turbulence and repels smoothly around the cursor.","k":"motion","s":"21st","c":"motion/shader","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/fluid-flow-grid/default/preview.1785646282679-231aa755-e50a-48d7-9e8f-34c70dd19264.webp","pc":"daiwiikharihar","tg":["background"]},{"id":"21st:daiwiikharihar__focus-rail","t":"Focus rail","d":"A 3D, drag-and-swipe carousel with depth, autoplay, and animated context panel, designed for showcasing rich visual stories in a single, immersive focus rail.","s":"21st","c":"media/carousel","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/focus-rail/default/preview.1768470908406.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__glare-cards","t":"Glare cards","d":"A premium, interactive dashboard component featuring dynamic 3D tilting, cursor-responsive radial glare, and animated data visualizations.","s":"21st","c":"data-display/card","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/glare-cards/default/preview.1773589354116.png","pc":"daiwiikharihar","tg":["data-visualization","dashboard"]},{"id":"21st:daiwiikharihar__glitch-text","t":"Glitch text","d":"A high-energy, text reveal featuring RGB splitting, chromatic aberration, and digital distortion.","k":"motion","s":"21st","c":"motion/text-effect","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/glitch-text/default/preview.1770139559706.png","pc":"daiwiikharihar","sb":"Scramble and glitch"},{"id":"21st:daiwiikharihar__glitch-text-animation","t":"Glitch text animation","d":"Interactive cybernetic typography component featuring RGB chromatic shift, character cipher scramble animations, scanline CRT overlays, and focus dimming on hover.","k":"motion","s":"21st","c":"motion/text-effect","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/glitch-text-animation/default/preview.1785647310417-32eb46b8-cb81-477a-8531-b4a2d1ce8e8d.webp","pc":"daiwiikharihar","sb":"Scramble and glitch"},{"id":"21st:daiwiikharihar__hero-shutter-text","t":"Hero shutter text","d":"An immersive, cinematic text-animation component featuring high-impact \"shutter\" slicing effects, full-screen responsive typography, and seamless light/dark mode adaptation.","k":"motion","s":"21st","c":"motion/text-effect","a":"daiwiikharihar","u":114,"pl":"https://cdn.21st.dev/daiwiikharihar17147/hero-shutter-text/default/preview.1770201375306.png","pc":"daiwiikharihar","tg":["grid","text"]},{"id":"21st:daiwiikharihar__holographic-card","t":"Holographic card","d":"A full-screen, immersive hero section featuring a 3D interactive holographic card set against a dynamic, atmospheric background with ambient lighting and grid textures.","s":"21st","c":"data-display/card","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/holographic-card/default/preview.1770316522287.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__hover-terminal","t":"Hover terminal","d":"An interactive, animated button that transforms into a CLI snippet for quick copying.","s":"21st","c":"data-display/code-block","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/hover-terminal/default/preview.1786286199774-f57149ae-f7c1-4871-91eb-26c48bbb1102.webp","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__hyper-fluid-text","t":"Hyper fluid text","d":"A high-end, kinetic typography component featuring reactive mouse-tracking, variable weight morphing, and immersive mesh-gradient physics.","k":"motion","s":"21st","c":"motion/text-effect","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/hyper-fluid-text/default/preview.1770352474586.png","pc":"daiwiikharihar","sb":"Scramble and glitch"},{"id":"21st:daiwiikharihar__hyper-grid","t":"Hyper grid","d":"A physics-driven, infinite 3D grid background featuring interactive parallax, cursor tracking, and cinematic warp acceleration.","s":"21st","c":"layout/bento-grid","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/hyper-grid/default/preview.1766734386828.png","pc":"daiwiikharihar","tg":["grid","hero"]},{"id":"21st:daiwiikharihar__hyper-text-with-decryption","t":"Hyper text with decryption","d":"Interactive hypertext bio card where specific keywords decrypt into animated highlights on hover, perfect for personal sites or “about me” sections.","k":"motion","s":"21st","c":"motion/text-effect","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/hyper-text-with-decryption/default/preview.1767383484502.png","pc":"daiwiikharihar","sb":"Scramble and glitch"},{"id":"21st:daiwiikharihar__industrial-switch","t":"Industrial switch","d":"A heavy-duty, drag-and-toggle industrial breaker switch featuring spring physics, status LEDs, and metallic grip states.","s":"21st","c":"actions/switch","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/industrial-switch/default/preview.1785776897484-510e2931-8136-4f3f-b740-e87a6c9d4343.webp","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__iso-fader","t":"Iso fader","d":"Physics-driven iso fader with LED meter and digital readout for smooth, tactile level control.","s":"21st","c":"inputs/slider","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/iso-fader/default/preview.1767856865093.png","pc":"daiwiikharihar","tg":["slider"]},{"id":"21st:daiwiikharihar__kinetic-dots-loader","t":"Kinetic dots loader","d":"A Simple Kinetic Dots Play Loader Component.","s":"21st","c":"status/loader","a":"daiwiikharihar","u":71,"pl":"https://cdn.21st.dev/daiwiikharihar17147/kinetic-dots-loader/default/preview.1769967584872.png","pc":"daiwiikharihar","tg":["spinner"],"sb":"Dots and pulse"},{"id":"21st:daiwiikharihar__kinetic-matrix","t":"Kinetic matrix","d":"An interactive spring-mass lattice simulation featuring reactive cursor force fields, traveling synaptic data pulses, gravitational shockwave ripples, and adaptive light/dark theme","k":"motion","s":"21st","c":"motion/cursor","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/kinetic-matrix/default/preview.1786988380294-156e9a4d-b6e1-4cb7-876a-668b45409167.webp","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__kinetic-particle-fabric","t":"Kinetic particle fabric","d":"An immersive 3D physics fabric simulation featuring interactive mesh deformations, gravitational shockwave pulses, fluid wave oscillations, and full light/dark mode compatibility.","k":"motion","s":"21st","c":"motion/background","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/kinetic-particle-fabric/default/preview.1786987785230-f05f20b5-a3ba-40a6-847b-55547fd6d86a.webp","pc":"daiwiikharihar","sb":"Particles and stars"},{"id":"21st:daiwiikharihar__kinetic-resume","t":"Kinetic resume","d":"A high-contrast, physics-based interactive resume featuring 3D hover effects, spring animations, and a responsive bento-grid layout.","s":"21st","c":"layout/bento-grid","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/kinetic-resume/default/preview.1767003980714.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__kinetic-team-hybrid","t":"Kinetic team hybrid","d":"A responsive, Framer Motion–powered team roster featuring a global cursor-follow preview on desktop and tap-to-expand accordion images on mobile for a cinematic talent showcase.","k":"section","s":"21st","c":"marketing/team","a":"daiwiikharihar","u":49,"pl":"https://cdn.21st.dev/daiwiikharihar17147/kinetic-team-hybrid/default/preview.1768156797860.png","pc":"daiwiikharihar","tg":["accordion","cursor","team"]},{"id":"21st:daiwiikharihar__kinetic-text","t":"Kinetic text","d":"An interactive typography component featuring sliced diagonal light layers, horizontal seam accents, 3D character rotation, and re-triggerable Framer Motion physics.","k":"motion","s":"21st","c":"motion/text-effect","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/kinetic-text/default/preview.1785648474606-67d1d708-9ad6-4571-8f87-4a9d12a7c071.webp","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__lattice-background","t":"Lattice background","d":"Dynamic Delaunay-style triangulated mesh field with real-time cursor force-displacement, vertex particle pulsing, and reactive geometric fills.","k":"motion","s":"21st","c":"motion/background","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/lattice-background/default/preview.1785652099800-dc8bfcf6-74c7-40aa-9684-712fa93aa417.webp","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__liquid-grid-text","t":"Liquid grid text","d":"Interactive 3D text displacement component using Framer Motion.","k":"motion","s":"21st","c":"motion/text-effect","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/liquid-grid-text/default/preview.1785731754205-f6187bad-234a-47e3-838a-a48e0891bc0f.webp","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__logo-cloud","t":"Logo cloud","d":"An immersive, interactive tech logo cloud featuring tilt effects, dynamic cursor spotlights, cyber-circuit grid lines, and animated laser sweep highlights.","k":"section","s":"21st","c":"marketing/logos","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/logo-cloud/default/preview.1786981834115-2e88b1cf-c152-484c-90b5-e4a21d935619.webp","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__mask-reveal-hero","t":"Mask reveal hero","d":"Hero component is an interactive landing-section built with React, Framer Motion, and a custom mask-based reveal system. It creates a dynamic, spotlight-style hover effect that rev","k":"section","s":"21st","c":"marketing/hero","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/mask-reveal-hero/default/preview.1765436480246.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__matrix-text","t":"Matrix text","d":"Laser-scan text effect featuring staggering vertical clip-path reveal curtains, neon red glow edge lines, and re-triggerable Framer Motion animations.","k":"motion","s":"21st","c":"motion/text-effect","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/matrix-text/default/preview.1785649070562-be9a1eaf-aec0-4a58-b746-5d312c3becf5.webp","pc":"daiwiikharihar","sb":"Scramble and glitch"},{"id":"21st:daiwiikharihar__neo-brutalist-kinetic-deck","t":"Neo brutalist kinetic deck","s":"21st","c":"media/card-stack","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/neo-brutalist-kinetic-deck/default/preview.1767382710849.png","pc":"daiwiikharihar","tg":["menu"]},{"id":"21st:daiwiikharihar__neon-mesh","t":"Neon mesh","d":"Interactive 3D elastic cloth mesh using Verlet physics and perspective projection.","k":"motion","s":"21st","c":"motion/background","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/neon-mesh/default/preview.1785650412621-744d40e0-bcd4-47c8-a0a8-b18323c19d4a.webp","pc":"daiwiikharihar","tg":["background"],"sb":"Gradients and aurora"},{"id":"21st:daiwiikharihar__next-reveal","t":"Next reveal","d":"A bold, 3D mechanical flip animation with high-contrast theme inversion.","k":"motion","s":"21st","c":"motion/text-effect","a":"daiwiikharihar","u":36,"pl":"https://cdn.21st.dev/daiwiikharihar17147/next-reveal/default/preview.1770139288241.png","pc":"daiwiikharihar","sb":"Reveal and entrance"},{"id":"21st:daiwiikharihar__orbital-feature-scanner","t":"Orbital feature scanner","k":"section","s":"21st","c":"marketing/features","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/orbital-feature-scanner/default/preview.1768412421050.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__pillar-grid","t":"Pillar grid","d":"Interactive 3D isometric hexagonal pillar grid rendered on HTML5 Canvas.","s":"21st","c":"layout/bento-grid","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/pillar-grid/default/preview.1785649925297-8b2b5860-d2f0-463b-886c-94a6c453357c.webp","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__plasma-card","t":"Plasma card","d":"An interactive, physics-driven plasma card with fluid blob motion, stress-reactive colors, and smooth glassmorphism for futuristic dashboards.","s":"21st","c":"data-display/card","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/plasma-card/default/preview.1767888358678.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__premium-3d-analog-watch","t":"Premium 3d analog watch","d":"A hyper-realistic smartwatch face featuring physics-based 3D tilt, convex glass reflections, and a reactive spotlight container.","s":"21st","c":"motion/tilt-3d","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/premium-3d-analog-watch/default/preview.1766738229227.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__pretext-text-animation","t":"Pretext text animation","d":"A demonstration of high-performance canvas typography wrapping.","k":"motion","s":"21st","c":"motion/text-effect","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/pretext-text-animation/default/preview.1775275158120.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__pricing-section","t":"Pricing section","d":"A high-contrast, physics-enabled pricing grid featuring 3D hover tilts, elastic toggles, and staggered entrance animations.","k":"section","s":"21st","c":"marketing/pricing","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/pricing-section/default/preview.1768444023459.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__profile-card","t":"Profile card","d":"A compact, hover-to-expand profile microcard with elastic motion, glowing avatar, and GitHub link support, designed for clean light/dark interfaces.","s":"21st","c":"data-display/profile","a":"daiwiikharihar","u":18,"pl":"https://cdn.21st.dev/daiwiikharihar17147/profile-card/default/preview.1768466502565.png","pc":"daiwiikharihar","tg":["profile"]},{"id":"21st:daiwiikharihar__reveal-image-mask","t":"Reveal image mask","d":"An editorial image reveal component that elegantly masks and blooms images into full frame using scroll-driven Framer Motion transitions.","s":"21st","c":"media/gallery","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/reveal-image-mask/default/preview.1773658787794.png","pc":"daiwiikharihar","tg":["image","scroll-area"],"sb":"Scroll"},{"id":"21st:daiwiikharihar__rolling-list","t":"Rolling list","d":"Animated process list with hover roll text and image preview.","s":"21st","c":"data-display/list","a":"daiwiikharihar","u":104,"pl":"https://cdn.21st.dev/daiwiikharihar17147/rolling-list/default/preview.1767938921581.png","pc":"daiwiikharihar","tg":["image","list"],"sb":"Activity and feeds"},{"id":"21st:daiwiikharihar__scroll-triggered-video-hero","t":"Scroll triggered video hero","d":"A robust hero section that transitions between video chapters based on viewport position. Uses sticky positioning for performance, with z-index layering for smooth cross-fades. Inc","k":"section","s":"21st","c":"marketing/hero","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/scroll-triggered-video-hero/default/preview.1766474801635.png","pc":"daiwiikharihar","tg":["progress","scroll-area","video"],"sb":"With video"},{"id":"21st:daiwiikharihar__slice-text","t":"Slice text","d":"A movie-trailer style effect where text halves slide in from opposite directions and magnetically merge.","k":"motion","s":"21st","c":"motion/text-effect","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/slice-text/default/preview.1770140060913.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__spatial-product-showcase","t":"Spatial product showcase","d":"A high-fidelity hero section designed for displaying dual-state products or variations. Features fluid layout transitions powered by Framer Motion, reactive background gradients th","s":"21st","c":"data-viz/progress-bar","a":"daiwiikharihar","u":182,"pl":"https://cdn.21st.dev/daiwiikharihar17147/spatial-product-showcase/default/preview.1766041494809.png","pc":"daiwiikharihar","tg":["hero","progress"]},{"id":"21st:daiwiikharihar__split-slide-text","t":"Split slide text","d":"Kinetic horizontal split-reveal typography component featuring bi-directional sliding halves.","k":"motion","s":"21st","c":"motion/text-effect","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/split-slide-text/default/preview.1785649482873-cd87d453-7395-4b4f-9248-21c87ad434fb.webp","pc":"daiwiikharihar","sb":"Reveal and entrance"},{"id":"21st:daiwiikharihar__svg-transition","t":"Svg transition","d":"Full-screen SVG wipe transitions between product sections with responsive sidebar navigation.","s":"21st","c":"navigation/top-nav","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/svg-transition/default/preview.1773467781783.png","pc":"daiwiikharihar","sb":"Mega menus"},{"id":"21st:daiwiikharihar__swipe-deck","t":"Swipe deck","d":"A high-performance, gesture-driven card stack featuring buttery spring physics, dynamic background theming, and keyboard accessibility.","k":"motion","s":"21st","c":"motion/background","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/swipe-deck/default/preview.1767902691612.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__team-builder","t":"Team builder","d":"Elegant animated team member selector with drag-free layout transitions, search, and progress ring.","k":"section","s":"21st","c":"marketing/team","a":"daiwiikharihar","st":"rated","pl":"https://cdn.21st.dev/daiwiikharihar17147/team-builder/default/preview.1769965953565.png","pc":"daiwiikharihar","sc":22},{"id":"21st:daiwiikharihar__technical-rest-api-showcase","t":"Technical rest api showcase","d":"A high-precision, interactive dashboard visualizing CRUD operations with a tactical radar core, scanlines, and fluid Framer Motion animations.","k":"layout","s":"21st","c":"layout/dashboard","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/technical-rest-api-showcase/default/preview.1766511035141.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__text-block-animation","t":"Text block animation","d":"A GSAP-powered React component that reveals text line-by-line with a smooth colored block wipe animation, supporting scroll triggers and customizable timing.","k":"motion","s":"21st","c":"motion/text-effect","a":"daiwiikharihar","u":75,"pl":"https://cdn.21st.dev/daiwiikharihar17147/text-block-animation/default/preview.1768639861356.png","pc":"daiwiikharihar","tg":["scroll-area","text"],"sb":"Reveal and entrance"},{"id":"21st:daiwiikharihar__text-reveal","t":"Text reveal","d":"A cinematic, blur-in text reveal featuring a premium inverted-contrast theme.","k":"motion","s":"21st","c":"motion/text-effect","a":"daiwiikharihar","u":43,"pl":"https://cdn.21st.dev/daiwiikharihar17147/text-reveal/default/preview.1770138202558.png","pc":"daiwiikharihar","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:daiwiikharihar__toggle-switch","t":"Toggle switch","d":"Draggable mechanical switch with realistic physics, LED status glow, and cross-fade text labels.","s":"21st","c":"actions/switch","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/toggle-switch/default/preview.1767390677394.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__tweet-card","t":"Tweet card","d":"A polished tweet-style card built with React, Framer Motion, and Tailwind, featuring interactive actions, hover-based lighting, and support for avatars, rich media, and live-like s","s":"21st","c":"data-display/card","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/tweet-card/default/preview.1768445502739.png","pc":"daiwiikharihar","tg":["stat"],"sb":"Metric"},{"id":"21st:daiwiikharihar__underline-fluid-text","t":"Underline fluid text","d":"A cinematic, kinetic typography engine featuring velocity-aware character leaning, dynamic weight interpolation, and a stable chromatic underline system.","k":"motion","s":"21st","c":"motion/text-effect","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/underline-fluid-text/default/preview.1770354718319.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__vector-pad","t":"Vector pad","d":"Interactive radar pad with smooth-tracking crosshairs, lock states, and real-time coordinates.","s":"21st","c":"data-display/stat","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/vector-pad/default/preview.1767391760916.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__voxel-matrix","t":"Voxel matrix","d":"Dynamic 3D isometric heightmap grid oscillating with sine wave harmonics and interactive smooth mouse elevation fields.","k":"motion","s":"21st","c":"motion/background","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/voxel-matrix/default/preview.1785651422655-aaa5ab5e-f121-46e1-9ec5-6fff3f840a0c.webp","pc":"daiwiikharihar","tg":["background"]},{"id":"21st:daiwiikharihar__voxel-topography-grid","t":"Voxel topography grid","d":"An interactive, high-performance 3D canvas topography grid featuring dynamic wave math, smooth cursor physics, elevation shading, and zero-allocation frame optimization.","k":"motion","s":"21st","c":"motion/background","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/voxel-topography-grid/default/preview.1785555281449-771301fa-dda0-42f1-a314-bc6636d53134.webp","pc":"daiwiikharihar","tg":["background"],"sb":"Grids and patterns"},{"id":"21st:daiwiikharihar__wander-hero","t":"Wander hero","k":"section","s":"21st","c":"marketing/hero","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar17147/wander-hero/default/preview.1770200676711.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__wave-text","t":"Wave text","d":"An interactive 3D perspective horizon terrain with tilt parallax, cursor dampening, and continuous sine-wave displacement built on HTML5 Canvas.","k":"motion","s":"21st","c":"motion/text-effect","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/wave-text/default/preview.1785650799060-4e00f320-f6b7-41db-b424-5876dc21c7a5.webp","pc":"daiwiikharihar","sb":"Bouncy and wavy"},{"id":"21st:daniel__designs__3d-ascii-model-viewer","t":"3d ascii model viewer","d":"Here is 3D ASCII Model Viewer component","k":"motion","s":"21st","c":"motion/ascii","a":"daniel__designs","u":38,"pl":"https://cdn.21st.dev/daniel__designs/3d-ascii-model-viewer/default/preview.1785468964696-30f97f28-5ca1-44d5-a76a-de92f1acd8d9.png","pc":"daniel__designs"},{"id":"21st:daniel__designs__gradient-shader-card","t":"Gradient shader card","d":"Here is Gradient Shader Card component","s":"21st","c":"data-display/card","a":"daniel__designs","u":31,"pl":"https://cdn.21st.dev/larsen66/gradient-shader-card/default/preview.1756199649550.png","pc":"daniel__designs","sb":"Animated and glowing"},{"id":"21st:danielleppy9__de-grade-s-bleu","t":"De grade s bleu","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#FFFFFF, #78B8F9, #5667FF, #4D2FF9). Features: soft blur finish, vig","k":"motion","s":"21st","c":"motion/gradient","a":"danielleppy9","pl":"https://cdn.21st.dev/danielleppy9/de-grade-s-bleu/default/preview.1786715718299-eae9bc16-1e06-423e-b69d-fec7429babf8.webp","pc":"danielleppy9","sb":"Silk Blend"},{"id":"21st:danielleppy9__de-grade-s-bleu-2","t":"De grade s bleu 2","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#FFFFFF, #78B8F9, #5667FF, #4D2FF9). Features: soft blur finish, vig","k":"motion","s":"21st","c":"motion/gradient","a":"danielleppy9","pl":"https://cdn.21st.dev/danielleppy9/de-grade-s-bleu/default/preview.1786715727124-e2f4b56b-4ac0-4fad-9f84-e2e362aef210.webp","pc":"danielleppy9","sb":"Silk Blend"},{"id":"21st:danielpetho__animated-gradient-with-svg","t":"Animated gradient with svg","d":"An animated multi-color gradient background effect with SVG elements.\n\nAnimated gradients can be achieved with many different techniques (shaders, CSS gradients, etc.), this compon","k":"motion","s":"21st","c":"motion/background","a":"danielpetho","u":840,"pl":"https://cdn.21st.dev/user_danielpetho/animated-gradient-with-svg.png","pc":"danielpetho","sb":"Gradients and aurora"},{"id":"21st:danielpetho__basic-number-ticker","t":"Basic number ticker","d":"An animated number counter that smoothly tweens from a starting value to a target, with ref-based control to trigger the count on demand.","k":"motion","s":"21st","c":"motion/number-ticker","a":"danielpetho","u":12,"pl":"https://cdn.21st.dev/danielpetho/basic-number-ticker/default/preview.1784409220082-8a1274cd-ed65-4401-a232-9f1302392899.png","pc":"danielpetho","tg":["dashboard","number","stat"]},{"id":"21st:danielpetho__box-carousel","t":"Box carousel","d":"Here is Box Carousel component","s":"21st","c":"media/carousel","a":"danielpetho","pl":"https://cdn.21st.dev/larsen66/box-carousel/default/preview.1751847855108.png","pc":"danielpetho","tg":["carousel","gallery"]},{"id":"21st:danielpetho__breathing-text","t":"Breathing text","d":"A text component that animates the font variation settings of letters in a breathing effect continuously. Works only with variable fonts.\n\nThis component is designed to work exclus","k":"motion","s":"21st","c":"motion/text-effect","a":"danielpetho","u":14,"pl":"https://cdn.21st.dev/user_danielpetho/breathing-text.png","pc":"danielpetho"},{"id":"21st:danielpetho__elastic-line","t":"Elastic line","d":"$37","k":"motion","s":"21st","c":"motion/cursor","a":"danielpetho","pl":"https://cdn.21st.dev/user_danielpetho/elastic-line.png","pc":"danielpetho","tg":["cursor"]},{"id":"21st:danielpetho__gooey-filter","t":"Gooey filter","d":"An svg filter component that creates a gooey effect on the background. Can be used to create fluid interfaces or rounded-at-all-corners panels. Limited support for Safari.","s":"21st","c":"navigation/tabs","a":"danielpetho","u":469,"pl":"https://cdn.21st.dev/user_danielpetho/gooey-filter/default/preview.png","pc":"danielpetho","tg":["cursor","image","menu","tabs"]},{"id":"21st:danielpetho__image-trail","t":"Image trail","d":"A component that creates a trail effect on cursor/touch movement. Works also with videos, svgs, or any type of html elements.","s":"21st","c":"media/gallery","a":"danielpetho","u":260,"pl":"https://cdn.21st.dev/user_danielpetho/image-trail.png","pc":"danielpetho","tg":["cursor","gallery"]},{"id":"21st:danielpetho__letter-swap","t":"Letter swap","d":"A text component that swaps the letters vertically on hover.\n\nThere are two types of animations available for this component:\n1) Forward animation — plays the animation timeline on","k":"motion","s":"21st","c":"motion/text-effect","a":"danielpetho","u":161,"pl":"https://cdn.21st.dev/user_danielpetho/letter-swap.png","pc":"danielpetho","tg":["text"],"sb":"Rotating words"},{"id":"21st:danielpetho__marquee-along-svg-path","t":"Marquee along svg path","d":"A marquee that animates its children continuously along any custom SVG path, with hover slowdown, drag, and scroll-velocity controls.","k":"motion","s":"21st","c":"motion/marquee","a":"danielpetho","u":17,"pl":"https://cdn.21st.dev/danielpetho/marquee-along-svg-path/default/preview.1783680258980.png","pc":"danielpetho","tg":["gallery","marquee"]},{"id":"21st:danielpetho__parallax-floating","t":"Parallax floating","d":"A component that creates a parallax floating effect on cursor/touch movement. Works also with videos, svgs, or any type of html elements.","k":"layout","s":"21st","c":"layout/scroll-area","a":"danielpetho","u":762,"pl":"https://cdn.21st.dev/user_danielpetho/parallax-floating/default/preview.png","pc":"danielpetho","tg":["cursor","gallery","image"]},{"id":"21st:danielpetho__pixel-trail","t":"Pixel trail","d":"You can customize the individual pixels by passing a pixelClassName prop.\n\n1. The component operates by dividing the container into a grid of pixels and dynamically recoloring them","k":"motion","s":"21st","c":"motion/cursor","a":"danielpetho","u":381,"pl":"https://cdn.21st.dev/user_danielpetho/pixel-trail.png","pc":"danielpetho","tg":["cursor","grid"]},{"id":"21st:danielpetho__random-letter-swap","t":"Random letter swap","d":"A text component that randomly swaps the letters vertically on hover.\n\nThere are two types of animations available for this component:\n1. Forward animation — plays the animation ti","k":"motion","s":"21st","c":"motion/text-effect","a":"danielpetho","u":93,"pl":"https://cdn.21st.dev/user_danielpetho/random-letter-swap.png","pc":"danielpetho","sb":"Rotating words"},{"id":"21st:danielpetho__scramble-hover","t":"Scramble hover","d":"A text component that scrambles the text on hover.\n\nFor the scrambling effect, you can use either the original characters, or another set of characters specified in the characters ","k":"motion","s":"21st","c":"motion/text-effect","a":"danielpetho","u":53,"pl":"https://cdn.21st.dev/user_danielpetho/scramble-hover.png","pc":"danielpetho","sb":"Scramble and glitch"},{"id":"21st:danielpetho__scramble-in","t":"Scramble in","s":"21st","c":"motion/text-effect","a":"danielpetho","pl":"https://cdn.21st.dev/user_danielpetho/scramble-in.png","pc":"danielpetho","sb":"Scramble and glitch"},{"id":"21st:danielpetho__scroll-and-swap-text","t":"Scroll and swap text","d":"A text component that swaps the letters vertically on scroll.\n\nThe trick here is similar to the Letter Swap Hover component—duplicate the text, then wrapping the them in a containe","k":"motion","s":"21st","c":"motion/text-effect","a":"danielpetho","u":57,"pl":"https://cdn.21st.dev/user_danielpetho/scroll-and-swap-text.png","pc":"danielpetho","tg":["scroll-area"],"sb":"Reveal and entrance"},{"id":"21st:danielpetho__text-along-path","t":"Text along path","d":"An SVG component that animates text flowing along a custom path, with auto-loop or scroll-driven motion.","k":"motion","s":"21st","c":"motion/text-effect","a":"danielpetho","u":8,"pl":"https://cdn.21st.dev/danielpetho/text-along-path/default/preview.1783583023616.png","pc":"danielpetho","tg":["text"]},{"id":"21st:danielpetho__text-cursor-proximity","t":"Text cursor proximity","d":"A text component that animates the letters based on the cursor proximity","k":"motion","s":"21st","c":"motion/cursor","a":"danielpetho","u":106,"pl":"https://cdn.21st.dev/user_danielpetho/text-cursor-proximity/default/preview.1737987157933.png","pc":"danielpetho","tg":["cursor"]},{"id":"21st:danielpetho__text-highlighter","t":"Text highlighter","d":"Animated text highlighter that sweeps a marker-style background behind inline text, triggered on hover, scroll into view, or imperatively via ref, with configurable direction and c","k":"motion","s":"21st","c":"motion/text-effect","a":"danielpetho","pl":"https://cdn.21st.dev/danielpetho/text-highlighter/default/preview.1783613439407.png","pc":"danielpetho","tg":["scroll-area"],"sb":"Reveal and entrance"},{"id":"21st:danielpetho__text-rotate","t":"Text rotate","d":"A text component that switches the rendered text from a list.","k":"motion","s":"21st","c":"motion/text-effect","a":"danielpetho","u":1493,"pl":"https://cdn.21st.dev/user_danielpetho/text-rotate/default/preview.png","pc":"danielpetho","tg":["image","text"],"sb":"Reveal and entrance"},{"id":"21st:danielpetho__typewriter","t":"Typewriter","k":"motion","s":"21st","c":"motion/text-effect","a":"danielpetho","pl":"https://cdn.21st.dev/user_danielpetho/typewriter.png","pc":"danielpetho","tg":["cursor"],"sb":"Typewriter"},{"id":"21st:danielpetho__underline-animation","t":"Underline animation","d":"A component that animates a text underline.\n\nThese underline animations work differently from typical CSS underline animations. Instead of animating the CSS text-decoration-line: u","s":"21st","c":"actions/link","a":"danielpetho","u":84,"pl":"https://cdn.21st.dev/user_danielpetho/underline-animation.png","pc":"danielpetho","tg":["link"]},{"id":"21st:danielpetho__underline-to-background","t":"Underline to background","d":"A text component that animates a text underline into a text background.\n\nThe component creates a separate div element positioned absolutely below the text (instead of the regular u","k":"motion","s":"21st","c":"motion/text-effect","a":"danielpetho","u":25,"pl":"https://cdn.21st.dev/user_danielpetho/underline-to-background.png","pc":"danielpetho","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:danielpetho__use-debounced-dimensions","t":"Use debounced dimensions","k":"lib","s":"21st","c":"lib/hook","a":"danielpetho","pl":"https://cdn.21st.dev/user_danielpetho/use-debounced-dimensions.png","pc":"danielpetho","tg":["hook"]},{"id":"21st:danielpetho__use-elastic-line-events","t":"Use elastic line events","k":"lib","s":"21st","c":"lib/hook","a":"danielpetho","pl":"https://cdn.21st.dev/user_danielpetho/use-elastic-line-events.png","pc":"danielpetho","tg":["hook"]},{"id":"21st:danielpetho__use-mouse-position","t":"Use mouse position","k":"lib","s":"21st","c":"lib/hook","a":"danielpetho","pl":"https://cdn.21st.dev/user_danielpetho/use-mouse-position.png","pc":"danielpetho","tg":["cursor","hook"]},{"id":"21st:danielpetho__use-mouse-position-ref","t":"Use mouse position ref","k":"lib","s":"21st","c":"lib/hook","a":"danielpetho","pl":"https://cdn.21st.dev/user_danielpetho/use-mouse-position-ref.png","pc":"danielpetho","tg":["cursor","hook"]},{"id":"21st:danielpetho__use-mouse-vector","t":"Use mouse vector","k":"lib","s":"21st","c":"lib/hook","a":"danielpetho","pl":"https://cdn.21st.dev/user_danielpetho/use-mouse-vector.png","pc":"danielpetho","tg":["data-visualization","cursor","hook"]},{"id":"21st:danielpetho__use-screen-size","t":"Use screen size","k":"lib","s":"21st","c":"lib/hook","a":"danielpetho","pl":"https://cdn.21st.dev/user_danielpetho/use-screen-size.png","pc":"danielpetho","tg":["hook"]},{"id":"21st:danielpetho__variable-font-and-cursor","t":"Variable font and cursor","d":"A text component that animates the font variation settings based on the cursor position. Works only with variable fonts.","k":"resource","s":"21st","c":"assets/font","a":"danielpetho","pl":"https://cdn.21st.dev/user_danielpetho/variable-font-and-cursor.png","pc":"danielpetho","tg":["cursor"]},{"id":"21st:danielpetho__variable-font-cursor-proximity","t":"Variable font cursor proximity","k":"resource","s":"21st","c":"assets/font","a":"danielpetho","pl":"https://cdn.21st.dev/user_danielpetho/variable-font-cursor-proximity.png","pc":"danielpetho"},{"id":"21st:danielpetho__variable-font-hover-by-letter","t":"Variable font hover by letter","d":"A text component that animates the font variation settings of letters. Works only with variable fonts.\n\nThis component is designed to work exclusively with variable fonts. Variable","k":"motion","s":"21st","c":"motion/text-effect","a":"danielpetho","u":13,"pl":"https://cdn.21st.dev/user_danielpetho/variable-font-hover-by-letter.png","pc":"danielpetho"},{"id":"21st:danielpetho__variable-font-hover-by-random-letter","t":"Variable font hover by random letter","d":"A text component that animates the font variation settings of letters in a random order. Works only with variable fonts.","k":"motion","s":"21st","c":"motion/text-effect","a":"danielpetho","u":48,"pl":"https://cdn.21st.dev/user_danielpetho/variable-font-hover-by-random-letter.png","pc":"danielpetho"},{"id":"21st:danielpetho__vertical-cut-reveal","t":"Vertical cut reveal","d":"A text component that reveals the text with a cut reveal effect.\n\nFirst, the text gets split into smaller chunks based on the splitBy prop:\n\t•\twords: Splits into individual words (","k":"motion","s":"21st","c":"motion/text-effect","a":"danielpetho","u":1141,"pl":"https://cdn.21st.dev/user_danielpetho/vertical-cut-reveal.png","pc":"danielpetho","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:daniyalsherafat1__waves-shader","t":"Waves shader","d":"Animated WebGL shader background in the Waves style. Generated by the 21st.dev Shader Builder. 4-color palette (#0D1B0F, #3E8E41, #C7F464, #FFFDE1). Features: cursor-reactive (spot","k":"motion","s":"21st","c":"motion/shader","a":"daniyalsherafat1","pl":"https://cdn.21st.dev/daniyalsherafat1/waves-shader/default/preview.1786277750030-12bf6168-26b6-4109-bc36-9f4ba904c6f0.webp","pc":"daniyalsherafat1","sb":"Waves"},{"id":"21st:danverr__111111111","t":"111111111","d":"111111111111111111111111111","s":"21st","c":"other","a":"danverr","pl":"https://cdn.21st.dev/danverr/111111111/default/preview.1748510844904.png","pc":"danverr"},{"id":"21st:danverr__123123123","t":"123123123","d":"12312313123","s":"21st","c":"other","a":"danverr","pl":"https://cdn.21st.dev/danverr/123123123/default/preview.1748465251795.png","pc":"danverr"},{"id":"21st:danverr__222222222222","t":"222222222222","d":"222222222222222222222222222222222222","s":"21st","c":"other","a":"danverr","pl":"https://cdn.21st.dev/danverr/222222222222/default/preview.1748523974389.png","pc":"danverr"},{"id":"21st:danverr__dddddd","t":"Dddddd","d":"dddddddddddddddddd","s":"21st","c":"other","a":"danverr","pl":"https://cdn.21st.dev/danverr/dddddd/default/preview.1780659829948.png","pc":"danverr"},{"id":"21st:danverr__ddoaoaoaaooao","t":"Ddoaoaoaaooao","s":"21st","c":"other","a":"danverr","pl":"https://cdn.21st.dev/danverr/ddoaoaoaaooao/default/preview.1780305029217.png","pc":"danverr"},{"id":"21st:danverr__demodemo","t":"Demodemo","d":"demodemodemodemodemodemodemodemo","s":"21st","c":"other","a":"danverr","pl":"https://cdn.21st.dev/localhost_danverr/demodemo/default/preview.1747923045162.png","pc":"danverr"},{"id":"21st:danverr__hi-serafim","t":"Hi serafim","s":"21st","c":"other","a":"danverr","pl":"https://cdn.21st.dev/danverr/hi-serafim/default/preview.1748421409687.png","pc":"danverr"},{"id":"21st:danverr__hi-serafim-1","t":"Hi serafim 1","d":"hi-serafimhi-serafimhi-serafimhi-serafim","s":"21st","c":"other","a":"danverr","pl":"https://cdn.21st.dev/danverr/hi-serafim-1/default/preview.1748424023928.png","pc":"danverr"},{"id":"21st:danverr__hiiiiiiiiiiiiiii","t":"Hiiiiiiiiiiiiiii","d":"hiiiiiiiiiiiiiiihiiiiiiiiiiiiiiihiiiiiiiiiiiiiiihiiiiiiiiiiiiiii","s":"21st","c":"other","a":"danverr","pl":"https://cdn.21st.dev/danverr/hiiiiiiiiiiiiiii/default/preview.1748441936581.png","pc":"danverr"},{"id":"21st:danverr__relative-time-card-2","t":"Relative time card 2","d":"relative-time-card-2relative-time-card-2relative-time-card-2","s":"21st","c":"data-display/card","a":"danverr","pl":"https://cdn.21st.dev/danverr/relative-time-card-2/default/preview.1747855292669.png","pc":"danverr"},{"id":"21st:danverr__sukabtn-2","t":"Sukabtn 2","d":"sukabtn-2sukabtn-2","s":"21st","c":"actions/button","a":"danverr","pl":"https://cdn.21st.dev/danverr/sukabtn-2/default/preview.1746873942645.png","pc":"danverr"},{"id":"21st:danverr__test","t":"Test","d":"testtesttesttest","s":"21st","c":"other","a":"danverr","pl":"https://cdn.21st.dev/user_2uxHsbi0sPG5LkwQ5O7ix7QcnVc/test/test-btn/preview.png","pc":"danverr"},{"id":"21st:danverr__themetheme","t":"Themetheme","d":"themethemethemetheme","s":"21st","c":"other","a":"danverr","pl":"https://cdn.21st.dev/danverr/themetheme/default/preview.1748895452469.png","pc":"danverr"},{"id":"21st:danverr_fce71477__12311111","t":"12311111","d":"123111111231111112311111","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://cdn.21st.dev/danverr_fce71477/12311111/default/preview.1749201308091.png","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__12312312312","t":"12312312312","d":"131231231231232","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://cdn.21st.dev/danverr_fce71477/12312312312/default/preview.1749760381634.png","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__123132222222","t":"123132222222","d":"22222222asdafasf","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://cdn.21st.dev/danverr_fce71477/123132222222/default/preview.1749842572993.png","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__211242422424","t":"211242422424","d":"211242422424211242422424211242422424","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://cdn.21st.dev/danverr_fce71477/211242422424/default/preview.1779391171764.png","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__afadfsdfdsfs","t":"Afadfsdfdsfs","d":"afadfsdfdsfsafadfsdfdsfs","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://cdn.21st.dev/danverr_fce71477/afadfsdfdsfs/default/preview.1760716988345.png","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__asfafasfdddd","t":"Asfafasfdddd","d":"asfafasfddddasfafasfddddasfafasfdddd","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://cdn.21st.dev/danverr_fce71477/asfafasfdddd/default/preview.1753341497470.png","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__avatar-test","t":"Avatar test","d":"avatar testavatar testavatar test","s":"21st","c":"data-display/avatar","a":"danverr_fce71477","pl":"https://cdn.21st.dev/danverr_fce71477/avatar-test/default/preview.1755256749582.png","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__codex-prod-public-0525154219","t":"Codex prod public 0525154219","d":"Production E2E public dummy card 0525154219","s":"21st","c":"data-display/card","a":"danverr_fce71477","pl":"https://21st.dev/@danverr_fce71477/components/codex-prod-public-0525154219","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__codex-prod-public-0525155122","t":"Codex prod public 0525155122","d":"Production E2E public dummy card 0525155122","s":"21st","c":"data-display/card","a":"danverr_fce71477","pl":"https://21st.dev/@danverr_fce71477/components/codex-prod-public-0525155122","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__codex-prod-unlisted-0525154219","t":"Codex prod unlisted 0525154219","d":"Production E2E unlisted dummy card 0525154219","s":"21st","c":"data-display/card","a":"danverr_fce71477","pl":"https://21st.dev/@danverr_fce71477/components/codex-prod-unlisted-0525154219","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__codex-prod-unlisted-0525155122","t":"Codex prod unlisted 0525155122","d":"Production E2E unlisted dummy card 0525155122","s":"21st","c":"data-display/card","a":"danverr_fce71477","pl":"https://21st.dev/@danverr_fce71477/components/codex-prod-unlisted-0525155122","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__e2e-registry-deps-20260608-1612","t":"E2e registry deps 20260608 1612","d":"E2E component with multiple local support files and nested registry dependencies.","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://21st.dev/@danverr_fce71477/components/e2e-registry-deps-20260608-1612","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__e2e-registry-deps-final-20260608-171911","t":"E2e registry deps final 20260608 171911","d":"Manual E2E fixture for final registry dependency publish and install flow.","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://21st.dev/@danverr_fce71477/components/e2e-registry-deps-final-20260608-171911","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__expo-cli-e2e-20260604-local","t":"Expo cli e2e 20260604 local","d":"Expo CLI publishing smoke test with nested support files.","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://21st.dev/@danverr_fce71477/components/expo-cli-e2e-20260604-local","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__expo-cli-e2e-20260604140604","t":"Expo cli e2e 20260604140604","d":"Expo CLI publish end to end smoke component.","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://21st.dev/@danverr_fce71477/components/expo-cli-e2e-20260604140604","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__expo-cli-lucide-e2e-20260604170912","t":"Expo cli lucide e2e 20260604170912","d":"Expo CLI publish end to end rendered smoke component.","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://21st.dev/@danverr_fce71477/components/expo-cli-lucide-e2e-20260604170912","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__expo-e2e-dep-20260608-1730","t":"Expo e2e dep 20260608 1730","d":"Expo E2E parent dependency that references a nested registry dependency.","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://21st.dev/@danverr_fce71477/components/expo-e2e-dep-20260608-1730","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__expo-e2e-leaf-20260608-1730","t":"Expo e2e leaf 20260608 1730","d":"Expo E2E leaf dependency for recursive registry dependency testing.","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://21st.dev/@danverr_fce71477/components/expo-e2e-leaf-20260608-1730","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__expo-e2e-root-20260608-1730","t":"Expo e2e root 20260608 1730","d":"Expo E2E root component for recursive registry dependencies and nested support files.","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://21st.dev/@danverr_fce71477/components/expo-e2e-root-20260608-1730","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__expo-nativewind-e2e-20260605164218","t":"Expo nativewind e2e 20260605164218","d":"E2E Expo registry test with NativeWind, nested imports, and registryDependencies.","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://21st.dev/@danverr_fce71477/components/expo-nativewind-e2e-20260605164218","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__expo-nativewind-e2e-20260605164401","t":"Expo nativewind e2e 20260605164401","d":"E2E Expo registry test with NativeWind, nested imports, and registryDependencies.","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://21st.dev/@danverr_fce71477/components/expo-nativewind-e2e-20260605164401","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__expo-simple-graph-e2e-20260604-001","t":"Expo simple graph e2e 20260604 001","d":"Simple Expo component with nested local utilities and npm dependencies.","s":"21st","c":"data-viz/chart","a":"danverr_fce71477","pl":"https://21st.dev/@danverr_fce71477/components/expo-simple-graph-e2e-20260604-001","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__final-test","t":"Final test","d":"final testfinal testfinal testfinal test","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://cdn.21st.dev/danverr_fce71477/final-test/default/preview.1749202257560.png","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__http-shadcn-button-smoke-20260608-2053","t":"Http shadcn button smoke 20260608 2053","d":"Smoke test component that depends on shadcn button via a direct HTTP registry URL.","s":"21st","c":"actions/button","a":"danverr_fce71477","pl":"https://21st.dev/@danverr_fce71477/components/http-shadcn-button-smoke-20260608-2053","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__nested-support-smoke-20260604-002","t":"Nested support smoke 20260604 002","d":"Smoke test component with nested local support files, assets, CSS imports, and multiple demos.","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://21st.dev/@danverr_fce71477/components/nested-support-smoke-20260604-002","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__pgfpdgpdgpd","t":"Pgfpdgpdgpd","d":"pgfpdgpdgpdvv","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://cdn.21st.dev/danverr_fce71477/pgfpdgpdgpd/default/preview.1752523170305.png","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__react-cli-smoke-20260604-copy","t":"React cli smoke 20260604 copy","d":"React CLI publishing smoke test with local support files.","s":"21st","c":"actions/copy-button","a":"danverr_fce71477","pl":"https://21st.dev/@danverr_fce71477/components/react-cli-smoke-20260604-copy","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__release-007-smoke-20260608-204005","t":"Release 007 smoke 20260608 204005","d":"Smoke test for the published registry CLI release 0.0.7.","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://21st.dev/@danverr_fce71477/components/release-007-smoke-20260608-204005","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__test-test","t":"Test test","d":"test-testtest-testtest-testtest-test","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://cdn.21st.dev/danverr_fce71477/test-test/default/preview.1759831756295.png","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__teststetaete","t":"Teststetaete","d":"teststetaeteteststetaeteteststetaete","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://cdn.21st.dev/danverr_fce71477/teststetaete/default/preview.1779391003834.png","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__ttttestttttest","t":"Ttttestttttest","d":"ttttestttttest","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://cdn.21st.dev/danverr_fce71477/ttttestttttest/default/preview.1752521908305.png","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__xin-chao-mf","t":"Xin chao mf","d":"xin chao mfxin chao mfxin chao mf","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://cdn.21st.dev/danverr_fce71477/xin-chao-mf/default/preview.1749913670599.png","pc":"danverr_fce71477"},{"id":"21st:danverr_fce71477__yoooo-chek-my-drippp","t":"Yoooo chek my drippp","d":"yoooo chek my dripppyoooo chek my drippp","s":"21st","c":"other","a":"danverr_fce71477","pl":"https://cdn.21st.dev/danverr_fce71477/yoooo-chek-my-drippp/default/preview.1749843653410.png","pc":"danverr_fce71477"},{"id":"21st:daschinmoyy21__ascii-flower","t":"Ascii flower","d":"Animated (flicker) ASCII art in the Dither style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, ca","k":"motion","s":"21st","c":"motion/ascii","a":"daschinmoyy21","pl":"https://cdn.21st.dev/daschinmoyy21/ascii-flower/default/preview.1783956077489.webp","pc":"daschinmoyy21","tg":["video"],"sb":"Dither"},{"id":"21st:datafobik__datafobik","t":"Datafobik","d":"Animated (flicker) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, ca","k":"motion","s":"21st","c":"motion/ascii","a":"datafobik","pl":"https://cdn.21st.dev/datafobik/datafobik/default/preview.1786695627385-e5490974-8f48-4af3-947e-3d21d205e9b0.webp","pc":"datafobik","sb":"Characters"},{"id":"21st:davekatague__valley-of-the-mind","t":"Valley of the mind","d":"Animated WebGL shader background in the Mesh drift style, generated by the 21st.dev Shader Builder. 4-color palette (#10002B, #7F00FF, #33AEB9, #0920F4). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"davekatague","u":6,"pl":"https://cdn.21st.dev/davekatague/valley-of-the-mind/default/preview.1784110569389.webp","pc":"davekatague","sb":"Mesh drift"},{"id":"21st:david-greenfieldlp__d60-hero","t":"D60 hero","d":"Animated (wave) ASCII art in the Contour style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, card","k":"motion","s":"21st","c":"motion/ascii","a":"david-greenfieldlp","pl":"https://cdn.21st.dev/david-greenfieldlp/d60-hero/default/preview.1784143291696-cf169a08-10e7-48ce-9643-e8115dcb7eeb.png","pc":"david-greenfieldlp","tg":["video"],"sb":"Contour"},{"id":"21st:david.james1187__slider-block-cards","t":"Slider block cards","d":"cards that slide around","s":"21st","c":"inputs/slider","a":"david.james1187","pl":"https://cdn.21st.dev/david.james1187/slider-block-cards/default/preview.1772641963341.png","pc":"david.james1187"},{"id":"21st:daysepoma__hover-reveal-button","t":"Hover reveal button","d":"An interactive button with a circular reveal effect that follows your cursor. A white circle grows from the mouse entry point and fills the entire button on hover, with smooth entr","s":"21st","c":"actions/button","a":"daysepoma","pl":"https://cdn.21st.dev/daysepoma/hover-reveal-button/default/preview.1774503189662.png","pc":"daysepoma","sb":"Animated"},{"id":"21st:dazzy4747__swipe-button","t":"Swipe button","d":"Pill-shaped swipe-effect buttons with inset shadow and ring — primary filled and secondary tinted variants","s":"21st","c":"actions/button","a":"dazzy4747","pl":"https://cdn.21st.dev/dazzy4747/swipe-button/default/preview.1785929549720-d488269d-cdcb-4c8b-bd85-7cbacd89bfbe.png","pc":"dazzy4747"},{"id":"21st:ddoemonn__accordion","t":"Accordion","d":"An accessible, spring-animated accordion with single or multiple open panels, keyboard navigation, and auto-measured content height.","s":"21st","c":"data-display/accordion","a":"ddoemonn","u":24,"pl":"https://cdn.21st.dev/ddoemonn/accordion/default/preview.1785472426900-c597a8dc-43a8-4b6c-a3c0-b3b6170cd61d.png","pc":"ddoemonn","tg":["accordion","faq"],"sb":"FAQ"},{"id":"21st:ddoemonn__collapsible-banner","t":"Collapsible banner","d":"A dismissible notice banner that folds its details away with a spring animation, with a controllable open/folded/dismissed state and an accessible expand/collapse toggle.","s":"21st","c":"overlays/alert-banner","a":"ddoemonn","pl":"https://cdn.21st.dev/educlopez/collapsible-banner/default/preview.1785469175564-4fa81b34-3ed8-4692-98fd-171355de7aa0.png","pc":"ddoemonn","tg":["alert","notification"]},{"id":"21st:ddoemonn__command-palette","t":"Command palette","d":"A keyboard-driven command palette with fuzzy search, arrow-key navigation, and an animated overlay for triggering app actions.","s":"21st","c":"navigation/command-palette","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/command-palette/default/preview.1785470520515-5d235e21-9cd6-4a68-b0bf-675176102f96.png","pc":"ddoemonn","tg":["search"]},{"id":"21st:ddoemonn__context-menu","t":"Context menu","d":"A right-click context menu with keyboard navigation, typeahead, long-press support on touch, and smart edge-aware positioning that renders through a portal.","s":"21st","c":"overlays/context-menu","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/context-menu/default/preview.1785479668442-474aee79-0f11-453f-9a5c-9c600678579e.png","pc":"ddoemonn","tg":["dropdown","menu"]},{"id":"21st:ddoemonn__copy-button","t":"Copy button","d":"A copy-to-clipboard button that animates between idle, copied, and error states with an SVG check draw, crossfading labels, and a clipboard fallback and reduced-motion support.","s":"21st","c":"actions/copy-button","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/copy-button/default/preview.1785472410317-fb65290a-2ca5-427e-86e5-0e7c1f9f6034.png","pc":"ddoemonn"},{"id":"21st:ddoemonn__drawer","t":"Drawer","d":"A drag-to-dismiss side panel that slides in from the left or right with a scrim, scroll lock, and focus trap, driven by a headless useDrawer hook.","s":"21st","c":"overlays/sheet","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/drawer/default/preview.1785479636837-1e1f8c4a-4a9d-4d22-bd34-f1e3913346c7.png","pc":"ddoemonn","tg":["profile"]},{"id":"21st:ddoemonn__dropdown","t":"Dropdown","d":"An accessible listbox dropdown with a highlight that travels between options, full keyboard navigation, and typeahead search.","s":"21st","c":"navigation/menu","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/dropdown/default/preview.1785471430810-52926262-cf5a-441d-9935-b24f10b650cd.png","pc":"ddoemonn","tg":["dropdown","menu","select"],"sb":"Dropdowns"},{"id":"21st:ddoemonn__filter-grid","t":"Filter grid","d":"An accessible, animated grid that filters its items with segmented radio chips, showing live per-filter counts and smoothly reflowing cells as the selection changes.","s":"21st","c":"layout/bento-grid","a":"ddoemonn","st":"rated","u":6,"pl":"https://cdn.21st.dev/ddoemonn/filter-grid/default/preview.1785471377811-3ab3fc5a-c89d-4811-96ab-cd4188d2b142.png","pc":"ddoemonn","tg":["gallery","grid","radio-group"],"sc":22},{"id":"21st:ddoemonn__floating-label","t":"Floating label","d":"A text input whose label animates up into a reserved slot above the field instead of disappearing, with focus/invalid states, an optional hint line and a character counter.","s":"21st","c":"inputs/form-field","a":"ddoemonn","u":2,"pl":"https://cdn.21st.dev/ddoemonn/floating-label/default/preview.1785479747681-9d22987b-9b8e-4ce1-8374-081846266c42.png","pc":"ddoemonn","sb":"Animated fields"},{"id":"21st:ddoemonn__hide-on-scroll","t":"Hide on scroll","d":"A scrollable container with a top bar that slides away as you scroll down and reveals itself when you scroll back up, with a matching useHideOnScroll hook.","k":"layout","s":"21st","c":"layout/scroll-area","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/hide-on-scroll/default/preview.1785472458826-23e7b78c-31eb-413c-86c5-c50c9a1f7e39.png","pc":"ddoemonn","tg":["hook","scroll-area"]},{"id":"21st:ddoemonn__hold-to-confirm","t":"Hold to confirm","d":"A press-and-hold button that sweeps a progress fill and only fires its confirm callback after the full hold completes, guarding destructive actions against accidental clicks.","s":"21st","c":"overlays/dialog","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/hold-to-confirm/default/preview.1785471412570-1efc41c2-9b2a-4edc-856d-b5074f78105e.png","pc":"ddoemonn","sb":"Confirm"},{"id":"21st:ddoemonn__icon-morph","t":"Icon morph","d":"An animated icon button that smoothly morphs between two SVG states like menu/close, play/pause, plus/minus or check/close on click.","s":"21st","c":"assets/icon","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/icon-morph/default/preview.1785472443010-2dd02c48-dc6a-41f6-b5c1-c84917e9cc82.png","pc":"ddoemonn"},{"id":"21st:ddoemonn__inline-validation","t":"Inline validation","d":"A controlled text input that validates as you type, crossfading between a hint, an inline error message, and valid/invalid status icons.","s":"21st","c":"assets/icon","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/inline-validation/default/preview.1785479731528-c1f32e76-cb44-441f-b9b3-75e10e93f2ce.png","pc":"ddoemonn","sb":"Styled sets"},{"id":"21st:ddoemonn__like-burst","t":"Like burst","d":"An animated like button with a heart-burst spark effect and optimistic count updates for social feeds.","s":"21st","c":"actions/button","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/like-burst/default/preview.1785472490316-474031ac-da09-4e1b-a2fb-64b975a5a676.png","pc":"ddoemonn","sb":"Copy, share and like"},{"id":"21st:ddoemonn__live-activity","t":"Live activity","d":"An iOS-style live activity pod that shows a single ongoing task with running, success and error states, morphing between a compact glyph and an expanded card with progress and a re","s":"21st","c":"data-viz/progress-bar","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/live-activity/default/preview.1785472474914-f9e622c0-62fa-44b0-ba2c-f137f4c3e81d.png","pc":"ddoemonn"},{"id":"21st:ddoemonn__load-more","t":"Load more","d":"A load-more button with automatic infinite-scroll via IntersectionObserver, animated idle/loading/error/end states, and a bounded auto-load limit before it hands control back to th","s":"21st","c":"navigation/pagination","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/load-more/default/preview.1785473730125-0215e98c-7316-47c2-b82e-aade0ae931ef.png","pc":"ddoemonn","tg":["pagination","scroll-area"]},{"id":"21st:ddoemonn__loading-button","t":"Loading button","d":"A button that morphs its label through pending, success, and error states without layout shift when running an async action.","s":"21st","c":"actions/button","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/loading-button/default/preview.1785473659648-c6c9a8c5-4400-481e-b1de-6c9ca8a41ad5.png","pc":"ddoemonn","sb":"Loading and states"},{"id":"21st:ddoemonn__logo-marquee","t":"Logo marquee","d":"An accessible, physics-based infinite logo marquee that pauses on hover and focus, respects reduced motion, and scrolls a strip of brand logos or client names.","k":"section","s":"21st","c":"marketing/logos","a":"ddoemonn","u":12,"pl":"https://cdn.21st.dev/ddoemonn/logo-marquee/default/preview.1785473680743-53ea315c-724d-4778-ae47-4d234620ea3b.png","pc":"ddoemonn","tg":["carousel","marquee"]},{"id":"21st:ddoemonn__long-press","t":"Long press","d":"A press-and-hold confirmation button with animated fill progress and a matching useLongPress hook for building your own hold-to-confirm interactions.","k":"lib","s":"21st","c":"lib/hook","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/long-press/default/preview.1785473696813-955dbd13-270f-47d7-9be3-f1b07e2204f7.png","pc":"ddoemonn","tg":["hook"]},{"id":"21st:ddoemonn__modal","t":"Modal","d":"An accessible, animated modal dialog with focus trapping, scroll locking, backdrop and escape dismissal, and title/description/footer slots.","s":"21st","c":"overlays/dialog","a":"ddoemonn","st":"rated","pl":"https://cdn.21st.dev/ddoemonn/modal/default/preview.1785473713256-76706388-2c78-4797-9693-8ee73bbffa6f.png","pc":"ddoemonn","tg":["modal"],"sc":20,"sb":"Confirm"},{"id":"21st:ddoemonn__new-items-pill","t":"New items pill","d":"A floating pill that appears when new items arrive in a scrollable feed and jumps you back to the newest items on click, with an accompanying scroll hook.","s":"21st","c":"data-display/badge","a":"ddoemonn","u":6,"pl":"https://cdn.21st.dev/ddoemonn/new-items-pill/default/preview.1785474405521-9e8e1042-4ce6-4be8-a2aa-5b781214426e.png","pc":"ddoemonn","tg":["notification","scroll-area"],"sb":"Labels"},{"id":"21st:ddoemonn__otp-input","t":"Otp input","d":"A one-time-code input with per-character cells, animated character crossfade, paste and keyboard navigation, and error/success validation states.","s":"21st","c":"inputs/otp-input","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/otp-input/default/preview.1785473777969-dc36ac48-44b8-4fd6-bc72-4f24cb9d80cd.png","pc":"ddoemonn"},{"id":"21st:ddoemonn__pagination","t":"Pagination","d":"Accessible pagination navigation with a sliding animated thumb and rolling page numbers for paging through search results and long lists.","s":"21st","c":"navigation/pagination","a":"ddoemonn","u":6,"pl":"https://cdn.21st.dev/ddoemonn/pagination/default/preview.1785473746642-9f87d594-9da6-471e-a32b-8c7ab59fcd02.png","pc":"ddoemonn","tg":["navigation-menu","pagination"]},{"id":"21st:ddoemonn__password-strength","t":"Password strength","d":"An animated password strength meter with segmented bars, a live requirements checklist, and common-pattern detection for signup and reset forms.","s":"21st","c":"inputs/form-field","a":"ddoemonn","st":"rated","u":2,"pl":"https://cdn.21st.dev/ddoemonn/password-strength/default/preview.1785473762054-e047da03-12ac-4a4b-919f-d509448c8f77.png","pc":"ddoemonn","sc":20,"sb":"Password"},{"id":"21st:ddoemonn__poll-results","t":"Poll results","d":"An interactive poll where clicking an option reveals animated result bars, vote percentages, and the winning choice.","s":"21st","c":"other","a":"ddoemonn","st":"rated","pl":"https://cdn.21st.dev/ddoemonn/poll-results/default/preview.1785473794348-73d90cd2-dc65-4fb3-866b-69d93a291cbd.png","pc":"ddoemonn","sc":21},{"id":"21st:ddoemonn__popover","t":"Popover","d":"An accessible popover that anchors a floating panel to a trigger, auto-flips and clamps to stay in view, with a pointing arrow and spring-based open/close animation.","s":"21st","c":"overlays/popover","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/popover/default/preview.1785474437206-26cbcc28-eccc-4cc2-a1f1-977033a8a2aa.png","pc":"ddoemonn","tg":["popover","profile"]},{"id":"21st:ddoemonn__presence-avatars","t":"Presence avatars","d":"Animated overlapping avatar stack that shows who is currently present, with an overflow count, image fallbacks to initials, and polite screen-reader announcements.","s":"21st","c":"data-display/avatar","a":"ddoemonn","st":"rated","pl":"https://cdn.21st.dev/ddoemonn/presence-avatars/default/preview.1785473811295-3f79571f-c3ee-4355-a559-6c3ba8d14daf.png","pc":"ddoemonn","sc":20},{"id":"21st:ddoemonn__press-depth","t":"Press depth","d":"A tactile button that presses down with depth and tilts toward the pointer when clicked, giving physical, spring-animated feedback.","k":"motion","s":"21st","c":"motion/cursor","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/press-depth/default/preview.1785474420234-3f0cdb49-38d4-40d8-9ddb-f492a777e2f0.png","pc":"ddoemonn"},{"id":"21st:ddoemonn__progress-bar","t":"Progress bar","d":"An accessible linear progress bar with animated fill, indeterminate shimmer, and pending/complete state labels.","s":"21st","c":"data-viz/progress-bar","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/progress-bar/default/preview.1785474579070-73d143e8-a76a-49a1-b9a2-48e2be85a757.png","pc":"ddoemonn","tg":["upload-download"]},{"id":"21st:ddoemonn__reading-progress","t":"Reading progress","d":"A scroll-driven reading progress bar with an estimated time-left readout and a completion checkmark, plus a useReadingProgress hook for tracking how far through an article the read","s":"21st","c":"data-viz/progress-bar","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/reading-progress/default/preview.1785478170678-06353005-1fea-4e51-a57a-b38197e144a6.png","pc":"ddoemonn","tg":["hook","scroll-area"]},{"id":"21st:ddoemonn__reorder-list","t":"Reorder list","d":"A vertical drag-and-drop list for reordering items, with full keyboard support (grab, arrow-move, drop, cancel) and screen-reader announcements.","s":"21st","c":"data-display/list","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/reorder-list/default/preview.1785474594541-2be81477-4b23-4f60-9662-fe451dd2beb6.png","pc":"ddoemonn","tg":["list"],"sb":"Sortable"},{"id":"21st:ddoemonn__ripple","t":"Ripple","d":"A button that emits a Material-style press ripple from the exact pointer or keyboard point, with a headless useRipple hook handling pointer capture, release timing and reduced-moti","k":"motion","s":"21st","c":"motion/background","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/ripple/default/preview.1785477916466-5b854430-feaa-4688-9338-394489854037.png","pc":"ddoemonn","sb":"Waves and warps"},{"id":"21st:ddoemonn__scroll-spy","t":"Scroll spy","d":"A scroll-spy navigation bar that tracks the section currently in view and highlights it with an animated sliding pill, with smooth click-to-scroll for both the window and a scrolla","k":"layout","s":"21st","c":"layout/scroll-area","a":"ddoemonn","u":6,"pl":"https://cdn.21st.dev/ddoemonn/scroll-spy/default/preview.1785478191758-a747541d-db2f-415d-a7aa-d50b04435a61.png","pc":"ddoemonn"},{"id":"21st:ddoemonn__segmented-control","t":"Segmented control","d":"An accessible segmented control (radio group) with an animated sliding thumb, keyboard arrow navigation, and controlled or uncontrolled selection for switching between a small set ","s":"21st","c":"actions/segmented-control","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/segmented-control/default/preview.1785478154819-6960b7a5-006b-41f9-a7a1-5a8f1ccd61af.png","pc":"ddoemonn","tg":["radio-group","tabs","toggle"]},{"id":"21st:ddoemonn__show-more","t":"Show more","d":"An expandable text block that clamps to a set number of lines and springs open to reveal the rest, animating height without reflowing the text.","s":"21st","c":"motion/number-ticker","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/show-more/default/preview.1785478250195-29949437-d513-4759-b66d-6ad7900c7148.png","pc":"ddoemonn"},{"id":"21st:ddoemonn__skeleton-swap","t":"Skeleton swap","d":"A loading placeholder that crossfades skeleton bars into real content with zero layout shift, holding a reserved box until data is ready.","s":"21st","c":"status/skeleton","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/skeleton-swap/default/preview.1785478266268-5a71861a-24b0-4a0c-861f-9ff2b318c397.png","pc":"ddoemonn","tg":["profile"]},{"id":"21st:ddoemonn__slider-detents","t":"Slider detents","d":"A controlled range slider with magnetic detents that pull the thumb to notable values, with a live formatted readout, keyboard support and optional haptics.","s":"21st","c":"inputs/slider","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/slider-detents/default/preview.1785478232608-1c69c442-1264-4762-8c65-d401d79a59ba.png","pc":"ddoemonn","tg":["slider"]},{"id":"21st:ddoemonn__snap-carousel","t":"Snap carousel","d":"A draggable, physics-based snap carousel with keyboard navigation, momentum flicking, peek edges, and slide indicators, driven by a headless hook.","s":"21st","c":"media/carousel","a":"ddoemonn","u":6,"pl":"https://cdn.21st.dev/ddoemonn/snap-carousel/default/preview.1785479652778-6aa85c14-df9e-433e-9684-0fca3a8cdd28.png","pc":"ddoemonn","tg":["carousel","gallery","slider"]},{"id":"21st:ddoemonn__sortable-table","t":"Sortable table","d":"A generic, accessible data table whose rows animate into place when you sort a column, with an optional follow toggle that keeps one row marked across reorders.","s":"21st","c":"data-display/table","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/sortable-table/default/preview.1785479684243-b3e02aca-b88b-460b-add0-e09caac72f6f.png","pc":"ddoemonn","sb":"Data tables"},{"id":"21st:ddoemonn__sticky-header","t":"Sticky header","d":"A scroll-condensing sticky header that shrinks its title from a large expanded state into a compact bar as its scroll container is scrolled, with optional subtitle, leading slot an","s":"21st","c":"navigation/top-nav","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/sticky-header/default/preview.1785479699896-d9b628f5-a66a-4e73-a8db-58f6814b76b6.png","pc":"ddoemonn","tg":["scroll-area"],"sb":"On scroll"},{"id":"21st:ddoemonn__streaming-text","t":"Streaming text","d":"A token-by-token streaming text effect with a blinking caret, skip and replay controls, and reduced-motion support for AI chat responses.","s":"21st","c":"ai-agent/ai-agent","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/streaming-text/default/preview.1785479715936-297fb2cf-6c0d-42cc-b193-f407ead26109.png","pc":"ddoemonn","tg":["ai-chat"],"sb":"Chat"},{"id":"21st:ddoemonn__swipe-deck","t":"Swipe deck","d":"A Tinder-style swipeable card deck with drag-to-decide, keyboard controls, undo, and a generic render-prop API for any item type.","s":"21st","c":"media/card-stack","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/swipe-deck/default/preview.1785479780440-6e0b0619-0033-46d6-97fe-af4b1cc845f3.png","pc":"ddoemonn"},{"id":"21st:ddoemonn__tabs","t":"Tabs","d":"An accessible tabs component with an animated sliding indicator, keyboard navigation, and directional panel transitions.","s":"21st","c":"navigation/tabs","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/tabs/default/preview.1785481008418-b96e1b9f-8a02-45e4-923b-f2c6f809ce39.png","pc":"ddoemonn","tg":["navigation-menu","tabs"]},{"id":"21st:ddoemonn__tag-input","t":"Tag input","d":"An accessible tag/chip input field where users type and press Enter to add tags, with duplicate detection, a max limit, keyboard navigation and animated chips.","s":"21st","c":"inputs/tag-input","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/tag-input/default/preview.1785479764299-2da49874-9232-428a-bdd4-6ddc6b4a0c62.png","pc":"ddoemonn","tg":["chip"]},{"id":"21st:ddoemonn__task-steps","t":"Task steps","d":"An animated vertical checklist that shows a multi-step task's progress with pending, active, done and error states.","s":"21st","c":"navigation/wizard-steps","a":"ddoemonn","st":"rated","pl":"https://cdn.21st.dev/ddoemonn/task-steps/default/preview.1785479795785-9e22bd56-a514-4f19-8471-c9e073e850c3.png","pc":"ddoemonn","tg":["progress"],"sc":22},{"id":"21st:ddoemonn__text-reveal","t":"Text reveal","d":"Animated text that reveals word by word or character by character with a staggered blur-and-slide effect, optionally triggered when it scrolls into view.","k":"motion","s":"21st","c":"motion/text-effect","a":"ddoemonn","u":10,"pl":"https://cdn.21st.dev/ddoemonn/text-reveal/default/preview.1785481023756-e6c469f4-58e5-4499-9ab9-e866e896f589.png","pc":"ddoemonn","sb":"Reveal and entrance"},{"id":"21st:ddoemonn__tooltip-group","t":"Tooltip group","d":"A shared-delay tooltip group where the first tooltip waits before opening and every neighbour after it appears instantly, with a single label that morphs and glides between trigger","s":"21st","c":"overlays/tooltip","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/tooltip-group/default/preview.1785481040512-2fe35d72-a275-445c-b949-36550b9d611d.png","pc":"ddoemonn","tg":["tooltip"]},{"id":"21st:ddoemonn__tree-view","t":"Tree view","d":"An accessible file-explorer tree view with full keyboard navigation, animated expand/collapse disclosure, and single selection.","s":"21st","c":"data-display/tree","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/tree-view/default/preview.1785481055807-f2f3bb07-b492-4704-bbf8-977bed950490.png","pc":"ddoemonn","tg":["file-tree","navigation-menu"]},{"id":"21st:ddoemonn__typing-indicator","t":"Typing indicator","d":"Animated chat typing indicator with a bouncing three-dot bubble and a presence hook that tracks who is typing across one or many users, with a send hand-off and accessible live-reg","k":"motion","s":"21st","c":"motion/text-effect","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/typing-indicator/default/preview.1785481162781-a9281095-c93e-4702-bd69-20cc00a38973.png","pc":"ddoemonn","sb":"Typewriter"},{"id":"21st:ddoemonn__value-flash","t":"Value flash","d":"An animated number readout that flashes green or red and rolls its digits up or down whenever the value changes, ideal for live metrics, prices, and counters.","k":"section","s":"21st","c":"marketing/pricing","a":"ddoemonn","pl":"https://cdn.21st.dev/ddoemonn/value-flash/default/preview.1785481071117-a3034cd7-3822-4e6e-8242-49768af6ee9e.png","pc":"ddoemonn","tg":["pricing-section"]},{"id":"21st:ddoemonn__wizard-steps","t":"Wizard steps","d":"An animated multi-step wizard with a clickable progress rail, direction-aware panel transitions, keyboard navigation, and a completion state.","s":"21st","c":"navigation/wizard-steps","a":"ddoemonn","u":12,"pl":"https://cdn.21st.dev/ddoemonn/wizard-steps/default/preview.1785481100595-bd34f56b-c117-4c3f-850c-17f9fe106632.png","pc":"ddoemonn","tg":["onboarding","progress","steps"]},{"id":"21st:decodewithdeepak__modem-animated-footer","t":"Modem animated footer","d":"A modern, fully customizable footer component with animated background text, social links, navigation menu, and a floating brand icon. Features smooth hover animations, responsive ","k":"section","s":"21st","c":"marketing/footer","a":"decodewithdeepak","u":413,"pl":"https://cdn.21st.dev/user_33Y5Z8o3kkg6SzIE2g7Cq1kwtjP/modem-animated-footer/default/preview.1786566987869.png","pc":"decodewithdeepak","tg":["footer","link"]},{"id":"21st:deematalat__hairvana","t":"Hairvana","d":"hair style app using ai","s":"21st","c":"other","a":"deematalat","pl":"https://cdn.21st.dev/deematalat/hairvana/default/preview.1750595494572.png","pc":"deematalat"},{"id":"21st:deematalat__hairvana-userapp","t":"Hairvana userapp","d":"hair style mobile app","s":"21st","c":"other","a":"deematalat","pl":"https://cdn.21st.dev/deematalat/hairvana-userapp/default/preview.1751025277354.png","pc":"deematalat"},{"id":"21st:deepaksslibra__fluid-menu","t":"Fluid menu","d":"A fluid circular menu that elegantly expands to reveal navigation items with smooth icon transitions","s":"21st","c":"navigation/menu","a":"deepaksslibra","u":219,"pl":"https://cdn.21st.dev/user_2sDb5H9ikhAUFFuh293ac9byRra/fluid-menu/default/preview.1738079580488.png","pc":"deepaksslibra","tg":["menu","navigation-menu"],"sb":"Dropdowns"},{"id":"21st:deepaksslibra__liquid-toggle","t":"Liquid toggle","d":"A smooth, fluid toggle switch with gooey animation effects","s":"21st","c":"actions/switch","a":"deepaksslibra","pl":"https://cdn.21st.dev/user_2sDb5H9ikhAUFFuh293ac9byRra/liquid-toggle/default/preview.1738339885097.png","pc":"deepaksslibra","sb":"Animated"},{"id":"21st:deepaksslibra__liquid-toggle--liquid-toggle","t":"Liquid toggle","s":"21st","c":"actions/switch","a":"deepaksslibra","pl":"https://cdn.21st.dev/user_2sDb5H9ikhAUFFuh293ac9byRra/liquid-toggle/default/preview.1738339885097.png","pc":"deepaksslibra","sb":"Animated"},{"id":"21st:deleted_reactbits__animated-blur-text","t":"Animated blur text","k":"motion","s":"21st","c":"motion/text-effect","a":"deleted_reactbits","pl":"https://cdn.21st.dev/rabden/animated-blur-text/default/preview.1746848472824.png","pc":"deleted_reactbits","sb":"Reveal and entrance"},{"id":"21st:deleted_reactbits__animated-content","t":"Animated content","d":"A minimalistic animation content","s":"21st","c":"other","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/animated-content/default/preview.1747777032335.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__animated-list","t":"Animated list","d":"A Shadcn like animated list component","s":"21st","c":"data-display/list","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/animated-list/default/preview.1747787667267.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__aurora","t":"Aurora","d":"Great animated gradient fully customizable","k":"motion","s":"21st","c":"motion/gradient","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/aurora/default/preview.1747800484620.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__balatro","t":"Balatro","d":"background beautiful animated using shaders","k":"motion","s":"21st","c":"motion/background","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/balatro/default/preview.1747800671379.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__ballpit","t":"Ballpit","d":"Realistic interactive animation of balls","s":"21st","c":"other","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/ballpit/default/preview.1747803168779.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__beams","t":"Beams","d":"here is beams animated shadered background","k":"motion","s":"21st","c":"motion/background","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/beams/default/preview.1749291038497.png","pc":"deleted_reactbits","sb":"Beams and light"},{"id":"21st:deleted_reactbits__blob-cursor","t":"Blob cursor","d":"Blob cursor animation","k":"motion","s":"21st","c":"motion/cursor","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/blob-cursor/default/preview.1747787314795.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__bounce-cards","t":"Bounce cards","s":"21st","c":"data-display/card","a":"deleted_reactbits","pl":"https://cdn.21st.dev/user_DavidHDev/bounce-cards.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__bubble-menu","t":"Bubble menu","d":"Here is Bubble Menu component","s":"21st","c":"navigation/menu","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/bubble-menu/default/preview.1755968023018.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__card-nav","t":"Card nav","d":"Here is Card Nav component","s":"21st","c":"navigation/top-nav","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/card-nav/default/preview.1755968340018.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__card-swap","t":"Card swap","d":"here is card swap component","s":"21st","c":"data-display/card","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/card-swap/default/preview.1749290616934.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__carousel","t":"Carousel","d":"A simple minimalistic carousel slider with 3d effect","s":"21st","c":"media/carousel","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/carousel/default/preview.1747793875826.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__chroma-grid","t":"Chroma grid","d":"Here is chroma-grid hover card component","s":"21st","c":"layout/bento-grid","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/chroma-grid/default/preview.1749290218368.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__circular-gallery","t":"Circular gallery","d":"Here is image circular gallery collage","s":"21st","c":"media/gallery","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/circular-gallery/default/preview.1747792442419.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__circular-text","t":"Circular text","d":"a simple circular text animation","k":"motion","s":"21st","c":"motion/text-effect","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/circular-text/default/preview.1747756002971.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__click-spark","t":"Click spark","d":"Clik spark animation","s":"21st","c":"other","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/click-spark/default/preview.1747778195519.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__count-up","t":"Count up","d":"Minimalistic count up component","k":"motion","s":"21st","c":"motion/number-ticker","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/count-up/default/preview.1747776235654.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__counter","t":"Counter","d":"a simple counter ","k":"motion","s":"21st","c":"motion/number-ticker","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/counter/default/preview.1747798289458.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__crosshair","t":"Crosshair","d":"Crosshair animation","s":"21st","c":"other","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/crosshair/default/preview.1747781200149.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__curved-loop","t":"Curved loop","d":"Here is Curved Loop component","s":"21st","c":"other","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/curved-loop/default/preview.1752961255382.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__dark-veil","t":"Dark veil","d":"Here is Dark Veil component","s":"21st","c":"other","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/dark-veil/default/preview.1753014358405.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__decrypted-text","t":"Decrypted text","d":"Here is simple decrypted text animation","k":"motion","s":"21st","c":"motion/text-effect","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/decrypted-text/default/preview.1747767348950.png","pc":"deleted_reactbits","sb":"Scramble and glitch"},{"id":"21st:deleted_reactbits__dock","t":"Dock","d":"Beautiful dock component","s":"21st","c":"navigation/dock","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/dock/default/preview.1747789633562.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__dome-gallery","t":"Dome gallery","d":"Here is Dome Gallery component","s":"21st","c":"media/gallery","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/dome-gallery/default/preview.1756506028711.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__elastic-slider","t":"Elastic slider","d":"A simple minimalistic slider elastic","s":"21st","c":"inputs/slider","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/elastic-slider/default/preview.1747797792665.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__electric-border","t":"Electric border","d":"Here is Electric Border component","k":"motion","s":"21st","c":"motion/border","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/electric-border/default/preview.1755967750396.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__fadein","t":"Fadein","d":"A simple Fade In animation","s":"21st","c":"other","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/fadein/default/preview.1747777376931.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__falling-interactive-text","t":"Falling interactive text","d":"Falling Interactive Text","k":"motion","s":"21st","c":"motion/text-effect","a":"deleted_reactbits","pl":"https://cdn.21st.dev/user_2utOfsxgEGCcWxhbGMgIwLf7NK1/falling-interactive-text/falling-text/preview.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__faulty-terminal","t":"Faulty terminal","d":"Here is Faulty Terminal component","s":"21st","c":"data-display/code-block","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/faulty-terminal/default/preview.1756141456164.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__flowing-menu","t":"Flowing menu","d":"Flowing menu","s":"21st","c":"navigation/menu","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/flowing-menu/default/preview.1747798719199.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__flying-posters","t":"Flying posters","d":"Beautiful animation of flying posters","s":"21st","c":"other","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/flying-posters/default/preview.1747793520880.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__folder","t":"Folder","d":"A good looking animated folder component","s":"21st","c":"motion/tilt-3d","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/folder/default/preview.1747788774164.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__follow-cursor","t":"Follow cursor","d":"Cursor follow with gif/image animation","k":"motion","s":"21st","c":"motion/cursor","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/follow-cursor/default/preview.1747785481315.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__fuzzy-text","t":"Fuzzy text","d":"fuzzy text, 404, Not found ","k":"motion","s":"21st","c":"motion/text-effect","a":"deleted_reactbits","pl":"https://cdn.21st.dev/user_2utOfsxgEGCcWxhbGMgIwLf7NK1/fuzzy-text/default/preview.1746717996666.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__galaxy","t":"Galaxy","d":"Here is Galaxy component","s":"21st","c":"other","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/galaxy/default/preview.1753014558678.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__glass-icons","t":"Glass icons","d":"Glass icons minimalistic","s":"21st","c":"assets/icon","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/glass-icons/default/preview.1747794045560.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__glitch-text","t":"Glitch text","d":"Here are glitch text animation","k":"motion","s":"21st","c":"motion/text-effect","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/glitch-text/default/preview.1747773117726.png","pc":"deleted_reactbits","sb":"Scramble and glitch"},{"id":"21st:deleted_reactbits__gooey-nav","t":"Gooey nav","d":"Minimalistic smooth navigation menu","s":"21st","c":"navigation/top-nav","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/gooey-nav/default/preview.1747792118239.png","pc":"deleted_reactbits","sb":"Mega menus"},{"id":"21st:deleted_reactbits__gradient-blinds","t":"Gradient blinds","d":"Here is Gradient Blinds component","k":"motion","s":"21st","c":"motion/gradient","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/gradient-blinds/default/preview.1756141794987.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__gradient-text","t":"Gradient text","k":"motion","s":"21st","c":"motion/text-effect","a":"deleted_reactbits","pl":"https://cdn.21st.dev/user_DavidHDev/gradient-text.png","pc":"deleted_reactbits","sb":"Gradient and shimmer"},{"id":"21st:deleted_reactbits__gradual-blur","t":"Gradual blur","d":"Here is Gradual Blur component","s":"21st","c":"motion/text-effect","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/gradual-blur/default/preview.1756364871144.png","pc":"deleted_reactbits","sb":"Reveal and entrance"},{"id":"21st:deleted_reactbits__grid-distortion","t":"Grid distortion","d":"Grid distortion effect","s":"21st","c":"layout/bento-grid","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/grid-distortion/default/preview.1747802644145.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__grid-motion","t":"Grid motion","s":"21st","c":"layout/bento-grid","a":"deleted_reactbits","pl":"https://cdn.21st.dev/user_DavidHDev/grid-motion.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__holographic-card","t":"Holographic card","d":"here is holographic reusable card","s":"21st","c":"data-display/card","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/holographic-card/default/preview.1749290731375.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__hover-glare-card","t":"Hover glare card","d":"here is hover glare card effect ","s":"21st","c":"data-display/card","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/hover-glare-card/default/preview.1749289989396.png","pc":"deleted_reactbits","sb":"Animated and glowing"},{"id":"21st:deleted_reactbits__hyperspeed","t":"Hyperspeed","d":"Hyperspeed futuristic interactive background","k":"motion","s":"21st","c":"motion/background","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/hyperspeed/default/preview.1747802564254.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__image-trail","t":"Image trail","d":"some variations of image trail animation","s":"21st","c":"media/gallery","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/image-trail/default/preview.1747782244805.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__infinite-menu","t":"Infinite menu","d":"a great infinite menu with img and text","s":"21st","c":"navigation/menu","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/infinite-menu/default/preview.1747798911128.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__interactive-3d-cube-grid","t":"Interactive 3d cube grid","d":"Here is interactive 3d cube grid background component","s":"21st","c":"layout/bento-grid","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/interactive-3d-cube-grid/default/preview.1750165766706.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__interactive-grid","t":"Interactive grid","d":"here is interactive dot grid animation","s":"21st","c":"layout/bento-grid","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/interactive-grid/default/preview.1749291391457.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__interactive-scrambled-text","t":"Interactive scrambled text","d":"Here is interactive-scrambled-text component","k":"motion","s":"21st","c":"motion/text-effect","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/interactive-scrambled-text/default/preview.1749289689075.png","pc":"deleted_reactbits","sb":"Scramble and glitch"},{"id":"21st:deleted_reactbits__interactive-text-pressure","t":"Interactive text pressure","d":"Interactive Text Pressure","k":"motion","s":"21st","c":"motion/text-effect","a":"deleted_reactbits","pl":"https://cdn.21st.dev/user_2utOfsxgEGCcWxhbGMgIwLf7NK1/interactive-text-pressure/text-pressure/preview.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__iridescence","t":"Iridescence","d":"Magic background","k":"motion","s":"21st","c":"motion/background","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/iridescence/default/preview.1747802197292.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__letter-glitch","t":"Letter glitch","d":"Letter glitch animated background","k":"motion","s":"21st","c":"motion/background","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/letter-glitch/default/preview.1747803960309.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__lightning","t":"Lightning","d":"Incredible lightning background fully customizable","k":"motion","s":"21st","c":"motion/background","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/lightning/default/preview.1747800806334.png","pc":"deleted_reactbits","sb":"Beams and light"},{"id":"21st:deleted_reactbits__liquid-chrome","t":"Liquid chrome","d":"Beautiuful interactive animation of liquid","s":"21st","c":"motion/background","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/liquid-chrome/default/preview.1747803345651.png","pc":"deleted_reactbits","sb":"Waves and warps"},{"id":"21st:deleted_reactbits__magic-bento","t":"Magic bento","d":"Here is Magic Bento component","k":"layout","s":"21st","c":"layout/bento-grid","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/magic-bento/default/preview.1752963145522.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__magnet-hover","t":"Magnet hover","d":"A minimalistic magnetic hover animation ","s":"21st","c":"other","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/magnet-hover/default/preview.1747778572865.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__magnet-lines","t":"Magnet lines","k":"motion","s":"21st","c":"motion/background","a":"deleted_reactbits","pl":"https://cdn.21st.dev/user_DavidHDev/magnet-lines.png","pc":"deleted_reactbits","sb":"Beams and light"},{"id":"21st:deleted_reactbits__masonry","t":"Masonry","d":"Beautiful image masonry collage","s":"21st","c":"media/gallery","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/masonry/default/preview.1747792022969.png","pc":"deleted_reactbits","sb":"Masonry"},{"id":"21st:deleted_reactbits__meta-balls","t":"Meta balls","d":"Meta balls component","s":"21st","c":"other","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/meta-balls/default/preview.1747784575566.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__noise","t":"Noise","k":"motion","s":"21st","c":"motion/background","a":"deleted_reactbits","pl":"https://cdn.21st.dev/user_DavidHDev/noise.png","pc":"deleted_reactbits","sb":"Noise and texture"},{"id":"21st:deleted_reactbits__orb","t":"Orb","d":"Fully customizable orb","s":"21st","c":"ai-agent/ai-agent","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/orb/default/preview.1747802908836.png","pc":"deleted_reactbits","sb":"Orbs and presence"},{"id":"21st:deleted_reactbits__particles","t":"Particles","d":"a simple interactive particles","k":"motion","s":"21st","c":"motion/background","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/particles/default/preview.1747804164568.png","pc":"deleted_reactbits","sb":"Particles and stars"},{"id":"21st:deleted_reactbits__pixel-card","t":"Pixel card","d":"a futuristic minimalistic animated Pixel Card ","s":"21st","c":"data-display/card","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/pixel-card/default/preview.1747792685596.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__pixel-trail","t":"Pixel trail","d":"a simple pixel trail animation","s":"21st","c":"navigation/sidebar","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/pixel-trail/default/preview.1747779590480.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__pixel-transition","t":"Pixel transition","d":"a beautiful pixel-transition","s":"21st","c":"other","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/pixel-transition/default/preview.1747777653340.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__prism","t":"Prism","d":"Here is Prism component","s":"21st","c":"other","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/prism/default/preview.1755894172645.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__ribbons","t":"Ribbons","d":"Ribbons cursor animation effect","k":"section","s":"21st","c":"marketing/announcement","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/ribbons/default/preview.1747783020101.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__ripple-grid","t":"Ripple grid","d":"Here is Ripple Grid component","k":"motion","s":"21st","c":"motion/background","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/ripple-grid/default/preview.1753014774440.png","pc":"deleted_reactbits","sb":"Grids and patterns"},{"id":"21st:deleted_reactbits__rolling-gallery","t":"Rolling gallery","d":"A simple rolling gallery animation","s":"21st","c":"media/gallery","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/rolling-gallery/default/preview.1747799838077.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__rotating-text","t":"Rotating text","d":"Rotating Text","k":"motion","s":"21st","c":"motion/text-effect","a":"deleted_reactbits","pl":"https://cdn.21st.dev/user_2utOfsxgEGCcWxhbGMgIwLf7NK1/rotating-text/rotating-text/preview.png","pc":"deleted_reactbits","sb":"Rotating words"},{"id":"21st:deleted_reactbits__scroll-float","t":"Scroll float","d":"Scrolling float animation","k":"layout","s":"21st","c":"layout/scroll-area","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/scroll-float/default/preview.1747768705819.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__scroll-reveal","t":"Scroll reveal","d":"Scroll Reveal animation","k":"layout","s":"21st","c":"layout/scroll-area","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/scroll-reveal/default/preview.1747769727885.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__scroll-stack","t":"Scroll stack","d":"Here is Scroll Stack component","k":"layout","s":"21st","c":"layout/scroll-area","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/scroll-stack/default/preview.1752962600164.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__shapeblur","t":"Shapeblur","d":"minimalistic blur shape fully customizable","s":"21st","c":"motion/text-effect","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/shapeblur/default/preview.1747802007512.png","pc":"deleted_reactbits","sb":"Reveal and entrance"},{"id":"21st:deleted_reactbits__shiny-text","t":"Shiny text","k":"motion","s":"21st","c":"motion/text-effect","a":"deleted_reactbits","pl":"https://cdn.21st.dev/user_DavidHDev/shiny-text.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__silk-background","t":"Silk background","d":"Here is animated silk background","k":"motion","s":"21st","c":"motion/background","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/silk-background/default/preview.1749291126777.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__splash-cursor","t":"Splash cursor","k":"motion","s":"21st","c":"motion/cursor","a":"deleted_reactbits","pl":"https://cdn.21st.dev/user_DavidHDev/splash-cursor.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__split-text","t":"Split text","k":"motion","s":"21st","c":"motion/text-effect","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/split-text/default/preview.1747752682712.png","pc":"deleted_reactbits","sb":"Reveal and entrance"},{"id":"21st:deleted_reactbits__spotlight-card","t":"Spotlight card","d":"The shiny futuristic spotlight card ","s":"21st","c":"data-display/card","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/spotlight-card/default/preview.1747793043187.png","pc":"deleted_reactbits","sb":"Animated and glowing"},{"id":"21st:deleted_reactbits__squares-background","t":"Squares background","k":"motion","s":"21st","c":"motion/background","a":"deleted_reactbits","pl":"https://cdn.21st.dev/user_DavidHDev/squares-background.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__star-border","t":"Star border","k":"motion","s":"21st","c":"motion/border","a":"deleted_reactbits","pl":"https://cdn.21st.dev/user_DavidHDev/star-border.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__stepper","t":"Stepper","d":"A interactive futuristic stepper","s":"21st","c":"navigation/wizard-steps","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/stepper/default/preview.1747799538731.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__target-cursor","t":"Target cursor","d":"Here is Target Cursor component","k":"motion","s":"21st","c":"motion/cursor","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/target-cursor/default/preview.1752961621985.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__text-cursor","t":"Text cursor","d":"a simple  and interesting text cursor","k":"motion","s":"21st","c":"motion/cursor","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/text-cursor/default/preview.1747760591227.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__threads","t":"Threads","d":"futuristic minimalistic thread wave background animation","k":"motion","s":"21st","c":"motion/background","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/threads/default/preview.1747801867345.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__tilted-card","t":"Tilted card","d":"A 3d tilted card","s":"21st","c":"data-display/card","a":"deleted_reactbits","pl":"https://cdn.21st.dev/larsen66/tilted-card/default/preview.1747788444429.png","pc":"deleted_reactbits","sb":"Animated and glowing"},{"id":"21st:deleted_reactbits__tilted-scroll","t":"Tilted scroll","k":"layout","s":"21st","c":"layout/scroll-area","a":"deleted_reactbits","pl":"https://cdn.21st.dev/user_DavidHDev/tilted-scroll.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__true-focus","t":"True focus","s":"21st","c":"other","a":"deleted_reactbits","pl":"https://cdn.21st.dev/user_DavidHDev/true-focus.png","pc":"deleted_reactbits"},{"id":"21st:deleted_reactbits__waves-background","t":"Waves background","k":"motion","s":"21st","c":"motion/background","a":"deleted_reactbits","pl":"https://cdn.21st.dev/user_DavidHDev/waves-background.png","pc":"deleted_reactbits","sb":"Waves and warps"},{"id":"21st:deltacomponents__admonition","t":"Admonition","d":"Here is Admonition component","s":"21st","c":"overlays/alert-banner","a":"deltacomponents","u":17,"pl":"https://cdn.21st.dev/larsen66/admonition/default/preview.1756838970222.png","pc":"deltacomponents","tg":["alert","icon","notification"]},{"id":"21st:deltacomponents__auth-form","t":"Auth form","d":"Authentication card with Google and GitHub SSO buttons, email magic-link sign-in, and last-used provider badges for login and signup flows.","s":"21st","c":"flows/sign-in","a":"deltacomponents","u":4,"pl":"https://cdn.21st.dev/deltacomponents/auth-form/default/preview.1784470251349-b4dc7bbf-e60d-4434-91da-1c45448e45d2.png","pc":"deltacomponents","tg":["sign-in"],"sb":"Sign in"},{"id":"21st:deltacomponents__basic-dropdown","t":"Basic dropdown","d":"Here is Basic Dropdown component","s":"21st","c":"navigation/menu","a":"deltacomponents","u":87,"pl":"https://cdn.21st.dev/larsen66/basic-dropdown/default/preview.1756839411952.png","pc":"deltacomponents","tg":["dropdown","menu","profile"],"sb":"Dropdowns"},{"id":"21st:deltacomponents__modal-drop","t":"Modal drop","d":"Here is Modal component","s":"21st","c":"overlays/dialog","a":"deltacomponents","u":28,"pl":"https://cdn.21st.dev/larsen66/modal-drop/default/preview.1756840409389.png","pc":"deltacomponents","tg":["notification","modal"]},{"id":"21st:deltacomponents__scramble-text","t":"Scramble text","d":"Here is Scramble text component","k":"motion","s":"21st","c":"motion/text-effect","a":"deltacomponents","u":16,"pl":"https://cdn.21st.dev/larsen66/scramble-text/default/preview.1756874184389.png","pc":"deltacomponents","tg":["list","scroll-area","text"],"sb":"Scramble and glitch"},{"id":"21st:dennysdionigi__apple-liquid-glass-switcher","t":"Apple liquid glass switcher","d":"Here is Apple Liquid glass switcher  component","s":"21st","c":"actions/switch","a":"dennysdionigi","u":219,"pl":"https://cdn.21st.dev/larsen66/apple-liquid-glass-switcher/default/preview.1753799046895.png","pc":"dennysdionigi","tg":["toggle"],"sb":"Animated"},{"id":"21st:design.tulsibhaiya__accordian-snackbar","t":"Accordian snackbar","d":"This component is a high-precision notification utility designed for modern productivity environments. It transitions from a standard alert into a temporal scheduling interface wit","s":"21st","c":"overlays/toast","a":"design.tulsibhaiya","st":"rated","pl":"https://cdn.21st.dev/design.tulsibhaiya/accordian-snackbar/default/preview.1772895957849.png","pc":"design.tulsibhaiya","sc":23},{"id":"21st:design.tulsibhaiya__button","t":"Button","d":"This is a high-contrast, AI-native button designed to manage user expectations during data processing or generative cycles. It replaces traditional spinning loaders with a mathemat","s":"21st","c":"actions/button","a":"design.tulsibhaiya","pl":"https://cdn.21st.dev/design.tulsibhaiya/button/default/preview.1772893694514.png","pc":"design.tulsibhaiya"},{"id":"21st:design.tulsibhaiya__glassmorphic-dock-folder","t":"Glassmorphic dock folder","s":"21st","c":"navigation/dock","a":"design.tulsibhaiya","pl":"https://cdn.21st.dev/design.tulsibhaiya/glassmorphic-dock-folder/default/preview.1772894567835.png","pc":"design.tulsibhaiya"},{"id":"21st:designali-in__abstract1shapes","t":"Abstract1shapes","d":"Abstract1Shapes","s":"21st","c":"other","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/abstract1shapes/default/preview.1775285829673.png","pc":"designali-in"},{"id":"21st:designali-in__abstract2shapes","t":"Abstract2shapes","d":"Abstract2Shapes","s":"21st","c":"other","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/abstract2shapes/default/preview.1775285939251.png","pc":"designali-in"},{"id":"21st:designali-in__abstract3shapes","t":"Abstract3shapes","d":"Abstract3Shapes","s":"21st","c":"other","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/abstract3shapes/default/preview.1775287214292.png","pc":"designali-in"},{"id":"21st:designali-in__accordion-01-1","t":"Accordion 01 1","d":"Accordion with animation hover","s":"21st","c":"data-display/accordion","a":"designali-in","u":20,"pl":"https://cdn.21st.dev/designali-in/accordion-01-1/default/preview.1760032297722.png","pc":"designali-in","tg":["accordion","list"]},{"id":"21st:designali-in__accordion-02","t":"Accordion 02","d":"Accordion","s":"21st","c":"data-display/accordion","a":"designali-in","pl":"https://cdn.21st.dev/user_2rO0IUQINTfBex4xN8Ghho5dpr4/accordion-02/default/preview.png","pc":"designali-in"},{"id":"21st:designali-in__accordion-02-1","t":"Accordion 02 1","d":"accordion with animation plus minus","s":"21st","c":"data-display/accordion","a":"designali-in","u":18,"pl":"https://cdn.21st.dev/designali-in/accordion-02-1/default/preview.1760032486545.png","pc":"designali-in","tg":["accordion","faq"],"sb":"FAQ"},{"id":"21st:designali-in__accordion-03","t":"Accordion 03","d":"Accordion with images and button\n","s":"21st","c":"data-display/accordion","a":"designali-in","u":77,"pl":"https://cdn.21st.dev/designali-in/accordion-03/default/preview.1760068669191.png","pc":"designali-in","tg":["accordion"]},{"id":"21st:designali-in__accordion-04","t":"Accordion 04","d":"Accordion with bacgkround cross","s":"21st","c":"data-display/accordion","a":"designali-in","u":20,"pl":"https://cdn.21st.dev/designali-in/accordion-04/default/preview.1760070246877.png","pc":"designali-in","tg":["accordion","faq"],"sb":"FAQ"},{"id":"21st:designali-in__accordion-05","t":"Accordion 05","d":"Accordion with hiding title","s":"21st","c":"data-display/accordion","a":"designali-in","u":181,"pl":"https://cdn.21st.dev/designali-in/accordion-05/default/preview.1760070434560.png","pc":"designali-in","tg":["accordion","list"]},{"id":"21st:designali-in__ai-actions","t":"Ai actions","d":"A group of interactive buttons with optional tooltips, commonly used for message-level interactions like copy, like, share, etc.","s":"21st","c":"ai-agent/ai-agent","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/ai-actions/default/preview.1756918230237.png","pc":"designali-in","tg":["ai-chat","button","tooltip"],"sb":"Chat"},{"id":"21st:designali-in__ai-gen","t":"Ai gen","d":"AI Image Gen","s":"21st","c":"ai-agent/ai-agent","a":"designali-in","u":203,"pl":"https://cdn.21st.dev/user_2rO0IUQINTfBex4xN8Ghho5dpr4/ai-gen/default/preview.1746773134930.png","pc":"designali-in","tg":["ai-chat","gallery","tabs"],"sb":"Chat"},{"id":"21st:designali-in__animated-canvas","t":"Animated canvas","d":"The component will use a canvas to render the animation with configurable parameters.","s":"21st","c":"other","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/animated-canvas/default/preview.1757519546917.png","pc":"designali-in"},{"id":"21st:designali-in__animated-dots","t":"Animated dots","d":"Animated Dots with props","k":"motion","s":"21st","c":"motion/background","a":"designali-in","u":21,"pl":"https://cdn.21st.dev/designali-in/animated-dots/default/preview.1785371021937-92a94ffd-55b5-463c-a66d-53d716fd38bf.png","pc":"designali-in","sb":"Grids and patterns"},{"id":"21st:designali-in__animated-grid","t":"Animated grid","d":"The component features a customizable grid with color interpolation and staggered border-radius animations. You can adjust the grid size, cell dimensions, and animation timing thro","s":"21st","c":"layout/bento-grid","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/animated-grid/default/preview.1756052348015.png","pc":"designali-in","tg":["grid"]},{"id":"21st:designali-in__animated-leaves","t":"Animated leaves","d":"The component creates that beautiful expanding leaf animation effect with the blur filters and color mixing","s":"21st","c":"other","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/animated-leaves/default/preview.1755236205909.png","pc":"designali-in"},{"id":"21st:designali-in__animated-spinner","t":"Animated spinner","d":"The component includes all the CSS animations and custom properties inline, featuring a dynamic conic gradient that rotates and changes, along with an animated line width effect. Y","s":"21st","c":"status/loader","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/animated-spinner/default/preview.1755236725870.png","pc":"designali-in","tg":["spinner"],"sb":"Spinners"},{"id":"21st:designali-in__animated-text","t":"Animated text","d":"The component splits the text into individual spans, applies staggered animation delays from the center outward, and includes the font weight animation. You can customize the font ","k":"motion","s":"21st","c":"motion/text-effect","a":"designali-in","u":17,"pl":"https://cdn.21st.dev/designali-in/animated-text/default/preview.1755485412954.png","pc":"designali-in","tg":["text"]},{"id":"21st:designali-in__animated-tiles","t":"Animated tiles","d":"Animated Tiles with image prop","s":"21st","c":"data-display/card","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/animated-tiles/default/preview.1760716852835.png","pc":"designali-in","tg":["gallery","image"]},{"id":"21st:designali-in__award","t":"Award","d":"Award Component that stamp, award, certificate, badge, id-card and more.","s":"21st","c":"data-display/badge","a":"designali-in","u":149,"pl":"https://cdn.21st.dev/designali-in/award/default/preview.1751171882038.png","pc":"designali-in","tg":["badge"]},{"id":"21st:designali-in__bento","t":"Bento","k":"layout","s":"21st","c":"layout/bento-grid","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/bento/default/preview.1771435667892.png","pc":"designali-in"},{"id":"21st:designali-in__bento-grid","t":"Bento grid","d":"Bento Grid, Bento","k":"layout","s":"21st","c":"layout/bento-grid","a":"designali-in","u":114,"pl":"https://cdn.21st.dev/designali-in/bento-grid/default/preview.1753425494399.png","pc":"designali-in","tg":["features"]},{"id":"21st:designali-in__bezier-animation","t":"Bezier animation","d":"Bezier Animation with props","s":"21st","c":"other","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/bezier-animation/default/preview.1761118682780.png","pc":"designali-in"},{"id":"21st:designali-in__blobs","t":"Blobs","d":"The colorful blobs should be rotating smoothly with their beautiful gradient colors and screen blend mode effects.","k":"resource","s":"21st","c":"assets/shape","a":"designali-in","u":81,"pl":"https://cdn.21st.dev/designali-in/blobs/default/preview.1755355849814.png","pc":"designali-in"},{"id":"21st:designali-in__block-game","t":"Block game","d":"Block Game","s":"21st","c":"data-display/stat","a":"designali-in","u":29,"pl":"https://cdn.21st.dev/designali-in/block-game/default/preview.1748355952963.png","pc":"designali-in","tg":["dashboard","stat"]},{"id":"21st:designali-in__book-a-demo-1","t":"Book a demo 1","d":"Book A Demo 1 with form  and content","s":"21st","c":"inputs/form-field","a":"designali-in","u":2,"pl":"https://cdn.21st.dev/designali-in/book-a-demo-1/default/preview.1760500971466.png","pc":"designali-in","tg":["cta","form"],"sb":"Whole forms"},{"id":"21st:designali-in__book-a-demo-2","t":"Book a demo 2","d":"Book A Demo 2 with form section","k":"section","s":"21st","c":"marketing/testimonials","a":"designali-in","u":2,"pl":"https://cdn.21st.dev/designali-in/book-a-demo-2/default/preview.1760501605269.png","pc":"designali-in","tg":["dropdown","hero","form","input"]},{"id":"21st:designali-in__book-a-demo-3","t":"Book a demo 3","d":"Book A Demo 3 with logos and form","k":"section","s":"21st","c":"marketing/faq","a":"designali-in","u":2,"pl":"https://cdn.21st.dev/designali-in/book-a-demo-3/default/preview.1760502060488.png","pc":"designali-in","tg":["faq","form"]},{"id":"21st:designali-in__book-a-demo-4","t":"Book a demo 4","d":"Book A Demo 4 with logos and form","s":"21st","c":"inputs/radio","a":"designali-in","u":6,"pl":"https://cdn.21st.dev/designali-in/book-a-demo-4/default/preview.1760502616478.png","pc":"designali-in","tg":["checkbox","form","radio-group","testimonials"]},{"id":"21st:designali-in__border-glow","t":"Border glow","k":"motion","s":"21st","c":"motion/border","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/border-glow/default/preview.1771435922564.png","pc":"designali-in"},{"id":"21st:designali-in__bouncing-balls","t":"Bouncing balls","d":"Bouncing Balls with props","s":"21st","c":"other","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/bouncing-balls/default/preview.1785470972076-bef690b0-8068-40c3-977b-b1dc68484c4c.png","pc":"designali-in"},{"id":"21st:designali-in__bouncing-text","t":"Bouncing text","d":"Bouncing Text with props","k":"motion","s":"21st","c":"motion/text-effect","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/bouncing-text/default/preview.1760850759034.png","pc":"designali-in"},{"id":"21st:designali-in__browser","t":"Browser","d":"The Browser component lets you showcase website screenshots or any other content within a realistic browser-style frame.","s":"21st","c":"data-display/list","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/browser/default/preview.1755965199022.png","pc":"designali-in"},{"id":"21st:designali-in__bubble-animation","t":"Bubble animation","d":"The component includes props for dimensions, bubble count, colors, and styling, while maintaining the original blur effect and animated gradient background.","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/bubble-animation/default/preview.1756050725512.png","pc":"designali-in"},{"id":"21st:designali-in__button-border","t":"Button border","d":"Button Border with animation","s":"21st","c":"actions/button","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/button-border/default/preview.1760102023611.png","pc":"designali-in","tg":["border","button"],"sb":"Animated"},{"id":"21st:designali-in__button-rotate","t":"Button rotate","d":"Button Rotate","s":"21st","c":"actions/button","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/button-rotate/default/preview.1750836686057.png","pc":"designali-in"},{"id":"21st:designali-in__button-rotate-1","t":"Button rotate 1","d":"Button Rotate with gradient background and border","s":"21st","c":"actions/button","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/button-rotate-1/default/preview.1760101829523.png","pc":"designali-in","tg":["border"],"sb":"Animated"},{"id":"21st:designali-in__button-soft-glow","t":"Button soft glow","d":"Button with Soft Glow shadows","s":"21st","c":"actions/button","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/button-soft-glow/default/preview.1760098311622.png","pc":"designali-in","sb":"Animated"},{"id":"21st:designali-in__calendar","t":"Calendar","d":"Book a call","s":"21st","c":"data-display/calendar","a":"designali-in","pl":"https://cdn.21st.dev/user_2rO0IUQINTfBex4xN8Ghho5dpr4/calendar/calendar/preview.png","pc":"designali-in","tg":["calendar","date-picker"]},{"id":"21st:designali-in__call-to-action-01","t":"Call to action 01","d":"Call to Action with logos and section","k":"section","s":"21st","c":"marketing/cta","a":"designali-in","u":25,"pl":"https://cdn.21st.dev/designali-in/call-to-action-01/default/preview.1760505399837.png","pc":"designali-in","tg":["cta"]},{"id":"21st:designali-in__canvas","t":"Canvas","d":"Canvas effect","s":"21st","c":"media/carousel","a":"designali-in","pl":"https://cdn.21st.dev/user_2rO0IUQINTfBex4xN8Ghho5dpr4/canvas/default/preview.png","pc":"designali-in"},{"id":"21st:designali-in__canvas-effect","t":"Canvas effect","d":"Canvas Effect Chat Box","s":"21st","c":"ai-agent/composer","a":"designali-in","u":96,"pl":"https://cdn.21st.dev/user_2rO0IUQINTfBex4xN8Ghho5dpr4/canvas-effect.png","pc":"designali-in","tg":["ai-chat"]},{"id":"21st:designali-in__carousel","t":"Carousel","d":"Carousel with auto animation","s":"21st","c":"media/carousel","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/carousel/default/preview.1761812284206.png","pc":"designali-in"},{"id":"21st:designali-in__certificate","t":"Certificate","d":"Certificate, Award, Badge","s":"21st","c":"data-display/badge","a":"designali-in","u":20,"pl":"https://cdn.21st.dev/designali-in/certificate/default/preview.1751347309991.png","pc":"designali-in","tg":["badge"]},{"id":"21st:designali-in__clock","t":"Clock","d":"Clock watch time with current location","s":"21st","c":"inputs/date-picker","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/clock/default/preview.1754149863495.png","pc":"designali-in","tg":["date-picker"]},{"id":"21st:designali-in__color-picker","t":"Color picker","d":"The component features a full-screen canvas with a rainbow gradient overlay, displays the hex color value that follows your mouse cursor, and shows a notification when you click to","s":"21st","c":"inputs/color-picker","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/color-picker/default/preview.1755489592163.png","pc":"designali-in","tg":["cursor"]},{"id":"21st:designali-in__compare-1","t":"Compare 1","d":"Compare with tabs and comparision","k":"section","s":"21st","c":"marketing/comparison","a":"designali-in","u":6,"pl":"https://cdn.21st.dev/designali-in/compare-1/default/preview.1760502921166.png","pc":"designali-in","tg":["comparison","table","tabs"]},{"id":"21st:designali-in__compare-2","t":"Compare 2","d":"Compare with different company","k":"section","s":"21st","c":"marketing/comparison","a":"designali-in","u":2,"pl":"https://cdn.21st.dev/designali-in/compare-2/default/preview.1760503050132.png","pc":"designali-in","tg":["comparison","pricing-section","table"]},{"id":"21st:designali-in__compare-table","t":"Compare table","d":"A simple pricing section","k":"section","s":"21st","c":"marketing/comparison","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/compare-table/default/preview.1756979237100.png","pc":"designali-in","tg":["comparison","pricing-section","table"]},{"id":"21st:designali-in__cosmos-spectrum","t":"Cosmos spectrum","d":"The page will load with all the interactive features including the color theme switcher, GSAP animations,  and the beautiful animated spectrum visualization.","s":"21st","c":"data-viz/chart","a":"designali-in","u":69,"pl":"https://cdn.21st.dev/designali-in/cosmos-spectrum/default/preview.1755194891352.png","pc":"designali-in"},{"id":"21st:designali-in__custom-cursor","t":"Custom cursor","d":"The component accepts props for cursor type selection, colors, and sizing, with all styles implemented inline as requested. It includes all six cursor variations: arrow-pointer, bi","k":"motion","s":"21st","c":"motion/cursor","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/custom-cursor/default/preview.1785364513568-441c46a1-1039-4556-94d8-8e3c8ecd9992.png","pc":"designali-in"},{"id":"21st:designali-in__dino-game","t":"Dino game","d":"Dino Game 404 not fount page to play","s":"21st","c":"other","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/dino-game/default/preview.1760167015516.png","pc":"designali-in"},{"id":"21st:designali-in__dock-tabs","t":"Dock tabs","d":"The component includes 10 sample app icons with different colors and uses Lucide React icons. You can easily customize the dock items, colors, and animation parameters to match you","s":"21st","c":"navigation/tabs","a":"designali-in","u":110,"pl":"https://cdn.21st.dev/designali-in/dock-tabs/default/preview.1754664780174.png","pc":"designali-in","tg":["dock","navigation-menu"]},{"id":"21st:designali-in__dot-pattern","t":"Dot pattern","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/user_2rO0IUQINTfBex4xN8Ghho5dpr4/dot-pattern.jpg","pc":"designali-in","tg":["background","grid"],"sb":"Grids and patterns"},{"id":"21st:designali-in__dot-sphere","t":"Dot sphere","d":"Dot Sphere with props","s":"21st","c":"other","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/dot-sphere/default/preview.1785307360716-a4c4315c-bff1-4792-8c39-bbd6a871d353.png","pc":"designali-in"},{"id":"21st:designali-in__download-01","t":"Download 01","d":"Download plugins and software with logos","s":"21st","c":"inputs/search","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/download-01/default/preview.1760505871771.png","pc":"designali-in","tg":["features","search"]},{"id":"21st:designali-in__download-02","t":"Download 02","d":"Download software with logo and button","s":"21st","c":"actions/button","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/download-02/default/preview.1760506277641.png","pc":"designali-in","tg":["button"],"sb":"Loading and states"},{"id":"21st:designali-in__feature-01","t":"Feature 01","d":"Features with cards and image","k":"section","s":"21st","c":"marketing/features","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/feature-01/default/preview.1760506528627.png","pc":"designali-in","tg":["features","hero","profile","timeline"],"sb":"Steps"},{"id":"21st:designali-in__financial-score-cards","t":"Financial score cards","d":"This is a beautiful financial score card component with animated half-circle progress indicators, strength badges, and staggered entrance animations.","s":"21st","c":"data-display/card","a":"designali-in","u":60,"pl":"https://cdn.21st.dev/designali-in/financial-score-cards/default/preview.1755246464382.png","pc":"designali-in","tg":["badge","progress"]},{"id":"21st:designali-in__finger-scan-button","t":"Finger scan button","d":"Finger Scan Button","s":"21st","c":"actions/button","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/finger-scan-button/default/preview.1754668082095.png","pc":"designali-in"},{"id":"21st:designali-in__fire-ball","t":"Fire ball","d":"Fire ball mouse pointer action with props","k":"motion","s":"21st","c":"motion/cursor","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/fire-ball/default/preview.1785470720588-857b98b5-9694-4805-b562-682cdf986f00.png","pc":"designali-in"},{"id":"21st:designali-in__floating-particles","t":"Floating particles","d":"The component creates floating particles that move upward with physics simulation, automatic camera rotation, and dual-color particle systems.","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/floating-particles/default/preview.1785304296920-635d56a7-7e83-455b-b275-f71123f92f61.png","pc":"designali-in","sb":"Particles and stars"},{"id":"21st:designali-in__fluid-animation","t":"Fluid animation","d":"it's a WebGL-based fluid simulation with interactive mouse/touch controls and morphing effects.","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/fluid-animation/default/preview.1757311285221.png","pc":"designali-in","sb":"Shaders and WebGL"},{"id":"21st:designali-in__fluid-dynamics","t":"Fluid dynamics","d":"You can adjust all the physics parameters, visual settings, and interaction modes without modifying the component code.","k":"motion","s":"21st","c":"motion/shader","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/fluid-dynamics/default/preview.1785304890005-7bc12acb-4c11-40f7-afbe-c44d03c46d3b.png","pc":"designali-in"},{"id":"21st:designali-in__fluid-particle","t":"Fluid particle","d":"A fluid particle background made with SVGs, fully customizable using Tailwind CSS.","k":"motion","s":"21st","c":"motion/background","a":"designali-in","u":48,"pl":"https://cdn.21st.dev/designali-in/fluid-particle/default/preview.1785431873629-24e2c721-4639-4a47-b1ad-5acbc4fbdcfb.png","pc":"designali-in","sb":"Shaders and WebGL"},{"id":"21st:designali-in__gallery","t":"Gallery","d":"Gallery","s":"21st","c":"media/gallery","a":"designali-in","u":266,"pl":"https://cdn.21st.dev/user_2rO0IUQINTfBex4xN8Ghho5dpr4/gallery/gallery/preview.png","pc":"designali-in","tg":["gallery"]},{"id":"21st:designali-in__gauge-1","t":"Gauge 1","d":"Gauge, Speed, Meter","s":"21st","c":"data-viz/gauge","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/gauge-1/default/preview.1751651719142.png","pc":"designali-in","tg":["progress"]},{"id":"21st:designali-in__git-hub-calendar","t":"Git hub calendar","d":"GitHub-style calendar component for Next.js that displays a contribution-like heatmap.","s":"21st","c":"data-display/calendar","a":"designali-in","st":"rated","u":130,"pl":"https://cdn.21st.dev/designali-in/git-hub-calendar/default/preview.1757754851844.png","pc":"designali-in","tg":["calendar","data-visualization","grid"],"sc":19},{"id":"21st:designali-in__glowing-shadow","t":"Glowing shadow","d":"The component features a rotating, color-cycling glow that responds beautifully to hover interactions with enhanced blur, opacity, and scale effects.","k":"motion","s":"21st","c":"motion/border","a":"designali-in","u":371,"pl":"https://cdn.21st.dev/designali-in/glowing-shadow/default/preview.1755534839304.png","pc":"designali-in","tg":["border"]},{"id":"21st:designali-in__glsl-hills","t":"Glsl hills","d":"The component will use inline styles and accept props for customization.","k":"motion","s":"21st","c":"motion/shader","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/glsl-hills/default/preview.1758117823123.png","pc":"designali-in","tg":["hero"]},{"id":"21st:designali-in__gooey-marquee","t":"Gooey marquee","d":"The component uses two text layers - a blurred background layer with high contrast filtering and linear gradients for the gooey effect, and a clean foreground layer for readability","k":"motion","s":"21st","c":"motion/marquee","a":"designali-in","u":103,"pl":"https://cdn.21st.dev/designali-in/gooey-marquee/default/preview.1755409447487.png","pc":"designali-in","tg":["marquee"]},{"id":"21st:designali-in__graaadeints","t":"Graaadeints","d":"The Beauty of Gradients","s":"21st","c":"inputs/slider","a":"designali-in","u":57,"pl":"https://cdn.21st.dev/user_2rO0IUQINTfBex4xN8Ghho5dpr4/graaadeints/default/preview.1737977826414.png","pc":"designali-in","tg":["slider"]},{"id":"21st:designali-in__gradient-blur","t":"Gradient blur","d":"Gradient Blur with props","k":"motion","s":"21st","c":"motion/gradient","a":"designali-in","u":13,"pl":"https://cdn.21st.dev/designali-in/gradient-blur/default/preview.1761127875091.png","pc":"designali-in","tg":["background"]},{"id":"21st:designali-in__gradient-mesh","t":"Gradient mesh","d":"Gradient Mesh waith noise background animation","k":"motion","s":"21st","c":"motion/gradient","a":"designali-in","u":77,"pl":"https://cdn.21st.dev/designali-in/gradient-mesh/default/preview.1760071594750.png","pc":"designali-in"},{"id":"21st:designali-in__gradient-wave","t":"Gradient wave","d":"Gradient Wave with props","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/gradient-wave/default/preview.1760021600163.png","pc":"designali-in","tg":["background","hero"],"sb":"Gradients and aurora"},{"id":"21st:designali-in__grid-pattern","t":"Grid pattern","k":"motion","s":"21st","c":"motion/background","a":"designali-in","u":70,"pl":"https://cdn.21st.dev/user_2rO0IUQINTfBex4xN8Ghho5dpr4/grid-pattern/default/preview.png","pc":"designali-in","tg":["grid"],"sb":"Grids and patterns"},{"id":"21st:designali-in__header-01","t":"Header 01","d":"header navigation bar menu","s":"21st","c":"navigation/top-nav","a":"designali-in","u":43,"pl":"https://cdn.21st.dev/designali-in/header-01/default/preview.1760030312496.png","pc":"designali-in","tg":["dropdown","menu"],"sb":"Mega menus"},{"id":"21st:designali-in__header-02","t":"Header 02","d":"Header with search and sheet and toggle","s":"21st","c":"navigation/top-nav","a":"designali-in","u":18,"pl":"https://cdn.21st.dev/designali-in/header-02/default/preview.1760030879210.png","pc":"designali-in","tg":["search"],"sb":"With search"},{"id":"21st:designali-in__header-03","t":"Header 03","d":"header with navigation ment and toggle","s":"21st","c":"navigation/top-nav","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/header-03/default/preview.1760031281938.png","pc":"designali-in"},{"id":"21st:designali-in__header-04","t":"Header 04","d":"header with command search toggle","s":"21st","c":"navigation/top-nav","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/header-04/default/preview.1785942707768-8f9f0b08-f457-4d39-8daa-eed38bf6443b.png","pc":"designali-in","sb":"With search"},{"id":"21st:designali-in__hero-01","t":"Hero 01","d":"Hero with wave gradient background","k":"section","s":"21st","c":"marketing/hero","a":"designali-in","u":46,"pl":"https://cdn.21st.dev/designali-in/hero-01/default/preview.1760022303685.png","pc":"designali-in","tg":["cta"]},{"id":"21st:designali-in__hero-02","t":"Hero 02","d":"Hero with marquee nad background gradient wave","k":"section","s":"21st","c":"marketing/hero","a":"designali-in","u":83,"pl":"https://cdn.21st.dev/designali-in/hero-02/default/preview.1760021924615.png","pc":"designali-in","tg":["marquee"]},{"id":"21st:designali-in__hero-03","t":"Hero 03","d":"Hero banner , designer, product, design code","k":"section","s":"21st","c":"marketing/hero","a":"designali-in","u":59,"pl":"https://cdn.21st.dev/designali-in/hero-03/default/preview.1760021284525.png","pc":"designali-in","tg":["hero"]},{"id":"21st:designali-in__hero-04","t":"Hero 04","d":"Hero banner. creative designer, portfolio","k":"section","s":"21st","c":"marketing/hero","a":"designali-in","u":46,"pl":"https://cdn.21st.dev/designali-in/hero-04/default/preview.1760021092785.png","pc":"designali-in","tg":["grid","hero"]},{"id":"21st:designali-in__hero-05","t":"Hero 05","k":"section","s":"21st","c":"marketing/hero","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/hero-05/default/preview.1759937180138.png","pc":"designali-in"},{"id":"21st:designali-in__hero-designali","t":"Hero designali","d":"Your complete platform for the Design.","k":"section","s":"21st","c":"marketing/hero","a":"designali-in","u":241,"pl":"https://cdn.21st.dev/user_2rO0IUQINTfBex4xN8Ghho5dpr4/hero-designali/default/preview.1746006537141.png","pc":"designali-in"},{"id":"21st:designali-in__hero-shader","t":"Hero shader","d":"Discover the essence of creativity in our exquisite collection of top-tier abstract design assets. Each piece is a blend of beauty and utility, perfect for elevating any project.","k":"section","s":"21st","c":"marketing/hero","a":"designali-in","u":233,"pl":"https://cdn.21st.dev/designali-in/hero-shader/default/preview.1755669784836.png","pc":"designali-in","tg":["cta"],"sb":"Animated background"},{"id":"21st:designali-in__highlighter","t":"Highlighter","d":"Highlighter, Particle, CTA","k":"section","s":"21st","c":"marketing/cta","a":"designali-in","u":650,"pl":"https://cdn.21st.dev/user_2rO0IUQINTfBex4xN8Ghho5dpr4/highlighter.jpg","pc":"designali-in","tg":["cta"]},{"id":"21st:designali-in__id-card","t":"Id card","d":"ID card, virtual card, visiting card","s":"21st","c":"data-display/card","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/id-card/default/preview.1751369612025.png","pc":"designali-in"},{"id":"21st:designali-in__image-zoom","t":"Image zoom","d":"Image Zoom","s":"21st","c":"media/gallery","a":"designali-in","u":37,"pl":"https://cdn.21st.dev/designali-in/image-zoom/default/preview.1751113338583.png","pc":"designali-in","sb":"Zoom and lens"},{"id":"21st:designali-in__interactive-canvas","t":"Interactive canvas","d":"Interactive Canvas with dot pattern frid","s":"21st","c":"inputs/textarea","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/interactive-canvas/default/preview.1760762627334.png","pc":"designali-in"},{"id":"21st:designali-in__interactive-dots","t":"Interactive dots","d":"You can customize colors, spacing, dot size, repel force, and other parameters through props, and it includes proper cleanup and responsive behavior.","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/interactive-dots/default/preview.1757318080968.png","pc":"designali-in","tg":["background"],"sb":"Grids and patterns"},{"id":"21st:designali-in__interactive-dots-1","t":"Interactive dots 1","d":"Interactive Dots with props","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/interactive-dots-1/default/preview.1760847049158.png","pc":"designali-in","sb":"Grids and patterns"},{"id":"21st:designali-in__interactive-grid","t":"Interactive grid","d":"Interactive Grid with props","s":"21st","c":"layout/bento-grid","a":"designali-in","u":36,"pl":"https://cdn.21st.dev/designali-in/interactive-grid/default/preview.1761227281227.png","pc":"designali-in","tg":["background","grid"]},{"id":"21st:designali-in__interactive-light","t":"Interactive light","d":"he component replicates the original behavior: the lamp follows your mouse cursor with a glowing effect, includes the grid background with radial highlight, supports","k":"motion","s":"21st","c":"motion/cursor","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/interactive-light/default/preview.1756196915021.png","pc":"designali-in","tg":["cursor"]},{"id":"21st:designali-in__interactive-lines","t":"Interactive lines","d":"You can customize colors, grid spacing, interaction distance, and animation smoothing through props, making it flexible for different use cases.","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/interactive-lines/default/preview.1756306465462.png","pc":"designali-in","sb":"Beams and light"},{"id":"21st:designali-in__iphone-16-pro","t":"Iphone 16 pro","d":"Mockup of iPhone 16 Pro","s":"21st","c":"media/mockup","a":"designali-in","pl":"https://cdn.21st.dev/user_2rO0IUQINTfBex4xN8Ghho5dpr4/iphone-16-pro.jpg","pc":"designali-in"},{"id":"21st:designali-in__keyboard","t":"Keyboard","d":"Mac Keyboard","s":"21st","c":"data-display/kanban","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/keyboard/default/preview.1748439331954.png","pc":"designali-in"},{"id":"21st:designali-in__led-display","t":"Led display","d":"LED Display with color props","s":"21st","c":"layout/bento-grid","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/led-display/default/preview.1785370385292-e733a99a-0d72-434d-9793-73a2fe7071f8.png","pc":"designali-in"},{"id":"21st:designali-in__liquid-glass-button","t":"Liquid glass button","d":"Liquid Glass Button","s":"21st","c":"actions/button","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/liquid-glass-button/default/preview.1750605472950.png","pc":"designali-in","tg":["button"],"sb":"Animated"},{"id":"21st:designali-in__liquid-glass-card","t":"Liquid glass card","d":"https://ui.dalim.in/card","s":"21st","c":"data-display/card","a":"designali-in","u":91,"pl":"https://cdn.21st.dev/designali-in/liquid-glass-card/default/preview.1750836023340.png","pc":"designali-in","tg":["card","cta","pricing-section"],"sb":"Animated and glowing"},{"id":"21st:designali-in__loading-overlay","t":"Loading overlay","d":"The component animates a percentage counter from 0% to 100% over 2 seconds, then clips out the overlay and reveals the content with a smooth fade-in effect.","s":"21st","c":"status/loader","a":"designali-in","u":38,"pl":"https://cdn.21st.dev/designali-in/loading-overlay/default/preview.1755533080748.png","pc":"designali-in","sb":"Spinners"},{"id":"21st:designali-in__login-03","t":"Login 03","d":"Login with image and logos,","s":"21st","c":"flows/sign-in","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/login-03/default/preview.1760509109204.png","pc":"designali-in","tg":["sign-in"],"sb":"Sign in"},{"id":"21st:designali-in__login-2","t":"Login 2","d":"Login with form and buttons","s":"21st","c":"flows/sign-in","a":"designali-in","st":"rated","pl":"https://cdn.21st.dev/designali-in/login-2/default/preview.1760506878862.png","pc":"designali-in","sc":20,"sb":"Sign in"},{"id":"21st:designali-in__login-page","t":"Login page","d":"Login page with gradient animated background","s":"21st","c":"flows/sign-in","a":"designali-in","u":61,"pl":"https://cdn.21st.dev/designali-in/login-page/default/preview.1760364296262.png","pc":"designali-in","tg":["form"],"sb":"Sign in"},{"id":"21st:designali-in__mac","t":"Mac","d":"Mockup for iMac","s":"21st","c":"media/gallery","a":"designali-in","pl":"https://cdn.21st.dev/user_2rO0IUQINTfBex4xN8Ghho5dpr4/mac.jpg","pc":"designali-in","tg":["image"]},{"id":"21st:designali-in__macbook-pro","t":"Macbook pro","d":"Macbook Pro Mockup","s":"21st","c":"media/mockup","a":"designali-in","pl":"https://cdn.21st.dev/user_2rO0IUQINTfBex4xN8Ghho5dpr4/macbook-pro.jpg","pc":"designali-in"},{"id":"21st:designali-in__magnet-field","t":"Magnet field","d":"Magnet Field with props","s":"21st","c":"inputs/form-field","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/magnet-field/default/preview.1761228337060.png","pc":"designali-in"},{"id":"21st:designali-in__marquee","t":"Marquee","d":"Marquee, Scroll infinite","k":"motion","s":"21st","c":"motion/marquee","a":"designali-in","u":163,"pl":"https://cdn.21st.dev/designali-in/marquee/default/preview.1753259873435.png","pc":"designali-in","tg":["marquee","scroll-area"]},{"id":"21st:designali-in__marquee-card","t":"Marquee card","d":"Marquee Card, card, testimonials","s":"21st","c":"data-display/card","a":"designali-in","u":39,"pl":"https://cdn.21st.dev/designali-in/marquee-card/default/preview.1753327607947.png","pc":"designali-in","tg":["avatar","marquee","testimonials"]},{"id":"21st:designali-in__matrix-noise","t":"Matrix noise","d":"Matrix Noise with alphabets animation like noise","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/matrix-noise/default/preview.1760365915270.png","pc":"designali-in","sb":"Noise and texture"},{"id":"21st:designali-in__matrix-ripple","t":"Matrix ripple","d":"Matrix Ripple with props","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/matrix-ripple/default/preview.1761036083191.png","pc":"designali-in","sb":"Waves and warps"},{"id":"21st:designali-in__mechanical-waves","t":"Mechanical waves","d":"Mechanical Waves with props","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/mechanical-waves/default/preview.1785370593003-9b60a9e1-f296-484c-9b46-c3ce8bc3bd2b.png","pc":"designali-in","sb":"Waves and warps"},{"id":"21st:designali-in__morphing-light","t":"Morphing light","d":"The component creates a full-screen animated shader effect with beautiful morphing light patterns in pink and cyan colors","s":"21st","c":"motion/text-effect","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/morphing-light/default/preview.1755705888649.png","pc":"designali-in","sb":"Rotating words"},{"id":"21st:designali-in__mouse-position-canvas","t":"Mouse position canvas","d":"Mouse Position Canvas with grid colorfull boxes","s":"21st","c":"layout/bento-grid","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/mouse-position-canvas/default/preview.1760714976163.png","pc":"designali-in"},{"id":"21st:designali-in__mouse-quadrant-tracker","t":"Mouse quadrant tracker","d":"You can easily change the text, color hue, shadow intensity, or font size by modifying these prop values.","k":"motion","s":"21st","c":"motion/text-effect","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/mouse-quadrant-tracker/default/preview.1755668441307.png","pc":"designali-in","tg":["text"]},{"id":"21st:designali-in__navbar","t":"Navbar","d":"Navigation, Header","s":"21st","c":"navigation/top-nav","a":"designali-in","u":624,"pl":"https://cdn.21st.dev/designali-in/navbar/default/preview.1752379717505.png","pc":"designali-in","tg":["navigation-menu","toggle"],"sb":"Mega menus"},{"id":"21st:designali-in__network-animation","t":"Network animation","d":"Network Animation with props","s":"21st","c":"other","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/network-animation/default/preview.1760847895974.png","pc":"designali-in"},{"id":"21st:designali-in__neural-noise","t":"Neural noise","d":"Neural Noise background","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/neural-noise/default/preview.1757600889576.png","pc":"designali-in","sb":"Noise and texture"},{"id":"21st:designali-in__noise-animation","t":"Noise animation","d":"animation logic, rendering circles with colors and sizes based on 3D simplex noise","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/noise-animation/default/preview.1758121041370.png","pc":"designali-in","sb":"Noise and texture"},{"id":"21st:designali-in__particle-animation","t":"Particle animation","d":"he component includes all styling inline and maintains the interactive mouse/touch controls that adjust the animation progress based on cursor position around the circular path.","k":"motion","s":"21st","c":"motion/background","a":"designali-in","u":23,"pl":"https://cdn.21st.dev/designali-in/particle-animation/default/preview.1755742437897.png","pc":"designali-in","sb":"Particles and stars"},{"id":"21st:designali-in__particle-animation-1","t":"Particle animation 1","d":"You can easily adjust the visual appearance by modifying the props, such as changing colors, particle count, or animation timing.","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/particle-animation-1/default/preview.1757135784365.png","pc":"designali-in","sb":"Particles and stars"},{"id":"21st:designali-in__particle-animation-2","t":"Particle animation 2","d":"Particle Animation with props","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/particle-animation-2/default/preview.1760810336599.png","pc":"designali-in","sb":"Particles and stars"},{"id":"21st:designali-in__particle-canvas","t":"Particle canvas","d":"The component will use inline styles and include the canvas animation with customizable props.","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/particle-canvas/default/preview.1785469919081-5a394c00-c492-422b-80e8-bfc6d67bb37b.png","pc":"designali-in","sb":"Particles and stars"},{"id":"21st:designali-in__particle-canvas-1","t":"Particle canvas 1","d":"Particle Canvas, you can customize this","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/particle-canvas-1/default/preview.1785440188312-f00ef381-5715-4248-8341-ee52c67b873e.png","pc":"designali-in","sb":"Particles and stars"},{"id":"21st:designali-in__particle-canvas-2","t":"Particle canvas 2","d":"Particle canvas with colors","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/particle-canvas-2/default/preview.1760364840371.png","pc":"designali-in","tg":["background"],"sb":"Particles and stars"},{"id":"21st:designali-in__particle-gravity","t":"Particle gravity","d":"Particle Gravity with props","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/particle-gravity/default/preview.1761667238970.png","pc":"designali-in","sb":"Particles and stars"},{"id":"21st:designali-in__particle-hero","t":"Particle hero","d":"The component includes all the stunning visual effects like animated particles, rotating spotlights, and the gold mode toggle functionality,","k":"section","s":"21st","c":"marketing/hero","a":"designali-in","u":79,"pl":"https://cdn.21st.dev/designali-in/particle-hero/default/preview.1755358596554.png","pc":"designali-in","sb":"Animated background"},{"id":"21st:designali-in__particle-text-effect","t":"Particle text effect","d":"You can customize the text by passing a `text` prop, and clicking anywhere will restart the mesmerizing animation.","k":"motion","s":"21st","c":"motion/text-effect","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/particle-text-effect/default/preview.1755269651206.png","pc":"designali-in"},{"id":"21st:designali-in__payment-card","t":"Payment card","d":"The form includes proper validation, formatting, and a smooth 3D flip animation when entering the CVV code. Try typing different card numbers to see the card type detection in acti","s":"21st","c":"data-display/card","a":"designali-in","u":20,"pl":"https://cdn.21st.dev/designali-in/payment-card/default/preview.1755105122177.png","pc":"designali-in","sb":"Payment"},{"id":"21st:designali-in__pixel-animation","t":"Pixel animation","d":"You can now customize container size, background color, pixel spacing, animation speed, color palette, pixel size, animation duration, and hint text.","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/pixel-animation/default/preview.1785364259686-c8f03092-b431-4562-a334-c642dce5ae2d.png","pc":"designali-in"},{"id":"21st:designali-in__pixel-grid","t":"Pixel grid","d":"Pixel Grid with props","s":"21st","c":"layout/bento-grid","a":"designali-in","u":77,"pl":"https://cdn.21st.dev/designali-in/pixel-grid/default/preview.1785370853449-8aa5858c-e113-419f-8cb8-f296240dd21e.png","pc":"designali-in"},{"id":"21st:designali-in__radial-lines","t":"Radial lines","d":"The component generates the specified number of lines with rotation angles, all using inline styles. You can customize the line count, colors, thickness, positioning, and container","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/radial-lines/default/preview.1755706636100.png","pc":"designali-in","tg":["background"],"sb":"Beams and light"},{"id":"21st:designali-in__rain","t":"Rain","d":"The component now creates a complete storm experience with synchronized visual and audio effects that feel natural and immersive!","s":"21st","c":"other","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/rain/default/preview.1754666235237.png","pc":"designali-in"},{"id":"21st:designali-in__rainbow-button","t":"Rainbow button","d":"Rainbow Button","s":"21st","c":"actions/button","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/rainbow-button/default/preview.1750836451063.png","pc":"designali-in","sb":"Animated"},{"id":"21st:designali-in__rainbow-text-effect","t":"Rainbow text effect","d":"Text with the stunning rainbow shadow effect","k":"motion","s":"21st","c":"motion/text-effect","a":"designali-in","u":13,"pl":"https://cdn.21st.dev/designali-in/rainbow-text-effect/default/preview.1755580966881.png","pc":"designali-in","tg":["text"],"sb":"Gradient and shimmer"},{"id":"21st:designali-in__ripple-canvas","t":"Ripple canvas","d":"Ripple Canvas with props","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/ripple-canvas/default/preview.1760876191786.png","pc":"designali-in","sb":"Waves and warps"},{"id":"21st:designali-in__ripple-grid","t":"Ripple grid","d":"Ripple Grid","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/ripple-grid/default/preview.1755317881232.png","pc":"designali-in","sb":"Grids and patterns"},{"id":"21st:designali-in__safari","t":"Safari","d":"Mockup of Safari","k":"layout","s":"21st","c":"layout/dashboard","a":"designali-in","pl":"https://cdn.21st.dev/user_2rO0IUQINTfBex4xN8Ghho5dpr4/safari.jpg","pc":"designali-in"},{"id":"21st:designali-in__scroll-progress","t":"Scroll progress","d":"Scroll Progress","s":"21st","c":"data-viz/progress-bar","a":"designali-in","pl":"https://cdn.21st.dev/user_2rO0IUQINTfBex4xN8Ghho5dpr4/scroll-progress/default/preview.png","pc":"designali-in"},{"id":"21st:designali-in__scroll-progress-1","t":"Scroll progress 1","d":"A minimal scroll progress indicator that tracks how far a user has scrolled down a page or container. Fully theme-aware and built with composability in mind, it supports both horiz","s":"21st","c":"data-viz/progress-bar","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/scroll-progress-1/default/preview.1753542227731.png","pc":"designali-in","tg":["progress","scroll-area"]},{"id":"21st:designali-in__shader-animation","t":"Shader animation","d":"The page will now show the beautiful animated ripple effect that fills the entire screen with the mesmerizing concentric circles and color gradients from your original Three.js sha","s":"21st","c":"motion/background","a":"designali-in","u":2595,"pl":"https://cdn.21st.dev/designali-in/shader-animation/default/preview.1755486352919.png","pc":"designali-in","sb":"Shaders and WebGL"},{"id":"21st:designali-in__shader-canvas","t":"Shader canvas","d":"a Next.js component based on your WebGL/GLea code","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/shader-canvas/default/preview.1758211257805.png","pc":"designali-in","sb":"Shaders and WebGL"},{"id":"21st:designali-in__shader-lines","t":"Shader lines","d":"The component dynamically loads Three.js, sets up the WebGL renderer with your custom shaders, and creates the colorful mosaic effect with animated lines.","s":"21st","c":"motion/background","a":"designali-in","u":953,"pl":"https://cdn.21st.dev/designali-in/shader-lines/default/preview.1755617050358.png","pc":"designali-in","sb":"Shaders and WebGL"},{"id":"21st:designali-in__shiny-button","t":"Shiny button","d":"The component preserves all the original functionality including the animated conic gradients, shimmer effects, dot patterns, and hover states.","s":"21st","c":"actions/button","a":"designali-in","u":590,"pl":"https://cdn.21st.dev/designali-in/shiny-button/default/preview.1755271754131.png","pc":"designali-in","tg":["button"]},{"id":"21st:designali-in__simplex","t":"Simplex","d":"This appears to be a sophisticated dithering shader with various animated shapes and effects.","s":"21st","c":"other","a":"designali-in","u":38,"pl":"https://cdn.21st.dev/designali-in/simplex/default/preview.1758129455077.png","pc":"designali-in"},{"id":"21st:designali-in__snow-flakes","t":"Snow flakes","d":"Simply import and use the component anywhere in your app. It will create a full-screen overlay that doesn't interfere with user interactions.","k":"motion","s":"21st","c":"motion/background","a":"designali-in","u":28,"pl":"https://cdn.21st.dev/designali-in/snow-flakes/default/preview.1785303627441-3d39121e-0c81-44d2-83ed-0e735abe50de.png","pc":"designali-in","sb":"Particles and stars"},{"id":"21st:designali-in__space-background","t":"Space background","d":"Space Background with props","k":"motion","s":"21st","c":"motion/background","a":"designali-in","u":69,"pl":"https://cdn.21st.dev/designali-in/space-background/default/preview.1761744378828.png","pc":"designali-in","tg":["background","hero"]},{"id":"21st:designali-in__spark-effect","t":"Spark effect","d":"Spark Effect","s":"21st","c":"data-display/empty-state","a":"designali-in","u":20,"pl":"https://cdn.21st.dev/designali-in/spark-effect/default/preview.1758130471328.png","pc":"designali-in"},{"id":"21st:designali-in__sphere","t":"Sphere","d":"This appears to be a sophisticated dithering shader with various animated shapes and effects.","s":"21st","c":"other","a":"designali-in","u":104,"pl":"https://cdn.21st.dev/designali-in/sphere/default/preview.1758130261160.png","pc":"designali-in"},{"id":"21st:designali-in__spreadsheet","t":"Spreadsheet","d":"A comprehensive spreadsheet component with all the essential features you'd expect from a spreadsheet application. The component includes cell selection, editing capabilities, keyb","s":"21st","c":"data-display/table","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/spreadsheet/default/preview.1755187130487.png","pc":"designali-in","tg":["grid","table"],"sb":"Editable"},{"id":"21st:designali-in__stamp","t":"Stamp","d":"Stamp, Award, Badge","s":"21st","c":"data-display/badge","a":"designali-in","u":17,"pl":"https://cdn.21st.dev/designali-in/stamp/default/preview.1751346216632.png","pc":"designali-in","tg":["badge"]},{"id":"21st:designali-in__starfield","t":"Starfield","d":"React component with customizable props.","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/starfield/default/preview.1757521137269.png","pc":"designali-in","tg":["background"],"sb":"Particles and stars"},{"id":"21st:designali-in__starfield-1","t":"Starfield 1","d":"The component retains the core functionality of the starfield animation, including props for customization, and uses React with a canvas element for rendering.","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/starfield-1/default/preview.1757958800562.png","pc":"designali-in","sb":"Particles and stars"},{"id":"21st:designali-in__stars-canvas","t":"Stars canvas","d":"Stars Canvas with props","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/stars-canvas/default/preview.1760974922624.png","pc":"designali-in","sb":"Particles and stars"},{"id":"21st:designali-in__stats-2","t":"Stats 2","d":"Stats with numbers","s":"21st","c":"data-display/stat","a":"designali-in","u":13,"pl":"https://cdn.21st.dev/designali-in/stats-2/default/preview.1760508847468.png","pc":"designali-in","tg":["cta","stat"]},{"id":"21st:designali-in__sticker","t":"Sticker","d":"Sticker, Text Effect","k":"motion","s":"21st","c":"motion/text-effect","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/sticker/default/preview.1751361896143.png","pc":"designali-in"},{"id":"21st:designali-in__svg-follower","t":"Svg follower","d":"the SVG Follower component to the main page with a nice centered layout and updated the color palette to use modern hex colors.","k":"motion","s":"21st","c":"motion/cursor","a":"designali-in","u":29,"pl":"https://cdn.21st.dev/designali-in/svg-follower/default/preview.1757225741920.png","pc":"designali-in","tg":["cursor"]},{"id":"21st:designali-in__swirl","t":"Swirl","d":"This appears to be a sophisticated dithering shader with various animated shapes and effects.","s":"21st","c":"other","a":"designali-in","u":147,"pl":"https://cdn.21st.dev/designali-in/swirl/default/preview.1758129764024.png","pc":"designali-in"},{"id":"21st:designali-in__text-aimation","t":"Text aimation","d":"Text Animation component to make the shadow colors match the text color with lower opacity,","k":"motion","s":"21st","c":"motion/text-effect","a":"designali-in","u":7,"pl":"https://cdn.21st.dev/designali-in/text-aimation/default/preview.1757591386493.png","pc":"designali-in"},{"id":"21st:designali-in__text-color","t":"Text color","d":"Text Color","k":"motion","s":"21st","c":"motion/text-effect","a":"designali-in","u":161,"pl":"https://cdn.21st.dev/user_2rO0IUQINTfBex4xN8Ghho5dpr4/text-color/text-color/preview.png","pc":"designali-in","tg":["text"],"sb":"Gradient and shimmer"},{"id":"21st:designali-in__text-particle","t":"Text particle","d":"Text Particle","k":"motion","s":"21st","c":"motion/text-effect","a":"designali-in","u":143,"pl":"https://cdn.21st.dev/designali-in/text-particle/default/preview.1785302272254-a427f5fa-0cb0-4f23-ae7e-55ee783c6547.png","pc":"designali-in"},{"id":"21st:designali-in__text-wave-animation","t":"Text wave animation","d":"Text Animation","k":"motion","s":"21st","c":"motion/text-effect","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/text-wave-animation/default/preview.1755661598661.png","pc":"designali-in","sb":"Bouncy and wavy"},{"id":"21st:designali-in__theme","t":"Theme","d":"Theme Toggle, Themed, Light, Dark & System","s":"21st","c":"actions/switch","a":"designali-in","u":219,"pl":"https://cdn.21st.dev/designali-in/theme/default/preview.1752510104771.png","pc":"designali-in","tg":["toggle"],"sb":"Theme toggles"},{"id":"21st:designali-in__theme-button","t":"Theme button","d":"Theme Button, Light, Dark, System","s":"21st","c":"actions/button","a":"designali-in","u":44,"pl":"https://cdn.21st.dev/designali-in/theme-button/default/preview.1752717922033.png","pc":"designali-in","tg":["toggle"]},{"id":"21st:designali-in__theme-dropdown","t":"Theme dropdown","d":"Theme Dropdown","s":"21st","c":"navigation/menu","a":"designali-in","u":81,"pl":"https://cdn.21st.dev/designali-in/theme-dropdown/default/preview.1752763017642.png","pc":"designali-in","sb":"Dropdowns"},{"id":"21st:designali-in__theme-switch","t":"Theme switch","d":"Theme Switch","s":"21st","c":"actions/switch","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/theme-switch/default/preview.1752762761607.png","pc":"designali-in","tg":["toggle"],"sb":"Theme toggles"},{"id":"21st:designali-in__theme-tabs","t":"Theme tabs","d":"Theme Tabs","s":"21st","c":"navigation/tabs","a":"designali-in","u":172,"pl":"https://cdn.21st.dev/designali-in/theme-tabs/default/preview.1752763216824.png","pc":"designali-in","tg":["tabs","toggle"]},{"id":"21st:designali-in__thermal-shader","t":"Thermal shader","d":"Thermal Shader, You can customised and update with your png logo.","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/thermal-shader/default/preview.1785366941598-8f2b3a64-5bad-4848-980d-aeb35d54e01e.png","pc":"designali-in","sb":"Shaders and WebGL"},{"id":"21st:designali-in__tile-canvas","t":"Tile canvas","d":"Tile Canvas with props","s":"21st","c":"data-display/card","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/tile-canvas/default/preview.1761061696605.png","pc":"designali-in"},{"id":"21st:designali-in__typewriter","t":"Typewriter","d":"a fully-featured typewriter component with typing and word-changing effects!","k":"motion","s":"21st","c":"motion/text-effect","a":"designali-in","u":77,"pl":"https://cdn.21st.dev/designali-in/typewriter/default/preview.1767770126276.png","pc":"designali-in","tg":["cursor"],"sb":"Typewriter"},{"id":"21st:designali-in__vector-field","t":"Vector field","d":"Vector Field with color props","s":"21st","c":"inputs/form-field","a":"designali-in","u":8,"pl":"https://cdn.21st.dev/designali-in/vector-field/default/preview.1760760492713.png","pc":"designali-in","tg":["background","data-visualization"]},{"id":"21st:designali-in__vercel-footer","t":"Vercel footer","d":"Vercel Footer with dropdown menu","k":"section","s":"21st","c":"marketing/footer","a":"designali-in","u":29,"pl":"https://cdn.21st.dev/designali-in/vercel-footer/default/preview.1760627149135.png","pc":"designali-in","tg":["footer"]},{"id":"21st:designali-in__vercel-hero","t":"Vercel hero","d":"Vercel Hero with grid pattern","k":"section","s":"21st","c":"marketing/hero","a":"designali-in","u":92,"pl":"https://cdn.21st.dev/designali-in/vercel-hero/default/preview.1760627333213.png","pc":"designali-in"},{"id":"21st:designali-in__vercel-navbar","t":"Vercel navbar","d":"Vercel Navbar with navigation menu","s":"21st","c":"navigation/top-nav","a":"designali-in","u":166,"pl":"https://cdn.21st.dev/designali-in/vercel-navbar/default/preview.1760626819010.png","pc":"designali-in","sb":"Mega menus"},{"id":"21st:designali-in__void-animation","t":"Void animation","d":" This component is fully customizable through props and compatible with modern React applications.","s":"21st","c":"other","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/void-animation/default/preview.1756271309465.png","pc":"designali-in"},{"id":"21st:designali-in__warp","t":"Warp","d":"This appears to be a sophisticated dithering shader with various animated shapes and effects.","s":"21st","c":"other","a":"designali-in","u":23,"pl":"https://cdn.21st.dev/designali-in/warp/default/preview.1758129203236.png","pc":"designali-in"},{"id":"21st:designali-in__wave","t":"Wave","d":"Wave component with props for width, height, speed, tiles, pointer control, and DPR.","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/wave/default/preview.1785439414148-1a1db919-89cf-42ec-80e7-3c6e6b263eea.png","pc":"designali-in","sb":"Waves and warps"},{"id":"21st:designali-in__wave-1","t":"Wave 1","d":"This appears to be a sophisticated dithering shader with various animated shapes and effects.","k":"motion","s":"21st","c":"motion/background","a":"designali-in","u":357,"pl":"https://cdn.21st.dev/designali-in/wave-1/default/preview.1758129606115.png","pc":"designali-in","sb":"Waves and warps"},{"id":"21st:designali-in__wave-animation","t":"Wave animation","d":"The animation creates beautiful flowing waves using different colored bars that oscillate based on sine wave calculations","k":"motion","s":"21st","c":"motion/background","a":"designali-in","u":22,"pl":"https://cdn.21st.dev/designali-in/wave-animation/default/preview.1755237600903.png","pc":"designali-in","sb":"Waves and warps"},{"id":"21st:designali-in__wave-animation-1","t":"Wave animation 1","d":"The component accepts props for wave speed, intensity, colors, particle size, and dimensions.","k":"motion","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/wave-animation-1/default/preview.1785439270337-52fe3f1b-93a3-4ba1-ae42-62468a112767.png","pc":"designali-in","sb":"Waves and warps"},{"id":"21st:designali-in__web-gl-animation","t":"Web gl animation","d":"he component will include the canvas, shaders, and WebGL logic, adapted to work","s":"21st","c":"other","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/web-gl-animation/default/preview.1757958493915.png","pc":"designali-in"},{"id":"21st:designali-in__web-gl-blob","t":"Web gl blob","d":"The component handles all the WebGL setup, shader compilation, and animation loop internally while exposing the key parameters as props for easy customization.","k":"resource","s":"21st","c":"assets/shape","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/web-gl-blob/default/preview.1757306699842.png","pc":"designali-in"},{"id":"21st:designali-in__web-gl-shader","t":"Web gl shader","d":"Now the WebGL shader component is properly imported and rendered on the main page. The colorful wave distortion effect should display fullscreen when you view the page.","s":"21st","c":"motion/background","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/web-gl-shader/default/preview.1755664380314.png","pc":"designali-in","sb":"Shaders and WebGL"},{"id":"21st:designali-in__webgl-demo","t":"Webgl demo","d":"Webgl Demo with props","k":"motion","s":"21st","c":"motion/shader","a":"designali-in","pl":"https://cdn.21st.dev/designali-in/webgl-demo/default/preview.1760934807214.png","pc":"designali-in"},{"id":"21st:designali-in__word-counter","t":"Word counter","d":"Word Count ","k":"motion","s":"21st","c":"motion/number-ticker","a":"designali-in","pl":"https://cdn.21st.dev/user_2rO0IUQINTfBex4xN8Ghho5dpr4/word-counter.jpg","pc":"designali-in","tg":["textarea"]},{"id":"21st:designeryue__shader-b3e94fd7","t":"Shader b3e94fd7","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#001219, #005F73, #94D2BD, #E9D8A6). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"designeryue","pl":"https://cdn.21st.dev/designeryue/shader-b3e94fd7/default/preview.1786162521496-374f7bbd-da98-40df-b6fc-8b36d53cf01f.webp","pc":"designeryue","sb":"Mesh drift"},{"id":"21st:dev.shejanmahamud__animated-beam","t":"Animated beam","d":"SVG-based animated beam that draws glowing, gradient connection lines between two elements, with adjustable curvature, direction, and pulse speed.","k":"motion","s":"21st","c":"motion/background","a":"dev.shejanmahamud","pl":"https://cdn.21st.dev/dev.shejanmahamud/animated-beam/default/preview.1784717020673-7fb14856-4d57-4257-8017-cf09b70a5581.png","pc":"dev.shejanmahamud","sb":"Beams and light"},{"id":"21st:dev.shejanmahamud__expanded-map","t":"Expanded map","d":"An interactive location card with a subtle 3D tilt that expands on click to reveal real map tiles, coordinates, and a location marker.","s":"21st","c":"data-viz/map","a":"dev.shejanmahamud","u":2,"pl":"https://cdn.21st.dev/dev.shejanmahamud/expanded-map/default/preview.1784926050725-a76b2a48-ecc4-45dd-ba20-b906bd4934ee.png","pc":"dev.shejanmahamud","tg":["card","grid","map"]},{"id":"21st:dev.shejanmahamud__feedback-widget","t":"Feedback widget","d":"A feedback widget with emoji ratings and a text area inspired from Vercel.","s":"21st","c":"inputs/rating","a":"dev.shejanmahamud","st":"rated","u":21,"pl":"https://cdn.21st.dev/user_32IAZZ0jCu5Ox98TEx5aAsxVNyq/feedback-widget/default/preview.1785838191209.png","pc":"dev.shejanmahamud","tg":["textarea"],"sc":22},{"id":"21st:dev.shejanmahamud__shutter-text","t":"Shutter text","d":"Animated text that reveals each character with a shutter-style sliced blur effect, triggered on load, scroll, click, or hover.","k":"motion","s":"21st","c":"motion/text-effect","a":"dev.shejanmahamud","pl":"https://cdn.21st.dev/dev.shejanmahamud/shutter-text/default/preview.1784920138014-61632569-d76a-4089-84a6-4fdc92e5a3ae.png","pc":"dev.shejanmahamud","tg":["scroll-area","text"],"sb":"Reveal and entrance"},{"id":"21st:dev.yadhakim__animated-badge-collection","t":"Animated badge collection","d":"8 unique animated badge styles with stunning visual effects. Includes holographic shimmer, constellation stars, carnival marquee, liquid metal, magic orb, target lock HUD, origami ","s":"21st","c":"data-display/badge","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/animated-badge-collection/default/preview.1770756615505.png","pc":"dev.yadhakim","sb":"Animated"},{"id":"21st:dev.yadhakim__animated-beams","t":"Animated beams","k":"motion","s":"21st","c":"motion/background","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/animated-beams/default/preview.1771959761338.png","pc":"dev.yadhakim","sb":"Beams and light"},{"id":"21st:dev.yadhakim__animated-changelog-block","t":"Animated changelog block","k":"section","s":"21st","c":"marketing/marketing","a":"dev.yadhakim","st":"rated","pl":"https://cdn.21st.dev/dev.yadhakim/animated-changelog-block/default/preview.1771997383632.png","pc":"dev.yadhakim","sc":22},{"id":"21st:dev.yadhakim__animated-cosmic-icons","t":"Animated cosmic icons","s":"21st","c":"assets/icon","a":"dev.yadhakim","st":"rated","pl":"https://cdn.21st.dev/dev.yadhakim/animated-cosmic-icons/default/preview.1771611465577.png","pc":"dev.yadhakim","sc":19,"sb":"Animated"},{"id":"21st:dev.yadhakim__animated-emoji-icons","t":"Animated emoji icons","s":"21st","c":"assets/icon","a":"dev.yadhakim","st":"rated","pl":"https://cdn.21st.dev/dev.yadhakim/animated-emoji-icons/default/preview.1771958948076.png","pc":"dev.yadhakim","sc":22,"sb":"Animated"},{"id":"21st:dev.yadhakim__animated-everyday-icons","t":"Animated everyday icons","s":"21st","c":"assets/icon","a":"dev.yadhakim","st":"rated","pl":"https://cdn.21st.dev/dev.yadhakim/animated-everyday-icons/default/preview.1771612143200.png","pc":"dev.yadhakim","sc":22,"sb":"Animated"},{"id":"21st:dev.yadhakim__animated-micro-loaders","t":"Animated micro loaders","s":"21st","c":"status/loader","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/animated-micro-loaders/default/preview.1771611694829.png","pc":"dev.yadhakim","sb":"Spinners"},{"id":"21st:dev.yadhakim__animated-state-icons","t":"Animated state icons","d":"12 icons that continuously morph between two meaningful states — loading→checkmark, hamburger→X, play→pause, lock→unlock, copy→copied, bell→notification, heart fill/unfill, downloa","s":"21st","c":"data-display/stat","a":"dev.yadhakim","u":109,"pl":"https://cdn.21st.dev/dev.yadhakim/animated-state-icons/default/preview.1771611963723.png","pc":"dev.yadhakim","tg":["grid","icon"],"sb":"Animated"},{"id":"21st:dev.yadhakim__animated-terminal","t":"Animated terminal","s":"21st","c":"data-display/code-block","a":"dev.yadhakim","st":"rated","pl":"https://cdn.21st.dev/dev.yadhakim/animated-terminal/default/preview.1772036521822.png","pc":"dev.yadhakim","sc":23},{"id":"21st:dev.yadhakim__animated-weather-icons","t":"Animated weather icons","d":"12 continuously animated weather icons — each is a living micro-scene, not a static SVG. Sun rays rotate, rain drops fall, lightning flashes randomly, snowflakes drift sideways, wi","s":"21st","c":"assets/icon","a":"dev.yadhakim","st":"rated","u":26,"pl":"https://cdn.21st.dev/dev.yadhakim/animated-weather-icons/default/preview.1771525111342.png","pc":"dev.yadhakim","tg":["icon"],"sc":21,"sb":"Animated"},{"id":"21st:dev.yadhakim__aurora-background","t":"Aurora background","d":"Living gradient mesh background with 5 morphing color blobs that drift, scale, and blend continuously — inspired by Linear, Vercel, and Stripe. Wrap any content with it. Configurab","k":"motion","s":"21st","c":"motion/background","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/aurora-background/default/preview.1771583038366.png","pc":"dev.yadhakim","sb":"Gradients and aurora"},{"id":"21st:dev.yadhakim__bento-feature-grid","t":"Bento feature grid","d":"Asymmetric dashboard-style feature showcase with live micro-visualizations in each cell — pulse rings, bar charts, orbiting dots, animated grids, a counting counter, and wave lines","k":"section","s":"21st","c":"marketing/features","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/bento-feature-grid/default/preview.1771053694036.png","pc":"dev.yadhakim","sb":"Bento"},{"id":"21st:dev.yadhakim__bento-grid-dashboard","t":"Bento grid dashboard","d":"Asymmetric bento grid layout with liquid morphing blob borders, mesh gradients, and grain textures. Features 5 card types: stats, charts, quotes, features, and images. Editorial ma","k":"layout","s":"21st","c":"layout/dashboard","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/bento-grid-dashboard/default/preview.1770799755236.png","pc":"dev.yadhakim"},{"id":"21st:dev.yadhakim__black-hole","t":"Black hole","s":"21st","c":"other","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/black-hole/default/preview.1772090748187.png","pc":"dev.yadhakim"},{"id":"21st:dev.yadhakim__cinematic-hero","t":"Cinematic hero","d":"Full-viewport hero with word-by-word headline reveal animation, mouse-tracked parallax depth orbs, subtle grid lines for structure, animated scroll indicator, and staggered CTA + s","k":"section","s":"21st","c":"marketing/hero","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/cinematic-hero/default/preview.1771391239129.png","pc":"dev.yadhakim"},{"id":"21st:dev.yadhakim__cloth-simulation","t":"Cloth simulation","s":"21st","c":"other","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/cloth-simulation/default/preview.1772087543888.png","pc":"dev.yadhakim"},{"id":"21st:dev.yadhakim__comparison-block","t":"Comparison block","d":"A morphing side-by-side comparison component with expandable panels, SVG score rings, tug-of-war attribute bars, and an animated verdict summary. Click either panel to expand it wh","k":"section","s":"21st","c":"marketing/comparison","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/comparison-block/default/preview.1771391945547.png","pc":"dev.yadhakim"},{"id":"21st:dev.yadhakim__cyberpunk-profile-card","t":"Cyberpunk profile card","d":"Futuristic profile card with neon gradient borders, holographic shimmer, glitch text effects, and orbiting blob backgrounds. Features mouse-following light, animated data streams, ","s":"21st","c":"data-display/profile","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/cyberpunk-profile-card/default/preview.1770800976294.png","pc":"dev.yadhakim"},{"id":"21st:dev.yadhakim__drag-to-compare","t":"Drag to compare","d":"A dimensional interactive comparison component where two plans exist in competing visual universes separated by a draggable energy rift. Features 3D perspective-tracking cards, a l","k":"section","s":"21st","c":"marketing/comparison","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/drag-to-compare/default/preview.1771054281279.png","pc":"dev.yadhakim"},{"id":"21st:dev.yadhakim__elegant-carousel","t":"Elegant carousel","d":"An editorial-style image carousel with a split-panel layout — text content on the left, full-bleed imagery on the right. Features smooth cross-fade transitions, a Ken Burns zoom ef","s":"21st","c":"media/carousel","a":"dev.yadhakim","u":118,"pl":"https://cdn.21st.dev/dev.yadhakim/elegant-carousel/default/preview.1770883362936.png","pc":"dev.yadhakim","tg":["carousel","progress"]},{"id":"21st:dev.yadhakim__feature-section","t":"Feature section","k":"section","s":"21st","c":"marketing/features","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/feature-section/default/preview.1771522157305.png","pc":"dev.yadhakim"},{"id":"21st:dev.yadhakim__gravity-particles","t":"Gravity particles","k":"motion","s":"21st","c":"motion/background","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/gravity-particles/default/preview.1772088429018.png","pc":"dev.yadhakim","sb":"Particles and stars"},{"id":"21st:dev.yadhakim__image-comparison-slider","t":"Image comparison slider","s":"21st","c":"media/image-compare","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/image-comparison-slider/default/preview.1771522464101.png","pc":"dev.yadhakim"},{"id":"21st:dev.yadhakim__interactive-globe","t":"Interactive globe","d":"Interactive 3D rotating globe built with pure canvas — zero dependencies. 1,200 Fibonacci-distributed dots form the sphere, glowing arcs connect city markers with traveling light p","k":"motion","s":"21st","c":"motion/globe","a":"dev.yadhakim","u":255,"pl":"https://cdn.21st.dev/dev.yadhakim/interactive-globe/default/preview.1771998219024.png","pc":"dev.yadhakim","tg":["globe"]},{"id":"21st:dev.yadhakim__interactive-tilt-card","t":"Interactive tilt card","s":"21st","c":"data-display/card","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/interactive-tilt-card/default/preview.1772035242950.png","pc":"dev.yadhakim","sb":"Animated and glowing"},{"id":"21st:dev.yadhakim__liquid-morphing-calendar","t":"Liquid morphing calendar","s":"21st","c":"data-display/calendar","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/liquid-morphing-calendar/default/preview.1770754222023.png","pc":"dev.yadhakim"},{"id":"21st:dev.yadhakim__living-bento-block","t":"Living bento block","k":"layout","s":"21st","c":"layout/bento-grid","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/living-bento-block/default/preview.1771997199897.png","pc":"dev.yadhakim"},{"id":"21st:dev.yadhakim__logo-marquee","t":"Logo marquee","k":"section","s":"21st","c":"marketing/logos","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/logo-marquee/default/preview.1771996683517.png","pc":"dev.yadhakim"},{"id":"21st:dev.yadhakim__magnetic-lines","t":"Magnetic lines","k":"motion","s":"21st","c":"motion/background","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/magnetic-lines/default/preview.1772035606200.png","pc":"dev.yadhakim","sb":"Beams and light"},{"id":"21st:dev.yadhakim__material-buttons","t":"Material buttons","s":"21st","c":"actions/button","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/material-buttons/default/preview.1770894694491.png","pc":"dev.yadhakim"},{"id":"21st:dev.yadhakim__neo-tokyo-product-card","t":"Neo tokyo product card","s":"21st","c":"data-display/card","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/neo-tokyo-product-card/default/preview.1770752667829.png","pc":"dev.yadhakim","sb":"Product"},{"id":"21st:dev.yadhakim__number-ticker","t":"Number ticker","k":"motion","s":"21st","c":"motion/number-ticker","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/number-ticker/default/preview.1771996252986.png","pc":"dev.yadhakim"},{"id":"21st:dev.yadhakim__otp-input","t":"Otp input","s":"21st","c":"inputs/otp-input","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/otp-input/default/preview.1772135431404.png","pc":"dev.yadhakim"},{"id":"21st:dev.yadhakim__particle-text","t":"Particle text","k":"motion","s":"21st","c":"motion/text-effect","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/particle-text/default/preview.1771999749958.png","pc":"dev.yadhakim"},{"id":"21st:dev.yadhakim__physics-toggle-collection","t":"Physics toggle collection","s":"21st","c":"actions/switch","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/physics-toggle-collection/default/preview.1770755502479.png","pc":"dev.yadhakim"},{"id":"21st:dev.yadhakim__premium-navigation","t":"Premium navigation","d":"Clean, professional navigation with frosted glass effect, dropdown mega-menus, and responsive mobile drawer. Production-ready with smooth animations and elegant design. Perfect for","s":"21st","c":"navigation/top-nav","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/premium-navigation/default/preview.1770758263958.png","pc":"dev.yadhakim","sb":"Mega menus"},{"id":"21st:dev.yadhakim__pricing-section","t":"Pricing section","k":"section","s":"21st","c":"marketing/pricing","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/pricing-section/default/preview.1771521712784.png","pc":"dev.yadhakim"},{"id":"21st:dev.yadhakim__pricing-table","t":"Pricing table","k":"section","s":"21st","c":"marketing/pricing","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/pricing-table/default/preview.1771054962004.png","pc":"dev.yadhakim","sb":"Comparison tables"},{"id":"21st:dev.yadhakim__rotating-text","t":"Rotating text","d":"Animated word rotator for hero headings — cycles through an array of words with 5 built-in animation modes: slide, fade, blur, flip, and drop. Inline-friendly — drop it inside any ","k":"motion","s":"21st","c":"motion/text-effect","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/rotating-text/default/preview.1771959402609.png","pc":"dev.yadhakim","sb":"Rotating words"},{"id":"21st:dev.yadhakim__saa-s-hero-block","t":"Saa s hero block","k":"section","s":"21st","c":"marketing/hero","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/saa-s-hero-block/default/preview.1771996985842.png","pc":"dev.yadhakim"},{"id":"21st:dev.yadhakim__scratch-card","t":"Scratch card","s":"21st","c":"data-display/card","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/scratch-card/default/preview.1772135831119.png","pc":"dev.yadhakim"},{"id":"21st:dev.yadhakim__scroll-reveal-text","t":"Scroll reveal text","d":"Apple keynote-style text animation where each word individually transitions from dimmed and blurred to sharp and vivid as you scroll through. Uses scroll-linked per-word opacity, c","k":"motion","s":"21st","c":"motion/text-effect","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/scroll-reveal-text/default/preview.1771524183682.png","pc":"dev.yadhakim","sb":"Reveal and entrance"},{"id":"21st:dev.yadhakim__starfield","t":"Starfield","k":"motion","s":"21st","c":"motion/background","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/starfield/default/preview.1772089851075.png","pc":"dev.yadhakim","sb":"Particles and stars"},{"id":"21st:dev.yadhakim__swipe-stack","t":"Swipe stack","s":"21st","c":"media/card-stack","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/swipe-stack/default/preview.1772135592963.png","pc":"dev.yadhakim"},{"id":"21st:dev.yadhakim__use-text-scramble","t":"Use text scramble","d":"React hook that creates a hacker-style text scramble effect — characters cycle through random glyphs before resolving left to right. Returns the animated text, a scramble trigger f","k":"motion","s":"21st","c":"motion/text-effect","a":"dev.yadhakim","pl":"https://cdn.21st.dev/dev.yadhakim/use-text-scramble/default/preview.1771524494725.png","pc":"dev.yadhakim","sb":"Scramble and glitch"},{"id":"21st:devetaigabbai__beautiful-simple-badges","t":"Beautiful simple badges","d":"Simple, and beautifully styled badges that support both light and dark themes. Inspired by Shadcn/UI. ","s":"21st","c":"data-display/badge","a":"devetaigabbai","u":22,"pl":"https://cdn.21st.dev/devetaigabbai/beautiful-simple-badges/default/preview.1760438000978.png","pc":"devetaigabbai","tg":["badge"]},{"id":"21st:devetaigabbai__depth-button","t":"Depth button","s":"21st","c":"actions/button","a":"devetaigabbai","pl":"https://cdn.21st.dev/devetaigabbai/depth-button/default/preview.1760438915972.png","pc":"devetaigabbai"},{"id":"21st:devongovett__react-aria-emoji-picker","t":"React aria emoji picker","d":"Here is React Aria Emoji Picker component","s":"21st","c":"inputs/select","a":"devongovett","pl":"https://cdn.21st.dev/larsen66/react-aria-emoji-picker/default/preview.1755276438733.png","pc":"devongovett","tg":["search"]},{"id":"21st:devsam7t3__liquid-button","t":"Liquid button","s":"21st","c":"actions/button","a":"devsam7t3","pl":"https://cdn.21st.dev/devsam7t3/liquid-button/default/preview.1783581585052.png","pc":"devsam7t3","sb":"Animated"},{"id":"21st:dfernandez266__acg","t":"Acg","d":"Animated (flicker) ASCII art in the Triangles style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, car","k":"motion","s":"21st","c":"motion/ascii","a":"dfernandez266","pl":"https://cdn.21st.dev/dfernandez266/acg/default/preview.1785804631196-68b4b924-8a5d-4e9c-a313-737550cba89b.webp","pc":"dfernandez266"},{"id":"21st:dfernandez266__kobe","t":"Kobe","d":"Animated (shimmer) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"dfernandez266","pl":"https://cdn.21st.dev/dfernandez266/kobe/default/preview.1785889213512-61035848-0737-4cfc-9295-bd93ab6d2649.webp","pc":"dfernandez266","sb":"Dither"},{"id":"21st:dfernandez266__lauren-weeks","t":"Lauren weeks","d":"Animated (shimmer) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"dfernandez266","pl":"https://cdn.21st.dev/dfernandez266/lauren-weeks/default/preview.1785806432013-8eefad60-97a3-4885-aca0-24bebe59d417.webp","pc":"dfernandez266","sb":"Dither"},{"id":"21st:dgearsonu1__account-security","t":"Account security","s":"21st","c":"motion/number-ticker","a":"dgearsonu1","st":"rated","pl":"https://cdn.21st.dev/dgearsonu1/account-security/default/preview.1752956368800.png","pc":"dgearsonu1","sc":15},{"id":"21st:dgearsonu1__alert","t":"Alert","d":"Alert message","s":"21st","c":"overlays/alert-banner","a":"dgearsonu1","pl":"https://cdn.21st.dev/dgearsonu1/alert/default/preview.1759400997349.png","pc":"dgearsonu1"},{"id":"21st:dgearsonu1__animated-lines","t":"Animated lines","d":"animated lines","k":"motion","s":"21st","c":"motion/background","a":"dgearsonu1","pl":"https://cdn.21st.dev/dgearsonu1/animated-lines/default/preview.1752958346695.png","pc":"dgearsonu1","sb":"Beams and light"},{"id":"21st:dgearsonu1__animated-modal","t":"Animated modal","d":"A customizable, compound modal component with animated transitions","s":"21st","c":"overlays/dialog","a":"dgearsonu1","pl":"https://cdn.21st.dev/dgearsonu1/animated-modal/default/preview.1752955958217.png","pc":"dgearsonu1","sb":"Animated"},{"id":"21st:dgearsonu1__callout-banner","t":"Callout banner","d":"Callout Banner ","s":"21st","c":"overlays/alert-banner","a":"dgearsonu1","st":"rated","pl":"https://cdn.21st.dev/dgearsonu1/callout-banner/default/preview.1759396410601.png","pc":"dgearsonu1","sc":23},{"id":"21st:dgearsonu1__carousel","t":"Carousel","d":"A customizable carousel with microinteractions and slider.","s":"21st","c":"media/carousel","a":"dgearsonu1","pl":"https://cdn.21st.dev/dgearsonu1/carousel/default/preview.1752955472324.png","pc":"dgearsonu1"},{"id":"21st:dgearsonu1__dashboard-configuration","t":"Dashboard configuration","k":"layout","s":"21st","c":"layout/dashboard","a":"dgearsonu1","pl":"https://cdn.21st.dev/dgearsonu1/dashboard-configuration/default/preview.1760093921358.png","pc":"dgearsonu1","tg":["checkbox"]},{"id":"21st:dgearsonu1__dashboard-content-area","t":"Dashboard content area","d":"Dashboard content area","k":"layout","s":"21st","c":"layout/dashboard","a":"dgearsonu1","pl":"https://cdn.21st.dev/dgearsonu1/dashboard-content-area/default/preview.1759395675448.png","pc":"dgearsonu1"},{"id":"21st:dgearsonu1__data-filter-management","t":"Data filter management","d":"Data Filter Management for admin pannel, admin dashboard","k":"layout","s":"21st","c":"layout/dashboard","a":"dgearsonu1","pl":"https://cdn.21st.dev/dgearsonu1/data-filter-management/default/preview.1759394084485.png","pc":"dgearsonu1"},{"id":"21st:dgearsonu1__futurastic-hero-section","t":"Futurastic hero section","k":"section","s":"21st","c":"marketing/hero","a":"dgearsonu1","pl":"https://cdn.21st.dev/dgearsonu1/futurastic-hero-section/default/preview.1752957201137.png","pc":"dgearsonu1"},{"id":"21st:dgearsonu1__interactive-quiz","t":"Interactive quiz","d":"Interactive Quiz Demo","s":"21st","c":"other","a":"dgearsonu1","st":"rated","pl":"https://cdn.21st.dev/dgearsonu1/interactive-quiz/default/preview.1759501110049.png","pc":"dgearsonu1","sc":23},{"id":"21st:dgearsonu1__lesson-navigation-sidebar","t":"Lesson navigation sidebar","d":"Lesson Navigation Sidebar Demo","s":"21st","c":"navigation/sidebar","a":"dgearsonu1","pl":"https://cdn.21st.dev/dgearsonu1/lesson-navigation-sidebar/default/preview.1759500829053.png","pc":"dgearsonu1"},{"id":"21st:dgearsonu1__pricing-card","t":"Pricing card","d":"Pricing card","k":"section","s":"21st","c":"marketing/pricing","a":"dgearsonu1","u":78,"pl":"https://cdn.21st.dev/dgearsonu1/pricing-card/default/preview.1759062383857.png","pc":"dgearsonu1","tg":["pricing-section"],"sb":"Plan cards"},{"id":"21st:dgearsonu1__pricing-table","t":"Pricing table","d":"pricing table","k":"section","s":"21st","c":"marketing/pricing","a":"dgearsonu1","u":30,"pl":"https://cdn.21st.dev/dgearsonu1/pricing-table/default/preview.1759321827854.png","pc":"dgearsonu1","tg":["pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:dhanee.dx__spider-man","t":"Spider man","d":"Animated (flicker) ASCII art in the Lines style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, ","k":"motion","s":"21st","c":"motion/ascii","a":"dhanee.dx","pl":"https://cdn.21st.dev/dhanee.dx/spider-man/default/preview.1786283413291-14fa8c6f-6a5e-495e-8f97-9afe42749932.webp","pc":"dhanee.dx","sb":"Lines"},{"id":"21st:dhattura.design__hello","t":"Hello","d":"ffffefwewewfwef","k":"motion","s":"21st","c":"motion/text-effect","a":"dhattura.design","pl":"https://cdn.21st.dev/dhattura.design/hello/default/preview.1781534577844.png","pc":"dhattura.design","sb":"Handwriting and SVG"},{"id":"21st:dhileepkumargm__21st-text-effect","t":"21st text effect","d":"This component features a bold headline with a mesmerizing, animated aurora that flows through the letters. The background is a dark, starry sky that subtly reacts to your cursor's","k":"motion","s":"21st","c":"motion/text-effect","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/21st-text-effect/default/preview.1756181867056.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__3d-animation","t":"3d animation","d":"A responsive and cinematic hero section component that displays text scrolling along the walls of a 3D animated hallway. It includes a reflection, parallax effects, and customizabl","s":"21st","c":"inputs/slider","a":"dhileepkumargm","u":135,"pl":"https://cdn.21st.dev/dhileepkumargm/3d-animation/default/preview.1756623169896.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__3d-cards-slider","t":"3d cards slider","d":"This advanced 3D interactive card gallery includes:\n\n3D Perspective Effects:\n\nDynamic rotation based on mouse position\nPerspective transformations that respond to user interaction\n","s":"21st","c":"inputs/slider","a":"dhileepkumargm","u":6,"pl":"https://cdn.21st.dev/dhileepkumargm/3d-cards-slider/default/preview.1785275145501-35203a67-817a-40eb-8623-c372d970209e.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__3d-interactive-card-gallery","t":"3d interactive card gallery","d":"Features\nThis advanced 3D interactive card gallery includes:\n\n3D Perspective Effects:\n\nDynamic rotation based on mouse position\nPerspective transformations that respond to user int","s":"21st","c":"media/gallery","a":"dhileepkumargm","u":8,"pl":"https://cdn.21st.dev/dhileepkumargm/3d-interactive-card-gallery/default/preview.1758349618087.png","pc":"dhileepkumargm","tg":["carousel","gallery"],"sb":"Hover effects"},{"id":"21st:dhileepkumargm__3d-interactive-timeline","t":"3d interactive timeline","d":"Usage Instructions\nInstall required dependencies:\nbash\nnpm install framer-motion react-intersection-observer react-icons\n# or with yarn\nyarn add framer-motion react-intersection-ob","s":"21st","c":"data-display/timeline","a":"dhileepkumargm","u":33,"pl":"https://cdn.21st.dev/dhileepkumargm/3d-interactive-timeline/default/preview.1758350637536.png","pc":"dhileepkumargm","tg":["timeline"]},{"id":"21st:dhileepkumargm__3d-perspective-card","t":"3d perspective card","d":"$36","s":"21st","c":"data-display/card","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/3d-perspective-card/default/preview.1785275514594-f32ac685-879c-44a3-a727-bdaeb5689126.png","pc":"dhileepkumargm","sb":"Animated and glowing"},{"id":"21st:dhileepkumargm__abstract-glassy-shader","t":"Abstract glassy shader","d":"This new shader replaces the fractal landscape with a dynamic, 2D scene featuring glowing, morphing geometric shapes. It uses SDFs to define the shapes and a simple raymarching-lik","k":"motion","s":"21st","c":"motion/shader","a":"dhileepkumargm","u":38,"pl":"https://cdn.21st.dev/dhileepkumargm/abstract-glassy-shader/default/preview.1785269301005-62aec8ca-6ee5-44e8-8590-a3188ddc3255.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__aether-anomaly","t":"Aether anomaly","d":"An interactive 3D web experience built with three.js. It renders a rotating, semi-transparent crystalline structure illuminated by dynamic, orbiting lights. The scene includes a de","s":"21st","c":"layout/scroll-area","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/aether-anomaly/default/preview.1760959226462.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__aether-flow","t":"Aether flow","s":"21st","c":"other","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/aether-flow/default/preview.1785262464673-a11ca26d-8326-4ff0-95da-5fc6ec453466.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__aether-flow-hero","t":"Aether flow hero","d":"\"Aether Flow\" hero. It features a mesmerizing, interactive background of flowing light particles that weave and connect with each other. The entire particle system subtly reacts to","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","u":233,"pl":"https://cdn.21st.dev/dhileepkumargm/aether-flow-hero/default/preview.1756113166033.png","pc":"dhileepkumargm","tg":["cursor","hero"]},{"id":"21st:dhileepkumargm__ai-voice-agent-landing-page","t":"Ai voice agent landing page","d":"A sleek, theme-aware landing page designed to showcase AI voice agents. Features animated hero sections, call-to-action buttons, and responsive layout optimized for product onboard","s":"21st","c":"ai-agent/ai-agent","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/ai-voice-agent-landing-page/default/preview.1785279848443-413fe528-7955-40d0-9e71-a081241e31bf.png","pc":"dhileepkumargm","sb":"Voice"},{"id":"21st:dhileepkumargm__ambient-aurora","t":"Ambient aurora","d":"A full-screen, generative art display that simulates the soft, flowing lights of the aurora borealis. Drifting orbs of color blend together to create a calm, mesmerizing, and ever-","k":"motion","s":"21st","c":"motion/gradient","a":"dhileepkumargm","u":42,"pl":"https://cdn.21st.dev/dhileepkumargm/ambient-aurora/default/preview.1785281226362-2baae450-46d0-4b54-99ac-54ae95c42d0c.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__animated-aurora-background","t":"Animated aurora background","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/animated-aurora-background/default/preview.1761912544217.png","pc":"dhileepkumargm","tg":["background"],"sb":"Gradients and aurora"},{"id":"21st:dhileepkumargm__animated-pricing-page","t":"Animated pricing page","d":" A clean and modern pricing page featuring two interactive cards with a 3D-like appearance and animated hover effects. It includes a toggle to switch between different pricing tier","k":"section","s":"21st","c":"marketing/pricing","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/animated-pricing-page/default/preview.1755495358816.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__anomalous-matter","t":"Anomalous matter","s":"21st","c":"other","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/anomalous-matter/default/preview.1760598048319.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__anomalous-matter-hero","t":"Anomalous matter hero","d":"A full-screen hero section layered over a generative 3D shader background. Features animated Perlin-displaced geometry, dynamic lighting, and customizable overlay content. Ideal fo","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","u":261,"pl":"https://cdn.21st.dev/dhileepkumargm/anomalous-matter-hero/default/preview.1759377025250.png","pc":"dhileepkumargm","tg":["hero"]},{"id":"21st:dhileepkumargm__anomalous-matter-s","t":"Anomalous matter s","s":"21st","c":"other","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/anomalous-matter-s/default/preview.1760624037714.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__arcane-orb","t":"Arcane orb","s":"21st","c":"ai-agent/ai-agent","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/arcane-orb/default/preview.1756278013070.png","pc":"dhileepkumargm","sb":"Orbs and presence"},{"id":"21st:dhileepkumargm__arctic-map-pattern","t":"Arctic map pattern","d":"A frosty, hand-drawn arctic map background with icy gradients, SVG distortion, and animated snowfall.","s":"21st","c":"data-viz/map","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/arctic-map-pattern/default/preview.1758605040191.png","pc":"dhileepkumargm","tg":["map"]},{"id":"21st:dhileepkumargm__astral-flare-shader","t":"Astral flare shader","d":"Astral Flare Shader is inspired by Ninja Animation","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/astral-flare-shader/default/preview.1785272213457-a49972d2-7838-4283-889c-7aaa6bc90f37.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__aura-core","t":"Aura core","s":"21st","c":"data-display/avatar","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/aura-core/default/preview.1785215812717-7946e437-d6dd-4b0b-b144-f034478d5f5b.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__aurora-background","t":"Aurora background","d":"A multi-layered, animated aurora sky effect built with React, Tailwind CSS, and Framer Motion. It features pulsing radial gradients, drifting blurred color blobs, and twinkling sta","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","u":40,"pl":"https://cdn.21st.dev/user_2xffZsPH7trHq0L2RAacpvdoyXT/aurora-background/default/preview.1786107290468.webp","pc":"dhileepkumargm","tg":["background"],"sb":"Gradients and aurora"},{"id":"21st:dhileepkumargm__aurora-background-1","t":"Aurora background 1","d":"A mesmerizing animated background using Framer Motion and CSS gradients. Perfect for landing pages, hero sections, or immersive UI experiences.","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","u":8,"pl":"https://cdn.21st.dev/dhileepkumargm/aurora-background-1/default/preview.1759052904885.png","pc":"dhileepkumargm","sb":"Gradients and aurora"},{"id":"21st:dhileepkumargm__aurora-background-2","t":"Aurora background 2","d":"A visually engaging, animated aurora-like background component built with Tailwind CSS and Framer Motion (with optional Lottie support). Ideal for hero sections, landing pages, or ","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/aurora-background-2/default/preview.1759054853458.png","pc":"dhileepkumargm","tg":["background","hero"],"sb":"Gradients and aurora"},{"id":"21st:dhileepkumargm__aurora-bento-grid","t":"Aurora bento grid","d":"A visually dynamic grid layout featuring animated gradient backgrounds and interactive hover effects. Ideal for showcasing features, services, or dashboard modules with flair and c","k":"layout","s":"21st","c":"layout/bento-grid","a":"dhileepkumargm","u":36,"pl":"https://cdn.21st.dev/dhileepkumargm/aurora-bento-grid/default/preview.1785273363869-fc06d0af-5b6c-4e27-aa0a-d2d3e0290320.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__aurora-card","t":"Aurora card","d":"Move your cursor across the card to reveal a soft aurora glow that follows your pointer.","s":"21st","c":"data-display/card","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/aurora-card/default/preview.1785281406012-245aa9ff-dc43-40a5-bcb0-4b9cb5615d35.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__aurora-flow-shader","t":"Aurora flow shader","d":"A full-screen, wave-driven ribbon shader that mimics the dancing hues of the aurora borealis. Exposes amplitude and frequency props for real-time control.","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/aurora-flow-shader/default/preview.1785273957029-5ba9ed66-6ef3-4820-8f05-4132b128e32e.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__aurora-hero","t":"Aurora hero","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/aurora-hero/default/preview.1785451301400-5a88515b-e9a4-4baa-8d5e-906cd1969be5.png","pc":"dhileepkumargm","sb":"Animated background"},{"id":"21st:dhileepkumargm__aurora-hero-bg","t":"Aurora hero bg","d":"A stunning hero section component featuring an animated aurora gradient background with smooth color transitions. Perfect for landing pages, product showcases, and marketing sites.","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","u":36,"pl":"https://cdn.21st.dev/dhileepkumargm/aurora-hero-bg/default/preview.1759933614606.png","pc":"dhileepkumargm","sb":"Animated background"},{"id":"21st:dhileepkumargm__aurora-hero-bg-1","t":"Aurora hero bg 1","d":"A stunning hero section component featuring an animated aurora gradient background with smooth color transitions. Perfect for landing pages, product showcases, and marketing sites.","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","u":8,"pl":"https://cdn.21st.dev/dhileepkumargm/aurora-hero-bg-1/default/preview.1760252956587.png","pc":"dhileepkumargm","sb":"Animated background"},{"id":"21st:dhileepkumargm__aurora-hero-bg-2","t":"Aurora hero bg 2","d":"A stunning hero section component featuring an animated aurora gradient background with smooth color transitions. Perfect for landing pages, product showcases, and marketing sites.","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","u":13,"pl":"https://cdn.21st.dev/dhileepkumargm/aurora-hero-bg-2/default/preview.1760253042006.png","pc":"dhileepkumargm","sb":"Animated background"},{"id":"21st:dhileepkumargm__aurora-pricing","t":"Aurora pricing","d":" creative pricing section called \"Aurora Pricing.\" It features three pricing cards with a subtle, animated aurora effect in the background. When you hover over a card, it lifts up,","k":"section","s":"21st","c":"marketing/pricing","a":"dhileepkumargm","u":35,"pl":"https://cdn.21st.dev/dhileepkumargm/aurora-pricing/default/preview.1756181173814.png","pc":"dhileepkumargm","tg":["pricing-section","table","toggle"],"sb":"Comparison tables"},{"id":"21st:dhileepkumargm__aurora-shader","t":"Aurora shader","d":"A stunning, interactive shader featuring a real-time volumetric aurora shader. Built with React and WebGL for a captivating user experience.","k":"motion","s":"21st","c":"motion/shader","a":"dhileepkumargm","u":23,"pl":"https://cdn.21st.dev/dhileepkumargm/aurora-shader/default/preview.1785265653842-841c687b-9847-45dc-a3c7-ad6800a25613.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__aurora-voice-hero","t":"Aurora voice hero","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/aurora-voice-hero/default/preview.1759247600271.png","pc":"dhileepkumargm","sb":"Animated background"},{"id":"21st:dhileepkumargm__black-hole-shader","t":"Black hole shader","d":"new background is fully interactive; as you move your mouse, the center of the vortex follows your cursor, pulling the spiraling arms of light with it. I've also updated the text o","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/black-hole-shader/default/preview.1785261439608-de88e97a-5d50-4ba7-af6c-dbe13a073a82.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__blob-background","t":"Blob background","d":"Animated glowing blob background with hue rotation and subtle grid overlay. Perfect for splash screens, hero sections, or cosmic vibes.","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","u":6,"pl":"https://cdn.21st.dev/dhileepkumargm/blob-background/default/preview.1758602859406.png","pc":"dhileepkumargm","tg":["background","grid"],"sb":"Grids and patterns"},{"id":"21st:dhileepkumargm__call-to-action","t":"Call to action","d":"CallToActionHero is a reusable React component designed to showcase a compelling call-to-action section with a modern layout, decorative background blobs, and responsive buttons. I","k":"section","s":"21st","c":"marketing/cta","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/call-to-action/default/preview.1761288237129.png","pc":"dhileepkumargm","tg":["cta"]},{"id":"21st:dhileepkumargm__cartoon-stone","t":"Cartoon stone","d":"A visually polished 3D CartoonStone that brings a webpage to life. The face is fully interactive, with eyes that follow the user's cursor and a smile that reacts to mouse movement.","k":"section","s":"21st","c":"marketing/features","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/cartoon-stone/default/preview.1755441913385.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__celestial-bloom-shader","t":"Celestial bloom shader","d":"A dynamic, animated WebGL shader that simulates the turbulent, glowing surface of Bloom . Built with React and Three.js.","s":"21st","c":"motion/background","a":"dhileepkumargm","u":47,"pl":"https://cdn.21st.dev/dhileepkumargm/celestial-bloom-shader/default/preview.1785258443197-2f5bf033-8941-4b31-a331-46564057c573.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__celestial-ink-shader","t":"Celestial ink shader","d":"This \"Celestial Ink\" shader simulates ethereal, glowing ink spreading and swirling in a cosmic fluid. It's interactive, allowing you to disturb the ink with your mouse, creating ri","s":"21st","c":"motion/background","a":"dhileepkumargm","u":28,"pl":"https://cdn.21st.dev/dhileepkumargm/celestial-ink-shader/default/preview.1785260666747-1851ad96-ca72-4621-bec1-4c93eb3a8448.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__celestial-loom","t":"Celestial loom","d":"A procedurally animated cosmic loom that weaves threads of light across a static grid. Built with pure CSS and React, this component simulates a shuttle drifting across space, leav","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/celestial-loom/default/preview.1758731464912.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__celestial-orrery","t":"Celestial orrery","d":"A cosmic background component that simulates glowing planets orbiting along intricate paths, with faint constellation glyphs twinkling in the distance. Perfect for hero sections, l","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","u":23,"pl":"https://cdn.21st.dev/dhileepkumargm/celestial-orrery/default/preview.1758727270931.png","pc":"dhileepkumargm","tg":["background"],"sb":"Grids and patterns"},{"id":"21st:dhileepkumargm__celestial-resonance","t":"Celestial resonance","d":"A full-screen, canvas-driven particle field that arcs gracefully around an off-screen magnetic center. Particles trail with soft fading and glow, shifting in hue over time to evoke","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","u":5,"pl":"https://cdn.21st.dev/dhileepkumargm/celestial-resonance/default/preview.1785276957992-f2105807-3310-489d-8f4f-98c059002894.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__celestial-sphere","t":"Celestial sphere","d":"\"Celestial Sphere,\" combines several of the best ideas from the code you shared:\n\nProcedural Generation: Like the lightning and dark veil examples, it uses procedural noise to gene","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","u":74,"pl":"https://cdn.21st.dev/dhileepkumargm/celestial-sphere/default/preview.1785262197397-60438d45-d162-449d-9dde-b7370c1c8127.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__celestial-sphere-hero","t":"Celestial sphere hero","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/celestial-sphere-hero/default/preview.1756115018681.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__celestial-sphere-shader","t":"Celestial sphere shader","d":": An interactive React component that renders a 3D celestial sphere with dynamic, glowing nebulae using a custom GLSL shader and three.js.","k":"motion","s":"21st","c":"motion/shader","a":"dhileepkumargm","u":18,"pl":"https://cdn.21st.dev/dhileepkumargm/celestial-sphere-shader/default/preview.1785264081861-c869e66c-69d0-487d-89de-1a8adf989279.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__chrono-board","t":"Chrono board","d":"PulseLine — A concise, modern activity timeline that surfaces recent system events, deployments, and maintenance at a glance.\n\nChronoBoard — A polished timeline dashboard that orga","s":"21st","c":"data-display/kanban","a":"dhileepkumargm","st":"rated","u":2,"pl":"https://cdn.21st.dev/dhileepkumargm/chrono-board/default/preview.1760950505106.png","pc":"dhileepkumargm","tg":["badge","dashboard","timeline"],"sc":23},{"id":"21st:dhileepkumargm__chronos-engine","t":"Chronos engine","d":"A procedurally animated clockwork simulation featuring rotating gears and dynamic spark trails. Built with pure CSS and React, this component evokes a glowing mechanical core surro","s":"21st","c":"data-display/timeline","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/chronos-engine/default/preview.1758729532138.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__chronos-engine-1","t":"Chronos engine 1","d":"A procedurally animated clockwork simulation featuring rotating gears and dynamic spark trails. Built with pure CSS and React, this component evokes a glowing mechanical core surro","s":"21st","c":"data-display/timeline","a":"dhileepkumargm","u":4,"pl":"https://cdn.21st.dev/dhileepkumargm/chronos-engine-1/default/preview.1758729842618.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__colorful-wave-pattern","t":"Colorful wave pattern","d":"A full-screen, animated background component that renders a colorful, flowing wave pattern using a WebGL shader. The effect is generative, efficient, and runs on the GPU.","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/colorful-wave-pattern/default/preview.1756918020361.png","pc":"dhileepkumargm","sb":"Grids and patterns"},{"id":"21st:dhileepkumargm__colorful-wave-pattern-1","t":"Colorful wave pattern 1","d":"A React UI component that renders an animated, customizable multi-colored wave pattern using WebGL2 and GLSL shaders. Adjust wave count, amplitude, frequency, brightness, color sep","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","u":34,"pl":"https://cdn.21st.dev/dhileepkumargm/colorful-wave-pattern-1/default/preview.1785469204408-940c099e-aadb-4eca-aa2e-8d133f4e5f5b.png","pc":"dhileepkumargm","sb":"Grids and patterns"},{"id":"21st:dhileepkumargm__community-testimonial","t":"Community testimonial","d":"A responsive, accessible React testimonials section with looping horizontal scrollers, reusable TestimonialCard components, staggered entrance animations, hover-to-pause behavior, ","k":"section","s":"21st","c":"marketing/testimonials","a":"dhileepkumargm","u":5,"pl":"https://cdn.21st.dev/dhileepkumargm/community-testimonial/default/preview.1761290291398.png","pc":"dhileepkumargm","tg":["marquee","scroll-area","testimonials"]},{"id":"21st:dhileepkumargm__core-features","t":"Core features","d":"highly reusable and is styled with Tailwind CSS for a modern look. For icons, I'm using lucide-react, a very popular and lightweight icon library. Everything is bundled into a sing","k":"section","s":"21st","c":"marketing/features","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/core-features/default/preview.1785272295178-5fa4e469-b7a3-4b7e-996a-1bb0a39f4a61.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__cosmic-aurora","t":"Cosmic aurora","d":"A serene, generative celestial light show rendered on HTML5 canvas with React. Particles flow in organic Perlin-noise patterns, leaving subtle trails and a soft glow that shifts hu","k":"motion","s":"21st","c":"motion/gradient","a":"dhileepkumargm","u":12,"pl":"https://cdn.21st.dev/dhileepkumargm/cosmic-aurora/default/preview.1785276459266-a0778388-6be8-4f73-b54d-6215718328bf.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__cosmic-nebula","t":"Cosmic nebula","d":"A dynamic, animated nebula background with multiple glowing orbs and a starfield, built with React and CSS.","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/cosmic-nebula/default/preview.1758605935629.png","pc":"dhileepkumargm","tg":["background"]},{"id":"21st:dhileepkumargm__cosmic-ocean-shader","t":"Cosmic ocean shader","d":"A dynamic, animated background component. It uses Three.js and a custom GLSL shader to render a flowing, wave-like visual effect resembling a \"cosmic ocean.\"","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","u":7,"pl":"https://cdn.21st.dev/dhileepkumargm/cosmic-ocean-shader/default/preview.1785257984352-c2b2403f-3a4d-4ed9-8db5-b8c628df4e47.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__creative-eyes-hero-section","t":"Creative eyes hero section","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/creative-eyes-hero-section/default/preview.1754722702657.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__creative-eyes-hero-section-1","t":"Creative eyes hero section 1","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/creative-eyes-hero-section-1/default/preview.1756269795642.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__crypto-hero","t":"Crypto hero","d":"A fullscreen, glass-refraction style hero with animated blue gradient blobs, subtle vertical glass strips, staggered gradient title animation, description, and configurable primary","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","u":11,"pl":"https://cdn.21st.dev/dhileepkumargm/crypto-hero/default/preview.1785280496967-0988583b-e647-4f89-b6f9-46aefef7dada.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__crystal-cursor","t":"Crystal cursor","d":"An interactive canvas-driven background where crystalline structures sprout and extend toward the mouse pointer. Clicking triggers a dynamic shatter effect, bursting crystals into ","k":"motion","s":"21st","c":"motion/cursor","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/crystal-cursor/default/preview.1758791320589.png","pc":"dhileepkumargm","tg":["cursor"]},{"id":"21st:dhileepkumargm__crystal-shader","t":"Crystal shader","d":"renders a flowing, iridescent pattern that simulates the look of liquid crystals. It reacts to your mouse by creating ripples and distortions in the fluid. The UI panel has been up","k":"motion","s":"21st","c":"motion/shader","a":"dhileepkumargm","u":20,"pl":"https://cdn.21st.dev/dhileepkumargm/crystal-shader/default/preview.1785263481296-d3913846-9efa-48e8-82bc-31bd69a3e148.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__crystal-trail-background","t":"Crystal trail background","d":"A full-screen, canvas-driven background where crystalline polygons sprout along the cursor’s path and fade over time. Built with React, it translates mouse speed into shimmering cr","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","u":15,"pl":"https://cdn.21st.dev/dhileepkumargm/crystal-trail-background/default/preview.1758791661182.png","pc":"dhileepkumargm","tg":["cursor"],"sb":"Grids and patterns"},{"id":"21st:dhileepkumargm__crystalline-cube","t":"Crystalline cube","d":"inspiration from the advanced 3D rendering and lighting techniques popular on Shadertoy, I've created a new shader called \"Crystalline cube.\"","s":"21st","c":"other","a":"dhileepkumargm","u":18,"pl":"https://cdn.21st.dev/dhileepkumargm/crystalline-cube/default/preview.1785266639559-727f5773-e6af-4905-8c87-efc1f7eee8b7.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__crystalline-field-hero","t":"Crystalline field hero","d":"An immersive 3D hero background built with Three.js, featuring a dynamic crystalline field that reacts to mouse movement.","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","u":6,"pl":"https://cdn.21st.dev/dhileepkumargm/crystalline-field-hero/default/preview.1758606896390.png","pc":"dhileepkumargm","tg":["hero"]},{"id":"21st:dhileepkumargm__crystalline-growth","t":"Crystalline growth","s":"21st","c":"data-display/list","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/crystalline-growth/default/preview.1756397612752.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__cyber-matrix-hero","t":"Cyber matrix hero","d":"as you move your mouse across the screen, the grid of characters will react to your cursor. The characters near your mouse will glow brighter, change color, and scale up, creating ","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","u":54,"pl":"https://cdn.21st.dev/dhileepkumargm/cyber-matrix-hero/default/preview.1756112058304.png","pc":"dhileepkumargm","tg":["hero"],"sb":"Centered and minimal"},{"id":"21st:dhileepkumargm__cybernetic-bento-grid","t":"Cybernetic bento grid","d":"This is a modern and highly popular layout style for showcasing features, portfolio items, or key information. I've designed this one with a futuristic, cyberpunk aesthetic, featur","k":"layout","s":"21st","c":"layout/bento-grid","a":"dhileepkumargm","u":343,"pl":"https://cdn.21st.dev/dhileepkumargm/cybernetic-bento-grid/default/preview.1774363333820.png","pc":"dhileepkumargm","tg":["features"]},{"id":"21st:dhileepkumargm__cybernetic-grid-shader","t":"Cybernetic grid shader","d":"This \"Cybernetic Grid\" shader generates a futuristic, glowing grid that ripples and pulses with energy. It's fully interactive, warping and lighting up in response to your mouse mo","k":"motion","s":"21st","c":"motion/shader","a":"dhileepkumargm","u":137,"pl":"https://cdn.21st.dev/dhileepkumargm/cybernetic-grid-shader/default/preview.1785259602288-5e235834-ebf3-41b7-9d8f-63c62b456e4a.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__cybernetic-team-showcase","t":"Cybernetic team showcase","d":" creative and interactive \"Cybernetic Team Showcase\" section. It displays your team members in a futuristic grid. When you hover over a card, a \"cybernetic\" scanning effect animate","k":"section","s":"21st","c":"marketing/team","a":"dhileepkumargm","u":21,"pl":"https://cdn.21st.dev/dhileepkumargm/cybernetic-team-showcase/default/preview.1756182305939.png","pc":"dhileepkumargm","tg":["profile","team"]},{"id":"21st:dhileepkumargm__daily-streak","t":"Daily streak","d":"Daily loot streak UI Component With an  improve its structure, clarity, and robustness","s":"21st","c":"data-display/gamification","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/daily-streak/default/preview.1785267535561-e0069eb1-f650-45ff-9cde-41e6d537e584.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__data-grid-hero","t":"Data grid hero","d":"A generative, theme‑aware hero component with an animated grid background. Supports pulse, wave, and random animations, mouse‑follow glow, and full prop‑driven customization. Ideal","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","u":41,"pl":"https://cdn.21st.dev/dhileepkumargm/data-grid-hero/default/preview.1785278995635-04898a2e-1077-42bb-b32e-fdbcbcf48c53.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__data-sphere-hero","t":"Data sphere hero","d":"Data Sphere that's constantly alive with flowing, changing characters, like a stream of data being processed. The entire sphere is rendered on a canvas for high performance and sti","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/data-sphere-hero/default/preview.1756115649292.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__design-meets-innovation","t":"Design meets innovation","s":"21st","c":"other","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/design-meets-innovation/default/preview.1785257770500-e1ab56ba-2c9e-4063-8b1c-8f69736f6afe.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__digital-aurora","t":"Digital aurora","d":"A stunning, interactive hero section featuring a real-time volumetric aurora shader. Built with React and WebGL for a captivating user experience.","k":"motion","s":"21st","c":"motion/gradient","a":"dhileepkumargm","u":136,"pl":"https://cdn.21st.dev/dhileepkumargm/digital-aurora/default/preview.1785265321820-54e8438a-8676-40f0-9253-ff5e01e27e0c.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__digital-glitch","t":"Digital glitch","s":"21st","c":"motion/text-effect","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/digital-glitch/default/preview.1785263081675-54cfb109-415c-40ea-8fcf-027d1d9f3035.png","pc":"dhileepkumargm","sb":"Scramble and glitch"},{"id":"21st:dhileepkumargm__digital-loom-background","t":"Digital loom background","d":"A dynamic, full-screen hero background that draws animated, interwoven threads on an HTML canvas—simulating a futuristic digital loom for immersive UI experiences.","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","u":22,"pl":"https://cdn.21st.dev/dhileepkumargm/digital-loom-background/default/preview.1759057292896.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__digital-petals-shader","t":"Digital petals shader","d":"This \"Digital Petals\" shader generates a field of bio-luminescent, procedurally generated flora. The animation is interactive, causing the petals to bloom and ripple outwards in re","k":"motion","s":"21st","c":"motion/shader","a":"dhileepkumargm","u":58,"pl":"https://cdn.21st.dev/dhileepkumargm/digital-petals-shader/default/preview.1785260257208-39a33d95-b787-4cd7-afe7-b7e26a693be9.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__dithered-shader-background-1","t":"Dithered shader background 1","d":"A React wrapper around a p5.js/WebGL shader that renders a full-screen, time-animated generative pattern with ordered Bayer dithering for a retro pixel-art effect. Supports customi","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/dithered-shader-background-1/default/preview.1759307487234.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__dynamic-waveform","t":"Dynamic waveform","s":"21st","c":"media/player","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/dynamic-waveform/default/preview.1785264500345-31d43e8e-b5e7-4a27-a0d6-79f0f1f59386.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__e-commerce-product-detail","t":"E commerce product detail","d":"Features\nThis Product Detail component includes:\n\nInteractive Image Gallery\n\nLarge main image with thumbnails\nPrevious/next navigation arrows\nThumbnails with active state indicator","s":"21st","c":"navigation/tabs","a":"dhileepkumargm","u":43,"pl":"https://cdn.21st.dev/dhileepkumargm/e-commerce-product-detail/default/preview.1758345928653.png","pc":"dhileepkumargm","tg":["gallery","tabs"]},{"id":"21st:dhileepkumargm__electric-card","t":"Electric card","d":"A reusable UI component for a glowing, electric-style card with a turbulent border effect. It can be used to showcase content in a visually dynamic way.","s":"21st","c":"data-display/card","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/electric-card/default/preview.1756792499298.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__ethereal-ink","t":"Ethereal ink","d":"The design focuses on creating a premium, immersive feel. The text and buttons float over the interactive animation using a \"glassmorphism\" effect, which involves background blur a","s":"21st","c":"assets/icon","a":"dhileepkumargm","u":12,"pl":"https://cdn.21st.dev/dhileepkumargm/ethereal-ink/default/preview.1785266312718-25e1a53f-6fe5-4280-8f84-d977fe362eaf.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__field-lines-aurora","t":"Field lines aurora","d":"A full-screen, canvas-driven aurora “field lines” effect built with vanilla JavaScript noise and Bezier tracers. Particles trace graceful arcs from bottom to top, warp around the c","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/field-lines-aurora/default/preview.1758795101842.png","pc":"dhileepkumargm","sb":"Gradients and aurora"},{"id":"21st:dhileepkumargm__fire-nightmare-shader","t":"Fire nightmare shader","d":"A \"Fire Nightmare\" is a powerful and evocative concept. Let's build a shader that captures that intense feeling.","s":"21st","c":"motion/background","a":"dhileepkumargm","u":6,"pl":"https://cdn.21st.dev/dhileepkumargm/fire-nightmare-shader/default/preview.1785270020536-854ba88b-fab7-4cde-809d-b6e0c1c8abd6.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__floating-card-gallery","t":"Floating card gallery","d":"$34","s":"21st","c":"media/gallery","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/floating-card-gallery/default/preview.1758353681363.png","pc":"dhileepkumargm","tg":["gallery"]},{"id":"21st:dhileepkumargm__flowfield-glyphs-background","t":"Flowfield glyphs background","d":"An immersive, generative hero background that renders floating glyphs on an HTML canvas, guided by a Perlin-noise-driven flow field for a dynamic procedural art effect.","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/flowfield-glyphs-background/default/preview.1785278507752-f7599b41-1c60-49ca-a530-df5567e6cbef.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__flowing-curtains","t":"Flowing curtains","d":"A full-screen, canvas-driven aurora “curtains” effect that drifts like flowing curtains of light. Built with a self-contained Simplex noise implementation, this component layers gl","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/flowing-curtains/default/preview.1785276699008-6f92bb17-ed6a-4af9-b9eb-eb532e8e226e.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__flowing-waves-shader","t":"Flowing waves shader","d":"A full-screen animated background component created with React and Three.js. It renders a dynamic, colorful wave pattern using a custom GLSL shader. The component is interactive, a","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","u":54,"pl":"https://cdn.21st.dev/dhileepkumargm/flowing-waves-shader/default/preview.1785257187135-e6b3d32b-58d3-4135-abac-066d02fec336.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__fluid-text-morph","t":"Fluid text morph","d":"An interactive headline that smoothly morphs between predefined word pairs on hover and cycles through them on click, leveraging Framer Motion’s spring animations and AnimatePresen","k":"motion","s":"21st","c":"motion/text-effect","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/fluid-text-morph/default/preview.1757573238603.png","pc":"dhileepkumargm","sb":"Rotating words"},{"id":"21st:dhileepkumargm__forma","t":"Forma","d":"An interactive, liquid-metal background that responds to mouse movement.","s":"21st","c":"inputs/form-field","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/forma/default/preview.1755353499959.png","pc":"dhileepkumargm","sb":"Whole forms"},{"id":"21st:dhileepkumargm__foxify-hero","t":"Foxify hero","d":"A responsive, animated hero component with glassmorphic header, floating blurred gradient backgrounds, badge support, configurable navigation and auth buttons, gradient-styled titl","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/foxify-hero/default/preview.1760254231742.png","pc":"dhileepkumargm","tg":["ai-chat","cta","hero"],"sb":"SaaS and AI"},{"id":"21st:dhileepkumargm__foxy-hero","t":"Foxy hero","d":"A responsive, animated hero component with header, floating blurred gradient backgrounds, badge support, configurable navigation and auth buttons, gradient-styled title, descriptio","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","u":17,"pl":"https://cdn.21st.dev/dhileepkumargm/foxy-hero/default/preview.1760254328035.png","pc":"dhileepkumargm","tg":["cta","hero"]},{"id":"21st:dhileepkumargm__fractal-bloom-tree","t":"Fractal bloom tree","s":"21st","c":"data-display/tree","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/fractal-bloom-tree/default/preview.1756118080110.png","pc":"dhileepkumargm","tg":["file-tree","hero"]},{"id":"21st:dhileepkumargm__frosted-image-reveal","t":"Frosted image reveal","d":" A visually striking component that applies an interactive frosted glass effect to an image. The image is revealed locally as the user mouses over, creating an engaging \"defrosting","s":"21st","c":"media/gallery","a":"dhileepkumargm","u":9,"pl":"https://cdn.21st.dev/dhileepkumargm/frosted-image-reveal/default/preview.1757566388845.png","pc":"dhileepkumargm","tg":["image"]},{"id":"21st:dhileepkumargm__frosted-image-reveal-1","t":"Frosted image reveal 1","d":"A component that applies a frosted glass effect to an image, allowing users to reveal the clear image beneath by hovering.","s":"21st","c":"media/gallery","a":"dhileepkumargm","u":9,"pl":"https://cdn.21st.dev/dhileepkumargm/frosted-image-reveal-1/default/preview.1757694705584.png","pc":"dhileepkumargm","tg":["image"]},{"id":"21st:dhileepkumargm__futuristic-alien-hero","t":"Futuristic alien hero","d":" An animated, interactive hero section built with React and three.js. It features a central metallic artifact surrounded by generative, crackling energy tendrils that react to mous","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/futuristic-alien-hero/default/preview.1754643416796.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__generative-art","t":"Generative art","s":"21st","c":"other","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/generative-art/default/preview.1760622857488.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__generative-art-gallery","t":"Generative art gallery","d":"Let's build something different. Here is a creative and interactive \"Generative Art Gallery\" component. It showcases a collection of items in a clean grid. When you hover over a ca","s":"21st","c":"media/gallery","a":"dhileepkumargm","u":17,"pl":"https://cdn.21st.dev/dhileepkumargm/generative-art-gallery/default/preview.1756184249287.png","pc":"dhileepkumargm","tg":["gallery"],"sb":"Grids"},{"id":"21st:dhileepkumargm__geometric-sphere","t":"Geometric sphere","d":"A remixable, theme-aware hero composed of layered visuals: panning grid, volumetric haze, chromatic core glow, and a slow-rotating wireframe sphere. Supports mouse-driven parallax ","k":"motion","s":"21st","c":"motion/globe","a":"dhileepkumargm","u":15,"pl":"https://cdn.21st.dev/dhileepkumargm/geometric-sphere/default/preview.1759930495870.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__glass-refraction-hero","t":"Glass refraction hero","d":"A fullscreen, glass-refraction style hero with animated blue gradient blobs, subtle vertical glass strips, staggered gradient title animation, description, and configurable primary","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","u":20,"pl":"https://cdn.21st.dev/dhileepkumargm/glass-refraction-hero/default/preview.1785280307796-79ce8124-846e-4fe6-9829-f22f8437f07f.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__glass-shine-card","t":"Glass shine card","d":"A small glassmorphism card with gradient orbs, animated shine, and gradient‑clipped headline text—great for hero fillers or minimal dashboards.","s":"21st","c":"data-display/card","a":"dhileepkumargm","u":10,"pl":"https://cdn.21st.dev/dhileepkumargm/glass-shine-card/default/preview.1758103800077.png","pc":"dhileepkumargm","sb":"Animated and glowing"},{"id":"21st:dhileepkumargm__glassmorphism-sidebar","t":"Glassmorphism sidebar","s":"21st","c":"navigation/sidebar","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/glassmorphism-sidebar/default/preview.1756114503524.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__glitch-cursor","t":"Glitch cursor","d":"A full-screen, canvas-powered glitch field that reacts to user input. Mouse movement spawns drifting glitch blocks in cyan/blue tones, and clicking unleashes a full-screen scanline","k":"motion","s":"21st","c":"motion/cursor","a":"dhileepkumargm","u":8,"pl":"https://cdn.21st.dev/dhileepkumargm/glitch-cursor/default/preview.1758790608602.png","pc":"dhileepkumargm","tg":["cursor"]},{"id":"21st:dhileepkumargm__glitch-weaver-hero","t":"Glitch weaver hero","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/glitch-weaver-hero/default/preview.1756114744754.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__glowing-hero-background","t":"Glowing hero background","d":"A responsive hero section with a glowing orb background, bold headline, and call-to-action bg for hero sectoin.\n","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","u":2,"pl":"https://cdn.21st.dev/dhileepkumargm/glowing-hero-background/default/preview.1758605710833.png","pc":"dhileepkumargm","tg":["cta","hero"]},{"id":"21st:dhileepkumargm__glowing-orb-hero","t":"Glowing orb hero","d":"A responsive hero section with a glowing orb background, bold headline, and call-to-action button.","s":"21st","c":"ai-agent/ai-agent","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/glowing-orb-hero/default/preview.1758605298971.png","pc":"dhileepkumargm","tg":["cta","hero"],"sb":"Orbs and presence"},{"id":"21st:dhileepkumargm__gold-map-pattern","t":"Gold map pattern","d":"A golden treasure-map inspired animated background built with CSS gradients, SVG filters, and subtle golden rain.","s":"21st","c":"data-viz/map","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/gold-map-pattern/default/preview.1758604596390.png","pc":"dhileepkumargm","tg":["map"]},{"id":"21st:dhileepkumargm__gooey-button","t":"Gooey button","d":"This file imports and renders the GooeyButton. Crucially, it also includes the hidden SVG filter that the CSS relies on to create the merge effect.","s":"21st","c":"actions/button","a":"dhileepkumargm","pl":"https://cdn.21st.dev/user_2xffZsPH7trHq0L2RAacpvdoyXT/gooey-button/default/preview.1785531998492.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__grid-glow-background","t":"Grid glow background","d":"A full-screen, animated hero background that renders a subtle grid overlay and drifting radial glow blobs using HTML Canvas, React, and Framer Motion for a futuristic, immersive ef","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","u":42,"pl":"https://cdn.21st.dev/dhileepkumargm/grid-glow-background/default/preview.1785278008406-0b290647-3e1d-47c7-a680-da03557e3a4f.png","pc":"dhileepkumargm","sb":"Grids and patterns"},{"id":"21st:dhileepkumargm__grid-shader","t":"Grid shader","d":"A full-screen React component that uses three.js and a custom GLSL fragment shader to render a continuously scrolling, glowing grid animation.","k":"motion","s":"21st","c":"motion/shader","a":"dhileepkumargm","u":14,"pl":"https://cdn.21st.dev/dhileepkumargm/grid-shader/default/preview.1785268397726-ba57882d-32cf-4dbc-badc-8dd58f8b9438.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__habit-faq-scroller","t":"Habit faq scroller","d":"A small React component set that renders a horizontally looping FAQ scroller (card-based) with smooth CSS animations. Designed to work with Tailwind classes but includes basic CSS ","k":"section","s":"21st","c":"marketing/faq","a":"dhileepkumargm","u":3,"pl":"https://cdn.21st.dev/user_2xffZsPH7trHq0L2RAacpvdoyXT/habit-faq-scroller/default/preview.1786151137958.webp","pc":"dhileepkumargm","tg":["faq","marquee"]},{"id":"21st:dhileepkumargm__hello-vietnamese-effect","t":"Hello vietnamese effect","d":"An animated SVG component displaying \"xin chào\" (Vietnamese hello) with Samsung's bold geometric design featuring angular letterforms, diamond shapes, tech accent lines, and sophis","k":"motion","s":"21st","c":"motion/text-effect","a":"dhileepkumargm","u":2,"pl":"https://cdn.21st.dev/dhileepkumargm/hello-vietnamese-effect/default/preview.1785357749936-eb2d975a-8330-4b7a-ab79-6ef54898bdd9.png","pc":"dhileepkumargm","sb":"Handwriting and SVG"},{"id":"21st:dhileepkumargm__hero-section","t":"Hero section","d":"A visually polished 2D  wave that brings a webpage to life.  It supports light and dark themes and features dramatic, multi-point lighting.","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","u":11,"pl":"https://cdn.21st.dev/dhileepkumargm/hero-section/default/preview.1755444369582.png","pc":"dhileepkumargm","tg":["cta","features","hero"]},{"id":"21st:dhileepkumargm__hexagonal-puls-shader","t":"Hexagonal puls shader","d":"the hexagonal tiling patterns and glowing effects often seen in advanced shaders on Shadermind and in resources like \"The Book of Shaders,\" I have created an entirely new shader th","k":"motion","s":"21st","c":"motion/shader","a":"dhileepkumargm","u":6,"pl":"https://cdn.21st.dev/dhileepkumargm/hexagonal-puls-shader/default/preview.1785270943939-efd8c53d-1510-4a64-ac41-27e7948e7910.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__holographic-card","t":"Holographic card","d":"An interactive holographic UI card component that reacts to cursor movement with subtle 3D tilt, dynamic glow, and iridescent sheen for a futuristic, tactile micro-interaction.","s":"21st","c":"data-display/card","a":"dhileepkumargm","u":125,"pl":"https://cdn.21st.dev/dhileepkumargm/holographic-card/default/preview.1760953529748.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__holographic-interface","t":"Holographic interface","d":"A futuristic Bento grid with 3D tilt, spotlight tracking, and animated aurora background. Each card responds to mouse movement with perspective transforms and radial glow effects. ","s":"21st","c":"data-viz/chart","a":"dhileepkumargm","u":34,"pl":"https://cdn.21st.dev/dhileepkumargm/holographic-interface/default/preview.1758732292492.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__hyperdrive-hero","t":"Hyperdrive hero","d":"This new concept is called \"Hyperdrive.\" It features an interactive starfield that reacts to your mouse. As you move your cursor towards the center of the screen, the stars streak ","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","u":33,"pl":"https://cdn.21st.dev/dhileepkumargm/hyperdrive-hero/default/preview.1756116142494.png","pc":"dhileepkumargm","tg":["cta","hero"]},{"id":"21st:dhileepkumargm__hyperspace-warp-drive","t":"Hyperspace warp drive","d":"A GPU-accelerated starfield hero built with Three.js and GLSL shaders, simulating a warp-speed hyperspace effect.","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/hyperspace-warp-drive/default/preview.1758607075751.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__img-reveal","t":"Img reveal","d":"LiquidReveal is a React component that animates image loading with a dynamic liquid wipe effect. It uses SVG filters to simulate fluid distortion and waviness, creating a visually ","s":"21st","c":"media/gallery","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/img-reveal/default/preview.1785281659729-bad27e24-c631-49ea-9fbc-569dfaa4f510.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__infinite-plane","t":"Infinite plane","d":"A React UI component that ray-marches an infinite, animated checkered plane using WebGL2 and GLSL.","s":"21st","c":"layout/bento-grid","a":"dhileepkumargm","u":18,"pl":"https://cdn.21st.dev/dhileepkumargm/infinite-plane/default/preview.1785270215780-ea334c47-9783-4303-93d4-2c2a05ff7560.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__interactive-3d-analytics-dashboard-card","t":"Interactive 3d analytics dashboard card","d":"Component Features\n3D Perspective Effects:\n\nReal-time perspective transformation based on mouse position\nSubtle rotation and scaling on hover for a tactile feel\nAdvanced Visual Des","k":"layout","s":"21st","c":"layout/dashboard","a":"dhileepkumargm","u":21,"pl":"https://cdn.21st.dev/dhileepkumargm/interactive-3d-analytics-dashboard-card/default/preview.1785275322034-07b0eb64-a1d5-4160-a302-c7a574111116.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__interactive-3d-character","t":"Interactive 3d character","d":"An interactive 3D character built with Zdog.js and GSAP. It follows the mouse cursor and features idle animations like breathing and looking around.","k":"motion","s":"21st","c":"motion/cursor","a":"dhileepkumargm","u":22,"pl":"https://cdn.21st.dev/dhileepkumargm/interactive-3d-character/default/preview.1756733344620.png","pc":"dhileepkumargm","tg":["cursor"]},{"id":"21st:dhileepkumargm__interactive-command-card","t":"Interactive command card","d":"A self-contained card that opens a searchable command palette for quick actions. It's themeable, accessible, and follows modern UI/UX patterns.","s":"21st","c":"data-display/card","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/interactive-command-card/default/preview.1757748605946.png","pc":"dhileepkumargm","tg":["search"]},{"id":"21st:dhileepkumargm__interactive-frosted-glass-card","t":"Interactive frosted glass card","d":"new version features a mesmerizing field of glowing particles that drift and shimmer behind the card. The particles also react to your cursor's movement, creating a deeper sense of","s":"21st","c":"data-display/card","a":"dhileepkumargm","u":75,"pl":"https://cdn.21st.dev/dhileepkumargm/interactive-frosted-glass-card/default/preview.1756181307116.png","pc":"dhileepkumargm","sb":"Animated and glowing"},{"id":"21st:dhileepkumargm__interactive-product-card","t":"Interactive product card","s":"21st","c":"data-display/card","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/interactive-product-card/default/preview.1756185317137.png","pc":"dhileepkumargm","sb":"Product"},{"id":"21st:dhileepkumargm__interactive-shader","t":"Interactive shader","d":"component renders a dynamic, flowing energy effect using WebGL shaders. I've integrated a sleek UI control panel that allows you to manipulate the shader's parameters in real-time.","s":"21st","c":"motion/background","a":"dhileepkumargm","u":16,"pl":"https://cdn.21st.dev/dhileepkumargm/interactive-shader/default/preview.1785262781122-43eecb44-da41-4bcf-9190-b2f14198f82a.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__interactive-synapse-network","t":"Interactive synapse network","d":"A full-screen canvas-driven network of drifting nodes that light up on cursor proximity and send pulsing signals along their connections. Built with React and plain Canvas, this co","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/interactive-synapse-network/default/preview.1758791931794.png","pc":"dhileepkumargm","tg":["hero"]},{"id":"21st:dhileepkumargm__interactive-waves","t":"Interactive waves","d":" this Component includes the custom AWaves element, the necessary styling, and the interactive canvas. I also included a standard Perlin noise generator that was needed for the wav","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/interactive-waves/default/preview.1756876329976.png","pc":"dhileepkumargm","tg":["background"],"sb":"Waves and warps"},{"id":"21st:dhileepkumargm__interactive-waves-hero","t":"Interactive waves hero","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/interactive-waves-hero/default/preview.1785267919673-2ad55277-fc1d-44b0-8695-43f621ed7178.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__iridescent-braided-shader","t":"Iridescent braided shader","d":"full-screen React shader component that renders a dynamic, braided iridescent background using Three.js and a custom GLSL fragment shader. It produces flowing, half‑circle braided ","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","u":6,"pl":"https://cdn.21st.dev/dhileepkumargm/iridescent-braided-shader/default/preview.1785282110380-c6228d70-e074-4acf-b5e3-b167940684ea.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__island-pattern","t":"Island pattern","d":"Animated CSS + SVG island/ocean background with rain and hand-drawn wave distortion","s":"21st","c":"data-viz/map","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/island-pattern/default/preview.1758603410681.png","pc":"dhileepkumargm","tg":["map"]},{"id":"21st:dhileepkumargm__kaleidoscopic-shader","t":"Kaleidoscopic shader","d":"polar coordinates to create the repeating segments and implemented a high-quality color palette function, as described by Inigo Quilez, to produce the smooth, psychedelic color tra","k":"motion","s":"21st","c":"motion/shader","a":"dhileepkumargm","u":6,"pl":"https://cdn.21st.dev/dhileepkumargm/kaleidoscopic-shader/default/preview.1785270322931-796b8fe9-222f-46cb-9bbe-e6a8b5317f34.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__kinetic-orb-loader","t":"Kinetic orb loader","d":"styles for the loader, including the rotation and morphing animations.","s":"21st","c":"ai-agent/ai-agent","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/kinetic-orb-loader/default/preview.1760954485122.png","pc":"dhileepkumargm","tg":["spinner"],"sb":"Orbs and presence"},{"id":"21st:dhileepkumargm__kinetic-scroll-gallery","t":"Kinetic scroll gallery","d":"A responsive image grid that dynamically skews each photo based on your scroll velocity, creating a tactile, kinetic distortion effect powered by Framer Motion.","s":"21st","c":"media/gallery","a":"dhileepkumargm","u":21,"pl":"https://cdn.21st.dev/dhileepkumargm/kinetic-scroll-gallery/default/preview.1757572096742.png","pc":"dhileepkumargm","tg":["gallery","scroll-area"],"sb":"Scroll"},{"id":"21st:dhileepkumargm__light-up-shader","t":"Light up shader","d":"A full-screen animated background component created with React and Three.js. It renders a dynamic, colorful line light up pattern using a custom GLSL shader. The component is inter","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","u":26,"pl":"https://cdn.21st.dev/dhileepkumargm/light-up-shader/default/preview.1785273166496-688e7923-fcb6-452d-b800-1a988b331798.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__lining-waves-shader","t":"Lining waves shader","d":"A full-screen animated background component created with React and Three.js. It renders a dynamic, colorful wave line pattern using a custom GLSL shader. The component is interacti","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","u":21,"pl":"https://cdn.21st.dev/dhileepkumargm/lining-waves-shader/default/preview.1785272529518-22e0d6e5-6af7-42b3-8f46-71f348a55298.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__liquid-aurora","t":"Liquid aurora","d":"A dynamic, morphing aurora background built with CSS gradients and keyframe animations. Perfect for hero sections or full-screen backdrops.","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","u":20,"pl":"https://cdn.21st.dev/dhileepkumargm/liquid-aurora/default/preview.1758606110461.png","pc":"dhileepkumargm","tg":["background"],"sb":"Gradients and aurora"},{"id":"21st:dhileepkumargm__liquid-crystal","t":"Liquid crystal","d":"t renders a dynamic, noise-based visual with a \"warp\" effect that reacts to your mouse movements. You can control parameters like hue, speed, noise intensity, and the warp amount i","s":"21st","c":"inputs/slider","a":"dhileepkumargm","u":21,"pl":"https://cdn.21st.dev/dhileepkumargm/liquid-crystal/default/preview.1785263835736-dfa1072b-29f4-44d2-82bf-fbcab01ac386.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__liquid-crystal-shader","t":"Liquid crystal shader","d":"A React UI component that renders morphing, glowing liquid blobs—fluid crystal-like shapes that merge and separate—using WebGL2 and GLSL SDF techniques.","s":"21st","c":"motion/background","a":"dhileepkumargm","u":57,"pl":"https://cdn.21st.dev/dhileepkumargm/liquid-crystal-shader/default/preview.1785270687707-ea1def9c-e960-4ec5-bc20-62d55975ba36.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__liquid-metal","t":"Liquid metal","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/liquid-metal/default/preview.1785261159114-0bfbb560-4b6a-4e5d-bf06-be9e3f2b7ac9.png","pc":"dhileepkumargm","sb":"Waves and warps"},{"id":"21st:dhileepkumargm__liquid-metal-vortex","t":"Liquid metal vortex","d":"This component uses raymarching to render a swirling vortex of reflective, metallic fluid. The UI allows you to control the vortex's color hue, the speed of its rotation and turbul","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","u":23,"pl":"https://cdn.21st.dev/dhileepkumargm/liquid-metal-vortex/default/preview.1785265841926-8d0485f1-b509-4bae-8f4b-fb653f2c918f.png","pc":"dhileepkumargm","sb":"Waves and warps"},{"id":"21st:dhileepkumargm__liquid-neon-shader","t":"Liquid neon shader","d":"A React UI component that renders morphing, glowing liquid blobs—fluid crystal-like shapes that merge and separate—using WebGL2 and GLSL SDF techniques.","s":"21st","c":"motion/background","a":"dhileepkumargm","u":13,"pl":"https://cdn.21st.dev/dhileepkumargm/liquid-neon-shader/default/preview.1785280626110-367833c2-cfef-4c70-b33f-17f4f12b5bab.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__liquid-reveal","t":"Liquid reveal","d":"LiquidReveal is a React component that animates image loading with a dynamic liquid wipe effect. It uses SVG filters to simulate fluid distortion and waviness, creating a visually ","s":"21st","c":"status/loader","a":"dhileepkumargm","u":6,"pl":"https://cdn.21st.dev/dhileepkumargm/liquid-reveal/default/preview.1785281562386-380ab6f4-3ce5-478c-8289-5b77a4c1dd04.png","pc":"dhileepkumargm","sb":"Spinners"},{"id":"21st:dhileepkumargm__liquid-shader","t":"Liquid shader","d":"A full-screen animated background component created with React and Three.js. It renders a dynamic, colorful wave liquid pattern using a custom GLSL shader. The component is interac","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","u":241,"pl":"https://cdn.21st.dev/dhileepkumargm/liquid-shader/default/preview.1785272865004-dcbb7c45-1b69-4840-911f-882aa8cf9617.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__lissajous-nebula","t":"Lissajous nebula","d":"A full-screen, animated Lissajous-pattern nebula shader background for React, powered by Three.js..","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/lissajous-nebula/default/preview.1758290968675.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__lissajous-nebula-shader","t":"Lissajous nebula shader","d":"A full-screen, dynamic nebula background generated from Lissajous curves and radial swirls. Loads Three.js from CDN, and cycles through a custom color palette.","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/lissajous-nebula-shader/default/preview.1785274204678-3503e530-e798-4260-8a7e-2c7fde974ecd.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__living-ferrofluid","t":"Living ferrofluid","d":"A high-contrast, metallic hero background using SVG filters and morphing globules to simulate ferrofluid dynamics.","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/living-ferrofluid/default/preview.1758606610826.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__living-fluid-background","t":"Living fluid background","d":"A full-screen interactive GLSL fluid simulation powered by Three.js.. Mouse movement distorts a dynamic noise field, creating mesmerizing, real-time visual effects. Perfect for her","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","u":25,"pl":"https://cdn.21st.dev/dhileepkumargm/living-fluid-background/default/preview.1758727410263.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__living-fluid-hero","t":"Living fluid hero","d":"A unique, theme-aware hero section featuring an interactive, 3D fluid entity that morphs and flows in response to the user's cursor. It's designed to create a luxurious and memorab","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","u":20,"pl":"https://cdn.21st.dev/dhileepkumargm/living-fluid-hero/default/preview.1755076976059.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__living-nebula","t":"Living nebula","d":" shader simulates a breathing, organic nebula in deep space. It features swirling, multi-layered gases and a field of twinkling stars. The animation is interactive, reacting to you","k":"section","s":"21st","c":"marketing/features","a":"dhileepkumargm","u":31,"pl":"https://cdn.21st.dev/dhileepkumargm/living-nebula/default/preview.1756053857007.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__living-nebula-1","t":"Living nebula 1","d":"A full-screen, canvas-driven nebula simulation that swirls organic, ethereal gas clouds in real time. Built with a self-contained Simplex noise engine, particles drift and fade, re","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/living-nebula-1/default/preview.1758794541285.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__living-nebula-2","t":"Living nebula 2","d":"A full-screen, canvas-driven star nursery that pulses with creative energy. Particles emit from the center point, drift outward under drag, and fade in and out to simulate a living","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/living-nebula-2/default/preview.1758795552266.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__living-origami-bg","t":"Living origami bg","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/living-origami-bg/default/preview.1758730669680.png","pc":"dhileepkumargm","tg":["background"]},{"id":"21st:dhileepkumargm__living-vine-background","t":"Living vine background","d":"A full-screen, interactive vine simulation that traces the mouse path and autonomously sprouts tendril branches. Built on HTML canvas, this generative art piece evokes organic grow","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/living-vine-background/default/preview.1758791000924.png","pc":"dhileepkumargm","tg":["cursor","hero"],"sb":"Grids and patterns"},{"id":"21st:dhileepkumargm__loading-animation","t":"Loading animation","d":"This is a visually striking loading animation where letters dynamically fly into place to form words, creating a high-energy, futuristic feel. It's perfect for a loading screen or ","s":"21st","c":"status/loader","a":"dhileepkumargm","u":28,"pl":"https://cdn.21st.dev/dhileepkumargm/loading-animation/default/preview.1756117926923.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__logo-scroller","t":"Logo scroller","d":"LogoScroller is a reusable React component that creates a smooth, infinitely scrolling horizontal carousel of brand names or logos. It's perfect for showcasing partners, sponsors, ","k":"resource","s":"21st","c":"assets/logo","a":"dhileepkumargm","u":2,"pl":"https://cdn.21st.dev/dhileepkumargm/logo-scroller/default/preview.1761287234270.png","pc":"dhileepkumargm","tg":["marquee","scroll-area"]},{"id":"21st:dhileepkumargm__magnetic-dock","t":"Magnetic dock","d":"A fluid, interactive icon dock that “magnetically” expands icons as the cursor approaches, built with React and Framer Motion for smooth, springy hover effects.","s":"21st","c":"navigation/dock","a":"dhileepkumargm","u":43,"pl":"https://cdn.21st.dev/dhileepkumargm/magnetic-dock/default/preview.1757571094013.png","pc":"dhileepkumargm","tg":["dock"]},{"id":"21st:dhileepkumargm__martrix-shader","t":"Martrix shader","d":"Celestial Matrix\" shader generates a grid of shimmering, animated characters that rain down the screen. It's interactive, reacting to your mouse movements by creating a warp effect","k":"motion","s":"21st","c":"motion/shader","a":"dhileepkumargm","u":55,"pl":"https://cdn.21st.dev/dhileepkumargm/martrix-shader/default/preview.1785258822571-e1ce57bc-d62b-4d1e-b699-af6dc11cd226.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__metaballs","t":"Metaballs","d":"This shader uses Signed Distance Functions (SDFs) to create several \"metaballs\" that move, merge, and split in a smooth, liquid-like fashion. The colors are generated procedurally ","k":"motion","s":"21st","c":"motion/shader","a":"dhileepkumargm","u":8,"pl":"https://cdn.21st.dev/dhileepkumargm/metaballs/default/preview.1785270596803-72c000fe-0b07-4f39-bfe6-8f212dfed7bf.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__modern-feature-grid","t":"Modern feature grid","d":"A responsive and theme-able grid component to showcase product features, styled with a modern glassmorphism effect and an interactive spotlight background.","k":"section","s":"21st","c":"marketing/features","a":"dhileepkumargm","u":31,"pl":"https://cdn.21st.dev/dhileepkumargm/modern-feature-grid/default/preview.1785271125478-c8574378-2d1f-4b72-b8e2-9df22f715d80.png","pc":"dhileepkumargm","sb":"Grid of cards"},{"id":"21st:dhileepkumargm__molten-core-shader","t":"Molten core shader","d":"A dynamic, animated WebGL shader that simulates the turbulent, glowing surface of lava. Built with React and Three.js.","s":"21st","c":"motion/background","a":"dhileepkumargm","u":26,"pl":"https://cdn.21st.dev/dhileepkumargm/molten-core-shader/default/preview.1785258226634-01e976ef-e874-4930-b8aa-8f0a9235e66b.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__mountain-scene","t":"Mountain scene","d":"A dynamic 3D mountain landscape built with Three.js and React. The terrain is generated using layered Perlin noise for natural undulations, rendered as a solid surface (no wirefram","s":"21st","c":"other","a":"dhileepkumargm","u":156,"pl":"https://cdn.21st.dev/dhileepkumargm/mountain-scene/default/preview.1765275034023.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__mountainous-shader","t":"Mountainous shader","d":"This one generates a moving, mountainous fractal landscape with a glowing sun.","k":"motion","s":"21st","c":"motion/shader","a":"dhileepkumargm","u":12,"pl":"https://cdn.21st.dev/dhileepkumargm/mountainous-shader/default/preview.1785269587240-5b3aa04e-8333-4232-9af8-87a880801c8e.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__multi-shape","t":"Multi shape","d":"Multi-Shape Light form Hero ","k":"resource","s":"21st","c":"assets/shape","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/multi-shape/default/preview.1755175151307.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__multi-step-wizard","t":"Multi step wizard","d":"Features\nThis multi-step onboarding wizard includes:\n\nResponsive Design - Works beautifully on mobile and desktop\nProgress Tracking - Visual step indicator with completed checkmark","s":"21st","c":"navigation/wizard-steps","a":"dhileepkumargm","u":4,"pl":"https://cdn.21st.dev/dhileepkumargm/multi-step-wizard/default/preview.1758347569108.png","pc":"dhileepkumargm","tg":["onboarding","steps"]},{"id":"21st:dhileepkumargm__multiple-form","t":"Multiple form","d":"Features\nProgress Indicator: Visual steps tracker with completed, current, and pending steps\nForm Validation: Client-side validation with clear error messages\nSmooth Animations: Pa","s":"21st","c":"inputs/form-field","a":"dhileepkumargm","u":15,"pl":"https://cdn.21st.dev/dhileepkumargm/multiple-form/default/preview.1758344695484.png","pc":"dhileepkumargm","tg":["steps"],"sb":"Whole forms"},{"id":"21st:dhileepkumargm__music-player-card","t":"Music player card","d":"A sleek, responsive music player card built in React. Displays album art, track details, volume bars, and full playback controls (play/pause, skip, time slider).","s":"21st","c":"media/player","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/music-player-card/default/preview.1758105751544.png","pc":"dhileepkumargm","tg":["progress"]},{"id":"21st:dhileepkumargm__nebula-forgery","t":"Nebula forgery","d":"A procedurally animated starburst effect simulating a swirling nebula. Streams of particles erupt from a pulsing proto-star, forming dynamic, layered trails with color-shifting fad","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/nebula-forgery/default/preview.1758728750204.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__neno-shader","t":"Neno shader","d":" transforms the simple pulsing rings into a dynamic, fluid animation. The rings now warp and breathe, the entire scene slowly rotates, and a rich, shifting color palette of electri","k":"motion","s":"21st","c":"motion/text-effect","a":"dhileepkumargm","u":43,"pl":"https://cdn.21st.dev/dhileepkumargm/neno-shader/default/preview.1756560336037.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__neon-crystal-city","t":"Neon crystal city","d":"A one-liner that captures what it is and why it’s cool. e.g. “An infinite ray-marched 3D cityscape with neon glow and mouse-controlled camera.”","s":"21st","c":"other","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/neon-crystal-city/default/preview.1756991344921.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__neon-loader","t":"Neon loader","s":"21st","c":"status/loader","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/neon-loader/default/preview.1758603806556.png","pc":"dhileepkumargm","tg":["spinner"],"sb":"Spinners"},{"id":"21st:dhileepkumargm__neural-interface","t":"Neural interface","s":"21st","c":"data-display/avatar","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/neural-interface/default/preview.1749545927616.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__neurons-hero","t":"Neurons hero","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/neurons-hero/default/preview.1756116907714.png","pc":"dhileepkumargm","tg":["ai-chat"],"sb":"SaaS and AI"},{"id":"21st:dhileepkumargm__parallax-shader","t":"Parallax shader","d":"The SCSS logic has been converted into standard CSS so it will run in any modern browser.","k":"motion","s":"21st","c":"motion/shader","a":"dhileepkumargm","u":12,"pl":"https://cdn.21st.dev/dhileepkumargm/parallax-shader/default/preview.1785268788039-74d0b661-059e-479b-97cc-bd960f0c6ed8.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__particle-background","t":"Particle background","d":"A React component that renders a full-screen, interactive particle system using p5.js.. Particles gently follow the mouse pointer, supports light/dark themes, resizes responsively,","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/particle-background/default/preview.1785279633025-17f3c6d4-add2-4bc9-916a-1dc45e11666a.png","pc":"dhileepkumargm","sb":"Particles and stars"},{"id":"21st:dhileepkumargm__particle-text-canvas","t":"Particle text canvas","d":"A full-screen, canvas-driven particle system that spells out specified text and lets the cursor dynamically repel the letters’ particles. It captures pixel data from bold, gradient","k":"motion","s":"21st","c":"motion/text-effect","a":"dhileepkumargm","u":49,"pl":"https://cdn.21st.dev/dhileepkumargm/particle-text-canvas/default/preview.1785277767141-5514292c-2968-4e7b-862a-b73f53940acf.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__pattern-shader","t":"Pattern shader","d":"This new shader will feature a rotating, repeating pattern of shapes, creating a kaleidoscopic, hypnotic effect. The colors will shift and evolve over time for a dynamic feel.","k":"motion","s":"21st","c":"motion/shader","a":"dhileepkumargm","u":15,"pl":"https://cdn.21st.dev/dhileepkumargm/pattern-shader/default/preview.1785269379767-953f1d87-5454-46a2-98de-158df9bf55a6.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__pick-a-card","t":"Pick a card","d":"$36","s":"21st","c":"data-display/card","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/pick-a-card/default/preview.1748442982435.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__pixel-rocket-voyager","t":"Pixel rocket voyager","d":"A fully interactive, theme-aware hero section featuring a 3D pixel-art rocket that the user can fly through a field of crypto-coin asteroids.","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","u":11,"pl":"https://cdn.21st.dev/dhileepkumargm/pixel-rocket-voyager/default/preview.1755080179465.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__poor-ghost","t":"Poor ghost","d":"Interactive Ghost Character you originally requested. The model has been updated to the glowing, ethereal figure with a flowing tail, and the animation has been changed to a gentle","s":"21st","c":"other","a":"dhileepkumargm","u":7,"pl":"https://cdn.21st.dev/dhileepkumargm/poor-ghost/default/preview.1756789182895.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__premium-auth","t":"Premium auth","d":"A modern, animated authentication component with a beautiful glass-morphism design. Features include:\nToggle between Login and Sign Up modes\nForm validation with error handling\nPas","s":"21st","c":"flows/sign-in","a":"dhileepkumargm","u":75,"pl":"https://cdn.21st.dev/dhileepkumargm/premium-auth/default/preview.1749020711825.png","pc":"dhileepkumargm","tg":["form","sign-up"],"sb":"Sign up"},{"id":"21st:dhileepkumargm__premium-process-timeline","t":"Premium process timeline","d":"$3c","s":"21st","c":"data-display/timeline","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/premium-process-timeline/default/preview.1749025732958.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__premium-testimonials","t":"Premium testimonials","k":"section","s":"21st","c":"marketing/testimonials","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/premium-testimonials/default/preview.1749112085770.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__pricing-for-teams","t":"Pricing for teams","k":"section","s":"21st","c":"marketing/pricing","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/pricing-for-teams/default/preview.1757219867452.png","pc":"dhileepkumargm","tg":["cta","pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:dhileepkumargm__pricing-page","t":"Pricing page","d":"A glass-morphism styled pricing section built in React and Tailwind CSS. It displays three plans (Starter, Pro, Enterprise) with rotating gradient borders, inline SVG icons, featur","k":"section","s":"21st","c":"marketing/pricing","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/pricing-page/default/preview.1757577716942.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__pricing-tiers","t":"Pricing tiers","d":"PricingTiers is a reusable React component system for displaying pricing plans in a clean, responsive layout. It supports featured plans, dynamic feature lists, and customizable st","k":"section","s":"21st","c":"marketing/pricing","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/pricing-tiers/default/preview.1761288782235.png","pc":"dhileepkumargm","tg":["pricing-section","table"],"sb":"Plan cards"},{"id":"21st:dhileepkumargm__prism-bloom-shader","t":"Prism bloom shader","d":"A full-screen, petal-like bloom shader that swirls and pulses, perfect for dynamic background effects in React apps. Exposes swirlCount and swirlSpeed props for runtime customizati","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/prism-bloom-shader/default/preview.1785273699478-f74719e9-f4aa-4be4-8296-bc295da3e6cb.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__profile-card","t":"Profile card","d":"An interactive, 3D-tilt profile card component featuring an animated status cycle, tier-based glow effects, a sliding glass panel, and a customizable action button.","s":"21st","c":"data-display/profile","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/profile-card/default/preview.1759832360385.png","pc":"dhileepkumargm","tg":["profile"]},{"id":"21st:dhileepkumargm__pulsar-grid-background","t":"Pulsar grid background","d":"An interactive, full-screen grid of pulsating dots that responds to mouse movement—creating a dynamic, immersive hero background effect.\n\n","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","u":18,"pl":"https://cdn.21st.dev/dhileepkumargm/pulsar-grid-background/default/preview.1759058295644.png","pc":"dhileepkumargm","sb":"Grids and patterns"},{"id":"21st:dhileepkumargm__pulse-fit-hero","t":"Pulse fit hero","d":"A responsive, animated hero component with header, floating blurred gradient backgrounds, badge support, configurable navigation and auth buttons, gradient-styled title, descriptio","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","u":147,"pl":"https://cdn.21st.dev/dhileepkumargm/pulse-fit-hero/default/preview.1760255122323.png","pc":"dhileepkumargm","tg":["cta","hero"]},{"id":"21st:dhileepkumargm__pulsing-geometric-dream","t":"Pulsing geometric dream","d":"runs a GLSL fragment shader. This shader, which I'm calling \"Pulsing Geometric Dream,\" uses signed distance functions (SDFs) for shapes and a smooth color palette function, techniq","s":"21st","c":"data-display/stat","a":"dhileepkumargm","u":15,"pl":"https://cdn.21st.dev/dhileepkumargm/pulsing-geometric-dream/default/preview.1756988271735.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__quantum-grid-hero","t":"Quantum grid hero","d":" \"Quantum Grid Hero\" features an interactive 3D grid of cubes that light up and ripple in response to your cursor's movement. The background is a deep, futuristic dark theme, and t","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","u":12,"pl":"https://cdn.21st.dev/dhileepkumargm/quantum-grid-hero/default/preview.1756112408214.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__quantum-nebula","t":"Quantum nebula","d":"A breathtaking Three.js particle system featuring 50,000 interactive particles with physics-based curl noise simulation and bloom post-processing. This advanced WebGL component cre","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/quantum-nebula/default/preview.1760598462459.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__rainbow-cursor","t":"Rainbow cursor","k":"motion","s":"21st","c":"motion/cursor","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/rainbow-cursor/default/preview.1754645683539.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__react-tailwind-image-gallery","t":"React tailwind image gallery","d":"A responsive React component for displaying an image gallery with hover-zoom effects, customizable grid spans, and a fullscreen modal lightbox—built with Tailwind CSS.","s":"21st","c":"media/gallery","a":"dhileepkumargm","u":76,"pl":"https://cdn.21st.dev/dhileepkumargm/react-tailwind-image-gallery/default/preview.1758250610489.png","pc":"dhileepkumargm","tg":["gallery","modal"]},{"id":"21st:dhileepkumargm__reaction-diffusion-genesis","t":"Reaction diffusion genesis","s":"21st","c":"data-display/diff","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/reaction-diffusion-genesis/default/preview.1758727744491.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__refer-and-win-banner","t":"Refer and win banner","d":"A customizable, animated banner component featuring floating paper airplanes and decorative checkmarks—ideal for referral, promotional, or announcement sections.","s":"21st","c":"overlays/alert-banner","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/refer-and-win-banner/default/preview.1759830926309.png","pc":"dhileepkumargm","tg":["announcement"]},{"id":"21st:dhileepkumargm__retrying","t":"Retrying","d":"Retrying Back Gourd Hero ","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","u":22,"pl":"https://cdn.21st.dev/dhileepkumargm/retrying/default/preview.1755177691355.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__reward-categories","t":"Reward categories","d":"A customizable widget that displays reward categories as interactive artifacts, complete with hover animations and optional confetti celebration on click.","s":"21st","c":"other","a":"dhileepkumargm","u":2,"pl":"https://cdn.21st.dev/dhileepkumargm/reward-categories/default/preview.1785280127897-4327c0cc-3d87-4ac0-b277-aaf1419a6551.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__rhythmic-ripples-background","t":"Rhythmic ripples background","d":"A full-screen, animated hero background that draws expanding ripple waves on an HTML canvas for a serene, immersive UI effect.","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","u":7,"pl":"https://cdn.21st.dev/dhileepkumargm/rhythmic-ripples-background/default/preview.1785278210762-123c7fee-a0db-4873-a7b0-06ac5ff6417f.png","pc":"dhileepkumargm","sb":"Waves and warps"},{"id":"21st:dhileepkumargm__rocket-loader","t":"Rocket loader","d":"Acss and  React loader animation featuring a rocket speeder, drifting clouds, and speed trails. Perfect for splash screens, loading states, or playful UI transitions.","s":"21st","c":"status/loader","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/rocket-loader/default/preview.1758601681060.png","pc":"dhileepkumargm","tg":["spinner"],"sb":"Spinners"},{"id":"21st:dhileepkumargm__scrolling-holographic-card-feed","t":"Scrolling holographic card feed","d":"An animated, futuristic UI component featuring multiple rows of holographic-style cards that scroll infinitely in a continuous loop. Includes a dynamic starfield background and acc","s":"21st","c":"data-display/timeline","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/scrolling-holographic-card-feed/default/preview.1785274730072-f3654395-3ed7-4057-8261-3d907f282b1c.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__sdf-dreamscape","t":"Sdf dreamscape","s":"21st","c":"other","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/sdf-dreamscape/default/preview.1785264960470-98a49e9f-44be-4d9b-8a0a-1e7ec7e32111.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__sentinel-core","t":"Sentinel core","d":"An interactive, cybernetic eye that tracks your cursor's movement across the screen. It features a dynamic iris, a periodic blinking animation, and glowing circuit details to creat","k":"motion","s":"21st","c":"motion/cursor","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/sentinel-core/default/preview.1760956875511.png","pc":"dhileepkumargm","tg":["cursor"]},{"id":"21st:dhileepkumargm__shader-animation","t":"Shader animation","d":"A React UI component that renders a full-screen WebGL shader animation using Three.js, showcasing a dynamic cosmic singularity effect.","s":"21st","c":"motion/background","a":"dhileepkumargm","u":23,"pl":"https://cdn.21st.dev/user_2xffZsPH7trHq0L2RAacpvdoyXT/shader-animation/default/preview.1785527749265.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__shader-background","t":"Shader background","d":"A theme-aware and accessible animated background component powered by a WebGL shader. It provides a dynamic, noise-based visual effect that can be customized with props.","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/shader-background/default/preview.1756277437081.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__shatterable-glass-card","t":"Shatterable glass card","d":"A glass-style card that you can literally crack and shatter on click—complete with Voronoi-based shards rendered to canvas, wobbling SVG cracks, and dynamic audio feedback via Tone","s":"21st","c":"data-display/card","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/shatterable-glass-card/default/preview.1757574851948.png","pc":"dhileepkumargm","tg":["card"],"sb":"Animated and glowing"},{"id":"21st:dhileepkumargm__shutter-reveal","t":"Shutter reveal","d":"Shutter Reveal is a React component that animates image loading using vertical shutter panels. It creates a cinematic reveal effect with customizable direction, color, timing, and ","s":"21st","c":"status/loader","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/shutter-reveal/default/preview.1785281480522-30a7d499-1bac-4a3f-8d84-4f58af03d670.png","pc":"dhileepkumargm","sb":"Spinners"},{"id":"21st:dhileepkumargm__signal-authentication","t":"Signal authentication","d":"A full-screen, generative art login experience where a dynamic soundwave visualization reacts in the background, providing a futuristic and secure feel to the authentication proces","s":"21st","c":"flows/sign-in","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/signal-authentication/default/preview.1785280991311-e5a625ff-1cf3-4959-8c40-50d8a8dfe0da.png","pc":"dhileepkumargm","sb":"Sign up"},{"id":"21st:dhileepkumargm__sketchbook-reveal-card","t":"Sketchbook reveal card","d":"A scroll-triggered reveal card that hand-draws a wobbling SVG border, animates a lightbulb icon, text lines, and a button into view as you scroll.","s":"21st","c":"data-display/card","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/sketchbook-reveal-card/default/preview.1757573459807.png","pc":"dhileepkumargm","tg":["scroll-area"],"sb":"Animated and glowing"},{"id":"21st:dhileepkumargm__sonic-waveform","t":"Sonic waveform","s":"21st","c":"media/player","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/sonic-waveform/default/preview.1756117513086.png","pc":"dhileepkumargm","tg":["data-visualization","hero"]},{"id":"21st:dhileepkumargm__spiral-shader","t":"Spiral shader","d":"this shader transforms the energy into a mesmerizing, ever-twisting spiral. The waves of color now flow from the center outwards in a hypnotic vortex, creating a sense of infinite ","k":"motion","s":"21st","c":"motion/shader","a":"dhileepkumargm","u":24,"pl":"https://cdn.21st.dev/dhileepkumargm/spiral-shader/default/preview.1785267358301-ec63eab7-22b7-4649-8eb3-10840cb3127d.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__spotlight-background","t":"Spotlight background","d":"A dramatic, animated background composed of multiple soft “spotlight” blobs that glide and rotate to create depth and movement. Ideal for hero sections or immersive UI backdrops.","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","u":118,"pl":"https://cdn.21st.dev/dhileepkumargm/spotlight-background/default/preview.1759055358938.png","pc":"dhileepkumargm","tg":["hero"],"sb":"Beams and light"},{"id":"21st:dhileepkumargm__spotlight-button","t":"Spotlight button","d":" A premium, high-quality button featuring a dynamic spotlight effect that follows the user's mouse cursor, creating an engaging and interactive experience.","s":"21st","c":"actions/button","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/spotlight-button/default/preview.1755356702609.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__spotlight-cta","t":"Spotlight cta","k":"section","s":"21st","c":"marketing/cta","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/spotlight-cta/default/preview.1754927223300.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__symmetry-engine","t":"Symmetry engine","d":"A real-time, interactive fractal world rendered with ray marching and domain folding. This component simulates infinite, self-similar structures using pure mathematical transformat","s":"21st","c":"other","a":"dhileepkumargm","u":12,"pl":"https://cdn.21st.dev/dhileepkumargm/symmetry-engine/default/preview.1758730467099.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__synapse-background","t":"Synapse background","d":"An interactive 3D particle network background built with Three.js.. Particles drift in space, connect via subtle lines when in proximity, and pulse to magenta when you hover nearby","k":"motion","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/synapse-background/default/preview.1785470476100-15919c91-71c4-4c10-a524-c5ebb44080e0.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__tech-solutions-hero-section","t":"Tech solutions hero section","d":"A responsive, grid-based showcase component for HAOS Tech Solutions with a customizable registry-ad background slot, dark-mode support, and accessible controls.","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","u":39,"pl":"https://cdn.21st.dev/dhileepkumargm/tech-solutions-hero-section/default/preview.1759148358120.png","pc":"dhileepkumargm","tg":["grid","hero","progress"],"sb":"With product shot"},{"id":"21st:dhileepkumargm__terminal-bento-grid","t":"Terminal bento grid","d":"A retro-themed Bento grid styled like a classic CRT terminal. Features scanline overlays, blinking cursors, and green phosphor glow. Ideal for dashboards, status panels, or nostalg","s":"21st","c":"data-display/code-block","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/terminal-bento-grid/default/preview.1758728395464.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__text-effect","t":"Text effect","d":"A collection of animated greeting components featuring Samsung's distinctive angular design language with geometric letterforms, spring animations, and tech-forward styling. Includ","k":"motion","s":"21st","c":"motion/text-effect","a":"dhileepkumargm","u":33,"pl":"https://cdn.21st.dev/dhileepkumargm/text-effect/default/preview.1785357981956-87284a85-1548-4fb3-a558-34ff69eba329.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__ultra-quality-data-table","t":"Ultra quality data table","d":"A modern, responsive React data table built with Tailwind CSS featuring client-side search, sortable columns, pagination, zebra stripes, and dark/light theming for ultra-polished U","s":"21st","c":"data-display/table","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/ultra-quality-data-table/default/preview.1758341661882.png","pc":"dhileepkumargm","tg":["badge","pagination","search","table"],"sb":"Data tables"},{"id":"21st:dhileepkumargm__ultra-quality-kanban-board","t":"Ultra quality kanban board","s":"21st","c":"data-display/kanban","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/ultra-quality-kanban-board/default/preview.1758353171097.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__ultra-quality-showcase-grid","t":"Ultra quality showcase grid","d":"A never-before-seen, high-impact React feature showcase grid built with Tailwind CSS and Framer Motion. It delivers a mosaic layout with one large hero card and multiple supporting","k":"section","s":"21st","c":"marketing/features","a":"dhileepkumargm","u":5,"pl":"https://cdn.21st.dev/dhileepkumargm/ultra-quality-showcase-grid/default/preview.1758350193547.png","pc":"dhileepkumargm","tg":["features"],"sb":"Showcase and split"},{"id":"21st:dhileepkumargm__ultra-quality-spreadsheet","t":"Ultra quality spreadsheet","d":"A never-before-seen, ultra-rich React spreadsheet component built with Tailwind CSS. Supports editable cells, sticky headers, keyboard navigation, basic formulas (=SUM(range)), cop","s":"21st","c":"data-display/table","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/ultra-quality-spreadsheet/default/preview.1758351001189.png","pc":"dhileepkumargm","tg":["grid","table"],"sb":"Editable"},{"id":"21st:dhileepkumargm__vertical-logo-scroller","t":"Vertical logo scroller","k":"resource","s":"21st","c":"assets/logo","a":"dhileepkumargm","pl":"https://cdn.21st.dev/user_2xffZsPH7trHq0L2RAacpvdoyXT/vertical-logo-scroller/default/preview.1786017493918.webp","pc":"dhileepkumargm","tg":["clients","marquee","scroll-area"]},{"id":"21st:dhileepkumargm__volumetric-glitch","t":"Volumetric glitch","d":"A remixable, theme-aware hero background with subtle SVG-based glitch distortion, panning grid, volumetric glow flares, and prominent foreground CTAs. Visuals are fully tunable via","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","u":6,"pl":"https://cdn.21st.dev/dhileepkumargm/volumetric-glitch/default/preview.1759931947312.png","pc":"dhileepkumargm","tg":["cta","hero"]},{"id":"21st:dhileepkumargm__warp-drive-shader","t":"Warp drive shader","d":"This \"Warp Drive\" shader simulates the visual spectacle of traveling through a wormhole. It transforms the 2D plane into a dynamic, 3D-like tunnel of streaking starlight. The anima","s":"21st","c":"motion/background","a":"dhileepkumargm","u":40,"pl":"https://cdn.21st.dev/dhileepkumargm/warp-drive-shader/default/preview.1785259296211-0abc9e4f-3264-4b59-9180-91ee76070052.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__warp-gradient","t":"Warp gradient","k":"motion","s":"21st","c":"motion/gradient","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/warp-gradient/default/preview.1785281773191-cf985faf-0664-4eb8-b48e-376365e2835f.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__warp-tunnel","t":"Warp tunnel","d":"A React UI component that renders an infinite, color-shifting warp-speed tunnel using WebGL2 and GLSL shaders.","s":"21st","c":"other","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/warp-tunnel/default/preview.1785270127723-981e0073-4b7c-4e3f-a25d-993eff192544.png","pc":"dhileepkumargm"},{"id":"21st:dhileepkumargm__wave-text-canvas","t":"Wave text canvas","d":"A React component that renders bold, “WAVES” lettering as a flowing wave effect on HTML5 canvas. It uses a mask to detect text pixels and draws vertical scanlines that oscillate in","k":"motion","s":"21st","c":"motion/text-effect","a":"dhileepkumargm","u":7,"pl":"https://cdn.21st.dev/dhileepkumargm/wave-text-canvas/default/preview.1785277493150-8c8c3413-3075-4625-9261-7b69d141fcd4.png","pc":"dhileepkumargm","sb":"Bouncy and wavy"},{"id":"21st:dhileepkumargm__wavy-shader-animation","t":"Wavy shader animation","d":"A full-screen React component that uses three.js and a custom GLSL fragment shader to render a dynamic, metallic, wavy surface animation.","s":"21st","c":"motion/background","a":"dhileepkumargm","pl":"https://cdn.21st.dev/dhileepkumargm/wavy-shader-animation/default/preview.1785268167700-4032d937-97cd-497b-bc1b-79a84f586f80.png","pc":"dhileepkumargm","sb":"Shaders and WebGL"},{"id":"21st:dhileepkumargm__woven-light-hero","t":"Woven light hero","d":"A fully interactive, theme-aware hero section featuring a 3D object woven from thousands of light particles that react to the user's cursor.","k":"section","s":"21st","c":"marketing/hero","a":"dhileepkumargm","u":173,"pl":"https://cdn.21st.dev/dhileepkumargm/woven-light-hero/default/preview.1755152006229.png","pc":"dhileepkumargm","tg":["hero"]},{"id":"21st:dhmnpunit__mac-os-dock","t":"Mac os dock","d":"An authentic, responsive React dock component that replicates the macOS dock experience with smooth magnification effects, GSAP animations, and real macOS-style interactions. Perfe","s":"21st","c":"navigation/dock","a":"dhmnpunit","u":373,"pl":"https://cdn.21st.dev/dhmnpunit/mac-os-dock/default/preview.1749091387357.png","pc":"dhmnpunit","tg":["dock","navigation-menu"]},{"id":"21st:dhmnpunit__mac-os-menu-bar","t":"Mac os menu bar","s":"21st","c":"navigation/menu","a":"dhmnpunit","u":83,"pl":"https://cdn.21st.dev/dhmnpunit/mac-os-menu-bar/default/preview.1761259686940.png","pc":"dhmnpunit","tg":["dropdown","menu"],"sb":"Dropdowns"},{"id":"21st:dialkit__dialkit","t":"Dialkit","d":"A floating control panel to tune animation and UI parameters in real time. Wire sliders, toggles, color pickers, spring editors and easing curves directly to your values, organize ","s":"21st","c":"inputs/slider","a":"dialkit","pl":"https://cdn.21st.dev/larsen66/dialkit/default/preview.1783607676608.png","pc":"dialkit","tg":["slider"]},{"id":"21st:diceui__banner","t":"Banner","d":"A dismissible banner for site-wide announcements and status messages, with stacking, priority queueing, and default/info/success/warning/destructive variants.","s":"21st","c":"overlays/alert-banner","a":"diceui","u":24,"pl":"https://cdn.21st.dev/diceui/banner/default/preview.1784735657341-a28bb400-862d-4da1-bc0d-e11e2bd6e9de.png","pc":"diceui","tg":["announcement","alert","notification"]},{"id":"21st:diceui__circular-progress","t":"Circular progress","d":"A composable circular progress indicator with track, range, and value text parts, supporting determinate and indeterminate states.","s":"21st","c":"data-viz/progress-bar","a":"diceui","u":6,"pl":"https://cdn.21st.dev/diceui/circular-progress/default/preview.1786705771377-979bf81a-8925-494c-97f1-81fbd0fd3067.png","pc":"diceui","tg":["progress","upload-download"]},{"id":"21st:diceui__compare-slider","t":"Compare slider","d":"A before/after image comparison slider with a draggable handle, orientation and label support for revealing two overlaid states.","s":"21st","c":"media/image-compare","a":"diceui","u":10,"pl":"https://cdn.21st.dev/diceui/compare-slider/default/preview.1784669198081-854fff33-d77f-4f8e-b590-18562ef7f0c0.png","pc":"diceui","tg":["image","slider"]},{"id":"21st:diceui__composition","t":"Composition","d":"composition utilities","s":"21st","c":"other","a":"diceui","pl":"https://cdn.21st.dev/user_diceui/composition/default/preview.png","pc":"diceui"},{"id":"21st:diceui__pending","t":"Pending","d":"A utility component and hook that applies pending/loading state to any interactive element, blocking clicks and keyboard activation with proper ARIA attributes.","k":"lib","s":"21st","c":"lib/hook","a":"diceui","u":4,"pl":"https://cdn.21st.dev/diceui/pending/default/preview.1784373024785-6f9a6e1b-a103-4c41-9ae1-167379d597e8.png","pc":"diceui","tg":["hook","sign-in"]},{"id":"21st:diceui__scroll-spy","t":"Scroll spy","d":"A composable scroll spy navigation that highlights the active link as the user scrolls through page sections, with smooth scroll-to-section on click.","k":"layout","s":"21st","c":"layout/scroll-area","a":"diceui","pl":"https://cdn.21st.dev/diceui/scroll-spy/default/preview.1784407641146-3d8d1a98-70ab-453e-a731-060f5ff42cd0.png","pc":"diceui"},{"id":"21st:diceui__scroller","t":"Scroller","d":"A scrollable container with fading edge shadows, optional hidden scrollbar, and navigation arrows for vertical or horizontal overflow.","s":"21st","c":"layout/scroll-area","a":"diceui","pl":"https://cdn.21st.dev/diceui/scroller/default/preview.1783712899174.png","pc":"diceui","tg":["scroll-area"]},{"id":"21st:diceui__sortable","t":"Sortable","d":"A drag and drop sortable component for reordering items.","s":"21st","c":"data-display/list","a":"diceui","pl":"https://cdn.21st.dev/user_diceui/sortable/default/preview.1737987435980.png","pc":"diceui","tg":["list"],"sb":"Sortable"},{"id":"21st:diegocavallaro8__uss","t":"Uss","d":"Animated (shimmer) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"diegocavallaro8","pl":"https://cdn.21st.dev/diegocavallaro8/uss/default/preview.1785921652006-8ad16f56-4ad2-4a9a-b1da-f1ab446b4c23.webp","pc":"diegocavallaro8","sb":"Dither"},{"id":"21st:diegocavallaro8__uss2","t":"Uss2","d":"Animated (shimmer) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"diegocavallaro8","pl":"https://cdn.21st.dev/diegocavallaro8/uss2/default/preview.1785923451806-971c4fc3-3914-4544-8c3c-b56cda8ceae1.webp","pc":"diegocavallaro8","sb":"Dither"},{"id":"21st:digitalzone0707__dynamic-island-toc","t":"Dynamic island toc","d":"A sleek Dynamic Island-inspired Table of Contents component for React and Next.js with animated expansion, scroll spy tracking, reading progress, smooth scrolling, automatic headin","s":"21st","c":"navigation/table-of-contents","a":"digitalzone0707","pl":"https://cdn.21st.dev/digitalzone0707/dynamic-island-toc/default/preview.1778132834702.png","pc":"digitalzone0707","tg":["progress","scroll-area","table"]},{"id":"21st:dillionverma__android","t":"Android","d":"A mockup of the Android","s":"21st","c":"other","a":"dillionverma","pl":"https://cdn.21st.dev/user_magicui/android.png","pc":"dillionverma"},{"id":"21st:dillionverma__animated-beam","t":"Animated beam","s":"21st","c":"assets/icon","a":"dillionverma","st":"rated","pl":"https://cdn.21st.dev/user_magicui/animated-beam.png","pc":"dillionverma","tg":["icon"],"sc":21,"sb":"Animated"},{"id":"21st:dillionverma__animated-circular-progress-bar","t":"Animated circular progress bar","d":"Animated Circular Progress Bar is a component that displays a circular gauge with a percentage value.","s":"21st","c":"data-viz/progress-bar","a":"dillionverma","u":180,"pl":"https://cdn.21st.dev/user_magicui/animated-circular-progress-bar.png","pc":"dillionverma","tg":["number","progress"]},{"id":"21st:dillionverma__animated-gradient-text","t":"Animated gradient text","d":"An animated gradient background which transitions between colors for text.\n\nAdd the following animations to your tailwind.config.js file:\n extend: {\n      animation: {\n        grad","k":"motion","s":"21st","c":"motion/text-effect","a":"dillionverma","u":718,"pl":"https://cdn.21st.dev/user_magicui/animated-gradient-text.png","pc":"dillionverma","tg":["text"],"sb":"Gradient and shimmer"},{"id":"21st:dillionverma__animated-grid-pattern","t":"Animated grid pattern","d":"A animated background grid pattern made with SVGs, fully customizable using Tailwind CSS.","k":"motion","s":"21st","c":"motion/background","a":"dillionverma","u":1319,"pl":"https://cdn.21st.dev/dillionverma/animated-grid-pattern/default/preview.1785300598189-d3b90be8-f9df-41bc-921a-3941e31285cb.png","pc":"dillionverma","sb":"Grids and patterns"},{"id":"21st:dillionverma__animated-list","t":"Animated list","d":"A list that animates each item in sequence with a delay. Used to showcase notifications or events on your landing page.","s":"21st","c":"data-display/list","a":"dillionverma","st":"rated","u":296,"pl":"https://cdn.21st.dev/user_magicui/animated-list.png","pc":"dillionverma","tg":["list","notification"],"sc":15,"sb":"Activity and feeds"},{"id":"21st:dillionverma__animated-shiny-text","t":"Animated shiny text","d":"A light glare effect which pans across text making it appear as if it is shimmering.","k":"motion","s":"21st","c":"motion/text-effect","a":"dillionverma","u":1022,"pl":"https://cdn.21st.dev/user_magicui/animated-shiny-text.png","pc":"dillionverma","tg":["announcement"]},{"id":"21st:dillionverma__animated-subscribe-button","t":"Animated subscribe button","d":"An animated subscribe button useful for showing a micro animation from intial to final result.","s":"21st","c":"actions/button","a":"dillionverma","u":89,"pl":"https://cdn.21st.dev/user_magicui/animated-subscribe-button.png","pc":"dillionverma","sb":"Copy, share and like"},{"id":"21st:dillionverma__avatar-circles","t":"Avatar circles","d":"Overlapping circles of avatars.","s":"21st","c":"data-display/avatar","a":"dillionverma","u":187,"pl":"https://cdn.21st.dev/user_magicui/avatar-circles.png","pc":"dillionverma","tg":["avatar","team"]},{"id":"21st:dillionverma__bento-grid","t":"Bento grid","d":"Bento grid is a layout used to showcase the features of a product in a simple and elegant way.","k":"layout","s":"21st","c":"layout/bento-grid","a":"dillionverma","pl":"https://cdn.21st.dev/user_aceternity/bento-grid.png","pc":"dillionverma"},{"id":"21st:dillionverma__blur-fade","t":"Blur fade","d":"Blur fade in and out animation. Used to smoothly fade in and out content.","k":"motion","s":"21st","c":"motion/text-effect","a":"dillionverma","u":1347,"pl":"https://cdn.21st.dev/user_magicui/blur-fade.png","pc":"dillionverma","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:dillionverma__blur-in","t":"Blur in","d":"An animated text component that blurs in the text.","k":"motion","s":"21st","c":"motion/text-effect","a":"dillionverma","u":181,"pl":"https://cdn.21st.dev/user_magicui/blur-in.png","pc":"dillionverma","sb":"Reveal and entrance"},{"id":"21st:dillionverma__border-beam","t":"Border beam","d":"An animated beam of light which travels along the border of its container.","k":"motion","s":"21st","c":"motion/border","a":"dillionverma","pl":"https://cdn.21st.dev/dillionverma/border-beam/default/preview.1785300433872-975e2ae2-249a-4dae-bbd1-39fa6e09a6da.png","pc":"dillionverma"},{"id":"21st:dillionverma__code-comparison","t":"Code comparison","d":"A component which compares two code snippets.","k":"section","s":"21st","c":"marketing/comparison","a":"dillionverma","st":"rated","pl":"https://cdn.21st.dev/user_magicui/code-comparison.png","pc":"dillionverma","sc":20},{"id":"21st:dillionverma__comic-text","t":"Comic text","d":"Here is Comic Text ","k":"motion","s":"21st","c":"motion/text-effect","a":"dillionverma","pl":"https://cdn.21st.dev/larsen66/comic-text/default/preview.1752958701919.png","pc":"dillionverma"},{"id":"21st:dillionverma__confetti","t":"Confetti","d":"Confetti animations are best used to delight your users when something special happens","k":"motion","s":"21st","c":"motion/background","a":"dillionverma","pl":"https://cdn.21st.dev/user_magicui/confetti.png","pc":"dillionverma","tg":["sign-up"],"sb":"Particles and stars"},{"id":"21st:dillionverma__cool-mode","t":"Cool mode","d":"Cool mode effect for buttons, links, and other DOMs","s":"21st","c":"actions/button","a":"dillionverma","u":52,"pl":"https://cdn.21st.dev/user_magicui/cool-mode.png","pc":"dillionverma"},{"id":"21st:dillionverma__dock","t":"Dock","d":"An implementation of the MacOS dock using react + tailwindcss + framer motion","s":"21st","c":"navigation/dock","a":"dillionverma","pl":"https://cdn.21st.dev/user_magicui/dock.png","pc":"dillionverma","tg":["dock","navigation-menu"]},{"id":"21st:dillionverma__dot-pattern","t":"Dot pattern","d":"A background dot pattern made with SVGs, fully customizable using Tailwind CSS.","k":"motion","s":"21st","c":"motion/background","a":"dillionverma","u":457,"pl":"https://cdn.21st.dev/user_magicui/dot-pattern.png","pc":"dillionverma","tg":["background"],"sb":"Grids and patterns"},{"id":"21st:dillionverma__fade-text","t":"Fade text","d":"Characters appearing from faded view","k":"motion","s":"21st","c":"motion/text-effect","a":"dillionverma","u":89,"pl":"https://cdn.21st.dev/user_magicui/fade-text.png","pc":"dillionverma","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:dillionverma__file-tree","t":"File tree","d":"A component used to showcase the folder and file structure of a directory.","s":"21st","c":"data-display/tree","a":"dillionverma","pl":"https://cdn.21st.dev/user_magicui/file-tree.png","pc":"dillionverma","tg":["file-tree"]},{"id":"21st:dillionverma__flickering-grid","t":"Flickering grid","d":"A flickering grid background made with SVGs, fully customizable using Tailwind CSS.","s":"21st","c":"layout/bento-grid","a":"dillionverma","u":1266,"pl":"https://cdn.21st.dev/user_magicui/flickering-grid.png","pc":"dillionverma","tg":["grid"]},{"id":"21st:dillionverma__flip-text","t":"Flip text","d":"Text flipping character animation","k":"motion","s":"21st","c":"motion/text-effect","a":"dillionverma","u":129,"pl":"https://cdn.21st.dev/user_magicui/flip-text.png","pc":"dillionverma","tg":["text"],"sb":"Rotating words"},{"id":"21st:dillionverma__globe","t":"Globe","d":"An autorotating, interactive, and highly performant globe made using WebGL.","k":"motion","s":"21st","c":"motion/globe","a":"dillionverma","u":1558,"pl":"https://cdn.21st.dev/user_magicui/globe.png","pc":"dillionverma","tg":["globe"]},{"id":"21st:dillionverma__gradual-spacing","t":"Gradual spacing","d":"Word animation for gradual spacing between letters","k":"motion","s":"21st","c":"motion/text-effect","a":"dillionverma","pl":"https://cdn.21st.dev/user_magicui/gradual-spacing.png","pc":"dillionverma","tg":["text"]},{"id":"21st:dillionverma__grid-pattern","t":"Grid pattern","d":"A background grid pattern made with SVGs, fully customizable using Tailwind CSS.","k":"motion","s":"21st","c":"motion/background","a":"dillionverma","u":1730,"pl":"https://cdn.21st.dev/user_magicui/grid-pattern.png","pc":"dillionverma","tg":["grid","hero"],"sb":"Grids and patterns"},{"id":"21st:dillionverma__hero-video-dialog","t":"Hero video dialog","d":"A hero video dialog component.","s":"21st","c":"overlays/dialog","a":"dillionverma","u":509,"pl":"https://cdn.21st.dev/user_magicui/hero-video-dialog.png","pc":"dillionverma","tg":["dashboard","modal","sidebar","video"],"sb":"Media"},{"id":"21st:dillionverma__hyper-text","t":"Hyper text","d":"A hyper changing text animation as you hover.","k":"motion","s":"21st","c":"motion/text-effect","a":"dillionverma","u":539,"pl":"https://cdn.21st.dev/user_magicui/hyper-text.png","pc":"dillionverma","tg":["text"],"sb":"Scramble and glitch"},{"id":"21st:dillionverma__interactive-hover-button","t":"Interactive hover button","d":"A visually engaging button component that responds to hover with dynamic transitions, adapting smoothly between light and dark modes for enhanced user interactivity.","s":"21st","c":"actions/button","a":"dillionverma","u":1856,"pl":"https://cdn.21st.dev/user_magicui/interactive-hover-button.png","pc":"dillionverma","tg":["button"],"sb":"Animated"},{"id":"21st:dillionverma__interactive-icon-cloud","t":"Interactive icon cloud","d":"An interactive 3D tag cloud component","k":"resource","s":"21st","c":"assets/icon","a":"dillionverma","u":656,"pl":"https://cdn.21st.dev/user_magicui/interactive-icon-cloud.png","pc":"dillionverma"},{"id":"21st:dillionverma__line-shadow-text","t":"Line shadow text","d":"A line shadow text component for Magic UI","k":"motion","s":"21st","c":"motion/text-effect","a":"dillionverma","u":49,"pl":"https://cdn.21st.dev/user_magicui/line-shadow-text/default/preview.1738000833195.png","pc":"dillionverma"},{"id":"21st:dillionverma__magic-card","t":"Magic card","d":"A spotlight effect that follows your mouse cursor and highlights borders on hover.","s":"21st","c":"data-display/card","a":"dillionverma","pl":"https://cdn.21st.dev/user_magicui/magic-card.png","pc":"dillionverma","sb":"Animated and glowing"},{"id":"21st:dillionverma__marquee","t":"Marquee","d":"An infinite scrolling component that can be used to display text, images, or videos.\n\nAdd the following animations to your tailwind.config.js file:\nextend: {\n      animation: {\n   ","k":"motion","s":"21st","c":"motion/marquee","a":"dillionverma","u":1208,"pl":"https://cdn.21st.dev/user_magicui/marquee.png","pc":"dillionverma","tg":["marquee","scroll-area","testimonials"]},{"id":"21st:dillionverma__meteors","t":"Meteors","d":"A meteor shower effect.","k":"motion","s":"21st","c":"motion/background","a":"dillionverma","pl":"https://cdn.21st.dev/user_magicui/meteors.png","pc":"dillionverma","sb":"Particles and stars"},{"id":"21st:dillionverma__morphing-text","t":"Morphing text","d":"A dynamic text morphing component for Magic UI.","k":"motion","s":"21st","c":"motion/text-effect","a":"dillionverma","u":310,"pl":"https://cdn.21st.dev/user_magicui/morphing-text.png","pc":"dillionverma","tg":["text"],"sb":"Rotating words"},{"id":"21st:dillionverma__number-ticker","t":"Number ticker","d":"Animate numbers to count up or down to a target number","k":"motion","s":"21st","c":"motion/number-ticker","a":"dillionverma","u":1272,"pl":"https://cdn.21st.dev/user_magicui/number-ticker.png","pc":"dillionverma","tg":["number"]},{"id":"21st:dillionverma__orbiting-circles","t":"Orbiting circles","d":"A collection of circles which move in orbit along a circular path","s":"21st","c":"media/carousel","a":"dillionverma","pl":"https://cdn.21st.dev/user_magicui/orbiting-circles.png","pc":"dillionverma"},{"id":"21st:dillionverma__particles","t":"Particles","d":"Particles are a fun way to add some visual flair to your website. They can be used to create a sense of depth, movement, and interactivity.","k":"motion","s":"21st","c":"motion/background","a":"dillionverma","pl":"https://cdn.21st.dev/user_magicui/particles.png","pc":"dillionverma","sb":"Particles and stars"},{"id":"21st:dillionverma__pixel-image","t":"Pixel image","d":"Here is Pixel Image components ","s":"21st","c":"media/gallery","a":"dillionverma","u":10,"pl":"https://cdn.21st.dev/larsen66/pixel-image/default/preview.1752958323182.png","pc":"dillionverma","tg":["image"]},{"id":"21st:dillionverma__pointer","t":"Pointer","d":"A component that displays a pointer when hovering over an element","k":"motion","s":"21st","c":"motion/cursor","a":"dillionverma","pl":"https://cdn.21st.dev/user_magicui/pointer/default/preview.png","pc":"dillionverma","tg":["cursor"]},{"id":"21st:dillionverma__progressive-blur","t":"Progressive blur","d":"Here is Progressive Blur component","s":"21st","c":"data-viz/progress-bar","a":"dillionverma","u":50,"pl":"https://cdn.21st.dev/larsen66/progressive-blur/default/preview.1752957604269.png","pc":"dillionverma"},{"id":"21st:dillionverma__rainbow-button","t":"Rainbow button","d":"An animated button with a rainbow effect.","s":"21st","c":"actions/button","a":"dillionverma","u":2781,"pl":"https://cdn.21st.dev/user_magicui/rainbow-button.png","pc":"dillionverma","tg":["cta"],"sb":"Animated"},{"id":"21st:dillionverma__retro-grid","t":"Retro grid","d":"An animated scrolling retro grid effect\n\nAdd the following animations to your tailwind.config.js file:\nextend: {\n      animation: {\n        grid: \"grid 15s linear infinite\",\n      ","s":"21st","c":"layout/bento-grid","a":"dillionverma","u":687,"pl":"https://cdn.21st.dev/user_magicui/retro-grid.png","pc":"dillionverma","tg":["grid"]},{"id":"21st:dillionverma__ripple","t":"Ripple","k":"motion","s":"21st","c":"motion/background","a":"dillionverma","pl":"https://cdn.21st.dev/user_magicui/ripple.png","pc":"dillionverma","sb":"Waves and warps"},{"id":"21st:dillionverma__ripple-button","t":"Ripple button","d":"An animated button with ripple useful for user engagement.","s":"21st","c":"actions/button","a":"dillionverma","pl":"https://cdn.21st.dev/user_magicui/ripple-button.png","pc":"dillionverma","sb":"Animated"},{"id":"21st:dillionverma__safari","t":"Safari","d":"A safari browser mockup to showcase your website.","k":"layout","s":"21st","c":"navigation/sidebar","a":"dillionverma","u":130,"pl":"https://cdn.21st.dev/user_magicui/safari.png","pc":"dillionverma"},{"id":"21st:dillionverma__scratch-to-reveal","t":"Scratch to reveal","d":"The ScratchToReveal component creates an interactive scratch-off effect with customizable dimensions and animations, revealing hidden content beneath.","s":"21st","c":"motion/text-effect","a":"dillionverma","u":72,"pl":"https://cdn.21st.dev/user_magicui/scratch-to-reveal.png","pc":"dillionverma","sb":"Reveal and entrance"},{"id":"21st:dillionverma__script-copy-button","t":"Script copy button","s":"21st","c":"actions/copy-button","a":"dillionverma","pl":"https://cdn.21st.dev/user_magicui/script-copy-button.png","pc":"dillionverma","tg":["tabs"]},{"id":"21st:dillionverma__scroll-based-velocity","t":"Scroll based velocity","d":"Scrolling text whose speed changes based on scroll speed","k":"layout","s":"21st","c":"layout/scroll-area","a":"dillionverma","u":211,"pl":"https://cdn.21st.dev/user_magicui/scroll-based-velocity.png","pc":"dillionverma","tg":["marquee"]},{"id":"21st:dillionverma__shimmer-button","t":"Shimmer button","d":"A button with a shimmering light which travels around the perimeter.","s":"21st","c":"actions/button","a":"dillionverma","u":2324,"pl":"https://cdn.21st.dev/user_magicui/shimmer-button.png","pc":"dillionverma","sb":"Animated"},{"id":"21st:dillionverma__shine-border","t":"Shine border","d":"Shine border is an animated background border effect.","k":"motion","s":"21st","c":"motion/border","a":"dillionverma","pl":"https://cdn.21st.dev/user_magicui/shine-border.png","pc":"dillionverma","tg":["card","border","text"]},{"id":"21st:dillionverma__shiny-button","t":"Shiny button","d":"A shiny button component with dynamic styles in the dark mode or light mode.","s":"21st","c":"actions/button","a":"dillionverma","u":461,"pl":"https://cdn.21st.dev/user_magicui/shiny-button.png","pc":"dillionverma"},{"id":"21st:dillionverma__smooth-cursor","t":"Smooth cursor","d":"Here is Smooth Cursor component","k":"motion","s":"21st","c":"motion/cursor","a":"dillionverma","pl":"https://cdn.21st.dev/larsen66/smooth-cursor/default/preview.1751849389715.png","pc":"dillionverma","tg":["cursor"]},{"id":"21st:dillionverma__sparkles-text","t":"Sparkles text","d":"A dynamic text that generates continuous sparkles with smooth transitions, perfect for highlighting text with animated stars.","k":"motion","s":"21st","c":"motion/text-effect","a":"dillionverma","u":1422,"pl":"https://cdn.21st.dev/user_magicui/sparkles-text.png","pc":"dillionverma","tg":["text"]},{"id":"21st:dillionverma__spinning-text","t":"Spinning text","d":"Animates text in a circular motion with customizable speed, direction, radius, and transitions for dynamic circular typography effects.","k":"motion","s":"21st","c":"motion/text-effect","a":"dillionverma","pl":"https://cdn.21st.dev/dillionverma/spinning-text/default/preview.1784704256390-94b5a222-158e-4e9f-a7b7-819ebe994bb9.png","pc":"dillionverma"},{"id":"21st:dillionverma__text-reveal","t":"Text reveal","d":"Fade in text as you scroll down the page.","k":"motion","s":"21st","c":"motion/text-effect","a":"dillionverma","u":791,"pl":"https://cdn.21st.dev/user_magicui/text-reveal.png","pc":"dillionverma","tg":["scroll-area"],"sb":"Reveal and entrance"},{"id":"21st:dillionverma__typing-animation","t":"Typing animation","d":"Characters appearing in typed animation","k":"motion","s":"21st","c":"motion/text-effect","a":"dillionverma","u":465,"pl":"https://cdn.21st.dev/user_magicui/typing-animation.png","pc":"dillionverma","sb":"Typewriter"},{"id":"21st:dillionverma__warp-background","t":"Warp background","d":"A container component that applies a warp animation effect to its children","k":"motion","s":"21st","c":"motion/background","a":"dillionverma","pl":"https://cdn.21st.dev/user_magicui/warp-background.png","pc":"dillionverma","tg":["background"],"sb":"Waves and warps"},{"id":"21st:dillionverma__word-fade-in","t":"Word fade in","d":"Text animation which fades in word by word","k":"motion","s":"21st","c":"motion/text-effect","a":"dillionverma","u":155,"pl":"https://cdn.21st.dev/user_magicui/word-fade-in.png","pc":"dillionverma","sb":"Reveal and entrance"},{"id":"21st:dillionverma__word-pull-up","t":"Word pull up","d":"Text animation for words to pull up","k":"motion","s":"21st","c":"motion/text-effect","a":"dillionverma","u":236,"pl":"https://cdn.21st.dev/user_magicui/word-pull-up.png","pc":"dillionverma","tg":["text"]},{"id":"21st:dillionverma__word-rotate","t":"Word rotate","d":"A vertical rotation of words.","s":"21st","c":"motion/text-effect","a":"dillionverma","pl":"https://cdn.21st.dev/user_magicui/word-rotate.png","pc":"dillionverma","sb":"Rotating words"},{"id":"21st:dinovlazar2011__chat-bot","t":"Chat bot","d":"A costumer support chat bubble to add to a website","s":"21st","c":"ai-agent/ai-agent","a":"dinovlazar2011","pl":"https://cdn.21st.dev/dinovlazar2011/chat-bot/default/preview.1773780091552.png","pc":"dinovlazar2011","sb":"Chat"},{"id":"21st:diriktv__ai-input","t":"Ai input","d":"An AI input ","s":"21st","c":"ai-agent/ai-agent","a":"diriktv","pl":"https://cdn.21st.dev/diriktv/ai-input/default/preview.1748484555451.png","pc":"diriktv"},{"id":"21st:diriktv__animated-counter","t":"Animated counter","d":"An animated counter with increase and decrease buttons","k":"motion","s":"21st","c":"motion/number-ticker","a":"diriktv","u":33,"pl":"https://cdn.21st.dev/diriktv/animated-counter/default/preview.1748466609247.png","pc":"diriktv"},{"id":"21st:diriktv__confetti-background","t":"Confetti background","d":"An animated confetti background","k":"motion","s":"21st","c":"motion/background","a":"diriktv","u":20,"pl":"https://cdn.21st.dev/diriktv/confetti-background/default/preview.1748462159407.png","pc":"diriktv","sb":"Particles and stars"},{"id":"21st:diriktv__music-artwork","t":"Music artwork","d":"A music artwork that has a background vinyl animation. ","s":"21st","c":"media/player","a":"diriktv","pl":"https://cdn.21st.dev/diriktv/music-artwork/default/preview.1748476058019.png","pc":"diriktv"},{"id":"21st:diriktv__pricing-section","t":"Pricing section","d":"A pricing section","k":"section","s":"21st","c":"marketing/pricing","a":"diriktv","pl":"https://cdn.21st.dev/diriktv/pricing-section/default/preview.1748486179720.png","pc":"diriktv"},{"id":"21st:dixitsimform__dialog","t":"Dialog","d":"When dialog becomes too long for the user’s viewport or device, its scroll independent of the page itself.","s":"21st","c":"overlays/dialog","a":"dixitsimform","pl":"https://cdn.21st.dev/dixitsimform/dialog/default/preview.1754464725906.png","pc":"dixitsimform"},{"id":"21st:djvamps__animated-glow-feature-card","t":"Animated glow feature card","k":"section","s":"21st","c":"marketing/features","a":"djvamps","pl":"https://cdn.21st.dev/djvamps/animated-glow-feature-card/default/preview.1786993199060-8b7c2cf5-dfd3-4668-a586-cf109c38140d.jpg","pc":"djvamps","sb":"Grid of cards"},{"id":"21st:dksksnsf__pinlist","t":"Pinlist","d":"A pinned items list","s":"21st","c":"data-display/list","a":"dksksnsf","pl":"https://21st.dev/@dksksnsf/components/pinlist","pc":"dksksnsf"},{"id":"21st:dljw__rocket-button","t":"Rocket button","s":"21st","c":"actions/button","a":"dljw","pl":"https://cdn.21st.dev/user_2v2aFGXSSSiinbchVd1BMmuaaXI/rocket-button/rocket-button/preview.png","pc":"dljw"},{"id":"21st:dqnamo__agent-dock","t":"Agent dock","s":"21st","c":"ai-agent/ai-agent","a":"dqnamo","pl":"https://cdn.21st.dev/larsen66/agent-dock/default/preview.1782930695950.png","pc":"dqnamo","tg":["ai-chat","dock"],"sb":"Chat"},{"id":"21st:dqnamo__animated-banner","t":"Animated banner","d":"A reusable animated banner pattern built from a short muted video loop with a poster fallback, a gradient overlay that fades from a solid color on the text side to transparent over","s":"21st","c":"overlays/alert-banner","a":"dqnamo","u":4,"pl":"https://cdn.21st.dev/larsen66/animated-banner/default/preview.1782934396390.png","pc":"dqnamo","tg":["cta","video"]},{"id":"21st:dqnamo__animated-sparkline","t":"Animated sparkline","s":"21st","c":"data-viz/chart","a":"dqnamo","pl":"https://cdn.21st.dev/larsen66/animated-sparkline/default/preview.1782938233176.png","pc":"dqnamo","sb":"Line and sparkline"},{"id":"21st:dqnamo__dynamic-button","t":"Dynamic button","d":"An animated button that smoothly resizes its width to fit new content and crossfades its label and icon whenever the action or state changes. Built with motion/react, it uses a spr","s":"21st","c":"actions/button","a":"dqnamo","pl":"https://cdn.21st.dev/larsen66/dynamic-button/default/preview.1782928203077.png","pc":"dqnamo"},{"id":"21st:dqnamo__game-of-life-loader","t":"Game of life loader","d":"A tiny React canvas component for ambient loading states. Renders a softly fading Conway's Game of Life simulation behind your content — deterministic seeding, reduced-motion suppo","s":"21st","c":"status/loader","a":"dqnamo","pl":"https://cdn.21st.dev/larsen66/game-of-life-loader/default/preview.1783003848661.png","pc":"dqnamo","tg":["grid","spinner"],"sb":"Spinners"},{"id":"21st:dqnamo__iridescent-foil","t":"Iridescent foil","s":"21st","c":"other","a":"dqnamo","pl":"https://cdn.21st.dev/larsen66/iridescent-foil/default/preview.1783008573904.png","pc":"dqnamo"},{"id":"21st:dqnamo__logo-trace-loader","t":"Logo trace loader","k":"resource","s":"21st","c":"assets/logo","a":"dqnamo","pl":"https://cdn.21st.dev/larsen66/logo-trace-loader/default/preview.1783007406088.png","pc":"dqnamo"},{"id":"21st:dqnamo__model-selector","t":"Model selector","d":"A benchmark-informed prompt composer with an advanced LLM model selector for comparing frontier models across capability, speed, context, and cost. The model dropdown is searchable","s":"21st","c":"navigation/menu","a":"dqnamo","u":4,"pl":"https://cdn.21st.dev/larsen66/model-selector/default/preview.1782935263971.png","pc":"dqnamo","tg":["ai-chat","dropdown"],"sb":"Dropdowns"},{"id":"21st:dqnamo__scramble-text","t":"Scramble text","k":"motion","s":"21st","c":"motion/text-effect","a":"dqnamo","pl":"https://cdn.21st.dev/larsen66/scramble-text/default/preview.1782930162844.png","pc":"dqnamo","sb":"Scramble and glitch"},{"id":"21st:dqnamo__scroll-fade-list","t":"Scroll fade list","d":"A scrollable list with gradient fade edges that appear to signal there is more content above or below. The top and bottom fades grow and shrink based on scroll position (measured o","k":"layout","s":"21st","c":"layout/scroll-area","a":"dqnamo","u":4,"pl":"https://cdn.21st.dev/larsen66/scroll-fade-list/default/preview.1782932573161.png","pc":"dqnamo","tg":["list","scroll-area"]},{"id":"21st:dqnamo__signature","t":"Signature","d":"A reusable SVG path component for drawing handwritten marks and signatures. It self-draws any path with a stroke-dashoffset reveal — configurable path, viewBox, size, stroke width,","s":"21st","c":"other","a":"dqnamo","pl":"https://cdn.21st.dev/larsen66/signature/default/preview.1783004657368.png","pc":"dqnamo"},{"id":"21st:drdruide__destructive-button","t":"Destructive button","d":"A destructive button with a shake effect and underline animation on hover.","s":"21st","c":"actions/button","a":"drdruide","pl":"https://cdn.21st.dev/user_2s2Tc4Qkv63wkBVRNLqgKCERVVw/destructive-button/default/preview.1737987378014.png","pc":"drdruide"},{"id":"21st:dubinc__banner","t":"Banner","d":"A versatile notification banner component with gradient background and grid pattern overlay. Originally designed for Dub.co's domain claim notifications.\n\nFeatures\n- Dismissible ba","s":"21st","c":"overlays/alert-banner","a":"dubinc","u":197,"pl":"https://cdn.21st.dev/user_dubinc/banner.png","pc":"dubinc","tg":["announcement","cta","grid","notification"]},{"id":"21st:dubinc__sidebar-news","t":"Sidebar news","d":"A stackable news card component that displays updates in an interactive card format. Built for Dub.co's notification system.\n\nFeatures\n- Stacked card layout with hover animations\n-","k":"section","s":"21st","c":"marketing/marketing","a":"dubinc","u":305,"pl":"https://cdn.21st.dev/user_dubinc/sidebar-news.png","pc":"dubinc","tg":["notification","sidebar"],"sb":"Blog and posts"},{"id":"21st:dudadecesaro__flip-card","t":"Flip card","d":"An interactive 3D flip card component with hover tilt, front and back content, image support, and controlled flip state.","s":"21st","c":"data-display/card","a":"dudadecesaro","pl":"https://cdn.21st.dev/dudadecesaro/flip-card/default/preview.1778599393578.png","pc":"dudadecesaro"},{"id":"21st:eachando77__tiered-price-configurator","t":"Tiered price configurator","d":"Configurateur de prix par paliers. L'acheteur choisit un niveau et le total, la mensualite et les caracteristiques techniques s'animent ensemble. Concu pour les produits a panier e","s":"21st","c":"other","a":"eachando77","pl":"https://cdn.21st.dev/eachando77/tiered-price-configurator/default/preview.1785483520040-49ce47ef-1eda-4457-b28d-8804d7bd9406.png","pc":"eachando77"},{"id":"21st:easemize__ai-chat-input","t":"Ai chat input","d":"A modular, single-file React input bar designed for generative AI interfaces and agentic chat workloads, built on the shadcn/ui and Tailwind CSS architecture. Features dynamic spri","s":"21st","c":"ai-agent/composer","a":"easemize","pl":"https://cdn.21st.dev/easemize/ai-chat-input/default/preview.1783271974588.png","pc":"easemize","tg":["ai-chat","input"]},{"id":"21st:easemize__ai-prompt-box","t":"Ai prompt box","d":"AI prompt Box, AI chat Input, AI chat box, with search, with think, with thinking, with canvas, with audio recording","s":"21st","c":"ai-agent/composer","a":"easemize","st":"rated","pl":"https://cdn.21st.dev/easemize/ai-prompt-box/default/preview.1747972675277.png","pc":"easemize","tg":["ai-chat","input"],"sc":18},{"id":"21st:easemize__animated-3d-mac-book-air","t":"Animated 3d mac book air","d":"Showcase a stunning, purely CSS-driven 3D animation of a MacBook Air with this React component. Leveraging Tailwind CSS for styling and custom CSS keyframes for complex animations,","s":"21st","c":"status/loader","a":"easemize","u":29,"pl":"https://cdn.21st.dev/easemize/animated-3d-mac-book-air/default/preview.1748338503303.png","pc":"easemize","sb":"Spinners"},{"id":"21st:easemize__animated-glow-card","t":"Animated glow card","d":"A React component that renders a visually striking card with an animated, glowing border effect. This component uses an SVG filter (feColorMatrix) to achieve the customizable glow,","s":"21st","c":"data-display/card","a":"easemize","u":221,"pl":"https://cdn.21st.dev/easemize/animated-glow-card/default/preview.1748325242342.png","pc":"easemize","tg":["border"],"sb":"Animated and glowing"},{"id":"21st:easemize__animated-gradient-border","t":"Animated gradient border","d":"Animated Border, Border animation, border gradient, animated border gradient, border rotate, border rotate animation, border rotation animation, card","k":"motion","s":"21st","c":"motion/gradient","a":"easemize","u":177,"pl":"https://cdn.21st.dev/user_2xJxXqdwWohYrdd6fiMYrS9hbmO/animated-gradient-border/default/preview.1773129288808.png","pc":"easemize","tg":["border"]},{"id":"21st:easemize__animated-svg-text-path","t":"Animated svg text path","d":"lets you effortlessly bring text to life by animating it along any SVG path within your React applications. This component, part of the EaseMize UI library, leverages the GreenSock","k":"motion","s":"21st","c":"motion/text-effect","a":"easemize","u":20,"pl":"https://cdn.21st.dev/easemize/animated-svg-text-path/default/preview.1749103146959.png","pc":"easemize","sb":"Handwriting and SVG"},{"id":"21st:easemize__apple-tahoe-liquid-glass-button","t":"Apple tahoe liquid glass button","d":"A high-fidelity Liquid Glass Button engineered for shadcn/ui and Tailwind CSS. It features a hyper-realistic glassmorphism engine driven by an inline WebP SVG displacement map (feD","s":"21st","c":"actions/button","a":"easemize","u":56,"pl":"https://cdn.21st.dev/easemize/apple-tahoe-liquid-glass-button/default/preview.1783155783019.png","pc":"easemize","sb":"Social and sign-in"},{"id":"21st:easemize__auth-fuse","t":"Auth fuse","d":"$3b","s":"21st","c":"flows/sign-in","a":"easemize","pl":"https://cdn.21st.dev/easemize/auth-fuse/default/preview.1756902511871.png","pc":"easemize","tg":["sign-up"],"sb":"Sign up"},{"id":"21st:easemize__auth-ui","t":"Auth ui","d":"Authentication, sign in, sign up, signin, signup, login, create account","s":"21st","c":"flows/sign-in","a":"easemize","st":"rated","u":58,"pl":"https://cdn.21st.dev/easemize/auth-ui/default/preview.1752208958307.png","pc":"easemize","tg":["sign-in","sign-up"],"sc":18,"sb":"Sign up"},{"id":"21st:easemize__chatgpt-prompt-input","t":"Chatgpt prompt input","d":"This is a complete replica of the chatgpt prompt input some may call it chat input or prompt box or promptbox","s":"21st","c":"ai-agent/composer","a":"easemize","pl":"https://cdn.21st.dev/easemize/chatgpt-prompt-input/default/preview.1750427255605.png","pc":"easemize","tg":["input","textarea","upload-download"]},{"id":"21st:easemize__cinematic-app-hero","t":"Cinematic app hero","k":"section","s":"21st","c":"marketing/hero","a":"easemize","pl":"https://cdn.21st.dev/easemize/cinematic-app-hero/default/preview.1772694471364.png","pc":"easemize","sb":"With product shot"},{"id":"21st:easemize__cinematic-landing-hero","t":"Cinematic landing hero","k":"section","s":"21st","c":"marketing/hero","a":"easemize","u":481,"pl":"https://cdn.21st.dev/easemize/cinematic-landing-hero/default/preview.1774169408294.png","pc":"easemize","tg":["hero"]},{"id":"21st:easemize__dotted-vignette-background","t":"Dotted vignette background","d":"Dotted Vignette background with full controls","k":"motion","s":"21st","c":"motion/background","a":"easemize","u":48,"pl":"https://cdn.21st.dev/easemize/dotted-vignette-background/default/preview.1747744030786.png","pc":"easemize","sb":"Grids and patterns"},{"id":"21st:easemize__dynamic-hero","t":"Dynamic hero","d":"Elevate your landing page with this interactive React hero component. It captivates users with a unique arrow animation that tracks mouse movement, pointing towards the main call-t","k":"section","s":"21st","c":"marketing/hero","a":"easemize","u":249,"pl":"https://cdn.21st.dev/easemize/dynamic-hero/default/preview.1748335526423.png","pc":"easemize"},{"id":"21st:easemize__fintech-trust-grid-hero","t":"Fintech trust grid hero","d":"$34","k":"section","s":"21st","c":"marketing/hero","a":"easemize","pl":"https://cdn.21st.dev/easemize/fintech-trust-grid-hero/default/preview.1769498345602.png","pc":"easemize"},{"id":"21st:easemize__flip-countdown","t":"Flip countdown","k":"motion","s":"21st","c":"motion/number-ticker","a":"easemize","pl":"https://cdn.21st.dev/easemize/flip-countdown/default/preview.1751900339619.png","pc":"easemize","tg":["number"]},{"id":"21st:easemize__flow-field-background","t":"Flow field background","k":"motion","s":"21st","c":"motion/background","a":"easemize","pl":"https://cdn.21st.dev/easemize/flow-field-background/default/preview.1785307715584-cdabbf17-6de7-4fc2-9541-de34cb6ad149.png","pc":"easemize"},{"id":"21st:easemize__fluid-magnetic-cursor","t":"Fluid magnetic cursor","d":"$34","k":"motion","s":"21st","c":"motion/cursor","a":"easemize","pl":"https://cdn.21st.dev/easemize/fluid-magnetic-cursor/default/preview.1766746579802.png","pc":"easemize"},{"id":"21st:easemize__glass-button","t":"Glass button","d":"Glass Button","s":"21st","c":"actions/button","a":"easemize","u":1415,"pl":"https://cdn.21st.dev/easemize/glass-button/default/preview.1754147240408.png","pc":"easemize","tg":["button"],"sb":"Animated"},{"id":"21st:easemize__glass-testimonial-swiper","t":"Glass testimonial swiper","d":"Interactive 3D Testimonial Stack Component for React - A premium, drag-enabled testimonial carousel featuring stacked card animations, glass morphism effects, and smooth transition","s":"21st","c":"media/carousel","a":"easemize","u":162,"pl":"https://cdn.21st.dev/easemize/glass-testimonial-swiper/default/preview.1756216487252.png","pc":"easemize","tg":["carousel","testimonials"]},{"id":"21st:easemize__glassmorphism-trust-hero","t":"Glassmorphism trust hero","d":"The ultimate high-conversion hero section for Agencies, SaaS, and Portfolios.\nUnlike generic hero components that only offer a headline, this component is pre-engineered with Socia","k":"section","s":"21st","c":"marketing/hero","a":"easemize","u":459,"pl":"https://cdn.21st.dev/easemize/glassmorphism-trust-hero/default/preview.1769356434569.png","pc":"easemize","tg":["hero"]},{"id":"21st:easemize__hero-1","t":"Hero 1","d":"minimal hero with modern gradiental background","k":"section","s":"21st","c":"marketing/hero","a":"easemize","u":432,"pl":"https://cdn.21st.dev/easemize/hero-1/default/preview.1749529318335.png","pc":"easemize","tg":["announcement","cta"]},{"id":"21st:easemize__hero-with-video","t":"Hero with video","d":"Hero With Video and Image, Landing Page, Header","k":"section","s":"21st","c":"marketing/hero","a":"easemize","u":129,"pl":"https://cdn.21st.dev/easemize/hero-with-video/default/preview.1749360042671.png","pc":"easemize","tg":["video"],"sb":"With video"},{"id":"21st:easemize__hover-glow-button","t":"Hover glow button","d":"a dynamic React component that adds an engaging, mouse-following glow effect to your buttons. Part of the EaseMize UI library, it's designed for both ease of use and deep customiza","s":"21st","c":"actions/button","a":"easemize","u":121,"pl":"https://cdn.21st.dev/easemize/hover-glow-button/default/preview.1748530810824.png","pc":"easemize","tg":["button"],"sb":"Animated"},{"id":"21st:easemize__hover-text-reveal-1","t":"Hover text reveal 1","d":"This lightweight React component, styled with Tailwind CSS and animated with GSAP (via CDN), creates a captivating effect where text characters gradually reveal themselves as the u","k":"motion","s":"21st","c":"motion/text-effect","a":"easemize","u":9,"pl":"https://cdn.21st.dev/easemize/hover-text-reveal-1/default/preview.1751950821609.png","pc":"easemize","sb":"Reveal and entrance"},{"id":"21st:easemize__image-swiper","t":"Image swiper","d":"A dynamic and interactive React image swiper component that displays images as a stack of cards with a smooth, perspective-based swipe animation. Users can swipe through images wit","s":"21st","c":"media/carousel","a":"easemize","u":181,"pl":"https://cdn.21st.dev/easemize/image-swiper/default/preview.1748529934858.png","pc":"easemize","tg":["carousel","gallery","image"]},{"id":"21st:easemize__interactive-text-particle","t":"Interactive text particle","d":"A visually engaging canvas-based text effect for React that transforms text into interactive, hover-reactive particles. Designed for modern UI/UX experiences, this component adapts","k":"motion","s":"21st","c":"motion/text-effect","a":"easemize","u":147,"pl":"https://cdn.21st.dev/easemize/interactive-text-particle/default/preview.1749048183895.png","pc":"easemize"},{"id":"21st:easemize__interactive-thermodynamic-grid","t":"Interactive thermodynamic grid","k":"motion","s":"21st","c":"motion/cursor","a":"easemize","u":59,"pl":"https://cdn.21st.dev/easemize/interactive-thermodynamic-grid/default/preview.1770196010338.png","pc":"easemize","tg":["cursor"]},{"id":"21st:easemize__isometric-wave-grid-background","t":"Isometric wave grid background","d":"\"Retro-futuristic isometric wave grid with real-time mouse distortion physics and ambient breathing animation. Features canvas-based rendering with gradient fade effects, smooth be","k":"motion","s":"21st","c":"motion/background","a":"easemize","u":84,"pl":"https://cdn.21st.dev/easemize/isometric-wave-grid-background/default/preview.1769607241147.png","pc":"easemize","sb":"Grids and patterns"},{"id":"21st:easemize__limelight-nav","t":"Limelight nav","d":"A sleek and modern navigation bar with a unique \"limelight\" effect that follows the active tab. This component is designed to be both highly functional and visually appealing, prov","s":"21st","c":"navigation/top-nav","a":"easemize","u":440,"pl":"https://cdn.21st.dev/easemize/limelight-nav/default/preview.1749735671557.png","pc":"easemize","sb":"Mega menus"},{"id":"21st:easemize__logo-carousel","t":"Logo carousel","d":"Showcase your partners and build social proof with the Infinite Logo Carousel. This component is designed to be a flexible, plug-and-play solution for displaying a seamless, loopin","k":"section","s":"21st","c":"marketing/logos","a":"easemize","u":167,"pl":"https://cdn.21st.dev/easemize/logo-carousel/default/preview.1749478790266.png","pc":"easemize","tg":["carousel","marquee","scroll-area"]},{"id":"21st:easemize__magnetic-cursor","t":"Magnetic cursor","d":"Magnetic Cursor - Interactive Physics-Based Cursor\nA highly interactive cursor component built with React, GSAP, and Vecteur. Unlike standard cursors, this uses a spring-physics mo","k":"motion","s":"21st","c":"motion/cursor","a":"easemize","u":71,"pl":"https://cdn.21st.dev/easemize/magnetic-cursor/default/preview.1766746047297.png","pc":"easemize","tg":["cursor"]},{"id":"21st:easemize__material-design-3-button","t":"Material design 3 button","s":"21st","c":"actions/button","a":"easemize","pl":"https://cdn.21st.dev/easemize/material-design-3-button/default/preview.1776452277005.png","pc":"easemize"},{"id":"21st:easemize__material-design-3-expressive-slider","t":"Material design 3 expressive slider","s":"21st","c":"inputs/slider","a":"easemize","pl":"https://cdn.21st.dev/user_2xJxXqdwWohYrdd6fiMYrS9hbmO/material-design-3-expressive-slider/default/preview.1786105727347.webp","pc":"easemize","tg":["slider"]},{"id":"21st:easemize__material-design-3-ripple","t":"Material design 3 ripple","k":"motion","s":"21st","c":"motion/background","a":"easemize","pl":"https://cdn.21st.dev/easemize/material-design-3-ripple/default/preview.1768893474466.png","pc":"easemize","sb":"Waves and warps"},{"id":"21st:easemize__material-design-3-switch","t":"Material design 3 switch","d":"The definitive Google Material Design 3 (M3) Switch component for React & Tailwind CSS.\nThis implementation captures the exact tactile feel of Android toggles using Spring Physics ","s":"21st","c":"actions/switch","a":"easemize","u":50,"pl":"https://cdn.21st.dev/easemize/material-design-3-switch/default/preview.1768141274722.png","pc":"easemize","tg":["toggle"]},{"id":"21st:easemize__material-ui-autocomplete-combobox-multi-select","t":"Material ui autocomplete combobox multi select","d":"A high-fidelity Material Design 3 Autocomplete and Multi-select Combobox built for shadcn/ui. Features a custom physics-based ripple engine, cinematic staggered entrance animations","s":"21st","c":"inputs/select","a":"easemize","pl":"https://cdn.21st.dev/easemize/material-ui-autocomplete-combobox-multi-select/default/preview.1780459365110.png","pc":"easemize","tg":["chip","dropdown","search","select"]},{"id":"21st:easemize__material-ui-dropdown-menu","t":"Material ui dropdown menu","d":"A highly sophisticated Material Design 3 Dropdown Menu built on top of shadcn/ui and Radix UI. Engineered with a custom Dual-Physics Ripple Engine via the Web Animations API for tr","s":"21st","c":"navigation/menu","a":"easemize","u":53,"pl":"https://cdn.21st.dev/easemize/material-ui-dropdown-menu/default/preview.1776005312320.png","pc":"easemize","tg":["dropdown"],"sb":"Dropdowns"},{"id":"21st:easemize__morhic-background","t":"Morhic background","d":"MorphicBackground is a drop-in component that lets you create a stunning, liquid-gooey animation for your landing pages, hero sections, or anywhere you need a touch of dynamic flai","k":"motion","s":"21st","c":"motion/background","a":"easemize","u":18,"pl":"https://cdn.21st.dev/easemize/morhic-background/default/preview.1749264805432.png","pc":"easemize","tg":["background"]},{"id":"21st:easemize__motion-footer","t":"Motion footer","d":"A high-fidelity Cinematic Scroll Reveal Footer optimized for modern SaaS and app landing pages. Built with a GSAP ScrollTrigger engine to create a smooth \"curtain reveal\" parallax ","k":"section","s":"21st","c":"marketing/footer","a":"easemize","u":241,"pl":"https://cdn.21st.dev/easemize/motion-footer/default/preview.1774887325728.png","pc":"easemize","tg":["footer","marquee","scroll-area"]},{"id":"21st:easemize__multi-type-ripple-buttons","t":"Multi type ripple buttons","d":"Part of the EaseMize library, this highly customizable React button component offers a theme-aware JavaScript click ripple and four distinct visual variants (default, ghost, hover,","s":"21st","c":"actions/button","a":"easemize","u":235,"pl":"https://cdn.21st.dev/easemize/multi-type-ripple-buttons/default/preview.1748083166438.png","pc":"easemize","sb":"Animated"},{"id":"21st:easemize__noisy-gradient-backgrounds","t":"Noisy gradient backgrounds","d":"A versatile React component for creating stunning, animated gradient backgrounds with an optional, customizable noise overlay. Easily configure gradient origins, a rich array of co","k":"motion","s":"21st","c":"motion/background","a":"easemize","u":197,"pl":"https://cdn.21st.dev/easemize/noisy-gradient-backgrounds/default/preview.1748332862993.png","pc":"easemize","tg":["background"],"sb":"Gradients and aurora"},{"id":"21st:easemize__parallax-cosmic-background","t":"Parallax cosmic background","d":"Parallax Cosmic Background","k":"motion","s":"21st","c":"motion/background","a":"easemize","u":302,"pl":"https://cdn.21st.dev/easemize/parallax-cosmic-background/default/preview.1747801240553.png","pc":"easemize","tg":["hero"],"sb":"Image and video"},{"id":"21st:easemize__particle-wave","t":"Particle wave","d":"A dynamic and interactive background component for React that renders a mesmerizing wave of particles. Built with three.js for high-performance, GPU-accelerated animation, this com","k":"motion","s":"21st","c":"motion/background","a":"easemize","u":59,"pl":"https://cdn.21st.dev/easemize/particle-wave/default/preview.1749657531648.png","pc":"easemize","tg":["background"],"sb":"Particles and stars"},{"id":"21st:easemize__peak-mountain","t":"Peak mountain","d":"Animated (ripple) ASCII art in the Dots style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards","k":"motion","s":"21st","c":"motion/ascii","a":"easemize","pl":"https://cdn.21st.dev/easemize/peak-mountain/default/preview.1783765608720.png","pc":"easemize","tg":["video"],"sb":"Dots"},{"id":"21st:easemize__pixel-cursor","t":"Pixel cursor","d":"A cursor trailing component that has a pixelated effect","k":"motion","s":"21st","c":"motion/cursor","a":"easemize","pl":"https://cdn.21st.dev/easemize/pixel-cursor/default/preview.1751683642871.png","pc":"easemize","tg":["cursor"]},{"id":"21st:easemize__pixel-perfect-hero","t":"Pixel perfect hero","d":"Interactive hero section with a Canvas-based pixel ripple animation, shimmering glassmorphism header, and logo marquee. Features dynamic theme-color detection, responsive layout, a","k":"section","s":"21st","c":"marketing/hero","a":"easemize","u":123,"pl":"https://cdn.21st.dev/easemize/pixel-perfect-hero/default/preview.1781185553155.png","pc":"easemize","tg":["cta","marquee"]},{"id":"21st:easemize__ripple-effect-creator","t":"Ripple effect creator","d":"Add beautiful, performant ripple animations to any React element with zero configuration. Ripple Effect Generator brings Material Design's signature touch feedback to your componen","k":"motion","s":"21st","c":"motion/background","a":"easemize","pl":"https://cdn.21st.dev/easemize/ripple-effect-creator/default/preview.1755663277111.png","pc":"easemize","sb":"Waves and warps"},{"id":"21st:easemize__ripple-effect-generator","t":"Ripple effect generator","d":"Add beautiful, performant ripple animations to any React element with zero configuration. Ripple Effect Generator brings Material Design's signature touch feedback to your componen","k":"motion","s":"21st","c":"motion/background","a":"easemize","pl":"https://cdn.21st.dev/easemize/ripple-effect-generator/default/preview.1750336907859.png","pc":"easemize","sb":"Waves and warps"},{"id":"21st:easemize__shared-element-gallery","t":"Shared element gallery","d":"A high-fidelity, premium photo gallery featuring a Shared Element Transition built with Framer Motion. Uses a masonry layout to preserve original aspect ratios natively, ensuring p","s":"21st","c":"media/gallery","a":"easemize","u":11,"pl":"https://cdn.21st.dev/easemize/shared-element-gallery/default/preview.1775741702477.png","pc":"easemize","tg":["gallery"]},{"id":"21st:easemize__sign-in","t":"Sign in","d":"sign in log in signin login","s":"21st","c":"flows/sign-in","a":"easemize","st":"rated","pl":"https://cdn.21st.dev/easemize/sign-in/default/preview.1750759166859.png","pc":"easemize","tg":["sign-in","testimonials"],"sc":21,"sb":"Sign up"},{"id":"21st:easemize__sign-up","t":"Sign up","d":"A stunning, open-source multi-step authentication UI component for modern web applications. Built with React, TypeScript, and Framer Motion, it delivers a visually captivating and ","s":"21st","c":"flows/sign-in","a":"easemize","u":215,"pl":"https://cdn.21st.dev/easemize/sign-up/default/preview.1760182377227.png","pc":"easemize","tg":["sign-up","steps"],"sb":"Sign up"},{"id":"21st:easemize__soft-gradient-background-animation","t":"Soft gradient background animation","d":"Soft gradient Background Animation","k":"motion","s":"21st","c":"motion/background","a":"easemize","u":37,"pl":"https://cdn.21st.dev/easemize/soft-gradient-background-animation/default/preview.1747758767074.png","pc":"easemize","tg":["background"],"sb":"Gradients and aurora"},{"id":"21st:easemize__spiral-animation","t":"Spiral animation","d":"A mesmerizing animated golden spiral component featuring 600+ pulsing dots arranged in the mathematically perfect Fibonacci spiral pattern. Each dot pulses with smooth radius and o","s":"21st","c":"status/loader","a":"easemize","u":76,"pl":"https://cdn.21st.dev/easemize/spiral-animation/default/preview.1785356454542-35cc69b8-ce4b-4909-be85-da954627f3fa.png","pc":"easemize","sb":"Spinners"},{"id":"21st:easemize__spooky-smoke-animation","t":"Spooky smoke animation","s":"21st","c":"other","a":"easemize","pl":"https://cdn.21st.dev/easemize/spooky-smoke-animation/default/preview.1749313020943.png","pc":"easemize"},{"id":"21st:easemize__spotlight-card","t":"Spotlight card","s":"21st","c":"data-display/card","a":"easemize","u":2099,"pl":"https://cdn.21st.dev/easemize/spotlight-card/default/preview.1749394917546.png","pc":"easemize","tg":["cursor"],"sb":"Animated and glowing"},{"id":"21st:easemize__sss","t":"Sss","k":"motion","s":"21st","c":"motion/background","a":"easemize","pl":"https://cdn.21st.dev/easemize/sss/default/preview.1786033246954-f2b014dd-a182-4fd4-88ba-ee966942a59c.webp","pc":"easemize","tg":["background"]},{"id":"21st:easemize__svg-blob-animation","t":"Svg blob animation","d":"Svg Blob Animation background","k":"motion","s":"21st","c":"motion/background","a":"easemize","u":14,"pl":"https://cdn.21st.dev/easemize/svg-blob-animation/default/preview.1747801960718.png","pc":"easemize","sb":"Gradients and aurora"},{"id":"21st:easemize__titanium-saa-s-hero","t":"Titanium saa s hero","k":"section","s":"21st","c":"marketing/hero","a":"easemize","pl":"https://cdn.21st.dev/easemize/titanium-saa-s-hero/default/preview.1769501139392.png","pc":"easemize"},{"id":"21st:eduardoamaral.ux__shader-dither","t":"Shader dither","d":"Animated (flicker) ASCII art in the Pixel Art style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections,","k":"motion","s":"21st","c":"motion/ascii","a":"eduardoamaral.ux","pl":"https://cdn.21st.dev/eduardoamaral.ux/shader-dither/default/preview.1784724682449-67698a27-6b09-4d99-8e31-6e1137a3d14a.webp","pc":"eduardoamaral.ux","tg":["video"],"sb":"Pixel Art"},{"id":"21st:educalvolpz__accordion-2","t":"Accordion 2","d":"Here is Accordion component","s":"21st","c":"data-display/accordion","a":"educalvolpz","pl":"https://cdn.21st.dev/larsen66/accordion-2/default/preview.1756780702445.png","pc":"educalvolpz","tg":["dropdown","list","select"]},{"id":"21st:educalvolpz__agent-avatar","t":"Agent avatar","d":"Canvas-based generative pixel avatar for AI agents, deterministic per seed and gently breathing while the agent works. Respects prefers-reduced-motion.","s":"21st","c":"ai-agent","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/agent-avatar/default/preview.1785571513658-9cc7b190-4112-4806-8d55-11a4cec0c010.png","pc":"educalvolpz","tg":["ai-chat","avatar"],"sb":"Orbs and presence"},{"id":"21st:educalvolpz__ai-approval","t":"Ai approval","d":"Human-in-the-loop approval card where the chosen option expands to fill the card while the alternatives collapse away. Respects prefers-reduced-motion.","s":"21st","c":"ai-agent/ai-agent","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/ai-approval/default/preview.1785567682121-00f482d3-5fb6-4ed9-8c13-5416f14dc3c6.png","pc":"educalvolpz","tg":["ai-chat","card"],"sb":"Chat"},{"id":"21st:educalvolpz__ai-artifact","t":"Ai artifact","d":"Generated-artifact frame whose preview and code panes swap along a shared axis rather than cross-fading, with copy built in. Respects prefers-reduced-motion.","s":"21st","c":"ai-agent/ai-agent","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/ai-artifact/default/preview.1785571751809-cc5c6d47-b7a2-4305-bae5-a4fc7f36298e.png","pc":"educalvolpz","tg":["ai-chat"],"sb":"Chat"},{"id":"21st:educalvolpz__ai-citation","t":"Ai citation","d":"Inline citation pill that opens an origin-aware source card anchored to the pill you clicked, instead of a floating popover. Respects prefers-reduced-motion.","s":"21st","c":"ai-agent/ai-agent","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/ai-citation/default/preview.1785567601934-7f333acc-e319-46e6-a2d4-933ea537a767.png","pc":"educalvolpz","tg":["ai-chat","popover"],"sb":"Sources"},{"id":"21st:educalvolpz__ai-context-meter","t":"Ai context meter","d":"Context window meter whose ring fills and shifts hue at the warning threshold, never changing size. Hover for a token breakdown. Respects prefers-reduced-motion.","s":"21st","c":"ai-agent/ai-agent","a":"educalvolpz","st":"rated","pl":"https://cdn.21st.dev/educlopez/ai-context-meter/default/preview.1785566520103-5f5736a2-6391-4283-9d86-113d5ac0dfe0.png","pc":"educalvolpz","tg":["ai-chat"],"sc":19,"sb":"Chat"},{"id":"21st:educalvolpz__ai-conversation","t":"Ai conversation","d":"Auto-scrolling chat container that follows streaming output, stops following the moment the user scrolls up, and offers a jump-to-latest control. Respects prefers-reduced-motion.","s":"21st","c":"ai-agent/ai-agent","a":"educalvolpz","st":"rated","pl":"https://cdn.21st.dev/educalvolpz/ai-conversation/default/preview.1785773864981-31959f07-f489-4ec7-a9ef-543701c53e07.png","pc":"educalvolpz","sc":22,"sb":"Chat"},{"id":"21st:educalvolpz__ai-diff","t":"Ai diff","d":"Proposed code edit where added lines wipe in from the left and rejected lines collapse to nothing, with accept and reject actions. Respects prefers-reduced-motion.","s":"21st","c":"ai-agent/ai-agent","a":"educalvolpz","st":"rated","pl":"https://cdn.21st.dev/educlopez/ai-diff/default/preview.1785568048421-e1d1ed64-4316-447a-ac21-b8632be686c2.png","pc":"educalvolpz","tg":["ai-chat","card"],"sc":21,"sb":"Chat"},{"id":"21st:educalvolpz__ai-loader","t":"Ai loader","d":"Working indicator in dots, bar and grid variants with an optional elapsed timer, tuned so it reads as progress rather than noise. Respects prefers-reduced-motion.","s":"21st","c":"ai-agent/ai-agent","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/ai-loader/default/preview.1785568123533-31fb2264-b5f7-4917-ba36-a63dc6cb9652.png","pc":"educalvolpz","tg":["ai-chat"],"sb":"Chat"},{"id":"21st:educalvolpz__ai-message","t":"Ai message","d":"Chat message row for user and assistant turns, with copy, retry and vote actions that reveal on hover instead of crowding the bubble. Respects prefers-reduced-motion.","s":"21st","c":"ai-agent/ai-agent","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/ai-message/default/preview.1785571237031-8b8c4192-d554-41af-886a-6997448984eb.png","pc":"educalvolpz","tg":["ai-chat","card"],"sb":"Chat"},{"id":"21st:educalvolpz__ai-reasoning","t":"Ai reasoning","d":"Collapsible model-reasoning trace that times itself while streaming and folds away once the answer lands. Respects prefers-reduced-motion.","s":"21st","c":"ai-agent/ai-agent","a":"educalvolpz","st":"rated","pl":"https://cdn.21st.dev/educlopez/ai-reasoning/default/preview.1785567331733-9887e202-3657-4237-afaa-cd2b17e50f8b.png","pc":"educalvolpz","tg":["accordion","ai-chat"],"sc":22,"sb":"Reasoning and tools"},{"id":"21st:educalvolpz__ai-response","t":"Ai response","d":"Streaming answer body that reveals text as it arrives and anchors inline citation markers to their sources. Respects prefers-reduced-motion.","s":"21st","c":"ai-agent/ai-agent","a":"educalvolpz","u":8,"pl":"https://cdn.21st.dev/educlopez/ai-response/default/preview.1785571072669-d83da335-9750-48ae-83af-47131347eb6f.png","pc":"educalvolpz","tg":["ai-chat"],"sb":"Chat"},{"id":"21st:educalvolpz__ai-sources","t":"Ai sources","d":"Collapsible source list for a grounded answer, with per-source snippets that expand in place rather than opening a dialog. Respects prefers-reduced-motion.","s":"21st","c":"ai-agent/ai-agent","a":"educalvolpz","st":"rated","pl":"https://cdn.21st.dev/educlopez/ai-sources/default/preview.1785570987737-122cacf1-82ae-43e0-9260-98381f12ef2f.png","pc":"educalvolpz","tg":["accordion","ai-chat"],"sc":20,"sb":"Sources"},{"id":"21st:educalvolpz__ai-suggestions","t":"Ai suggestions","d":"Follow-up suggestion chips that stagger in after a reply and clear themselves once one is chosen. Respects prefers-reduced-motion.","s":"21st","c":"ai-agent/ai-agent","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/ai-suggestions/default/preview.1785572061888-f0399d63-5b81-4a49-b02c-6676044fb6f6.png","pc":"educalvolpz","tg":["ai-chat"],"sb":"Chat"},{"id":"21st:educalvolpz__ai-task-list","t":"Ai task list","d":"Agent plan checklist with nested subtasks and pending, running, done and failed states, each transitioning in place. Respects prefers-reduced-motion.","s":"21st","c":"ai-agent/ai-agent","a":"educalvolpz","st":"rated","pl":"https://cdn.21st.dev/educlopez/ai-task-list/default/preview.1785567967758-07a81852-4356-4976-ae82-7155971a1845.png","pc":"educalvolpz","tg":["ai-chat","list"],"sc":22,"sb":"Reasoning and tools"},{"id":"21st:educalvolpz__ai-tool-call","t":"Ai tool call","d":"Agent tool-call card that stays collapsed while running and expands to its arguments and result, with success, running and error states. Respects prefers-reduced-motion.","s":"21st","c":"ai-agent/ai-agent","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/ai-tool-call/default/preview.1785567181237-55f8a3a3-5b93-4dbc-aeac-02176117b567.png","pc":"educalvolpz","tg":["ai-chat"],"sb":"Reasoning and tools"},{"id":"21st:educalvolpz__animated-file-upload","t":"Animated file upload","d":"A drag-and-drop file upload dropzone with animated states, file list, size validation, and remove controls.","s":"21st","c":"inputs/file-upload","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/animated-file-upload/default/preview.1783571477956.png","pc":"educalvolpz","tg":["upload-download"]},{"id":"21st:educalvolpz__animated-input","t":"Animated input","d":"Here is Animated Input component","s":"21st","c":"inputs/form-field","a":"educalvolpz","pl":"https://cdn.21st.dev/larsen66/animated-input/default/preview.1756780352576.png","pc":"educalvolpz","sb":"Animated fields"},{"id":"21st:educalvolpz__animated-progress-bar","t":"Animated progress bar","d":"Here is Animated Progress Bar component","s":"21st","c":"data-viz/progress-bar","a":"educalvolpz","pl":"https://cdn.21st.dev/larsen66/animated-progress-bar/default/preview.1756780277455.png","pc":"educalvolpz","tg":["progress"]},{"id":"21st:educalvolpz__animated-tags","t":"Animated tags","d":"A tag selector where tags animate with blur and spring motion as they move between an available list and a selected list.","s":"21st","c":"data-display/badge","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/animated-tags/default/preview.1784402607562-45a271e5-e937-417d-8314-ffc2eb4d0269.png","pc":"educalvolpz","sb":"Animated"},{"id":"21st:educalvolpz__animated-toggle","t":"Animated toggle","d":"A toggle switch with spring animations and default, morph, and icon variants for on/off states.","s":"21st","c":"actions/switch","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/animated-toggle/default/preview.1785175481823-99c733cb-1dca-4dbc-ac26-1504f7f4c450.png","pc":"educalvolpz","sb":"Animated"},{"id":"21st:educalvolpz__basic-accordion","t":"Basic accordion","d":"Here is Basic Accordion component","s":"21st","c":"data-display/accordion","a":"educalvolpz","pl":"https://cdn.21st.dev/larsen66/basic-accordion/default/preview.1760168287262.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__basic-modal","t":"Basic modal","d":"Here is Basic Modal component","s":"21st","c":"overlays/dialog","a":"educalvolpz","pl":"https://cdn.21st.dev/larsen66/basic-modal/default/preview.1760169252196.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__blur-out-up","t":"Blur out up","d":"Words lift out of a soft blur and drift upward into place, staggered 28ms apart over a 0.56s ease-out. Respects prefers-reduced-motion.","k":"motion","s":"21st","c":"motion/text-effect","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/blur-out-up/default/preview.1785772986870-d85cf12f-a93f-4e91-a5aa-2b8e1e1d8d84.png","pc":"educalvolpz","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:educalvolpz__bottom-up-letters","t":"Bottom up letters","d":"A per-character text reveal where letters rise up from below in a staggered staircase, built with Motion.","k":"motion","s":"21st","c":"motion/text-effect","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/bottom-up-letters/default/preview.1784674070254-4204a8b3-612d-45ba-a104-5e1c7d9b9934.png","pc":"educalvolpz","tg":["text"]},{"id":"21st:educalvolpz__cursor-follow","t":"Cursor follow","d":"A cursor-follow component that displays context-sensitive text when hovering over elements. Demo shows two images with different hover texts.","k":"motion","s":"21st","c":"motion/cursor","a":"educalvolpz","u":23,"pl":"https://cdn.21st.dev/educlopez/cursor-follow/default/preview.1753165364556.png","pc":"educalvolpz","tg":["cursor","gallery"]},{"id":"21st:educalvolpz__depth-parallax-words","t":"Depth parallax words","d":"Words come forward from different depths with a 70ms stagger and real perspective, so a line arrives with dimension instead of flat. Respects prefers-reduced-motion.","k":"motion","s":"21st","c":"motion/text-effect","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/depth-parallax-words/default/preview.1785773298829-67d3ead8-5a07-4ca3-a790-31c2d9eca6a3.png","pc":"educalvolpz","tg":["text"],"sb":"Rotating words"},{"id":"21st:educalvolpz__dynamic-island","t":"Dynamic island","d":"Apple-inspired Dynamic Island component with smooth spring animations. Expandable notification pill for alerts, music players, timers, incoming calls, and status updates. Respects ","s":"21st","c":"overlays/toast","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/dynamic-island/default/preview.1776499040022.png","pc":"educalvolpz","tg":["notification"]},{"id":"21st:educalvolpz__exposure-slider","t":"Exposure slider","d":"A camera-style notch ruler you drag instead of a thumb — momentum, masked edge fade, optional progress ring, and any min/max/step you need.","s":"21st","c":"inputs/slider","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/exposure-slider/default/preview.1785960061056-c4373d45-6de1-49c2-a5f4-7c8e1968dc2e.png","pc":"educalvolpz","tg":["input","slider"]},{"id":"21st:educalvolpz__fade-through","t":"Fade through","d":"A text animation component that cycles through phrases with a Material-style crossfade, fading old text out and new text in for hero headlines and rotating taglines.","k":"motion","s":"21st","c":"motion/text-effect","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/fade-through/default/preview.1784673850565-3a9396d6-cfa0-41a0-a5bc-6ac1f278d144.png","pc":"educalvolpz","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:educalvolpz__figma-comment","t":"Figma comment","d":"A Figma-style comment pin that springs open from a 32px bubble into a full note, measures its own height, and closes on click outside. Respects prefers-reduced-motion.","s":"21st","c":"data-display/chat-thread","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/figma-comment/default/preview.1785960143362-c4f98b7b-fb82-4fb5-a946-f675947f9e40.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__github-stars-animation","t":"Github stars animation","d":"Displays GitHub stargazer avatars with a staggered entrance and an animated count-up star counter for hero and landing sections.","k":"motion","s":"21st","c":"motion/background","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/github-stars-animation/default/preview.1784459382898-cc0545ff-a11c-4cfc-a733-1f9e4a1ed0a6.png","pc":"educalvolpz","sb":"Particles and stars"},{"id":"21st:educalvolpz__glow-hover-card","t":"Glow hover card","d":"A card grid where a radial mask reveals a duplicated glowing layer under the cursor, each card lighting up in its own hue. Respects prefers-reduced-motion.","s":"21st","c":"overlays/hover-card","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/glow-hover-card/default/preview.1785773379090-94be4074-96f1-4afd-a99f-49707f785cb6.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__image-metadata-preview","t":"Image metadata preview","d":"An image preview card that lifts to reveal a filename, description, and EXIF-style metadata panel with smooth Motion animations.","s":"21st","c":"media/gallery","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/image-metadata-preview/default/preview.1784410837382-6825bc8d-f7f3-42a0-83d0-25573705b839.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__interactive-image-selector","t":"Interactive image selector","d":"An animated image gallery grid with a toggle selection mode for selecting, sharing, and deleting multiple photos.","s":"21st","c":"media/gallery","a":"educalvolpz","u":12,"pl":"https://cdn.21st.dev/educlopez/interactive-image-selector/default/preview.1784438357064-65ec77b3-960c-452d-b72a-47fa2fb66f59.png","pc":"educalvolpz","tg":["gallery"]},{"id":"21st:educalvolpz__job-listing","t":"Job listing","d":"Here is Job Listing component ","s":"21st","c":"data-display/list","a":"educalvolpz","u":16,"pl":"https://cdn.21st.dev/larsen66/job-listing/default/preview.1760167097573.png","pc":"educalvolpz","tg":["list"]},{"id":"21st:educalvolpz__micro-scale-fade","t":"Micro scale fade","d":"A text animation component that reveals whole words or short headings with a calm, tiny scale-and-fade pop.","k":"motion","s":"21st","c":"motion/text-effect","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/micro-scale-fade/default/preview.1784384266432-0c572945-17f6-4976-97f8-f58cd0aa2720.png","pc":"educalvolpz","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:educalvolpz__modal","t":"Modal","d":"Here is Modal component","s":"21st","c":"overlays/dialog","a":"educalvolpz","u":32,"pl":"https://cdn.21st.dev/larsen66/modal/default/preview.1756780656423.png","pc":"educalvolpz","tg":["modal"]},{"id":"21st:educalvolpz__number-flow","t":"Number flow","d":"An animated numeric stepper with rolling, blur-transitioned digits and increment/decrement buttons for counters and quantity inputs.","k":"motion","s":"21st","c":"motion/number-ticker","a":"educalvolpz","u":3,"pl":"https://cdn.21st.dev/educlopez/number-flow/default/preview.1783677477782.png","pc":"educalvolpz","tg":["number"]},{"id":"21st:educalvolpz__otp-input","t":"Otp input","d":"Here is Otp Input component","s":"21st","c":"inputs/otp-input","a":"educalvolpz","pl":"https://cdn.21st.dev/larsen66/otp-input/default/preview.1760170385642.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__per-word-crossfade","t":"Per word crossfade","d":"Per-word text reveal that fades each word in with a subtle upward drift for a calm, keynote-style heading entrance.","k":"motion","s":"21st","c":"motion/text-effect","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/per-word-crossfade/default/preview.1784476034597-f1322c2e-6310-4293-bf05-6b64e712c031.png","pc":"educalvolpz","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:educalvolpz__prism-sweep-transition","t":"Prism sweep transition","d":"A refracting prism field sweeps across the screen and splits the outgoing frame into its channels — four tones, four directions, WebGL. Respects prefers-reduced-motion.","s":"21st","c":"other","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/prism-sweep-transition/default/preview.1785959810217-6d1df3d4-40e8-4256-a802-9db11716e251.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__reveal-text","t":"Reveal text","d":"Animated text reveal component with directional entrances (up, down, left, right), configurable delay, view-triggered animation, and reduced-motion support.","k":"motion","s":"21st","c":"motion/text-effect","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/reveal-text/default/preview.1783583237377.png","pc":"educalvolpz","tg":["scroll-area"],"sb":"Reveal and entrance"},{"id":"21st:educalvolpz__reviews-carousel","t":"Reviews carousel","d":"An animated carousel for displaying customer testimonials and reviews as a spring-animated stack of cards with keyboard navigation, indicators, and auto-play.","k":"section","s":"21st","c":"marketing/testimonials","a":"educalvolpz","u":7,"pl":"https://cdn.21st.dev/educlopez/reviews-carousel/default/preview.1783657507577.png","pc":"educalvolpz","tg":["carousel","testimonials"]},{"id":"21st:educalvolpz__sdf-blob-transition","t":"Sdf blob transition","d":"Signed-distance-field blobs grow, warp and merge to carry one screen into the next, with five variants and a duration you control. Respects prefers-reduced-motion.","k":"resource","s":"21st","c":"assets/shape","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/sdf-blob-transition/default/preview.1785959982415-f7337475-9b19-4302-b311-3e9d9151058a.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__shader-reveal-transition","t":"Shader reveal transition","d":"Eight GPU screen transitions in one component — noise, zoom, circle, wipe, luma, planetary, stripes and push — driven by a transitionKey. Respects prefers-reduced-motion.","s":"21st","c":"motion/text-effect","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/shader-reveal-transition/default/preview.1785959903556-88f96022-75b7-4ee4-b482-012cde5adadd.png","pc":"educalvolpz","sb":"Reveal and entrance"},{"id":"21st:educalvolpz__shared-axis-y","t":"Shared axis y","d":"An animated text component that swaps phrases with a per-word hard-cut staircase transition for sharp, editorial word cycling.","k":"motion","s":"21st","c":"motion/text-effect","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/shared-axis-y/default/preview.1784674037275-9c88f9b4-1dc1-4444-bd12-7957a15e4140.png","pc":"educalvolpz","tg":["text"]},{"id":"21st:educalvolpz__short-slide-down","t":"Short slide down","d":"A looping text animation where each word drops in from above onto its own centered line, stacking downward into a multi-line composition.","k":"motion","s":"21st","c":"motion/text-effect","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/short-slide-down/default/preview.1784453640803-9ce5c97a-fe7c-4f03-a0c9-f954f2ced492.png","pc":"educalvolpz","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:educalvolpz__short-slide-right","t":"Short slide right","d":"An animated text component that glides swapping phrases in from the left as one compact unit while words reveal in sequence through an opacity stagger.","k":"motion","s":"21st","c":"motion/text-effect","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/short-slide-right/default/preview.1784490114998-8c234894-7c42-4af7-9411-004ef8e178ae.png","pc":"educalvolpz","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:educalvolpz__siri-orb","t":"Siri orb","d":"Siri-style animated audio visualizer orb with conic gradients, smooth rotation, and customizable colors. Pure CSS animation, respects prefers-reduced-motion.","s":"21st","c":"ai-agent","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/siri-orb/default/preview.1776499909704.png","pc":"educalvolpz","tg":["ai-chat"],"sb":"Orbs and presence"},{"id":"21st:educalvolpz__smooth-button","t":"Smooth button","d":"A polished button component with gradient candy/destructive variants, sizes, and a subtle press-scale animation.","s":"21st","c":"actions/button","a":"educalvolpz","u":172,"pl":"https://cdn.21st.dev/educlopez/smooth-button/default/preview.1783577545659.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__soft-blur-in","t":"Soft blur in","d":"Per-character text reveal that fades each letter in with a soft blur and gentle upward motion for an Apple keynote-style hero title entrance.","k":"motion","s":"21st","c":"motion/text-effect","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/soft-blur-in/default/preview.1784416451741-695c41ee-f981-4317-be8a-f8e6ce936826.png","pc":"educalvolpz","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:educalvolpz__spring-scale-in","t":"Spring scale in","d":"A per-word text reveal that scales each word in with a soft spring overshoot for an iOS app icon-style pop.","k":"motion","s":"21st","c":"motion/text-effect","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/spring-scale-in/default/preview.1784384278542-9c687194-f6f1-403a-8bfe-c21d59721f0a.png","pc":"educalvolpz","tg":["text"],"sb":"Bouncy and wavy"},{"id":"21st:educalvolpz__typewriter-text","t":"Typewriter text","d":"Animated text that reveals character by character with a typewriter effect, with configurable speed, optional looping, and reduced-motion support.","k":"motion","s":"21st","c":"motion/text-effect","a":"educalvolpz","pl":"https://cdn.21st.dev/educlopez/typewriter-text/default/preview.1784702915097-f74500d9-5b43-41ff-b894-df4ac9c55e41.png","pc":"educalvolpz","sb":"Typewriter"},{"id":"21st:edwinvakayil__alert","t":"Alert","s":"21st","c":"overlays/alert-banner","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/alert/default/preview.1780079046419.png","pc":"edwinvakayil","tg":["alert","notification","toast"]},{"id":"21st:edwinvakayil__b-popover","t":"B popover","d":"A popover built on Base UI popover primitives with side-aware panel motion, optional anchor support, and size-aware content transitions.","s":"21st","c":"overlays/popover","a":"edwinvakayil","pl":"https://cdn.21st.dev/edwinvakayil/b-popover/default/preview.1785495734945-d3e3ff57-3b37-4109-8899-e3af28826c04.png","pc":"edwinvakayil","tg":["popover","tooltip"]},{"id":"21st:edwinvakayil__breadcrumbs","t":"Breadcrumbs","d":"This is a breadcrumbs component","s":"21st","c":"navigation/breadcrumb","a":"edwinvakayil","u":3,"pl":"https://cdn.21st.dev/lyanchouss/breadcrumbs/default/preview.1780148682971.png","pc":"edwinvakayil"},{"id":"21st:edwinvakayil__charts","t":"Charts","d":"There are charts component","s":"21st","c":"data-viz/chart","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/charts/default/preview.1780162520512.png","pc":"edwinvakayil","tg":["carousel","data-visualization"]},{"id":"21st:edwinvakayil__combobox","t":"Combobox","d":"This is combobox component","s":"21st","c":"inputs/combobox","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/combobox/default/preview.1780177029789.png","pc":"edwinvakayil","tg":["dropdown","select"]},{"id":"21st:edwinvakayil__dia-text","t":"Dia text","k":"motion","s":"21st","c":"motion/text-effect","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/dia-text/default/preview.1780688855312.png","pc":"edwinvakayil","tg":["text"]},{"id":"21st:edwinvakayil__faq-pro","t":"Faq pro","k":"section","s":"21st","c":"marketing/faq","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/faq-pro/default/preview.1780693119279.png","pc":"edwinvakayil","tg":["accordion","faq","search"]},{"id":"21st:edwinvakayil__file-tree","t":"File tree","d":"A compound file tree with nested folder rows, extension-aware icons, keyboard navigation, hover highlighting, and single or multi-select for browsing file structures.","s":"21st","c":"data-display/tree","a":"edwinvakayil","pl":"https://cdn.21st.dev/edwinvakayil/file-tree/default/preview.1783695298489.png","pc":"edwinvakayil","tg":["file-tree","icon"]},{"id":"21st:edwinvakayil__icon-bar","t":"Icon bar","s":"21st","c":"assets/icon","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/icon-bar/default/preview.1780694376489.png","pc":"edwinvakayil","tg":["icon"]},{"id":"21st:edwinvakayil__infinite-ribbon","t":"Infinite ribbon","k":"section","s":"21st","c":"marketing/announcement","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/infinite-ribbon/default/preview.1780694157426.png","pc":"edwinvakayil","tg":["marquee","scroll-area","text"]},{"id":"21st:edwinvakayil__morph-texts","t":"Morph texts","d":"Cycling headline words that morph between phrases with a goo-filter blur transition.","k":"motion","s":"21st","c":"motion/text-effect","a":"edwinvakayil","pl":"https://cdn.21st.dev/edwinvakayil/morph-texts/default/preview.1783681859817.png","pc":"edwinvakayil","sb":"Rotating words"},{"id":"21st:edwinvakayil__new-badge","t":"New badge","d":"This is a new badge component","s":"21st","c":"data-display/badge","a":"edwinvakayil","u":15,"pl":"https://cdn.21st.dev/lyanchouss/new-badge/default/preview.1780147043227.png","pc":"edwinvakayil","sb":"Labels"},{"id":"21st:edwinvakayil__new-button","t":"New button","d":"This is button component","s":"21st","c":"actions/button","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/new-button/default/preview.1780152269322.png","pc":"edwinvakayil"},{"id":"21st:edwinvakayil__new-calendar","t":"New calendar","d":"This is calendar component","s":"21st","c":"data-display/calendar","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/new-calendar/default/preview.1780166589989.png","pc":"edwinvakayil","tg":["calendar","date-picker"]},{"id":"21st:edwinvakayil__new-card","t":"New card","d":"This is card component","s":"21st","c":"data-display/card","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/new-card/default/preview.1780154062742.png","pc":"edwinvakayil"},{"id":"21st:edwinvakayil__new-checkbox","t":"New checkbox","d":"This is a checkbox component","s":"21st","c":"inputs/checkbox","a":"edwinvakayil","u":4,"pl":"https://cdn.21st.dev/lyanchouss/new-checkbox/default/preview.1780172525858.png","pc":"edwinvakayil","tg":["checkbox"]},{"id":"21st:edwinvakayil__new-context-menu","t":"New context menu","d":"This is context menu","s":"21st","c":"overlays/context-menu","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/new-context-menu/default/preview.1780177994596.png","pc":"edwinvakayil","tg":["menu"]},{"id":"21st:edwinvakayil__new-hover-card","t":"New hover card","d":"This is hover card component.","s":"21st","c":"overlays/hover-card","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/new-hover-card/default/preview.1780264099333.png","pc":"edwinvakayil","tg":["link","popover","profile"]},{"id":"21st:edwinvakayil__one-accordion","t":"One accordion","s":"21st","c":"data-display/accordion","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/one-accordion/default/preview.1780078237453.png","pc":"edwinvakayil","tg":["accordion","faq"],"sb":"FAQ"},{"id":"21st:edwinvakayil__one-alert-dialog","t":"One alert dialog","s":"21st","c":"overlays/dialog","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/one-alert-dialog/default/preview.1780080561509.png","pc":"edwinvakayil","tg":["alert","modal"],"sb":"Confirm"},{"id":"21st:edwinvakayil__one-avatar","t":"One avatar","s":"21st","c":"data-display/avatar","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/one-avatar/default/preview.1780082345678.png","pc":"edwinvakayil","tg":["team"]},{"id":"21st:edwinvakayil__one-toogle","t":"One toogle","s":"21st","c":"actions/switch","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/one-toogle/default/preview.1780696681239.png","pc":"edwinvakayil","tg":["toggle"]},{"id":"21st:edwinvakayil__origin-button","t":"Origin button","s":"21st","c":"actions/button","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/origin-button/default/preview.1780693767860.png","pc":"edwinvakayil","tg":["button"]},{"id":"21st:edwinvakayil__r-popover","t":"R popover","d":"An animated popover built on Radix UI primitives with side-aware panel motion, squircle corners, and size-aware content transitions.","s":"21st","c":"overlays/popover","a":"edwinvakayil","pl":"https://cdn.21st.dev/edwinvakayil/r-popover/default/preview.1785496369326-14bac932-26f3-496c-bfe3-7ec11846be74.png","pc":"edwinvakayil","tg":["popover","tooltip"]},{"id":"21st:edwinvakayil__rolling-digits","t":"Rolling digits","d":"An animated number counter where each digit springs and rolls vertically into place when the value changes.","s":"21st","c":"motion/number-ticker","a":"edwinvakayil","u":4,"pl":"https://cdn.21st.dev/edwinvakayil/rolling-digits/default/preview.1784753763985-90fd4822-a5d9-4fad-a5ee-0fdbc85d13e3.png","pc":"edwinvakayil","tg":["number"]},{"id":"21st:edwinvakayil__shimmer-text","t":"Shimmer text","k":"motion","s":"21st","c":"motion/text-effect","a":"edwinvakayil","u":13,"pl":"https://cdn.21st.dev/lyanchouss/shimmer-text/default/preview.1780687965359.png","pc":"edwinvakayil","tg":["ai-chat","spinner","text"],"sb":"Gradient and shimmer"},{"id":"21st:edwinvakayil__text-inertia","t":"Text inertia","k":"motion","s":"21st","c":"motion/text-effect","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/text-inertia/default/preview.1780687248770.png","pc":"edwinvakayil","tg":["text"]},{"id":"21st:edwinvakayil__the-button-group","t":"The button group","d":"This is a button group component","s":"21st","c":"actions/button","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/the-button-group/default/preview.1780152769626.png","pc":"edwinvakayil","sb":"Groups and split"},{"id":"21st:edwinvakayil__the-checkbox-group","t":"The checkbox group","d":"This is checkbox group component","s":"21st","c":"inputs/checkbox","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/the-checkbox-group/default/preview.1780173261175.png","pc":"edwinvakayil","tg":["checkbox"]},{"id":"21st:edwinvakayil__the-dialog","t":"The dialog","d":"This is dialog component","s":"21st","c":"overlays/dialog","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/the-dialog/default/preview.1780178505250.png","pc":"edwinvakayil","tg":["modal"]},{"id":"21st:edwinvakayil__the-typewriter","t":"The typewriter","k":"motion","s":"21st","c":"motion/text-effect","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/the-typewriter/default/preview.1780686622092.png","pc":"edwinvakayil","sb":"Typewriter"},{"id":"21st:edwinvakayil__theme-toggle","t":"Theme toggle","s":"21st","c":"actions/switch","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/theme-toggle/default/preview.1780692593304.png","pc":"edwinvakayil","tg":["toggle"],"sb":"Theme toggles"},{"id":"21st:edwinvakayil__toggle-group","t":"Toggle group","s":"21st","c":"actions/switch","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/toggle-group/default/preview.1780695938765.png","pc":"edwinvakayil","tg":["toggle"]},{"id":"21st:edwinvakayil__tooltip","t":"Tooltip","s":"21st","c":"overlays/tooltip","a":"edwinvakayil","pl":"https://cdn.21st.dev/lyanchouss/tooltip/default/preview.1780695705004.png","pc":"edwinvakayil","tg":["link","tooltip"]},{"id":"21st:edwinvakayil__verified-badge","t":"Verified badge","s":"21st","c":"data-display/badge","a":"edwinvakayil","u":2,"pl":"https://cdn.21st.dev/lyanchouss/verified-badge/default/preview.1780692055590.png","pc":"edwinvakayil","tg":["badge","icon"],"sb":"Labels"},{"id":"21st:efferd__popover","t":"Popover","s":"21st","c":"data-display/profile","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/popover/default/preview.1753470878115.png","pc":"efferd"},{"id":"21st:eghafari.5000__glass-card","t":"Glass card","d":"A reusable glassmorphism card component optimized for product presentation in modern UI systems.","s":"21st","c":"data-display/card","a":"eghafari.5000","pl":"https://cdn.21st.dev/eghafari.5000/glass-card/default/preview.1767563813390.png","pc":"eghafari.5000","sb":"Animated and glowing"},{"id":"21st:eindev__glass-spotlight","t":"Glass spotlight","d":"A guided product-tour spotlight that dims the page and highlights a target element with a glass-morphism tooltip card and step navigation.","k":"motion","s":"21st","c":"motion/background","a":"eindev","pl":"https://cdn.21st.dev/eindev/glass-spotlight/default/preview.1784824080141-78e914a3-840b-429f-9ade-9610ba484553.png","pc":"eindev","sb":"Beams and light"},{"id":"21st:ekmas__accordion","t":"Accordion","d":"Neobrutalism-styled accordion component.","s":"21st","c":"data-display/accordion","a":"ekmas","u":46,"pl":"https://cdn.21st.dev/user_2reteS3IODi8OJpbNYOpgLKdwT7/accordion/default/preview.1739030210739.png","pc":"ekmas","tg":["accordion","border","faq"],"sb":"FAQ"},{"id":"21st:elements-__chain-of-thought","t":"Chain of thought","d":"Collapsible component that visualizes AI reasoning as step-by-step thinking with status indicators, search results, and images.","s":"21st","c":"navigation/wizard-steps","a":"elements-","st":"rated","pl":"https://cdn.21st.dev/elements-/chain-of-thought/default/preview.1784286490315-001427c4-0049-4f59-9368-47080a0a191d.png","pc":"elements-","tg":["ai-chat","search","steps"],"sc":22},{"id":"21st:elements-__conversation-tree","t":"Conversation tree","d":"A compound component that visualizes branching AI conversations as an expandable tree with node type indicators, active path highlighting, and click-to-navigate selection.","s":"21st","c":"ai-agent/composer","a":"elements-","pl":"https://cdn.21st.dev/elements-/conversation-tree/default/preview.1784311529739-6ae5f187-e778-4e3f-a823-089314ebd600.png","pc":"elements-","tg":["ai-chat","file-tree"]},{"id":"21st:elements-__error-boundary-ui","t":"Error boundary ui","d":"An error display component for React error boundaries showing the message, parsed stack trace, component stack, with retry and copy-error actions.","s":"21st","c":"data-display/accordion","a":"elements-","pl":"https://cdn.21st.dev/elements-/error-boundary-ui/default/preview.1783730014402.png","pc":"elements-","tg":["accordion"]},{"id":"21st:elements-__latency-meter","t":"Latency meter","d":"Response time visualization for AI requests showing TTFB and total duration with color-coded performance indicators, an animated progress bar, and compact or expanded variants.","s":"21st","c":"data-viz/gauge","a":"elements-","pl":"https://cdn.21st.dev/elements-/latency-meter/default/preview.1784354323301-ff45538d-0d27-4918-bc01-f7f3bf9e0769.png","pc":"elements-"},{"id":"21st:elements-__loader-cli-spinner","t":"Loader cli spinner","d":"A terminal-style text spinner with 90 selectable ASCII/braille animation variants for loading states.","s":"21st","c":"status/loader","a":"elements-","pl":"https://cdn.21st.dev/elements-/loader-cli-spinner/default/preview.1784366532450-4628a890-b52e-4dae-afbf-53e0ff13e70b.png","pc":"elements-","tg":["spinner"],"sb":"Spinners"},{"id":"21st:elements-__loader-dot-matrix","t":"Loader dot matrix","d":"A grid of dots that animate with ripple, wave, or rain patterns to indicate a loading state.","s":"21st","c":"status/loader","a":"elements-","pl":"https://cdn.21st.dev/elements-/loader-dot-matrix/default/preview.1785376254909-69c5959d-a50e-4c84-8b26-8fc41776e2c0.png","pc":"elements-","sb":"Dots and pulse"},{"id":"21st:elements-__loader-glitch-text","t":"Loader glitch text","d":"Animated glitch text loader with RGB channel splitting, clip-path distortion, and random character scrambling.","k":"motion","s":"21st","c":"motion/text-effect","a":"elements-","pl":"https://cdn.21st.dev/elements-/loader-glitch-text/default/preview.1784365049395-b6731912-5b32-437d-a859-952275ddaff1.png","pc":"elements-","tg":["spinner","text"],"sb":"Scramble and glitch"},{"id":"21st:elements-__loader-helix","t":"Loader helix","d":"An animated DNA double-helix loading spinner with dots traveling along interleaved sinusoidal paths, supporting dna, ribbon, and minimal variants.","s":"21st","c":"status/loader","a":"elements-","pl":"https://cdn.21st.dev/elements-/loader-helix/default/preview.1784377377368-aa225c9d-fb0a-4306-8b91-523a55332a5a.png","pc":"elements-","tg":["spinner"],"sb":"Spinners"},{"id":"21st:elements-__loader-morphing-blob","t":"Loader morphing blob","d":"An animated liquid blob loading spinner with organic morphing shapes, specular highlights, and metallic, iridescent, or themed color variants.","k":"resource","s":"21st","c":"assets/shape","a":"elements-","pl":"https://cdn.21st.dev/elements-/loader-morphing-blob/default/preview.1784367958047-1a6bd0ff-2dcd-4a76-a3d8-055401273d11.png","pc":"elements-","tg":["spinner"]},{"id":"21st:elements-__loader-signal-bars","t":"Loader signal bars","d":"An audio waveform loading indicator with configurable bars that pulse rhythmically in equalizer, waveform, or heartbeat styles.","s":"21st","c":"status/loader","a":"elements-","pl":"https://cdn.21st.dev/elements-/loader-signal-bars/default/preview.1786705753779-91dc56a4-0c46-46e5-96ce-8116f174612f.png","pc":"elements-","sb":"Bars"},{"id":"21st:elements-__loader-terminal-decode","t":"Loader terminal decode","d":"An animated loading indicator that cycles through random symbol, binary, or hex characters before resolving into readable text, like a terminal decoding cipher.","s":"21st","c":"data-display/code-block","a":"elements-","pl":"https://cdn.21st.dev/elements-/loader-terminal-decode/default/preview.1784762281215-d9dffa81-7495-4b6d-9b61-7af77b8d5070.png","pc":"elements-","tg":["spinner"]},{"id":"21st:elements-__message-bubble","t":"Message bubble","d":"Chat message bubble with user and assistant roles, provider avatars, timestamps, streaming cursor, and copy-on-hover.","s":"21st","c":"ai-agent/ai-agent","a":"elements-","pl":"https://cdn.21st.dev/elements-/message-bubble/default/preview.1784355273283-0a92aa00-6cc7-4be2-a5f2-4c03ac43a373.png","pc":"elements-","tg":["ai-chat"],"sb":"Chat"},{"id":"21st:elements-__polar-sponsor-grid","t":"Polar sponsor grid","d":"A grid of sponsor avatars grouped by contribution tier, with initials fallbacks, custom tier colors, and profile links.","s":"21st","c":"layout/bento-grid","a":"elements-","pl":"https://cdn.21st.dev/elements-/polar-sponsor-grid/default/preview.1784714459533-9843a0f2-5b55-4a99-be2e-bb7112249682.png","pc":"elements-"},{"id":"21st:elements-__prompt-diff","t":"Prompt diff","d":"Compound component that compares two system prompts with unified or side-by-side diff views, added/removed line highlighting, line numbers, and copy buttons.","s":"21st","c":"ai-agent/composer","a":"elements-","pl":"https://cdn.21st.dev/elements-/prompt-diff/default/preview.1783574936439.png","pc":"elements-","tg":["ai-chat"]},{"id":"21st:elements-__routing-indicator","t":"Routing indicator","d":"A multi-agent routing visualizer that highlights matched patterns in the input, shows the target agent with a confidence score, and animates an active routing state.","s":"21st","c":"ai-agent/composer","a":"elements-","st":"rated","pl":"https://cdn.21st.dev/elements-/routing-indicator/default/preview.1784366538594-89b9601b-0a59-4e4e-a80e-216e26b2d54d.png","pc":"elements-","tg":["ai-chat"],"sc":21},{"id":"21st:elements-__streaming-text","t":"Streaming text","d":"Animated text that streams in character-by-character or word-by-word with a blinking cursor, simulating an AI typewriter response.","s":"21st","c":"ai-agent/ai-agent","a":"elements-","pl":"https://cdn.21st.dev/elements-/streaming-text/default/preview.1783715791002.png","pc":"elements-","tg":["ai-chat","cursor"],"sb":"Chat"},{"id":"21st:elements-__suggested-actions","t":"Suggested actions","d":"Responsive grid of suggestion buttons that display quick chat prompts users can click to start or steer a conversation.","s":"21st","c":"ai-agent/composer","a":"elements-","pl":"https://cdn.21st.dev/elements-/suggested-actions/default/preview.1784360655182-c2c209b9-d3fa-47c7-8687-3988354daa52.png","pc":"elements-","tg":["ai-chat"]},{"id":"21st:elements-__tool-call","t":"Tool call","d":"Compound component for displaying AI tool and function invocations with status badges, JSON input/output, and a collapsible interface for MCP and function-calling workflows.","s":"21st","c":"ai-agent/ai-agent","a":"elements-","st":"rated","pl":"https://cdn.21st.dev/elements-/tool-call/default/preview.1784287390993-d8ef5295-9ec9-4823-9bb8-fb0c183b59e2.png","pc":"elements-","tg":["ai-chat"],"sc":21,"sb":"Reasoning and tools"},{"id":"21st:elements-__uploadthing-dropzone","t":"Uploadthing dropzone","d":"A drag-and-drop file upload zone with progress tracking, validation, and uploaded-file management that works with any upload backend.","s":"21st","c":"inputs/file-upload","a":"elements-","st":"rated","pl":"https://cdn.21st.dev/elements-/uploadthing-dropzone/default/preview.1784756358475-55119eaa-82bb-446f-ae7a-12b91558d60c.png","pc":"elements-","tg":["upload-download"],"sc":22},{"id":"21st:elements-__uploadthing-image-grid","t":"Uploadthing image grid","d":"A multi-image upload grid with preview thumbnails, hover-to-remove buttons, upload progress spinners, and configurable columns.","s":"21st","c":"media/gallery","a":"elements-","pl":"https://cdn.21st.dev/elements-/uploadthing-image-grid/default/preview.1784266068302-e90d401c-297a-4546-8e70-b7ee69b0fd0c.png","pc":"elements-","tg":["gallery","image","upload-download"],"sb":"Grids"},{"id":"21st:elements-__uploadthing-paste","t":"Uploadthing paste","d":"A clipboard paste zone that accepts pasted images and files, showing upload progress and success states — ideal for quick screenshot uploads.","k":"motion","s":"21st","c":"motion/border","a":"elements-","pl":"https://cdn.21st.dev/elements-/uploadthing-paste/default/preview.1784757063461-7be67303-f581-426d-b89c-f9c2176cddc0.png","pc":"elements-","tg":["border","upload-download"]},{"id":"21st:elements-__uploadthing-progress","t":"Uploadthing progress","d":"An upload progress indicator with linear bar, circular ring, and minimal percentage variants in three sizes.","s":"21st","c":"data-viz/progress-bar","a":"elements-","st":"rated","pl":"https://cdn.21st.dev/elements-/uploadthing-progress/default/preview.1784365043344-9097bf05-781c-4335-9b88-953583421c88.png","pc":"elements-","tg":["progress","upload-download"],"sc":20},{"id":"21st:elements-__upstash-counter","t":"Upstash counter","d":"Animated number counter with smooth transitions, compact formatting, and optional increment/decrement controls for displaying Redis counters.","k":"motion","s":"21st","c":"motion/number-ticker","a":"elements-","u":2,"pl":"https://cdn.21st.dev/elements-/upstash-counter/default/preview.1784348856408-d2871063-c319-4d39-974a-bc41f05f2730.png","pc":"elements-","tg":["stat"]},{"id":"21st:eliaszaki__silk-blend","t":"Silk blend","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#0B1E3B, #1E5A8A, #4F9AD0, #BFE6F5). Features: film grain. A drop-in","k":"motion","s":"21st","c":"motion/gradient","a":"eliaszaki","pl":"https://cdn.21st.dev/eliaszaki/silk-blend/default/preview.1785167739769-94d83a1c-71d1-4e44-8dbf-8db09e93229c.webp","pc":"eliaszaki","sb":"Silk Blend"},{"id":"21st:elizarovroma__gffgfdfdfgdfgdf","t":"Gffgfdfdfgdfgdf","d":"dfgdgfdgfdgfdgfgdfgdfgdfdgdfgdfgdgdg","s":"21st","c":"other","a":"elizarovroma","pl":"https://cdn.21st.dev/elizarovroma/gffgfdfdfgdfgdf/default/preview.1748675524417.png","pc":"elizarovroma"},{"id":"21st:ephraimduncan__dialog","t":"Dialog","d":"Here is minimalistic dialog","s":"21st","c":"overlays/dialog","a":"ephraimduncan","u":33,"pl":"https://cdn.21st.dev/larsen66/dialog/default/preview.1748124547110.png","pc":"ephraimduncan","tg":["modal"]},{"id":"21st:ephraimduncan__dialog-1","t":"Dialog 1","d":"Here is dialog component","s":"21st","c":"overlays/dialog","a":"ephraimduncan","u":37,"pl":"https://cdn.21st.dev/larsen66/dialog-1/default/preview.1748125065573.png","pc":"ephraimduncan","tg":["modal"]},{"id":"21st:ephraimduncan__dialog-deactivate","t":"Dialog deactivate","d":"Here is account deactivation dialog","s":"21st","c":"overlays/dialog","a":"ephraimduncan","st":"rated","u":23,"pl":"https://cdn.21st.dev/larsen66/dialog-deactivate/default/preview.1748125242265.png","pc":"ephraimduncan","tg":["alert","modal"],"sc":18,"sb":"Confirm"},{"id":"21st:ephraimduncan__dialog-info","t":"Dialog info","d":"Here is dialog information filling component","s":"21st","c":"flows/sign-in","a":"ephraimduncan","st":"rated","pl":"https://cdn.21st.dev/larsen66/dialog-info/default/preview.1748125968160.png","pc":"ephraimduncan","tg":["modal"],"sc":18},{"id":"21st:ephraimduncan__dialog-modal","t":"Dialog modal","d":"Here is deactivationg two-step modal dialog","s":"21st","c":"overlays/dialog","a":"ephraimduncan","u":19,"pl":"https://cdn.21st.dev/larsen66/dialog-modal/default/preview.1748125357349.png","pc":"ephraimduncan","tg":["alert","modal","steps"],"sb":"Confirm"},{"id":"21st:ephraimduncan__dialog-projectstarter","t":"Dialog projectstarter","d":"Here is minimalistic project started dialog page","s":"21st","c":"overlays/dialog","a":"ephraimduncan","st":"rated","pl":"https://cdn.21st.dev/larsen66/dialog-projectstarter/default/preview.1748125922149.png","pc":"ephraimduncan","tg":["modal"],"sc":22},{"id":"21st:ephraimduncan__file-upload","t":"File upload","d":"here is minimalistic file upload component","s":"21st","c":"inputs/file-upload","a":"ephraimduncan","u":27,"pl":"https://cdn.21st.dev/larsen66/file-upload/default/preview.1748126643352.png","pc":"ephraimduncan","tg":["modal","upload-download"]},{"id":"21st:ephraimduncan__file-upload-01","t":"File upload 01","d":"A file upload card with a drag-and-drop dropzone, image preview, upload progress bars, and a project details form.","s":"21st","c":"inputs/file-upload","a":"ephraimduncan","u":8,"pl":"https://cdn.21st.dev/ephraimduncan/file-upload-01/default/preview.1784719369603-f0bff071-76e5-4dcf-804e-900e18a38188.png","pc":"ephraimduncan","tg":["upload-download"]},{"id":"21st:ephraimduncan__file-upload-03","t":"File upload 03","d":"A multi-file upload card with a drag-and-drop dropzone, bucket name and visibility fields, and a removable list of selected files.","s":"21st","c":"inputs/file-upload","a":"ephraimduncan","u":4,"pl":"https://cdn.21st.dev/ephraimduncan/file-upload-03/default/preview.1784719303115-3bccdb17-1428-4c58-9944-c1aa1dd7e8bf.png","pc":"ephraimduncan","tg":["upload-download"]},{"id":"21st:ephraimduncan__file-upload-04","t":"File upload 04","d":"A drag-and-drop file upload area for CSV, XLSX and XLS files with type validation, an upload progress bar and cancel action.","s":"21st","c":"inputs/file-upload","a":"ephraimduncan","st":"rated","pl":"https://cdn.21st.dev/ephraimduncan/file-upload-04/default/preview.1784486849877-4a874d33-4764-454f-aaaf-d57accdb6e1d.png","pc":"ephraimduncan","tg":["progress","upload-download"],"sc":22},{"id":"21st:ephraimduncan__file-upload-1","t":"File upload 1","d":"Here is File Upload component","s":"21st","c":"inputs/file-upload","a":"ephraimduncan","st":"rated","u":88,"pl":"https://cdn.21st.dev/larsen66/file-upload-1/default/preview.1753209223376.png","pc":"ephraimduncan","tg":["card","form","input","progress"],"sc":22},{"id":"21st:ephraimduncan__form","t":"Form","d":"Minimalistic form layout","s":"21st","c":"inputs/form-field","a":"ephraimduncan","u":10,"pl":"https://cdn.21st.dev/larsen66/form/default/preview.1748127154626.png","pc":"ephraimduncan","tg":["form","sign-up"],"sb":"Whole forms"},{"id":"21st:ephraimduncan__form-1","t":"Form 1","d":"Here is advanced form layout","s":"21st","c":"inputs/form-field","a":"ephraimduncan","st":"rated","u":15,"pl":"https://cdn.21st.dev/larsen66/form-1/default/preview.1748127309823.png","pc":"ephraimduncan","tg":["form","radio-group","select","textarea"],"sc":19,"sb":"Whole forms"},{"id":"21st:ephraimduncan__form-2","t":"Form 2","d":"minimalistic register form ","s":"21st","c":"inputs/form-field","a":"ephraimduncan","st":"rated","u":29,"pl":"https://cdn.21st.dev/larsen66/form-2/default/preview.1748127382629.png","pc":"ephraimduncan","tg":["sign-up"],"sc":17,"sb":"Whole forms"},{"id":"21st:ephraimduncan__form-layout","t":"Form layout","d":"Here is Form Layout component","s":"21st","c":"inputs/form-field","a":"ephraimduncan","u":112,"pl":"https://cdn.21st.dev/larsen66/form-layout/default/preview.1753207332517.png","pc":"ephraimduncan","tg":["checkbox","form","pricing-section","radio-group"],"sb":"Whole forms"},{"id":"21st:ephraimduncan__grid","t":"Grid","d":"A simple minimalistic grid","s":"21st","c":"media/gallery","a":"ephraimduncan","pl":"https://cdn.21st.dev/larsen66/grid/default/preview.1748127479128.png","pc":"ephraimduncan","sb":"Grids"},{"id":"21st:ephraimduncan__info-dialog","t":"Info dialog","d":"Here is info filling dialog page","s":"21st","c":"overlays/dialog","a":"ephraimduncan","st":"rated","pl":"https://cdn.21st.dev/larsen66/info-dialog/default/preview.1748125792319.png","pc":"ephraimduncan","tg":["modal"],"sc":21},{"id":"21st:ephraimduncan__login-03","t":"Login 03","d":"A centered login form with email and password fields, a sign-in button, and a reset-password link.","s":"21st","c":"flows/sign-in","a":"ephraimduncan","u":6,"pl":"https://cdn.21st.dev/ephraimduncan/login-03/default/preview.1784787523413-7054b4a2-ae6b-40a0-861e-f0ae301d5930.png","pc":"ephraimduncan","tg":["sign-in"],"sb":"Sign in"},{"id":"21st:ephraimduncan__login-05","t":"Login 05","d":"A centered signup card with name, email, password and confirm-password fields, a newsletter checkbox, and terms links for creating a new workspace account.","s":"21st","c":"flows/sign-in","a":"ephraimduncan","u":4,"pl":"https://cdn.21st.dev/ephraimduncan/login-05/default/preview.1784787135640-b51f3dbc-f4a3-4235-934d-d27b6bdc80e2.png","pc":"ephraimduncan","tg":["sign-up"],"sb":"Sign up"},{"id":"21st:ephraimduncan__login-06","t":"Login 06","d":"A centered card login form offering magic-link email sign-in, password fallback, and single sign-on (SSO).","s":"21st","c":"flows/sign-in","a":"ephraimduncan","u":4,"pl":"https://cdn.21st.dev/ephraimduncan/login-06/default/preview.1784787329983-1bea4256-d56c-46a5-b168-df32a4461b45.png","pc":"ephraimduncan","sb":"Sign in"},{"id":"21st:ephraimduncan__login-08","t":"Login 08","d":"A centered login card with email and password fields, a show/hide password toggle, remember-me checkbox, and a single sign-on (SSO) button.","s":"21st","c":"flows/sign-in","a":"ephraimduncan","u":6,"pl":"https://cdn.21st.dev/ephraimduncan/login-08/default/preview.1784786918104-26a72207-c869-4b8c-bb9e-f9e267c69fed.png","pc":"ephraimduncan","tg":["sign-in"],"sb":"Sign up"},{"id":"21st:ephraimduncan__login-1","t":"Login 1","d":"here is minimalistic login pag","s":"21st","c":"flows/sign-in","a":"ephraimduncan","pl":"https://cdn.21st.dev/larsen66/login-1/default/preview.1748127666675.png","pc":"ephraimduncan","tg":["sign-in"],"sb":"Sign up"},{"id":"21st:ephraimduncan__login-2","t":"Login 2","d":"Here is minimalistic advanced login page","s":"21st","c":"flows/sign-in","a":"ephraimduncan","u":61,"pl":"https://cdn.21st.dev/larsen66/login-2/default/preview.1748127888670.png","pc":"ephraimduncan","tg":["sign-in"],"sb":"Sign up"},{"id":"21st:ephraimduncan__login-3","t":"Login 3","d":"here is advanced login page","s":"21st","c":"flows/sign-in","a":"ephraimduncan","st":"rated","u":58,"pl":"https://cdn.21st.dev/larsen66/login-3/default/preview.1748127965199.png","pc":"ephraimduncan","tg":["form","sign-in"],"sc":18,"sb":"Sign up"},{"id":"21st:ephraimduncan__login-signup","t":"Login signup","d":"Here is Login & Signup component","s":"21st","c":"flows/sign-in","a":"ephraimduncan","u":282,"pl":"https://cdn.21st.dev/larsen66/login-signup/default/preview.1753197583457.png","pc":"ephraimduncan","tg":["checkbox","form","input","sign-in"],"sb":"Sign up"},{"id":"21st:ephraimduncan__registration","t":"Registration","d":"here is minimalistic registration page","s":"21st","c":"flows/sign-in","a":"ephraimduncan","u":83,"pl":"https://cdn.21st.dev/larsen66/registration/default/preview.1748128150916.png","pc":"ephraimduncan","tg":["checkbox","sign-up"],"sb":"Sign up"},{"id":"21st:ephraimduncan__share-dialog","t":"Share dialog","d":"Here is minimalistic share dialog","s":"21st","c":"overlays/dialog","a":"ephraimduncan","u":27,"pl":"https://cdn.21st.dev/larsen66/share-dialog/default/preview.1748125630450.png","pc":"ephraimduncan","tg":["modal"],"sb":"Share and invite"},{"id":"21st:ephraimduncan__signup","t":"Signup","d":"Here is advanced signup page","s":"21st","c":"flows/sign-in","a":"ephraimduncan","u":23,"pl":"https://cdn.21st.dev/larsen66/signup/default/preview.1748127854456.png","pc":"ephraimduncan","tg":["checkbox","sign-up"],"sb":"Sign up"},{"id":"21st:ephraimduncan__stats","t":"Stats","d":"Here is minimalistic stat block","s":"21st","c":"data-display/stat","a":"ephraimduncan","u":18,"pl":"https://cdn.21st.dev/larsen66/stats/default/preview.1748128113308.png","pc":"ephraimduncan","tg":["stat"]},{"id":"21st:ephraimduncan__stats-1","t":"Stats 1","d":"Here is minimalistic stats component","s":"21st","c":"data-display/stat","a":"ephraimduncan","u":6,"pl":"https://cdn.21st.dev/larsen66/stats-1/default/preview.1748128273797.png","pc":"ephraimduncan","tg":["card","dashboard","stat"]},{"id":"21st:ephraimduncan__stats-3","t":"Stats 3","d":"Here is minimalistic stats with progress bar","s":"21st","c":"data-display/stat","a":"ephraimduncan","u":11,"pl":"https://cdn.21st.dev/larsen66/stats-3/default/preview.1748128398216.png","pc":"ephraimduncan","tg":["dashboard","progress","stat"]},{"id":"21st:ephraimduncan__stats-4","t":"Stats 4","d":"Here is advanced charts with chart","s":"21st","c":"data-display/stat","a":"ephraimduncan","u":30,"pl":"https://cdn.21st.dev/larsen66/stats-4/default/preview.1748128467789.png","pc":"ephraimduncan","tg":["stat"]},{"id":"21st:ephraimduncan__stats-cards-with-links","t":"Stats cards with links","d":"Here is Stats cards with links","s":"21st","c":"data-display/stat","a":"ephraimduncan","u":71,"pl":"https://cdn.21st.dev/larsen66/stats-cards-with-links/default/preview.1753307424371.png","pc":"ephraimduncan","tg":["card","dashboard","link","pricing-section"]},{"id":"21st:ephraimduncan__upload","t":"Upload","d":"Simple upload block","s":"21st","c":"inputs/file-upload","a":"ephraimduncan","pl":"https://cdn.21st.dev/larsen66/upload/default/preview.1748126940159.png","pc":"ephraimduncan","tg":["upload-download"]},{"id":"21st:ephraimduncan__upload-1","t":"Upload 1","d":"A minimalistic upload form","s":"21st","c":"inputs/file-upload","a":"ephraimduncan","u":19,"pl":"https://cdn.21st.dev/larsen66/upload-1/default/preview.1748127197206.png","pc":"ephraimduncan","tg":["upload-download"]},{"id":"21st:ephraimduncan__upload-advanced","t":"Upload advanced","d":"Here is detailed upload component","s":"21st","c":"inputs/file-upload","a":"ephraimduncan","st":"rated","u":12,"pl":"https://cdn.21st.dev/larsen66/upload-advanced/default/preview.1748126976281.png","pc":"ephraimduncan","tg":["upload-download"],"sc":21},{"id":"21st:erikvalencia1__3d-interactive-hero-scene","t":"3d interactive hero scene","d":"3D Interactive Hero Scene","k":"section","s":"21st","c":"marketing/hero","a":"erikvalencia1","pl":"https://cdn.21st.dev/erikvalencia1/3d-interactive-hero-scene/default/preview.1758221629528.png","pc":"erikvalencia1","sb":"Animated background"},{"id":"21st:erikvalencia1__animated-bento-grid","t":"Animated bento grid","d":"Animated Bento Grid with complex Illustrations ","k":"layout","s":"21st","c":"layout/bento-grid","a":"erikvalencia1","pl":"https://cdn.21st.dev/erikvalencia1/animated-bento-grid/default/preview.1757839538301.png","pc":"erikvalencia1"},{"id":"21st:erikvalencia1__animated-tabs-background","t":"Animated tabs background","d":"Animated Tabs Background","k":"motion","s":"21st","c":"motion/background","a":"erikvalencia1","pl":"https://cdn.21st.dev/erikvalencia1/animated-tabs-background/default/preview.1759156368752.png","pc":"erikvalencia1","tg":["tabs"]},{"id":"21st:erikvalencia1__floating-dock-navigation","t":"Floating dock navigation","d":"Floating Dock Navigation","s":"21st","c":"navigation/dock","a":"erikvalencia1","u":19,"pl":"https://cdn.21st.dev/erikvalencia1/floating-dock-navigation/default/preview.1759611633848.png","pc":"erikvalencia1","tg":["dock","navigation-menu"]},{"id":"21st:erikvalencia1__get-in-touch","t":"Get in touch","d":"Get in Touch","s":"21st","c":"other","a":"erikvalencia1","pl":"https://cdn.21st.dev/erikvalencia1/get-in-touch/default/preview.1757731034159.png","pc":"erikvalencia1"},{"id":"21st:erikvalencia1__hero-odyssey","t":"Hero odyssey","d":"Hero Section with Lightning effect ( coded ).","k":"section","s":"21st","c":"marketing/hero","a":"erikvalencia1","u":445,"pl":"https://cdn.21st.dev/erikvalencia1/hero-odyssey/default/preview.1785355980033-2e57ae46-bdf3-48f4-975f-5784bd8e2328.png","pc":"erikvalencia1"},{"id":"21st:erikvalencia1__hover-button","t":"Hover button","d":"Hover Button","s":"21st","c":"actions/button","a":"erikvalencia1","pl":"https://cdn.21st.dev/erikvalencia1/hover-button/default/preview.1757835216283.png","pc":"erikvalencia1","sb":"Animated"},{"id":"21st:erikvalencia1__hover-button-1","t":"Hover button 1","d":"Hover Buttom","s":"21st","c":"actions/button","a":"erikvalencia1","pl":"https://cdn.21st.dev/erikvalencia1/hover-button-1/default/preview.1757836563055.png","pc":"erikvalencia1","sb":"Animated"},{"id":"21st:erikvalencia1__hover-link-animation","t":"Hover link animation","d":"Hover Link Animation","s":"21st","c":"actions/link","a":"erikvalencia1","pl":"https://cdn.21st.dev/erikvalencia1/hover-link-animation/default/preview.1759152631831.png","pc":"erikvalencia1","tg":["link","text"]},{"id":"21st:erikvalencia1__hover-text-glow","t":"Hover text glow","d":"Hover Text Glow","k":"motion","s":"21st","c":"motion/text-effect","a":"erikvalencia1","u":10,"pl":"https://cdn.21st.dev/erikvalencia1/hover-text-glow/default/preview.1759612918455.png","pc":"erikvalencia1"},{"id":"21st:erikvalencia1__interactive-ripple-background","t":"Interactive ripple background","d":" Interactive Ripple Background","k":"motion","s":"21st","c":"motion/background","a":"erikvalencia1","u":7,"pl":"https://cdn.21st.dev/erikvalencia1/interactive-ripple-background/default/preview.1759611383741.png","pc":"erikvalencia1","tg":["background"],"sb":"Waves and warps"},{"id":"21st:erikvalencia1__layer-parallax-hero","t":"Layer parallax hero","d":"Layer Parallax Hero","k":"section","s":"21st","c":"marketing/hero","a":"erikvalencia1","u":10,"pl":"https://cdn.21st.dev/erikvalencia1/layer-parallax-hero/default/preview.1759612080134.png","pc":"erikvalencia1","tg":["features"],"sb":"Animated background"},{"id":"21st:erikvalencia1__liquid-background-shader","t":"Liquid background shader","d":"Liquid Background Shader","k":"motion","s":"21st","c":"motion/background","a":"erikvalencia1","pl":"https://cdn.21st.dev/erikvalencia1/liquid-background-shader/default/preview.1758220896098.png","pc":"erikvalencia1","sb":"Shaders and WebGL"},{"id":"21st:erikvalencia1__login-page","t":"Login page","d":"Login Page","s":"21st","c":"flows/sign-in","a":"erikvalencia1","pl":"https://cdn.21st.dev/erikvalencia1/login-page/default/preview.1757732472254.png","pc":"erikvalencia1","sb":"Sign in"},{"id":"21st:erikvalencia1__morphing-text","t":"Morphing text","d":"Morphing Text Component","k":"motion","s":"21st","c":"motion/text-effect","a":"erikvalencia1","u":13,"pl":"https://cdn.21st.dev/erikvalencia1/morphing-text/default/preview.1759611515331.png","pc":"erikvalencia1","sb":"Rotating words"},{"id":"21st:erikvalencia1__our-services","t":"Our services","d":"Our Services Section","k":"section","s":"21st","c":"marketing/features","a":"erikvalencia1","pl":"https://cdn.21st.dev/erikvalencia1/our-services/default/preview.1757731682761.png","pc":"erikvalencia1"},{"id":"21st:erikvalencia1__pricing-card-component","t":"Pricing card component","d":"Pricing Card Component","k":"section","s":"21st","c":"marketing/pricing","a":"erikvalencia1","pl":"https://cdn.21st.dev/erikvalencia1/pricing-card-component/default/preview.1759611554407.png","pc":"erikvalencia1","tg":["badge","card","pricing-section","table"],"sb":"Plan cards"},{"id":"21st:erikvalencia1__pricing-card-with-features","t":"Pricing card with features","d":"Pricing Card With Features","k":"section","s":"21st","c":"marketing/pricing","a":"erikvalencia1","u":36,"pl":"https://cdn.21st.dev/erikvalencia1/pricing-card-with-features/default/preview.1759819408275.png","pc":"erikvalencia1","tg":["pricing-section"],"sb":"Plan cards"},{"id":"21st:erikvalencia1__pricing-plan","t":"Pricing plan","d":"Pricing Plan Section","k":"section","s":"21st","c":"marketing/pricing","a":"erikvalencia1","pl":"https://cdn.21st.dev/erikvalencia1/pricing-plan/default/preview.1757731909661.png","pc":"erikvalencia1","sb":"Plan cards"},{"id":"21st:erikvalencia1__ripple-animation","t":"Ripple animation","d":"Ripple Animation","k":"motion","s":"21st","c":"motion/background","a":"erikvalencia1","pl":"https://cdn.21st.dev/erikvalencia1/ripple-animation/default/preview.1759613322430.png","pc":"erikvalencia1","sb":"Waves and warps"},{"id":"21st:erikvalencia1__voice-recording","t":"Voice recording","d":"Voice Recording Component","s":"21st","c":"ai-agent","a":"erikvalencia1","pl":"https://cdn.21st.dev/erikvalencia1/voice-recording/default/preview.1759611224963.png","pc":"erikvalencia1"},{"id":"21st:estudioledcriativo__ledmkt","t":"Ledmkt","d":"AGENCY BRAZIL","s":"21st","c":"other","a":"estudioledcriativo","pl":"https://cdn.21st.dev/estudioledcriativo/ledmkt/default/preview.1749310737720.png","pc":"estudioledcriativo"},{"id":"21st:evansliaudet__animated-select-1","t":"Animated select 1","d":"Animated select component made using framer-motion","s":"21st","c":"inputs/select","a":"evansliaudet","u":18,"pl":"https://cdn.21st.dev/user_2vd5Ru0C3L00mkHa1dt6K81Myxt/animated-select-1/animated-select/preview.png","pc":"evansliaudet"},{"id":"21st:extend-hq__button","t":"Button","d":"A button with variants and a built-in loading state powered by the Spinner component.","s":"21st","c":"actions/button","a":"extend-hq","u":35,"pl":"https://cdn.21st.dev/larsen66/button/default/preview.1782165853546.png","pc":"extend-hq"},{"id":"21st:extend-hq__card","t":"Card","d":"Displays a card with header, content, and footer. Groups related content and actions into a bordered surface, with polymorphic sub-parts (header, title, description, action, panel,","s":"21st","c":"data-display/card","a":"extend-hq","pl":"https://cdn.21st.dev/larsen66/card/default/preview.1782172262218.png","pc":"extend-hq","tg":["card","footer"]},{"id":"21st:extend-hq__csv-viewer","t":"Csv viewer","d":"A CSV and TSV viewer with parsing, file upload, search, zoom, and theme-aware grid rendering powered by Glide Data Grid.","s":"21st","c":"inputs/file-upload","a":"extend-hq","st":"rated","pl":"https://cdn.21st.dev/larsen66/csv-viewer/default/preview.1782171888013.png","pc":"extend-hq","tg":["search","table","upload-download"],"sc":20},{"id":"21st:extend-hq__dropdown-menu","t":"Dropdown menu","d":"A dropdown menu of actions triggered by a button, built on Base UI primitives.","s":"21st","c":"navigation/menu","a":"extend-hq","u":18,"pl":"https://cdn.21st.dev/larsen66/dropdown-menu/default/preview.1782165671969.png","pc":"extend-hq","tg":["dropdown","menu"],"sb":"Dropdowns"},{"id":"21st:extend-hq__file-system","t":"File system","d":"A macOS Finder-style file browser for flat object-store manifests (S3 / R2). Derives a folder hierarchy from object keys and switches between icon, list, column and gallery views, ","s":"21st","c":"data-display/tree","a":"extend-hq","pl":"https://cdn.21st.dev/larsen66/file-system/default/preview.1782172446255.png","pc":"extend-hq","tg":["file-tree","list","search","table"]},{"id":"21st:extend-hq__file-thumbnail","t":"File thumbnail","d":"A compact file preview thumbnail shell for externally generated images, loading states, and fallback states. Renders a square preview at any aspect ratio with a blur-in reveal on f","s":"21st","c":"status/loader","a":"extend-hq","u":9,"pl":"https://cdn.21st.dev/larsen66/file-thumbnail/default/preview.1782172496788.png","pc":"extend-hq","tg":["spinner"],"sb":"Spinners"},{"id":"21st:extend-hq__file-upload","t":"File upload","d":"A drag-and-drop file upload surface with accepted file type icons and a compact file list. Validates accepted file types, shows an animated border beam while dragging, and renders ","s":"21st","c":"inputs/file-upload","a":"extend-hq","pl":"https://cdn.21st.dev/larsen66/file-upload/default/preview.1782207976342.png","pc":"extend-hq","tg":["border","upload-download"]},{"id":"21st:extend-hq__file-upload-2","t":"File upload 2","d":"A drag-and-drop file upload surface with animated accepted-file-type icons, an animated border beam, and a compact list of selected files.","s":"21st","c":"inputs/file-upload","a":"extend-hq","pl":"https://cdn.21st.dev/educlopez/file-upload/default/preview.1784752778896-d63d23fa-d7c5-4db2-9658-c136e242c0bc.png","pc":"extend-hq","tg":["border","icon","upload-download"]},{"id":"21st:extend-hq__pdf-viewer","t":"Pdf viewer","d":"A scrollable PDF viewer with toolbar, zoom, rotate, search, text selection, thumbnail navigation, upload and download. Powered by EmbedPDF with PDFium-backed page rendering.","s":"21st","c":"inputs/file-upload","a":"extend-hq","pl":"https://cdn.21st.dev/larsen66/pdf-viewer/default/preview.1782171069486.png","pc":"extend-hq","tg":["search","upload-download"]},{"id":"21st:extend-hq__scroll-area","t":"Scroll area","d":"A scrollable container with custom, styled scrollbars built on Base UI.","k":"layout","s":"21st","c":"layout/scroll-area","a":"extend-hq","u":28,"pl":"https://cdn.21st.dev/larsen66/scroll-area/default/preview.1782165572255.png","pc":"extend-hq","tg":["scroll-area"]},{"id":"21st:extend-hq__select","t":"Select","d":"A select menu for choosing a single option from a list, built on Base UI.","s":"21st","c":"inputs/select","a":"extend-hq","pl":"https://cdn.21st.dev/larsen66/select/default/preview.1782165164074.png","pc":"extend-hq","tg":["dropdown","form","select"]},{"id":"21st:extend-hq__xlsx-viewer","t":"Xlsx viewer","d":"A spreadsheet viewer that renders XLSX workbooks with multiple sheets, frozen headers, formulas, toolbar, zoom, upload and download. Powered by @extend-ai/react-xlsx.","s":"21st","c":"inputs/file-upload","a":"extend-hq","pl":"https://cdn.21st.dev/larsen66/xlsx-viewer/default/preview.1782170991579.png","pc":"extend-hq","tg":["upload-download"]},{"id":"21st:extend__bounding-box-citations","t":"Bounding box citations","d":"An extraction citation panel connected to source bounding boxes and editable values. Review extracted fields in a form or JSON diff view, hover to highlight source locations, and e","s":"21st","c":"ai-agent/ai-agent","a":"extend","pl":"https://cdn.21st.dev/larsen66/bounding-box-citations/default/preview.1782207358554.png","pc":"extend","sb":"Sources"},{"id":"21st:extend__command","t":"Command","d":"A command menu (cmdk) with search input, grouped items and empty state — ideal for file-type filters and quick pickers.","s":"21st","c":"navigation/command-palette","a":"extend","pl":"https://21st.dev/@extend/components/command","pc":"extend"},{"id":"21st:extend__dialog","t":"Dialog","d":"A modal dialog built on Base UI — accessible trigger, overlay, header, body panel and footer, with a smooth center-zoom open animation.","s":"21st","c":"overlays/dialog","a":"extend","pl":"https://21st.dev/@extend/components/dialog","pc":"extend"},{"id":"21st:extend__input","t":"Input","d":"A styled text input field built on Base UI for use in forms and search controls.","s":"21st","c":"inputs/form-field","a":"extend","pl":"https://cdn.21st.dev/larsen66/input/default/preview.1782164832296.png","pc":"extend"},{"id":"21st:extend__pdf-viewer","t":"Pdf viewer","d":"A React PDF viewer with page controls, zoom, search, text selection, thumbnails, uploads, and responsive document layouts. Built by Extend UI.","s":"21st","c":"inputs/search","a":"extend","pl":"https://21st.dev/@extend/components/pdf-viewer","pc":"extend"},{"id":"21st:extend__popover","t":"Popover","d":"A floating popover panel anchored to a trigger, built on Base UI primitives.","s":"21st","c":"overlays/popover","a":"extend","pl":"https://cdn.21st.dev/larsen66/popover/default/preview.1782164999232.png","pc":"extend"},{"id":"21st:extend__separator","t":"Separator","d":"A thin visual divider that separates content horizontally or vertically.","s":"21st","c":"other","a":"extend","pl":"https://cdn.21st.dev/larsen66/separator/default/preview.1782164919649.png","pc":"extend"},{"id":"21st:extend__spinner","t":"Spinner","d":"An accessible loading spinner indicator built on Base UI styling conventions.","s":"21st","c":"status/loader","a":"extend","pl":"https://cdn.21st.dev/larsen66/spinner/default/preview.1782164755398.png","pc":"extend","sb":"Spinners"},{"id":"21st:extend__tabs","t":"Tabs","d":"A set of layered sections (tab panels) shown one at a time, built on Base UI.","s":"21st","c":"navigation/tabs","a":"extend","pl":"https://21st.dev/@extend/components/tabs","pc":"extend"},{"id":"21st:extend__tooltip","t":"Tooltip","d":"A tooltip that reveals contextual text on hover or focus, built on Base UI.","s":"21st","c":"overlays/tooltip","a":"extend","pl":"https://cdn.21st.dev/larsen66/tooltip/default/preview.1782165079342.png","pc":"extend"},{"id":"21st:ezam0000__collab","t":"Collab","d":"Animated (flicker) ASCII art in the Voxel style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, ","k":"motion","s":"21st","c":"motion/ascii","a":"ezam0000","pl":"https://cdn.21st.dev/ezam0000/collab/default/preview.1786103423145-8ff83056-7552-43bf-bb69-a504f164cdc3.webp","pc":"ezam0000","sb":"Voxel"},{"id":"21st:ezydong__shader-59f0538a","t":"Shader 59f0538a","d":"Animated WebGL shader background in the Waves style. Generated by the 21st.dev Shader Builder. 5-color palette (#184557, #007FAD, #57B2CB, #EAF9FF, #007FAD). Features: cursor-react","k":"motion","s":"21st","c":"motion/shader","a":"ezydong","pl":"https://cdn.21st.dev/ezydong/shader-59f0538a/default/preview.1785332726799-7cd42e17-b510-4d37-957c-2bfa923ebac7.webp","pc":"ezydong","sb":"Waves"},{"id":"21st:fafaieefafaiee__silk-shader","t":"Silk shader","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#0B1026, #3D46E8, #B18CFF, #FFD6E7). A drop-in, zero-dependency React","k":"motion","s":"21st","c":"motion/shader","a":"fafaieefafaiee","pl":"https://cdn.21st.dev/fafaieefafaiee/silk-shader/default/preview.1785185162577-0f0b350a-96fb-42fd-b43c-a466b623318e.webp","pc":"fafaieefafaiee","sb":"Silk"},{"id":"21st:fanoflix__lamp-tooltip","t":"Lamp tooltip","d":"A beautiful tooltip with a lamp/glow effect","s":"21st","c":"overlays/tooltip","a":"fanoflix","u":18,"pl":"https://cdn.21st.dev/user_2x6HZ61WugX45OSP6IdJCEehEtA/lamp-tooltip/default/preview.1747384449384.png","pc":"fanoflix","tg":["tooltip"]},{"id":"21st:fatih-developer__curtain-theme-toggle","t":"Curtain theme toggle","d":"A high-end, interactive theme toggle component with a satisfying curtain-style transition animation. Supports standalone icon, full navigation app bar integration, and global Tailw","s":"21st","c":"actions/switch","a":"fatih-developer","pl":"https://cdn.21st.dev/fatih-developer/curtain-theme-toggle/default/preview.1777664162598.png","pc":"fatih-developer","tg":["toggle"],"sb":"Theme toggles"},{"id":"21st:fazalrsa__hero","t":"Hero","d":"hero section for site","k":"section","s":"21st","c":"marketing/hero","a":"fazalrsa","pl":"https://cdn.21st.dev/fazalrsa/hero/default/preview.1751792443007.png","pc":"fazalrsa"},{"id":"21st:federicotoscano611__orb-shader","t":"Orb shader","d":"Animated WebGL shader background in the Orb style. Generated by the 21st.dev Shader Builder. 4-color palette (#000000, #380404, #591810, #1D1003). A drop-in, zero-dependency React ","k":"motion","s":"21st","c":"motion/shader","a":"federicotoscano611","pl":"https://cdn.21st.dev/federicotoscano611/orb-shader/default/preview.1785428161858-9cae37e8-bf1b-41f2-92d0-4b86789ebbf9.webp","pc":"federicotoscano611","sb":"Orb"},{"id":"21st:fedoraa.workstation__animated-hero-section-with-loading-experience","t":"Animated hero section with loading experience","d":"A  React + Framer Motion component that gives your landing page a cinematic entrance. HeroReveal combines a letter-based loading screen with a smooth minimal hero section reveal, a","k":"section","s":"21st","c":"marketing/hero","a":"fedoraa.workstation","pl":"https://cdn.21st.dev/fedoraa.workstation/animated-hero-section-with-loading-experience/default/preview.1753092240530.png","pc":"fedoraa.workstation","sb":"Animated background"},{"id":"21st:feevercz__glassmorphic-nav-menu","t":"Glassmorphic nav menu","d":"A high-performance navigation menu blending Neo-Brutalist bold strokes with sophisticated glassmorphism. Fluid collapsible states and smooth spring transitions.","s":"21st","c":"navigation/menu","a":"feevercz","pl":"https://cdn.21st.dev/feevercz/glassmorphic-nav-menu/default/preview.1767373138620.png","pc":"feevercz"},{"id":"21st:feevercz__neobrutalist-kinetic-dock-menu","t":"Neobrutalist kinetic dock menu","d":"A draggable, magnetic navigation anchor built with a raw neobrutalist design system. It combines user-adjustable positioning with fluid SVG-morphed transitions and a high-impact, s","s":"21st","c":"navigation/menu","a":"feevercz","pl":"https://cdn.21st.dev/feevercz/neobrutalist-kinetic-dock-menu/default/preview.1767381267675.png","pc":"feevercz"},{"id":"21st:felipecaridade__b2button","t":"B2button","d":"default b2button template","s":"21st","c":"actions/button","a":"felipecaridade","pl":"https://cdn.21st.dev/felipecaridade/b2button/default/preview.1751377250306.png","pc":"felipecaridade"},{"id":"21st:felipecaridade__b2spinner","t":"B2spinner","d":"default spinner component","s":"21st","c":"status/loader","a":"felipecaridade","pl":"https://cdn.21st.dev/felipecaridade/b2spinner/default/preview.1751386547172.png","pc":"felipecaridade","sb":"Spinners"},{"id":"21st:felipemenezes098__badge-01","t":"Badge 01","d":"A basic badge for labels, tags, and status indicators.","s":"21st","c":"data-display/badge","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/badge-01/default/preview.1786880494064-62ceac94-e9a5-46da-861f-17acfac19bb7.png","pc":"felipemenezes098","tg":["chip"],"sb":"Tags and pills"},{"id":"21st:felipemenezes098__badge-12","t":"Badge 12","d":"Round icon-only badges shown across default, secondary, and outline variants.","s":"21st","c":"data-display/badge","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/badge-12/default/preview.1786878562996-ff523e2b-767a-444d-bfac-0a39d4de910a.png","pc":"felipemenezes098","tg":["badge","icon"]},{"id":"21st:felipemenezes098__badge-13","t":"Badge 13","d":"A wrapping group of outline badges used to display a list of tags or keywords.","s":"21st","c":"data-display/badge","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/badge-13/default/preview.1786879131225-bb0873e2-5e78-46b8-b3f6-fd74af25fea9.png","pc":"felipemenezes098","tg":["badge"]},{"id":"21st:felipemenezes098__banner-04","t":"Banner 04","d":"An update notification banner with an icon, message, and Later and Update now action buttons that can be dismissed and reopened.","s":"21st","c":"overlays/alert-banner","a":"felipemenezes098","st":"rated","pl":"https://cdn.21st.dev/felipemenezes098/banner-04/default/preview.1784762259090-afbdad6e-eee9-4e28-94ff-5b220e63ee89.png","pc":"felipemenezes098","tg":["alert","notification"],"sc":17},{"id":"21st:felipemenezes098__banner-09","t":"Banner 09","d":"An amber system notice banner with a pulsing status dot for announcing scheduled maintenance windows.","s":"21st","c":"overlays/alert-banner","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/banner-09/default/preview.1784369371009-836cdc26-22a6-4d09-a50b-7f8f2dd4691e.png","pc":"felipemenezes098","tg":["announcement","alert","notification"]},{"id":"21st:felipemenezes098__banner-11","t":"Banner 11","d":"An inline info banner that prompts the user to verify their email, with a resend button that switches to a sent-confirmation state.","s":"21st","c":"overlays/alert-banner","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/banner-11/default/preview.1784702931614-2689fedf-c35f-44cb-8089-64a2a67a76bc.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__banner-12","t":"Banner 12","d":"A vertical stack of dismissible notification banners, each with an icon, title, body and close button that removes it individually.","s":"21st","c":"overlays/alert-banner","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/banner-12/default/preview.1784702948884-f538527e-e10e-4632-9c8f-93bcc8abb298.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__breadcrumb-02","t":"Breadcrumb 02","d":"A breadcrumb navigation where each crumb is prefixed with a small icon such as a house, folder, or file.","s":"21st","c":"navigation/breadcrumb","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/breadcrumb-02/default/preview.1784476041056-4b8b79a4-1a33-45f9-8e8e-c2e222fcc994.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__breadcrumb-03","t":"Breadcrumb 03","d":"A breadcrumb navigation that replaces the default chevron with a slash separator using custom separator children.","s":"21st","c":"navigation/breadcrumb","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/breadcrumb-03/default/preview.1784422330007-ce7e7440-2451-434e-ad85-a2bb3a85fc77.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__breadcrumb-04","t":"Breadcrumb 04","d":"A breadcrumb navigation trail that uses a light middle dot as the divider between crumbs instead of the default chevron.","s":"21st","c":"navigation/breadcrumb","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/breadcrumb-04/default/preview.1784427926473-b9b2428b-edbf-4603-ae65-5340dd6a9b6c.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__breadcrumb-05","t":"Breadcrumb 05","d":"Breadcrumb navigation that collapses middle levels into a static ellipsis, showing only the first and last crumbs.","s":"21st","c":"navigation/breadcrumb","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/breadcrumb-05/default/preview.1784482540757-5f6eb933-b47f-43af-959e-1cf8612a8c42.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__command-06","t":"Command 06","d":"A searchable combobox built from a command list inside a popover, where the selected value shows an inline clear button to reset the selection without reopening the list.","s":"21st","c":"navigation/command-palette","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/command-06/default/preview.1785497349685-cd7d809d-9000-48e4-afa1-fb35e78535da.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__comment-thread-1","t":"Comment thread 1","d":"A comment thread card anchored to a quoted text selection, with threaded replies, a reply composer, and resolve/reopen actions.","s":"21st","c":"data-display/avatar","a":"felipemenezes098","st":"rated","u":10,"pl":"https://cdn.21st.dev/felipemenezes098/comment-thread-1/default/preview.1784439916244-a344e495-0d99-4615-8a69-79aa862f1ece.png","pc":"felipemenezes098","tg":["avatar"],"sc":20},{"id":"21st:felipemenezes098__comment-thread-3","t":"Comment thread 3","d":"A card-based activity feed that mixes comments and system events with avatars, timestamps, and an inline reply input.","s":"21st","c":"data-display/timeline","a":"felipemenezes098","st":"rated","pl":"https://cdn.21st.dev/felipemenezes098/comment-thread-3/default/preview.1784436964850-963a3bcf-ad43-4d43-9304-45aaf70dd1f7.png","pc":"felipemenezes098","tg":["timeline"],"sc":18},{"id":"21st:felipemenezes098__cta-01","t":"Cta 01","d":"A centered call-to-action section with a balanced title, description, and optional button.","k":"section","s":"21st","c":"marketing/cta","a":"felipemenezes098","u":55,"pl":"https://cdn.21st.dev/felipemenezes098/cta-01/default/preview.1783582022910.png","pc":"felipemenezes098","tg":["cta"]},{"id":"21st:felipemenezes098__dropdown-10","t":"Dropdown 10","d":"Ghost ellipsis icon button that opens a compact dropdown menu of row actions like rename, duplicate, favorite, and a destructive delete.","s":"21st","c":"navigation/menu","a":"felipemenezes098","st":"rated","pl":"https://cdn.21st.dev/felipemenezes098/dropdown-10/default/preview.1785556522969-8f689961-5e09-4696-8982-b11c773de05c.png","pc":"felipemenezes098","tg":["menu"],"sc":19,"sb":"Dropdowns"},{"id":"21st:felipemenezes098__dropdown-12","t":"Dropdown 12","d":"A dropdown menu that demonstrates aligning the popup to the start or end of its trigger and opening it to the side.","s":"21st","c":"navigation/menu","a":"felipemenezes098","st":"rated","pl":"https://cdn.21st.dev/felipemenezes098/dropdown-12/default/preview.1785550133725-af378b2c-0ef3-46c1-911e-355c5df198ad.png","pc":"felipemenezes098","tg":["menu","popover"],"sc":16,"sb":"Dropdowns"},{"id":"21st:felipemenezes098__dropdown-14","t":"Dropdown 14","d":"A dropdown menu that toggles between light, dark, and system color themes using a radio group.","s":"21st","c":"navigation/menu","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/dropdown-14/default/preview.1785557942069-37da0c8c-f1d9-4174-909f-39f33828234d.png","pc":"felipemenezes098","tg":["dropdown","menu"],"sb":"Dropdowns"},{"id":"21st:felipemenezes098__dropdown-19","t":"Dropdown 19","d":"A visibility dropdown-menu radio group wired to TanStack Form with Zod validation, showing inline field errors on submit and a success toast.","s":"21st","c":"navigation/menu","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/dropdown-19/default/preview.1786667292171-256eea24-1f78-413d-943b-1c12cb7b2820.png","pc":"felipemenezes098","sb":"Dropdowns"},{"id":"21st:felipemenezes098__empty-03","t":"Empty 03","d":"A search empty-state placeholder showing a no-results message with a clear-filters action.","s":"21st","c":"data-display/empty-state","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/empty-03/default/preview.1784695675494-fe3b75d1-93e0-41b8-9b8a-cc360d56fdfe.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__empty-04","t":"Empty 04","d":"A bordered empty-state card with an avatar stack and an invite button, used to prompt inviting team members to an empty workspace.","s":"21st","c":"data-display/empty-state","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/empty-04/default/preview.1784695658791-ac647552-5e49-4d4b-8d03-cce5024bd9a9.png","pc":"felipemenezes098","tg":["empty-state","team"]},{"id":"21st:felipemenezes098__flexnative-breadcrumb","t":"Flexnative breadcrumb","d":"A Breadcrumb navigation from the Flexnative UI registry with 9 variants: basic links, leading home icon, custom slash separator, dot separator, ellipsis collapse, dropdown for hidd","s":"21st","c":"navigation/breadcrumb","a":"felipemenezes098","u":4,"pl":"https://cdn.21st.dev/larsen66/flexnative-breadcrumb/default/preview.1780071770173.png","pc":"felipemenezes098","tg":["dropdown","link","navigation-menu"]},{"id":"21st:felipemenezes098__flexnative-select","t":"Flexnative select","d":"A Select dropdown from the Flexnative UI registry with 10 variants: basic, grouped options, disabled, leading icons, object values, description items, disabled items, avatar user-p","s":"21st","c":"inputs/select","a":"felipemenezes098","u":10,"pl":"https://cdn.21st.dev/larsen66/flexnative-select/default/preview.1780070800295.png","pc":"felipemenezes098","tg":["select"]},{"id":"21st:felipemenezes098__flexnative-tabs","t":"Flexnative tabs","d":"Composable tabs primitive from the Flexnative UI registry with 10 pattern variants: basic, underline (line), vertical, disabled, leading icons, count badges, in-card, preview/code ","s":"21st","c":"navigation/tabs","a":"felipemenezes098","u":13,"pl":"https://cdn.21st.dev/larsen66/flexnative-tabs/default/preview.1780067590521.png","pc":"felipemenezes098","tg":["gallery","list","pricing-section","radio-group"]},{"id":"21st:felipemenezes098__flexnative-tabs-more","t":"Flexnative tabs more","d":"Additional tab patterns from the Flexnative UI registry, companion to flexnative-tabs: an account/password settings form in a card, vertical icon-with-title triggers, and a compact","s":"21st","c":"navigation/tabs","a":"felipemenezes098","u":10,"pl":"https://cdn.21st.dev/larsen66/flexnative-tabs-more/default/preview.1780069636172.png","pc":"felipemenezes098","tg":["tabs"]},{"id":"21st:felipemenezes098__flexnative-tooltip","t":"Flexnative tooltip","d":"A Tooltip from the Flexnative UI registry with 10 variants: basic hover, four-side positioning, keyboard shortcut hint, icon-button trigger, custom open delay, rich multi-line cont","s":"21st","c":"overlays/tooltip","a":"felipemenezes098","u":14,"pl":"https://cdn.21st.dev/larsen66/flexnative-tooltip/default/preview.1780072893772.png","pc":"felipemenezes098","tg":["popover","tooltip"]},{"id":"21st:felipemenezes098__hero-01","t":"Hero 01","d":"A centered serif hero section with a soft gradient wash background, pill call-to-action button, and a floating integration logo cloud.","k":"section","s":"21st","c":"marketing/hero","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/hero-01/default/preview.1783677708584.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__hero-02","t":"Hero 02","d":"A left-aligned serif hero section with a media panel showing an image backdrop and a floating dashboard mockup, plus an animated call-to-action.","k":"section","s":"21st","c":"marketing/hero","a":"felipemenezes098","u":18,"pl":"https://cdn.21st.dev/felipemenezes098/hero-02/default/preview.1783677907908.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__hero-03","t":"Hero 03","d":"A centered hero section with a serif headline, dual call-to-action buttons, and a portrait image that fades into the page below the copy.","k":"section","s":"21st","c":"marketing/hero","a":"felipemenezes098","u":6,"pl":"https://cdn.21st.dev/felipemenezes098/hero-03/default/preview.1783677921501.png","pc":"felipemenezes098","tg":["cta","hero"]},{"id":"21st:felipemenezes098__hero-04","t":"Hero 04","d":"A two-column hero section with a serif headline, description, call-to-action buttons, and a layered collage of two overlapping images over a soft background wash.","k":"section","s":"21st","c":"marketing/hero","a":"felipemenezes098","u":11,"pl":"https://cdn.21st.dev/felipemenezes098/hero-04/default/preview.1783678911730.png","pc":"felipemenezes098","tg":["cta","gallery","hero","image"],"sb":"With product shot"},{"id":"21st:felipemenezes098__hero-05","t":"Hero 05","d":"An editorial hero section with a left tagline, right-aligned headline and copy, optional CTAs, and a full-width image below.","k":"section","s":"21st","c":"marketing/hero","a":"felipemenezes098","u":30,"pl":"https://cdn.21st.dev/felipemenezes098/hero-05/default/preview.1783678944308.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__hero-06","t":"Hero 06","d":"A split-layout product hero with a serif headline, dual call-to-action buttons, a compact trusted-by logo row, and a layered stat-card illustration.","k":"section","s":"21st","c":"marketing/hero","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/hero-06/default/preview.1784686811366-95fb32fa-8091-49d3-8535-ec93779e0464.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__hero-07","t":"Hero 07","d":"A hero section with a full-width landscape image above and a top-aligned tagline paired with a right-aligned serif headline, description, and call-to-action buttons below.","k":"section","s":"21st","c":"marketing/hero","a":"felipemenezes098","u":41,"pl":"https://cdn.21st.dev/felipemenezes098/hero-07/default/preview.1783679074246.png","pc":"felipemenezes098","tg":["image"],"sb":"With product shot"},{"id":"21st:felipemenezes098__hero-08","t":"Hero 08","d":"A split hero section with a serif headline, avatar social proof, and two image cards featuring invertible overlay text and call-to-action buttons.","k":"section","s":"21st","c":"marketing/hero","a":"felipemenezes098","u":10,"pl":"https://cdn.21st.dev/felipemenezes098/hero-08/default/preview.1783679118535.png","pc":"felipemenezes098","tg":["cta","hero","image"],"sb":"With product shot"},{"id":"21st:felipemenezes098__hero-09","t":"Hero 09","d":"A centered hero section with a rounded search bar, a masked architecture image that fades into the page, and a split closing statement.","k":"section","s":"21st","c":"marketing/hero","a":"felipemenezes098","u":12,"pl":"https://cdn.21st.dev/felipemenezes098/hero-09/default/preview.1783679376775.png","pc":"felipemenezes098","tg":["image","search"],"sb":"With product shot"},{"id":"21st:felipemenezes098__hero-10","t":"Hero 10","d":"A centered hero section with a highlighted serif headline, description, dual call-to-action buttons, social proof, and a fanned collage of three overlapping images.","k":"section","s":"21st","c":"marketing/hero","a":"felipemenezes098","u":9,"pl":"https://cdn.21st.dev/felipemenezes098/hero-10/default/preview.1783679160216.png","pc":"felipemenezes098","tg":["cta","hero","image"],"sb":"With product shot"},{"id":"21st:felipemenezes098__notifications-1","t":"Notifications 1","d":"A settings card with a switch matrix table for toggling each notification type across email, push, and SMS channels.","s":"21st","c":"overlays/notifications","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/notifications-1/default/preview.1785464766059-3158d9c1-b887-47e3-826c-3f4b066b8e79.png","pc":"felipemenezes098","tg":["notification","table"]},{"id":"21st:felipemenezes098__notifications-2","t":"Notifications 2","d":"A notification settings card that groups toggle switches by category like security, social, and billing.","s":"21st","c":"overlays/notifications","a":"felipemenezes098","st":"rated","pl":"https://cdn.21st.dev/felipemenezes098/notifications-2/default/preview.1785464801561-8891c257-2e95-4727-ae81-4784320d941e.png","pc":"felipemenezes098","tg":["notification"],"sc":18},{"id":"21st:felipemenezes098__notifications-3","t":"Notifications 3","d":"A notification settings card that lets users choose an email digest frequency per category using dropdown selects.","s":"21st","c":"overlays/notifications","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/notifications-3/default/preview.1785464931688-1ef2152a-b17b-43d7-8ea6-eebff969400e.png","pc":"felipemenezes098","tg":["notification","select"]},{"id":"21st:felipemenezes098__one-button","t":"One button","s":"21st","c":"actions/button","a":"felipemenezes098","u":7,"pl":"https://cdn.21st.dev/larsen66/one-button/default/preview.1780007091520.png","pc":"felipemenezes098","tg":["button","icon","profile"],"sb":"Icon buttons"},{"id":"21st:felipemenezes098__one-clipboard","t":"One clipboard","s":"21st","c":"actions/copy-button","a":"felipemenezes098","pl":"https://cdn.21st.dev/lyanchouss/one-clipboard/default/preview.1780057333827.png","pc":"felipemenezes098","tg":["button","menu","pagination","popover"]},{"id":"21st:felipemenezes098__scroll-01","t":"Scroll 01","d":"A scroll-driven section with sticky media on one side that swaps images as the reader scrolls through the accompanying text content.","k":"layout","s":"21st","c":"layout/scroll-area","a":"felipemenezes098","u":12,"pl":"https://cdn.21st.dev/felipemenezes098/scroll-01/default/preview.1784433059937-09f3b5a5-a5bd-4e03-a683-ee2234529ce1.png","pc":"felipemenezes098","tg":["features","image","scroll-area"]},{"id":"21st:felipemenezes098__select-a-plan-2","t":"Select a plan 2","d":"A plan comparison table showing pricing tiers and feature availability across columns for a select-a-plan billing flow.","k":"section","s":"21st","c":"marketing/pricing","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/select-a-plan-2/default/preview.1784692346658-36bfb883-0390-425a-b0fd-45cdc7e4ebb5.png","pc":"felipemenezes098","sb":"Plan cards"},{"id":"21st:felipemenezes098__select-a-plan-4","t":"Select a plan 4","d":"A seat-based pricing card with a slider that sizes your team and auto-selects the matching plan and monthly total.","k":"section","s":"21st","c":"marketing/pricing","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/select-a-plan-4/default/preview.1784698251204-53c3dfc2-db2f-4d84-b67d-37c77b733b45.png","pc":"felipemenezes098","tg":["pricing-section","slider"],"sb":"Plan cards"},{"id":"21st:felipemenezes098__select-a-plan-5","t":"Select a plan 5","d":"A recommended pricing plan card that spotlights a single subscription tier with perks, social proof and upgrade actions.","k":"section","s":"21st","c":"marketing/pricing","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/select-a-plan-5/default/preview.1784698219067-bfe66cd4-eb59-4f0d-bcd1-65172d816f61.png","pc":"felipemenezes098","sb":"Plan cards"},{"id":"21st:felipemenezes098__sign-in-4","t":"Sign in 4","d":"A compact sign-in card that lets returning users authenticate with a passkey using Face ID, Touch ID, or a security key, with an option to fall back to a password.","s":"21st","c":"flows/sign-in","a":"felipemenezes098","u":8,"pl":"https://cdn.21st.dev/felipemenezes098/sign-in-4/default/preview.1784819310152-4dcb78a9-c160-42b5-bd9e-52fde3a14ff5.png","pc":"felipemenezes098","tg":["sign-in"],"sb":"Sign in"},{"id":"21st:felipemenezes098__sign-in-6","t":"Sign in 6","d":"A split-screen sign-in card with a branded gradient panel, social login, and email/password form.","s":"21st","c":"flows/sign-in","a":"felipemenezes098","u":8,"pl":"https://cdn.21st.dev/felipemenezes098/sign-in-6/default/preview.1783675693650.png","pc":"felipemenezes098","tg":["sign-in"],"sb":"Sign up"},{"id":"21st:felipemenezes098__skeleton-01","t":"Skeleton 01","d":"A stacked set of placeholder lines that shows a loading state for a block of text.","s":"21st","c":"status/skeleton","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/skeleton-01/default/preview.1784691017069-1641b80d-bb85-49c2-b6cc-dc6cfa4e6168.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__skeleton-04","t":"Skeleton 04","d":"A loading placeholder that mimics a heading followed by full-width paragraph body lines.","s":"21st","c":"status/skeleton","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/skeleton-04/default/preview.1784691002565-102ebb49-2367-45a7-9b32-bd098037d2e7.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__skeleton-07","t":"Skeleton 07","d":"A loading placeholder that mimics a form with labelled fields and a submit button while data loads.","s":"21st","c":"status/skeleton","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/skeleton-07/default/preview.1784690987649-ee6090bc-5350-46c7-95cd-aada80290ef3.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__skeleton-10","t":"Skeleton 10","d":"A responsive grid of KPI stat card placeholders with label, value, and trend line skeletons for loading states.","s":"21st","c":"status/skeleton","a":"felipemenezes098","u":4,"pl":"https://cdn.21st.dev/felipemenezes098/skeleton-10/default/preview.1784426529930-ec6581f0-30a6-4cac-9fef-8f23f31c62a8.png","pc":"felipemenezes098","tg":["grid","stat"]},{"id":"21st:felipemenezes098__skeleton-12","t":"Skeleton 12","d":"A loading placeholder for a chat conversation, showing alternating inbound and outbound message bubbles with avatars.","s":"21st","c":"status/skeleton","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/skeleton-12/default/preview.1784820604375-9941fb3b-361e-4479-97a6-31ec8baf2e0d.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__skeleton-13","t":"Skeleton 13","d":"A 3-column grid of square tiles used as a loading placeholder for an image gallery.","s":"21st","c":"status/skeleton","a":"felipemenezes098","u":23,"pl":"https://cdn.21st.dev/felipemenezes098/skeleton-13/default/preview.1784387872364-d3d1678d-3310-4ca0-926d-843d6ecec261.png","pc":"felipemenezes098","tg":["gallery","grid","spinner"]},{"id":"21st:felipemenezes098__skeleton-14","t":"Skeleton 14","d":"A loading placeholder for an article preview with a hero image, title, byline, and stacked body lines.","s":"21st","c":"status/skeleton","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/skeleton-14/default/preview.1784387893383-58ff9cb0-f8fc-49fe-8abe-d5ec918a2d8a.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__skeleton-15","t":"Skeleton 15","d":"A loading placeholder for a pricing card showing a plan name, price, feature rows, and a call-to-action button.","s":"21st","c":"status/skeleton","a":"felipemenezes098","u":8,"pl":"https://cdn.21st.dev/felipemenezes098/skeleton-15/default/preview.1784488106550-23f1984b-1e08-4d5f-ab15-7b9adbe9a91d.png","pc":"felipemenezes098","tg":["pricing-section","spinner"]},{"id":"21st:felipemenezes098__skeleton-16","t":"Skeleton 16","d":"A loading placeholder for a sidebar navigation, with a logo header, a list of icon-and-label nav rows, and a user profile row at the bottom.","s":"21st","c":"status/skeleton","a":"felipemenezes098","u":6,"pl":"https://cdn.21st.dev/felipemenezes098/skeleton-16/default/preview.1784392196381-7dc4b03c-0123-4edf-8276-517fa4f6829e.png","pc":"felipemenezes098","tg":["sidebar"]},{"id":"21st:felipemenezes098__table-01","t":"Table 01","d":"A data table with a caption, header row, and a footer total row for listing invoices and their statuses.","s":"21st","c":"data-display/table","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/table-01/default/preview.1785127541946-d91599e8-fb10-4510-b02f-bd092e715171.png","pc":"felipemenezes098","tg":["footer"]},{"id":"21st:felipemenezes098__table-02","t":"Table 02","d":"A data table displaying team members with avatar thumbnails, names, emails, and roles in each row.","s":"21st","c":"data-display/table","a":"felipemenezes098","u":4,"pl":"https://cdn.21st.dev/felipemenezes098/table-02/default/preview.1785131719044-e6d87872-7759-417d-90d5-997dabf85461.png","pc":"felipemenezes098","tg":["table"],"sb":"People"},{"id":"21st:felipemenezes098__table-04","t":"Table 04","d":"A data table with zebra striping that tints every other row for easier row scanning.","s":"21st","c":"data-display/table","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/table-04/default/preview.1785127716683-a3d4b9be-653c-4cb2-ab4a-d2c557bca23b.png","pc":"felipemenezes098","tg":["table"]},{"id":"21st:felipemenezes098__table-07","t":"Table 07","d":"A data table with a select-all header checkbox, per-row checkboxes, and a live count of selected rows.","s":"21st","c":"data-display/table","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/table-07/default/preview.1785129600488-3e10dc5a-83a5-4f78-8ca0-fab4983318f1.png","pc":"felipemenezes098","tg":["checkbox","table"]},{"id":"21st:felipemenezes098__table-08","t":"Table 08","d":"A data table nested inside a card with a title, description, and colored status badges for displaying recent transactions.","s":"21st","c":"data-display/table","a":"felipemenezes098","u":4,"pl":"https://cdn.21st.dev/felipemenezes098/table-08/default/preview.1785129883942-cd357c1f-659b-4c8f-ba12-533e29a03c00.png","pc":"felipemenezes098","tg":["badge","card","table"]},{"id":"21st:felipemenezes098__table-11","t":"Table 11","d":"A data table with clickable column headers that sort rows ascending or descending, built with TanStack Table.","s":"21st","c":"data-display/table","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/table-11/default/preview.1785127923233-5d2e5d44-bbbe-4af2-8bf4-141d5e547853.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__table-12","t":"Table 12","d":"A data table with a global search input and a status column filter dropdown, built on TanStack Table.","s":"21st","c":"data-display/table","a":"felipemenezes098","u":8,"pl":"https://cdn.21st.dev/felipemenezes098/table-12/default/preview.1785127196391-7f3872fb-bffb-40da-bd37-3b3d534a3dff.png","pc":"felipemenezes098","tg":["search","table"]},{"id":"21st:felipemenezes098__table-15","t":"Table 15","d":"A TanStack Table with a dropdown menu that toggles individual columns on or off.","s":"21st","c":"data-display/table","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/table-15/default/preview.1785130461169-9cb45098-62a9-47e1-8d3f-1f60401daef7.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__table-17","t":"Table 17","d":"A TanStack Table data table where a column is pinned to the right so it stays visible while scrolling horizontally.","s":"21st","c":"data-display/table","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/table-17/default/preview.1785128136750-cb031798-53c9-427e-ab39-848b4ea5b6f1.png","pc":"felipemenezes098","tg":["table"]},{"id":"21st:felipemenezes098__table-19","t":"Table 19","d":"A data table with expandable parent rows that reveal nested child rows for displaying tree-shaped hierarchical data, built with TanStack Table.","s":"21st","c":"data-display/table","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/table-19/default/preview.1785128841798-998f9345-2e8b-4b0b-9ed8-c44b9886a9b9.png","pc":"felipemenezes098","tg":["file-tree"],"sb":"Expandable"},{"id":"21st:felipemenezes098__table-20","t":"Table 20","d":"A data table built with TanStack Table that combines sorting, column filtering, pagination, row selection, a column-visibility toggle, and per-row action menus.","s":"21st","c":"data-display/table","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/table-20/default/preview.1785131537934-f07d7c89-bddf-45c7-9a37-23d6f3742d9a.png","pc":"felipemenezes098","tg":["pagination","table"],"sb":"Data tables"},{"id":"21st:felipemenezes098__table-row-actions","t":"Table row actions","d":"A data table with a per-row ellipsis dropdown menu exposing edit, copy, and remove actions.","s":"21st","c":"data-display/list","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/table-row-actions/default/preview.1785551402693-666b9d2c-7271-4f82-84a6-cc8e8a613341.png","pc":"felipemenezes098","tg":["menu","table"]},{"id":"21st:felipemenezes098__table-row-selection","t":"Table row selection","d":"A data table with per-row selection checkboxes and a bulk actions toolbar that shows the selected count with clear and delete actions.","s":"21st","c":"data-display/list","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/table-row-selection/default/preview.1785128605575-9f98783f-7231-414d-a594-176c98315e25.png","pc":"felipemenezes098","tg":["checkbox"]},{"id":"21st:felipemenezes098__the-dialog","t":"The dialog","d":"Here is Dialog components ","s":"21st","c":"overlays/dialog","a":"felipemenezes098","u":10,"pl":"https://cdn.21st.dev/larsen66/the-dialog/default/preview.1779999436821.png","pc":"felipemenezes098","tg":["alert","date-picker","gallery","notification"],"sb":"Confirm"},{"id":"21st:felipemenezes098__the-input","t":"The input","d":"Here is The Input component","s":"21st","c":"inputs/form-field","a":"felipemenezes098","u":3,"pl":"https://cdn.21st.dev/larsen66/the-input/default/preview.1780003626696.png","pc":"felipemenezes098","tg":["dropdown","input","popover","search"]},{"id":"21st:felipemenezes098__the-item-one","t":"The item one","d":"Here is The Item  components","s":"21st","c":"data-display/list","a":"felipemenezes098","u":10,"pl":"https://cdn.21st.dev/larsen66/the-item-one/default/preview.1780008708681.png","pc":"felipemenezes098","tg":["badge","avatar","card","button"],"sb":"Activity and feeds"},{"id":"21st:felipemenezes098__tooltip-07","t":"Tooltip 07","d":"A light-colored tooltip that inverts the default dark style by applying the dark class to its content, so it reads clearly on light backgrounds.","s":"21st","c":"overlays/tooltip","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/tooltip-07/default/preview.1785464750278-c4f80416-d777-4625-8d58-cebb69f824f3.png","pc":"felipemenezes098","tg":["tooltip"]},{"id":"21st:felipemenezes098__tooltip-09","t":"Tooltip 09","d":"A tooltip that hides its pointer arrow for a flat, clean look, shown in default and primary tones.","s":"21st","c":"overlays/tooltip","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/tooltip-09/default/preview.1785464782240-ebdee8fd-2ce4-4bbd-9e8f-8684f7083bb9.png","pc":"felipemenezes098","tg":["tooltip"]},{"id":"21st:felipemenezes098__two-factor-setup-2","t":"Two factor setup 2","d":"A compact card for enabling SMS-based two-factor authentication by collecting a phone number to send verification codes to.","k":"layout","s":"21st","c":"flows/sign-in","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/two-factor-setup-2/default/preview.1783657914637.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__verify-identity-3","t":"Verify identity 3","d":"A push-notification approval card that prompts the user to confirm a sign-in request from their trusted device while waiting for approval.","s":"21st","c":"flows/sign-in","a":"felipemenezes098","u":8,"pl":"https://cdn.21st.dev/felipemenezes098/verify-identity-3/default/preview.1784477494924-8f0d3107-429b-4623-b728-b9821a1fcda5.png","pc":"felipemenezes098","tg":["notification","sign-in"],"sb":"Verification"},{"id":"21st:filipz__circle-animations-collection","t":"Circle animations collection","d":"Here is Circle Animations Collection","s":"21st","c":"other","a":"filipz","pl":"https://cdn.21st.dev/larsen66/circle-animations-collection/default/preview.1753794274579.png","pc":"filipz"},{"id":"21st:filipz__circle-animations-collection-3","t":"Circle animations collection 3","d":"Here is  Circle Animations Collection 3 ","s":"21st","c":"other","a":"filipz","u":24,"pl":"https://cdn.21st.dev/larsen66/circle-animations-collection-3/default/preview.1753797457043.png","pc":"filipz"},{"id":"21st:filipz__explorations-with-gsap-and-scroll-trigger","t":"Explorations with gsap and scroll trigger","d":"Here is  Explorations with GSAP and Scroll Trigger component","k":"layout","s":"21st","c":"layout/scroll-area","a":"filipz","u":31,"pl":"https://cdn.21st.dev/filipz/explorations-with-gsap-and-scroll-trigger/default/preview.1785363501292-a35fa48f-7f2b-4ada-a93e-7ff3f4dde0d7.png","pc":"filipz"},{"id":"21st:filipz__menu-animations","t":"Menu animations","d":"Here is Menu Animations","s":"21st","c":"navigation/menu","a":"filipz","pl":"https://cdn.21st.dev/larsen66/menu-animations/default/preview.1753794538120.png","pc":"filipz","tg":["menu"]},{"id":"21st:filipz__set-of-animations-4","t":"Set of animations 4","d":"Here is Set of Animations ","s":"21st","c":"layout/bento-grid","a":"filipz","pl":"https://cdn.21st.dev/larsen66/set-of-animations-4/default/preview.1753795605504.png","pc":"filipz","tg":["grid"]},{"id":"21st:filoganzo__animated-world-map","t":"Animated world map","s":"21st","c":"data-viz/map","a":"filoganzo","pl":"https://cdn.21st.dev/filoganzo/animated-world-map/default/preview.1748464983115.png","pc":"filoganzo"},{"id":"21st:finley-sun__hero-shader-for-tunepact","t":"Hero shader for tunepact","d":"Sound wave inspired shader to celebrate the spirit of musicians.","k":"section","s":"21st","c":"marketing/hero","a":"finley-sun","pl":"https://cdn.21st.dev/finley-sun/hero-shader-for-tunepact/default/preview.1780949337915.png","pc":"finley-sun","sb":"Animated background"},{"id":"21st:finn_4bbcd7bf__c2e812","t":"C2e812","d":"Animated WebGL shader background in the Metaballs style. Generated by the 21st.dev Shader Builder. 3-color palette (#02010A, #D4D4D8, #C1E811). A drop-in, zero-dependency React com","k":"motion","s":"21st","c":"motion/shader","a":"finn_4bbcd7bf","pl":"https://cdn.21st.dev/finn_4bbcd7bf/c2e812/default/preview.1785507339072-a6707cb8-1919-445d-a85b-dabd6056d6de.webp","pc":"finn_4bbcd7bf","sb":"Metaballs"},{"id":"21st:flower0wine__button-group","t":"Button group","d":"common button group","s":"21st","c":"actions/button","a":"flower0wine","pl":"https://cdn.21st.dev/user_2xoBLmlv7N5T9mOtP6pMUhgiwjX/button-group/default/preview.1750805212604.png","pc":"flower0wine","sb":"Groups and split"},{"id":"21st:flower0wine__file-upload","t":"File upload","d":"upload file","s":"21st","c":"inputs/file-upload","a":"flower0wine","pl":"https://cdn.21st.dev/user_2xoBLmlv7N5T9mOtP6pMUhgiwjX/file-upload/default/preview.1750815212117.png","pc":"flower0wine","tg":["upload-download"]},{"id":"21st:flower0wine__multi-select","t":"Multi select","d":"Use the MultiSelect component to fulfill your requirement.","s":"21st","c":"inputs/select","a":"flower0wine","u":18,"pl":"https://cdn.21st.dev/flower0wine/multi-select/default/preview.1750222073931.png","pc":"flower0wine","tg":["checkbox","dropdown","form","select"]},{"id":"21st:forgedstep__score-ring","t":"Score ring","d":"Animated score ring (0-100) that draws its arc and counts the number up on mount, with easing. Respects prefers-reduced-motion by showing the final value instantly. Themeable via C","s":"21st","c":"motion/number-ticker","a":"forgedstep","pl":"https://21st.dev/@forgedstep/components/score-ring","pc":"forgedstep"},{"id":"21st:framecn__ai-generate-overlay","t":"Ai generate overlay","s":"21st","c":"ai-agent/ai-agent","a":"framecn","pl":"https://cdn.21st.dev/framecn/ai-generate-overlay/default/preview.1785377665503-cf5d0f3b-d028-49fd-b298-6fbad52dc8b7.png","pc":"framecn"},{"id":"21st:framecn__blur-out-up","t":"Blur out up","d":"Animated text where words blur and drift upward while fading out, staggered per word, with a smooth blur fade-in entrance.","k":"motion","s":"21st","c":"motion/text-effect","a":"framecn","pl":"https://cdn.21st.dev/framecn/blur-out-up/default/preview.1784676462781-648fd751-3375-4612-8836-5cd00df9d151.png","pc":"framecn","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:framecn__chromatic-aberration-wipe","t":"Chromatic aberration wipe","d":"An ultra-fast directional slide transition between two scenes with an RGB chromatic-aberration glitch on the peak frames.","s":"21st","c":"other","a":"framecn","pl":"https://cdn.21st.dev/framecn/chromatic-aberration-wipe/default/preview.1784825295743-9ffba0f5-eb0f-4bb3-80ad-6c99358431b9.png","pc":"framecn"},{"id":"21st:framecn__cursor-flow","t":"Cursor flow","d":"An animated cursor that arcs along cubic Bezier paths, pauses, and clicks targets that respond, for building product demo and screen-recording style motion graphics.","k":"motion","s":"21st","c":"motion/cursor","a":"framecn","pl":"https://cdn.21st.dev/framecn/cursor-flow/default/preview.1784825261822-a47fd295-b37f-4443-b062-f5dc5c2f05be.png","pc":"framecn"},{"id":"21st:framecn__masked-slide-reveal","t":"Masked slide reveal","d":"Animated typography where words slide up out of an invisible horizontal mask, one after another.","k":"motion","s":"21st","c":"motion/text-effect","a":"framecn","pl":"https://cdn.21st.dev/framecn/masked-slide-reveal/default/preview.1785316581323-cccde537-72c5-407b-8d4c-c4212e38107c.png","pc":"framecn","sb":"Reveal and entrance"},{"id":"21st:framecn__mesh-gradient-bg","t":"Mesh gradient bg","d":"An animated mesh gradient background with soft color blobs that slowly drift across the frame, ideal for hero sections and video-style backdrops.","k":"motion","s":"21st","c":"motion/background","a":"framecn","pl":"https://cdn.21st.dev/framecn/mesh-gradient-bg/default/preview.1785315272133-730a2f2b-f935-4bf4-b7f1-6c2d431f02cc.png","pc":"framecn","sb":"Gradients and aurora"},{"id":"21st:framecn__strikethrough-replace","t":"Strikethrough replace","d":"An animated text component that draws a strike line across old text then reveals replacement text in its place.","k":"motion","s":"21st","c":"motion/text-effect","a":"framecn","pl":"https://cdn.21st.dev/framecn/strikethrough-replace/default/preview.1784395068164-6aadd51b-51bc-42e1-b450-ad45dc617283.png","pc":"framecn","tg":["text"]},{"id":"21st:framecn__toast-notification","t":"Toast notification","d":"An animated system-style toast that springs in, holds, then slides out, with success, error, info, and warning variants.","s":"21st","c":"overlays/notifications","a":"framecn","pl":"https://cdn.21st.dev/framecn/toast-notification/default/preview.1784666499205-763efc25-ea7b-4f0a-8c71-0683882052cc.png","pc":"framecn","tg":["alert","notification","toast"]},{"id":"21st:framecn__top-down-letters","t":"Top down letters","d":"Animated text where each letter cascades in from above with a staggered fade for video and hero title effects.","k":"motion","s":"21st","c":"motion/text-effect","a":"framecn","pl":"https://cdn.21st.dev/framecn/top-down-letters/default/preview.1784396387750-724b6f98-e2f9-45a7-a00b-2e5d541432d3.png","pc":"framecn","tg":["text"]},{"id":"21st:framecn__tracking-in","t":"Tracking in","d":"Animated text heading where the letter-spacing collapses from wide to normal while blur clears, with a springy easing.","s":"21st","c":"data-display/accordion","a":"framecn","u":2,"pl":"https://cdn.21st.dev/framecn/tracking-in/default/preview.1784815010779-154b6041-ddd3-480b-aa0c-3a013c746abd.png","pc":"framecn"},{"id":"21st:frodev-cr__streamclick-wallpaper","t":"Streamclick wallpaper","d":"Animated WebGL shader background in the Warp style. Live Ink variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#0400F","k":"motion","s":"21st","c":"motion/shader","a":"frodev-cr","pl":"https://cdn.21st.dev/frodev-cr/streamclick-wallpaper/default/preview.1785532566653-216524e0-6fec-4ac1-9013-de7a71035b0f.webp","pc":"frodev-cr","sb":"Warp"},{"id":"21st:fuma-nama__accordion","t":"Accordion","d":"Accordions to your documentation\n\nBased on Radix UI Accordion, useful for FAQ sections.\n\n\nLinking to Accordion\nYou can specify an id for accordion. The accordion will automatically","s":"21st","c":"data-display/accordion","a":"fuma-nama","u":107,"pl":"https://cdn.21st.dev/user_fuma-nama/accordion.png","pc":"fuma-nama","tg":["accordion","faq"],"sb":"FAQ"},{"id":"21st:fuma-nama__banner","t":"Banner","d":"Place the element at the top of your root layout to display announcements.\nBy default, the banner uses a style tag to modify Fumadocs layouts, such as reducing the sidebar height. ","s":"21st","c":"overlays/alert-banner","a":"fuma-nama","u":84,"pl":"https://cdn.21st.dev/user_fuma-nama/banner.png","pc":"fuma-nama","tg":["announcement","dashboard"]},{"id":"21st:fuma-nama__inline-toc","t":"Inline toc","s":"21st","c":"navigation/table-of-contents","a":"fuma-nama","pl":"https://cdn.21st.dev/user_fuma-nama/inline-toc.png","pc":"fuma-nama"},{"id":"21st:fuma-nama__root-toggle","t":"Root toggle","d":"A select component for switching between major sections of your application, with support for descriptions and icons.\n\nFeatures\n- Smooth animations\n- Support for icons and descript","s":"21st","c":"actions/switch","a":"fuma-nama","u":38,"pl":"https://cdn.21st.dev/user_fuma-nama/root-toggle.png","pc":"fuma-nama","tg":["select"]},{"id":"21st:fuma-nama__tabs","t":"Tabs","d":"A tabs component with support for persistent state, shared values across instances, and URL hash navigation.\n\nFeatures\n- Shared state across multiple instances\n- Persistent state w","s":"21st","c":"navigation/tabs","a":"fuma-nama","u":27,"pl":"https://cdn.21st.dev/user_fuma-nama/tabs.png","pc":"fuma-nama","tg":["tabs"]},{"id":"21st:fuma-nama__type-table","t":"Type table","s":"21st","c":"data-display/table","a":"fuma-nama","pl":"https://cdn.21st.dev/user_fuma-nama/type-table.png","pc":"fuma-nama","tg":["table","tooltip"]},{"id":"21st:fuma-nama__zoomable-image","t":"Zoomable image","d":"A responsive image component with zoom functionality, built on top of Next.js Image and react-medium-image-zoom.\n\nFeatures\n\n- Built on top of Next.js Image\n- Smooth zoom animations","s":"21st","c":"media/gallery","a":"fuma-nama","u":203,"pl":"https://cdn.21st.dev/user_fuma-nama/zoomable-image.png","pc":"fuma-nama","sb":"Zoom and lens"},{"id":"21st:fusioneery__gradient-button","t":"Gradient button","d":"A button with gradient inside, gradient on border, both of them are animated on hover.","s":"21st","c":"actions/button","a":"fusioneery","pl":"https://cdn.21st.dev/fusioneery/gradient-button/default/preview.1752057159756.png","pc":"fusioneery","sb":"Animated"},{"id":"21st:gabporcius__background-rowds-shop-v1","t":"Background rowds shop v1","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 3-color palette (#16130E, #372F20, #9C8D63). Features: film grain. A drop-in, zero-de","k":"motion","s":"21st","c":"motion/gradient","a":"gabporcius","pl":"https://cdn.21st.dev/gabporcius/background-rowds-shop-v1/default/preview.1784107564641.webp","pc":"gabporcius","tg":["background","hero"],"sb":"Silk Blend"},{"id":"21st:gabriellopes.ct07__vv","t":"Vv","d":"Animated (flicker) ASCII art in the Mosaic style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"gabriellopes.ct07","pl":"https://cdn.21st.dev/gabriellopes.ct07/vv/default/preview.1785777629758-167240fb-3335-4e57-bdae-5ae6f0460f5b.webp","pc":"gabriellopes.ct07","sb":"Mosaic"},{"id":"21st:galileouuu__test","t":"Test","d":"Animated (shimmer) ASCII art in the Lines style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, ","k":"motion","s":"21st","c":"motion/ascii","a":"galileouuu","pl":"https://cdn.21st.dev/galileouuu/test/default/preview.1785473446154-35642d77-ebf7-4527-b1ac-dc7b7c33be01.webp","pc":"galileouuu","sb":"Lines"},{"id":"21st:gamerc0der__draggable-card","t":"Draggable card","s":"21st","c":"data-display/card","a":"gamerc0der","pl":"https://cdn.21st.dev/user_2urbZfDTaUDzPgiImqfnq7i95bJ/draggable-card/default/preview.png","pc":"gamerc0der"},{"id":"21st:gawdilley__baye-hero","t":"Baye hero","d":"I like turtles","k":"section","s":"21st","c":"marketing/hero","a":"gawdilley","pl":"https://cdn.21st.dev/gawdilley/baye-hero/default/preview.1780679449865.png","pc":"gawdilley"},{"id":"21st:gawdilley__baye-hero-v2","t":"Baye hero v2","d":"MLB pre-game hero with eyebrow, accent headline, and status pills","k":"section","s":"21st","c":"marketing/hero","a":"gawdilley","pl":"https://21st.dev/@gawdilley/components/baye-hero-v2","pc":"gawdilley"},{"id":"21st:gaxocif204__preloader","t":"Preloader","d":"Full-screen preloader that exits with a slide-up animation when the page is ready.","s":"21st","c":"status/loader","a":"gaxocif204","pl":"https://cdn.21st.dev/gaxocif204/preloader/default/preview.1780300548748.png","pc":"gaxocif204","tg":["spinner"],"sb":"Spinners"},{"id":"21st:geekles007__multiple-select","t":"Multiple select","d":"Select option with multiple choices","s":"21st","c":"inputs/select","a":"geekles007","u":144,"pl":"https://cdn.21st.dev/user_2sELOtPG8dY7rk9BbMQiXG3bWIt/multiple-select/default/preview.1738070829449.png","pc":"geekles007","tg":["chip","select"]},{"id":"21st:geekles007__navbar","t":"Navbar","d":"Navbar with hover animation effect","s":"21st","c":"navigation/top-nav","a":"geekles007","u":173,"pl":"https://cdn.21st.dev/user_2sELOtPG8dY7rk9BbMQiXG3bWIt/navbar/default/preview.1738071474750.png","pc":"geekles007","tg":["menu","navigation-menu"],"sb":"Mega menus"},{"id":"21st:geekles007__select","t":"Select","d":"Reusable select option component built with framer motion and tailwindcss","s":"21st","c":"inputs/select","a":"geekles007","u":99,"pl":"https://cdn.21st.dev/user_2sELOtPG8dY7rk9BbMQiXG3bWIt/select/default/preview.1738138213702.png","pc":"geekles007","tg":["dropdown","icon","list","select"]},{"id":"21st:geetanshg2__loader","t":"Loader","s":"21st","c":"status/loader","a":"geetanshg2","pl":"https://cdn.21st.dev/geetanshg2/loader/default/preview.1770656807092.png","pc":"geetanshg2","sb":"Spinners"},{"id":"21st:ghcpuman902__snappy-slider","t":"Snappy slider","d":"SnappySlider is a highly interactive range input component that combines precise value control\nwith intuitive visual feedback. It features:\n\n- Snap-to points for accurate value sel","s":"21st","c":"inputs/slider","a":"ghcpuman902","u":89,"pl":"https://cdn.21st.dev/user_2rfNH78jhL59YEAI1QyvN8pMfN3/snappy-slider/default/preview.png","pc":"ghcpuman902","tg":["slider"]},{"id":"21st:gianniszakpapakon__website","t":"Website","k":"page","s":"21st","c":"pages/templates","a":"gianniszakpapakon","pl":"https://cdn.21st.dev/gianniszakpapakon/website/default/preview.1754864674877.png","pc":"gianniszakpapakon"},{"id":"21st:glasscn__highlight-text","t":"Highlight text","d":"Inline text highlight that draws a skewed colored background behind words, with preset color variants and custom background support.","k":"motion","s":"21st","c":"motion/text-effect","a":"glasscn","pl":"https://cdn.21st.dev/glasscn/highlight-text/default/preview.1783714342384.png","pc":"glasscn","tg":["text"]},{"id":"21st:glasscn__liquid-text","t":"Liquid text","d":"Animated heading text filled with a flowing liquid smoke shader revealed through a text-shaped mask.","k":"motion","s":"21st","c":"motion/text-effect","a":"glasscn","pl":"https://cdn.21st.dev/glasscn/liquid-text/default/preview.1784681126981-7ab001c6-f5fd-4378-a767-b74231b78e25.png","pc":"glasscn"},{"id":"21st:glasscn__separator","t":"Separator","d":"A thin divider line to visually or semantically separate content, supporting horizontal and vertical orientations.","k":"section","s":"21st","c":"marketing/footer","a":"glasscn","pl":"https://cdn.21st.dev/glasscn/separator/default/preview.1785543806474-4dec75e7-e0bd-4446-bc95-f595ece72123.png","pc":"glasscn"},{"id":"21st:globalsoftwares74__login-page-by-the-vibe-code-0-ankit-jangid","t":"Login page by the vibe code 0 ankit jangid","d":"login page by the vibe code 0 Ankit jangid","s":"21st","c":"flows/sign-in","a":"globalsoftwares74","pl":"https://cdn.21st.dev/globalsoftwares74/login-page-by-the-vibe-code-0-ankit-jangid/default/preview.1776928363514.png","pc":"globalsoftwares74","sb":"Verification"},{"id":"21st:globalsoftwares74__login-page-the-vibe-code-0","t":"Login page the vibe code 0","d":"login page the vibe code 0","s":"21st","c":"flows/sign-in","a":"globalsoftwares74","pl":"https://cdn.21st.dev/globalsoftwares74/login-page-the-vibe-code-0/default/preview.1776929054858.png","pc":"globalsoftwares74","sb":"Verification"},{"id":"21st:globalsoftwares74__premium-login-page-login-system","t":"Premium login page login system","s":"21st","c":"flows/sign-in","a":"globalsoftwares74","pl":"https://cdn.21st.dev/globalsoftwares74/premium-login-page-login-system/default/preview.1776927705500.png","pc":"globalsoftwares74","sb":"Sign in"},{"id":"21st:gonzalochale__ai-chat-image-generation-1","t":"Ai chat image generation 1","d":"Simulates an AI Chat generating and image","s":"21st","c":"ai-agent/ai-agent","a":"gonzalochale","u":107,"pl":"https://cdn.21st.dev/gonzalochale/ai-chat-image-generation/default/preview.png","pc":"gonzalochale","tg":["ai-chat"],"sb":"Chat"},{"id":"21st:gonzalochale__commits-grid","t":"Commits grid","d":"Transforms any text into a GitHub-style commits grid, visually representing the text as contribution blocks.","s":"21st","c":"layout/bento-grid","a":"gonzalochale","u":356,"pl":"https://cdn.21st.dev/user_2wR4WEGHtHNiHywsB7U98OWp9TT/commits-grid/default/preview.1746307467234.png","pc":"gonzalochale"},{"id":"21st:good-listener__liquid-button","t":"Liquid button","d":"An animated liquid-fill button with rolling waves, rising bubbles, focus states, and reduced-motion support.","s":"21st","c":"actions/button","a":"good-listener","pl":"https://cdn.21st.dev/zigzaggg07/liquid-button/default/preview.1785755064283-c3aac6d6-935d-4e64-8ff3-8248d93d9552.png","pc":"good-listener","sb":"Animated"},{"id":"21st:good-listener__r3-f-macro-keypad","t":"R3 f macro keypad","d":"A transparent four-key R3F macro pad with independent spring switches, accessible controls, drag rotation, and colorful action keycaps.","s":"21st","c":"actions/switch","a":"good-listener","pl":"https://cdn.21st.dev/good-listener/r3-f-macro-keypad/default/preview.1786757996283-7322c2ff-32bd-461a-8b6b-9b3c2c8fa5cf.png","pc":"good-listener"},{"id":"21st:good-listener__waves-shader","t":"Waves shader","d":"Animated WebGL shader background in the Waves style. Generated by the 21st.dev Shader Builder. 5-color palette (#06858E, #1E9EA6, #37B6BE, #5DC7CE, #8AD8DD). A drop-in, zero-depend","k":"motion","s":"21st","c":"motion/shader","a":"good-listener","pl":"https://cdn.21st.dev/good-listener/waves-shader/default/preview.1785845764121-273372c5-afed-4719-8051-5a4d18fadaad.webp","pc":"good-listener","sb":"Waves"},{"id":"21st:gooseui__border-beam","t":"Border beam","d":"An animated beam of light that travels along the border of a container to highlight cards, buttons, and inputs.","k":"motion","s":"21st","c":"motion/border","a":"gooseui","pl":"https://cdn.21st.dev/gooseui/border-beam/default/preview.1785375572904-144f502c-3436-43d7-8e03-de160fc382e6.png","pc":"gooseui"},{"id":"21st:gooseui__features-grid","t":"Features grid","d":"A responsive grid of product feature cards with icons, titles and descriptions for landing page sections.","k":"section","s":"21st","c":"marketing/features","a":"gooseui","u":12,"pl":"https://cdn.21st.dev/gooseui/features-grid/default/preview.1784378909879-7c0d3f75-8aa1-44d1-88eb-b519f605729c.png","pc":"gooseui","tg":["features"],"sb":"Grid of cards"},{"id":"21st:gooseui__typography","t":"Typography","d":"A text component with semantic variants (headings, paragraph, blockquote, code) plus gradient and highlight styles for consistent typography.","k":"motion","s":"21st","c":"motion/text-effect","a":"gooseui","pl":"https://cdn.21st.dev/gooseui/typography/default/preview.1784786384533-8fe61fdb-9e91-4839-bdf3-897cb52f1b47.png","pc":"gooseui"},{"id":"21st:gopalrajlohiya2__nsutx","t":"Nsutx","d":"Animated (wave) ASCII art in the Cross style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, and","k":"motion","s":"21st","c":"motion/ascii","a":"gopalrajlohiya2","pl":"https://cdn.21st.dev/gopalrajlohiya2/nsutx/default/preview.1786776625542-95cf578f-12d7-4a66-b60b-992d110c50a3.webp","pc":"gopalrajlohiya2","sb":"Cross"},{"id":"21st:gordongedacheril1__almoayyed","t":"Almoayyed","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#D7D5D5, #310527, #39051F, #FFFFFF). Features: film grain. A drop-i","k":"motion","s":"21st","c":"motion/gradient","a":"gordongedacheril1","pl":"https://cdn.21st.dev/gordongedacheril1/almoayyed/default/preview.1784235358696-a49d63a6-765a-4b77-882e-55f9fe452509.webp","pc":"gordongedacheril1","tg":["background","hero"],"sb":"Bloom Field"},{"id":"21st:gpt-vis__gpt-vis","t":"Gpt vis","d":"A React chart component that renders AI/LLM-generated data visualizations from vis-syntax strings or config objects, supporting 26 chart types via @antv/gpt-vis.","s":"21st","c":"data-viz/chart","a":"gpt-vis","pl":"https://cdn.21st.dev/gpt-vis/gpt-vis/default/preview.1784724376558-d0bdc0be-e025-446a-b46b-42e833876f11.png","pc":"gpt-vis","tg":["ai-chat","data-visualization"]},{"id":"21st:gravitty99__black-and-white-shader","t":"Black and white shader","d":"Animated WebGL shader background in the Warp stripes style. Generated by the 21st.dev Shader Builder. 4-color palette (#101010, #F5F5F5, #B0B0B0, #3A3A3A). Features: film grain, cu","k":"motion","s":"21st","c":"motion/shader","a":"gravitty99","pl":"https://cdn.21st.dev/gravitty99/black-and-white-shader/default/preview.1785807924043-f4f5ce3e-a83f-4958-be9c-fd7c19ca8ad7.webp","pc":"gravitty99","sb":"Warp stripes"},{"id":"21st:gravitty99__light-blue-plasma-shader-w-grain-interactive","t":"Light blue plasma shader w grain interactive","d":"Animated WebGL shader background in the Plasma style. Generated by the 21st.dev Shader Builder. 4-color palette (#160B0B, #C2402A, #F49D37, #FFE8C2). Features: film grain. A drop-i","k":"motion","s":"21st","c":"motion/shader","a":"gravitty99","pl":"https://cdn.21st.dev/gravitty99/light-blue-plasma-shader-w-grain-interactive/default/preview.1785807964385-fb68c3aa-b405-4291-9422-2da5e1ff6030.webp","pc":"gravitty99","sb":"Plasma"},{"id":"21st:gravitty99__red-plasma","t":"Red plasma","d":"Animated WebGL shader background in the Plasma style. Generated by the 21st.dev Shader Builder. 4-color palette (#031C26, #1B6CA8, #5AD2F4, #EAF9FF). Features: film grain. A drop-i","k":"motion","s":"21st","c":"motion/shader","a":"gravitty99","pl":"https://cdn.21st.dev/gravitty99/red-plasma/default/preview.1785807943483-241d5706-3f0c-4309-9245-9468bcbe331f.webp","pc":"gravitty99","sb":"Plasma"},{"id":"21st:grootstudio__blurred-marquee","t":"Blurred marquee","d":"An infinite logo marquee slider with progressively blurred mask edges and hover-controlled scroll speed.","k":"motion","s":"21st","c":"motion/marquee","a":"grootstudio","u":7,"pl":"https://cdn.21st.dev/grootstudio/blurred-marquee/default/preview.1784313042638-9858073f-f09f-40b8-8910-7b2b372f75ec.png","pc":"grootstudio","tg":["marquee","scroll-area"]},{"id":"21st:grootstudio__cursor-trail","t":"Cursor trail","d":"A cursor trail effect that spawns and animates a stream of images interpolated along the mouse movement path.","k":"motion","s":"21st","c":"motion/cursor","a":"grootstudio","pl":"https://cdn.21st.dev/grootstudio/cursor-trail/default/preview.1784708924596-e02911ae-c581-4060-a741-3c7b68dfc911.png","pc":"grootstudio","tg":["cursor","image"]},{"id":"21st:grootstudio__gradient-text-fill","t":"Gradient text fill","d":"Text component whose letters are filled with animated moving color orbs for a 3D gradient effect on any background.","k":"motion","s":"21st","c":"motion/text-effect","a":"grootstudio","pl":"https://cdn.21st.dev/grootstudio/gradient-text-fill/default/preview.1783718625307.png","pc":"grootstudio","tg":["text"],"sb":"Gradient and shimmer"},{"id":"21st:grootstudio__logo-marquee","t":"Logo marquee","d":"An infinite horizontal marquee that scrolls a row of brand logos with mask-faded edges and hover-to-slow speed control.","k":"section","s":"21st","c":"marketing/logos","a":"grootstudio","u":10,"pl":"https://cdn.21st.dev/grootstudio/logo-marquee/default/preview.1784389182251-e6a49ded-6afe-48e7-94ea-c9a1950c9828.png","pc":"grootstudio","tg":["marquee","scroll-area"]},{"id":"21st:gughigug__ufo-hero","t":"Ufo hero","d":"A cinematic, physics-driven hero: a UFO drifts through end-credit text, pushing letters aside and burning them with its tractor beam on click. Fully responsive, built with a custom","k":"section","s":"21st","c":"marketing/hero","a":"gughigug","pl":"https://cdn.21st.dev/gughigug/ufo-hero/default/preview.1786554526541-95f9ed75-f01c-4a18-92eb-12bc4adbc1e0.png","pc":"gughigug"},{"id":"21st:gurukirans615__dot-loader","t":"Dot loader","d":"A clean,reusable React loader component styled with Tailwind CSS. It uses a custom CSS keyframe animation to create three sequential pulsing dots, providing visual feedback during ","s":"21st","c":"status/loader","a":"gurukirans615","pl":"https://cdn.21st.dev/gurukirans615/dot-loader/default/preview.1761543438121.png","pc":"gurukirans615","sb":"Dots and pulse"},{"id":"21st:gurukirans615__orb-button","t":"Orb button","s":"21st","c":"ai-agent/ai-agent","a":"gurukirans615","pl":"https://cdn.21st.dev/gurukirans615/orb-button/default/preview.1761544906381.png","pc":"gurukirans615","sb":"Orbs and presence"},{"id":"21st:gurvinder-singh02__bold-on-hover","t":"Bold on hover","d":"When you hover over this text, each letter will become bolder, creating a new minimal text effect","k":"motion","s":"21st","c":"motion/text-effect","a":"gurvinder-singh02","u":10,"pl":"https://cdn.21st.dev/user_2rGTqRjkIsgwvWVRkyQ9zAKInnT/bold-on-hover/bold-on-hover-demo/preview.png","pc":"gurvinder-singh02"},{"id":"21st:gustavo.camara__pipo","t":"Pipo","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 3-color palette (#E6B093, #A3CEFF, #FAF9EF). Features: soft blur finish, film grain.","k":"motion","s":"21st","c":"motion/gradient","a":"gustavo.camara","pl":"https://cdn.21st.dev/gustavo.camara/pipo/default/preview.1784327196688-374b18e5-60e4-4e77-b1a5-80aec4067031.webp","pc":"gustavo.camara","tg":["background","hero"],"sb":"Bloom Field"},{"id":"21st:gvozdovic__hero-boutique","t":"Hero boutique","d":"Warm-cream hero with grain-texture overlay, Playfair Display serif, pull-quote slot and side image panel. Perfect for small boutique property projects.","k":"section","s":"21st","c":"marketing/hero","a":"gvozdovic","pl":"https://21st.dev/@gvozdovic/components/hero-boutique","pc":"gvozdovic"},{"id":"21st:gvozdovic__hero-business","t":"Hero business","d":"Split-panel hero: dark navy left with specs table, right image or grid pattern. Tabular typography and no rounded corners for a professional B2B commercial property feel.","k":"section","s":"21st","c":"marketing/hero","a":"gvozdovic","pl":"https://21st.dev/@gvozdovic/components/hero-business","pc":"gvozdovic"},{"id":"21st:gvozdovic__hero-heritage","t":"Hero heritage","d":"Centred heritage hero with ornamental chapter-heading dividers, aged-paper background and sepia image treatment. For renovated or historic building landing pages.","k":"section","s":"21st","c":"marketing/hero","a":"gvozdovic","pl":"https://21st.dev/@gvozdovic/components/hero-heritage","pc":"gvozdovic"},{"id":"21st:gvozdovic__hero-luxury","t":"Hero luxury","d":"Sparse editorial hero for premium properties. Near-black bg, serif typography at large scale, outlined CTAs, wide letter-spacing. Designed for high-end real estate landing pages.","k":"section","s":"21st","c":"marketing/hero","a":"gvozdovic","pl":"https://21st.dev/@gvozdovic/components/hero-luxury","pc":"gvozdovic"},{"id":"21st:gvozdovic__hero-natural","t":"Hero natural","d":"Warm-earth hero with noise-texture overlay, forest-green palette and organic rounded corners. Ideal for eco-friendly or suburban family residential projects.","k":"section","s":"21st","c":"marketing/hero","a":"gvozdovic","pl":"https://21st.dev/@gvozdovic/components/hero-natural","pc":"gvozdovic"},{"id":"21st:gvozdovic__hero-penthouse","t":"Hero penthouse","d":"Ultra-minimal full-viewport hero in near-black with gold accent only. Wide letter-spacing, diamond ornament, gold-rule borders. For exclusive penthouse or luxury units.","k":"section","s":"21st","c":"marketing/hero","a":"gvozdovic","pl":"https://21st.dev/@gvozdovic/components/hero-penthouse","pc":"gvozdovic"},{"id":"21st:gvozdovic__hero-section","t":"Hero section","d":"Flexible hero section with badge, headline, subheadline, primary/secondary CTAs, and an optional media slot. Supports center or left alignment. Styled with Tailwind and shadcn toke","k":"section","s":"21st","c":"marketing/hero","a":"gvozdovic","pl":"https://21st.dev/@gvozdovic/components/hero-section","pc":"gvozdovic"},{"id":"21st:gvozdovic__hero-seed","t":"Hero seed","d":"Botanical apothecary hero with announcement bar, floating pill nav, 48px weight-300 display headline, and cream product-image panel. Based on Seed design system: Forest Canopy + Li","k":"section","s":"21st","c":"marketing/hero","a":"gvozdovic","pl":"https://21st.dev/@gvozdovic/components/hero-seed","pc":"gvozdovic"},{"id":"21st:gvozdovic__hero-soft","t":"Hero soft","d":"Light, airy centred hero with sky-blue tints, trust-item checklist and large rounded-corner image frame. For affordable or mid-range residential landing pages.","k":"section","s":"21st","c":"marketing/hero","a":"gvozdovic","pl":"https://21st.dev/@gvozdovic/components/hero-soft","pc":"gvozdovic"},{"id":"21st:gvozdovic__hero-urban","t":"Hero urban","d":"High-contrast dark-navy hero with diagonal clip-path bottom, amber accent bar and stat callout. Strong geometric feel for city-centre development landing pages.","k":"section","s":"21st","c":"marketing/hero","a":"gvozdovic","pl":"https://21st.dev/@gvozdovic/components/hero-urban","pc":"gvozdovic"},{"id":"21st:gvozdovic__hero-vibrant","t":"Hero vibrant","d":"Energetic two-column hero with purple/coral palette, optional highlight word in accent colour, pill CTAs and a hover-rotate image panel. For starter homes or student housing.","k":"section","s":"21st","c":"marketing/hero","a":"gvozdovic","pl":"https://21st.dev/@gvozdovic/components/hero-vibrant","pc":"gvozdovic"},{"id":"21st:gvozdovic__hero-waterfront","t":"Hero waterfront","d":"Full-viewport resort hero with wave SVG divider, ocean-navy gradient, aqua badge and rounded-pill CTAs. For waterfront or coastal residential projects.","k":"section","s":"21st","c":"marketing/hero","a":"gvozdovic","pl":"https://21st.dev/@gvozdovic/components/hero-waterfront","pc":"gvozdovic"},{"id":"21st:h0bb5__bloom","t":"Bloom","d":"Trippy animation of repitition","k":"motion","s":"21st","c":"motion/background","a":"h0bb5","u":16,"pl":"https://cdn.21st.dev/h0bb5/bloom/default/preview.1750322827651.png","pc":"h0bb5"},{"id":"21st:h0bb5__cool-blob-effect","t":"Cool blob effect","d":"A fun blob effect in pure css. \n\nUses keyframes and blur filters.","k":"resource","s":"21st","c":"assets/shape","a":"h0bb5","u":20,"pl":"https://cdn.21st.dev/h0bb5/cool-blob-effect/default/preview.1750314570640.png","pc":"h0bb5"},{"id":"21st:h0bb5__customizable-loader-spinner-transition","t":"Customizable loader spinner transition","d":"Set number of squares and speed.\nPause at certain points. Scale to a size you like and have fun.\n\nCan also create cool effects such as a hero/feature or transition animations. \n\n**","s":"21st","c":"status/loader","a":"h0bb5","u":24,"pl":"https://cdn.21st.dev/h0bb5/customizable-loader-spinner-transition/default/preview.1785467810972-94a36b12-5e26-4640-8066-79b7fa927bd6.png","pc":"h0bb5","sb":"Spinners"},{"id":"21st:h0bb5__generative-art","t":"Generative art","k":"motion","s":"21st","c":"motion/background","a":"h0bb5","pl":"https://cdn.21st.dev/h0bb5/generative-art/default/preview.1750314238767.png","pc":"h0bb5","tg":["background"]},{"id":"21st:h0bb5__zima-blue","t":"Zima blue","s":"21st","c":"data-display/empty-state","a":"h0bb5","pl":"https://cdn.21st.dev/h0bb5/zima-blue/default/preview.1750315793635.png","pc":"h0bb5"},{"id":"21st:hackergut__ff","t":"Ff","d":"Animated (shimmer) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. Styled with a neon look. A drop-in, zero-dependency React compon","k":"motion","s":"21st","c":"motion/ascii","a":"hackergut","pl":"https://cdn.21st.dev/hackergut/ff/default/preview.1785336629210-1d75ef14-1459-4e0e-a62e-7189be5bf356.png","pc":"hackergut","sb":"Characters"},{"id":"21st:hackergut__orgblu","t":"Orgblu","d":"Pure CSS gradient background in the Axis Blend style, made with the 21st.dev Gradient Builder. 5-color palette (#EAF4FC, #251EA4, #F94F07, #000000, #8C00FF). A drop-in, zero-depend","k":"motion","s":"21st","c":"motion/gradient","a":"hackergut","pl":"https://cdn.21st.dev/hackergut/orgblu/default/preview.1785180338741-501ff233-efe9-4b18-af4a-c5f8c5591222.png","pc":"hackergut","sb":"Axis Blend"},{"id":"21st:haibachi__cumulative-density-filter","t":"Cumulative density filter","d":"A cumulative density filter which allows viewing the number of a certain metric which is selected when varying the equality operator. Supports log transform.","s":"21st","c":"motion/number-ticker","a":"haibachi","pl":"https://cdn.21st.dev/haibachi/cumulative-density-filter/default/preview.1761908529016.png","pc":"haibachi"},{"id":"21st:hamiddos__glitching-button","t":"Glitching button","s":"21st","c":"actions/button","a":"hamiddos","pl":"https://cdn.21st.dev/hamiddos/glitching-button/default/preview.1786766622207-0eb3994b-326d-4ed7-a409-7ea6b0e84ef6.png","pc":"hamiddos"},{"id":"21st:hamiddos__spotlight-table","t":"Spotlight table","s":"21st","c":"data-display/table","a":"hamiddos","u":29,"pl":"https://cdn.21st.dev/addstegeman/spotlight-table/default/preview.1765218263756.png","pc":"hamiddos","tg":["search","table"]},{"id":"21st:hamiddos__text-scramble","t":"Text scramble","k":"motion","s":"21st","c":"motion/text-effect","a":"hamiddos","pl":"https://cdn.21st.dev/addstegeman/text-scramble/default/preview.1765217751433.png","pc":"hamiddos","sb":"Scramble and glitch"},{"id":"21st:hammamikhairi__animated-gradient-background","t":"Animated gradient background","d":"An animated Gradient Background","k":"motion","s":"21st","c":"motion/background","a":"hammamikhairi","u":1003,"pl":"https://cdn.21st.dev/user_2raao7ewdsV3POoFtbzjac3ufnv/animated-gradient-background/default/preview.1737970588556.png","pc":"hammamikhairi","tg":["background"],"sb":"Gradients and aurora"},{"id":"21st:hammoud4paypal__footer","t":"Footer","d":"Responsive Next.js multi-column site footer with clean grids and trust indicators.","k":"section","s":"21st","c":"marketing/footer","a":"hammoud4paypal","pl":"https://21st.dev/@hammoud4paypal/components/footer","pc":"hammoud4paypal"},{"id":"21st:hammoud4paypal__navbar","t":"Navbar","d":"Sticky responsive Next.js navigation bar with mobile drawer and active link sliding Framer Motion animations.","s":"21st","c":"navigation/top-nav","a":"hammoud4paypal","pl":"https://21st.dev/@hammoud4paypal/components/navbar","pc":"hammoud4paypal","sb":"Mega menus"},{"id":"21st:hardcoretiff__dotgridshaderoncrack","t":"Dotgridshaderoncrack","d":"Animated WebGL shader background in the Dot Grid style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 6-color palette (#00","k":"motion","s":"21st","c":"motion/shader","a":"hardcoretiff","pl":"https://cdn.21st.dev/hardcoretiff/dotgridshaderoncrack/default/preview.1785897963203-5e0e912a-e6b3-4e89-8de1-fd391d7d1ef6.webp","pc":"hardcoretiff","sb":"Dot Grid"},{"id":"21st:hardik0110__download-hover-button","t":"Download hover button","d":"A rounded download button that smoothly expands on hover and collapses when not hovered, providing a clean, interactive experience.","s":"21st","c":"actions/button","a":"hardik0110","u":48,"pl":"https://cdn.21st.dev/user_2vtkEZqLHOZPKLGGX0sUbzF9iZD/download-hover-button/default/preview.1745917361400.png","pc":"hardik0110","sb":"Loading and states"},{"id":"21st:hardik0110__mini-calendar","t":"Mini calendar","d":"This is a sleek and responsive mini calendar component built using React and TailwindCSS, designed to display weekly views with a focus on minimalism and clarity. The selected day ","s":"21st","c":"data-display/calendar","a":"hardik0110","u":58,"pl":"https://cdn.21st.dev/user_2vtkEZqLHOZPKLGGX0sUbzF9iZD/mini-calendar/default/preview.1746112336999.png","pc":"hardik0110","tg":["calendar","date-picker"]},{"id":"21st:hardikjk3132006__web-gl-hero-component","t":"Web gl hero component","d":"The Best WebGL Hero Section","k":"section","s":"21st","c":"marketing/hero","a":"hardikjk3132006","pl":"https://cdn.21st.dev/hardikjk3132006/web-gl-hero-component/default/preview.1769159256428.png","pc":"hardikjk3132006"},{"id":"21st:hardikkashiyani123456788__argent-loop-infinite-slider","t":"Argent loop infinite slider","d":"A high-performance, seamless infinite slider designed for luxury retail and premium product discovery. This component utilizes a \"frictionless\" motion logic to create an unending s","k":"motion","s":"21st","c":"motion/marquee","a":"hardikkashiyani123456788","u":123,"pl":"https://cdn.21st.dev/hardikkashiyani123456788/argent-loop-infinite-slider/default/preview.1769942086807.png","pc":"hardikkashiyani123456788","tg":["carousel","gallery","scroll-area"]},{"id":"21st:hardikkashiyani123456788__connoisseur-stack-interactor","t":"Connoisseur stack interactor","s":"21st","c":"media/gallery","a":"hardikkashiyani123456788","pl":"https://cdn.21st.dev/user_36PocTYc7us01xfx9KNTqyoT4SJ/connoisseur-stack-interactor/default/preview.1785854009183.png","pc":"hardikkashiyani123456788","tg":["image"]},{"id":"21st:hardikkashiyani123456788__executive-impact-carousel","t":"Executive impact carousel","d":"A performance-optimized carousel designed to showcase high-stakes technical solutions. Features a dual-state interaction model (scroll-hover) that highlights system depth and \"Smar","s":"21st","c":"media/carousel","a":"hardikkashiyani123456788","u":32,"pl":"https://cdn.21st.dev/hardikkashiyani123456788/executive-impact-carousel/default/preview.1768746777744.png","pc":"hardikkashiyani123456788","tg":["carousel"]},{"id":"21st:hardikkashiyani123456788__experience-hero","t":"Experience hero","d":"Elevate your agency's first impression with a high-performance, GSAP-powered hero section. This \"Obsidian Vault\" design features spatial logic animations, narrative apertures, and ","k":"section","s":"21st","c":"marketing/hero","a":"hardikkashiyani123456788","u":100,"pl":"https://cdn.21st.dev/user_36PocTYc7us01xfx9KNTqyoT4SJ/experience-hero/default/preview.1785837957879.png","pc":"hardikkashiyani123456788","tg":["cta"],"sb":"With product shot"},{"id":"21st:hardikkashiyani123456788__flow-gradient-hero-section","t":"Flow gradient hero section","d":"An authoritative UI component featuring fluid liquid gradients and kinetic typography. Designed for premium dark-mode experiences, it combines a sophisticated grainy texture with b","k":"section","s":"21st","c":"marketing/hero","a":"hardikkashiyani123456788","u":158,"pl":"https://cdn.21st.dev/hardikkashiyani123456788/flow-gradient-hero-section/default/preview.1769358696285.png","pc":"hardikkashiyani123456788","tg":["hero"],"sb":"Animated background"},{"id":"21st:hardikkashiyani123456788__lumina-interactive-list","t":"Lumina interactive list","d":"A sophisticated, hover-responsive showcase block designed for high-end creative portfolios and luxury brand websites. This component features a minimalist vertical navigation list ","s":"21st","c":"data-display/list","a":"hardikkashiyani123456788","u":229,"pl":"https://cdn.21st.dev/hardikkashiyani123456788/lumina-interactive-list/default/preview.1769360528343.png","pc":"hardikkashiyani123456788","tg":["gallery","list"]},{"id":"21st:hardikkashiyani123456788__obsidian-gate-loader","t":"Obsidian gate loader","s":"21st","c":"status/loader","a":"hardikkashiyani123456788","pl":"https://cdn.21st.dev/hardikkashiyani123456788/obsidian-gate-loader/default/preview.1770538700639.png","pc":"hardikkashiyani123456788","sb":"Spinners"},{"id":"21st:hardikkashiyani123456788__sterling-gate-kinetic-navigation","t":"Sterling gate kinetic navigation","d":"An authoritative full-screen navigation component designed for high-end digital experiences. This menu utilizes a \"Reveal\" logic—where the interface transitions from a focused view","s":"21st","c":"navigation/top-nav","a":"hardikkashiyani123456788","u":308,"pl":"https://cdn.21st.dev/hardikkashiyani123456788/sterling-gate-kinetic-navigation/default/preview.1770546943886.png","pc":"hardikkashiyani123456788","tg":["menu","navigation-menu"],"sb":"Mega menus"},{"id":"21st:hardikkashiyani123456788__vanguard-scroll-reveal-reviews","t":"Vanguard scroll reveal reviews","k":"layout","s":"21st","c":"layout/scroll-area","a":"hardikkashiyani123456788","pl":"https://cdn.21st.dev/hardikkashiyani123456788/vanguard-scroll-reveal-reviews/default/preview.1769944688507.png","pc":"hardikkashiyani123456788"},{"id":"21st:hari__button-8","t":"Button 8","d":"Here is magic button component","s":"21st","c":"actions/button","a":"hari","u":142,"pl":"https://cdn.21st.dev/larsen66/button-8/default/preview.1750178482676.png","pc":"hari","tg":["ai-chat"]},{"id":"21st:hari__card-comment","t":"Card comment","d":"Here is card comment component","s":"21st","c":"data-display/card","a":"hari","pl":"https://cdn.21st.dev/larsen66/card-comment/default/preview.1750177692885.png","pc":"hari"},{"id":"21st:hari__flower-menu","t":"Flower menu","d":"Here is modern minimalistic flower menu component","s":"21st","c":"navigation/menu","a":"hari","u":31,"pl":"https://cdn.21st.dev/larsen66/flower-menu/default/preview.1750179001462.png","pc":"hari","tg":["menu"]},{"id":"21st:hari__reveal-images","t":"Reveal images","d":"Reveals the images on hover.","s":"21st","c":"media/gallery","a":"hari","u":234,"pl":"https://cdn.21st.dev/user_hari/reveal-images.png","pc":"hari","tg":["gallery","list"]},{"id":"21st:hari__scheduler","t":"Scheduler","d":"Here is notification scheduler component","s":"21st","c":"data-display/calendar","a":"hari","pl":"https://cdn.21st.dev/larsen66/scheduler/default/preview.1750178697741.png","pc":"hari","tg":["notification"]},{"id":"21st:hari__transaction-list","t":"Transaction list","d":"Here is modern minimalistic Transaction List component","s":"21st","c":"data-display/list","a":"hari","pl":"https://cdn.21st.dev/larsen66/transaction-list/default/preview.1750179263015.png","pc":"hari","tg":["list"]},{"id":"21st:harshit.cool.devv__fds","t":"Fds","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#DCEBF7, #B9D4EC, #F3D9E4, #F7EFE3). Features: film grain, vignette.","k":"motion","s":"21st","c":"motion/gradient","a":"harshit.cool.devv","pl":"https://cdn.21st.dev/harshit.cool.devv/fds/default/preview.1785441344983-057bf071-fce4-4de3-8b60-f349c3519be8.webp","pc":"harshit.cool.devv","sb":"Silk Blend"},{"id":"21st:harshjadhavconnect__cursor-driven-particles-typography","t":"Cursor driven particles typography","d":"Interactive particle-based typography rendered on canvas. \nText is constructed from dynamic particles that disperse on cursor interaction and smoothly return with spring physics.\n\n","s":"21st","c":"data-display/typography","a":"harshjadhavconnect","u":42,"pl":"https://cdn.21st.dev/harshjadhavconnect/cursor-driven-particles-typography/default/preview.1772375136220.png","pc":"harshjadhavconnect","tg":["cursor"]},{"id":"21st:harshsingh15dec__shader-background","t":"Shader background","k":"motion","s":"21st","c":"motion/background","a":"harshsingh15dec","pl":"https://cdn.21st.dev/harshsingh15dec/shader-background/default/preview.1760696326948.png","pc":"harshsingh15dec","sb":"Shaders and WebGL"},{"id":"21st:haydenbleasel__ai-input","t":"Ai input","s":"21st","c":"ai-agent/ai-agent","a":"haydenbleasel","pl":"https://cdn.21st.dev/user_2rdQLmsxuhvWx0tfvW2jDPWI7CY/ai-input/default/preview.png","pc":"haydenbleasel","tg":["ai-chat","textarea"],"sb":"Chat"},{"id":"21st:haydenbleasel__announcement","t":"Announcement","d":"A compound badge designed to display an announcement.\n\n","k":"section","s":"21st","c":"marketing/announcement","a":"haydenbleasel","u":233,"pl":"https://cdn.21st.dev/user_2rdQLmsxuhvWx0tfvW2jDPWI7CY/announcement/default/preview.1737987848451.png","pc":"haydenbleasel","tg":["announcement"]},{"id":"21st:haydenbleasel__banner","t":"Banner","s":"21st","c":"overlays/alert-banner","a":"haydenbleasel","pl":"https://cdn.21st.dev/user_2rdQLmsxuhvWx0tfvW2jDPWI7CY/banner/default/preview.1740317278330.png","pc":"haydenbleasel"},{"id":"21st:haydenbleasel__calendar","t":"Calendar","d":"The calendar view displays features on a grid calendar. Specifically it shows the end date of each feature, and groups features by day.","s":"21st","c":"data-display/calendar","a":"haydenbleasel","pl":"https://cdn.21st.dev/user_haydenbleasel/calendar.png","pc":"haydenbleasel"},{"id":"21st:haydenbleasel__color-picker","t":"Color picker","s":"21st","c":"inputs/color-picker","a":"haydenbleasel","u":252,"pl":"https://cdn.21st.dev/user_2rdQLmsxuhvWx0tfvW2jDPWI7CY/color-picker/default/preview.1738139440951.png","pc":"haydenbleasel","tg":["slider"]},{"id":"21st:haydenbleasel__cursor","t":"Cursor","k":"motion","s":"21st","c":"motion/cursor","a":"haydenbleasel","pl":"https://cdn.21st.dev/user_2rdQLmsxuhvWx0tfvW2jDPWI7CY/cursor/default/preview.png","pc":"haydenbleasel","tg":["cursor"]},{"id":"21st:haydenbleasel__data-table","t":"Data table","d":"Table views are used to display data in a tabular format. They are useful for displaying large amounts of data in a structured way.","s":"21st","c":"data-display/table","a":"haydenbleasel","pl":"https://cdn.21st.dev/user_haydenbleasel/data-table.png","pc":"haydenbleasel","tg":["dashboard","table"],"sb":"Data tables"},{"id":"21st:haydenbleasel__dialog-stack","t":"Dialog stack","d":"Stacked dialog component inspired by Radix UI Dialog. Accessible. Customizable. Open Source. Pre-styled for shadcn/ui.\n\nFeatures\n\t•\tStacked dialog interface with smooth transitions","s":"21st","c":"overlays/dialog","a":"haydenbleasel","u":64,"pl":"https://cdn.21st.dev/user_haydenbleasel/dialog-stack.png","pc":"haydenbleasel","tg":["modal","steps"],"sb":"Onboarding"},{"id":"21st:haydenbleasel__dropzone","t":"Dropzone","s":"21st","c":"inputs/file-upload","a":"haydenbleasel","pl":"https://cdn.21st.dev/user_2rdQLmsxuhvWx0tfvW2jDPWI7CY/dropzone/default/preview.png","pc":"haydenbleasel","tg":["empty-state","upload-download"]},{"id":"21st:haydenbleasel__gantt","t":"Gantt","s":"21st","c":"data-display/timeline","a":"haydenbleasel","st":"rated","pl":"https://cdn.21st.dev/user_2rdQLmsxuhvWx0tfvW2jDPWI7CY/gantt/default/preview.1738139570198.png","pc":"haydenbleasel","tg":["sidebar","timeline"],"sc":19},{"id":"21st:haydenbleasel__hero-section-2","t":"Hero section 2","d":"Here is Hero Section  component","k":"section","s":"21st","c":"marketing/hero","a":"haydenbleasel","u":15,"pl":"https://cdn.21st.dev/larsen66/hero-section-2/default/preview.1755251450486.png","pc":"haydenbleasel"},{"id":"21st:haydenbleasel__image-crop","t":"Image crop","d":"An interactive image cropper with customizable aspect ratios, circular crop mode, and apply/reset controls that returns the cropped result as a PNG data URL.","s":"21st","c":"media/gallery","a":"haydenbleasel","pl":"https://cdn.21st.dev/haydenbleasel/image-crop/default/preview.1784719349941-00a5e0fb-88f3-4c44-b895-12a580c8ab1e.png","pc":"haydenbleasel","tg":["image","upload-download"]},{"id":"21st:haydenbleasel__image-zoom","t":"Image zoom","d":"A component that lets users click or tap an image to zoom in with a blurred backdrop and smooth transitions.","s":"21st","c":"media/gallery","a":"haydenbleasel","pl":"https://cdn.21st.dev/haydenbleasel/image-zoom/default/preview.1784657490011-94aacf41-3726-4b7d-bc78-9187b8e1a3f6.png","pc":"haydenbleasel","sb":"Zoom and lens"},{"id":"21st:haydenbleasel__kanban","t":"Kanban","s":"21st","c":"data-display/kanban","a":"haydenbleasel","pl":"https://cdn.21st.dev/user_haydenbleasel/kanban.png","pc":"haydenbleasel"},{"id":"21st:haydenbleasel__list","t":"List","d":"List views are a great way to show a list of tasks grouped by status and ranked by priority.","s":"21st","c":"data-display/list","a":"haydenbleasel","pl":"https://cdn.21st.dev/user_haydenbleasel/list.png","pc":"haydenbleasel"},{"id":"21st:haydenbleasel__marquee","t":"Marquee","k":"motion","s":"21st","c":"motion/marquee","a":"haydenbleasel","u":136,"pl":"https://cdn.21st.dev/user_2rdQLmsxuhvWx0tfvW2jDPWI7CY/marquee/default/preview.1738138270430.png","pc":"haydenbleasel","tg":["carousel","gallery","marquee","scroll-area"]},{"id":"21st:haydenbleasel__pill","t":"Pill","s":"21st","c":"data-display/badge","a":"haydenbleasel","u":130,"pl":"https://cdn.21st.dev/user_2rdQLmsxuhvWx0tfvW2jDPWI7CY/pill/default/preview.png","pc":"haydenbleasel","tg":["badge","avatar","chip"],"sb":"Tags and pills"},{"id":"21st:haydenbleasel__rating","t":"Rating","s":"21st","c":"inputs/rating","a":"haydenbleasel","u":86,"pl":"https://cdn.21st.dev/user_2rdQLmsxuhvWx0tfvW2jDPWI7CY/rating/default/preview.png","pc":"haydenbleasel"},{"id":"21st:haydenbleasel__relative-time","t":"Relative time","d":"Here is Relative Time component","s":"21st","c":"inputs/date-picker","a":"haydenbleasel","pl":"https://cdn.21st.dev/larsen66/relative-time/default/preview.1755200263750.png","pc":"haydenbleasel","tg":["date-picker"]},{"id":"21st:haydenbleasel__sandbox","t":"Sandbox","s":"21st","c":"navigation/tabs","a":"haydenbleasel","pl":"https://cdn.21st.dev/user_2rdQLmsxuhvWx0tfvW2jDPWI7CY/sandbox/default/preview.1738138349206.png","pc":"haydenbleasel","tg":["tabs"]},{"id":"21st:haydenbleasel__snippet","t":"Snippet","s":"21st","c":"data-display/code-block","a":"haydenbleasel","u":55,"pl":"https://cdn.21st.dev/user_2rdQLmsxuhvWx0tfvW2jDPWI7CY/snippet/default/preview.1738139646815.png","pc":"haydenbleasel","tg":["tabs"]},{"id":"21st:haydenbleasel__spinner","t":"Spinner","s":"21st","c":"status/loader","a":"haydenbleasel","u":903,"pl":"https://cdn.21st.dev/user_2rdQLmsxuhvWx0tfvW2jDPWI7CY/spinner/default/preview.1737988148384.png","pc":"haydenbleasel","tg":["spinner"],"sb":"Spinners"},{"id":"21st:haydenbleasel__status","t":"Status","d":"Here is Status component","s":"21st","c":"data-display/badge","a":"haydenbleasel","pl":"https://cdn.21st.dev/larsen66/status/default/preview.1755199676329.png","pc":"haydenbleasel","tg":["badge"],"sb":"Status"},{"id":"21st:haydenbleasel__stories-carousel","t":"Stories carousel","d":"Here is Stories Carousel component","s":"21st","c":"media/carousel","a":"haydenbleasel","u":149,"pl":"https://cdn.21st.dev/larsen66/stories-carousel/default/preview.1753955275243.png","pc":"haydenbleasel","tg":["avatar","carousel","gallery","image"]},{"id":"21st:haydenbleasel__tags","t":"Tags","s":"21st","c":"data-display/badge","a":"haydenbleasel","pl":"https://cdn.21st.dev/user_2rdQLmsxuhvWx0tfvW2jDPWI7CY/tags/default/preview.1738138422208.png","pc":"haydenbleasel","sb":"Tags and pills"},{"id":"21st:haydenbleasel__theme-switcher","t":"Theme switcher","s":"21st","c":"actions/switch","a":"haydenbleasel","u":242,"pl":"https://cdn.21st.dev/user_2rdQLmsxuhvWx0tfvW2jDPWI7CY/theme-switcher/default/preview.png","pc":"haydenbleasel","tg":["toggle"],"sb":"Theme toggles"},{"id":"21st:haydenbleasel__ticker","t":"Ticker","d":"A composable finance ticker for displaying a stock symbol, logo, price, and color-coded price change.","k":"motion","s":"21st","c":"motion/marquee","a":"haydenbleasel","pl":"https://cdn.21st.dev/haydenbleasel/ticker/default/preview.1784463360584-ea0b1e80-f6e6-4f1c-ba3e-0d5659d682f3.png","pc":"haydenbleasel","tg":["stat"]},{"id":"21st:haydenbleasel__tree","t":"Tree","d":"Here is Tree component","s":"21st","c":"data-display/tree","a":"haydenbleasel","u":39,"pl":"https://cdn.21st.dev/larsen66/tree/default/preview.1755196224797.png","pc":"haydenbleasel","tg":["file-tree","list","navigation-menu","select"]},{"id":"21st:haydenbleasel__video-player","t":"Video player","d":"Here is Video Player component","s":"21st","c":"media/player","a":"haydenbleasel","pl":"https://cdn.21st.dev/larsen66/video-player/default/preview.1755198771254.png","pc":"haydenbleasel","tg":["video"]},{"id":"21st:hazelgrace3026__ocean-grain","t":"Ocean grain","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#08243B, #12507A, #2E8FA6, #7DD0C0). Features: film grain. A drop-in","k":"motion","s":"21st","c":"motion/gradient","a":"hazelgrace3026","pl":"https://cdn.21st.dev/hazelgrace3026/ocean-grain/default/preview.1786465556314-9381e068-dcde-43ab-9bca-8b05e6526e44.webp","pc":"hazelgrace3026","sb":"Silk Blend"},{"id":"21st:hazelgrace3026__silk-blend-gradient","t":"Silk blend gradient","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#08243B, #12507A, #2E8FA6, #7DD0C0). Features: film grain. A drop-in","k":"motion","s":"21st","c":"motion/gradient","a":"hazelgrace3026","pl":"https://cdn.21st.dev/hazelgrace3026/silk-blend-gradient/default/preview.1786465546117-a47a0e11-b879-44fd-9c88-3491d9989138.webp","pc":"hazelgrace3026","sb":"Silk Blend"},{"id":"21st:hedevelope__estimated-arrival","t":"Estimated arrival","d":"An interactive Estşmated Arrival Date React component displaying an estimated delivery date with expandable details and animations.","s":"21st","c":"data-viz/progress-bar","a":"hedevelope","pl":"https://cdn.21st.dev/hedevelope/estimated-arrival/default/preview.1765013313353.png","pc":"hedevelope","tg":["date-picker"]},{"id":"21st:hedevelope__estimated-arrival-date","t":"Estimated arrival date","d":"A beautiful, animated estimated arrival date card component built with React and TypeScript.","s":"21st","c":"data-display/card","a":"hedevelope","pl":"https://cdn.21st.dev/hedevelope/estimated-arrival-date/default/preview.1765010550928.png","pc":"hedevelope"},{"id":"21st:hedevelope__fomo-social-proof","t":"Fomo social proof","d":"The main component that displays animated metrics in a rotating carousel.","k":"section","s":"21st","c":"marketing/testimonials","a":"hedevelope","pl":"https://cdn.21st.dev/hedevelope/fomo-social-proof/default/preview.1765003279708.png","pc":"hedevelope"},{"id":"21st:hedevelope__live-visitor","t":"Live visitor","d":"Animated Avatars Live Visitor Counter","s":"21st","c":"motion/number-ticker","a":"hedevelope","pl":"https://cdn.21st.dev/hedevelope/live-visitor/default/preview.1764946536020.png","pc":"hedevelope"},{"id":"21st:hedevelope__truck-estimated-date","t":"Truck estimated date","d":"A clean delivery information widget with Lottie animation and dashed border design.","k":"motion","s":"21st","c":"motion/border","a":"hedevelope","pl":"https://cdn.21st.dev/hedevelope/truck-estimated-date/default/preview.1765014401895.png","pc":"hedevelope"},{"id":"21st:hero_ui__heroui-accordion","t":"Heroui accordion","d":"HeroUI v3 Accordion — a collapsible content panel built with the real @heroui/react package. Default and surface variants, single or multiple expanded, controlled and default-expan","s":"21st","c":"data-display/accordion","a":"hero_ui","u":19,"pl":"https://cdn.21st.dev/larsen66/heroui-accordion/default/preview.1780270047692.png","pc":"hero_ui","tg":["accordion","faq"],"sb":"FAQ"},{"id":"21st:hero_ui__heroui-alert","t":"Heroui alert","d":"HeroUI v3 Alert — status-aware feedback messages built with the real @heroui/react package. Includes default, accent, success, warning and danger statuses, action buttons, close bu","s":"21st","c":"overlays/alert-banner","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-alert/default/preview.1780180468308.png","pc":"hero_ui","tg":["announcement","alert","notification"]},{"id":"21st:hero_ui__heroui-alert-dialog","t":"Heroui alert dialog","d":"HeroUI AlertDialog for critical confirmations, with status icons, placements, backdrop variants, sizes, custom icons, dismiss behavior, controlled state and custom trigger examples","s":"21st","c":"overlays/dialog","a":"hero_ui","u":10,"pl":"https://cdn.21st.dev/larsen66/heroui-alert-dialog/default/preview.1780180682494.png","pc":"hero_ui","tg":["alert","modal"],"sb":"Confirm"},{"id":"21st:hero_ui__heroui-autocomplete","t":"Heroui autocomplete","s":"21st","c":"inputs/combobox","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-autocomplete/default/preview.1782930275159.png","pc":"hero_ui","tg":["avatar","form","search","select"]},{"id":"21st:hero_ui__heroui-avatar","t":"Heroui avatar","d":"Display user profile images with customizable fallback content.","s":"21st","c":"data-display/avatar","a":"hero_ui","u":5,"pl":"https://cdn.21st.dev/reapollo/heroui-avatar/default/preview.1780252844076.png","pc":"hero_ui","tg":["avatar","profile"]},{"id":"21st:hero_ui__heroui-badge","t":"Heroui badge","d":"Displays a small indicator positioned relative to another element, commonly used for notification counts, status dots, and labels.","s":"21st","c":"data-display/badge","a":"hero_ui","u":11,"pl":"https://cdn.21st.dev/reapollo/heroui-badge/default/preview.1780254468142.png","pc":"hero_ui","tg":["badge","notification"],"sb":"Counts"},{"id":"21st:hero_ui__heroui-breadcrumbs","t":"Heroui breadcrumbs","d":"Display the current page location within a navigational hierarchy.","s":"21st","c":"navigation/breadcrumb","a":"hero_ui","u":3,"pl":"https://cdn.21st.dev/reapollo/heroui-breadcrumbs/default/preview.1780254281824.png","pc":"hero_ui"},{"id":"21st:hero_ui__heroui-button","t":"Heroui button","d":"HeroUI Button with primary, secondary, tertiary, outline, ghost, danger and danger-soft variants, three sizes (sm/md/lg), icons and icon-only mode, pending/loading state, full-widt","s":"21st","c":"actions/button","a":"hero_ui","u":9,"pl":"https://cdn.21st.dev/larsen66/heroui-button/default/preview.1780175863873.png","pc":"hero_ui","tg":["sign-in","upload-download"],"sb":"Icon buttons"},{"id":"21st:hero_ui__heroui-button-group","t":"Heroui button group","d":"HeroUI v3 ButtonGroup — grouped buttons with separators, variants, sizes, orientation, icons and full-width layout.","s":"21st","c":"actions/button","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-button-group/default/preview.1782317555643.png","pc":"hero_ui","tg":["button"],"sb":"Groups and split"},{"id":"21st:hero_ui__heroui-calendar","t":"Heroui calendar","d":"HeroUI v3 Calendar — date calendar with year picker, controlled state, week/day views, min/max, unavailable dates, multiple selection, read-only, focused value, cell indicators, mu","s":"21st","c":"data-display/calendar","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-calendar/default/preview.1783013515225.png","pc":"hero_ui","tg":["calendar","date-picker","grid","select"]},{"id":"21st:hero_ui__heroui-card","t":"Heroui card","d":"Flexible container component for grouping related content and actions.","s":"21st","c":"data-display/card","a":"hero_ui","u":5,"pl":"https://cdn.21st.dev/reapollo/heroui-card/default/preview.1780254434805.png","pc":"hero_ui","tg":["profile","team"],"sb":"Profile"},{"id":"21st:hero_ui__heroui-checkbox","t":"Heroui checkbox","d":"A selectable control for binary choices, form options, indeterminate states, labels, and validation messaging.","s":"21st","c":"inputs/checkbox","a":"hero_ui","u":3,"pl":"https://cdn.21st.dev/reapollo/heroui-checkbox/default/preview.1780258040183.png","pc":"hero_ui","tg":["checkbox"]},{"id":"21st:hero_ui__heroui-checkbox-group","t":"Heroui checkbox group","s":"21st","c":"inputs/checkbox","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-checkbox-group/default/preview.1782930743867.png","pc":"hero_ui","tg":["checkbox"]},{"id":"21st:hero_ui__heroui-chip","t":"Heroui chip","d":"Small informational badges for displaying labels, statuses, and categories.","s":"21st","c":"data-display/badge","a":"hero_ui","u":12,"pl":"https://cdn.21st.dev/reapollo/heroui-chip/default/preview.1780264594989.png","pc":"hero_ui","tg":["chip"],"sb":"Tags and pills"},{"id":"21st:hero_ui__heroui-close-button","t":"Heroui close button","s":"21st","c":"actions/button","a":"hero_ui","pl":"https://cdn.21st.dev/hero_ui/heroui-close-button/default/preview.1783009277489.png","pc":"hero_ui"},{"id":"21st:hero_ui__heroui-color-area","t":"Heroui color area","k":"section","s":"21st","c":"marketing/hero","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-color-area/default/preview.1782934599459.png","pc":"hero_ui"},{"id":"21st:hero_ui__heroui-color-field","t":"Heroui color field","d":"Color input field with labels, descriptions, validation, and HSL channel editing.","s":"21st","c":"inputs/form-field","a":"hero_ui","pl":"https://cdn.21st.dev/reapollo/heroui-color-field/default/preview.1780271409351.png","pc":"hero_ui","tg":["form","input"],"sb":"Whole forms"},{"id":"21st:hero_ui__heroui-color-picker","t":"Heroui color picker","d":"HeroUI v3 ColorPicker is a trigger + popover color picker that composes a swatch trigger with an interactive picker surface — color area, sliders, fields and swatch presets — for s","s":"21st","c":"inputs/color-picker","a":"hero_ui","u":17,"pl":"https://cdn.21st.dev/larsen66/heroui-color-picker/default/preview.1782934716287.png","pc":"hero_ui","tg":["popover","slider"]},{"id":"21st:hero_ui__heroui-color-slider","t":"Heroui color slider","d":"HeroUI v3 ColorSlider — slider for a single color channel (RGB/HSL/alpha), vertical, disabled, controlled and custom render.","s":"21st","c":"inputs/slider","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-color-slider/default/preview.1783013335540.png","pc":"hero_ui","tg":["slider"]},{"id":"21st:hero_ui__heroui-color-swatch","t":"Heroui color swatch","d":"A visual preview of a color value with accessibility support.","s":"21st","c":"inputs/color-picker","a":"hero_ui","pl":"https://cdn.21st.dev/reapollo/heroui-color-swatch/default/preview.1780278032535.png","pc":"hero_ui"},{"id":"21st:hero_ui__heroui-color-swatch-picker","t":"Heroui color swatch picker","d":"A list of color swatches that allows users to select a color from a predefined palette.","s":"21st","c":"inputs/color-picker","a":"hero_ui","u":9,"pl":"https://cdn.21st.dev/reapollo/heroui-color-swatch-picker/default/preview.1780278136205.png","pc":"hero_ui"},{"id":"21st:hero_ui__heroui-combo-box","t":"Heroui combo box","d":"A filterable select field that lets people search, choose, and enter values from a popover list.","s":"21st","c":"inputs/combobox","a":"hero_ui","u":10,"pl":"https://cdn.21st.dev/reapollo/heroui-combo-box/default/preview.1780281654285.png","pc":"hero_ui","tg":["popover","search","select"]},{"id":"21st:hero_ui__heroui-date-field","t":"Heroui date field","d":"Date input field with labels, descriptions, and validation built on React Aria DateField.","s":"21st","c":"inputs/date-picker","a":"hero_ui","pl":"https://cdn.21st.dev/reapollo/heroui-date-field/default/preview.1780281808380.png","pc":"hero_ui","tg":["input","select","tooltip"]},{"id":"21st:hero_ui__heroui-date-picker","t":"Heroui date picker","d":"Composable date picker built on React Aria DatePicker with DateField and Calendar composition.","s":"21st","c":"inputs/date-picker","a":"hero_ui","pl":"https://cdn.21st.dev/reapollo/heroui-date-picker/default/preview.1780348199534.png","pc":"hero_ui","tg":["calendar","date-picker","form","input"]},{"id":"21st:hero_ui__heroui-date-range-picker","t":"Heroui date range picker","d":"Composable date range picker built on React Aria DateRangePicker with DateField and RangeCalendar composition.","s":"21st","c":"inputs/date-range","a":"hero_ui","pl":"https://cdn.21st.dev/reapollo/heroui-date-range-picker/default/preview.1780351512219.png","pc":"hero_ui","tg":["calendar","date-picker","select","toggle"]},{"id":"21st:hero_ui__heroui-description","t":"Heroui description","d":"Provides supplementary text for form fields and other components.","s":"21st","c":"inputs/form-field","a":"hero_ui","u":2,"pl":"https://cdn.21st.dev/reapollo/heroui-description/default/preview.1780351337826.png","pc":"hero_ui","sb":"Whole forms"},{"id":"21st:hero_ui__heroui-disclosure","t":"Heroui disclosure","d":"A collapsible section with a header trigger and animated panel content.","s":"21st","c":"data-display/accordion","a":"hero_ui","u":2,"pl":"https://cdn.21st.dev/reapollo/heroui-disclosure/default/preview.1780351375133.png","pc":"hero_ui"},{"id":"21st:hero_ui__heroui-disclosure-group","t":"Heroui disclosure group","d":"Container from HeroUI v3 that coordinates Disclosure items and manages their expanded state. Includes default and controlled examples with accessible triggers and panels built on R","s":"21st","c":"data-display/accordion","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-disclosure-group/default/preview.1782139249741.png","pc":"hero_ui","tg":["accordion"]},{"id":"21st:hero_ui__heroui-drawer","t":"Heroui drawer","d":"HeroUI v3 Drawer — slide-out panel with placements, backdrop variants, non-dismissable, scrollable content, controlled state, forms and a navigation drawer.","s":"21st","c":"overlays/sheet","a":"hero_ui","u":4,"pl":"https://cdn.21st.dev/larsen66/heroui-drawer/default/preview.1782324890364.png","pc":"hero_ui","tg":["modal","navigation-menu","scroll-area","sidebar"]},{"id":"21st:hero_ui__heroui-dropdown","t":"Heroui dropdown","d":"Accessible dropdown menu built on React Aria, from HeroUI v3. A trigger-anchored popover menu supporting plain actions, leading icons, descriptions, keyboard shortcuts (Kbd), group","s":"21st","c":"navigation/menu","a":"hero_ui","u":7,"pl":"https://cdn.21st.dev/hero_ui/heroui-dropdown/default/preview.1782324392000.png","pc":"hero_ui","tg":["avatar","checkbox","dropdown","menu"],"sb":"Dropdowns"},{"id":"21st:hero_ui__heroui-error-message","t":"Heroui error message","d":"HeroUI v3 ErrorMessage — form validation message that appears when a field group is invalid, shown under a TagGroup with selection validation.","s":"21st","c":"ai-agent/ai-agent","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-error-message/default/preview.1782326731396.png","pc":"hero_ui","sb":"Chat"},{"id":"21st:hero_ui__heroui-field-error","t":"Heroui field error","d":"HeroUI v3 FieldError — per-field validation error display for TextField, covering basic and custom validation, dynamic messages and multiple errors.","s":"21st","c":"inputs/form-field","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-field-error/default/preview.1782330244710.png","pc":"hero_ui","tg":["form","input"],"sb":"Whole forms"},{"id":"21st:hero_ui__heroui-fieldset","t":"Heroui fieldset","d":"HeroUI v3 Fieldset — groups related form fields with a legend, description and actions, including an on-surface variant.","s":"21st","c":"inputs/form-field","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-fieldset/default/preview.1782326947304.png","pc":"hero_ui"},{"id":"21st:hero_ui__heroui-form","t":"Heroui form","d":"HeroUI v3 Form — accessible form wrapper with built-in validation, submit/reset handling and a custom render-function API.","s":"21st","c":"inputs/form-field","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-form/default/preview.1782393822891.png","pc":"hero_ui","sb":"Whole forms"},{"id":"21st:hero_ui__heroui-input","t":"Heroui input","d":"Primitive single-line text input that accepts standard HTML attributes.","s":"21st","c":"inputs/form-field","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-input/default/preview.1782165827711.png","pc":"hero_ui","tg":["input"]},{"id":"21st:hero_ui__heroui-input-group","t":"Heroui input group","d":"HeroUI v3 InputGroup — inputs with prefix/suffix addons: icons, text, copy button, password toggle, keyboard shortcut, loading state, variants and textarea.","s":"21st","c":"inputs/form-field","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-input-group/default/preview.1782393958812.png","pc":"hero_ui","tg":["textarea","tooltip"],"sb":"Input groups"},{"id":"21st:hero_ui__heroui-input-otp","t":"Heroui input otp","d":"HeroUI v3 InputOTP — segmented one-time-password input: digit counts, patterns, disabled, controlled, validation, on-complete, form integration, variants and on-surface.","s":"21st","c":"inputs/otp-input","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-input-otp/default/preview.1782394098112.png","pc":"hero_ui","tg":["form","input"]},{"id":"21st:hero_ui__heroui-label","t":"Heroui label","d":"HeroUI v3 Label — accessible form label primitive that associates a caption with an input via htmlFor.","s":"21st","c":"inputs/form-field","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-label/default/preview.1782926181971.png","pc":"hero_ui","sb":"Animated fields"},{"id":"21st:hero_ui__heroui-list-box","t":"Heroui list box","s":"21st","c":"data-display/list","a":"hero_ui","pl":"https://cdn.21st.dev/hero_ui/heroui-list-box/default/preview.1783009626068.png","pc":"hero_ui","tg":["avatar","list","menu","select"]},{"id":"21st:hero_ui__heroui-meter","t":"Heroui meter","d":"A HeroUI meter for visualizing a value within a range — storage, usage, progress toward a goal. Built on react-aria with an accessible label and formatted output. Supports accent/s","s":"21st","c":"data-viz/gauge","a":"hero_ui","pl":"https://cdn.21st.dev/hero_ui/heroui-meter/default/preview.1783958433914.png","pc":"hero_ui","tg":["progress"]},{"id":"21st:hero_ui__heroui-modal","t":"Heroui modal","d":"Accessible dialog overlay for focused user interactions, with sizes, placement, dismiss control, and controlled state.","s":"21st","c":"overlays/dialog","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-modal/default/preview.1780620392504.png","pc":"hero_ui"},{"id":"21st:hero_ui__heroui-number-field","t":"Heroui number field","d":"HeroUI v3 NumberField — numeric input with steppers, min/max, step values, format options, validation, variants and form usage.","s":"21st","c":"inputs/number-input","a":"hero_ui","u":2,"pl":"https://cdn.21st.dev/larsen66/heroui-number-field/default/preview.1782933342094.png","pc":"hero_ui","tg":["input"]},{"id":"21st:hero_ui__heroui-progress-bar","t":"Heroui progress bar","d":"A HeroUI progress bar for showing completion of a task — loading, uploads, multi-step flows. Built on react-aria with an accessible label and formatted output. Supports accent/succ","s":"21st","c":"data-viz/progress-bar","a":"hero_ui","pl":"https://cdn.21st.dev/hero_ui/heroui-progress-bar/default/preview.1783959323144.png","pc":"hero_ui","tg":["progress","spinner","upload-download"]},{"id":"21st:hero_ui__heroui-radio-group","t":"Heroui radio group","d":"HeroUI v3 RadioGroup — single-select radio options with descriptions, custom indicators, orientation, controlled/uncontrolled, validation, variants and surface usage.","s":"21st","c":"inputs/radio","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-radio-group/default/preview.1782933480732.png","pc":"hero_ui","tg":["card","form","radio-group"]},{"id":"21st:hero_ui__heroui-range-calendar","t":"Heroui range calendar","d":"A HeroUI range calendar for selecting a contiguous span of dates, built on react-aria. Supports default and controlled values, min/max bounds, unavailable and non-contiguous ranges","s":"21st","c":"data-display/calendar","a":"hero_ui","pl":"https://cdn.21st.dev/hero_ui/heroui-range-calendar/default/preview.1783614840643.png","pc":"hero_ui","tg":["calendar","date-picker"]},{"id":"21st:hero_ui__heroui-scroll-shadow","t":"Heroui scroll shadow","d":"HeroUI v3 ScrollShadow — adds a fade/shadow to scrollable overflow containers, with orientation, hidden scrollbar, custom shadow size, visibility change and card usage.","k":"layout","s":"21st","c":"layout/scroll-area","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-scroll-shadow/default/preview.1782492162196.png","pc":"hero_ui","tg":["scroll-area"]},{"id":"21st:hero_ui__heroui-search-field","t":"Heroui search field","d":"HeroUI v3 SearchField — search input with clear button: descriptions, required, validation, disabled, controlled, custom icons, full width, variants and form usage.","s":"21st","c":"inputs/search","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-search-field/default/preview.1782491179798.png","pc":"hero_ui","tg":["form","input","search"]},{"id":"21st:hero_ui__heroui-select","t":"Heroui select","d":"Accessible select built on React Aria, from HeroUI v3. A collapsible listbox with single and multiple selection, descriptions, grouped sections with headers and separators, disable","s":"21st","c":"inputs/select","a":"hero_ui","u":2,"pl":"https://cdn.21st.dev/larsen66/heroui-select/default/preview.1782312659436.png","pc":"hero_ui","tg":["dropdown","select"]},{"id":"21st:hero_ui__heroui-separator","t":"Heroui separator","d":"HeroUI v3 Separator — horizontal/vertical divider with content, variants, on-surface usage and a custom render-function API.","s":"21st","c":"navigation/wizard-steps","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-separator/default/preview.1782491295759.png","pc":"hero_ui","tg":["list","link","onboarding"]},{"id":"21st:hero_ui__heroui-slider","t":"Heroui slider","d":"Accessible slider from HeroUI v3 for selecting one or more values within a range. Compound API (Slider.Track / Slider.Fill / Slider.Thumb / Slider.Output) with single-value, range,","s":"21st","c":"inputs/slider","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-slider/default/preview.1782131832827.png","pc":"hero_ui","tg":["slider"]},{"id":"21st:hero_ui__heroui-spinner","t":"Heroui spinner","d":"A HeroUI spinner — a lightweight animated loading indicator for buttons, panels, and full-page states. Built on HeroUI with current/accent/success/warning/danger colors and sm/md/l","s":"21st","c":"status/loader","a":"hero_ui","pl":"https://cdn.21st.dev/hero_ui/heroui-spinner/default/preview.1783961253294.png","pc":"hero_ui","tg":["spinner"],"sb":"Spinners"},{"id":"21st:hero_ui__heroui-surface","t":"Heroui surface","d":"A HeroUI surface — a themeable container that provides consistent background layering for cards, panels, and overlays. Supports default, secondary, and tertiary background levels p","s":"21st","c":"data-display/card","a":"hero_ui","pl":"https://cdn.21st.dev/hero_ui/heroui-surface/default/preview.1783964905319.png","pc":"hero_ui","tg":["card"]},{"id":"21st:hero_ui__heroui-switch","t":"Heroui switch","d":"HeroUI v3 Switch — toggle with sizes, label position, icons, descriptions, disabled/selected states, groups, render props and custom styles.","s":"21st","c":"actions/switch","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-switch/default/preview.1782935238125.png","pc":"hero_ui","tg":["form","icon","toggle"],"sb":"With icons"},{"id":"21st:hero_ui__heroui-table","t":"Heroui table","d":"HeroUI v3 Table — data table with sorting, selection, custom cells, expandable rows, pagination, column resizing, empty state and async loading.","s":"21st","c":"data-display/table","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-table/default/preview.1783013197092.png","pc":"hero_ui","tg":["avatar","checkbox","chip","file-tree"],"sb":"People"},{"id":"21st:hero_ui__heroui-tabs","t":"Heroui tabs","d":"HeroUI tabs to organize content into sections with primary and secondary variants.","s":"21st","c":"navigation/tabs","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-tabs/default/preview.1780620246315.png","pc":"hero_ui"},{"id":"21st:hero_ui__heroui-tag-group","t":"Heroui tag group","d":"HeroUI v3 TagGroup — selectable tags with sizes, variants, disabled, selection modes, controlled state, error message, prefix, removable tags and list-data management.","s":"21st","c":"data-display/badge","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-tag-group/default/preview.1782325166571.png","pc":"hero_ui","tg":["avatar","chip","form","icon"],"sb":"Tags and pills"},{"id":"21st:hero_ui__heroui-text-area","t":"Heroui text area","d":"Multi-line text input for longer free-form content, with primary and secondary variants, configurable rows, and full-width layout. Thin re-export of the real @heroui/react TextArea","s":"21st","c":"inputs/textarea","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-text-area/default/preview.1782226712365.png","pc":"hero_ui","tg":["textarea"]},{"id":"21st:hero_ui__heroui-time-field","t":"Heroui time field","d":"Time input field with labels, descriptions, and validation built on React Aria, from HeroUI v3. Segmented hour/minute editing with a blue accent focus highlight, prefix/suffix icon","s":"21st","c":"inputs/time-picker","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-time-field/default/preview.1782304179187.png","pc":"hero_ui"},{"id":"21st:hero_ui__heroui-toggle-button","t":"Heroui toggle button","s":"21st","c":"actions/button","a":"hero_ui","pl":"https://cdn.21st.dev/hero_ui/heroui-toggle-button/default/preview.1783009492390.png","pc":"hero_ui","tg":["button","icon","toggle"],"sb":"Icon buttons"},{"id":"21st:hero_ui__heroui-toggle-button-group","t":"Heroui toggle button group","d":"Groups multiple ToggleButtons into a unified control, allowing users to select one or multiple options with single or multiple selection modes.","s":"21st","c":"actions/switch","a":"hero_ui","pl":"https://cdn.21st.dev/hero_ui/heroui-toggle-button-group/default/preview.1782160845833.png","pc":"hero_ui"},{"id":"21st:hero_ui__heroui-toolbar","t":"Heroui toolbar","s":"21st","c":"navigation/menu","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-toolbar/default/preview.1782214006203.png","pc":"hero_ui","sb":"Menubars"},{"id":"21st:hero_ui__heroui-tooltip","t":"Heroui tooltip","s":"21st","c":"overlays/tooltip","a":"hero_ui","pl":"https://cdn.21st.dev/hero_ui/heroui-tooltip/default/preview.1782315701961.png","pc":"hero_ui","tg":["chip","tooltip"]},{"id":"21st:hero_ui__heroui-typography","t":"Heroui typography","d":"HeroUI v3 Typography — heading and body type scale, primitives (Heading/Paragraph/Code), Prose for rich text, and the render-prop polymorphic API.","s":"21st","c":"data-display/typography","a":"hero_ui","pl":"https://cdn.21st.dev/larsen66/heroui-typography/default/preview.1782325019747.png","pc":"hero_ui"},{"id":"21st:hero_ui__skeleton","t":"Skeleton","s":"21st","c":"status/skeleton","a":"hero_ui","u":29,"pl":"https://cdn.21st.dev/lyanchouss/skeleton/default/preview.1781783404554.png","pc":"hero_ui","tg":["empty-state","list","profile"]},{"id":"21st:hero_ui__the-pagination","t":"The pagination","s":"21st","c":"navigation/pagination","a":"hero_ui","u":30,"pl":"https://cdn.21st.dev/lyanchouss/the-pagination/default/preview.1781778870606.png","pc":"hero_ui","tg":["navigation-menu","pagination","table"]},{"id":"21st:heygaia__raised-button","t":"Raised button","d":"A 3D raised button with a glossy top highlight, press animation, and customizable colors that auto-adjust text contrast.","s":"21st","c":"actions/button","a":"heygaia","pl":"https://cdn.21st.dev/heygaia/raised-button/default/preview.1784725274150-dcdf57ff-36ca-45a8-ad6d-76963398c113.png","pc":"heygaia"},{"id":"21st:heygaia__tool-calls-section","t":"Tool calls section","d":"An expandable section that shows AI agent tool usage as a collapsible timeline with stacked category icons and per-call inputs and outputs.","s":"21st","c":"ai-agent/ai-agent","a":"heygaia","st":"rated","pl":"https://cdn.21st.dev/heygaia/tool-calls-section/default/preview.1784355239570-9dfb4cde-306f-4cc5-b38f-120aaba6acc9.png","pc":"heygaia","tg":["ai-chat","icon","timeline"],"sc":22,"sb":"Reasoning and tools"},{"id":"21st:heygaia__wave-spinner","t":"Wave spinner","d":"An animated loading spinner made of pulsing dots with configurable wave patterns, grid layouts, colors, sizes, and dot shapes.","s":"21st","c":"status/loader","a":"heygaia","pl":"https://cdn.21st.dev/heygaia/wave-spinner/default/preview.1784671634765-1aae4ba2-5f1b-4c94-b189-428a84624a3e.png","pc":"heygaia","tg":["grid","spinner"],"sb":"Spinners"},{"id":"21st:heyquincy__cursor-dither-trail","t":"Cursor dither trail","d":"A fluid, single-colour dither tail that follows the cursor. 100 % canvas-based, zero dependencies, fully customizable (colour, dot size, fade speed). Perfect for splash pages, hero","k":"motion","s":"21st","c":"motion/cursor","a":"heyquincy","u":17,"pl":"https://cdn.21st.dev/heyquincy/cursor-dither-trail/default/preview.1748886114971.png","pc":"heyquincy","tg":["cursor"]},{"id":"21st:hfroget__footer-newsletter","t":"Footer newsletter","d":"Responsive 4-column footer with company info, useful links, social follows, and an inline newsletter subscription form with animated success/error feedback. Theme-adaptive via shad","k":"section","s":"21st","c":"marketing/cta","a":"hfroget","pl":"https://21st.dev/@hfroget/components/footer-newsletter","pc":"hfroget","sb":"Newsletter and waitlist"},{"id":"21st:hfroget__test-publish-check","t":"Test publish check","d":"Minimal test component to verify publishing works.","s":"21st","c":"other","a":"hfroget","pl":"https://21st.dev/@hfroget/components/test-publish-check","pc":"hfroget"},{"id":"21st:hibatillah__data-table-filter","t":"Data table filter","d":"shadcn/ui data-table with grouped/standalone filter","s":"21st","c":"data-display/table","a":"hibatillah","pl":"https://cdn.21st.dev/user_2v5A5RXQlrr4ryzkjamsEl7tpJ2/data-table-filter/data-table-filter/preview.png","pc":"hibatillah","sb":"Data tables"},{"id":"21st:hibatillah__date-badge","t":"Date badge","d":"Badge to display date shorten.","s":"21st","c":"data-display/badge","a":"hibatillah","u":39,"pl":"https://cdn.21st.dev/user_2v5A5RXQlrr4ryzkjamsEl7tpJ2/date-badge/default/preview.1746003143808.png","pc":"hibatillah","tg":["badge","calendar","date-picker","tooltip"]},{"id":"21st:hihahihahoho__circle-progress","t":"Circle progress","d":"CircleProgress displays progress, completion status, or usage metrics in a circular format.\nIt provides visual feedback about processes, tasks completion, or resource utilization.\n","s":"21st","c":"data-viz/progress-bar","a":"hihahihahoho","u":118,"pl":"https://cdn.21st.dev/user_2ryL1QG6P953wIAdUUA3nj8N4tL/circle-progress/default/preview.1743158355323.png","pc":"hihahihahoho","tg":["data-visualization","progress"]},{"id":"21st:hihahihahoho__use-item-overflow","t":"Use item overflow","d":"Responsive and dynamically calculates the number of items that can fit within a container without overflowing, while accounting for a \"+X\" overflow indicator. It automatically adju","s":"21st","c":"data-display/list","a":"hihahihahoho","u":40,"pl":"https://cdn.21st.dev/user_2ryL1QG6P953wIAdUUA3nj8N4tL/use-item-overflow/default/preview.1737989737637.png","pc":"hihahihahoho","tg":["hook"]},{"id":"21st:hild__copybutton","t":"Copybutton","d":"A button that copies a given value to the clipboard and shows a checkmark confirmation for a moment. Graceful fallback when the Clipboard API is blocked.","s":"21st","c":"actions/copy-button","a":"hild","pl":"https://21st.dev/@hild/components/copybutton","pc":"hild"},{"id":"21st:himal9626__animated-tab-component","t":"Animated tab component","d":"An Animated Tab Component using a Shadcn/RadixUI","s":"21st","c":"navigation/tabs","a":"himal9626","pl":"https://cdn.21st.dev/himal9626/animated-tab-component/default/preview.1760970646139.png","pc":"himal9626"},{"id":"21st:hinedy__reveal-wave-image","t":"Reveal wave image","d":"An interactive WebGL image component with animated wave distortion, dithering, and a mouse-driven color reveal effect.","s":"21st","c":"media/gallery","a":"hinedy","u":113,"pl":"https://cdn.21st.dev/hinedy/reveal-wave-image/default/preview.1785307527216-e8220335-b0cb-44dc-8d11-1bd52a33b6b0.png","pc":"hinedy"},{"id":"21st:hirael__cta-06","t":"Cta 06","d":"A framed call-to-action banner over a tokenized gradient surface with an eyebrow label, serif headline with italic emphasis, sub-copy, and a primary action button that reveals on s","k":"section","s":"21st","c":"marketing/cta","a":"hirael","pl":"https://cdn.21st.dev/hirael/cta-06/default/preview.1784789818624-423e9987-7e0d-4aac-b277-b382e5f91651.png","pc":"hirael"},{"id":"21st:hirael__not-found-01","t":"Not found 01","d":"A centered 404 not-found page with a mono eyebrow, serif display headline, paired call-to-action buttons and a suggested-routes list.","k":"page","s":"21st","c":"pages/templates","a":"hirael","u":4,"pl":"https://cdn.21st.dev/hirael/not-found-01/default/preview.1784798788843-10b9f187-dc6a-433b-a46a-4c9a4c9b112c.png","pc":"hirael","sb":"Error and status pages"},{"id":"21st:hirael__toc","t":"Toc","d":"On-this-page navigation that tracks the active heading as you scroll and highlights it with a moving border marker.","s":"21st","c":"navigation/table-of-contents","a":"hirael","pl":"https://cdn.21st.dev/hirael/toc/default/preview.1784488118775-d628fbab-89b8-465c-9b1e-fe98616e5e2c.png","pc":"hirael","tg":["table"]},{"id":"21st:hochart.gabriel.svis__blue-halftone","t":"Blue halftone","d":"Animated WebGL shader background in the Halftone style, generated by the 21st.dev Shader Builder. 5-color palette (#3B82F6, #2563EB, #1D4ED8, #1E40AF, #1E3A8A). Features: film grai","k":"motion","s":"21st","c":"motion/shader","a":"hochart.gabriel.svis","pl":"https://cdn.21st.dev/hochart.gabriel.svis/blue-halftone/default/preview.1784123170683.webp","pc":"hochart.gabriel.svis","sb":"Halftone"},{"id":"21st:holetarget__21st-navbar","t":"21st navbar","s":"21st","c":"navigation/top-nav","a":"holetarget","pl":"https://cdn.21st.dev/user_2rfd0BT4DFm0irLKSfM6xuhywgt/21st-navbar.png","pc":"holetarget","sb":"Mega menus"},{"id":"21st:hsuanyi-chou__multiple-selector","t":"Multiple selector","d":"Fast, composable, fully-featured multiple selector for React.","s":"21st","c":"inputs/select","a":"hsuanyi-chou","u":215,"pl":"https://cdn.21st.dev/user_hsuanyi-chou/multiple-selector.png","pc":"hsuanyi-chou","tg":["select"]},{"id":"21st:hugo_1a34d4f7__atlasaurora","t":"Atlasaurora","d":"A calm, premium animated aurora background: three slow-drifting blurred colour fields blended with light, plus a soft diagonal sweep. Self-contained, themeable, and reduced-motion ","k":"motion","s":"21st","c":"motion/background","a":"hugo_1a34d4f7","pl":"https://21st.dev/@hugo_1a34d4f7/components/atlasaurora","pc":"hugo_1a34d4f7","sb":"Gradients and aurora"},{"id":"21st:hugo_1a34d4f7__statband","t":"Statband","d":"A calm row of in-view count-up stats on glassy cards; numbers animate from zero on scroll-in via IntersectionObserver + rAF. No dependencies, themeable, reduced-motion aware.","s":"21st","c":"data-display/stat","a":"hugo_1a34d4f7","pl":"https://21st.dev/@hugo_1a34d4f7/components/statband","pc":"hugo_1a34d4f7"},{"id":"21st:hugo_1a34d4f7__wordreveal","t":"Wordreveal","d":"A calm word-by-word headline reveal (rise + fade) with an optional glowing accent run. Pure CSS, no dependencies, themeable, reduced-motion aware.","s":"21st","c":"motion/text-effect","a":"hugo_1a34d4f7","pl":"https://21st.dev/@hugo_1a34d4f7/components/wordreveal","pc":"hugo_1a34d4f7","sb":"Reveal and entrance"},{"id":"21st:hurerag24__bolt-style-chat","t":"Bolt style chat","d":"A Bolt inspired hero chat interface with a prompt input, model selector, glowing ray background, and modern dark UI for AI product landing pages.","s":"21st","c":"ai-agent/ai-agent","a":"hurerag24","u":185,"pl":"https://cdn.21st.dev/hurerag24/bolt-style-chat/default/preview.1768931386220.png","pc":"hurerag24","tg":["ai-chat","hero"],"sb":"Chat"},{"id":"21st:hurerag24__hero-grid-section","t":"Hero grid section","d":"Modern hero with subtle background grid, stacked avatars & CTA buttons","k":"section","s":"21st","c":"marketing/hero","a":"hurerag24","u":39,"pl":"https://cdn.21st.dev/hurerag24/hero-grid-section/default/preview.1767456252680.png","pc":"hurerag24"},{"id":"21st:hurerag24__interactive-hover-links","t":"Interactive hover links","d":"Interactive hover links with fluid cursor tracking, animated typography, and floating preview images.","s":"21st","c":"actions/link","a":"hurerag24","u":53,"pl":"https://cdn.21st.dev/hurerag24/interactive-hover-links/default/preview.1768155091619.png","pc":"hurerag24","tg":["cursor","link"]},{"id":"21st:hurerag24__iphone-carousel","t":"Iphone carousel","d":"Apple-inspired video highlights carousel with GSAP animations, progress indicators, and smooth slide transitions.","s":"21st","c":"media/carousel","a":"hurerag24","pl":"https://cdn.21st.dev/hurerag24/iphone-carousel/default/preview.1770312348404.png","pc":"hurerag24"},{"id":"21st:hurerag24__shifting-dropdown","t":"Shifting dropdown","d":"An animated navigation menu with shifting content. Hovering or clicking on a dropdown smoothly reveals its content with motion transitions.","s":"21st","c":"navigation/menu","a":"hurerag24","u":39,"pl":"https://cdn.21st.dev/hurerag24/shifting-dropdown/default/preview.1768122520833.png","pc":"hurerag24","tg":["menu","navigation-menu"],"sb":"Dropdowns"},{"id":"21st:hyggemethat__tinder-like-swipe","t":"Tinder like swipe","d":"Here is Tinder Like Swipe component","s":"21st","c":"media/card-stack","a":"hyggemethat","pl":"https://cdn.21st.dev/larsen66/tinder-like-swipe/default/preview.1754051550341.png","pc":"hyggemethat","tg":["gallery","image"]},{"id":"21st:iamsatish4564__animated-profile-card","t":"Animated profile card","d":"Here is Animated Profile Card component","s":"21st","c":"data-display/profile","a":"iamsatish4564","u":50,"pl":"https://cdn.21st.dev/larsen66/animated-profile-card/default/preview.1767719758884.png","pc":"iamsatish4564","tg":["link","profile"]},{"id":"21st:iamsatish4564__curtain-button","t":"Curtain button","d":"Here is Curtain Button components","s":"21st","c":"actions/button","a":"iamsatish4564","pl":"https://cdn.21st.dev/larsen66/curtain-button/default/preview.1767626147953.png","pc":"iamsatish4564"},{"id":"21st:iamsatish4564__eclipse-button","t":"Eclipse button","d":"Here is Eclipse Button component","s":"21st","c":"actions/button","a":"iamsatish4564","pl":"https://cdn.21st.dev/larsen66/eclipse-button/default/preview.1767633698039.png","pc":"iamsatish4564","tg":["button"],"sb":"Loading and states"},{"id":"21st:iamsatish4564__micro-expander","t":"Micro expander","d":"Here is Micro Expander component","s":"21st","c":"actions/button","a":"iamsatish4564","pl":"https://cdn.21st.dev/larsen66/micro-expander/default/preview.1767626727445.png","pc":"iamsatish4564","tg":["button"]},{"id":"21st:iamsatish4564__morph-button","t":"Morph button","d":"Here is Morph Button components","s":"21st","c":"actions/button","a":"iamsatish4564","u":19,"pl":"https://cdn.21st.dev/larsen66/morph-button/default/preview.1767628408233.png","pc":"iamsatish4564","tg":["button"],"sb":"Animated"},{"id":"21st:iamsatish4564__portfolio-and-image-gallery","t":"Portfolio and image gallery","d":"Here is Portfolio and Image Gallery component","s":"21st","c":"media/gallery","a":"iamsatish4564","u":133,"pl":"https://cdn.21st.dev/larsen66/portfolio-and-image-gallery/default/preview.1767718290542.png","pc":"iamsatish4564","tg":["gallery","steps"]},{"id":"21st:iamsatish4564__prime-button","t":"Prime button","d":"Here is Prime Button component","s":"21st","c":"actions/button","a":"iamsatish4564","u":10,"pl":"https://cdn.21st.dev/larsen66/prime-button/default/preview.1767632917239.png","pc":"iamsatish4564","tg":["upload-download"],"sb":"Loading and states"},{"id":"21st:ian.veber__space-station-journey","t":"Space station journey","d":"An immersive 3D space station experience where scroling moves you through depth, guided by a robot compnion through 5 distinct rooms.","s":"21st","c":"data-display/stat","a":"ian.veber","pl":"https://cdn.21st.dev/ian.veber/space-station-journey/default/preview.1779904561772.png","pc":"ian.veber"},{"id":"21st:ibelick__accordion","t":"Accordion","d":"A vertically stacked set of collapsible containers allowing users to toggle content visibility. Customize the animation effects with variants and transitions for expanding/collapsi","s":"21st","c":"data-display/accordion","a":"ibelick","u":47,"pl":"https://cdn.21st.dev/user_motion_primitives/accordion.png","pc":"ibelick","tg":["accordion","faq"],"sb":"FAQ"},{"id":"21st:ibelick__animated-background","t":"Animated background","d":"The AnimatedBackground component visually highlights selected items by sliding a background into view when hovered over or clicked. This smooth transition helps users focus on the ","k":"motion","s":"21st","c":"motion/background","a":"ibelick","u":165,"pl":"https://cdn.21st.dev/user_motion_primitives/animated-background.png","pc":"ibelick"},{"id":"21st:ibelick__animated-group","t":"Animated group","d":"A wrapper that adds animated transitions to a group of child elements. It's perfect for creating staggered animations for lists, grids, or any collection of components.","s":"21st","c":"media/gallery","a":"ibelick","pl":"https://cdn.21st.dev/user_motion_primitives/animated-group.png","pc":"ibelick","tg":["gallery"]},{"id":"21st:ibelick__animated-number","t":"Animated number","d":"Easily animate numbers.","k":"motion","s":"21st","c":"motion/number-ticker","a":"ibelick","u":54,"pl":"https://cdn.21st.dev/user_motion_primitives/animated-number.png","pc":"ibelick","tg":["number"]},{"id":"21st:ibelick__animated-tabs","t":"Animated tabs","d":"Animated Tabs","s":"21st","c":"navigation/tabs","a":"ibelick","u":195,"pl":"https://cdn.21st.dev/user_motion_primitives/animated-tabs.png","pc":"ibelick","tg":["tabs"]},{"id":"21st:ibelick__background-snippets","t":"Background snippets","d":"Here is Background snippets component","k":"motion","s":"21st","c":"motion/background","a":"ibelick","u":196,"pl":"https://cdn.21st.dev/larsen66/background-snippets/default/preview.1756794181084.png","pc":"ibelick","tg":["background","grid","hero"],"sb":"Grids and patterns"},{"id":"21st:ibelick__border-trail","t":"Border trail","d":"Animated border effect that moves along the edges of its parent container.","k":"motion","s":"21st","c":"motion/border","a":"ibelick","pl":"https://cdn.21st.dev/user_motion_primitives/border-trail.png","pc":"ibelick","tg":["border","textarea"]},{"id":"21st:ibelick__carousel","t":"Carousel","d":"A flexible and easy-to-use carousel with customizable navigation and indicators.","s":"21st","c":"media/carousel","a":"ibelick","u":476,"pl":"https://cdn.21st.dev/user_2rkgEMvkQ7I2oxalLXELCy8NObN/carousel/default/preview.png","pc":"ibelick","tg":["carousel"]},{"id":"21st:ibelick__code-block","t":"Code block","d":"A component for displaying code snippets with syntax highlighting and customizable styling.","s":"21st","c":"data-display/code-block","a":"ibelick","u":327,"pl":"https://cdn.21st.dev/user_2rkgEMvkQ7I2oxalLXELCy8NObN/code-block/default/preview.png","pc":"ibelick"},{"id":"21st:ibelick__cursor","t":"Cursor","d":"A custom cursor component with optional spring animations. It can be globally applied to the page or attached specifically to a parent element.","k":"motion","s":"21st","c":"motion/cursor","a":"ibelick","pl":"https://cdn.21st.dev/user_motion_primitives/cursor.png","pc":"ibelick","tg":["cursor","image","tooltip"]},{"id":"21st:ibelick__disclosure","t":"Disclosure","d":"The Disclosure component allows users to toggle the visibility of content, either collapsed or expanded.","s":"21st","c":"data-display/accordion","a":"ibelick","u":77,"pl":"https://cdn.21st.dev/user_motion_primitives/disclosure.png","pc":"ibelick"},{"id":"21st:ibelick__dock","t":"Dock","d":"A versatile UI element that provides a flexible and customizable way to organize and display menu items within your application.","s":"21st","c":"navigation/dock","a":"ibelick","u":1536,"pl":"https://cdn.21st.dev/user_motion_primitives/dock.png","pc":"ibelick","tg":["dock","icon","menu","navigation-menu"]},{"id":"21st:ibelick__glow-effect","t":"Glow effect","d":"A customizable glow effect with animation modes, colors, blur, and transitions\n","k":"motion","s":"21st","c":"motion/background","a":"ibelick","u":924,"pl":"https://cdn.21st.dev/user_motion_primitives/glow-effect/default/preview.png","pc":"ibelick","sb":"Gradients and aurora"},{"id":"21st:ibelick__gradient-background-4","t":"Gradient background 4","d":"Gradient Background 4","k":"motion","s":"21st","c":"motion/background","a":"ibelick","u":47,"pl":"https://cdn.21st.dev/aghasisahakyan1/gradient-background-4/default/preview.1756603331443.png","pc":"ibelick","tg":["background","hero"],"sb":"Gradients and aurora"},{"id":"21st:ibelick__image-comparison","t":"Image comparison","d":"Interactively compare two images with a draggable slider to reveal differences.","k":"section","s":"21st","c":"marketing/comparison","a":"ibelick","u":135,"pl":"https://cdn.21st.dev/user_motion_primitives/image-comparison.png","pc":"ibelick","tg":["image","slider"]},{"id":"21st:ibelick__in-view","t":"In view","d":"Easily animate elements when they come into view. You can apply animations to elements when they enter the viewport, or when they are fully visible.","s":"21st","c":"layout/scroll-area","a":"ibelick","u":156,"pl":"https://cdn.21st.dev/user_motion_primitives/in-view.png","pc":"ibelick","tg":["gallery","scroll-area"]},{"id":"21st:ibelick__infinite-slider","t":"Infinite slider","d":"Infinite scrolling slider component that smoothly loops through its children. It supports both horizontal and vertical directions, with customizable speed and speed on hover. Ideal","k":"motion","s":"21st","c":"motion/marquee","a":"ibelick","u":2427,"pl":"https://cdn.21st.dev/user_motion_primitives/infinite-slider.png","pc":"ibelick","tg":["carousel","clients","gallery","marquee"]},{"id":"21st:ibelick__jsx-preview","t":"Jsx preview","d":"A component for rendering JSX strings as React components, with support for streaming content and automatic tag completion.","s":"21st","c":"ai-agent/composer","a":"ibelick","pl":"https://cdn.21st.dev/user_2rkgEMvkQ7I2oxalLXELCy8NObN/jsx-preview/default/preview.png","pc":"ibelick","tg":["ai-chat"]},{"id":"21st:ibelick__light-theme-tailwind-css-background-snippet","t":"Light theme tailwind css background snippet","d":"Light theme Tailwind CSS Background Snippet","k":"motion","s":"21st","c":"motion/background","a":"ibelick","u":20,"pl":"https://cdn.21st.dev/aghasisahakyan1/light-theme-tailwind-css-background-snippet/default/preview.1756603120195.png","pc":"ibelick","tg":["background"],"sb":"Beams and light"},{"id":"21st:ibelick__loader","t":"Loader","d":"A loading component with multiple variants to indicate processing states and provide visual feedback to users during wait times.","s":"21st","c":"status/loader","a":"ibelick","u":212,"pl":"https://cdn.21st.dev/user_2rkgEMvkQ7I2oxalLXELCy8NObN/loader/default/preview.png","pc":"ibelick","tg":["spinner"],"sb":"Spinners"},{"id":"21st:ibelick__magnetic","t":"Magnetic","d":"A magnetic effect for elements that allows them to be attracted to the mouse cursor.","k":"motion","s":"21st","c":"motion/cursor","a":"ibelick","u":155,"pl":"https://cdn.21st.dev/user_2rkgEMvkQ7I2oxalLXELCy8NObN/magnetic/default/preview.png","pc":"ibelick","tg":["cursor"]},{"id":"21st:ibelick__markdown","t":"Markdown","s":"21st","c":"other","a":"ibelick","pl":"https://cdn.21st.dev/user_2rkgEMvkQ7I2oxalLXELCy8NObN/markdown/default/preview.png","pc":"ibelick"},{"id":"21st:ibelick__morphing-dialog","t":"Morphing dialog","d":"A dialog that uses layout animations to transition content into a focused view. It supports click-outside and escape key functionalities for closing.","s":"21st","c":"overlays/dialog","a":"ibelick","u":169,"pl":"https://cdn.21st.dev/user_motion_primitives/morphing-dialog.png","pc":"ibelick","tg":["gallery","image","modal","video"],"sb":"Animated"},{"id":"21st:ibelick__morphing-popover","t":"Morphing popover","d":"A popover that transforms from its trigger into the content using layout animations. It visually morphs instead of appearing as a separate element.","s":"21st","c":"overlays/popover","a":"ibelick","u":204,"pl":"https://cdn.21st.dev/user_2rkgEMvkQ7I2oxalLXELCy8NObN/morphing-popover/default/preview.png","pc":"ibelick","tg":["popover","textarea"]},{"id":"21st:ibelick__popover","t":"Popover","d":"A simple popover for quick user interactions over existing content. It pops up on command, and closes easily with a click outside or on a close button.","s":"21st","c":"overlays/popover","a":"ibelick","u":61,"pl":"https://cdn.21st.dev/user_motion_primitives/popover.png","pc":"ibelick","tg":["popover"]},{"id":"21st:ibelick__progressive-blur","t":"Progressive blur","d":"A Progressive Blur component creates a layered blur effect using motion and gradient masks. It progressively blurs layers based on direction and intensity, adding visual depth.","k":"motion","s":"21st","c":"motion/marquee","a":"ibelick","u":1441,"pl":"https://cdn.21st.dev/user_2rkgEMvkQ7I2oxalLXELCy8NObN/progressive-blur/default/preview.png","pc":"ibelick","tg":["gallery","image","marquee","scroll-area"]},{"id":"21st:ibelick__prompt-input","t":"Prompt input","d":"An input field that allows users to enter and submit text to an AI model.","s":"21st","c":"ai-agent/composer","a":"ibelick","pl":"https://cdn.21st.dev/user_2rkgEMvkQ7I2oxalLXELCy8NObN/prompt-input/default/preview.png","pc":"ibelick","tg":["textarea","upload-download"]},{"id":"21st:ibelick__prompt-suggestion","t":"Prompt suggestion","s":"21st","c":"ai-agent/composer","a":"ibelick","pl":"https://cdn.21st.dev/user_2rkgEMvkQ7I2oxalLXELCy8NObN/prompt-suggestion/default/preview.png","pc":"ibelick","tg":["ai-chat"]},{"id":"21st:ibelick__promt-input-with-actions","t":"Promt input with actions","d":"Here is Promt Input with Actions component","s":"21st","c":"inputs/form-field","a":"ibelick","pl":"https://cdn.21st.dev/larsen66/promt-input-with-actions/default/preview.1755906325386.png","pc":"ibelick","tg":["ai-chat","input","textarea"]},{"id":"21st:ibelick__response-stream","t":"Response stream","d":"A component for displaying text with streaming animations, perfect for chat interfaces, AI responses, or any text that should appear progressively.","s":"21st","c":"ai-agent/composer","a":"ibelick","st":"rated","pl":"https://cdn.21st.dev/user_2rkgEMvkQ7I2oxalLXELCy8NObN/response-stream/default/preview.png","pc":"ibelick","tg":["ai-chat"],"sc":17},{"id":"21st:ibelick__scroll-button","t":"Scroll button","d":"A floating button component that appears when users scroll up in a container, allowing them to quickly return to the bottom of the content with a single click.","s":"21st","c":"actions/button","a":"ibelick","u":40,"pl":"https://cdn.21st.dev/user_2rkgEMvkQ7I2oxalLXELCy8NObN/scroll-button/default/preview.png","pc":"ibelick","tg":["scroll-area"]},{"id":"21st:ibelick__scroll-progress","t":"Scroll progress","d":"Animated scroll progress for your web pages.","s":"21st","c":"data-viz/progress-bar","a":"ibelick","u":146,"pl":"https://cdn.21st.dev/user_motion_primitives/scroll-progress.png","pc":"ibelick","tg":["progress","scroll-area"]},{"id":"21st:ibelick__sliding-number","t":"Sliding number","d":"A component that slides numbers.","k":"motion","s":"21st","c":"motion/number-ticker","a":"ibelick","u":217,"pl":"https://cdn.21st.dev/user_2rkgEMvkQ7I2oxalLXELCy8NObN/sliding-number/default/preview.png","pc":"ibelick","tg":["number","slider","text"]},{"id":"21st:ibelick__spinning-text","t":"Spinning text","d":"Easily animate text circularly. Customize the animation with variants and transitions.","k":"motion","s":"21st","c":"motion/text-effect","a":"ibelick","u":97,"pl":"https://cdn.21st.dev/user_motion_primitives/spinning-text.png","pc":"ibelick"},{"id":"21st:ibelick__spotlight","t":"Spotlight","d":"A dynamic spotlight effect component that follows cursor movement.","k":"motion","s":"21st","c":"motion/background","a":"ibelick","u":208,"pl":"https://cdn.21st.dev/user_motion_primitives/spotlight.png","pc":"ibelick","tg":["border","cursor","grid"],"sb":"Beams and light"},{"id":"21st:ibelick__tailwind-css-background-snippet","t":"Tailwind css background snippet","d":"Tailwind CSS Background Snippet","k":"motion","s":"21st","c":"motion/background","a":"ibelick","u":60,"pl":"https://cdn.21st.dev/aghasisahakyan1/tailwind-css-background-snippet/default/preview.1756602753286.png","pc":"ibelick","tg":["background","hero"]},{"id":"21st:ibelick__text-effect","t":"Text effect","d":"Easily animate text content with various effects. You can apply animations per character or per word, and customize the animation effects using custom variants or preset animations","k":"motion","s":"21st","c":"motion/text-effect","a":"ibelick","u":1910,"pl":"https://cdn.21st.dev/user_motion_primitives/text-effect.png","pc":"ibelick","tg":["text"]},{"id":"21st:ibelick__text-loop","t":"Text loop","d":"Text animation that transitions between multiple items, creating an engaging looping effect","k":"motion","s":"21st","c":"motion/text-effect","a":"ibelick","u":320,"pl":"https://cdn.21st.dev/user_motion_primitives/text-loop.png","pc":"ibelick","tg":["text"]},{"id":"21st:ibelick__text-morph","t":"Text morph","d":"Animates text by morphing shared letters between words, creating fluid transitions","k":"motion","s":"21st","c":"motion/text-effect","a":"ibelick","u":27,"pl":"https://cdn.21st.dev/user_motion_primitives/text-morph.png","pc":"ibelick","tg":["text"],"sb":"Rotating words"},{"id":"21st:ibelick__text-roll","t":"Text roll","d":"A text roll component that rotates each character, fully customizable for nice text animations.","k":"motion","s":"21st","c":"motion/text-effect","a":"ibelick","u":160,"pl":"https://cdn.21st.dev/user_2rkgEMvkQ7I2oxalLXELCy8NObN/text-roll/default/preview.1738001150128.png","pc":"ibelick","tg":["text"]},{"id":"21st:ibelick__text-scramble","t":"Text scramble","d":"Text animation that transforms text by randomly cycling through characters before settling on the final content, creating an engaging cryptographic effect.","k":"motion","s":"21st","c":"motion/text-effect","a":"ibelick","u":483,"pl":"https://cdn.21st.dev/user_motion_primitives/text-scramble.png","pc":"ibelick","sb":"Scramble and glitch"},{"id":"21st:ibelick__text-shimmer","t":"Text shimmer","d":"Shimmer effect on text. Easily adjust the duration and the spread of the shimmer effect.","k":"motion","s":"21st","c":"motion/text-effect","a":"ibelick","u":2791,"pl":"https://cdn.21st.dev/user_motion_primitives/text-shimmer.png","pc":"ibelick","tg":["text"],"sb":"Gradient and shimmer"},{"id":"21st:ibelick__text-shimmer-wave","t":"Text shimmer wave","d":"Shimmer wave effect on text. Easily adjust the wave effect, spread, duration, and more.\n\nYou can use the [--base-color] and [--base-gradient-color] CSS variables to customize the c","k":"motion","s":"21st","c":"motion/text-effect","a":"ibelick","u":450,"pl":"https://cdn.21st.dev/user_motion_primitives/text-shimmer-wave.png","pc":"ibelick","tg":["text"],"sb":"Gradient and shimmer"},{"id":"21st:ibelick__tilt","t":"Tilt","d":"3D tilt effect that responds to mouse movement, enhancing UI elements with a dynamic depth effect, customizable rotation factors and spring options.","k":"motion","s":"21st","c":"motion/tilt-3d","a":"ibelick","u":414,"pl":"https://cdn.21st.dev/user_motion_primitives/tilt.png","pc":"ibelick","tg":["image"]},{"id":"21st:ibelick__toolbar-dynamic","t":"Toolbar dynamic","d":"A toolbar that changes its height as needed. It grows to show more content and shrinks to save space, keeping your screen neat.","s":"21st","c":"navigation/menu","a":"ibelick","u":16,"pl":"https://cdn.21st.dev/user_motion_primitives/toolbar-dynamic.png","pc":"ibelick","tg":["profile"],"sb":"Menubars"},{"id":"21st:ibelick__toolbar-expandable","t":"Toolbar expandable","d":"A toolbar that adjusts its width based on what you need to do. It starts small and can expand to offer more tools.","s":"21st","c":"data-display/accordion","a":"ibelick","u":34,"pl":"https://cdn.21st.dev/user_motion_primitives/toolbar-expandable.png","pc":"ibelick","tg":["search"]},{"id":"21st:ibelick__transition-panel","t":"Transition panel","d":"Easy way to switch between different pieces of content with enter and exit animations. It's perfect for enhancing user experience in areas such as onboarding card, settings adjustm","s":"21st","c":"data-display/card","a":"ibelick","u":71,"pl":"https://cdn.21st.dev/user_motion_primitives/transition-panel.png","pc":"ibelick","tg":["onboarding","tabs"]},{"id":"21st:ibrahimabdz__securityconsolehero","t":"Securityconsolehero","d":"Dark developer/security console hero: asymmetric split with typewriter role line, stat strip and an animated terminal card. Self-contained, IDE palette (code dark + run green), res","s":"21st","c":"data-display/card","a":"ibrahimabdz","pl":"https://21st.dev/@ibrahimabdz/components/securityconsolehero","pc":"ibrahimabdz"},{"id":"21st:ibssibss7__elixr","t":"Elixr","d":"Made for elixr copied","s":"21st","c":"data-display/timeline","a":"ibssibss7","pl":"https://cdn.21st.dev/ibssibss7/elixr/default/preview.1755313634240.png","pc":"ibssibss7"},{"id":"21st:imarkytanky__pinlist","t":"Pinlist","d":"A beautiful, responsive pin/marker directory component with search, filter, categories, star ratings, and four layout variants (default, compact, grid, card). Perfect for travel gu","s":"21st","c":"data-viz/map","a":"imarkytanky","pl":"https://21st.dev/@imarkytanky/components/pinlist","pc":"imarkytanky"},{"id":"21st:inference-sh__sidebar-light","t":"Sidebar light","d":"Lightweight sidebar navigation with nested items, icons, and active route highlighting.","s":"21st","c":"navigation/sidebar","a":"inference-sh","u":6,"pl":"https://cdn.21st.dev/inference-sh/sidebar-light/default/preview.1783729093009.png","pc":"inference-sh","tg":["dashboard","sidebar"]},{"id":"21st:inference-sh__table-of-contents","t":"Table of contents","d":"An auto-scrolling table of contents that highlights the active section using an intersection observer as the reader scrolls.","s":"21st","c":"navigation/table-of-contents","a":"inference-sh","pl":"https://cdn.21st.dev/inference-sh/table-of-contents/default/preview.1784718030348-03461537-ce39-4fc3-bf13-9623dd5e947b.png","pc":"inference-sh","tg":["list","navigation-menu","table"]},{"id":"21st:inference-sh__youtube-embed","t":"Youtube embed","d":"Responsive YouTube video embed with an aspect-ratio container and a loading spinner shown until the iframe finishes loading.","s":"21st","c":"media/player","a":"inference-sh","pl":"https://cdn.21st.dev/inference-sh/youtube-embed/default/preview.1783720016284.png","pc":"inference-sh","tg":["video"]},{"id":"21st:inference-sh__zoomable-image","t":"Zoomable image","d":"Click-to-zoom image component with a medium.com-style lightbox that expands on click and closes on scroll.","s":"21st","c":"media/gallery","a":"inference-sh","pl":"https://cdn.21st.dev/inference-sh/zoomable-image/default/preview.1784362056572-286b6265-29c8-47e3-95c9-2d28e965da1e.png","pc":"inference-sh","tg":["gallery","image"],"sb":"Zoom and lens"},{"id":"21st:info-mdshakeeb__image-cropper","t":"Image cropper","d":"A reusable React image uploader with cropping support for Next.js.\nSupports drag & drop, file validation, fixed size or aspect ratio cropping.\nIncludes live preview, error handling","s":"21st","c":"media/gallery","a":"info-mdshakeeb","u":26,"pl":"https://cdn.21st.dev/info-mdshakeeb/image-cropper/default/preview.1756297395589.png","pc":"info-mdshakeeb","tg":["image","upload-download"]},{"id":"21st:info-mdshakeeb__image-uploader","t":"Image uploader","d":"This is a reusable ImageUploadField React component built with Next.js and Tailwind CSS. It allows users to upload and preview an image with optional error display, loading skeleto","s":"21st","c":"media/gallery","a":"info-mdshakeeb","u":43,"pl":"https://cdn.21st.dev/info-mdshakeeb/image-uploader/default/preview.1748947450680.png","pc":"info-mdshakeeb","tg":["image","upload-download"]},{"id":"21st:info-mdshakeeb__preloader","t":"Preloader","d":"he Preloader React component creates an animated loading screen using Framer Motion and React hooks. It cycles through greeting words in various languages (\"Hello\", \"Bonjour\", etc.","k":"motion","s":"21st","c":"motion/background","a":"info-mdshakeeb","u":190,"pl":"https://cdn.21st.dev/info-mdshakeeb/preloader/default/preview.1749015323255.png","pc":"info-mdshakeeb"},{"id":"21st:ingaedulobby-boop__features","t":"Features","d":"$39","k":"section","s":"21st","c":"marketing/features","a":"ingaedulobby-boop","pl":"https://cdn.21st.dev/ingaedulobby-boop/features/default/preview.1774125592150.png","pc":"ingaedulobby-boop"},{"id":"21st:intentui__bar-chart","t":"Bar chart","d":"Here is Bar Chart component","s":"21st","c":"data-viz/chart","a":"intentui","u":26,"pl":"https://cdn.21st.dev/larsen66/bar-chart/default/preview.1750536625471.png","pc":"intentui","tg":["card","data-visualization","dashboard"],"sb":"Bar"},{"id":"21st:intentui__container","t":"Container","d":"A responsive layout wrapper that centers content with a max width and consistent horizontal padding, with constrained or full-width options.","s":"21st","c":"other","a":"intentui","pl":"https://cdn.21st.dev/intentui/container/default/preview.1784735571158-273616b1-f1d3-47d6-b5bb-30111a7f88ec.png","pc":"intentui"},{"id":"21st:intentui__field","t":"Field","d":"Composable, accessible form field primitives — label, description, error message, fieldset, and legend — for building consistent form layouts.","s":"21st","c":"inputs/form-field","a":"intentui","pl":"https://cdn.21st.dev/intentui/field/default/preview.1784763783724-c7511438-b16c-41ba-a15e-b2d08960a004.png","pc":"intentui","sb":"Whole forms"},{"id":"21st:intentui__file-trigger","t":"File trigger","d":"Here is FIle Trigger component ","s":"21st","c":"inputs/file-upload","a":"intentui","pl":"https://cdn.21st.dev/larsen66/file-trigger/default/preview.1750535979101.png","pc":"intentui","tg":["upload-download"]},{"id":"21st:intentui__file-trigger-13","t":"File trigger 13","d":"Here is File Trigger component","s":"21st","c":"actions/button","a":"intentui","pl":"https://cdn.21st.dev/larsen66/file-trigger-13/default/preview.1756779282114.png","pc":"intentui","tg":["button","input","upload-download"],"sb":"Loading and states"},{"id":"21st:intentui__heading","t":"Heading","d":"A typographic heading component that renders semantic h1–h4 elements with hierarchical font sizing for section titles.","k":"motion","s":"21st","c":"motion/text-effect","a":"intentui","pl":"https://cdn.21st.dev/intentui/heading/default/preview.1784686741170-51aeddff-2fc8-4a92-8a4f-a65c1c6246fb.png","pc":"intentui"},{"id":"21st:intentui__keyboard","t":"Keyboard","d":"A keyboard shortcut label that renders inline hint keys (like ⌘K) next to menu items, commands, and actions.","s":"21st","c":"navigation/menu","a":"intentui","pl":"https://cdn.21st.dev/intentui/keyboard/default/preview.1784753867817-6a69448f-f2b1-46e7-8299-f1d4fb6f2a46.png","pc":"intentui","tg":["list","menu"]},{"id":"21st:intentui__loader","t":"Loader","d":"Here is Loader component","s":"21st","c":"status/loader","a":"intentui","pl":"https://cdn.21st.dev/larsen66/loader/default/preview.1756737634704.png","pc":"intentui","tg":["spinner"],"sb":"Spinners"},{"id":"21st:intentui__pie-chart","t":"Pie chart","d":"Here is Pie Chart component","s":"21st","c":"data-viz/chart","a":"intentui","pl":"https://cdn.21st.dev/larsen66/pie-chart/default/preview.1750537391648.png","pc":"intentui","tg":["card","data-visualization"],"sb":"Pie, donut and radial"},{"id":"21st:intentui__progress-bar","t":"Progress bar","d":"An accessible progress bar that tracks task completion, loading, or step-based processes with determinate and indeterminate states.","s":"21st","c":"data-viz/progress-bar","a":"intentui","pl":"https://cdn.21st.dev/intentui/progress-bar/default/preview.1784386432320-1cec7e91-0bb5-4f75-a801-5989339108c0.png","pc":"intentui","tg":["progress"]},{"id":"21st:intentui__progress-circle","t":"Progress circle","d":"A circular progress indicator for showing task completion, uploads, or loading states, with determinate and indeterminate modes.","s":"21st","c":"data-viz/progress-bar","a":"intentui","pl":"https://cdn.21st.dev/intentui/progress-circle/default/preview.1784407626558-b821ac9c-7072-472a-a2b1-6af8d7feb4d3.png","pc":"intentui","tg":["progress"]},{"id":"21st:intentui__radar-chart","t":"Radar chart","d":"Here is Radar Chart comopnent","s":"21st","c":"data-viz/chart","a":"intentui","pl":"https://cdn.21st.dev/larsen66/radar-chart/default/preview.1750537532242.png","pc":"intentui","tg":["data-visualization","dashboard"],"sb":"Radar"},{"id":"21st:intentui__radial-chart","t":"Radial chart","d":"Here is Radial Chart component","s":"21st","c":"data-viz/chart","a":"intentui","pl":"https://cdn.21st.dev/larsen66/radial-chart/default/preview.1750537553406.png","pc":"intentui","tg":["data-visualization"],"sb":"Pie, donut and radial"},{"id":"21st:intentui__tag-group","t":"Tag group","d":"A collection of tags displayed together for categorizing, filtering, selecting, or removing multiple labels, built on React Aria Components.","s":"21st","c":"data-display/badge","a":"intentui","pl":"https://cdn.21st.dev/intentui/tag-group/default/preview.1785099175810-85e44fbf-b565-410e-84cd-c5101e9c7fc8.png","pc":"intentui","sb":"Tags and pills"},{"id":"21st:intentui__toggle","t":"Toggle","d":"Here is Toggle component","s":"21st","c":"actions/switch","a":"intentui","pl":"https://cdn.21st.dev/larsen66/toggle/default/preview.1750536159627.png","pc":"intentui"},{"id":"21st:intentui__toggle-group","t":"Toggle group","d":"Here is Toggle Group component","s":"21st","c":"actions/switch","a":"intentui","pl":"https://cdn.21st.dev/larsen66/toggle-group/default/preview.1750536184913.png","pc":"intentui","tg":["toggle"]},{"id":"21st:intentui__use-clipboard","t":"Use clipboard","d":"A React hook that copies text to the clipboard and tracks a temporary copied state for showing feedback.","s":"21st","c":"actions/copy-button","a":"intentui","pl":"https://cdn.21st.dev/intentui/use-clipboard/default/preview.1786683094843-1d9f0923-e6fd-4d7d-8a83-70c64742c3e2.png","pc":"intentui"},{"id":"21st:inv4rrow__mine","t":"Mine","d":"Animated (flicker) ASCII art in the Contour style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, c","k":"motion","s":"21st","c":"motion/ascii","a":"inv4rrow","pl":"https://cdn.21st.dev/inv4rrow/mine/default/preview.1784017282923.webp","pc":"inv4rrow","tg":["video"],"sb":"Contour"},{"id":"21st:isaiahbjork__agent-plan","t":"Agent plan","d":"An animated task plan for your agent, including subtasks and assigned MCP servers.","s":"21st","c":"ai-agent","a":"isaiahbjork","pl":"https://cdn.21st.dev/user_2tkbBPFWYn8YMjZNHwgIuP3yzvd/agent-plan/agent-plan/preview.png","pc":"isaiahbjork","sb":"Reasoning and tools"},{"id":"21st:isaiahbjork__ai-chat-voice-input","t":"Ai chat voice input","s":"21st","c":"ai-agent/ai-agent","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/ai-chat-voice-input/default/preview.1757810263929.png","pc":"isaiahbjork","sb":"Chat"},{"id":"21st:isaiahbjork__animated-card-options","t":"Animated card options","d":"An interactive animated card selector that uses Framer Motion to smoothly reveal a chosen option while fading out the others with randomized stagger effects. Perfect for onboarding","s":"21st","c":"data-display/card","a":"isaiahbjork","u":17,"pl":"https://cdn.21st.dev/isaiahbjork/animated-card-options/default/preview.1785356960779-a10439df-9e3e-4ae6-8b14-03572ca6d150.png","pc":"isaiahbjork"},{"id":"21st:isaiahbjork__animated-dashboard-card","t":"Animated dashboard card","d":"Perfect for financial dashboards and employee reward systems, this animated bonuses and incentives card displays total compensation with sophisticated dot patterns and smooth entra","k":"layout","s":"21st","c":"layout/dashboard","a":"isaiahbjork","u":109,"pl":"https://cdn.21st.dev/isaiahbjork/animated-dashboard-card/default/preview.1757772368173.png","pc":"isaiahbjork","tg":["card","dashboard"]},{"id":"21st:isaiahbjork__animated-download","t":"Animated download","d":"Animated Download with a sci-fi HUD (heads-up display) style theme. Completely customizable.","s":"21st","c":"data-display/avatar","a":"isaiahbjork","u":59,"pl":"https://cdn.21st.dev/user_2tkbBPFWYn8YMjZNHwgIuP3yzvd/animated-download/default/preview.1750804844125.png","pc":"isaiahbjork"},{"id":"21st:isaiahbjork__animated-hud-button","t":"Animated hud button","d":"An animated button perfect for HUD style displays or themes.","s":"21st","c":"actions/button","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/animated-hud-button/default/preview.1748467241573.png","pc":"isaiahbjork","sb":"Animated"},{"id":"21st:isaiahbjork__animated-hud-button-two","t":"Animated hud button two","d":"An animated HUD button perfect for sci-fi, gaming, and military themes","s":"21st","c":"actions/button","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/animated-hud-button-two/default/preview.1748490463127.png","pc":"isaiahbjork","sb":"Animated"},{"id":"21st:isaiahbjork__animated-hud-targeting-ui","t":"Animated hud targeting ui","d":"The HUD targeting UI is a sophisticated animated component featuring intricate SVG crosshairs with animated targeting patterns, center reticle system, and coordinated motion effect","k":"layout","s":"21st","c":"layout/dashboard","a":"isaiahbjork","u":10,"pl":"https://cdn.21st.dev/isaiahbjork/animated-hud-targeting-ui/default/preview.1757879941494.png","pc":"isaiahbjork"},{"id":"21st:isaiahbjork__animated-project-cards","t":"Animated project cards","d":"This component renders a list of animated, expandable project cards with smooth framer-motion transitions, hover/tap effects, dynamic chevron toggling, and staggered child animatio","s":"21st","c":"data-display/card","a":"isaiahbjork","u":84,"pl":"https://cdn.21st.dev/isaiahbjork/animated-project-cards/default/preview.1748667007142.png","pc":"isaiahbjork","tg":["accordion"]},{"id":"21st:isaiahbjork__animated-radial-chart","t":"Animated radial chart","d":"This is a dynamic radial progress chart component that animates a semi-circular arc to visually represent a percentage value, using smooth framer-motion transitions, SVG gradients,","s":"21st","c":"data-viz/chart","a":"isaiahbjork","u":58,"pl":"https://cdn.21st.dev/isaiahbjork/animated-radial-chart/default/preview.1785450617109-fe785ee4-862d-4c6d-a546-fc79affa8aa6.png","pc":"isaiahbjork","sb":"Pie, donut and radial"},{"id":"21st:isaiahbjork__animated-status-badge","t":"Animated status badge","d":"This interactive status card features an animated \"Running\" badge with smooth transitions and a delayed \"Completed\" confirmation, triggered by a single action button. Perfect for d","s":"21st","c":"data-display/badge","a":"isaiahbjork","u":41,"pl":"https://cdn.21st.dev/isaiahbjork/animated-status-badge/default/preview.1748618396627.png","pc":"isaiahbjork","sb":"Status"},{"id":"21st:isaiahbjork__audio-upload-card","t":"Audio upload card","s":"21st","c":"inputs/file-upload","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/audio-upload-card/default/preview.1758498328731.png","pc":"isaiahbjork","tg":["upload-download"]},{"id":"21st:isaiahbjork__card-status-list","t":"Card status list","d":"This component displays a dynamic list of status-driven cards with built-in syncing animations, hover-activated actions, and staggered motion transitions using framer-motion. It su","s":"21st","c":"data-display/card","a":"isaiahbjork","u":65,"pl":"https://cdn.21st.dev/isaiahbjork/card-status-list/default/preview.1748719823525.png","pc":"isaiahbjork","tg":["list","onboarding","progress"],"sb":"Metric"},{"id":"21st:isaiahbjork__coach-scheduling-card","t":"Coach scheduling card","d":"This is a fully interactive, motion-enhanced Coach Scheduling Card that allows users to view a coach’s weekly availability, select time slots, choose a location, and confirm bookin","s":"21st","c":"data-display/card","a":"isaiahbjork","st":"rated","u":82,"pl":"https://cdn.21st.dev/isaiahbjork/coach-scheduling-card/default/preview.1749006856310.png","pc":"isaiahbjork","tg":["calendar","profile"],"sc":22,"sb":"Profile"},{"id":"21st:isaiahbjork__contacts-table-with-modal","t":"Contacts table with modal","d":"The ContactsTable component is a production-ready data table that displays a list of contacts with advanced filtering, sorting, and selection capabilities. It features a grid-style","k":"section","s":"21st","c":"marketing/marketing","a":"isaiahbjork","u":108,"pl":"https://cdn.21st.dev/isaiahbjork/contacts-table-with-modal/default/preview.1760562026962.png","pc":"isaiahbjork","tg":["modal","pagination","table"],"sb":"Contact"},{"id":"21st:isaiahbjork__crypto-swap","t":"Crypto swap","s":"21st","c":"other","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/crypto-swap/default/preview.1749871307721.png","pc":"isaiahbjork"},{"id":"21st:isaiahbjork__dashboard-card-with-modal","t":"Dashboard card with modal","d":"A versatile dashboard card component featuring a modal overlay for data management, designed to display user information alongside interactive elements like copy-to-clipboard funct","k":"layout","s":"21st","c":"layout/dashboard","a":"isaiahbjork","u":35,"pl":"https://cdn.21st.dev/isaiahbjork/dashboard-card-with-modal/default/preview.1757889693004.png","pc":"isaiahbjork","tg":["modal"]},{"id":"21st:isaiahbjork__event-countdown-card","t":"Event countdown card","d":"This Event Countdown Card is a fully animated promotional block designed to highlight and convert users for upcoming live events. It features a real-time countdown timer, urgency c","s":"21st","c":"data-display/card","a":"isaiahbjork","st":"rated","u":52,"pl":"https://cdn.21st.dev/isaiahbjork/event-countdown-card/default/preview.1749155511699.png","pc":"isaiahbjork","sc":21},{"id":"21st:isaiahbjork__financial-markets-table","t":"Financial markets table","s":"21st","c":"data-display/table","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/financial-markets-table/default/preview.1760558340760.png","pc":"isaiahbjork","tg":["table"]},{"id":"21st:isaiahbjork__glitchy-404","t":"Glitchy 404","d":"Renders a stylized animated “404” using motion-shaken SVG segments and a dynamic fuzzy canvas distortion effect for a glitchy, reactive visual. Perfect for error pages, HUD, sci-fi","s":"21st","c":"motion/text-effect","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/glitchy-404/default/preview.1748564874574.png","pc":"isaiahbjork","sb":"Scramble and glitch"},{"id":"21st:isaiahbjork__glitchy-404-1","t":"Glitchy 404 1","d":"Renders a stylized animated “404” using motion-shaken SVG segments and a dynamic fuzzy canvas distortion effect for a glitchy, reactive visual. Perfect for error pages, HUD, sci-fi","k":"page","s":"21st","c":"pages/templates","a":"isaiahbjork","u":130,"pl":"https://cdn.21st.dev/isaiahbjork/glitchy-404-1/default/preview.1748967879727.png","pc":"isaiahbjork","sb":"Error and status pages"},{"id":"21st:isaiahbjork__gradient-selector-card","t":"Gradient selector card","d":"This is a highly interactive and animated gradient-based selector component that visualizes progress through milestone dots connected by gradient lines. Each option is represented ","s":"21st","c":"inputs/select","a":"isaiahbjork","u":28,"pl":"https://cdn.21st.dev/isaiahbjork/gradient-selector-card/default/preview.1748755845713.png","pc":"isaiahbjork","tg":["progress","slider"],"sb":"Animated and glowing"},{"id":"21st:isaiahbjork__gsap-draggable-rope","t":"Gsap draggable rope","s":"21st","c":"assets/icon","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/gsap-draggable-rope/default/preview.1757812698310.png","pc":"isaiahbjork","tg":["icon"]},{"id":"21st:isaiahbjork__hover-detail-card","t":"Hover detail card","d":"This component is a highly interactive, animated detail card that reveals contextual actions and visual flair when hovered. It displays a grid of images, pills with status and meta","s":"21st","c":"data-display/card","a":"isaiahbjork","u":37,"pl":"https://cdn.21st.dev/isaiahbjork/hover-detail-card/default/preview.1748878411408.png","pc":"isaiahbjork","tg":["gallery"],"sb":"Animated and glowing"},{"id":"21st:isaiahbjork__hover-image-gallery","t":"Hover image gallery","d":"A responsive image viewer that changes the visible image based on the horizontal mouse position, and enhanced with a glassmorphic tooltip. Perfect for showcasing art collections, p","s":"21st","c":"media/gallery","a":"isaiahbjork","u":28,"pl":"https://cdn.21st.dev/isaiahbjork/hover-image-gallery/default/preview.1748561399424.png","pc":"isaiahbjork","tg":["carousel","gallery"],"sb":"Hover effects"},{"id":"21st:isaiahbjork__hud-area-chart","t":"Hud area chart","d":"An animated area chart/graph component with a custom frame, perfect for HUD displays. ","s":"21st","c":"data-viz/chart","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/hud-area-chart/default/preview.1748554065424.png","pc":"isaiahbjork","sb":"Area"},{"id":"21st:isaiahbjork__hud-area-chart-1","t":"Hud area chart 1","s":"21st","c":"data-viz/chart","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/hud-area-chart-1/default/preview.1785442175445-e7e69e55-acad-4462-89b1-c5e0fa40854e.png","pc":"isaiahbjork","sb":"Area"},{"id":"21st:isaiahbjork__hud-background-frame","t":"Hud background frame","d":"Perfect for gaming, military, sci-fi style themes. Includes customizable chamfers, You can use background images, videos, use map components, etc.","k":"motion","s":"21st","c":"motion/background","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/hud-background-frame/default/preview.1748489861501.png","pc":"isaiahbjork"},{"id":"21st:isaiahbjork__hud-button","t":"Hud button","d":"This is a styled HUD-themed button showcase page that demonstrates two custom design systems (style1 and style2) with animated entrance effects using framer-motion. Style 1 feature","s":"21st","c":"assets/icon","a":"isaiahbjork","u":18,"pl":"https://cdn.21st.dev/isaiahbjork/hud-button/default/preview.1748972492448.png","pc":"isaiahbjork"},{"id":"21st:isaiahbjork__hud-status","t":"Hud status","d":"An animated HUD status perfect for use as a custom toast or sonner.","s":"21st","c":"data-display/stat","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/hud-status/default/preview.1748491176670.png","pc":"isaiahbjork"},{"id":"21st:isaiahbjork__hud-status-1","t":"Hud status 1","d":"This is a themed status indicator component that renders a glowing SVG badge with animated text to signal system activity. It adapts dynamically to light/dark themes using color lo","s":"21st","c":"data-display/badge","a":"isaiahbjork","u":7,"pl":"https://cdn.21st.dev/isaiahbjork/hud-status-1/default/preview.1748975039404.png","pc":"isaiahbjork","sb":"Status"},{"id":"21st:isaiahbjork__leads-data-table","t":"Leads data table","s":"21st","c":"data-display/table","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/leads-data-table/default/preview.1757887831797.png","pc":"isaiahbjork","tg":["table"],"sb":"Data tables"},{"id":"21st:isaiahbjork__message-dock","t":"Message dock","d":"This is an animated, expandable message dock component that allows users to select a character and send contextual messages through a sleek, reactive UI. It supports emoji-based av","s":"21st","c":"navigation/dock","a":"isaiahbjork","u":436,"pl":"https://cdn.21st.dev/isaiahbjork/message-dock/default/preview.1748722456995.png","pc":"isaiahbjork","tg":["dock"]},{"id":"21st:isaiahbjork__onboarding-stages","t":"Onboarding stages","d":"This is a dynamic, themed onboarding checklist component that visually breaks down setup stages with animated progress indicators, completion badges, and a customizable action butt","s":"21st","c":"navigation/wizard-steps","a":"isaiahbjork","u":38,"pl":"https://cdn.21st.dev/isaiahbjork/onboarding-stages/default/preview.1748814854249.png","pc":"isaiahbjork","tg":["onboarding","progress"]},{"id":"21st:isaiahbjork__portfolio-gallery","t":"Portfolio gallery","d":"The PortfolioGallery component creates an engaging visual showcase of portfolio items with a 3D overlapping layout on desktop and a smooth horizontal marquee on mobile devices. It ","s":"21st","c":"media/gallery","a":"isaiahbjork","u":108,"pl":"https://cdn.21st.dev/isaiahbjork/portfolio-gallery/default/preview.1757974061317.png","pc":"isaiahbjork","tg":["gallery","image"],"sb":"Grids"},{"id":"21st:isaiahbjork__prediction-market-card","t":"Prediction market card","d":"This is an interactive prediction market card component that lets users place live bets on time-sensitive sports outcomes, featuring a dual-view layout with a dynamic voting interf","s":"21st","c":"data-display/card","a":"isaiahbjork","st":"rated","u":32,"pl":"https://cdn.21st.dev/isaiahbjork/prediction-market-card/default/preview.1748909882371.png","pc":"isaiahbjork","tg":["modal"],"sc":20},{"id":"21st:isaiahbjork__product-reveal-card","t":"Product reveal card","d":"This Product Reveal Card is a premium interactive e-commerce component that blends high-quality visuals with micro-interactions to increase conversion. It supports live hover revea","s":"21st","c":"data-display/card","a":"isaiahbjork","u":114,"pl":"https://cdn.21st.dev/isaiahbjork/product-reveal-card/default/preview.1749155801189.png","pc":"isaiahbjork","sb":"Product"},{"id":"21st:isaiahbjork__profile-card","t":"Profile card","d":"This is a high-fidelity Animated Profile Card component designed for user discovery or social interactions. It includes layered blur effects, animated reveal of bio/stats, motion-e","s":"21st","c":"data-display/profile","a":"isaiahbjork","u":133,"pl":"https://cdn.21st.dev/isaiahbjork/profile-card/default/preview.1749155017729.png","pc":"isaiahbjork","tg":["profile","stat"]},{"id":"21st:isaiahbjork__radial-countdown-timer","t":"Radial countdown timer","d":"This is an animated circular timer with gradient stroke, tick marks, and responsive play/pause/reset controls, built using framer-motion for smooth state transitions and microinter","k":"layout","s":"21st","c":"layout/dashboard","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/radial-countdown-timer/default/preview.1748713405885.png","pc":"isaiahbjork"},{"id":"21st:isaiahbjork__resizable-table","t":"Resizable table","k":"layout","s":"21st","c":"layout/split-pane","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/resizable-table/default/preview.1761070875272.png","pc":"isaiahbjork","tg":["dashboard","pagination","table"]},{"id":"21st:isaiahbjork__reveal-text","t":"Reveal text","d":"Animated text component that reveals each letter with a spring-in effect, hover-triggered image masking, and a timed overlay sweep for cinematic emphasis. Perfect for hero sections","k":"motion","s":"21st","c":"motion/text-effect","a":"isaiahbjork","u":155,"pl":"https://cdn.21st.dev/isaiahbjork/reveal-text/default/preview.1748557810417.png","pc":"isaiahbjork","tg":["image","text"],"sb":"Reveal and entrance"},{"id":"21st:isaiahbjork__ruler-carousel","t":"Ruler carousel","d":"An animated, interactive, customizable ruler style carousel perfect for showing off logos of brands you have worked with.","s":"21st","c":"media/carousel","a":"isaiahbjork","u":76,"pl":"https://cdn.21st.dev/isaiahbjork/ruler-carousel/default/preview.1748548937290.png","pc":"isaiahbjork","tg":["carousel","clients","marquee"]},{"id":"21st:isaiahbjork__server-management-table","t":"Server management table","s":"21st","c":"data-display/table","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/server-management-table/default/preview.1757883904819.png","pc":"isaiahbjork","tg":["badge","dashboard","table"]},{"id":"21st:isaiahbjork__system-monitor","t":"System monitor","d":"A system monitor component, can be used for resources, AI agents, GPU, CPU, network, etc.","s":"21st","c":"layout/dashboard","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/system-monitor/default/preview.1785356721983-8765a0d5-49f7-42bc-95a6-82e3d8f75888.png","pc":"isaiahbjork"},{"id":"21st:isaiahbjork__video-scroll-hero","t":"Video scroll hero","d":"The Video Scroll Hero component creates an engaging scroll-triggered video scaling effect where a video starts at a very small size (25% scale) and smoothly expands to full size as","k":"section","s":"21st","c":"marketing/hero","a":"isaiahbjork","u":107,"pl":"https://cdn.21st.dev/isaiahbjork/video-scroll-hero/default/preview.1757969807899.png","pc":"isaiahbjork","tg":["scroll-area","video"],"sb":"With video"},{"id":"21st:isaiahbjork__video-upload-card","t":"Video upload card","d":"A video upload card component that provides an interactive drop zone for video files with a dramatic vending machine-style animation where the uploaded video appears to drop in fro","s":"21st","c":"inputs/file-upload","a":"isaiahbjork","u":44,"pl":"https://cdn.21st.dev/isaiahbjork/video-upload-card/default/preview.1758503972511.png","pc":"isaiahbjork","tg":["upload-download","video"]},{"id":"21st:isaiahbjork__voice-powered-orb","t":"Voice powered orb","s":"21st","c":"ai-agent","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/voice-powered-orb/default/preview.1757897718443.png","pc":"isaiahbjork","tg":["ai-chat"],"sb":"Voice"},{"id":"21st:isaiahbjork__weekly-kpi-chart","t":"Weekly kpi chart","d":"This is an interactive day-based data chart that visualizes values (like revenue or activity) using minimalistic vertical lines and animated gradient highlights. It’s perfect for d","s":"21st","c":"data-viz/chart","a":"isaiahbjork","u":20,"pl":"https://cdn.21st.dev/isaiahbjork/weekly-kpi-chart/default/preview.1785302842690-e6074757-0636-409b-9adc-0d1e603c7fd9.png","pc":"isaiahbjork","sb":"Line and sparkline"},{"id":"21st:ishamsu__curved-menu","t":"Curved menu","d":"A modern React navigation component with an animated curved sidebar, interactive menu items, and social media footer. with smooth animations","s":"21st","c":"navigation/menu","a":"ishamsu","u":91,"pl":"https://cdn.21st.dev/ishamsu/curved-menu/default/preview.1747620613612.png","pc":"ishamsu","tg":["menu","link","sidebar"]},{"id":"21st:ishamsu__immersive-scroll-gallery","t":"Immersive scroll gallery","d":"A scroll-based image gallery that creates depth and dimension through dynamic scaling animations. As users scroll, images scale up at different rates while a text overlay fades in,","s":"21st","c":"media/gallery","a":"ishamsu","u":79,"pl":"https://cdn.21st.dev/ishamsu/immersive-scroll-gallery/default/preview.1747015107761.png","pc":"ishamsu","tg":["gallery"],"sb":"Scroll"},{"id":"21st:ishamsu__retro-testimonial","t":"Retro testimonial","d":"Retro Animated Testimonial is a sleek carousel of vintage-inspired cards, each featuring a user’s photo, name, role, and feedback over a stylish background. Perfect for adding trus","k":"section","s":"21st","c":"marketing/testimonials","a":"ishamsu","u":198,"pl":"https://cdn.21st.dev/ishamsu/retro-testimonial/default/preview.1747178884381.png","pc":"ishamsu","tg":["carousel","testimonials"]},{"id":"21st:ishamsu__scroll-cards","t":"Scroll cards","d":"A smooth gallery where cards stack on scroll, each showing an image, title, and description.","k":"layout","s":"21st","c":"layout/scroll-area","a":"ishamsu","u":201,"pl":"https://cdn.21st.dev/ishamsu/scroll-cards/default/preview.1747191676062.png","pc":"ishamsu","tg":["carousel","gallery","scroll-area"]},{"id":"21st:ishamsu__smooth-scroll-hero","t":"Smooth scroll hero","d":"A React component that creates a smooth-scrolling hero section with parallax background effects. Features responsive images for mobile and desktop, with customizable scroll animati","k":"section","s":"21st","c":"marketing/hero","a":"ishamsu","u":225,"pl":"https://cdn.21st.dev/ishamsu/smooth-scroll-hero/default/preview.1747142616016.png","pc":"ishamsu","tg":["hero","image"],"sb":"With product shot"},{"id":"21st:itaizeilig__tetris-loader","t":"Tetris loader","d":"A minimalist, high-contrast Tetris-inspired loading animation built with React and TypeScript. This component delivers a clean, pure black-and-white aesthetic with full dark mode s","s":"21st","c":"status/loader","a":"itaizeilig","u":187,"pl":"https://cdn.21st.dev/itaizeilig/tetris-loader/default/preview.1751903082913.png","pc":"itaizeilig","tg":["grid","spinner"],"sb":"Spinners"},{"id":"21st:itsankitverma__3d-card","t":"3d card","d":"This is a neat, clean and animated 3d card component","s":"21st","c":"data-display/card","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/3d-card/default/preview.1760591568941.png","pc":"itsankitverma","sb":"Animated and glowing"},{"id":"21st:itsankitverma__3d-testimonial-stack","t":"3d testimonial stack","d":"This is a simple 3D Testimonial stack component","k":"section","s":"21st","c":"marketing/testimonials","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/3d-testimonial-stack/default/preview.1760762969107.png","pc":"itsankitverma"},{"id":"21st:itsankitverma__404-not-found-page-component","t":"404 not found page component","d":"A modern, visually engaging 404 error page React component featuring a gradient “404” headline, soft blurred background blobs, and a prominent “Back to Home” button. Designed for c","k":"motion","s":"21st","c":"motion/background","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/404-not-found-page-component/default/preview.1750666552947.png","pc":"itsankitverma"},{"id":"21st:itsankitverma__accordian","t":"Accordian","d":"This is a simple accordian","s":"21st","c":"other","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/accordian/default/preview.1757576258717.png","pc":"itsankitverma"},{"id":"21st:itsankitverma__ai-starter-page","t":"Ai starter page","s":"21st","c":"ai-agent/ai-agent","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/ai-starter-page/default/preview.1755436539944.png","pc":"itsankitverma"},{"id":"21st:itsankitverma__animated-button","t":"Animated button","d":"A dynamic button with smooth transitions that reacts to user interaction. Enhances UX by providing visual feedback on hover.","s":"21st","c":"actions/button","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/animated-button/default/preview.1751010370045.png","pc":"itsankitverma","sb":"Animated"},{"id":"21st:itsankitverma__animated-menu-bar","t":"Animated menu bar","d":"A modern, responsive menu bar React component featuring animated icon expansion, active state highlighting, and smooth transitions. Supports both dark and light themes out of the b","s":"21st","c":"navigation/menu","a":"itsankitverma","u":33,"pl":"https://cdn.21st.dev/itsankitverma/animated-menu-bar/default/preview.1750674620046.png","pc":"itsankitverma","tg":["navigation-menu","tooltip"]},{"id":"21st:itsankitverma__biometric-authentication","t":"Biometric authentication","d":"This is a nice and clean Biometric Authentication component","s":"21st","c":"flows/sign-in","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/biometric-authentication/default/preview.1756842650957.png","pc":"itsankitverma","sb":"Sign in"},{"id":"21st:itsankitverma__budget-calculator","t":"Budget calculator","d":"This is a simple, neat. clean and responsive budget calculator app","s":"21st","c":"other","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/budget-calculator/default/preview.1765290440298.png","pc":"itsankitverma"},{"id":"21st:itsankitverma__card-stack-1","t":"Card stack 1","d":"This is a simple Card Stack Component","s":"21st","c":"media/card-stack","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/card-stack-1/default/preview.1760507601404.png","pc":"itsankitverma"},{"id":"21st:itsankitverma__circular-text","t":"Circular text","d":"This is a Circular Text component","k":"motion","s":"21st","c":"motion/text-effect","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/circular-text/default/preview.1757773405963.png","pc":"itsankitverma"},{"id":"21st:itsankitverma__credit-card-2","t":"Credit card 2","d":"This is a simple neat and cleanly made credit card component","s":"21st","c":"data-display/card","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/credit-card-2/default/preview.1759412943656.png","pc":"itsankitverma","sb":"Payment"},{"id":"21st:itsankitverma__dialog-box","t":"Dialog box","s":"21st","c":"overlays/dialog","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/dialog-box/default/preview.1750676786492.png","pc":"itsankitverma","tg":["modal"]},{"id":"21st:itsankitverma__digital-number-animation","t":"Digital number animation","d":"Experience a vibrant, animated display of digital numbers with smooth transitions and modern color themes. This demo highlights various number formats—counters, percentages, curren","k":"motion","s":"21st","c":"motion/number-ticker","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/digital-number-animation/default/preview.1750676040604.png","pc":"itsankitverma"},{"id":"21st:itsankitverma__error-404-page","t":"Error 404 page","k":"page","s":"21st","c":"pages/templates","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/error-404-page/default/preview.1750668842203.png","pc":"itsankitverma","tg":["empty-state"],"sb":"Error and status pages"},{"id":"21st:itsankitverma__file-uploader","t":"File uploader","d":"A clean, modern, and accessible file upload component for React/Next.js. Features drag-and-drop support, multi-file selection with badge-style display, single-file image preview, a","s":"21st","c":"inputs/file-upload","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/file-uploader/default/preview.1750671383226.png","pc":"itsankitverma","tg":["badge","progress","upload-download"]},{"id":"21st:itsankitverma__listing-card","t":"Listing card","d":"Unwind in luxury at this exclusive beachfront retreat with panoramic ocean views, private infinity pool, and direct beach access.","s":"21st","c":"data-display/card","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/listing-card/default/preview.1762163898584.png","pc":"itsankitverma"},{"id":"21st:itsankitverma__magic-bento","t":"Magic bento","d":"This is a nice and clean Magic Bento Component!","k":"layout","s":"21st","c":"layout/bento-grid","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/magic-bento/default/preview.1757774784828.png","pc":"itsankitverma"},{"id":"21st:itsankitverma__path-drawing","t":"Path drawing","d":"This is a simple path drawing component","s":"21st","c":"other","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/path-drawing/default/preview.1759413291822.png","pc":"itsankitverma"},{"id":"21st:itsankitverma__path-morphing","t":"Path morphing","d":"This is s simple reusable Path morphing component","s":"21st","c":"motion/text-effect","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/path-morphing/default/preview.1757055469704.png","pc":"itsankitverma","sb":"Rotating words"},{"id":"21st:itsankitverma__personal-landing","t":"Personal landing","d":"A modern, responsive landing component with avatar, headline, social links, and a live message input with validation and toast notifications. Ideal for personal portfolios or digit","s":"21st","c":"overlays/toast","a":"itsankitverma","u":49,"pl":"https://cdn.21st.dev/itsankitverma/personal-landing/default/preview.1751009849007.png","pc":"itsankitverma","tg":["hero","link","toast"]},{"id":"21st:itsankitverma__personal-website","t":"Personal website","k":"page","s":"21st","c":"pages/templates","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/personal-website/default/preview.1755236145382.png","pc":"itsankitverma","sb":"Portfolios"},{"id":"21st:itsankitverma__pricing-page","t":"Pricing page","d":"This is a simple pricing page","k":"section","s":"21st","c":"marketing/pricing","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/pricing-page/default/preview.1761292180915.png","pc":"itsankitverma"},{"id":"21st:itsankitverma__scroll-linked-spring-animation","t":"Scroll linked spring animation","k":"layout","s":"21st","c":"layout/scroll-area","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/scroll-linked-spring-animation/default/preview.1757397571041.png","pc":"itsankitverma","tg":["scroll-area","text"]},{"id":"21st:itsankitverma__shared-layout-animation","t":"Shared layout animation","d":"A reusable component for layout animation","s":"21st","c":"layout/page-shell","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/shared-layout-animation/default/preview.1760510285411.png","pc":"itsankitverma"},{"id":"21st:itsankitverma__shuffle-text","t":"Shuffle text","d":"This is a simple shuffle text component!","k":"motion","s":"21st","c":"motion/text-effect","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/shuffle-text/default/preview.1757774053607.png","pc":"itsankitverma"},{"id":"21st:itsankitverma__solar-system","t":"Solar system","s":"21st","c":"other","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/solar-system/default/preview.1755876852440.png","pc":"itsankitverma"},{"id":"21st:itsankitverma__stack-card","t":"Stack card","d":"This is a simple Stack Card","s":"21st","c":"data-display/card","a":"itsankitverma","u":70,"pl":"https://cdn.21st.dev/itsankitverma/stack-card/default/preview.1756982991350.png","pc":"itsankitverma","tg":["scroll-area"]},{"id":"21st:itsankitverma__subscription-screen","t":"Subscription screen","d":"This is a simple subscription screen","k":"section","s":"21st","c":"marketing/pricing","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/subscription-screen/default/preview.1761979974658.png","pc":"itsankitverma"},{"id":"21st:itsankitverma__toggle-switch","t":"Toggle switch","d":"This is a custom reusable switch component","s":"21st","c":"actions/switch","a":"itsankitverma","pl":"https://cdn.21st.dev/itsankitverma/toggle-switch/default/preview.1757131179969.png","pc":"itsankitverma"},{"id":"21st:itsmarkbryant__marquee-button","t":"Marquee button","d":"Infinite Marquee Button","s":"21st","c":"actions/button","a":"itsmarkbryant","pl":"https://cdn.21st.dev/itsmarkbryant/marquee-button/default/preview.1776195906146.png","pc":"itsmarkbryant"},{"id":"21st:ivlev.danich__avatar","t":"Avatar","d":"User avatar component with image support and automatic fallback to initials. Features gradient background, loading states, and multiple sizes.","s":"21st","c":"data-display/avatar","a":"ivlev.danich","pl":"https://cdn.21st.dev/ivlev.danich/avatar/default/preview.1768845071841.png","pc":"ivlev.danich"},{"id":"21st:ivlev.danich__button","t":"Button","d":"Versatile button component with 5 variants (solid, bordered, flat, light, ghost), 6 colors, loading state, and icon support. Features smooth animations and full accessibility.","s":"21st","c":"actions/button","a":"ivlev.danich","pl":"https://cdn.21st.dev/ivlev.danich/button/default/preview.1768845736017.png","pc":"ivlev.danich"},{"id":"21st:ivlev.danich__card","t":"Card","s":"21st","c":"data-display/card","a":"ivlev.danich","pl":"https://cdn.21st.dev/ivlev.danich/card/default/preview.1768846139695.png","pc":"ivlev.danich"},{"id":"21st:ivlev.danich__cv-basic-info","t":"Cv basic info","d":"Hero section for CV/Resume with photo, name, position, and approval badge. Professional layout with responsive design.","s":"21st","c":"data-display/badge","a":"ivlev.danich","pl":"https://cdn.21st.dev/ivlev.danich/cv-basic-info/default/preview.1768846648932.png","pc":"ivlev.danich"},{"id":"21st:ivlev.danich__cv-header","t":"Cv header","d":"Header component for CV/Resume pages with logo support and customizable background color. Clean and professional design.","k":"motion","s":"21st","c":"motion/background","a":"ivlev.danich","pl":"https://cdn.21st.dev/ivlev.danich/cv-header/default/preview.1768847235567.png","pc":"ivlev.danich"},{"id":"21st:ivlev.danich__cv-skills-section","t":"Cv skills section","d":"Skills section for CV/Resume with responsive grid layout, star ratings, and info tooltip. Displays multiple skills in a clean, organized format.","s":"21st","c":"overlays/tooltip","a":"ivlev.danich","pl":"https://cdn.21st.dev/ivlev.danich/cv-skills-section/default/preview.1768847581306.png","pc":"ivlev.danich"},{"id":"21st:ivlev.danich__icon-wrapper","t":"Icon wrapper","d":"Flexible icon wrapper component for SVGs and icon components. Supports size presets and custom styling. Works with any icon library.","s":"21st","c":"assets/icon","a":"ivlev.danich","st":"rated","pl":"https://cdn.21st.dev/ivlev.danich/icon-wrapper/default/preview.1768847852470.png","pc":"ivlev.danich","sc":17},{"id":"21st:ivlev.danich__input","t":"Input","d":"Form input component with label, description, error state, and support for start/end icons. Fully accessible with proper ARIA attributes.","s":"21st","c":"inputs/form-field","a":"ivlev.danich","pl":"https://cdn.21st.dev/ivlev.danich/input/default/preview.1768848107257.png","pc":"ivlev.danich"},{"id":"21st:ivlev.danich__profile-card","t":"Profile card","d":"User profile card displaying avatar, name, contact information (email, phone), location, and skills. Supports click interactions and skill limits.","s":"21st","c":"data-display/profile","a":"ivlev.danich","pl":"https://cdn.21st.dev/ivlev.danich/profile-card/default/preview.1768848889493.png","pc":"ivlev.danich"},{"id":"21st:ivlev.danich__review-card","t":"Review card","d":"Testimonial and review card component with author info, avatar, star rating, and quote styling. Perfect for displaying customer feedback and testimonials.","k":"section","s":"21st","c":"marketing/testimonials","a":"ivlev.danich","pl":"https://cdn.21st.dev/ivlev.danich/review-card/default/preview.1768849422476.png","pc":"ivlev.danich"},{"id":"21st:ivlev.danich__skill-card","t":"Skill card","d":"Compact card component for displaying skills with star rating. Supports read-only and interactive modes. Perfect for portfolios and CV sections.","s":"21st","c":"data-display/card","a":"ivlev.danich","pl":"https://cdn.21st.dev/ivlev.danich/skill-card/default/preview.1768849988997.png","pc":"ivlev.danich"},{"id":"21st:ivlev.danich__star-rating","t":"Star rating","d":"Interactive star rating component with hover effects, keyboard navigation, and customizable colors. Supports read-only display mode and controlled/uncontrolled usage.","s":"21st","c":"inputs/rating","a":"ivlev.danich","pl":"https://cdn.21st.dev/ivlev.danich/star-rating/default/preview.1768844584377.png","pc":"ivlev.danich"},{"id":"21st:j1zuzz__empty","t":"Empty","d":"An empty state component that displays messages when no content is available.","s":"21st","c":"data-display/empty-state","a":"j1zuzz","u":111,"pl":"https://cdn.21st.dev/j1zuzz/empty/default/preview.1761762786797.png","pc":"j1zuzz","tg":["empty-state","icon"]},{"id":"21st:j1zuzz__welcome","t":"Welcome","d":"A confirmation screen component with confetti animation, typically used after account creation.","s":"21st","c":"navigation/wizard-steps","a":"j1zuzz","pl":"https://cdn.21st.dev/j1zuzz/welcome/default/preview.1754373634429.png","pc":"j1zuzz","tg":["empty-state","onboarding"]},{"id":"21st:jabezllave__note-app","t":"Note app","d":"Note App UI","s":"21st","c":"other","a":"jabezllave","st":"rated","pl":"https://cdn.21st.dev/jabezllave/note-app/default/preview.1774638469311.png","pc":"jabezllave","sc":23},{"id":"21st:jacob.hurvitz__messageloading","t":"Messageloading","d":"JumpGPT animated three-dot thinking indicator (themeable via currentColor)","s":"21st","c":"status/loader","a":"jacob.hurvitz","pl":"https://21st.dev/@jacob.hurvitz/components/messageloading","pc":"jacob.hurvitz"},{"id":"21st:jacobharris0505__mission-control","t":"Mission control","s":"21st","c":"ai-agent/composer","a":"jacobharris0505","pl":"https://cdn.21st.dev/jacobharris0505/mission-control/default/preview.1786525787558-d82d1ffa-d644-44ec-9d6b-ddeb6636088a.png","pc":"jacobharris0505"},{"id":"21st:jahed__ai-chat-input","t":"Ai chat input","d":"A modular, single-file React input bar designed for generative AI interfaces and agentic chat workloads, built on the shadcn/ui and Tailwind CSS architecture. Features dynamic spri","s":"21st","c":"ai-agent/composer","a":"jahed","pl":"https://cdn.21st.dev/easemize/ai-chat-input/default/preview.1783271974588.png","pc":"jahed"},{"id":"21st:jahed__sign-in","t":"Sign in","s":"21st","c":"flows/sign-in","a":"jahed","pl":"https://cdn.21st.dev/easemize/sign-in/default/preview.1750759166859.png","pc":"jahed"},{"id":"21st:jahirulislamrayhan07__animated-404-page","t":"Animated 404 page","d":"A stunning dark-themed 404 page featuring an interactive fan and a framer-motion ripple effect.","k":"page","s":"21st","c":"pages/templates","a":"jahirulislamrayhan07","pl":"https://cdn.21st.dev/jahirulislamrayhan07/animated-404-page/default/preview.1781840215008.png","pc":"jahirulislamrayhan07","tg":["empty-state"],"sb":"Error and status pages"},{"id":"21st:jahirulislamrayhan07__retro-space-shooter-git-hub-calendar","t":"Retro space shooter git hub calendar","d":"An interactive GitHub contribution calendar that transforms into a playable retro space shooter game. Features smooth canvas animations, spaceship controls, particle explosions, an","s":"21st","c":"data-display/calendar","a":"jahirulislamrayhan07","pl":"https://cdn.21st.dev/jahirulislamrayhan07/retro-space-shooter-git-hub-calendar/default/preview.1785313518440-5d6f9bd0-bd3c-41ff-95f7-d37b6cad60ae.png","pc":"jahirulislamrayhan07"},{"id":"21st:jaivardhandalal__toast-notification","t":"Toast notification","s":"21st","c":"overlays/notifications","a":"jaivardhandalal","pl":"https://cdn.21st.dev/jaivardhandalal/toast-notification/default/preview.1775789270765.png","pc":"jaivardhandalal"},{"id":"21st:jakapatb__7-segment-number","t":"7 segment number","d":"7 segment number","s":"21st","c":"motion/number-ticker","a":"jakapatb","u":23,"pl":"https://cdn.21st.dev/user_2x7kMlHfq3teBhhFd9FAXtjXXcZ/7-segment-number/7-segment-number/preview.png","pc":"jakapatb","tg":["number"]},{"id":"21st:jakobhoeg__button","t":"Button","s":"21st","c":"actions/button","a":"jakobhoeg","pl":"https://cdn.21st.dev/user_jakobhoeg/button.png","pc":"jakobhoeg"},{"id":"21st:jakobhoeg__chat-bubble","t":"Chat bubble","s":"21st","c":"ai-agent/ai-agent","a":"jakobhoeg","pl":"https://cdn.21st.dev/user_jakobhoeg/chat-bubble.png","pc":"jakobhoeg","tg":["ai-chat","avatar"],"sb":"Chat"},{"id":"21st:jakobhoeg__chat-input","t":"Chat input","d":"The ChatInput component (chat-input.tsx) is used as an text-area with predefined styling to fit well with the other components.","s":"21st","c":"ai-agent/composer","a":"jakobhoeg","pl":"https://cdn.21st.dev/user_jakobhoeg/chat-input.png","pc":"jakobhoeg"},{"id":"21st:jakobhoeg__chat-message-list","t":"Chat message list","s":"21st","c":"ai-agent/ai-agent","a":"jakobhoeg","pl":"https://cdn.21st.dev/user_jakobhoeg/chat-message-list.png","pc":"jakobhoeg","sb":"Chat"},{"id":"21st:jakobhoeg__expandable-chat","t":"Expandable chat","s":"21st","c":"ai-agent/ai-agent","a":"jakobhoeg","st":"rated","pl":"https://cdn.21st.dev/user_jakobhoeg/expandable-chat.png","pc":"jakobhoeg","sc":22,"sb":"Chat"},{"id":"21st:jakobhoeg__message-loading","t":"Message loading","d":"Message Loading animation","s":"21st","c":"status/loader","a":"jakobhoeg","pl":"https://cdn.21st.dev/user_jakobhoeg/message-loading.png","pc":"jakobhoeg","tg":["ai-chat"]},{"id":"21st:jakobhoeg__use-auto-scroll","t":"Use auto scroll","k":"layout","s":"21st","c":"layout/scroll-area","a":"jakobhoeg","pl":"https://cdn.21st.dev/user_jakobhoeg/use-auto-scroll.png","pc":"jakobhoeg"},{"id":"21st:jashshah854-a11y__bread-and-butter","t":"Bread and butter","d":"Animated (pulse) ASCII art in the Dither style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a pixel look. A drop-in, zero-dependency React compone","k":"motion","s":"21st","c":"motion/ascii","a":"jashshah854-a11y","pl":"https://cdn.21st.dev/jashshah854-a11y/bread-and-butter/default/preview.1783799464202.webp","pc":"jashshah854-a11y","tg":["video"],"sb":"Dither"},{"id":"21st:jatin-yadav05__3d-folder","t":"3d folder","d":"A beautifully crafted folder with back panel, tab, front panel, and a subtle shine effect that opens smoothly on hover","k":"layout","s":"21st","c":"layout/dashboard","a":"jatin-yadav05","u":285,"pl":"https://cdn.21st.dev/jatin-yadav05/3d-folder/default/preview.1765386950541.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__analytics-bento","t":"Analytics bento","d":"Polished budget bento card with smooth interactions.","k":"layout","s":"21st","c":"layout/bento-grid","a":"jatin-yadav05","st":"rated","u":97,"pl":"https://cdn.21st.dev/jatin-yadav05/analytics-bento/default/preview.1765553239650.png","pc":"jatin-yadav05","tg":["tooltip"],"sc":24},{"id":"21st:jatin-yadav05__animated-ai-chat","t":"Animated ai chat","d":"An AI chat interface with glass-morphism design and smart command features. Built with React and Framer Motion for smooth animations and professional interactions.","s":"21st","c":"ai-agent/ai-agent","a":"jatin-yadav05","st":"rated","pl":"https://cdn.21st.dev/user_2ra80vx0iKMyQWJ5AESmNfFbCHD/animated-ai-chat/default/preview.1746632407641.png","pc":"jatin-yadav05","tg":["ai-chat","input"],"sc":18,"sb":"Chat"},{"id":"21st:jatin-yadav05__animated-button","t":"Animated button","d":"A 3D animated subscribe button with perspective transforms, and glowing bottom border on hover.","s":"21st","c":"actions/button","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/animated-button/default/preview.1752985688928.png","pc":"jatin-yadav05","sb":"Animated"},{"id":"21st:jatin-yadav05__animated-geometric-card","t":"Animated geometric card","d":"Interactive geometric card component with animated shapes, floating particles, and customizable color gradients.","s":"21st","c":"data-display/card","a":"jatin-yadav05","u":20,"pl":"https://cdn.21st.dev/jatin-yadav05/animated-geometric-card/default/preview.1754583468463.png","pc":"jatin-yadav05","sb":"Metric"},{"id":"21st:jatin-yadav05__animated-radio","t":"Animated radio","d":"An animated radio button group with a smooth sliding purple glider that moves vertically to highlight the selected option.","s":"21st","c":"inputs/radio","a":"jatin-yadav05","st":"rated","u":49,"pl":"https://cdn.21st.dev/jatin-yadav05/animated-radio/default/preview.1753188477987.png","pc":"jatin-yadav05","tg":["radio-group"],"sc":18},{"id":"21st:jatin-yadav05__anime-navbar","t":"Anime navbar","d":"The AnimeNavBar is a responsive, animated navigation bar built with React, Framer Motion, and Tailwind CSS. It supports hover effects, active state highlighting, and animations for","s":"21st","c":"navigation/top-nav","a":"jatin-yadav05","u":592,"pl":"https://cdn.21st.dev/user_2ra80vx0iKMyQWJ5AESmNfFbCHD/anime-navbar.png","pc":"jatin-yadav05","sb":"Mega menus"},{"id":"21st:jatin-yadav05__audio-chat","t":"Audio chat","d":"Polished voice chat component with smooth expand/collapse animations.","s":"21st","c":"ai-agent/composer","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/audio-chat/default/preview.1765963820462.png","pc":"jatin-yadav05","sb":"Chat"},{"id":"21st:jatin-yadav05__battery-indicator","t":"Battery indicator","d":"Interactive battery component with themes and animations","s":"21st","c":"inputs/slider","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/battery-indicator/default/preview.1754635651176.png","pc":"jatin-yadav05","tg":["slider"]},{"id":"21st:jatin-yadav05__book-a-call-button","t":"Book a call button","d":"A polished call-to-action button featuring smooth Framer Motion spring animations where call icons transition vertically on hover for an engaging user experience.","s":"21st","c":"actions/button","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/book-a-call-button/default/preview.1755791134942.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__bouncy-toggle","t":"Bouncy toggle","d":"Micro interaction clean toggle switch with bouncy effect and press effect.","s":"21st","c":"actions/switch","a":"jatin-yadav05","u":51,"pl":"https://cdn.21st.dev/jatin-yadav05/bouncy-toggle/default/preview.1765300724840.png","pc":"jatin-yadav05","tg":["toggle"]},{"id":"21st:jatin-yadav05__box-loader","t":"Box loader","d":"A sleek 3D animated loader featuring rotating cubes.","s":"21st","c":"status/loader","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/box-loader/default/preview.1753203523464.png","pc":"jatin-yadav05","tg":["spinner"],"sb":"Shapes and grids"},{"id":"21st:jatin-yadav05__clean-profile-card","t":"Clean profile card","d":"A very clean and polished profile card for portfolios","s":"21st","c":"data-display/profile","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/clean-profile-card/default/preview.1767288661121.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__clean-testimonial","t":"Clean testimonial","d":"Clean testimonial component with unique features.","k":"section","s":"21st","c":"marketing/testimonials","a":"jatin-yadav05","u":131,"pl":"https://cdn.21st.dev/jatin-yadav05/clean-testimonial/default/preview.1765647490858.png","pc":"jatin-yadav05","tg":["profile","testimonials"]},{"id":"21st:jatin-yadav05__click-trigger","t":"Click trigger","d":"An interactive card with click animation effects. When clicked, it displays animated rectangles forming a plus shape that slide outward from the click position and fade way.","s":"21st","c":"data-display/card","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/click-trigger/default/preview.1758215817363.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__click-trigger-particles","t":"Click trigger particles","d":"An interactive particle burst effect when clicked. Generates multiple animated particles that radiate outward from the click position with customizable animations and automatic cle","k":"motion","s":"21st","c":"motion/background","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/click-trigger-particles/default/preview.1758216199748.png","pc":"jatin-yadav05","sb":"Particles and stars"},{"id":"21st:jatin-yadav05__color-swatch","t":"Color swatch","d":"A polished color palette component with smooth hover expansion animations and a copy-to-clipboard feature.","s":"21st","c":"inputs/color-picker","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/color-swatch/default/preview.1766170440081.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__component-collection","t":"Component collection","d":"A clean and polished curated collections of components.","s":"21st","c":"other","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/component-collection/default/preview.1766428321386.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__copy-button","t":"Copy button","d":"Click to copy component - a minimal copy-to-clipboard interaction for portfolios","s":"21st","c":"actions/copy-button","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/copy-button/default/preview.1765186291628.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__copy-email-button","t":"Copy email button","d":"A minimal, one-click contact component for portfolios. Hover reveals a subtle arrow hint, and clicking triggers a smooth flip animation.","s":"21st","c":"actions/button","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/copy-email-button/default/preview.1765187012507.png","pc":"jatin-yadav05","sb":"Copy, share and like"},{"id":"21st:jatin-yadav05__curved-loop","t":"Curved loop","d":"A draggable, animated curved text component that loops infinitely along a customizable SVG path.","k":"motion","s":"21st","c":"motion/text-effect","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/curved-loop/default/preview.1753981003611.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__curved-text-ticker","t":"Curved text ticker","d":"A dynamic background component featuring rotating curved text rings with smooth animations.","k":"motion","s":"21st","c":"motion/text-effect","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/curved-text-ticker/default/preview.1753981981459.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__dark-gradient-background","t":"Dark gradient background","d":"A sophisticated dark-to-cyan gradient with noise texture and geometric overlays","k":"motion","s":"21st","c":"motion/background","a":"jatin-yadav05","u":12,"pl":"https://cdn.21st.dev/jatin-yadav05/dark-gradient-background/default/preview.1755188759144.png","pc":"jatin-yadav05","tg":["background","grid","hero"],"sb":"Gradients and aurora"},{"id":"21st:jatin-yadav05__design-testimonial","t":"Design testimonial","d":"A completely unique asymmetric layout testimonial. Features include a vertical left column with rotated \"Testimonials\" text and an animated progress bar.","k":"section","s":"21st","c":"marketing/testimonials","a":"jatin-yadav05","u":271,"pl":"https://cdn.21st.dev/jatin-yadav05/design-testimonial/default/preview.1766074338821.png","pc":"jatin-yadav05","tg":["carousel","marquee","progress","testimonials"]},{"id":"21st:jatin-yadav05__editorial-testimonial","t":"Editorial testimonial","d":"An editorial-style testimonial with a bold typographic.","k":"section","s":"21st","c":"marketing/testimonials","a":"jatin-yadav05","u":55,"pl":"https://cdn.21st.dev/jatin-yadav05/editorial-testimonial/default/preview.1765306115293.png","pc":"jatin-yadav05","tg":["carousel","testimonials"]},{"id":"21st:jatin-yadav05__elegant-dark-pattern","t":"Elegant dark pattern","d":"Sophisticated gradients meet subtle textures for modern interfaces.","k":"motion","s":"21st","c":"motion/background","a":"jatin-yadav05","u":26,"pl":"https://cdn.21st.dev/jatin-yadav05/elegant-dark-pattern/default/preview.1755191590435.png","pc":"jatin-yadav05","tg":["background"],"sb":"Grids and patterns"},{"id":"21st:jatin-yadav05__emoji-rating","t":"Emoji rating","d":"A minimal emoji rating component with smooth blur/scale text transitions and grayscale-to-color hover effects.","k":"motion","s":"21st","c":"motion/text-effect","a":"jatin-yadav05","u":63,"pl":"https://cdn.21st.dev/jatin-yadav05/emoji-rating/default/preview.1765275491566.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__etheral-shadow","t":"Etheral shadow","d":"Creates an animated, ethereal shadow effect with customizable noise, color, and animation properties, featuring a centered text overlay with responsive typography.","s":"21st","c":"data-display/empty-state","a":"jatin-yadav05","u":2330,"pl":"https://cdn.21st.dev/jatin-yadav05/etheral-shadow/default/preview.1748327080862.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__expand-map","t":"Expand map","d":"Click on this component to get a clean map street view with some details.","s":"21st","c":"data-viz/map","a":"jatin-yadav05","u":232,"pl":"https://cdn.21st.dev/jatin-yadav05/expand-map/default/preview.1765303872044.png","pc":"jatin-yadav05","tg":["map"]},{"id":"21st:jatin-yadav05__feature-spotlight","t":"Feature spotlight","d":"This component is a feature spotlight card where you can showcase in any landing page.","k":"section","s":"21st","c":"marketing/features","a":"jatin-yadav05","u":79,"pl":"https://cdn.21st.dev/jatin-yadav05/feature-spotlight/default/preview.1765211823237.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__file-tree","t":"File tree","d":"A minimal, dark-themed file tree component with smooth expand/collapse animations, color-coded file icons, and subtle hover glow effects.","s":"21st","c":"data-display/tree","a":"jatin-yadav05","st":"rated","pl":"https://cdn.21st.dev/jatin-yadav05/file-tree/default/preview.1765212257192.png","pc":"jatin-yadav05","tg":["file-tree"],"sc":17},{"id":"21st:jatin-yadav05__flip-hover","t":"Flip hover","s":"21st","c":"media/gallery","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/flip-hover/default/preview.1758213434011.png","pc":"jatin-yadav05","tg":["image"],"sb":"Hover effects"},{"id":"21st:jatin-yadav05__fluid-canvas","t":"Fluid canvas","d":"A visually enhanced interactive fluid simulation React component rendered on a canvas with mouse-driven effects.","k":"motion","s":"21st","c":"motion/shader","a":"jatin-yadav05","u":14,"pl":"https://cdn.21st.dev/jatin-yadav05/fluid-canvas/default/preview.1748752552756.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__github-inline-diff","t":"Github inline diff","d":"Hover a diff line to reveal “add comment,” opening a compact inline thread with Open/Resolved chips and a 2‑row editor—fully keyboard-accessible.","s":"21st","c":"data-display/diff","a":"jatin-yadav05","u":53,"pl":"https://cdn.21st.dev/jatin-yadav05/github-inline-diff/default/preview.1756750346716.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__glowing-card","t":"Glowing card","d":"Step into the realm of innovation with our glowing-card component. A blend of sleek design and captivating visuals, it’s built to make your content shine and stand out like never b","s":"21st","c":"data-display/card","a":"jatin-yadav05","pl":"https://cdn.21st.dev/user_2ra80vx0iKMyQWJ5AESmNfFbCHD/glowing-card.png","pc":"jatin-yadav05","sb":"Animated and glowing"},{"id":"21st:jatin-yadav05__gradient-card","t":"Gradient card","d":"A premium 3D interactive card with smooth motion animations, and a sophisticated purple-blue glow that creates an immersive, futuristic UI experience.","s":"21st","c":"data-display/card","a":"jatin-yadav05","u":250,"pl":"https://cdn.21st.dev/user_2ra80vx0iKMyQWJ5AESmNfFbCHD/gradient-card/gradient-card/preview.png","pc":"jatin-yadav05","tg":["card"],"sb":"Animated and glowing"},{"id":"21st:jatin-yadav05__grid-loading","t":"Grid loading","d":"A compact animated grid loader with 9 pulsing squares that adapts to light and dark themes.","s":"21st","c":"status/loader","a":"jatin-yadav05","u":10,"pl":"https://cdn.21st.dev/jatin-yadav05/grid-loading/default/preview.1753634156831.png","pc":"jatin-yadav05","tg":["spinner"],"sb":"Shapes and grids"},{"id":"21st:jatin-yadav05__hover-cards","t":"Hover cards","d":"This is a hover animation which looks very cool on hover and can be used everywhere.","s":"21st","c":"data-display/card","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/hover-cards/default/preview.1761905591875.png","pc":"jatin-yadav05","sb":"Animated and glowing"},{"id":"21st:jatin-yadav05__icon-3d-hover","t":"Icon 3d hover","d":"A 3D animated card component with a rotating cube icon and smooth text fill effect that triggers on hover.","s":"21st","c":"assets/icon","a":"jatin-yadav05","u":85,"pl":"https://cdn.21st.dev/jatin-yadav05/icon-3d-hover/default/preview.1748779083397.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__image-reveal","t":"Image reveal","d":"A responsive image hover component that creates a smooth circular reveal effect with a blurred overlay mask that follows the mouse cursor.","s":"21st","c":"media/gallery","a":"jatin-yadav05","u":24,"pl":"https://cdn.21st.dev/jatin-yadav05/image-reveal/default/preview.1748767438767.png","pc":"jatin-yadav05","tg":["cursor"]},{"id":"21st:jatin-yadav05__interactive-accordion","t":"Interactive accordion","d":"A minimal accordion with numbered items featuring smooth spring animations, rotating plus-to-X icons, and progressive underline hover effects.","s":"21st","c":"data-display/accordion","a":"jatin-yadav05","u":97,"pl":"https://cdn.21st.dev/jatin-yadav05/interactive-accordion/default/preview.1765212751015.png","pc":"jatin-yadav05","tg":["accordion","faq"],"sb":"FAQ"},{"id":"21st:jatin-yadav05__interactive-button","t":"Interactive button","d":"A cosmic-themed interactive button with dynamic mouse-tracking animations and smooth hover effects.","s":"21st","c":"actions/button","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/interactive-button/default/preview.1747568964487.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__interactive-string","t":"Interactive string","d":"An interactive canvas of glowing strings that respond to mouse movement with elegant animations.","s":"21st","c":"inputs/textarea","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/interactive-string/default/preview.1749492690009.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__keyboard-keys","t":"Keyboard keys","d":"Interactive Keyboard Keys which animates on clicking or pressing the key on keyboard.","s":"21st","c":"data-display/typography","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/keyboard-keys/default/preview.1765201335497.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__leather-button","t":"Leather button","d":"A premium leather-textured button component with authentic stitching effects, smooth hover animations.","s":"21st","c":"actions/button","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/leather-button/default/preview.1753286890557.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__lets-work-section","t":"Lets work section","d":"A minimal, standout \"Let's Work Together\" component with a hover effect and smooth micro-interactions","k":"section","s":"21st","c":"marketing/cta","a":"jatin-yadav05","u":246,"pl":"https://cdn.21st.dev/jatin-yadav05/lets-work-section/default/preview.1765913083128.png","pc":"jatin-yadav05","tg":["cta"]},{"id":"21st:jatin-yadav05__location-tag","t":"Location tag","d":"A compact, interactive location indicator with a live pulsing dot and smooth text-swap animation. Hover reveals your current local time.","s":"21st","c":"data-display/badge","a":"jatin-yadav05","u":140,"pl":"https://cdn.21st.dev/jatin-yadav05/location-tag/default/preview.1765188430491.png","pc":"jatin-yadav05","sb":"Tags and pills"},{"id":"21st:jatin-yadav05__magic-text-reveal","t":"Magic text reveal","d":"A responsive particle-based text reveal component that disperses text into animated particles and reforms on hover with smooth transitions.","k":"motion","s":"21st","c":"motion/text-effect","a":"jatin-yadav05","u":100,"pl":"https://cdn.21st.dev/jatin-yadav05/magic-text-reveal/default/preview.1748773392614.png","pc":"jatin-yadav05","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:jatin-yadav05__marketing-badges","t":"Marketing badges","d":"Beautiful 3D marketing badges with smooth interactions.","s":"21st","c":"data-display/badge","a":"jatin-yadav05","u":72,"pl":"https://cdn.21st.dev/jatin-yadav05/marketing-badges/default/preview.1765705786013.png","pc":"jatin-yadav05","tg":["badge"]},{"id":"21st:jatin-yadav05__mini-chart","t":"Mini chart","d":"This is a mini chart which shows real time analytics.","s":"21st","c":"data-viz/chart","a":"jatin-yadav05","u":130,"pl":"https://cdn.21st.dev/jatin-yadav05/mini-chart/default/preview.1765288344961.png","pc":"jatin-yadav05","tg":["tooltip"],"sb":"Line and sparkline"},{"id":"21st:jatin-yadav05__minimal-dock","t":"Minimal dock","d":"This component renders a modern, animated dock with icon tooltips and a reflection effect, inspired by macOS.","s":"21st","c":"navigation/dock","a":"jatin-yadav05","st":"rated","u":91,"pl":"https://cdn.21st.dev/jatin-yadav05/minimal-dock/default/preview.1750949716211.png","pc":"jatin-yadav05","tg":["dock","navigation-menu","tooltip"],"sc":16},{"id":"21st:jatin-yadav05__minimal-testimonial","t":"Minimal testimonial","d":"A clean, minimal testimonial with just the essentials - a beautifully typeset quote with smooth fade/blur transitions.","k":"section","s":"21st","c":"marketing/testimonials","a":"jatin-yadav05","u":102,"pl":"https://cdn.21st.dev/jatin-yadav05/minimal-testimonial/default/preview.1765307707624.png","pc":"jatin-yadav05","tg":["testimonials"]},{"id":"21st:jatin-yadav05__morph-loading","t":"Morph loading","d":"A modern animated loading component with gradient orbs that rotate in a smooth morphing pattern.","s":"21st","c":"status/loader","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/morph-loading/default/preview.1753633018239.png","pc":"jatin-yadav05","tg":["spinner"],"sb":"Liquid and 3D"},{"id":"21st:jatin-yadav05__morphing-cursor","t":"Morphing cursor","d":"An exceptional cursor-follow component with smooth morphing, color inversion, and magnetic effects.","k":"motion","s":"21st","c":"motion/cursor","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/morphing-cursor/default/preview.1765368431094.png","pc":"jatin-yadav05","tg":["cursor"]},{"id":"21st:jatin-yadav05__morphing-spinner","t":"Morphing spinner","d":"A minimal and unique loading spinner that smoothly transitions between geometric shapes.","s":"21st","c":"status/loader","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/morphing-spinner/default/preview.1759159924719.png","pc":"jatin-yadav05","tg":["spinner"],"sb":"Spinners"},{"id":"21st:jatin-yadav05__multistep-form","t":"Multistep form","d":"An exceptional multi-step form component that designers will love!","s":"21st","c":"navigation/wizard-steps","a":"jatin-yadav05","st":"rated","u":83,"pl":"https://cdn.21st.dev/jatin-yadav05/multistep-form/default/preview.1765555104328.png","pc":"jatin-yadav05","tg":["progress","steps"],"sc":23},{"id":"21st:jatin-yadav05__notch-nav","t":"Notch nav","d":"A center-aligned, fit‑content navigation bar with a softly rounded, smoothly animated notch indicator and full keyboard accessibility that stands out without visual noise.","s":"21st","c":"navigation/top-nav","a":"jatin-yadav05","u":22,"pl":"https://cdn.21st.dev/jatin-yadav05/notch-nav/default/preview.1759158845068.png","pc":"jatin-yadav05","tg":["navigation-menu"],"sb":"Mega menus"},{"id":"21st:jatin-yadav05__old-television-shader","t":"Old television shader","d":"An interactive shader with black and white gradient waves, mouse-responsive animations, and canvas noise texture overlay for modern visual effects.","k":"motion","s":"21st","c":"motion/text-effect","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/old-television-shader/default/preview.1757953843867.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__orbital-clock","t":"Orbital clock","d":"This component shows the time in form of clock and on hover shows day and date.","s":"21st","c":"data-display/calendar","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/orbital-clock/default/preview.1765190555832.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__pixel-trail","t":"Pixel trail","d":"A beautiful smooth cursor pixel trail effect.","k":"motion","s":"21st","c":"motion/cursor","a":"jatin-yadav05","u":41,"pl":"https://cdn.21st.dev/jatin-yadav05/pixel-trail/default/preview.1765709044398.png","pc":"jatin-yadav05","tg":["cursor"]},{"id":"21st:jatin-yadav05__potfolio-text","t":"Potfolio text","d":"Elegant animated text component with the rotating diamond visual replacing the \"o\" character.","k":"motion","s":"21st","c":"motion/text-effect","a":"jatin-yadav05","u":48,"pl":"https://cdn.21st.dev/jatin-yadav05/potfolio-text/default/preview.1765558650871.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__premium-verification-widget","t":"Premium verification widget","d":"A sleek, animated verification component featuring a rotating gradient ring, smooth state transitions, and polished micro-interactions.","s":"21st","c":"data-display/card","a":"jatin-yadav05","u":4,"pl":"https://cdn.21st.dev/jatin-yadav05/premium-verification-widget/default/preview.1753350106605.png","pc":"jatin-yadav05","tg":["onboarding"]},{"id":"21st:jatin-yadav05__pricing-component","t":"Pricing component","d":"A modern three-tier pricing table with monthly/annual toggle, dark/light mode support, and glass morphism design effects.","k":"section","s":"21st","c":"marketing/pricing","a":"jatin-yadav05","u":102,"pl":"https://cdn.21st.dev/jatin-yadav05/pricing-component/default/preview.1753625549000.png","pc":"jatin-yadav05","tg":["pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:jatin-yadav05__progress-bar","t":"Progress bar","d":"A beautiful segmented progress bar with rounded rectangular segments - filled segments in a terracotta/coral color and unfilled ones in dark gray.","s":"21st","c":"data-viz/progress-bar","a":"jatin-yadav05","u":47,"pl":"https://cdn.21st.dev/jatin-yadav05/progress-bar/default/preview.1765554123731.png","pc":"jatin-yadav05","tg":["progress","slider"]},{"id":"21st:jatin-yadav05__project-showcase","t":"Project showcase","d":"A minimal, list-based portfolio section with a cursor-following image preview. On hover, a smooth floating image appears and tracks your mouse using lerp-based animation.","k":"motion","s":"21st","c":"motion/cursor","a":"jatin-yadav05","u":295,"pl":"https://cdn.21st.dev/jatin-yadav05/project-showcase/default/preview.1765262638096.png","pc":"jatin-yadav05","tg":["cursor","image","list"]},{"id":"21st:jatin-yadav05__radial-orbital-timeline","t":"Radial orbital timeline","d":"A dynamic orbital visualization component that displays nodes in a circular pattern around a central point. Each node represents a data point with title, status, and energy level.","s":"21st","c":"data-display/timeline","a":"jatin-yadav05","pl":"https://cdn.21st.dev/user_2ra80vx0iKMyQWJ5AESmNfFbCHD/radial-orbital-timeline/default/preview.1745917317806.png","pc":"jatin-yadav05","tg":["data-visualization","timeline"]},{"id":"21st:jatin-yadav05__reaction-chip","t":"Reaction chip","d":"A tiny hover-revealed reaction chip for messages that lets users toggle a single emoji reaction with smooth animations.","s":"21st","c":"data-display/badge","a":"jatin-yadav05","u":19,"pl":"https://cdn.21st.dev/jatin-yadav05/reaction-chip/default/preview.1756724150962.png","pc":"jatin-yadav05","tg":["chip"],"sb":"Tags and pills"},{"id":"21st:jatin-yadav05__reveal-text","t":"Reveal text","d":"This component displays animated, theme-adaptive text with a ripple reveal effect on hover.","k":"motion","s":"21st","c":"motion/text-effect","a":"jatin-yadav05","u":28,"pl":"https://cdn.21st.dev/jatin-yadav05/reveal-text/default/preview.1750830596573.png","pc":"jatin-yadav05","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:jatin-yadav05__scale-letter","t":"Scale letter","d":"Component displays interactive text where individual letters animate with 3D effects, scaling","k":"motion","s":"21st","c":"motion/text-effect","a":"jatin-yadav05","u":14,"pl":"https://cdn.21st.dev/jatin-yadav05/scale-letter/default/preview.1751219152011.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__shimmer-bg-text","t":"Shimmer bg text","d":" A large \"Hover Me\" text with a shimmering gradient effect on hover","k":"motion","s":"21st","c":"motion/text-effect","a":"jatin-yadav05","u":11,"pl":"https://cdn.21st.dev/jatin-yadav05/shimmer-bg-text/default/preview.1751216955667.png","pc":"jatin-yadav05","tg":["text"],"sb":"Gradient and shimmer"},{"id":"21st:jatin-yadav05__showcase-card-1","t":"Showcase card 1","d":"An elegant Bali Island showcase card with smooth animations, interactive elements, and a gradient text header that presents travel information in a visually appealing dark-themed i","s":"21st","c":"data-display/card","a":"jatin-yadav05","u":57,"pl":"https://cdn.21st.dev/jatin-yadav05/showcase-card/default/preview.1747143097700.png","pc":"jatin-yadav05","tg":["image"]},{"id":"21st:jatin-yadav05__sign-in-card-2","t":"Sign in card 2","d":"A sophisticated sign-in form with subtle animated light beams traveling along the borders, creating an elegant, high-tech aesthetic with minimalist design elements.","s":"21st","c":"flows/sign-in","a":"jatin-yadav05","u":636,"pl":"https://cdn.21st.dev/jatin-yadav05/sign-in-card/default/preview.1747033488284.png","pc":"jatin-yadav05","tg":["border","sign-in"],"sb":"Sign up"},{"id":"21st:jatin-yadav05__skills-showcase","t":"Skills showcase","d":"This component can be used in portfolio to showcase the skills.","s":"21st","c":"media/gallery","a":"jatin-yadav05","u":43,"pl":"https://cdn.21st.dev/jatin-yadav05/skills-showcase/default/preview.1765261140643.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__sleek-navbar","t":"Sleek navbar","d":"A sleek animated navigation menu bar with hover effects and dynamic gradient highlights using Framer Motion.","s":"21st","c":"navigation/top-nav","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/sleek-navbar/default/preview.1752163860881.png","pc":"jatin-yadav05","sb":"Mega menus"},{"id":"21st:jatin-yadav05__smoke-card","t":"Smoke card","d":"Brings interactive smoke effects to life. As your mouse moves, ethereal particles dance and swirl, adding a touch of magic to any web interface.","s":"21st","c":"data-display/card","a":"jatin-yadav05","u":27,"pl":"https://cdn.21st.dev/user_2ra80vx0iKMyQWJ5AESmNfFbCHD/smoke-card/default/preview.1738001761942.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__social-icons","t":"Social icons","d":"This is a social icons navigation like icons hover with a tooltip.","k":"resource","s":"21st","c":"assets/icon","a":"jatin-yadav05","u":97,"pl":"https://cdn.21st.dev/jatin-yadav05/social-icons/default/preview.1765198473491.png","pc":"jatin-yadav05","tg":["dock","link","tooltip"]},{"id":"21st:jatin-yadav05__split-testimonial","t":"Split testimonial","d":"This is a testimonial component which changes text and image with next testimonial.","k":"section","s":"21st","c":"marketing/testimonials","a":"jatin-yadav05","u":58,"pl":"https://cdn.21st.dev/jatin-yadav05/split-testimonial/default/preview.1765305663855.png","pc":"jatin-yadav05","tg":["avatar","testimonials"]},{"id":"21st:jatin-yadav05__subtle-button","t":"Subtle button","d":"An animated, glowing \"Get Started\" button with interactive hover and press effects","s":"21st","c":"actions/button","a":"jatin-yadav05","u":56,"pl":"https://cdn.21st.dev/jatin-yadav05/subtle-button/default/preview.1751214526442.png","pc":"jatin-yadav05","tg":["cta"]},{"id":"21st:jatin-yadav05__text-hover-effect","t":"Text hover effect","d":"This text effect is very clean and polished and expands on hover in very smooth manner.","k":"motion","s":"21st","c":"motion/text-effect","a":"jatin-yadav05","pl":"https://cdn.21st.dev/jatin-yadav05/text-hover-effect/default/preview.1762530993847.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__text-scramble","t":"Text scramble","d":"A component of text which changes its nature and randomises and finally settles down and shows a scramble effect.","k":"motion","s":"21st","c":"motion/text-effect","a":"jatin-yadav05","u":155,"pl":"https://cdn.21st.dev/jatin-yadav05/text-scramble/default/preview.1765189215769.png","pc":"jatin-yadav05","sb":"Scramble and glitch"},{"id":"21st:jatin-yadav05__unique-testimonial","t":"Unique testimonial","d":"A minimal testimonial component featuring a centered quote with smooth fade/blur transitions when switching between testimonials.","k":"section","s":"21st","c":"marketing/testimonials","a":"jatin-yadav05","u":146,"pl":"https://cdn.21st.dev/jatin-yadav05/unique-testimonial/default/preview.1765215540565.png","pc":"jatin-yadav05","tg":["testimonials"]},{"id":"21st:jatin-yadav05__vapour-text-effect","t":"Vapour text effect","d":"A React component that creates text vaporization animations using Canvas, with customizable text cycling and particle effects.","k":"motion","s":"21st","c":"motion/text-effect","a":"jatin-yadav05","u":737,"pl":"https://cdn.21st.dev/jatin-yadav05/vapour-text-effect/default/preview.1747562393196.png","pc":"jatin-yadav05"},{"id":"21st:jatin-yadav05__vertical-image-stack","t":"Vertical image stack","d":"A polished vertical stack images interaction with smooth drag and scroll animation.","s":"21st","c":"media/gallery","a":"jatin-yadav05","u":117,"pl":"https://cdn.21st.dev/jatin-yadav05/vertical-image-stack/default/preview.1765442658266.png","pc":"jatin-yadav05","tg":["gallery","image"]},{"id":"21st:javierdev0__client-reviews","t":"Client reviews","d":"Client Reviews","k":"section","s":"21st","c":"marketing/testimonials","a":"javierdev0","pl":"https://cdn.21st.dev/user_2rOaJzeYmWcsYVMWFS0A1Jq23sQ/client-reviews/default/preview.png","pc":"javierdev0"},{"id":"21st:javierdev0__order-state","t":"Order state","d":"E-commerce order state","s":"21st","c":"assets/icon","a":"javierdev0","pl":"https://cdn.21st.dev/user_2rOaJzeYmWcsYVMWFS0A1Jq23sQ/order-state/default/preview.png","pc":"javierdev0","tg":["icon"]},{"id":"21st:javierdev0__order-summary","t":"Order summary","d":"Order Summary","s":"21st","c":"other","a":"javierdev0","pl":"https://cdn.21st.dev/user_2rOaJzeYmWcsYVMWFS0A1Jq23sQ/order-summary/default/preview.png","pc":"javierdev0"},{"id":"21st:javierdev0__order-tracking","t":"Order tracking","d":"Order tracking","s":"21st","c":"data-display/timeline","a":"javierdev0","pl":"https://cdn.21st.dev/user_2rOaJzeYmWcsYVMWFS0A1Jq23sQ/order-tracking/default/preview.png","pc":"javierdev0","tg":["steps","timeline"]},{"id":"21st:jayashish45__nextraisepaywall","t":"Nextraisepaywall","d":"Value-led ATS upgrade paywall (light theme). variant=full|value-only (intent-gen arm routes to a pricing page); configurable score, plans, issues, features and testimonial. Single ","k":"section","s":"21st","c":"marketing/testimonials","a":"jayashish45","pl":"https://21st.dev/@jayashish45/components/nextraisepaywall","pc":"jayashish45"},{"id":"21st:jaydeep.pawar10__modal-close-interaction","t":"Modal close interaction","d":"Modal interaction: Instead of showing an close Icon in the modal, when user hover outside of it it appears ","s":"21st","c":"overlays/dialog","a":"jaydeep.pawar10","pl":"https://cdn.21st.dev/jaydeep.pawar10/modal-close-interaction/default/preview.1766474428200.png","pc":"jaydeep.pawar10"},{"id":"21st:jayur830__shadcn-button","t":"Shadcn button","d":"default shadcn button","s":"21st","c":"actions/button","a":"jayur830","pl":"https://cdn.21st.dev/user_2vExdOlmWGt26PI5nKPBVSpxIqF/shadcn-button/shadcn-button/preview.png","pc":"jayur830"},{"id":"21st:jean.duthil13__hero-scrub","t":"Hero scrub","d":"Cinematic scroll-scrubbed hero with an image sequence rendered on canvas. The central card scales from a thumbnail to cover the viewport while scrubbing through your video frames, ","k":"section","s":"21st","c":"marketing/hero","a":"jean.duthil13","u":36,"pl":"https://cdn.21st.dev/jean.duthil13/hero-scrub/default/preview.1776866028764.png","pc":"jean.duthil13","tg":["hero","scroll-area","video"],"sb":"With video"},{"id":"21st:jean.duthil13__mac-book-neo-hero","t":"Mac book neo hero","k":"section","s":"21st","c":"marketing/hero","a":"jean.duthil13","pl":"https://cdn.21st.dev/jean.duthil13/mac-book-neo-hero/default/preview.1777246243067.png","pc":"jean.duthil13"},{"id":"21st:jefatura.frontend__button-1","t":"Button 1","d":"Button component","s":"21st","c":"actions/button","a":"jefatura.frontend","pl":"https://cdn.21st.dev/jefatura.frontend/button-1/default/preview.1756222158992.png","pc":"jefatura.frontend"},{"id":"21st:jefatura.frontend__rb-button","t":"Rb button","d":"Button component","s":"21st","c":"actions/button","a":"jefatura.frontend","pl":"https://cdn.21st.dev/jefatura.frontend/rb-button/default/preview.1754953172011.png","pc":"jefatura.frontend"},{"id":"21st:jefatura.frontend__sbbutton","t":"Sbbutton","d":"Button component","s":"21st","c":"actions/button","a":"jefatura.frontend","pl":"https://cdn.21st.dev/jefatura.frontend/sbbutton/default/preview.1755631482601.png","pc":"jefatura.frontend"},{"id":"21st:jevin-f__blog-layout","t":"Blog layout","k":"section","s":"21st","c":"marketing/marketing","a":"jevin-f","pl":"https://cdn.21st.dev/jevin-f/blog-layout/default/preview.1753258583888.png","pc":"jevin-f","sb":"Blog and posts"},{"id":"21st:jevin-f__counter","t":"Counter","d":"just for test","k":"motion","s":"21st","c":"motion/number-ticker","a":"jevin-f","pl":"https://cdn.21st.dev/jevin-f/counter/default/preview.1753174585977.png","pc":"jevin-f"},{"id":"21st:jh3yy_deleted__impossible-checkbox","t":"Impossible checkbox","d":"Here is Impossible Checkbox component","s":"21st","c":"inputs/checkbox","a":"jh3yy_deleted","pl":"https://cdn.21st.dev/larsen66/impossible-checkbox/default/preview.1755278417730.png","pc":"jh3yy_deleted","tg":["checkbox","toggle"]},{"id":"21st:jh3yy_deleted__you-can-scroll","t":"You can scroll","d":"you can scroll. component","k":"layout","s":"21st","c":"layout/scroll-area","a":"jh3yy_deleted","pl":"https://cdn.21st.dev/larsen66/you-can-scroll/default/preview.1755279474784.png","pc":"jh3yy_deleted","tg":["grid","scroll-area","text"]},{"id":"21st:jhoan.rhz__a-shader","t":"A shader","d":"Animated WebGL shader background in the Aurora style. Generated by the 21st.dev Shader Builder. 4-color palette (#0A0A12, #5B2A86, #D64FA8, #FFC2E2). Features: cursor-reactive (rip","k":"motion","s":"21st","c":"motion/shader","a":"jhoan.rhz","pl":"https://cdn.21st.dev/jhoan.rhz/a-shader/default/preview.1785723326252-89e64ca8-5fbb-40f2-a1d8-a4ba13c346c6.webp","pc":"jhoan.rhz","sb":"Aurora"},{"id":"21st:ji.okorafor__koinonia","t":"Koinonia","d":"Animated WebGL shader background in the Flow field style, generated by the 21st.dev Shader Builder. 3-color palette (#ED2521, #ED2521, #FEEBDC). Features: cursor-reactive (spotligh","k":"motion","s":"21st","c":"motion/shader","a":"ji.okorafor","pl":"https://cdn.21st.dev/ji.okorafor/koinonia/default/preview.1784236602488-910721c5-1639-441c-83b7-b7588a4a6a5d.png","pc":"ji.okorafor","sb":"Flow field"},{"id":"21st:jnglepipo__bzd-hello","t":"Bzd hello","d":"Tiny test badge to verify publishing works.","k":"motion","s":"21st","c":"motion/text-effect","a":"jnglepipo","pl":"https://21st.dev/@jnglepipo/components/bzd-hello","pc":"jnglepipo","sb":"Handwriting and SVG"},{"id":"21st:jnglepipo__service-lead-form","t":"Service lead form","d":"Micro lead-capture form: name, phone/email, call-text-email pills. Light/dark tones, hero/section variants, GA4 wired.","k":"section","s":"21st","c":"marketing/features","a":"jnglepipo","pl":"https://21st.dev/@jnglepipo/components/service-lead-form","pc":"jnglepipo"},{"id":"21st:jobsrip__trippin-spiral","t":"Trippin spiral","d":"Animated (shimmer) ASCII art in the Hex Dump style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, card","k":"motion","s":"21st","c":"motion/ascii","a":"jobsrip","pl":"https://cdn.21st.dev/jobsrip/trippin-spiral/default/preview.1786926008548-e1bd0a10-638e-4a85-b4b1-f099f6795dea.webp","pc":"jobsrip","sb":"Hex Dump"},{"id":"21st:jod49034__accordion-slider","t":"Accordion slider","d":"A responsive accordion-style image slider for showcasing items with smooth transitions, detailed content, and interactive controls.","s":"21st","c":"inputs/slider","a":"jod49034","pl":"https://cdn.21st.dev/jod49034/accordion-slider/default/preview.1758864051354.png","pc":"jod49034"},{"id":"21st:jod49034__button-primary","t":"Button primary","d":"A styled, accessible primary button with variants for size and loading state; supports icon, fullWidth, and onClick handlers.","s":"21st","c":"actions/button","a":"jod49034","pl":"https://cdn.21st.dev/jod49034/button-primary/default/preview.1759154087322.png","pc":"jod49034"},{"id":"21st:jod49034__glass-nav-bar","t":"Glass nav bar","d":"A compact, rounded glassmorphism navigation bar with icons and labels; lightweight CSS-only UI component designed for headers, toolbars, or inline controls. Includes accessible foc","s":"21st","c":"navigation/top-nav","a":"jod49034","pl":"https://cdn.21st.dev/jod49034/glass-nav-bar/default/preview.1758862560160.png","pc":"jod49034","sb":"Glass"},{"id":"21st:jod49034__slideshow","t":"Slideshow","d":"A full-screen image slideshow component with text overlay, navigation controls, and smooth transitions.","s":"21st","c":"media/carousel","a":"jod49034","u":202,"pl":"https://cdn.21st.dev/jod49034/slideshow/default/preview.1758867322467.png","pc":"jod49034","tg":["carousel","gallery"]},{"id":"21st:jod49034__tubes-curor","t":"Tubes curor","d":"A fullscreen WebGL cursor animation built with Three.js that renders animated colorful tube trails and reactive lights; click to randomize tube and light colors. Ideal as an intera","k":"motion","s":"21st","c":"motion/cursor","a":"jod49034","u":93,"pl":"https://cdn.21st.dev/jod49034/tubes-curor/default/preview.1758861425592.png","pc":"jod49034","tg":["cursor"]},{"id":"21st:johuniq__ai-prompt-box","t":"Ai prompt box","d":"An animated AI prompt input with expanding textarea, keyboard shortcuts, model selector, and file attachments.","s":"21st","c":"ai-agent/composer","a":"johuniq","u":35,"pl":"https://cdn.21st.dev/johuniq/ai-prompt-box/default/preview.1773916120385.png","pc":"johuniq","tg":["input","textarea","upload-download"]},{"id":"21st:johuniq__animated-theme-toggle","t":"Animated theme toggle","d":"Smooth dark/light mode toggle with sun-to-moon SVG morph animation. Built with Framer Motion and next-themes integration.","s":"21st","c":"actions/switch","a":"johuniq","u":21,"pl":"https://cdn.21st.dev/larsen66/animated-theme-toggle/demos/default/preview.1773268599810.png","pc":"johuniq","tg":["toggle"],"sb":"Theme toggles"},{"id":"21st:johuniq__date-wheel-picker","t":"Date wheel picker","d":"iOS-style date picker with 3D scrollable wheels for day, month, and year. Supports drag, mouse wheel, and keyboard navigation.","s":"21st","c":"inputs/select","a":"johuniq","u":35,"pl":"https://cdn.21st.dev/larsen66/date-wheel-picker/demos/default/preview.1773268429528.png","pc":"johuniq","tg":["date-picker"]},{"id":"21st:johuniq__joly-button","t":"Joly button","d":"A fully accessible button with 10+ variants including shimmer, glow, and gradient effects. Motion-powered cursor tracking and spring animations.","s":"21st","c":"actions/button","a":"johuniq","pl":"https://cdn.21st.dev/larsen66/joly-button/demos/default/preview.1773244565425.png","pc":"johuniq"},{"id":"21st:johuniq__liquid-metal-button","t":"Liquid metal button","d":"A button with liquid metal animation, metallic glowing borders, and fluid hover effects.","s":"21st","c":"actions/button","a":"johuniq","u":257,"pl":"https://cdn.21st.dev/larsen66/liquid-metal-button/demos/default/preview.1773244704587.png","pc":"johuniq","tg":["border","button"],"sb":"Animated"},{"id":"21st:joinceleste__bloom-field-gradient","t":"Bloom field gradient","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#E2E2E2, #1B9FFE, #1B9FFE, #4AC9FF). Features: film grain. A drop-i","k":"motion","s":"21st","c":"motion/gradient","a":"joinceleste","pl":"https://cdn.21st.dev/joinceleste/bloom-field-gradient/default/preview.1786488946069-773ed863-d8db-4269-9f85-8722642d1230.webp","pc":"joinceleste","sb":"Bloom Field"},{"id":"21st:joker4214__fluted-glass-waves-shader","t":"Fluted glass waves shader","d":"Animated WebGL shader background in the Fluted Glass style. Waves variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#","k":"motion","s":"21st","c":"motion/shader","a":"joker4214","pl":"https://cdn.21st.dev/joker4214/fluted-glass-waves-shader/default/preview.1786065356425-04d8cd24-0c7a-45c6-87f3-797d919fa300.webp","pc":"joker4214","sb":"Fluted Glass"},{"id":"21st:jolbol1__breadcrumbs","t":"Breadcrumbs","s":"21st","c":"navigation/breadcrumb","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/breadcrumbs.png","pc":"jolbol1"},{"id":"21st:jolbol1__button","t":"Button","d":"A button allows a user to perform an action, with mouse, touch, and keyboard interactions.\n\nOn the surface, building a custom styled button seems simple. However, there are many cr","s":"21st","c":"actions/button","a":"jolbol1","u":279,"pl":"https://cdn.21st.dev/user_jolbol1/button.png","pc":"jolbol1"},{"id":"21st:jolbol1__button-1","t":"Button 1","d":"Here is Button component ","s":"21st","c":"actions/button","a":"jolbol1","u":18,"pl":"https://cdn.21st.dev/larsen66/button-1/default/preview.1754504789482.png","pc":"jolbol1","tg":["button"],"sb":"Icon buttons"},{"id":"21st:jolbol1__calendar","t":"Calendar","s":"21st","c":"data-display/calendar","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/calendar.png","pc":"jolbol1","tg":["calendar","date-picker"]},{"id":"21st:jolbol1__checkbox","t":"Checkbox","s":"21st","c":"inputs/checkbox","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/checkbox.png","pc":"jolbol1","tg":["checkbox"]},{"id":"21st:jolbol1__checkbox-1","t":"Checkbox 1","d":"Here is Checkbox component","s":"21st","c":"inputs/checkbox","a":"jolbol1","pl":"https://cdn.21st.dev/larsen66/checkbox-1/default/preview.1754514747613.png","pc":"jolbol1","tg":["checkbox","form"]},{"id":"21st:jolbol1__color","t":"Color","s":"21st","c":"inputs/color-picker","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/color.png","pc":"jolbol1"},{"id":"21st:jolbol1__combobox","t":"Combobox","s":"21st","c":"inputs/combobox","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/combobox.png","pc":"jolbol1"},{"id":"21st:jolbol1__date-picker","t":"Date picker","d":"A DatePicker combines a DateField and a Calendar popover to allow users to enter or select a date value.\n\nA date picker can be built using <input type=\"date\">, but this is very lim","s":"21st","c":"inputs/date-picker","a":"jolbol1","u":87,"pl":"https://cdn.21st.dev/user_jolbol1/date-picker.png","pc":"jolbol1","tg":["calendar","date-picker","popover"]},{"id":"21st:jolbol1__date-range-picker","t":"Date range picker","s":"21st","c":"inputs/date-range","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/date-range-picker.png","pc":"jolbol1","tg":["calendar","date-picker"]},{"id":"21st:jolbol1__datefield","t":"Datefield","d":"A date field allows users to enter and edit date and time values using a keyboard. Each part of a date value is displayed in an individually editable segment.","s":"21st","c":"inputs/date-picker","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/datefield.png","pc":"jolbol1"},{"id":"21st:jolbol1__dialog","t":"Dialog","s":"21st","c":"overlays/dialog","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/dialog.png","pc":"jolbol1"},{"id":"21st:jolbol1__dialog-2","t":"Dialog 2","d":"Here is Dialog component","s":"21st","c":"overlays/dialog","a":"jolbol1","pl":"https://cdn.21st.dev/larsen66/dialog-2/default/preview.1754525515659.png","pc":"jolbol1","tg":["alert","modal","popover","sign-up"],"sb":"Confirm"},{"id":"21st:jolbol1__dropzone","t":"Dropzone","s":"21st","c":"inputs/file-upload","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/dropzone.png","pc":"jolbol1"},{"id":"21st:jolbol1__field","t":"Field","d":"A form is a group of inputs that allows users to submit data to a server, with support for providing field validation errors.\n\nThe HTML <form> element can be used to build forms. R","s":"21st","c":"inputs/form-field","a":"jolbol1","u":416,"pl":"https://cdn.21st.dev/user_jolbol1/field.png","pc":"jolbol1","tg":["form"],"sb":"Whole forms"},{"id":"21st:jolbol1__file-trigger","t":"File trigger","s":"21st","c":"inputs/file-upload","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/file-trigger.png","pc":"jolbol1","tg":["upload-download"]},{"id":"21st:jolbol1__file-trigger-2","t":"File trigger 2","d":"Here is File Trigger component","s":"21st","c":"inputs/file-upload","a":"jolbol1","pl":"https://cdn.21st.dev/larsen66/file-trigger/default/preview.1754513363392.png","pc":"jolbol1","tg":["upload-download"]},{"id":"21st:jolbol1__grid-list","t":"Grid list","d":"A grid list displays a list of interactive items, with support for keyboard navigation, single or multiple selection, and row actions.\n\nA list can be built using <ul> or <ol> HTML ","s":"21st","c":"data-display/list","a":"jolbol1","u":59,"pl":"https://cdn.21st.dev/user_jolbol1/grid-list.png","pc":"jolbol1","tg":["checkbox","list"]},{"id":"21st:jolbol1__link","t":"Link","s":"21st","c":"actions/link","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/link.png","pc":"jolbol1"},{"id":"21st:jolbol1__list-box","t":"List box","s":"21st","c":"data-display/list","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/list-box.png","pc":"jolbol1"},{"id":"21st:jolbol1__list-box-2","t":"List box 2","d":"Here is ListBox component","s":"21st","c":"data-display/list","a":"jolbol1","u":10,"pl":"https://cdn.21st.dev/larsen66/list-box/default/preview.1754506371445.png","pc":"jolbol1","tg":["empty-state","list","link","scroll-area"]},{"id":"21st:jolbol1__menu","t":"Menu","s":"21st","c":"navigation/menu","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/menu.png","pc":"jolbol1"},{"id":"21st:jolbol1__menu-1","t":"Menu 1","d":"Here is Menu component","s":"21st","c":"navigation/menu","a":"jolbol1","pl":"https://cdn.21st.dev/larsen66/menu-1/default/preview.1754518045127.png","pc":"jolbol1","tg":["menu"]},{"id":"21st:jolbol1__meter","t":"Meter","s":"21st","c":"data-viz/gauge","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/meter.png","pc":"jolbol1"},{"id":"21st:jolbol1__numberfield","t":"Numberfield","s":"21st","c":"inputs/number-input","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/numberfield.png","pc":"jolbol1"},{"id":"21st:jolbol1__popover","t":"Popover","d":"A popover is an overlay element positioned relative to a trigger.\n\nThere is no built in way to create popovers in HTML. Popover helps achieve accessible popovers that can be styled","s":"21st","c":"overlays/popover","a":"jolbol1","u":295,"pl":"https://cdn.21st.dev/user_jolbol1/popover.png","pc":"jolbol1","tg":["popover"]},{"id":"21st:jolbol1__popover-1","t":"Popover 1","d":"A popover is an overlay element positioned relative to a trigger.","s":"21st","c":"overlays/popover","a":"jolbol1","u":15,"pl":"https://cdn.21st.dev/larsen66/popover-1/default/preview.1754515798185.png","pc":"jolbol1","tg":["button","popover","toggle","tooltip"]},{"id":"21st:jolbol1__progress","t":"Progress","s":"21st","c":"data-viz/progress-bar","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/progress.png","pc":"jolbol1","tg":["progress"]},{"id":"21st:jolbol1__radio-group","t":"Radio group","s":"21st","c":"inputs/radio","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/radio-group.png","pc":"jolbol1"},{"id":"21st:jolbol1__range-calendar","t":"Range calendar","s":"21st","c":"data-display/calendar","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/range-calendar.png","pc":"jolbol1","tg":["calendar","date-picker"]},{"id":"21st:jolbol1__searchfield","t":"Searchfield","d":"A search field allows a user to enter and clear a search query.\n\nSearch fields can be built with <input type=\"search\">, but these can be hard to style consistently cross browser. S","s":"21st","c":"inputs/search","a":"jolbol1","u":139,"pl":"https://cdn.21st.dev/user_jolbol1/searchfield.png","pc":"jolbol1","tg":["search"]},{"id":"21st:jolbol1__select","t":"Select","s":"21st","c":"inputs/select","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/select.png","pc":"jolbol1","tg":["dropdown","select"]},{"id":"21st:jolbol1__select-1","t":"Select 1","d":"Here is Select component","s":"21st","c":"inputs/select","a":"jolbol1","u":27,"pl":"https://cdn.21st.dev/larsen66/select-1/default/preview.1754516832065.png","pc":"jolbol1","tg":["dropdown","form","select"]},{"id":"21st:jolbol1__slider","t":"Slider","d":"A slider allows a user to select one or more values within a range.\n\nThe <input type=\"range\"> HTML element can be used to build a slider, however it is very difficult to style cros","s":"21st","c":"inputs/slider","a":"jolbol1","u":26,"pl":"https://cdn.21st.dev/user_jolbol1/slider.png","pc":"jolbol1","tg":["slider"]},{"id":"21st:jolbol1__switch","t":"Switch","d":"A switch allows a user to turn a setting on or off.\n\nThere is no native HTML element with switch styling. <input type=\"checkbox\"> is the closest semantically, but isn't styled or e","s":"21st","c":"actions/switch","a":"jolbol1","u":175,"pl":"https://cdn.21st.dev/user_jolbol1/switch.png","pc":"jolbol1","tg":["toggle"]},{"id":"21st:jolbol1__switch-1","t":"Switch 1","d":"Here is Switch component","s":"21st","c":"actions/switch","a":"jolbol1","u":24,"pl":"https://cdn.21st.dev/larsen66/switch-1/default/preview.1754515503389.png","pc":"jolbol1","tg":["form","toggle"],"sb":"With labels"},{"id":"21st:jolbol1__table","t":"Table","d":"A table displays data in rows and columns and enables a user to navigate its contents via directional navigation keys, and optionally supports row selection and sorting.","s":"21st","c":"data-display/table","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/table.png","pc":"jolbol1","tg":["checkbox","table"]},{"id":"21st:jolbol1__table-2","t":"Table 2","d":"Here is Table component","s":"21st","c":"data-display/table","a":"jolbol1","pl":"https://cdn.21st.dev/larsen66/table/default/preview.1754518288565.png","pc":"jolbol1","tg":["checkbox","table"]},{"id":"21st:jolbol1__tabs","t":"Tabs","d":"Tabs organize content into multiple sections and allow users to navigate between them.","s":"21st","c":"navigation/tabs","a":"jolbol1","u":30,"pl":"https://cdn.21st.dev/user_jolbol1/tabs.png","pc":"jolbol1","tg":["tabs"]},{"id":"21st:jolbol1__tag-group","t":"Tag group","s":"21st","c":"data-display/badge","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/tag-group.png","pc":"jolbol1","tg":["chip"],"sb":"Tags and pills"},{"id":"21st:jolbol1__tag-group-2","t":"Tag group 2","d":"Here is Tag Group component","s":"21st","c":"data-display/badge","a":"jolbol1","pl":"https://cdn.21st.dev/larsen66/tag-group/default/preview.1754522880950.png","pc":"jolbol1","tg":["chip","empty-state"],"sb":"Tags and pills"},{"id":"21st:jolbol1__text-field-basic","t":"Text field basic","d":"Here is Text Field component","s":"21st","c":"inputs/form-field","a":"jolbol1","pl":"https://cdn.21st.dev/larsen66/text-field-basic/default/preview.1754511908349.png","pc":"jolbol1","tg":["form","input","textarea"],"sb":"Whole forms"},{"id":"21st:jolbol1__textfield","t":"Textfield","k":"motion","s":"21st","c":"motion/text-effect","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/textfield.png","pc":"jolbol1"},{"id":"21st:jolbol1__timefield","t":"Timefield","s":"21st","c":"inputs/time-picker","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/timefield.png","pc":"jolbol1"},{"id":"21st:jolbol1__toggle","t":"Toggle","s":"21st","c":"actions/switch","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/toggle.png","pc":"jolbol1"},{"id":"21st:jolbol1__toggle-button","t":"Toggle button","d":"Here is Toggle Button component","s":"21st","c":"actions/button","a":"jolbol1","pl":"https://cdn.21st.dev/larsen66/toggle-button/default/preview.1754513833592.png","pc":"jolbol1"},{"id":"21st:jolbol1__toggle-group","t":"Toggle group","d":"Here is Toggle Group component","s":"21st","c":"actions/switch","a":"jolbol1","pl":"https://cdn.21st.dev/larsen66/toggle-group/default/preview.1754514116087.png","pc":"jolbol1","tg":["toggle"]},{"id":"21st:jolbol1__toolbar","t":"Toolbar","s":"21st","c":"navigation/menu","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/toolbar.png","pc":"jolbol1","sb":"Menubars"},{"id":"21st:jolbol1__tooltip","t":"Tooltip","s":"21st","c":"overlays/tooltip","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/tooltip.png","pc":"jolbol1"},{"id":"21st:jolbol1__tree","t":"Tree","d":"A tree provides users with a way to navigate nested hierarchical information, with support for keyboard navigation and selection.","s":"21st","c":"data-display/tree","a":"jolbol1","pl":"https://cdn.21st.dev/user_jolbol1/tree.png","pc":"jolbol1"},{"id":"21st:jolbol1__tree-2","t":"Tree 2","d":"Here is Tree component","s":"21st","c":"data-display/tree","a":"jolbol1","pl":"https://cdn.21st.dev/larsen66/tree/default/preview.1754523723629.png","pc":"jolbol1","tg":["checkbox","file-tree"]},{"id":"21st:jonas-kgomo__merit","t":"Merit","d":"Merit works","s":"21st","c":"other","a":"jonas-kgomo","pl":"https://cdn.21st.dev/jonas-kgomo/merit/default/preview.1781639259960.png","pc":"jonas-kgomo"},{"id":"21st:jonas-kgomo__merit-core","t":"Merit core","d":"merit core","s":"21st","c":"other","a":"jonas-kgomo","pl":"https://cdn.21st.dev/jonas-kgomo/merit-core/default/preview.1781641012558.png","pc":"jonas-kgomo"},{"id":"21st:jonas-kgomo__player","t":"Player","d":"Video player aesthetic","s":"21st","c":"media/player","a":"jonas-kgomo","pl":"https://cdn.21st.dev/jonas-kgomo/player/default/preview.1769367964233.png","pc":"jonas-kgomo"},{"id":"21st:jonguha__horizon-glow-gradient","t":"Horizon glow gradient","d":"Pure CSS gradient background in the Horizon Glow style, made with the 21st.dev Gradient Builder. 3-color palette (#F52929, #FB6A60, #FDA096). Features: film grain. A drop-in, zero-","k":"motion","s":"21st","c":"motion/gradient","a":"jonguha","pl":"https://cdn.21st.dev/jonguha/horizon-glow-gradient/default/preview.1785326139847-10a68c4e-0372-4890-9284-61f7a44cea46.webp","pc":"jonguha","sb":"Horizon Glow"},{"id":"21st:jorgevarelarz__laser-focus","t":"Laser focus","s":"21st","c":"other","a":"jorgevarelarz","pl":"https://cdn.21st.dev/jorgevarelarz/laser-focus/default/preview.1782554812217.png","pc":"jorgevarelarz"},{"id":"21st:joshosullivan-au__card-stack","t":"Card stack","d":"Animated fanned card stack carousel with Framer Motion, keyboard navigation, and optional links for showcase content.","s":"21st","c":"media/card-stack","a":"joshosullivan-au","pl":"https://21st.dev/@joshosullivan-au/components/card-stack","pc":"joshosullivan-au"},{"id":"21st:joshosullivan-au__cta-card-1","t":"Cta card 1","d":"Marketing CTA card with light, dark, and gradient variants, optional badge, icon, and subscribe-style button link.","k":"section","s":"21st","c":"marketing/cta","a":"joshosullivan-au","pl":"https://21st.dev/@joshosullivan-au/components/cta-card-1","pc":"joshosullivan-au","sb":"Cards"},{"id":"21st:joshosullivan-au__spotlight-card","t":"Spotlight card","d":"Card container with a mouse-following radial spotlight highlight for feature and pricing sections.","s":"21st","c":"data-display/card","a":"joshosullivan-au","pl":"https://21st.dev/@joshosullivan-au/components/spotlight-card","pc":"joshosullivan-au","sb":"Animated and glowing"},{"id":"21st:joyco__button","t":"Button","d":"A versatile button component with multiple variants and sizes, including muted, accent, and icon sizes, built on Radix Slot for use as any element via asChild.","s":"21st","c":"actions/button","a":"joyco","pl":"https://cdn.21st.dev/joyco/button/default/preview.1785542991104-71284c8c-2db9-45cc-8492-7020566fa060.png","pc":"joyco","tg":["button"]},{"id":"21st:joyco__file-dropzone","t":"File dropzone","d":"A drag-and-drop file upload area with image preview, file-type and size validation, single or multiple file support, and error handling.","s":"21st","c":"inputs/file-upload","a":"joyco","pl":"https://cdn.21st.dev/joyco/file-dropzone/default/preview.1783712252441.png","pc":"joyco","tg":["upload-download"]},{"id":"21st:joyco__hls-video-player","t":"Hls video player","d":"A headless HLS video player with native HLS detection, adaptive resolution control, and error handling.","s":"21st","c":"media/player","a":"joyco","pl":"https://cdn.21st.dev/joyco/hls-video-player/default/preview.1783728078394.png","pc":"joyco","tg":["video"]},{"id":"21st:joyco__image-sequence","t":"Image sequence","d":"A canvas-based image sequence player that renders frame-by-frame animations with binary progressive loading for smooth playback.","s":"21st","c":"media/gallery","a":"joyco","pl":"https://cdn.21st.dev/joyco/image-sequence/default/preview.1784264262914-c1a9fc69-02dc-472e-b95e-46ff46c46d75.png","pc":"joyco","tg":["gallery"]},{"id":"21st:joyco__infinite-list","t":"Infinite list","s":"21st","c":"data-display/list","a":"joyco","pl":"https://cdn.21st.dev/joyco/infinite-list/default/preview.1783712547465.png","pc":"joyco","tg":["hook","pagination","scroll-area"],"sb":"Long lists"},{"id":"21st:jqsafi__button","t":"Button","d":"Awesome header, footer and collection","s":"21st","c":"actions/button","a":"jqsafi","pl":"https://cdn.21st.dev/user_2tue4880vn55ttTzWqW69nYxIUX/button/button/preview.png","pc":"jqsafi"},{"id":"21st:jsaj2024__dynamic-background","t":"Dynamic background","d":"Dynamically adapts to the current theme (light or dark) using the next-themes library and draws organic, paint-like shapes that create a soft and visually engaging background.","k":"motion","s":"21st","c":"motion/background","a":"jsaj2024","u":26,"pl":"https://cdn.21st.dev/jsaj2024/dynamic-background/default/preview.1749532560847.png","pc":"jsaj2024"},{"id":"21st:jshguo__accordion","t":"Accordion","d":"A vertically stacked set of interactive headings that each reveal a section of content. Supports single/multiple selection, collapsible behavior, and disabled items.","s":"21st","c":"data-display/accordion","a":"jshguo","pl":"https://cdn.21st.dev/jshguo/accordion/default/preview.1774860533176.png","pc":"jshguo"},{"id":"21st:jshguo__avatar-variants-interfacesds","t":"Avatar variants interfacesds","d":"An image element with a fallback for representing the user. Built with Radix UI Avatar primitives.","s":"21st","c":"data-display/avatar","a":"jshguo","pl":"https://cdn.21st.dev/reapollo/avatar-variants-interfacesds/default/preview.1775116252541.png","pc":"jshguo","tg":["profile"]},{"id":"21st:jshguo__interfaces-accordion","t":"Interfaces accordion","d":"A vertically stacked set of interactive headings that reveal or hide associated content. Supports single, collapsible, multiple, and disabled variants.","s":"21st","c":"data-display/accordion","a":"jshguo","pl":"https://cdn.21st.dev/jshguo/interfaces-accordion/default/preview.1774860331745.png","pc":"jshguo"},{"id":"21st:jshguo__interfaces-badge","t":"Interfaces badge","d":"Rounded pill badge component from Interfaces DS with default, secondary, destructive, and outline variants.","s":"21st","c":"data-display/badge","a":"jshguo","u":7,"pl":"https://cdn.21st.dev/reapollo/interfaces-badge/default/preview.1775084429901.png","pc":"jshguo","tg":["badge"]},{"id":"21st:jshguo__interfaces-breadcrumb","t":"Interfaces breadcrumb","d":"Displays the path to the current resource using a hierarchy of links.","s":"21st","c":"navigation/breadcrumb","a":"jshguo","pl":"https://cdn.21st.dev/reapollo/interfaces-breadcrumb/default/preview.1775116893995.png","pc":"jshguo","tg":["link"]},{"id":"21st:jshguo__interfaces-button","t":"Interfaces button","d":"A versatile button component from Interfaces DS with six visual variants and six size combinations per variant.","s":"21st","c":"actions/button","a":"jshguo","u":14,"pl":"https://cdn.21st.dev/reapollo/interfaces-button/default/preview.1775117424832.png","pc":"jshguo","sb":"Icon buttons"},{"id":"21st:jshguo__interfaces-card","t":"Interfaces card","d":"Card component from Interfaces DS — a flexible card shell with header, action, content, and footer slots.","s":"21st","c":"data-display/card","a":"jshguo","pl":"https://cdn.21st.dev/reapollo/interfaces-card/default/preview.1775116866117.png","pc":"jshguo","tg":["pricing-section"],"sb":"Pricing"},{"id":"21st:jshguo__interfaces-carousel","t":"Interfaces carousel","d":"Carousel component with Embla, supporting horizontal, vertical, and loop modes.","s":"21st","c":"media/carousel","a":"jshguo","pl":"https://cdn.21st.dev/reapollo/interfaces-carousel/default/preview.1775067014290.png","pc":"jshguo","tg":["carousel"]},{"id":"21st:jshguo__interfaces-chart","t":"Interfaces chart","d":"Composable chart primitives built on Recharts with theme-aware colors, tooltips, and legends.","s":"21st","c":"data-viz/chart","a":"jshguo","pl":"https://cdn.21st.dev/reapollo/interfaces-chart/default/preview.1775068187620.png","pc":"jshguo"},{"id":"21st:jshguo__interfaces-checkbox","t":"Interfaces checkbox","d":"Checkbox component with checked, disabled, and combined states.","s":"21st","c":"inputs/checkbox","a":"jshguo","pl":"https://cdn.21st.dev/reapollo/interfaces-checkbox/default/preview.1775118393147.png","pc":"jshguo","tg":["checkbox"]},{"id":"21st:jshguo__interfaces-collapsible","t":"Interfaces collapsible","d":"Collapsible component from Interfaces DS — an expandable content panel with animated open and close states.","s":"21st","c":"data-display/accordion","a":"jshguo","pl":"https://cdn.21st.dev/reapollo/interfaces-collapsible/default/preview.1775117898499.png","pc":"jshguo"},{"id":"21st:jshguo__interfaces-hover-card","t":"Interfaces hover card","d":"For sighted users to preview content available behind a link.","s":"21st","c":"overlays/hover-card","a":"jshguo","u":23,"pl":"https://cdn.21st.dev/reapollo/interfaces-hover-card/default/preview.1775121425751.png","pc":"jshguo","tg":["profile"]},{"id":"21st:jshguo__interfaces-input-otp","t":"Interfaces input otp","d":"Accessible one-time password component with copy paste support.","s":"21st","c":"inputs/otp-input","a":"jshguo","pl":"https://cdn.21st.dev/reapollo/interfaces-input-otp/default/preview.1775122006600.png","pc":"jshguo","tg":["input"]},{"id":"21st:jshguo__interfaces-progress","t":"Interfaces progress","d":"Progress bar component built on Radix UI with smooth value transitions.","s":"21st","c":"data-viz/progress-bar","a":"jshguo","pl":"https://cdn.21st.dev/reapollo/interfaces-progress/default/preview.1775122842901.png","pc":"jshguo","tg":["progress","steps"]},{"id":"21st:jshguo__interfaces-select","t":"Interfaces select","d":"Select dropdown built on Radix UI with support for groups, labels, and separators.","s":"21st","c":"inputs/select","a":"jshguo","u":27,"pl":"https://cdn.21st.dev/reapollo/interfaces-select/default/preview.1775122746071.png","pc":"jshguo","tg":["dropdown","select"]},{"id":"21st:jshguo__interfaces-slider","t":"Interfaces slider","d":"Slider component built on Radix UI — supports single value and range selection.","s":"21st","c":"inputs/slider","a":"jshguo","pl":"https://cdn.21st.dev/jshguo/interfaces-slider/default/preview.1775147589534.png","pc":"jshguo","tg":["slider"]},{"id":"21st:jshguo__interfaces-switch","t":"Interfaces switch","d":"Toggle switch component built on Radix UI with smooth animation and focus states.","s":"21st","c":"actions/switch","a":"jshguo","pl":"https://cdn.21st.dev/reapollo/interfaces-switch/default/preview.1775122785453.png","pc":"jshguo"},{"id":"21st:jshguo__interfaces-textarea","t":"Interfaces textarea","d":"Multi-line text input component with auto-sizing and validation states.","s":"21st","c":"inputs/textarea","a":"jshguo","pl":"https://cdn.21st.dev/reapollo/interfaces-textarea/default/preview.1775122706584.png","pc":"jshguo","tg":["textarea"]},{"id":"21st:jshguo__sidebar-component","t":"Sidebar component","d":"Here is Sidebar Component ","s":"21st","c":"navigation/sidebar","a":"jshguo","u":599,"pl":"https://cdn.21st.dev/larsen66/sidebar-component/default/preview.1756233832684.png","pc":"jshguo","tg":["dashboard","navigation-menu","search","sidebar"]},{"id":"21st:jshguo__spinner","t":"Spinner","d":"A minimal loading spinner that renders an animated rotating icon, sizable and colorable via className.","s":"21st","c":"status/loader","a":"jshguo","pl":"https://cdn.21st.dev/jshguo/spinner/default/preview.1784785778099-fef853eb-4c7f-4adf-a515-c1bd10fa9bbf.png","pc":"jshguo","sb":"Spinners"},{"id":"21st:juan9987654321__adan-y-dios","t":"Adan y dios","d":"Animated (ripple) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, ","k":"motion","s":"21st","c":"motion/ascii","a":"juan9987654321","pl":"https://cdn.21st.dev/juan9987654321/adan-y-dios/default/preview.1785864038805-c2dbdceb-8c9f-4f33-965f-829f23ce7d34.webp","pc":"juan9987654321","sb":"Dither"},{"id":"21st:julian.leistad__oki10","t":"Oki10","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#0B1026, #3D46E8, #B18CFF, #FFD6E7). Features: cursor-reactive (swirl","k":"motion","s":"21st","c":"motion/shader","a":"julian.leistad","pl":"https://cdn.21st.dev/julian.leistad/oki10/default/preview.1785204940961-fe193e5c-a35a-4efd-ad6d-a36c4d8c1415.webp","pc":"julian.leistad","sb":"Silk"},{"id":"21st:justinhamadeopsguru__volumeslider","t":"Volumeslider","d":"Volume Slider","s":"21st","c":"inputs/slider","a":"justinhamadeopsguru","pl":"https://cdn.21st.dev/justinhamadeopsguru/volumeslider/default/preview.png","pc":"justinhamadeopsguru"},{"id":"21st:justinlevinedotme__file-tree","t":"File tree","d":"Collapsible file and folder tree with colored language-specific icons for 24+ file types, path highlighting, and configurable expand/collapse. Zero dependencies — just React and Ta","s":"21st","c":"data-display/tree","a":"justinlevinedotme","st":"rated","pl":"https://cdn.21st.dev/justinlevinedotme/file-tree/default/preview.1773722732574.png","pc":"justinlevinedotme","tg":["file-tree","icon"],"sc":20},{"id":"21st:k3menn__simple-tabs-with-underline-and-bold-font","t":"Simple tabs with underline and bold font","d":"shadcn/ui simple tabs with underline and bold font","k":"resource","s":"21st","c":"assets/font","a":"k3menn","u":112,"pl":"https://cdn.21st.dev/user_2qRK29ssFQqXVoQJMy4qdj6PIt5/simple-tabs-with-underline-and-bold-font.png","pc":"k3menn","tg":["tabs"]},{"id":"21st:k3menn__tabs-in-cell-for-navigation","t":"Tabs in cell for navigation","d":"shadcn/ui tabs in cell for navigation","s":"21st","c":"navigation/tabs","a":"k3menn","u":209,"pl":"https://cdn.21st.dev/user_2qRK29ssFQqXVoQJMy4qdj6PIt5/tabs-in-cell-for-navigation.png","pc":"k3menn","tg":["navigation-menu","tabs"]},{"id":"21st:k3menn__tabs-like-bookmark","t":"Tabs like bookmark","d":"shadcn/ui tabs like bookmark","s":"21st","c":"navigation/tabs","a":"k3menn","u":47,"pl":"https://cdn.21st.dev/user_2qRK29ssFQqXVoQJMy4qdj6PIt5/tabs-like-bookmark.png","pc":"k3menn","tg":["navigation-menu","tabs"]},{"id":"21st:kaczmarekpa__warp-stripes-shader","t":"Warp stripes shader","d":"Animated WebGL shader background in the Warp stripes style, generated by the 21st.dev Shader Builder. 4-color palette (#0D1B0F, #3E8E41, #C7F464, #FFFDE1). A drop-in, zero-dependen","k":"motion","s":"21st","c":"motion/shader","a":"kaczmarekpa","u":4,"pl":"https://cdn.21st.dev/kaczmarekpa/warp-stripes-shader/default/preview.1784807185723-7e0e183c-efa5-45be-883d-0fb179837bb4.webp","pc":"kaczmarekpa","sb":"Warp stripes"},{"id":"21st:kaif-ui__cicular-navigation-bar","t":"Cicular navigation bar","d":"Here is circular navigation bar component","s":"21st","c":"navigation/top-nav","a":"kaif-ui","u":24,"pl":"https://cdn.21st.dev/larsen66/cicular-navigation-bar/default/preview.1750167166793.png","pc":"kaif-ui","tg":["menu","navigation-menu"],"sb":"Mega menus"},{"id":"21st:kaif-ui__emoji-nav","t":"Emoji nav","d":"Here is emoji nav bar component","s":"21st","c":"navigation/top-nav","a":"kaif-ui","pl":"https://cdn.21st.dev/larsen66/emoji-nav/default/preview.1750166794874.png","pc":"kaif-ui"},{"id":"21st:kaif-ui__infinite-slider-horizontal","t":"Infinite slider horizontal","d":"Here is horizontal img slider ","s":"21st","c":"inputs/slider","a":"kaif-ui","u":62,"pl":"https://cdn.21st.dev/larsen66/infinite-slider-horizontal/default/preview.1750167021097.png","pc":"kaif-ui","tg":["carousel","gallery","scroll-area","slider"]},{"id":"21st:kaif-ui__macbook-keyboard","t":"Macbook keyboard","d":"Here is macbook keyboard component","s":"21st","c":"media/mockup","a":"kaif-ui","pl":"https://cdn.21st.dev/larsen66/macbook-keyboard/default/preview.1750168208998.png","pc":"kaif-ui"},{"id":"21st:kaif-ui__pendulum-component","t":"Pendulum component","d":"Here is animated pendulum component","s":"21st","c":"other","a":"kaif-ui","pl":"https://cdn.21st.dev/larsen66/pendulum-component/default/preview.1750167344179.png","pc":"kaif-ui"},{"id":"21st:kalil0321__collapsible-header","t":"Collapsible header","d":"A collapsible header that collapses on scroll","s":"21st","c":"navigation/top-nav","a":"kalil0321","pl":"https://cdn.21st.dev/kalil0321/collapsible-header/default/preview.1748622844890.png","pc":"kalil0321"},{"id":"21st:kamaleshsa__gaming-login","t":"Gaming login","d":"A futuristic, gaming-themed NexusGate login UI built with React and TypeScript. ","s":"21st","c":"flows/sign-in","a":"kamaleshsa","pl":"https://cdn.21st.dev/kamaleshsa/gaming-login/default/preview.1747242747332.png","pc":"kamaleshsa","tg":["form","video"],"sb":"Sign up"},{"id":"21st:kapishdima__infinite-bento-pan","t":"Infinite bento pan","d":"A camera diagonally drifts across an oversized bento grid behind a soft vignette.","k":"layout","s":"21st","c":"layout/bento-grid","a":"kapishdima","u":7,"pl":"https://cdn.21st.dev/reapollo/infinite-bento-pan/default/preview.1776101499281.png","pc":"kapishdima"},{"id":"21st:kapishdima__inline-highlight","t":"Inline highlight","d":"Animates one word inside a sentence from a base color to a brand color.","s":"21st","c":"other","a":"kapishdima","pl":"https://cdn.21st.dev/reapollo/inline-highlight/default/preview.1776101452954.png","pc":"kapishdima"},{"id":"21st:kapishdima__marker-highlight","t":"Marker highlight","d":"A typography primitive that mimics a marker stroke sweeping behind a word while the highlighted text shifts to a contrasting color.","s":"21st","c":"overlays/tooltip","a":"kapishdima","u":18,"pl":"https://cdn.21st.dev/reapollo/marker-highlight/default/preview.1776100454147.png","pc":"kapishdima"},{"id":"21st:kapishdima__masked-slide-reveal","t":"Masked slide reveal","d":"Words slide up out of an invisible horizontal mask, one after another.","s":"21st","c":"motion/text-effect","a":"kapishdima","pl":"https://cdn.21st.dev/kapishdima/masked-slide-reveal/default/preview.1785311412888-8e6daa11-f271-423b-bc16-74ecdcc29ba2.png","pc":"kapishdima","sb":"Reveal and entrance"},{"id":"21st:kapishdima__remocn-perspective-marquee","t":"Remocn perspective marquee","d":"A 3D-tilted infinite marquee with depth-of-field blur on items rolling toward the horizon.","k":"motion","s":"21st","c":"motion/marquee","a":"kapishdima","u":29,"pl":"https://cdn.21st.dev/kapishdima/remocn-perspective-marquee/default/preview.1785371871820-dda737c8-0257-48ea-b4dd-10e8ac2a0066.png","pc":"kapishdima"},{"id":"21st:kapishdima__tracking-in","t":"Tracking in","d":"Letter-spacing collapses and blur clears with a springy entrance.","s":"21st","c":"data-display/accordion","a":"kapishdima","pl":"https://cdn.21st.dev/kapishdima/tracking-in/default/preview.1785371608314-6f35d3cc-d51d-4685-ae2e-1a7ad3a41961.png","pc":"kapishdima"},{"id":"21st:karthikmudunuri__animated-badge","t":"Animated badge","d":"An animated badge component with customizable text, color, and optional link functionality featuring a pulsing dot and smooth entrance animations.","s":"21st","c":"data-display/badge","a":"karthikmudunuri","u":75,"pl":"https://cdn.21st.dev/karthikmudunuri/animated-badge/default/preview.1759924180722.png","pc":"karthikmudunuri","tg":["badge","link"],"sb":"Animated"},{"id":"21st:karthikmudunuri__animated-card","t":"Animated card","d":"Here is Animated Card component","s":"21st","c":"data-display/card","a":"karthikmudunuri","pl":"https://cdn.21st.dev/larsen66/animated-card/default/preview.1750540472139.png","pc":"karthikmudunuri"},{"id":"21st:karthikmudunuri__animated-list","t":"Animated list","d":"A dynamic list component with smooth animations that forms a column and scrolls through items continuously.","s":"21st","c":"data-display/list","a":"karthikmudunuri","pl":"https://cdn.21st.dev/karthikmudunuri/animated-list/default/preview.1762086426671.png","pc":"karthikmudunuri"},{"id":"21st:karthikmudunuri__clerk-otp","t":"Clerk otp","d":"An animated OTP (One-Time Password) input component with random digits, customizable delay, hover control, and card customization for authentication flows.","s":"21st","c":"inputs/otp-input","a":"karthikmudunuri","pl":"https://cdn.21st.dev/karthikmudunuri/clerk-otp/default/preview.1762086948159.png","pc":"karthikmudunuri"},{"id":"21st:karthikmudunuri__cobe-globe","t":"Cobe globe","k":"motion","s":"21st","c":"motion/globe","a":"karthikmudunuri","pl":"https://cdn.21st.dev/karthikmudunuri/cobe-globe/default/preview.1762087314109.png","pc":"karthikmudunuri"},{"id":"21st:karthikmudunuri__dynamic-square","t":"Dynamic square","d":"Here is Dynamic Squraes component","k":"section","s":"21st","c":"marketing/announcement","a":"karthikmudunuri","pl":"https://cdn.21st.dev/larsen66/dynamic-square/default/preview.1750540230417.png","pc":"karthikmudunuri","tg":["announcement"]},{"id":"21st:karthikmudunuri__gradient-pricing","t":"Gradient pricing","d":"Here is Gradient Pricing component","k":"section","s":"21st","c":"marketing/pricing","a":"karthikmudunuri","pl":"https://cdn.21st.dev/larsen66/gradient-pricing/default/preview.1750539705739.png","pc":"karthikmudunuri"},{"id":"21st:karthikmudunuri__header-02","t":"Header 02","d":"A responsive site header with a navigation bar, animated logo, optional banner slot, and an animated mobile disclosure menu.","s":"21st","c":"navigation/top-nav","a":"karthikmudunuri","u":36,"pl":"https://cdn.21st.dev/eldoraui/header-02/default/preview.1783571038832.png","pc":"karthikmudunuri","sb":"Mega menus"},{"id":"21st:karthikmudunuri__integrations","t":"Integrations","d":"Animated integrations showcase component with marquee effects and gradient backgrounds.","k":"motion","s":"21st","c":"motion/background","a":"karthikmudunuri","pl":"https://cdn.21st.dev/karthikmudunuri/integrations/default/preview.1762087738286.png","pc":"karthikmudunuri"},{"id":"21st:karthikmudunuri__orbit-rotation","t":"Orbit rotation","d":"An animated component that rotates customizable tech/brand icons in concentric dotted orbits around a center icon.","s":"21st","c":"assets/icon","a":"karthikmudunuri","pl":"https://cdn.21st.dev/eldoraui/orbit-rotation/default/preview.1783569872737.png","pc":"karthikmudunuri","tg":["icon"]},{"id":"21st:karthikmudunuri__terminal","t":"Terminal","d":"Interactive terminal component with typing animation and localhost notification.","s":"21st","c":"data-display/code-block","a":"karthikmudunuri","pl":"https://cdn.21st.dev/karthikmudunuri/terminal/default/preview.1762088293141.png","pc":"karthikmudunuri"},{"id":"21st:karthikmudunuri__testimonal-slider","t":"Testimonal slider","d":"Here is Testimonal Slider component","s":"21st","c":"inputs/slider","a":"karthikmudunuri","u":58,"pl":"https://cdn.21st.dev/larsen66/testimonal-slider/default/preview.1750539877697.png","pc":"karthikmudunuri","tg":["carousel","slider","testimonials"]},{"id":"21st:karthikmudunuri__testimonals-carousel","t":"Testimonals carousel","d":"Here is Testimonals Carousel component","s":"21st","c":"media/carousel","a":"karthikmudunuri","u":54,"pl":"https://cdn.21st.dev/larsen66/testimonals-carousel/default/preview.1750539203962.png","pc":"karthikmudunuri","tg":["carousel","testimonials"]},{"id":"21st:karthiksivacharan__neon-nebula","t":"Neon nebula","d":"Animated (wave) ASCII art in the Stars style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"karthiksivacharan","pl":"https://cdn.21st.dev/karthiksivacharan/neon-nebula/default/preview.1784528460121-feecbe98-ea68-4078-b314-a0baa4076664.webp","pc":"karthiksivacharan","tg":["background","video"]},{"id":"21st:kauasodreas__blur-text-effect","t":"Blur text effect","d":"A letter-by-letter animation that fades in each character with upward motion and blur removal for a soft, clean reveal. Ideal for expressive entrances or subtle emphasis in UI.","k":"motion","s":"21st","c":"motion/text-effect","a":"kauasodreas","u":83,"pl":"https://cdn.21st.dev/kauasodreas/blur-text-effect/default/preview.1750630324126.png","pc":"kauasodreas","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:kauasodreas__stepper","t":"Stepper","d":"A draggable stepper component that lets users increment or decrement a number by dragging up or down. It includes smooth animations, clamping between min and max values, and works ","s":"21st","c":"navigation/wizard-steps","a":"kauasodreas","u":4,"pl":"https://cdn.21st.dev/kauasodreas/stepper/default/preview.1750147503099.png","pc":"kauasodreas"},{"id":"21st:kauasodreas__whisper-text","t":"Whisper text","d":"A scroll-triggered animation that reveals words with a smooth, staggered fade and slide, like a whisper on screen. Perfect for subtle UI transitions. Named “Whisper” for its soft a","k":"motion","s":"21st","c":"motion/text-effect","a":"kauasodreas","u":30,"pl":"https://cdn.21st.dev/kauasodreas/whisper-text/default/preview.1750629702111.png","pc":"kauasodreas","tg":["scroll-area","text"],"sb":"Reveal and entrance"},{"id":"21st:kaushalkadariya2062__spotlight-reveal-hero","t":"Spotlight reveal hero","d":"Cursor-tracked spotlight reveals a hidden image beneath the hero, with animated headline and CTA. Great for editorial or luxury/craft brands wanting a tactile first impression.","k":"section","s":"21st","c":"marketing/hero","a":"kaushalkadariya2062","pl":"https://cdn.21st.dev/kaushalkadariya2062/spotlight-reveal-hero/default/preview.1785327358011-5f7cafae-8728-4b58-888a-07de62684ea1.webp","pc":"kaushalkadariya2062","sb":"Animated background"},{"id":"21st:kauxhik77__card-fan","t":"Card fan","d":"3D deck of frosted-glass cards with immersive interaction. Scroll, drag, or use arrow keys to navigate a curved 3D carousel featuring frosted-glass styling, animated mesh gradients","s":"21st","c":"data-display/card","a":"kauxhik77","pl":"https://cdn.21st.dev/kauxhik77/card-fan/default/preview.1785147213372-7c179bb3-cf10-453b-845c-19c97f2961d1.png","pc":"kauxhik77"},{"id":"21st:kavikatiyar__3d-card","t":"3d card","d":"Destination Card – Showcase travel spots. Highlights locations with image, details, and a quick booking option for better trip planning.","s":"21st","c":"data-display/card","a":"kavikatiyar","u":65,"pl":"https://cdn.21st.dev/kavikatiyar/3d-card/default/preview.1758427566770.png","pc":"kavikatiyar","tg":["card","image"],"sb":"Animated and glowing"},{"id":"21st:kavikatiyar__accordion-1","t":"Accordion 1","d":"Accordion – Expandable content container. Organizes information into collapsible sections for better readability and space-saving layouts. Ideal for FAQs, settings, and multi-topic","s":"21st","c":"data-display/accordion","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/accordion-1/default/preview.1761994592373.png","pc":"kavikatiyar"},{"id":"21st:kavikatiyar__alert","t":"Alert","d":"Gradient Alert\nA theme-aware, animated alert component that displays contextual messages for different states like information, success, warning, and error.","s":"21st","c":"overlays/alert-banner","a":"kavikatiyar","u":32,"pl":"https://cdn.21st.dev/kavikatiyar/alert/default/preview.1758822077433.png","pc":"kavikatiyar","tg":["alert","notification"]},{"id":"21st:kavikatiyar__animated-card","t":"Animated card","d":"AnimatedJobCard\nThis component displays job posting information with a subtle, interactive 3D tilt animation on hover. It's designed to be highly reusable, accepting props for cont","s":"21st","c":"data-display/card","a":"kavikatiyar","u":36,"pl":"https://cdn.21st.dev/kavikatiyar/animated-card/default/preview.1758824534287.png","pc":"kavikatiyar","tg":["card","carousel"]},{"id":"21st:kavikatiyar__article-cards","t":"Article cards","d":"Article Card\nThis component displays a visually rich card for articles, featuring a background image with a gradient overlay, category, title, and a call-to-action button. It's des","k":"section","s":"21st","c":"marketing/marketing","a":"kavikatiyar","u":7,"pl":"https://cdn.21st.dev/kavikatiyar/article-cards/default/preview.1758962252221.png","pc":"kavikatiyar","tg":["image"],"sb":"Blog and posts"},{"id":"21st:kavikatiyar__audiobook-card","t":"Audiobook card","s":"21st","c":"data-display/card","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/audiobook-card/default/preview.1758519497227.png","pc":"kavikatiyar","tg":["slider"]},{"id":"21st:kavikatiyar__bento-product-features","t":"Bento product features","k":"section","s":"21st","c":"marketing/features","a":"kavikatiyar","u":356,"pl":"https://cdn.21st.dev/kavikatiyar/bento-product-features/default/preview.1760867363472.png","pc":"kavikatiyar","tg":["dashboard","features"],"sb":"Bento"},{"id":"21st:kavikatiyar__call-to-action-cta","t":"Call to action cta","d":"Call to Action Card\nA full-width, visually engaging card that combines a background image with a title, description, and an email signup form. It's designed to capture user attenti","k":"section","s":"21st","c":"marketing/cta","a":"kavikatiyar","u":115,"pl":"https://cdn.21st.dev/kavikatiyar/call-to-action-cta/default/preview.1760261921524.png","pc":"kavikatiyar","tg":["cta"],"sb":"Cards"},{"id":"21st:kavikatiyar__card","t":"Card","s":"21st","c":"data-display/card","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/card/default/preview.1757902159658.png","pc":"kavikatiyar","tg":["dashboard"]},{"id":"21st:kavikatiyar__card-1","t":"Card 1","d":"Cashback Partners Card\nThis component displays a card with a title and a grid of partner logos, names, and cashback percentages. It's designed to be responsive and theme-aware, ada","s":"21st","c":"data-display/card","a":"kavikatiyar","u":48,"pl":"https://cdn.21st.dev/kavikatiyar/card-1/default/preview.1757903345267.png","pc":"kavikatiyar","tg":["card","grid"]},{"id":"21st:kavikatiyar__card-2","t":"Card 2","d":"Quick Links Card\nA card component that displays a title, subtitle, and a set of actionable icon buttons for quick access to common tasks.","s":"21st","c":"data-display/card","a":"kavikatiyar","u":15,"pl":"https://cdn.21st.dev/kavikatiyar/card-2/default/preview.1757903659626.png","pc":"kavikatiyar"},{"id":"21st:kavikatiyar__card-3","t":"Card 3","d":"Payment Summary Card\nA visually appealing card to display financial summaries, featuring a main metric, a clickable sub-section, and an avatar stack.","s":"21st","c":"data-display/card","a":"kavikatiyar","u":31,"pl":"https://cdn.21st.dev/kavikatiyar/card-3/default/preview.1757903988321.png","pc":"kavikatiyar","tg":["stat"],"sb":"Metric"},{"id":"21st:kavikatiyar__card-4","t":"Card 4","s":"21st","c":"data-display/card","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/card-4/default/preview.1757904473942.png","pc":"kavikatiyar","tg":["profile"],"sb":"Profile"},{"id":"21st:kavikatiyar__card-5","t":"Card 5","s":"21st","c":"data-display/card","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/card-5/default/preview.1758069842246.png","pc":"kavikatiyar","tg":["radio-group"]},{"id":"21st:kavikatiyar__card-6","t":"Card 6","s":"21st","c":"data-display/card","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/card-6/default/preview.1758072983049.png","pc":"kavikatiyar"},{"id":"21st:kavikatiyar__card-7","t":"Card 7","s":"21st","c":"data-display/card","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/card-7/default/preview.1758073775405.png","pc":"kavikatiyar","tg":["image"]},{"id":"21st:kavikatiyar__card-8","t":"Card 8","d":"Alert Card\nA visually engaging, animated alert card to deliver","s":"21st","c":"data-display/card","a":"kavikatiyar","u":30,"pl":"https://cdn.21st.dev/kavikatiyar/card-8/default/preview.1758081929728.png","pc":"kavikatiyar","tg":["alert","notification"]},{"id":"21st:kavikatiyar__card-9","t":"Card 9","d":"PromoCard\nAn advanced, self-contained promotional card designed to be visually engaging and build user trust. It features an embedded animated dot-pattern background for texture, a","s":"21st","c":"data-display/card","a":"kavikatiyar","u":22,"pl":"https://cdn.21st.dev/kavikatiyar/card-9/default/preview.1758160328210.png","pc":"kavikatiyar"},{"id":"21st:kavikatiyar__cards-grid","t":"Cards grid","d":"Resource Cards Grid\nA responsive grid of cards, perfect for displaying links to key resource sections like documentation, contracts, or policies. Each card features an icon, title,","s":"21st","c":"data-display/card","a":"kavikatiyar","u":29,"pl":"https://cdn.21st.dev/kavikatiyar/cards-grid/default/preview.1760425786559.png","pc":"kavikatiyar","tg":["features"],"sb":"Feature"},{"id":"21st:kavikatiyar__chat-bubble","t":"Chat bubble","s":"21st","c":"ai-agent/ai-agent","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/chat-bubble/default/preview.1758288137841.png","pc":"kavikatiyar","tg":["modal"],"sb":"Chat"},{"id":"21st:kavikatiyar__circular-progress-card","t":"Circular progress card","d":"Circular Progress Card\nThis component displays progress towards a goal using an animated circular bar. The color of the progress bar, along with other content, can be easily custom","s":"21st","c":"data-viz/progress-bar","a":"kavikatiyar","u":46,"pl":"https://cdn.21st.dev/kavikatiyar/circular-progress-card/default/preview.1758103636331.png","pc":"kavikatiyar","tg":["progress"]},{"id":"21st:kavikatiyar__command-prompt","t":"Command prompt","d":"This component provides an input field for user queries, enhanced with animated suggestion cards that appear on load. It is designed to be a central interaction point for an applic","s":"21st","c":"ai-agent/composer","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/command-prompt/default/preview.1758353926727.png","pc":"kavikatiyar"},{"id":"21st:kavikatiyar__date-picker","t":"Date picker","d":"Weekly Date Picker\nA compact and interactive component for selecting a date within a weekly view. It supports keyboard navigation, is fully themeable using shadcn/ui variables, and","s":"21st","c":"inputs/date-picker","a":"kavikatiyar","u":8,"pl":"https://cdn.21st.dev/kavikatiyar/date-picker/default/preview.1757904287721.png","pc":"kavikatiyar","tg":["calendar","date-picker"]},{"id":"21st:kavikatiyar__email-client-card","t":"Email client card","s":"21st","c":"data-display/card","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/email-client-card/default/preview.1760156484045.png","pc":"kavikatiyar"},{"id":"21st:kavikatiyar__faq-section","t":"Faq section","k":"section","s":"21st","c":"marketing/faq","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/faq-section/default/preview.1760775932594.png","pc":"kavikatiyar"},{"id":"21st:kavikatiyar__financial-goal-card","t":"Financial goal card","s":"21st","c":"data-display/card","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/financial-goal-card/default/preview.1759670814214.png","pc":"kavikatiyar"},{"id":"21st:kavikatiyar__form","t":"Form","s":"21st","c":"inputs/form-field","a":"kavikatiyar","st":"rated","pl":"https://cdn.21st.dev/kavikatiyar/form/default/preview.1760615501220.png","pc":"kavikatiyar","sc":17,"sb":"Whole forms"},{"id":"21st:kavikatiyar__goal-tracker-card","t":"Goal tracker card","s":"21st","c":"data-display/card","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/goal-tracker-card/default/preview.1759672373106.png","pc":"kavikatiyar"},{"id":"21st:kavikatiyar__hero-video-background","t":"Hero video background","k":"section","s":"21st","c":"marketing/hero","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/hero-video-background/default/preview.1758807106048.png","pc":"kavikatiyar","sb":"With video"},{"id":"21st:kavikatiyar__interactive-broker-card","t":"Interactive broker card","s":"21st","c":"data-display/card","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/interactive-broker-card/default/preview.1759420116661.png","pc":"kavikatiyar"},{"id":"21st:kavikatiyar__meeting-scheduler","t":"Meeting scheduler","d":"Meeting Scheduler\nThis component provides a comprehensive interface for scheduling events, featuring a responsive calendar for date range selection, time inputs, and additional opt","s":"21st","c":"data-display/calendar","a":"kavikatiyar","u":31,"pl":"https://cdn.21st.dev/kavikatiyar/meeting-scheduler/default/preview.1759055568324.png","pc":"kavikatiyar","tg":["calendar","date-picker"]},{"id":"21st:kavikatiyar__newsletter-card","t":"Newsletter card","d":"Newsletter Card\nA visually polished and accessible newsletter sign-up form. It features a distinct, theme-aware color palette and subtle animations on focus and hover to enhance us","k":"section","s":"21st","c":"marketing/cta","a":"kavikatiyar","u":11,"pl":"https://cdn.21st.dev/kavikatiyar/newsletter-card/default/preview.1758909342782.png","pc":"kavikatiyar","sb":"Newsletter and waitlist"},{"id":"21st:kavikatiyar__onboarding-checklist","t":"Onboarding checklist","s":"21st","c":"inputs/checkbox","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/onboarding-checklist/default/preview.1760421380604.png","pc":"kavikatiyar"},{"id":"21st:kavikatiyar__order-confirmation-card","t":"Order confirmation card","d":"Order Confirmation Card\nThis card provides a visually polished summary of a successful order. It's built to be reusable, accepting props for all dynamic data like order ID, payment","s":"21st","c":"overlays/dialog","a":"kavikatiyar","u":32,"pl":"https://cdn.21st.dev/kavikatiyar/order-confirmation-card/default/preview.1760520812282.png","pc":"kavikatiyar","sb":"Confirm"},{"id":"21st:kavikatiyar__order-history","t":"Order history","d":"Order History – Track every step. Shows order progress from placed to delivered with clear timeline.","s":"21st","c":"data-display/timeline","a":"kavikatiyar","u":23,"pl":"https://cdn.21st.dev/kavikatiyar/order-history/default/preview.1758097678410.png","pc":"kavikatiyar","tg":["timeline"]},{"id":"21st:kavikatiyar__otp-verification","t":"Otp verification","s":"21st","c":"inputs/otp-input","a":"kavikatiyar","st":"rated","pl":"https://cdn.21st.dev/kavikatiyar/otp-verification/default/preview.1759657526434.png","pc":"kavikatiyar","sc":17},{"id":"21st:kavikatiyar__performance-benchmark-card","t":"Performance benchmark card","d":"Performance Benchmark Card\nThis component provides a comprehensive view of a key metric against benchmarks and competitors. It's designed to be highly reusable, allowing you to fee","s":"21st","c":"data-display/card","a":"kavikatiyar","u":51,"pl":"https://cdn.21st.dev/kavikatiyar/performance-benchmark-card/default/preview.1759907015018.png","pc":"kavikatiyar","tg":["comparison","dashboard","progress"]},{"id":"21st:kavikatiyar__performance-card","t":"Performance card","s":"21st","c":"data-display/card","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/performance-card/default/preview.1759668554029.png","pc":"kavikatiyar"},{"id":"21st:kavikatiyar__phone-verification-form","t":"Phone verification form","s":"21st","c":"inputs/form-field","a":"kavikatiyar","st":"rated","pl":"https://cdn.21st.dev/kavikatiyar/phone-verification-form/default/preview.1759657012892.png","pc":"kavikatiyar","sc":16,"sb":"Phone"},{"id":"21st:kavikatiyar__price","t":"Price","d":"Pricing Card Component\nThis component is designed to be highly reusable and customizable through props. It uses framer-motion for animations, cva for handling style variants (like ","k":"section","s":"21st","c":"marketing/pricing","a":"kavikatiyar","u":28,"pl":"https://cdn.21st.dev/kavikatiyar/price/default/preview.1758032740310.png","pc":"kavikatiyar","tg":["pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:kavikatiyar__pricing-card","t":"Pricing card","k":"section","s":"21st","c":"marketing/pricing","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/pricing-card/default/preview.1759424226001.png","pc":"kavikatiyar","sb":"Plan cards"},{"id":"21st:kavikatiyar__product-detail-page","t":"Product detail page","d":"Product Detail Page\nThis component displays the full details of a product, including an image gallery, pricing, description, and seller information. It is designed to be highly reu","s":"21st","c":"media/gallery","a":"kavikatiyar","u":95,"pl":"https://cdn.21st.dev/kavikatiyar/product-detail-page/default/preview.1759821230826.png","pc":"kavikatiyar","tg":["gallery"]},{"id":"21st:kavikatiyar__product-feature-card","t":"Product feature card","d":"Product Feature Card\nA visually polished card component with hover and load-in animations to showcase a product or feature.","k":"section","s":"21st","c":"marketing/features","a":"kavikatiyar","u":13,"pl":"https://cdn.21st.dev/kavikatiyar/product-feature-card/default/preview.1758909975695.png","pc":"kavikatiyar","tg":["features"],"sb":"Grid of cards"},{"id":"21st:kavikatiyar__progress","t":"Progress","d":"Vo2 Max Card\nA visually polished card for displaying a key metric with an animated radial progress indicator. It's ideal for dashboards, fitness trackers, or any application needin","s":"21st","c":"data-viz/progress-bar","a":"kavikatiyar","u":52,"pl":"https://cdn.21st.dev/kavikatiyar/progress/default/preview.1758071118032.png","pc":"kavikatiyar","tg":["dashboard","progress","stat"]},{"id":"21st:kavikatiyar__progress-card","t":"Progress card","s":"21st","c":"data-viz/progress-bar","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/progress-card/default/preview.1758265266870.png","pc":"kavikatiyar","tg":["progress","upload-download"]},{"id":"21st:kavikatiyar__project-detail-view","t":"Project detail view","d":"Project Detail View\nA comprehensive view component designed to display the details of a project or a complex task. It includes sections for status, assignees, dates, tags, descript","s":"21st","c":"data-display/card","a":"kavikatiyar","u":93,"pl":"https://cdn.21st.dev/kavikatiyar/project-detail-view/default/preview.1759027797164.png","pc":"kavikatiyar","tg":["badge","avatar","table"]},{"id":"21st:kavikatiyar__promotional-popup","t":"Promotional popup","s":"21st","c":"overlays/popover","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/promotional-popup/default/preview.1762060119033.png","pc":"kavikatiyar"},{"id":"21st:kavikatiyar__state","t":"State","d":"Full Mailbox State\nThis component informs the user that they have reached a limit, prompting them with primary and secondary actions. It is animated to draw attention and improve u","s":"21st","c":"data-display/empty-state","a":"kavikatiyar","u":10,"pl":"https://cdn.21st.dev/kavikatiyar/state/default/preview.1759325745215.png","pc":"kavikatiyar","tg":["empty-state"]},{"id":"21st:kavikatiyar__stats-card","t":"Stats card","d":" Animated Activity Stats Card\nDescription: A responsive and theme-adaptive card component designed to display key statistics and a corresponding bar chart. It's built to be highly ","s":"21st","c":"data-display/stat","a":"kavikatiyar","u":42,"pl":"https://cdn.21st.dev/kavikatiyar/stats-card/default/preview.1758266775349.png","pc":"kavikatiyar","tg":["stat"]},{"id":"21st:kavikatiyar__stats-card-1","t":"Stats card 1","d":"Stats Card\nThis is a reusable card component designed to display a key metric, a descriptive summary, and a mini bar chart for trend visualization. It features animations that trig","s":"21st","c":"data-display/stat","a":"kavikatiyar","u":55,"pl":"https://cdn.21st.dev/kavikatiyar/stats-card-1/default/preview.1758356287705.png","pc":"kavikatiyar","tg":["card","dashboard"]},{"id":"21st:kavikatiyar__stock-portfolio-card","t":"Stock portfolio card","s":"21st","c":"data-display/card","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/stock-portfolio-card/default/preview.1760113110534.png","pc":"kavikatiyar","tg":["carousel","stat"],"sb":"Metric"},{"id":"21st:kavikatiyar__team-section","t":"Team section","k":"section","s":"21st","c":"marketing/team","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/team-section/default/preview.1760257288736.png","pc":"kavikatiyar"},{"id":"21st:kavikatiyar__testimonial","t":"Testimonial","d":"Testimonial Section\nThis component renders a title and a grid of testimonial cards. It's designed to be highly reusable, accepting an array of testimonial objects to dynamically ge","k":"section","s":"21st","c":"marketing/testimonials","a":"kavikatiyar","u":18,"pl":"https://cdn.21st.dev/kavikatiyar/testimonial/default/preview.1760507060169.png","pc":"kavikatiyar","tg":["testimonials"]},{"id":"21st:kavikatiyar__testimonial-slider","t":"Testimonial slider","d":"Testimonial Slider\nA modern, animated testimonial slider component that showcases user feedback with an image, quote, rating, and navigation controls. It's designed to be easily in","s":"21st","c":"inputs/slider","a":"kavikatiyar","u":33,"pl":"https://cdn.21st.dev/kavikatiyar/testimonial-slider/default/preview.1760247857737.png","pc":"kavikatiyar","tg":["carousel","slider","testimonials"]},{"id":"21st:kavikatiyar__testimonial-slider-1","t":"Testimonial slider 1","s":"21st","c":"inputs/slider","a":"kavikatiyar","u":131,"pl":"https://cdn.21st.dev/kavikatiyar/testimonial-slider-1/default/preview.1760864329166.png","pc":"kavikatiyar","tg":["carousel","testimonials"]},{"id":"21st:kavikatiyar__tracker-card","t":"Tracker card","d":"Calorie Tracker Card\nA visually engaging card to track daily calorie intake. It features an animated counter, a dynamic progress bar, and a list for food suggestions, all styled us","s":"21st","c":"data-display/card","a":"kavikatiyar","u":5,"pl":"https://cdn.21st.dev/kavikatiyar/tracker-card/default/preview.1758263710399.png","pc":"kavikatiyar"},{"id":"21st:kavikatiyar__tracker-card-1","t":"Tracker card 1","d":"Proposal Tracker Card\nThis component provides a clear, visual timeline for tracking the status of proposals or applications. It's designed to be flexible, allowing you to pass in s","s":"21st","c":"data-display/card","a":"kavikatiyar","u":24,"pl":"https://cdn.21st.dev/kavikatiyar/tracker-card-1/default/preview.1758771247133.png","pc":"kavikatiyar","tg":["steps","timeline"]},{"id":"21st:kavikatiyar__trip-details-card","t":"Trip details card","s":"21st","c":"data-display/accordion","a":"kavikatiyar","pl":"https://cdn.21st.dev/kavikatiyar/trip-details-card/default/preview.1758650125831.png","pc":"kavikatiyar","sb":"Cards"},{"id":"21st:kazmi066__loading-screen","t":"Loading screen","d":"Animated MacBook-style overlay that displays looping gradient skeleton rows with floating status messaging while a site build is in progress, using Framer Motion for smooth transit","s":"21st","c":"status/loader","a":"kazmi066","pl":"https://cdn.21st.dev/kazmi066/loading-screen/default/preview.1761132822063.png","pc":"kazmi066","sb":"Spinners"},{"id":"21st:kedhareswer.12110626__alice-scroll-story","t":"Alice scroll story","d":"An immersive scroll-triggered storytelling component featuring Alice's Adventures in Wonderland with GSAP animations, parallax effects, and dynamic text reveals. Perfect for creati","k":"layout","s":"21st","c":"layout/scroll-area","a":"kedhareswer.12110626","u":29,"pl":"https://cdn.21st.dev/kedhareswer.12110626/alice-scroll-story/default/preview.1758658484453.png","pc":"kedhareswer.12110626","tg":["scroll-area"]},{"id":"21st:kedhareswer.12110626__anchored-action-bar","t":"Anchored action bar","d":"A compact icon action bar with a floating “pointer” that snaps to the hovered or selected button using CSS Anchor Positioning. Includes Material Symbols icons, springy transitions,","s":"21st","c":"actions/link","a":"kedhareswer.12110626","pl":"https://cdn.21st.dev/kedhareswer.12110626/anchored-action-bar/default/preview.1759688635424.png","pc":"kedhareswer.12110626"},{"id":"21st:kedhareswer.12110626__deer-logo","t":"Deer logo","d":"A responsive, interactive SVG animation component featuring a deer silhouette with drawing animation. The component uses Anime.js for smooth path drawing effects and includes paper","k":"resource","s":"21st","c":"assets/logo","a":"kedhareswer.12110626","u":24,"pl":"https://cdn.21st.dev/kedhareswer.12110626/deer-logo/default/preview.1758873875733.png","pc":"kedhareswer.12110626"},{"id":"21st:kedhareswer.12110626__festivity-hero","t":"Festivity hero","d":"Interactive 3D sphere animation with dynamic collisions, mouse interactions, and breathing effects. Features a loading animation sequence and responsive particle system perfect for","k":"section","s":"21st","c":"marketing/hero","a":"kedhareswer.12110626","u":6,"pl":"https://cdn.21st.dev/kedhareswer.12110626/festivity-hero/default/preview.1758782987004.png","pc":"kedhareswer.12110626"},{"id":"21st:kedhareswer.12110626__frosted-hover","t":"Frosted hover","d":"Immersive navigation showcase that reveals frosted-glass ripples as you hover a grid of interactive hotspots layered over a hero image. Includes the full SVG filter stack for the s","s":"21st","c":"navigation/top-nav","a":"kedhareswer.12110626","u":31,"pl":"https://cdn.21st.dev/kedhareswer.12110626/frosted-hover/default/preview.1758964323973.png","pc":"kedhareswer.12110626","tg":["navigation-menu"],"sb":"Mega menus"},{"id":"21st:kedhareswer.12110626__glass-cards","t":"Glass cards","d":"Neomorphic and glassmorphism stacked cards with smooth GSAP animations and interactive hover effects","s":"21st","c":"data-display/card","a":"kedhareswer.12110626","u":92,"pl":"https://cdn.21st.dev/kedhareswer.12110626/glass-cards/default/preview.1758815300580.png","pc":"kedhareswer.12110626","sb":"Animated and glowing"},{"id":"21st:kedhareswer.12110626__glass-clock","t":"Glass clock","d":"Braun-inspired glass wall clock UI with real-time Berlin timezone hands, dynamic glass reflections, and an optional Tweakpane control panel for tuning shadows, colors, and motion.","s":"21st","c":"data-display/calendar","a":"kedhareswer.12110626","pl":"https://cdn.21st.dev/kedhareswer.12110626/glass-clock/default/preview.1758982352759.png","pc":"kedhareswer.12110626"},{"id":"21st:kedhareswer.12110626__hero-section","t":"Hero section","d":"A modern hero section component with gradient background, professional imagery, and call-to-action elements. Features responsive design, glassmorphism effects, and IBM Plex Sans ty","k":"section","s":"21st","c":"marketing/hero","a":"kedhareswer.12110626","pl":"https://cdn.21st.dev/kedhareswer.12110626/hero-section/default/preview.1758860666609.png","pc":"kedhareswer.12110626"},{"id":"21st:kedhareswer.12110626__hotel-showcase","t":"Hotel showcase","d":"Interactive hotel showcase with GSAP animations featuring image galleries, smooth transitions, and overlay details. Includes hover effects, keyboard navigation, and responsive desi","s":"21st","c":"data-display/list","a":"kedhareswer.12110626","u":29,"pl":"https://cdn.21st.dev/kedhareswer.12110626/hotel-showcase/default/preview.1758729874707.png","pc":"kedhareswer.12110626","tg":["gallery","list"]},{"id":"21st:kedhareswer.12110626__liquid-glass-cards","t":"Liquid glass cards","d":"Apple-inspired liquid glass cards with neumorphic background layers, featuring smooth GSAP animations, scroll-triggered stacking effects, and light theme optimization with subtle g","s":"21st","c":"data-display/card","a":"kedhareswer.12110626","pl":"https://cdn.21st.dev/kedhareswer.12110626/liquid-glass-cards/default/preview.1758816625270.png","pc":"kedhareswer.12110626","sb":"Animated and glowing"},{"id":"21st:kedhareswer.12110626__mouse-trail","t":"Mouse trail","d":"Interactive GSAP-powered flair trail that spawns floating images along the cursor path for playful motion graphics effects.","k":"motion","s":"21st","c":"motion/cursor","a":"kedhareswer.12110626","u":25,"pl":"https://cdn.21st.dev/kedhareswer.12110626/mouse-trail/default/preview.1759682904405.png","pc":"kedhareswer.12110626","tg":["cursor"]},{"id":"21st:kedhareswer.12110626__particle-animation","t":"Particle animation","d":"Interactive particle animation with mouse tracking, gooey SVG effects, and animated text. Features a custom cursor that emits particles on movement, creating a dynamic mask reveal ","k":"motion","s":"21st","c":"motion/background","a":"kedhareswer.12110626","u":36,"pl":"https://cdn.21st.dev/kedhareswer.12110626/particle-animation/default/preview.1758723593702.png","pc":"kedhareswer.12110626","tg":["cursor"],"sb":"Particles and stars"},{"id":"21st:kedhareswer.12110626__scroll-book","t":"Scroll book","d":"An interactive 3D scroll book component with GSAP animations that displays demo sketches as pages. Features smooth page-turning animations triggered by scroll, with each page conta","k":"layout","s":"21st","c":"layout/scroll-area","a":"kedhareswer.12110626","pl":"https://cdn.21st.dev/kedhareswer.12110626/scroll-book/default/preview.1758725332239.png","pc":"kedhareswer.12110626"},{"id":"21st:kedhareswer.12110626__scroll-cards","t":"Scroll cards","d":"A GSAP + ScrollTrigger scroll experience that pins each section and progressively scales and 3D-rotates content “cards” as you scroll. ","k":"layout","s":"21st","c":"layout/scroll-area","a":"kedhareswer.12110626","pl":"https://cdn.21st.dev/kedhareswer.12110626/scroll-cards/default/preview.1759686052767.png","pc":"kedhareswer.12110626"},{"id":"21st:kedhareswer.12110626__smiley","t":"Smiley","d":"Interactive grid of animated smiley faces that respond to mouse movement with 3D transforms and morph from sad to happy expressions on hover","s":"21st","c":"layout/bento-grid","a":"kedhareswer.12110626","u":8,"pl":"https://cdn.21st.dev/kedhareswer.12110626/smiley/default/preview.1758726547632.png","pc":"kedhareswer.12110626"},{"id":"21st:kedhareswer.12110626__snow-ball-loading-spinner","t":"Snow ball loading spinner","d":"An animated spinner which gives a feel like rolling snow ball.","s":"21st","c":"status/loader","a":"kedhareswer.12110626","u":117,"pl":"https://cdn.21st.dev/kedhareswer.12110626/snow-ball-loading-spinner/default/preview.1758819006200.png","pc":"kedhareswer.12110626","tg":["spinner"],"sb":"Spinners"},{"id":"21st:killolocoeurcy__alinyxe","t":"Alinyxe","d":"Animated (shimmer) ASCII art in the Hex Dump style, made with the 21st ASCII editor and baked to a looping video. Styled with a colorful, pixel, retro look. A drop-in, zero-depende","k":"motion","s":"21st","c":"motion/ascii","a":"killolocoeurcy","pl":"https://cdn.21st.dev/killolocoeurcy/alinyxe/default/preview.1785500422206-79682986-0949-439a-98fb-ba0d9a408f8a.webp","pc":"killolocoeurcy","sb":"Hex Dump"},{"id":"21st:killolocoeurcy__alinyxe-2","t":"Alinyxe 2","d":"Animated (shimmer) ASCII art in the Hex Dump style, made with the 21st ASCII editor and baked to a looping video. Styled with a animated, terminal look. A drop-in, zero-dependency ","k":"motion","s":"21st","c":"motion/ascii","a":"killolocoeurcy","pl":"https://cdn.21st.dev/killolocoeurcy/alinyxe/default/preview.1785500430866-8e7c7d39-dccf-47f4-bcba-10ddf8bb56db.webp","pc":"killolocoeurcy","sb":"Hex Dump"},{"id":"21st:kimjoonho__silk-shader","t":"Silk shader","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#E0E4FF, #E5E9FF, #F0F2FF, #F0F2FF). A drop-in, zero-dependency React","k":"motion","s":"21st","c":"motion/shader","a":"kimjoonho","pl":"https://cdn.21st.dev/kimjoonho/silk-shader/default/preview.1785908764901-b5f75da9-d23d-49a1-bc0c-1411dcd7f499.webp","pc":"kimjoonho","sb":"Silk"},{"id":"21st:kinfe123__bento","t":"Bento","d":"Beautifully designed, fully responsive, expertly crafted Bento section","k":"layout","s":"21st","c":"layout/bento-grid","a":"kinfe123","u":137,"pl":"https://cdn.21st.dev/kinfe123/bento/default/preview.1756550917692.png","pc":"kinfe123","tg":["card","features"]},{"id":"21st:kinfe123__colorful-pricing","t":"Colorful pricing","d":"beautifully crafted pricing section with amazing themes and fully support black and light mode.","k":"section","s":"21st","c":"marketing/pricing","a":"kinfe123","u":16,"pl":"https://cdn.21st.dev/kinfe123/colorful-pricing/default/preview.1756476643948.png","pc":"kinfe123","tg":["pricing-section"]},{"id":"21st:kinfe123__fuihero-section","t":"Fuihero section","d":"Beautifully designed, fully responsive, expertly crafted Hero examples","k":"section","s":"21st","c":"marketing/hero","a":"kinfe123","pl":"https://cdn.21st.dev/kinfe123/fuihero-section/default/preview.1751093291214.png","pc":"kinfe123"},{"id":"21st:kinfe123__hero-section","t":"Hero section","d":"Beautifully designed, fully responsive, expertly crafted Hero examples","k":"section","s":"21st","c":"marketing/hero","a":"kinfe123","pl":"https://cdn.21st.dev/kinfe123/hero-section/default/preview.1755081440274.png","pc":"kinfe123"},{"id":"21st:kinfe123__hero-section-dark","t":"Hero section dark","d":"Hero","k":"section","s":"21st","c":"marketing/hero","a":"kinfe123","u":1511,"pl":"https://cdn.21st.dev/user_2rgfvfP6KhEePYzaDzrZPKcn1JO/hero-section-dark/default/preview.1738001828259.png","pc":"kinfe123","tg":["dashboard","cta"],"sb":"With product shot"},{"id":"21st:kinfe123__herowith-logos","t":"Herowith logos","d":"Beautifully designed, fully responsive, expertly crafted Hero examples","k":"resource","s":"21st","c":"assets/logo","a":"kinfe123","u":39,"pl":"https://cdn.21st.dev/kinfe123/herowith-logos/default/preview.1755519875478.png","pc":"kinfe123","tg":["cta"]},{"id":"21st:kinfe123__jelly-animated-hero","t":"Jelly animated hero","d":"Beautifully designed, fully responsive, expertly crafted with amazing jelly animation.","k":"section","s":"21st","c":"marketing/hero","a":"kinfe123","u":15,"pl":"https://cdn.21st.dev/kinfe123/jelly-animated-hero/default/preview.1756378271789.png","pc":"kinfe123","tg":["dashboard","cta","hero","stat"],"sb":"Animated background"},{"id":"21st:kinfe123__jelly-hero","t":"Jelly hero","d":"Beautifully designed, fully responsive, expertly crafted Hero examples","k":"section","s":"21st","c":"marketing/hero","a":"kinfe123","pl":"https://cdn.21st.dev/kinfe123/jelly-hero/default/preview.1755079019693.png","pc":"kinfe123"},{"id":"21st:kinfe123__pricing","t":"Pricing","d":"Beautifully designed, fully responsive, expertly crafted Auth examples","k":"section","s":"21st","c":"marketing/pricing","a":"kinfe123","pl":"https://cdn.21st.dev/kinfe123/pricing/default/preview.1751198853167.png","pc":"kinfe123"},{"id":"21st:kinfe123__pricing-2","t":"Pricing 2","d":"Beautifully designed, fully responsive, expertly crafted Auth example","k":"section","s":"21st","c":"marketing/pricing","a":"kinfe123","pl":"https://cdn.21st.dev/kinfe123/pricing-2/default/preview.1757078618665.png","pc":"kinfe123"},{"id":"21st:kinfe123__sliding-testimonial","t":"Sliding testimonial","d":"Beautifully designed, fully responsive, expertly crafted Testimonial with sliding animation.","k":"section","s":"21st","c":"marketing/testimonials","a":"kinfe123","u":61,"pl":"https://cdn.21st.dev/kinfe123/sliding-testimonial/default/preview.1757076812503.png","pc":"kinfe123","tg":["carousel","testimonials"]},{"id":"21st:kinfe123__testimonial-2","t":"Testimonial 2","d":"Beautifully designed, fully responsive, expertly crafted Testimonial ","k":"section","s":"21st","c":"marketing/testimonials","a":"kinfe123","pl":"https://cdn.21st.dev/kinfe123/testimonial-2/default/preview.1757192528703.png","pc":"kinfe123"},{"id":"21st:kingleonardjr19__blue-noise","t":"Blue noise","d":"Animated WebGL shader background in the Neuro Noise style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"kingleonardjr19","pl":"https://cdn.21st.dev/kingleonardjr19/blue-noise/default/preview.1785714324031-5cef01e5-cb3f-4ac6-8389-12b285506aa2.webp","pc":"kingleonardjr19","sb":"Neuro Noise"},{"id":"21st:kizimmaxim__gpu-accelerated-3d-blur-swiper-gallery","t":"Gpu accelerated 3d blur swiper gallery","d":"A highly optimized, hardware-accelerated image gallery and modal swiper. Features extremely smooth 3D transitions with blur depth effects. Implements intelligent DOM windowing (ren","s":"21st","c":"media/gallery","a":"kizimmaxim","pl":"https://cdn.21st.dev/kizimmaxim/gpu-accelerated-3d-blur-swiper-gallery/default/preview.1772566790745.png","pc":"kizimmaxim","sb":"Hover effects"},{"id":"21st:kleimeier.maurice__marbs123","t":"Marbs123","d":"Animated (flicker) ASCII art in the Pixel Art style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections,","k":"motion","s":"21st","c":"motion/ascii","a":"kleimeier.maurice","pl":"https://cdn.21st.dev/kleimeier.maurice/marbs123/default/preview.1783943482545.webp","pc":"kleimeier.maurice","tg":["video"],"sb":"Pixel Art"},{"id":"21st:kmchiii69__kim","t":"Kim","d":"Animated WebGL shader background in the Waves style. Generated by the 21st.dev Shader Builder. 4-color palette (#001219, #005F73, #94D2BD, #E9D8A6). A drop-in, zero-dependency Reac","k":"motion","s":"21st","c":"motion/shader","a":"kmchiii69","pl":"https://cdn.21st.dev/kmchiii69/kim/default/preview.1786452321229-b647cad3-3899-4b1f-9a79-5ac386e7b871.webp","pc":"kmchiii69","sb":"Waves"},{"id":"21st:kokonutd__action-search-bar","t":"Action search bar","d":"Action search bar inspired from Raycast","s":"21st","c":"inputs/search","a":"kokonutd","st":"rated","u":492,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/action-search-bar/default/preview.1737986716282.png","pc":"kokonutd","tg":["list","search"],"sc":24},{"id":"21st:kokonutd__activity-card","t":"Activity card","d":"A versatile card component for displaying fitness and activity tracking data with interactive goals and metrics visualization.\n\nFeatures\n\n- Metric Rings\n  - Circular progress indic","s":"21st","c":"data-display/card","a":"kokonutd","u":136,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/activity-card.png","pc":"kokonutd","tg":["checkbox","stat"],"sb":"Metric"},{"id":"21st:kokonutd__ai-input","t":"Ai input","s":"21st","c":"ai-agent/ai-agent","a":"kokonutd","pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/ai-input.png","pc":"kokonutd","tg":["textarea"],"sb":"Chat"},{"id":"21st:kokonutd__ai-input-with-file","t":"Ai input with file","s":"21st","c":"ai-agent/ai-agent","a":"kokonutd","pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/ai-input-with-file.png","pc":"kokonutd","tg":["textarea","upload-download"],"sb":"Chat"},{"id":"21st:kokonutd__ai-input-with-loading","t":"Ai input with loading","s":"21st","c":"ai-agent/ai-agent","a":"kokonutd","pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/ai-input-with-loading.png","pc":"kokonutd","tg":["ai-chat","input","textarea"],"sb":"Chat"},{"id":"21st:kokonutd__ai-input-with-search","t":"Ai input with search","d":"A modern chat input component with a web search toggle and file upload functionality. This component features an animated search toggle, file attachment support, and smooth transit","s":"21st","c":"ai-agent/ai-agent","a":"kokonutd","u":567,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/ai-input-with-search.png","pc":"kokonutd","tg":["search","textarea","upload-download"],"sb":"Chat"},{"id":"21st:kokonutd__ai-input-with-suggestions","t":"Ai input with suggestions","s":"21st","c":"ai-agent/ai-agent","a":"kokonutd","pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/ai-input-with-suggestions.png","pc":"kokonutd","tg":["ai-chat","chip","textarea"],"sb":"Chat"},{"id":"21st:kokonutd__ai-loading","t":"Ai loading","d":"An animated AI loading state that cycles through task statuses with scrolling terminal-style log lines and a colorful circular progress spinner.","s":"21st","c":"ai-agent/ai-agent","a":"kokonutd","pl":"https://cdn.21st.dev/kokonutd/ai-loading/default/preview.1783694025886.png","pc":"kokonutd","tg":["ai-chat","spinner"],"sb":"Chat"},{"id":"21st:kokonutd__ai-text-loading","t":"Ai text loading","d":"An animated loading indicator that cycles through status text with a shimmering gradient sweep, ideal for AI thinking or processing states.","k":"motion","s":"21st","c":"motion/text-effect","a":"kokonutd","pl":"https://cdn.21st.dev/kokonutd/ai-text-loading/default/preview.1783694022621.png","pc":"kokonutd","tg":["spinner","text"]},{"id":"21st:kokonutd__ai-voice-input","t":"Ai voice input","s":"21st","c":"ai-agent/ai-agent","a":"kokonutd","pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/ai-voice-input.png","pc":"kokonutd","sb":"Voice"},{"id":"21st:kokonutd__animated-ai-input","t":"Animated ai input","d":"AI input with animated model switching. ","s":"21st","c":"ai-agent/ai-agent","a":"kokonutd","st":"rated","pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/animated-ai-input/default/preview.1746444542947.png","pc":"kokonutd","tg":["ai-chat","upload-download"],"sc":18,"sb":"Chat"},{"id":"21st:kokonutd__apple-activity-ring","t":"Apple activity ring","d":"Animated rings based on Apple Fitness. ","s":"21st","c":"data-viz/chart","a":"kokonutd","pl":"https://cdn.21st.dev/kokonutd/apple-activity-ring/default/preview.1750944579105.png","pc":"kokonutd","tg":["progress"]},{"id":"21st:kokonutd__avatar-picker","t":"Avatar picker","d":"Animated avatar picker. ","s":"21st","c":"inputs/select","a":"kokonutd","u":44,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/avatar-picker/default/preview.1745329189628.png","pc":"kokonutd","tg":["avatar","profile"]},{"id":"21st:kokonutd__background-circles","t":"Background circles","k":"motion","s":"21st","c":"motion/background","a":"kokonutd","u":391,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/background-circles/default/preview.png","pc":"kokonutd","tg":["background"]},{"id":"21st:kokonutd__background-paths","t":"Background paths","d":"Landing Background paths with Gradient Title","k":"motion","s":"21st","c":"motion/background","a":"kokonutd","u":5827,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/background-paths/default/preview.png","pc":"kokonutd","tg":["cta","hero"]},{"id":"21st:kokonutd__beams-background","t":"Beams background","d":"Beams Bacground animated with colors","k":"motion","s":"21st","c":"motion/background","a":"kokonutd","pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/beams-background/default/preview.png","pc":"kokonutd","tg":["background"],"sb":"Beams and light"},{"id":"21st:kokonutd__bento-grid","t":"Bento grid","d":"A nice Bento Grid with hover items and shadow.","k":"layout","s":"21st","c":"layout/bento-grid","a":"kokonutd","u":1253,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/bento-grid/default/preview.1738072374201.png","pc":"kokonutd"},{"id":"21st:kokonutd__button-colorful","t":"Button colorful","s":"21st","c":"actions/button","a":"kokonutd","u":1067,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/button-colorful.png","pc":"kokonutd"},{"id":"21st:kokonutd__button-shiny","t":"Button shiny","d":"Shiny Button with shadow gradiant","s":"21st","c":"actions/button","a":"kokonutd","u":249,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/button-shiny.png","pc":"kokonutd","tg":["cta"]},{"id":"21st:kokonutd__carousel-cards","t":"Carousel cards","d":"A horizontally scrollable carousel of experience cards with image, rating, price, and favorite button, ideal for showcasing listings or products.","s":"21st","c":"media/carousel","a":"kokonutd","u":11,"pl":"https://cdn.21st.dev/kokonutd/carousel-cards/default/preview.1783709793306.png","pc":"kokonutd","tg":["carousel","gallery","scroll-area"]},{"id":"21st:kokonutd__chat-card","t":"Chat card","d":"A modern chat interface component that provides a complete messaging experience with reactions, status indicators, and theme support.\n\nFeatures\n\n- Message Display\n  - Message histo","s":"21st","c":"ai-agent/ai-agent","a":"kokonutd","st":"rated","u":81,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/chat-card.png","pc":"kokonutd","sc":20,"sb":"Chat"},{"id":"21st:kokonutd__color-input","t":"Color input","d":"A sophisticated color input component with opacity control, color swatches, and clipboard integration.\n\nFeatures\n\n- Color Management\n  - HEX color input\n  - Visual color preview\n  ","s":"21st","c":"inputs/color-picker","a":"kokonutd","u":88,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/color-input.png","pc":"kokonutd","tg":["slider"]},{"id":"21st:kokonutd__creative-pricing","t":"Creative pricing","d":"A nice creative design ","k":"section","s":"21st","c":"marketing/pricing","a":"kokonutd","u":441,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/creative-pricing/default/preview.png","pc":"kokonutd","tg":["badge","icon","pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:kokonutd__faq","t":"Faq","d":"A comprehensive FAQ section component with animated accordions, gradient styling, and an optional contact prompt. Built with shadcn/ui primitives and Framer Motion animations.\n\nFea","k":"section","s":"21st","c":"marketing/faq","a":"kokonutd","u":569,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/faq.png","pc":"kokonutd","tg":["accordion","faq"]},{"id":"21st:kokonutd__faq-with-categories","t":"Faq with categories","d":"A comprehensive FAQ section component that features categorized questions using shadcn/ui primitives, including accordion items with category badges.\n\nFeatures\n\n- Header Section\n  ","k":"section","s":"21st","c":"marketing/faq","a":"kokonutd","u":135,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/faq-with-categories.png","pc":"kokonutd","tg":["accordion","faq"]},{"id":"21st:kokonutd__glitch-text","t":"Glitch text","d":"An animated glitch text effect with configurable color schemes, intensity, and size for headings and hero titles.","k":"motion","s":"21st","c":"motion/text-effect","a":"kokonutd","pl":"https://cdn.21st.dev/kokonutd/glitch-text/default/preview.1784397724573-a361e842-88f4-433b-bc64-0f00e7784f61.png","pc":"kokonutd","tg":["text"],"sb":"Scramble and glitch"},{"id":"21st:kokonutd__hand-writing-text","t":"Hand writing text","d":"A nice svg hand written text","k":"motion","s":"21st","c":"motion/text-effect","a":"kokonutd","u":658,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/hand-writing-text/default/preview.png","pc":"kokonutd","tg":["text"],"sb":"Handwriting and SVG"},{"id":"21st:kokonutd__hero-fashion","t":"Hero fashion","d":"Minimalist Hero for Fashion brand with minimalist animations. ","k":"section","s":"21st","c":"marketing/hero","a":"kokonutd","u":34,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/hero-fashion/demo-hero-fashion/preview.png","pc":"kokonutd","tg":["hero"]},{"id":"21st:kokonutd__hold-and-release-button","t":"Hold and release button","d":"Hold and Release Button, great for deletion confirmation. ","s":"21st","c":"actions/button","a":"kokonutd","pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/hold-and-release-button.png","pc":"kokonutd","sb":"Loading and states"},{"id":"21st:kokonutd__input","t":"Input","s":"21st","c":"inputs/form-field","a":"kokonutd","pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/input.png","pc":"kokonutd","tg":["input"]},{"id":"21st:kokonutd__interactive-checkout","t":"Interactive checkout","d":"Interactive checkout when adding items to shopping cart.","k":"section","s":"21st","c":"marketing/pricing","a":"kokonutd","u":142,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/interactive-checkout/default/preview.1738000138226.png","pc":"kokonutd"},{"id":"21st:kokonutd__magnetize-button","t":"Magnetize button","s":"21st","c":"actions/button","a":"kokonutd","u":352,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/magnetize-button.png","pc":"kokonutd"},{"id":"21st:kokonutd__matrix-text","t":"Matrix text","d":"Matrix Text Animation","k":"motion","s":"21st","c":"motion/text-effect","a":"kokonutd","pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/matrix-text/default/preview.png","pc":"kokonutd","tg":["text"],"sb":"Scramble and glitch"},{"id":"21st:kokonutd__modal-pricing","t":"Modal pricing","d":"A modal to choose between two pricing. ","k":"section","s":"21st","c":"marketing/pricing","a":"kokonutd","u":135,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/modal-pricing/default/preview.1738070756820.png","pc":"kokonutd","tg":["modal","pricing-section"]},{"id":"21st:kokonutd__numeric-input","t":"Numeric input","s":"21st","c":"inputs/form-field","a":"kokonutd","pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/numeric-input.png","pc":"kokonutd","tg":["input","progress"]},{"id":"21st:kokonutd__particle-button","t":"Particle button","d":"A little particle animation on submit","s":"21st","c":"actions/button","a":"kokonutd","u":312,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/particle-button/default/preview.1738000939635.png","pc":"kokonutd","sb":"Animated"},{"id":"21st:kokonutd__password-input","t":"Password input","s":"21st","c":"inputs/form-field","a":"kokonutd","pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/password-input.png","pc":"kokonutd","sb":"Password"},{"id":"21st:kokonutd__pricing-cards","t":"Pricing cards","d":"A responsive pricing cards component with customizable tiers, features, and dark mode support.\n\nFeatures\n- Responsive grid layout (1 column on mobile, 2 columns on desktop)\n- Dark ","k":"section","s":"21st","c":"marketing/pricing","a":"kokonutd","u":150,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/pricing-cards.png","pc":"kokonutd","tg":["features","pricing-section"],"sb":"Plan cards"},{"id":"21st:kokonutd__pricing-section","t":"Pricing section","d":"Pricing section","k":"section","s":"21st","c":"marketing/pricing","a":"kokonutd","u":487,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/pricing-section.png","pc":"kokonutd","tg":["badge","pricing-section","table","toggle"],"sb":"Comparison tables"},{"id":"21st:kokonutd__pricing-table","t":"Pricing table","d":"A feature comparison pricing table component with animated pricing, interval switching, and plan selection.\n\nFeatures\n- Animated price transitions with NumberFlow\n- Monthly/Yearly ","k":"section","s":"21st","c":"marketing/pricing","a":"kokonutd","u":351,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/pricing-table.png","pc":"kokonutd","tg":["comparison","pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:kokonutd__profile-dropdown","t":"Profile dropdown","d":"A profile dropdown for Users.","s":"21st","c":"data-display/profile","a":"kokonutd","u":111,"pl":"https://cdn.21st.dev/kokonutd/profile-dropdown/default/preview.1759675196471.png","pc":"kokonutd","tg":["badge","avatar","dropdown","menu"]},{"id":"21st:kokonutd__shape-landing-hero","t":"Shape landing hero","d":"A nicely landing with shapes and color.","k":"section","s":"21st","c":"marketing/hero","a":"kokonutd","u":4541,"pl":"https://cdn.21st.dev/kokonutd/shape-landing-hero/default/preview.1785431272869-4471b98b-d626-4c8e-979f-e8f3ec494409.png","pc":"kokonutd"},{"id":"21st:kokonutd__sliced-text","t":"Sliced text","d":"An animated text that splits into two horizontal halves and slices apart on hover.","k":"motion","s":"21st","c":"motion/text-effect","a":"kokonutd","pl":"https://cdn.21st.dev/kokonutd/sliced-text/default/preview.1784686712601-525dff9f-05ef-43e9-aad0-55e33e77b00f.png","pc":"kokonutd","tg":["text"]},{"id":"21st:kokonutd__social-card","t":"Social card","d":"A modern, interactive social media card component with engagement features. Supports dark mode, animations, and customizable content.\n\nFeatures:\n\t•\tInteractive engagement buttons (","k":"resource","s":"21st","c":"assets/og-image","a":"kokonutd","st":"rated","u":123,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/social-card.png","pc":"kokonutd","sc":17},{"id":"21st:kokonutd__swoosh-text","t":"Swoosh text","d":"Bold italic text with a layered colorful drop-shadow that swooshes away on hover.","k":"motion","s":"21st","c":"motion/text-effect","a":"kokonutd","pl":"https://cdn.21st.dev/kokonutd/swoosh-text/default/preview.1784419007879-a725beec-0bf4-4db4-a87a-1a8769783353.png","pc":"kokonutd"},{"id":"21st:kokonutd__tag-input","t":"Tag input","s":"21st","c":"inputs/tag-input","a":"kokonutd","pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/tag-input.png","pc":"kokonutd","tg":["chip"]},{"id":"21st:kokonutd__team-invitation","t":"Team invitation","d":"Team Invitation notification","k":"section","s":"21st","c":"data-display/card","a":"kokonutd","u":89,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/team-invitation.png","pc":"kokonutd","tg":["notification","team"]},{"id":"21st:kokonutd__text-rewind","t":"Text rewind","k":"motion","s":"21st","c":"motion/text-effect","a":"kokonutd","u":114,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/text-rewind.png","pc":"kokonutd"},{"id":"21st:kokonutd__toolbar","t":"Toolbar","d":"Toolbar with actions","s":"21st","c":"navigation/menu","a":"kokonutd","pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/toolbar.png","pc":"kokonutd","tg":["search"],"sb":"Menubars"},{"id":"21st:kokonutd__type-writer","t":"Type writer","d":"An animated typewriter title that types, pauses, deletes and loops through a sequence of words with a blinking cursor and natural typing variance.","k":"motion","s":"21st","c":"motion/cursor","a":"kokonutd","pl":"https://cdn.21st.dev/kokonutd/type-writer/default/preview.1784436957612-59158522-e6c7-4b63-b33b-7fe401d040c2.png","pc":"kokonutd"},{"id":"21st:kokonutd__use-auto-resize-textarea","t":"Use auto resize textarea","d":"A hook that automatically resizes a textarea based on its content","s":"21st","c":"inputs/textarea","a":"kokonutd","pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/use-auto-resize-textarea.png","pc":"kokonutd","tg":["hook","textarea"]},{"id":"21st:kokonutd__use-file-input","t":"Use file input","s":"21st","c":"inputs/file-upload","a":"kokonutd","pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/use-file-input.png","pc":"kokonutd","tg":["hook","upload-download"]},{"id":"21st:kokonutd__use-tags","t":"Use tags","s":"21st","c":"data-display/badge","a":"kokonutd","pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/use-tags.png","pc":"kokonutd","tg":["chip","hook"],"sb":"Tags and pills"},{"id":"21st:kokonutd__v0-ai-chat","t":"V0 ai chat","d":"Design of the v0 AI Chat","s":"21st","c":"ai-agent/ai-agent","a":"kokonutd","pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/v0-ai-chat/default/preview.png","pc":"kokonutd","tg":["ai-chat","upload-download"],"sb":"Chat"},{"id":"21st:kokonutd__wave-text","t":"Wave text","d":"A basic Wave Text on Hover","k":"motion","s":"21st","c":"motion/text-effect","a":"kokonutd","u":124,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/wave-text/default/preview.1737985100989.png","pc":"kokonutd","tg":["text"],"sb":"Bouncy and wavy"},{"id":"21st:kokonutd__x-gradient-card","t":"X gradient card","d":"A nice gradient Card displaying a post from X (Twitter)","s":"21st","c":"data-display/card","a":"kokonutd","u":274,"pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/x-gradient-card/default/preview.png","pc":"kokonutd","sb":"Animated and glowing"},{"id":"21st:kom.sujautra__liquid-glass-donut","t":"Liquid glass donut","d":"A refractive 3D torus built with MeshTransmissionMaterial, simulating realistic glass-like distortion and depth. It dynamically bends light and deforms text behind it","s":"21st","c":"data-viz/chart","a":"kom.sujautra","pl":"https://cdn.21st.dev/kom.sujautra/liquid-glass-donut/default/preview.1751116342760.png","pc":"kom.sujautra","sb":"Pie, donut and radial"},{"id":"21st:koppkvn__counter","t":"Counter","d":"Counting stuff","k":"motion","s":"21st","c":"motion/number-ticker","a":"koppkvn","pl":"https://cdn.21st.dev/koppkvn/counter/default/preview.1770199586910.png","pc":"koppkvn"},{"id":"21st:koushik890__desktop-mode-switcher","t":"Desktop mode switcher","d":"A mobile-responsive card component that prompts users to switch from mobile to desktop mode to access the full automation flow builder interface. Features a glassmorphic design wit","s":"21st","c":"actions/switch","a":"koushik890","pl":"https://cdn.21st.dev/koushik890/desktop-mode-switcher/default/preview.1752407817392.png","pc":"koushik890","sb":"Theme toggles"},{"id":"21st:koustubhayadiyala36__action-searchbar","t":"Action searchbar","d":"Action searchbar the name itself is enough\nAnimated smooth transtitional searchbar with framer motion","s":"21st","c":"inputs/search","a":"koustubhayadiyala36","u":55,"pl":"https://cdn.21st.dev/koustubhayadiyala36/action-searchbar/default/preview.1764332963392.png","pc":"koustubhayadiyala36","tg":["list","search"]},{"id":"21st:koustubhayadiyala36__activity-feed","t":"Activity feed","d":"Activity Feed component for Notification UI component add-ons","s":"21st","c":"data-display/timeline","a":"koustubhayadiyala36","st":"rated","pl":"https://cdn.21st.dev/koustubhayadiyala36/activity-feed/default/preview.1765293543682.png","pc":"koustubhayadiyala36","sc":17},{"id":"21st:koustubhayadiyala36__analytical-loader","t":"Analytical loader","d":"Analytical Stat Dashboard Loader UI block","s":"21st","c":"status/loader","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/analytical-loader/default/preview.1765298705808.png","pc":"koustubhayadiyala36","sb":"Spinners"},{"id":"21st:koustubhayadiyala36__animated-component","t":"Animated component","d":"Complex Animated component for UI styling for websites that deal with AI integration and workflow showcasing","s":"21st","c":"other","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/animated-component/default/preview.1764330738494.png","pc":"koustubhayadiyala36"},{"id":"21st:koustubhayadiyala36__animated-list","t":"Animated list","d":"Animated List UI","s":"21st","c":"data-display/list","a":"koustubhayadiyala36","st":"rated","pl":"https://cdn.21st.dev/koustubhayadiyala36/animated-list/default/preview.1772349742387.png","pc":"koustubhayadiyala36","sc":17},{"id":"21st:koustubhayadiyala36__animated-menu","t":"Animated menu","d":"Animated Menu bar with test transitions on hover \neasy transitions .","s":"21st","c":"navigation/menu","a":"koustubhayadiyala36","u":85,"pl":"https://cdn.21st.dev/koustubhayadiyala36/animated-menu/default/preview.1764337794160.png","pc":"koustubhayadiyala36","tg":["menu"]},{"id":"21st:koustubhayadiyala36__ascii-log-leet","t":"Ascii log leet","d":"Animated (flicker) ASCII art in the Characters style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a neon look. A drop-in, zero-dependency React co","k":"motion","s":"21st","c":"motion/ascii","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/ascii-log-leet/default/preview.1784294479118-c5da0d28-6c13-4e88-8468-6e540716be5d.webp","pc":"koustubhayadiyala36","tg":["video"],"sb":"Characters"},{"id":"21st:koustubhayadiyala36__callout","t":"Callout","d":"Callout Components . Use callouts to highlight important information in your documentation.","s":"21st","c":"overlays/alert-banner","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/callout/default/preview.1765298877909.png","pc":"koustubhayadiyala36"},{"id":"21st:koustubhayadiyala36__circular-command-menu","t":"Circular command menu","d":"Circular Command Menu, toggled circular menu with default 5 menu components ,easily custamizable animated menu component","s":"21st","c":"navigation/command-palette","a":"koustubhayadiyala36","u":48,"pl":"https://cdn.21st.dev/koustubhayadiyala36/circular-command-menu/default/preview.1764409802401.png","pc":"koustubhayadiyala36","tg":["menu","tooltip"]},{"id":"21st:koustubhayadiyala36__dashboard-overview","t":"Dashboard overview","d":"Dashboard Overview animated chart UI component , 2d UI animation","k":"layout","s":"21st","c":"layout/dashboard","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/dashboard-overview/default/preview.1765299122796.png","pc":"koustubhayadiyala36"},{"id":"21st:koustubhayadiyala36__empty-cart","t":"Empty cart","d":"Empty cart UI component showcase","s":"21st","c":"data-display/empty-state","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/empty-cart/default/preview.1765291994420.png","pc":"koustubhayadiyala36"},{"id":"21st:koustubhayadiyala36__file-interactivity","t":"File interactivity","d":"File Interactivity component for UI purpose s, component file styling","s":"21st","c":"data-display/timeline","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/file-interactivity/default/preview.1765293081123.png","pc":"koustubhayadiyala36"},{"id":"21st:koustubhayadiyala36__file-tree","t":"File tree","d":"File Tree component UI component for ultiple file showcasing in code realted apps","s":"21st","c":"data-display/tree","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/file-tree/default/preview.1765292925016.png","pc":"koustubhayadiyala36"},{"id":"21st:koustubhayadiyala36__file-upload-progress","t":"File upload progress","d":"File Upload Progress Animation interactive UI with animated loading feature","s":"21st","c":"data-viz/progress-bar","a":"koustubhayadiyala36","st":"rated","pl":"https://cdn.21st.dev/koustubhayadiyala36/file-upload-progress/default/preview.1765297107809.png","pc":"koustubhayadiyala36","sc":18},{"id":"21st:koustubhayadiyala36__fluid-dropdown","t":"Fluid dropdown","d":"Fluid dropdown component with hover and smooth animations,\ncustomizable colors and Animation","s":"21st","c":"navigation/menu","a":"koustubhayadiyala36","u":58,"pl":"https://cdn.21st.dev/koustubhayadiyala36/fluid-dropdown/default/preview.1764602676839.png","pc":"koustubhayadiyala36","tg":["dropdown","menu"],"sb":"Dropdowns"},{"id":"21st:koustubhayadiyala36__inbox","t":"Inbox","d":"Inbox notification all caught up component","s":"21st","c":"overlays/notifications","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/inbox/default/preview.1765291857650.png","pc":"koustubhayadiyala36"},{"id":"21st:koustubhayadiyala36__magnetbutton","t":"Magnetbutton","d":"hovering magnetic button","s":"21st","c":"actions/button","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/magnetbutton/default/preview.1772349253268.png","pc":"koustubhayadiyala36"},{"id":"21st:koustubhayadiyala36__morphing-card-stack","t":"Morphing card stack","d":"Unique Crad stack layout different types of layouts from presenting Your data and animations around switching them","s":"21st","c":"media/card-stack","a":"koustubhayadiyala36","u":256,"pl":"https://cdn.21st.dev/koustubhayadiyala36/morphing-card-stack/default/preview.1764410711764.png","pc":"koustubhayadiyala36"},{"id":"21st:koustubhayadiyala36__multi-step-progress","t":"Multi step progress","d":"Multi Step Progress UI Block , for auth or login/account setup process ","s":"21st","c":"data-viz/progress-bar","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/multi-step-progress/default/preview.1765297434733.png","pc":"koustubhayadiyala36"},{"id":"21st:koustubhayadiyala36__navigation-menu","t":"Navigation menu","s":"21st","c":"navigation/top-nav","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/navigation-menu/default/preview.1764330563889.png","pc":"koustubhayadiyala36","sb":"Mega menus"},{"id":"21st:koustubhayadiyala36__notification-ui","t":"Notification ui","d":"Notification center animation new type window animation","s":"21st","c":"overlays/notifications","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/notification-ui/default/preview.1765293861984.png","pc":"koustubhayadiyala36"},{"id":"21st:koustubhayadiyala36__otp-input","t":"Otp input","d":"otp  input right and wrong UI","s":"21st","c":"inputs/otp-input","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/otp-input/default/preview.1772350212350.png","pc":"koustubhayadiyala36"},{"id":"21st:koustubhayadiyala36__particle-vortex","t":"Particle vortex","d":"Interactive particle Vortex, fun component for Interactive things as compoents","k":"motion","s":"21st","c":"motion/background","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/particle-vortex/default/preview.1764411566588.png","pc":"koustubhayadiyala36","sb":"Particles and stars"},{"id":"21st:koustubhayadiyala36__preloader","t":"Preloader","s":"21st","c":"status/loader","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/preloader/default/preview.1764334247755.png","pc":"koustubhayadiyala36"},{"id":"21st:koustubhayadiyala36__project-timeline","t":"Project timeline","d":"Project Timeline UI component vertical one","s":"21st","c":"data-display/timeline","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/project-timeline/default/preview.1765296077567.png","pc":"koustubhayadiyala36"},{"id":"21st:koustubhayadiyala36__real-time-analytics","t":"Real time analytics","k":"layout","s":"21st","c":"layout/dashboard","a":"koustubhayadiyala36","st":"rated","pl":"https://cdn.21st.dev/koustubhayadiyala36/real-time-analytics/default/preview.1765299824446.png","pc":"koustubhayadiyala36","tg":["dashboard"],"sc":22},{"id":"21st:koustubhayadiyala36__shatter-button","t":"Shatter button","d":"Burst feature on click of button component , can be used for payment submission login/signup's","s":"21st","c":"actions/button","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/shatter-button/default/preview.1764412174848.png","pc":"koustubhayadiyala36"},{"id":"21st:koustubhayadiyala36__spotlight-command-palette","t":"Spotlight command palette","d":"Spotlight Command Palette with on click animation and professional animated UI","s":"21st","c":"navigation/command-palette","a":"koustubhayadiyala36","st":"rated","pl":"https://cdn.21st.dev/koustubhayadiyala36/spotlight-command-palette/default/preview.1765294199280.png","pc":"koustubhayadiyala36","sc":22},{"id":"21st:koustubhayadiyala36__stepper","t":"Stepper","d":"stepper onboarding UI","s":"21st","c":"navigation/wizard-steps","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/stepper/default/preview.1772349457003.png","pc":"koustubhayadiyala36"},{"id":"21st:koustubhayadiyala36__task-board","t":"Task board","d":"Task Board draggable component , list item drag and drop funcitonality","s":"21st","c":"data-display/kanban","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/task-board/default/preview.1765296409875.png","pc":"koustubhayadiyala36"},{"id":"21st:koustubhayadiyala36__theme-toggle","t":"Theme toggle","d":"Unique type of them toggle from bottom with unique logo and easily changeable transition","s":"21st","c":"actions/switch","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/theme-toggle/default/preview.1764336773284.png","pc":"koustubhayadiyala36","sb":"Theme toggles"},{"id":"21st:koustubhayadiyala36__tilt-card","t":"Tilt card","d":"Tilt Card UI","s":"21st","c":"data-display/card","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/tilt-card/default/preview.1772350482173.png","pc":"koustubhayadiyala36","sb":"Animated and glowing"},{"id":"21st:koustubhayadiyala36__trello-kanban-board","t":"Trello kanban board","d":"Trello Kanban Board drag and drop material component, project overview tasks boards","s":"21st","c":"data-display/kanban","a":"koustubhayadiyala36","u":48,"pl":"https://cdn.21st.dev/user_35NAal4ngoiwl586UuIyinZjTsG/trello-kanban-board/default/preview.1785925970791.png","pc":"koustubhayadiyala36"},{"id":"21st:koustubhayadiyala36__txt-animations","t":"Txt animations","d":"Txt Animations countdown,random money range,number flow in view","s":"21st","c":"motion/number-ticker","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/txt-animations/default/preview.1765560178669.png","pc":"koustubhayadiyala36"},{"id":"21st:koustubhayadiyala36__upload-files","t":"Upload files","d":"File upload empty state Component with File icon floating","s":"21st","c":"inputs/file-upload","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/upload-files/default/preview.1765292255127.png","pc":"koustubhayadiyala36"},{"id":"21st:koustubhayadiyala36__vercel-navbar","t":"Vercel navbar","d":"Vercel Navigatiob bar which smoothly transitions to upper navbar when scrolled and upper Navbar disappears smoothly and appears as scrolled back, one of vercel scrollbar UI compone","s":"21st","c":"navigation/top-nav","a":"koustubhayadiyala36","pl":"https://cdn.21st.dev/koustubhayadiyala36/vercel-navbar/default/preview.1764245438964.png","pc":"koustubhayadiyala36","sb":"Mega menus"},{"id":"21st:koustubhayadiyala36__vs-code-command-palette","t":"Vs code command palette","d":"VS Code Command Palette UI component with vscode theme based styling and icons","s":"21st","c":"assets/icon","a":"koustubhayadiyala36","st":"rated","pl":"https://cdn.21st.dev/koustubhayadiyala36/vs-code-command-palette/default/preview.1765295064866.png","pc":"koustubhayadiyala36","sc":18},{"id":"21st:kristen17__course-design-cards","t":"Course design cards","d":"Here is Course Design Cards component","s":"21st","c":"data-display/card","a":"kristen17","u":40,"pl":"https://cdn.21st.dev/larsen66/course-design-cards/default/preview.1753891440996.png","pc":"kristen17","tg":["avatar","card","dashboard","progress"]},{"id":"21st:kristen17__message-design-card-list","t":"Message design card list","d":"Here is Message Design Card List component","s":"21st","c":"data-display/card","a":"kristen17","pl":"https://cdn.21st.dev/larsen66/message-design-card-list/default/preview.1753895144779.png","pc":"kristen17","tg":["sidebar"]},{"id":"21st:kristen17__rounded-box","t":"Rounded box","d":"Here is Rounded Box component","s":"21st","c":"other","a":"kristen17","pl":"https://cdn.21st.dev/larsen66/rounded-box/default/preview.1753895583602.png","pc":"kristen17"},{"id":"21st:kristen17__upload-ui","t":"Upload ui","d":"Here is Upload Ui component","s":"21st","c":"inputs/file-upload","a":"kristen17","pl":"https://cdn.21st.dev/larsen66/upload-ui/default/preview.1753894766929.png","pc":"kristen17","tg":["card","progress","upload-download"]},{"id":"21st:kroist__copyableaddress","t":"Copyableaddress","d":"Copy-on-click web3 address component.","s":"21st","c":"actions/copy-button","a":"kroist","pl":"https://cdn.21st.dev/user_2nDnZNwEvM3PHGyEh2VS66CLx4j/copyableaddress.png","pc":"kroist"},{"id":"21st:ksumit1109__tic-tac-toe","t":"Tic tac toe","s":"21st","c":"other","a":"ksumit1109","pl":"https://cdn.21st.dev/ksumit1109/tic-tac-toe/default/preview.1765365511927.png","pc":"ksumit1109"},{"id":"21st:kumail_ali_r__core-spin-loader","t":"Core spin loader","d":"Designed to fit seamlessly into dashboards, SaaS products, AI interfaces, and developer tools, CoreSpin Loader delivers a premium visual experience while remaining lightweight and ","s":"21st","c":"status/loader","a":"kumail_ali_r","pl":"https://cdn.21st.dev/user_338YwMTIGt8stOiPgn1tRlIAZUm/core-spin-loader/default/preview.1787570522652.png","pc":"kumail_ali_r","sb":"Spinners"},{"id":"21st:kurket21__progressive-hero","t":"Progressive hero","d":"here is progressive hero","k":"section","s":"21st","c":"marketing/hero","a":"kurket21","u":26,"pl":"https://cdn.21st.dev/kurket21/progressive-hero/default/preview.1747357451432.png","pc":"kurket21","tg":["cta","video"],"sb":"With video"},{"id":"21st:kushal.ict2022__mtfuji","t":"Mtfuji","d":"Animated (flicker) ASCII art in the Diamond style, made with the 21st ASCII editor and baked to a looping video. Styled with a pixel look. A drop-in, zero-dependency React componen","k":"motion","s":"21st","c":"motion/ascii","a":"kushal.ict2022","pl":"https://cdn.21st.dev/kushal.ict2022/mtfuji/default/preview.1786864817937-155edaf8-afe5-43ee-8a71-dfe123bd9232.webp","pc":"kushal.ict2022","sb":"Diamond"},{"id":"21st:kvnkld__ai-agent-input","t":"Ai agent input","s":"21st","c":"ai-agent/ai-agent","a":"kvnkld","pl":"https://cdn.21st.dev/kvnkld/ai-agent-input/default/preview.1785549206103-42bde365-2942-465f-9ad7-4e676c544d96.png","pc":"kvnkld","sb":"Chat"},{"id":"21st:kvnkld__code-block","t":"Code block","d":"A compact code snippet block with a filename header, line numbers and a copy-to-clipboard button, ideal for showing code output in AI chat interfaces.","s":"21st","c":"data-display/code-block","a":"kvnkld","pl":"https://cdn.21st.dev/kvnkld/code-block/default/preview.1785482944355-851d640c-1d50-4413-9584-d9cc5613048f.png","pc":"kvnkld"},{"id":"21st:kvnkld__comparison-table","t":"Comparison table","d":"A compact feature-comparison table that lays out plans across columns and marks which features each plan includes, ideal for pricing and plan comparisons in AI chat responses.","k":"section","s":"21st","c":"marketing/comparison","a":"kvnkld","pl":"https://cdn.21st.dev/kvnkld/comparison-table/default/preview.1785549154597-bcc991e8-e541-49c0-8434-77f4645b440a.png","pc":"kvnkld"},{"id":"21st:kvnkld__data-table","t":"Data table","d":"A compact comparison table listing AI models with their context window and price, each row prefixed with the provider's brand icon.","s":"21st","c":"data-display/table","a":"kvnkld","pl":"https://cdn.21st.dev/kvnkld/data-table/default/preview.1785482974797-42b40023-44f8-4ca4-bb79-d14de92b7bec.png","pc":"kvnkld","sb":"Data tables"},{"id":"21st:kvnkld__file-diff","t":"File diff","d":"A compact code file diff viewer showing added and removed lines with line numbers, a header filename, and add/remove counts.","s":"21st","c":"data-display/diff","a":"kvnkld","st":"rated","pl":"https://cdn.21st.dev/kvnkld/file-diff/default/preview.1785482914586-8bd1ffa5-e8cb-43bc-8379-79b6500643ff.png","pc":"kvnkld","sc":19},{"id":"21st:kvnkld__image-generation","t":"Image generation","s":"21st","c":"media/gallery","a":"kvnkld","pl":"https://cdn.21st.dev/kvnkld/image-generation/default/preview.1785481177160-addd2443-389c-41e3-ab8a-de5c740cb48a.png","pc":"kvnkld","tg":["ai-chat","spinner"]},{"id":"21st:kvnkld__inline-citations","t":"Inline citations","d":"Prose text with inline numbered citation chips that link to sources, reveal the reference name on hover, and list all references in a footer.","s":"21st","c":"ai-agent/ai-agent","a":"kvnkld","pl":"https://cdn.21st.dev/kvnkld/inline-citations/default/preview.1785482929509-640b2bad-ebb8-4825-9616-a0d9aa0d9045.png","pc":"kvnkld","tg":["tooltip"],"sb":"Sources"},{"id":"21st:kvnkld__orbs-helix","t":"Orbs helix","d":"Compact animated helix activity indicators for showing agent status without blocking the thread.","s":"21st","c":"ai-agent/ai-agent","a":"kvnkld","st":"rated","pl":"https://cdn.21st.dev/kvnkld/orbs-helix/default/preview.1786017365123-d7136674-f2ab-4671-b4ce-40a732035929.png","pc":"kvnkld","sc":17,"sb":"Orbs and presence"},{"id":"21st:kvnkld__orbs-lens","t":"Orbs lens","d":"Compact animated lens activity indicators for showing agent status without blocking the thread.","s":"21st","c":"media/gallery","a":"kvnkld","pl":"https://cdn.21st.dev/kvnkld/orbs-lens/default/preview.1786017346297-0b68ec1a-ed26-401d-a7db-0a76587e1caf.png","pc":"kvnkld","sb":"Zoom and lens"},{"id":"21st:kvnkld__orbs-morph","t":"Orbs morph","d":"Compact animated morph activity indicators for showing agent status without blocking the thread.","k":"motion","s":"21st","c":"motion/text-effect","a":"kvnkld","pl":"https://cdn.21st.dev/kvnkld/orbs-morph/default/preview.1786017385415-008f4a67-2c90-4cb4-98a2-a009c20b840d.png","pc":"kvnkld","sb":"Rotating words"},{"id":"21st:kvnkld__orbs-ring","t":"Orbs ring","d":"Compact animated ring activity indicators for showing agent status without blocking the thread.","s":"21st","c":"ai-agent/ai-agent","a":"kvnkld","pl":"https://cdn.21st.dev/kvnkld/orbs-ring/default/preview.1786017365051-7e48c3df-f88e-4d47-8390-c227f1fa8f07.png","pc":"kvnkld","sb":"Orbs and presence"},{"id":"21st:kvnkld__streaming-text","t":"Streaming text","d":"Typewriter-style streaming text that reveals characters over time with a blinking caret, for AI agent chat and LLM response interfaces.","k":"motion","s":"21st","c":"motion/text-effect","a":"kvnkld","pl":"https://cdn.21st.dev/kvnkld/streaming-text/default/preview.1785482959332-15d5e671-3e14-4644-a1fa-e0e065a860af.png","pc":"kvnkld"},{"id":"21st:kvnkld__task-list","t":"Task list","d":"An animated Cursor-style to-do checklist that an AI agent maintains, with a collapsible header showing overall progress and done, in-progress, and pending item states.","s":"21st","c":"data-display/list","a":"kvnkld","pl":"https://cdn.21st.dev/kvnkld/task-list/default/preview.1785546579848-04431897-fd20-47b6-a7ce-1af84f61186e.png","pc":"kvnkld","sb":"Tasks and to-dos"},{"id":"21st:kvnkld__text-response","t":"Text response","d":"Clean prose styling for an AI assistant's text answer with paragraphs and inline code.","k":"motion","s":"21st","c":"motion/text-effect","a":"kvnkld","pl":"https://cdn.21st.dev/kvnkld/text-response/default/preview.1785482898154-d17c0800-743a-483b-a55c-68f05d2dc493.png","pc":"kvnkld"},{"id":"21st:kvnkld__thinking-reasoning","t":"Thinking reasoning","s":"21st","c":"ai-agent/ai-agent","a":"kvnkld","pl":"https://cdn.21st.dev/kvnkld/thinking-reasoning/default/preview.1785481132260-1b8a1d49-81d3-4e2d-86c2-a394e9aef2ea.png","pc":"kvnkld","tg":["ai-chat"],"sb":"Reasoning and tools"},{"id":"21st:kvnkld__thinking-state","t":"Thinking state","d":"A minimal shimmering text label that signals an AI agent is processing before it answers.","s":"21st","c":"ai-agent/ai-agent","a":"kvnkld","pl":"https://cdn.21st.dev/kvnkld/thinking-state/default/preview.1785481085095-14b2b246-bdb1-4fbb-9255-71793a7bca0f.png","pc":"kvnkld","sb":"Reasoning and tools"},{"id":"21st:kvnkld__web-search","t":"Web search","d":"An animated AI web-search state that streams a query, discovers source links one by one with a spinning globe, then marks each result done with a check.","s":"21st","c":"inputs/search","a":"kvnkld","st":"rated","pl":"https://cdn.21st.dev/kvnkld/web-search/default/preview.1785545131887-fa0f5120-b757-4583-8cfd-641f3a40607d.png","pc":"kvnkld","sc":21},{"id":"21st:kyesebastian__mee","t":"Mee","d":"Animated (pulse) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, a","k":"motion","s":"21st","c":"motion/ascii","a":"kyesebastian","pl":"https://cdn.21st.dev/kyesebastian/mee/default/preview.1786652452568-c3a27bc6-42c1-403b-8eab-e72535dbf56a.webp","pc":"kyesebastian","sb":"Dither"},{"id":"21st:kygsz29__lahit","t":"Lahit","d":"Animated (wave) ASCII art in the Pixel Art style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"kygsz29","pl":"https://cdn.21st.dev/kygsz29/lahit/default/preview.1786864808975-59d2f8a2-a34c-40b8-9a66-513b19ce7e63.webp","pc":"kygsz29","sb":"Pixel Art"},{"id":"21st:larsen66__3d-text","t":"3d text","d":"Here is 3D Text component","k":"motion","s":"21st","c":"motion/text-effect","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/3d-text/default/preview.1750181195620.png","pc":"larsen66","sb":"3D text"},{"id":"21st:larsen66__admit-one-ticket","t":"Admit one ticket","d":"A dithered event ticket card with a perforated stub, 3D hover tilt, animated glare, and customizable event details.","s":"21st","c":"data-display/card","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/admit-one-ticket/default/preview.1785303886094-77c8e9c5-cc98-4f47-ab07-9d125d2f266d.png","pc":"larsen66","tg":["card"]},{"id":"21st:larsen66__animated-border","t":"Animated border","d":"Here is animated border component","k":"motion","s":"21st","c":"motion/border","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/animated-border/default/preview.1773076912612.png","pc":"larsen66"},{"id":"21st:larsen66__background-gradient-snippet","t":"Background gradient snippet","d":"Here is Background Gradient Snippet component","k":"motion","s":"21st","c":"motion/background","a":"larsen66","u":70,"pl":"https://cdn.21st.dev/larsen66/background-gradient-snippet/default/preview.1756797835869.png","pc":"larsen66","tg":["background"],"sb":"Grids and patterns"},{"id":"21st:larsen66__background-snippets-noise-effect11","t":"Background snippets noise effect11","d":"Here is Background Snippets Noise effect component","k":"motion","s":"21st","c":"motion/background","a":"larsen66","u":109,"pl":"https://cdn.21st.dev/larsen66/background-snippets-noise-effect11/default/preview.1756797499983.png","pc":"larsen66","tg":["background","grid"],"sb":"Grids and patterns"},{"id":"21st:larsen66__bento-features","t":"Bento features","d":"Here is Bento Features componhent","k":"section","s":"21st","c":"marketing/features","a":"larsen66","u":40,"pl":"https://cdn.21st.dev/larsen66/bento-features/default/preview.1759166271914.png","pc":"larsen66","tg":["features"],"sb":"Bento"},{"id":"21st:larsen66__bento-monochrome","t":"Bento monochrome","d":"Here is Bento Monochrome component","k":"layout","s":"21st","c":"layout/bento-grid","a":"larsen66","u":120,"pl":"https://cdn.21st.dev/larsen66/bento-monochrome/default/preview.1759204336628.png","pc":"larsen66","tg":["features"]},{"id":"21st:larsen66__bento-monochrome-1","t":"Bento monochrome 1","d":"Here is Bento Monochrome 1 componehnt","k":"layout","s":"21st","c":"layout/bento-grid","a":"larsen66","u":59,"pl":"https://cdn.21st.dev/larsen66/bento-monochrome-1/default/preview.1759206307543.png","pc":"larsen66","tg":["features"]},{"id":"21st:larsen66__blueprint-gradient-mesh","t":"Blueprint gradient mesh","d":"Here is Blueprint Gradient Mesh component","k":"motion","s":"21st","c":"motion/gradient","a":"larsen66","u":12,"pl":"https://cdn.21st.dev/larsen66/blueprint-gradient-mesh/default/preview.1756803128499.png","pc":"larsen66","tg":["background"]},{"id":"21st:larsen66__cursor-smoke","t":"Cursor smoke","d":"Here is smokey cursor component","k":"motion","s":"21st","c":"motion/cursor","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/cursor-smoke/default/preview.1750181241233.png","pc":"larsen66"},{"id":"21st:larsen66__expand-on-hover","t":"Expand on hover","d":"Here is expand on hover ","s":"21st","c":"media/carousel","a":"larsen66","u":33,"pl":"https://cdn.21st.dev/user_2wdgsmfD3BNOOm4oOqUDUS9IXZI/expand-on-hover/default/preview.1757686298097.png","pc":"larsen66","tg":["carousel","gallery","image"]},{"id":"21st:larsen66__expanded-tabs","t":"Expanded tabs","d":"Here is Expanded Tabs component","s":"21st","c":"navigation/tabs","a":"larsen66","u":37,"pl":"https://cdn.21st.dev/larsen66/expanded-tabs/default/preview.1753312217746.png","pc":"larsen66"},{"id":"21st:larsen66__faq-monocrhome","t":"Faq monocrhome","d":"Here is FAQ monochrome section","k":"section","s":"21st","c":"marketing/faq","a":"larsen66","u":152,"pl":"https://cdn.21st.dev/larsen66/faq-monocrhome/default/preview.1759204235333.png","pc":"larsen66","tg":["accordion","faq","toggle"]},{"id":"21st:larsen66__hero-ascii","t":"Hero ascii","d":"Here is Hero ASCII  component","k":"section","s":"21st","c":"marketing/hero","a":"larsen66","u":236,"pl":"https://cdn.21st.dev/larsen66/hero-ascii/default/preview.1760453142930.png","pc":"larsen66"},{"id":"21st:larsen66__hero-ascii-one","t":"Hero ascii one","d":"Hero ASCII one","k":"section","s":"21st","c":"marketing/hero","a":"larsen66","u":228,"pl":"https://cdn.21st.dev/larsen66/hero-ascii-one/default/preview.1760453288815.png","pc":"larsen66"},{"id":"21st:larsen66__hero-futuristic","t":"Hero futuristic","d":"This component renders an interactive 3D scene with a scanning effect and depth map using React Three Fiber and Three.js (WebGPU). It features:\n","k":"section","s":"21st","c":"marketing/hero","a":"larsen66","u":900,"pl":"https://cdn.21st.dev/larsen66/hero-futuristic/default/preview.1747063193351.png","pc":"larsen66","tg":["hero"]},{"id":"21st:larsen66__hole-reveal-hero","t":"Hole reveal hero","d":"Here is Hole reveal Hero  component","k":"section","s":"21st","c":"marketing/hero","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/hole-reveal-hero/default/preview.1758877408840.png","pc":"larsen66","tg":["cta"]},{"id":"21st:larsen66__login","t":"Login","d":"a futuristic minimalistic interactive login page","s":"21st","c":"flows/sign-in","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/login/default/preview.1747007416531.png","pc":"larsen66","sb":"Sign in"},{"id":"21st:larsen66__login-inifinity","t":"Login inifinity","d":"Its simple infinitiy login styled button","s":"21st","c":"flows/sign-in","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/login-inifinity/default/preview.1747354231995.png","pc":"larsen66","sb":"Sign in"},{"id":"21st:larsen66__login-smoke","t":"Login smoke","d":"Its a simple minimalistic login/signup page with smoking effect","s":"21st","c":"flows/sign-in","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/login-smoke/default/preview.1747350537411.png","pc":"larsen66","sb":"Sign in"},{"id":"21st:larsen66__motion-accordion","t":"Motion accordion","d":"An accordion that expands and collapses with height and blur, from the official Motion examples catalog.","s":"21st","c":"data-display/accordion","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-accordion/default/preview.1787004234227-a0ea6b44-ce38-4d3f-9401-372b712b80ad.png","pc":"larsen66","sb":"Animated"},{"id":"21st:larsen66__motion-add-to-basket","t":"Motion add to basket","d":"A Motion for React add-to-basket animation that flies a Campus 00s tile into a cart along a curved arc, from the official Motion examples catalog.","s":"21st","c":"data-display/card","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-add-to-basket/default/preview.1786933515261-48286c9d-0432-4078-b738-2dd355d4bac9.png","pc":"larsen66"},{"id":"21st:larsen66__motion-along-path","t":"Motion along path","d":"A Motion for React box that travels an SVG path while the stroke draws in, from the official Motion examples catalog.","s":"21st","c":"other","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-along-path/default/preview.1786969554999-c22869f1-25f5-483a-b0f0-0cd3a212644e.png","pc":"larsen66"},{"id":"21st:larsen66__motion-animate-presence-modes","t":"Motion animate presence modes","d":"A Motion for React demo of AnimatePresence sync, wait, and popLayout modes, from the official Motion examples catalog.","s":"21st","c":"status/status-dot","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-animate-presence-modes/default/preview.1786933552296-0b4b0199-3927-4fe3-a3a0-50043bdf0da2.png","pc":"larsen66"},{"id":"21st:larsen66__motion-apple-intelligence","t":"Motion apple intelligence","d":"A Motion for React Apple Intelligence ripple that clones the screen and animates a glow mask, from the official Motion examples catalog.","s":"21st","c":"other","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-apple-intelligence/default/preview.1787004306557-1c743cc6-e3cf-4498-aa70-e710ee174a60.png","pc":"larsen66"},{"id":"21st:larsen66__motion-aspect-ratio","t":"Motion aspect ratio","d":"A Motion for React box whose aspect ratio and width animate with layout, from the official Motion examples catalog.","s":"21st","c":"other","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-aspect-ratio/default/preview.1786990961360-ed176537-3c38-480f-97b6-9edae1ec0e58.png","pc":"larsen66"},{"id":"21st:larsen66__motion-bobble-hover","t":"Motion bobble hover","d":"A 3x3 grid of tiles that bobble with a spring when hovered, with the bounce scaled to how fast the pointer was moving, using Motion for React.","k":"motion","s":"21st","c":"motion/cursor","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-bobble-hover/default/preview.1787004527884.png","pc":"larsen66"},{"id":"21st:larsen66__motion-bounce-easing","t":"Motion bounce easing","d":"A Motion for React vertical switch that springs on and bounces off, from the official Motion examples catalog.","s":"21st","c":"actions/switch","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-bounce-easing/default/preview.1786969581401-7ecdcccf-ce30-416e-a44b-0ea4c5cff495.png","pc":"larsen66","sb":"Animated"},{"id":"21st:larsen66__motion-card-stack","t":"Motion card stack","d":"A swipeable photo stack that sends the top image to the back, from the official Motion examples catalog.","s":"21st","c":"media/card-stack","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-card-stack/default/preview.1787004288226-561f439e-2b68-41d4-8f4e-704d01e4bb97.png","pc":"larsen66"},{"id":"21st:larsen66__motion-characters-remaining","t":"Motion characters remaining","d":"An example of creating a character counter with spring animations in Motion for React","s":"21st","c":"motion/number-ticker","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-characters-remaining/default/preview.1786997637983-89302949-fa8c-4a03-a0c9-156fee9c9293.png","pc":"larsen66"},{"id":"21st:larsen66__motion-collision-hover-events-only","t":"Motion collision hover events only","d":"The naive approach: lighting grid cells on pointerenter, which skips cells on a fast cursor. The counter-example to swept collision detection in Motion for React.","k":"motion","s":"21st","c":"motion/cursor","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-collision-hover-events-only/default/preview.1786997689967-33ac2a71-e25f-4123-a535-2270a7c0c182.png","pc":"larsen66"},{"id":"21st:larsen66__motion-color-interpolation","t":"Motion color interpolation","d":"A Motion for React demo comparing browser and Motion color interpolation, from the official Motion examples catalog.","s":"21st","c":"inputs/color-picker","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-color-interpolation/default/preview.1786990933326-37a83662-1ede-4e46-b1a2-5bb618054d5d.png","pc":"larsen66"},{"id":"21st:larsen66__motion-color-picker","t":"Motion color picker","d":"An example of creating a circular color picker with dots that react to cursor movement with soft springs using Motion for React.","s":"21st","c":"inputs/color-picker","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-color-picker/default/preview.1787001632570-1fa8023a-4ca9-4cbd-95ee-482feaa9f879.png","pc":"larsen66"},{"id":"21st:larsen66__motion-confetti","t":"Motion confetti","d":"Celebratory confetti particle explosion triggered by a button press, with spring-driven button feedback and randomised particle physics","k":"motion","s":"21st","c":"motion/background","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-confetti/default/preview.1787004542255.png","pc":"larsen66","sb":"Particles and stars"},{"id":"21st:larsen66__motion-conic-gradient-pointer","t":"Motion conic gradient pointer","d":"An example of creating a dynamic conic gradient with motion values and pointer position.","k":"motion","s":"21st","c":"motion/cursor","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-conic-gradient-pointer/default/preview.1786997664746-5a65d366-0721-49d5-81fb-4ccf8ad3a085.png","pc":"larsen66"},{"id":"21st:larsen66__motion-context-menu","t":"Motion context menu","d":"A right-click context menu with nested Arrange and Transform items, from the official Motion examples catalog.","s":"21st","c":"overlays/context-menu","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-context-menu/default/preview.1787006002696.png","pc":"larsen66"},{"id":"21st:larsen66__motion-copy-button","t":"Motion copy button","d":"Animated copy-to-clipboard button with icon swap, blur transitions, and pathLength checkmark draw","s":"21st","c":"actions/copy-button","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-copy-button/default/preview.1787004530366.png","pc":"larsen66"},{"id":"21st:larsen66__motion-create-button","t":"Motion create button","d":"A create button that expands into a grid menu using shared layout animations and clip-path transitions","s":"21st","c":"actions/button","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-create-button/default/preview.1787004532684.png","pc":"larsen66","sb":"Animated"},{"id":"21st:larsen66__motion-css-spring","t":"Motion css spring","d":"A Motion for React box that springs between positions with a CSS spring, from the official Motion examples catalog.","s":"21st","c":"other","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-css-spring/default/preview.1786990881023-28d3a110-b9ca-4dda-8fa2-1d7aba00d212.png","pc":"larsen66"},{"id":"21st:larsen66__motion-cursor","t":"Motion cursor","d":"A Motion for React custom cursor that adapts its caret size to hovered text, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/cursor","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-cursor/default/preview.1787004254937-5b7a83bf-3706-4a32-b6a0-71f2813b5ff1.png","pc":"larsen66"},{"id":"21st:larsen66__motion-cursor-custom-content","t":"Motion cursor custom content","d":"A Motion for React cursor that swaps in custom content over a hover zone, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/cursor","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-cursor-custom-content/default/preview.1787004521106.png","pc":"larsen66"},{"id":"21st:larsen66__motion-cursor-floating-target","t":"Motion cursor floating target","d":"A Motion for React floating target that drifts away from the pointer, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/cursor","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-cursor-floating-target/default/preview.1787004526283.png","pc":"larsen66"},{"id":"21st:larsen66__motion-cursor-follow","t":"Motion cursor follow","d":"A Motion for React follow cursor that shows a photo caption beside the pointer, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/cursor","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-cursor-follow/default/preview.1787004339650-fe3f0074-52d0-4cbf-a0bd-4cb5efdad661.png","pc":"larsen66"},{"id":"21st:larsen66__motion-cursor-hover-follow","t":"Motion cursor hover follow","d":"A Motion for React hover cursor that follows the pointer with a clipped image, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/cursor","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-cursor-hover-follow/default/preview.1787004523960.png","pc":"larsen66"},{"id":"21st:larsen66__motion-cursor-magnetic","t":"Motion cursor magnetic","d":"A Motion for React magnetic cursor that snaps a reticule to nearby targets, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/cursor","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-cursor-magnetic/default/preview.1787004390186-8f573ec8-3c61-402f-9f55-f01f866d127c.png","pc":"larsen66"},{"id":"21st:larsen66__motion-cursor-multifollow","t":"Motion cursor multifollow","d":"A Motion for React multi-follow cursor with stacked rings at different springs, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/cursor","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-cursor-multifollow/default/preview.1787004280962-97581a3a-4889-4740-bdac-d8ce8a71d88d.png","pc":"larsen66"},{"id":"21st:larsen66__motion-cursor-trail","t":"Motion cursor trail","d":"A Motion for React image trail that stamps photos along the pointer path, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/cursor","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-cursor-trail/default/preview.1787004365187-a9875868-012e-4e1f-84f4-6409bc6dbf28.png","pc":"larsen66"},{"id":"21st:larsen66__motion-cursor-trail-velocity","t":"Motion cursor trail velocity","d":"A Motion for React image trail that flings photos with pointer velocity, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/cursor","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-cursor-trail-velocity/default/preview.1787004518712.png","pc":"larsen66"},{"id":"21st:larsen66__motion-dots-morph-button","t":"Motion dots morph button","d":"A button where four dots morph into crossing lines with a spring-animated SVG path transition","s":"21st","c":"actions/button","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-dots-morph-button/default/preview.1787004535083.png","pc":"larsen66","sb":"Animated"},{"id":"21st:larsen66__motion-drag","t":"Motion drag","d":"A Motion for React card that can be freely dragged, from the official Motion examples catalog.","s":"21st","c":"data-display/card","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-drag/default/preview.1786969503934-f4c4e684-152f-4195-9959-3580bb2a15b0.png","pc":"larsen66"},{"id":"21st:larsen66__motion-drag-constraints","t":"Motion drag constraints","d":"A Motion for React card dragged inside a parent constraint box with light elasticity, from the official Motion examples catalog.","s":"21st","c":"data-display/card","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-drag-constraints/default/preview.1786969528662-f73e0beb-85f6-4124-a9fd-7a91a94b23db.png","pc":"larsen66"},{"id":"21st:larsen66__motion-drag-lock-direction","t":"Motion drag lock direction","d":"A Motion for React box that locks drag to one axis, from the official Motion examples catalog.","s":"21st","c":"other","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-drag-lock-direction/default/preview.1786990907919-e7a39296-ef85-4ab2-94bf-66e20f308c44.png","pc":"larsen66"},{"id":"21st:larsen66__motion-enter-animation","t":"Motion enter animation","d":"A Motion for React circle that springs in from opacity 0 and scale 0, from the official Motion examples catalog.","s":"21st","c":"other","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-enter-animation/default/preview.1786969498802-343d3aad-bf5f-431a-a2df-c63c2fae90ed.png","pc":"larsen66"},{"id":"21st:larsen66__motion-exit-animation","t":"Motion exit animation","d":"A Motion for React box that exits with AnimatePresence when Hide is clicked, from the official Motion examples catalog.","s":"21st","c":"other","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-exit-animation/default/preview.1786969524588-fd631a38-bcc5-4065-996b-866fd834d0cb.png","pc":"larsen66"},{"id":"21st:larsen66__motion-floating-action-button","t":"Motion floating action button","d":"A FAB that expands into a staggered vertical menu of action items with spring animations and tooltip labels","s":"21st","c":"actions/button","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-floating-action-button/default/preview.1787004539934.png","pc":"larsen66","sb":"Animated"},{"id":"21st:larsen66__motion-follow-pointer","t":"Motion follow pointer","d":"A Motion for React circle that follows the pointer with a soft spring, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/cursor","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-follow-pointer/default/preview.1786933091011-4bfbc5dd-7cd0-4366-8dde-9c876804422b.png","pc":"larsen66"},{"id":"21st:larsen66__motion-footer-reveal","t":"Motion footer reveal","d":"A sticky footer that fades, scales, and unblurs as you scroll, from the official Motion examples catalog.","k":"section","s":"21st","c":"marketing/footer","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-footer-reveal/default/preview.1787004395967-4884ecea-1c97-459d-a96d-c58293903c56.png","pc":"larsen66"},{"id":"21st:larsen66__motion-gestures","t":"Motion gestures","d":"A Motion for React square that scales up on hover and down on tap, from the official Motion examples catalog.","s":"21st","c":"other","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-gestures/default/preview.1786969550794-aaffb41d-9ef6-411b-bf91-07337840b4b5.png","pc":"larsen66"},{"id":"21st:larsen66__motion-hero-stagger","t":"Motion hero stagger","d":"A staggered OSS hero with glowing orbs, metrics, and spring-blur enter, from the official Motion examples catalog.","k":"section","s":"21st","c":"marketing/hero","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-hero-stagger/default/preview.1787004369074-dfd91e23-565f-4d95-886a-f204e7666a00.png","pc":"larsen66","sb":"Animated background"},{"id":"21st:larsen66__motion-hold-to-confirm","t":"Motion hold to confirm","d":"A Motion for React example showing long-press interaction. The button's events update a progress motion value that drives multiple animations of other motion values.","s":"21st","c":"overlays/dialog","a":"larsen66","st":"rated","pl":"https://cdn.21st.dev/larsen66/motion-hold-to-confirm/default/preview.1787004537581.png","pc":"larsen66","sc":18,"sb":"Confirm"},{"id":"21st:larsen66__motion-html-content","t":"Motion html content","d":"A Motion for React counter that animates a motion value from 0 to 100 and renders the rounded number as children, from the official Motion examples catalog.","s":"21st","c":"motion/number-ticker","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-html-content/default/preview.1786991003174-ddf9d570-3789-4bf5-a643-85631410081a.png","pc":"larsen66"},{"id":"21st:larsen66__motion-image-reveal-slider","t":"Motion image reveal slider","d":"A before-and-after image slider that reveals a grayscale overlay, from the official Motion examples catalog.","s":"21st","c":"inputs/slider","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-image-reveal-slider/default/preview.1787005997009.png","pc":"larsen66"},{"id":"21st:larsen66__motion-infinite-loading","t":"Motion infinite loading","d":"An example of creating an infinite loading list with staggered animations in Motion for React.","s":"21st","c":"status/loader","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-infinite-loading/default/preview.1787004545212.png","pc":"larsen66","sb":"Spinners"},{"id":"21st:larsen66__motion-ios-pointer","t":"Motion ios pointer","d":"An iOS-style magnetic pointer that follows the cursor over Appearance, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/cursor","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-ios-pointer/default/preview.1787004340916-219260ca-c9af-4536-9ddc-48d7bec86e1c.png","pc":"larsen66"},{"id":"21st:larsen66__motion-ios-slider","t":"Motion ios slider","d":"An iOS-style brightness slider that squishes and stretches as you drag, from the official Motion examples catalog.","s":"21st","c":"inputs/slider","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-ios-slider/default/preview.1787004314307-f873b5cb-e71a-4030-a758-4928b4961da6.png","pc":"larsen66"},{"id":"21st:larsen66__motion-keyframes","t":"Motion keyframes","d":"A Motion for React box that keyframe-animates scale, rotate, and border-radius in a loop, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/border","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-keyframes/default/preview.1786969575525-89922d1f-6b64-41a2-9855-e5224b34ed5b.png","pc":"larsen66"},{"id":"21st:larsen66__motion-keyframes-wildcards","t":"Motion keyframes wildcards","d":"A Motion for React box that uses null wildcard keyframes on hover so scale can interrupt from the current value, from the official Motion examples catalog.","s":"21st","c":"data-display/card","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-keyframes-wildcards/default/preview.1786990919076-9cf1f663-176e-43cc-b272-69eaee7f1364.png","pc":"larsen66"},{"id":"21st:larsen66__motion-layout-anchor","t":"Motion layout anchor","d":"Control which point on a child element stays fixed during a parent's layout animation with layoutAnchor","s":"21st","c":"actions/link","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-layout-anchor/default/preview.1786997717177-20b0333e-0330-4ae6-b8bc-9a90d10912c5.png","pc":"larsen66"},{"id":"21st:larsen66__motion-layout-animation","t":"Motion layout animation","d":"A Motion for React toggle that springs its handle between ends using layout animation, from the official Motion examples catalog.","s":"21st","c":"actions/switch","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-layout-animation/default/preview.1786933119748-c6407e0f-6035-428e-9558-a4c8730a811c.png","pc":"larsen66","sb":"Animated"},{"id":"21st:larsen66__motion-line-graph","t":"Motion line graph","d":"A line graph that draws on enter and shows compact percent deltas on hover, from the official Motion examples catalog.","s":"21st","c":"data-viz/chart","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-line-graph/default/preview.1787006000294.png","pc":"larsen66","sb":"Line and sparkline"},{"id":"21st:larsen66__motion-loading-circle-spinner","t":"Motion loading circle spinner","d":"A Motion for React loading spinner that rotates a 50px ring with a hue accent, from the official Motion examples catalog.","s":"21st","c":"status/loader","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-loading-circle-spinner/default/preview.1786933058768-f837bbbf-ff2d-4ebb-9919-1248a5ea2d6c.png","pc":"larsen66","sb":"Spinners"},{"id":"21st:larsen66__motion-loading-fill-text","t":"Motion loading fill text","d":"An example of creating a text fill loading animation with Motion for React.","k":"motion","s":"21st","c":"motion/text-effect","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-loading-fill-text/default/preview.1787004547564.png","pc":"larsen66"},{"id":"21st:larsen66__motion-loading-jumping-dots","t":"Motion loading jumping dots","d":"A Motion for React loading indicator with three dots that jump in a mirrored stagger, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/background","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-loading-jumping-dots/default/preview.1786933633085-72af439f-ba82-4417-9aa3-17afda4451e4.png","pc":"larsen66","sb":"Grids and patterns"},{"id":"21st:larsen66__motion-loading-line-reveal","t":"Motion loading line reveal","d":"An example of creating a line reveal loading animation with clipPath in Motion for React","s":"21st","c":"status/loader","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-loading-line-reveal/default/preview.1787004549867.png","pc":"larsen66","sb":"Bars"},{"id":"21st:larsen66__motion-loading-pulse-dots","t":"Motion loading pulse dots","d":"A Motion for React loading indicator with three dots that pulse in a reverse stagger, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/background","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-loading-pulse-dots/default/preview.1786969479149-3d1ba4ed-2170-4a3a-9106-ba5f1402b256.png","pc":"larsen66","sb":"Grids and patterns"},{"id":"21st:larsen66__motion-path-drawing","t":"Motion path drawing","d":"A Motion for React SVG path-drawing demo that springs circle, X, and rounded-rect strokes into view, from the official Motion examples catalog.","s":"21st","c":"other","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-path-drawing/default/preview.1786933607286-e38e32a2-58cf-4607-8856-4f552ec7a992.png","pc":"larsen66"},{"id":"21st:larsen66__motion-path-morphing","t":"Motion path morphing","d":"A Motion for React SVG path morph that cycles star, heart, thumb, plane, bolt, and note shapes, from the official Motion examples catalog.","s":"21st","c":"motion/text-effect","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-path-morphing/default/preview.1786933693852-ed48421e-bbc8-4723-9603-269568ed57e5.png","pc":"larsen66","sb":"Rotating words"},{"id":"21st:larsen66__motion-reorder-grid","t":"Motion reorder grid","d":"An example of creating a multidimensional drag-to-reorder grid with Reorder in Motion for React.","s":"21st","c":"layout/bento-grid","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-reorder-grid/default/preview.1786997743754-8d54c8e4-71dc-4c6a-b563-cd4b84f2e5fc.png","pc":"larsen66"},{"id":"21st:larsen66__motion-reorder-items","t":"Motion reorder items","d":"A Motion for React layout animation that shuffles four colored squares every second with a spring, from the official Motion examples catalog.","s":"21st","c":"data-display/list","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-reorder-items/default/preview.1786990974089-3c9e153d-6a1d-4a20-b1d1-7f822d92e6ee.png","pc":"larsen66","sb":"Sortable"},{"id":"21st:larsen66__motion-rolling-text-button","t":"Motion rolling text button","d":"A Motion for React button that rolls a duplicate label into place on hover, from the official Motion examples catalog.","s":"21st","c":"actions/button","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-rolling-text-button/default/preview.1786931803708-73bc8c1d-4116-4f28-a35b-31a2364575e2.png","pc":"larsen66","sb":"Animated"},{"id":"21st:larsen66__motion-rotate","t":"Motion rotate","d":"A Motion for React box that rotates 360 degrees, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/text-effect","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-rotate/default/preview.1786990854247-9ff20ac3-83a5-4d6f-80e1-26d8d6b553b4.png","pc":"larsen66","sb":"Rotating words"},{"id":"21st:larsen66__motion-scroll-container","t":"Motion scroll container","d":"An example of a scroll-linked animation using a specific element's scroll position using Motion for React's useScroll hook.","k":"layout","s":"21st","c":"layout/scroll-area","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-scroll-container/default/preview.1787001661484-0639b10e-bcd5-4922-9592-4967acde06a4.png","pc":"larsen66"},{"id":"21st:larsen66__motion-scroll-hide-header","t":"Motion scroll hide header","d":"A sticky header that hides when scrolling down and reappears when scrolling up. Uses useMotionValueEvent to detect scroll direction.","s":"21st","c":"navigation/top-nav","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-scroll-hide-header/default/preview.1787001688579-92908b9a-ff29-4c46-9b7d-267341705328.png","pc":"larsen66","sb":"On scroll"},{"id":"21st:larsen66__motion-scroll-horizontal","t":"Motion scroll horizontal","d":"A horizontal gallery that scrolls sideways as you scroll down. Uses sticky positioning with scroll-linked x translation.","k":"layout","s":"21st","c":"layout/scroll-area","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-scroll-horizontal/default/preview.1787001715643-605e8f59-b4e5-43d5-a4f6-a56dd3b1e9b0.png","pc":"larsen66"},{"id":"21st:larsen66__motion-scroll-linked","t":"Motion scroll linked","d":"An example of linking an animation to scroll using Motion for React's useScroll hook.","k":"layout","s":"21st","c":"layout/scroll-area","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-scroll-linked/default/preview.1787001596403-63cf06a1-5ec1-473f-baa8-1761057ffc03.png","pc":"larsen66"},{"id":"21st:larsen66__motion-scroll-linked-with-spring","t":"Motion scroll linked with spring","d":"An example of linking an animation to scroll using Motion for React's useScroll hook and smoothing it with useSpring.","k":"layout","s":"21st","c":"layout/scroll-area","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-scroll-linked-with-spring/default/preview.1787001624484-b8c6efc2-3dcf-4224-bb8e-6cfcd331fec3.png","pc":"larsen66"},{"id":"21st:larsen66__motion-scroll-track-element","t":"Motion scroll track element","d":"An example of tracking an element within the viewport using Motion for React's useScroll hook.","k":"layout","s":"21st","c":"layout/scroll-area","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-scroll-track-element/default/preview.1787001746150-59363be8-b375-43ce-b644-f23d36b92b1b.png","pc":"larsen66"},{"id":"21st:larsen66__motion-scroll-triggered","t":"Motion scroll triggered","d":"An example of triggering an animation when an element enters or leaves the viewport using Motion for React's whileInView prop.","k":"layout","s":"21st","c":"layout/scroll-area","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-scroll-triggered/default/preview.1787001652303-b96decce-c309-4db7-a76f-ceec706ae916.png","pc":"larsen66"},{"id":"21st:larsen66__motion-scroll-word-reveal","t":"Motion scroll word reveal","d":"A Motion for React scroll scene that reveals each word as you scroll, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/text-effect","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-scroll-word-reveal/default/preview.1786933241935-99a532f5-5f65-40ac-9efd-6b8b95600ac2.png","pc":"larsen66","sb":"Reveal and entrance"},{"id":"21st:larsen66__motion-shared-layout-animation","t":"Motion shared layout animation","d":"A Motion for React tab bar that shares an underline and waits on the selected food icon, from the official Motion examples catalog.","s":"21st","c":"navigation/tabs","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-shared-layout-animation/default/preview.1786933150128-569f6925-ee09-4c85-9f9c-c3c43d190ebd.png","pc":"larsen66"},{"id":"21st:larsen66__motion-state-updates","t":"Motion state updates","d":"A Motion for React box that springs to x, y, and rotate values driven by range and number inputs, from the official Motion examples catalog.","s":"21st","c":"data-display/stat","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-state-updates/default/preview.1786991032343-69b61a1d-7c32-421c-96bb-141ab8002173.png","pc":"larsen66"},{"id":"21st:larsen66__motion-svg-viewbox","t":"Motion svg viewbox","d":"A Motion for React SVG that springs its viewBox between a full map and a zoomed beacon, from the official Motion examples catalog.","s":"21st","c":"data-viz/map","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-svg-viewbox/default/preview.1786997607039-86b5a694-92cd-4892-8606-dc0c53a583f0.png","pc":"larsen66"},{"id":"21st:larsen66__motion-transition","t":"Motion transition","d":"A Motion for React circle that fades and scales in with a delayed cubic-bezier transition, from the official Motion examples catalog.","s":"21st","c":"other","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-transition/default/preview.1786990947188-7e4b72ae-f8f9-4231-8969-9ca6ba7355ef.png","pc":"larsen66"},{"id":"21st:larsen66__motion-typewriter","t":"Motion typewriter","d":"A typewriter that types Hello world! with a blinking hue-1 caret, rebuilt from the official Motion example using motion/react.","s":"21st","c":"motion/text-effect","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-typewriter/default/preview.1787004260331-83420337-698e-4cd7-aef7-420f8ce3ad03.png","pc":"larsen66","sb":"Typewriter"},{"id":"21st:larsen66__motion-use-animation-frame","t":"Motion use animation frame","d":"An example of using Motion for React's useAnimationFrame hook to animate a 3D cube.","k":"lib","s":"21st","c":"lib/hook","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-use-animation-frame/default/preview.1786997580262-f2399ab5-b6c3-4b9d-a2dc-d2b2db7fb8d6.png","pc":"larsen66"},{"id":"21st:larsen66__motion-use-presence-data","t":"Motion use presence data","d":"An example of using usePresenceData to pass custom data through AnimatePresence to exiting elements.","s":"21st","c":"status/status-dot","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-use-presence-data/default/preview.1786997634572-7dab104d-9e2e-4983-aa38-eaeef1eb5e0a.png","pc":"larsen66"},{"id":"21st:larsen66__motion-use-time","t":"Motion use time","d":"An example of using the useTime hook to animate an element at a constant speed.","k":"lib","s":"21st","c":"lib/hook","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-use-time/default/preview.1786997662499-d7a29195-d618-4c4f-97c2-6c3d63b06c9b.png","pc":"larsen66"},{"id":"21st:larsen66__motion-use-transform","t":"Motion use transform","d":"An example of linking SVG path length to a drag gesture using Motion for React's easy useTransform hook.","k":"lib","s":"21st","c":"lib/hook","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-use-transform/default/preview.1786997688467-7cd6b299-d862-4ee4-8290-ee8070d8108f.png","pc":"larsen66"},{"id":"21st:larsen66__motion-variants","t":"Motion variants","d":"A Motion for React sidebar nav that orchestrates clip-path, hamburger morph, and staggered items with variants, from the official Motion examples catalog.","k":"layout","s":"21st","c":"navigation/sidebar","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/motion-variants/default/preview.1786969601002-ab88a3d0-19bb-4f3b-9af6-d0c3280735c0.png","pc":"larsen66"},{"id":"21st:larsen66__navigation-menu","t":"Navigation menu","d":"Here is animated Navigation Menu","s":"21st","c":"navigation/top-nav","a":"larsen66","u":102,"pl":"https://cdn.21st.dev/larsen66/navigation-menu/default/preview.1750543206493.png","pc":"larsen66","tg":["navigation-menu"],"sb":"Mega menus"},{"id":"21st:larsen66__noise-dark-blue-gradient-with-squares","t":"Noise dark blue gradient with squares","d":"Here is Noise Dark Blue Gradient with Squares component","k":"motion","s":"21st","c":"motion/gradient","a":"larsen66","u":32,"pl":"https://cdn.21st.dev/larsen66/noise-dark-blue-gradient-with-squares/default/preview.1756799900781.png","pc":"larsen66","tg":["background"]},{"id":"21st:larsen66__reui-button-group","t":"Reui button group","d":"ReUI Button Group with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.","s":"21st","c":"actions/button","a":"larsen66","u":4,"pl":"https://cdn.21st.dev/larsen66/reui-button-group/default/preview.1785400427482-cf173492-3e0c-46cc-929e-7628ed43a281.png","pc":"larsen66","sb":"Groups and split"},{"id":"21st:larsen66__reui-filters","t":"Reui filters","d":"ReUI Filters with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.","s":"21st","c":"data-display/list","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/reui-filters/default/preview.1785390612636-e474ab5e-6a6c-4e55-b3b8-113d8b72eb20.png","pc":"larsen66"},{"id":"21st:larsen66__reui-phone-input","t":"Reui phone input","d":"ReUI Phone Input with the first 8 official ReUI examples, preserved from the MIT-licensed source registry.","s":"21st","c":"inputs/form-field","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/reui-phone-input/default/preview.1785348517248-7ff02171-fa1d-4db8-8d5d-6aacb72ccde1.png","pc":"larsen66","sb":"Phone"},{"id":"21st:larsen66__waves","t":"Waves","d":"Interactive waves background","k":"motion","s":"21st","c":"motion/background","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/waves/default/preview.1747804054157.png","pc":"larsen66","sb":"Waves and warps"},{"id":"21st:lavikatiyar__activity-stats-card","t":"Activity stats card","d":"Activity Stats Card\nA visually polished card component to display a key metric with an icon, title, and subtext. It features a count-up animation for the primary metric and is buil","s":"21st","c":"data-display/stat","a":"lavikatiyar","u":25,"pl":"https://cdn.21st.dev/lavikatiyar/activity-stats-card/default/preview.1758284546782.png","pc":"lavikatiyar","tg":["dashboard","stat"]},{"id":"21st:lavikatiyar__alert-banner","t":"Alert banner","d":"Alert Banner\nA dismissible alert component with variants, actions, and animations, designed to provide feedback to the user.","s":"21st","c":"overlays/alert-banner","a":"lavikatiyar","u":26,"pl":"https://cdn.21st.dev/lavikatiyar/alert-banner/default/preview.1757929172472.png","pc":"lavikatiyar","tg":["alert","notification"]},{"id":"21st:lavikatiyar__alert-toast","t":"Alert toast","d":"Alert Toast\nA responsive and theme-aware alert component designed to provide contextual feedback for different user actions. It includes variants for success, warning, info, and er","s":"21st","c":"overlays/toast","a":"lavikatiyar","u":83,"pl":"https://cdn.21st.dev/lavikatiyar/alert-toast/default/preview.1760426253532.png","pc":"lavikatiyar","tg":["alert","notification","toast"]},{"id":"21st:lavikatiyar__audio-show-creator","t":"Audio show creator","s":"21st","c":"media/player","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/audio-show-creator/default/preview.1759029939284.png","pc":"lavikatiyar","tg":["modal","upload-download"]},{"id":"21st:lavikatiyar__bento-grid","t":"Bento grid","k":"layout","s":"21st","c":"layout/bento-grid","a":"lavikatiyar","u":104,"pl":"https://cdn.21st.dev/lavikatiyar/bento-grid/default/preview.1760866288248.png","pc":"lavikatiyar","tg":["features","stat"]},{"id":"21st:lavikatiyar__call-to-action-card","t":"Call to action card","s":"21st","c":"data-display/card","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/call-to-action-card/default/preview.1759418978049.png","pc":"lavikatiyar"},{"id":"21st:lavikatiyar__card","t":"Card","d":"Hotel Card\nA visually polished card component to display property information, including an image, name, location, and rating. It is fully responsive and animated on hover.","s":"21st","c":"data-display/card","a":"lavikatiyar","u":22,"pl":"https://cdn.21st.dev/lavikatiyar/card/default/preview.1757929388925.png","pc":"lavikatiyar"},{"id":"21st:lavikatiyar__card-1","t":"Card 1","d":"Review Card\nA visually polished card component to display user reviews or testimonials, complete with an avatar, rating, and review text. It features a subtle entrance animation an","s":"21st","c":"data-display/card","a":"lavikatiyar","u":27,"pl":"https://cdn.21st.dev/lavikatiyar/card-1/default/preview.1757929857702.png","pc":"lavikatiyar","tg":["testimonials"]},{"id":"21st:lavikatiyar__card-10","t":"Card 10","s":"21st","c":"data-display/card","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/card-10/default/preview.1758353466381.png","pc":"lavikatiyar"},{"id":"21st:lavikatiyar__card-11","t":"Card 11","s":"21st","c":"data-display/card","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/card-11/default/preview.1758909818886.png","pc":"lavikatiyar","tg":["features","steps"],"sb":"Feature"},{"id":"21st:lavikatiyar__card-2","t":"Card 2","d":"Review Summary Card\nThis component provides an animated display for product or service ratings. It features a count-up animation for the rating and review numbers and a staggered a","s":"21st","c":"data-display/card","a":"lavikatiyar","u":27,"pl":"https://cdn.21st.dev/lavikatiyar/card-2/default/preview.1757930062640.png","pc":"lavikatiyar","tg":["stat"],"sb":"Metric"},{"id":"21st:lavikatiyar__card-3","t":"Card 3","s":"21st","c":"data-display/card","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/card-3/default/preview.1757930285736.png","pc":"lavikatiyar","tg":["image","slider"]},{"id":"21st:lavikatiyar__card-4","t":"Card 4","s":"21st","c":"data-display/card","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/card-4/default/preview.1758070260156.png","pc":"lavikatiyar","tg":["stat"],"sb":"Metric"},{"id":"21st:lavikatiyar__card-5","t":"Card 5","d":"Highlight Card\nA visually rich card component designed to draw attention to key metrics or highlights. It features a gradient background with a subtle dot pattern, a distinctive bo","s":"21st","c":"data-display/card","a":"lavikatiyar","u":27,"pl":"https://cdn.21st.dev/lavikatiyar/card-5/default/preview.1758070637065.png","pc":"lavikatiyar","tg":["stat"],"sb":"Metric"},{"id":"21st:lavikatiyar__card-6","t":"Card 6","d":"Animated Steps Tracker Card\nThis component provides a visually engaging way to display step-count data for a given period. It features a fluid counter animation for the total steps","s":"21st","c":"data-display/card","a":"lavikatiyar","st":"rated","u":13,"pl":"https://cdn.21st.dev/lavikatiyar/card-6/default/preview.1758072283847.png","pc":"lavikatiyar","tg":["stat"],"sc":21,"sb":"Metric"},{"id":"21st:lavikatiyar__card-7","t":"Card 7","d":"Travel Card\nThis component encapsulates the visual representation of a travel destination. It is highly reusable, accepting props for the image, logo, text content, and pricing, ma","s":"21st","c":"data-display/card","a":"lavikatiyar","u":147,"pl":"https://cdn.21st.dev/lavikatiyar/card-7/default/preview.1758074039018.png","pc":"lavikatiyar","tg":["image","pricing-section"],"sb":"Pricing"},{"id":"21st:lavikatiyar__card-8","t":"Card 8","d":"Spending Limit Card\nA responsive card component that displays a spending limit with an animated, segmented progress bar.","s":"21st","c":"data-display/card","a":"lavikatiyar","u":21,"pl":"https://cdn.21st.dev/lavikatiyar/card-8/default/preview.1758102570546.png","pc":"lavikatiyar"},{"id":"21st:lavikatiyar__card-9","t":"Card 9","s":"21st","c":"data-display/card","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/card-9/default/preview.1758265780270.png","pc":"lavikatiyar"},{"id":"21st:lavikatiyar__cards","t":"Cards","d":"Hover Reveal Cards\nDescription: A responsive grid of cards that highlights the card currently being hovered or focused. The other cards subtly blur and fade into the background, cr","s":"21st","c":"data-display/card","a":"lavikatiyar","u":27,"pl":"https://cdn.21st.dev/lavikatiyar/cards/default/preview.1758355051886.png","pc":"lavikatiyar","tg":["card","gallery","grid","image"]},{"id":"21st:lavikatiyar__carousel","t":"Carousel","s":"21st","c":"media/carousel","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/carousel/default/preview.1759422960957.png","pc":"lavikatiyar"},{"id":"21st:lavikatiyar__conversion-stats-card","t":"Conversion stats card","s":"21st","c":"data-display/stat","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/conversion-stats-card/default/preview.1758821906984.png","pc":"lavikatiyar"},{"id":"21st:lavikatiyar__cta-card","t":"Cta card","d":"CtaCard\nThis is a reusable Call-to-Action (CTA) card that features an overlapping image and content block. It's built to be highly customizable through props and includes subtle an","k":"section","s":"21st","c":"marketing/cta","a":"lavikatiyar","u":63,"pl":"https://cdn.21st.dev/lavikatiyar/cta-card/default/preview.1760248394206.png","pc":"lavikatiyar","tg":["cta"],"sb":"Cards"},{"id":"21st:lavikatiyar__destination-carousel","t":"Destination carousel","s":"21st","c":"media/carousel","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/destination-carousel/default/preview.1759672098690.png","pc":"lavikatiyar"},{"id":"21st:lavikatiyar__feature-bar","t":"Feature bar","k":"section","s":"21st","c":"marketing/features","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/feature-bar/default/preview.1760507773171.png","pc":"lavikatiyar"},{"id":"21st:lavikatiyar__feature-card","t":"Feature card","d":"Feature Card","k":"section","s":"21st","c":"marketing/features","a":"lavikatiyar","u":41,"pl":"https://cdn.21st.dev/lavikatiyar/feature-card/default/preview.1758911130634.png","pc":"lavikatiyar","tg":["features"],"sb":"Grid of cards"},{"id":"21st:lavikatiyar__feature-grid","t":"Feature grid","d":"Feature Grid\nA responsive grid component designed to showcase a list of features or services. Each item in the grid consists of an image, a title, and a description, presented in a","k":"section","s":"21st","c":"marketing/features","a":"lavikatiyar","u":53,"pl":"https://cdn.21st.dev/lavikatiyar/feature-grid/default/preview.1759326335398.png","pc":"lavikatiyar","tg":["features"],"sb":"Grid of cards"},{"id":"21st:lavikatiyar__feature-section","t":"Feature section","k":"section","s":"21st","c":"marketing/features","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/feature-section/default/preview.1759652427320.png","pc":"lavikatiyar"},{"id":"21st:lavikatiyar__form","t":"Form","d":"Booking Form\nDescription: A compact and visually polished form for handling travel or accommodation bookings. It features distinct sections for destination, dates, rooms, and guest","s":"21st","c":"inputs/form-field","a":"lavikatiyar","u":33,"pl":"https://cdn.21st.dev/lavikatiyar/form/default/preview.1757930637683.png","pc":"lavikatiyar","tg":["date-picker"],"sb":"Whole forms"},{"id":"21st:lavikatiyar__freelancer-profile-card","t":"Freelancer profile card","d":"Freelancer Profile Card\nA responsive and animated profile card component, ideal for showcasing freelancers, team members, or user profiles. It features a banner, avatar, user detai","s":"21st","c":"data-display/card","a":"lavikatiyar","u":73,"pl":"https://cdn.21st.dev/lavikatiyar/freelancer-profile-card/default/preview.1760765906990.png","pc":"lavikatiyar","tg":["profile"]},{"id":"21st:lavikatiyar__growth-hero-section","t":"Growth hero section","d":"Growth Hero Section\nA responsive hero section component that features a title, descriptive paragraphs, a call-to-action link, and a visually engaging, animated image gallery.","k":"section","s":"21st","c":"marketing/hero","a":"lavikatiyar","u":7,"pl":"https://cdn.21st.dev/lavikatiyar/growth-hero-section/default/preview.1758804517097.png","pc":"lavikatiyar"},{"id":"21st:lavikatiyar__hero-section","t":"Hero section","d":"Financial Hero\nThis component is a responsive hero section designed for SaaS and financial platforms. It features an animated text section on the left and a dynamic, layered card i","k":"section","s":"21st","c":"marketing/hero","a":"lavikatiyar","u":130,"pl":"https://cdn.21st.dev/lavikatiyar/hero-section/default/preview.1760260926493.png","pc":"lavikatiyar","tg":["cta"]},{"id":"21st:lavikatiyar__image-uploader","t":"Image uploader","d":"Image Uploader\n\nThe ImageUploader is a highly interactive and accessible component for handling file uploads. It supports drag-and-drop, file selection through a dialog, and provid","s":"21st","c":"media/gallery","a":"lavikatiyar","u":40,"pl":"https://cdn.21st.dev/lavikatiyar/image-uploader/default/preview.1759904869589.png","pc":"lavikatiyar","tg":["image","upload-download"]},{"id":"21st:lavikatiyar__info-card","t":"Info card","d":"Info Card – Highlight key insights. Compact card design to showcase personalized tips, insights, or recommendations in an engaging way.","s":"21st","c":"data-display/card","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/info-card/default/preview.1758264768596.png","pc":"lavikatiyar"},{"id":"21st:lavikatiyar__insurance-card","t":"Insurance card","d":"Insurance Card\nA modern, animated card component to display insurance policy details, complete with a scannable QR code and quick actions.","s":"21st","c":"data-display/card","a":"lavikatiyar","u":27,"pl":"https://cdn.21st.dev/lavikatiyar/insurance-card/default/preview.1760523632982.png","pc":"lavikatiyar","tg":["profile"],"sb":"Profile"},{"id":"21st:lavikatiyar__invite-card","t":"Invite card","s":"21st","c":"data-display/card","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/invite-card/default/preview.1760247069422.png","pc":"lavikatiyar"},{"id":"21st:lavikatiyar__list","t":"List","s":"21st","c":"data-display/list","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/list/default/preview.1758069432017.png","pc":"lavikatiyar","tg":["list"]},{"id":"21st:lavikatiyar__location-card","t":"Location card","d":"Location Card\nA visually polished card component to display a location with an image, title, subtitle, and an animated call-to-action button. It is fully responsive, theme-adaptive","s":"21st","c":"data-viz/map","a":"lavikatiyar","u":13,"pl":"https://cdn.21st.dev/lavikatiyar/location-card/default/preview.1758519025947.png","pc":"lavikatiyar"},{"id":"21st:lavikatiyar__login","t":"Login","d":"Auth Form Split Screen\nThis component provides a full-page, two-column layout for user authentication. The left panel contains the form, and the right panel displays a promotional ","s":"21st","c":"flows/sign-in","a":"lavikatiyar","u":92,"pl":"https://cdn.21st.dev/lavikatiyar/login/default/preview.1760596417118.png","pc":"lavikatiyar","tg":["form","sign-in"],"sb":"Sign in"},{"id":"21st:lavikatiyar__menu","t":"Menu","d":"Account Menu – Manage with ease. Quick access to orders, reviews, addresses, favorites, and settings in one place.","s":"21st","c":"navigation/menu","a":"lavikatiyar","st":"rated","u":25,"pl":"https://cdn.21st.dev/lavikatiyar/menu/default/preview.1758097914089.png","pc":"lavikatiyar","tg":["menu","profile","sidebar"],"sc":19},{"id":"21st:lavikatiyar__offer-card","t":"Offer card","s":"21st","c":"data-display/card","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/offer-card/default/preview.1758650942647.png","pc":"lavikatiyar","tg":["grid","image"]},{"id":"21st:lavikatiyar__offers-carousel","t":"Offers carousel","d":"Offers Carousel\nThis component provides a visually polished layout to display a primary offer alongside a carousel of related items. It's built to be highly reusable, allowing you ","s":"21st","c":"media/carousel","a":"lavikatiyar","u":62,"pl":"https://cdn.21st.dev/lavikatiyar/offers-carousel/default/preview.1758705556473.png","pc":"lavikatiyar","tg":["carousel","pricing-section"]},{"id":"21st:lavikatiyar__pricing","t":"Pricing","d":"Pricing Plan Selection UI that helps users compare subscription tiers. It presents two options — Basic for individuals and small teams with limited features, and Pro for growing te","k":"section","s":"21st","c":"marketing/pricing","a":"lavikatiyar","u":20,"pl":"https://cdn.21st.dev/lavikatiyar/pricing/default/preview.1758082169204.png","pc":"lavikatiyar","tg":["pricing-section","slider"],"sb":"Usage and sliders"},{"id":"21st:lavikatiyar__pricing-page-1","t":"Pricing page 1","d":"A comprehensive pricing comparison component that transforms your design into a fully reusable, production-ready UI component with advanced animations!","k":"section","s":"21st","c":"marketing/pricing","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/pricing-page-1/default/preview.1761995612132.png","pc":"lavikatiyar"},{"id":"21st:lavikatiyar__profile-card","t":"Profile card","s":"21st","c":"data-display/profile","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/profile-card/default/preview.1759668440266.png","pc":"lavikatiyar"},{"id":"21st:lavikatiyar__progress-card","t":"Progress card","s":"21st","c":"data-viz/progress-bar","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/progress-card/default/preview.1758277784005.png","pc":"lavikatiyar","tg":["progress","stat"]},{"id":"21st:lavikatiyar__referral-card","t":"Referral card","d":"Referral Card\nThis component provides a visually appealing and interactive card for referral programs. It uses framer-motion for smooth animations and is built with reusability in ","s":"21st","c":"data-display/card","a":"lavikatiyar","u":33,"pl":"https://cdn.21st.dev/lavikatiyar/referral-card/default/preview.1758822561403.png","pc":"lavikatiyar"},{"id":"21st:lavikatiyar__reset-password-form","t":"Reset password form","d":"Reset Password Form\nA multi-step form component that guides users through verifying a code and setting a new password, complete with real-time validation and smooth animations.","k":"layout","s":"21st","c":"flows/sign-in","a":"lavikatiyar","u":28,"pl":"https://cdn.21st.dev/lavikatiyar/reset-password-form/default/preview.1760113447540.png","pc":"lavikatiyar","tg":["form","steps"],"sb":"Password reset"},{"id":"21st:lavikatiyar__seat-selection","t":"Seat selection","s":"21st","c":"layout/bento-grid","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/seat-selection/default/preview.1758160983442.png","pc":"lavikatiyar","tg":["grid"]},{"id":"21st:lavikatiyar__service-card","t":"Service card","d":"Service Card\nA visually engaging card component designed to showcase services or features. It includes a title, a call-to-action link, and a decorative image. The card features a s","k":"section","s":"21st","c":"marketing/features","a":"lavikatiyar","u":91,"pl":"https://cdn.21st.dev/lavikatiyar/service-card/default/preview.1758962818948.png","pc":"lavikatiyar","tg":["card","features","grid","link"],"sb":"Grid of cards"},{"id":"21st:lavikatiyar__shipment-status-card","t":"Shipment status card","s":"21st","c":"data-display/card","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/shipment-status-card/default/preview.1759670660677.png","pc":"lavikatiyar","sb":"Metric"},{"id":"21st:lavikatiyar__status-badge","t":"Status badge","s":"21st","c":"data-display/badge","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/status-badge/default/preview.1760421710964.png","pc":"lavikatiyar","sb":"Status"},{"id":"21st:lavikatiyar__testimonial","t":"Testimonial","k":"section","s":"21st","c":"marketing/testimonials","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/testimonial/default/preview.1760157558465.png","pc":"lavikatiyar"},{"id":"21st:lavikatiyar__testimonial-1","t":"Testimonial 1","k":"section","s":"21st","c":"marketing/testimonials","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/testimonial-1/default/preview.1760256664638.png","pc":"lavikatiyar"},{"id":"21st:lavikatiyar__travel-card","t":"Travel card","s":"21st","c":"data-display/card","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/travel-card/default/preview.1758802190544.png","pc":"lavikatiyar"},{"id":"21st:lavikatiyar__travel-slider-hero","t":"Travel slider hero","k":"section","s":"21st","c":"marketing/hero","a":"lavikatiyar","pl":"https://cdn.21st.dev/lavikatiyar/travel-slider-hero/default/preview.1760862683872.png","pc":"lavikatiyar"},{"id":"21st:laziekiki__filter-token-bar","t":"Filter token bar","d":"Linear-style composable filter tokens (field · operator · value) with roving-tabindex keyboard navigation, async option loading, multi/single select, hand-drawn assignee avatars, a","s":"21st","c":"data-viz/chart","a":"laziekiki","pl":"https://cdn.21st.dev/khushidiwan953/filter-token-bar/default/preview.1788886031638-26352313-937f-4e19-b388-2c40d5d36a6a.png","pc":"laziekiki","sb":"Bar"},{"id":"21st:leonelsilva0601__silk-blend-gradient","t":"Silk blend gradient","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#1F614A, #328F61, #8BDAB0, #CBF6E0). Features: film grain. A drop-in","k":"motion","s":"21st","c":"motion/gradient","a":"leonelsilva0601","pl":"https://cdn.21st.dev/leonelsilva0601/silk-blend-gradient/default/preview.1786044324124-5c5ecb30-053a-44ec-a065-b65abeec9026.webp","pc":"leonelsilva0601","sb":"Silk Blend"},{"id":"21st:lepikhinb__sparkles","t":"Sparkles","d":"Animated floating particles component.","k":"motion","s":"21st","c":"motion/background","a":"lepikhinb","u":1198,"pl":"https://cdn.21st.dev/lepikhinb/sparkles/default/preview.1785355398368-838428b2-3e03-4e79-9461-661f964ca242.png","pc":"lepikhinb","sb":"Particles and stars"},{"id":"21st:likhonsdev__animated-tabs","t":"Animated tabs","d":"Animated tabs using Framer Motion with a smoothly transitioning active background that animates from one tab to another","s":"21st","c":"navigation/tabs","a":"likhonsdev","pl":"https://cdn.21st.dev/likhonsdev/animated-tabs/default/preview.1748191669634.png","pc":"likhonsdev"},{"id":"21st:limeplay__media-provider","t":"Media provider","d":"Headless media player provider that creates a per-instance Zustand store, typed event emitter, and feature setup for building custom video and audio player UIs.","s":"21st","c":"media/player","a":"limeplay","pl":"https://cdn.21st.dev/limeplay/media-provider/default/preview.1783728300379.png","pc":"limeplay","tg":["video"]},{"id":"21st:limeplay__player-layout","t":"Player layout","d":"Composable structural containers for building a video player UI — a media frame plus overlay and top/bottom control layers with proper pointer-event layering.","s":"21st","c":"media/player","a":"limeplay","u":2,"pl":"https://cdn.21st.dev/limeplay/player-layout/default/preview.1783727770092.png","pc":"limeplay","tg":["progress","video"]},{"id":"21st:lina.sameer__scroll-area-1","t":"Scroll area 1","d":"Here is Scroll Area component","k":"layout","s":"21st","c":"layout/scroll-area","a":"lina.sameer","u":23,"pl":"https://cdn.21st.dev/larsen66/scroll-area-1/default/preview.1756365537905.png","pc":"lina.sameer","tg":["carousel","gallery","list","popover"]},{"id":"21st:liveblocks__emoji-picker","t":"Emoji picker","d":"A lightweight, unstyled, and composable emoji picker for React.","s":"21st","c":"inputs/select","a":"liveblocks","u":92,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/emoji-picker/default/preview.png","pc":"liveblocks","tg":["popover","search"]},{"id":"21st:llaxmi__tilt-card","t":"Tilt card","d":"The TiltCard component is a stylish, interactive card that tilts and scales when hovered over, providing a dynamic visual effect. It's perfect for highlighting important informatio","s":"21st","c":"data-display/card","a":"llaxmi","u":25,"pl":"https://cdn.21st.dev/user_llaxmi/tilt-card.png","pc":"llaxmi","sb":"Animated and glowing"},{"id":"21st:ln-dev7__animated-navigation-tabs","t":"Animated navigation tabs","d":"A dynamic, animated navigation component with interactive tabs that dynamically highlight active and hover states.","s":"21st","c":"navigation/tabs","a":"ln-dev7","u":78,"pl":"https://cdn.21st.dev/user_2rmPdOT0hL8MtSnYm8IpqqrYTVg/animated-navigation-tabs/default/preview.1737985259234.png","pc":"ln-dev7","tg":["navigation-menu","tabs"]},{"id":"21st:ln-dev7__assignee-user","t":"Assignee user","d":"Here is user assignation component by indev ui","k":"section","s":"21st","c":"marketing/team","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/assignee-user/default/preview.1749413425517.png","pc":"ln-dev7","tg":["team"]},{"id":"21st:ln-dev7__assisted-password-confirmation","t":"Assisted password confirmation","d":"Password confirmation component with visual feedback and animations for matching or incorrect inputs","s":"21st","c":"overlays/dialog","a":"ln-dev7","pl":"https://cdn.21st.dev/user_2rmPdOT0hL8MtSnYm8IpqqrYTVg/assisted-password-confirmation/default/preview.png","pc":"ln-dev7","sb":"Confirm"},{"id":"21st:ln-dev7__auto-layout-card","t":"Auto layout card","d":"Here is Auto layout interactive card","s":"21st","c":"data-display/card","a":"ln-dev7","u":27,"pl":"https://cdn.21st.dev/larsen66/auto-layout-card/default/preview.1749422387878.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__breadcrumb","t":"Breadcrumb","d":"Breadcrumb component","s":"21st","c":"navigation/breadcrumb","a":"ln-dev7","u":6,"pl":"https://cdn.21st.dev/larsen66/breadcrumb/default/preview.1749312441276.png","pc":"ln-dev7","tg":["link"]},{"id":"21st:ln-dev7__button","t":"Button","d":"here is button component","s":"21st","c":"actions/button","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/button/default/preview.1749312836629.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__dorpdown-navigation","t":"Dorpdown navigation","d":"A dynamic and interactive multi-level navigation menu with dropdown submenus and hover effects.","s":"21st","c":"navigation/top-nav","a":"ln-dev7","u":230,"pl":"https://cdn.21st.dev/user_2rmPdOT0hL8MtSnYm8IpqqrYTVg/dorpdown-navigation/default/preview.1738004320039.png","pc":"ln-dev7","tg":["dropdown","icon","menu","navigation-menu"],"sb":"Mega menus"},{"id":"21st:ln-dev7__dynamic-action","t":"Dynamic action","d":"Here is dynamic action bar component","s":"21st","c":"navigation/dock","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/dynamic-action/default/preview.1749423422420.png","pc":"ln-dev7","tg":["dock","list","menu","tabs"]},{"id":"21st:ln-dev7__feedback-slider","t":"Feedback slider","d":"Here is colored feedback slider component","s":"21st","c":"inputs/slider","a":"ln-dev7","u":32,"pl":"https://cdn.21st.dev/larsen66/feedback-slider/default/preview.1749422892262.png","pc":"ln-dev7","tg":["slider"]},{"id":"21st:ln-dev7__flip-button","t":"Flip button","d":"A reusable flip button component that dynamically switches between two customizable texts with a smooth rotation animation.","s":"21st","c":"actions/button","a":"ln-dev7","u":35,"pl":"https://cdn.21st.dev/user_2rmPdOT0hL8MtSnYm8IpqqrYTVg/flip-button/default/preview.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__floating-button","t":"Floating button","d":"Here is floating action button component","s":"21st","c":"actions/button","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/floating-button/default/preview.1749421483716.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__follower-counter","t":"Follower counter","d":"Here is follower counter card","k":"motion","s":"21st","c":"motion/number-ticker","a":"ln-dev7","u":9,"pl":"https://cdn.21st.dev/larsen66/follower-counter/default/preview.1749422478218.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__help-button","t":"Help button","d":"Here is help button component","s":"21st","c":"actions/button","a":"ln-dev7","u":28,"pl":"https://cdn.21st.dev/larsen66/help-button/default/preview.1749372346585.png","pc":"ln-dev7","tg":["button","dropdown","link","popover"]},{"id":"21st:ln-dev7__indev-dialog","t":"Indev dialog","d":"here is modern dialog by indev ui","s":"21st","c":"overlays/dialog","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/indev-dialog/default/preview.1749317696518.png","pc":"ln-dev7","tg":["modal","profile"]},{"id":"21st:ln-dev7__indev-inputui","t":"Indev inputui","d":"Here is modern input component from idevui","s":"21st","c":"inputs/form-field","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/indev-inputui/default/preview.1749318141935.png","pc":"ln-dev7","tg":["input"]},{"id":"21st:ln-dev7__indevui-card","t":"Indevui card","d":"Here is indeveui card base component","s":"21st","c":"data-display/card","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/indevui-card/default/preview.1749313548191.png","pc":"ln-dev7","tg":["notification"],"sb":"Metric"},{"id":"21st:ln-dev7__indevui-checkbox","t":"Indevui checkbox","d":"Here is checkbox base component of indevui","s":"21st","c":"inputs/checkbox","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/indevui-checkbox/default/preview.1749313715374.png","pc":"ln-dev7","tg":["checkbox"]},{"id":"21st:ln-dev7__indevui-collapsible","t":"Indevui collapsible","d":"here is collapsible demo by indev ui","s":"21st","c":"data-display/accordion","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/indevui-collapsible/default/preview.1749316951793.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__indevui-context-menu","t":"Indevui context menu","d":"here is indevui context menu demo","s":"21st","c":"overlays/context-menu","a":"ln-dev7","u":6,"pl":"https://cdn.21st.dev/larsen66/indevui-context-menu/default/preview.1749317114667.png","pc":"ln-dev7","tg":["menu"]},{"id":"21st:ln-dev7__indevui-dropdown-menu","t":"Indevui dropdown menu","d":"Here is modern component of indevuiDropDown menu","s":"21st","c":"navigation/menu","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/indevui-dropdown-menu/default/preview.1749317972365.png","pc":"ln-dev7","tg":["checkbox","radio-group"],"sb":"Dropdowns"},{"id":"21st:ln-dev7__indevui-label","t":"Indevui label","d":"Here is modern label by indevui","s":"21st","c":"assets/icon","a":"ln-dev7","u":3,"pl":"https://cdn.21st.dev/larsen66/indevui-label/default/preview.1749318839470.png","pc":"ln-dev7","tg":["icon"]},{"id":"21st:ln-dev7__indevui-popover","t":"Indevui popover","d":"Here is modern popover component by indevui","s":"21st","c":"overlays/popover","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/indevui-popover/default/preview.1749319105694.png","pc":"ln-dev7","tg":["popover"]},{"id":"21st:ln-dev7__indevui-select","t":"Indevui select","d":"Here is modern select component by indevui","s":"21st","c":"inputs/select","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/indevui-select/default/preview.1749319603182.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__indevui-separator","t":"Indevui separator","d":"Here is separator component ","k":"section","s":"21st","c":"marketing/footer","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/indevui-separator/default/preview.1749319569200.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__indevui-sheet","t":"Indevui sheet","d":"Here is modern sheet component by indevui","s":"21st","c":"overlays/sheet","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/indevui-sheet/default/preview.1749319756904.png","pc":"ln-dev7","tg":["modal"]},{"id":"21st:ln-dev7__indevui-skeleton","t":"Indevui skeleton","d":"Here is modern animated skeleton by indevui","s":"21st","c":"status/skeleton","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/indevui-skeleton/default/preview.1749319705778.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__indevui-switch","t":"Indevui switch","d":"Here is switch component by indevui","s":"21st","c":"actions/switch","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/indevui-switch/default/preview.1749320015181.png","pc":"ln-dev7","tg":["toggle"]},{"id":"21st:ln-dev7__indevui-table","t":"Indevui table","d":"Here is base table component by indev ui ","s":"21st","c":"data-display/table","a":"ln-dev7","u":2,"pl":"https://cdn.21st.dev/larsen66/indevui-table/default/preview.1749320307268.png","pc":"ln-dev7","tg":["table"]},{"id":"21st:ln-dev7__indevui-tabs","t":"Indevui tabs","d":"here is modern indev ui tabs component","s":"21st","c":"navigation/tabs","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/indevui-tabs/default/preview.1749320525421.png","pc":"ln-dev7","tg":["tabs"]},{"id":"21st:ln-dev7__indevui-textarea","t":"Indevui textarea","d":"Here is indevui Text component","s":"21st","c":"inputs/textarea","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/indevui-textarea/default/preview.1749320833863.png","pc":"ln-dev7","tg":["textarea"]},{"id":"21st:ln-dev7__indevui-toaster","t":"Indevui toaster","d":"Here is toaster component by indevui","s":"21st","c":"overlays/toast","a":"ln-dev7","u":4,"pl":"https://cdn.21st.dev/larsen66/indevui-toaster/default/preview.1749320176759.png","pc":"ln-dev7","tg":["alert","notification","toast"]},{"id":"21st:ln-dev7__indevui-toggle","t":"Indevui toggle","d":"Here is indevui toggle component","s":"21st","c":"actions/switch","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/indevui-toggle/default/preview.1749321130042.png","pc":"ln-dev7","tg":["toggle"]},{"id":"21st:ln-dev7__indevuisidebar","t":"Indevuisidebar","d":"here is indevui modern sidebar component","k":"layout","s":"21st","c":"navigation/sidebar","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/indevuisidebar/default/preview.1749330511992.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__indevuitooltip","t":"Indevuitooltip","d":"here is indev ui tooltip","s":"21st","c":"overlays/tooltip","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/indevuitooltip/default/preview.1749321724656.png","pc":"ln-dev7","tg":["tooltip"]},{"id":"21st:ln-dev7__issue-context-menu","t":"Issue context menu","d":"Here is ContextMenu by indevui","s":"21st","c":"overlays/context-menu","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/issue-context-menu/default/preview.1749371901757.png","pc":"ln-dev7","tg":["menu"]},{"id":"21st:ln-dev7__label-badges","t":"Label badges","d":"Here is modern Label Badges component","s":"21st","c":"data-display/badge","a":"ln-dev7","st":"rated","u":16,"pl":"https://cdn.21st.dev/larsen66/label-badges/default/preview.1749371129655.png","pc":"ln-dev7","tg":["badge"],"sc":20,"sb":"Tags and pills"},{"id":"21st:ln-dev7__label-selector","t":"Label selector","d":"Here is Label Selector component by IndevUi","s":"21st","c":"inputs/form-field","a":"ln-dev7","st":"rated","u":3,"pl":"https://cdn.21st.dev/larsen66/label-selector/default/preview.1749370037430.png","pc":"ln-dev7","sc":21,"sb":"Animated fields"},{"id":"21st:ln-dev7__mega-menu","t":"Mega menu","d":"Here is vercel styled menu component","s":"21st","c":"navigation/top-nav","a":"ln-dev7","u":210,"pl":"https://cdn.21st.dev/larsen66/mega-menu/default/preview.1749420432320.png","pc":"ln-dev7","tg":["dropdown","menu","navigation-menu"],"sb":"Mega menus"},{"id":"21st:ln-dev7__member-list","t":"Member list","d":"Here is modern Member list by indev ui","s":"21st","c":"data-display/list","a":"ln-dev7","u":81,"pl":"https://cdn.21st.dev/larsen66/member-list/default/preview.1749417771902.png","pc":"ln-dev7","tg":["dashboard","list","profile","team"],"sb":"People"},{"id":"21st:ln-dev7__members-table","t":"Members table","d":"Here is modern members-table ","k":"section","s":"21st","c":"marketing/team","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/members-table/default/preview.1749296035868.png","pc":"ln-dev7","tg":["avatar","table","team"]},{"id":"21st:ln-dev7__post-scheduler","t":"Post scheduler","d":"Here is Post Scheduler component","s":"21st","c":"data-display/calendar","a":"ln-dev7","st":"rated","pl":"https://cdn.21st.dev/larsen66/post-scheduler/default/preview.1749420988373.png","pc":"ln-dev7","tg":["date-picker"],"sc":25},{"id":"21st:ln-dev7__pricing-interaction","t":"Pricing interaction","d":"A reusable pricing selector component that supports three plans (Free, Starter, Pro) with toggles between monthly and annual pricing, and highlights the selected plan dynamically.","k":"section","s":"21st","c":"marketing/pricing","a":"ln-dev7","u":222,"pl":"https://cdn.21st.dev/user_2rmPdOT0hL8MtSnYm8IpqqrYTVg/pricing-interaction/default/preview.png","pc":"ln-dev7","tg":["pricing-section","radio-group","table"],"sb":"Comparison tables"},{"id":"21st:ln-dev7__priority-selector","t":"Priority selector","d":"Here is priority selector icon by indev ui","s":"21st","c":"overlays/popover","a":"ln-dev7","st":"rated","pl":"https://cdn.21st.dev/larsen66/priority-selector/default/preview.1749412324106.png","pc":"ln-dev7","tg":["popover"],"sc":21},{"id":"21st:ln-dev7__project-badge","t":"Project badge","d":"Here is modern project badge component","s":"21st","c":"data-display/badge","a":"ln-dev7","st":"rated","u":26,"pl":"https://cdn.21st.dev/larsen66/project-badge/default/preview.1749371333062.png","pc":"ln-dev7","sc":18,"sb":"Labels"},{"id":"21st:ln-dev7__project-selector","t":"Project selector","d":"Here is modern project selector component","s":"21st","c":"inputs/select","a":"ln-dev7","st":"rated","u":8,"pl":"https://cdn.21st.dev/larsen66/project-selector/default/preview.1749370966580.png","pc":"ln-dev7","sc":21},{"id":"21st:ln-dev7__projects-table","t":"Projects table","d":"Here is modern projects-table component","s":"21st","c":"data-display/table","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/projects-table/default/preview.1749298665800.png","pc":"ln-dev7","tg":["table"]},{"id":"21st:ln-dev7__settings","t":"Settings","d":"here is modern settings component","k":"layout","s":"21st","c":"flows/settings","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/settings/default/preview.1749299119930.png","pc":"ln-dev7","tg":["dashboard","features"]},{"id":"21st:ln-dev7__social-links","t":"Social links","d":"Here is animated social links component","s":"21st","c":"actions/link","a":"ln-dev7","u":22,"pl":"https://cdn.21st.dev/larsen66/social-links/default/preview.1749421857897.png","pc":"ln-dev7","tg":["link"]},{"id":"21st:ln-dev7__spend-migrator","t":"Spend migrator","d":"Here is spend migrator component","s":"21st","c":"other","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/spend-migrator/default/preview.1785926002964.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__status-selector","t":"Status selector","d":"Here is modern Status Selector component","s":"21st","c":"inputs/select","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/status-selector/default/preview.1749370380026.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__tag-input","t":"Tag input","d":"Here is tag input component","s":"21st","c":"inputs/tag-input","a":"ln-dev7","pl":"https://cdn.21st.dev/larsen66/tag-input/default/preview.1749420137552.png","pc":"ln-dev7","tg":["chip","input"]},{"id":"21st:ln-dev7__tags-selector","t":"Tags selector","d":"The Tags Selector component is a reusable UI element for selecting and managing tags from a predefined list.","s":"21st","c":"data-display/badge","a":"ln-dev7","u":166,"pl":"https://cdn.21st.dev/user_2rmPdOT0hL8MtSnYm8IpqqrYTVg/tags-selector/default/preview.1738000984358.png","pc":"ln-dev7","tg":["chip"],"sb":"Tags and pills"},{"id":"21st:ln-dev7__visualize-booking","t":"Visualize booking","d":"Here is bookings vizualizationg component","s":"21st","c":"motion/tilt-3d","a":"ln-dev7","u":97,"pl":"https://cdn.21st.dev/larsen66/visualize-booking/default/preview.1749421584098.png","pc":"ln-dev7","tg":["calendar","dashboard"]},{"id":"21st:loading-ui__accordion-loader","t":"Accordion loader","d":"An ASCII block loading indicator whose stacked glyphs slide across a track like an accordion to signal an in-progress state.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/accordion-loader/default/preview.1784215377992-cf2b4468-b1ea-4a95-8d2f-b408f3934a09.png","pc":"loading-ui","tg":["progress","spinner"],"sb":"Spinners"},{"id":"21st:loading-ui__analyzing-image","t":"Analyzing image","d":"An animated image-scanning loader that sweeps a highlight bar across a picture icon to indicate image analysis in progress.","s":"21st","c":"media/gallery","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/analyzing-image/default/preview.1784374509030-416ff722-0dbd-4ea8-a9db-f3193a2a4d36.png","pc":"loading-ui","tg":["spinner"]},{"id":"21st:loading-ui__arc","t":"Arc","d":"A circular arc loading spinner that rotates continuously to indicate an in-progress state.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/arc/default/preview.1784219393674-a2a36e85-8f94-4a1a-a803-bc2ce271e187.png","pc":"loading-ui","sb":"Spinners"},{"id":"21st:loading-ui__bars","t":"Bars","d":"An animated bars loading indicator with a configurable number of wave-animated bars.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/bars/default/preview.1784217136111-5fd35c98-86bb-4b82-ab0e-158b9fe6481c.png","pc":"loading-ui","tg":["spinner"],"sb":"Spinners"},{"id":"21st:loading-ui__bobbing-dots","t":"Bobbing dots","d":"A loading indicator of dots that bounce up and down in a staggered phase, for playful in-progress states.","k":"motion","s":"21st","c":"motion/background","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/bobbing-dots/default/preview.1784374515249-77d4d137-a4db-403b-a09d-fb5594ad49ec.png","pc":"loading-ui","tg":["spinner"],"sb":"Grids and patterns"},{"id":"21st:loading-ui__bouncing-dots","t":"Bouncing dots","d":"An animated bouncing dots loading indicator that inherits the current text color and supports a configurable number of dots.","k":"motion","s":"21st","c":"motion/background","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/bouncing-dots/default/preview.1784375827049-cac43718-d119-4f56-8909-140a5ac59618.png","pc":"loading-ui","tg":["spinner"],"sb":"Grids and patterns"},{"id":"21st:loading-ui__classic","t":"Classic","d":"A classic 12-bar rotating loading spinner that fades each bar in sequence to indicate a busy or loading state.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/classic/default/preview.1784212561815-92534740-e592-487d-91b1-c628eb882b40.png","pc":"loading-ui","sb":"Spinners"},{"id":"21st:loading-ui__clock-ring","t":"Clock ring","d":"A circular loading spinner with a rotating clock-hand tick that inherits the current text color.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/clock-ring/default/preview.1784374533186-014f1fb9-884b-4bcc-8560-ba7428eb4a88.png","pc":"loading-ui","tg":["spinner"],"sb":"Spinners"},{"id":"21st:loading-ui__comet-spinner","t":"Comet spinner","d":"A rotating comet loading spinner with a bright head and sweeping tail for animated loading and throughput states.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/comet-spinner/default/preview.1784375833175-53bfc2f8-5d20-4648-a0f8-b2e9eb18e01e.png","pc":"loading-ui","tg":["spinner"],"sb":"Spinners"},{"id":"21st:loading-ui__concentric-ring","t":"Concentric ring","d":"A layered dual-ring loading spinner with a static outer guide ring and a rotating inner segment that inherits the current text color.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/concentric-ring/default/preview.1784374551609-8b665a8f-00e9-46c7-aa01-364f18fdbc95.png","pc":"loading-ui","tg":["spinner"],"sb":"Spinners"},{"id":"21st:loading-ui__conveyor-loop","t":"Conveyor loop","d":"An ASCII-style loading indicator that moves a staggered unicode block trail across a fixed text track in a one-way conveyor loop.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/conveyor-loop/default/preview.1784216004131-15617750-9bdd-4097-b481-0f11fa80f38d.png","pc":"loading-ui","sb":"Spinners"},{"id":"21st:loading-ui__dash-ring","t":"Dash ring","d":"An animated circular dash-ring spinner SVG that indicates loading or busy states.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/dash-ring/default/preview.1784213495825-a091d233-dcd6-4968-aa4c-089f584009e1.png","pc":"loading-ui","tg":["spinner"],"sb":"Spinners"},{"id":"21st:loading-ui__diamond","t":"Diamond","d":"An animated pixel-style diamond loading spinner with sequentially fading segments that indicate a busy or loading state.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/diamond/default/preview.1784216960190-0c0a8ad1-1bc6-4897-b429-1c081e262796.png","pc":"loading-ui","tg":["spinner"],"sb":"Spinners"},{"id":"21st:loading-ui__dots","t":"Dots","d":"Animated three-dot loading indicator with staggered blinking dots that inherit the current text color.","k":"motion","s":"21st","c":"motion/background","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/dots/default/preview.1784374521567-9df168a3-422e-4348-851f-3cef07be28eb.png","pc":"loading-ui","tg":["spinner"],"sb":"Grids and patterns"},{"id":"21st:loading-ui__dots-ring","t":"Dots ring","d":"A circular loading spinner made of pulsing dots arranged in a ring, with configurable dot count, dot size, and radius.","k":"motion","s":"21st","c":"motion/background","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/dots-ring/default/preview.1784219128957-84d48b21-9ba7-46e6-84de-5aaf38951151.png","pc":"loading-ui","tg":["spinner"],"sb":"Grids and patterns"},{"id":"21st:loading-ui__dual-arc","t":"Dual arc","d":"A minimal circular loading spinner that rotates two opposing arcs to indicate progress.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/dual-arc/default/preview.1784219674592-3687c4ba-19ba-46f0-8b6d-786abe04a5e7.png","pc":"loading-ui","tg":["spinner"],"sb":"Spinners"},{"id":"21st:loading-ui__fade-arc","t":"Fade arc","d":"An animated SVG arc spinner with dual gradient fade for indicating loading states.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/fade-arc/default/preview.1784220033262-40bf9ce9-4e5f-4b7a-b562-f2c7ddb57e19.png","pc":"loading-ui","tg":["spinner"],"sb":"Spinners"},{"id":"21st:loading-ui__infinity","t":"Infinity","d":"An SVG infinity-path loading spinner that animates a continuous dash for long-running or ongoing loading states.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/infinity/default/preview.1784215203755-1addd3a4-0b7d-4117-be28-052fccc527ea.png","pc":"loading-ui","tg":["spinner"],"sb":"Spinners"},{"id":"21st:loading-ui__infinity-square-snake","t":"Infinity square snake","d":"A monospace ASCII block loading indicator that traces an infinity-shaped path around two squares.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/infinity-square-snake/default/preview.1784216446443-2991152f-efcf-4b25-a2be-bedf75468534.png","pc":"loading-ui","tg":["spinner"],"sb":"Spinners"},{"id":"21st:loading-ui__infinity-track","t":"Infinity track","d":"A monospace unicode loading indicator that animates staggered block glyphs along an infinity-shaped track.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/infinity-track/default/preview.1784375803254-96a3b3e5-7a1b-441b-b0a7-b70205aab9ec.png","pc":"loading-ui","tg":["spinner"],"sb":"Spinners"},{"id":"21st:loading-ui__morphing-infinity","t":"Morphing infinity","d":"An animated SVG loading spinner that morphs a circle into an infinity shape and back in a continuous loop.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/morphing-infinity/default/preview.1784215016024-33a8c95b-ab0c-4ee8-b39b-70453409d791.png","pc":"loading-ui","tg":["spinner"],"sb":"Spinners"},{"id":"21st:loading-ui__orbit-ring","t":"Orbit ring","d":"A circular loading spinner with an orbiting arc that rotates outside the base ring to indicate ongoing activity.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/orbit-ring/default/preview.1784374545580-54e1c1d6-e866-4640-ae02-253a2e7552df.png","pc":"loading-ui","tg":["spinner"],"sb":"Spinners"},{"id":"21st:loading-ui__pulse-dot","t":"Pulse dot","d":"A pulsing dot loading indicator that scales and fades to signal an in-progress state.","s":"21st","c":"status/status-dot","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/pulse-dot/default/preview.1784673931635-5739c219-b3b2-4d29-a091-1de8c8342a05.png","pc":"loading-ui","tg":["spinner"]},{"id":"21st:loading-ui__quarter-ring","t":"Quarter ring","d":"A compact quarter-arc rotating ring loading spinner for tight spaces like buttons, badges, and inline labels.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/quarter-ring/default/preview.1784213310211-3c41ef00-2708-463c-a99c-1532f824a5bf.png","pc":"loading-ui","sb":"Spinners"},{"id":"21st:loading-ui__ripple","t":"Ripple","d":"An animated SVG ripple loading spinner with expanding concentric circles that fade out, ideal for indicating loading or pending states.","k":"motion","s":"21st","c":"motion/background","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/ripple/default/preview.1783578760432.png","pc":"loading-ui","sb":"Waves and warps"},{"id":"21st:loading-ui__satellite-ring","t":"Satellite ring","d":"A circular loading spinner with a satellite dot that orbits the ring edge for propagation-style loading states.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/satellite-ring/default/preview.1784374539546-36111aa0-f66c-4c09-847b-1864d243caa7.png","pc":"loading-ui","tg":["spinner"],"sb":"Spinners"},{"id":"21st:loading-ui__spiral","t":"Spiral","d":"An animated loading spinner whose dots pulse around a circular spiral path to signal a busy state.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/spiral/default/preview.1784377355975-fcd9926b-2964-40b1-8db1-c082e5249954.png","pc":"loading-ui","tg":["spinner"],"sb":"Spinners"},{"id":"21st:loading-ui__spokes","t":"Spokes","d":"An animated spinning spokes loading indicator rendered as a self-contained SVG spinner.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/spokes/default/preview.1784218880472-c2f37a06-065b-423e-bd92-30f64b8ad9eb.png","pc":"loading-ui","tg":["spinner"],"sb":"Spinners"},{"id":"21st:loading-ui__square-accordion","t":"Square accordion","d":"An animated ASCII square loader whose block glyphs trace the perimeter like an accordion for loading states.","s":"21st","c":"data-display/accordion","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/square-accordion/default/preview.1784215805933-d2069a8f-093c-4855-ace8-1f773d302fd8.png","pc":"loading-ui"},{"id":"21st:loading-ui__square-grid","t":"Square grid","d":"A monospace ASCII loading spinner that traces a unicode square track with a block trail orbiting the outer edge.","s":"21st","c":"layout/bento-grid","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/square-grid/default/preview.1784389188313-03a92997-26dc-4bd0-b818-d2baf52597dc.png","pc":"loading-ui"},{"id":"21st:loading-ui__square-snake","t":"Square snake","d":"An ASCII block loading spinner where shaded square glyphs chase each other around a square path.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/square-snake/default/preview.1784216177157-9570d0d7-ee00-4197-9fcc-0ecdb4baa7c9.png","pc":"loading-ui","tg":["spinner"],"sb":"Spinners"},{"id":"21st:loading-ui__swirling","t":"Swirling","d":"An animated SVG loading spinner with a swirling stroke-dash circle that spins and morphs continuously.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/swirling/default/preview.1786705724111-c3748cac-df8f-4279-9f2e-6f834a460ac1.png","pc":"loading-ui","sb":"Spinners"},{"id":"21st:loading-ui__symmetric-wave","t":"Symmetric wave","d":"An ASCII-style animated loading indicator where blocks pulse in a symmetric wave pattern.","k":"motion","s":"21st","c":"motion/background","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/symmetric-wave/default/preview.1784215543802-39128e14-b996-4109-9c67-4aebb52a1544.png","pc":"loading-ui","tg":["spinner"],"sb":"Waves and warps"},{"id":"21st:loading-ui__text-blink","t":"Text blink","d":"A text component that gently pulses its opacity to signal an in-place loading or activity state for short labels.","k":"motion","s":"21st","c":"motion/text-effect","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/text-blink/default/preview.1784677396555-58aef2d6-9232-4efd-8e5b-65ce03ca6fe3.png","pc":"loading-ui","tg":["text"]},{"id":"21st:loading-ui__triple-dot-spinner","t":"Triple dot spinner","d":"A compact loading spinner of three dots rotating around a shared center, sized for buttons, badges, and table rows.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/triple-dot-spinner/default/preview.1784375808640-1e763996-9ebc-492e-ac15-57bb144bedec.png","pc":"loading-ui","tg":["spinner"],"sb":"Dots and pulse"},{"id":"21st:loading-ui__twin-orbit","t":"Twin orbit","d":"A compact loading spinner with two markers orbiting a center dot in a half-cycle offset for balanced circular motion.","s":"21st","c":"status/loader","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/twin-orbit/default/preview.1784355266794-a7c6b15d-d80f-428e-9e2c-592e08d1be2e.png","pc":"loading-ui","tg":["spinner"],"sb":"Spinners"},{"id":"21st:loading-ui__typing","t":"Typing","d":"An animated typing indicator with vertically bouncing dots that signals live input in chat, search, and collaborative editing surfaces.","k":"motion","s":"21st","c":"motion/text-effect","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/typing/default/preview.1784356742232-78b3d9c7-6bf4-40e1-b040-20bc2c249afd.png","pc":"loading-ui","sb":"Typewriter"},{"id":"21st:loading-ui__wave","t":"Wave","d":"An animated wave loading indicator built from bars that pulse vertically to signal a busy or loading state.","k":"motion","s":"21st","c":"motion/background","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/wave/default/preview.1783578966995.png","pc":"loading-ui","tg":["spinner"],"sb":"Waves and warps"},{"id":"21st:localhost_danverr__123123","t":"123123","d":"123123123123123123","s":"21st","c":"other","a":"localhost_danverr","pl":"https://cdn.21st.dev/localhost_danverr/123123/default/preview.1750173386154.png","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__123123-1","t":"123123 1","d":"123123123123123123","s":"21st","c":"other","a":"localhost_danverr","pl":"https://cdn.21st.dev/localhost_danverr/123123-1/default/preview.1750228341241.png","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__1231231111","t":"1231231111","d":"http://localhost:3000/magic-chathttp://localhost:3000/magic-chat","s":"21st","c":"other","a":"localhost_danverr","pl":"https://cdn.21st.dev/localhost_danverr/1231231111/default/preview.1753211470189.png","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__123attttt","t":"123attttt","d":"123attttt123attttt","s":"21st","c":"other","a":"localhost_danverr","pl":"https://cdn.21st.dev/localhost_danverr/123attttt/default/preview.1750228895892.png","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__22222","t":"22222","d":"222222222222222","s":"21st","c":"other","a":"localhost_danverr","pl":"https://cdn.21st.dev/localhost_danverr/22222/default/preview.1749201843092.png","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__abobka-kek","t":"Abobka kek","d":"abobka_kekabobka_kekabobka_kek","s":"21st","c":"other","a":"localhost_danverr","pl":"https://cdn.21st.dev/localhost_danverr/abobka-kek/default/preview.1748462573964.png","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__animated-blur-number","t":"Animated blur number","d":"A React number that animates digit-by-digit with an iOS-style spring and blur on changing digits.","s":"21st","c":"motion/number-ticker","a":"localhost_danverr","pl":"https://cdn.21st.dev/localhost_danverr/animated-blur-number/default/preview.1780483105301.png","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__asfgfsgs","t":"Asfgfsgs","d":"asfgfsgsasfgfsgsasfgfsgs","s":"21st","c":"other","a":"localhost_danverr","pl":"https://cdn.21st.dev/localhost_danverr/asfgfsgs/default/preview.1750229118048.png","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__codex-dummy-card-e2e","t":"Codex dummy card e2e","d":"Private registry prod E2E dummy card","s":"21st","c":"data-display/card","a":"localhost_danverr","pl":"https://21st.dev/@localhost_danverr/components/codex-dummy-card-e2e","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__codex-unlisted-card-e2e","t":"Codex unlisted card e2e","d":"Unlisted registry prod E2E dummy card","s":"21st","c":"data-display/card","a":"localhost_danverr","pl":"https://21st.dev/@localhost_danverr/components/codex-unlisted-card-e2e","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__dadadadddddd","t":"Dadadadddddd","d":"dadadadddddddadadadddddd","s":"21st","c":"other","a":"localhost_danverr","pl":"https://cdn.21st.dev/localhost_danverr/dadadadddddd/default/preview.1779721349140.png","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__dagfsdgasg","t":"Dagfsdgasg","d":"dagfsdgasgdagfsdgasgdagfsdgasg","s":"21st","c":"other","a":"localhost_danverr","pl":"https://cdn.21st.dev/localhost_danverr/dagfsdgasg/default/preview.1750230092760.png","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__demo-three","t":"Demo three","d":"Demo ThreeDemo ThreeDemo ThreeDemo Three","k":"motion","s":"21st","c":"motion/shader","a":"localhost_danverr","pl":"https://cdn.21st.dev/localhost_danverr/demo-three/default/preview.1750111014434.png","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__deps-test","t":"Deps test","d":"deps testdeps testdeps test","s":"21st","c":"other","a":"localhost_danverr","pl":"https://cdn.21st.dev/localhost_danverr/deps-test/default/preview.1749912652492.png","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__fasfaaaa","t":"Fasfaaaa","d":"fasfaaaafasfaaaa","s":"21st","c":"other","a":"localhost_danverr","pl":"https://cdn.21st.dev/localhost_danverr/fasfaaaa/default/preview.1750232201499.png","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__fqwetetetet","t":"Fqwetetetet","d":"fqwetetetetfqwetetetetfqwetetetet","s":"21st","c":"other","a":"localhost_danverr","pl":"https://cdn.21st.dev/localhost_danverr/fqwetetetet/default/preview.1750232953748.png","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__multi-demo-support-e2e-20260604-001","t":"Multi demo support e2e 20260604 001","d":"E2E fixture for multiple demos and component/demo support dependencies.","s":"21st","c":"other","a":"localhost_danverr","pl":"https://21st.dev/@localhost_danverr/components/multi-demo-support-e2e-20260604-001","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__studio-team-seed-mpecx59h","t":"Studio team seed mpecx59h","k":"section","s":"21st","c":"marketing/team","a":"localhost_danverr","pl":"https://21st.dev/@localhost_danverr/components/studio-team-seed-mpecx59h","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__sukabtn","t":"Sukabtn","d":"sukabtnsukabtnsukabtnsukabtn","s":"21st","c":"actions/button","a":"localhost_danverr","pl":"https://cdn.21st.dev/danverr/sukabtn/default/preview.png","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__support-graph-e2e-202606041003","t":"Support graph e2e 202606041003","d":"E2E fixture with nested local support files, CSS imports, SVG assets, and JSON data.","s":"21st","c":"data-viz/chart","a":"localhost_danverr","pl":"https://21st.dev/@localhost_danverr/components/support-graph-e2e-202606041003","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__support-graph-e2e-202606041007","t":"Support graph e2e 202606041007","d":"E2E fixture with nested local support files, CSS imports, SVG assets, and JSON data.","s":"21st","c":"data-viz/chart","a":"localhost_danverr","pl":"https://21st.dev/@localhost_danverr/components/support-graph-e2e-202606041007","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__test-hi-david","t":"Test hi david","d":"test-hi_davidtest-hi_davidtest-hi_david","s":"21st","c":"other","a":"localhost_danverr","pl":"https://cdn.21st.dev/localhost_danverr/test-hi-david/default/preview.1760536064812.png","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__testtest","t":"Testtest","d":"testtesttesttest","s":"21st","c":"other","a":"localhost_danverr","pl":"https://cdn.21st.dev/localhost_danverr/testtest/default/preview.1750164500151.png","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__testtesttest","t":"Testtesttest","d":"hi serafim!hi serafim!hi serafim!","s":"21st","c":"other","a":"localhost_danverr","pl":"https://cdn.21st.dev/localhost_danverr/testtesttest/default/preview.1750152044776.png","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__testtesttestte","t":"Testtesttestte","d":"testtesttesttesttest","s":"21st","c":"other","a":"localhost_danverr","pl":"https://cdn.21st.dev/localhost_danverr/testtesttestte/default/preview.1752520954931.png","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__testtesttesttest","t":"Testtesttesttest","d":"testtesttesttest","s":"21st","c":"other","a":"localhost_danverr","pl":"https://cdn.21st.dev/localhost_danverr/testtesttesttest/default/preview.1748894720716.png","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__testtttt","t":"Testtttt","d":"testtttttesttttttesttttt","s":"21st","c":"other","a":"localhost_danverr","pl":"https://cdn.21st.dev/localhost_danverr/testtttt/default/preview.1750167935195.png","pc":"localhost_danverr"},{"id":"21st:localhost_danverr__yoyoyoyoyo","t":"Yoyoyoyoyo","d":"yoyoyoyoyo yoyoyoyoyo yoyoyoyoyo","s":"21st","c":"other","a":"localhost_danverr","pl":"https://cdn.21st.dev/localhost_danverr/yoyoyoyoyo/default/preview.1750227782069.png","pc":"localhost_danverr"},{"id":"21st:localhost_serafim__dialog","t":"Dialog","d":"Dialog with Glassmorphic Container inspired by cloud.laravel.com","s":"21st","c":"overlays/dialog","a":"localhost_serafim","pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/dialog/default/preview.png","pc":"localhost_serafim"},{"id":"21st:localhost_serafim__fdsfdffsdf","t":"Fdsfdffsdf","d":"аывавыаывавыа","s":"21st","c":"other","a":"localhost_serafim","pl":"https://cdn.21st.dev/localhost_serafim/fdsfdffsdf/default/preview.1760503160622.png","pc":"localhost_serafim"},{"id":"21st:localhost_serafim__ff","t":"Ff","d":"fffffffffff","s":"21st","c":"other","a":"localhost_serafim","pl":"https://cdn.21st.dev/localhost_serafim/ff/default/preview.1760502970736.png","pc":"localhost_serafim"},{"id":"21st:localhost_serafim__fsdfdsfsdfdsfsdf","t":"Fsdfdsfsdfdsfsdf","d":"fsdfsfdsfsdf","s":"21st","c":"other","a":"localhost_serafim","pl":"https://cdn.21st.dev/localhost_serafim/fsdfdsfsdfdsfsdf/default/preview.1760503841553.png","pc":"localhost_serafim"},{"id":"21st:localhost_serafim__gkjhhjhjkhj","t":"Gkjhhjhjkhj","d":"hjhljhjkjkjhjkhkj","s":"21st","c":"other","a":"localhost_serafim","pl":"https://cdn.21st.dev/localhost_serafim/gkjhhjhjkhj/default/preview.1760503312154.png","pc":"localhost_serafim"},{"id":"21st:lolyxmoon__dd","t":"Dd","d":"Animated (ripple) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, car","k":"motion","s":"21st","c":"motion/ascii","a":"lolyxmoon","pl":"https://cdn.21st.dev/lolyxmoon/dd/default/preview.1785793831756-9249a939-9abc-4f1a-983f-4c971580ad92.webp","pc":"lolyxmoon","sb":"Characters"},{"id":"21st:lovesickfromthe6ix__3d-cube-hero","t":"3d cube hero","d":"Hero section fully customizable with dedicated collapsible control panel interactive 3d visualization, scroll animation, and post processing effects made with zero dependencies","k":"section","s":"21st","c":"marketing/hero","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/3d-cube-hero/default/preview.1749080910432.png","pc":"lovesickfromthe6ix","sb":"Animated background"},{"id":"21st:lovesickfromthe6ix__3d-hero-section","t":"3d hero section","d":"Futuristic hero section with animated 3d background, animated gradient text, and animated call to action without using external libraries","k":"section","s":"21st","c":"marketing/hero","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/3d-hero-section/default/preview.1749020718520.png","pc":"lovesickfromthe6ix","sb":"Animated background"},{"id":"21st:lovesickfromthe6ix__animated-menu","t":"Animated menu","d":"Animated drop don menu","s":"21st","c":"navigation/menu","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/animated-menu/default/preview.1749162505139.png","pc":"lovesickfromthe6ix"},{"id":"21st:lovesickfromthe6ix__animated-menu-1","t":"Animated menu 1","d":"Bold, modern, scrollable self contained collapsible menu system with micro and macro animations fully customizable through props","s":"21st","c":"navigation/menu","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/animated-menu-1/default/preview.1755119001259.png","pc":"lovesickfromthe6ix"},{"id":"21st:lovesickfromthe6ix__calculator","t":"Calculator","d":"A functional calculator with history and  proper display formatting","s":"21st","c":"data-display/calendar","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/calculator/default/preview.1750392718262.png","pc":"lovesickfromthe6ix"},{"id":"21st:lovesickfromthe6ix__ethereal","t":"Ethereal","d":"scrolling hero section with animted webgl background and navigation bar. Includes post processing","k":"section","s":"21st","c":"marketing/hero","a":"lovesickfromthe6ix","u":40,"pl":"https://cdn.21st.dev/lovesickfromthe6ix/ethereal/default/preview.1755896385015.png","pc":"lovesickfromthe6ix","tg":["hero"]},{"id":"21st:lovesickfromthe6ix__fluid-rainbow-hero","t":"Fluid rainbow hero","d":"An SAAS Hero section with a procedural animated fluid simulation background. Includes marketing header and call-to-action with hover animations","k":"section","s":"21st","c":"marketing/hero","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/fluid-rainbow-hero/default/preview.1755234083683.png","pc":"lovesickfromthe6ix","sb":"SaaS and AI"},{"id":"21st:lovesickfromthe6ix__full-screen-scroll-fx","t":"Full screen scroll fx","d":"React + GSAP full-screen scroll slideshow with animated sidebar navigation and smooth scroll triggered animations, fully customizable through props","k":"layout","s":"21st","c":"layout/scroll-area","a":"lovesickfromthe6ix","u":357,"pl":"https://cdn.21st.dev/lovesickfromthe6ix/full-screen-scroll-fx/default/preview.1755782340506.png","pc":"lovesickfromthe6ix","tg":["sidebar"]},{"id":"21st:lovesickfromthe6ix__gradient-button","t":"Gradient button","d":"Highly customizable button component with animations and custom gradient effects using webgl and gsap","s":"21st","c":"actions/button","a":"lovesickfromthe6ix","u":24,"pl":"https://cdn.21st.dev/lovesickfromthe6ix/gradient-button/default/preview.1749336701014.png","pc":"lovesickfromthe6ix","sb":"Animated"},{"id":"21st:lovesickfromthe6ix__hero","t":"Hero","d":"Hero section with WebGL particle field animated background, gradient text, hover animations and idle text animations","k":"section","s":"21st","c":"marketing/hero","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/hero/default/preview.1757057944313.png","pc":"lovesickfromthe6ix"},{"id":"21st:lovesickfromthe6ix__hero-section","t":"Hero section","d":"An animated modern responsive hero section for a startup or saas with webgl visuals, post processing, bold styling, hover effects, and CTA","k":"section","s":"21st","c":"marketing/hero","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/hero-section/default/preview.1758596931568.png","pc":"lovesickfromthe6ix"},{"id":"21st:lovesickfromthe6ix__horizon-hero-section","t":"Horizon hero section","d":"3d hero section component with interactive animations, 3d elements, parallax, post processing, scroll animation, and animated sidebar menu","k":"section","s":"21st","c":"marketing/hero","a":"lovesickfromthe6ix","u":1133,"pl":"https://cdn.21st.dev/user_2y0orG0S3NPUGUs5U6oQCBMLMkR/horizon-hero-section/default/preview.1750811163361.png","pc":"lovesickfromthe6ix","tg":["sidebar"],"sb":"Split"},{"id":"21st:lovesickfromthe6ix__infinite-drag-grid","t":"Infinite drag grid","s":"21st","c":"layout/bento-grid","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/infinite-drag-grid/default/preview.1749991514743.png","pc":"lovesickfromthe6ix"},{"id":"21st:lovesickfromthe6ix__interactive-hero-section","t":"Interactive hero section","d":"A hero section component with interactive bold, animated gradient text and a call to action button with hover animation. All is pure css no external libraries","k":"section","s":"21st","c":"marketing/hero","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/interactive-hero-section/default/preview.1748982959474.png","pc":"lovesickfromthe6ix"},{"id":"21st:lovesickfromthe6ix__interactive-map","t":"Interactive map","d":"An interactive GPS map with multiple visualization styles and custom map markers","s":"21st","c":"data-viz/map","a":"lovesickfromthe6ix","u":181,"pl":"https://cdn.21st.dev/lovesickfromthe6ix/interactive-map/default/preview.1752059124545.png","pc":"lovesickfromthe6ix","tg":["data-visualization","map","search"]},{"id":"21st:lovesickfromthe6ix__iphone-mockup","t":"Iphone mockup","d":"A configurable Iphone mockup","s":"21st","c":"media/mockup","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/iphone-mockup/default/preview.1756419508539.png","pc":"lovesickfromthe6ix"},{"id":"21st:lovesickfromthe6ix__loading-animation","t":"Loading animation","d":"Custom page loading animation component","s":"21st","c":"status/loader","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/loading-animation/default/preview.1756393684482.png","pc":"lovesickfromthe6ix","tg":["spinner"],"sb":"Spinners"},{"id":"21st:lovesickfromthe6ix__loading-animation-1","t":"Loading animation 1","d":"Custom loading animation component","s":"21st","c":"status/loader","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/loading-animation-1/default/preview.1756395256528.png","pc":"lovesickfromthe6ix","tg":["spinner"],"sb":"Spinners"},{"id":"21st:lovesickfromthe6ix__meta-ball-hero","t":"Meta ball hero","d":"Customizable 2d Metaball background visualization ","k":"section","s":"21st","c":"marketing/hero","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/meta-ball-hero/default/preview.1751638688675.png","pc":"lovesickfromthe6ix"},{"id":"21st:lovesickfromthe6ix__music-player","t":"Music player","d":"Customizable music player with playlist display, album art, playback controls and an optional waveform display. fully customizable through props","s":"21st","c":"media/player","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/music-player/default/preview.1755134006457.png","pc":"lovesickfromthe6ix"},{"id":"21st:lovesickfromthe6ix__music-portfolio","t":"Music portfolio","d":"A sophisticated React component for displaying music portfolios, discographies, or creative project collections with stunning interactive effects. Features include text scrambling ","s":"21st","c":"media/player","a":"lovesickfromthe6ix","u":52,"pl":"https://cdn.21st.dev/lovesickfromthe6ix/music-portfolio/default/preview.1756531625533.png","pc":"lovesickfromthe6ix","tg":["list"]},{"id":"21st:lovesickfromthe6ix__music-reactive-hero-section","t":"Music reactive hero section","d":"A modern, minimal and bold hero section with a dynamic audio reactive visualization background. Includes built in audio player with play / pause controls and beautiful post process","k":"section","s":"21st","c":"marketing/hero","a":"lovesickfromthe6ix","u":68,"pl":"https://cdn.21st.dev/lovesickfromthe6ix/music-reactive-hero-section/default/preview.1785357502755-fb740e17-ed02-4b8a-bf55-4568a6755e82.png","pc":"lovesickfromthe6ix"},{"id":"21st:lovesickfromthe6ix__omni-command-palette","t":"Omni command palette","d":"a fast, accessible, mobile-friendly command/search palette with async multi-sources, fuzzy highlighting, recents, presets, pinned actions, and keyboard shortcuts.","s":"21st","c":"navigation/command-palette","a":"lovesickfromthe6ix","u":41,"pl":"https://cdn.21st.dev/lovesickfromthe6ix/omni-command-palette/default/preview.1755732330312.png","pc":"lovesickfromthe6ix","tg":["dropdown","list","search"]},{"id":"21st:lovesickfromthe6ix__orbital-hero","t":"Orbital hero","d":"A futuristic hero section ith physicly based orbit system, post processing effects, text effects, animated gradients, hover animation, and responsive design. Visuals are all real t","k":"section","s":"21st","c":"marketing/hero","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/orbital-hero/default/preview.1751002506110.png","pc":"lovesickfromthe6ix"},{"id":"21st:lovesickfromthe6ix__particle-hero","t":"Particle hero","d":"Hero section particle background using webgl","k":"section","s":"21st","c":"marketing/hero","a":"lovesickfromthe6ix","u":15,"pl":"https://cdn.21st.dev/lovesickfromthe6ix/particle-hero/default/preview.1748987252628.png","pc":"lovesickfromthe6ix","sb":"Animated background"},{"id":"21st:lovesickfromthe6ix__particle-text","t":"Particle text","d":"Interactive particle text effect with custom fluid dynamics, post processing, advanced animation and animated gradient. Particles can be configured to expand from mouse or attract ","k":"motion","s":"21st","c":"motion/text-effect","a":"lovesickfromthe6ix","u":35,"pl":"https://cdn.21st.dev/lovesickfromthe6ix/particle-text/default/preview.1749206967882.png","pc":"lovesickfromthe6ix"},{"id":"21st:lovesickfromthe6ix__pricing-section","t":"Pricing section","d":"Modern pricing section","k":"section","s":"21st","c":"marketing/pricing","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/pricing-section/default/preview.1758883430067.png","pc":"lovesickfromthe6ix"},{"id":"21st:lovesickfromthe6ix__project-management-dashboard","t":"Project management dashboard","d":"$35","k":"layout","s":"21st","c":"layout/dashboard","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/project-management-dashboard/default/preview.1755937173556.png","pc":"lovesickfromthe6ix"},{"id":"21st:lovesickfromthe6ix__real-time-flow-field","t":"Real time flow field","d":"3d Flow field liquid simulation shader with post processing FX and an optional Hero overlay","s":"21st","c":"inputs/form-field","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/real-time-flow-field/default/preview.1758706545687.png","pc":"lovesickfromthe6ix"},{"id":"21st:lovesickfromthe6ix__revolution-hero","t":"Revolution hero","d":"Hero section with floating side panel navigation and an animated dynamic abstract background","k":"section","s":"21st","c":"marketing/hero","a":"lovesickfromthe6ix","u":68,"pl":"https://cdn.21st.dev/lovesickfromthe6ix/revolution-hero/default/preview.1750326618503.png","pc":"lovesickfromthe6ix"},{"id":"21st:lovesickfromthe6ix__saas-hero-section","t":"Saas hero section","d":"A modern hero section for an SAAS startup with an animated particle field background, animated floating text, CTA buttons with hover animation, subtle animated color gradient, and ","k":"section","s":"21st","c":"marketing/hero","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/saas-hero-section/default/preview.1758606943431.png","pc":"lovesickfromthe6ix","sb":"SaaS and AI"},{"id":"21st:lovesickfromthe6ix__scroll-animated-video","t":"Scroll animated video","s":"21st","c":"media/player","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/scroll-animated-video/default/preview.1755743375859.png","pc":"lovesickfromthe6ix"},{"id":"21st:lovesickfromthe6ix__shader-animation","t":"Shader animation","d":"Animated hero background with procedural gradient animation using webgl","k":"motion","s":"21st","c":"motion/background","a":"lovesickfromthe6ix","u":55,"pl":"https://cdn.21st.dev/lovesickfromthe6ix/shader-animation/default/preview.1755805553789.png","pc":"lovesickfromthe6ix","sb":"Shaders and WebGL"},{"id":"21st:lovesickfromthe6ix__shooting-stars-hero","t":"Shooting stars hero","d":"Hero section with dynamic animated partile system with trails and post processing effects","k":"section","s":"21st","c":"marketing/hero","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/shooting-stars-hero/default/preview.1757038559333.png","pc":"lovesickfromthe6ix"},{"id":"21st:lovesickfromthe6ix__sign-in-flo","t":"Sign in flo","d":"A modern sign in flow with animated elements and minimal dependencies","s":"21st","c":"flows/sign-in","a":"lovesickfromthe6ix","st":"rated","u":54,"pl":"https://cdn.21st.dev/lovesickfromthe6ix/sign-in-flo/default/preview.1749002042485.png","pc":"lovesickfromthe6ix","tg":["sign-in"],"sc":18,"sb":"Sign up"},{"id":"21st:lovesickfromthe6ix__sroll-animation","t":"Sroll animation","d":"A dynamic 3d scroll animated experience that reveals a header and call-to-action.. A procedural 3d forest scene  with an old enchanted doorway. As the user scrolls the camera moves","k":"section","s":"21st","c":"marketing/cta","a":"lovesickfromthe6ix","pl":"https://cdn.21st.dev/lovesickfromthe6ix/sroll-animation/default/preview.1757124531818.png","pc":"lovesickfromthe6ix"},{"id":"21st:lovesickfromthe6ix__turbulent-flow","t":"Turbulent flow","d":"animated background component featuring a turbulent gradient flow using a custom written shader","k":"motion","s":"21st","c":"motion/background","a":"lovesickfromthe6ix","u":28,"pl":"https://cdn.21st.dev/lovesickfromthe6ix/turbulent-flow/default/preview.1749368479987.png","pc":"lovesickfromthe6ix"},{"id":"21st:lovesickfromthe6ix__vhs-hero-section","t":"Vhs hero section","d":"Hero section ith an ethereal VHS retro aesthetic. Includes interactive animations, text effects and call to action","k":"section","s":"21st","c":"marketing/hero","a":"lovesickfromthe6ix","u":41,"pl":"https://cdn.21st.dev/lovesickfromthe6ix/vhs-hero-section/default/preview.1750313356268.png","pc":"lovesickfromthe6ix","tg":["cta"],"sb":"With video"},{"id":"21st:lran1028__smoky-button","t":"Smoky button","d":"A WebGL-powered button with customizable, silk-like animated smoke.","s":"21st","c":"actions/button","a":"lran1028","pl":"https://cdn.21st.dev/lran1028/smoky-button/default/preview.1785579563793-9fe7d5c0-6e0f-41db-aa14-d577ab711e7b.webp","pc":"lran1028"},{"id":"21st:lucaszanini096__waves-background","t":"Waves background","d":"Animated WebGL shader background in the Waves style. Generated by the 21st.dev Shader Builder. 4-color palette (#031C26, #1B6CA8, #5AD2F4, #EAF9FF). A drop-in, zero-dependency Reac","k":"motion","s":"21st","c":"motion/shader","a":"lucaszanini096","pl":"https://cdn.21st.dev/lucaszanini096/waves-background/default/preview.1785716124374-49981210-780c-4a04-b1a2-9ed6bc19e40f.png","pc":"lucaszanini096","sb":"Waves"},{"id":"21st:lucaszanini096__waves-background-2","t":"Waves background 2","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#101010, #F5F5F5, #B0B0B0, #3A3A3A). A drop-in, zero-dependency React","k":"motion","s":"21st","c":"motion/shader","a":"lucaszanini096","pl":"https://cdn.21st.dev/lucaszanini096/waves-background-2/default/preview.1785716143095-5ce8d278-0c5d-41df-b00d-9a00e11e9a51.png","pc":"lucaszanini096","sb":"Silk"},{"id":"21st:luizmb.producao__animatedcounter","t":"Animatedcounter","d":"Number that counts up when it scrolls into view, then stops. Custom formatter for currency/percent, configurable duration and delay; respects reduced motion.","s":"21st","c":"motion/number-ticker","a":"luizmb.producao","pl":"https://21st.dev/@luizmb.producao/components/animatedcounter","pc":"luizmb.producao"},{"id":"21st:luizmb.producao__marquee","t":"Marquee","d":"Seamless infinite horizontal marquee for logo clouds and badge rows. Dual-track edge-to-edge loop with CSS edge-fade mask; respects reduced motion.","k":"motion","s":"21st","c":"motion/marquee","a":"luizmb.producao","pl":"https://21st.dev/@luizmb.producao/components/marquee","pc":"luizmb.producao"},{"id":"21st:luizmb.producao__whatsappfloatingbutton","t":"Whatsappfloatingbutton","d":"Site-wide floating WhatsApp button with an auto-appearing, dismissible teaser bubble. Both the button and bubble open the chat. Configurable color, name and message.","s":"21st","c":"actions/button","a":"luizmb.producao","pl":"https://21st.dev/@luizmb.producao/components/whatsappfloatingbutton","pc":"luizmb.producao"},{"id":"21st:lujx1994__counter-button","t":"Counter button","d":"CounterButton","s":"21st","c":"actions/button","a":"lujx1994","pl":"https://cdn.21st.dev/lujx1994/counter-button/default/preview.1750583814547.png","pc":"lujx1994"},{"id":"21st:lukacho__copy-to-clipboard","t":"Copy to clipboard","d":"Copy to Clipboard Component","s":"21st","c":"actions/copy-button","a":"lukacho","pl":"https://cdn.21st.dev/user_lukacho/copy-to-clipboard.png","pc":"lukacho"},{"id":"21st:lukacho__custom-cursor","t":"Custom cursor","k":"motion","s":"21st","c":"motion/cursor","a":"lukacho","pl":"https://cdn.21st.dev/user_lukacho/custom-cursor.png","pc":"lukacho","tg":["cursor"]},{"id":"21st:lukacho__figma-cursor","t":"Figma cursor","d":"Useful for team work illustrations","k":"motion","s":"21st","c":"motion/cursor","a":"lukacho","pl":"https://cdn.21st.dev/user_lukacho/figma-cursor.png","pc":"lukacho"},{"id":"21st:lukacho__image-swiper","t":"Image swiper","d":"Image swiper card for a real estate website\n\n","s":"21st","c":"media/carousel","a":"lukacho","u":87,"pl":"https://cdn.21st.dev/user_lukacho/image-swiper.png","pc":"lukacho","tg":["gallery","slider"]},{"id":"21st:lukacho__marquee","t":"Marquee","d":"Very useful while showcasing comments or technologies","k":"motion","s":"21st","c":"motion/marquee","a":"lukacho","u":1177,"pl":"https://cdn.21st.dev/user_lukacho/marquee.png","pc":"lukacho","tg":["grid","marquee","scroll-area"]},{"id":"21st:lukacho__tiles","t":"Tiles","s":"21st","c":"data-display/card","a":"lukacho","pl":"https://cdn.21st.dev/user_lukacho/tiles.png","pc":"lukacho","tg":["background","grid"]},{"id":"21st:luxcompsred__test","t":"Test","d":"Comps.Red UI with Magic.","s":"21st","c":"other","a":"luxcompsred","pl":"https://cdn.21st.dev/luxcompsred/test/default/preview.1756005430662.png","pc":"luxcompsred"},{"id":"21st:lyanchouss__asd","t":"Asd","d":"Animated blueprint-grid shader background used across the Dali Agents UI on daliagents.com, with a discreet daliagents.com credit link.","k":"motion","s":"21st","c":"motion/background","a":"lyanchouss","pl":"https://cdn.21st.dev/user_2xFgBhIEcC8WVjxizPEzB14AOkb/asd/default/preview.1756894585457.png","pc":"lyanchouss"},{"id":"21st:lyanchouss__cta-with-marquee","t":"Cta with marquee","d":"CTA section with image and video marquee variants that invites visitors to start with one working agent from daliagents.com, part of the Dali Agents UI.","k":"section","s":"21st","c":"marketing/cta","a":"lyanchouss","u":90,"pl":"https://cdn.21st.dev/lyanchouss/cta-with-marquee/default/preview.1759331424506.png","pc":"lyanchouss","tg":["ai-chat","cta","gallery","marquee"]},{"id":"21st:lyanchouss__cta-with-text-marquee","t":"Cta with text marquee","d":"Call-to-action section for daliagents.com with a scrolling marquee of Dali Agents service lanes, inviting visitors to start with one fixed-scope agent.","k":"section","s":"21st","c":"marketing/cta","a":"lyanchouss","u":221,"pl":"https://cdn.21st.dev/lyanchouss/cta-with-text-marquee/default/preview.1759339049804.png","pc":"lyanchouss","tg":["cta","marquee"]},{"id":"21st:lyanchouss__dark-grid","t":"Dark grid","d":"Dark capability grid for daliagents.com showing what Dali Agents ships - agents wired into real workflows, structured outputs, and acceptance-tested delivery - as part of the Dali ","k":"section","s":"21st","c":"marketing/features","a":"lyanchouss","u":46,"pl":"https://cdn.21st.dev/lyanchouss/dark-grid/default/preview.1760138599724.png","pc":"lyanchouss","tg":["features"],"sb":"Grid of cards"},{"id":"21st:lyanchouss__dock","t":"Dock","d":"Minimal dock for the daliagents.com console, giving one-click access to the Dali Agents surfaces - Agents, Leads, Operations, Support, Care, and Rescue.","s":"21st","c":"navigation/dock","a":"lyanchouss","pl":"https://cdn.21st.dev/lyanchouss/dock/default/preview.1759592925726.png","pc":"lyanchouss","tg":["dock","navigation-menu"]},{"id":"21st:lyanchouss__fallback-card","t":"Fallback card","d":"Empty and fallback state card for the daliagents.com client console, shown when no agents are running or a workflow has no runs yet, part of the Dali Agents UI.","s":"21st","c":"data-display/card","a":"lyanchouss","pl":"https://cdn.21st.dev/lyanchouss/fallback-card/default/preview.1758602065436.png","pc":"lyanchouss","tg":["empty-state"],"sb":"Metric"},{"id":"21st:lyanchouss__hero-minimalism","t":"Hero minimalism","d":"A minimal full-screen hero for daliagents.com stating the Dali Agents promise - working AI agents with fixed scope and an upfront acceptance test - as part of the Dali Agents UI.","k":"section","s":"21st","c":"marketing/hero","a":"lyanchouss","u":182,"pl":"https://cdn.21st.dev/lyanchouss/hero-minimalism/default/preview.1785602015747.png","pc":"lyanchouss","sb":"Centered and minimal"},{"id":"21st:lyanchouss__login-signup","t":"Login signup","d":"Minimal login, sign-up, and forgot-password cards for the Dali Agents client console on daliagents.com, where clients sign in to track their agents.","s":"21st","c":"flows/sign-in","a":"lyanchouss","u":255,"pl":"https://cdn.21st.dev/lyanchouss/login-signup/default/preview.1785602015747.png","pc":"lyanchouss","tg":["checkbox","form","sign-in","sign-up"],"sb":"Sign up"},{"id":"21st:lyanchouss__one-dialog","t":"One dialog","d":"Dialog primitive with 20 variants covering the daliagents.com console surfaces - go-live confirms, Agent Care upsell and cancel, invites, OTP verification, dashboard sharing, and e","s":"21st","c":"overlays/dialog","a":"lyanchouss","pl":"https://cdn.21st.dev/lyanchouss/one-dialog/default/preview.1780071602869.png","pc":"lyanchouss"},{"id":"21st:lyanchouss__pricing-cards","t":"Pricing cards","d":"Pricing section for daliagents.com showing the Dali Agents packages - Starter, Agent Care, and Rescue & Migration - as part of the Dali Agents UI.","k":"section","s":"21st","c":"marketing/pricing","a":"lyanchouss","u":119,"pl":"https://cdn.21st.dev/lyanchouss/pricing-cards/default/preview.1757402696088.png","pc":"lyanchouss","tg":["badge","pricing-section","radio-group","table"],"sb":"Plan cards"},{"id":"21st:lyanchouss__processing-card","t":"Processing card","d":"An animated status card for daliagents.com showing a Dali agent working through a live lead run - qualifying, routing, replying - as part of the Dali Agents UI.","s":"21st","c":"data-display/card","a":"lyanchouss","st":"rated","pl":"https://cdn.21st.dev/lyanchouss/processing-card/default/preview.1758602377997.png","pc":"lyanchouss","tg":["progress"],"sc":20},{"id":"21st:lyanchouss__spinner-morph","t":"Spinner morph","d":"Morphing SVG loader from the Dali Agents UI on daliagents.com, shown while a Dali agent runs a workflow.","k":"motion","s":"21st","c":"motion/text-effect","a":"lyanchouss","pl":"https://cdn.21st.dev/lyanchouss/spinner-morph/default/preview.1758740990192.png","pc":"lyanchouss","sb":"Rotating words"},{"id":"21st:lyanchouss__spinning-sphere","t":"Spinning sphere","d":"Animated wireframe sphere accent for daliagents.com with a discreet daliagents.com credit link, used as a minimal visual element in the Dali Agents UI.","s":"21st","c":"status/loader","a":"lyanchouss","pl":"https://cdn.21st.dev/lyanchouss/spinning-sphere/default/preview.1758740792909.png","pc":"lyanchouss","sb":"Spinners"},{"id":"21st:lyanchouss__test","t":"Test","d":"A minimal counter card from the Dali Agents UI at daliagents.com - count up from zero to your first working agent.","s":"21st","c":"motion/number-ticker","a":"lyanchouss","pl":"https://cdn.21st.dev/lyanchouss/test/default/preview.1772115880658.png","pc":"lyanchouss"},{"id":"21st:lyanchouss__theme-switch","t":"Theme switch","d":"Light/dark theme toggle for the Dali Agents console at daliagents.com, with five switch variants used across the Dali Agents UI.","s":"21st","c":"actions/switch","a":"lyanchouss","u":240,"pl":"https://cdn.21st.dev/lyanchouss/theme-switch/default/preview.1757056210193.png","pc":"lyanchouss","tg":["toggle"],"sb":"Theme toggles"},{"id":"21st:m.kumailalirajpoot__alert-dialog","t":"Alert dialog","s":"21st","c":"overlays/dialog","a":"m.kumailalirajpoot","pl":"https://cdn.21st.dev/m.kumailalirajpoot/alert-dialog/default/preview.1762543557463.png","pc":"m.kumailalirajpoot","sb":"Confirm"},{"id":"21st:m.kumailalirajpoot__circle-unique-load","t":"Circle unique load","d":"A beautiful laoding component rotate regular and changes color and loading state text with diffrent symbols.","s":"21st","c":"status/loader","a":"m.kumailalirajpoot","u":32,"pl":"https://cdn.21st.dev/m.kumailalirajpoot/circle-unique-load/default/preview.1767718620616.png","pc":"m.kumailalirajpoot","sb":"Spinners"},{"id":"21st:m.kumailalirajpoot__core-header-navbar","t":"Core header navbar","d":"CoreHeader – A sleek top navigation bar for dashboards and apps. Displays the page title, user identity, and avatar, with a subtle background pattern for a modern look.","s":"21st","c":"navigation/top-nav","a":"m.kumailalirajpoot","u":38,"pl":"https://cdn.21st.dev/user_338YwMTIGt8stOiPgn1tRlIAZUm/core-header-navbar/default/preview.1785838679873.png","pc":"m.kumailalirajpoot","tg":["dashboard","tabs"],"sb":"Mega menus"},{"id":"21st:m.kumailalirajpoot__core-spin-loader","t":"Core spin loader","d":"Designed to fit seamlessly into dashboards, SaaS products, AI interfaces, and developer tools, CoreSpin Loader delivers a premium visual experience while remaining lightweight and ","s":"21st","c":"status/loader","a":"m.kumailalirajpoot","pl":"https://cdn.21st.dev/user_338YwMTIGt8stOiPgn1tRlIAZUm/core-spin-loader/default/preview.1785926585842.png","pc":"m.kumailalirajpoot","tg":["spinner"],"sb":"Spinners"},{"id":"21st:m.kumailalirajpoot__empty-state-for-friends","t":"Empty state for friends","s":"21st","c":"data-display/empty-state","a":"m.kumailalirajpoot","pl":"https://cdn.21st.dev/m.kumailalirajpoot/empty-state-for-friends/default/preview.1767181734915.png","pc":"m.kumailalirajpoot"},{"id":"21st:m.kumailalirajpoot__group-list-card","t":"Group list card","s":"21st","c":"data-display/list","a":"m.kumailalirajpoot","pl":"https://cdn.21st.dev/m.kumailalirajpoot/group-list-card/default/preview.1768131542496.png","pc":"m.kumailalirajpoot"},{"id":"21st:m.kumailalirajpoot__holo-matrix-environment","t":"Holo matrix environment","d":"A futuristic neon grid background with animated corner glyphs, ambient gradients, and subtle motion effects, designed to create a high-tech, immersive interface experience.","k":"motion","s":"21st","c":"motion/background","a":"m.kumailalirajpoot","pl":"https://cdn.21st.dev/m.kumailalirajpoot/holo-matrix-environment/default/preview.1768488716047.png","pc":"m.kumailalirajpoot"},{"id":"21st:m.kumailalirajpoot__lost-grid","t":"Lost grid","s":"21st","c":"layout/bento-grid","a":"m.kumailalirajpoot","pl":"https://cdn.21st.dev/user_338YwMTIGt8stOiPgn1tRlIAZUm/lost-grid/default/preview.1769192946717.jpeg","pc":"m.kumailalirajpoot"},{"id":"21st:m.kumailalirajpoot__neon-flow","t":"Neon flow","d":"Neon Flow is a full-screen, animated canvas React component that simulates a cyberpunk-style aurora effect using a high-density particle system.","k":"motion","s":"21st","c":"motion/background","a":"m.kumailalirajpoot","pl":"https://cdn.21st.dev/m.kumailalirajpoot/neon-flow/default/preview.1768498065152.png","pc":"m.kumailalirajpoot"},{"id":"21st:m.kumailalirajpoot__neon-matrix-loader","t":"Neon matrix loader","d":"The Neon Matrix Loader is a modern, futuristic loading animation built with a 3×3 grid of animated squares.","s":"21st","c":"status/loader","a":"m.kumailalirajpoot","pl":"https://cdn.21st.dev/m.kumailalirajpoot/neon-matrix-loader/default/preview.1768487824283.png","pc":"m.kumailalirajpoot","sb":"Spinners"},{"id":"21st:m.kumailalirajpoot__preference-modal","t":"Preference modal","d":"The Switch component in ShadCN UI is toggle button used to turn settings on or off with a smooth sliding motion. It provides a clean and accessible way to control binary options li","s":"21st","c":"overlays/dialog","a":"m.kumailalirajpoot","pl":"https://cdn.21st.dev/m.kumailalirajpoot/preference-modal/default/preview.1762584539341.png","pc":"m.kumailalirajpoot"},{"id":"21st:m.kumailalirajpoot__prism-flux-loader","t":"Prism flux loader","s":"21st","c":"status/loader","a":"m.kumailalirajpoot","u":59,"pl":"https://cdn.21st.dev/user_338YwMTIGt8stOiPgn1tRlIAZUm/prism-flux-loader/default/preview.1769192886377.jpeg","pc":"m.kumailalirajpoot","tg":["spinner"],"sb":"Spinners"},{"id":"21st:m.kumailalirajpoot__quantum-loader","t":"Quantum loader","d":"A minimal quantum-inspired spin loader with a glowing center and smooth color-shifting animation around of their circles from its center.","s":"21st","c":"status/loader","a":"m.kumailalirajpoot","pl":"https://cdn.21st.dev/m.kumailalirajpoot/quantum-loader/default/preview.1769272368771.png","pc":"m.kumailalirajpoot","sb":"Spinners"},{"id":"21st:m.kumailalirajpoot__test-2","t":"Test 2","d":"Test 2 because my real component didn't submit!","s":"21st","c":"other","a":"m.kumailalirajpoot","pl":"https://cdn.21st.dev/m.kumailalirajpoot/test-2/default/preview.1762089624770.png","pc":"m.kumailalirajpoot"},{"id":"21st:m.kumailalirajpoot__text-reveal-animation","t":"Text reveal animation","d":"This component animates each letter of \"Animations\" sequentially using a staggered effect based on its index. Clicking the button resets the state to replay the animation.","k":"motion","s":"21st","c":"motion/text-effect","a":"m.kumailalirajpoot","u":25,"pl":"https://cdn.21st.dev/m.kumailalirajpoot/text-reveal-animation/default/preview.1769194006668.png","pc":"m.kumailalirajpoot","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:m.kumailalirajpoot__unique-group-invitation-card","t":"Unique group invitation card","s":"21st","c":"data-display/card","a":"m.kumailalirajpoot","pl":"https://cdn.21st.dev/m.kumailalirajpoot/unique-group-invitation-card/default/preview.1767516490436.png","pc":"m.kumailalirajpoot"},{"id":"21st:m.kumailalirajpoot__unique-pricing-chart-modal","t":"Unique pricing chart modal","d":"A reusable step-style line chart component built with Recharts and ShadCN UI, used to visualize monthly data trends. It accepts an array of { month, value } objects and dynamically","s":"21st","c":"overlays/dialog","a":"m.kumailalirajpoot","pl":"https://cdn.21st.dev/m.kumailalirajpoot/unique-pricing-chart-modal/default/preview.1762623538088.png","pc":"m.kumailalirajpoot"},{"id":"21st:m.kumailalirajpoot__update-password-modal","t":"Update password modal","s":"21st","c":"overlays/dialog","a":"m.kumailalirajpoot","pl":"https://cdn.21st.dev/m.kumailalirajpoot/update-password-modal/default/preview.1762585698336.png","pc":"m.kumailalirajpoot"},{"id":"21st:m.kumailalirajpoot__vpn-featured-modal","t":"Vpn featured modal","d":"The TurboVpn component is a ShadCN-based dialog that lets users manage VPN settings. It includes a main switch to turn the VPN on or off and feature toggles for third-party app acc","s":"21st","c":"overlays/dialog","a":"m.kumailalirajpoot","pl":"https://cdn.21st.dev/m.kumailalirajpoot/vpn-featured-modal/default/preview.1762797728736.png","pc":"m.kumailalirajpoot"},{"id":"21st:m.umairwaheedansari__aether-card","t":"Aether card","d":"A sleek, motion-driven info card featuring a drifting grid and reactive wave animation that flows like air.","s":"21st","c":"data-display/card","a":"m.umairwaheedansari","pl":"https://cdn.21st.dev/m.umairwaheedansari/aether-card/default/preview.1761914067515.png","pc":"m.umairwaheedansari"},{"id":"21st:m.umairwaheedansari__card","t":"Card","d":"A Animation Card","s":"21st","c":"data-display/card","a":"m.umairwaheedansari","pl":"https://cdn.21st.dev/m.umairwaheedansari/card/default/preview.1755263280980.png","pc":"m.umairwaheedansari"},{"id":"21st:m.umairwaheedansari__flip-card","t":"Flip card","d":"A Stylish and Animated Flip Card","s":"21st","c":"data-display/card","a":"m.umairwaheedansari","u":196,"pl":"https://cdn.21st.dev/m.umairwaheedansari/flip-card/default/preview.1755254813154.png","pc":"m.umairwaheedansari","tg":["card","icon"]},{"id":"21st:m.umairwaheedansari__hero-section","t":"Hero section","d":"A Heavenly created Hero Section","k":"section","s":"21st","c":"marketing/hero","a":"m.umairwaheedansari","pl":"https://cdn.21st.dev/m.umairwaheedansari/hero-section/default/preview.1759653868164.png","pc":"m.umairwaheedansari"},{"id":"21st:m.umairwaheedansari__image-cursor-trail","t":"Image cursor trail","d":"A unique interactive component","k":"motion","s":"21st","c":"motion/cursor","a":"m.umairwaheedansari","u":44,"pl":"https://cdn.21st.dev/m.umairwaheedansari/image-cursor-trail/default/preview.1755522265273.png","pc":"m.umairwaheedansari","tg":["cursor","gallery"]},{"id":"21st:m.umairwaheedansari__landing-page","t":"Landing page","d":"A 3D Interactive Landing page","k":"page","s":"21st","c":"pages/templates","a":"m.umairwaheedansari","u":110,"pl":"https://cdn.21st.dev/m.umairwaheedansari/landing-page/default/preview.1758288581462.png","pc":"m.umairwaheedansari","tg":["globe"],"sb":"Landing pages"},{"id":"21st:m.umairwaheedansari__like-button","t":"Like button","d":"A SImple Like Button","s":"21st","c":"actions/button","a":"m.umairwaheedansari","u":10,"pl":"https://cdn.21st.dev/m.umairwaheedansari/like-button/default/preview.1756049519910.png","pc":"m.umairwaheedansari","sb":"Copy, share and like"},{"id":"21st:m.umairwaheedansari__navbar-hero","t":"Navbar hero","k":"section","s":"21st","c":"marketing/hero","a":"m.umairwaheedansari","pl":"https://cdn.21st.dev/m.umairwaheedansari/navbar-hero/default/preview.1755240316540.png","pc":"m.umairwaheedansari"},{"id":"21st:m.umairwaheedansari__particles-bg","t":"Particles bg","d":"It is a uniquely interactive Particle Background component. It connects the mouse pointer with particles, and on click, it creates more particles","k":"motion","s":"21st","c":"motion/background","a":"m.umairwaheedansari","pl":"https://cdn.21st.dev/m.umairwaheedansari/particles-bg/default/preview.1755518162678.png","pc":"m.umairwaheedansari","tg":["background"],"sb":"Particles and stars"},{"id":"21st:m.umairwaheedansari__password-feild","t":"Password feild","d":"A descriptive and strong password recommendation field","s":"21st","c":"inputs/form-field","a":"m.umairwaheedansari","pl":"https://cdn.21st.dev/m.umairwaheedansari/password-feild/default/preview.1755259351291.png","pc":"m.umairwaheedansari","sb":"Password"},{"id":"21st:m.umairwaheedansari__push-button","t":"Push button","d":"A Button that gives manual push vibe","s":"21st","c":"actions/button","a":"m.umairwaheedansari","pl":"https://cdn.21st.dev/m.umairwaheedansari/push-button/default/preview.1756106247864.png","pc":"m.umairwaheedansari"},{"id":"21st:m.umairwaheedansari__react","t":"React","d":"An animated React logo","s":"21st","c":"other","a":"m.umairwaheedansari","pl":"https://cdn.21st.dev/m.umairwaheedansari/react/default/preview.1758786978507.png","pc":"m.umairwaheedansari"},{"id":"21st:m.umairwaheedansari__send-button","t":"Send button","d":"A Uniquely Animated Button","s":"21st","c":"actions/button","a":"m.umairwaheedansari","pl":"https://cdn.21st.dev/m.umairwaheedansari/send-button/default/preview.1756050245453.png","pc":"m.umairwaheedansari"},{"id":"21st:m.umairwaheedansari__siri-orb","t":"Siri orb","d":"A fascinating Orb","s":"21st","c":"ai-agent","a":"m.umairwaheedansari","pl":"https://cdn.21st.dev/m.umairwaheedansari/siri-orb/default/preview.1785468298292-ca50d236-7d17-49d7-8d25-583322b398ef.png","pc":"m.umairwaheedansari","sb":"Orbs and presence"},{"id":"21st:m.umairwaheedansari__slime-floating","t":"Slime floating","d":"A Slimy Background component","k":"motion","s":"21st","c":"motion/background","a":"m.umairwaheedansari","pl":"https://cdn.21st.dev/m.umairwaheedansari/slime-floating/default/preview.1756986885867.png","pc":"m.umairwaheedansari"},{"id":"21st:m.umairwaheedansari__star-button","t":"Star button","d":"A Uniquely Animated Button for hover effect","s":"21st","c":"actions/button","a":"m.umairwaheedansari","u":48,"pl":"https://cdn.21st.dev/m.umairwaheedansari/star-button/default/preview.1756107155194.png","pc":"m.umairwaheedansari"},{"id":"21st:m.umairwaheedansari__star-loader","t":"Star loader","d":"A Star Loader made by Moving chunks of lines","s":"21st","c":"status/loader","a":"m.umairwaheedansari","pl":"https://cdn.21st.dev/m.umairwaheedansari/star-loader/default/preview.1761031405515.png","pc":"m.umairwaheedansari","sb":"Spinners"},{"id":"21st:m.umairwaheedansari__tags-select","t":"Tags select","d":"A Component to select tags, simple and stylish","s":"21st","c":"inputs/select","a":"m.umairwaheedansari","u":17,"pl":"https://cdn.21st.dev/m.umairwaheedansari/tags-select/default/preview.1756041512539.png","pc":"m.umairwaheedansari","tg":["chip","input","select"]},{"id":"21st:m.umairwaheedansari__toggle-button","t":"Toggle button","d":"A Uniquely Animated toggle button","s":"21st","c":"actions/button","a":"m.umairwaheedansari","pl":"https://cdn.21st.dev/m.umairwaheedansari/toggle-button/default/preview.1756484816828.png","pc":"m.umairwaheedansari"},{"id":"21st:m.umairwaheedansari__tunnel-hero","t":"Tunnel hero","d":"An Animated 3D Hero Background","k":"section","s":"21st","c":"marketing/hero","a":"m.umairwaheedansari","u":28,"pl":"https://cdn.21st.dev/m.umairwaheedansari/tunnel-hero/default/preview.1756713170517.png","pc":"m.umairwaheedansari"},{"id":"21st:m2vipin__bloom-field-gradient","t":"Bloom field gradient","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#DCEBF7, #B9D4EC, #F3D9E4, #F7EFE3). Features: soft blur finish, fi","k":"motion","s":"21st","c":"motion/gradient","a":"m2vipin","pl":"https://cdn.21st.dev/m2vipin/bloom-field-gradient/default/preview.1785614146665-a80bf17b-b99b-4c5a-b974-017eb6a7394a.webp","pc":"m2vipin","sb":"Bloom Field"},{"id":"21st:madichettyvishnu__dark-mode","t":"Dark mode","d":"Animated (shimmer) ASCII art in the Voxel style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, car","k":"motion","s":"21st","c":"motion/ascii","a":"madichettyvishnu","pl":"https://cdn.21st.dev/madichettyvishnu/dark-mode/default/preview.1783828338318.webp","pc":"madichettyvishnu","tg":["video"],"sb":"Voxel"},{"id":"21st:madichettyvishnu__light-mode","t":"Light mode","d":"Animated (shimmer) ASCII art in the Voxel style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, car","k":"motion","s":"21st","c":"motion/ascii","a":"madichettyvishnu","pl":"https://cdn.21st.dev/madichettyvishnu/light-mode/default/preview.1783828294398.webp","pc":"madichettyvishnu","tg":["video"],"sb":"Voxel"},{"id":"21st:magicqrde__p1","t":"P1","d":"testy zobaczyny","s":"21st","c":"other","a":"magicqrde","pl":"https://cdn.21st.dev/magicqrde/p1/default/preview.1752711940054.png","pc":"magicqrde"},{"id":"21st:maheshwarreddy970__chatfaq","t":"Chatfaq","d":"chat frequently asked questions ","k":"section","s":"21st","c":"marketing/faq","a":"maheshwarreddy970","pl":"https://cdn.21st.dev/maheshwarreddy970/chatfaq/default/preview.1753529685495.png","pc":"maheshwarreddy970"},{"id":"21st:maheshwarreddy970__pricing-section","t":"Pricing section","d":"Pricing Section ","k":"section","s":"21st","c":"marketing/pricing","a":"maheshwarreddy970","pl":"https://cdn.21st.dev/maheshwarreddy970/pricing-section/default/preview.1753525273429.png","pc":"maheshwarreddy970"},{"id":"21st:maheshwarreddy970__scrollhidenavbar","t":"Scrollhidenavbar","d":"scrollhidenavbar","s":"21st","c":"layout/scroll-area","a":"maheshwarreddy970","pl":"https://cdn.21st.dev/maheshwarreddy970/scrollhidenavbar/default/preview.1753528991630.png","pc":"maheshwarreddy970"},{"id":"21st:maheshwarreddy970__threedpricing","t":"Threedpricing","d":"threedpricing","s":"21st","c":"marketing","a":"maheshwarreddy970","pl":"https://cdn.21st.dev/maheshwarreddy970/threedpricing/default/preview.1753529290548.png","pc":"maheshwarreddy970"},{"id":"21st:makviesainte__contributors-section","t":"Contributors section","d":"A cinematic 3D \"wall of faces\" that celebrates an open-source community.","s":"21st","c":"layout/page-shell","a":"makviesainte","u":5,"pl":"https://cdn.21st.dev/makviesainte/contributors-section/default/preview.1785313390191-ad4043b9-5fc8-44e8-97a8-ad7d898350aa.png","pc":"makviesainte"},{"id":"21st:makviesainte__country-accordion","t":"Country accordion","d":"A collapsible international money transfer UI that groups countries by region. Each row expands to reveal additional destinations with a fluid height animation powered by Framer Mo","s":"21st","c":"data-display/accordion","a":"makviesainte","pl":"https://cdn.21st.dev/makviesainte/country-accordion/default/preview.1776721948777.png","pc":"makviesainte","tg":["accordion","cta","list"]},{"id":"21st:makviesainte__hover-brand-logo","t":"Hover brand logo","d":"An interactive horizontal banner that animates the displayed brand name as you hover over its icon.","k":"resource","s":"21st","c":"assets/logo","a":"makviesainte","u":12,"pl":"https://cdn.21st.dev/makviesainte/hover-brand-logo/default/preview.1776727034591.png","pc":"makviesainte"},{"id":"21st:makviesainte__progress-metric-card","t":"Progress metric card","d":"A KPI stat card pairing a large headline figure with a data-driven chart, rendered with Recharts and switchable between a smooth progression curve and bars.","s":"21st","c":"data-viz/progress-bar","a":"makviesainte","st":"rated","u":50,"pl":"https://cdn.21st.dev/makviesainte/progress-metric-card/default/preview.1782062854405.png","pc":"makviesainte","tg":["card","dashboard"],"sc":23},{"id":"21st:makviesainte__team-showcase","t":"Team showcase","d":"A magazine-style team section featuring a three-column staggered photo grid paired with an interactive member list. Photos default to grayscale; hovering a photo or a name entry si","k":"section","s":"21st","c":"marketing/team","a":"makviesainte","u":114,"pl":"https://cdn.21st.dev/makviesainte/team-showcase/default/preview.1772451666470.png","pc":"makviesainte","tg":["gallery","link","team"]},{"id":"21st:mananpoojara__hero-page-lorenz-attractor-animation","t":"Hero page lorenz attractor animation","k":"section","s":"21st","c":"marketing/hero","a":"mananpoojara","pl":"https://cdn.21st.dev/mananpoojara/hero-page-lorenz-attractor-animation/default/preview.1764998367961.png","pc":"mananpoojara"},{"id":"21st:manfromexistence__liquid-glass","t":"Liquid glass","d":"Apple Liquid Glass","s":"21st","c":"motion/background","a":"manfromexistence","u":57,"pl":"https://cdn.21st.dev/manfromexistence/liquid-glass/default/preview.1785458546925-4d2b94f6-e56e-441d-b3c0-eba5b38f275b.png","pc":"manfromexistence","sb":"Waves and warps"},{"id":"21st:manuarora700__3d-card-effect","t":"3d card effect","d":"Here is 3D Card Effect","s":"21st","c":"data-display/card","a":"manuarora700","u":263,"pl":"https://cdn.21st.dev/larsen66/3d-card-effect/default/preview.1750552787385.png","pc":"manuarora700","sb":"Animated and glowing"},{"id":"21st:manuarora700__3d-marquee","t":"3d marquee","d":"Here is 3D Marquee component ","k":"motion","s":"21st","c":"motion/marquee","a":"manuarora700","u":113,"pl":"https://cdn.21st.dev/larsen66/3d-marquee/default/preview.1750552641642.png","pc":"manuarora700","tg":["marquee"]},{"id":"21st:manuarora700__3d-pin","t":"3d pin","d":"A gradient pin that animates on hover, perfect for product links.","s":"21st","c":"actions/link","a":"manuarora700","u":286,"pl":"https://cdn.21st.dev/user_aceternity/3d-pin/default/preview.png","pc":"manuarora700"},{"id":"21st:manuarora700__animated-modal","t":"Animated modal","d":"A customizable, compound modal component with animated transitions","s":"21st","c":"overlays/dialog","a":"manuarora700","u":145,"pl":"https://cdn.21st.dev/user_aceternity/animated-modal.png","pc":"manuarora700","tg":["gallery","modal"],"sb":"Animated"},{"id":"21st:manuarora700__animated-testimonials","t":"Animated testimonials","d":"Minimal testimonials sections with image and quote.\n\nFeatures:\n-  Image Carousel: Enjoy smooth animated image transitions with cool 3D rotation effects.  \n-  Word Animation: Watch ","k":"section","s":"21st","c":"marketing/testimonials","a":"manuarora700","u":1586,"pl":"https://cdn.21st.dev/user_aceternity/animated-testimonials.png","pc":"manuarora700","tg":["carousel","image","testimonials"]},{"id":"21st:manuarora700__animated-tooltip","t":"Animated tooltip","d":"A cool tooltip that reveals on hover, follows mouse pointer\n\nFeatures:  \n-  Mouse Following: The tooltip moves and rotates with your cursor.  \n-  Spring Animation: Enjoy smooth, sp","s":"21st","c":"overlays/tooltip","a":"manuarora700","u":640,"pl":"https://cdn.21st.dev/user_aceternity/animated-tooltip.png","pc":"manuarora700","tg":["profile","team","tooltip"]},{"id":"21st:manuarora700__aurora-background","t":"Aurora background","d":"A subtle Aurora or Southern Lights background for your website.","k":"motion","s":"21st","c":"motion/background","a":"manuarora700","u":6929,"pl":"https://cdn.21st.dev/user_aceternity/aurora-background.png","pc":"manuarora700","tg":["background"],"sb":"Gradients and aurora"},{"id":"21st:manuarora700__background-beams","t":"Background beams","d":"Multiple background beams that follow a path of SVG, makes a good hero section background.","k":"motion","s":"21st","c":"motion/background","a":"manuarora700","u":1187,"pl":"https://cdn.21st.dev/user_aceternity/background-beams.png","pc":"manuarora700","sb":"Beams and light"},{"id":"21st:manuarora700__background-beams-with-collision","t":"Background beams with collision","d":"Exploding beams in the background","k":"motion","s":"21st","c":"motion/background","a":"manuarora700","u":421,"pl":"https://cdn.21st.dev/user_aceternity/background-beams-with-collision.png","pc":"manuarora700","tg":["background"],"sb":"Beams and light"},{"id":"21st:manuarora700__background-boxes","t":"Background boxes","d":"A full width background box container that highlights on hover","k":"motion","s":"21st","c":"motion/background","a":"manuarora700","u":969,"pl":"https://cdn.21st.dev/user_aceternity/background-boxes.png","pc":"manuarora700","tg":["background"]},{"id":"21st:manuarora700__background-gradient","t":"Background gradient","d":"An animated gradient that sits at the background of a card, button or anything.","k":"motion","s":"21st","c":"motion/gradient","a":"manuarora700","u":337,"pl":"https://cdn.21st.dev/user_aceternity/background-gradient.png","pc":"manuarora700","tg":["border"]},{"id":"21st:manuarora700__background-gradient-animation","t":"Background gradient animation","d":"A smooth and elegant background gradient animation that changes the gradient position over time.","k":"motion","s":"21st","c":"motion/background","a":"manuarora700","u":1675,"pl":"https://cdn.21st.dev/user_aceternity/background-gradient-animation.png","pc":"manuarora700","sb":"Gradients and aurora"},{"id":"21st:manuarora700__background-ripple-effect","t":"Background ripple effect","d":"A Hero component where background cells once clicked, create a ripple effect","k":"motion","s":"21st","c":"motion/background","a":"manuarora700","u":235,"pl":"https://cdn.21st.dev/user_aceternity/background-ripple-effect/default/preview.png","pc":"manuarora700","sb":"Waves and warps"},{"id":"21st:manuarora700__badge","t":"Badge","d":"An animated badge with radial gradient hover effect and an animated arrow path. Perfect for announcements and CTAs.","s":"21st","c":"data-display/badge","a":"manuarora700","u":4,"pl":"https://cdn.21st.dev/aceternity/badge/demos/default/preview.1773393691591.png","pc":"manuarora700","tg":["announcement"],"sb":"Counts"},{"id":"21st:manuarora700__bento-grid","t":"Bento grid","d":"A skewed grid layout with Title, description and a header component","k":"layout","s":"21st","c":"layout/bento-grid","a":"manuarora700","u":2676,"pl":"https://cdn.21st.dev/user_aceternity/bento-grid.png","pc":"manuarora700","tg":["features"]},{"id":"21st:manuarora700__button","t":"Button","d":"A curated list of awesome, battle tested Tailwind CSS buttons components","s":"21st","c":"actions/button","a":"manuarora700","pl":"https://cdn.21st.dev/user_aceternity/button.png","pc":"manuarora700"},{"id":"21st:manuarora700__canvas-reveal-effect","t":"Canvas reveal effect","d":"A dot background that expands on hover, as seen on Clerk's website\n\nFeatures:\n-  Animated Reveal: Smooth animations grab users' attention as content pops up.  \n-  Customizable Spee","k":"section","s":"21st","c":"marketing/cta","a":"manuarora700","u":540,"pl":"https://cdn.21st.dev/user_aceternity/canvas-reveal-effect.png","pc":"manuarora700"},{"id":"21st:manuarora700__card-spotlight","t":"Card spotlight","d":"A card component with a spotlight effect revealing a radial gradient background","s":"21st","c":"data-display/card","a":"manuarora700","u":470,"pl":"https://cdn.21st.dev/user_aceternity/card-spotlight.png","pc":"manuarora700","sb":"Animated and glowing"},{"id":"21st:manuarora700__card-stack","t":"Card stack","d":"Cards stack on top of each other after some interval. Perfect for showing testimonials.","s":"21st","c":"media/card-stack","a":"manuarora700","u":140,"pl":"https://cdn.21st.dev/user_aceternity/card-stack.png","pc":"manuarora700","tg":["testimonials"]},{"id":"21st:manuarora700__carousel","t":"Carousel","d":"A customizable carousel with microinteractions and slider.","s":"21st","c":"media/carousel","a":"manuarora700","u":427,"pl":"https://cdn.21st.dev/user_aceternity/carousel/default/preview.png","pc":"manuarora700","tg":["carousel","gallery","image"]},{"id":"21st:manuarora700__code-block","t":"Code block","d":"Code block","s":"21st","c":"data-display/code-block","a":"manuarora700","pl":"https://cdn.21st.dev/user_aceternity/code-block.png","pc":"manuarora700"},{"id":"21st:manuarora700__colourful-text","t":"Colourful text","d":"A text component with various colours, filter and scale effects.\n\n","k":"motion","s":"21st","c":"motion/text-effect","a":"manuarora700","u":18,"pl":"https://cdn.21st.dev/user_aceternity/colourful-text/default/preview.png","pc":"manuarora700","sb":"Gradient and shimmer"},{"id":"21st:manuarora700__compare","t":"Compare","d":"A comparison component between two images, slide or drag to compare","k":"section","s":"21st","c":"marketing/comparison","a":"manuarora700","u":422,"pl":"https://cdn.21st.dev/user_aceternity/compare.png","pc":"manuarora700","tg":["image","slider"]},{"id":"21st:manuarora700__container-scroll-animation","t":"Container scroll animation","d":"A scroll animation that rotates in 3d on scroll. Perfect for hero or marketing sections.","k":"layout","s":"21st","c":"layout/scroll-area","a":"manuarora700","u":4075,"pl":"https://cdn.21st.dev/user_aceternity/container-scroll-animation.png","pc":"manuarora700","tg":["dashboard","scroll-area"]},{"id":"21st:manuarora700__container-text-flip","t":"Container text flip","d":"Here is Container Text Flip component","k":"motion","s":"21st","c":"motion/text-effect","a":"manuarora700","pl":"https://cdn.21st.dev/larsen66/container-text-flip/default/preview.1750553127277.png","pc":"manuarora700","sb":"Rotating words"},{"id":"21st:manuarora700__cover","t":"Cover","d":"A Cover component that wraps any children, providing beams and space effect, hover to reveal speed.","s":"21st","c":"other","a":"manuarora700","u":116,"pl":"https://cdn.21st.dev/user_aceternity/cover.png","pc":"manuarora700"},{"id":"21st:manuarora700__diagram-card","t":"Diagram card","d":"A mousemove effect that reveals text content by dragging the cursor across the card. As seen on Diagram's website.","k":"motion","s":"21st","c":"motion/text-effect","a":"manuarora700","u":16,"pl":"https://cdn.21st.dev/aceternity/diagram-card/demos/default/preview.1773393863788.png","pc":"manuarora700","tg":["text"]},{"id":"21st:manuarora700__direction-aware-hover","t":"Direction aware hover","d":"A direction aware hover effect using Framer Motion, Tailwindcss and good old javascript.","s":"21st","c":"inputs/slider","a":"manuarora700","u":141,"pl":"https://cdn.21st.dev/user_aceternity/direction-aware-hover.png","pc":"manuarora700"},{"id":"21st:manuarora700__draggable-card","t":"Draggable card","d":"Here is Draggable Card component","s":"21st","c":"data-display/card","a":"manuarora700","u":28,"pl":"https://cdn.21st.dev/larsen66/draggable-card/default/preview.1750553163692.png","pc":"manuarora700","tg":["gallery"]},{"id":"21st:manuarora700__encrypted-text","t":"Encrypted text","d":"A text component that scrambles into gibberish and gradually decrypts to reveal the real characters when it scrolls into view.","k":"motion","s":"21st","c":"motion/text-effect","a":"manuarora700","pl":"https://cdn.21st.dev/manuarora700/encrypted-text/default/preview.1784704334593-045d7840-2164-43ec-8823-37f23d976773.png","pc":"manuarora700","tg":["scroll-area"],"sb":"Reveal and entrance"},{"id":"21st:manuarora700__evervault-card","t":"Evervault card","d":"A cool card with amazing hover effect, reveals encrypted text and a mixed gradient.","s":"21st","c":"data-display/card","a":"manuarora700","u":475,"pl":"https://cdn.21st.dev/user_aceternity/evervault-card.png","pc":"manuarora700","sb":"Animated and glowing"},{"id":"21st:manuarora700__feature-block-animated-card","t":"Feature block animated card","d":"Feature Block Animated Card with logos","s":"21st","c":"data-display/card","a":"manuarora700","u":235,"pl":"https://cdn.21st.dev/user_aceternity/feature-block-animated-card.png","pc":"manuarora700","tg":["ai-chat","features"],"sb":"Feature"},{"id":"21st:manuarora700__feature-section-with-bento-grid","t":"Feature section with bento grid","d":"Feature section with Bento Grid, like product pics, YouTube videos, and a globe.","k":"section","s":"21st","c":"marketing/features","a":"manuarora700","u":463,"pl":"https://cdn.21st.dev/user_aceternity/feature-section-with-bento-grid.png","pc":"manuarora700","tg":["features","globe","video"],"sb":"Bento"},{"id":"21st:manuarora700__feature-section-with-card-gradient","t":"Feature section with card gradient","d":"Feature Section with card gradient","k":"section","s":"21st","c":"marketing/features","a":"manuarora700","u":286,"pl":"https://cdn.21st.dev/user_aceternity/feature-section-with-card-gradient.png","pc":"manuarora700","tg":["features","grid"],"sb":"Grid of cards"},{"id":"21st:manuarora700__feature-section-with-hover-effects","t":"Feature section with hover effects","d":"Feature Section with hover effects","k":"section","s":"21st","c":"marketing/features","a":"manuarora700","u":2494,"pl":"https://cdn.21st.dev/user_aceternity/feature-section-with-hover-effects.png","pc":"manuarora700","tg":["features","grid"],"sb":"Grid of cards"},{"id":"21st:manuarora700__file-upload","t":"File upload","d":"A minimal file upload form with background grid, drag and drop, and micro interactions.","s":"21st","c":"inputs/file-upload","a":"manuarora700","u":610,"pl":"https://cdn.21st.dev/user_aceternity/file-upload.png","pc":"manuarora700","tg":["upload-download"]},{"id":"21st:manuarora700__flip-words","t":"Flip words","d":"A component that flips through a list of words","k":"motion","s":"21st","c":"motion/text-effect","a":"manuarora700","u":435,"pl":"https://cdn.21st.dev/user_aceternity/flip-words.png","pc":"manuarora700","tg":["text"],"sb":"Rotating words"},{"id":"21st:manuarora700__floating-dock","t":"Floating dock","d":"A macOS-style dock navigation where icons magnify on hover, with a separate collapsible menu on mobile.","s":"21st","c":"navigation/dock","a":"manuarora700","st":"rated","pl":"https://cdn.21st.dev/aceternity/floating-dock/default/preview.1783571133794.png","pc":"manuarora700","tg":["dock","icon","navigation-menu","tooltip"],"sc":19},{"id":"21st:manuarora700__focus-cards","t":"Focus cards","d":"Hover over the card to focus on it, blurring the rest of the cards.","s":"21st","c":"data-display/card","a":"manuarora700","u":297,"pl":"https://cdn.21st.dev/user_aceternity/focus-cards.png","pc":"manuarora700","tg":["gallery"]},{"id":"21st:manuarora700__following-pointer","t":"Following pointer","d":"A custom pointer that follows mouse arrow and animates in pointer and content.","k":"motion","s":"21st","c":"motion/cursor","a":"manuarora700","pl":"https://cdn.21st.dev/user_aceternity/following-pointer.png","pc":"manuarora700"},{"id":"21st:manuarora700__framer-motion-switch","t":"Framer motion switch","d":"A smooth animated toggle switch built with Framer Motion. The thumb morphs and slides with a liquid animation effect.","s":"21st","c":"actions/switch","a":"manuarora700","u":19,"pl":"https://cdn.21st.dev/aceternity/framer-motion-switch/demos/default/preview.1773393778427.png","pc":"manuarora700","sb":"Animated"},{"id":"21st:manuarora700__glare-card","t":"Glare card","d":"A glare effect that happens on hover, as seen on Linear's website","s":"21st","c":"data-display/card","a":"manuarora700","u":486,"pl":"https://cdn.21st.dev/user_aceternity/glare-card.png","pc":"manuarora700"},{"id":"21st:manuarora700__glowing-background-stars-card","t":"Glowing background stars card","d":"Card background stars that animate on hover and animate anyway","k":"motion","s":"21st","c":"motion/background","a":"manuarora700","u":148,"pl":"https://cdn.21st.dev/user_aceternity/glowing-background-stars-card.png","pc":"manuarora700","sb":"Particles and stars"},{"id":"21st:manuarora700__glowing-effect","t":"Glowing effect","d":"A border glowing effect that adapts to any container or card, as seen on Cursor's website","k":"motion","s":"21st","c":"motion/border","a":"manuarora700","u":3876,"pl":"https://cdn.21st.dev/manuarora700/glowing-effect/default/preview.1785354797569-beab0bd6-8414-4d42-9103-cbdbbe633b41.png","pc":"manuarora700"},{"id":"21st:manuarora700__glowing-stars","t":"Glowing stars","d":"Card background stars that animate on hover and animate anyway\n","k":"motion","s":"21st","c":"motion/background","a":"manuarora700","u":85,"pl":"https://cdn.21st.dev/user_aceternity/glowing-stars.png","pc":"manuarora700","sb":"Particles and stars"},{"id":"21st:manuarora700__google-gemini-effect","t":"Google gemini effect","d":"An effect of SVGs as seen on the Google Gemini Website","k":"section","s":"21st","c":"marketing/hero","a":"manuarora700","u":581,"pl":"https://cdn.21st.dev/user_aceternity/google-gemini-effect.png","pc":"manuarora700","tg":["hero"],"sb":"With product shot"},{"id":"21st:manuarora700__hero-highlight","t":"Hero highlight","d":"A background effect with a text highlight component, perfect for hero sections.","k":"section","s":"21st","c":"marketing/hero","a":"manuarora700","u":675,"pl":"https://cdn.21st.dev/user_aceternity/hero-highlight.png","pc":"manuarora700"},{"id":"21st:manuarora700__hero-parallax","t":"Hero parallax","d":"A scroll effect with rotation, translation and opacity animations.","k":"layout","s":"21st","c":"layout/scroll-area","a":"manuarora700","u":564,"pl":"https://cdn.21st.dev/user_aceternity/hero-parallax.png","pc":"manuarora700","tg":["hero"]},{"id":"21st:manuarora700__hero-section","t":"Hero section","d":"Here is Hero Section ","k":"section","s":"21st","c":"marketing/hero","a":"manuarora700","u":68,"pl":"https://cdn.21st.dev/larsen66/hero-section/default/preview.1750553470360.png","pc":"manuarora700"},{"id":"21st:manuarora700__hover-border-gradient","t":"Hover border gradient","d":"A hover effect that expands to the entire container with a gradient border.","k":"motion","s":"21st","c":"motion/border","a":"manuarora700","u":351,"pl":"https://cdn.21st.dev/user_aceternity/hover-border-gradient.png","pc":"manuarora700","tg":["border"]},{"id":"21st:manuarora700__infinite-moving-cards","t":"Infinite moving cards","d":"A customizable group of cards that move infinitely in a loop. Made with Framer Motion and Tailwind CSS.","s":"21st","c":"data-display/card","a":"manuarora700","u":275,"pl":"https://cdn.21st.dev/user_aceternity/infinite-moving-cards.png","pc":"manuarora700","tg":["carousel","marquee","scroll-area","testimonials"],"sb":"Animated and glowing"},{"id":"21st:manuarora700__lamp","t":"Lamp","d":"A lamp effect as seen on linear, great for section headers.","k":"motion","s":"21st","c":"motion/background","a":"manuarora700","pl":"https://cdn.21st.dev/user_aceternity/lamp.png","pc":"manuarora700","tg":["hero","text"],"sb":"Gradients and aurora"},{"id":"21st:manuarora700__layout-grid","t":"Layout grid","d":"A layout effect that animates the grid item on click, powered by framer motion layout","s":"21st","c":"layout/bento-grid","a":"manuarora700","u":318,"pl":"https://cdn.21st.dev/user_aceternity/layout-grid.png","pc":"manuarora700","tg":["gallery","grid","image"]},{"id":"21st:manuarora700__lens","t":"Lens","d":"A lens component to zoom into images, videos, or practically anything.","s":"21st","c":"media/gallery","a":"manuarora700","u":82,"pl":"https://cdn.21st.dev/user_aceternity/lens.png","pc":"manuarora700","sb":"Zoom and lens"},{"id":"21st:manuarora700__link-preview","t":"Link preview","d":"Dynamic link previews for your anchor tags","s":"21st","c":"actions/link","a":"manuarora700","u":334,"pl":"https://cdn.21st.dev/user_aceternity/link-preview.png","pc":"manuarora700","tg":["link"]},{"id":"21st:manuarora700__meteors","t":"Meteors","d":"A group of beams in the background of a container, sort of like meteors.","k":"motion","s":"21st","c":"motion/background","a":"manuarora700","u":514,"pl":"https://cdn.21st.dev/user_aceternity/meteors.png","pc":"manuarora700","sb":"Particles and stars"},{"id":"21st:manuarora700__moving-border","t":"Moving border","d":"A border that moves around the container. Perfect for making your buttons stand out.","k":"motion","s":"21st","c":"motion/border","a":"manuarora700","pl":"https://cdn.21st.dev/user_aceternity/moving-border.png","pc":"manuarora700","tg":["border"]},{"id":"21st:manuarora700__navbar-menu","t":"Navbar menu","d":"A navbar menu that animates its children on hover, makes a beautiful bignav","s":"21st","c":"navigation/menu","a":"manuarora700","u":1057,"pl":"https://cdn.21st.dev/user_aceternity/navbar-menu.png","pc":"manuarora700","tg":["menu"]},{"id":"21st:manuarora700__parallax-scroll","t":"Parallax scroll","d":"A grid where two columns scroll in oposite directions, giving a parallax effect.","k":"layout","s":"21st","c":"layout/scroll-area","a":"manuarora700","u":238,"pl":"https://cdn.21st.dev/user_aceternity/parallax-scroll.png","pc":"manuarora700","tg":["gallery","scroll-area"]},{"id":"21st:manuarora700__placeholders-and-vanish-input","t":"Placeholders and vanish input","d":"Sliding in placeholders and vanish effect of input on submit","s":"21st","c":"inputs/form-field","a":"manuarora700","u":843,"pl":"https://cdn.21st.dev/user_aceternity/placeholders-and-vanish-input.png","pc":"manuarora700","tg":["search"]},{"id":"21st:manuarora700__pointer-highlight","t":"Pointer highlight","d":"Here is Pointer Highlight component","k":"motion","s":"21st","c":"motion/cursor","a":"manuarora700","u":120,"pl":"https://cdn.21st.dev/larsen66/pointer-highlight/default/preview.1750553291426.png","pc":"manuarora700","tg":["cursor"]},{"id":"21st:manuarora700__pulse-beams","t":"Pulse beams","d":"Multiple beams that converge into a single point, as seen on Next.js website","k":"motion","s":"21st","c":"motion/background","a":"manuarora700","pl":"https://cdn.21st.dev/user_aceternity/pulse-beams/default/preview.png","pc":"manuarora700","sb":"Beams and light"},{"id":"21st:manuarora700__radar-effect","t":"Radar effect","d":"A rotating radar animation with concentric circles and floating icons. Great for tech or security themed sections.","s":"21st","c":"assets/icon","a":"manuarora700","pl":"https://cdn.21st.dev/aceternity/radar-effect/demos/default/preview.1773405167421.png","pc":"manuarora700"},{"id":"21st:manuarora700__resizable-navbar","t":"Resizable navbar","d":"Here is Resizable Navbar component","s":"21st","c":"navigation/top-nav","a":"manuarora700","u":393,"pl":"https://cdn.21st.dev/larsen66/resizable-navbar/default/preview.1750553635255.png","pc":"manuarora700","tg":["navigation-menu"],"sb":"Mega menus"},{"id":"21st:manuarora700__shooting-stars","t":"Shooting stars","d":"A shooting star animation, as seen on figmaplug.in","k":"motion","s":"21st","c":"motion/background","a":"manuarora700","pl":"https://cdn.21st.dev/user_aceternity/shooting-stars.png","pc":"manuarora700","sb":"Particles and stars"},{"id":"21st:manuarora700__sidebar","t":"Sidebar","d":"Expandable sidebar that expands on hover, mobile responsive and dark mode support","s":"21st","c":"navigation/sidebar","a":"manuarora700","u":4720,"pl":"https://cdn.21st.dev/user_aceternity/sidebar.png","pc":"manuarora700","tg":["dashboard","navigation-menu","sidebar"]},{"id":"21st:manuarora700__signup-form","t":"Signup form","d":"A customizable form built on top of shadcn's input and label, with a touch of framer motion","s":"21st","c":"flows/sign-in","a":"manuarora700","u":299,"pl":"https://cdn.21st.dev/user_aceternity/signup-form.png","pc":"manuarora700","tg":["sign-up"],"sb":"Sign up"},{"id":"21st:manuarora700__sparkles","t":"Sparkles","d":"A configurable sparkles component that can be used as a background or as a standalone component.","k":"motion","s":"21st","c":"motion/background","a":"manuarora700","u":4184,"pl":"https://cdn.21st.dev/user_aceternity/sparkles.png","pc":"manuarora700","tg":["background"],"sb":"Particles and stars"},{"id":"21st:manuarora700__spotlight","t":"Spotlight","d":"A spotlight effect with Tailwind CSS, good for drawing attention to a particular element on the page.","k":"motion","s":"21st","c":"motion/background","a":"manuarora700","u":782,"pl":"https://cdn.21st.dev/user_aceternity/spotlight.png","pc":"manuarora700","sb":"Beams and light"},{"id":"21st:manuarora700__spotlight-new","t":"Spotlight new","d":"A new spotlight component with left and right spotlight, configurable and customizable.","k":"motion","s":"21st","c":"motion/background","a":"manuarora700","pl":"https://cdn.21st.dev/user_aceternity/spotlight-new/default/preview.png","pc":"manuarora700","sb":"Beams and light"},{"id":"21st:manuarora700__squiggly-text","t":"Squiggly text","d":"An animated text wrapper that applies a wobbling squiggly effect using SVG turbulence and displacement filters.","k":"motion","s":"21st","c":"motion/text-effect","a":"manuarora700","pl":"https://cdn.21st.dev/aceternity/squiggly-text/default/preview.1783584435546.png","pc":"manuarora700","tg":["text"]},{"id":"21st:manuarora700__squiggly-underline","t":"Squiggly underline","d":"Navigation links with animated squiggly SVG underline on the active item. Built with Framer Motion.","s":"21st","c":"navigation/top-nav","a":"manuarora700","u":9,"pl":"https://cdn.21st.dev/aceternity/squiggly-underline/demos/default/preview.1773393734249.png","pc":"manuarora700","tg":["navigation-menu"],"sb":"Mega menus"},{"id":"21st:manuarora700__stars-background","t":"Stars background","d":"A shooting starry background, as seen on figmaplug.in","k":"motion","s":"21st","c":"motion/background","a":"manuarora700","pl":"https://cdn.21st.dev/manuarora700/stars-background/default/preview.1785466676729-292f3891-b28c-43d6-9c78-6bc3ff8760a5.png","pc":"manuarora700","sb":"Particles and stars"},{"id":"21st:manuarora700__sticky-banner","t":"Sticky banner","d":"Here is Sticky Banner component","s":"21st","c":"overlays/alert-banner","a":"manuarora700","u":39,"pl":"https://cdn.21st.dev/larsen66/sticky-banner/default/preview.1750553600671.png","pc":"manuarora700","tg":["announcement","alert"]},{"id":"21st:manuarora700__sticky-scroll-reveal","t":"Sticky scroll reveal","d":"A sticky container that sticks while scrolling, text reveals on scroll","k":"layout","s":"21st","c":"layout/scroll-area","a":"manuarora700","u":611,"pl":"https://cdn.21st.dev/user_aceternity/sticky-scroll-reveal.png","pc":"manuarora700","tg":["features","scroll-area"]},{"id":"21st:manuarora700__svg-mask-effect","t":"Svg mask effect","d":"A mask reveal effect — move the cursor to reveal hidden content beneath. Built with Framer Motion mask animations.","k":"motion","s":"21st","c":"motion/cursor","a":"manuarora700","u":26,"pl":"https://cdn.21st.dev/aceternity/svg-mask-effect/demos/default/preview.1773406000831.png","pc":"manuarora700","tg":["cursor"]},{"id":"21st:manuarora700__tabs","t":"Tabs","d":"Tabs to switch content, click on a tab to check background animation.","s":"21st","c":"navigation/tabs","a":"manuarora700","pl":"https://cdn.21st.dev/user_aceternity/tabs.png","pc":"manuarora700"},{"id":"21st:manuarora700__text-flipping-board","t":"Text flipping board","d":"A split-flap display that animates text with mechanical flip transitions, inspired by Vestaboard message boards.","k":"motion","s":"21st","c":"motion/text-effect","a":"manuarora700","u":8,"pl":"https://cdn.21st.dev/manuarora700/text-flipping-board/default/preview.1784480070067-17ea692f-36e6-4d12-a8cb-827fd3c1dbc5.png","pc":"manuarora700","sb":"Rotating words"},{"id":"21st:manuarora700__text-generate-effect","t":"Text generate effect","d":"A cool text effect that fades in text on page load, one by one.","k":"motion","s":"21st","c":"motion/text-effect","a":"manuarora700","u":827,"pl":"https://cdn.21st.dev/user_aceternity/text-generate-effect.png","pc":"manuarora700"},{"id":"21st:manuarora700__text-hover-effect","t":"Text hover effect","d":"A text hover effect that animates and outlines gradient on hover, as seen on x.ai","k":"motion","s":"21st","c":"motion/text-effect","a":"manuarora700","u":102,"pl":"https://cdn.21st.dev/user_aceternity/text-hover-effect.png","pc":"manuarora700"},{"id":"21st:manuarora700__text-reveal-card","t":"Text reveal card","d":"Mousemove effect to reveal text content at the bottom of the card.","k":"motion","s":"21st","c":"motion/text-effect","a":"manuarora700","u":137,"pl":"https://cdn.21st.dev/user_aceternity/text-reveal-card.png","pc":"manuarora700","sb":"Reveal and entrance"},{"id":"21st:manuarora700__timeline","t":"Timeline","d":"A timeline component with sticky header and scroll beam follow.","s":"21st","c":"data-display/timeline","a":"manuarora700","u":3439,"pl":"https://cdn.21st.dev/user_aceternity/timeline.png","pc":"manuarora700","tg":["scroll-area","timeline"]},{"id":"21st:manuarora700__tracing-beam","t":"Tracing beam","d":"A Beam that follows the path of an SVG as the user scrolls. Adjusts beam length with scroll speed.","k":"motion","s":"21st","c":"motion/background","a":"manuarora700","pl":"https://cdn.21st.dev/user_aceternity/tracing-beam.png","pc":"manuarora700","tg":["scroll-area"],"sb":"Beams and light"},{"id":"21st:manuarora700__typewriter-effect","t":"Typewriter effect","d":"Text generates as if it is being typed on the screen.","k":"motion","s":"21st","c":"motion/text-effect","a":"manuarora700","u":582,"pl":"https://cdn.21st.dev/user_aceternity/typewriter-effect.png","pc":"manuarora700","tg":["cta"],"sb":"Typewriter"},{"id":"21st:manuarora700__vortex","t":"Vortex","d":"A wavy, swirly, vortex background ideal for CTAs and backgrounds.","k":"motion","s":"21st","c":"motion/background","a":"manuarora700","u":633,"pl":"https://cdn.21st.dev/user_aceternity/vortex.png","pc":"manuarora700","sb":"Waves and warps"},{"id":"21st:manuarora700__wavy-background","t":"Wavy background","d":"A cool background effect with waves that move.","k":"motion","s":"21st","c":"motion/background","a":"manuarora700","pl":"https://cdn.21st.dev/user_aceternity/wavy-background.png","pc":"manuarora700","tg":["background"]},{"id":"21st:manuarora700__world-map","t":"World map","d":"A world map with animated lines and dots, programatically generated.","s":"21st","c":"data-viz/map","a":"manuarora700","pl":"https://cdn.21st.dev/user_aceternity/world-map.png","pc":"manuarora700","tg":["map"]},{"id":"21st:manucadomingues__njkhbjkhjkhjkhkjhjkh","t":"Njkhbjkhjkhjkhkjhjkh","d":"Animated (ripple) ASCII art in the Pixel Art style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, card","k":"motion","s":"21st","c":"motion/ascii","a":"manucadomingues","pl":"https://cdn.21st.dev/manucadomingues/njkhbjkhjkhjkhkjhjkh/default/preview.1786308612179-b8442507-51a7-477a-adc9-7f39495ac6e1.webp","pc":"manucadomingues","sb":"Pixel Art"},{"id":"21st:manucadomingues__piroca-foda-dnv-pqp-mt-foda","t":"Piroca foda dnv pqp mt foda","d":"Animated WebGL shader background in the Flow field style. Generated by the 21st.dev Shader Builder. 4-color palette (#000000, #8686CB, #555584, #FFFFFF). Features: cursor-reactive ","k":"motion","s":"21st","c":"motion/shader","a":"manucadomingues","pl":"https://cdn.21st.dev/manucadomingues/piroca-foda-dnv-pqp-mt-foda/default/preview.1786304789226-5fb6338a-8ebf-47dc-8a34-abe9942d7d84.webp","pc":"manucadomingues","sb":"Flow field"},{"id":"21st:manucadomingues__pqp","t":"Pqp","d":"Animated WebGL shader background in the Flow field style. Generated by the 21st.dev Shader Builder. 4-color palette (#000000, #8080BC, #555584, #FFFFFF). Features: cursor-reactive ","k":"motion","s":"21st","c":"motion/shader","a":"manucadomingues","pl":"https://cdn.21st.dev/manucadomingues/pqp/default/preview.1786306550037-08c0f023-7c2f-4a8e-9667-63241932b96e.webp","pc":"manucadomingues","sb":"Flow field"},{"id":"21st:manucadomingues__shader-foda-azul-dnv","t":"Shader foda azul dnv","d":"Animated WebGL shader background in the Flow field style. Generated by the 21st.dev Shader Builder. 4-color palette (#000000, #8686CB, #555584, #FFFFFF). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"manucadomingues","pl":"https://cdn.21st.dev/manucadomingues/shader-foda-azul-dnv/default/preview.1786304769793-1e75ae28-17b1-40e9-b931-f351bcbc7cb9.webp","pc":"manucadomingues","sb":"Flow field"},{"id":"21st:manucadomingues__shader-foda-rosa","t":"Shader foda rosa","d":"Animated WebGL shader background in the Flow field style. Generated by the 21st.dev Shader Builder. 4-color palette (#1A1423, #B75D69, #EACDC2, #FFF5EB). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"manucadomingues","pl":"https://cdn.21st.dev/manucadomingues/shader-foda-rosa/default/preview.1786304750558-77a6d4f1-ee63-4cb8-b320-540d585587b1.webp","pc":"manucadomingues","sb":"Flow field"},{"id":"21st:mapcn__map","t":"Map","d":"Here is map component ","s":"21st","c":"data-viz/map","a":"mapcn","pl":"https://cdn.21st.dev/larsen66/map/default/preview.1767616256325.png","pc":"mapcn"},{"id":"21st:mapcn__mapcn-custom-layer","t":"Mapcn custom layer","d":"A MapLibre custom layer control that toggles interactive GeoJSON park polygons over a themed map.","s":"21st","c":"data-viz/map","a":"mapcn","pl":"https://cdn.21st.dev/mapcn/mapcn-custom-layer/default/preview.1785543751361-38c9d7a4-e5ca-4465-a94b-8f3cfda35b0c.png","pc":"mapcn"},{"id":"21st:mapcn__mapcn-layer-markers","t":"Mapcn layer markers","d":"A high-performance MapLibre marker layer that renders many clickable point markers from GeoJSON.","s":"21st","c":"data-viz/map","a":"mapcn","pl":"https://cdn.21st.dev/mapcn/mapcn-layer-markers/default/preview.1785532250353-e8cc550e-e635-4a6c-b828-df3f41076a95.png","pc":"mapcn"},{"id":"21st:mapcn__mapcn-map-arc","t":"Mapcn map arc","d":"A MapLibre arc layer component for curved origin-destination connections with hover details.","s":"21st","c":"data-viz/map","a":"mapcn","pl":"https://cdn.21st.dev/mapcn/mapcn-map-arc/default/preview.1785532962704-da1abef7-a593-4aa4-a147-b9654c7fd5a4.png","pc":"mapcn"},{"id":"21st:mapcn__mapcn-map-controls","t":"Mapcn map controls","d":"Interactive map controls for zoom, compass, geolocation, and fullscreen actions.","s":"21st","c":"data-viz/map","a":"mapcn","pl":"https://cdn.21st.dev/mapcn/mapcn-map-controls/default/preview.1785531351539-ec84c052-b6fd-4ebe-a778-4ad0dc78eb75.png","pc":"mapcn"},{"id":"21st:mapcn__mapcn-map-marker","t":"Mapcn map marker","d":"DOM-based map markers with custom content, tooltips, popups, and draggable marker support.","s":"21st","c":"data-viz/map","a":"mapcn","pl":"https://cdn.21st.dev/mapcn/mapcn-map-marker/default/preview.1785312882069-1e39656c-a644-47ab-8ba5-2b43522f49a8.png","pc":"mapcn"},{"id":"21st:mapcn__mapcn-map-popup","t":"Mapcn map popup","d":"A standalone MapLibre popup component for controlled overlays at specific coordinates.","s":"21st","c":"overlays/popover","a":"mapcn","pl":"https://cdn.21st.dev/mapcn/mapcn-map-popup/default/preview.1785372961810-3d11e5c0-289e-4c35-bbf9-e530a83a4421.png","pc":"mapcn"},{"id":"21st:mapcn__mapcn-marker-content","t":"Mapcn marker content","d":"Custom marker content rendered inside a MapLibre marker.","s":"21st","c":"data-viz/map","a":"mapcn","u":3,"pl":"https://cdn.21st.dev/reapollo/mapcn-marker-content/default/preview.1780350008960.png","pc":"mapcn","tg":["map","tooltip"]},{"id":"21st:mapcn__mapcn-marker-label","t":"Mapcn marker label","d":"Positioned marker labels for MapLibre marker content.","s":"21st","c":"inputs/form-field","a":"mapcn","pl":"https://cdn.21st.dev/reapollo/mapcn-marker-label/default/preview.1780350397877.png","pc":"mapcn","tg":["map"],"sb":"Animated fields"},{"id":"21st:mapcn__mapcn-marker-popup","t":"Mapcn marker popup","d":"Marker popups for rich location cards with labels, media, ratings, hours, and actions.","s":"21st","c":"overlays/popover","a":"mapcn","pl":"https://cdn.21st.dev/mapcn/mapcn-marker-popup/default/preview.1785447928528-5fc33625-edd9-4928-9574-ecb32d218624.png","pc":"mapcn"},{"id":"21st:mapcn__mapcn-marker-tooltip","t":"Mapcn marker tooltip","d":"Hover tooltip content for MapLibre markers.","s":"21st","c":"overlays/tooltip","a":"mapcn","u":6,"pl":"https://cdn.21st.dev/reapollo/mapcn-marker-tooltip/default/preview.1780350239698.png","pc":"mapcn","tg":["map","tooltip"]},{"id":"21st:mara.stefana.ilie__hero-personal-website","t":"Hero personal website","d":"Animated (shimmer) ASCII art in the Characters style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a portrait, retro look. A drop-in, zero-dependen","k":"motion","s":"21st","c":"motion/ascii","a":"mara.stefana.ilie","pl":"https://cdn.21st.dev/mara.stefana.ilie/hero-personal-website/default/preview.1783765993831.webp","pc":"mara.stefana.ilie","tg":["video"],"sb":"Characters"},{"id":"21st:mara.stefana.ilie__hero-personal-website-2","t":"Hero personal website 2","d":"Animated (shimmer) ASCII art in the Characters style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a portrait, retro look. A drop-in, zero-dependen","k":"motion","s":"21st","c":"motion/ascii","a":"mara.stefana.ilie","pl":"https://cdn.21st.dev/mara.stefana.ilie/hero-personal-website/default/preview.1783766018117.webp","pc":"mara.stefana.ilie","sb":"Characters"},{"id":"21st:marktantongco__pinlist","t":"Pinlist","d":"A beautiful, responsive pin/marker directory component with search, filter, categories, star ratings, and four layout variants (default, compact, grid, card). Perfect for travel gu","s":"21st","c":"data-viz/map","a":"marktantongco","pl":"https://21st.dev/@marktantongco/components/pinlist","pc":"marktantongco"},{"id":"21st:mathewsaju210__native-mobile-nav","t":"Native mobile nav","d":"Sleek native-style mobile bottom nav with an SVG cutout, glowing floating action button, and Framer Motion spring animations for fast, premium app-like interactions.","s":"21st","c":"navigation/top-nav","a":"mathewsaju210","pl":"https://cdn.21st.dev/mathewsaju210/native-mobile-nav/default/preview.1784094711008.png","pc":"mathewsaju210","sb":"Mobile"},{"id":"21st:mathewsaju210__nexus-orb","t":"Nexus orb","d":"NexusOrb is an interactive 3D React component (Three.js) featuring a customizable low-poly sphere and a dynamic, proximity-linked particle network. It includes drag-to-rotate physi","s":"21st","c":"ai-agent/ai-agent","a":"mathewsaju210","pl":"https://cdn.21st.dev/mathewsaju210/nexus-orb/default/preview.1782120494760.png","pc":"mathewsaju210","sb":"Orbs and presence"},{"id":"21st:mathewsaju210__radial-time-picker","t":"Radial time picker","d":"Interactive time inputs featuring a radial weapon wheel and orbit circles for high-speed micro-adjustments. Built with Framer Motion, strict 24h autocompletion, and native dark mod","s":"21st","c":"inputs/time-picker","a":"mathewsaju210","pl":"https://cdn.21st.dev/mathewsaju210/radial-time-picker/default/preview.1783400199808.png","pc":"mathewsaju210"},{"id":"21st:mathewsaju210__scrubbable-inputs","t":"Scrubbable inputs","d":"Blender and Unity style input fields that allow infinite value scrubbing by clicking and dragging.","s":"21st","c":"inputs/form-field","a":"mathewsaju210","pl":"https://cdn.21st.dev/mathewsaju210/scrubbable-inputs/default/preview.1779875238090.png","pc":"mathewsaju210"},{"id":"21st:mathewsaju210__trail-grid","t":"Trail grid","d":"A high-performance, interactive background grid for React. Tracks cursor movement to create a customizable glowing trail effect using pure DOM elements and CSS Grid. Fully responsi","s":"21st","c":"layout/bento-grid","a":"mathewsaju210","pl":"https://cdn.21st.dev/mathewsaju210/trail-grid/default/preview.1785451959826-57d7f389-126b-427f-b831-4a6263ccc6fe.png","pc":"mathewsaju210"},{"id":"21st:maxfu826__forest","t":"Forest","d":"Animated (shimmer) ASCII art in the Characters style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections","k":"motion","s":"21st","c":"motion/ascii","a":"maxfu826","pl":"https://cdn.21st.dev/maxfu826/forest/default/preview.1784019079589.png","pc":"maxfu826","tg":["video"],"sb":"Characters"},{"id":"21st:maxim.bort.devel__bauhaus-card","t":"Bauhaus card","s":"21st","c":"data-display/card","a":"maxim.bort.devel","pl":"https://cdn.21st.dev/maxim.bort.devel/bauhaus-card/default/preview.1749917426849.png","pc":"maxim.bort.devel"},{"id":"21st:maxim.bort.devel__chronicle-button","t":"Chronicle button","d":"A button with a unique hover effect.\n\nYou can also get this component from https://namer-ui.netlify.app/ and https://namer-ui-for-vue.netlify.app/components/chronicle-button\n\nCredi","s":"21st","c":"actions/button","a":"maxim.bort.devel","u":84,"pl":"https://cdn.21st.dev/user_2y2drtMewFmNG5frU3Xkd1R9rsu/chronicle-button/default/preview.1750810496266.png","pc":"maxim.bort.devel","sb":"Icon buttons"},{"id":"21st:maxim.bort.devel__circular-testimonials","t":"Circular testimonials","d":"An animated testimonial section that displays user feedback in a visually engaging way.\n\nFor the disclaimer, credit information, and the Vanilla HTML/CSS/JS version, please visit h","k":"section","s":"21st","c":"marketing/testimonials","a":"maxim.bort.devel","u":771,"pl":"https://cdn.21st.dev/maxim.bort.devel/circular-testimonials/default/preview.1749048275501.png","pc":"maxim.bort.devel","tg":["image","testimonials"]},{"id":"21st:maxim.bort.devel__diced-hero-section","t":"Diced hero section","d":"A customizable hero section with diced image grid, gradient text, and responsive design for showcasing content.\n\nCredit: https://codepen.io/kristen17/pen/GRXgqaB https://codepen.io","k":"section","s":"21st","c":"marketing/hero","a":"maxim.bort.devel","u":99,"pl":"https://cdn.21st.dev/maxim.bort.devel/diced-hero-section/default/preview.1749831107177.png","pc":"maxim.bort.devel","tg":["cta","gallery","grid","hero"],"sb":"Centered and minimal"},{"id":"21st:maxim.bort.devel__fancy-card","t":"Fancy card","s":"21st","c":"data-display/card","a":"maxim.bort.devel","pl":"https://cdn.21st.dev/maxim.bort.devel/fancy-card/default/preview.1750951864797.png","pc":"maxim.bort.devel"},{"id":"21st:maxim.bort.devel__fishy-button","t":"Fishy button","d":"A sleek button featuring floating fish that appear on hover.\n\nCredit: https://codepen.io/ash_creator/pen/GRGZYyV","s":"21st","c":"actions/button","a":"maxim.bort.devel","u":14,"pl":"https://cdn.21st.dev/maxim.bort.devel/fishy-button/default/preview.1750085023757.png","pc":"maxim.bort.devel","tg":["button"]},{"id":"21st:maxim.bort.devel__fishy-file-drop","t":"Fishy file drop","d":"An unorthodox drop zone.\n\nCredit: https://codepen.io/ash_creator/pen/GRGZYyV https://codepen.io/Juxtopposed/pen/mdQaNbG https://codepen.io/Juxtopposed/pen/xxQNozB https://www.pexel","s":"21st","c":"inputs/file-upload","a":"maxim.bort.devel","u":10,"pl":"https://cdn.21st.dev/maxim.bort.devel/fishy-file-drop/default/preview.1750468924400.png","pc":"maxim.bort.devel","tg":["upload-download"]},{"id":"21st:maxim.bort.devel__floating-label-input","t":"Floating label input","s":"21st","c":"inputs/form-field","a":"maxim.bort.devel","pl":"https://cdn.21st.dev/maxim.bort.devel/floating-label-input/default/preview.1753282779268.png","pc":"maxim.bort.devel","sb":"Animated fields"},{"id":"21st:maxim.bort.devel__halomot-button","t":"Halomot button","d":"A stylish button with a vibrant gradient that fills it on hover.\n\nFor credit information and Vue version, please visit https://namer-ui-for-vue.netlify.app/components/halomot-butto","s":"21st","c":"actions/button","a":"maxim.bort.devel","u":21,"pl":"https://cdn.21st.dev/user_2y2drtMewFmNG5frU3Xkd1R9rsu/halomot-button/default/preview.1750809911762.png","pc":"maxim.bort.devel"},{"id":"21st:maxim.bort.devel__inflected-card","t":"Inflected card","d":"A versatile card component with an unorthodox shape.\n\nFor the disclaimer, credit information, and Vue version, please visit https://namer-ui-for-vue.netlify.app/components/inflecte","s":"21st","c":"data-display/card","a":"maxim.bort.devel","u":24,"pl":"https://cdn.21st.dev/maxim.bort.devel/inflected-card/default/preview.1749044869142.png","pc":"maxim.bort.devel"},{"id":"21st:maxim.bort.devel__info-card","t":"Info card","d":"A simple card with interactive border.\n\nFor the credit information, and the Vanilla HTML/CSS/JS version, please visit https://codepen.io/Northstrix/pen/EaYbRxG\n","s":"21st","c":"data-display/card","a":"maxim.bort.devel","u":50,"pl":"https://cdn.21st.dev/maxim.bort.devel/info-card/default/preview.1749488249962.png","pc":"maxim.bort.devel","tg":["card","border","image"],"sb":"Animated and glowing"},{"id":"21st:maxim.bort.devel__metamorphic-loader","t":"Metamorphic loader","s":"21st","c":"status/loader","a":"maxim.bort.devel","pl":"https://cdn.21st.dev/maxim.bort.devel/metamorphic-loader/default/preview.1749543831041.png","pc":"maxim.bort.devel","sb":"Liquid and 3D"},{"id":"21st:maxim.bort.devel__product-card","t":"Product card","s":"21st","c":"data-display/card","a":"maxim.bort.devel","pl":"https://cdn.21st.dev/maxim.bort.devel/product-card/default/preview.1749349475785.png","pc":"maxim.bort.devel","sb":"Product"},{"id":"21st:maxim.bort.devel__project-showcase","t":"Project showcase","d":"A customized version of the Aceternity's Animated Testimonials component.\n\nThis component is also available on Namer UI: https://namer-ui.netlify.app\n\nA slightly different Vue vers","k":"section","s":"21st","c":"marketing/testimonials","a":"maxim.bort.devel","u":25,"pl":"https://cdn.21st.dev/maxim.bort.devel/project-showcase/default/preview.1749729779117.png","pc":"maxim.bort.devel","tg":["carousel","testimonials"]},{"id":"21st:maxim.bort.devel__radio-group","t":"Radio group","s":"21st","c":"inputs/radio","a":"maxim.bort.devel","pl":"https://cdn.21st.dev/maxim.bort.devel/radio-group/default/preview.1750006567599.png","pc":"maxim.bort.devel","tg":["radio-group"]},{"id":"21st:maxim.bort.devel__satellite-toast","t":"Satellite toast","s":"21st","c":"overlays/toast","a":"maxim.bort.devel","pl":"https://cdn.21st.dev/maxim.bort.devel/satellite-toast/default/preview.1758294794052.png","pc":"maxim.bort.devel"},{"id":"21st:maxim.bort.devel__shamayim-toggle-switch","t":"Shamayim toggle switch","d":"A celestial-themed toggle switch with a smooth animation and mirroring option.\n\nCredit: https://codepen.io/nicolasjesenberger/pen/NWOyxyO https://dribbble.com/shots/14326768-Kn-bz-","s":"21st","c":"actions/switch","a":"maxim.bort.devel","u":14,"pl":"https://cdn.21st.dev/maxim.bort.devel/shamayim-toggle-switch/default/preview.1751128745221.png","pc":"maxim.bort.devel","tg":["toggle"]},{"id":"21st:maxim.bort.devel__simple-code-block","t":"Simple code block","k":"motion","s":"21st","c":"motion/text-effect","a":"maxim.bort.devel","pl":"https://cdn.21st.dev/maxim.bort.devel/simple-code-block/default/preview.1750158897193.png","pc":"maxim.bort.devel"},{"id":"21st:maxim.bort.devel__slider-hero-section","t":"Slider hero section","k":"section","s":"21st","c":"marketing/hero","a":"maxim.bort.devel","pl":"https://cdn.21st.dev/maxim.bort.devel/slider-hero-section/default/preview.1749046442864.png","pc":"maxim.bort.devel"},{"id":"21st:maxim.bort.devel__splashed-push-notifications","t":"Splashed push notifications","d":"Simple, splashed push notifications created from templates I found on CodePen.\n\nFor credit info, please visit https://github.com/Northstrix/Splashed-Push-Notifications\n\nThis demo u","s":"21st","c":"overlays/notifications","a":"maxim.bort.devel","u":39,"pl":"https://cdn.21st.dev/maxim.bort.devel/splashed-push-notifications/default/preview.1749572433233.png","pc":"maxim.bort.devel","tg":["alert","notification","toast"]},{"id":"21st:maxim.bort.devel__text-swap","t":"Text swap","k":"motion","s":"21st","c":"motion/text-effect","a":"maxim.bort.devel","pl":"https://cdn.21st.dev/maxim.bort.devel/text-swap/default/preview.1754493928057.png","pc":"maxim.bort.devel","sb":"Rotating words"},{"id":"21st:maxim.bort.devel__truncating-navbar","t":"Truncating navbar","d":"A sleek, animated navbar that slides down and increases its padding on scroll, creating a smooth truncating effect.","s":"21st","c":"navigation/top-nav","a":"maxim.bort.devel","u":17,"pl":"https://cdn.21st.dev/maxim.bort.devel/truncating-navbar/default/preview.1749051691833.png","pc":"maxim.bort.devel","tg":["search"],"sb":"Mega menus"},{"id":"21st:mbtrgurbuz__waves-header-green","t":"Waves header green","d":"Animated WebGL shader background in the Waves style. Generated by the 21st.dev Shader Builder. 4-color palette (#0D1B0F, #3E8E41, #C7F464, #FFFDE1). A drop-in, zero-dependency Reac","k":"motion","s":"21st","c":"motion/shader","a":"mbtrgurbuz","pl":"https://cdn.21st.dev/mbtrgurbuz/waves-header-green/default/preview.1786526121749-fd8ba628-94a0-4967-8fd1-015c70c21086.webp","pc":"mbtrgurbuz","sb":"Waves"},{"id":"21st:mclcuts__hi","t":"Hi","d":"Animated (shimmer) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"mclcuts","pl":"https://cdn.21st.dev/mclcuts/hi/default/preview.1786143053635-5de9d009-a3b2-4118-ae3e-6adbb9fc012c.webp","pc":"mclcuts","sb":"Dither"},{"id":"21st:mdadul__cta","t":"Cta","d":"A modern CTA section with customer review","k":"section","s":"21st","c":"marketing/cta","a":"mdadul","pl":"https://cdn.21st.dev/mdadul/cta/default/preview.1749983077913.png","pc":"mdadul"},{"id":"21st:mdadul__hero","t":"Hero","k":"section","s":"21st","c":"marketing/hero","a":"mdadul","pl":"https://cdn.21st.dev/mdadul/hero/default/preview.1747682445577.png","pc":"mdadul"},{"id":"21st:mdafsarx__banner","t":"Banner","d":"A stylish banner component for modern UIs, built with accessibility and animation in mind.","s":"21st","c":"overlays/alert-banner","a":"mdafsarx","u":97,"pl":"https://cdn.21st.dev/mdafsarx/banner/default/preview.1760488875110.png","pc":"mdafsarx","tg":["announcement"]},{"id":"21st:mdafsarx__counter-loader","t":"Counter loader","d":"A visually engaging counter animation component using CSS grid and keyframe animations.","s":"21st","c":"status/loader","a":"mdafsarx","u":22,"pl":"https://cdn.21st.dev/mdafsarx/counter-loader/default/preview.1760313326280.png","pc":"mdafsarx"},{"id":"21st:mdafsarx__glowing-card","t":"Glowing card","d":"A stylish glowing-card component for modern UIs, built with accessibility and animation in mind.","s":"21st","c":"data-display/card","a":"mdafsarx","pl":"https://cdn.21st.dev/mdafsarx/glowing-card/default/preview.1760679405294.png","pc":"mdafsarx","sb":"Animated and glowing"},{"id":"21st:mdafsarx__gradient-button","t":"Gradient button","d":"The Gradient Button component is a stylised React button (part of the Nurui UI library) designed for modern UIs. It features an animated, rainbow-gradient border, supports accessib","s":"21st","c":"actions/button","a":"mdafsarx","pl":"https://cdn.21st.dev/mdafsarx/gradient-button/default/preview.1761434261430.png","pc":"mdafsarx","sb":"Animated"},{"id":"21st:mdafsarx__gradient-hero","t":"Gradient hero","d":"A modern and visually captivating gradient hero section designed for sleek, responsive interfaces. It features smooth animations, accessibility compliance, and seamless integration","k":"section","s":"21st","c":"marketing/hero","a":"mdafsarx","pl":"https://cdn.21st.dev/mdafsarx/gradient-hero/default/preview.1760680035502.png","pc":"mdafsarx","sb":"Animated background"},{"id":"21st:mdafsarx__gradient-text","t":"Gradient text","d":"A stylish gradient text component for modern UIs, built with accessibility and animation in mind.","k":"motion","s":"21st","c":"motion/text-effect","a":"mdafsarx","pl":"https://cdn.21st.dev/mdafsarx/gradient-text/default/preview.1760313792549.png","pc":"mdafsarx","sb":"Gradient and shimmer"},{"id":"21st:mdafsarx__hover-footer","t":"Hover footer","d":"Hover Footer animation to our modern React and Next.js-based UI component library! Enhance your projects with this animation.","k":"section","s":"21st","c":"marketing/footer","a":"mdafsarx","u":539,"pl":"https://cdn.21st.dev/mdafsarx/hover-footer/default/preview.1760085852599.png","pc":"mdafsarx","tg":["footer","link"]},{"id":"21st:mdafsarx__tech-curosr","t":"Tech curosr","d":" stylish following tech cursor component for modern UIs, built with accessibility and animation in mind.","k":"motion","s":"21st","c":"motion/cursor","a":"mdafsarx","pl":"https://cdn.21st.dev/mdafsarx/tech-curosr/default/preview.1759971693346.png","pc":"mdafsarx","tg":["cursor"]},{"id":"21st:medanasknan__god-rays-linear-shader","t":"God rays linear shader","d":"Animated WebGL shader background in the God Rays style. Linear variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#050","k":"motion","s":"21st","c":"motion/shader","a":"medanasknan","pl":"https://cdn.21st.dev/medanasknan/god-rays-linear-shader/default/preview.1786234568927-ae942225-2c14-436b-9329-06ee5b6f1071.webp","pc":"medanasknan","sb":"God Rays"},{"id":"21st:medanasknan__halftone-shader","t":"Halftone shader","d":"Animated WebGL shader background in the Halftone style. Generated by the 21st.dev Shader Builder. 4-color palette (#231A10, #A47148, #E3B587, #F9F1E7). Features: cursor-reactive (r","k":"motion","s":"21st","c":"motion/shader","a":"medanasknan","pl":"https://cdn.21st.dev/medanasknan/halftone-shader/default/preview.1786234549397-a68ace82-78df-4194-9b31-00eb11aefd1e.webp","pc":"medanasknan","sb":"Halftone"},{"id":"21st:medanasknan__neon-citi","t":"Neon citi","d":"Animated (pulse) ASCII art in the Stars style, made with the 21st ASCII editor and baked to a looping video. Styled with a neon look. A drop-in, zero-dependency React component for","k":"motion","s":"21st","c":"motion/ascii","a":"medanasknan","pl":"https://cdn.21st.dev/medanasknan/neon-citi/default/preview.1786234813386-c2f3ac39-458d-4d63-9382-7575e4c5159e.webp","pc":"medanasknan"},{"id":"21st:meenic__chat-preview","t":"Chat preview","d":"A dynamic chat preview component for showcasing real-time messages in channels. Supports gradient backgrounds, customizable messages, and responsive design.","s":"21st","c":"ai-agent/ai-agent","a":"meenic","u":38,"pl":"https://cdn.21st.dev/user_2s2kRinALCKIhCcpGOEmg5LrAmW/chat-preview/default/preview.1737987924922.png","pc":"meenic","sb":"Chat"},{"id":"21st:meerbahadin10__stripe-like-gradient-shader","t":"Stripe like gradient shader","d":"High-performance React component for animated WebGL gradient backgrounds with real-time customization.","k":"motion","s":"21st","c":"motion/shader","a":"meerbahadin10","u":79,"pl":"https://cdn.21st.dev/meerbahadin10/stripe-like-gradient-shader/default/preview.1761130704227.png","pc":"meerbahadin10"},{"id":"21st:meghtrix__background-components","t":"Background components","d":"Here is Background Components component","k":"motion","s":"21st","c":"motion/background","a":"meghtrix","u":532,"pl":"https://cdn.21st.dev/larsen66/background-components/default/preview.1758000384735.png","pc":"meghtrix","tg":["background","grid"],"sb":"Grids and patterns"},{"id":"21st:meghtrix__background-gradient-glow","t":"Background gradient glow","d":"Here is Background Gradient Glow component","k":"motion","s":"21st","c":"motion/background","a":"meghtrix","u":85,"pl":"https://cdn.21st.dev/larsen66/background-gradient-glow/default/preview.1757787288212.png","pc":"meghtrix","tg":["background","hero"],"sb":"Gradients and aurora"},{"id":"21st:meghtrix__gradient-backgrounds","t":"Gradient backgrounds","d":"Here is Gradient Background Bottom Blue","k":"motion","s":"21st","c":"motion/background","a":"meghtrix","u":103,"pl":"https://cdn.21st.dev/larsen66/gradient-backgrounds/default/preview.1757782149747.png","pc":"meghtrix","tg":["background","hero"],"sb":"Gradients and aurora"},{"id":"21st:meghtrix__gradient-blur-bg","t":"Gradient blur bg","d":"Here is Gradient Blur Bg component","k":"motion","s":"21st","c":"motion/background","a":"meghtrix","u":76,"pl":"https://cdn.21st.dev/larsen66/gradient-blur-bg/default/preview.1757785100413.png","pc":"meghtrix","tg":["background","grid","hero"],"sb":"Gradients and aurora"},{"id":"21st:meghtrix__grid-background","t":"Grid background","d":"Here is Grid Background component ","k":"motion","s":"21st","c":"motion/background","a":"meghtrix","u":111,"pl":"https://cdn.21st.dev/larsen66/grid-background/default/preview.1758011498573.png","pc":"meghtrix","tg":["grid","hero"],"sb":"Grids and patterns"},{"id":"21st:meghtrix__radial-glow-background","t":"Radial glow background","d":"Here is Radial Glow Background component\n","k":"motion","s":"21st","c":"motion/background","a":"meghtrix","u":73,"pl":"https://cdn.21st.dev/larsen66/radial-glow-background/default/preview.1757785656422.png","pc":"meghtrix","tg":["hero"],"sb":"Gradients and aurora"},{"id":"21st:mehmetekutlu__testsqft","t":"Testsqft","d":"test sqft button","s":"21st","c":"actions/button","a":"mehmetekutlu","pl":"https://cdn.21st.dev/mehmetekutlu/testsqft/default/preview.1750912350935.png","pc":"mehmetekutlu"},{"id":"21st:meschacirung__call-to-action","t":"Call to action","d":"Here is Call To Action component","k":"section","s":"21st","c":"marketing/cta","a":"meschacirung","u":56,"pl":"https://cdn.21st.dev/larsen66/call-to-action/default/preview.1753821470052.png","pc":"meschacirung","tg":["cta"]},{"id":"21st:meschacirung__call-to-action-3","t":"Call to action 3","d":"A centered call-to-action section with a heading, subtext, and an inline email input with a submit button for newsletter or waitlist signups.","k":"section","s":"21st","c":"marketing/cta","a":"meschacirung","u":4,"pl":"https://cdn.21st.dev/meschacirung/call-to-action-3/default/preview.1784380412875-251d6f63-ec23-469c-bc71-317e0ca96aca.png","pc":"meschacirung","tg":["cta"]},{"id":"21st:meschacirung__contact-form","t":"Contact form","d":"Here is Contact Form component","k":"section","s":"21st","c":"marketing/marketing","a":"meschacirung","u":48,"pl":"https://cdn.21st.dev/larsen66/contact-form/default/preview.1753874363843.png","pc":"meschacirung","tg":["textarea"],"sb":"Contact"},{"id":"21st:meschacirung__content-block","t":"Content block","d":"Here is Content Block component","k":"section","s":"21st","c":"marketing/features","a":"meschacirung","pl":"https://cdn.21st.dev/larsen66/content-block/default/preview.1755256076877.png","pc":"meschacirung","tg":["ai-chat","dashboard","features"]},{"id":"21st:meschacirung__content-default","t":"Content default","d":"Here is Content component","k":"section","s":"21st","c":"marketing/team","a":"meschacirung","pl":"https://cdn.21st.dev/larsen66/content-default/default/preview.1753819021754.png","pc":"meschacirung","tg":["ai-chat","avatar","features","icon"]},{"id":"21st:meschacirung__customers-section","t":"Customers section","d":"Customers Section with Moption Primitives","k":"section","s":"21st","c":"marketing/logos","a":"meschacirung","pl":"https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/customers-section/default/preview.png","pc":"meschacirung","tg":["clients"]},{"id":"21st:meschacirung__customers-section-2","t":"Customers section 2","d":"Customers Section with infinite slider","k":"section","s":"21st","c":"marketing/logos","a":"meschacirung","pl":"https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/customers-section-2/default/preview.png","pc":"meschacirung"},{"id":"21st:meschacirung__faqs-component","t":"Faqs component","d":"Here is  FAQs Component ","k":"section","s":"21st","c":"marketing/faq","a":"meschacirung","u":394,"pl":"https://cdn.21st.dev/larsen66/faqs-component/default/preview.1755262393589.png","pc":"meschacirung","tg":["accordion","faq"]},{"id":"21st:meschacirung__features","t":"Features","d":"Here is Features Component ","k":"section","s":"21st","c":"marketing/features","a":"meschacirung","u":363,"pl":"https://cdn.21st.dev/larsen66/features/default/preview.1755253892469.png","pc":"meschacirung","tg":["ai-chat","dashboard","features","sidebar"],"sb":"Comparison"},{"id":"21st:meschacirung__features-1","t":"Features 1","d":"features section","k":"section","s":"21st","c":"marketing/features","a":"meschacirung","pl":"https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/features-1/default/preview.png","pc":"meschacirung","tg":["features","grid"],"sb":"Grid of cards"},{"id":"21st:meschacirung__features-10","t":"Features 10","d":"features section","k":"section","s":"21st","c":"marketing/features","a":"meschacirung","pl":"https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/features-10/default/preview.1746449264720.png","pc":"meschacirung","tg":["card","features","table"],"sb":"Comparison"},{"id":"21st:meschacirung__features-11","t":"Features 11","d":"Bento features section","k":"section","s":"21st","c":"marketing/features","a":"meschacirung","u":344,"pl":"https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/features-11/default/preview.1746632532198.png","pc":"meschacirung","tg":["calendar","features"]},{"id":"21st:meschacirung__features-12","t":"Features 12","d":"Features section","k":"section","s":"21st","c":"marketing/features","a":"meschacirung","pl":"https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/features-12/default/preview.png","pc":"meschacirung"},{"id":"21st:meschacirung__features-2","t":"Features 2","d":"features section","k":"section","s":"21st","c":"marketing/features","a":"meschacirung","pl":"https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/features-2/default/preview.png","pc":"meschacirung","tg":["features","grid","icon"],"sb":"Grid of cards"},{"id":"21st:meschacirung__features-3","t":"Features 3","d":"features section with chained cards","k":"section","s":"21st","c":"marketing/features","a":"meschacirung","u":37,"pl":"https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/features-3/default/preview.1746632553353.png","pc":"meschacirung","tg":["features","grid","icon"],"sb":"Grid of cards"},{"id":"21st:meschacirung__features-4","t":"Features 4","d":"features section","k":"section","s":"21st","c":"marketing/features","a":"meschacirung","pl":"https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/features-4/default/preview.png","pc":"meschacirung","tg":["features","grid","icon"],"sb":"Grid of cards"},{"id":"21st:meschacirung__features-5","t":"Features 5","d":"features section","k":"section","s":"21st","c":"marketing/features","a":"meschacirung","pl":"https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/features-5/default/preview.1746631938412.png","pc":"meschacirung","tg":["features","icon","list","table"],"sb":"Comparison"},{"id":"21st:meschacirung__features-6","t":"Features 6","d":"features section","k":"section","s":"21st","c":"marketing/features","a":"meschacirung","pl":"https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/features-6/default/preview.png","pc":"meschacirung","tg":["dashboard","features"]},{"id":"21st:meschacirung__features-7","t":"Features 7","d":"features section","k":"section","s":"21st","c":"marketing/features","a":"meschacirung","pl":"https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/features-7/default/preview.1746632578863.png","pc":"meschacirung","tg":["dashboard","features"]},{"id":"21st:meschacirung__features-8","t":"Features 8","d":"features section","k":"section","s":"21st","c":"marketing/features","a":"meschacirung","pl":"https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/features-8/default/preview.png","pc":"meschacirung","tg":["card","features"],"sb":"Grid of cards"},{"id":"21st:meschacirung__features-9","t":"Features 9","d":"features section","k":"section","s":"21st","c":"marketing/features","a":"meschacirung","pl":"https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/features-9/default/preview.1746632221385.png","pc":"meschacirung","tg":["features","map"]},{"id":"21st:meschacirung__footer","t":"Footer","d":"Here is Footer component","k":"section","s":"21st","c":"marketing/footer","a":"meschacirung","u":293,"pl":"https://cdn.21st.dev/larsen66/footer/default/preview.1753822147806.png","pc":"meschacirung","tg":["footer","grid","link","navigation-menu"]},{"id":"21st:meschacirung__forgot-password","t":"Forgot password","d":"Here is Forgot Password component","k":"layout","s":"21st","c":"flows/sign-in","a":"meschacirung","pl":"https://cdn.21st.dev/larsen66/forgot-password/default/preview.1751848180634.png","pc":"meschacirung","sb":"Password reset"},{"id":"21st:meschacirung__hero-section-1","t":"Hero section 1","d":"Modern saas hero section","k":"section","s":"21st","c":"marketing/hero","a":"meschacirung","u":3498,"pl":"https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/hero-section-1/default/preview.png","pc":"meschacirung","tg":["dashboard","cta","hero"],"sb":"With product shot"},{"id":"21st:meschacirung__hero-section-2","t":"Hero section 2","d":"Modern marketing hero section","k":"section","s":"21st","c":"marketing/hero","a":"meschacirung","u":445,"pl":"https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/hero-section-2/default/preview.png","pc":"meschacirung","tg":["dashboard","sidebar"],"sb":"With product shot"},{"id":"21st:meschacirung__hero-section-3","t":"Hero section 3","d":"Mobile app hero section","k":"section","s":"21st","c":"marketing/hero","a":"meschacirung","u":413,"pl":"https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/hero-section-3/default/preview.png","pc":"meschacirung"},{"id":"21st:meschacirung__hero-section-4","t":"Hero section 4","d":"Modern SaaS hero section","k":"section","s":"21st","c":"marketing/hero","a":"meschacirung","u":624,"pl":"https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/hero-section-4/default/preview.png","pc":"meschacirung","tg":["hero"]},{"id":"21st:meschacirung__hero-section-5","t":"Hero section 5","d":"Modern hero section with video background","k":"section","s":"21st","c":"marketing/hero","a":"meschacirung","u":1295,"pl":"https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/hero-section-5/default/preview.png","pc":"meschacirung","tg":["video"],"sb":"With video"},{"id":"21st:meschacirung__hero-section-6","t":"Hero section 6","d":"Saas Hero section","k":"section","s":"21st","c":"marketing/hero","a":"meschacirung","u":259,"pl":"https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/hero-section-6/default/preview.png","pc":"meschacirung","tg":["gallery","hero"]},{"id":"21st:meschacirung__hero-section-9","t":"Hero section 9","d":"Modern hero section","k":"section","s":"21st","c":"marketing/hero","a":"meschacirung","u":929,"pl":"https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/hero-section-9/default/preview.png","pc":"meschacirung","tg":["dashboard","cta","grid","hero"],"sb":"With product shot"},{"id":"21st:meschacirung__hero-section-note","t":"Hero section note","d":"Here is Hero Section component","k":"section","s":"21st","c":"marketing/hero","a":"meschacirung","u":20,"pl":"https://cdn.21st.dev/larsen66/hero-section-note/default/preview.1755251736478.png","pc":"meschacirung","tg":["dashboard","cta"],"sb":"With product shot"},{"id":"21st:meschacirung__integrations-3","t":"Integrations 3","d":"Marketing section that showcases app integrations as a grid of branded logo cards next to a headline and call-to-action.","k":"section","s":"21st","c":"marketing/logos","a":"meschacirung","u":4,"pl":"https://cdn.21st.dev/meschacirung/integrations-3/default/preview.1784404026081-b0bfab6a-2fb0-4f7c-bd7a-64f00d659416.png","pc":"meschacirung","tg":["cta","features","grid"]},{"id":"21st:meschacirung__integrations-4","t":"Integrations 4","d":"An integrations section that arranges brand logo cards around a central app logo with connecting lines, a headline, and a call-to-action button.","k":"section","s":"21st","c":"marketing/logos","a":"meschacirung","pl":"https://cdn.21st.dev/meschacirung/integrations-4/default/preview.1784692313814-f5363318-59ba-44ec-8a15-5957e2663116.png","pc":"meschacirung"},{"id":"21st:meschacirung__integrations-5","t":"Integrations 5","d":"A marketing integrations section arranging brand logos in animated concentric orbit rings around a central logo, with a heading and call-to-action button.","k":"section","s":"21st","c":"marketing/logos","a":"meschacirung","u":4,"pl":"https://cdn.21st.dev/meschacirung/integrations-5/default/preview.1783659514828.png","pc":"meschacirung","tg":["cta","hero"]},{"id":"21st:meschacirung__integrations-6","t":"Integrations 6","d":"A marketing section that lists LLM/service integrations as a bordered card with brand logos, names, descriptions, and add buttons, plus a heading and call to action.","k":"section","s":"21st","c":"marketing/logos","a":"meschacirung","pl":"https://cdn.21st.dev/meschacirung/integrations-6/default/preview.1784696766678-b52a1abc-7e66-4742-a804-1d7601a33fed.png","pc":"meschacirung"},{"id":"21st:meschacirung__integrations-component","t":"Integrations component","d":"Here is Integrations Components","s":"21st","c":"assets/icon","a":"meschacirung","u":425,"pl":"https://cdn.21st.dev/larsen66/integrations-component/default/preview.1753817940760.png","pc":"meschacirung","tg":["ai-chat","card","cta","features"]},{"id":"21st:meschacirung__integrations-three","t":"Integrations three","d":"A marketing section that showcases third-party integrations as a responsive grid of logo cards with title and description.","k":"section","s":"21st","c":"marketing/logos","a":"meschacirung","u":10,"pl":"https://cdn.21st.dev/meschacirung/integrations-three/default/preview.1784470244662-dd02f8c8-2b71-4dff-9c28-c6e77c9d36d4.png","pc":"meschacirung","tg":["card","features","grid"]},{"id":"21st:meschacirung__login-1","t":"Login 1","d":"Here is Login component","s":"21st","c":"flows/sign-in","a":"meschacirung","st":"rated","pl":"https://cdn.21st.dev/larsen66/login-1/default/preview.1755265989505.png","pc":"meschacirung","tg":["sign-in","sign-up"],"sc":18,"sb":"Sign up"},{"id":"21st:meschacirung__login-2","t":"Login 2","d":"A centered card login page with email and password fields, social sign-in buttons, and a create-account link.","s":"21st","c":"flows/sign-in","a":"meschacirung","u":4,"pl":"https://cdn.21st.dev/meschacirung/login-2/default/preview.1784385396773-fa588612-d76f-4af9-86bf-8a6d8ffd27cf.png","pc":"meschacirung","tg":["sign-in"],"sb":"Sign in"},{"id":"21st:meschacirung__logo-cloud","t":"Logo cloud","d":"Here is Logo Cloud Blocks","k":"section","s":"21st","c":"marketing/logos","a":"meschacirung","u":223,"pl":"https://cdn.21st.dev/larsen66/logo-cloud/default/preview.1785940836015.png","pc":"meschacirung","tg":["marquee","scroll-area"]},{"id":"21st:meschacirung__logo-cloud-2","t":"Logo cloud 2","d":"A marketing logo cloud section that displays customer or partner brand logos in a responsive grid with a hover-reveal \"Meet Our Customers\" link.","k":"section","s":"21st","c":"marketing/logos","a":"meschacirung","u":2,"pl":"https://cdn.21st.dev/meschacirung/logo-cloud-2/default/preview.1784701819223-7a0084ff-5248-4b8f-9807-7099821c4d44.png","pc":"meschacirung","tg":["clients"]},{"id":"21st:meschacirung__mist-integrations-2","t":"Mist integrations 2","k":"section","s":"21st","c":"marketing/logos","a":"meschacirung","pl":"https://cdn.21st.dev/meschacirung/mist-integrations-2/default/preview.1784422342622-46c1bdd7-ec96-4f2e-8095-2323c65c54d9.png","pc":"meschacirung","tg":["grid"]},{"id":"21st:meschacirung__mist-pricing-1","t":"Mist pricing 1","d":"A single-plan pricing section with a large price, call-to-action button, feature checklist, and a trusted-by row of company logos.","k":"section","s":"21st","c":"marketing/pricing","a":"meschacirung","pl":"https://cdn.21st.dev/meschacirung/mist-pricing-1/default/preview.1784657560888-011bd380-ffe4-47d5-b823-98f05c6154fe.png","pc":"meschacirung"},{"id":"21st:meschacirung__mist-testimonials-5","t":"Mist testimonials 5","d":"A centered single-testimonial section with a quote icon, avatar, name and handle.","k":"section","s":"21st","c":"marketing/testimonials","a":"meschacirung","u":8,"pl":"https://cdn.21st.dev/meschacirung/mist-testimonials-5/default/preview.1784693453476-39ae1ef8-13b7-4d3d-b6b7-6677ea2e7e67.png","pc":"meschacirung","tg":["avatar","testimonials"]},{"id":"21st:meschacirung__pricing","t":"Pricing","d":"Here is Pricing component","k":"section","s":"21st","c":"marketing/pricing","a":"meschacirung","u":54,"pl":"https://cdn.21st.dev/larsen66/pricing/default/preview.1755261763181.png","pc":"meschacirung","tg":["cta","pricing-section"]},{"id":"21st:meschacirung__pricing-base","t":"Pricing base","d":"Here is Pricing compoenent","k":"section","s":"21st","c":"marketing/pricing","a":"meschacirung","u":159,"pl":"https://cdn.21st.dev/larsen66/pricing-base/default/preview.1753823025318.png","pc":"meschacirung","tg":["badge","card","button","pricing-section"],"sb":"Comparison tables"},{"id":"21st:meschacirung__sign-up","t":"Sign up","d":"Here is Sign Up form","s":"21st","c":"flows/sign-in","a":"meschacirung","u":161,"pl":"https://cdn.21st.dev/larsen66/sign-up/default/preview.1751848930922.png","pc":"meschacirung","tg":["sign-up"],"sb":"Sign up"},{"id":"21st:meschacirung__stats","t":"Stats","d":"Here is Stats component","s":"21st","c":"data-display/stat","a":"meschacirung","u":99,"pl":"https://cdn.21st.dev/larsen66/stats/default/preview.1755258121203.png","pc":"meschacirung","tg":["card","grid","list","number"]},{"id":"21st:meschacirung__stats-defautlt","t":"Stats defautlt","d":"Here is Stats component","s":"21st","c":"data-display/stat","a":"meschacirung","u":65,"pl":"https://cdn.21st.dev/larsen66/stats-defautlt/default/preview.1753820351742.png","pc":"meschacirung","tg":["card","stat","testimonials"]},{"id":"21st:meschacirung__team","t":"Team","d":"Here is Team component","k":"section","s":"21st","c":"marketing/team","a":"meschacirung","u":296,"pl":"https://cdn.21st.dev/larsen66/team/default/preview.1753820575848.png","pc":"meschacirung","tg":["avatar","grid","profile","team"]},{"id":"21st:meschacirung__testimonials","t":"Testimonials","d":"Here is Testimonials components","k":"section","s":"21st","c":"marketing/testimonials","a":"meschacirung","u":337,"pl":"https://cdn.21st.dev/larsen66/testimonials/default/preview.1753820944713.png","pc":"meschacirung","tg":["avatar","card","grid","testimonials"]},{"id":"21st:meschacirung__testimonials-5","t":"Testimonials 5","d":"A responsive testimonials section that arranges customer quote cards with avatars into a three-column masonry-style wall of love.","k":"section","s":"21st","c":"marketing/testimonials","a":"meschacirung","pl":"https://cdn.21st.dev/meschacirung/testimonials-5/default/preview.1784696813620-30eee51f-3692-45a4-84c4-f71d095f1e1e.png","pc":"meschacirung"},{"id":"21st:meschacirung__veil-pricing-1","t":"Veil pricing 1","d":"A three-tier pricing section with feature lists, a highlighted plan, and call-to-action buttons.","k":"section","s":"21st","c":"marketing/pricing","a":"meschacirung","pl":"https://cdn.21st.dev/meschacirung/veil-pricing-1/default/preview.1784692366609-70f79fae-8086-4007-b6ab-877ea6049fd7.png","pc":"meschacirung"},{"id":"21st:meschacirung__veil-sign-up-2","t":"Veil sign up 2","d":"A centered sign-up card with email signup, social login buttons for Google and GitHub, and a link to an existing account.","s":"21st","c":"flows/sign-in","a":"meschacirung","u":8,"pl":"https://cdn.21st.dev/meschacirung/veil-sign-up-2/default/preview.1783657946255.png","pc":"meschacirung","tg":["sign-up"],"sb":"Sign up"},{"id":"21st:meshavie__bed-laptop-ascii","t":"Bed laptop ascii","d":"Animated (flicker) ASCII art in the Dots style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, a","k":"motion","s":"21st","c":"motion/ascii","a":"meshavie","pl":"https://cdn.21st.dev/meshavie/bed-laptop-ascii/default/preview.1786193412180-d7ac2814-8d5a-4be2-b555-4131228fc417.webp","pc":"meshavie","sb":"Dots"},{"id":"21st:mhmhaseef88__silk-blend-gradient","t":"Silk blend gradient","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 3-color palette (#FF3CAC, #784BA0, #2B86C5). Features: film grain, vignette. A drop-i","k":"motion","s":"21st","c":"motion/gradient","a":"mhmhaseef88","pl":"https://cdn.21st.dev/mhmhaseef88/silk-blend-gradient/default/preview.1786420547306-35357557-acad-48da-9b38-f77b3fc44764.webp","pc":"mhmhaseef88","sb":"Silk Blend"},{"id":"21st:mhmxd7x__apple-26-toggle","t":"Apple 26 toggle","d":"IOS/MacOS toggle style (no liquid glass, if anyone could get that working that'd be great, ur free to do it)","s":"21st","c":"actions/switch","a":"mhmxd7x","pl":"https://cdn.21st.dev/mhmxd7x/apple-26-toggle/default/preview.1780334717157.png","pc":"mhmxd7x"},{"id":"21st:michailbul__liquid-search","t":"Liquid search","d":"An animated search component with a liquid SVG filter effect. Expands from a pill button into a search input with a floating search icon, and displays results as stacked animated p","s":"21st","c":"inputs/search","a":"michailbul","pl":"https://cdn.21st.dev/michailbul/liquid-search/default/preview.1773786802536.png","pc":"michailbul"},{"id":"21st:micka_design__accordion","t":"Accordion","d":"A fluid accordion with spring animations, collapsible sections, proximity hover effects in grouped mode, and smooth content transitions. Built on Radix UI with Framer Motion.","s":"21st","c":"data-display/accordion","a":"micka_design","u":22,"pl":"https://cdn.21st.dev/larsen66/accordion/demos/default/preview.1773165393889.png","pc":"micka_design","tg":["accordion","faq"],"sb":"FAQ"},{"id":"21st:micka_design__badge-fluid-functionalism","t":"Badge fluid functionalism","d":"Compact label with solid and dot variants, Tailwind color palette, and three sizes.","k":"motion","s":"21st","c":"motion/shader","a":"micka_design","u":7,"pl":"https://cdn.21st.dev/reapollo/badge-fluid-functionalism/solid/preview.1776934243852.png","pc":"micka_design","tg":["badge"]},{"id":"21st:micka_design__button","t":"Button","d":"A fluid button with primary, secondary, tertiary, and ghost variants. Supports sizes, leading/trailing icons, icon-only mode, and animated loading state.","s":"21st","c":"actions/button","a":"micka_design","u":14,"pl":"https://cdn.21st.dev/larsen66/button/demos/default/preview.1773161633384.png","pc":"micka_design","sb":"Icon buttons"},{"id":"21st:micka_design__checkbox-group","t":"Checkbox group","d":"A checkbox group with proximity hover, animated checkmarks, contiguous selection merging, and spring transitions. Built on Radix UI with Framer Motion.","s":"21st","c":"inputs/checkbox","a":"micka_design","pl":"https://cdn.21st.dev/larsen66/checkbox-group/demos/default/preview.1773176324356.png","pc":"micka_design"},{"id":"21st:micka_design__dialog","t":"Dialog","d":"A fluid dialog with spring animations, backdrop overlay, and composable header/footer/title components. Built on Radix UI with Framer Motion.","s":"21st","c":"overlays/dialog","a":"micka_design","pl":"https://cdn.21st.dev/larsen66/dialog/demos/default/preview.1773177346227.png","pc":"micka_design","tg":["modal"],"sb":"Confirm"},{"id":"21st:micka_design__select","t":"Select","d":"A fluid select dropdown with proximity hover, animated checkmark, grouped options, and spring transitions. Built with Framer Motion and portal rendering.","s":"21st","c":"inputs/select","a":"micka_design","u":14,"pl":"https://cdn.21st.dev/larsen66/select/demos/default/preview.1773176843881.png","pc":"micka_design","tg":["select"]},{"id":"21st:micka_design__slider","t":"Slider","d":"A fluid animated slider with single and range modes, step dots, tooltip value display, and hover preview. Built on Radix UI with Framer Motion.","s":"21st","c":"inputs/slider","a":"micka_design","u":19,"pl":"https://cdn.21st.dev/larsen66/slider/demos/default/preview.1773164879060.png","pc":"micka_design","tg":["steps","slider","tooltip"]},{"id":"21st:micka_design__switch","t":"Switch","d":"A fluid animated switch with draggable thumb, smooth pill morphing on hover/press, and accessible keyboard support.","s":"21st","c":"actions/switch","a":"micka_design","pl":"https://cdn.21st.dev/larsen66/switch/demos/default/preview.1773162635498.png","pc":"micka_design","tg":["toggle"]},{"id":"21st:micka_design__table","t":"Table","d":"A data table with proximity hover highlighting, animated row backgrounds, smooth transitions, and composable header/body/row/cell components.","s":"21st","c":"data-display/table","a":"micka_design","pl":"https://cdn.21st.dev/larsen66/table/demos/default/preview.1773177599649.png","pc":"micka_design","tg":["dashboard","table"]},{"id":"21st:micka_design__tabs-base","t":"Tabs base","d":"A segmented tab control with a sliding selected-tab background and a fluid hover highlight that follows the cursor, used to switch between grouped panels of content.","s":"21st","c":"navigation/tabs","a":"micka_design","pl":"https://cdn.21st.dev/micka_design/tabs-base/default/preview.1788999297881-b99c1e0b-ad79-4500-a71e-7768ca4020e7.png","pc":"micka_design"},{"id":"21st:mikolajdobrucki__cta-with-glow","t":"Cta with glow","d":"A powerful Call-to-Action component built with shadcn's design system.\n\nThis component features multiple styles including box layouts and beam effects, all following shadcn's minim","k":"section","s":"21st","c":"marketing/cta","a":"mikolajdobrucki","u":204,"pl":"https://cdn.21st.dev/user_mikolajdobrucki/cta-with-glow.png","pc":"mikolajdobrucki","tg":["cta"]},{"id":"21st:mikolajdobrucki__cta-with-rectangle","t":"Cta with rectangle","d":"A powerful Call-to-Action component built with shadcn's design system.\n\nThis component features multiple styles including box layouts and beam effects, all following shadcn's minim","k":"section","s":"21st","c":"marketing/cta","a":"mikolajdobrucki","u":499,"pl":"https://cdn.21st.dev/user_mikolajdobrucki/cta-with-rectangle.png","pc":"mikolajdobrucki","tg":["cta"]},{"id":"21st:mikolajdobrucki__footer","t":"Footer","d":"Website footer section with brand logo, navigation link columns, copyright, policy links, and a light/dark theme toggle.","k":"section","s":"21st","c":"marketing/footer","a":"mikolajdobrucki","u":12,"pl":"https://cdn.21st.dev/mikolajdobrucki/footer/default/preview.1784827671378-3fc965d1-486b-4b83-8ced-a2ef84639148.png","pc":"mikolajdobrucki","tg":["footer"]},{"id":"21st:mikolajdobrucki__glow","t":"Glow","d":"A collection of demos showcasing different use cases for the Glow component:\n\t1.\tGlowBasic\n\t▪\tBasic implementation with top positioning\n\t▪\tDemonstrates default animation\n\t2.\tGlowCe","k":"motion","s":"21st","c":"motion/background","a":"mikolajdobrucki","u":1178,"pl":"https://cdn.21st.dev/user_mikolajdobrucki/glow.png","pc":"mikolajdobrucki","sb":"Gradients and aurora"},{"id":"21st:mikolajdobrucki__hero-section","t":"Hero section","d":"A powerful hero section component built with shadcn/ui.\n\nCreate stunning hero sections with multiple variants including illustration-based layouts, glowing effects, and mobile app ","k":"section","s":"21st","c":"marketing/hero","a":"mikolajdobrucki","u":2101,"pl":"https://cdn.21st.dev/user_mikolajdobrucki/hero-section.png","pc":"mikolajdobrucki"},{"id":"21st:mikolajdobrucki__mockup","t":"Mockup","s":"21st","c":"media/mockup","a":"mikolajdobrucki","pl":"https://cdn.21st.dev/user_mikolajdobrucki/mockup.png","pc":"mikolajdobrucki"},{"id":"21st:mikolajdobrucki__pricing","t":"Pricing","d":"A responsive pricing section with feature-list plan cards, glass effects and highlighted tiers for landing pages.","k":"section","s":"21st","c":"marketing/pricing","a":"mikolajdobrucki","u":4,"pl":"https://cdn.21st.dev/mikolajdobrucki/pricing/default/preview.1783659498998.png","pc":"mikolajdobrucki","tg":["cta","pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:mikolajdobrucki__screenshot","t":"Screenshot","d":"A theme-aware image component that automatically swaps between light and dark screenshots based on the active color scheme.","s":"21st","c":"media/gallery","a":"mikolajdobrucki","pl":"https://cdn.21st.dev/mikolajdobrucki/screenshot/default/preview.1785558306898-13f4723b-11b1-4a0b-8e58-06f9137f271d.png","pc":"mikolajdobrucki"},{"id":"21st:minhxthanh__3d-box-loader-animation","t":"3d box loader animation","d":"Component creates a sophisticated 3D loading animation","s":"21st","c":"status/loader","a":"minhxthanh","u":71,"pl":"https://cdn.21st.dev/minhxthanh/3d-box-loader-animation/default/preview.1749185897771.png","pc":"minhxthanh","tg":["spinner"],"sb":"Shapes and grids"},{"id":"21st:minhxthanh__3d-parallax-effect-on-hover","t":"3d parallax effect on hover","d":"3D parallax effect on hover","k":"layout","s":"21st","c":"layout/scroll-area","a":"minhxthanh","u":23,"pl":"https://cdn.21st.dev/minhxthanh/3d-parallax-effect-on-hover/default/preview.1747578697988.png","pc":"minhxthanh","tg":["gallery"]},{"id":"21st:minhxthanh__3d-textured-cube","t":"3d textured cube","k":"motion","s":"21st","c":"motion/text-effect","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/3d-textured-cube/default/preview.1759760535849.png","pc":"minhxthanh","sb":"3D text"},{"id":"21st:minhxthanh__activity-dropdown","t":"Activity dropdown","d":"Activity Dropdown: Features a staggered reveal animation where each notification item fades in sequentially, a rotating chevron indicator, and full light/dark theme support.","s":"21st","c":"navigation/menu","a":"minhxthanh","st":"rated","u":83,"pl":"https://cdn.21st.dev/minhxthanh/activity-dropdown/default/preview.1764078672755.png","pc":"minhxthanh","tg":["dropdown","notification"],"sc":18,"sb":"Dropdowns"},{"id":"21st:minhxthanh__animated-background-component","t":"Animated background component","d":"Animated Background Component","k":"motion","s":"21st","c":"motion/background","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/animated-background-component/default/preview.1753967141132.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__animated-background-component-1","t":"Animated background component 1","d":"Animated Background Component","k":"motion","s":"21st","c":"motion/background","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/animated-background-component-1/default/preview.1753967875440.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__animated-background-lines","t":"Animated background lines","d":"Animated Background Lines","k":"motion","s":"21st","c":"motion/background","a":"minhxthanh","u":58,"pl":"https://cdn.21st.dev/minhxthanh/animated-background-lines/default/preview.1749444550142.png","pc":"minhxthanh","tg":["cta"],"sb":"Beams and light"},{"id":"21st:minhxthanh__animated-border-cards","t":"Animated border cards","d":"Animated Border Cards","s":"21st","c":"data-display/card","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/animated-border-cards/default/preview.1764324925767.png","pc":"minhxthanh","sb":"Animated and glowing"},{"id":"21st:minhxthanh__animated-feature-carousel","t":"Animated feature carousel","d":"An animated carousel component for showcasing features with smooth transitions and interactive elements","s":"21st","c":"media/carousel","a":"minhxthanh","u":297,"pl":"https://cdn.21st.dev/minhxthanh/animated-feature-carousel/default/preview.1751117866573.png","pc":"minhxthanh","tg":["carousel","features","image","steps"]},{"id":"21st:minhxthanh__animated-infinity-background","t":"Animated infinity background","d":"It uses Framer Motion to generate a captivating animation of endlessly drawing and fading SVG infinity loops. The component centers on an animated title with a letter-by-letter rev","k":"motion","s":"21st","c":"motion/background","a":"minhxthanh","u":11,"pl":"https://cdn.21st.dev/minhxthanh/animated-infinity-background/default/preview.1751120591035.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__animated-input","t":"Animated input","d":"Animated Input","s":"21st","c":"inputs/form-field","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/animated-input/default/preview.1755752930690.png","pc":"minhxthanh","tg":["input"],"sb":"Animated fields"},{"id":"21st:minhxthanh__animated-scroll","t":"Animated scroll","d":"An animated two-panel scroll adventure","k":"layout","s":"21st","c":"layout/scroll-area","a":"minhxthanh","u":110,"pl":"https://cdn.21st.dev/minhxthanh/animated-scroll/default/preview.1749530767626.png","pc":"minhxthanh","tg":["image","scroll-area"]},{"id":"21st:minhxthanh__animated-section-with-gradient-and-dynamic-lines","t":"Animated section with gradient and dynamic lines","d":"Animated Dark‐Mode Section with Gradient Heading and Dynamic SVG Lines","k":"motion","s":"21st","c":"motion/gradient","a":"minhxthanh","u":32,"pl":"https://cdn.21st.dev/minhxthanh/animated-section-with-gradient-and-dynamic-lines/default/preview.1748845152350.png","pc":"minhxthanh","tg":["cta"]},{"id":"21st:minhxthanh__animated-shader-background","t":"Animated shader background","d":"a real-time animated shader background built with Three.js and GLSL","k":"motion","s":"21st","c":"motion/background","a":"minhxthanh","u":1819,"pl":"https://cdn.21st.dev/minhxthanh/animated-shader-background/default/preview.1749003393329.png","pc":"minhxthanh","sb":"Shaders and WebGL"},{"id":"21st:minhxthanh__animated-svg-sparkle","t":"Animated svg sparkle","s":"21st","c":"other","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/animated-svg-sparkle/default/preview.1752676654230.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__arc-gallery-hero-component","t":"Arc gallery hero component","d":"\"Arc Gallery - Interactive Image Showcase\": A stunning interactive image gallery featuring a curved arc layout with smooth animations and responsive design","k":"section","s":"21st","c":"marketing/hero","a":"minhxthanh","u":276,"pl":"https://cdn.21st.dev/minhxthanh/arc-gallery-hero-component/default/preview.1755274289055.png","pc":"minhxthanh","tg":["cta","gallery"],"sb":"With product shot"},{"id":"21st:minhxthanh__background-grid-beam","t":"Background grid beam","d":"Background Grid Beam\n","k":"motion","s":"21st","c":"motion/background","a":"minhxthanh","u":113,"pl":"https://cdn.21st.dev/minhxthanh/background-grid-beam/default/preview.1750823589444.png","pc":"minhxthanh","sb":"Grids and patterns"},{"id":"21st:minhxthanh__bio-board-card","t":"Bio board card","d":"Bio Board Card, Glowing Card Components","s":"21st","c":"data-display/kanban","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/bio-board-card/default/preview.1756343499002.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__black-hole-vortex-animation","t":"Black hole vortex animation","d":"This React component uses Framer Motion and SVG to create a captivating black hole animation. It features a central vortex that pulls in surrounding particles in a smooth, spiralin","k":"motion","s":"21st","c":"motion/background","a":"minhxthanh","u":18,"pl":"https://cdn.21st.dev/minhxthanh/black-hole-vortex-animation/default/preview.1752554941340.png","pc":"minhxthanh","tg":["hero"],"sb":"Waves and warps"},{"id":"21st:minhxthanh__bubble-text","t":"Bubble text","d":"Bubble Text Hover Animation","k":"motion","s":"21st","c":"motion/text-effect","a":"minhxthanh","u":52,"pl":"https://cdn.21st.dev/minhxthanh/bubble-text/default/preview.1757593772661.png","pc":"minhxthanh","tg":["text"]},{"id":"21st:minhxthanh__cards-beam-animation","t":"Cards beam animation","d":"React component featuring an infinite horizontal stream of credit cards with an interactive scanning beam effect. When the vertical beam intersects with cards, it reveals dynamic A","s":"21st","c":"data-display/card","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/cards-beam-animation/default/preview.1759759987026.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__carousel-circular-image-gallery","t":"Carousel circular image gallery","d":"Carousel Circular Image Gallery","s":"21st","c":"media/gallery","a":"minhxthanh","u":76,"pl":"https://cdn.21st.dev/minhxthanh/carousel-circular-image-gallery/default/preview.1759915914081.png","pc":"minhxthanh","tg":["carousel","gallery","image"]},{"id":"21st:minhxthanh__cat-loading-animation","t":"Cat loading animation","d":"Cat Loading Animation","s":"21st","c":"status/loader","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/cat-loading-animation/default/preview.1759889320854.png","pc":"minhxthanh","sb":"Spinners"},{"id":"21st:minhxthanh__circular-flip-card-gallery","t":"Circular flip card gallery","d":"Circular Flip Card Gallery, Hover Animation","s":"21st","c":"media/gallery","a":"minhxthanh","u":22,"pl":"https://cdn.21st.dev/minhxthanh/circular-flip-card-gallery/default/preview.1759065213913.png","pc":"minhxthanh","tg":["gallery"]},{"id":"21st:minhxthanh__copy-code-button","t":"Copy code button","d":"Copy Code Button Animation","s":"21st","c":"actions/button","a":"minhxthanh","u":37,"pl":"https://cdn.21st.dev/minhxthanh/copy-code-button/default/preview.1764412227747.png","pc":"minhxthanh","sb":"Copy, share and like"},{"id":"21st:minhxthanh__countdown-timer","t":"Countdown timer","d":"Countdown Timer / Clock Countdown","k":"motion","s":"21st","c":"motion/number-ticker","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/countdown-timer/default/preview.1750082227616.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__dance-text-animation","t":"Dance text animation","d":"A dynamic text effect with layered animations that create a mesmerizing dance-like motion","k":"motion","s":"21st","c":"motion/text-effect","a":"minhxthanh","u":17,"pl":"https://cdn.21st.dev/minhxthanh/dance-text-animation/default/preview.1748758345928.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__dashboard-metrics","t":"Dashboard metrics","d":"Animated financial metrics displaying annual profits and expense breakdown with interactive visualizations.","s":"21st","c":"data-display/stat","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/dashboard-metrics/default/preview.1764082203071.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__digital-serenity-animated-landing-page","t":"Digital serenity animated landing page","d":"Component creates a visually immersive and calming landing page. It features a dark UI with animated text quotes appearing word by word, a dynamic grid background, subtle floating ","k":"page","s":"21st","c":"pages/templates","a":"minhxthanh","u":269,"pl":"https://cdn.21st.dev/minhxthanh/digital-serenity-animated-landing-page/default/preview.1748705926625.png","pc":"minhxthanh","tg":["grid","hero"],"sb":"Landing pages"},{"id":"21st:minhxthanh__drag-cards","t":"Drag cards","d":" Draggable Cards","s":"21st","c":"data-display/card","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/drag-cards/default/preview.1753181177425.png","pc":"minhxthanh","tg":["gallery"]},{"id":"21st:minhxthanh__dynamic-animated-hero-section-with-gradient","t":"Dynamic animated hero section with gradient","d":"A visually striking React hero section featuring a gradient-text animation that cycles through vibrant colors, SVG line-drawing effects for geometric shapes, subtle background patt","k":"section","s":"21st","c":"marketing/hero","a":"minhxthanh","u":64,"pl":"https://cdn.21st.dev/minhxthanh/dynamic-animated-hero-section-with-gradient/default/preview.1749609235449.png","pc":"minhxthanh","sb":"Animated background"},{"id":"21st:minhxthanh__dynamic-border-animations-card","t":"Dynamic border animations card","d":"This card features animated border elements that continuously move around the perimeter, creating a dynamic visual effect using React and Tailwind CSS.","s":"21st","c":"data-display/card","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/dynamic-border-animations-card/default/preview.1749444959442.png","pc":"minhxthanh","sb":"Animated and glowing"},{"id":"21st:minhxthanh__dynamic-text-slider","t":"Dynamic text slider","d":"This is a React component that creates a full-screen hero section. It features a unique, interactive headline where the words \"Video Editor\" are revealed inside a draggable range s","s":"21st","c":"inputs/slider","a":"minhxthanh","u":100,"pl":"https://cdn.21st.dev/minhxthanh/dynamic-text-slider/default/preview.1752573427533.png","pc":"minhxthanh","tg":["slider"]},{"id":"21st:minhxthanh__dynamic-wave-canvas-background","t":"Dynamic wave canvas background","d":"Component that creates a dynamic, colorful wave animation as a canvas background. Ideal for visually captivating hero sections, blending smooth animations with deep blues, purples,","k":"motion","s":"21st","c":"motion/background","a":"minhxthanh","u":195,"pl":"https://cdn.21st.dev/minhxthanh/dynamic-wave-canvas-background/default/preview.1748749826586.png","pc":"minhxthanh","sb":"Waves and warps"},{"id":"21st:minhxthanh__feature-showcase-cards","t":"Feature showcase cards","d":"Elegant bento-style grid for displaying product features or capabilities. Includes smooth hover effects, animated corner accents, and responsive breakpoints.","k":"section","s":"21st","c":"marketing/features","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/feature-showcase-cards/default/preview.1764436833845.png","pc":"minhxthanh","sb":"Showcase and split"},{"id":"21st:minhxthanh__flip-gallery","t":"Flip gallery","d":"Flip animation","s":"21st","c":"media/gallery","a":"minhxthanh","u":70,"pl":"https://cdn.21st.dev/minhxthanh/flip-gallery/default/preview.1750650983130.png","pc":"minhxthanh","tg":["carousel","gallery"]},{"id":"21st:minhxthanh__fluid-gradient-background","t":"Fluid gradient background","d":"Fluid Gradient, Animated Three.js Background","k":"motion","s":"21st","c":"motion/background","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/fluid-gradient-background/default/preview.1759920836152.png","pc":"minhxthanh","sb":"Shaders and WebGL"},{"id":"21st:minhxthanh__glowing-input","t":"Glowing input","d":"Glowing Input","s":"21st","c":"inputs/form-field","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/glowing-input/default/preview.1755277194747.png","pc":"minhxthanh","tg":["ai-chat","input"],"sb":"Animated fields"},{"id":"21st:minhxthanh__gradient-card-showcase","t":"Gradient card showcase","d":"Displays a set of interactive cards with skewed gradient back-panels, glowing blur highlights, and smooth hover transitions","s":"21st","c":"data-display/card","a":"minhxthanh","u":142,"pl":"https://cdn.21st.dev/minhxthanh/gradient-card-showcase/default/preview.1747651603028.png","pc":"minhxthanh","tg":["card"],"sb":"Animated and glowing"},{"id":"21st:minhxthanh__gradient-menu","t":"Gradient menu","d":"Gradient Menu: Button Icon Hover Effects with Text And Gradient Drop Shadow","s":"21st","c":"navigation/menu","a":"minhxthanh","u":260,"pl":"https://cdn.21st.dev/minhxthanh/gradient-menu/default/preview.1747649717151.png","pc":"minhxthanh","tg":["menu"]},{"id":"21st:minhxthanh__gradient-wavy-animation","t":"Gradient wavy animation","d":"Component that displays a wavy text with gradient fill, using CSS clip-path animation for a dynamic effect.","k":"motion","s":"21st","c":"motion/text-effect","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/gradient-wavy-animation/default/preview.1749194816739.png","pc":"minhxthanh","sb":"Gradient and shimmer"},{"id":"21st:minhxthanh__grid-hero-animated","t":"Grid hero animated","d":"Grid Hero Animated","k":"section","s":"21st","c":"marketing/hero","a":"minhxthanh","u":14,"pl":"https://cdn.21st.dev/minhxthanh/grid-hero-animated/default/preview.1755752243331.png","pc":"minhxthanh","sb":"Animated background"},{"id":"21st:minhxthanh__hero-landing-page-with-interactive-animations","t":"Hero landing page with interactive animations","d":"React hero section featuring a dark gradient background with floating morphing particles, dual mouse-tracking cursors, shimmer text effects, and floating icons. Includes smooth scr","k":"page","s":"21st","c":"pages/templates","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/hero-landing-page-with-interactive-animations/default/preview.1749892615551.png","pc":"minhxthanh","sb":"Landing pages"},{"id":"21st:minhxthanh__hover-expand-gallery","t":"Hover expand gallery","d":"Images Hover Expand Gallery Vertical","s":"21st","c":"media/gallery","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/hover-expand-gallery/default/preview.1757345088037.png","pc":"minhxthanh","sb":"Hover effects"},{"id":"21st:minhxthanh__hover-preview","t":"Hover preview","d":"Hover Preview Component that displays image previews above text links when hovering.","s":"21st","c":"overlays/tooltip","a":"minhxthanh","u":85,"pl":"https://cdn.21st.dev/minhxthanh/hover-preview/default/preview.1764082704077.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__image-carousel","t":"Image carousel","d":"Image Carousel","s":"21st","c":"media/carousel","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/image-carousel/default/preview.1758005282685.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__image-comparison","t":"Image comparison","d":"Image Comparison: Drag the handle or use the keyboard to compare images.","k":"section","s":"21st","c":"marketing/comparison","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/image-comparison/default/preview.1760773093422.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__image-comparison-slider","t":"Image comparison slider","d":"Image Comparison Slider. Drag the slider to compare the two images.","s":"21st","c":"media/image-compare","a":"minhxthanh","u":166,"pl":"https://cdn.21st.dev/minhxthanh/image-comparison-slider/default/preview.1758190242046.png","pc":"minhxthanh","tg":["image","slider"]},{"id":"21st:minhxthanh__images-scrolling-animation","t":"Images scrolling animation","d":"Images Scrolling Animation","s":"21st","c":"media/gallery","a":"minhxthanh","u":107,"pl":"https://cdn.21st.dev/minhxthanh/images-scrolling-animation/default/preview.1757434163508.png","pc":"minhxthanh","tg":["gallery","image"],"sb":"Scroll"},{"id":"21st:minhxthanh__interactive-image-accordion","t":"Interactive image accordion","d":"Interactive Image Accordion","s":"21st","c":"data-display/accordion","a":"minhxthanh","u":817,"pl":"https://cdn.21st.dev/minhxthanh/interactive-image-accordion/default/preview.1755082133925.png","pc":"minhxthanh","tg":["accordion","ai-chat","gallery"],"sb":"Cards"},{"id":"21st:minhxthanh__interactive-neural-vortex-background","t":"Interactive neural vortex background","d":"This code creates a dynamic, immersive WebGL background featuring a swirling, organic \"neuro\" effect that reacts to user interaction","k":"motion","s":"21st","c":"motion/background","a":"minhxthanh","u":147,"pl":"https://cdn.21st.dev/minhxthanh/interactive-neural-vortex-background/default/preview.1748941718772.png","pc":"minhxthanh","tg":["cta","hero"],"sb":"Waves and warps"},{"id":"21st:minhxthanh__interactive-particle-typography-1","t":"Interactive particle typography 1","d":"A React component that renders a full-screen interactive particle animation forming the word \"21ST.DEV\". Particles are attracted to text-shaped targets and respond to mouse or touc","s":"21st","c":"data-display/typography","a":"minhxthanh","u":56,"pl":"https://cdn.21st.dev/minhxthanh/interactive-particle-typography-1/default/preview.1785361870799-8a63a107-e997-4bc6-8a01-01fc483cf8ae.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__interactive-scrolling-story-component","t":"Interactive scrolling story component","d":"This React component creates an immersive, full-page scrolling animation designed to showcase a series of features or messages. As the user scrolls down, the content on the left sm","k":"section","s":"21st","c":"marketing/features","a":"minhxthanh","u":98,"pl":"https://cdn.21st.dev/minhxthanh/interactive-scrolling-story-component/default/preview.1756285201945.png","pc":"minhxthanh","tg":["cta","features","grid","scroll-area"],"sb":"Scroll"},{"id":"21st:minhxthanh__interactive-selector","t":"Interactive selector","d":"A visually striking, interactive React component showcasing premium camping options with smooth animations, responsive layout","s":"21st","c":"media/gallery","a":"minhxthanh","u":454,"pl":"https://cdn.21st.dev/minhxthanh/interactive-selector/default/preview.1748943013917.png","pc":"minhxthanh","tg":["gallery"],"sb":"Hover effects"},{"id":"21st:minhxthanh__landing-page-animated-backgrounds","t":"Landing page animated backgrounds","d":"Landing page with animated backgrounds, a responsive navbar, and smooth animations.","k":"motion","s":"21st","c":"motion/background","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/landing-page-animated-backgrounds/default/preview.1755423478498.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__lightning-text","t":"Lightning text","d":"Lightning Text Animation","k":"motion","s":"21st","c":"motion/text-effect","a":"minhxthanh","u":33,"pl":"https://cdn.21st.dev/minhxthanh/lightning-text/default/preview.1750081495596.png","pc":"minhxthanh","tg":["text"]},{"id":"21st:minhxthanh__liquid-effect-animation","t":"Liquid effect animation","d":"Liquid Effect Animation","s":"21st","c":"motion/background","a":"minhxthanh","u":52,"pl":"https://cdn.21st.dev/minhxthanh/liquid-effect-animation/default/preview.1760769765612.png","pc":"minhxthanh","sb":"Waves and warps"},{"id":"21st:minhxthanh__login-form","t":"Login form","d":"Login Form and the smokey background effect","s":"21st","c":"flows/sign-in","a":"minhxthanh","u":199,"pl":"https://cdn.21st.dev/minhxthanh/login-form/default/preview.1755857543824.png","pc":"minhxthanh","tg":["form"],"sb":"Sign in"},{"id":"21st:minhxthanh__mac-os-animated-shortcut-keyboard","t":"Mac os animated shortcut keyboard","d":"MacOS Keyboard Animated Shortcut Keyboard","s":"21st","c":"data-display/kanban","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/mac-os-animated-shortcut-keyboard/default/preview.1750850277337.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__magic-button","t":"Magic button","d":"Magic Button, Animated Button","s":"21st","c":"actions/button","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/magic-button/default/preview.1758189111676.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__menu-hover-effects","t":"Menu hover effects","d":"Menu Hover Effects","s":"21st","c":"navigation/menu","a":"minhxthanh","u":85,"pl":"https://cdn.21st.dev/minhxthanh/menu-hover-effects/default/preview.1747659410131.png","pc":"minhxthanh","tg":["menu","navigation-menu"]},{"id":"21st:minhxthanh__mouse-responsive-background","t":"Mouse responsive background","d":"Mouse-Responsive Parallax Background Component","k":"motion","s":"21st","c":"motion/background","a":"minhxthanh","u":8,"pl":"https://cdn.21st.dev/minhxthanh/mouse-responsive-background/default/preview.1749180585681.png","pc":"minhxthanh","tg":["background"]},{"id":"21st:minhxthanh__moving-dot-card","t":"Moving dot card","d":"A dynamic views counter card featuring an animated dot traversing the border, gradient-highlighted count display, and stylized corner lines for a sci-fi UI effect","s":"21st","c":"data-display/card","a":"minhxthanh","u":189,"pl":"https://cdn.21st.dev/minhxthanh/moving-dot-card/default/preview.1747715829045.png","pc":"minhxthanh","tg":["card","border"],"sb":"Animated and glowing"},{"id":"21st:minhxthanh__neon-orbs","t":"Neon orbs","d":"Neon Orbs Animation","s":"21st","c":"ai-agent/ai-agent","a":"minhxthanh","u":84,"pl":"https://cdn.21st.dev/minhxthanh/neon-orbs/default/preview.1764337353769.png","pc":"minhxthanh","sb":"Orbs and presence"},{"id":"21st:minhxthanh__otp-input","t":"Otp input","d":"OTP Input, OTP Form","s":"21st","c":"inputs/otp-input","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/otp-input/default/preview.1785367839846-50aa1414-750d-445b-9730-f9ae5a6632a0.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__otp-verify","t":"Otp verify","d":"OTP verify with GIF","s":"21st","c":"inputs/otp-input","a":"minhxthanh","st":"rated","pl":"https://cdn.21st.dev/minhxthanh/otp-verify/default/preview.1755502076175.png","pc":"minhxthanh","sc":18},{"id":"21st:minhxthanh__page-not-found","t":"Page not found","d":"Page Not Found 404","k":"page","s":"21st","c":"pages/templates","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/page-not-found/default/preview.1747655878437.png","pc":"minhxthanh","tg":["empty-state"],"sb":"Error and status pages"},{"id":"21st:minhxthanh__panda-login-form","t":"Panda login form","d":"Panda Login Form Component","s":"21st","c":"flows/sign-in","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/panda-login-form/default/preview.1750650648841.png","pc":"minhxthanh","sb":"Sign in"},{"id":"21st:minhxthanh__parallax-and-animations","t":"Parallax and animations","d":"Component renders a full‑screen hero section featuring a dark background, dynamic geometric shapes (triangles, hexagons, lines, circles) with float, slide, and rotate animations, a","k":"layout","s":"21st","c":"layout/scroll-area","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/parallax-and-animations/default/preview.1750081876477.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__parallax-scrolling-effect","t":"Parallax scrolling effect","d":"Component implements a parallax scrolling effect on a webpage. It features a background image that zooms out and blurs as the user scrolls down, creating a sense of depth.","k":"layout","s":"21st","c":"layout/scroll-area","a":"minhxthanh","u":31,"pl":"https://cdn.21st.dev/minhxthanh/parallax-scrolling-effect/default/preview.1748948535144.png","pc":"minhxthanh","tg":["scroll-area"]},{"id":"21st:minhxthanh__platform-hero-section","t":"Platform hero section","d":"Hero section features a visually striking and interactive design for an AI-powered development platform. It includes a dynamic background with animated light lines and subtle float","k":"section","s":"21st","c":"marketing/hero","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/platform-hero-section/default/preview.1750651371397.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__radio-button","t":"Radio button","d":"Radio button animated","s":"21st","c":"actions/button","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/radio-button/default/preview.1756720432867.png","pc":"minhxthanh","tg":["radio-group"],"sb":"Groups and split"},{"id":"21st:minhxthanh__schema-card-with-animated-wave-visualizer","t":"Schema card with animated wave visualizer","d":"Schema Card with Animated Wave Visualizer.  This component renders a full-screen, procedurally generated wave visualizer in the background and overlays a “glassmorphic” database sc","s":"21st","c":"data-display/card","a":"minhxthanh","u":154,"pl":"https://cdn.21st.dev/minhxthanh/schema-card-with-animated-wave-visualizer/default/preview.1748425103154.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__scrolling-animation","t":"Scrolling animation","d":"Scrolling animation, Profile images","s":"21st","c":"data-display/avatar","a":"minhxthanh","u":100,"pl":"https://cdn.21st.dev/minhxthanh/scrolling-animation/default/preview.1755858994611.png","pc":"minhxthanh","tg":["avatar"]},{"id":"21st:minhxthanh__shader-background","t":"Shader background","d":"Component that renders a full-screen WebGL canvas behind all other content. It compiles and executes custom vertex and fragment shaders to create an animated purple-blue plasma gri","k":"motion","s":"21st","c":"motion/background","a":"minhxthanh","u":1454,"pl":"https://cdn.21st.dev/minhxthanh/shader-background/default/preview.1748699860662.png","pc":"minhxthanh","sb":"Shaders and WebGL"},{"id":"21st:minhxthanh__simple-ui","t":"Simple ui","d":"This is a simple UI used for generating images and displaying the image list","k":"layout","s":"21st","c":"layout/dashboard","a":"minhxthanh","u":90,"pl":"https://cdn.21st.dev/minhxthanh/simple-ui/default/preview.1749176329605.png","pc":"minhxthanh","tg":["dashboard","gallery"]},{"id":"21st:minhxthanh__slide-tabs","t":"Slide tabs","d":"Slide Tabs, Menu Nav","s":"21st","c":"navigation/tabs","a":"minhxthanh","u":157,"pl":"https://cdn.21st.dev/minhxthanh/slide-tabs/default/preview.1757595194990.png","pc":"minhxthanh","tg":["menu","navigation-menu","tabs"]},{"id":"21st:minhxthanh__spider-cursor","t":"Spider cursor","d":"Spider Cursor","k":"motion","s":"21st","c":"motion/cursor","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/spider-cursor/default/preview.1757432195680.png","pc":"minhxthanh","tg":["cursor"]},{"id":"21st:minhxthanh__spinning-arc-logo-with-gradient-text-1","t":"Spinning arc logo with gradient text 1","d":"A React component that renders multiple animated SVG arcs rotating at different speeds around a central badge. The central text displays a continuously cycling gradient, all styled","k":"resource","s":"21st","c":"assets/logo","a":"minhxthanh","u":10,"pl":"https://cdn.21st.dev/minhxthanh/spinning-arc-logo-with-gradient-text/default/preview.1747799378362.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__sticky-scroll-cards-section","t":"Sticky scroll cards section","d":"Sticky scroll cards section – React + Tailwind + Framer Motion","k":"layout","s":"21st","c":"layout/scroll-area","a":"minhxthanh","u":250,"pl":"https://cdn.21st.dev/minhxthanh/sticky-scroll-cards-section/default/preview.1755080220030.png","pc":"minhxthanh","tg":["ai-chat","features"]},{"id":"21st:minhxthanh__svg-path-drawing-text-animation","t":"Svg path drawing text animation","d":"A smooth SVG text animation component that creates a mesmerizing path drawing effect","k":"motion","s":"21st","c":"motion/text-effect","a":"minhxthanh","u":35,"pl":"https://cdn.21st.dev/minhxthanh/svg-path-drawing-text-animation/default/preview.1749905025545.png","pc":"minhxthanh","tg":["text"],"sb":"Handwriting and SVG"},{"id":"21st:minhxthanh__text-animation","t":"Text animation","d":"Text Animation","k":"motion","s":"21st","c":"motion/text-effect","a":"minhxthanh","u":28,"pl":"https://cdn.21st.dev/minhxthanh/text-animation/default/preview.1749911345784.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__text-explode","t":"Text explode","d":"Text explode effect","k":"motion","s":"21st","c":"motion/text-effect","a":"minhxthanh","u":42,"pl":"https://cdn.21st.dev/minhxthanh/text-explode/default/preview.1750824053339.png","pc":"minhxthanh","tg":["text"]},{"id":"21st:minhxthanh__theme-toggle-buttons","t":"Theme toggle buttons","d":"Theme toggle buttons","s":"21st","c":"actions/button","a":"minhxthanh","u":116,"pl":"https://cdn.21st.dev/minhxthanh/theme-toggle-buttons/default/preview.1785530901963-9042c57d-d366-4305-879a-45dd5239772a.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__triangles-falling","t":"Triangles falling","d":"Animated visual effect with floating, rotating triangles that look like they are being sucked into a black","s":"21st","c":"other","a":"minhxthanh","u":10,"pl":"https://cdn.21st.dev/minhxthanh/triangles-falling/default/preview.1748942167513.png","pc":"minhxthanh"},{"id":"21st:minhxthanh__waitlist-hero","t":"Waitlist hero","d":"Waitlist Hero Animation","k":"section","s":"21st","c":"marketing/hero","a":"minhxthanh","u":324,"pl":"https://cdn.21st.dev/minhxthanh/waitlist-hero/default/preview.1764083294693.png","pc":"minhxthanh","sb":"SaaS and AI"},{"id":"21st:minhxthanh__weave-spinner","t":"Weave spinner","d":"A visually complex loading spinner with threads weaving around a central pulsing node","s":"21st","c":"status/loader","a":"minhxthanh","pl":"https://cdn.21st.dev/minhxthanh/weave-spinner/default/preview.1757345706106.png","pc":"minhxthanh","tg":["spinner"],"sb":"Spinners"},{"id":"21st:minhxthanh__web3-hero-section","t":"Web3 hero section","d":"Animated Web3 Hero Section","k":"section","s":"21st","c":"marketing/hero","a":"minhxthanh","u":16,"pl":"https://cdn.21st.dev/minhxthanh/web3-hero-section/default/preview.1759067404894.png","pc":"minhxthanh","tg":["cta"]},{"id":"21st:misbahansar__card-hover","t":"Card hover","s":"21st","c":"data-display/card","a":"misbahansar","pl":"https://cdn.21st.dev/misbahansar/card-hover/default/preview.1764270905996.png","pc":"misbahansar","sb":"Animated and glowing"},{"id":"21st:mishra.archana0148__whitecurd-original","t":"Whitecurd original","d":"Animated (wave) ASCII art in the Rings style, made with the 21st ASCII editor and baked to a looping video. Styled with a pixel look. A drop-in, zero-dependency React component for","k":"motion","s":"21st","c":"motion/ascii","a":"mishra.archana0148","pl":"https://cdn.21st.dev/mishra.archana0148/whitecurd-original/default/preview.1786270812128-ca07517a-d815-409e-b228-e7956689301f.webp","pc":"mishra.archana0148"},{"id":"21st:mishraathrav917__ass","t":"Ass","d":"Animated WebGL shader background in the Mesh drift style, generated by the 21st.dev Shader Builder. 4-color palette (#03120E, #0E7C5A, #7CE577, #F4FFC7). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"mishraathrav917","u":4,"pl":"https://cdn.21st.dev/mishraathrav917/ass/default/preview.1784034995367.webp","pc":"mishraathrav917","sb":"Mesh drift"},{"id":"21st:miyamura80__world-map","t":"World map","d":"Wild map visualization to show data by individual country. ","s":"21st","c":"data-viz/map","a":"miyamura80","pl":"https://cdn.21st.dev/miyamura80/world-map/default/preview.1760198087178.png","pc":"miyamura80"},{"id":"21st:mkasiak__act-of-creation","t":"Act of creation","d":"Animated (wave) ASCII art in the Voxel style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a mosaic, portrait, retro look. A drop-in, zero-dependen","k":"motion","s":"21st","c":"motion/ascii","a":"mkasiak","pl":"https://cdn.21st.dev/mkasiak/act-of-creation/default/preview.1784049681308.png","pc":"mkasiak","tg":["video"],"sb":"Voxel"},{"id":"21st:mkhalif-xyz__registry-test-badge","t":"Registry test badge","d":"A tiny dependency-free badge used to verify that publishing to the 21st.dev registry works end to end.","s":"21st","c":"data-display/badge","a":"mkhalif-xyz","pl":"https://21st.dev/@mkhalif-xyz/components/registry-test-badge","pc":"mkhalif-xyz"},{"id":"21st:mo040__mo-mosaic","t":"Mo mosaic","d":"Animated (flicker) ASCII art in the Dither style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, ca","k":"motion","s":"21st","c":"motion/ascii","a":"mo040","pl":"https://cdn.21st.dev/amin.sabzevari/mo-mosaic/default/preview.1785016222991-a8221aa4-14f6-4635-8c4d-ec67c40a227a.webp","pc":"mo040","sb":"Dither"},{"id":"21st:moazamtrade__3d-gallery-photography","t":"3d gallery photography","d":"3D Gallery Photography Using React Three Fiber ","s":"21st","c":"media/gallery","a":"moazamtrade","u":352,"pl":"https://cdn.21st.dev/moazamtrade/3d-gallery-photography/default/preview.1758834375690.png","pc":"moazamtrade","tg":["gallery"],"sb":"Hover effects"},{"id":"21st:moazamtrade__3d-image-gallery","t":"3d image gallery","d":"3D Image gallery ","s":"21st","c":"media/gallery","a":"moazamtrade","u":117,"pl":"https://cdn.21st.dev/moazamtrade/3d-image-gallery/default/preview.1756500906139.png","pc":"moazamtrade","tg":["gallery"],"sb":"Hover effects"},{"id":"21st:moazamtrade__3d-orbit-gallery","t":"3d orbit gallery","d":"3d orbit gallery with nice smooth ","s":"21st","c":"media/gallery","a":"moazamtrade","u":106,"pl":"https://cdn.21st.dev/moazamtrade/3d-orbit-gallery/default/preview.1759011848701.png","pc":"moazamtrade","tg":["gallery"],"sb":"Hover effects"},{"id":"21st:moazamtrade__ai-chat-screen","t":"Ai chat screen","d":"Chat Screen with working open router free ai models fully design page with nice user ai response chat screen for simple text tasks ","s":"21st","c":"ai-agent/ai-agent","a":"moazamtrade","pl":"https://cdn.21st.dev/moazamtrade/ai-chat-screen/default/preview.1758704156884.png","pc":"moazamtrade","sb":"Chat"},{"id":"21st:moazamtrade__ai-models-preview","t":"Ai models preview","d":"Ai Models Preview  with dialog details smooth sleek animation designed block with props ","s":"21st","c":"ai-agent/ai-agent","a":"moazamtrade","u":61,"pl":"https://cdn.21st.dev/moazamtrade/ai-models-preview/default/preview.1758547125079.png","pc":"moazamtrade","tg":["ai-chat","modal"],"sb":"Chat"},{"id":"21st:moazamtrade__animate-card-animation","t":"Animate card animation","d":"Animate Card Animation with framer motion","s":"21st","c":"data-display/card","a":"moazamtrade","pl":"https://cdn.21st.dev/moazamtrade/animate-card-animation/default/preview.1765799713910.png","pc":"moazamtrade","tg":["carousel"]},{"id":"21st:moazamtrade__animated-generate-button-shadcn-tailwind","t":"Animated generate button shadcn tailwind","d":"A reusable, accessible React button that mirrors the Uiverse “dexter-st” glow/flicker animation using Tailwind utilities and scoped CSS. It integrates with shadcn theme tokens, sup","s":"21st","c":"actions/button","a":"moazamtrade","pl":"https://cdn.21st.dev/moazamtrade/animated-generate-button-shadcn-tailwind/default/preview.1785193208073-db249ed0-b53a-485d-a03a-957ce6e0d489.png","pc":"moazamtrade","tg":["ai-chat","button"],"sb":"Animated"},{"id":"21st:moazamtrade__background-shader","t":"Background shader","d":"Background Shader blur gredient paper design bg ","k":"motion","s":"21st","c":"motion/background","a":"moazamtrade","u":116,"pl":"https://cdn.21st.dev/moazamtrade/background-shader/default/preview.1757400993195.png","pc":"moazamtrade","sb":"Shaders and WebGL"},{"id":"21st:moazamtrade__background-shaders","t":"Background shaders","d":"Background Shaders Using @paper-design/shaders-react","k":"motion","s":"21st","c":"motion/background","a":"moazamtrade","u":42,"pl":"https://cdn.21st.dev/moazamtrade/background-shaders/default/preview.1756499155707.png","pc":"moazamtrade","sb":"Shaders and WebGL"},{"id":"21st:moazamtrade__background-shades","t":"Background shades","d":"goldbar background with paper design","k":"motion","s":"21st","c":"motion/background","a":"moazamtrade","u":17,"pl":"https://cdn.21st.dev/moazamtrade/background-shades/default/preview.1756563418344.png","pc":"moazamtrade"},{"id":"21st:moazamtrade__carousel","t":"Carousel","d":"Sleek designed Carousel Section for your landing page ","s":"21st","c":"media/carousel","a":"moazamtrade","pl":"https://cdn.21st.dev/moazamtrade/carousel/default/preview.1765363774957.png","pc":"moazamtrade"},{"id":"21st:moazamtrade__chat-page","t":"Chat page","d":"Chat Page with glass design ","s":"21st","c":"ai-agent/ai-agent","a":"moazamtrade","pl":"https://cdn.21st.dev/moazamtrade/chat-page/default/preview.1759390412944.png","pc":"moazamtrade","sb":"Chat"},{"id":"21st:moazamtrade__cookies-banner","t":"Cookies banner","d":"Cookies Banner with sleek design and dark mode supported","s":"21st","c":"overlays/alert-banner","a":"moazamtrade","u":14,"pl":"https://cdn.21st.dev/moazamtrade/cookies-banner/default/preview.1757802096669.png","pc":"moazamtrade","tg":["modal"]},{"id":"21st:moazamtrade__crypto-swap-card","t":"Crypto swap card","d":"Crypto Swap Card With Real Time Pricing of Currency Using CoinGecko Free api ","s":"21st","c":"data-display/card","a":"moazamtrade","u":29,"pl":"https://cdn.21st.dev/moazamtrade/crypto-swap-card/default/preview.1758659350801.png","pc":"moazamtrade"},{"id":"21st:moazamtrade__d-heat-wave","t":"D heat wave","d":"D heatwave example with paper","k":"motion","s":"21st","c":"motion/background","a":"moazamtrade","pl":"https://cdn.21st.dev/moazamtrade/d-heat-wave/default/preview.1757499347204.png","pc":"moazamtrade","sb":"Waves and warps"},{"id":"21st:moazamtrade__distort-text","t":"Distort text","d":"Distort Text with gsap","k":"motion","s":"21st","c":"motion/text-effect","a":"moazamtrade","pl":"https://cdn.21st.dev/moazamtrade/distort-text/default/preview.1757240310923.png","pc":"moazamtrade"},{"id":"21st:moazamtrade__feature","t":"Feature","d":"Sleek design animated Featured Cards Section","k":"section","s":"21st","c":"marketing/features","a":"moazamtrade","u":121,"pl":"https://cdn.21st.dev/moazamtrade/feature/default/preview.1765049519557.png","pc":"moazamtrade","tg":["features"]},{"id":"21st:moazamtrade__feature-shader-cards","t":"Feature shader cards","d":"Feature Shader Cards","k":"section","s":"21st","c":"marketing/features","a":"moazamtrade","pl":"https://cdn.21st.dev/moazamtrade/feature-shader-cards/default/preview.1757238664169.png","pc":"moazamtrade","tg":["features"],"sb":"Grid of cards"},{"id":"21st:moazamtrade__fireworks-background","t":"Fireworks background","d":"Fireworks Background with smooth animation","k":"motion","s":"21st","c":"motion/background","a":"moazamtrade","pl":"https://cdn.21st.dev/moazamtrade/fireworks-background/default/preview.1757334109118.png","pc":"moazamtrade"},{"id":"21st:moazamtrade__flashcard-stack","t":"Flashcard stack","d":"An interactive flashcard stack with a hover animation that smoothly expands into individual cards using spring-based motion.","s":"21st","c":"data-display/card","a":"moazamtrade","pl":"https://cdn.21st.dev/moazamtrade/flashcard-stack/default/preview.1774611469319.png","pc":"moazamtrade"},{"id":"21st:moazamtrade__glass-card","t":"Glass card","d":"Glass Card With Props ","s":"21st","c":"data-display/card","a":"moazamtrade","pl":"https://cdn.21st.dev/moazamtrade/glass-card/default/preview.1758322852430.png","pc":"moazamtrade","sb":"Animated and glowing"},{"id":"21st:moazamtrade__glass-real-time-crypto-chart","t":"Glass real time crypto chart","d":"Glass Real time crypto Chart","s":"21st","c":"data-viz/chart","a":"moazamtrade","u":22,"pl":"https://cdn.21st.dev/moazamtrade/glass-real-time-crypto-chart/default/preview.1756500193987.png","pc":"moazamtrade","tg":["data-visualization","dashboard"]},{"id":"21st:moazamtrade__hero","t":"Hero","d":"Sleek designed Fully responsive hero section and navbar dark designed smooth animations","k":"section","s":"21st","c":"marketing/hero","a":"moazamtrade","pl":"https://cdn.21st.dev/moazamtrade/hero/default/preview.1756498304992.png","pc":"moazamtrade"},{"id":"21st:moazamtrade__hero-button-expendable","t":"Hero button expendable","d":"Hero Button Expendable ","s":"21st","c":"actions/button","a":"moazamtrade","u":147,"pl":"https://cdn.21st.dev/moazamtrade/hero-button-expendable/default/preview.1765526195036.png","pc":"moazamtrade","tg":["cta"]},{"id":"21st:moazamtrade__hero-dithering-card","t":"Hero dithering card","d":"A responsive, banner-style Hero section featuring a subtle, physics-based dithering shader effect in the background. Built with Framer Motion, Shaders, and React.","k":"section","s":"21st","c":"marketing/hero","a":"moazamtrade","u":511,"pl":"https://cdn.21st.dev/moazamtrade/hero-dithering-card/default/preview.1769113686730.png","pc":"moazamtrade","tg":["cta","hero"]},{"id":"21st:moazamtrade__hero-section","t":"Hero section","d":"Hero Section with bg video clean designed","k":"section","s":"21st","c":"marketing/hero","a":"moazamtrade","pl":"https://cdn.21st.dev/moazamtrade/hero-section/default/preview.1775480195685.png","pc":"moazamtrade"},{"id":"21st:moazamtrade__hero-section-with-smooth-bg-shader","t":"Hero section with smooth bg shader","d":"Hero section with smooth Shader and data passing using props","k":"section","s":"21st","c":"marketing/hero","a":"moazamtrade","u":617,"pl":"https://cdn.21st.dev/moazamtrade/hero-section-with-smooth-bg-shader/default/preview.1785306771653-8afad706-0ce2-41a7-90c9-9f8dc41f7168.png","pc":"moazamtrade","sb":"Animated background"},{"id":"21st:moazamtrade__hexagon-background","t":"Hexagon background","d":"A flexible, TypeScript-ready Hexagon Background component","k":"motion","s":"21st","c":"motion/background","a":"moazamtrade","pl":"https://cdn.21st.dev/moazamtrade/hexagon-background/default/preview.1757277183060.png","pc":"moazamtrade"},{"id":"21st:moazamtrade__hover-animation-button","t":"Hover animation button","d":"Hover animation Button","s":"21st","c":"actions/button","a":"moazamtrade","pl":"https://cdn.21st.dev/moazamtrade/hover-animation-button/default/preview.1756449211716.png","pc":"moazamtrade","sb":"Animated"},{"id":"21st:moazamtrade__logo-cloud","t":"Logo cloud","d":"A compact, responsive grid showcasing partner and client logos.","k":"section","s":"21st","c":"marketing/logos","a":"moazamtrade","pl":"https://cdn.21st.dev/moazamtrade/logo-cloud/default/preview.1761293030759.png","pc":"moazamtrade"},{"id":"21st:moazamtrade__marquee-hover-button","t":"Marquee hover button","d":"A reusable React + TypeScript button component that replicates a marquee-on-hover animation using Tailwind CSS and Framer Motion. ","s":"21st","c":"actions/button","a":"moazamtrade","pl":"https://cdn.21st.dev/moazamtrade/marquee-hover-button/default/preview.1759405186253.png","pc":"moazamtrade","tg":["marquee"],"sb":"Animated"},{"id":"21st:moazamtrade__neon-dither","t":"Neon dither","d":"Reactive ambient background","k":"motion","s":"21st","c":"motion/background","a":"moazamtrade","u":57,"pl":"https://cdn.21st.dev/moazamtrade/neon-dither/default/preview.1757621342725.png","pc":"moazamtrade","tg":["background"],"sb":"Grids and patterns"},{"id":"21st:moazamtrade__paper-design-shader-background","t":"Paper design shader background","d":"Paper design shader Background ","k":"motion","s":"21st","c":"motion/background","a":"moazamtrade","pl":"https://cdn.21st.dev/moazamtrade/paper-design-shader-background/default/preview.1756567728912.png","pc":"moazamtrade","sb":"Shaders and WebGL"},{"id":"21st:moazamtrade__pinky-news-letter","t":"Pinky news letter","d":"Pinky News Letter  with paper design ","s":"21st","c":"motion/text-effect","a":"moazamtrade","u":60,"pl":"https://cdn.21st.dev/moazamtrade/pinky-news-letter/default/preview.1756713762008.png","pc":"moazamtrade"},{"id":"21st:moazamtrade__portfolio-hero-with-paper-shaders","t":"Portfolio hero with paper shaders","d":"Portfolio Hero with paper shaders","k":"section","s":"21st","c":"marketing/hero","a":"moazamtrade","u":114,"pl":"https://cdn.21st.dev/moazamtrade/portfolio-hero-with-paper-shaders/default/preview.1756447637590.png","pc":"moazamtrade","sb":"Animated background"},{"id":"21st:moazamtrade__shader-hero","t":"Shader hero","d":"bg shader Hero component ","k":"section","s":"21st","c":"marketing/hero","a":"moazamtrade","pl":"https://cdn.21st.dev/moazamtrade/shader-hero/default/preview.1756288228791.png","pc":"moazamtrade","sb":"Animated background"},{"id":"21st:moazamtrade__sleek-hero-with-orb","t":"Sleek hero with orb","d":"Sleek Hero with Orb dark & light mode supported fully responsive with floating header","s":"21st","c":"ai-agent/ai-agent","a":"moazamtrade","u":14,"pl":"https://cdn.21st.dev/moazamtrade/sleek-hero-with-orb/default/preview.1758063233940.png","pc":"moazamtrade","sb":"Orbs and presence"},{"id":"21st:moazamtrade__stacked-panels-cursor-intereactive-component","t":"Stacked panels cursor intereactive component","d":"Interactive 3D panel stack built with Framer Motion springs. Mouse position drives per-panel wave lift and scale via a Gaussian falloff curve.","k":"motion","s":"21st","c":"motion/cursor","a":"moazamtrade","u":70,"pl":"https://cdn.21st.dev/moazamtrade/stacked-panels-cursor-intereactive-component/default/preview.1774046820081.png","pc":"moazamtrade","tg":["gallery","image"]},{"id":"21st:moazamtrade__text-hover-effect","t":"Text hover effect","d":"Interactive SVG text animation using GSAP - reveals a colorful gradient that follows cursor or touch movement.","k":"motion","s":"21st","c":"motion/text-effect","a":"moazamtrade","u":20,"pl":"https://cdn.21st.dev/moazamtrade/text-hover-effect/default/preview.1760788726070.png","pc":"moazamtrade"},{"id":"21st:moazamtrade__the-future-arrives-soon-cta","t":"The future arrives soon cta","d":"A full-width promotional banner with a live countdown timer, designed to create urgency for upcoming launches, events, or early access signups.","k":"section","s":"21st","c":"marketing/cta","a":"moazamtrade","pl":"https://cdn.21st.dev/moazamtrade/the-future-arrives-soon-cta/default/preview.1774047998004.png","pc":"moazamtrade"},{"id":"21st:moazamtrade__the-infinite-grid","t":"The infinite grid","d":"Grid cursor infinity grid ","k":"motion","s":"21st","c":"motion/cursor","a":"moazamtrade","u":491,"pl":"https://cdn.21st.dev/moazamtrade/the-infinite-grid/default/preview.1765266775347.png","pc":"moazamtrade","tg":["cursor","hero"]},{"id":"21st:moazamtrade__transparent-pricing","t":"Transparent pricing","d":"transparent pricing","k":"section","s":"21st","c":"marketing/pricing","a":"moazamtrade","pl":"https://cdn.21st.dev/moazamtrade/transparent-pricing/default/preview.1765272064527.png","pc":"moazamtrade"},{"id":"21st:moazamtrade__wireframe-dotted-globe","t":"Wireframe dotted globe","d":"interactive 3D globe that allows you to rotate and zoom in on Earth with intuitive mouse controls","k":"motion","s":"21st","c":"motion/globe","a":"moazamtrade","u":725,"pl":"https://cdn.21st.dev/moazamtrade/wireframe-dotted-globe/default/preview.1757537780531.png","pc":"moazamtrade","tg":["globe"]},{"id":"21st:moazamtrade__wrap-shader","t":"Wrap shader","d":"mesh type shaders paper design ","k":"motion","s":"21st","c":"motion/background","a":"moazamtrade","u":412,"pl":"https://cdn.21st.dev/moazamtrade/wrap-shader/default/preview.1756971132325.png","pc":"moazamtrade","sb":"Shaders and WebGL"},{"id":"21st:mohammad.naim.sheikh__perspective-parallax-animation","t":"Perspective parallax animation","d":"A smooth perspective parallax animation component built with React and Tailwind CSS that responds seamlessly to scroll interactions. As users scroll, elements shift with a subtle 3","k":"layout","s":"21st","c":"layout/scroll-area","a":"mohammad.naim.sheikh","pl":"https://cdn.21st.dev/mohammad.naim.sheikh/perspective-parallax-animation/default/preview.1774437995513.png","pc":"mohammad.naim.sheikh"},{"id":"21st:mohammadalhabil1999__time-picker","t":"Time picker","d":"A simple and intuitive time picker that lets users easily select hours, minutes, and seconds. It supports both 12-hour (AM/PM) and 24-hour formats, with smooth scrolling and clear ","s":"21st","c":"inputs/time-picker","a":"mohammadalhabil1999","pl":"https://cdn.21st.dev/mohammadalhabil1999/time-picker/default/preview.1753323420987.png","pc":"mohammadalhabil1999","tg":["form","scroll-area"]},{"id":"21st:mohitham1220__prism-fold-3d-logo-animation","t":"Prism fold 3d logo animation","k":"resource","s":"21st","c":"assets/logo","a":"mohitham1220","pl":"https://cdn.21st.dev/mohitham1220/prism-fold-3d-logo-animation/default/preview.1767615552115.png","pc":"mohitham1220"},{"id":"21st:mokshithcodez__call-to-action","t":"Call to action","k":"section","s":"21st","c":"marketing/cta","a":"mokshithcodez","pl":"https://cdn.21st.dev/mokshithcodez/call-to-action/default/preview.1783628265452.png","pc":"mokshithcodez","tg":["cta","hero"]},{"id":"21st:mokshithcodez__counter","t":"Counter","d":"An Simple React Counter","k":"motion","s":"21st","c":"motion/number-ticker","a":"mokshithcodez","pl":"https://cdn.21st.dev/mokshithcodez/counter/default/preview.1783274185498.png","pc":"mokshithcodez"},{"id":"21st:mokshithcodez__dev-tool-landing-page","t":"Dev tool landing page","d":"A high-craft landing page block designed for developer tools. Features an interactive code-stepper hero and hover-to-reveal diagnostic feature cards.","k":"page","s":"21st","c":"pages/templates","a":"mokshithcodez","u":6,"pl":"https://cdn.21st.dev/mokshithcodez/dev-tool-landing-page/default/preview.1784374196005-54529962-8ec9-4b0d-97ca-b24ac8774a6b.png","pc":"mokshithcodez","tg":["hero"],"sb":"Landing pages"},{"id":"21st:mokshithcodez__featuresgrid","t":"Featuresgrid","k":"section","s":"21st","c":"marketing/features","a":"mokshithcodez","u":5,"pl":"https://cdn.21st.dev/mokshithcodez/featuresgrid/default/preview.1783617897701.png","pc":"mokshithcodez","tg":["features"],"sb":"Grid of cards"},{"id":"21st:mokshithcodez__modern-landing-hero","t":"Modern landing hero","k":"section","s":"21st","c":"marketing/hero","a":"mokshithcodez","u":13,"pl":"https://cdn.21st.dev/mokshithcodez/modern-landing-hero/default/preview.1783617372063.png","pc":"mokshithcodez","tg":["badge","cta","hero"]},{"id":"21st:mokshithcodez__navigationbar","t":"Navigationbar","s":"21st","c":"navigation/top-nav","a":"mokshithcodez","pl":"https://cdn.21st.dev/mokshithcodez/navigationbar/default/preview.1783677195002.png","pc":"mokshithcodez","sb":"Mega menus"},{"id":"21st:mokshithcodez__pricing-section","t":"Pricing section","k":"section","s":"21st","c":"marketing/pricing","a":"mokshithcodez","u":5,"pl":"https://cdn.21st.dev/mokshithcodez/pricing-section/default/preview.1783631303281.png","pc":"mokshithcodez","tg":["pricing-section","table","toggle"],"sb":"Comparison tables"},{"id":"21st:mokshithcodez__simple-navbar","t":"Simple navbar","s":"21st","c":"navigation/top-nav","a":"mokshithcodez","pl":"https://cdn.21st.dev/mokshithcodez/simple-navbar/default/preview.1783274794070.png","pc":"mokshithcodez","sb":"Mega menus"},{"id":"21st:molecule-lab-rushil__animate-checkbox","t":"Animate checkbox","d":"An animated checkbox component with smooth transitions and hover effects built on Radix UI primitives.","s":"21st","c":"inputs/checkbox","a":"molecule-lab-rushil","pl":"https://cdn.21st.dev/molecule-lab-rushil/animate-checkbox/default/preview.1753084013109.png","pc":"molecule-lab-rushil","tg":["checkbox"]},{"id":"21st:molecule-lab-rushil__bouncing-dots","t":"Bouncing dots","d":"An animated loading indicator featuring three bouncing dots with customizable colors and spacing.","k":"motion","s":"21st","c":"motion/background","a":"molecule-lab-rushil","pl":"https://cdn.21st.dev/molecule-lab-rushil/bouncing-dots/default/preview.1753184049396.png","pc":"molecule-lab-rushil","tg":["spinner"],"sb":"Grids and patterns"},{"id":"21st:molecule-lab-rushil__dialog","t":"Dialog","d":"A pop-up layered above the application window or dialog, which makes the background content inert.","s":"21st","c":"overlays/dialog","a":"molecule-lab-rushil","pl":"https://cdn.21st.dev/molecule-lab-rushil/dialog/default/preview.1756056464810.png","pc":"molecule-lab-rushil","tg":["modal"]},{"id":"21st:molecule-lab-rushil__discussion","t":"Discussion","d":"A component for displaying nested discussions or comment threads.","k":"section","s":"21st","c":"marketing/faq","a":"molecule-lab-rushil","pl":"https://cdn.21st.dev/molecule-lab-rushil/discussion/default/preview.1753106672080.png","pc":"molecule-lab-rushil"},{"id":"21st:molecule-lab-rushil__expandable-button","t":"Expandable button","d":"A button that smoothly transitions between collapsed and expanded states using spring animations. Shows only an icon when collapsed and reveals text alongside the icon when expande","s":"21st","c":"actions/button","a":"molecule-lab-rushil","pl":"https://cdn.21st.dev/molecule-lab-rushil/expandable-button/default/preview.1754244560998.png","pc":"molecule-lab-rushil"},{"id":"21st:molecule-lab-rushil__glass-card","t":"Glass card","d":"A glassmorphism card component with frosted glass effect and backdrop blur. Includes flexible sub-components (header, title, content, footer) for building modern transparent UI car","s":"21st","c":"data-display/card","a":"molecule-lab-rushil","u":77,"pl":"https://cdn.21st.dev/molecule-lab-rushil/glass-card/default/preview.1755363903337.png","pc":"molecule-lab-rushil","tg":["card","form","sign-in"],"sb":"Animated and glowing"},{"id":"21st:molecule-lab-rushil__morphing-square","t":"Morphing square","d":"A customisable morphing square loader component for indicating loading states in your application. Features smooth shape transitions and optional loading messages.","s":"21st","c":"status/loader","a":"molecule-lab-rushil","pl":"https://cdn.21st.dev/molecule-lab-rushil/morphing-square/default/preview.1753107077148.png","pc":"molecule-lab-rushil","tg":["spinner"],"sb":"Spinners"},{"id":"21st:molecule-lab-rushil__not-found","t":"Not found","d":"A responsive 404 error page that displays when users navigate to a non-existent route.","k":"page","s":"21st","c":"pages/templates","a":"molecule-lab-rushil","pl":"https://cdn.21st.dev/molecule-lab-rushil/not-found/default/preview.1755094130014.png","pc":"molecule-lab-rushil","tg":["empty-state","search"],"sb":"Error and status pages"},{"id":"21st:molecule-lab-rushil__not-found-1","t":"Not found 1","k":"page","s":"21st","c":"pages/templates","a":"molecule-lab-rushil","pl":"https://cdn.21st.dev/molecule-lab-rushil/not-found-1/default/preview.1755187551613.png","pc":"molecule-lab-rushil","tg":["empty-state","grid","link"],"sb":"Error and status pages"},{"id":"21st:molecule-lab-rushil__orbital-loader","t":"Orbital loader","d":"A customisable orbital loader component for indicating loading states in your application. Features smooth orbital animations and optional loading messages.","s":"21st","c":"status/loader","a":"molecule-lab-rushil","pl":"https://cdn.21st.dev/molecule-lab-rushil/orbital-loader/default/preview.1753107293298.png","pc":"molecule-lab-rushil","sb":"Spinners"},{"id":"21st:molecule-lab-rushil__star-rating","t":"Star rating","d":"An interactive star rating component with configurable scale, sizes (sm/md/lg), and readonly mode. Users can click stars to set ratings with smooth hover animations and visual feed","s":"21st","c":"inputs/rating","a":"molecule-lab-rushil","u":23,"pl":"https://cdn.21st.dev/molecule-lab-rushil/star-rating/default/preview.1755371085990.png","pc":"molecule-lab-rushil"},{"id":"21st:molecule-lab-rushil__swipe-row","t":"Swipe row","d":"A swipe row for providing actions of swipe of left and right","s":"21st","c":"data-display/list","a":"molecule-lab-rushil","pl":"https://cdn.21st.dev/molecule-lab-rushil/swipe-row/default/preview.1753194649426.png","pc":"molecule-lab-rushil"},{"id":"21st:molecule-lab-rushil__swipe-row-1","t":"Swipe row 1","d":"A swipe row for providing actions of swipe of left and right","s":"21st","c":"data-display/list","a":"molecule-lab-rushil","pl":"https://cdn.21st.dev/molecule-lab-rushil/swipe-row-1/default/preview.1754980888612.png","pc":"molecule-lab-rushil"},{"id":"21st:molecule-lab-rushil__vignette-grid-background","t":"Vignette grid background","d":"Renders a full-screen grid background with an optional radial vignette effect, customizable in size, position, and intensity.","k":"motion","s":"21st","c":"motion/background","a":"molecule-lab-rushil","u":45,"pl":"https://cdn.21st.dev/molecule-lab-rushil/vignette-grid-background/default/preview.1755260765587.png","pc":"molecule-lab-rushil","tg":["background","cta","grid","hero"],"sb":"Grids and patterns"},{"id":"21st:molecule-lab-rushil__voice-input","t":"Voice input","d":" An interactive voice recording interface with animated visual feedback, timer display, and customizable start/stop callbacks.","s":"21st","c":"ai-agent/ai-agent","a":"molecule-lab-rushil","pl":"https://cdn.21st.dev/molecule-lab-rushil/voice-input/default/preview.1753461345442.png","pc":"molecule-lab-rushil","sb":"Voice"},{"id":"21st:molecule-lab-rushil__warp-dialog","t":"Warp dialog","d":"A visually striking dialog component with 3D warp animations and smooth transitions. Features perspective transformations, animated backgrounds, and spring-based motion effects for","s":"21st","c":"overlays/dialog","a":"molecule-lab-rushil","u":61,"pl":"https://cdn.21st.dev/molecule-lab-rushil/warp-dialog/default/preview.1754242659080.png","pc":"molecule-lab-rushil","tg":["modal"]},{"id":"21st:molecule-lab-rushil__wave-loader","t":"Wave loader","d":"An animated loading indicator featuring vertical bars that scale up and down in a wave-like pattern to indicate loading states.","s":"21st","c":"status/loader","a":"molecule-lab-rushil","pl":"https://cdn.21st.dev/molecule-lab-rushil/wave-loader/default/preview.1753184349012.png","pc":"molecule-lab-rushil","sb":"Liquid and 3D"},{"id":"21st:molecule-lab-rushil__word-rotate","t":"Word rotate","d":"A text animation component that smoothly rotates through an array of words with customizable duration and motion effects.","k":"motion","s":"21st","c":"motion/text-effect","a":"molecule-lab-rushil","u":12,"pl":"https://cdn.21st.dev/molecule-lab-rushil/word-rotate/default/preview.1754327321134.png","pc":"molecule-lab-rushil","tg":["text"],"sb":"Rotating words"},{"id":"21st:mona_biasia__gradient-shimmer","t":"Gradient shimmer","d":"A zero-dependency React text shimmer that sweeps a multi-stop gradient highlight across your text. Web-Animations-API driven — no CSS import, no Tailwind, no runtime deps. The grad","k":"motion","s":"21st","c":"motion/gradient","a":"mona_biasia","u":4,"pl":"https://cdn.21st.dev/mona_biasia/gradient-shimmer/default/preview.1785452352383-aeab1551-501d-4582-a37a-af4d23ca2d8f.png","pc":"mona_biasia"},{"id":"21st:monkjin1983__ascii-811f593a","t":"Ascii 811f593a","d":"Animated (flicker) ASCII art in the Matrix style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, ca","k":"motion","s":"21st","c":"motion/ascii","a":"monkjin1983","pl":"https://cdn.21st.dev/monkjin1983/ascii-811f593a/default/preview.1783999294739.webp","pc":"monkjin1983","tg":["video"],"sb":"Matrix"},{"id":"21st:monolythdev__ai-agent-pipeline","t":"Ai agent pipeline","d":"An animated visualization of an AI agent pipeline — shows a request flowing from trigger through vector search into an LLM agent, then fanning out into parallel tool calls (email, ","s":"21st","c":"ai-agent/ai-agent","a":"monolythdev","pl":"https://cdn.21st.dev/dani_0212bfb0/ai-agent-pipeline/default/preview.1784539505048-93a381a6-1e9b-4df4-95f4-6dbd62affd1e.png","pc":"monolythdev","tg":["ai-chat","data-visualization","dashboard"],"sb":"Chat"},{"id":"21st:montekkundan__ascii-cube","t":"Ascii cube","d":"Cube animation, tweak the rotation speed, axis and cube color!","k":"motion","s":"21st","c":"motion/ascii","a":"montekkundan","u":34,"pl":"https://cdn.21st.dev/user_2tY5eyHFe790HANvv6qCrSJdMQq/ascii-cube/default/preview.1750810650350.png","pc":"montekkundan"},{"id":"21st:montekkundan__ascii-pyramid","t":"Ascii pyramid","d":"pyramid rendered in ascii text","k":"motion","s":"21st","c":"motion/ascii","a":"montekkundan","pl":"https://cdn.21st.dev/montekkundan/ascii-pyramid/default/preview.1748019296413.png","pc":"montekkundan"},{"id":"21st:montekkundan__knot-animation","t":"Knot animation","s":"21st","c":"status/loader","a":"montekkundan","pl":"https://cdn.21st.dev/montekkundan/knot-animation/default/preview.1748479223308.png","pc":"montekkundan","sb":"Spinners"},{"id":"21st:moorejp__course-compass-logo","t":"Course compass logo","d":"Compass SVG logo with optional wordmark for CourseCompass. Accepts size, primaryColor (cardinal red), accentColor (gold needle), and showWordmark props. Used in nav and footer acro","k":"resource","s":"21st","c":"assets/logo","a":"moorejp","pl":"https://21st.dev/@moorejp/components/course-compass-logo","pc":"moorejp"},{"id":"21st:moorejp__editorial-eyebrow","t":"Editorial eyebrow","d":"Editorial-style section opener: a short colored rule + uppercase label above a Playfair Display headline. Exports EditorialEyebrow (standalone) and EditorialSection (eyebrow + head","s":"21st","c":"data-display/badge","a":"moorejp","pl":"https://21st.dev/@moorejp/components/editorial-eyebrow","pc":"moorejp"},{"id":"21st:moorejp__school-selector-panel","t":"School selector panel","d":"Floating panel for selecting a university from a list. Renders institution rows with logo, name, tagline, left-border hover accent, and animated arrow. Includes an AI-live badge fo","s":"21st","c":"data-display/card","a":"moorejp","pl":"https://21st.dev/@moorejp/components/school-selector-panel","pc":"moorejp"},{"id":"21st:moumensoliman__about-us-section-baseui","t":"About us section baseui","d":"An about us section with a heading, four value cards with icons, and a call-to-action, using animated scroll-reveal effects.","k":"section","s":"21st","c":"marketing/team","a":"moumensoliman","pl":"https://cdn.21st.dev/moumensoliman/about-us-section-baseui/default/preview.1784926892362-176ff58c-ce50-418d-9338-fae7531990ac.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__action-dropdown","t":"Action dropdown","d":"A click-driven action picker whose multi-level submenu opens beside the row, jumps straight to the selected item, and drills in place with an animated breadcrumb at a fixed width.","s":"21st","c":"navigation/menu","a":"moumensoliman","pl":"https://cdn.21st.dev/moumensoliman/action-dropdown/default/preview.1782595179855.png","pc":"moumensoliman","tg":["dropdown","list","menu"],"sb":"Dropdowns"},{"id":"21st:moumensoliman__appshell","t":"Appshell","d":"Appshell component from Efferdui","k":"layout","s":"21st","c":"layout/dashboard","a":"moumensoliman","pl":"https://cdn.21st.dev/larsen66/appshell/default/preview.1779969393178.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__avatar-hover-card","t":"Avatar hover card","d":"Avatar card that expands on hover to reveal profile information with smooth animations.","s":"21st","c":"data-display/avatar","a":"moumensoliman","u":31,"pl":"https://cdn.21st.dev/moumensoliman/avatar-hover-card/default/preview.1768413711275.png","pc":"moumensoliman","tg":["profile"]},{"id":"21st:moumensoliman__avatar-with-name","t":"Avatar with name","d":"Avatar component that displays a name tooltip on hover with directional animations.","s":"21st","c":"data-display/avatar","a":"moumensoliman","u":32,"pl":"https://cdn.21st.dev/moumensoliman/avatar-with-name/default/preview.1768412745353.png","pc":"moumensoliman","tg":["avatar","tooltip"]},{"id":"21st:moumensoliman__breadcrumb-efferdui","t":"Breadcrumb efferdui","d":"breadcrumb","s":"21st","c":"navigation/breadcrumb","a":"moumensoliman","pl":"https://cdn.21st.dev/larsen66/breadcrumb-efferdui/default/preview.1779965000204.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__chart-one","t":"Chart one","d":"here is chart ","s":"21st","c":"data-viz/chart","a":"moumensoliman","pl":"https://cdn.21st.dev/larsen66/chart-one/default/preview.1779974908470.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__dashboard-invoices","t":"Dashboard invoices","d":"here is Dashboard Invoices  components","k":"layout","s":"21st","c":"layout/dashboard","a":"moumensoliman","pl":"https://cdn.21st.dev/larsen66/dashboard-invoices/default/preview.1779973648959.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__delete-button","t":"Delete button","d":"Delete button that expands to show a confirmation button with smooth animations.","s":"21st","c":"actions/button","a":"moumensoliman","u":53,"pl":"https://cdn.21st.dev/moumensoliman/delete-button/default/preview.1768800782521.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__delta","t":"Delta","d":"Here is Delta component","s":"21st","c":"other","a":"moumensoliman","pl":"https://cdn.21st.dev/larsen66/delta/default/preview.1779970097781.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__efferd-ui-logo","t":"Efferd ui logo","d":"Efferd Ui logo","k":"resource","s":"21st","c":"assets/logo","a":"moumensoliman","pl":"https://cdn.21st.dev/larsen66/efferd-ui-logo/default/preview.1779965646058.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__elastic-switch-shadcnui","t":"Elastic switch shadcnui","d":"Toggle switch with elastic spring animation","s":"21st","c":"actions/switch","a":"moumensoliman","u":21,"pl":"https://cdn.21st.dev/larsen66/elastic-switch-shadcnui/demos/default/preview.1773286616582.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__expanding-search-dock-shadcnui","t":"Expanding search dock shadcnui","d":"Minimal search icon that expands into full input with blur","s":"21st","c":"navigation/dock","a":"moumensoliman","u":41,"pl":"https://cdn.21st.dev/larsen66/expanding-search-dock-shadcnui/default/preview.1773287697394.png","pc":"moumensoliman","tg":["dock","search"]},{"id":"21st:moumensoliman__faq-section-shadcnui","t":"Faq section shadcnui","d":"Animated FAQ section with expandable questions and smooth transitions","k":"section","s":"21st","c":"marketing/faq","a":"moumensoliman","u":13,"pl":"https://cdn.21st.dev/larsen66/faq-section-shadcnui/demos/default/preview.1773287092429.png","pc":"moumensoliman","tg":["accordion","faq"]},{"id":"21st:moumensoliman__feature-cards-block-baseui","t":"Feature cards block baseui","d":"A responsive three-column grid of feature cards with icons, glassmorphism backdrop blur, and hover scale effects for product landing pages.","s":"21st","c":"data-display/card","a":"moumensoliman","pl":"https://cdn.21st.dev/moumensoliman/feature-cards-block-baseui/default/preview.1784926911916-a4f9a85c-002e-4310-a80d-49b882ba676e.png","pc":"moumensoliman","sb":"Feature"},{"id":"21st:moumensoliman__floating-gradient-shadcnui","t":"Floating gradient shadcnui","d":"Animated floating gradient background with soft blurred color blobs that drift and scale behind centered content.","k":"motion","s":"21st","c":"motion/gradient","a":"moumensoliman","u":4,"pl":"https://cdn.21st.dev/moumensoliman/floating-gradient-shadcnui/default/preview.1783734880940.png","pc":"moumensoliman","tg":["hero"]},{"id":"21st:moumensoliman__fullwidth-divider","t":"Fullwidth divider","d":"Here is Fullwidth Divider component","s":"21st","c":"other","a":"moumensoliman","pl":"https://cdn.21st.dev/larsen66/fullwidth-divider/default/preview.1779967679801.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__gallery-grid-block-shadcnui","t":"Gallery grid block shadcnui","d":"Filterable image gallery with animated lightbox and navigation","s":"21st","c":"media/gallery","a":"moumensoliman","u":73,"pl":"https://cdn.21st.dev/larsen66/gallery-grid-block-shadcnui/default/preview.1773288628507.png","pc":"moumensoliman","tg":["gallery"],"sb":"Grids"},{"id":"21st:moumensoliman__glass-account-settings-card-shadcnui","t":"Glass account settings card shadcnui","d":"Account management card with subscription overview and billing actions in glassmorphic style","k":"layout","s":"21st","c":"flows/settings","a":"moumensoliman","u":32,"pl":"https://cdn.21st.dev/larsen66/glass-account-settings-card-shadcnui/demos/default/preview.1773287998715.png","pc":"moumensoliman","tg":["pricing-section"]},{"id":"21st:moumensoliman__glass-blog-card-shadcnui","t":"Glass blog card shadcnui","d":"Glassmorphism blog card with image zoom, author info, and read action","k":"section","s":"21st","c":"data-display/card","a":"moumensoliman","u":111,"pl":"https://cdn.21st.dev/larsen66/glass-blog-card-shadcnui/demos/default/preview.1773288074949.png","pc":"moumensoliman","tg":["image"],"sb":"Blog and posts"},{"id":"21st:moumensoliman__glass-checkout-card-shadcnui","t":"Glass checkout card shadcnui","d":"Glassmorphism checkout card with payment method selector and input fields","k":"section","s":"21st","c":"marketing/pricing","a":"moumensoliman","u":23,"pl":"https://cdn.21st.dev/larsen66/glass-checkout-card-shadcnui/demos/default/preview.1773288142350.png","pc":"moumensoliman","sb":"Plan cards"},{"id":"21st:moumensoliman__glassmorphism-listen-app-block-shadcnui","t":"Glassmorphism listen app block shadcnui","d":"Music streaming block with glassmorphism player, curated highlights, and animated controls","s":"21st","c":"data-display/list","a":"moumensoliman","u":28,"pl":"https://cdn.21st.dev/larsen66/glassmorphism-listen-app-block-shadcnui/default/preview.1773289124465.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__glassmorphism-minimal-metrics-block-shadcnui","t":"Glassmorphism minimal metrics block shadcnui","d":"Focused metric cards with glass surfaces, subtle motion, and concierge insight CTA banner","s":"21st","c":"data-display/stat","a":"moumensoliman","u":28,"pl":"https://cdn.21st.dev/larsen66/glassmorphism-minimal-metrics-block-shadcnui/default/preview.1773289513641.png","pc":"moumensoliman","tg":["dashboard"]},{"id":"21st:moumensoliman__glassmorphism-portfolio-block-shadcnui","t":"Glassmorphism portfolio block shadcnui","d":"Personal portfolio spotlight with profile portrait, narrative highlights, and animated social links","s":"21st","c":"data-display/profile","a":"moumensoliman","u":56,"pl":"https://cdn.21st.dev/larsen66/glassmorphism-portfolio-block-shadcnui/default/preview.1773289414205.png","pc":"moumensoliman","tg":["link","profile"]},{"id":"21st:moumensoliman__glassmorphism-testimonials-block-baseui","t":"Glassmorphism testimonials block baseui","d":"A customer testimonials section with glassmorphism cards, star ratings, and hover effects.","k":"section","s":"21st","c":"marketing/testimonials","a":"moumensoliman","pl":"https://cdn.21st.dev/moumensoliman/glassmorphism-testimonials-block-baseui/default/preview.1784927937314-0cfc45e0-c76a-4994-9dca-a88d168ae731.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__glowy-waves-hero-shadcnui","t":"Glowy waves hero shadcnui","d":"Hero section with glowy waves effect","k":"section","s":"21st","c":"marketing/hero","a":"moumensoliman","u":197,"pl":"https://cdn.21st.dev/larsen66/glowy-waves-hero-shadcnui/default/preview.1773289758692.png","pc":"moumensoliman","tg":["cta","hero","stat"]},{"id":"21st:moumensoliman__gradient-animation-shadcnui","t":"Gradient animation shadcnui","d":"An animated background card that smoothly cycles through transitioning color gradients.","k":"motion","s":"21st","c":"motion/background","a":"moumensoliman","u":4,"pl":"https://cdn.21st.dev/moumensoliman/gradient-animation-shadcnui/default/preview.1783734954245.png","pc":"moumensoliman","sb":"Gradients and aurora"},{"id":"21st:moumensoliman__heart-favorite-shadcnui","t":"Heart favorite shadcnui","d":"Animated heart icon for like/favorite actions","s":"21st","c":"assets/icon","a":"moumensoliman","pl":"https://cdn.21st.dev/larsen66/heart-favorite-shadcnui/default/preview.1773290127499.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__hero-block-shadcnui","t":"Hero block shadcnui","d":"Personal portfolio hero section with animated avatar, staggered text, social links, and scroll indicator","k":"section","s":"21st","c":"marketing/hero","a":"moumensoliman","u":51,"pl":"https://cdn.21st.dev/larsen66/hero-block-shadcnui/demos/default/preview.1773289680899.png","pc":"moumensoliman","tg":["hero","link"]},{"id":"21st:moumensoliman__hero-section-shadcnui","t":"Hero section shadcnui","d":"Hero section with staggered text and button reveal","k":"section","s":"21st","c":"marketing/hero","a":"moumensoliman","u":132,"pl":"https://cdn.21st.dev/larsen66/hero-section-shadcnui/demos/default/preview.1773289749167.png","pc":"moumensoliman","tg":["stat"]},{"id":"21st:moumensoliman__holographic-wall-shadcnui","t":"Holographic wall shadcnui","d":"An interactive black wall of Pharaonic hieroglyphs that glow golden and scale up around a radial light following the cursor.","k":"motion","s":"21st","c":"motion/cursor","a":"moumensoliman","pl":"https://cdn.21st.dev/moumensoliman/holographic-wall-shadcnui/default/preview.1783734999839.png","pc":"moumensoliman","tg":["background","cursor"]},{"id":"21st:moumensoliman__image-slider-card-shadcnui","t":"Image slider card shadcnui","d":"An accessible image carousel card with keyboard navigation, dot indicators, reduced-motion support, and screen-reader-friendly labels.","s":"21st","c":"inputs/slider","a":"moumensoliman","pl":"https://cdn.21st.dev/moumensoliman/image-slider-card-shadcnui/default/preview.1784933466544-2f3a22c5-0a64-44a1-a29d-58fd16704912.png","pc":"moumensoliman","tg":["carousel","image","slider"]},{"id":"21st:moumensoliman__interactive-logs-table-shadcnui","t":"Interactive logs table shadcnui","d":"Observability logs panel with animated filters, search, and expandable rows","s":"21st","c":"data-display/table","a":"moumensoliman","pl":"https://cdn.21st.dev/larsen66/interactive-logs-table-shadcnui/demos/default/preview.1773289980850.png","pc":"moumensoliman","tg":["badge","search","table"]},{"id":"21st:moumensoliman__liquid-cursor","t":"Liquid cursor","d":"Pointer-following liquid cursor effect: a fixed full-screen canvas overlay paints colored particles along the mouse path and runs them through an SVG gooey filter for a smooth, blo","k":"motion","s":"21st","c":"motion/cursor","a":"moumensoliman","pl":"https://cdn.21st.dev/reapollo/liquid-cursor/default/preview.1777655406113.png","pc":"moumensoliman","tg":["cursor"]},{"id":"21st:moumensoliman__minimal-resume-shadcnui","t":"Minimal resume shadcnui","d":"Vercel-inspired minimal resume with clean typography and grid layout","k":"motion","s":"21st","c":"motion/text-effect","a":"moumensoliman","pl":"https://cdn.21st.dev/larsen66/minimal-resume-shadcnui/default/preview.1773293965865.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__n8n-workflow-block-shadcnui","t":"N8n workflow block shadcnui","d":"Visual workflow automation builder with animated nodes, connections, and real-time execution monitoring","k":"layout","s":"21st","c":"layout/dashboard","a":"moumensoliman","st":"rated","pl":"https://cdn.21st.dev/larsen66/n8n-workflow-block-shadcnui/default/preview.1773324878444.png","pc":"moumensoliman","tg":["dashboard"],"sc":23},{"id":"21st:moumensoliman__native-button","t":"Native button","d":"Glassmorphism-inspired button wrapping shadcn/ui Button. Adds framer-motion whileHover/whileTap spring micro-interactions, an optional glow halo (shadow + blurred radial overlay), ","s":"21st","c":"actions/button","a":"moumensoliman","u":6,"pl":"https://cdn.21st.dev/larsen66/native-button/default/preview.1779920857266.png","pc":"moumensoliman","tg":["button","spinner"],"sb":"Loading and states"},{"id":"21st:moumensoliman__native-typewriter-baseui","t":"Native typewriter baseui","d":"A typewriter text animation that types out one or more strings with adjustable speed, looping, a blinking cursor, and an optional per-character blur/morph effect.","k":"motion","s":"21st","c":"motion/text-effect","a":"moumensoliman","pl":"https://cdn.21st.dev/moumensoliman/native-typewriter-baseui/default/preview.1784922998841-d4897607-3f7e-487f-9877-b03ece82b76c.png","pc":"moumensoliman","sb":"Typewriter"},{"id":"21st:moumensoliman__nav-user","t":"Nav user","d":"Here is NavUser components, ","s":"21st","c":"navigation/top-nav","a":"moumensoliman","pl":"https://cdn.21st.dev/larsen66/nav-user/default/preview.1779964005707.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__profile-notch","t":"Profile notch","d":"A dynamic expanding notch component for displaying user profiles with smooth spring animations.","s":"21st","c":"data-display/profile","a":"moumensoliman","pl":"https://cdn.21st.dev/moumensoliman/profile-notch/default/preview.1769547435126.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__scroll-fade-effect","t":"Scroll fade effect","d":"Fade content edges as you scroll, for both vertical and horizontal layouts.","k":"layout","s":"21st","c":"layout/scroll-area","a":"moumensoliman","pl":"https://cdn.21st.dev/larsen66/scroll-fade-effect/demos/default/preview.1773282913237.png","pc":"moumensoliman","tg":["scroll-area"]},{"id":"21st:moumensoliman__sidebar-header","t":"Sidebar header","d":"Sidebar Header component","s":"21st","c":"navigation/top-nav","a":"moumensoliman","pl":"https://cdn.21st.dev/larsen66/sidebar-header/default/preview.1779968075471.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__sidebar-one","t":"Sidebar one","d":"Here is Sidebar One component ","s":"21st","c":"navigation/sidebar","a":"moumensoliman","pl":"https://cdn.21st.dev/larsen66/sidebar-one/default/preview.1779967497039.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__stats","t":"Stats","d":"Here is Stats component","s":"21st","c":"data-display/stat","a":"moumensoliman","pl":"https://cdn.21st.dev/larsen66/stats/default/preview.1779972197301.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__stats-counter-block-baseui","t":"Stats counter block baseui","d":"A statistics section with animated count-up numbers, colored icons, and gradient card backgrounds that reveal on scroll into view.","k":"motion","s":"21st","c":"motion/number-ticker","a":"moumensoliman","pl":"https://cdn.21st.dev/moumensoliman/stats-counter-block-baseui/default/preview.1784931189014-1a29bd77-758c-4d13-acf3-bf0b065e55a5.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__synced-lyric-captions-shadcnui","t":"Synced lyric captions shadcnui","d":"A timed caption player that reveals script lines bottom-to-top in sync with a timer or audio track, with play/pause, skip, volume, playback speed, and a clickable progress bar.","s":"21st","c":"data-display/timeline","a":"moumensoliman","pl":"https://cdn.21st.dev/moumensoliman/synced-lyric-captions-shadcnui/default/preview.1784924583376-a0cabfbd-f90a-49a3-924b-3ea70fd5ce42.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__team-section-block-shadcnui","t":"Team section block shadcnui","d":"Animated team member cards with avatars, roles, and social links","k":"section","s":"21st","c":"marketing/team","a":"moumensoliman","u":43,"pl":"https://cdn.21st.dev/larsen66/team-section-block-shadcnui/demos/default/preview.1773295457851.png","pc":"moumensoliman","tg":["link","profile","team"]},{"id":"21st:moumensoliman__testimonials-block-baseui","t":"Testimonials block baseui","d":"An animated testimonials grid with staggered card reveals, avatar initials, star ratings, and hover effects.","k":"section","s":"21st","c":"marketing/testimonials","a":"moumensoliman","pl":"https://cdn.21st.dev/moumensoliman/testimonials-block-baseui/default/preview.1784927337800-14a04c43-1f8a-455c-899c-ac31021be365.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__volume-component-shadcnui","t":"Volume component shadcnui","d":"A smooth, draggable volume slider component with framer-motion animations and shadcn styling.","s":"21st","c":"inputs/slider","a":"moumensoliman","pl":"https://cdn.21st.dev/larsen66/volume-component-shadcnui/default/preview.1773299063603.png","pc":"moumensoliman","tg":["slider"]},{"id":"21st:moumensoliman__wallet-card","t":"Wallet card","d":"Glassmorphism crypto wallet card with balance, trend, and action buttons","s":"21st","c":"data-display/card","a":"moumensoliman","pl":"https://cdn.21st.dev/moumensoliman/wallet-card/default/preview.1768412092549.png","pc":"moumensoliman","sb":"Payment"},{"id":"21st:mrasadatik__rating","t":"Rating","s":"21st","c":"inputs/rating","a":"mrasadatik","st":"rated","pl":"https://cdn.21st.dev/mrasadatik/rating/default/preview.1760398290528.png","pc":"mrasadatik","sc":20},{"id":"21st:mrhyddenn__hover-button","t":"Hover button","d":"Here is simple minimalistic hover button","s":"21st","c":"actions/button","a":"mrhyddenn","u":18,"pl":"https://cdn.21st.dev/larsen66/hover-button/default/preview.1749425231817.png","pc":"mrhyddenn","sb":"Animated"},{"id":"21st:mrkebab362__time-tracking-app-1","t":"Time tracking app 1","d":"test","s":"21st","c":"inputs/time-picker","a":"mrkebab362","st":"rated","pl":"https://cdn.21st.dev/user_2tjwGEXvnLaThNAFvexO6CgtJ3X/time-tracking-app-1/demo-timeline/preview.png","pc":"mrkebab362","sc":22},{"id":"21st:mrpoli0828__almaascabins-ir","t":"Almaascabins ir","d":"mix componnet","s":"21st","c":"other","a":"mrpoli0828","pl":"https://cdn.21st.dev/mrpoli0828/almaascabins-ir/default/preview.1753863040179.png","pc":"mrpoli0828"},{"id":"21st:mruderman__oval-eggs","t":"Oval eggs","d":"Animated (flicker) ASCII art in the Disco style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, ","k":"motion","s":"21st","c":"motion/ascii","a":"mruderman","pl":"https://cdn.21st.dev/mruderman/oval-eggs/default/preview.1785217818892-fdbab28a-a5ff-4141-95e1-a947936dd08d.webp","pc":"mruderman"},{"id":"21st:msasaadarsalan__spinner","t":"Spinner","d":"A lightweight animated loading spinner built on lucide-react's Loader2Icon. Fully accessible with aria-label and role=status, accepts all SVG props, and supports size customization","s":"21st","c":"status/loader","a":"msasaadarsalan","pl":"https://cdn.21st.dev/coss.com/spinner/default/preview.1774275779058.png","pc":"msasaadarsalan","sb":"Spinners"},{"id":"21st:msjmohabali__alqemist-cta","t":"Alqemist cta","d":"Alqemist homepage call-to-action block with workforce messaging, conversion buttons, and animated brand grid.","k":"section","s":"21st","c":"marketing/cta","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/alqemist-cta","pc":"msjmohabali"},{"id":"21st:msjmohabali__alqemist-footer","t":"Alqemist footer","d":"Alqemist marketing footer with product, resource, legal, social links, copyright, and brand summary.","k":"section","s":"21st","c":"marketing/footer","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/alqemist-footer","pc":"msjmohabali"},{"id":"21st:msjmohabali__alqemist-hero","t":"Alqemist hero","d":"Responsive Alqemist homepage hero with install command, primary CTAs, brand background, and product demo entry point.","k":"section","s":"21st","c":"marketing/hero","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/alqemist-hero","pc":"msjmohabali"},{"id":"21st:msjmohabali__alqemist-how-it-works","t":"Alqemist how it works","d":"Alqemist how-it-works section with six implementation steps from project setup to owned infrastructure.","k":"section","s":"21st","c":"marketing/features","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/alqemist-how-it-works","pc":"msjmohabali","sb":"Steps"},{"id":"21st:msjmohabali__alqemist-interactive-demo","t":"Alqemist interactive demo","d":"Interactive Alqemist product demo block showing projects, agents, integrations, scheduling, and security surfaces.","s":"21st","c":"other","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/alqemist-interactive-demo","pc":"msjmohabali"},{"id":"21st:msjmohabali__alqemist-marketing-navbar","t":"Alqemist marketing navbar","d":"Responsive Alqemist marketing navbar with brand mark, product links, mobile menu, and conversion CTA.","s":"21st","c":"navigation/top-nav","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/alqemist-marketing-navbar","pc":"msjmohabali","sb":"Mega menus"},{"id":"21st:msjmohabali__alqemist-security","t":"Alqemist security","d":"Alqemist enterprise security block with interactive controls for isolation, credentials, auditability, and self-hosting.","s":"21st","c":"other","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/alqemist-security","pc":"msjmohabali"},{"id":"21st:msjmohabali__alqemist-usp","t":"Alqemist usp","d":"Alqemist value proposition block pairing end-user workflow benefits with developer control.","s":"21st","c":"other","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/alqemist-usp","pc":"msjmohabali"},{"id":"21st:msjmohabali__qreatify-agent-status-pill","t":"Qreatify agent status pill","d":"Qreatify setup and agent status pill for ready, running, retry and error states.","s":"21st","c":"ai-agent/ai-agent","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/qreatify-agent-status-pill","pc":"msjmohabali"},{"id":"21st:msjmohabali__qreatify-agent-template-card","t":"Qreatify agent template card","d":"Qreatify agent template card for 21st, Qreatify and operations agent presets.","s":"21st","c":"ai-agent/ai-agent","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/qreatify-agent-template-card","pc":"msjmohabali"},{"id":"21st:msjmohabali__qreatify-builder-toolbar","t":"Qreatify builder toolbar","d":"Qreatify builder toolbar for preview, screens canvas, edit, code, cloud and tests modes.","s":"21st","c":"navigation/menu","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/qreatify-builder-toolbar","pc":"msjmohabali","sb":"Menubars"},{"id":"21st:msjmohabali__qreatify-builder-topbar","t":"Qreatify builder topbar","d":"Qreatify builder topbar with project identity, toolbar, route bar, setup status and publish action.","k":"section","s":"21st","c":"marketing/announcement","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/qreatify-builder-topbar","pc":"msjmohabali"},{"id":"21st:msjmohabali__qreatify-chat-empty-state","t":"Qreatify chat empty state","d":"Qreatify chat side panel empty state for prompts, plans and chat-scoped automations.","s":"21st","c":"data-display/empty-state","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/qreatify-chat-empty-state","pc":"msjmohabali"},{"id":"21st:msjmohabali__qreatify-chat-rail","t":"Qreatify chat rail","d":"Compact Qreatify chat rail with new chat, prompts and automation panel actions.","s":"21st","c":"ai-agent/ai-agent","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/qreatify-chat-rail","pc":"msjmohabali","sb":"Chat"},{"id":"21st:msjmohabali__qreatify-composer-dock","t":"Qreatify composer dock","d":"Qreatify chat composer dock with suggestions, mode selector, tools, voice and send action.","s":"21st","c":"ai-agent/composer","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/qreatify-composer-dock","pc":"msjmohabali"},{"id":"21st:msjmohabali__qreatify-credit-summary-card","t":"Qreatify credit summary card","d":"Qreatify sidebar credit summary card for plan label, AI credits, integration credits and upgrade actions.","s":"21st","c":"data-display/card","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/qreatify-credit-summary-card","pc":"msjmohabali","sb":"Payment"},{"id":"21st:msjmohabali__qreatify-home-action-card","t":"Qreatify home action card","d":"Qreatify homepage action card for create-from-framework and import-repository entry points.","s":"21st","c":"data-display/card","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/qreatify-home-action-card","pc":"msjmohabali"},{"id":"21st:msjmohabali__qreatify-home-command-center","t":"Qreatify home command center","d":"Qreatify homepage command center with greeting, primary actions and prompt chips.","s":"21st","c":"data-display/badge","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/qreatify-home-command-center","pc":"msjmohabali"},{"id":"21st:msjmohabali__qreatify-preview-loading","t":"Qreatify preview loading","d":"Qreatify preview loading scene with browser skeleton, branded background and loading copy.","s":"21st","c":"status/loader","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/qreatify-preview-loading","pc":"msjmohabali","sb":"Spinners"},{"id":"21st:msjmohabali__qreatify-pricing-plan-card","t":"Qreatify pricing plan card","d":"Qreatify pricing plan card for subscription tiers, credit limits, highlights and upgrade CTAs.","k":"section","s":"21st","c":"marketing/pricing","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/qreatify-pricing-plan-card","pc":"msjmohabali","sb":"Plan cards"},{"id":"21st:msjmohabali__qreatify-project-app-card","t":"Qreatify project app card","d":"Qreatify project app card for recent apps, template shelves and workspace project lists.","s":"21st","c":"data-display/card","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/qreatify-project-app-card","pc":"msjmohabali"},{"id":"21st:msjmohabali__qreatify-skill-registry-card","t":"Qreatify skill registry card","d":"Reusable skill registry card for installed workspace skills and skills.sh templates, with badges, command preview, light modal tone, status and actions.","s":"21st","c":"data-display/card","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/qreatify-skill-registry-card","pc":"msjmohabali"},{"id":"21st:msjmohabali__qreatify-skill-start-card","t":"Qreatify skill start card","d":"Reusable start-from-scratch skill card for opening custom skill creation flows inside settings or registry pickers.","s":"21st","c":"data-display/card","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/qreatify-skill-start-card","pc":"msjmohabali"},{"id":"21st:msjmohabali__qreatify-super-agent-card","t":"Qreatify super agent card","d":"Qreatify super agent card for project agents, triggers, tools, status and run action.","s":"21st","c":"ai-agent/ai-agent","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/qreatify-super-agent-card","pc":"msjmohabali"},{"id":"21st:msjmohabali__qreatify-workspace-rail","t":"Qreatify workspace rail","d":"Qreatify workspace rail with app switcher, create action, navigation icons and utility actions.","s":"21st","c":"navigation/top-nav","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/qreatify-workspace-rail","pc":"msjmohabali","sb":"Mega menus"},{"id":"21st:msjmohabali__resolvr-landing-system","t":"Resolvr landing system","d":"Resolvr branded SaaS landing page system with hero, product mockup, workflow cards, pricing, FAQ, CTA and footer sections.","k":"section","s":"21st","c":"marketing/pricing","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/resolvr-landing-system","pc":"msjmohabali"},{"id":"21st:msjmohabali__resolvr-saas-system","t":"Resolvr saas system","d":"Resolvr branded SaaS dashboard component system with sidebar, conversations, contact panel, integrations, upload and premium overlay patterns.","k":"layout","s":"21st","c":"layout/dashboard","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/resolvr-saas-system","pc":"msjmohabali"},{"id":"21st:msjmohabali__resolvr-widget-system","t":"Resolvr widget system","d":"Resolvr branded customer support widget system with launcher, chat, inbox, voice, auth, contact, loading and error screens.","s":"21st","c":"data-display/card","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/resolvr-widget-system","pc":"msjmohabali","sb":"Animated and glowing"},{"id":"21st:msjmohabali__whatsaas-app-shell","t":"Whatsaas app shell","d":"Reusable SaaS dashboard shell with sidebar navigation, header and workspace content area.","k":"layout","s":"21st","c":"layout/dashboard","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/whatsaas-app-shell","pc":"msjmohabali"},{"id":"21st:msjmohabali__whatsaas-chat-inbox","t":"Whatsaas chat inbox","d":"Reusable WhatsApp-style inbox component with chat list, conversation pane and CRM side panel.","s":"21st","c":"overlays/notifications","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/whatsaas-chat-inbox","pc":"msjmohabali"},{"id":"21st:msjmohabali__whatsaas-landing-hero","t":"Whatsaas landing hero","d":"Reusable WhatSaaS landing hero with SaaS product preview, CRM context and AI conversation signals.","k":"section","s":"21st","c":"marketing/hero","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/whatsaas-landing-hero","pc":"msjmohabali","sb":"SaaS and AI"},{"id":"21st:msjmohabali__whatsaas-landing-sections","t":"Whatsaas landing sections","d":"Reusable landing page sections for stats, use cases and testimonials in WhatsApp SaaS pages.","k":"section","s":"21st","c":"marketing/testimonials","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/whatsaas-landing-sections","pc":"msjmohabali"},{"id":"21st:msjmohabali__whatsaas-pricing-section","t":"Whatsaas pricing section","d":"Reusable SaaS pricing section with highlighted plan support and feature lists for WhatsApp products.","k":"section","s":"21st","c":"marketing/pricing","a":"msjmohabali","pl":"https://21st.dev/@msjmohabali/components/whatsaas-pricing-section","pc":"msjmohabali"},{"id":"21st:mtorres6739__autoworks","t":"Autoworks","d":"Animated WebGL shader background in the Smoke style. Generated by the 21st.dev Shader Builder. 4-color palette (#000000, #1F51FF, #00E5FF, #EAFDFF). Features: cursor-reactive (repe","k":"motion","s":"21st","c":"motion/shader","a":"mtorres6739","pl":"https://cdn.21st.dev/mtorres6739/autoworks/default/preview.1786407321262-04175861-bfec-40ac-bb9f-08cbd6c73bf4.webp","pc":"mtorres6739","sb":"Smoke"},{"id":"21st:mudasirshah9777__axis-blend-gradient","t":"Axis blend gradient","d":"Pure CSS gradient background in the Axis Blend style, made with the 21st.dev Gradient Builder. 2-color palette (#1D9657, #D1D1D1). Features: film grain. A drop-in, zero-dependency ","k":"motion","s":"21st","c":"motion/gradient","a":"mudasirshah9777","pl":"https://cdn.21st.dev/mudasirshah9777/axis-blend-gradient/default/preview.1786994758976-fd3fc6e8-f5f1-498b-9ef4-16d5c4929025.webp","pc":"mudasirshah9777","sb":"Axis Blend"},{"id":"21st:muditgoel1512__ai-chat-bot","t":"Ai chat bot","s":"21st","c":"ai-agent/ai-agent","a":"muditgoel1512","pl":"https://cdn.21st.dev/muditgoel1512/ai-chat-bot/default/preview.1764356110481.png","pc":"muditgoel1512","sb":"Chat"},{"id":"21st:muditgoel1512__sign-in-1","t":"Sign in 1","s":"21st","c":"flows/sign-in","a":"muditgoel1512","pl":"https://cdn.21st.dev/user_2wiGZ0vADJpabTzFfCPXHPt0twL/sign-in-1/sign-in/preview.png","pc":"muditgoel1512","sb":"Sign in"},{"id":"21st:muditgoel1512__text-flip-layout","t":"Text flip layout","d":"A modern dark-themed Text Flip Layout component featuring a smooth rotating word animation, glassy UI elements, and responsive layout design. Perfect for hero sections and landing ","k":"motion","s":"21st","c":"motion/text-effect","a":"muditgoel1512","pl":"https://cdn.21st.dev/muditgoel1512/text-flip-layout/default/preview.1764499363205.png","pc":"muditgoel1512","sb":"Rotating words"},{"id":"21st:muhammad-binsalman__3d-animated-mastercard-component","t":"3d animated mastercard component","s":"21st","c":"motion/tilt-3d","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/3d-animated-mastercard-component/default/preview.1754567619452.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__3d-glass-shimmer-button","t":"3d glass shimmer button","d":"A premium React button component featuring a stunning 3D glass morphism design with animated shimmer effects. This component combines modern glassmorphism aesthetics with sophistic","s":"21st","c":"actions/button","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/3d-glass-shimmer-button/default/preview.1758338703486.png","pc":"muhammad-binsalman","sb":"Animated"},{"id":"21st:muhammad-binsalman__3d-tic-tac-toe-weaving-loader","t":"3d tic tac toe weaving loader","d":"A mesmerizing React loading component that transforms the classic tic-tac-toe grid into a dynamic 3D weaving animation. This loader features four luminous threads that dance around","s":"21st","c":"status/loader","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/3d-tic-tac-toe-weaving-loader/default/preview.1758339368394.png","pc":"muhammad-binsalman","sb":"Liquid and 3D"},{"id":"21st:muhammad-binsalman__ai-agent-workflow-visualization","t":"Ai agent workflow visualization","s":"21st","c":"ai-agent/ai-agent","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/ai-agent-workflow-visualization/default/preview.1759488719366.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__ai-animated-text-loader","t":"Ai animated text loader","d":"A beautiful, customizable React loading component featuring animated text with a rotating gradient background. Perfect for AI applications, data processing, or any modern web inter","k":"motion","s":"21st","c":"motion/text-effect","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/ai-animated-text-loader/default/preview.1753790501049.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__ai-grid-loader-animated-loading-component","t":"Ai grid loader animated loading component","d":"A modern, customizable 3x3 grid loading animation component built with React and Tailwind CSS. Features a sophisticated cube-scaling animation with staggered timing effects, perfec","s":"21st","c":"ai-agent/ai-agent","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/ai-grid-loader-animated-loading-component/default/preview.1758338248264.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__ai-marketing-hero-section","t":"Ai marketing hero section","d":"$34","k":"section","s":"21st","c":"marketing/hero","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/ai-marketing-hero-section/default/preview.1756660296092.png","pc":"muhammad-binsalman","sb":"SaaS and AI"},{"id":"21st:muhammad-binsalman__ai-powered-creative-landing-hero","t":"Ai powered creative landing hero","d":"$37","s":"21st","c":"ai-agent/ai-agent","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/ai-powered-creative-landing-hero/default/preview.1756497882600.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__airplane-ticket","t":"Airplane ticket","d":"a simple airplane ticket component for y'all to use, easy and clean UI ","s":"21st","c":"other","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/airplane-ticket/default/preview.1756211576873.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__animate-sparkle-toggle-with-magical-effects","t":"Animate sparkle toggle with magical effects","s":"21st","c":"actions/switch","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/animate-sparkle-toggle-with-magical-effects/default/preview.1752650796853.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__animated-power-button","t":"Animated power button","s":"21st","c":"actions/button","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/animated-power-button/default/preview.1756287130236.png","pc":"muhammad-binsalman","sb":"Animated"},{"id":"21st:muhammad-binsalman__animated-scan-loader","t":"Animated scan loader","d":"A reusable React component styled with Tailwind CSS, featuring a dynamic \"Scan\" text effect with a futuristic scanning animation. The component includes a smooth hover color transi","s":"21st","c":"status/loader","a":"muhammad-binsalman","u":18,"pl":"https://cdn.21st.dev/muhammad-binsalman/animated-scan-loader/default/preview.1756974654474.png","pc":"muhammad-binsalman","tg":["spinner"],"sb":"Spinners"},{"id":"21st:muhammad-binsalman__boxy-app-icons","t":"Boxy app icons","s":"21st","c":"assets/icon","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/boxy-app-icons/default/preview.1756890672239.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__connect-with-us","t":"Connect with us","d":"a simple gradient connect with us section for your websites, cool icons with pretty funky animations ","s":"21st","c":"actions/link","a":"muhammad-binsalman","u":64,"pl":"https://cdn.21st.dev/muhammad-binsalman/connect-with-us/default/preview.1755528836513.png","pc":"muhammad-binsalman","tg":["link"]},{"id":"21st:muhammad-binsalman__discovery-saa-s-hero-section","t":"Discovery saa s hero section","k":"section","s":"21st","c":"marketing/hero","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/discovery-saa-s-hero-section/default/preview.1757974100098.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__dynamic-gallery-hero","t":"Dynamic gallery hero","d":"A unique, interactive component for creating stunning 3D carousels with a circular bending effect. Built with OGL and React, this component features smooth, hardware-accelerated an","k":"section","s":"21st","c":"marketing/hero","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/dynamic-gallery-hero/default/preview.1758128312886.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__ethereal-beams-hero","t":"Ethereal beams hero","d":"*A mesmerizing hero section featuring animated 3D light beams with glassmorphic navigation. Perfect for modern SaaS, creative agencies, and tech startups looking to make a bold fir","k":"section","s":"21st","c":"marketing/hero","a":"muhammad-binsalman","u":386,"pl":"https://cdn.21st.dev/muhammad-binsalman/ethereal-beams-hero/default/preview.1785359183139-42fb642f-ffae-47ec-9842-328b2fbc9fe7.png","pc":"muhammad-binsalman","sb":"Animated background"},{"id":"21st:muhammad-binsalman__finance-card","t":"Finance card","d":"a simple yet easy to use finance card, built using tailwind, with dark and light modes and cool modern aesthetic UI","s":"21st","c":"data-display/card","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/finance-card/default/preview.1756373171318.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__flux-card-hero","t":"Flux card hero","d":"FluxCardHero is a dynamic, interactive hero section component that showcases multiple AI platform features through an innovative layered card animation system. The component featur","k":"section","s":"21st","c":"marketing/hero","a":"muhammad-binsalman","u":33,"pl":"https://cdn.21st.dev/muhammad-binsalman/flux-card-hero/default/preview.1756725019731.png","pc":"muhammad-binsalman","tg":["ai-chat","carousel","hero"],"sb":"SaaS and AI"},{"id":"21st:muhammad-binsalman__futuristic-card-component","t":"Futuristic card component","s":"21st","c":"data-display/card","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/futuristic-card-component/default/preview.1758108034670.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__galaxy-hero-section","t":"Galaxy hero section","k":"section","s":"21st","c":"marketing/hero","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/galaxy-hero-section/default/preview.1753558609016.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__glassmorphic-features-grid","t":"Glassmorphic features grid","k":"section","s":"21st","c":"marketing/features","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/glassmorphic-features-grid/default/preview.1752831269467.png","pc":"muhammad-binsalman","sb":"Grid of cards"},{"id":"21st:muhammad-binsalman__glassmorphic-testimonials-card","t":"Glassmorphic testimonials card","k":"section","s":"21st","c":"marketing/testimonials","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/glassmorphic-testimonials-card/default/preview.1757503441436.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__glassmorphic-wallet-card","t":"Glassmorphic wallet card","s":"21st","c":"data-display/card","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/glassmorphic-wallet-card/default/preview.1759142884242.png","pc":"muhammad-binsalman","sb":"Animated and glowing"},{"id":"21st:muhammad-binsalman__gothic-matrix-hero","t":"Gothic matrix hero","d":"$35","k":"section","s":"21st","c":"marketing/hero","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/gothic-matrix-hero/default/preview.1753101134780.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__i-phone-ui-component","t":"I phone ui component","d":"A sleek and interactive 3D iPhone UI component, meticulously crafted with React and Tailwind CSS. It features a realistic phone body with subtle depth, a dynamic island, and a simu","s":"21st","c":"navigation/top-nav","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/i-phone-ui-component/default/preview.1754559606613.png","pc":"muhammad-binsalman","sb":"Mega menus"},{"id":"21st:muhammad-binsalman__light-saas-hero-section","t":"Light saas hero section","d":"A modern, light-themed hero section featuring an interactive plasma background, glassmorphic pill-shaped navigation bar, and compelling AI SaaS value proposition. This component co","k":"section","s":"21st","c":"marketing/hero","a":"muhammad-binsalman","u":32,"pl":"https://cdn.21st.dev/muhammad-binsalman/light-saas-hero-section/default/preview.1785434543513-3616183e-9b6f-48be-abaf-9cac7d29915d.png","pc":"muhammad-binsalman","sb":"SaaS and AI"},{"id":"21st:muhammad-binsalman__luxury-elegance-button","t":"Luxury elegance button","d":"$38","s":"21st","c":"actions/button","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/luxury-elegance-button/default/preview.1755726504757.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__magic-keyboard-component","t":"Magic keyboard component","d":"A sleek, responsive keyboard component built with React and Tailwind CSS that replicates the look and feel of a physical keyboard. This component features Lucide React icons for ar","k":"section","s":"21st","c":"marketing/features","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/magic-keyboard-component/default/preview.1757501755926.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__minimalistic-pill-glasmorphic-navbar","t":"Minimalistic pill glasmorphic navbar","d":"A simple and minimalistic pill shaped glasmorphic navbar made in tailwind css, simple yet useful for websites with minimalistic look","s":"21st","c":"navigation/top-nav","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/minimalistic-pill-glasmorphic-navbar/default/preview.1757507548666.png","pc":"muhammad-binsalman","sb":"Floating"},{"id":"21st:muhammad-binsalman__neon-quest-hero-section","t":"Neon quest hero section","k":"section","s":"21st","c":"marketing/hero","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/neon-quest-hero-section/default/preview.1757161879186.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__neural-dawn-ai-hero","t":"Neural dawn ai hero","s":"21st","c":"ai-agent/ai-agent","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/neural-dawn-ai-hero/default/preview.1758121496157.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__premium-testimonials-section","t":"Premium testimonials section","k":"section","s":"21st","c":"marketing/testimonials","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/premium-testimonials-section/default/preview.1758397558419.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__quantam-mysh-hero","t":"Quantam mysh hero","d":"A sleek, futuristic hero section component inspired by an AI studio landing page design. It features a dark theme with purple gradients, a badge-style tagline, bold headlines, subt","k":"section","s":"21st","c":"marketing/hero","a":"muhammad-binsalman","u":35,"pl":"https://cdn.21st.dev/muhammad-binsalman/quantam-mysh-hero/default/preview.1756712951228.png","pc":"muhammad-binsalman","tg":["marquee"]},{"id":"21st:muhammad-binsalman__rainbow-borders-button","t":"Rainbow borders button","d":"A stunning button component featuring an animated rainbow gradient border with a sleek dark gradient background. The rainbow border cycles through vibrant colors with a smooth anim","s":"21st","c":"actions/button","a":"muhammad-binsalman","u":252,"pl":"https://cdn.21st.dev/muhammad-binsalman/rainbow-borders-button/default/preview.1754474690576.png","pc":"muhammad-binsalman","tg":["border"],"sb":"Animated"},{"id":"21st:muhammad-binsalman__red-raven-saas-hero","t":"Red raven saas hero","k":"section","s":"21st","c":"marketing/hero","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/red-raven-saas-hero/default/preview.1756503126019.png","pc":"muhammad-binsalman","sb":"SaaS and AI"},{"id":"21st:muhammad-binsalman__shiny-borders-button","t":"Shiny borders button","d":"Shiny Borders Button is a modern, visually rich React component styled with Tailwind CSS. It features a soft inner glow, a radial gradient background, and dynamic green + white lig","s":"21st","c":"actions/button","a":"muhammad-binsalman","u":49,"pl":"https://cdn.21st.dev/muhammad-binsalman/shiny-borders-button/default/preview.1752146981868.png","pc":"muhammad-binsalman","sb":"Animated"},{"id":"21st:muhammad-binsalman__shiny-button","t":"Shiny button","d":"A beautiful, animated, and theme-aware circular button component built with Tailwind CSS. Includes hover effects, rotating transitions, gradient overlays, and support for custom ic","s":"21st","c":"actions/button","a":"muhammad-binsalman","u":41,"pl":"https://cdn.21st.dev/muhammad-binsalman/shiny-button/default/preview.1752143778341.png","pc":"muhammad-binsalman","tg":["link"]},{"id":"21st:muhammad-binsalman__shiny-button-1","t":"Shiny button 1","d":"this is a really cool shiny button with dotted bg and a hover bg glow with multiple layers","s":"21st","c":"actions/button","a":"muhammad-binsalman","u":100,"pl":"https://cdn.21st.dev/muhammad-binsalman/shiny-button-1/default/preview.1755446108769.png","pc":"muhammad-binsalman","tg":["button"]},{"id":"21st:muhammad-binsalman__spider-verse-glitch-button","t":"Spider verse glitch button","d":"A cyberpunk-inspired animated button with glitch effects reminiscent of the Spider-Verse aesthetic. Features multi-layered glitch animations, color shifting, scanning lines, and no","s":"21st","c":"actions/button","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/spider-verse-glitch-button/default/preview.1753100248648.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__spotify-style-music-player-component","t":"Spotify style music player component","s":"21st","c":"media/player","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/spotify-style-music-player-component/default/preview.1758337515660.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__star-button","t":"Star button","d":"A simple yellow star button with hover animations, useful for starring items or adding the in favourites/wishlist. SAVE IT FOR LATER","s":"21st","c":"actions/button","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/star-button/default/preview.1755530522155.png","pc":"muhammad-binsalman","tg":["button"]},{"id":"21st:muhammad-binsalman__stardust-button","t":"Stardust button","d":"A premium pearl-finish button with celestial star animations and glass morphism effects. Features smooth hover transitions between star symbols (✧ ↔ ✦) and satisfying tactile press","s":"21st","c":"actions/button","a":"muhammad-binsalman","u":62,"pl":"https://cdn.21st.dev/muhammad-binsalman/stardust-button/default/preview.1753787766958.png","pc":"muhammad-binsalman","tg":["cta"]},{"id":"21st:muhammad-binsalman__swipe-footer-component","t":"Swipe footer component","d":"$34","k":"section","s":"21st","c":"marketing/footer","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/swipe-footer-component/default/preview.1758398396456.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__swipe-lead-generation-hero-section","t":"Swipe lead generation hero section","k":"section","s":"21st","c":"marketing/hero","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/swipe-lead-generation-hero-section/default/preview.1758396203757.png","pc":"muhammad-binsalman"},{"id":"21st:muhammad-binsalman__the-blueprint-of-digital-craft","t":"The blueprint of digital craft","d":"In a world of cookie-cutter templates, we return to the fundamentals of great design. At Mysh, we treat every digital project like a custom build, combining the precision of a geom","k":"section","s":"21st","c":"marketing/cta","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/the-blueprint-of-digital-craft/default/preview.1770234766798.png","pc":"muhammad-binsalman","tg":["cta"]},{"id":"21st:muhammad-binsalman__vertical-volume-slider-with-mute-toggle","t":"Vertical volume slider with mute toggle","d":"A sleek vertical volume control component featuring a rotated range slider with smooth visual feedback. Includes an interactive volume icon that toggles between normal and muted st","s":"21st","c":"inputs/slider","a":"muhammad-binsalman","pl":"https://cdn.21st.dev/muhammad-binsalman/vertical-volume-slider-with-mute-toggle/default/preview.1752649961719.png","pc":"muhammad-binsalman","tg":["slider"]},{"id":"21st:muhammad-binsalman__waitlist-landing-page-with-countdown-timer","t":"Waitlist landing page with countdown timer","d":"A sleek waitlist component featuring a mesmerizing ethereal beam background, countdown timer, and social proof indicators. Perfect for product launches, beta releases, or early acc","k":"page","s":"21st","c":"pages/templates","a":"muhammad-binsalman","u":107,"pl":"https://cdn.21st.dev/muhammad-binsalman/waitlist-landing-page-with-countdown-timer/default/preview.1757590476421.png","pc":"muhammad-binsalman","tg":["avatar"],"sb":"Landing pages"},{"id":"21st:muhammad-binsalman__wooden-cart-button","t":"Wooden cart button","d":"A  simple minimalistic Add To Cart button for ecommerce applications, made with tailwind css ","s":"21st","c":"actions/button","a":"muhammad-binsalman","u":6,"pl":"https://cdn.21st.dev/muhammad-binsalman/wooden-cart-button/default/preview.1756884278121.png","pc":"muhammad-binsalman","tg":["button"]},{"id":"21st:muhammad-binsalman__yield-card","t":"Yield card","d":"A sleek, modern card component featuring a gradient border effect and analytics icon, perfect for your applications. The component showcases mutual funds return with a dark theme, ","s":"21st","c":"data-display/card","a":"muhammad-binsalman","u":35,"pl":"https://cdn.21st.dev/muhammad-binsalman/yield-card/default/preview.1754565671619.png","pc":"muhammad-binsalman","tg":["border","features"],"sb":"Animated and glowing"},{"id":"21st:muhammetbilgin__ai-chat-sheet","t":"Ai chat sheet","d":"AI Chat Sheet is a mock design for a responsive AI assistant panel. It showcases an interactive interface with quick action buttons, model selection, and a chat input, giving a rea","s":"21st","c":"ai-agent/ai-agent","a":"muhammetbilgin","pl":"https://cdn.21st.dev/muhammetbilgin/ai-chat-sheet/default/preview.1760560087424.png","pc":"muhammetbilgin","sb":"Chat"},{"id":"21st:muhammetbilgin__cosmic-404","t":"Cosmic 404","k":"page","s":"21st","c":"pages/templates","a":"muhammetbilgin","pl":"https://cdn.21st.dev/muhammetbilgin/cosmic-404/default/preview.1759784630386.png","pc":"muhammetbilgin","tg":["globe"],"sb":"Error and status pages"},{"id":"21st:muneebable__comparison","t":"Comparison","d":"Reusable comparison component for showcasing time/efficiency differences between two solutions. Features customizable cards with step-by-step breakdowns, animated reveals, and a cl","k":"section","s":"21st","c":"marketing/comparison","a":"muneebable","pl":"https://cdn.21st.dev/muneebable/comparison/default/preview.1761130927204.png","pc":"muneebable"},{"id":"21st:muneebable__feature-card-with-video","t":"Feature card with video","d":"A modern, interactive feature card component with video preview capabilities, designed for showcasing product features, services, or content in an engaging way.","k":"section","s":"21st","c":"marketing/features","a":"muneebable","pl":"https://cdn.21st.dev/muneebable/feature-card-with-video/default/preview.1761132146501.png","pc":"muneebable","sb":"Grid of cards"},{"id":"21st:muneebable__video-show-case-card","t":"Video show case card","s":"21st","c":"data-display/card","a":"muneebable","pl":"https://cdn.21st.dev/muneebable/video-show-case-card/default/preview.1761129700024.png","pc":"muneebable"},{"id":"21st:muntasirszn__input","t":"Input","d":"GSAP Recreation Of Aceternity UI's Signup Form Components Input Components","s":"21st","c":"inputs/form-field","a":"muntasirszn","u":51,"pl":"https://cdn.21st.dev/muntasirszn/input/default/preview.1747577728736.png","pc":"muntasirszn","tg":["input"]},{"id":"21st:mvp_Subha__button-github","t":"Button github","d":"Here is Github Button component","s":"21st","c":"actions/button","a":"mvp_Subha","pl":"https://cdn.21st.dev/larsen66/button-github/default/preview.1753381081140.png","pc":"mvp_Subha","tg":["button"],"sb":"Social and sign-in"},{"id":"21st:mvp_Subha__button-hover","t":"Button hover","d":"Here is Button component","s":"21st","c":"actions/button","a":"mvp_Subha","pl":"https://cdn.21st.dev/larsen66/button-hover/default/preview.1753381349431.png","pc":"mvp_Subha","sb":"Animated"},{"id":"21st:mvp_Subha__footer-column","t":"Footer column","d":"Here is Footer component","k":"section","s":"21st","c":"marketing/footer","a":"mvp_Subha","u":324,"pl":"https://cdn.21st.dev/larsen66/footer-column/default/preview.1753389294747.png","pc":"mvp_Subha","tg":["footer","link"]},{"id":"21st:mvp_Subha__loader","t":"Loader","d":"Here is Loader component","s":"21st","c":"status/loader","a":"mvp_Subha","pl":"https://cdn.21st.dev/larsen66/loader/default/preview.1753381536233.png","pc":"mvp_Subha","tg":["spinner"],"sb":"Spinners"},{"id":"21st:mvp_Subha__pulsating-loader","t":"Pulsating loader","d":"Here is Pulsating Loader component","s":"21st","c":"status/loader","a":"mvp_Subha","pl":"https://cdn.21st.dev/larsen66/pulsating-loader/default/preview.1753381821369.png","pc":"mvp_Subha","tg":["spinner"],"sb":"Spinners"},{"id":"21st:mvp_Subha__terms-conditions","t":"Terms conditions","d":"Here is Terms & Conditions dialog","s":"21st","c":"flows/sign-in","a":"mvp_Subha","u":51,"pl":"https://cdn.21st.dev/larsen66/terms-conditions/default/preview.1753383704974.png","pc":"mvp_Subha","tg":["alert","checkbox","modal","scroll-area"],"sb":"Sign up"},{"id":"21st:mwdesignhelp__plasma-shader","t":"Plasma shader","d":"Animated WebGL2 plasma effect with cosine palette color cycling. GPU-rendered retro demoscene plasma — zero dependencies, pure React + GLSL. Props: speed (animation multiplier).","s":"21st","c":"motion/background","a":"mwdesignhelp","pl":"https://cdn.21st.dev/mwdesignhelp/plasma-shader/default/preview.1774113022891.png","pc":"mwdesignhelp","sb":"Shaders and WebGL"},{"id":"21st:mxmmad17__bg","t":"Bg","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#EBF9FF, #57D2F4, #1B6AA7, #031C26). Features: film grain. A drop-in","k":"motion","s":"21st","c":"motion/gradient","a":"mxmmad17","pl":"https://cdn.21st.dev/mxmmad17/bg/default/preview.1786704917947-0f31e292-9df8-498f-a68c-31f5b4df98fd.webp","pc":"mxmmad17","sb":"Silk Blend"},{"id":"21st:n03936827__aryan-blue","t":"Aryan blue","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#EBF9FF, #57D2F4, #1B6AA7, #031C26). Features: film grain. A drop-in","k":"motion","s":"21st","c":"motion/gradient","a":"n03936827","pl":"https://cdn.21st.dev/n03936827/aryan-blue/default/preview.1785061555569-d914e19e-e2cf-4b2e-9324-b4bf4a9b75ae.webp","pc":"n03936827","sb":"Silk Blend"},{"id":"21st:n03936827__silk-blend-gradient","t":"Silk blend gradient","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#F7F3FF, #083DA9, #02006F, #000000). Features: film grain. A drop-in","k":"motion","s":"21st","c":"motion/gradient","a":"n03936827","pl":"https://cdn.21st.dev/n03936827/silk-blend-gradient/default/preview.1785056156354-1d2f08fd-703d-49cb-b8e5-41c416199fd5.webp","pc":"n03936827","sb":"Silk Blend"},{"id":"21st:n38693842__3d-card","t":"3d card","d":"this is the card with 3d animation.","s":"21st","c":"data-display/card","a":"n38693842","u":33,"pl":"https://cdn.21st.dev/n38693842/3d-card/default/preview.1760530951773.png","pc":"n38693842","tg":["card","image"],"sb":"Animated and glowing"},{"id":"21st:n38693842__ai-button","t":"Ai button","d":"This is the button with cool animation on hovering you can directly use this for generation button.","s":"21st","c":"ai-agent/ai-agent","a":"n38693842","pl":"https://cdn.21st.dev/n38693842/ai-button/default/preview.1759756047087.png","pc":"n38693842"},{"id":"21st:n38693842__alarm-card","t":"Alarm card","d":"This is the card with having week days you can use this for alarm like things with his cool animation.","s":"21st","c":"data-display/card","a":"n38693842","pl":"https://cdn.21st.dev/n38693842/alarm-card/default/preview.1759756241452.png","pc":"n38693842"},{"id":"21st:n38693842__animated-badge","t":"Animated badge","d":"This is the animated badge u can use for you website having different animation.","s":"21st","c":"data-display/badge","a":"n38693842","pl":"https://cdn.21st.dev/n38693842/animated-badge/default/preview.1761060996904.png","pc":"n38693842","sb":"Animated"},{"id":"21st:n38693842__animated-button","t":"Animated button","d":"This is the animated button with hover star animation","s":"21st","c":"actions/button","a":"n38693842","pl":"https://cdn.21st.dev/n38693842/animated-button/default/preview.1760640437779.png","pc":"n38693842","sb":"Animated"},{"id":"21st:n38693842__animated-card","t":"Animated card","d":"This is the hover animated card with cool animation.","s":"21st","c":"data-display/card","a":"n38693842","u":16,"pl":"https://cdn.21st.dev/n38693842/animated-card/default/preview.1760641977490.png","pc":"n38693842"},{"id":"21st:n38693842__animated-card-1","t":"Animated card 1","d":"This is the animated card having hover animation on the element in the card.","s":"21st","c":"data-display/card","a":"n38693842","pl":"https://cdn.21st.dev/n38693842/animated-card-1/default/preview.1761061705556.png","pc":"n38693842"},{"id":"21st:n38693842__animated-progress-bar","t":"Animated progress bar","d":"Progress bar with cool animation you can use in your project","s":"21st","c":"data-viz/progress-bar","a":"n38693842","pl":"https://cdn.21st.dev/n38693842/animated-progress-bar/default/preview.1757702933700.png","pc":"n38693842"},{"id":"21st:n38693842__bg-animation","t":"Bg animation","d":"Particles animation in the background","k":"motion","s":"21st","c":"motion/background","a":"n38693842","pl":"https://cdn.21st.dev/n38693842/bg-animation/default/preview.1757705667069.png","pc":"n38693842"},{"id":"21st:n38693842__card-animation","t":"Card animation","d":"This is the card animation in which by using navigation button card appears with smooth and ux friendly animation","s":"21st","c":"data-display/card","a":"n38693842","pl":"https://cdn.21st.dev/n38693842/card-animation/default/preview.1760721754315.png","pc":"n38693842"},{"id":"21st:n38693842__download-animation","t":"Download animation","d":"This is the download animation which is beautifully crafted you can use directly.","s":"21st","c":"inputs/file-upload","a":"n38693842","pl":"https://cdn.21st.dev/n38693842/download-animation/default/preview.1758486933610.png","pc":"n38693842"},{"id":"21st:n38693842__gallery-animation","t":"Gallery animation","d":"this is the gallery animation on hover pics are expended with smooth animation","s":"21st","c":"media/gallery","a":"n38693842","u":90,"pl":"https://cdn.21st.dev/n38693842/gallery-animation/default/preview.1760722642799.png","pc":"n38693842","tg":["gallery"]},{"id":"21st:n38693842__hero-section","t":"Hero section","d":"this is the hero section which having small animation","k":"section","s":"21st","c":"marketing/hero","a":"n38693842","pl":"https://cdn.21st.dev/n38693842/hero-section/default/preview.1757434346814.png","pc":"n38693842"},{"id":"21st:n38693842__hero-section-1","t":"Hero section 1","d":"This is the minimal but ux friendly hero section with small and cool animations.","k":"section","s":"21st","c":"marketing/hero","a":"n38693842","u":22,"pl":"https://cdn.21st.dev/n38693842/hero-section-1/default/preview.1760291009178.png","pc":"n38693842","tg":["badge","cta","hero"]},{"id":"21st:n38693842__lens-card","t":"Lens card","d":"card with having lens effect in the img. you can directly use this thing.","s":"21st","c":"media/gallery","a":"n38693842","pl":"https://cdn.21st.dev/n38693842/lens-card/default/preview.1757703489722.png","pc":"n38693842","sb":"Zoom and lens"},{"id":"21st:n38693842__loading","t":"Loading","d":"this is the loading animation which will out of the box looking and ux friendly animation.","s":"21st","c":"status/loader","a":"n38693842","pl":"https://cdn.21st.dev/n38693842/loading/default/preview.1757437710704.png","pc":"n38693842","sb":"Spinners"},{"id":"21st:n38693842__loading-animation","t":"Loading animation","d":"This is the cool and animated loading which you can use for aesthetics.","s":"21st","c":"status/loader","a":"n38693842","pl":"https://cdn.21st.dev/n38693842/loading-animation/default/preview.1761978052194.png","pc":"n38693842","sb":"Spinners"},{"id":"21st:n38693842__loading-balls","t":"Loading balls","d":"this is bouncing balls animation anyone can use this as their loader or represent thinking of modal or agent.","s":"21st","c":"status/loader","a":"n38693842","pl":"https://cdn.21st.dev/n38693842/loading-balls/default/preview.1758486287329.png","pc":"n38693842","sb":"Spinners"},{"id":"21st:n38693842__mac-os-dock","t":"Mac os dock","d":"MacOS dock smooth animation you can use","s":"21st","c":"navigation/dock","a":"n38693842","pl":"https://cdn.21st.dev/user_31xiWFWGCT7hUJEfSU5KG2zqd2n/mac-os-dock/default/preview.1785528163965.png","pc":"n38693842","tg":["dock","navigation-menu"]},{"id":"21st:n38693842__pricing-cards","t":"Pricing cards","d":"This is the pricing card with smooth and ux friendly animation with card and button","k":"section","s":"21st","c":"marketing/pricing","a":"n38693842","pl":"https://cdn.21st.dev/n38693842/pricing-cards/default/preview.1761888671327.png","pc":"n38693842","sb":"Plan cards"},{"id":"21st:n38693842__process-task","t":"Process task","d":"This is the click animation on the button according to the type of loading with full process","k":"section","s":"21st","c":"marketing/features","a":"n38693842","st":"rated","pl":"https://cdn.21st.dev/n38693842/process-task/default/preview.1760727169354.png","pc":"n38693842","sc":21,"sb":"Steps"},{"id":"21st:n38693842__rays-card-animation","t":"Rays card animation","d":"This is the animated card having cool animation of rays","s":"21st","c":"data-display/card","a":"n38693842","pl":"https://cdn.21st.dev/n38693842/rays-card-animation/default/preview.1760724138625.png","pc":"n38693842"},{"id":"21st:n38693842__ripple-button","t":"Ripple button","d":"this is the ripple style animated button you can use making good ux","s":"21st","c":"assets/icon","a":"n38693842","pl":"https://cdn.21st.dev/n38693842/ripple-button/default/preview.1759638143508.png","pc":"n38693842"},{"id":"21st:n38693842__text-animation","t":"Text animation","d":"This is the text letter animation of hovering on the text.","k":"motion","s":"21st","c":"motion/text-effect","a":"n38693842","pl":"https://cdn.21st.dev/n38693842/text-animation/default/preview.1761062742649.png","pc":"n38693842"},{"id":"21st:n38693842__user-authentication-card","t":"User authentication card","d":"User authentication card having border animation and button animation. one card with register or login both.","s":"21st","c":"flows/sign-in","a":"n38693842","pl":"https://cdn.21st.dev/n38693842/user-authentication-card/default/preview.1757704674822.png","pc":"n38693842","sb":"Sign in"},{"id":"21st:n38693842__website-preview","t":"Website preview","d":"This is the hover animation of the webpage preview.","k":"page","s":"21st","c":"pages/templates","a":"n38693842","pl":"https://cdn.21st.dev/n38693842/website-preview/default/preview.1760723289401.png","pc":"n38693842"},{"id":"21st:nakulgupta2004__amazing-header","t":"Amazing header","d":"some attractive header going over here ","s":"21st","c":"navigation/top-nav","a":"nakulgupta2004","pl":"https://cdn.21st.dev/user_2x8Kl1Kxukzq2rrqZETp4Hcxj3t/amazing-header/nexus-the-ultima/preview.png","pc":"nakulgupta2004"},{"id":"21st:namanbansal580__3d-globe-animated","t":"3d globe animated","k":"motion","s":"21st","c":"motion/globe","a":"namanbansal580","pl":"https://cdn.21st.dev/namanbansal580/3d-globe-animated/default/preview.1747256781704.png","pc":"namanbansal580"},{"id":"21st:namanbansal580__animated-feature-cards","t":"Animated feature cards","d":"Animated feature cards are interactive UI components that highlight key features or services of a product using motion effects. They typically include an icon or image, a title, an","k":"section","s":"21st","c":"marketing/features","a":"namanbansal580","pl":"https://cdn.21st.dev/namanbansal580/animated-feature-cards/default/preview.1747255279609.png","pc":"namanbansal580","sb":"Grid of cards"},{"id":"21st:namanbansal580__neon-sign-in","t":"Neon sign in","s":"21st","c":"flows/sign-in","a":"namanbansal580","pl":"https://cdn.21st.dev/namanbansal580/neon-sign-in/default/preview.1747255435067.png","pc":"namanbansal580","sb":"Sign in"},{"id":"21st:nayan_radadiya6__first-place-leaderboard","t":"First place leaderboard","d":"Here is First Place Leaderboard component","s":"21st","c":"data-display/gamification","a":"nayan_radadiya6","u":25,"pl":"https://cdn.21st.dev/larsen66/first-place-leaderboard/default/preview.1756569312329.png","pc":"nayan_radadiya6","tg":["badge","avatar","card","profile"]},{"id":"21st:nayan_radadiya6__kpi-card","t":"Kpi card","d":"Here is KPI card component","s":"21st","c":"data-display/stat","a":"nayan_radadiya6","u":52,"pl":"https://cdn.21st.dev/larsen66/kpi-card/default/preview.1756507642594.png","pc":"nayan_radadiya6","tg":["dashboard","stat"]},{"id":"21st:nayan_radadiya6__pricing-card-triple","t":"Pricing card triple","d":"Here is Pricing Card Triple  component","s":"21st","c":"data-display/card","a":"nayan_radadiya6","pl":"https://cdn.21st.dev/larsen66/pricing-card-triple/default/preview.1756507463262.png","pc":"nayan_radadiya6","tg":["icon","pricing-section","table"],"sb":"Pricing"},{"id":"21st:nayan_radadiya6__pricing-cart-duo","t":"Pricing cart duo","d":"Here is Pricing Cart Duo component","k":"section","s":"21st","c":"marketing/pricing","a":"nayan_radadiya6","pl":"https://cdn.21st.dev/larsen66/pricing-cart-duo/default/preview.1756507381885.png","pc":"nayan_radadiya6","tg":["badge","pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:nayan_radadiya6__testimonial","t":"Testimonial","d":"Here is Testimonial component","k":"section","s":"21st","c":"marketing/testimonials","a":"nayan_radadiya6","pl":"https://cdn.21st.dev/larsen66/testimonial/default/preview.1756507308456.png","pc":"nayan_radadiya6","tg":["carousel","testimonials"]},{"id":"21st:nayan_radadiya6__timeline-rail","t":"Timeline rail","d":"Here is Timeline Rail component","s":"21st","c":"data-display/timeline","a":"nayan_radadiya6","u":41,"pl":"https://cdn.21st.dev/larsen66/timeline-rail/default/preview.1756507139925.png","pc":"nayan_radadiya6","tg":["progress","steps","timeline"]},{"id":"21st:nblairwalker__m-ascii","t":"M ascii","d":"Animated (flicker) ASCII art in the Characters style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a monochrome look. A drop-in, zero-dependency Re","k":"motion","s":"21st","c":"motion/ascii","a":"nblairwalker","pl":"https://cdn.21st.dev/nblairwalker/m-ascii/default/preview.1784407905435-6a191e5a-1813-4848-b651-845713524aab.webp","pc":"nblairwalker","tg":["video"],"sb":"Characters"},{"id":"21st:nblairwalker__n-ascii","t":"N ascii","d":"Animated (shimmer) ASCII art in the Hex Dump style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a terminal look. A drop-in, zero-dependency React ","k":"motion","s":"21st","c":"motion/ascii","a":"nblairwalker","pl":"https://cdn.21st.dev/nblairwalker/n-ascii/default/preview.1784407861848-26571f2c-6998-44aa-bb31-98b5e16c6df9.webp","pc":"nblairwalker","tg":["video"],"sb":"Hex Dump"},{"id":"21st:nblairwalker__nm","t":"Nm","d":"Animated (flicker) ASCII art in the Characters style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a minimal, terminal look. A drop-in, zero-depend","k":"motion","s":"21st","c":"motion/ascii","a":"nblairwalker","pl":"https://cdn.21st.dev/nblairwalker/nm/default/preview.1784407954705-d96bade1-8911-4907-809c-bebc6b7b24f0.webp","pc":"nblairwalker","tg":["video"],"sb":"Characters"},{"id":"21st:ncdai__apple-hello-effect","t":"Apple hello effect","d":"Create a \"Hello\" writing effect inspired by Apple using Motion for React.","k":"motion","s":"21st","c":"motion/text-effect","a":"ncdai","u":215,"pl":"https://cdn.21st.dev/ncdai/apple-hello-effect/default/preview.1748432446616.png","pc":"ncdai","tg":["text"],"sb":"Handwriting and SVG"},{"id":"21st:ncdai__brand-assets-menu","t":"Brand assets menu","d":"Right-click context menu for copying a brand's logomark and logotype as SVG and opening brand guideline and asset download links.","s":"21st","c":"navigation/menu","a":"ncdai","pl":"https://cdn.21st.dev/ncdai/brand-assets-menu/default/preview.1785524969962-ec62ed6e-f7f9-4c3e-82bc-b0b32a89ad7f.png","pc":"ncdai"},{"id":"21st:ncdai__chevrons-up-down-icon","t":"Chevrons up down icon","d":"Animated chevrons icon that morphs between up and down directions on trigger.","s":"21st","c":"assets/icon","a":"ncdai","pl":"https://cdn.21st.dev/ncdai/chevrons-up-down-icon/default/preview.1784758281479-6245edbb-a201-409f-acad-0fee6e7a72ca.png","pc":"ncdai"},{"id":"21st:ncdai__hello-apple-style","t":"Hello apple style","d":"Here is Hello Apple style component","k":"motion","s":"21st","c":"motion/text-effect","a":"ncdai","pl":"https://cdn.21st.dev/larsen66/hello-apple-style/default/preview.1756729066010.png","pc":"ncdai","sb":"Handwriting and SVG"},{"id":"21st:ncdai__hero-01","t":"Hero 01","d":"A marketing hero section with a golden spiral background, headline, call-to-action buttons, and a tech-stack logo row.","k":"section","s":"21st","c":"marketing/hero","a":"ncdai","u":16,"pl":"https://cdn.21st.dev/ncdai/hero-01/default/preview.1783679828361.png","pc":"ncdai","tg":["cta","hero"]},{"id":"21st:ncdai__icon-swap","t":"Icon swap","d":"Animate swapping between icons with scale, blur, and fade transitions when the active icon changes.","s":"21st","c":"assets/icon","a":"ncdai","pl":"https://cdn.21st.dev/ncdai/icon-swap/default/preview.1784759530839-ffb8faa1-805f-4b2e-83b2-9c4fd01ce016.png","pc":"ncdai"},{"id":"21st:ncdai__middle-truncation","t":"Middle truncation","d":"A text component that truncates long strings in the middle with an ellipsis, preserving the start and end while auto-recalculating on container resize.","k":"motion","s":"21st","c":"motion/text-effect","a":"ncdai","pl":"https://cdn.21st.dev/ncdai/middle-truncation/default/preview.1784705310203-5c5bd481-3b1f-4664-a449-49c1b2e17959.png","pc":"ncdai"},{"id":"21st:ncdai__mobius-loop-icon","t":"Mobius loop icon","d":"Animated SVG icon that continuously morphs between two circles and an infinity shape.","s":"21st","c":"assets/icon","a":"ncdai","pl":"https://cdn.21st.dev/ncdai/mobius-loop-icon/default/preview.1784758509842-024297c4-558b-4846-a3fe-93587223f2f8.png","pc":"ncdai","tg":["icon"]},{"id":"21st:ncdai__spinning-circular-text","t":"Spinning circular text","d":"Text arranged in a circle with a continuous spinning animation, with adjustable character spacing and font size.","k":"motion","s":"21st","c":"motion/text-effect","a":"ncdai","pl":"https://cdn.21st.dev/ncdai/spinning-circular-text/default/preview.1784703017247-68e8df17-37cd-4fca-8398-5e7a7bf09652.png","pc":"ncdai"},{"id":"21st:ncdai__testimonial","t":"Testimonial","d":"A composable testimonial card for displaying user feedback with a quote, author name, avatar with ring, tagline, and verified badge.","k":"section","s":"21st","c":"marketing/testimonials","a":"ncdai","u":5,"pl":"https://cdn.21st.dev/ncdai/testimonial/default/preview.1784460661754-a0005e0f-7c7c-4496-bf62-7923f5b79751.png","pc":"ncdai","tg":["profile","testimonials"]},{"id":"21st:ncdai__testimonial-2","t":"Testimonial 2","d":"A testimonial quote block with a serif pull-quote, author name, tagline, and a link to the source.","k":"section","s":"21st","c":"marketing/testimonials","a":"ncdai","u":4,"pl":"https://cdn.21st.dev/ncdai/testimonial-2/default/preview.1784432011538-dd098c63-30c7-46d8-a97c-1c0ec51e5c4d.png","pc":"ncdai","tg":["testimonials"]},{"id":"21st:ncdai__theme-switcher-1","t":"Theme switcher 1","d":"Here is Theme Switcher component","s":"21st","c":"actions/switch","a":"ncdai","u":38,"pl":"https://cdn.21st.dev/larsen66/theme-switcher-1/default/preview.1756728825114.png","pc":"ncdai","tg":["toggle"],"sb":"Theme toggles"},{"id":"21st:ncdai__wheel-picker","t":"Wheel picker","d":"iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.","s":"21st","c":"inputs/select","a":"ncdai","u":23,"pl":"https://cdn.21st.dev/ncdai/wheel-picker/default/preview.1748433378520.png","pc":"ncdai","tg":["scroll-area"]},{"id":"21st:neelvp2004__navabar","t":"Navabar","d":"A clean navbar that looks invisible at the top and smoothly turns into a blurred bar when you scroll down. The text stays white and doesn’t move or change size.","s":"21st","c":"navigation/top-nav","a":"neelvp2004","pl":"https://cdn.21st.dev/neelvp2004/navabar/default/preview.1757604336707.png","pc":"neelvp2004","sb":"Mega menus"},{"id":"21st:nellycyberpro__maomao","t":"Maomao","d":"Animated (flicker) ASCII art in the Dither style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a crt, cyberpunk, monochrome look. A drop-in, zero-d","k":"motion","s":"21st","c":"motion/ascii","a":"nellycyberpro","pl":"https://cdn.21st.dev/nellycyberpro/maomao/default/preview.1784575257508-79d1648c-51b1-403a-a5e1-ded4b4e6f34e.webp","pc":"nellycyberpro","tg":["video"],"sb":"Dither"},{"id":"21st:nelwincatalogo__x-scroll","t":"X scroll","d":"Responsive Horizontal Scroll Area","k":"layout","s":"21st","c":"layout/scroll-area","a":"nelwincatalogo","u":67,"pl":"https://cdn.21st.dev/user_2rtF7GBob1asfHOFfd2LxOZyMAT/x-scroll/default/preview.png","pc":"nelwincatalogo","tg":["scroll-area"]},{"id":"21st:netaji9850__border-beam-button","t":"Border beam button","s":"21st","c":"actions/button","a":"netaji9850","pl":"https://cdn.21st.dev/netaji9850/border-beam-button/default/preview.1764890621469.png","pc":"netaji9850","sb":"Animated"},{"id":"21st:netaji9850__glowing-chat-input","t":"Glowing chat input","d":"A glowing chat input","s":"21st","c":"ai-agent/composer","a":"netaji9850","pl":"https://cdn.21st.dev/netaji9850/glowing-chat-input/default/preview.1764891715973.png","pc":"netaji9850"},{"id":"21st:netaji9850__rainbow-sidebar","t":"Rainbow sidebar","d":"A simple rainbow sidebar","s":"21st","c":"navigation/sidebar","a":"netaji9850","pl":"https://cdn.21st.dev/netaji9850/rainbow-sidebar/default/preview.1764914757573.png","pc":"netaji9850"},{"id":"21st:nevsky118__footer","t":"Footer","d":"Footer","k":"section","s":"21st","c":"marketing/footer","a":"nevsky118","u":1284,"pl":"https://cdn.21st.dev/user_nevsky118/footer/default/preview.png","pc":"nevsky118","tg":["footer","link","navigation-menu"]},{"id":"21st:nevsky118__not-found","t":"Not found","d":"Not found page 05","k":"page","s":"21st","c":"pages/templates","a":"nevsky118","pl":"https://cdn.21st.dev/user_nevsky118/not-found/default/preview.1738157638216.png","pc":"nevsky118","tg":["button","empty-state","search"],"sb":"Error and status pages"},{"id":"21st:neweartheconomy__iris","t":"Iris","d":"Animated (flicker) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, ca","k":"motion","s":"21st","c":"motion/ascii","a":"neweartheconomy","pl":"https://cdn.21st.dev/neweartheconomy/iris/default/preview.1785289842168-6445ebd3-e286-4b8b-8b59-d261c7f825ea.webp","pc":"neweartheconomy","sb":"Characters"},{"id":"21st:nextjsshop__animated-arrow-button","t":"Animated arrow button","d":"A playful button with a minimal dotted-arrow animation that gives a quirky \"plop\" effect. Designed for fun, experimental, or creative interfaces, it adds a touch of humor and uniqu","s":"21st","c":"actions/button","a":"nextjsshop","u":61,"pl":"https://cdn.21st.dev/nextjsshop/animated-arrow-button/default/preview.1756659517971.png","pc":"nextjsshop","tg":["button"],"sb":"Animated"},{"id":"21st:nextjsshop__arrow-dots-button","t":"Arrow dots button","d":"A sleek button featuring an animated dotted arrow, ideal for navigation or call-to-action elements. Its minimal design and smooth motion make it perfect for modern interfaces that ","s":"21st","c":"actions/button","a":"nextjsshop","u":90,"pl":"https://cdn.21st.dev/nextjsshop/arrow-dots-button/default/preview.1756717047899.png","pc":"nextjsshop","tg":["cta"]},{"id":"21st:nextjsshop__file-upload","t":"File upload","d":"A drag-and-drop file upload component with support for images, documents, and PDFs. It features a clean card-style design, making it easy to integrate into forms, dashboards, or fi","s":"21st","c":"inputs/file-upload","a":"nextjsshop","pl":"https://cdn.21st.dev/nextjsshop/file-upload/default/preview.1756720233675.png","pc":"nextjsshop","tg":["upload-download"]},{"id":"21st:nextjsshop__filter-chips-breadcrumb","t":"Filter chips breadcrumb","d":"A filter bar component that displays active filters as removable chips with a clear-all option. Ideal for e-commerce, dashboards, and search interfaces, it helps users easily manag","s":"21st","c":"navigation/breadcrumb","a":"nextjsshop","u":28,"pl":"https://cdn.21st.dev/nextjsshop/filter-chips-breadcrumb/default/preview.1756724211140.png","pc":"nextjsshop","tg":["chip"]},{"id":"21st:nextjsshop__icon-accordion","t":"Icon accordion","d":"An accordion component with icons, titles, and descriptions for each section. Ideal for organizing content, features, or settings into collapsible panels, making information easy t","k":"resource","s":"21st","c":"assets/icon","a":"nextjsshop","u":27,"pl":"https://cdn.21st.dev/nextjsshop/icon-accordion/default/preview.1756722427586.png","pc":"nextjsshop","tg":["accordion"]},{"id":"21st:nextjsshop__nextjsshop-button","t":"Nextjsshop button","d":"A versatile button component that supports different styles, sizes, and states. It can be used for primary actions, secondary actions, and interactive UI elements while maintaining","s":"21st","c":"actions/button","a":"nextjsshop","u":59,"pl":"https://cdn.21st.dev/nextjsshop/nextjsshop-button/default/preview.1756641923089.png","pc":"nextjsshop"},{"id":"21st:nextjsshop__pixel-broke-button","t":"Pixel broke button","d":"A glitchy pixel-styled button that mimics a broken or distorted look. Ideal for creative projects, retro game UIs, or playful error states, it adds a unique visual effect that stan","s":"21st","c":"actions/button","a":"nextjsshop","pl":"https://cdn.21st.dev/nextjsshop/pixel-broke-button/default/preview.1756658714410.png","pc":"nextjsshop"},{"id":"21st:nextjsshop__pixel-button","t":"Pixel button","d":"A retro-styled button inspired by classic pixel art and arcade games. Perfect for projects with a nostalgic or playful theme, it combines blocky aesthetics with interactive functio","s":"21st","c":"actions/button","a":"nextjsshop","pl":"https://cdn.21st.dev/nextjsshop/pixel-button/default/preview.1756642572674.png","pc":"nextjsshop","sb":"Icon buttons"},{"id":"21st:nextjsshop__sneaky-button","t":"Sneaky button","d":"A playful button with a sliding arrow animation that sneaks in from the side. Perfect for adding fun interactions to navigation, menus, or call-to-actions while keeping a clean and","s":"21st","c":"actions/button","a":"nextjsshop","pl":"https://cdn.21st.dev/nextjsshop/sneaky-button/default/preview.1756717693248.png","pc":"nextjsshop"},{"id":"21st:nextjsshop__tags-breadcrumb","t":"Tags breadcrumb","d":"A tag list Breadcrumb component with counters, ideal for displaying categories, filters, or topics with their associated counts.","s":"21st","c":"navigation/breadcrumb","a":"nextjsshop","pl":"https://cdn.21st.dev/nextjsshop/tags-breadcrumb/default/preview.1756723395585.png","pc":"nextjsshop"},{"id":"21st:nexus-ui__animated-countdown","t":"Animated countdown","d":"A flip-style countdown timer with animated number transitions and modern, digital, minimal, and classic variants.","k":"motion","s":"21st","c":"motion/number-ticker","a":"nexus-ui","pl":"https://cdn.21st.dev/nexus-ui/animated-countdown/default/preview.1783719370557.png","pc":"nexus-ui"},{"id":"21st:nexus-ui__animated-select-headline","t":"Animated select headline","d":"A hero heading that cycles through keyword variants with blur-fade transitions, highlighting the active word with an accent gradient.","k":"motion","s":"21st","c":"motion/text-effect","a":"nexus-ui","u":2,"pl":"https://cdn.21st.dev/nexus-ui/animated-select-headline/default/preview.1784681111964-60c5f66d-9394-4af7-b0a8-ed9ceb5b56a3.png","pc":"nexus-ui"},{"id":"21st:nexus-ui__ask-nexus-input","t":"Ask nexus input","d":"An AI-style ask input with a rotating placeholder and a canvas particle disintegration animation that dissolves the query text on submit.","s":"21st","c":"inputs/form-field","a":"nexus-ui","st":"rated","pl":"https://cdn.21st.dev/nexus-ui/ask-nexus-input/default/preview.1784286717205-a8f0427a-d7d1-4c20-a647-e31feb12a800.png","pc":"nexus-ui","tg":["ai-chat"],"sc":20},{"id":"21st:nexus-ui__beam-sweep-field","t":"Beam sweep field","d":"An animated background with a slow sweeping vertical light beam over a subtle grid, for cinematic section backdrops.","s":"21st","c":"inputs/form-field","a":"nexus-ui","pl":"https://cdn.21st.dev/nexus-ui/beam-sweep-field/default/preview.1783581551869.png","pc":"nexus-ui","tg":["grid"]},{"id":"21st:nexus-ui__chat-messages","t":"Chat messages","d":"Animated chat conversation with sequential message bubbles, typing indicators, and optional interactive input for AI and chatbot demos.","s":"21st","c":"ai-agent/ai-agent","a":"nexus-ui","pl":"https://cdn.21st.dev/nexus-ui/chat-messages/default/preview.1784358333941-8fe47408-1d90-4abb-8d79-ab5cb29f46aa.png","pc":"nexus-ui","tg":["ai-chat","avatar","input"],"sb":"Chat"},{"id":"21st:nexus-ui__cinematic-logo-cloud","t":"Cinematic logo cloud","d":"A logo cloud that reveals brand logos with a staggered blur-fade entrance, with grid and marquee layout variants.","k":"section","s":"21st","c":"marketing/logos","a":"nexus-ui","u":6,"pl":"https://cdn.21st.dev/nexus-ui/cinematic-logo-cloud/default/preview.1784712712559-f552daa0-8218-459e-a326-7bae6930eb4e.png","pc":"nexus-ui","tg":["clients","grid"]},{"id":"21st:nexus-ui__circular-carousel","t":"Circular carousel","d":"An animated orbital carousel that arcs cards along a curved track with smooth active-card transitions, autoplay, dot indicators, and keyboard navigation.","s":"21st","c":"media/carousel","a":"nexus-ui","pl":"https://cdn.21st.dev/nexus-ui/circular-carousel/default/preview.1784917780107-1874b319-d482-4189-9cb8-abe5f5bee9c2.png","pc":"nexus-ui","tg":["carousel","slider"]},{"id":"21st:nexus-ui__depth-testimonials","t":"Depth testimonials","d":"Stacked testimonial cards that layer with depth and reveal on scroll with staggered motion.","k":"section","s":"21st","c":"marketing/testimonials","a":"nexus-ui","u":4,"pl":"https://cdn.21st.dev/nexus-ui/depth-testimonials/default/preview.1784739975465-56c56c9b-eaa2-4899-becc-1fafa2333380.png","pc":"nexus-ui","tg":["testimonials"]},{"id":"21st:nexus-ui__dot-grid-hero","t":"Dot grid hero","d":"Cinematic hero section with a Canvas-rendered dot grid that reacts to cursor proximity, with particles that scale, brighten, and spring back to rest.","k":"section","s":"21st","c":"marketing/hero","a":"nexus-ui","pl":"https://cdn.21st.dev/nexus-ui/dot-grid-hero/default/preview.1785376441104-4f7102ec-4832-4001-8320-82a1eebfce49.png","pc":"nexus-ui"},{"id":"21st:nexus-ui__forge-ai-command-bar","t":"Forge ai command bar","d":"A glassmorphic command input bar for AI copilots with an animated motion layout container.","s":"21st","c":"ai-agent/ai-agent","a":"nexus-ui","st":"rated","pl":"https://cdn.21st.dev/nexus-ui/forge-ai-command-bar/default/preview.1784662285644-d7bdde6c-f039-4f07-b26e-83a33bea76b0.png","pc":"nexus-ui","tg":["ai-chat"],"sc":19,"sb":"Chat"},{"id":"21st:nexus-ui__hover-highlight-text","t":"Hover highlight text","d":"Animated heading where a cursor-tracked spotlight reveals an outlined version of the text beneath a faint base layer, using spring physics for a smooth cinematic hover effect.","k":"motion","s":"21st","c":"motion/text-effect","a":"nexus-ui","pl":"https://cdn.21st.dev/nexus-ui/hover-highlight-text/default/preview.1784754981567-587baace-6032-413b-9dc0-a0a926cb966c.png","pc":"nexus-ui"},{"id":"21st:nexus-ui__image-trail","t":"Image trail","d":"A cursor trail that spawns and cycles through a configurable image array as you move the pointer, with fade-blur transitions and an optional magnetic repulsion effect.","s":"21st","c":"media/gallery","a":"nexus-ui","pl":"https://cdn.21st.dev/nexus-ui/image-trail/default/preview.1783581735514.png","pc":"nexus-ui","tg":["cursor","gallery"]},{"id":"21st:nexus-ui__infinite-moving-cards","t":"Infinite moving cards","d":"A horizontally scrolling marquee of cards with seamless infinite looping, direction and speed controls, pause on hover, and edge fade masks — ideal for testimonials, logo strips, a","s":"21st","c":"data-display/card","a":"nexus-ui","u":10,"pl":"https://cdn.21st.dev/nexus-ui/infinite-moving-cards/default/preview.1784354284757-456c55df-7d12-4ff3-8d8e-0590e2e25ead.png","pc":"nexus-ui","tg":["carousel","marquee","scroll-area","testimonials"]},{"id":"21st:nexus-ui__logo-clouds","t":"Logo clouds","d":"Animated logo cloud sections for showcasing partner and brand logos, with marquee, spotlight, blur, single-row, and swap-reveal variants.","k":"section","s":"21st","c":"marketing/logos","a":"nexus-ui","u":2,"pl":"https://cdn.21st.dev/nexus-ui/logo-clouds/default/preview.1784460668169-f46bb524-1543-41a7-8e34-77c957079868.png","pc":"nexus-ui","tg":["clients"]},{"id":"21st:nexus-ui__nebula-cta-glow","t":"Nebula cta glow","d":"A call-to-action button with a pulsing nebula glow effect animated behind it.","k":"section","s":"21st","c":"marketing/cta","a":"nexus-ui","pl":"https://cdn.21st.dev/nexus-ui/nebula-cta-glow/default/preview.1783728316341.png","pc":"nexus-ui","tg":["cta"]},{"id":"21st:nexus-ui__orbit-footer","t":"Orbit footer","d":"Compact dark footer with a brand name and inline developer links like docs and status.","k":"section","s":"21st","c":"marketing/footer","a":"nexus-ui","u":2,"pl":"https://cdn.21st.dev/nexus-ui/orbit-footer/default/preview.1783728529715.png","pc":"nexus-ui","tg":["footer","link"]},{"id":"21st:nexus-ui__shader-flow","t":"Shader flow","d":"An animated shader-style background with flowing gradient blobs, a subtle noise overlay, and optional cursor-reactive motion for hero sections.","k":"motion","s":"21st","c":"motion/background","a":"nexus-ui","pl":"https://cdn.21st.dev/nexus-ui/shader-flow/default/preview.1784824047551-7d0e8a1e-0ff7-40c4-8a0a-de26ca1e5ca4.png","pc":"nexus-ui","sb":"Shaders and WebGL"},{"id":"21st:nexus-ui__shooting-stars-grid","t":"Shooting stars grid","d":"Animated dot-grid background with diagonal shooting star streaks and glowing nodes for hero sections and feature blocks.","k":"motion","s":"21st","c":"motion/background","a":"nexus-ui","pl":"https://cdn.21st.dev/nexus-ui/shooting-stars-grid/default/preview.1783581449869.png","pc":"nexus-ui","sb":"Particles and stars"},{"id":"21st:nexus-ui__sparkles","t":"Sparkles","d":"Configurable animated particle field for hero highlights, card backgrounds, and decorative UI layers with optional pointer interaction.","k":"motion","s":"21st","c":"motion/background","a":"nexus-ui","pl":"https://cdn.21st.dev/nexus-ui/sparkles/default/preview.1785378238380-2b5dcb29-9ec9-4aea-b06d-715aea75fef2.png","pc":"nexus-ui","sb":"Particles and stars"},{"id":"21st:nexus-ui__starfield-hero","t":"Starfield hero","d":"Dark hero section with a cursor-reactive canvas starfield where glowing particles stretch, brighten, and rotate toward the pointer.","k":"section","s":"21st","c":"marketing/hero","a":"nexus-ui","pl":"https://cdn.21st.dev/nexus-ui/starfield-hero/default/preview.1785377504128-81cfe36d-7c2a-4203-ae2b-4ba932c23844.png","pc":"nexus-ui"},{"id":"21st:nexus-ui__text-reveal-card","t":"Text reveal card","d":"Interactive spotlight card with a mouse-follow glow and a cursor-driven text reveal at the bottom for features, case studies, and portfolio sections.","s":"21st","c":"data-display/card","a":"nexus-ui","u":2,"pl":"https://cdn.21st.dev/nexus-ui/text-reveal-card/default/preview.1783718687259.png","pc":"nexus-ui"},{"id":"21st:nexus-ui__typewriter-effect","t":"Typewriter effect","d":"Character-by-character typewriter text animation with a blinking cursor, optional deleting, looping across phrases, and semantic heading support.","k":"motion","s":"21st","c":"motion/text-effect","a":"nexus-ui","pl":"https://cdn.21st.dev/nexus-ui/typewriter-effect/default/preview.1784658490276-8f4a9da7-6d1b-4826-9c93-193d180bef41.png","pc":"nexus-ui","sb":"Typewriter"},{"id":"21st:nexus-ui__vector-tilt-scene","t":"Vector tilt scene","d":"A spring-driven 3D tilt glass panel that follows the cursor, for hero cards and feature highlights.","k":"motion","s":"21st","c":"motion/tilt-3d","a":"nexus-ui","pl":"https://cdn.21st.dev/nexus-ui/vector-tilt-scene/default/preview.1783581366846.png","pc":"nexus-ui"},{"id":"21st:nexus-ui__workbench-sidebar","t":"Workbench sidebar","d":"A dense glassmorphic sidebar navigation with animated hover for dashboards and internal tools.","s":"21st","c":"navigation/sidebar","a":"nexus-ui","u":9,"pl":"https://cdn.21st.dev/nexus-ui/workbench-sidebar/default/preview.1783728703460.png","pc":"nexus-ui","tg":["dashboard","sidebar"]},{"id":"21st:nexxeondigitalsolutions-cmyk__wonder","t":"Wonder","d":"Animated (wave) ASCII art in the Pixel Art style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"nexxeondigitalsolutions-cmyk","pl":"https://cdn.21st.dev/nexxeondigitalsolutions-cmyk/wonder/default/preview.1787007035224-1fe1a8ea-43ee-4148-beb3-8f1b21e716c1.png","pc":"nexxeondigitalsolutions-cmyk","sb":"Pixel Art"},{"id":"21st:nicolassalok1__flavers","t":"Flavers","d":"Animated WebGL shader background in the Static Mesh Gradient style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color ","k":"motion","s":"21st","c":"motion/shader","a":"nicolassalok1","pl":"https://cdn.21st.dev/nicolassalok1/flavers/default/preview.1785894362986-dea931ff-7088-45b0-82da-a034376aaec4.webp","pc":"nicolassalok1","sb":"Static Mesh Gradient"},{"id":"21st:niganuga__button","t":"Button","d":"test test test button as an example","s":"21st","c":"actions/button","a":"niganuga","pl":"https://cdn.21st.dev/niganuga/button/default/preview.1773264780940.png","pc":"niganuga"},{"id":"21st:nikhiljainsam__draggable-priority-list","t":"Draggable priority list","d":"A keyboard and drag-and-drop reorderable list with rank numbers, smooth transitions, and full accessibility support. Built with native HTML5 DnD.","s":"21st","c":"data-display/list","a":"nikhiljainsam","pl":"https://cdn.21st.dev/nikhiljainsam/draggable-priority-list/default/preview.1778525361062.png","pc":"nikhiljainsam","tg":["list"],"sb":"Sortable"},{"id":"21st:nilsnomane__hero-section-5","t":"Hero section 5","d":"Full-page hero block with animated sticky header, infinite logo slider with brand logos, and background video. Standalone — no registry dependencies.","k":"section","s":"21st","c":"marketing/hero","a":"nilsnomane","pl":"https://21st.dev/@nilsnomane/components/hero-section-5","pc":"nilsnomane"},{"id":"21st:nilsnomane__testbutton","t":"Testbutton","d":"Simple test button to verify publishing works.","s":"21st","c":"actions/button","a":"nilsnomane","pl":"https://21st.dev/@nilsnomane/components/testbutton","pc":"nilsnomane"},{"id":"21st:nitishniraj06__document-searching-animation","t":"Document searching animation","d":"A clean and simple loading animation for a document search function. The magnifying glass smoothly scans over the files, providing clear visual feedback to the user that their quer","s":"21st","c":"inputs/search","a":"nitishniraj06","pl":"https://cdn.21st.dev/nitishniraj06/document-searching-animation/default/preview.1752138326449.png","pc":"nitishniraj06"},{"id":"21st:nlace-com__mesh-gradient-shader","t":"Mesh gradient shader","d":"Animated mesh gradient shader background, ideal for hero sections and decorative elements.","k":"motion","s":"21st","c":"motion/background","a":"nlace-com","u":6,"pl":"https://cdn.21st.dev/nlace-com/mesh-gradient-shader/default/preview.1785313636357-71229eb5-4d72-4da5-9e7b-eea20484a422.png","pc":"nlace-com","sb":"Shaders and WebGL"},{"id":"21st:norway81__dq","t":"Dq","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#03120E, #0E7C5A, #7CE577, #F4FFC7). A drop-in, zero-dependency React","k":"motion","s":"21st","c":"motion/shader","a":"norway81","pl":"https://cdn.21st.dev/norway81/dq/default/preview.1785829545473-3e99d2cf-3500-42b6-aa8c-00926528f6e9.png","pc":"norway81","sb":"Silk"},{"id":"21st:notshekharsahu__waves-shader","t":"Waves shader","d":"Animated WebGL shader background in the Waves style, generated by the 21st.dev Shader Builder. 4-color palette (#02010A, #04052E, #3D2C8D, #916BBF). Features: cursor-reactive (spot","k":"motion","s":"21st","c":"motion/shader","a":"notshekharsahu","pl":"https://cdn.21st.dev/notshekharsahu/waves-shader/default/preview.1783781207773.png","pc":"notshekharsahu","sb":"Waves"},{"id":"21st:notskyzzer__nice-bg","t":"Nice bg","d":"Animated WebGL shader background in the Halftone style, generated by the 21st.dev Shader Builder. 2-color palette (#3C3483, #161A41). Features: film grain, cursor-reactive (swirl).","k":"motion","s":"21st","c":"motion/shader","a":"notskyzzer","u":4,"pl":"https://cdn.21st.dev/notskyzzer/nice-bg/default/preview.1784238394976-520bed26-57c8-4445-b8dc-941b2b260598.webp","pc":"notskyzzer","tg":["cursor"],"sb":"Halftone"},{"id":"21st:noveminfo__aa","t":"Aa","d":"aaaaaaaaaffewfwefaffafffff","s":"21st","c":"other","a":"noveminfo","pl":"https://cdn.21st.dev/noveminfo/aa/default/preview.1751708510354.png","pc":"noveminfo"},{"id":"21st:nparashar150__ai-writer","t":"Ai writer","d":"A powerful rich text editor with AI capabilities built with Tiptap.","k":"motion","s":"21st","c":"motion/text-effect","a":"nparashar150","pl":"https://cdn.21st.dev/nparashar150/ai-writer/default/preview.1769365278497.png","pc":"nparashar150","sb":"Handwriting and SVG"},{"id":"21st:nparashar150__query-builder","t":"Query builder","d":"A powerful, shadcn-styled query builder for filtering data. Supports nested groups, multiple field types, and exports clean JSON.","s":"21st","c":"other","a":"nparashar150","st":"rated","pl":"https://cdn.21st.dev/nparashar150/query-builder/default/preview.1767302124639.png","pc":"nparashar150","sc":21},{"id":"21st:nparashar150__timeline","t":"Timeline","d":"Multi-track timeline editor","s":"21st","c":"data-display/timeline","a":"nparashar150","st":"rated","pl":"https://cdn.21st.dev/nparashar150/timeline/default/preview.1758562057771.png","pc":"nparashar150","sc":22},{"id":"21st:npouliss__test","t":"Test","d":"Animated (wave) ASCII art in the Mosaic style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a pixel look. A drop-in, zero-dependency React componen","k":"motion","s":"21st","c":"motion/ascii","a":"npouliss","pl":"https://cdn.21st.dev/npouliss/test/default/preview.1783929080840.png","pc":"npouliss","tg":["video"],"sb":"Mosaic"},{"id":"21st:nuova.esperienza.1993__shader-anima","t":"Shader anima","d":"Animated WebGL shader background in the Warp stripes style, generated by the 21st.dev Shader Builder. 4-color palette (#04212A, #143943, #7DD4E8, #C7D0D6). Features: film grain, cu","k":"motion","s":"21st","c":"motion/shader","a":"nuova.esperienza.1993","pl":"https://cdn.21st.dev/nuova.esperienza.1993/shader-anima/default/preview.1784213170033-9950b707-700e-409f-a15f-bc7826dbbbf1.webp","pc":"nuova.esperienza.1993","tg":["cursor"],"sb":"Warp stripes"},{"id":"21st:nyxbui__globe","t":"Globe","d":"Here is animated Globe ","k":"motion","s":"21st","c":"motion/globe","a":"nyxbui","pl":"https://cdn.21st.dev/larsen66/globe/default/preview.1750173776553.png","pc":"nyxbui","tg":["globe"]},{"id":"21st:nyxbui__stepper","t":"Stepper","d":"Display content divided into a steps sequence.","s":"21st","c":"navigation/wizard-steps","a":"nyxbui","u":267,"pl":"https://cdn.21st.dev/user_nyxbui/stepper.png","pc":"nyxbui","tg":["steps"]},{"id":"21st:nyxbui__timeline","t":"Timeline","d":"Displays a list of events in chronological order.","s":"21st","c":"data-display/timeline","a":"nyxbui","u":203,"pl":"https://cdn.21st.dev/user_nyxbui/timeline.png","pc":"nyxbui","tg":["timeline"]},{"id":"21st:nyxbui__video-modal","t":"Video modal","d":"Example component for demonstrating Video Modal component","s":"21st","c":"overlays/dialog","a":"nyxbui","u":49,"pl":"https://cdn.21st.dev/user_nyxbui/video-modal.png","pc":"nyxbui","tg":["modal","video"],"sb":"Media"},{"id":"21st:nyxbui__warp-background","t":"Warp background","d":"Here is Warp Background animation","k":"motion","s":"21st","c":"motion/background","a":"nyxbui","u":22,"pl":"https://cdn.21st.dev/larsen66/warp-background/default/preview.1750173412665.png","pc":"nyxbui","sb":"Waves and warps"},{"id":"21st:obscurepastas__background-1","t":"Background 1","d":"Animated WebGL shader background in the Metaballs style. Background variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"obscurepastas","pl":"https://cdn.21st.dev/obscurepastas/background-1/default/preview.1786724122314-3d8274fd-47ac-4649-96d7-a295610d3847.webp","pc":"obscurepastas","sb":"Metaballs"},{"id":"21st:oeneco__dynamic-frame-layout","t":"Dynamic frame layout","d":"Dynamic Frame Layout","s":"21st","c":"media/player","a":"oeneco","u":259,"pl":"https://cdn.21st.dev/user_oeneco/dynamic-frame-layout/default/preview.png","pc":"oeneco","tg":["gallery","video"]},{"id":"21st:ohmfordev__hero","t":"Hero","d":"A hero section component with animated gradient background and customizable content.\n\nFeatures\n\n- Animated gradient background\n- Customizable title and subtitle\n- Configurable acti","k":"section","s":"21st","c":"marketing/hero","a":"ohmfordev","u":1049,"pl":"https://cdn.21st.dev/user_ohmfordev/hero.png","pc":"ohmfordev","tg":["ai-chat","cta"],"sb":"SaaS and AI"},{"id":"21st:ola.leandroaraujo__shader-r","t":"Shader r","d":"Animated WebGL shader background in the Mesh drift style, generated by the 21st.dev Shader Builder. 4-color palette (#03120E, #0E7C5A, #7CE577, #F4FFC7). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"ola.leandroaraujo","u":5,"pl":"https://cdn.21st.dev/ola.leandroaraujo/shader-r/default/preview.1783885601979.webp","pc":"ola.leandroaraujo","sb":"Mesh drift"},{"id":"21st:oladejibidmus__aki3","t":"Aki3","d":"a beutiiful saas fashyboard","s":"21st","c":"other","a":"oladejibidmus","pl":"https://cdn.21st.dev/oladejibidmus/aki3/default/preview.1752540325628.png","pc":"oladejibidmus"},{"id":"21st:oldkong88__cartoon-button","t":"Cartoon button","d":"Cartoon Style Button","s":"21st","c":"actions/button","a":"oldkong88","u":60,"pl":"https://cdn.21st.dev/user_2vOYzEX38Q67e1sovzgyVj7bzuU/cartoon-button/cartoon-style-button/preview.png","pc":"oldkong88","sb":"Icon buttons"},{"id":"21st:oldkong88__windows-container","t":"Windows container","d":"A retro-style container for nostalgic UI","s":"21st","c":"other","a":"oldkong88","pl":"https://cdn.21st.dev/oldkong88/windows-container/default/preview.1746860236472.png","pc":"oldkong88"},{"id":"21st:olivier_1b6cd5bc__accordion","t":"Accordion","s":"21st","c":"data-display/accordion","a":"olivier_1b6cd5bc","pl":"https://21st.dev/@olivier_1b6cd5bc/components/accordion","pc":"olivier_1b6cd5bc"},{"id":"21st:olivier_1b6cd5bc__accordion-1","t":"Accordion 1","d":"Here is Accordion component","s":"21st","c":"data-display/accordion","a":"olivier_1b6cd5bc","u":10,"pl":"https://21st.dev/@olivier_1b6cd5bc/components/accordion-1","pc":"olivier_1b6cd5bc","tg":["accordion","faq","icon","list"],"sb":"FAQ"},{"id":"21st:olivier_1b6cd5bc__alert-dialog","t":"Alert dialog","s":"21st","c":"overlays/dialog","a":"olivier_1b6cd5bc","pl":"https://21st.dev/@olivier_1b6cd5bc/components/alert-dialog","pc":"olivier_1b6cd5bc","sb":"Confirm"},{"id":"21st:olivier_1b6cd5bc__aspect-ratio-1","t":"Aspect ratio 1","s":"21st","c":"other","a":"olivier_1b6cd5bc","pl":"https://21st.dev/@olivier_1b6cd5bc/components/aspect-ratio-1","pc":"olivier_1b6cd5bc"},{"id":"21st:olivier_1b6cd5bc__avatar-1","t":"Avatar 1","s":"21st","c":"data-display/avatar","a":"olivier_1b6cd5bc","pl":"https://21st.dev/@olivier_1b6cd5bc/components/avatar-1","pc":"olivier_1b6cd5bc","tg":["avatar","profile"]},{"id":"21st:olivier_1b6cd5bc__breadcrumb-1","t":"Breadcrumb 1","d":"Here is Breadcrumb component","s":"21st","c":"navigation/breadcrumb","a":"olivier_1b6cd5bc","u":13,"pl":"https://21st.dev/@olivier_1b6cd5bc/components/breadcrumb-1","pc":"olivier_1b6cd5bc","tg":["badge","icon","link","navigation-menu"]},{"id":"21st:olivier_1b6cd5bc__button-1","t":"Button 1","d":"Here is Button component","s":"21st","c":"actions/button","a":"olivier_1b6cd5bc","u":10,"pl":"https://21st.dev/@olivier_1b6cd5bc/components/button-1","pc":"olivier_1b6cd5bc","tg":["button","icon","link","spinner"],"sb":"Icon buttons"},{"id":"21st:olivier_1b6cd5bc__checkbox-group-1","t":"Checkbox group 1","s":"21st","c":"inputs/checkbox","a":"olivier_1b6cd5bc","pl":"https://21st.dev/@olivier_1b6cd5bc/components/checkbox-group-1","pc":"olivier_1b6cd5bc","tg":["checkbox","list"]},{"id":"21st:olivier_1b6cd5bc__collapsible-1","t":"Collapsible 1","s":"21st","c":"data-display/accordion","a":"olivier_1b6cd5bc","pl":"https://21st.dev/@olivier_1b6cd5bc/components/collapsible-1","pc":"olivier_1b6cd5bc","tg":["list"]},{"id":"21st:olivier_1b6cd5bc__context-menu-1","t":"Context menu 1","s":"21st","c":"overlays/context-menu","a":"olivier_1b6cd5bc","pl":"https://21st.dev/@olivier_1b6cd5bc/components/context-menu-1","pc":"olivier_1b6cd5bc","tg":["menu"]},{"id":"21st:olivier_1b6cd5bc__dialog-2","t":"Dialog 2","s":"21st","c":"overlays/dialog","a":"olivier_1b6cd5bc","pl":"https://21st.dev/@olivier_1b6cd5bc/components/dialog-2","pc":"olivier_1b6cd5bc","tg":["alert","notification","modal"],"sb":"Confirm"},{"id":"21st:olivier_1b6cd5bc__input-1","t":"Input 1","d":"Here is Input component","s":"21st","c":"inputs/form-field","a":"olivier_1b6cd5bc","u":10,"pl":"https://21st.dev/@olivier_1b6cd5bc/components/input-1","pc":"olivier_1b6cd5bc","tg":["input"]},{"id":"21st:olivier_1b6cd5bc__menubar-1","t":"Menubar 1","s":"21st","c":"navigation/top-nav","a":"olivier_1b6cd5bc","pl":"https://21st.dev/@olivier_1b6cd5bc/components/menubar-1","pc":"olivier_1b6cd5bc","tg":["menu","navigation-menu"],"sb":"Mega menus"},{"id":"21st:olivier_1b6cd5bc__navigation-menu-4","t":"Navigation menu 4","s":"21st","c":"navigation/top-nav","a":"olivier_1b6cd5bc","pl":"https://21st.dev/@olivier_1b6cd5bc/components/navigation-menu-4","pc":"olivier_1b6cd5bc","sb":"Mega menus"},{"id":"21st:olivier_1b6cd5bc__number-field-1","t":"Number field 1","s":"21st","c":"inputs/number-input","a":"olivier_1b6cd5bc","pl":"https://21st.dev/@olivier_1b6cd5bc/components/number-field-1","pc":"olivier_1b6cd5bc"},{"id":"21st:olivier_1b6cd5bc__popover-1","t":"Popover 1","d":"Here is Popover component","s":"21st","c":"overlays/popover","a":"olivier_1b6cd5bc","u":21,"pl":"https://21st.dev/@olivier_1b6cd5bc/components/popover-1","pc":"olivier_1b6cd5bc","tg":["notification","popover","tooltip"]},{"id":"21st:olivier_1b6cd5bc__preview-card","t":"Preview card","s":"21st","c":"overlays/hover-card","a":"olivier_1b6cd5bc","pl":"https://21st.dev/@olivier_1b6cd5bc/components/preview-card","pc":"olivier_1b6cd5bc","tg":["link","popover","tooltip"]},{"id":"21st:olivier_1b6cd5bc__progress-1","t":"Progress 1","s":"21st","c":"data-viz/progress-bar","a":"olivier_1b6cd5bc","pl":"https://21st.dev/@olivier_1b6cd5bc/components/progress-1","pc":"olivier_1b6cd5bc","tg":["progress"]},{"id":"21st:olivier_1b6cd5bc__radio-1","t":"Radio 1","s":"21st","c":"inputs/radio","a":"olivier_1b6cd5bc","pl":"https://21st.dev/@olivier_1b6cd5bc/components/radio-1","pc":"olivier_1b6cd5bc","tg":["radio-group"]},{"id":"21st:olivier_1b6cd5bc__scroll-area-1","t":"Scroll area 1","k":"layout","s":"21st","c":"layout/scroll-area","a":"olivier_1b6cd5bc","pl":"https://21st.dev/@olivier_1b6cd5bc/components/scroll-area-1","pc":"olivier_1b6cd5bc","tg":["scroll-area"]},{"id":"21st:olivier_1b6cd5bc__select-1","t":"Select 1","d":"Here is Select component","s":"21st","c":"inputs/select","a":"olivier_1b6cd5bc","u":22,"pl":"https://21st.dev/@olivier_1b6cd5bc/components/select-1","pc":"olivier_1b6cd5bc","tg":["select"]},{"id":"21st:olivier_1b6cd5bc__separator-1","t":"Separator 1","s":"21st","c":"other","a":"olivier_1b6cd5bc","pl":"https://21st.dev/@olivier_1b6cd5bc/components/separator-1","pc":"olivier_1b6cd5bc"},{"id":"21st:olivier_1b6cd5bc__slider-1","t":"Slider 1","s":"21st","c":"inputs/slider","a":"olivier_1b6cd5bc","pl":"https://21st.dev/@olivier_1b6cd5bc/components/slider-1","pc":"olivier_1b6cd5bc","tg":["slider"]},{"id":"21st:olivier_1b6cd5bc__switch-1","t":"Switch 1","s":"21st","c":"actions/switch","a":"olivier_1b6cd5bc","pl":"https://21st.dev/@olivier_1b6cd5bc/components/switch-1","pc":"olivier_1b6cd5bc","tg":["toggle"]},{"id":"21st:olivier_1b6cd5bc__tabs-1","t":"Tabs 1","s":"21st","c":"navigation/tabs","a":"olivier_1b6cd5bc","pl":"https://21st.dev/@olivier_1b6cd5bc/components/tabs-1","pc":"olivier_1b6cd5bc","tg":["tabs"]},{"id":"21st:olivier_1b6cd5bc__toast-1","t":"Toast 1","d":"Here is Toast component","s":"21st","c":"overlays/toast","a":"olivier_1b6cd5bc","u":26,"pl":"https://21st.dev/@olivier_1b6cd5bc/components/toast-1","pc":"olivier_1b6cd5bc","tg":["alert","notification","toast"]},{"id":"21st:olivier_1b6cd5bc__toggle-group","t":"Toggle group","s":"21st","c":"actions/switch","a":"olivier_1b6cd5bc","pl":"https://21st.dev/@olivier_1b6cd5bc/components/toggle-group","pc":"olivier_1b6cd5bc"},{"id":"21st:olivier_1b6cd5bc__toolbar-1","t":"Toolbar 1","s":"21st","c":"navigation/menu","a":"olivier_1b6cd5bc","pl":"https://21st.dev/@olivier_1b6cd5bc/components/toolbar-1","pc":"olivier_1b6cd5bc","sb":"Menubars"},{"id":"21st:olivier_1b6cd5bc__tooltip-1","t":"Tooltip 1","s":"21st","c":"overlays/tooltip","a":"olivier_1b6cd5bc","pl":"https://21st.dev/@olivier_1b6cd5bc/components/tooltip-1","pc":"olivier_1b6cd5bc","tg":["tooltip"]},{"id":"21st:olovajs__orbiting-carousel-with-animated-icons","t":"Orbiting carousel with animated icons","d":"This variation of the Orbiting Carousel adds a layer of interactivity with animated icons. Each item in the carousel not only orbits but also features its own animation, drawing at","s":"21st","c":"media/carousel","a":"olovajs","u":41,"pl":"https://cdn.21st.dev/olovajs/orbiting-carousel-with-animated-icons/default/preview.1755764039075.png","pc":"olovajs","tg":["carousel","profile"]},{"id":"21st:olovajs__orbiting-skills","t":"Orbiting skills","d":"A dynamic and visually appealing component that displays a set of skills or technologies in an orbiting pattern. Perfect for showcasing expertise, proficiency, or areas of interest","s":"21st","c":"media/carousel","a":"olovajs","pl":"https://cdn.21st.dev/olovajs/orbiting-skills/default/preview.1755766060280.png","pc":"olovajs"},{"id":"21st:om3gaholdings__rds-silk","t":"Rds silk","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#140A00, #1E1D1D, #FFC300, #FFF1B8). Features: cursor-reactive (swirl","k":"motion","s":"21st","c":"motion/shader","a":"om3gaholdings","pl":"https://cdn.21st.dev/om3gaholdings/rds-silk/default/preview.1785685525611-b17309a2-c8dd-42e7-9d92-e3eb97c81fa1.webp","pc":"om3gaholdings","sb":"Silk"},{"id":"21st:omrohilla6__3d-adaptive-navigation-bar","t":"3d adaptive navigation bar","d":"A stunning 3D navigation component with ultra-realistic depth, lighting, and material effects. Features:\n\n• Premium 3D design with photorealistic shadows and gradients\n• Smooth hov","s":"21st","c":"navigation/top-nav","a":"omrohilla6","u":161,"pl":"https://cdn.21st.dev/omrohilla6/3d-adaptive-navigation-bar/default/preview.1762522751145.png","pc":"omrohilla6","sb":"Mega menus"},{"id":"21st:omrohilla6__cinematic-theme-switcher","t":"Cinematic theme switcher","s":"21st","c":"actions/switch","a":"omrohilla6","u":138,"pl":"https://cdn.21st.dev/omrohilla6/cinematic-theme-switcher/default/preview.1761421089647.png","pc":"omrohilla6","tg":["icon","toggle"],"sb":"Theme toggles"},{"id":"21st:omrohilla6__comet-hero-section","t":"Comet hero section","d":"A stunning animated hero section featuring a  planet with  orbiting asteroids, twinkling stars, and an interactive comet cursor trail. Perfect for AI, space-themed landing pages. I","k":"section","s":"21st","c":"marketing/hero","a":"omrohilla6","pl":"https://cdn.21st.dev/omrohilla6/comet-hero-section/default/preview.1761821047937.png","pc":"omrohilla6"},{"id":"21st:openstatusHQ__datetime-picker","t":"Datetime picker","d":"A <TimePickerInput /> component built with React and Shadcn UI.\n\n- No additional library\n- Listens to keydown events\n- Supports arrow navigation\n- Formats date values\n- Optimizes m","s":"21st","c":"inputs/select","a":"openstatusHQ","u":158,"pl":"https://cdn.21st.dev/user_openstatusHQ/datetime-picker.png","pc":"openstatusHQ","tg":["calendar","date-picker"]},{"id":"21st:operaccav__test","t":"Test","d":"test component","s":"21st","c":"other","a":"operaccav","pl":"https://cdn.21st.dev/operaccav/test/default/preview.1752632206345.png","pc":"operaccav"},{"id":"21st:originui__accordion","t":"Accordion","d":"Enchanced shadcn/ui accordion","s":"21st","c":"data-display/accordion","a":"originui","u":1012,"pl":"https://cdn.21st.dev/user_originui/accordion/default/preview.1737991123511.png","pc":"originui","tg":["accordion","faq"],"sb":"FAQ"},{"id":"21st:originui__alert-dialog","t":"Alert dialog","d":"Alert Dialog","s":"21st","c":"overlays/dialog","a":"originui","u":123,"pl":"https://cdn.21st.dev/user_originui/alert-dialog.png","pc":"originui","tg":["alert","modal"],"sb":"Confirm"},{"id":"21st:originui__avatar","t":"Avatar","d":"Enchanced shadcn/ui avatar","s":"21st","c":"data-display/avatar","a":"originui","u":1199,"pl":"https://cdn.21st.dev/user_originui/avatar/default/preview.png","pc":"originui","tg":["badge","avatar","notification","profile"]},{"id":"21st:originui__breadcrumb","t":"Breadcrumb","d":"Enchanced shadcn/ui breadcrumb","s":"21st","c":"navigation/breadcrumb","a":"originui","u":328,"pl":"https://cdn.21st.dev/user_originui/breadcrumb/default/preview.png","pc":"originui","tg":["link","navigation-menu"]},{"id":"21st:originui__breadcrumb--with-slash","t":"With slash","s":"21st","c":"navigation/breadcrumb","a":"originui","pl":"https://cdn.21st.dev/user_originui/breadcrumb/with-slash/preview.1786744594052.png","pc":"originui"},{"id":"21st:originui__button","t":"Button","d":"Enhanced shadcn/ui button","s":"21st","c":"actions/button","a":"originui","u":7323,"pl":"https://cdn.21st.dev/user_originui/button/default/preview.png","pc":"originui","tg":["dropdown","link","notification","radio-group"],"sb":"Groups and split"},{"id":"21st:originui__calendar","t":"Calendar","d":"Calendar [React Day Picker]","s":"21st","c":"data-display/calendar","a":"originui","u":2028,"pl":"https://cdn.21st.dev/user_originui/calendar/default/preview.1737991983843.png","pc":"originui","tg":["calendar","date-picker","dropdown","input"]},{"id":"21st:originui__calendar-rac","t":"Calendar rac","d":"Calendar [React-Area]","s":"21st","c":"data-display/calendar","a":"originui","pl":"https://cdn.21st.dev/user_originui/calendar-rac/default/preview.1737992261935.png","pc":"originui","tg":["calendar","date-picker"]},{"id":"21st:originui__checkbox","t":"Checkbox","d":"Enhanced checkbox","s":"21st","c":"inputs/checkbox","a":"originui","u":236,"pl":"https://cdn.21st.dev/user_originui/checkbox/default/preview.png","pc":"originui","tg":["checkbox"]},{"id":"21st:originui__command","t":"Command","d":"Enhanced shadcn/ui command","s":"21st","c":"navigation/command-palette","a":"originui","st":"rated","u":345,"pl":"https://cdn.21st.dev/user_originui/command/default/preview.1737992708652.png","pc":"originui","tg":["search"],"sc":16},{"id":"21st:originui__compact-pagination","t":"Compact pagination","d":"Compact Pagination","s":"21st","c":"navigation/pagination","a":"originui","pl":"https://cdn.21st.dev/user_originui/compact-pagination/default/preview.1737992481914.png","pc":"originui"},{"id":"21st:originui__dialog","t":"Dialog","d":"Enhanced shadcn/ui dialog","s":"21st","c":"overlays/dialog","a":"originui","u":1873,"pl":"https://cdn.21st.dev/user_originui/dialog/default/preview.1737994194561.png","pc":"originui","tg":["alert","checkbox","faq","modal"],"sb":"Confirm"},{"id":"21st:originui__dialog--edit-profile-dialog","t":"Edit profile dialog","s":"21st","c":"data-display/profile","a":"originui","pl":"https://cdn.21st.dev/user_originui/dialog/edit-profile-dialog/preview.png?v=1","pc":"originui"},{"id":"21st:originui__dialog--onboardin-dialog","t":"Onboardin dialog","s":"21st","c":"navigation/wizard-steps","a":"originui","pl":"https://cdn.21st.dev/user_originui/dialog/onboardin-dialog/preview.png?v=1","pc":"originui","sb":"Onboarding"},{"id":"21st:originui__dialog--scrollable-sticky-footer","t":"Scrollable sticky footer","k":"section","s":"21st","c":"layout/scroll-area","a":"originui","pl":"https://cdn.21st.dev/user_originui/dialog/scrollable-sticky-footer/preview.png?v=1","pc":"originui"},{"id":"21st:originui__dropdown-menu","t":"Dropdown menu","d":"Enhanced shadcn/ui dropdown menu","s":"21st","c":"navigation/menu","a":"originui","u":1043,"pl":"https://cdn.21st.dev/user_originui/dropdown-menu/default/preview.png","pc":"originui","tg":["checkbox","dropdown","menu","profile"],"sb":"Dropdowns"},{"id":"21st:originui__hero-pill","t":"Hero pill","d":"A pill-shaped component for highlighting key features or messages with optional icons and animations.\n\nFeatures\n- Optional leading icon\n- Smooth entrance animation\n- Dark mode supp","s":"21st","c":"data-display/badge","a":"originui","u":139,"pl":"https://cdn.21st.dev/user_originui/hero-pill.png","pc":"originui","sb":"Tags and pills"},{"id":"21st:originui__image-crop","t":"Image crop","d":"Here is Image Crop component","s":"21st","c":"media/gallery","a":"originui","u":81,"pl":"https://cdn.21st.dev/larsen66/image-crop/default/preview.1751068736580.png","pc":"originui","tg":["image","slider","upload-download"]},{"id":"21st:originui__input","t":"Input","d":"Upgaraded shadcn/ui Input","s":"21st","c":"inputs/form-field","a":"originui","u":3518,"pl":"https://cdn.21st.dev/user_originui/input/default/preview.png","pc":"originui","tg":["calendar","date-picker","icon","input"]},{"id":"21st:originui__input-with-inner-tags","t":"Input with inner tags","d":"shadcn/ui input with inner tags","s":"21st","c":"inputs/form-field","a":"originui","u":153,"pl":"https://cdn.21st.dev/user_originui/input-with-inner-tags.png","pc":"originui","tg":["chip","input"]},{"id":"21st:originui__input-with-tags","t":"Input with tags","d":"shadcn/ui input with tags","s":"21st","c":"inputs/form-field","a":"originui","pl":"https://cdn.21st.dev/user_originui/input-with-tags.png","pc":"originui"},{"id":"21st:originui__joined-pagination","t":"Joined pagination","d":" ","s":"21st","c":"navigation/pagination","a":"originui","u":25,"pl":"https://cdn.21st.dev/user_originui/joined-pagination/default/preview.1737992324526.png","pc":"originui","tg":["list","pagination"]},{"id":"21st:originui__label","t":"Label","d":"Upgaraded shadcn/ui label","s":"21st","c":"inputs/form-field","a":"originui","u":421,"pl":"https://cdn.21st.dev/user_originui/label/default/preview.png","pc":"originui","sb":"Animated fields"},{"id":"21st:originui__multiselect","t":"Multiselect","d":"multiselect","s":"21st","c":"inputs/select","a":"originui","u":604,"pl":"https://cdn.21st.dev/user_originui/multiselect/default/preview.png","pc":"originui","tg":["select"]},{"id":"21st:originui__navigation-bar","t":"Navigation bar","d":"Here is navigation bar component","s":"21st","c":"navigation/top-nav","a":"originui","u":22,"pl":"https://cdn.21st.dev/larsen66/navigation-bar/default/preview.1750354774711.png","pc":"originui","sb":"Mega menus"},{"id":"21st:originui__navigation-menu","t":"Navigation menu","d":"Here is Navigation Menu component","s":"21st","c":"navigation/top-nav","a":"originui","u":185,"pl":"https://cdn.21st.dev/larsen66/navigation-menu/default/preview.1750354086939.png","pc":"originui","tg":["navigation-menu"],"sb":"Mega menus"},{"id":"21st:originui__navigation-menu-4","t":"Navigation menu 4","d":"Here is Navigation Bar component","s":"21st","c":"navigation/top-nav","a":"originui","u":177,"pl":"https://cdn.21st.dev/larsen66/navigation-menu-4/default/preview.1750969209946.png","pc":"originui","tg":["dropdown","notification","navigation-menu","search"],"sb":"Mega menus"},{"id":"21st:originui__newsletter-section","t":"Newsletter section","d":"A customizable newsletter subscription section with a modern design, loading states, and background effects.\n\nFeatures\n- Customizable title and styling\n- Built-in form handling and","k":"section","s":"21st","c":"marketing/cta","a":"originui","u":45,"pl":"https://cdn.21st.dev/user_originui/newsletter-section.png","pc":"originui","sb":"Newsletter and waitlist"},{"id":"21st:originui__numbered-pagination","t":"Numbered pagination","d":" ","s":"21st","c":"navigation/pagination","a":"originui","u":37,"pl":"https://cdn.21st.dev/user_originui/numbered-pagination/default/preview.1737992372368.png","pc":"originui","tg":["pagination"]},{"id":"21st:originui__pagination","t":"Pagination","d":"Enhanced shadcn/ui pagination","s":"21st","c":"navigation/pagination","a":"originui","u":89,"pl":"https://cdn.21st.dev/user_originui/pagination/default/preview.png","pc":"originui","tg":["navigation-menu","pagination"]},{"id":"21st:originui__popover","t":"Popover","d":"Enhanced shadcn/ui popover","s":"21st","c":"overlays/popover","a":"originui","u":943,"pl":"https://cdn.21st.dev/user_originui/popover/default/preview.png","pc":"originui","tg":["avatar","checkbox","dropdown","icon"]},{"id":"21st:originui__popover--notifications-with-avatars","t":"Notifications with avatars","s":"21st","c":"overlays/toast","a":"originui","pl":"https://cdn.21st.dev/user_originui/popover/notifications-with-avatars/preview.png?v=1","pc":"originui"},{"id":"21st:originui__radio-group","t":"Radio group","d":"Enhanced shadcn/ui radio group","s":"21st","c":"inputs/radio","a":"originui","u":363,"pl":"https://cdn.21st.dev/user_originui/radio-group/default/preview.png","pc":"originui","tg":["badge","form","icon","image"]},{"id":"21st:originui__select","t":"Select","d":"Enhanced shadcn/ui select","s":"21st","c":"inputs/select","a":"originui","u":942,"pl":"https://cdn.21st.dev/user_originui/select/default/preview.png","pc":"originui","tg":["select"]},{"id":"21st:originui__select-native","t":"Select native","d":"Native select in shadcn/ui style","s":"21st","c":"inputs/select","a":"originui","u":119,"pl":"https://cdn.21st.dev/user_originui/select-native/default/preview.1737996317098.png","pc":"originui","tg":["select"]},{"id":"21st:originui__simple-pagination","t":"Simple pagination","d":"Simple Pagination","s":"21st","c":"navigation/pagination","a":"originui","pl":"https://cdn.21st.dev/user_originui/simple-pagination/default/preview.1737992529924.png","pc":"originui"},{"id":"21st:originui__slider","t":"Slider","d":"Enhanced shadcn/ui slider","s":"21st","c":"inputs/slider","a":"originui","u":745,"pl":"https://cdn.21st.dev/user_originui/slider/default/preview.png","pc":"originui","tg":["slider","tooltip"]},{"id":"21st:originui__stepper","t":"Stepper","d":"Stepper","s":"21st","c":"navigation/wizard-steps","a":"originui","u":1060,"pl":"https://cdn.21st.dev/user_originui/stepper/default/preview.png","pc":"originui","tg":["avatar","progress","spinner","steps"]},{"id":"21st:originui__table","t":"Table","d":"Shadcn table with enhanced appearance","s":"21st","c":"data-display/table","a":"originui","u":2122,"pl":"https://cdn.21st.dev/user_originui/table/default/preview.png","pc":"originui","tg":["badge","avatar","checkbox","comparison"],"sb":"Comparison"},{"id":"21st:originui__tabs","t":"Tabs","d":"Enchanced shadcn/ui tabs","s":"21st","c":"navigation/tabs","a":"originui","u":1024,"pl":"https://cdn.21st.dev/user_originui/tabs/default/preview.png","pc":"originui","tg":["border","navigation-menu","scroll-area","tabs"]},{"id":"21st:originui__text-pagination","t":"Text pagination","d":"Pagination with text buttons","s":"21st","c":"navigation/pagination","a":"originui","u":24,"pl":"https://cdn.21st.dev/user_originui/text-pagination/default/preview.1737992436440.png","pc":"originui","tg":["pagination"]},{"id":"21st:originui__textarea","t":"Textarea","d":"Enhanced shadcn/ui textarea","s":"21st","c":"inputs/textarea","a":"originui","u":511,"pl":"https://cdn.21st.dev/user_originui/textarea/default/preview.png","pc":"originui","tg":["textarea"]},{"id":"21st:originui__tooltip","t":"Tooltip","d":"Enhanced shadcn/ui tooltip","s":"21st","c":"overlays/tooltip","a":"originui","u":1506,"pl":"https://cdn.21st.dev/user_originui/tooltip/default/preview.png","pc":"originui","tg":["stat","tooltip"]},{"id":"21st:originui__tree","t":"Tree","d":"Here is Tree component","s":"21st","c":"data-display/tree","a":"originui","u":135,"pl":"https://cdn.21st.dev/larsen66/tree/default/preview.1753192171005.png","pc":"originui","tg":["file-tree","list","search"]},{"id":"21st:originui__tree--tree-with-filtering","t":"Tree with filtering","s":"21st","c":"data-display/tree","a":"originui","pl":"https://cdn.21st.dev/user_originui/tree/tree-with-filtering/preview.1786998865608.png","pc":"originui"},{"id":"21st:originui__use-character-limit","t":"Use character limit","d":"useCharacterLimit hook","k":"lib","s":"21st","c":"lib/hook","a":"originui","pl":"https://cdn.21st.dev/user_originui/use-character-limit/default/preview.1737999477677.png","pc":"originui","tg":["hook"]},{"id":"21st:originui__use-image-upload","t":"Use image upload","d":"Hook for image uploading","s":"21st","c":"inputs/file-upload","a":"originui","pl":"https://cdn.21st.dev/user_originui/use-image-upload/default/preview.1737993011796.png","pc":"originui","tg":["hook","upload-download"]},{"id":"21st:originui__use-pagination","t":"Use pagination","d":"usePagination hook","s":"21st","c":"navigation/pagination","a":"originui","pl":"https://cdn.21st.dev/user_originui/use-pagination/default/preview.1738000533345.png","pc":"originui","tg":["hook","pagination"]},{"id":"21st:originui__use-slider-with-input","t":"Use slider with input","d":"A React hook that manages the state and logic for a slider component with corresponding input fields. Provides validation, range constraints, and synchronized updates between slide","s":"21st","c":"inputs/slider","a":"originui","u":48,"pl":"https://cdn.21st.dev/user_originui/use-slider-with-input.png","pc":"originui","tg":["hook","slider"]},{"id":"21st:osiris-balonga__date-wheel-picker","t":"Date wheel picker","s":"21st","c":"inputs/select","a":"osiris-balonga","pl":"https://cdn.21st.dev/osiris-balonga/date-wheel-picker/default/preview.1768783490638.png","pc":"osiris-balonga","tg":["date-picker","scroll-area"]},{"id":"21st:osiris-balonga__emoji-rating-selector","t":"Emoji rating selector","d":"Rating with emoji feedback.","s":"21st","c":"inputs/rating","a":"osiris-balonga","pl":"https://cdn.21st.dev/osiris-balonga/emoji-rating-selector/default/preview.1769476181833.png","pc":"osiris-balonga"},{"id":"21st:osiris-balonga__member-selector","t":"Member selector","s":"21st","c":"inputs/select","a":"osiris-balonga","pl":"https://cdn.21st.dev/osiris-balonga/member-selector/default/preview.1768780041067.png","pc":"osiris-balonga","tg":["select","team"]},{"id":"21st:osiris-balonga__story-viewer","t":"Story viewer","s":"21st","c":"media/carousel","a":"osiris-balonga","u":85,"pl":"https://cdn.21st.dev/osiris-balonga/story-viewer/default/preview.1769474518521.png","pc":"osiris-balonga","tg":["carousel"]},{"id":"21st:osmosupply__draw-random-underline","t":"Draw random underline","d":"Here is Draw Random Underline component","s":"21st","c":"other","a":"osmosupply","pl":"https://cdn.21st.dev/larsen66/draw-random-underline/default/preview.1753898125030.png","pc":"osmosupply"},{"id":"21st:osmosupply__looping-words-with-gsap","t":"Looping words with gsap","d":"Here is Looping words with GSAP","k":"motion","s":"21st","c":"motion/text-effect","a":"osmosupply","pl":"https://cdn.21st.dev/larsen66/looping-words-with-gsap/default/preview.1753898518403.png","pc":"osmosupply","tg":["text"],"sb":"Rotating words"},{"id":"21st:osmosupply__parallax-scrolling","t":"Parallax scrolling","d":"Here is Parallax Scrolling component","k":"layout","s":"21st","c":"layout/scroll-area","a":"osmosupply","u":345,"pl":"https://cdn.21st.dev/larsen66/parallax-scrolling/default/preview.1753957121379.png","pc":"osmosupply","tg":["hero","scroll-area","text"]},{"id":"21st:owencope__green-border","t":"Green border","d":"Animated WebGL shader background in the Pulsing Border style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color palett","k":"motion","s":"21st","c":"motion/shader","a":"owencope","pl":"https://cdn.21st.dev/owencope/green-border/default/preview.1786601721622-48278f82-90ad-402e-9d7f-80a510a5e59e.webp","pc":"owencope","sb":"Pulsing Border"},{"id":"21st:ozantekin__back-button","t":"Back button","d":"A stylish animated button component that reveals an arrow icon on hover, perfect for navigation and going back to previous pages.","s":"21st","c":"actions/button","a":"ozantekin","u":56,"pl":"https://cdn.21st.dev/user_2uBFUQQFefvDfuYzup60HJNvIkO/back-button/default/preview.1741970456308.png","pc":"ozantekin","tg":["navigation-menu"]},{"id":"21st:ozantekin__bookmark-icon-button","t":"Bookmark icon button","d":"A toggle-able bookmark button with animated icon and counter effects, perfect for favoriting or bookmarking content.","s":"21st","c":"actions/button","a":"ozantekin","u":49,"pl":"https://cdn.21st.dev/user_2uBFUQQFefvDfuYzup60HJNvIkO/bookmark-icon-button/default/preview.1741970396721.png","pc":"ozantekin","sb":"Icon buttons"},{"id":"21st:ozantekin__brightness-control","t":"Brightness control","d":"An interactive brightness control component with animated transitions, providing a user-friendly interface for adjusting brightness levels from 0-6.","s":"21st","c":"other","a":"ozantekin","pl":"https://cdn.21st.dev/user_2uBFUQQFefvDfuYzup60HJNvIkO/brightness-control/default/preview.1741970646711.png","pc":"ozantekin"},{"id":"21st:ozantekin__get-started-button","t":"Get started button","d":"An animated call-to-action button that reveals a chevron icon on hover, perfect for primary actions and onboarding experiences.","s":"21st","c":"actions/button","a":"ozantekin","u":480,"pl":"https://cdn.21st.dev/user_2uBFUQQFefvDfuYzup60HJNvIkO/get-started-button/default/preview.1741970557358.png","pc":"ozantekin","tg":["cta","onboarding"]},{"id":"21st:ozhangebesoglu__lamp-toggle-theme-switcher","t":"Lamp toggle theme switcher","s":"21st","c":"actions/switch","a":"ozhangebesoglu","pl":"https://cdn.21st.dev/ozhangebesoglu/lamp-toggle-theme-switcher/default/preview.1754856984179.png","pc":"ozhangebesoglu","sb":"Theme toggles"},{"id":"21st:ozhangebesoglu__parallax-card-grid","t":"Parallax card grid","d":"Animation Parallax Card Grid","s":"21st","c":"data-display/card","a":"ozhangebesoglu","pl":"https://cdn.21st.dev/ozhangebesoglu/parallax-card-grid/default/preview.1754858919615.png","pc":"ozhangebesoglu"},{"id":"21st:paboene25__waterfall","t":"Waterfall","d":"Animated (flicker) ASCII art in the Diamond style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards","k":"motion","s":"21st","c":"motion/ascii","a":"paboene25","pl":"https://cdn.21st.dev/paboene25/waterfall/default/preview.1787037645418-19569732-4697-46e6-a9aa-7811458e6a59.webp","pc":"paboene25","sb":"Diamond"},{"id":"21st:pacekit__ai-response-writer","t":"Ai response writer","d":"An auto-scrolling text display that smoothly keeps the latest streamed AI response always visible as new text arrives.","s":"21st","c":"ai-agent/ai-agent","a":"pacekit","pl":"https://cdn.21st.dev/pacekit/ai-response-writer/default/preview.1786712305002-3c1f9e34-5993-4036-8680-39a9cb3a6fc5.png","pc":"pacekit","tg":["ai-chat"],"sb":"Chat"},{"id":"21st:pacekit__ai-suggestions","t":"Ai suggestions","d":"A horizontally scrollable row of AI prompt suggestion chips that animate in and out, for chat and prompt input interfaces.","s":"21st","c":"ai-agent/ai-agent","a":"pacekit","pl":"https://cdn.21st.dev/pacekit/ai-suggestions/default/preview.1784311536063-091a60d7-9c79-4dd2-8aea-e3461c3d0173.png","pc":"pacekit","tg":["ai-chat","chip","scroll-area"],"sb":"Chat"},{"id":"21st:pacekit__bouncing-text","t":"Bouncing text","d":"Animated text that splits into individual characters and bounces them into place in sequence.","k":"motion","s":"21st","c":"motion/text-effect","a":"pacekit","pl":"https://cdn.21st.dev/pacekit/bouncing-text/default/preview.1783717039042.png","pc":"pacekit","tg":["text"]},{"id":"21st:pacekit__gradient-shadow","t":"Gradient shadow","d":"A wrapper that adds an animated, gradient glowing shadow behind its child on hover.","k":"motion","s":"21st","c":"motion/gradient","a":"pacekit","pl":"https://cdn.21st.dev/pacekit/gradient-shadow/default/preview.1784707423629-83d039a7-63cb-4a55-abdb-cac06e7169d3.png","pc":"pacekit"},{"id":"21st:pacekit__mouse-wave-text","t":"Mouse wave text","d":"Interactive text that ripples with a wave-like bounce effect as the mouse moves across the screen.","k":"motion","s":"21st","c":"motion/text-effect","a":"pacekit","pl":"https://cdn.21st.dev/pacekit/mouse-wave-text/default/preview.1783719025742.png","pc":"pacekit","sb":"Bouncy and wavy"},{"id":"21st:pacekit__scramble-text","t":"Scramble text","d":"A hover-triggered text effect that scrambles and restores its characters with smooth GSAP motion.","k":"motion","s":"21st","c":"motion/text-effect","a":"pacekit","pl":"https://cdn.21st.dev/pacekit/scramble-text/default/preview.1784473914057-ad1b59ee-b9f0-448d-9d7c-6cc92958d340.png","pc":"pacekit","sb":"Scramble and glitch"},{"id":"21st:pacekit__squash-text","t":"Squash text","d":"Animated heading whose characters bounce and squash into place with a playful, dynamic GSAP effect.","k":"motion","s":"21st","c":"motion/text-effect","a":"pacekit","pl":"https://cdn.21st.dev/pacekit/squash-text/default/preview.1783719108564.png","pc":"pacekit","tg":["text"]},{"id":"21st:paceui__dot-flow","t":"Dot flow","d":"here is Dot Flow component ","s":"21st","c":"other","a":"paceui","pl":"https://cdn.21st.dev/larsen66/dot-flow/default/preview.1750531970101.png","pc":"paceui"},{"id":"21st:paceui__dot-loader","t":"Dot loader","d":"Here is Dot Loader component","s":"21st","c":"status/loader","a":"paceui","pl":"https://cdn.21st.dev/larsen66/dot-loader/default/preview.1750436362336.png","pc":"paceui","tg":["spinner"],"sb":"Dots and pulse"},{"id":"21st:paceui__draw-line-text","t":"Draw line text","d":"Here is drawing line text component","k":"motion","s":"21st","c":"motion/text-effect","a":"paceui","pl":"https://cdn.21st.dev/larsen66/draw-line-text/default/preview.1750436397740.png","pc":"paceui","tg":["text"],"sb":"Handwriting and SVG"},{"id":"21st:paceui__flip-reveal","t":"Flip reveal","d":"Here is Flip Reveal component","s":"21st","c":"motion/text-effect","a":"paceui","u":115,"pl":"https://cdn.21st.dev/larsen66/flip-reveal/default/preview.1750436764971.png","pc":"paceui","sb":"Reveal and entrance"},{"id":"21st:paceui__liquid-cursor","t":"Liquid cursor","d":"Here is Liquid Cursor component","k":"motion","s":"21st","c":"motion/cursor","a":"paceui","pl":"https://cdn.21st.dev/larsen66/liquid-cursor/default/preview.1750436925541.png","pc":"paceui","tg":["cursor"]},{"id":"21st:paceui__liquid-glass","t":"Liquid glass","d":"Here is Liquid Glass component","k":"motion","s":"21st","c":"motion/cursor","a":"paceui","u":46,"pl":"https://cdn.21st.dev/larsen66/liquid-glass/default/preview.1750437048273.png","pc":"paceui","tg":["cursor"]},{"id":"21st:paceui__profile-peek","t":"Profile peek","d":"Here is profile peek component","s":"21st","c":"data-display/profile","a":"paceui","pl":"https://cdn.21st.dev/larsen66/profile-peek/default/preview.1750436529100.png","pc":"paceui","tg":["popover","profile"]},{"id":"21st:pandasama2025__666","t":"666","d":"gougou panda","s":"21st","c":"other","a":"pandasama2025","pl":"https://cdn.21st.dev/pandasama2025/666/default/preview.1752500265926.png","pc":"pandasama2025"},{"id":"21st:paper-design__color-panels","t":"Color panels","d":"Animated WebGL shader background in the Color Panels style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/color-panels/default/preview.1784835765757-86f81c69-1ea2-466f-a84b-c49fbe295b15.webp","pc":"paper-design","tg":["background"],"sb":"Color Panels"},{"id":"21st:paper-design__color-panels-glass","t":"Color panels glass","d":"Animated WebGL shader background in the Color Panels style. Glass variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/color-panels-glass/default/preview.1784835767330-5a24a6b5-fd22-4c2b-a2c4-436d61de783d.webp","pc":"paper-design","sb":"Color Panels"},{"id":"21st:paper-design__color-panels-gradient","t":"Color panels gradient","d":"Animated WebGL shader background in the Color Panels style. Gradient variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/color-panels-gradient/default/preview.1784835771853-dd29816a-d70c-499d-a027-18966bbb5902.webp","pc":"paper-design","sb":"Color Panels"},{"id":"21st:paper-design__color-panels-opening","t":"Color panels opening","d":"Animated WebGL shader background in the Color Panels style. Opening variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/color-panels-opening/default/preview.1784835786951-a8d86a94-e246-480c-9687-dcced1b2efe2.webp","pc":"paper-design","sb":"Color Panels"},{"id":"21st:paper-design__dithering","t":"Dithering","d":"Animated WebGL shader background in the Dithering style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#0","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","u":6,"pl":"https://cdn.21st.dev/paper-design/dithering/default/preview.1784835203978-f7089665-fdf3-4dfd-9d47-68b83787722e.webp","pc":"paper-design","tg":["background"],"sb":"Dithering"},{"id":"21st:paper-design__dithering-bugs","t":"Dithering bugs","d":"Animated WebGL shader background in the Dithering style. Bugs variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#0B0B","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/dithering-bugs/default/preview.1784835241106-96e11a54-0d19-4dd3-b785-e1ef3ae505df.webp","pc":"paper-design","sb":"Dithering"},{"id":"21st:paper-design__dithering-ripple","t":"Dithering ripple","d":"Animated WebGL shader background in the Dithering style. Ripple variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#AD","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/dithering-ripple/default/preview.1784835225016-2f590454-b362-44a5-b719-5dca342f3bee.webp","pc":"paper-design","sb":"Dithering"},{"id":"21st:paper-design__dithering-sine-wave","t":"Dithering sine wave","d":"Animated WebGL shader background in the Dithering style. Sine Wave variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/dithering-sine-wave/default/preview.1784835222353-f07b3fd3-deb4-45d9-ab60-b48a8a66d775.webp","pc":"paper-design","sb":"Dithering"},{"id":"21st:paper-design__dithering-swirl","t":"Dithering swirl","d":"Animated WebGL shader background in the Dithering style. Swirl variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#0B0","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","u":4,"pl":"https://cdn.21st.dev/paper-design/dithering-swirl/default/preview.1784835244188-780b50bc-f2e9-45d9-bc9c-c0f923cbe006.webp","pc":"paper-design","sb":"Dithering"},{"id":"21st:paper-design__dithering-warp","t":"Dithering warp","d":"Animated WebGL shader background in the Dithering style. Warp variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#0B0B","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/dithering-warp/default/preview.1784835219159-fdab0791-5e05-42ae-b115-5c0168c7354f.webp","pc":"paper-design","tg":["background"],"sb":"Dithering"},{"id":"21st:paper-design__dot-grid","t":"Dot grid","d":"Animated WebGL shader background in the Dot Grid style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#07","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/dot-grid/default/preview.1784835246472-84d7e894-26df-4f6a-97fa-e495d6d70977.webp","pc":"paper-design","sb":"Dot Grid"},{"id":"21st:paper-design__dot-grid-tree-line","t":"Dot grid tree line","d":"Animated WebGL shader background in the Dot Grid style. Tree line variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/dot-grid-tree-line/default/preview.1784835264828-8573c319-aa60-4adb-bca5-472a268b83ed.webp","pc":"paper-design","sb":"Dot Grid"},{"id":"21st:paper-design__dot-grid-triangles","t":"Dot grid triangles","d":"Animated WebGL shader background in the Dot Grid style. Triangles variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/dot-grid-triangles/default/preview.1784835261742-c166035c-b1b4-4c05-b5ae-aaef5f6a9a07.webp","pc":"paper-design","sb":"Dot Grid"},{"id":"21st:paper-design__dot-grid-wallpaper","t":"Dot grid wallpaper","d":"Animated WebGL shader background in the Dot Grid style. Wallpaper variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/dot-grid-wallpaper/default/preview.1784835268729-6ea26557-e579-4e9d-8626-ec585f8b65b8.webp","pc":"paper-design","sb":"Dot Grid"},{"id":"21st:paper-design__dot-orbit","t":"Dot orbit","d":"Animated multi-color dots pattern with each dot orbiting around its cell center. Supports many colors plus shape and motion controls. Great for playful, dynamic backgrounds and UI ","k":"motion","s":"21st","c":"motion/background","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/dot-orbit/default/preview.1785208963260-98c0adeb-4435-4b30-bfa9-9d7194d5f47a.png","pc":"paper-design","sb":"Grids and patterns"},{"id":"21st:paper-design__dot-orbit-bubbles","t":"Dot orbit bubbles","d":"Animated WebGL shader background in the Dot Orbit style. Bubbles variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#1","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/dot-orbit-bubbles/default/preview.1784835838046-7580ee54-ffea-4be2-b8c1-8143449ca291.webp","pc":"paper-design"},{"id":"21st:paper-design__dot-orbit-hallucinatory","t":"Dot orbit hallucinatory","d":"Animated WebGL shader background in the Dot Orbit style. Hallucinatory variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palet","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/dot-orbit-hallucinatory/default/preview.1784835844209-e421c976-7d07-4a12-a4d6-31db569ea381.webp","pc":"paper-design","tg":["background"]},{"id":"21st:paper-design__dot-orbit-shine","t":"Dot orbit shine","d":"Animated WebGL shader background in the Dot Orbit style. Shine variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#FBB","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/dot-orbit-shine/default/preview.1784835836884-7c59090a-9498-48cb-99b0-c7f0dc7fd6f0.webp","pc":"paper-design"},{"id":"21st:paper-design__fluted-glass","t":"Fluted glass","d":"Animated WebGL shader background in the Fluted Glass style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/fluted-glass/default/preview.1784835542106-5c53f8f2-2578-40e9-af3c-389e92f139d5.webp","pc":"paper-design","tg":["background"],"sb":"Fluted Glass"},{"id":"21st:paper-design__fluted-glass-abstract","t":"Fluted glass abstract","d":"Animated WebGL shader background in the Fluted Glass style. Abstract variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/fluted-glass-abstract/default/preview.1784835547797-d2e70bed-8bcc-4e83-bd49-315f862e74b4.webp","pc":"paper-design","sb":"Fluted Glass"},{"id":"21st:paper-design__fluted-glass-folds","t":"Fluted glass folds","d":"Animated WebGL shader background in the Fluted Glass style. Folds variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/fluted-glass-folds/default/preview.1784835564458-3c66c608-725c-4a4e-a843-5e66b1de4b43.webp","pc":"paper-design","sb":"Fluted Glass"},{"id":"21st:paper-design__fluted-glass-waves","t":"Fluted glass waves","d":"Animated WebGL shader background in the Fluted Glass style. Waves variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/fluted-glass-waves/default/preview.1784835550809-fe7fe70d-5e6a-4f3e-8417-67aa139fe6e3.webp","pc":"paper-design","sb":"Fluted Glass"},{"id":"21st:paper-design__gem-smoke","t":"Gem smoke","d":"Animated WebGL shader background in the Gem Smoke style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#1","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","u":7,"pl":"https://cdn.21st.dev/paper-design/gem-smoke/default/preview.1784835503709-69c94cdc-e487-4f9a-b898-06a38f20af77.webp","pc":"paper-design","sb":"Gem Smoke"},{"id":"21st:paper-design__gem-smoke-circle","t":"Gem smoke circle","d":"Animated WebGL shader background in the Gem Smoke style. Circle variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#11","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/gem-smoke-circle/default/preview.1784835508448-42184caa-38f9-4c68-b235-9e257b1c2b61.webp","pc":"paper-design","sb":"Gem Smoke"},{"id":"21st:paper-design__gem-smoke-daisy","t":"Gem smoke daisy","d":"Animated WebGL shader background in the Gem Smoke style. Daisy variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#F59","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/gem-smoke-daisy/default/preview.1784835518543-6789ebdd-3840-4c7b-93ff-f3c42349249b.webp","pc":"paper-design","sb":"Gem Smoke"},{"id":"21st:paper-design__gem-smoke-diamond","t":"Gem smoke diamond","d":"Animated WebGL shader background in the Gem Smoke style. Diamond variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#F","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/gem-smoke-diamond/default/preview.1784835526055-a1ed60a6-98df-4ca8-9abe-75e15415d6ce.webp","pc":"paper-design","sb":"Gem Smoke"},{"id":"21st:paper-design__gem-smoke-metaballs","t":"Gem smoke metaballs","d":"Animated WebGL shader background in the Gem Smoke style. Metaballs variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/gem-smoke-metaballs/default/preview.1784835529624-38224717-7570-4e7d-9170-e97784231794.webp","pc":"paper-design","tg":["background"],"sb":"Gem Smoke"},{"id":"21st:paper-design__god-rays","t":"God rays","d":"Animated WebGL shader background in the God Rays style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#05","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/god-rays/default/preview.1784835703720-13910a6d-71ba-4572-a2ed-5c0407b715c6.webp","pc":"paper-design","sb":"God Rays"},{"id":"21st:paper-design__god-rays-ether","t":"God rays ether","d":"Animated WebGL shader background in the God Rays style. Ether variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#E35D","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/god-rays-ether/default/preview.1784835725195-d48ffa83-9713-4f54-bc18-5ddf945c41de.webp","pc":"paper-design","sb":"God Rays"},{"id":"21st:paper-design__god-rays-linear","t":"God rays linear","d":"Animated WebGL shader background in the God Rays style. Linear variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#E35","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/god-rays-linear/default/preview.1784835723282-eb35b37f-bb2c-437e-87a2-779575f3171c.webp","pc":"paper-design","sb":"God Rays"},{"id":"21st:paper-design__god-rays-warp","t":"God rays warp","d":"Animated WebGL shader background in the God Rays style. Warp variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#05030","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/god-rays-warp/default/preview.1784835707933-1711fcb7-0527-4f39-bc7f-31f882ac41fd.webp","pc":"paper-design","sb":"God Rays"},{"id":"21st:paper-design__grain-gradient","t":"Grain gradient","d":"Animated WebGL shader background in the Grain Gradient style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palett","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","u":4,"pl":"https://cdn.21st.dev/paper-design/grain-gradient/default/preview.1784835882133-4d47d651-09d8-4c21-9ce7-06b4a564def0.webp","pc":"paper-design","sb":"Grain Gradient"},{"id":"21st:paper-design__grain-gradient-blob","t":"Grain gradient blob","d":"Animated WebGL shader background in the Grain Gradient style. Blob variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/grain-gradient-blob/default/preview.1784835928644-525d9bb8-16d5-402b-b7b2-7f95bab4c407.webp","pc":"paper-design","sb":"Grain Gradient"},{"id":"21st:paper-design__grain-gradient-dots","t":"Grain gradient dots","d":"Animated WebGL shader background in the Grain Gradient style. Dots variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/grain-gradient-dots/default/preview.1784835904576-3774e0b4-23fc-4826-87c4-ce7c1fa06438.webp","pc":"paper-design","sb":"Grain Gradient"},{"id":"21st:paper-design__grain-gradient-ripple","t":"Grain gradient ripple","d":"Animated WebGL shader background in the Grain Gradient style. Ripple variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/grain-gradient-ripple/default/preview.1784835912306-68aa7536-d0a4-4b06-9a06-203e4301c8f3.webp","pc":"paper-design","sb":"Grain Gradient"},{"id":"21st:paper-design__grain-gradient-truchet","t":"Grain gradient truchet","d":"Animated WebGL shader background in the Grain Gradient style. Truchet variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palett","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/grain-gradient-truchet/default/preview.1784835906380-2f997983-6ae5-41f2-929a-a71fd2905081.webp","pc":"paper-design","sb":"Grain Gradient"},{"id":"21st:paper-design__grain-gradient-wave","t":"Grain gradient wave","d":"Animated WebGL shader background in the Grain Gradient style. Wave variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/grain-gradient-wave/default/preview.1784835886640-d77a1261-7e26-41c9-94d5-7ab181e88c37.webp","pc":"paper-design","sb":"Grain Gradient"},{"id":"21st:paper-design__halftone-cmyk","t":"Halftone cmyk","d":"Animated WebGL shader background in the Halftone CMYK style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color palette","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/halftone-cmyk/default/preview.1784835594070-dd1e691a-ded9-476d-8f43-e1e1d7e73de3.webp","pc":"paper-design"},{"id":"21st:paper-design__halftone-cmyk-drops","t":"Halftone cmyk drops","d":"Animated WebGL shader background in the Halftone CMYK style. Drops variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","u":4,"pl":"https://cdn.21st.dev/paper-design/halftone-cmyk-drops/default/preview.1784835610201-3f69717a-8f63-48df-9ecb-e8bf8b2df225.webp","pc":"paper-design"},{"id":"21st:paper-design__halftone-cmyk-newspaper","t":"Halftone cmyk newspaper","d":"Animated WebGL shader background in the Halftone CMYK style. Newspaper variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color palet","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/halftone-cmyk-newspaper/default/preview.1784835613191-b09eadc1-e9d4-42c0-b3b2-8f062f926e93.webp","pc":"paper-design"},{"id":"21st:paper-design__halftone-cmyk-vintage","t":"Halftone cmyk vintage","d":"Animated WebGL shader background in the Halftone CMYK style. Vintage variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color palette","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/halftone-cmyk-vintage/default/preview.1784835617655-c4c7c409-2ffe-493f-a3f4-c4ba53b01215.webp","pc":"paper-design"},{"id":"21st:paper-design__halftone-dots","t":"Halftone dots","d":"Animated WebGL shader background in the Halftone Dots style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","u":6,"pl":"https://cdn.21st.dev/paper-design/halftone-dots/default/preview.1784835568822-6eb573e1-12be-4b72-b192-5cd00df55af9.webp","pc":"paper-design","tg":["background"],"sb":"Halftone Dots"},{"id":"21st:paper-design__halftone-dots-led-screen","t":"Halftone dots led screen","d":"Animated WebGL shader background in the Halftone Dots style. LED screen variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color pale","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/halftone-dots-led-screen/default/preview.1784835572116-98b231cf-9899-4312-a868-f185d572ffc5.webp","pc":"paper-design","sb":"Halftone Dots"},{"id":"21st:paper-design__halftone-dots-mosaic","t":"Halftone dots mosaic","d":"Animated WebGL shader background in the Halftone Dots style. Mosaic variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","u":4,"pl":"https://cdn.21st.dev/paper-design/halftone-dots-mosaic/default/preview.1784835587804-831444c8-1fb1-4d10-b627-941e22430b5c.webp","pc":"paper-design","sb":"Halftone Dots"},{"id":"21st:paper-design__halftone-dots-round-and-square","t":"Halftone dots round and square","d":"Animated WebGL shader background in the Halftone Dots style. Round and square variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-colo","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/halftone-dots-round-and-square/default/preview.1784835590831-17f6f2cb-f1c6-491f-8b62-86aef35016e0.webp","pc":"paper-design","tg":["background"],"sb":"Halftone Dots"},{"id":"21st:paper-design__heatmap","t":"Heatmap","d":"Animated WebGL shader background in the Heatmap style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 6-color palette (#000","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/heatmap/default/preview.1784835635246-b4a4a07b-b57b-4a47-8f68-cb6e9f7af572.webp","pc":"paper-design"},{"id":"21st:paper-design__heatmap-sepia","t":"Heatmap sepia","d":"Animated WebGL shader background in the Heatmap style. Sepia variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 6-color palette (#00000","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/heatmap-sepia/default/preview.1784835636131-a96975e5-a7d3-4afb-b31e-1025d9edad6e.webp","pc":"paper-design"},{"id":"21st:paper-design__image-dithering","t":"Image dithering","d":"Animated WebGL shader background in the Image Dithering style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palet","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/image-dithering/default/preview.1784835180123-0e5fe071-468c-4309-a147-77bd3d747052.webp","pc":"paper-design","tg":["background"]},{"id":"21st:paper-design__image-dithering-natural","t":"Image dithering natural","d":"Animated WebGL shader background in the Image Dithering style. Natural variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palet","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/image-dithering-natural/default/preview.1784835201318-1b2c966b-ef7f-41fb-be4c-32fa9325bad0.webp","pc":"paper-design"},{"id":"21st:paper-design__image-dithering-noise","t":"Image dithering noise","d":"Animated WebGL shader background in the Image Dithering style. Noise variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/image-dithering-noise/default/preview.1784835180911-8c465389-80c1-466d-9561-05d8e5775abb.webp","pc":"paper-design"},{"id":"21st:paper-design__image-dithering-retro","t":"Image dithering retro","d":"Animated WebGL shader background in the Image Dithering style. Retro variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/image-dithering-retro/default/preview.1784835197752-c7d2483f-3028-48db-8a13-c1a44d7e7618.webp","pc":"paper-design"},{"id":"21st:paper-design__liquid-metal","t":"Liquid metal","d":"Animated WebGL shader background in the Liquid Metal style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","u":6,"pl":"https://cdn.21st.dev/paper-design/liquid-metal/default/preview.1784835473355-aeb359bc-7395-4b26-8a10-bbb153922a77.webp","pc":"paper-design"},{"id":"21st:paper-design__liquid-metal-backdrop","t":"Liquid metal backdrop","d":"Animated WebGL shader background in the Liquid Metal style. Backdrop variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/liquid-metal-backdrop/default/preview.1784835485672-330d4ae9-7968-4123-bac1-f67fce9853d5.webp","pc":"paper-design"},{"id":"21st:paper-design__liquid-metal-noir","t":"Liquid metal noir","d":"Animated WebGL shader background in the Liquid Metal style. Noir variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#0","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/liquid-metal-noir/default/preview.1784835481251-9a983d2d-da06-4c44-b2a2-02efc65a17ec.webp","pc":"paper-design"},{"id":"21st:paper-design__liquid-metal-stripes","t":"Liquid metal stripes","d":"Animated WebGL shader background in the Liquid Metal style. Stripes variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/liquid-metal-stripes/default/preview.1784835495809-a20ad779-fde5-44aa-8a78-565e14b821b9.webp","pc":"paper-design"},{"id":"21st:paper-design__mesh-gradient","t":"Mesh gradient","d":"Animated WebGL shader background in the Mesh Gradient style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","u":14,"pl":"https://cdn.21st.dev/paper-design/mesh-gradient/default/preview.1784835038194-d68adef5-1887-4ea1-8d5c-e73b8df6b7e1.webp","pc":"paper-design","tg":["background"],"sb":"Mesh Gradient"},{"id":"21st:paper-design__mesh-gradient-beach","t":"Mesh gradient beach","d":"Animated WebGL shader background in the Mesh Gradient style. Beach variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","u":4,"pl":"https://cdn.21st.dev/paper-design/mesh-gradient-beach/default/preview.1784835037854-0d7c4735-f34e-4e85-9a60-798a5831f15b.webp","pc":"paper-design","tg":["background"],"sb":"Mesh Gradient"},{"id":"21st:paper-design__mesh-gradient-ink","t":"Mesh gradient ink","d":"Animated WebGL shader background in the Mesh Gradient style. Ink variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#1","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/mesh-gradient-ink/default/preview.1784834910912-14d0bca4-fd27-43eb-85b4-c80efdedf18d.webp","pc":"paper-design","tg":["background"],"sb":"Mesh Gradient"},{"id":"21st:paper-design__mesh-gradient-purple","t":"Mesh gradient purple","d":"Animated WebGL shader background in the Mesh Gradient style. Purple variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","u":4,"pl":"https://cdn.21st.dev/paper-design/mesh-gradient-purple/default/preview.1784835038165-a04e266e-19e2-417d-aeab-38114c84a056.webp","pc":"paper-design","sb":"Mesh Gradient"},{"id":"21st:paper-design__metaballs","t":"Metaballs","d":"Animated WebGL shader background in the Metaballs style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#0","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/metaballs/default/preview.1784835442952-bc09ecfe-6882-4c18-a43c-1327d61656ba.webp","pc":"paper-design","sb":"Metaballs"},{"id":"21st:paper-design__metaballs-background","t":"Metaballs background","d":"Animated WebGL shader background in the Metaballs style. Background variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/metaballs-background/default/preview.1784835464285-6c7fbb1f-6cb4-4b16-a71d-d993cc6e9046.webp","pc":"paper-design","sb":"Metaballs"},{"id":"21st:paper-design__metaballs-ink-drops","t":"Metaballs ink drops","d":"Animated WebGL shader background in the Metaballs style. Ink Drops variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/metaballs-ink-drops/default/preview.1784835451281-c312182e-92d1-404d-afc0-0be493550ed0.webp","pc":"paper-design","sb":"Metaballs"},{"id":"21st:paper-design__metaballs-solar","t":"Metaballs solar","d":"Animated WebGL shader background in the Metaballs style. Solar variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#FB9","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/metaballs-solar/default/preview.1784835459105-7dcca5ac-4a01-4a59-babd-4ce9c77a364b.webp","pc":"paper-design","sb":"Metaballs"},{"id":"21st:paper-design__neuro-noise","t":"Neuro noise","d":"Animated WebGL shader background in the Neuro Noise style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/neuro-noise/default/preview.1784835640450-654598dd-8578-4c4c-a781-b388086a7e1e.webp","pc":"paper-design","tg":["background"],"sb":"Neuro Noise"},{"id":"21st:paper-design__neuro-noise-bloodstream","t":"Neuro noise bloodstream","d":"Animated WebGL shader background in the Neuro Noise style. Bloodstream variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palet","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/neuro-noise-bloodstream/default/preview.1784835658277-7b2c934d-6b6c-4a74-8df8-2a577334fcdd.webp","pc":"paper-design","sb":"Neuro Noise"},{"id":"21st:paper-design__neuro-noise-ghost","t":"Neuro noise ghost","d":"Animated WebGL shader background in the Neuro Noise style. Ghost variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#D","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/neuro-noise-ghost/default/preview.1784835663337-1566f1c9-9749-4152-9df1-13289e6e59f9.webp","pc":"paper-design","sb":"Neuro Noise"},{"id":"21st:paper-design__neuro-noise-sensation","t":"Neuro noise sensation","d":"Animated WebGL shader background in the Neuro Noise style. Sensation variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/neuro-noise-sensation/default/preview.1784835657561-2901364e-08e9-40b8-9343-0933067fdce6.webp","pc":"paper-design","sb":"Neuro Noise"},{"id":"21st:paper-design__paper-texture","t":"Paper texture","d":"Animated WebGL shader background in the Paper Texture style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/paper-texture/default/preview.1784835114400-8fa97a86-f518-4239-b2c8-b35c5ac74976.webp","pc":"paper-design","sb":"Paper Texture"},{"id":"21st:paper-design__paper-texture-abstract","t":"Paper texture abstract","d":"Animated WebGL shader background in the Paper Texture style. Abstract variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palett","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/paper-texture-abstract/default/preview.1784835136417-16f6798a-0589-4afe-81c2-fa2011f96431.webp","pc":"paper-design","sb":"Paper Texture"},{"id":"21st:paper-design__paper-texture-cardboard","t":"Paper texture cardboard","d":"Animated WebGL shader background in the Paper Texture style. Cardboard variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palet","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/paper-texture-cardboard/default/preview.1784835131403-99769b1d-0555-4ee3-b98c-74ba0142d761.webp","pc":"paper-design","sb":"Paper Texture"},{"id":"21st:paper-design__paper-texture-details","t":"Paper texture details","d":"Animated WebGL shader background in the Paper Texture style. Details variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/paper-texture-details/default/preview.1784835136060-251db343-ec15-4a47-8d62-f83922b7eb86.webp","pc":"paper-design","sb":"Paper Texture"},{"id":"21st:paper-design__paper-waves","t":"Paper waves","d":"Animated WebGL shader background in the Waves style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#03192","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/paper-waves/default/preview.1784835356068-dd8dc00f-e59f-4ba0-804c-1f631f22752a.webp","pc":"paper-design","tg":["background"],"sb":"Waves"},{"id":"21st:paper-design__perlin-noise","t":"Perlin noise","d":"Animated WebGL shader background in the Perlin Noise style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/perlin-noise/default/preview.1784835382818-d602a21a-3f7f-440d-a7f8-273c9ab9fc88.webp","pc":"paper-design","tg":["background"],"sb":"Perlin Noise"},{"id":"21st:paper-design__perlin-noise-moss","t":"Perlin noise moss","d":"Animated WebGL shader background in the Perlin Noise style. Moss variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#A","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/perlin-noise-moss/default/preview.1784835399860-e9887832-66a5-49b0-ae19-342385894aec.webp","pc":"paper-design","sb":"Perlin Noise"},{"id":"21st:paper-design__perlin-noise-nintendo-water","t":"Perlin noise nintendo water","d":"Animated WebGL shader background in the Perlin Noise style. Nintendo Water variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color p","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/perlin-noise-nintendo-water/default/preview.1784835393516-a63780d5-0b60-408f-b947-8c7bfd2474fc.webp","pc":"paper-design","sb":"Perlin Noise"},{"id":"21st:paper-design__perlin-noise-worms","t":"Perlin noise worms","d":"Animated WebGL shader background in the Perlin Noise style. Worms variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/perlin-noise-worms/default/preview.1784835407967-b3540143-a944-4e4e-8934-b64e12a24e8c.webp","pc":"paper-design","sb":"Perlin Noise"},{"id":"21st:paper-design__pulsing-border","t":"Pulsing border","d":"Animated WebGL shader background in the Pulsing Border style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palett","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","u":9,"pl":"https://cdn.21st.dev/paper-design/pulsing-border/default/preview.1784835728404-a919dbd0-45b1-4eb2-9275-b5c7acafce24.webp","pc":"paper-design","tg":["background"],"sb":"Pulsing Border"},{"id":"21st:paper-design__pulsing-border-circle","t":"Pulsing border circle","d":"Animated WebGL shader background in the Pulsing Border style. Circle variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","u":4,"pl":"https://cdn.21st.dev/paper-design/pulsing-border-circle/default/preview.1784835744687-caf4cdf4-015b-4d79-ab39-968abbe4cfa6.webp","pc":"paper-design","sb":"Pulsing Border"},{"id":"21st:paper-design__pulsing-border-northern-lights","t":"Pulsing border northern lights","d":"Animated WebGL shader background in the Pulsing Border style. Northern lights variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-colo","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/pulsing-border-northern-lights/default/preview.1784835745489-919cccba-88e9-45f2-a863-da578a2e2545.webp","pc":"paper-design","sb":"Pulsing Border"},{"id":"21st:paper-design__pulsing-border-solid-line","t":"Pulsing border solid line","d":"Animated WebGL shader background in the Pulsing Border style. Solid line variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color pal","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/pulsing-border-solid-line/default/preview.1784835750103-82580357-d1d8-4693-9984-17a9e0ce86a7.webp","pc":"paper-design","sb":"Pulsing Border"},{"id":"21st:paper-design__simplex-noise","t":"Simplex noise","d":"Animated WebGL shader background in the Simplex Noise style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color palette","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/simplex-noise/default/preview.1784835415225-9b4051f1-7e84-4abd-8937-82565b9af146.webp","pc":"paper-design","sb":"Simplex Noise"},{"id":"21st:paper-design__simplex-noise-bubblegum","t":"Simplex noise bubblegum","d":"Animated WebGL shader background in the Simplex Noise style. Bubblegum variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color palet","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/simplex-noise-bubblegum/default/preview.1784835437019-21f7739e-202c-43b5-bf79-156c3ec6da84.webp","pc":"paper-design","sb":"Simplex Noise"},{"id":"21st:paper-design__simplex-noise-first-contact","t":"Simplex noise first contact","d":"Animated WebGL shader background in the Simplex Noise style. First contact variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color p","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/simplex-noise-first-contact/default/preview.1784835429481-9673908d-ec4f-43ee-80bb-e3c72fc0d2b2.webp","pc":"paper-design","tg":["background"],"sb":"Simplex Noise"},{"id":"21st:paper-design__simplex-noise-spots","t":"Simplex noise spots","d":"Animated WebGL shader background in the Simplex Noise style. Spots variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/simplex-noise-spots/default/preview.1784835421560-ccf247b2-ce38-46b6-b5b1-161913a12cd7.webp","pc":"paper-design","sb":"Simplex Noise"},{"id":"21st:paper-design__smoke-ring","t":"Smoke ring","d":"Animated WebGL shader background in the Smoke Ring style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/smoke-ring/default/preview.1784835680179-d950ef45-c047-490a-bc1e-e7e2a06be9ee.webp","pc":"paper-design","sb":"Smoke Ring"},{"id":"21st:paper-design__smoke-ring-cloud","t":"Smoke ring cloud","d":"Animated WebGL shader background in the Smoke Ring style. Cloud variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#6A","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/smoke-ring-cloud/default/preview.1784835702170-b160eeef-e301-4ae4-a5d2-7fe9a7bcc08c.webp","pc":"paper-design","sb":"Smoke Ring"},{"id":"21st:paper-design__smoke-ring-line","t":"Smoke ring line","d":"Animated WebGL shader background in the Smoke Ring style. Line variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#050","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/smoke-ring-line/default/preview.1784835681639-5658525b-462c-452b-b83b-caa731a294c5.webp","pc":"paper-design","tg":["background"],"sb":"Smoke Ring"},{"id":"21st:paper-design__smoke-ring-solar","t":"Smoke ring solar","d":"Animated WebGL shader background in the Smoke Ring style. Solar variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#6A","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/smoke-ring-solar/default/preview.1784835685728-f4740e26-ee04-49ac-bb3a-2d5c8d5ba7b1.webp","pc":"paper-design","sb":"Smoke Ring"},{"id":"21st:paper-design__spiral","t":"Spiral","d":"Animated WebGL shader background in the Spiral style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#0904","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/spiral/default/preview.1784835858282-11cd8d21-8358-4929-b4a3-83ae9afbebb9.webp","pc":"paper-design"},{"id":"21st:paper-design__spiral-droplet","t":"Spiral droplet","d":"Animated WebGL shader background in the Spiral style. Droplet variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#C026","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/spiral-droplet/default/preview.1784835864949-8cb51c93-ad0b-40ae-8226-f3f2ad637f51.webp","pc":"paper-design"},{"id":"21st:paper-design__spiral-jungle","t":"Spiral jungle","d":"Animated WebGL shader background in the Spiral style. Jungle variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#09041","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/spiral-jungle/default/preview.1784835859647-e7e1a405-edad-48ce-8d45-460a527f3fc9.webp","pc":"paper-design"},{"id":"21st:paper-design__spiral-swirl","t":"Spiral swirl","d":"Animated WebGL shader background in the Spiral style. Swirl variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#C026D3","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/spiral-swirl/default/preview.1784835880851-9bcb1a0d-306a-45ff-a4cb-4d8f6b6199d9.webp","pc":"paper-design"},{"id":"21st:paper-design__static-mesh-gradient","t":"Static mesh gradient","d":"Static WebGL shader background in the Static Mesh Gradient style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color pa","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/static-mesh-gradient/default/preview.1784835060656-83350887-1f7f-4997-87e6-a4771fa4efda.webp","pc":"paper-design","sb":"Static Mesh Gradient"},{"id":"21st:paper-design__static-mesh-gradient-1960s","t":"Static mesh gradient 1960s","d":"Static WebGL shader background in the Static Mesh Gradient style. 1960s variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color pale","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/static-mesh-gradient-1960s/default/preview.1784835063569-68d694c7-b63d-44f6-9d3c-5207e1d0e4bc.webp","pc":"paper-design","sb":"Static Mesh Gradient"},{"id":"21st:paper-design__static-mesh-gradient-sea","t":"Static mesh gradient sea","d":"Static WebGL shader background in the Static Mesh Gradient style. Sea variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palett","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","u":4,"pl":"https://cdn.21st.dev/paper-design/static-mesh-gradient-sea/default/preview.1784835087820-b2a414fd-0cc6-4943-a0e3-9fc8c6759eee.webp","pc":"paper-design","sb":"Static Mesh Gradient"},{"id":"21st:paper-design__static-mesh-gradient-sunset","t":"Static mesh gradient sunset","d":"Static WebGL shader background in the Static Mesh Gradient style. Sunset variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color pal","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/static-mesh-gradient-sunset/default/preview.1784835063264-4d9288a2-8fbd-432a-a0fb-4764401d993b.webp","pc":"paper-design","sb":"Static Mesh Gradient"},{"id":"21st:paper-design__static-radial-gradient","t":"Static radial gradient","d":"Static WebGL shader background in the Static Radial Gradient style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color ","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/static-radial-gradient/default/preview.1784835090857-1a5fdd38-13b8-44a7-af32-1aae4e8c1711.webp","pc":"paper-design"},{"id":"21st:paper-design__static-radial-gradient-cross-section","t":"Static radial gradient cross section","d":"Static WebGL shader background in the Static Radial Gradient style. Cross Section variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/static-radial-gradient-cross-section/default/preview.1784835109688-94461fd7-40d8-4f36-aebb-43ad247c71c7.webp","pc":"paper-design"},{"id":"21st:paper-design__static-radial-gradient-lo-fi","t":"Static radial gradient lo fi","d":"Static WebGL shader background in the Static Radial Gradient style. Lo-Fi variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color pa","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/static-radial-gradient-lo-fi/default/preview.1784835090210-9839edde-3eb5-4ed5-bace-ae7145acd780.webp","pc":"paper-design"},{"id":"21st:paper-design__static-radial-gradient-radial","t":"Static radial gradient radial","d":"Static WebGL shader background in the Static Radial Gradient style. Radial variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color p","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/static-radial-gradient-radial/default/preview.1784835113857-58ba9347-c892-41e5-b590-f1bfbf5707dd.webp","pc":"paper-design"},{"id":"21st:paper-design__swirl","t":"Swirl","d":"Animated WebGL shader background in the Swirl style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#09090","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/swirl/default/preview.1784835325173-8494241b-de6b-4214-9e70-25c06f056930.webp","pc":"paper-design"},{"id":"21st:paper-design__swirl-007","t":"Swirl 007","d":"Animated WebGL shader background in the Swirl style. 007 variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#09090B, #","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/swirl-007/default/preview.1784835332874-70dd6851-ebc2-455c-be61-518e3d88c083.webp","pc":"paper-design"},{"id":"21st:paper-design__swirl-candy","t":"Swirl candy","d":"Animated WebGL shader background in the Swirl style. Candy variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#A855F7,","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/swirl-candy/default/preview.1784835348098-84e870ed-413a-4220-bc75-c46ca2af3491.webp","pc":"paper-design"},{"id":"21st:paper-design__swirl-opening","t":"Swirl opening","d":"Animated WebGL shader background in the Swirl style. Opening variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#A855F","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/swirl-opening/default/preview.1784835339183-fec87fe1-474e-45d2-9e7c-ab7daa816e6b.webp","pc":"paper-design"},{"id":"21st:paper-design__voronoi","t":"Voronoi","d":"Animated WebGL shader background in the Voronoi style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#061","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/voronoi/default/preview.1784835788924-1a5afe15-b76c-43cb-9bfd-07c1fa5991b7.webp","pc":"paper-design"},{"id":"21st:paper-design__voronoi-bubbles","t":"Voronoi bubbles","d":"Animated WebGL shader background in the Voronoi style. Bubbles variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#67E","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/voronoi-bubbles/default/preview.1784835811435-55c98a30-9d20-4235-bfd8-ef4dd62008fd.webp","pc":"paper-design"},{"id":"21st:paper-design__voronoi-cells","t":"Voronoi cells","d":"Animated WebGL shader background in the Voronoi style. Cells variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#67E8F","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/voronoi-cells/default/preview.1784835809217-b2c10222-01f4-4b7b-bcd6-343243461b5e.webp","pc":"paper-design"},{"id":"21st:paper-design__voronoi-lights","t":"Voronoi lights","d":"Animated WebGL shader background in the Voronoi style. Lights variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#0610","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/voronoi-lights/default/preview.1784835797402-d43c8cc9-038b-42e6-af05-4140712a71e9.webp","pc":"paper-design"},{"id":"21st:paper-design__warp","t":"Warp","d":"Animated color fields warped by noise and swirls over base patterns (checks, stripes, or split edge). Blends many colors with adjustable distribution, softness, distortion, and swi","s":"21st","c":"other","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/warp/default/preview.1785208848985-94b39b32-6e29-4a5a-847c-f31b577b7bca.png","pc":"paper-design"},{"id":"21st:paper-design__warp-cauldron-pot","t":"Warp cauldron pot","d":"Animated WebGL shader background in the Warp style. Cauldron Pot variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#1","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/warp-cauldron-pot/default/preview.1784835287343-557d4f46-52cb-45b8-b8d4-457718869c67.webp","pc":"paper-design","sb":"Warp"},{"id":"21st:paper-design__warp-kelp","t":"Warp kelp","d":"Animated WebGL shader background in the Warp style. Kelp variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#F43F5E, #","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/warp-kelp/default/preview.1784835303588-2b84a7e7-9dc1-4587-aeca-5420d47f42bb.webp","pc":"paper-design","sb":"Warp"},{"id":"21st:paper-design__warp-live-ink","t":"Warp live ink","d":"Animated WebGL shader background in the Warp style. Live Ink variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#F43F5","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/warp-live-ink/default/preview.1784835293091-c85773d0-d4d4-4a98-9baf-32dfe495cf09.webp","pc":"paper-design","sb":"Warp"},{"id":"21st:paper-design__warp-nectar","t":"Warp nectar","d":"Animated WebGL shader background in the Warp style. Nectar variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#16051B,","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/warp-nectar/default/preview.1784835309435-c33ae061-35ec-4d48-82e0-7b4c090aa32e.webp","pc":"paper-design","sb":"Warp"},{"id":"21st:paper-design__warp-passion","t":"Warp passion","d":"Animated WebGL shader background in the Warp style. Passion variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#16051B","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/warp-passion/default/preview.1784835316177-2f663bef-9768-4376-af36-161dc3f448d7.webp","pc":"paper-design","sb":"Warp"},{"id":"21st:paper-design__water","t":"Water","d":"Animated WebGL shader background in the Water style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#10182","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/water/default/preview.1784835153707-dda6e97a-4ab2-4d31-ae4d-ad50df7ea4b5.webp","pc":"paper-design"},{"id":"21st:paper-design__water-abstract","t":"Water abstract","d":"Animated WebGL shader background in the Water style. Abstract variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#B8E1","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/water-abstract/default/preview.1784835159037-181989a2-77f1-4dc3-bc9e-52c764145860.webp","pc":"paper-design"},{"id":"21st:paper-design__water-slow-mo","t":"Water slow mo","d":"Animated WebGL shader background in the Water style. Slow-mo variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#10182","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/water-slow-mo/default/preview.1784835157898-71bc3ded-8143-400c-913b-435b82d54796.webp","pc":"paper-design","tg":["background"]},{"id":"21st:paper-design__water-streaming","t":"Water streaming","d":"Animated WebGL shader background in the Water style. Streaming variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#B8E","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/water-streaming/default/preview.1784835175251-3c1bf2de-3eaf-4414-88db-6475c003af7b.webp","pc":"paper-design"},{"id":"21st:paper-design__waves-groovy","t":"Waves groovy","d":"Animated WebGL shader background in the Waves style. Groovy variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#031926","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/waves-groovy/default/preview.1784835360505-358bbf54-e336-43c2-9b61-2013835b80c5.webp","pc":"paper-design","sb":"Waves"},{"id":"21st:paper-design__waves-ride-the-wave","t":"Waves ride the wave","d":"Animated WebGL shader background in the Waves style. Ride the wave variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/waves-ride-the-wave/default/preview.1784835378437-efc3bef9-c016-4bb0-b1a8-8ba95c879e79.webp","pc":"paper-design","sb":"Waves"},{"id":"21st:paper-design__waves-tangled-up","t":"Waves tangled up","d":"Animated WebGL shader background in the Waves style. Tangled up variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#38","k":"motion","s":"21st","c":"motion/shader","a":"paper-design","pl":"https://cdn.21st.dev/paper-design/waves-tangled-up/default/preview.1784835370071-9d360123-5bdf-4b51-aa99-69003141ccff.webp","pc":"paper-design","sb":"Waves"},{"id":"21st:passerhub__grid-background","t":"Grid background","d":"InfiniteGridBackground","k":"motion","s":"21st","c":"motion/background","a":"passerhub","pl":"https://cdn.21st.dev/passerhub/grid-background/default/preview.1774885934683.png","pc":"passerhub","sb":"Grids and patterns"},{"id":"21st:pate1kiran__code-pen-home-skeuomorphism-in-the-dark-button","t":"Code pen home skeuomorphism in the dark button","s":"21st","c":"actions/button","a":"pate1kiran","pl":"https://cdn.21st.dev/larsen66/code-pen-home-skeuomorphism-in-the-dark-button/default/preview.1753799633878.png","pc":"pate1kiran","sb":"Animated"},{"id":"21st:pate1kiran__daybreak-text-reveal","t":"Daybreak text reveal","d":"Here is Text Reveal component","k":"motion","s":"21st","c":"motion/text-effect","a":"pate1kiran","u":22,"pl":"https://cdn.21st.dev/larsen66/daybreak-text-reveal/default/preview.1753889455685.png","pc":"pate1kiran","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:pate1kiran__progressive-blur-modal","t":"Progressive blur modal","d":"Here is  Progressive Blur Modal component","s":"21st","c":"overlays/dialog","a":"pate1kiran","u":33,"pl":"https://cdn.21st.dev/larsen66/progressive-blur-modal/default/preview.1753800146112.png","pc":"pate1kiran","tg":["list","modal"]},{"id":"21st:patrick-xin__onboarding-dialog","t":"Onboarding dialog","d":"A multi-step onboarding dialog with carousel navigation, animated progress dots, and cross-fading content. Built with Embla Carousel and Motion.","s":"21st","c":"overlays/dialog","a":"patrick-xin","u":24,"pl":"https://cdn.21st.dev/larsen66/onboarding-dialog/demos/default/preview.1773281994274.png","pc":"patrick-xin","tg":["carousel","modal","onboarding","progress"],"sb":"Onboarding"},{"id":"21st:patrick-xin__vercel-notification-popover","t":"Vercel notification popover","d":"A Vercel-style notification center that adapts to the device. Renders as a popover on desktop and a bottom sheet on mobile, with animated tabs and hover actions.","s":"21st","c":"overlays/popover","a":"patrick-xin","st":"rated","u":23,"pl":"https://cdn.21st.dev/larsen66/vercel-notification-popover/default/preview.1773384460802.png","pc":"patrick-xin","tg":["notification","popover","tabs"],"sc":21},{"id":"21st:patrick.thomas.dunn.619__cursor","t":"Cursor","d":"Fun reactive cursor","k":"motion","s":"21st","c":"motion/cursor","a":"patrick.thomas.dunn.619","pl":"https://cdn.21st.dev/patrick.thomas.dunn.619/cursor/default/preview.1756414748623.png","pc":"patrick.thomas.dunn.619"},{"id":"21st:patrick.thomas.dunn1988__20-demons","t":"20 demons","d":"card hover effects","s":"21st","c":"data-display/card","a":"patrick.thomas.dunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/20-demons/default/preview.1765617509478.png","pc":"patrick.thomas.dunn1988"},{"id":"21st:patrick.thomas.dunn1988__add-requests","t":"Add requests","d":"A simple request feature","k":"section","s":"21st","c":"marketing/features","a":"patrick.thomas.dunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/add-requests/default/preview.1761633101999.png","pc":"patrick.thomas.dunn1988"},{"id":"21st:patrick.thomas.dunn1988__bloodline","t":"Bloodline","d":"Bloodline showcases a simple animated WebGL background","s":"21st","c":"data-display/avatar","a":"patrick.thomas.dunn1988","u":56,"pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/bloodline/default/preview.1763626091198.png","pc":"patrick.thomas.dunn1988"},{"id":"21st:patrick.thomas.dunn1988__desert-drift","t":"Desert drift","d":"As you scroll through the night time animation, a 1986 Toyota Corolla drifts on a desert highway, followed by particles and a camera. ","k":"motion","s":"21st","c":"motion/background","a":"patrick.thomas.dunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/desert-drift/default/preview.1750894933609.png","pc":"patrick.thomas.dunn1988"},{"id":"21st:patrick.thomas.dunn1988__drift-master","t":"Drift master","d":"Scroll through a 3D environment which showcases some of the most iconic cars in the drift world today.","s":"21st","c":"layout/scroll-area","a":"patrick.thomas.dunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/drift-master/default/preview.1769800258597.png","pc":"patrick.thomas.dunn1988"},{"id":"21st:patrick.thomas.dunn1988__glass-spiral","t":"Glass spiral","d":"Glass spiral with auto focus and zoom ","s":"21st","c":"other","a":"patrick.thomas.dunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/glass-spiral/default/preview.1757910386234.png","pc":"patrick.thomas.dunn1988"},{"id":"21st:patrick.thomas.dunn1988__glass-thread","t":"Glass thread","d":"A prismatic thread hero ","k":"section","s":"21st","c":"marketing/hero","a":"patrick.thomas.dunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/glass-thread/default/preview.1765654844575.png","pc":"patrick.thomas.dunn1988"},{"id":"21st:patrick.thomas.dunn1988__inferno","t":"Inferno","d":"Lava shader with cursor look at.","k":"motion","s":"21st","c":"motion/cursor","a":"patrick.thomas.dunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/inferno/default/preview.1774630829103.png","pc":"patrick.thomas.dunn1988"},{"id":"21st:patrick.thomas.dunn1988__inverted-fluid","t":"Inverted fluid","d":"Fluid cursor with inverted mix-blend-mode and fluid canvas wake.","k":"motion","s":"21st","c":"motion/shader","a":"patrick.thomas.dunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/inverted-fluid/default/preview.1773324596355.png","pc":"patrick.thomas.dunn1988"},{"id":"21st:patrick.thomas.dunn1988__liquid-chrome","t":"Liquid chrome","d":"WebGL Liquid Chrome with click ripples","s":"21st","c":"motion/background","a":"patrick.thomas.dunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/liquid-chrome/default/preview.1763762808580.png","pc":"patrick.thomas.dunn1988","sb":"Waves and warps"},{"id":"21st:patrick.thomas.dunn1988__mil-sim","t":"Mil sim","d":"Military HUD","s":"21st","c":"other","a":"patrick.thomas.dunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/mil-sim/default/preview.1764586367152.png","pc":"patrick.thomas.dunn1988"},{"id":"21st:patrick.thomas.dunn1988__monaco-language-studio","t":"Monaco language studio","s":"21st","c":"other","a":"patrick.thomas.dunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/monaco-language-studio/default/preview.1763724621179.png","pc":"patrick.thomas.dunn1988"},{"id":"21st:patrick.thomas.dunn1988__parallax-star","t":"Parallax star","k":"layout","s":"21st","c":"layout/scroll-area","a":"patrick.thomas.dunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/parallax-star/default/preview.1751707282407.png","pc":"patrick.thomas.dunn1988"},{"id":"21st:patrick.thomas.dunn1988__phased-out","t":"Phased out","d":"Wavy Noise w/ Click Ripples","s":"21st","c":"other","a":"patrick.thomas.dunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/phased-out/default/preview.1763627641930.png","pc":"patrick.thomas.dunn1988"},{"id":"21st:patrick.thomas.dunn1988__quantum-orb","t":"Quantum orb","d":"Planet for Hero","s":"21st","c":"ai-agent/ai-agent","a":"patrick.thomas.dunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/quantum-orb/default/preview.1767775190568.png","pc":"patrick.thomas.dunn1988","sb":"Orbs and presence"},{"id":"21st:patrick.thomas.dunn1988__robot-flyby","t":"Robot flyby","d":"As you scroll through the animation, a door will open and a robot will fly down the spaceships hallway. ","s":"21st","c":"layout/scroll-area","a":"patrick.thomas.dunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/robot-flyby/default/preview.1750896216789.png","pc":"patrick.thomas.dunn1988","tg":["scroll-area"]},{"id":"21st:patrick.thomas.dunn1988__scroll-progress-bar","t":"Scroll progress bar","d":"Scroll to see a planetary progress indicator. ","s":"21st","c":"data-viz/progress-bar","a":"patrick.thomas.dunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/scroll-progress-bar/default/preview.1753955083570.png","pc":"patrick.thomas.dunn1988"},{"id":"21st:patrick.thomas.dunn1988__sneak","t":"Sneak","d":"Interactive 3D Text Effect\nA WebGL text component that creates a dynamic ripple effect when you hover over it. The text \"bubbles up\" from the surface based on mouse proximity, with","k":"motion","s":"21st","c":"motion/text-effect","a":"patrick.thomas.dunn1988","u":22,"pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/sneak/default/preview.1755731715793.png","pc":"patrick.thomas.dunn1988","tg":["text"]},{"id":"21st:patrick.thomas.dunn1988__spotlight-card","t":"Spotlight card","d":"A high-fidelity, interactive card component with a cinematic lighting system driven by CSS and WebGL shader rendering","s":"21st","c":"data-display/card","a":"patrick.thomas.dunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/spotlight-card/default/preview.1775045299281.png","pc":"patrick.thomas.dunn1988","sb":"Animated and glowing"},{"id":"21st:patrick.thomas.dunn1988__tidal-cursor","t":"Tidal cursor","d":"Fun Reactive Cursor","k":"motion","s":"21st","c":"motion/cursor","a":"patrick.thomas.dunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/tidal-cursor/default/preview.1756416011619.png","pc":"patrick.thomas.dunn1988","tg":["cursor"]},{"id":"21st:patrick.thomas.dunn1988__twentyfirsthero-tsx","t":"Twentyfirsthero tsx","d":"WebGL Hero with glass buttons and onHover effects","s":"21st","c":"actions/button","a":"patrick.thomas.dunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/twentyfirsthero-tsx/default/preview.1766579276539.png","pc":"patrick.thomas.dunn1988"},{"id":"21st:patrick.thomas.dunn1988__wilderness","t":"Wilderness","d":"On Hover Parallax Hero","s":"21st","c":"media/gallery","a":"patrick.thomas.dunn1988","u":62,"pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/wilderness/default/preview.1760777238296.png","pc":"patrick.thomas.dunn1988","tg":["hero","image"]},{"id":"21st:paul.beresuita__new-component","t":"New component","d":"testing testing testing testing testing testing","s":"21st","c":"other","a":"paul.beresuita","pl":"https://cdn.21st.dev/paul.beresuita/new-component/default/preview.1751460084754.png","pc":"paul.beresuita"},{"id":"21st:pbracker__brackerparqueinstalado","t":"Brackerparqueinstalado","d":"Placeholder component - content removed","s":"21st","c":"other","a":"pbracker","pl":"https://21st.dev/@pbracker/components/brackerparqueinstalado","pc":"pbracker"},{"id":"21st:pdiger1209__chatgpt","t":"Chatgpt","d":"Make me chatgpt prompt for building a fully functional website generator ai chatbox","s":"21st","c":"ai-agent/composer","a":"pdiger1209","pl":"https://cdn.21st.dev/pdiger1209/chatgpt/default/preview.1760132332612.png","pc":"pdiger1209"},{"id":"21st:petermastras__statcard","t":"Statcard","d":"Cerulean Edge stat card with accent bar, trend indicator, and optional link. Used in dashboards to display key financial metrics with typographic-led design.","s":"21st","c":"data-display/stat","a":"petermastras","pl":"https://21st.dev/@petermastras/components/statcard","pc":"petermastras"},{"id":"21st:phandangkhoa96__flipped-menu","t":"Flipped menu","d":"Flipped Menu brings a playful twist to navigation. When opened, the menu flips into view with a smooth 3D effect, like turning over a card. It adds a touch of depth and surprise th","s":"21st","c":"navigation/menu","a":"phandangkhoa96","pl":"https://cdn.21st.dev/user_2vwSXAKiCCwaQxQ9wGR4srwIXLe/flipped-menu/flipped-menu/preview.png","pc":"phandangkhoa96"},{"id":"21st:phandangkhoa96__momentum-lines","t":"Momentum lines","d":"Momentum Lines is an interactive visual component that brings fluidity to cursor movement.  As you move your cursor, vertical lines gently follow along with a soft, gliding motion ","k":"motion","s":"21st","c":"motion/background","a":"phandangkhoa96","pl":"https://cdn.21st.dev/user_2vwSXAKiCCwaQxQ9wGR4srwIXLe/momentum-lines/momentum-lines/preview.png","pc":"phandangkhoa96","tg":["cursor"],"sb":"Beams and light"},{"id":"21st:phandangkhoa96__tiles-background","t":"Tiles background","d":"An interactive grid of tiles that enhances user engagement. When a user hovers over a tile, it smoothly changes color and adds a subtle shine effect to highlight the tile. Each hov","k":"motion","s":"21st","c":"motion/background","a":"phandangkhoa96","pl":"https://cdn.21st.dev/user_2vwSXAKiCCwaQxQ9wGR4srwIXLe/tiles-background/tiles-background/preview.png","pc":"phandangkhoa96"},{"id":"21st:phucbm__draw-svg","t":"Draw svg","d":"Animate SVG path drawing with GSAP's DrawSVGPlugin support.","s":"21st","c":"other","a":"phucbm","pl":"https://cdn.21st.dev/phucbm/draw-svg/default/preview.1762696456593.png","pc":"phucbm"},{"id":"21st:phucbm__infinite-image-carousel","t":"Infinite image carousel","s":"21st","c":"media/carousel","a":"phucbm","pl":"https://cdn.21st.dev/phucbm/infinite-image-carousel/default/preview.1762498399588.png","pc":"phucbm"},{"id":"21st:phucbm__magnetic","t":"Magnetic","d":"Add smooth magnetic attraction effects for any HTML elements.","s":"21st","c":"motion/cursor","a":"phucbm","pl":"https://cdn.21st.dev/phucbm/magnetic/default/preview.1762228962012.png","pc":"phucbm"},{"id":"21st:phucbm__moving-border","t":"Moving border","d":"Animated gradient border that smoothly travels around any element, from rounded rectangles to perfect circles.","k":"motion","s":"21st","c":"motion/border","a":"phucbm","u":34,"pl":"https://cdn.21st.dev/phucbm/moving-border/default/preview.1762237382565.png","pc":"phucbm","tg":["border"]},{"id":"21st:phucbm__shimmer-layer","t":"Shimmer layer","d":"Work with any of your UI. Pure CSS to add an animated shimmer effect that activates on hover.","s":"21st","c":"status/skeleton","a":"phucbm","pl":"https://cdn.21st.dev/phucbm/shimmer-layer/default/preview.1762786272850.png","pc":"phucbm"},{"id":"21st:phucbm__text-ripple","t":"Text ripple","d":"Mouse-tracked ripple effect applied to headline text.","k":"motion","s":"21st","c":"motion/text-effect","a":"phucbm","pl":"https://cdn.21st.dev/phucbm/text-ripple/default/preview.1760931088936.png","pc":"phucbm"},{"id":"21st:pieetie__hero-section","t":"Hero section","d":"Modern hero section with dark mode support, CTA buttons and trust indicators for AI products.","k":"section","s":"21st","c":"marketing/hero","a":"pieetie","pl":"https://cdn.21st.dev/pieetie/hero-section/default/preview.1751973428023.png","pc":"pieetie"},{"id":"21st:pieetie__hero-section-1","t":"Hero section 1","d":"Modern hero section with dark mode support, CTA buttons and trust indicators for AI products.","k":"section","s":"21st","c":"marketing/hero","a":"pieetie","pl":"https://cdn.21st.dev/pieetie/hero-section-1/default/preview.1751976996165.png","pc":"pieetie"},{"id":"21st:pieetie__hero-section-2","t":"Hero section 2","d":"Modern hero section with dark mode support and CTA buttons for analytics products.","k":"section","s":"21st","c":"marketing/hero","a":"pieetie","pl":"https://cdn.21st.dev/pieetie/hero-section-2/default/preview.1752266160756.png","pc":"pieetie"},{"id":"21st:pieetie__hero-section-3","t":"Hero section 3","d":"A centered hero section with bold typography and a clear cta to download the app for Mac or Windows.","k":"section","s":"21st","c":"marketing/hero","a":"pieetie","pl":"https://cdn.21st.dev/pieetie/hero-section-3/default/preview.1752264925091.png","pc":"pieetie"},{"id":"21st:pieetie__hero-section-4","t":"Hero section 4","d":"Minimal hero with headline, subtext, and two action buttons on a soft gradient background.","k":"section","s":"21st","c":"marketing/hero","a":"pieetie","pl":"https://cdn.21st.dev/pieetie/hero-section-4/default/preview.1752264315332.png","pc":"pieetie"},{"id":"21st:pieetie__hero-section-5","t":"Hero section 5","d":"Minimalist hero section for dark mode with a soft blue glowing background.","k":"section","s":"21st","c":"marketing/hero","a":"pieetie","pl":"https://cdn.21st.dev/pieetie/hero-section-5/default/preview.1752008664695.png","pc":"pieetie"},{"id":"21st:pietro.calderini.nannerini__contatti-cta-mappa-embed","t":"Contatti cta mappa embed","d":"Contact section without form, for preview-mode demos of Italian local businesses: dark CTA panel (active call + disabled WhatsApp magnetic buttons), address/hours/contacts card wit","k":"section","s":"21st","c":"marketing/cta","a":"pietro.calderini.nannerini","pl":"https://21st.dev/@pietro.calderini.nannerini/components/contatti-cta-mappa-embed","pc":"pietro.calderini.nannerini"},{"id":"21st:pietro.calderini.nannerini__divisore-stone-rings-cerchi","t":"Divisore stone rings cerchi","d":"Pure-CSS section divider for beauty/wellness demos: concentric 'hot stones' rings between sections, zero assets and zero JS, colors from CSS variable tokens (--color-accent, --colo","s":"21st","c":"other","a":"pietro.calderini.nannerini","pl":"https://21st.dev/@pietro.calderini.nannerini/components/divisore-stone-rings-cerchi","pc":"pietro.calderini.nannerini"},{"id":"21st:pietro.calderini.nannerini__footer-social-piva","t":"Footer social piva","d":"Minimal one-page footer for Italian local business sites: inline logo, single social link (Facebook SVG inline, lucide dropped brand icons), privacy link, copyright with P.IVA plac","k":"section","s":"21st","c":"marketing/footer","a":"pietro.calderini.nannerini","pl":"https://21st.dev/@pietro.calderini.nannerini/components/footer-social-piva","pc":"pietro.calderini.nannerini"},{"id":"21st:pietro.calderini.nannerini__gallery-lightbox-illustrated-florist-21st","t":"Gallery lightbox illustrated florist 21st","d":"Galleria per vetrina di fioraio: griglia responsive con hover-zoom e lightbox modale (frecce, Esc, focus) su illustrazioni di composizioni floreali. Scheletro da @larsen66/gallery-","s":"21st","c":"overlays/lightbox","a":"pietro.calderini.nannerini","pl":"https://21st.dev/@pietro.calderini.nannerini/components/gallery-lightbox-illustrated-florist-21st","pc":"pietro.calderini.nannerini"},{"id":"21st:pietro.calderini.nannerini__hero-image-text-two-buttons-21st","t":"Hero image text two buttons 21st","d":"Hero for beauty/wellness studio demos, skeleton from 21st.dev @tommyjepsen/hero-with-image-text-and-two-buttons: 2-col grid, shadcn Badge eyebrow + kinetic H1 + copy + 2 CTAs (magn","s":"21st","c":"actions/button","a":"pietro.calderini.nannerini","pl":"https://21st.dev/@pietro.calderini.nannerini/components/hero-image-text-two-buttons-21st","pc":"pietro.calderini.nannerini"},{"id":"21st:pietro.calderini.nannerini__hero-image-text-two-buttons-florist-21st","t":"Hero image text two buttons florist 21st","d":"Hero per vetrina di fioraio: badge eyebrow shadcn/ui, titolo con riga in corsivo, doppio CTA (WhatsApp + telefono) con motion magnetico, illustrazione firma a destra invece di foto","s":"21st","c":"actions/button","a":"pietro.calderini.nannerini","pl":"https://21st.dev/@pietro.calderini.nannerini/components/hero-image-text-two-buttons-florist-21st","pc":"pietro.calderini.nannerini"},{"id":"21st:pietro.calderini.nannerini__hero-mosaico-vivaio-21st","t":"Hero mosaico vivaio 21st","d":"Hero vivaio/attività agricola: mosaico immagini 2x2 (skeleton 21st @tommyjepsen/hero-with-group-of-images), H1 cinetico, firma SVG linee-di-serra stroke-dashoffset, CTA telefono di","k":"section","s":"21st","c":"marketing/hero","a":"pietro.calderini.nannerini","pl":"https://21st.dev/@pietro.calderini.nannerini/components/hero-mosaico-vivaio-21st","pc":"pietro.calderini.nannerini","sb":"SaaS and AI"},{"id":"21st:pietro.calderini.nannerini__perche-sceglierci-feature-advantages-21st","t":"Perche sceglierci feature advantages 21st","d":"Why-choose-us section for local business demos, skeleton from 21st.dev @tommyjepsen/feature-with-advantages: shadcn Badge kicker + H2 + intro + flat 2-col grid of check-icon/text r","k":"section","s":"21st","c":"marketing/features","a":"pietro.calderini.nannerini","pl":"https://21st.dev/@pietro.calderini.nannerini/components/perche-sceglierci-feature-advantages-21st","pc":"pietro.calderini.nannerini"},{"id":"21st:pietro.calderini.nannerini__perche-sceglierci-feature-advantages-florist-21st","t":"Perche sceglierci feature advantages florist 21st","d":"Sezione 'perché sceglierci' per vetrina di fioraio: badge kicker shadcn/ui, titolo, intro, griglia flat 2 colonne di punti di forza con icona Check — senza card separate, senza rec","k":"section","s":"21st","c":"marketing/features","a":"pietro.calderini.nannerini","pl":"https://21st.dev/@pietro.calderini.nannerini/components/perche-sceglierci-feature-advantages-florist-21st","pc":"pietro.calderini.nannerini"},{"id":"21st:pietro.calderini.nannerini__rituale-strip-passaggi","t":"Rituale strip passaggi","d":"Static 3-step narrative strip ('your moment' ritual) for beauty/wellness demos: kicker + H2 + 3 numbered steps in italic serif, scroll-reveal classes, tokenized on CSS vars. Not an","s":"21st","c":"layout/scroll-area","a":"pietro.calderini.nannerini","pl":"https://21st.dev/@pietro.calderini.nannerini/components/rituale-strip-passaggi","pc":"pietro.calderini.nannerini"},{"id":"21st:pietro.calderini.nannerini__servizi-feature-72-21st","t":"Servizi feature 72 21st","d":"Services grid for beauty/wellness demos, skeleton from 21st.dev @shadcnblockscom/feature-72: header (kicker + H2 + arrow link) above, symmetric cards with 16/9 Recraft illustration","k":"section","s":"21st","c":"marketing/features","a":"pietro.calderini.nannerini","pl":"https://21st.dev/@pietro.calderini.nannerini/components/servizi-feature-72-21st","pc":"pietro.calderini.nannerini"},{"id":"21st:pietro.calderini.nannerini__servizi-feature-73-featured-florist-21st","t":"Servizi feature 73 featured florist 21st","d":"Services grid for florist demos, skeleton from 21st.dev @shadcnblockscom/feature-73: 1 full-width featured card (Recraft illustration, for the tier-pitch service) + N icon-panel ca","k":"section","s":"21st","c":"marketing/features","a":"pietro.calderini.nannerini","pl":"https://21st.dev/@pietro.calderini.nannerini/components/servizi-feature-73-featured-florist-21st","pc":"pietro.calderini.nannerini"},{"id":"21st:pietro.calderini.nannerini__stagioni-marquee-vivaio-21st","t":"Stagioni marquee vivaio 21st","d":"Striscia stagionalità 'calendario del vivaio': marquee CSS puro (skeleton 21st @tom_ui/marquee) con chip icone Recraft, pausa on hover, versione sr-only e fallback statico prefers-","k":"motion","s":"21st","c":"motion/marquee","a":"pietro.calderini.nannerini","pl":"https://21st.dev/@pietro.calderini.nannerini/components/stagioni-marquee-vivaio-21st","pc":"pietro.calderini.nannerini"},{"id":"21st:pietro.calderini.nannerini__storia-split-illustrata","t":"Storia split illustrata","d":"About/story section for local business demos: 2-col split (kicker + H2 + paragraphs left, abstract SVG illustration panel with gradient right), scroll-reveal classes, tokenized on ","s":"21st","c":"layout/scroll-area","a":"pietro.calderini.nannerini","pl":"https://21st.dev/@pietro.calderini.nannerini/components/storia-split-illustrata","pc":"pietro.calderini.nannerini"},{"id":"21st:pilapilun__hs-office","t":"Hs office","d":"Animated (flicker) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"pilapilun","pl":"https://cdn.21st.dev/pilapilun/hs-office/default/preview.1786008047043-63668785-7d4f-47d8-ac0e-d2c24974bc63.webp","pc":"pilapilun","sb":"Dither"},{"id":"21st:piyushxdev__3d-parallax-unfurling-gallery","t":"3d parallax unfurling gallery","d":"A cinematic, scroll-driven image grid gallery with deep 3D matrix rotations, smooth multi-column parallax translation offsets, and responsive fluid boundaries for landing showcases","s":"21st","c":"media/gallery","a":"piyushxdev","u":8,"pl":"https://cdn.21st.dev/piyush.06719011722/3d-parallax-unfurling-gallery/default/preview.1784271262296-1f40b7e0-677f-4686-9f06-0736a44dedfa.png","pc":"piyushxdev","tg":["gallery","grid"],"sb":"Hover effects"},{"id":"21st:piyushxdev__interactive-video-portfolio-scroller","t":"Interactive video portfolio scroller","d":"An interactive scroll-driven portfolio showcase featuring synchronized serif typography, a smooth vertical video track with autoplay controls, and mobile/iOS audio fallback support","s":"21st","c":"media/player","a":"piyushxdev","pl":"https://cdn.21st.dev/piyushxdev/interactive-video-portfolio-scroller/default/preview.1786348513775-235fbf0d-6a99-4832-bb5b-23751fe17891.png","pc":"piyushxdev","tg":["carousel"]},{"id":"21st:platejs__block-list","t":"Block list","d":"Renders ordered and to-do list items with checkboxes inside a Plate rich-text editor.","s":"21st","c":"data-display/list","a":"platejs","pl":"https://cdn.21st.dev/platejs/block-list/default/preview.1786689075210-1e0d60ca-0f74-460b-8295-4f96cbf32338.png","pc":"platejs","tg":["checkbox"]},{"id":"21st:platejs__block-selection","t":"Block selection","d":"A visual overlay that highlights selected blocks in a Plate rich-text editor.","s":"21st","c":"inputs/select","a":"platejs","u":15,"pl":"https://cdn.21st.dev/platejs/block-selection/default/preview.1784306917620-b997cb1b-9e3f-4299-9579-ec570b85ac1a.png","pc":"platejs"},{"id":"21st:platejs__blockquote-node","t":"Blockquote node","d":"A blockquote element for the Plate rich-text editor that renders quoted content with an italic, left-bordered style.","s":"21st","c":"data-display/typography","a":"platejs","pl":"https://cdn.21st.dev/platejs/blockquote-node/default/preview.1784354317374-5791b3e3-de24-4a31-b22d-67aa80d1c6c8.png","pc":"platejs"},{"id":"21st:platejs__caption","t":"Caption","d":"A text field for adding editable captions to media elements like images, videos, and files in a rich-text editor.","s":"21st","c":"media/gallery","a":"platejs","pl":"https://cdn.21st.dev/platejs/caption/default/preview.1783728080179.png","pc":"platejs","tg":["image"]},{"id":"21st:platejs__code-node","t":"Code node","d":"An inline code leaf for the Plate editor that renders code snippets with monospace, muted-background styling.","k":"motion","s":"21st","c":"motion/background","a":"platejs","pl":"https://cdn.21st.dev/platejs/code-node/default/preview.1784303664019-0b9c03fe-cae4-460f-9875-7cb570e2254a.png","pc":"platejs"},{"id":"21st:platejs__cursor-overlay","t":"Cursor overlay","d":"A visual overlay that renders cursor positions and selection highlights on top of a Plate rich-text editor, keeping selections visible during drag & drop and when the editor loses ","k":"motion","s":"21st","c":"motion/cursor","a":"platejs","u":9,"pl":"https://cdn.21st.dev/platejs/cursor-overlay/default/preview.1784355279224-7d2e254e-042e-4921-917d-cb32d49f327c.png","pc":"platejs","tg":["cursor"]},{"id":"21st:platejs__editor","t":"Editor","d":"A container component for building rich-text editors with Plate — it provides the editable content area, styling variants, and a static read-only view.","k":"motion","s":"21st","c":"motion/text-effect","a":"platejs","u":13,"pl":"https://cdn.21st.dev/platejs/editor/default/preview.1784741047903-4188c723-ad26-4a2b-9550-0d9918fd81e3.png","pc":"platejs","tg":["text"]},{"id":"21st:platejs__heading-node","t":"Heading node","d":"A rich-text editor heading element supporting levels H1 through H6 for the Plate editor.","k":"motion","s":"21st","c":"motion/text-effect","a":"platejs","u":3,"pl":"https://cdn.21st.dev/platejs/heading-node/default/preview.1784359244831-22fc41e3-9a85-4571-9eb0-b621d7b60548.png","pc":"platejs","tg":["text"]},{"id":"21st:platejs__highlight-node","t":"Highlight node","d":"A text highlighter leaf that renders marked inline text with a customizable highlight color inside a Plate editor.","k":"motion","s":"21st","c":"motion/text-effect","a":"platejs","u":9,"pl":"https://cdn.21st.dev/platejs/highlight-node/default/preview.1784355292230-62dba7de-0d57-41bd-aacd-0ed15db30118.png","pc":"platejs"},{"id":"21st:platejs__kbd-node","t":"Kbd node","d":"A styled keyboard-shortcut leaf that renders selected text as a keycap-styled kbd element in a Plate editor.","s":"21st","c":"data-display/typography","a":"platejs","pl":"https://cdn.21st.dev/platejs/kbd-node/default/preview.1784303372328-285620a6-667c-427f-9237-06e46de26bec.png","pc":"platejs"},{"id":"21st:platejs__link-node","t":"Link node","d":"A Plate editor element that renders inline hyperlinks with primary-colored underline styling and hover states.","s":"21st","c":"actions/link","a":"platejs","u":10,"pl":"https://cdn.21st.dev/platejs/link-node/default/preview.1784306016040-abad1933-9f7e-4b2a-b86c-bbf6b0a55d93.png","pc":"platejs","tg":["link","text"]},{"id":"21st:platejs__math-base-kit","t":"Math base kit","d":"Plate editor plugin kit that adds static, read-only rendering of block and inline LaTeX equations for server-side and RSC content.","s":"21st","c":"data-display/stat","a":"platejs","pl":"https://cdn.21st.dev/platejs/math-base-kit/default/preview.1786694146611-a87ead9f-4146-4fa4-b166-ed3ce2dde94d.png","pc":"platejs"},{"id":"21st:platejs__resize-handle","t":"Resize handle","d":"A resizable wrapper with draggable resize handles for media elements in a Plate editor, letting users resize images and other blocks by dragging their side bars.","s":"21st","c":"media/gallery","a":"platejs","pl":"https://cdn.21st.dev/platejs/resize-handle/default/preview.1784723137925-889e6647-af76-4889-84a5-bfbd2ce19907.png","pc":"platejs","tg":["image"]},{"id":"21st:platejs__tag-node","t":"Tag node","d":"A pill-shaped tag element for the Plate editor that renders selectable, styleable inline labels with focus and read-only link states.","s":"21st","c":"data-display/badge","a":"platejs","pl":"https://cdn.21st.dev/platejs/tag-node/default/preview.1784684211863-256e800a-13d4-45b4-915e-92477a23c9b8.png","pc":"platejs","sb":"Tags and pills"},{"id":"21st:platejs__toc-base-kit","t":"Toc base kit","d":"A Plate editor plugin kit that registers a static table-of-contents element for server-side rendering of document headings.","s":"21st","c":"navigation/table-of-contents","a":"platejs","pl":"https://cdn.21st.dev/platejs/toc-base-kit/default/preview.1786693306695-8db48e0d-f744-4fec-b421-3fd83c70f00a.png","pc":"platejs","tg":["table"]},{"id":"21st:pogotka__hero-anim-1","t":"Hero anim 1","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#0B1026, #3D46E8, #B18CFF, #FFD6E7). A drop-in, zero-dependency React","k":"motion","s":"21st","c":"motion/shader","a":"pogotka","pl":"https://cdn.21st.dev/pogotka/hero-anim-1/default/preview.1786542321570-5519d5d2-4b0c-4bc4-97b2-9d6e427f3f00.webp","pc":"pogotka","sb":"Silk"},{"id":"21st:poyrazhawk__ascii","t":"Ascii","d":"Animated (ripple) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. Styled with a animated look. A drop-in, zero-dependency React compone","k":"motion","s":"21st","c":"motion/ascii","a":"poyrazhawk","pl":"https://cdn.21st.dev/poyrazhawk/ascii/default/preview.1785865839248-c56bbe0f-a484-4283-bd1c-a65618157f34.webp","pc":"poyrazhawk","sb":"Dither"},{"id":"21st:poyrazhawk__gg","t":"Gg","d":"Animated (ripple) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, ","k":"motion","s":"21st","c":"motion/ascii","a":"poyrazhawk","pl":"https://cdn.21st.dev/poyrazhawk/gg/default/preview.1785867640173-f6b5bc24-ae53-4890-bf2a-b6614e8b2484.webp","pc":"poyrazhawk","sb":"Dither"},{"id":"21st:poyrazhawk__kk","t":"Kk","d":"Animated (ripple) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, ","k":"motion","s":"21st","c":"motion/ascii","a":"poyrazhawk","pl":"https://cdn.21st.dev/poyrazhawk/kk/default/preview.1785880239257-df4dc4b7-602e-4570-be59-865f526945b7.webp","pc":"poyrazhawk","sb":"Dither"},{"id":"21st:pqoqubbw__facebook","t":"Facebook","s":"21st","c":"data-display/avatar","a":"pqoqubbw","pl":"https://cdn.21st.dev/user_2rfLLqHJTJWTimS7vS3vL6EhXRw/facebook/default/preview.1737985182969.png","pc":"pqoqubbw"},{"id":"21st:pqoqubbw__moon","t":"Moon","s":"21st","c":"other","a":"pqoqubbw","pl":"https://cdn.21st.dev/user_2rfLLqHJTJWTimS7vS3vL6EhXRw/moon/default/preview.1737985496781.png","pc":"pqoqubbw"},{"id":"21st:pqoqubbw__smartphone-charging","t":"Smartphone charging","d":"Smartphone Charging Animated Icon","s":"21st","c":"assets/icon","a":"pqoqubbw","pl":"https://cdn.21st.dev/user_2rfLLqHJTJWTimS7vS3vL6EhXRw/smartphone-charging/default/preview.1737986614750.png","pc":"pqoqubbw"},{"id":"21st:pqoqubbw__vibrate","t":"Vibrate","s":"21st","c":"other","a":"pqoqubbw","pl":"https://cdn.21st.dev/user_2rfLLqHJTJWTimS7vS3vL6EhXRw/vibrate/default/preview.1737986522634.png","pc":"pqoqubbw"},{"id":"21st:prashantsom75__fluid-spatial-hero","t":"Fluid spatial hero","k":"section","s":"21st","c":"marketing/hero","a":"prashantsom75","pl":"https://cdn.21st.dev/prashantsom75/fluid-spatial-hero/default/preview.1772173336046.png","pc":"prashantsom75"},{"id":"21st:prashantsom75__perspective-scroll-showcase","t":"Perspective scroll showcase","d":"A highly immersive 3D scrolling showcase that flips between fullscreen project cards as you scroll, featuring a dynamic, infinite advertising marquee background that reacts to the ","k":"layout","s":"21st","c":"layout/scroll-area","a":"prashantsom75","pl":"https://cdn.21st.dev/prashantsom75/perspective-scroll-showcase/default/preview.1772269413095.png","pc":"prashantsom75"},{"id":"21st:prashantsom75__scroll-morph-hero","t":"Scroll morph hero","d":"A stunning hero section that morphs from a scattered layout to a circle, and finally to a scroll-driven interactive rainbow arc.","k":"section","s":"21st","c":"marketing/hero","a":"prashantsom75","u":642,"pl":"https://cdn.21st.dev/prashantsom75/scroll-morph-hero/default/preview.1765164297799.png","pc":"prashantsom75","tg":["gallery","hero"]},{"id":"21st:prashantsom75__stacked-card-testimonials","t":"Stacked card testimonials","d":"A premium testimonial slider featuring a cyclic stacked card animation. Images loop seamlessly from front to back with smooth spring physics, complemented by a fluid, glassmorphic ","k":"section","s":"21st","c":"marketing/testimonials","a":"prashantsom75","pl":"https://cdn.21st.dev/prashantsom75/stacked-card-testimonials/default/preview.1769516863809.png","pc":"prashantsom75"},{"id":"21st:pratapsinghaswin__eclipse-nav-bar","t":"Eclipse nav bar","d":"A minimal navigation bar featuring a solar-eclipse dark mode switch, blending aesthetics with functionality.","s":"21st","c":"navigation/top-nav","a":"pratapsinghaswin","pl":"https://cdn.21st.dev/pratapsinghaswin/eclipse-nav-bar/default/preview.1757410906725.png","pc":"pratapsinghaswin","sb":"Mega menus"},{"id":"21st:prebuiltui__about","t":"About","d":"Here is About section component","s":"21st","c":"media/player","a":"prebuiltui","u":214,"pl":"https://cdn.21st.dev/prebuiltui/about/default/preview.1785191186002-e4f40010-3eb2-427b-9e8f-08fff91cad9d.png","pc":"prebuiltui","tg":["features","image","video"]},{"id":"21st:prebuiltui__autocomplete","t":"Autocomplete","d":"Here is Autocomplete component","s":"21st","c":"inputs/combobox","a":"prebuiltui","u":42,"pl":"https://cdn.21st.dev/larsen66/autocomplete/default/preview.1757050974664.png","pc":"prebuiltui","tg":["dropdown","input","search"]},{"id":"21st:prebuiltui__avatar-square","t":"Avatar square","d":"Here is Avatar Square component","s":"21st","c":"data-display/avatar","a":"prebuiltui","pl":"https://cdn.21st.dev/larsen66/avatar-square/default/preview.1757057238721.png","pc":"prebuiltui","tg":["badge","avatar","border","notification"]},{"id":"21st:prebuiltui__badge-tag","t":"Badge tag","d":"Here is Badge Tag ","s":"21st","c":"data-display/badge","a":"prebuiltui","u":37,"pl":"https://cdn.21st.dev/larsen66/badge-tag/default/preview.1757090305326.png","pc":"prebuiltui","tg":["announcement","alert","badge","avatar"],"sb":"Tags and pills"},{"id":"21st:prebuiltui__banner-ui","t":"Banner ui","d":"Here is Banner ui component","s":"21st","c":"overlays/alert-banner","a":"prebuiltui","u":20,"pl":"https://cdn.21st.dev/larsen66/banner-ui/default/preview.1757091327393.png","pc":"prebuiltui","tg":["announcement","ai-chat","alert","button"]},{"id":"21st:prebuiltui__breadcrumb","t":"Breadcrumb","d":"Here is Breadcrumb component","s":"21st","c":"assets/icon","a":"prebuiltui","u":21,"pl":"https://cdn.21st.dev/larsen66/breadcrumb/default/preview.1757091856248.png","pc":"prebuiltui","tg":["icon","link","navigation-menu"]},{"id":"21st:prebuiltui__button-ui","t":"Button ui","d":"Here is Button Ui components","s":"21st","c":"actions/button","a":"prebuiltui","u":24,"pl":"https://cdn.21st.dev/larsen66/button-ui/default/preview.1757093042393.png","pc":"prebuiltui","tg":["border","button","icon"],"sb":"Icon buttons"},{"id":"21st:prebuiltui__cards","t":"Cards","d":"Here is Blog Card Component ","s":"21st","c":"data-display/card","a":"prebuiltui","u":79,"pl":"https://cdn.21st.dev/larsen66/cards/default/preview.1757561758863.png","pc":"prebuiltui","tg":["avatar","card","carousel","gallery"],"sb":"Profile"},{"id":"21st:prebuiltui__checkbox-1","t":"Checkbox 1","d":"Here is Checkbox component","s":"21st","c":"inputs/checkbox","a":"prebuiltui","pl":"https://cdn.21st.dev/larsen66/checkbox-1/default/preview.1757563685671.png","pc":"prebuiltui","tg":["checkbox","form","input","radio-group"]},{"id":"21st:prebuiltui__combobox","t":"Combobox","d":"Here is Combobox component","s":"21st","c":"inputs/combobox","a":"prebuiltui","u":75,"pl":"https://cdn.21st.dev/larsen66/combobox/default/preview.1757049781931.png","pc":"prebuiltui","tg":["chip","dropdown","popover","search"]},{"id":"21st:prebuiltui__cookies","t":"Cookies","d":"Here is Cookie Consent Popup component","s":"21st","c":"overlays/alert-banner","a":"prebuiltui","u":10,"pl":"https://cdn.21st.dev/larsen66/cookies/default/preview.1757564166655.png","pc":"prebuiltui","tg":["card","modal"]},{"id":"21st:prebuiltui__dropdown-menu","t":"Dropdown menu","d":"Here is Dropdown Menu component","s":"21st","c":"navigation/menu","a":"prebuiltui","pl":"https://cdn.21st.dev/larsen66/dropdown-menu/default/preview.1757565131835.png","pc":"prebuiltui","tg":["dropdown","list","menu","select"],"sb":"Dropdowns"},{"id":"21st:prebuiltui__faq-sections","t":"Faq sections","d":"Here is FAQ Sections component","k":"section","s":"21st","c":"marketing/faq","a":"prebuiltui","u":173,"pl":"https://cdn.21st.dev/larsen66/faq-sections/default/preview.1757565917682.png","pc":"prebuiltui","tg":["accordion","faq","image"]},{"id":"21st:prebuiltui__feature-sections","t":"Feature sections","d":"Here is Feature Sections component","k":"section","s":"21st","c":"marketing/features","a":"prebuiltui","u":146,"pl":"https://cdn.21st.dev/larsen66/feature-sections/default/preview.1757568317457.png","pc":"prebuiltui","tg":["badge","card","dashboard","features"],"sb":"Grid of cards"},{"id":"21st:prebuiltui__footer-1","t":"Footer 1","d":"Here is Footer component ","k":"section","s":"21st","c":"marketing/footer","a":"prebuiltui","u":108,"pl":"https://cdn.21st.dev/larsen66/footer-1/default/preview.1757569711350.png","pc":"prebuiltui","tg":["footer","link"]},{"id":"21st:prebuiltui__form-1","t":"Form 1","d":"Here is Form component","s":"21st","c":"inputs/form-field","a":"prebuiltui","u":96,"pl":"https://cdn.21st.dev/larsen66/form-1/default/preview.1757571359573.png","pc":"prebuiltui","tg":["button","form","input","sign-up"],"sb":"Whole forms"},{"id":"21st:prebuiltui__hero-section","t":"Hero section","d":"Here is Hero section components","k":"section","s":"21st","c":"marketing/hero","a":"prebuiltui","u":212,"pl":"https://cdn.21st.dev/larsen66/hero-section/default/preview.1757573862504.png","pc":"prebuiltui","tg":["announcement","cta","grid","hero"]},{"id":"21st:prebuiltui__image-gallery","t":"Image gallery","d":"Here is Image Gallery component","s":"21st","c":"media/gallery","a":"prebuiltui","u":246,"pl":"https://cdn.21st.dev/larsen66/image-gallery/default/preview.1757574232766.png","pc":"prebuiltui","tg":["gallery","grid","image"],"sb":"Grids"},{"id":"21st:prebuiltui__login-form","t":"Login form","d":"Here is Login Form component","s":"21st","c":"flows/sign-in","a":"prebuiltui","st":"rated","u":107,"pl":"https://cdn.21st.dev/larsen66/login-form/default/preview.1757655612272.png","pc":"prebuiltui","tg":["form","sign-in"],"sc":17,"sb":"Sign in"},{"id":"21st:prebuiltui__newsletter","t":"Newsletter","d":"Here is Newsletter  components","s":"21st","c":"motion/text-effect","a":"prebuiltui","pl":"https://cdn.21st.dev/larsen66/newsletter/default/preview.1757656205398.png","pc":"prebuiltui"},{"id":"21st:prebuiltui__pricing-cards","t":"Pricing cards","d":"Here is Pricing Cards components ","k":"section","s":"21st","c":"marketing/pricing","a":"prebuiltui","u":32,"pl":"https://cdn.21st.dev/larsen66/pricing-cards/default/preview.1757656710832.png","pc":"prebuiltui","tg":["badge","card","button","list"],"sb":"Plan cards"},{"id":"21st:prebuiltui__success-toast-notification","t":"Success toast notification","d":"Here is Success Toast Notification component ","s":"21st","c":"overlays/notifications","a":"prebuiltui","pl":"https://cdn.21st.dev/larsen66/success-toast-notification/default/preview.1757088244805.png","pc":"prebuiltui"},{"id":"21st:prebuiltui__testimonial","t":"Testimonial","d":"Here is Testimonial component ","k":"section","s":"21st","c":"marketing/testimonials","a":"prebuiltui","u":110,"pl":"https://cdn.21st.dev/user_prebuiltui/testimonial/default/preview.1785939395757.png","pc":"prebuiltui","tg":["badge","avatar","card","carousel"]},{"id":"21st:prebuiltui__toggle-switch","t":"Toggle switch","d":"Here is Toggle Switch component","s":"21st","c":"actions/switch","a":"prebuiltui","u":25,"pl":"https://cdn.21st.dev/larsen66/toggle-switch/default/preview.1757776562831.png","pc":"prebuiltui","tg":["checkbox","form","toggle"],"sb":"With labels"},{"id":"21st:preetbiswas2006__preet-shader","t":"Preet shader","d":"Animated WebGL shader background in the Flow field style. Generated by the 21st.dev Shader Builder. 4-color palette (#160B0B, #C2402A, #F49D37, #FFE8C2). Features: film grain. A dr","k":"motion","s":"21st","c":"motion/shader","a":"preetbiswas2006","pl":"https://cdn.21st.dev/preetbiswas2006/preet-shader/default/preview.1785771925030-68ca229f-c4af-4677-8d01-734d845792c3.webp","pc":"preetbiswas2006","sb":"Flow field"},{"id":"21st:preetsuthar17__accordion","t":"Accordion","d":"A vertically stacked set of interactive headings that each reveal an associated section of content.","s":"21st","c":"data-display/accordion","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/accordion/default/preview.1750836000118.png","pc":"preetsuthar17"},{"id":"21st:preetsuthar17__accordion-1","t":"Accordion 1","d":"A vertically stacked set of interactive headings that each reveal an associated section of content.","s":"21st","c":"data-display/accordion","a":"preetsuthar17","u":16,"pl":"https://cdn.21st.dev/preetsuthar17/accordion-1/default/preview.1750907260006.png","pc":"preetsuthar17","tg":["accordion","faq"],"sb":"FAQ"},{"id":"21st:preetsuthar17__ai-chat-history","t":"Ai chat history","d":"Display and manage conversation history with search and filtering.","s":"21st","c":"ai-agent/ai-agent","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/ai-chat-history/default/preview.1763350169310.png","pc":"preetsuthar17","sb":"Chat"},{"id":"21st:preetsuthar17__ai-chat-input","t":"Ai chat input","d":"Animated and interactive AI chat input component.","s":"21st","c":"ai-agent/composer","a":"preetsuthar17","pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/ai-chat-input/default/preview.1747055351548.png","pc":"preetsuthar17","tg":["ai-chat"]},{"id":"21st:preetsuthar17__ai-chat-input-block","t":"Ai chat input block","d":"A block for AI product for prompting and tool usage.","s":"21st","c":"ai-agent/composer","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/ai-chat-input-block/default/preview.1760586244721.png","pc":"preetsuthar17","tg":["input"]},{"id":"21st:preetsuthar17__ai-error-handler","t":"Ai error handler","d":"An alert component that displays AI or API error messages with optional retry and dismiss actions.","s":"21st","c":"ai-agent/ai-agent","a":"preetsuthar17","st":"rated","pl":"https://cdn.21st.dev/preetsuthar17/ai-error-handler/default/preview.1783696548825.png","pc":"preetsuthar17","tg":["ai-chat","alert"],"sc":19,"sb":"Chat"},{"id":"21st:preetsuthar17__ai-model-selector","t":"Ai model selector","d":"Select and switch between AI models","s":"21st","c":"ai-agent/ai-agent","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/ai-model-selector/default/preview.1763351382383.png","pc":"preetsuthar17"},{"id":"21st:preetsuthar17__ai-prompt-templates","t":"Ai prompt templates","d":"Browse and use pre-built prompt templates.","s":"21st","c":"ai-agent/composer","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/ai-prompt-templates/default/preview.1763354411062.png","pc":"preetsuthar17"},{"id":"21st:preetsuthar17__ai-thinking","t":"Ai thinking","d":"An animated AI reasoning panel that auto-scrolls a streaming chain-of-thought with an elapsed timer and fading edges.","s":"21st","c":"ai-agent/ai-agent","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/ai-thinking/default/preview.1783696468239.png","pc":"preetsuthar17","tg":["ai-chat"],"sb":"Reasoning and tools"},{"id":"21st:preetsuthar17__ai-thinking-block","t":"Ai thinking block","d":"A thinking block component that simulates AI processing/thinking time before responding.","s":"21st","c":"ai-agent/ai-agent","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/ai-thinking-block/default/preview.1759235527584.png","pc":"preetsuthar17","tg":["ai-chat","spinner"],"sb":"Reasoning and tools"},{"id":"21st:preetsuthar17__ai-usage-quota","t":"Ai usage quota","d":"Display AI usage and quota information.","s":"21st","c":"ai-agent/ai-agent","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/ai-usage-quota/default/preview.1763350897635.png","pc":"preetsuthar17"},{"id":"21st:preetsuthar17__alert","t":"Alert","d":"A versatile alert component for displaying important messages, notifications, and status updates.","s":"21st","c":"overlays/alert-banner","a":"preetsuthar17","u":24,"pl":"https://cdn.21st.dev/preetsuthar17/alert/default/preview.1750836382890.png","pc":"preetsuthar17","tg":["alert","card","icon","notification"]},{"id":"21st:preetsuthar17__animated-counter","t":"Animated counter","d":"A simple animated counter component.","k":"motion","s":"21st","c":"motion/number-ticker","a":"preetsuthar17","u":163,"pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/animated-counter/animated-counter/preview.png","pc":"preetsuthar17","tg":["number"]},{"id":"21st:preetsuthar17__animated-dock","t":"Animated dock","d":"A dock with animated icons that grow on hover.","s":"21st","c":"navigation/dock","a":"preetsuthar17","u":111,"pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/animated-dock/animated-dock/preview.png","pc":"preetsuthar17","tg":["dock","link"]},{"id":"21st:preetsuthar17__animated-tabs","t":"Animated tabs","d":"Interactive tabs animated using clip path and framer motion ","s":"21st","c":"navigation/tabs","a":"preetsuthar17","u":187,"pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/animated-tabs/animated-tabs/preview.png","pc":"preetsuthar17","tg":["tabs"]},{"id":"21st:preetsuthar17__animated-underline","t":"Animated underline","d":"Animate text with an underline effect.","k":"motion","s":"21st","c":"motion/text-effect","a":"preetsuthar17","u":67,"pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/animated-underline/animated-underline/preview.png","pc":"preetsuthar17"},{"id":"21st:preetsuthar17__api-settings","t":"Api settings","k":"layout","s":"21st","c":"flows/settings","a":"preetsuthar17","st":"rated","pl":"https://cdn.21st.dev/preetsuthar17/api-settings/default/preview.1761363698163.png","pc":"preetsuthar17","sc":20},{"id":"21st:preetsuthar17__appearance-settings","t":"Appearance settings","d":"A block to customize appearance and interface.","k":"layout","s":"21st","c":"flows/settings","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/appearance-settings/default/preview.1761149928844.png","pc":"preetsuthar17"},{"id":"21st:preetsuthar17__auth-two-factor-setup","t":"Auth two factor setup","d":"A two-factor authentication setup card with QR code, manual secret key, backup codes, and enable/disable controls.","s":"21st","c":"flows/sign-in","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/auth-two-factor-setup/default/preview.1783695469311.png","pc":"preetsuthar17","sb":"Sign in"},{"id":"21st:preetsuthar17__auth-verify-email","t":"Auth verify email","d":"Email verification status card with pending, verifying, verified, expired, and error states plus a resend link with cooldown.","s":"21st","c":"flows/sign-in","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/auth-verify-email/default/preview.1783695196322.png","pc":"preetsuthar17","sb":"Verification"},{"id":"21st:preetsuthar17__avatar","t":"Avatar","d":"An image element with a fallback for representing the user","s":"21st","c":"data-display/avatar","a":"preetsuthar17","u":29,"pl":"https://cdn.21st.dev/preetsuthar17/avatar/default/preview.1753354556283.png","pc":"preetsuthar17","tg":["profile"]},{"id":"21st:preetsuthar17__avatar-group","t":"Avatar group","d":"A component that displays a group of avatars.","s":"21st","c":"data-display/avatar","a":"preetsuthar17","u":125,"pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/avatar-group/avatar-group/preview.png","pc":"preetsuthar17","tg":["avatar","profile","team","tooltip"]},{"id":"21st:preetsuthar17__basic-data-table","t":"Basic data table","d":"A powerful and flexible data table component with sorting, filtering, pagination, and customizable rendering.","s":"21st","c":"data-display/table","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/basic-data-table/default/preview.1749711514890.png","pc":"preetsuthar17","tg":["pagination","search","table"],"sb":"Data tables"},{"id":"21st:preetsuthar17__billing-plan-selector","t":"Billing plan selector","d":"A subscription plan selector with a monthly/annual billing toggle, feature lists, popular/current badges, and per-plan select buttons.","k":"section","s":"21st","c":"marketing/pricing","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/billing-plan-selector/default/preview.1784685528122-ff5e282c-0d72-4e2f-8ad0-38a56a2d83a0.png","pc":"preetsuthar17","sb":"With billing toggle"},{"id":"21st:preetsuthar17__billing-upgrade-prompt","t":"Billing upgrade prompt","d":"A plan upgrade prompt that highlights recommended plan pricing, savings and feature benefits with banner and card layouts.","s":"21st","c":"ai-agent/composer","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/billing-upgrade-prompt/default/preview.1784712697192-ed61da65-7e5a-45a6-ada2-6b08060ce1f6.png","pc":"preetsuthar17","tg":["pricing-section"]},{"id":"21st:preetsuthar17__blurred-stagger-text","t":"Blurred stagger text","d":"A stagger effect for text with a blur filter.","k":"motion","s":"21st","c":"motion/text-effect","a":"preetsuthar17","u":99,"pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/blurred-stagger-text/default/preview.1746088022007.png","pc":"preetsuthar17","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:preetsuthar17__brand-scoller","t":"Brand scoller","d":"An infinite scroller for brands or logos.","k":"motion","s":"21st","c":"motion/marquee","a":"preetsuthar17","u":152,"pl":"https://cdn.21st.dev/preetsuthar17/brand-scoller/default/preview.1746801937675.png","pc":"preetsuthar17","tg":["marquee","scroll-area"]},{"id":"21st:preetsuthar17__breadcrumb","t":"Breadcrumb","d":"A navigation aid that shows users their current location within a website or application hierarchy","s":"21st","c":"assets/icon","a":"preetsuthar17","u":16,"pl":"https://cdn.21st.dev/preetsuthar17/breadcrumb/default/preview.1751000638752.png","pc":"preetsuthar17","tg":["icon","link","navigation-menu"]},{"id":"21st:preetsuthar17__button","t":"Button","d":"Displays a button component with various styles and states.","s":"21st","c":"actions/button","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/button/default/preview.1751000972153.png","pc":"preetsuthar17","tg":["button","link"]},{"id":"21st:preetsuthar17__calender","t":"Calender","d":"A comprehensive calendar component for date selection with support for single dates, date ranges, and multiple date selection","s":"21st","c":"data-display/calendar","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/calender/default/preview.1753353425015.png","pc":"preetsuthar17","tg":["calendar","date-picker"]},{"id":"21st:preetsuthar17__card","t":"Card","d":"A flexible container component for displaying content in a card layout with header, content, and footer sections.","s":"21st","c":"data-display/card","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/card/default/preview.1751036391355.png","pc":"preetsuthar17","tg":["card"]},{"id":"21st:preetsuthar17__card-1","t":"Card 1","d":"A flexible container component for displaying content in a card layout with header, content, and footer sections.","s":"21st","c":"data-display/card","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/card-1/default/preview.1755585258087.png","pc":"preetsuthar17"},{"id":"21st:preetsuthar17__checkbox","t":"Checkbox","d":"A customizable checkbox component with smooth animations and multiple states.","s":"21st","c":"inputs/checkbox","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/checkbox/default/preview.1751036617546.png","pc":"preetsuthar17","tg":["checkbox"]},{"id":"21st:preetsuthar17__checkout-block","t":"Checkout block","d":"A comprehensive multi-step checkout process with shipping, payment, and order review.","k":"section","s":"21st","c":"marketing/pricing","a":"preetsuthar17","st":"rated","u":177,"pl":"https://cdn.21st.dev/preetsuthar17/checkout-block/default/preview.1759234983537.png","pc":"preetsuthar17","tg":["steps"],"sc":19},{"id":"21st:preetsuthar17__chip","t":"Chip","d":"A compact, interactive element for displaying status, categories, or filters with optional icons and dismissible functionality.","s":"21st","c":"data-display/badge","a":"preetsuthar17","u":21,"pl":"https://cdn.21st.dev/preetsuthar17/chip/default/preview.1751036791280.png","pc":"preetsuthar17","tg":["chip"],"sb":"Tags and pills"},{"id":"21st:preetsuthar17__citations","t":"Citations","d":"Show source citations and references for AI responses.","s":"21st","c":"ai-agent/ai-agent","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/citations/default/preview.1763350566492.png","pc":"preetsuthar17","sb":"Sources"},{"id":"21st:preetsuthar17__clean-minimal-sign-in","t":"Clean minimal sign in","d":"Clean and minimal sign in component with form data validation","s":"21st","c":"flows/sign-in","a":"preetsuthar17","st":"rated","u":282,"pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/clean-minimal-sign-in/clean-minimal-sign-in/preview.png","pc":"preetsuthar17","tg":["form","sign-in"],"sc":18,"sb":"Sign up"},{"id":"21st:preetsuthar17__command-menu","t":"Command menu","d":"A command palette component with keyboard navigation, search, and shortcuts for quick actions and navigation.","s":"21st","c":"navigation/command-palette","a":"preetsuthar17","u":24,"pl":"https://cdn.21st.dev/preetsuthar17/command-menu/default/preview.1753354227023.png","pc":"preetsuthar17","tg":["search"]},{"id":"21st:preetsuthar17__community-support-block","t":"Community support block","d":"Highlights community forums, user groups, trending topics, and top contributors. Includes 'Ask the community' quick action.","k":"section","s":"21st","c":"marketing/team","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/community-support-block/default/preview.1755786096769.png","pc":"preetsuthar17","tg":["team"]},{"id":"21st:preetsuthar17__contact-support-block","t":"Contact support block","d":"A block for contacting support with status tracking.","k":"section","s":"21st","c":"marketing/marketing","a":"preetsuthar17","u":18,"pl":"https://cdn.21st.dev/preetsuthar17/contact-support-block/default/preview.1755586646272.png","pc":"preetsuthar17","tg":["steps"],"sb":"Contact"},{"id":"21st:preetsuthar17__draggable-list","t":"Draggable list","d":"A reorderable list component with drag and drop functionality.","s":"21st","c":"data-display/list","a":"preetsuthar17","pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/draggable-list/draggable-list/preview.png","pc":"preetsuthar17","sb":"Sortable"},{"id":"21st:preetsuthar17__drawer","t":"Drawer","d":"A customizable drawer component built on top of Vaul with smooth animations and flexible positioning.","s":"21st","c":"overlays/sheet","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/drawer/default/preview.1753353966567.png","pc":"preetsuthar17","tg":["modal"]},{"id":"21st:preetsuthar17__dropdown-menu","t":"Dropdown menu","d":"A versatile dropdown menu component with animations, multiple variants, and full accessibility support.","s":"21st","c":"navigation/menu","a":"preetsuthar17","u":19,"pl":"https://cdn.21st.dev/preetsuthar17/dropdown-menu/default/preview.1752658109922.png","pc":"preetsuthar17","tg":["dropdown","menu"],"sb":"Dropdowns"},{"id":"21st:preetsuthar17__email-verification-block","t":"Email verification block","d":"Email verification interface with resend functionality and status checking.","s":"21st","c":"data-display/stat","a":"preetsuthar17","u":5,"pl":"https://cdn.21st.dev/preetsuthar17/email-verification-block/default/preview.1758782392391.png","pc":"preetsuthar17"},{"id":"21st:preetsuthar17__expandable-tabs-1","t":"Expandable tabs 1","d":"Animated tabs that expand when clicked.","s":"21st","c":"navigation/tabs","a":"preetsuthar17","u":42,"pl":"https://cdn.21st.dev/preetsuthar17/expandable-tabs-1/default/preview.1749137457796.png","pc":"preetsuthar17","tg":["tabs"]},{"id":"21st:preetsuthar17__faq-block","t":"Faq block","d":"A block for displaying frequently asked questions with search and filter.","k":"section","s":"21st","c":"marketing/faq","a":"preetsuthar17","u":32,"pl":"https://cdn.21st.dev/preetsuthar17/faq-block/default/preview.1755586203769.png","pc":"preetsuthar17","tg":["accordion","faq","search"]},{"id":"21st:preetsuthar17__file-upload","t":"File upload","d":"Interactive and animated file upload component with drag-and-drop and progress animations.","s":"21st","c":"inputs/file-upload","a":"preetsuthar17","pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/file-upload/file-upload/preview.png","pc":"preetsuthar17","tg":["progress","upload-download"]},{"id":"21st:preetsuthar17__full-screen-signup","t":"Full screen signup","d":"Modern and Beautiful full screen Signup form with HextaUI","s":"21st","c":"flows/sign-in","a":"preetsuthar17","u":259,"pl":"https://cdn.21st.dev/preetsuthar17/full-screen-signup/default/preview.1746802598691.png","pc":"preetsuthar17","tg":["form","sign-up"],"sb":"Sign up"},{"id":"21st:preetsuthar17__general-settings","t":"General settings","d":"A block to manage or customize application settings.","k":"layout","s":"21st","c":"flows/settings","a":"preetsuthar17","st":"rated","pl":"https://cdn.21st.dev/preetsuthar17/general-settings/default/preview.1761150402302.png","pc":"preetsuthar17","sc":20},{"id":"21st:preetsuthar17__gradient-tracing","t":"Gradient tracing","d":"An animated line component with a moving gradient and optional logos at the endpoints.","k":"motion","s":"21st","c":"motion/gradient","a":"preetsuthar17","u":259,"pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/gradient-tracing/default/preview.1737986352589.png","pc":"preetsuthar17"},{"id":"21st:preetsuthar17__hero-1","t":"Hero 1","d":"Hero component for AI chat websites.","k":"section","s":"21st","c":"marketing/hero","a":"preetsuthar17","u":235,"pl":"https://cdn.21st.dev/preetsuthar17/hero-1/default/preview.png","pc":"preetsuthar17","tg":["ai-chat","cta","hero"],"sb":"SaaS and AI"},{"id":"21st:preetsuthar17__hero-2-1","t":"Hero 2 1","d":"Beautiful, grainy hero component for an email-related website","k":"section","s":"21st","c":"marketing/hero","a":"preetsuthar17","u":390,"pl":"https://cdn.21st.dev/preetsuthar17/hero-2-1/default/preview.1747451533178.png","pc":"preetsuthar17","tg":["dashboard","cta"],"sb":"With product shot"},{"id":"21st:preetsuthar17__hover-link-preview","t":"Hover link preview","d":"When a user hovers over a link, a preview of the link's destination appears.","s":"21st","c":"actions/link","a":"preetsuthar17","u":68,"pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/hover-link-preview/hover-link-preview/preview.png","pc":"preetsuthar17","tg":["tooltip"]},{"id":"21st:preetsuthar17__infinite-text-marquee","t":"Infinite text marquee","d":"Awesome infinite text scrolling effect using framer-motion","k":"motion","s":"21st","c":"motion/marquee","a":"preetsuthar17","u":94,"pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/infinite-text-marquee/infinite-text-marquee/preview.png","pc":"preetsuthar17","tg":["marquee","tooltip"]},{"id":"21st:preetsuthar17__input","t":"Input","d":"Displays a form input field with enhanced features like password visibility toggle, clearable functionality, and Zod validation support.","s":"21st","c":"inputs/form-field","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/input/default/preview.1751157214550.png","pc":"preetsuthar17","tg":["input","search"]},{"id":"21st:preetsuthar17__input-otp","t":"Input otp","d":"A flexible and accessible one-time password input component with customizable slots, patterns, and animations.","s":"21st","c":"inputs/otp-input","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/input-otp/default/preview.1758783022615.png","pc":"preetsuthar17","tg":["form","input"]},{"id":"21st:preetsuthar17__kbd","t":"Kbd","d":"A keyboard key component for displaying keyboard shortcuts and key combinations.","s":"21st","c":"data-display/typography","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/kbd/default/preview.1751157591244.png","pc":"preetsuthar17"},{"id":"21st:preetsuthar17__label","t":"Label","d":"Displays a label element with enhanced styling and accessibility features for form controls.","s":"21st","c":"inputs/form-field","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/label/default/preview.1752657605774.png","pc":"preetsuthar17","sb":"Animated fields"},{"id":"21st:preetsuthar17__loader","t":"Loader","d":"A simple and elegant loading spinner component with multiple sizes and color variants.","s":"21st","c":"status/loader","a":"preetsuthar17","u":69,"pl":"https://cdn.21st.dev/preetsuthar17/loader/default/preview.1751157409110.png","pc":"preetsuthar17","sb":"Spinners"},{"id":"21st:preetsuthar17__magic-text","t":"Magic text","d":"Simple animated text component that reveals as we scroll down the page.\n\n","k":"motion","s":"21st","c":"motion/text-effect","a":"preetsuthar17","u":317,"pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/magic-text/magic-text/preview.png","pc":"preetsuthar17","tg":["scroll-area","text"],"sb":"Reveal and entrance"},{"id":"21st:preetsuthar17__menubar","t":"Menubar","d":"A horizontal menu bar component for navigation and actions.","s":"21st","c":"navigation/top-nav","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/menubar/default/preview.1753354963067.png","pc":"preetsuthar17","sb":"Mega menus"},{"id":"21st:preetsuthar17__message-input-block","t":"Message input block","d":"A messaging input block with emoji, GIF and attachment support.","s":"21st","c":"ai-agent/composer","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/message-input-block/default/preview.1760769276002.png","pc":"preetsuthar17","tg":["input"]},{"id":"21st:preetsuthar17__messaging-conversation","t":"Messaging conversation","d":"A simple Messaging Conversation block to display messages","s":"21st","c":"ai-agent/composer","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/messaging-conversation/default/preview.1761147658825.png","pc":"preetsuthar17","tg":["avatar"],"sb":"Chat"},{"id":"21st:preetsuthar17__messaging-people-list","t":"Messaging people list","d":"A simple messaging component to display people list","k":"section","s":"21st","c":"marketing/team","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/messaging-people-list/default/preview.1760764170324.png","pc":"preetsuthar17","tg":["badge","avatar","list","search"]},{"id":"21st:preetsuthar17__modern-stunning-sign-in","t":"Modern stunning sign in","d":"Dark theme modern and stunning sign-in component.","s":"21st","c":"flows/sign-in","a":"preetsuthar17","u":292,"pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/modern-stunning-sign-in/modern-stunning-sign-in/preview.png","pc":"preetsuthar17","tg":["form","sign-in"],"sb":"Sign up"},{"id":"21st:preetsuthar17__mouse-following-eyes","t":"Mouse following eyes","d":"Animated eyes that follow the mouse cursor.","k":"motion","s":"21st","c":"motion/cursor","a":"preetsuthar17","pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/mouse-following-eyes/mouse-following-eyes/preview.png","pc":"preetsuthar17","tg":["cursor"]},{"id":"21st:preetsuthar17__navbar-1","t":"Navbar 1","d":"Floating animated and responsive navbar component","s":"21st","c":"navigation/top-nav","a":"preetsuthar17","u":892,"pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/navbar-1/navbar-1/preview.png","pc":"preetsuthar17","sb":"Mega menus"},{"id":"21st:preetsuthar17__newsletter-signup","t":"Newsletter signup","d":"A customizable newsletter signup form with validation and success message.","s":"21st","c":"flows/sign-in","a":"preetsuthar17","u":45,"pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/newsletter-signup/newsletter-signup/preview.png","pc":"preetsuthar17","sb":"Sign up"},{"id":"21st:preetsuthar17__notification-settings","t":"Notification settings","d":"A component to manage and customize notification preferences.","k":"layout","s":"21st","c":"flows/settings","a":"preetsuthar17","st":"rated","pl":"https://cdn.21st.dev/preetsuthar17/notification-settings/default/preview.1761363027887.png","pc":"preetsuthar17","sc":16},{"id":"21st:preetsuthar17__pagination","t":"Pagination","d":"Navigation component for splitting content across multiple pages with previous/next controls and page numbers","s":"21st","c":"navigation/pagination","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/pagination/default/preview.1753352338179.png","pc":"preetsuthar17","tg":["navigation-menu","pagination"]},{"id":"21st:preetsuthar17__particles","t":"Particles","d":"Particles are small, interactive elements that can be used to create a variety of effects.","k":"motion","s":"21st","c":"motion/background","a":"preetsuthar17","pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/particles/particles/preview.png","pc":"preetsuthar17","sb":"Particles and stars"},{"id":"21st:preetsuthar17__password-reset-block","t":"Password reset block","d":"Password reset flow with email input and success confirmation state.","s":"21st","c":"inputs/form-field","a":"preetsuthar17","u":13,"pl":"https://cdn.21st.dev/preetsuthar17/password-reset-block/default/preview.1758428154658.png","pc":"preetsuthar17","sb":"Password"},{"id":"21st:preetsuthar17__password-strength-meter","t":"Password strength meter","d":"Visual indicator for password strength with validation criteria.","s":"21st","c":"data-viz/gauge","a":"preetsuthar17","st":"rated","pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/password-strength-meter/password-strength-meter/preview.png","pc":"preetsuthar17","sc":18},{"id":"21st:preetsuthar17__password-update-block","t":"Password update block","d":"Secure password update form with validation and confirmation fields.","s":"21st","c":"inputs/form-field","a":"preetsuthar17","u":29,"pl":"https://cdn.21st.dev/preetsuthar17/password-update-block/default/preview.1758782057348.png","pc":"preetsuthar17","tg":["form","input"],"sb":"Password"},{"id":"21st:preetsuthar17__phone-input","t":"Phone input","d":"An international phone input component with country selection, smart validation, country-specific placeholders, and visual feedback for global phone numbers.","s":"21st","c":"inputs/form-field","a":"preetsuthar17","u":58,"pl":"https://cdn.21st.dev/preetsuthar17/phone-input/default/preview.1755091511187.png","pc":"preetsuthar17","tg":["dropdown","form","input","select"],"sb":"Phone"},{"id":"21st:preetsuthar17__post-card","t":"Post card","d":"An Example card component of social media post.\n\n","k":"section","s":"21st","c":"marketing/marketing","a":"preetsuthar17","u":66,"pl":"https://cdn.21st.dev/preetsuthar17/post-card/default/preview.1749362931785.png","pc":"preetsuthar17","sb":"Blog and posts"},{"id":"21st:preetsuthar17__pricing-1","t":"Pricing 1","d":"A simple minimal grid pricing block","k":"section","s":"21st","c":"marketing/pricing","a":"preetsuthar17","u":63,"pl":"https://cdn.21st.dev/preetsuthar17/pricing-1/default/preview.1750407820150.png","pc":"preetsuthar17","tg":["grid","pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:preetsuthar17__privacy-data-setting","t":"Privacy data setting","k":"layout","s":"21st","c":"flows/settings","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/privacy-data-setting/default/preview.1761149656456.png","pc":"preetsuthar17"},{"id":"21st:preetsuthar17__profile-settings","t":"Profile settings","d":"A settings component for user profile management.","s":"21st","c":"data-display/profile","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/profile-settings/default/preview.1761148651552.png","pc":"preetsuthar17"},{"id":"21st:preetsuthar17__progress","t":"Progress","d":"A versatile progress component for displaying completion status, loading states, and step-by-step processes.","s":"21st","c":"data-viz/progress-bar","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/progress/default/preview.1753351930347.png","pc":"preetsuthar17","tg":["progress","spinner"]},{"id":"21st:preetsuthar17__radio","t":"Radio","d":"A customizable radio group component with smooth animations and flexible layouts","s":"21st","c":"inputs/radio","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/radio/default/preview.1753351695021.png","pc":"preetsuthar17","tg":["radio-group"]},{"id":"21st:preetsuthar17__resizable","t":"Resizable","d":"Accessible resizable panel groups and layouts.","k":"layout","s":"21st","c":"layout/split-pane","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/resizable/default/preview.1753351511368.png","pc":"preetsuthar17","tg":["sidebar"]},{"id":"21st:preetsuthar17__responsive-masonry-layout","t":"Responsive masonry layout","d":"A beautiful, responsive masonry component that adapts seamlessly to various screen sizes.","s":"21st","c":"media/gallery","a":"preetsuthar17","u":42,"pl":"https://cdn.21st.dev/preetsuthar17/responsive-masonry-layout/default/preview.1748061836339.png","pc":"preetsuthar17","tg":["gallery","grid","image"],"sb":"Masonry"},{"id":"21st:preetsuthar17__scroll-area","t":"Scroll area","d":"A customizable scroll area component with smooth scrolling and accessible scrollbars.","k":"layout","s":"21st","c":"layout/scroll-area","a":"preetsuthar17","u":146,"pl":"https://cdn.21st.dev/preetsuthar17/scroll-area/default/preview.1753351331701.png","pc":"preetsuthar17","tg":["scroll-area"]},{"id":"21st:preetsuthar17__select","t":"Select","d":"A comprehensive select component with support for single selection, icons, and animations.","s":"21st","c":"inputs/select","a":"preetsuthar17","u":169,"pl":"https://cdn.21st.dev/preetsuthar17/select/default/preview.1751034288717.png","pc":"preetsuthar17","tg":["select"]},{"id":"21st:preetsuthar17__selector-chips","t":"Selector chips","d":"Selector Chips are used to display a list of items that can be selected.","s":"21st","c":"data-display/badge","a":"preetsuthar17","u":39,"pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/selector-chips/selector-chips/preview.png","pc":"preetsuthar17","tg":["chip"],"sb":"Tags and pills"},{"id":"21st:preetsuthar17__separator","t":"Separator","d":"A separator component for dividing content visually.","s":"21st","c":"navigation/top-nav","a":"preetsuthar17","u":34,"pl":"https://cdn.21st.dev/preetsuthar17/separator/default/preview.1751035770559.png","pc":"preetsuthar17","tg":["navigation-menu"],"sb":"Mega menus"},{"id":"21st:preetsuthar17__shining-text","t":"Shining text","d":"Animate text with a shining effect.","k":"motion","s":"21st","c":"motion/text-effect","a":"preetsuthar17","u":375,"pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/shining-text/shining-text/preview.png","pc":"preetsuthar17","tg":["ai-chat"]},{"id":"21st:preetsuthar17__sidebar","t":"Sidebar","d":"Animated and responsive sidebar component with multiple categories section and mobile device support","s":"21st","c":"navigation/sidebar","a":"preetsuthar17","u":184,"pl":"https://cdn.21st.dev/preetsuthar17/sidebar/default/preview.1747454227105.png","pc":"preetsuthar17","tg":["sidebar"]},{"id":"21st:preetsuthar17__sign-in-block","t":"Sign in block","d":"A clean sign-in form with email/password authentication and remember me option.","s":"21st","c":"flows/sign-in","a":"preetsuthar17","u":76,"pl":"https://cdn.21st.dev/preetsuthar17/sign-in-block/default/preview.1758426410708.png","pc":"preetsuthar17","tg":["checkbox","form","sign-in"],"sb":"Sign up"},{"id":"21st:preetsuthar17__sign-up-block","t":"Sign up block","d":"A complete sign-up form with validation, password strength requirements, and terms acceptance.","s":"21st","c":"flows/sign-in","a":"preetsuthar17","u":65,"pl":"https://cdn.21st.dev/preetsuthar17/sign-up-block/default/preview.1758425095009.png","pc":"preetsuthar17","tg":["checkbox","sign-up"],"sb":"Sign up"},{"id":"21st:preetsuthar17__signup-1","t":"Signup 1","d":"Full screen authentication component","s":"21st","c":"flows/sign-in","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/signup-1/default/preview.1747109210869.png","pc":"preetsuthar17","sb":"Sign up"},{"id":"21st:preetsuthar17__skeleton","t":"Skeleton","d":"Display placeholder content while loading to improve perceived performance.","s":"21st","c":"status/skeleton","a":"preetsuthar17","u":84,"pl":"https://cdn.21st.dev/preetsuthar17/skeleton/default/preview.1751036069715.png","pc":"preetsuthar17"},{"id":"21st:preetsuthar17__slider","t":"Slider","d":"A customizable range input component for selecting numeric values with multiple variants and sizes","s":"21st","c":"inputs/slider","a":"preetsuthar17","u":6,"pl":"https://cdn.21st.dev/preetsuthar17/slider/default/preview.1753350725415.png","pc":"preetsuthar17","tg":["slider"]},{"id":"21st:preetsuthar17__social-authentication-block","t":"Social authentication block","d":"Social authentication configured for auth flow with different messaging.","s":"21st","c":"flows/sign-in","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/social-authentication-block/default/preview.1758783810546.png","pc":"preetsuthar17","tg":["sign-in"],"sb":"Social"},{"id":"21st:preetsuthar17__spotlight-card","t":"Spotlight card","d":"Create a spotlight effect on hover on a card component.","s":"21st","c":"data-display/card","a":"preetsuthar17","u":82,"pl":"https://cdn.21st.dev/preetsuthar17/spotlight-card/default/preview.1747709960379.png","pc":"preetsuthar17","tg":["features"],"sb":"Animated and glowing"},{"id":"21st:preetsuthar17__switch","t":"Switch","d":"A control that allows the user to toggle between checked and not checked with smooth animations and multiple variants.","s":"21st","c":"actions/switch","a":"preetsuthar17","u":13,"pl":"https://cdn.21st.dev/preetsuthar17/switch/default/preview.1753349928276.png","pc":"preetsuthar17","tg":["form","toggle"],"sb":"With labels"},{"id":"21st:preetsuthar17__system-status-block","t":"System status block","d":"Displays real-time or simulated system/service status with incident history.","s":"21st","c":"data-display/timeline","a":"preetsuthar17","st":"rated","pl":"https://cdn.21st.dev/preetsuthar17/system-status-block/default/preview.1755587780603.png","pc":"preetsuthar17","tg":["dashboard","timeline"],"sc":19},{"id":"21st:preetsuthar17__tabs","t":"Tabs","d":"A set of layered sections of content with smooth animations and modern styling.","s":"21st","c":"navigation/tabs","a":"preetsuthar17","u":34,"pl":"https://cdn.21st.dev/preetsuthar17/tabs/default/preview.1753349063253.png","pc":"preetsuthar17","tg":["tabs"]},{"id":"21st:preetsuthar17__team-invite","t":"Team invite","d":"A modern team invitation and member management component with permission controls","k":"section","s":"21st","c":"marketing/team","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/team-invite/default/preview.1755786918847.png","pc":"preetsuthar17","tg":["modal","team"]},{"id":"21st:preetsuthar17__testimonial-card","t":"Testimonial card","d":"A responsive testimonial card component with rating stars and author information.","k":"section","s":"21st","c":"marketing/testimonials","a":"preetsuthar17","u":297,"pl":"https://cdn.21st.dev/user_preetsuthar17/testimonial-card.png","pc":"preetsuthar17","tg":["testimonials"]},{"id":"21st:preetsuthar17__textarea","t":"Textarea","d":"Displays a multi-line text input field with enhanced features like clearable functionality, auto-resizing, and Zod validation support","s":"21st","c":"inputs/textarea","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/textarea/default/preview.1753272940163.png","pc":"preetsuthar17","tg":["textarea"]},{"id":"21st:preetsuthar17__time-picker","t":"Time picker","d":"A flexible time picker component with 12-hour format, AM/PM selection, and optional current time button, designed for easy time selection in forms and applications.","s":"21st","c":"inputs/time-picker","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/time-picker/default/preview.1754962627157.png","pc":"preetsuthar17","tg":["form","select"]},{"id":"21st:preetsuthar17__timeline","t":"Timeline","d":"A flexible timeline component for displaying chronological events, processes, and workflows with support for different orientations, statuses, and custom content.","s":"21st","c":"data-display/timeline","a":"preetsuthar17","u":267,"pl":"https://cdn.21st.dev/preetsuthar17/timeline/default/preview.1754962140735.png","pc":"preetsuthar17","tg":["timeline"]},{"id":"21st:preetsuthar17__toggle","t":"Toggle","d":"A two-state button that can be either on or off with smooth transitions and multiple variants.","s":"21st","c":"actions/switch","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/toggle/default/preview.1753272706536.png","pc":"preetsuthar17"},{"id":"21st:preetsuthar17__toolbar","t":"Toolbar","d":"A text editor toolbar component with toggles","s":"21st","c":"navigation/menu","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/toolbar/default/preview.1750406802737.png","pc":"preetsuthar17","sb":"Menubars"},{"id":"21st:preetsuthar17__tooltip","t":"Tooltip","d":"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.","s":"21st","c":"overlays/tooltip","a":"preetsuthar17","u":30,"pl":"https://cdn.21st.dev/preetsuthar17/tooltip/default/preview.1752659404147.png","pc":"preetsuthar17","tg":["popover","tooltip"]},{"id":"21st:preetsuthar17__tree","t":"Tree","d":"A flexible tree view component with collapsible nodes, selection, and animations.","s":"21st","c":"data-display/tree","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/tree/default/preview.1752658753414.png","pc":"preetsuthar17","tg":["file-tree"]},{"id":"21st:preetsuthar17__tree-view","t":"Tree view","d":"A hierarchical data display component with expand/collapse functionality, perfect for file explorers, organizational charts, or any nested data structure.","s":"21st","c":"data-display/tree","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/tree-view/default/preview.1749807259570.png","pc":"preetsuthar17","tg":["file-tree"]},{"id":"21st:preetsuthar17__two-factor-authentication-block","t":"Two factor authentication block","d":"6-digit code input for two-factor authentication with auto-focus and paste support.","s":"21st","c":"flows/sign-in","a":"preetsuthar17","u":14,"pl":"https://cdn.21st.dev/preetsuthar17/two-factor-authentication-block/default/preview.1758783334374.png","pc":"preetsuthar17","tg":["form","input"],"sb":"Sign in"},{"id":"21st:preetsuthar17__typewriter-text","t":"Typewriter text","d":"Animated Text component that types itself out like a typewriter.","k":"motion","s":"21st","c":"motion/text-effect","a":"preetsuthar17","u":655,"pl":"https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/typewriter-text/default/preview.1738001373392.png","pc":"preetsuthar17","tg":["text"],"sb":"Typewriter"},{"id":"21st:preetsuthar17__user-feedback-block","t":"User feedback block","d":"Collects user feedback on the help/support experience with multiple input types.","s":"21st","c":"inputs/textarea","a":"preetsuthar17","u":9,"pl":"https://cdn.21st.dev/preetsuthar17/user-feedback-block/default/preview.1755785150812.png","pc":"preetsuthar17","tg":["textarea"]},{"id":"21st:preetsuthar17__video-player","t":"Video player","d":"A modern, customizable video player component with full controls and keyboard shortcuts.","s":"21st","c":"media/player","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/video-player/default/preview.1752658489427.png","pc":"preetsuthar17","tg":["progress","video"]},{"id":"21st:preetsuthar17__waitlist-form-1","t":"Waitlist form 1","d":"Animated and minimal waitlist form with email input and submit button.","k":"section","s":"21st","c":"marketing/cta","a":"preetsuthar17","u":32,"pl":"https://cdn.21st.dev/preetsuthar17/waitlist-form/default/preview.1747797999827.png","pc":"preetsuthar17","sb":"Newsletter and waitlist"},{"id":"21st:prince__cinematic-ui","t":"Cinematic ui","d":"on hover its change ui","s":"21st","c":"other","a":"prince","pl":"https://cdn.21st.dev/prince/cinematic-ui/default/preview.1782378183011.png","pc":"prince"},{"id":"21st:priyanshugupta28__tabs-swicher","t":"Tabs swicher","s":"21st","c":"navigation/tabs","a":"priyanshugupta28","pl":"https://cdn.21st.dev/priyanshugupta28/tabs-swicher/default/preview.1770654021083.png","pc":"priyanshugupta28"},{"id":"21st:priyanshujindal2006__card-showdown","t":"Card showdown","d":"Display of three cards, making a professional and polished ui","s":"21st","c":"data-display/card","a":"priyanshujindal2006","pl":"https://cdn.21st.dev/priyanshujindal2006/card-showdown/default/preview.1750349972507.png","pc":"priyanshujindal2006"},{"id":"21st:productprod7__green-down","t":"Green down","d":"Pure CSS gradient background in the Axis Blend style, made with the 21st.dev Gradient Builder. 2-color palette (#236B26, #97FF99). A drop-in, zero-dependency React component for he","k":"motion","s":"21st","c":"motion/gradient","a":"productprod7","pl":"https://cdn.21st.dev/productprod7/green-down/default/preview.1784975155732-87963ac8-e5d7-46ae-a86a-41c8bc5095d1.webp","pc":"productprod7","sb":"Axis Blend"},{"id":"21st:projetooticalucena__bot-o-whats-app","t":"Bot o whats app","s":"21st","c":"other","a":"projetooticalucena","pl":"https://cdn.21st.dev/projetooticalucena/bot-o-whats-app/default/preview.1748633815887.png","pc":"projetooticalucena"},{"id":"21st:prv.ctech__baby-blue","t":"Baby blue","d":"Pure CSS gradient background in the Axis Blend style, made with the 21st.dev Gradient Builder. 2-color palette (#2E3192, #1BFFFF). Features: vignette. A drop-in, zero-dependency Re","k":"motion","s":"21st","c":"motion/gradient","a":"prv.ctech","pl":"https://cdn.21st.dev/prv.ctech/baby-blue/default/preview.1786038924546-99f94719-c0c5-44fc-bf5a-1e7c796d8b26.webp","pc":"prv.ctech","sb":"Axis Blend"},{"id":"21st:pshopps04__1s1s","t":"1s1s","d":"Animated (wave) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, an","k":"motion","s":"21st","c":"motion/ascii","a":"pshopps04","pl":"https://cdn.21st.dev/pshopps04/1s1s/default/preview.1786206021027-f22fd05b-1421-43c6-a964-10dd383e8fef.webp","pc":"pshopps04","sb":"Dither"},{"id":"21st:pshopps04__is1s","t":"Is1s","d":"Animated (wave) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, an","k":"motion","s":"21st","c":"motion/ascii","a":"pshopps04","pl":"https://cdn.21st.dev/pshopps04/is1s/default/preview.1786206012036-dc7cb807-1391-4f2d-a6af-3486135d8fa5.webp","pc":"pshopps04","sb":"Dither"},{"id":"21st:pulkitxm__aurora-background","t":"Aurora background","d":"An animated canvas aurora background with multiple color variants (sunset, ocean, forest, lavender, ember, ice) that can wrap any content.","k":"motion","s":"21st","c":"motion/background","a":"pulkitxm","pl":"https://cdn.21st.dev/pulkitxm/aurora-background/default/preview.1783581774000.png","pc":"pulkitxm","sb":"Gradients and aurora"},{"id":"21st:pulkitxm__cursor-spotlight","t":"Cursor spotlight","d":"A container that dims its background and reveals a bright radial spotlight that follows the cursor on hover.","k":"motion","s":"21st","c":"motion/background","a":"pulkitxm","pl":"https://cdn.21st.dev/pulkitxm/cursor-spotlight/default/preview.1783581899776.png","pc":"pulkitxm","sb":"Beams and light"},{"id":"21st:pulkitxm__fluid-cursor-trail","t":"Fluid cursor trail","d":"Canvas particle trail that follows the cursor as a fixed overlay, with customizable color, particle count, and physics.","k":"motion","s":"21st","c":"motion/cursor","a":"pulkitxm","pl":"https://cdn.21st.dev/pulkitxm/fluid-cursor-trail/default/preview.1783581807995.png","pc":"pulkitxm","tg":["cursor"]},{"id":"21st:pulkitxm__handwriting-svg","t":"Handwriting svg","d":"An SVG that draws itself on mount, rendering custom paths or converting text into animated handwriting strokes.","k":"motion","s":"21st","c":"motion/text-effect","a":"pulkitxm","pl":"https://cdn.21st.dev/pulkitxm/handwriting-svg/default/preview.1786699438959-c61fcb9e-d1a7-4e67-ab04-ecfc09ffd573.png","pc":"pulkitxm","tg":["text"],"sb":"Handwriting and SVG"},{"id":"21st:pulkitxm__horizontal-scroll-gallery","t":"Horizontal scroll gallery","d":"Pinned section where vertical scrolling drives a horizontal gallery's position, translating a track of items sideways as you scroll down.","s":"21st","c":"media/gallery","a":"pulkitxm","u":10,"pl":"https://cdn.21st.dev/pulkitxm/horizontal-scroll-gallery/default/preview.1784661081994-528a96c2-604d-4a44-a477-39cd0dbe7740.png","pc":"pulkitxm","tg":["gallery","scroll-area"],"sb":"Scroll"},{"id":"21st:pulkitxm__infinite-circular-scroll","t":"Infinite circular scroll","d":"A vertical list of cards that loops seamlessly as you scroll, with the scrollbar hidden for a continuous circular feel.","k":"layout","s":"21st","c":"layout/scroll-area","a":"pulkitxm","pl":"https://cdn.21st.dev/pulkitxm/infinite-circular-scroll/default/preview.1784355317156-b6475953-54e0-44d0-9f9b-5376db56c4d3.png","pc":"pulkitxm","tg":["scroll-area"]},{"id":"21st:pulkitxm__line-draw-svg","t":"Line draw svg","d":"An SVG path that animates drawing itself on scroll, hover, or mount, with built-in diamond, circle, star, heart, and arrow presets.","s":"21st","c":"layout/scroll-area","a":"pulkitxm","pl":"https://cdn.21st.dev/pulkitxm/line-draw-svg/default/preview.1784708961733-832fae3e-aa9b-4f32-983c-942a76aa331e.png","pc":"pulkitxm","tg":["scroll-area"]},{"id":"21st:pulkitxm__lqip-image","t":"Lqip image","d":"Image component with a Low Quality Image Placeholder (LQIP) that shows a blurred placeholder and fades into the full image once it loads.","s":"21st","c":"media/gallery","a":"pulkitxm","u":4,"pl":"https://cdn.21st.dev/pulkitxm/lqip-image/default/preview.1784664029910-c494bae9-10a8-44a3-a9b3-9db6d3b29874.png","pc":"pulkitxm"},{"id":"21st:pulkitxm__network-image","t":"Network image","d":"Image component that adapts its resolution and loading strategy in real time based on the visitor's network connection speed.","s":"21st","c":"media/gallery","a":"pulkitxm","pl":"https://cdn.21st.dev/pulkitxm/network-image/default/preview.1784666410420-ce389b54-691e-4838-b008-9df402310e8b.png","pc":"pulkitxm","tg":["image","spinner"]},{"id":"21st:pulkitxm__not-found-page","t":"Not found page","d":"Animated 404 not found page with a subtly moving icon, customizable copy, and reduced-motion support.","k":"page","s":"21st","c":"pages/templates","a":"pulkitxm","pl":"https://cdn.21st.dev/pulkitxm/not-found-page/default/preview.1783730871392.png","pc":"pulkitxm","tg":["empty-state"],"sb":"Error and status pages"},{"id":"21st:pulkitxm__parallax-image","t":"Parallax image","d":"Scroll-linked parallax wrapper that shifts images or content vertically on scroll to create a sense of depth.","s":"21st","c":"media/gallery","a":"pulkitxm","pl":"https://cdn.21st.dev/pulkitxm/parallax-image/default/preview.1784666327497-2d23e681-b32d-411a-bef2-1d35520e97ab.png","pc":"pulkitxm","tg":["gallery","scroll-area"],"sb":"Scroll"},{"id":"21st:pulkitxm__party-popper","t":"Party popper","d":"A wrapper that fires a GSAP confetti burst of particles and streamers from any trigger element when it is clicked.","k":"motion","s":"21st","c":"motion/background","a":"pulkitxm","pl":"https://cdn.21st.dev/pulkitxm/party-popper/default/preview.1785374583556-686161fc-e1f6-45ed-8144-18102d27ee2c.png","pc":"pulkitxm"},{"id":"21st:pulkitxm__scroll-linked-video-scrubber","t":"Scroll linked video scrubber","d":"A scroll-driven video component that pins to the viewport and scrubs the video's timeline forward or backward as the user scrolls, mapping scroll progress to playback position.","s":"21st","c":"inputs/slider","a":"pulkitxm","pl":"https://cdn.21st.dev/pulkitxm/scroll-linked-video-scrubber/default/preview.1784811266368-b2407975-e5d8-4e9c-a752-a24c65f780f1.png","pc":"pulkitxm","tg":["scroll-area","video"]},{"id":"21st:pulkitxm__stagger-reveal-grid","t":"Stagger reveal grid","d":"Grid that reveals its items with a wave-like stagger animation on scroll, with configurable columns and timing.","s":"21st","c":"layout/bento-grid","a":"pulkitxm","pl":"https://cdn.21st.dev/pulkitxm/stagger-reveal-grid/default/preview.1784390686712-9edc8661-e478-4b80-9e73-fe8bbfa507fb.png","pc":"pulkitxm"},{"id":"21st:pulseawan__apple-calendar-picker","t":"Apple calendar picker","s":"21st","c":"inputs/select","a":"pulseawan","st":"rated","pl":"https://cdn.21st.dev/pulseawan/apple-calendar-picker/default/preview.1782651368419.png","pc":"pulseawan","tg":["calendar","date-picker","toggle"],"sc":23},{"id":"21st:pulseawan__apple-color-picker","t":"Apple color picker","d":"A pixel-perfect Apple-style color picker with Grid, Spectrum, and Slider tabs, opacity control, swatches, and recent colors.","s":"21st","c":"inputs/color-picker","a":"pulseawan","pl":"https://cdn.21st.dev/pulseawan/apple-color-picker/default/preview.1782646897034.png","pc":"pulseawan","tg":["grid","slider","tabs"]},{"id":"21st:pulseawan__apple-emoji-picker","t":"Apple emoji picker","d":"A premium, production-ready, interactive Apple-style Emoji Picker component for React and Tailwind CSS. Supports dark mode, instant search, voice search, and recent emojis.","s":"21st","c":"inputs/select","a":"pulseawan","pl":"https://cdn.21st.dev/pulseawan/apple-emoji-picker/default/preview.1782649565621.png","pc":"pulseawan","tg":["grid","search"]},{"id":"21st:pulseawan__image-expansion","t":"Image expansion","d":"Pre-built image expansion & gallery components for modern landing pages — install on demand, no need to generate from scratch.","s":"21st","c":"media/gallery","a":"pulseawan","u":9,"pl":"https://cdn.21st.dev/pulseawan/image-expansion/default/preview.1782988320780.png","pc":"pulseawan","tg":["carousel","gallery","image","tabs"]},{"id":"21st:pulseawan__modern-login-signup","t":"Modern login signup","d":"Modern, responsive login and signup UI components built with React and Tailwind CSS — ready-to-use authentication forms with clean design and smooth UX.","s":"21st","c":"flows/sign-in","a":"pulseawan","u":13,"pl":"https://cdn.21st.dev/pulseawan/modern-login-signup/default/preview.1782801552351.png","pc":"pulseawan","tg":["form","sign-in"],"sb":"Sign up"},{"id":"21st:puppetrobi__animated-testimonials","t":"Animated testimonials","d":"sleek smooth animated testimonials with staggering text effect","k":"section","s":"21st","c":"marketing/testimonials","a":"puppetrobi","pl":"https://cdn.21st.dev/puppetrobi/animated-testimonials/default/preview.1754308984072.png","pc":"puppetrobi"},{"id":"21st:qahwaaddiction__target","t":"Target","d":"Pure CSS gradient background in the Core Glow style, made with the 21st.dev Gradient Builder. 8-color palette (#F0EEEA, #15140F, #F0EEEA, #5B91F5, #F0EEEA, #76736B, #F0EEEA, #15140","k":"motion","s":"21st","c":"motion/gradient","a":"qahwaaddiction","pl":"https://cdn.21st.dev/qahwaaddiction/target/default/preview.1786544746331-fd99b111-e957-4b04-81a8-5ed3beeb6941.png","pc":"qahwaaddiction","sb":"Core Glow"},{"id":"21st:qahwaaddiction__target-2","t":"Target 2","d":"Pure CSS gradient background in the Core Glow style, made with the 21st.dev Gradient Builder. 8-color palette (#F0EEEA, #15140F, #F0EEEA, #5B91F5, #F0EEEA, #76736B, #F0EEEA, #15140","k":"motion","s":"21st","c":"motion/gradient","a":"qahwaaddiction","pl":"https://cdn.21st.dev/qahwaaddiction/target-2/default/preview.1786544755347-a17f898b-1b66-468c-8f15-f223a1e7a8cd.png","pc":"qahwaaddiction","sb":"Core Glow"},{"id":"21st:qakoraseeka__signup","t":"Signup","d":"Hello Guys Welcome","s":"21st","c":"flows/sign-in","a":"qakoraseeka","pl":"https://cdn.21st.dev/qakoraseeka/signup/default/preview.1755950124062.png","pc":"qakoraseeka","sb":"Sign up"},{"id":"21st:qualitiyjaden1__asdasd","t":"Asdasd","d":"asdasdasdasdasd","s":"21st","c":"other","a":"qualitiyjaden1","pl":"https://cdn.21st.dev/qualitiyjaden1/asdasd/default/preview.1786060500934-a47a51f8-a279-4f31-bb1a-547fa72b4d25.png","pc":"qualitiyjaden1"},{"id":"21st:qualitiyjaden1__hero-futuristic","t":"Hero futuristic","d":"here is some futuristic hero page","k":"section","s":"21st","c":"marketing/hero","a":"qualitiyjaden1","pl":"https://cdn.21st.dev/qualitiyjaden1/hero-futuristic/default/preview.1747355858621.png","pc":"qualitiyjaden1"},{"id":"21st:quentin.hoarau193__qweqw","t":"Qweqw","d":"Animated (pulse) ASCII art in the Lines style, made with the 21st ASCII editor and baked to a looping video. Styled with a retro look. A drop-in, zero-dependency React component fo","k":"motion","s":"21st","c":"motion/ascii","a":"quentin.hoarau193","pl":"https://cdn.21st.dev/quentin.hoarau193/qweqw/default/preview.1786315812136-e8b21bb9-c22c-4343-934b-418051d9e7d3.webp","pc":"quentin.hoarau193","sb":"Lines"},{"id":"21st:quordix__quordix-hero","t":"Quordix hero","k":"section","s":"21st","c":"marketing/hero","a":"quordix","pl":"https://cdn.21st.dev/quordix/quordix-hero/default/preview.1786895489670-938ae3df-0610-469e-beb9-54c70fd5e1d3.png","pc":"quordix"},{"id":"21st:quordix__quordix-work-hero","t":"Quordix work hero","d":"Full-viewport portfolio hero with magnetic letter physics, variable-weight subtitle words, animated orbit rings, and scroll parallax fade.\n","k":"section","s":"21st","c":"marketing/hero","a":"quordix","pl":"https://cdn.21st.dev/quordix/quordix-work-hero/default/preview.1786897283154-74f12aa1-f08f-48b8-adf7-ede698154cf9.png","pc":"quordix"},{"id":"21st:radiumcoders__aqua-button","t":"Aqua button","d":"A glossy pill button inspired by Apple's classic Aqua interface, with layered top highlight, soft bottom diffusion, and rich inner shadows for the signature lickable look. Primary ","s":"21st","c":"actions/button","a":"radiumcoders","pl":"https://cdn.21st.dev/larsen66/aqua-button/default/preview.1780145975334.png","pc":"radiumcoders"},{"id":"21st:radiumcoders__brutal-button","t":"Brutal button","d":"A NeoBrutalism style button with thick borders, high-contrast colors, and a sharp offset shadow that snaps away on press. Fully theme-aware with overridable color, border, shadow, ","s":"21st","c":"actions/button","a":"radiumcoders","pl":"https://cdn.21st.dev/larsen66/brutal-button/default/preview.1780070758680.png","pc":"radiumcoders","tg":["border"],"sb":"Animated"},{"id":"21st:radiumcoders__chrome-button","t":"Chrome button","d":"A pill button with an animated liquid-chrome WebGL surface that shifts under a difference-blended label and brightens on hover. Self-contained — the shader (ogl) is bundled in.","s":"21st","c":"actions/button","a":"radiumcoders","u":21,"pl":"https://cdn.21st.dev/larsen66/chrome-button/default/preview.1780074997272.png","pc":"radiumcoders"},{"id":"21st:radiumcoders__click-powerup","t":"Click powerup","d":"An animated button with sprung corner brackets, a diagonal patterned fill, and a power-up tap burst. On hover the brackets push outward and a fill panel arms; on tap it snaps to a ","s":"21st","c":"actions/button","a":"radiumcoders","pl":"https://cdn.21st.dev/larsen66/click-powerup/default/preview.1780074170433.png","pc":"radiumcoders"},{"id":"21st:radiumcoders__dither-button","t":"Dither button","d":"A button with a live ordered-dithering (Bayer matrix) canvas fill that animates a subtle wave across the surface, with stroked label and configurable dither color, size, and opacit","s":"21st","c":"actions/button","a":"radiumcoders","pl":"https://cdn.21st.dev/larsen66/dither-button/default/preview.1780081213960.png","pc":"radiumcoders"},{"id":"21st:radiumcoders__frame-button","t":"Frame button","d":"A futuristic button with animated corner frames and tactile motion interactions. On hover the corner chevrons expand outward; supports default, secondary and outline variants with ","s":"21st","c":"actions/button","a":"radiumcoders","pl":"https://cdn.21st.dev/radiumcoders/frame-button/default/preview.1785372054657-515adc5d-9770-4fe5-a478-3a6716c5e9ea.png","pc":"radiumcoders"},{"id":"21st:radiumcoders__grid-button","t":"Grid button","d":"A compact button with an animated dot-matrix square glyph in an amber tile beside the label, with a tactile press-down effect. The dot-matrix loader animates a ripple across an 11-","s":"21st","c":"actions/button","a":"radiumcoders","u":8,"pl":"https://cdn.21st.dev/larsen66/grid-button/default/preview.1780085632717.png","pc":"radiumcoders","tg":["button","spinner"],"sb":"Icon buttons"},{"id":"21st:radiumcoders__highlight-button","t":"Highlight button","d":"A button with a mouse-following highlight that darkens the surface as the cursor moves, fades in a soft border on hover, and bursts a radial ripple from the exact click point. Them","s":"21st","c":"actions/button","a":"radiumcoders","u":7,"pl":"https://cdn.21st.dev/larsen66/highlight-button/default/preview.1780086421562.png","pc":"radiumcoders","tg":["border"],"sb":"Animated"},{"id":"21st:radiumcoders__minimal-button","t":"Minimal button","d":"A clean, minimal button built on the shadcn Button with a faint diagonal hatch overlay and a soft drop shadow that adapts to light and dark themes. Understated by design.","s":"21st","c":"actions/button","a":"radiumcoders","u":10,"pl":"https://cdn.21st.dev/larsen66/minimal-button/default/preview.1780086755135.png","pc":"radiumcoders","tg":["button"]},{"id":"21st:radiumcoders__movie-pass","t":"Movie pass","d":"A ticket-style button with rounded corner cut-outs punched into each corner, like a torn cinema pass, with a quick press-scale tactile effect. Theme-aware via primary and backgroun","s":"21st","c":"data-display/badge","a":"radiumcoders","u":5,"pl":"https://cdn.21st.dev/larsen66/movie-pass/default/preview.1780087248434.png","pc":"radiumcoders"},{"id":"21st:radiumcoders__scroll-bars","t":"Scroll bars","d":"An animated ruler-style scroll progress indicator that moves an accent marker across a row of bars as the page scrolls.","k":"layout","s":"21st","c":"layout/scroll-area","a":"radiumcoders","pl":"https://cdn.21st.dev/radiumcoders/scroll-bars/default/preview.1783712486871.png","pc":"radiumcoders"},{"id":"21st:radiumcoders__shiny-button","t":"Shiny button","d":"A glossy indigo button with a layered gradient bezel and an inner panel that sinks with an inset glow on press, giving a polished, candy-like depth. Theme-agnostic indigo finish.","s":"21st","c":"actions/button","a":"radiumcoders","pl":"https://cdn.21st.dev/larsen66/shiny-button/default/preview.1780088166159.png","pc":"radiumcoders"},{"id":"21st:radu__checkout-button","t":"Checkout button","d":"A simple multi-variant Checkout Button for SaaS tiered plans. The Icon can be changed.","s":"21st","c":"actions/button","a":"radu","pl":"https://cdn.21st.dev/radu/checkout-button/default/preview.1753438159631.png","pc":"radu"},{"id":"21st:radu__colorful-bento-grid","t":"Colorful bento grid","d":"A section with live and coming soon pages to show on your landing page, no matter if you're a SaaS (show features) or an Agency. ","k":"layout","s":"21st","c":"layout/bento-grid","a":"radu","u":116,"pl":"https://cdn.21st.dev/radu/colorful-bento-grid/default/preview.1753374289538.png","pc":"radu","tg":["features"]},{"id":"21st:radu__feature-card","t":"Feature card","d":"A simple FeatureCard with Hover Animations","k":"section","s":"21st","c":"marketing/features","a":"radu","pl":"https://cdn.21st.dev/radu/feature-card/default/preview.1753434456057.png","pc":"radu","sb":"Grid of cards"},{"id":"21st:radu__footer-taped-design","t":"Footer taped design","d":"A minimalistic Responsive Footer Navigation with Active and Coming Soon Elements That can Be used now but also be prepped for the future. ","k":"section","s":"21st","c":"marketing/footer","a":"radu","u":344,"pl":"https://cdn.21st.dev/radu/footer-taped-design/default/preview.1753375452848.png","pc":"radu","tg":["badge","footer","link","navigation-menu"]},{"id":"21st:radu__navbar-custom-dropdown-button","t":"Navbar custom dropdown button","s":"21st","c":"actions/button","a":"radu","pl":"https://cdn.21st.dev/radu/navbar-custom-dropdown-button/default/preview.1758387531284.png","pc":"radu"},{"id":"21st:radu__pricing-slider-loops","t":"Pricing slider loops","d":"1:1 replica of Loops pricing. An interactive pricing calculator component designed to help users estimate their monthly cost based on subscriber count. It features a range slider l","s":"21st","c":"inputs/slider","a":"radu","u":83,"pl":"https://cdn.21st.dev/radu/pricing-slider-loops/default/preview.1753451797948.png","pc":"radu","tg":["pricing-section","slider"]},{"id":"21st:radu__reviews-badge","t":"Reviews badge","d":"A simple Badge That illustrates the overall rating of your SaaS/Agency on specific product use cases. ","s":"21st","c":"data-display/badge","a":"radu","pl":"https://cdn.21st.dev/radu/reviews-badge/default/preview.1753439050050.png","pc":"radu"},{"id":"21st:radu__saa-s-feature-section","t":"Saa s feature section","d":"A simple How it Works section with a minimalistic design touch. Nothing fancy, but get's the job done through simplicity. ","k":"section","s":"21st","c":"marketing/features","a":"radu","pl":"https://cdn.21st.dev/radu/saa-s-feature-section/default/preview.1753370209261.png","pc":"radu"},{"id":"21st:radu__saas-pricing-plan-card","t":"Saas pricing plan card","d":"A responsive, animated pricing tier card that dynamically displays monthly or quarterly billing info, a feature list, and a primary CTA. It supports theme variants (primary, second","k":"section","s":"21st","c":"marketing/pricing","a":"radu","pl":"https://cdn.21st.dev/radu/saas-pricing-plan-card/default/preview.1753448861854.png","pc":"radu","sb":"Plan cards"},{"id":"21st:radu__simple-navigation-with-icons","t":"Simple navigation with icons","d":"A simple Navigation built for Product-Led SaaS companies to highlight their products strengths. The version is for desktop only, but can be remixed to quickly make it mobile friend","s":"21st","c":"assets/icon","a":"radu","pl":"https://cdn.21st.dev/radu/simple-navigation-with-icons/default/preview.1763568277536.png","pc":"radu"},{"id":"21st:rafa-porto__ai-assistant-interface","t":"Ai assistant interface","d":"An AI chat interface, with input, file uploads, suggestions and an animated logo","s":"21st","c":"ai-agent/composer","a":"rafa-porto","pl":"https://cdn.21st.dev/user_2uVKBUXqwkcxZZN4Qj9wxzr7maQ/ai-assistant-interface/demo1/preview.png","pc":"rafa-porto","tg":["ai-chat","upload-download"],"sb":"Orbs and presence"},{"id":"21st:rafa-porto__ai-assistant-panel","t":"Ai assistant panel","d":"AI Assistant Panel for support","s":"21st","c":"ai-agent/ai-agent","a":"rafa-porto","pl":"https://cdn.21st.dev/rafa-porto/ai-assistant-panel/default/preview.1763430199448.png","pc":"rafa-porto","sb":"Chat"},{"id":"21st:rafa-porto__hold-to-delete-button","t":"Hold to delete button","d":"A simple hold to delete button","s":"21st","c":"actions/button","a":"rafa-porto","st":"rated","pl":"https://cdn.21st.dev/rafa-porto/hold-to-delete-button/default/preview.1761351006077.png","pc":"rafa-porto","sc":21,"sb":"Loading and states"},{"id":"21st:rafa-porto__publish-button","t":"Publish button","d":"A hold to publish button","s":"21st","c":"actions/button","a":"rafa-porto","pl":"https://cdn.21st.dev/rafa-porto/publish-button/default/preview.1761352397095.png","pc":"rafa-porto","sb":"Loading and states"},{"id":"21st:rafa-porto__sign-in","t":"Sign in","d":"A simple sign in component","s":"21st","c":"flows/sign-in","a":"rafa-porto","u":94,"pl":"https://cdn.21st.dev/user_2uVKBUXqwkcxZZN4Qj9wxzr7maQ/sign-in/default/preview.png","pc":"rafa-porto","tg":["form","sign-in"],"sb":"Sign up"},{"id":"21st:rafa-porto__sign-in-card","t":"Sign in card","d":"A simple and modern login card for use in your projects.","s":"21st","c":"flows/sign-in","a":"rafa-porto","pl":"https://cdn.21st.dev/rafa-porto/sign-in-card/default/preview.1761858561402.png","pc":"rafa-porto","sb":"Sign in"},{"id":"21st:rafa-porto__to-do-card","t":"To do card","d":"Animated to-do list card","s":"21st","c":"data-display/list","a":"rafa-porto","u":29,"pl":"https://cdn.21st.dev/rafa-porto/to-do-card/default/preview.1761484425538.png","pc":"rafa-porto","tg":["checkbox","list"]},{"id":"21st:rahil1202__3d-nested-cube","t":"3d nested cube","d":"3dNestedCube","s":"21st","c":"motion/tilt-3d","a":"rahil1202","pl":"https://cdn.21st.dev/rahil1202/3d-nested-cube/default/preview.1774348510254.png","pc":"rahil1202"},{"id":"21st:rahil1202__aether-hero","t":"Aether hero","d":"Animated Hero Section ","k":"section","s":"21st","c":"marketing/hero","a":"rahil1202","u":56,"pl":"https://cdn.21st.dev/rahil1202/aether-hero/default/preview.1760174440790.png","pc":"rahil1202"},{"id":"21st:rahil1202__agency-viral-hero","t":"Agency viral hero","d":"A full-screen, video-based hero section with an integrated glass-style navbar, designed for modern agency websites. It combines animated headline content, a high-impact background ","k":"section","s":"21st","c":"marketing/hero","a":"rahil1202","pl":"https://cdn.21st.dev/rahil1202/agency-viral-hero/default/preview.1776746470951.png","pc":"rahil1202"},{"id":"21st:rahil1202__aurora-flux","t":"Aurora flux","d":"A beautiful hero section with aurora flux animation","k":"motion","s":"21st","c":"motion/gradient","a":"rahil1202","u":13,"pl":"https://cdn.21st.dev/rahil1202/aurora-flux/default/preview.1760278964290.png","pc":"rahil1202"},{"id":"21st:rahil1202__bell-glow-loader","t":"Bell glow loader","d":"Minimal loader with a bell that blinks softly during work and illuminates fully when done.","s":"21st","c":"status/loader","a":"rahil1202","pl":"https://cdn.21st.dev/rahil1202/bell-glow-loader/default/preview.1759730819326.png","pc":"rahil1202","sb":"Spinners"},{"id":"21st:rahil1202__bell-notify","t":"Bell notify","d":"Custom bell notify me button with light/illuminated animation for better UX","s":"21st","c":"overlays/toast","a":"rahil1202","pl":"https://cdn.21st.dev/rahil1202/bell-notify/default/preview.1759728982474.png","pc":"rahil1202","tg":["notification"]},{"id":"21st:rahil1202__christmas-tree","t":"Christmas tree","d":" A fully animated SVG Christmas tree with particle effects using GSAP.","s":"21st","c":"data-display/tree","a":"rahil1202","pl":"https://cdn.21st.dev/rahil1202/christmas-tree/default/preview.1758805841646.png","pc":"rahil1202"},{"id":"21st:rahil1202__credit-card-form","t":"Credit card form","d":"Lightweight, fully controlled card form with live number/holder/expiry/CVV rendering, CVV back-face flip, and built-in validation. Customizable accent rings and layout.","s":"21st","c":"data-display/card","a":"rahil1202","u":27,"pl":"https://cdn.21st.dev/rahil1202/credit-card-form/default/preview.1758952495822.png","pc":"rahil1202","tg":["card"],"sb":"Payment"},{"id":"21st:rahil1202__dot-matrix-display","t":"Dot matrix display","d":"A high-performance, dot-matrix display component that transforms images into dynamic pixel-art animations using the HTML5 Canvas API","s":"21st","c":"media/gallery","a":"rahil1202","pl":"https://cdn.21st.dev/rahil1202/dot-matrix-display/default/preview.1774347461342.png","pc":"rahil1202"},{"id":"21st:rahil1202__electric-border-card","t":"Electric border card","d":"Electric Border Card ","s":"21st","c":"data-display/card","a":"rahil1202","pl":"https://cdn.21st.dev/rahil1202/electric-border-card/default/preview.1759915224496.png","pc":"rahil1202","sb":"Animated and glowing"},{"id":"21st:rahil1202__electric-card","t":"Electric card","d":"A highly customizable animated card component featuring real-time SVG turbulence, displacement, and hue-shift effects. Perfect for dramatic UI sections, feature highlights, hero ar","s":"21st","c":"data-display/card","a":"rahil1202","pl":"https://cdn.21st.dev/rahil1202/electric-card/default/preview.1758881278266.png","pc":"rahil1202"},{"id":"21st:rahil1202__fire-sphere","t":"Fire sphere","d":"A dynamic shader-driven 3D sphere with animated noise patterns, customizable bloom post-processing, and themeable colors — all controllable via React props.","s":"21st","c":"other","a":"rahil1202","pl":"https://cdn.21st.dev/rahil1202/fire-sphere/default/preview.1759674260552.png","pc":"rahil1202"},{"id":"21st:rahil1202__glass-video-hero","t":"Glass video hero","d":"A premium landing hero featuring a full-screen video background, glassmorphism navigation bar, responsive mobile menu with focus trap, and interactive full-bleed height toggle. Des","k":"section","s":"21st","c":"marketing/hero","a":"rahil1202","u":73,"pl":"https://cdn.21st.dev/rahil1202/glass-video-hero/default/preview.1775887842155.png","pc":"rahil1202","tg":["cta","hero","video"],"sb":"With video"},{"id":"21st:rahil1202__hover-deck-fx","t":"Hover deck fx","d":"Deck-style image hover animation that unfolds stacked images in a 3D-like motion.","s":"21st","c":"media/card-stack","a":"rahil1202","pl":"https://cdn.21st.dev/rahil1202/hover-deck-fx/default/preview.1760162340610.png","pc":"rahil1202"},{"id":"21st:rahil1202__interactive-gradient-background","t":"Interactive gradient background","d":"Interactive Graident Background with pointer movement","k":"motion","s":"21st","c":"motion/background","a":"rahil1202","u":60,"pl":"https://cdn.21st.dev/rahil1202/interactive-gradient-background/default/preview.1760281624902.png","pc":"rahil1202","sb":"Gradients and aurora"},{"id":"21st:rahil1202__light-speed","t":"Light speed","d":"A lightweight, GPU-accelerated component that renders an animated warp-drive tunnel. Perfect for landing pages, hero sections, or interactive backgrounds.","s":"21st","c":"status/loader","a":"rahil1202","u":18,"pl":"https://cdn.21st.dev/rahil1202/light-speed/default/preview.1759470911908.png","pc":"rahil1202","sb":"Spinners"},{"id":"21st:rahil1202__metallic-business-card","t":"Metallic business card","s":"21st","c":"data-display/card","a":"rahil1202","pl":"https://cdn.21st.dev/rahil1202/metallic-business-card/default/preview.1785369908228-885ffbc3-e971-40b7-aed4-406a86be50e8.png","pc":"rahil1202"},{"id":"21st:rahil1202__metallic-tilt-card","t":"Metallic tilt card","d":"Metallic Tilt Card with 3d animation","s":"21st","c":"data-display/card","a":"rahil1202","pl":"https://cdn.21st.dev/rahil1202/metallic-tilt-card/default/preview.1760164352781.png","pc":"rahil1202","sb":"Animated and glowing"},{"id":"21st:rahil1202__neural-noise-cursor","t":"Neural noise cursor","d":"A full-viewport WebGL shader backdrop that renders a layered “neural” noise field inspired . It’s pointer- and scroll-responsive, and sits non-interactively behind your content.","k":"motion","s":"21st","c":"motion/cursor","a":"rahil1202","pl":"https://cdn.21st.dev/rahil1202/neural-noise-cursor/default/preview.1759469693872.png","pc":"rahil1202","tg":["cursor"]},{"id":"21st:rahil1202__plasma-cursor","t":"Plasma cursor","d":"A mesmerizing grid of glowing particles that follow your cursor, pulse rhythmically, and move organically when idle. Fully customizable with props for color, density, motion, and r","k":"motion","s":"21st","c":"motion/cursor","a":"rahil1202","pl":"https://cdn.21st.dev/rahil1202/plasma-cursor/default/preview.1759660013885.png","pc":"rahil1202"},{"id":"21st:rahil1202__prisma-hero","t":"Prisma hero","d":"A full-screen cinematic hero section with a background video, animated word reveal, and minimal floating navbar—designed to highlight a creative brand with strong visual storytelli","k":"section","s":"21st","c":"marketing/hero","a":"rahil1202","u":49,"pl":"https://cdn.21st.dev/rahil1202/prisma-hero/default/preview.1776747545948.png","pc":"rahil1202","tg":["cta","hero","text","video"],"sb":"With video"},{"id":"21st:rahil1202__retro-dvd-tv","t":"Retro dvd tv","d":"A fun retro TV component with a classic DVD logo bouncing around the screen. Resize it, change colors, tweak the speed — and relive the 2000s!","s":"21st","c":"other","a":"rahil1202","pl":"https://cdn.21st.dev/rahil1202/retro-dvd-tv/default/preview.1785306856286-e0efdf32-7588-408c-a867-8bfd94ef7511.png","pc":"rahil1202"},{"id":"21st:rahil1202__scanner-card-stream","t":"Scanner card stream","d":"A full-screen, Evervault-inspired scene that streams glossy card tiles under a central “scanner” beam with ASCII reveals, particle glow, inertial drag, and subtle parallax—fully co","s":"21st","c":"data-display/card","a":"rahil1202","u":112,"pl":"https://cdn.21st.dev/rahil1202/scanner-card-stream/default/preview.1759252308254.png","pc":"rahil1202","tg":["card","scroll-area"]},{"id":"21st:rahil1202__scroll-hero-section","t":"Scroll hero section","d":"Animated Scroll keywords section with loading and scrolling animation","k":"section","s":"21st","c":"marketing/hero","a":"rahil1202","u":84,"pl":"https://cdn.21st.dev/rahil1202/scroll-hero-section/default/preview.1759683737913.png","pc":"rahil1202"},{"id":"21st:rahil1202__scrolling-hero-marquee","t":"Scrolling hero marquee","d":"Animated headline scroller with layered motion and depth perspective for modern hero sections.","k":"section","s":"21st","c":"marketing/hero","a":"rahil1202","pl":"https://cdn.21st.dev/rahil1202/scrolling-hero-marquee/default/preview.1760163850777.png","pc":"rahil1202"},{"id":"21st:rahil1202__star-shockwaves","t":"Star shockwaves","d":"A GPU-driven particle sculpture with shockwave pulses, theme switching, and cinematic bloom, built on Three.js and Tailwind.","s":"21st","c":"status/loader","a":"rahil1202","u":5,"pl":"https://cdn.21st.dev/rahil1202/star-shockwaves/default/preview.1785369566321-ba8a340c-c638-40d9-9449-77c01ab54a4a.png","pc":"rahil1202","sb":"Spinners"},{"id":"21st:rahil1202__text-scrammble","t":"Text scrammble","d":"Beautiful Text Scramble effect","k":"motion","s":"21st","c":"motion/text-effect","a":"rahil1202","u":17,"pl":"https://cdn.21st.dev/rahil1202/text-scrammble/default/preview.1759845491228.png","pc":"rahil1202"},{"id":"21st:rahil1202__time-morph-clock","t":"Time morph clock","d":"A beautifully animated digital clock component that uses smooth SVG morphing transitions to display the current time. Each digit seamlessly transforms every second, creating a visu","k":"motion","s":"21st","c":"motion/text-effect","a":"rahil1202","pl":"https://cdn.21st.dev/rahil1202/time-morph-clock/default/preview.1759659006317.png","pc":"rahil1202","sb":"Rotating words"},{"id":"21st:rahil1202__tube-cursor","t":"Tube cursor","d":"An interactive background component that renders glowing animated tubes powered by Three.js. Designed for Next.js + React, it features customizable tube colors, light palettes, int","k":"motion","s":"21st","c":"motion/cursor","a":"rahil1202","pl":"https://cdn.21st.dev/rahil1202/tube-cursor/default/preview.1758697964542.png","pc":"rahil1202","tg":["cursor"]},{"id":"21st:rahil1202__water-ripple-image","t":"Water ripple image","d":"Immersive hero background that applies animated water ripples to any image, theme-aware out of the box.","s":"21st","c":"media/gallery","a":"rahil1202","u":18,"pl":"https://cdn.21st.dev/rahil1202/water-ripple-image/default/preview.1760160835126.png","pc":"rahil1202"},{"id":"21st:rahuljangirwork__cookie-consent-banner","t":"Cookie consent banner","d":"A responsive React cookie-consent banner with three size variants (default, small, mini) and customizable callbacks—powered by your custom Card layout and ParticleButton click effe","s":"21st","c":"overlays/alert-banner","a":"rahuljangirwork","pl":"https://cdn.21st.dev/rahuljangirwork/cookie-consent-banner/default/preview.1752039270419.png","pc":"rahuljangirwork"},{"id":"21st:ramprasadre56__ai-feature-card","t":"Ai feature card","d":"A sleek, dark-themed Feature Card designed for modern SaaS landing pages. Features a glowing icon badge, typography for hierarchical content, and an interactive CTA button. Fully r","s":"21st","c":"ai-agent/ai-agent","a":"ramprasadre56","pl":"https://cdn.21st.dev/ramprasadre56/ai-feature-card/default/preview.1766951796342.png","pc":"ramprasadre56"},{"id":"21st:ramprasadre56__ai-prompt-input-with-actions","t":"Ai prompt input with actions","s":"21st","c":"ai-agent/composer","a":"ramprasadre56","pl":"https://cdn.21st.dev/ramprasadre56/ai-prompt-input-with-actions/default/preview.1767017731137.png","pc":"ramprasadre56"},{"id":"21st:ramprasadre56__card-with-thumbnail","t":"Card with thumbnail","s":"21st","c":"data-display/card","a":"ramprasadre56","pl":"https://cdn.21st.dev/ramprasadre56/card-with-thumbnail/default/preview.1766976272988.png","pc":"ramprasadre56"},{"id":"21st:ramprasadre56__gemini-3-input","t":"Gemini 3 input","s":"21st","c":"inputs/form-field","a":"ramprasadre56","pl":"https://cdn.21st.dev/ramprasadre56/gemini-3-input/default/preview.1766954783668.png","pc":"ramprasadre56"},{"id":"21st:ramprasadre56__grok-interface-kit","t":"Grok interface kit","d":"A high-fidelity chat interface inspired by xAI's Grok. Features a minimalist brutalist aesthetic, auto-resizing input, and a collapsible 'Thinking' process visualization for reason","s":"21st","c":"data-viz/chart","a":"ramprasadre56","pl":"https://cdn.21st.dev/ramprasadre56/grok-interface-kit/default/preview.1767074036397.png","pc":"ramprasadre56"},{"id":"21st:ramprasadre56__modern-ai-chat-dashboard","t":"Modern ai chat dashboard","s":"21st","c":"ai-agent/ai-agent","a":"ramprasadre56","pl":"https://cdn.21st.dev/ramprasadre56/modern-ai-chat-dashboard/default/preview.1767016899198.png","pc":"ramprasadre56","sb":"Chat"},{"id":"21st:ramprasadre56__orbiting-ecosystem","t":"Orbiting ecosystem","s":"21st","c":"ai-agent","a":"ramprasadre56","pl":"https://cdn.21st.dev/ramprasadre56/orbiting-ecosystem/default/preview.1767175546998.png","pc":"ramprasadre56"},{"id":"21st:ramprasadre56__prompt-input-full-line","t":"Prompt input full line","s":"21st","c":"ai-agent/composer","a":"ramprasadre56","pl":"https://cdn.21st.dev/ramprasadre56/prompt-input-full-line/default/preview.1766977967403.png","pc":"ramprasadre56"},{"id":"21st:randomgoose__counter","t":"Counter","d":"CounterCounter","k":"motion","s":"21st","c":"motion/number-ticker","a":"randomgoose","pl":"https://cdn.21st.dev/randomgoose/counter/default/preview.1774164052261.png","pc":"randomgoose"},{"id":"21st:ranjansharma.ind__standard-card","t":"Standard card","s":"21st","c":"data-display/card","a":"ranjansharma.ind","pl":"https://cdn.21st.dev/ranjansharma.ind/standard-card/default/preview.1774621109440.png","pc":"ranjansharma.ind","tg":["carousel","features"],"sb":"Feature"},{"id":"21st:ravikatiyar162__3d-card","t":"3d card","d":"A 3D card that appears on hover can make your website look beautiful.","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":45,"pl":"https://cdn.21st.dev/ravikatiyar162/3d-card/default/preview.1752999832295.png","pc":"ravikatiyar162","sb":"Animated and glowing"},{"id":"21st:ravikatiyar162__3d-pin","t":"3d pin","d":"Hover over the card to see the 3D pin animation","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/3d-pin/default/preview.1752909505742.png","pc":"ravikatiyar162","sb":"Animated and glowing"},{"id":"21st:ravikatiyar162__3d-radio-group","t":"3d radio group","s":"21st","c":"inputs/radio","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/3d-radio-group/default/preview.1755159401938.png","pc":"ravikatiyar162","tg":["radio-group"]},{"id":"21st:ravikatiyar162__404-error-page","t":"404 error page","k":"page","s":"21st","c":"pages/templates","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/404-error-page/default/preview.1755078123475.png","pc":"ravikatiyar162","sb":"Error and status pages"},{"id":"21st:ravikatiyar162__achievement-cards","t":"Achievement cards","d":"Achievement Cards – Visual recognition component. Highlights awards, partnerships, features, and milestones with branded icons and concise labels. Ideal for startup landing pages, ","s":"21st","c":"data-display/gamification","a":"ravikatiyar162","u":50,"pl":"https://cdn.21st.dev/ravikatiyar162/achievement-cards/default/preview.1753430189492.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__activity-chart-card","t":"Activity chart card","d":"Activity Chart Card\nThis component displays activity data in a bar chart format. It's designed to be reusable, accepting props for the title, total value, and chart data. The bars ","s":"21st","c":"data-viz/chart","a":"ravikatiyar162","st":"rated","u":131,"pl":"https://cdn.21st.dev/ravikatiyar162/activity-chart-card/default/preview.1758186277159.png","pc":"ravikatiyar162","tg":["dashboard"],"sc":21},{"id":"21st:ravikatiyar162__advanced-ai-chat-input","t":"Advanced ai chat input","s":"21st","c":"ai-agent/composer","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/advanced-ai-chat-input/default/preview.1759026406514.png","pc":"ravikatiyar162","tg":["textarea","upload-download"]},{"id":"21st:ravikatiyar162__advanced-parallax-storytelling-interface","t":"Advanced parallax storytelling interface","k":"layout","s":"21st","c":"layout/scroll-area","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/advanced-parallax-storytelling-interface/default/preview.1752824396333.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__ai-image-generator-hero","t":"Ai image generator hero","s":"21st","c":"ai-agent/ai-agent","a":"ravikatiyar162","u":195,"pl":"https://cdn.21st.dev/ravikatiyar162/ai-image-generator-hero/default/preview.1760853925745.png","pc":"ravikatiyar162","tg":["ai-chat","carousel","cta","gallery"],"sb":"Chat"},{"id":"21st:ravikatiyar162__animated-earth-background","t":"Animated earth background","d":"A rotating Earth animation with glowing edges and twinkling stars on a dark cosmic backdrop. Ideal for landing pages, astronomy apps, or immersive websites needing a futuristic spa","k":"motion","s":"21st","c":"motion/background","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/animated-earth-background/default/preview.1755416179562.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__animated-feature-card","t":"Animated feature card","d":"Animated Feature Card\nA visually polished card component that uses framer-motion for a subtle load-in animation and hover effect. It's designed to be highly reusable for showcasing","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","u":11,"pl":"https://cdn.21st.dev/ravikatiyar162/animated-feature-card/default/preview.1759047169404.png","pc":"ravikatiyar162","tg":["features"],"sb":"Grid of cards"},{"id":"21st:ravikatiyar162__animated-hero","t":"Animated hero","d":"Bold hero section featuring a red gradient title and animated dot grid that dynamically follows cursor movement. Ideal for creative portfolios, landing pages, and modern minimal we","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","u":27,"pl":"https://cdn.21st.dev/ravikatiyar162/animated-hero/default/preview.1755369334576.png","pc":"ravikatiyar162","sb":"Animated background"},{"id":"21st:ravikatiyar162__animated-hero-section","t":"Animated hero section","d":"Full-screen hero section with a fiery gradient animation and smoke effect, featuring bold gradient typography for the main headline, a vibrant subheading, and prominent call-to-act","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/animated-hero-section/default/preview.1755279387289.png","pc":"ravikatiyar162","sb":"Animated background"},{"id":"21st:ravikatiyar162__animated-hero-section-1","t":"Animated hero section 1","d":"Animated Hero Section\nDescription: A responsive, full-screen hero section with a background image and text elements that animate into view. It features a customizable navigation ba","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","u":122,"pl":"https://cdn.21st.dev/ravikatiyar162/animated-hero-section-1/default/preview.1758819014953.png","pc":"ravikatiyar162","tg":["cta","hero"],"sb":"Animated background"},{"id":"21st:ravikatiyar162__animated-hero-section-2","t":"Animated hero section 2","d":"Animated Roadmap\nThis component visualizes a series of milestones on a path, with animations that trigger on scroll. It's designed to be highly reusable—you can pass any number of ","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","u":4,"pl":"https://cdn.21st.dev/ravikatiyar162/animated-hero-section-2/default/preview.1758819514630.png","pc":"ravikatiyar162","tg":["globe"],"sb":"Animated background"},{"id":"21st:ravikatiyar162__animated-profile-card","t":"Animated profile card","d":"Animated Profile Card\nA modern, animated profile card to showcase user details, stats, and skills. It features a subtle hover effect and staggered animations on load, built with Fr","s":"21st","c":"data-display/profile","a":"ravikatiyar162","u":15,"pl":"https://cdn.21st.dev/ravikatiyar162/animated-profile-card/default/preview.1758935883837.png","pc":"ravikatiyar162","tg":["profile"]},{"id":"21st:ravikatiyar162__animated-shader-hero","t":"Animated shader hero","d":"Animated Shader Hero\nA stunning React hero component with animated WebGL shader backgrounds, smooth animations, and fully customizable content. Perfect for modern landing pages and","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","u":1318,"pl":"https://cdn.21st.dev/ravikatiyar162/animated-shader-hero/default/preview.1755360493434.png","pc":"ravikatiyar162","tg":["cta","hero"],"sb":"Animated background"},{"id":"21st:ravikatiyar162__animated-underline-hero-section","t":"Animated underline hero section","d":"Animated Underline Hero – Bold intro section with dynamic emphasis. Features large typography with animated underline effects to highlight key phrases, paired with high-contrast vi","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/animated-underline-hero-section/default/preview.1753449390770.png","pc":"ravikatiyar162","sb":"Animated background"},{"id":"21st:ravikatiyar162__app-download-section","t":"App download section","d":"App Download Section\nThis component provides a promotional section to encourage users to download an application. It features a QR code, a list of benefits, and a prominent visual ","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","u":11,"pl":"https://cdn.21st.dev/ravikatiyar162/app-download-section/default/preview.1759083001986.png","pc":"ravikatiyar162","tg":["features"]},{"id":"21st:ravikatiyar162__apps-grid","t":"Apps grid","s":"21st","c":"layout/bento-grid","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/apps-grid/default/preview.1759473188881.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__asset-card","t":"Asset card","d":"Crypto Asset Card\nThis component is a responsive card designed to display key metrics for a crypto asset, such as price, percentage change, and portfolio value. It features a disti","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":42,"pl":"https://cdn.21st.dev/ravikatiyar162/asset-card/default/preview.1758607405055.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__author-form-card","t":"Author form card","d":"AuthorFormCard\nA responsive and theme-adaptive card component for creating or updating author profiles. It features an image upload area, input fields with tooltips, and integrated","s":"21st","c":"flows/sign-in","a":"ravikatiyar162","u":46,"pl":"https://cdn.21st.dev/ravikatiyar162/author-form-card/default/preview.1758934910257.png","pc":"ravikatiyar162","tg":["modal","profile","tooltip"],"sb":"Sign in"},{"id":"21st:ravikatiyar162__background-neon-rain-animation","t":"Background neon rain animation","d":"Animated diagonal streaks in glowing green, creating a futuristic rain effect. Perfect for cyberpunk themes or tech-inspired backgrounds.","k":"motion","s":"21st","c":"motion/background","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/background-neon-rain-animation/default/preview.1755161706667.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__bag-checkout","t":"Bag checkout","d":"The component with sample products using your provided image URL. All animations are smooth and modern, enhancing the premium e-commerce experience!","k":"section","s":"21st","c":"marketing/pricing","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/bag-checkout/default/preview.1761998529124.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__baggage-add-on","t":"Baggage add on","s":"21st","c":"inputs/radio","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/baggage-add-on/default/preview.1758094995256.png","pc":"ravikatiyar162","tg":["radio-group"]},{"id":"21st:ravikatiyar162__banner","t":"Banner","s":"21st","c":"overlays/alert-banner","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/banner/default/preview.1758014543386.png","pc":"ravikatiyar162","tg":["alert"]},{"id":"21st:ravikatiyar162__battery-card","t":"Battery card","d":"Battery Card\nA visually polished component to display device battery status, featuring a dynamic, animated liquid-fill effect that reflects the current charge level.","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":14,"pl":"https://cdn.21st.dev/ravikatiyar162/battery-card/default/preview.1759329204157.png","pc":"ravikatiyar162","sb":"Metric"},{"id":"21st:ravikatiyar162__bento-gallery","t":"Bento gallery","d":"Interactive Image Bento Gallery\nDescription: A responsive, horizontally draggable bento-style gallery designed exclusively for images. It features smooth animations powered by Fram","s":"21st","c":"media/gallery","a":"ravikatiyar162","u":237,"pl":"https://cdn.21st.dev/ravikatiyar162/bento-gallery/default/preview.1758349269185.png","pc":"ravikatiyar162","tg":["gallery","modal"],"sb":"Hover effects"},{"id":"21st:ravikatiyar162__bento-grid","t":"Bento grid","d":"All-in-one tools for automation, content management, scheduling, and AI-powered efficiency.","k":"layout","s":"21st","c":"layout/bento-grid","a":"ravikatiyar162","u":50,"pl":"https://cdn.21st.dev/ravikatiyar162/bento-grid/default/preview.1755772718333.png","pc":"ravikatiyar162","tg":["ai-chat","features"]},{"id":"21st:ravikatiyar162__bubble-button","t":"Bubble button","d":"Usage badge for free plan tracking. Displays remaining quota (e.g., 20/20 left) with a database icon. Ideal for freemium apps to show user limits transparently.","s":"21st","c":"actions/button","a":"ravikatiyar162","u":22,"pl":"https://cdn.21st.dev/ravikatiyar162/bubble-button/default/preview.1753885282861.png","pc":"ravikatiyar162","tg":["badge","tooltip"],"sb":"Animated"},{"id":"21st:ravikatiyar162__business-features","t":"Business features","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/business-features/default/preview.1759513564287.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__button","t":"Button","s":"21st","c":"actions/button","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/button/default/preview.1756628816919.png","pc":"ravikatiyar162","tg":["cta"]},{"id":"21st:ravikatiyar162__cancellation-policy","t":"Cancellation policy","s":"21st","c":"other","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/cancellation-policy/default/preview.1759648472352.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__card","t":"Card","d":"Displays location-specific highlights with imagery, title, and subtle UI elements like a \"like\" icon. Ideal for showcasing top destinations, promoting tours, or suggesting user-cur","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":45,"pl":"https://cdn.21st.dev/ravikatiyar162/card/default/preview.1754570152246.png","pc":"ravikatiyar162","tg":["image"]},{"id":"21st:ravikatiyar162__card-1","t":"Card 1","d":"Interactive Zoom Image\nAn image component that smoothly zooms in on the cursor's position on hover. It leverages framer-motion for fluid animations and is fully customizable throug","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":21,"pl":"https://cdn.21st.dev/ravikatiyar162/card-1/default/preview.1756026833976.png","pc":"ravikatiyar162","tg":["image"]},{"id":"21st:ravikatiyar162__card-10","t":"Card 10","d":"Stat Card\nThis card is designed to display a key metric, its title, and a percentage change from a previous period. It features a count-up animation for the main value and uses the","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":36,"pl":"https://cdn.21st.dev/ravikatiyar162/card-10/default/preview.1757830893277.png","pc":"ravikatiyar162","tg":["dashboard","stat"],"sb":"Metric"},{"id":"21st:ravikatiyar162__card-11","t":"Card 11","d":"Latest News Card\nA card component designed to display a list of recent articles or news items. It features a main title, a \"View all\" link, and a list of animated news entries that","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":27,"pl":"https://cdn.21st.dev/ravikatiyar162/card-11/default/preview.1757832556180.png","pc":"ravikatiyar162","tg":["card","list"]},{"id":"21st:ravikatiyar162__card-12","t":"Card 12","d":"Opportunity Card\nA visually polished and responsive card component to display project opportunities or job offers, complete with user details, project specifications, and action bu","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":42,"pl":"https://cdn.21st.dev/ravikatiyar162/card-12/default/preview.1757833238403.png","pc":"ravikatiyar162","tg":["card"]},{"id":"21st:ravikatiyar162__card-13","t":"Card 13","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/card-13/default/preview.1757834104317.png","pc":"ravikatiyar162","tg":["date-picker","grid"]},{"id":"21st:ravikatiyar162__card-14","t":"Card 14","d":"Event Scheduler Card\nCompact scheduling widget highlighting upcoming events with date, time, and location. Ideal for calendar apps to provide at-a-glance reminders and quick event ","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":31,"pl":"https://cdn.21st.dev/ravikatiyar162/card-14/default/preview.1757857992447.png","pc":"ravikatiyar162","tg":["image"]},{"id":"21st:ravikatiyar162__card-15","t":"Card 15","d":"Notification Card\nA responsive and animated notification card component that displays user information, a message, and status details. It is designed to be easily integrated and cu","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":35,"pl":"https://cdn.21st.dev/ravikatiyar162/card-15/default/preview.1757859241095.png","pc":"ravikatiyar162","tg":["notification","profile"],"sb":"Profile"},{"id":"21st:ravikatiyar162__card-16","t":"Card 16","d":"Incoming Call Notification\nThis component displays an incoming call notification card. It's designed to be highly reusable, with props for caller information and action handlers. I","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":21,"pl":"https://cdn.21st.dev/ravikatiyar162/card-16/default/preview.1758026385416.png","pc":"ravikatiyar162","tg":["notification","toast"]},{"id":"21st:ravikatiyar162__card-17","t":"Card 17","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/card-17/default/preview.1758027475153.png","pc":"ravikatiyar162","tg":["image"]},{"id":"21st:ravikatiyar162__card-18","t":"Card 18","d":"BlogPostCard\nThis component is designed to display blog post information. It features two main variants: featured (large with an image) and default (compact, text-focused). It's re","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":67,"pl":"https://cdn.21st.dev/ravikatiyar162/card-18/default/preview.1758030112548.png","pc":"ravikatiyar162","tg":["grid"]},{"id":"21st:ravikatiyar162__card-19","t":"Card 19","d":"Product Card\nThis interactive card allows users to view product details, select variants like color and size, and add the item to their cart. It's built to be highly reusable and t","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":11,"pl":"https://cdn.21st.dev/ravikatiyar162/card-19/default/preview.1758099252870.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__card-2","t":"Card 2","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/card-2/default/preview.1756285709090.png","pc":"ravikatiyar162","tg":["profile"],"sb":"Profile"},{"id":"21st:ravikatiyar162__card-20","t":"Card 20","s":"21st","c":"data-display/card","a":"ravikatiyar162","st":"rated","pl":"https://cdn.21st.dev/ravikatiyar162/card-20/default/preview.1758103430740.png","pc":"ravikatiyar162","sc":17},{"id":"21st:ravikatiyar162__card-21","t":"Card 21","d":"Destination Card\nA visually rich card component designed to showcase travel destinations. It features a background image, a content overlay, and an interactive 3D tilt effect on ho","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":237,"pl":"https://cdn.21st.dev/ravikatiyar162/card-21/default/preview.1758107835532.png","pc":"ravikatiyar162","tg":["image"]},{"id":"21st:ravikatiyar162__card-22","t":"Card 22","d":"Place Card\nA visually polished card component for displaying travel destinations or listings. It includes an image carousel, rating, tags, and booking information, with smooth anim","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":171,"pl":"https://cdn.21st.dev/ravikatiyar162/card-22/default/preview.1758109732424.png","pc":"ravikatiyar162","tg":["carousel","image"]},{"id":"21st:ravikatiyar162__card-23","t":"Card 23","d":"Article Card\nThis card component is designed to showcase an article, event, or location in a visually appealing and structured format. It's fully responsive and uses shadcn/ui them","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":67,"pl":"https://cdn.21st.dev/ravikatiyar162/card-23/default/preview.1758160076315.png","pc":"ravikatiyar162","tg":["date-picker"]},{"id":"21st:ravikatiyar162__card-24","t":"Card 24","d":"Shipment Card – Real-time delivery update. Displays live order status with tracking option for better customer experience.","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/card-24/default/preview.1758175367266.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__card-25","t":"Card 25","d":"Activity Card – Showcase adventures. Engaging UI element to display activities with images, duration, distance, and difficulty. Perfect for travel, fitness, and experience booking ","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":62,"pl":"https://cdn.21st.dev/ravikatiyar162/card-25/default/preview.1758281565185.png","pc":"ravikatiyar162","tg":["carousel","stat"],"sb":"Metric"},{"id":"21st:ravikatiyar162__card-26","t":"Card 26","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/card-26/default/preview.1758953199390.png","pc":"ravikatiyar162","tg":["link"]},{"id":"21st:ravikatiyar162__card-3","t":"Card 3","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/card-3/default/preview.1757402917798.png","pc":"ravikatiyar162","tg":["profile","stat"],"sb":"Profile"},{"id":"21st:ravikatiyar162__card-4","t":"Card 4","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/card-4/default/preview.1757403639137.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__card-5","t":"Card 5","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/card-5/default/preview.1757412787865.png","pc":"ravikatiyar162","tg":["profile","stat"],"sb":"Profile"},{"id":"21st:ravikatiyar162__card-6","t":"Card 6","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/card-6/default/preview.1757672295195.png","pc":"ravikatiyar162","tg":["notification"]},{"id":"21st:ravikatiyar162__card-7","t":"Card 7","d":"Product Card\nA sleek, image-centric card component designed to showcase products with a title, description, price, and brand logo. It features a gradient overlay for text readabili","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":96,"pl":"https://cdn.21st.dev/ravikatiyar162/card-7/default/preview.1757730351389.png","pc":"ravikatiyar162","tg":["image","pagination"]},{"id":"21st:ravikatiyar162__card-8","t":"Card 8","d":"Article Card\nA responsive card component designed to display articles or blog posts, featuring an image, title, description, and author details. It adapts seamlessly to both light ","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":26,"pl":"https://cdn.21st.dev/ravikatiyar162/card-8/default/preview.1757829315959.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__card-9","t":"Card 9","d":"Sentiment Analysis Card\nA visually engaging card component to display sentiment analysis results with an animated, segmented progress bar. It's built to be fully reusable by accept","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":38,"pl":"https://cdn.21st.dev/ravikatiyar162/card-9/default/preview.1757830310901.png","pc":"ravikatiyar162","tg":["data-visualization","dashboard"]},{"id":"21st:ravikatiyar162__card-grid","t":"Card grid","d":"Article Card Grid\nThis component displays a title and a responsive grid of article cards. It's designed to be easily populated with data via props, making it highly reusable for di","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":26,"pl":"https://cdn.21st.dev/ravikatiyar162/card-grid/default/preview.1759553147367.png","pc":"ravikatiyar162","tg":["grid","image"]},{"id":"21st:ravikatiyar162__cards","t":"Cards","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/cards/default/preview.1756285179439.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__cards-1","t":"Cards 1","d":"Interactive Travel Card\nA visually polished card component that uses framer-motion for a 3D hover effect. It's designed to be fully responsive and reusable, with all content and ac","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":48,"pl":"https://cdn.21st.dev/ravikatiyar162/cards-1/default/preview.1758416730111.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__carousel","t":"Carousel","d":"Shareholder Reports Carousel\nThis component displays a collection of reports in a horizontally scrollable carousel. It features navigation arrows that appear contextually based on ","s":"21st","c":"media/carousel","a":"ravikatiyar162","u":86,"pl":"https://cdn.21st.dev/ravikatiyar162/carousel/default/preview.1759516555327.png","pc":"ravikatiyar162","tg":["carousel","scroll-area"]},{"id":"21st:ravikatiyar162__case-studies-section","t":"Case studies section","d":"Case Studies Section – Interactive category tabs with visual cards. Highlights product capabilities (like CRM) through images and concise descriptions. Supports quick comparison an","k":"section","s":"21st","c":"marketing/marketing","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/case-studies-section/default/preview.1753530434712.png","pc":"ravikatiyar162","sb":"Portfolio"},{"id":"21st:ravikatiyar162__circular-fan-speed-knob","t":"Circular fan speed knob","s":"21st","c":"inputs/slider","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/circular-fan-speed-knob/default/preview.1755245371558.png","pc":"ravikatiyar162","tg":["radio-group"]},{"id":"21st:ravikatiyar162__circular-gallery","t":"Circular gallery","d":"Showcase content in an interactive, rotating carousel that keeps users engaged. Ideal for portfolios, product displays, or immersive visual storytelling.","s":"21st","c":"media/gallery","a":"ravikatiyar162","u":385,"pl":"https://cdn.21st.dev/ravikatiyar162/circular-gallery/default/preview.1755773973094.png","pc":"ravikatiyar162","tg":["carousel","gallery","image"]},{"id":"21st:ravikatiyar162__circular-gallery-2","t":"Circular gallery 2","s":"21st","c":"media/gallery","a":"ravikatiyar162","u":130,"pl":"https://cdn.21st.dev/ravikatiyar162/circular-gallery-2/default/preview.1761994137915.png","pc":"ravikatiyar162","tg":["carousel","gallery","scroll-area"],"sb":"Scroll"},{"id":"21st:ravikatiyar162__color-palette","t":"Color palette","d":"Branding Card\nA visually polished card to showcase brand typography and color palettes, featuring fluid animations.","k":"motion","s":"21st","c":"motion/text-effect","a":"ravikatiyar162","u":23,"pl":"https://cdn.21st.dev/ravikatiyar162/color-palette/default/preview.1758305127322.png","pc":"ravikatiyar162","sb":"Gradient and shimmer"},{"id":"21st:ravikatiyar162__color-palette-card","t":"Color palette card","d":"A compact, modern card displaying a curated set of harmonious color swatches, perfect for design inspiration and theme selection. Each palette is paired with a save count, making i","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":17,"pl":"https://cdn.21st.dev/ravikatiyar162/color-palette-card/default/preview.1755243629924.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__community-hub-card","t":"Community hub card","d":"Community Hub Card\nThis card provides a centralized view of a community's key information, including member stats, an invite system, book progress, and an upcoming reading list.\n\n","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":21,"pl":"https://cdn.21st.dev/ravikatiyar162/community-hub-card/default/preview.1758994727734.png","pc":"ravikatiyar162","tg":["team"],"sb":"Profile"},{"id":"21st:ravikatiyar162__composer-input","t":"Composer input","s":"21st","c":"ai-agent/composer","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/composer-input/default/preview.1760165544765.png","pc":"ravikatiyar162","tg":["upload-download"]},{"id":"21st:ravikatiyar162__connect-wallet-modal","t":"Connect wallet modal","s":"21st","c":"overlays/dialog","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/connect-wallet-modal/default/preview.1759971682031.png","pc":"ravikatiyar162","tg":["modal"]},{"id":"21st:ravikatiyar162__contact","t":"Contact","d":"Contact Section\nDescription: A comprehensive and visually appealing contact section component featuring an animated background, a navigation bar, a main title, a contact form with ","k":"section","s":"21st","c":"marketing/marketing","a":"ravikatiyar162","u":101,"pl":"https://cdn.21st.dev/ravikatiyar162/contact/default/preview.1760506498496.png","pc":"ravikatiyar162","tg":["checkbox","form","link","textarea"],"sb":"Contact"},{"id":"21st:ravikatiyar162__content-with-illustration","t":"Content with illustration","d":"Content With Illustration\nThis component displays a section with textual content alongside an illustration. It's built to be responsive, adapting from a stacked layout on mobile to","s":"21st","c":"assets/icon","a":"ravikatiyar162","u":23,"pl":"https://cdn.21st.dev/ravikatiyar162/content-with-illustration/default/preview.1759559526916.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__credit-debit-card","t":"Credit debit card","d":"Sleek, minimal Mastercard design with gold chip and masked number, flipping on hover to reveal card details. Perfect for payment UI interactions and digital wallet animations.","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":32,"pl":"https://cdn.21st.dev/ravikatiyar162/credit-debit-card/default/preview.1755175784199.png","pc":"ravikatiyar162","tg":["card"],"sb":"Payment"},{"id":"21st:ravikatiyar162__crypto-performance-progress-card","t":"Crypto performance progress card","d":"I crafted this sleek, dark-themed crypto performance card to bring data to life—featuring bold stats, smooth micro-animations, glowing accents, and a polished layout perfect for da","s":"21st","c":"data-viz/progress-bar","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/crypto-performance-progress-card/default/preview.1753119667609.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__currency-exchange-card","t":"Currency exchange card","d":"Currency Exchange Card\nThis component provides a complete interface for currency conversion, including selectors, amount input, fee calculations, and a swap animation. It's built t","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":28,"pl":"https://cdn.21st.dev/ravikatiyar162/currency-exchange-card/default/preview.1758935424627.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__dashboard","t":"Dashboard","k":"layout","s":"21st","c":"layout/dashboard","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/dashboard/default/preview.1757852319904.png","pc":"ravikatiyar162","tg":["dashboard"]},{"id":"21st:ravikatiyar162__dashboard-1","t":"Dashboard 1","d":"Marketing Dashboard\nDescription: An animated dashboard card to display marketing activities and team statistics. It features a main header, two distinct stat cards, and a call-to-a","k":"layout","s":"21st","c":"layout/dashboard","a":"ravikatiyar162","u":68,"pl":"https://cdn.21st.dev/ravikatiyar162/dashboard-1/default/preview.1758132387821.png","pc":"ravikatiyar162","tg":["dashboard","cta","progress","stat"]},{"id":"21st:ravikatiyar162__dashboard-2","t":"Dashboard 2","k":"layout","s":"21st","c":"layout/dashboard","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/dashboard-2/default/preview.1760588594109.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__delivery-scheduler","t":"Delivery scheduler","s":"21st","c":"data-display/calendar","a":"ravikatiyar162","st":"rated","pl":"https://cdn.21st.dev/ravikatiyar162/delivery-scheduler/default/preview.1758957058455.png","pc":"ravikatiyar162","tg":["calendar","date-picker"],"sc":25},{"id":"21st:ravikatiyar162__designer-profile-card","t":"Designer profile card","s":"21st","c":"data-display/profile","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/designer-profile-card/default/preview.1753512803052.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__destructive-action-dialog","t":"Destructive action dialog","s":"21st","c":"overlays/dialog","a":"ravikatiyar162","st":"rated","pl":"https://cdn.21st.dev/ravikatiyar162/destructive-action-dialog/default/preview.1760163206067.png","pc":"ravikatiyar162","sc":21,"sb":"Confirm"},{"id":"21st:ravikatiyar162__donut-chart","t":"Donut chart","d":"Donut Chart – Visual data distribution widget. Displays categorized insights with a clean circular layout and color-coded segments. Perfect for analytics dashboards and performance","s":"21st","c":"data-viz/chart","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/donut-chart/default/preview.1761628978651.png","pc":"ravikatiyar162","tg":["data-visualization","dashboard"],"sb":"Pie, donut and radial"},{"id":"21st:ravikatiyar162__download-card","t":"Download card","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/download-card/default/preview.1758956804549.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__download-options-section","t":"Download options section","d":"Download Options Section – Platform-agnostic access panel. Clearly showcases download paths for Mac, Windows, Mobile, and Browser Extension. Designed with strong CTAs and responsiv","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/download-options-section/default/preview.1753528574307.png","pc":"ravikatiyar162","tg":["cta","features"]},{"id":"21st:ravikatiyar162__download-toast","t":"Download toast","d":"This project is a responsive React component that displays a list of file downloads with a sleek, modern design. It features an animated background, light/dark modes, and a progres","s":"21st","c":"overlays/toast","a":"ravikatiyar162","st":"rated","u":34,"pl":"https://cdn.21st.dev/ravikatiyar162/download-toast/default/preview.1752912187425.png","pc":"ravikatiyar162","tg":["list","upload-download"],"sc":16},{"id":"21st:ravikatiyar162__economic-calendar","t":"Economic calendar","s":"21st","c":"data-display/calendar","a":"ravikatiyar162","st":"rated","pl":"https://cdn.21st.dev/ravikatiyar162/economic-calendar/default/preview.1759420789533.png","pc":"ravikatiyar162","tg":["calendar","data-visualization","scroll-area"],"sc":22},{"id":"21st:ravikatiyar162__email-capture-section","t":"Email capture section","s":"21st","c":"layout/page-shell","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/email-capture-section/default/preview.1760765197598.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__error","t":"Error","s":"21st","c":"overlays/dialog","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/error/default/preview.1758098670822.png","pc":"ravikatiyar162","tg":["modal"]},{"id":"21st:ravikatiyar162__event-card","t":"Event card","d":"Event Card\nA visually appealing card to display event details, including title, date, time, location, and frequency. It features a subtle load-in and hover animation for a modern u","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":29,"pl":"https://cdn.21st.dev/ravikatiyar162/event-card/default/preview.1758978828073.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__event-card-component","t":"Event card component","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/event-card-component/default/preview.1760170800875.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__excel-style-table","t":"Excel style table","d":"A beautiful, minimal table component with Excel-like features. Double-click cells to edit, click headers to select entire rows/columns, drag to select ranges, and use Ctrl+C to cop","s":"21st","c":"data-display/table","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/excel-style-table/default/preview.1760365701734.png","pc":"ravikatiyar162","tg":["data-visualization","table"]},{"id":"21st:ravikatiyar162__expandable-skill-tags","t":"Expandable skill tags","s":"21st","c":"data-display/badge","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/expandable-skill-tags/default/preview.1760509300064.png","pc":"ravikatiyar162","tg":["list","profile"],"sb":"Tags and pills"},{"id":"21st:ravikatiyar162__fare-selector","t":"Fare selector","k":"section","s":"21st","c":"marketing/pricing","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/fare-selector/default/preview.1758676046078.png","pc":"ravikatiyar162","tg":["pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:ravikatiyar162__feature-card","t":"Feature card","d":"Feature Card\nA versatile, theme-adaptive card component with built-in animations to showcase product features elegantly.","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","st":"rated","u":31,"pl":"https://cdn.21st.dev/ravikatiyar162/feature-card/default/preview.1758821186081.png","pc":"ravikatiyar162","tg":["features"],"sc":17,"sb":"Grid of cards"},{"id":"21st:ravikatiyar162__feature-card-1","t":"Feature card 1","d":"Animated Feature Card\nThis component displays a feature or benefit in a visually engaging card format. It's designed to be highly reusable, accepting props for its content, image, ","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","u":94,"pl":"https://cdn.21st.dev/ravikatiyar162/feature-card-1/default/preview.1759299143270.png","pc":"ravikatiyar162","tg":["features"],"sb":"Grid of cards"},{"id":"21st:ravikatiyar162__feature-card-11","t":"Feature card 11","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/feature-card-11/default/preview.1762319266679.png","pc":"ravikatiyar162","sb":"Grid of cards"},{"id":"21st:ravikatiyar162__feature-card-2","t":"Feature card 2","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/feature-card-2/default/preview.1760423134554.png","pc":"ravikatiyar162","sb":"Grid of cards"},{"id":"21st:ravikatiyar162__feature-carousel","t":"Feature carousel","d":"Feature Carousel\nInteractive showcase for highlighting multiple app features in a swipeable, modern layout. Perfect for engaging users while promoting mobile-friendly tools and exp","s":"21st","c":"media/carousel","a":"ravikatiyar162","u":399,"pl":"https://cdn.21st.dev/ravikatiyar162/feature-carousel/default/preview.1756288349810.png","pc":"ravikatiyar162","tg":["carousel","gallery"]},{"id":"21st:ravikatiyar162__feature-grid","t":"Feature grid","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/feature-grid/default/preview.1759429259409.png","pc":"ravikatiyar162","sb":"Grid of cards"},{"id":"21st:ravikatiyar162__feature-grid-1","t":"Feature grid 1","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/feature-grid-1/default/preview.1759515014105.png","pc":"ravikatiyar162","sb":"Grid of cards"},{"id":"21st:ravikatiyar162__feature-highlight","t":"Feature highlight","d":"Feature Highlight Component\nThis component animates a list of features, a title, and an icon into view with a staggered effect. It's built to be highly reusable—you can pass any te","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","u":50,"pl":"https://cdn.21st.dev/ravikatiyar162/feature-highlight/default/preview.1759052208301.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__feature-highlight-1","t":"Feature highlight 1","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/feature-highlight-1/default/preview.1760759777065.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__feature-highlight-card","t":"Feature highlight card","d":"Feature Highlight Card\nThis component, FeatureHighlightCard, is designed to showcase a specific feature, complete with an image, title, description, and a call-to-action button. It","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","u":60,"pl":"https://cdn.21st.dev/ravikatiyar162/feature-highlight-card/default/preview.1759643743454.png","pc":"ravikatiyar162","tg":["features"],"sb":"Grid of cards"},{"id":"21st:ravikatiyar162__feature-overview-section","t":"Feature overview section","d":"Introductory component for brand and product clarity. Combines a visual brand block with a list of key features or concepts, each paired with an icon and brief description. Ideal f","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/feature-overview-section/default/preview.1753175177678.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__feature-overview-section-1","t":"Feature overview section 1","d":"Introductory component for brand and product clarity. Combines a visual brand block with a list of key features or concepts, each paired with an icon and brief description. Ideal f","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/feature-overview-section-1/default/preview.1753176139743.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__feature-polaroid-section","t":"Feature polaroid section","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/feature-polaroid-section/default/preview.1759495824018.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__feature-section","t":"Feature section","d":"Feature Grid\nA responsive grid layout designed to showcase different product features, use cases, or categories. It includes a header with a title and illustration, a grid of categ","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","u":24,"pl":"https://cdn.21st.dev/ravikatiyar162/feature-section/default/preview.1759488637337.png","pc":"ravikatiyar162","tg":["features"],"sb":"Grid of cards"},{"id":"21st:ravikatiyar162__feature-section-1","t":"Feature section 1","d":"Feature Section\nA responsive and theme-adaptive component designed to showcase a product's key features. It includes a main title, a subtitle, a grid of features with icons, and a ","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","u":28,"pl":"https://cdn.21st.dev/ravikatiyar162/feature-section-1/default/preview.1760114116071.png","pc":"ravikatiyar162","tg":["features"]},{"id":"21st:ravikatiyar162__feature-showcase","t":"Feature showcase","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/feature-showcase/default/preview.1759475548348.png","pc":"ravikatiyar162","sb":"Showcase and split"},{"id":"21st:ravikatiyar162__feature-spotlight","t":"Feature spotlight","d":"Feature Spotlight\nA responsive section component designed to highlight a key product feature. It juxtaposes a detailed text description, including a pre-header, main heading, and c","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","u":78,"pl":"https://cdn.21st.dev/ravikatiyar162/feature-spotlight/default/preview.1759566054255.png","pc":"ravikatiyar162","tg":["cta","features"]},{"id":"21st:ravikatiyar162__feedback-widget","t":"Feedback widget","s":"21st","c":"inputs/rating","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/feedback-widget/default/preview.1758910733122.png","pc":"ravikatiyar162","tg":["textarea"]},{"id":"21st:ravikatiyar162__file-transfer-card","t":"File transfer card","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/file-transfer-card/default/preview.1760168079903.png","pc":"ravikatiyar162","tg":["upload-download"]},{"id":"21st:ravikatiyar162__file-upload-card","t":"File upload card","s":"21st","c":"inputs/file-upload","a":"ravikatiyar162","st":"rated","pl":"https://cdn.21st.dev/ravikatiyar162/file-upload-card/default/preview.1759843184920.png","pc":"ravikatiyar162","tg":["progress","upload-download"],"sc":23},{"id":"21st:ravikatiyar162__file-uploader","t":"File uploader","s":"21st","c":"inputs/file-upload","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/file-uploader/default/preview.1760869840124.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__financial-dashboard","t":"Financial dashboard","k":"layout","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/financial-dashboard/default/preview.1759039352150.png","pc":"ravikatiyar162","tg":["dashboard"]},{"id":"21st:ravikatiyar162__flight-card","t":"Flight card","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/flight-card/default/preview.1758705166717.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__flight-card-1","t":"Flight card 1","d":"Flight Card\nA visually polished card component to display flight details, complete with animations and theme support.","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":15,"pl":"https://cdn.21st.dev/ravikatiyar162/flight-card-1/default/preview.1758823961763.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__flight-routes-conversion-card","t":"Flight routes conversion card","d":"I designed this sleek, minimalist conversion card to visually represent transitions—like flight routes or asset swaps.","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/flight-routes-conversion-card/default/preview.1753121609272.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__flight-search","t":"Flight search","d":"Flight Search – Effortless trip planning with clear routes, dates, and passenger details. One tap to find the best flights","s":"21st","c":"inputs/search","a":"ravikatiyar162","st":"rated","pl":"https://cdn.21st.dev/ravikatiyar162/flight-search/default/preview.1758095840310.png","pc":"ravikatiyar162","tg":["date-picker","search"],"sc":20},{"id":"21st:ravikatiyar162__flight-status-card","t":"Flight status card","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/flight-status-card/default/preview.1758292024507.png","pc":"ravikatiyar162","sb":"Metric"},{"id":"21st:ravikatiyar162__flight-ticket","t":"Flight ticket","s":"21st","c":"other","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/flight-ticket/default/preview.1758083128033.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__floating-icons-hero-section","t":"Floating icons hero section","d":"Playful and tech-savvy. Centered bold headline with subtext, surrounded by floating soft-shadowed app icons. Creates a futuristic, ecosystem vibe. Ideal for SaaS, tech platforms, o","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","u":455,"pl":"https://cdn.21st.dev/ravikatiyar162/floating-icons-hero-section/default/preview.1753603294933.png","pc":"ravikatiyar162","tg":["cta","hero","image"],"sb":"With product shot"},{"id":"21st:ravikatiyar162__folder","t":"Folder","d":"An interactive folder animation that responds to hover, making file browsing visually engaging. Perfect for dashboards, file managers, and modern UI systems.","s":"21st","c":"data-display/tree","a":"ravikatiyar162","u":64,"pl":"https://cdn.21st.dev/ravikatiyar162/folder/default/preview.1755846786428.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__folder-card","t":"Folder card","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/folder-card/default/preview.1758014110485.png","pc":"ravikatiyar162","tg":["dashboard"]},{"id":"21st:ravikatiyar162__folding-cube-loader","t":"Folding cube loader","s":"21st","c":"status/loader","a":"ravikatiyar162","pl":"https://cdn.21st.dev/user_2zMtrqo9RMaaIn4f8F2z3oeY497/folding-cube-loader/default/preview.1753027648367.png","pc":"ravikatiyar162","sb":"Shapes and grids"},{"id":"21st:ravikatiyar162__food-hero","t":"Food hero","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/food-hero/default/preview.1759651086359.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__footer","t":"Footer","d":" A versatile and responsive footer component designed for business websites. It includes branding information, useful links, social media links, and a newsletter subscription form ","k":"section","s":"21st","c":"marketing/footer","a":"ravikatiyar162","u":111,"pl":"https://cdn.21st.dev/ravikatiyar162/footer/default/preview.1760589397059.png","pc":"ravikatiyar162","tg":["footer"]},{"id":"21st:ravikatiyar162__frame","t":"Frame","s":"21st","c":"media/gallery","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/frame/default/preview.1757417840416.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__frosted-card","t":"Frosted card","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/frosted-card/default/preview.1758820018480.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__glass-calendar","t":"Glass calendar","d":"A sleek, animated calendar component with a glassmorphism effect. It's interactive, theme-adaptive, and now features a smooth horizontal scroll to navigate the days of the month.","s":"21st","c":"data-display/calendar","a":"ravikatiyar162","u":111,"pl":"https://cdn.21st.dev/ravikatiyar162/glass-calendar/default/preview.1754733047034.png","pc":"ravikatiyar162","tg":["calendar","date-picker","scroll-area"]},{"id":"21st:ravikatiyar162__glass-radio-group","t":"Glass radio group","d":"Sleek, pill-shaped option selector with frosted glass styling and a glowing highlight on the active choice. Ideal for membership tiers, pricing plans, or mode selection in premium ","s":"21st","c":"inputs/radio","a":"ravikatiyar162","u":28,"pl":"https://cdn.21st.dev/ravikatiyar162/glass-radio-group/default/preview.1755245476835.png","pc":"ravikatiyar162","tg":["radio-group"]},{"id":"21st:ravikatiyar162__glow-hero-section","t":"Glow hero section","d":"Give your dead hero section some life with this amazing animated component that shines and make people notice","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/glow-hero-section/default/preview.1753204155161.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__glowing-card","t":"Glowing card","d":"A sleek, glassmorphic stat display card with a subtle glowing effect that highlights the featured metric. The card uses soft light streaks, rounded corners, and a dark translucent ","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":127,"pl":"https://cdn.21st.dev/ravikatiyar162/glowing-card/default/preview.1755200622157.png","pc":"ravikatiyar162","tg":["stat"],"sb":"Animated and glowing"},{"id":"21st:ravikatiyar162__gradient-card","t":"Gradient card","d":"Gradient Card\nThis component is a flexible card with a status badge, title, description, call-to-action link, and a decorative background image. The gradients, colors, and content ","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":67,"pl":"https://cdn.21st.dev/ravikatiyar162/gradient-card/default/preview.1758963058518.png","pc":"ravikatiyar162","tg":["badge","card","cta","features"],"sb":"Animated and glowing"},{"id":"21st:ravikatiyar162__guest-selector","t":"Guest selector","d":"Guest Selector\nA dynamic and interactive counter for selecting a number of guests, with animated visuals that update with the count.","s":"21st","c":"inputs/select","a":"ravikatiyar162","u":14,"pl":"https://cdn.21st.dev/ravikatiyar162/guest-selector/default/preview.1758329984595.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__hero","t":"Hero","d":"Full-screen slider showcasing species with immersive photography and minimal typography. Ideal for conservation websites, awareness campaigns, or storytelling experiences.","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/hero/default/preview.1756022759776.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__hero-1","t":"Hero 1","d":"Apple Glow Hero\nGradient-glow typography highlighting innovation and intelligence. Perfect for impactful hero sections where bold visuals meet futuristic branding.","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","u":16,"pl":"https://cdn.21st.dev/ravikatiyar162/hero-1/default/preview.1756027155385.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__hero-2","t":"Hero 2","d":"Hero Section – Aurora Background\nA visually immersive hero section with a smooth aurora-style animated background. Enhances first impressions with subtle motion while supporting bo","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","u":29,"pl":"https://cdn.21st.dev/ravikatiyar162/hero-2/default/preview.1756997669048.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__hero-3","t":"Hero 3","d":"Animated Marquee Hero\nA visually engaging hero section featuring a dynamic text reveal and an infinite, animated marquee of images. Perfect for capturing user attention on a landin","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","u":408,"pl":"https://cdn.21st.dev/ravikatiyar162/hero-3/default/preview.1758015723244.png","pc":"ravikatiyar162","tg":["cta","gallery","hero","marquee"]},{"id":"21st:ravikatiyar162__hero-4","t":"Hero 4","d":"Hero Section with Animated Text\nThis component provides a full hero section layout. It features a title, an animated subtitle that cycles through a list of phrases with a typewrite","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","u":54,"pl":"https://cdn.21st.dev/ravikatiyar162/hero-4/default/preview.1758382405856.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__hero-5","t":"Hero 5","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","u":42,"pl":"https://cdn.21st.dev/ravikatiyar162/hero-5/default/preview.1760864964235.png","pc":"ravikatiyar162","tg":["features"]},{"id":"21st:ravikatiyar162__hero-section","t":"Hero section","d":"Bold first impression block. Combines striking headline text, scenic imagery with creative masking, and a newsletter form to drive engagement. Ideal for adventure brands, landing p","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/hero-section/default/preview.1753279477147.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__hero-section-1","t":"Hero section 1","d":"Hero Section – High-impact intro with dynamic motion. Combines animated visuals, bold typography, and clear CTAs to instantly capture attention. Ideal for landing pages, campaigns,","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/hero-section-1/default/preview.1753514482988.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__hero-section-2","t":"Hero section 2","d":"Clean, split-screen hero layout with bold headline, adventure call-to-action, and animated floral imagery for an engaging first impression.","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","u":457,"pl":"https://cdn.21st.dev/ravikatiyar162/hero-section-2/default/preview.1755165689225.png","pc":"ravikatiyar162","tg":["cta","hero"]},{"id":"21st:ravikatiyar162__hero-section-3","t":"Hero section 3","d":"Scroll-Triggered Image Animation Component\nThis React component uses Framer Motion to create a scroll-linked animation effect.  As the user scrolls, an image flies in from off-scre","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","u":50,"pl":"https://cdn.21st.dev/ravikatiyar162/hero-section-3/default/preview.1755950969967.png","pc":"ravikatiyar162","tg":["hero","scroll-area"]},{"id":"21st:ravikatiyar162__hero-section-4","t":"Hero section 4","d":"Hero Section\nA full-screen, responsive hero section with staggered text and button animations, designed to capture user attention.","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","u":39,"pl":"https://cdn.21st.dev/ravikatiyar162/hero-section-4/default/preview.1758031716034.png","pc":"ravikatiyar162","tg":["cta"]},{"id":"21st:ravikatiyar162__hero-section-5","t":"Hero section 5","d":"Animated Roadmap\nThis component visualizes a series of milestones on a path, with animations that trigger on scroll. It's designed to be highly reusable—you can pass any number of ","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","u":95,"pl":"https://cdn.21st.dev/ravikatiyar162/hero-section-5/default/preview.1758820655829.png","pc":"ravikatiyar162","tg":["map"]},{"id":"21st:ravikatiyar162__hero-section-6","t":"Hero section 6","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/hero-section-6/default/preview.1759452576263.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__hero-section-7","t":"Hero section 7","d":"Floating Food Hero\nA visually engaging hero section featuring a central text block surrounded by gently floating images. It's designed to be responsive and theme-aware, making it p","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","u":98,"pl":"https://cdn.21st.dev/ravikatiyar162/hero-section-7/default/preview.1759479221396.png","pc":"ravikatiyar162","tg":["hero","image"],"sb":"With product shot"},{"id":"21st:ravikatiyar162__hero-section-8","t":"Hero section 8","d":"Form Builder Hero\nA responsive and animated hero section designed to capture user attention with a clean layout, a prominent call-to-action, and subtle animations.","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","u":37,"pl":"https://cdn.21st.dev/ravikatiyar162/hero-section-8/default/preview.1759488919081.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__hero-section-9","t":"Hero section 9","d":"Hero Section Component\nThis component creates a dynamic and engaging hero section, perfect for landing pages. It features a two-column layout with animated text, actionable buttons","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","u":335,"pl":"https://cdn.21st.dev/ravikatiyar162/hero-section-9/default/preview.1760172786727.png","pc":"ravikatiyar162","tg":["cta","hero","stat"]},{"id":"21st:ravikatiyar162__horizontal-steps","t":"Horizontal steps","d":"Horizontal Steps – Step-by-step progress tracker. Displays stages in a clean, horizontal layout with clear indicators. Perfect for onboarding flows, timelines, or multi-step proces","s":"21st","c":"navigation/wizard-steps","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/horizontal-steps/default/preview.1753170768731.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__how-it-works","t":"How it works","d":"How It Works Section\nStep-by-step process layout with icons and concise explanations. Guides users from query entry to store contact in a structured flow. Ideal for onboarding, tut","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","u":215,"pl":"https://cdn.21st.dev/ravikatiyar162/how-it-works/default/preview.1756289542868.png","pc":"ravikatiyar162","tg":["features","onboarding","steps"],"sb":"Steps"},{"id":"21st:ravikatiyar162__how-we-do-it-process-overview","t":"How we do it process overview","d":"How We Do It – Agile-driven process overview. Displays each stage from ideation to launch using bold cards and icons. Each block outlines a key phase (e.g., Brainstorming, QA, Rele","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","u":78,"pl":"https://cdn.21st.dev/ravikatiyar162/how-we-do-it-process-overview/default/preview.1753531055787.png","pc":"ravikatiyar162","tg":["features"],"sb":"Steps"},{"id":"21st:ravikatiyar162__icon-set","t":"Icon set","d":"Icon Set Grid\nClean, minimal collection of social and productivity icons arranged in a grid layout. Enhances navigation and quick access to platforms. Ideal for dashboards, portfol","s":"21st","c":"assets/icon","a":"ravikatiyar162","u":19,"pl":"https://cdn.21st.dev/ravikatiyar162/icon-set/default/preview.1756289108343.png","pc":"ravikatiyar162","tg":["grid","icon","link"]},{"id":"21st:ravikatiyar162__image-comparison-slider-horizontal","t":"Image comparison slider horizontal","d":"Horizontal Image Comparison Slider – Interactive before/after viewer. Allows users to compare two images with a draggable horizontal handle. Perfect for showcasing edits, retouchin","s":"21st","c":"inputs/slider","a":"ravikatiyar162","u":86,"pl":"https://cdn.21st.dev/ravikatiyar162/image-comparison-slider-horizontal/default/preview.1753443933843.png","pc":"ravikatiyar162","tg":["gallery","image","slider"]},{"id":"21st:ravikatiyar162__image-comparison-slider-vertical","t":"Image comparison slider vertical","d":"Vertical Image Comparison Slider – Interactive before/after viewer. Allows users to compare two images with a draggable vertical handle. Perfect for showcasing edits, retouching, o","s":"21st","c":"inputs/slider","a":"ravikatiyar162","u":16,"pl":"https://cdn.21st.dev/ravikatiyar162/image-comparison-slider-vertical/default/preview.1753442772744.png","pc":"ravikatiyar162","tg":["slider"]},{"id":"21st:ravikatiyar162__image-showcase","t":"Image showcase","d":"Animated Image Showcase\nThis component displays a title, subtitle, and a fanned-out stack of images. On hover, the images gracefully spread out and scale up, creating an engaging u","s":"21st","c":"media/gallery","a":"ravikatiyar162","u":23,"pl":"https://cdn.21st.dev/ravikatiyar162/image-showcase/default/preview.1758954153007.png","pc":"ravikatiyar162","tg":["gallery","image"]},{"id":"21st:ravikatiyar162__image-slider","t":"Image slider","d":"Image slider for login/signup screens. Rotates lifestyle or product photos alongside the authentication form. Enhances visual appeal and storytelling during user login.","s":"21st","c":"inputs/slider","a":"ravikatiyar162","u":163,"pl":"https://cdn.21st.dev/ravikatiyar162/image-slider/default/preview.1754552350361.png","pc":"ravikatiyar162","tg":["sign-in","slider"]},{"id":"21st:ravikatiyar162__image-testimonial-grid","t":"Image testimonial grid","d":"Pinterest-style testimonial cards featuring user profile images, names, and quotes over scenic backgrounds. Ideal for showcasing customer stories, social proof, or community highli","k":"section","s":"21st","c":"marketing/testimonials","a":"ravikatiyar162","u":144,"pl":"https://cdn.21st.dev/ravikatiyar162/image-testimonial-grid/default/preview.1755176582185.png","pc":"ravikatiyar162","tg":["gallery","testimonials"]},{"id":"21st:ravikatiyar162__info-card","t":"Info card","d":"The information card includes the name, designation, followers, a premium user button, and a message button.","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":95,"pl":"https://cdn.21st.dev/ravikatiyar162/info-card/default/preview.1752934947053.png","pc":"ravikatiyar162","tg":["profile"],"sb":"Profile"},{"id":"21st:ravikatiyar162__input","t":"Input","s":"21st","c":"inputs/form-field","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/input/default/preview.1759058255735.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__insurance-policy-card","t":"Insurance policy card","d":"Insurance Policy Card\nDescription: A visually polished card to display key insurance policy details for a client. It includes sections for client info, policy data, a QR code, and ","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":7,"pl":"https://cdn.21st.dev/ravikatiyar162/insurance-policy-card/default/preview.1758935248756.png","pc":"ravikatiyar162","tg":["profile"],"sb":"Profile"},{"id":"21st:ravikatiyar162__integration-showcase","t":"Integration showcase","d":"Integration Showcase\nThis component displays a title, subtitle, an illustration, and a responsive grid of integrations. It's designed to be easily populated with your own data.","k":"section","s":"21st","c":"marketing/logos","a":"ravikatiyar162","u":67,"pl":"https://cdn.21st.dev/ravikatiyar162/integration-showcase/default/preview.1759480550759.png","pc":"ravikatiyar162","tg":["features"]},{"id":"21st:ravikatiyar162__integrations-card","t":"Integrations card","k":"section","s":"21st","c":"marketing/logos","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/integrations-card/default/preview.1759424552680.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__interactive-hero-backgrounds","t":"Interactive hero backgrounds","d":"Minimal dark hero section with 3D physics-based floating spheres and a centered email signup for dynamic user engagement.","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","u":22,"pl":"https://cdn.21st.dev/ravikatiyar162/interactive-hero-backgrounds/default/preview.1755167312014.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__interactive-list","t":"Interactive list","d":"Interactive List\nAn interactive list component designed for search interfaces or recent activity logs. It supports animated removal of list items and filter tags, is fully responsi","s":"21st","c":"data-display/list","a":"ravikatiyar162","u":15,"pl":"https://cdn.21st.dev/ravikatiyar162/interactive-list/default/preview.1758205658138.png","pc":"ravikatiyar162","tg":["search"]},{"id":"21st:ravikatiyar162__invite-teammates","t":"Invite teammates","k":"section","s":"21st","c":"marketing/team","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/invite-teammates/default/preview.1759737444147.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__item-card","t":"Item card","s":"21st","c":"data-display/list","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/item-card/default/preview.1758823698476.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__job-card","t":"Job card","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/job-card/default/preview.1759672911648.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__line-graph-statistics","t":"Line graph statistics","d":"This UI displays mobile vs desktop usage trends over June, with mobile consistently higher. A sidebar lets users toggle data for the last 7 days, 30 days, or 3 months.","s":"21st","c":"data-viz/chart","a":"ravikatiyar162","u":69,"pl":"https://cdn.21st.dev/ravikatiyar162/line-graph-statistics/default/preview.1752827956218.png","pc":"ravikatiyar162","tg":["data-visualization","dashboard"],"sb":"Line and sparkline"},{"id":"21st:ravikatiyar162__liquid-glass-timer","t":"Liquid glass timer","d":"Experience new age of liquid glass with this amazing clock component","s":"21st","c":"inputs/time-picker","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/liquid-glass-timer/default/preview.1752913828251.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__liquid-loader","t":"Liquid loader","d":"Liquid loader for futuristic loading states. Features fluid-like animated blobs in vibrant gradients. Ideal for dark-themed UIs, splash screens, or playful transitions.","s":"21st","c":"status/loader","a":"ravikatiyar162","u":75,"pl":"https://cdn.21st.dev/ravikatiyar162/liquid-loader/default/preview.1753950638665.png","pc":"ravikatiyar162","tg":["spinner"],"sb":"Liquid and 3D"},{"id":"21st:ravikatiyar162__loader","t":"Loader","d":"Minimalist loading animation featuring 3D cubes with rotating letters, creating a smooth sequential reveal effect that conveys progress in a clean, modern style.","s":"21st","c":"status/loader","a":"ravikatiyar162","u":84,"pl":"https://cdn.21st.dev/ravikatiyar162/loader/default/preview.1755071665086.png","pc":"ravikatiyar162","tg":["spinner"],"sb":"Spinners"},{"id":"21st:ravikatiyar162__loader-1","t":"Loader 1","d":"Creative pencil loader animation featuring a rotating blue pencil with eraser tip, drawing a circular progress path to indicate loading in an engaging, education-themed style.","s":"21st","c":"status/loader","a":"ravikatiyar162","u":16,"pl":"https://cdn.21st.dev/ravikatiyar162/loader-1/default/preview.1755084122277.png","pc":"ravikatiyar162","tg":["spinner"],"sb":"Spinners"},{"id":"21st:ravikatiyar162__loader-10","t":"Loader 10","d":"A visually engaging loader with a \"gooey\" liquid-like animation effect, perfect for indicating loading states in a stylish way.","s":"21st","c":"status/loader","a":"ravikatiyar162","u":117,"pl":"https://cdn.21st.dev/ravikatiyar162/loader-10/default/preview.1756028689238.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__loader-11","t":"Loader 11","d":"Animated Loader\nA smooth, eye-catching loader with circular motion. Designed to keep users engaged while content loads. Perfect for modern apps, dashboards, and websites where subt","s":"21st","c":"status/loader","a":"ravikatiyar162","u":21,"pl":"https://cdn.21st.dev/ravikatiyar162/loader-11/default/preview.1756921298413.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__loader-12","t":"Loader 12","d":"Server Stack Loader\nA sleek 3D server stack animation used as a loader. Communicates speed, reliability, and tech-savvy branding while keeping users engaged during wait times.","s":"21st","c":"status/loader","a":"ravikatiyar162","u":55,"pl":"https://cdn.21st.dev/ravikatiyar162/loader-12/default/preview.1757012771202.png","pc":"ravikatiyar162","tg":["spinner"],"sb":"Spinners"},{"id":"21st:ravikatiyar162__loader-13","t":"Loader 13","d":"Infinity Loader\nA smooth looping animation symbolizing endless flow and continuity. Perfect for keeping users engaged with a modern, minimal loading experience.","s":"21st","c":"status/loader","a":"ravikatiyar162","u":24,"pl":"https://cdn.21st.dev/ravikatiyar162/loader-13/default/preview.1757013981586.png","pc":"ravikatiyar162","tg":["spinner"],"sb":"Spinners"},{"id":"21st:ravikatiyar162__loader-14","t":"Loader 14","s":"21st","c":"status/loader","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/loader-14/default/preview.1757014582349.png","pc":"ravikatiyar162","sb":"Spinners"},{"id":"21st:ravikatiyar162__loader-15","t":"Loader 15","d":"Gradient Ring Loader\nA sleek rotating loader with vibrant pink-to-orange gradients and reflection effect. Perfect for modern, stylish apps and creative digital products.","s":"21st","c":"status/loader","a":"ravikatiyar162","u":74,"pl":"https://cdn.21st.dev/ravikatiyar162/loader-15/default/preview.1757171285975.png","pc":"ravikatiyar162","tg":["spinner"],"sb":"Spinners"},{"id":"21st:ravikatiyar162__loader-2","t":"Loader 2","d":"Minimalistic loader animation featuring the iconic Squid Game shapes (circle, triangle, square) outlined in bold black with a pulsating red dot. The shapes animate sequentially, cr","s":"21st","c":"status/loader","a":"ravikatiyar162","u":72,"pl":"https://cdn.21st.dev/ravikatiyar162/loader-2/default/preview.1755347440536.png","pc":"ravikatiyar162","tg":["spinner"],"sb":"Spinners"},{"id":"21st:ravikatiyar162__loader-3","t":"Loader 3","d":"3D Cube Loader – Geometric Animation\nFuturistic loader with a glowing blue 3D cube rotating above a triangular base, creating a smooth illusion of depth. Perfect for modern apps, S","s":"21st","c":"status/loader","a":"ravikatiyar162","u":63,"pl":"https://cdn.21st.dev/ravikatiyar162/loader-3/default/preview.1755367230114.png","pc":"ravikatiyar162","tg":["spinner"],"sb":"Spinners"},{"id":"21st:ravikatiyar162__loader-4","t":"Loader 4","d":"Block Grid Loader – Reflective Animation\nMinimal loader animation using stacked green squares with a smooth gradient reflection effect. Perfect for modern dashboards, portfolio sit","s":"21st","c":"status/loader","a":"ravikatiyar162","u":46,"pl":"https://cdn.21st.dev/ravikatiyar162/loader-4/default/preview.1755402119276.png","pc":"ravikatiyar162","tg":["grid","spinner"],"sb":"Spinners"},{"id":"21st:ravikatiyar162__loader-5","t":"Loader 5","s":"21st","c":"status/loader","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/loader-5/default/preview.1755432292636.png","pc":"ravikatiyar162","sb":"Spinners"},{"id":"21st:ravikatiyar162__loader-6","t":"Loader 6","s":"21st","c":"status/loader","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/loader-6/default/preview.1755439458914.png","pc":"ravikatiyar162","tg":["spinner","upload-download"],"sb":"Spinners"},{"id":"21st:ravikatiyar162__loader-7","t":"Loader 7","s":"21st","c":"status/loader","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/loader-7/default/preview.1755614528106.png","pc":"ravikatiyar162","sb":"Spinners"},{"id":"21st:ravikatiyar162__loader-8","t":"Loader 8","s":"21st","c":"status/loader","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/loader-8/default/preview.1755860211369.png","pc":"ravikatiyar162","sb":"Spinners"},{"id":"21st:ravikatiyar162__loader-9","t":"Loader 9","d":"Loader\nMinimal 3D stacked-block animation symbolizing structure and flow. Keeps users engaged with a sleek, modern loading experience.","s":"21st","c":"status/loader","a":"ravikatiyar162","u":44,"pl":"https://cdn.21st.dev/ravikatiyar162/loader-9/default/preview.1755951618485.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__loader-animation","t":"Loader animation","d":"Minimal center-aligned loader with rotating multi-colored spheres inside a rounded black capsule, mimicking Figma’s brand aesthetic. Ideal for design-related product splash screens","s":"21st","c":"status/loader","a":"ravikatiyar162","u":10,"pl":"https://cdn.21st.dev/ravikatiyar162/loader-animation/default/preview.1755171840315.png","pc":"ravikatiyar162","tg":["spinner"],"sb":"Spinners"},{"id":"21st:ravikatiyar162__manage-access-component","t":"Manage access component","s":"21st","c":"inputs/radio","a":"ravikatiyar162","st":"rated","pl":"https://cdn.21st.dev/ravikatiyar162/manage-access-component/default/preview.1758910473039.png","pc":"ravikatiyar162","tg":["radio-group","team"],"sc":23},{"id":"21st:ravikatiyar162__marquee-logo-scroller","t":"Marquee logo scroller","d":"Marquee logo scroller for social proof. Horizontally scrolls brand logos with headline and supporting text. Ideal for showcasing trusted partners, clients, or integrations.","k":"resource","s":"21st","c":"assets/logo","a":"ravikatiyar162","u":105,"pl":"https://cdn.21st.dev/ravikatiyar162/marquee-logo-scroller/default/preview.1753947441639.png","pc":"ravikatiyar162","tg":["clients","marquee"]},{"id":"21st:ravikatiyar162__masonry-grid","t":"Masonry grid","d":"Masonry Grid\nA responsive, animated, and customizable masonry grid layout component, perfect for displaying items of varying heights in a visually appealing way.","s":"21st","c":"media/gallery","a":"ravikatiyar162","u":32,"pl":"https://cdn.21st.dev/ravikatiyar162/masonry-grid/default/preview.1758365643114.png","pc":"ravikatiyar162","tg":["gallery","grid"],"sb":"Masonry"},{"id":"21st:ravikatiyar162__masonry-grid-with-scroll-animation","t":"Masonry grid with scroll animation","d":"Masonry Grid with Scroll Animation\nThis component arranges items in a responsive masonry layout. As the user scrolls, each item animates into view with a subtle slide-and-rotate ef","s":"21st","c":"media/gallery","a":"ravikatiyar162","u":19,"pl":"https://cdn.21st.dev/ravikatiyar162/masonry-grid-with-scroll-animation/default/preview.1758368293975.png","pc":"ravikatiyar162","tg":["gallery","image","scroll-area"],"sb":"Masonry"},{"id":"21st:ravikatiyar162__meeting-event-form","t":"Meeting event form","d":"I built this meeting event form to simplify planning—capturing all key details like date, time, location, and attendees for smooth coordination and communication.","s":"21st","c":"inputs/form-field","a":"ravikatiyar162","st":"rated","pl":"https://cdn.21st.dev/ravikatiyar162/meeting-event-form/default/preview.1753067770745.png","pc":"ravikatiyar162","sc":21,"sb":"Whole forms"},{"id":"21st:ravikatiyar162__mentor-section","t":"Mentor section","d":"Mentor Section\nA responsive and animated component to display a filterable grid of mentors. It features smooth layout animations for filtering and subtle hover effects on each card","k":"section","s":"21st","c":"marketing/team","a":"ravikatiyar162","u":24,"pl":"https://cdn.21st.dev/ravikatiyar162/mentor-section/default/preview.1760170282296.png","pc":"ravikatiyar162","tg":["profile","team"]},{"id":"21st:ravikatiyar162__menu-item-card","t":"Menu item card","d":"Menu Item Card\nThis component displays a food item with its image, price, name, and an interactive \"ADD\" button. It's designed to be highly reusable and customizable through props.","s":"21st","c":"navigation/menu","a":"ravikatiyar162","u":33,"pl":"https://cdn.21st.dev/ravikatiyar162/menu-item-card/default/preview.1758278928941.png","pc":"ravikatiyar162","tg":["image","menu"]},{"id":"21st:ravikatiyar162__minimalist-hero","t":"Minimalist hero","d":"Minimalist Hero Section – \"Less is More\"\nBold visual storytelling. High-contrast monochrome portrait with a vibrant yellow circle creates strong focus. Typography is large, minimal","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","u":423,"pl":"https://cdn.21st.dev/ravikatiyar162/minimalist-hero/default/preview.1753540592718.png","pc":"ravikatiyar162","tg":["hero","link"],"sb":"Centered and minimal"},{"id":"21st:ravikatiyar162__mission-success-dialog","t":"Mission success dialog","s":"21st","c":"overlays/dialog","a":"ravikatiyar162","st":"rated","pl":"https://cdn.21st.dev/ravikatiyar162/mission-success-dialog/default/preview.1758805150513.png","pc":"ravikatiyar162","tg":["modal"],"sc":21},{"id":"21st:ravikatiyar162__modern-hero-section","t":"Modern hero section","d":"Modern hero section featuring bold headline typography, AI-focused subtext, and a collage of rounded-corner images arranged in an overlapping, floating layout to create depth and v","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","u":97,"pl":"https://cdn.21st.dev/ravikatiyar162/modern-hero-section/default/preview.1754956383897.png","pc":"ravikatiyar162","tg":["ai-chat","gallery"],"sb":"SaaS and AI"},{"id":"21st:ravikatiyar162__mouse-following-line","t":"Mouse following line","d":"Mouse-Following Line Field Animation\nA dynamic grid of lines that react and rotate smoothly toward cursor movement, creating an engaging motion effect. Perfect for interactive back","k":"motion","s":"21st","c":"motion/cursor","a":"ravikatiyar162","u":8,"pl":"https://cdn.21st.dev/ravikatiyar162/mouse-following-line/default/preview.1785365136445-f13fb4ae-ac39-4f85-a013-4232038c0b82.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__multi-step-form","t":"Multi step form","d":"Multi-Step Form\nA responsive and animated container for multi-step forms, providing progress tracking, navigation, and a clean layout. It uses framer-motion for smooth step transit","s":"21st","c":"navigation/wizard-steps","a":"ravikatiyar162","u":157,"pl":"https://cdn.21st.dev/ravikatiyar162/multi-step-form/default/preview.1759059265420.png","pc":"ravikatiyar162","tg":["progress","steps"]},{"id":"21st:ravikatiyar162__music-player","t":"Music player","s":"21st","c":"media/player","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/music-player/default/preview.1756287229047.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__music-player-card","t":"Music player card","s":"21st","c":"media/player","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/music-player-card/default/preview.1758894107820.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__navigation-bar-menu-bar","t":"Navigation bar menu bar","d":"Navigation Bar – Seamless access component. Offers quick navigation to key pages using clean links and icons. Ideal for websites and apps needing intuitive, structured flow.","s":"21st","c":"navigation/menu","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/navigation-bar-menu-bar/default/preview.1753173884339.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__navigation-bar-menu-bar-with-card","t":"Navigation bar menu bar with card","d":"I created this smart UI component to make navigation seamless, with quick access to key pages and features through clean links and icons.","s":"21st","c":"navigation/menu","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/navigation-bar-menu-bar-with-card/default/preview.1753037089606.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__navigation-bar-menu-bar-with-profile-and-search","t":"Navigation bar menu bar with profile and search","d":"I created this smart UI component to make navigation seamless, with quick access to key pages and features through clean links and icons.","s":"21st","c":"data-display/profile","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/navigation-bar-menu-bar-with-profile-and-search/default/preview.1753042203666.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__newsletter-dialog","t":"Newsletter dialog","d":"Newsletter Dialog\nA promotional dialog component designed to capture user sign-ups for a newsletter. It features a prominent image, customizable text sections, an email input field","s":"21st","c":"overlays/dialog","a":"ravikatiyar162","u":4,"pl":"https://cdn.21st.dev/ravikatiyar162/newsletter-dialog/default/preview.1759425320899.png","pc":"ravikatiyar162","tg":["cta","image","modal"],"sb":"Media"},{"id":"21st:ravikatiyar162__occasions-card","t":"Occasions card","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/occasions-card/default/preview.1760680031496.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__offer-carousel","t":"Offer carousel","d":"Offer Carousel\nThis component provides a sleek, horizontally scrollable display for showcasing offers or featured items. It includes custom navigation arrows and smooth-scrolling f","s":"21st","c":"media/carousel","a":"ravikatiyar162","u":133,"pl":"https://cdn.21st.dev/ravikatiyar162/offer-carousel/default/preview.1759491183362.png","pc":"ravikatiyar162","tg":["carousel"]},{"id":"21st:ravikatiyar162__onboarding","t":"Onboarding","s":"21st","c":"navigation/wizard-steps","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/onboarding/default/preview.1759301421272.png","pc":"ravikatiyar162","tg":["onboarding","profile","upload-download"]},{"id":"21st:ravikatiyar162__onboarding-1","t":"Onboarding 1","d":"Onboarding Questionnaire component. It manages the layout, animation, and internal state of the sliders, reporting the final values via callbacks.","s":"21st","c":"navigation/wizard-steps","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/onboarding-1/default/preview.1761063346913.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__onboarding-card","t":"Onboarding card","d":"Product Onboarding Card\nThis component provides a structured layout for a feature or step in a process, guiding the user with a clear title, description, and call-to-action.","s":"21st","c":"navigation/wizard-steps","a":"ravikatiyar162","u":6,"pl":"https://cdn.21st.dev/ravikatiyar162/onboarding-card/default/preview.1758823037120.png","pc":"ravikatiyar162","tg":["onboarding"]},{"id":"21st:ravikatiyar162__onboarding-checklist","t":"Onboarding checklist","d":"Onboarding Checklist\nDescription: A visually engaging card component that displays a checklist of required items alongside a video guide. It's designed to prepare users for an onbo","s":"21st","c":"inputs/checkbox","a":"ravikatiyar162","u":42,"pl":"https://cdn.21st.dev/ravikatiyar162/onboarding-checklist/default/preview.1759516044686.png","pc":"ravikatiyar162","tg":["onboarding","video"]},{"id":"21st:ravikatiyar162__onboarding-form","t":"Onboarding form","d":"Onboarding Form\nA visually engaging, animated onboarding form with a glassmorphism effect. It includes fields for avatar upload and display name, designed for reusability in any si","s":"21st","c":"navigation/wizard-steps","a":"ravikatiyar162","u":95,"pl":"https://cdn.21st.dev/ravikatiyar162/onboarding-form/default/preview.1760504439549.png","pc":"ravikatiyar162","tg":["onboarding","profile","sign-up","upload-download"]},{"id":"21st:ravikatiyar162__onboarding-welcome-screen","t":"Onboarding welcome screen","s":"21st","c":"navigation/wizard-steps","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/onboarding-welcome-screen/default/preview.1758008546210.png","pc":"ravikatiyar162","tg":["onboarding"]},{"id":"21st:ravikatiyar162__orbiting-avatars","t":"Orbiting avatars","d":"Orbiting Avatars CTA\nDescription: A visually engaging Call-to-Action (CTA) component that displays a central message, a button, and a configurable set of avatars that gently float ","s":"21st","c":"data-display/avatar","a":"ravikatiyar162","u":36,"pl":"https://cdn.21st.dev/ravikatiyar162/orbiting-avatars/default/preview.1758351752339.png","pc":"ravikatiyar162","tg":["cta","team"]},{"id":"21st:ravikatiyar162__order-status-card","t":"Order status card","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/order-status-card/default/preview.1759999189492.png","pc":"ravikatiyar162","tg":["timeline"],"sb":"Metric"},{"id":"21st:ravikatiyar162__order-status-tracker","t":"Order status tracker","s":"21st","c":"data-display/stat","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/order-status-tracker/default/preview.1758935641971.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__parallax-card","t":"Parallax card","d":"Parallax Tilt Card\nA visually engaging card that uses framer-motion to create a 3D parallax tilt effect based on the user's mouse position. Inner elements move at different rates t","k":"layout","s":"21st","c":"layout/scroll-area","a":"ravikatiyar162","u":11,"pl":"https://cdn.21st.dev/ravikatiyar162/parallax-card/default/preview.1758200405779.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__password-reset-form","t":"Password reset form","d":"Password Reset Form is a production-ready password reset component with intelligent validation and premium animations. It features real-time requirement checking with smooth stagge","s":"21st","c":"inputs/form-field","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/password-reset-form/default/preview.1762057363384.png","pc":"ravikatiyar162","sb":"Password"},{"id":"21st:ravikatiyar162__payment","t":"Payment","k":"section","s":"21st","c":"marketing/pricing","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/payment/default/preview.1757844488547.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__payment-1","t":"Payment 1","d":"Payment Selection\nA sleek, user-friendly payment card selector with multiple options. Perfect for checkout flows to simplify and speed up transactions.","s":"21st","c":"inputs/radio","a":"ravikatiyar162","u":22,"pl":"https://cdn.21st.dev/ravikatiyar162/payment-1/default/preview.1757849135215.png","pc":"ravikatiyar162","tg":["radio-group"]},{"id":"21st:ravikatiyar162__photo-stack","t":"Photo stack","d":"Animated Photo Stack\nA playful, layered card component that displays team or profile photos in a stacked, draggable style with smooth animations. Perfect for showcasing creative te","s":"21st","c":"media/gallery","a":"ravikatiyar162","u":10,"pl":"https://cdn.21st.dev/ravikatiyar162/photo-stack/default/preview.1756286227280.png","pc":"ravikatiyar162","tg":["gallery","image","team"]},{"id":"21st:ravikatiyar162__planner-card","t":"Planner card","d":"Route Planner Card\nA visually polished card component that displays route information, including duration, distance, an animated elevation graph, and a call-to-action. It's designe","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":20,"pl":"https://cdn.21st.dev/ravikatiyar162/planner-card/default/preview.1759251659290.png","pc":"ravikatiyar162","tg":["alert"],"sb":"Pricing"},{"id":"21st:ravikatiyar162__presence-card","t":"Presence card","d":"Animated Presence Card\nDescription: A visually striking card component designed to showcase a primary message or product. It features a prominent image, clear typography, and an in","s":"21st","c":"status/status-dot","a":"ravikatiyar162","u":4,"pl":"https://cdn.21st.dev/ravikatiyar162/presence-card/default/preview.1758609041396.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__pricing","t":"Pricing","d":"A responsive, theme-adaptive pricing section with an interactive starfield background and a toggle for monthly/annual plans.\nAnimated pricing cards with Framer Motion\nInteractive m","k":"section","s":"21st","c":"marketing/pricing","a":"ravikatiyar162","u":195,"pl":"https://cdn.21st.dev/ravikatiyar162/pricing/default/preview.1755097748304.png","pc":"ravikatiyar162","tg":["pricing-section"]},{"id":"21st:ravikatiyar162__pricing-card","t":"Pricing card","k":"section","s":"21st","c":"marketing/pricing","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/pricing-card/default/preview.1758483103153.png","pc":"ravikatiyar162","sb":"Plan cards"},{"id":"21st:ravikatiyar162__pricing-card-1","t":"Pricing card 1","d":"Pricing Card\nThis component is a flexible pricing card designed to display plan details, features, and a call-to-action. It uses framer-motion for subtle hover animations and is bu","k":"section","s":"21st","c":"marketing/pricing","a":"ravikatiyar162","u":57,"pl":"https://cdn.21st.dev/ravikatiyar162/pricing-card-1/default/preview.1758562162180.png","pc":"ravikatiyar162","tg":["pricing-section"],"sb":"Plan cards"},{"id":"21st:ravikatiyar162__pricing-card-2","t":"Pricing card 2","k":"section","s":"21st","c":"marketing/pricing","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/pricing-card-2/default/preview.1759584657540.png","pc":"ravikatiyar162","sb":"Plan cards"},{"id":"21st:ravikatiyar162__pricing-card-3","t":"Pricing card 3","k":"section","s":"21st","c":"marketing/pricing","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/pricing-card-3/default/preview.1759905967615.png","pc":"ravikatiyar162","sb":"Plan cards"},{"id":"21st:ravikatiyar162__pricing-section","t":"Pricing section","k":"section","s":"21st","c":"marketing/pricing","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/pricing-section/default/preview.1759644327214.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__pricing-sections","t":"Pricing sections","k":"section","s":"21st","c":"marketing/pricing","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/pricing-sections/default/preview.1759514206479.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__pricing-table","t":"Pricing table","k":"section","s":"21st","c":"marketing/pricing","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/pricing-table/default/preview.1759567528265.png","pc":"ravikatiyar162","sb":"Comparison tables"},{"id":"21st:ravikatiyar162__product-card","t":"Product card","d":"Product Highlight Card\nThis card uses a combination of CSS gradients and framer-motion to create a visually engaging experience. On hover, the card tilts, a subtle glow follows the","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":49,"pl":"https://cdn.21st.dev/ravikatiyar162/product-card/default/preview.1758304514329.png","pc":"ravikatiyar162","sb":"Product"},{"id":"21st:ravikatiyar162__product-card-1","t":"Product card 1","d":"Product Card\nThis reusable card component displays product information, including an image, title, ratings, specifications, and pricing details in a responsive layout.","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":13,"pl":"https://cdn.21st.dev/ravikatiyar162/product-card-1/default/preview.1758803559565.png","pc":"ravikatiyar162","tg":["pricing-section"],"sb":"Product"},{"id":"21st:ravikatiyar162__product-card-2","t":"Product card 2","d":"Product Card\nA visually polished ProductCard component designed to showcase products in a grid layout. It features a clean design, accepts various product details via props for max","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":48,"pl":"https://cdn.21st.dev/ravikatiyar162/product-card-2/default/preview.1759073049075.png","pc":"ravikatiyar162","tg":["grid","slider"],"sb":"Product"},{"id":"21st:ravikatiyar162__product-card-3","t":"Product card 3","d":"Product Drop Card\nA sleek, carousel-style card component to showcase upcoming product drops or featured items. It includes navigation controls and a clean layout, perfect for highl","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":44,"pl":"https://cdn.21st.dev/ravikatiyar162/product-card-3/default/preview.1760096869077.png","pc":"ravikatiyar162","tg":["carousel","image"],"sb":"Product"},{"id":"21st:ravikatiyar162__product-carousel","t":"Product carousel","d":"Product Carousel\nThis component displays a horizontally scrollable list of products with a title and navigation controls. It's built to be highly reusable, accepting all content an","s":"21st","c":"media/carousel","a":"ravikatiyar162","u":10,"pl":"https://cdn.21st.dev/ravikatiyar162/product-carousel/default/preview.1759113075764.png","pc":"ravikatiyar162","tg":["carousel","scroll-area"]},{"id":"21st:ravikatiyar162__product-definition-card","t":"Product definition card","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/product-definition-card/default/preview.1759379871344.png","pc":"ravikatiyar162","sb":"Product"},{"id":"21st:ravikatiyar162__profile-card","t":"Profile card","d":"I designed this Profile Card to give a quick snapshot of the user—complete with an image and bio—all in one clean, compact component.","s":"21st","c":"data-display/profile","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/profile-card/default/preview.1753147434756.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__profile-card-1","t":"Profile card 1","d":"Clean identity showcase. Features a rounded, shadowed layout to highlight user details in a minimal, floating style. Ideal for portfolios, team sections, or contact cards on modern","s":"21st","c":"data-display/profile","a":"ravikatiyar162","u":60,"pl":"https://cdn.21st.dev/ravikatiyar162/profile-card-1/default/preview.1753187505877.png","pc":"ravikatiyar162","tg":["link","profile","tooltip"]},{"id":"21st:ravikatiyar162__profile-selector","t":"Profile selector","d":"Profile Selector Component\nThis component, named ProfileSelector, displays a grid of user profiles for selection. It's built to be data-driven, accepting an array of profiles and h","s":"21st","c":"data-display/profile","a":"ravikatiyar162","u":49,"pl":"https://cdn.21st.dev/ravikatiyar162/profile-selector/default/preview.1760420860128.png","pc":"ravikatiyar162","tg":["profile"]},{"id":"21st:ravikatiyar162__project-card","t":"Project card","d":"A visually appealing card component designed to showcase projects. It features a hover-to-zoom image effect, a clear content section, and a call-to-action link, all while adapting ","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":125,"pl":"https://cdn.21st.dev/ravikatiyar162/project-card/default/preview.1756028031594.png","pc":"ravikatiyar162","tg":["image","link"]},{"id":"21st:ravikatiyar162__project-data-table","t":"Project data table","d":"Project Data Table\nThis component provides a responsive, animated table for displaying a list of projects. It features a clean, modern design inspired by your image, with status ba","s":"21st","c":"data-display/table","a":"ravikatiyar162","u":201,"pl":"https://cdn.21st.dev/ravikatiyar162/project-data-table/default/preview.1759681409078.png","pc":"ravikatiyar162","tg":["avatar","dashboard","table"],"sb":"Data tables"},{"id":"21st:ravikatiyar162__project-ticket-card","t":"Project ticket card","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/project-ticket-card/default/preview.1759731713458.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__promo-card","t":"Promo card","d":"Animated Promo Card\nA visually engaging card that applies a 3D tilt effect on hover. It's designed to showcase promotional content with a background image, title, subtitle, and a c","k":"section","s":"21st","c":"marketing/announcement","a":"ravikatiyar162","u":11,"pl":"https://cdn.21st.dev/ravikatiyar162/promo-card/default/preview.1758606930486.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__rain-and-lightening-hero-section","t":"Rain and lightening hero section","d":"Dramatic hero section with bold centered headline and subtle subtext over a dark, animated rain and lightening background, creating an immersive stormy atmosphere.","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","u":13,"pl":"https://cdn.21st.dev/ravikatiyar162/rain-and-lightening-hero-section/default/preview.1754996446227.png","pc":"ravikatiyar162","sb":"SaaS and AI"},{"id":"21st:ravikatiyar162__range-slider","t":"Range slider","d":"Range Slider\nA responsive and accessible price range slider with a histogram visualization. It allows users to select a numeric range with interactive handles and provides clear vi","s":"21st","c":"inputs/slider","a":"ravikatiyar162","u":66,"pl":"https://cdn.21st.dev/ravikatiyar162/range-slider/default/preview.1758009032159.png","pc":"ravikatiyar162","tg":["data-visualization","slider"]},{"id":"21st:ravikatiyar162__recipe-card","t":"Recipe card","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/recipe-card/default/preview.1759494175779.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__recipe-card-1","t":"Recipe card 1","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/recipe-card-1/default/preview.1759652820968.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__recipe-card-2","t":"Recipe card 2","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/recipe-card-2/default/preview.1760614324940.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__redeem","t":"Redeem","s":"21st","c":"overlays/dialog","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/redeem/default/preview.1758206243230.png","pc":"ravikatiyar162","tg":["modal"]},{"id":"21st:ravikatiyar162__registration-stepper","t":"Registration stepper","d":"Registration Stepper\nA responsive and animated stepper component designed to guide users through a multi-step process. It visualizes the current, completed, and pending steps using","s":"21st","c":"navigation/wizard-steps","a":"ravikatiyar162","u":97,"pl":"https://cdn.21st.dev/ravikatiyar162/registration-stepper/default/preview.1760427047033.png","pc":"ravikatiyar162","tg":["accordion","steps"]},{"id":"21st:ravikatiyar162__resource-grid","t":"Resource grid","s":"21st","c":"layout/bento-grid","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/resource-grid/default/preview.1759451798280.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__reward-card","t":"Reward card","d":"Gift unlock screen with themed card, confetti background, and central gift icon. Includes bold greeting, short wish, and a green “Spotify Premium 1 Year” easy to ues, slider button","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":26,"pl":"https://cdn.21st.dev/ravikatiyar162/reward-card/default/preview.1755158136318.png","pc":"ravikatiyar162","tg":["slider"]},{"id":"21st:ravikatiyar162__reward-partners-section","t":"Reward partners section","k":"section","s":"21st","c":"marketing/logos","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/reward-partners-section/default/preview.1759492453244.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__ride-booking-form","t":"Ride booking form","d":"Ride Booking Form\nThis component provides a complete UI for scheduling a ride, including location inputs, date/time selectors, and a call-to-action button. It's designed to be easi","s":"21st","c":"data-display/calendar","a":"ravikatiyar162","u":73,"pl":"https://cdn.21st.dev/ravikatiyar162/ride-booking-form/default/preview.1759560475477.png","pc":"ravikatiyar162","tg":["date-picker","form"]},{"id":"21st:ravikatiyar162__ride-options-grid","t":"Ride options grid","s":"21st","c":"layout/bento-grid","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/ride-options-grid/default/preview.1759646192506.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__ripple-pulse-loader","t":"Ripple pulse loader","d":"A minimalistic ripple-based loader with concentric circles expanding outward in a smooth pulse effect. The dark, layered gradients create depth while maintaining a sleek, modern ae","s":"21st","c":"status/loader","a":"ravikatiyar162","u":69,"pl":"https://cdn.21st.dev/ravikatiyar162/ripple-pulse-loader/default/preview.1755241658679.png","pc":"ravikatiyar162","tg":["spinner"],"sb":"Dots and pulse"},{"id":"21st:ravikatiyar162__rotary-radio-switch","t":"Rotary radio switch","s":"21st","c":"actions/switch","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/rotary-radio-switch/default/preview.1755244920596.png","pc":"ravikatiyar162","tg":["radio-group"]},{"id":"21st:ravikatiyar162__rotating-nav-bar","t":"Rotating nav bar","d":"I created this rotating nav bar with smooth hover animations to add an eye-catching, interactive touch that instantly elevates your website’s visual appeal.","s":"21st","c":"navigation/top-nav","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/rotating-nav-bar/default/preview.1753105027522.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__score-card","t":"Score card","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/score-card/default/preview.1759777384413.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__search-navigation-bar","t":"Search navigation bar","s":"21st","c":"inputs/search","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/search-navigation-bar/default/preview.1760770014492.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__service-card","t":"Service card","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/service-card/default/preview.1759084567372.png","pc":"ravikatiyar162","sb":"Grid of cards"},{"id":"21st:ravikatiyar162__service-grid","t":"Service grid","d":"ServiceGrid\nA responsive grid component designed to showcase a list of services or features. Each item in the grid consists of an image and a title. The component features a stagge","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","u":29,"pl":"https://cdn.21st.dev/ravikatiyar162/service-grid/default/preview.1758849231647.png","pc":"ravikatiyar162","tg":["features"],"sb":"Grid of cards"},{"id":"21st:ravikatiyar162__service-suggestion-grid","t":"Service suggestion grid","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/service-suggestion-grid/default/preview.1759564082838.png","pc":"ravikatiyar162","sb":"Grid of cards"},{"id":"21st:ravikatiyar162__services","t":"Services","d":"I crafted this services section to clearly showcase what the business offers, making it easy for visitors to understand our value at a glance.","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","u":73,"pl":"https://cdn.21st.dev/ravikatiyar162/services/default/preview.1753035767112.png","pc":"ravikatiyar162","tg":["features","grid"],"sb":"Grid of cards"},{"id":"21st:ravikatiyar162__services-card","t":"Services card","d":"Services Card – Showcase offerings. Modern UI component to present branding, development, or SEO services with clear visuals and descriptions. Ideal for portfolios and business web","k":"section","s":"21st","c":"marketing/features","a":"ravikatiyar162","u":139,"pl":"https://cdn.21st.dev/ravikatiyar162/services-card/default/preview.1758279268638.png","pc":"ravikatiyar162","tg":["card","carousel","features"],"sb":"Grid of cards"},{"id":"21st:ravikatiyar162__share-card","t":"Share card","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/share-card/default/preview.1759048848739.png","pc":"ravikatiyar162","tg":["team"],"sb":"Profile"},{"id":"21st:ravikatiyar162__shared-files","t":"Shared files","s":"21st","c":"data-display/list","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/shared-files/default/preview.1757853422150.png","pc":"ravikatiyar162","tg":["list"],"sb":"Files and trees"},{"id":"21st:ravikatiyar162__sign-in","t":"Sign in","d":"Eye catching login experience. Adds motion and shine to your Sign-In UI, drawing user attention instantly. Perfect for modern apps and websites aiming for a lively first impression","s":"21st","c":"flows/sign-in","a":"ravikatiyar162","st":"rated","u":115,"pl":"https://cdn.21st.dev/ravikatiyar162/sign-in/default/preview.1753208750005.png","pc":"ravikatiyar162","tg":["sign-in"],"sc":18,"sb":"Sign up"},{"id":"21st:ravikatiyar162__sign-in-1","t":"Sign in 1","d":"Hero section with social login prompt. Welcomes returning users and offers multiple sign-in options. Ideal for modern apps aiming for seamless authentication with Google, Email, or","s":"21st","c":"flows/sign-in","a":"ravikatiyar162","u":132,"pl":"https://cdn.21st.dev/ravikatiyar162/sign-in-1/default/preview.1753863699748.png","pc":"ravikatiyar162","tg":["sign-in"],"sb":"Sign up"},{"id":"21st:ravikatiyar162__sky-toggle","t":"Sky toggle","d":"Playful toggle switch with a bright yellow sun over blue skies and fluffy clouds. Ideal for weather apps or light/dark mode themes.","s":"21st","c":"actions/switch","a":"ravikatiyar162","u":322,"pl":"https://cdn.21st.dev/ravikatiyar162/sky-toggle/default/preview.1755161021632.png","pc":"ravikatiyar162","tg":["toggle"]},{"id":"21st:ravikatiyar162__sleep-tracker-card","t":"Sleep tracker card","s":"21st","c":"data-display/card","a":"ravikatiyar162","st":"rated","pl":"https://cdn.21st.dev/ravikatiyar162/sleep-tracker-card/default/preview.1759196043705.png","pc":"ravikatiyar162","tg":["data-visualization"],"sc":18},{"id":"21st:ravikatiyar162__social-media","t":"Social media","d":"Interactive social media icon row with a smooth hover effect that highlights the active icon, changes its background color, and reveals a matching label below. Ideal for minimalist","s":"21st","c":"overlays/tooltip","a":"ravikatiyar162","u":45,"pl":"https://cdn.21st.dev/ravikatiyar162/social-media/default/preview.1755276537281.png","pc":"ravikatiyar162","tg":["link","tooltip"]},{"id":"21st:ravikatiyar162__solar-pulse-loader","t":"Solar pulse loader","d":"Sleek circular loader with a radiant yellow-orange glow, creating a smooth pulsing effect. Perfect for modern apps seeking a bold, high-contrast loading indicator.","s":"21st","c":"status/loader","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/solar-pulse-loader/default/preview.1755160031870.png","pc":"ravikatiyar162","sb":"Dots and pulse"},{"id":"21st:ravikatiyar162__sparks-carousel","t":"Sparks carousel","d":"Sparks Carousel\nA responsive carousel component designed to display a collection of curated cards. It features smooth scrolling animations powered by Framer Motion and is fully the","s":"21st","c":"media/carousel","a":"ravikatiyar162","u":44,"pl":"https://cdn.21st.dev/ravikatiyar162/sparks-carousel/default/preview.1759422208260.png","pc":"ravikatiyar162","tg":["carousel"]},{"id":"21st:ravikatiyar162__star-wars-toggle-switch","t":"Star wars toggle switch","d":"BB-8 Themed Star Wars Toggle Switch\nPlayful Star Wars-inspired toggle switch featuring BB-8 rolling across a scenic desert with twin suns. Smooth sliding animation mimics BB-8's mo","s":"21st","c":"actions/switch","a":"ravikatiyar162","u":70,"pl":"https://cdn.21st.dev/ravikatiyar162/star-wars-toggle-switch/default/preview.1755270437022.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__starship-card-component","t":"Starship card component","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/starship-card-component/default/preview.1759381157349.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__state","t":"State","s":"21st","c":"data-display/stat","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/state/default/preview.1759645275758.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__statistics-graph","t":"Statistics graph","d":"A statistical graph is a visual representation of data, making it easier to understand trends and relationships.","s":"21st","c":"data-viz/chart","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/statistics-graph/default/preview.1753004837727.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__stats-card","t":"Stats card","d":"Freelancer Stats Card\nA comprehensive card component for displaying key statistics, rankings, and availability. It features a clean layout, theme-adaptive styling, and a subtle ani","s":"21st","c":"data-display/stat","a":"ravikatiyar162","u":64,"pl":"https://cdn.21st.dev/ravikatiyar162/stats-card/default/preview.1758440507102.png","pc":"ravikatiyar162","tg":["card","dashboard","profile"]},{"id":"21st:ravikatiyar162__stats-card-1","t":"Stats card 1","d":"Stats Card\nThis component is designed to display a single, key statistic. It includes a title, a primary value, an icon, and a percentage change indicator that is color-coded for p","s":"21st","c":"data-display/stat","a":"ravikatiyar162","u":24,"pl":"https://cdn.21st.dev/ravikatiyar162/stats-card-1/default/preview.1759173339031.png","pc":"ravikatiyar162","tg":["card","dashboard"]},{"id":"21st:ravikatiyar162__stats-card-2","t":"Stats card 2","d":"Crypto Stats Card\nThis component provides a comprehensive overview of the crypto market, including market cap, dominance distribution, and individual coin prices, all within a sing","s":"21st","c":"data-display/stat","a":"ravikatiyar162","u":42,"pl":"https://cdn.21st.dev/ravikatiyar162/stats-card-2/default/preview.1759417952973.png","pc":"ravikatiyar162","tg":["data-visualization","dashboard","progress"]},{"id":"21st:ravikatiyar162__stats-card-3","t":"Stats card 3","s":"21st","c":"data-display/stat","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/stats-card-3/default/preview.1759470838901.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__stats-widget","t":"Stats widget","d":"The UI has a card-style widget showing a financial amount, percentage change, and an arrow. An animated line graph indicates the trend, turning green for positive and orange for ne","s":"21st","c":"data-display/stat","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/stats-widget/default/preview.1752921238670.png","pc":"ravikatiyar162","tg":["card"]},{"id":"21st:ravikatiyar162__status-screen","t":"Status screen","s":"21st","c":"data-display/stat","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/status-screen/default/preview.1760871457090.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__stock-card","t":"Stock card","d":"Stock Card\nThis component, StockCard, displays stock information with a smooth hover animation. It's designed to be highly reusable, accepting props for the logo, ticker, name, pri","s":"21st","c":"data-display/card","a":"ravikatiyar162","st":"rated","u":29,"pl":"https://cdn.21st.dev/ravikatiyar162/stock-card/default/preview.1758763332654.png","pc":"ravikatiyar162","sc":18},{"id":"21st:ravikatiyar162__stock-category-list","t":"Stock category list","d":"StockCategoryList\nA responsive and accessible accordion component to display categorized lists of items. Each category features a title and an icon, and clicking it reveals a detai","s":"21st","c":"data-display/list","a":"ravikatiyar162","u":24,"pl":"https://cdn.21st.dev/ravikatiyar162/stock-category-list/default/preview.1758763066535.png","pc":"ravikatiyar162","tg":["accordion"]},{"id":"21st:ravikatiyar162__subscription-screen","t":"Subscription screen","k":"section","s":"21st","c":"marketing/pricing","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/subscription-screen/default/preview.1759282704509.png","pc":"ravikatiyar162","tg":["features","pricing-section","radio-group"]},{"id":"21st:ravikatiyar162__support","t":"Support","s":"21st","c":"other","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/support/default/preview.1759490303452.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__sustainability-section","t":"Sustainability section","s":"21st","c":"layout/page-shell","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/sustainability-section/default/preview.1759496328722.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__swap-card","t":"Swap card","d":"swap-card\nThis file contains the reusable SwapCard component. It uses framer-motion for the layout animations, lucide-react for icons, and is styled with shadcn/ui principles.","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":37,"pl":"https://cdn.21st.dev/ravikatiyar162/swap-card/default/preview.1758303223628.png","pc":"ravikatiyar162","tg":["tabs"]},{"id":"21st:ravikatiyar162__switch","t":"Switch","s":"21st","c":"actions/switch","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/switch/default/preview.1756628236165.png","pc":"ravikatiyar162","tg":["toggle"]},{"id":"21st:ravikatiyar162__task-list","t":"Task list","s":"21st","c":"data-display/list","a":"ravikatiyar162","st":"rated","pl":"https://cdn.21st.dev/ravikatiyar162/task-list/default/preview.1758995103826.png","pc":"ravikatiyar162","tg":["table"],"sc":17,"sb":"Tasks and to-dos"},{"id":"21st:ravikatiyar162__team-section","t":"Team section","d":"Animated Team Section\nThis component displays a title, a description, and a list of team members in a visually appealing animated arc layout. It's designed to be highly reusable th","k":"section","s":"21st","c":"marketing/team","a":"ravikatiyar162","u":38,"pl":"https://cdn.21st.dev/ravikatiyar162/team-section/default/preview.1758018648506.png","pc":"ravikatiyar162","tg":["team"]},{"id":"21st:ravikatiyar162__team-section-1","t":"Team section 1","d":"TeamSection\nA responsive team showcase section with member profiles, designations, social media links, and an animated hover effect for individual member cards.","k":"section","s":"21st","c":"marketing/team","a":"ravikatiyar162","u":90,"pl":"https://cdn.21st.dev/ravikatiyar162/team-section-1/default/preview.1760255875887.png","pc":"ravikatiyar162","tg":["avatar","link","profile","team"]},{"id":"21st:ravikatiyar162__team-section-2","t":"Team section 2","k":"section","s":"21st","c":"marketing/team","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/team-section-2/default/preview.1760271587811.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__team-showcase","t":"Team showcase","d":"Team Showcase\nA responsive and animated component to showcase team members or featured profiles in a visually engaging, overlapping card layout. It features staggered entrance anim","k":"section","s":"21st","c":"marketing/team","a":"ravikatiyar162","u":41,"pl":"https://cdn.21st.dev/ravikatiyar162/team-showcase/default/preview.1760254552979.png","pc":"ravikatiyar162","tg":["cta","profile","team"]},{"id":"21st:ravikatiyar162__testimonial","t":"Testimonial","d":"An animated testimonials slider, pairing a person's image on the left with their quote, name, and title on the right. Users can navigate through entries with arrow controls, and th","k":"section","s":"21st","c":"marketing/testimonials","a":"ravikatiyar162","u":122,"pl":"https://cdn.21st.dev/ravikatiyar162/testimonial/default/preview.1752920350656.png","pc":"ravikatiyar162","tg":["carousel","testimonials"]},{"id":"21st:ravikatiyar162__testimonial-1","t":"Testimonial 1","d":"I designed this animated testimonials slider with a clean image-quote layout, smooth transitions, and a auto next testimonial feature that adapts to light and dark modes.","k":"section","s":"21st","c":"marketing/testimonials","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/testimonial-1/default/preview.1753098368437.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__testimonial-2","t":"Testimonial 2","d":"Animated Testimonial Grid\nThis component displays a visually engaging testimonial section with a dynamic, floating grid of images in the background. It is designed to be highly reu","k":"section","s":"21st","c":"marketing/testimonials","a":"ravikatiyar162","u":69,"pl":"https://cdn.21st.dev/ravikatiyar162/testimonial-2/default/preview.1758958865476.png","pc":"ravikatiyar162","tg":["testimonials"]},{"id":"21st:ravikatiyar162__testimonial-card","t":"Testimonial card","d":"Testimonial Card Section – Social proof showcase. Displays client reviews, star ratings, and impact stats in a clean grid layout with strong visual hierarchy. Perfect for building ","k":"section","s":"21st","c":"marketing/testimonials","a":"ravikatiyar162","u":73,"pl":"https://cdn.21st.dev/ravikatiyar162/testimonial-card/default/preview.1753513923404.png","pc":"ravikatiyar162","tg":["avatar","stat","testimonials"]},{"id":"21st:ravikatiyar162__testimonial-card-1","t":"Testimonial card 1","k":"section","s":"21st","c":"marketing/testimonials","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/testimonial-card-1/default/preview.1758979887328.png","pc":"ravikatiyar162","tg":["carousel","features","testimonials"]},{"id":"21st:ravikatiyar162__testimonial-card-2","t":"Testimonial card 2","k":"section","s":"21st","c":"marketing/testimonials","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/testimonial-card-2/default/preview.1760259050764.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__testimonials","t":"Testimonials","d":"Testimonials Section\nA responsive and animated component to showcase customer testimonials in a clean, grid-based layout.","k":"section","s":"21st","c":"marketing/testimonials","a":"ravikatiyar162","u":132,"pl":"https://cdn.21st.dev/ravikatiyar162/testimonials/default/preview.1760425136264.png","pc":"ravikatiyar162","tg":["grid","testimonials"]},{"id":"21st:ravikatiyar162__text-arc-effect","t":"Text arc effect","d":"Text curving tool for creative typography. Bends text along circular or custom arc paths. Ideal for creating logos, badges, or decorative text elements with some customizable anima","k":"motion","s":"21st","c":"motion/text-effect","a":"ravikatiyar162","u":49,"pl":"https://cdn.21st.dev/ravikatiyar162/text-arc-effect/default/preview.1753150478449.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__text-rotator","t":"Text rotator","k":"motion","s":"21st","c":"motion/text-effect","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/text-rotator/default/preview.1760760196519.png","pc":"ravikatiyar162","sb":"Rotating words"},{"id":"21st:ravikatiyar162__ticket-confirmation-card","t":"Ticket confirmation card","d":"Ticket Confirmation Card\nDigital receipt-style confirmation with success status, ticket ID, payment details, and barcode. Designed for event booking, travel tickets, or payment con","s":"21st","c":"overlays/dialog","a":"ravikatiyar162","u":111,"pl":"https://cdn.21st.dev/ravikatiyar162/ticket-confirmation-card/default/preview.1756477522559.png","pc":"ravikatiyar162","sb":"Confirm"},{"id":"21st:ravikatiyar162__timesheet-confirmation","t":"Timesheet confirmation","d":"This file contains the reusable Timesheet Confirmation component. It's designed to be highly customizable through props, uses shadcn/ui theme variables for styling, and includes an","s":"21st","c":"overlays/dialog","a":"ravikatiyar162","st":"rated","pl":"https://cdn.21st.dev/ravikatiyar162/timesheet-confirmation/default/preview.1760110732984.png","pc":"ravikatiyar162","tg":["dashboard","modal","table"],"sc":23,"sb":"Confirm"},{"id":"21st:ravikatiyar162__toggle-switch","t":"Toggle switch","d":"Toggle Switch\nSleek, animated switch for toggling preferences or modes. Smooth transitions make it ideal for dark/light mode, settings, or feature activation.","s":"21st","c":"actions/switch","a":"ravikatiyar162","u":40,"pl":"https://cdn.21st.dev/ravikatiyar162/toggle-switch/default/preview.1756920269852.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__tracker-card","t":"Tracker card","d":"Package Tracker Card\nThis component provides a visually appealing card to display package tracking information. It's designed to be highly reusable, accepting props for status, pac","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":21,"pl":"https://cdn.21st.dev/ravikatiyar162/tracker-card/default/preview.1758452619431.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__trail-card","t":"Trail card","d":"Trail Card\nA visually polished card component to display trail or location information, featuring a prominent image, key stats, and an interactive call-to-action. It includes a sub","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":121,"pl":"https://cdn.21st.dev/ravikatiyar162/trail-card/default/preview.1758825195589.png","pc":"ravikatiyar162","tg":["stat"],"sb":"Metric"},{"id":"21st:ravikatiyar162__trend-card","t":"Trend card","d":"Interactive Trend Card\nA visually polished card component for displaying time-series data with an interactive bar chart. It's built to be responsive and theme-adaptive, using shadc","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":25,"pl":"https://cdn.21st.dev/ravikatiyar162/trend-card/default/preview.1758293774742.png","pc":"ravikatiyar162","tg":["dashboard"]},{"id":"21st:ravikatiyar162__truck-loader","t":"Truck loader","d":"Minimal flat-style loader truck illustration with a red cabin, grey cargo box, and street lamp. Clean vector design on a white background for modern web or UI use.","s":"21st","c":"status/loader","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/truck-loader/default/preview.1755179250898.png","pc":"ravikatiyar162","sb":"Spinners"},{"id":"21st:ravikatiyar162__user-profile-dropdown","t":"User profile dropdown","d":"UserProfileDropdown Component\nThis component displays a user's avatar and details, along with a dropdown menu containing customizable actions.","s":"21st","c":"data-display/profile","a":"ravikatiyar162","u":45,"pl":"https://cdn.21st.dev/ravikatiyar162/user-profile-dropdown/default/preview.1758910187086.png","pc":"ravikatiyar162","tg":["dropdown","menu","profile"]},{"id":"21st:ravikatiyar162__video-generator-card","t":"Video generator card","d":"This file contains the reusable VideoGeneratorCard component. It's built with shadcn/ui primitives and is fully typed with TypeScript. Props like storyboardImages, initialPrompt, o","s":"21st","c":"media/player","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/video-generator-card/default/preview.1760169524290.png","pc":"ravikatiyar162","tg":["ai-chat","video"]},{"id":"21st:ravikatiyar162__video-hero-section","t":"Video hero section","k":"section","s":"21st","c":"marketing/hero","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/video-hero-section/default/preview.1759649312262.png","pc":"ravikatiyar162","sb":"With video"},{"id":"21st:ravikatiyar162__video-in-text-effect","t":"Video in text effect","d":"This is a “video masking in text” technique where a video is clipped within the shape of the text. The background remains plain (typically white or black), while the text displays ","k":"motion","s":"21st","c":"motion/text-effect","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/video-in-text-effect/default/preview.1754565601156.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__video-thumbnail-player","t":"Video thumbnail player","d":"Clean and immersive. Full-width thumbnail with centered play button and bottom-left overlay text. Communicates professionalism and storytelling. Perfect for product intros, company","s":"21st","c":"media/player","a":"ravikatiyar162","u":194,"pl":"https://cdn.21st.dev/ravikatiyar162/video-thumbnail-player/default/preview.1753605545535.png","pc":"ravikatiyar162","tg":["video"]},{"id":"21st:ravikatiyar162__weather-card","t":"Weather card","d":"A modern, gradient-based weather information card displaying the current temperature, high/low forecast, location, and weather condition icon. The design features bold typography, ","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/weather-card/default/preview.1755182128213.png","pc":"ravikatiyar162"},{"id":"21st:ravikatiyar162__welcome","t":"Welcome","s":"21st","c":"navigation/wizard-steps","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/welcome/default/preview.1759302907317.png","pc":"ravikatiyar162","tg":["onboarding","video"]},{"id":"21st:ravikatiyar162__welcome-modal","t":"Welcome modal","d":"Welcome modal for new and existing users. Highlights expanded access to premium templates and $299 value lifetime license. Includes clear CTAs like \"View templates\" and \"Get login ","s":"21st","c":"overlays/dialog","a":"ravikatiyar162","u":24,"pl":"https://cdn.21st.dev/ravikatiyar162/welcome-modal/default/preview.1754223888024.png","pc":"ravikatiyar162","tg":["announcement","checkbox","modal","onboarding"],"sb":"Onboarding"},{"id":"21st:ravikatiyar162__workflow-builder-card","t":"Workflow builder card","d":"Workflow Builder Card\nA responsive and theme-adaptive card component designed to showcase AI workflows. It features a subtle hover animation that elegantly reveals additional detai","s":"21st","c":"layout/dashboard","a":"ravikatiyar162","u":85,"pl":"https://cdn.21st.dev/ravikatiyar162/workflow-builder-card/default/preview.1760509934630.png","pc":"ravikatiyar162","tg":["card"]},{"id":"21st:ravikatiyar162__workout-card","t":"Workout card","d":"Workout Card\nDescription: A container component to display a \"Workout of the Day\" session, complete with a title, duration, and an animated list of exercises.","s":"21st","c":"data-display/card","a":"ravikatiyar162","u":20,"pl":"https://cdn.21st.dev/ravikatiyar162/workout-card/default/preview.1758957879413.png","pc":"ravikatiyar162","tg":["list"]},{"id":"21st:ravikatiyar162__workout-summary-card","t":"Workout summary card","s":"21st","c":"data-display/card","a":"ravikatiyar162","pl":"https://cdn.21st.dev/ravikatiyar162/workout-summary-card/default/preview.1759043779580.png","pc":"ravikatiyar162","tg":["stat"],"sb":"Metric"},{"id":"21st:ravikatiyar__folder","t":"Folder","d":"An interactive folder animation that responds to hover, making file browsing visually engaging. Perfect for dashboards, file managers, and modern UI systems.","k":"layout","s":"21st","c":"layout/dashboard","a":"ravikatiyar","pl":"https://cdn.21st.dev/ravikatiyar162/folder/default/preview.1755846786428.png","pc":"ravikatiyar"},{"id":"21st:ravirshah0612__how-it-works-card","t":"How it works card","s":"21st","c":"data-display/card","a":"ravirshah0612","pl":"https://cdn.21st.dev/ravirshah0612/how-it-works-card/default/preview.1769379581331.png","pc":"ravirshah0612"},{"id":"21st:rayimanoj8__whatsapp-sidebar","t":"Whatsapp sidebar","d":"this is a replica of whatsapp desktops's sidebar","s":"21st","c":"navigation/sidebar","a":"rayimanoj8","u":103,"pl":"https://cdn.21st.dev/user_2tGqCCR3512kD1my3QHlP4CK6Lk/whatsapp-sidebar/default/preview.1740496437563.png","pc":"rayimanoj8","tg":["sidebar"]},{"id":"21st:rbzdev__dialog-modal-drawer","t":"Dialog modal drawer","d":"Dialog Modal with Cool animation, can be used as Modal, Dialog or Drawer, support Variants","s":"21st","c":"overlays/sheet","a":"rbzdev","pl":"https://cdn.21st.dev/rbzdev/dialog-modal-drawer/default/preview.1773409071362.png","pc":"rbzdev"},{"id":"21st:rcrebo__grey-outline-hover-btn","t":"Grey outline hover btn","d":"Hover over button to show right arrow","s":"21st","c":"actions/button","a":"rcrebo","pl":"https://cdn.21st.dev/rcrebo/grey-outline-hover-btn/default/preview.1765317664951.png","pc":"rcrebo","sb":"Animated"},{"id":"21st:reach2saksham__aossie-logo","t":"Aossie logo","d":"Animated (flicker) ASCII art in the Characters style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections","k":"motion","s":"21st","c":"motion/ascii","a":"reach2saksham","pl":"https://cdn.21st.dev/reach2saksham/aossie-logo/default/preview.1785190845957-250cafd4-39eb-4a07-b5dc-67e99a58c99e.webp","pc":"reach2saksham","sb":"Characters"},{"id":"21st:reachwelch__just-playing","t":"Just playing","d":"Animated WebGL shader background in the Mesh drift style, generated by the 21st.dev Shader Builder. 4-color palette (#231A10, #A47148, #E3B587, #F9F1E7). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"reachwelch","pl":"https://cdn.21st.dev/reachwelch/just-playing/default/preview.1784267204345-d90c70e7-1b2d-4acf-b5ef-165f3f389de3.webp","pc":"reachwelch","sb":"Mesh drift"},{"id":"21st:reaviz__area-chart","t":"Area chart","d":"Here is Area chart small sized component","s":"21st","c":"data-viz/chart","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/area-chart/default/preview.1748010413029.png","pc":"reaviz","tg":["data-visualization","dashboard"],"sb":"Area"},{"id":"21st:reaviz__area-chart-1","t":"Area chart 1","d":"here is area chart small","s":"21st","c":"data-viz/chart","a":"reaviz","u":25,"pl":"https://cdn.21st.dev/larsen66/area-chart-1/default/preview.1748116161748.png","pc":"reaviz","tg":["card","data-visualization","dashboard"],"sb":"Area"},{"id":"21st:reaviz__area-chart-2","t":"Area chart 2","d":"Here is area chart multiple series medium size","s":"21st","c":"data-viz/chart","a":"reaviz","u":30,"pl":"https://cdn.21st.dev/larsen66/area-chart-2/default/preview.1748117547145.png","pc":"reaviz","tg":["dashboard"],"sb":"Area"},{"id":"21st:reaviz__area-chart-xs","t":"Area chart xs","d":"here is Area Chart Xsmall component","s":"21st","c":"data-viz/chart","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/area-chart-xs/default/preview.1748004195601.png","pc":"reaviz","tg":["data-visualization"],"sb":"Area"},{"id":"21st:reaviz__areachart-multiseries","t":"Areachart multiseries","d":"Here is areachart component of multiseries charts","s":"21st","c":"data-viz/chart","a":"reaviz","pl":"https://cdn.21st.dev/user_reaviz/areachart-multiseries/default/preview.1748456694232.png","pc":"reaviz","tg":["data-visualization"],"sb":"Area"},{"id":"21st:reaviz__bar-chart-medium","t":"Bar chart medium","d":"here is bar chart component medium size","s":"21st","c":"data-viz/chart","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/bar-chart-medium/default/preview.1748118969164.png","pc":"reaviz","tg":["card","data-visualization","dashboard"],"sb":"Bar"},{"id":"21st:reaviz__funnel-chart","t":"Funnel chart","d":"Here is funnel chart small","s":"21st","c":"data-viz/chart","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/funnel-chart/default/preview.1748120159093.png","pc":"reaviz","tg":["data-visualization","dashboard"],"sb":"Flow and funnel"},{"id":"21st:reaviz__funnel-chart-big","t":"Funnel chart big","d":"Here is funnel chart big sized","s":"21st","c":"data-viz/chart","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/funnel-chart-big/default/preview.1748120478045.png","pc":"reaviz","tg":["card","data-visualization","dashboard"],"sb":"Flow and funnel"},{"id":"21st:reaviz__funnel-chart-medium","t":"Funnel chart medium","d":"Here is Funnel Chart medium sized","s":"21st","c":"data-viz/chart","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/funnel-chart-medium/default/preview.1748120281258.png","pc":"reaviz","tg":["data-visualization","stat"],"sb":"Flow and funnel"},{"id":"21st:reaviz__heat-map","t":"Heat map","d":"Here is Heat Map small component","s":"21st","c":"data-viz/map","a":"reaviz","u":10,"pl":"https://cdn.21st.dev/larsen66/heat-map/default/preview.1748121157746.png","pc":"reaviz","tg":["data-visualization","grid"]},{"id":"21st:reaviz__heat-map-middle","t":"Heat map middle","d":"Here is heat map middle sized","s":"21st","c":"data-viz/map","a":"reaviz","u":15,"pl":"https://cdn.21st.dev/larsen66/heat-map-middle/default/preview.1748121411741.png","pc":"reaviz","tg":["card","data-visualization","dashboard","stat"]},{"id":"21st:reaviz__heat-map-xl","t":"Heat map xl","d":"Here is heat map xl sized","s":"21st","c":"data-viz/chart","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/heat-map-xl/default/preview.1748121478472.png","pc":"reaviz","tg":["data-visualization","dashboard"]},{"id":"21st:reaviz__hexagon-map","t":"Hexagon map","d":"Hexagon map large sized","s":"21st","c":"data-viz/map","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/hexagon-map/default/preview.1748122146071.png","pc":"reaviz","tg":["data-visualization"]},{"id":"21st:reaviz__horizontal-bar-medium","t":"Horizontal bar medium","d":"Here is horizontal bar chart medium size","s":"21st","c":"data-viz/chart","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/horizontal-bar-medium/default/preview.1748119138146.png","pc":"reaviz","tg":["card","data-visualization"],"sb":"Bar"},{"id":"21st:reaviz__incident-bar-chart","t":"Incident bar chart","d":"here is incident bar chart middle size","s":"21st","c":"data-viz/chart","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/incident-bar-chart/default/preview.1748015223901.png","pc":"reaviz","tg":["dashboard"],"sb":"Bar"},{"id":"21st:reaviz__incident-chart","t":"Incident chart","d":"here is incident component example","s":"21st","c":"data-viz/chart","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/incident-chart/default/preview.1748118600454.png","pc":"reaviz","tg":["data-visualization"],"sb":"Line and sparkline"},{"id":"21st:reaviz__incident-report","t":"Incident report","d":"Incident report bar","s":"21st","c":"data-viz/chart","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/incident-report/default/preview.1748014615942.png","pc":"reaviz","tg":["data-visualization","dashboard"]},{"id":"21st:reaviz__incident-report-1","t":"Incident report 1","d":"Incidenet Report ","s":"21st","c":"data-viz/chart","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/incident-report-1/default/preview.1748018232627.png","pc":"reaviz","tg":["card","data-visualization","dashboard"]},{"id":"21st:reaviz__incident-report-large","t":"Incident report large","d":"Here is incident report large component","k":"layout","s":"21st","c":"layout/dashboard","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/incident-report-large/default/preview.1748010101807.png","pc":"reaviz","tg":["dashboard"]},{"id":"21st:reaviz__incident-report-middle","t":"Incident report middle","d":"Here is a incident Report middle ","k":"layout","s":"21st","c":"layout/dashboard","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/incident-report-middle/default/preview.1748009733728.png","pc":"reaviz","tg":["dashboard"]},{"id":"21st:reaviz__interpolation-chart","t":"Interpolation chart","d":"Here is Interpolation Chart small","s":"21st","c":"data-viz/chart","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/interpolation-chart/default/preview.1748120820099.png","pc":"reaviz","tg":["data-visualization"]},{"id":"21st:reaviz__interpolation-chart-1","t":"Interpolation chart 1","d":"Here is Interpolatioon Chart medium","s":"21st","c":"data-viz/chart","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/interpolation-chart-1/default/preview.1748121085682.png","pc":"reaviz","tg":["dashboard"]},{"id":"21st:reaviz__interpolation-chart-middle","t":"Interpolation chart middle","d":"Here is Interpolation Chart BIG sized","s":"21st","c":"data-viz/chart","a":"reaviz","pl":"https://cdn.21st.dev/user_reaviz/interpolation-chart-middle/default/preview.1748458632195.png","pc":"reaviz","tg":["card","data-visualization","dashboard"]},{"id":"21st:reaviz__layered-chart-medium","t":"Layered chart medium","d":"Here is Layered Chart medium sized","s":"21st","c":"data-viz/chart","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/layered-chart-medium/default/preview.1748120691059.png","pc":"reaviz","tg":["data-visualization"]},{"id":"21st:reaviz__layered-chart-xl","t":"Layered chart xl","d":"Here is Layered Chart XL sized","s":"21st","c":"data-viz/chart","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/layered-chart-xl/default/preview.1748120737691.png","pc":"reaviz","tg":["data-visualization","dashboard"]},{"id":"21st:reaviz__layered-funnel-chart","t":"Layered funnel chart","d":"Here is Layered Funnel Chart small","s":"21st","c":"data-viz/chart","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/layered-funnel-chart/default/preview.1748120518404.png","pc":"reaviz","tg":["data-visualization","dashboard"],"sb":"Flow and funnel"},{"id":"21st:reaviz__multi-series-bar","t":"Multi series bar","d":"Here is multi series bar chart small size","s":"21st","c":"data-viz/chart","a":"reaviz","u":7,"pl":"https://cdn.21st.dev/larsen66/multi-series-bar/default/preview.1748119304323.png","pc":"reaviz","tg":["data-visualization"],"sb":"Bar"},{"id":"21st:reaviz__multi-series-bar-1","t":"Multi series bar 1","d":"Here is multi series bar chart medium size","s":"21st","c":"data-display/stat","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/multi-series-bar-1/default/preview.1748119391017.png","pc":"reaviz","tg":["data-visualization","stat"]},{"id":"21st:reaviz__stacked-bar","t":"Stacked bar","d":"here is stacked bar small component","s":"21st","c":"data-viz/chart","a":"reaviz","u":5,"pl":"https://cdn.21st.dev/larsen66/stacked-bar/default/preview.1748119575901.png","pc":"reaviz","tg":["data-visualization"],"sb":"Bar"},{"id":"21st:reaviz__stacked-bar-medium","t":"Stacked bar medium","d":"Here is stacked bar medium sice","s":"21st","c":"data-viz/chart","a":"reaviz","st":"rated","u":5,"pl":"https://cdn.21st.dev/larsen66/stacked-bar-medium/default/preview.1748119704163.png","pc":"reaviz","sc":19,"sb":"Bar"},{"id":"21st:reaviz__stacked-bar-xl","t":"Stacked bar xl","d":"Here is stacked bar xl sized component","s":"21st","c":"data-display/stat","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/stacked-bar-xl/default/preview.1748119771533.png","pc":"reaviz","tg":["dashboard","stat"]},{"id":"21st:reaviz__stacked-chart","t":"Stacked chart","d":"here is stacked chart component","s":"21st","c":"data-viz/chart","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/stacked-chart/default/preview.1748116752884.png","pc":"reaviz","tg":["data-visualization"]},{"id":"21st:reaviz__stacked-diverging-bar","t":"Stacked diverging bar","d":"here is Stacked diggering bar chart medium","s":"21st","c":"data-display/stat","a":"reaviz","u":4,"pl":"https://cdn.21st.dev/larsen66/stacked-diverging-bar/default/preview.1748120013809.png","pc":"reaviz","tg":["data-visualization","stat"]},{"id":"21st:reaviz__stacked-normalized-incident-chart","t":"Stacked normalized incident chart","d":"stacked normalized incident chart  component","s":"21st","c":"data-viz/chart","a":"reaviz","pl":"https://cdn.21st.dev/larsen66/stacked-normalized-incident-chart/default/preview.1748117812962.png","pc":"reaviz","tg":["data-visualization"]},{"id":"21st:redpangilinan__credenza","t":"Credenza","d":"Ready-made responsive modal component for shadcn/ui.\n\nDialog for desktop and Drawer for mobile","s":"21st","c":"overlays/dialog","a":"redpangilinan","u":52,"pl":"https://cdn.21st.dev/user_redpangilinan/credenza.png","pc":"redpangilinan","tg":["modal"]},{"id":"21st:reihanabta335__spider-man-bnd","t":"Spider man bnd","d":"Animated (flicker) ASCII art in the Lines style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, ","k":"motion","s":"21st","c":"motion/ascii","a":"reihanabta335","pl":"https://cdn.21st.dev/reihanabta335/spider-man-bnd/default/preview.1786362612444-15db73b3-3b90-4861-a1a6-e8d49396a4b2.webp","pc":"reihanabta335","sb":"Lines"},{"id":"21st:rekanesiads__carosel","t":"Carosel","d":"Carosel Carosel","s":"21st","c":"other","a":"rekanesiads","pl":"https://cdn.21st.dev/rekanesiads/carosel/default/preview.1749112298679.png","pc":"rekanesiads"},{"id":"21st:remcostoeten__cube-loader","t":"Cube loader","d":"An aesthetic cube loader that’s suitable for a loading.tsx. Performant, fully customizable with plenty of props, and accessible.","s":"21st","c":"status/loader","a":"remcostoeten","pl":"https://cdn.21st.dev/remcostoeten/cube-loader/default/preview.1759964828043.png","pc":"remcostoeten","sb":"Shapes and grids"},{"id":"21st:remcostoeten__heartbeat-loader","t":"Heartbeat loader","d":"A feature rich loader component. Various props such as full page which is handy for a loading.tsx, easing, color, size. Accessible and performant.","s":"21st","c":"status/loader","a":"remcostoeten","pl":"https://cdn.21st.dev/remcostoeten/heartbeat-loader/default/preview.1760203914525.png","pc":"remcostoeten","sb":"Spinners"},{"id":"21st:remcostoeten__interactive-empty-state","t":"Interactive empty state","d":"Beautiful and modular empty state components based of  https://21st.dev/serafimcloud/empty-state/default","s":"21st","c":"data-display/empty-state","a":"remcostoeten","u":207,"pl":"https://cdn.21st.dev/remcostoeten/interactive-empty-state/default/preview.1785208904939-62c68052-ce16-464e-8241-07d97d46b516.png","pc":"remcostoeten"},{"id":"21st:reshaped__perlin-noise","t":"Perlin noise","d":"Classic animated 3D Perlin noise with exposed controls for octaves, persistence, lacunarity and more.","k":"motion","s":"21st","c":"motion/background","a":"reshaped","pl":"https://cdn.21st.dev/reshaped/perlin-noise/default/preview.1785454892908-c5281bc9-092a-45d5-b918-2107ec185639.png","pc":"reshaped","sb":"Noise and texture"},{"id":"21st:reshaped__reshaped-alert","t":"Reshaped alert","d":"Prominent message related to the entire page or a specific area. Renders a title, an optional icon and a children slot; supports an actions slot, four status colors (critical, warn","s":"21st","c":"overlays/alert-banner","a":"reshaped","u":2,"pl":"https://cdn.21st.dev/larsen66/reshaped-alert/default/preview.1783343041487.png","pc":"reshaped","tg":["alert","link","notification"]},{"id":"21st:reshaped__reshaped-autocomplete","t":"Reshaped autocomplete","d":"Renders a TextField and a list of suggested values using Autocomplete.Item compound components. The list is shown when the user focuses the field and hidden once they select a valu","s":"21st","c":"inputs/combobox","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-autocomplete/default/preview.1783346257644.png","pc":"reshaped","tg":["dropdown","list"]},{"id":"21st:reshaped__reshaped-avatar","t":"Reshaped avatar","d":"Displays a masked image when src is passed, with initials or icon fallbacks when the image is not available. Supports color tokens with a faded variant, any numeric size with autom","s":"21st","c":"data-display/avatar","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-avatar/default/preview.1783346696619.png","pc":"reshaped","tg":["avatar","profile"]},{"id":"21st:reshaped__reshaped-badge","t":"Reshaped badge","d":"Renders its children as text content for communicating an object's status. Comes in multiple colors with faded and outline variants, three sizes, a rounded notification-bubble mode","s":"21st","c":"data-display/badge","a":"reshaped","u":2,"pl":"https://cdn.21st.dev/larsen66/reshaped-badge/default/preview.1783348874786.png","pc":"reshaped","tg":["badge","input","notification"],"sb":"Counts"},{"id":"21st:reshaped__reshaped-breadcrumbs","t":"Reshaped breadcrumbs","d":"Renders Breadcrumbs.Item elements separated by chevron icons; an item without onClick or href becomes the active current page. Supports primary color, per-item icons and disabled s","s":"21st","c":"navigation/breadcrumb","a":"reshaped","u":2,"pl":"https://cdn.21st.dev/larsen66/reshaped-breadcrumbs/default/preview.1783349391231.png","pc":"reshaped"},{"id":"21st:reshaped__reshaped-button","t":"Reshaped button","d":"Renders its children as button content and works with both href and onClick. Supports solid, outline, ghost and faded variants, neutral/primary/critical/positive colors, four sizes","s":"21st","c":"actions/button","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-button/default/preview.1783349865105.png","pc":"reshaped","tg":["button","spinner"]},{"id":"21st:reshaped__reshaped-calendar","t":"Reshaped calendar","d":"Functional without any properties by default, rendering the current month with single date selection and a month-selection view. Supports controlled and uncontrolled values, range ","s":"21st","c":"data-display/calendar","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-calendar/default/preview.1783366044738.png","pc":"reshaped","tg":["calendar","date-picker"]},{"id":"21st:reshaped__reshaped-card","t":"Reshaped card","d":"An empty container with basic styling applied, perfect for composing components. Works as an actionable element with href or onClick, supports a selected state for group selection,","s":"21st","c":"data-display/card","a":"reshaped","u":6,"pl":"https://cdn.21st.dev/larsen66/reshaped-card/default/preview.1783351654698.png","pc":"reshaped","tg":["checkbox"],"sb":"Metric"},{"id":"21st:reshaped__reshaped-carousel","t":"Reshaped carousel","d":"Displays its children as scrollable carousel items with a configurable number of visible items. Supports gap control aligned with your product grid, full-width bleed, onScroll/onCh","s":"21st","c":"media/carousel","a":"reshaped","u":6,"pl":"https://cdn.21st.dev/larsen66/reshaped-carousel/default/preview.1783352019908.png","pc":"reshaped","tg":["carousel","slider"]},{"id":"21st:reshaped__reshaped-checkbox","t":"Reshaped checkbox","d":"Works like a native checkbox with value and name passed to the form on submission. Comes in three sizes, supports error, disabled and indeterminate states, controlled and uncontrol","s":"21st","c":"inputs/checkbox","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-checkbox/default/preview.1783352523111.png","pc":"reshaped","tg":["checkbox"]},{"id":"21st:reshaped__reshaped-context-menu","t":"Reshaped context menu","d":"Root wrapper whose children receive a right-click handler to open an overlaying menu. Exposes compound components for menu items, item sections and nested sub-menus with automatic ","s":"21st","c":"overlays/context-menu","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-context-menu/default/preview.1783352862330.png","pc":"reshaped","tg":["menu"]},{"id":"21st:reshaped__reshaped-divider","t":"Reshaped divider","d":"Separates content horizontally or vertically with the vertical flag. Integrates with the View utility's divided property, supports a neutral color to match form field borders, text","k":"motion","s":"21st","c":"motion/border","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-divider/default/preview.1783428921249.png","pc":"reshaped","tg":["border","list","tabs"]},{"id":"21st:reshaped__reshaped-dropdown-menu","t":"Reshaped dropdown menu","d":"Compound components for any menu composition: a Trigger that passes required attributes to your component, an overlaying Content with menu items based on MenuItem, item Sections, a","s":"21st","c":"navigation/menu","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-dropdown-menu/default/preview.1783429245829.png","pc":"reshaped","tg":["dropdown","menu","popover"],"sb":"Dropdowns"},{"id":"21st:reshaped__reshaped-file-upload","t":"Reshaped file upload","d":"Renders an area for uploading files with a native HTML file input, handling click and drag events with an onChange handler for the uploaded file data. Supports a separate Trigger e","s":"21st","c":"inputs/file-upload","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-file-upload/default/preview.1783429597917.png","pc":"reshaped","tg":["upload-download"]},{"id":"21st:reshaped__reshaped-link","t":"Reshaped link","d":"Navigation link for use within text that respects line breaks and text flow. Works with both href and onClick (rendering an anchor or button tag), offers underline and plain varian","s":"21st","c":"actions/link","a":"reshaped","u":6,"pl":"https://cdn.21st.dev/larsen66/reshaped-link/default/preview.1783429952872.png","pc":"reshaped","tg":["link","navigation-menu"]},{"id":"21st:reshaped__reshaped-loader","t":"Reshaped loader","d":"Spinner used as part of other components to enable a loading state or as a standalone element. Comes in small, medium and large sizes with responsive syntax support, primary color ","s":"21st","c":"status/loader","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-loader/default/preview.1783430253065.png","pc":"reshaped","tg":["spinner"],"sb":"Spinners"},{"id":"21st:reshaped__reshaped-menu-item","t":"Reshaped menu item","d":"Building block for menus and navigation that renders its main area from children and works with both href and onClick. Supports critical and neutral colors, selected and disabled s","s":"21st","c":"navigation/menu","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-menu-item/default/preview.1783431172571.png","pc":"reshaped","tg":["list","menu","navigation-menu","sidebar"]},{"id":"21st:reshaped__reshaped-modal","t":"Reshaped modal","d":"Controlled overlay dialog with an active flag and onClose handler that locks page scroll while open. Supports center, bottom, start, end and full-screen positions with matching sli","s":"21st","c":"overlays/dialog","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-modal/default/preview.1783438468596.png","pc":"reshaped","tg":["modal"]},{"id":"21st:reshaped__reshaped-number-field","t":"Reshaped number field","d":"Numeric input with increase/decrease controls and keyboard arrow support, based on TextField so it inherits its variants and sizes. Works in controlled and uncontrolled modes, supp","s":"21st","c":"inputs/number-input","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-number-field/default/preview.1783431936465.png","pc":"reshaped","tg":["input"]},{"id":"21st:reshaped__reshaped-pagination","t":"Reshaped pagination","d":"Renders the full range of pages from the total count, automatically truncating the display around the currently selected page. Requires aria-labels for the previous/next controls, ","s":"21st","c":"navigation/pagination","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-pagination/default/preview.1783433226799.png","pc":"reshaped","tg":["navigation-menu","pagination"]},{"id":"21st:reshaped__reshaped-pin-field","t":"Reshaped pin field","d":"One-time-code input rendering separate character cells backed by a single native input with caret syncing. Supports controlled and uncontrolled values, configurable length, numeric","s":"21st","c":"inputs/form-field","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-pin-field/default/preview.1783434048832.png","pc":"reshaped"},{"id":"21st:reshaped__reshaped-popover","t":"Reshaped popover","d":"Overlay attached to any interactive trigger element via passed attributes, opening on click or hover. Automatically repositions within the viewport with controllable fallback posit","s":"21st","c":"overlays/popover","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-popover/default/preview.1783440144139.png","pc":"reshaped","tg":["popover","tooltip"]},{"id":"21st:reshaped__reshaped-progress-bar","t":"Reshaped progress bar","d":"Progress bar controlled by a value within a 0-100 range by default, with custom min/max boundaries. Comes in medium and small sizes, primary/critical/warning/positive colors plus a","s":"21st","c":"data-viz/progress-bar","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-progress-bar/default/preview.1783440560086.png","pc":"reshaped","tg":["progress"]},{"id":"21st:reshaped__reshaped-progress-indicator","t":"Reshaped progress indicator","d":"Dot-based step indicator that takes a total amount of steps and the current activeIndex as a controlled component. Pairs with Carousel and Pagination for syncing scroll or navigati","s":"21st","c":"data-viz/progress-bar","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-progress-indicator/default/preview.1783440823858.png","pc":"reshaped","tg":["carousel","steps"]},{"id":"21st:reshaped__reshaped-radio","t":"Reshaped radio","d":"Works like a native radio button with value passed to the form on submission, in controlled or uncontrolled mode. Comes in three sizes, supports error and disabled states, and a Ra","s":"21st","c":"inputs/radio","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-radio/default/preview.1783441236441.png","pc":"reshaped","tg":["radio-group"]},{"id":"21st:reshaped__reshaped-select","t":"Reshaped select","d":"Form select rendering Select.Option components over a native select element, in controlled or uncontrolled mode. Supports a start content slot, consistent field icons, four sizes a","s":"21st","c":"inputs/select","a":"reshaped","u":6,"pl":"https://cdn.21st.dev/larsen66/reshaped-select/default/preview.1783441696937.png","pc":"reshaped","tg":["dropdown","select"]},{"id":"21st:reshaped__reshaped-slider","t":"Reshaped slider","d":"Form slider with onChange and onChangeCommit handlers, a default 0-100 range customizable with min/max and step snapping. Supports controlled and uncontrolled modes, a two-thumb ra","s":"21st","c":"inputs/slider","a":"reshaped","u":2,"pl":"https://cdn.21st.dev/larsen66/reshaped-slider/default/preview.1783519940989.png","pc":"reshaped","tg":["slider"]},{"id":"21st:reshaped__reshaped-switch","t":"Reshaped switch","d":"Toggle form field that takes a name and an optional children label, with an onChange handler. Supports a reversed label position, three sizes, controlled and uncontrolled modes via","s":"21st","c":"actions/switch","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-switch/default/preview.1783520818311.png","pc":"reshaped","tg":["form","toggle"],"sb":"With labels"},{"id":"21st:reshaped__reshaped-table","t":"Reshaped table","d":"Collection of compound components (Table.Row, Table.Cell, Table.Heading, Table.Head, Table.Body) for building tables from simple cells to headed layouts. Supports outer and column ","s":"21st","c":"data-display/table","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-table/default/preview.1783521745438.png","pc":"reshaped","tg":["border","checkbox","table"],"sb":"Transactions"},{"id":"21st:reshaped__reshaped-tabs","t":"Reshaped tabs","d":"Compound Tabs.List / Tabs.Item / Tabs.Panel component with matching ids, per-item icons and full composition control. Supports pills, pills-raised and borderless variants, row or c","s":"21st","c":"navigation/tabs","a":"reshaped","u":5,"pl":"https://cdn.21st.dev/larsen66/reshaped-tabs/default/preview.1783522769856.png","pc":"reshaped","tg":["list","tabs"]},{"id":"21st:reshaped__reshaped-text-area","t":"Reshaped text area","d":"Multiline text input taking a name and optional onChange, in controlled or uncontrolled mode. Comes in three sizes aligned with other inputs, faded and headless variants, error and","s":"21st","c":"inputs/textarea","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-text-area/default/preview.1783527783090.png","pc":"reshaped","tg":["textarea"]},{"id":"21st:reshaped__reshaped-text-field","t":"Reshaped text field","d":"Single-line text input taking a name and optional onChange, in controlled or uncontrolled mode. Supports prefix/suffix affixes, start/end slots for badges and inline actions, multi","s":"21st","c":"assets/icon","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-text-field/default/preview.1783529284589.png","pc":"reshaped","tg":["icon"]},{"id":"21st:reshaped__reshaped-toast","t":"Reshaped toast","d":"Notification system driven by the useToast hook (show/hide) and ToastProvider for scoped render regions. Toasts support an icon, title, text and 1-2 actions, five colors (inverted ","s":"21st","c":"overlays/toast","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-toast/default/preview.1783530330503.png","pc":"reshaped","tg":["alert","hook","notification","toast"]},{"id":"21st:reshaped__reshaped-toggle-button","t":"Reshaped toggle button","d":"Button that maintains a pressed/selected state, built on top of Button and defaulting to the outline variant. Inherits Button props (color, size, icons), supports a distinct select","s":"21st","c":"actions/button","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-toggle-button/default/preview.1783530674253.png","pc":"reshaped","tg":["button"]},{"id":"21st:reshaped__reshaped-toggle-button-group","t":"Reshaped toggle button group","d":"Groups ToggleButton children with value props and manages their selection state, built on Button.Group. Supports single or multiple selection via selectionMode, controlled and unco","s":"21st","c":"actions/switch","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-toggle-button-group/default/preview.1783531004078.png","pc":"reshaped","tg":["toggle"]},{"id":"21st:reshaped__reshaped-tooltip","t":"Reshaped tooltip","d":"Tooltip attached to any interactive element by passing its attributes to the trigger. Shows on hover with automatic viewport-aware repositioning, supports a configurable position, ","s":"21st","c":"overlays/tooltip","a":"reshaped","pl":"https://cdn.21st.dev/larsen66/reshaped-tooltip/default/preview.1783531298924.png","pc":"reshaped","tg":["tooltip"]},{"id":"21st:reuelaraujo7__blerry-app","t":"Blerry app","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 2-color palette (#DD561D, #5800E6). Features: soft blur finish, film grain. A drop-in","k":"motion","s":"21st","c":"motion/gradient","a":"reuelaraujo7","pl":"https://cdn.21st.dev/reuelaraujo7/blerry-app/default/preview.1786472746129-057472cb-a95e-4dee-b2a4-2aa78efc415a.webp","pc":"reuelaraujo7","sb":"Silk Blend"},{"id":"21st:reuelaraujo7__menu","t":"Menu","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#F8B500, #EF7D01, #C8592B, #824880). Features: film grain. A drop-in","k":"motion","s":"21st","c":"motion/gradient","a":"reuelaraujo7","pl":"https://cdn.21st.dev/reuelaraujo7/menu/default/preview.1786470946388-969fbdd4-51ac-4087-b864-23b7faf8bf59.webp","pc":"reuelaraujo7","sb":"Silk Blend"},{"id":"21st:reuelaraujo7__pedidosmenu-com","t":"Pedidosmenu com","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 2-color palette (#DD561D, #5800E6). Features: soft blur finish, film grain. A drop-in","k":"motion","s":"21st","c":"motion/gradient","a":"reuelaraujo7","pl":"https://cdn.21st.dev/reuelaraujo7/pedidosmenu-com/default/preview.1786470955789-5961be38-13ad-47f2-bd5c-20c90b4206ab.webp","pc":"reuelaraujo7","sb":"Silk Blend"},{"id":"21st:reuno-ui__ai-input","t":"Ai input","d":"Here is Ai Input component","s":"21st","c":"ai-agent/ai-agent","a":"reuno-ui","pl":"https://cdn.21st.dev/larsen66/ai-input/default/preview.1750555405871.png","pc":"reuno-ui","tg":["textarea"]},{"id":"21st:reuno-ui__animated-number","t":"Animated number","d":"Here is Animated Number component","k":"motion","s":"21st","c":"motion/number-ticker","a":"reuno-ui","pl":"https://cdn.21st.dev/larsen66/animated-number/default/preview.1757657074835.png","pc":"reuno-ui","tg":["number"]},{"id":"21st:reuno-ui__apple-play-button","t":"Apple play button","d":"Here is Apple play button component","s":"21st","c":"actions/button","a":"reuno-ui","pl":"https://cdn.21st.dev/larsen66/apple-play-button/default/preview.1757680501214.png","pc":"reuno-ui","sb":"Social and sign-in"},{"id":"21st:reuno-ui__background-paper-shaders","t":"Background paper shaders","d":"Background Paper Shade with grey shaders","k":"motion","s":"21st","c":"motion/background","a":"reuno-ui","u":1939,"pl":"https://cdn.21st.dev/reuno-ui/background-paper-shaders/default/preview.1785304097969-b0bbd7f1-b225-43bc-ba0c-57fdc6ab3b6e.png","pc":"reuno-ui","sb":"Shaders and WebGL"},{"id":"21st:reuno-ui__background-plus","t":"Background plus","d":"bg background ","k":"motion","s":"21st","c":"motion/background","a":"reuno-ui","u":105,"pl":"https://cdn.21st.dev/muhammadnadeemmn9485134/background-plus/default/preview.1755158194788.png","pc":"reuno-ui","tg":["grid"],"sb":"Grids and patterns"},{"id":"21st:reuno-ui__bg-gredient","t":"Bg gredient","d":"BG GREDIENT  FOR HEROS OR COMPONENTS ","k":"motion","s":"21st","c":"motion/background","a":"reuno-ui","u":100,"pl":"https://cdn.21st.dev/muhammadnadeemmn9485134/bg-gredient/default/preview.1751115590945.png","pc":"reuno-ui","tg":["background","hero"]},{"id":"21st:reuno-ui__blue-meshy-background","t":"Blue meshy background","d":"bg for components meshy blue gredient with darker effect ","k":"motion","s":"21st","c":"motion/background","a":"reuno-ui","u":48,"pl":"https://cdn.21st.dev/muhammadnadeemmn9485134/blue-meshy-background/default/preview.1755121827319.png","pc":"reuno-ui","tg":["background","cta"],"sb":"Gradients and aurora"},{"id":"21st:reuno-ui__card-carousel","t":"Card carousel","d":"Here is Card Carousel component","s":"21st","c":"media/carousel","a":"reuno-ui","u":185,"pl":"https://cdn.21st.dev/larsen66/card-carousel/default/preview.1750556453169.png","pc":"reuno-ui","tg":["carousel"]},{"id":"21st:reuno-ui__count-down-numbers","t":"Count down numbers","d":"Here is CountDown Numbers component","s":"21st","c":"motion/number-ticker","a":"reuno-ui","u":26,"pl":"https://cdn.21st.dev/larsen66/count-down-numbers/default/preview.1753313477287.png","pc":"reuno-ui","tg":["number"]},{"id":"21st:reuno-ui__countdown-number","t":"Countdown number","d":"Here is Countdown Number component","s":"21st","c":"motion/number-ticker","a":"reuno-ui","pl":"https://cdn.21st.dev/larsen66/countdown-number/default/preview.1753313286817.png","pc":"reuno-ui","tg":["badge","number"]},{"id":"21st:reuno-ui__crypto-dashboard","t":"Crypto dashboard","d":"Crypto dashboard with real time price update using a coincecko api with time and new card design ","k":"layout","s":"21st","c":"layout/dashboard","a":"reuno-ui","u":35,"pl":"https://cdn.21st.dev/muhammadnadeemmn9485134/crypto-dashboard/default/preview.1755261944926.png","pc":"reuno-ui","tg":["data-visualization","dashboard"]},{"id":"21st:reuno-ui__css-link","t":"Css link","d":"Here is Css Link","s":"21st","c":"actions/link","a":"reuno-ui","u":43,"pl":"https://cdn.21st.dev/larsen66/css-link/default/preview.1757680882722.png","pc":"reuno-ui","tg":["link"]},{"id":"21st:reuno-ui__expanded-tabs","t":"Expanded tabs","d":"Here is Expanded Tabs component ","s":"21st","c":"navigation/tabs","a":"reuno-ui","st":"rated","pl":"https://cdn.21st.dev/larsen66/expanded-tabs/default/preview.1750555669249.png","pc":"reuno-ui","tg":["tabs"],"sc":21},{"id":"21st:reuno-ui__hero","t":"Hero","d":"sleek Hero section with background paper shaders ","k":"section","s":"21st","c":"marketing/hero","a":"reuno-ui","u":726,"pl":"https://cdn.21st.dev/muhammadnadeemmn9485134/hero/default/preview.1774361928502.png","pc":"reuno-ui","tg":["cta","hero"]},{"id":"21st:reuno-ui__hero-section","t":"Hero section","d":"Hero component with sleek animation ","k":"section","s":"21st","c":"marketing/hero","a":"reuno-ui","u":303,"pl":"https://cdn.21st.dev/muhammadnadeemmn9485134/hero-section/default/preview.1752650669301.png","pc":"reuno-ui","tg":["hero"]},{"id":"21st:reuno-ui__joblisting-component","t":"Joblisting component","d":"sleek animation job lisiting model type component ","s":"21st","c":"data-display/list","a":"reuno-ui","pl":"https://cdn.21st.dev/muhammadnadeemmn9485134/joblisting-component/default/preview.1755519611654.png","pc":"reuno-ui","tg":["list"]},{"id":"21st:reuno-ui__loop-animation-hook","t":"Loop animation hook","d":"Here is Loop animation hook","k":"lib","s":"21st","c":"lib/hook","a":"reuno-ui","pl":"https://cdn.21st.dev/larsen66/loop-animation-hook/default/preview.1757693432244.png","pc":"reuno-ui","tg":["hook"]},{"id":"21st:reuno-ui__mouse-follow-animations","t":"Mouse follow animations","d":"Here is mouse follow animations","k":"motion","s":"21st","c":"motion/cursor","a":"reuno-ui","u":20,"pl":"https://cdn.21st.dev/larsen66/mouse-follow-animations/default/preview.1757684922574.png","pc":"reuno-ui","tg":["cursor"]},{"id":"21st:reuno-ui__music-toggle-btn","t":"Music toggle btn","d":"Here is Music Toggle btn","s":"21st","c":"actions/button","a":"reuno-ui","pl":"https://cdn.21st.dev/larsen66/music-toggle-btn/default/preview.1757681464201.png","pc":"reuno-ui"},{"id":"21st:reuno-ui__pagination","t":"Pagination","d":"Here is Pagination component\n","s":"21st","c":"navigation/pagination","a":"reuno-ui","u":17,"pl":"https://cdn.21st.dev/larsen66/pagination/default/preview.1757778432008.png","pc":"reuno-ui","tg":["navigation-menu","pagination"]},{"id":"21st:reuno-ui__pearl-button","t":"Pearl button","d":"Pearl button with hover effect ","s":"21st","c":"actions/button","a":"reuno-ui","pl":"https://cdn.21st.dev/muhammadnadeemmn9485134/pearl-button/default/preview.1755813542736.png","pc":"reuno-ui","tg":["button"]},{"id":"21st:reuno-ui__popover-form","t":"Popover form","d":"Here is Popover Form component","s":"21st","c":"overlays/popover","a":"reuno-ui","pl":"https://cdn.21st.dev/larsen66/popover-form/default/preview.1750556701960.png","pc":"reuno-ui"},{"id":"21st:reuno-ui__progressive-blur","t":"Progressive blur","d":"Here is Progressive Blur","s":"21st","c":"layout/scroll-area","a":"reuno-ui","u":96,"pl":"https://cdn.21st.dev/larsen66/progressive-blur/default/preview.1757693080767.png","pc":"reuno-ui","tg":["scroll-area"]},{"id":"21st:reuno-ui__shader-svg","t":"Shader svg","d":"Shader svg example on snapchat logo","s":"21st","c":"motion/background","a":"reuno-ui","u":55,"pl":"https://cdn.21st.dev/muhammadnadeemmn9485134/shader-svg/default/preview.1756045117930.png","pc":"reuno-ui","sb":"Shaders and WebGL"},{"id":"21st:reuno-ui__share-button","t":"Share button","d":"Here is Share Button component","s":"21st","c":"actions/button","a":"reuno-ui","pl":"https://cdn.21st.dev/larsen66/share-button/default/preview.1750557033504.png","pc":"reuno-ui","sb":"Copy, share and like"},{"id":"21st:reuno-ui__shuffle-number","t":"Shuffle number","d":"Here is Shuffle Number  component","s":"21st","c":"motion/number-ticker","a":"reuno-ui","pl":"https://cdn.21st.dev/larsen66/shuffle-number/default/preview.1753313044954.png","pc":"reuno-ui","tg":["number","stat"]},{"id":"21st:reuno-ui__slide-button","t":"Slide button","d":"Here is Slide Button component","s":"21st","c":"actions/button","a":"reuno-ui","u":164,"pl":"https://cdn.21st.dev/larsen66/slide-button/default/preview.1750556888612.png","pc":"reuno-ui"},{"id":"21st:reuno-ui__special-card","t":"Special card","d":"Here is Special Card component","s":"21st","c":"data-display/card","a":"reuno-ui","pl":"https://cdn.21st.dev/larsen66/special-card/default/preview.1750555959582.png","pc":"reuno-ui","tg":["features","gallery"],"sb":"Feature"},{"id":"21st:reuno-ui__stacked-dialog","t":"Stacked dialog","d":"Here is Stacked Dialog component","s":"21st","c":"overlays/dialog","a":"reuno-ui","st":"rated","u":45,"pl":"https://cdn.21st.dev/larsen66/stacked-dialog/default/preview.1750556415134.png","pc":"reuno-ui","tg":["modal","steps"],"sc":20,"sb":"Onboarding"},{"id":"21st:reuno-ui__svg-clip-path-mask","t":"Svg clip path mask","d":"Hereis SVG Clip Path Mask","s":"21st","c":"other","a":"reuno-ui","pl":"https://cdn.21st.dev/larsen66/svg-clip-path-mask/default/preview.1757694715280.png","pc":"reuno-ui"},{"id":"21st:reuno-ui__svg-follow-scroll","t":"Svg follow scroll","d":"Here is svg follow scroll","k":"layout","s":"21st","c":"layout/scroll-area","a":"reuno-ui","u":174,"pl":"https://cdn.21st.dev/larsen66/svg-follow-scroll/default/preview.1757692770066.png","pc":"reuno-ui","tg":["scroll-area"]},{"id":"21st:reuno-ui__tabs-2","t":"Tabs 2","d":"Here is Tabs component","s":"21st","c":"navigation/tabs","a":"reuno-ui","pl":"https://cdn.21st.dev/larsen66/tabs-2/default/preview.1757778051068.png","pc":"reuno-ui","tg":["radio-group","tabs"]},{"id":"21st:reuno-ui__text-roll-navigation","t":"Text roll navigation","d":"Here is Text roll navigation","k":"motion","s":"21st","c":"motion/text-effect","a":"reuno-ui","u":29,"pl":"https://cdn.21st.dev/larsen66/text-roll-navigation/default/preview.1757682938711.png","pc":"reuno-ui","tg":["list","navigation-menu"]},{"id":"21st:reuno-ui__text-scroll-animation","t":"Text scroll animation","d":"Here is text scroll animation","k":"layout","s":"21st","c":"layout/scroll-area","a":"reuno-ui","u":106,"pl":"https://cdn.21st.dev/larsen66/text-scroll-animation/default/preview.1757690897848.png","pc":"reuno-ui"},{"id":"21st:reuno-ui__theme-toggle-buttons","t":"Theme toggle buttons","d":"Here is Theme toggle buttons","s":"21st","c":"actions/button","a":"reuno-ui","pl":"https://cdn.21st.dev/reuno-ui/theme-toggle-buttons/default/preview.1785470134267-a1c8c0a9-937c-471a-b17e-9566bcf98a57.png","pc":"reuno-ui"},{"id":"21st:rf-rifat__features","t":"Features","d":"A Features section with animated card section","k":"section","s":"21st","c":"marketing/features","a":"rf-rifat","pl":"https://cdn.21st.dev/rf-rifat/features/default/preview.1751888088636.png","pc":"rf-rifat"},{"id":"21st:rf-rifat__hero-section","t":"Hero section","d":"This hero section has modern and engaging with smooth, sophisticated animations","k":"section","s":"21st","c":"marketing/hero","a":"rf-rifat","pl":"https://cdn.21st.dev/rf-rifat/hero-section/default/preview.1751886613514.png","pc":"rf-rifat"},{"id":"21st:rf-rifat__use-cases-section","t":"Use cases section","d":"A modern, animated AI Use Case Explorer section built with React, Framer Motion, and Lucide Icons. Dynamic tab-based navigation with animated cards for use cases (e.g., Healthcare,","s":"21st","c":"navigation/top-nav","a":"rf-rifat","pl":"https://cdn.21st.dev/rf-rifat/use-cases-section/default/preview.1751889102678.png","pc":"rf-rifat","sb":"Mega menus"},{"id":"21st:ricaelmenezes3__portfolio","t":"Portfolio","d":"Animated WebGL shader background in the Smoke style, generated by the 21st.dev Shader Builder. 4-color palette (#03120E, #0E7C5A, #7CE577, #F4FFC7). A drop-in, zero-dependency Reac","k":"motion","s":"21st","c":"motion/shader","a":"ricaelmenezes3","u":4,"pl":"https://cdn.21st.dev/ricaelmenezes3/portfolio/default/preview.1784402187758-329cd6e6-f09a-4e77-89c3-95db9acc86e3.webp","pc":"ricaelmenezes3","sb":"Smoke"},{"id":"21st:ridemountainpig__flightcn-flight-airport","t":"Flightcn flight airport","d":"Renders a single airport marker with optional labels, custom marker UI, and click callbacks.","s":"21st","c":"data-viz/map","a":"ridemountainpig","u":16,"pl":"https://cdn.21st.dev/reapollo/flightcn-flight-airport/default/preview.1780350519948.png","pc":"ridemountainpig","tg":["map"]},{"id":"21st:ridemountainpig__flightcn-flight-multi-route","t":"Flightcn flight multi route","d":"Renders connecting multi-leg routes from ordered waypoints, ideal for itinerary visualization.","s":"21st","c":"data-viz/map","a":"ridemountainpig","pl":"https://cdn.21st.dev/ridemountainpig/flightcn-flight-multi-route/default/preview.1785534736757-94f6cceb-2ee2-437a-9d44-6a576f40cbda.png","pc":"ridemountainpig"},{"id":"21st:ridemountainpig__flightcn-flight-routes","t":"Flightcn flight routes","d":"Renders multiple routes in batch with shared defaults and per-route overrides.","s":"21st","c":"data-viz/map","a":"ridemountainpig","pl":"https://cdn.21st.dev/ridemountainpig/flightcn-flight-routes/default/preview.1785533864121-b2f9077c-7aeb-40af-a9e5-f2646a526bb7.png","pc":"ridemountainpig"},{"id":"21st:ridemountainpig__flightcn-satellite-orbit","t":"Flightcn satellite orbit","d":"Renders a globe-based orbital path with an elevated satellite marker, ground track, and optional animated motion for space or telecom visualizations.","k":"motion","s":"21st","c":"motion/globe","a":"ridemountainpig","pl":"https://cdn.21st.dev/ridemountainpig/flightcn-satellite-orbit/default/preview.1785544423051-f5c29038-0807-433b-8812-ff437e078590.png","pc":"ridemountainpig"},{"id":"21st:ringlabs__animated-check-box","t":"Animated check box","d":"Animated CheckBox","s":"21st","c":"inputs/checkbox","a":"ringlabs","u":52,"pl":"https://cdn.21st.dev/ringlabs/animated-check-box/default/preview.1747471846216.png","pc":"ringlabs","tg":["checkbox"]},{"id":"21st:ringlabs__glowing-button","t":"Glowing button","d":"Glowing Button","s":"21st","c":"actions/button","a":"ringlabs","pl":"https://cdn.21st.dev/user_2wSSd03cGcvnllzmXFkxJJb8FTN/glowing-button/glow-button/preview.png","pc":"ringlabs","sb":"Animated"},{"id":"21st:ringlabs__interactive-animated-arrow-icon","t":"Interactive animated arrow icon","d":"Interactive Animated Arrow Icon\n","s":"21st","c":"assets/icon","a":"ringlabs","u":20,"pl":"https://cdn.21st.dev/ringlabs/interactive-animated-arrow-icon/default/preview.1747573931984.png","pc":"ringlabs","sb":"Animated"},{"id":"21st:ringlabs__pastel-hero-header","t":"Pastel hero header","d":"Pastel Hero Header","s":"21st","c":"navigation/top-nav","a":"ringlabs","pl":"https://cdn.21st.dev/ringlabs/pastel-hero-header/default/preview.1747662952895.png","pc":"ringlabs"},{"id":"21st:ringozzt__qq-buttons","t":"Qq buttons","d":"a button for qq","s":"21st","c":"actions/button","a":"ringozzt","pl":"https://cdn.21st.dev/ringozzt/qq-buttons/default/preview.1754550308788.png","pc":"ringozzt"},{"id":"21st:rizwanasghar1997__navbar","t":"Navbar","d":"A modern style animated navbar with full fledge mega menu and a flare moving on border of the navbar","s":"21st","c":"navigation/top-nav","a":"rizwanasghar1997","pl":"https://cdn.21st.dev/rizwanasghar1997/navbar/default/preview.1786096625476-5e9b5f60-ec84-4cdf-9b54-701697097bd7.png","pc":"rizwanasghar1997","sb":"Mega menus"},{"id":"21st:rlzee__pricing","t":"Pricing","d":"A stylish and modern user section designed to compare two subscription plans for an email management service. Ideal for a SaaS pricing page, it features:\n\n-A responsive design in d","k":"section","s":"21st","c":"marketing/pricing","a":"rlzee","u":49,"pl":"https://cdn.21st.dev/user_2xC9dg7Ft8vciGp8PLVswJWVPhx/pricing/default/preview.1750814683163.png","pc":"rlzee","tg":["comparison","pricing-section"],"sb":"Comparison tables"},{"id":"21st:rmahammad__border-beam-panel","t":"Border beam panel","d":"A card with a light beam that travels its border — conic-gradient trace, configurable speed, colour and dwell.","s":"21st","c":"data-display/card","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/border-beam-panel/default/preview.1785414406380-d11b8b7a-6b82-457d-8656-bb826aba98ec.png","pc":"rmahammad","tg":["border"],"sb":"Animated and glowing"},{"id":"21st:rmahammad__compare-reveal","t":"Compare reveal","d":"A before/after comparison slider with a draggable handle, keyboard control and an intro sweep — double-click to snap back to centre.","k":"section","s":"21st","c":"marketing/comparison","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/compare-reveal/default/preview.1785417554651-02135953-1542-4731-8fd6-5ac08711e089.png","pc":"rmahammad","tg":["comparison","image","slider"]},{"id":"21st:rmahammad__copperplate-hatch","t":"Copperplate hatch","d":"Crosshatched ink strokes that accumulate tone around the pointer and thin to blank paper behind your headline — engraving, not gradients. Fixed plate palette by design, so it reads","k":"motion","s":"21st","c":"motion/cursor","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/copperplate-hatch/default/preview.1785417568298-3bb377fc-634d-4f71-a860-51ecc07cdb93.png","pc":"rmahammad"},{"id":"21st:rmahammad__decrypt-text","t":"Decrypt text","d":"Text that resolves out of scrambled glyphs, character by character, with jitter and a terminal variant — SSR-readable and reduced-motion safe.","k":"motion","s":"21st","c":"motion/text-effect","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/decrypt-text/default/preview.1785414411502-dad57a5e-0afb-4191-a4b2-5ef8c7b81e62.png","pc":"rmahammad","tg":["text"],"sb":"Scramble and glitch"},{"id":"21st:rmahammad__glass-refraction-panel","t":"Glass refraction panel","d":"A physically-inspired glass panel: edge refraction, chromatic dispersion and a moving specular highlight that tracks the pointer.","s":"21st","c":"data-display/card","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/glass-refraction-panel/default/preview.1785414408704-9605d19e-42dc-43e4-aefe-f0908d814917.png","pc":"rmahammad","sb":"Animated and glowing"},{"id":"21st:rmahammad__gooey-actions","t":"Gooey actions","d":"A floating action button whose children separate out of the trigger like liquid metal, using an SVG goo filter.","s":"21st","c":"actions/button","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/gooey-actions/default/preview.1785414558836-07d6617f-2a35-4ce6-8866-85baa111ad7c.png","pc":"rmahammad"},{"id":"21st:rmahammad__holo-card","t":"Holo card","d":"A holographic trading-card surface: pointer-driven 3D tilt with a spring, a rainbow foil sheet whose hue travels with the light, and a contact shadow that leans with the card.","s":"21st","c":"data-display/card","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/holo-card/default/preview.1785414327475-1741b7f0-58c9-46c2-b1d6-e3f1c6da3002.png","pc":"rmahammad"},{"id":"21st:rmahammad__lens-card","t":"Lens card","d":"A magnifying lens that follows the cursor across a live surface, with chromatic fringing and grid bend at the rim — then drifts on its own when you leave.","s":"21st","c":"media/gallery","a":"rmahammad","u":6,"pl":"https://cdn.21st.dev/rmahammad/lens-card/default/preview.1785417554634-6420ea02-d2dc-4d4e-bd1a-9f77580ad3f4.png","pc":"rmahammad","tg":["cursor"],"sb":"Zoom and lens"},{"id":"21st:rmahammad__luminous-topography","t":"Luminous topography","d":"An animated contour-map background — drifting topographic lines that brighten around the cursor. Canvas-free, pauses when offscreen.","k":"motion","s":"21st","c":"motion/background","a":"rmahammad","u":8,"pl":"https://cdn.21st.dev/rmahammad/luminous-topography/default/preview.1785414427410-6a3af5f4-ba4c-419a-bdee-dfb6e7d462b9.png","pc":"rmahammad","tg":["background","hero"],"sb":"Grids and patterns"},{"id":"21st:rmahammad__magnetic-dock","t":"Magnetic dock","d":"A macOS-style dock where icons swell and neighbours yield to the cursor on a real magnetic falloff — keyboard navigable, with tooltips and an idle wave.","s":"21st","c":"navigation/dock","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/magnetic-dock/default/preview.1785417551686-d52c1b03-630d-4d8a-acd1-5960de159634.png","pc":"rmahammad","tg":["dock","menu","navigation-menu"]},{"id":"21st:rmahammad__prompt-composer","t":"Prompt composer","d":"A production-grade prompt input: typed variable chips, attachment queue with upload states, template menu, model picker and a live token budget that warns before you overflow.","s":"21st","c":"ai-agent/composer","a":"rmahammad","st":"rated","pl":"https://cdn.21st.dev/rmahammad/prompt-composer/default/preview.1785417710535-e4907bd7-986b-41de-a638-8263bca6ee39.png","pc":"rmahammad","tg":["ai-chat","input","textarea"],"sc":23},{"id":"21st:rmahammad__riso-registration","t":"Riso registration","d":"Two halftone ink plates drifting in and out of alignment on independent cycles — risograph misregistration as an animated background, with a safe area that stays crisp. Fixed ink p","s":"21st","c":"flows/sign-in","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/riso-registration/default/preview.1785417554687-0548529e-31f6-4c9c-864e-d7ab4839887d.png","pc":"rmahammad","sb":"Sign up"},{"id":"21st:rmahammad__torch-reveal","t":"Torch reveal","d":"A cursor-tracked torch that wipes a hidden layer into view through a soft mask — hover to light up the surface underneath.","k":"motion","s":"21st","c":"motion/cursor","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/torch-reveal/default/preview.1785414408758-67862246-5719-469e-bb93-f626b461e53e.png","pc":"rmahammad","tg":["cursor"]},{"id":"21st:rogermenezes2021__myphoto","t":"Myphoto","d":"Animated (flicker) ASCII art in the Hex Dump style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, card","k":"motion","s":"21st","c":"motion/ascii","a":"rogermenezes2021","pl":"https://cdn.21st.dev/rogermenezes2021/myphoto/default/preview.1785225018865-e4b82a5c-7d3c-4d47-aeda-3b1fd49106c4.webp","pc":"rogermenezes2021","sb":"Hex Dump"},{"id":"21st:rorogogogo__agent-wave-loader","t":"Agent wave loader","d":"A loading indicator for AI agent work — a signal arcs across Claude Code, Codex, Gemini, DeepSeek and Kimi marks, lifting each as it passes. Respects prefers-reduced-motion.","s":"21st","c":"ai-agent/ai-agent","a":"rorogogogo","st":"rated","pl":"https://cdn.21st.dev/xwang.robert/agent-wave-loader/default/preview.1786189877272-695850ea-9f6b-431b-96f5-11f8a5de31a8.png","pc":"rorogogogo","tg":["ai-chat"],"sc":19,"sb":"Chat"},{"id":"21st:rrodriguezrr007__liminal-vincent-marcum","t":"Liminal vincent marcum","d":"Animated (flicker) ASCII art in the Mixed style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, ","k":"motion","s":"21st","c":"motion/ascii","a":"rrodriguezrr007","pl":"https://cdn.21st.dev/rrodriguezrr007/liminal-vincent-marcum/default/preview.1785288043644-f84fdbed-e284-4c0a-937c-ffaf1ee828bf.webp","pc":"rrodriguezrr007"},{"id":"21st:rudrodip__async-select","t":"Async select","s":"21st","c":"inputs/select","a":"rudrodip","pl":"https://cdn.21st.dev/user_rudrodip/async-select.png","pc":"rudrodip","tg":["search","select"]},{"id":"21st:ruhith369__aiwallet-card","t":"Aiwallet card","s":"21st","c":"data-display/card","a":"ruhith369","st":"rated","pl":"https://cdn.21st.dev/ruhith369/aiwallet-card/default/preview.1761988944977.png","pc":"ruhith369","sc":20,"sb":"Payment"},{"id":"21st:ruhith369__animated-box-loader","t":"Animated box loader","s":"21st","c":"status/loader","a":"ruhith369","pl":"https://cdn.21st.dev/ruhith369/animated-box-loader/default/preview.1760458226140.png","pc":"ruhith369","sb":"Shapes and grids"},{"id":"21st:ruhith369__bar-loader","t":"Bar loader","d":"The BarLoader is a sleek, animated loading component for React applications, designed to provide a visually engaging feedback during data fetching or processing. It features multip","s":"21st","c":"status/loader","a":"ruhith369","u":31,"pl":"https://cdn.21st.dev/ruhith369/bar-loader/default/preview.1760455577705.png","pc":"ruhith369","tg":["spinner"],"sb":"Bars"},{"id":"21st:ruhith369__bento-testimonials","t":"Bento testimonials","k":"section","s":"21st","c":"marketing/testimonials","a":"ruhith369","pl":"https://cdn.21st.dev/ruhith369/bento-testimonials/default/preview.1761991436013.png","pc":"ruhith369"},{"id":"21st:ruhith369__block-loader","t":"Block loader","s":"21st","c":"status/loader","a":"ruhith369","pl":"https://cdn.21st.dev/ruhith369/block-loader/default/preview.1785370231108-457ae71c-3562-43c8-9964-00445dd3d1b7.png","pc":"ruhith369","sb":"Shapes and grids"},{"id":"21st:ruhith369__bouncing-circles-loader","t":"Bouncing circles loader","s":"21st","c":"status/loader","a":"ruhith369","pl":"https://cdn.21st.dev/ruhith369/bouncing-circles-loader/default/preview.1760460476081.png","pc":"ruhith369","sb":"Spinners"},{"id":"21st:ruhith369__code-profile-card","t":"Code profile card","s":"21st","c":"data-display/profile","a":"ruhith369","pl":"https://cdn.21st.dev/ruhith369/code-profile-card/default/preview.1761978079485.png","pc":"ruhith369"},{"id":"21st:ruhith369__dev-terminal-profile","t":"Dev terminal profile","s":"21st","c":"data-display/profile","a":"ruhith369","pl":"https://cdn.21st.dev/ruhith369/dev-terminal-profile/default/preview.1761979080776.png","pc":"ruhith369"},{"id":"21st:ruhith369__freelancer-profile-card","t":"Freelancer profile card","s":"21st","c":"data-display/profile","a":"ruhith369","pl":"https://cdn.21st.dev/ruhith369/freelancer-profile-card/default/preview.1760030520079.png","pc":"ruhith369"},{"id":"21st:ruhith369__glitch-text-loader","t":"Glitch text loader","k":"motion","s":"21st","c":"motion/text-effect","a":"ruhith369","pl":"https://cdn.21st.dev/ruhith369/glitch-text-loader/default/preview.1760457746414.png","pc":"ruhith369","sb":"Scramble and glitch"},{"id":"21st:ruhith369__glow-button","t":"Glow button","s":"21st","c":"actions/button","a":"ruhith369","pl":"https://cdn.21st.dev/ruhith369/glow-button/default/preview.1760405458832.png","pc":"ruhith369","sb":"Animated"},{"id":"21st:ruhith369__health-stat-card","t":"Health stat card","s":"21st","c":"data-display/stat","a":"ruhith369","pl":"https://cdn.21st.dev/ruhith369/health-stat-card/default/preview.1760028136817.png","pc":"ruhith369","tg":["avatar","dropdown","team"]},{"id":"21st:ruhith369__loader","t":"Loader","d":"This loader component is a gooey dots animation built with React, TypeScript, Tailwind CSS, and a small amount of custom CSS keyframes. It consists of three colorful circular dots ","s":"21st","c":"status/loader","a":"ruhith369","u":22,"pl":"https://cdn.21st.dev/ruhith369/loader/default/preview.1759089991110.png","pc":"ruhith369"},{"id":"21st:ruhith369__loader-grid","t":"Loader grid","d":"The LoaderGrid component is a lightweight, colorful loading animation built with React, TypeScript, and Tailwind CSS. It uses two absolutely positioned elements that animate their ","s":"21st","c":"status/loader","a":"ruhith369","u":27,"pl":"https://cdn.21st.dev/ruhith369/loader-grid/default/preview.1759287764646.png","pc":"ruhith369","sb":"Shapes and grids"},{"id":"21st:ruhith369__loader-progressive-bar","t":"Loader progressive bar","d":"This LoaderProgressiveBar component is a visually appealing radar-style loading animation built using React and styled with Tailwind CSS. It creates a circular radar effect with co","s":"21st","c":"status/loader","a":"ruhith369","u":20,"pl":"https://cdn.21st.dev/ruhith369/loader-progressive-bar/default/preview.1759289341888.png","pc":"ruhith369","tg":["progress"],"sb":"Bars"},{"id":"21st:ruhith369__loading-bottle","t":"Loading bottle","d":"The LoadingBottle component is a creative SVG-based loading animation that visually represents the outline of a bottle being “drawn” over time. It uses an SVG <path> element combin","s":"21st","c":"status/loader","a":"ruhith369","u":19,"pl":"https://cdn.21st.dev/ruhith369/loading-bottle/default/preview.1759289923411.png","pc":"ruhith369","tg":["spinner"],"sb":"Spinners"},{"id":"21st:ruhith369__loading-lines","t":"Loading lines","d":"The LoadingLines component is a vibrant, text-based loading animation that displays the word “Generating” with each letter glowing in sequence to create a smooth wave effect. Built","k":"motion","s":"21st","c":"motion/background","a":"ruhith369","u":76,"pl":"https://cdn.21st.dev/ruhith369/loading-lines/default/preview.1759288965806.png","pc":"ruhith369","tg":["spinner"],"sb":"Beams and light"},{"id":"21st:ruhith369__loading-radar","t":"Loading radar","d":"The LoadingRadar component is a sleek radar-style loading animation built with React, TypeScript, and Tailwind CSS. It creates a circular scanner effect that continuously rotates, ","s":"21st","c":"data-viz/chart","a":"ruhith369","u":28,"pl":"https://cdn.21st.dev/ruhith369/loading-radar/default/preview.1759287448167.png","pc":"ruhith369","sb":"Radar"},{"id":"21st:ruhith369__nexus-orb-lucide","t":"Nexus orb lucide","s":"21st","c":"ai-agent/ai-agent","a":"ruhith369","pl":"https://cdn.21st.dev/ruhith369/nexus-orb-lucide/default/preview.1761981028882.png","pc":"ruhith369","sb":"Orbs and presence"},{"id":"21st:ruhith369__policy-pass-card","t":"Policy pass card","s":"21st","c":"data-display/card","a":"ruhith369","pl":"https://cdn.21st.dev/ruhith369/policy-pass-card/default/preview.1760029651933.png","pc":"ruhith369"},{"id":"21st:ruhith369__pulse-divider","t":"Pulse divider","s":"21st","c":"status/status-dot","a":"ruhith369","pl":"https://cdn.21st.dev/ruhith369/pulse-divider/default/preview.1761986255042.png","pc":"ruhith369"},{"id":"21st:ruhith369__shadcn-swiper","t":"Shadcn swiper","s":"21st","c":"media/carousel","a":"ruhith369","pl":"https://cdn.21st.dev/ruhith369/shadcn-swiper/default/preview.1761985826288.png","pc":"ruhith369"},{"id":"21st:ruhith369__triangle-loader","t":"Triangle loader","s":"21st","c":"status/loader","a":"ruhith369","pl":"https://cdn.21st.dev/ruhith369/triangle-loader/default/preview.1760459110245.png","pc":"ruhith369","sb":"Spinners"},{"id":"21st:ruhith369__two-step-verification","t":"Two step verification","s":"21st","c":"other","a":"ruhith369","pl":"https://cdn.21st.dev/ruhith369/two-step-verification/default/preview.1761988132370.png","pc":"ruhith369"},{"id":"21st:ruixen.ui__about-page","t":"About page","d":"This AboutPage component is a fully responsive, visually engaging section designed to highlight a company’s ecosystem, achievements, and core offerings. The top hero section featur","k":"section","s":"21st","c":"marketing/features","a":"ruixen.ui","u":73,"pl":"https://cdn.21st.dev/ruixen.ui/about-page/default/preview.1759946302802.png","pc":"ruixen.ui","tg":["features"]},{"id":"21st:ruixen.ui__accordian","t":"Accordian","d":"The RUIXEN UI Accordion is a fully accessible, lightweight, and responsive component designed to deliver structured content like FAQs or feature explanations in a clean, elegant la","k":"section","s":"21st","c":"marketing/faq","a":"ruixen.ui","u":81,"pl":"https://cdn.21st.dev/ruixen.ui/accordian/default/preview.1749226200341.png","pc":"ruixen.ui","tg":["accordion","faq"]},{"id":"21st:ruixen.ui__account-menu","t":"Account menu","d":"The AccountMenu component is a modern, user-friendly dropdown menu designed for managing user account actions and preferences in a web application. It provides a clean interface wi","s":"21st","c":"navigation/menu","a":"ruixen.ui","u":26,"pl":"https://cdn.21st.dev/ruixen.ui/account-menu/default/preview.1760579773385.png","pc":"ruixen.ui","tg":["radio-group"]},{"id":"21st:ruixen.ui__action-hub-input","t":"Action hub input","s":"21st","c":"inputs/form-field","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/action-hub-input/default/preview.1757065602751.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__action-toolbar","t":"Action toolbar","d":"The ActionToolbar component is a modern, interactive toolbar built to combine functionality and design elegance. Inspired by the shared-border button style, it presents a unified, ","s":"21st","c":"navigation/menu","a":"ruixen.ui","u":18,"pl":"https://cdn.21st.dev/ruixen.ui/action-toolbar/default/preview.1760578020869.png","pc":"ruixen.ui","sb":"Menubars"},{"id":"21st:ruixen.ui__add-task-sheet","t":"Add task sheet","s":"21st","c":"overlays/sheet","a":"ruixen.ui","st":"rated","pl":"https://cdn.21st.dev/ruixen.ui/add-task-sheet/default/preview.1760589128839.png","pc":"ruixen.ui","sc":22},{"id":"21st:ruixen.ui__advanced-context-menu","t":"Advanced context menu","s":"21st","c":"overlays/context-menu","a":"ruixen.ui","st":"rated","pl":"https://cdn.21st.dev/ruixen.ui/advanced-context-menu/default/preview.1756145083087.png","pc":"ruixen.ui","sc":20},{"id":"21st:ruixen.ui__advanced-image-uploader","t":"Advanced image uploader","d":"ChatGPT said:\n\nThis Advanced Image Upload & Crop component is a highly interactive and user-friendly tool built entirely with Shadcn UI components. It allows users to upload multip","s":"21st","c":"media/gallery","a":"ruixen.ui","u":9,"pl":"https://cdn.21st.dev/ruixen.ui/advanced-image-uploader/default/preview.1757762276819.png","pc":"ruixen.ui","tg":["image","modal","upload-download"]},{"id":"21st:ruixen.ui__ai-chat-input","t":"Ai chat input","s":"21st","c":"ai-agent/composer","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ai-chat-input/default/preview.1757992112477.png","pc":"ruixen.ui","tg":["input","popover"]},{"id":"21st:ruixen.ui__aichat-component","t":"Aichat component","s":"21st","c":"ai-agent","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/aichat-component/default/preview.1757871068715.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__alert-badge","t":"Alert badge","d":"The AlertBadge component is a modern, interactive notification badge designed for developers and dashboards. Unlike traditional toasts, it displays a live counter with alert messag","s":"21st","c":"data-display/badge","a":"ruixen.ui","u":8,"pl":"https://cdn.21st.dev/ruixen.ui/alert-badge/default/preview.1757067361464.png","pc":"ruixen.ui","tg":["alert","badge","notification"],"sb":"Counts"},{"id":"21st:ruixen.ui__animated-feature-spotlight3d","t":"Animated feature spotlight3d","d":"The AnimatedFeatureSpotlight3D component is a visually dynamic, Framer Motion–powered spotlight section designed to highlight key features or products—like a gift showcase—with smo","k":"section","s":"21st","c":"marketing/features","a":"ruixen.ui","u":11,"pl":"https://cdn.21st.dev/ruixen.ui/animated-feature-spotlight3d/default/preview.1759988456238.png","pc":"ruixen.ui","tg":["cta"]},{"id":"21st:ruixen.ui__animated-git-hub-button","t":"Animated git hub button","s":"21st","c":"actions/button","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/animated-git-hub-button/default/preview.1753153492339.png","pc":"ruixen.ui","sb":"Animated"},{"id":"21st:ruixen.ui__animated-highlight-text","t":"Animated highlight text","d":"inline highlights whose SVG icons draw themselves in on hover, with a pointer cursor and an image tooltip per word.","k":"motion","s":"21st","c":"motion/text-effect","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/animated-highlight-text/default/preview.1783079160449.png","pc":"ruixen.ui","tg":["link","tooltip"]},{"id":"21st:ruixen.ui__animated-link","t":"Animated link","d":"React animated link: Hover reveals an underline that wipes in from the left, the right, or grows from the center, while a diagonal arrow lifts into view.","s":"21st","c":"actions/link","a":"ruixen.ui","u":6,"pl":"https://cdn.21st.dev/ruixen.ui/animated-link/default/preview.1782197477919.png","pc":"ruixen.ui","tg":["link"]},{"id":"21st:ruixen.ui__animated-number-flip","t":"Animated number flip","k":"motion","s":"21st","c":"motion/number-ticker","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/animated-number-flip/default/preview.1758431723845.png","pc":"ruixen.ui","tg":["number"]},{"id":"21st:ruixen.ui__app-menu-bar","t":"App menu bar","d":"The AppMenuBar component is a versatile, fully-featured navigation menu designed for modern web applications. It combines a clean, horizontal menubar layout with intuitive nested m","s":"21st","c":"navigation/menu","a":"ruixen.ui","u":18,"pl":"https://cdn.21st.dev/ruixen.ui/app-menu-bar/default/preview.1760588177198.png","pc":"ruixen.ui","tg":["dashboard"]},{"id":"21st:ruixen.ui__arc-preloader-hero","t":"Arc preloader hero","d":"A cycle of short declarative beats- Quiet, Sharp, Calm, Crafted - fades through a calm white surface, then a curved black curtain rises from below to reveal the landing. The bounda","k":"section","s":"21st","c":"marketing/hero","a":"ruixen.ui","u":5,"pl":"https://cdn.21st.dev/ruixen.ui/arc-preloader-hero/default/preview.1781853955195.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__arc-reveal-hero","t":"Arc reveal hero","d":"A cycle of short declarative beats: Quiet, Sharp, Calm, Crafted- fades through a calm white surface, then a curved black curtain rises from below to reveal the landing. The boundar","k":"section","s":"21st","c":"marketing/hero","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/arc-reveal-hero/default/preview.1779866736521.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__audio-book-player","t":"Audio book player","s":"21st","c":"media/player","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/audio-book-player/default/preview.1758699867233.png","pc":"ruixen.ui","tg":["slider"]},{"id":"21st:ruixen.ui__audio-timeline-with-chapters","t":"Audio timeline with chapters","s":"21st","c":"data-display/timeline","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/audio-timeline-with-chapters/default/preview.1758703589868.png","pc":"ruixen.ui","tg":["chip","progress","timeline"]},{"id":"21st:ruixen.ui__aura-vision-hero-gradient","t":"Aura vision hero gradient","d":"AuraVision by Ruixen is a unique AI-powered component that lets users upload their photos and instantly discover the emotional and energetic impression they project. Merging deep l","k":"section","s":"21st","c":"marketing/hero","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/aura-vision-hero-gradient/default/preview.1753119632845.png","pc":"ruixen.ui","sb":"Animated background"},{"id":"21st:ruixen.ui__aurora-flow","t":"Aurora flow","d":"The AuroraFlow component is a custom React background effect built using WebGL with OGL. It renders a smooth, animated aurora-like gradient that constantly shifts and flows, creati","k":"motion","s":"21st","c":"motion/background","a":"ruixen.ui","u":15,"pl":"https://cdn.21st.dev/ruixen.ui/aurora-flow/default/preview.1758046624744.png","pc":"ruixen.ui","sb":"Gradients and aurora"},{"id":"21st:ruixen.ui__aurora-hero","t":"Aurora hero","d":"This component serves as a visually engaging hero section featuring a smooth and vibrant gradient background. It is designed to capture users’ attention immediately upon landing on","k":"section","s":"21st","c":"marketing/hero","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/aurora-hero/default/preview.1753093923239.png","pc":"ruixen.ui","sb":"Animated background"},{"id":"21st:ruixen.ui__aurora-waves","t":"Aurora waves","k":"motion","s":"21st","c":"motion/background","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/aurora-waves/default/preview.1758048172723.png","pc":"ruixen.ui","sb":"Gradients and aurora"},{"id":"21st:ruixen.ui__auth-dialog","t":"Auth dialog","d":"This component is a combined Sign Up and Login modal built with ShadCN UI and React. It allows users to toggle between signing up and logging in without opening separate dialogs, p","s":"21st","c":"flows/sign-in","a":"ruixen.ui","u":34,"pl":"https://cdn.21st.dev/ruixen.ui/auth-dialog/default/preview.1755716755877.png","pc":"ruixen.ui","tg":["modal","sign-up"],"sb":"Sign up"},{"id":"21st:ruixen.ui__auth-showcase","t":"Auth showcase","s":"21st","c":"flows/sign-in","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/auth-showcase/default/preview.1759770277077.png","pc":"ruixen.ui","sb":"Sign in"},{"id":"21st:ruixen.ui__auth-tabs-card","t":"Auth tabs card","s":"21st","c":"flows/sign-in","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/auth-tabs-card/default/preview.1758659170234.png","pc":"ruixen.ui","tg":["form","sign-in","sign-up","tabs"],"sb":"Sign up"},{"id":"21st:ruixen.ui__avatar-notifications","t":"Avatar notifications","s":"21st","c":"overlays/notifications","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/avatar-notifications/default/preview.1757268643996.png","pc":"ruixen.ui","tg":["notification","popover"]},{"id":"21st:ruixen.ui__avatar-smart-group","t":"Avatar smart group","d":"The Avatar Smart Group component is a versatile and reusable UI element designed to elegantly display a group of user profile images with interactive tooltips. It supports two layo","s":"21st","c":"data-display/avatar","a":"ruixen.ui","u":30,"pl":"https://cdn.21st.dev/ruixen.ui/avatar-smart-group/default/preview.1760544505620.png","pc":"ruixen.ui","tg":["avatar","team","tooltip"]},{"id":"21st:ruixen.ui__badge-button-combo","t":"Badge button combo","d":"The Badge + Button Combo is a shadcn/ui component that combines a standard button with a floating badge to display status or counts, such as “New,” “Beta,” or numeric notifications","s":"21st","c":"actions/button","a":"ruixen.ui","u":25,"pl":"https://cdn.21st.dev/ruixen.ui/badge-button-combo/default/preview.1758561177969.png","pc":"ruixen.ui","tg":["badge","notification"],"sb":"Icon buttons"},{"id":"21st:ruixen.ui__badge-tabs","t":"Badge tabs","d":"The Badge Tabs component is a dynamic, interactive tab system that displays badges alongside each tab label, making it ideal for real-time dashboards, notifications, or admin panel","s":"21st","c":"navigation/tabs","a":"ruixen.ui","u":21,"pl":"https://cdn.21st.dev/ruixen.ui/badge-tabs/default/preview.1758466150268.png","pc":"ruixen.ui","tg":["dashboard","notification","tabs"]},{"id":"21st:ruixen.ui__behavioral-history-select","t":"Behavioral history select","s":"21st","c":"inputs/select","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/behavioral-history-select/default/preview.1758910283981.png","pc":"ruixen.ui","tg":["select"]},{"id":"21st:ruixen.ui__bottom-drawers","t":"Bottom drawers","d":"This component is a set of bottom-sliding drawers, each triggered by a separate button and containing different content such as a newsletter signup, feedback form, or contact form.","s":"21st","c":"overlays/sheet","a":"ruixen.ui","u":20,"pl":"https://cdn.21st.dev/ruixen.ui/bottom-drawers/default/preview.1756143367948.png","pc":"ruixen.ui","tg":["form"]},{"id":"21st:ruixen.ui__browser-card","t":"Browser card","s":"21st","c":"data-display/card","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/browser-card/default/preview.1762964607593.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__calendar-lume","t":"Calendar lume","s":"21st","c":"data-display/calendar","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/calendar-lume/default/preview.1758969585790.png","pc":"ruixen.ui","tg":["calendar","date-picker"]},{"id":"21st:ruixen.ui__calendar-planner","t":"Calendar planner","s":"21st","c":"data-display/calendar","a":"ruixen.ui","st":"rated","pl":"https://cdn.21st.dev/ruixen.ui/calendar-planner/default/preview.1758925612962.png","pc":"ruixen.ui","tg":["calendar","date-picker"],"sc":21},{"id":"21st:ruixen.ui__calendar-scheduler","t":"Calendar scheduler","d":"The CalendarScheduler component is a streamlined scheduling interface that combines a calendar view with a scrollable list of interactive time slots in a single, card-based layout.","s":"21st","c":"data-display/calendar","a":"ruixen.ui","u":78,"pl":"https://cdn.21st.dev/ruixen.ui/calendar-scheduler/default/preview.1758973993751.png","pc":"ruixen.ui","tg":["card","calendar","date-picker"]},{"id":"21st:ruixen.ui__calendar-twin","t":"Calendar twin","s":"21st","c":"data-display/calendar","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/calendar-twin/default/preview.1758924784625.png","pc":"ruixen.ui","tg":["calendar","date-picker"]},{"id":"21st:ruixen.ui__calendar-with-presets","t":"Calendar with presets","d":"This improved BetterCalendar component is a polished and modern variant of the default React DayPicker, styled strictly with shadcn/ui design principles. Instead of using harsh str","s":"21st","c":"data-display/calendar","a":"ruixen.ui","u":40,"pl":"https://cdn.21st.dev/ruixen.ui/calendar-with-presets/default/preview.1758958090329.png","pc":"ruixen.ui","tg":["calendar","date-picker","dashboard"]},{"id":"21st:ruixen.ui__capsule-tabs","t":"Capsule tabs","d":"This Scrollable Capsule Tabs component is designed to handle a large number of tabs elegantly. It displays a limited number of tabs at a time (visibleCount) and allows users to nav","s":"21st","c":"navigation/tabs","a":"ruixen.ui","u":5,"pl":"https://cdn.21st.dev/ruixen.ui/capsule-tabs/default/preview.1758464195216.png","pc":"ruixen.ui","tg":["navigation-menu","pagination","tabs"]},{"id":"21st:ruixen.ui__card-stack","t":"Card stack","d":"An interactive 3D card stack carousel with fan-out animation, drag gestures, and auto-advance support.","s":"21st","c":"media/card-stack","a":"ruixen.ui","u":382,"pl":"https://cdn.21st.dev/ruixen.ui/card-stack/default/preview.1767763046562.png","pc":"ruixen.ui","tg":["carousel","image"]},{"id":"21st:ruixen.ui__carousel3dselect","t":"Carousel3dselect","s":"21st","c":"media/carousel","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/carousel3dselect/default/preview.1758911435787.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__case-studies","t":"Case studies","d":"This component is a pricing plan selector built with React and ShadCN UI. It displays three subscription options—Free, Pro, and Enterprise—each inside a styled card. The plans incl","k":"section","s":"21st","c":"marketing/marketing","a":"ruixen.ui","u":153,"pl":"https://cdn.21st.dev/ruixen.ui/case-studies/default/preview.1755359638626.png","pc":"ruixen.ui","tg":["card","testimonials"],"sb":"Portfolio"},{"id":"21st:ruixen.ui__centered-feedback-drawer","t":"Centered feedback drawer","d":"This component is a content-rich drawer that opens from the side, designed to keep the focus on the main content by centering it inside the drawer rather than stretching across the","s":"21st","c":"overlays/sheet","a":"ruixen.ui","u":31,"pl":"https://cdn.21st.dev/ruixen.ui/centered-feedback-drawer/default/preview.1756142859672.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__chapter-scrubber","t":"Chapter scrubber","d":"A vertical rail of uniform ticks that magnify toward the cursor like a dock. The lines nearest the pointer rise on a spring-driven wave and a preview card describes the crest chapt","s":"21st","c":"inputs/slider","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/chapter-scrubber/default/preview.1784122138999.png","pc":"ruixen.ui","tg":["table","timeline"]},{"id":"21st:ruixen.ui__checklist-button","t":"Checklist button","s":"21st","c":"actions/button","a":"ruixen.ui","st":"rated","pl":"https://cdn.21st.dev/ruixen.ui/checklist-button/default/preview.1758648263376.png","pc":"ruixen.ui","sc":20},{"id":"21st:ruixen.ui__checkout-form","t":"Checkout form","d":"This CheckoutForm component is a modern, responsive checkout interface built with shadcn UI, Tailwind CSS, and Lucide icons. It presents a clean, card-based layout that guides user","k":"section","s":"21st","c":"marketing/pricing","a":"ruixen.ui","u":51,"pl":"https://cdn.21st.dev/ruixen.ui/checkout-form/default/preview.1757275090196.png","pc":"ruixen.ui","tg":["form"]},{"id":"21st:ruixen.ui__chrono-select","t":"Chrono select","d":"The ChronoSelect component is a modern, shadcn-inspired date selection tool that combines accessibility, flexibility, and a clean design. Unlike traditional date pickers, ChronoSel","s":"21st","c":"inputs/select","a":"ruixen.ui","u":14,"pl":"https://cdn.21st.dev/ruixen.ui/chrono-select/default/preview.1758924114445.png","pc":"ruixen.ui","tg":["calendar","date-picker","form","popover"]},{"id":"21st:ruixen.ui__circular-radial-select","t":"Circular radial select","s":"21st","c":"inputs/select","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/circular-radial-select/default/preview.1758910880093.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__clean-tag-input","t":"Clean tag input","d":"This is a sleek, black-and-white tag input component where users can add multiple tags by typing and pressing Enter. Each tag is displayed as a rounded pill with subtle borders, an","s":"21st","c":"inputs/tag-input","a":"ruixen.ui","u":30,"pl":"https://cdn.21st.dev/ruixen.ui/clean-tag-input/default/preview.1755967899933.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__cloud-watch-form","t":"Cloud watch form","d":"This Interactive Cartoon Form component is a playful, engaging form built with Next.js, TypeScript, and Shadcn UI. It features a cartoon face whose eyes follow the user’s cursor, c","s":"21st","c":"inputs/form-field","a":"ruixen.ui","u":50,"pl":"https://cdn.21st.dev/ruixen.ui/cloud-watch-form/default/preview.1760080688855.png","pc":"ruixen.ui","tg":["cursor","sign-up"],"sb":"Whole forms"},{"id":"21st:ruixen.ui__color-emotion-select","t":"Color emotion select","d":"The Color-Emotion Semantic Select is a reusable UI component built with shadcn UI’s Select primitives that lets you visually map options to meaningful colors and emotions. Instead ","s":"21st","c":"inputs/select","a":"ruixen.ui","u":16,"pl":"https://cdn.21st.dev/ruixen.ui/color-emotion-select/default/preview.1758907534685.png","pc":"ruixen.ui","tg":["select"]},{"id":"21st:ruixen.ui__column-collaboration-table","t":"Column collaboration table","d":"This is a Column Collaboration Table built entirely with Shadcn UI components. It allows users to add and view comments directly on each column header, making it ideal for collabor","s":"21st","c":"data-display/table","a":"ruixen.ui","u":18,"pl":"https://cdn.21st.dev/ruixen.ui/column-collaboration-table/default/preview.1757840602905.png","pc":"ruixen.ui","tg":["popover","table"]},{"id":"21st:ruixen.ui__combined-featured-section","t":"Combined featured section","d":"The combined section component serves as a spotlight area to showcase the core strengths or highlights of our platform. It brings together key offerings","s":"21st","c":"data-viz/map","a":"ruixen.ui","u":162,"pl":"https://cdn.21st.dev/ruixen.ui/combined-featured-section/default/preview.1754378338788.png","pc":"ruixen.ui","tg":["dashboard","features","map","notification"]},{"id":"21st:ruixen.ui__command-deck","t":"Command deck","s":"21st","c":"media/card-stack","a":"ruixen.ui","st":"rated","pl":"https://cdn.21st.dev/ruixen.ui/command-deck/default/preview.1758917434598.png","pc":"ruixen.ui","sc":23},{"id":"21st:ruixen.ui__comparison-table","t":"Comparison table","d":"This component is a row comparison table with dynamic selection controls, designed using Shadcn UI. Each row in the table has a \"Compare\" button that toggles to \"Remove\" once selec","k":"section","s":"21st","c":"marketing/comparison","a":"ruixen.ui","u":53,"pl":"https://cdn.21st.dev/ruixen.ui/comparison-table/default/preview.1757836218819.png","pc":"ruixen.ui","tg":["comparison"]},{"id":"21st:ruixen.ui__confetti-button","t":"Confetti button","s":"21st","c":"actions/button","a":"ruixen.ui","st":"rated","pl":"https://cdn.21st.dev/ruixen.ui/confetti-button/default/preview.1758650413010.png","pc":"ruixen.ui","tg":["button"],"sc":21},{"id":"21st:ruixen.ui__confirmation-button","t":"Confirmation button","s":"21st","c":"actions/button","a":"ruixen.ui","st":"rated","pl":"https://cdn.21st.dev/ruixen.ui/confirmation-button/default/preview.1758558526709.png","pc":"ruixen.ui","sc":16,"sb":"Loading and states"},{"id":"21st:ruixen.ui__constellation-dock","t":"Constellation dock","s":"21st","c":"navigation/dock","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/constellation-dock/default/preview.1758380572731.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__container-text-scroll","t":"Container text scroll","d":"The ContainerTextScroll component is a dynamic React/Next.js UI element designed to create visually engaging scroll-based animations for text content. It leverages framer-motion to","k":"motion","s":"21st","c":"motion/text-effect","a":"ruixen.ui","u":45,"pl":"https://cdn.21st.dev/ruixen.ui/container-text-scroll/default/preview.1760178308971.png","pc":"ruixen.ui","sb":"Reveal and entrance"},{"id":"21st:ruixen.ui__contributors-overview-table","t":"Contributors overview table","d":"The ContributorsOverviewTable component presents a clean, structured, and interactive summary of contributors within a team or project. Designed for clarity and ease of use, this t","s":"21st","c":"data-display/table","a":"ruixen.ui","u":48,"pl":"https://cdn.21st.dev/ruixen.ui/contributors-overview-table/default/preview.1749430453222.png","pc":"ruixen.ui","tg":["badge","dashboard","table","team"],"sb":"People"},{"id":"21st:ruixen.ui__correct-number-input","t":"Correct number input","d":"This is a sleek, minimal number input with custom chevron buttons and a floating label. It hides the browser’s default arrows, keeps the label clean, and ensures 0 doesn’t overlap,","s":"21st","c":"inputs/number-input","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/correct-number-input/default/preview.1755965925490.png","pc":"ruixen.ui","tg":["form","input"]},{"id":"21st:ruixen.ui__countdown-button","t":"Countdown button","s":"21st","c":"actions/button","a":"ruixen.ui","st":"rated","pl":"https://cdn.21st.dev/ruixen.ui/countdown-button/default/preview.1758566211533.png","pc":"ruixen.ui","sc":16},{"id":"21st:ruixen.ui__coverflow-carousel","t":"Coverflow carousel","d":"A rack of square covers with the perspective reversed. The centre card sits square to the viewer while the ones beside it swing their outer edges forward, so the rack opens toward ","s":"21st","c":"media/carousel","a":"ruixen.ui","u":9,"pl":"https://cdn.21st.dev/ruixen.ui/coverflow-carousel/default/preview.1785769945835-40fdf02e-f950-484c-aa20-a6b0993a08a7.png","pc":"ruixen.ui","tg":["card","carousel","slider"]},{"id":"21st:ruixen.ui__creat-account-form","t":"Creat account form","d":"This form component is designed as a clean and modern account creation interface that balances simplicity with professionalism. The use of a card layout with a subtle gradient back","s":"21st","c":"inputs/form-field","a":"ruixen.ui","u":60,"pl":"https://cdn.21st.dev/ruixen.ui/creat-account-form/default/preview.1757274294191.png","pc":"ruixen.ui","tg":["card","form","icon","sign-up"],"sb":"Whole forms"},{"id":"21st:ruixen.ui__creative-card","t":"Creative card","d":"This is a modern, responsive chat card component built with React and Tailwind CSS, fully compatible with both light and dark modes. It features a textarea for user input, dynamic ","s":"21st","c":"data-display/card","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/creative-card/default/preview.1755627632162.png","pc":"ruixen.ui","tg":["input","textarea"]},{"id":"21st:ruixen.ui__credit-card-dialog","t":"Credit card dialog","s":"21st","c":"overlays/dialog","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/credit-card-dialog/default/preview.1759040617714.png","pc":"ruixen.ui","tg":["modal"],"sb":"Forms"},{"id":"21st:ruixen.ui__credit-card-hero","t":"Credit card hero","d":"The CreditCardHero component is a premium advertising-style showcase designed for modern fintech or banking landing pages. At its core, it combines clean, centered marketing conten","k":"section","s":"21st","c":"marketing/hero","a":"ruixen.ui","u":27,"pl":"https://cdn.21st.dev/ruixen.ui/credit-card-hero/default/preview.1759045447240.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__custom-alert","t":"Custom alert","s":"21st","c":"overlays/alert-banner","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/custom-alert/default/preview.1757270530254.png","pc":"ruixen.ui","tg":["alert"]},{"id":"21st:ruixen.ui__daily-timeline-scheduler","t":"Daily timeline scheduler","s":"21st","c":"data-display/calendar","a":"ruixen.ui","st":"rated","pl":"https://cdn.21st.dev/ruixen.ui/daily-timeline-scheduler/default/preview.1757758441803.png","pc":"ruixen.ui","tg":["date-picker","popover","timeline"],"sc":25},{"id":"21st:ruixen.ui__daily-tracker-dialog","t":"Daily tracker dialog","s":"21st","c":"overlays/dialog","a":"ruixen.ui","st":"rated","pl":"https://cdn.21st.dev/ruixen.ui/daily-tracker-dialog/default/preview.1755717810882.png","pc":"ruixen.ui","tg":["checkbox","modal","progress"],"sc":21,"sb":"Confirm"},{"id":"21st:ruixen.ui__date-time-input","t":"Date time input","s":"21st","c":"inputs/time-picker","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/date-time-input/default/preview.1758972761480.png","pc":"ruixen.ui","tg":["calendar","date-picker"]},{"id":"21st:ruixen.ui__date-time-picker","t":"Date time picker","s":"21st","c":"inputs/time-picker","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/date-time-picker/default/preview.1757753624868.png","pc":"ruixen.ui","tg":["date-picker","dropdown"]},{"id":"21st:ruixen.ui__dock","t":"Dock","d":"This Dock component is a modern, glassmorphic navigation bar inspired by the elegance of macOS but with a unique twist. Instead of sitting flat, the dock is displayed with a slight","s":"21st","c":"navigation/dock","a":"ruixen.ui","u":218,"pl":"https://cdn.21st.dev/ruixen.ui/dock/default/preview.1758168876108.png","pc":"ruixen.ui","tg":["dock","tooltip"]},{"id":"21st:ruixen.ui__dock-morph","t":"Dock morph","d":"This DockMorph component is a modern, customizable navigation bar inspired by macOS but redesigned with a futuristic, morphic-glass aesthetic. It stays fixed to the screen — at the","k":"motion","s":"21st","c":"motion/text-effect","a":"ruixen.ui","u":79,"pl":"https://cdn.21st.dev/ruixen.ui/dock-morph/default/preview.1758251287542.png","pc":"ruixen.ui","tg":["dock","tooltip"],"sb":"Rotating words"},{"id":"21st:ruixen.ui__docks","t":"Docks","d":"This minimal and responsive theme toggle component lets users effortlessly switch between Light and Dark modes while offering quick access to settings. Designed with accessibility ","s":"21st","c":"navigation/dock","a":"ruixen.ui","u":70,"pl":"https://cdn.21st.dev/ruixen.ui/docks/default/preview.1749226756628.png","pc":"ruixen.ui","tg":["dock"]},{"id":"21st:ruixen.ui__doctor-live-chat-card","t":"Doctor live chat card","d":"A modern, responsive UI component to showcase a doctor’s profile for live consultation. It highlights real-time availability, rating, specialty, and enables patients to instantly j","s":"21st","c":"ai-agent/ai-agent","a":"ruixen.ui","st":"rated","u":10,"pl":"https://cdn.21st.dev/ruixen.ui/doctor-live-chat-card/default/preview.1749321461910.png","pc":"ruixen.ui","tg":["profile"],"sc":17,"sb":"Chat"},{"id":"21st:ruixen.ui__drag-and-drop-tabs","t":"Drag and drop tabs","s":"21st","c":"navigation/tabs","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/drag-and-drop-tabs/default/preview.1758472478572.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__drawer-inner-content","t":"Drawer inner content","d":"This component demonstrates a reusable drawer system that can slide in from any direction — top, right, bottom, or left. Instead of duplicating content for each drawer, a shared Dr","s":"21st","c":"overlays/sheet","a":"ruixen.ui","u":10,"pl":"https://cdn.21st.dev/ruixen.ui/drawer-inner-content/default/preview.1756142077433.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__drilldown-menu","t":"Drilldown menu","d":"A list that drills into itself. The row you click stays put, fades to a grey breadcrumb with a return arrow, and its children arrive one indent deeper — no sliding panels.","s":"21st","c":"navigation/menu","a":"ruixen.ui","u":2,"pl":"https://cdn.21st.dev/ruixen.ui/drilldown-menu/default/preview.1785251713900-27409e75-33a6-49d6-afb4-f944f0f2d99f.png","pc":"ruixen.ui","tg":["dropdown","menu"],"sb":"Dropdowns"},{"id":"21st:ruixen.ui__dropdown-multi-calendar","t":"Dropdown multi calendar","d":"The DropdownMultiCalendar is a powerful and user-friendly date selection component that enhances the traditional multi-date calendar with intuitive navigation controls. Built entir","s":"21st","c":"data-display/calendar","a":"ruixen.ui","u":31,"pl":"https://cdn.21st.dev/ruixen.ui/dropdown-multi-calendar/default/preview.1758990466880.png","pc":"ruixen.ui","tg":["badge","card","calendar","date-picker"]},{"id":"21st:ruixen.ui__dropdown-range-date-picker","t":"Dropdown range date picker","d":"The DropdownRangeDatePicker is a popover-based date range selection component that combines intuitive navigation with a compact input interface. Built with shadcn/ui and react-day-","s":"21st","c":"inputs/date-picker","a":"ruixen.ui","u":64,"pl":"https://cdn.21st.dev/ruixen.ui/dropdown-range-date-picker/default/preview.1758992494209.png","pc":"ruixen.ui","tg":["calendar","date-picker","dropdown","popover"]},{"id":"21st:ruixen.ui__dual-tone-rain-background","t":"Dual tone rain background","k":"motion","s":"21st","c":"motion/background","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/dual-tone-rain-background/default/preview.1758190518089.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__dynamic-select","t":"Dynamic select","d":"This component provides a role-aware, dependent dropdown system where the second dropdown adapts automatically based on the first selection and the user’s role. It’s clean, reusabl","s":"21st","c":"inputs/select","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/dynamic-select/default/preview.1758897583784.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__dynamic-status-button","t":"Dynamic status button","s":"21st","c":"actions/button","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/dynamic-status-button/default/preview.1758651690136.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__elite-plan-card","t":"Elite plan card","d":"The ElitePlanCard is a sleek and interactive UI component designed to showcase premium offerings, subscription tiers, or featured products in a visually compelling way. It combines","k":"section","s":"21st","c":"marketing/pricing","a":"ruixen.ui","u":74,"pl":"https://cdn.21st.dev/ruixen.ui/elite-plan-card/default/preview.1759076199761.png","pc":"ruixen.ui","tg":["pricing-section"],"sb":"Plan cards"},{"id":"21st:ruixen.ui__emoji-radio-group","t":"Emoji radio group","s":"21st","c":"inputs/radio","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/emoji-radio-group/default/preview.1758994206276.png","pc":"ruixen.ui","tg":["radio-group"]},{"id":"21st:ruixen.ui__event-aquarium-calendar","t":"Event aquarium calendar","s":"21st","c":"data-display/calendar","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/event-aquarium-calendar/default/preview.1758812934902.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__event-calendar","t":"Event calendar","s":"21st","c":"data-display/calendar","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/event-calendar/default/preview.1758738981144.png","pc":"ruixen.ui","tg":["calendar"]},{"id":"21st:ruixen.ui__event-constellation-calendar","t":"Event constellation calendar","s":"21st","c":"data-display/calendar","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/event-constellation-calendar/default/preview.1758799830906.png","pc":"ruixen.ui","tg":["calendar","popover"]},{"id":"21st:ruixen.ui__event-path-calendar","t":"Event path calendar","s":"21st","c":"data-display/calendar","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/event-path-calendar/default/preview.1758806641535.png","pc":"ruixen.ui","tg":["calendar"]},{"id":"21st:ruixen.ui__event-scheduler","t":"Event scheduler","s":"21st","c":"data-display/calendar","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/event-scheduler/default/preview.1757754963391.png","pc":"ruixen.ui","tg":["calendar","date-picker","popover"]},{"id":"21st:ruixen.ui__expandable-content-button","t":"Expandable content button","s":"21st","c":"actions/button","a":"ruixen.ui","st":"rated","pl":"https://cdn.21st.dev/ruixen.ui/expandable-content-button/default/preview.1758560791994.png","pc":"ruixen.ui","sc":16},{"id":"21st:ruixen.ui__fade-slide-tabs","t":"Fade slide tabs","d":"The Fade + Slide Tabs component elevates traditional tab navigation by animating the tab content with smooth fade and slide effects. When switching tabs, the previous content gentl","s":"21st","c":"navigation/tabs","a":"ruixen.ui","u":35,"pl":"https://cdn.21st.dev/ruixen.ui/fade-slide-tabs/default/preview.1758453405926.png","pc":"ruixen.ui","tg":["tabs"]},{"id":"21st:ruixen.ui__falling-symbols-background","t":"Falling symbols background","k":"motion","s":"21st","c":"motion/background","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/falling-symbols-background/default/preview.1758083065585.png","pc":"ruixen.ui","tg":["background"]},{"id":"21st:ruixen.ui__faqchat-accordion","t":"Faqchat accordion","d":"A FAQ styled as a chat conversation, questions appear as sent message bubbles, answers reply with typing dots that morph into response bubbles.","s":"21st","c":"data-display/accordion","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/faqchat-accordion/default/preview.1771483122048.png","pc":"ruixen.ui","sb":"FAQ"},{"id":"21st:ruixen.ui__faqsection","t":"Faqsection","d":"The FAQSection component is a fully responsive and configurable FAQ layout built with Shadcn UI and Tailwind CSS. It features a clean two-column grid with collapsible accordions, a","k":"section","s":"21st","c":"marketing/faq","a":"ruixen.ui","u":87,"pl":"https://cdn.21st.dev/ruixen.ui/faqsection/default/preview.1760638768341.png","pc":"ruixen.ui","tg":["accordion","faq"]},{"id":"21st:ruixen.ui__feature-accordion-section","t":"Feature accordion section","d":"This component provides an interactive and visually engaging way to present key features in an organized layout. The left section highlights important items with clear icons, image","k":"section","s":"21st","c":"marketing/features","a":"ruixen.ui","u":36,"pl":"https://cdn.21st.dev/ruixen.ui/feature-accordion-section/default/preview.1755338980061.png","pc":"ruixen.ui","tg":["accordion","features","list"],"sb":"Scroll"},{"id":"21st:ruixen.ui__feature-highlight-pro-card","t":"Feature highlight pro card","d":"The Floating FeatureHighlightCard is a modern, animated UI component crafted with Framer Motion, TypeScript, and Tailwind CSS to deliver an engaging visual experience. Its standout","s":"21st","c":"data-display/card","a":"ruixen.ui","u":11,"pl":"https://cdn.21st.dev/ruixen.ui/feature-highlight-pro-card/default/preview.1759989408722.png","pc":"ruixen.ui","tg":["features"],"sb":"Feature"},{"id":"21st:ruixen.ui__feature-section","t":"Feature section","d":"Here are three lines you can use for this Featured Section:\n\nA clean two-column layout highlighting features with icons and descriptions on the left, and a smooth scrollable option","k":"section","s":"21st","c":"marketing/features","a":"ruixen.ui","u":175,"pl":"https://cdn.21st.dev/ruixen.ui/feature-section/default/preview.1774363333820.png","pc":"ruixen.ui","tg":["features","scroll-area"],"sb":"Scroll"},{"id":"21st:ruixen.ui__feature-section-1","t":"Feature section 1","d":"21st.dev empowers developers with modern tools and scalable infrastructure to build, ship, and grow faster. Our platform combines open-source innovation with enterprise reliability","k":"section","s":"21st","c":"marketing/features","a":"ruixen.ui","u":35,"pl":"https://cdn.21st.dev/ruixen.ui/feature-section-1/default/preview.1755360768740.png","pc":"ruixen.ui","tg":["footer","link"],"sb":"Scroll"},{"id":"21st:ruixen.ui__feature-showcase","t":"Feature showcase","d":"The FeatureShowcase component is a responsive, theme-aware section built entirely with shadcn/ui primitives that blends storytelling and interaction. It pairs an informative left p","k":"section","s":"21st","c":"marketing/features","a":"ruixen.ui","u":223,"pl":"https://cdn.21st.dev/ruixen.ui/feature-showcase/default/preview.1761152138732.png","pc":"ruixen.ui","tg":["accordion","cta","features","tabs"],"sb":"Showcase and split"},{"id":"21st:ruixen.ui__featured-crm-demo-section","t":"Featured crm demo section","d":"This component displays a CRM preview card that can switch between a thumbnail image and an autoplaying video.\nIt uses a play button overlay that appears on hover to start the vide","s":"21st","c":"media/player","a":"ruixen.ui","st":"rated","u":74,"pl":"https://cdn.21st.dev/ruixen.ui/featured-crm-demo-section/default/preview.1755023065868.png","pc":"ruixen.ui","tg":["dashboard","video"],"sc":17},{"id":"21st:ruixen.ui__featured-section-stats","t":"Featured section stats","d":"This component showcases a modern CRM/dashboard statistics section with a clean, responsive layout.\nIt highlights key business metrics alongside a smooth blue-gradient area chart f","s":"21st","c":"data-display/stat","a":"ruixen.ui","u":112,"pl":"https://cdn.21st.dev/ruixen.ui/featured-section-stats/default/preview.1754766964769.png","pc":"ruixen.ui","tg":["dashboard","features","stat"]},{"id":"21st:ruixen.ui__features-detail","t":"Features detail","d":"This FeaturesDetail component showcases product features through an animated, auto-sliding dashboard carousel with smooth GSAP transitions.\nIt combines scroll-triggered effects and","k":"section","s":"21st","c":"marketing/features","a":"ruixen.ui","u":123,"pl":"https://cdn.21st.dev/ruixen.ui/features-detail/default/preview.1754834170022.png","pc":"ruixen.ui","tg":["carousel","dashboard","features","scroll-area"],"sb":"Tabs"},{"id":"21st:ruixen.ui__file-tree","t":"File tree","s":"21st","c":"data-display/tree","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/file-tree/default/preview.1757432506721.png","pc":"ruixen.ui","tg":["file-tree"]},{"id":"21st:ruixen.ui__file-tree-1","t":"File tree 1","s":"21st","c":"data-display/tree","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/file-tree-1/default/preview.1757435026316.png","pc":"ruixen.ui","tg":["file-tree"]},{"id":"21st:ruixen.ui__file-upload","t":"File upload","s":"21st","c":"inputs/file-upload","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/file-upload/default/preview.1755958894925.png","pc":"ruixen.ui","tg":["search","select","table","upload-download"]},{"id":"21st:ruixen.ui__fixed-header-footer-table","t":"Fixed header footer table","d":"This Fixed Header and Footer Table component is a highly practical and user-friendly UI element built with Shadcn UI. It ensures that the table header remains fixed at the top and ","k":"section","s":"21st","c":"marketing/footer","a":"ruixen.ui","u":47,"pl":"https://cdn.21st.dev/ruixen.ui/fixed-header-footer-table/default/preview.1757821020511.png","pc":"ruixen.ui","tg":["scroll-area"]},{"id":"21st:ruixen.ui__flash-sale-banner","t":"Flash sale banner","d":"This component is a clean, responsive flash sale banner with a live countdown timer, headline, description, and call-to-action button. It shows remaining days, hours, minutes, and ","s":"21st","c":"overlays/alert-banner","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/flash-sale-banner/default/preview.1755969031983.png","pc":"ruixen.ui","tg":["cta"]},{"id":"21st:ruixen.ui__flexi-filter-table","t":"Flexi filter table","d":"This Super Mega Filter component is designed to provide a clean yet powerful way to filter large sets of data. Built with shadcn UI, it combines dropdowns, checkboxes, and keyword ","s":"21st","c":"data-display/table","a":"ruixen.ui","u":78,"pl":"https://cdn.21st.dev/ruixen.ui/flexi-filter-table/default/preview.1757834897063.png","pc":"ruixen.ui","tg":["checkbox","date-picker","search","table"],"sb":"Data tables"},{"id":"21st:ruixen.ui__flip-card","t":"Flip card","d":"The Flip Card: Info + Login component is a versatile and interactive card that combines branding, guidance, and authentication in a single UI element. The front side can display a ","s":"21st","c":"data-display/card","a":"ruixen.ui","u":25,"pl":"https://cdn.21st.dev/ruixen.ui/flip-card/default/preview.1758687507412.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__flip-clock","t":"Flip clock","s":"21st","c":"assets/icon","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/flip-clock/default/preview.1755900940333.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__floating-icons-loader","t":"Floating icons loader","d":"The FloatingIconsLoader component is a versatile and visually engaging React loader that animates multiple icons in a floating, staggered motion. Unlike traditional loaders, this c","s":"21st","c":"assets/icon","a":"ruixen.ui","u":11,"pl":"https://cdn.21st.dev/ruixen.ui/floating-icons-loader/default/preview.1785370086615-e9f785fb-e8cc-4afc-8317-e76994e5a951.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__floating-input","t":"Floating input","s":"21st","c":"inputs/form-field","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/floating-input/default/preview.1757011777436.png","pc":"ruixen.ui","sb":"Animated fields"},{"id":"21st:ruixen.ui__floating-nav","t":"Floating nav","d":"This is a responsive floating bottom navigation bar built with React and Framer Motion. It displays multiple menu items with icons and labels, adapting to screen size by showing ic","s":"21st","c":"navigation/dock","a":"ruixen.ui","u":68,"pl":"https://cdn.21st.dev/ruixen.ui/floating-nav/default/preview.1755842178208.png","pc":"ruixen.ui","tg":["navigation-menu"]},{"id":"21st:ruixen.ui__fluid-blob-select","t":"Fluid blob select","k":"resource","s":"21st","c":"assets/shape","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/fluid-blob-select/default/preview.1758911700515.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__flux-orb","t":"Flux orb","s":"21st","c":"ai-agent/ai-agent","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/flux-orb/default/preview.1762969510152.png","pc":"ruixen.ui","sb":"Orbs and presence"},{"id":"21st:ruixen.ui__footer-1","t":"Footer 1","d":"The Footer component is a fully configurable, responsive, and theme-aware UI element built with Next.js and Shadcn-style design. It supports dynamic navigation columns, customizabl","k":"section","s":"21st","c":"marketing/footer","a":"ruixen.ui","u":37,"pl":"https://cdn.21st.dev/ruixen.ui/footer-1/default/preview.1760592478840.png","pc":"ruixen.ui","tg":["footer"]},{"id":"21st:ruixen.ui__futuristic-nav","t":"Futuristic nav","d":"This is a futuristic floating navigation bar designed for modern web and mobile interfaces. It features a glassmorphism pill-shaped container, with a glowing gradient indicator beh","s":"21st","c":"navigation/top-nav","a":"ruixen.ui","u":130,"pl":"https://cdn.21st.dev/ruixen.ui/futuristic-nav/default/preview.1755844532675.png","pc":"ruixen.ui","tg":["tooltip"],"sb":"Mega menus"},{"id":"21st:ruixen.ui__gallery-hover-carousel","t":"Gallery hover carousel","d":"This component is a dynamic, interactive gallery built with Shadcn UI and Tailwind CSS. Each card initially displays a full-background image, which smoothly shrinks to the top half","s":"21st","c":"media/carousel","a":"ruixen.ui","u":212,"pl":"https://cdn.21st.dev/ruixen.ui/gallery-hover-carousel/default/preview.1755353467967.png","pc":"ruixen.ui","tg":["carousel","features","gallery"]},{"id":"21st:ruixen.ui__gamified-login-card","t":"Gamified login card","d":"The Gamified Login Card is a playful and interactive login component designed to boost user engagement while maintaining a clean, modern look. Built strictly with shadcn UI compone","s":"21st","c":"flows/sign-in","a":"ruixen.ui","u":42,"pl":"https://cdn.21st.dev/ruixen.ui/gamified-login-card/default/preview.1758658592368.png","pc":"ruixen.ui","tg":["sign-in"],"sb":"Sign up"},{"id":"21st:ruixen.ui__globe","t":"Globe","d":"This is a self-contained React component that displays a rotating globe with twinkling stars using Tailwind CSS. It features smooth animations for both the globe and stars, a glowi","k":"motion","s":"21st","c":"motion/globe","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/globe/default/preview.1755628836402.png","pc":"ruixen.ui","tg":["globe"]},{"id":"21st:ruixen.ui__globe-feature-section","t":"Globe feature section","d":"The Featured_05 component is a modern hero section designed to spotlight Ruixen UI’s core value proposition. On the left, it presents a bold heading and supporting text that commun","k":"section","s":"21st","c":"marketing/features","a":"ruixen.ui","u":382,"pl":"https://cdn.21st.dev/ruixen.ui/globe-feature-section/default/preview.1754419159277.png","pc":"ruixen.ui","tg":["cta","features","globe"]},{"id":"21st:ruixen.ui__glow-tree","t":"Glow tree","d":"The Glow Tree component is a visually engaging and interactive file explorer built with Shadcn UI styling utilities and lucide-react icons. It displays hierarchical data, such as f","s":"21st","c":"data-display/tree","a":"ruixen.ui","u":8,"pl":"https://cdn.21st.dev/ruixen.ui/glow-tree/default/preview.1757436683099.png","pc":"ruixen.ui","tg":["file-tree"]},{"id":"21st:ruixen.ui__gooey-dock","t":"Gooey dock","d":"This Dock component is a modern, interactive navigation bar inspired by the macOS-style dock, built with React, Framer Motion, and shadcn/ui. It displays a row of circular icon but","s":"21st","c":"navigation/dock","a":"ruixen.ui","u":29,"pl":"https://cdn.21st.dev/ruixen.ui/gooey-dock/default/preview.1758352605417.png","pc":"ruixen.ui","tg":["dock","tooltip"]},{"id":"21st:ruixen.ui__gooey-pagination","t":"Gooey pagination","d":"This Liquid Gooey Smart Pagination component elevates traditional pagination into an interactive, visually engaging experience. Each page is represented by a dot, with the active d","s":"21st","c":"navigation/pagination","a":"ruixen.ui","u":11,"pl":"https://cdn.21st.dev/ruixen.ui/gooey-pagination/default/preview.1758433361654.png","pc":"ruixen.ui","tg":["pagination"]},{"id":"21st:ruixen.ui__google2fadialog","t":"Google2fadialog","s":"21st","c":"overlays/dialog","a":"ruixen.ui","st":"rated","pl":"https://cdn.21st.dev/ruixen.ui/google2fadialog/default/preview.1760719458400.png","pc":"ruixen.ui","sc":20},{"id":"21st:ruixen.ui__gradient-bold-card","t":"Gradient bold card","d":"this component is animated with modern glass effect and moving glowing border.","s":"21st","c":"data-display/card","a":"ruixen.ui","u":36,"pl":"https://cdn.21st.dev/ruixen.ui/gradient-bold-card/default/preview.1755624994936.png","pc":"ruixen.ui","tg":["card","border"],"sb":"Animated and glowing"},{"id":"21st:ruixen.ui__gradient-chat-input","t":"Gradient chat input","d":"React AI chat input — a minimal message field that streams animated chat bubbles and reveals a blurred spectrum glow once a conversation starts.","s":"21st","c":"ai-agent/composer","a":"ruixen.ui","st":"rated","u":9,"pl":"https://cdn.21st.dev/ruixen.ui/gradient-chat-input/default/preview.1782977566123.png","pc":"ruixen.ui","tg":["input"],"sc":24},{"id":"21st:ruixen.ui__gradient-pricing-section","t":"Gradient pricing section","k":"section","s":"21st","c":"marketing/pricing","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/gradient-pricing-section/default/preview.1754811286702.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__gradient-reveal-text","t":"Gradient reveal text","d":"GradientRevealText is an interactive and visually appealing text component designed for modern web interfaces. It allows text to be highlighted with a smooth gradient reveal in mul","k":"motion","s":"21st","c":"motion/text-effect","a":"ruixen.ui","u":4,"pl":"https://cdn.21st.dev/ruixen.ui/gradient-reveal-text/default/preview.1758919920747.png","pc":"ruixen.ui","sb":"Reveal and entrance"},{"id":"21st:ruixen.ui__health-stat-card","t":"Health stat card","d":"The HealthStatCard component is a modern, reusable, and fully customizable Shadcn UI–based card designed for displaying health and performance metrics in an engaging, data-driven w","s":"21st","c":"data-display/stat","a":"ruixen.ui","u":23,"pl":"https://cdn.21st.dev/ruixen.ui/health-stat-card/default/preview.1760023289997.png","pc":"ruixen.ui","tg":["dashboard","tooltip"]},{"id":"21st:ruixen.ui__heatmap-calendar","t":"Heatmap calendar","d":"The Heatmap Calendar component is a visually intuitive way to track daily activity using Shadcn UI components. Each day of the current month is displayed as a block whose color int","s":"21st","c":"data-display/calendar","a":"ruixen.ui","st":"rated","u":23,"pl":"https://cdn.21st.dev/ruixen.ui/heatmap-calendar/default/preview.1758739515404.png","pc":"ruixen.ui","tg":["popover"],"sc":20},{"id":"21st:ruixen.ui__hero","t":"Hero","d":"This Hero component is a visually engaging introduction section designed for an animal-themed website. It features a soft, curved light-green gradient background that gently fades ","k":"section","s":"21st","c":"marketing/hero","a":"ruixen.ui","u":23,"pl":"https://cdn.21st.dev/ruixen.ui/hero/default/preview.1755899731753.png","pc":"ruixen.ui","tg":["video"],"sb":"With video"},{"id":"21st:ruixen.ui__hero-page","t":"Hero page","d":"This component is a modern hero section designed to immediately capture attention and showcase dynamic visual content. The heading combines text and an animated image card to creat","k":"section","s":"21st","c":"marketing/hero","a":"ruixen.ui","u":12,"pl":"https://cdn.21st.dev/ruixen.ui/hero-page/default/preview.1758874356322.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__hero-preview-walls","t":"Hero preview walls","d":"This component is a responsive Hero Section with an animated Card Stack overlay, designed to showcase key features or testimonials in a dynamic and visually engaging way. Built wit","k":"section","s":"21st","c":"marketing/hero","a":"ruixen.ui","u":49,"pl":"https://cdn.21st.dev/user_2y5Wd5l713ZIFYjX19aZXSyXd6b/hero-preview-walls/default/preview.1786147544374.webp","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__hero-section-glass-web","t":"Hero section glass web","k":"section","s":"21st","c":"marketing/hero","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/hero-section-glass-web/default/preview.1761148970214.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__hero-section-with-gradient","t":"Hero section with gradient","d":"This component is a visually elegant and content-focused hero section designed for the Ruixen brand, featuring a soft pastel gradient background that transitions from white to peac","k":"section","s":"21st","c":"marketing/hero","a":"ruixen.ui","u":87,"pl":"https://cdn.21st.dev/ruixen.ui/hero-section-with-gradient/default/preview.1753117321340.png","pc":"ruixen.ui","tg":["dashboard","cta","hero"],"sb":"Animated background"},{"id":"21st:ruixen.ui__hero-section06","t":"Hero section06","d":"This HeroSection_06 component is a highly interactive and visually dynamic landing section built with Next.js, Tailwind CSS, and custom animations. It combines eye-catching element","k":"section","s":"21st","c":"marketing/hero","a":"ruixen.ui","u":40,"pl":"https://cdn.21st.dev/ruixen.ui/hero-section06/default/preview.1753806836869.png","pc":"ruixen.ui","tg":["ai-chat","badge","cta","hero"],"sb":"SaaS and AI"},{"id":"21st:ruixen.ui__home-section","t":"Home section","d":"This HomeSection component is a responsive, GSAP-animated carousel section that showcases a series of cards with smooth scaling and directional transitions.","s":"21st","c":"media/carousel","a":"ruixen.ui","u":11,"pl":"https://cdn.21st.dev/ruixen.ui/home-section/default/preview.1754635773267.png","pc":"ruixen.ui","tg":["carousel"]},{"id":"21st:ruixen.ui__hover-gradient-nav-bar","t":"Hover gradient nav bar","d":"ChatGPT said:\n\nThis MenuBar component is a modern, animated bottom navigation bar built with React, Tailwind CSS, Framer Motion, and Lucide icons. It stays fixed at the bottom of t","s":"21st","c":"navigation/top-nav","a":"ruixen.ui","u":98,"pl":"https://cdn.21st.dev/ruixen.ui/hover-gradient-nav-bar/default/preview.1755833753607.png","pc":"ruixen.ui","tg":["dock","menu"],"sb":"Mega menus"},{"id":"21st:ruixen.ui__hover-play-card","t":"Hover play card","d":"This HoverPlay Video Card component is a clean and interactive media element built with Shadcn UI. It enhances the video viewing experience by blending hover and click interactions","s":"21st","c":"data-display/card","a":"ruixen.ui","u":74,"pl":"https://cdn.21st.dev/ruixen.ui/hover-play-card/default/preview.1757867496156.png","pc":"ruixen.ui","tg":["video"],"sb":"Animated and glowing"},{"id":"21st:ruixen.ui__hover-preview-button","t":"Hover preview button","s":"21st","c":"actions/button","a":"ruixen.ui","st":"rated","pl":"https://cdn.21st.dev/ruixen.ui/hover-preview-button/default/preview.1758651245603.png","pc":"ruixen.ui","tg":["card","link","tooltip"],"sc":15,"sb":"Animated"},{"id":"21st:ruixen.ui__hybrid-tabs","t":"Hybrid tabs","d":"The Icon + Label Hybrid Tabs component combines compactness with clarity by showing only icons for inactive tabs and expanding the active tab to reveal both the icon and its label.","s":"21st","c":"navigation/tabs","a":"ruixen.ui","u":25,"pl":"https://cdn.21st.dev/ruixen.ui/hybrid-tabs/default/preview.1758452912190.png","pc":"ruixen.ui","tg":["tabs"]},{"id":"21st:ruixen.ui__icon-grid-button","t":"Icon grid button","s":"21st","c":"actions/button","a":"ruixen.ui","st":"rated","pl":"https://cdn.21st.dev/ruixen.ui/icon-grid-button/default/preview.1758563354602.png","pc":"ruixen.ui","tg":["button","dropdown","grid"],"sc":17,"sb":"Icon buttons"},{"id":"21st:ruixen.ui__icon-label-subtext-button","t":"Icon label subtext button","d":"The IconLabelSubtextButton is a custom shadcn/ui-based React component designed for actions that need extra context beyond a single label. Unlike a standard button, it combines an ","s":"21st","c":"actions/button","a":"ruixen.ui","u":14,"pl":"https://cdn.21st.dev/ruixen.ui/icon-label-subtext-button/default/preview.1758554993292.png","pc":"ruixen.ui","tg":["badge","button","spinner","tooltip"],"sb":"Icon buttons"},{"id":"21st:ruixen.ui__icon-pagination","t":"Icon pagination","d":"This Icon-Based Contextual Pagination component transforms traditional pagination into an interactive, visually intuitive experience. Instead of showing just numbers, each page is ","k":"resource","s":"21st","c":"assets/icon","a":"ruixen.ui","u":12,"pl":"https://cdn.21st.dev/ruixen.ui/icon-pagination/default/preview.1758446482275.png","pc":"ruixen.ui","tg":["pagination","tooltip"]},{"id":"21st:ruixen.ui__identity-verification-dialog","t":"Identity verification dialog","s":"21st","c":"overlays/dialog","a":"ruixen.ui","st":"rated","pl":"https://cdn.21st.dev/ruixen.ui/identity-verification-dialog/default/preview.1759041374424.png","pc":"ruixen.ui","tg":["modal"],"sc":23},{"id":"21st:ruixen.ui__image-card-fan","t":"Image card fan","d":"A fanned hand of large image cards. Click one and it lifts out of the hand while its title and description settle in on either side: one card out at a time.","s":"21st","c":"data-display/card","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/image-card-fan/default/preview.1785158571173-61c02b67-1a63-4629-92ca-12c52e0bb309.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__image-cropper","t":"Image cropper","d":"This Image Cropper component is a highly interactive and user-friendly tool built entirely with shadcn UI and React. It allows users to upload any image and crop it with precision ","s":"21st","c":"media/gallery","a":"ruixen.ui","u":70,"pl":"https://cdn.21st.dev/ruixen.ui/image-cropper/default/preview.1757761300922.png","pc":"ruixen.ui","tg":["image","select","slider","upload-download"]},{"id":"21st:ruixen.ui__image-stream-hero","t":"Image stream hero","d":"Two rails of images ride out of the vanishing point at the centre and sweep to both edges, growing and turning as they approach. Perspective does the sweep and the growth at once, ","k":"section","s":"21st","c":"marketing/hero","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/image-stream-hero/default/preview.1786457825693-aec7ef9e-26de-4f80-96a2-74ee9afaa09a.png","pc":"ruixen.ui","tg":["carousel","hero","image"],"sb":"With product shot"},{"id":"21st:ruixen.ui__inbox-calendar","t":"Inbox calendar","s":"21st","c":"data-display/calendar","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/inbox-calendar/default/preview.1758803129460.png","pc":"ruixen.ui","tg":["card","calendar","date-picker","list"]},{"id":"21st:ruixen.ui__info-cards-table","t":"Info cards table","d":"This component is a clean, responsive card layout designed to showcase different sections in a structured way. Each card is styled with subtle borders (border border-gray-200 dark:","s":"21st","c":"data-display/card","a":"ruixen.ui","u":8,"pl":"https://cdn.21st.dev/ruixen.ui/info-cards-table/default/preview.1755707387921.png","pc":"ruixen.ui","tg":["comparison","grid","table"]},{"id":"21st:ruixen.ui__inline-analytics-table","t":"Inline analytics table","s":"21st","c":"data-display/table","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/inline-analytics-table/default/preview.1757839975232.png","pc":"ruixen.ui","tg":["data-visualization","dashboard","table"]},{"id":"21st:ruixen.ui__inline-copy-input","t":"Inline copy input","d":"This is a modern, pill-shaped copy-to-clipboard input with an inline button. It provides instant visual feedback by changing the background when copied, and is fully minimal and bl","s":"21st","c":"inputs/form-field","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/inline-copy-input/default/preview.1755966955158.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__input-with-select","t":"Input with select","s":"21st","c":"inputs/form-field","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/input-with-select/default/preview.1756917192391.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__integration-hero","t":"Integration hero","d":"The IntegrationHero component is a visually engaging section designed to showcase integrations with popular tools. It features two horizontal rows of app icons that continuously sc","k":"section","s":"21st","c":"marketing/hero","a":"ruixen.ui","u":232,"pl":"https://cdn.21st.dev/ruixen.ui/integration-hero/default/preview.1755435122823.png","pc":"ruixen.ui","tg":["cta","marquee"]},{"id":"21st:ruixen.ui__integrations-section","t":"Integrations section","d":"This component is a hero section for RUIXEN UI that introduces the product with a clear heading, supporting text, and call-to-action buttons.","k":"section","s":"21st","c":"marketing/logos","a":"ruixen.ui","u":143,"pl":"https://cdn.21st.dev/ruixen.ui/integrations-section/default/preview.1774362714667.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__interactive-button","t":"Interactive button","d":"A modern interactive button that dynamically changes its background color when hovered over, focused, or clicked. This enhances user experience by providing immediate visual feedba","s":"21st","c":"actions/button","a":"ruixen.ui","u":19,"pl":"https://cdn.21st.dev/ruixen.ui/interactive-button/default/preview.1749230119272.png","pc":"ruixen.ui","sb":"Icon buttons"},{"id":"21st:ruixen.ui__interactive-image-gallery","t":"Interactive image gallery","d":"The InteractiveImageGallery component is a dynamic, visually engaging layout designed to display images and accompanying text cards in a randomized, floating arrangement. Each time","s":"21st","c":"media/gallery","a":"ruixen.ui","u":29,"pl":"https://cdn.21st.dev/ruixen.ui/interactive-image-gallery/default/preview.1760797359909.png","pc":"ruixen.ui","tg":["gallery"]},{"id":"21st:ruixen.ui__iris-lens-card","t":"Iris lens card","s":"21st","c":"media/gallery","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/iris-lens-card/default/preview.1763055307245.png","pc":"ruixen.ui","sb":"Zoom and lens"},{"id":"21st:ruixen.ui__job-card","t":"Job card","s":"21st","c":"data-display/card","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/job-card/default/preview.1757382121379.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__job-slider","t":"Job slider","s":"21st","c":"inputs/slider","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/job-slider/default/preview.1759939067812.png","pc":"ruixen.ui","tg":["ai-chat","carousel"]},{"id":"21st:ruixen.ui__launch-roadmap","t":"Launch roadmap","s":"21st","c":"data-viz/map","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/launch-roadmap/default/preview.1760784668552.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__live-preview-style-select","t":"Live preview style select","s":"21st","c":"inputs/select","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/live-preview-style-select/default/preview.1758909455534.png","pc":"ruixen.ui","tg":["dropdown","select"]},{"id":"21st:ruixen.ui__load-ripple","t":"Load ripple","k":"motion","s":"21st","c":"motion/background","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/load-ripple/default/preview.1759081053814.png","pc":"ruixen.ui","sb":"Waves and warps"},{"id":"21st:ruixen.ui__loader","t":"Loader","d":"This React component renders a compact and stylish animated loader using Tailwind CSS and inline keyframes. The loader starts as a square that smoothly transforms","s":"21st","c":"status/loader","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/loader/default/preview.1753162548119.png","pc":"ruixen.ui","tg":["spinner"],"sb":"Spinners"},{"id":"21st:ruixen.ui__loading-circle","t":"Loading circle","s":"21st","c":"status/loader","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/loading-circle/default/preview.1759080509818.png","pc":"ruixen.ui","sb":"Spinners"},{"id":"21st:ruixen.ui__login-card","t":"Login card","s":"21st","c":"flows/sign-in","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/login-card/default/preview.1758657184799.png","pc":"ruixen.ui","tg":["form","sign-in"],"sb":"Sign in"},{"id":"21st:ruixen.ui__mac-laptop-screen","t":"Mac laptop screen","s":"21st","c":"other","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/mac-laptop-screen/default/preview.1758473873535.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__magic-tree","t":"Magic tree","s":"21st","c":"data-display/tree","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/magic-tree/default/preview.1757436146957.png","pc":"ruixen.ui","tg":["file-tree"]},{"id":"21st:ruixen.ui__magnetic-dock","t":"Magnetic dock","s":"21st","c":"navigation/dock","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/magnetic-dock/default/preview.1758379943577.png","pc":"ruixen.ui","tg":["dock"]},{"id":"21st:ruixen.ui__magnetic-tabs","t":"Magnetic tabs","s":"21st","c":"navigation/tabs","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/magnetic-tabs/default/preview.1758455958520.png","pc":"ruixen.ui","tg":["tabs"]},{"id":"21st:ruixen.ui__mail-checker-input","t":"Mail checker input","d":"This component is a modern email input field that dynamically shows a profile avatar (via Gravatar) as the user types their email. If no valid email is entered, it displays a place","s":"21st","c":"inputs/form-field","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/mail-checker-input/default/preview.1755965704723.png","pc":"ruixen.ui","tg":["avatar","form","input"],"sb":"Whole forms"},{"id":"21st:ruixen.ui__mesh-wave-hero","t":"Mesh wave hero","k":"section","s":"21st","c":"marketing/hero","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/mesh-wave-hero/default/preview.1758048742629.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__minimal-payment-modal","t":"Minimal payment modal","d":"This component is a minimal and responsive payment modal that allows users to select a subscription plan and enter their card details to complete the payment. The selected plan dyn","s":"21st","c":"overlays/dialog","a":"ruixen.ui","u":23,"pl":"https://cdn.21st.dev/ruixen.ui/minimal-payment-modal/default/preview.1755716674029.png","pc":"ruixen.ui","tg":["modal"]},{"id":"21st:ruixen.ui__minimisable-table","t":"Minimisable table","s":"21st","c":"data-display/table","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/minimisable-table/default/preview.1757839056939.png","pc":"ruixen.ui","tg":["dashboard","table"]},{"id":"21st:ruixen.ui__modern-android","t":"Modern android","s":"21st","c":"other","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/modern-android/default/preview.1758477609319.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__modern-card-input","t":"Modern card input","s":"21st","c":"inputs/form-field","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/modern-card-input/default/preview.1757013663130.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__modern-payment-form","t":"Modern payment form","d":"This modern Payment Modal UI component presents a sleek and user-friendly design for selecting payment options. With clear buttons for different payment methods like PayPal, users ","s":"21st","c":"inputs/form-field","a":"ruixen.ui","u":73,"pl":"https://cdn.21st.dev/ruixen.ui/modern-payment-form/default/preview.1753152426285.png","pc":"ruixen.ui","tg":["card","form","input"],"sb":"Payment"},{"id":"21st:ruixen.ui__monthly-heatmap-calendar","t":"Monthly heatmap calendar","s":"21st","c":"data-display/calendar","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/monthly-heatmap-calendar/default/preview.1757759493231.png","pc":"ruixen.ui","tg":["calendar","popover"]},{"id":"21st:ruixen.ui__morphing-page-dots","t":"Morphing page dots","k":"motion","s":"21st","c":"motion/background","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/morphing-page-dots/default/preview.1758430976811.png","pc":"ruixen.ui","tg":["navigation-menu","pagination"],"sb":"Grids and patterns"},{"id":"21st:ruixen.ui__mouse-spark","t":"Mouse spark","k":"motion","s":"21st","c":"motion/cursor","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/mouse-spark/default/preview.1760121030352.png","pc":"ruixen.ui","tg":["cursor"]},{"id":"21st:ruixen.ui__multi-dimensional-select","t":"Multi dimensional select","s":"21st","c":"inputs/select","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/multi-dimensional-select/default/preview.1758898924842.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__multi-media-testimonial","t":"Multi media testimonial","d":"The TestimonialCard component is a responsive, theme-adaptive UI element built with shadcn/ui that elegantly displays client testimonials. It supports text, images, and videos with","k":"section","s":"21st","c":"marketing/testimonials","a":"ruixen.ui","u":44,"pl":"https://cdn.21st.dev/ruixen.ui/multi-media-testimonial/default/preview.1762672030904.png","pc":"ruixen.ui","tg":["testimonials","video"]},{"id":"21st:ruixen.ui__multi-month-calendar","t":"Multi month calendar","d":"This Multi-Month Calendar component is a fully responsive, theme-aware date picker built on top of React DayPicker and styled with shadcn/ui. It supports both single-date selection","s":"21st","c":"data-display/calendar","a":"ruixen.ui","u":39,"pl":"https://cdn.21st.dev/ruixen.ui/multi-month-calendar/default/preview.1758954438006.png","pc":"ruixen.ui","tg":["calendar","date-picker"]},{"id":"21st:ruixen.ui__multi-orbit-semi-circle","t":"Multi orbit semi circle","d":"This component renders three concentric semi-circle orbits populated with app icons that display tooltips on hover.\nIt includes a large blurred radial gradient in the background, f","s":"21st","c":"overlays/tooltip","a":"ruixen.ui","u":94,"pl":"https://cdn.21st.dev/ruixen.ui/multi-orbit-semi-circle/default/preview.1755063927613.png","pc":"ruixen.ui","tg":["tooltip"]},{"id":"21st:ruixen.ui__multi-select-calendar-card","t":"Multi select calendar card","d":"The MultiSelectCalendarCard is a modern, interactive date selection component that extends the functionality of a traditional calendar by supporting multiple date selections with a","s":"21st","c":"inputs/select","a":"ruixen.ui","u":19,"pl":"https://cdn.21st.dev/ruixen.ui/multi-select-calendar-card/default/preview.1758988559179.png","pc":"ruixen.ui","tg":["calendar","chip","date-picker","select"]},{"id":"21st:ruixen.ui__multi-state-morph-button","t":"Multi state morph button","d":"The Multi-State Morphing Button is a highly interactive and practical component built with shadcn UI. Unlike a standard submit button, it provides clear visual feedback for multipl","s":"21st","c":"actions/button","a":"ruixen.ui","u":10,"pl":"https://cdn.21st.dev/ruixen.ui/multi-state-morph-button/default/preview.1758652410923.png","pc":"ruixen.ui","sb":"Loading and states"},{"id":"21st:ruixen.ui__multi-step-button","t":"Multi step button","d":"The Multi-Step Button is a shadcn/ui component that guides users through a sequence of actions by updating its label at each step. It’s perfect for multi-stage processes such as fo","s":"21st","c":"actions/button","a":"ruixen.ui","u":4,"pl":"https://cdn.21st.dev/ruixen.ui/multi-step-button/default/preview.1758562352047.png","pc":"ruixen.ui","tg":["steps"]},{"id":"21st:ruixen.ui__multi-step-login","t":"Multi step login","d":"The Multi-Step Login component is a clean, user-friendly authentication flow built entirely with shadcn UI. By splitting login into three distinct steps—email entry, password or OT","s":"21st","c":"flows/sign-in","a":"ruixen.ui","u":12,"pl":"https://cdn.21st.dev/ruixen.ui/multi-step-login/default/preview.1758654232299.png","pc":"ruixen.ui","tg":["form","steps"],"sb":"Sign up"},{"id":"21st:ruixen.ui__music-equalizer-upload","t":"Music equalizer upload","s":"21st","c":"inputs/file-upload","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/music-equalizer-upload/default/preview.1758737306224.png","pc":"ruixen.ui","tg":["progress","upload-download"]},{"id":"21st:ruixen.ui__navbar","t":"Navbar","d":"This MinimalChatBox component is a lightweight, interactive chat interface built with React, Framer Motion, and Tailwind. It provides a clean toggleable chat box that smoothly anim","s":"21st","c":"navigation/top-nav","a":"ruixen.ui","u":208,"pl":"https://cdn.21st.dev/ruixen.ui/navbar/default/preview.1755950226643.png","pc":"ruixen.ui","tg":["dropdown","navigation-menu","search","sign-in"],"sb":"Mega menus"},{"id":"21st:ruixen.ui__neo-glitch","t":"Neo glitch","s":"21st","c":"motion/text-effect","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/neo-glitch/default/preview.1758919386345.png","pc":"ruixen.ui","sb":"Scramble and glitch"},{"id":"21st:ruixen.ui__neo-qrbutton-2","t":"Neo qrbutton 2","s":"21st","c":"actions/button","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/neo-qrbutton-2/default/preview.1749228809205.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__nested-dashboard-menu","t":"Nested dashboard menu","d":"This component is a nested menubar designed for complex dashboards, where each top-level menu (like Dashboard, Projects, Team, Tasks, Reports, Settings) can have submenus for addit","s":"21st","c":"navigation/menu","a":"ruixen.ui","u":19,"pl":"https://cdn.21st.dev/ruixen.ui/nested-dashboard-menu/default/preview.1756144290964.png","pc":"ruixen.ui","tg":["dashboard","dropdown","menu","navigation-menu"],"sb":"Dropdowns"},{"id":"21st:ruixen.ui__nested-tabs","t":"Nested tabs","s":"21st","c":"navigation/tabs","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/nested-tabs/default/preview.1758470511206.png","pc":"ruixen.ui","tg":["dashboard","navigation-menu","tabs"]},{"id":"21st:ruixen.ui__newsletter","t":"Newsletter","d":"This NewsletterCard component is a reusable UI block built with Shadcn UI and Tailwind CSS that allows users to subscribe to a newsletter. It features a responsive card layout with","k":"motion","s":"21st","c":"motion/background","a":"ruixen.ui","u":6,"pl":"https://cdn.21st.dev/ruixen.ui/newsletter/default/preview.1757347881402.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__newsletter-form","t":"Newsletter form","d":"This component is a modern newsletter subscription form built with ShadCN UI and Tailwind CSS, designed for both light and dark themes. It uses a Card layout to encapsulate the for","k":"section","s":"21st","c":"marketing/cta","a":"ruixen.ui","u":23,"pl":"https://cdn.21st.dev/ruixen.ui/newsletter-form/default/preview.1757274675845.png","pc":"ruixen.ui","sb":"Newsletter and waitlist"},{"id":"21st:ruixen.ui__notification-button","t":"Notification button","d":"The Notification Button is a shadcn/ui-based component designed to display real-time alerts or counts for messages, tasks, or cart items. It combines a button with an icon (default","s":"21st","c":"actions/button","a":"ruixen.ui","u":31,"pl":"https://cdn.21st.dev/ruixen.ui/notification-button/default/preview.1758559993958.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__notification-inbox-popover","t":"Notification inbox popover","d":"This Notification Inbox Popover provides a clean, inbox-style experience for managing alerts directly within the app. Users can toggle between All and Unread notifications using ta","s":"21st","c":"overlays/popover","a":"ruixen.ui","u":154,"pl":"https://cdn.21st.dev/ruixen.ui/notification-inbox-popover/default/preview.1758997194974.png","pc":"ruixen.ui","tg":["dashboard","notification","popover","tabs"]},{"id":"21st:ruixen.ui__notifications","t":"Notifications","d":"The Notifications component is a reusable, interactive UI element built using ShadCN UI, TypeScript, and Tailwind CSS, designed to display real-time notifications in a web applicat","s":"21st","c":"overlays/notifications","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/notifications/default/preview.1757080766972.png","pc":"ruixen.ui","tg":["badge","dropdown","list","notification"]},{"id":"21st:ruixen.ui__notifications-1","t":"Notifications 1","d":"This Notifications component is a reusable UI element built with shadcn/ui and TypeScript (TSX) that displays a bell icon with a notification count badge. When the user clicks the ","s":"21st","c":"overlays/notifications","a":"ruixen.ui","u":32,"pl":"https://cdn.21st.dev/ruixen.ui/notifications-1/default/preview.1757212838433.png","pc":"ruixen.ui","tg":["badge","list","notification","popover"]},{"id":"21st:ruixen.ui__notifications-alt","t":"Notifications alt","s":"21st","c":"overlays/notifications","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/notifications-alt/default/preview.1757213701982.png","pc":"ruixen.ui","tg":["notification","popover","tooltip"]},{"id":"21st:ruixen.ui__notifications-carousel","t":"Notifications carousel","s":"21st","c":"media/carousel","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/notifications-carousel/default/preview.1757249323157.png","pc":"ruixen.ui","tg":["carousel","notification","popover"]},{"id":"21st:ruixen.ui__notifications-filter","t":"Notifications filter","d":"This Notifications with Category Filter component provides a clean and efficient way for users to organize and browse through their alerts. Instead of showing all notifications in ","s":"21st","c":"overlays/notifications","a":"ruixen.ui","st":"rated","u":58,"pl":"https://cdn.21st.dev/ruixen.ui/notifications-filter/default/preview.1757256850520.png","pc":"ruixen.ui","tg":["list","notification"],"sc":18},{"id":"21st:ruixen.ui__notifications-toggle","t":"Notifications toggle","d":"This Lucide-based Notifications component is a clean, professional solution for handling user alerts with both dark and light theme support. It offers two distinct views inside a p","s":"21st","c":"actions/switch","a":"ruixen.ui","u":33,"pl":"https://cdn.21st.dev/ruixen.ui/notifications-toggle/default/preview.1757250222011.png","pc":"ruixen.ui","tg":["carousel","notification","popover"]},{"id":"21st:ruixen.ui__notifications-with-actions","t":"Notifications with actions","d":"This Notifications with Actions component, a standard notification popover by adding interactive controls for each notification. A GripVertical icon on the right allows users to re","s":"21st","c":"overlays/notifications","a":"ruixen.ui","u":24,"pl":"https://cdn.21st.dev/ruixen.ui/notifications-with-actions/default/preview.1757214873492.png","pc":"ruixen.ui","tg":["list","notification","popover"]},{"id":"21st:ruixen.ui__nova-qrbutton","t":"Nova qrbutton","s":"21st","c":"actions/button","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/nova-qrbutton/default/preview.1749228409359.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__order-tracking-parallax-card","t":"Order tracking parallax card","d":"The OrderTrackingParallaxCard is a highly interactive, content-rich UI component designed to make order tracking both informative and visually engaging. Built with Framer Motion, i","k":"layout","s":"21st","c":"layout/scroll-area","a":"ruixen.ui","u":6,"pl":"https://cdn.21st.dev/ruixen.ui/order-tracking-parallax-card/default/preview.1759046675320.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__origami-fold-out-calendar","t":"Origami fold out calendar","s":"21st","c":"data-display/calendar","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/origami-fold-out-calendar/default/preview.1758818929724.png","pc":"ruixen.ui","tg":["accordion","calendar","date-picker"]},{"id":"21st:ruixen.ui__otpdialog","t":"Otpdialog","d":"This component is an OTP (One-Time Password) verification dialog designed for secure and user-friendly authentication. It allows users to enter a 4-digit OTP sent to their email or","s":"21st","c":"overlays/dialog","a":"ruixen.ui","u":56,"pl":"https://cdn.21st.dev/ruixen.ui/otpdialog/default/preview.1755747874222.png","pc":"ruixen.ui","tg":["modal"]},{"id":"21st:ruixen.ui__otpinput","t":"Otpinput","d":"This component is a modern, highly interactive OTP input designed for a smooth and intuitive user experience. Each slot automatically focuses as the user types, and supports backsp","s":"21st","c":"inputs/form-field","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/otpinput/default/preview.1757013042089.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__package-installer-tabs","t":"Package installer tabs","d":"The PackageInstallerTabs component is a modern, Shadcn UI–based code snippet viewer designed for quick package installation commands. It provides users with tabbed navigation for p","s":"21st","c":"navigation/tabs","a":"ruixen.ui","u":20,"pl":"https://cdn.21st.dev/ruixen.ui/package-installer-tabs/default/preview.1758921258731.png","pc":"ruixen.ui","tg":["tabs"]},{"id":"21st:ruixen.ui__particle-field","t":"Particle field","s":"21st","c":"inputs/form-field","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/particle-field/default/preview.1758141279282.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__particle-flow-calendar","t":"Particle flow calendar","s":"21st","c":"data-display/calendar","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/particle-flow-calendar/default/preview.1758811352062.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__password-field","t":"Password field","d":"This PasswordField component is a next-level, reusable password input built for modern applications. Unlike a basic show/hide field, it combines several useful features into one cl","s":"21st","c":"inputs/form-field","a":"ruixen.ui","u":22,"pl":"https://cdn.21st.dev/ruixen.ui/password-field/default/preview.1757063755626.png","pc":"ruixen.ui","tg":["form"],"sb":"Password"},{"id":"21st:ruixen.ui__pill-calendar","t":"Pill calendar","d":"The CalendarCard component is a shadcn-styled calendar variant that provides a clean, modern way to pick single dates or ranges. Unlike the standard flat grid design, this componen","s":"21st","c":"data-display/calendar","a":"ruixen.ui","u":26,"pl":"https://cdn.21st.dev/ruixen.ui/pill-calendar/default/preview.1758923532909.png","pc":"ruixen.ui","tg":["calendar","date-picker"]},{"id":"21st:ruixen.ui__pill-morph-tabs","t":"Pill morph tabs","d":"The Pill Morphing Tabs component is a modern take on tab navigation, styled as smooth rounded pills that provide a sleek and minimal interface. When switching between tabs, the act","s":"21st","c":"navigation/tabs","a":"ruixen.ui","u":57,"pl":"https://cdn.21st.dev/ruixen.ui/pill-morph-tabs/default/preview.1758452335441.png","pc":"ruixen.ui","tg":["tabs"]},{"id":"21st:ruixen.ui__playlist-carousel","t":"Playlist carousel","d":"The Playlist Carousel is a sleek, horizontally scrollable component designed for audio applications. Each card displays the track’s image, title, and duration, while integrating tw","s":"21st","c":"media/carousel","a":"ruixen.ui","u":9,"pl":"https://cdn.21st.dev/ruixen.ui/playlist-carousel/default/preview.1758701017193.png","pc":"ruixen.ui","tg":["carousel","progress"]},{"id":"21st:ruixen.ui__podcast-card-player","t":"Podcast card player","s":"21st","c":"media/player","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/podcast-card-player/default/preview.1758696318435.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__polygon-flux","t":"Polygon flux","s":"21st","c":"other","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/polygon-flux/default/preview.1758049857944.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__precision-card","t":"Precision card","s":"21st","c":"data-display/card","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/precision-card/default/preview.1760947427729.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__predictive-select","t":"Predictive select","s":"21st","c":"inputs/select","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/predictive-select/default/preview.1758898385882.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__preview-switch-hero","t":"Preview switch hero","d":"A split hero with an icon-rail that switches the product preview, a lead-capture column (badge, ratings, email form, CTAs, avatars), and a full-width logo strip. Responsive and the","k":"section","s":"21st","c":"marketing/hero","a":"ruixen.ui","u":10,"pl":"https://cdn.21st.dev/ruixen.ui/preview-switch-hero/default/preview.1780070410938.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__pricing-landing-hero","t":"Pricing landing hero","k":"section","s":"21st","c":"marketing/hero","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/pricing-landing-hero/default/preview.1779084047824.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__pricing-module","t":"Pricing module","d":"The PricingModule component is a fully configurable, responsive pricing section built with shadcn/ui, Lucide icons, and Tailwind CSS. It allows users to easily toggle between month","k":"section","s":"21st","c":"marketing/pricing","a":"ruixen.ui","u":138,"pl":"https://cdn.21st.dev/ruixen.ui/pricing-module/default/preview.1760809383261.png","pc":"ruixen.ui","tg":["pricing-section","table","toggle"],"sb":"Comparison tables"},{"id":"21st:ruixen.ui__pricing-section-1","t":"Pricing section 1","d":"$34","k":"section","s":"21st","c":"marketing/pricing","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/pricing-section-1/default/preview.1760721348311.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__pricing-section-2","t":"Pricing section 2","d":"$34","k":"section","s":"21st","c":"marketing/pricing","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/pricing-section-2/default/preview.1760799177696.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__pricing-section-3","t":"Pricing section 3","k":"section","s":"21st","c":"marketing/pricing","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/pricing-section-3/default/preview.1760965416074.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__pricnig-cards03","t":"Pricnig cards03","s":"21st","c":"data-display/card","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/pricnig-cards03/default/preview.1752779252906.png","pc":"ruixen.ui","tg":["pricing-section"],"sb":"Pricing"},{"id":"21st:ruixen.ui__priority-pyramid-calendar","t":"Priority pyramid calendar","s":"21st","c":"data-display/calendar","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/priority-pyramid-calendar/default/preview.1758804313043.png","pc":"ruixen.ui","tg":["calendar","date-picker"]},{"id":"21st:ruixen.ui__prism-flux","t":"Prism flux","s":"21st","c":"other","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/prism-flux/default/preview.1758048423981.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__privacy-policy-modal","t":"Privacy policy modal","d":"This component is a Privacy Policy modal built using ShadCN UI and React. It displays a scrollable privacy policy that users must read before accepting. The content is dynamically ","s":"21st","c":"overlays/dialog","a":"ruixen.ui","u":31,"pl":"https://cdn.21st.dev/ruixen.ui/privacy-policy-modal/default/preview.1755716832458.png","pc":"ruixen.ui","tg":["modal","scroll-area"]},{"id":"21st:ruixen.ui__product-bounce-card","t":"Product bounce card","d":"The ProductBounceCard is a sleek, animated display card designed to showcase products with a lively and modern 3D bounce effect. Using Framer Motion, it smoothly animates the produ","s":"21st","c":"data-display/card","a":"ruixen.ui","u":4,"pl":"https://cdn.21st.dev/ruixen.ui/product-bounce-card/default/preview.1759088570850.png","pc":"ruixen.ui","sb":"Product"},{"id":"21st:ruixen.ui__product-design-page","t":"Product design page","d":"$34","s":"21st","c":"other","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/product-design-page/default/preview.1760788679907.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__product-image-card","t":"Product image card","d":"The ProductImageCard component is a modern, interactive product viewer built entirely with shadcn/ui components. It presents a clean, mobile-inspired layout featuring a main produc","s":"21st","c":"media/gallery","a":"ruixen.ui","u":30,"pl":"https://cdn.21st.dev/ruixen.ui/product-image-card/default/preview.1761156478545.png","pc":"ruixen.ui","tg":["carousel","gallery"]},{"id":"21st:ruixen.ui__product-table","t":"Product table","d":"Animated Product Table is a highly interactive, feature-rich table built with React, TanStack Table, and Framer Motion. It supports global search, pagination, and column toggling, ","s":"21st","c":"data-display/table","a":"ruixen.ui","u":22,"pl":"https://cdn.21st.dev/ruixen.ui/product-table/default/preview.1758914848185.png","pc":"ruixen.ui","tg":["pagination","search","table"],"sb":"Data tables"},{"id":"21st:ruixen.ui__progress-button","t":"Progress button","s":"21st","c":"actions/button","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/progress-button/default/preview.1758555306091.png","pc":"ruixen.ui","tg":["upload-download"],"sb":"Loading and states"},{"id":"21st:ruixen.ui__progressive-flux-loader","t":"Progressive flux loader","d":"A glowing flux progress bar with phase labels that fly in letter by letter.","s":"21st","c":"status/loader","a":"ruixen.ui","u":39,"pl":"https://cdn.21st.dev/ruixen.ui/progressive-flux-loader/default/preview.1781592888741.png","pc":"ruixen.ui","tg":["progress","spinner","text","upload-download"],"sb":"Bars"},{"id":"21st:ruixen.ui__progressive-step-tabs","t":"Progressive step tabs","s":"21st","c":"navigation/tabs","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/progressive-step-tabs/default/preview.1758461595475.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__project-progress-card","t":"Project progress card","d":"The ProjectProgressCard is a visually engaging dashboard component built entirely with Shadcn UI and Framer Motion. It provides a clear overview of a project’s status, showing key ","s":"21st","c":"data-viz/progress-bar","a":"ruixen.ui","u":20,"pl":"https://cdn.21st.dev/ruixen.ui/project-progress-card/default/preview.1760098910792.png","pc":"ruixen.ui","tg":["progress","timeline"]},{"id":"21st:ruixen.ui__project-pulse-tracker","t":"Project pulse tracker","d":"A clean and responsive project card that displays key project milestones alongside team member details. It uses a two-column layout with a timeline on the left and a list of contri","s":"21st","c":"data-display/timeline","a":"ruixen.ui","st":"rated","u":17,"pl":"https://cdn.21st.dev/ruixen.ui/project-pulse-tracker/default/preview.1749314571162.png","pc":"ruixen.ui","tg":["team","timeline"],"sc":14},{"id":"21st:ruixen.ui__radial-week-view","t":"Radial week view","s":"21st","c":"overlays/popover","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/radial-week-view/default/preview.1758741203369.png","pc":"ruixen.ui","tg":["calendar","popover"]},{"id":"21st:ruixen.ui__rain-background","t":"Rain background","k":"motion","s":"21st","c":"motion/background","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/rain-background/default/preview.1758190086530.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__rating-scale-group","t":"Rating scale group","d":"This Rating Scale Group component presents a clean, survey-style alternative to traditional star ratings. Instead of icons, it uses a row of numbered boxes (1–10) that users can cl","s":"21st","c":"inputs/rating","a":"ruixen.ui","u":29,"pl":"https://cdn.21st.dev/ruixen.ui/rating-scale-group/default/preview.1758995090475.png","pc":"ruixen.ui","tg":["radio-group"]},{"id":"21st:ruixen.ui__receding-text-plane","t":"Receding text plane","d":"A slab of copy raked away from the viewer on a short lens. Near lines swell past the frame edges, far lines fold toward a horizon that was never drawn — no scroll, no animation, on","k":"motion","s":"21st","c":"motion/text-effect","a":"ruixen.ui","u":6,"pl":"https://cdn.21st.dev/ruixen.ui/receding-text-plane/default/preview.1785332734105-d626fa00-4184-4585-9b3a-64b3809b51ca.png","pc":"ruixen.ui","tg":["text"]},{"id":"21st:ruixen.ui__release-time-line","t":"Release time line","d":"This TimeLine_01 React component renders a vertically scrolling release notes timeline where only the card closest to the viewport center expands to show full details.\nIt supports ","s":"21st","c":"data-display/timeline","a":"ruixen.ui","u":205,"pl":"https://cdn.21st.dev/ruixen.ui/release-time-line/default/preview.1755269528074.png","pc":"ruixen.ui","tg":["image","timeline"]},{"id":"21st:ruixen.ui__reorderable-table","t":"Reorderable table","s":"21st","c":"data-display/table","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/reorderable-table/default/preview.1757837687129.png","pc":"ruixen.ui","tg":["search","table"],"sb":"Transactions"},{"id":"21st:ruixen.ui__review-filter-bars","t":"Review filter bars","d":"This Review Filter Bars component offers a clear and interactive way to filter reviews by rating. Instead of simple text or star lists, each option is displayed as a horizontal bar","s":"21st","c":"inputs/rating","a":"ruixen.ui","u":15,"pl":"https://cdn.21st.dev/ruixen.ui/review-filter-bars/default/preview.1758995495392.png","pc":"ruixen.ui","tg":["radio-group","progress"]},{"id":"21st:ruixen.ui__ripple-circles","t":"Ripple circles","d":"The RippleCircles component delivers a smooth and modern ripple-style loading animation using five concentric circles that expand and fade in a staggered sequence. Each circle feat","k":"motion","s":"21st","c":"motion/background","a":"ruixen.ui","u":14,"pl":"https://cdn.21st.dev/ruixen.ui/ripple-circles/default/preview.1759081401840.png","pc":"ruixen.ui","tg":["spinner"],"sb":"Waves and warps"},{"id":"21st:ruixen.ui__ripple-distortion","t":"Ripple distortion","d":"The RippleDistortion component is an interactive WebGL-powered React component built with Three.js and custom shaders. It takes an image as input and applies a dynamic ripple-like ","k":"motion","s":"21st","c":"motion/background","a":"ruixen.ui","u":11,"pl":"https://cdn.21st.dev/ruixen.ui/ripple-distortion/default/preview.1785440536759-b94c9b47-0485-44e8-977d-29e3b0afb4d2.png","pc":"ruixen.ui","sb":"Waves and warps"},{"id":"21st:ruixen.ui__rising-glow","t":"Rising glow","d":"This component, RisingGlow, is a visually engaging UI element designed to create a dynamic ambient effect beneath a heading or text. It generates a series of glowing particles that","k":"motion","s":"21st","c":"motion/background","a":"ruixen.ui","u":13,"pl":"https://cdn.21st.dev/ruixen.ui/rising-glow/default/preview.1785360133648-b3c0dddd-a5f8-4010-b9e5-79958373a807.png","pc":"ruixen.ui","sb":"Gradients and aurora"},{"id":"21st:ruixen.ui__roadmap","t":"Roadmap","s":"21st","c":"data-viz/map","a":"ruixen.ui","st":"rated","pl":"https://cdn.21st.dev/ruixen.ui/roadmap/default/preview.1762881764341.png","pc":"ruixen.ui","sc":23},{"id":"21st:ruixen.ui__rotating-gradient-right","t":"Rotating gradient right","d":"This component creates a smooth, continuously rotating conic gradient glow behind any content.\nThe gradient’s vibrant colors transition seamlessly as it spins, producing a dynamic ","k":"motion","s":"21st","c":"motion/gradient","a":"ruixen.ui","u":94,"pl":"https://cdn.21st.dev/ruixen.ui/rotating-gradient-right/default/preview.1755280099426.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-accordian01","t":"Ruixen accordian01","d":"This accordion component features a clean and professional design that avoids traditional rotating chevrons. Instead, it uses subtle yet engaging visual cues to indicate the expand","k":"section","s":"21st","c":"marketing/faq","a":"ruixen.ui","u":82,"pl":"https://cdn.21st.dev/user_2y5Wd5l713ZIFYjX19aZXSyXd6b/ruixen-accordian01/default/preview.1750813328122.png","pc":"ruixen.ui","tg":["accordion","faq"]},{"id":"21st:ruixen.ui__ruixen-ai-input","t":"Ruixen ai input","d":"This input component is a modern, user-friendly text entry interface designed for chat, assistant, or AI-driven applications. It features a sleek, rounded text area that automatica","s":"21st","c":"ai-agent/ai-agent","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-ai-input/default/preview.1749996377327.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-ai-input03","t":"Ruixen ai input03","d":"This input component is a modern, user-friendly text entry interface designed for chat, assistant, or AI-driven applications. It features a sleek, rounded text area that automatica","s":"21st","c":"ai-agent/ai-agent","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-ai-input03/default/preview.1749997327395.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-ai-input03-1","t":"Ruixen ai input03 1","d":"This input component is a modern, user-friendly text entry interface designed for chat, assistant, or AI-driven applications. It features a sleek, rounded text area that automatica","s":"21st","c":"ai-agent/ai-agent","a":"ruixen.ui","st":"rated","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-ai-input03-1/default/preview.1749997979950.png","pc":"ruixen.ui","sc":17},{"id":"21st:ruixen.ui__ruixen-ai-input06","t":"Ruixen ai input06","d":" AI input component offers a modern, clean interface with a floating action button and animated thinking indicator. It features an auto-resizing textarea, subtle status feedback, a","s":"21st","c":"ai-agent/ai-agent","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-ai-input06/default/preview.1749998690173.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-alert","t":"Ruixen alert","d":"This alert component delivers a clean and modern notification message with a smooth entrance animation that slides in subtly from below. It features a left-accented green border to","s":"21st","c":"overlays/alert-banner","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-alert/default/preview.1749999516803.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-alert02","t":"Ruixen alert02","d":"A premium invite notification component featuring expressive avatar presentation, modern motion, and refined user actions — crafted to fit right into any professional dashboard or ","s":"21st","c":"overlays/alert-banner","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-alert02/default/preview.1750000134095.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-alert03","t":"Ruixen alert03","s":"21st","c":"overlays/alert-banner","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-alert03/default/preview.1750050366295.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-alert04","t":"Ruixen alert04","d":"This Alert is a stylish, animated alert card with a success message, celebration icon, and a floating label—designed using a blue gradient theme with motion effects and a glassmorp","s":"21st","c":"overlays/alert-banner","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-alert04/default/preview.1750050878651.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-alert05","t":"Ruixen alert05","d":"RuixenAlert05 is a sleek horizontal alert bar showing a successful payment message with an icon and redirect link, styled for both light and dark modes.","s":"21st","c":"overlays/alert-banner","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-alert05/default/preview.1750051251437.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-bento-cards","t":"Ruixen bento cards","d":"\n\nRuixen UI is built to make your job easier. These bento cards highlight what really matters when you're building modern UIs: beautiful components, smart layouts, performance, and","k":"layout","s":"21st","c":"layout/bento-grid","a":"ruixen.ui","u":274,"pl":"https://cdn.21st.dev/ruixen.ui/ruixen-bento-cards/default/preview.1752806986187.png","pc":"ruixen.ui","tg":["card","features","grid"]},{"id":"21st:ruixen.ui__ruixen-btn01","t":"Ruixen btn01","d":"An animated button with ripple effect on click, gentle icon rotation, and hover scale for interactive feedback.","s":"21st","c":"actions/button","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-btn01/default/preview.1750051936975.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-btn02","t":"Ruixen btn02","d":"A glowing pill-shaped button with subtle scaling and a looping arrow animation, perfect for modern call-to-action prompts.","s":"21st","c":"actions/button","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-btn02/default/preview.1750052336099.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-btn04","t":"Ruixen btn04","s":"21st","c":"actions/button","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-btn04/default/preview.1750052733538.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-btn04-1","t":"Ruixen btn04 1","d":"A draggable “Slide to Delete” button with visual confirmation — safer and more intentional for destructive actions.","s":"21st","c":"actions/button","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-btn04-1/default/preview.1750053811698.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-btn05","t":"Ruixen btn05","s":"21st","c":"actions/button","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-btn05/default/preview.1750054163484.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-btn07","t":"Ruixen btn07","d":"A modern, round-edged download button with real-time status indicator — featuring animated loader, success/failure icon, and temporary feedback timeout.","s":"21st","c":"actions/button","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-btn07/default/preview.1750054424861.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-btn07-1","t":"Ruixen btn07 1","s":"21st","c":"actions/button","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-btn07-1/default/preview.1750089976036.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-btn08","t":"Ruixen btn08","d":"This is a circular radial share button that reveals multiple social media icons (like Twitter, LinkedIn, Mail, etc.) around it when hovered or clicked. Each icon smoothly expands o","s":"21st","c":"actions/button","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-btn08/default/preview.1750055409214.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-card-01","t":"Ruixen card 01","d":"The RUIXEN UI Feature Card is a compact yet elegant component designed to showcase products, blog posts, or UI elements with visual clarity. It features a responsive image with a s","s":"21st","c":"data-display/card","a":"ruixen.ui","u":12,"pl":"https://cdn.21st.dev/ruixen.ui/ruixen-card-01/default/preview.1749311825175.png","pc":"ruixen.ui","tg":["features"],"sb":"Feature"},{"id":"21st:ruixen.ui__ruixen-card02","t":"Ruixen card02","d":"This section contains a set of responsive action buttons — Portfolio, Connect, and Share — allowing users to view the developer’s work, connect for opportunities, or share the prof","s":"21st","c":"data-display/card","a":"ruixen.ui","u":15,"pl":"https://cdn.21st.dev/user_2y5Wd5l713ZIFYjX19aZXSyXd6b/ruixen-card02/default/preview.1750811122643.png","pc":"ruixen.ui","tg":["profile"],"sb":"Profile"},{"id":"21st:ruixen.ui__ruixen-carousel-wave","t":"Ruixen carousel wave","d":"This component is a sleek, GSAP-powered horizontal carousel that showcases Ruixen-style UI cards with a wave-like animation. It highlights one card at the center by dipping it slig","k":"motion","s":"21st","c":"motion/background","a":"ruixen.ui","u":31,"pl":"https://cdn.21st.dev/ruixen.ui/ruixen-carousel-wave/default/preview.1752642390409.png","pc":"ruixen.ui","tg":["carousel"],"sb":"Waves and warps"},{"id":"21st:ruixen.ui__ruixen-contributors-table","t":"Ruixen contributors table","d":"a comprehensive overview of RUIXEN’s open-source projects, teams, and contributors. Designed for maintainers and team leads, it offers dynamic column selection, real-time filtering","s":"21st","c":"data-display/table","a":"ruixen.ui","u":253,"pl":"https://cdn.21st.dev/ruixen.ui/ruixen-contributors-table/default/preview.1749402460750.png","pc":"ruixen.ui","tg":["table","team"],"sb":"People"},{"id":"21st:ruixen.ui__ruixen-fancy-accordion","t":"Ruixen fancy accordion","d":"The RuixenFancyAccordion component is a reusable and responsive FAQ section designed using Shadcn UI's Accordion primitives and styled with Tailwind CSS. It dynamically renders a l","s":"21st","c":"data-display/accordion","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-fancy-accordion/default/preview.1749964207700.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-feature-section","t":"Ruixen feature section","d":"The Integrations component showcases key tools and platforms that seamlessly connect with our system to enhance productivity, collaboration, and performance. Each integration is re","k":"section","s":"21st","c":"marketing/features","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-feature-section/default/preview.1754418932043.png","pc":"ruixen.ui","tg":["features","testimonials"]},{"id":"21st:ruixen.ui__ruixen-featured-image-section","t":"Ruixen featured image section","d":"This feature section highlights Ruixen’s core strengths with an interactive tab layout. Each tab showcases a unique capability—like a user-friendly dashboard, smart keyword generat","s":"21st","c":"media/gallery","a":"ruixen.ui","u":84,"pl":"https://cdn.21st.dev/ruixen.ui/ruixen-featured-image-section/default/preview.1753812707306.png","pc":"ruixen.ui","tg":["features","sidebar","tabs"]},{"id":"21st:ruixen.ui__ruixen-footer03","t":"Ruixen footer03","d":"This pricing component showcases three tailored plans from the Ruixen UI library, designed for different user needs—from freelancers to growing teams. Each plan highlights key AI-d","k":"section","s":"21st","c":"marketing/footer","a":"ruixen.ui","u":11,"pl":"https://cdn.21st.dev/ruixen.ui/ruixen-footer03/default/preview.1753808661545.png","pc":"ruixen.ui","tg":["footer"]},{"id":"21st:ruixen.ui__ruixen-gradient-footer","t":"Ruixen gradient footer","d":"A footer that shows its content first, then stretches a tall, blurred rainbow up from the floor as you scroll to the bottom of the page. Gradient inspired by Dia Browser — one inli","k":"section","s":"21st","c":"marketing/footer","a":"ruixen.ui","u":6,"pl":"https://cdn.21st.dev/ruixen.ui/ruixen-gradient-footer/default/preview.1784727001585-aa4b8c38-0fd9-4389-811c-d9c48df71bdd.png","pc":"ruixen.ui","tg":["footer"]},{"id":"21st:ruixen.ui__ruixen-hero-section-02","t":"Ruixen hero section 02","d":"This hero section is a visually striking, interactive introduction component designed to showcase a ruixen UI. It features a dynamic background with soft gradients, animated floati","k":"section","s":"21st","c":"marketing/hero","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-hero-section-02/default/preview.1749816236182.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-input01","t":"Ruixen input01","d":"This is a modern, accessible floating label input component with smooth transitions, clear success/error states, and a built-in clear button. It adapts to both light and dark theme","s":"21st","c":"inputs/form-field","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-input01/default/preview.1750092884778.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-input02","t":"Ruixen input02","s":"21st","c":"inputs/form-field","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-input02/default/preview.1752117931041.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-menu-options","t":"Ruixen menu options","d":"This RuixenMenuOptions component is a visually rich and user-friendly dropdown menu built using the ShadCN UI library and Lucide icons. It offers grouped actions like quick edits (","s":"21st","c":"navigation/menu","a":"ruixen.ui","u":50,"pl":"https://cdn.21st.dev/ruixen.ui/ruixen-menu-options/default/preview.1753438385987.png","pc":"ruixen.ui","tg":["dropdown","menu"],"sb":"Dropdowns"},{"id":"21st:ruixen.ui__ruixen-mono-chat","t":"Ruixen mono chat","s":"21st","c":"ai-agent/ai-agent","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-mono-chat/default/preview.1749317992238.png","pc":"ruixen.ui","tg":["sidebar"],"sb":"Chat"},{"id":"21st:ruixen.ui__ruixen-moon-chat","t":"Ruixen moon chat","d":"$35","s":"21st","c":"ai-agent/ai-agent","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-moon-chat/default/preview.1758869778030.png","pc":"ruixen.ui","tg":["input","textarea"],"sb":"Chat"},{"id":"21st:ruixen.ui__ruixen-popover-02","t":"Ruixen popover 02","d":"This custom ShadCN popover displays notifications in a scrollable layout with clear visual boundaries and dark/light mode compatibility. Each notification supports a title, message","s":"21st","c":"overlays/popover","a":"ruixen.ui","st":"rated","u":28,"pl":"https://cdn.21st.dev/ruixen.ui/ruixen-popover-02/default/preview.1753441149021.png","pc":"ruixen.ui","tg":["notification","popover"],"sc":18},{"id":"21st:ruixen.ui__ruixen-pricing-04","t":"Ruixen pricing 04","d":"This pricing component presents three tailored plans—Starter, Developer, and Enterprise—each designed to suit different project scales and team needs. It highlights key features li","k":"section","s":"21st","c":"marketing/pricing","a":"ruixen.ui","u":92,"pl":"https://cdn.21st.dev/ruixen.ui/ruixen-pricing-04/default/preview.1753807888175.png","pc":"ruixen.ui","tg":["pricing-section"]},{"id":"21st:ruixen.ui__ruixen-pricing05","t":"Ruixen pricing05","d":"This feature section highlights Ruixen UI's powerful tools for content optimization and SEO growth. With a user-friendly dashboard, one-click automation, and a smart keyword genera","k":"section","s":"21st","c":"marketing/pricing","a":"ruixen.ui","u":59,"pl":"https://cdn.21st.dev/ruixen.ui/ruixen-pricing05/default/preview.1753813993657.png","pc":"ruixen.ui","tg":["badge","pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:ruixen.ui__ruixen-product-table","t":"Ruixen product table","d":"The component visually represents a team-building interface, where users can add or remove members (up to a max of 4) using + and - buttons. Each team member is displayed as a uniq","s":"21st","c":"data-display/table","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-product-table/default/preview.1750297750817.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-product-table-1","t":"Ruixen product table 1","d":"The component visually represents a team-building interface, where users can add or remove members (up to a max of 4) using + and - buttons. Each team member is displayed as a uniq","s":"21st","c":"data-display/table","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-product-table-1/default/preview.1755710880806.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-prompt-box","t":"Ruixen prompt box","s":"21st","c":"ai-agent/composer","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-prompt-box/default/preview.1758916898131.png","pc":"ruixen.ui","tg":["ai-chat","textarea"]},{"id":"21st:ruixen.ui__ruixen-query-box","t":"Ruixen query box","s":"21st","c":"inputs/textarea","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-query-box/default/preview.1758916155251.png","pc":"ruixen.ui","tg":["textarea","upload-download"]},{"id":"21st:ruixen.ui__ruixen-stats","t":"Ruixen stats","d":"A bold, asymmetric analytics section where a hero CountUp figure overlays a live area chart, instantly drawing focus.\nFloating side stats and a clean CTA create a premium, dashboar","s":"21st","c":"data-display/stat","a":"ruixen.ui","u":78,"pl":"https://cdn.21st.dev/ruixen.ui/ruixen-stats/default/preview.1754768145037.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-table-04","t":"Ruixen table 04","d":"This component showcases a clean and modern UI section that highlights client logos with subtle animated diagonal stripes in the background. It uses a responsive two-column grid la","s":"21st","c":"data-display/table","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-table-04/default/preview.1753411764299.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__ruixen-table-basic","t":"Ruixen table basic","d":"This component displays a dynamic, responsive data table showcasing user information in a clean and organized format. Each row represents a distinct user profile containing key det","s":"21st","c":"data-display/table","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/ruixen-table-basic/default/preview.1753258300575.png","pc":"ruixen.ui","tg":["checkbox","profile","select","table"]},{"id":"21st:ruixen.ui__ruixen-upload-input","t":"Ruixen upload input","d":"This component is a modern and elegant file upload card built with React and Tailwind CSS. It allows users to drag and drop or click to select an image file. Upon selection, it sho","s":"21st","c":"inputs/file-upload","a":"ruixen.ui","u":9,"pl":"https://cdn.21st.dev/ruixen.ui/ruixen-upload-input/default/preview.1752117433721.png","pc":"ruixen.ui","tg":["image","upload-download"]},{"id":"21st:ruixen.ui__safari-01","t":"Safari 01","d":"The Safari_01 component is a sleek, macOS-style browser window mockup designed to showcase images or content within a realistic browser frame. At the top, it features the familiar ","s":"21st","c":"media/carousel","a":"ruixen.ui","u":69,"pl":"https://cdn.21st.dev/ruixen.ui/safari-01/default/preview.1752808577603.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__sales-ai-hero","t":"Sales ai hero","d":"An oversized centered hero with a floating announcement pill, paired square + landscape media tiles, and a divider-flanked trusted-by logo strip.","s":"21st","c":"ai-agent/ai-agent","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/sales-ai-hero/default/preview.1779808275227.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__scheduler","t":"Scheduler","d":"This Scheduler component is a modern and interactive date and time picker built entirely with shadcn/ui. It provides a clean interface where users can schedule events by selecting ","s":"21st","c":"data-display/calendar","a":"ruixen.ui","u":23,"pl":"https://cdn.21st.dev/ruixen.ui/scheduler/default/preview.1757757635933.png","pc":"ruixen.ui","tg":["calendar","date-picker","popover"]},{"id":"21st:ruixen.ui__scroll-burn-text","t":"Scroll burn text","d":"A manifesto that comes at the reader and burns off. Each block grows toward the lens, splits into red and cyan at the edges and is eaten away glyph by glyph from the middle out, un","k":"motion","s":"21st","c":"motion/text-effect","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/scroll-burn-text/default/preview.1786025033750-fcb3b48c-6069-429c-a297-62cc24ebad04.png","pc":"ruixen.ui","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:ruixen.ui__scroll-faqaccordion","t":"Scroll faqaccordion","d":"ScrollFAQAccordion is a modern, scroll-driven FAQ accordion built with React, Radix UI, Framer Motion, and GSAP. Unlike traditional accordions, it automatically opens each FAQ item","k":"layout","s":"21st","c":"layout/scroll-area","a":"ruixen.ui","u":65,"pl":"https://cdn.21st.dev/ruixen.ui/scroll-faqaccordion/default/preview.1758914265681.png","pc":"ruixen.ui","tg":["accordion","faq","scroll-area"]},{"id":"21st:ruixen.ui__scroll-image-tunnel","t":"Scroll image tunnel","d":"A pinned photo stage where each scroll-linked image grows from a small point in the center, developing from an oversaturated, high-contrast state into the true image as it settles.","s":"21st","c":"media/gallery","a":"ruixen.ui","u":10,"pl":"https://cdn.21st.dev/ruixen.ui/scroll-image-tunnel/default/preview.1783435196315.png","pc":"ruixen.ui","tg":["gallery","scroll-area"],"sb":"Scroll"},{"id":"21st:ruixen.ui__scroll-over-hero","t":"Scroll over hero","d":"A hero with a pinned, centered title that a product panel rises up and overlaps as the page scrolls. Theme-aware, with a reduced-motion stacked fallback.","k":"section","s":"21st","c":"marketing/hero","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/scroll-over-hero/default/preview.1779954041929.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__scroll-pagination","t":"Scroll pagination","s":"21st","c":"navigation/pagination","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/scroll-pagination/default/preview.1758446855943.png","pc":"ruixen.ui","tg":["pagination","tooltip"]},{"id":"21st:ruixen.ui__scroll-portrait-wall","t":"Scroll portrait wall","d":"A scroll-driven portrait wall with a sticky mix-blend-exclusion title. GSAP ScrollTrigger scrubs each portrait from scale 0 to 1 and back as its row crosses the viewport.","k":"layout","s":"21st","c":"layout/scroll-area","a":"ruixen.ui","u":20,"pl":"https://cdn.21st.dev/ruixen.ui/scroll-portrait-wall/default/preview.1780139893702.png","pc":"ruixen.ui","tg":["gallery","scroll-area","team"]},{"id":"21st:ruixen.ui__scroll-text-rise","t":"Scroll text rise","k":"motion","s":"21st","c":"motion/text-effect","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/scroll-text-rise/default/preview.1775799202240.png","pc":"ruixen.ui","sb":"Reveal and entrance"},{"id":"21st:ruixen.ui__scroll-tilted-grid","t":"Scroll tilted grid","d":"An editorial two-column image grid where tiles rise from below tilted forward, snap into focus mid-viewport, then tilt back as they exit, driven by scroll progress via Framer Motio","k":"layout","s":"21st","c":"layout/scroll-area","a":"ruixen.ui","u":25,"pl":"https://cdn.21st.dev/ruixen.ui/scroll-tilted-grid/default/preview.1777663686473.png","pc":"ruixen.ui","tg":["gallery","scroll-area"]},{"id":"21st:ruixen.ui__search-with-category","t":"Search with category","d":"This component is a search bar with a category filter, built entirely using shadcn/ui components. It combines a dropdown select for choosing a category (like Products, Blogs, Users","s":"21st","c":"inputs/search","a":"ruixen.ui","u":12,"pl":"https://cdn.21st.dev/ruixen.ui/search-with-category/default/preview.1756181628617.png","pc":"ruixen.ui","tg":["dropdown","input","search","select"]},{"id":"21st:ruixen.ui__segmented-button-group","t":"Segmented button group","s":"21st","c":"navigation/tabs","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/segmented-button-group/default/preview.1758650973682.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__sentiment-radio-group","t":"Sentiment radio group","s":"21st","c":"inputs/radio","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/sentiment-radio-group/default/preview.1758994507385.png","pc":"ruixen.ui","tg":["radio-group"]},{"id":"21st:ruixen.ui__service-changelog","t":"Service changelog","d":"A scroll-spy services section. A sticky tab strip at the top tracks the active entry while the reader scrolls through long-form panels with deliverables, optional preview media, an","k":"section","s":"21st","c":"marketing/marketing","a":"ruixen.ui","u":4,"pl":"https://cdn.21st.dev/ruixen.ui/service-changelog/default/preview.1782458947184.png","pc":"ruixen.ui","tg":["tabs"]},{"id":"21st:ruixen.ui__service-ledger","t":"Service ledger","d":"A scroll-spy services section. A sticky tab strip at the top tracks the active entry while the reader scrolls through long-form panels with deliverables, optional preview videos, a","k":"section","s":"21st","c":"marketing/features","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/service-ledger/default/preview.1779949996024.png","pc":"ruixen.ui","sb":"Scroll"},{"id":"21st:ruixen.ui__shirt-parallax-card","t":"Shirt parallax card","d":"The ShirtParallaxCard is a sleek, interactive product advertising component designed for modern e-commerce or fashion websites. It features a clean content area with the product’s ","k":"layout","s":"21st","c":"layout/scroll-area","a":"ruixen.ui","u":27,"pl":"https://cdn.21st.dev/ruixen.ui/shirt-parallax-card/default/preview.1759048604540.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__showcase-feature","t":"Showcase feature","k":"section","s":"21st","c":"marketing/features","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/showcase-feature/default/preview.1775851736706.png","pc":"ruixen.ui","sb":"Showcase and split"},{"id":"21st:ruixen.ui__side-panel-multi-calendar","t":"Side panel multi calendar","s":"21st","c":"data-display/calendar","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/side-panel-multi-calendar/default/preview.1758989665636.png","pc":"ruixen.ui","tg":["calendar","date-picker"]},{"id":"21st:ruixen.ui__sidebar-showcase","t":"Sidebar showcase","d":"This custom sidebar component is a fully responsive, interactive navigation panel built using ShadCN UI, Framer Motion, and React. It features a team switcher at the top, allowing ","s":"21st","c":"navigation/sidebar","a":"ruixen.ui","u":84,"pl":"https://cdn.21st.dev/ruixen.ui/sidebar-showcase/default/preview.1759034753110.png","pc":"ruixen.ui","tg":["dropdown","navigation-menu","profile","sidebar"]},{"id":"21st:ruixen.ui__sign-in-card","t":"Sign in card","s":"21st","c":"flows/sign-in","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/sign-in-card/default/preview.1757348725444.png","pc":"ruixen.ui","tg":["sign-in"],"sb":"Sign in"},{"id":"21st:ruixen.ui__sign-in-form","t":"Sign in form","d":"This Sign-In Form component is a sleek and minimal authentication interface built with ShadCN UI and Lucide icons, designed to fit seamlessly into both light and dark themes. It co","s":"21st","c":"flows/sign-in","a":"ruixen.ui","u":102,"pl":"https://cdn.21st.dev/ruixen.ui/sign-in-form/default/preview.1757273241613.png","pc":"ruixen.ui","tg":["form","sign-in"],"sb":"Sign up"},{"id":"21st:ruixen.ui__sketchpad-dropzone","t":"Sketchpad dropzone","s":"21st","c":"inputs/file-upload","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/sketchpad-dropzone/default/preview.1758735063570.png","pc":"ruixen.ui","tg":["upload-download"]},{"id":"21st:ruixen.ui__sliding-pagination","t":"Sliding pagination","d":"This Sliding Pagination component provides a modern, interactive way to navigate through large sets of pages. Instead of instantly switching between page numbers, it features a smo","s":"21st","c":"navigation/pagination","a":"ruixen.ui","u":16,"pl":"https://cdn.21st.dev/ruixen.ui/sliding-pagination/default/preview.1758381352192.png","pc":"ruixen.ui","tg":["pagination"]},{"id":"21st:ruixen.ui__sliding-tabs","t":"Sliding tabs","d":"The Sliding Glow Tabs component is a modern reimagining of the classic tab navigation pattern. Instead of a static underline, it features a glowing gradient bar that smoothly slide","s":"21st","c":"navigation/tabs","a":"ruixen.ui","u":17,"pl":"https://cdn.21st.dev/ruixen.ui/sliding-tabs/default/preview.1758451730800.png","pc":"ruixen.ui","tg":["tabs"]},{"id":"21st:ruixen.ui__smart-assist-input","t":"Smart assist input","d":"The SmartAssistInput is a next-generation, reusable input field designed to go far beyond a plain text box. It not only lets users type, but also actively assists them by rememberi","s":"21st","c":"inputs/form-field","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/smart-assist-input/default/preview.1757064616684.png","pc":"ruixen.ui","tg":["dropdown","input"]},{"id":"21st:ruixen.ui__smart-breadcrumb","t":"Smart breadcrumb","d":"The SmartBreadcrumb component is a modern, fully configurable breadcrumb navigation solution for React projects. It supports dynamic routes, optional icons using Lucide React, elli","s":"21st","c":"navigation/breadcrumb","a":"ruixen.ui","u":13,"pl":"https://cdn.21st.dev/ruixen.ui/smart-breadcrumb/default/preview.1760545346534.png","pc":"ruixen.ui","tg":["navigation-menu"]},{"id":"21st:ruixen.ui__smart-paste-input","t":"Smart paste input","d":"A chat composer that catches long pastes and files them away as an attachment card instead of flooding the input. Click the card to open a full editor — live character count, edit ","s":"21st","c":"inputs/form-field","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/smart-paste-input/default/preview.1784121560632.png","pc":"ruixen.ui","tg":["input","textarea"]},{"id":"21st:ruixen.ui__smart-tv","t":"Smart tv","s":"21st","c":"other","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/smart-tv/default/preview.1758478933618.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__smart-watch","t":"Smart watch","s":"21st","c":"other","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/smart-watch/default/preview.1758476271722.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__social-auth-card","t":"Social auth card","s":"21st","c":"flows/sign-in","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/social-auth-card/default/preview.1758653701660.png","pc":"ruixen.ui","tg":["sign-in"],"sb":"Sign up"},{"id":"21st:ruixen.ui__social-post-card","t":"Social post card","d":"SocialPostCard is a sleek, modern, and fully responsive social media post component designed to showcase user posts with author details, content, and an optional link preview. It f","k":"section","s":"21st","c":"data-display/card","a":"ruixen.ui","u":39,"pl":"https://cdn.21st.dev/ruixen.ui/social-post-card/default/preview.1749322222269.png","pc":"ruixen.ui","tg":["link"],"sb":"Blog and posts"},{"id":"21st:ruixen.ui__social-preview-dock","t":"Social preview dock","d":"A row of social links sharing one preview card. One panel owns the card surface and resizes itself between profiles while the contents cross-fade inside, so moving between icons re","s":"21st","c":"navigation/dock","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/social-preview-dock/default/preview.1785424627910-5629ba70-fe66-4fe8-84a0-3db45dd8a245.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__solar-loader","t":"Solar loader","s":"21st","c":"status/loader","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/solar-loader/default/preview.1760455111744.png","pc":"ruixen.ui","sb":"Spinners"},{"id":"21st:ruixen.ui__spark-button","t":"Spark button","s":"21st","c":"actions/button","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/spark-button/default/preview.1749228021846.png","pc":"ruixen.ui","tg":["button","cta"],"sb":"Animated"},{"id":"21st:ruixen.ui__split-action-button","t":"Split action button","s":"21st","c":"actions/button","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/split-action-button/default/preview.1758556476300.png","pc":"ruixen.ui","tg":["button","dropdown"],"sb":"Groups and split"},{"id":"21st:ruixen.ui__spotlight-background","t":"Spotlight background","d":"This component creates a smooth circular spotlight effect that dynamically follows the user’s cursor. Unlike scattered or fuzzy glow effects, this version uses a clean radial gradi","k":"motion","s":"21st","c":"motion/background","a":"ruixen.ui","u":18,"pl":"https://cdn.21st.dev/ruixen.ui/spotlight-background/default/preview.1758084376926.png","pc":"ruixen.ui","tg":["background","cursor"],"sb":"Beams and light"},{"id":"21st:ruixen.ui__stack-feature-section","t":"Stack feature section","d":"This component is a React + Tailwind CSS hero section with a heading, subtext, and call-to-action buttons on the left, plus an animated multi-orbit icon display on the right.","k":"section","s":"21st","c":"marketing/features","a":"ruixen.ui","u":353,"pl":"https://cdn.21st.dev/ruixen.ui/stack-feature-section/default/preview.1774360146871.png","pc":"ruixen.ui","tg":["cta","hero"]},{"id":"21st:ruixen.ui__stack-pagination","t":"Stack pagination","s":"21st","c":"navigation/pagination","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/stack-pagination/default/preview.1758432573279.png","pc":"ruixen.ui","tg":["pagination"]},{"id":"21st:ruixen.ui__stacked-bar-calendar","t":"Stacked bar calendar","s":"21st","c":"data-display/calendar","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/stacked-bar-calendar/default/preview.1758740435928.png","pc":"ruixen.ui","tg":["calendar","select"]},{"id":"21st:ruixen.ui__stacked-cards-upload","t":"Stacked cards upload","s":"21st","c":"inputs/file-upload","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/stacked-cards-upload/default/preview.1758729180222.png","pc":"ruixen.ui","tg":["progress","upload-download"]},{"id":"21st:ruixen.ui__status-button","t":"Status button","s":"21st","c":"actions/button","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/status-button/default/preview.1758648664129.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__step-card","t":"Step card","d":"The Professional Step Card is a clean, enterprise-ready multi-step form component built strictly with shadcn UI components. It guides users through sequential steps—like Email → Pa","s":"21st","c":"data-display/card","a":"ruixen.ui","u":12,"pl":"https://cdn.21st.dev/ruixen.ui/step-card/default/preview.1758659651989.png","pc":"ruixen.ui","tg":["steps"]},{"id":"21st:ruixen.ui__studio-hero","t":"Studio hero","k":"section","s":"21st","c":"marketing/hero","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/studio-hero/default/preview.1761154066635.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__success-login-card","t":"Success login card","d":"The Card with Micro-Animations on Success is a polished and configurable login card built with shadcn UI components, designed to provide users with instant, professional feedback. ","s":"21st","c":"flows/sign-in","a":"ruixen.ui","u":64,"pl":"https://cdn.21st.dev/ruixen.ui/success-login-card/default/preview.1758686308913.png","pc":"ruixen.ui","tg":["sign-up"],"sb":"Sign up"},{"id":"21st:ruixen.ui__swipe-to-confirm-button","t":"Swipe to confirm button","s":"21st","c":"actions/button","a":"ruixen.ui","st":"rated","pl":"https://cdn.21st.dev/ruixen.ui/swipe-to-confirm-button/default/preview.1758649512730.png","pc":"ruixen.ui","tg":["progress"],"sc":15,"sb":"Loading and states"},{"id":"21st:ruixen.ui__table-dialog","t":"Table dialog","d":"This component is a feature-rich, interactive data table built entirely with Shadcn UI components. It includes a fixed header and footer, allowing the table body to scroll independ","s":"21st","c":"overlays/dialog","a":"ruixen.ui","u":23,"pl":"https://cdn.21st.dev/ruixen.ui/table-dialog/default/preview.1757830976988.png","pc":"ruixen.ui","tg":["checkbox","modal"]},{"id":"21st:ruixen.ui__table-edit","t":"Table edit","s":"21st","c":"data-display/table","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/table-edit/default/preview.1757830049288.png","pc":"ruixen.ui","tg":["checkbox","table"]},{"id":"21st:ruixen.ui__table-with-dialog","t":"Table with dialog","d":"This Advanced User Management Table component is a feature-rich and modern UI built entirely with Shadcn UI. It combines a fixed header for clarity, interactive row selection using","s":"21st","c":"data-display/table","a":"ruixen.ui","u":34,"pl":"https://cdn.21st.dev/ruixen.ui/table-with-dialog/default/preview.1757822299308.png","pc":"ruixen.ui","tg":["badge","checkbox","modal","table"]},{"id":"21st:ruixen.ui__tablet-screen","t":"Tablet screen","s":"21st","c":"data-display/table","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/tablet-screen/default/preview.1758479873105.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__tag-cloud-select","t":"Tag cloud select","d":"The Searchable Tag Cloud Select is a modern, interactive component designed for apps that need both data-rich visualization and intuitive multi-select functionality. Built entirely","s":"21st","c":"inputs/select","a":"ruixen.ui","u":17,"pl":"https://cdn.21st.dev/ruixen.ui/tag-cloud-select/default/preview.1758908135431.png","pc":"ruixen.ui","tg":["chip","search"]},{"id":"21st:ruixen.ui__task-orbit-calendar","t":"Task orbit calendar","s":"21st","c":"data-display/calendar","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/task-orbit-calendar/default/preview.1758742103723.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__team-access-card","t":"Team access card","d":"The TeamAccessCard component is a sleek, interactive, and fully customizable team management interface built using Shadcn UI and Framer Motion. It allows users to view, invite, edi","k":"section","s":"21st","c":"marketing/team","a":"ruixen.ui","u":31,"pl":"https://cdn.21st.dev/ruixen.ui/team-access-card/default/preview.1760026920179.png","pc":"ruixen.ui","tg":["team"]},{"id":"21st:ruixen.ui__terminal-screen","t":"Terminal screen","s":"21st","c":"data-display/code-block","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/terminal-screen/default/preview.1758476783212.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__testimonial-accordion","t":"Testimonial accordion","d":"$34","s":"21st","c":"data-display/accordion","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/testimonial-accordion/default/preview.1760787562246.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__text-reveal-faqs","t":"Text reveal faqs","d":"The FAQs component is designed to provide clear and organized answers to common questions about Ruixen UI. It features a bold heading, a brief introductory text, and a link to the ","k":"section","s":"21st","c":"marketing/faq","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/text-reveal-faqs/default/preview.1755436084000.png","pc":"ruixen.ui","tg":["accordion","faq","text"]},{"id":"21st:ruixen.ui__three-dwall-calendar","t":"Three dwall calendar","d":"The 3D Wall Calendar component transforms a traditional month view into an immersive, interactive 3D wall of days. Each day is represented as a panel, arranged in a grid-like wall,","s":"21st","c":"data-display/calendar","a":"ruixen.ui","u":53,"pl":"https://cdn.21st.dev/ruixen.ui/three-dwall-calendar/default/preview.1758743766694.png","pc":"ruixen.ui","tg":["calendar","form"]},{"id":"21st:ruixen.ui__tilted-dock","t":"Tilted dock","d":"This 3D Tilted Dock with Depth Layers is a futuristic UI component that makes a simple dock feel alive and immersive. The dock sits on a slightly tilted glass-like stage, creating ","s":"21st","c":"navigation/dock","a":"ruixen.ui","u":49,"pl":"https://cdn.21st.dev/ruixen.ui/tilted-dock/default/preview.1758251893925.png","pc":"ruixen.ui","tg":["dock"]},{"id":"21st:ruixen.ui__time-picker","t":"Time picker","d":"This is a sleek, minimal black-and-white time picker with a floating label and clock icon. It features separate dropdowns for hours and minutes with step-5 intervals, providing fas","s":"21st","c":"inputs/time-picker","a":"ruixen.ui","u":16,"pl":"https://cdn.21st.dev/ruixen.ui/time-picker/default/preview.1755966501247.png","pc":"ruixen.ui","tg":["dropdown","form"]},{"id":"21st:ruixen.ui__time-with-icon","t":"Time with icon","d":"This component is a dynamic time input designed for modern, intuitive forms. It features a left-aligned icon that visually represents the time of day: a sun for daytime hours, a mo","s":"21st","c":"assets/icon","a":"ruixen.ui","u":8,"pl":"https://cdn.21st.dev/ruixen.ui/time-with-icon/default/preview.1757012458864.png","pc":"ruixen.ui","sb":"Styled sets"},{"id":"21st:ruixen.ui__timeline-02","t":"Timeline 02","d":"This component is a vertical timeline that highlights the key milestones in Ruixen’s journey.\nIt uses cards with clean typography to present dates, titles, and descriptions in a st","s":"21st","c":"data-display/timeline","a":"ruixen.ui","u":31,"pl":"https://cdn.21st.dev/ruixen.ui/timeline-02/default/preview.1755319968753.png","pc":"ruixen.ui","tg":["timeline"]},{"id":"21st:ruixen.ui__timeline-select","t":"Timeline select","s":"21st","c":"inputs/select","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/timeline-select/default/preview.1758900242866.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__timeline-upload","t":"Timeline upload","s":"21st","c":"inputs/file-upload","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/timeline-upload/default/preview.1758728296870.png","pc":"ruixen.ui","tg":["progress","timeline","upload-download"]},{"id":"21st:ruixen.ui__toolbar-dock","t":"Toolbar dock","d":"React menu component- a Vercel-style floating icon dock with a single tooltip rail that slides and clip-path reveals each label above the hovered button.","s":"21st","c":"navigation/dock","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/toolbar-dock/default/preview.1780403013263.png","pc":"ruixen.ui","tg":["dock","tooltip"]},{"id":"21st:ruixen.ui__tooltip-button","t":"Tooltip button","s":"21st","c":"actions/button","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/tooltip-button/default/preview.1758561791345.png","pc":"ruixen.ui","tg":["tooltip"]},{"id":"21st:ruixen.ui__tour-popover","t":"Tour popover","d":"This Tour Popover component delivers a professional, guided onboarding flow using shadcn/ui’s Popover, Button, Progress, and Separator components. Each step is presented inside a c","s":"21st","c":"navigation/wizard-steps","a":"ruixen.ui","u":15,"pl":"https://cdn.21st.dev/ruixen.ui/tour-popover/default/preview.1758996484192.png","pc":"ruixen.ui","tg":["onboarding","popover","progress","steps"]},{"id":"21st:ruixen.ui__tourcard","t":"Tourcard","s":"21st","c":"navigation/wizard-steps","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/tourcard/default/preview.1753439951340.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__tree-node-tooltip","t":"Tree node tooltip","s":"21st","c":"overlays/tooltip","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/tree-node-tooltip/default/preview.1757726448009.png","pc":"ruixen.ui","tg":["file-tree","tooltip"]},{"id":"21st:ruixen.ui__universal-date-picker","t":"Universal date picker","d":"The UniversalDatePicker is a powerful and flexible date selection component designed to cover a wide range of use cases in a single, unified interface. It combines the simplicity o","s":"21st","c":"inputs/date-picker","a":"ruixen.ui","u":21,"pl":"https://cdn.21st.dev/ruixen.ui/universal-date-picker/default/preview.1758959564165.png","pc":"ruixen.ui","tg":["date-picker"]},{"id":"21st:ruixen.ui__url-input","t":"Url input","s":"21st","c":"inputs/form-field","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/url-input/default/preview.1757010833801.png","pc":"ruixen.ui","tg":["globe"]},{"id":"21st:ruixen.ui__user-context-menu","t":"User context menu","s":"21st","c":"overlays/context-menu","a":"ruixen.ui","st":"rated","pl":"https://cdn.21st.dev/ruixen.ui/user-context-menu/default/preview.1760578820229.png","pc":"ruixen.ui","tg":["menu","profile"],"sc":16},{"id":"21st:ruixen.ui__video-player-pro","t":"Video player pro","s":"21st","c":"media/player","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/video-player-pro/default/preview.1757850879861.png","pc":"ruixen.ui","tg":["video"]},{"id":"21st:ruixen.ui__visual-grid-select","t":"Visual grid select","s":"21st","c":"inputs/select","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/visual-grid-select/default/preview.1758901121402.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__visualizer-button","t":"Visualizer button","s":"21st","c":"actions/button","a":"ruixen.ui","st":"rated","pl":"https://cdn.21st.dev/ruixen.ui/visualizer-button/default/preview.1758700165853.png","pc":"ruixen.ui","tg":["button"],"sc":15},{"id":"21st:ruixen.ui__voice-message-bubble","t":"Voice message bubble","d":"The Voice Message Bubble component is a sleek, chat-style audio player designed for messaging apps. It features a compact bubble layout with a play/pause button using lucide-react ","s":"21st","c":"ai-agent/ai-agent","a":"ruixen.ui","u":36,"pl":"https://cdn.21st.dev/ruixen.ui/voice-message-bubble/default/preview.1758700533572.png","pc":"ruixen.ui","sb":"Chat"},{"id":"21st:ruixen.ui__wave-background","t":"Wave background","d":"The WaveBackground component is a dynamic WebGL-powered background built using the OGL library. It generates smooth, flowing wave patterns that are ideal for enhancing Hero section","k":"motion","s":"21st","c":"motion/background","a":"ruixen.ui","u":42,"pl":"https://cdn.21st.dev/ruixen.ui/wave-background/default/preview.1758047493621.png","pc":"ruixen.ui","sb":"Waves and warps"},{"id":"21st:ruixen.ui__waveform-player","t":"Waveform player","s":"21st","c":"media/player","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/waveform-player/default/preview.1758695004442.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__wheel-of-time-calendar","t":"Wheel of time calendar","s":"21st","c":"data-display/calendar","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/wheel-of-time-calendar/default/preview.1758808852393.png","pc":"ruixen.ui","tg":["calendar","date-picker","popover"]},{"id":"21st:ruixen.ui__wheel-pagination","t":"Wheel pagination","d":"This Wheel Pagination component provides a modern, interactive way to navigate through multiple pages. Unlike traditional numeric pagination, it shows a range of page numbers at on","s":"21st","c":"navigation/pagination","a":"ruixen.ui","u":45,"pl":"https://cdn.21st.dev/ruixen.ui/wheel-pagination/default/preview.1758447586545.png","pc":"ruixen.ui","tg":["pagination"]},{"id":"21st:ruixen.ui__worm-loader","t":"Worm loader","d":"The WormLoader is a vibrant and playful loading animation that uses colorful, gradient-filled worm-like paths gliding smoothly along a curved SVG track. Its dynamic dual-worm motio","s":"21st","c":"status/loader","a":"ruixen.ui","u":28,"pl":"https://cdn.21st.dev/ruixen.ui/worm-loader/default/preview.1759087667899.png","pc":"ruixen.ui","sb":"Spinners"},{"id":"21st:ruixen.ui__zoom-depth-tabs","t":"Zoom depth tabs","s":"21st","c":"navigation/tabs","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/zoom-depth-tabs/default/preview.1758469560869.png","pc":"ruixen.ui","tg":["tabs"]},{"id":"21st:rushalb__nav-bar","t":"Nav bar","d":"Modern MObile Nav Bar","s":"21st","c":"navigation/top-nav","a":"rushalb","pl":"https://cdn.21st.dev/rushalb/nav-bar/default/preview.1775791246932.png","pc":"rushalb"},{"id":"21st:rxxndy__3d-shader-card","t":"3d shader card","d":"React Three Fiber component with custom GLSL shaders, fresnel rim glow, animated noise iridescence, and smooth bobbing motion.","s":"21st","c":"data-display/card","a":"rxxndy","pl":"https://cdn.21st.dev/rxxndy/3d-shader-card/default/preview.1768242967355.png","pc":"rxxndy","sb":"Animated and glowing"},{"id":"21st:rxxndy__jelly-button","t":"Jelly button","d":"This is an animated jelly button that squishes and pops out on click, click and hold, or drag. Originally created by https://x.com/cerpow and adapted for clickability as a UI compo","s":"21st","c":"actions/button","a":"rxxndy","pl":"https://cdn.21st.dev/rxxndy/jelly-button/default/preview.1767662275225.png","pc":"rxxndy"},{"id":"21st:rxxndy__neumorphic-button","t":"Neumorphic button","d":"Animated Neumorphic Button with real physical button audio and haptics","s":"21st","c":"actions/button","a":"rxxndy","pl":"https://cdn.21st.dev/rxxndy/neumorphic-button/default/preview.1767721663799.png","pc":"rxxndy","sb":"Animated"},{"id":"21st:rxxndy__twitter-testimonial-cards","t":"Twitter testimonial cards","d":"These cards were imported from a very popular 21st cards component and adapted for twitter, improved hover state so user can see entire card, improved on mobile, and made theme awa","k":"section","s":"21st","c":"marketing/testimonials","a":"rxxndy","u":121,"pl":"https://cdn.21st.dev/rxxndy/twitter-testimonial-cards/default/preview.1767662910314.png","pc":"rxxndy","tg":["carousel","testimonials"]},{"id":"21st:ryanflash66__glass-nav","t":"Glass nav","d":"Floating glass-pill navbar that compacts on scroll to just the active tab, with a sliding hover pill, click-to-peek, mobile drawer, and light/dark tones.","s":"21st","c":"navigation/top-nav","a":"ryanflash66","st":"rated","pl":"https://cdn.21st.dev/ryanflash66/glass-nav/default/preview.1787073003622-1993f08c-1592-47da-b5c2-e729c134c36a.png","pc":"ryanflash66","sc":17,"sb":"Glass"},{"id":"21st:rylenlobo__infinite-drag-scroll","t":"Infinite drag scroll","d":"This component is a vertically scrollable and infinitely draggable image gallery built for a seamless and interactive browsing experience. Users can scroll through content using th","k":"layout","s":"21st","c":"layout/scroll-area","a":"rylenlobo","u":131,"pl":"https://cdn.21st.dev/rylenlobo/infinite-drag-scroll/default/preview.1748511550773.png","pc":"rylenlobo","tg":["gallery","scroll-area"]},{"id":"21st:rynkovski__3d-card-1","t":"3d card 1","d":"Here is 3D Card component","s":"21st","c":"data-display/card","a":"rynkovski","pl":"https://cdn.21st.dev/larsen66/3d-card-1/default/preview.1750554261740.png","pc":"rynkovski","sb":"Animated and glowing"},{"id":"21st:rynkovski__alert-dialog-icon","t":"Alert dialog icon","d":"Here is Alert Dialog Icon component","k":"resource","s":"21st","c":"assets/icon","a":"rynkovski","u":23,"pl":"https://cdn.21st.dev/larsen66/alert-dialog-icon/default/preview.1750554425266.png","pc":"rynkovski","tg":["alert","modal"]},{"id":"21st:rynkovski__credit-card","t":"Credit card","d":"An animated credit card component with reveal/hide functionality and smooth transitions.\n\nFeatures\n- Animated card reveal\n- Toggle visibility of sensitive information\n- Smooth spri","s":"21st","c":"data-display/card","a":"rynkovski","u":41,"pl":"https://cdn.21st.dev/user_extendui/credit-card.png","pc":"rynkovski","tg":["card"],"sb":"Payment"},{"id":"21st:rynkovski__error-alert-dialog","t":"Error alert dialog","d":"Here is Error Alert Dialog component","s":"21st","c":"overlays/dialog","a":"rynkovski","pl":"https://cdn.21st.dev/larsen66/error-alert-dialog/default/preview.1750554517848.png","pc":"rynkovski","tg":["alert","modal"],"sb":"Confirm"},{"id":"21st:rynkovski__notification-alert-dialog","t":"Notification alert dialog","d":"Here is Notification Alert Dialog component","s":"21st","c":"overlays/dialog","a":"rynkovski","st":"rated","u":42,"pl":"https://cdn.21st.dev/larsen66/notification-alert-dialog/default/preview.1750554611355.png","pc":"rynkovski","tg":["alert","avatar","notification","modal"],"sc":16,"sb":"Confirm"},{"id":"21st:rynkovski__select","t":"Select","d":"A dropdown select component built on top of Radix UI Select primitive. Supports multiple variants, icons, and custom styling.\n\nFeatures\n- Multiple variants (default, filled, flushe","s":"21st","c":"inputs/select","a":"rynkovski","u":29,"pl":"https://cdn.21st.dev/user_extendui/select.png","pc":"rynkovski","tg":["profile","select"]},{"id":"21st:sahibibadov__ripple-button","t":"Ripple button","s":"21st","c":"actions/button","a":"sahibibadov","pl":"https://cdn.21st.dev/user_2raN8ECeMUNn12SlnYw1FeyAdrT/ripple-button.png","pc":"sahibibadov","sb":"Animated"},{"id":"21st:saiconfirst2__saicon-bento-grid","t":"Saicon bento grid","d":"Dark tech-noir bento grid layout for AI/SaaS landing pages. Supports variable column spans (4/5/7/12), glassmorphism cards with neon accent glow, icon slots, big-stat callouts, tag","k":"layout","s":"21st","c":"layout/bento-grid","a":"saiconfirst2","pl":"https://21st.dev/@saiconfirst2/components/saicon-bento-grid","pc":"saiconfirst2"},{"id":"21st:sakibx2821__electric-card","t":"Electric card","s":"21st","c":"data-display/card","a":"sakibx2821","pl":"https://cdn.21st.dev/sakibx2821/electric-card/default/preview.1761045117440.png","pc":"sakibx2821"},{"id":"21st:sam-c137__scroll-to-top-button","t":"Scroll to top button","d":"Scroll to top button useful for landing pages, automatically hides itself when not scrolled","s":"21st","c":"actions/button","a":"sam-c137","pl":"https://cdn.21st.dev/sam-c137/scroll-to-top-button/default/preview.1772628077358.png","pc":"sam-c137"},{"id":"21st:sam344334__hero","t":"Hero","k":"section","s":"21st","c":"marketing/hero","a":"sam344334","u":66,"pl":"https://cdn.21st.dev/sam344334/hero/default/preview.1773995251378.png","pc":"sam344334","tg":["features","grid","hero","profile"]},{"id":"21st:sambape__moon","t":"Moon","s":"21st","c":"other","a":"sambape","pl":"https://cdn.21st.dev/user_2swjWanL4k8q1kTKVWNkPV3MAFh/moon/default/preview.png","pc":"sambape"},{"id":"21st:samitkapoor__apple-spotlight","t":"Apple spotlight","d":"A beautiful search component inspired by macOS Spotlight.","s":"21st","c":"navigation/command-palette","a":"samitkapoor","pl":"https://cdn.21st.dev/samitkapoor/apple-spotlight/default/preview.1763464623165.png","pc":"samitkapoor","tg":["input","search"],"sb":"Beams and light"},{"id":"21st:samitkapoor__circle-menu","t":"Circle menu","d":"A circular navigation menu that expands items in a circle around a central button with smooth animations and hover effects.","s":"21st","c":"navigation/menu","a":"samitkapoor","u":63,"pl":"https://cdn.21st.dev/samitkapoor/circle-menu/default/preview.1763715980145.png","pc":"samitkapoor","tg":["menu","navigation-menu"]},{"id":"21st:samsiavoshian2009__backed-by-yc","t":"Backed by yc","d":"A sleek glassmorphism “Backed by YC” pill with a subtle moving glow that follows the cursor—ready to drop straight into landing pages","k":"motion","s":"21st","c":"motion/cursor","a":"samsiavoshian2009","u":31,"pl":"https://cdn.21st.dev/samsiavoshian2009/backed-by-yc/default/preview.1758333157833.png","pc":"samsiavoshian2009","tg":["cursor"]},{"id":"21st:samsiavoshian2009__code-block","t":"Code block","d":"Modern code editor component with frosted glass effects, smooth animations, and dual-tab interface. Features theme support and syntax highlighting.","s":"21st","c":"data-display/code-block","a":"samsiavoshian2009","pl":"https://cdn.21st.dev/samsiavoshian2009/code-block/default/preview.1757451537704.png","pc":"samsiavoshian2009"},{"id":"21st:samsiavoshian2009__feedback-prompt","t":"Feedback prompt","d":"A polished feedback UI component that asks “Was this page helpful?” with Yes/No buttons, subtle animations, and a thank‑you message after selection. Fully responsive, supports ligh","s":"21st","c":"ai-agent/composer","a":"samsiavoshian2009","u":7,"pl":"https://cdn.21st.dev/samsiavoshian2009/feedback-prompt/default/preview.1785187693383-cef71ea5-48a6-42a5-8d7c-ea88148fa491.png","pc":"samsiavoshian2009"},{"id":"21st:samsiavoshian2009__globe","t":"Globe","d":"Modern animated globe component with flowing orbital trails and adaptive theme support.","k":"motion","s":"21st","c":"motion/globe","a":"samsiavoshian2009","u":40,"pl":"https://cdn.21st.dev/samsiavoshian2009/globe/default/preview.1757479246975.png","pc":"samsiavoshian2009","tg":["globe"]},{"id":"21st:samsiavoshian2009__horizon-glow-gradient","t":"Horizon glow gradient","d":"Pure CSS gradient background in the Horizon Glow style, made with the 21st.dev Gradient Builder. 4-color palette (#FFFFFF, #78B8F9, #5667FF, #4D2FF9). Features: film grain. A drop-","k":"motion","s":"21st","c":"motion/gradient","a":"samsiavoshian2009","pl":"https://cdn.21st.dev/samsiavoshian2009/horizon-glow-gradient/default/preview.1786145136780-2712a503-e11d-4747-95ed-30f4a1920028.webp","pc":"samsiavoshian2009","sb":"Horizon Glow"},{"id":"21st:samsiavoshian2009__language-selector-dropdown","t":"Language selector dropdown","d":"A polished language switcher dropdown with flags and labels, supporting multiple languages","s":"21st","c":"navigation/menu","a":"samsiavoshian2009","u":120,"pl":"https://cdn.21st.dev/samsiavoshian2009/language-selector-dropdown/default/preview.1757804006655.png","pc":"samsiavoshian2009","tg":["dropdown","select"],"sb":"Dropdowns"},{"id":"21st:samsiavoshian2009__stack-flow-integrator","t":"Stack flow integrator","d":"Glassmorphic, diamond-layout tech-stack showcase with subtle hover motion—drop-in, dual-mode, zero config.","k":"section","s":"21st","c":"marketing/features","a":"samsiavoshian2009","u":20,"pl":"https://cdn.21st.dev/samsiavoshian2009/stack-flow-integrator/default/preview.1757463576522.png","pc":"samsiavoshian2009","tg":["features"]},{"id":"21st:samskanse09__1st-shader","t":"1st shader","d":"Animated WebGL shader background in the Halftone style. Generated by the 21st.dev Shader Builder. 4-color palette (#101010, #F5F5F5, #B0B0B0, #3A3A3A). A drop-in, zero-dependency R","k":"motion","s":"21st","c":"motion/shader","a":"samskanse09","pl":"https://cdn.21st.dev/samskanse09/1st-shader/default/preview.1784990737383-b8b79c27-2c61-4481-af47-2d4f3107a78b.png","pc":"samskanse09","sb":"Halftone"},{"id":"21st:samson.mshelia__s1-asci-art","t":"S1 asci art","d":"Animated (flicker) ASCII art in the Cross style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, ","k":"motion","s":"21st","c":"motion/ascii","a":"samson.mshelia","pl":"https://cdn.21st.dev/samson.mshelia/s1-asci-art/default/preview.1785853239881-43c17ee7-162d-4e3b-a7b2-01d828858812.webp","pc":"samson.mshelia","sb":"Cross"},{"id":"21st:satoriui__dotted-modern","t":"Dotted modern","d":"Hero section with a dotted radial-grid background, animated open-source badge, gradient headline and call-to-action buttons.","k":"section","s":"21st","c":"marketing/footer","a":"satoriui","u":2,"pl":"https://cdn.21st.dev/satoriui/dotted-modern/default/preview.1783582078090.png","pc":"satoriui"},{"id":"21st:satoriui__flip-clock","t":"Flip clock","d":"A flip clock UI that displays real-time or a countdown to a target date with smooth 3D flip digit animations, size and color variants.","s":"21st","c":"data-display/timeline","a":"satoriui","pl":"https://cdn.21st.dev/satoriui/flip-clock/default/preview.1784281853737-c261a357-0403-47b9-8ada-cb419ccbdcae.png","pc":"satoriui"},{"id":"21st:satoriui__kinetic-grid","t":"Kinetic grid","d":"An interactive full-screen canvas background of a warping dot grid that bends toward the cursor and ripples outward on click.","s":"21st","c":"layout/bento-grid","a":"satoriui","u":8,"pl":"https://cdn.21st.dev/satoriui/kinetic-grid/default/preview.1784426517436-a056f7d3-6f63-4113-94de-5d32c4b5e001.png","pc":"satoriui","tg":["background","grid","hero"]},{"id":"21st:satoriui__slide-up-reveal","t":"Slide up reveal","d":"Animated text component that reveals content by sliding it up, with configurable word, character, or line splitting and stagger.","k":"motion","s":"21st","c":"motion/text-effect","a":"satoriui","pl":"https://cdn.21st.dev/satoriui/slide-up-reveal/default/preview.1783714265701.png","pc":"satoriui","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:satoriui__typewriter-loop","t":"Typewriter loop","d":"A looping typewriter headline that cycles through words with animated gradient text, colored backgrounds, and a blinking cursor.","k":"motion","s":"21st","c":"motion/text-effect","a":"satoriui","pl":"https://cdn.21st.dev/satoriui/typewriter-loop/default/preview.1783719608025.png","pc":"satoriui","sb":"Typewriter"},{"id":"21st:satyam-mishra-dev__circular-text","t":"Circular text","d":"This component is a moving text in circular style","k":"motion","s":"21st","c":"motion/text-effect","a":"satyam-mishra-dev","pl":"https://cdn.21st.dev/satyam-mishra-dev/circular-text/default/preview.1770718048011.png","pc":"satyam-mishra-dev"},{"id":"21st:satyam-mishra-dev__liquid-swipe","t":"Liquid swipe","d":"Cool liquid unlock button ","s":"21st","c":"actions/button","a":"satyam-mishra-dev","pl":"https://cdn.21st.dev/satyam-mishra-dev/liquid-swipe/default/preview.1770962090863.png","pc":"satyam-mishra-dev","sb":"Animated"},{"id":"21st:satyam-mishra-dev__motion-menu","t":"Motion menu","d":"MotionMenu is an interactive navigation component that uses smooth animations and directional hover effects to create a dynamic, engaging menu experience.","s":"21st","c":"navigation/menu","a":"satyam-mishra-dev","pl":"https://cdn.21st.dev/satyam-mishra-dev/motion-menu/default/preview.1775479390140.png","pc":"satyam-mishra-dev"},{"id":"21st:saurabh-2607__accordion","t":"Accordion","d":"An interactive Accordion component with smooth expand/collapse animations.","s":"21st","c":"data-display/accordion","a":"saurabh-2607","pl":"https://cdn.21st.dev/saurabh-2607/accordion/default/preview.1786534460779-97484f3b-0c8c-48ef-8b8b-87f79b96e241.png","pc":"saurabh-2607"},{"id":"21st:saurabh-2607__aceternity-button","t":"Aceternity button","d":"A soft, convex tactile button component featuring inner shadows, active scaling states, and smooth gradients for premium feedback.","s":"21st","c":"actions/button","a":"saurabh-2607","pl":"https://cdn.21st.dev/saurabh-2607/aceternity-button/default/preview.1786535072048-cb3318a7-a448-47e3-94c5-c73068e64d71.png","pc":"saurabh-2607"},{"id":"21st:saurabh-2607__animated-link","t":"Animated link","d":"An interactive link component supporting 13 premium hover variants including custom clipping masks, SVG sine waves, and text marquee animations.","s":"21st","c":"actions/link","a":"saurabh-2607","pl":"https://cdn.21st.dev/saurabh-2607/animated-link/default/preview.1786534747814-ffa4abc7-ccf3-4080-bb39-6103ab4bcaf0.png","pc":"saurabh-2607"},{"id":"21st:saurabh-2607__button","t":"Button","d":"A versatile button component supporting multiple variants, sizes, icons, and a loading state.","s":"21st","c":"actions/button","a":"saurabh-2607","pl":"https://cdn.21st.dev/saurabh-2607/button/default/preview.1786534534306-3ce6109c-1b22-4f74-b647-3b4c8856b287.png","pc":"saurabh-2607"},{"id":"21st:saurabh-2607__great-ui-aceternity-button","t":"Great ui aceternity button","d":"A soft, convex tactile button component featuring inner shadows, active scaling states, and smooth gradients for premium feedback.","s":"21st","c":"actions/button","a":"saurabh-2607","pl":"https://cdn.21st.dev/larsen66/great-ui-aceternity-button/default/preview.1785392089184-052077a7-8e78-4a30-95d6-199d4cd6e9f2.png","pc":"saurabh-2607"},{"id":"21st:saurabh-2607__great-ui-animated-link","t":"Great ui animated link","d":"An interactive link component supporting 13 premium hover variants including custom clipping masks, SVG sine waves, and text marquee animations.","s":"21st","c":"actions/link","a":"saurabh-2607","u":6,"pl":"https://cdn.21st.dev/larsen66/great-ui-animated-link/default/preview.1785396357786-f08fbfd6-df4f-4644-93dd-e53436a4a613.png","pc":"saurabh-2607","tg":["link","navigation-menu"]},{"id":"21st:saurabh-2607__great-ui-animated-select","t":"Great ui animated select","d":"A premium interactive dropdown component with dynamic spring-based menu expanding animations and sequenced staggering list items.","s":"21st","c":"inputs/select","a":"saurabh-2607","pl":"https://cdn.21st.dev/larsen66/great-ui-animated-select/default/preview.1785396394150-7200d2d5-432b-4369-9d8b-d70328212441.png","pc":"saurabh-2607","tg":["dropdown","select"]},{"id":"21st:saurabh-2607__great-ui-ascii-image","t":"Great ui ascii image","d":"A real-time hardware-accelerated WebGL shader component that proceduralizes any image into customizable density-based ASCII art with masking overlays.","s":"21st","c":"media/gallery","a":"saurabh-2607","u":6,"pl":"https://cdn.21st.dev/larsen66/great-ui-ascii-image/default/preview.1785392176713-24c1f7a4-9911-45ef-a87e-47038e9363fb.png","pc":"saurabh-2607","tg":["image"]},{"id":"21st:saurabh-2607__great-ui-avatar-stack","t":"Great ui avatar stack","d":"A dynamic stack of overlapping user avatars featuring custom tooltip display variants that track hover directions or coordinates with spring dynamics.","s":"21st","c":"data-display/avatar","a":"saurabh-2607","pl":"https://cdn.21st.dev/larsen66/great-ui-avatar-stack/default/preview.1785392932125-8d83d256-46c6-4877-9826-6c9359317949.png","pc":"saurabh-2607","tg":["tooltip"]},{"id":"21st:saurabh-2607__great-ui-button","t":"Great ui button","d":"A versatile button component supporting multiple variants, sizes, icons, and a loading state.","s":"21st","c":"actions/button","a":"saurabh-2607","pl":"https://cdn.21st.dev/larsen66/great-ui-button/default/preview.1785389790885-a9dff532-c6c4-4ea4-9d4e-211164e877ff.png","pc":"saurabh-2607"},{"id":"21st:saurabh-2607__great-ui-cyber-glitch-shader","t":"Great ui cyber glitch shader","d":"A fullscreen WebGL page transition that applies an RGB-split chromatic aberration glitch effect across the viewport during route changes.","s":"21st","c":"motion/text-effect","a":"saurabh-2607","u":6,"pl":"https://cdn.21st.dev/larsen66/great-ui-cyber-glitch-shader/default/preview.1785395911491-ccf87293-b3c2-40c0-958c-660ac6cfb4bd.png","pc":"saurabh-2607","sb":"Scramble and glitch"},{"id":"21st:saurabh-2607__great-ui-deployment-checklist","t":"Great ui deployment checklist","d":"An interactive CI/CD pipeline protocol checklist depicting git clone, install, build, and deploy stages with custom animated status icons.","s":"21st","c":"assets/icon","a":"saurabh-2607","pl":"https://cdn.21st.dev/larsen66/great-ui-deployment-checklist/default/preview.1785392975153-21e65dd7-594e-4db5-94d0-00bcd1484fb2.png","pc":"saurabh-2607"},{"id":"21st:saurabh-2607__great-ui-diagonal-marquee-carousel","t":"Great ui diagonal marquee carousel","d":"A premium diagonally slanted, infinitely scrolling marquee showing cards or landscapes with offset speeds, alternating directions, and soft gradients.","s":"21st","c":"media/carousel","a":"saurabh-2607","u":8,"pl":"https://cdn.21st.dev/larsen66/great-ui-diagonal-marquee-carousel/default/preview.1785392953253-191810cf-6637-4a1c-9c74-87269fde2d7f.png","pc":"saurabh-2607","tg":["carousel","marquee"]},{"id":"21st:saurabh-2607__great-ui-image-hover-reveal","t":"Great ui image hover reveal","d":"A dual-image avatar surface implementing directional hover reveals and cursor coordinate tracking spring slices.","s":"21st","c":"media/gallery","a":"saurabh-2607","pl":"https://cdn.21st.dev/larsen66/great-ui-image-hover-reveal/default/preview.1785392909121-51692c3a-215f-4b30-8f63-4ae3c4a97aad.png","pc":"saurabh-2607","sb":"Hover effects"},{"id":"21st:saurabh-2607__great-ui-liquid-dissolve-shader","t":"Great ui liquid dissolve shader","d":"A fullscreen WebGL page transition that melts the viewport away using organic fractal noise dissolve during route changes.","s":"21st","c":"motion/background","a":"saurabh-2607","pl":"https://cdn.21st.dev/larsen66/great-ui-liquid-dissolve-shader/default/preview.1785395977988-c6c22904-0964-477d-8dd9-7e0a18ef439c.png","pc":"saurabh-2607","sb":"Shaders and WebGL"},{"id":"21st:saurabh-2607__great-ui-liquid-ripple-shader","t":"Great ui liquid ripple shader","d":"A fullscreen WebGL page transition that animates a fluid concentric ripple wave expanding from the center of the viewport during route changes.","s":"21st","c":"motion/background","a":"saurabh-2607","pl":"https://cdn.21st.dev/larsen66/great-ui-liquid-ripple-shader/default/preview.1785395877503-8aeba892-e7ae-43ed-83fb-95cf82dd58cd.png","pc":"saurabh-2607","sb":"Shaders and WebGL"},{"id":"21st:saurabh-2607__great-ui-macbook-mockup","t":"Great ui macbook mockup","d":"A realistic 3D Macbook Pro device frame mockup with aluminum casing, keyboard base, and dual-pane WhatsApp Web chat UI.","s":"21st","c":"media/mockup","a":"saurabh-2607","u":4,"pl":"https://cdn.21st.dev/larsen66/great-ui-macbook-mockup/default/preview.1785392133061-0e06a9be-e5bf-4a65-aaca-086891af8373.png","pc":"saurabh-2607"},{"id":"21st:saurabh-2607__great-ui-minimal-buttons","t":"Great ui minimal buttons","d":"A tactile, retro-modern button component featuring beveled top-border highlights, inner gradients, and inset shadow detailing.","s":"21st","c":"actions/button","a":"saurabh-2607","pl":"https://cdn.21st.dev/larsen66/great-ui-minimal-buttons/default/preview.1785390526307-fe0cfbf6-f742-4da1-b31c-197f64bdfd27.png","pc":"saurabh-2607"},{"id":"21st:saurabh-2607__great-ui-minimal-buttons-larsen66","t":"Great ui minimal buttons larsen66","d":"A tactile, retro-modern button component featuring beveled top-border highlights, inner gradients, and inset shadow detailing.","s":"21st","c":"actions/button","a":"saurabh-2607","pl":"https://cdn.21st.dev/larsen66/great-ui-minimal-buttons/default/preview.1785391190028-9e0e391a-1235-49ee-96d3-fb7b771f142b.png","pc":"saurabh-2607"},{"id":"21st:saurabh-2607__great-ui-mobile-mockup","t":"Great ui mobile mockup","d":"An interactive mobile device frame mockup with a realistic smartphone chassis, status bar, and WhatsApp mobile chat UI.","s":"21st","c":"media/mockup","a":"saurabh-2607","pl":"https://cdn.21st.dev/larsen66/great-ui-mobile-mockup/default/preview.1785392111155-c06edeec-81ae-46a0-9016-ba9c06abb16a.png","pc":"saurabh-2607"},{"id":"21st:saurabh-2607__great-ui-revision-timeline","t":"Great ui revision timeline","d":"A premium interactive document revision history log timeline featuring Gaussian-weighted dial scale indicators, spring-based sliding position centering, and parsed markdown log lis","s":"21st","c":"data-display/timeline","a":"saurabh-2607","u":8,"pl":"https://cdn.21st.dev/larsen66/great-ui-revision-timeline/default/preview.1785395842067-ba1f27cf-e128-4548-993a-768709af923d.png","pc":"saurabh-2607","tg":["timeline"]},{"id":"21st:saurabh-2607__great-ui-terminal-loader","t":"Great ui terminal loader","d":"A retro, terminal-inspired monospace loading indicator that animates character blocks and trailing density particles in real-time.","s":"21st","c":"status/loader","a":"saurabh-2607","pl":"https://cdn.21st.dev/larsen66/great-ui-terminal-loader/default/preview.1785392995100-0c5479e9-be6d-43f6-9c84-7765432dc24d.png","pc":"saurabh-2607","sb":"Spinners"},{"id":"21st:saurabh-2607__great-ui-vinyl-album-card","t":"Great ui vinyl album card","d":"An interactive music album card with a spinning vinyl record that emerges from the cover sleeve upon hover.","s":"21st","c":"data-display/card","a":"saurabh-2607","pl":"https://cdn.21st.dev/larsen66/great-ui-vinyl-album-card/default/preview.1785392155054-d3a8c929-a22d-495e-96d0-f901f3ca75c6.png","pc":"saurabh-2607"},{"id":"21st:saurabh-2607__great-ui-vortex-spiral-shader","t":"Great ui vortex spiral shader","d":"A fullscreen WebGL page transition that spins a rotating swirl vortex wipe across the viewport during route changes.","k":"motion","s":"21st","c":"motion/shader","a":"saurabh-2607","pl":"https://cdn.21st.dev/larsen66/great-ui-vortex-spiral-shader/default/preview.1785395944186-c3ab0124-a67b-4206-9918-6b68b55642bd.png","pc":"saurabh-2607"},{"id":"21st:saurabh-2607__minimal-buttons","t":"Minimal buttons","d":"A tactile, retro-modern button component featuring beveled top-border highlights, inner gradients, and inset shadow detailing.","s":"21st","c":"actions/button","a":"saurabh-2607","pl":"https://cdn.21st.dev/saurabh-2607/minimal-buttons/default/preview.1786534976605-3f0b2c46-bfcd-4a35-8a23-b0c7825c0c11.png","pc":"saurabh-2607"},{"id":"21st:saurabh-2607__terminal-loader","t":"Terminal loader","d":"A retro, terminal-inspired monospace loading indicator that animates character blocks and trailing density particles in real-time.","s":"21st","c":"status/loader","a":"saurabh-2607","pl":"https://cdn.21st.dev/saurabh-2607/terminal-loader/default/preview.1786534829143-c841765a-66a3-4c45-9938-840c2a20fb12.png","pc":"saurabh-2607","sb":"Spinners"},{"id":"21st:saurabh10102__be-ui-404-not-found","t":"Be ui 404 not found","k":"page","s":"21st","c":"pages/templates","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/be-ui-404-not-found/default/preview.1782487811497.png","pc":"saurabh10102","tg":["empty-state"],"sb":"Error and status pages"},{"id":"21st:saurabh10102__be-ui-action-swap","t":"Be ui action swap","s":"21st","c":"other","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/be-ui-action-swap/default/preview.1782311612620.png","pc":"saurabh10102"},{"id":"21st:saurabh10102__be-ui-animated-badge","t":"Be ui animated badge","s":"21st","c":"data-display/badge","a":"saurabh10102","st":"rated","u":2,"pl":"https://cdn.21st.dev/larsen66/be-ui-animated-badge/default/preview.1782310441222.png","pc":"saurabh10102","tg":["badge","spinner"],"sc":22,"sb":"Animated"},{"id":"21st:saurabh10102__be-ui-bouncy-accordion","t":"Be ui bouncy accordion","s":"21st","c":"data-display/accordion","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/be-ui-bouncy-accordion/default/preview.1782316083609.png","pc":"saurabh10102","tg":["accordion","icon","list"]},{"id":"21st:saurabh10102__be-ui-button","t":"Be ui button","s":"21st","c":"actions/button","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/be-ui-button/default/preview.1782386568751.png","pc":"saurabh10102","tg":["button"]},{"id":"21st:saurabh10102__be-ui-command-palette","t":"Be ui command palette","s":"21st","c":"navigation/command-palette","a":"saurabh10102","st":"rated","pl":"https://cdn.21st.dev/larsen66/be-ui-command-palette/default/preview.1782489250585.png","pc":"saurabh10102","tg":["search"],"sc":22},{"id":"21st:saurabh10102__be-ui-create-menu","t":"Be ui create menu","s":"21st","c":"navigation/menu","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/be-ui-create-menu/default/preview.1782487254402.png","pc":"saurabh10102","tg":["menu"]},{"id":"21st:saurabh10102__be-ui-drawer","t":"Be ui drawer","s":"21st","c":"overlays/sheet","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/be-ui-drawer/default/preview.1782325086339.png","pc":"saurabh10102","tg":["modal"]},{"id":"21st:saurabh10102__be-ui-dynamic-island","t":"Be ui dynamic island","s":"21st","c":"overlays/toast","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/be-ui-dynamic-island/default/preview.1782488922489.png","pc":"saurabh10102","tg":["notification"]},{"id":"21st:saurabh10102__be-ui-expanable-action-bar","t":"Be ui expanable action bar","s":"21st","c":"navigation/dock","a":"saurabh10102","st":"rated","pl":"https://cdn.21st.dev/larsen66/be-ui-expanable-action-bar/default/preview.1782388276316.png","pc":"saurabh10102","tg":["badge","dock","menu"],"sc":24},{"id":"21st:saurabh10102__be-ui-expandable-tabs","t":"Be ui expandable tabs","s":"21st","c":"navigation/tabs","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/be-ui-expandable-tabs/default/preview.1782390392203.png","pc":"saurabh10102","tg":["dock","navigation-menu","tabs"]},{"id":"21st:saurabh10102__be-ui-file-upload","t":"Be ui file upload","s":"21st","c":"inputs/file-upload","a":"saurabh10102","st":"rated","pl":"https://cdn.21st.dev/larsen66/be-ui-file-upload/default/preview.1782392967903.png","pc":"saurabh10102","tg":["progress","upload-download"],"sc":24},{"id":"21st:saurabh10102__be-ui-marquee","t":"Be ui marquee","k":"motion","s":"21st","c":"motion/marquee","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/be-ui-marquee/default/preview.1782387001993.png","pc":"saurabh10102","tg":["marquee","scroll-area"]},{"id":"21st:saurabh10102__be-ui-morphing-modal","t":"Be ui morphing modal","s":"21st","c":"overlays/dialog","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/be-ui-morphing-modal/default/preview.1782304683540.png","pc":"saurabh10102","tg":["modal"],"sb":"Animated"},{"id":"21st:saurabh10102__be-ui-multi-chain-swap","t":"Be ui multi chain swap","s":"21st","c":"navigation/menu","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/be-ui-multi-chain-swap/default/preview.1782488379673.png","pc":"saurabh10102","tg":["dropdown"],"sb":"Dropdowns"},{"id":"21st:saurabh10102__be-ui-number-animation","t":"Be ui number animation","k":"motion","s":"21st","c":"motion/number-ticker","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/be-ui-number-animation/default/preview.1782305987436.png","pc":"saurabh10102","tg":["number","stat"]},{"id":"21st:saurabh10102__be-ui-otp-input","t":"Be ui otp input","d":"This is OTP Input component","s":"21st","c":"inputs/otp-input","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/be-ui-otp-input/default/preview.1782397481606.png","pc":"saurabh10102"},{"id":"21st:saurabh10102__be-ui-prediction-market","t":"Be ui prediction market","s":"21st","c":"other","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/be-ui-prediction-market/default/preview.1782396827088.png","pc":"saurabh10102"},{"id":"21st:saurabh10102__be-ui-range-slider","t":"Be ui range slider","s":"21st","c":"inputs/slider","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/be-ui-range-slider/default/preview.1782327040624.png","pc":"saurabh10102","tg":["slider"]},{"id":"21st:saurabh10102__be-ui-swipeable-list","t":"Be ui swipeable list","s":"21st","c":"data-display/list","a":"saurabh10102","st":"rated","u":10,"pl":"https://cdn.21st.dev/larsen66/be-ui-swipeable-list/default/preview.1782391961161.png","pc":"saurabh10102","tg":["list"],"sc":18},{"id":"21st:saurabh10102__be-ui-text-animation","t":"Be ui text animation","k":"motion","s":"21st","c":"motion/text-effect","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/be-ui-text-animation/default/preview.1782305407228.png","pc":"saurabh10102"},{"id":"21st:saurabh10102__be-ui-theme-toggle","t":"Be ui theme toggle","s":"21st","c":"actions/switch","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/be-ui-theme-toggle/default/preview.1782313016934.png","pc":"saurabh10102","tg":["toggle"],"sb":"Theme toggles"},{"id":"21st:saurabh10102__be-ui-tilt-card","t":"Be ui tilt card","s":"21st","c":"data-display/card","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/be-ui-tilt-card/default/preview.1782386219096.png","pc":"saurabh10102","tg":["card"],"sb":"Animated and glowing"},{"id":"21st:saurabh10102__beui-bottom-sheet","t":"Beui bottom sheet","s":"21st","c":"overlays/sheet","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/beui-bottom-sheet/default/preview.1782299659191.png","pc":"saurabh10102","tg":["list"]},{"id":"21st:saurabh10102__beui-checkbox","t":"Beui checkbox","s":"21st","c":"inputs/checkbox","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/beui-checkbox/default/preview.1782227927012.png","pc":"saurabh10102","tg":["checkbox"]},{"id":"21st:saurabh10102__beui-dock","t":"Beui dock","s":"21st","c":"navigation/dock","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/beui-dock/default/preview.1782301447228.png","pc":"saurabh10102","tg":["list"]},{"id":"21st:saurabh10102__beui-radio-group","t":"Beui radio group","s":"21st","c":"inputs/radio","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/beui-radio-group/default/preview.1782228400581.png","pc":"saurabh10102","tg":["pricing-section","radio-group"]},{"id":"21st:saurabh10102__beui-switch","t":"Beui switch","d":"This is Switch component.","s":"21st","c":"actions/switch","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/beui-switch/default/preview.1782312069174.png","pc":"saurabh10102","tg":["toggle"]},{"id":"21st:saurabh10102__beui-tabs","t":"Beui tabs","s":"21st","c":"navigation/tabs","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/beui-tabs/default/preview.1782227132657.png","pc":"saurabh10102","tg":["tabs"]},{"id":"21st:saurabh10102__beui-tooltip","t":"Beui tooltip","s":"21st","c":"overlays/tooltip","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/beui-tooltip/default/preview.1782303986093.png","pc":"saurabh10102","tg":["tooltip"]},{"id":"21st:saurabh10102__dock","t":"Dock","s":"21st","c":"navigation/dock","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/dock/default/preview.1782303132629.png","pc":"saurabh10102","tg":["dock","navigation-menu"]},{"id":"21st:saurabh10102__loader","t":"Loader","d":"Animated loading indicator with seventeen variants including spinner, dots, bars, dot-matrix, morph, comet, metaballs, newton, helix, percent and terminal-style ascii spinners, sca","s":"21st","c":"status/loader","a":"saurabh10102","pl":"https://cdn.21st.dev/saurabh10102/loader/default/preview.1784690972437-9f278e21-7f13-4c43-8f26-f1fc6a01c318.png","pc":"saurabh10102","tg":["progress","spinner"],"sb":"Spinners"},{"id":"21st:saurabh10102__overflow-actions","t":"Overflow actions","d":"Connected pill rail for primary actions that springs open to reveal extra controls. Built with Motion layout animations, controllable expanded state, and hover-capable detection fo","s":"21st","c":"data-display/badge","a":"saurabh10102","pl":"https://21st.dev/@saurabh10102/components/overflow-actions","pc":"saurabh10102"},{"id":"21st:saurabh10102__scroll-animation","t":"Scroll animation","k":"layout","s":"21st","c":"layout/scroll-area","a":"saurabh10102","pl":"https://cdn.21st.dev/larsen66/scroll-animation/default/preview.1782322923211.png","pc":"saurabh10102","tg":["scroll-area"]},{"id":"21st:savasaachimarketingagency__reveal","t":"Reveal","d":"Scroll-triggered reveal wrapper - IntersectionObserver fade/slide entrance with stagger delays, a pop variant, and prefers-reduced-motion support","s":"21st","c":"layout/scroll-area","a":"savasaachimarketingagency","pl":"https://cdn.21st.dev/savasaachimarketingagency/reveal/default/preview.1785193260525-a0f7ea9f-3d93-4ea4-a85b-1671843840ed.png","pc":"savasaachimarketingagency"},{"id":"21st:savnitya__bull","t":"Bull","d":"Animated (flicker) ASCII art in the Matrix style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"savnitya","pl":"https://cdn.21st.dev/savnitya/bull/default/preview.1785482421806-609f3184-95ea-416a-ae12-9be9ad8a20e0.webp","pc":"savnitya","sb":"Matrix"},{"id":"21st:scoobynko__snake-loader","t":"Snake loader","s":"21st","c":"status/loader","a":"scoobynko","pl":"https://cdn.21st.dev/scoobynko/snake-loader/default/preview.1781790809200.png","pc":"scoobynko","sb":"Spinners"},{"id":"21st:scriptvg__button","t":"Button","d":"A simple button","s":"21st","c":"actions/button","a":"scriptvg","pl":"https://cdn.21st.dev/scriptvg/button/default/preview.1786139734805-2e3c0414-d353-497b-a371-5cdbac1d7306.png","pc":"scriptvg"},{"id":"21st:scrollxui__particles","t":"Particles","d":"A 3D interactive particle field rendered with three.js that reacts to mouse movement and supports customizable color, count, and size.","k":"motion","s":"21st","c":"motion/background","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/particles/default/preview.1785315466109-4ae51e61-4a3f-413d-8bbf-8655c23c9ad5.png","pc":"scrollxui","sb":"Particles and stars"},{"id":"21st:sean0205__3d-testimonails","t":"3d testimonails","d":"A marquee component continuously scrolls text, images, or videos in an infinite loop, with customizable speed, direction, and responsive design for engaging displays.","k":"motion","s":"21st","c":"motion/marquee","a":"sean0205","u":528,"pl":"https://cdn.21st.dev/sean0205/3d-testimonails/default/preview.1751128591723.png","pc":"sean0205","tg":["marquee","scroll-area","testimonials"]},{"id":"21st:sean0205__accordion","t":"Accordion","d":"Accordion component based on Radix UI.","s":"21st","c":"data-display/accordion","a":"sean0205","u":62,"pl":"https://cdn.21st.dev/sean0205/accordion/default/preview.1748022485133.png","pc":"sean0205","tg":["accordion","faq"],"sb":"FAQ"},{"id":"21st:sean0205__accordion-1","t":"Accordion 1","d":"A collapsible panel that can be expanded or collapsed.","s":"21st","c":"data-display/accordion","a":"sean0205","u":26,"pl":"https://cdn.21st.dev/sean0205/accordion-1/default/preview.1751396903318.png","pc":"sean0205","tg":["accordion","faq","list"],"sb":"FAQ"},{"id":"21st:sean0205__alert","t":"Alert","d":"Displays a callout for user attention, such as a success message, warning, or error.","s":"21st","c":"overlays/alert-banner","a":"sean0205","u":78,"pl":"https://cdn.21st.dev/sean0205/alert/default/preview.1748399906867.png","pc":"sean0205","tg":["alert"]},{"id":"21st:sean0205__alert-1","t":"Alert 1","d":"Displays a callout for user attention, such as a success message, warning, or error.","s":"21st","c":"overlays/alert-banner","a":"sean0205","u":231,"pl":"https://cdn.21st.dev/sean0205/alert-1/default/preview.1751434599072.png","pc":"sean0205","tg":["alert","icon","notification"]},{"id":"21st:sean0205__alert-dialog","t":"Alert dialog","d":"A modal dialog that interrupts the user with important content and expects a response.","s":"21st","c":"overlays/dialog","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/alert-dialog/default/preview.1751440099093.png","pc":"sean0205","sb":"Confirm"},{"id":"21st:sean0205__area-charts-1","t":"Area charts 1","d":" Area charts designed to present key metrics and insights. Each chart features unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and a","s":"21st","c":"data-viz/chart","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/area-charts-1/default/preview.1753376923606.png","pc":"sean0205","tg":["dashboard"],"sb":"Area"},{"id":"21st:sean0205__area-charts-2","t":"Area charts 2","d":"Area charts designed to present key metrics and insights. Each chart features unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and an","s":"21st","c":"data-viz/chart","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/area-charts-2/default/preview.1753866563555.png","pc":"sean0205","tg":["data-visualization","dashboard"],"sb":"Area"},{"id":"21st:sean0205__avatar","t":"Avatar","d":"An image element with a fallback for representing the user.","s":"21st","c":"data-display/avatar","a":"sean0205","u":872,"pl":"https://cdn.21st.dev/sean0205/avatar/default/preview.1751453758312.png","pc":"sean0205","tg":["avatar","icon","image","profile"]},{"id":"21st:sean0205__badge-2","t":"Badge 2","d":"A Badge is a small, visually distinct element used to display contextual metadata, such as status, category, or notifications, enhancing the clarity and organization of your design","s":"21st","c":"data-display/badge","a":"sean0205","u":1133,"pl":"https://cdn.21st.dev/sean0205/badge-1/default/preview.1751391624600.png","pc":"sean0205","tg":["badge","icon","notification","number"],"sb":"Counts"},{"id":"21st:sean0205__badge-variants","t":"Badge variants","d":"Badge color and appearance  variants","s":"21st","c":"data-display/badge","a":"sean0205","u":45,"pl":"https://cdn.21st.dev/sean0205/badge-variants/default/preview.1748697033017.png","pc":"sean0205","tg":["badge","chip"],"sb":"Tags and pills"},{"id":"21st:sean0205__base-accordion","t":"Base accordion","d":"A set of collapsible panels with headings, built with Base UI components.","s":"21st","c":"data-display/accordion","a":"sean0205","u":22,"pl":"https://cdn.21st.dev/sean0205/base-accordion/default/preview.1758780821537.png","pc":"sean0205","tg":["accordion","faq"],"sb":"FAQ"},{"id":"21st:sean0205__base-avatar-1","t":"Base avatar 1","d":"An easily stylable avatar component built with Base UI components.","s":"21st","c":"data-display/avatar","a":"sean0205","u":19,"pl":"https://cdn.21st.dev/sean0205/base-avatar/default/preview.1759745762730.png","pc":"sean0205","tg":["badge","avatar","profile","team"]},{"id":"21st:sean0205__base-badge","t":"Base badge","d":"A customizable badge component built with Base UI and useRender hook for composition.","s":"21st","c":"data-display/badge","a":"sean0205","u":44,"pl":"https://cdn.21st.dev/sean0205/base-badge/default/preview.1758873435453.png","pc":"sean0205","tg":["badge","chip","icon","link"],"sb":"Tags and pills"},{"id":"21st:sean0205__base-button","t":"Base button","d":"Renders a clickable button or an element styled as a button","s":"21st","c":"actions/button","a":"sean0205","u":59,"pl":"https://cdn.21st.dev/sean0205/base-button/default/preview.1758790671324.png","pc":"sean0205","tg":["button","icon","link","spinner"],"sb":"Icon buttons"},{"id":"21st:sean0205__base-input","t":"Base input","d":"Displays a form input field, input groups, number input spinners, etc.","s":"21st","c":"inputs/form-field","a":"sean0205","u":17,"pl":"https://cdn.21st.dev/sean0205/base-input/default/preview.1758883778654.png","pc":"sean0205","tg":["input","upload-download"]},{"id":"21st:sean0205__base-menu","t":"Base menu","d":"A list of actions in a dropdown, enhanced with keyboard navigation. Built on top of Base UI Menu component with shadcn styling.","s":"21st","c":"navigation/menu","a":"sean0205","u":38,"pl":"https://cdn.21st.dev/sean0205/base-menu/default/preview.1759131606388.png","pc":"sean0205","tg":["checkbox","menu","radio-group"],"sb":"Dropdowns"},{"id":"21st:sean0205__base-popover","t":"Base popover","d":"A floating panel that appears on demand. Built on top of Base UI Popover component with shadcn styling.","s":"21st","c":"overlays/popover","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/base-popover/default/preview.1759732961650.png","pc":"sean0205","tg":["popover","tooltip"]},{"id":"21st:sean0205__beam-grid-hero","t":"Beam grid hero","d":"A responsive grid background with animated moving beams.","k":"section","s":"21st","c":"marketing/hero","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/beam-grid-hero/default/preview.1751008609310.png","pc":"sean0205","sb":"Animated background"},{"id":"21st:sean0205__breadcramb","t":"Breadcramb","d":"\nDisplays a hierarchy of links to the current page or resource in an application.","s":"21st","c":"assets/icon","a":"sean0205","u":41,"pl":"https://cdn.21st.dev/sean0205/breadcramb/default/preview.1751443356891.png","pc":"sean0205","tg":["icon","link","navigation-menu"]},{"id":"21st:sean0205__breadcrumb","t":"Breadcrumb","d":"Displays a hierarchy of links to the current page or resource in an application.","s":"21st","c":"navigation/breadcrumb","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/breadcrumb/default/preview.1752418355132.png","pc":"sean0205"},{"id":"21st:sean0205__button","t":"Button","d":"Advanced button component with extended options and variants.","s":"21st","c":"actions/button","a":"sean0205","u":96,"pl":"https://cdn.21st.dev/sean0205/button/default/preview.1747736911530.png","pc":"sean0205","tg":["notification"]},{"id":"21st:sean0205__button-1","t":"Button 1","d":"Renders a clickable button or an element styled as a button with advance options","s":"21st","c":"actions/button","a":"sean0205","u":1344,"pl":"https://cdn.21st.dev/sean0205/button-1/default/preview.1751360999319.png","pc":"sean0205","tg":["button","icon","link"],"sb":"Icon buttons"},{"id":"21st:sean0205__calendar","t":"Calendar","d":"A date field component that allows users to enter and edit dates.","s":"21st","c":"data-display/calendar","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/calendar/default/preview.1751450937844.png","pc":"sean0205"},{"id":"21st:sean0205__calendar-1","t":"Calendar 1","d":"A date field component that allows users to enter and edit dates.","s":"21st","c":"data-display/calendar","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/calendar-1/default/preview.1753166298206.png","pc":"sean0205"},{"id":"21st:sean0205__card","t":"Card","d":"Containers for displaying content and actions about a single subject.","s":"21st","c":"data-display/card","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/card/default/preview.1752552298420.png","pc":"sean0205","tg":["avatar","card","list","profile"],"sb":"Profile"},{"id":"21st:sean0205__carousel","t":"Carousel","d":"A carousel with motion and swipe built using Embla.","s":"21st","c":"media/carousel","a":"sean0205","u":34,"pl":"https://cdn.21st.dev/sean0205/carousel/default/preview.1761028508506.png","pc":"sean0205","tg":["carousel"]},{"id":"21st:sean0205__chart","t":"Chart","d":"A chart component for displaying data visualizations built using Recharts.","s":"21st","c":"data-viz/chart","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/chart/default/preview.1753376258679.png","pc":"sean0205","tg":["data-visualization"]},{"id":"21st:sean0205__checkbox","t":"Checkbox","d":"A control that allows the user to toggle between checked and not checked.","s":"21st","c":"inputs/checkbox","a":"sean0205","pl":"https://cdn.21st.dev/user_2wpPk1CyWKAxM46S7k5UoCQhmqF/checkbox/default/preview.1748457148462.png","pc":"sean0205","tg":["checkbox"]},{"id":"21st:sean0205__checkbox-1","t":"Checkbox 1","d":"A control that allows the user to toggle between checked and not checked.","s":"21st","c":"inputs/checkbox","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/checkbox-1/default/preview.1753879881661.png","pc":"sean0205","tg":["checkbox"]},{"id":"21st:sean0205__code","t":"Code","d":"A component used to display inline code, with ability to copy the content by a button.","s":"21st","c":"inputs/textarea","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/code/default/preview.1753101686253.png","pc":"sean0205"},{"id":"21st:sean0205__collapsible","t":"Collapsible","d":"An interactive component that expands/collapses a panel.","s":"21st","c":"data-display/accordion","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/collapsible/default/preview.1751454916633.png","pc":"sean0205","tg":["link"]},{"id":"21st:sean0205__command","t":"Command","d":"Fast, composable, unstyled command menu for React.","s":"21st","c":"navigation/command-palette","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/command/default/preview.1761027402425.png","pc":"sean0205","tg":["list","menu","modal","search"]},{"id":"21st:sean0205__context-menu","t":"Context menu","d":"Displays a menu to the user — such as a set of actions or functions — triggered by a button.","s":"21st","c":"overlays/context-menu","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/context-menu/default/preview.1753111624264.png","pc":"sean0205","tg":["checkbox","menu","radio-group"]},{"id":"21st:sean0205__context-menu-1","t":"Context menu 1","d":"Displays a menu to the user — such as a set of actions or functions — triggered by a button.","s":"21st","c":"overlays/context-menu","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/context-menu-1/default/preview.1757353910314.png","pc":"sean0205","tg":["checkbox","menu","radio-group"]},{"id":"21st:sean0205__data-grid-table","t":"Data grid table","d":"Here is Data Grid Table component","s":"21st","c":"data-display/table","a":"sean0205","u":128,"pl":"https://cdn.21st.dev/larsen66/data-grid-table/default/preview.1753987126875.png","pc":"sean0205","tg":["checkbox","dashboard","pagination","profile"],"sb":"Data tables"},{"id":"21st:sean0205__dialog","t":"Dialog","d":"A modal dialog that interrupts the user with important content and expects a response.","s":"21st","c":"overlays/dialog","a":"sean0205","u":29,"pl":"https://cdn.21st.dev/sean0205/dialog/default/preview.1760802452677.png","pc":"sean0205","tg":["faq","modal","scroll-area","textarea"],"sb":"Confirm"},{"id":"21st:sean0205__drawer","t":"Drawer","d":"A drawer component for React.","s":"21st","c":"overlays/sheet","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/drawer/default/preview.1753112127723.png","pc":"sean0205"},{"id":"21st:sean0205__dropdown-menu","t":"Dropdown menu","d":"Displays a menu to the user — such as a set of actions or functions — triggered by a button.","s":"21st","c":"navigation/menu","a":"sean0205","u":203,"pl":"https://cdn.21st.dev/sean0205/dropdown-menu/default/preview.1752865023411.png","pc":"sean0205","tg":["checkbox","dropdown","menu","notification"],"sb":"Dropdowns"},{"id":"21st:sean0205__file-upload","t":"File upload","d":"A file upload component for React.","s":"21st","c":"inputs/file-upload","a":"sean0205","u":74,"pl":"https://cdn.21st.dev/sean0205/file-upload/default/preview.1753469683048.png","pc":"sean0205","tg":["image","table","upload-download"]},{"id":"21st:sean0205__form","t":"Form","d":"Building forms with React Hook Form and Zod schema validation.","s":"21st","c":"inputs/form-field","a":"sean0205","u":28,"pl":"https://cdn.21st.dev/sean0205/form/default/preview.1760593952200.png","pc":"sean0205","sb":"Whole forms"},{"id":"21st:sean0205__hover-card","t":"Hover card","d":"For sighted users to preview content available behind a link.","s":"21st","c":"overlays/hover-card","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/hover-card/default/preview.1753163353827.png","pc":"sean0205"},{"id":"21st:sean0205__hover-card-1","t":"Hover card 1","d":"For sighted users to preview content available behind a link.","s":"21st","c":"overlays/hover-card","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/hover-card-1/default/preview.1757495121314.png","pc":"sean0205","tg":["profile"]},{"id":"21st:sean0205__input","t":"Input","d":"Displays a form input field, input groups, number input spinners, date input, date time input, time inputs, etc.","s":"21st","c":"inputs/form-field","a":"sean0205","u":53,"pl":"https://cdn.21st.dev/sean0205/input/default/preview.1751535692156.png","pc":"sean0205","tg":["form","input","upload-download"],"sb":"Whole forms"},{"id":"21st:sean0205__kanban","t":"Kanban","d":"A drag-and-drop kanban component designed for seamless item organization across customizable columns.","s":"21st","c":"data-display/kanban","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/kanban/default/preview.1753099436891.png","pc":"sean0205"},{"id":"21st:sean0205__kbd-1","t":"Kbd 1","d":"Displays keyboard input or shortcut keys with customizable styles and sizes.","s":"21st","c":"assets/icon","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/kbd/default/preview.1751536489465.png","pc":"sean0205","tg":["icon"]},{"id":"21st:sean0205__label","t":"Label","d":"Provides a text label for form elements to improve clarity and accessibility.","s":"21st","c":"inputs/form-field","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/label/default/preview.1753165714562.png","pc":"sean0205","sb":"Animated fields"},{"id":"21st:sean0205__line-charts-1","t":"Line charts 1","d":" Line charts designed to present key metrics and insights. Each chart features unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and a","s":"21st","c":"data-viz/chart","a":"sean0205","u":100,"pl":"https://cdn.21st.dev/sean0205/line-charts-1/default/preview.1753790538463.png","pc":"sean0205","tg":["data-visualization","dashboard"],"sb":"Line and sparkline"},{"id":"21st:sean0205__line-charts-2","t":"Line charts 2","d":"Line charts designed to present key metrics and insights. Each chart features unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and an","s":"21st","c":"data-viz/chart","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/line-charts-2/default/preview.1753789538642.png","pc":"sean0205","sb":"Line and sparkline"},{"id":"21st:sean0205__line-charts-4","t":"Line charts 4","d":"Line charts designed to present key metrics and insights. Each chart features unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and an","s":"21st","c":"data-viz/chart","a":"sean0205","u":27,"pl":"https://cdn.21st.dev/sean0205/line-charts-4/default/preview.1753858314135.png","pc":"sean0205","tg":["data-visualization","dashboard"],"sb":"Line and sparkline"},{"id":"21st:sean0205__line-charts-5","t":"Line charts 5","d":"Line charts designed to present key metrics and insights. Each chart features unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and an","s":"21st","c":"data-viz/chart","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/line-charts-5/default/preview.1753859211493.png","pc":"sean0205","tg":["data-visualization","dashboard"],"sb":"Line and sparkline"},{"id":"21st:sean0205__line-charts-6","t":"Line charts 6","d":"Line charts designed to present key metrics and insights. Each chart features unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and an","s":"21st","c":"data-viz/chart","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/line-charts-6/default/preview.1753860147185.png","pc":"sean0205","tg":["data-visualization","dashboard"],"sb":"Line and sparkline"},{"id":"21st:sean0205__line-charts-8","t":"Line charts 8","d":"Line charts designed to present key metrics and insights. Each chart features unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and an","s":"21st","c":"data-viz/chart","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/line-charts-8/default/preview.1753861821561.png","pc":"sean0205","tg":["dashboard"],"sb":"Line and sparkline"},{"id":"21st:sean0205__line-charts-9","t":"Line charts 9","d":"Line charts designed to present key metrics and insights. Each chart features unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and an","s":"21st","c":"data-viz/chart","a":"sean0205","u":117,"pl":"https://cdn.21st.dev/sean0205/line-charts-9/default/preview.1753865024108.png","pc":"sean0205","tg":["data-visualization","dashboard"],"sb":"Line and sparkline"},{"id":"21st:sean0205__menubar","t":"Menubar","d":"A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.","s":"21st","c":"navigation/top-nav","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/menubar/default/preview.1757493302978.png","pc":"sean0205","tg":["dropdown","menu","navigation-menu"],"sb":"Mega menus"},{"id":"21st:sean0205__mono-alerts","t":"Mono alerts","d":"Displays a callout for user attention, such as a success message, warning, or error.","s":"21st","c":"overlays/alert-banner","a":"sean0205","u":23,"pl":"https://cdn.21st.dev/sean0205/mono-alerts/default/preview.1751129447765.png","pc":"sean0205","tg":["alert","icon","notification"]},{"id":"21st:sean0205__navigation-menu","t":"Navigation menu","d":"A collection of links for navigating websites.","s":"21st","c":"navigation/top-nav","a":"sean0205","u":78,"pl":"https://cdn.21st.dev/sean0205/navigation-menu/default/preview.1757353474730.png","pc":"sean0205","tg":["dropdown","menu","link","navigation-menu"],"sb":"Mega menus"},{"id":"21st:sean0205__navigation-menu-1","t":"Navigation menu 1","d":"A navigation menu component with keyboard navigation and accessibility features.","s":"21st","c":"navigation/top-nav","a":"sean0205","u":53,"pl":"https://cdn.21st.dev/sean0205/navigation-menu-1/default/preview.1759732285928.png","pc":"sean0205","tg":["dropdown","menu","navigation-menu"],"sb":"Mega menus"},{"id":"21st:sean0205__outline-accordion","t":"Outline accordion","d":"A collapsible panel that can be expanded or collapsed.","s":"21st","c":"data-display/accordion","a":"sean0205","u":26,"pl":"https://cdn.21st.dev/sean0205/outline-accordion/default/preview.1751352313745.png","pc":"sean0205","tg":["accordion","faq"],"sb":"FAQ"},{"id":"21st:sean0205__pagination","t":"Pagination","d":"A responsive pagination component for navigating through multiple pages of content.","s":"21st","c":"navigation/pagination","a":"sean0205","u":46,"pl":"https://cdn.21st.dev/sean0205/pagination/default/preview.1751537476937.png","pc":"sean0205","tg":["navigation-menu","pagination"]},{"id":"21st:sean0205__popover","t":"Popover","d":"Displays rich and interactive content in a portal, triggered by a button or other interactive element.","s":"21st","c":"overlays/popover","a":"sean0205","u":20,"pl":"https://cdn.21st.dev/sean0205/popover/default/preview.1752732977543.png","pc":"sean0205","tg":["popover"]},{"id":"21st:sean0205__progress","t":"Progress","d":"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.","s":"21st","c":"data-viz/progress-bar","a":"sean0205","pl":"https://cdn.21st.dev/user_2wpPk1CyWKAxM46S7k5UoCQhmqF/progress/default/preview.1751354170088.png","pc":"sean0205","tg":["card","progress","spinner","upload-download"]},{"id":"21st:sean0205__progress-1","t":"Progress 1","d":"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.","s":"21st","c":"data-viz/progress-bar","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/progress-1/default/preview.1753169245364.png","pc":"sean0205","tg":["progress","upload-download"]},{"id":"21st:sean0205__rating","t":"Rating","d":"A customizable star rating component that supports read-only display and interactive input modes.","s":"21st","c":"inputs/rating","a":"sean0205","u":55,"pl":"https://cdn.21st.dev/sean0205/rating/default/preview.1757402950989.png","pc":"sean0205","tg":["form","icon","input"]},{"id":"21st:sean0205__resizable","t":"Resizable","d":"Accessible resizable panel groups and layouts with keyboard support.","k":"layout","s":"21st","c":"layout/split-pane","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/resizable/default/preview.1752866156847.png","pc":"sean0205","tg":["border","sidebar"]},{"id":"21st:sean0205__resizable-1","t":"Resizable 1","d":"Accessible resizable panel groups and layouts with keyboard support.","k":"layout","s":"21st","c":"layout/split-pane","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/resizable-1/default/preview.1757354605913.png","pc":"sean0205","tg":["sidebar"]},{"id":"21st:sean0205__reui-aspect-ratio","t":"Reui aspect ratio","d":"Responsive media containers in eight ReUI aspect ratios for widescreen, standard, square, ultrawide, portrait, photography, social media, and monitor layouts.","s":"21st","c":"media/gallery","a":"sean0205","pl":"https://cdn.21st.dev/localhost_serafim/reui-aspect-ratio/default/preview.1785303506830-b2c0aebe-0aef-4f01-8aa9-16ea47a378d1.png","pc":"sean0205","tg":["image"]},{"id":"21st:sean0205__reui-autocomplete","t":"Reui autocomplete","d":"An accessible autocomplete input from ReUI with filtering, labels, clear and trigger controls, grouped people, asynchronous search results, and compact sizing.","s":"21st","c":"inputs/combobox","a":"sean0205","pl":"https://cdn.21st.dev/larsen66/reui-autocomplete/default/preview.1785311597811-489707a3-e6e5-4647-baf7-17a0629784d4.png","pc":"sean0205","tg":["search"]},{"id":"21st:sean0205__reui-combobox","t":"Reui combobox","d":"ReUI Combobox with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.","s":"21st","c":"inputs/combobox","a":"sean0205","pl":"https://cdn.21st.dev/larsen66/reui-combobox/default/preview.1785328892137-ae6f9869-5ea6-4ae3-8a41-b3c5ca2ab1c4.png","pc":"sean0205"},{"id":"21st:sean0205__reui-date-selector","t":"Reui date selector","d":"ReUI Date Selector with the first 4 official ReUI examples, preserved from the MIT-licensed source registry.","s":"21st","c":"inputs/select","a":"sean0205","pl":"https://cdn.21st.dev/larsen66/reui-date-selector/default/preview.1785328208947-04a8c59e-0811-4c42-926e-d7f37994826e.png","pc":"sean0205"},{"id":"21st:sean0205__reui-empty","t":"Reui empty","d":"ReUI Empty with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.","s":"21st","c":"data-display/empty-state","a":"sean0205","pl":"https://cdn.21st.dev/larsen66/reui-empty/default/preview.1785328219922-717c7ed6-d1a8-4173-ac6f-af33bbaeee76.png","pc":"sean0205"},{"id":"21st:sean0205__reui-event-calendar","t":"Reui event calendar","d":"ReUI Event Calendar with the first 5 official ReUI examples, preserved from the MIT-licensed source registry.","s":"21st","c":"data-display/calendar","a":"sean0205","pl":"https://cdn.21st.dev/larsen66/reui-event-calendar/default/preview.1785328225614-cc5abe97-83f9-4132-a6df-9d115670b068.png","pc":"sean0205","tg":["calendar"]},{"id":"21st:sean0205__reui-field","t":"Reui field","d":"ReUI Field with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.","s":"21st","c":"inputs/form-field","a":"sean0205","pl":"https://cdn.21st.dev/larsen66/reui-field/default/preview.1785326281313-71e27ff8-3d77-4d8c-a094-e267335c03fe.png","pc":"sean0205"},{"id":"21st:sean0205__reui-frame","t":"Reui frame","d":"ReUI Frame with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.","s":"21st","c":"other","a":"sean0205","pl":"https://cdn.21st.dev/larsen66/reui-frame/default/preview.1785389325669-89ddf7d8-6000-4b6f-a094-cb4e146fef07.png","pc":"sean0205"},{"id":"21st:sean0205__reui-gantt","t":"Reui gantt","d":"ReUI Gantt with the first 5 official ReUI examples, preserved from the MIT-licensed source registry.","s":"21st","c":"data-display/calendar","a":"sean0205","pl":"https://cdn.21st.dev/larsen66/reui-gantt/default/preview.1785328640124-bea70f4f-a407-4c39-881b-83f74271a8ba.png","pc":"sean0205"},{"id":"21st:sean0205__reui-icon-stack","t":"Reui icon stack","d":"ReUI Icon Stack with the first 6 official ReUI examples, preserved from the MIT-licensed source registry.","s":"21st","c":"assets/icon","a":"sean0205","u":2,"pl":"https://cdn.21st.dev/larsen66/reui-icon-stack/default/preview.1785328701082-65ca8a3e-a9fb-4e44-89a4-442d9112eca3.png","pc":"sean0205"},{"id":"21st:sean0205__reui-icon-tile","t":"Reui icon tile","d":"ReUI Icon Tile with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.","s":"21st","c":"assets/icon","a":"sean0205","pl":"https://cdn.21st.dev/larsen66/reui-icon-tile/default/preview.1785328783365-5db79ed7-5281-4f84-a6ae-634efec6508b.png","pc":"sean0205"},{"id":"21st:sean0205__reui-input-group","t":"Reui input group","d":"ReUI Input Group with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.","s":"21st","c":"inputs/form-field","a":"sean0205","pl":"https://cdn.21st.dev/larsen66/reui-input-group/default/preview.1785341219442-18b5c90a-7759-413d-9503-93b6237d698c.png","pc":"sean0205","sb":"Input groups"},{"id":"21st:sean0205__reui-input-otp","t":"Reui input otp","d":"ReUI Input OTP with the first 6 official ReUI examples, preserved from the MIT-licensed source registry.","s":"21st","c":"inputs/otp-input","a":"sean0205","pl":"https://cdn.21st.dev/larsen66/reui-input-otp/default/preview.1785341210607-669c022b-7c99-4790-8a52-5528b2de3401.png","pc":"sean0205","tg":["input"]},{"id":"21st:sean0205__reui-item","t":"Reui item","d":"ReUI Item with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.","s":"21st","c":"data-display/list","a":"sean0205","u":4,"pl":"https://cdn.21st.dev/larsen66/reui-item/default/preview.1785341229928-062132cb-12dc-4578-8bd1-b61e79af5de7.png","pc":"sean0205"},{"id":"21st:sean0205__reui-native-select","t":"Reui native select","d":"ReUI Native Select with the first 6 official ReUI examples, preserved from the MIT-licensed source registry.","s":"21st","c":"inputs/select","a":"sean0205","pl":"https://cdn.21st.dev/larsen66/reui-native-select/default/preview.1785341212863-f9dc1b64-6392-411e-820c-5874cd26f650.png","pc":"sean0205"},{"id":"21st:sean0205__reui-number-field","t":"Reui number field","d":"ReUI Number Field with the first 6 official ReUI examples, preserved from the MIT-licensed source registry.","s":"21st","c":"inputs/number-input","a":"sean0205","pl":"https://cdn.21st.dev/larsen66/reui-number-field/default/preview.1785341210989-f67cd52e-5bb7-479b-9d0e-4ab3eaf5ff4f.png","pc":"sean0205"},{"id":"21st:sean0205__reui-radio-group","t":"Reui radio group","d":"ReUI Radio Group with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.","s":"21st","c":"inputs/radio","a":"sean0205","pl":"https://cdn.21st.dev/larsen66/reui-radio-group/default/preview.1785419114024-225b3195-a346-42db-ac5e-48742cc784e3.png","pc":"sean0205","tg":["radio-group"]},{"id":"21st:sean0205__reui-scrollspy","t":"Reui scrollspy","d":"ReUI Scrollspy with the first 2 official ReUI examples, preserved from the MIT-licensed source registry.","k":"motion","s":"21st","c":"motion/cursor","a":"sean0205","pl":"https://cdn.21st.dev/larsen66/reui-scrollspy/default/preview.1785348454728-85f10233-3e13-4e8c-99a4-09f279b397bd.png","pc":"sean0205"},{"id":"21st:sean0205__reui-spinner","t":"Reui spinner","d":"ReUI Spinner with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.","s":"21st","c":"status/loader","a":"sean0205","pl":"https://cdn.21st.dev/larsen66/reui-spinner/default/preview.1785395690480-9a95a7d7-5a10-471b-af54-b1bd763a4c83.png","pc":"sean0205","tg":["spinner"],"sb":"Spinners"},{"id":"21st:sean0205__reui-switch","t":"Reui switch","d":"ReUI Switch with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.","s":"21st","c":"actions/switch","a":"sean0205","u":2,"pl":"https://cdn.21st.dev/larsen66/reui-switch/default/preview.1785420408690-22dcd362-2410-484e-ab68-b86714c7d2cc.png","pc":"sean0205"},{"id":"21st:sean0205__scroll-area","t":"Scroll area","d":"Augments native scroll functionality for custom, cross-browser styling.","k":"layout","s":"21st","c":"layout/scroll-area","a":"sean0205","u":56,"pl":"https://cdn.21st.dev/sean0205/scroll-area/default/preview.1752746277921.png","pc":"sean0205","tg":["scroll-area","team"]},{"id":"21st:sean0205__select","t":"Select","d":"Displays a list of options for the user to pick from—triggered by a button.","s":"21st","c":"inputs/select","a":"sean0205","u":90,"pl":"https://cdn.21st.dev/sean0205/select/default/preview.1752036231001.png","pc":"sean0205","tg":["dropdown","form","icon","input"]},{"id":"21st:sean0205__separator","t":"Separator","d":"Visually or semantically separates content into groups.","s":"21st","c":"actions/link","a":"sean0205","u":13,"pl":"https://cdn.21st.dev/sean0205/separator/default/preview.1752648732672.png","pc":"sean0205","tg":["link"]},{"id":"21st:sean0205__sheet","t":"Sheet","d":"Extends the Dialog component to display content that complements the main content of the screen.","s":"21st","c":"overlays/sheet","a":"sean0205","st":"rated","pl":"https://cdn.21st.dev/sean0205/sheet/default/preview.1753878030706.png","pc":"sean0205","tg":["faq","modal","scroll-area","textarea"],"sc":16},{"id":"21st:sean0205__skeleton","t":"Skeleton","d":"Used to show a placeholder while content is loading.","s":"21st","c":"status/skeleton","a":"sean0205","u":11,"pl":"https://cdn.21st.dev/sean0205/skeleton/default/preview.1752037415883.png","pc":"sean0205","tg":["avatar","spinner"]},{"id":"21st:sean0205__slider","t":"Slider","d":"An input where the user selects a value from within a given range.","s":"21st","c":"inputs/slider","a":"sean0205","u":17,"pl":"https://cdn.21st.dev/sean0205/slider/default/preview.1752038222927.png","pc":"sean0205","tg":["input","slider","tooltip"]},{"id":"21st:sean0205__sonner","t":"Sonner","d":"An opinionated toast component for React.","s":"21st","c":"overlays/toast","a":"sean0205","u":108,"pl":"https://cdn.21st.dev/sean0205/sonner/default/preview.1752689348770.png","pc":"sean0205","tg":["alert","notification","toast"]},{"id":"21st:sean0205__sortable","t":"Sortable","d":"A drag-and-drop sortable component designed for seamless item organization across customizable columns.","s":"21st","c":"data-display/list","a":"sean0205","u":58,"pl":"https://cdn.21st.dev/sean0205/sortable/default/preview.1757489871341.png","pc":"sean0205","tg":["grid","list"],"sb":"Sortable"},{"id":"21st:sean0205__statistics-card-1","t":"Statistics card 1","d":"Statistics Card is designed to present key metrics and insights featuring unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and analyt","s":"21st","c":"data-display/card","a":"sean0205","u":105,"pl":"https://cdn.21st.dev/sean0205/statistics-card-1/default/preview.1753165340688.png","pc":"sean0205","tg":["badge","card","dashboard","stat"],"sb":"Metric"},{"id":"21st:sean0205__statistics-card-10","t":"Statistics card 10","d":"Statistics Card is designed to present key metrics and insights featuring unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and analyt","s":"21st","c":"data-display/card","a":"sean0205","u":63,"pl":"https://cdn.21st.dev/sean0205/statistics-card-10/default/preview.1753168295511.png","pc":"sean0205","sb":"Metric"},{"id":"21st:sean0205__statistics-card-12","t":"Statistics card 12","d":"Statistics Card is designed to present key metrics and insights featuring unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and analyt","s":"21st","c":"data-display/card","a":"sean0205","u":17,"pl":"https://cdn.21st.dev/sean0205/statistics-card-12/default/preview.1753374103818.png","pc":"sean0205","tg":["dashboard"],"sb":"Metric"},{"id":"21st:sean0205__statistics-card-13","t":"Statistics card 13","d":"Statistics Card is designed to present key metrics and insights featuring unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and analyt","s":"21st","c":"data-display/card","a":"sean0205","u":60,"pl":"https://cdn.21st.dev/sean0205/statistics-card-13/default/preview.1753110282553.png","pc":"sean0205","tg":["card","dashboard","progress"],"sb":"Metric"},{"id":"21st:sean0205__statistics-card-14","t":"Statistics card 14","d":"Statistics Card is designed to present key metrics and insights featuring unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and analyt","s":"21st","c":"data-display/card","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/statistics-card-14/default/preview.1753168209758.png","pc":"sean0205","sb":"Metric"},{"id":"21st:sean0205__statistics-card-2","t":"Statistics card 2","d":"Statistics Card is designed to present key metrics and insights featuring unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and analyt","s":"21st","c":"data-display/card","a":"sean0205","u":50,"pl":"https://cdn.21st.dev/sean0205/statistics-card-2/default/preview.1753104706690.png","pc":"sean0205","tg":["badge","card","dashboard","dropdown"],"sb":"Metric"},{"id":"21st:sean0205__statistics-card-7","t":"Statistics card 7","d":"Statistics Card is designed to present key metrics and insights featuring unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and analyt","s":"21st","c":"data-display/stat","a":"sean0205","u":81,"pl":"https://cdn.21st.dev/sean0205/statistics-card-7/default/preview.1753372970551.png","pc":"sean0205","tg":["badge","card","dashboard"],"sb":"Metric"},{"id":"21st:sean0205__stepper","t":"Stepper","d":"A step-by-step process for users to navigate through a series of steps.","s":"21st","c":"navigation/wizard-steps","a":"sean0205","u":477,"pl":"https://cdn.21st.dev/sean0205/stepper/default/preview.1751698456461.png","pc":"sean0205","tg":["progress","spinner","table","steps"]},{"id":"21st:sean0205__svg-text","t":"Svg text","d":"Display text with animated SVG backgrounds. Perfect for creating dynamic text effects with custom SVG graphics and animations.","k":"motion","s":"21st","c":"motion/text-effect","a":"sean0205","u":13,"pl":"https://cdn.21st.dev/sean0205/svg-text/default/preview.1750861587864.png","pc":"sean0205","tg":["text"],"sb":"Handwriting and SVG"},{"id":"21st:sean0205__table","t":"Table","d":"A responsive table component with support for headers, footers, and custom styling.","s":"21st","c":"data-display/table","a":"sean0205","u":52,"pl":"https://cdn.21st.dev/sean0205/table/default/preview.1752042210618.png","pc":"sean0205","tg":["profile","table"]},{"id":"21st:sean0205__tabs","t":"Tabs","d":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","s":"21st","c":"navigation/tabs","a":"sean0205","u":308,"pl":"https://cdn.21st.dev/sean0205/tabs/default/preview.1752045530193.png","pc":"sean0205","tg":["badge","icon","notification","navigation-menu"]},{"id":"21st:sean0205__textarea","t":"Textarea","d":"A multi-line text input field with support for custom styling and states.","s":"21st","c":"inputs/textarea","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/textarea/default/preview.1752050116367.png","pc":"sean0205","tg":["input","textarea"]},{"id":"21st:sean0205__toggle-1","t":"Toggle 1","d":"A two-state button that can be either on or off.","s":"21st","c":"actions/switch","a":"sean0205","u":32,"pl":"https://cdn.21st.dev/sean0205/toggle/default/preview.1752751331914.png","pc":"sean0205","tg":["toggle"]},{"id":"21st:sean0205__toggle-group","t":"Toggle group","d":"https://reui.io/docs/toggle-group","s":"21st","c":"actions/switch","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/toggle-group/default/preview.1753081659370.png","pc":"sean0205"},{"id":"21st:sean0205__toggle-group-1","t":"Toggle group 1","d":"A set of two-state buttons that can be toggled on or off..","s":"21st","c":"actions/switch","a":"sean0205","u":37,"pl":"https://cdn.21st.dev/sean0205/toggle-group-1/default/preview.1753845776069.png","pc":"sean0205","tg":["toggle"]},{"id":"21st:sean0205__tooltip","t":"Tooltip","d":"Displays brief, contextual information when hovering over or focusing on an element, improving clarity without cluttering the interface.","s":"21st","c":"overlays/tooltip","a":"sean0205","u":81,"pl":"https://cdn.21st.dev/sean0205/tooltip/default/preview.1752082296386.png","pc":"sean0205","tg":["tooltip"]},{"id":"21st:sean0205__tree","t":"Tree","d":"A customizable tree component for React.","s":"21st","c":"data-display/tree","a":"sean0205","st":"rated","pl":"https://cdn.21st.dev/sean0205/tree/default/preview.1752753496333.png","pc":"sean0205","tg":["file-tree","list"],"sc":17},{"id":"21st:sehajbindra__features","t":"Features","d":"A dynamic, scrollable feature showcase with auto-progress animation,\n * built using React, Framer Motion, and Tailwind CSS.\n * Highlights multiple features with icon support, image","k":"section","s":"21st","c":"marketing/features","a":"sehajbindra","u":248,"pl":"https://cdn.21st.dev/sehajbindra/features/default/preview.1785938486857.png","pc":"sehajbindra","tg":["features"]},{"id":"21st:selfmadesystem__wave","t":"Wave","d":"A wave","k":"motion","s":"21st","c":"motion/background","a":"selfmadesystem","pl":"https://cdn.21st.dev/user_2rxce5m0vbSDawgT1lb3pRy2X7C/wave/wave/preview.png","pc":"selfmadesystem","sb":"Waves and warps"},{"id":"21st:senommu__ai-model-select","t":"Ai model select","d":"Cursor-style AI model picker with Effort, Context, Fast and Thinking controls plus a hover Edit flyout.","s":"21st","c":"ai-agent/ai-agent","a":"senommu","pl":"https://cdn.21st.dev/senommu/ai-model-select/default/preview.1785634513838-49f5408d-af23-49c0-948f-44bef4b301fe.webp","pc":"senommu","tg":["ai-chat","select"],"sb":"Chat"},{"id":"21st:senommu__ai-prompt-input","t":"Ai prompt input","d":"Premium AI prompt composer with rotating placeholders, floating toolbar, and Cursor-style model selector.","s":"21st","c":"ai-agent/composer","a":"senommu","pl":"https://cdn.21st.dev/senommu/ai-prompt-input/default/preview.1785639871090-395d2732-391c-4d72-ae59-bd1fdcdc1931.webp","pc":"senommu","tg":["ai-chat"]},{"id":"21st:senommu__button","t":"Button","d":"Button - Homlu UI","s":"21st","c":"actions/button","a":"senommu","pl":"https://cdn.21st.dev/homlu/button/default/preview.1784125726934.png","pc":"senommu","tg":["button"]},{"id":"21st:senommu__git-hub-sky","t":"Git hub sky","d":"Interactive night-sky glass card — one real star hides among hundreds of twinkles. Discover it to reveal a refined star-on-GitHub CTA with cursor parallax, bloom, and a cinematic s","k":"section","s":"21st","c":"marketing/cta","a":"senommu","pl":"https://cdn.21st.dev/senommu/git-hub-sky/default/preview.1785312664752-1c43a5f1-a110-4a44-a339-0874c7117dc1.png","pc":"senommu","tg":["cta"]},{"id":"21st:senommu__input","t":"Input","d":"Input | Homlu UI","s":"21st","c":"inputs/form-field","a":"senommu","pl":"https://cdn.21st.dev/homlu/input/default/preview.1784132721335.png","pc":"senommu","tg":["input"]},{"id":"21st:senommu__letter-morph","t":"Letter morph","d":"Letter Morph Motoko UI","s":"21st","c":"motion/text-effect","a":"senommu","pl":"https://cdn.21st.dev/senommu/letter-morph/default/preview.1785311947371-a8e1107e-0819-4d85-8954-3682127b61ce.png","pc":"senommu","sb":"Rotating words"},{"id":"21st:senommu__line-shader-homlu-ui","t":"Line shader homlu ui","d":"Animated WebGL shader background in the Aurora style, generated by the 21st.dev Shader Builder. 4-color palette (#0A0A12, #5B2A86, #D64FA8, #FFC2E2). Features: film grain. A drop-i","k":"motion","s":"21st","c":"motion/shader","a":"senommu","pl":"https://cdn.21st.dev/homlu/line-shader-homlu-ui/default/preview.1784205972564-e9c8db3d-9bd1-4dc9-9e6f-46c3b0fb6e40.webp","pc":"senommu","sb":"Aurora"},{"id":"21st:senommu__terminal-pikachu","t":"Terminal pikachu","d":"Animated (flicker) ASCII art in the Dither style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a glitch, terminal look. A drop-in, zero-dependency ","k":"motion","s":"21st","c":"motion/ascii","a":"senommu","pl":"https://cdn.21st.dev/homlu/terminal-pikachu/default/preview.1784206270382-3ce20923-36f5-444f-ba1f-15df84bc4987.webp","pc":"senommu","tg":["video"],"sb":"Dither"},{"id":"21st:senommu__waves-shaders-homlu-ui","t":"Waves shaders homlu ui","d":"Animated WebGL shader background in the Waves style, generated by the 21st.dev Shader Builder. 4-color palette (#1A1423, #B75D69, #EACDC2, #FFF5EB). Features: film grain. A drop-in","k":"motion","s":"21st","c":"motion/shader","a":"senommu","pl":"https://cdn.21st.dev/homlu/waves-shaders-homlu-ui/default/preview.1784198770036-296f4b27-ad66-4a44-a318-a720415dc4e3.webp","pc":"senommu","sb":"Waves"},{"id":"21st:sensewood8__ai-code-hero-section","t":"Ai code hero section","d":"A stunning dark-themed hero section featuring animated beam effects, glassmorphic UI elements, and an interactive code input area. Perfect for AI-powered developer tools, SaaS land","k":"section","s":"21st","c":"marketing/hero","a":"sensewood8","pl":"https://cdn.21st.dev/sensewood8/ai-code-hero-section/default/preview.1768642028631.png","pc":"sensewood8","sb":"SaaS and AI"},{"id":"21st:sensewood8__claude-style-chat-input","t":"Claude style chat input","s":"21st","c":"ai-agent/composer","a":"sensewood8","pl":"https://cdn.21st.dev/sensewood8/claude-style-chat-input/default/preview.1766469408921.png","pc":"sensewood8","tg":["chip","input","upload-download"]},{"id":"21st:sensewood8__energy-beam","t":"Energy beam","d":"Dynamic energy beam effect using Unicorn Studio's WebGL engine. Perfect for futuristic backgrounds and immersive UI experiences with pulsing, flowing energy animations.","k":"motion","s":"21st","c":"motion/background","a":"sensewood8","u":108,"pl":"https://cdn.21st.dev/sensewood8/energy-beam/default/preview.1768806701222.png","pc":"sensewood8","sb":"Beams and light"},{"id":"21st:sensewood8__feature-grid-cta","t":"Feature grid cta","d":"Modern feature grid with a stunning CTA card featuring background imagery, glassmorphism effects, phone mockup preview, and trusted-by company logos. Perfect for SaaS landing pages","k":"section","s":"21st","c":"marketing/cta","a":"sensewood8","pl":"https://cdn.21st.dev/sensewood8/feature-grid-cta/default/preview.1768807414917.png","pc":"sensewood8"},{"id":"21st:sensewood8__responsive-hero-banner","t":"Responsive hero banner","d":"A stunning full-screen hero section featuring a cinematic background image, glassmorphic navigation bar with backdrop blur, animated badge, elegant serif typography, dual call-to-a","s":"21st","c":"overlays/alert-banner","a":"sensewood8","u":348,"pl":"https://cdn.21st.dev/sensewood8/responsive-hero-banner/default/preview.1768644363827.png","pc":"sensewood8","tg":["badge","cta","hero"]},{"id":"21st:sensewood8__volumetric-light-halo","t":"Volumetric light halo","d":"Stunning volumetric light halo effect with dual-layer WebGL animation over a vibrant gradient background. Perfect for immersive hero sections and futuristic UI experiences.","k":"motion","s":"21st","c":"motion/background","a":"sensewood8","pl":"https://cdn.21st.dev/sensewood8/volumetric-light-halo/default/preview.1768807092091.png","pc":"sensewood8","sb":"Beams and light"},{"id":"21st:senthilindiagit__productrangecard","t":"Productrangecard","d":"Light product/category card that lifts on hover while two preview image tiles fan out from behind it (expertise-style reveal). Drop in real photos via previews[].imageSrc or use CS","k":"motion","s":"21st","c":"motion/background","a":"senthilindiagit","pl":"https://21st.dev/@senthilindiagit/components/productrangecard","pc":"senthilindiagit"},{"id":"21st:serafimcloud__absinthe","t":"Absinthe","d":"Animated (flicker) ASCII art in the Characters style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a glitch, neon look. A drop-in, zero-dependency ","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/absinthe/default/preview.1783763325899.jpg","pc":"serafimcloud","tg":["video"],"sb":"Characters"},{"id":"21st:serafimcloud__abstract-plasma","t":"Abstract plasma","d":"Animated WebGL shader background in the Plasma style, generated by the 21st.dev Shader Builder. 4-color palette (#0B1026, #3D46E8, #B18CFF, #FFD6E7). A drop-in, zero-dependency Rea","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/abstract-plasma/default/preview.1783763777262.webp","pc":"serafimcloud","sb":"Plasma"},{"id":"21st:serafimcloud__abstract-ripple","t":"Abstract ripple","d":"Animated WebGL shader background in the Rings style, generated by the 21st.dev Shader Builder. 4-color palette (#1A1423, #B75D69, #EACDC2, #FFF5EB). A drop-in, zero-dependency Reac","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/abstract-ripple/default/preview.1783764026699.webp","pc":"serafimcloud"},{"id":"21st:serafimcloud__agent-chat","t":"Agent chat","d":"Drop-in chat shell composing a scrollable message list with an input composer at the bottom. Supports user/assistant text bubbles, error states, attachment chips, and a centered em","s":"21st","c":"ai-agent/ai-agent","a":"serafimcloud","u":47,"pl":"https://21st.dev/@serafimcloud/components/agent-chat","pc":"serafimcloud","tg":["ai-chat","empty-state"],"sb":"Chat"},{"id":"21st:serafimcloud__alert","t":"Alert","d":"Alert in shadcn/ui format","s":"21st","c":"overlays/alert-banner","a":"serafimcloud","u":397,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/alert/default/preview.png","pc":"serafimcloud","tg":["alert","notification"]},{"id":"21st:serafimcloud__alert-badge","t":"Alert badge","d":"Alert Badge inspired by Tremor","s":"21st","c":"data-display/badge","a":"serafimcloud","u":28,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/alert-badge/default/preview.png","pc":"serafimcloud","tg":["alert","badge","icon","link"],"sb":"Counts"},{"id":"21st:serafimcloud__amber-dusk","t":"Amber dusk","d":"Animated (shimmer) ASCII art in the Diamond style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a colorful, film look. A drop-in, zero-dependency R","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/amber-dusk/default/preview.1783763417466.jpg","pc":"serafimcloud","tg":["video"],"sb":"Diamond"},{"id":"21st:serafimcloud__amber-dusk-2","t":"Amber dusk 2","d":"Animated (shimmer) ASCII art in the Diamond style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a colorful, film look. A drop-in, zero-dependency R","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/amber-dusk/default/preview.1783763461401.jpg","pc":"serafimcloud","sb":"Diamond"},{"id":"21st:serafimcloud__amethyst-bloom","t":"Amethyst bloom","d":"Animated WebGL shader background in the Metaballs style, generated by the 21st.dev Shader Builder. 4-color palette (#10002B, #5A189A, #9D4EDD, #E0AAFF). A drop-in, zero-dependency ","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/amethyst-bloom/default/preview.1783763451800.webp","pc":"serafimcloud","sb":"Metaballs"},{"id":"21st:serafimcloud__amethyst-wash","t":"Amethyst wash","d":"Animated WebGL shader background in the Waves style, generated by the 21st.dev Shader Builder. 4-color palette (#02010A, #04052E, #3D2C8D, #916BBF). Features: high intensity. A dro","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/localhost_serafim/amethyst-wash/default/preview.1783757901683.webp","pc":"serafimcloud","sb":"Waves"},{"id":"21st:serafimcloud__amount-slider","t":"Amount slider","s":"21st","c":"inputs/slider","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/amount-slider/default/preview.1784932261374-3cc9d4d2-72a4-43ae-a14b-5275b31d26f4.png","pc":"serafimcloud","tg":["pricing-section","slider"]},{"id":"21st:serafimcloud__animated-blur-number","t":"Animated blur number","d":"An animated number that transitions digit-by-digit with an iOS-style spring, blurring only the digits that change. A drop-in for counters, stats, prices and live metrics.","s":"21st","c":"motion/number-ticker","a":"serafimcloud","pl":"https://cdn.21st.dev/localhost_danverr/animated-blur-number/default/preview.1780483105301.png","pc":"serafimcloud","tg":["number","stat"]},{"id":"21st:serafimcloud__animated-menu","t":"Animated menu","d":"A React component featuring an animated menu with Rive icons, inspired by @guerriero_se's UI experiment.","s":"21st","c":"navigation/menu","a":"serafimcloud","u":47,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/animated-menu.png","pc":"serafimcloud","tg":["menu"]},{"id":"21st:serafimcloud__animated-mosaic-portrait","t":"Animated mosaic portrait","d":"Animated (wave) ASCII art in the Mosaic style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a animated, colorful, mosaic look. A drop-in, zero-depe","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/animated-mosaic-portrait/default/preview.1783765367594.webp","pc":"serafimcloud","tg":["video"],"sb":"Mosaic"},{"id":"21st:serafimcloud__attachment-button","t":"Attachment button","d":"Round attachment trigger button — plus or paperclip preset, or any custom icon. Self-contained port from 21st.dev Agent Elements.","s":"21st","c":"actions/button","a":"serafimcloud","u":4,"pl":"https://21st.dev/@serafimcloud/components/attachment-button","pc":"serafimcloud","tg":["upload-download"],"sb":"Loading and states"},{"id":"21st:serafimcloud__badge-delta","t":"Badge delta","d":"Badge component in shadcn/ui format inspired by Tremor","s":"21st","c":"data-display/badge","a":"serafimcloud","u":131,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/badge-delta/default/preview.png","pc":"serafimcloud","tg":["badge","card","icon"]},{"id":"21st:serafimcloud__balloons","t":"Balloons","d":"shadcn/ui-like implementation of balloons.js","s":"21st","c":"inputs/textarea","a":"serafimcloud","pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/balloons/default/preview.png","pc":"serafimcloud"},{"id":"21st:serafimcloud__balloons--text","t":"Text","s":"21st","c":"data-display/timeline","a":"serafimcloud","pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/balloons/text/preview.png?v=1","pc":"serafimcloud"},{"id":"21st:serafimcloud__banner","t":"Banner","d":"Banner alert inspired by shadcn/ui format","s":"21st","c":"overlays/alert-banner","a":"serafimcloud","u":271,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/banner/default/preview.png","pc":"serafimcloud","tg":["alert"]},{"id":"21st:serafimcloud__bash-tool","t":"Bash tool","s":"21st","c":"other","a":"serafimcloud","pl":"https://21st.dev/@serafimcloud/components/bash-tool","pc":"serafimcloud"},{"id":"21st:serafimcloud__blue-light-swirl","t":"Blue light swirl","d":"Animated WebGL shader background in the Warp stripes style, generated by the 21st.dev Shader Builder. 4-color palette (#000000, #1F51FF, #00E5FF, #EAFDFF). Features: high intensity","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/blue-light-swirl/default/preview.1783763886700.webp","pc":"serafimcloud","sb":"Warp stripes"},{"id":"21st:serafimcloud__brick-wall","t":"Brick wall","d":"Animated (pulse) ASCII art in the Bricks style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a mosaic, pixel look. A drop-in, zero-dependency React","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/brick-wall/default/preview.1783763679523.jpg","pc":"serafimcloud","tg":["video"],"sb":"Bricks"},{"id":"21st:serafimcloud__brick-wall-2","t":"Brick wall 2","d":"Animated (pulse) ASCII art in the Bricks style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a mosaic, pixel look. A drop-in, zero-dependency React","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/brick-wall/default/preview.1783763707873.jpg","pc":"serafimcloud","sb":"Bricks"},{"id":"21st:serafimcloud__bright-lagoon","t":"Bright lagoon","d":"Pure CSS gradient background in the Core Glow style, made with the 21st.dev Gradient Builder. 4-color palette (#A8F0C8, #34B2D7, #345CB5, #121519). Features: soft blur finish. A dr","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/bright-lagoon/default/preview.1783766649636.webp","pc":"serafimcloud","tg":["background","hero"],"sb":"Core Glow"},{"id":"21st:serafimcloud__button-retro","t":"Button retro","d":"Here is Button Retro component","s":"21st","c":"actions/button","a":"serafimcloud","pl":"https://cdn.21st.dev/larsen66/button-retro/default/preview.1760290102489.png","pc":"serafimcloud"},{"id":"21st:serafimcloud__code-rain","t":"Code rain","d":"Animated (flicker) ASCII art in the Characters style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a glitch, neon, terminal look. A drop-in, zero-d","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/code-rain/default/preview.1783761651266.jpg","pc":"serafimcloud","tg":["video"],"sb":"Characters"},{"id":"21st:serafimcloud__color-carousel","t":"Color carousel","d":"Pure CSS gradient background in the Orbit Sweep style, made with the 21st.dev Gradient Builder. 5-color palette (#FF5F6D, #FFC371, #6DD5FA, #B06AB3, #FF5F6D). Features: soft blur f","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/color-carousel/default/preview.1783767188375.webp","pc":"serafimcloud","tg":["background"],"sb":"Orbit Sweep"},{"id":"21st:serafimcloud__command-menu","t":"Command menu","d":"A pill that grows into a command panel on hover, tap or Cmd+K: a highlight that slides between items and even diagonally into the theme row, a rotating status line, arrow/j-k navig","s":"21st","c":"navigation/command-palette","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/command-menu/default/preview.1785366369294-e505ca5f-efaa-4304-94fd-7a57a0e3795b.png","pc":"serafimcloud","tg":["menu"]},{"id":"21st:serafimcloud__contact-cards","t":"Contact cards","d":"The whole contact row of a personal site: a copy-email button that copies in place, a GitHub icon whose card carries a year of contributions, and any other links you add. Cards cro","k":"section","s":"21st","c":"marketing/marketing","a":"serafimcloud","u":2,"pl":"https://cdn.21st.dev/serafimcloud/contact-cards/default/preview.1785365676902-5c75a9f3-1eb3-44f3-9961-beb1557f7371.png","pc":"serafimcloud","sb":"Contact"},{"id":"21st:serafimcloud__coral-gloom","t":"Coral gloom","d":"Pure CSS gradient background in the Horizon Glow style, made with the 21st.dev Gradient Builder. 4-color palette (#123A6B, #E4676B, #F4B3C2, #FBF3E7). Features: soft blur finish, f","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/coral-gloom/default/preview.1783767490182.webp","pc":"serafimcloud","tg":["background"],"sb":"Horizon Glow"},{"id":"21st:serafimcloud__cotton-bubblegum-lilac","t":"Cotton bubblegum lilac","d":"Pure CSS gradient background in the Repeat Bands style, made with the 21st.dev Gradient Builder. 4-color palette (#FCE4EC, #F7B7D2, #BFD8F2, #E3D5F5). Features: soft blur finish. A","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/cotton-bubblegum-lilac/default/preview.1783766152565.webp","pc":"serafimcloud","tg":["background"]},{"id":"21st:serafimcloud__crimson-veil","t":"Crimson veil","d":"Animated WebGL shader background in the Aurora style, generated by the 21st.dev Shader Builder. 4-color palette (#1A1423, #B75D69, #EACDC2, #FFF5EB). A drop-in, zero-dependency Rea","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/crimson-veil/default/preview.1783759620830.webp","pc":"serafimcloud","sb":"Aurora"},{"id":"21st:serafimcloud__dead-channel","t":"Dead channel","d":"Animated (flicker) ASCII art in the Voxel style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a crt, glitch look. A drop-in, zero-dependency React ","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/dead-channel/default/preview.1783763754095.jpg","pc":"serafimcloud","tg":["video"],"sb":"Voxel"},{"id":"21st:serafimcloud__dead-channel-2","t":"Dead channel 2","d":"Animated (flicker) ASCII art in the Voxel style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a crt, glitch look. A drop-in, zero-dependency React ","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/dead-channel/default/preview.1783763754579.jpg","pc":"serafimcloud","sb":"Voxel"},{"id":"21st:serafimcloud__deep-horizon","t":"Deep horizon","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#08243B, #12507A, #2E8FA6, #7DD0C0). Features: soft blur finish. A ","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/deep-horizon/default/preview.1783765230145.webp","pc":"serafimcloud","sb":"Bloom Field"},{"id":"21st:serafimcloud__deep-sea","t":"Deep sea","d":"Pure CSS gradient background in the Axis Blend style, made with the 21st.dev Gradient Builder. 2-color palette (#000428, #004E92). Features: soft blur finish. A drop-in, zero-depen","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/deep-sea/default/preview.1783765547715.webp","pc":"serafimcloud","tg":["background","hero"],"sb":"Axis Blend"},{"id":"21st:serafimcloud__desert-horizon","t":"Desert horizon","d":"Pure CSS gradient background in the Layered Tide style, made with the 21st.dev Gradient Builder. 4-color palette (#FFF1CF, #F6C177, #D08B5B, #7A4B3A). Features: soft blur finish. A","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/desert-horizon/default/preview.1783766389455.webp","pc":"serafimcloud","tg":["background","hero"],"sb":"Layered Tide"},{"id":"21st:serafimcloud__dotted-dialog","t":"Dotted dialog","d":"A customized dialog component based on shadcn/ui Dialog with a dotted background pattern inspired by Motion.dev website.\n\nFeatures:\n\t•\tDotted background pattern with blur effect\n\t•","s":"21st","c":"overlays/dialog","a":"serafimcloud","u":159,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/dotted-dialog.png","pc":"serafimcloud","tg":["modal"]},{"id":"21st:serafimcloud__dotted-veil","t":"Dotted veil","d":"Animated WebGL shader background in the Halftone style, generated by the 21st.dev Shader Builder. 4-color palette (#02010A, #04052E, #3D2C8D, #916BBF). A drop-in, zero-dependency R","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/dotted-veil/default/preview.1783764082002.webp","pc":"serafimcloud","sb":"Halftone"},{"id":"21st:serafimcloud__dreamy-pastel-wash","t":"Dreamy pastel wash","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#DCEBF7, #B9D4EC, #F3D9E4, #F7EFE3). Features: soft blur finish, fil","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/dreamy-pastel-wash/default/preview.1783766016601.webp","pc":"serafimcloud","tg":["background"],"sb":"Silk Blend"},{"id":"21st:serafimcloud__edit-tool","t":"Edit tool","s":"21st","c":"ai-agent/composer","a":"serafimcloud","pl":"https://21st.dev/@serafimcloud/components/edit-tool","pc":"serafimcloud","tg":["ai-chat"]},{"id":"21st:serafimcloud__electric-aura","t":"Electric aura","d":"Animated WebGL shader background in the Orb style, generated by the 21st.dev Shader Builder. 4-color palette (#000000, #1F51FF, #00E5FF, #EAFDFF). A drop-in, zero-dependency React ","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/electric-aura/default/preview.1783761411929.webp","pc":"serafimcloud","sb":"Orb"},{"id":"21st:serafimcloud__electric-bloom","t":"Electric bloom","d":"Animated WebGL shader background in the Orb style, generated by the 21st.dev Shader Builder. 4-color palette (#000000, #1F51FF, #00E5FF, #EAFDFF). Features: high intensity. A drop-","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/electric-bloom/default/preview.1783761356677.webp","pc":"serafimcloud","sb":"Orb"},{"id":"21st:serafimcloud__electric-gaze","t":"Electric gaze","d":"Animated (shimmer) ASCII art in the Dither style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a animated, glitch, pixel look. A drop-in, zero-depe","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/electric-gaze/default/preview.1783765904635.webp","pc":"serafimcloud","tg":["video"],"sb":"Dither"},{"id":"21st:serafimcloud__ember","t":"Ember","d":"Animated (pulse) ASCII art in the Dots style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a colorful, film look. A drop-in, zero-dependency React ","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/ember/default/preview.1783763461491.jpg","pc":"serafimcloud","tg":["video"],"sb":"Dots"},{"id":"21st:serafimcloud__ember-bloom","t":"Ember bloom","d":"Pure CSS gradient background in the Core Glow style, made with the 21st.dev Gradient Builder. 4-color palette (#FFE9A8, #F58B3C, #B02E4A, #25101E). Features: soft blur finish. A dr","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/ember-bloom/default/preview.1783766604475.webp","pc":"serafimcloud","sb":"Core Glow"},{"id":"21st:serafimcloud__ember-drift","t":"Ember drift","d":"Animated WebGL shader background in the Rings style, generated by the 21st.dev Shader Builder. 4-color palette (#031C26, #1B6CA8, #5AD2F4, #EAF9FF). Features: high intensity. A dro","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/ember-drift/default/preview.1783763972972.webp","pc":"serafimcloud"},{"id":"21st:serafimcloud__ember-footer-cta","t":"Ember footer cta","k":"section","s":"21st","c":"marketing/cta","a":"serafimcloud","u":4,"pl":"https://cdn.21st.dev/serafimcloud/ember-footer-cta/default/preview.1785362639009-4c64c2cc-0571-473d-815f-e6549456b4a2.png","pc":"serafimcloud","tg":["cta","footer"]},{"id":"21st:serafimcloud__empty-state","t":"Empty state","d":"Empty state card with shadcn/ui buttons.\n\nInspired by @AndyRyanWeir","s":"21st","c":"data-display/empty-state","a":"serafimcloud","u":768,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/empty-state.png","pc":"serafimcloud","tg":["empty-state"]},{"id":"21st:serafimcloud__error-message","t":"Error message","d":"Compact red-tinted error card with optional title and message body. Self-contained port from 21st.dev Agent Elements.","s":"21st","c":"ai-agent/ai-agent","a":"serafimcloud","u":4,"pl":"https://21st.dev/@serafimcloud/components/error-message","pc":"serafimcloud","tg":["ai-chat","alert"],"sb":"Chat"},{"id":"21st:serafimcloud__ethereal-whispers","t":"Ethereal whispers","d":"Animated WebGL shader background in the Smoke style, generated by the 21st.dev Shader Builder. 4-color palette (#101010, #F5F5F5, #B0B0B0, #3A3A3A). Features: high intensity. A dro","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/localhost_serafim/ethereal-whispers/default/preview.1783756110250.webp","pc":"serafimcloud","sb":"Smoke"},{"id":"21st:serafimcloud__fey-button","t":"Fey button","d":"Fey.com trial button","s":"21st","c":"actions/button","a":"serafimcloud","u":110,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/fey-button/default/preview.1737986965259.png","pc":"serafimcloud"},{"id":"21st:serafimcloud__file-attachment","t":"File attachment","d":"File/image chip for AI chat input. Renders file icons by extension, image thumbnails, image-only mode, and a hover-revealed remove button. Self-contained port from 21st.dev Agent E","s":"21st","c":"inputs/file-upload","a":"serafimcloud","u":4,"pl":"https://21st.dev/@serafimcloud/components/file-attachment","pc":"serafimcloud","tg":["chip"]},{"id":"21st:serafimcloud__filter-badge","t":"Filter badge","d":"Filter Badge inspired by Tremor","s":"21st","c":"data-display/badge","a":"serafimcloud","u":95,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/filter-badge/default/preview.png","pc":"serafimcloud","tg":["badge"],"sb":"User"},{"id":"21st:serafimcloud__filter-bar","t":"Filter bar","s":"21st","c":"data-viz/chart","a":"serafimcloud","pl":"https://21st.dev/@serafimcloud/components/filter-bar","pc":"serafimcloud","sb":"Bar"},{"id":"21st:serafimcloud__first-light","t":"First light","d":"Animated (shimmer) ASCII art in the Dither style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a colorful, film look. A drop-in, zero-dependency Re","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/first-light/default/preview.1783762965708.jpg","pc":"serafimcloud","tg":["video"],"sb":"Dither"},{"id":"21st:serafimcloud__flicker-burst","t":"Flicker burst","d":"Animated (flicker) ASCII art in the Characters style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a animated, glitch, monochrome look. A drop-in, ","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/flicker-burst/default/preview.1783765654076.webp","pc":"serafimcloud","tg":["video"],"sb":"Characters"},{"id":"21st:serafimcloud__flicker-cityscape","t":"Flicker cityscape","d":"Animated (flicker) ASCII art in the Characters style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a animated, glitch, neon look. A drop-in, zero-d","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/flicker-cityscape/default/preview.1783765859622.webp","pc":"serafimcloud","tg":["video"],"sb":"Characters"},{"id":"21st:serafimcloud__flicker-tower","t":"Flicker tower","d":"Animated (flicker) ASCII art in the Characters style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a animated, minimal, monochrome look. A drop-in,","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/flicker-tower/default/preview.1783765002836.webp","pc":"serafimcloud","tg":["video"],"sb":"Characters"},{"id":"21st:serafimcloud__flip-button","t":"Flip button","s":"21st","c":"actions/button","a":"serafimcloud","pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/flip-button.png","pc":"serafimcloud"},{"id":"21st:serafimcloud__floating-action-button","t":"Floating action button","d":"Apple-Inspired Floating Action Buttons. \n\nInspired by @KumailNanji and @ln-dev7","s":"21st","c":"actions/button","a":"serafimcloud","u":97,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/floating-action-button.png","pc":"serafimcloud","tg":["button","link"]},{"id":"21st:serafimcloud__floral-veil","t":"Floral veil","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#EAF4FC, #B28FCE, #A8C5E6, #F4B3C2). Features: soft blur finish. A ","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/floral-veil/default/preview.1783764696677.webp","pc":"serafimcloud","tg":["background","hero"],"sb":"Bloom Field"},{"id":"21st:serafimcloud__forest-meadow","t":"Forest meadow","d":"Pure CSS gradient background in the Axis Blend style, made with the 21st.dev Gradient Builder. 2-color palette (#134E5E, #71B280). Features: soft blur finish. A drop-in, zero-depen","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/forest-meadow/default/preview.1783765592411.webp","pc":"serafimcloud","tg":["background","hero"],"sb":"Axis Blend"},{"id":"21st:serafimcloud__forest-meadow-2","t":"Forest meadow 2","d":"Pure CSS gradient background in the Axis Blend style, made with the 21st.dev Gradient Builder. 2-color palette (#134E5E, #71B280). Features: soft blur finish. A drop-in, zero-depen","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/forest-meadow/default/preview.1783765626052.webp","pc":"serafimcloud","sb":"Axis Blend"},{"id":"21st:serafimcloud__front-page","t":"Front page","d":"Animated (shimmer) ASCII art in the Characters style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a halftone, monochrome look. A drop-in, zero-dep","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/front-page/default/preview.1783763272064.jpg","pc":"serafimcloud","tg":["video"],"sb":"Characters"},{"id":"21st:serafimcloud__generic-tool","t":"Generic tool","d":"Render a simple tool row for custom tools. Provide title/subtitle and toggle the shimmer with isPending. Optional left icon. Self-contained port from 21st.dev Agent Elements.","s":"21st","c":"ai-agent/composer","a":"serafimcloud","u":10,"pl":"https://21st.dev/@serafimcloud/components/generic-tool","pc":"serafimcloud","tg":["ai-chat"]},{"id":"21st:serafimcloud__ghostly-embrace","t":"Ghostly embrace","d":"Animated WebGL shader background in the Metaballs style, generated by the 21st.dev Shader Builder. 4-color palette (#101010, #F5F5F5, #B0B0B0, #3A3A3A). Features: high intensity. A","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/ghostly-embrace/default/preview.1783763506946.webp","pc":"serafimcloud","sb":"Metaballs"},{"id":"21st:serafimcloud__golden-halo","t":"Golden halo","d":"Pure CSS gradient background in the Horizon Glow style, made with the 21st.dev Gradient Builder. 3-color palette (#7A4B3A, #F8B500, #FBE6B8). Features: soft blur finish, film grain","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/golden-halo/default/preview.1783767765795.webp","pc":"serafimcloud","tg":["background"],"sb":"Horizon Glow"},{"id":"21st:serafimcloud__golden-radiance-shimmer","t":"Golden radiance shimmer","d":"Animated (shimmer) ASCII art in the Diamond style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a animated, colorful, retro look. A drop-in, zero-d","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/golden-radiance-shimmer/default/preview.1783765814578.webp","pc":"serafimcloud","tg":["video"],"sb":"Diamond"},{"id":"21st:serafimcloud__gradient-button","t":"Gradient button","d":"A beautiful button component with animated gradient background and border effects, inspired by Aaron Iker's implementation of James design concept.\n\nFeatures\n- Smooth gradient anim","s":"21st","c":"actions/button","a":"serafimcloud","u":1892,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/gradient-button.png","pc":"serafimcloud","tg":["border"],"sb":"Animated"},{"id":"21st:serafimcloud__halftone-vibe","t":"Halftone vibe","d":"Animated WebGL shader background in the Halftone style, generated by the 21st.dev Shader Builder. 4-color palette (#0B1026, #3D46E8, #B18CFF, #FFD6E7). Features: high intensity. A ","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/halftone-vibe/default/preview.1783764930570.webp","pc":"serafimcloud","sb":"Halftone"},{"id":"21st:serafimcloud__halftone-vibe-2","t":"Halftone vibe 2","d":"Animated WebGL shader background in the Halftone style, generated by the 21st.dev Shader Builder. 4-color palette (#0B1026, #3D46E8, #B18CFF, #FFD6E7). Features: high intensity. A ","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/halftone-vibe/default/preview.1783764973091.webp","pc":"serafimcloud","sb":"Halftone"},{"id":"21st:serafimcloud__help-popper","t":"Help popper","d":"Sidebar help button with a promo card that glides into it when hidden: the button then wears a blue dot and bounces, and its menu keeps the docked card plus what's new.","k":"layout","s":"21st","c":"navigation/sidebar","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/help-popper/default/preview.1784961559622-3eb76873-0a67-4369-9835-873c574fb3e6.png","pc":"serafimcloud","tg":["popover","sidebar"]},{"id":"21st:serafimcloud__herbarium","t":"Herbarium","d":"Animated (ripple) ASCII art in the Dither style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a film, halftone look. A drop-in, zero-dependency Rea","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/herbarium/default/preview.1783763505905.jpg","pc":"serafimcloud","tg":["video"],"sb":"Dither"},{"id":"21st:serafimcloud__herbarium-2","t":"Herbarium 2","d":"Animated (ripple) ASCII art in the Dither style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a film, halftone look. A drop-in, zero-dependency Rea","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/herbarium/default/preview.1783763506723.jpg","pc":"serafimcloud","sb":"Dither"},{"id":"21st:serafimcloud__hero","t":"Hero","d":"Hero inspired by Nua - https://v0.dev/chat/nua-vBWQ6sXmEIT","k":"section","s":"21st","c":"marketing/hero","a":"serafimcloud","pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/hero/default/preview.png","pc":"serafimcloud"},{"id":"21st:serafimcloud__hero-with-mockup","t":"Hero with mockup","d":"A modern, animated hero section with mockup display and gradient effects inspired by Launch UI. It features a large headline, description, dual CTAs, and a floating mockup image.\n\n","k":"section","s":"21st","c":"marketing/hero","a":"serafimcloud","u":856,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/hero-with-mockup.png","pc":"serafimcloud","tg":["dashboard"],"sb":"With product shot"},{"id":"21st:serafimcloud__hotkey","t":"Hotkey","d":"Display a keyboard shortcut hint compatible with shadcn/ui components such as Input and Tooltip","s":"21st","c":"overlays/tooltip","a":"serafimcloud","pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/hotkey.png","pc":"serafimcloud"},{"id":"21st:serafimcloud__hover-button","t":"Hover button","d":"Button Hover Animation inspired by twitter.com/aaroniker_me","s":"21st","c":"actions/button","a":"serafimcloud","pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/hover-button.png","pc":"serafimcloud","sb":"Animated"},{"id":"21st:serafimcloud__hover-effect","t":"Hover effect","d":"Hover over the cards and the effect slides to the currently hovered card.","s":"21st","c":"actions/switch","a":"serafimcloud","u":226,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/hover-effect.png","pc":"serafimcloud"},{"id":"21st:serafimcloud__ink-garden","t":"Ink garden","d":"Animated (pulse) ASCII art in the Dither style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a minimal, monochrome look. A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/ink-garden/default/preview.1783762718846.jpg","pc":"serafimcloud","tg":["video"],"sb":"Dither"},{"id":"21st:serafimcloud__input-bar","t":"Input bar","d":"Chat composer with auto-resizing textarea, attachment chips for staged images/files, send/stop button, and slot-based left/right toolbar actions for mode pickers, model selectors, ","s":"21st","c":"inputs/form-field","a":"serafimcloud","u":14,"pl":"https://21st.dev/@serafimcloud/components/input-bar","pc":"serafimcloud","tg":["ai-chat","chip","input","textarea"]},{"id":"21st:serafimcloud__iris-bloom","t":"Iris bloom","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 3-color palette (#4C6CB3, #B28FCE, #F4B3C2). Features: soft blur finish, film grain. ","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/iris-bloom/default/preview.1783765642550.webp","pc":"serafimcloud","sb":"Silk Blend"},{"id":"21st:serafimcloud__iris-bloom-2","t":"Iris bloom 2","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 3-color palette (#4C6CB3, #B28FCE, #F4B3C2). Features: soft blur finish, film grain. ","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/iris-bloom/default/preview.1783765671695.webp","pc":"serafimcloud","sb":"Silk Blend"},{"id":"21st:serafimcloud__iris-petal","t":"Iris petal","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#1B1035, #4A3A8C, #B58AC9, #F5D6E6). Features: soft blur finish, fil","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/iris-petal/default/preview.1783765898576.webp","pc":"serafimcloud","tg":["background","hero"],"sb":"Silk Blend"},{"id":"21st:serafimcloud__jade-orb","t":"Jade orb","d":"Pure CSS gradient background in the Horizon Glow style, made with the 21st.dev Gradient Builder. 3-color palette (#2F5D46, #7FBF9A, #EEF6E3). Features: soft blur finish, film grain","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/jade-orb/default/preview.1783767536169.webp","pc":"serafimcloud","tg":["background"],"sb":"Horizon Glow"},{"id":"21st:serafimcloud__jade-sky","t":"Jade sky","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#EEF6E3, #B7D98E, #7FBF9A, #CFE9F0). Features: soft blur finish. A ","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/jade-sky/default/preview.1783764963797.webp","pc":"serafimcloud","tg":["background","hero"],"sb":"Bloom Field"},{"id":"21st:serafimcloud__lapis-peach-swirl","t":"Lapis peach swirl","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#EAF4FC, #1E50A2, #F09199, #895B8A). Features: soft blur finish. A ","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/lapis-peach-swirl/default/preview.1783763858443.webp","pc":"serafimcloud","sb":"Bloom Field"},{"id":"21st:serafimcloud__listbox","t":"Listbox","d":"Listbox with react-aria","s":"21st","c":"inputs/select","a":"serafimcloud","pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/listbox/default/preview.png","pc":"serafimcloud"},{"id":"21st:serafimcloud__marine-foam","t":"Marine foam","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#0F5C63, #3F9EA8, #A9E2D9, #EAF7F2). Features: soft blur finish, fil","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/marine-foam/default/preview.1783765853436.webp","pc":"serafimcloud","tg":["background"],"sb":"Silk Blend"},{"id":"21st:serafimcloud__marine-horizon","t":"Marine horizon","d":"Pure CSS gradient background in the Orbit Sweep style, made with the 21st.dev Gradient Builder. 4-color palette (#EBF6F7, #A2D7DD, #00A3AF, #274A78). A drop-in, zero-dependency Rea","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/marine-horizon/default/preview.1783767138241.webp","pc":"serafimcloud","tg":["background","hero"],"sb":"Orbit Sweep"},{"id":"21st:serafimcloud__markdown","t":"Markdown","s":"21st","c":"actions/link","a":"serafimcloud","pl":"https://21st.dev/@serafimcloud/components/markdown","pc":"serafimcloud","tg":["list","link","table"]},{"id":"21st:serafimcloud__marquee","t":"Marquee","d":"Inspired by https://x.com/dollargill","k":"motion","s":"21st","c":"motion/marquee","a":"serafimcloud","u":164,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/marquee/default/preview.png","pc":"serafimcloud","tg":["marquee"]},{"id":"21st:serafimcloud__mcp-tool","t":"Mcp tool","s":"21st","c":"ai-agent/composer","a":"serafimcloud","pl":"https://21st.dev/@serafimcloud/components/mcp-tool","pc":"serafimcloud","tg":["ai-chat"]},{"id":"21st:serafimcloud__mirrorball","t":"Mirrorball","d":"Animated (pulse) ASCII art in the Disco style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a animated, colorful look. A drop-in, zero-dependency R","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/mirrorball/default/preview.1783763798701.jpg","pc":"serafimcloud","tg":["video"]},{"id":"21st:serafimcloud__mirrorball-2","t":"Mirrorball 2","d":"Animated (pulse) ASCII art in the Disco style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a animated, colorful look. A drop-in, zero-dependency R","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/mirrorball/default/preview.1783763799429.jpg","pc":"serafimcloud"},{"id":"21st:serafimcloud__mode-selector","t":"Mode selector","d":"Standalone mode selector pill button with built-in popover. Bring your own icons or omit them; renders a non-interactive label when given a single mode. Self-contained port from 21","s":"21st","c":"overlays/popover","a":"serafimcloud","u":4,"pl":"https://21st.dev/@serafimcloud/components/mode-selector","pc":"serafimcloud","tg":["ai-chat","popover"]},{"id":"21st:serafimcloud__model-picker","t":"Model picker","s":"21st","c":"ai-agent/ai-agent","a":"serafimcloud","pl":"https://21st.dev/@serafimcloud/components/model-picker","pc":"serafimcloud","tg":["ai-chat","popover"],"sb":"Chat"},{"id":"21st:serafimcloud__molten-cells","t":"Molten cells","d":"Animated WebGL shader background in the Caustics style, generated by the 21st.dev Shader Builder. 4-color palette (#140A00, #FF6D00, #FFC300, #FFF1B8). Features: high intensity. A ","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/molten-cells/default/preview.1783761465539.webp","pc":"serafimcloud"},{"id":"21st:serafimcloud__molten-pillars","t":"Molten pillars","d":"Animated WebGL shader background in the Aurora style, generated by the 21st.dev Shader Builder. 4-color palette (#140A00, #FF6D00, #FFC300, #FFF1B8). Features: high intensity. A dr","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/molten-pillars/default/preview.1783759675110.webp","pc":"serafimcloud","sb":"Aurora"},{"id":"21st:serafimcloud__mosaic","t":"Mosaic","d":"Animated (wave) ASCII art in the Mosaic style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a minimal, mosaic look. A drop-in, zero-dependency Reac","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/mosaic/default/preview.1783763222297.jpg","pc":"serafimcloud","tg":["video"],"sb":"Mosaic"},{"id":"21st:serafimcloud__neon-mirage","t":"Neon mirage","d":"Animated (wave) ASCII art in the Mosaic style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a colorful, neon, retro look. A drop-in, zero-dependenc","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/neon-mirage/default/preview.1783761738883.jpg","pc":"serafimcloud","tg":["video"],"sb":"Mosaic"},{"id":"21st:serafimcloud__ocean-rings","t":"Ocean rings","d":"Pure CSS gradient background in the Echo Rings style, made with the 21st.dev Gradient Builder. 4-color palette (#EBF6F7, #A2D7DD, #00A3AF, #274A78). Features: soft blur finish. A d","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/ocean-rings/default/preview.1783766939590.webp","pc":"serafimcloud","tg":["background"],"sb":"Echo Rings"},{"id":"21st:serafimcloud__ocean-sky","t":"Ocean sky","d":"Pure CSS gradient background in the Axis Blend style, made with the 21st.dev Gradient Builder. 2-color palette (#2E3192, #1BFFFF). Features: soft blur finish. A drop-in, zero-depen","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/ocean-sky/default/preview.1783765274847.webp","pc":"serafimcloud","tg":["background","hero"],"sb":"Axis Blend"},{"id":"21st:serafimcloud__ocean-swirl","t":"Ocean swirl","d":"Animated WebGL shader background in the Flow field style, generated by the 21st.dev Shader Builder. 4-color palette (#031C26, #1B6CA8, #5AD2F4, #EAF9FF). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/localhost_serafim/ocean-swirl/default/preview.1783757843303.webp","pc":"serafimcloud","sb":"Flow field"},{"id":"21st:serafimcloud__oceanic-currents","t":"Oceanic currents","d":"Animated WebGL shader background in the Smoke style, generated by the 21st.dev Shader Builder. 4-color palette (#031C26, #1B6CA8, #5AD2F4, #EAF9FF). A drop-in, zero-dependency Reac","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/localhost_serafim/oceanic-currents/default/preview.1783756055200.webp","pc":"serafimcloud","sb":"Smoke"},{"id":"21st:serafimcloud__oceanic-currents-2","t":"Oceanic currents 2","d":"Animated WebGL shader background in the Flow field style, generated by the 21st.dev Shader Builder. 4-color palette (#031C26, #1B6CA8, #5AD2F4, #EAF9FF). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/localhost_serafim/oceanic-currents/default/preview.1783757787337.webp","pc":"serafimcloud","sb":"Flow field"},{"id":"21st:serafimcloud__oceanic-depths","t":"Oceanic depths","d":"Animated WebGL shader background in the Waves style, generated by the 21st.dev Shader Builder. 4-color palette (#031C26, #1B6CA8, #5AD2F4, #EAF9FF). A drop-in, zero-dependency Reac","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/oceanic-depths/default/preview.1783759567575.webp","pc":"serafimcloud","sb":"Waves"},{"id":"21st:serafimcloud__oceanic-depths-2","t":"Oceanic depths 2","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#0B3B57, #1E88A8, #6FD3C9, #DFF6F2). Features: soft blur finish. A ","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/oceanic-depths/default/preview.1783764008972.webp","pc":"serafimcloud","tg":["background","hero"],"sb":"Bloom Field"},{"id":"21st:serafimcloud__oceanic-glow","t":"Oceanic glow","d":"Pure CSS gradient background in the Echo Rings style, made with the 21st.dev Gradient Builder. 4-color palette (#A8F0C8, #34B2D7, #345CB5, #121519). Features: soft blur finish. A d","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/oceanic-glow/default/preview.1783766844998.webp","pc":"serafimcloud","tg":["background"],"sb":"Echo Rings"},{"id":"21st:serafimcloud__oceanic-shimmer","t":"Oceanic shimmer","d":"Pure CSS gradient background in the Layered Tide style, made with the 21st.dev Gradient Builder. 4-color palette (#EAF7FB, #7FC6E6, #2E7CC0, #123A6B). Features: film grain. A drop-","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/oceanic-shimmer/default/preview.1783766344706.webp","pc":"serafimcloud","tg":["background","hero"],"sb":"Layered Tide"},{"id":"21st:serafimcloud__orchid-petal-sky","t":"Orchid petal sky","d":"Pure CSS gradient background in the Layered Tide style, made with the 21st.dev Gradient Builder. 4-color palette (#0E1030, #3C2A73, #B15FA8, #F2C0D8). Features: soft blur finish, f","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/orchid-petal-sky/default/preview.1783766434255.webp","pc":"serafimcloud","tg":["background","hero"],"sb":"Layered Tide"},{"id":"21st:serafimcloud__parallel-waves","t":"Parallel waves","d":"Animated WebGL shader background in the Warp stripes style, generated by the 21st.dev Shader Builder. 4-color palette (#001219, #005F73, #94D2BD, #E9D8A6). A drop-in, zero-dependen","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/parallel-waves/default/preview.1783763831595.webp","pc":"serafimcloud","sb":"Warp stripes"},{"id":"21st:serafimcloud__phosphor","t":"Phosphor","d":"Animated (flicker) ASCII art in the Characters style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a crt, retro, terminal look. A drop-in, zero-dep","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/phosphor/default/preview.1783763010460.jpg","pc":"serafimcloud","tg":["video"],"sb":"Characters"},{"id":"21st:serafimcloud__pixel-canvas","t":"Pixel canvas","d":"Pixel Canvas","s":"21st","c":"data-display/card","a":"serafimcloud","pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/pixel-canvas/default/preview.png","pc":"serafimcloud"},{"id":"21st:serafimcloud__pixel-fire-button","t":"Pixel fire button","d":"A CTA button that fills with molten pixel fire: a doom-fire simulation on a 3px canvas floods the face from the bottom, the flames bend toward your cursor on hover, and a press sen","s":"21st","c":"actions/button","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/pixel-fire-button/default/preview.1785362562575-902b2da8-a69b-403c-8050-71b173567359.png","pc":"serafimcloud"},{"id":"21st:serafimcloud__plan-tool","t":"Plan tool","k":"section","s":"21st","c":"marketing/pricing","a":"serafimcloud","pl":"https://21st.dev/@serafimcloud/components/plan-tool","pc":"serafimcloud","tg":["ai-chat"],"sb":"Plan cards"},{"id":"21st:serafimcloud__plum-peach-butter","t":"Plum peach butter","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#3A2C6E, #C4749B, #F6B98A, #FBE6B8). Features: soft blur finish, fil","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/plum-peach-butter/default/preview.1783765948037.webp","pc":"serafimcloud","sb":"Silk Blend"},{"id":"21st:serafimcloud__plum-sand-apricot","t":"Plum sand apricot","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#FFE7C7, #F6A96B, #E4676B, #7A3B6B). Features: soft blur finish. A ","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/plum-sand-apricot/default/preview.1783764918119.webp","pc":"serafimcloud","sb":"Bloom Field"},{"id":"21st:serafimcloud__pulsing-grid","t":"Pulsing grid","d":"Animated (pulse) ASCII art in the Bricks style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a animated, monochrome, pixel look. A drop-in, zero-de","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/pulsing-grid/default/preview.1783764336553.webp","pc":"serafimcloud","sb":"Bricks"},{"id":"21st:serafimcloud__question-tool","t":"Question tool","d":"Clarifying-question form for agents. Single / multi / text answer kinds with optional custom input. Self-contained port from 21st.dev Agent Elements.","s":"21st","c":"navigation/wizard-steps","a":"serafimcloud","u":31,"pl":"https://cdn.21st.dev/21st.dev/question-tool/default/preview.1777645586738.png","pc":"serafimcloud","tg":["ai-chat","radio-group","steps","textarea"]},{"id":"21st:serafimcloud__redshift","t":"Redshift","d":"Animated (pulse) ASCII art in the Dither style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a pixel, retro look. A drop-in, zero-dependency React ","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/redshift/default/preview.1783762674682.jpg","pc":"serafimcloud","tg":["video"],"sb":"Dither"},{"id":"21st:serafimcloud__retro-button","t":"Retro button","d":"Retro 3D buttons by https://x.com/njesenberger","s":"21st","c":"actions/button","a":"serafimcloud","pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/retro-button.png","pc":"serafimcloud","tg":["button"]},{"id":"21st:serafimcloud__reverie","t":"Reverie","d":"Animated (shimmer) ASCII art in the Characters style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a colorful, minimal look. A drop-in, zero-depend","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/reverie/default/preview.1783763635528.jpg","pc":"serafimcloud","tg":["video"],"sb":"Characters"},{"id":"21st:serafimcloud__reverie-2","t":"Reverie 2","d":"Animated (shimmer) ASCII art in the Characters style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a colorful, minimal look. A drop-in, zero-depend","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/reverie/default/preview.1783763661771.jpg","pc":"serafimcloud","sb":"Characters"},{"id":"21st:serafimcloud__ripple-button","t":"Ripple button","s":"21st","c":"actions/button","a":"serafimcloud","pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/ripple-button.png","pc":"serafimcloud","sb":"Animated"},{"id":"21st:serafimcloud__rosewood-blush","t":"Rosewood blush","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#FFF1E6, #FFC9A9, #F98F7B, #B65C7E). Features: soft blur finish. A ","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/rosewood-blush/default/preview.1783764607548.webp","pc":"serafimcloud","tg":["background","hero"],"sb":"Bloom Field"},{"id":"21st:serafimcloud__schematic","t":"Schematic","d":"Animated (flicker) ASCII art in the Characters style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a minimal, terminal look. A drop-in, zero-depend","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/schematic/default/preview.1783762919775.jpg","pc":"serafimcloud","tg":["video"],"sb":"Characters"},{"id":"21st:serafimcloud__scroll-loop-inception","t":"Scroll loop inception","d":"A scroll section where the page falls into itself: your landing renders inside its own browser window, and scrolling dives through level after level on an exponential zoom path tha","k":"layout","s":"21st","c":"layout/scroll-area","a":"serafimcloud","u":2,"pl":"https://cdn.21st.dev/serafimcloud/scroll-loop-inception/default/preview.1785363162902-0e53d3be-f9fc-46e6-9327-f8918727b735.png","pc":"serafimcloud"},{"id":"21st:serafimcloud__search-tool","t":"Search tool","d":"Render grouped search results as a collapsible tool card. State-driven (searching shimmer / done static). Provide a query and an optional results array. Self-contained port from 21","s":"21st","c":"inputs/search","a":"serafimcloud","u":10,"pl":"https://21st.dev/@serafimcloud/components/search-tool","pc":"serafimcloud","tg":["ai-chat","search"]},{"id":"21st:serafimcloud__send-button","t":"Send button","s":"21st","c":"actions/button","a":"serafimcloud","pl":"https://21st.dev/@serafimcloud/components/send-button","pc":"serafimcloud","tg":["ai-chat"]},{"id":"21st:serafimcloud__shadow-blending","t":"Shadow blending","d":"Animated WebGL shader background in the Mesh drift style, generated by the 21st.dev Shader Builder. 4-color palette (#101010, #F5F5F5, #B0B0B0, #3A3A3A). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/shadow-blending/default/preview.1783763273893.webp","pc":"serafimcloud","sb":"Mesh drift"},{"id":"21st:serafimcloud__shadowplay","t":"Shadowplay","d":"Animated (shimmer) ASCII art in the Characters style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a film, minimal, monochrome look. A drop-in, zer","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/shadowplay/default/preview.1783761695887.jpg","pc":"serafimcloud","tg":["video"],"sb":"Characters"},{"id":"21st:serafimcloud__sign-in","t":"Sign in","d":"Sign in flow with shadcn/ui components","s":"21st","c":"flows/sign-in","a":"serafimcloud","st":"rated","u":129,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/sign-in.png","pc":"serafimcloud","tg":["sign-in"],"sc":17,"sb":"Sign up"},{"id":"21st:serafimcloud__sign-up","t":"Sign up","d":"Sign-up flow with shadcn/ui components","s":"21st","c":"flows/sign-in","a":"serafimcloud","st":"rated","pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/sign-up.png","pc":"serafimcloud","sc":17,"sb":"Sign up"},{"id":"21st:serafimcloud__skywash","t":"Skywash","d":"Animated (ripple) ASCII art in the Dither style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a colorful, retro look. A drop-in, zero-dependency Re","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/skywash/default/preview.1783762625350.jpg","pc":"serafimcloud","tg":["video"],"sb":"Dither"},{"id":"21st:serafimcloud__social-links","t":"Social links","d":"Link with image appearing on hover. \n\nInspired by @alexanderolssen and @ln_dev7","s":"21st","c":"actions/link","a":"serafimcloud","u":183,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/social-links.png","pc":"serafimcloud","tg":["link"]},{"id":"21st:serafimcloud__soft-pastel-blend","t":"Soft pastel blend","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#FBE9F0, #CDE7F0, #E6D6F5, #D6F0E4). Features: soft blur finish. A ","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/soft-pastel-blend/default/preview.1783763964191.webp","pc":"serafimcloud","tg":["background","hero"],"sb":"Bloom Field"},{"id":"21st:serafimcloud__spinner","t":"Spinner","s":"21st","c":"status/loader","a":"serafimcloud","pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/spinner.png","pc":"serafimcloud","sb":"Spinners"},{"id":"21st:serafimcloud__spiral-loader","t":"Spiral loader","s":"21st","c":"status/loader","a":"serafimcloud","pl":"https://21st.dev/@serafimcloud/components/spiral-loader","pc":"serafimcloud","tg":["spinner"],"sb":"Spinners"},{"id":"21st:serafimcloud__splite","t":"Splite","k":"section","s":"21st","c":"marketing/hero","a":"serafimcloud","pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/splite.png","pc":"serafimcloud","tg":["hero"],"sb":"Split"},{"id":"21st:serafimcloud__sprite","t":"Sprite","d":"Animated (pulse) ASCII art in the Pixel Art style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a colorful, pixel look. A drop-in, zero-dependency ","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/sprite/default/preview.1783763279414.jpg","pc":"serafimcloud","tg":["video"],"sb":"Pixel Art"},{"id":"21st:serafimcloud__sprite-2","t":"Sprite 2","d":"Animated (pulse) ASCII art in the Pixel Art style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a colorful, pixel look. A drop-in, zero-dependency ","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/sprite/default/preview.1783763317479.jpg","pc":"serafimcloud","sb":"Pixel Art"},{"id":"21st:serafimcloud__status-badge","t":"Status badge","d":"Status Badge inspired by Tremor","s":"21st","c":"data-display/badge","a":"serafimcloud","u":146,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/status-badge/default/preview.png","pc":"serafimcloud","tg":["badge","icon"],"sb":"Status"},{"id":"21st:serafimcloud__steel-cone","t":"Steel cone","d":"Pure CSS gradient background in the Orbit Sweep style, made with the 21st.dev Gradient Builder. 5-color palette (#E9EEF5, #8FA3C0, #3B4A66, #8FA3C0, #E9EEF5). Features: soft blur f","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/steel-cone/default/preview.1783767233056.webp","pc":"serafimcloud","sb":"Orbit Sweep"},{"id":"21st:serafimcloud__subagent-tool","t":"Subagent tool","s":"21st","c":"ai-agent/composer","a":"serafimcloud","pl":"https://21st.dev/@serafimcloud/components/subagent-tool","pc":"serafimcloud","tg":["ai-chat"]},{"id":"21st:serafimcloud__suggestions","t":"Suggestions","s":"21st","c":"data-display/badge","a":"serafimcloud","pl":"https://21st.dev/@serafimcloud/components/suggestions","pc":"serafimcloud","tg":["ai-chat","chip"],"sb":"Tags and pills"},{"id":"21st:serafimcloud__sunset","t":"Sunset","d":"Animated (pulse) ASCII art in the Dots style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a neon, retro look. A drop-in, zero-dependency React com","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/sunset/default/preview.1783764041910.png","pc":"serafimcloud","tg":["video"],"sb":"Dots"},{"id":"21st:serafimcloud__sunset-bloom","t":"Sunset bloom","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#2B0A3D, #C1275C, #F8873B, #FDE68A). Features: soft blur finish. A ","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/sunset-bloom/default/preview.1783764058816.webp","pc":"serafimcloud","sb":"Bloom Field"},{"id":"21st:serafimcloud__sunset-blush","t":"Sunset blush","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#FBEFF2, #F3C0C7, #E7D2F0, #F6D9A8). Features: soft blur finish. A ","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/sunset-blush/default/preview.1783765008445.webp","pc":"serafimcloud","sb":"Bloom Field"},{"id":"21st:serafimcloud__sunset-orb","t":"Sunset orb","d":"Pure CSS gradient background in the Horizon Glow style, made with the 21st.dev Gradient Builder. 3-color palette (#B7282E, #EB6101, #FFF1CF). Features: soft blur finish, film grain","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/sunset-orb/default/preview.1783767444877.webp","pc":"serafimcloud","sb":"Horizon Glow"},{"id":"21st:serafimcloud__switch","t":"Switch","d":"Compact Base UI switch with a sliding gradient track and spring-eased thumb, for toggling a single setting on or off.","s":"21st","c":"actions/switch","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/switch/default/preview.1784917186806-60782e7b-e607-4037-9887-b3eb7a545ef7.png","pc":"serafimcloud"},{"id":"21st:serafimcloud__tag-selector","t":"Tag selector","d":"A versatile component for selecting and creating multiple tags with search functionality and keyboard navigation support.","s":"21st","c":"data-display/badge","a":"serafimcloud","u":148,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/tag-selector.png","pc":"serafimcloud","tg":["chip","search"],"sb":"Tags and pills"},{"id":"21st:serafimcloud__telegram-profile-header","t":"Telegram profile header","s":"21st","c":"data-display/profile","a":"serafimcloud","pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/telegram-profile-header.png","pc":"serafimcloud","tg":["profile"]},{"id":"21st:serafimcloud__testimonial-card","t":"Testimonial card","d":"A versatile card component for displaying user testimonials with avatars and social links inspired by Launch UI. It supports both linked and non-linked variants, custom styling, an","k":"section","s":"21st","c":"marketing/testimonials","a":"serafimcloud","u":897,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/testimonial-card.png","pc":"serafimcloud","tg":["testimonials"]},{"id":"21st:serafimcloud__testimonials-with-marquee","t":"Testimonials with marquee","d":"A dynamic testimonials section with infinite scroll animation featuring a headline, description, and auto-scrolling testimonial cards that pause on hover, inspired by Launch UI.\n\nF","k":"section","s":"21st","c":"marketing/testimonials","a":"serafimcloud","u":2676,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/testimonials-with-marquee.png","pc":"serafimcloud","tg":["marquee","scroll-area","testimonials"]},{"id":"21st:serafimcloud__text-shimmer","t":"Text shimmer","d":"Shimmering status text for streaming agents. Tune duration, spread, and delay; renders any element via the as prop. From 21st.dev Agent Elements.","k":"motion","s":"21st","c":"motion/text-effect","a":"serafimcloud","u":10,"pl":"https://21st.dev/@serafimcloud/components/text-shimmer","pc":"serafimcloud","tg":["text"],"sb":"Gradient and shimmer"},{"id":"21st:serafimcloud__thinking-tool","t":"Thinking tool","d":"Render assistant reasoning in a collapsible row. State-driven (thinking shimmer / thought static). Self-contained port from 21st.dev Agent Elements with React-only collapsible (no ","s":"21st","c":"ai-agent/ai-agent","a":"serafimcloud","u":16,"pl":"https://21st.dev/@serafimcloud/components/thinking-tool","pc":"serafimcloud","tg":["ai-chat"],"sb":"Reasoning and tools"},{"id":"21st:serafimcloud__to-do-item","t":"To do item","d":"A reusable animated todo list item component with swipe actions and strike-through animation. Inspired by the original non-reusable implementation by @alirdev and @sekachov design.","s":"21st","c":"data-display/list","a":"serafimcloud","u":42,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/to-do-item.png","pc":"serafimcloud","tg":["checkbox","list"]},{"id":"21st:serafimcloud__todo-tool","t":"Todo tool","s":"21st","c":"data-display/list","a":"serafimcloud","pl":"https://21st.dev/@serafimcloud/components/todo-tool","pc":"serafimcloud","tg":["ai-chat","list"],"sb":"Tasks and to-dos"},{"id":"21st:serafimcloud__tool-group","t":"Tool group","d":"Collapsible header summarizing nested tool calls (files / searches / commands). State-driven (completed / pending streaming / interrupted) with shimmer label and elapsed time. Self","s":"21st","c":"ai-agent/composer","a":"serafimcloud","pl":"https://cdn.21st.dev/21st.dev/tool-group/default/preview.1777646295812.png","pc":"serafimcloud","tg":["ai-chat"]},{"id":"21st:serafimcloud__tooltip-icon-button","t":"Tooltip icon button","d":"A versatile button component with integrated tooltip functionality, perfect for providing contextual information on hover. Built with shadcn/ui and Radix UI primitives.\n\nFeatures:\n","s":"21st","c":"actions/button","a":"serafimcloud","u":36,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/tooltip-icon-button.png","pc":"serafimcloud","tg":["tooltip"],"sb":"Icon buttons"},{"id":"21st:serafimcloud__ultramarine","t":"Ultramarine","d":"Animated (wave) ASCII art in the Cross style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a colorful, crt look. A drop-in, zero-dependency React c","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/ultramarine/default/preview.1783763590653.jpg","pc":"serafimcloud","tg":["video"],"sb":"Cross"},{"id":"21st:serafimcloud__ultramarine-2","t":"Ultramarine 2","d":"Animated (wave) ASCII art in the Cross style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a colorful, crt look. A drop-in, zero-dependency React c","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/ultramarine/default/preview.1783763612769.jpg","pc":"serafimcloud","sb":"Cross"},{"id":"21st:serafimcloud__use-click-outside","t":"Use click outside","d":"A hook that handles clicks outside of a specified element","k":"lib","s":"21st","c":"lib/hook","a":"serafimcloud","pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/use-click-outside.png","pc":"serafimcloud","tg":["hook","modal"]},{"id":"21st:serafimcloud__use-debounce","t":"Use debounce","d":" A hook that returns a debounced version of the provided value. The debounced value will only update after the specified delay has passed without any new changes to the original va","k":"lib","s":"21st","c":"lib/hook","a":"serafimcloud","pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/use-debounce.png","pc":"serafimcloud","tg":["hook","search"]},{"id":"21st:serafimcloud__use-media-query","t":"Use media query","d":"useMediaQuery hook","k":"lib","s":"21st","c":"lib/hook","a":"serafimcloud","pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/use-media-query/default/preview.png","pc":"serafimcloud","tg":["alert","badge","hook"]},{"id":"21st:serafimcloud__useonclickoutside","t":"Useonclickoutside","d":"Hook useOnClickOutside","k":"lib","s":"21st","c":"lib/hook","a":"serafimcloud","pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/useonclickoutside.png","pc":"serafimcloud"},{"id":"21st:serafimcloud__user-message","t":"User message","s":"21st","c":"ai-agent/ai-agent","a":"serafimcloud","pl":"https://21st.dev/@serafimcloud/components/user-message","pc":"serafimcloud","tg":["ai-chat"],"sb":"Chat"},{"id":"21st:serafimcloud__vapor-halftone-portrait","t":"Vapor halftone portrait","d":"Animated (shimmer) ASCII art in the Dither style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a animated, halftone, pixel look. A drop-in, zero-de","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/vapor-halftone-portrait/default/preview.1783764293246.webp","pc":"serafimcloud","tg":["video"],"sb":"Dither"},{"id":"21st:serafimcloud__verdant-swirl","t":"Verdant swirl","d":"Animated WebGL shader background in the Silk style, generated by the 21st.dev Shader Builder. 4-color palette (#03120E, #0E7C5A, #7CE577, #F4FFC7). A drop-in, zero-dependency React","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/localhost_serafim/verdant-swirl/default/preview.1783755081250.webp","pc":"serafimcloud","sb":"Silk"},{"id":"21st:serafimcloud__vermilion-rings","t":"Vermilion rings","d":"Pure CSS gradient background in the Echo Rings style, made with the 21st.dev Gradient Builder. 2-color palette (#EB6101, #FFF1CF). Features: soft blur finish. A drop-in, zero-depen","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/vermilion-rings/default/preview.1783766894298.webp","pc":"serafimcloud","tg":["background","hero"],"sb":"Echo Rings"},{"id":"21st:serafimcloud__vibrant-pulse-glow","t":"Vibrant pulse glow","d":"Animated (pulse) ASCII art in the Bricks style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a animated, neon, pixel look. A drop-in, zero-dependen","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","u":4,"pl":"https://cdn.21st.dev/serafimcloud/vibrant-pulse-glow/default/preview.1783765765366.webp","pc":"serafimcloud","tg":["video"],"sb":"Bricks"},{"id":"21st:serafimcloud__vibrant-stream","t":"Vibrant stream","d":"Animated WebGL shader background in the Mesh drift style, generated by the 21st.dev Shader Builder. 4-color palette (#000000, #1F51FF, #00E5FF, #EAFDFF). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/vibrant-stream/default/preview.1783763219329.webp","pc":"serafimcloud","sb":"Mesh drift"},{"id":"21st:serafimcloud__vignette-bloom","t":"Vignette bloom","d":"Animated (wave) ASCII art in the Mosaic style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a animated, colorful, film look. A drop-in, zero-depend","k":"motion","s":"21st","c":"motion/ascii","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/vignette-bloom/default/preview.1783765949055.webp","pc":"serafimcloud","tg":["video"],"sb":"Mosaic"},{"id":"21st:serafimcloud__violet-nocturne","t":"Violet nocturne","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#0E1030, #3C2A73, #7B4BA8, #D98FC0). Features: soft blur finish. A ","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":4,"pl":"https://cdn.21st.dev/serafimcloud/violet-nocturne/default/preview.1783764652444.webp","pc":"serafimcloud","tg":["background"],"sb":"Bloom Field"},{"id":"21st:serafimcloud__violet-orbit","t":"Violet orbit","d":"Pure CSS gradient background in the Horizon Glow style, made with the 21st.dev Gradient Builder. 3-color palette (#2B0A3D, #7B4BA8, #E6D6F5). Features: soft blur finish, film grain","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/violet-orbit/default/preview.1783767719402.webp","pc":"serafimcloud","tg":["background"],"sb":"Horizon Glow"},{"id":"21st:serafimcloud__violet-plasma","t":"Violet plasma","d":"Animated WebGL shader background in the Caustics style, generated by the 21st.dev Shader Builder. 4-color palette (#02010A, #04052E, #3D2C8D, #916BBF). A drop-in, zero-dependency R","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/violet-plasma/default/preview.1783763164946.webp","pc":"serafimcloud"},{"id":"21st:serafimcloud__violet-radiance","t":"Violet radiance","d":"Pure CSS gradient background in the Echo Rings style, made with the 21st.dev Gradient Builder. 3-color palette (#F7F3FF, #9BB8F0, #5E5CC0). Features: soft blur finish. A drop-in, z","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/violet-radiance/default/preview.1783763813095.webp","pc":"serafimcloud","sb":"Echo Rings"},{"id":"21st:serafimcloud__violet-radiance-ii","t":"Violet radiance ii","d":"Pure CSS gradient background in the Echo Rings style, made with the 21st.dev Gradient Builder. 3-color palette (#F7F3FF, #9BB8F0, #5E5CC0). Features: soft blur finish. A drop-in, z","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/violet-radiance-ii/default/preview.1783763768666.webp","pc":"serafimcloud","sb":"Echo Rings"},{"id":"21st:serafimcloud__violet-starlight","t":"Violet starlight","d":"Pure CSS gradient background in the Core Glow style, made with the 21st.dev Gradient Builder. 4-color palette (#F7F3FF, #9BB8F0, #5E5CC0, #1B1740). Features: soft blur finish. A dr","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/violet-starlight/default/preview.1783766559467.webp","pc":"serafimcloud","sb":"Core Glow"},{"id":"21st:serafimcloud__violet-swirl","t":"Violet swirl","d":"Animated WebGL shader background in the Silk style, generated by the 21st.dev Shader Builder. 4-color palette (#02010A, #04052E, #3D2C8D, #916BBF). A drop-in, zero-dependency React","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/localhost_serafim/violet-swirl/default/preview.1783756000850.webp","pc":"serafimcloud","sb":"Silk"},{"id":"21st:serafimcloud__warmth-ripple","t":"Warmth ripple","d":"Animated WebGL shader background in the Plasma style, generated by the 21st.dev Shader Builder. 4-color palette (#160B0B, #C2402A, #F49D37, #FFE8C2). A drop-in, zero-dependency Rea","k":"motion","s":"21st","c":"motion/shader","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/warmth-ripple/default/preview.1783763559949.webp","pc":"serafimcloud","sb":"Plasma"},{"id":"21st:serafimcloud__watermelon-marigold","t":"Watermelon marigold","d":"Pure CSS gradient background in the Axis Blend style, made with the 21st.dev Gradient Builder. 2-color palette (#FF5F6D, #FFC371). Features: soft blur finish. A drop-in, zero-depen","k":"motion","s":"21st","c":"motion/gradient","a":"serafimcloud","u":6,"pl":"https://cdn.21st.dev/serafimcloud/watermelon-marigold/default/preview.1783765319518.webp","pc":"serafimcloud","tg":["background","hero"],"sb":"Axis Blend"},{"id":"21st:serafimcloud__wave-bars","t":"Wave bars","d":"An equaliser-style row of bars riding a travelling wave, animated entirely in CSS. Bar count, width, spacing, radius, height, colour and speed are all live knobs.","k":"motion","s":"21st","c":"motion/background","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/wave-bars/default/preview.1785197210915-fb03cda9-0010-46df-bd7e-861e9dffb569.png","pc":"serafimcloud","sb":"Waves and warps"},{"id":"21st:serafimcloud__wave-separator","t":"Wave separator","d":"A zig-zag divider drawn by masking a solid color with a repeating inline SVG, so it inherits currentColor in light and dark mode and costs no image request. Inspired by Colin Liena","k":"motion","s":"21st","c":"motion/background","a":"serafimcloud","pl":"https://cdn.21st.dev/serafimcloud/wave-separator/default/preview.1785365373146-6a6bcccc-75de-4523-9025-2f0576a96d49.png","pc":"serafimcloud","sb":"Waves and warps"},{"id":"21st:serafimcloud__wood-cursor","t":"Wood cursor","k":"motion","s":"21st","c":"motion/cursor","a":"serafimcloud","pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/wood-cursor.png","pc":"serafimcloud"},{"id":"21st:serjobasDEV__typeshi","t":"Typeshi","d":"typeshiiiasdasdasdnnn","s":"21st","c":"motion/text-effect","a":"serjobasDEV","pl":"https://cdn.21st.dev/serjobasDEV/typeshi/default/preview.1758030895456.png","pc":"serjobasDEV"},{"id":"21st:serjobas__bloim-animation-background","t":"Bloim animation background","d":"Bloom animation background for hero section","k":"motion","s":"21st","c":"motion/background","a":"serjobas","u":16,"pl":"https://cdn.21st.dev/serjobas/bloim-animation-background/default/preview.1755627744933.png","pc":"serjobas","tg":["hero"]},{"id":"21st:sh20raj__duolingonavbar","t":"Duolingonavbar","d":"A minimal, clean Duolingo-style navbar component with navigation menu, user stats (streak, gems, hearts), profile button, and mobile responsiveness.","s":"21st","c":"navigation/top-nav","a":"sh20raj","pl":"https://21st.dev/@sh20raj/components/duolingonavbar","pc":"sh20raj","sb":"Mega menus"},{"id":"21st:sh20raj__lingo-hero","t":"Lingo hero","d":"A premium Duolingo-inspired hero section with gamification, social proof, achievement cards, and high-converting CTAs for modern education and SaaS products.","k":"section","s":"21st","c":"marketing/hero","a":"sh20raj","pl":"https://cdn.21st.dev/sh20raj/lingo-hero/default/preview.1781707318532.png","pc":"sh20raj"},{"id":"21st:sh20raj__navbar","t":"Navbar","d":"Beautiful Navbar","s":"21st","c":"navigation/top-nav","a":"sh20raj","pl":"https://cdn.21st.dev/sh20raj/navbar/default/preview.1750511438713.png","pc":"sh20raj","sb":"Mega menus"},{"id":"21st:shadcn__accordion","t":"Accordion","d":"A vertically stacked set of interactive headings that each reveal a section of content.","s":"21st","c":"data-display/accordion","a":"shadcn","u":3030,"pl":"https://cdn.21st.dev/user_shadcn/accordion.png","pc":"shadcn","tg":["accordion","faq"],"sb":"FAQ"},{"id":"21st:shadcn__alert","t":"Alert","d":"Displays a callout for user attention.","s":"21st","c":"overlays/alert-banner","a":"shadcn","u":116,"pl":"https://cdn.21st.dev/user_shadcn/alert.png","pc":"shadcn","tg":["alert","notification"]},{"id":"21st:shadcn__alert-dialog","t":"Alert dialog","d":"A modal dialog that interrupts the user with important content and expects a response.","s":"21st","c":"overlays/dialog","a":"shadcn","u":212,"pl":"https://cdn.21st.dev/user_shadcn/alert-dialog.png","pc":"shadcn","tg":["alert","modal"],"sb":"Confirm"},{"id":"21st:shadcn__aspect-ratio","t":"Aspect ratio","k":"section","s":"21st","c":"marketing/faq","a":"shadcn","pl":"https://cdn.21st.dev/user_shadcn/aspect-ratio.png","pc":"shadcn"},{"id":"21st:shadcn__avatar","t":"Avatar","d":"An image element with a fallback for representing the user.","s":"21st","c":"data-display/avatar","a":"shadcn","u":4557,"pl":"https://cdn.21st.dev/user_shadcn/avatar.png","pc":"shadcn","tg":["avatar","image","profile"]},{"id":"21st:shadcn__breadcrumb","t":"Breadcrumb","d":"Displays the path to the current resource using a hierarchy of links.","s":"21st","c":"navigation/breadcrumb","a":"shadcn","u":49,"pl":"https://cdn.21st.dev/user_shadcn/breadcrumb.png","pc":"shadcn","tg":["dropdown","link","navigation-menu"]},{"id":"21st:shadcn__button","t":"Button","d":"Displays a button or a component that looks like a button.","s":"21st","c":"actions/button","a":"shadcn","u":44726,"pl":"https://cdn.21st.dev/user_shadcn/button.png","pc":"shadcn","tg":["button"],"sb":"Icon buttons"},{"id":"21st:shadcn__button-group","t":"Button group","d":"Here is Button Group component","s":"21st","c":"actions/button","a":"shadcn","pl":"https://cdn.21st.dev/larsen66/button-group/default/preview.1760007612702.png","pc":"shadcn","tg":["button","pagination"],"sb":"Groups and split"},{"id":"21st:shadcn__calendar","t":"Calendar","s":"21st","c":"data-display/calendar","a":"shadcn","pl":"https://cdn.21st.dev/user_shadcn/calendar.png","pc":"shadcn","tg":["calendar","date-picker"]},{"id":"21st:shadcn__calendar-date-and-time-picker","t":"Calendar date and time picker","d":"here is calendar by shadcn with date and time picker","s":"21st","c":"inputs/time-picker","a":"shadcn","u":20,"pl":"https://cdn.21st.dev/larsen66/calendar-date-and-time-picker/default/preview.1749974196925.png","pc":"shadcn","tg":["date-picker","popover"]},{"id":"21st:shadcn__calendar-date-and-time-range","t":"Calendar date and time range","d":"Here is Shadcn Calendar component with Date and Time range picker","s":"21st","c":"inputs/slider","a":"shadcn","pl":"https://cdn.21st.dev/larsen66/calendar-date-and-time-range/default/preview.1749974382117.png","pc":"shadcn","tg":["calendar","date-picker","popover"]},{"id":"21st:shadcn__calendar-date-picker","t":"Calendar date picker","d":"Here is shadcn calendar with date picker","s":"21st","c":"inputs/date-picker","a":"shadcn","u":19,"pl":"https://cdn.21st.dev/larsen66/calendar-date-picker/default/preview.1749973425034.png","pc":"shadcn","tg":["date-picker","popover"]},{"id":"21st:shadcn__calendar-date-time-range","t":"Calendar date time range","d":"Here is Shadcn Calendar component with Date and Time range picker","s":"21st","c":"inputs/slider","a":"shadcn","pl":"https://cdn.21st.dev/larsen66/calendar-date-time-range/default/preview.1749974585515.png","pc":"shadcn","tg":["date-picker","popover"]},{"id":"21st:shadcn__calendar-day-picker","t":"Calendar day picker","d":"Here is shadcn calendar component with day picker","s":"21st","c":"inputs/date-picker","a":"shadcn","u":16,"pl":"https://cdn.21st.dev/larsen66/calendar-day-picker/default/preview.1749973704816.png","pc":"shadcn","tg":["calendar","date-picker","popover"]},{"id":"21st:shadcn__calendar-input","t":"Calendar input","d":"Here is calendar input with date picker","s":"21st","c":"inputs/date-picker","a":"shadcn","u":28,"pl":"https://cdn.21st.dev/larsen66/calendar-input/default/preview.1749975109836.png","pc":"shadcn","tg":["calendar","date-picker","popover"]},{"id":"21st:shadcn__calendar-language-date-picker","t":"Calendar language date picker","d":"Here is Shadcn Calendar with date picker","s":"21st","c":"inputs/date-picker","a":"shadcn","pl":"https://cdn.21st.dev/larsen66/calendar-language-date-picker/default/preview.1749975935787.png","pc":"shadcn","tg":["date-picker","popover"]},{"id":"21st:shadcn__calendar-picker-in-a-drawer","t":"Calendar picker in a drawer","d":"Here is Shadcn Calendar picker in a drawer","s":"21st","c":"overlays/sheet","a":"shadcn","u":19,"pl":"https://cdn.21st.dev/larsen66/calendar-picker-in-a-drawer/default/preview.1749977487954.png","pc":"shadcn","tg":["calendar","date-picker"]},{"id":"21st:shadcn__calendar-variable-size","t":"Calendar variable size","d":"here is shadcn calendar with variable size","s":"21st","c":"data-display/calendar","a":"shadcn","u":9,"pl":"https://cdn.21st.dev/larsen66/calendar-variable-size/default/preview.1749906034454.png","pc":"shadcn","tg":["calendar","date-picker"]},{"id":"21st:shadcn__calendar-with-booked-days","t":"Calendar with booked days","d":"Here is calendar component with booked days","s":"21st","c":"data-display/calendar","a":"shadcn","pl":"https://cdn.21st.dev/larsen66/calendar-with-booked-days/default/preview.1749434391925.png","pc":"shadcn","tg":["calendar","date-picker"]},{"id":"21st:shadcn__calendar-with-day-button","t":"Calendar with day button","d":"Here is shadcn calendar component with today button","s":"21st","c":"data-display/calendar","a":"shadcn","pl":"https://cdn.21st.dev/larsen66/calendar-with-day-button/default/preview.1749971391805.png","pc":"shadcn","tg":["calendar","date-picker"]},{"id":"21st:shadcn__calendar-with-disabled-days","t":"Calendar with disabled days","d":"Here is modern shadcn calendar with disabled days","s":"21st","c":"data-display/calendar","a":"shadcn","pl":"https://cdn.21st.dev/larsen66/calendar-with-disabled-days/default/preview.1749428163831.png","pc":"shadcn","tg":["calendar"]},{"id":"21st:shadcn__calendar-with-disabled-weekends","t":"Calendar with disabled weekends","d":"Here is shadcn modern calendar with disabled weekend","s":"21st","c":"data-display/calendar","a":"shadcn","pl":"https://cdn.21st.dev/larsen66/calendar-with-disabled-weekends/default/preview.1749428353510.png","pc":"shadcn","tg":["calendar","date-picker"]},{"id":"21st:shadcn__calendar-with-event-slots","t":"Calendar with event slots","d":"Here is Shadcn calendar component with event slots","s":"21st","c":"data-display/calendar","a":"shadcn","st":"rated","pl":"https://cdn.21st.dev/larsen66/calendar-with-event-slots/default/preview.1749976260067.png","pc":"shadcn","tg":["calendar","date-picker"],"sc":21},{"id":"21st:shadcn__calendar-with-little-date","t":"Calendar with little date","d":"Here is Shadcn Calendar component with little-day","s":"21st","c":"data-display/calendar","a":"shadcn","pl":"https://cdn.21st.dev/larsen66/calendar-with-little-date/default/preview.1749976135496.png","pc":"shadcn","tg":["popover"]},{"id":"21st:shadcn__calendar-with-localisation","t":"Calendar with localisation","d":"here is calendar component by Shadcn with language changing functionality","s":"21st","c":"data-display/calendar","a":"shadcn","pl":"https://cdn.21st.dev/larsen66/calendar-with-localisation/default/preview.1749972605587.png","pc":"shadcn","tg":["calendar","date-picker","select"]},{"id":"21st:shadcn__calendar-with-month-and-year-dropdown","t":"Calendar with month and year dropdown","d":"Here is shadcn calendar with month and year ","s":"21st","c":"data-display/calendar","a":"shadcn","pl":"https://cdn.21st.dev/larsen66/calendar-with-month-and-year-dropdown/default/preview.1749903880072.png","pc":"shadcn","tg":["calendar","date-picker"]},{"id":"21st:shadcn__calendar-with-presets","t":"Calendar with presets","d":"Here is shadcn calendar component with pressets days","s":"21st","c":"data-display/calendar","a":"shadcn","pl":"https://cdn.21st.dev/larsen66/calendar-with-presets/default/preview.1749906173959.png","pc":"shadcn","tg":["card","calendar","button","date-picker"]},{"id":"21st:shadcn__calendar-with-range-selection","t":"Calendar with range selection","d":"Here is Range selection shadcn calendar with minimum and maximum days","s":"21st","c":"data-display/calendar","a":"shadcn","pl":"https://cdn.21st.dev/larsen66/calendar-with-range-selection/default/preview.1749428032650.png","pc":"shadcn","tg":["calendar","date-picker"]},{"id":"21st:shadcn__calendar-with-start-end-month","t":"Calendar with start end month","d":"Here is shadcn component with start and end month","s":"21st","c":"data-display/calendar","a":"shadcn","pl":"https://cdn.21st.dev/larsen66/calendar-with-start-end-month/default/preview.1749428485828.png","pc":"shadcn","tg":["calendar","date-picker"]},{"id":"21st:shadcn__calendar-with-time-picker-inline","t":"Calendar with time picker inline","d":"Here is shadcn calendar time picker component","s":"21st","c":"data-display/calendar","a":"shadcn","u":18,"pl":"https://cdn.21st.dev/larsen66/calendar-with-time-picker-inline/default/preview.1749904853866.png","pc":"shadcn"},{"id":"21st:shadcn__calendar-with-time-piker","t":"Calendar with time piker","d":"Here is calendar by shadcn with time piker ","s":"21st","c":"data-display/calendar","a":"shadcn","u":32,"pl":"https://cdn.21st.dev/larsen66/calendar-with-time-piker/default/preview.1749904539679.png","pc":"shadcn","tg":["calendar","date-picker"]},{"id":"21st:shadcn__calendar-with-time-pressets","t":"Calendar with time pressets","d":"Here is shadcn calendar component with time pressets","s":"21st","c":"data-display/calendar","a":"shadcn","pl":"https://cdn.21st.dev/larsen66/calendar-with-time-pressets/default/preview.1749906280309.png","pc":"shadcn","tg":["calendar","date-picker"]},{"id":"21st:shadcn__calendar-with-week-numbers","t":"Calendar with week numbers","d":"Here is shadcn calendar with week numbers","s":"21st","c":"data-display/calendar","a":"shadcn","pl":"https://cdn.21st.dev/larsen66/calendar-with-week-numbers/default/preview.1749434544082.png","pc":"shadcn","tg":["calendar","date-picker"]},{"id":"21st:shadcn__card","t":"Card","d":"Displays a card with header, content, and footer.","s":"21st","c":"data-display/card","a":"shadcn","u":13968,"pl":"https://cdn.21st.dev/user_shadcn/card.png","pc":"shadcn","tg":["card","select"]},{"id":"21st:shadcn__carousel","t":"Carousel","d":"A carousel with motion and swipe built using Embla.","s":"21st","c":"media/carousel","a":"shadcn","u":1919,"pl":"https://cdn.21st.dev/user_shadcn/carousel.png","pc":"shadcn","tg":["carousel"]},{"id":"21st:shadcn__chart","t":"Chart","s":"21st","c":"data-viz/chart","a":"shadcn","pl":"https://cdn.21st.dev/user_shadcn/chart.png","pc":"shadcn","tg":["data-visualization","dashboard","tooltip"]},{"id":"21st:shadcn__chart-filter","t":"Chart filter","d":"Here is Shadcn chart filter component","s":"21st","c":"data-viz/chart","a":"shadcn","u":28,"pl":"https://cdn.21st.dev/larsen66/chart-filter/default/preview.1749974748457.png","pc":"shadcn"},{"id":"21st:shadcn__checkbox","t":"Checkbox","d":"A control that allows the user to toggle between checked and not checked.","s":"21st","c":"inputs/checkbox","a":"shadcn","pl":"https://cdn.21st.dev/user_shadcn/checkbox.png","pc":"shadcn","tg":["checkbox"]},{"id":"21st:shadcn__collapsible","t":"Collapsible","d":"An interactive component which expands/collapses a panel.","s":"21st","c":"data-display/accordion","a":"shadcn","u":294,"pl":"https://cdn.21st.dev/user_shadcn/collapsible.png","pc":"shadcn"},{"id":"21st:shadcn__command","t":"Command","d":"Fast, composable, unstyled command menu for React.","s":"21st","c":"navigation/command-palette","a":"shadcn","pl":"https://cdn.21st.dev/user_shadcn/command.png","pc":"shadcn","tg":["menu","search"]},{"id":"21st:shadcn__context-menu","t":"Context menu","d":"Displays a menu to the user — such as a set of actions or functions — triggered by a button.","s":"21st","c":"overlays/context-menu","a":"shadcn","u":87,"pl":"https://cdn.21st.dev/user_shadcn/context-menu.png","pc":"shadcn","tg":["checkbox","menu","radio-group"]},{"id":"21st:shadcn__data-table","t":"Data table","d":"Powerful table and datagrids built using TanStack Table.","s":"21st","c":"data-display/table","a":"shadcn","pl":"https://cdn.21st.dev/user_shadcn/data-table.png","pc":"shadcn","tg":["checkbox","pagination","table"],"sb":"Data tables"},{"id":"21st:shadcn__date-picker","t":"Date picker","d":"A date picker component with range and presets.","s":"21st","c":"inputs/date-picker","a":"shadcn","u":243,"pl":"https://cdn.21st.dev/user_shadcn/date-picker.png","pc":"shadcn","tg":["calendar","date-picker"]},{"id":"21st:shadcn__dialog","t":"Dialog","d":"A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.","s":"21st","c":"overlays/dialog","a":"shadcn","u":2209,"pl":"https://cdn.21st.dev/user_shadcn/dialog.png","pc":"shadcn","tg":["modal","scroll-area"],"sb":"Confirm"},{"id":"21st:shadcn__drawer","t":"Drawer","d":"A drawer component for React.","s":"21st","c":"overlays/sheet","a":"shadcn","u":168,"pl":"https://cdn.21st.dev/user_shadcn/drawer.png","pc":"shadcn"},{"id":"21st:shadcn__dropdown-menu","t":"Dropdown menu","d":"Displays a menu to the user — such as a set of actions or functions — triggered by a button.","s":"21st","c":"navigation/menu","a":"shadcn","u":2275,"pl":"https://cdn.21st.dev/user_shadcn/dropdown-menu.png","pc":"shadcn","tg":["dropdown","menu"],"sb":"Dropdowns"},{"id":"21st:shadcn__dual-calendar","t":"Dual calendar","d":"Here is Dual Calendar by Shadcn","s":"21st","c":"data-display/calendar","a":"shadcn","pl":"https://cdn.21st.dev/larsen66/dual-calendar/default/preview.1749426691302.png","pc":"shadcn","tg":["calendar"]},{"id":"21st:shadcn__empty","t":"Empty","d":"Here is Empty components","s":"21st","c":"data-display/empty-state","a":"shadcn","u":256,"pl":"https://cdn.21st.dev/larsen66/empty/default/preview.1760028926875.png","pc":"shadcn","tg":["avatar","card","empty-state","icon"]},{"id":"21st:shadcn__field-1","t":"Field 1","d":"Here is Field component","s":"21st","c":"inputs/form-field","a":"shadcn","u":73,"pl":"https://cdn.21st.dev/larsen66/field-1/default/preview.1760071813040.png","pc":"shadcn","tg":["checkbox","radio-group","select","slider"]},{"id":"21st:shadcn__form","t":"Form","d":"Building forms with React Hook Form and Zod.","s":"21st","c":"inputs/form-field","a":"shadcn","u":245,"pl":"https://cdn.21st.dev/user_shadcn/form.png","pc":"shadcn","tg":["calendar","date-picker","form"],"sb":"Whole forms"},{"id":"21st:shadcn__hover-card","t":"Hover card","d":"For sighted users to preview content available behind a link.","s":"21st","c":"overlays/hover-card","a":"shadcn","u":154,"pl":"https://cdn.21st.dev/user_shadcn/hover-card.png","pc":"shadcn","tg":["profile"]},{"id":"21st:shadcn__icons","t":"Icons","d":"shadcn/ui icons","s":"21st","c":"assets/icon","a":"shadcn","u":608,"pl":"https://cdn.21st.dev/user_shadcn/icons.png","pc":"shadcn","tg":["grid","icon"]},{"id":"21st:shadcn__input","t":"Input","d":"Displays a form input field or a component that looks like an input field.","s":"21st","c":"inputs/form-field","a":"shadcn","u":9912,"pl":"https://cdn.21st.dev/user_shadcn/input.png","pc":"shadcn","tg":["form","input"],"sb":"Whole forms"},{"id":"21st:shadcn__input-group","t":"Input group","d":"Here is Input Group component ","s":"21st","c":"inputs/form-field","a":"shadcn","u":93,"pl":"https://cdn.21st.dev/larsen66/input-group/default/preview.1760074177742.png","pc":"shadcn","tg":["form","icon","input","search"],"sb":"Input groups"},{"id":"21st:shadcn__input-otp","t":"Input otp","d":"Accessible one-time password component with copy paste functionality.","s":"21st","c":"inputs/otp-input","a":"shadcn","pl":"https://cdn.21st.dev/user_shadcn/input-otp.png","pc":"shadcn"},{"id":"21st:shadcn__item","t":"Item","d":"Here is Item component","s":"21st","c":"data-display/list","a":"shadcn","u":55,"pl":"https://cdn.21st.dev/larsen66/item/default/preview.1760074948134.png","pc":"shadcn","tg":["alert","avatar","card","dropdown"],"sb":"Files and trees"},{"id":"21st:shadcn__kbd","t":"Kbd","d":"Here is Kbd  component","s":"21st","c":"data-display/typography","a":"shadcn","pl":"https://cdn.21st.dev/larsen66/kbd/default/preview.1760078868967.png","pc":"shadcn","tg":["search","tooltip"]},{"id":"21st:shadcn__label","t":"Label","d":"Renders an accessible label associated with controls.","s":"21st","c":"inputs/form-field","a":"shadcn","pl":"https://cdn.21st.dev/user_shadcn/label.png","pc":"shadcn","tg":["checkbox","form"],"sb":"Animated fields"},{"id":"21st:shadcn__menubar","t":"Menubar","d":"A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.","s":"21st","c":"navigation/top-nav","a":"shadcn","u":176,"pl":"https://cdn.21st.dev/user_shadcn/menubar.png","pc":"shadcn","tg":["menu"],"sb":"Mega menus"},{"id":"21st:shadcn__message","t":"Message","d":"Layout wrapper that arranges a single conversation message with avatar, alignment, header, and footer for chat and AI messaging interfaces.","s":"21st","c":"ai-agent/ai-agent","a":"shadcn","pl":"https://cdn.21st.dev/educlopez/message/default/preview.1783678491449.png","pc":"shadcn","tg":["avatar"],"sb":"Chat"},{"id":"21st:shadcn__multiple-months-calendar","t":"Multiple months calendar","d":"Here is shadcn multiple months calendar","s":"21st","c":"data-display/calendar","a":"shadcn","pl":"https://cdn.21st.dev/larsen66/multiple-months-calendar/default/preview.1749427672760.png","pc":"shadcn","tg":["calendar"]},{"id":"21st:shadcn__multiple-months-range","t":"Multiple months range","d":"Here is shadcn multiple months with range selection","s":"21st","c":"inputs/slider","a":"shadcn","pl":"https://cdn.21st.dev/larsen66/multiple-months-range/default/preview.1749427817075.png","pc":"shadcn","tg":["calendar"]},{"id":"21st:shadcn__navigation-menu","t":"Navigation menu","d":"A collection of links for navigating websites.","s":"21st","c":"navigation/top-nav","a":"shadcn","u":2543,"pl":"https://cdn.21st.dev/user_shadcn/navigation-menu.png","pc":"shadcn","tg":["menu","link","navigation-menu"],"sb":"Mega menus"},{"id":"21st:shadcn__pagination","t":"Pagination","d":"Pagination with page navigation, next and previous links.","s":"21st","c":"navigation/pagination","a":"shadcn","u":262,"pl":"https://cdn.21st.dev/user_shadcn/pagination.png","pc":"shadcn","tg":["link","pagination"]},{"id":"21st:shadcn__popover","t":"Popover","d":"Displays rich content in a portal, triggered by a button.","s":"21st","c":"overlays/popover","a":"shadcn","u":1549,"pl":"https://cdn.21st.dev/user_shadcn/popover.png","pc":"shadcn","tg":["form","input","popover"]},{"id":"21st:shadcn__progress","t":"Progress","d":"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.","s":"21st","c":"data-viz/progress-bar","a":"shadcn","pl":"https://cdn.21st.dev/user_shadcn/progress.png","pc":"shadcn","tg":["progress"]},{"id":"21st:shadcn__radio-group","t":"Radio group","d":"A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.","s":"21st","c":"inputs/radio","a":"shadcn","pl":"https://cdn.21st.dev/user_shadcn/radio-group.png","pc":"shadcn","tg":["radio-group"]},{"id":"21st:shadcn__range-selection-calendar","t":"Range selection calendar","d":"Here is shadcn range selection calendar","s":"21st","c":"data-display/calendar","a":"shadcn","u":55,"pl":"https://cdn.21st.dev/larsen66/range-selection-calendar/default/preview.1749427723153.png","pc":"shadcn","tg":["calendar","date-picker"]},{"id":"21st:shadcn__range-selection-calendar-with-min","t":"Range selection calendar with min","d":"Here is range selection calendar with minimum days ","s":"21st","c":"data-display/calendar","a":"shadcn","pl":"https://cdn.21st.dev/larsen66/range-selection-calendar-with-min/default/preview.1749427888324.png","pc":"shadcn","tg":["calendar","date-picker"]},{"id":"21st:shadcn__scroll-area","t":"Scroll area","d":"Augments native scroll functionality for custom, cross-browser styling.","k":"layout","s":"21st","c":"layout/scroll-area","a":"shadcn","u":1329,"pl":"https://cdn.21st.dev/user_shadcn/scroll-area.png","pc":"shadcn","tg":["scroll-area"]},{"id":"21st:shadcn__select","t":"Select","d":"Displays a list of options for the user to pick from—triggered by a button.","s":"21st","c":"inputs/select","a":"shadcn","u":1340,"pl":"https://cdn.21st.dev/user_shadcn/select.png","pc":"shadcn","tg":["dropdown","form","select"]},{"id":"21st:shadcn__separator","t":"Separator","d":"Visually or semantically separates content.","s":"21st","c":"data-display/empty-state","a":"shadcn","u":3919,"pl":"https://cdn.21st.dev/user_shadcn/separator.png","pc":"shadcn"},{"id":"21st:shadcn__sheet","t":"Sheet","d":"Extends the Dialog component to display content that complements the main content of the screen.","s":"21st","c":"overlays/sheet","a":"shadcn","pl":"https://cdn.21st.dev/user_shadcn/sheet.png","pc":"shadcn"},{"id":"21st:shadcn__sidebar","t":"Sidebar","d":"Sidebar","s":"21st","c":"navigation/sidebar","a":"shadcn","u":1009,"pl":"https://cdn.21st.dev/user_shadcn/sidebar/default/preview.png","pc":"shadcn","tg":["dashboard","icon","menu","navigation-menu"]},{"id":"21st:shadcn__skeleton","t":"Skeleton","d":"Use to show a placeholder while content is loading.","s":"21st","c":"status/skeleton","a":"shadcn","u":1021,"pl":"https://cdn.21st.dev/user_shadcn/skeleton.png","pc":"shadcn","tg":["spinner"]},{"id":"21st:shadcn__slider","t":"Slider","d":"An input where the user selects a value from within a given range.","s":"21st","c":"inputs/slider","a":"shadcn","u":375,"pl":"https://cdn.21st.dev/user_shadcn/slider.png","pc":"shadcn","tg":["slider"]},{"id":"21st:shadcn__sonner","t":"Sonner","d":"An opinionated toast component for React.","s":"21st","c":"overlays/toast","a":"shadcn","u":369,"pl":"https://cdn.21st.dev/user_shadcn/sonner.png","pc":"shadcn","tg":["alert","button","menu","notification"]},{"id":"21st:shadcn__spinner","t":"Spinner","d":"Here is Spinner component","s":"21st","c":"status/loader","a":"shadcn","u":66,"pl":"https://cdn.21st.dev/larsen66/spinner/default/preview.1760079695249.png","pc":"shadcn","tg":["empty-state","progress","spinner","textarea"],"sb":"Spinners"},{"id":"21st:shadcn__switch","t":"Switch","d":"A control that allows the user to toggle between checked and not checked.","s":"21st","c":"actions/switch","a":"shadcn","pl":"https://cdn.21st.dev/user_shadcn/switch.png","pc":"shadcn","tg":["toggle"]},{"id":"21st:shadcn__table","t":"Table","d":"A responsive table component.","s":"21st","c":"data-display/table","a":"shadcn","pl":"https://cdn.21st.dev/user_shadcn/table.png","pc":"shadcn","tg":["table"]},{"id":"21st:shadcn__tabs","t":"Tabs","d":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","s":"21st","c":"navigation/tabs","a":"shadcn","u":1244,"pl":"https://cdn.21st.dev/user_shadcn/tabs.png","pc":"shadcn","tg":["tabs"]},{"id":"21st:shadcn__textarea","t":"Textarea","d":"Displays a form textarea or a component that looks like a textarea.","s":"21st","c":"inputs/textarea","a":"shadcn","pl":"https://cdn.21st.dev/user_shadcn/textarea.png","pc":"shadcn","tg":["textarea"]},{"id":"21st:shadcn__toggle","t":"Toggle","d":"A two-state button that can be either on or off.","s":"21st","c":"actions/switch","a":"shadcn","u":757,"pl":"https://cdn.21st.dev/user_shadcn/toggle.png","pc":"shadcn","tg":["toggle"]},{"id":"21st:shadcn__toggle-group","t":"Toggle group","d":"A set of two-state buttons that can be toggled on or off.","s":"21st","c":"actions/switch","a":"shadcn","pl":"https://cdn.21st.dev/user_shadcn/toggle-group.png","pc":"shadcn"},{"id":"21st:shadcn__tooltip","t":"Tooltip","d":"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.","s":"21st","c":"overlays/tooltip","a":"shadcn","u":2169,"pl":"https://cdn.21st.dev/user_shadcn/tooltip.png","pc":"shadcn","tg":["tooltip"]},{"id":"21st:shadcn__use-mobile","t":"Use mobile","d":"use-mobile hook","k":"lib","s":"21st","c":"lib/hook","a":"shadcn","u":902,"pl":"https://cdn.21st.dev/user_shadcn/use-mobile/default/preview.png","pc":"shadcn","tg":["hook"]},{"id":"21st:shadcnblockscom__about-3","t":"About 3","d":"An About Us Landing page with breakout images, logos and stats about your company and team.","k":"section","s":"21st","c":"marketing/team","a":"shadcnblockscom","u":280,"pl":"https://cdn.21st.dev/shadcnblockscom/about-3/default/preview.1747627511565.png","pc":"shadcnblockscom","tg":["gallery","team"]},{"id":"21st:shadcnblockscom__accordion-feature-section","t":"Accordion feature section","d":"A versatile block with an Accordion that can switch between multiple features. Each feature has a heading, text and an image.","k":"section","s":"21st","c":"marketing/features","a":"shadcnblockscom","u":418,"pl":"https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/accordion-feature-section/default/preview.png","pc":"shadcnblockscom","tg":["accordion","features","image"],"sb":"Showcase and split"},{"id":"21st:shadcnblockscom__banner","t":"Banner","d":"Classic announcement banner that runs across the top of page.","s":"21st","c":"overlays/alert-banner","a":"shadcnblockscom","pl":"https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/banner/default/preview.1751700170275.png","pc":"shadcnblockscom"},{"id":"21st:shadcnblockscom__banner2","t":"Banner2","d":"Fullwidth banner with icon, announcement text and button.","s":"21st","c":"overlays/alert-banner","a":"shadcnblockscom","pl":"https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/banner2/default/preview.1751700394684.png","pc":"shadcnblockscom"},{"id":"21st:shadcnblockscom__blog7","t":"Blog7","d":"Classic 3 card blog post layout, great for blog sections, featured blog posts and related blog posts. Uses shadcn/ui Card component","k":"section","s":"21st","c":"marketing/marketing","a":"shadcnblockscom","u":337,"pl":"https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/blog7/default/preview.png","pc":"shadcnblockscom","tg":["card","features","grid"],"sb":"Blog and posts"},{"id":"21st:shadcnblockscom__blog8","t":"Blog8","d":"Blog posts in row layout with large images on right.","k":"section","s":"21st","c":"marketing/marketing","a":"shadcnblockscom","u":154,"pl":"https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/blog8/default/preview.png","pc":"shadcnblockscom","tg":["card","image"],"sb":"Blog and posts"},{"id":"21st:shadcnblockscom__careers-4","t":"Careers 4","d":"Basic careers section with jobs grouped by role with location label and link","k":"section","s":"21st","c":"marketing/marketing","a":"shadcnblockscom","u":13,"pl":"https://cdn.21st.dev/shadcnblockscom/careers-4/default/preview.1747617722497.png","pc":"shadcnblockscom","tg":["list"],"sb":"Careers"},{"id":"21st:shadcnblockscom__casestudy-5","t":"Casestudy 5","d":"A bento grid of cards with a feature card and smaller cards below. Minimal design and dotted backgrounds.","k":"section","s":"21st","c":"marketing/marketing","a":"shadcnblockscom","u":156,"pl":"https://cdn.21st.dev/shadcnblockscom/casestudy-5/default/preview.1747625385751.png","pc":"shadcnblockscom","tg":["features","grid"],"sb":"Portfolio"},{"id":"21st:shadcnblockscom__changelog-1","t":"Changelog 1","d":"Modern Changelog view with versions, dates, description images. An array of changelog entries with stick scroll effect.","k":"section","s":"21st","c":"marketing/marketing","a":"shadcnblockscom","pl":"https://cdn.21st.dev/shadcnblockscom/changelog-1/default/preview.1747629463975.png","pc":"shadcnblockscom","tg":["badge","list","timeline"]},{"id":"21st:shadcnblockscom__cta-4","t":"Cta 4","d":"Call to action section with heading, description and button on left. Feature bullet list on right.","k":"section","s":"21st","c":"marketing/cta","a":"shadcnblockscom","u":270,"pl":"https://cdn.21st.dev/shadcnblockscom/cta-4/default/preview.1747631648438.png","pc":"shadcnblockscom","tg":["cta"]},{"id":"21st:shadcnblockscom__faq-5","t":"Faq 5","d":"Center aligned FAQ with numbers and expanded text.","k":"section","s":"21st","c":"marketing/faq","a":"shadcnblockscom","u":196,"pl":"https://cdn.21st.dev/shadcnblockscom/faq-5/default/preview.1747635561275.png","pc":"shadcnblockscom","tg":["badge","faq","list"]},{"id":"21st:shadcnblockscom__faq3","t":"Faq3","d":"A center align FAQ section with frequently asked questions that toggle open using the accordion component","k":"section","s":"21st","c":"marketing/faq","a":"shadcnblockscom","u":258,"pl":"https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/faq3/default/preview.1751701763431.png","pc":"shadcnblockscom","tg":["accordion","faq"]},{"id":"21st:shadcnblockscom__feature-1","t":"Feature 1","d":"Basic Feature block with heading, description and buttons on left and image on right.","k":"section","s":"21st","c":"marketing/features","a":"shadcnblockscom","u":212,"pl":"https://cdn.21st.dev/shadcnblockscom/feature-1/default/preview.1747703307305.png","pc":"shadcnblockscom","tg":["features","image"],"sb":"Showcase and split"},{"id":"21st:shadcnblockscom__feature-2","t":"Feature 2","d":"Basic feature section with heading, description and buttons. Image on left","k":"section","s":"21st","c":"marketing/features","a":"shadcnblockscom","u":76,"pl":"https://cdn.21st.dev/shadcnblockscom/feature-2/default/preview.1747703559811.png","pc":"shadcnblockscom","tg":["features","hero","image"],"sb":"Showcase and split"},{"id":"21st:shadcnblockscom__feature-72","t":"Feature 72","d":"A grid of feature cards","k":"section","s":"21st","c":"marketing/features","a":"shadcnblockscom","u":82,"pl":"https://cdn.21st.dev/shadcnblockscom/feature-72/default/preview.1747699948941.png","pc":"shadcnblockscom","tg":["card","features","grid"],"sb":"Grid of cards"},{"id":"21st:shadcnblockscom__feature-73","t":"Feature 73","d":"Feature cards in grid layout with Featured card at the top.","k":"section","s":"21st","c":"marketing/features","a":"shadcnblockscom","u":42,"pl":"https://cdn.21st.dev/shadcnblockscom/feature-73/default/preview.1747700873848.png","pc":"shadcnblockscom","tg":["features"]},{"id":"21st:shadcnblockscom__footer-7","t":"Footer 7","d":"A modern footer with menu links, logo, social, copyright and legal","k":"section","s":"21st","c":"marketing/footer","a":"shadcnblockscom","u":724,"pl":"https://cdn.21st.dev/shadcnblockscom/footer-7/default/preview.1747730843256.png","pc":"shadcnblockscom","tg":["footer","link"]},{"id":"21st:shadcnblockscom__gallery4","t":"Gallery4","d":"A carousel gallery of full height image cards with case study text on top. ","s":"21st","c":"media/gallery","a":"shadcnblockscom","u":1815,"pl":"https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/gallery4/default/preview.png","pc":"shadcnblockscom","tg":["carousel","gallery","image","pagination"]},{"id":"21st:shadcnblockscom__gallery6","t":"Gallery6","d":"A full-width, off-screen gallery with the carousel component.","s":"21st","c":"media/gallery","a":"shadcnblockscom","u":441,"pl":"https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/gallery6/default/preview.1774362907442.png","pc":"shadcnblockscom","tg":["carousel","gallery"]},{"id":"21st:shadcnblockscom__hero-195-1","t":"Hero 195 1","d":"A modern hero section with tabs, animated border and crisp fading background lines framing the hero images.","k":"section","s":"21st","c":"marketing/hero","a":"shadcnblockscom","u":993,"pl":"https://cdn.21st.dev/shadcnblockscom/hero-195/default/preview.1747616025475.png","pc":"shadcnblockscom","tg":["dashboard","cta","tabs"],"sb":"With product shot"},{"id":"21st:shadcnblockscom__list-2","t":"List 2","d":"A general list component","s":"21st","c":"data-display/list","a":"shadcnblockscom","st":"rated","u":66,"pl":"https://cdn.21st.dev/shadcnblockscom/list-2/default/preview.1747809112291.png","pc":"shadcnblockscom","tg":["list"],"sc":18},{"id":"21st:shadcnblockscom__login-1","t":"Login 1","d":"Login form with email and Google login buttons","s":"21st","c":"flows/sign-in","a":"shadcnblockscom","u":263,"pl":"https://cdn.21st.dev/shadcnblockscom/login-1/default/preview.1747811869643.png","pc":"shadcnblockscom","tg":["form","sign-up"],"sb":"Sign up"},{"id":"21st:shadcnblockscom__logos3","t":"Logos3","d":"Client logos scrolling automatically with a Carousel with masked edges","k":"resource","s":"21st","c":"assets/logo","a":"shadcnblockscom","u":1253,"pl":"https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/logos3/default/preview.png","pc":"shadcnblockscom","tg":["carousel","clients","marquee"]},{"id":"21st:shadcnblockscom__modern-hero","t":"Modern hero","d":"Modern Hero","k":"section","s":"21st","c":"marketing/hero","a":"shadcnblockscom","u":317,"pl":"https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/modern-hero/default/preview.1738574142272.png","pc":"shadcnblockscom","tg":["cta","hero"]},{"id":"21st:shadcnblockscom__navbar-5","t":"Navbar 5","d":"Shadcn Navbar with 2 column dropdown menus and mobile menu that slides in from the top with dropdowns","s":"21st","c":"navigation/top-nav","a":"shadcnblockscom","u":301,"pl":"https://cdn.21st.dev/shadcnblockscom/navbar-5/default/preview.1747815725934.png","pc":"shadcnblockscom","tg":["dropdown","menu","navigation-menu"],"sb":"Mega menus"},{"id":"21st:shadcnblockscom__pricing-6","t":"Pricing 6","d":"Standard single pricing card","k":"section","s":"21st","c":"marketing/pricing","a":"shadcnblockscom","pl":"https://cdn.21st.dev/shadcnblockscom/pricing-6/default/preview.1747798351382.png","pc":"shadcnblockscom","tg":["pricing-section"]},{"id":"21st:shadcnblockscom__pricing2","t":"Pricing2","d":"Pricing block with 2 cards and a switch for monthly/annual billing","k":"section","s":"21st","c":"marketing/pricing","a":"shadcnblockscom","u":192,"pl":"https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/pricing2/default/preview.png","pc":"shadcnblockscom","tg":["pricing-section","table","toggle"],"sb":"Comparison tables"},{"id":"21st:shadcnblockscom__shadcnblocks-com-cta10","t":"Shadcnblocks com cta10","d":"A classic call to action block with 2 buttons - left aligned","k":"section","s":"21st","c":"marketing/cta","a":"shadcnblockscom","u":34,"pl":"https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/shadcnblocks-com-cta10/default/preview.1737979671643.png","pc":"shadcnblockscom"},{"id":"21st:shadcnblockscom__shadcnblocks-com-cta11","t":"Shadcnblocks com cta11","d":"Classic cta block with 2 buttons, center aligned","k":"section","s":"21st","c":"marketing/cta","a":"shadcnblockscom","u":88,"pl":"https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/shadcnblocks-com-cta11/default/preview.1737979797193.png","pc":"shadcnblockscom","tg":["cta"]},{"id":"21st:shadcnblockscom__shadcnblocks-com-feature108","t":"Shadcnblocks com feature108","d":"A versatile section with 3 features inside a tabs component","k":"section","s":"21st","c":"marketing/features","a":"shadcnblockscom","u":1027,"pl":"https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/shadcnblocks-com-feature108/default/preview.1737979331417.png","pc":"shadcnblockscom","tg":["features","tabs"],"sb":"Tabs"},{"id":"21st:shadcnblockscom__shadcnblocks-com-footer2","t":"Shadcnblocks com footer2","d":"A footer with a logo, tagline and multiple menus","k":"section","s":"21st","c":"marketing/footer","a":"shadcnblockscom","u":303,"pl":"https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/shadcnblocks-com-footer2/default/preview.1737979441155.png","pc":"shadcnblockscom","tg":["footer"]},{"id":"21st:shadcnblockscom__shadcnblocks-com-hero115","t":"Shadcnblocks com hero115","d":"A hero section with a radial circle background pattern","k":"section","s":"21st","c":"marketing/hero","a":"shadcnblockscom","u":101,"pl":"https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/shadcnblocks-com-hero115/default/preview.png","pc":"shadcnblockscom","sb":"With product shot"},{"id":"21st:shadcnblockscom__shadcnblocks-com-hero45","t":"Shadcnblocks com hero45","d":"A hero section with 3 features underneath","k":"section","s":"21st","c":"marketing/hero","a":"shadcnblockscom","u":136,"pl":"https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/shadcnblocks-com-hero45/default/preview.1737979876570.png","pc":"shadcnblockscom","tg":["features"]},{"id":"21st:shadcnblockscom__shadcnblocks-com-navbar1","t":"Shadcnblocks com navbar1","d":"A classic shadcn style navbar with dropdowns and mobile slide in menu.","s":"21st","c":"navigation/top-nav","a":"shadcnblockscom","u":1974,"pl":"https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/shadcnblocks-com-navbar1/default/preview.1737979231173.png","pc":"shadcnblockscom","tg":["menu"],"sb":"Mega menus"},{"id":"21st:shadcnblockscom__signup-1","t":"Signup 1","d":"Signup page with email and Google auth buttons","s":"21st","c":"flows/sign-in","a":"shadcnblockscom","u":172,"pl":"https://cdn.21st.dev/shadcnblockscom/signup-1/default/preview.1747813152257.png","pc":"shadcnblockscom","tg":["form","input","sign-up"],"sb":"Sign up"},{"id":"21st:shadcncraft__tagline","t":"Tagline","d":"A small tagline or eyebrow label with badge, outline, ghost, and pill variants for marketing sections.","s":"21st","c":"data-display/badge","a":"shadcncraft","u":9,"pl":"https://cdn.21st.dev/shadcncraft/tagline/default/preview.1783714244883.png","pc":"shadcncraft","tg":["badge"],"sb":"Tags and pills"},{"id":"21st:shadcnspace__accordion-multi-level","t":"Accordion multi level","d":"Here is accordion multi-level component","s":"21st","c":"data-display/accordion","a":"shadcnspace","u":35,"pl":"https://cdn.21st.dev/larsen66/accordion-multi-level/default/preview.1772724010499.png","pc":"shadcnspace","tg":["accordion","list"],"sb":"Nested"},{"id":"21st:shadcnspace__accordion-space","t":"Accordion space","d":"Here is Accordion component","s":"21st","c":"data-display/accordion","a":"shadcnspace","pl":"https://cdn.21st.dev/lyanchouss/accordion-space/default/preview.1772631277914.png","pc":"shadcnspace","tg":["accordion","list"]},{"id":"21st:shadcnspace__animated-list","t":"Animated list","d":"Here is animated list component","s":"21st","c":"data-display/list","a":"shadcnspace","u":27,"pl":"https://cdn.21st.dev/larsen66/animated-list/default/preview.1772797921840.png","pc":"shadcnspace","tg":["list","notification"],"sb":"Inbox"},{"id":"21st:shadcnspace__animated-text-01","t":"Animated text 01","d":"An animated text with a shimmering light sweep effect that continuously moves across the letters.","k":"motion","s":"21st","c":"motion/text-effect","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/animated-text-01/default/preview.1784397702009-924c45fe-b457-4ccf-b74d-f8d024039adc.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__animated-text-02","t":"Animated text 02","d":"A text element with a smoothly animated color gradient that continuously shifts between two hues.","k":"motion","s":"21st","c":"motion/text-effect","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/animated-text-02/default/preview.1784753852666-d24b20a4-d1aa-4b70-90a7-23730ea81010.png","pc":"shadcnspace","tg":["text"]},{"id":"21st:shadcnspace__animated-text-04","t":"Animated text 04","d":"An animated text component that vertically rolls through a sequence of status messages with smooth transitions.","k":"motion","s":"21st","c":"motion/text-effect","a":"shadcnspace","u":6,"pl":"https://cdn.21st.dev/shadcnspace/animated-text-04/default/preview.1784478712370-f38692e6-c402-41a4-a8d8-6e40974b17eb.png","pc":"shadcnspace","tg":["text"]},{"id":"21st:shadcnspace__animated-tooltip","t":"Animated tooltip","d":"Here is animated tooltip component","s":"21st","c":"overlays/tooltip","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/animated-tooltip/default/preview.1772709544969.png","pc":"shadcnspace","tg":["team","tooltip"]},{"id":"21st:shadcnspace__apple-dock","t":"Apple dock","d":"Here is apple dock component","s":"21st","c":"navigation/dock","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/apple-dock/default/preview.1772800397596.png","pc":"shadcnspace","tg":["dock"]},{"id":"21st:shadcnspace__auto-growing-textarea","t":"Auto growing textarea","d":"Here is auto growing textarea component","s":"21st","c":"inputs/textarea","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/auto-growing-textarea/default/preview.1772711337821.png","pc":"shadcnspace","tg":["form","input","textarea"]},{"id":"21st:shadcnspace__avatar-badge","t":"Avatar badge","d":"Here is avatar badge component.","s":"21st","c":"data-display/badge","a":"shadcnspace","u":10,"pl":"https://cdn.21st.dev/larsen66/avatar-badge/default/preview.1773068104573.png","pc":"shadcnspace","tg":["badge","avatar"],"sb":"User"},{"id":"21st:shadcnspace__avatar-border","t":"Avatar border","d":"Here is avatar border component","s":"21st","c":"data-display/avatar","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/avatar-border/default/preview.1773068709168.png","pc":"shadcnspace","tg":["badge","avatar","border","profile"]},{"id":"21st:shadcnspace__avatar-one","t":"Avatar one","d":"Here is avatar component.","s":"21st","c":"data-display/avatar","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/avatar-one/default/preview.1773067254355.png","pc":"shadcnspace","tg":["avatar","profile"]},{"id":"21st:shadcnspace__basic","t":"Basic","d":"Here is basic spinning text component","s":"21st","c":"status/loader","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/basic/default/preview.1772718378885.png","pc":"shadcnspace","sb":"Spinners"},{"id":"21st:shadcnspace__breadcrumb-01","t":"Breadcrumb 01","d":"A compact breadcrumb navigation with a rounded pill container, a home icon, and chevron separators for showing the current page path.","s":"21st","c":"assets/icon","a":"shadcnspace","u":4,"pl":"https://cdn.21st.dev/shadcnspace/breadcrumb-01/default/preview.1784392202187-5090169a-f4ac-491a-b977-9dc3c0530056.png","pc":"shadcnspace","tg":["icon","navigation-menu"]},{"id":"21st:shadcnspace__button-save","t":"Button save","d":"Here is button save component.","s":"21st","c":"actions/button","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/button-save/default/preview.1773081261504.png","pc":"shadcnspace","tg":["button"]},{"id":"21st:shadcnspace__button-witn-icon","t":"Button witn icon","d":"Here is button with icon","k":"resource","s":"21st","c":"assets/icon","a":"shadcnspace","u":174,"pl":"https://cdn.21st.dev/larsen66/button-witn-icon/default/preview.1773070936480.png","pc":"shadcnspace","tg":["button","icon"]},{"id":"21st:shadcnspace__carousel-07","t":"Carousel 07","d":"An interactive draggable carousel that fans out cards with rotation, overlap, and depth scaling for showcasing images or destinations.","s":"21st","c":"media/carousel","a":"shadcnspace","u":14,"pl":"https://cdn.21st.dev/shadcnspace/carousel-07/default/preview.1784795885529-ef799f4e-a0c5-4169-948e-980637846a73.png","pc":"shadcnspace","tg":["carousel","gallery","slider"]},{"id":"21st:shadcnspace__contemt-tooltip","t":"Contemt tooltip","d":"Here is content tooltip component","s":"21st","c":"overlays/tooltip","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/contemt-tooltip/default/preview.1772653694817.png","pc":"shadcnspace","tg":["tooltip"]},{"id":"21st:shadcnspace__custom-colors","t":"Custom colors","d":"Here is custom colors component","s":"21st","c":"actions/switch","a":"shadcnspace","u":18,"pl":"https://cdn.21st.dev/larsen66/custom-colors/default/preview.1772718048708.png","pc":"shadcnspace","tg":["form","toggle"],"sb":"With labels"},{"id":"21st:shadcnspace__default","t":"Default","d":"Here is according default component","s":"21st","c":"data-display/accordion","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/default/default/preview.1772723626374.png","pc":"shadcnspace","tg":["accordion"]},{"id":"21st:shadcnspace__download-01","t":"Download 01","d":"A responsive download section with cards for every platform — iOS, Android, web, desktop, and browser extensions — so users can quickly grab the right app.","k":"section","s":"21st","c":"marketing/features","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/download-01/default/preview.1784459369976-065fddad-a983-4a58-abe9-4c9131b28a78.png","pc":"shadcnspace","tg":["features"],"sb":"Grid of cards"},{"id":"21st:shadcnspace__error-tooltip","t":"Error tooltip","s":"21st","c":"overlays/tooltip","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/error-tooltip/default/preview.1772647669362.png","pc":"shadcnspace","tg":["tooltip"]},{"id":"21st:shadcnspace__fallback-avatar-one","t":"Fallback avatar one","d":"Here is fallback avatar component.","s":"21st","c":"data-display/avatar","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/fallback-avatar-one/default/preview.1773070977965.png","pc":"shadcnspace","tg":["avatar","profile"]},{"id":"21st:shadcnspace__feature-01","t":"Feature 01","d":"A feature section pairing a highlighted customer testimonial with a grid of benefit cards to showcase social proof and key product advantages on SaaS or product pages.","k":"section","s":"21st","c":"marketing/features","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/feature-01/default/preview.1784817182362-deacfd7c-9b73-4269-b67c-fba3f8d22500.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__feedback-textarea","t":"Feedback textarea","d":"Here is feedback textarea component","s":"21st","c":"inputs/textarea","a":"shadcnspace","u":11,"pl":"https://cdn.21st.dev/larsen66/feedback-textarea/default/preview.1772710052310.png","pc":"shadcnspace","tg":["textarea"]},{"id":"21st:shadcnspace__figma-file-button","t":"Figma file button","d":"Here is Figma file button component","s":"21st","c":"actions/button","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/figma-file-button/default/preview.1773078067204.png","pc":"shadcnspace","tg":["button"]},{"id":"21st:shadcnspace__footer-01","t":"Footer 01","d":"A clean multi-column footer section with brand summary, sitemap links, legal pages, contact details, and social icons for agency and business websites.","k":"section","s":"21st","c":"marketing/footer","a":"shadcnspace","u":10,"pl":"https://cdn.21st.dev/shadcnspace/footer-01/default/preview.1784818505149-ed0e668f-bd79-4049-afa0-9f56f7faeba1.png","pc":"shadcnspace","tg":["footer","link","navigation-menu"]},{"id":"21st:shadcnspace__footer-02","t":"Footer 02","d":"A dark-themed website footer with newsletter email signup, a strong contact call-to-action, navigation links, and a copyright notice.","k":"section","s":"21st","c":"marketing/footer","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/footer-02/default/preview.1784817129749-5e7d1f30-5e38-4e39-abe5-477372660855.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__heartbeat-effect-button","t":"Heartbeat effect button","d":"Here is button with heartbeat effect component","s":"21st","c":"actions/button","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/heartbeat-effect-button/default/preview.1773075908918.png","pc":"shadcnspace","sb":"Copy, share and like"},{"id":"21st:shadcnspace__hover-blog-card","t":"Hover blog card","d":"Here is hover blog component","k":"section","s":"21st","c":"marketing/marketing","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/hover-blog-card/default/preview.1772709004072.png","pc":"shadcnspace","tg":["tooltip"],"sb":"Blog and posts"},{"id":"21st:shadcnspace__marquee-01","t":"Marquee 01","d":"A scrolling testimonials marquee with two rows of review cards moving in opposite directions and edge fade gradients.","k":"motion","s":"21st","c":"motion/marquee","a":"shadcnspace","u":10,"pl":"https://cdn.21st.dev/shadcnspace/marquee-01/default/preview.1784150693674.png","pc":"shadcnspace","tg":["marquee","testimonials"]},{"id":"21st:shadcnspace__number-ticker-01","t":"Number ticker 01","d":"An animated count-up number that smoothly tickers from a start value to an end value, with optional prefix, suffix and decimal formatting.","k":"motion","s":"21st","c":"motion/number-ticker","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/number-ticker-01/default/preview.1784793659157-90145455-10a7-48b5-8d15-cd7d5bccf1bc.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__number-ticker-02","t":"Number ticker 02","d":"An animated currency counter that smoothly rolls between values for displaying prices, balances, or real-time financial figures.","k":"motion","s":"21st","c":"motion/number-ticker","a":"shadcnspace","u":3,"pl":"https://cdn.21st.dev/shadcnspace/number-ticker-02/default/preview.1784794408484-f4da32ff-d54a-47ea-aa22-733d21a90050.png","pc":"shadcnspace","tg":["pricing-section"]},{"id":"21st:shadcnspace__number-ticker-04","t":"Number ticker 04","d":"An animated percentage counter that shifts color and swaps direction icons to signal positive or negative growth trends, ideal for KPIs, stock changes, and quarterly metrics.","k":"motion","s":"21st","c":"motion/number-ticker","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/number-ticker-04/default/preview.1784832147107-b3b0d6c2-224e-4fed-b07a-d565ad6e3a5c.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__number-ticker-05","t":"Number ticker 05","d":"An animated statistics counter that displays large numbers clearly with a live \"active\" pulse indicator, ideal for user counts, page views, or total downloads.","k":"motion","s":"21st","c":"motion/number-ticker","a":"shadcnspace","u":15,"pl":"https://cdn.21st.dev/shadcnspace/number-ticker-05/default/preview.1784794990098-b4f1e487-235c-4cb0-85a2-71b9e3b35eaa.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__orbiting-circles-02","t":"Orbiting circles 02","d":"Full-display orbiting rings of integration icons circling a center particle globe rendered on canvas.","k":"motion","s":"21st","c":"motion/globe","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/orbiting-circles-02/default/preview.1783572470221.png","pc":"shadcnspace","tg":["globe"]},{"id":"21st:shadcnspace__outline-with-icon","t":"Outline with icon","d":" Here is outline with icon component.","s":"21st","c":"assets/icon","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/outline-with-icon/default/preview.1773094037643.png","pc":"shadcnspace","sb":"Styled sets"},{"id":"21st:shadcnspace__pricing-01","t":"Pricing 01","d":"A two-tier pricing section with feature comparison, highlighted plan cards, and animated call-to-action buttons for SaaS and startup landing pages.","k":"section","s":"21st","c":"marketing/pricing","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/pricing-01/default/preview.1784817164368-abfbbd53-953e-47b3-b717-fa87db04417c.png","pc":"shadcnspace","tg":["pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:shadcnspace__progress-02","t":"Progress 02","d":"An onboarding progress tracker with a step counter, percentage completion bar, and back/next navigation buttons.","s":"21st","c":"data-viz/progress-bar","a":"shadcnspace","u":4,"pl":"https://cdn.21st.dev/shadcnspace/progress-02/default/preview.1783694619073.png","pc":"shadcnspace","tg":["onboarding","progress","steps"]},{"id":"21st:shadcnspace__progress-03","t":"Progress 03","d":"A compact skills overview card with color-coded, animated progress bars and an entrance fill effect.","s":"21st","c":"data-viz/progress-bar","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/progress-03/default/preview.1784436996863-3a5608b4-bb20-41a5-99a1-198c4d94975e.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__radio-group-animated","t":"Radio group animated","d":"Here is radio group animated component","s":"21st","c":"inputs/radio","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/radio-group-animated/default/preview.1772720592984.png","pc":"shadcnspace","tg":["radio-group"]},{"id":"21st:shadcnspace__radio-group-card-vertical-demo","t":"Radio group card vertical demo","d":" Here is radio group card vertical demo component","s":"21st","c":"data-display/card","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/radio-group-card-vertical-demo/default/preview.1772722029788.png","pc":"shadcnspace","tg":["radio-group"]},{"id":"21st:shadcnspace__radio-group-colors-demo","t":"Radio group colors demo","d":"Here is radio croup colors component","s":"21st","c":"inputs/radio","a":"shadcnspace","u":11,"pl":"https://cdn.21st.dev/larsen66/radio-group-colors-demo/default/preview.1772721331010.png","pc":"shadcnspace","tg":["form","radio-group"]},{"id":"21st:shadcnspace__radio-group-dashed-demo","t":"Radio group dashed demo","d":"Here is radio group dashed ccomponent","s":"21st","c":"inputs/radio","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/radio-group-dashed-demo/default/preview.1772722261252.png","pc":"shadcnspace","tg":["radio-group"]},{"id":"21st:shadcnspace__radio-group-list","t":"Radio group list","s":"21st","c":"inputs/radio","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/radio-group-list/default/preview.1772722542760.png","pc":"shadcnspace","tg":["list","pricing-section","radio-group"]},{"id":"21st:shadcnspace__radio-group-with-plan-cards","t":"Radio group with plan cards","d":"Here is  radio group with plan cards component","s":"21st","c":"inputs/radio","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/radio-group-with-plan-cards/default/preview.1772721652949.png","pc":"shadcnspace","tg":["pricing-section","radio-group"]},{"id":"21st:shadcnspace__required-textarea","t":"Required textarea","d":"Here is required textarea component","s":"21st","c":"inputs/textarea","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/required-textarea/default/preview.1772710782447.png","pc":"shadcnspace","tg":["textarea"]},{"id":"21st:shadcnspace__rounded-tooltip","t":"Rounded tooltip","d":"Here is a  rounded tooltip component","s":"21st","c":"overlays/tooltip","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/rounded-tooltip/default/preview.1772651823654.png","pc":"shadcnspace","tg":["tooltip"]},{"id":"21st:shadcnspace__scroll-area-01","t":"Scroll area 01","d":"A scrollable file explorer list with type icons, size badges, sticky column headers, and a custom scroll area.","k":"layout","s":"21st","c":"layout/scroll-area","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/scroll-area-01/default/preview.1784413866728-a6036ce0-e280-4ca4-a28c-d9ae3c83540c.png","pc":"shadcnspace","tg":["file-tree","scroll-area"]},{"id":"21st:shadcnspace__scroll-area-03","t":"Scroll area 03","d":"A vertically scrollable image gallery with soft fade-mask edges, built on shadcn ScrollArea to showcase a portfolio of images in a compact column.","k":"layout","s":"21st","c":"layout/scroll-area","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/scroll-area-03/default/preview.1784719317590-80d79e60-7650-42e7-8a7f-d8a4e70b574c.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__services-02","t":"Services 02","d":"An interactive services section with a hoverable list that swaps a visual preview and reveals the active service's description, ideal for agency and portfolio pages.","k":"section","s":"21st","c":"marketing/features","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/services-02/default/preview.1784685495861-4d3c3d29-3b34-4d25-9436-584ebc9ab952.png","pc":"shadcnspace","sb":"Lists"},{"id":"21st:shadcnspace__shadcn-accordion","t":"Shadcn accordion","d":"Accordions are one of those components you don’t think much about until your page gets too long. When used well, they make content easier to scan, reduce visual noise, and help use","s":"21st","c":"data-display/accordion","a":"shadcnspace","u":29,"pl":"https://cdn.21st.dev/shadcnspace/shadcn-accordion/default/preview.1772202660921.png","pc":"shadcnspace","tg":["accordion","list"]},{"id":"21st:shadcnspace__shine-border","t":"Shine border","d":"Here is shine border component","k":"motion","s":"21st","c":"motion/border","a":"shadcnspace","u":84,"pl":"https://cdn.21st.dev/larsen66/shine-border/default/preview.1772718920491.png","pc":"shadcnspace","tg":["border","pricing-section"]},{"id":"21st:shadcnspace__shine-border-02","t":"Shine border 02","d":"An animated card wrapped in a laser-scanner shine border with a vertical gradient sweep, styled as an identity-verification security card.","k":"motion","s":"21st","c":"motion/border","a":"shadcnspace","u":12,"pl":"https://cdn.21st.dev/shadcnspace/shine-border-02/default/preview.1784482557563-8dd834f4-99ed-4bac-bbc7-8598e90950a5.png","pc":"shadcnspace","tg":["profile"]},{"id":"21st:shadcnspace__shine-border-04","t":"Shine border 04","d":"An animated conic-gradient shine border wrapping a business stats dashboard card with live metrics and a call-to-action button.","k":"motion","s":"21st","c":"motion/border","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/shine-border-04/default/preview.1784402601573-8aa63fe9-dcfb-4aa8-9e0e-f6e1410f65a1.png","pc":"shadcnspace","tg":["border","stat"]},{"id":"21st:shadcnspace__shine-hover","t":"Shine hover","d":"Here is shine hover botton","s":"21st","c":"actions/button","a":"shadcnspace","u":30,"pl":"https://cdn.21st.dev/larsen66/shine-hover/default/preview.1773072742427.png","pc":"shadcnspace","tg":["button"],"sb":"Animated"},{"id":"21st:shadcnspace__skeleton-03","t":"Skeleton 03","d":"An animated list loading skeleton with a title bar, icon-and-text rows, and badge placeholders that stagger a fade-up when scrolled into view.","s":"21st","c":"status/skeleton","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/skeleton-03/default/preview.1784786101930-e0befd59-2ee3-426c-aeed-0344cef2ae41.png","pc":"shadcnspace","tg":["list","spinner"]},{"id":"21st:shadcnspace__social-icon","t":"Social icon","d":"Here is social icon button","k":"resource","s":"21st","c":"assets/icon","a":"shadcnspace","u":23,"pl":"https://cdn.21st.dev/larsen66/social-icon/default/preview.1773079192877.png","pc":"shadcnspace","tg":["link"]},{"id":"21st:shadcnspace__sonner-05","t":"Sonner 05","d":"A custom Sonner toast notification that displays repository sync status with branch info and action buttons.","s":"21st","c":"overlays/toast","a":"shadcnspace","st":"rated","pl":"https://cdn.21st.dev/shadcnspace/sonner-05/default/preview.1783695087058.png","pc":"shadcnspace","tg":["notification","toast"],"sc":24},{"id":"21st:shadcnspace__spinner-07","t":"Spinner 07","d":"An animated loading spinner with a pulsing central core and an orbiting satellite dot circling a faint ring.","s":"21st","c":"status/loader","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/spinner-07/default/preview.1784785430677-6077cc2c-d805-414f-9760-0c91d2fa1c4a.png","pc":"shadcnspace","sb":"Spinners"},{"id":"21st:shadcnspace__spinner-08","t":"Spinner 08","d":"A clock-style loading spinner with a rotating ring and a marker arm that completes a full rotation.","s":"21st","c":"status/loader","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/spinner-08/default/preview.1784784304925-59b95b32-9af7-43de-ab15-49b1fc125fe2.png","pc":"shadcnspace","sb":"Spinners"},{"id":"21st:shadcnspace__spinner-09","t":"Spinner 09","d":"A loading spinner with concentric expanding circular waves that create a ripple effect.","s":"21st","c":"status/loader","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/spinner-09/default/preview.1784784974455-55d40e52-66bf-4352-8983-6a49f6c59ceb.png","pc":"shadcnspace","sb":"Spinners"},{"id":"21st:shadcnspace__spinning-text-02","t":"Spinning text 02","d":"Circular text that rotates around a centered icon and speeds up on hover, useful for badges, seals, and hero accents.","k":"motion","s":"21st","c":"motion/text-effect","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/spinning-text-02/default/preview.1784772486481-79d3a158-0012-473a-abe6-594a458b64a6.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__statistics-01","t":"Statistics 01","d":"A compact statistics section with KPI cards showing earnings, expenses, weekly sales, and orders for admin dashboards.","s":"21st","c":"data-display/stat","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/statistics-01/default/preview.1784685547678-8fef0468-560d-4adb-b85c-ae6833ee135d.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__statistics-02","t":"Statistics 02","d":"A horizontal KPI bar showing orders, sales, profit, and expenses with weekly change badges for at-a-glance dashboard monitoring.","s":"21st","c":"data-display/stat","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/statistics-02/default/preview.1784685474715-04fe71bf-935d-417f-9950-9e7193108afe.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__testimonial-01","t":"Testimonial 01","d":"A bento-grid testimonial section combining customer quotes, imagery, and a performance stat to showcase social proof and build trust on marketing or agency websites.","k":"section","s":"21st","c":"marketing/testimonials","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/testimonial-01/default/preview.1784817145625-78e24c19-35c8-44f9-aa6a-b21a6b21bf4a.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__textarea-with-button","t":"Textarea with button","d":"Here is textarea with button component","s":"21st","c":"inputs/textarea","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/textarea-with-button/default/preview.1772711125378.png","pc":"shadcnspace","tg":["textarea"]},{"id":"21st:shadcnspace__textarea-with-characters-left","t":"Textarea with characters left","d":"Here is textarea with characters left component","s":"21st","c":"inputs/textarea","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/textarea-with-characters-left/default/preview.1772711593047.png","pc":"shadcnspace","tg":["textarea"]},{"id":"21st:shadcnspace__textarea-with-floating-label","t":"Textarea with floating label","d":"Here is textarea with floating label component","s":"21st","c":"inputs/textarea","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/textarea-with-floating-label/default/preview.1772711842153.png","pc":"shadcnspace","tg":["textarea"]},{"id":"21st:shadcnspace__textarea-with-icon","t":"Textarea with icon","d":"Here is textarea with icon component","s":"21st","c":"assets/icon","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/textarea-with-icon/default/preview.1772710498004.png","pc":"shadcnspace","tg":["icon","textarea"]},{"id":"21st:shadcnspace__toggle-theme","t":"Toggle theme","d":"Here is toogle theme component.","s":"21st","c":"actions/switch","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/toggle-theme/default/preview.1772714875655.png","pc":"shadcnspace","tg":["icon","toggle"],"sb":"Theme toggles"},{"id":"21st:shadcnspace__tooltip-position","t":"Tooltip position","d":"Here is tooltip position component","s":"21st","c":"overlays/tooltip","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/tooltip-position/default/preview.1772650656197.png","pc":"shadcnspace","tg":["tooltip"]},{"id":"21st:shadcnspace__with-description","t":"With description","d":"Here is description component","s":"21st","c":"actions/switch","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/with-description/default/preview.1772717137458.png","pc":"shadcnspace","tg":["toggle"],"sb":"With labels"},{"id":"21st:shadcnspace__with-icon","t":"With icon","d":"Here is notifications component","k":"resource","s":"21st","c":"assets/icon","a":"shadcnspace","pl":"https://cdn.21st.dev/larsen66/with-icon/default/preview.1772714642036.png","pc":"shadcnspace","tg":["notification","toggle"]},{"id":"21st:shadcnspace__with-label","t":"With label","d":"Here is label component","s":"21st","c":"inputs/form-field","a":"shadcnspace","u":4,"pl":"https://cdn.21st.dev/larsen66/with-label/default/preview.1772717438204.png","pc":"shadcnspace","sb":"Animated fields"},{"id":"21st:shadcnstore__cta-section-2","t":"Cta section 2","d":"A centered call-to-action section with a heading, email subscribe input, and a stack of member avatars with social proof.","k":"section","s":"21st","c":"marketing/cta","a":"shadcnstore","u":28,"pl":"https://cdn.21st.dev/shadcnstore/cta-section-2/default/preview.1783728537320.png","pc":"shadcnstore","tg":["cta"]},{"id":"21st:shadcnstore__cta-section-3","t":"Cta section 3","d":"A call-to-action marketing section with a headline, badge, action buttons, and resource cards for documentation and video tutorials.","k":"section","s":"21st","c":"marketing/cta","a":"shadcnstore","u":50,"pl":"https://cdn.21st.dev/shadcnstore/cta-section-3/default/preview.1783728595090.png","pc":"shadcnstore","tg":["cta"]},{"id":"21st:shadcnstore__error-page-1","t":"Error page 1","d":"A responsive 404 error page with an illustration, heading, and call-to-action buttons.","k":"page","s":"21st","c":"pages/templates","a":"shadcnstore","pl":"https://cdn.21st.dev/shadcnstore/error-page-1/default/preview.1783730097837.png","pc":"shadcnstore","tg":["empty-state"],"sb":"Error and status pages"},{"id":"21st:shadcnstore__error-page-2","t":"Error page 2","d":"A responsive full-screen 404 error page with a split layout, logo, message, back-home button, and side image.","k":"page","s":"21st","c":"pages/templates","a":"shadcnstore","u":8,"pl":"https://cdn.21st.dev/shadcnstore/error-page-2/default/preview.1783730695954.png","pc":"shadcnstore","tg":["empty-state"],"sb":"Error and status pages"},{"id":"21st:shadcnstore__feature-1","t":"Feature 1","d":"A responsive feature section with a badge heading, a four-column grid of icon cards, and a call-to-action button for marketing and product pages.","k":"section","s":"21st","c":"marketing/features","a":"shadcnstore","pl":"https://cdn.21st.dev/shadcnstore/feature-1/default/preview.1785099953861-0c006d62-4c8b-482b-9820-a9c00da26f97.png","pc":"shadcnstore"},{"id":"21st:shadcnstore__feature-2","t":"Feature 2","d":"A two-column feature section with a headline, icon-based benefit list, and an accompanying image, ideal for marketing landing pages.","k":"section","s":"21st","c":"marketing/features","a":"shadcnstore","pl":"https://cdn.21st.dev/shadcnstore/feature-2/default/preview.1785099268978-8cbd6401-935b-46a7-8c07-382935a55aa3.png","pc":"shadcnstore"},{"id":"21st:shadcnstore__login-page-1","t":"Login page 1","d":"A responsive centered login page card with email and password fields, remember-me, forgot password, and social sign-in buttons.","s":"21st","c":"flows/sign-in","a":"shadcnstore","u":4,"pl":"https://cdn.21st.dev/shadcnstore/login-page-1/default/preview.1784362050056-c400adaf-13da-4761-b8ac-1519a869869a.png","pc":"shadcnstore","tg":["checkbox","sign-in"],"sb":"Sign up"},{"id":"21st:shadcnstore__pricing-section-1","t":"Pricing section 1","d":"A responsive three-tier pricing section with feature lists, a highlighted popular plan, and call-to-action buttons.","k":"section","s":"21st","c":"marketing/pricing","a":"shadcnstore","u":28,"pl":"https://cdn.21st.dev/shadcnstore/pricing-section-1/default/preview.1784356771757-64366fdc-6655-4c48-9e96-7848b43dbcd4.png","pc":"shadcnstore","tg":["cta","pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:shadcnui-blocks__breadcrumb-10","t":"Breadcrumb 10","d":"A breadcrumb navigation whose current page is highlighted as a rounded badge, using chevron separators between links.","s":"21st","c":"navigation/breadcrumb","a":"shadcnui-blocks","u":4,"pl":"https://cdn.21st.dev/shadcnui-blocks/breadcrumb-10/default/preview.1784661066302-5871bb0b-a165-481e-a76d-7491d080120a.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__breadcrumb-11","t":"Breadcrumb 11","d":"A breadcrumb navigation where each item is rendered as a rounded badge pill with chevron separators.","s":"21st","c":"navigation/breadcrumb","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/breadcrumb-11/default/preview.1784710145779-9bc16e4b-10dc-40b3-813e-ef1600c3a8ef.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__breadcrumb-13","t":"Breadcrumb 13","d":"A breadcrumb navigation trail with one segment rendered as a dropdown menu of related links.","s":"21st","c":"navigation/breadcrumb","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/breadcrumb-13/default/preview.1784826555386-e30f3d6a-d36b-44ae-8510-7f22e3bf0e8f.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__breadcrumb-15","t":"Breadcrumb 15","d":"A breadcrumb navigation that displays a horizontal sequence of icon steps connected by short lines to show progress through a multi-stage flow.","s":"21st","c":"navigation/breadcrumb","a":"shadcnui-blocks","u":4,"pl":"https://cdn.21st.dev/shadcnui-blocks/breadcrumb-15/default/preview.1784768751269-7018b15a-3e2e-482b-ac04-37a274bc1ea0.png","pc":"shadcnui-blocks","tg":["navigation-menu","progress"]},{"id":"21st:shadcnui-blocks__cta-04","t":"Cta 04","d":"A centered call-to-action section with a headline, supporting text, a primary button, and a side illustration on a subtly patterned card.","k":"section","s":"21st","c":"marketing/cta","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/cta-04/default/preview.1784790875968-adf8113b-a894-4772-b190-44f83a6e355f.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__empty-state-01","t":"Empty state 01","d":"An empty state placeholder inside a card that prompts users to create or import their first item with icon, title, description, and action buttons.","s":"21st","c":"data-display/empty-state","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/empty-state-01/default/preview.1783730693747.png","pc":"shadcnui-blocks","tg":["empty-state"]},{"id":"21st:shadcnui-blocks__empty-state-02","t":"Empty state 02","d":"An empty state placed inside a data table that prompts users to create or import their first invoice.","s":"21st","c":"data-display/empty-state","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/empty-state-02/default/preview.1783730813924.png","pc":"shadcnui-blocks","tg":["empty-state"]},{"id":"21st:shadcnui-blocks__empty-state-03","t":"Empty state 03","d":"An empty state block with tabs for invoices, payments, and subscriptions, each showing an icon, message, and call-to-action buttons.","s":"21st","c":"data-display/empty-state","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/empty-state-03/default/preview.1784385403227-81b64fd3-5e58-48eb-b0d4-491072759804.png","pc":"shadcnui-blocks","tg":["empty-state","tabs"]},{"id":"21st:shadcnui-blocks__empty-state-04","t":"Empty state 04","d":"An empty state block showing a vertically scrolling marquee of skeleton rows with a title, description, and create/import action buttons for when no data exists yet.","s":"21st","c":"data-display/empty-state","a":"shadcnui-blocks","u":92,"pl":"https://cdn.21st.dev/shadcnui-blocks/empty-state-04/default/preview.1783732164200.png","pc":"shadcnui-blocks","tg":["empty-state","marquee"]},{"id":"21st:shadcnui-blocks__features-03","t":"Features 03","d":"A responsive features section with two capability cards, icon-led bullet points, call-to-action buttons, and media placeholders.","k":"section","s":"21st","c":"marketing/features","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/features-03/default/preview.1785101827231-e4404ea8-6c5d-47c0-b9f0-881fee246082.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__features-11","t":"Features 11","k":"section","s":"21st","c":"marketing/features","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/features-11/default/preview.1785101862057-582c2cc4-5b0a-4887-9d76-63d6088f7241.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__integrations-02","t":"Integrations 02","d":"An integrations panel listing third-party tools and services, each with a favicon and a Connect button or Connected status badge.","k":"section","s":"21st","c":"marketing/logos","a":"shadcnui-blocks","u":10,"pl":"https://cdn.21st.dev/shadcnui-blocks/integrations-02/default/preview.1785100926227-9c3f0724-92ea-4d0e-a8ff-02944e76a378.png","pc":"shadcnui-blocks","tg":["list"]},{"id":"21st:shadcnui-blocks__logo-cloud-09","t":"Logo cloud 09","d":"A responsive grid of grayscale company logos to showcase the brands and teams that trust your product.","k":"section","s":"21st","c":"marketing/logos","a":"shadcnui-blocks","u":6,"pl":"https://cdn.21st.dev/shadcnui-blocks/logo-cloud-09/default/preview.1784769653105-53df3849-b80a-4260-b9e3-3d0cdc664997.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__logo-cloud-10","t":"Logo cloud 10","d":"A logo cloud section that displays company logos in a bordered responsive grid with dashed corner accents to show social proof.","k":"section","s":"21st","c":"marketing/logos","a":"shadcnui-blocks","u":3,"pl":"https://cdn.21st.dev/shadcnui-blocks/logo-cloud-10/default/preview.1784771274215-d3e5b1bc-d737-4f36-9007-adaf5d9b058a.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__logo-cloud-14","t":"Logo cloud 14","d":"A logo cloud section pairing a featured \"trusted by\" card with a call-to-action button and a responsive grid of company logos.","s":"21st","c":"assets/icon","a":"shadcnui-blocks","u":10,"pl":"https://cdn.21st.dev/shadcnui-blocks/logo-cloud-14/default/preview.1784770734183-3517f941-49a6-4890-bfad-a8e241bd710c.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__logo-cloud-15","t":"Logo cloud 15","d":"An animated logo cloud that scrolls brand logos in a marquee inside a bordered card with a glowing border beam and a light-sweep heading.","k":"section","s":"21st","c":"marketing/logos","a":"shadcnui-blocks","u":8,"pl":"https://cdn.21st.dev/shadcnui-blocks/logo-cloud-15/default/preview.1784771071872-5c1b0731-a748-4f06-b462-fd50657f883e.png","pc":"shadcnui-blocks","tg":["border","marquee"]},{"id":"21st:shadcnui-blocks__navigation-menu-01","t":"Navigation menu 01","d":"A horizontal navigation menu with a simple list of links for site-level navigation.","s":"21st","c":"navigation/top-nav","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/navigation-menu-01/default/preview.1784447638517-5b2ffa45-11b9-4f0f-9e8f-0ecf0878e2a5.png","pc":"shadcnui-blocks","tg":["menu","navigation-menu"],"sb":"Mega menus"},{"id":"21st:shadcnui-blocks__navigation-menu-02","t":"Navigation menu 02","d":"A horizontal navigation menu with an icon next to each link label.","s":"21st","c":"navigation/top-nav","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/navigation-menu-02/default/preview.1784409179095-7cf47d55-f236-401c-bb65-b8371d17d708.png","pc":"shadcnui-blocks","sb":"Mega menus"},{"id":"21st:shadcnui-blocks__navigation-menu-04","t":"Navigation menu 04","d":"A horizontal navigation menu with icon links where the current page is highlighted as the active item.","s":"21st","c":"navigation/top-nav","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/navigation-menu-04/default/preview.1784413872685-c73d620a-adbf-4ba1-9947-f91eb7630352.png","pc":"shadcnui-blocks","sb":"Mega menus"},{"id":"21st:shadcnui-blocks__navigation-menu-05","t":"Navigation menu 05","d":"A horizontal navigation menu with icons where the active and hovered items are highlighted by an animated underline.","s":"21st","c":"navigation/top-nav","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/navigation-menu-05/default/preview.1784468754723-cc2c299b-742f-4ad4-b723-2c7b90c3a6da.png","pc":"shadcnui-blocks","tg":["navigation-menu"],"sb":"Mega menus"},{"id":"21st:shadcnui-blocks__navigation-menu-06","t":"Navigation menu 06","d":"A feature-rich navigation menu with multi-column dropdown panels, icons, and descriptions for building site headers.","s":"21st","c":"navigation/top-nav","a":"shadcnui-blocks","u":6,"pl":"https://cdn.21st.dev/shadcnui-blocks/navigation-menu-06/default/preview.1784402589357-df36d659-aff3-4089-a586-8cf8af372849.png","pc":"shadcnui-blocks","tg":["dropdown","menu","navigation-menu"],"sb":"Mega menus"},{"id":"21st:shadcnui-blocks__not-found-02","t":"Not found 02","d":"A full-page 404 not found section with an oversized \"404\", a heading, a list of suggested links, and go-home/contact action buttons.","k":"page","s":"21st","c":"pages/templates","a":"shadcnui-blocks","u":4,"pl":"https://cdn.21st.dev/shadcnui-blocks/not-found-02/default/preview.1784817081685-721120f0-d5d8-4066-94f8-b19396db274c.png","pc":"shadcnui-blocks","sb":"Error and status pages"},{"id":"21st:shadcnui-blocks__not-found-04","t":"Not found 04","k":"page","s":"21st","c":"pages/templates","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/not-found-04/default/preview.1785099212513-81d53280-7ef3-4a57-a6d6-11dc0b7538ae.png","pc":"shadcnui-blocks","tg":["empty-state","search"],"sb":"Error and status pages"},{"id":"21st:shadcnui-blocks__not-found-06","t":"Not found 06","d":"A 404 not found page with a centered message and a grid of popular page cards linking to key sections.","k":"page","s":"21st","c":"pages/templates","a":"shadcnui-blocks","u":4,"pl":"https://cdn.21st.dev/shadcnui-blocks/not-found-06/default/preview.1784798983313-c40017e3-55ef-4094-a3ef-f523fc6366c3.png","pc":"shadcnui-blocks","sb":"Error and status pages"},{"id":"21st:shadcnui-blocks__pricing-04","t":"Pricing 04","d":"A three-tier pricing section with a monthly/yearly billing toggle, animated prices, a highlighted popular plan, and feature lists with helper tooltips.","k":"section","s":"21st","c":"marketing/pricing","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/pricing-04/default/preview.1785102608840-2ea55f9c-d6d7-4b0b-aa67-f6970019d856.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__pricing-08","t":"Pricing 08","d":"A three-tier pricing section with plan cards, feature lists, and a highlighted recommended plan.","k":"section","s":"21st","c":"marketing/pricing","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/pricing-08/default/preview.1785101279705-cb06fb33-064a-4544-8323-2befb9bb36fc.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__progress-10","t":"Progress 10","d":"A circular (radial) progress indicator rendered with SVG that supports custom ring colors, sizes, stroke widths, and a centered percentage label.","s":"21st","c":"data-viz/progress-bar","a":"shadcnui-blocks","u":6,"pl":"https://cdn.21st.dev/shadcnui-blocks/progress-10/default/preview.1785101261615-8cc65a05-ca1a-4285-9118-cd5d5eb006a7.png","pc":"shadcnui-blocks","tg":["progress"]},{"id":"21st:shadcnui-blocks__progress-12","t":"Progress 12","d":"A circular SVG progress indicator that lets you set independent stroke widths for the track and progress arc, plus an optional centered percentage label.","s":"21st","c":"data-viz/progress-bar","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/progress-12/default/preview.1785099227565-d7d37c51-d59b-4753-acaf-57936e9b8f66.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__testimonials-13","t":"Testimonials 13","d":"A testimonials section that scrolls customer quote cards with avatars and company logos in an auto-playing marquee that pauses on hover.","k":"section","s":"21st","c":"marketing/testimonials","a":"shadcnui-blocks","u":4,"pl":"https://cdn.21st.dev/shadcnui-blocks/testimonials-13/default/preview.1785100980327-6405d80e-774a-4f3f-a11b-537c49c0878b.png","pc":"shadcnui-blocks","tg":["carousel","marquee","testimonials"]},{"id":"21st:shahrukhaqiq2__aidashboard","t":"Aidashboard","d":"Futuristic VR headset dashboard with inward curved tabs, SVG spotlight lines, and glowing annotations","k":"layout","s":"21st","c":"layout/dashboard","a":"shahrukhaqiq2","pl":"https://21st.dev/@shahrukhaqiq2/components/aidashboard","pc":"shahrukhaqiq2"},{"id":"21st:shailendrakumar19999__404-page-not-found","t":"404 page not found","d":"this is for page not found","k":"page","s":"21st","c":"pages/templates","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/404-page-not-found/default/preview.1750671976361.png","pc":"shailendrakumar19999","tg":["empty-state"],"sb":"Error and status pages"},{"id":"21st:shailendrakumar19999__accordion","t":"Accordion","d":"This is Basic Accordion","s":"21st","c":"data-display/accordion","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/accordion/default/preview.1784923762544-fcdd8ef0-e194-4e72-9ce1-42f3b8a43258.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__animated-3d-card","t":"Animated 3d card","d":"This is animated 3D card","s":"21st","c":"data-display/card","a":"shailendrakumar19999","u":49,"pl":"https://cdn.21st.dev/shailendrakumar19999/animated-3d-card/default/preview.1750666507147.png","pc":"shailendrakumar19999","tg":["card","grid"],"sb":"Animated and glowing"},{"id":"21st:shailendrakumar19999__animated-button","t":"Animated button","d":"This is a fascinating animated button.","s":"21st","c":"actions/button","a":"shailendrakumar19999","u":50,"pl":"https://cdn.21st.dev/shailendrakumar19999/animated-button/default/preview.1750661119660.png","pc":"shailendrakumar19999","sb":"Animated"},{"id":"21st:shailendrakumar19999__animated-car","t":"Animated car","d":"This is animated car moving on road","s":"21st","c":"other","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/animated-car/default/preview.1755417155529.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__animated-shape","t":"Animated shape","d":"This is animated shape","k":"resource","s":"21st","c":"assets/shape","a":"shailendrakumar19999","u":8,"pl":"https://cdn.21st.dev/shailendrakumar19999/animated-shape/default/preview.1755943078348.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__autosize-textarea","t":"Autosize textarea","d":"This is auto size textarea","k":"motion","s":"21st","c":"motion/text-effect","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/autosize-textarea/default/preview.1760589738939.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__banner","t":"Banner","d":"This is banner","s":"21st","c":"overlays/alert-banner","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/banner/default/preview.1760585008570.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__button","t":"Button","d":"This is animated live button","s":"21st","c":"actions/button","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/button/default/preview.1755418833798.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__calling-card","t":"Calling card","d":"This is calling card","s":"21st","c":"data-display/card","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/calling-card/default/preview.1755429150534.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__contact-form","t":"Contact form","d":"This is contact form","k":"section","s":"21st","c":"marketing/marketing","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/contact-form/default/preview.1755252047617.png","pc":"shailendrakumar19999","sb":"Contact"},{"id":"21st:shailendrakumar19999__cosmic-plasma-web","t":"Cosmic plasma web","d":"A mesmerizing WebGL shader component that creates an animated cosmic plasma web with interconnected energy nodes, flowing particles, and organic movement. Built with OGL and React,","k":"motion","s":"21st","c":"motion/background","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/cosmic-plasma-web/default/preview.1785307057016-8b22da10-98f9-4451-b199-7a1aabe51aef.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__cta","t":"Cta","d":"This is CTA","k":"section","s":"21st","c":"marketing/cta","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/cta/default/preview.1755413176687.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__curve-text-loop","t":"Curve text loop","d":"This is curve text loop","k":"motion","s":"21st","c":"motion/text-effect","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/curve-text-loop/default/preview.1759464510265.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__dashboard-stats","t":"Dashboard stats","d":"This is dashboard stats","s":"21st","c":"data-display/stat","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/dashboard-stats/default/preview.1762163983178.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__date-picker","t":"Date picker","d":"This is date picker","s":"21st","c":"inputs/date-picker","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/date-picker/default/preview.1756565113287.png","pc":"shailendrakumar19999","tg":["calendar","date-picker","dropdown","form"]},{"id":"21st:shailendrakumar19999__faq","t":"Faq","d":"This is modern FAQ ","k":"section","s":"21st","c":"marketing/faq","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/faq/default/preview.1755253666545.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__firework","t":"Firework","d":"This is firework","s":"21st","c":"other","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/firework/default/preview.1756192022314.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__fixed-bottom-navigation","t":"Fixed bottom navigation","d":"This is fixed bottom navigation","s":"21st","c":"navigation/top-nav","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/fixed-bottom-navigation/default/preview.1757572889652.png","pc":"shailendrakumar19999","sb":"Mega menus"},{"id":"21st:shailendrakumar19999__flip-card","t":"Flip card","d":"this is flip card","s":"21st","c":"data-display/card","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/flip-card/default/preview.1751014476094.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__form","t":"Form","d":"This is bio form","s":"21st","c":"inputs/form-field","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/form/default/preview.1760590207556.png","pc":"shailendrakumar19999","sb":"Whole forms"},{"id":"21st:shailendrakumar19999__hero","t":"Hero","d":"This is animated hero section","k":"section","s":"21st","c":"marketing/hero","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/hero/default/preview.1755422292296.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__hero-1","t":"Hero 1","d":"This is hero","k":"section","s":"21st","c":"marketing/hero","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/hero-1/default/preview.1759050922693.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__hero-section","t":"Hero section","d":"This is hero section","k":"section","s":"21st","c":"marketing/hero","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/hero-section/default/preview.1759050157329.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__hexagon-background","t":"Hexagon background","d":"This is hexagon background animation","k":"motion","s":"21st","c":"motion/background","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/hexagon-background/default/preview.1756193774059.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__kanban","t":"Kanban","s":"21st","c":"data-display/kanban","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/kanban/default/preview.1751006189028.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__landing","t":"Landing","d":"This is landing page.","s":"21st","c":"marketing","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/landing/default/preview.1755249136118.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__landing-page","t":"Landing page","d":"this is landing page","k":"page","s":"21st","c":"pages/templates","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/landing-page/default/preview.1752921175162.png","pc":"shailendrakumar19999","sb":"Landing pages"},{"id":"21st:shailendrakumar19999__loding","t":"Loding","d":"This is loading","s":"21st","c":"status/loader","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/loding/default/preview.1755419823731.png","pc":"shailendrakumar19999","tg":["spinner"],"sb":"Spinners"},{"id":"21st:shailendrakumar19999__map","t":"Map","d":"Connect with teams and clients worldwide. Our platform enables seamless collaboration across continents, bringing the world to your workspace.","s":"21st","c":"data-viz/map","a":"shailendrakumar19999","u":488,"pl":"https://cdn.21st.dev/shailendrakumar19999/map/default/preview.1755768664809.png","pc":"shailendrakumar19999","tg":["map"]},{"id":"21st:shailendrakumar19999__menu","t":"Menu","d":"This is Basic menu","s":"21st","c":"navigation/menu","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/menu/default/preview.1756482479688.png","pc":"shailendrakumar19999","tg":["dropdown","list","menu"],"sb":"Dropdowns"},{"id":"21st:shailendrakumar19999__newsletter-signup","t":"Newsletter signup","d":"This is news letter signup","s":"21st","c":"flows/sign-in","a":"shailendrakumar19999","u":5,"pl":"https://cdn.21st.dev/shailendrakumar19999/newsletter-signup/default/preview.1755360845165.png","pc":"shailendrakumar19999","sb":"Sign up"},{"id":"21st:shailendrakumar19999__sign-in","t":"Sign in","d":"this is sign","s":"21st","c":"flows/sign-in","a":"shailendrakumar19999","st":"rated","pl":"https://cdn.21st.dev/shailendrakumar19999/sign-in/default/preview.1756198333662.png","pc":"shailendrakumar19999","sc":20,"sb":"Sign in"},{"id":"21st:shailendrakumar19999__social-card","t":"Social card","d":"this is social card","k":"resource","s":"21st","c":"data-display/card","a":"shailendrakumar19999","u":105,"pl":"https://cdn.21st.dev/shailendrakumar19999/social-card/default/preview.1751008656492.png","pc":"shailendrakumar19999","tg":["carousel","link"]},{"id":"21st:shailendrakumar19999__stack-cards","t":"Stack cards","d":"This is stack cards","s":"21st","c":"data-display/card","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/stack-cards/default/preview.1757055933119.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__switch","t":"Switch","d":"this is switch","s":"21st","c":"actions/switch","a":"shailendrakumar19999","u":50,"pl":"https://cdn.21st.dev/shailendrakumar19999/switch/default/preview.1751011142219.png","pc":"shailendrakumar19999","tg":["toggle"]},{"id":"21st:shailendrakumar19999__table","t":"Table","d":"This is table with filder and sorting","s":"21st","c":"data-display/table","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/table/default/preview.1757577713020.png","pc":"shailendrakumar19999","tg":["checkbox","pagination","table"],"sb":"Expandable"},{"id":"21st:shailendrakumar19999__timeline","t":"Timeline","d":"this is timeline order  of delivery","s":"21st","c":"data-display/timeline","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/timeline/default/preview.1762163154508.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__tooltip","t":"Tooltip","d":"this is social tooltip","s":"21st","c":"overlays/tooltip","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/tooltip/default/preview.1751010426813.png","pc":"shailendrakumar19999"},{"id":"21st:shailendrakumar19999__transfer-items","t":"Transfer items","d":"This is Transfer Items Example","s":"21st","c":"data-display/list","a":"shailendrakumar19999","st":"rated","pl":"https://cdn.21st.dev/shailendrakumar19999/transfer-items/default/preview.1757054812184.png","pc":"shailendrakumar19999","sc":19},{"id":"21st:shailendrakumar19999__tree-folder-structure","t":"Tree folder structure","d":"This is tree folder structure","s":"21st","c":"data-display/tree","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/tree-folder-structure/default/preview.1756484398384.png","pc":"shailendrakumar19999","tg":["file-tree"]},{"id":"21st:shailendrakumar19999__user-profile","t":"User profile","d":"this is user profile","s":"21st","c":"data-display/profile","a":"shailendrakumar19999","pl":"https://cdn.21st.dev/shailendrakumar19999/user-profile/default/preview.1756982612209.png","pc":"shailendrakumar19999"},{"id":"21st:shalomeir__test-for-number","t":"Test for number","d":"hello 21st","s":"21st","c":"motion/number-ticker","a":"shalomeir","pl":"https://cdn.21st.dev/shalomeir/test-for-number/default/preview.1749456267463.png","pc":"shalomeir"},{"id":"21st:shehzammian919__a-retro-futuristic-maintenance-console","t":"A retro futuristic maintenance console","k":"page","s":"21st","c":"pages/templates","a":"shehzammian919","pl":"https://cdn.21st.dev/shehzammian919/a-retro-futuristic-maintenance-console/default/preview.1761306289114.png","pc":"shehzammian919","sb":"Error and status pages"},{"id":"21st:shehzammian919__quantum-pulse-loade","t":"Quantum pulse loade","d":"A sleek and modern loading indicator featuring a smooth, pulsating gradient bar that conveys a sense of sophisticated progress and anticipation. Ideal for premium applications and ","s":"21st","c":"data-viz/progress-bar","a":"shehzammian919","pl":"https://cdn.21st.dev/shehzammian919/quantum-pulse-loade/default/preview.1758805937505.png","pc":"shehzammian919"},{"id":"21st:shehzammian919__scheduled-maintenance-card","t":"Scheduled maintenance card","d":"A modern and responsive Scheduled Maintenance Card that displays real-time maintenance progress, status, and expected completion time. Includes animated text, progress bar, and use","k":"page","s":"21st","c":"pages/templates","a":"shehzammian919","pl":"https://cdn.21st.dev/shehzammian919/scheduled-maintenance-card/default/preview.1761567737449.png","pc":"shehzammian919","sb":"Error and status pages"},{"id":"21st:shengzhisang__button","t":"Button","d":"$35","s":"21st","c":"actions/button","a":"shengzhisang","pl":"https://cdn.21st.dev/shengzhisang/button/default/preview.1750393726930.png","pc":"shengzhisang"},{"id":"21st:shivendra9795kumar__bioluminescent-login","t":"Bioluminescent login","s":"21st","c":"flows/sign-in","a":"shivendra9795kumar","pl":"https://cdn.21st.dev/shivendra9795kumar/bioluminescent-login/default/preview.1771444427932.png","pc":"shivendra9795kumar","sb":"Sign in"},{"id":"21st:shivendra9795kumar__cinematic-image-showcase","t":"Cinematic image showcase","d":"A high-end, immersive hero component featuring a 3D parallax image card, refractive glass overlays, and dynamic typography. Designed for photography portfolios or studio landing pa","s":"21st","c":"media/gallery","a":"shivendra9795kumar","pl":"https://cdn.21st.dev/shivendra9795kumar/cinematic-image-showcase/default/preview.1770929138570.png","pc":"shivendra9795kumar"},{"id":"21st:shivendra9795kumar__footer","t":"Footer","d":"Built as a single TSX demo with no external CSS, this footer uses backdrop blur, subtle parallax motion, and GPU-friendly transforms to create a molten glass effect. Mouse-driven d","k":"section","s":"21st","c":"marketing/footer","a":"shivendra9795kumar","pl":"https://cdn.21st.dev/shivendra9795kumar/footer/default/preview.1770238786937.png","pc":"shivendra9795kumar"},{"id":"21st:shivendra9795kumar__halide-topo-hero","t":"Halide topo hero","d":"A monochrome 3D hero component with topographical parallax layers and film grain effects.","k":"section","s":"21st","c":"marketing/hero","a":"shivendra9795kumar","u":175,"pl":"https://cdn.21st.dev/shivendra9795kumar/halide-topo-hero/default/preview.1770239804676.png","pc":"shivendra9795kumar"},{"id":"21st:shivendra9795kumar__neural-access-login","t":"Neural access login","d":"A futuristic cyberpunk authentication interface featuring smooth animations, minimal monochrome styling, and immersive sci-fi aesthetics.","s":"21st","c":"flows/sign-in","a":"shivendra9795kumar","pl":"https://cdn.21st.dev/shivendra9795kumar/neural-access-login/default/preview.1782659931069.png","pc":"shivendra9795kumar","tg":["form","sign-in"],"sb":"Sign up"},{"id":"21st:shivendra9795kumar__oxide-loom-interface","t":"Oxide loom interface","s":"21st","c":"data-display/avatar","a":"shivendra9795kumar","pl":"https://cdn.21st.dev/shivendra9795kumar/oxide-loom-interface/default/preview.1771445260175.png","pc":"shivendra9795kumar"},{"id":"21st:shivendra9795kumar__thermal-roasting-landing-page","t":"Thermal roasting landing page","d":"A dark-themed, interactive landing page component. It features dynamic parallax mouse tracking, custom CSS geometry animations, a machined grid background, and a fully responsive l","k":"motion","s":"21st","c":"motion/background","a":"shivendra9795kumar","pl":"https://cdn.21st.dev/shivendra9795kumar/thermal-roasting-landing-page/default/preview.1771625938925.png","pc":"shivendra9795kumar"},{"id":"21st:shoota__header-navigation","t":"Header navigation","d":"A blog header bar with a title and an optional inline navigation menu that highlights the current page.","s":"21st","c":"navigation/top-nav","a":"shoota","pl":"https://cdn.21st.dev/shoota/header-navigation/default/preview.1784829963113-efae6206-963e-4ff4-9775-9cd5efd78b1b.png","pc":"shoota","sb":"Mega menus"},{"id":"21st:shoota__picture","t":"Picture","d":"A figure primitive that frames an image with a grayscale-to-color hover reveal and an overlaid caption, for blog and editorial reading layouts.","s":"21st","c":"media/gallery","a":"shoota","pl":"https://cdn.21st.dev/shoota/picture/default/preview.1784745268046-8e8c87b6-f672-413a-93f1-caac1a14c4c4.png","pc":"shoota","tg":["image"]},{"id":"21st:shrekonelovee__dfe","t":"Dfe","d":"Animated (ripple) ASCII art in the Contour style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"shrekonelovee","pl":"https://cdn.21st.dev/shrekonelovee/dfe/default/preview.1785786631500-58d26742-b538-4774-9b28-e1655b349090.webp","pc":"shrekonelovee","sb":"Contour"},{"id":"21st:shuding__cobe-globe","t":"Cobe globe","d":"A lightweight 5KB WebGL globe with markers, arcs, and CSS Anchor Positioning labels. Drag to rotate, with momentum physics.","k":"motion","s":"21st","c":"motion/globe","a":"shuding","pl":"https://cdn.21st.dev/reapollo/cobe-globe/default/preview.1774285308186.png","pc":"shuding","tg":["globe","map"]},{"id":"21st:shuding__cobe-globe-analytics","t":"Cobe globe analytics","d":"A WebGL globe with real-time visitor analytics badges. Numbers update live with trend arrows showing growth.","k":"motion","s":"21st","c":"motion/globe","a":"shuding","u":27,"pl":"https://cdn.21st.dev/reapollo/cobe-globe-analytics/default/preview.1774286131682.png","pc":"shuding","tg":["globe"]},{"id":"21st:shuding__cobe-globe-bars","t":"Cobe globe bars","d":"A WebGL globe with progress bar cards anchored to city markers showing completion percentages.","k":"motion","s":"21st","c":"motion/globe","a":"shuding","u":14,"pl":"https://cdn.21st.dev/reapollo/cobe-globe-bars/default/preview.1774286108409.png","pc":"shuding","tg":["data-visualization","globe","progress"]},{"id":"21st:shuding__cobe-globe-cdn","t":"Cobe globe cdn","d":"A Vercel-style WebGL globe with spinning 3D pyramid markers at edge regions and live traffic stats on arcs.","k":"motion","s":"21st","c":"motion/globe","a":"shuding","pl":"https://cdn.21st.dev/reapollo/cobe-globe-cdn/default/preview.1774286201227.png","pc":"shuding","tg":["data-visualization","globe","stat"]},{"id":"21st:shuding__cobe-globe-flights","t":"Cobe globe flights","d":"A WebGL globe with flight route arcs and airplane emoji markers positioned along the arc paths.","k":"motion","s":"21st","c":"motion/globe","a":"shuding","pl":"https://cdn.21st.dev/reapollo/cobe-globe-flights/default/preview.1774286079282.png","pc":"shuding","tg":["globe","map"]},{"id":"21st:shuding__cobe-globe-interactive","t":"Cobe globe interactive","d":"A WebGL globe with clickable markers that expand to show user counts. Click markers to toggle detail panels.","k":"motion","s":"21st","c":"motion/globe","a":"shuding","pl":"https://cdn.21st.dev/reapollo/cobe-globe-interactive/default/preview.1774286702970.png","pc":"shuding","tg":["globe"]},{"id":"21st:shuding__cobe-globe-labels","t":"Cobe globe labels","d":"A WebGL globe with colorful rotated text labels anchored to locations. Each label has a candy-like glossy style.","s":"21st","c":"inputs/form-field","a":"shuding","pl":"https://cdn.21st.dev/reapollo/cobe-globe-labels/default/preview.1774286176978.png","pc":"shuding","tg":["globe"],"sb":"Animated fields"},{"id":"21st:shuding__cobe-globe-live","t":"Cobe globe live","d":"A WebGL globe with live streaming badges showing real-time viewer counts at each marker location.","k":"motion","s":"21st","c":"motion/globe","a":"shuding","u":36,"pl":"https://cdn.21st.dev/reapollo/cobe-globe-live/default/preview.1774286620062.png","pc":"shuding","tg":["globe"]},{"id":"21st:shuding__cobe-globe-polaroids","t":"Cobe globe polaroids","d":"A WebGL globe with polaroid-style photo cards anchored to city markers. Photos rotate slightly for a scrapbook feel.","k":"motion","s":"21st","c":"motion/globe","a":"shuding","u":38,"pl":"https://cdn.21st.dev/reapollo/cobe-globe-polaroids/default/preview.1774286225080.png","pc":"shuding","tg":["gallery","globe"]},{"id":"21st:shuding__cobe-globe-pulse","t":"Cobe globe pulse","d":"A dark-themed WebGL globe with animated pulsing rings at marker locations. Concentric rings expand and fade out.","k":"motion","s":"21st","c":"motion/globe","a":"shuding","pl":"https://cdn.21st.dev/reapollo/cobe-globe-pulse/default/preview.1774286663059.png","pc":"shuding","tg":["globe"]},{"id":"21st:shuding__cobe-globe-satellites","t":"Cobe globe satellites","d":"A WebGL globe with satellite emoji markers orbiting at elevated positions above the surface.","k":"motion","s":"21st","c":"motion/globe","a":"shuding","pl":"https://cdn.21st.dev/reapollo/cobe-globe-satellites/default/preview.1774286055449.png","pc":"shuding","tg":["globe"]},{"id":"21st:shuding__cobe-globe-stickers","t":"Cobe globe stickers","d":"A WebGL globe with emoji stickers anchored to city markers. Stickers float and rotate as the globe spins.","k":"motion","s":"21st","c":"motion/globe","a":"shuding","pl":"https://cdn.21st.dev/reapollo/cobe-globe-stickers/default/preview.1774285950651.png","pc":"shuding","tg":["globe"]},{"id":"21st:shuding__cobe-globe-weather","t":"Cobe globe weather","d":"A WebGL globe with floating weather emoji markers across the world. Emojis gently bob up and down.","k":"motion","s":"21st","c":"motion/globe","a":"shuding","pl":"https://cdn.21st.dev/reapollo/cobe-globe-weather/default/preview.1774286031501.png","pc":"shuding","tg":["globe"]},{"id":"21st:shugar__avatar","t":"Avatar","d":"Avatars represent a user or a team. Stacked avatars represent a group of people","s":"21st","c":"data-display/avatar","a":"shugar","u":42,"pl":"https://cdn.21st.dev/user_2uAqrF8oLIpxBVD9ZqYRYLfhKZ1/avatar/default/preview.png","pc":"shugar","tg":["avatar","icon","profile","team"]},{"id":"21st:shugar__avatar-1","t":"Avatar 1","d":"Avatars represent a user or a team. Stacked avatars represent a group of people","s":"21st","c":"data-display/avatar","a":"shugar","u":22,"pl":"https://cdn.21st.dev/shugar/avatar-1/default/preview.1751970722799.png","pc":"shugar","tg":["badge","avatar","icon","profile"]},{"id":"21st:shugar__award-badge","t":"Award badge","d":"Product Hunt Badge\n\nInspired by https://gethorse.com/","s":"21st","c":"data-display/badge","a":"shugar","st":"rated","u":308,"pl":"https://cdn.21st.dev/user_shugar/award-badge/default/preview.png","pc":"shugar","tg":["badge"],"sc":14},{"id":"21st:shugar__book","t":"Book","d":"A responsive book component.","s":"21st","c":"inputs/textarea","a":"shugar","u":136,"pl":"https://cdn.21st.dev/shugar/book/default/preview.1751642846695.png","pc":"shugar"},{"id":"21st:shugar__button","t":"Button","s":"21st","c":"actions/button","a":"shugar","pl":"https://cdn.21st.dev/user_shugar/button/default/preview.png","pc":"shugar","tg":["button"]},{"id":"21st:shugar__button-1","t":"Button 1","d":"Trigger an action or event, such as submitting a form or displaying a dialog.","s":"21st","c":"actions/button","a":"shugar","u":379,"pl":"https://cdn.21st.dev/shugar/button-1/default/preview.1751968744644.png","pc":"shugar","tg":["upload-download"],"sb":"Loading and states"},{"id":"21st:shugar__button-link","t":"Button link","d":"Use ButtonLink for links with the same props as Button.","s":"21st","c":"actions/link","a":"shugar","pl":"https://cdn.21st.dev/shugar/button-link/default/preview.1751970096649.png","pc":"shugar"},{"id":"21st:shugar__calendar","t":"Calendar","d":"Displays a calendar from which users can select a date or range of dates.","s":"21st","c":"data-display/calendar","a":"shugar","st":"rated","pl":"https://cdn.21st.dev/shugar/calendar/default/preview.1752572276311.png","pc":"shugar","tg":["calendar","date-picker","dropdown"],"sc":21},{"id":"21st:shugar__checkbox","t":"Checkbox","d":"A control that toggles between two options, checked or unchecked.","s":"21st","c":"inputs/checkbox","a":"shugar","pl":"https://cdn.21st.dev/user_2uAqrF8oLIpxBVD9ZqYRYLfhKZ1/checkbox/default/preview.1741970965715.png","pc":"shugar","tg":["checkbox"]},{"id":"21st:shugar__checkbox-1","t":"Checkbox 1","d":"A control that toggles between two options, checked or unchecked.","s":"21st","c":"inputs/checkbox","a":"shugar","pl":"https://cdn.21st.dev/shugar/checkbox-1/default/preview.1751439290034.png","pc":"shugar"},{"id":"21st:shugar__choicebox-1","t":"Choicebox 1","d":"A larger form of Radio or Checkbox, where the user has a larger tap target and more details.","s":"21st","c":"inputs/radio","a":"shugar","u":126,"pl":"https://cdn.21st.dev/shugar/choicebox-1/default/preview.1752223613861.png","pc":"shugar","tg":["checkbox","pricing-section","radio-group","select"]},{"id":"21st:shugar__code-block","t":"Code block","s":"21st","c":"data-display/code-block","a":"shugar","pl":"https://cdn.21st.dev/danverr/code-block/default/preview.1747776325224.png","pc":"shugar"},{"id":"21st:shugar__code-block-1","t":"Code block 1","d":"Code Block component used across Vercel and Next.js.","s":"21st","c":"data-display/code-block","a":"shugar","pl":"https://cdn.21st.dev/shugar/code-block-1/default/preview.1751972048639.png","pc":"shugar"},{"id":"21st:shugar__collapse","t":"Collapse","d":"A set of headings, vertically stacked, that each reveal an related section of content. Commonly referred to as an accordion.","k":"section","s":"21st","c":"marketing/faq","a":"shugar","u":17,"pl":"https://cdn.21st.dev/user_2uAqrF8oLIpxBVD9ZqYRYLfhKZ1/collapse/default/preview.png","pc":"shugar","tg":["accordion","faq"]},{"id":"21st:shugar__collapse-1","t":"Collapse 1","d":"A set of headings, vertically stacked, that each reveal an related section of content. Commonly referred to as an accordion.","s":"21st","c":"data-display/accordion","a":"shugar","pl":"https://cdn.21st.dev/shugar/collapse-1/default/preview.1751641915762.png","pc":"shugar"},{"id":"21st:shugar__combobox","t":"Combobox","d":"Filters large lists to selectable options based on the matching query.","s":"21st","c":"inputs/combobox","a":"shugar","u":55,"pl":"https://cdn.21st.dev/shugar/combobox/default/preview.1752568679204.png","pc":"shugar","tg":["empty-state","list","search","select"]},{"id":"21st:shugar__command-menu","t":"Command menu","d":"Launch a set of actions as a full-screen overlay.","s":"21st","c":"navigation/command-palette","a":"shugar","st":"rated","u":33,"pl":"https://cdn.21st.dev/shugar/command-menu/default/preview.1752154497273.png","pc":"shugar","tg":["search"],"sc":18},{"id":"21st:shugar__comp111","t":"Comp111","d":"comp1comp1comp1comp1","s":"21st","c":"other","a":"shugar","pl":"https://cdn.21st.dev/shugar/comp111/default/preview.1747858950376.png","pc":"shugar"},{"id":"21st:shugar__context-card","t":"Context card","d":"Tooltip","s":"21st","c":"data-display/card","a":"shugar","u":44,"pl":"https://cdn.21st.dev/user_2uAqrF8oLIpxBVD9ZqYRYLfhKZ1/context-card/default/preview.png","pc":"shugar","tg":["popover","tooltip"]},{"id":"21st:shugar__context-card-1","t":"Context card 1","d":"Tooltip.  ","s":"21st","c":"data-display/card","a":"shugar","u":23,"pl":"https://cdn.21st.dev/shugar/context-card-1/default/preview.1751439681484.png","pc":"shugar","tg":["popover","tooltip"]},{"id":"21st:shugar__context-menu","t":"Context menu","d":"Displays a brief heading and subheading to communicate any additional information or context a user needs to continue.","s":"21st","c":"overlays/context-menu","a":"shugar","pl":"https://cdn.21st.dev/shugar/context-menu/default/preview.1752225155869.png","pc":"shugar"},{"id":"21st:shugar__description","t":"Description","d":"Displays a brief heading and subheading to communicate any additional information or context a user needs to continue.","s":"21st","c":"overlays/tooltip","a":"shugar","pl":"https://cdn.21st.dev/user_2uAqrF8oLIpxBVD9ZqYRYLfhKZ1/description/default/preview.png","pc":"shugar","tg":["tooltip"]},{"id":"21st:shugar__description-1","t":"Description 1","d":"Displays a brief heading and subheading to communicate any additional information or context a user needs to continue.","k":"motion","s":"21st","c":"motion/text-effect","a":"shugar","pl":"https://cdn.21st.dev/shugar/description-1/default/preview.1751892475386.png","pc":"shugar"},{"id":"21st:shugar__dont-approve-plzzzz","t":"Dont approve plzzzz","d":"dont approve plzzzzdont approve plzzzzdont approve plzzzz","s":"21st","c":"other","a":"shugar","pl":"https://cdn.21st.dev/shugar/dont-approve-plzzzz/default/preview.1747921808390.png","pc":"shugar"},{"id":"21st:shugar__drawer","t":"Drawer","d":"Display content in a separate view from the existing context.","s":"21st","c":"overlays/sheet","a":"shugar","u":52,"pl":"https://cdn.21st.dev/shugar/drawer/default/preview.1751387529749.png","pc":"shugar","tg":["modal"]},{"id":"21st:shugar__empty-state","t":"Empty state","d":"Fill spaces when no content has been added yet, or is temporarily empty due to the nature of the feature and should be designed to prevent confusion.","s":"21st","c":"data-display/empty-state","a":"shugar","pl":"https://cdn.21st.dev/shugar/empty-state/default/preview.1751641038127.png","pc":"shugar"},{"id":"21st:shugar__error","t":"Error","d":"Good error design is clear, useful, and friendly. Designing concise and accurate error messages unblocks users and builds trust by meeting people where they are.","s":"21st","c":"overlays/alert-banner","a":"shugar","pl":"https://cdn.21st.dev/shugar/error/default/preview.1750079177459.png","pc":"shugar","tg":["alert","link"]},{"id":"21st:shugar__feedback","t":"Feedback","d":"Gather text feedback with an associated emotion.","s":"21st","c":"inputs/textarea","a":"shugar","pl":"https://cdn.21st.dev/shugar/feedback/default/preview.1752233278910.png","pc":"shugar","tg":["textarea"]},{"id":"21st:shugar__gauge-1","t":"Gauge 1","d":"A circular visual for conveying a percentage.","s":"21st","c":"data-viz/gauge","a":"shugar","u":28,"pl":"https://cdn.21st.dev/shugar/gauge-1/default/preview.1751634980606.png","pc":"shugar","tg":["data-visualization","progress","spinner"]},{"id":"21st:shugar__grid","t":"Grid","d":"Display elements in a grid layout.","s":"21st","c":"layout/bento-grid","a":"shugar","pl":"https://cdn.21st.dev/shugar/grid/default/preview.1751972796498.png","pc":"shugar"},{"id":"21st:shugar__input","t":"Input","d":"Retrieve text input from a user.","s":"21st","c":"inputs/form-field","a":"shugar","pl":"https://cdn.21st.dev/shugar/input/default/preview.1752232795226.png","pc":"shugar","tg":["icon","input"]},{"id":"21st:shugar__keyboard-input","t":"Keyboard input","d":"Display keyboard input that triggers an action.","s":"21st","c":"assets/icon","a":"shugar","pl":"https://cdn.21st.dev/shugar/keyboard-input/default/preview.1751388322006.png","pc":"shugar","tg":["icon"]},{"id":"21st:shugar__material","t":"Material","d":"Various surfaces with shadows.","s":"21st","c":"data-display/empty-state","a":"shugar","u":9,"pl":"https://cdn.21st.dev/user_2uAqrF8oLIpxBVD9ZqYRYLfhKZ1/material/default/preview.png","pc":"shugar"},{"id":"21st:shugar__material-1","t":"Material 1","d":"Various surfaces with shadows.","s":"21st","c":"data-display/empty-state","a":"shugar","u":211,"pl":"https://cdn.21st.dev/shugar/material-1/default/preview.1751376488640.png","pc":"shugar"},{"id":"21st:shugar__menu","t":"Menu","d":"Dropdown menu opened via button. Supports typeahead and keyboard navigation.","s":"21st","c":"navigation/menu","a":"shugar","pl":"https://cdn.21st.dev/shugar/menu/default/preview.1752053346280.png","pc":"shugar"},{"id":"21st:shugar__modal","t":"Modal","d":"Display popup content that requires attention or provides additional information.","s":"21st","c":"overlays/dialog","a":"shugar","u":88,"pl":"https://cdn.21st.dev/shugar/modal/default/preview.1752056473033.png","pc":"shugar","tg":["modal"],"sb":"Confirm"},{"id":"21st:shugar__note","t":"Note","d":"Display text that requires attention or provides additional information.","s":"21st","c":"overlays/alert-banner","a":"shugar","u":43,"pl":"https://cdn.21st.dev/shugar/note/default/preview.1752227531327.png","pc":"shugar","tg":["alert","icon","menu","link"]},{"id":"21st:shugar__note--cyan","t":"Cyan","s":"21st","c":"overlays/toast","a":"shugar","pl":"https://cdn.21st.dev/shugar/note/cyan/preview.1752227531327.png","pc":"shugar"},{"id":"21st:shugar__pagination","t":"Pagination","d":"Navigate to the previous or next page.","s":"21st","c":"navigation/pagination","a":"shugar","pl":"https://cdn.21st.dev/user_2uAqrF8oLIpxBVD9ZqYRYLfhKZ1/pagination/default/preview.png","pc":"shugar","tg":["pagination"]},{"id":"21st:shugar__pagination-1","t":"Pagination 1","d":"Navigate to the previous or next page.","s":"21st","c":"navigation/pagination","a":"shugar","pl":"https://cdn.21st.dev/shugar/pagination-1/default/preview.1751389255618.png","pc":"shugar"},{"id":"21st:shugar__progress","t":"Progress","d":"Display progress relative to a limit or related to a task.","s":"21st","c":"data-viz/progress-bar","a":"shugar","pl":"https://cdn.21st.dev/shugar/progress/default/preview.1751618999928.png","pc":"shugar","tg":["progress"]},{"id":"21st:shugar__project-banner","t":"Project banner","d":"Used for temporary, project-wide notifications that require resolution","s":"21st","c":"overlays/alert-banner","a":"shugar","pl":"https://cdn.21st.dev/shugar/project-banner/default/preview.1752064016688.png","pc":"shugar","tg":["alert","cta","notification","tooltip"]},{"id":"21st:shugar__radio","t":"Radio","d":"Provides single user input from a selection of options.","s":"21st","c":"inputs/radio","a":"shugar","pl":"https://cdn.21st.dev/shugar/radio/default/preview.1751592727483.png","pc":"shugar","tg":["form","input","radio-group"]},{"id":"21st:shugar__relative-time-card","t":"Relative time card","d":"Popover to show a given date in local time","s":"21st","c":"data-display/card","a":"shugar","pl":"https://cdn.21st.dev/danverr/relative-time-card/default/preview.1747771908727.png","pc":"shugar","tg":["date-picker","popover","tooltip"]},{"id":"21st:shugar__relative-time-card-1","t":"Relative time card 1","d":"Popover to show a given date in local time.","s":"21st","c":"data-display/card","a":"shugar","pl":"https://cdn.21st.dev/shugar/relative-time-card-1/default/preview.1751589557373.png","pc":"shugar","tg":["date-picker","popover","tooltip"]},{"id":"21st:shugar__relative-time-card-old","t":"Relative time card old","d":"Popover to show a given date in local time.","s":"21st","c":"data-display/card","a":"shugar","pl":"https://cdn.21st.dev/user_2uAqrF8oLIpxBVD9ZqYRYLfhKZ1/relative-time-card/default/preview.png","pc":"shugar","tg":["date-picker","popover"]},{"id":"21st:shugar__scroller","t":"Scroller","s":"21st","c":"layout/scroll-area","a":"shugar","pl":"https://cdn.21st.dev/danverr/scroller/default/preview.1747776604121.png","pc":"shugar"},{"id":"21st:shugar__scroller-1","t":"Scroller 1","d":"Display an overflowing list of items.","s":"21st","c":"media/carousel","a":"shugar","u":33,"pl":"https://cdn.21st.dev/shugar/scroller-1/default/preview.1752153815553.png","pc":"shugar","tg":["carousel","scroll-area"]},{"id":"21st:shugar__scroller-old","t":"Scroller old","d":"Display an overflowing list of items.","s":"21st","c":"navigation/pagination","a":"shugar","u":11,"pl":"https://cdn.21st.dev/user_2uAqrF8oLIpxBVD9ZqYRYLfhKZ1/scroller/default/preview.1742567325705.png","pc":"shugar"},{"id":"21st:shugar__select","t":"Select","d":"Display a dropdown list of items.\n\nA recreation of Vercel's Geist design system.","s":"21st","c":"inputs/select","a":"shugar","u":17,"pl":"https://cdn.21st.dev/user_shugar/select/default/preview.png","pc":"shugar","tg":["select"]},{"id":"21st:shugar__select-1","t":"Select 1","d":"Display a dropdown list of items.","s":"21st","c":"inputs/select","a":"shugar","u":111,"pl":"https://cdn.21st.dev/shugar/select-1/default/preview.1751589081998.png","pc":"shugar","tg":["dropdown","select"]},{"id":"21st:shugar__show-more","t":"Show more","d":"Styling component to show expanded or collapsed content.","s":"21st","c":"data-display/accordion","a":"shugar","pl":"https://cdn.21st.dev/user_2uAqrF8oLIpxBVD9ZqYRYLfhKZ1/show-more/default/preview.png","pc":"shugar"},{"id":"21st:shugar__show-more-1","t":"Show more 1","d":"Styling component to show expanded or collapsed content.","s":"21st","c":"data-display/accordion","a":"shugar","pl":"https://cdn.21st.dev/shugar/show-more-1/default/preview.1751389567859.png","pc":"shugar"},{"id":"21st:shugar__skeleton","t":"Skeleton","d":"Display a skeleton whilst another component is loading.","s":"21st","c":"status/skeleton","a":"shugar","u":76,"pl":"https://cdn.21st.dev/user_2uAqrF8oLIpxBVD9ZqYRYLfhKZ1/skeleton/default/preview.png","pc":"shugar"},{"id":"21st:shugar__skeleton-1","t":"Skeleton 1","d":"Display a skeleton whilst another component is loading.","s":"21st","c":"status/skeleton","a":"shugar","pl":"https://cdn.21st.dev/shugar/skeleton-1/default/preview.1751475673413.png","pc":"shugar"},{"id":"21st:shugar__slider-1","t":"Slider 1","d":"Input to select a value from a given range.","s":"21st","c":"inputs/slider","a":"shugar","pl":"https://cdn.21st.dev/shugar/slider-1/default/preview.1750911183295.png","pc":"shugar","tg":["slider"]},{"id":"21st:shugar__snippet","t":"Snippet","d":"Display a snippet of copyable code for the command line.","s":"21st","c":"data-display/code-block","a":"shugar","pl":"https://cdn.21st.dev/user_2uAqrF8oLIpxBVD9ZqYRYLfhKZ1/snippet/default/preview.1742567545872.png","pc":"shugar"},{"id":"21st:shugar__snippet-1","t":"Snippet 1","d":"Display a snippet of copyable code for the command line.","s":"21st","c":"data-display/code-block","a":"shugar","pl":"https://cdn.21st.dev/shugar/snippet-1/default/preview.1752151862320.png","pc":"shugar"},{"id":"21st:shugar__spinner","t":"Spinner","s":"21st","c":"status/loader","a":"shugar","pl":"https://cdn.21st.dev/user_shugar/spinner/default/preview.png","pc":"shugar","tg":["spinner"],"sb":"Spinners"},{"id":"21st:shugar__spinner-1","t":"Spinner 1","d":"Indicate an action running in the background. Unlike the loading dots, this should generally be used to indicate loading feedback in response to a user action, like for buttons, pa","s":"21st","c":"status/loader","a":"shugar","u":367,"pl":"https://cdn.21st.dev/shugar/spinner-1/default/preview.1751967070690.png","pc":"shugar","sb":"Spinners"},{"id":"21st:shugar__split-button","t":"Split button","d":"A button that offers a primary interaction coupled with a dropdown menu offering additional actions.","s":"21st","c":"actions/button","a":"shugar","u":30,"pl":"https://cdn.21st.dev/shugar/split-button/default/preview.1752149088917.png","pc":"shugar","tg":["button","dropdown","menu"],"sb":"Groups and split"},{"id":"21st:shugar__stack","t":"Stack","d":"Display elements vertically or horizontally on the page.","s":"21st","c":"media/card-stack","a":"shugar","pl":"https://cdn.21st.dev/shugar/stack/default/preview.1751390093601.png","pc":"shugar"},{"id":"21st:shugar__status-dot","t":"Status dot","d":"Display an indicator of deployment status.","s":"21st","c":"status/status-dot","a":"shugar","u":18,"pl":"https://cdn.21st.dev/user_2uAqrF8oLIpxBVD9ZqYRYLfhKZ1/status-dot/default/preview.png","pc":"shugar","tg":["badge"]},{"id":"21st:shugar__status-dot-1","t":"Status dot 1","d":"Display an indicator of deployment status.","s":"21st","c":"status/status-dot","a":"shugar","pl":"https://cdn.21st.dev/shugar/status-dot-1/default/preview.1751390350022.png","pc":"shugar"},{"id":"21st:shugar__switch","t":"Switch","d":"Choose between a set of options.","s":"21st","c":"actions/switch","a":"shugar","u":158,"pl":"https://cdn.21st.dev/shugar/switch/default/preview.1752057511502.png","pc":"shugar","tg":["toggle","tooltip"]},{"id":"21st:shugar__table","t":"Table","d":"A semantic HTML table component","s":"21st","c":"data-display/table","a":"shugar","pl":"https://cdn.21st.dev/user_2uAqrF8oLIpxBVD9ZqYRYLfhKZ1/table/default/preview.1742567654697.png","pc":"shugar","tg":["table"]},{"id":"21st:shugar__table-1","t":"Table 1","d":"A semantic HTML table component","s":"21st","c":"data-display/table","a":"shugar","pl":"https://cdn.21st.dev/shugar/table-1/default/preview.1752156600112.png","pc":"shugar"},{"id":"21st:shugar__tabs","t":"Tabs","d":"Display tab content.","s":"21st","c":"navigation/tabs","a":"shugar","u":31,"pl":"https://cdn.21st.dev/user_2uAqrF8oLIpxBVD9ZqYRYLfhKZ1/tabs/default/preview.png","pc":"shugar","tg":["navigation-menu","tabs","tooltip"]},{"id":"21st:shugar__tabs-1","t":"Tabs 1","d":"Display tab content.","s":"21st","c":"navigation/tabs","a":"shugar","u":34,"pl":"https://cdn.21st.dev/shugar/tabs-1/default/preview.1752063369532.png","pc":"shugar","tg":["tabs","tooltip"]},{"id":"21st:shugar__text-1","t":"Text 1","d":"Display text using well-defined typographic styles.","k":"motion","s":"21st","c":"motion/text-effect","a":"shugar","pl":"https://cdn.21st.dev/shugar/text-1/default/preview.1751451567646.png","pc":"shugar"},{"id":"21st:shugar__textarea","t":"Textarea","d":"Retrieve multi-line user input.","s":"21st","c":"inputs/textarea","a":"shugar","pl":"https://cdn.21st.dev/shugar/textarea/default/preview.1751441799389.png","pc":"shugar","tg":["form","input","textarea"]},{"id":"21st:shugar__theme-switcher","t":"Theme switcher","d":"Component that allows users to switch between light and dark themes.","s":"21st","c":"actions/switch","a":"shugar","u":72,"pl":"https://cdn.21st.dev/user_2uAqrF8oLIpxBVD9ZqYRYLfhKZ1/theme-switcher/default/preview.png","pc":"shugar","tg":["button","toggle"],"sb":"Theme toggles"},{"id":"21st:shugar__theme-switcher-1","t":"Theme switcher 1","d":"Component that allows users to switch between light and dark themes.","s":"21st","c":"actions/switch","a":"shugar","u":49,"pl":"https://cdn.21st.dev/shugar/theme-switcher-1/default/preview.1751391112880.png","pc":"shugar","tg":["toggle"],"sb":"Theme toggles"},{"id":"21st:shugar__toast","t":"Toast","d":"A succinct message that is displayed temporarily.","s":"21st","c":"overlays/toast","a":"shugar","u":184,"pl":"https://cdn.21st.dev/shugar/toast/default/preview.1752230648566.png","pc":"shugar","tg":["alert","link","notification","toast"]},{"id":"21st:shugar__toggle","t":"Toggle","d":"Displays a boolean value.","s":"21st","c":"actions/switch","a":"shugar","u":44,"pl":"https://cdn.21st.dev/user_2uAqrF8oLIpxBVD9ZqYRYLfhKZ1/toggle/default/preview.png","pc":"shugar","tg":["toggle"]},{"id":"21st:shugar__tooltip","t":"Tooltip","d":"A set of headings, vertically stacked, that each reveal an related section of content. Commonly referred to as an accordion.","s":"21st","c":"overlays/tooltip","a":"shugar","u":47,"pl":"https://cdn.21st.dev/user_2uAqrF8oLIpxBVD9ZqYRYLfhKZ1/tooltip/default/preview.png","pc":"shugar","tg":["popover","tooltip"]},{"id":"21st:shugar__tooltip-1","t":"Tooltip 1","d":"A set of headings, vertically stacked, that each reveal an related section of content. Commonly referred to as an accordion.","s":"21st","c":"overlays/tooltip","a":"shugar","pl":"https://cdn.21st.dev/shugar/tooltip-1/default/preview.1751892199167.png","pc":"shugar"},{"id":"21st:shugar__use-breakpoints","t":"Use breakpoints","d":"A React hook that provides responsive breakpoints","k":"lib","s":"21st","c":"lib/hook","a":"shugar","pl":"https://cdn.21st.dev/shugar/use-breakpoints/default/preview.1751372604943.png","pc":"shugar"},{"id":"21st:shugar__use-click-outside","t":"Use click outside","d":"React hook to handle click outside of component","k":"lib","s":"21st","c":"lib/hook","a":"shugar","pl":"https://cdn.21st.dev/shugar/use-click-outside/default/preview.1751374366067.png","pc":"shugar"},{"id":"21st:shugar__use-responsive","t":"Use responsive","d":"A React hook that provides responsive styles","k":"lib","s":"21st","c":"lib/hook","a":"shugar","pl":"https://cdn.21st.dev/shugar/use-responsive/default/preview.1751370625362.png","pc":"shugar","tg":["hook"]},{"id":"21st:shun0tter__calendar","t":"Calendar","d":"An alternative to the Calendar on shadcn. Features animations when switching months. Displays multiple months side by side. Includes a date click event.","s":"21st","c":"data-display/calendar","a":"shun0tter","pl":"https://cdn.21st.dev/shun0tter/calendar/default/preview.1776403224946.png","pc":"shun0tter"},{"id":"21st:silqnetai__workflow","t":"Workflow","d":"Make moving copy and paste workflow with white background","k":"motion","s":"21st","c":"motion/background","a":"silqnetai","pl":"https://cdn.21st.dev/silqnetai/workflow/default/preview.1749370632206.png","pc":"silqnetai"},{"id":"21st:silvestrefrigeriopro__hero","t":"Hero","d":"Animated WebGL shader background in the Plasma style. Generated by the 21st.dev Shader Builder. 4-color palette (#101010, #F5F5F5, #B0B0B0, #3A3A3A). Features: film grain. A drop-i","k":"motion","s":"21st","c":"motion/shader","a":"silvestrefrigeriopro","pl":"https://cdn.21st.dev/silvestrefrigeriopro/hero/default/preview.1786223749167-b6456a93-f164-4e20-9494-f8914a4dcc18.webp","pc":"silvestrefrigeriopro","sb":"Plasma"},{"id":"21st:singla2125ji__interactive-ai-model-comparison-dashboard","t":"Interactive ai model comparison dashboard","d":"A sophisticated, interactive dashboard for comparing AI models:","s":"21st","c":"ai-agent/ai-agent","a":"singla2125ji","pl":"https://cdn.21st.dev/user_2wtWsNLYNk3cyVjeLe1BsenAkfv/interactive-ai-model-comparison-dashboard/interactive-ai-model-comparison-dashboard/preview.png","pc":"singla2125ji"},{"id":"21st:sirwhod__icon-picker-3","t":"Icon picker 3","d":"A Component responsible for making all lucide react icons available for selection and returning the icon name.\n","s":"21st","c":"inputs/select","a":"sirwhod","u":61,"pl":"https://cdn.21st.dev/sirwhod/icon-picker-3/default/preview.1747856712722.png","pc":"sirwhod","tg":["popover","search"]},{"id":"21st:skaehdwn1014__mesh-drift-shader","t":"Mesh drift shader","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#000000, #1F51FF, #00E5FF, #EAFDFF). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"skaehdwn1014","pl":"https://cdn.21st.dev/skaehdwn1014/mesh-drift-shader/default/preview.1787033763401-9eb92a17-6240-4858-b196-86e25f82c8a2.webp","pc":"skaehdwn1014","sb":"Mesh drift"},{"id":"21st:skyleen77__animated-tabs","t":"Animated tabs","d":"Here is animated tabs modern ui component","s":"21st","c":"navigation/tabs","a":"skyleen77","u":44,"pl":"https://cdn.21st.dev/larsen66/animated-tabs/default/preview.1750171116391.png","pc":"skyleen77","tg":["tabs"]},{"id":"21st:skyleen77__avatar-group","t":"Avatar group","d":"Here is Avatar Group component","s":"21st","c":"data-display/avatar","a":"skyleen77","u":20,"pl":"https://cdn.21st.dev/larsen66/avatar-group/default/preview.1756725646656.png","pc":"skyleen77","tg":["avatar","team","tooltip"]},{"id":"21st:skyleen77__components-backgrounds-bubble","t":"Components backgrounds bubble","d":"An interactive animated background of smoothly morphing gradient bubbles that react to the cursor, for playful hero and section backdrops.","k":"motion","s":"21st","c":"motion/background","a":"skyleen77","u":4,"pl":"https://cdn.21st.dev/skyleen77/components-backgrounds-bubble/default/preview.1784721757057-90c78fd9-82c8-4ca1-8495-1245d75966b6.png","pc":"skyleen77","tg":["background"]},{"id":"21st:skyleen77__components-community-notification-list","t":"Components community notification list","d":"An animated notification list where stacked cards fan out and expand on hover, revealing each notification's details.","s":"21st","c":"overlays/notifications","a":"skyleen77","pl":"https://cdn.21st.dev/skyleen77/components-community-notification-list/default/preview.1785178552930-96e463ff-ac92-4e4f-b923-e40a2eaf5fcc.png","pc":"skyleen77","tg":["card","list","notification"]},{"id":"21st:skyleen77__cursor","t":"Cursor","d":"Here is advanced cursor component","k":"motion","s":"21st","c":"motion/cursor","a":"skyleen77","pl":"https://cdn.21st.dev/larsen66/cursor/default/preview.1750168468229.png","pc":"skyleen77","tg":["cursor","tooltip"]},{"id":"21st:skyleen77__icons-clock-5","t":"Icons clock 5","d":"An animated clock icon with rotating hands that plays on hover, view, or tap.","s":"21st","c":"assets/icon","a":"skyleen77","pl":"https://cdn.21st.dev/skyleen77/icons-clock-5/default/preview.1783583640269.png","pc":"skyleen77"},{"id":"21st:skyleen77__icons-log-out","t":"Icons log out","d":"Animated log out icon that slides its arrow on hover, tap, or view for auth and sign-out actions.","s":"21st","c":"assets/icon","a":"skyleen77","pl":"https://cdn.21st.dev/skyleen77/icons-log-out/default/preview.1783583306072.png","pc":"skyleen77","tg":["icon"]},{"id":"21st:skyleen77__icons-maximize","t":"Icons maximize","d":"Animated maximize (fullscreen/expand) icon that expands its four corners on hover, view, or tap.","s":"21st","c":"assets/icon","a":"skyleen77","pl":"https://cdn.21st.dev/skyleen77/icons-maximize/default/preview.1783583556401.png","pc":"skyleen77"},{"id":"21st:skyleen77__icons-menu","t":"Icons menu","d":"Animated hamburger menu icon that morphs its three lines into a close (X) shape on interaction.","k":"resource","s":"21st","c":"assets/icon","a":"skyleen77","pl":"https://cdn.21st.dev/skyleen77/icons-menu/default/preview.1783583721933.png","pc":"skyleen77","tg":["menu"]},{"id":"21st:skyleen77__icons-message-circle-code","t":"Icons message circle code","d":"Animated message circle code icon with a hover-triggered wiggle and shifting code brackets, for chat, comments, and code review UI.","s":"21st","c":"assets/icon","a":"skyleen77","pl":"https://cdn.21st.dev/skyleen77/icons-message-circle-code/default/preview.1783583582455.png","pc":"skyleen77"},{"id":"21st:skyleen77__icons-message-circle-heart","t":"Icons message circle heart","d":"Animated message circle heart icon that wiggles and pulses its heart on hover or view, for chat, feedback and like interactions.","s":"21st","c":"assets/icon","a":"skyleen77","pl":"https://cdn.21st.dev/skyleen77/icons-message-circle-heart/default/preview.1783583782071.png","pc":"skyleen77","tg":["icon"]},{"id":"21st:skyleen77__icons-message-circle-off","t":"Icons message circle off","d":"An animated message circle off icon that shakes and draws its slash on hover, for muted or disabled chat states.","s":"21st","c":"assets/icon","a":"skyleen77","pl":"https://cdn.21st.dev/skyleen77/icons-message-circle-off/default/preview.1783583697012.png","pc":"skyleen77","tg":["icon"]},{"id":"21st:skyleen77__icons-message-square-dashed","t":"Icons message square dashed","d":"Animated dashed-outline message square icon that plays a wobble or draw animation on hover or view.","s":"21st","c":"assets/icon","a":"skyleen77","pl":"https://cdn.21st.dev/skyleen77/icons-message-square-dashed/default/preview.1783584080068.png","pc":"skyleen77","tg":["icon"]},{"id":"21st:skyleen77__message-circle-more","t":"Message circle more","d":"Animated message circle icon with dots that ripple, pulse, or jump on hover, view, or tap for chat and conversation UIs.","s":"21st","c":"assets/icon","a":"skyleen77","pl":"https://cdn.21st.dev/skyleen77/message-circle-more/default/preview.1783583466774.png","pc":"skyleen77"},{"id":"21st:skyleen77__pin-list","t":"Pin list","d":"Here is animated Pin List component","s":"21st","c":"data-display/list","a":"skyleen77","st":"rated","u":36,"pl":"https://cdn.21st.dev/larsen66/pin-list/default/preview.1750170355352.png","pc":"skyleen77","tg":["list"],"sc":21},{"id":"21st:skyleen77__primitives-animate-code-block","t":"Primitives animate code block","d":"An animated code block that types out syntax-highlighted source character by character as it comes into view.","s":"21st","c":"data-display/code-block","a":"skyleen77","pl":"https://cdn.21st.dev/skyleen77/primitives-animate-code-block/default/preview.1783588130394.png","pc":"skyleen77"},{"id":"21st:skyleen77__radix-accordion","t":"Radix accordion","d":"A vertically stacked set of interactive headings that each reveal an associated section of content.","s":"21st","c":"data-display/accordion","a":"skyleen77","u":54,"pl":"https://cdn.21st.dev/user_2vJfh2NfFGAPdS5oQXlSpccjJvB/radix-accordion/default/preview.png","pc":"skyleen77","tg":["accordion","faq"],"sb":"FAQ"},{"id":"21st:skyleen77__radix-dropdown-menu","t":"Radix dropdown menu","d":"Displays a menu to the user — such as a set of actions or functions — triggered by a button.","s":"21st","c":"navigation/menu","a":"skyleen77","u":79,"pl":"https://cdn.21st.dev/user_2vJfh2NfFGAPdS5oQXlSpccjJvB/radix-dropdown-menu/default/preview.png","pc":"skyleen77","sb":"Dropdowns"},{"id":"21st:skyleen77__scroll-progress","t":"Scroll progress","d":"Here is animated scrolling progress bar","s":"21st","c":"data-viz/progress-bar","a":"skyleen77","u":21,"pl":"https://cdn.21st.dev/larsen66/scroll-progress/default/preview.1750170248248.png","pc":"skyleen77","tg":["border","progress","scroll-area"]},{"id":"21st:skyleen77__spring-element","t":"Spring element","d":"Here is animated Spring Element","s":"21st","c":"data-display/avatar","a":"skyleen77","pl":"https://cdn.21st.dev/larsen66/spring-element/default/preview.1750170539093.png","pc":"skyleen77","tg":["avatar"]},{"id":"21st:skyleen77__stars-scrolling-wheel","t":"Stars scrolling wheel","d":"Here is Stars Scrolling Wheel component","k":"motion","s":"21st","c":"motion/background","a":"skyleen77","u":14,"pl":"https://cdn.21st.dev/larsen66/stars-scrolling-wheel/default/preview.1750170841618.png","pc":"skyleen77","tg":["number"],"sb":"Particles and stars"},{"id":"21st:skyleen77__tooltip-1","t":"Tooltip 1","d":"Here is Tooltip component","s":"21st","c":"overlays/tooltip","a":"skyleen77","pl":"https://cdn.21st.dev/larsen66/tooltip-1/default/preview.1756725461121.png","pc":"skyleen77","tg":["tooltip"]},{"id":"21st:slaviknocolaid__animated-features-cards","t":"Animated features cards","d":"Animated Features Cards with hover effect ","k":"section","s":"21st","c":"marketing/features","a":"slaviknocolaid","pl":"https://cdn.21st.dev/slaviknocolaid/animated-features-cards/default/preview.1761024449639.png","pc":"slaviknocolaid","sb":"Grid of cards"},{"id":"21st:slaviknocolaid__changelog-timeline","t":"Changelog timeline","d":"Changelog Timeline component, with shader animation and sticky scrolling ","s":"21st","c":"data-display/timeline","a":"slaviknocolaid","pl":"https://cdn.21st.dev/slaviknocolaid/changelog-timeline/default/preview.1761022619922.png","pc":"slaviknocolaid"},{"id":"21st:slaviknocolaid__interactive-changelog-with-dialog","t":"Interactive changelog with dialog","d":"Interactive Changelog With Dialog","k":"section","s":"21st","c":"marketing/marketing","a":"slaviknocolaid","pl":"https://cdn.21st.dev/slaviknocolaid/interactive-changelog-with-dialog/default/preview.1761023765889.png","pc":"slaviknocolaid","tg":["modal","timeline"]},{"id":"21st:slide-cn__gradient-radial","t":"Gradient radial","d":"A full-bleed radial gradient background that emanates from the center using theme palette tokens, ideal as a slide or hero backdrop.","k":"motion","s":"21st","c":"motion/background","a":"slide-cn","pl":"https://cdn.21st.dev/slide-cn/gradient-radial/default/preview.1784824094636-f96fa84a-5fcc-481f-aa33-3b770a3dceca.png","pc":"slide-cn","sb":"Gradients and aurora"},{"id":"21st:slide-cn__slide-image","t":"Slide image","d":"A compound image component with aspect-ratio control and an optional caption for adding media to presentation slides.","s":"21st","c":"media/gallery","a":"slide-cn","pl":"https://cdn.21st.dev/slide-cn/slide-image/default/preview.1784362069098-29520ed6-b4fa-4e5c-aef6-b27acab303c9.png","pc":"slide-cn","tg":["image"]},{"id":"21st:slide-cn__title-slide","t":"Title slide","d":"A centered slide layout with heading, subheading, and meta text for building presentation title screens.","k":"motion","s":"21st","c":"motion/text-effect","a":"slide-cn","u":2,"pl":"https://cdn.21st.dev/slide-cn/title-slide/default/preview.1784661049027-5ef2f28e-6a40-4a31-a34b-3d0ff0ad34fe.png","pc":"slide-cn","sb":"Reveal and entrance"},{"id":"21st:smammar100__anti-metal-button","t":"Anti metal button","d":"A sleek, dark-themed CTA button featuring a cascading dot-wave animation and a colorful accent slab that smoothly expands on hover.","s":"21st","c":"actions/button","a":"smammar100","pl":"https://cdn.21st.dev/smammar100/anti-metal-button/default/preview.1779857028697.png","pc":"smammar100","tg":["button","cta"]},{"id":"21st:smammar100__music-player-widget","t":"Music player widget","d":"A sleek modern music player with an audio-reactive dot-grid visualizer, spinning disc, smooth cover/track crossfades, and a Web Audio API beat-sync oscillator. Zero external animat","s":"21st","c":"media/player","a":"smammar100","pl":"https://cdn.21st.dev/smammar100/music-player-widget/default/preview.1779025299241.png","pc":"smammar100"},{"id":"21st:smammar100__perspective-highlight","t":"Perspective highlight","d":"A 3D card that tilts toward your cursor. As it rotates, highlighted text rises forward, creating a layered depth effect. Includes three color variants for highlights, full dark mod","k":"motion","s":"21st","c":"motion/tilt-3d","a":"smammar100","u":10,"pl":"https://cdn.21st.dev/smammar100/perspective-highlight/default/preview.1779692133680.png","pc":"smammar100"},{"id":"21st:smammar100__pixel-logo-grid","t":"Pixel logo grid","d":"A \"trusted by\" showcase with character. 14 brand logos arranged in a 5-column grid with a centered headline. Each card runs a canvas-driven pixel shimmer in the brand's actual sign","k":"section","s":"21st","c":"marketing/logos","a":"smammar100","u":20,"pl":"https://cdn.21st.dev/smammar100/pixel-logo-grid/default/preview.1779388114946.png","pc":"smammar100","tg":["grid"]},{"id":"21st:smammar100__scroll-reel-testimonials","t":"Scroll reel testimonials","d":"Testimonial carousel with a counter-rotating portrait reel and per-character rising text, the middle column scrolls one way while the outer columns slide the opposite direction.","k":"section","s":"21st","c":"marketing/testimonials","a":"smammar100","u":75,"pl":"https://cdn.21st.dev/smammar100/scroll-reel-testimonials/default/preview.1780849871560.png","pc":"smammar100","tg":["carousel","testimonials","text"]},{"id":"21st:smammar100__vercel-avatars","t":"Vercel avatars","d":"Generative halftone-pattern avatars for team and user lists. Click any avatar to download as SVG, or grab the full set in one tap. 12 color presets, full light and dark mode suppor","s":"21st","c":"data-display/avatar","a":"smammar100","pl":"https://cdn.21st.dev/smammar100/vercel-avatars/default/preview.1779182361221.png","pc":"smammar100"},{"id":"21st:solaceui__auth-section-1","t":"Auth section 1","d":"A full-screen sign-up authentication section with social login buttons, an animated grain-gradient side panel, and a create-account form.","s":"21st","c":"flows/sign-in","a":"solaceui","u":4,"pl":"https://cdn.21st.dev/solaceui/auth-section-1/default/preview.1784268798672-6f7dc41b-3438-455b-bdfe-d474f2f71bb6.png","pc":"solaceui","tg":["form","sign-up"],"sb":"Sign up"},{"id":"21st:solaceui__auth-section-2","t":"Auth section 2","d":"A split-screen sign-up page with an animated AI-image showcase panel and a social + email registration form.","s":"21st","c":"flows/sign-in","a":"solaceui","u":2,"pl":"https://cdn.21st.dev/solaceui/auth-section-2/default/preview.1784269288317-b0804dab-c36c-4464-8f78-1be65644d249.png","pc":"solaceui","tg":["ai-chat","gallery","sign-up"],"sb":"Sign up"},{"id":"21st:solaceui__auth-section-3","t":"Auth section 3","d":"A two-column sign-up authentication section with social login buttons, an editable form, consent checkboxes, and an animated testimonial with a dashboard mockup on a fluted-glass s","s":"21st","c":"flows/sign-in","a":"solaceui","u":2,"pl":"https://cdn.21st.dev/solaceui/auth-section-3/default/preview.1784269463132-be9980c4-e5b6-47f4-bcc8-cd5a34528dfc.png","pc":"solaceui","tg":["checkbox","dashboard","sign-up","testimonials"],"sb":"Sign up"},{"id":"21st:solaceui__chat-messages-2","t":"Chat messages 2","d":"Animated iMessage-style chat conversation that reveals messages one by one inside an iPhone device frame.","s":"21st","c":"ai-agent/ai-agent","a":"solaceui","pl":"https://cdn.21st.dev/solaceui/chat-messages-2/default/preview.1784311119964-3271ac91-ea1b-4e2f-a4f9-427e3508c00c.png","pc":"solaceui","sb":"Chat"},{"id":"21st:solaceui__footer-section-1","t":"Footer section 1","d":"A centered site footer with animated navigation links, a logo, and a row of social media icons.","k":"section","s":"21st","c":"marketing/footer","a":"solaceui","u":2,"pl":"https://cdn.21st.dev/solaceui/footer-section-1/default/preview.1784473890213-494cccc9-2249-4956-be02-29517faa8ece.png","pc":"solaceui","tg":["footer","link","navigation-menu"]},{"id":"21st:solaceui__footer-section-3","t":"Footer section 3","d":"Animated footer section with a noise-textured headline banner, newsletter signup, social icons, and navigation link columns.","k":"section","s":"21st","c":"marketing/footer","a":"solaceui","u":5,"pl":"https://cdn.21st.dev/solaceui/footer-section-3/default/preview.1786699456470-637658da-3001-4af5-8b9e-7c1e55168b6b.png","pc":"solaceui","tg":["footer"]},{"id":"21st:solaceui__footer-section-4","t":"Footer section 4","d":"A responsive footer section with a branded blue card, animated social icons, multi-column navigation links, and a newsletter email signup.","k":"section","s":"21st","c":"marketing/footer","a":"solaceui","u":22,"pl":"https://cdn.21st.dev/solaceui/footer-section-4/default/preview.1783728660801.png","pc":"solaceui","tg":["footer","link"]},{"id":"21st:solaceui__footer-section-5","t":"Footer section 5","d":"A marketing website footer with an oversized outlined brand wordmark and a blue fluted-glass shader panel containing the logo, tagline, social icons, and grouped navigation link co","k":"section","s":"21st","c":"marketing/footer","a":"solaceui","u":6,"pl":"https://cdn.21st.dev/solaceui/footer-section-5/default/preview.1783728731935.png","pc":"solaceui","tg":["footer","link","navigation-menu"]},{"id":"21st:solaceui__navbar-section-2","t":"Navbar section 2","d":"A dark navigation bar with an animated expanding mega-menu dropdown and a light hero section, inspired by the xAI marketing layout.","s":"21st","c":"navigation/top-nav","a":"solaceui","u":19,"pl":"https://cdn.21st.dev/solaceui/navbar-section-2/default/preview.1783575304015.png","pc":"solaceui","tg":["ai-chat","cta","menu"],"sb":"Mega menus"},{"id":"21st:solaceui__phone-mockups-1","t":"Phone mockups 1","d":"An auto-rotating iPhone mockup carousel that showcases app screenshots inside a realistic phone frame with previous, next and pause controls.","s":"21st","c":"media/mockup","a":"solaceui","u":74,"pl":"https://cdn.21st.dev/solaceui/phone-mockups-1/default/preview.1784362075658-c03c5c99-8dec-49d7-889f-89acd3cfa2a0.png","pc":"solaceui","tg":["carousel"]},{"id":"21st:solaceui__testimonial-section-1","t":"Testimonial section 1","d":"A responsive bento-grid testimonial section with animated quote cards showing customer names, roles, and avatars.","k":"section","s":"21st","c":"marketing/testimonials","a":"solaceui","u":9,"pl":"https://cdn.21st.dev/solaceui/testimonial-section-1/default/preview.1784198091939-f7d52d01-b9fd-4e88-a77c-fc6e927166c6.png","pc":"solaceui","tg":["grid","testimonials"]},{"id":"21st:solaceui__testimonial-section-2","t":"Testimonial section 2","d":"An animated testimonial section with scrolling marquee rows of customer capsules that open a full quote in a modal on click.","k":"section","s":"21st","c":"marketing/testimonials","a":"solaceui","u":2,"pl":"https://cdn.21st.dev/solaceui/testimonial-section-2/default/preview.1784198738187-bdcfd248-efd1-42fa-8465-07c1888590d0.png","pc":"solaceui","tg":["avatar","marquee","modal","testimonials"]},{"id":"21st:solaceui__testimonial-section-3","t":"Testimonial section 3","d":"A three-card testimonial carousel section with a highlighted center quote, keyboard navigation, and previous/next controls.","k":"section","s":"21st","c":"marketing/testimonials","a":"solaceui","u":7,"pl":"https://cdn.21st.dev/solaceui/testimonial-section-3/default/preview.1784378903746-56495e32-fb58-4be0-b465-97afd8f16bff.png","pc":"solaceui","tg":["carousel","testimonials"]},{"id":"21st:solaceui__testimonial-section-4","t":"Testimonial section 4","d":"A three-card testimonial carousel with a highlighted center quote card, customer photos, company logos, and keyboard-arrow navigation.","k":"section","s":"21st","c":"marketing/testimonials","a":"solaceui","u":8,"pl":"https://cdn.21st.dev/solaceui/testimonial-section-4/default/preview.1784378916628-d42090ed-7109-49ab-951d-2fefd8f6b0e0.png","pc":"solaceui","tg":["carousel","testimonials"]},{"id":"21st:solez-ai__aura-farming-credits","t":"Aura farming credits","s":"21st","c":"other","a":"solez-ai","pl":"https://cdn.21st.dev/solez-ai/aura-farming-credits/default/preview.1774434876025.png","pc":"solez-ai"},{"id":"21st:somraj2026lodhi__yy","t":"Yy","d":"hyhyhhyhyhyyh","s":"21st","c":"other","a":"somraj2026lodhi","pl":"https://cdn.21st.dev/somraj2026lodhi/yy/default/preview.1774206305873.png","pc":"somraj2026lodhi"},{"id":"21st:sona-ui__stagger-text","t":"Stagger text","d":"Text that reveals a staggered vertical roll animation on hover, one character at a time.","k":"motion","s":"21st","c":"motion/text-effect","a":"sona-ui","u":6,"pl":"https://cdn.21st.dev/sona-ui/stagger-text/default/preview.1783715259867.png","pc":"sona-ui","sb":"Reveal and entrance"},{"id":"21st:soralabs__custom-cursor","t":"Custom cursor","d":"A smooth custom cursor that follows the pointer with spring physics and morphs into a larger ring when hovering interactive targets.","k":"motion","s":"21st","c":"motion/cursor","a":"soralabs","pl":"https://cdn.21st.dev/soralabs/custom-cursor/default/preview.1783579468658.png","pc":"soralabs","tg":["cursor"]},{"id":"21st:soralabs__dia-text-reveal","t":"Dia text reveal","d":"Animated text that reveals with a gradient sweep and chromatic wash, with optional multi-phrase cycling, powered by Motion.","k":"motion","s":"21st","c":"motion/text-effect","a":"soralabs","pl":"https://cdn.21st.dev/soralabs/dia-text-reveal/default/preview.1784385409115-4a4e16d7-579c-430e-9ad9-422a607516bf.png","pc":"soralabs","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:soralabs__dock-nav","t":"Dock nav","d":"An Apple-style dock navigation bar with animated expanding icons and labels that appear on hover.","s":"21st","c":"navigation/top-nav","a":"soralabs","pl":"https://cdn.21st.dev/soralabs/dock-nav/default/preview.1783710489291.png","pc":"soralabs","tg":["dock"],"sb":"Floating"},{"id":"21st:soralabs__pixelated-image-reveal","t":"Pixelated image reveal","d":"An image card that reveals a second image through a randomized pixel grid on hover, powered by Motion.","s":"21st","c":"media/gallery","a":"soralabs","u":6,"pl":"https://cdn.21st.dev/soralabs/pixelated-image-reveal/default/preview.1784355329741-793f4938-e5e3-4bb1-af61-cb46fe1a5cfb.png","pc":"soralabs","tg":["image"]},{"id":"21st:soralabs__section-cta","t":"Section cta","d":"A chip-style call-to-action link with a Motion-powered sliding label and rotating icon chips that animate on hover and focus.","k":"section","s":"21st","c":"marketing/cta","a":"soralabs","u":8,"pl":"https://cdn.21st.dev/soralabs/section-cta/default/preview.1783727794368.png","pc":"soralabs","tg":["chip","cta"]},{"id":"21st:soralabs__text-reveal-block","t":"Text reveal block","d":"A line-by-line text reveal that wipes each line with a colored block using GSAP SplitText and ScrollTrigger.","k":"motion","s":"21st","c":"motion/text-effect","a":"soralabs","u":6,"pl":"https://cdn.21st.dev/soralabs/text-reveal-block/default/preview.1784396368518-2a9161af-0c6c-4eda-b8e4-07347fbc9077.png","pc":"soralabs","tg":["scroll-area","text"],"sb":"Reveal and entrance"},{"id":"21st:soralabs__text-reveal-mask","t":"Text reveal mask","d":"A scroll-triggered text reveal that masks and slides words up line-by-line, word-by-word, or character-by-character, with support for inline emphasis.","k":"motion","s":"21st","c":"motion/text-effect","a":"soralabs","u":19,"pl":"https://cdn.21st.dev/soralabs/text-reveal-mask/default/preview.1784814967766-34cf5d99-f92d-4124-83ca-f6fbcbea4ea6.png","pc":"soralabs","sb":"Reveal and entrance"},{"id":"21st:soralabs__text-roll","t":"Text roll","d":"A per-character vertical text roll animation for animating label swaps and micro-interactions between two short strings.","k":"motion","s":"21st","c":"motion/text-effect","a":"soralabs","pl":"https://cdn.21st.dev/soralabs/text-roll/default/preview.1785376036580-a8910812-25a3-4b6a-aacb-83ab0577d2e0.png","pc":"soralabs"},{"id":"21st:soralabs__text-underline","t":"Text underline","d":"An animated inline link with a CSS-only underline that slides through on hover.","k":"motion","s":"21st","c":"motion/text-effect","a":"soralabs","u":6,"pl":"https://cdn.21st.dev/soralabs/text-underline/default/preview.1784680026542-a3828d27-5386-4c7e-b1e9-cee205c18f5d.png","pc":"soralabs","tg":["link"]},{"id":"21st:sorianosantiagosam__silk-shader","t":"Silk shader","d":"Static WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#1A1423, #B75D69, #EACDC2, #FFF5EB). Features: cursor-reactive (repel).","k":"motion","s":"21st","c":"motion/shader","a":"sorianosantiagosam","pl":"https://cdn.21st.dev/sorianosantiagosam/silk-shader/default/preview.1786477522431-9beef5ef-70f3-4811-9d96-c2cb91c9e8ef.webp","pc":"sorianosantiagosam","sb":"Silk"},{"id":"21st:sorianosantiagosam__silk-shader-maro","t":"Silk shader maro","d":"Static WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#1A1423, #B75D69, #EACDC2, #FFF5EB). Features: cursor-reactive (repel).","k":"motion","s":"21st","c":"motion/shader","a":"sorianosantiagosam","pl":"https://cdn.21st.dev/sorianosantiagosam/silk-shader-maro/default/preview.1786477541848-6480ce8c-4839-4b0e-87c4-71869e294c40.webp","pc":"sorianosantiagosam","sb":"Silk"},{"id":"21st:spaceboydavey__scroll-navigation-menu","t":"Scroll navigation menu","d":"Scroll to see the navbar transform into a floating hamburger menu","s":"21st","c":"navigation/top-nav","a":"spaceboydavey","u":56,"pl":"https://cdn.21st.dev/spaceboydavey/scroll-navigation-menu/default/preview.1785439165867-e38d4ede-d073-438c-a964-7848b5dde4fe.png","pc":"spaceboydavey","sb":"Mega menus"},{"id":"21st:spaceboydavey__scroll-navigation-menu-1","t":"Scroll navigation menu 1","d":"Watch the navigation transform as you scroll down the page","s":"21st","c":"navigation/top-nav","a":"spaceboydavey","pl":"https://cdn.21st.dev/spaceboydavey/scroll-navigation-menu-1/default/preview.1752094718013.png","pc":"spaceboydavey","sb":"Mega menus"},{"id":"21st:spoonyvu__glow-menu","t":"Glow menu","d":"Glow menu component","s":"21st","c":"navigation/menu","a":"spoonyvu","pl":"https://cdn.21st.dev/user_spoonyvu/glow-menu/default/preview.png","pc":"spoonyvu","tg":["icon","menu"]},{"id":"21st:spydiecy__ai-swarm-visualization","t":"Ai swarm visualization","d":"An interactive particle system that visualizes AI behavior with three distinct simulation modes: neural network connections, swarm intelligence, and data clustering. Features adjus","s":"21st","c":"ai-agent/ai-agent","a":"spydiecy","pl":"https://cdn.21st.dev/spydiecy/ai-swarm-visualization/default/preview.1785450072542-d168db31-1f41-4182-a9f0-625c7fbb65f4.png","pc":"spydiecy"},{"id":"21st:spydiecy__animated-scroll-indicator","t":"Animated scroll indicator","k":"layout","s":"21st","c":"layout/scroll-area","a":"spydiecy","pl":"https://cdn.21st.dev/spydiecy/animated-scroll-indicator/default/preview.1747479038234.png","pc":"spydiecy"},{"id":"21st:spydiecy__course-progress-tracking-cards","t":"Course progress tracking cards","d":"A sleek, dark-themed project management dashboard featuring color-coded cards with progress tracking, team member display, and deadline countdown timers. Perfect for task managemen","s":"21st","c":"data-viz/progress-bar","a":"spydiecy","pl":"https://cdn.21st.dev/spydiecy/course-progress-tracking-cards/default/preview.1747476037166.png","pc":"spydiecy"},{"id":"21st:spydiecy__crypto-dashboard-pro","t":"Crypto dashboard pro","d":"A sleek, real-time cryptocurrency dashboard with interactive price charts, asset tracking, and market news. Features dynamic price updates, portfolio overview, and detailed asset i","k":"layout","s":"21st","c":"layout/dashboard","a":"spydiecy","pl":"https://cdn.21st.dev/user_2x7qNq1R4V3iv559IOTNyUIojOy/crypto-dashboard-pro/crypto-dashboard-pro/preview.png","pc":"spydiecy"},{"id":"21st:spydiecy__cyberpunk-neon-folder","t":"Cyberpunk neon folder","d":"An interactive 3D folder component with cyberpunk aesthetics, glowing neon colors, and animated paper sheets. Features perspective transformations, shadow effects, and dynamic hove","s":"21st","c":"layout/bento-grid","a":"spydiecy","pl":"https://cdn.21st.dev/spydiecy/cyberpunk-neon-folder/default/preview.1747480428360.png","pc":"spydiecy","tg":["grid"]},{"id":"21st:spydiecy__pixel-animation-cards","t":"Pixel animation cards","d":"Interactive cards with stunning pixel animations that react to hover and focus states. Each card features customizable pixel density, colors, and animation speed. Perfect for navig","s":"21st","c":"data-display/card","a":"spydiecy","pl":"https://cdn.21st.dev/spydiecy/pixel-animation-cards/default/preview.1747477707853.png","pc":"spydiecy"},{"id":"21st:spydiecy__pulse-button","t":"Pulse button","s":"21st","c":"actions/button","a":"spydiecy","pl":"https://cdn.21st.dev/user_2x7qNq1R4V3iv559IOTNyUIojOy/pulse-button/pulse-button/preview.png","pc":"spydiecy","sb":"Animated"},{"id":"21st:spydiecy__shiny-cta-button","t":"Shiny cta button","d":"A mesmerizing CSS-animated button with shimmering borders, dot patterns, and hover effects. Perfect for high-emphasis call-to-action elements like subscription offers, premium feat","s":"21st","c":"actions/button","a":"spydiecy","pl":"https://cdn.21st.dev/spydiecy/shiny-cta-button/default/preview.1747477063576.png","pc":"spydiecy"},{"id":"21st:spydiecy__stacked-activity-cards","t":"Stacked activity cards","d":"An animated UI component showing stacked activity cards that expand and collapse with a smooth animation. Features elegant scaling and positioning transitions when toggled, with ea","s":"21st","c":"data-display/card","a":"spydiecy","u":43,"pl":"https://cdn.21st.dev/spydiecy/stacked-activity-cards/default/preview.1747480814123.png","pc":"spydiecy","tg":["date-picker"]},{"id":"21st:srisomanaath__buety-button","t":"Buety button","d":"add diffffffff","s":"21st","c":"actions/button","a":"srisomanaath","pl":"https://cdn.21st.dev/srisomanaath/buety-button/default/preview.1748684611263.png","pc":"srisomanaath"},{"id":"21st:sshahaider__app-store-button","t":"App store button","d":"The App Store Button follows Apple’s familiar download style, featuring a clean Apple logo, compact typography, and balanced layout. It’s ideal for product sites, landing pages, or","s":"21st","c":"actions/button","a":"sshahaider","u":173,"pl":"https://cdn.21st.dev/sshahaider/app-store-button/default/preview.1759058753773.png","pc":"sshahaider","tg":["button"]},{"id":"21st:sshahaider__auth-divider","t":"Auth divider","d":"A horizontal divider with centered label text, typically used to separate social login buttons from an email form on authentication screens.","s":"21st","c":"flows/sign-in","a":"sshahaider","u":10,"pl":"https://cdn.21st.dev/sshahaider/auth-divider/default/preview.1784390665011-0213a1a0-2262-4bb2-8f9a-a748694d7223.png","pc":"sshahaider","tg":["sign-in"],"sb":"Sign in"},{"id":"21st:sshahaider__auth-modal","t":"Auth modal","d":"A modern authentication modal with Google and email login options.\nClean UI, smooth animations, and ready to plug into your Next.js app.","s":"21st","c":"flows/sign-in","a":"sshahaider","st":"rated","u":58,"pl":"https://cdn.21st.dev/sshahaider/auth-modal/default/preview.1756123101951.png","pc":"sshahaider","tg":["modal","sign-in"],"sc":18,"sb":"Sign in"},{"id":"21st:sshahaider__auth-page","t":"Auth page","d":"A modern split-screen authentication page with social login, email sign-in, and a floating animated background.\nBuilt for clarity, responsiveness, and a polished user experience ou","s":"21st","c":"flows/sign-in","a":"sshahaider","st":"rated","u":649,"pl":"https://cdn.21st.dev/sshahaider/auth-page/default/preview.1757158074332.png","pc":"sshahaider","tg":["form","sign-in"],"sc":18,"sb":"Sign up"},{"id":"21st:sshahaider__avatar-uploader","t":"Avatar uploader","d":"An interactive avatar uploader with image cropping and preview that supports custom aspect ratios, size limits, and file validation. Perfect for profile pictures, user onboarding f","s":"21st","c":"data-display/avatar","a":"sshahaider","u":138,"pl":"https://cdn.21st.dev/sshahaider/avatar-uploader/default/preview.1757506731682.png","pc":"sshahaider","tg":["image","modal","upload-download"]},{"id":"21st:sshahaider__background-patterns","t":"Background patterns","d":"A versatile background pattern component for React, it supports six visual styles and eight customizable mask effects. You can easily add subtle texture or visual flair to any sect","k":"motion","s":"21st","c":"motion/background","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/background-patterns/default/preview.1747301659014.png","pc":"sshahaider","sb":"Grids and patterns"},{"id":"21st:sshahaider__banner","t":"Banner","d":"he Banner component is a flexible notification element for showing messages, alerts, or announcements. It supports multiple variants (success, warning, info, premium, etc.), differ","s":"21st","c":"overlays/alert-banner","a":"sshahaider","u":175,"pl":"https://cdn.21st.dev/sshahaider/banner/default/preview.1755973959132.png","pc":"sshahaider","tg":["announcement","icon","notification"]},{"id":"21st:sshahaider__bento-pricing","t":"Bento pricing","d":"A clean and responsive pricing table with a bento-style layout, feature checklists, and call-to-action buttons. Ideal for SaaS apps, startups, and subscription websites, it makes p","k":"section","s":"21st","c":"marketing/pricing","a":"sshahaider","u":218,"pl":"https://cdn.21st.dev/sshahaider/bento-pricing/default/preview.1759400605097.png","pc":"sshahaider","tg":["cta","grid","pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:sshahaider__bg-pattern","t":"Bg pattern","d":"A versatile background pattern component for React, it supports six visual styles and eight customizable mask effects. You can easily add subtle texture or visual flair to any sect","k":"motion","s":"21st","c":"motion/background","a":"sshahaider","u":1203,"pl":"https://cdn.21st.dev/sshahaider/bg-pattern/default/preview.1747466400576.png","pc":"sshahaider","sb":"Grids and patterns"},{"id":"21st:sshahaider__blog-section","t":"Blog section","d":"A modern blog grid with lazy-loaded images, smooth hover effects, and clean typography.\nShowcases articles with author, date, and read-time in a polished card layout.","k":"section","s":"21st","c":"marketing/marketing","a":"sshahaider","u":111,"pl":"https://cdn.21st.dev/sshahaider/blog-section/default/preview.1757314480730.png","pc":"sshahaider","tg":["grid","image"],"sb":"Blog and posts"},{"id":"21st:sshahaider__circular-progress","t":"Circular progress","d":"This CircularProgress component shows a smooth, animated ring to display progress in a clean, modern style. You can choose between a full circle or a gaped version, customize color","s":"21st","c":"data-viz/progress-bar","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/circular-progress/default/preview.1753215256735.png","pc":"sshahaider"},{"id":"21st:sshahaider__comments","t":"Comments","d":"A fully functional comment system component with support for replies, user avatars, and animated UI using framer-motion. It includes individual cards for comments and replies, show","s":"21st","c":"inputs/textarea","a":"sshahaider","st":"rated","u":22,"pl":"https://cdn.21st.dev/sshahaider/comments/default/preview.1753198919594.png","pc":"sshahaider","sc":18},{"id":"21st:sshahaider__contact-card","t":"Contact card","d":"A modern contact card with a clean layout, combining details, icons, and a form section.\nPerfect for displaying your contact info alongside an inquiry form in one stylish block.","k":"section","s":"21st","c":"marketing/marketing","a":"sshahaider","u":558,"pl":"https://cdn.21st.dev/sshahaider/contact-card/default/preview.1755584847121.png","pc":"sshahaider","tg":["card","form","icon","textarea"],"sb":"Contact"},{"id":"21st:sshahaider__contact-page","t":"Contact page","d":"A professional contact page with email, phone, office details, and social media links, featuring copy-to-clipboard actions and a modern UI layout. Ideal for business websites, SaaS","k":"section","s":"21st","c":"marketing/marketing","a":"sshahaider","u":195,"pl":"https://cdn.21st.dev/sshahaider/contact-page/default/preview.1757519188483.png","pc":"sshahaider","tg":["grid","form","link"],"sb":"Contact"},{"id":"21st:sshahaider__copy-button","t":"Copy button","d":"a Copy Button re useable Component","s":"21st","c":"actions/copy-button","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/copy-button/default/preview.1752832845812.png","pc":"sshahaider"},{"id":"21st:sshahaider__create-workspace-modal","t":"Create workspace modal","d":"A clean and intuitive workspace creation modal with input fields, slug preview, and action button. Ideal for SaaS apps, team collaboration tools, and project management dashboards.","s":"21st","c":"overlays/dialog","a":"sshahaider","u":29,"pl":"https://cdn.21st.dev/sshahaider/create-workspace-modal/default/preview.1757436584043.png","pc":"sshahaider","tg":["modal"],"sb":"Forms"},{"id":"21st:sshahaider__cta-1","t":"Cta 1","d":"Centered call-to-action bar with bold heading and dual action buttons.","k":"section","s":"21st","c":"marketing/cta","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/cta-1/default/preview.1760953627169.png","pc":"sshahaider"},{"id":"21st:sshahaider__cta-2","t":"Cta 2","d":"Minimal call-to-action section with headline, short description, and dual buttons for sales contact and getting started.","k":"section","s":"21st","c":"marketing/cta","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/cta-2/default/preview.1760954840847.png","pc":"sshahaider"},{"id":"21st:sshahaider__cta-3","t":"Cta 3","k":"section","s":"21st","c":"marketing/cta","a":"sshahaider","u":308,"pl":"https://cdn.21st.dev/sshahaider/cta-3/default/preview.1760955512955.png","pc":"sshahaider","tg":["button","cta"]},{"id":"21st:sshahaider__cta-4","t":"Cta 4","d":"Modern call-to-action card with rounded edges, subtle shadow, and dual buttons for contacting sales or getting started.","k":"section","s":"21st","c":"marketing/cta","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/cta-4/default/preview.1760956107580.png","pc":"sshahaider"},{"id":"21st:sshahaider__cta-5","t":"Cta 5","d":"Newsletter subscription section with email input, submit button, and expert avatars for added trust and engagement.","k":"section","s":"21st","c":"marketing/cta","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/cta-5/default/preview.1760956819257.png","pc":"sshahaider"},{"id":"21st:sshahaider__dashboard","t":"Dashboard","d":"here is Dashboard components","k":"layout","s":"21st","c":"layout/dashboard","a":"sshahaider","pl":"https://cdn.21st.dev/larsen66/dashboard/default/preview.1779987538674.png","pc":"sshahaider"},{"id":"21st:sshahaider__decor-icon","t":"Decor icon","d":"A small decorative plus-shaped icon that positions itself at the corners of a bordered container.","s":"21st","c":"assets/icon","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/decor-icon/default/preview.1784758274384-728b4ae1-4f9f-41d4-a486-7230cb705c58.png","pc":"sshahaider"},{"id":"21st:sshahaider__dialog","t":"Dialog","d":"a beautifully structured Dialog component built using Radix UI primitives with custom styling and slots for full flexibility. It offers smooth animations, a blurred backdrop, respo","s":"21st","c":"overlays/dialog","a":"sshahaider","u":451,"pl":"https://cdn.21st.dev/sshahaider/dialog/default/preview.1753272898333.png","pc":"sshahaider","tg":["faq","list","modal","scroll-area"],"sb":"Confirm"},{"id":"21st:sshahaider__discord-icon","t":"Discord icon","d":"A Discord logo SVG icon component that inherits the current text color for easy theming and sizing.","s":"21st","c":"assets/icon","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/discord-icon/default/preview.1784706145467-ad8d18a5-1dfb-4617-b221-55e42275d00b.png","pc":"sshahaider"},{"id":"21st:sshahaider__dotted-surface","t":"Dotted surface","s":"21st","c":"data-display/avatar","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/dotted-surface/default/preview.1785469416363-efa502af-ddbb-41c0-8aaa-2b472de5a664.png","pc":"sshahaider"},{"id":"21st:sshahaider__drawer","t":"Drawer","d":"A flexible and beautifully styled Drawer component built using Vaul (Radix-based) primitives. It supports all drawer directions (top, bottom, left, right) with smooth animations, b","s":"21st","c":"overlays/sheet","a":"sshahaider","u":416,"pl":"https://cdn.21st.dev/sshahaider/drawer/default/preview.1753379971063.png","pc":"sshahaider","tg":["modal"]},{"id":"21st:sshahaider__efferd-dashboard-2","t":"Efferd dashboard 2","d":"Dense KPI dashboard grid with revenue charts, channel sales, invoices, billing health, and activity feed.","k":"layout","s":"21st","c":"layout/dashboard","a":"sshahaider","u":118,"pl":"https://cdn.21st.dev/reapollo/efferd-dashboard-2/default/preview.1780351476557.png","pc":"sshahaider","tg":["dashboard","sidebar","table"]},{"id":"21st:sshahaider__facebook-icon","t":"Facebook icon","d":"A single-path Facebook logo SVG icon that inherits color via currentColor and accepts all SVG props.","s":"21st","c":"assets/icon","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/facebook-icon/default/preview.1784706132289-4fbfcd5b-5fc6-4b9a-ace5-830e177c46db.png","pc":"sshahaider"},{"id":"21st:sshahaider__falling-pattern","t":"Falling pattern","d":"A mesmerizing falling-particles background with customizable colors, blur, and density—perfect for subtle motion effects.\nBuilt with Framer Motion for buttery-smooth infinite anima","s":"21st","c":"other","a":"sshahaider","u":822,"pl":"https://cdn.21st.dev/sshahaider/falling-pattern/default/preview.1755170299566.png","pc":"sshahaider"},{"id":"21st:sshahaider__faq-5","t":"Faq 5","d":"Responsive FAQ section with filters, search, and accordions for quick answers.","k":"section","s":"21st","c":"marketing/faq","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/faq-5/default/preview.1760598542457.png","pc":"sshahaider"},{"id":"21st:sshahaider__faqs-1","t":"Faqs 1","k":"section","s":"21st","c":"marketing/faq","a":"sshahaider","u":267,"pl":"https://cdn.21st.dev/sshahaider/faqs-1/default/preview.1760596768197.png","pc":"sshahaider","tg":["accordion","faq"]},{"id":"21st:sshahaider__faqs-2","t":"Faqs 2","d":"Split-screen FAQ layout with bordered sections, interactive accordion, and a clean call-to-action footer.","k":"section","s":"21st","c":"marketing/faq","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/faqs-2/default/preview.1760596988077.png","pc":"sshahaider"},{"id":"21st:sshahaider__faqs-3","t":"Faqs 3","d":"Two-column FAQ section featuring bordered layout, vertical guide line, and elegant accordion interactions.","k":"section","s":"21st","c":"marketing/faq","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/faqs-3/default/preview.1760597388627.png","pc":"sshahaider"},{"id":"21st:sshahaider__faqs-4","t":"Faqs 4","d":"Multi-category FAQ section with sidebar filters, adaptive accordion layout, and elegant interactive transitions.","k":"section","s":"21st","c":"marketing/faq","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/faqs-4/default/preview.1760597871875.png","pc":"sshahaider"},{"id":"21st:sshahaider__features-1","t":"Features 1","d":"Linear feature grid with icons and descriptions, separated by vertical lines.","k":"section","s":"21st","c":"marketing/features","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/features-1/default/preview.1774872019419.png","pc":"sshahaider"},{"id":"21st:sshahaider__features-3","t":"Features 3","d":"A responsive feature section with a four-column grid separated by full-width dividers, each cell showing an icon, title, and short description.","k":"section","s":"21st","c":"marketing/features","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/features-3/default/preview.1784694398495-676c063f-fe94-46b9-98c6-013e9a7f27a4.png","pc":"sshahaider"},{"id":"21st:sshahaider__features-4","t":"Features 4","d":"A responsive feature section with cards that have extended crosshair borders, corner plus decorators, and icon, title and description for each feature.","k":"section","s":"21st","c":"marketing/features","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/features-4/default/preview.1784698173189-8f5688c6-5e15-444f-a07e-c092e37d7060.png","pc":"sshahaider"},{"id":"21st:sshahaider__figma-icon","t":"Figma icon","d":"A Figma brand logo rendered as an inline SVG icon component that accepts all standard SVG props.","s":"21st","c":"assets/icon","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/figma-icon/default/preview.1784706101054-d0b420bc-10f5-466c-82b4-6cbb4ba4301d.png","pc":"sshahaider"},{"id":"21st:sshahaider__floating-header","t":"Floating header","d":"a sleek, sticky navigation bar that stays visible while you scroll, ensuring quick access to essential links. With a rounded glass-like design, mobile-friendly drawer menu, and smo","s":"21st","c":"navigation/top-nav","a":"sshahaider","u":812,"pl":"https://cdn.21st.dev/sshahaider/floating-header/default/preview.1758868802711.png","pc":"sshahaider","sb":"Floating"},{"id":"21st:sshahaider__footer","t":"Footer","d":"A clean and structured footer with social links, quick navigation groups, and legal info.\nDesigned with responsive grids and subtle styling to keep everything clear and accessible.","k":"section","s":"21st","c":"marketing/footer","a":"sshahaider","u":57,"pl":"https://cdn.21st.dev/sshahaider/footer/default/preview.1755970127438.png","pc":"sshahaider","tg":["footer","link"]},{"id":"21st:sshahaider__footer-2","t":"Footer 2","d":"a modern website footer featuring multi-column navigation, social media icons, and App Store & Google Play buttons. Perfect for SaaS, eCommerce, or blogs, it adds credibility, easy","k":"section","s":"21st","c":"marketing/footer","a":"sshahaider","u":135,"pl":"https://cdn.21st.dev/sshahaider/footer-2/default/preview.1759066996075.png","pc":"sshahaider","tg":["footer","link","navigation-menu"]},{"id":"21st:sshahaider__footer-section","t":"Footer section","d":"An animated footer section for saas website","k":"section","s":"21st","c":"marketing/footer","a":"sshahaider","u":1254,"pl":"https://cdn.21st.dev/sshahaider/footer-section/default/preview.1747156786487.png","pc":"sshahaider","tg":["footer","link"]},{"id":"21st:sshahaider__footer-section-1","t":"Footer section 1","d":"An animated footer section for saas website","k":"section","s":"21st","c":"marketing/footer","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/footer-section/default/preview.1747147323171.png","pc":"sshahaider"},{"id":"21st:sshahaider__form-1","t":"Form 1","d":"Elegant workspace creation form with labeled inputs, grouped fields, and a clean card layout for onboarding users smoothly.","s":"21st","c":"inputs/form-field","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/form-1/default/preview.1761934205037.png","pc":"sshahaider","sb":"Whole forms"},{"id":"21st:sshahaider__form-2","t":"Form 2","s":"21st","c":"inputs/form-field","a":"sshahaider","st":"rated","pl":"https://cdn.21st.dev/sshahaider/form-2/default/preview.1761934673046.png","pc":"sshahaider","sc":17,"sb":"Whole forms"},{"id":"21st:sshahaider__form-3","t":"Form 3","d":"Comprehensive account settings form with structured fields for name, email, password, and phone number, featuring icons, grouped inputs, and save actions.","s":"21st","c":"inputs/form-field","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/form-3/default/preview.1761935130618.png","pc":"sshahaider","sb":"Whole forms"},{"id":"21st:sshahaider__google-icon","t":"Google icon","s":"21st","c":"assets/icon","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/google-icon/default/preview.1784706059960-6354349f-cbfc-479b-abef-025a1cf2c8f9.png","pc":"sshahaider"},{"id":"21st:sshahaider__gradient-background","t":"Gradient background","d":"A smooth, looping gradient background powered by Framer Motion, with optional overlay and center-aligned content.\nPerfect for creating vibrant hero sections, landing pages, or full","k":"motion","s":"21st","c":"motion/background","a":"sshahaider","u":278,"pl":"https://cdn.21st.dev/sshahaider/gradient-background/default/preview.1755094951715.png","pc":"sshahaider","tg":["background"],"sb":"Gradients and aurora"},{"id":"21st:sshahaider__gradient-balls","t":"Gradient balls","k":"motion","s":"21st","c":"motion/gradient","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/gradient-balls/default/preview.1755200206291.png","pc":"sshahaider"},{"id":"21st:sshahaider__gradient-dots","t":"Gradient dots","d":"A lively field of tiny, colorful dots that shimmer, shift, and cycle through the rainbow.\nPowered by Framer Motion for smooth endless animation and customizable spacing, size, and ","k":"motion","s":"21st","c":"motion/background","a":"sshahaider","u":646,"pl":"https://cdn.21st.dev/sshahaider/gradient-dots/default/preview.1755279879732.png","pc":"sshahaider","tg":["background"],"sb":"Grids and patterns"},{"id":"21st:sshahaider__grid-card","t":"Grid card","d":"A stylish React + Tailwind CSS Grid Card component featuring animated background patterns and gradient effects. Ideal for dashboards, feature cards, pricing sections, and modern UI","s":"21st","c":"data-display/card","a":"sshahaider","u":317,"pl":"https://cdn.21st.dev/sshahaider/grid-card/default/preview.1758377223967.png","pc":"sshahaider","tg":["features"],"sb":"Feature"},{"id":"21st:sshahaider__grid-feature-cards","t":"Grid feature cards","d":"Minimal Features Section using Grid Feature Cards","k":"section","s":"21st","c":"marketing/features","a":"sshahaider","u":795,"pl":"https://cdn.21st.dev/sshahaider/grid-feature-cards/default/preview.1747156095291.png","pc":"sshahaider","tg":["features","grid","icon"],"sb":"Grid of cards"},{"id":"21st:sshahaider__header-1","t":"Header 1","d":"Responsive sticky header with scroll blur effect, animated mobile menu, and adaptive navigation links.","s":"21st","c":"navigation/top-nav","a":"sshahaider","u":598,"pl":"https://cdn.21st.dev/sshahaider/header-1/default/preview.1760511002070.png","pc":"sshahaider","sb":"Mega menus"},{"id":"21st:sshahaider__header-2","t":"Header 2","d":"Elegant responsive header with scroll-based styling, mobile drawer menu, and smooth transitions.","s":"21st","c":"navigation/top-nav","a":"sshahaider","u":1441,"pl":"https://cdn.21st.dev/sshahaider/header-2/default/preview.1760511466900.png","pc":"sshahaider","tg":["navigation-menu"],"sb":"Mega menus"},{"id":"21st:sshahaider__header-3","t":"Header 3","d":"Feature-rich responsive header with scroll blur, animated mobile drawer, and nested navigation menus.","s":"21st","c":"navigation/top-nav","a":"sshahaider","u":963,"pl":"https://cdn.21st.dev/sshahaider/header-3/default/preview.1760506591716.png","pc":"sshahaider","tg":["menu","navigation-menu"],"sb":"Mega menus"},{"id":"21st:sshahaider__header-with-scroll-effect","t":"Header with scroll effect","d":"The Header component is a responsive navigation bar with sticky scroll effects, a mobile-friendly menu, and clear call-to-action buttons. Perfect for modern websites and SaaS apps ","s":"21st","c":"navigation/top-nav","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/header-with-scroll-effect/default/preview.1758799467985.png","pc":"sshahaider","sb":"On scroll"},{"id":"21st:sshahaider__header-with-search","t":"Header with search","d":"This Modern Header with Search & Mobile Menu combines a sleek navigation bar, powerful search modal, and responsive drawer menu. Perfect for SaaS, blogs, and dashboards, it boosts ","s":"21st","c":"navigation/top-nav","a":"sshahaider","u":191,"pl":"https://cdn.21st.dev/sshahaider/header-with-search/default/preview.1758859218030.png","pc":"sshahaider","tg":["search"],"sb":"With search"},{"id":"21st:sshahaider__hero-1","t":"Hero 1","d":"Centered hero with radial gradient background and announcement badge","k":"section","s":"21st","c":"marketing/hero","a":"sshahaider","u":436,"pl":"https://cdn.21st.dev/sshahaider/hero-1/default/preview.1770851081525.png","pc":"sshahaider","tg":["announcement","cta","marquee"]},{"id":"21st:sshahaider__hero-3","t":"Hero 3","d":"Left-aligned hero with dashboard screenshot preview","k":"section","s":"21st","c":"marketing/hero","a":"sshahaider","u":105,"pl":"https://cdn.21st.dev/sshahaider/hero-3/default/preview.1774009232270.png","pc":"sshahaider","tg":["announcement","dashboard","cta"],"sb":"With product shot"},{"id":"21st:sshahaider__illuminated-hero","t":"Illuminated hero","d":"A striking hero section with glowing animated text that instantly grabs attention.\nPerfect for bold headlines, product launches, or landing pages with dramatic flair.","k":"section","s":"21st","c":"marketing/hero","a":"sshahaider","u":146,"pl":"https://cdn.21st.dev/sshahaider/illuminated-hero/default/preview.1757235260969.png","pc":"sshahaider"},{"id":"21st:sshahaider__image-gallery","t":"Image gallery","d":"A responsive image gallery with lazy loading and smooth in-view fade-in effects.\nAutomatically handles portrait/landscape ratios and fallback placeholders.","s":"21st","c":"media/gallery","a":"sshahaider","u":285,"pl":"https://cdn.21st.dev/user_2tWTE0rCrloVAVylFPYfp10xU92/image-gallery/default/preview.1786144277728.webp","pc":"sshahaider","tg":["gallery"]},{"id":"21st:sshahaider__integrations-4-2","t":"Integrations 4 2","d":"A split section with a heading and a masked grid of scattered rounded cards displaying integration logos.","k":"section","s":"21st","c":"marketing/logos","a":"sshahaider","u":6,"pl":"https://cdn.21st.dev/sshahaider/integrations-4/default/preview.1783660747009.png","pc":"sshahaider","tg":["features","grid"]},{"id":"21st:sshahaider__integrations-5","t":"Integrations 5","d":"A horizontal row of overlapping circular integration logos with edge fade masks, a heading, and a call-to-action button.","k":"section","s":"21st","c":"marketing/logos","a":"sshahaider","u":4,"pl":"https://cdn.21st.dev/sshahaider/integrations-5/default/preview.1784397689277-6e1b7bd9-0758-4f6d-83d4-26930fc34b9c.png","pc":"sshahaider"},{"id":"21st:sshahaider__invite-member-modal","t":"Invite member modal","d":"This provides a clean and user-friendly modal for inviting team members via email, with role selection options for Owner or Member. Ideal for SaaS platforms and business apps manag","s":"21st","c":"overlays/dialog","a":"sshahaider","u":37,"pl":"https://cdn.21st.dev/sshahaider/invite-member-modal/default/preview.1758730749346.png","pc":"sshahaider","tg":["modal","radio-group","team"],"sb":"Share and invite"},{"id":"21st:sshahaider__lazy-image","t":"Lazy image","d":"A lightweight lazy-loading image with a skeleton shimmer and smooth fade-in.\nSupports placeholders, in-view loading, and responsive aspect ratios out of the box.","s":"21st","c":"media/gallery","a":"sshahaider","u":427,"pl":"https://cdn.21st.dev/sshahaider/lazy-image/default/preview.1757258727373.png","pc":"sshahaider"},{"id":"21st:sshahaider__logo-cloud","t":"Logo cloud","d":"Simple logo grid displaying brand icons in a clean, bordered layout with light and dark mode support.","k":"section","s":"21st","c":"marketing/logos","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/logo-cloud/default/preview.1761041111833.png","pc":"sshahaider"},{"id":"21st:sshahaider__logo-cloud-2","t":"Logo cloud 2","d":"Stylish logo grid featuring top tech brands with decorative plus icons and dynamic borders for a modern visual layout.","k":"section","s":"21st","c":"marketing/logos","a":"sshahaider","u":409,"pl":"https://cdn.21st.dev/sshahaider/logo-cloud-2/default/preview.1761136047930.png","pc":"sshahaider","tg":["border","clients","grid"]},{"id":"21st:sshahaider__logo-cloud-3","t":"Logo cloud 3","k":"section","s":"21st","c":"marketing/logos","a":"sshahaider","u":933,"pl":"https://cdn.21st.dev/sshahaider/logo-cloud-3/default/preview.1761239948685.png","pc":"sshahaider","tg":["marquee"]},{"id":"21st:sshahaider__logo-cloud-4","t":"Logo cloud 4","k":"section","s":"21st","c":"marketing/logos","a":"sshahaider","u":350,"pl":"https://cdn.21st.dev/sshahaider/logo-cloud-4/default/preview.1761239584496.png","pc":"sshahaider","tg":["marquee"]},{"id":"21st:sshahaider__logo-cloud-5","t":"Logo cloud 5","d":"A responsive brand logo grid for showing partner, customer, or technology logos as social proof.","k":"section","s":"21st","c":"marketing/logos","a":"sshahaider","u":10,"pl":"https://cdn.21st.dev/educlopez/logo-cloud/default/preview.1783578048509.png","pc":"sshahaider","tg":["clients","grid"]},{"id":"21st:sshahaider__menu-toggle","t":"Menu toggle","d":"a sleek animated toggle button (like a hamburger menu) built with SVG. It smoothly transitions between open and closed states with a fun rotation and line morph effect—perfect for ","s":"21st","c":"actions/switch","a":"sshahaider","u":185,"pl":"https://cdn.21st.dev/sshahaider/menu-toggle/default/preview.1753056644074.png","pc":"sshahaider","tg":["menu"]},{"id":"21st:sshahaider__menu-toggle-icon","t":"Menu toggle icon","d":"Animated menu toggle icon morphing smoothly between hamburger and close states.","k":"resource","s":"21st","c":"assets/icon","a":"sshahaider","u":1371,"pl":"https://cdn.21st.dev/sshahaider/menu-toggle-icon/default/preview.1760163620073.png","pc":"sshahaider"},{"id":"21st:sshahaider__minimal-auth-page","t":"Minimal auth page","d":"A sleek authentication page with social login buttons, background effects, and responsive design. Perfect for login screens, signup flows, and onboarding experiences.","s":"21st","c":"flows/sign-in","a":"sshahaider","u":153,"pl":"https://cdn.21st.dev/sshahaider/minimal-auth-page/default/preview.1757606966860.png","pc":"sshahaider","tg":["sign-in"],"sb":"Sign up"},{"id":"21st:sshahaider__minimal-footer","t":"Minimal footer","d":"A clean and responsive footer with company links, resources, and social media icons. Ideal for SaaS, startups, blogs, and business websites looking for a modern UI touch.","k":"section","s":"21st","c":"marketing/footer","a":"sshahaider","u":439,"pl":"https://cdn.21st.dev/sshahaider/minimal-footer/default/preview.1757669089361.png","pc":"sshahaider","tg":["footer","link"]},{"id":"21st:sshahaider__modal","t":"Modal","d":"This smart Modal component auto-switches between a Dialog and Drawer based on screen size using context. It gives you a seamless, unified API for building mobile-friendly popups, s","s":"21st","c":"overlays/dialog","a":"sshahaider","u":420,"pl":"https://cdn.21st.dev/sshahaider/modal/default/preview.1753401307326.png","pc":"sshahaider","tg":["modal"]},{"id":"21st:sshahaider__navigation-menu","t":"Navigation menu","d":"Upgrade your project with a sleek React + Tailwind CSS Navigation Menu featuring a modern desktop mega menu and a smooth mobile drawer. Perfect for SaaS dashboards, landing pages, ","s":"21st","c":"navigation/top-nav","a":"sshahaider","u":723,"pl":"https://cdn.21st.dev/user_2tWTE0rCrloVAVylFPYfp10xU92/navigation-menu/default/preview.1758732635932.png","pc":"sshahaider","tg":["dropdown","grid","menu","navigation-menu"],"sb":"Mega menus"},{"id":"21st:sshahaider__not-found-2","t":"Not found 2","d":"Minimalist 404 page featuring large masked typography and clear navigation actions.","k":"page","s":"21st","c":"pages/templates","a":"sshahaider","u":123,"pl":"https://cdn.21st.dev/sshahaider/not-found-2/default/preview.1770406102409.png","pc":"sshahaider","tg":["button","empty-state"],"sb":"Error and status pages"},{"id":"21st:sshahaider__not-found-page-1","t":"Not found page 1","d":"Minimal 404 error page with bold typography, subtle borders, and clear navigation actions.","k":"page","s":"21st","c":"pages/templates","a":"sshahaider","u":212,"pl":"https://cdn.21st.dev/sshahaider/not-found-page-1/default/preview.1760383368876.png","pc":"sshahaider","tg":["empty-state"],"sb":"Error and status pages"},{"id":"21st:sshahaider__pattern-text","t":"Pattern text","d":"A bold patterned text component with an animated shadow effect for standout headings.\nPerfect for hero sections, titles, or anywhere you want striking typography.","k":"motion","s":"21st","c":"motion/text-effect","a":"sshahaider","u":69,"pl":"https://cdn.21st.dev/sshahaider/pattern-text/default/preview.1757173737415.png","pc":"sshahaider","tg":["text"]},{"id":"21st:sshahaider__pixel-transition","t":"Pixel transition","s":"21st","c":"other","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/pixel-transition/default/preview.1756061161830.png","pc":"sshahaider"},{"id":"21st:sshahaider__play-store-button","t":"Play store button","d":"A sleek, customizable CTA (Call to Action) that mimics the official Google Play style. With a built-in Google Play icon, bold typography, it’s perfect for apps, SaaS platforms, or ","s":"21st","c":"actions/button","a":"sshahaider","u":145,"pl":"https://cdn.21st.dev/sshahaider/play-store-button/default/preview.1759058258140.png","pc":"sshahaider","tg":["button","cta"]},{"id":"21st:sshahaider__popover","t":"Popover","d":"A beautifully wrapped Radix Popover with custom slots, animations, and sections like header, body, and footer — all styled for seamless integration.\nEasily build interactive popups","s":"21st","c":"overlays/popover","a":"sshahaider","st":"rated","u":157,"pl":"https://cdn.21st.dev/sshahaider/popover/default/preview.1753470878115.png","pc":"sshahaider","tg":["dropdown","menu","popover","profile"],"sc":18},{"id":"21st:sshahaider__pricing","t":"Pricing","d":"a dynamic, responsive pricing table with animated monthly/yearly toggle, tooltips for feature descriptions, and an optional highlight effect for popular plans. Each card displays p","k":"section","s":"21st","c":"marketing/pricing","a":"sshahaider","u":431,"pl":"https://cdn.21st.dev/sshahaider/pricing/default/preview.1753313447140.png","pc":"sshahaider","tg":["cta","pricing-section","table","tooltip"],"sb":"Comparison tables"},{"id":"21st:sshahaider__pricing-1","t":"Pricing 1","d":"Side-by-side monthly and yearly pricing cards with strikethrough prices and discount badges.","k":"section","s":"21st","c":"marketing/pricing","a":"sshahaider","u":8,"pl":"https://cdn.21st.dev/sshahaider/pricing-1/default/preview.1784380445046-bc43c1df-d1a1-4993-9582-f33659cdec7f.png","pc":"sshahaider","tg":["badge","cta","pricing-section"]},{"id":"21st:sshahaider__pricing-4","t":"Pricing 4","d":"Interactive three-tier pricing section with a monthly/yearly toggle, animated price numbers, and a highlighted popular plan.","k":"section","s":"21st","c":"marketing/pricing","a":"sshahaider","u":20,"pl":"https://cdn.21st.dev/sshahaider/pricing-4/default/preview.1784465874657-7071887f-e23f-4562-97ca-2fcbe68d0f09.png","pc":"sshahaider","tg":["pricing-section","table","toggle"],"sb":"Comparison tables"},{"id":"21st:sshahaider__pricing-card","t":"Pricing card","d":"A sleek, component-based Card system with glass effects, pricing layouts, and flexible sections like header, body, and list items.\nPerfect for modern SaaS pricing tables, feature l","k":"section","s":"21st","c":"marketing/pricing","a":"sshahaider","u":298,"pl":"https://cdn.21st.dev/sshahaider/pricing-card/default/preview.1754744357834.png","pc":"sshahaider","tg":["badge","card","list","pricing-section"],"sb":"Plan cards"},{"id":"21st:sshahaider__pricing-table","t":"Pricing table","d":"A sleek, component-based Card system with glass effects, pricing layouts, and flexible sections like header, body, and list items.\nPerfect for modern SaaS pricing tables, feature l","k":"section","s":"21st","c":"marketing/pricing","a":"sshahaider","u":121,"pl":"https://cdn.21st.dev/sshahaider/pricing-table/default/preview.1754892368774.png","pc":"sshahaider","tg":["comparison","pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:sshahaider__pricing-with-chart","t":"Pricing with chart","d":"a modern pricing section with free and pro plans, featuring feature lists, call-to-action buttons, and an interactive chart for plan popularity trends. Perfect for SaaS websites, s","k":"section","s":"21st","c":"marketing/pricing","a":"sshahaider","u":93,"pl":"https://cdn.21st.dev/sshahaider/pricing-with-chart/default/preview.1758729397050.png","pc":"sshahaider","tg":["cta","features","pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:sshahaider__search-modal","t":"Search modal","d":"A powerful command palette with keyboard shortcuts, categorized results, and live search filtering. Perfect for SaaS apps, dashboards, and productivity tools to deliver a fast, int","s":"21st","c":"overlays/dialog","a":"sshahaider","u":180,"pl":"https://cdn.21st.dev/sshahaider/search-modal/default/preview.1758821839137.png","pc":"sshahaider","tg":["list","modal","search"],"sb":"Search"},{"id":"21st:sshahaider__sheet","t":"Sheet","d":"A flexible React + Tailwind CSS Sheet (Drawer) component built with Radix UI, featuring animated slide-in panels from any side. Perfect for dashboards, modals, mobile menus, and re","s":"21st","c":"overlays/sheet","a":"sshahaider","u":824,"pl":"https://cdn.21st.dev/sshahaider/sheet/default/preview.1758374902550.png","pc":"sshahaider","tg":["modal"]},{"id":"21st:sshahaider__shining-skeleton","t":"Shining skeleton","s":"21st","c":"status/skeleton","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/shining-skeleton/default/preview.1757338863533.png","pc":"sshahaider"},{"id":"21st:sshahaider__simple-header","t":"Simple header","d":"A modern React header with sticky positioning, backdrop blur effects, and seamless mobile-to-desktop navigation experience.\nFeatures collapsible hamburger menu for mobile devices a","s":"21st","c":"navigation/top-nav","a":"sshahaider","u":422,"pl":"https://cdn.21st.dev/sshahaider/simple-header/default/preview.1758710631255.png","pc":"sshahaider"},{"id":"21st:sshahaider__single-pricing-card-1","t":"Single pricing card 1","d":"A modern, responsive single-plan pricing section built for SaaS apps. Easy to customize and integrate into any project.","k":"section","s":"21st","c":"marketing/pricing","a":"sshahaider","u":322,"pl":"https://cdn.21st.dev/sshahaider/single-pricing-card/default/preview.1747467081300.png","pc":"sshahaider","tg":["grid","pricing-section"],"sb":"Single plan"},{"id":"21st:sshahaider__smart-popover","t":"Smart popover","d":"This SmartPopover gives you a mobile-first popover/drawer combo that auto-adapts based on screen size. It wraps Radix Popover and Vaul Drawer with a shared context, so you write it","s":"21st","c":"overlays/popover","a":"sshahaider","st":"rated","u":41,"pl":"https://cdn.21st.dev/sshahaider/smart-popover/default/preview.1753442006344.png","pc":"sshahaider","tg":["popover","profile"],"sc":22},{"id":"21st:sshahaider__sonner","t":"Sonner","d":"a colorfull Sonner","s":"21st","c":"overlays/toast","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/sonner/default/preview.1753005569884.png","pc":"sshahaider"},{"id":"21st:sshahaider__spinner","t":"Spinner","d":"A lightweight, customizable React spinner component with dynamic sizing and smooth staggered animation for modern UIs","s":"21st","c":"status/loader","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/spinner/default/preview.1753058452121.png","pc":"sshahaider","sb":"Spinners"},{"id":"21st:sshahaider__spinner-1","t":"Spinner 1","d":"A lightweight, customizable React spinner component with dynamic sizing and smooth staggered animation for modern UIs","s":"21st","c":"status/loader","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/spinner-1/default/preview.1756105536505.png","pc":"sshahaider","tg":["spinner"],"sb":"Spinners"},{"id":"21st:sshahaider__sticky-footer","t":"Sticky footer","d":"A modern, animated sticky footer with multi-column navigation, social media icons, Perfect for SaaS, fintech, startups, and business websites to enhance branding and user engagemen","k":"section","s":"21st","c":"marketing/footer","a":"sshahaider","u":229,"pl":"https://cdn.21st.dev/sshahaider/sticky-footer/default/preview.1757614559110.png","pc":"sshahaider","tg":["footer","link","navigation-menu"]},{"id":"21st:sshahaider__testimonials-1","t":"Testimonials 1","d":"A centered testimonial section with a company logo, quote, author name, role, and avatar.","k":"section","s":"21st","c":"marketing/testimonials","a":"sshahaider","u":10,"pl":"https://cdn.21st.dev/sshahaider/testimonials-1/default/preview.1784442503842-5c6a6088-796e-42f5-95a0-c739d687a5ea.png","pc":"sshahaider","tg":["avatar","testimonials"]},{"id":"21st:sshahaider__testimonials-2","t":"Testimonials 2","d":"Minimalist testimonial block with a quote, author info, and decorative cross-hair mask lines framing the avatar.","k":"section","s":"21st","c":"marketing/testimonials","a":"sshahaider","u":12,"pl":"https://cdn.21st.dev/sshahaider/testimonials-2/default/preview.1783657279634.png","pc":"sshahaider","tg":["avatar","testimonials"]},{"id":"21st:sshahaider__testimonials-3","t":"Testimonials 3","d":"Staggered grid of testimonial cards with quote icons, avatars, and decorative corner marks.","k":"section","s":"21st","c":"marketing/testimonials","a":"sshahaider","u":10,"pl":"https://cdn.21st.dev/sshahaider/testimonials-3/default/preview.1784476053578-bb174cad-7c4c-4721-ab03-f7b499d2e598.png","pc":"sshahaider","tg":["avatar","grid","testimonials"]},{"id":"21st:sshahaider__testimonials-6","t":"Testimonials 6","d":"Testimonials section with three columns of quote cards that scroll infinitely in a vertical marquee, slowing on hover.","k":"section","s":"21st","c":"marketing/testimonials","a":"sshahaider","u":10,"pl":"https://cdn.21st.dev/sshahaider/testimonials-6/default/preview.1785101770232-d52e4cab-807e-4878-9852-44062e0d870e.png","pc":"sshahaider","tg":["carousel","marquee","testimonials"]},{"id":"21st:sshahaider__testimonials-columns-1","t":"Testimonials columns 1","d":"an animated testimonials section where the testimonials are shown in columns","k":"section","s":"21st","c":"marketing/testimonials","a":"sshahaider","u":3605,"pl":"https://cdn.21st.dev/user_2tWTE0rCrloVAVylFPYfp10xU92/testimonials-columns-1/default/preview.1746775320320.png","pc":"sshahaider","tg":["marquee","testimonials"]},{"id":"21st:sshahaider__testimonials-section","t":"Testimonials section","d":"A modern testimonial grid with animations, customer photos, and quotes — perfect for SaaS, startups, and business websites to showcase client success stories and build trust.","k":"section","s":"21st","c":"marketing/testimonials","a":"sshahaider","u":133,"pl":"https://cdn.21st.dev/sshahaider/testimonials-section/default/preview.1757677151700.png","pc":"sshahaider","tg":["avatar","grid","testimonials"]},{"id":"21st:sshahaider__text-disperse","t":"Text disperse","d":"A playful hover effect that scatters each letter in unique directions with smooth motion.\nGreat for adding personality and interactivity to headings or standout text.","k":"motion","s":"21st","c":"motion/text-effect","a":"sshahaider","u":51,"pl":"https://cdn.21st.dev/sshahaider/text-disperse/default/preview.1756056619707.png","pc":"sshahaider"},{"id":"21st:sshahaider__toggle-theme","t":"Toggle theme","d":"Animated Theme Switcher Component - Offer users seamless, visually engaging control over light, dark, and system themes.\n\nBuilt with next-themes and framer-motion, this component e","s":"21st","c":"actions/switch","a":"sshahaider","u":278,"pl":"https://cdn.21st.dev/sshahaider/toggle-theme/default/preview.1758720684339.png","pc":"sshahaider","tg":["toggle"],"sb":"Theme toggles"},{"id":"21st:sshahaider__use-scroll","t":"Use scroll","d":"A simple React hook that returns true when the page is scrolled past a specified pixel threshold.","k":"layout","s":"21st","c":"layout/scroll-area","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/use-scroll/default/preview.1760178818704.png","pc":"sshahaider"},{"id":"21st:sshahaider__wave-path","t":"Wave path","k":"motion","s":"21st","c":"motion/background","a":"sshahaider","pl":"https://cdn.21st.dev/sshahaider/wave-path/default/preview.1756105008574.png","pc":"sshahaider","sb":"Waves and warps"},{"id":"21st:sshahaider__workspaces","t":"Workspaces","d":"a flexible, context-based solution to manage and display multiple workspaces in your app. It uses Radix Popover, supports avatars, search, and customizable rendering—perfect for Sa","k":"section","s":"21st","c":"marketing/team","a":"sshahaider","u":248,"pl":"https://cdn.21st.dev/sshahaider/workspaces/default/preview.1753391499748.png","pc":"sshahaider","tg":["popover","search","team"]},{"id":"21st:sshahaider__zoom-parallax","t":"Zoom parallax","d":"A smooth scroll effect where images zoom in at different speeds for a cinematic feel.\nPerfect for hero sections or storytelling layouts that need extra visual depth.","k":"layout","s":"21st","c":"layout/scroll-area","a":"sshahaider","u":1236,"pl":"https://cdn.21st.dev/sshahaider/zoom-parallax/default/preview.1756035247466.png","pc":"sshahaider","tg":["gallery"]},{"id":"21st:ssicevs__alert-stack","t":"Alert stack","d":"Collapsed notification deck that fans open on hover — each dismiss re-settles the pile, and a quiet restore control appears once every alert is cleared. Light and dark via theme to","s":"21st","c":"overlays/alert-banner","a":"ssicevs","st":"rated","pl":"https://cdn.21st.dev/ssicevs/alert-stack/default/preview.1785376198259-6ba69e0b-8631-4251-bdcb-08679abfdb76.png","pc":"ssicevs","tg":["alert","notification"],"sc":23},{"id":"21st:ssicevs__amount","t":"Amount","d":"Money-formatting suite: Fiat, Crypto and Percent amount components that agree on symbol placement, precision, K/M/B/T abbreviation and sign coloring. Tabular numerals, light and da","s":"21st","c":"inputs/form-field","a":"ssicevs","pl":"https://cdn.21st.dev/ssicevs/amount/default/preview.1785446097239-12eb379e-378d-4b79-8670-c766b122ae52.png","pc":"ssicevs","sb":"Whole forms"},{"id":"21st:ssicevs__analyst-radar","t":"Analyst radar","d":"Multivariate factor radar with two series overlaid — the company against its sector — across up to eight axes indexed 0-100. Hover a spoke and the header reads both values at once;","s":"21st","c":"data-viz/chart","a":"ssicevs","pl":"https://cdn.21st.dev/ssicevs/analyst-radar/default/preview.1785453614578-428cfb51-479a-4d3f-8715-f916d51c3267.png","pc":"ssicevs","sb":"Radar"},{"id":"21st:ssicevs__candle-chart","t":"Candle chart","d":"Trading terminal price panel: OHLC candles with a volume strip, a crosshair that reads the exact bar into the header, and a gliding-thumb timeframe switch. Light and dark via shadc","s":"21st","c":"data-viz/chart","a":"ssicevs","st":"rated","pl":"https://cdn.21st.dev/ssicevs/candle-chart/default/preview.1786799129057-2dfd925e-ac6c-4736-96ea-91d0cd5b0f86.png","pc":"ssicevs","sc":21,"sb":"Financial"},{"id":"21st:ssicevs__crypto-fiat","t":"Crypto fiat","d":"Dual-denomination amount field: type in dollars or units, and the toggle flips which one you are editing while the counter-value rides underneath. The headline steps down through f","s":"21st","c":"motion/number-ticker","a":"ssicevs","pl":"https://cdn.21st.dev/ssicevs/crypto-fiat/default/preview.1785453803533-6afbe43c-1ff5-4115-b5b5-1656078a14dc.png","pc":"ssicevs"},{"id":"21st:ssicevs__macos-dock","t":"Macos dock","s":"21st","c":"navigation/dock","a":"ssicevs","pl":"https://cdn.21st.dev/ssicevs/macos-dock/default/preview.1785457445258-01c6a310-5f80-4a0b-a9c6-da8ffc53accd.png","pc":"ssicevs"},{"id":"21st:ssicevs__market-snapshot","t":"Market snapshot","d":"Stock snapshot card: animated price line with pointer scrubbing, a 1D-to-All period switch, and the hovered price reading into the header with its delta. Light and dark via theme t","s":"21st","c":"data-display/timeline","a":"ssicevs","st":"rated","pl":"https://cdn.21st.dev/ssicevs/market-snapshot/default/preview.1785373224226-c52e6327-4799-426e-b730-8137b02560b0.png","pc":"ssicevs","sc":22},{"id":"21st:ssicevs__market-watchlist","t":"Market watchlist","d":"Sortable market watchlist: per-row sparkline trend, sort by symbol or change with direction toggle, and row selection marked by an accent rail. Light and dark via theme tokens.","s":"21st","c":"data-display/table","a":"ssicevs","st":"rated","pl":"https://cdn.21st.dev/ssicevs/market-watchlist/default/preview.1785373558052-497985ac-b94a-4f8f-875a-e1ebd87e8236.png","pc":"ssicevs","tg":["table"],"sc":21},{"id":"21st:ssicevs__news-card","t":"News card","d":"Auto-cycling market news card: timestamp, bold headline, source, and dot pagination. Dot clicks jump and reset the clock; auto-cycle pauses for reduced-motion users. Light and dark","k":"section","s":"21st","c":"marketing/marketing","a":"ssicevs","u":2,"pl":"https://cdn.21st.dev/ssicevs/news-card/default/preview.1785373099020-3b138892-2365-4ef6-a0ac-084d5587d995.png","pc":"ssicevs","tg":["carousel"],"sb":"Blog and posts"},{"id":"21st:ssicevs__price-target-fan","t":"Price target fan","d":"Analyst price target chart: history walks to now, then three dashed projections fan out to High, Mean and Low targets. Scrub the history or hover a target and a KPI-style card read","s":"21st","c":"data-display/timeline","a":"ssicevs","st":"rated","pl":"https://cdn.21st.dev/ssicevs/price-target-fan/default/preview.1785373490302-4d6cd27e-e758-4fa7-9b35-10d9f3ac62a3.png","pc":"ssicevs","sc":22},{"id":"21st:ssicevs__range-navigator","t":"Range navigator","d":"Focus + context price history: a detail chart sits over a compressed mini-map of the whole series. Drag the brush window to pan, pull an edge to zoom, and hover the plot for a dash","s":"21st","c":"inputs/slider","a":"ssicevs","st":"rated","pl":"https://cdn.21st.dev/ssicevs/range-navigator/default/preview.1785623851724-a51364bc-b446-4382-8a41-aed3ee69e152.png","pc":"ssicevs","sc":22},{"id":"21st:ssicevs__returns-calendar","t":"Returns calendar","d":"Monthly returns heat grid: years by months, diverging green/red cells scaled by magnitude, plus a compounded year-total column. Hovering a cell reads the month and its return into ","s":"21st","c":"data-display/calendar","a":"ssicevs","st":"rated","pl":"https://cdn.21st.dev/ssicevs/returns-calendar/default/preview.1785458954492-d50f46f9-2962-46df-99f8-80618403ec7b.png","pc":"ssicevs","tg":["calendar"],"sc":19},{"id":"21st:ssicevs__rocks","t":"Rocks","d":"Animated (flicker) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, ca","k":"motion","s":"21st","c":"motion/ascii","a":"ssicevs","pl":"https://cdn.21st.dev/ssicevs/rocks/default/preview.1786540850992-86bbb673-4ea8-4fa6-b302-b8955d5de903.webp","pc":"ssicevs","sb":"Characters"},{"id":"21st:ssicevs__sectors-donut","t":"Sectors donut","d":"Allocation donut ring with a centered symbol and legend cross-highlight — hovering a legend row or arc dims the rest so one weight reads at a time. Light and dark via shadcn theme ","s":"21st","c":"data-viz/chart","a":"ssicevs","pl":"https://cdn.21st.dev/ssicevs/sectors-donut/default/preview.1785373035102-15addf45-7790-499e-a6bd-645034707807.png","pc":"ssicevs","sb":"Pie, donut and radial"},{"id":"21st:ssicevs__segmented-control","t":"Segmented control","s":"21st","c":"actions/segmented-control","a":"ssicevs","pl":"https://cdn.21st.dev/ssicevs/segmented-control/default/preview.1785458358404-174b5a87-0605-40d0-a1ba-a84db63b6500.png","pc":"ssicevs"},{"id":"21st:ssicevs__sma-chart","t":"Sma chart","d":"Moving-average chart: one price line with 60- and 200-period SMA overlays, right-edge price ticks, and a summary row underneath with a signed change chip. Light and dark via theme ","s":"21st","c":"data-viz/chart","a":"ssicevs","st":"rated","pl":"https://cdn.21st.dev/ssicevs/sma-chart/default/preview.1785373427807-809b724f-2d1e-4119-af2c-48f7b9e2d2b5.png","pc":"ssicevs","sc":19},{"id":"21st:ssshooter__mind-elixir-react","t":"Mind elixir react","d":"A react mind map component","s":"21st","c":"data-viz/map","a":"ssshooter","st":"rated","pl":"https://cdn.21st.dev/ssshooter/mind-elixir-react/default/preview.1753342436899.png","pc":"ssshooter","sc":18},{"id":"21st:ssshooter__mind-map","t":"Mind map","d":"Beautiful mind map components based on Mind Elixir. One command to install, zero config to start. Styled with Tailwind, works seamlessly with shadcn/ui.","s":"21st","c":"data-viz/map","a":"ssshooter","pl":"https://cdn.21st.dev/ssshooter/mind-map/default/preview.1769588157076.png","pc":"ssshooter"},{"id":"21st:stackingsu__cards-shader-effect","t":"Cards shader effect","d":"Interactive 3D credit card with animated WebGL shader faces that tilts with the cursor, flips on hover, and swaps its gradient design on click.","s":"21st","c":"data-display/card","a":"stackingsu","pl":"https://cdn.21st.dev/stackingsu/cards-shader-effect/default/preview.1784404033176-f29ab519-35cf-4647-a89e-19f77dcc468d.png","pc":"stackingsu"},{"id":"21st:stackingsu__family-signin-drawer","t":"Family signin drawer","d":"A bottom sign-in drawer with animated email and passkey tabs and a spring-height transition to a passkey authentication step.","s":"21st","c":"flows/sign-in","a":"stackingsu","u":4,"pl":"https://cdn.21st.dev/stackingsu/family-signin-drawer/default/preview.1784271640743-c92a3ced-bf62-4788-997b-a263dbb666a8.png","pc":"stackingsu","tg":["sign-in","tabs"],"sb":"Sign up"},{"id":"21st:stackingsu__text-shimmer-animation-on-hover","t":"Text shimmer animation on hover","d":"An animated text effect that sweeps a multi-color gradient shimmer across the characters for emphasis or highlights.","k":"motion","s":"21st","c":"motion/text-effect","a":"stackingsu","pl":"https://cdn.21st.dev/stackingsu/text-shimmer-animation-on-hover/default/preview.1783715704217.png","pc":"stackingsu","tg":["pricing-section"],"sb":"Gradient and shimmer"},{"id":"21st:stniii317__test","t":"Test","d":"testtesttest","s":"21st","c":"other","a":"stniii317","pl":"https://cdn.21st.dev/stniii317/test/default/preview.1761199659673.png","pc":"stniii317"},{"id":"21st:strlrd-29__use-boolean","t":"Use boolean","d":"Manage a boolean state with the useBoolean hook, providing methods to set it to true, false, or toggle between them.","s":"21st","c":"actions/switch","a":"strlrd-29","pl":"https://cdn.21st.dev/user_strlrd-29/use-boolean.png","pc":"strlrd-29"},{"id":"21st:strlrd-29__use-copy-to-clipboard","t":"Use copy to clipboard","d":"Copy text to the clipboard easily with useCopyToClipboard, while keeping track of the most recently copied value.","s":"21st","c":"actions/copy-button","a":"strlrd-29","pl":"https://cdn.21st.dev/user_strlrd-29/use-copy-to-clipboard.png","pc":"strlrd-29","tg":["hook","toast"]},{"id":"21st:strlrd-29__use-counter","t":"Use counter","d":"Manage a numeric state with useCounter, offering functions to increment, decrement, reset, and set a custom value.","k":"motion","s":"21st","c":"motion/number-ticker","a":"strlrd-29","pl":"https://cdn.21st.dev/user_strlrd-29/use-counter.png","pc":"strlrd-29"},{"id":"21st:strlrd-29__use-debounce-callback","t":"Use debounce callback","d":"Delay function execution with useDebounceCallback, providing options for canceling, flushing, and checking if a call is pending.","k":"lib","s":"21st","c":"lib/hook","a":"strlrd-29","pl":"https://cdn.21st.dev/user_strlrd-29/use-debounce-callback.png","pc":"strlrd-29","tg":["hook","slider"]},{"id":"21st:strlrd-29__use-interval","t":"Use interval","d":"Execute a callback function at specified intervals with useInterval, supporting dynamic delays and cleanup on unmount.","s":"21st","c":"other","a":"strlrd-29","pl":"https://cdn.21st.dev/user_strlrd-29/use-interval.png","pc":"strlrd-29"},{"id":"21st:strlrd-29__use-isomorphic-layout-effect","t":"Use isomorphic layout effect","d":"Custom hook that uses either useLayoutEffect or useEffect based on the environment (client-side or server-side).","k":"lib","s":"21st","c":"lib/hook","a":"strlrd-29","pl":"https://cdn.21st.dev/user_strlrd-29/use-isomorphic-layout-effect.png","pc":"strlrd-29"},{"id":"21st:strlrd-29__use-timeout","t":"Use timeout","d":"Run a callback function after a specified delay with useTimeout, supporting dynamic updates and cleanup on unmount.","s":"21st","c":"inputs/time-picker","a":"strlrd-29","pl":"https://cdn.21st.dev/user_strlrd-29/use-timeout.png","pc":"strlrd-29"},{"id":"21st:strlrd-29__use-toggle","t":"Use toggle","d":"Easily manage a boolean state with useToggle.","s":"21st","c":"actions/switch","a":"strlrd-29","pl":"https://cdn.21st.dev/user_strlrd-29/use-toggle.png","pc":"strlrd-29","tg":["hook"]},{"id":"21st:strlrd-29__use-unmount","t":"Use unmount","d":"Run a function when a component unmounts, ensuring cleanups or final actions are handled effectively.","s":"21st","c":"other","a":"strlrd-29","pl":"https://cdn.21st.dev/user_strlrd-29/use-unmount.png","pc":"strlrd-29"},{"id":"21st:stvenchg__animated-vercel-like-button","t":"Animated vercel like button","d":"A clean, Vercel-inspired button component that shows an animated spinner when loading. Includes smooth state transitions and icon support.","s":"21st","c":"actions/button","a":"stvenchg","pl":"https://cdn.21st.dev/stvenchg/animated-vercel-like-button/default/preview.1756687264048.png","pc":"stvenchg","sb":"Copy, share and like"},{"id":"21st:stvenchg__unsaved-changes","t":"Unsaved changes","d":"A floating action bar component that notifies users of unsaved changes and provides save/reset actions.","s":"21st","c":"overlays/alert-banner","a":"stvenchg","st":"rated","u":28,"pl":"https://cdn.21st.dev/stvenchg/unsaved-changes/default/preview.1764954980887.png","pc":"stvenchg","tg":["alert","notification"],"sc":23},{"id":"21st:su2491251__input-field","t":"Input field","d":"smooth input ","s":"21st","c":"inputs/form-field","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/input-field/default/preview.1782564496753.png","pc":"su2491251"},{"id":"21st:subhadeeproy3902__cta-1","t":"Cta 1","d":"CTA sections are designed to encourage users to take action, whether it's signing up for a newsletter, downloading a resource, or making a purchase. They help drive conversions and","k":"section","s":"21st","c":"marketing/cta","a":"subhadeeproy3902","pl":"https://cdn.21st.dev/subhadeeproy3902/cta-1/default/preview.1748293187401.png","pc":"subhadeeproy3902"},{"id":"21st:sumedhalakmal95__hero","t":"Hero","k":"section","s":"21st","c":"marketing/hero","a":"sumedhalakmal95","pl":"https://cdn.21st.dev/sumedhalakmal95/hero/default/preview.1782229546794.png","pc":"sumedhalakmal95"},{"id":"21st:sumonadotwork__blog-cards","t":"Blog cards","d":"Minimal, text-focused preview of a journal or blog entry.\nIt typically includes a title, publication date, and short description, styled with subtle hover animations and a dashed s","k":"section","s":"21st","c":"marketing/marketing","a":"sumonadotwork","u":51,"pl":"https://cdn.21st.dev/sumonadotwork/blog-cards/default/preview.1761244301550.png","pc":"sumonadotwork","sb":"Blog and posts"},{"id":"21st:sumonadotwork__focus-hover-button","t":"Focus hover button","d":"inspired from https://www.weareinertia.com/","s":"21st","c":"actions/button","a":"sumonadotwork","pl":"https://cdn.21st.dev/sumonadotwork/focus-hover-button/default/preview.1751682932216.png","pc":"sumonadotwork","sb":"Animated"},{"id":"21st:sumonadotwork__parallax-scroll-feature-section","t":"Parallax scroll feature section","d":"PARALLAX SCROLL FEATURE SECTION using framer motion","k":"section","s":"21st","c":"marketing/features","a":"sumonadotwork","u":116,"pl":"https://cdn.21st.dev/sumonadotwork/parallax-scroll-feature-section/default/preview.1751685953251.png","pc":"sumonadotwork","tg":["features","image"],"sb":"Scroll"},{"id":"21st:sumtaimo__test","t":"Test","d":"Im just learning","s":"21st","c":"other","a":"sumtaimo","pl":"https://cdn.21st.dev/sumtaimo/test/default/preview.1776070012626.png","pc":"sumtaimo"},{"id":"21st:sunrlsefl__wedding-dj","t":"Wedding dj","d":"Hero for wedding/dj business","k":"section","s":"21st","c":"marketing/hero","a":"sunrlsefl","pl":"https://cdn.21st.dev/sunrlsefl/wedding-dj/default/preview.1767974035988.png","pc":"sunrlsefl"},{"id":"21st:suraj-xd__claude-style-ai-input","t":"Claude style ai input","d":"Claude style dynamic chat input that adapts its preview based on content type - showing code snippets for programming files, content previews for documents, and traditional preview","s":"21st","c":"ai-agent/ai-agent","a":"suraj-xd","st":"rated","pl":"https://cdn.21st.dev/suraj-xd/claude-style-ai-input/default/preview.1748942175971.png","pc":"suraj-xd","tg":["ai-chat","input","upload-download"],"sc":19,"sb":"Chat"},{"id":"21st:suraj-xd__google-drive-uploader-toast","t":"Google drive uploader toast","d":"Displays a minimalistic toast in the corner of the UI that shows real-time upload progress for multiple files. Features include file type detection, expandable/collapsible list, pr","s":"21st","c":"overlays/toast","a":"suraj-xd","st":"rated","u":27,"pl":"https://cdn.21st.dev/suraj-xd/google-drive-uploader-toast/default/preview.1748798259397.png","pc":"suraj-xd","tg":["progress","toast","upload-download"],"sc":20},{"id":"21st:suraj-xd__grok-agent-thinking-indicator","t":"Grok agent thinking indicator","d":"Animated pixel orb badges for AI agent status. Includes single-agent and multi-agent variants with four built-in palettes, theme-aware shell, and canvas-based animation. Inspired b","s":"21st","c":"ai-agent/ai-agent","a":"suraj-xd","st":"rated","pl":"https://cdn.21st.dev/suraj-xd/grok-agent-thinking-indicator/default/preview.1777278018684.png","pc":"suraj-xd","sc":21,"sb":"Reasoning and tools"},{"id":"21st:suraj-xd__liquid-glass","t":"Liquid glass","d":"A liquid glass effect with a dynamic background feat. MacOS Dock Icons.","s":"21st","c":"navigation/dock","a":"suraj-xd","u":1030,"pl":"https://cdn.21st.dev/suraj-xd/liquid-glass/default/preview.1750159373393.png","pc":"suraj-xd","tg":["background","dock"]},{"id":"21st:suraj-xd__liquid-glass-recorder","t":"Liquid glass recorder","d":"Modern liquid glass ui inspired Recorder UI","s":"21st","c":"motion/background","a":"suraj-xd","st":"rated","pl":"https://cdn.21st.dev/suraj-xd/liquid-glass-recorder/default/preview.1754308309835.png","pc":"suraj-xd","sc":22,"sb":"Waves and warps"},{"id":"21st:suraj-xd__quick-tooltip-actions","t":"Quick tooltip actions","d":"Quick tooltip actions for the user. Hover on the user icon to see the tooltip.","s":"21st","c":"overlays/tooltip","a":"suraj-xd","u":64,"pl":"https://cdn.21st.dev/suraj-xd/quick-tooltip-actions/default/preview.1748972490038.png","pc":"suraj-xd","tg":["tooltip"]},{"id":"21st:suraj-xd__slide-to-unlock","t":"Slide to unlock","s":"21st","c":"other","a":"suraj-xd","pl":"https://cdn.21st.dev/suraj-xd/slide-to-unlock/default/preview.1760685225903.png","pc":"suraj-xd"},{"id":"21st:sydney2singapore__rotating-prompts","t":"Rotating prompts","s":"21st","c":"ai-agent/composer","a":"sydney2singapore","pl":"https://cdn.21st.dev/sydney2singapore/rotating-prompts/default/preview.1751637881331.png","pc":"sydney2singapore"},{"id":"21st:tahermaxse__animated-footer","t":"Animated footer","d":"A sleek, animated footer component inspired by Cluely.com. It replicates the smooth interactions and modern layout of the original design perfect for landing pages, portfolios, or ","k":"section","s":"21st","c":"marketing/footer","a":"tahermaxse","u":227,"pl":"https://cdn.21st.dev/tahermaxse/animated-footer/default/preview.1749099295224.png","pc":"tahermaxse","tg":["footer"]},{"id":"21st:tahermaxse__scroll-legend","t":"Scroll legend","d":"A sleek, interactive scroll legend component inspired by the elegant UI of Raycast. Built with accessibility and performance in mind, this component enhances user experience by pro","k":"layout","s":"21st","c":"layout/scroll-area","a":"tahermaxse","u":9,"pl":"https://cdn.21st.dev/tahermaxse/scroll-legend/default/preview.1751026311250.png","pc":"tahermaxse","tg":["sidebar"]},{"id":"21st:tailwind-admin__dot-loader-motion","t":"Dot loader motion","d":"A row of three dots that bounce in sequence to indicate a loading state, animated with Motion.","s":"21st","c":"status/loader","a":"tailwind-admin","pl":"https://cdn.21st.dev/tailwind-admin/dot-loader-motion/default/preview.1784365031980-d81930f0-2d05-47a8-9ce0-e410c2e1a6dd.png","pc":"tailwind-admin","tg":["spinner"],"sb":"Dots and pulse"},{"id":"21st:takshprajapati__whatsappbutton","t":"Whatsappbutton","d":"Floating action button that opens a WhatsApp chat with a pre-filled message. Perfect for booking inquiries and customer support.","s":"21st","c":"actions/button","a":"takshprajapati","pl":"https://21st.dev/@takshprajapati/components/whatsappbutton","pc":"takshprajapati"},{"id":"21st:talen-520__sine-wave-dots","t":"Sine wave dots","d":"Sine Wave Dots animation","k":"motion","s":"21st","c":"motion/background","a":"talen-520","pl":"https://cdn.21st.dev/talen-520/sine-wave-dots/default/preview.1785303104034-92a1e990-dc9e-4e0c-b8a4-16e50971fbc3.png","pc":"talen-520","sb":"Grids and patterns"},{"id":"21st:tamir_51854824__testimonials-conversation","t":"Testimonials conversation","d":"This component features a fluid, auto-playing slider (powered by Framer Motion) that showcases customer success stories through a clean, modern aesthetic.","s":"21st","c":"ai-agent/ai-agent","a":"tamir_51854824","pl":"https://cdn.21st.dev/tamir_51854824/testimonials-conversation/default/preview.1766612792656.png","pc":"tamir_51854824","sb":"Chat"},{"id":"21st:tanu360__cta-button","t":"Cta button","d":"CTA button inspired from shiny button.","s":"21st","c":"actions/button","a":"tanu360","pl":"https://cdn.21st.dev/tanu360/cta-button/default/preview.1770691698062.png","pc":"tanu360"},{"id":"21st:tanusahu9894__minimal","t":"Minimal","d":"Animated (pulse) ASCII art in the Hex Dump style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, ca","k":"motion","s":"21st","c":"motion/ascii","a":"tanusahu9894","pl":"https://cdn.21st.dev/tanusahu9894/minimal/default/preview.1784299877112-db2cf451-94f5-41c8-afe2-1498701ca86c.webp","pc":"tanusahu9894","tg":["video"],"sb":"Hex Dump"},{"id":"21st:tanusahu9894__minimal-2","t":"Minimal 2","d":"Animated (shimmer) ASCII art in the Hex Dump style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, ","k":"motion","s":"21st","c":"motion/ascii","a":"tanusahu9894","u":6,"pl":"https://cdn.21st.dev/tanusahu9894/minimal/default/preview.1784301678590-6bf719d8-7a22-48ae-9fe9-449d9cd2f5af.webp","pc":"tanusahu9894","tg":["video"],"sb":"Hex Dump"},{"id":"21st:taute.skritulskas__lovable-studio-copy","t":"Lovable studio copy","d":"A TSX-based copy of Lovable Studio. Front-end only; not fully functional.","s":"21st","c":"actions/copy-button","a":"taute.skritulskas","pl":"https://cdn.21st.dev/taute.skritulskas/lovable-studio-copy/default/preview.1773166599060.png","pc":"taute.skritulskas"},{"id":"21st:tempforall9__liquid-mosaic","t":"Liquid mosaic","d":"Animated (flicker) ASCII art in the Dither style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a mosaic look. A drop-in, zero-dependency React comp","k":"motion","s":"21st","c":"motion/ascii","a":"tempforall9","pl":"https://cdn.21st.dev/tempforall9/liquid-mosaic/default/preview.1784359270240-f0c2c5f3-a35e-4a95-ab84-0d321a152de6.webp","pc":"tempforall9","tg":["video"],"sb":"Dither"},{"id":"21st:tempforall9__thread-light","t":"Thread light","d":"Animated (shimmer) ASCII art in the Hatching style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a mosaic, pixel look. A drop-in, zero-dependency R","k":"motion","s":"21st","c":"motion/ascii","a":"tempforall9","pl":"https://cdn.21st.dev/tempforall9/thread-light/default/preview.1784362870142-533e9539-be6d-4046-a94b-a1a0a346352e.webp","pc":"tempforall9"},{"id":"21st:tempforall9__thread-paint","t":"Thread paint","d":"Animated (shimmer) ASCII art in the Hatching style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a retro look. A drop-in, zero-dependency React com","k":"motion","s":"21st","c":"motion/ascii","a":"tempforall9","u":6,"pl":"https://cdn.21st.dev/tempforall9/thread-paint/default/preview.1784361070761-c02e8402-cee6-4238-ae87-f12e218ae346.webp","pc":"tempforall9","tg":["video"]},{"id":"21st:temuulen21mvp__bennet","t":"Bennet","d":"Animated (ripple) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, ","k":"motion","s":"21st","c":"motion/ascii","a":"temuulen21mvp","pl":"https://cdn.21st.dev/temuulen21mvp/bennet/default/preview.1785599430144-cd0f37fb-e94f-4122-812c-c54aa1bc1c93.webp","pc":"temuulen21mvp","sb":"Dither"},{"id":"21st:temuulen21mvp__kobe","t":"Kobe","d":"Animated (shimmer) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, ca","k":"motion","s":"21st","c":"motion/ascii","a":"temuulen21mvp","pl":"https://cdn.21st.dev/temuulen21mvp/kobe/default/preview.1785597630737-e36f933d-c8d9-4336-ab88-66a740373534.webp","pc":"temuulen21mvp","sb":"Characters"},{"id":"21st:temuulen21mvp__kobe-are-you-ready-to-build-yourself","t":"Kobe are you ready to build yourself","d":"Animated (wave) ASCII art in the Hatching style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, ","k":"motion","s":"21st","c":"motion/ascii","a":"temuulen21mvp","pl":"https://cdn.21st.dev/temuulen21mvp/kobe-are-you-ready-to-build-yourself/default/preview.1785597639703-4e4ad883-c5c6-4454-82d0-f24341738cef.webp","pc":"temuulen21mvp"},{"id":"21st:temuulen21mvp__stairs-to-yourself","t":"Stairs to yourself","d":"Animated (wave) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards","k":"motion","s":"21st","c":"motion/ascii","a":"temuulen21mvp","pl":"https://cdn.21st.dev/temuulen21mvp/stairs-to-yourself/default/preview.1785597648746-458e3798-a82b-4845-8cd4-931da33ef119.webp","pc":"temuulen21mvp","sb":"Characters"},{"id":"21st:th__cercl-oo","t":"Cercl oo","d":"test de landing SAAS","s":"21st","c":"other","a":"th","pl":"https://cdn.21st.dev/th/cercl-oo/default/preview.1759056074188.png","pc":"th"},{"id":"21st:thanhnamgl1609__button","t":"Button","d":"Test Button ","s":"21st","c":"actions/button","a":"thanhnamgl1609","pl":"https://cdn.21st.dev/thanhnamgl1609/button/default/preview.1748591686333.png","pc":"thanhnamgl1609"},{"id":"21st:thefathdev__win-98-button","t":"Win 98 button","d":"A nostalgic button from Windows 98 era","s":"21st","c":"actions/button","a":"thefathdev","pl":"https://cdn.21st.dev/user_2reOkP96pVFTfgN1p9oqOsG1bDo/win-98-button/default/preview.1737995082428.png","pc":"thefathdev"},{"id":"21st:thegridcn__beam-marker","t":"Beam marker","d":"A vertical light-beam marker with a bracketed label, optional sublabel and coordinates for annotating maps, diagrams or dashboards.","k":"motion","s":"21st","c":"motion/background","a":"thegridcn","pl":"https://cdn.21st.dev/thegridcn/beam-marker/default/preview.1784827569572-59b17581-e812-4fc8-bc73-96467db03163.png","pc":"thegridcn","sb":"Beams and light"},{"id":"21st:thegridcn__breadcrumb-nav","t":"Breadcrumb nav","d":"A compact breadcrumb navigation trail with chevron, slash, or dot separators and an active-page indicator.","s":"21st","c":"navigation/top-nav","a":"thegridcn","pl":"https://cdn.21st.dev/thegridcn/breadcrumb-nav/default/preview.1784457860537-bb29360a-3928-417c-874f-5e9d0f0f7215.png","pc":"thegridcn","sb":"Mega menus"},{"id":"21st:thegridcn__circuit-background","t":"Circuit background","d":"An animated SVG circuit-board pattern background wrapper that renders decorative flowing lines and nodes behind its content.","k":"motion","s":"21st","c":"motion/background","a":"thegridcn","u":9,"pl":"https://cdn.21st.dev/thegridcn/circuit-background/default/preview.1783582049633.png","pc":"thegridcn","tg":["grid"],"sb":"Grids and patterns"},{"id":"21st:thegridcn__crt-effect","t":"Crt effect","d":"A wrapper that overlays retro CRT monitor scanlines, vignette, flicker, and an animated scan-sweep line onto any content.","s":"21st","c":"other","a":"thegridcn","pl":"https://cdn.21st.dev/thegridcn/crt-effect/default/preview.1784707438026-7921df52-6440-4fd5-96c3-2fa4ddfbd841.png","pc":"thegridcn"},{"id":"21st:thegridcn__cta-banner","t":"Cta banner","d":"A Tron-styled call-to-action banner with animated glow, scanline overlay, corner decorations, and primary/secondary action buttons.","s":"21st","c":"overlays/alert-banner","a":"thegridcn","u":28,"pl":"https://cdn.21st.dev/thegridcn/cta-banner/default/preview.1783727660701.png","pc":"thegridcn","tg":["cta"]},{"id":"21st:thegridcn__data-stream","t":"Data stream","d":"An animated terminal-style log feed that reveals timestamped entries one by one with type-colored status dots for streaming data or activity monitors.","s":"21st","c":"data-display/timeline","a":"thegridcn","pl":"https://cdn.21st.dev/thegridcn/data-stream/default/preview.1783581577520.png","pc":"thegridcn"},{"id":"21st:thegridcn__energy-meter","t":"Energy meter","d":"A segmented energy/power level meter with animated staggered fill, an animated percentage counter, and color-coded critical/warning states in a Tron-style HUD panel.","s":"21st","c":"data-viz/gauge","a":"thegridcn","pl":"https://cdn.21st.dev/thegridcn/energy-meter/default/preview.1786711736436-093807e9-01e0-404c-b2b6-04566833709b.png","pc":"thegridcn"},{"id":"21st:thegridcn__grid-floor","t":"Grid floor","d":"An animated perspective grid floor background with a depth gradient overlay, ideal for Tron-inspired hero sections and landing pages.","s":"21st","c":"layout/bento-grid","a":"thegridcn","pl":"https://cdn.21st.dev/thegridcn/grid-floor/default/preview.1784826538699-13de809a-4b65-409c-9704-cbbcff9ba9b8.png","pc":"thegridcn"},{"id":"21st:thegridcn__grid-scan-overlay","t":"Grid scan overlay","d":"An animated grid and scan-line overlay that layers a subtle tron-style moving scanline and grid pattern over any container background.","s":"21st","c":"layout/bento-grid","a":"thegridcn","pl":"https://cdn.21st.dev/thegridcn/grid-scan-overlay/default/preview.1784826508760-e4869d68-fd59-495c-bb91-09dd2795be6b.png","pc":"thegridcn"},{"id":"21st:thegridcn__progress-ring","t":"Progress ring","d":"A circular progress indicator with an animated arc, rotating tick marks, a glowing pulse, and a counting percentage value, with size and status color variants.","s":"21st","c":"data-viz/progress-bar","a":"thegridcn","pl":"https://cdn.21st.dev/thegridcn/progress-ring/default/preview.1784738944543-0ca0b8fe-2e5b-4de6-b733-b6ecffa8aea6.png","pc":"thegridcn"},{"id":"21st:thegridcn__testimonial-card","t":"Testimonial card","d":"A sci-fi Tron-styled testimonial card with a quote, author, avatar or initials, star rating, scanline overlay and corner brackets.","k":"section","s":"21st","c":"marketing/testimonials","a":"thegridcn","u":4,"pl":"https://cdn.21st.dev/thegridcn/testimonial-card/default/preview.1784378934477-6e822926-07cc-419b-99f0-9ab575764f31.png","pc":"thegridcn","tg":["testimonials"]},{"id":"21st:thegridcn__uplink-header","t":"Uplink header","d":"A compact monospaced header bar that shows left- and right-aligned tech-style status labels with selectable accent color variants.","s":"21st","c":"navigation/top-nav","a":"thegridcn","pl":"https://cdn.21st.dev/thegridcn/uplink-header/default/preview.1784829934033-9b7676d3-bbb8-48d9-b2e4-b3440a368f8d.png","pc":"thegridcn"},{"id":"21st:thegridcn__video-player","t":"Video player","d":"A retro sci-fi HUD-style video player frame with bracket corners, scanline overlay, transport controls, and an elapsed-time readout.","s":"21st","c":"media/player","a":"thegridcn","pl":"https://cdn.21st.dev/thegridcn/video-player/default/preview.1783720055206.png","pc":"thegridcn","tg":["video"]},{"id":"21st:thegridcn__waveform","t":"Waveform","d":"An animated audio waveform visualizer with pulsing bars, glow, scanline overlay and corner brackets for playback and live-signal displays.","s":"21st","c":"media/player","a":"thegridcn","pl":"https://cdn.21st.dev/thegridcn/waveform/default/preview.1783581670675.png","pc":"thegridcn"},{"id":"21st:themostevildwarf__grain-gradient","t":"Grain gradient","d":"Animated WebGL shader background in the Grain Gradient style. Truchet variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palett","k":"motion","s":"21st","c":"motion/shader","a":"themostevildwarf","pl":"https://cdn.21st.dev/themostevildwarf/grain-gradient/default/preview.1785773724034-fce40498-7571-40fc-a658-c7c8ef029909.webp","pc":"themostevildwarf","sb":"Grain Gradient"},{"id":"21st:theorcdev__8bit-accordion","t":"8bit accordion","d":"Pixel-art accordion from 8bitcn.com — expandable panels with retro chunky dashed borders. Native primitive rewrite, no Radix.","s":"21st","c":"data-display/accordion","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-accordion/default/preview.1779979261677.png","pc":"theorcdev","tg":["accordion"]},{"id":"21st:theorcdev__8bit-advanced1","t":"8bit advanced1","d":"Fake terminal demo shell that renders a sequence of command, output, and comment lines with a blinking cursor, in the 8-bit retro style.","k":"motion","s":"21st","c":"motion/cursor","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-advanced1/default/preview.1780150587657.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-advanced2","t":"8bit advanced2","d":"KPI metrics dashboard with stat cards and 8-bit progress bars, in the retro pixel style.","s":"21st","c":"data-display/stat","a":"theorcdev","u":6,"pl":"https://cdn.21st.dev/larsen66/8bit-advanced2/default/preview.1780153251447.png","pc":"theorcdev","tg":["dashboard","progress","stat"]},{"id":"21st:theorcdev__8bit-advanced3","t":"8bit advanced3","d":"Newsletter signup card with an email input and subscribe CTA, built in the retro 8-bit pixel style.","s":"21st","c":"flows/sign-in","a":"theorcdev","u":4,"pl":"https://cdn.21st.dev/larsen66/8bit-advanced3/default/preview.1780150432074.png","pc":"theorcdev","sb":"Sign up"},{"id":"21st:theorcdev__8bit-alert","t":"8bit alert","d":"Pixel-art alert from 8bitcn.com — wraps shadcn/ui Alert with hard-edge pixel borders and retro typography.","s":"21st","c":"overlays/alert-banner","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-alert/default/preview.1779963931227.png","pc":"theorcdev","tg":["alert"]},{"id":"21st:theorcdev__8bit-alert-dialog","t":"8bit alert dialog","d":"Pixel-art confirmation alert dialog from 8bitcn.com — retro pixel border on modal. Wraps Radix AlertDialog (inlined via esbuild).","s":"21st","c":"overlays/dialog","a":"theorcdev","pl":"https://cdn.21st.dev/danverr_fce71477/8bit-alert-dialog/default/preview.1779996579590.png","pc":"theorcdev","sb":"Confirm"},{"id":"21st:theorcdev__8bit-audio-settings","t":"8bit audio settings","d":"An 8-bit styled audio settings panel with master volume and SFX sliders plus mute and vibration toggle switches. Source-verbatim from the 8bitcn audio-settings block.","k":"layout","s":"21st","c":"flows/settings","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-audio-settings/default/preview.1780525326033.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-avatar","t":"8bit avatar","d":"Pixel-art avatar from 8bitcn.com — chunky pixel frame around image with retro variant. Replaces Radix Avatar with native primitives.","s":"21st","c":"data-display/avatar","a":"theorcdev","u":11,"pl":"https://cdn.21st.dev/larsen66/8bit-avatar/default/preview.1779969912832.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-badge","t":"8bit badge","d":"Pixel-art badge from 8bitcn.com — wraps shadcn/ui Badge with a retro variant (Press Start 2P font, hard-edge pixel borders). Drop-in API-compatible replacement.","s":"21st","c":"data-display/badge","a":"theorcdev","u":12,"pl":"https://cdn.21st.dev/larsen66/8bit-badge/default/preview.1779962143897.png","pc":"theorcdev","tg":["badge"],"sb":"Tags and pills"},{"id":"21st:theorcdev__8bit-breadcrumb","t":"8bit breadcrumb","d":"Pixel-art breadcrumb navigation from 8bitcn.com — Press Start 2P font with chunky chevron separators between path segments.","s":"21st","c":"navigation/breadcrumb","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-breadcrumb/default/preview.1779976500655.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-button","t":"8bit button","d":"Pixel-art button from 8bitcn.com — wraps shadcn/ui Button with a retro variant (Press Start 2P font, hard-edge pixel borders). Drop-in API-compatible replacement.","s":"21st","c":"actions/button","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-button/default/preview.1779965979739.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-calendar","t":"8bit calendar","d":"An 8-bit styled calendar component with pixel-art chevron navigation, month/year header, and selectable date cells. Native rewrite of the 8bitcn calendar component.","s":"21st","c":"data-display/calendar","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-calendar/default/preview.1780525524003.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-card","t":"8bit card","d":"An 8-bit styled card component with pixel-border decoration, supporting header, title, description, content, footer, and action slots. Source-verbatim from the 8bitcn card primitiv","s":"21st","c":"data-display/card","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-card/default/preview.1780525731082.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-carousel","t":"8bit carousel","d":"An 8-bit styled carousel built on Embla. Pixel-bordered slides with retro prev/next buttons featuring blocky pixel arrows, full keyboard and swipe support.","s":"21st","c":"media/carousel","a":"theorcdev","u":15,"pl":"https://cdn.21st.dev/larsen66/8bit-carousel/default/preview.1780350202026.png","pc":"theorcdev","tg":["carousel"]},{"id":"21st:theorcdev__8bit-chapter-intro","t":"8bit chapter intro","d":"An 8-bit chapter introduction screen built on the retro card primitive. Renders a pixelated background image with cinematic letterbox bars, a darken overlay, and a bold title plus ","k":"motion","s":"21st","c":"motion/background","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-chapter-intro/default/preview.1780523973735.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-chart-area-step","t":"8bit chart area step","d":"A retro 8-bit step area chart block with hoverable data points and pixel styling.","s":"21st","c":"data-viz/chart","a":"theorcdev","u":14,"pl":"https://cdn.21st.dev/larsen66/8bit-chart-area-step/default/preview.1780006130225.png","pc":"theorcdev","tg":["data-visualization","tooltip"],"sb":"Area"},{"id":"21st:theorcdev__8bit-checkbox","t":"8bit checkbox","d":"Pixel-art checkbox from 8bitcn.com — chunky pixel border with retro check glyph. Wraps shadcn/ui Checkbox.","s":"21st","c":"inputs/checkbox","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-checkbox/default/preview.1779973882166.png","pc":"theorcdev","tg":["checkbox"]},{"id":"21st:theorcdev__8bit-collapsible","t":"8bit collapsible","d":"Pixel-art collapsible panel from 8bitcn.com — toggle to reveal/hide content with retro styling.","s":"21st","c":"data-display/accordion","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-collapsible/default/preview.1779979255808.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-command","t":"8bit command","d":"Pixel-art command palette from 8bitcn.com — retro pixel border on input + results panel. Wraps cmdk Command (inlined via esbuild).","s":"21st","c":"navigation/command-palette","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-command/default/preview.1780152899791.png","pc":"theorcdev","tg":["search"]},{"id":"21st:theorcdev__8bit-context-menu","t":"8bit context menu","d":"Pixel-art right-click context menu from 8bitcn.com — retro pixel border. Wraps Radix ContextMenu (inlined via esbuild).","s":"21st","c":"overlays/context-menu","a":"theorcdev","pl":"https://cdn.21st.dev/danverr_fce71477/8bit-context-menu/default/preview.1779996743466.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-cta1","t":"8bit cta1","d":"An 8-bit styled CTA comparison block: a retro card with a three-column us-vs-them feature table, built on the 8bit card primitive with the Press Start 2P pixel font.","k":"section","s":"21st","c":"marketing/cta","a":"theorcdev","u":4,"pl":"https://cdn.21st.dev/larsen66/8bit-cta1/default/preview.1780283999649.png","pc":"theorcdev","tg":["comparison","cta","table"]},{"id":"21st:theorcdev__8bit-cta2","t":"8bit cta2","d":"Persona cards with CTAs for different audiences. Retro 8-bit style use case section with pixel-perfect card layout.","k":"section","s":"21st","c":"marketing/cta","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-cta2/default/preview.1780524725929.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-dialog","t":"8bit dialog","d":"Pixel-art dialog from 8bitcn.com — retro pixel border on modal panel. Wraps Radix Dialog (inlined via esbuild).","s":"21st","c":"overlays/dialog","a":"theorcdev","pl":"https://cdn.21st.dev/danverr_fce71477/8bit-dialog/default/preview.1779996839756.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-dialogue","t":"8bit dialogue","d":"An 8-bit RPG-style dialogue box pairing a pixel-framed avatar with a retro alert speech bubble, supporting left-aligned player and right-aligned NPC layouts via the player prop.","s":"21st","c":"overlays/dialog","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-dialogue/default/preview.1780525863080.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-difficulty-select","t":"8bit difficulty select","d":"An 8-bit styled game difficulty selection screen built on the retro card and button primitives. Renders a titled card (Select Difficulty) with EASY / NORMAL / HARD pixel-font butto","s":"21st","c":"inputs/select","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-difficulty-select/default/preview.1780284659015.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-drawer","t":"8bit drawer","d":"Pixel-art drawer from 8bitcn.com — retro pixel border on bottom-sheet panel. Wraps Vaul Drawer (inlined via esbuild).","s":"21st","c":"overlays/sheet","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-drawer/default/preview.1780152823538.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-dropdown-menu","t":"8bit dropdown menu","d":"Pixel-art dropdown menu from 8bitcn.com — retro pixel border with menu items. Wraps Radix DropdownMenu (inlined via esbuild).","s":"21st","c":"navigation/menu","a":"theorcdev","pl":"https://cdn.21st.dev/danverr_fce71477/8bit-dropdown-menu/default/preview.1779996686336.png","pc":"theorcdev","sb":"Dropdowns"},{"id":"21st:theorcdev__8bit-duel-block","t":"8bit duel block","d":"An interactive 8-bit arena duel between two fighters with retro HP health bars, turn-based hit mechanics, randomized damage and battle messages, a winner state with rematch, all wr","s":"21st","c":"overlays/alert-banner","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-duel-block/default/preview.1780525077714.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-empty","t":"8bit empty","d":"An 8-bit styled empty state built from composable retro primitives — header, media, title, description, and content slots. Use it as a placeholder when a list, table, or view has n","s":"21st","c":"data-display/empty-state","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-empty/default/preview.1780279103776.png","pc":"theorcdev","tg":["empty-state"]},{"id":"21st:theorcdev__8bit-enemy-health-display","t":"8bit enemy health display","d":"An 8-bit styled enemy health display built on the retro health-bar primitive. Shows enemy name, level, and a health bar with a percentage overlay, driven by current/max health valu","s":"21st","c":"data-viz/progress-bar","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-enemy-health-display/default/preview.1780279045096.png","pc":"theorcdev","tg":["progress"]},{"id":"21st:theorcdev__8bit-faq1","t":"8bit faq1","d":"An 8-bit styled FAQ section built on the retro accordion primitive. A centered title and description above a single-collapsible accordion of question/answer pairs, all in the pixel","k":"section","s":"21st","c":"marketing/faq","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-faq1/default/preview.1780350903797.png","pc":"theorcdev","tg":["accordion","faq"]},{"id":"21st:theorcdev__8bit-faq2","t":"8bit faq2","d":"An 8-bit styled FAQ block: a responsive two-column grid of retro card tiles, each pairing a question with a short answer. Built on the 8bit card primitive with the Press Start 2P p","k":"section","s":"21st","c":"marketing/faq","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-faq2/default/preview.1780283011610.png","pc":"theorcdev","tg":["faq"]},{"id":"21st:theorcdev__8bit-faq3","t":"8bit faq3","d":"An 8-bit styled searchable help center. A retro pixel search input filters question/answer pairs live, grouped by category into collapsible retro accordions, with an empty state wh","k":"section","s":"21st","c":"marketing/faq","a":"theorcdev","u":6,"pl":"https://cdn.21st.dev/larsen66/8bit-faq3/default/preview.1780351164743.png","pc":"theorcdev","tg":["accordion","empty-state","faq","search"]},{"id":"21st:theorcdev__8bit-feature1","t":"8bit feature1","d":"An 8-bit styled feature grid section. A centered title and description above a responsive grid of retro cards, each with a pixel icon, title, description, and an optional corner ba","k":"section","s":"21st","c":"marketing/features","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-feature1/default/preview.1780524805252.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-feature2","t":"8bit feature2","d":"An 8-bit styled feature list section. A centered title and description above numbered steps, each with a pixel-bordered number badge, title, optional highlight badge, and descripti","k":"section","s":"21st","c":"marketing/features","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-feature2/default/preview.1780524886216.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-feature3","t":"8bit feature3","d":"A swipeable feature carousel block with 8-bit pixel-bordered cards, optional badges, and retro pixel navigation arrows. Built on the Embla carousel, 8bit card, badge, and button pr","k":"section","s":"21st","c":"marketing/features","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-feature3/default/preview.1780524968501.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-footer1","t":"8bit footer1","d":"A retro 8-bit page footer with brand column, link columns, a GET STARTED button, and a copyright bar. Source-verbatim from the 8bitcn footer1 block.","k":"section","s":"21st","c":"marketing/footer","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-footer1/default/preview.1780525116306.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-friend-list","t":"8bit friend list","d":"An 8-bit styled friend list block. Shows a scrollable roster of players with retro avatars, online/offline/in-game status indicators, and current activity, built on the retro card ","s":"21st","c":"data-display/list","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-friend-list/default/preview.1780525866625.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-game-cta1","t":"8bit game cta1","d":"An 8-bit styled call-to-action block framing problem vs solution as a boss fight, with two retro cards (the problem and the power-up) and a closing CTA button. Source-verbatim from","k":"section","s":"21st","c":"marketing/cta","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-game-cta1/default/preview.1780524065819.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-game-faq1","t":"8bit game faq1","d":"An 8-bit styled FAQ block that frames each question as a checkpoint with cleared, active, and locked states. Built on the retro accordion and badge primitives with pixel borders an","k":"section","s":"21st","c":"marketing/faq","a":"theorcdev","u":9,"pl":"https://cdn.21st.dev/larsen66/8bit-game-faq1/default/preview.1780525367614.png","pc":"theorcdev","tg":["accordion","faq"]},{"id":"21st:theorcdev__8bit-game-features1","t":"8bit game features1","d":"An 8-bit styled feature grid presented as a skill tree, with retro cards showing each skill's title, level badge (or LOCKED), description, and a level-progress bar. Source-verbatim","k":"section","s":"21st","c":"marketing/features","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-game-features1/default/preview.1780525333343.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-game-hero1","t":"8bit game hero1","d":"An 8-bit styled hero section block with a subtitle badge, retro headline, dual CTA buttons, and an XP/health progress bar underneath. Source-verbatim from the 8bitcn game-hero1 blo","k":"section","s":"21st","c":"marketing/hero","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-game-hero1/default/preview.1780523890741.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-game-hero2","t":"8bit game hero2","d":"An 8-bit styled hero section block with a level badge, retro headline, an XP progress bar, a row of level-milestone badges, and dual CTA buttons. Source-verbatim from the 8bitcn ga","k":"section","s":"21st","c":"marketing/hero","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-game-hero2/default/preview.1780524646015.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-game-over","t":"8bit game over","d":"An 8-bit styled game over screen block built on the retro card and button primitives. Shows a 'Game Over / Continue?' panel with pixel-art Retry and Exit buttons and an optional sk","s":"21st","c":"actions/button","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-game-over/default/preview.1780284023576.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-game-progress","t":"8bit game progress","d":"An 8-bit styled game progress card composing retro health, mana, and experience bars. Displays a player's level stats at a glance with pixel-art styling and labeled progress values","s":"21st","c":"data-viz/progress-bar","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-game-progress/default/preview.1780284631221.png","pc":"theorcdev","tg":["card","progress"]},{"id":"21st:theorcdev__8bit-game-roadmap1","t":"8bit game roadmap1","d":"An 8-bit roadmap styled as a quest log with a dashed timeline rail and completed, active, and locked quest states. Each quest is a retro card with a status badge. Built on the 8bit","s":"21st","c":"data-display/timeline","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-game-roadmap1/default/preview.1780523875740.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-game-team1","t":"8bit game team1","d":"An 8-bit styled party grid block. Displays a team of player profile cards with retro avatars, level badges, and health, mana, and experience bars, built on the retro card, avatar, ","k":"section","s":"21st","c":"marketing/team","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-game-team1/default/preview.1780525528121.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-health-bar","t":"8bit health bar","d":"An 8-bit styled health bar built on the retro progress primitive. Shows a smooth red fill (default) or pixelated squares (retro variant), driven by a 0-100 value.","s":"21st","c":"data-viz/progress-bar","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-health-bar/default/preview.1780279092981.png","pc":"theorcdev","tg":["progress"]},{"id":"21st:theorcdev__8bit-hero1","t":"8bit hero1","d":"A centered retro hero section with headline, badges, and CTA buttons. Pixel-perfect 8-bit style landing page hero.","k":"section","s":"21st","c":"marketing/hero","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-hero1/default/preview.1780524400380.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-hero2","t":"8bit hero2","d":"A split-layout retro hero with text on the left and a visual slot on the right. Pixel-perfect 8-bit style landing page.","k":"section","s":"21st","c":"marketing/hero","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-hero2/default/preview.1780524480723.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-hero3","t":"8bit hero3","d":"A game-style title screen hero with stat cards and blinking PRESS START text. Pixel-perfect 8-bit retro landing page.","k":"section","s":"21st","c":"marketing/hero","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-hero3/default/preview.1780524561616.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-hover-card","t":"8bit hover card","d":"An 8-bit styled hover card component with pixel-border overlay. Renders a retro popover panel on hover using CSS group-hover, no Radix dependency.","s":"21st","c":"overlays/hover-card","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-hover-card/default/preview.1780526150737.png","pc":"theorcdev","tg":["card","popover"]},{"id":"21st:theorcdev__8bit-input","t":"8bit input","d":"Pixel-art input from 8bitcn.com — wraps shadcn/ui Input with hard-edge pixel borders and Press Start 2P retro variant.","s":"21st","c":"inputs/form-field","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-input/default/preview.1779966061515.png","pc":"theorcdev","tg":["input"]},{"id":"21st:theorcdev__8bit-input-otp","t":"8bit input otp","d":"Pixel-art one-time-password input from 8bitcn.com — chunky pixel borders on each slot with focus caret.","s":"21st","c":"inputs/otp-input","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-input-otp/default/preview.1779976415420.png","pc":"theorcdev","tg":["input"]},{"id":"21st:theorcdev__8bit-item","t":"8bit item","d":"An 8-bit styled item row for lists and inventories. Composes ItemGroup, Item, ItemContent, ItemTitle, ItemDescription, ItemActions and a pixelated ItemSeparator, with default, outl","s":"21st","c":"data-display/list","a":"theorcdev","u":9,"pl":"https://cdn.21st.dev/larsen66/8bit-item/default/preview.1780525249347.png","pc":"theorcdev","tg":["list"]},{"id":"21st:theorcdev__8bit-kbd","t":"8bit kbd","d":"Pixel-art keyboard key indicator from 8bitcn.com — for shortcut hints and command palettes. Retro Press Start 2P glyph styling.","s":"21st","c":"data-display/typography","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-kbd/default/preview.1779970073050.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-label","t":"8bit label","d":"Pixel-art label from 8bitcn.com — wraps shadcn/ui Label with Press Start 2P retro variant for form fields.","s":"21st","c":"inputs/form-field","a":"theorcdev","u":3,"pl":"https://cdn.21st.dev/larsen66/8bit-label/default/preview.1779963856414.png","pc":"theorcdev","sb":"Animated fields"},{"id":"21st:theorcdev__8bit-leaderboard","t":"8bit leaderboard","d":"An 8-bit styled leaderboard block. Ranks players with retro avatars, scores, and rank badges, highlighting the current player, built on the retro card, badge, avatar, and separator","s":"21st","c":"data-display/gamification","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-leaderboard/default/preview.1780525952285.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-loading-screen","t":"8bit loading screen","d":"An 8-bit styled loading screen block with an animated retro progress bar, rotating gameplay tips, and a pulsing pixel-font title. Supports auto-progress, custom tips, percentage to","s":"21st","c":"status/loader","a":"theorcdev","u":11,"pl":"https://cdn.21st.dev/larsen66/8bit-loading-screen/default/preview.1780283477355.png","pc":"theorcdev","tg":["progress","spinner"],"sb":"Spinners"},{"id":"21st:theorcdev__8bit-login-form","t":"8bit login form","d":"Login form card with email and password fields, plus Google sign-in, built in the retro 8-bit pixel style.","s":"21st","c":"flows/sign-in","a":"theorcdev","u":10,"pl":"https://cdn.21st.dev/larsen66/8bit-login-form/default/preview.1780004856981.png","pc":"theorcdev","sb":"Sign up"},{"id":"21st:theorcdev__8bit-login-form-2","t":"8bit login form 2","d":"An 8-bit retro login form with Apple and Google social login buttons, email and password fields, and a pixel-styled card.","s":"21st","c":"flows/sign-in","a":"theorcdev","u":8,"pl":"https://cdn.21st.dev/larsen66/8bit-login-form-2/default/preview.1780153330122.png","pc":"theorcdev","sb":"Sign in"},{"id":"21st:theorcdev__8bit-login-form-with-image","t":"8bit login form with image","d":"An 8-bit styled login form with a side image panel. Features pixel-border inputs, retro button, card layout, and social login buttons, all in the Press Start 2P retro theme.","s":"21st","c":"flows/sign-in","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-login-form-with-image/default/preview.1780525890777.png","pc":"theorcdev","sb":"Split with image"},{"id":"21st:theorcdev__8bit-main-menu","t":"8bit main menu","d":"An 8-bit styled game main menu block built on the retro card and button primitives. Renders a titled menu card (Main Menu / Retro 8-bit Quest) with a vertical stack of pixel-font a","s":"21st","c":"navigation/menu","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-main-menu/default/preview.1780284111023.png","pc":"theorcdev","tg":["menu"]},{"id":"21st:theorcdev__8bit-mana-bar","t":"8bit mana bar","d":"An 8-bit styled mana bar built on the retro progress primitive. Shows a smooth blue fill (default) or pixelated squares (retro variant), driven by a 0-100 value.","s":"21st","c":"data-viz/progress-bar","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-mana-bar/default/preview.1780277752147.png","pc":"theorcdev","tg":["progress"]},{"id":"21st:theorcdev__8bit-menubar","t":"8bit menubar","d":"Pixel-art horizontal menubar from 8bitcn.com — retro pixel border on top-level items and submenus. Wraps Radix Menubar (inlined via esbuild).","s":"21st","c":"navigation/top-nav","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-menubar/default/preview.1779998669685.png","pc":"theorcdev","sb":"Mega menus"},{"id":"21st:theorcdev__8bit-navigation-menu","t":"8bit navigation menu","d":"An 8-bit styled navigation menu with pixel-border dropdown panels. Pure React state-based implementation with no Radix dependency — trigger, content, list, item, link, indicator an","s":"21st","c":"navigation/top-nav","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-navigation-menu/default/preview.1780569399895.png","pc":"theorcdev","tg":["navigation-menu"],"sb":"Mega menus"},{"id":"21st:theorcdev__8bit-not-found1","t":"8bit not found1","d":"A retro 8-bit 404 not-found page with a large pixel headline, decorative pixel-art character, and a retro CTA button linking back home. Built on the 8bit button primitive.","k":"page","s":"21st","c":"pages/templates","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-not-found1/default/preview.1780518137501.png","pc":"theorcdev","sb":"Error and status pages"},{"id":"21st:theorcdev__8bit-not-found2","t":"8bit not found2","d":"A retro 8-bit 404 not-found page featuring a pixel dwarf character, a bold pixel headline, and a retro CTA button to retreat home. Built on the 8bit button primitive.","k":"page","s":"21st","c":"pages/templates","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-not-found2/default/preview.1780525618888.png","pc":"theorcdev","sb":"Error and status pages"},{"id":"21st:theorcdev__8bit-not-found3","t":"8bit not found3","d":"A cursed retro 8-bit 404 not-found page with a pixel undead character, a status badge, a pixel headline, and dual retro CTA buttons. Built on the 8bit badge and button primitives.","k":"page","s":"21st","c":"pages/templates","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-not-found3/default/preview.1780525698743.png","pc":"theorcdev","sb":"Error and status pages"},{"id":"21st:theorcdev__8bit-pagination","t":"8bit pagination","d":"Pixel-art pagination control from 8bitcn.com — pixel-corner border on active page, retro chevron prev/next.","s":"21st","c":"navigation/pagination","a":"theorcdev","u":6,"pl":"https://cdn.21st.dev/larsen66/8bit-pagination/default/preview.1779976587099.png","pc":"theorcdev","tg":["pagination"]},{"id":"21st:theorcdev__8bit-pause-menu","t":"8bit pause menu","d":"An 8-bit styled in-game pause menu overlay built on the retro card and button primitives. Shows a 'Paused' panel with pixel-art Resume, Restart and Quit actions.","s":"21st","c":"navigation/menu","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-pause-menu/default/preview.1780284646527.png","pc":"theorcdev","tg":["modal"]},{"id":"21st:theorcdev__8bit-popover","t":"8bit popover","d":"Pixel-art popover from 8bitcn.com — retro pixel border on floating panel. Wraps Radix Popover (inlined via esbuild).","s":"21st","c":"overlays/popover","a":"theorcdev","pl":"https://cdn.21st.dev/danverr_fce71477/8bit-popover/default/preview.1779996628874.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-portal-transition","t":"8bit portal transition","d":"An interactive retro 8-bit fast-travel CTA. Click the pixel portal to trigger a traveling state that pulses the artwork, swaps the badge and button labels, and disables the primary","s":"21st","c":"actions/button","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-portal-transition/default/preview.1780525164983.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-pricing1","t":"8bit pricing1","d":"Classic side-by-side 8-bit pricing tier cards with feature lists, a highlighted popular tier, and retro pixel CTAs. Built on the 8bitcn card, badge, button, and separator primitive","k":"section","s":"21st","c":"marketing/pricing","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-pricing1/default/preview.1780525456927.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-pricing2","t":"8bit pricing2","d":"8-bit pricing cards with a monthly/yearly toggle that swaps prices, a best-value badge, and retro pixel CTAs. Built on the 8bitcn card, badge, button, and separator primitives.","k":"section","s":"21st","c":"marketing/pricing","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-pricing2/default/preview.1780525537664.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-progress","t":"8bit progress","d":"Pixel-art progress bar from 8bitcn.com — chunky pixel fill, self-contained (no shadcn primitive dependency).","s":"21st","c":"data-viz/progress-bar","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-progress/default/preview.1779966241776.png","pc":"theorcdev","tg":["progress"]},{"id":"21st:theorcdev__8bit-quest-log","t":"8bit quest log","d":"An 8-bit styled quest log panel with accordion items, status badges (active/completed/failed/pending), and a scrollable list. Source-verbatim from the 8bitcn quest-log block.","s":"21st","c":"data-display/accordion","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-quest-log/default/preview.1780524554160.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-radio-group","t":"8bit radio group","d":"Pixel-art radio group from 8bitcn.com — chunky pixel frame around each option, retro selected glyph. Native primitive rewrite, no Radix.","s":"21st","c":"inputs/radio","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-radio-group/default/preview.1779976708894.png","pc":"theorcdev","tg":["radio-group"]},{"id":"21st:theorcdev__8bit-resizable","t":"8bit resizable","d":"An 8-bit styled resizable panel group with retro pixel borders and a draggable handle, built on react-resizable-panels. Supports horizontal and vertical layouts with optional grip ","k":"layout","s":"21st","c":"layout/split-pane","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-resizable/default/preview.1780280730195.png","pc":"theorcdev","tg":["border"]},{"id":"21st:theorcdev__8bit-save-slots","t":"8bit save slots","d":"An 8-bit save/load game interface that lists save files with floppy-disk previews, timestamps, saved badges, and empty-slot placeholders. Built on the 8bitcn card, badge, button, a","s":"21st","c":"actions/button","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-save-slots/default/preview.1780523894542.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-scroll-area","t":"8bit scroll area","d":"Pixel-art scroll area from 8bitcn.com — overflow container with retro chunky scrollbar styling.","k":"layout","s":"21st","c":"layout/scroll-area","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-scroll-area/default/preview.1779979258209.png","pc":"theorcdev","tg":["scroll-area"]},{"id":"21st:theorcdev__8bit-select","t":"8bit select","d":"Pixel-art select dropdown from 8bitcn — retro pixel border on the trigger and the floating panel, with Press Start 2P typography. Wraps Radix Select for full keyboard and accessibi","s":"21st","c":"inputs/select","a":"theorcdev","u":13,"pl":"https://cdn.21st.dev/larsen66/8bit-select/default/preview.1780149324409.png","pc":"theorcdev","tg":["select"]},{"id":"21st:theorcdev__8bit-separator","t":"8bit separator","d":"Pixel-art separator from 8bitcn.com — dashed pixel rule with horizontal and vertical orientations. Self-contained, no radix.","s":"21st","c":"navigation/pagination","a":"theorcdev","u":5,"pl":"https://cdn.21st.dev/larsen66/8bit-separator/default/preview.1779969999702.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-skeleton","t":"8bit skeleton","d":"Pixel-art skeleton placeholder from 8bitcn.com — wraps shadcn/ui Skeleton with chunky pixel blocks for loading states.","s":"21st","c":"status/skeleton","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-skeleton/default/preview.1779966163911.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-slider","t":"8bit slider","d":"Pixel-art slider from 8bitcn.com — chunky track and thumb with retro 8-bit styling. Wraps Radix Slider primitive.","s":"21st","c":"inputs/slider","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-slider/default/preview.1779974055739.png","pc":"theorcdev","tg":["slider"]},{"id":"21st:theorcdev__8bit-social-proof1","t":"8bit social proof1","d":"An 8-bit styled social proof stats bar block showing headline metrics separated by retro dashed dividers, with an optional logo cloud below. Renders big pixel-font numbers with lab","k":"section","s":"21st","c":"marketing/testimonials","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-social-proof1/default/preview.1780525610513.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-social-proof2","t":"8bit social proof2","d":"An 8-bit styled testimonials block with two columns of retro pixel-font cards, each holding a quote, an author name, and a role badge. Renders a responsive grid of testimonial card","k":"section","s":"21st","c":"marketing/testimonials","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-social-proof2/default/preview.1780525694207.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-social-proof3","t":"8bit social proof3","d":"An 8-bit styled social proof block. A looping carousel of customer review cards with pixel star ratings, quote, name, role, and an optional badge. Built on a retro embla carousel w","k":"section","s":"21st","c":"marketing/testimonials","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-social-proof3/default/preview.1780525778400.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-spinner","t":"8bit spinner","d":"Pixel-art loading spinner from 8bitcn.com — classic rotating SVG or diamond pixel-flash variant. Zero dependencies.","s":"21st","c":"status/loader","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-spinner/default/preview.1779970158842.png","pc":"theorcdev","tg":["spinner"],"sb":"Spinners"},{"id":"21st:theorcdev__8bit-switch","t":"8bit switch","d":"Pixel-art toggle switch from 8bitcn.com — hard-edge pixel border with on/off thumb states. Wraps Radix Switch primitive.","s":"21st","c":"actions/switch","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-switch/default/preview.1779973793451.png","pc":"theorcdev","tg":["toggle"]},{"id":"21st:theorcdev__8bit-table","t":"8bit table","d":"Pixel-art table from 8bitcn.com — bordered cells with retro 8-bit styling. Zero external deps.","s":"21st","c":"data-display/table","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-table/default/preview.1779988756041.png","pc":"theorcdev","tg":["table"]},{"id":"21st:theorcdev__8bit-tabs","t":"8bit tabs","d":"Pixel-art tabs from 8bitcn.com — retro pixel borders on triggers and content panels. Wraps shadcn/ui Tabs.","s":"21st","c":"navigation/tabs","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-tabs/default/preview.1779974141558.png","pc":"theorcdev","tg":["tabs"]},{"id":"21st:theorcdev__8bit-team1","t":"8bit team1","d":"An 8-bit styled team grid block. Responsive card grid of team members with pixel avatars, name, role, and an optional corner badge. Built from retro avatar, badge, and card primiti","k":"section","s":"21st","c":"marketing/team","a":"theorcdev","u":10,"pl":"https://cdn.21st.dev/larsen66/8bit-team1/default/preview.1780525360281.png","pc":"theorcdev","tg":["team"]},{"id":"21st:theorcdev__8bit-team2","t":"8bit team2","d":"An 8-bit styled changelog block. Vertical list of release entries with date, title, description, an optional version badge, and pixel separators between entries. Built from retro b","k":"section","s":"21st","c":"marketing/team","a":"theorcdev","u":13,"pl":"https://cdn.21st.dev/larsen66/8bit-team2/default/preview.1780351195255.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-team3","t":"8bit team3","d":"An 8-bit styled case studies block. Three-column grid of customer stories, each with a title, description, KPI badges, and a call-to-action button. Built from retro badge, button, ","k":"section","s":"21st","c":"marketing/team","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-team3/default/preview.1780525444348.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-textarea","t":"8bit textarea","d":"Pixel-art textarea from 8bitcn.com — wraps shadcn/ui Textarea with hard-edge pixel borders and Press Start 2P retro font.","s":"21st","c":"inputs/textarea","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-textarea/default/preview.1779969787146.png","pc":"theorcdev","tg":["textarea"]},{"id":"21st:theorcdev__8bit-timeline1","t":"8bit timeline1","d":"A vertical 8-bit timeline with connecting dashed line, numbered step icons, optional badges, and retro typography. Source-verbatim from the 8bitcn timeline1 block.","s":"21st","c":"data-display/timeline","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-timeline1/default/preview.1780524749239.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-timeline2","t":"8bit timeline2","d":"An 8-bit styled horizontal timeline block with numbered checkpoints on a dashed track. Renders steps horizontally on desktop and stacks vertically on mobile, with a retro pixel-fon","s":"21st","c":"data-display/timeline","a":"theorcdev","u":7,"pl":"https://cdn.21st.dev/larsen66/8bit-timeline2/default/preview.1780282992414.png","pc":"theorcdev","tg":["steps","timeline"]},{"id":"21st:theorcdev__8bit-timeline3","t":"8bit timeline3","d":"An 8-bit zigzag roadmap timeline with alternating left/right cards on desktop and a simple vertical layout on mobile. Source-verbatim from the 8bitcn timeline3 block.","s":"21st","c":"data-display/timeline","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-timeline3/default/preview.1780524937319.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-toast","t":"8bit toast","d":"Pixel-art toast notification from 8bitcn.com — wraps Sonner with retro pixel borders (Sonner inlined via esbuild).","s":"21st","c":"overlays/toast","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-toast/default/preview.1779989889455.png","pc":"theorcdev","tg":["toast"]},{"id":"21st:theorcdev__8bit-toggle","t":"8bit toggle","d":"Pixel-art toggle button from 8bitcn.com — pressed state with retro pixel border. Wraps shadcn/ui Toggle.","s":"21st","c":"actions/switch","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-toggle/default/preview.1779973972164.png","pc":"theorcdev","tg":["toggle"]},{"id":"21st:theorcdev__8bit-toggle-group","t":"8bit toggle group","d":"Pixel-art toggle group from 8bitcn.com — single or multiple selection with retro pixel borders on each item.","s":"21st","c":"actions/switch","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-toggle-group/default/preview.1779976327982.png","pc":"theorcdev","tg":["toggle"]},{"id":"21st:theorcdev__8bit-tooltip","t":"8bit tooltip","d":"Pixel-art tooltip from 8bitcn.com — retro pixel-border bubble appearing on hover with Press Start 2P font.","s":"21st","c":"overlays/tooltip","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-tooltip/default/preview.1779979678561.png","pc":"theorcdev","tg":["tooltip"]},{"id":"21st:theorcdev__8bit-victory-screen","t":"8bit victory screen","d":"An 8-bit victory results screen built on the retro card, alert, and item primitives. Shows a VICTORY banner, stat panels (exp/gold), an items-obtained list with rarity colors and i","k":"motion","s":"21st","c":"motion/border","a":"theorcdev","pl":"https://cdn.21st.dev/larsen66/8bit-victory-screen/default/preview.1780525776943.png","pc":"theorcdev"},{"id":"21st:theorcdev__8bit-xp-bar","t":"8bit xp bar","d":"Pixel-art XP / experience bar from 8bitcn.com — chunky pixel borders, retro fill. Wraps Radix Progress; default and retro variants; flashing 'LEVEL UP!' animation at 100%.","s":"21st","c":"data-display/gamification","a":"theorcdev","u":10,"pl":"https://cdn.21st.dev/larsen66/8bit-xp-bar/default/preview.1779996077095.png","pc":"theorcdev","tg":["progress"]},{"id":"21st:theritikk__luma-spin","t":"Luma spin","d":"Luma Spin is a loader component","s":"21st","c":"status/loader","a":"theritikk","pl":"https://cdn.21st.dev/theritikk/luma-spin/default/preview.1751889664207.png","pc":"theritikk","tg":["spinner"],"sb":"Spinners"},{"id":"21st:theshanelevine__approval-card","t":"Approval card","d":"A human-in-the-loop approval card where an AI agent asks one multiple-choice question at a time, with radio/checkbox options, a custom answer field, a dot pager, and a confirmation","s":"21st","c":"data-display/card","a":"theshanelevine","pl":"https://cdn.21st.dev/theshanelevine/approval-card/default/preview.1785483085506-b838cdcf-642f-4a86-a19f-d813a89a2bc2.png","pc":"theshanelevine","tg":["ai-chat"]},{"id":"21st:theshanelevine__chat","t":"Chat","d":"Tabbed AI chat panel with animated reasoning replies and a message composer for agent interfaces.","s":"21st","c":"ai-agent/ai-agent","a":"theshanelevine","pl":"https://cdn.21st.dev/theshanelevine/chat/default/preview.1785484847734-f168553a-13cb-4a59-978c-c9a170358307.png","pc":"theshanelevine","tg":["ai-chat"],"sb":"Chat"},{"id":"21st:theshanelevine__code-block","t":"Code block","d":"A code block that streams agent-written code line by line with syntax token colors, a filename header, and a live copy-to-clipboard button.","s":"21st","c":"data-display/code-block","a":"theshanelevine","pl":"https://cdn.21st.dev/theshanelevine/code-block/default/preview.1785485820796-1f638759-f9e4-40e4-aa63-003e102dd86f.png","pc":"theshanelevine"},{"id":"21st:theshanelevine__context-cards","t":"Context cards","d":"A stack of retrieved knowledge chunk cards that animate in, each showing a title, character count, snippet, and a source file chip.","s":"21st","c":"data-display/card","a":"theshanelevine","pl":"https://cdn.21st.dev/theshanelevine/context-cards/default/preview.1785484829530-a2956c13-fe0c-47d2-a60c-7d7ab31ba333.png","pc":"theshanelevine"},{"id":"21st:theshanelevine__diff-table","t":"Diff table","d":"An animated data table that plays an AI-proposed edit sweeping through tabular rows — removed rows tint red and strike through while a newly added row slides in green, resting on t","s":"21st","c":"data-display/diff","a":"theshanelevine","pl":"https://cdn.21st.dev/theshanelevine/diff-table/default/preview.1785484878538-50879f45-473a-45c2-8051-35e566edf060.png","pc":"theshanelevine"},{"id":"21st:theshanelevine__filter-table","t":"Filter table","d":"A task table with status filter chips that reorganize live data — clicking All, To do, In Progress, or Completed smoothly expands and collapses the matching rows.","s":"21st","c":"data-display/table","a":"theshanelevine","pl":"https://cdn.21st.dev/theshanelevine/filter-table/default/preview.1785484924778-f1a9a690-fe62-4ef0-babf-562c9e5bf485.png","pc":"theshanelevine","sb":"Data tables"},{"id":"21st:theshanelevine__loading-state","t":"Loading state","d":"A compact pixel-grid loader with an animated wavefront, a shimmering status label, and a live elapsed timer for long-running or agent tasks.","s":"21st","c":"status/loader","a":"theshanelevine","st":"rated","pl":"https://cdn.21st.dev/theshanelevine/loading-state/default/preview.1785483020200-203a6459-173d-4672-81f4-047dfd5094ba.png","pc":"theshanelevine","tg":["progress"],"sc":22,"sb":"Bars"},{"id":"21st:theshanelevine__recommendation-card","t":"Recommendation card","d":"An AI agent suggestion card with a confidence meter, an expandable drawer of alternative options, and an accept action.","s":"21st","c":"data-display/card","a":"theshanelevine","pl":"https://cdn.21st.dev/theshanelevine/recommendation-card/default/preview.1785484863300-95c25233-0dca-4c65-96ea-9896540a9b9c.png","pc":"theshanelevine"},{"id":"21st:theshanelevine__records-table","t":"Records table","d":"A compact CRM-style data table with colored tag chips, a sticky first column, row selection, sortable columns, connection-strength indicators, and a calculations footer.","s":"21st","c":"data-display/table","a":"theshanelevine","pl":"https://cdn.21st.dev/theshanelevine/records-table/default/preview.1785484893602-40bfd5fe-85b8-4b60-85c6-75668202bb9c.png","pc":"theshanelevine","tg":["grid","table"]},{"id":"21st:theshanelevine__search","t":"Search","d":"A command-style search field with live filtering, a clear button, and a no-results empty state.","s":"21st","c":"inputs/search","a":"theshanelevine","pl":"https://cdn.21st.dev/theshanelevine/search/default/preview.1785484941787-543b9f80-8b77-4b7b-835f-7e9cf401ee7b.png","pc":"theshanelevine"},{"id":"21st:theshanelevine__sidebar-nav","t":"Sidebar nav","d":"A workspace sidebar navigation with a workspace switcher, quick search field, accent action button, and grouped nav items with an animated hover/active highlight and badges.","s":"21st","c":"navigation/top-nav","a":"theshanelevine","pl":"https://cdn.21st.dev/theshanelevine/sidebar-nav/default/preview.1785484909164-67954fa4-f387-4652-8d40-ff45a3368c9f.png","pc":"theshanelevine"},{"id":"21st:theshanelevine__streaming-text","t":"Streaming text","d":"Streamed AI answer that reveals word by word with inline source citations, expandable sources, action buttons, and follow-up prompts.","s":"21st","c":"ai-agent","a":"theshanelevine","pl":"https://cdn.21st.dev/theshanelevine/streaming-text/default/preview.1785483052316-efbe4f6a-7ce7-43d2-be9b-032d08a251de.png","pc":"theshanelevine","tg":["ai-chat"],"sb":"Chat"},{"id":"21st:theshanelevine__thinking","t":"Thinking","d":"An expandable AI agent thinking trace that streams steps, reasoning, web-search results, or tool calls with a shimmering label and collapsible timeline.","s":"21st","c":"ai-agent/ai-agent","a":"theshanelevine","st":"rated","pl":"https://cdn.21st.dev/theshanelevine/thinking/default/preview.1785483036059-110d5d18-9bdb-4129-b5e6-663d0b5a32de.png","pc":"theshanelevine","tg":["ai-chat"],"sc":21,"sb":"Reasoning and tools"},{"id":"21st:thetemplatebusiness__hello-world-button","t":"Hello world button","d":"a hello world button","s":"21st","c":"actions/button","a":"thetemplatebusiness","pl":"https://cdn.21st.dev/thetemplatebusiness/hello-world-button/default/preview.1753736773681.png","pc":"thetemplatebusiness"},{"id":"21st:theurabello27__mrx-brain-2","t":"Mrx brain 2","d":"Animated (shimmer) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"theurabello27","pl":"https://cdn.21st.dev/theurabello27/mrx-brain-2/default/preview.1785466246201-e1d1c2f4-4acb-4f62-a62a-d5f5361e9817.webp","pc":"theurabello27","sb":"Dither"},{"id":"21st:theutkarshmail__3-dots-loader","t":"3 dots loader","d":" sleek, minimal loader animation where three separate balls move independently at first, then merge into one and spin together — symbolizing alignment, synergy, or a process coming","s":"21st","c":"status/loader","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/3-dots-loader/default/preview.1755117050055.png","pc":"theutkarshmail","tg":["spinner"],"sb":"Dots and pulse"},{"id":"21st:theutkarshmail__3d-button","t":"3d button","d":"A 3D button with animated text is a visually dynamic UI element designed to mimic real-world depth and provide interactive feedback through both its structure and the movement of i","s":"21st","c":"actions/button","a":"theutkarshmail","u":167,"pl":"https://cdn.21st.dev/theutkarshmail/3d-button/default/preview.1755031043065.png","pc":"theutkarshmail","tg":["cta"],"sb":"Animated"},{"id":"21st:theutkarshmail__3d-effect-loader","t":"3d effect loader","d":"this is a loader with special 3d animation ","s":"21st","c":"status/loader","a":"theutkarshmail","u":23,"pl":"https://cdn.21st.dev/theutkarshmail/3d-effect-loader/default/preview.1755111973713.png","pc":"theutkarshmail","tg":["spinner"],"sb":"Liquid and 3D"},{"id":"21st:theutkarshmail__ai-button","t":"Ai button","d":"this is button with 3d glow effect  with combination of dark and purpe themes","s":"21st","c":"ai-agent/ai-agent","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/ai-button/default/preview.1755112366094.png","pc":"theutkarshmail"},{"id":"21st:theutkarshmail__ai-loader","t":"Ai loader","s":"21st","c":"ai-agent/ai-agent","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/ai-loader/default/preview.1755115601492.png","pc":"theutkarshmail","tg":["ai-chat","spinner"],"sb":"Chat"},{"id":"21st:theutkarshmail__bluetooth-key","t":"Bluetooth key","d":"a keyboard key for bluetooth toggle","s":"21st","c":"actions/switch","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/bluetooth-key/default/preview.1755518361050.png","pc":"theutkarshmail","tg":["toggle"]},{"id":"21st:theutkarshmail__capsule-loader","t":"Capsule loader","s":"21st","c":"status/loader","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/capsule-loader/default/preview.1755118876040.png","pc":"theutkarshmail","sb":"Spinners"},{"id":"21st:theutkarshmail__chatgpt-tile","t":"Chatgpt tile","d":"a chatgpt tile with 3d hover effect and animated icon","s":"21st","c":"data-display/card","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/chatgpt-tile/default/preview.1755205024618.png","pc":"theutkarshmail"},{"id":"21st:theutkarshmail__claude-button","t":"Claude button","d":"This is a rectangular badge-style logo with a beige background, a black border, and a drop shadow effect in orange. On the left, it has a starburst icon followed by the text Claude","s":"21st","c":"actions/button","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/claude-button/default/preview.1755205528252.png","pc":"theutkarshmail"},{"id":"21st:theutkarshmail__comment-reply","t":"Comment reply","d":"this is a comment reply component designed for modern and minimilist social apps","s":"21st","c":"ai-agent/composer","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/comment-reply/default/preview.1755113437793.png","pc":"theutkarshmail"},{"id":"21st:theutkarshmail__coupon-checkout","t":"Coupon checkout","d":"this a checkout summary component with a promo code","k":"section","s":"21st","c":"marketing/pricing","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/coupon-checkout/default/preview.1755113908364.png","pc":"theutkarshmail"},{"id":"21st:theutkarshmail__cycle-loader","t":"Cycle loader","d":"A seamless, hypnotic animation where motion flows in a perfect circular loop, designed to symbolize continuity, harmony, and quiet power — like the inner workings of a well-oiled e","s":"21st","c":"status/loader","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/cycle-loader/default/preview.1755117888424.png","pc":"theutkarshmail","sb":"Spinners"},{"id":"21st:theutkarshmail__de-bugger","t":"De bugger","d":"a simple component which allows you to shoot bugs which fly acroos just like the dino game when there is no network","s":"21st","c":"other","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/de-bugger/default/preview.1755517647540.png","pc":"theutkarshmail"},{"id":"21st:theutkarshmail__delete-bin","t":"Delete bin","d":"a delete bin button which on hover shows a opened bin ","s":"21st","c":"actions/button","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/delete-bin/default/preview.1755206792703.png","pc":"theutkarshmail"},{"id":"21st:theutkarshmail__google-assistant-colorfull-loader","t":"Google assistant colorfull loader","d":"A playful, dynamic loader made up of four colorful dots that animate in a smooth, expressive sequence. This loader reflects Google Assistant's personality — helpful, responsive, an","s":"21st","c":"ai-agent/ai-agent","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/google-assistant-colorfull-loader/default/preview.1755118453588.png","pc":"theutkarshmail","sb":"Chat"},{"id":"21st:theutkarshmail__google-assistant-loader","t":"Google assistant loader","d":"A playful, dynamic loader made up of four dots that animate in a smooth, expressive sequence. This loader reflects Google Assistant's personality — helpful, responsive, and friendl","s":"21st","c":"ai-agent/ai-agent","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/google-assistant-loader/default/preview.1755118212916.png","pc":"theutkarshmail","sb":"Chat"},{"id":"21st:theutkarshmail__hamster-loader","t":"Hamster loader","d":"A fun and engaging loader animation where a tiny hamster runs endlessly inside a spinning wheel, symbolizing active background work or loading progress.","s":"21st","c":"status/loader","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/hamster-loader/default/preview.1755116715834.png","pc":"theutkarshmail","sb":"Spinners"},{"id":"21st:theutkarshmail__heartbeat-loader","t":"Heartbeat loader","d":"A visually dynamic loader that mimics a heartbeat rhythm, paired with an ECG (electrocardiogram) line animation to symbolize vitality, life, or live data activity.","s":"21st","c":"status/loader","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/heartbeat-loader/default/preview.1755117356739.png","pc":"theutkarshmail","sb":"Spinners"},{"id":"21st:theutkarshmail__honeycomb-loader","t":"Honeycomb loader","d":"this is a honeycomb loaders and ","s":"21st","c":"status/loader","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/honeycomb-loader/default/preview.1755115239639.png","pc":"theutkarshmail","tg":["spinner"],"sb":"Spinners"},{"id":"21st:theutkarshmail__hove-button","t":"Hove button","d":"A button labeled Hover that, when hovered, reveals the text Click and bends toward the side where the cursor touches.","s":"21st","c":"actions/button","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/hove-button/default/preview.1755203459828.png","pc":"theutkarshmail"},{"id":"21st:theutkarshmail__illustration-cards","t":"Illustration cards","d":"group of four cards that reveal their content on hover one at a time","k":"resource","s":"21st","c":"assets/illustration","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/illustration-cards/default/preview.1755212949062.png","pc":"theutkarshmail"},{"id":"21st:theutkarshmail__jetpack-loader","t":"Jetpack loader","d":"why waitfor loading when you can take a jetpack and reach to the data yourself !!","s":"21st","c":"status/loader","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/jetpack-loader/default/preview.1755116241467.png","pc":"theutkarshmail","sb":"Spinners"},{"id":"21st:theutkarshmail__lever-switch","t":"Lever switch","d":"this a animated lever switch can be toggled on and off just like a lever or gear of a machine","s":"21st","c":"actions/switch","a":"theutkarshmail","u":128,"pl":"https://cdn.21st.dev/theutkarshmail/lever-switch/default/preview.1755112741352.png","pc":"theutkarshmail"},{"id":"21st:theutkarshmail__linked-in-follow-me","t":"Linked in follow me","d":"a follow me button which on hover tell user about a linkedin profile ","s":"21st","c":"actions/link","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/linked-in-follow-me/default/preview.1755202662546.png","pc":"theutkarshmail"},{"id":"21st:theutkarshmail__magnet-button","t":"Magnet button","d":"This is a dark rounded button with glowing edges that, when clicked, triggers an animation resembling a moving polar magnetic field radiating outward.","s":"21st","c":"actions/button","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/magnet-button/default/preview.1755203812393.png","pc":"theutkarshmail"},{"id":"21st:theutkarshmail__mail-box","t":"Mail box","d":"the mail box opens on click","s":"21st","c":"other","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/mail-box/default/preview.1755206526495.png","pc":"theutkarshmail"},{"id":"21st:theutkarshmail__map","t":"Map","d":"this isa map which shows the cities on hover","s":"21st","c":"data-viz/map","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/map/default/preview.1755539756791.png","pc":"theutkarshmail"},{"id":"21st:theutkarshmail__mario-game","t":"Mario game","d":"This design shows a Mario-style interaction. When the user long presses the question block at the top, Mario jumps upward, and a coin pops out of the block, mimicking the classic S","s":"21st","c":"other","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/mario-game/default/preview.1755206171819.png","pc":"theutkarshmail"},{"id":"21st:theutkarshmail__multi-choice","t":"Multi choice","s":"21st","c":"other","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/multi-choice/default/preview.1755205856531.png","pc":"theutkarshmail"},{"id":"21st:theutkarshmail__next-button","t":"Next button","d":"this is a next button with a glow and arrow animation","s":"21st","c":"actions/button","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/next-button/default/preview.1755112991579.png","pc":"theutkarshmail"},{"id":"21st:theutkarshmail__nuke-button","t":"Nuke button","s":"21st","c":"actions/button","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/nuke-button/default/preview.1755207465043.png","pc":"theutkarshmail"},{"id":"21st:theutkarshmail__pacman-loader","t":"Pacman loader","d":"this is a pacman loader for pacman fans and ui enthusiasts!","s":"21st","c":"status/loader","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/pacman-loader/default/preview.1755115949729.png","pc":"theutkarshmail","sb":"Spinners"},{"id":"21st:theutkarshmail__panda-loader","t":"Panda loader","s":"21st","c":"status/loader","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/panda-loader/default/preview.1755029619355.png","pc":"theutkarshmail","sb":"Spinners"},{"id":"21st:theutkarshmail__pattern-loader","t":"Pattern loader","d":"here is a pattern loader which changes pattern and enhaces ex ","s":"21st","c":"status/loader","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/pattern-loader/default/preview.1755117638747.png","pc":"theutkarshmail","sb":"Spinners"},{"id":"21st:theutkarshmail__ramen-boy","t":"Ramen boy","s":"21st","c":"other","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/ramen-boy/default/preview.1755119310768.png","pc":"theutkarshmail"},{"id":"21st:theutkarshmail__rising-ball","t":"Rising ball","d":"A single ball moves toward a staircase-like structure. It pauses briefly, then begins climbing — bouncing up one step at a time. Each bounce is rhythmic and smooth, creating a loop","s":"21st","c":"status/loader","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/rising-ball/default/preview.1755111645595.png","pc":"theutkarshmail","tg":["spinner"],"sb":"Spinners"},{"id":"21st:theutkarshmail__slide-glow-button","t":"Slide glow button","d":"a animation which reveals glow text \"Himawari\" on hover ","s":"21st","c":"actions/button","a":"theutkarshmail","u":11,"pl":"https://cdn.21st.dev/theutkarshmail/slide-glow-button/default/preview.1755202399040.png","pc":"theutkarshmail","sb":"Animated"},{"id":"21st:theutkarshmail__vs-code-button","t":"Vs code button","d":"a vs code icon button which inverts color on hover","s":"21st","c":"actions/button","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/vs-code-button/default/preview.1755204510587.png","pc":"theutkarshmail"},{"id":"21st:theutkarshmail__xbox-animation","t":"Xbox animation","d":"hover animation of xbox icon on a xbox card","s":"21st","c":"data-display/card","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/xbox-animation/default/preview.1755213562448.png","pc":"theutkarshmail"},{"id":"21st:theutkarshmail__youtube-reveal","t":"Youtube reveal","d":"a youtube button which reveals mini profile on hover. It looks like a modern social media hover card that combines both branding (YouTube logo) and channel info in a smooth reveal.","s":"21st","c":"media/player","a":"theutkarshmail","pl":"https://cdn.21st.dev/theutkarshmail/youtube-reveal/default/preview.1755208000475.png","pc":"theutkarshmail"},{"id":"21st:thiago.mello__orange-gamification","t":"Orange gamification","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#E14923, #FF9A52, #FF9100, #E14923). Features: film grain. A drop-i","k":"motion","s":"21st","c":"motion/gradient","a":"thiago.mello","pl":"https://cdn.21st.dev/thiago.mello/orange-gamification/default/preview.1785945329803-abe5a739-7fb9-4309-afa8-0a6b587ffd00.webp","pc":"thiago.mello","sb":"Bloom Field"},{"id":"21st:thousandoaksco__pinlist","t":"Pinlist","d":"A pinned items list with toggle-to-pin behavior; pinned items sort to top.","s":"21st","c":"actions/switch","a":"thousandoaksco","pl":"https://21st.dev/@thousandoaksco/components/pinlist","pc":"thousandoaksco"},{"id":"21st:thyagoresende__test","t":"Test","d":"Animated (flicker) ASCII art in the Lines style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, ","k":"motion","s":"21st","c":"motion/ascii","a":"thyagoresende","pl":"https://cdn.21st.dev/thyagoresende/test/default/preview.1786139423018-424f7ef2-9e33-4e6e-af18-144c33fd0310.webp","pc":"thyagoresende","sb":"Lines"},{"id":"21st:thyagoresende__test2","t":"Test2","d":"Animated (flicker) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, ca","k":"motion","s":"21st","c":"motion/ascii","a":"thyagoresende","pl":"https://cdn.21st.dev/thyagoresende/test2/default/preview.1786139432055-65146cc0-acb7-43f2-9c00-eddd904cafcf.webp","pc":"thyagoresende","sb":"Characters"},{"id":"21st:tiemefgroup__neuro-noise-shader","t":"Neuro noise shader","d":"Animated WebGL shader background in the Neuro Noise style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"tiemefgroup","pl":"https://cdn.21st.dev/tiemefgroup/neuro-noise-shader/default/preview.1786626922948-a4fcf22f-ebb3-47e4-a27c-271becae24b1.webp","pc":"tiemefgroup","sb":"Neuro Noise"},{"id":"21st:tigerabrodi__input-with-feedback","t":"Input with feedback","d":"My InputWithFeedback component. I use it for a lot of forms.","s":"21st","c":"inputs/form-field","a":"tigerabrodi","pl":"https://cdn.21st.dev/user_tigerabrodi/input-with-feedback/default/preview.png","pc":"tigerabrodi","tg":["input"],"sb":"Whole forms"},{"id":"21st:tigerabrodi__smart-textbox","t":"Smart textbox","d":"Rich text input with @mentions and AI autocomplete. Inline tag chips, ghost text suggestions. Keyboard-first, fully customizable.","s":"21st","c":"data-display/badge","a":"tigerabrodi","pl":"https://cdn.21st.dev/larsen66/smart-textbox/default/preview.1773142411166.png","pc":"tigerabrodi","tg":["ai-chat","chip","textarea"],"sb":"Tags and pills"},{"id":"21st:tigermudassirpm__app","t":"App","d":"A cinematic, scroll-driven 3D debit card exploding and merging experience.","s":"21st","c":"layout/scroll-area","a":"tigermudassirpm","pl":"https://cdn.21st.dev/tigermudassirpm/app/default/preview.1786095698571-70c3ff8c-9858-4651-8fce-99cb4876dd49.png","pc":"tigermudassirpm"},{"id":"21st:timoapfelsaft__rge2","t":"Rge2","s":"21st","c":"other","a":"timoapfelsaft","pl":"https://cdn.21st.dev/timoapfelsaft/rge2/default/preview.1785504021814-bfc48b66-8686-46bc-81ba-d5ec362dfede.webp","pc":"timoapfelsaft"},{"id":"21st:tkachukkateryna14__digit-stream","t":"Digit stream","d":"A generative digit stream: hundreds of numbers flow along a winding snake path on black as you scroll, then dim and scatter when you stop — easing back onto the path when you scrol","k":"motion","s":"21st","c":"motion/background","a":"tkachukkateryna14","pl":"https://cdn.21st.dev/tkachukkateryna14/digit-stream/default/preview.1785841626551-7a737211-30a8-4d6c-86f9-2f8032bac4e5.png","pc":"tkachukkateryna14","tg":["background","scroll-area"]},{"id":"21st:tkachukkateryna14__lamp","t":"Lamp","d":"Ambient lamp glow with a bright edge line for hero sections.","k":"motion","s":"21st","c":"motion/background","a":"tkachukkateryna14","pl":"https://cdn.21st.dev/tkachukkateryna14/lamp/default/preview.1786970703776-a677b68d-3c26-46d7-bf50-90b7d7e96709.png","pc":"tkachukkateryna14","sb":"Gradients and aurora"},{"id":"21st:tkachukkateryna14__mixtape-hero","t":"Mixtape hero","k":"section","s":"21st","c":"marketing/hero","a":"tkachukkateryna14","pl":"https://cdn.21st.dev/tkachukkateryna14/mixtape-hero/default/preview.1785872476731-3e2f23cc-c640-4ec0-84d6-b5ebffa9deb6.webp","pc":"tkachukkateryna14"},{"id":"21st:tkachukkateryna14__scatter-clock","t":"Scatter clock","d":"A clock counts up to a set time, then shatters into a rain of small falling digits as you scroll — the sage backdrop darkens to black and the digits turn silver, gathering back int","s":"21st","c":"data-viz/chart","a":"tkachukkateryna14","pl":"https://cdn.21st.dev/tkachukkateryna14/scatter-clock/default/preview.1785942217550-0c4cecb9-bdf2-4b84-8a7f-de6e8e5e9b91.png","pc":"tkachukkateryna14","sb":"Scatter"},{"id":"21st:tkachukkateryna14__soft-focus-clock","t":"Soft focus clock","s":"21st","c":"motion/number-ticker","a":"tkachukkateryna14","pl":"https://cdn.21st.dev/tkachukkateryna14/soft-focus-clock/default/preview.1785839929655-3a75feaf-de52-4250-bb77-6b0d74151a1d.png","pc":"tkachukkateryna14"},{"id":"21st:tom_ui__animated-checkbox","t":"Animated checkbox","d":"Animated checkbox with spring transitions and strike-through text effect.","s":"21st","c":"inputs/checkbox","a":"tom_ui","u":17,"pl":"https://cdn.21st.dev/larsen66/animated-checkbox/default/preview.1773095672398.png","pc":"tom_ui","tg":["checkbox"]},{"id":"21st:tom_ui__animated-gradient","t":"Animated gradient","d":"Animated gradient background with presets and customizable swirl effects using WebGL.","k":"motion","s":"21st","c":"motion/background","a":"tom_ui","u":57,"pl":"https://cdn.21st.dev/larsen66/animated-gradient/default/preview.1773077145252.png","pc":"tom_ui","tg":["background"],"sb":"Gradients and aurora"},{"id":"21st:tom_ui__bars-spinner","t":"Bars spinner","d":"A loading spinner with rotating bars animation.","s":"21st","c":"status/loader","a":"tom_ui","u":10,"pl":"https://cdn.21st.dev/larsen66/bars-spinner/default/preview.1773077357524.png","pc":"tom_ui","sb":"Spinners"},{"id":"21st:tom_ui__blur-reveal","t":"Blur reveal","d":"Animated text component that reveals characters one by one with a blur-to-focus effect.","k":"motion","s":"21st","c":"motion/text-effect","a":"tom_ui","u":8,"pl":"https://cdn.21st.dev/tom_ui/blur-reveal/default/preview.1784456059490-99fc2545-8f4b-4d51-b8e1-52ace13f6423.png","pc":"tom_ui","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:tom_ui__color-selector","t":"Color selector","d":"Interactive color picker component.","s":"21st","c":"inputs/checkbox","a":"tom_ui","u":34,"pl":"https://cdn.21st.dev/larsen66/color-selector/default/preview.1773094901253.png","pc":"tom_ui"},{"id":"21st:tom_ui__copy-button","t":"Copy button","d":"A copy-to-clipboard button with blur transition effect.","s":"21st","c":"actions/copy-button","a":"tom_ui","u":32,"pl":"https://cdn.21st.dev/larsen66/copy-button/default/preview.1773078316663.png","pc":"tom_ui"},{"id":"21st:tom_ui__exploding-input","t":"Exploding input","d":"Input component that spawns particle effects when typing.","s":"21st","c":"inputs/form-field","a":"tom_ui","pl":"https://cdn.21st.dev/tom_ui/exploding-input/default/preview.1785371340976-fed1bbf8-6786-451e-ad5c-1cfc0e7ae9db.png","pc":"tom_ui"},{"id":"21st:tom_ui__fallback-avatar","t":"Fallback avatar","d":"A unique gradient avatar generated from a name string.","s":"21st","c":"data-display/avatar","a":"tom_ui","pl":"https://cdn.21st.dev/tom_ui/fallback-avatar/default/preview.1776944584920.png","pc":"tom_ui","tg":["avatar","profile","team"]},{"id":"21st:tom_ui__flow-button","t":"Flow button","d":"A button with animated flowing dashed border on hover.","s":"21st","c":"actions/button","a":"tom_ui","u":12,"pl":"https://cdn.21st.dev/larsen66/flow-button/default/preview.1773090683139.png","pc":"tom_ui"},{"id":"21st:tom_ui__gradient-wave-text","t":"Gradient wave text","d":"Apple-style animated gradient text with wave effect.","k":"motion","s":"21st","c":"motion/text-effect","a":"tom_ui","u":13,"pl":"https://cdn.21st.dev/larsen66/gradient-wave-text/default/preview.1773080108142.png","pc":"tom_ui","sb":"Gradient and shimmer"},{"id":"21st:tom_ui__highlighted-text","t":"Highlighted text","d":"Text with sliding background highlight animation using mix-blend-mode.","k":"motion","s":"21st","c":"motion/text-effect","a":"tom_ui","u":13,"pl":"https://cdn.21st.dev/larsen66/highlighted-text/default/preview.1773097239628.png","pc":"tom_ui"},{"id":"21st:tom_ui__kbd","t":"Kbd","d":"Display keyboard shortcuts with proper key symbols.","s":"21st","c":"data-display/typography","a":"tom_ui","pl":"https://cdn.21st.dev/tom_ui/kbd/default/preview.1776940959950.png","pc":"tom_ui"},{"id":"21st:tom_ui__label-input","t":"Label input","d":"Input field with floating label and password visibility toggle.","s":"21st","c":"inputs/form-field","a":"tom_ui","pl":"https://cdn.21st.dev/larsen66/label-input/default/preview.1773097339249.png","pc":"tom_ui","sb":"Animated fields"},{"id":"21st:tom_ui__marquee","t":"Marquee","d":"Infinite scrolling marquee component with customizable speed and direction.","k":"motion","s":"21st","c":"motion/marquee","a":"tom_ui","u":92,"pl":"https://cdn.21st.dev/larsen66/marquee/default/preview.1773099410751.png","pc":"tom_ui","tg":["marquee","scroll-area"]},{"id":"21st:tom_ui__perspective-book","t":"Perspective book","d":"Here is Perspective Book component","k":"motion","s":"21st","c":"motion/tilt-3d","a":"tom_ui","pl":"https://cdn.21st.dev/larsen66/perspective-book/default/preview.1773072971564.png","pc":"tom_ui"},{"id":"21st:tom_ui__pop-button","t":"Pop button","d":"A playful 3D-style button with push-down animation effect.","s":"21st","c":"actions/button","a":"tom_ui","u":22,"pl":"https://cdn.21st.dev/larsen66/pop-button/default/preview.1773097572670.png","pc":"tom_ui"},{"id":"21st:tom_ui__qr-code","t":"Qr code","d":"QR code generator with rounded finder patterns and dot-style data modules.","s":"21st","c":"layout/bento-grid","a":"tom_ui","pl":"https://cdn.21st.dev/tom_ui/qr-code/default/preview.1776946505536.png","pc":"tom_ui","tg":["grid"]},{"id":"21st:tom_ui__randomized-text","t":"Randomized text","d":"Animated text that reveals its words or characters with a randomized fade-in effect.","k":"motion","s":"21st","c":"motion/text-effect","a":"tom_ui","pl":"https://cdn.21st.dev/tom_ui/randomized-text/default/preview.1784823998961-7368e6e5-2695-42bf-9966-78c0cc0d5ad8.png","pc":"tom_ui"},{"id":"21st:tom_ui__rich-button","t":"Rich button","d":"A button component with rich styling and color variants.","s":"21st","c":"actions/button","a":"tom_ui","u":14,"pl":"https://cdn.21st.dev/larsen66/rich-button/default/preview.1773097670545.png","pc":"tom_ui"},{"id":"21st:tom_ui__shimmer-text","t":"Shimmer text","d":"Text with animated shimmer highlight effect.","k":"motion","s":"21st","c":"motion/text-effect","a":"tom_ui","u":141,"pl":"https://cdn.21st.dev/larsen66/shimmer-text/default/preview.1773097724121.png","pc":"tom_ui","sb":"Gradient and shimmer"},{"id":"21st:tom_ui__slide-up-text","t":"Slide up text","d":"Text animation that reveals content by sliding words, characters, or lines up from the bottom with a staggered effect.","k":"motion","s":"21st","c":"motion/text-effect","a":"tom_ui","pl":"https://cdn.21st.dev/tom_ui/slide-up-text/default/preview.1784658473642-57c9d23a-232a-4a1e-85f3-6c34523d2d75.png","pc":"tom_ui","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:tom_ui__special-text","t":"Special text","d":"Animated text with scramble effect.","k":"motion","s":"21st","c":"motion/text-effect","a":"tom_ui","u":110,"pl":"https://cdn.21st.dev/larsen66/special-text/default/preview.1773097910792.png","pc":"tom_ui","tg":["text"]},{"id":"21st:tom_ui__spinner","t":"Spinner","d":"A loading spinner component with customizable size and color.","s":"21st","c":"status/loader","a":"tom_ui","u":40,"pl":"https://cdn.21st.dev/larsen66/spinner/default/preview.1773097961305.png","pc":"tom_ui","tg":["spinner"],"sb":"Spinners"},{"id":"21st:tom_ui__text-marquee","t":"Text marquee","d":"Animated text marquee component with vertical scrolling.","k":"motion","s":"21st","c":"motion/marquee","a":"tom_ui","u":68,"pl":"https://cdn.21st.dev/larsen66/text-marquee/default/preview.1773101075873.png","pc":"tom_ui","tg":["marquee","scroll-area"]},{"id":"21st:tom_ui__tilt-card","t":"Tilt card","d":"Interactive 3D tilt card with perspective hover effect and spotlight.","s":"21st","c":"data-display/card","a":"tom_ui","u":13,"pl":"https://cdn.21st.dev/tom_ui/tilt-card/default/preview.1776945185175.png","pc":"tom_ui","tg":["card"],"sb":"Animated and glowing"},{"id":"21st:tom_ui__tweet","t":"Tweet","d":"Embed Twitter/X posts with custom styling.","s":"21st","c":"other","a":"tom_ui","pl":"https://cdn.21st.dev/larsen66/tweet/default/preview.1773101178531.png","pc":"tom_ui"},{"id":"21st:tom_ui__words-stagger","t":"Words stagger","d":"Word-by-word text reveal animation that staggers each word in with blur, upward transform, and opacity for an elegant entrance effect.","k":"motion","s":"21st","c":"motion/text-effect","a":"tom_ui","pl":"https://cdn.21st.dev/tom_ui/words-stagger/default/preview.1784824014129-300d52b5-6ab4-483e-a562-8929c722e604.png","pc":"tom_ui","sb":"Reveal and entrance"},{"id":"21st:tommyjepsen__animated-hero","t":"Animated hero","d":"Animated hero with text and two shadcn/ui buttons","k":"section","s":"21st","c":"marketing/hero","a":"tommyjepsen","u":3972,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/animated-hero.png","pc":"tommyjepsen","tg":["cta","hero"],"sb":"Animated background"},{"id":"21st:tommyjepsen__blog-section","t":"Blog section","d":"Blog Section with 4 cards","k":"section","s":"21st","c":"marketing/marketing","a":"tommyjepsen","u":83,"pl":"https://cdn.21st.dev/user_tommyjepsen/blog-section.png","pc":"tommyjepsen","tg":["grid"],"sb":"Blog and posts"},{"id":"21st:tommyjepsen__blog-section-with-rich-preview","t":"Blog section with rich preview","d":"Blog Section with Rich Preview","k":"section","s":"21st","c":"marketing/marketing","a":"tommyjepsen","u":100,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/blog-section-with-rich-preview.png","pc":"tommyjepsen","tg":["avatar","grid"],"sb":"Blog and posts"},{"id":"21st:tommyjepsen__call-to-action","t":"Call to action","d":"Call to action block for landing page","k":"section","s":"21st","c":"marketing/cta","a":"tommyjepsen","u":476,"pl":"https://cdn.21st.dev/user_tommyjepsen/call-to-action.png","pc":"tommyjepsen","tg":["badge","button","cta"]},{"id":"21st:tommyjepsen__cases-with-infinite-scroll","t":"Cases with infinite scroll","d":"Cases with a carousel of images, suitable for clients, partners, or integration.","k":"layout","s":"21st","c":"layout/scroll-area","a":"tommyjepsen","u":420,"pl":"https://cdn.21st.dev/user_tommyjepsen/cases-with-infinite-scroll.png","pc":"tommyjepsen","tg":["carousel","clients","marquee","scroll-area"]},{"id":"21st:tommyjepsen__faq-section","t":"Faq section","d":"FAQ Section","k":"section","s":"21st","c":"marketing/faq","a":"tommyjepsen","u":254,"pl":"https://cdn.21st.dev/user_tommyjepsen/faq-section.png","pc":"tommyjepsen","tg":["accordion","faq"]},{"id":"21st:tommyjepsen__feature","t":"Feature","k":"section","s":"21st","c":"marketing/features","a":"tommyjepsen","pl":"https://cdn.21st.dev/user_tommyjepsen/feature.png","pc":"tommyjepsen","tg":["badge","features"]},{"id":"21st:tommyjepsen__feature-section-with-bento-grid","t":"Feature section with bento grid","d":"Feature Section with Bento Grid","k":"section","s":"21st","c":"marketing/features","a":"tommyjepsen","u":528,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/feature-section-with-bento-grid.png","pc":"tommyjepsen","tg":["card","features","grid","icon"],"sb":"Bento"},{"id":"21st:tommyjepsen__feature-section-with-grid","t":"Feature section with grid","d":"Feature Section with Grid","k":"section","s":"21st","c":"marketing/features","a":"tommyjepsen","u":332,"pl":"https://cdn.21st.dev/user_tommyjepsen/feature-section-with-grid.png","pc":"tommyjepsen","tg":["features","grid"],"sb":"Grid of cards"},{"id":"21st:tommyjepsen__feature-with-advantages","t":"Feature with advantages","d":"Feature section with list of advantages","k":"section","s":"21st","c":"marketing/features","a":"tommyjepsen","pl":"https://cdn.21st.dev/user_tommyjepsen/feature-with-advantages.png","pc":"tommyjepsen","tg":["badge","features"]},{"id":"21st:tommyjepsen__feature-with-image","t":"Feature with image","d":"Feature block with image and text","k":"section","s":"21st","c":"marketing/features","a":"tommyjepsen","u":192,"pl":"https://cdn.21st.dev/user_tommyjepsen/feature-with-image.png","pc":"tommyjepsen","tg":["badge","features","image"],"sb":"Showcase and split"},{"id":"21st:tommyjepsen__feature-with-image-carousel","t":"Feature with image carousel","d":"Feature block with Image Carousel","k":"section","s":"21st","c":"marketing/features","a":"tommyjepsen","u":265,"pl":"https://cdn.21st.dev/user_tommyjepsen/feature-with-image-carousel.png","pc":"tommyjepsen","tg":["carousel","features","gallery"],"sb":"Showcase and split"},{"id":"21st:tommyjepsen__feature-with-image-comparison","t":"Feature with image comparison","d":"Feature block with Image Comparison","k":"section","s":"21st","c":"marketing/features","a":"tommyjepsen","u":536,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/feature-with-image-comparison.png","pc":"tommyjepsen","tg":["features","image","slider"],"sb":"Comparison"},{"id":"21st:tommyjepsen__header","t":"Header","d":"Header with shadcn navigation menu and buttons","s":"21st","c":"navigation/top-nav","a":"tommyjepsen","u":1255,"pl":"https://cdn.21st.dev/user_tommyjepsen/header.png","pc":"tommyjepsen","tg":["dropdown","navigation-menu"],"sb":"Mega menus"},{"id":"21st:tommyjepsen__hero-with-group-of-images-text-and-two-buttons","t":"Hero with group of images text and two buttons","d":"Hero with group of images, text and two shadcn/ui buttons","k":"section","s":"21st","c":"marketing/hero","a":"tommyjepsen","u":472,"pl":"https://cdn.21st.dev/user_tommyjepsen/hero-with-group-of-images-text-and-two-buttons.png","pc":"tommyjepsen","tg":["badge","cta","hero"],"sb":"With product shot"},{"id":"21st:tommyjepsen__hero-with-image-text-and-two-buttons","t":"Hero with image text and two buttons","d":"Hero with image, text and two shadcn/ui buttons","k":"section","s":"21st","c":"marketing/hero","a":"tommyjepsen","u":414,"pl":"https://cdn.21st.dev/user_tommyjepsen/hero-with-image-text-and-two-buttons.png","pc":"tommyjepsen","tg":["badge","cta","hero","image"],"sb":"With product shot"},{"id":"21st:tommyjepsen__hero-with-text-and-two-button","t":"Hero with text and two button","d":"Hero section with text and two button","k":"section","s":"21st","c":"marketing/hero","a":"tommyjepsen","u":269,"pl":"https://cdn.21st.dev/user_tommyjepsen/hero-with-text-and-two-button.png","pc":"tommyjepsen","tg":["cta","hero"],"sb":"Centered and minimal"},{"id":"21st:tommyjepsen__pricing-cards","t":"Pricing cards","d":"Pricing Cards","k":"section","s":"21st","c":"marketing/pricing","a":"tommyjepsen","u":428,"pl":"https://cdn.21st.dev/user_tommyjepsen/pricing-cards.png","pc":"tommyjepsen","tg":["pricing-section","table"],"sb":"Plan cards"},{"id":"21st:tommyjepsen__pricing-section-with-comparison","t":"Pricing section with comparison","d":"Pricing Section with Comparison","k":"section","s":"21st","c":"marketing/pricing","a":"tommyjepsen","u":412,"pl":"https://cdn.21st.dev/user_tommyjepsen/pricing-section-with-comparison.png","pc":"tommyjepsen","tg":["comparison","pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:tommyjepsen__stats-section","t":"Stats section","d":"Stats Section","k":"section","s":"21st","c":"marketing/marketing","a":"tommyjepsen","pl":"https://cdn.21st.dev/user_tommyjepsen/stats-section.png","pc":"tommyjepsen","sb":"Stats"},{"id":"21st:tommyjepsen__stats-section-with-text","t":"Stats section with text","d":"Statistics Section with Text","k":"section","s":"21st","c":"marketing/marketing","a":"tommyjepsen","u":99,"pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/stats-section-with-text.png","pc":"tommyjepsen","tg":["badge","card","features","grid"],"sb":"Stats"},{"id":"21st:tommyjepsen__testimonials","t":"Testimonials","d":"Testimonials with a carousel of reviews","k":"section","s":"21st","c":"marketing/testimonials","a":"tommyjepsen","u":371,"pl":"https://cdn.21st.dev/user_tommyjepsen/testimonials.png","pc":"tommyjepsen","tg":["carousel","testimonials"]},{"id":"21st:tonyzebastian__comet-hero","t":"Comet hero","d":"An animated SVG component recreating the swirling line animation from the Perplexity Comet download page. Features four 3D-rotated circles with gradient strokes (teal, orange, rose","k":"section","s":"21st","c":"marketing/hero","a":"tonyzebastian","u":17,"pl":"https://cdn.21st.dev/tonyzebastian/comet-hero/default/preview.1759509986723.png","pc":"tonyzebastian"},{"id":"21st:tonyzebastian__image-loading","t":"Image loading","d":"A customizable image loader component that displays an animated grid overlay while the image loads. The grid cells blink initially, then fill with colors sampled from the image, ex","s":"21st","c":"status/loader","a":"tonyzebastian","u":96,"pl":"https://cdn.21st.dev/tonyzebastian/image-loading/default/preview.1760982300022.png","pc":"tonyzebastian","tg":["image","spinner"],"sb":"Spinners"},{"id":"21st:tonyzebastian__image-sphere","t":"Image sphere","d":"A React TypeScript component that displays images arranged in a 3D sphere layout. Images are distributed using Fibonacci sphere distribution for optimal coverage. Supports drag-to-","s":"21st","c":"media/gallery","a":"tonyzebastian","u":190,"pl":"https://cdn.21st.dev/tonyzebastian/image-sphere/default/preview.1758824150622.png","pc":"tonyzebastian","tg":["gallery"]},{"id":"21st:tonyzebastian__image-spotlight","t":"Image spotlight","d":"A React TypeScript component that creates an engaging spotlight effect on images.. The image appears blurred by default, but reveals sharp details in a circular area that follows t","k":"motion","s":"21st","c":"motion/background","a":"tonyzebastian","u":22,"pl":"https://cdn.21st.dev/tonyzebastian/image-spotlight/default/preview.1758781908783.png","pc":"tonyzebastian","tg":["cursor","gallery","image"],"sb":"Beams and light"},{"id":"21st:tonyzebastian__image-stack","t":"Image stack","d":"An interactive image stack component that displays images in a fanned-out card layout with smooth drag-to-cycle functionality. Built with React, Motion, and Next.js Image optimizat","s":"21st","c":"media/gallery","a":"tonyzebastian","u":22,"pl":"https://cdn.21st.dev/tonyzebastian/image-stack/default/preview.1758733431541.png","pc":"tonyzebastian","tg":["gallery","image"]},{"id":"21st:tonyzebastian__image-tiles","t":"Image tiles","d":"A playful image layout that tiles three photos in a staggered row and animates them on hover, perfect for showcasing your personality or a quick visual story.","s":"21st","c":"media/gallery","a":"tonyzebastian","u":130,"pl":"https://cdn.21st.dev/tonyzebastian/image-tiles/default/preview.1758643296110.png","pc":"tonyzebastian","tg":["gallery","image"]},{"id":"21st:tonyzebastian__img-sphere","t":"Img sphere","d":"A React TypeScript component that displays images arranged in a 3D sphere layout. Images are distributed using Fibonacci sphere distribution for optimal coverage. Supports drag-to-","s":"21st","c":"overlays/dialog","a":"tonyzebastian","u":460,"pl":"https://cdn.21st.dev/tonyzebastian/img-sphere/default/preview.1762353416349.png","pc":"tonyzebastian","tg":["gallery","modal"],"sb":"Media"},{"id":"21st:tool-ui__citation","t":"Citation","d":"Displays a source reference card with title, domain, favicon, author, and text snippet for citing external sources, with default, inline, and stacked list variants.","s":"21st","c":"ai-agent/ai-agent","a":"tool-ui","pl":"https://cdn.21st.dev/tool-ui/citation/default/preview.1783718754552.png","pc":"tool-ui","sb":"Sources"},{"id":"21st:tool-ui__message-draft","t":"Message draft","d":"A review card that shows a drafted email or Slack message with Send/Cancel actions and an undo grace period before it sends.","s":"21st","c":"ai-agent/ai-agent","a":"tool-ui","pl":"https://cdn.21st.dev/tool-ui/message-draft/default/preview.1784287161835-91082535-1cba-4005-9b64-e957e449824a.png","pc":"tool-ui","tg":["ai-chat"],"sb":"Chat"},{"id":"21st:tool-ui__progress-tracker","t":"Progress tracker","d":"A multi-step progress tracker that shows real-time status (pending, in-progress, completed, failed) for each step of an operation, with an elapsed-time badge and a receipt summary ","s":"21st","c":"data-viz/progress-bar","a":"tool-ui","pl":"https://cdn.21st.dev/tool-ui/progress-tracker/default/preview.1784369377164-aeedae09-6244-4af6-b5c7-3469a3281ef1.png","pc":"tool-ui"},{"id":"21st:tr.aitbaha__barcodescaninput","t":"Barcodescaninput","d":"Auto-focusing barcode input for hardware scanners (keyboard-wedge): captures the scanned code on Enter and fires onScan, refocusing for rapid back-to-back scans. Works for manual e","s":"21st","c":"inputs/form-field","a":"tr.aitbaha","pl":"https://21st.dev/@tr.aitbaha/components/barcodescaninput","pc":"tr.aitbaha"},{"id":"21st:trantionisme__table","t":"Table","d":"customized table","s":"21st","c":"data-display/table","a":"trantionisme","pl":"https://cdn.21st.dev/trantionisme/table/default/preview.1754203820188.png","pc":"trantionisme"},{"id":"21st:tricra18__study-chart","t":"Study chart","d":"A nice circle chart for study or success lookup","s":"21st","c":"data-viz/chart","a":"tricra18","pl":"https://cdn.21st.dev/tricra18/study-chart/default/preview.1762429807904.png","pc":"tricra18"},{"id":"21st:tristanobernardelli__smoke-ring-solar-shader","t":"Smoke ring solar shader","d":"Animated WebGL shader background in the Smoke Ring style. Solar variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#10","k":"motion","s":"21st","c":"motion/shader","a":"tristanobernardelli","pl":"https://cdn.21st.dev/tristanobernardelli/smoke-ring-solar-shader/default/preview.1785696325291-6438a6fa-97ea-4d29-a814-af85d74c1c85.webp","pc":"tristanobernardelli","sb":"Smoke Ring"},{"id":"21st:trophyso__achievement-badge","t":"Achievement badge","d":"This is achievement badge","s":"21st","c":"data-display/badge","a":"trophyso","st":"rated","u":6,"pl":"https://cdn.21st.dev/larsen66/achievement-badge/default/preview.1779967238976.png","pc":"trophyso","tg":["progress"],"sc":23,"sb":"Labels"},{"id":"21st:trophyso__achievement-badge--badgesizes","t":"Badgesizes","s":"21st","c":"data-display/gamification","a":"trophyso","pl":"https://cdn.21st.dev/larsen66/achievement-badge/badgesizes/preview.1779967238976.png","pc":"trophyso"},{"id":"21st:trophyso__achievement-badge--clickable-achievement","t":"Clickable achievement","s":"21st","c":"data-display/gamification","a":"trophyso","pl":"https://cdn.21st.dev/larsen66/achievement-badge/clickable-achievement/preview.1779967238976.png","pc":"trophyso"},{"id":"21st:trophyso__achievement-badge--rarity","t":"Rarity","s":"21st","c":"data-display/gamification","a":"trophyso","pl":"https://cdn.21st.dev/larsen66/achievement-badge/rarity/preview.1779967238976.png","pc":"trophyso"},{"id":"21st:trophyso__achievement-badge--series-progress","t":"Series progress","s":"21st","c":"data-display/gamification","a":"trophyso","pl":"https://cdn.21st.dev/larsen66/achievement-badge/series-progress/preview.1779967238976.png","pc":"trophyso"},{"id":"21st:trophyso__achievement-card","t":"Achievement card","s":"21st","c":"data-display/gamification","a":"trophyso","pl":"https://cdn.21st.dev/larsen66/achievement-card/default/preview.1779970734613.png","pc":"trophyso","tg":["badge","card","list","progress"]},{"id":"21st:trophyso__achievement-grid","t":"Achievement grid","s":"21st","c":"data-display/gamification","a":"trophyso","st":"rated","pl":"https://cdn.21st.dev/larsen66/achievement-grid/default/preview.1779973004318.png","pc":"trophyso","tg":["badge","grid"],"sc":20},{"id":"21st:trophyso__achievement-list","t":"Achievement list","s":"21st","c":"data-display/gamification","a":"trophyso","st":"rated","pl":"https://cdn.21st.dev/larsen66/achievement-list/default/preview.1779974055123.png","pc":"trophyso","tg":["badge","list","progress"],"sc":23},{"id":"21st:trophyso__achievement-unlocked","t":"Achievement unlocked","s":"21st","c":"data-display/gamification","a":"trophyso","st":"rated","pl":"https://cdn.21st.dev/larsen66/achievement-unlocked/default/preview.1779975012777.png","pc":"trophyso","tg":["notification","toast"],"sc":23},{"id":"21st:trophyso__leaderboard-card","t":"Leaderboard card","s":"21st","c":"data-display/gamification","a":"trophyso","u":22,"pl":"https://cdn.21st.dev/larsen66/leaderboard-card/default/preview.1779976435096.png","pc":"trophyso","tg":["avatar","card","pagination","table"]},{"id":"21st:trophyso__leaderboard-podium","t":"Leaderboard podium","s":"21st","c":"data-display/gamification","a":"trophyso","pl":"https://cdn.21st.dev/larsen66/leaderboard-podium/default/preview.1779977401977.png","pc":"trophyso","tg":["badge","avatar"]},{"id":"21st:trophyso__leaderboard-rankings","t":"Leaderboard rankings","s":"21st","c":"data-display/gamification","a":"trophyso","pl":"https://cdn.21st.dev/larsen66/leaderboard-rankings/default/preview.1779978256047.png","pc":"trophyso","tg":["avatar","list"]},{"id":"21st:trophyso__points-awards","t":"Points awards","s":"21st","c":"data-display/stat","a":"trophyso","st":"rated","u":3,"pl":"https://cdn.21st.dev/larsen66/points-awards/default/preview.1779985996522.png","pc":"trophyso","tg":["list","stat"],"sc":23},{"id":"21st:trophyso__points-badge","t":"Points badge","s":"21st","c":"data-display/badge","a":"trophyso","st":"rated","u":3,"pl":"https://cdn.21st.dev/larsen66/points-badge/default/preview.1779986391503.png","pc":"trophyso","tg":["badge","icon","number"],"sc":20,"sb":"Counts"},{"id":"21st:trophyso__points-boost","t":"Points boost","s":"21st","c":"data-display/badge","a":"trophyso","st":"rated","pl":"https://cdn.21st.dev/larsen66/points-boost/default/preview.1779987351160.png","pc":"trophyso","tg":["badge","card","cta"],"sc":23},{"id":"21st:trophyso__points-chart","t":"Points chart","s":"21st","c":"data-display/gamification","a":"trophyso","pl":"https://cdn.21st.dev/larsen66/points-chart/default/preview.1779987933400.png","pc":"trophyso","tg":["data-visualization"]},{"id":"21st:trophyso__points-levels-list","t":"Points levels list","s":"21st","c":"data-display/list","a":"trophyso","st":"rated","pl":"https://cdn.21st.dev/larsen66/points-levels-list/default/preview.1779988801192.png","pc":"trophyso","tg":["list"],"sc":23},{"id":"21st:trophyso__points-levels-timeline","t":"Points levels timeline","s":"21st","c":"data-display/timeline","a":"trophyso","st":"rated","u":5,"pl":"https://cdn.21st.dev/larsen66/points-levels-timeline/default/preview.1779989725311.png","pc":"trophyso","tg":["progress","timeline"],"sc":19},{"id":"21st:trophyso__streak-badge","t":"Streak badge","s":"21st","c":"data-display/gamification","a":"trophyso","u":8,"pl":"https://cdn.21st.dev/larsen66/streak-badge/default/preview.1779990287189.png","pc":"trophyso","tg":["badge","stat"]},{"id":"21st:trophyso__streak-calendar","t":"Streak calendar","s":"21st","c":"data-display/calendar","a":"trophyso","st":"rated","pl":"https://cdn.21st.dev/larsen66/streak-calendar/default/preview.1779991512290.png","pc":"trophyso","tg":["calendar"],"sc":19},{"id":"21st:trophyso__streak-card","t":"Streak card","s":"21st","c":"data-display/gamification","a":"trophyso","st":"rated","pl":"https://cdn.21st.dev/larsen66/streak-card/default/preview.1779993502084.png","pc":"trophyso","tg":["card","progress","stat"],"sc":23},{"id":"21st:tungdang9888__aircraft-cabin","t":"Aircraft cabin","d":"Animated (flicker) ASCII art in the Matrix style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a retro look. A drop-in, zero-dependency React compo","k":"motion","s":"21st","c":"motion/ascii","a":"tungdang9888","pl":"https://cdn.21st.dev/tungdang9888/aircraft-cabin/default/preview.1784024477264.webp","pc":"tungdang9888","tg":["video"],"sb":"Matrix"},{"id":"21st:tungdang9888__neon-mosaic","t":"Neon mosaic","d":"Animated (flicker) ASCII art in the Matrix style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, ca","k":"motion","s":"21st","c":"motion/ascii","a":"tungdang9888","pl":"https://cdn.21st.dev/tungdang9888/neon-mosaic/default/preview.1784024520790.webp","pc":"tungdang9888","tg":["video"],"sb":"Matrix"},{"id":"21st:udinhakim98__g4l1l30-os-command-center","t":"G4l1l30 os command center","d":"Private AI Agent Command Center dashboard for mission control, agent orchestration, vault brain status, money validation, capture routing, and internal generation docks.","k":"layout","s":"21st","c":"layout/dashboard","a":"udinhakim98","pl":"https://21st.dev/@udinhakim98/components/g4l1l30-os-command-center","pc":"udinhakim98"},{"id":"21st:udinhakim98__viralcraft-command-center","t":"Viralcraft command center","d":"Framer Motion command center for the Obsidian-backed VIRALCRAFT founder dashboard.","k":"layout","s":"21st","c":"layout/dashboard","a":"udinhakim98","pl":"https://21st.dev/@udinhakim98/components/viralcraft-command-center","pc":"udinhakim98"},{"id":"21st:ugahpraiseaudu__pricingtier","t":"Pricingtier","d":"Linear/Vercel-style pricing tier card with real hierarchy: the popular tier lifts on desktop, picks up a gold border + Most Popular badge, and is the only one with a filled CTA — o","k":"section","s":"21st","c":"marketing/pricing","a":"ugahpraiseaudu","pl":"https://21st.dev/@ugahpraiseaudu/components/pricingtier","pc":"ugahpraiseaudu","sb":"Plan cards"},{"id":"21st:ugahpraiseaudu__statcard","t":"Statcard","d":"Flat Linear-style stat card with optional Lucide icon and a 5-color accent palette (navy/gold/emerald/red/muted). Framed or inline modes. Use for dashboard summary strips and KPI t","s":"21st","c":"data-display/stat","a":"ugahpraiseaudu","pl":"https://21st.dev/@ugahpraiseaudu/components/statcard","pc":"ugahpraiseaudu"},{"id":"21st:ugahpraiseaudu__statusbadge","t":"Statusbadge","d":"Order/process status pill with soft tint + matching ring + readable foreground. Renders snake_case statuses with spaces. Use for order tables and detail headers — flat, no gradient","s":"21st","c":"data-display/badge","a":"ugahpraiseaudu","pl":"https://21st.dev/@ugahpraiseaudu/components/statusbadge","pc":"ugahpraiseaudu","sb":"Status"},{"id":"21st:uiable__empty-background","t":"Empty background","d":"An empty state placeholder with a muted background surface, icon, title, description and refresh action for pages or panels with no content.","k":"motion","s":"21st","c":"motion/background","a":"uiable","u":98,"pl":"https://cdn.21st.dev/uiable/empty-background/default/preview.1784710202666-b46a9c58-534c-43ed-9eb4-cffefa81c320.png","pc":"uiable","tg":["empty-state","icon","notification"]},{"id":"21st:uiable__uiable-breadcrumb-icon","t":"Uiable breadcrumb icon","d":"A breadcrumb navigation trail that uses an icon for the home link instead of a text label.","s":"21st","c":"assets/icon","a":"uiable","pl":"https://cdn.21st.dev/uiable/uiable-breadcrumb-icon/default/preview.1784426504737-31e09d14-4190-49de-840b-9eca7da7c487.png","pc":"uiable"},{"id":"21st:uiable__uiable-breadcrumb-link","t":"Uiable breadcrumb link","d":"A breadcrumb navigation trail whose items render as Next.js links, with a chevron separator and a current-page label.","s":"21st","c":"actions/link","a":"uiable","pl":"https://cdn.21st.dev/uiable/uiable-breadcrumb-link/default/preview.1783581526798.png","pc":"uiable"},{"id":"21st:uiable__uiable-breadcrumb-page-header","t":"Uiable breadcrumb page header","d":"A page header block that pairs a breadcrumb trail with the current page title in a rounded, shadowed card.","s":"21st","c":"navigation/top-nav","a":"uiable","pl":"https://cdn.21st.dev/uiable/uiable-breadcrumb-page-header/default/preview.1784488136357-79f84713-7e59-4fda-a9c2-4fc54a905293.png","pc":"uiable"},{"id":"21st:uiable__uiable-sidebar-1","t":"Uiable sidebar 1","d":"A searchable component navigation sidebar with grouped, scrollable sections and item counts.","s":"21st","c":"navigation/sidebar","a":"uiable","u":9,"pl":"https://cdn.21st.dev/uiable/uiable-sidebar-1/default/preview.1783730726986.png","pc":"uiable","tg":["scroll-area","search","sidebar"]},{"id":"21st:uiable__uiable-skeleton-card","t":"Uiable skeleton card","d":"A loading placeholder card with skeleton lines and a media block for content that is still fetching.","s":"21st","c":"status/skeleton","a":"uiable","u":6,"pl":"https://cdn.21st.dev/uiable/uiable-skeleton-card/default/preview.1784366526448-a3013232-a3af-40e1-b1ab-5664553b5584.png","pc":"uiable"},{"id":"21st:uiable__uiable-skeleton-table","t":"Uiable skeleton table","d":"A loading placeholder skeleton that mimics a data table with rows and columns while content is fetching.","s":"21st","c":"status/skeleton","a":"uiable","pl":"https://cdn.21st.dev/uiable/uiable-skeleton-table/default/preview.1784354259065-5798f470-ee88-481f-8998-feabb920f8e7.png","pc":"uiable","tg":["spinner","table"]},{"id":"21st:uiable__uiable-skeleton-text","t":"Uiable skeleton text","d":"A text placeholder skeleton with stacked lines to show a loading state for paragraphs of content.","k":"motion","s":"21st","c":"motion/text-effect","a":"uiable","u":6,"pl":"https://cdn.21st.dev/uiable/uiable-skeleton-text/default/preview.1784365025858-aeadd710-049b-462e-ab5e-4f893ac37ede.png","pc":"uiable","tg":["spinner","text"]},{"id":"21st:uiable__uiable-sonner-position","t":"Uiable sonner position","d":"A set of buttons that trigger sonner toast notifications in each of the six screen positions.","s":"21st","c":"overlays/toast","a":"uiable","pl":"https://cdn.21st.dev/uiable/uiable-sonner-position/default/preview.1786705786074-3a207a10-b24e-4e5f-b2d8-002a767b294d.png","pc":"uiable","tg":["notification","toast"]},{"id":"21st:uiable__uiable-spinner-border-danger","t":"Uiable spinner border danger","d":"A circular border loading spinner in a destructive/danger color for indicating in-progress states.","s":"21st","c":"status/loader","a":"uiable","pl":"https://cdn.21st.dev/uiable/uiable-spinner-border-danger/default/preview.1784367969294-6ad56fac-c6df-4c9e-b924-e2abf56a6d7d.png","pc":"uiable","sb":"Spinners"},{"id":"21st:uiable__uiable-spinner-border-success","t":"Uiable spinner border success","d":"An animated circular border spinner in a green success color to indicate loading states.","s":"21st","c":"status/loader","a":"uiable","pl":"https://cdn.21st.dev/uiable/uiable-spinner-border-success/default/preview.1784666455108-34a81dde-6dff-4717-b9bb-0646e1a45bd0.png","pc":"uiable","sb":"Spinners"},{"id":"21st:uiable__uiable-spinner-border-warning","t":"Uiable spinner border warning","d":"A circular loading spinner with a yellow warning-colored border that rotates to indicate a pending state.","s":"21st","c":"status/loader","a":"uiable","pl":"https://cdn.21st.dev/uiable/uiable-spinner-border-warning/default/preview.1784369334177-8e26fc7f-df31-4c5d-9f2a-0e888284aa6b.png","pc":"uiable","sb":"Spinners"},{"id":"21st:uiable__uiable-spinner-button","t":"Uiable spinner button","d":"A button in loading state with an animated circular spinner, for indicating progress during form submission or async actions.","s":"21st","c":"actions/button","a":"uiable","pl":"https://cdn.21st.dev/uiable/uiable-spinner-button/default/preview.1784762340588-20f81c51-1445-43e2-a83b-0066c5f5e96b.png","pc":"uiable"},{"id":"21st:uiable__uiable-spinner-growing-info","t":"Uiable spinner growing info","s":"21st","c":"status/loader","a":"uiable","pl":"https://cdn.21st.dev/uiable/uiable-spinner-growing-info/default/preview.1784666441611-f6389446-c4d0-4080-807e-42463134a9d1.png","pc":"uiable","sb":"Spinners"},{"id":"21st:uiable__uiable-typography-blockquote","t":"Uiable typography blockquote","d":"A styled blockquote for quotations with a left border and italic text, following typography conventions.","s":"21st","c":"data-display/typography","a":"uiable","pl":"https://cdn.21st.dev/uiable/uiable-typography-blockquote/default/preview.1784412069657-5c38f636-32c2-4631-8ee9-605c7ac81293.png","pc":"uiable","tg":["border"]},{"id":"21st:uiable__uiable-typography-inline-code","t":"Uiable typography inline code","d":"Inline code snippet styled with a monospace font and muted background for use within body text.","k":"motion","s":"21st","c":"motion/text-effect","a":"uiable","pl":"https://cdn.21st.dev/uiable/uiable-typography-inline-code/default/preview.1784390670606-9f40349c-cac0-4088-a3ab-15f9349cad11.png","pc":"uiable"},{"id":"21st:uiable__uiable-typography-p","t":"Uiable typography p","d":"A styled paragraph text element with balanced line height for readable body copy.","k":"motion","s":"21st","c":"motion/text-effect","a":"uiable","pl":"https://cdn.21st.dev/uiable/uiable-typography-p/default/preview.1783719740641.png","pc":"uiable","tg":["text"]},{"id":"21st:uiable__uiable-typography-small","t":"Uiable typography small","d":"A small typography element for rendering muted helper text, form field labels, and fine print.","k":"motion","s":"21st","c":"motion/text-effect","a":"uiable","u":4,"pl":"https://cdn.21st.dev/uiable/uiable-typography-small/default/preview.1784426543866-49de70a4-dd4f-4bb9-a265-425e001a92fd.png","pc":"uiable"},{"id":"21st:uicapsule__ascii-renderer","t":"Ascii renderer","d":"A 3D scene rendered as live ASCII art using Three.js, with an animated rotating torus knot and orbit controls.","k":"motion","s":"21st","c":"motion/ascii","a":"uicapsule","pl":"https://cdn.21st.dev/uicapsule/ascii-renderer/default/preview.1783578375977.png","pc":"uicapsule"},{"id":"21st:uicapsule__background-pixel-stars","t":"Background pixel stars","d":"An animated fullscreen canvas background of twinkling retro pixel stars with periodic pixelated shooting stars.","k":"motion","s":"21st","c":"motion/background","a":"uicapsule","u":5,"pl":"https://cdn.21st.dev/uicapsule/background-pixel-stars/default/preview.1783581843955.png","pc":"uicapsule","tg":["background"],"sb":"Particles and stars"},{"id":"21st:uicapsule__background-shapes","t":"Background shapes","d":"An SVG background that fills a mirrored grid with randomly changing geometric cells (lines, circles, squares) for an animated decorative backdrop.","k":"resource","s":"21st","c":"assets/shape","a":"uicapsule","pl":"https://cdn.21st.dev/uicapsule/background-shapes/default/preview.1783581604750.png","pc":"uicapsule","tg":["grid"]},{"id":"21st:uicapsule__geometric-orb","t":"Geometric orb","d":"An animated 3D wireframe sphere with flowing latitude lines and depth-based opacity, built on React Three Fiber.","s":"21st","c":"ai-agent/ai-agent","a":"uicapsule","pl":"https://cdn.21st.dev/uicapsule/geometric-orb/default/preview.1783583123646.png","pc":"uicapsule","sb":"Orbs and presence"},{"id":"21st:uicapsule__gradient-orb","t":"Gradient orb","d":"An animated glowing gradient orb rendered on the GPU with a WebGL shader, featuring noise-based color mixing, hue rotation, and a breathing pulse.","s":"21st","c":"ai-agent/ai-agent","a":"uicapsule","pl":"https://cdn.21st.dev/uicapsule/gradient-orb/default/preview.1783580138147.png","pc":"uicapsule","sb":"Orbs and presence"},{"id":"21st:uicapsule__infinite-grid","t":"Infinite grid","d":"A draggable, infinitely-scrolling grid canvas that renders custom items in an expanding spiral with momentum-based panning and inertia.","s":"21st","c":"layout/bento-grid","a":"uicapsule","pl":"https://cdn.21st.dev/uicapsule/infinite-grid/default/preview.1783580559316.png","pc":"uicapsule"},{"id":"21st:uicapsule__spinner-pixel-grid","t":"Spinner pixel grid","d":"An animated pixel-grid loading spinner with 20+ motion variants, square or circle dots, optional neon glow and rainbow hue cycling.","s":"21st","c":"status/loader","a":"uicapsule","pl":"https://cdn.21st.dev/uicapsule/spinner-pixel-grid/default/preview.1785455495641-b55f0c5e-bdb7-42ea-a173-8dca2065d33d.png","pc":"uicapsule","sb":"Spinners"},{"id":"21st:uicapsule__voice-dictator","t":"Voice dictator","d":"An animated voice dictation interface with a WebGL dithered waveform orb that pulses while a live transcript streams in.","s":"21st","c":"ai-agent","a":"uicapsule","pl":"https://cdn.21st.dev/uicapsule/voice-dictator/default/preview.1784285260309-39d9898d-ffaa-45b0-8ba3-caba15a2fb91.png","pc":"uicapsule"},{"id":"21st:uilayout.contact__about-section","t":"About section","d":"Professional about section components featuring company stories, team showcases, mission statements, and brand narratives with elegant animations and responsive layouts","s":"21st","c":"actions/link","a":"uilayout.contact","u":353,"pl":"https://cdn.21st.dev/uilayout.contact/about-section/default/preview.1756307545057.png","pc":"uilayout.contact","tg":["cta","link"]},{"id":"21st:uilayout.contact__about-section-1","t":"About section 1","d":"Professional about section components featuring company stories, team showcases, mission statements, and brand narratives with elegant animations and responsive layouts","k":"section","s":"21st","c":"marketing/team","a":"uilayout.contact","u":73,"pl":"https://cdn.21st.dev/uilayout.contact/about-section-1/default/preview.1756308458044.png","pc":"uilayout.contact","tg":["team"]},{"id":"21st:uilayout.contact__about-whyus","t":"About whyus","d":"An about / why-us marketing section with feature highlights, a five-star testimonial, and statistic cards.","k":"section","s":"21st","c":"marketing/testimonials","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/about-whyus/default/preview.1784695576466-12f76122-59bb-46f5-99ae-0f1a6e1ff240.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__advanced-stats","t":"Advanced stats","d":"Analytics dashboard stats section with an animated area chart, KPI cards, and scroll-triggered timeline reveals.","s":"21st","c":"data-display/stat","a":"uilayout.contact","u":21,"pl":"https://cdn.21st.dev/uilayout.contact/advanced-stats/default/preview.1783677974362.png","pc":"uilayout.contact","tg":["card","dashboard","progress","stat"]},{"id":"21st:uilayout.contact__arrow-cursor","t":"Arrow cursor","d":"Here is arrow cursor demo component","k":"motion","s":"21st","c":"motion/cursor","a":"uilayout.contact","pl":"https://cdn.21st.dev/larsen66/arrow-cursor/default/preview.1750164028038.png","pc":"uilayout.contact","tg":["cursor"]},{"id":"21st:uilayout.contact__autoscroll-slider","t":"Autoscroll slider","d":"An infinite auto-scrolling carousel that continuously loops through slides using Embla and pauses on hover.","s":"21st","c":"inputs/slider","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/autoscroll-slider/default/preview.1784438380016-27d07aeb-3e75-4c11-9df3-218e6a681af1.png","pc":"uilayout.contact","tg":["carousel","scroll-area"]},{"id":"21st:uilayout.contact__button-1","t":"Button 1","d":"Here is modern liquid animated button component","s":"21st","c":"actions/button","a":"uilayout.contact","u":169,"pl":"https://cdn.21st.dev/larsen66/button-1/default/preview.1749987380457.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__button-2","t":"Button 2","d":" Here is hover shiny button component","s":"21st","c":"actions/button","a":"uilayout.contact","u":16,"pl":"https://cdn.21st.dev/larsen66/button-2/default/preview.1750156144427.png","pc":"uilayout.contact","tg":["button"]},{"id":"21st:uilayout.contact__button-3","t":"Button 3","d":"Here is hover animated button component","s":"21st","c":"actions/button","a":"uilayout.contact","u":31,"pl":"https://cdn.21st.dev/larsen66/button-3/default/preview.1750156265824.png","pc":"uilayout.contact","tg":["button"]},{"id":"21st:uilayout.contact__button-4","t":"Button 4","d":"Here is animated button component","s":"21st","c":"actions/button","a":"uilayout.contact","pl":"https://cdn.21st.dev/larsen66/button-4/default/preview.1750156338712.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__button-5","t":"Button 5","d":"Here is animated hover button component","s":"21st","c":"actions/button","a":"uilayout.contact","u":29,"pl":"https://cdn.21st.dev/larsen66/button-5/default/preview.1750156534439.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__button-6","t":"Button 6","s":"21st","c":"actions/button","a":"uilayout.contact","pl":"https://cdn.21st.dev/larsen66/button-6/default/preview.1750156603520.png","pc":"uilayout.contact","tg":["button"]},{"id":"21st:uilayout.contact__button-7","t":"Button 7","d":"Here is animated interactive button component","s":"21st","c":"actions/button","a":"uilayout.contact","pl":"https://cdn.21st.dev/larsen66/button-7/default/preview.1750163567933.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__button-magnetic","t":"Button magnetic","d":"Here is hover magnetic button component","s":"21st","c":"actions/button","a":"uilayout.contact","pl":"https://cdn.21st.dev/larsen66/button-magnetic/default/preview.1750163905254.png","pc":"uilayout.contact","sb":"Animated"},{"id":"21st:uilayout.contact__buyme-acoffee","t":"Buyme acoffee","d":"An animated \"Buy Me a Coffee\" sponsorship card with a playful hover reveal, ideal for creators collecting support and donations.","s":"21st","c":"other","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/buyme-acoffee/default/preview.1783574740422.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__card-hover","t":"Card hover","d":"Here is modern animated hover card component","s":"21st","c":"data-display/card","a":"uilayout.contact","pl":"https://cdn.21st.dev/larsen66/card-hover/default/preview.1749991448104.png","pc":"uilayout.contact","sb":"Animated and glowing"},{"id":"21st:uilayout.contact__card-hover-2","t":"Card hover 2","d":"Here is hover card component","s":"21st","c":"data-display/card","a":"uilayout.contact","pl":"https://cdn.21st.dev/larsen66/card-hover-2/default/preview.1749992924518.png","pc":"uilayout.contact","tg":["profile"],"sb":"Animated and glowing"},{"id":"21st:uilayout.contact__chat-form-dropzone","t":"Chat form dropzone","d":"A chat message input with an attached image dropzone that previews selected files as thumbnails inline.","s":"21st","c":"inputs/file-upload","a":"uilayout.contact","u":3,"pl":"https://cdn.21st.dev/uilayout.contact/chat-form-dropzone/default/preview.1784477519811-99818b6b-593f-4e1d-b48a-9748e064f9b5.png","pc":"uilayout.contact","tg":["input","upload-download"]},{"id":"21st:uilayout.contact__clip-path-image","t":"Clip path image","d":"An image component with a custom clip-path, creating unique shapes and dynamic visual effects","s":"21st","c":"media/gallery","a":"uilayout.contact","u":36,"pl":"https://cdn.21st.dev/larsen66/clip-path-image/default/preview.1749989658398.png","pc":"uilayout.contact","tg":["gallery","video"]},{"id":"21st:uilayout.contact__clipped-image","t":"Clipped image","d":"Here is component of clipped image components","s":"21st","c":"media/gallery","a":"uilayout.contact","u":31,"pl":"https://cdn.21st.dev/larsen66/clipped-image/default/preview.1749990072842.png","pc":"uilayout.contact","tg":["gallery"]},{"id":"21st:uilayout.contact__clipped-shape-image","t":"Clipped shape image","d":"An image component with a custom clip-path, creating unique shapes and dynamic visual effects","s":"21st","c":"media/gallery","a":"uilayout.contact","pl":"https://cdn.21st.dev/larsen66/clipped-shape-image/default/preview.1749989889394.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__corporate-clippath","t":"Corporate clippath","d":"An image gallery that masks photos into corporate notched card shapes using SVG clipPath with a hover zoom effect.","s":"21st","c":"media/gallery","a":"uilayout.contact","u":6,"pl":"https://cdn.21st.dev/uilayout.contact/corporate-clippath/default/preview.1783661804267.png","pc":"uilayout.contact","tg":["gallery"]},{"id":"21st:uilayout.contact__css-image-stacking","t":"Css image stacking","d":"A scroll-driven stacking cards effect where images pile up using CSS sticky positioning and smooth scrolling.","s":"21st","c":"media/gallery","a":"uilayout.contact","u":6,"pl":"https://cdn.21st.dev/uilayout.contact/css-image-stacking/default/preview.1784465856579-8fcc2000-654f-4949-b8fd-05261ba51f88.png","pc":"uilayout.contact","tg":["gallery","image","scroll-area"],"sb":"Scroll"},{"id":"21st:uilayout.contact__cursor-follower","t":"Cursor follower","d":"Here is smooth follower cursor componentt","k":"motion","s":"21st","c":"motion/cursor","a":"uilayout.contact","u":66,"pl":"https://cdn.21st.dev/larsen66/cursor-follower/default/preview.1750163551411.png","pc":"uilayout.contact","tg":["cursor"]},{"id":"21st:uilayout.contact__cursor-gradient","t":"Cursor gradient","d":"Here is gradient cursor effect","k":"motion","s":"21st","c":"motion/gradient","a":"uilayout.contact","u":9,"pl":"https://cdn.21st.dev/larsen66/cursor-gradient/default/preview.1750164535566.png","pc":"uilayout.contact","tg":["cursor"]},{"id":"21st:uilayout.contact__customer-experience","t":"Customer experience","d":"An interactive experience section that reveals a floating preview image following the cursor as you hover over each list row.","k":"motion","s":"21st","c":"motion/cursor","a":"uilayout.contact","u":6,"pl":"https://cdn.21st.dev/uilayout.contact/customer-experience/default/preview.1784694452129-54d156ff-3613-46a0-8fe3-62774acc1ded.png","pc":"uilayout.contact","tg":["cursor","gallery","image"]},{"id":"21st:uilayout.contact__delicate-ascii-dots","t":"Delicate ascii dots","d":"Here is Delicate Ascii Dots component","k":"motion","s":"21st","c":"motion/background","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/delicate-ascii-dots/default/preview.1785303456143-eda3dac1-ff5d-4879-93c7-390034389e98.png","pc":"uilayout.contact","sb":"Grids and patterns"},{"id":"21st:uilayout.contact__dot-particles","t":"Dot particles","d":"Here is Dot Particles component","k":"motion","s":"21st","c":"motion/background","a":"uilayout.contact","u":10,"pl":"https://cdn.21st.dev/larsen66/dot-particles/default/preview.1753375659820.png","pc":"uilayout.contact","sb":"Particles and stars"},{"id":"21st:uilayout.contact__dots-pattern","t":"Dots pattern","d":"Here is Dots Pattern component","k":"motion","s":"21st","c":"motion/background","a":"uilayout.contact","pl":"https://cdn.21st.dev/larsen66/dots-pattern/default/preview.1753374910252.png","pc":"uilayout.contact","sb":"Grids and patterns"},{"id":"21st:uilayout.contact__feature-bento","t":"Feature bento","d":"A responsive bento-grid feature section with a hero card, stat tiles, and CTA blocks for product landing pages.","k":"layout","s":"21st","c":"layout/bento-grid","a":"uilayout.contact","u":18,"pl":"https://cdn.21st.dev/uilayout.contact/feature-bento/default/preview.1784694435858-5e238130-2702-4426-9674-d4030b041661.png","pc":"uilayout.contact","tg":["cta","features","grid","stat"]},{"id":"21st:uilayout.contact__feature-hero","t":"Feature hero","d":"A centered hero section with heading, subtext, and a grid of icon-based feature cards highlighting product capabilities.","k":"section","s":"21st","c":"marketing/hero","a":"uilayout.contact","u":4,"pl":"https://cdn.21st.dev/uilayout.contact/feature-hero/default/preview.1783645224682.png","pc":"uilayout.contact","tg":["ai-chat","features"],"sb":"SaaS and AI"},{"id":"21st:uilayout.contact__feature-highlights","t":"Feature highlights","d":"A responsive three-column feature section highlighting product benefits with icons, titles, descriptions and a learn-more link.","k":"section","s":"21st","c":"marketing/features","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/feature-highlights/default/preview.1784695642411-b5cbbd84-9e8e-4fdb-94d3-f5a0c7024693.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__feature-nature","t":"Feature nature","d":"A nature-themed feature section with a heading, intro text and a four-column grid of highlight cards, one of which is emphasized with a dark accent state.","k":"section","s":"21st","c":"marketing/features","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/feature-nature/default/preview.1784694419061-8f00dc4e-5b76-4fb5-ba23-dcc548b8312f.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__feature-velocity","t":"Feature velocity","d":"Bold marketing feature section with an uppercase headline and hover-glow gradient cards that highlight product capabilities.","k":"section","s":"21st","c":"marketing/features","a":"uilayout.contact","u":6,"pl":"https://cdn.21st.dev/uilayout.contact/feature-velocity/default/preview.1784478693446-5981649a-0652-4cda-b35a-e0b65992f699.png","pc":"uilayout.contact","tg":["features"]},{"id":"21st:uilayout.contact__flowing-ribbons-effect","t":"Flowing ribbons effect","d":"Here is Flowing Ribbons Effect component","k":"section","s":"21st","c":"marketing/announcement","a":"uilayout.contact","pl":"https://cdn.21st.dev/larsen66/flowing-ribbons-effect/default/preview.1753375943960.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__footer-bento","t":"Footer bento","d":"A bento-grid footer section with a call-to-action card, social links, newsletter signup, location, and legal links.","k":"layout","s":"21st","c":"layout/bento-grid","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/footer-bento/default/preview.1784446502019-f982c202-b1f1-4764-be0f-309e16a2fe42.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__footer-bold","t":"Footer bold","d":"A large, typographic footer section with a contact call-to-action, location and social links, and an oversized brand wordmark.","k":"section","s":"21st","c":"marketing/footer","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/footer-bold/default/preview.1784432018163-9fd5e512-c8ef-4e3d-bd38-0cec39de5803.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__footer-detailed","t":"Footer detailed","d":"A large multi-column site footer with grouped navigation links, a brand block, legal links, and an inline newsletter email subscribe form.","k":"section","s":"21st","c":"marketing/footer","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/footer-detailed/default/preview.1784715683923-d08752fb-10e6-466b-90ed-4fc1c236a702.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__footer-privilege","t":"Footer privilege","d":"An editorial-style dark/light footer section with oversized display headings, a brand logo lockup, a contact call-to-action, and a copyright bar.","k":"section","s":"21st","c":"marketing/footer","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/footer-privilege/default/preview.1784420612970-ecc657a2-fdb2-4943-ad5d-b8f43d8ca3c2.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__footer-simple","t":"Footer simple","d":"A minimal responsive website footer with a brand wordmark, tagline, and grouped social and legal link columns with a copyright bar.","k":"section","s":"21st","c":"marketing/footer","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/footer-simple/default/preview.1784419045701-21e09cfd-561a-4073-b1fa-a93356bda26d.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__framer-autoplay-carousel","t":"Framer autoplay carousel","d":"Autoplay carousel component powered by Framer Motion, featuring smooth animations and seamless transitions for an engaging slide experience. Perfect for creating dynamic image gall","s":"21st","c":"media/carousel","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/framer-autoplay-carousel/default/preview.1762533781378.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__framer-carousel","t":"Framer carousel","s":"21st","c":"media/carousel","a":"uilayout.contact","u":157,"pl":"https://cdn.21st.dev/uilayout.contact/framer-carousel/default/preview.1762531071134.png","pc":"uilayout.contact","tg":["carousel","gallery","pagination"]},{"id":"21st:uilayout.contact__framer-draggable-carousel","t":"Framer draggable carousel","d":"A draggable carousel component powered by Framer Motion, featuring smooth animations and seamless transitions for an engaging slide experience. Perfect for creating dynamic image g","s":"21st","c":"media/carousel","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/framer-draggable-carousel/default/preview.1762532345713.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__framer-moveable-thumbnails","t":"Framer moveable thumbnails","d":"A draggable image carousel with an animated filmstrip of thumbnails where the active thumbnail expands to a wide aspect ratio.","s":"21st","c":"media/carousel","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/framer-moveable-thumbnails/default/preview.1783680036722.png","pc":"uilayout.contact","tg":["carousel","gallery"]},{"id":"21st:uilayout.contact__framer-multi-carousel","t":"Framer multi carousel","d":"Framer Multi  Carousel component powered by Framer Motion, featuring smooth animations and seamless transitions for an engaging slide experience. Perfect for creating dynamic image","s":"21st","c":"media/carousel","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/framer-multi-carousel/default/preview.1762535499497.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__framer-normal-carousel","t":"Framer normal carousel","d":"An image carousel with spring-animated sliding, prev/next arrows, and a progress dot indicator built with Motion.","s":"21st","c":"media/carousel","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/framer-normal-carousel/default/preview.1783679964264.png","pc":"uilayout.contact","tg":["carousel","gallery","slider"]},{"id":"21st:uilayout.contact__framer-thumbnail-carousel","t":"Framer thumbnail carousel","s":"21st","c":"media/carousel","a":"uilayout.contact","u":32,"pl":"https://cdn.21st.dev/uilayout.contact/framer-thumbnail-carousel/default/preview.1761158817666.png","pc":"uilayout.contact","tg":["carousel","gallery","slider"]},{"id":"21st:uilayout.contact__framer-thumnbails","t":"Framer thumnbails","d":"A draggable image carousel with an animated thumbnail strip that expands the active thumbnail and auto-scrolls it into view.","s":"21st","c":"media/carousel","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/framer-thumnbails/default/preview.1783679915744.png","pc":"uilayout.contact","tg":["carousel","gallery"]},{"id":"21st:uilayout.contact__growth-plans","t":"Growth plans","d":"A three-tier SaaS pricing section with a monthly/yearly billing toggle and animated prices.","k":"section","s":"21st","c":"marketing/pricing","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/growth-plans/default/preview.1784693416850-f4504338-0199-4332-be39-6e14d73ea490.png","pc":"uilayout.contact","tg":["pricing-section","table"],"sb":"Plan cards"},{"id":"21st:uilayout.contact__hero-ai-value-proposition","t":"Hero ai value proposition","d":"A hero section that presents an AI product's value proposition with an animated headline, CTA, social proof avatars, and a dashboard mockup preview.","s":"21st","c":"ai-agent/ai-agent","a":"uilayout.contact","u":12,"pl":"https://cdn.21st.dev/uilayout.contact/hero-ai-value-proposition/default/preview.1783675630275.png","pc":"uilayout.contact","tg":["ai-chat"],"sb":"Chat"},{"id":"21st:uilayout.contact__hero-financial","t":"Hero financial","d":"An animated financial SaaS hero section with a sticky nav, headline, CTA buttons, and a dashboard mockup that reveals on scroll.","k":"section","s":"21st","c":"marketing/hero","a":"uilayout.contact","u":26,"pl":"https://cdn.21st.dev/uilayout.contact/hero-financial/default/preview.1783676977797.png","pc":"uilayout.contact","tg":["cta","hero"]},{"id":"21st:uilayout.contact__hero-scroll-animation","t":"Hero scroll animation","d":"Here is scroll animation in hero section","k":"layout","s":"21st","c":"layout/scroll-area","a":"uilayout.contact","u":207,"pl":"https://cdn.21st.dev/larsen66/hero-scroll-animation/default/preview.1749995627059.png","pc":"uilayout.contact","tg":["hero","scroll-area"]},{"id":"21st:uilayout.contact__hero-section","t":"Hero section","d":"Animated Blocks Hero","k":"section","s":"21st","c":"marketing/hero","a":"uilayout.contact","u":55,"pl":"https://cdn.21st.dev/uilayout.contact/hero-section/default/preview.1756285033845.png","pc":"uilayout.contact","tg":["features"]},{"id":"21st:uilayout.contact__horizontal-scroll","t":"Horizontal scroll","d":"A full-page scroll-driven section that translates a row of image panels horizontally as the user scrolls vertically.","k":"layout","s":"21st","c":"layout/scroll-area","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/horizontal-scroll/default/preview.1783575340322.png","pc":"uilayout.contact","tg":["comparison","image","scroll-area"]},{"id":"21st:uilayout.contact__image-mask","t":"Image mask","d":"Here is image mask component","s":"21st","c":"media/gallery","a":"uilayout.contact","u":48,"pl":"https://cdn.21st.dev/larsen66/image-mask/default/preview.1749990277040.png","pc":"uilayout.contact","tg":["gallery","image"]},{"id":"21st:uilayout.contact__image-masking","t":"Image masking","d":"Here is image masking component ","s":"21st","c":"media/gallery","a":"uilayout.contact","u":11,"pl":"https://cdn.21st.dev/larsen66/image-masking/default/preview.1749990327253.png","pc":"uilayout.contact","tg":["gallery","image"]},{"id":"21st:uilayout.contact__image-masking-1","t":"Image masking 1","d":"Here is image masking componen","s":"21st","c":"media/gallery","a":"uilayout.contact","pl":"https://cdn.21st.dev/larsen66/image-masking-1/default/preview.1749990425783.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__image-mousetrail-without-component","t":"Image mousetrail without component","d":"An interactive hero section that reveals a trail of images following the cursor as the mouse moves across the container.","k":"motion","s":"21st","c":"motion/cursor","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayouts/image-mousetrail-without-component/default/preview.1783581492094.png","pc":"uilayout.contact","tg":["cursor","gallery"]},{"id":"21st:uilayout.contact__image-reveal","t":"Image reveal","d":"Here is image reveal component","s":"21st","c":"media/gallery","a":"uilayout.contact","u":44,"pl":"https://cdn.21st.dev/larsen66/image-reveal/default/preview.1749993983553.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__imgpreview-dropzone","t":"Imgpreview dropzone","d":"A drag-and-drop file uploader that shows thumbnail previews of selected images with per-file remove controls.","s":"21st","c":"inputs/file-upload","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/imgpreview-dropzone/default/preview.1784390692917-4ae54344-b41e-474e-a7f5-3c8a1fe4bad7.png","pc":"uilayout.contact","tg":["image","input","upload-download"]},{"id":"21st:uilayout.contact__impact-experience","t":"Impact experience","d":"A bold resume-style experience section listing companies, roles, and details with hover-reveal background imagery.","s":"21st","c":"data-display/timeline","a":"uilayout.contact","u":2,"pl":"https://cdn.21st.dev/uilayout.contact/impact-experience/default/preview.1783645318431.png","pc":"uilayout.contact","tg":["timeline"]},{"id":"21st:uilayout.contact__infinity-brand","t":"Infinity brand","d":"Here is smooth component of inifiity brands","k":"motion","s":"21st","c":"motion/marquee","a":"uilayout.contact","u":12,"pl":"https://cdn.21st.dev/larsen66/infinity-brand/default/preview.1750164556628.png","pc":"uilayout.contact","tg":["marquee","scroll-area"]},{"id":"21st:uilayout.contact__linear-card","t":"Linear card","d":"Here is linear card component","s":"21st","c":"data-display/card","a":"uilayout.contact","u":31,"pl":"https://cdn.21st.dev/larsen66/linear-card/default/preview.1749994904078.png","pc":"uilayout.contact","tg":["card","gallery","image"]},{"id":"21st:uilayout.contact__liquid-glass-icons","t":"Liquid glass icons","d":"Liquid glass components inspired by apple and figma","s":"21st","c":"assets/icon","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/liquid-glass-icons/default/preview.1753516108180.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__liquid-weather-glass","t":"Liquid weather glass","d":"Liquid glass components inspired by apple and figma","s":"21st","c":"motion/background","a":"uilayout.contact","u":152,"pl":"https://cdn.21st.dev/uilayout.contact/liquid-weather-glass/default/preview.1753517473442.png","pc":"uilayout.contact","sb":"Waves and warps"},{"id":"21st:uilayout.contact__mesh-gradient-background2","t":"Mesh gradient background2","d":"An animated full-screen mesh gradient background rendered with React Three Fiber shaders, using layered Perlin noise, turbulence, and postprocessing grain for a soft moving blob ef","k":"motion","s":"21st","c":"motion/background","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/mesh-gradient-background2/default/preview.1783572419723.png","pc":"uilayout.contact","tg":["background"],"sb":"Gradients and aurora"},{"id":"21st:uilayout.contact__mesh-gradient-background3","t":"Mesh gradient background3","d":"An animated full-screen mesh gradient background rendered with a Three.js Perlin-noise displaced blob and a configurable accent color.","k":"motion","s":"21st","c":"motion/background","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/mesh-gradient-background3/default/preview.1783574253216.png","pc":"uilayout.contact","tg":["background"],"sb":"Gradients and aurora"},{"id":"21st:uilayout.contact__motion-drawer","t":"Motion drawer","d":"A motion drawer component for React with smooth Framer Motion animations. Functions as a collapsible navigation drawer on mobile and a persistent sidebar on desktop","s":"21st","c":"overlays/sheet","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/motion-drawer/default/preview.1762536514709.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__motion-number","t":"Motion number","d":"Here is modern number motion component","s":"21st","c":"motion/number-ticker","a":"uilayout.contact","pl":"https://cdn.21st.dev/larsen66/motion-number/default/preview.1749987136926.png","pc":"uilayout.contact","tg":["number"]},{"id":"21st:uilayout.contact__motion-number-upvotes","t":"Motion number upvotes","d":"An animated upvote and downvote counter with smoothly transitioning numbers and color feedback on the active vote.","s":"21st","c":"motion/number-ticker","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/motion-number-upvotes/default/preview.1784423727970-ee0af1b5-db16-4a5e-9e5d-98dab02d02a6.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__multi-accordion","t":"Multi accordion","d":"A flexible accordion component that allows multiple sections to stay open at the same time. Unlike a traditional accordion, where opening one section automatically closes the other","s":"21st","c":"data-display/accordion","a":"uilayout.contact","u":18,"pl":"https://cdn.21st.dev/uilayout.contact/multi-accordion/default/preview.1756306752599.png","pc":"uilayout.contact","tg":["accordion","faq"],"sb":"Nested"},{"id":"21st:uilayout.contact__multi-selector","t":"Multi selector","d":"Here is advanced multi selector component ","s":"21st","c":"inputs/select","a":"uilayout.contact","st":"rated","pl":"https://cdn.21st.dev/larsen66/multi-selector/default/preview.1749989233119.png","pc":"uilayout.contact","sc":23},{"id":"21st:uilayout.contact__number-flow-trading","t":"Number flow trading","d":"Animated trading price display that smoothly transitions the currency value and percentage change with a colored up/down indicator.","k":"motion","s":"21st","c":"motion/number-ticker","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/number-flow-trading/default/preview.1784459397879-ce140e88-2b40-49ae-a356-613a3cfa813e.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__password-input","t":"Password input","d":"Here is simple minimalistic password input","s":"21st","c":"inputs/form-field","a":"uilayout.contact","pl":"https://cdn.21st.dev/larsen66/password-input/default/preview.1749987583971.png","pc":"uilayout.contact","sb":"Password"},{"id":"21st:uilayout.contact__password-input-1","t":"Password input 1","d":"Here is modern Password Input","s":"21st","c":"inputs/form-field","a":"uilayout.contact","pl":"https://cdn.21st.dev/larsen66/password-input-1/default/preview.1749987683265.png","pc":"uilayout.contact","sb":"Password"},{"id":"21st:uilayout.contact__password-input-2","t":"Password input 2","d":"Here is advanced password inputt","s":"21st","c":"inputs/form-field","a":"uilayout.contact","u":54,"pl":"https://cdn.21st.dev/larsen66/password-input-2/default/preview.1749987752258.png","pc":"uilayout.contact","sb":"Password"},{"id":"21st:uilayout.contact__phone-input","t":"Phone input","d":"Here is advanced phone input component","s":"21st","c":"inputs/form-field","a":"uilayout.contact","pl":"https://cdn.21st.dev/larsen66/phone-input/default/preview.1749988675072.png","pc":"uilayout.contact","sb":"Phone"},{"id":"21st:uilayout.contact__portfolio-experience","t":"Portfolio experience","d":"A portfolio work-experience section that lists roles with company, timeline, position, location, tech stack, impact metrics, and detailed contributions.","s":"21st","c":"data-viz/map","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/portfolio-experience/default/preview.1784821846102-e43e19bc-c797-41c1-88dc-15c402d8e804.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__pricing","t":"Pricing","d":"Professional pricing components featuring subscription plans, pricing tiers, feature comparisons, and conversion-optimized layouts designed to showcase value and drive purchases","k":"section","s":"21st","c":"marketing/pricing","a":"uilayout.contact","u":275,"pl":"https://cdn.21st.dev/uilayout.contact/pricing/default/preview.1756283336120.png","pc":"uilayout.contact","tg":["comparison","pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:uilayout.contact__pricing-overview","t":"Pricing overview","d":"A responsive pricing section with a monthly/yearly billing toggle, animated price counters, feature-listed plan cards, and a highlighted partnership plan.","k":"section","s":"21st","c":"marketing/pricing","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/pricing-overview/default/preview.1784693400049-edf5449a-986d-48c0-bd4c-66355228d4cc.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__pricing-section","t":"Pricing section","d":"Professional pricing table components featuring subscription plans, pricing tiers, feature comparisons, and conversion-optimized layouts designed to showcase value and drive purcha","k":"section","s":"21st","c":"marketing/pricing","a":"uilayout.contact","u":279,"pl":"https://cdn.21st.dev/uilayout.contact/pricing-section/default/preview.1756271793787.png","pc":"uilayout.contact","tg":["comparison","pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:uilayout.contact__pricing-section-1","t":"Pricing section 1","d":"Professional pricing section components featuring subscription plans, pricing tiers, feature comparisons, and conversion-optimized layouts designed to showcase value and drive purc","k":"section","s":"21st","c":"marketing/pricing","a":"uilayout.contact","u":91,"pl":"https://cdn.21st.dev/uilayout.contact/pricing-section-1/default/preview.1756275293665.png","pc":"uilayout.contact","tg":["pricing-section"]},{"id":"21st:uilayout.contact__pricing-section-3","t":"Pricing section 3","d":"Professional pricing components featuring subscription plans, pricing tiers, feature comparisons, and conversion-optimized layouts designed to showcase value and drive purchases","k":"section","s":"21st","c":"marketing/pricing","a":"uilayout.contact","u":137,"pl":"https://cdn.21st.dev/uilayout.contact/pricing-section-3/default/preview.1756278842022.png","pc":"uilayout.contact","tg":["comparison","pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:uilayout.contact__pricing-section-4","t":"Pricing section 4","d":"Professional pricing components featuring subscription plans, pricing tiers, feature comparisons, and conversion-optimized layouts designed to showcase value and drive purchases","k":"section","s":"21st","c":"marketing/pricing","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/pricing-section-4/default/preview.1756283776749.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__product-packs","t":"Product packs","d":"A two-tier pricing section comparing a free demo pack and a paid full pack, with feature rows and scroll-triggered blur-in animations.","k":"section","s":"21st","c":"marketing/pricing","a":"uilayout.contact","u":10,"pl":"https://cdn.21st.dev/uilayout.contact/product-packs/default/preview.1784753714160-cf9e4118-1f08-4df0-9907-21f9aee488a5.png","pc":"uilayout.contact","tg":["pricing-section","scroll-area","table"],"sb":"Comparison tables"},{"id":"21st:uilayout.contact__progressive-carousel","t":"Progressive carousel","s":"21st","c":"media/carousel","a":"uilayout.contact","u":171,"pl":"https://cdn.21st.dev/uilayout.contact/progressive-carousel/default/preview.1756288335736.png","pc":"uilayout.contact","tg":["carousel","gallery","slider","tabs"]},{"id":"21st:uilayout.contact__r3f-blob","t":"R3f blob","d":"Here is R3F Blob","k":"resource","s":"21st","c":"assets/shape","a":"uilayout.contact","pl":"https://cdn.21st.dev/larsen66/r3f-blob/default/preview.1753194979487.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__scroll-animation","t":"Scroll animation","d":" Here is text scroll animation","k":"layout","s":"21st","c":"layout/scroll-area","a":"uilayout.contact","u":13,"pl":"https://cdn.21st.dev/larsen66/scroll-animation/default/preview.1750118212763.png","pc":"uilayout.contact","tg":["scroll-area"]},{"id":"21st:uilayout.contact__scroll-card","t":"Scroll card","d":"Here is scrolling stacking card","k":"layout","s":"21st","c":"layout/scroll-area","a":"uilayout.contact","u":95,"pl":"https://cdn.21st.dev/larsen66/scroll-card/default/preview.1749995222285.png","pc":"uilayout.contact","tg":["features","scroll-area"]},{"id":"21st:uilayout.contact__scroll-text-marquee","t":"Scroll text marquee","d":"A scroll-controlled text marquee whose speed and direction respond dynamically to scroll velocity for an interactive animated headline effect.","k":"motion","s":"21st","c":"motion/marquee","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/scroll-text-marquee/default/preview.1784385426715-09a65e32-177f-4819-9726-11485eed1f96.png","pc":"uilayout.contact","tg":["marquee"]},{"id":"21st:uilayout.contact__shimmer-loader","t":"Shimmer loader","d":"An animated text shimmer loader that cycles through labels and icons with a moving highlight, percentage progress, and an optional token counter for loading states.","s":"21st","c":"status/loader","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/shimmer-loader/default/preview.1784696828656-fdfd88fc-c54c-42b3-9855-79daf5771428.png","pc":"uilayout.contact","sb":"Text loaders"},{"id":"21st:uilayout.contact__sidebar-liquid-glass","t":"Sidebar liquid glass","d":"Liquid glass components inspired by apple and figma","s":"21st","c":"navigation/sidebar","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/sidebar-liquid-glass/default/preview.1753512145243.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__sliding-ease","t":"Sliding ease","d":"Here is Sliding Ease component","k":"motion","s":"21st","c":"motion/background","a":"uilayout.contact","pl":"https://cdn.21st.dev/larsen66/sliding-ease/default/preview.1753375052654.png","pc":"uilayout.contact","tg":["background"]},{"id":"21st:uilayout.contact__smooth-scroll","t":"Smooth scroll","d":"Here is Smooth Scroll card","k":"layout","s":"21st","c":"layout/scroll-area","a":"uilayout.contact","u":113,"pl":"https://cdn.21st.dev/larsen66/smooth-scroll/default/preview.1749995378617.png","pc":"uilayout.contact","tg":["grid","scroll-area"]},{"id":"21st:uilayout.contact__smooth-wavy-canvas","t":"Smooth wavy canvas","d":"Here is Smooth Wavy Canvas component","s":"21st","c":"other","a":"uilayout.contact","pl":"https://cdn.21st.dev/larsen66/smooth-wavy-canvas/default/preview.1753375792948.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__splashwater-videomasking","t":"Splashwater videomasking","d":"A video element clipped with an SVG mask so footage plays inside a splash-water shape, for creative hero and showcase sections.","s":"21st","c":"media/player","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/splashwater-videomasking/default/preview.1784716894317-23a62066-3847-4436-8b94-c03e893c4605.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__spotlight-cursor","t":"Spotlight cursor","d":"Here is spotlight cursor effect","k":"motion","s":"21st","c":"motion/cursor","a":"uilayout.contact","u":48,"pl":"https://cdn.21st.dev/larsen66/spotlight-cursor/default/preview.1750164753472.png","pc":"uilayout.contact","tg":["cursor"]},{"id":"21st:uilayout.contact__stacking-card","t":"Stacking card","d":"Here is scroll stacking card","s":"21st","c":"data-display/card","a":"uilayout.contact","u":358,"pl":"https://cdn.21st.dev/larsen66/stacking-card/default/preview.1749995037798.png","pc":"uilayout.contact","tg":["gallery"]},{"id":"21st:uilayout.contact__stats-bold","t":"Stats bold","d":"A bold statistics section highlighting a headline metric with a supporting image and a row of key figures.","s":"21st","c":"data-display/stat","a":"uilayout.contact","u":2,"pl":"https://cdn.21st.dev/uilayout.contact/stats-bold/default/preview.1784420582612-62029dd9-6f32-4290-b757-ef0820cf8bff.png","pc":"uilayout.contact","tg":["card","stat"]},{"id":"21st:uilayout.contact__sticky-scroll","t":"Sticky scroll","d":"Here is Sticky Scroll component","k":"layout","s":"21st","c":"layout/scroll-area","a":"uilayout.contact","u":263,"pl":"https://cdn.21st.dev/larsen66/sticky-scroll/default/preview.1749995500796.png","pc":"uilayout.contact","tg":["scroll-area"]},{"id":"21st:uilayout.contact__swapy-draggable-card","t":"Swapy draggable card","d":"A framework-agnostic tool that converts any layout into a drag-to-swap one with just a few lines of code.","s":"21st","c":"data-display/card","a":"uilayout.contact","u":45,"pl":"https://cdn.21st.dev/uilayout.contact/swapy-draggable-card/default/preview.1753765500979.png","pc":"uilayout.contact","tg":["dashboard","grid"]},{"id":"21st:uilayout.contact__tags-input-2","t":"Tags input 2","d":"An input field for adding, editing, and removing multiple tags using Enter or comma keys.","s":"21st","c":"inputs/form-field","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/tags-input/default/preview.1783570360957.png","pc":"uilayout.contact","tg":["chip","input"]},{"id":"21st:uilayout.contact__testimonial","t":"Testimonial","d":"Professional testimonial components featuring customer reviews, client feedback, social proof displays, and trust-building layouts designed to showcase credibility and increase cus","k":"section","s":"21st","c":"marketing/testimonials","a":"uilayout.contact","u":289,"pl":"https://cdn.21st.dev/uilayout.contact/testimonial/default/preview.1756286266412.png","pc":"uilayout.contact","tg":["card","grid","testimonials"]},{"id":"21st:uilayout.contact__testimonial-1","t":"Testimonial 1","d":"Professional testimonial components featuring customer reviews, client feedback, social proof displays, and trust-building layouts designed to showcase credibility and increase cus","k":"section","s":"21st","c":"marketing/testimonials","a":"uilayout.contact","u":43,"pl":"https://cdn.21st.dev/uilayout.contact/testimonial-1/default/preview.1756305160380.png","pc":"uilayout.contact","tg":["clients","testimonials"]},{"id":"21st:uilayout.contact__testimonial-basic","t":"Testimonial basic","d":"An editorial testimonials section with video thumbnails, author avatars, quotes, and star ratings arranged in alternating rows.","k":"section","s":"21st","c":"marketing/testimonials","a":"uilayout.contact","u":2,"pl":"https://cdn.21st.dev/uilayout.contact/testimonial-basic/default/preview.1784409206157-71e28755-7fc1-4fec-94ef-1d1a947e285d.png","pc":"uilayout.contact","tg":["testimonials","video"]},{"id":"21st:uilayout.contact__text-marque","t":"Text marque","d":"Here is text marquee component","k":"motion","s":"21st","c":"motion/text-effect","a":"uilayout.contact","u":170,"pl":"https://cdn.21st.dev/larsen66/text-marque/default/preview.1749993416008.png","pc":"uilayout.contact","tg":["marquee"]},{"id":"21st:uilayout.contact__thumbnail-slider","t":"Thumbnail slider","d":"An image carousel with a strip of clickable thumbnails below the main slide for quick navigation, built on Embla.","s":"21st","c":"inputs/slider","a":"uilayout.contact","u":6,"pl":"https://cdn.21st.dev/uilayout.contact/thumbnail-slider/default/preview.1783680095683.png","pc":"uilayout.contact","tg":["carousel","gallery","slider"]},{"id":"21st:uilayout.contact__tree-code-viewer","t":"Tree code viewer","d":"Interactive file-tree viewer with an expandable folder tree and a synced, syntax-highlighted multi-file code panel for docs and code examples.","s":"21st","c":"data-display/code-block","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/tree-code-viewer/default/preview.1784423747891-13925285-d7cb-4d85-9407-8dc212f1278d.png","pc":"uilayout.contact","tg":["file-tree"]},{"id":"21st:uilayout.contact__vertical-bars","t":"Vertical bars","d":"Here is Vertical Bars component","k":"motion","s":"21st","c":"motion/background","a":"uilayout.contact","pl":"https://cdn.21st.dev/larsen66/vertical-bars/default/preview.1753374606891.png","pc":"uilayout.contact","tg":["background"]},{"id":"21st:uilayout.contact__vertical-thumbnail-autostart-slider","t":"Vertical thumbnail autostart slider","d":"An auto-playing vertical image carousel with a synced thumbnail navigation strip on the side.","s":"21st","c":"inputs/slider","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/vertical-thumbnail-autostart-slider/default/preview.1783680249766.png","pc":"uilayout.contact","tg":["carousel","gallery","slider"]},{"id":"21st:uilayout.contact__vertical-thumbnail-slider","t":"Vertical thumbnail slider","d":"An image carousel with a vertical thumbnail rail alongside the main slide for quick navigation between photos.","s":"21st","c":"inputs/slider","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/vertical-thumbnail-slider/default/preview.1784752995580-10a4a71b-8df7-4269-82bb-b4cb94769f11.png","pc":"uilayout.contact","tg":["carousel","gallery","slider"]},{"id":"21st:uilayout.contact__watersplash-imagemasking","t":"Watersplash imagemasking","d":"An image reveal effect that clips a photo into an organic water-splash shape using a CSS mask image.","s":"21st","c":"media/gallery","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/watersplash-imagemasking/default/preview.1784690953569-cf6a5b4c-82ae-448c-b924-83405558ae7d.png","pc":"uilayout.contact"},{"id":"21st:ujwalajju003__deep-sky-canvas","t":"Deep sky canvas","d":"Fullscreen WebGL nebula shader with layered fBm clouds, sparse starfield, and smooth animated color cores","s":"21st","c":"other","a":"ujwalajju003","pl":"https://cdn.21st.dev/ujwalajju003/deep-sky-canvas/default/preview.1760721332744.png","pc":"ujwalajju003"},{"id":"21st:ujwalajju003__ghost-in-the-machine-ui","t":"Ghost in the machine ui","s":"21st","c":"other","a":"ujwalajju003","pl":"https://cdn.21st.dev/ujwalajju003/ghost-in-the-machine-ui/default/preview.1761019525406.png","pc":"ujwalajju003"},{"id":"21st:ujwalajju003__kaleidoscopic-orb-mesh","t":"Kaleidoscopic orb mesh","d":"A full-screen WebGL shader that layers rotating, tiled glow orbs with a smooth procedural color palette to create a hypnotic, kaleidoscopic background animation.","k":"motion","s":"21st","c":"motion/background","a":"ujwalajju003","pl":"https://cdn.21st.dev/ujwalajju003/kaleidoscopic-orb-mesh/default/preview.1760677685852.png","pc":"ujwalajju003","sb":"Gradients and aurora"},{"id":"21st:ujwalajju003__kaleidoscopic-orb-mesh-1","t":"Kaleidoscopic orb mesh 1","d":"A full-screen WebGL fragment shader that composes rotating, soft-glowing procedural orbs and blends them with smooth, oscillating color palettes to produce a hypnotic kaleidoscopic","k":"motion","s":"21st","c":"motion/background","a":"ujwalajju003","pl":"https://cdn.21st.dev/ujwalajju003/kaleidoscopic-orb-mesh-1/default/preview.1760680810870.png","pc":"ujwalajju003","sb":"Gradients and aurora"},{"id":"21st:uniquesonu__about-us-section","t":"About us section","d":"$3e","k":"section","s":"21st","c":"marketing/team","a":"uniquesonu","u":417,"pl":"https://cdn.21st.dev/uniquesonu/about-us-section/default/preview.1749711450555.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__advanced-data-table","t":"Advanced data table","d":"$3a","s":"21st","c":"data-display/table","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/advanced-data-table/default/preview.1758567388803.png","pc":"uniquesonu","sb":"Data tables"},{"id":"21st:uniquesonu__advanced-file-upload","t":"Advanced file upload","d":"$3d","s":"21st","c":"inputs/file-upload","a":"uniquesonu","st":"rated","pl":"https://cdn.21st.dev/uniquesonu/advanced-file-upload/default/preview.1758792395809.png","pc":"uniquesonu","tg":["upload-download"],"sc":20},{"id":"21st:uniquesonu__advanced-file-upload-component","t":"Advanced file upload component","d":"$3e","s":"21st","c":"inputs/file-upload","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/advanced-file-upload-component/default/preview.1758546808596.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__advanced-search","t":"Advanced search","d":"Advanced search ","s":"21st","c":"inputs/search","a":"uniquesonu","st":"rated","pl":"https://cdn.21st.dev/uniquesonu/advanced-search/default/preview.1759396126603.png","pc":"uniquesonu","sc":23},{"id":"21st:uniquesonu__ai-input","t":"Ai input","d":"$3c","s":"21st","c":"ai-agent/ai-agent","a":"uniquesonu","st":"rated","pl":"https://cdn.21st.dev/uniquesonu/ai-input/default/preview.1753293432930.png","pc":"uniquesonu","sc":21},{"id":"21st:uniquesonu__amazing-button-component","t":"Amazing button component","d":"Amazing Button Component","s":"21st","c":"actions/button","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/amazing-button-component/default/preview.1753000848721.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__analog-clock-component","t":"Analog clock component","d":"This React component renders an analog clock with moving hands, hour markers, minute markers, and a digital time display.  It uses the useState hook to track the current time and u","k":"lib","s":"21st","c":"lib/hook","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/analog-clock-component/default/preview.1755955622929.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__animated-chip-tab-component","t":"Animated chip tab component","d":"$3b","s":"21st","c":"navigation/tabs","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/animated-chip-tab-component/default/preview.1757063850361.png","pc":"uniquesonu","tg":["chip","navigation-menu","tabs"]},{"id":"21st:uniquesonu__animated-circle-text-effect","t":"Animated circle text effect","d":"$3c","k":"motion","s":"21st","c":"motion/text-effect","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/animated-circle-text-effect/default/preview.1756983481086.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__animated-dark-mode-toggle","t":"Animated dark mode toggle","d":"$3c","s":"21st","c":"actions/switch","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/animated-dark-mode-toggle/default/preview.1756982811045.png","pc":"uniquesonu","sb":"Theme toggles"},{"id":"21st:uniquesonu__animated-fuzzy-overlay-effect","t":"Animated fuzzy overlay effect","d":"$3b","s":"21st","c":"other","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/animated-fuzzy-overlay-effect/default/preview.1757069697293.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__animated-hero-section","t":"Animated hero section","d":"$3d","k":"section","s":"21st","c":"marketing/hero","a":"uniquesonu","u":88,"pl":"https://cdn.21st.dev/uniquesonu/animated-hero-section/default/preview.1749712560536.png","pc":"uniquesonu","sb":"Animated background"},{"id":"21st:uniquesonu__animated-hero-section-ui","t":"Animated hero section ui","d":"$3b","k":"section","s":"21st","c":"marketing/hero","a":"uniquesonu","u":59,"pl":"https://cdn.21st.dev/uniquesonu/animated-hero-section-ui/default/preview.1756632827312.png","pc":"uniquesonu","sb":"Animated background"},{"id":"21st:uniquesonu__animated-logo-rolodex","t":"Animated logo rolodex","d":"$3b","k":"resource","s":"21st","c":"assets/logo","a":"uniquesonu","u":17,"pl":"https://cdn.21st.dev/uniquesonu/animated-logo-rolodex/default/preview.1757064970065.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__animated-modal-component","t":"Animated modal component","d":"$3c","s":"21st","c":"overlays/dialog","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/animated-modal-component/default/preview.1757156428803.png","pc":"uniquesonu","sb":"Animated"},{"id":"21st:uniquesonu__animated-modern-hero","t":"Animated modern hero","d":"$39","k":"section","s":"21st","c":"marketing/hero","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/animated-modern-hero/default/preview.1752926799226.png","pc":"uniquesonu","sb":"Animated background"},{"id":"21st:uniquesonu__animated-number-countdown","t":"Animated number countdown","k":"motion","s":"21st","c":"motion/number-ticker","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/animated-number-countdown/default/preview.1753295882671.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__animated-number-random","t":"Animated number random","k":"motion","s":"21st","c":"motion/number-ticker","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/animated-number-random/default/preview.1753295452902.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__animated-pointer-highlight","t":"Animated pointer highlight","d":"$39","k":"motion","s":"21st","c":"motion/cursor","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/animated-pointer-highlight/default/preview.1756900512113.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__animated-shifting-tab-component","t":"Animated shifting tab component","d":"$3d","s":"21st","c":"navigation/tabs","a":"uniquesonu","u":33,"pl":"https://cdn.21st.dev/uniquesonu/animated-shifting-tab-component/default/preview.1757618131347.png","pc":"uniquesonu","tg":["tabs"]},{"id":"21st:uniquesonu__animated-staggered-dropdown","t":"Animated staggered dropdown","d":"$3a","s":"21st","c":"navigation/menu","a":"uniquesonu","u":19,"pl":"https://cdn.21st.dev/uniquesonu/animated-staggered-dropdown/default/preview.1757619824855.png","pc":"uniquesonu","tg":["dropdown","menu"],"sb":"Dropdowns"},{"id":"21st:uniquesonu__animated-svg-background","t":"Animated svg background","d":"This React component generates an animated background using multiple SVG paths with varying colors and animations.  The animation involves a dash offset effect creating the illusio","k":"motion","s":"21st","c":"motion/background","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/animated-svg-background/default/preview.1755790980440.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__animated-text-with-staggered-effect","t":"Animated text with staggered effect","d":"This React code creates a reusable component that renders animated text with a staggered character appearance.  It uses CSS animations and keyframes to achieve a visually appealing","k":"motion","s":"21st","c":"motion/text-effect","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/animated-text-with-staggered-effect/default/preview.1755182065175.png","pc":"uniquesonu","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:uniquesonu__animated-to-do-list","t":"Animated to do list","d":"$36","s":"21st","c":"data-display/list","a":"uniquesonu","st":"rated","pl":"https://cdn.21st.dev/uniquesonu/animated-to-do-list/default/preview.1757064591890.png","pc":"uniquesonu","tg":["checkbox"],"sc":20},{"id":"21st:uniquesonu__animated-toggle-button-with-download-open-state","t":"Animated toggle button with download open state","d":"This CSS and HTML code creates a visually appealing toggle button that animates between a 'Download' and 'Open' state.  The button uses a combination of CSS transitions, animations","s":"21st","c":"actions/button","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/animated-toggle-button-with-download-open-state/default/preview.1755243135110.png","pc":"uniquesonu","sb":"Loading and states"},{"id":"21st:uniquesonu__audit-feed","t":"Audit feed","s":"21st","c":"data-display/timeline","a":"uniquesonu","st":"rated","pl":"https://cdn.21st.dev/uniquesonu/audit-feed/default/preview.1759396769534.png","pc":"uniquesonu","sc":22},{"id":"21st:uniquesonu__bar-chart-card-for-dashboard","t":"Bar chart card for dashboard","d":"Bar chart card for dashboard","k":"layout","s":"21st","c":"layout/dashboard","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/bar-chart-card-for-dashboard/default/preview.1753011949079.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__bounce-card-features","t":"Bounce card features","d":"$3b","k":"section","s":"21st","c":"marketing/features","a":"uniquesonu","u":147,"pl":"https://cdn.21st.dev/uniquesonu/bounce-card-features/default/preview.1749763971764.png","pc":"uniquesonu","tg":["features"],"sb":"Grid of cards"},{"id":"21st:uniquesonu__button-library","t":"Button library","d":"$41","s":"21st","c":"actions/button","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/button-library/default/preview.1752910211594.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__button-with-gradient-overlay-and-hover-effect-1","t":"Button with gradient overlay and hover effect 1","d":"This CSS code creates a visually appealing button with a gradient background and a subtle hover effect.  It uses pseudo-elements (:before and :after) to achieve a layered look and ","s":"21st","c":"actions/button","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/button-with-gradient-overlay-and-hover-effect-1/default/preview.1755243561747.png","pc":"uniquesonu","sb":"Animated"},{"id":"21st:uniquesonu__button-with-hover-and-active-effects","t":"Button with hover and active effects","d":"This React component renders a button with a dotted border, white background, and black text.  On hover, it subtly translates and adds a shadow; on active click, it reverts to its ","s":"21st","c":"actions/button","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/button-with-hover-and-active-effects/default/preview.1755345693634.png","pc":"uniquesonu","sb":"Animated"},{"id":"21st:uniquesonu__calender-for-event","t":"Calender for event","d":"$3c","s":"21st","c":"other","a":"uniquesonu","st":"rated","pl":"https://cdn.21st.dev/uniquesonu/calender-for-event/default/preview.1754143462983.png","pc":"uniquesonu","sc":20},{"id":"21st:uniquesonu__card-carousel","t":"Card carousel","s":"21st","c":"media/carousel","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/card-carousel/default/preview.1753297124404.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__card-component","t":"Card component","d":"$3c","s":"21st","c":"data-display/card","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/card-component/default/preview.1752914125593.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__category-selector","t":"Category selector","d":"$41","s":"21st","c":"inputs/select","a":"uniquesonu","st":"rated","pl":"https://cdn.21st.dev/uniquesonu/category-selector/default/preview.1753134007597.png","pc":"uniquesonu","sc":21},{"id":"21st:uniquesonu__count-down-component","t":"Count down component","d":"animated CountDown Component ","k":"motion","s":"21st","c":"motion/number-ticker","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/count-down-component/default/preview.1753703230768.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__cuisine-selector-chips","t":"Cuisine selector chips","d":"$3b","s":"21st","c":"data-display/badge","a":"uniquesonu","u":20,"pl":"https://cdn.21st.dev/uniquesonu/cuisine-selector-chips/default/preview.1757079580453.png","pc":"uniquesonu","tg":["chip","select"],"sb":"Tags and pills"},{"id":"21st:uniquesonu__customizable-hero-section-with-gradient-animation","t":"Customizable hero section with gradient animation","d":"This React component renders a visually appealing hero section with a cycling background gradient, grid pattern, headline, call-to-action buttons, key features, and trust indicator","k":"section","s":"21st","c":"marketing/hero","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/customizable-hero-section-with-gradient-animation/default/preview.1755438687340.png","pc":"uniquesonu","sb":"Animated background"},{"id":"21st:uniquesonu__dashboard-activities","t":"Dashboard activities","k":"layout","s":"21st","c":"layout/dashboard","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/dashboard-activities/default/preview.1759320446675.png","pc":"uniquesonu","tg":["notification"]},{"id":"21st:uniquesonu__dashboard-overview","t":"Dashboard overview","d":"Dashboard overview for the admin dashboard","k":"layout","s":"21st","c":"layout/dashboard","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/dashboard-overview/default/preview.1759320014142.png","pc":"uniquesonu","tg":["dashboard","stat"]},{"id":"21st:uniquesonu__dashboard-with-collapsible-sidebar","t":"Dashboard with collapsible sidebar","d":"This React code implements a dashboard with a collapsible sidebar featuring various options, a dark mode toggle, and displays various statistics and recent activity.  It uses Lucid","k":"layout","s":"21st","c":"layout/dashboard","a":"uniquesonu","u":629,"pl":"https://cdn.21st.dev/uniquesonu/dashboard-with-collapsible-sidebar/default/preview.1755346172257.png","pc":"uniquesonu","tg":["dashboard","sidebar","toggle"]},{"id":"21st:uniquesonu__dashed-button","t":"Dashed button","d":"Animated Dashed button","s":"21st","c":"actions/button","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/dashed-button/default/preview.1753116235572.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__data-card-display","t":"Data card display","d":"$3b","s":"21st","c":"data-display/card","a":"uniquesonu","st":"rated","u":25,"pl":"https://cdn.21st.dev/uniquesonu/data-card-display/default/preview.1758809243937.png","pc":"uniquesonu","tg":["card","dashboard","grid","stat"],"sc":16,"sb":"Metric"},{"id":"21st:uniquesonu__data-table-filter","t":"Data table filter","d":"$3d","s":"21st","c":"data-display/table","a":"uniquesonu","u":41,"pl":"https://cdn.21st.dev/uniquesonu/data-table-filter/default/preview.1758810266831.png","pc":"uniquesonu","tg":["popover"],"sb":"Data tables"},{"id":"21st:uniquesonu__detail-viewer","t":"Detail viewer","s":"21st","c":"other","a":"uniquesonu","st":"rated","pl":"https://cdn.21st.dev/uniquesonu/detail-viewer/default/preview.1760093410158.png","pc":"uniquesonu","sc":20},{"id":"21st:uniquesonu__draggable-modal-component","t":"Draggable modal component","d":"$3b","s":"21st","c":"overlays/dialog","a":"uniquesonu","st":"rated","pl":"https://cdn.21st.dev/uniquesonu/draggable-modal-component/default/preview.1757151469553.png","pc":"uniquesonu","tg":["modal"],"sc":19},{"id":"21st:uniquesonu__dynamic-pricing-component","t":"Dynamic pricing component","d":"$3c","k":"section","s":"21st","c":"marketing/pricing","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/dynamic-pricing-component/default/preview.1749733260049.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__dynamic-text-resizing","t":"Dynamic text resizing","d":"$3c","k":"motion","s":"21st","c":"motion/text-effect","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/dynamic-text-resizing/default/preview.1756985429678.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__editor-component","t":"Editor component","d":"$3c","s":"21st","c":"inputs/textarea","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/editor-component/default/preview.1752923864509.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__empty-state-beautiful-accessible-no-data-states","t":"Empty state beautiful accessible no data states","d":"“Stop leaving your users in the void. The EmptyState component gives you elegant, accessible, and responsive UI for no-data moments. With built-in icons, customizable CTAs, and dar","s":"21st","c":"data-display/empty-state","a":"uniquesonu","st":"rated","u":18,"pl":"https://cdn.21st.dev/uniquesonu/empty-state-beautiful-accessible-no-data-states/default/preview.1758875891255.png","pc":"uniquesonu","tg":["dashboard","cta","empty-state","icon"],"sc":18},{"id":"21st:uniquesonu__expanded-tabs","t":"Expanded tabs","d":"$3c","s":"21st","c":"navigation/tabs","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/expanded-tabs/default/preview.1753294309012.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__feature-announcements","t":"Feature announcements","k":"section","s":"21st","c":"marketing/features","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/feature-announcements/default/preview.1760092934090.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__feature-grid-enterprise-grade","t":"Feature grid enterprise grade","d":"“Stop burying your features in walls of text. The FeatureGrid gives you a beautiful, responsive, and accessible card grid to showcase your product’s superpowers. With icon + title ","s":"21st","c":"assets/icon","a":"uniquesonu","u":22,"pl":"https://cdn.21st.dev/uniquesonu/feature-grid-enterprise-grade/default/preview.1758956625475.png","pc":"uniquesonu","tg":["card","features","icon"]},{"id":"21st:uniquesonu__floating-action-button-component-with-customizable-options","t":"Floating action button component with customizable options","d":"This React component renders a customizable floating action button (FAB) with multiple options that appear when the main button is clicked.  The FAB's size, position, and options a","s":"21st","c":"actions/button","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/floating-action-button-component-with-customizable-options/default/preview.1755176123312.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__floating-bubbles-background","t":"Floating bubbles background","d":"$40","k":"motion","s":"21st","c":"motion/background","a":"uniquesonu","u":13,"pl":"https://cdn.21st.dev/uniquesonu/floating-bubbles-background/default/preview.1749721120669.png","pc":"uniquesonu","sb":"Particles and stars"},{"id":"21st:uniquesonu__futurastic-hero-section","t":"Futurastic hero section","d":"$3b","k":"section","s":"21st","c":"marketing/hero","a":"uniquesonu","u":380,"pl":"https://cdn.21st.dev/uniquesonu/futurastic-hero-section/default/preview.1749762135504.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__futurastic-hero-section-1","t":"Futurastic hero section 1","d":"$3e","k":"section","s":"21st","c":"marketing/hero","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/futurastic-hero-section-1/default/preview.1752954651471.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__futurastic-hero-section-2","t":"Futurastic hero section 2","d":"Futurastic hero section","k":"section","s":"21st","c":"marketing/hero","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/futurastic-hero-section-2/default/preview.1757078555929.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__futurastic-modern-hero-section","t":"Futurastic modern hero section","k":"section","s":"21st","c":"marketing/hero","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/futurastic-modern-hero-section/default/preview.1752957796971.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__glass-ui","t":"Glass ui","d":"a beautiful effect with animated glass orbs moving in a rectangular path over a background image.","k":"motion","s":"21st","c":"motion/background","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/glass-ui/default/preview.1754818393925.png","pc":"uniquesonu","tg":["background"]},{"id":"21st:uniquesonu__glow-menu","t":"Glow menu","d":"$3b","s":"21st","c":"navigation/menu","a":"uniquesonu","u":80,"pl":"https://cdn.21st.dev/uniquesonu/glow-menu/default/preview.1761931205867.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__glowing-boucing-ring","t":"Glowing boucing ring","s":"21st","c":"motion/background","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/glowing-boucing-ring/default/preview.1754942497988.png","pc":"uniquesonu","sb":"Gradients and aurora"},{"id":"21st:uniquesonu__glowing-button","t":"Glowing button","d":"Glowing animated Button","s":"21st","c":"actions/button","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/glowing-button/default/preview.1753042479698.png","pc":"uniquesonu","sb":"Animated"},{"id":"21st:uniquesonu__gpt-5","t":"Gpt 5","d":"chat gpt 5 component","s":"21st","c":"other","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/gpt-5/default/preview.1754817993637.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__hamburger-button","t":"Hamburger button","d":"$36","s":"21st","c":"actions/button","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/hamburger-button/default/preview.1752900334238.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__hero-section","t":"Hero section","d":"$3c","k":"section","s":"21st","c":"marketing/hero","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/hero-section/default/preview.1753134724216.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__hero-section-enterprise-ready-landing-page-hero-with-dual-ctas","t":"Hero section enterprise ready landing page hero with dual ctas","d":"“Make your product unforgettable at first glance. The HeroSection gives you a bold, responsive, and theme-aware hero block with headline, subtext, and dual CTAs. Perfect for SaaS, ","k":"section","s":"21st","c":"marketing/hero","a":"uniquesonu","u":50,"pl":"https://cdn.21st.dev/uniquesonu/hero-section-enterprise-ready-landing-page-hero-with-dual-ctas/default/preview.1758876408462.png","pc":"uniquesonu","tg":["badge","cta","hero"]},{"id":"21st:uniquesonu__hotel-card-ui-component","t":"Hotel card ui component","d":"$34","s":"21st","c":"data-display/card","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/hotel-card-ui-component/default/preview.1758808380622.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__hover-text-effect","t":"Hover text effect","d":"A text hover effect that animates and outlines gradient on hover.\nanimate your own way","k":"motion","s":"21st","c":"motion/text-effect","a":"uniquesonu","u":34,"pl":"https://cdn.21st.dev/uniquesonu/hover-text-effect/default/preview.1749737438642.png","pc":"uniquesonu","tg":["text"]},{"id":"21st:uniquesonu__interactive-bar-chart-poll","t":"Interactive bar chart poll","d":"$3c","s":"21st","c":"data-viz/chart","a":"uniquesonu","st":"rated","pl":"https://cdn.21st.dev/uniquesonu/interactive-bar-chart-poll/default/preview.1757143652030.png","pc":"uniquesonu","sc":19,"sb":"Bar"},{"id":"21st:uniquesonu__interactive-command-palette","t":"Interactive command palette","d":"$3c","s":"21st","c":"navigation/command-palette","a":"uniquesonu","st":"rated","pl":"https://cdn.21st.dev/uniquesonu/interactive-command-palette/default/preview.1758547192477.png","pc":"uniquesonu","sc":18},{"id":"21st:uniquesonu__interactive-pricing-component","t":"Interactive pricing component","d":"$3a","k":"section","s":"21st","c":"marketing/pricing","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/interactive-pricing-component/default/preview.1758803837301.png","pc":"uniquesonu","tg":["comparison","pricing-section","tabs"],"sb":"Comparison tables"},{"id":"21st:uniquesonu__liquid-glass","t":"Liquid glass","d":"$3e","s":"21st","c":"motion/background","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/liquid-glass/default/preview.1761931960063.png","pc":"uniquesonu","sb":"Waves and warps"},{"id":"21st:uniquesonu__liquid-glass-boxes","t":"Liquid glass boxes","d":"Liquid glass boxes","s":"21st","c":"motion/background","a":"uniquesonu","u":4,"pl":"https://cdn.21st.dev/uniquesonu/liquid-glass-boxes/default/preview.1754941835692.png","pc":"uniquesonu","sb":"Waves and warps"},{"id":"21st:uniquesonu__loading-animations","t":"Loading animations","d":"This code provides five different loading animation components built with React and Framer Motion. Each component utilizes various animation properties like `scale`, `skew`, `x`, `","s":"21st","c":"status/loader","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/loading-animations/default/preview.1755260467786.png","pc":"uniquesonu","sb":"Spinners"},{"id":"21st:uniquesonu__loading-indicator","t":"Loading indicator","d":"This React component renders a visually appealing loading indicator using CSS animations.  It features customizable size, colors, spin and squeeze durations, and allows for styling","s":"21st","c":"status/loader","a":"uniquesonu","u":15,"pl":"https://cdn.21st.dev/uniquesonu/loading-indicator/default/preview.1785303709476-7eebf280-b591-4baf-b037-6d3211224a8e.png","pc":"uniquesonu","sb":"Spinners"},{"id":"21st:uniquesonu__mac-os-dock","t":"Mac os dock","d":"This React component renders a customizable dock with icons that dynamically adjust their size and position based on mouse hover interactions.  It uses CSS variables and utility fu","s":"21st","c":"navigation/dock","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/mac-os-dock/default/preview.1754942029444.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__mastercard-component","t":"Mastercard component","d":"$38","s":"21st","c":"data-display/card","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/mastercard-component/default/preview.1752934712758.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__metric-card","t":"Metric card","d":"$41","s":"21st","c":"data-display/stat","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/metric-card/default/preview.1753133062987.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__metric-card-1","t":"Metric card 1","s":"21st","c":"data-display/stat","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/metric-card-1/default/preview.1760603069633.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__moder-login-form","t":"Moder login form","d":"$3e","s":"21st","c":"flows/sign-in","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/moder-login-form/default/preview.1756904683025.png","pc":"uniquesonu","sb":"Sign in"},{"id":"21st:uniquesonu__modern-animated-hero-section","t":"Modern animated hero section","d":"$3e","k":"section","s":"21st","c":"marketing/hero","a":"uniquesonu","u":176,"pl":"https://cdn.21st.dev/uniquesonu/modern-animated-hero-section/default/preview.1749716233660.png","pc":"uniquesonu","sb":"Animated background"},{"id":"21st:uniquesonu__modern-animated-multi-words","t":"Modern animated multi words","d":"Modern animated multi words","k":"motion","s":"21st","c":"motion/text-effect","a":"uniquesonu","u":34,"pl":"https://cdn.21st.dev/uniquesonu/modern-animated-multi-words/default/preview.1752958760146.png","pc":"uniquesonu","sb":"Rotating words"},{"id":"21st:uniquesonu__modern-background-paths","t":"Modern background paths","d":"$40","k":"motion","s":"21st","c":"motion/background","a":"uniquesonu","u":143,"pl":"https://cdn.21st.dev/uniquesonu/modern-background-paths/default/preview.1749808726815.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__modern-button","t":"Modern button","s":"21st","c":"actions/button","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/modern-button/default/preview.1754132150499.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__modern-faq-section","t":"Modern faq section","k":"section","s":"21st","c":"marketing/faq","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/modern-faq-section/default/preview.1753135303594.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__modern-hero","t":"Modern hero","d":"$3b","k":"section","s":"21st","c":"marketing/hero","a":"uniquesonu","u":183,"pl":"https://cdn.21st.dev/uniquesonu/modern-hero/default/preview.1749761339917.png","pc":"uniquesonu","tg":["gallery"]},{"id":"21st:uniquesonu__modern-hero-component","t":"Modern hero component","d":"$41","k":"section","s":"21st","c":"marketing/hero","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/modern-hero-component/default/preview.1749809372930.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__modern-hero-section","t":"Modern hero section","d":"$3b","k":"section","s":"21st","c":"marketing/hero","a":"uniquesonu","u":43,"pl":"https://cdn.21st.dev/uniquesonu/modern-hero-section/default/preview.1785530021620-6aef38f7-ddae-45f9-ab41-49f822d6883f.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__modern-hero-section-1","t":"Modern hero section 1","d":"MinimalHeroSection – Interactive AI-Powered Hero Banner\nA visually rich and interactive hero section built with React and Tailwind CSS, featuring an SVG-based animated background t","k":"section","s":"21st","c":"marketing/hero","a":"uniquesonu","u":38,"pl":"https://cdn.21st.dev/uniquesonu/modern-hero-section-1/default/preview.1754811110213.png","pc":"uniquesonu","tg":["ai-chat"],"sb":"SaaS and AI"},{"id":"21st:uniquesonu__modern-pricing-section","t":"Modern pricing section","k":"section","s":"21st","c":"marketing/pricing","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/modern-pricing-section/default/preview.1752911866913.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__news-letter","t":"News letter","s":"21st","c":"motion/text-effect","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/news-letter/default/preview.1753135716166.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__next-gen-pagination-accessible","t":"Next gen pagination accessible","s":"21st","c":"navigation/pagination","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/next-gen-pagination-accessible/default/preview.1758874797186.png","pc":"uniquesonu","tg":["list","navigation-menu","pagination"]},{"id":"21st:uniquesonu__next-gen-security-c-ard","t":"Next gen security c ard","d":"$3a","s":"21st","c":"other","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/next-gen-security-c-ard/default/preview.1752956708587.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__notification-system","t":"Notification system","d":"$3e","s":"21st","c":"overlays/notifications","a":"uniquesonu","st":"rated","pl":"https://cdn.21st.dev/uniquesonu/notification-system/default/preview.1758569768417.png","pc":"uniquesonu","sc":18},{"id":"21st:uniquesonu__otp-input-component","t":"Otp input component","d":"$3b","s":"21st","c":"inputs/otp-input","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/otp-input-component/default/preview.1758546212668.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__parallax-scrolling-text-effect","t":"Parallax scrolling text effect","d":"$3b","k":"motion","s":"21st","c":"motion/text-effect","a":"uniquesonu","u":29,"pl":"https://cdn.21st.dev/uniquesonu/parallax-scrolling-text-effect/default/preview.1756984012053.png","pc":"uniquesonu","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:uniquesonu__pixel-art-image-component","t":"Pixel art image component","d":"$3b","s":"21st","c":"media/gallery","a":"uniquesonu","u":15,"pl":"https://cdn.21st.dev/uniquesonu/pixel-art-image-component/default/preview.1785304593913-1f295f1d-1f03-4399-8ad1-0f023b77c42e.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__pricing-cards-component","t":"Pricing cards component","d":"$3a","k":"section","s":"21st","c":"marketing/pricing","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/pricing-cards-component/default/preview.1756633197469.png","pc":"uniquesonu","sb":"Plan cards"},{"id":"21st:uniquesonu__pricing-section","t":"Pricing section","d":"$38","k":"section","s":"21st","c":"marketing/pricing","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/pricing-section/default/preview.1752913105274.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__pricing-section-neomorphism","t":"Pricing section neomorphism","d":"$39","k":"section","s":"21st","c":"marketing/pricing","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/pricing-section-neomorphism/default/preview.1752912166024.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__progress-bar","t":"Progress bar","d":"$3c","s":"21st","c":"data-viz/progress-bar","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/progress-bar/default/preview.1759257141821.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__quick-actions","t":"Quick actions","d":"Quick actions for the admin pannel","s":"21st","c":"other","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/quick-actions/default/preview.1759393805527.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__radial-animated-doodle","t":"Radial animated doodle","s":"21st","c":"data-viz/gauge","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/radial-animated-doodle/default/preview.1785363650014-4104f7e7-0ee9-4074-823e-3228e5fd119e.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__resource-cards","t":"Resource cards","d":"Resource limit and utilization","s":"21st","c":"data-display/card","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/resource-cards/default/preview.1759497914000.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__rotating-planes-animation","t":"Rotating planes animation","d":"This code implements a self-contained React component that renders a 3D animation of rotating planes.  It uses inline styles, CSS variables, and keyframes defined within the compon","s":"21st","c":"other","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/rotating-planes-animation/default/preview.1755181155469.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__rotating-testimonial-slider","t":"Rotating testimonial slider","d":"$3c","s":"21st","c":"inputs/slider","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/rotating-testimonial-slider/default/preview.1757684973065.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__sale-status-admin","t":"Sale status admin","s":"21st","c":"data-display/stat","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/sale-status-admin/default/preview.1753010511710.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__shimmer-button","t":"Shimmer button","d":"This React component renders a customizable button with various visual enhancements, including a 3D effect, hover animations, and a unique shimmer effect triggered by mouse movemen","s":"21st","c":"actions/button","a":"uniquesonu","u":7,"pl":"https://cdn.21st.dev/uniquesonu/shimmer-button/default/preview.1754996043874.png","pc":"uniquesonu","sb":"Animated"},{"id":"21st:uniquesonu__sidebar","t":"Sidebar","d":"Business-Ready Interface:\n\nReal-time stats cards with trend indicators\nActivity feed with categorized actions and timestamps\nQuick action buttons with color-coded categories\nCompre","s":"21st","c":"navigation/sidebar","a":"uniquesonu","u":46,"pl":"https://cdn.21st.dev/uniquesonu/sidebar/default/preview.1749655107868.png","pc":"uniquesonu","tg":["dashboard","navigation-menu","profile","sidebar"]},{"id":"21st:uniquesonu__sidebar-1","t":"Sidebar 1","d":"sidebar for the dashboard","s":"21st","c":"navigation/sidebar","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/sidebar-1/default/preview.1759395189987.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__skeleton","t":"Skeleton","d":"skeleton bar","s":"21st","c":"status/skeleton","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/skeleton/default/preview.1759258461657.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__slide-tabs","t":"Slide tabs","d":"$34","s":"21st","c":"navigation/tabs","a":"uniquesonu","u":47,"pl":"https://cdn.21st.dev/uniquesonu/slide-tabs/default/preview.1752673473116.png","pc":"uniquesonu","tg":["tabs"]},{"id":"21st:uniquesonu__sparkles-moving-hero-section","t":"Sparkles moving hero section","d":"This React component, SparklesCore, renders customizable particle animations using the tsParticles library.  It offers various configuration options for particle size, color, speed","k":"section","s":"21st","c":"marketing/hero","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/sparkles-moving-hero-section/default/preview.1755950613099.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__spinning-box","t":"Spinning box","d":"$3f","s":"21st","c":"other","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/spinning-box/default/preview.1749726043087.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__split-button","t":"Split button","s":"21st","c":"actions/button","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/split-button/default/preview.1759498943801.png","pc":"uniquesonu","sb":"Groups and split"},{"id":"21st:uniquesonu__squishy-card-component","t":"Squishy card component","d":"$3b","s":"21st","c":"data-display/card","a":"uniquesonu","u":32,"pl":"https://cdn.21st.dev/uniquesonu/squishy-card-component/default/preview.1757683913830.png","pc":"uniquesonu","tg":["pricing-section"],"sb":"Pricing"},{"id":"21st:uniquesonu__staggered-dropdown","t":"Staggered dropdown","d":"Staggered Dropdown: ","s":"21st","c":"navigation/menu","a":"uniquesonu","st":"rated","pl":"https://cdn.21st.dev/uniquesonu/staggered-dropdown/default/preview.1766298727892.png","pc":"uniquesonu","sc":17,"sb":"Dropdowns"},{"id":"21st:uniquesonu__suffle-hero","t":"Suffle hero","d":"$3b","k":"section","s":"21st","c":"marketing/hero","a":"uniquesonu","u":26,"pl":"https://cdn.21st.dev/uniquesonu/suffle-hero/default/preview.1749762726100.png","pc":"uniquesonu","tg":["cta","gallery"]},{"id":"21st:uniquesonu__switcher","t":"Switcher","d":"Environment Switcher Demo (Dashboard Header Element)","s":"21st","c":"actions/switch","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/switcher/default/preview.1759498568617.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__table-controls","t":"Table controls","d":"Table Controls Demo (Simulated Selection)","s":"21st","c":"data-display/table","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/table-controls/default/preview.1759321134313.png","pc":"uniquesonu","tg":["search"]},{"id":"21st:uniquesonu__text-parallax-content-scroll","t":"Text parallax content scroll","d":"$3d","k":"motion","s":"21st","c":"motion/text-effect","a":"uniquesonu","u":221,"pl":"https://cdn.21st.dev/uniquesonu/text-parallax-content-scroll/default/preview.1749763214821.png","pc":"uniquesonu","sb":"Reveal and entrance"},{"id":"21st:uniquesonu__time-range-selector","t":"Time range selector","s":"21st","c":"inputs/slider","a":"uniquesonu","st":"rated","pl":"https://cdn.21st.dev/uniquesonu/time-range-selector/default/preview.1760091773099.png","pc":"uniquesonu","sc":23},{"id":"21st:uniquesonu__unique-loader-components","t":"Unique loader components","d":"This code implements five different loading animation components using React and the Framer Motion library. Each component features unique visual styles and animation patterns to p","s":"21st","c":"status/loader","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/unique-loader-components/default/preview.1755260265206.png","pc":"uniquesonu","sb":"Spinners"},{"id":"21st:uniquesonu__uploader","t":"Uploader","d":"Upload New Asset","s":"21st","c":"inputs/file-upload","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/uploader/default/preview.1760092587342.png","pc":"uniquesonu"},{"id":"21st:uniquesonu__user-controls","t":"User controls","d":"User controls","s":"21st","c":"other","a":"uniquesonu","st":"rated","pl":"https://cdn.21st.dev/uniquesonu/user-controls/default/preview.1759400845363.png","pc":"uniquesonu","sc":22},{"id":"21st:uniquesonu__user-impersonation","t":"User impersonation","d":"User Impersonation","s":"21st","c":"other","a":"uniquesonu","st":"rated","pl":"https://cdn.21st.dev/uniquesonu/user-impersonation/default/preview.1759402420553.png","pc":"uniquesonu","sc":23},{"id":"21st:uniquesonu__user-role-permissions","t":"User role permissions","s":"21st","c":"other","a":"uniquesonu","st":"rated","pl":"https://cdn.21st.dev/uniquesonu/user-role-permissions/default/preview.1760591155455.png","pc":"uniquesonu","sc":23},{"id":"21st:uniquesonu__user-status","t":"User status","s":"21st","c":"data-display/stat","a":"uniquesonu","st":"rated","pl":"https://cdn.21st.dev/uniquesonu/user-status/default/preview.1759499345706.png","pc":"uniquesonu","sc":19},{"id":"21st:uniquesonu__water-glass-loading-animation","t":"Water glass loading animation","d":"This React component renders a visually appealing water glass loading animation.  It displays a glass filling with water, representing the loading progress, along with customizable","s":"21st","c":"status/loader","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/water-glass-loading-animation/default/preview.1755180485541.png","pc":"uniquesonu","sb":"Spinners"},{"id":"21st:uniquesonu__weight-and-bmi-tracking-widget","t":"Weight and bmi tracking widget","d":"This React component displays a customizable weight and BMI tracking widget.  It features an animated bar graph visualizing weight or BMI data over time against a user-defined thre","s":"21st","c":"data-display/card","a":"uniquesonu","pl":"https://cdn.21st.dev/uniquesonu/weight-and-bmi-tracking-widget/default/preview.1755178397192.png","pc":"uniquesonu","sb":"Feature"},{"id":"21st:univolveit__jelly-fish","t":"Jelly fish","d":"Jelly fish effect","k":"section","s":"21st","c":"marketing/hero","a":"univolveit","u":14,"pl":"https://cdn.21st.dev/univolveit/jelly-fish/default/preview.1783326955746.png","pc":"univolveit","tg":["hero","text"],"sb":"Centered and minimal"},{"id":"21st:unlumen__animate-count","t":"Animate count","d":"An animated number display that transitions between values with a blur and slide effect for counters and metrics.","s":"21st","c":"motion/number-ticker","a":"unlumen","pl":"https://cdn.21st.dev/unlumen/animate-count/default/preview.1784355310790-497c10c9-49e5-425b-a013-b3902cb05464.png","pc":"unlumen","tg":["number"]},{"id":"21st:unlumen__animate-digits","t":"Animate digits","d":"A number display where each digit blur-slides on change, animating only the digits that actually change — ideal for timers, counters, and live metrics.","s":"21st","c":"motion/number-ticker","a":"unlumen","pl":"https://cdn.21st.dev/unlumen/animate-digits/default/preview.1784284788831-76432d1d-ea59-401e-bbe8-11849a9b44cb.png","pc":"unlumen","tg":["number"]},{"id":"21st:unlumen__animate-text-input-typing","t":"Animate text input typing","d":"An animated text input and textarea with per-character motion effects and a smooth custom cursor overlay, supporting multiple animation presets, cursor variants, and input styles.","k":"motion","s":"21st","c":"motion/text-effect","a":"unlumen","pl":"https://cdn.21st.dev/unlumen/animate-text-input-typing/default/preview.1784681170812-39df5545-3fe1-4a91-a2f6-ffbf39080682.png","pc":"unlumen","sb":"Typewriter"},{"id":"21st:unlumen__aurora-bars","t":"Aurora bars","d":"An animated bar visualizer with aurora-inspired gradient colors and organic sine-wave motion.","k":"motion","s":"21st","c":"motion/gradient","a":"unlumen","pl":"https://cdn.21st.dev/unlumen/aurora-bars/default/preview.1784824063637-04ea43c1-47af-4ec6-96cb-ac6036e87644.png","pc":"unlumen"},{"id":"21st:unlumen__aurora-blur","t":"Aurora blur","d":"An animated WebGL aurora borealis shader layer that drifts softly behind your content as a background.","k":"motion","s":"21st","c":"motion/background","a":"unlumen","pl":"https://cdn.21st.dev/unlumen/aurora-blur/default/preview.1785316208681-e4387d20-c15e-44bc-bbdc-2aecbadce298.png","pc":"unlumen","sb":"Gradients and aurora"},{"id":"21st:unlumen__count-up","t":"Count up","d":"An animated number counter that springs to its target value when it enters the viewport, with support for decimals, thousands separators, count direction, and per-digit slide, fade","k":"motion","s":"21st","c":"motion/number-ticker","a":"unlumen","u":10,"pl":"https://cdn.21st.dev/unlumen/count-up/default/preview.1784354297145-e0f233b1-2265-483b-a513-9d21626a0db1.png","pc":"unlumen","tg":["number","stat"]},{"id":"21st:unlumen__cursor-image-trail","t":"Cursor image trail","d":"An interactive effect that spawns a trail of images or icons following the cursor with spring-physics fade, scale, and rotation.","s":"21st","c":"media/gallery","a":"unlumen","pl":"https://cdn.21st.dev/unlumen/cursor-image-trail/default/preview.1784707453117-b56de847-3bbc-43c5-af09-cf92ebfa85e9.png","pc":"unlumen","tg":["cursor"]},{"id":"21st:unlumen__glow","t":"Glow","d":"A button with an animated conic-gradient glow layer behind it, supporting rotate, pulse, breathe, color-shift, flow and static glow modes.","k":"motion","s":"21st","c":"motion/background","a":"unlumen","pl":"https://cdn.21st.dev/unlumen/glow/default/preview.1783582106897.png","pc":"unlumen","sb":"Gradients and aurora"},{"id":"21st:unlumen__highlight","t":"Highlight","d":"An animated highlight component that tracks active or hovered elements with smooth spring animations, supporting parent and children modes.","s":"21st","c":"navigation/tabs","a":"unlumen","u":145,"pl":"https://cdn.21st.dev/unlumen/highlight/default/preview.1783571206493.png","pc":"unlumen","tg":["tabs"]},{"id":"21st:unlumen__horizontal-depth-fade","t":"Horizontal depth fade","d":"A scroll-driven horizontal image strip that keeps the centered image in sharp focus while blurring, dimming and desaturating the others for a cinematic depth-of-field effect.","s":"21st","c":"layout/scroll-area","a":"unlumen","pl":"https://cdn.21st.dev/unlumen/horizontal-depth-fade/default/preview.1784707467770-31666188-59ec-4157-b341-51bb2daef502.png","pc":"unlumen","tg":["gallery","scroll-area"]},{"id":"21st:unlumen__motion-navigation-menu","t":"Motion navigation menu","d":"An animated navigation menu with a single morphing dropdown container, a layout-animated active pill, and direction-aware spring content transitions.","s":"21st","c":"navigation/top-nav","a":"unlumen","u":18,"pl":"https://cdn.21st.dev/unlumen/motion-navigation-menu/default/preview.1784755148866-77928b7e-c32a-40b4-bffd-c7181a0fb5b5.png","pc":"unlumen","tg":["dropdown","menu","navigation-menu"],"sb":"Mega menus"},{"id":"21st:unlumen__pixel-liquid-bg","t":"Pixel liquid bg","d":"An interactive full-screen fluid simulation background with pixelation and dithering that reacts to cursor movement.","k":"motion","s":"21st","c":"motion/background","a":"unlumen","u":6,"pl":"https://cdn.21st.dev/unlumen/pixel-liquid-bg/default/preview.1783579767710.png","pc":"unlumen","tg":["background"],"sb":"Waves and warps"},{"id":"21st:unlumen__primitives-animate-files","t":"Primitives animate files","d":"Composable, unstyled file-tree primitives with an animated hover highlight, spring folder expand and collapse, and an animated open/close folder icon swap.","s":"21st","c":"data-display/tree","a":"unlumen","st":"rated","pl":"https://cdn.21st.dev/unlumen/primitives-animate-files/default/preview.1784272116860-ebc82076-aad6-468f-9837-141b58351dd5.png","pc":"unlumen","tg":["file-tree"],"sc":18},{"id":"21st:unlumen__scroll-reveal-image","t":"Scroll reveal image","d":"A scroll-driven image that expands its width, zooms out, and animates its border radius with spring physics as it enters the viewport.","s":"21st","c":"media/gallery","a":"unlumen","pl":"https://cdn.21st.dev/unlumen/scroll-reveal-image/default/preview.1786707519211-39e02536-38df-43bb-93a2-4bf129a4cc02.png","pc":"unlumen","sb":"Scroll"},{"id":"21st:unlumen__side-by-side-slide","t":"Side by side slide","d":"An image comparison slider with a spring-animated divider that follows the cursor on hover to reveal before/after images.","s":"21st","c":"inputs/slider","a":"unlumen","pl":"https://cdn.21st.dev/unlumen/side-by-side-slide/default/preview.1783574970384.png","pc":"unlumen","tg":["slider"]},{"id":"21st:unlumen__sidebar-001","t":"Sidebar 001","d":"Animated vertical sidebar navigation with a spring hover highlight, an animated active indicator bar, collapsible groups, per-item dash accents, and drag-to-resize.","s":"21st","c":"navigation/sidebar","a":"unlumen","u":8,"pl":"https://cdn.21st.dev/unlumen/sidebar-001/default/preview.1784797106739-2620364d-d932-466f-9370-ecdcf7289b63.png","pc":"unlumen","tg":["menu","navigation-menu","sidebar"]},{"id":"21st:unlumen__tag","t":"Tag","d":"Rounded outlined tag with a colored icon, six built-in pastel color variants, size options, and an animated stacked group layout.","s":"21st","c":"data-display/badge","a":"unlumen","u":2,"pl":"https://cdn.21st.dev/unlumen/tag/default/preview.1784681544258-059faba2-ae61-4c2a-8e73-fed59e83060b.png","pc":"unlumen","sb":"Tags and pills"},{"id":"21st:unlumen__vertical-marquee","t":"Vertical marquee","d":"Two columns of tweet cards scrolling vertically in opposite directions with a progressive fade at the top and bottom edges.","k":"motion","s":"21st","c":"motion/marquee","a":"unlumen","u":2,"pl":"https://cdn.21st.dev/unlumen/vertical-marquee/default/preview.1785537606329-89f537ee-e2b0-4c1f-bf96-85c1fa57074f.png","pc":"unlumen"},{"id":"21st:unlumen__video-ambient","t":"Video ambient","d":"A video player card that projects a blurred, color-matched ambient glow behind the video like YouTube's ambient mode.","s":"21st","c":"media/player","a":"unlumen","pl":"https://cdn.21st.dev/unlumen/video-ambient/default/preview.1783720099015.png","pc":"unlumen","tg":["video"]},{"id":"21st:up714279__anatomy-button","t":"Anatomy button","d":"A simple blue button that reveals a detailed anatomy breakdown with labels and highlights when hovered, turning into an interactive educational graphic.","s":"21st","c":"actions/button","a":"up714279","pl":"https://cdn.21st.dev/up714279/anatomy-button/default/preview.1755198935297.png","pc":"up714279"},{"id":"21st:up714279__beach-click","t":"Beach click","d":"a button which has a beache theme with hover effect revealing the sea","s":"21st","c":"actions/button","a":"up714279","pl":"https://cdn.21st.dev/up714279/beach-click/default/preview.1755210818771.png","pc":"up714279"},{"id":"21st:up714279__buynow-button","t":"Buynow button","d":"A “Buy Now” button that reveals a price tag tooltip above it when hovered, giving users instant pricing info.","s":"21st","c":"actions/button","a":"up714279","pl":"https://cdn.21st.dev/up714279/buynow-button/default/preview.1755200050584.png","pc":"up714279"},{"id":"21st:up714279__credits-button","t":"Credits button","d":"A purple gradient “Credits” button with a lightning icon that plays a zap-like reanimation effect when clicked for extra visual impact.","s":"21st","c":"actions/button","a":"up714279","pl":"https://cdn.21st.dev/up714279/credits-button/default/preview.1755200676165.png","pc":"up714279"},{"id":"21st:up714279__delete-button","t":"Delete button","s":"21st","c":"actions/button","a":"up714279","pl":"https://cdn.21st.dev/up714279/delete-button/default/preview.1755200313389.png","pc":"up714279"},{"id":"21st:up714279__explore-button","t":"Explore button","d":"this is a explore button which animates on hover effect","s":"21st","c":"actions/button","a":"up714279","pl":"https://cdn.21st.dev/up714279/explore-button/default/preview.1755195712616.png","pc":"up714279"},{"id":"21st:up714279__github-button","t":"Github button","s":"21st","c":"actions/button","a":"up714279","pl":"https://cdn.21st.dev/up714279/github-button/default/preview.1755197324442.png","pc":"up714279","sb":"Social and sign-in"},{"id":"21st:up714279__gradient-buttons","t":"Gradient buttons","d":"Rounded gradient buttons with arrow icons that transform into square shapes when clicked, adding a dynamic, interactive feel.","s":"21st","c":"actions/button","a":"up714279","pl":"https://cdn.21st.dev/up714279/gradient-buttons/default/preview.1755197595257.png","pc":"up714279","sb":"Animated"},{"id":"21st:up714279__hover-blocks","t":"Hover blocks","d":"A blue “HOVER” button that, on hover, animates into a black-and-white theme while changing its text to the word “WORLD” in a dynamic transition.","s":"21st","c":"actions/button","a":"up714279","pl":"https://cdn.21st.dev/up714279/hover-blocks/default/preview.1755199673314.png","pc":"up714279","sb":"Animated"},{"id":"21st:up714279__jelly-button","t":"Jelly button","d":"$3c","s":"21st","c":"actions/button","a":"up714279","pl":"https://cdn.21st.dev/up714279/jelly-button/default/preview.1755197842862.png","pc":"up714279"},{"id":"21st:up714279__microsoft-button","t":"Microsoft button","d":"A Microsoft-style badge button with a subtle animated shadow that creates a 3D pop-out effect, making it feel more tactile and clickable.","s":"21st","c":"actions/button","a":"up714279","pl":"https://cdn.21st.dev/up714279/microsoft-button/default/preview.1755198314676.png","pc":"up714279"},{"id":"21st:up714279__mystery-button","t":"Mystery button","d":"This is a yellow pixelated question block button. When clicked, it shoots a bullet upward.","s":"21st","c":"actions/button","a":"up714279","pl":"https://cdn.21st.dev/up714279/mystery-button/default/preview.1755201122297.png","pc":"up714279"},{"id":"21st:up714279__plant-button","t":"Plant button","s":"21st","c":"actions/button","a":"up714279","pl":"https://cdn.21st.dev/up714279/plant-button/default/preview.1755196787257.png","pc":"up714279"},{"id":"21st:up714279__pow-button","t":"Pow button","d":"$3e","s":"21st","c":"actions/button","a":"up714279","pl":"https://cdn.21st.dev/up714279/pow-button/default/preview.1755198519170.png","pc":"up714279"},{"id":"21st:up714279__smooth-animation-button","t":"Smooth animation button","d":"A sleek, rounded rectangular button with a neon green border and text, dark curved side accents, and a smooth color transition on hover.","s":"21st","c":"actions/button","a":"up714279","pl":"https://cdn.21st.dev/up714279/smooth-animation-button/default/preview.1755196159763.png","pc":"up714279"},{"id":"21st:up714279__welcome-sahara-button","t":"Welcome sahara button","d":"this glossy red button starts with the text WELCOME and when left-clicked, the text changes to SAHARA.","s":"21st","c":"actions/button","a":"up714279","pl":"https://cdn.21st.dev/up714279/welcome-sahara-button/default/preview.1755201717730.png","pc":"up714279"},{"id":"21st:up714279__winner-badge","t":"Winner badge","d":"A gold trophy badge that on hover reveals a mini profile card with the user’s rank, name, and score.","s":"21st","c":"data-display/badge","a":"up714279","pl":"https://cdn.21st.dev/up714279/winner-badge/default/preview.1755210540058.png","pc":"up714279"},{"id":"21st:uplusion23__color-picker","t":"Color picker","d":"A @shadcn-ui compatible color picker using @uiw/react-color","s":"21st","c":"inputs/color-picker","a":"uplusion23","u":261,"pl":"https://cdn.21st.dev/user_2sJvZteIoXOE3zRBOXYWYrPOAgv/color-picker/default/preview.1738226144946.png","pc":"uplusion23","tg":["dropdown"]},{"id":"21st:urmauur__file-card-collections","t":"File card collections","s":"21st","c":"data-display/card","a":"urmauur","u":49,"pl":"https://cdn.21st.dev/urmauur/file-card-collections/default/preview.1776005744862.png","pc":"urmauur","tg":["badge","card","icon","upload-download"]},{"id":"21st:urmauur__folder-components","t":"Folder components","d":"A folder icon component with a frosted glass front flap, stacked document peek, and smooth spring hover animation that fans the papers open. Pick from 6 color themes via the prop. ","s":"21st","c":"assets/icon","a":"urmauur","st":"rated","u":11,"pl":"https://cdn.21st.dev/urmauur/folder-components/default/preview.1776437887887.png","pc":"urmauur","tg":["icon"],"sc":16},{"id":"21st:user_hardp__sparkle-card","t":"Sparkle card","d":"Here is Sparkle Card component","s":"21st","c":"data-display/card","a":"user_hardp","u":15,"pl":"https://cdn.21st.dev/larsen66/sparkle-card/default/preview.1756881531607.png","pc":"user_hardp","tg":["card"]},{"id":"21st:user_hardp__suggestive-search","t":"Suggestive search","d":"Here is Suggestive Search component","s":"21st","c":"inputs/search","a":"user_hardp","u":81,"pl":"https://cdn.21st.dev/larsen66/suggestive-search/default/preview.1756881852934.png","pc":"user_hardp","tg":["search"]},{"id":"21st:user_hardp__switch-button","t":"Switch button","d":"Here is Switch Button component","s":"21st","c":"actions/button","a":"user_hardp","u":30,"pl":"https://cdn.21st.dev/larsen66/switch-button/default/preview.1756883788767.png","pc":"user_hardp","tg":["button","icon","toggle"],"sb":"Icon buttons"},{"id":"21st:user_hardp__user-avatars","t":"User avatars","d":"Here is User Avatars","s":"21st","c":"data-display/avatar","a":"user_hardp","u":20,"pl":"https://cdn.21st.dev/larsen66/user-avatars/default/preview.1756881761584.png","pc":"user_hardp","tg":["team"]},{"id":"21st:user_xn1cklas__news-search","t":"News search","d":"Here is News Search component","s":"21st","c":"inputs/search","a":"user_xn1cklas","u":13,"pl":"https://cdn.21st.dev/larsen66/news-search/default/preview.1757008471637.png","pc":"user_xn1cklas","tg":["list","search"]},{"id":"21st:user_xn1cklas__public-stats","t":"Public stats","d":"Here is Public Stats component","s":"21st","c":"data-display/stat","a":"user_xn1cklas","u":23,"pl":"https://cdn.21st.dev/larsen66/public-stats/default/preview.1757007880664.png","pc":"user_xn1cklas","tg":["data-visualization"]},{"id":"21st:user_xn1cklas__qr-code-generator","t":"Qr code generator","d":"Here is QR Code Generator component","s":"21st","c":"data-display/code-block","a":"user_xn1cklas","pl":"https://cdn.21st.dev/larsen66/qr-code-generator/default/preview.1757008959225.png","pc":"user_xn1cklas"},{"id":"21st:user_xn1cklas__weather-card","t":"Weather card","d":"Here is Weather Card component","s":"21st","c":"data-display/card","a":"user_xn1cklas","u":47,"pl":"https://cdn.21st.dev/larsen66/weather-card/default/preview.1757008326833.png","pc":"user_xn1cklas","tg":["card","dashboard"]},{"id":"21st:usopp2324__sa7bi","t":"Sa7bi","d":"Animated (shimmer) ASCII art in the Dither style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, ca","k":"motion","s":"21st","c":"motion/ascii","a":"usopp2324","pl":"https://cdn.21st.dev/usopp2324/sa7bi/default/preview.1784947824046-1ba24acd-db4e-44f9-a95a-daf1a69e90b1.webp","pc":"usopp2324","sb":"Dither"},{"id":"21st:utilcn__download-file","t":"Download file","d":"A button that downloads a file from a storage provider using a presigned download URL.","s":"21st","c":"inputs/file-upload","a":"utilcn","pl":"https://cdn.21st.dev/utilcn/download-file/default/preview.1784473896058-739fefac-ed49-45c6-8f0b-61ad6af5c365.png","pc":"utilcn"},{"id":"21st:utilcn__upload-multiple-files","t":"Upload multiple files","d":"A drag-and-drop dropzone to upload multiple files to a storage provider, with per-file previews and upload progress via a presigned upload URL.","s":"21st","c":"inputs/file-upload","a":"utilcn","pl":"https://cdn.21st.dev/utilcn/upload-multiple-files/default/preview.1784753900711-f1b5d0f9-51c6-4108-9cad-279e14c211a6.png","pc":"utilcn","tg":["progress","upload-download"]},{"id":"21st:utkarsh-singhal-26__orbit-chron-clock","t":"Orbit chron clock","d":"OrbitChron visualizes time through orbiting elements, where each unit of time (hours, minutes, seconds) follows its own path around a central axis. This design brings a sense of mo","k":"layout","s":"21st","c":"layout/dashboard","a":"utkarsh-singhal-26","pl":"https://cdn.21st.dev/user_2rZg7JIUpaVAo8JyYudQQyLnwss/orbit-chron-clock/orbit-chron-demo/preview.png","pc":"utkarsh-singhal-26"},{"id":"21st:utxo-detective__x-logo","t":"X logo","k":"resource","s":"21st","c":"assets/logo","a":"utxo-detective","pl":"https://cdn.21st.dev/user_2tj6wdW3xQrJo1KTdxybzjUd1wI/x-logo/default/preview.png","pc":"utxo-detective"},{"id":"21st:uvaishmohamedn__folder-card","t":"Folder card","d":"A folder-shaped media card. A cover sits behind a folder panel notched over it, title and subtitle in the tab, stats along the bottom. On hover the panel slides down to reveal the ","s":"21st","c":"data-display/card","a":"uvaishmohamedn","pl":"https://cdn.21st.dev/uvaishmohamedn/folder-card/default/preview.1788958158362-eafdc443-08a3-454c-ad09-94da128c79b7.webp","pc":"uvaishmohamedn"},{"id":"21st:uvaishmohamedn__kanban-board","t":"Kanban board","s":"21st","c":"data-display/kanban","a":"uvaishmohamedn","pl":"https://cdn.21st.dev/uvaishmohamedn/kanban-board/default/preview.1789031759729-b80b4a24-f370-4c2f-8793-a6b835296345.jpg","pc":"uvaishmohamedn"},{"id":"21st:uvcanvas__xenon-component","t":"Xenon component","d":"Here is Xenon component","k":"motion","s":"21st","c":"motion/background","a":"uvcanvas","pl":"https://cdn.21st.dev/larsen66/xenon-component/default/preview.1756837485378.png","pc":"uvcanvas","tg":["background"]},{"id":"21st:vaib215__3d-floating-phone","t":"3d floating phone","d":"Use this 3d floating phone to showcase your website or application features. Dark and light mode compatible","k":"section","s":"21st","c":"marketing/features","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/3d-floating-phone/default/preview.1753044206573.png","pc":"vaib215"},{"id":"21st:vaib215__3d-gallery-photography","t":"3d gallery photography","d":"Modern sleek 3D slideshow that showcases a photo gallery created with v0, react three fiber, webgl","s":"21st","c":"media/gallery","a":"vaib215","u":149,"pl":"https://cdn.21st.dev/vaib215/3d-gallery-photography/default/preview.1760814200340.png","pc":"vaib215","tg":["gallery"],"sb":"Hover effects"},{"id":"21st:vaib215__3d-orb","t":"3d orb","d":"Use this color-changing 3d orb in your site to give it a Hi-fi vibes","s":"21st","c":"ai-agent/ai-agent","a":"vaib215","u":20,"pl":"https://cdn.21st.dev/vaib215/3d-orb/default/preview.1753136168320.png","pc":"vaib215","tg":["globe"],"sb":"Orbs and presence"},{"id":"21st:vaib215__accordion-with-picture","t":"Accordion with picture","d":"Use this in your faqs","s":"21st","c":"data-display/accordion","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/accordion-with-picture/default/preview.1753046230811.png","pc":"vaib215","sb":"Cards"},{"id":"21st:vaib215__adaptive-pricing-section","t":"Adaptive pricing section","d":"A theme-adaptive pricing component that maintains stunning visual appeal in both light and dark modes. Features glassmorphism cards, gradient elements, and proper contrast ratios f","k":"section","s":"21st","c":"marketing/pricing","a":"vaib215","u":29,"pl":"https://cdn.21st.dev/vaib215/adaptive-pricing-section/default/preview.1756417098525.png","pc":"vaib215","tg":["pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:vaib215__animated-ascii-letter-hero","t":"Animated ascii letter hero","d":"Stunning animated ASCII art by entering your custom text and watching it come to life. Easily update the displayed text through an intuitive modal interface, and enjoy a dynamic vi","k":"section","s":"21st","c":"marketing/hero","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/animated-ascii-letter-hero/default/preview.1760817408879.png","pc":"vaib215","sb":"Animated background"},{"id":"21st:vaib215__animated-hero","t":"Animated hero","d":"A fullscreen hero section featuring a dynamic, theme-aware canvas background animation. Ideal for impactful landing pages and product showcases.","k":"section","s":"21st","c":"marketing/hero","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/animated-hero/default/preview.1755278215314.png","pc":"vaib215","sb":"Animated background"},{"id":"21st:vaib215__auth-form","t":"Auth form","d":"Grid Auth Form Used While Sign in or Sign up","s":"21st","c":"flows/sign-in","a":"vaib215","st":"rated","u":114,"pl":"https://cdn.21st.dev/user_2rV0b4mwh6SKrMK7lUyQUkzEa92/auth-form/default/preview.1741335708712.png","pc":"vaib215","tg":["sign-in"],"sc":18,"sb":"Sign up"},{"id":"21st:vaib215__bento-pricing-component","t":"Bento pricing component","d":"A responsive pricing section displaying multiple subscription plans in a bento-style grid layout, featuring a monthly/yearly billing toggle, highlighted \"most popular\" plan, and cu","k":"section","s":"21st","c":"marketing/pricing","a":"vaib215","u":16,"pl":"https://cdn.21st.dev/vaib215/bento-pricing-component/default/preview.1756024107978.png","pc":"vaib215","tg":["pricing-section","table","toggle"],"sb":"Comparison tables"},{"id":"21st:vaib215__bubble-text","t":"Bubble text","d":"Add some bubbliness in your text with this","k":"motion","s":"21st","c":"motion/text-effect","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/bubble-text/default/preview.1753134466924.png","pc":"vaib215"},{"id":"21st:vaib215__cal-com-calendar-ui","t":"Cal com calendar ui","d":"The popular Calendar UI replica from cal.com","s":"21st","c":"data-display/calendar","a":"vaib215","st":"rated","pl":"https://cdn.21st.dev/vaib215/cal-com-calendar-ui/default/preview.1759690906250.png","pc":"vaib215","sc":23},{"id":"21st:vaib215__category-list","t":"Category list","d":"An interactive and theme-adaptive list component used to display and navigate through different categories or features. Each item provides visual feedback on hover, revealing more ","s":"21st","c":"data-display/list","a":"vaib215","u":170,"pl":"https://cdn.21st.dev/vaib215/category-list/default/preview.1754939785531.png","pc":"vaib215","tg":["features","list","navigation-menu"]},{"id":"21st:vaib215__color-change-card","t":"Color change card","d":"This is an animated card component that uses framer motion and has a color-changing animation on hover. Use for feature sections.","s":"21st","c":"data-display/card","a":"vaib215","u":86,"pl":"https://cdn.21st.dev/vaib215/color-change-card/default/preview.1754249731593.png","pc":"vaib215","tg":["features","grid","image"],"sb":"Feature"},{"id":"21st:vaib215__cosmos-3d-orbit-gallery","t":"Cosmos 3d orbit gallery","d":"hero section that showcases a 3d orbit of images and particles resembling the cosmos","s":"21st","c":"media/gallery","a":"vaib215","u":53,"pl":"https://cdn.21st.dev/vaib215/cosmos-3d-orbit-gallery/default/preview.1760815255516.png","pc":"vaib215","tg":["gallery"],"sb":"Hover effects"},{"id":"21st:vaib215__cute-ui-buttons","t":"Cute ui buttons","d":"Add some 🥰 cuteness to your site with cute ui. You're gonna love it.","s":"21st","c":"actions/button","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/cute-ui-buttons/default/preview.1752904065964.png","pc":"vaib215"},{"id":"21st:vaib215__dark-gradient-pricing","t":"Dark gradient pricing","d":"A pricing table component with a glass effect and animated cards, perfect for displaying tiered pricing plans and feature comparisons.\n\nFeatures\n- Responsive design with mobile-fir","k":"section","s":"21st","c":"marketing/pricing","a":"vaib215","u":454,"pl":"https://cdn.21st.dev/user_2rV0b4mwh6SKrMK7lUyQUkzEa92/dark-gradient-pricing.png","pc":"vaib215","tg":["comparison","pricing-section"],"sb":"Comparison tables"},{"id":"21st:vaib215__dynamic-frames","t":"Dynamic frames","d":"Add some dynamicity to your website with these dynamic frame layouts","s":"21st","c":"other","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/dynamic-frames/default/preview.1753175693082.png","pc":"vaib215"},{"id":"21st:vaib215__emoji-feedback-form","t":"Emoji feedback form","d":"The component features smooth animations, hover effects, and a polished design with gradient backgrounds. It includes a rating system with emoji reactions, an optional feedback tex","s":"21st","c":"inputs/form-field","a":"vaib215","st":"rated","pl":"https://cdn.21st.dev/vaib215/emoji-feedback-form/default/preview.1761993280445.png","pc":"vaib215","sc":18,"sb":"Whole forms"},{"id":"21st:vaib215__event-manager","t":"Event manager","s":"21st","c":"inputs/date-picker","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/event-manager/default/preview.1760640393494.png","pc":"vaib215","tg":["calendar"]},{"id":"21st:vaib215__expanding-cards","t":"Expanding cards","d":"An interactive, responsive card grid where one card expands on hover, focus, or click to reveal its content, while the others collapse. It is fully responsive, transitioning from a","s":"21st","c":"data-display/card","a":"vaib215","u":87,"pl":"https://cdn.21st.dev/vaib215/expanding-cards/default/preview.1755290296595.png","pc":"vaib215","tg":["gallery","grid","image"]},{"id":"21st:vaib215__faq-tabs","t":"Faq tabs","d":"Replace the boring accordion with these cool animated ones.","s":"21st","c":"navigation/tabs","a":"vaib215","u":216,"pl":"https://cdn.21st.dev/vaib215/faq-tabs/default/preview.1753044916341.png","pc":"vaib215","tg":["accordion","faq","tabs"]},{"id":"21st:vaib215__feedback-modal","t":"Feedback modal","d":"A polished feedback modal component with an enhanced UI that takes inspiration from the Mixpanel design. The component features smooth animations, a clean layout with thumbs up/dow","s":"21st","c":"overlays/dialog","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/feedback-modal/default/preview.1761999166552.png","pc":"vaib215"},{"id":"21st:vaib215__flip-links","t":"Flip links","d":"Get your site some awwwards level link hover animation with pure css, no framer motion.","s":"21st","c":"actions/link","a":"vaib215","u":111,"pl":"https://cdn.21st.dev/vaib215/flip-links/default/preview.1749853959211.png","pc":"vaib215","tg":["link"]},{"id":"21st:vaib215__flow-hover-button","t":"Flow hover button","d":"Add some smooth sleek button hover animation to your site without any external dependencies, just pure tailwind css.","s":"21st","c":"actions/button","a":"vaib215","u":94,"pl":"https://cdn.21st.dev/vaib215/flow-hover-button/default/preview.1753997090588.png","pc":"vaib215","sb":"Animated"},{"id":"21st:vaib215__hero-with-product-mockup","t":"Hero with product mockup","d":"Showcase your product in front of users and shine","k":"section","s":"21st","c":"marketing/hero","a":"vaib215","u":39,"pl":"https://cdn.21st.dev/vaib215/hero-with-product-mockup/default/preview.1753822142444.png","pc":"vaib215","tg":["dashboard","cta"],"sb":"With product shot"},{"id":"21st:vaib215__hover-button","t":"Hover button","d":"Hover Button with some nice animation","s":"21st","c":"actions/button","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/hover-button/default/preview.1752954310551.png","pc":"vaib215","sb":"Animated"},{"id":"21st:vaib215__hover-link-card","t":"Hover link card","d":"Replace all your brand cards with these amazing animated hover cards made with framer motion","s":"21st","c":"actions/link","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/hover-link-card/default/preview.1749854758203.png","pc":"vaib215"},{"id":"21st:vaib215__hover-testimonial-card","t":"Hover testimonial card","d":"A sophisticated testimonial card component featuring smooth hover animations, supporter avatars grid, and elegant typography. Perfect for showcasing customer feedback with visual i","k":"section","s":"21st","c":"marketing/testimonials","a":"vaib215","u":27,"pl":"https://cdn.21st.dev/vaib215/hover-testimonial-card/default/preview.1756415750335.png","pc":"vaib215","tg":["testimonials"]},{"id":"21st:vaib215__link-shortner","t":"Link shortner","d":"A sleek link shortner component with transform animations","s":"21st","c":"actions/link","a":"vaib215","u":16,"pl":"https://cdn.21st.dev/vaib215/link-shortner/default/preview.1755889753700.png","pc":"vaib215","tg":["link"]},{"id":"21st:vaib215__liquid-glass-button","t":"Liquid glass button","d":"Experience the liquid glass in your application with this UI Component.","s":"21st","c":"actions/button","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/liquid-glass-button/default/preview.1752909730547.png","pc":"vaib215","sb":"Animated"},{"id":"21st:vaib215__lms-course-video-player","t":"Lms course video player","d":"Get an amazing lms course video player. Integrate this in your learning website and go live instantly. Videojs powered video player included with theme aware ui,","s":"21st","c":"media/player","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/lms-course-video-player/default/preview.1759753711482.png","pc":"vaib215"},{"id":"21st:vaib215__logo-particles","t":"Logo particles","d":"Make your brand logo stand apart with this amazing scatter on hover particle animation.","k":"resource","s":"21st","c":"assets/logo","a":"vaib215","u":32,"pl":"https://cdn.21st.dev/vaib215/logo-particles/default/preview.1753428014191.png","pc":"vaib215"},{"id":"21st:vaib215__neo-brutalism","t":"Neo brutalism","d":"Get some boldness into your site with neobrutalism","s":"21st","c":"other","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/neo-brutalism/default/preview.1752903585279.png","pc":"vaib215"},{"id":"21st:vaib215__particle-background-hero","t":"Particle background hero","d":"A bold, aesthetic-driven venture capital brand experience built for the modern web. This combines immersive shaders and WebGL-powered particle systems to create a financial brand p","k":"motion","s":"21st","c":"motion/background","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/particle-background-hero/default/preview.1760816774739.png","pc":"vaib215","sb":"Particles and stars"},{"id":"21st:vaib215__pixeleted-404-not-found","t":"Pixeleted 404 not found","d":"$39","k":"page","s":"21st","c":"pages/templates","a":"vaib215","u":122,"pl":"https://cdn.21st.dev/vaib215/pixeleted-404-not-found/default/preview.1760644786287.png","pc":"vaib215","sb":"Error and status pages"},{"id":"21st:vaib215__pricing-section","t":"Pricing section","d":"A comprehensive, responsive pricing section component that replicates modern SaaS pricing layouts. Features three-tier pricing cards with customizable badges, feature lists with ch","k":"section","s":"21st","c":"marketing/pricing","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/pricing-section/default/preview.1756416616111.png","pc":"vaib215"},{"id":"21st:vaib215__pricing-table","t":"Pricing table","d":"A comprehensive pricing section component featuring four customizable pricing tiers with support for monthly/annual billing toggles, credit selection dropdowns, feature lists with ","k":"section","s":"21st","c":"marketing/pricing","a":"vaib215","u":41,"pl":"https://cdn.21st.dev/vaib215/pricing-table/default/preview.1760601385946.png","pc":"vaib215","tg":["pricing-section","table"],"sb":"Comparison tables"},{"id":"21st:vaib215__pricing-trial-modal","t":"Pricing trial modal","d":"A sophisticated pricing trial modal component with a dark theme inspired by Riverside's interface. The component features a split layout with pricing plans on the left (including r","s":"21st","c":"overlays/dialog","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/pricing-trial-modal/default/preview.1762058811371.png","pc":"vaib215"},{"id":"21st:vaib215__reddit-nested-thread-reply","t":"Reddit nested thread reply","d":"A responsive and theme-adaptive, Reddit-style nested comment system. It supports voting, replying, collapsing threads, and adding new comments, built with shadcn/ui components.","s":"21st","c":"data-display/tree","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/reddit-nested-thread-reply/default/preview.1755468699183.png","pc":"vaib215","tg":["avatar","file-tree"]},{"id":"21st:vaib215__seo-research-landing","t":"Seo research landing","d":"Modern dark-themed SEO research tool landing page with data tables, glassmorphic Ul, and gradient accents","s":"21st","c":"data-display/table","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/seo-research-landing/default/preview.1760562063999.png","pc":"vaib215"},{"id":"21st:vaib215__shiny-card","t":"Shiny card","d":"An amazing animated card to use in your app","s":"21st","c":"data-display/card","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/shiny-card/default/preview.1752954756655.png","pc":"vaib215"},{"id":"21st:vaib215__shopping-cart","t":"Shopping cart","d":"A comprehensive UI component for displaying items in a shopping cart, allowing users to adjust quantities, remove items, and view a detailed cost summary.","s":"21st","c":"other","a":"vaib215","u":50,"pl":"https://cdn.21st.dev/vaib215/shopping-cart/default/preview.1755785328626.png","pc":"vaib215"},{"id":"21st:vaib215__shuffle-grid","t":"Shuffle grid","d":"An eye-catching presentation element which you can use to showcase your clients, users, features or whatever you like.","k":"section","s":"21st","c":"marketing/hero","a":"vaib215","u":268,"pl":"https://cdn.21st.dev/vaib215/shuffle-grid/default/preview.1774359471023.png","pc":"vaib215","tg":["cta","gallery","hero"],"sb":"With product shot"},{"id":"21st:vaib215__smooth-scroll-parallax-effect","t":"Smooth scroll parallax effect","d":"Get a nice landing page with smooth scroll with lenis and parallax effect","k":"layout","s":"21st","c":"layout/scroll-area","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/smooth-scroll-parallax-effect/default/preview.1753045633329.png","pc":"vaib215"},{"id":"21st:vaib215__spinning-logos","t":"Spinning logos","d":"Give some movements to those boring logos of your clients or users and bring that landing page to life. No framer motion used.","k":"resource","s":"21st","c":"assets/logo","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/spinning-logos/default/preview.1748205787929.png","pc":"vaib215"},{"id":"21st:vaib215__squishy-pricing","t":"Squishy pricing","d":"No more boring pricing component, bring some \"framer\" motion to your pricing component to make it stand out.","k":"section","s":"21st","c":"marketing/pricing","a":"vaib215","u":72,"pl":"https://cdn.21st.dev/vaib215/squishy-pricing/default/preview.1749448006135.png","pc":"vaib215","tg":["pricing-section"]},{"id":"21st:vaib215__stack-overflow-q-a-interface","t":"Stack overflow q a interface","k":"section","s":"21st","c":"marketing/faq","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/stack-overflow-q-a-interface/default/preview.1755469909092.png","pc":"vaib215"},{"id":"21st:vaib215__stagger-testimonials","t":"Stagger testimonials","d":"Testimonial Component that stands apart from the boring boxes of quotes. Dark mode compatible, no frame motion used.","k":"section","s":"21st","c":"marketing/testimonials","a":"vaib215","u":867,"pl":"https://cdn.21st.dev/user_2rV0b4mwh6SKrMK7lUyQUkzEa92/stagger-testimonials/default/preview.1748453527935.png","pc":"vaib215","tg":["carousel","testimonials"]},{"id":"21st:vaib215__step-based-onboarding-flow","t":"Step based onboarding flow","d":"A multi-step user onboarding component with Zod validation, progress tracking, and a delightful completion animation. Features include field validation, error handling, confetti ce","s":"21st","c":"navigation/wizard-steps","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/step-based-onboarding-flow/default/preview.1760726940176.png","pc":"vaib215"},{"id":"21st:vaib215__todo-task-management","t":"Todo task management","d":"A very minimal, yet functional, animated todo component that will catch user's attention.","s":"21st","c":"inputs/checkbox","a":"vaib215","st":"rated","pl":"https://cdn.21st.dev/vaib215/todo-task-management/default/preview.1760728587098.png","pc":"vaib215","tg":["checkbox","list"],"sc":23},{"id":"21st:vaib215__twitter-tweet-composer","t":"Twitter tweet composer","d":"A feature-rich, animated tweet composer with character limits, thread creation, auto-resizing textareas, and modern UI interactions","s":"21st","c":"ai-agent/composer","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/twitter-tweet-composer/default/preview.1756059087186.png","pc":"vaib215"},{"id":"21st:vaib215__velocity-text","t":"Velocity text","d":"Bring some fluid & motion physics to your text to make it feel real. A framer motion enhanced spring animation for text on scroll.","k":"motion","s":"21st","c":"motion/text-effect","a":"vaib215","u":29,"pl":"https://cdn.21st.dev/vaib215/velocity-text/default/preview.1749447572541.png","pc":"vaib215"},{"id":"21st:vaib215__web-ide-online-code-editor","t":"Web ide online code editor","s":"21st","c":"inputs/textarea","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/web-ide-online-code-editor/default/preview.1760559007380.png","pc":"vaib215"},{"id":"21st:vaib215__wet-paint-button","t":"Wet paint button","d":"Add some liquid (not glass) to your ui with this amazing wet paint button.","s":"21st","c":"actions/button","a":"vaib215","pl":"https://cdn.21st.dev/vaib215/wet-paint-button/default/preview.1753943861761.png","pc":"vaib215"},{"id":"21st:varunjat640__auth-eye","t":"Auth eye","s":"21st","c":"flows/sign-in","a":"varunjat640","pl":"https://cdn.21st.dev/varunjat640/auth-eye/default/preview.1761421022544.png","pc":"varunjat640","sb":"Sign in"},{"id":"21st:vercel-crawled__actions","t":"Actions","s":"21st","c":"data-display/empty-state","a":"vercel-crawled","pl":"https://21st.dev/@vercel-crawled/components/actions","pc":"vercel-crawled"},{"id":"21st:vercel-crawled__announcement","t":"Announcement","d":"Announcement in Sidebar","k":"section","s":"21st","c":"marketing/announcement","a":"vercel-crawled","u":54,"pl":"https://21st.dev/@vercel-crawled/components/announcement","pc":"vercel-crawled","tg":["announcement","sidebar"]},{"id":"21st:vercel-crawled__code-block","t":"Code block","k":"motion","s":"21st","c":"motion/text-effect","a":"vercel-crawled","pl":"https://21st.dev/@vercel-crawled/components/code-block","pc":"vercel-crawled"},{"id":"21st:vercel-crawled__conversation","t":"Conversation","s":"21st","c":"ai-agent/ai-agent","a":"vercel-crawled","pl":"https://21st.dev/@vercel-crawled/components/conversation","pc":"vercel-crawled","tg":["ai-chat"],"sb":"Chat"},{"id":"21st:vercel-crawled__inline-citation","t":"Inline citation","s":"21st","c":"ai-agent/ai-agent","a":"vercel-crawled","pl":"https://21st.dev/@vercel-crawled/components/inline-citation","pc":"vercel-crawled","tg":["ai-chat","carousel","link"],"sb":"Sources"},{"id":"21st:vercel-crawled__loader","t":"Loader","s":"21st","c":"status/loader","a":"vercel-crawled","pl":"https://21st.dev/@vercel-crawled/components/loader","pc":"vercel-crawled","tg":["spinner"],"sb":"Spinners"},{"id":"21st:vercel-crawled__message","t":"Message","s":"21st","c":"ai-agent/ai-agent","a":"vercel-crawled","pl":"https://21st.dev/@vercel-crawled/components/message","pc":"vercel-crawled","tg":["ai-chat","avatar"],"sb":"Chat"},{"id":"21st:vercel-crawled__promt-input","t":"Promt input","s":"21st","c":"inputs/form-field","a":"vercel-crawled","pl":"https://21st.dev/@vercel-crawled/components/promt-input","pc":"vercel-crawled","tg":["textarea"]},{"id":"21st:vercel-crawled__sources","t":"Sources","s":"21st","c":"ai-agent/composer","a":"vercel-crawled","pl":"https://21st.dev/@vercel-crawled/components/sources","pc":"vercel-crawled","tg":["ai-chat"]},{"id":"21st:vercel-crawled__suggestion","t":"Suggestion","s":"21st","c":"data-display/badge","a":"vercel-crawled","pl":"https://21st.dev/@vercel-crawled/components/suggestion","pc":"vercel-crawled","tg":["ai-chat","chip"],"sb":"Tags and pills"},{"id":"21st:vercel-crawled__task","t":"Task","s":"21st","c":"ai-agent/composer","a":"vercel-crawled","pl":"https://21st.dev/@vercel-crawled/components/task","pc":"vercel-crawled","tg":["ai-chat"]},{"id":"21st:victorwelander__expandable-tabs","t":"Expandable tabs","d":"A set of expandable tabs that show both icon and text when selected. Tabs animate smoothly to expand or collapse on click, and clicking outside collapses any open tab.\n\nFeatures\n- ","s":"21st","c":"navigation/tabs","a":"victorwelander","u":2176,"pl":"https://cdn.21st.dev/user_victorwelander/expandable-tabs.png","pc":"victorwelander","tg":["tabs"]},{"id":"21st:victorwelander__gooey-text-morphing","t":"Gooey text morphing","k":"motion","s":"21st","c":"motion/text-effect","a":"victorwelander","pl":"https://cdn.21st.dev/user_victorwelander/gooey-text-morphing.png","pc":"victorwelander","tg":["text"],"sb":"Rotating words"},{"id":"21st:victorwelander__nested-dialog","t":"Nested dialog","d":"$34","s":"21st","c":"overlays/dialog","a":"victorwelander","st":"rated","u":137,"pl":"https://cdn.21st.dev/user_victorwelander/nested-dialog.png","pc":"victorwelander","tg":["modal","radio-group"],"sc":20},{"id":"21st:victorwelander__upgrade-banner","t":"Upgrade banner","d":"An animated promotional banner component with floating gear icons and hover effects. Inspired by Vercel's upgrade prompts.\n\nFeatures\n- Smooth entrance animation\n- Interactive float","s":"21st","c":"overlays/alert-banner","a":"victorwelander","u":210,"pl":"https://cdn.21st.dev/user_victorwelander/upgrade-banner.png","pc":"victorwelander","tg":["announcement"]},{"id":"21st:vilseekumar__caustics-shader","t":"Caustics shader","d":"Animated WebGL shader background in the Caustics style. Generated by the 21st.dev Shader Builder. 4-color palette (#001219, #005F73, #94D2BD, #E9D8A6). A drop-in, zero-dependency R","k":"motion","s":"21st","c":"motion/shader","a":"vilseekumar","pl":"https://cdn.21st.dev/vilseekumar/caustics-shader/default/preview.1785611725013-fe9651ea-f57f-4cb9-9d9b-9cbc5c459296.webp","pc":"vilseekumar"},{"id":"21st:vilseekumar__waves-shader","t":"Waves shader","d":"Animated WebGL shader background in the Waves style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#03192","k":"motion","s":"21st","c":"motion/shader","a":"vilseekumar","pl":"https://cdn.21st.dev/vilseekumar/waves-shader/default/preview.1785611744702-43cbc147-6325-4ccd-974f-77293c2e31f5.webp","pc":"vilseekumar","sb":"Waves"},{"id":"21st:vinicius.possato__agents-odyssey","t":"Agents odyssey","d":"Animated (flicker) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. Styled with a terminal look. A drop-in, zero-dependency React co","k":"motion","s":"21st","c":"motion/ascii","a":"vinicius.possato","pl":"https://cdn.21st.dev/vinicius.possato/agents-odyssey/default/preview.1786501250978-695bdffb-7f37-4571-8358-173e45934c04.webp","pc":"vinicius.possato","sb":"Characters"},{"id":"21st:vinny_b0b96136__arch-gallery","t":"Arch gallery","d":"Fanned photo arch with center-forward stacking; hover lifts a card and scales it up.","s":"21st","c":"media/gallery","a":"vinny_b0b96136","pl":"https://cdn.21st.dev/vinny_b0b96136/arch-gallery/default/preview.1786569665296-77f5e280-d113-43b5-b72f-22fda8ebcb91.png","pc":"vinny_b0b96136","tg":["gallery","image"]},{"id":"21st:viterna__2-gradient","t":"2 gradient","d":"Pure CSS gradient background in the Core Glow style, made with the 21st.dev Gradient Builder. 4-color palette (#A8F0C8, #34B2D7, #345CB5, #121519). Features: vignette. A drop-in, z","k":"motion","s":"21st","c":"motion/gradient","a":"viterna","pl":"https://cdn.21st.dev/viterna/2-gradient/default/preview.1785745556297-19427e63-b705-4f08-9c79-f6e0b69ce260.png","pc":"viterna","sb":"Core Glow"},{"id":"21st:viterna__blue-viterna","t":"Blue viterna","d":"Pure CSS gradient background in the Core Glow style, made with the 21st.dev Gradient Builder. 4-color palette (#F7F3FF, #9BB8F0, #5E5CC0, #1B1740). Features: vignette. A drop-in, z","k":"motion","s":"21st","c":"motion/gradient","a":"viterna","pl":"https://cdn.21st.dev/viterna/blue-viterna/default/preview.1785745547396-1c172a87-e612-494a-8a56-ef38ed214221.png","pc":"viterna","sb":"Core Glow"},{"id":"21st:vnantes__shader-state","t":"Shader state","d":"Animated WebGL shader background in the Mesh drift style, generated by the 21st.dev Shader Builder. 4-color palette (#0B1026, #3D46E8, #B18CFF, #FFD6E7). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"vnantes","pl":"https://cdn.21st.dev/vnantes/shader-state/default/preview.1784292404083-fd269f73-4b2e-4451-8a05-5e5738973889.webp","pc":"vnantes","sb":"Mesh drift"},{"id":"21st:vodichka.vldk__dark","t":"Dark","d":"Animated WebGL shader background in the Orb style, generated by the 21st.dev Shader Builder. 4-color palette (#685012, #4F5214, #5B023F, #481717). Features: high intensity. A drop-","k":"motion","s":"21st","c":"motion/shader","a":"vodichka.vldk","u":5,"pl":"https://cdn.21st.dev/vodichka.vldk/dark/default/preview.1783831657299.webp","pc":"vodichka.vldk","sb":"Orb"},{"id":"21st:vodichka.vldk__reptile-smoke","t":"Reptile smoke","d":"Animated WebGL shader background in the Mesh drift style, generated by the 21st.dev Shader Builder. 4-color palette (#0D1B0F, #3E8E41, #C7F464, #FFFDE1). Features: cursor-reactive ","k":"motion","s":"21st","c":"motion/shader","a":"vodichka.vldk","u":7,"pl":"https://cdn.21st.dev/vodichka.vldk/reptile-smoke/default/preview.1783831602258.webp","pc":"vodichka.vldk","tg":["cursor"],"sb":"Mesh drift"},{"id":"21st:voxlet-ui__button-download","t":"Button download","d":"Here is download button component","s":"21st","c":"actions/button","a":"voxlet-ui","u":56,"pl":"https://cdn.21st.dev/larsen66/button-download/default/preview.1750167943742.png","pc":"voxlet-ui","sb":"Loading and states"},{"id":"21st:voxlet-ui__flip-coin-button","t":"Flip coin button","d":"Here is flip coin button component","s":"21st","c":"actions/button","a":"voxlet-ui","pl":"https://cdn.21st.dev/larsen66/flip-coin-button/default/preview.1750168079194.png","pc":"voxlet-ui","tg":["button"]},{"id":"21st:voxlet-ui__magic-wand","t":"Magic wand","d":"Here is magic wand component","s":"21st","c":"media/gallery","a":"voxlet-ui","pl":"https://cdn.21st.dev/larsen66/magic-wand/default/preview.1750167517164.png","pc":"voxlet-ui","tg":["gallery"]},{"id":"21st:voxlet-ui__space-box","t":"Space box","d":"Here is space box animated component","k":"motion","s":"21st","c":"motion/marquee","a":"voxlet-ui","u":11,"pl":"https://cdn.21st.dev/larsen66/space-box/default/preview.1750167618510.png","pc":"voxlet-ui","tg":["marquee"]},{"id":"21st:voxlet-ui__tube-light-navbar","t":"Tube light navbar","d":"Here is tube light navbar comopnent","s":"21st","c":"navigation/top-nav","a":"voxlet-ui","u":47,"pl":"https://cdn.21st.dev/larsen66/tube-light-navbar/default/preview.1750167745717.png","pc":"voxlet-ui","tg":["navigation-menu"],"sb":"Mega menus"},{"id":"21st:w9ptt__asd","t":"Asd","d":"Pure CSS gradient background in the Axis Blend style, made with the 21st.dev Gradient Builder. 2-color palette (#000428, #004E92). Features: soft blur finish. A drop-in, zero-depen","k":"motion","s":"21st","c":"motion/gradient","a":"w9ptt","pl":"https://cdn.21st.dev/w9ptt/asd/default/preview.1786557346291-c88e381e-6bb5-48dc-b5ad-0eed3b61705c.webp","pc":"w9ptt","sb":"Axis Blend"},{"id":"21st:waleedkibhen__404-page-error","t":"404 page error","d":"A clean, production-ready 404 / Not Found page for React/Next/Vite projects. Built with Tailwind CSS and Lucide icons, it ships with a floating animated hero, buttery-smooth micro-","k":"page","s":"21st","c":"pages/templates","a":"waleedkibhen","pl":"https://cdn.21st.dev/waleedkibhen/404-page-error/default/preview.1758743218032.png","pc":"waleedkibhen","tg":["button","empty-state","toggle"],"sb":"Error and status pages"},{"id":"21st:waleedkibhen__electric-shader","t":"Electric shader","k":"motion","s":"21st","c":"motion/shader","a":"waleedkibhen","pl":"https://cdn.21st.dev/waleedkibhen/electric-shader/default/preview.1757497300375.png","pc":"waleedkibhen"},{"id":"21st:waleedkibhen__generating-loader","t":"Generating loader","s":"21st","c":"status/loader","a":"waleedkibhen","pl":"https://cdn.21st.dev/waleedkibhen/generating-loader/default/preview.1757269297357.png","pc":"waleedkibhen","sb":"Spinners"},{"id":"21st:waleedkibhen__glassmorphism-debit-credit","t":"Glassmorphism debit credit","d":"A modern credit card UI component with a glassmorphism effect, floating animated blue light orbs, and a sleek dark background. Fully responsive and built using Tailwind CSS and Rea","k":"motion","s":"21st","c":"motion/background","a":"waleedkibhen","pl":"https://cdn.21st.dev/waleedkibhen/glassmorphism-debit-credit/default/preview.1748947531193.png","pc":"waleedkibhen"},{"id":"21st:waleedkibhen__glow-button","t":"Glow button","d":"A clean glowing button that pops off the screen. On hover, a subtle glare slides across the surface, giving it that shiny, futuristic vibe. It also reacts with a soft press animati","s":"21st","c":"actions/button","a":"waleedkibhen","u":187,"pl":"https://cdn.21st.dev/waleedkibhen/glow-button/default/preview.1755775445815.png","pc":"waleedkibhen","tg":["cta"],"sb":"Animated"},{"id":"21st:waleedkibhen__gradient-bar-hero-section","t":"Gradient bar hero section","d":"$34","k":"section","s":"21st","c":"marketing/hero","a":"waleedkibhen","u":113,"pl":"https://cdn.21st.dev/user_2wXKnbD82Toyddx7d1YSlQ8DuJ5/gradient-bar-hero-section/default/preview.1748390499759.png","pc":"waleedkibhen","sb":"Animated background"},{"id":"21st:waleedkibhen__gradient-bars-background","t":"Gradient bars background","d":"A stunning, fully customizable animated gradient bars background component for modern React applications. Perfect for hero sections, landing pages, and eye-catching website backgro","k":"motion","s":"21st","c":"motion/background","a":"waleedkibhen","u":75,"pl":"https://cdn.21st.dev/waleedkibhen/gradient-bars-background/default/preview.1785451492973-edd1a410-2b09-4fcd-a29d-ee5f00543999.png","pc":"waleedkibhen","sb":"Grids and patterns"},{"id":"21st:waleedkibhen__image-auto-slider","t":"Image auto slider","d":"A smooth looping image slider that shows different nature scenes one after the other. The images gently slide from left to right in a continuous flow. Great for adding a calm and m","s":"21st","c":"inputs/slider","a":"waleedkibhen","u":505,"pl":"https://cdn.21st.dev/waleedkibhen/image-auto-slider/default/preview.1748609265160.png","pc":"waleedkibhen","tg":["carousel","gallery","marquee","slider"]},{"id":"21st:waleedkibhen__matrix-code-rain","t":"Matrix code rain","d":"A fully customizable Matrix code rain animation with a settings menu that lets you change the font size speed density and color of the falling code. Smooth flowing and perfect for ","s":"21st","c":"layout/bento-grid","a":"waleedkibhen","u":32,"pl":"https://cdn.21st.dev/waleedkibhen/matrix-code-rain/default/preview.1785458045364-96652c19-5955-47ff-b411-be98eddb0e2c.png","pc":"waleedkibhen"},{"id":"21st:waleedkibhen__portfolio-hero","t":"Portfolio hero","d":"Animated Portfolio Hero Section - Bold Name with Profile Image Overlay\nA striking, modern portfolio hero component featuring animated blur-in text effects and a profile image overl","k":"section","s":"21st","c":"marketing/hero","a":"waleedkibhen","u":234,"pl":"https://cdn.21st.dev/user_2wXKnbD82Toyddx7d1YSlQ8DuJ5/portfolio-hero/default/preview.1786400523912.webp","pc":"waleedkibhen","tg":["hero","profile"]},{"id":"21st:waleedkibhen__profile-card","t":"Profile card","d":"A sleek, modern profile card UI showcasing a user’s name, avatar, username, and recent activity time. Includes a call-to-action button to add the member. Designed with rounded corn","s":"21st","c":"data-display/profile","a":"waleedkibhen","u":64,"pl":"https://cdn.21st.dev/waleedkibhen/profile-card/default/preview.1749188269633.png","pc":"waleedkibhen","tg":["profile"]},{"id":"21st:waleedkibhen__progressive-blur-card","t":"Progressive blur card","d":"Progressive Blur Card\nA clean and modern card component with a smooth progressive blur effect that makes images pop while keeping text perfectly readable. Great for travel apps, po","s":"21st","c":"data-display/card","a":"waleedkibhen","u":27,"pl":"https://cdn.21st.dev/waleedkibhen/progressive-blur-card/default/preview.1756586621938.png","pc":"waleedkibhen","tg":["image"]},{"id":"21st:waleedkibhen__reading-text-reveal","t":"Reading text reveal","d":"A beautiful scroll-based text reveal component for React that progressively highlights words as you scroll. Perfect for storytelling, landing pages, and engaging narratives. Featur","k":"motion","s":"21st","c":"motion/text-effect","a":"waleedkibhen","u":17,"pl":"https://cdn.21st.dev/waleedkibhen/reading-text-reveal/default/preview.1761742819399.png","pc":"waleedkibhen","tg":["scroll-area"],"sb":"Reveal and entrance"},{"id":"21st:waleedkibhen__retro-grid","t":"Retro grid","d":"\nA stunning animated retro grid component with customizable colors, scanlines, and neon glow effects. Perfect for synthwave, vaporwave, and cyberpunk UI designs. Features smooth 3D","s":"21st","c":"layout/bento-grid","a":"waleedkibhen","u":45,"pl":"https://cdn.21st.dev/waleedkibhen/retro-grid/default/preview.1761127939074.png","pc":"waleedkibhen","tg":["grid"]},{"id":"21st:waleedkibhen__saa-s-template","t":"Saa s template","d":"Modern Hero Section with Navigation - Dark Theme Landing Page Component\nA sleek, production-ready hero section with fixed navigation bar, perfect for SaaS landing pages and modern ","k":"page","s":"21st","c":"pages/templates","a":"waleedkibhen","u":353,"pl":"https://cdn.21st.dev/waleedkibhen/saa-s-template/default/preview.1760472833620.png","pc":"waleedkibhen","tg":["announcement","dashboard","hero"],"sb":"Dashboards"},{"id":"21st:waleedkibhen__silk-background-animation","t":"Silk background animation","d":"flowing silk background animation, animated hero section, react background animation, three.js shader hero background, css background animation fallback, glsl web background, reali","k":"motion","s":"21st","c":"motion/background","a":"waleedkibhen","u":213,"pl":"https://cdn.21st.dev/waleedkibhen/silk-background-animation/default/preview.1749585145102.png","pc":"waleedkibhen"},{"id":"21st:waleedkibhen__spotlight-button","t":"Spotlight button","d":"A modern and minimal bottom navigation bar with smooth spotlight effects on hover. Simple icons and subtle motion give it a polished feel that's perfect for clean UI designs.","s":"21st","c":"actions/button","a":"waleedkibhen","u":63,"pl":"https://cdn.21st.dev/waleedkibhen/spotlight-button/default/preview.1748618532533.png","pc":"waleedkibhen","tg":["dock"]},{"id":"21st:waleedkibhen__tech-hero","t":"Tech hero","k":"section","s":"21st","c":"marketing/hero","a":"waleedkibhen","pl":"https://cdn.21st.dev/waleedkibhen/tech-hero/default/preview.1758476089090.png","pc":"waleedkibhen"},{"id":"21st:waleedkibhen__underline-hero-section","t":"Underline hero section","d":"This sleek hero section showcases a modern SaaS landing page that immediately captures attention. The bold headline \"A Simple Hero For Your SaaS Success\" features elegant typograph","k":"section","s":"21st","c":"marketing/hero","a":"waleedkibhen","u":62,"pl":"https://cdn.21st.dev/waleedkibhen/underline-hero-section/default/preview.1759671673115.png","pc":"waleedkibhen","tg":["cta","hero"]},{"id":"21st:warren__blue-gold-mesh","t":"Blue gold mesh","d":"Animated WebGL shader background in the Mesh drift style, generated by the 21st.dev Shader Builder. 4-color palette (#FFBF00, #050514, #F3B007, #2600FB). Features: cursor-reactive ","k":"motion","s":"21st","c":"motion/shader","a":"warren","u":6,"pl":"https://cdn.21st.dev/warren/blue-gold-mesh/default/preview.1784209568739-6d9593b8-928f-4f9b-b3dd-efc17b6a6262.webp","pc":"warren","tg":["cursor"],"sb":"Mesh drift"},{"id":"21st:wasifgee0012__pre-loader","t":"Pre loader","s":"21st","c":"status/loader","a":"wasifgee0012","pl":"https://cdn.21st.dev/wasifgee0012/pre-loader/default/preview.1760615044113.png","pc":"wasifgee0012","sb":"Spinners"},{"id":"21st:wasifgee0012__social-links","t":"Social links","d":"A fully responsive and theme-aware social media links component that displays a vertical sidebar on desktop and a floating expandable dock on mobile.\nEach link is styled with platf","s":"21st","c":"actions/link","a":"wasifgee0012","u":36,"pl":"https://cdn.21st.dev/wasifgee0012/social-links/default/preview.1760594172007.png","pc":"wasifgee0012","tg":["dock","link","sidebar"]},{"id":"21st:wastetoken47__copperpatina-tsx","t":"Copperpatina tsx","d":"Webgl Background with subtle movement","k":"motion","s":"21st","c":"motion/background","a":"wastetoken47","pl":"https://cdn.21st.dev/wastetoken47/copperpatina-tsx/default/preview.1767300367941.png","pc":"wastetoken47"},{"id":"21st:wastetoken47__shadergen-tsx","t":"Shadergen tsx","d":"a 3d webgl generator ","s":"21st","c":"motion/background","a":"wastetoken47","pl":"https://cdn.21st.dev/wastetoken47/shadergen-tsx/default/preview.1767305110985.png","pc":"wastetoken47","sb":"Shaders and WebGL"},{"id":"21st:wecr8cr8__dd","t":"Dd","d":"Animated (flicker) ASCII art in the Hexagons style, made with the 21st ASCII editor and baked to a looping video. Styled with a neon look. A drop-in, zero-dependency React componen","k":"motion","s":"21st","c":"motion/ascii","a":"wecr8cr8","pl":"https://cdn.21st.dev/wecr8cr8/dd/default/preview.1786449051088-91287a24-5839-4359-8d2e-0c83d32cf68e.webp","pc":"wecr8cr8"},{"id":"21st:weesl__wesley-agan","t":"Wesley agan","d":"a small tooken","s":"21st","c":"other","a":"weesl","pl":"https://cdn.21st.dev/weesl/wesley-agan/default/preview.1748782193347.png","pc":"weesl"},{"id":"21st:weesl__wessley-agan","t":"Wessley agan","d":"this is a cursor splashy effect","k":"motion","s":"21st","c":"motion/cursor","a":"weesl","pl":"https://cdn.21st.dev/weesl/wessley-agan/default/preview.1748782568921.png","pc":"weesl"},{"id":"21st:whyte25__animated-review-card","t":"Animated review card","d":"Here is Animated Review Card components","k":"section","s":"21st","c":"marketing/testimonials","a":"whyte25","u":16,"pl":"https://cdn.21st.dev/larsen66/animated-review-card/default/preview.1756781837436.png","pc":"whyte25","tg":["avatar","carousel","border","testimonials"]},{"id":"21st:whyte25__floating-elements","t":"Floating elements","d":"Here is Floating Elements component","k":"section","s":"21st","c":"marketing/footer","a":"whyte25","pl":"https://cdn.21st.dev/larsen66/floating-elements/default/preview.1756781292792.png","pc":"whyte25"},{"id":"21st:willianquintino__daisy-ui-badge","t":"Daisy ui badge","d":"Badges are used to inform the user of the status of specific data.","s":"21st","c":"data-display/badge","a":"willianquintino","pl":"https://cdn.21st.dev/willianquintino/daisy-ui-badge/default/preview.1756156422666.png","pc":"willianquintino"},{"id":"21st:willianquintino__daisy-ui-button","t":"Daisy ui button","d":"Buttons allow the user to take actions or make choices.","s":"21st","c":"actions/button","a":"willianquintino","pl":"https://cdn.21st.dev/willianquintino/daisy-ui-button/default/preview.1756127243819.png","pc":"willianquintino"},{"id":"21st:willianquintino__daisy-ui-tooltip","t":"Daisy ui tooltip","d":"Tooltip can be used to show a message when hovering over an element.","s":"21st","c":"overlays/tooltip","a":"willianquintino","pl":"https://cdn.21st.dev/willianquintino/daisy-ui-tooltip/default/preview.1756493213368.png","pc":"willianquintino"},{"id":"21st:witeri3282__animated-text-hero","t":"Animated text hero","d":"A visually rich hero section with animated typing text, glowing orbs, floating particles, and subtle 3D mouse interaction. Designed for modern landing pages to create an engaging f","k":"section","s":"21st","c":"marketing/hero","a":"witeri3282","pl":"https://cdn.21st.dev/witeri3282/animated-text-hero/default/preview.1776427269188.png","pc":"witeri3282","sb":"Animated background"},{"id":"21st:witharc__logo-carousel","t":"Logo carousel","d":"An animated logo carousel that cycles brand logos in staggered slots with blur transitions, image preloading, responsive slot counts, and reduced-motion support.","k":"section","s":"21st","c":"marketing/logos","a":"witharc","u":2,"pl":"https://cdn.21st.dev/witharc/logo-carousel/default/preview.1784430890767-64ab995c-f7fe-4fd5-bff4-6a3f0eb74e65.png","pc":"witharc","tg":["carousel","marquee"]},{"id":"21st:xapski2671__fullscreen-navigation-menu","t":"Fullscreen navigation menu","d":"A fulllscreen navigation menu with cool transitions and hover effects","s":"21st","c":"navigation/top-nav","a":"xapski2671","pl":"https://cdn.21st.dev/xapski2671/fullscreen-navigation-menu/default/preview.1753254026084.png","pc":"xapski2671","sb":"Mega menus"},{"id":"21st:xapski2671__hero","t":"Hero","d":"Hero reveal animations","k":"section","s":"21st","c":"marketing/hero","a":"xapski2671","pl":"https://cdn.21st.dev/xapski2671/hero/default/preview.1753960440318.png","pc":"xapski2671"},{"id":"21st:xeven777__contact-form","t":"Contact form","d":"Beautiful contact form with interactive 3D globe","k":"section","s":"21st","c":"marketing/marketing","a":"xeven777","pl":"https://cdn.21st.dev/user_2rwqO2lcBMtYujZnAEjto5JRqYX/contact-form/contact/preview.png","pc":"xeven777","sb":"Contact"},{"id":"21st:xingfing__bubble-website12","t":"Bubble website12","d":"bubble animation website","k":"page","s":"21st","c":"pages/templates","a":"xingfing","pl":"https://cdn.21st.dev/xingfing/bubble-website12/default/preview.1747251240723.png","pc":"xingfing"},{"id":"21st:xordev__atc-shader","t":"Atc shader","d":"Here is ATC shader component","k":"motion","s":"21st","c":"motion/background","a":"xordev","u":52,"pl":"https://cdn.21st.dev/larsen66/atc-shader/default/preview.1756885507225.png","pc":"xordev","tg":["background"],"sb":"Shaders and WebGL"},{"id":"21st:xordev__cathedral","t":"Cathedral","d":"Here is Cathedral shader","s":"21st","c":"other","a":"xordev","u":13,"pl":"https://cdn.21st.dev/larsen66/cathedral/default/preview.1756887437059.png","pc":"xordev"},{"id":"21st:xordev__fireflies-1","t":"Fireflies 1","d":"Here is Fireflies component","s":"21st","c":"other","a":"xordev","pl":"https://cdn.21st.dev/larsen66/fireflies-1/default/preview.1756890548809.png","pc":"xordev"},{"id":"21st:xordev__geode","t":"Geode","d":"Here is Geode component","s":"21st","c":"navigation/dock","a":"xordev","pl":"https://cdn.21st.dev/larsen66/geode/default/preview.1756924079214.png","pc":"xordev"},{"id":"21st:xordev__gigabit","t":"Gigabit","d":"Here is Gigabit component","s":"21st","c":"other","a":"xordev","pl":"https://cdn.21st.dev/larsen66/gigabit/default/preview.1756924173323.png","pc":"xordev"},{"id":"21st:xordev__hive","t":"Hive","d":"Here is Hive component","k":"motion","s":"21st","c":"motion/background","a":"xordev","u":13,"pl":"https://cdn.21st.dev/larsen66/hive/default/preview.1756885056425.png","pc":"xordev","tg":["background"]},{"id":"21st:xordev__lab","t":"Lab","d":"Here is Lab component","s":"21st","c":"other","a":"xordev","u":9,"pl":"https://cdn.21st.dev/larsen66/lab/default/preview.1756924833230.png","pc":"xordev"},{"id":"21st:xordev__lanterns","t":"Lanterns","d":"Here is Lanterns component ","s":"21st","c":"other","a":"xordev","pl":"https://cdn.21st.dev/larsen66/lanterns/default/preview.1756890047308.png","pc":"xordev"},{"id":"21st:xordev__launch","t":"Launch","d":"Here is Launch shader ","s":"21st","c":"other","a":"xordev","u":18,"pl":"https://cdn.21st.dev/larsen66/launch/default/preview.1756888002651.png","pc":"xordev"},{"id":"21st:xordev__neutrino","t":"Neutrino","d":"Here is Neutrino component","s":"21st","c":"other","a":"xordev","pl":"https://cdn.21st.dev/larsen66/neutrino/default/preview.1756888588247.png","pc":"xordev"},{"id":"21st:xordev__nucleus","t":"Nucleus","d":"Here is Nucleus component","s":"21st","c":"data-display/empty-state","a":"xordev","pl":"https://cdn.21st.dev/larsen66/nucleus/default/preview.1756924469079.png","pc":"xordev"},{"id":"21st:xordev__phosphor-30","t":"Phosphor 30","d":"Here is Phosphor 3 component","s":"21st","c":"other","a":"xordev","pl":"https://cdn.21st.dev/larsen66/phosphor-30/default/preview.1756889848989.png","pc":"xordev"},{"id":"21st:xordev__radial-shader","t":"Radial shader","d":"Here is Radial Shader component","k":"motion","s":"21st","c":"motion/shader","a":"xordev","pl":"https://cdn.21st.dev/larsen66/radial-shader/default/preview.1756888972985.png","pc":"xordev"},{"id":"21st:xordev__raidal-2","t":"Raidal 2","d":"Here is Raidal 2 shader component","s":"21st","c":"other","a":"xordev","pl":"https://cdn.21st.dev/larsen66/raidal-2/default/preview.1756888227755.png","pc":"xordev"},{"id":"21st:xordev__starship-shader","t":"Starship shader","d":"Starship shader by Xor Dev","s":"21st","c":"motion/background","a":"xordev","u":18,"pl":"https://cdn.21st.dev/aghasisahakyan1/starship-shader/default/preview.1756748664223.png","pc":"xordev","sb":"Shaders and WebGL"},{"id":"21st:xubohuah__ai-chat","t":"Ai chat","d":"Some explorations of AI dialogue.","s":"21st","c":"ai-agent/ai-agent","a":"xubohuah","pl":"https://cdn.21st.dev/user_2vl1Dn19f2uJMuYVfUEcAh5qqyv/ai-chat/aichat/preview.png","pc":"xubohuah","sb":"Chat"},{"id":"21st:xubohuah__aichat","t":"Aichat","d":"Some explorations of AI dialogue.","s":"21st","c":"overlays/dialog","a":"xubohuah","pl":"https://cdn.21st.dev/xubohuah/aichat/default/preview.1749187789226.png","pc":"xubohuah"},{"id":"21st:xubohuah__aurora-card","t":"Aurora card","d":" * A modern credit card design featuring a stunning aurora-like appearance\n * with a frosted glass effect and elegant gradient borders.","s":"21st","c":"data-display/card","a":"xubohuah","u":15,"pl":"https://cdn.21st.dev/xubohuah/aurora-card/default/preview.1749175897237.png","pc":"xubohuah"},{"id":"21st:xubohuah__bend-text","t":"Bend text","d":"Interactive text displacement effect using Three.js shaders. Mouse interaction creates dynamic 3D deformation with real-time shadow rendering.\n","k":"motion","s":"21st","c":"motion/text-effect","a":"xubohuah","u":45,"pl":"https://cdn.21st.dev/xubohuah/bend-text/default/preview.1753685263298.png","pc":"xubohuah","tg":["text"]},{"id":"21st:xubohuah__blur-text-animation","t":"Blur text animation","d":"Elegant blur animation that brings your words to life with cinematic transitions.","k":"motion","s":"21st","c":"motion/text-effect","a":"xubohuah","u":91,"pl":"https://cdn.21st.dev/xubohuah/blur-text-animation/default/preview.1754892350339.png","pc":"xubohuah","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:xubohuah__bubble-sketch","t":"Bubble sketch","d":"BubbleSketch","s":"21st","c":"ai-agent/ai-agent","a":"xubohuah","pl":"https://cdn.21st.dev/user_2vl1Dn19f2uJMuYVfUEcAh5qqyv/bubble-sketch/bubble-sketch/preview.png","pc":"xubohuah","tg":["background"],"sb":"Chat"},{"id":"21st:xubohuah__distortion-effect","t":"Distortion effect","d":"DistortionEffect - Interactive water ripple shader effect with real-time mouse tracking, featuring multi-layered wave distortions, chromatic aberration, and fluid turbulence animat","s":"21st","c":"other","a":"xubohuah","pl":"https://cdn.21st.dev/xubohuah/distortion-effect/default/preview.1754895017922.png","pc":"xubohuah"},{"id":"21st:xubohuah__entropy","t":"Entropy","d":"Order and chaos dance —digital poetry in motion.","s":"21st","c":"data-display/empty-state","a":"xubohuah","u":498,"pl":"https://cdn.21st.dev/user_2vl1Dn19f2uJMuYVfUEcAh5qqyv/entropy/default/preview.1745329100338.png","pc":"xubohuah"},{"id":"21st:xubohuah__flickering-grid-demo2","t":"Flickering grid demo2","d":"Inspired by magic ui","s":"21st","c":"layout/bento-grid","a":"xubohuah","pl":"https://cdn.21st.dev/xubohuah/flickering-grid-demo2/default/preview.1748519478840.png","pc":"xubohuah","tg":["grid"]},{"id":"21st:xubohuah__flickering-grid-hero","t":"Flickering grid hero","d":"Inspired by magic ui","k":"section","s":"21st","c":"marketing/hero","a":"xubohuah","u":286,"pl":"https://cdn.21st.dev/xubohuah/flickering-grid-hero/default/preview.1748402352650.png","pc":"xubohuah"},{"id":"21st:xubohuah__floating-expandable-card","t":"Floating expandable card","d":"FloatingExpandableCard - A hover-activated expandable floating card Smoothly expands from icon to full content on hover","s":"21st","c":"data-display/accordion","a":"xubohuah","st":"rated","pl":"https://cdn.21st.dev/xubohuah/floating-expandable-card/default/preview.1754802298040.png","pc":"xubohuah","sc":21,"sb":"Cards"},{"id":"21st:xubohuah__flow-button","t":"Flow button","d":"FlowButton","s":"21st","c":"actions/button","a":"xubohuah","pl":"https://cdn.21st.dev/user_2vl1Dn19f2uJMuYVfUEcAh5qqyv/flow-button/default/preview.1746631996530.png","pc":"xubohuah","tg":["button"]},{"id":"21st:xubohuah__fluid-gradient-shader","t":"Fluid gradient shader","d":"Organic fluid gradients with interactive mouse effects","k":"motion","s":"21st","c":"motion/shader","a":"xubohuah","pl":"https://cdn.21st.dev/xubohuah/fluid-gradient-shader/default/preview.1756351974850.png","pc":"xubohuah"},{"id":"21st:xubohuah__fluid-swirl-shader","t":"Fluid swirl shader","d":"Interactive fluid paint shader with swirling colors and pixel effects.","s":"21st","c":"motion/background","a":"xubohuah","pl":"https://cdn.21st.dev/xubohuah/fluid-swirl-shader/default/preview.1756362733065.png","pc":"xubohuah","sb":"Shaders and WebGL"},{"id":"21st:xubohuah__generative-geometry","t":"Generative geometry","d":"A digital recreation of classic Mondrian style, algorithmically generating balanced geometric compositions","s":"21st","c":"other","a":"xubohuah","pl":"https://cdn.21st.dev/xubohuah/generative-geometry/default/preview.1759997115476.png","pc":"xubohuah"},{"id":"21st:xubohuah__geometric-blur-mesh","t":"Geometric blur mesh","d":"Minimalist 3D wireframe shapes with mouse-controlled blur effect","k":"motion","s":"21st","c":"motion/background","a":"xubohuah","u":51,"pl":"https://cdn.21st.dev/xubohuah/geometric-blur-mesh/default/preview.1754904015104.png","pc":"xubohuah","sb":"Gradients and aurora"},{"id":"21st:xubohuah__ghost-404-page","t":"Ghost 404 page","d":"The source of design inspiration @Saad Shaikh","k":"page","s":"21st","c":"pages/templates","a":"xubohuah","u":228,"pl":"https://cdn.21st.dev/user_2vl1Dn19f2uJMuYVfUEcAh5qqyv/ghost-404-page/ghost404/preview.png","pc":"xubohuah","tg":["empty-state"],"sb":"Error and status pages"},{"id":"21st:xubohuah__ghost-404-page-1","t":"Ghost 404 page 1","d":"The source of design inspiration @Saad Shaikh","k":"page","s":"21st","c":"pages/templates","a":"xubohuah","pl":"https://cdn.21st.dev/user_2vl1Dn19f2uJMuYVfUEcAh5qqyv/ghost-404-page-1/ghost-404-page/preview.png","pc":"xubohuah","tg":["empty-state"],"sb":"Error and status pages"},{"id":"21st:xubohuah__glow-1","t":"Glow 1","d":"Glow","k":"motion","s":"21st","c":"motion/background","a":"xubohuah","pl":"https://cdn.21st.dev/user_2vl1Dn19f2uJMuYVfUEcAh5qqyv/glow-1/glow/preview.png","pc":"xubohuah","sb":"Gradients and aurora"},{"id":"21st:xubohuah__hand-drawn","t":"Hand drawn","d":"Interactive hand-drawn underlines with multiple randomized path algorithms and dynamic animations using GSAP DrawSVG.","s":"21st","c":"other","a":"xubohuah","pl":"https://cdn.21st.dev/xubohuah/hand-drawn/default/preview.1758784281789.png","pc":"xubohuah"},{"id":"21st:xubohuah__interactive-text","t":"Interactive text","d":"The artistic fusion of SVG and particle systems","k":"motion","s":"21st","c":"motion/text-effect","a":"xubohuah","pl":"https://cdn.21st.dev/xubohuah/interactive-text/default/preview.1756790771076.png","pc":"xubohuah"},{"id":"21st:xubohuah__layered-text","t":"Layered text","d":"Layered text with 3D perspective and smooth hover animations","k":"motion","s":"21st","c":"motion/text-effect","a":"xubohuah","u":135,"pl":"https://cdn.21st.dev/xubohuah/layered-text/default/preview.1755241496935.png","pc":"xubohuah","tg":["text"]},{"id":"21st:xubohuah__liquid-radio","t":"Liquid radio","d":"A liquid glass radio is a sleek, modern radio component with a fluid, glass-like interface.","s":"21st","c":"inputs/radio","a":"xubohuah","pl":"https://cdn.21st.dev/xubohuah/liquid-radio/default/preview.1750822156438.png","pc":"xubohuah","tg":["radio-group"]},{"id":"21st:xubohuah__neon-rgbtext-effect","t":"Neon rgbtext effect","d":"A neon text effect component featuring RGB channel splitting, inspired by TikTok's signature glitch aesthetic. Unlike TikTok's dynamic, bouncing RGB separation, this implementation","k":"motion","s":"21st","c":"motion/text-effect","a":"xubohuah","u":31,"pl":"https://cdn.21st.dev/xubohuah/neon-rgbtext-effect/default/preview.1749110951348.png","pc":"xubohuah","tg":["text"]},{"id":"21st:xubohuah__newspaper-page","t":"Newspaper page","d":" A vintage newspaper-style announcement page with elegant typography, animated content, and a classic paper texture background for creating impactful full-screen presentations.","k":"section","s":"21st","c":"marketing/marketing","a":"xubohuah","pl":"https://cdn.21st.dev/xubohuah/newspaper-page/default/preview.1749107527976.png","pc":"xubohuah","sb":"Blog and posts"},{"id":"21st:xubohuah__particle-text-effect","t":"Particle text effect","d":"A dynamic text animation component that renders words using interactive particles with fluid motion and color transitions, allowing particle destruction through right-click mouse i","k":"motion","s":"21st","c":"motion/text-effect","a":"xubohuah","u":753,"pl":"https://cdn.21st.dev/xubohuah/particle-text-effect/default/preview.1750754554695.png","pc":"xubohuah","tg":["text"]},{"id":"21st:xubohuah__simple-growth-tree","t":"Simple growth tree","d":"A minimalist tree, elegantly growing with each click.","s":"21st","c":"data-display/tree","a":"xubohuah","pl":"https://cdn.21st.dev/xubohuah/simple-growth-tree/default/preview.1752920993094.png","pc":"xubohuah","tg":["file-tree"]},{"id":"21st:xubohuah__spiral-animation","t":"Spiral animation","d":"The inspiration comes from Bleuje","s":"21st","c":"status/loader","a":"xubohuah","pl":"https://cdn.21st.dev/user_2vl1Dn19f2uJMuYVfUEcAh5qqyv/spiral-animation/spiral-animation/preview.png","pc":"xubohuah","sb":"Spinners"},{"id":"21st:xubohuah__text-glitch-effect","t":"Text glitch effect","d":"Interactive text component with smooth physics-based animations and hover-triggered scrambling effects. Features elegant grayscale styling with cyberpunk-inspired text decoding ani","k":"motion","s":"21st","c":"motion/text-effect","a":"xubohuah","u":57,"pl":"https://cdn.21st.dev/xubohuah/text-glitch-effect/default/preview.1755245090932.png","pc":"xubohuah","sb":"Scramble and glitch"},{"id":"21st:xubohuah__theme-switch-button","t":"Theme switch button","d":"The ⁠ThemeSwitchButton is an animated icon button designed to toggle the application’s theme between light and dark modes. When pressed, the icon smoothly transitions (e.g., sun to","s":"21st","c":"actions/button","a":"xubohuah","pl":"https://cdn.21st.dev/user_2vl1Dn19f2uJMuYVfUEcAh5qqyv/theme-switch-button/default/preview.1745328866531.png","pc":"xubohuah","tg":["toggle"]},{"id":"21st:xubohuah__vaporize-animation-text","t":"Vaporize animation text","d":"Based animated canvas component that transforms text into particles with vaporizing, fading, and dynamic effects.","k":"motion","s":"21st","c":"motion/text-effect","a":"xubohuah","u":20,"pl":"https://cdn.21st.dev/xubohuah/vaporize-animation-text/default/preview.1749185858851.png","pc":"xubohuah","tg":["text"]},{"id":"21st:xubohuah__vector-field","t":"Vector field","d":"Vector Field Simulation","s":"21st","c":"inputs/form-field","a":"xubohuah","pl":"https://cdn.21st.dev/xubohuah/vector-field/default/preview.1756811089453.png","pc":"xubohuah","tg":["grid"]},{"id":"21st:xubohuah__vortex","t":"Vortex","k":"motion","s":"21st","c":"motion/background","a":"xubohuah","pl":"https://cdn.21st.dev/user_2vl1Dn19f2uJMuYVfUEcAh5qqyv/vortex/default/preview.1747134779590.png","pc":"xubohuah","sb":"Waves and warps"},{"id":"21st:xubohuah__wave-background","t":"Wave background","d":"Inspired by antoine","k":"motion","s":"21st","c":"motion/background","a":"xubohuah","pl":"https://cdn.21st.dev/user_2vl1Dn19f2uJMuYVfUEcAh5qqyv/wave-background/default/preview.1745935040082.png","pc":"xubohuah","sb":"Waves and warps"},{"id":"21st:y.lamfadelpro__blur-reveal-deck","t":"Blur reveal deck","d":"A beautiful and interactive card deck carousel for React and Tailwind CSS. Users can swipe or click through a stacked deck of cards where the top card smoothly falls away to reveal","s":"21st","c":"media/card-stack","a":"y.lamfadelpro","st":"rated","u":6,"pl":"https://cdn.21st.dev/y.lamfadelpro/blur-reveal-deck/default/preview.1782023815201.png","pc":"y.lamfadelpro","tg":["carousel"],"sc":18},{"id":"21st:yadwinder__bottom-menu","t":"Bottom menu","d":"original by @raunofreiberg\nicons by @nucleoicons","s":"21st","c":"navigation/menu","a":"yadwinder","u":286,"pl":"https://cdn.21st.dev/user_yadwinder/bottom-menu/default/preview.png","pc":"yadwinder","tg":["menu","tooltip"]},{"id":"21st:yadwinder__ios-spinner","t":"Ios spinner","d":"iOS Spinner","s":"21st","c":"status/loader","a":"yadwinder","pl":"https://cdn.21st.dev/user_yadwinder/ios-spinner/default/preview.1737985404648.png","pc":"yadwinder","tg":["spinner"],"sb":"Spinners"},{"id":"21st:yadwinder__toast-save","t":"Toast save","d":"Clerk.dev save changes toast","s":"21st","c":"overlays/toast","a":"yadwinder","st":"rated","u":120,"pl":"https://cdn.21st.dev/user_yadwinder/toast-save/default/preview.1737985346850.png","pc":"yadwinder","tg":["notification","toast"],"sc":22},{"id":"21st:yadwinder__vercel-tabs","t":"Vercel tabs","d":"Tabs in Vercel style","s":"21st","c":"navigation/tabs","a":"yadwinder","pl":"https://cdn.21st.dev/user_yadwinder/vercel-tabs/default/preview.png","pc":"yadwinder","tg":["navigation-menu","tabs"]},{"id":"21st:yaoztorun__adisyon-shader","t":"Adisyon shader","k":"motion","s":"21st","c":"motion/shader","a":"yaoztorun","u":11,"pl":"https://cdn.21st.dev/yaoztorun/adisyon-shader/default/preview.1783873002299.webp","pc":"yaoztorun","tg":["background"]},{"id":"21st:yaoztorun__istanblue","t":"Istanblue","d":"Animated WebGL shader background in the Waves style, generated by the 21st.dev Shader Builder. 5-color palette (#184557, #007FAD, #57B2CB, #EAF9FF, #007FAD). Features: cursor-react","k":"motion","s":"21st","c":"motion/shader","a":"yaoztorun","u":5,"pl":"https://cdn.21st.dev/yaoztorun/istanblue/default/preview.1784364363840-0fd0c5b3-eddb-4f13-853a-d58b3ca763f4.webp","pc":"yaoztorun","tg":["cursor"],"sb":"Waves"},{"id":"21st:yashsehgal__3d-button","t":"3d button","d":"Not all @shadcn apps need to look the same.\n\nIn @rightfitso platform, we've customised the button and card components into these playful intractable components ✨","s":"21st","c":"actions/button","a":"yashsehgal","u":189,"pl":"https://cdn.21st.dev/user_yashsehgal/3d-button.png","pc":"yashsehgal","sb":"Animated"},{"id":"21st:yashvw25__neon-flow","t":"Neon flow","s":"21st","c":"other","a":"yashvw25","pl":"https://cdn.21st.dev/yashvw25/neon-flow/default/preview.1768146697312.png","pc":"yashvw25"},{"id":"21st:yassinezaanouni__columns-slide-theme-transition","t":"Columns slide theme transition","d":"Staggered columns sliding down with wave effect theme transition","s":"21st","c":"other","a":"yassinezaanouni","pl":"https://cdn.21st.dev/yassinezaanouni/columns-slide-theme-transition/default/preview.1762204055635.png","pc":"yassinezaanouni"},{"id":"21st:yiranwangkk__summerlouver","t":"Summerlouver","d":"Animated WebGL shader background in the Paper Texture style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"yiranwangkk","pl":"https://cdn.21st.dev/yiranwangkk/summerlouver/default/preview.1785901563400-3da6e4b5-167f-40ff-9c74-4fdb8fc21413.webp","pc":"yiranwangkk","sb":"Paper Texture"},{"id":"21st:yogaprtamaa__seed","t":"Seed","d":"Animated (shimmer) ASCII art in the Dither style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a glitch look. A drop-in, zero-dependency React comp","k":"motion","s":"21st","c":"motion/ascii","a":"yogaprtamaa","pl":"https://cdn.21st.dev/yogaprtamaa/seed/default/preview.1783857097035.webp","pc":"yogaprtamaa","tg":["video"],"sb":"Dither"},{"id":"21st:youcefbnm__animated-cards-stack","t":"Animated cards stack","d":"- Reveal card depending on scroll position with animations","s":"21st","c":"data-display/card","a":"youcefbnm","u":316,"pl":"https://cdn.21st.dev/user_2sdAd21yCZlZRkVtZyf4K8ogkBh/animated-cards-stack/animated-cards-stack-on-scroll/preview.png","pc":"youcefbnm","tg":["carousel","testimonials"]},{"id":"21st:youcefbnm__animated-menu-with-variants","t":"Animated menu with variants","d":"- Animated Menu component with orchestrated children animation, fully customizable.","s":"21st","c":"navigation/menu","a":"youcefbnm","pl":"https://cdn.21st.dev/youcefbnm/animated-menu-with-variants/default/preview.1762269829746.png","pc":"youcefbnm"},{"id":"21st:youcefbnm__animated-slideshow","t":"Animated slideshow","d":"- Animated hover slider","s":"21st","c":"media/carousel","a":"youcefbnm","u":363,"pl":"https://cdn.21st.dev/user_2sdAd21yCZlZRkVtZyf4K8ogkBh/animated-slideshow/animated-slideshow/preview.png","pc":"youcefbnm","tg":["slider"]},{"id":"21st:youcefbnm__animated-toggle-layout-container","t":"Animated toggle layout container","d":"- Container toggling and animating between multiple layouts, useful for your ecommerce store and large lists to enhance user experience.","s":"21st","c":"actions/switch","a":"youcefbnm","pl":"https://cdn.21st.dev/user_2sdAd21yCZlZRkVtZyf4K8ogkBh/animated-toggle-layout-container/animated-toggle-layout-container/preview.png","pc":"youcefbnm","tg":["grid"],"sb":"Animated"},{"id":"21st:youcefbnm__animated-video-on-scroll","t":"Animated video on scroll","d":"Animated video on scroll with also reveal text effects","k":"layout","s":"21st","c":"layout/scroll-area","a":"youcefbnm","u":102,"pl":"https://cdn.21st.dev/user_2sdAd21yCZlZRkVtZyf4K8ogkBh/animated-video-on-scroll/section-with-scroll-trigger-animations/preview.png","pc":"youcefbnm","tg":["cta","video"]},{"id":"21st:youcefbnm__animation-sequence","t":"Animation sequence","d":"- Sequence animation triggered on scroll shows a process steps one at a time depending on current scroll position, fully responsive and optimized for mobile.","s":"21st","c":"layout/scroll-area","a":"youcefbnm","pl":"https://cdn.21st.dev/youcefbnm/animation-sequence/default/preview.1764518998622.png","pc":"youcefbnm"},{"id":"21st:youcefbnm__card-curtain-reveal","t":"Card curtain reveal","d":"Interactive card component with open curtain to see content on hover","s":"21st","c":"data-display/card","a":"youcefbnm","u":104,"pl":"https://cdn.21st.dev/user_2sdAd21yCZlZRkVtZyf4K8ogkBh/card-curtain-reveal/card-curtain-reveal/preview.png","pc":"youcefbnm"},{"id":"21st:youcefbnm__card-testimonial","t":"Card testimonial","d":"A testimonial card with a star rating, block quote, and author avatar with name and role.","k":"section","s":"21st","c":"marketing/testimonials","a":"youcefbnm","u":4,"pl":"https://cdn.21st.dev/youcefbnm/card-testimonial/default/preview.1784358340807-a93b722c-1e91-4e1b-b7a5-4c65076e1edc.png","pc":"youcefbnm","tg":["avatar","card","testimonials"]},{"id":"21st:youcefbnm__cards-stack","t":"Cards stack","d":"- Stack of cards to showcase a related set of element, like your services, your work, features, process of work, timeline, ","s":"21st","c":"data-display/card","a":"youcefbnm","u":464,"pl":"https://cdn.21st.dev/user_2sdAd21yCZlZRkVtZyf4K8ogkBh/cards-stack/cards-stack/preview.png","pc":"youcefbnm","tg":["timeline"]},{"id":"21st:youcefbnm__creative-studio-section","t":"Creative studio section","d":"- Section for a creative studio with reveal animations and image player","s":"21st","c":"media/player","a":"youcefbnm","pl":"https://cdn.21st.dev/youcefbnm/creative-studio-section/default/preview.1762309482373.png","pc":"youcefbnm"},{"id":"21st:youcefbnm__cta-section-with-gallery","t":"Cta section with gallery","d":"call to action section with stagger animation and image gallery","k":"section","s":"21st","c":"marketing/cta","a":"youcefbnm","u":170,"pl":"https://cdn.21st.dev/user_2sdAd21yCZlZRkVtZyf4K8ogkBh/cta-section-with-gallery/cta-section-with-gallery/preview.png","pc":"youcefbnm","tg":["cta","gallery"]},{"id":"21st:youcefbnm__custom-cursor","t":"Custom cursor","d":"\t•\tSmooth cursor movement using spring\n\t•\tConfigurable cursor variants \"customCursorVariants\"\n\t•\tChange cursor variant and text with \"useSetCursorVariant()\" hook\t\n\t•\tChange variant","k":"motion","s":"21st","c":"motion/cursor","a":"youcefbnm","u":18,"pl":"https://cdn.21st.dev/user_2sdAd21yCZlZRkVtZyf4K8ogkBh/custom-cursor/default/preview.1739030415866.png","pc":"youcefbnm","tg":["cursor"]},{"id":"21st:youcefbnm__hero-animated","t":"Hero animated","d":"Flexible and customizable hero section component with gradient backgrounds and animated content.\n## Features\n\n- 🎨 Customizable gradient backgrounds\n- 📱 Responsive design\n- ✨ Smooth","k":"section","s":"21st","c":"marketing/hero","a":"youcefbnm","u":67,"pl":"https://cdn.21st.dev/youcefbnm/hero-animated/default/preview.1785431496807-cf12907d-d599-460a-8ae0-2e1b0bb99827.png","pc":"youcefbnm","sb":"Animated background"},{"id":"21st:youcefbnm__hero-gallery-scroll-animation","t":"Hero gallery scroll animation","d":"ℹ️ Hero section with scroll trigger animation, that animate images on scroll,\n🧩 <ContainerScroll />  : React html attributes🧩 <BentoCell /> : variants: default: 5 cells | threeCell","k":"layout","s":"21st","c":"layout/scroll-area","a":"youcefbnm","u":495,"pl":"https://cdn.21st.dev/user_2sdAd21yCZlZRkVtZyf4K8ogkBh/hero-gallery-scroll-animation/default/preview.1746088112500.png","pc":"youcefbnm","tg":["gallery","scroll-area"]},{"id":"21st:youcefbnm__hero-video","t":"Hero video","d":"✔️ ContainerScroll component props: accepts react html attributes\n✔️ ContainerStagger component: staggers/delayed the animated children by default <<transition staggerChildren is s","s":"21st","c":"media/player","a":"youcefbnm","u":108,"pl":"https://cdn.21st.dev/user_2sdAd21yCZlZRkVtZyf4K8ogkBh/hero-video/hero-animated-video/preview.png","pc":"youcefbnm","tg":["video"]},{"id":"21st:youcefbnm__image-player","t":"Image player","d":"- Image player component, flexible to use takes array of images urls and interval, also you can use any html image tag '<img />' (by default) or '<picture>' or use next 'Image' thi","s":"21st","c":"media/player","a":"youcefbnm","u":65,"pl":"https://cdn.21st.dev/youcefbnm/image-player/default/preview.1758049209011.png","pc":"youcefbnm","tg":["gallery","slider"]},{"id":"21st:youcefbnm__parallax","t":"Parallax","d":"- parallax effect for multiple items, can be customized through 'start (start of animation)' and 'end (end of the animation)' ","k":"layout","s":"21st","c":"layout/scroll-area","a":"youcefbnm","u":12,"pl":"https://cdn.21st.dev/youcefbnm/parallax/default/preview.1755882594602.png","pc":"youcefbnm","tg":["gallery","scroll-area"]},{"id":"21st:youcefbnm__price","t":"Price","d":"Composable price component that formats amounts and currencies with support for sale pricing, compare-at values, savings, and ranges.","k":"section","s":"21st","c":"marketing/pricing","a":"youcefbnm","pl":"https://cdn.21st.dev/youcefbnm/price/default/preview.1784358305587-9f2c20df-5a91-4e88-a786-64add97bcb09.png","pc":"youcefbnm","tg":["badge","pricing-section"]},{"id":"21st:youcefbnm__process-timeline","t":"Process timeline","d":"process section with scroll trigger animations showing process step depending on current scroll position ","s":"21st","c":"data-display/timeline","a":"youcefbnm","u":130,"pl":"https://cdn.21st.dev/user_2sdAd21yCZlZRkVtZyf4K8ogkBh/process-timeline/process-timeline-section/preview.png","pc":"youcefbnm","tg":["scroll-area","steps","timeline"]},{"id":"21st:youcefbnm__product-card","t":"Product card","d":"Component for displaying multiple product colors images, perfect for your next ecommerce project.","s":"21st","c":"data-display/card","a":"youcefbnm","u":30,"pl":"https://cdn.21st.dev/user_2sdAd21yCZlZRkVtZyf4K8ogkBh/product-card/product-card/preview.png","pc":"youcefbnm","tg":["gallery"],"sb":"Product"},{"id":"21st:youcefbnm__product-gallery","t":"Product gallery","s":"21st","c":"media/gallery","a":"youcefbnm","pl":"https://cdn.21st.dev/user_2sdAd21yCZlZRkVtZyf4K8ogkBh/product-gallery/product-gallery/preview.png","pc":"youcefbnm"},{"id":"21st:youcefbnm__quantity","t":"Quantity","d":"A composable quantity stepper with animated value transitions and min/max limits for e-commerce product controls.","s":"21st","c":"inputs/number-input","a":"youcefbnm","pl":"https://cdn.21st.dev/youcefbnm/quantity/default/preview.1784662357843-4a4751a7-9445-485e-a858-c579058f2d8a.png","pc":"youcefbnm"},{"id":"21st:youcefbnm__reveal-on-hover","t":"Reveal on hover","d":"Animated card with gesture animations, that reveal hidden content and scale main image on hover","s":"21st","c":"media/gallery","a":"youcefbnm","u":113,"pl":"https://cdn.21st.dev/user_2sdAd21yCZlZRkVtZyf4K8ogkBh/reveal-on-hover/animated-hover-card/preview.png","pc":"youcefbnm","sb":"Hover effects"},{"id":"21st:youcefbnm__scroll-autoplay","t":"Scroll autoplay","d":"A scroll-driven sequence that cross-fades between stacked items based on scroll position, like an autoplaying slideshow controlled by the user's scroll.","k":"layout","s":"21st","c":"layout/scroll-area","a":"youcefbnm","pl":"https://cdn.21st.dev/youcefbnm/scroll-autoplay/default/preview.1784354271572-227fb29e-0745-47cc-a676-5b66c4d04773.png","pc":"youcefbnm","tg":["gallery","scroll-area"]},{"id":"21st:youcefbnm__scroll-trigger-animations","t":"Scroll trigger animations","d":"- Motion (framer motion) animations triggered by scroll event.","k":"layout","s":"21st","c":"layout/scroll-area","a":"youcefbnm","u":35,"pl":"https://cdn.21st.dev/youcefbnm/scroll-trigger-animations/default/preview.1751383795251.png","pc":"youcefbnm","tg":["gallery","scroll-area","video"]},{"id":"21st:youcefbnm__scroll-x-carousel","t":"Scroll x carousel","d":"- Carousel transforms on x direction according to current scroll position.","s":"21st","c":"media/carousel","a":"youcefbnm","u":142,"pl":"https://cdn.21st.dev/youcefbnm/scroll-x-carousel/default/preview.1751413860542.png","pc":"youcefbnm","tg":["carousel","gallery","scroll-area"]},{"id":"21st:youcefbnm__story","t":"Story","d":"- story similar to IG and facebook, you can also use it as a autoplay carousel","s":"21st","c":"data-viz/progress-bar","a":"youcefbnm","u":82,"pl":"https://cdn.21st.dev/youcefbnm/story/default/preview.1749513788082.png","pc":"youcefbnm","tg":["carousel","progress"]},{"id":"21st:youcefbnm__team-section","t":"Team section","d":"Team section showcasing staff members with multiple scroll animations.","k":"section","s":"21st","c":"marketing/team","a":"youcefbnm","u":31,"pl":"https://cdn.21st.dev/youcefbnm/team-section/default/preview.1756857172417.png","pc":"youcefbnm","tg":["profile","team"]},{"id":"21st:youcefbnm__text-scroll-read","t":"Text scroll read","d":"A scroll-driven text component that reveals words with a gradient clip mask as the user scrolls through the section.","k":"layout","s":"21st","c":"layout/scroll-area","a":"youcefbnm","pl":"https://cdn.21st.dev/youcefbnm/text-scroll-read/default/preview.1783716814151.png","pc":"youcefbnm","tg":["scroll-area"]},{"id":"21st:youcefbnm__text-stagger-hover","t":"Text stagger hover","d":"- Splitted text with orchestrated delay animations\n## Props\n· animation: opacity (by default) | top | bottom | left | right | z | blur\n· staggerDirection: start (by default) | midd","k":"motion","s":"21st","c":"motion/text-effect","a":"youcefbnm","u":63,"pl":"https://cdn.21st.dev/user_2sdAd21yCZlZRkVtZyf4K8ogkBh/text-stagger-hover/default/preview.1750815012964.png","pc":"youcefbnm","tg":["text"],"sb":"Reveal and entrance"},{"id":"21st:youcefbnm__text-wavy","t":"Text wavy","d":"Animated text that loops each letter through changing size, weight and color to create an infinite wavy effect.","k":"motion","s":"21st","c":"motion/text-effect","a":"youcefbnm","pl":"https://cdn.21st.dev/youcefbnm/text-wavy/default/preview.1783717470604.png","pc":"youcefbnm","tg":["text"],"sb":"Bouncy and wavy"},{"id":"21st:youcefbnm__use-toggle-onscroll","t":"Use toggle onscroll","d":"React hook that tracks scroll direction and returns an isHidden flag to hide an element on scroll down and reveal it on scroll up.","s":"21st","c":"actions/switch","a":"youcefbnm","pl":"https://cdn.21st.dev/youcefbnm/use-toggle-onscroll/default/preview.1784768505070-fbe7cf2e-2bc0-4337-98ef-c8a729ab8e3d.png","pc":"youcefbnm"},{"id":"21st:youcefbnm__wavy-text-block","t":"Wavy text block","d":"Wavy Block animates its children in waves pattern on scroll.","k":"motion","s":"21st","c":"motion/text-effect","a":"youcefbnm","u":51,"pl":"https://cdn.21st.dev/youcefbnm/wavy-text-block/default/preview.1762272281418.png","pc":"youcefbnm","tg":["scroll-area","text"],"sb":"Reveal and entrance"},{"id":"21st:youngyu612__advanced-counter","t":"Advanced counter","d":"A fully production-ready animated counter component featuring localStorage persistence, accessibility, framer-motion transitions, internal reusable UI elements, and responsive desi","k":"motion","s":"21st","c":"motion/number-ticker","a":"youngyu612","pl":"https://cdn.21st.dev/youngyu612/advanced-counter/default/preview.1763513375951.png","pc":"youngyu612"},{"id":"21st:yousuyi111__hands-robots","t":"Hands robots","d":"Animated (ripple) ASCII art in the Lines style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, a","k":"motion","s":"21st","c":"motion/ascii","a":"yousuyi111","pl":"https://cdn.21st.dev/yousuyi111/hands-robots/default/preview.1786040449323-4dee3bb3-41d2-4707-a1bf-c28e62ed3196.png","pc":"yousuyi111","sb":"Lines"},{"id":"21st:yp7942557__vercel-button","t":"Vercel button","d":"A sleek, pill-shaped black button with a subtle gray outline, featuring bold white text reading “Start Deploying” on the left and a white circular arrow icon on the right; the text","s":"21st","c":"actions/button","a":"yp7942557","pl":"https://cdn.21st.dev/yp7942557/vercel-button/default/preview.1774709506797.png","pc":"yp7942557"},{"id":"21st:yunan1911__4444","t":"4444","d":"4444dsfsdfsdf","s":"21st","c":"other","a":"yunan1911","pl":"https://cdn.21st.dev/yunan1911/4444/default/preview.1749040750885.png","pc":"yunan1911"},{"id":"21st:yunan1911__aishop","t":"Aishop","d":"agent 原生电商","s":"21st","c":"other","a":"yunan1911","pl":"https://cdn.21st.dev/yunan1911/aishop/default/preview.1749038669596.png","pc":"yunan1911"},{"id":"21st:yuqi.wang__yuqi","t":"Yuqi","s":"21st","c":"other","a":"yuqi.wang","pl":"https://cdn.21st.dev/yuqi.wang/yuqi/default/preview.1750386916038.png","pc":"yuqi.wang"},{"id":"21st:yura__aurora-credit-card-bento","t":"Aurora credit card bento","d":"An interactive bento card carrying an animated credit card: colour bands, caustics and grain flow across the face, and the chip sits where ISO 7816 puts it on a real card.","k":"layout","s":"21st","c":"layout/bento-grid","a":"yura","pl":"https://cdn.21st.dev/yura/aurora-credit-card-bento/default/preview.1786119852400-8e9c6084-0068-40cc-ae1d-89a598ec0510.webp","pc":"yura"},{"id":"21st:yura__blackhole-hero-section","t":"Blackhole hero section","d":"A black hole that bends its own light: one ray per pixel walked through curved space, so the halo over the shadow is the far side of the accretion disc, not a drawn ring.","k":"section","s":"21st","c":"marketing/hero","a":"yura","pl":"https://cdn.21st.dev/yura/blackhole-hero-section/default/preview.1785629994292-5accefa7-0f53-4c77-8bb4-5955246026e5.png","pc":"yura","tg":["background"]},{"id":"21st:yura__ghibli-robot-hero","t":"Ghibli robot hero","d":"A full-screen hero laid over a hand-painted valley: tall summer clouds, a still lake, a lone robot on the path. The sky is weighted just enough to carry white type without greying ","k":"section","s":"21st","c":"marketing/hero","a":"yura","pl":"https://cdn.21st.dev/yura/ghibli-robot-hero/default/preview.1787056229443-13607dbc-f09e-4d75-8fdd-e6337f229836.png","pc":"yura"},{"id":"21st:yura__loader-tetris","t":"Loader tetris","d":"An animated loading indicator that plays a looping game of Tetris — blocks fall, stack and clear rows in a compact grid. Use it for long waits like builds, deploys or uploads, wher","s":"21st","c":"status/loader","a":"yura","st":"rated","pl":"https://cdn.21st.dev/yura/loader-tetris/default/preview.1786055709164-d5489a7f-6cf3-4ed3-9390-8a7d21bb4402.webp","pc":"yura","sc":23,"sb":"Spinners"},{"id":"21st:yura__orbital-hero-section","t":"Orbital hero section","d":"Animated space hero background: the Sun drifts through the stars and the planets trail helical wakes behind it, drawn from real J2000 orbital elements and Kepler's laws.","k":"section","s":"21st","c":"marketing/hero","a":"yura","u":10,"pl":"https://cdn.21st.dev/yura/orbital-hero-section/default/preview.1785615284365-6b5776b4-6f49-436c-830e-0c5343c49877.png","pc":"yura","tg":["hero"]},{"id":"21st:yura__slot-headline","t":"Slot headline","d":"Hero title whose last word scrolls like a slot machine through the most popular coding agents","k":"motion","s":"21st","c":"motion/text-effect","a":"yura","pl":"https://cdn.21st.dev/yura/slot-headline/default/preview.1785416383475-ad562e8e-6d95-467d-8df6-9a509a79de40.png","pc":"yura"},{"id":"21st:yura__snake-loader","t":"Snake loader","d":"A loading indicator that plays a game of snake on a dot grid — the snake hunts apples, grows, and starts over.","s":"21st","c":"status/loader","a":"yura","st":"rated","pl":"https://cdn.21st.dev/yura/snake-loader/default/preview.1785336766662-24f2c86d-7fda-44d5-8cff-9b937db34aea.png","pc":"yura","tg":["spinner"],"sc":23,"sb":"Spinners"},{"id":"21st:zainali.portfolio__patrolesence","t":"Patrolesence","d":"This is first demo","s":"21st","c":"other","a":"zainali.portfolio","pl":"https://cdn.21st.dev/zainali.portfolio/patrolesence/default/preview.1784289464901-3197b017-7faf-46f9-80ae-013115238e0e.png","pc":"zainali.portfolio"},{"id":"21st:zalanirbhay21__aurora-nexus-landing","t":"Aurora nexus landing","d":"A high-contrast, bento-style landing page with a magnetic island navbar. Features cinematic GSAP-style entrance animations and ultra-responsive layout tiles","k":"motion","s":"21st","c":"motion/gradient","a":"zalanirbhay21","pl":"https://cdn.21st.dev/zalanirbhay21/aurora-nexus-landing/default/preview.1768803021791.png","pc":"zalanirbhay21"},{"id":"21st:zanwei__ball-model-picker","t":"Ball model picker","d":"A pinball-style reasoning effort picker with fixed-step physics, elastic peg collisions, glowing trails, and six landing outcomes.","s":"21st","c":"ai-agent/ai-agent","a":"zanwei","pl":"https://cdn.21st.dev/larsen66/ball-model-picker/default/preview.1785326401763-7b8706b7-773d-4351-9c2c-13468dd7e56a.png","pc":"zanwei"},{"id":"21st:zanwei__chatgpt-model-selector","t":"Chatgpt model selector","d":"A ChatGPT-inspired model intelligence picker with five magnetic tiers, animated color progression, sparkles, and an Ultra celebration.","s":"21st","c":"inputs/slider","a":"zanwei","pl":"https://cdn.21st.dev/larsen66/chatgpt-model-selector/default/preview.1785389900430-3fcc18cd-2c89-4774-b6e2-08cd06cbbcd1.png","pc":"zanwei","tg":["slider"]},{"id":"21st:zanwei__claude-model-selector","t":"Claude model selector","d":"A Claude-inspired effort picker with six magnetic levels, spring snapping, keyboard controls, and an animated Ultracode pixel field.","s":"21st","c":"inputs/slider","a":"zanwei","pl":"https://cdn.21st.dev/larsen66/claude-model-selector/default/preview.1785389895730-86d76b43-d4e8-40c6-a9da-a96e7c8ee095.png","pc":"zanwei","tg":["slider"]},{"id":"21st:zanwei__dot-matrix-camera","t":"Dot matrix camera","d":"A WebGL camera effect that turns the webcam feed into an interactive dot matrix display with adjustable density, dot, brightness and glow controls. Ported to React from Zanwei Guo'","s":"21st","c":"other","a":"zanwei","pl":"https://cdn.21st.dev/zanwei/dot-matrix-camera/default/preview.1785488464146-1e418477-d7a2-44c0-b76f-0e8654e83f8c.png","pc":"zanwei"},{"id":"21st:zanwei__gradient-shimmer","t":"Gradient shimmer","d":"A zero-dependency text shimmer that sweeps a multi-stop gradient highlight across your text using the Web Animations API, with built-in palettes, easing presets, and off-screen/red","k":"motion","s":"21st","c":"motion/text-effect","a":"zanwei","pl":"https://cdn.21st.dev/zanwei/gradient-shimmer/default/preview.1785488479725-7fff7fec-f1d0-4864-a9d0-7aadc9b36b80.png","pc":"zanwei","sb":"Gradient and shimmer"},{"id":"21st:zanwei__liquid-connector","t":"Liquid connector","d":"A dependency-free SVG path-math component for a continuous liquid card-to-prompt peel interaction with keyboard and reduced-motion support.","s":"21st","c":"data-display/card","a":"zanwei","pl":"https://cdn.21st.dev/larsen66/liquid-connector/default/preview.1785322787951-38a67edc-1dd0-49aa-9dd7-b98eb67c7f75.png","pc":"zanwei"},{"id":"21st:zanwei__model-picker","t":"Model picker","d":"A dark cockpit-style model and reasoning-effort picker with a three-model matrix, five effort levels, and an animated ULTRA lever.","s":"21st","c":"ai-agent/ai-agent","a":"zanwei","pl":"https://cdn.21st.dev/larsen66/model-picker/default/preview.1785388688658-5df958a8-5ba6-43a0-88dc-e1bf73e816b2.png","pc":"zanwei"},{"id":"21st:zanwei__shared-element-transition-dialog","t":"Shared element transition dialog","d":"A dependency-free hold-to-delete dialog with shared-element transitions, native dialog semantics, Shadow DOM, and reduced-motion support.","s":"21st","c":"overlays/dialog","a":"zanwei","pl":"https://cdn.21st.dev/larsen66/shared-element-transition-dialog/default/preview.1785331274704-bdce5b49-007d-40a3-a094-c0505a228c4a.png","pc":"zanwei","sb":"Share and invite"},{"id":"21st:zanwei__status-indicator","t":"Status indicator","d":"A dependency-free status indicator whose selected dot expands into a labeled pill through an interruptible spring-driven morph.","s":"21st","c":"status/status-dot","a":"zanwei","u":4,"pl":"https://cdn.21st.dev/larsen66/status-indicator/default/preview.1785318594178-1b0ddd82-e2b9-42d4-87cf-c6407dab3bf3.png","pc":"zanwei"},{"id":"21st:zanwei__table-of-content","t":"Table of content","d":"A dependency-free vertical table of content with pointer scrubbing, keyboard navigation, spring-driven tick magnification, and floating section previews.","s":"21st","c":"data-display/table","a":"zanwei","u":8,"pl":"https://cdn.21st.dev/larsen66/table-of-content/default/preview.1785319439180-5f9b7125-c500-4175-8307-7fc26b53950c.png","pc":"zanwei","tg":["navigation-menu","table"],"sb":"Expandable"},{"id":"21st:zendeurr.pro__mosaic-leaf","t":"Mosaic leaf","d":"Animated (wave) ASCII art in the Mosaic style, made with the 21st.dev ASCII editor and baked to a looping video. Styled with a mosaic, pixel look. A drop-in, zero-dependency React ","k":"motion","s":"21st","c":"motion/ascii","a":"zendeurr.pro","pl":"https://cdn.21st.dev/zendeurr.pro/mosaic-leaf/default/preview.1783882292019.webp","pc":"zendeurr.pro","tg":["video"],"sb":"Mosaic"},{"id":"21st:zerotherm27-create__hello","t":"Hello","d":"Smoke test component to isolate a publish 500 error.","k":"motion","s":"21st","c":"motion/text-effect","a":"zerotherm27-create","pl":"https://21st.dev/@zerotherm27-create/components/hello","pc":"zerotherm27-create","sb":"Handwriting and SVG"},{"id":"21st:zerotherm27-create__mesh-gradient","t":"Mesh gradient","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#2D94A4, #FFF310, #2CF4FF, #F0F0F0). Features: high intensity. ","k":"motion","s":"21st","c":"motion/shader","a":"zerotherm27-create","pl":"https://cdn.21st.dev/zerotherm27-create/mesh-gradient/default/preview.1785640524163-cd123a98-1cfe-4054-ac70-9f2ec6a7fbc9.webp","pc":"zerotherm27-create","sb":"Mesh drift"},{"id":"21st:zhiyuanlu79__gradient-d02073f9","t":"Gradient d02073f9","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#FBE9F0, #CDE7F0, #E6D6F5, #D6F0E4). Features: film grain. A drop-i","k":"motion","s":"21st","c":"motion/gradient","a":"zhiyuanlu79","pl":"https://cdn.21st.dev/zhiyuanlu79/gradient-d02073f9/default/preview.1785921929194-c3b22410-1c29-4199-8fe7-55182dcddd6b.webp","pc":"zhiyuanlu79","sb":"Bloom Field"},{"id":"21st:ziegfiroyt__ai43","t":"Ai43","d":"A mini code viewer card that shows a structured JSON response with a filename header, copy button, and preformatted preview body.","s":"21st","c":"ai-agent/ai-agent","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/ai43/default/preview.1785099765160-1cd8214f-b7ce-428b-9bda-5d7a8579fa0a.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__auth30","t":"Auth30","d":"A full-height numeric keypad lock screen with PIN dots, a biometric shortcut, and a backspace key for mobile app locks and quick re-authentication.","s":"21st","c":"flows/sign-in","a":"ziegfiroyt","u":2,"pl":"https://cdn.21st.dev/ziegfiroyt/auth30/default/preview.1785101986995-6ca8d62f-481c-4cdc-990f-7f2569e2852d.png","pc":"ziegfiroyt","sb":"Sign in"},{"id":"21st:ziegfiroyt__automation1","t":"Automation1","s":"21st","c":"other","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/automation1/default/preview.1785099729258-71dcffaf-cded-4e50-b561-6f42ad233d94.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__automation10","t":"Automation10","d":"A marketplace automation recipe card showing a row of connected app icons, a name, description, install count, and a tone-colored call-to-action button.","k":"section","s":"21st","c":"marketing/cta","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/automation10/default/preview.1785101587889-abb4e4f3-7a18-40ca-8b41-88bc2ce64ec2.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__browser28","t":"Browser28","d":"A depth-stacked set of browser address bars, each narrowing and fading to show a different subdomain with a lock icon and traffic-light dots on the front window.","s":"21st","c":"navigation/dock","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/browser28/default/preview.1785100176727-8c7a921d-4867-4ad3-a510-00b283d04b70.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__feature-146","t":"Feature 146","d":"Benefits list with checkmarks","k":"section","s":"21st","c":"marketing/features","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/feature-146/default/preview.1768226403145.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__feature107","t":"Feature107","d":"A responsive feature section with a 3-column grid of centered cards, each showing a large icon, title, and short description, with an optional badge, heading, and call-to-action bu","k":"section","s":"21st","c":"marketing/features","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/feature107/default/preview.1785102014180-78098fc2-56fe-4d09-9bbd-0630d9615986.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__feature112","t":"Feature112","d":"A tabbed feature section that toggles between groups of three cards using button tabs, ideal for segmenting features by team, plan, or use case.","k":"section","s":"21st","c":"marketing/features","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/feature112/default/preview.1785101315578-526dc3f2-4af2-4406-beba-166f2a126a37.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__feature135","t":"Feature135","d":"A centered flexbox grid of company or product logos with grayscale hover effects, ideal for showcasing customers, integrations, or partners.","k":"section","s":"21st","c":"marketing/features","a":"ziegfiroyt","u":8,"pl":"https://cdn.21st.dev/ziegfiroyt/feature135/default/preview.1785101368171-625df068-9e30-4183-846d-653e3db4cb56.png","pc":"ziegfiroyt","sb":"Grid of cards"},{"id":"21st:ziegfiroyt__feature144","t":"Feature144","d":"A responsive grid of service cards, each with a title, description, and arrow icon that links to a detail page — for services listings, solutions overviews, or offering showcases.","k":"section","s":"21st","c":"marketing/features","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/feature144/default/preview.1785100103955-bf719b76-79a4-4c1c-9266-8045486c79ea.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__feature152","t":"Feature152","d":"A centered row of inline feature pills with icons and labels, ideal for highlighting key benefits or feature lists.","k":"section","s":"21st","c":"marketing/features","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/feature152/default/preview.1785099909563-bb6e0f5c-ef18-4c7c-a1bb-83845e865f1a.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__feature179","t":"Feature179","d":"A two-column feature section with a sticky stats panel on one side and scrollable feature cards on the other.","k":"section","s":"21st","c":"marketing/features","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/feature179/default/preview.1785100085515-2e41a07c-410a-45e2-a517-20c5233cf139.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__feature194","t":"Feature194","d":"A three-column feature section where each card swaps a plain icon for a live micro-asset — a bar chart, a before/after stat, and a terminal prompt — over a configurable media surfa","k":"section","s":"21st","c":"marketing/features","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/feature194/default/preview.1785099882596-c1caad48-2e7d-4614-973d-08fcba3e68d0.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__feature22","t":"Feature22","d":"A multi-step setup checklist with status indicators and ETAs beside a sticky sidebar that tracks completion progress and key stats, for onboarding flows and setup wizards.","k":"section","s":"21st","c":"marketing/features","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/feature22/default/preview.1785099245854-bf635e3e-1866-4f7b-aaae-3f7285612414.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__feature23","t":"Feature23","d":"A six-card grid that displays quality metrics with icons, progress bars, and numeric scores for tracking system health and compliance.","k":"section","s":"21st","c":"marketing/features","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/feature23/default/preview.1785099098592-f7a94636-9ce5-425f-90ca-a674aa016020.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__feature26","t":"Feature26","d":"A six-card feature grid with icons in rounded containers that lift and highlight on hover, plus a badge, heading, and per-card titles and descriptions.","k":"section","s":"21st","c":"marketing/features","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/feature26/default/preview.1785099805271-5afd390a-eac2-4198-93aa-95e23af247bb.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__feature28","t":"Feature28","d":"A responsive process timeline that lays out sequential steps with icons, descriptions, and time-estimate badges — horizontal on desktop, vertical on mobile — for onboarding flows a","k":"section","s":"21st","c":"marketing/features","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/feature28/default/preview.1785100139138-cc3bed1d-c5fb-43ad-a317-d07afc1ce7f6.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__feature29","t":"Feature29","d":"A six-card feature grid with icons, descriptions, and highlighted stats (latency, uptime, user counts) and hover effects for showcasing SaaS or platform capabilities.","k":"section","s":"21st","c":"marketing/features","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/feature29/default/preview.1785099193312-d06473d5-ab30-477f-bf1f-f632a565541b.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__feature63","t":"Feature63","d":"A 3-column grid of image cards with a text overlay, hover zoom effect, and arrow indicators for showcasing team use cases, industry solutions, or department features.","k":"section","s":"21st","c":"marketing/features","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/feature63/default/preview.1785101385826-1eb4e82a-27ea-4913-8a8d-e4a95a76a1ba.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__feature9","t":"Feature9","d":"A three-step how-it-works feature section with side-by-side step cards, each showing a live media surface (image, video, or embedded component) anchored to the bottom.","k":"section","s":"21st","c":"marketing/features","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/feature9/default/preview.1785101199192-8365f23c-996c-406e-97a0-7b6615583aa6.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__reveal1","t":"Reveal1","d":"An interactive image comparison component with a draggable divider that reveals a before and after image, supporting horizontal and vertical orientations.","s":"21st","c":"inputs/slider","a":"ziegfiroyt","u":9,"pl":"https://cdn.21st.dev/ziegfiroyt/reveal1/default/preview.1783715607677.png","pc":"ziegfiroyt","tg":["image","slider"]},{"id":"21st:ziegfiroyt__reveal2","t":"Reveal2","d":"Split-layout before/after image comparison slider with a draggable divider and a sidebar of feature highlights and icons.","s":"21st","c":"inputs/slider","a":"ziegfiroyt","u":6,"pl":"https://cdn.21st.dev/ziegfiroyt/reveal2/default/preview.1783716127426.png","pc":"ziegfiroyt","tg":["features","image","slider"]},{"id":"21st:ziegfiroyt__testimonial1","t":"Testimonial1","d":"Full-width swipeable testimonial carousel with autoplay and dot navigation for showcasing customer quotes on landing pages.","k":"section","s":"21st","c":"marketing/testimonials","a":"ziegfiroyt","u":12,"pl":"https://cdn.21st.dev/ziegfiroyt/testimonial1/default/preview.1785101061488-e80e32a5-5638-479f-8aac-72f1a79e267b.png","pc":"ziegfiroyt","tg":["carousel","slider","testimonials"]},{"id":"21st:ziegfiroyt__usecase-2","t":"Usecase 2","d":"Grid-based use case cards with images, descriptions and feature lists.","k":"section","s":"21st","c":"marketing/features","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/usecase-2/default/preview.1768227325075.png","pc":"ziegfiroyt"},{"id":"21st:zipfelbube03__diagonal-hover-reveal","t":"Diagonal hover reveal","d":"A mouse-tracked before/after comparison component with a diagonal clip-path divider. Hover to reveal — the line follows your cursor and snaps back with spring easing on mouse leave","k":"section","s":"21st","c":"marketing/comparison","a":"zipfelbube03","pl":"https://cdn.21st.dev/zipfelbube03/diagonal-hover-reveal/default/preview.1773755247928.png","pc":"zipfelbube03"},{"id":"21st:zochory__animated-loading-svg-text-shimmer","t":"Animated loading svg text shimmer","d":"An animated loading breadcrumb component with a spinning SVG loader icon, shimmer text effect, and chevron. Perfect for indicating loading states in a visually appealing way.","k":"motion","s":"21st","c":"motion/text-effect","a":"zochory","u":52,"pl":"https://cdn.21st.dev/zochory/animated-loading-svg-text-shimmer/default/preview.1772182488136.png","pc":"zochory","tg":["spinner"],"sb":"Gradient and shimmer"},{"id":"21st:zochory__copy-button-variants","t":"Copy button variants","d":"CopyButton with crossfade animation between two state/content","s":"21st","c":"actions/copy-button","a":"zochory","st":"rated","u":14,"pl":"https://cdn.21st.dev/zochory/copy-button-variants/default/preview.1763938028517.png","pc":"zochory","sc":16},{"id":"21st:zochory__dropdown-menu-apps-sdk-ui","t":"Dropdown menu apps sdk ui","d":"Menu -Structured actions in a dropdown list based on the OpenAI Apps SDK UI","s":"21st","c":"navigation/menu","a":"zochory","pl":"https://cdn.21st.dev/zochory/dropdown-menu-apps-sdk-ui/default/preview.1763837945010.png","pc":"zochory","sb":"Dropdowns"},{"id":"21st:zochory__prompt-input-dynamic-grow","t":"Prompt input dynamic grow","d":"A prompt input that grow on click, with subtle glow, and a onFocus on click ripple effect. shrink when not anymore inFocus","s":"21st","c":"ai-agent/composer","a":"zochory","st":"rated","u":140,"pl":"https://cdn.21st.dev/zochory/prompt-input-dynamic-grow/default/preview.1761169709563.png","pc":"zochory","tg":["input"],"sc":18},{"id":"21st:zochory__segmented-control","t":"Segmented control","d":"Toggle through grouped options - based on OpenAI Apps SDK UI","s":"21st","c":"actions/segmented-control","a":"zochory","st":"rated","pl":"https://cdn.21st.dev/zochory/segmented-control/default/preview.1763844793015.png","pc":"zochory","sc":17},{"id":"21st:zochory__sign-in-minimalist","t":"Sign in minimalist","s":"21st","c":"flows/sign-in","a":"zochory","pl":"https://cdn.21st.dev/zochory/sign-in-minimalist/default/preview.1765099849197.png","pc":"zochory","sb":"Sign in"},{"id":"21st:zochory__toggle-switch-glass","t":"Toggle switch glass","d":"A glass-style toggle switch with smooth, tactile animations and light/dark mode support. ","s":"21st","c":"actions/switch","a":"zochory","pl":"https://cdn.21st.dev/zochory/toggle-switch-glass/default/preview.1766687437295.png","pc":"zochory","tg":["toggle"]},{"id":"21st:zulelee__nova-sphere","t":"Nova sphere","d":"An animated 3D sphere background with pulsating particles, wireframe layers, and electric connections. Creates an epic backdrop for modern tech interfaces.","k":"motion","s":"21st","c":"motion/background","a":"zulelee","pl":"https://cdn.21st.dev/zulelee/nova-sphere/default/preview.1748209782092.png","pc":"zulelee"},{"id":"21st:zzzzshawn__dotm-circular-10","t":"Dotm circular 10","d":"Animated dot-matrix loading spinner whose binary-style opacity tiers pulse in modular steps so only a few cells peak at once, producing a crisp coded circular bloom.","s":"21st","c":"status/loader","a":"zzzzshawn","pl":"https://cdn.21st.dev/zzzzshawn/dotm-circular-10/default/preview.1784450652892-4f5ce91d-8a1b-45ad-b85f-1f6ee32e00db.png","pc":"zzzzshawn","tg":["spinner"],"sb":"Dots and pulse"},{"id":"21st:zzzzshawn__dotm-circular-12","t":"Dotm circular 12","d":"An animated dot-matrix loading spinner where a stepped beam sweeps around a circular grid with a dim opposite echo and diagonal spoke accents.","s":"21st","c":"status/loader","a":"zzzzshawn","pl":"https://cdn.21st.dev/zzzzshawn/dotm-circular-12/default/preview.1784397695668-31c40e88-8398-4132-b7a4-7792e08040d9.png","pc":"zzzzshawn","tg":["spinner"],"sb":"Dots and pulse"},{"id":"21st:zzzzshawn__dotm-circular-18","t":"Dotm circular 18","d":"An animated dot-matrix loading indicator whose mirrored braille dot pairs pulse from the top and bottom toward the center with a connective center-column accent.","s":"21st","c":"status/loader","a":"zzzzshawn","pl":"https://cdn.21st.dev/zzzzshawn/dotm-circular-18/default/preview.1784752988015-771e7c6c-36b1-4cc0-8b52-c81c80016d3c.png","pc":"zzzzshawn","tg":["spinner"],"sb":"Dots and pulse"},{"id":"21st:zzzzshawn__dotm-circular-20","t":"Dotm circular 20","d":"Animated dot-matrix loader that cycles through distinct braille-like glyphs with previous-frame ghosting for a crisp, readable symbol transition.","s":"21st","c":"status/loader","a":"zzzzshawn","u":9,"pl":"https://cdn.21st.dev/zzzzshawn/dotm-circular-20/default/preview.1784452179069-ffa80148-c643-4e3c-9ce9-98e3004bc840.png","pc":"zzzzshawn","tg":["spinner"],"sb":"Dots and pulse"},{"id":"21st:zzzzshawn__dotm-circular-3","t":"Dotm circular 3","d":"An animated dot-matrix loading spinner where a plasma-like comet sweep and pulsing core move through a circular mask.","s":"21st","c":"status/loader","a":"zzzzshawn","pl":"https://cdn.21st.dev/zzzzshawn/dotm-circular-3/default/preview.1784462112038-38c20130-89eb-4d9e-8fc0-a2f851538a3f.png","pc":"zzzzshawn","sb":"Dots and pulse"},{"id":"21st:zzzzshawn__dotm-circular-7","t":"Dotm circular 7","d":"Animated circular dot-matrix loader whose scanning gate alternates between vertical and horizontal sweeps, producing a crisp shutter rhythm across a masked grid of dots.","s":"21st","c":"status/loader","a":"zzzzshawn","pl":"https://cdn.21st.dev/zzzzshawn/dotm-circular-7/default/preview.1784755096616-3198d384-b9ca-4206-825a-9b6f7da1307f.png","pc":"zzzzshawn","sb":"Dots and pulse"},{"id":"21st:zzzzshawn__dotm-circular-8","t":"Dotm circular 8","d":"A circular dot-matrix loading animation whose center pulses with a dual-beat heartbeat cadence, radiating soft concentric waves.","s":"21st","c":"status/loader","a":"zzzzshawn","pl":"https://cdn.21st.dev/zzzzshawn/dotm-circular-8/default/preview.1784395079971-6a3a76c1-97d3-4b5e-adee-741e0a643b98.png","pc":"zzzzshawn","sb":"Dots and pulse"},{"id":"21st:zzzzshawn__dotm-hex-10","t":"Dotm hex 10","d":"An animated hexagonal dot-matrix loading indicator with a liquid swirl shimmer that ripples through the hex lattice.","s":"21st","c":"status/loader","a":"zzzzshawn","pl":"https://cdn.21st.dev/zzzzshawn/dotm-hex-10/default/preview.1785536522456-805bb17d-23ae-46e6-b509-26590a115e0d.png","pc":"zzzzshawn","sb":"Dots and pulse"},{"id":"21st:zzzzshawn__dotm-square-2","t":"Dotm square 2","d":"An animated dot-matrix loading spinner whose lit dots trace a clockwise snake route column by column across a 5x5 grid.","s":"21st","c":"status/loader","a":"zzzzshawn","pl":"https://cdn.21st.dev/zzzzshawn/dotm-square-2/default/preview.1784471633859-a45dca0b-63b8-417b-8a6a-a172715ce78a.png","pc":"zzzzshawn","tg":["spinner"],"sb":"Dots and pulse"},{"id":"21st:zzzzshawn__dotm-square-4","t":"Dotm square 4","d":"Animated dot-matrix loading spinner where two counter-rotating rings of dots orbit around a still center.","s":"21st","c":"status/loader","a":"zzzzshawn","u":9,"pl":"https://cdn.21st.dev/zzzzshawn/dotm-square-4/default/preview.1784429332051-7d63135f-adbd-4619-94b0-837da310765c.png","pc":"zzzzshawn","tg":["spinner"],"sb":"Dots and pulse"},{"id":"21st:zzzzshawn__dotm-square-6","t":"Dotm square 6","d":"Animated dot-matrix loader where alternating columns of dots snake up and down in opposite directions.","s":"21st","c":"layout/bento-grid","a":"zzzzshawn","pl":"https://cdn.21st.dev/zzzzshawn/dotm-square-6/default/preview.1784396375439-0d3d8914-c20a-4ecf-ac1e-55f3e174d420.png","pc":"zzzzshawn","tg":["grid"]},{"id":"21st:zzzzshawn__dotm-triangle-13","t":"Dotm triangle 13","d":"An animated dot-matrix loading indicator where a stepped snake traces a serpentine zigzag path with a soft trailing tail across a triangle-shaped grid.","s":"21st","c":"status/loader","a":"zzzzshawn","pl":"https://cdn.21st.dev/zzzzshawn/dotm-triangle-13/default/preview.1785537323885-690c9a4e-3f2e-44f7-9578-070d00b14312.png","pc":"zzzzshawn","sb":"Dots and pulse"},{"id":"21st:zzzzshawn__dotm-triangle-4","t":"Dotm triangle 4","d":"A dot-matrix loading spinner where three dots chase around a triangle outline leaving short fading trails while the dots stay fixed in place.","k":"motion","s":"21st","c":"motion/border","a":"zzzzshawn","pl":"https://cdn.21st.dev/zzzzshawn/dotm-triangle-4/default/preview.1785536900307-0212bbb9-2ee5-42d5-b334-2d9f80df90b8.png","pc":"zzzzshawn"},{"id":"21st:0xuser64bit__code-block","t":"Code block","d":"A figure that displays source code with a filename/language caption and a one-click copy-to-clipboard button, for showing selectable snippets with long lines.","s":"21st","c":"data-display/code-block","a":"0xuser64bit","pl":"https://cdn.21st.dev/0xuser64bit/code-block/default/preview.1791241432188-ba0f1427-5291-47e0-9a23-610d5d78d4b8.png","pc":"0xuser64bit"},{"id":"21st:0xuser64bit__image-compare","t":"Image compare","d":"A before/after image slider that reveals two overlapping images with a draggable divider you control by pointer, touch, or a range input.","s":"21st","c":"media/image-compare","a":"0xuser64bit","pl":"https://cdn.21st.dev/0xuser64bit/image-compare/default/preview.1791243616473-4749cd1f-8d09-4fee-839f-9f2567a31978.png","pc":"0xuser64bit"},{"id":"21st:0xuser64bit__signal","t":"Signal","d":"A draggable canvas waveform scrubber that animates a sine-based signal line and lets users scrub its phase by dragging or using a slider.","s":"21st","c":"other","a":"0xuser64bit","pl":"https://cdn.21st.dev/0xuser64bit/signal/default/preview.1791233291570-e2fe99a2-4357-4713-9184-279586c25df9.png","pc":"0xuser64bit"},{"id":"21st:1laruk24__volna","t":"Volna","d":"Animated (shimmer) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"1laruk24","pl":"https://cdn.21st.dev/1laruk24/volna/default/preview.1791300045611-55050576-6964-47ca-9611-85861f7a740e.webp","pc":"1laruk24","sb":"Dither"},{"id":"21st:21st__abacus-count","t":"Abacus count","d":"Abacus Number Settle is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts ","s":"21st","c":"motion/number-ticker","a":"21st","pl":"https://cdn.21st.dev/21st/abacus-count/default/preview.1791583300700-6e0ba15d-113c-4128-8f8f-dc6e314dbe59.jpg","pc":"21st"},{"id":"21st:21st__accent-pill-title","t":"Accent pill title","d":"Accent Pill Title is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 2.5 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts ","k":"motion","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/accent-pill-title/default/preview.1791340171519-ea6fc6b8-9484-4323-b542-78942c220a20.jpg","pc":"21st"},{"id":"21st:21st__accordion-zine-unfold","t":"Accordion zine unfold","d":"Accordion Screenshot Fold is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text,","s":"21st","c":"data-display/accordion","a":"21st","pl":"https://cdn.21st.dev/21st/accordion-zine-unfold/default/preview.1791581246507-d5975aab-72ef-4d2b-a7a4-6c6d24a648da.jpg","pc":"21st"},{"id":"21st:21st__address-bar-cta","t":"Address bar cta","d":"Typed URL Opens Site is an end card animation for Remotion videos. Closes a video with a next step. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors and fo","k":"section","s":"21st","c":"marketing/cta","a":"21st","pl":"https://cdn.21st.dev/21st/address-bar-cta/default/preview.1791349052375-d35c3273-58f2-4a80-9873-0ed86b8a0161.jpg","pc":"21st","sb":"Banners"},{"id":"21st:21st__agent-steps","t":"Agent steps","d":"Agent Steps is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 4 seconds in 16:9, 9:16 and 1:1, with editable text, items, colors ","s":"21st","c":"ai-agent/ai-agent","a":"21st","pl":"https://cdn.21st.dev/21st/agent-steps/default/preview.1791339991970-db01f02a-0825-4ab9-b98b-0d750378849d.jpg","pc":"21st","sb":"Reasoning and tools"},{"id":"21st:21st__anamorphic-alignment","t":"Anamorphic alignment","d":"Shattered Title Assembly is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images, c","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/anamorphic-alignment/default/preview.1791543041425-175d20a8-41be-48b0-8c86-2b83e319b0ed.jpg","pc":"21st","sb":"Rotating words"},{"id":"21st:21st__aperture-grid-reveal","t":"Aperture grid reveal","d":"Iris Grid Image Reveal is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, ima","s":"21st","c":"layout/page-shell","a":"21st","pl":"https://cdn.21st.dev/21st/aperture-grid-reveal/default/preview.1791583609124-b2b3211e-a2e3-425c-a753-0f3a139460b2.jpg","pc":"21st"},{"id":"21st:21st__app-card-pop","t":"App card pop","d":"App Card Pop is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 3 seconds in 16:9, 9:16 and 1:1, with editable text, images, colo","s":"21st","c":"data-display/card","a":"21st","pl":"https://cdn.21st.dev/21st/app-card-pop/default/preview.1791340020212-0b158752-e60a-485b-859c-94b2cf6f6aef.jpg","pc":"21st"},{"id":"21st:21st__ascii-resolve","t":"Ascii resolve","d":"ASCII Screenshot Resolve is a code animation for Remotion videos. Explains commands, code changes and developer workflows. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text","k":"motion","s":"21st","c":"motion/ascii","a":"21st","pl":"https://cdn.21st.dev/21st/ascii-resolve/default/preview.1791578455163-5a605319-3f81-49ca-b988-1afe1e1246d2.jpg","pc":"21st"},{"id":"21st:21st__aurora-silk","t":"Aurora silk","d":"Aurora Silk is an animated background for Remotion videos. Sets the atmosphere behind the rest of a scene. Loops every 8 seconds in 16:9, 9:16 and 1:1, with editable colors, ribbon","s":"21st","c":"motion/background","a":"21st","pl":"https://cdn.21st.dev/21st/aurora-silk/default/preview.1791515198301-acdd5dc7-d36b-46a4-a9f6-f9b53cabdae4.jpg","pc":"21st","sb":"Gradients and aurora"},{"id":"21st:21st__automaton-rewind","t":"Automaton rewind","d":"Automaton Logo Rewind is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors ","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/automaton-rewind/default/preview.1791578573416-1d630ab0-a06f-4a93-98a6-bc8533fb5232.jpg","pc":"21st"},{"id":"21st:21st__badge-row","t":"Badge row","d":"Badge Row is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 3 seconds in 16:9, 9:16 and 1:1, with editable text, items, colors a","s":"21st","c":"data-display/badge","a":"21st","pl":"https://cdn.21st.dev/21st/badge-row/default/preview.1791515325544-0fb5cfa4-8672-4f73-b541-c43e7ad09c1b.jpg","pc":"21st"},{"id":"21st:21st__band-wipe-stack","t":"Band wipe stack","d":"Band Wipe Stack is a transition for Remotion videos. Cuts from one scene to the next. Plays 0.7 seconds in 16:9, 1:1 and 9:16, with editable text, colors, fonts and bands.","s":"21st","c":"media/card-stack","a":"21st","pl":"https://cdn.21st.dev/21st/band-wipe-stack/default/preview.1791340270592-ad7d93b2-8adb-4d0f-b7a7-a8b1ea63c9fd.jpg","pc":"21st"},{"id":"21st:21st__bar-built-digits","t":"Bar built digits","d":"Bar-Built Digits is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and ","s":"21st","c":"data-viz/chart","a":"21st","pl":"https://cdn.21st.dev/21st/bar-built-digits/default/preview.1791536771969-2ec1c523-4d13-44d1-9f73-b09d01850746.jpg","pc":"21st","sb":"Bar"},{"id":"21st:21st__bar-chart","t":"Bar chart","d":"Bar Chart Rise is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 3 seconds in 16:9, 9:16 and 1:1, with editable text, items, colors and fo","s":"21st","c":"data-viz/chart","a":"21st","pl":"https://cdn.21st.dev/21st/bar-chart/default/preview.1791340215468-2cfcad53-1151-49f8-8501-7d3f3c75bafe.jpg","pc":"21st","sb":"Bar"},{"id":"21st:21st__bayer-dither-dissolve","t":"Bayer dither dissolve","d":"Pixelated Screenshot Reveal is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable tex","s":"21st","c":"motion/background","a":"21st","pl":"https://cdn.21st.dev/21st/bayer-dither-dissolve/default/preview.1791547058986-5889fdae-de10-4f65-9ae9-c4dfbcefcaff.jpg","pc":"21st"},{"id":"21st:21st__bead-curtain-reveal","t":"Bead curtain reveal","d":"Bead Curtain Reveal is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, image","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/bead-curtain-reveal/default/preview.1791574456214-8faf43fc-0297-4c63-9d0e-2f6433073c3f.jpg","pc":"21st","sb":"Reveal and entrance"},{"id":"21st:21st__beat-word-slam","t":"Beat word slam","d":"Beat Word Slam is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 3.2 seconds in 16:9, 9:16 and 1:1, with editable items, colors, fonts an","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/beat-word-slam/default/preview.1791339612909-af2b86fc-b92b-4d03-9ddf-0c65655902ea.jpg","pc":"21st"},{"id":"21st:21st__before-after-reveal","t":"Before after reveal","d":"Before and After Reveal is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, i","s":"21st","c":"media/image-compare","a":"21st","pl":"https://cdn.21st.dev/21st/before-after-reveal/default/preview.1791339967881-fd9dc68b-0eb8-4f54-9ae1-3cf1d1d88c92.jpg","pc":"21st"},{"id":"21st:21st__bento-feature-tour","t":"Bento feature tour","d":"Bento Feature Tour is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, images","k":"section","s":"21st","c":"marketing/features","a":"21st","pl":"https://cdn.21st.dev/21st/bento-feature-tour/default/preview.1791339882576-89a8ecb8-df77-4ca0-aef3-0297684fd3f9.jpg","pc":"21st","sb":"Bento"},{"id":"21st:21st__big-bang","t":"Big bang","d":"Big Bang Burst is a device mockup animation for Remotion videos. Presents screens inside phones, laptops and other devices. Plays 4 seconds in 1:1, 9:16 and 16:9, with editable tex","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/big-bang/default/preview.1791515397250-8ea6a923-2aa0-4d08-b439-14788d47ac35.jpg","pc":"21st"},{"id":"21st:21st__blur-dissolve","t":"Blur dissolve","d":"Blur Dissolve is a transition for Remotion videos. Cuts from one scene to the next. Plays 0.4 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and blur.","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/blur-dissolve/default/preview.1791339963465-2117b80c-74dd-4ee6-873d-349b6a1a9e8e.jpg","pc":"21st","sb":"Reveal and entrance"},{"id":"21st:21st__branch-tree","t":"Branch tree","d":"Branch Tree Build is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 6.7 seconds in 16:9, 1:1 and 9:16, with editable text, items,","s":"21st","c":"data-display/tree","a":"21st","pl":"https://cdn.21st.dev/21st/branch-tree/default/preview.1791340089101-75f48487-f0c9-42d5-985e-9ec15eb5e15b.jpg","pc":"21st"},{"id":"21st:21st__caustic-pool-logo","t":"Caustic pool logo","d":"Caustic Pool Logo is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors and ","k":"resource","s":"21st","c":"assets/logo","a":"21st","pl":"https://cdn.21st.dev/21st/caustic-pool-logo/default/preview.1791577358711-35fd7b77-e6a5-4923-a405-eba913dfb94a.jpg","pc":"21st"},{"id":"21st:21st__chat-thread","t":"Chat thread","d":"Chat Thread is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, items, colors","s":"21st","c":"ai-agent/ai-agent","a":"21st","pl":"https://cdn.21st.dev/21st/chat-thread/default/preview.1791341041219-3f499e9c-cfe6-451c-ad1e-f7274565ad96.jpg","pc":"21st","sb":"Chat"},{"id":"21st:21st__chip-grid","t":"Chip grid","d":"Chip Grid is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 4 seconds in 16:9, 9:16 and 1:1, with editable text, items, colors an","s":"21st","c":"data-display/badge","a":"21st","pl":"https://cdn.21st.dev/21st/chip-grid/default/preview.1791340338533-7a5cecd4-8d80-4940-b28f-a0e17d8c3124.jpg","pc":"21st","sb":"Tags and pills"},{"id":"21st:21st__chroma-slam","t":"Chroma slam","d":"Chromatic Slam is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 2.5 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/chroma-slam/default/preview.1791340476063-cbe5d76b-c18c-40ea-ba99-d8cb1879ad26.jpg","pc":"21st"},{"id":"21st:21st__circle-pack-word","t":"Circle pack word","d":"Circle Packed Letters is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, font","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/circle-pack-word/default/preview.1791582214613-cfb15328-a02c-4a70-a261-5ba1dbbc2c1f.jpg","pc":"21st"},{"id":"21st:21st__cli-cascade","t":"Cli cascade","d":"CLI Cascade is a code animation for Remotion videos. Explains commands, code changes and developer workflows. Plays 4.7 seconds in 16:9, 9:16 and 1:1, with editable text, items, co","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/cli-cascade/default/preview.1791515418105-c543be14-3501-40b8-b057-330846e6897c.jpg","pc":"21st"},{"id":"21st:21st__cloth-banner-drop","t":"Cloth banner drop","d":"Falling Fabric Headline is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fo","s":"21st","c":"overlays/alert-banner","a":"21st","pl":"https://cdn.21st.dev/21st/cloth-banner-drop/default/preview.1791582370477-e55659ef-d979-44bf-bb88-4a1e17696b6e.jpg","pc":"21st"},{"id":"21st:21st__cmyk-pass-print","t":"Cmyk pass print","d":"CMYK Pass is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable images, colors, misre","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/cmyk-pass-print/default/preview.1791542963462-7ed32820-b6ec-41e1-8d88-37f24b338226.jpg","pc":"21st"},{"id":"21st:21st__code-morph","t":"Code morph","d":"Code Morph is a code animation for Remotion videos. Explains commands, code changes and developer workflows. Plays 3.7 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fo","k":"motion","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/code-morph/default/preview.1791515407494-d69de951-e656-4de2-88dd-1281bfba9761.jpg","pc":"21st","sb":"Rotating words"},{"id":"21st:21st__code-output-split","t":"Code output split","d":"Code and Output Split is a code animation for Remotion videos. Explains commands, code changes and developer workflows. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, i","s":"21st","c":"data-display/code-block","a":"21st","pl":"https://cdn.21st.dev/21st/code-output-split/default/preview.1791339926083-cd3a74dc-937c-499d-a10d-5488d020cb80.jpg","pc":"21st"},{"id":"21st:21st__command-palette-action","t":"Command palette action","d":"Command Palette Action is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, it","s":"21st","c":"navigation/command-palette","a":"21st","pl":"https://cdn.21st.dev/21st/command-palette-action/default/preview.1791339801340-3b2c9ad2-b7c6-4c0d-8473-ee2fd17f5f69.jpg","pc":"21st"},{"id":"21st:21st__component-broll","t":"Component broll","d":"Component B-roll is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, images, c","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/component-broll/default/preview.1791515471880-b32fdbfa-ccd4-40ce-bd5a-2fb8f022b7a5.jpg","pc":"21st"},{"id":"21st:21st__condensation-swipe","t":"Condensation swipe","d":"Condensation Swipe is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images","s":"21st","c":"media/card-stack","a":"21st","pl":"https://cdn.21st.dev/21st/condensation-swipe/default/preview.1791574002185-201fa94b-edb5-438b-aa4c-11e646b73606.jpg","pc":"21st"},{"id":"21st:21st__constellation-logo","t":"Constellation logo","d":"Constellation Logo is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 7 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors and","k":"resource","s":"21st","c":"assets/logo","a":"21st","pl":"https://cdn.21st.dev/21st/constellation-logo/default/preview.1791575557435-2b1f4f13-fb92-43c6-9a03-3afc7a4eceea.jpg","pc":"21st"},{"id":"21st:21st__construction-lines-logo","t":"Construction lines logo","d":"Logo Construction Lines is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 7 seconds in 16:9, 9:16 and 1:1, with editable text, images, color","k":"resource","s":"21st","c":"assets/logo","a":"21st","pl":"https://cdn.21st.dev/21st/construction-lines-logo/default/preview.1791553002731-b825419f-f6e5-46b2-8edf-a369ee8645be.jpg","pc":"21st"},{"id":"21st:21st__constructivist-wedge","t":"Constructivist wedge","d":"Diagonal Wedge Headline is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fo","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/constructivist-wedge/default/preview.1791582399314-a6253ec2-9ea8-4a93-a619-3f9f7c0f2b7f.jpg","pc":"21st"},{"id":"21st:21st__context-split-panel","t":"Context split panel","d":"Context Split Panel is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, image","s":"21st","c":"data-display/card","a":"21st","pl":"https://cdn.21st.dev/21st/context-split-panel/default/preview.1791340130847-344ae1ab-25f3-4a17-a528-6e374efc0bfa.jpg","pc":"21st"},{"id":"21st:21st__counter-lookup","t":"Counter lookup","d":"Counter Lookup is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, items, colors and fo","k":"motion","s":"21st","c":"motion/number-ticker","a":"21st","pl":"https://cdn.21st.dev/21st/counter-lookup/default/preview.1791340004731-ad545f45-a2ac-4789-aaae-8908897e4e4b.jpg","pc":"21st"},{"id":"21st:21st__crossing-tape-bands","t":"Crossing tape bands","d":"Crossing Tape Headlines is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors and","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/crossing-tape-bands/default/preview.1791575962400-24e7f96a-8475-44ce-aefe-6a126d51dae4.jpg","pc":"21st"},{"id":"21st:21st__crown-splash-logo","t":"Crown splash logo","d":"Crown Splash Logo is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors and ","k":"resource","s":"21st","c":"assets/logo","a":"21st","pl":"https://cdn.21st.dev/21st/crown-splash-logo/default/preview.1791575992892-bd05a7fa-7c09-4b93-9bf2-f0be05b4aaaf.jpg","pc":"21st"},{"id":"21st:21st__cta-glow-card","t":"Cta glow card","d":"CTA Glow Card is an end card animation for Remotion videos. Closes a video with a next step. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and glow.","k":"section","s":"21st","c":"marketing/cta","a":"21st","pl":"https://cdn.21st.dev/21st/cta-glow-card/default/preview.1791339774267-28395748-98d3-4057-b6c1-5dab5e747e05.jpg","pc":"21st","sb":"Cards"},{"id":"21st:21st__cube-net-unfold","t":"Cube net unfold","d":"Screenshot Cross Unfold is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, i","s":"21st","c":"motion/tilt-3d","a":"21st","pl":"https://cdn.21st.dev/21st/cube-net-unfold/default/preview.1791581223175-9d51fe57-119f-459a-b12b-d531b3615916.jpg","pc":"21st"},{"id":"21st:21st__cursor-adaptive","t":"Cursor adaptive","d":"Adaptive Cursor is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 3.7 seconds in 16:9, 9:16 and 1:1, with editable text","k":"motion","s":"21st","c":"motion/cursor","a":"21st","pl":"https://cdn.21st.dev/21st/cursor-adaptive/default/preview.1791515489223-e6cde790-05c6-4fc0-adac-c1787dce94b3.jpg","pc":"21st"},{"id":"21st:21st__cursor-chat","t":"Cursor chat","d":"Cursor Chat Comment is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 6.5 seconds in 16:9, 9:16 and 1:1, with editable ","s":"21st","c":"ai-agent/ai-agent","a":"21st","pl":"https://cdn.21st.dev/21st/cursor-chat/default/preview.1791417712558-873568eb-208c-4266-aad9-5d4119adfd29.jpg","pc":"21st","sb":"Chat"},{"id":"21st:21st__cursor-classic","t":"Cursor classic","d":"Classic Cursor Click is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 4.3 seconds in 16:9, 9:16 and 1:1, with editable","k":"motion","s":"21st","c":"motion/cursor","a":"21st","pl":"https://cdn.21st.dev/21st/cursor-classic/default/preview.1791417732589-aa9d8453-07ba-44a3-9235-fa6c4e50c1b0.jpg","pc":"21st"},{"id":"21st:21st__cursor-click","t":"Cursor click","d":"Cursor Click is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 3 seconds in 16:9, 9:16 and 1:1, with editable text, colors, font","k":"motion","s":"21st","c":"motion/cursor","a":"21st","pl":"https://cdn.21st.dev/21st/cursor-click/default/preview.1791340356042-4915e7ea-7cc9-45d6-879c-8d248e2f07a2.jpg","pc":"21st"},{"id":"21st:21st__cursor-comet","t":"Cursor comet","d":"Comet Trail Cursor is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 4.2 seconds in 16:9, 9:16 and 1:1, with editable t","k":"motion","s":"21st","c":"motion/cursor","a":"21st","pl":"https://cdn.21st.dev/21st/cursor-comet/default/preview.1791515481180-5dee9790-002a-422f-a82d-3218975be664.jpg","pc":"21st"},{"id":"21st:21st__cursor-cta","t":"Cursor cta","d":"Cursor CTA Press is an end card animation for Remotion videos. Closes a video with a next step. Plays 3 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and variant","k":"section","s":"21st","c":"marketing/cta","a":"21st","pl":"https://cdn.21st.dev/21st/cursor-cta/default/preview.1791339659105-0dcc4946-c9c6-49ca-b3e3-bd5e210f3ebe.jpg","pc":"21st"},{"id":"21st:21st__cursor-dot-ring","t":"Cursor dot ring","d":"Dot and Ring Cursor is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 4 seconds in 16:9, 9:16 and 1:1, with editable te","k":"motion","s":"21st","c":"motion/cursor","a":"21st","pl":"https://cdn.21st.dev/21st/cursor-dot-ring/default/preview.1791417972598-aaf78dae-b0b2-4e71-93fc-f781d138fb19.jpg","pc":"21st"},{"id":"21st:21st__cursor-drag","t":"Cursor drag","d":"Cursor Drag is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 3.5 seconds in 16:9, 1:1 and 9:16, with editable text, items, colo","k":"motion","s":"21st","c":"motion/cursor","a":"21st","pl":"https://cdn.21st.dev/21st/cursor-drag/default/preview.1791339575379-ca8e32ae-70ce-4145-b435-28a1c59ac7c8.jpg","pc":"21st"},{"id":"21st:21st__cursor-glass","t":"Cursor glass","d":"Glass Cursor is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 3.8 seconds in 16:9, 9:16 and 1:1, with editable text, c","k":"motion","s":"21st","c":"motion/cursor","a":"21st","pl":"https://cdn.21st.dev/21st/cursor-glass/default/preview.1791515536665-f6c88da2-c911-4f75-a316-fd4af71944e0.jpg","pc":"21st"},{"id":"21st:21st__cursor-gradient","t":"Cursor gradient","d":"Gradient Cursor is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 3.7 seconds in 16:9, 9:16 and 1:1, with editable text","k":"motion","s":"21st","c":"motion/gradient","a":"21st","pl":"https://cdn.21st.dev/21st/cursor-gradient/default/preview.1791515552096-97f52f40-b486-4231-a996-a04950529b1e.jpg","pc":"21st"},{"id":"21st:21st__cursor-halo","t":"Cursor halo","d":"Halo Cursor is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 3.7 seconds in 16:9, 9:16 and 1:1, with editable text, it","k":"motion","s":"21st","c":"motion/cursor","a":"21st","pl":"https://cdn.21st.dev/21st/cursor-halo/default/preview.1791418034444-d77176bd-02d4-4b83-8651-10efc2802845.jpg","pc":"21st"},{"id":"21st:21st__cursor-morph","t":"Cursor morph","d":"Cursor Changes Shape is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable t","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/cursor-morph/default/preview.1791417754060-21ec3355-342d-46de-ad27-e0df590cc7dd.jpg","pc":"21st","sb":"Rotating words"},{"id":"21st:21st__cursor-name-tag","t":"Cursor name tag","d":"Name Tag Cursor is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 4.4 seconds in 16:9, 9:16 and 1:1, with editable text","s":"21st","c":"data-display/badge","a":"21st","pl":"https://cdn.21st.dev/21st/cursor-name-tag/default/preview.1791515546586-9af9f2e1-3c98-4b59-874b-2f28ed058748.jpg","pc":"21st","sb":"Tags and pills"},{"id":"21st:21st__cursor-neon","t":"Cursor neon","d":"Neon Cursor is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 3.8 seconds in 16:9, 9:16 and 1:1, with editable text, it","k":"motion","s":"21st","c":"motion/cursor","a":"21st","pl":"https://cdn.21st.dev/21st/cursor-neon/default/preview.1791515608227-0e40ac44-16a3-4ce6-9fd7-d3694dba6a2e.jpg","pc":"21st"},{"id":"21st:21st__cursor-pixel","t":"Cursor pixel","d":"Pixel Cursor is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 4 seconds in 16:9, 9:16 and 1:1, with editable text, ite","k":"motion","s":"21st","c":"motion/cursor","a":"21st","pl":"https://cdn.21st.dev/21st/cursor-pixel/default/preview.1791418089780-7ad867bf-df73-4635-b5da-f58e4bd2ceda.jpg","pc":"21st"},{"id":"21st:21st__cursor-sketch","t":"Cursor sketch","d":"Sketch Cursor is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 4 seconds in 16:9, 9:16 and 1:1, with editable text, it","k":"motion","s":"21st","c":"motion/cursor","a":"21st","pl":"https://cdn.21st.dev/21st/cursor-sketch/default/preview.1791418113061-a833f58d-d07d-48dc-8211-e5c573a1003b.jpg","pc":"21st"},{"id":"21st:21st__cursor-spotlight","t":"Cursor spotlight","d":"Cursor Spotlight Reveal is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 5.3 seconds in 16:9, 9:16 and 1:1, with edita","k":"motion","s":"21st","c":"motion/background","a":"21st","pl":"https://cdn.21st.dev/21st/cursor-spotlight/default/preview.1791515632856-ade4a32d-6738-47b0-8c99-3f6272582b23.jpg","pc":"21st","sb":"Beams and light"},{"id":"21st:21st__cursor-touch","t":"Cursor touch","d":"Touch Hand Cursor is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 4 seconds in 16:9, 9:16 and 1:1, with editable text","k":"motion","s":"21st","c":"motion/cursor","a":"21st","pl":"https://cdn.21st.dev/21st/cursor-touch/default/preview.1791515617732-f9bf89b5-26fb-4589-8f0a-dda76a53e9a4.jpg","pc":"21st"},{"id":"21st:21st__de-stijl-partition","t":"De stijl partition","d":"Sliding Screenshot Color Planes is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/de-stijl-partition/default/preview.1791582426350-fc125522-81c2-4077-9b6e-ce25bdd61b1b.jpg","pc":"21st"},{"id":"21st:21st__diagonal-wipe","t":"Diagonal wipe","d":"Diagonal Wipe is a transition for Remotion videos. Cuts from one scene to the next. Plays 0.6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, edge and direction.","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/diagonal-wipe/default/preview.1791339842895-d5d7ba97-5a92-44bc-958a-e09f069e8d85.jpg","pc":"21st"},{"id":"21st:21st__diff-card","t":"Diff card","d":"Diff Card is a code animation for Remotion videos. Explains commands, code changes and developer workflows. Plays 3.7 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fon","s":"21st","c":"data-display/diff","a":"21st","pl":"https://cdn.21st.dev/21st/diff-card/default/preview.1791515663182-761bcc7c-89b3-4bf8-8c5b-9fc5fc914bf5.jpg","pc":"21st"},{"id":"21st:21st__differential-growth-frame","t":"Differential growth frame","d":"Differential Growth is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts ","s":"21st","c":"data-display/diff","a":"21st","pl":"https://cdn.21st.dev/21st/differential-growth-frame/default/preview.1791539774807-86fcc20d-4f33-47d3-826e-9f19c99cc789.jpg","pc":"21st"},{"id":"21st:21st__document-transform","t":"Document transform","d":"Document to Workspace is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, ima","s":"21st","c":"inputs/form-field","a":"21st","pl":"https://cdn.21st.dev/21st/document-transform/default/preview.1791339646008-f377245f-d11e-4131-b074-cd349f9805d9.jpg","pc":"21st","sb":"Whole forms"},{"id":"21st:21st__dot-field-drops","t":"Dot field drops","d":"Dot Field Ripples is an animated background for Remotion videos. Sets the atmosphere behind the rest of a scene. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, ","s":"21st","c":"inputs/form-field","a":"21st","pl":"https://cdn.21st.dev/21st/dot-field-drops/default/preview.1791553065052-ff18c566-c8b9-457a-a87e-f82b41940307.jpg","pc":"21st"},{"id":"21st:21st__droste-recursion","t":"Droste recursion","d":"Droste Loop is a product UI animation for Remotion videos. Shows an action and its result inside a product. Loops every 8 seconds in 16:9, 9:16 and 1:1, with editable images, color","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/droste-recursion/default/preview.1791542948548-b788480c-b586-4740-886b-449d6bb4b236.jpg","pc":"21st"},{"id":"21st:21st__droste-word-tunnel","t":"Droste word tunnel","d":"Droste Word is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and dept","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/droste-word-tunnel/default/preview.1791547314890-aeb0a8d9-b798-4b01-8c9f-ea39bf625628.jpg","pc":"21st"},{"id":"21st:21st__eclipse-diamond-logo","t":"Eclipse diamond logo","d":"Diamond Ring Eclipse Logo is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images, col","k":"resource","s":"21st","c":"assets/logo","a":"21st","pl":"https://cdn.21st.dev/21st/eclipse-diamond-logo/default/preview.1791587200378-50e30876-2df2-4599-a6e3-66c205b53c05.jpg","pc":"21st"},{"id":"21st:21st__embroidery-type","t":"Embroidery type","d":"Cross Stitch Headline is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, font","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/embroidery-type/default/preview.1791587126319-87e432de-9fe0-4872-8f7e-14c199401f83.jpg","pc":"21st"},{"id":"21st:21st__emulsion-brush-develop","t":"Emulsion brush develop","d":"Brush Stroke Screenshot Reveal is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable ","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/emulsion-brush-develop/default/preview.1791543027238-6e92556e-c848-4442-81f9-7286ba8b125e.jpg","pc":"21st"},{"id":"21st:21st__engraved-line-render","t":"Engraved line render","d":"Engraved Screenshot is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable images, col","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/engraved-line-render/default/preview.1791533997854-8403a25a-af51-4c8c-a562-6e7266c417df.jpg","pc":"21st"},{"id":"21st:21st__environment-card-stack","t":"Environment card stack","d":"Environment Card Stack is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, im","s":"21st","c":"media/card-stack","a":"21st","pl":"https://cdn.21st.dev/21st/environment-card-stack/default/preview.1791340067902-7d36180f-c17b-4a42-8185-7e213d73ae2b.jpg","pc":"21st"},{"id":"21st:21st__extruded-buttons","t":"Extruded buttons","d":"Extruded Buttons is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 3.5 seconds in 1:1, 16:9 and 9:16, with editable text, items, colors and ","s":"21st","c":"actions/button","a":"21st","pl":"https://cdn.21st.dev/21st/extruded-buttons/default/preview.1791339880121-9ad9d7cf-c3a4-4395-a1d5-9fdf218c0947.jpg","pc":"21st"},{"id":"21st:21st__ferrofluid-reach","t":"Ferrofluid reach","d":"Ferrofluid Reach is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable images, colors, spikes and","s":"21st","c":"motion/background","a":"21st","pl":"https://cdn.21st.dev/21st/ferrofluid-reach/default/preview.1791547328929-d1b56ffb-baef-4ab8-b42e-bab27baaea94.jpg","pc":"21st","sb":"Shaders and WebGL"},{"id":"21st:21st__fiber-optic-logo","t":"Fiber optic logo","d":"Fiber Optic Logo is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 7 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors and f","k":"resource","s":"21st","c":"assets/logo","a":"21st","pl":"https://cdn.21st.dev/21st/fiber-optic-logo/default/preview.1791556656876-96c3060f-5dd3-4dc4-990c-fb93f155c8a6.jpg","pc":"21st"},{"id":"21st:21st__file-drop","t":"File drop","d":"Drop File to Upload is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable te","s":"21st","c":"inputs/file-upload","a":"21st","pl":"https://cdn.21st.dev/21st/file-drop/default/preview.1791417804558-72e15d42-61e2-41b5-a7b7-822613ed22cf.jpg","pc":"21st"},{"id":"21st:21st__file-tree","t":"File tree","d":"File Tree Reflow is a code animation for Remotion videos. Explains commands, code changes and developer workflows. Plays 5 seconds in 16:9, 1:1 and 9:16, with editable text, items,","s":"21st","c":"data-display/tree","a":"21st","pl":"https://cdn.21st.dev/21st/file-tree/default/preview.1791339861454-58a0bfcf-6444-4c43-ab73-f829b697827f.jpg","pc":"21st"},{"id":"21st:21st__flash-cut","t":"Flash cut","d":"Flash Cut is a transition for Remotion videos. Cuts from one scene to the next. Plays 0.3 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and strength.","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/flash-cut/default/preview.1791340175631-6ac71da4-4c08-4722-904e-c80b70da5521.jpg","pc":"21st"},{"id":"21st:21st__flow-field-threads","t":"Flow field threads","d":"Flow Field Headline is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts ","s":"21st","c":"inputs/form-field","a":"21st","pl":"https://cdn.21st.dev/21st/flow-field-threads/default/preview.1791579531506-545a6281-647e-47bb-9832-171892bba4dc.jpg","pc":"21st"},{"id":"21st:21st__focus-zoom","t":"Focus zoom","d":"Product Focus Zoom is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, images","s":"21st","c":"media/gallery","a":"21st","pl":"https://cdn.21st.dev/21st/focus-zoom/default/preview.1791348947277-805728e7-1eb0-4404-9dd5-3c513353cdd0.jpg","pc":"21st","sb":"Zoom and lens"},{"id":"21st:21st__foil-seal-number","t":"Foil seal number","d":"Metric Coin Spin is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and ","s":"21st","c":"motion/number-ticker","a":"21st","pl":"https://cdn.21st.dev/21st/foil-seal-number/default/preview.1791588186892-5571a104-2b51-4d14-872a-70ee13001c67.jpg","pc":"21st"},{"id":"21st:21st__folded-paper-logo","t":"Folded paper logo","d":"Folded Paper Logo Frame is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images, color","k":"resource","s":"21st","c":"assets/logo","a":"21st","pl":"https://cdn.21st.dev/21st/folded-paper-logo/default/preview.1791587126352-2c855d6c-e45d-4ea3-a692-f315173a8724.jpg","pc":"21st"},{"id":"21st:21st__font-shuffle","t":"Font shuffle","d":"Font Shuffle is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 2.5 seconds in 9:16, 1:1 and 16:9, with editable text, colors, fonts and s","k":"resource","s":"21st","c":"assets/font","a":"21st","pl":"https://cdn.21st.dev/21st/font-shuffle/default/preview.1791340080824-c913b545-f855-4387-98fe-20c823e1edbb.jpg","pc":"21st"},{"id":"21st:21st__frame-to-icon","t":"Frame to icon","d":"Frame To Icon is a transition for Remotion videos. Cuts from one scene to the next. Plays 0.9 seconds in 1:1, 9:16 and 16:9, with editable text, images, colors and fonts.","k":"resource","s":"21st","c":"assets/icon","a":"21st","pl":"https://cdn.21st.dev/21st/frame-to-icon/default/preview.1791515685726-5c8b0db4-1e2e-45c7-8294-5bae0c4835f5.jpg","pc":"21st"},{"id":"21st:21st__fresnel-lens-pass","t":"Fresnel lens pass","d":"Fresnel Lens Pass is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images,","s":"21st","c":"media/gallery","a":"21st","pl":"https://cdn.21st.dev/21st/fresnel-lens-pass/default/preview.1791577588562-db22d0bd-6f78-4d76-979d-51d8211790d7.jpg","pc":"21st","sb":"Zoom and lens"},{"id":"21st:21st__frost-crystal-growth","t":"Frost crystal growth","d":"Frost Crystal Logo is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 7 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors and","s":"21st","c":"data-display/list","a":"21st","pl":"https://cdn.21st.dev/21st/frost-crystal-growth/default/preview.1791574368554-97184f7f-5557-411a-a791-ecda721e5bdf.jpg","pc":"21st"},{"id":"21st:21st__funnel-pour","t":"Funnel pour","d":"Beads Fill the Count is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts ","s":"21st","c":"data-viz/chart","a":"21st","pl":"https://cdn.21st.dev/21st/funnel-pour/default/preview.1791585949062-14fdf994-3da8-4c38-ab4c-71d2a9338189.jpg","pc":"21st","sb":"Flow and funnel"},{"id":"21st:21st__galton-board-chart","t":"Galton board chart","d":"Galton Board Chart is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 7.3 seconds in 16:9, 9:16 and 1:1, with editable text, items, colors ","s":"21st","c":"data-viz/chart","a":"21st","pl":"https://cdn.21st.dev/21st/galton-board-chart/default/preview.1791537777272-c4f15548-c33f-49a8-af5f-8eb122df70fc.jpg","pc":"21st"},{"id":"21st:21st__gerstner-color-rings","t":"Gerstner color rings","d":"Concentric Color Rings is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors","s":"21st","c":"inputs/color-picker","a":"21st","pl":"https://cdn.21st.dev/21st/gerstner-color-rings/default/preview.1791576087016-ad6cc57e-52fb-4345-ad4f-e84bbef1eeac.jpg","pc":"21st"},{"id":"21st:21st__glow-bloom","t":"Glow bloom","d":"Glow Bloom is an animated background for Remotion videos. Sets the atmosphere behind the rest of a scene. Loops every 8 seconds in 16:9, 9:16 and 1:1, with editable colors, intensi","s":"21st","c":"motion/background","a":"21st","pl":"https://cdn.21st.dev/21st/glow-bloom/default/preview.1791515689296-ace435f4-25ed-4482-b919-0683198494e6.jpg","pc":"21st","sb":"Gradients and aurora"},{"id":"21st:21st__glyph-scatter","t":"Glyph scatter","d":"Glyph Scatter is a code animation for Remotion videos. Explains commands, code changes and developer workflows. Plays 3.7 seconds in 16:9, 9:16 and 1:1, with editable text, colors,","s":"21st","c":"data-viz/chart","a":"21st","pl":"https://cdn.21st.dev/21st/glyph-scatter/default/preview.1791515730966-6098b255-c2bd-4bb9-aad4-bf7ac7f79e50.jpg","pc":"21st","sb":"Scatter"},{"id":"21st:21st__gradient-mesh","t":"Gradient mesh","d":"Gradient Mesh is an animated background for Remotion videos. Sets the atmosphere behind the rest of a scene. Loops every 8 seconds in 16:9, 9:16 and 1:1, with editable colors, inte","k":"motion","s":"21st","c":"motion/gradient","a":"21st","pl":"https://cdn.21st.dev/21st/gradient-mesh/default/preview.1791515774834-24fadb20-9366-4b30-bfc8-0e831070850f.jpg","pc":"21st"},{"id":"21st:21st__gravitational-lens-logo","t":"Gravitational lens logo","d":"Gravitational Lens Logo is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images, color","k":"resource","s":"21st","c":"assets/logo","a":"21st","pl":"https://cdn.21st.dev/21st/gravitational-lens-logo/default/preview.1791537741263-a62054b7-0b80-4b8f-b01f-0f0ea16fc2ba.jpg","pc":"21st"},{"id":"21st:21st__grid-leak","t":"Grid leak","d":"Grid Light Leak is an animated background for Remotion videos. Sets the atmosphere behind the rest of a scene. Loops every 10 seconds in 16:9, 9:16 and 1:1, with editable colors, g","s":"21st","c":"layout/page-shell","a":"21st","pl":"https://cdn.21st.dev/21st/grid-leak/default/preview.1791339786997-a117ab15-fc4c-45d3-9707-0971cd89250d.jpg","pc":"21st"},{"id":"21st:21st__gyroscope-logo-lock","t":"Gyroscope logo lock","d":"Gyroscope Logo Lock is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors an","k":"resource","s":"21st","c":"assets/logo","a":"21st","pl":"https://cdn.21st.dev/21st/gyroscope-logo-lock/default/preview.1791582510870-44b002c6-817a-429a-84a2-f9e73da99a8c.jpg","pc":"21st"},{"id":"21st:21st__half-phone","t":"Half phone","d":"Half Phone Rise is a device mockup animation for Remotion videos. Presents screens inside phones, laptops and other devices. Plays 4 seconds in 16:9, 1:1 and 9:16, with editable te","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/half-phone/default/preview.1791339857461-41870e09-f0fa-4949-9480-b7b09c3dcf6c.jpg","pc":"21st"},{"id":"21st:21st__halftone-dot-wave","t":"Halftone dot wave","d":"Halftone Photo Wave is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images","k":"motion","s":"21st","c":"motion/background","a":"21st","pl":"https://cdn.21st.dev/21st/halftone-dot-wave/default/preview.1791581272890-ce661ecb-b10d-4a92-80e1-430be3c6e1ae.jpg","pc":"21st","sb":"Grids and patterns"},{"id":"21st:21st__hex-dump-decode","t":"Hex dump decode","d":"Hex Bytes Decode is a code animation for Remotion videos. Explains commands, code changes and developer workflows. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors","s":"21st","c":"data-display/code-block","a":"21st","pl":"https://cdn.21st.dev/21st/hex-dump-decode/default/preview.1791575800803-050905a6-977e-4143-90ee-a0ba38a8818d.jpg","pc":"21st"},{"id":"21st:21st__hold-to-confirm","t":"Hold to confirm","d":"Hold to Deploy is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 4.7 seconds in 16:9, 9:16 and 1:1, with editable text,","s":"21st","c":"overlays/dialog","a":"21st","pl":"https://cdn.21st.dev/21st/hold-to-confirm/default/preview.1791515762981-555f6c83-8da1-4273-90bd-ed43a93e2e0a.jpg","pc":"21st","sb":"Confirm"},{"id":"21st:21st__holographic-foil-logo","t":"Holographic foil logo","d":"Holographic Foil Logo is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors ","k":"resource","s":"21st","c":"assets/logo","a":"21st","pl":"https://cdn.21st.dev/21st/holographic-foil-logo/default/preview.1791574292382-f0b56a92-291a-45d5-93d0-892a1f455f67.jpg","pc":"21st"},{"id":"21st:21st__hook-question","t":"Hook question","d":"Hook Question is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 3.5 seconds in 1:1, 9:16 and 16:9, with editable text, colors, fonts and ","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/hook-question/default/preview.1791339843646-5094932e-c920-4675-a4b3-e7bef8257423.jpg","pc":"21st"},{"id":"21st:21st__hourglass-count","t":"Hourglass count","d":"Hourglass Progress Count is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fo","s":"21st","c":"motion/number-ticker","a":"21st","pl":"https://cdn.21st.dev/21st/hourglass-count/default/preview.1791587480709-edb2b404-cd4a-4ce6-874a-0620442fec77.jpg","pc":"21st"},{"id":"21st:21st__hud-corners","t":"Hud corners","d":"HUD Corners is an overlay effect for Remotion videos. Sets an atmosphere or connects two scenes. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and tick.","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/hud-corners/default/preview.1791340535075-53ed3c72-7322-41d3-9cb9-41718cd14a9f.jpg","pc":"21st"},{"id":"21st:21st__icon-bloom","t":"Icon bloom","d":"Icon Bloom is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 3 seconds in 1:1, 16:9 and 9:16, with editable text, colors, fonts and petals.","k":"resource","s":"21st","c":"assets/icon","a":"21st","pl":"https://cdn.21st.dev/21st/icon-bloom/default/preview.1791515781491-1e527307-2994-4b4d-a02c-f7af6f7f835c.jpg","pc":"21st"},{"id":"21st:21st__infinite-loop-cylinder","t":"Infinite loop cylinder","d":"Image Carousel Drum is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/infinite-loop-cylinder/default/preview.1791586091485-db92ecba-9d40-4278-9a44-2ec41dbcd7fe.jpg","pc":"21st"},{"id":"21st:21st__install-command","t":"Install command","d":"Install Command Copy is an end card animation for Remotion videos. Closes a video with a next step. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, items, colors and fon","s":"21st","c":"navigation/command-palette","a":"21st","pl":"https://cdn.21st.dev/21st/install-command/default/preview.1791349073715-864cdef0-29a7-4107-8b4f-64d4d4590710.jpg","pc":"21st"},{"id":"21st:21st__iron-filings-field","t":"Iron filings field","d":"Magnetic Field Logo is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors an","s":"21st","c":"inputs/form-field","a":"21st","pl":"https://cdn.21st.dev/21st/iron-filings-field/default/preview.1791545259790-5e941b1b-9b5d-445d-9604-febe27bec658.jpg","pc":"21st"},{"id":"21st:21st__iso-stack","t":"Iso stack","d":"Iso Layer Stack is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 5 seconds in 1:1, 16:9 and 9:16, with editable text, images, i","s":"21st","c":"media/card-stack","a":"21st","pl":"https://cdn.21st.dev/21st/iso-stack/default/preview.1791520327552-da6fdd47-908f-42be-85a2-70ab159669e4.jpg","pc":"21st"},{"id":"21st:21st__isometric-skyline","t":"Isometric skyline","d":"Metric Skyline Rise is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts a","s":"21st","c":"data-display/stat","a":"21st","pl":"https://cdn.21st.dev/21st/isometric-skyline/default/preview.1791585992220-f8fa3970-ed7e-4c66-85b4-103ece632fb0.jpg","pc":"21st"},{"id":"21st:21st__jacquard-weave-logo","t":"Jacquard weave logo","d":"Jacquard Woven Logo is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors an","k":"resource","s":"21st","c":"assets/logo","a":"21st","pl":"https://cdn.21st.dev/21st/jacquard-weave-logo/default/preview.1791576099031-1f912a28-d71f-447c-9c58-faab11c4c7b9.jpg","pc":"21st"},{"id":"21st:21st__karaoke-captions","t":"Karaoke captions","d":"Karaoke Captions is a caption animation for Remotion videos. Puts spoken words on screen as they are said. Plays 3 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts ","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/karaoke-captions/default/preview.1791339839983-1abbe97d-3f47-4f59-970d-3e3a94598fe0.jpg","pc":"21st"},{"id":"21st:21st__kinetic-lines","t":"Kinetic lines","d":"Kinetic Lines is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 4 seconds in 16:9, 9:16 and 1:1, with editable items, colors, fonts and s","k":"motion","s":"21st","c":"motion/background","a":"21st","pl":"https://cdn.21st.dev/21st/kinetic-lines/default/preview.1791339896284-bc01df4c-8ce1-43a4-be7e-6dc057c96640.jpg","pc":"21st","sb":"Beams and light"},{"id":"21st:21st__kinetic-mobile-words","t":"Kinetic mobile words","d":"Hanging Process Mobile is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, col","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/kinetic-mobile-words/default/preview.1791586020384-bebb9def-7aca-4b83-9cba-f72e5d9ab29e.jpg","pc":"21st","sb":"Rotating words"},{"id":"21st:21st__kinetic-title","t":"Kinetic title","d":"Kinetic Title is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 3 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and en","k":"motion","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/kinetic-title/default/preview.1791337305238-f878e16e-6c71-484a-a252-f48aa83dc9fd.jpg","pc":"21st"},{"id":"21st:21st__label-maker-strip","t":"Label maker strip","d":"Label Maker Strip is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors and fonts","s":"21st","c":"inputs/form-field","a":"21st","pl":"https://cdn.21st.dev/21st/label-maker-strip/default/preview.1791579345848-0ae8bcb0-d356-496e-b8be-9929919fdf2f.jpg","pc":"21st","sb":"Animated fields"},{"id":"21st:21st__language-editorial-gallery","t":"Language editorial gallery","d":"Three items build a contact-sheet spread is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with ","s":"21st","c":"media/gallery","a":"21st","pl":"https://cdn.21st.dev/21st/language-editorial-gallery/default/preview.1791515820483-43e239a6-ea54-4750-8249-001dde21ebcc.jpg","pc":"21st"},{"id":"21st:21st__language-kinetic-poster-backgrounds","t":"Language kinetic poster backgrounds","d":"Graphic poster bands interlock through diagonal masks is an animated background for Remotion videos. Sets the atmosphere behind the rest of a scene. Plays 6 seconds in 16:9, 9:16 a","s":"21st","c":"motion/background","a":"21st","pl":"https://cdn.21st.dev/21st/language-kinetic-poster-backgrounds/default/preview.1791515840312-bb82babb-13ba-4cd3-8815-9ceecdc552f3.jpg","pc":"21st"},{"id":"21st:21st__language-kinetic-poster-cta","t":"Language kinetic poster cta","d":"Call to action locks into an oversized arrow poster is an end card animation for Remotion videos. Closes a video with a next step. Plays 6 seconds in 16:9, 9:16 and 1:1, with edita","k":"section","s":"21st","c":"marketing/cta","a":"21st","pl":"https://cdn.21st.dev/21st/language-kinetic-poster-cta/default/preview.1791515932688-94a6c588-32a6-4854-aa73-d3d549833093.jpg","pc":"21st"},{"id":"21st:21st__language-kinetic-poster-process","t":"Language kinetic poster process","d":"Process words slide into a stepped poster staircase is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 6 seconds in 16:9, 9:16 and","k":"section","s":"21st","c":"marketing/features","a":"21st","pl":"https://cdn.21st.dev/21st/language-kinetic-poster-process/default/preview.1791515918428-66d7ae89-50c9-4563-bc8e-8fe9fa040ee8.jpg","pc":"21st","sb":"Steps"},{"id":"21st:21st__language-pixel-terminal-backgrounds","t":"Language pixel terminal backgrounds","d":"Discrete raster cells step across a terminal grid is an animated background for Remotion videos. Sets the atmosphere behind the rest of a scene. Plays 6 seconds in 16:9, 9:16 and 1","s":"21st","c":"motion/background","a":"21st","pl":"https://cdn.21st.dev/21st/language-pixel-terminal-backgrounds/default/preview.1791515956567-190ce9d2-741b-4b97-bedf-1aa1448497a3.jpg","pc":"21st"},{"id":"21st:21st__launch-intro","t":"Launch intro","d":"Launch Intro is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 4 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and glo","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/launch-intro/default/preview.1791339558024-852abdc7-51ec-48c2-8ce4-3c1be3a89b1a.jpg","pc":"21st"},{"id":"21st:21st__led-wall-pullback","t":"Led wall pullback","d":"Stage Screen Product Reveal is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable tex","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/led-wall-pullback/default/preview.1791573690960-1ebea646-5bc8-44df-b507-191df851cc35.jpg","pc":"21st"},{"id":"21st:21st__lewitt-line-instructions","t":"Lewitt line instructions","d":"LeWitt Lines is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 5.5 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and a","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/lewitt-line-instructions/default/preview.1791537694885-cbea9f0d-0333-4c0a-8de5-bd97d4488484.jpg","pc":"21st"},{"id":"21st:21st__light-sweep","t":"Light sweep","d":"Light Sweep is an overlay effect for Remotion videos. Sets an atmosphere or connects two scenes. Plays 2 seconds in 16:9, 9:16 and 1:1, with editable colors, angle, width and stren","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/light-sweep/default/preview.1791339612819-7b7e8ce4-a18c-4bc0-8010-65c7a825c349.jpg","pc":"21st"},{"id":"21st:21st__line-draw","t":"Line draw","d":"Line Chart Draw is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 4 seconds in 16:9, 9:16 and 1:1, with editable text, items, colors and f","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/line-draw/default/preview.1791340035621-ae6331fe-25c6-4469-bb33-07ef216aaeba.jpg","pc":"21st"},{"id":"21st:21st__line-spotlight","t":"Line spotlight","d":"Line Spotlight is a code animation for Remotion videos. Explains commands, code changes and developer workflows. Plays 4 seconds in 16:9, 9:16 and 1:1, with editable text, items, c","k":"motion","s":"21st","c":"motion/background","a":"21st","pl":"https://cdn.21st.dev/21st/line-spotlight/default/preview.1791516034747-e3599cf6-8907-4c76-a7a0-3bc3ee0c4e3d.jpg","pc":"21st","sb":"Beams and light"},{"id":"21st:21st__line-zoom-in","t":"Line zoom in","d":"Line Zoom In is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 2.5 seconds in 1:1, 9:16 and 16:9, with editable items, colors, fonts and ","s":"21st","c":"media/gallery","a":"21st","pl":"https://cdn.21st.dev/21st/line-zoom-in/default/preview.1791339739812-6a3f909b-833a-45d5-8fca-366dfcd2b8e1.jpg","pc":"21st","sb":"Zoom and lens"},{"id":"21st:21st__linocut-carve","t":"Linocut carve","d":"Linocut Carve is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 7.4 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors and fo","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/linocut-carve/default/preview.1791537849543-03f27b4f-2d20-490c-8949-a49834f5fe67.jpg","pc":"21st"},{"id":"21st:21st__liquid-fill-letters","t":"Liquid fill letters","d":"Liquid Fill Number is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts an","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/liquid-fill-letters/default/preview.1791574396011-4b010f96-2a7b-4f85-9ea4-faa9a4154c14.jpg","pc":"21st"},{"id":"21st:21st__lissajous-lock","t":"Lissajous lock","d":"Lissajous Lock is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors and fon","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/lissajous-lock/default/preview.1791543013913-60ad1397-3956-47bb-8c5c-81fc8504eeb8.jpg","pc":"21st"},{"id":"21st:21st__logo-bug","t":"Logo bug","d":"Logo Bug is an overlay effect for Remotion videos. Introduces a logo, partner or integration. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors and fonts.","k":"resource","s":"21st","c":"assets/logo","a":"21st","pl":"https://cdn.21st.dev/21st/logo-bug/default/preview.1791340389060-b64fbcd2-870b-4ee1-9fed-173181c25e29.jpg","pc":"21st"},{"id":"21st:21st__logo-cloud-burst","t":"Logo cloud burst","d":"Logo Cloud Burst is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, items, colors and fo","k":"section","s":"21st","c":"marketing/logos","a":"21st","pl":"https://cdn.21st.dev/21st/logo-cloud-burst/default/preview.1791516021565-926afdef-9f64-4009-bfe2-ad090b016d06.jpg","pc":"21st"},{"id":"21st:21st__logo-end-card","t":"Logo end card","d":"Logo End Card is an end card animation for Remotion videos. Closes a video with a next step. Plays 4.8 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors and fonts.","k":"resource","s":"21st","c":"assets/logo","a":"21st","pl":"https://cdn.21st.dev/21st/logo-end-card/default/preview.1791339730045-9b7a1b86-588b-474d-9b67-67a63c65f872.jpg","pc":"21st"},{"id":"21st:21st__logo-marquee","t":"Logo marquee","d":"Logo Marquee is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, items, colors and fonts.","k":"section","s":"21st","c":"marketing/logos","a":"21st","pl":"https://cdn.21st.dev/21st/logo-marquee/default/preview.1791340124049-44cf58eb-50eb-4a6f-9ea9-dea145fbc186.jpg","pc":"21st"},{"id":"21st:21st__logo-point-cloud","t":"Logo point cloud","d":"Logo from Rotating Points is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images, col","s":"21st","c":"marketing","a":"21st","pl":"https://cdn.21st.dev/21st/logo-point-cloud/default/preview.1791587441684-098cbdb6-c543-4f0f-adf2-60519ffabdfb.jpg","pc":"21st"},{"id":"21st:21st__lower-third","t":"Lower third","d":"Lower Third is a testimonial animation for Remotion videos. Presents a quote and who said it. Plays 4 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and plate.","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/lower-third/default/preview.1791340485557-9984fdcb-5111-4923-9f3a-f7e1a29f4ab6.jpg","pc":"21st"},{"id":"21st:21st__lp-branch-merge-routing","t":"Lp branch merge routing","d":"Branch and Merge Routing is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, i","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/lp-branch-merge-routing/default/preview.1791516071286-ead2045f-e8bb-46ab-bf60-e2cb6fa4339e.jpg","pc":"21st"},{"id":"21st:21st__lp-code-diff-review","t":"Lp code diff review","d":"Review line and merge proof is a code animation for Remotion videos. Explains commands, code changes and developer workflows. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable t","s":"21st","c":"data-display/diff","a":"21st","pl":"https://cdn.21st.dev/21st/lp-code-diff-review/default/preview.1791516134106-e9c631b5-a3ef-4ae6-babe-9e03e7cbfce5.jpg","pc":"21st"},{"id":"21st:21st__lp-completion-ladder","t":"Lp completion ladder","d":"Checklist Completion Ladder is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/lp-completion-ladder/default/preview.1791516119913-009767af-396d-4531-8f52-83726db8d8f3.jpg","pc":"21st"},{"id":"21st:21st__lp-contextual-toolbar-anchor","t":"Lp contextual toolbar anchor","d":"Selection-anchored tools is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, ","s":"21st","c":"actions/link","a":"21st","pl":"https://cdn.21st.dev/21st/lp-contextual-toolbar-anchor/default/preview.1791516179922-e077ca4e-20d4-443c-b23d-678dcad4ee20.jpg","pc":"21st"},{"id":"21st:21st__lp-data-chart-comparison","t":"Lp data chart comparison","d":"Data Chart Comparison is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, items, colors","k":"section","s":"21st","c":"marketing/comparison","a":"21st","pl":"https://cdn.21st.dev/21st/lp-data-chart-comparison/default/preview.1791516223859-35a2156f-38fa-4c45-bef3-4154283896c7.jpg","pc":"21st"},{"id":"21st:21st__lp-desktop-window-orbit","t":"Lp desktop window orbit","d":"Orbiting application windows is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable te","s":"21st","c":"ai-agent","a":"21st","pl":"https://cdn.21st.dev/21st/lp-desktop-window-orbit/default/preview.1791516216666-c5e639da-65c7-4c69-bb98-ca5ab729b2e1.jpg","pc":"21st"},{"id":"21st:21st__lp-device-exploded-ui-layers","t":"Lp device exploded ui layers","d":"Exploded interface plane proof is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable ","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/lp-device-exploded-ui-layers/default/preview.1791516269637-735f7cae-87fa-4bdc-9557-285ce37c1aa1.jpg","pc":"21st"},{"id":"21st:21st__lp-device-handoff","t":"Lp device handoff","d":"Phone-to-tablet continuity is a device mockup animation for Remotion videos. Presents screens inside phones, laptops and other devices. Plays 6 seconds in 16:9, 9:16 and 1:1, with ","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/lp-device-handoff/default/preview.1791516309032-933d3219-1639-49ee-a358-43078ceb5977.jpg","pc":"21st"},{"id":"21st:21st__lp-document-page-fan","t":"Lp document page fan","d":"Document Page Fan is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, items, c","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/lp-document-page-fan/default/preview.1791516298508-e978d058-3450-4229-a6bd-8ffac5aae4dd.jpg","pc":"21st"},{"id":"21st:21st__lp-ex-partner-braid","t":"Lp ex partner braid","d":"Partner lockup braid is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, items, colors an","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/lp-ex-partner-braid/default/preview.1791516342693-8cd7229a-3a12-40b3-bad9-911b898d373f.jpg","pc":"21st"},{"id":"21st:21st__lp-ex-poster-grid","t":"Lp ex poster grid","d":"Typographic poster grid is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, items, col","s":"21st","c":"layout/page-shell","a":"21st","pl":"https://cdn.21st.dev/21st/lp-ex-poster-grid/default/preview.1791516383171-df75976b-a313-42c8-b0a6-1ce34e30ae5f.jpg","pc":"21st"},{"id":"21st:21st__lp-ex-stroke-mark","t":"Lp ex stroke mark","d":"Mark drawn from strokes is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, items, colors","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/lp-ex-stroke-mark/default/preview.1791516367261-f4dede95-d947-41a9-8e42-e22faa8dfd6d.jpg","pc":"21st"},{"id":"21st:21st__lp-ex-voice-instrument","t":"Lp ex voice instrument","d":"Voice particle instrument is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text,","s":"21st","c":"ai-agent","a":"21st","pl":"https://cdn.21st.dev/21st/lp-ex-voice-instrument/default/preview.1791519916978-bdbdfa7e-4fa8-4cd6-84cd-45582a670262.jpg","pc":"21st"},{"id":"21st:21st__lp-image-variation-matrix","t":"Lp image variation matrix","d":"Image Variation Matrix is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, ima","s":"21st","c":"media/gallery","a":"21st","pl":"https://cdn.21st.dev/21st/lp-image-variation-matrix/default/preview.1791516454417-87bc0633-36a7-4a65-b3e7-a7e059adfada.jpg","pc":"21st"},{"id":"21st:21st__lp-inspector-parameter-edit","t":"Lp inspector parameter edit","d":"Inspector control drives geometry is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editab","s":"21st","c":"data-viz/gauge","a":"21st","pl":"https://cdn.21st.dev/21st/lp-inspector-parameter-edit/default/preview.1791516443630-d3167165-6549-4e71-9b07-ad7a68a633f8.jpg","pc":"21st"},{"id":"21st:21st__lp-integration-picker-grid","t":"Lp integration picker grid","d":"Integration Picker Grid is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, it","k":"section","s":"21st","c":"marketing/logos","a":"21st","pl":"https://cdn.21st.dev/21st/lp-integration-picker-grid/default/preview.1791516460313-1f374824-fc65-4a39-a026-c42187938bdc.jpg","pc":"21st"},{"id":"21st:21st__lp-loupe-inspection","t":"Lp loupe inspection","d":"Circular moving crop lens is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text,","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/lp-loupe-inspection/default/preview.1791516518080-5a747f2a-9a70-461a-8ff3-eb70274cf8d2.jpg","pc":"21st"},{"id":"21st:21st__lp-model-picker-stack","t":"Lp model picker stack","d":"Model menu selects working mode is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable","s":"21st","c":"ai-agent/ai-agent","a":"21st","pl":"https://cdn.21st.dev/21st/lp-model-picker-stack/default/preview.1791516512369-897b52c7-7d25-4e9b-925f-2410643c2882.jpg","pc":"21st"},{"id":"21st:21st__lp-notification-cascade","t":"Lp notification cascade","d":"Status Notification Cascade is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text","s":"21st","c":"overlays/notifications","a":"21st","pl":"https://cdn.21st.dev/21st/lp-notification-cascade/default/preview.1791516521062-60f1e03c-178d-4c5f-862c-15a4a6ba1c48.jpg","pc":"21st"},{"id":"21st:21st__lp-panel-document-export","t":"Lp panel document export","d":"Panel becomes portable document is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable","s":"21st","c":"data-display/card","a":"21st","pl":"https://cdn.21st.dev/21st/lp-panel-document-export/default/preview.1791516612523-a0d88758-79ca-4d2f-b941-61b1a49a4e66.jpg","pc":"21st"},{"id":"21st:21st__lp-parallel-task-fanout","t":"Lp parallel task fanout","d":"Parallel Task Fanout is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, items","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/lp-parallel-task-fanout/default/preview.1791516598994-734b82d3-9aff-4dbb-af81-2352f90b63c7.jpg","pc":"21st"},{"id":"21st:21st__lp-phone-notification-capture","t":"Lp phone notification capture","d":"Notification expands into task is a device mockup animation for Remotion videos. Presents screens inside phones, laptops and other devices. Plays 6 seconds in 16:9, 9:16 and 1:1, w","s":"21st","c":"overlays/notifications","a":"21st","pl":"https://cdn.21st.dev/21st/lp-phone-notification-capture/default/preview.1791516614670-ddde0c80-be78-44b8-aaa1-5882d182d736.jpg","pc":"21st"},{"id":"21st:21st__lp-queue-conveyor","t":"Lp queue conveyor","d":"Task Queue Conveyor is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, items,","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/lp-queue-conveyor/default/preview.1791519678918-1665c2d7-9ae4-47ac-a98f-070b6412d8c9.jpg","pc":"21st"},{"id":"21st:21st__lp-rank-leaderboard-reveal","t":"Lp rank leaderboard reveal","d":"Leaderboard Rank Reveal is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, items, colo","s":"21st","c":"data-display/gamification","a":"21st","pl":"https://cdn.21st.dev/21st/lp-rank-leaderboard-reveal/default/preview.1791516788744-95e13220-3617-44fd-a2f6-6923cfbd487f.jpg","pc":"21st"},{"id":"21st:21st__lp-report-format-carousel","t":"Lp report format carousel","d":"Report Format Carousel is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, it","s":"21st","c":"media/carousel","a":"21st","pl":"https://cdn.21st.dev/21st/lp-report-format-carousel/default/preview.1791516805221-ef9b7a34-ace5-4ba9-b051-48ba2e573fba.jpg","pc":"21st"},{"id":"21st:21st__lp-scroll-to-highlight","t":"Lp scroll to highlight","d":"Scrollable evidence anchor is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text","k":"layout","s":"21st","c":"layout/scroll-area","a":"21st","pl":"https://cdn.21st.dev/21st/lp-scroll-to-highlight/default/preview.1791516897733-83e48343-dbec-4941-b2a6-af9b4701b293.jpg","pc":"21st"},{"id":"21st:21st__lp-source-output-mosaic","t":"Lp source output mosaic","d":"Source to Output Mosaic is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, im","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/lp-source-output-mosaic/default/preview.1791516902187-e6f404dc-709a-4d7e-9a30-2d5df1182ec9.jpg","pc":"21st"},{"id":"21st:21st__lp-terminal-browser-proof","t":"Lp terminal browser proof","d":"Command deploys browser result is a code animation for Remotion videos. Explains commands, code changes and developer workflows. Plays 6 seconds in 16:9, 9:16 and 1:1, with editabl","s":"21st","c":"data-display/code-block","a":"21st","pl":"https://cdn.21st.dev/21st/lp-terminal-browser-proof/default/preview.1791516919800-e303785e-34ed-41c1-98e9-782fb79a08e1.jpg","pc":"21st"},{"id":"21st:21st__lp-two-window-deep-focus","t":"Lp two window deep focus","d":"Window-to-window focus rack is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable tex","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/lp-two-window-deep-focus/default/preview.1791517055615-8dbb7258-3f11-4c70-9917-1e8bb1058a89.jpg","pc":"21st"},{"id":"21st:21st__magnetic-button","t":"Magnetic button","d":"Magnetic Button Click is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 3.2 seconds in 16:9, 9:16 and 1:1, with editabl","s":"21st","c":"actions/button","a":"21st","pl":"https://cdn.21st.dev/21st/magnetic-button/default/preview.1791417844595-2e358c02-85fa-4ed0-a349-95b8fca4c588.jpg","pc":"21st","sb":"Animated"},{"id":"21st:21st__magnetic-number-swarm","t":"Magnetic number swarm","d":"Magnetic Digit Swarm is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts ","s":"21st","c":"motion/number-ticker","a":"21st","pl":"https://cdn.21st.dev/21st/magnetic-number-swarm/default/preview.1791579570784-57de648b-735d-4c6d-89cb-27c029f5e9b3.jpg","pc":"21st"},{"id":"21st:21st__marquee-select","t":"Marquee select","d":"Marquee Select Files is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 4.4 seconds in 16:9, 9:16 and 1:1, with editable","s":"21st","c":"inputs/select","a":"21st","pl":"https://cdn.21st.dev/21st/marquee-select/default/preview.1791517057619-ea6ed0c3-75b9-4afb-86de-5db9e1419660.jpg","pc":"21st"},{"id":"21st:21st__mask-sweep-title","t":"Mask sweep title","d":"Slant Mask Title is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 2.5 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts a","k":"motion","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/mask-sweep-title/default/preview.1791340349218-cb6280ec-4d7e-46ba-ac91-2476887c70cb.jpg","pc":"21st"},{"id":"21st:21st__mg-audio-audiogram","t":"Mg audio audiogram","d":"Podcast Audiogram is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts an","s":"21st","c":"media/player","a":"21st","pl":"https://cdn.21st.dev/21st/mg-audio-audiogram/default/preview.1791529728940-e597eabb-640e-4327-9d36-3c42bb501166.jpg","pc":"21st"},{"id":"21st:21st__mg-audio-chart-climb","t":"Mg audio chart climb","d":"Chart Climb To One is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts an","s":"21st","c":"data-viz/chart","a":"21st","pl":"https://cdn.21st.dev/21st/mg-audio-chart-climb/default/preview.1791532822372-c9d94f04-099c-48da-88e9-2b7aaedb162b.jpg","pc":"21st"},{"id":"21st:21st__mg-audio-cover-reveal","t":"Mg audio cover reveal","d":"Riso Cover Reveal is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts an","s":"21st","c":"media/player","a":"21st","pl":"https://cdn.21st.dev/21st/mg-audio-cover-reveal/default/preview.1791529738556-fb0db671-1ff0-4874-bb86-695717b56d3e.jpg","pc":"21st"},{"id":"21st:21st__mg-audio-guest-intro","t":"Mg audio guest intro","d":"Host And Guest Split is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts","s":"21st","c":"media/player","a":"21st","pl":"https://cdn.21st.dev/21st/mg-audio-guest-intro/default/preview.1791529748006-6950a476-8dac-43e9-bbe2-0438ad20689a.jpg","pc":"21st"},{"id":"21st:21st__mg-audio-karaoke","t":"Mg audio karaoke","d":"Karaoke Lyric Fill is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts a","s":"21st","c":"media/player","a":"21st","pl":"https://cdn.21st.dev/21st/mg-audio-karaoke/default/preview.1791529785586-089d76e3-871d-4d70-8b5f-453946f823e4.jpg","pc":"21st"},{"id":"21st:21st__mg-audio-listen-everywhere","t":"Mg audio listen everywhere","d":"Listen Everywhere End Card is an end card animation for Remotion videos. Closes a video with a next step. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts a","s":"21st","c":"media/player","a":"21st","pl":"https://cdn.21st.dev/21st/mg-audio-listen-everywhere/default/preview.1791529805696-5e85379b-3a50-4849-8426-a87fdc248654.jpg","pc":"21st"},{"id":"21st:21st__mg-audio-on-air","t":"Mg audio on air","d":"On Air Live Session is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts ","s":"21st","c":"media/player","a":"21st","pl":"https://cdn.21st.dev/21st/mg-audio-on-air/default/preview.1791529775769-99d12160-7111-429c-b15f-e6b4d0c54fbe.jpg","pc":"21st"},{"id":"21st:21st__mg-audio-pull-quote","t":"Mg audio pull quote","d":"Episode Pull Quote is a testimonial animation for Remotion videos. Presents a quote and who said it. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and pa","s":"21st","c":"media/player","a":"21st","pl":"https://cdn.21st.dev/21st/mg-audio-pull-quote/default/preview.1791529757385-216e8e5d-52ef-4138-a70f-27f4ffcd3f19.jpg","pc":"21st"},{"id":"21st:21st__mg-audio-tour-dates","t":"Mg audio tour dates","d":"Tour Dates Poster is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, ","s":"21st","c":"media/player","a":"21st","pl":"https://cdn.21st.dev/21st/mg-audio-tour-dates/default/preview.1791529795024-cb10beac-79c6-445c-b704-69dc30c2c0fb.jpg","pc":"21st"},{"id":"21st:21st__mg-audio-vinyl-drop","t":"Mg audio vinyl drop","d":"Vinyl Album Drop is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and","s":"21st","c":"media/player","a":"21st","pl":"https://cdn.21st.dev/21st/mg-audio-vinyl-drop/default/preview.1791529766432-2f4009db-489a-41b7-bb9e-63207001a688.jpg","pc":"21st"},{"id":"21st:21st__mg-ba-checklist","t":"Mg ba checklist","d":"Checklist Done In One is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colo","s":"21st","c":"inputs/checkbox","a":"21st","pl":"https://cdn.21st.dev/21st/mg-ba-checklist/default/preview.1791487757509-2f0d0f92-af2c-4716-8068-3cb7adf03485.jpg","pc":"21st"},{"id":"21st:21st__mg-ba-morph","t":"Mg ba morph","d":"Legacy Form Morph is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors,","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/mg-ba-morph/default/preview.1791517104049-5c72c95c-3977-4711-804e-fae841fc2eca.jpg","pc":"21st","sb":"Rotating words"},{"id":"21st:21st__mg-ba-split","t":"Mg ba split","d":"Old Way Versus New is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors,","s":"21st","c":"layout/split-pane","a":"21st","pl":"https://cdn.21st.dev/21st/mg-ba-split/default/preview.1791517166240-6215cd42-cdfa-4faa-a83e-69d603d95d73.jpg","pc":"21st"},{"id":"21st:21st__mg-ba-time-bars","t":"Mg ba time bars","d":"Time Race Bars is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and pa","s":"21st","c":"data-viz/chart","a":"21st","pl":"https://cdn.21st.dev/21st/mg-ba-time-bars/default/preview.1791487789339-38e75a94-360c-4475-ac1c-01cd4b89811e.jpg","pc":"21st","sb":"Bar"},{"id":"21st:21st__mg-ba-wipe","t":"Mg ba wipe","d":"Before After Wipe is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors,","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-ba-wipe/default/preview.1791517167195-69963b2e-0329-419e-a440-c5af8eccd093.jpg","pc":"21st"},{"id":"21st:21st__mg-beat-cut-grid","t":"Mg beat cut grid","d":"Beat-Cut Sequence is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts an","s":"21st","c":"layout/page-shell","a":"21st","pl":"https://cdn.21st.dev/21st/mg-beat-cut-grid/default/preview.1791487826620-3608c5b2-f3b7-4676-acc2-23e2d5a8f3af.jpg","pc":"21st"},{"id":"21st:21st__mg-beat-eq-title","t":"Mg beat eq title","d":"Equalizer Bounce Title is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fon","k":"motion","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/mg-beat-eq-title/default/preview.1791517305590-c56ae2f7-b349-435e-94d6-8e53477f2bc1.jpg","pc":"21st"},{"id":"21st:21st__mg-beat-waveform","t":"Mg beat waveform","d":"Waveform Word Hits is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts a","s":"21st","c":"media/player","a":"21st","pl":"https://cdn.21st.dev/21st/mg-beat-waveform/default/preview.1791487861627-58a0b149-2483-4bba-9252-17f5a4563553.jpg","pc":"21st"},{"id":"21st:21st__mg-beauty-before-after","t":"Mg beauty before after","d":"Color Before After is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors,","s":"21st","c":"media/image-compare","a":"21st","pl":"https://cdn.21st.dev/21st/mg-beauty-before-after/default/preview.1791529864338-65deacb0-7d59-47d9-a218-be1e3bf5b626.jpg","pc":"21st"},{"id":"21st:21st__mg-beauty-booking","t":"Mg beauty booking","d":"Two Tap Booking is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, f","s":"21st","c":"data-display/calendar","a":"21st","pl":"https://cdn.21st.dev/21st/mg-beauty-booking/default/preview.1791529844699-d2372ef1-88ec-4b42-ac41-d4852053a521.jpg","pc":"21st"},{"id":"21st:21st__mg-beauty-ingredients","t":"Mg beauty ingredients","d":"Ingredient Callouts is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, color","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-beauty-ingredients/default/preview.1791529873728-c63da931-150b-4dc2-a98d-6025b24b8eae.jpg","pc":"21st"},{"id":"21st:21st__mg-beauty-location-cta","t":"Mg beauty location cta","d":"Map Pin Location Card is an end card animation for Remotion videos. Closes a video with a next step. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and pa","k":"section","s":"21st","c":"marketing/cta","a":"21st","pl":"https://cdn.21st.dev/21st/mg-beauty-location-cta/default/preview.1791529883339-43e7b05e-3275-4f71-bfc8-eabd85e9672b.jpg","pc":"21st"},{"id":"21st:21st__mg-beauty-price-menu","t":"Mg beauty price menu","d":"Editorial Price Menu is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, color","s":"21st","c":"navigation/menu","a":"21st","pl":"https://cdn.21st.dev/21st/mg-beauty-price-menu/default/preview.1791532832825-95b54db4-7be4-49da-bc08-b9d02cea0a2f.jpg","pc":"21st"},{"id":"21st:21st__mg-beauty-promo-sticker","t":"Mg beauty promo sticker","d":"Discount Sticker Slap is an end card animation for Remotion videos. Closes a video with a next step. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and pa","k":"section","s":"21st","c":"marketing/announcement","a":"21st","pl":"https://cdn.21st.dev/21st/mg-beauty-promo-sticker/default/preview.1791529825150-4a42a2e6-69d2-428b-aa2b-9108b2263180.jpg","pc":"21st"},{"id":"21st:21st__mg-beauty-reviews","t":"Mg beauty reviews","d":"Review Card Cascade is a testimonial animation for Remotion videos. Presents a quote and who said it. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and p","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-beauty-reviews/default/preview.1791529854490-bc5dd25e-15ab-4df0-9629-307611c314d7.jpg","pc":"21st"},{"id":"21st:21st__mg-beauty-serum-hero","t":"Mg beauty serum hero","d":"Serum Bottle Hero is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts an","k":"section","s":"21st","c":"marketing/hero","a":"21st","pl":"https://cdn.21st.dev/21st/mg-beauty-serum-hero/default/preview.1791529815430-38be8ab4-4cc8-43b5-b38d-d6de6b2aef55.jpg","pc":"21st"},{"id":"21st:21st__mg-beauty-stylist-intro","t":"Mg beauty stylist intro","d":"Stylist Arch Intro is a testimonial animation for Remotion videos. Presents a quote and who said it. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and pa","s":"21st","c":"data-display/list","a":"21st","pl":"https://cdn.21st.dev/21st/mg-beauty-stylist-intro/default/preview.1791529835305-e057b016-301d-4212-abad-37754ce66cdb.jpg","pc":"21st"},{"id":"21st:21st__mg-beauty-swatch-fan","t":"Mg beauty swatch fan","d":"Shade Swatch Fan is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, f","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-beauty-swatch-fan/default/preview.1791532842397-b6fd635e-46e0-48d8-a344-53a043eac55d.jpg","pc":"21st"},{"id":"21st:21st__mg-cap-boxed","t":"Mg cap boxed","d":"Boxed Caption Lines is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts ","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-cap-boxed/default/preview.1791517372462-a14abda3-1cc3-41ed-9378-0548578377ef.jpg","pc":"21st"},{"id":"21st:21st__mg-cap-emphasis","t":"Mg cap emphasis","d":"Serif Keyword Caption is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, font","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-cap-emphasis/default/preview.1791517373587-483e5414-83fc-4181-9a3e-e99226bdfb45.jpg","pc":"21st"},{"id":"21st:21st__mg-cap-karaoke","t":"Mg cap karaoke","d":"Karaoke Captions is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-cap-karaoke/default/preview.1791517399573-a98011ce-b4a1-4a0c-91cf-7825a35d8553.jpg","pc":"21st"},{"id":"21st:21st__mg-cap-safe-zone","t":"Mg cap safe zone","d":"Safe Zone Captions is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts a","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-cap-safe-zone/default/preview.1791517514662-5d2fa8dc-d302-4457-bd8c-1c8a35920645.jpg","pc":"21st"},{"id":"21st:21st__mg-cap-two-speakers","t":"Mg cap two speakers","d":"Two Speaker Captions is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-cap-two-speakers/default/preview.1791517513465-f76a9e4e-a5cf-4c9c-b853-1727acf32dbb.jpg","pc":"21st"},{"id":"21st:21st__mg-cap-typewriter","t":"Mg cap typewriter","d":"Typewriter Transcript is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, font","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/mg-cap-typewriter/default/preview.1791517574924-6fe039c5-a1c8-4bed-806f-3861f3c2f57e.jpg","pc":"21st","sb":"Typewriter"},{"id":"21st:21st__mg-cap-word-pop","t":"Mg cap word pop","d":"Word Pop Captions is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts an","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/mg-cap-word-pop/default/preview.1791519746668-a0b41776-d975-4b65-9adc-cdd43382e7f3.jpg","pc":"21st"},{"id":"21st:21st__mg-code-cli-browser","t":"Mg code cli browser","d":"Terminal To Live Site is a code animation for Remotion videos. Explains commands, code changes and developer workflows. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, c","s":"21st","c":"data-display/code-block","a":"21st","pl":"https://cdn.21st.dev/21st/mg-code-cli-browser/default/preview.1791487875830-59481722-dab0-4559-9777-119e9978dd5a.jpg","pc":"21st"},{"id":"21st:21st__mg-code-diff-accept","t":"Mg code diff accept","d":"Accept Diff Live Preview is a code animation for Remotion videos. Explains commands, code changes and developer workflows. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text","s":"21st","c":"data-display/diff","a":"21st","pl":"https://cdn.21st.dev/21st/mg-code-diff-accept/default/preview.1791517727081-fff84055-cb34-44ce-8d47-82634c8369a3.jpg","pc":"21st"},{"id":"21st:21st__mg-code-install","t":"Mg code install","d":"One Command Install is a code animation for Remotion videos. Explains commands, code changes and developer workflows. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, col","s":"21st","c":"data-display/code-block","a":"21st","pl":"https://cdn.21st.dev/21st/mg-code-install/default/preview.1791517834919-91b2788c-c5dc-4b2a-9c2b-584c98947290.jpg","pc":"21st"},{"id":"21st:21st__mg-dev-browser","t":"Mg dev browser","d":"Browser URL Load is a device mockup animation for Remotion videos. Presents screens inside phones, laptops and other devices. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable t","s":"21st","c":"data-display/list","a":"21st","pl":"https://cdn.21st.dev/21st/mg-dev-browser/default/preview.1791517732730-170837a2-690e-4786-95b7-a5839e8c4c50.jpg","pc":"21st"},{"id":"21st:21st__mg-dev-handoff","t":"Mg dev handoff","d":"Phone To Laptop Handoff is a device mockup animation for Remotion videos. Presents screens inside phones, laptops and other devices. Plays 6 seconds in 16:9, 9:16 and 1:1, with edi","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-dev-handoff/default/preview.1791517889469-42beff35-7054-40fd-a2f6-7cef8f7f11db.jpg","pc":"21st"},{"id":"21st:21st__mg-dev-iso-stack","t":"Mg dev iso stack","d":"Isometric Device Family is a device mockup animation for Remotion videos. Presents screens inside phones, laptops and other devices. Plays 6 seconds in 16:9, 9:16 and 1:1, with edi","s":"21st","c":"media/card-stack","a":"21st","pl":"https://cdn.21st.dev/21st/mg-dev-iso-stack/default/preview.1791518013358-f3d3b5d2-52d1-4c9f-9f45-fe3d673bea22.jpg","pc":"21st"},{"id":"21st:21st__mg-dev-laptop","t":"Mg dev laptop","d":"Laptop Lid Opens is a device mockup animation for Remotion videos. Presents screens inside phones, laptops and other devices. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable t","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-dev-laptop/default/preview.1791517951061-642c6c93-0372-4b9a-a9d0-b5040b42856b.jpg","pc":"21st"},{"id":"21st:21st__mg-dev-phone-feed","t":"Mg dev phone feed","d":"Phone Feed Notification is a device mockup animation for Remotion videos. Presents screens inside phones, laptops and other devices. Plays 6 seconds in 16:9, 9:16 and 1:1, with edi","s":"21st","c":"data-display/timeline","a":"21st","pl":"https://cdn.21st.dev/21st/mg-dev-phone-feed/default/preview.1791518027280-b10826e7-43a6-4d9b-9d97-d26ffde4b90d.jpg","pc":"21st"},{"id":"21st:21st__mg-dev-tablet","t":"Mg dev tablet","d":"Tablet Stylus Markup is a device mockup animation for Remotion videos. Presents screens inside phones, laptops and other devices. Plays 6 seconds in 16:9, 9:16 and 1:1, with editab","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-dev-tablet/default/preview.1791518142911-29bacc68-e201-49a0-a917-fd39e6496c86.jpg","pc":"21st"},{"id":"21st:21st__mg-edu-certificate","t":"Mg edu certificate","d":"Progress To Certificate is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, c","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-edu-certificate/default/preview.1791530192836-83a34af4-c2c9-43bd-b0df-2597a6bdc91d.jpg","pc":"21st"},{"id":"21st:21st__mg-edu-chalkboard","t":"Mg edu chalkboard","d":"Chalkboard Formula is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts a","s":"21st","c":"data-display/kanban","a":"21st","pl":"https://cdn.21st.dev/21st/mg-edu-chalkboard/default/preview.1791532851870-f283b320-74f8-43fc-97c1-16d25c3555fb.jpg","pc":"21st"},{"id":"21st:21st__mg-edu-chapters","t":"Mg edu chapters","d":"Lesson Chapter Player is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, col","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-edu-chapters/default/preview.1791530220866-a9436931-8e98-45f8-9ea5-61810ceb2607.jpg","pc":"21st"},{"id":"21st:21st__mg-edu-checklist","t":"Mg edu checklist","d":"Syllabus Checklist Enroll is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, ","s":"21st","c":"inputs/checkbox","a":"21st","pl":"https://cdn.21st.dev/21st/mg-edu-checklist/default/preview.1791530249155-a208d39c-9b1f-4267-af3e-92bc3356cf59.jpg","pc":"21st"},{"id":"21st:21st__mg-edu-countdown","t":"Mg edu countdown","d":"Enrollment Countdown is an end card animation for Remotion videos. Closes a video with a next step. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and pai","s":"21st","c":"motion/number-ticker","a":"21st","pl":"https://cdn.21st.dev/21st/mg-edu-countdown/default/preview.1791530239994-38a59dee-fc92-47ef-b7c2-1cbbd9ea8c17.jpg","pc":"21st"},{"id":"21st:21st__mg-edu-curriculum","t":"Mg edu curriculum","d":"Course Syllabus Accordion is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, ","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-edu-curriculum/default/preview.1791530183052-22ba74ff-853c-4a64-b973-1f5be7195532.jpg","pc":"21st"},{"id":"21st:21st__mg-edu-flashcards","t":"Mg edu flashcards","d":"Flashcard Flip is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fo","s":"21st","c":"data-display/card","a":"21st","pl":"https://cdn.21st.dev/21st/mg-edu-flashcards/default/preview.1791530211524-a4ef2693-939c-4090-ae7b-7c88cb826cdb.jpg","pc":"21st"},{"id":"21st:21st__mg-edu-instructor","t":"Mg edu instructor","d":"Meet The Instructor is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts ","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-edu-instructor/default/preview.1791530202117-0073dfaa-6a57-45dc-a9e9-bc54085b67b2.jpg","pc":"21st"},{"id":"21st:21st__mg-edu-reels-quiz","t":"Mg edu reels quiz","d":"Quiz Answer Reveal is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-edu-reels-quiz/default/preview.1791530173470-30c367c8-cf16-4ff0-a841-5936f40a4610.jpg","pc":"21st"},{"id":"21st:21st__mg-edu-testimonials","t":"Mg edu testimonials","d":"Sticky Note Reviews is a testimonial animation for Remotion videos. Presents a quote and who said it. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and p","k":"section","s":"21st","c":"marketing/testimonials","a":"21st","pl":"https://cdn.21st.dev/21st/mg-edu-testimonials/default/preview.1791530230907-9f1621c4-1dc1-4aaa-b278-40872ee8891f.jpg","pc":"21st"},{"id":"21st:21st__mg-event-agenda","t":"Mg event agenda","d":"Live Agenda Timeline is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, color","s":"21st","c":"data-display/calendar","a":"21st","pl":"https://cdn.21st.dev/21st/mg-event-agenda/default/preview.1791532862251-b0f8f928-8efa-4635-8c07-d6f36cf8fe54.jpg","pc":"21st"},{"id":"21st:21st__mg-event-announce-reel","t":"Mg event announce reel","d":"Event Announcement Poster is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, ","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-event-announce-reel/default/preview.1791530258939-a19b5e90-bfbe-4092-87bd-426b8f69efc5.jpg","pc":"21st"},{"id":"21st:21st__mg-event-badge-cta","t":"Mg event badge cta","d":"Lanyard Badge Invite is an end card animation for Remotion videos. Closes a video with a next step. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and pai","k":"section","s":"21st","c":"marketing/cta","a":"21st","pl":"https://cdn.21st.dev/21st/mg-event-badge-cta/default/preview.1791530326864-da12f721-7119-4828-b354-62dd4d748e2e.jpg","pc":"21st"},{"id":"21st:21st__mg-event-countdown","t":"Mg event countdown","d":"Split Flap Countdown is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts ","s":"21st","c":"motion/number-ticker","a":"21st","pl":"https://cdn.21st.dev/21st/mg-event-countdown/default/preview.1791530287971-2de61d17-b295-462b-9901-488524a15be2.jpg","pc":"21st"},{"id":"21st:21st__mg-event-hero-grid","t":"Mg event hero grid","d":"Synthwave Event Hero is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts","k":"section","s":"21st","c":"marketing/hero","a":"21st","pl":"https://cdn.21st.dev/21st/mg-event-hero-grid/default/preview.1791530268524-fd74325e-3df6-4cda-8080-a250b1b04c0f.jpg","pc":"21st"},{"id":"21st:21st__mg-event-live-lower-third","t":"Mg event live lower third","d":"Live Stage Broadcast is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-event-live-lower-third/default/preview.1791532871411-bc51aa64-f436-4742-932b-38b3514938e4.jpg","pc":"21st"},{"id":"21st:21st__mg-event-recap-stats","t":"Mg event recap stats","d":"Event Recap Numbers is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts a","s":"21st","c":"data-display/stat","a":"21st","pl":"https://cdn.21st.dev/21st/mg-event-recap-stats/default/preview.1791530317385-7f509854-2a67-44b8-96d6-621bc75da00f.jpg","pc":"21st"},{"id":"21st:21st__mg-event-speakers","t":"Mg event speakers","d":"Speaker Lineup Reveal is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colo","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-event-speakers/default/preview.1791530278104-a6fcf5c5-0cfd-4654-9653-a4be38ee6b9c.jpg","pc":"21st"},{"id":"21st:21st__mg-event-ticket","t":"Mg event ticket","d":"Holo Ticket Drop is an end card animation for Remotion videos. Closes a video with a next step. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and paint b","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-event-ticket/default/preview.1791530297931-4b74b9b0-57d2-4292-b4af-e523df08e5e7.jpg","pc":"21st"},{"id":"21st:21st__mg-event-venue-map","t":"Mg event venue map","d":"Venue Floor Plan is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, ","s":"21st","c":"data-viz/map","a":"21st","pl":"https://cdn.21st.dev/21st/mg-event-venue-map/default/preview.1791530307796-363f7662-7909-4dcd-b1fc-c5fc7ac8ecad.jpg","pc":"21st"},{"id":"21st:21st__mg-fin-balance-chart","t":"Mg fin balance chart","d":"Balance Growth Chart is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts ","s":"21st","c":"data-viz/chart","a":"21st","pl":"https://cdn.21st.dev/21st/mg-fin-balance-chart/default/preview.1791529566360-77e7f7d5-4e7d-4452-9f83-a96d5ad8ae54.jpg","pc":"21st"},{"id":"21st:21st__mg-fin-budget-bars","t":"Mg fin budget bars","d":"Budget Category Bars is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts ","s":"21st","c":"data-viz/chart","a":"21st","pl":"https://cdn.21st.dev/21st/mg-fin-budget-bars/default/preview.1791529633220-d0cdc4fb-934a-4d06-a720-ba81ab9f43da.jpg","pc":"21st","sb":"Bar"},{"id":"21st:21st__mg-fin-card-reveal","t":"Mg fin card reveal","d":"Metal Card Reveal is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors,","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/mg-fin-card-reveal/default/preview.1791529556441-277ea24a-2638-4cb6-9bd1-b2b5f5ae70ec.jpg","pc":"21st","sb":"Reveal and entrance"},{"id":"21st:21st__mg-fin-fx-board","t":"Mg fin fx board","d":"Split Flap Rates is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and ","s":"21st","c":"data-display/kanban","a":"21st","pl":"https://cdn.21st.dev/21st/mg-fin-fx-board/default/preview.1791529614189-45dcbe67-b637-4d99-8673-272a87553fd8.jpg","pc":"21st"},{"id":"21st:21st__mg-fin-invoice-paid","t":"Mg fin invoice paid","d":"Invoice Paid Stamp is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors","s":"21st","c":"ai-agent","a":"21st","pl":"https://cdn.21st.dev/21st/mg-fin-invoice-paid/default/preview.1791529604774-6a03fdbf-9c4a-4d65-9d85-52a72471aced.jpg","pc":"21st"},{"id":"21st:21st__mg-fin-portfolio-donut","t":"Mg fin portfolio donut","d":"Portfolio Rebalance Donut is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, f","s":"21st","c":"data-viz/chart","a":"21st","pl":"https://cdn.21st.dev/21st/mg-fin-portfolio-donut/default/preview.1791529623649-aaa51bc9-8ba0-4a95-b9af-e061105ae366.jpg","pc":"21st","sb":"Pie, donut and radial"},{"id":"21st:21st__mg-fin-savings-ring","t":"Mg fin savings ring","d":"Savings Goal Ring is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-fin-savings-ring/default/preview.1791529585423-cfe1c996-be2b-4057-97af-189c48a46d04.jpg","pc":"21st"},{"id":"21st:21st__mg-fin-shield-cta","t":"Mg fin shield cta","d":"Security Shield CTA is an end card animation for Remotion videos. Closes a video with a next step. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and pain","k":"section","s":"21st","c":"marketing/cta","a":"21st","pl":"https://cdn.21st.dev/21st/mg-fin-shield-cta/default/preview.1791529643121-86243e1a-dc89-4655-9104-dd470fa49e2f.jpg","pc":"21st"},{"id":"21st:21st__mg-fin-ticker","t":"Mg fin ticker","d":"Candlestick Buy Ticket is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, font","k":"motion","s":"21st","c":"motion/marquee","a":"21st","pl":"https://cdn.21st.dev/21st/mg-fin-ticker/default/preview.1791529594917-04fb0d4e-a490-4ae0-9ef0-b3813d888d79.jpg","pc":"21st"},{"id":"21st:21st__mg-fin-txn-feed","t":"Mg fin txn feed","d":"Live Transaction Alerts is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, c","s":"21st","c":"data-display/timeline","a":"21st","pl":"https://cdn.21st.dev/21st/mg-fin-txn-feed/default/preview.1791529576312-bdfa6f57-a76e-49e0-afe9-9b1f0975a0aa.jpg","pc":"21st"},{"id":"21st:21st__mg-fit-class-schedule","t":"Mg fit class schedule","d":"Class Schedule Booking is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, co","s":"21st","c":"data-display/calendar","a":"21st","pl":"https://cdn.21st.dev/21st/mg-fit-class-schedule/default/preview.1791532880734-7294320b-7376-4c59-9cf3-52732777e5b0.jpg","pc":"21st"},{"id":"21st:21st__mg-fit-coach-intro","t":"Mg fit coach intro","d":"Coach Intro Lower Third is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fo","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-fit-coach-intro/default/preview.1791529923039-1eb3f9d0-958a-4249-bff3-dc39ea6a2efc.jpg","pc":"21st"},{"id":"21st:21st__mg-fit-heart-zone","t":"Mg fit heart zone","d":"Heart Rate Zones is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and ","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-fit-heart-zone/default/preview.1791529912848-6fb3b216-1751-454d-a057-5eff0fb4e986.jpg","pc":"21st"},{"id":"21st:21st__mg-fit-interval-timer","t":"Mg fit interval timer","d":"Interval Ring Timer is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, color","s":"21st","c":"inputs/time-picker","a":"21st","pl":"https://cdn.21st.dev/21st/mg-fit-interval-timer/default/preview.1791529893041-e2efb8e3-67c6-4a10-a1f6-4e99f5e665ae.jpg","pc":"21st"},{"id":"21st:21st__mg-fit-leaderboard","t":"Mg fit leaderboard","d":"Leaderboard Rank Climb is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, font","s":"21st","c":"data-display/gamification","a":"21st","pl":"https://cdn.21st.dev/21st/mg-fit-leaderboard/default/preview.1791532889643-0f2764bc-192b-44bf-8591-191ed5589c2d.jpg","pc":"21st"},{"id":"21st:21st__mg-fit-macros","t":"Mg fit macros","d":"Daily Macros Donut is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts an","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-fit-macros/default/preview.1791532898748-ff7a6809-f2b8-45cd-9e4d-f3e10775b8e3.jpg","pc":"21st"},{"id":"21st:21st__mg-fit-rep-slam","t":"Mg fit rep slam","d":"Rep Count Slam is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and p","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-fit-rep-slam/default/preview.1791529903157-439affb4-2208-4167-b09e-95282d5c8935.jpg","pc":"21st"},{"id":"21st:21st__mg-fit-rings-offer","t":"Mg fit rings offer","d":"Activity Rings Offer is an end card animation for Remotion videos. Closes a video with a next step. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and pai","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-fit-rings-offer/default/preview.1791529933597-2a596adc-fb60-4e97-aba1-15b8295dbf7d.jpg","pc":"21st"},{"id":"21st:21st__mg-fit-step-streak","t":"Mg fit step streak","d":"Step Streak Heatmap is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts a","s":"21st","c":"data-display/gamification","a":"21st","pl":"https://cdn.21st.dev/21st/mg-fit-step-streak/default/preview.1791532907826-e7fa8423-4556-4469-a9e2-61813423ddd1.jpg","pc":"21st"},{"id":"21st:21st__mg-fit-transformation","t":"Mg fit transformation","d":"Member Transformation Story is a testimonial animation for Remotion videos. Presents a quote and who said it. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fon","s":"21st","c":"inputs/form-field","a":"21st","pl":"https://cdn.21st.dev/21st/mg-fit-transformation/default/preview.1791532916707-7da29f11-cc4b-4d00-a1ba-9425872c849f.jpg","pc":"21st","sb":"Whole forms"},{"id":"21st:21st__mg-fmt-reframe","t":"Mg fmt reframe","d":"Auto-Reframe Launch Card is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, f","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-fmt-reframe/default/preview.1791518077090-1480c916-59fb-40d3-acd5-d3ae19182879.jpg","pc":"21st"},{"id":"21st:21st__mg-fmt-safe-zones","t":"Mg fmt safe zones","d":"Safe-Zone Feed Check is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colo","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-fmt-safe-zones/default/preview.1791518152936-132f6624-a618-4d0c-836e-43c8290b6605.jpg","pc":"21st"},{"id":"21st:21st__mg-food-booking-slots","t":"Mg food booking slots","d":"Table Booking Slots is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, color","s":"21st","c":"data-display/calendar","a":"21st","pl":"https://cdn.21st.dev/21st/mg-food-booking-slots/default/preview.1791530077309-8343b34a-8a12-47b1-a474-5f4d1c86c454.jpg","pc":"21st"},{"id":"21st:21st__mg-food-chalkboard-special","t":"Mg food chalkboard special","d":"Chalkboard Daily Special is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, f","s":"21st","c":"data-display/kanban","a":"21st","pl":"https://cdn.21st.dev/21st/mg-food-chalkboard-special/default/preview.1791532926088-e6721e27-5d56-4bab-acc4-ca41f725b345.jpg","pc":"21st"},{"id":"21st:21st__mg-food-delivery-route","t":"Mg food delivery route","d":"Delivery Route Tracker is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, co","s":"21st","c":"data-viz/map","a":"21st","pl":"https://cdn.21st.dev/21st/mg-food-delivery-route/default/preview.1791530047165-ca90c3cb-2e35-4e2f-8877-597281d8acbc.jpg","pc":"21st"},{"id":"21st:21st__mg-food-ingredients-drop","t":"Mg food ingredients drop","d":"Ingredients Drop In is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-food-ingredients-drop/default/preview.1791530067033-2865c060-99ea-4c7b-9f86-de6b76eb52ab.jpg","pc":"21st"},{"id":"21st:21st__mg-food-menu-unfold","t":"Mg food menu unfold","d":"Trifold Menu Unfold is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors","s":"21st","c":"navigation/menu","a":"21st","pl":"https://cdn.21st.dev/21st/mg-food-menu-unfold/default/preview.1791530037386-81b570a4-0e4e-41da-bb00-26557817e47e.jpg","pc":"21st"},{"id":"21st:21st__mg-food-neon-cta","t":"Mg food neon cta","d":"Neon Sign Open Late is an end card animation for Remotion videos. Closes a video with a next step. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and pain","k":"section","s":"21st","c":"marketing/cta","a":"21st","pl":"https://cdn.21st.dev/21st/mg-food-neon-cta/default/preview.1791530096084-aa299703-f1db-4769-93f3-306ceac270d8.jpg","pc":"21st"},{"id":"21st:21st__mg-food-review-stars","t":"Mg food review stars","d":"Guest Rating Stack is a testimonial animation for Remotion videos. Presents a quote and who said it. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and pa","s":"21st","c":"inputs/rating","a":"21st","pl":"https://cdn.21st.dev/21st/mg-food-review-stars/default/preview.1791530086587-247c9267-e5f4-42b2-9882-316faa42a749.jpg","pc":"21st"},{"id":"21st:21st__mg-food-steam-bowl","t":"Mg food steam bowl","d":"Steaming Bowl Hero is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts a","s":"21st","c":"data-display/avatar","a":"21st","pl":"https://cdn.21st.dev/21st/mg-food-steam-bowl/default/preview.1791530025311-7eeeb261-5c44-472f-abb5-53046923dea2.jpg","pc":"21st"},{"id":"21st:21st__mg-food-street-poster","t":"Mg food street poster","d":"Burger Stack Poster is an end card animation for Remotion videos. Closes a video with a next step. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and pain","s":"21st","c":"data-display/tree","a":"21st","pl":"https://cdn.21st.dev/21st/mg-food-street-poster/default/preview.1791532935492-88591c19-0a17-4793-82b4-84800f4f502d.jpg","pc":"21st"},{"id":"21st:21st__mg-food-ticket-print","t":"Mg food ticket print","d":"Kitchen Ticket Print is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colo","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-food-ticket-print/default/preview.1791530056229-1457149c-e6c7-44c0-9085-8fe8ffa57918.jpg","pc":"21st"},{"id":"21st:21st__mg-hire-founder","t":"Mg hire founder","d":"Founder Video Note is a testimonial animation for Remotion videos. Presents a quote and who said it. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and pa","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-hire-founder/default/preview.1791530154367-6438ee0f-35d3-4e37-876e-184b2eacd898.jpg","pc":"21st"},{"id":"21st:21st__mg-hire-jobcard","t":"Mg hire jobcard","d":"Job Post Card is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fon","s":"21st","c":"data-display/card","a":"21st","pl":"https://cdn.21st.dev/21st/mg-hire-jobcard/default/preview.1791532944345-70601c8e-90b0-432a-989e-2e6db3612d3b.jpg","pc":"21st"},{"id":"21st:21st__mg-hire-kinetic","t":"Mg hire kinetic","d":"We're Hiring Kinetic is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-hire-kinetic/default/preview.1791532954022-443ebf42-0e15-417d-bf03-4e4c1b09dd70.jpg","pc":"21st"},{"id":"21st:21st__mg-hire-manifesto","t":"Mg hire manifesto","d":"Values Manifesto Strike is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fo","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-hire-manifesto/default/preview.1791532962495-7e3e7d75-1bb6-44a5-819e-459ba3d543db.jpg","pc":"21st"},{"id":"21st:21st__mg-hire-mosaic","t":"Mg hire mosaic","d":"Careers Culture Mosaic is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, col","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-hire-mosaic/default/preview.1791530106028-af7c587b-a29c-4449-b0c6-06de11cc94f6.jpg","pc":"21st"},{"id":"21st:21st__mg-hire-perks","t":"Mg hire perks","d":"Perk Sticker Board is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors,","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-hire-perks/default/preview.1791530126296-24db56f1-9dbb-4caa-b9a9-6800f6bd2c15.jpg","pc":"21st"},{"id":"21st:21st__mg-hire-process","t":"Mg hire process","d":"Hiring Process Timeline is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, co","k":"section","s":"21st","c":"marketing/features","a":"21st","pl":"https://cdn.21st.dev/21st/mg-hire-process/default/preview.1791530135913-dd910970-f43e-4745-a724-5e4c3c5441e9.jpg","pc":"21st","sb":"Steps"},{"id":"21st:21st__mg-hire-quote","t":"Mg hire quote","d":"Employee Quote Arch is a testimonial animation for Remotion videos. Presents a quote and who said it. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and p","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-hire-quote/default/preview.1791530144822-efada69a-8846-4cc9-b3b0-e9c68abb633e.jpg","pc":"21st"},{"id":"21st:21st__mg-hire-rolescta","t":"Mg hire rolescta","d":"Open Roles End Card is an end card animation for Remotion videos. Closes a video with a next step. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and pain","s":"21st","c":"actions/button","a":"21st","pl":"https://cdn.21st.dev/21st/mg-hire-rolescta/default/preview.1791530164157-12ce5266-919e-493f-8fe2-08e6ac8c982d.jpg","pc":"21st"},{"id":"21st:21st__mg-hire-teamwall","t":"Mg hire teamwall","d":"Team Wall Open Seat is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts a","s":"21st","c":"data-display/avatar","a":"21st","pl":"https://cdn.21st.dev/21st/mg-hire-teamwall/default/preview.1791530116024-ff21e298-884a-4fcc-b80a-8c42e0c7c0b1.jpg","pc":"21st"},{"id":"21st:21st__mg-hook-chaos-order","t":"Mg hook chaos order","d":"Chaos Into One Card is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts ","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-hook-chaos-order/default/preview.1791518274829-42add74b-01b7-4538-a298-d77ad3119bf1.jpg","pc":"21st"},{"id":"21st:21st__mg-hook-countdown","t":"Mg hook countdown","d":"Neon Countdown Ring is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts ","s":"21st","c":"motion/number-ticker","a":"21st","pl":"https://cdn.21st.dev/21st/mg-hook-countdown/default/preview.1791518166375-c5d40d4e-2095-4764-8a56-fd9d567e5fa4.jpg","pc":"21st"},{"id":"21st:21st__mg-hook-glitch","t":"Mg hook glitch","d":"Error Glitch To Calm is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/mg-hook-glitch/default/preview.1791518285737-ea728850-dfd0-42a8-a61e-863deedc2370.jpg","pc":"21st","sb":"Scramble and glitch"},{"id":"21st:21st__mg-hook-question","t":"Mg hook question","d":"Question Hook is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and pa","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-hook-question/default/preview.1791518367826-963531e6-c69e-454d-a5cf-47f4e18a58f2.jpg","pc":"21st"},{"id":"21st:21st__mg-hook-stat-shock","t":"Mg hook stat shock","d":"Shock Stat Counter is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts an","s":"21st","c":"data-display/stat","a":"21st","pl":"https://cdn.21st.dev/21st/mg-hook-stat-shock/default/preview.1791518278547-2371a70a-17c8-41c2-b20e-190e2d500cf7.jpg","pc":"21st"},{"id":"21st:21st__mg-hook-strike","t":"Mg hook strike","d":"Strike The Old Way is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts a","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-hook-strike/default/preview.1791518381209-ad43904d-e206-4f8a-a3ec-2546b1eee300.jpg","pc":"21st"},{"id":"21st:21st__mg-hook-what-if","t":"Mg hook what if","d":"What If Focus Pull is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts a","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-hook-what-if/default/preview.1791518440068-78be24b0-4acb-4536-b682-4ce7307c5543.jpg","pc":"21st"},{"id":"21st:21st__mg-logo-orbit","t":"Mg logo orbit","d":"Integrations Orbit is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and ","k":"resource","s":"21st","c":"assets/logo","a":"21st","pl":"https://cdn.21st.dev/21st/mg-logo-orbit/default/preview.1791518369439-d788d0ee-d212-4212-872e-2ad4d3b39d47.jpg","pc":"21st"},{"id":"21st:21st__mg-logo-wall-assemble","t":"Mg logo wall assemble","d":"Customer Logo Wall is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and ","k":"section","s":"21st","c":"marketing/logos","a":"21st","pl":"https://cdn.21st.dev/21st/mg-logo-wall-assemble/default/preview.1791518460507-bb684a21-ffeb-4e6d-b7bd-93be35352958.jpg","pc":"21st"},{"id":"21st:21st__mg-ppl-footage-title","t":"Mg ppl footage title","d":"Cinematic Footage Title is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fo","k":"motion","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/mg-ppl-footage-title/default/preview.1791488127748-bd55ec40-6b7c-4139-9c08-6cc3d543d45a.jpg","pc":"21st"},{"id":"21st:21st__mg-ppl-lower-third","t":"Mg ppl lower third","d":"Editorial Lower Third is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, font","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-ppl-lower-third/default/preview.1791518518660-fc9ef35b-fe1b-4f7a-9960-9a98c18e3ade.jpg","pc":"21st"},{"id":"21st:21st__mg-ppl-pip-switch","t":"Mg ppl pip switch","d":"Speaker To Picture In Picture is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable t","s":"21st","c":"actions/switch","a":"21st","pl":"https://cdn.21st.dev/21st/mg-ppl-pip-switch/default/preview.1791488139716-1021d242-615e-49b9-8b32-8bccdc40cf74.jpg","pc":"21st"},{"id":"21st:21st__mg-ppl-split-presenter","t":"Mg ppl split presenter","d":"Presenter And Demo Split is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, ","s":"21st","c":"layout/split-pane","a":"21st","pl":"https://cdn.21st.dev/21st/mg-ppl-split-presenter/default/preview.1791518443042-50fe8cf5-2935-4997-a04f-4ecc3c800876.jpg","pc":"21st"},{"id":"21st:21st__mg-ppl-webcam-bubble","t":"Mg ppl webcam bubble","d":"Webcam Bubble Walkthrough is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text,","s":"21st","c":"ai-agent/ai-agent","a":"21st","pl":"https://cdn.21st.dev/21st/mg-ppl-webcam-bubble/default/preview.1791518548678-162981d9-9e3d-4608-8c55-2484c488b99a.jpg","pc":"21st","sb":"Chat"},{"id":"21st:21st__mg-pr-autozoom","t":"Mg pr autozoom","d":"Auto Zoom To Metric is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, color","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-pr-autozoom/default/preview.1791519810229-2317622a-5d7d-4699-aba5-18eb1d1b0450.jpg","pc":"21st"},{"id":"21st:21st__mg-pr-callouts","t":"Mg pr callouts","d":"Hand-Drawn Callouts is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, color","s":"21st","c":"overlays/alert-banner","a":"21st","pl":"https://cdn.21st.dev/21st/mg-pr-callouts/default/preview.1791518519098-9ab16c7f-9ec6-488c-8ca2-236539a7ce71.jpg","pc":"21st"},{"id":"21st:21st__mg-pr-cursor-click","t":"Mg pr cursor click","d":"Cursor Click Publish is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colo","k":"motion","s":"21st","c":"motion/cursor","a":"21st","pl":"https://cdn.21st.dev/21st/mg-pr-cursor-click/default/preview.1791518667471-0a288742-e563-48c7-aee8-b48736cc67a4.jpg","pc":"21st"},{"id":"21st:21st__mg-pr-focus-pull","t":"Mg pr focus pull","d":"Focus Pull To Phone is a device mockup animation for Remotion videos. Presents screens inside phones, laptops and other devices. Plays 6 seconds in 16:9, 9:16 and 1:1, with editabl","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-pr-focus-pull/default/preview.1791518715322-7b0c4f4d-9a2c-48fa-97c8-999fccebc2c8.jpg","pc":"21st"},{"id":"21st:21st__mg-pr-loupe","t":"Mg pr loupe","d":"Loupe Over Table is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, ","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-pr-loupe/default/preview.1791518632430-95cf51eb-b717-45f4-a46f-95727abe5141.jpg","pc":"21st"},{"id":"21st:21st__mg-pr-prompt-result","t":"Mg pr prompt result","d":"Prompt To Result is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, ","s":"21st","c":"ai-agent/composer","a":"21st","pl":"https://cdn.21st.dev/21st/mg-pr-prompt-result/default/preview.1791518771620-2a012396-e4fb-4e83-8472-1433b4317251.jpg","pc":"21st"},{"id":"21st:21st__mg-pr-scroll-page","t":"Mg pr scroll page","d":"Landing Page Scroll is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, color","k":"layout","s":"21st","c":"layout/scroll-area","a":"21st","pl":"https://cdn.21st.dev/21st/mg-pr-scroll-page/default/preview.1791518831180-114bfabc-cd6a-4151-b527-2179b5bc9761.jpg","pc":"21st"},{"id":"21st:21st__mg-pr-shortcut","t":"Mg pr shortcut","d":"Shortcut Command Menu is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, col","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-pr-shortcut/default/preview.1791518730922-786f3662-c989-4423-9618-35668c081301.jpg","pc":"21st"},{"id":"21st:21st__mg-pr-split-proof","t":"Mg pr split proof","d":"Chat Beside Chart is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors,","s":"21st","c":"layout/split-pane","a":"21st","pl":"https://cdn.21st.dev/21st/mg-pr-split-proof/default/preview.1791518896040-7f66659c-2f1f-4d90-93f8-00b49c76643c.jpg","pc":"21st"},{"id":"21st:21st__mg-pr-spotlight","t":"Mg pr spotlight","d":"Spotlight Feature Tour is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, co","k":"motion","s":"21st","c":"motion/background","a":"21st","pl":"https://cdn.21st.dev/21st/mg-pr-spotlight/default/preview.1791518946378-e0613fb7-766b-4114-8f4f-458a7fa8e7fd.jpg","pc":"21st","sb":"Beams and light"},{"id":"21st:21st__mg-pr-tilt-pan","t":"Mg pr tilt pan","d":"Tilt To Flat Screen is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, color","k":"motion","s":"21st","c":"motion/tilt-3d","a":"21st","pl":"https://cdn.21st.dev/21st/mg-pr-tilt-pan/default/preview.1791518851591-b235511a-93ab-4c36-bde9-bed8bac78d7f.jpg","pc":"21st"},{"id":"21st:21st__mg-pr-vertical-reframe","t":"Mg pr vertical reframe","d":"Wide To Vertical Reframe is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, ","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-pr-vertical-reframe/default/preview.1791519068619-7bc6a203-7437-4ede-8d7e-0ebcb2717c03.jpg","pc":"21st"},{"id":"21st:21st__mg-realty-agent","t":"Mg realty agent","d":"Meet Your Agent is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and ","s":"21st","c":"ai-agent/ai-agent","a":"21st","pl":"https://cdn.21st.dev/21st/mg-realty-agent/default/preview.1791532971925-4454e86c-5518-4bba-998e-917668bda7bb.jpg","pc":"21st"},{"id":"21st:21st__mg-realty-blueprint","t":"Mg realty blueprint","d":"Blueprint Floor Plan is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, color","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-realty-blueprint/default/preview.1791532981346-97da8f22-ff1a-40b6-817d-f7cba32dc23c.jpg","pc":"21st"},{"id":"21st:21st__mg-realty-listing","t":"Mg realty listing","d":"Luxury Listing Card is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, color","s":"21st","c":"data-display/list","a":"21st","pl":"https://cdn.21st.dev/21st/mg-realty-listing/default/preview.1791529662113-88afdbd1-1016-4fa5-a530-9bd79acf75bc.jpg","pc":"21st"},{"id":"21st:21st__mg-realty-map","t":"Mg realty map","d":"Neighbourhood Map Pin is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, col","s":"21st","c":"data-viz/map","a":"21st","pl":"https://cdn.21st.dev/21st/mg-realty-map/default/preview.1791529672238-6a08f569-65d0-45f1-a7a9-4a96c7d28fb4.jpg","pc":"21st"},{"id":"21st:21st__mg-realty-mortgage","t":"Mg realty mortgage","d":"Mortgage Payment Calculator is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable tex","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-realty-mortgage/default/preview.1791529690818-90a2f253-d699-4d2b-b107-f77ca5c21179.jpg","pc":"21st"},{"id":"21st:21st__mg-realty-reels","t":"Mg realty reels","d":"Dusk Listing Reel is an end card animation for Remotion videos. Closes a video with a next step. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and paint ","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-realty-reels/default/preview.1791529652516-2ce11139-048b-4a1f-b7bc-f68e91c885bc.jpg","pc":"21st"},{"id":"21st:21st__mg-realty-skyline","t":"Mg realty skyline","d":"Skyline Sales Chart is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts a","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-realty-skyline/default/preview.1791529700273-dd931fc8-9e99-4124-ba48-d597a2c8ac34.jpg","pc":"21st"},{"id":"21st:21st__mg-realty-sold","t":"Mg realty sold","d":"Just Sold Stamp is an end card animation for Remotion videos. Closes a video with a next step. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and paint ba","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-realty-sold/default/preview.1791529719212-8424cab3-9caf-44cc-8d86-8614e0e9aa91.jpg","pc":"21st"},{"id":"21st:21st__mg-realty-staging","t":"Mg realty staging","d":"Virtual Staging Wipe is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colo","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-realty-staging/default/preview.1791529709820-3ff6b3fc-9024-42f7-8bc6-8bbdf994d4d0.jpg","pc":"21st"},{"id":"21st:21st__mg-realty-tour","t":"Mg realty tour","d":"Room By Room Tour is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, ","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-realty-tour/default/preview.1791529681832-77e7f36f-c1ee-4b8c-afe5-0d841dedba96.jpg","pc":"21st"},{"id":"21st:21st__mg-shop-add-to-cart","t":"Mg shop add to cart","d":"Add To Cart Flow is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, ","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-shop-add-to-cart/default/preview.1791529951960-aad3dcba-f072-4733-bba9-cca5fb7c2406.jpg","pc":"21st"},{"id":"21st:21st__mg-shop-bundle","t":"Mg shop bundle","d":"Bundle Builder Kit is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-shop-bundle/default/preview.1791530001171-31680ee9-6fea-491e-8b5d-56e45143b602.jpg","pc":"21st"},{"id":"21st:21st__mg-shop-colorways","t":"Mg shop colorways","d":"Colorway Circle Wipe is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, color","s":"21st","c":"inputs/color-picker","a":"21st","pl":"https://cdn.21st.dev/21st/mg-shop-colorways/default/preview.1791529971287-7bceedbb-7e24-4e96-800c-bdb09e442e87.jpg","pc":"21st"},{"id":"21st:21st__mg-shop-endcard","t":"Mg shop endcard","d":"Brand Tape End Card is an end card animation for Remotion videos. Closes a video with a next step. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and pain","s":"21st","c":"data-display/card","a":"21st","pl":"https://cdn.21st.dev/21st/mg-shop-endcard/default/preview.1791532990203-664c2154-3b9b-4d93-aee2-e9cf45ee6fc8.jpg","pc":"21st","sb":"Product"},{"id":"21st:21st__mg-shop-flash-sale","t":"Mg shop flash sale","d":"Neon Flash Sale is an end card animation for Remotion videos. Closes a video with a next step. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and paint ba","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-shop-flash-sale/default/preview.1791529981195-a3921e68-8852-4786-b2d4-72f04b71fb1d.jpg","pc":"21st"},{"id":"21st:21st__mg-shop-listing","t":"Mg shop listing","d":"Marketplace Listing Zoom is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, ","s":"21st","c":"data-display/list","a":"21st","pl":"https://cdn.21st.dev/21st/mg-shop-listing/default/preview.1791530013384-f5c0236d-30dc-49ea-82a3-72ffcd5c315f.jpg","pc":"21st"},{"id":"21st:21st__mg-shop-price-slash","t":"Mg shop price slash","d":"Price Tag Slash is an end card animation for Remotion videos. Closes a video with a next step. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and paint ba","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-shop-price-slash/default/preview.1791532999134-d636dcd7-fd1f-4acf-929f-c7667f3e26aa.jpg","pc":"21st"},{"id":"21st:21st__mg-shop-review-wall","t":"Mg shop review wall","d":"Customer Review Wall is a testimonial animation for Remotion videos. Presents a quote and who said it. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and ","k":"section","s":"21st","c":"marketing/testimonials","a":"21st","pl":"https://cdn.21st.dev/21st/mg-shop-review-wall/default/preview.1791529991008-ba86cb70-03c5-45a4-abe2-6002b1c82848.jpg","pc":"21st"},{"id":"21st:21st__mg-shop-turntable","t":"Mg shop turntable","d":"Product Turntable Callouts is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text,","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-shop-turntable/default/preview.1791529942532-40bc74e0-1c9b-447c-b80a-51e1fdf047b2.jpg","pc":"21st"},{"id":"21st:21st__mg-shop-unboxing","t":"Mg shop unboxing","d":"Glowing Unboxing Reveal is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fo","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-shop-unboxing/default/preview.1791529961635-5b2d2538-41b4-42fa-8fb2-af592019a821.jpg","pc":"21st"},{"id":"21st:21st__mg-wall-bento","t":"Mg wall bento","d":"Feature Bento Grid is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors,","k":"layout","s":"21st","c":"layout/bento-grid","a":"21st","pl":"https://cdn.21st.dev/21st/mg-wall-bento/default/preview.1791519071300-5667acff-8e1e-402c-9fe3-594d99b51171.jpg","pc":"21st"},{"id":"21st:21st__mg-wall-changelog","t":"Mg wall changelog","d":"Release Notes Cascade is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colo","k":"section","s":"21st","c":"marketing/marketing","a":"21st","pl":"https://cdn.21st.dev/21st/mg-wall-changelog/default/preview.1791519033579-1984ccc4-01cd-47a2-9ceb-aa9bec706c54.jpg","pc":"21st"},{"id":"21st:21st__mg-wall-coverflow","t":"Mg wall coverflow","d":"3D Card Coverflow is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, ","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-wall-coverflow/default/preview.1791522914218-6593c37b-0424-4bc5-b6e2-afede1628ce2.jpg","pc":"21st"},{"id":"21st:21st__mg-wall-fan","t":"Mg wall fan","d":"App Window Fan is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fon","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-wall-fan/default/preview.1791519206969-88ac68da-cf8a-4803-82ab-6bfcc0957f61.jpg","pc":"21st"},{"id":"21st:21st__mg-wall-iso-wave","t":"Mg wall iso wave","d":"Isometric Tile Wave is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and","k":"motion","s":"21st","c":"motion/background","a":"21st","pl":"https://cdn.21st.dev/21st/mg-wall-iso-wave/default/preview.1791519161675-4235756b-69c9-4d1d-b890-889491334c01.jpg","pc":"21st","sb":"Waves and warps"},{"id":"21st:21st__mg-wall-marquee","t":"Mg wall marquee","d":"Tilted Screenshot Wall is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, col","k":"motion","s":"21st","c":"motion/marquee","a":"21st","pl":"https://cdn.21st.dev/21st/mg-wall-marquee/default/preview.1791519332433-61e1f0df-458c-4721-8fd3-f6867fa8f8d0.jpg","pc":"21st"},{"id":"21st:21st__mg-wall-one-to-many","t":"Mg wall one to many","d":"One Prompt Many Results is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, co","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-wall-one-to-many/default/preview.1791519331437-d054e553-71c5-4f2f-a245-6ceb2f48205d.jpg","pc":"21st"},{"id":"21st:21st__mg-wall-pullback","t":"Mg wall pullback","d":"Pullback To Wall is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, f","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-wall-pullback/default/preview.1791519292237-2c7b2f32-b532-402e-ac6f-2977a1039a0f.jpg","pc":"21st"},{"id":"21st:21st__mg-wall-shuffle","t":"Mg wall shuffle","d":"Shuffled Card Deck is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors,","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/mg-wall-shuffle/default/preview.1791519432669-8dbc045b-7387-414e-b353-20da48ecd66a.jpg","pc":"21st"},{"id":"21st:21st__milestone-feed","t":"Milestone feed","d":"Milestone Feed is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 8 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and ta","s":"21st","c":"data-display/timeline","a":"21st","pl":"https://cdn.21st.dev/21st/milestone-feed/default/preview.1791339945258-3a2fe288-d9a3-4e6c-86cb-ba1b044d3907.jpg","pc":"21st"},{"id":"21st:21st__multi-cursor","t":"Multi cursor","d":"Multiplayer Cursors is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 4 seconds in 16:9, 1:1 and 9:16, with editable te","k":"motion","s":"21st","c":"motion/cursor","a":"21st","pl":"https://cdn.21st.dev/21st/multi-cursor/default/preview.1791519426604-978df211-5942-4996-baf3-8af1f15fdeb5.jpg","pc":"21st"},{"id":"21st:21st__murmuration-logo","t":"Murmuration logo","d":"Murmuration is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 7 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors and fonts.","k":"resource","s":"21st","c":"assets/logo","a":"21st","pl":"https://cdn.21st.dev/21st/murmuration-logo/default/preview.1791537826758-b3ff7f4b-3d52-411b-a90f-85ebabb6e28e.jpg","pc":"21st"},{"id":"21st:21st__newton-cradle-steps","t":"Newton cradle steps","d":"Cradle Chain Steps is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors,","s":"21st","c":"navigation/wizard-steps","a":"21st","pl":"https://cdn.21st.dev/21st/newton-cradle-steps/default/preview.1791587200188-27d1cd7e-be71-4e4c-9df6-10ef3fe85609.jpg","pc":"21st"},{"id":"21st:21st__node-flow","t":"Node flow","d":"Node Flow is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 4 seconds in 16:9, 1:1 and 9:16, with editable text, items, colors an","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/node-flow/default/preview.1791340858168-58b64a77-66a7-48c8-85e6-797bb56d572d.jpg","pc":"21st"},{"id":"21st:21st__number-ticker","t":"Number ticker","d":"Number Ticker is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 3 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and val","k":"motion","s":"21st","c":"motion/number-ticker","a":"21st","pl":"https://cdn.21st.dev/21st/number-ticker/default/preview.1791339648757-e4f66ce6-753b-451d-b152-fdf64e5eb2c8.jpg","pc":"21st"},{"id":"21st:21st__odometer-rows","t":"Odometer rows","d":"Odometer Rows is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 4 seconds in 16:9, 9:16 and 1:1, with editable text, items, colors and fon","s":"21st","c":"data-display/list","a":"21st","pl":"https://cdn.21st.dev/21st/odometer-rows/default/preview.1791339771395-7c21f91e-7b29-4d3f-a887-0fe1859501ab.jpg","pc":"21st"},{"id":"21st:21st__op-art-moire-word","t":"Op art moire word","d":"Moire Word is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and angle","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/op-art-moire-word/default/preview.1791542998732-81acf52e-7036-4f61-be6f-73c76bcaa55b.jpg","pc":"21st"},{"id":"21st:21st__orbit-ring","t":"Orbit ring","d":"Orbit Ring is a testimonial animation for Remotion videos. Presents a quote and who said it. Plays 5 seconds in 9:16, 1:1 and 16:9, with editable text, colors, fonts and count.","s":"21st","c":"ai-agent","a":"21st","pl":"https://cdn.21st.dev/21st/orbit-ring/default/preview.1791519415850-df901e11-f7c7-40c4-bb89-7f9a5d0f45d6.jpg","pc":"21st"},{"id":"21st:21st__outline-fill-type","t":"Outline fill type","d":"Outline Fill Type is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 3.3 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts ","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/outline-fill-type/default/preview.1791340145223-01b9bb30-2f80-43f2-8c87-f8c3c2051d15.jpg","pc":"21st"},{"id":"21st:21st__pen-annotate","t":"Pen annotate","d":"Pen Circles the Number is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 5.5 seconds in 16:9, 9:16 and 1:1, with editab","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/pen-annotate/default/preview.1791417875954-6d93afba-a392-4715-87a4-ed0554be0fa0.jpg","pc":"21st"},{"id":"21st:21st__pendulum-wave-line","t":"Pendulum wave line","d":"Pendulum Wave is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 8 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and co","k":"motion","s":"21st","c":"motion/background","a":"21st","pl":"https://cdn.21st.dev/21st/pendulum-wave-line/default/preview.1791578698160-bf29902b-12f8-4055-9b30-675d03b0e569.jpg","pc":"21st","sb":"Waves and warps"},{"id":"21st:21st__penrose-bloom","t":"Penrose bloom","d":"Penrose Glass Tile Logo is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 7 seconds in 16:9, 9:16 and 1:1, with editable text, images, color","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/penrose-bloom/default/preview.1791549686101-4d6e20da-fa6a-42fe-b2fc-20c96f8adcfd.jpg","pc":"21st"},{"id":"21st:21st__phone-ring","t":"Phone ring","d":"Phone Ring Explode is a device mockup animation for Remotion videos. Presents screens inside phones, laptops and other devices. Plays 5 seconds in 1:1, 16:9 and 9:16, with editable","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/phone-ring/default/preview.1791339574467-a7c78e6a-e4bf-4ec1-a841-cd3921bf1ef8.jpg","pc":"21st"},{"id":"21st:21st__phone-scroll","t":"Phone scroll","d":"Phone App Scroll is a device mockup animation for Remotion videos. Presents screens inside phones, laptops and other devices. Plays 5.5 seconds in 16:9, 9:16 and 1:1, with editable","k":"layout","s":"21st","c":"layout/scroll-area","a":"21st","pl":"https://cdn.21st.dev/21st/phone-scroll/default/preview.1791339754815-8e0af965-2e24-42bf-88ef-627108599610.jpg","pc":"21st"},{"id":"21st:21st__phone-shelf","t":"Phone shelf","d":"Phone Shelf is a device mockup animation for Remotion videos. Presents screens inside phones, laptops and other devices. Plays 5 seconds in 16:9, 1:1 and 9:16, with editable text, ","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/phone-shelf/default/preview.1791339987051-f27a0d1b-06cd-471c-85a0-2fff78c9766f.jpg","pc":"21st"},{"id":"21st:21st__phone-tumble","t":"Phone tumble","d":"Phone Tumble is a device mockup animation for Remotion videos. Presents screens inside phones, laptops and other devices. Plays 5 seconds in 1:1, 9:16 and 16:9, with editable text,","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/phone-tumble/default/preview.1791339914448-9ee6e996-ca39-435f-b28a-b89fd5a425fb.jpg","pc":"21st"},{"id":"21st:21st__photo-grid-explode","t":"Photo grid explode","d":"Photo Grid Explode is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 3.5 seconds in 16:9, 1:1 and 9:16, with editable images, col","s":"21st","c":"media/gallery","a":"21st","pl":"https://cdn.21st.dev/21st/photo-grid-explode/default/preview.1791340410894-26b63ec4-afd9-4ffc-b0b1-98d69245753b.jpg","pc":"21st","sb":"Grids"},{"id":"21st:21st__photo-reveal","t":"Photo reveal","d":"Photo Reveal is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 3.5 seconds in 16:9, 1:1 and 9:16, with editable text, images, col","s":"21st","c":"media/gallery","a":"21st","pl":"https://cdn.21st.dev/21st/photo-reveal/default/preview.1791340053236-eb4a6931-0542-4b8c-85c7-b7ec99fb291e.jpg","pc":"21st"},{"id":"21st:21st__photo-stack","t":"Photo stack","d":"Photo Stack is a gallery animation for Remotion videos. Presents a collection of images, cards or outputs. Plays 4 seconds in 1:1, 16:9 and 9:16, with editable text, images, colors","s":"21st","c":"media/gallery","a":"21st","pl":"https://cdn.21st.dev/21st/photo-stack/default/preview.1791340921025-272f44b5-d0b6-4255-8c7b-432d3da7977a.jpg","pc":"21st"},{"id":"21st:21st__phrase-type-small","t":"Phrase type small","d":"Whisper Line is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 3 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and wor","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/phrase-type-small/default/preview.1791340185673-62fa6763-edd9-434f-a3f2-dce1b9eb7ba2.jpg","pc":"21st"},{"id":"21st:21st__planet-ring-headline","t":"Planet ring headline","d":"Planet Ring Text is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and","k":"motion","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/planet-ring-headline/default/preview.1791578397657-cb884263-0426-4e38-93d2-d1390799e0b1.jpg","pc":"21st"},{"id":"21st:21st__polygon-lockup","t":"Polygon lockup","d":"Polygon Lockup is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 4 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors and fon","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/polygon-lockup/default/preview.1791340447432-85b9ba40-6681-4dc9-b47b-284452d29ef0.jpg","pc":"21st"},{"id":"21st:21st__polyrhythm-orbit-list","t":"Polyrhythm orbit list","d":"Polyrhythm Orbits is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 7 seconds in 16:9, 9:16 and 1:1, with editable images, items,","s":"21st","c":"data-display/list","a":"21st","pl":"https://cdn.21st.dev/21st/polyrhythm-orbit-list/default/preview.1791537793731-ce152086-c7bb-4468-859b-2e4032c6474e.jpg","pc":"21st"},{"id":"21st:21st__pop-up-book-spread","t":"Pop up book spread","d":"Pop-up Book is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors and fon","s":"21st","c":"overlays/popover","a":"21st","pl":"https://cdn.21st.dev/21st/pop-up-book-spread/default/preview.1791585455523-7c958097-d1de-428a-8d67-85a6c61a208d.jpg","pc":"21st"},{"id":"21st:21st__popover-open","t":"Popover open","d":"Popover Open is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 3.5 seconds in 16:9, 1:1 and 9:16, with editable text, items, col","s":"21st","c":"overlays/popover","a":"21st","pl":"https://cdn.21st.dev/21st/popover-open/default/preview.1791340434457-ce29b8ce-385e-4e69-8627-d753179ff689.jpg","pc":"21st"},{"id":"21st:21st__post-card","t":"Post card","d":"Social Post Testimonial is a testimonial animation for Remotion videos. Presents a quote and who said it. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors ","k":"section","s":"21st","c":"marketing/marketing","a":"21st","pl":"https://cdn.21st.dev/21st/post-card/default/preview.1791348986409-f51289f1-1439-4e10-8cc6-1483ede0fdf3.jpg","pc":"21st","sb":"Blog and posts"},{"id":"21st:21st__price-roll","t":"Price roll","d":"Price Roll is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 3.3 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and old ","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/price-roll/default/preview.1791339875280-7f537672-9235-4623-b577-1ed8a6c16489.jpg","pc":"21st"},{"id":"21st:21st__prism-slats-gallery","t":"Prism slats gallery","d":"Prism Screenshot Slats is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, im","s":"21st","c":"media/gallery","a":"21st","pl":"https://cdn.21st.dev/21st/prism-slats-gallery/default/preview.1791587386758-f81394a3-fac4-4f1f-9c91-b27c4fa4159f.jpg","pc":"21st"},{"id":"21st:21st__prism-spectrum-list","t":"Prism spectrum list","d":"Prism Spectrum List is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable items, color","s":"21st","c":"data-display/list","a":"21st","pl":"https://cdn.21st.dev/21st/prism-spectrum-list/default/preview.1791537722501-3a6cbe93-5b1b-43e0-9396-b2ae5e4cf0d0.jpg","pc":"21st"},{"id":"21st:21st__product-card","t":"Product card","d":"Product Card is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 5 seconds in 16:9, 1:1 and 9:16, with editable text, images, item","s":"21st","c":"data-display/card","a":"21st","pl":"https://cdn.21st.dev/21st/product-card/default/preview.1791340239301-049bb23b-9eeb-45ca-b83b-d8a3951bbbc1.jpg","pc":"21st","sb":"Product"},{"id":"21st:21st__progress-fill","t":"Progress fill","d":"Progress Fill is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 3.7 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and p","s":"21st","c":"data-viz/progress-bar","a":"21st","pl":"https://cdn.21st.dev/21st/progress-fill/default/preview.1791519495370-ba336f8e-77e8-40c0-805d-51eb499998e7.jpg","pc":"21st"},{"id":"21st:21st__prompt-card","t":"Prompt card","d":"Prompt Card is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 4 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts","s":"21st","c":"ai-agent/composer","a":"21st","pl":"https://cdn.21st.dev/21st/prompt-card/default/preview.1791340940328-2359add8-5e64-433c-ac3f-f3b4778b0dab.jpg","pc":"21st"},{"id":"21st:21st__puzzle-grid-reveal","t":"Puzzle grid reveal","d":"Tiled Screenshot Reveal is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, i","s":"21st","c":"layout/page-shell","a":"21st","pl":"https://cdn.21st.dev/21st/puzzle-grid-reveal/default/preview.1791537759931-723d5c06-3265-4e49-8687-8964520bafb9.jpg","pc":"21st"},{"id":"21st:21st__qr-end-card","t":"Qr end card","d":"Scannable QR End Card is an end card animation for Remotion videos. Closes a video with a next step. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors and f","s":"21st","c":"data-display/card","a":"21st","pl":"https://cdn.21st.dev/21st/qr-end-card/default/preview.1791519493218-83e64948-73b9-48d9-8d6e-ab70ba9bbc5e.jpg","pc":"21st"},{"id":"21st:21st__quote-card","t":"Quote card","d":"Quote Card is a testimonial animation for Remotion videos. Presents a quote and who said it. Plays 4.5 seconds in 1:1, 9:16 and 16:9, with editable text, colors and fonts.","k":"section","s":"21st","c":"marketing/testimonials","a":"21st","pl":"https://cdn.21st.dev/21st/quote-card/default/preview.1791340292956-ed0ce60c-100b-44d4-8ce2-398d5785fc4c.jpg","pc":"21st"},{"id":"21st:21st__quote-wall","t":"Quote wall","d":"Quote Wall Spotlight is a testimonial animation for Remotion videos. Presents a quote and who said it. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable items, colors, fonts and","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/quote-wall/default/preview.1791349006145-06224d16-668b-4db3-a29d-c711045a435d.jpg","pc":"21st"},{"id":"21st:21st__radial-bar-bloom","t":"Radial bar bloom","d":"Radial Data Bloom is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, items, colors and","s":"21st","c":"data-viz/chart","a":"21st","pl":"https://cdn.21st.dev/21st/radial-bar-bloom/default/preview.1791574099663-d6c3e17e-8e5e-4bec-b53e-d299531f9c26.jpg","pc":"21st","sb":"Bar"},{"id":"21st:21st__radial-workflow-cycle","t":"Radial workflow cycle","d":"Radial Workflow Cycle is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, item","s":"21st","c":"data-viz/gauge","a":"21st","pl":"https://cdn.21st.dev/21st/radial-workflow-cycle/default/preview.1791340380501-e74be291-26d4-40cc-b1fa-30b8a4b89902.jpg","pc":"21st"},{"id":"21st:21st__rating-summary","t":"Rating summary","d":"Star Rating Summary is a testimonial animation for Remotion videos. Presents a quote and who said it. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, items, colors and f","s":"21st","c":"inputs/rating","a":"21st","pl":"https://cdn.21st.dev/21st/rating-summary/default/preview.1791349027531-57ba15ff-c5b1-4fc8-b0e5-e6468ffa232b.jpg","pc":"21st"},{"id":"21st:21st__reaction-diffusion-bloom","t":"Reaction diffusion bloom","d":"Reaction Diffusion Bloom is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 8 seconds in 16:9, 9:16 and 1:1, with editable images, colors, pa","s":"21st","c":"data-display/diff","a":"21st","pl":"https://cdn.21st.dev/21st/reaction-diffusion-bloom/default/preview.1791542977941-76c94881-1f2c-4180-9b0e-a0c0add8d727.jpg","pc":"21st"},{"id":"21st:21st__reflection-fold","t":"Reflection fold","d":"Water Reflection Title is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fon","s":"21st","c":"motion/tilt-3d","a":"21st","pl":"https://cdn.21st.dev/21st/reflection-fold/default/preview.1791545289511-7da2595c-69d8-488e-8b4f-1af4a0f267c2.jpg","pc":"21st"},{"id":"21st:21st__ribbon-path-text","t":"Ribbon path text","d":"Uncurling Ribbon Text is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, colors, font","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/ribbon-path-text/default/preview.1791554653494-4f5d854e-af00-45da-b4b1-1998b71c7713.jpg","pc":"21st"},{"id":"21st:21st__ridgeline-waves","t":"Ridgeline waves","d":"Ridgeline Waves is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and v","k":"motion","s":"21st","c":"motion/background","a":"21st","pl":"https://cdn.21st.dev/21st/ridgeline-waves/default/preview.1791545304872-fbf5e140-bcd5-4df1-8389-57a7e32d72a5.jpg","pc":"21st","sb":"Waves and warps"},{"id":"21st:21st__riso-misregister-title","t":"Riso misregister title","d":"Two-Ink Riso Title is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts a","k":"motion","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/riso-misregister-title/default/preview.1791554560090-57aa658e-5d6e-43da-85d7-595be568a81e.jpg","pc":"21st"},{"id":"21st:21st__rotating-seal-badge","t":"Rotating seal badge","d":"Spinning Seal Invitation is an end card animation for Remotion videos. Closes a video with a next step. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors an","s":"21st","c":"data-display/badge","a":"21st","pl":"https://cdn.21st.dev/21st/rotating-seal-badge/default/preview.1791574423060-9f2701ae-da31-4cb8-88a5-a145963fcbb1.jpg","pc":"21st"},{"id":"21st:21st__roulette-metric-stop","t":"Roulette metric stop","d":"Metric Wheel Stop is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and","s":"21st","c":"data-display/stat","a":"21st","pl":"https://cdn.21st.dev/21st/roulette-metric-stop/default/preview.1791587287846-8f69e677-7c12-43d8-be4a-f9ae374a8cad.jpg","pc":"21st"},{"id":"21st:21st__rubik-slice-twist","t":"Rubik slice twist","d":"Screenshot Puzzle Cube is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, im","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/rubik-slice-twist/default/preview.1791556627268-76f26acb-6362-4995-a58a-7102014918ce.jpg","pc":"21st"},{"id":"21st:21st__sand-logo-settle","t":"Sand logo settle","d":"Sand Logo is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 7 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors and fonts.","k":"resource","s":"21st","c":"assets/logo","a":"21st","pl":"https://cdn.21st.dev/21st/sand-logo-settle/default/preview.1791554751061-6f579235-d19c-4b70-a72b-e59365e096c3.jpg","pc":"21st"},{"id":"21st:21st__sankey-flow-split","t":"Sankey flow split","d":"Flow Split Numbers is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts an","s":"21st","c":"data-viz/chart","a":"21st","pl":"https://cdn.21st.dev/21st/sankey-flow-split/default/preview.1791586048665-ccee0081-582a-4d8b-85dc-37d1350e5b4e.jpg","pc":"21st","sb":"Flow and funnel"},{"id":"21st:21st__scramble-resolve","t":"Scramble resolve","d":"Scramble Resolve is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 3.2 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts a","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/scramble-resolve/default/preview.1791339787027-823a0b34-8b12-4169-8f12-f285288d4235.jpg","pc":"21st","sb":"Scramble and glitch"},{"id":"21st:21st__scroll-blueprint-screen","t":"Scroll blueprint screen","d":"Rolled Screenshot Blueprint is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable tex","k":"layout","s":"21st","c":"layout/scroll-area","a":"21st","pl":"https://cdn.21st.dev/21st/scroll-blueprint-screen/default/preview.1791587210525-4813f0bb-9e02-4e92-b7ad-f7db87ceab86.jpg","pc":"21st"},{"id":"21st:21st__select-and-ask","t":"Select and ask","d":"Select Text and Ask AI is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable","s":"21st","c":"inputs/select","a":"21st","pl":"https://cdn.21st.dev/21st/select-and-ask/default/preview.1791417896115-991c34a1-abf3-4831-ab2d-80daacf59392.jpg","pc":"21st"},{"id":"21st:21st__selection-zoom","t":"Selection zoom","d":"Selection Highlight Zoom is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 3 seconds in 16:9, 9:16 and 1:1, with editable text, colors, f","s":"21st","c":"media/gallery","a":"21st","pl":"https://cdn.21st.dev/21st/selection-zoom/default/preview.1791340410696-3d559580-f0ff-4725-9092-85dbdbfc0abd.jpg","pc":"21st","sb":"Zoom and lens"},{"id":"21st:21st__shadow-type-sculpture","t":"Shadow type sculpture","d":"Layered Type Sculpture is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fon","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/shadow-type-sculpture/default/preview.1791587481199-9b97f73c-64c7-4e07-8cb9-602c61d7bb7b.jpg","pc":"21st"},{"id":"21st:21st__shockwave-logo","t":"Shockwave logo","d":"Shockwave Logo is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 4 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors and fon","k":"resource","s":"21st","c":"assets/logo","a":"21st","pl":"https://cdn.21st.dev/21st/shockwave-logo/default/preview.1791340526421-24fd7f81-87e4-44d9-9b9a-0a29792e3c98.jpg","pc":"21st"},{"id":"21st:21st__side-panel","t":"Side panel","d":"Side Panel Slide is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 4 seconds in 16:9, 1:1 and 9:16, with editable text, images, ","s":"21st","c":"overlays/sheet","a":"21st","pl":"https://cdn.21st.dev/21st/side-panel/default/preview.1791339899007-f0f11f6d-ba77-41dd-8489-1ef6c078eaf4.jpg","pc":"21st"},{"id":"21st:21st__slit-scan-smear","t":"Slit scan smear","d":"Light Streak Screen Swap is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, ","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/slit-scan-smear/default/preview.1791574337807-2a45299b-867d-4de9-8fcb-cb6e7e7b1d71.jpg","pc":"21st"},{"id":"21st:21st__soap-bubble-pop","t":"Soap bubble pop","d":"Soap Bubble Pop is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors and fo","s":"21st","c":"ai-agent/ai-agent","a":"21st","pl":"https://cdn.21st.dev/21st/soap-bubble-pop/default/preview.1791575891905-0f750576-69a8-4a4e-9b7e-45dd755ef735.jpg","pc":"21st","sb":"Chat"},{"id":"21st:21st__speed-lines","t":"Speed lines","d":"Speed Lines is an animated background for Remotion videos. Sets the atmosphere behind the rest of a scene. Loops every 8 seconds in 16:9, 9:16 and 1:1, with editable colors, angle,","k":"motion","s":"21st","c":"motion/background","a":"21st","pl":"https://cdn.21st.dev/21st/speed-lines/default/preview.1791340105168-74d2770e-61ba-42b4-b0b3-505f8c075c58.jpg","pc":"21st","sb":"Beams and light"},{"id":"21st:21st__split-flap-type","t":"Split flap type","d":"Split Flap Headline is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts ","s":"21st","c":"layout/split-pane","a":"21st","pl":"https://cdn.21st.dev/21st/split-flap-type/default/preview.1791578486360-432f3aec-a84d-4c12-8e6e-b05ee7228f88.jpg","pc":"21st"},{"id":"21st:21st__stacked-beat-lines","t":"Stacked beat lines","d":"Stacked Beat Lines is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 2.5 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts","k":"motion","s":"21st","c":"motion/background","a":"21st","pl":"https://cdn.21st.dev/21st/stacked-beat-lines/default/preview.1791340235700-d4d02e08-b4fb-4cbe-a3a2-288335a30d5c.jpg","pc":"21st","sb":"Beams and light"},{"id":"21st:21st__star-trail-logo","t":"Star trail logo","d":"Star Trails to Logo is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors an","k":"resource","s":"21st","c":"assets/logo","a":"21st","pl":"https://cdn.21st.dev/21st/star-trail-logo/default/preview.1791580168477-0935e01a-6f3a-4e07-9eb7-b94aa564facc.jpg","pc":"21st"},{"id":"21st:21st__stat-slam","t":"Stat slam","d":"Stat Slam is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 4.7 seconds in 16:9, 9:16 and 1:1, with editable items, colors, fonts and beat","s":"21st","c":"data-display/stat","a":"21st","pl":"https://cdn.21st.dev/21st/stat-slam/default/preview.1791339713048-6cc59144-ffb5-4eaa-9fc3-b2b615e13bed.jpg","pc":"21st"},{"id":"21st:21st__status-pill","t":"Status pill","d":"Status Pill is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 3 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts","s":"21st","c":"data-display/badge","a":"21st","pl":"https://cdn.21st.dev/21st/status-pill/default/preview.1791339745167-668409f6-29d2-498d-92d0-73b05910f4ca.jpg","pc":"21st","sb":"Status"},{"id":"21st:21st__sticker-bomb-slap","t":"Sticker bomb slap","d":"Sticker Bomb is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable images, items, colors and font","s":"21st","c":"motion/number-ticker","a":"21st","pl":"https://cdn.21st.dev/21st/sticker-bomb-slap/default/preview.1791548338104-c7f1edae-f969-4251-8578-65a3273f3ac3.jpg","pc":"21st"},{"id":"21st:21st__sticky-note-organize","t":"Sticky note organize","d":"Sticky Note Organize is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, items","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/sticky-note-organize/default/preview.1791340461565-5feee5f0-5b28-440e-8a09-10a3f18d4584.jpg","pc":"21st"},{"id":"21st:21st__stitched-screen-frame","t":"Stitched screen frame","d":"Stitched Screenshot Frame is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text,","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/stitched-screen-frame/default/preview.1791587243663-55320453-9727-4d12-bc83-05554d5e0ae0.jpg","pc":"21st"},{"id":"21st:21st__strike-word","t":"Strike word","d":"Strike Word is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 3.5 seconds in 16:9, 9:16 and 1:1, with editable text, colors and fonts.","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/strike-word/default/preview.1791340022358-24c9cce5-88ba-4b8f-b493-196f00dccfd0.jpg","pc":"21st"},{"id":"21st:21st__stroke-logo","t":"Stroke logo","d":"Stroke Logo Draw is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 4 seconds in 1:1, 16:9 and 9:16, with editable text, colors, fonts and st","k":"resource","s":"21st","c":"assets/logo","a":"21st","pl":"https://cdn.21st.dev/21st/stroke-logo/default/preview.1791519461329-de4509be-16c4-4948-9c1d-6052164bae3f.jpg","pc":"21st"},{"id":"21st:21st__sumi-brush-title","t":"Sumi brush title","d":"Sumi Brush Stroke is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts an","k":"motion","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/sumi-brush-title/default/preview.1791545274744-70e51e89-d033-4a20-ad83-5620703a6284.jpg","pc":"21st"},{"id":"21st:21st__suprematist-drift","t":"Suprematist drift","d":"Floating Geometry Logo is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/suprematist-drift/default/preview.1791582450364-003c1a24-8109-498e-8097-fd6ea74a5002.jpg","pc":"21st"},{"id":"21st:21st__table-fill","t":"Table fill","d":"Table Fill is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 5 seconds in 16:9, 1:1 and 9:16, with editable text, items, colors ","s":"21st","c":"data-display/table","a":"21st","pl":"https://cdn.21st.dev/21st/table-fill/default/preview.1791340498990-daf28d68-fd42-4d57-826e-a9ec441e3f66.jpg","pc":"21st"},{"id":"21st:21st__tally-count","t":"Tally count","d":"Tally Count is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and value","s":"21st","c":"motion/number-ticker","a":"21st","pl":"https://cdn.21st.dev/21st/tally-count/default/preview.1791579411041-b0b8c233-7d61-4e33-8740-adf8e86f26d6.jpg","pc":"21st"},{"id":"21st:21st__tape-measure-count","t":"Tape measure count","d":"Tape Measure Count is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts an","s":"21st","c":"motion/number-ticker","a":"21st","pl":"https://cdn.21st.dev/21st/tape-measure-count/default/preview.1791587261412-faa793b4-fb8a-42f7-906d-74b290041105.jpg","pc":"21st"},{"id":"21st:21st__task-overwhelm","t":"Task overwhelm","d":"Task Overwhelm is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 4 seconds in 9:16, 1:1 and 16:9, with editable text, items, col","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/task-overwhelm/default/preview.1791339805752-8cc2455d-77d9-4378-b3b4-1eebe91e2acb.jpg","pc":"21st"},{"id":"21st:21st__terminal","t":"Terminal","d":"Terminal is a code animation for Remotion videos. Explains commands, code changes and developer workflows. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, items, colors ","s":"21st","c":"data-display/code-block","a":"21st","pl":"https://cdn.21st.dev/21st/terminal/default/preview.1791340427651-7b1b99e9-6436-467a-8e0d-1e063760f7af.jpg","pc":"21st"},{"id":"21st:21st__text-behind-subject","t":"Text behind subject","d":"Text Behind Subject is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 4 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/text-behind-subject/default/preview.1791339975970-d94e6c3f-fc49-4770-a81b-d6a61da76ac7.jpg","pc":"21st"},{"id":"21st:21st__theme-match-cut","t":"Theme match cut","d":"Theme Match Cut is a code animation for Remotion videos. Explains commands, code changes and developer workflows. Plays 5.9 seconds in 16:9, 9:16 and 1:1, with editable text, items","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/theme-match-cut/default/preview.1791519552478-92867f1e-0150-49b3-939e-d846f4dff65b.jpg","pc":"21st"},{"id":"21st:21st__tilt-showcase","t":"Tilt showcase","d":"Tilt Showcase is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 4 seconds in 16:9, 9:16 and 1:1, with editable text, images, col","k":"motion","s":"21st","c":"motion/tilt-3d","a":"21st","pl":"https://cdn.21st.dev/21st/tilt-showcase/default/preview.1791519550400-dc953a34-c524-4822-91ed-8e2e47df6701.jpg","pc":"21st"},{"id":"21st:21st__timeline-assembly","t":"Timeline assembly","d":"Timeline Assembly is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, items, ","s":"21st","c":"data-display/timeline","a":"21st","pl":"https://cdn.21st.dev/21st/timeline-assembly/default/preview.1791340264970-846ffd02-7e04-4fc2-bfd4-9c5522543c08.jpg","pc":"21st"},{"id":"21st:21st__toast-cloud","t":"Toast cloud","d":"Toast Cloud is an overlay effect for Remotion videos. Shows an action and its result inside a product. Plays 5 seconds in 9:16, 1:1 and 16:9, with editable items, colors, fonts and","s":"21st","c":"overlays/toast","a":"21st","pl":"https://cdn.21st.dev/21st/toast-cloud/default/preview.1791339685679-d741b940-f422-4a24-8c4d-59b725550ebc.jpg","pc":"21st"},{"id":"21st:21st__trampoline-mesh","t":"Trampoline mesh","d":"Elastic Mesh Logo Landing is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images, col","s":"21st","c":"motion/background","a":"21st","pl":"https://cdn.21st.dev/21st/trampoline-mesh/default/preview.1791587518779-0ba4ad4b-ac58-45d5-9e48-ccee7df33dd6.jpg","pc":"21st","sb":"Gradients and aurora"},{"id":"21st:21st__truchet-path-run","t":"Truchet path run","d":"Truchet Path Run is a background animation for Remotion videos. Sets an atmosphere or connects two scenes. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable images, colors and s","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/truchet-path-run/default/preview.1791579593347-0484b89e-556b-47bf-b893-b80eb87f63b3.jpg","pc":"21st"},{"id":"21st:21st__typewriter-caret","t":"Typewriter caret","d":"Typewriter Caret is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 3 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/typewriter-caret/default/preview.1791340070023-9ea89108-60e8-414f-b115-4da62920bab5.jpg","pc":"21st","sb":"Typewriter"},{"id":"21st:21st__vasarely-bulge-grid","t":"Vasarely bulge grid","d":"Checkerboard Bulge Logo is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images, color","s":"21st","c":"layout/page-shell","a":"21st","pl":"https://cdn.21st.dev/21st/vasarely-bulge-grid/default/preview.1791553079174-1bcb74b2-0fe6-4cb7-91ad-e28c7e6a4e16.jpg","pc":"21st"},{"id":"21st:21st__version-stepper","t":"Version stepper","d":"Version Stepper is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 3.7 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts an","s":"21st","c":"navigation/wizard-steps","a":"21st","pl":"https://cdn.21st.dev/21st/version-stepper/default/preview.1791340063094-5c883ba9-2b24-4a99-bef5-73c26625f337.jpg","pc":"21st"},{"id":"21st:21st__voice-document-cloud","t":"Voice document cloud","d":"Voice and Document Cloud is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, ","s":"21st","c":"ai-agent","a":"21st","pl":"https://cdn.21st.dev/21st/voice-document-cloud/default/preview.1791339706955-4664e645-72f2-4aa6-abc9-0319648c70e6.jpg","pc":"21st"},{"id":"21st:21st__vs-split","t":"Vs split","d":"VS Split is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 3.3 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and left v","k":"section","s":"21st","c":"marketing/comparison","a":"21st","pl":"https://cdn.21st.dev/21st/vs-split/default/preview.1791519509268-e2321546-a52f-4687-97a3-4cb35efe9df9.jpg","pc":"21st"},{"id":"21st:21st__water-level-measure","t":"Water level measure","d":"Liquid Level Gauge is a data animation for Remotion videos. Makes a number, comparison or trend visible. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts an","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/water-level-measure/default/preview.1791587804715-f6c79a21-ccfa-4f77-be6d-b7d039cd7917.jpg","pc":"21st"},{"id":"21st:21st__watercolor-bleed-logo","t":"Watercolor bleed logo","d":"Watercolor Logo is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 7 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors and fo","k":"resource","s":"21st","c":"assets/logo","a":"21st","pl":"https://cdn.21st.dev/21st/watercolor-bleed-logo/default/preview.1791556795891-a7a2406c-b143-4b74-835c-9bdecd0e87ef.jpg","pc":"21st"},{"id":"21st:21st__wax-seal-logo","t":"Wax seal logo","d":"Wax Seal Logo Press is a logo animation for Remotion videos. Introduces a logo, partner or integration. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors an","k":"resource","s":"21st","c":"assets/logo","a":"21st","pl":"https://cdn.21st.dev/21st/wax-seal-logo/default/preview.1791587512803-f79934a2-2301-4c3a-b836-6e7c44756473.jpg","pc":"21st"},{"id":"21st:21st__whip-phrases","t":"Whip phrases","d":"Whip Phrases is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 3.5 seconds in 9:16, 1:1 and 16:9, with editable items, colors, fonts and ","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/whip-phrases/default/preview.1791339904815-94fb8a27-6aac-40a1-af69-de311f5cc4ce.jpg","pc":"21st"},{"id":"21st:21st__window-collapse","t":"Window collapse","d":"Window Collapse is a background animation for Remotion videos. Sets an atmosphere or connects two scenes. Plays 2.5 seconds in 16:9, 9:16 and 1:1, with editable text, images, color","s":"21st","c":"other","a":"21st","pl":"https://cdn.21st.dev/21st/window-collapse/default/preview.1791339950442-89873cd6-1d64-4383-ac81-76feaa66de75.jpg","pc":"21st"},{"id":"21st:21st__wireframe-browser","t":"Wireframe browser","d":"Wireframe Browser is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 6 seconds in 16:9, 1:1 and 9:16, with editable images, items","s":"21st","c":"data-display/list","a":"21st","pl":"https://cdn.21st.dev/21st/wireframe-browser/default/preview.1791339627495-400ac93c-9993-4e7c-bc66-146132d90ad6.jpg","pc":"21st"},{"id":"21st:21st__word-clock-grid","t":"Word clock grid","d":"Hidden Sentence Grid is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts","k":"motion","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/word-clock-grid/default/preview.1791576133465-4e1443d7-3597-4603-a9c2-99ec937d1bbb.jpg","pc":"21st"},{"id":"21st:21st__word-curtain-wipe","t":"Word curtain wipe","d":"Word Curtain Wipe is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 2.4 seconds in 16:9, 9:16 and 1:1, with editable text, images, colors","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/word-curtain-wipe/default/preview.1791560552940-694256d2-2b2b-4c22-8048-c44ed5f7d6d1.jpg","pc":"21st"},{"id":"21st:21st__word-cycler","t":"Word cycler","d":"Word Cycler is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 4 seconds in 16:9, 9:16 and 1:1, with editable text, items, colors and font","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/word-cycler/default/preview.1791339678103-8105819f-6420-46b2-be33-c10caff28314.jpg","pc":"21st","sb":"Rotating words"},{"id":"21st:21st__word-swap","t":"Word swap","d":"Word Swap Line is a text animation for Remotion videos. Introduces an idea through moving typography. Plays 4 seconds in 9:16, 1:1 and 16:9, with editable text, items, colors and f","s":"21st","c":"motion/text-effect","a":"21st","pl":"https://cdn.21st.dev/21st/word-swap/default/preview.1791339781870-f540996c-640c-424a-85a7-e450154f4d06.jpg","pc":"21st","sb":"Rotating words"},{"id":"21st:21st__zoom-follow","t":"Zoom follow","d":"Zoom Follows the Click is a cursor animation for Remotion videos. Shows clicks, drags and pointers moving through an interface. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable","s":"21st","c":"media/gallery","a":"21st","pl":"https://cdn.21st.dev/21st/zoom-follow/default/preview.1791417914109-f5e0192e-76a5-4777-a56f-f33b27afbec3.jpg","pc":"21st","sb":"Zoom and lens"},{"id":"21st:21st__zoom-through","t":"Zoom through","d":"Zoom Through is a transition for Remotion videos. Cuts from one scene to the next. Plays 0.3 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and scale.","s":"21st","c":"media/gallery","a":"21st","pl":"https://cdn.21st.dev/21st/zoom-through/default/preview.1791340052040-1ad56041-1808-445c-b981-c89350984ef7.jpg","pc":"21st","sb":"Zoom and lens"},{"id":"21st:8starlabs__open-in-chat","t":"Open in chat","d":"A dropdown or inline icon row that opens ChatGPT, Claude, Perplexity, Grok, or v0 in a new tab with a given prompt pre-filled into the URL.","s":"21st","c":"ai-agent/ai-agent","a":"8starlabs","pl":"https://cdn.21st.dev/8starlabs/open-in-chat/default/preview.1789956936188-82167156-54fa-4b89-a0f7-700e386e4893.png","pc":"8starlabs","sb":"Chat"},{"id":"21st:8starlabs__partition-bar","t":"Partition bar","d":"A horizontal bar chart that splits into proportional colored segments to visualize parts of a whole, with labeled titles and values under each segment.","s":"21st","c":"data-viz/chart","a":"8starlabs","pl":"https://cdn.21st.dev/8starlabs/partition-bar/default/preview.1788813428561-46d40967-3f71-4602-98af-e141719a9f6c.png","pc":"8starlabs","sb":"Bar"},{"id":"21st:98waseem16__sendmarc-blur","t":"Sendmarc blur","d":"Animated (flicker) ASCII art in the Mosaic style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"98waseem16","pl":"https://cdn.21st.dev/98waseem16/sendmarc-blur/default/preview.1787129456434-0b600cd6-7f8c-4ec8-9595-29ebfc3f99a8.webp","pc":"98waseem16","sb":"Mosaic"},{"id":"21st:AdiKodez__ask-ai","t":"Ask ai","d":"A popover prompt launcher with an animated mascot trigger, one-click query links for major AI providers, and instant clipboard fallback.","s":"21st","c":"ai-agent/ai-agent","a":"AdiKodez","pl":"https://cdn.21st.dev/AdiKodez/ask-ai/default/preview.1789366588421-8594e797-05f5-44cd-abef-252369cd82dc.png","pc":"AdiKodez"},{"id":"21st:AdiKodez__model-picker","t":"Model picker","s":"21st","c":"ai-agent/ai-agent","a":"AdiKodez","pl":"https://cdn.21st.dev/AdiKodez/model-picker/default/preview.1789553281981-cc6ac8df-3f39-4e3e-9fc9-3525f0b98fab.png","pc":"AdiKodez"},{"id":"21st:Alwurts__editable-handle","t":"Editable handle","d":"A React Flow handle for node inputs/outputs that lets users add, rename, describe, and delete handles inline via a popover editor.","s":"21st","c":"other","a":"Alwurts","pl":"https://cdn.21st.dev/Alwurts/editable-handle/default/preview.1790174280597-5d5ebef2-1426-4230-811e-aef9d6d62394.png","pc":"Alwurts"},{"id":"21st:Alwurts__status-edge","t":"Status edge","d":"A React Flow edge component that colors the connecting line to signal state — gray by default, blue when selected, red when it carries an error.","s":"21st","c":"data-display/stat","a":"Alwurts","pl":"https://cdn.21st.dev/Alwurts/status-edge/default/preview.1790277826408-9a7db9c4-ce0a-4ee4-9627-a04dff242dff.png","pc":"Alwurts"},{"id":"21st:Alwurts__tool","t":"Tool","d":"A collapsible row that displays an AI agent's tool call, showing its name, input parameters, and output or error in a quiet expandable panel.","s":"21st","c":"other","a":"Alwurts","pl":"https://cdn.21st.dev/Alwurts/tool/default/preview.1789959004546-f6d9b838-974f-4647-b061-6c4c9fd5cdc0.png","pc":"Alwurts"},{"id":"21st:Legacy__earth-blaze","t":"Earth blaze","d":"A reusable, interactive Earth horizon for React with a cloud-free view of Europe, procedural nebula and stars, pointer and keyboard lighting, configurable aurora, and reduced-motio","k":"motion","s":"21st","c":"motion/globe","a":"Legacy","pl":"https://cdn.21st.dev/Legacy/earth-blaze/default/preview.1790790113527-013f23ab-e221-488e-9b98-42f75e2ff9d4.webp","pc":"Legacy"},{"id":"21st:Legacy__glyph-portal","t":"Glyph portal","d":"Choose a letter, then scroll through it into your next section. A self-contained React component for gradients, images, video, and canvas backgrounds, with native scroll and a comp","s":"21st","c":"other","a":"Legacy","pl":"https://cdn.21st.dev/mailforreddit/glyph-portal/default/preview.1788815860826-0c5bf3c3-bce9-42fc-87de-9c0a7a451187.png","pc":"Legacy"},{"id":"21st:LegionWebDev__allocation-echarts-sankey-chart","t":"Allocation echarts sankey chart","d":"A fund allocation flow chart showing how money moves between inflow, asset classes and outcomes, with labelled nodes and a stat row underneath.","s":"21st","c":"data-viz/chart","a":"LegionWebDev","pl":"https://cdn.21st.dev/LegionWebDev/allocation-echarts-sankey-chart/default/preview.1790279012615-fa4d6fb4-6c7c-45b4-8936-ed3627850025.png","pc":"LegionWebDev","sb":"Flow and funnel"},{"id":"21st:LegionWebDev__echarts-sankey-chart","t":"Echarts sankey chart","d":"A flow diagram chart built on Apache ECharts that visualizes how a quantity moves between stages (e.g. funnel or budget flows) through animated, colored nodes and links.","s":"21st","c":"data-viz/chart","a":"LegionWebDev","pl":"https://cdn.21st.dev/LegionWebDev/echarts-sankey-chart/default/preview.1790314382655-5675db2d-8d95-4b23-aaed-13dacab4d954.png","pc":"LegionWebDev","sb":"Flow and funnel"},{"id":"21st:LegionWebDev__hover-trace-bar-chart","t":"Hover trace bar chart","d":"An animated bar chart that traces the hovered bar's value with a spring-animated reference line and a live numeric readout.","s":"21st","c":"data-viz/chart","a":"LegionWebDev","pl":"https://cdn.21st.dev/LegionWebDev/hover-trace-bar-chart/default/preview.1790246240030-b949f23c-36b1-406b-ac09-f6296ec95d2c.png","pc":"LegionWebDev","sb":"Bar"},{"id":"21st:LegionWebDev__monospace-bar-chart","t":"Monospace bar chart","d":"An animated monospace-styled bar chart card that shows a terminal-like summary (totals, top value) above a Recharts bar chart with a spring bar reveal and value label on hover/acti","s":"21st","c":"data-viz/chart","a":"LegionWebDev","pl":"https://cdn.21st.dev/LegionWebDev/monospace-bar-chart/default/preview.1790246217283-8ac29eab-0e13-4bba-9d7a-72b5be7bbb23.png","pc":"LegionWebDev","sb":"Bar"},{"id":"21st:LegionWebDev__pipeline-echarts-sankey-chart","t":"Pipeline echarts sankey chart","d":"A sankey diagram showing revenue sources converging through a central hub and fanning back out to spending categories, with a total figure overlaid in the middle.","s":"21st","c":"data-viz/chart","a":"LegionWebDev","pl":"https://cdn.21st.dev/LegionWebDev/pipeline-echarts-sankey-chart/default/preview.1790192194451-1d08b6d1-f8a2-484f-8660-6a23c9755cbe.png","pc":"LegionWebDev","sb":"Line and sparkline"},{"id":"21st:Loomix__cinematic-product-scroll-section","t":"Cinematic product scroll section","d":"A premium e-commerce section featuring scroll-linked grayscale-to-color masks, a cinematic text hero, and an interactive horizontal slider with circular hover reveal cards.","k":"layout","s":"21st","c":"layout/scroll-area","a":"Loomix","pl":"https://cdn.21st.dev/a.karamooz3232/cinematic-product-scroll-section/default/preview.1783347953984.png","pc":"Loomix"},{"id":"21st:MrCruzz__id-card-lanyard","t":"Id card lanyard","d":"A physics-based lanyard ID badge that hangs and swings from the right edge of the page — drag it anywhere, click to flip between profile and contact sides.","s":"21st","c":"data-display/card","a":"MrCruzz","pl":"https://cdn.21st.dev/MrCruzz/id-card-lanyard/default/preview.1789754777829-e355ff11-4fc2-470e-a6b8-bf6524a16e9b.png","pc":"MrCruzz"},{"id":"21st:a11ypros__a11y-accordion","t":"A11y accordion","d":"A keyboard-accessible accordion built on native HTML5 details/summary elements, with single- or multi-expand coordination, focus-visible outlines and reduced-motion support — porte","s":"21st","c":"data-display/accordion","a":"a11ypros","pl":"https://cdn.21st.dev/a11ypros/a11y-accordion/default/preview.1790829296470-13d4efaf-d4da-4f77-9dfe-0d32e5c59147.png","pc":"a11ypros"},{"id":"21st:a11ypros__a11y-label","t":"A11y label","d":"An accessible form label that pairs with any input via htmlFor and shows an aria-hidden required-field asterisk, built to WCAG 1.3.1 and 2.5.3. Ported to React from A11Y Pros' a11y","s":"21st","c":"inputs/form-field","a":"a11ypros","pl":"https://cdn.21st.dev/a11ypros/a11y-label/default/preview.1790825689064-8cf3d3c4-1d70-4ab2-9700-0926131e0331.png","pc":"a11ypros","sb":"Animated fields"},{"id":"21st:a11ypros__a11y-radio","t":"A11y radio","d":"A WCAG-compliant radio button group for selecting one option from a list, with fieldset-style grouping, error and helper text, and full ARIA/keyboard support. Ported from A11Y Pros","s":"21st","c":"inputs/radio","a":"a11ypros","pl":"https://cdn.21st.dev/a11ypros/a11y-radio/default/preview.1790829321013-d34454fb-d1d7-4be6-a130-ff267f15e529.png","pc":"a11ypros"},{"id":"21st:a11ypros__a11y-tooltip","t":"A11y tooltip","d":"A WCAG-compliant tooltip that shows contextual help text on hover or keyboard focus, with ARIA aria-describedby wiring, Escape-to-dismiss, hoverable persistence, and automatic edge","s":"21st","c":"overlays/tooltip","a":"a11ypros","pl":"https://cdn.21st.dev/a11ypros/a11y-tooltip/default/preview.1790829350972-a54639c9-e0da-404a-87a6-f40e2ae4d50c.png","pc":"a11ypros"},{"id":"21st:aadarshm__agent-id","t":"Agent id","d":"A draggable identity card with an elastic return for playful AI profiles.","s":"21st","c":"ai-agent/ai-agent","a":"aadarshm","pl":"https://cdn.21st.dev/aadarshm/agent-id/default/preview.1790323520767-70a5de02-625c-4f07-92d5-861248bb5cef.png","pc":"aadarshm"},{"id":"21st:aadarshm__receipt-printer","t":"Receipt printer","d":"An interactive receipt printer with tactile paper tearing and optional sound.","s":"21st","c":"other","a":"aadarshm","pl":"https://cdn.21st.dev/aadarshm/receipt-printer/default/preview.1790322525914-acfd84ba-2b92-48e3-af49-6c168a30b350.png","pc":"aadarshm"},{"id":"21st:aatirchowdhary__neryonix","t":"Neryonix","d":"Animated WebGL shader background in the Neuro Noise style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"aatirchowdhary","pl":"https://cdn.21st.dev/aatirchowdhary/neryonix/default/preview.1789384536332-0b7ade82-207d-4ae8-94d3-62cd58c85752.webp","pc":"aatirchowdhary","sb":"Neuro Noise"},{"id":"21st:abhijeetsde__sdasdsad","t":"Sdasdsad","d":"Animated (pulse) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, a","k":"motion","s":"21st","c":"motion/ascii","a":"abhijeetsde","pl":"https://cdn.21st.dev/abhijeetsde/sdasdsad/default/preview.1789624271967-2a11d7cb-20d7-447a-b356-4e35b51a8cfd.webp","pc":"abhijeetsde","sb":"Dither"},{"id":"21st:abhipreetpriyansh__ascii-cruex","t":"Ascii cruex","d":"Animated (wave) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards","k":"motion","s":"21st","c":"motion/ascii","a":"abhipreetpriyansh","pl":"https://cdn.21st.dev/abhipreetpriyansh/ascii-cruex/default/preview.1790229046822-a31accf1-f558-4b27-8628-e3d029ace58b.webp","pc":"abhipreetpriyansh","sb":"Characters"},{"id":"21st:abui__animated-chart","t":"Animated chart","d":"An animated bar chart that springs each column up from zero once it scrolls into view, with per-column labels, value formatting, and staggered delays.","s":"21st","c":"data-viz/chart","a":"abui","pl":"https://cdn.21st.dev/abui/animated-chart/default/preview.1790068715904-53f2041b-bb6e-4388-a3b7-849b71cdcd21.png","pc":"abui"},{"id":"21st:abui__timeline","t":"Timeline","d":"A Gantt-chart style scheduling timeline with rows and draggable time slots that snap to a configurable interval, with drop validation, drag ghost previews, a mouse time indicator, ","s":"21st","c":"data-display/timeline","a":"abui","pl":"https://cdn.21st.dev/abui/timeline/default/preview.1789959950919-9c8c109c-d1d1-4987-a91e-a7bbb2e1a9fc.png","pc":"abui"},{"id":"21st:abushaidislam7__animated-beam-integration","t":"Animated beam integration","d":"An interactive multi-node integration diagram featuring glowing animated beams flowing into a central AI hub with dark mode support.","k":"section","s":"21st","c":"marketing/logos","a":"abushaidislam7","pl":"https://cdn.21st.dev/abushaidislam7/animated-beam-integration/default/preview.1790922909878-fe7f226a-fdce-4c39-a622-cfd5e53af4e9.png","pc":"abushaidislam7"},{"id":"21st:abushaidislam7__gemini-code-1790431091111","t":"Gemini code 1790431091111","d":"Glassmorphic language picker with Framer Motion morphing","s":"21st","c":"data-display/code-block","a":"abushaidislam7","pl":"https://cdn.21st.dev/abushaidislam7/gemini-code-1790431091111/default/preview.1790433077310-8c080866-388c-40dc-920e-4a9dc773e5bc.png","pc":"abushaidislam7"},{"id":"21st:abushaidislam7__grid-testimonials-marquee","t":"Grid testimonials marquee","k":"section","s":"21st","c":"marketing/testimonials","a":"abushaidislam7","pl":"https://cdn.21st.dev/abushaidislam7/grid-testimonials-marquee/default/preview.1791386577088-1e99d71e-98ef-4cc2-b7d4-e1cd0887f0df.png","pc":"abushaidislam7"},{"id":"21st:abushaidislam7__morphing-island-navbar","t":"Morphing island navbar","d":"A modern floating island navbar with smooth layoutId morphing dropdowns, subtle glassmorphism, and responsive dark-mode styling.","s":"21st","c":"navigation/top-nav","a":"abushaidislam7","pl":"https://cdn.21st.dev/abushaidislam7/morphing-island-navbar/default/preview.1790918149293-5ae51390-3d57-4f9a-9d85-286e4a631e55.png","pc":"abushaidislam7","sb":"Floating"},{"id":"21st:abushaidislam7__orbit-sweep","t":"Orbit sweep","d":"Pure CSS gradient background in the Orbit Sweep style, made with the 21st.dev Gradient Builder. 3-color palette (#2B0A3D, #7B4BA8, #E6D6F5). Features: film grain, vignette. A drop-","k":"motion","s":"21st","c":"motion/gradient","a":"abushaidislam7","pl":"https://cdn.21st.dev/abushaidislam7/orbit-sweep/default/preview.1790679332617-ec20db29-8789-445b-858c-14e0bfba403f.webp","pc":"abushaidislam7","sb":"Orbit Sweep"},{"id":"21st:abushaidislam7__orbiting-circles","t":"Orbiting circles","s":"21st","c":"ai-agent","a":"abushaidislam7","pl":"https://cdn.21st.dev/abushaidislam7/orbiting-circles/default/preview.1790923994535-1e26cece-41b3-47d3-bb81-59f8641b7455.png","pc":"abushaidislam7"},{"id":"21st:addstack__keys","t":"Keys","d":"A headless piano keyboard that plays with pointer glissando, touch and the keyboard, reports presses with velocity, and can show notes held elsewhere (MIDI input or playback) witho","s":"21st","c":"other","a":"addstack","pl":"https://cdn.21st.dev/addstack/keys/default/preview.1791244261581-f383a8b1-7976-4d4d-9f48-6b5605b9e3a6.png","pc":"addstack"},{"id":"21st:admin_104e75dd__gold-rails","t":"Gold rails","d":"Animated WebGL shader background in the Fluted Glass style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"admin_104e75dd","pl":"https://cdn.21st.dev/admin_104e75dd/gold-rails/default/preview.1789593334771-5994709a-2353-454c-930f-d838ec7c22ff.webp","pc":"admin_104e75dd","sb":"Fluted Glass"},{"id":"21st:admin_104e75dd__sima-homes-swift","t":"Sima homes swift","d":"Animated WebGL shader background in the Static Mesh Gradient style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 3-color ","k":"motion","s":"21st","c":"motion/shader","a":"admin_104e75dd","pl":"https://cdn.21st.dev/admin_104e75dd/sima-homes-swift/default/preview.1789595133632-2278decb-b016-4bf9-8414-baf8ec0bff64.webp","pc":"admin_104e75dd","sb":"Static Mesh Gradient"},{"id":"21st:admin_163f0598__flow-field-shader","t":"Flow field shader","d":"Animated WebGL shader background in the Flow field style. Generated by the 21st.dev Shader Builder. 4-color palette (#160B0B, #C2402A, #F49D37, #FFE8C2). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"admin_163f0598","pl":"https://cdn.21st.dev/admin_163f0598/flow-field-shader/default/preview.1787449554845-a44fe930-8a90-4be0-98e8-3ff7e79f6ef9.webp","pc":"admin_163f0598","sb":"Flow field"},{"id":"21st:adrian_3e13d56e__hsbm01","t":"Hsbm01","d":"Animated (flicker) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"adrian_3e13d56e","pl":"https://cdn.21st.dev/adrian_3e13d56e/hsbm01/default/preview.1787383229921-b097ba1e-a3ec-4d89-a067-7898cafddd0e.webp","pc":"adrian_3e13d56e","sb":"Dither"},{"id":"21st:adrielzimbril__doodle-callout","t":"Doodle callout","d":"A hand-drawn arrow that animates itself onto the screen next to a handwritten label that reveals letter by letter, looping to draw attention to a nearby element like a pricing plan","s":"21st","c":"overlays/alert-banner","a":"adrielzimbril","pl":"https://cdn.21st.dev/adrielzimbril/doodle-callout/default/preview.1790433976226-7c045f69-b1ce-4116-a3ff-0f21ca7f3cd3.png","pc":"adrielzimbril"},{"id":"21st:adrielzimbril__generating-orb","t":"Generating orb","d":"An animated glowing orb loader with a rotating chromatic glow and pulsing center text, used to indicate AI content generation or long-running processes, available as a CSS or Canva","s":"21st","c":"ai-agent/ai-agent","a":"adrielzimbril","pl":"https://cdn.21st.dev/adrielzimbril/generating-orb/default/preview.1790373612975-5c423615-51c8-454e-9c9d-b9fb42ca8012.png","pc":"adrielzimbril","sb":"Orbs and presence"},{"id":"21st:adrielzimbril__gradient-file-upload","t":"Gradient file upload","d":"A drag-and-drop file upload box with an animated glowing gradient border, file-type badges, and upload progress/success/error states.","s":"21st","c":"inputs/file-upload","a":"adrielzimbril","pl":"https://cdn.21st.dev/adrielzimbril/gradient-file-upload/default/preview.1790678244426-f90f38e4-cb37-43ac-a3d7-db0e923bb8af.png","pc":"adrielzimbril"},{"id":"21st:adrielzimbril__handle-reel","t":"Handle reel","d":"A kinetic slot-machine style reel that tumbles vertically through a list of usernames or handles past a fixed prefix before decelerating and settling on a target name, with an opti","s":"21st","c":"other","a":"adrielzimbril","pl":"https://cdn.21st.dev/adrielzimbril/handle-reel/default/preview.1790504171628-c2950649-f2c0-4659-9eda-36cdd8b814e8.png","pc":"adrielzimbril"},{"id":"21st:adrielzimbril__kanban","t":"Kanban","d":"A drag-and-drop kanban board for organizing tasks across columns, with reorderable cards and columns, keyboard support, and an optional drag overlay.","s":"21st","c":"data-display/kanban","a":"adrielzimbril","pl":"https://cdn.21st.dev/adrielzimbril/kanban/default/preview.1790473674605-387b514e-2dad-4253-a9e1-662a75c46f9c.png","pc":"adrielzimbril"},{"id":"21st:adrielzimbril__mesh-gradient","t":"Mesh gradient","d":"A WebGL-powered animated mesh gradient background with configurable colors, swirl distortion, and shape, useful as a hero or section backdrop.","k":"motion","s":"21st","c":"motion/gradient","a":"adrielzimbril","pl":"https://cdn.21st.dev/adrielzimbril/mesh-gradient/default/preview.1790685321255-f46ea884-f327-47d6-9c8b-c3e874f79514.png","pc":"adrielzimbril"},{"id":"21st:adrielzimbril__orb-bloop","t":"Orb bloop","d":"An audio-reactive animated orb rendered with a WebGPU/WGSL shader, useful as a voice-assistant avatar that shifts between idle, listening, thinking and speaking states in sync with","s":"21st","c":"ai-agent/ai-agent","a":"adrielzimbril","pl":"https://cdn.21st.dev/adrielzimbril/orb-bloop/default/preview.1790373924378-55c4878c-958e-4807-8c11-fabd505fb921.png","pc":"adrielzimbril","sb":"Orbs and presence"},{"id":"21st:adrielzimbril__thinking-orb","t":"Thinking orb","d":"An animated canvas-based particle orb loader with 9 procedural states (working, searching, solving, listening, connecting, weaving, composing, breathing, shaping) for showing an AI","s":"21st","c":"ai-agent/ai-agent","a":"adrielzimbril","pl":"https://cdn.21st.dev/adrielzimbril/thinking-orb/default/preview.1790376893934-f9504089-7f83-49b2-8a95-ff78549d8a66.png","pc":"adrielzimbril","sb":"Reasoning and tools"},{"id":"21st:adrielzimbril__user-presence-avatar","t":"User presence avatar","d":"An avatar group that separates online and offline users into two clusters and smoothly re-animates members between clusters when someone toggles presence, with a name tooltip on ho","s":"21st","c":"data-display/avatar","a":"adrielzimbril","pl":"https://cdn.21st.dev/adrielzimbril/user-presence-avatar/default/preview.1790535069484-555f2258-336c-4f43-afc5-2b8e6a3d9045.png","pc":"adrielzimbril"},{"id":"21st:adrielzimbril__voice-chat-widget","t":"Voice chat widget","d":"An expandable voice chat pill that shows participant avatars and animated speaking indicators, and morphs smoothly into a full panel with join/leave controls when clicked.","s":"21st","c":"ai-agent/ai-agent","a":"adrielzimbril","pl":"https://cdn.21st.dev/adrielzimbril/voice-chat-widget/default/preview.1790686623435-3a010233-923e-478c-9af6-cb5eb8f58d36.png","pc":"adrielzimbril","sb":"Chat"},{"id":"21st:afa.andres__silk-blend-gradient","t":"Silk blend gradient","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#FFFFFF, #78B8F9, #5667FF, #4D2FF9). Features: soft blur finish, vig","k":"motion","s":"21st","c":"motion/gradient","a":"afa.andres","pl":"https://cdn.21st.dev/afa.andres/silk-blend-gradient/default/preview.1787862342836-c8c979ab-af61-4c69-9ccf-d8e35cdcf19d.webp","pc":"afa.andres","sb":"Silk Blend"},{"id":"21st:afvastien__butterfly","t":"Butterfly","d":"Animated (ripple) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, ","k":"motion","s":"21st","c":"motion/ascii","a":"afvastien","pl":"https://cdn.21st.dev/afvastien/butterfly/default/preview.1791318048334-de2d7d80-8773-463f-bae9-d0aa3ef943b7.webp","pc":"afvastien","sb":"Dither"},{"id":"21st:ai2__accordion-underline","t":"Accordion underline","d":"An animated accordion set where each opened item reveals a sweeping underline beneath its header, with five decorative line styles (sweep, center, grow, double, dashed).","s":"21st","c":"data-display/accordion","a":"ai2","pl":"https://cdn.21st.dev/ai2/accordion-underline/default/preview.1790038838603-481f8663-255a-4017-b252-e468e6584f9c.png","pc":"ai2"},{"id":"21st:ai2__alert-dialog-layout","t":"Alert dialog layout","d":"A self-contained confirmation modal family (centered, horizontal, compact, wide, split layouts) with an icon, title, description and confirm/cancel buttons, animated with framer mo","s":"21st","c":"overlays/dialog","a":"ai2","pl":"https://cdn.21st.dev/ai2/alert-dialog-layout/default/preview.1789958654500-a178b5a8-e162-42f7-989d-30fcf416d3d8.png","pc":"ai2","sb":"Confirm"},{"id":"21st:ai2__badges-styled","t":"Badges styled","d":"A set of five decorative status/label badges (dot indicator, gradient fill, glow, live pulse, and gradient outline) themed on design tokens, with a reduced-motion-aware pulsing ani","s":"21st","c":"data-display/badge","a":"ai2","pl":"https://cdn.21st.dev/ai2/badges-styled/default/preview.1790148002103-57215c47-7025-4285-8dc6-7cac3023b3f1.png","pc":"ai2"},{"id":"21st:ai2__buttons-ripple","t":"Buttons ripple","d":"A set of five click-triggered button variants (ripple, echo, sonar, ping, flash) that animate a wave or ring from the pointer position, respecting reduced-motion preferences.","s":"21st","c":"actions/button","a":"ai2","pl":"https://cdn.21st.dev/ai2/buttons-ripple/default/preview.1788863667940-95e05c6b-82ab-4823-98f0-44934d60024e.png","pc":"ai2","sb":"Animated"},{"id":"21st:ai2__date-picker-compact","t":"Date picker compact","d":"A small, framer-motion-animated date picker with dense, minimal, narrow, inline and bare layout variants for tight spaces like toolbars or inline text.","s":"21st","c":"inputs/select","a":"ai2","pl":"https://cdn.21st.dev/ai2/date-picker-compact/default/preview.1790047775550-73cb4ed5-6267-4f8f-be52-002d32dc42e7.png","pc":"ai2"},{"id":"21st:ai2__date-picker-preset","t":"Date picker preset","s":"21st","c":"inputs/select","a":"ai2","pl":"https://cdn.21st.dev/ai2/date-picker-preset/default/preview.1790009970990-35b445b9-e075-44a1-a230-81196f5a7aa2.png","pc":"ai2"},{"id":"21st:ai2__date-picker-tone","t":"Date picker tone","d":"A dropdown date picker with a month-grid calendar that comes in five semantic color tones (info, success, warning, danger, muted) for forms that need to signal meaning through colo","s":"21st","c":"inputs/select","a":"ai2","pl":"https://cdn.21st.dev/ai2/date-picker-tone/default/preview.1790046403971-12a066aa-cd9a-4abf-a0bd-e9bd49557049.png","pc":"ai2"},{"id":"21st:ai2__empty-styled","t":"Empty styled","s":"21st","c":"data-display/empty-state","a":"ai2","pl":"https://cdn.21st.dev/ai2/empty-styled/default/preview.1790168235560-4560a841-f980-4874-b296-ca09151439fb.png","pc":"ai2"},{"id":"21st:ai2__field-validation","t":"Field validation","d":"A set of styled form-field wrappers (valid, invalid, warning, hint and live) that pair a label and input with a validation message wired through aria-describedby and aria-invalid.","s":"21st","c":"inputs/form-field","a":"ai2","pl":"https://cdn.21st.dev/ai2/field-validation/default/preview.1789960710801-338239d4-7eb2-43cb-85eb-dfd562d0b204.png","pc":"ai2"},{"id":"21st:ai2__file-input","t":"File input","d":"A styled file picker that hides the native file input under a custom surface with a leading icon, selected file name (or multi-file count), and an optional clear button.","s":"21st","c":"inputs/file-upload","a":"ai2","pl":"https://cdn.21st.dev/ai2/file-input/default/preview.1789963473070-23161b39-aa69-4ada-92a5-ca0e5e11d86b.png","pc":"ai2"},{"id":"21st:ai2__input-group-glass","t":"Input group glass","d":"A frosted-glass text input field with a leading icon, available in five decorative surface styles (frost, tint, smoke, crystal, depth) for login forms, search bars and prompt boxes","s":"21st","c":"inputs/form-field","a":"ai2","pl":"https://cdn.21st.dev/ai2/input-group-glass/default/preview.1790047199972-fa6b4a00-f7ae-4334-8d3f-c142e3846c7e.png","pc":"ai2","sb":"Input groups"},{"id":"21st:ai2__input-group-tone","t":"Input group tone","d":"A styled text input with a leading status icon and trailing helper text, available in five semantic tones (info, success, warning, danger, muted) for form validation states.","s":"21st","c":"inputs/form-field","a":"ai2","pl":"https://cdn.21st.dev/ai2/input-group-tone/default/preview.1790047489948-4866d407-e94e-4695-9d33-e3057e950c41.png","pc":"ai2","sb":"Input groups"},{"id":"21st:ai2__input-otp-glass","t":"Input otp glass","d":"A one-time-password / verification-code input made of frosted-glass digit cells, with five decorative surface variants (frost, tint, smoke, crystal, depth) and sizes from sm to xl.","s":"21st","c":"inputs/otp-input","a":"ai2","pl":"https://cdn.21st.dev/ai2/input-otp-glass/default/preview.1790047606324-65c6423a-b7fc-4e11-a58d-08c98bcc99c9.png","pc":"ai2"},{"id":"21st:ai2__inputs-otp","t":"Inputs otp","d":"A segmented one-time-password (OTP) input made of individually focused digit boxes with auto-advance, backspace and arrow-key navigation, plus sibling styled variants for segment c","s":"21st","c":"inputs/otp-input","a":"ai2","pl":"https://cdn.21st.dev/ai2/inputs-otp/default/preview.1790148457894-68eafd4d-07bf-49c3-89cc-6d1c25d44cf8.png","pc":"ai2"},{"id":"21st:ai2__item-drag","t":"Item drag","d":"A set of styled list-row variants (handle, grip, up/down reorder, ghost placeholder, edge rail) that visually signal an item can be reordered, for you to wire up to your own drag-a","s":"21st","c":"data-display/list","a":"ai2","pl":"https://cdn.21st.dev/ai2/item-drag/default/preview.1790047544901-b9692761-0155-4e38-bffd-e4c2ed85c27e.png","pc":"ai2","sb":"Sortable"},{"id":"21st:ai2__item-media","t":"Item media","d":"A set of styled list-row components (thumbnail, cover, video, badge, and stacked variants) for showing a media preview with a title, description, and trailing icon.","s":"21st","c":"data-display/list","a":"ai2","pl":"https://cdn.21st.dev/ai2/item-media/default/preview.1790047423492-87403cb5-a161-4eae-9647-dcd9ff03216d.png","pc":"ai2"},{"id":"21st:ai2__item-motion","t":"Item motion","d":"A family of five animated list-row components (hover lift, slide-in, fade-in, spring pop, and hover-reveal actions) for settings rows, menus, and lists, with built-in reduced-motio","s":"21st","c":"data-display/list","a":"ai2","pl":"https://cdn.21st.dev/ai2/item-motion/default/preview.1790048124400-8f94fb74-51e7-4c31-9839-7ffec2dc69ce.png","pc":"ai2"},{"id":"21st:ai2__kbd-combo","t":"Kbd combo","s":"21st","c":"data-display/typography","a":"ai2","pl":"https://cdn.21st.dev/ai2/kbd-combo/default/preview.1789961306782-486195a9-3e35-4bb0-b6b6-d2628651fe99.png","pc":"ai2"},{"id":"21st:ai2__progress-styled","t":"Progress styled","d":"A set of five decorative animated progress bar variants (striped, gradient, glow, segmented, shimmer) for showing task completion or loading state.","s":"21st","c":"data-viz/progress-bar","a":"ai2","pl":"https://cdn.21st.dev/ai2/progress-styled/default/preview.1790148361645-7579261e-8ba5-4bc7-b3d4-eb9531b15bcd.png","pc":"ai2"},{"id":"21st:ai2__radio-group-styled","t":"Radio group styled","d":"A set of decorative radio-group variants (segmented, card, pill, dot, icon) with animated selection indicators for building custom option pickers and settings toggles.","s":"21st","c":"inputs/radio","a":"ai2","pl":"https://cdn.21st.dev/ai2/radio-group-styled/default/preview.1789961241494-b4e47056-530d-4a3e-91d1-70478a1c22f1.png","pc":"ai2"},{"id":"21st:ai2__radio-group-tone","t":"Radio group tone","d":"A row-card radio group with semantic tone variants (info, success, warning, danger, muted) that animates the selection dot and supports arrow-key navigation.","s":"21st","c":"inputs/radio","a":"ai2","pl":"https://cdn.21st.dev/ai2/radio-group-tone/default/preview.1790048870772-fff608ab-da4c-437f-aa73-5993b5760b60.png","pc":"ai2"},{"id":"21st:ai2__scroll-area-gutter","t":"Scroll area gutter","d":"A styled scrollable container with a decorative custom scrollbar rail/gutter, available in five visual variants (rail, groove, wide, inset, bordered) and four sizes.","k":"layout","s":"21st","c":"layout/scroll-area","a":"ai2","pl":"https://cdn.21st.dev/ai2/scroll-area-gutter/default/preview.1789961233592-1082caff-1132-477b-90fe-02e8a5c9eef9.png","pc":"ai2"},{"id":"21st:ai2__skeleton-shapes","t":"Skeleton shapes","d":"A set of decorative loading placeholders (circle, square, rounded square, pill, and bar) that pulse calmly while content loads, with sizes from sm to xl and reduced-motion support.","k":"resource","s":"21st","c":"assets/shape","a":"ai2","pl":"https://cdn.21st.dev/ai2/skeleton-shapes/default/preview.1790130146935-0f9eb2ba-dfe4-43c0-a233-d32d0c8386b0.png","pc":"ai2"},{"id":"21st:ai2__slider-marks","t":"Slider marks","d":"A styled range slider family with visual scale marks — steps, labeled ticks, snap stops, ruler-style scale, and segmented tracks — for picking a numeric value with pointer drag or ","s":"21st","c":"inputs/slider","a":"ai2","pl":"https://cdn.21st.dev/ai2/slider-marks/default/preview.1790052626247-9edaa5f7-85c8-4220-9041-35b51142e861.png","pc":"ai2"},{"id":"21st:ai2__slider-minimal","t":"Slider minimal","d":"A family of low-emphasis, decorative range slider styles (hairline, bare ring, ghost, thin bar and dotted track) with pointer and keyboard support for picking a numeric value.","s":"21st","c":"inputs/slider","a":"ai2","pl":"https://cdn.21st.dev/ai2/slider-minimal/default/preview.1790050233506-7c22d5f8-437a-451d-a9b1-b11722854503.png","pc":"ai2"},{"id":"21st:ai2__toggle-group-multi","t":"Toggle group multi","d":"A multi-select toggle button group where each option turns on and off independently, available in checked-button, counter-badge, removable-chip, select-all, and mixed icon/label st","s":"21st","c":"actions/segmented-control","a":"ai2","pl":"https://cdn.21st.dev/ai2/toggle-group-multi/default/preview.1790051154227-54162aa8-5b97-4356-8579-cd3e7bee0461.png","pc":"ai2"},{"id":"21st:ai2__toggles-particle","t":"Toggles particle","d":"A set of decorative animated switch controls (particle burst, spark trail, comet tail, confetti and trail effects) for turning a setting on or off.","k":"motion","s":"21st","c":"motion/background","a":"ai2","pl":"https://cdn.21st.dev/ai2/toggles-particle/default/preview.1790148800555-7c680144-413d-4903-90df-44901b1141fc.png","pc":"ai2","sb":"Particles and stars"},{"id":"21st:ai2__toggles-styled","t":"Toggles styled","d":"A set of decorative animated toggle switches (iOS pill, square, sun/moon icon, glow, and labeled ON/OFF) for settings and preference screens, built with framer-motion and reduced-m","s":"21st","c":"actions/switch","a":"ai2","pl":"https://cdn.21st.dev/ai2/toggles-styled/default/preview.1790148941722-0b84d78b-c671-4062-8bba-b8d22a6a5f24.png","pc":"ai2"},{"id":"21st:aicanvas__blind-pull-toggle","t":"Blind pull toggle","d":"A dark/light mode toggle styled as a window-blind pull cord, where clicking swings a cord to flip venetian-blind slats revealing the sun or moon icon.","s":"21st","c":"actions/switch","a":"aicanvas","pl":"https://cdn.21st.dev/aicanvas/blind-pull-toggle/default/preview.1788822673539-09080836-bf77-4659-8fcc-a1337286888d.png","pc":"aicanvas"},{"id":"21st:aicanvas__expanding-tabs","t":"Expanding tabs","d":"A monochrome pill-shaped tab bar where the active tab morphs into a labeled pill while inactive tabs collapse into icon-only circles, useful for a mail client, dashboard, or settin","s":"21st","c":"navigation/tabs","a":"aicanvas","pl":"https://cdn.21st.dev/aicanvas/expanding-tabs/default/preview.1790166217771-d91766ff-54c0-4579-b64a-642af23f178c.png","pc":"aicanvas"},{"id":"21st:aicanvas__magnetic-logo-cluster","t":"Magnetic logo cluster","d":"An interactive swarm of logo or icon marks that fly in from off-screen, drift endlessly with a floating animation, and bend toward the cursor like a magnet.","k":"resource","s":"21st","c":"assets/logo","a":"aicanvas","pl":"https://cdn.21st.dev/aicanvas/magnetic-logo-cluster/default/preview.1790062278376-048fe227-2b9b-41f9-a76a-a5bb559aa504.png","pc":"aicanvas"},{"id":"21st:aicanvas__runway-loader","t":"Runway loader","d":"An animated progress bar where a small airplane taxis along a runway track and takes off when it reaches 100%, useful for onboarding, file import, or deploy-pipeline loading states","s":"21st","c":"status/loader","a":"aicanvas","pl":"https://cdn.21st.dev/aicanvas/runway-loader/default/preview.1788809086987-ff1827a4-b9f1-4233-bb8f-b56e09c7f821.png","pc":"aicanvas"},{"id":"21st:aicanvas__stack-tower","t":"Stack tower","d":"An animated column of stacked words that reads as a rotating 3D cylinder, built with 2D CSS transforms, for hero sections and type specimens.","s":"21st","c":"media/card-stack","a":"aicanvas","pl":"https://cdn.21st.dev/aicanvas/stack-tower/default/preview.1788836509495-9008e019-be9b-49de-ae09-01c2f8abf967.png","pc":"aicanvas"},{"id":"21st:aidankmcalister__confirm-switch","t":"Confirm switch","d":"A toggle switch that flips immediately but gives the user a brief undo window before the change is actually confirmed and committed.","s":"21st","c":"actions/switch","a":"aidankmcalister","pl":"https://cdn.21st.dev/aidankmcalister/confirm-switch/default/preview.1791050258854-5098ba62-1e8e-4f6c-b891-abada7e66809.png","pc":"aidankmcalister"},{"id":"21st:aideathoughts__waves-shader","t":"Waves shader","d":"Animated WebGL shader background in the Waves style. Generated by the 21st.dev Shader Builder. 4-color palette (#101010, #F5F5F5, #B0B0B0, #3A3A3A). A drop-in, zero-dependency Reac","k":"motion","s":"21st","c":"motion/shader","a":"aideathoughts","pl":"https://cdn.21st.dev/aideathoughts/waves-shader/default/preview.1788542154407-02f5eed6-8706-41b7-b9b4-397062e54e3b.webp","pc":"aideathoughts","sb":"Waves"},{"id":"21st:aideathoughts__white","t":"White","d":"Animated WebGL shader background in the Color Panels style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"aideathoughts","pl":"https://cdn.21st.dev/aideathoughts/white/default/preview.1788542135054-c4d5ed94-84b8-428b-9de2-3b26def6c418.webp","pc":"aideathoughts","sb":"Color Panels"},{"id":"21st:aiwhileyousleeping__orb-shader","t":"Orb shader","d":"Animated WebGL shader background in the Orb style. Generated by the 21st.dev Shader Builder. 4-color palette (#23211F, #97E4F0, #F5D41E, #E6D79B). Features: cursor-reactive (spotli","k":"motion","s":"21st","c":"motion/shader","a":"aiwhileyousleeping","pl":"https://cdn.21st.dev/aiwhileyousleeping/orb-shader/default/preview.1791490535251-662d2f8c-dafa-4fd3-8363-5aae8f09bce2.webp","pc":"aiwhileyousleeping","sb":"Orb"},{"id":"21st:ajayk.igxact__2-shader","t":"2 shader","d":"Animated WebGL shader background in the Neuro Noise style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"ajayk.igxact","pl":"https://cdn.21st.dev/ajayk.igxact/2-shader/default/preview.1789555534343-4f0c9aa0-4a01-493f-9ff3-c823c9ffb89f.webp","pc":"ajayk.igxact","sb":"Neuro Noise"},{"id":"21st:ajayk.igxact__c-shader","t":"C shader","d":"Animated WebGL shader background in the Neuro Noise style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"ajayk.igxact","pl":"https://cdn.21st.dev/ajayk.igxact/c-shader/default/preview.1789461936050-ab82e3c7-a788-4af2-919f-ef66b859a5b0.webp","pc":"ajayk.igxact","sb":"Neuro Noise"},{"id":"21st:ajith66310__hero-scroll-video-pin-reveal","t":"Hero scroll video pin reveal","d":"A cinematic hero section with GSAP SplitText kinetic word reveal, clip-path badges, and an expanding full-screen drone video pin animation across mobile, tablet, and desktop.","s":"21st","c":"media/player","a":"ajith66310","pl":"https://cdn.21st.dev/ajith66310/hero-scroll-video-pin-reveal/default/preview.1787477394838-08b044d3-747f-47f8-ba9e-9fddf3a8d628.png","pc":"ajith66310"},{"id":"21st:ajith66310__home-hero-landing-scroll-animation","t":"Home hero landing scroll animation","d":"Hero landing section with a 4-phase GSAP ScrollTrigger scroll animation: icons cascade up with stagger, scale and fly to center, fly to nav header placeholders, then headline text ","k":"layout","s":"21st","c":"layout/scroll-area","a":"ajith66310","pl":"https://cdn.21st.dev/ajith66310/home-hero-landing-scroll-animation/default/preview.1787287480237-5df46ccf-9d2b-4165-b7d3-33684b597196.png","pc":"ajith66310"},{"id":"21st:ajith66310__imgtext-reveal-scroll-animation","t":"Imgtext reveal scroll animation","d":"Scroll-driven text and inline image reveal animation using GSAP ScrollTrigger with floating magnetic cursor hover preview.","k":"layout","s":"21st","c":"layout/scroll-area","a":"ajith66310","pl":"https://cdn.21st.dev/ajith66310/imgtext-reveal-scroll-animation/default/preview.1787474121395-f9f68a9a-69a3-420c-961c-2debe77798f5.png","pc":"ajith66310"},{"id":"21st:ajith66310__inversion-circle-scroll-animation","t":"Inversion circle scroll animation","d":"Scroll-driven animation: a black circle rises from below the screen to centre then expands to fill the entire viewport. White text is revealed inside via CSS clip-path creating a c","k":"layout","s":"21st","c":"layout/scroll-area","a":"ajith66310","pl":"https://cdn.21st.dev/ajith66310/inversion-circle-scroll-animation/default/preview.1787468906419-5ec144a1-5a40-4d1d-aa77-419455d76892.png","pc":"ajith66310"},{"id":"21st:ajith66310__lip-scroll-zoomin-animation","t":"Lip scroll zoomin animation","k":"layout","s":"21st","c":"layout/scroll-area","a":"ajith66310","pl":"https://cdn.21st.dev/ajith66310/lip-scroll-zoomin-animation/default/preview.1787571570291-c22344ad-8159-4a3f-8aa2-2867d87db3c4.png","pc":"ajith66310"},{"id":"21st:ajith66310__reveal-text","t":"Reveal text","d":"Fluid responsive blur-and-stagger text reveal animation using Framer Motion","s":"21st","c":"motion/text-effect","a":"ajith66310","pl":"https://cdn.21st.dev/ajith66310/reveal-text/default/preview.1789729290318-51d739b2-7a1c-41e9-971e-2a43fe54a16f.png","pc":"ajith66310","sb":"Reveal and entrance"},{"id":"21st:ajith66310__text-animation","t":"Text animation","d":"Responsive editorial block-wipe line reveal animation powered by GSAP and SplitText","s":"21st","c":"motion/text-effect","a":"ajith66310","pl":"https://cdn.21st.dev/ajith66310/text-animation/default/preview.1789731540171-e8852c83-8dc8-45f8-9571-812dbd980794.png","pc":"ajith66310"},{"id":"21st:ajith66310__woodpeck-hero-landing-animation","t":"Woodpeck hero landing animation","k":"section","s":"21st","c":"marketing/hero","a":"ajith66310","pl":"https://cdn.21st.dev/ajith66310/woodpeck-hero-landing-animation/default/preview.1790328038848-3065da1c-3b13-4183-ad06-c2aff5c9ffd6.png","pc":"ajith66310"},{"id":"21st:ajith66310__work-page-hero","t":"Work page hero","k":"section","s":"21st","c":"marketing/hero","a":"ajith66310","pl":"https://cdn.21st.dev/ajith66310/work-page-hero/default/preview.1787200409509-ec69435a-388e-41c3-86a7-dfe072574aec.png","pc":"ajith66310"},{"id":"21st:alain00__group-chat","t":"Group chat","d":"A chat thread UI that groups consecutive messages from the same person under one avatar, shows an overlapping member facepile in the header, and displays a typing indicator.","s":"21st","c":"ai-agent/ai-agent","a":"alain00","pl":"https://cdn.21st.dev/alain00/group-chat/default/preview.1790355175659-6ff6c637-ba9e-43f7-8e65-623329401dd9.png","pc":"alain00","sb":"Chat"},{"id":"21st:alain00__user-table","t":"User table","d":"A responsive table for listing users that renders a deterministic geometric avatar (blobatar) per row so similar names stay visually distinguishable.","s":"21st","c":"data-display/table","a":"alain00","pl":"https://cdn.21st.dev/alain00/user-table/default/preview.1790355192654-c43d11d1-f23e-4934-a388-4bc0dbedbc06.png","pc":"alain00","sb":"People"},{"id":"21st:aldrinjaison__waves-shader","t":"Waves shader","d":"Animated WebGL shader background in the Waves style. Generated by the 21st.dev Shader Builder. 4-color palette (#031C26, #1B6CA8, #5AD2F4, #EAF9FF). Features: cursor-reactive (spot","k":"motion","s":"21st","c":"motion/shader","a":"aldrinjaison","pl":"https://cdn.21st.dev/aldrinjaison/waves-shader/default/preview.1789155934994-72053b2f-2416-430d-afa4-166cdb957f5f.webp","pc":"aldrinjaison","sb":"Waves"},{"id":"21st:alhelo122__red-golden-background","t":"Red golden background","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#031C26, #1B6CA8, #5AD2F4, #EAF9FF). Features: cursor-reactive ","k":"motion","s":"21st","c":"motion/shader","a":"alhelo122","pl":"https://cdn.21st.dev/alhelo122/red-golden-background/default/preview.1790518533963-a9f89f83-2ea8-4f57-9ef0-1b1659a21d31.webp","pc":"alhelo122","sb":"Mesh drift"},{"id":"21st:allanmesquitab__frorest-green","t":"Frorest green","d":"Animated WebGL shader background in the Waves style. Generated by the 21st.dev Shader Builder. 4-color palette (#0D1B0F, #3E8E41, #C7F464, #FFFDE1). A drop-in, zero-dependency Reac","k":"motion","s":"21st","c":"motion/shader","a":"allanmesquitab","pl":"https://cdn.21st.dev/allanmesquitab/frorest-green/default/preview.1789265735080-5e869e70-885d-40d2-967e-c9d9ce7e18cc.webp","pc":"allanmesquitab","sb":"Waves"},{"id":"21st:altered-data__sakura","t":"Sakura","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#1A1423, #B75D69, #EACDC2, #FFF5EB). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"altered-data","pl":"https://cdn.21st.dev/altered-data/sakura/default/preview.1788486334518-80e7301a-b2c2-49a2-9b5b-f65631de3d76.webp","pc":"altered-data","sb":"Mesh drift"},{"id":"21st:amanshakya307__vault-lock","t":"Vault lock","d":"An animated vault card that reveals a masked password input with a spinning lock and shine effect when hovered.","s":"21st","c":"other","a":"amanshakya307","pl":"https://cdn.21st.dev/amanshakya307/vault-lock/default/preview.1790305867904-20c64c21-f647-4306-9fde-7f04bc08af68.png","pc":"amanshakya307"},{"id":"21st:amir24p__waves","t":"Waves","d":"Animated WebGL shader background in the Waves style. Generated by the 21st.dev Shader Builder. 4-color palette (#031C26, #1B6CA8, #5AD2F4, #EAF9FF). Features: cursor-reactive (spot","k":"motion","s":"21st","c":"motion/shader","a":"amir24p","pl":"https://cdn.21st.dev/amir24p/waves/default/preview.1789535756506-87f755fc-e9b5-4409-8ea9-ce4b736761bd.webp","pc":"amir24p","sb":"Waves"},{"id":"21st:amirrad8841__1-gradient","t":"1 gradient","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#FCE4EC, #F7B7D2, #BFD8F2, #E3D5F5). Features: film grain. A drop-i","k":"motion","s":"21st","c":"motion/gradient","a":"amirrad8841","pl":"https://cdn.21st.dev/amirrad8841/1-gradient/default/preview.1787318756875-0f49dbe5-faf7-4dda-a424-864a599f9f5d.webp","pc":"amirrad8841","sb":"Bloom Field"},{"id":"21st:amitgajare2__option-wheel","t":"Option wheel","d":"A vertical scroll-picker that curves a list of text options into a wheel, letting users pick one by dragging, scrolling, or arrow keys with smooth physics-based inertia.","s":"21st","c":"other","a":"amitgajare2","pl":"https://cdn.21st.dev/amitgajare2/option-wheel/default/preview.1790347729115-0d7220cd-82ed-4cd8-aa20-e096411c62f8.png","pc":"amitgajare2"},{"id":"21st:amitgajare2__proximity-sidebar","t":"Proximity sidebar","d":"A minimal document minimap sidebar whose dash markers expand as the pointer or scroll position approaches them, letting readers jump to headings and sections.","s":"21st","c":"navigation/sidebar","a":"amitgajare2","pl":"https://cdn.21st.dev/amitgajare2/proximity-sidebar/default/preview.1790347251050-876c1e81-a564-4bd7-96e9-7ade636abfd2.png","pc":"amitgajare2"},{"id":"21st:anark17r__ai-thiking-orb-and-input","t":"Ai thiking orb and input","d":"ai thiking orb and input","s":"21st","c":"ai-agent/ai-agent","a":"anark17r","pl":"https://cdn.21st.dev/anark17r/ai-thiking-orb-and-input/default/preview.1790780725882-225cefe8-2c99-42f7-8397-ca8267cd48db.png","pc":"anark17r","sb":"Orbs and presence"},{"id":"21st:anark17r__code-background","t":"Code background","d":"code/matrix background","k":"motion","s":"21st","c":"motion/background","a":"anark17r","pl":"https://cdn.21st.dev/anark17r/code-background/default/preview.1790888566628-e69a97d5-b4ca-4f81-bf04-6e2de72a23ea.png","pc":"anark17r"},{"id":"21st:anark17r__data-rain","t":"Data rain","d":"data-rain background","s":"21st","c":"other","a":"anark17r","pl":"https://cdn.21st.dev/anark17r/data-rain/default/preview.1791554072196-f61252a7-2386-4edc-ba5f-a4eb18de1426.png","pc":"anark17r"},{"id":"21st:andrehzh__dither-art","t":"Dither art","d":"Animated (flicker) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"andrehzh","pl":"https://cdn.21st.dev/andrehzh/dither-art/default/preview.1787617256533-c06d30ae-a37e-4f83-bfde-2503714264ba.webp","pc":"andrehzh","sb":"Dither"},{"id":"21st:andrehzh__dither-effect","t":"Dither effect","d":"Animated (flicker) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"andrehzh","pl":"https://cdn.21st.dev/andrehzh/dither-effect/default/preview.1787617266437-a7b7f929-4bd6-49a4-b50f-2c85a66bf553.webp","pc":"andrehzh","sb":"Dither"},{"id":"21st:anelkabag__cta-1","t":"Cta 1","d":"A full-width call-to-action section with an animated word-by-word headline, an email subscribe form, and a social-proof avatar row for landing pages.","k":"section","s":"21st","c":"marketing/cta","a":"anelkabag","pl":"https://cdn.21st.dev/anelkabag/cta-1/default/preview.1790343487336-2ffb19ff-efe5-4b4b-8ae4-cad7f4d96904.png","pc":"anelkabag"},{"id":"21st:anelkabag__hero4","t":"Hero4","d":"A landing page hero section with a sticky navbar, dark mode toggle, and an animated dashboard preview card showing event stats, upcoming events, and a monthly bar chart.","k":"section","s":"21st","c":"marketing/hero","a":"anelkabag","pl":"https://cdn.21st.dev/anelkabag/hero4/default/preview.1790343256016-9a034703-0341-40d5-82f5-a585a65c2715.png","pc":"anelkabag"},{"id":"21st:anelkabag__navbar2","t":"Navbar2","d":"A responsive top navigation bar with animated mega-menu dropdowns, a language switcher, and a mobile slide-down menu.","s":"21st","c":"navigation/top-nav","a":"anelkabag","pl":"https://cdn.21st.dev/anelkabag/navbar2/default/preview.1790343330700-ca08deb5-ecad-4b86-a35f-040e473e76ff.png","pc":"anelkabag"},{"id":"21st:animbits__text-highlight","t":"Text highlight","d":"A text wrapper that animates a hand-drawn marker-style highlight bar sliding in behind a word or phrase, for drawing attention to key text on a page.","s":"21st","c":"motion/text-effect","a":"animbits","pl":"https://cdn.21st.dev/animbits/text-highlight/default/preview.1789956762914-94a93a4b-721f-4f56-a2a9-b2112a50b753.png","pc":"animbits"},{"id":"21st:antalyabjh345__2tw","t":"2tw","d":"Animated WebGL shader background in the Neuro Noise style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"antalyabjh345","pl":"https://cdn.21st.dev/antalyabjh345/2tw/default/preview.1788102946514-479a32bb-77da-4338-987c-d20507301498.webp","pc":"antalyabjh345","sb":"Neuro Noise"},{"id":"21st:appica-dev__alert","t":"Alert","d":"A dismissible alert banner for surfacing status messages, warnings, or announcements with an icon, title, description, and optional actions.","s":"21st","c":"overlays/alert-banner","a":"appica-dev","pl":"https://cdn.21st.dev/appica-dev/alert/default/preview.1790796911650-a4139923-6257-47dd-82db-0a5c2ac6fcad.png","pc":"appica-dev"},{"id":"21st:appica-dev__autocomplete","t":"Autocomplete","d":"A text input that filters and suggests matching options from a list as the user types, with support for grouping, icons, and grid layouts.","s":"21st","c":"inputs/combobox","a":"appica-dev","pl":"https://cdn.21st.dev/appica-dev/autocomplete/default/preview.1790796873509-412e6c44-3ea8-4643-9c9a-ee332ece08da.png","pc":"appica-dev"},{"id":"21st:appica-dev__avatar","t":"Avatar","d":"A user profile image with automatic initials/icon fallback, status badge, and grouping for stacking multiple avatars in a row.","s":"21st","c":"data-display/avatar","a":"appica-dev","pl":"https://cdn.21st.dev/appica-dev/avatar/default/preview.1790792902931-133620ff-d363-4c86-a710-f34189914962.png","pc":"appica-dev"},{"id":"21st:appica-dev__background-pattern","t":"Background pattern","d":"A decorative dots/grid/hexagon/rings/checkerboard pattern painted behind page content, with an optional cursor-following spotlight highlight.","k":"motion","s":"21st","c":"motion/background","a":"appica-dev","pl":"https://cdn.21st.dev/appica-dev/background-pattern/default/preview.1790794402939-57dbb701-48a0-4c0b-a1cb-885d113696a0.png","pc":"appica-dev","sb":"Grids and patterns"},{"id":"21st:appica-dev__border-beam","t":"Border beam","d":"An animated glowing comet that travels around an element's border, used to draw attention to cards, buttons, or loading states.","k":"motion","s":"21st","c":"motion/border","a":"appica-dev","pl":"https://cdn.21st.dev/appica-dev/border-beam/default/preview.1790796905684-f3a3ed6a-d98e-41a7-ab2a-56553624e9a4.png","pc":"appica-dev"},{"id":"21st:appica-dev__carousel","t":"Carousel","d":"A draggable, swipeable image/content slider with arrows, dot pagination, thumbnails, autoplay, fade, and auto-height, for showcasing photo galleries or product shots one slide at a","s":"21st","c":"media/carousel","a":"appica-dev","pl":"https://cdn.21st.dev/appica-dev/carousel/default/preview.1790806608903-e8c1961f-e605-45c6-b4ae-64400a04678d.png","pc":"appica-dev"},{"id":"21st:appica-dev__color-area","t":"Color area","d":"A draggable 2D color plane for picking two channels at once (like saturation and brightness), with keyboard, RTL and form support.","s":"21st","c":"inputs/color-picker","a":"appica-dev","pl":"https://cdn.21st.dev/appica-dev/color-area/default/preview.1790796935691-b0a04511-8aa7-4a01-a3a8-c0d8a4da617b.png","pc":"appica-dev"},{"id":"21st:appica-dev__sparkline","t":"Sparkline","d":"A compact inline chart (line, area, or column) that shows a data trend at a glance inside a KPI card, table row, or dashboard header, with an optional hover tooltip and live-updati","s":"21st","c":"data-viz/chart","a":"appica-dev","pl":"https://cdn.21st.dev/appica-dev/sparkline/default/preview.1790806738139-8b81dc7f-a8ef-4d5e-b61f-1af42983086e.png","pc":"appica-dev","sb":"Line and sparkline"},{"id":"21st:appica-dev__text-animate","t":"Text animate","d":"A text component that animates a string in by character, word, or line using presets like typewriter, scramble, rise, wave, flip, and shimmer.","s":"21st","c":"motion/text-effect","a":"appica-dev","pl":"https://cdn.21st.dev/appica-dev/text-animate/default/preview.1790807914225-b1bc5ff6-e558-4644-a553-312c66016afd.png","pc":"appica-dev"},{"id":"21st:appica-dev__toc","t":"Toc","s":"21st","c":"navigation/table-of-contents","a":"appica-dev","pl":"https://cdn.21st.dev/appica-dev/toc/default/preview.1790806780631-a475d4b6-0f45-42d1-8b4b-4859508c8bd7.png","pc":"appica-dev"},{"id":"21st:arauzolander__bue-drift","t":"Bue drift","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#031C26, #1B6CA8, #449DB6, #AFC6E1). Features: cursor-reactive ","k":"motion","s":"21st","c":"motion/shader","a":"arauzolander","pl":"https://cdn.21st.dev/arauzolander/bue-drift/default/preview.1788659134019-a1b9410c-352c-4ad6-8f7a-5ad315795618.webp","pc":"arauzolander","sb":"Mesh drift"},{"id":"21st:arcoss2003__waves-shader","t":"Waves shader","d":"Animated WebGL shader background in the Waves style. Generated by the 21st.dev Shader Builder. 4-color palette (#1A1423, #B75D69, #EACDC2, #FFF5EB). A drop-in, zero-dependency Reac","k":"motion","s":"21st","c":"motion/shader","a":"arcoss2003","pl":"https://cdn.21st.dev/arcoss2003/waves-shader/default/preview.1787096756399-6bb42724-863f-4d67-8090-a1ab77055c12.webp","pc":"arcoss2003","sb":"Waves"},{"id":"21st:arihantcodes_1f7b8c4d__accordion-card","t":"Accordion card","d":"A card-styled FAQ accordion where each collapsible item sits in its own bordered rounded panel, used for pricing/FAQ sections.","s":"21st","c":"data-display/accordion","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/accordion-card/default/preview.1790142884170-ebc41b0c-80e8-4918-9562-14721ec22c14.png","pc":"arihantcodes_1f7b8c4d","sb":"Cards"},{"id":"21st:arihantcodes_1f7b8c4d__accordion-generative","t":"Accordion generative","d":"An accordion whose panel reveals its answer text one character at a time, like an AI model streaming a response, complete with a trailing caret and reduced-motion support.","s":"21st","c":"data-display/accordion","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/accordion-generative/default/preview.1790143659627-3695f96e-3271-4cb1-891c-af04838f3002.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__accordion-ghost","t":"Accordion ghost","d":"A borderless, minimal accordion with a plus/cross toggle indicator and numbered items, for FAQs or step-by-step guides.","s":"21st","c":"data-display/accordion","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/accordion-ghost/default/preview.1790054339004-77ef5132-6a96-4c18-9939-84efc047dbc8.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__account-access-card","t":"Account access card","d":"A settings card that auto-types looping demo email and password credentials into its fields and includes a danger-zone row for archiving the account.","s":"21st","c":"data-display/card","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/account-access-card/default/preview.1790144640362-7622f685-2d88-4a1f-a8e6-6cf38aaf8924.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__activity-empty","t":"Activity empty","d":"An empty-state panel for an activity/audit log timeline that shows a dashed rail above the single seed event with actions to open the audit log or export as CSV.","s":"21st","c":"data-display/timeline","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/activity-empty/default/preview.1790070595469-da5debda-6ccc-4a53-8a98-66134eca3b3a.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__ai-chat-card","t":"Ai chat card","d":"A chat composer card that demos an AI assistant by auto-typing example prompts, with send, attach and reset actions.","s":"21st","c":"ai-agent/ai-agent","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/ai-chat-card/default/preview.1790144520804-a537ce1a-0701-46a4-8308-12d91ee92266.png","pc":"arihantcodes_1f7b8c4d","sb":"Chat"},{"id":"21st:arihantcodes_1f7b8c4d__alert-2","t":"Alert 2","d":"A notification alert card showing a team invitation with an avatar, online status, and accept/decline actions.","s":"21st","c":"overlays/alert-banner","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/alert-2/default/preview.1787168210903-4396bc83-8b0b-45db-ae58-b1e9da6976d6.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__animated-drawer","t":"Animated drawer","d":"A bottom drawer built on vaul that smoothly animates its height as it transitions between multiple views, shown here as a crypto wallet settings panel.","s":"21st","c":"overlays/sheet","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/animated-drawer/default/preview.1787256193434-5a3775fe-464f-4ced-899f-46680bfa2f3f.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__animated-wave-footer","t":"Animated wave footer","d":"A page footer with an animated wave SVG background, a newsletter signup form, quick links, contact info, and social icons.","k":"section","s":"21st","c":"marketing/footer","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/animated-wave-footer/default/preview.1790192299013-d72c0521-4811-434e-b950-61279553159a.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__area-chart","t":"Area chart","d":"An animated area chart for visualizing time-series data with gradient, hatched, dotted, stacked and dashed-stroke fill variants, built on Recharts.","s":"21st","c":"data-viz/chart","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/area-chart/default/preview.1790164464423-012e1afc-b773-4efd-9cb3-1a62f2065c46.png","pc":"arihantcodes_1f7b8c4d","sb":"Area"},{"id":"21st:arihantcodes_1f7b8c4d__audit-log-table","t":"Audit log table","d":"A dense, sortable audit log table with actor avatars, mono-styled action names, IPs, and color-coded severity levels for tracking workspace events.","s":"21st","c":"data-display/table","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/audit-log-table/default/preview.1790058328662-2c9dd3e5-6a2c-4ec5-95db-91fc2ca39b9c.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__autosize-textarea-customize","t":"Autosize textarea customize","d":"A bio form field with an auto-resizing textarea, Zod validation, and a loading submit button.","s":"21st","c":"inputs/textarea","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/autosize-textarea-customize/default/preview.1788462340073-51beba40-a5ff-4da1-b455-ed8f8ab52e0a.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__avatar-stack","t":"Avatar stack","s":"21st","c":"data-display/avatar","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/avatar-stack/default/preview.1789806108361-098a9b6d-7f41-48fc-af03-c5ba8a214a7d.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__banner-tiers","t":"Banner tiers","d":"A brutalist pricing table with a monthly/yearly toggle and animated digit rollers, where the featured plan is highlighted with a blue banner across the top.","s":"21st","c":"overlays/alert-banner","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/banner-tiers/default/preview.1790147149459-8e6d6517-d806-4a30-8261-3110c1494532.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__bar-chart","t":"Bar chart","d":"An animated recharts-based bar chart with vertical/horizontal layouts and hatch, duotone, gradient, stripe, stack, percent and glow fill variants for dashboards.","s":"21st","c":"data-viz/chart","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/bar-chart/default/preview.1789989062756-dade879e-94a2-4180-802c-2ee43d393b88.png","pc":"arihantcodes_1f7b8c4d","sb":"Bar"},{"id":"21st:arihantcodes_1f7b8c4d__beam-search","t":"Beam search","d":"A search input whose bottom edge lights up with a traveling beam animation while it is focused, with a clear button and optional trailing slot for keyboard hints.","s":"21st","c":"inputs/search","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/beam-search/default/preview.1790144967364-79ce3a64-1721-40ff-8137-7edd17f1ef6f.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__blueprint-tiers","t":"Blueprint tiers","d":"A three-tier pricing table with a Swiss-blueprint look (crop marks, mono labels, royal-blue accent) and a monthly/yearly billing toggle per plan.","s":"21st","c":"other","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/blueprint-tiers/default/preview.1790017493483-72844a80-fb7a-4d83-9a54-1e535b6d6530.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__calendar-heatmap","t":"Calendar heatmap","d":"A GitHub-style contributions grid that visualizes a year of daily values as week columns with quantized color intensity, streak stats, and month labels.","s":"21st","c":"data-viz/chart","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/calendar-heatmap/default/preview.1789956984692-a92c4c18-9935-477b-b894-30f91d264e23.png","pc":"arihantcodes_1f7b8c4d","sb":"Heatmap"},{"id":"21st:arihantcodes_1f7b8c4d__candlestick-chart","t":"Candlestick chart","d":"An animated OHLC candlestick chart with optional volume bars and hollow-up candle bodies, for displaying stock or crypto price action over time.","s":"21st","c":"data-viz/chart","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/candlestick-chart/default/preview.1790061545341-5f387be2-3f77-4344-931e-37463761fe41.png","pc":"arihantcodes_1f7b8c4d","sb":"Financial"},{"id":"21st:arihantcodes_1f7b8c4d__chat-empty-state","t":"Chat empty state","d":"A first-run greeting panel for a chat/AI assistant interface that shows a title, subtitle and staggered animated suggestion chips for the user to pick a starting prompt.","s":"21st","c":"data-display/empty-state","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/chat-empty-state/default/preview.1790145173255-e272a380-82ac-4f6a-88e5-034feebe295b.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__cohort-chart","t":"Cohort chart","d":"An SVG retention-triangle chart that shows signup cohorts against periods, coloring each cell by percent retained with a row/column crosshair on hover and a period-average summary ","s":"21st","c":"data-viz/chart","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/cohort-chart/default/preview.1790146105044-d1e5c647-97f1-44ca-a1d4-baedf1e18ced.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__command-search","t":"Command search","d":"A command palette input that types out sample queries and live-filters grouped results, with arrow-key navigation and an animated selection highlight.","s":"21st","c":"inputs/search","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/command-search/default/preview.1790017591136-eec4dafb-3e8f-4e54-9a64-6eefeb199138.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__conversation-list","t":"Conversation list","d":"A date-grouped conversation sidebar for chat/AI apps that lets users switch between threads and pin favorites.","s":"21st","c":"ai-agent/ai-agent","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/conversation-list/default/preview.1790142886990-b5c038db-2313-4d54-9da8-fe7dd7cef0e8.png","pc":"arihantcodes_1f7b8c4d","sb":"Chat"},{"id":"21st:arihantcodes_1f7b8c4d__dark-matrix","t":"Dark matrix","d":"A dark-themed plan comparison table with dashed row dividers, mint check/cross icons, and per-plan call-to-action pills, with a mobile plan picker for narrow screens.","s":"21st","c":"other","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/dark-matrix/default/preview.1790057202181-fb033b26-b575-4e5b-8c32-314e37371b34.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__data-table","t":"Data table","d":"A typed data table for React with sortable columns, search, quick-filter pills, row selection, keyboard navigation and animated row reordering/removal, built for dashboards and adm","s":"21st","c":"data-display/table","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/data-table/default/preview.1789165017427-1ab70b7e-4f89-4451-b667-b4762a74e98e.png","pc":"arihantcodes_1f7b8c4d","sb":"Data tables"},{"id":"21st:arihantcodes_1f7b8c4d__depth-chart","t":"Depth chart","d":"An order book depth chart that visualizes cumulative bid and ask liquidity on either side of the mid price, with a crosshair that reports the resting size up to any price.","s":"21st","c":"data-viz/chart","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/depth-chart/default/preview.1790146087323-e09e55af-a513-4225-964e-25316098d0f2.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__dynamic-island","t":"Dynamic island","d":"An iOS-style pill notification that morphs and springs open into different live activity views like a timer, music player, or call screen.","s":"21st","c":"other","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/dynamic-island/default/preview.1789797646994-1b7468b3-f3db-4ff0-9c11-90a552302d37.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__expandable-action-bar","t":"Expandable action bar","d":"A compact row of icon actions that expands into labeled controls on hover, focus, or tap, with a shared layout highlight and touch-friendly two-tap behavior.","s":"21st","c":"data-display/accordion","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/expandable-action-bar/default/preview.1788850053750-7f6b4215-88b8-4768-8883-f3f652634b61.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__faq-tabs-card","t":"Faq tabs card","d":"A tabbed FAQ card with animated accordion answers, category tabs, and a support footer button.","k":"section","s":"21st","c":"marketing/faq","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/faq-tabs-card/default/preview.1790144924631-d001f5c3-8ca2-4577-af2c-bfa2ec65f0ec.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__gradient-tiers","t":"Gradient tiers","k":"motion","s":"21st","c":"motion/gradient","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/gradient-tiers/default/preview.1790057185226-c03e1035-ed5c-451a-bdd4-ace2365cf553.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__hold-to-confirm","t":"Hold to confirm","d":"A press-and-hold confirmation button for destructive actions that fills a circular progress ring while held, springs back if released early, and morphs into a success checkmark whe","s":"21st","c":"overlays/dialog","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/hold-to-confirm/default/preview.1789970099244-e3224de8-d52e-47fd-8533-8848e684cc09.png","pc":"arihantcodes_1f7b8c4d","sb":"Confirm"},{"id":"21st:arihantcodes_1f7b8c4d__http-status-code","t":"Http status code","d":"A searchable, paginated table of HTTP status codes with category badges for quick reference in docs or dev tools.","s":"21st","c":"data-display/code-block","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/http-status-code/default/preview.1790142847021-f948aec3-95e8-4e33-94d2-096983e299d7.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__indicator-chart","t":"Indicator chart","d":"A stacked price, RSI and MACD chart rendered as one SVG time axis with a synced crosshair that reports all three panes at once.","s":"21st","c":"data-viz/chart","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/indicator-chart/default/preview.1790057166227-748a98d7-27c8-4ca2-bfe6-cdf3d2324de7.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__insight-cards","t":"Insight cards","d":"A grid or row of metric cards showing a label, value, spark bar chart, trend delta, and an optional AI-generated note.","s":"21st","c":"data-display/card","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/insight-cards/default/preview.1790046707395-70c038d0-bb31-4824-8019-c77c712133c4.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__inventory-table","t":"Inventory table","d":"A stock inventory table with SKU thumbnails, capacity meters that change color at low/out-of-stock thresholds, and searchable, sortable columns.","s":"21st","c":"data-display/table","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/inventory-table/default/preview.1790145273520-59bb265d-e7a1-4c86-974a-08a5c4c3f262.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__kbd-key","t":"Kbd key","d":"A 3D keycap component that visually depresses when its matching keyboard key is pressed, and can chain into combo shortcuts (like ⌘K) that pulse and fire a callback when every key ","s":"21st","c":"data-display/typography","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/kbd-key/default/preview.1790017258940-03e1949f-1537-418c-8ecc-e7a7c85e37c7.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__leaderboard-table","t":"Leaderboard table","d":"A ranked leaderboard table showing top players with medal badges for the top three, avatars, scores, day streaks, and weekly rank movement.","s":"21st","c":"data-display/gamification","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/leaderboard-table/default/preview.1790214057293-7edaaf7d-a4dd-4f26-8d25-7c76c8020c70.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__market-chart","t":"Market chart","d":"A trading-desk price chart rendered in pure SVG with OHLC candles, a volume pane, a snapping crosshair showing axis-pinned price and time, a range selector (1W/1M/3M/6M/1Y/ALL) tha","s":"21st","c":"data-viz/chart","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/market-chart/default/preview.1789978554927-3397008d-f841-4b97-a43d-b836010076c1.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__market-heatmap","t":"Market heatmap","d":"A squarified treemap chart that sizes tiles by market cap (or weight) and colors them on a diverging red-to-green scale to visualize price change across a set of assets or sectors.","s":"21st","c":"data-viz/chart","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/market-heatmap/default/preview.1790147148056-4916a8dc-92b6-4543-b4f0-d360ae7d0441.png","pc":"arihantcodes_1f7b8c4d","sb":"Heatmap"},{"id":"21st:arihantcodes_1f7b8c4d__memory-chips","t":"Memory chips","d":"A panel or row of removable chips showing facts an AI assistant remembers, with add/remove interactions.","s":"21st","c":"data-display/badge","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/memory-chips/default/preview.1790067847909-215b6068-31d8-4c3f-8bfd-243e16c915a8.png","pc":"arihantcodes_1f7b8c4d","sb":"Tags and pills"},{"id":"21st:arihantcodes_1f7b8c4d__metal-button","t":"Metal button","d":"A pill-shaped button framed by a real-time WebGL liquid-metal ring, with chromatic, silver and gold color presets.","s":"21st","c":"actions/button","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/metal-button/default/preview.1788807791052-57bba120-cfcc-479f-8224-7ae3d8c6d539.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__metal-prompt-bar","t":"Metal prompt bar","d":"An AI chat prompt input with an auto-growing textarea and a liquid-metal send button whose reflection glints across the nearby chips in dark mode.","s":"21st","c":"ai-agent/composer","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/metal-prompt-bar/default/preview.1790188016038-9a2b10e3-93e9-4b10-9c3d-3a2d4c52d0ff.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__morph-button","t":"Morph button","d":"An async action button that morphs between idle, loading, success, and error states with a spinner, a drawn-in check, and a shake on failure.","s":"21st","c":"actions/button","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/morph-button/default/preview.1790144222577-86cc0fca-32a7-4280-9a20-c9636e83b693.png","pc":"arihantcodes_1f7b8c4d","sb":"Animated"},{"id":"21st:arihantcodes_1f7b8c4d__nav-list-card","t":"Nav list card","d":"A compact navigation card that lists links or actions with icons and a spring slide animation on hover.","s":"21st","c":"navigation/top-nav","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/nav-list-card/default/preview.1790144387520-69e26618-3ca2-43b3-b44d-ff231c1607b2.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__pie-chart","t":"Pie chart","d":"A donut/pie chart built on Recharts with padded sectors, optional slice labels, hover dimming, and an optional glow filter.","s":"21st","c":"data-viz/chart","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/pie-chart/default/preview.1790063533004-dc49c416-b846-4613-9d4d-c1adcd46d2c0.png","pc":"arihantcodes_1f7b8c4d","sb":"Pie, donut and radial"},{"id":"21st:arihantcodes_1f7b8c4d__portfolio-chart","t":"Portfolio chart","d":"An interactive SVG chart showing an account's value against its cost basis over time, with a shaded drawdown-from-peak area, range selector, and hover crosshair readout.","s":"21st","c":"data-viz/chart","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/portfolio-chart/default/preview.1790087416098-18a6fd6a-e1bb-4977-9799-7484fdb71779.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__project-empty","t":"Project empty","s":"21st","c":"data-display/empty-state","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/project-empty/default/preview.1790147157032-6d4f6a6e-6b0d-4be3-be87-2708ec46b432.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__prompt-composer","t":"Prompt composer","d":"A chat prompt input with file attachments, a model picker dropdown, character counter, and a generating/stop state for AI assistant interfaces.","s":"21st","c":"ai-agent/composer","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/prompt-composer/default/preview.1790065889583-2fa191db-e4f6-4948-9dae-4c7e62608c9a.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__quantity-stepper","t":"Quantity stepper","d":"An animated quantity input for carts and forms with rolling digit transitions, press-and-hold acceleration, and a shake when the min or max is reached.","s":"21st","c":"navigation/wizard-steps","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/quantity-stepper/default/preview.1790143727039-972a67ec-3190-46f9-8a22-faa114441bb0.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__radar-chart","t":"Radar chart","d":"An animated radar (spider) chart for comparing multiple metrics across two series, with filled or outline series, polygon or circle grids, and an optional glow effect.","s":"21st","c":"data-viz/chart","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/radar-chart/default/preview.1790126297409-fdfe2ccb-f82b-48a9-a5b5-f6ce291f089a.png","pc":"arihantcodes_1f7b8c4d","sb":"Radar"},{"id":"21st:arihantcodes_1f7b8c4d__radial-chart","t":"Radial chart","d":"A radial bar chart for visualizing shares or progress across categories, with full-circle and semi-circle layouts.","s":"21st","c":"data-viz/chart","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/radial-chart/default/preview.1790026226341-f4a1ff63-456c-429d-90d1-82f56761ea03.png","pc":"arihantcodes_1f7b8c4d","sb":"Pie, donut and radial"},{"id":"21st:arihantcodes_1f7b8c4d__receipt-tiers","t":"Receipt tiers","d":"A pricing section that renders subscription plans as torn-edge thermal receipts, complete with dashed rules, dotted leaders, and a rubber-stamp badge for a featured tier.","s":"21st","c":"other","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/receipt-tiers/default/preview.1790147152259-4508d668-bdf6-4e77-a91c-2a0cecc31e62.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__saved-empty","t":"Saved empty","d":"An empty saved-items panel that teaches the bookmark gesture by letting a reader save three real sample rows.","s":"21st","c":"data-display/empty-state","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/saved-empty/default/preview.1790148271870-94e0ecc3-dcdd-49d5-a414-b2195f2bf146.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__scratch-card","t":"Scratch card","d":"A scratch-to-reveal coupon card that lets users drag to wipe away a canvas foil overlay, emitting dust particles while scratching and auto-revealing hidden content once a set thres","s":"21st","c":"data-display/card","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/scratch-card/default/preview.1790143563838-ae218efb-955a-4fd5-a7df-1b0108ef3353.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__search-empty","t":"Search empty","d":"An animated no-search-results panel that echoes the typed query, offers alternate search suggestions, and reveals matching results when a suggestion is picked.","s":"21st","c":"inputs/search","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/search-empty/default/preview.1790148257351-2facd849-340f-40b2-bbe7-1a5822d0ac4c.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__skeleton-reveal","t":"Skeleton reveal","d":"A content placeholder that pulses like a skeleton while loading, then cross-fades and un-blurs into the real content once it's ready.","s":"21st","c":"status/skeleton","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/skeleton-reveal/default/preview.1790144862998-291229b6-b414-42a1-bbda-f76cfdeead1f.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__star-rating","t":"Star rating","d":"An interactive star rating input with hover preview, sparkle burst animation on click, and a rolling numeric value label, plus a read-only mode for fractional ratings.","s":"21st","c":"inputs/rating","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/star-rating/default/preview.1790062531097-f50f2d34-a002-47ad-b9c4-4e18a2d6ed83.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__streaming-text","t":"Streaming text","d":"A streaming AI answer display that types out text with a blinking caret, inline numbered citations, source list, and clickable follow-up prompt suggestions.","s":"21st","c":"ai-agent/ai-agent","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/streaming-text/default/preview.1789956716527-19d7b509-6a9f-457e-b1d6-e460aa3582ea.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__table-empty","t":"Table empty","d":"A data table that keeps its header row and column widths visible when there are no rows yet, showing skeleton placeholders, a loading state, and add/import actions to help users fi","s":"21st","c":"data-display/table","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/table-empty/default/preview.1790072955403-e1b8e897-9366-488a-8d5a-af80b227e6b8.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__task-checkbox","t":"Task checkbox","d":"An animated todo checkbox row that fills with a spring, draws in a check mark, fires a confetti burst, and strikes through the label when a task is completed.","s":"21st","c":"inputs/checkbox","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/task-checkbox/default/preview.1790143800236-460ae442-9577-4017-8f93-bd39c0c47e47.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__tree-nav","t":"Tree nav","d":"A vertical navigation list with a tree-style rail and a spring-animated marker that glides to follow hover and settles on the active link.","s":"21st","c":"navigation/top-nav","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/tree-nav/default/preview.1790144958101-3bb4ef7d-f5b0-49b0-bb44-a8ba5ecaea13.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__undo-pill","t":"Undo pill","d":"An inline undo pill that shows a draining countdown ring after a delete action, pausing on hover/focus and firing undo or expire callbacks.","s":"21st","c":"data-display/badge","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/undo-pill/default/preview.1790143764798-ea31f4cf-490f-4157-a694-33c5e6334179.png","pc":"arihantcodes_1f7b8c4d","sb":"Tags and pills"},{"id":"21st:arihantcodes_1f7b8c4d__upload-empty","t":"Upload empty","d":"A file upload panel showing an animated empty state with a real HTML5 drag-and-drop zone and per-file upload progress meters.","s":"21st","c":"inputs/file-upload","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/upload-empty/default/preview.1790148248864-a873c9df-3528-4d11-91b5-21aed1c4fe06.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__use-toast","t":"Use toast","d":"A React hook for creating and managing toast notifications with a global queue, dismiss and update controls.","s":"21st","c":"overlays/toast","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/use-toast/default/preview.1787179733611-f66c082a-fe23-4eea-98bf-768037dcb380.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arihantcodes_1f7b8c4d__webhook-empty","t":"Webhook empty","s":"21st","c":"data-display/empty-state","a":"arihantcodes_1f7b8c4d","pl":"https://cdn.21st.dev/arihantcodes_1f7b8c4d/webhook-empty/default/preview.1790145509027-3131afaa-d9bc-4bf6-b121-6f81e0d68147.png","pc":"arihantcodes_1f7b8c4d"},{"id":"21st:arthurproductdesign__mesh-portfolio","t":"Mesh portfolio","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 3-color palette (#FAFAFA, #F7D797, #F7C097). Features: cursor-reactive (swirl). ","k":"motion","s":"21st","c":"motion/shader","a":"arthurproductdesign","pl":"https://cdn.21st.dev/arthurproductdesign/mesh-portfolio/default/preview.1788918337086-8169507c-0731-40df-81db-987e0ff20e12.webp","pc":"arthurproductdesign","sb":"Mesh drift"},{"id":"21st:arunachalam__branching-tree-nav","t":"Branching tree nav","d":"A precision documentation and sidebar tree view featuring continuous dynamic SVG branch lines, animated folder collapsing, and smooth physics-driven spring hover/selection glide pi","s":"21st","c":"navigation/top-nav","a":"arunachalam","pl":"https://cdn.21st.dev/arunachalam/branching-tree-nav/default/preview.1787217606519-1d7a6845-26a7-4b4e-8f0c-a97a954cbad2.webp","pc":"arunachalam"},{"id":"21st:arunachalam__connected-carousel","t":"Connected carousel","d":"An interactive customer stories carousel inspired by Calendly, featuring organically linked squircle cards, seamless curved bridge connectors, an expanding aperture slide animation","s":"21st","c":"media/carousel","a":"arunachalam","pl":"https://cdn.21st.dev/arunachalam/connected-carousel/default/preview.1789378462968-cd4392a1-658f-43fd-bc71-7d4ba0a7b229.webp","pc":"arunachalam"},{"id":"21st:aryaanantarkar-byte__voxcoach","t":"Voxcoach","d":"Animated (wave) ASCII art in the Pixel Art style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"aryaanantarkar-byte","pl":"https://cdn.21st.dev/aryaanantarkar-byte/voxcoach/default/preview.1787838644208-2d932293-e1c5-4b08-9e39-7128b2bf61a8.webp","pc":"aryaanantarkar-byte","sb":"Pixel Art"},{"id":"21st:aryankumar06__dwar","t":"Dwar","d":"Animated (flicker) ASCII art in the Voxel style, made with the 21st ASCII editor and baked to a looping video. Styled with a cyberpunk look. A drop-in, zero-dependency React compon","k":"motion","s":"21st","c":"motion/ascii","a":"aryankumar06","pl":"https://cdn.21st.dev/aryankumar06/dwar/default/preview.1791055248622-f8e9c160-903c-4f2c-82a8-04b23aaf38d0.png","pc":"aryankumar06","sb":"Voxel"},{"id":"21st:as7393881__chatbot-background","t":"Chatbot background","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#FFFFFF, #FFC6AE, #F7A974, #FFFFFF). Features: cursor-reactive ","k":"motion","s":"21st","c":"motion/shader","a":"as7393881","pl":"https://cdn.21st.dev/as7393881/chatbot-background/default/preview.1789641934180-9bc3c2cc-e5c7-4631-9ba8-14adc92269fe.webp","pc":"as7393881","sb":"Mesh drift"},{"id":"21st:asanshay__chat-message","t":"Chat message","d":"A chat bubble that renders a single AI SDK message, formatting markdown text, reasoning steps, and tool call results differently for user vs assistant roles.","s":"21st","c":"ai-agent/ai-agent","a":"asanshay","pl":"https://cdn.21st.dev/asanshay/chat-message/default/preview.1789971982203-f9bc6a2c-5160-489c-b539-a2a07f9560e1.png","pc":"asanshay","sb":"Chat"},{"id":"21st:asanshay__loader","t":"Loader","d":"An animated loading spinner rendered with a custom WebGL fragment shader, with 3 shapes (sphere, swirl, ripple) and 3 visual styles (plain, blur, dither).","s":"21st","c":"status/loader","a":"asanshay","pl":"https://cdn.21st.dev/asanshay/loader/default/preview.1789787689571-a11346cd-a821-4b71-af27-57eb831e1e0d.png","pc":"asanshay"},{"id":"21st:asherevolved__aaa","t":"Aaa","d":"Animated (flicker) ASCII art in the Matrix style, made with the 21st ASCII editor and baked to a looping video. Styled with a terminal look. A drop-in, zero-dependency React compon","k":"motion","s":"21st","c":"motion/ascii","a":"asherevolved","pl":"https://cdn.21st.dev/asherevolved/aaa/default/preview.1787953819073-bb1e25f7-7cc5-4086-8bed-de189528ae16.webp","pc":"asherevolved","sb":"Matrix"},{"id":"21st:asherevolved__asher-ascii","t":"Asher ascii","d":"Animated (flicker) ASCII art in the Pixel Art style, made with the 21st ASCII editor and baked to a looping video. Styled with a crt, retro look. A drop-in, zero-dependency React c","k":"motion","s":"21st","c":"motion/ascii","a":"asherevolved","pl":"https://cdn.21st.dev/asherevolved/asher-ascii/default/preview.1787953828133-f16f1474-3db9-4233-98ad-7579cc5990b5.webp","pc":"asherevolved","sb":"Pixel Art"},{"id":"21st:asherevolved__asherascii","t":"Asherascii","d":"Animated (flicker) ASCII art in the Pixel Art style, made with the 21st ASCII editor and baked to a looping video. Styled with a mosaic look. A drop-in, zero-dependency React compo","k":"motion","s":"21st","c":"motion/ascii","a":"asherevolved","pl":"https://cdn.21st.dev/asherevolved/asherascii/default/preview.1787953838218-9ac60f96-c078-4a0e-8647-1e44ef035ef1.webp","pc":"asherevolved","sb":"Pixel Art"},{"id":"21st:astralyxdev__ab-test-results","t":"Ab test results","d":"A results table for A/B test variants that shows lift, a confidence interval, a two-proportion z-test p-value, and a warning when the sample is below the planned target or data is ","s":"21st","c":"other","a":"astralyxdev","pl":"https://cdn.21st.dev/astralyxdev/ab-test-results/default/preview.1791271061683-57e356cd-03b3-48b3-94dd-0c959aabce81.png","pc":"astralyxdev"},{"id":"21st:astralyxdev__anomaly-chart","t":"Anomaly chart","d":"A line chart that plots a metric against its expected range over time and marks the points that fall outside that band as anomalies.","s":"21st","c":"data-viz/chart","a":"astralyxdev","pl":"https://cdn.21st.dev/astralyxdev/anomaly-chart/default/preview.1791270995950-917db7c0-4d30-497a-b935-dd7a96fc322e.png","pc":"astralyxdev"},{"id":"21st:astralyxdev__attribution","t":"Attribution","d":"A marketing-attribution chart that splits conversion credit across touchpoints and lets you switch between first-touch, last-touch, linear, time-decay and position-based models.","s":"21st","c":"other","a":"astralyxdev","pl":"https://cdn.21st.dev/astralyxdev/attribution/default/preview.1791271098616-9dbe11c3-fe97-4a04-bdf5-143f4f2f6783.png","pc":"astralyxdev"},{"id":"21st:astralyxdev__budget-guard","t":"Budget guard","d":"A spend/token/call budget tracker for an AI agent run that shows a soft warning threshold and a hard stop limit as distinct markers on a progress bar, so a team can tell a notifica","s":"21st","c":"other","a":"astralyxdev","pl":"https://cdn.21st.dev/astralyxdev/budget-guard/default/preview.1791271127317-00f59b2c-7afc-46aa-a600-0406ce5cb627.png","pc":"astralyxdev"},{"id":"21st:astralyxdev__cascader","t":"Cascader","d":"A multi-level select for picking one path through a hierarchy (like country → region → city) using side-by-side columns instead of a nested dropdown tree.","s":"21st","c":"other","a":"astralyxdev","pl":"https://cdn.21st.dev/astralyxdev/cascader/default/preview.1791277871669-4c370434-13a9-4038-897e-cd78f72f31c3.png","pc":"astralyxdev"},{"id":"21st:astralyxdev__checkout-summary","t":"Checkout summary","k":"section","s":"21st","c":"marketing/pricing","a":"astralyxdev","pl":"https://cdn.21st.dev/astralyxdev/checkout-summary/default/preview.1791277837294-f48463d5-8d12-4def-9f07-dba8be83c3a0.png","pc":"astralyxdev"},{"id":"21st:astralyxdev__fmt","t":"Fmt","d":"A single formatter component for displaying dates, numbers, currency, percentages, byte sizes, durations and relative times with locale-aware Intl formatting, so a dashboard doesn'","s":"21st","c":"other","a":"astralyxdev","pl":"https://cdn.21st.dev/astralyxdev/fmt/default/preview.1791287074181-dca6dba6-ed57-4048-9198-5be6fc78bff8.png","pc":"astralyxdev"},{"id":"21st:astralyxdev__health-checks","t":"Health checks","d":"A list of endpoint health probes showing status, response latency, status code and a recent-latency sparkline, so a slow 200 OK reads as degraded instead of healthy.","s":"21st","c":"other","a":"astralyxdev","pl":"https://cdn.21st.dev/astralyxdev/health-checks/default/preview.1791287135963-cc3c3625-38f2-4c30-aa66-29a51f95c5c8.png","pc":"astralyxdev"},{"id":"21st:astralyxdev__ip-cluster","t":"Ip cluster","d":"A grouped view of accounts sharing the same IP address, device fingerprint, or payout wallet, used by fraud and trust-and-safety teams to spot multi-accounting versus a coincidenta","s":"21st","c":"other","a":"astralyxdev","pl":"https://cdn.21st.dev/astralyxdev/ip-cluster/default/preview.1791287114873-89ebb92b-b949-4315-8fd9-c1869682a398.png","pc":"astralyxdev"},{"id":"21st:astralyxdev__mask-input","t":"Mask input","d":"A text input that formats as you type using a pattern mask (digits, letters, or either), such as a card number, phone number, or date, while also handing back the raw unformatted c","s":"21st","c":"inputs/form-field","a":"astralyxdev","pl":"https://cdn.21st.dev/astralyxdev/mask-input/default/preview.1791293085731-644b8202-4565-473f-82ad-0160cfc16566.png","pc":"astralyxdev"},{"id":"21st:astralyxdev__mcp-capability-matrix","t":"Mcp capability matrix","d":"A grid that lines up every MCP server's tools, resources and prompts against each other so you can see where two servers expose the same capability name and which one your client w","s":"21st","c":"other","a":"astralyxdev","pl":"https://cdn.21st.dev/astralyxdev/mcp-capability-matrix/default/preview.1791293199490-6001eb00-bf4c-49a9-a549-5ec4990618f3.png","pc":"astralyxdev"},{"id":"21st:astralyxdev__mcp-elicitation","t":"Mcp elicitation","d":"A dialog that renders a server's mid-run request for structured input (an MCP elicitation), naming the requesting server outside its own message, building a live JSON-schema form f","s":"21st","c":"ai-agent","a":"astralyxdev","pl":"https://cdn.21st.dev/astralyxdev/mcp-elicitation/default/preview.1791295273309-6a87777d-0375-4bad-a25c-650865eb40ae.png","pc":"astralyxdev"},{"id":"21st:astralyxdev__mcp-resource-list","t":"Mcp resource list","d":"A searchable, selectable list of resources an MCP server exposes, showing each resource's full URI, MIME type, size and originating server so items can be filtered and attached to ","s":"21st","c":"data-display/list","a":"astralyxdev","pl":"https://cdn.21st.dev/astralyxdev/mcp-resource-list/default/preview.1791294745764-b1a76567-82d1-45cc-8bfe-399dbe9f1c24.png","pc":"astralyxdev"},{"id":"21st:astralyxdev__mcp-roots","t":"Mcp roots","d":"A permissions panel listing the filesystem roots an MCP client has granted its servers, flagging any root wide enough to cover a whole home directory as a warning instead of a plai","s":"21st","c":"other","a":"astralyxdev","pl":"https://cdn.21st.dev/astralyxdev/mcp-roots/default/preview.1791293178754-11879f02-f595-47cf-b031-6c650891fe22.png","pc":"astralyxdev"},{"id":"21st:astralyxdev__migration-list","t":"Migration list","d":"A database migrations panel that lists applied and pending migrations sorted by version and flags any migration applied out of order or marked irreversible.","s":"21st","c":"data-display/list","a":"astralyxdev","pl":"https://cdn.21st.dev/astralyxdev/migration-list/default/preview.1791297604130-608c307c-bdee-40fe-9fb7-1a99d25eeead.png","pc":"astralyxdev"},{"id":"21st:astralyxdev__note-graph","t":"Note graph","d":"A force-directed graph view for a vault of linked notes, where node size reflects how many links touch it and unlinked notes are drawn as hollow orphans.","s":"21st","c":"data-viz/chart","a":"astralyxdev","pl":"https://cdn.21st.dev/astralyxdev/note-graph/default/preview.1791297753940-0fd0bfae-8237-4e02-84ac-119c512872b6.png","pc":"astralyxdev"},{"id":"21st:astralyxdev__odds-display","t":"Odds display","d":"A selectable sports-betting price shown in decimal, fractional or American format, with an arrow flagging when the price has drifted or shortened since it was last shown.","s":"21st","c":"other","a":"astralyxdev","pl":"https://cdn.21st.dev/astralyxdev/odds-display/default/preview.1791297730200-0d49d589-3c1a-4c34-8190-65766eeba3a4.png","pc":"astralyxdev"},{"id":"21st:astralyxdev__prompt-versions","t":"Prompt versions","d":"A version history for an AI prompt that pairs each edit with the eval score it produced, so you can tell exactly which change made the score go up or down.","s":"21st","c":"ai-agent/composer","a":"astralyxdev","pl":"https://cdn.21st.dev/astralyxdev/prompt-versions/default/preview.1791300780242-15697e39-6b27-450c-bb42-0001caec53c3.png","pc":"astralyxdev"},{"id":"21st:astralyxdev__rate-limit-meter","t":"Rate limit meter","d":"A quota display that pairs the remaining count with its reset time and a burn-rate warning, so a scary number isn't shown without the context that makes it harmless.","s":"21st","c":"data-viz/gauge","a":"astralyxdev","pl":"https://cdn.21st.dev/astralyxdev/rate-limit-meter/default/preview.1791300784476-16f600c2-7bd8-4360-96ad-aa0364b2aefa.png","pc":"astralyxdev"},{"id":"21st:astralyxdev__regex-tester","t":"Regex tester","d":"A live regex playground that highlights every match in a test string and lists each match's numbered and named capture groups as you type a pattern and flags.","s":"21st","c":"other","a":"astralyxdev","pl":"https://cdn.21st.dev/astralyxdev/regex-tester/default/preview.1791301123944-2f0fccde-51b1-4724-8c2d-984ffaff3d16.png","pc":"astralyxdev"},{"id":"21st:astralyxdev__request-builder","t":"Request builder","d":"A compact HTTP request composer with method, URL, headers, query parameters and body, that shows the assembled request URL beneath an editable set of query rows.","s":"21st","c":"other","a":"astralyxdev","pl":"https://cdn.21st.dev/astralyxdev/request-builder/default/preview.1791301168715-72ae1fa9-536d-48fc-9d91-a4eef0737aed.png","pc":"astralyxdev"},{"id":"21st:astralyxdev__result","t":"Result","d":"A whole-page status display for outcomes like 404, 403, server error or success, with an icon, title, description and action buttons so the user always has a way forward.","s":"21st","c":"other","a":"astralyxdev","pl":"https://cdn.21st.dev/astralyxdev/result/default/preview.1791302544646-0c8179d7-b6fb-4402-a1c4-4184269aed45.png","pc":"astralyxdev"},{"id":"21st:athenasolutionscompany__hero-background","t":"Hero background","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#0A0A0A, #C5FF33, #0A0A0A, #C5FF33). Features: cursor-reactive ","k":"motion","s":"21st","c":"motion/shader","a":"athenasolutionscompany","pl":"https://cdn.21st.dev/athenasolutionscompany/hero-background/default/preview.1791395134603-e8cc5cde-5c03-44f6-8af1-224df9a080a1.webp","pc":"athenasolutionscompany","sb":"Mesh drift"},{"id":"21st:ayoubmorsli2001__ayoub-hero","t":"Ayoub hero","d":"Animated (wave) ASCII art in the Lines style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, and","k":"motion","s":"21st","c":"motion/ascii","a":"ayoubmorsli2001","pl":"https://cdn.21st.dev/ayoubmorsli2001/ayoub-hero/default/preview.1790968845243-abbf4431-c019-4b30-9bb4-0c3b247613d1.webp","pc":"ayoubmorsli2001","sb":"Lines"},{"id":"21st:ayoubmorsli2001__erwsd","t":"Erwsd","d":"Animated (shimmer) ASCII art in the Matrix style, made with the 21st ASCII editor and baked to a looping video. Styled with a cyberpunk look. A drop-in, zero-dependency React compo","k":"motion","s":"21st","c":"motion/ascii","a":"ayoubmorsli2001","pl":"https://cdn.21st.dev/ayoubmorsli2001/erwsd/default/preview.1791490845564-0872b356-f7f5-46f5-a65c-4afc30d26300.webp","pc":"ayoubmorsli2001","sb":"Matrix"},{"id":"21st:ayushmxxn__flame-button","t":"Flame button","d":"A cursor reactive button with a warm flame glow that follows your mouse.","s":"21st","c":"actions/button","a":"ayushmxxn","pl":"https://cdn.21st.dev/ayushmxxn/flame-button/default/preview.1788764046913-baa98363-2c57-4da3-b49c-52f8345392fb.webp","pc":"ayushmxxn"},{"id":"21st:ayushmxxn__image-fan-carousel","t":"Image fan carousel","d":"A modern image carousel with a stacked fan layout, smooth transitions, and navigation controls. Perfect for travel galleries, portfolios, projects, and visual showcases.","s":"21st","c":"media/carousel","a":"ayushmxxn","pl":"https://cdn.21st.dev/ayushmxxn/image-fan-carousel/default/preview.1788597117607-d7e6f7d3-3ad7-437f-8546-ee018639b48c.webp","pc":"ayushmxxn"},{"id":"21st:ayushmxxn__image-stack-carousel","t":"Image stack carousel","d":"An interactive image stack carousel with layered cards, smooth swipe gestures, and fluid transitions. Perfect for portfolios, travel galleries, projects, and visual showcases.","s":"21st","c":"media/carousel","a":"ayushmxxn","pl":"https://cdn.21st.dev/ayushmxxn/image-stack-carousel/default/preview.1788597516527-abf680ef-dda8-4f71-9068-a92dd59390d3.webp","pc":"ayushmxxn"},{"id":"21st:ayushmxxn__masonry-lightbox","t":"Masonry lightbox","d":"Responsive masonry image gallery with smooth hover animations and an animated lightbox viewer.","s":"21st","c":"overlays/lightbox","a":"ayushmxxn","pl":"https://cdn.21st.dev/ayushmxxn/masonry-lightbox/default/preview.1788768876094-07e06845-e2d3-43c1-9277-a29f1fc08325.webp","pc":"ayushmxxn"},{"id":"21st:ayushmxxn__mechanical-keyboard","t":"Mechanical keyboard","d":"A 3D mechanical keyboard you can actually play with.","s":"21st","c":"data-display/kanban","a":"ayushmxxn","pl":"https://cdn.21st.dev/ayushmxxn/mechanical-keyboard/default/preview.1789155558214-5166a778-6d01-4756-8007-9751ab16ae45.png","pc":"ayushmxxn"},{"id":"21st:ayushmxxn__thumbnail-carousel","t":"Thumbnail carousel","d":"A responsive image carousel with swipe gestures, smooth spring animations, autoplay, and clickable thumbnail navigation.","s":"21st","c":"media/carousel","a":"ayushmxxn","pl":"https://cdn.21st.dev/ayushmxxn/thumbnail-carousel/default/preview.1788768182483-2a57e141-8ec2-4152-bfb9-c9b5fc1b9c4a.webp","pc":"ayushmxxn"},{"id":"21st:ayushmxxn__type-testimonial","t":"Type testimonial","d":"Hover over an avatar to reveal a testimonial with a smooth typewriter animation and optional voice playback.","k":"section","s":"21st","c":"marketing/testimonials","a":"ayushmxxn","pl":"https://cdn.21st.dev/ayushmxxn/type-testimonial/default/preview.1788765746950-91511718-fce4-4c4a-9517-4e8c1b2be4b1.webp","pc":"ayushmxxn"},{"id":"21st:azharalishan43__blue-waves","t":"Blue waves","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#FFFFFF, #F5F5F5, #1B6AA7, #57D2F4). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"azharalishan43","pl":"https://cdn.21st.dev/azharalishan43/blue-waves/default/preview.1788425133571-d84e51f9-073c-4267-89d4-6b84b59cb52d.webp","pc":"azharalishan43","sb":"Mesh drift"},{"id":"21st:azier7172__xd","t":"Xd","d":"Animated (flicker) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"azier7172","pl":"https://cdn.21st.dev/azier7172/xd/default/preview.1789428046859-e491d22a-ba0d-4809-b088-5abaa5287777.webp","pc":"azier7172","sb":"Dither"},{"id":"21st:b.vs.khutwad__magifying-glass","t":"Magifying glass","d":"Animated (wave) ASCII art in the Pixel Art style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"b.vs.khutwad","pl":"https://cdn.21st.dev/b.vs.khutwad/magifying-glass/default/preview.1789134645430-dd87c95b-5277-469c-bcc5-5b6973eaf1c3.webp","pc":"b.vs.khutwad","sb":"Pixel Art"},{"id":"21st:baileyrosen3__gem-smoke","t":"Gem smoke","d":"Animated WebGL shader background in the Gem Smoke style. Metaballs variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"baileyrosen3","pl":"https://cdn.21st.dev/baileyrosen3/gem-smoke/default/preview.1787586355309-efc14b21-b72e-47a3-9182-84c1b2587cd5.webp","pc":"baileyrosen3","sb":"Gem Smoke"},{"id":"21st:baileyrosen3__notification-center","t":"Notification center","d":"notification center","s":"21st","c":"overlays/notifications","a":"baileyrosen3","pl":"https://cdn.21st.dev/baileyrosen3/notification-center/default/preview.1787590892751-f49298e4-2933-4303-910b-c756d22cde68.png","pc":"baileyrosen3"},{"id":"21st:balick__expand-button","t":"Expand button","d":"An icon button whose text label slides out and fades in on hover or keyboard focus, keeping the UI compact at rest.","s":"21st","c":"actions/button","a":"balick","pl":"https://cdn.21st.dev/balick/expand-button/default/preview.1791047901533-06e4a3b0-e111-486d-a2ba-02ec89011457.png","pc":"balick"},{"id":"21st:balick__expandable-text","t":"Expandable text","s":"21st","c":"motion/text-effect","a":"balick","pl":"https://cdn.21st.dev/balick/expandable-text/default/preview.1790887453634-946dc1f5-0b92-4690-8d72-bae4d348ab96.png","pc":"balick"},{"id":"21st:balick__footer-01","t":"Footer 01","d":"A multi-column site footer with a newsletter signup form, an operational-status indicator, social icon links and an oversized background wordmark.","k":"section","s":"21st","c":"marketing/footer","a":"balick","pl":"https://cdn.21st.dev/balick/footer-01/default/preview.1790754388831-9bf30249-3386-4757-8cbc-b43bc4491afb.png","pc":"balick"},{"id":"21st:balick__newsletter-01","t":"Newsletter 01","d":"An email newsletter signup form with an eyebrow/title/description panel that swaps to a confirmation message after a successful subscribe submission.","s":"21st","c":"motion/text-effect","a":"balick","pl":"https://cdn.21st.dev/balick/newsletter-01/default/preview.1790754340439-9a0cb84a-0f3f-4360-8a53-fe668497c96f.png","pc":"balick"},{"id":"21st:balick__segmented-control","t":"Segmented control","d":"A radio-group style switch between a few options with an animated pill that slides to the selected choice, used for things like billing period toggles.","s":"21st","c":"actions/segmented-control","a":"balick","pl":"https://cdn.21st.dev/balick/segmented-control/default/preview.1790891820212-5eb57866-c3f7-431b-b654-ba4482a7dbab.png","pc":"balick"},{"id":"21st:balick__services-01","t":"Services 01","d":"A numbered list section that presents a company's services with a starting price, key deliverables, and a link to learn more or get in touch.","k":"section","s":"21st","c":"marketing/features","a":"balick","pl":"https://cdn.21st.dev/balick/services-01/default/preview.1790754381987-38bce506-ce43-474b-b171-27b105f5611a.png","pc":"balick"},{"id":"21st:balick__underline-link","t":"Underline link","d":"A text link whose underline animates in on hover and keyboard focus, drawing from one side and following the text across line breaks.","s":"21st","c":"actions/link","a":"balick","pl":"https://cdn.21st.dev/balick/underline-link/default/preview.1790891818257-9620071c-b15e-4082-ad3a-ca027d109e19.png","pc":"balick"},{"id":"21st:bange5694__man","t":"Man","d":"Animated (pulse) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, a","k":"motion","s":"21st","c":"motion/ascii","a":"bange5694","pl":"https://cdn.21st.dev/bange5694/man/default/preview.1791424246836-b27c8ce5-9e4f-4fe5-b5ec-21b8e04e94f2.webp","pc":"bange5694","sb":"Dither"},{"id":"21st:bariluis75__liquid","t":"Liquid","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#0B1026, #3D46E8, #B18CFF, #FFD6E7). A drop-in, zero-dependency React","k":"motion","s":"21st","c":"motion/shader","a":"bariluis75","pl":"https://cdn.21st.dev/bariluis75/liquid/default/preview.1791058536223-60aedead-65be-455a-9fbb-73bf23b18458.webp","pc":"bariluis75","sb":"Silk"},{"id":"21st:base-ui__drawer-base","t":"Drawer base","d":"A panel that slides in from any edge of the screen with swipe-to-dismiss gestures, built on Base UI primitives.","s":"21st","c":"overlays/sheet","a":"base-ui","pl":"https://cdn.21st.dev/base-ui/drawer-base/default/preview.1787104527112-dfed1386-602c-4269-98b0-a20b3ec790c1.png","pc":"base-ui"},{"id":"21st:bastianhjoergensen__bastian-2","t":"Bastian 2","d":"Pure CSS gradient background in the Axis Blend style, made with the 21st.dev Gradient Builder. 2-color palette (#3A2C6E, #FBE6B8). Features: soft blur finish, film grain, vignette.","k":"motion","s":"21st","c":"motion/gradient","a":"bastianhjoergensen","pl":"https://cdn.21st.dev/bastianhjoergensen/bastian/default/preview.1787763325798-079b8610-d85a-4f07-b099-9dd0aaead968.webp","pc":"bastianhjoergensen","sb":"Axis Blend"},{"id":"21st:bee4__spray-paint-canvas","t":"Spray paint canvas","s":"21st","c":"other","a":"bee4","pl":"https://21st.dev/@bee4/components/spray-paint-canvas","pc":"bee4"},{"id":"21st:bevelui__aurora-hero","t":"Aurora hero","k":"section","s":"21st","c":"marketing/hero","a":"bevelui","pl":"https://cdn.21st.dev/bevelui/aurora-hero/default/preview.1788778152428-3d2456f2-01be-4781-ac5f-2371b9f2a3da.png","pc":"bevelui","sb":"Animated background"},{"id":"21st:bevelui__lattice-hero","t":"Lattice hero","k":"section","s":"21st","c":"marketing/hero","a":"bevelui","pl":"https://cdn.21st.dev/bevelui/lattice-hero/default/preview.1788778249491-53f76298-591e-4658-8a3f-c0f8abdf459f.png","pc":"bevelui"},{"id":"21st:bevelui__prism-hero","t":"Prism hero","k":"section","s":"21st","c":"marketing/hero","a":"bevelui","pl":"https://cdn.21st.dev/bevelui/prism-hero/default/preview.1788289003043-61fdfadf-e487-4d9d-9f79-c9ae560d52cc.png","pc":"bevelui"},{"id":"21st:bidyut10__add-to-cart-button","t":"Add to cart button","s":"21st","c":"actions/button","a":"bidyut10","pl":"https://cdn.21st.dev/bidyut10/add-to-cart-button/default/preview.1790812450858-2b79b1d4-d070-48c1-8783-0cfd82f02cc9.png","pc":"bidyut10"},{"id":"21st:bidyut10__booking-slot-calendar","t":"Booking slot calendar","d":"A Google Calendar-style appointment picker where a user selects a day from a week strip and then taps an available time slot to book it.","s":"21st","c":"data-display/calendar","a":"bidyut10","pl":"https://cdn.21st.dev/bidyut10/booking-slot-calendar/default/preview.1790815935031-97b97b89-aa57-4ff7-b744-83580fe4f9e1.png","pc":"bidyut10"},{"id":"21st:bidyut10__date-range-picker-card","t":"Date range picker card","d":"A calendar card for picking a start and end date by tapping two days, filling in the range between them, like a hotel check-in/check-out picker.","s":"21st","c":"inputs/date-range","a":"bidyut10","pl":"https://cdn.21st.dev/bidyut10/date-range-picker-card/default/preview.1790815948066-4da01cfe-4dc6-431c-9895-7d8812e2ee40.png","pc":"bidyut10"},{"id":"21st:bidyut10__download-button","t":"Download button","d":"A button that morphs through download, downloading, and downloaded states with a crossfading icon and label so users get inline progress feedback without a separate progress bar.","s":"21st","c":"actions/button","a":"bidyut10","pl":"https://cdn.21st.dev/bidyut10/download-button/default/preview.1790809988408-acecbebc-797a-4c33-9612-a437cd7415ef.png","pc":"bidyut10","sb":"Loading and states"},{"id":"21st:bidyut10__honey-ember-background","t":"Honey ember background","d":"A warm, glowing gradient background wrapper with blurred amber and orange blobs plus a subtle dot-grid texture, used behind hero sections or content that needs a cozy honey-toned b","s":"21st","c":"motion/background","a":"bidyut10","pl":"https://cdn.21st.dev/bidyut10/honey-ember-background/default/preview.1790812393063-569312ce-64ca-4b8e-8501-e09a34848fba.png","pc":"bidyut10"},{"id":"21st:bidyut10__sheen-pill-button","t":"Sheen pill button","d":"A frosted glass pill-shaped button with layered sheen, light-band, and rim-wire effects that brighten on hover, for landing page CTAs.","s":"21st","c":"actions/button","a":"bidyut10","pl":"https://cdn.21st.dev/bidyut10/sheen-pill-button/default/preview.1790813756898-a8e92218-7df8-416f-ae79-1fceb1a4aee6.png","pc":"bidyut10"},{"id":"21st:bidyut10__three-d-button","t":"Three d button","d":"A button with tactile 3D keycap-style shadows that visibly sinks in when pressed, available in solid, soft, and muted color variants and sm/md/lg/icon sizes.","s":"21st","c":"actions/button","a":"bidyut10","pl":"https://cdn.21st.dev/bidyut10/three-d-button/default/preview.1790815947140-dc030303-9924-4a29-a0f8-45ccb1118279.png","pc":"bidyut10"},{"id":"21st:bilalkhanva__neuro-noise-sensation-shader","t":"Neuro noise sensation shader","d":"Animated WebGL shader background in the Neuro Noise style. Sensation variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"bilalkhanva","pl":"https://cdn.21st.dev/bilalkhanva/neuro-noise-sensation-shader/default/preview.1788630335895-c281199f-5e3c-4623-b0c2-c7f05332d249.webp","pc":"bilalkhanva","sb":"Neuro Noise"},{"id":"21st:bklitai__candlestick-chart","t":"Candlestick chart","d":"A composable OHLC candlestick chart with animated candles, gridlines, axes, and a hover tooltip for visualizing stock/crypto price data.","s":"21st","c":"data-viz/chart","a":"bklitai","pl":"https://cdn.21st.dev/bklitai/candlestick-chart/default/preview.1790060660637-5fde71bd-6d94-46ca-afef-65fed3eca620.png","pc":"bklitai","sb":"Financial"},{"id":"21st:bklitai__sankey-chart","t":"Sankey chart","d":"An animated flow diagram that visualizes how values move between nodes (e.g. traffic sources through landing pages to checkout), with hover highlighting and tooltips.","s":"21st","c":"data-viz/chart","a":"bklitai","pl":"https://cdn.21st.dev/bklitai/sankey-chart/default/preview.1790074370838-f8caa372-8e25-4cbe-8e18-29aeb24abe99.png","pc":"bklitai","sb":"Flow and funnel"},{"id":"21st:brentonybss2025__aa","t":"Aa","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#0B1026, #3D46E8, #B18CFF, #FFD6E7). Features: high intensity. A drop","k":"motion","s":"21st","c":"motion/shader","a":"brentonybss2025","pl":"https://cdn.21st.dev/brentonybss2025/aa/default/preview.1790253933706-110dfe94-760a-4de9-92e0-4d0560263332.webp","pc":"brentonybss2025","sb":"Silk"},{"id":"21st:brentonybss2025__shadaer-azera-pay","t":"Shadaer azera pay","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#0B1026, #3D46E8, #B18CFF, #FFD6E7). A drop-in, zero-dependency React","k":"motion","s":"21st","c":"motion/shader","a":"brentonybss2025","pl":"https://cdn.21st.dev/brentonybss2025/shadaer-azera-pay/default/preview.1790129734282-582f3f88-144e-4976-a78b-432b6c9eda6d.webp","pc":"brentonybss2025","sb":"Silk"},{"id":"21st:brentonybss2025__shader-azerapay-site","t":"Shader azerapay site","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#031C26, #1B6CA8, #5AD2F4, #EAF9FF). A drop-in, zero-dependency React","k":"motion","s":"21st","c":"motion/shader","a":"brentonybss2025","pl":"https://cdn.21st.dev/brentonybss2025/shader-azerapay-site/default/preview.1789919133567-c94ee387-df24-4cd1-b4c7-a80439635e00.webp","pc":"brentonybss2025","sb":"Silk"},{"id":"21st:brentonybss2025__shader-roxo","t":"Shader roxo","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#0B1026, #3D46E8, #B18CFF, #FFD6E7). Features: high intensity. A drop","k":"motion","s":"21st","c":"motion/shader","a":"brentonybss2025","pl":"https://cdn.21st.dev/brentonybss2025/shader-roxo/default/preview.1791402335549-91393d1a-059b-4c24-abd4-ed7ad511339d.webp","pc":"brentonybss2025","sb":"Silk"},{"id":"21st:brentonybss2025__shader-vulto-pay","t":"Shader vulto pay","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#160B0B, #C2402A, #F49D37, #FFE8C2). Features: high intensity. A drop","k":"motion","s":"21st","c":"motion/shader","a":"brentonybss2025","pl":"https://cdn.21st.dev/brentonybss2025/shader-vulto-pay/default/preview.1788891335123-58622381-1199-4b4f-bc61-d80018ef7904.webp","pc":"brentonybss2025","sb":"Silk"},{"id":"21st:brunninho.oliveira5__fundop-dimension","t":"Fundop dimension","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#F7F3FF, #083DA9, #02006F, #000000). Features: soft blur finish, fil","k":"motion","s":"21st","c":"motion/gradient","a":"brunninho.oliveira5","pl":"https://cdn.21st.dev/brunninho.oliveira5/fundop-dimension/default/preview.1789134933322-6ce3ffeb-31a1-4a54-a207-061fce4bd352.webp","pc":"brunninho.oliveira5","sb":"Silk Blend"},{"id":"21st:brxscr__sfondo-centra-cloud","t":"Sfondo centra cloud","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 5-color palette (#E2E2E2, #B28FCE, #A968DE, #9259C1, #C680FF). Features: film grain.","k":"motion","s":"21st","c":"motion/gradient","a":"brxscr","pl":"https://cdn.21st.dev/brxscr/sfondo-centra-cloud/default/preview.1788540932565-58c67bc0-150c-4664-a2b3-db49db6859cf.webp","pc":"brxscr","sb":"Bloom Field"},{"id":"21st:brxscr__sfondo-centrafit","t":"Sfondo centrafit","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 3-color palette (#FFFFFF, #D0E9F0, #AEECFF). Features: soft blur finish. A drop-in, ","k":"motion","s":"21st","c":"motion/gradient","a":"brxscr","pl":"https://cdn.21st.dev/brxscr/sfondo-centrafit/default/preview.1789120533006-8b966e64-4939-4836-afb3-923df43a8b51.webp","pc":"brxscr","sb":"Bloom Field"},{"id":"21st:brxscr__sfondo-centrafit-2","t":"Sfondo centrafit 2","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 5-color palette (#FFFFFF, #D0E9F0, #AEECFF, #B3FBFF, #FFFFFF). Features: soft blur f","k":"motion","s":"21st","c":"motion/gradient","a":"brxscr","pl":"https://cdn.21st.dev/brxscr/sfondo-centrafit-2/default/preview.1789120542605-27c46377-e683-45ce-a1d0-5511dc944a40.webp","pc":"brxscr","sb":"Bloom Field"},{"id":"21st:buname__abe","t":"Abe","d":"Animated (shimmer) ASCII art in the Matrix style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"buname","pl":"https://cdn.21st.dev/buname/abe/default/preview.1788299422738-509ae779-51f4-405c-88ad-799f8d2d165c.webp","pc":"buname","sb":"Matrix"},{"id":"21st:bundui__badge10","t":"Badge10","d":"A group of dismissible outline badges with a close button that removes each tag from the list.","s":"21st","c":"data-display/badge","a":"bundui","pl":"https://cdn.21st.dev/bundui/badge10/default/preview.1787254971784-61b885a9-6eaa-4d44-8207-65096284ea53.png","pc":"bundui"},{"id":"21st:bundui__badge11","t":"Badge11","d":"A dismissible outline badge that shows a user avatar with name and a remove button, useful for selected users or tags.","s":"21st","c":"data-display/badge","a":"bundui","pl":"https://cdn.21st.dev/bundui/badge11/default/preview.1787256091071-7c299a61-7e3a-4a57-8e0c-c3533ffd4860.png","pc":"bundui"},{"id":"21st:bundui__bubble4","t":"Bubble4","d":"A chat message bubble with alignment and emoji reaction badges anchored to its edge, for showing conversational threads with reactions like a milestone announcement chat.","s":"21st","c":"ai-agent/ai-agent","a":"bundui","pl":"https://cdn.21st.dev/bundui/bubble4/default/preview.1790006035454-04293831-8666-4f26-b9d0-eeaddff830ad.png","pc":"bundui","sb":"Chat"},{"id":"21st:bundui__bubble5","t":"Bubble5","d":"A stack of chat message bubbles that can render as plain text, a link, or a button for replies and quick actions in a conversation thread.","s":"21st","c":"ai-agent/ai-agent","a":"bundui","pl":"https://cdn.21st.dev/bundui/bubble5/default/preview.1789988186179-d97fe515-2963-49c9-aaf0-387caa988347.png","pc":"bundui","sb":"Chat"},{"id":"21st:bundui__bubble6","t":"Bubble6","d":"A two-sided chat message layout that groups consecutive muted bubbles from one sender with an avatar and shows a right-aligned reply with a read timestamp.","s":"21st","c":"ai-agent/ai-agent","a":"bundui","pl":"https://cdn.21st.dev/bundui/bubble6/default/preview.1790072852643-11ad0f43-406f-4af2-8004-b41b2c43a806.png","pc":"bundui","sb":"Chat"},{"id":"21st:bundui__carousel4","t":"Carousel4","d":"An image carousel that autoplays with motion and swipe support, built on Embla Carousel and shadcn's carousel primitive.","s":"21st","c":"media/carousel","a":"bundui","pl":"https://cdn.21st.dev/bundui/carousel4/default/preview.1789797380226-eb35799a-78e4-47b2-b681-893203c5e4f8.png","pc":"bundui"},{"id":"21st:bundui__dropdown-menu10","t":"Dropdown menu10","d":"An icon-triggered dropdown menu with a labeled help section linking to documentation, support, and contact options.","s":"21st","c":"navigation/menu","a":"bundui","pl":"https://cdn.21st.dev/bundui/dropdown-menu10/default/preview.1787251959933-a1315719-62db-48b2-ae5b-e03cfedd61cb.png","pc":"bundui","sb":"Dropdowns"},{"id":"21st:bundui__dropdown-menu11","t":"Dropdown menu11","d":"A dropdown menu that lets users add a content block, listing options like text, quote, divider and headings each with an icon and description.","s":"21st","c":"navigation/menu","a":"bundui","pl":"https://cdn.21st.dev/bundui/dropdown-menu11/default/preview.1787253849499-ac3657a5-9d4b-4295-adfc-5de73c6c9f8c.png","pc":"bundui","sb":"Dropdowns"},{"id":"21st:bundui__dropdown-menu5","t":"Dropdown menu5","d":"A dropdown menu with labeled groups of actions and a destructive delete item, triggered by an outline button.","s":"21st","c":"navigation/menu","a":"bundui","pl":"https://cdn.21st.dev/bundui/dropdown-menu5/default/preview.1787254995423-640f6ac7-08e0-4116-9249-e7d4d57bf49d.png","pc":"bundui","sb":"Dropdowns"},{"id":"21st:bundui__faq1","t":"Faq1","d":"A centered FAQ section with a label, headline, description, and an accordion list of expandable questions and answers.","k":"section","s":"21st","c":"marketing/faq","a":"bundui","pl":"https://cdn.21st.dev/bundui/faq1/default/preview.1788859654706-43f73ff8-76f0-4f13-941a-5c1b2d65e2b1.png","pc":"bundui"},{"id":"21st:bundui__item1","t":"Item1","d":"A compact content row that pairs a title and description with trailing action buttons, useful for lists of settings, notifications, or selectable options.","s":"21st","c":"data-display/list","a":"bundui","pl":"https://cdn.21st.dev/bundui/item1/default/preview.1789989115528-ed2d36cc-7cd3-4849-9539-841f57810bac.png","pc":"bundui"},{"id":"21st:bundui__item7","t":"Item7","d":"A grouped list of people/contact rows, each showing an avatar, username, email, and a follow/add action button.","s":"21st","c":"data-display/list","a":"bundui","pl":"https://cdn.21st.dev/bundui/item7/default/preview.1789991394678-705e4466-34ce-4c06-a172-bacc5031bda9.png","pc":"bundui"},{"id":"21st:bundui__pagination6","t":"Pagination6","d":"A pagination control with previous/next buttons, numbered page links and truncating ellipsis for navigating multi-page content.","s":"21st","c":"navigation/pagination","a":"bundui","pl":"https://cdn.21st.dev/bundui/pagination6/default/preview.1787174717099-827f6d00-e97a-4d08-a1e7-189a19e3d0cd.png","pc":"bundui"},{"id":"21st:bundui__pagination8","t":"Pagination8","d":"A joined pagination control with previous/next arrows, page number buttons, and truncating ellipsis for large page counts.","s":"21st","c":"navigation/pagination","a":"bundui","pl":"https://cdn.21st.dev/bundui/pagination8/default/preview.1787176763122-8af6a973-95cb-4c7a-8924-0e7fe34436d5.png","pc":"bundui"},{"id":"21st:bundui__pagination9","t":"Pagination9","d":"A pagination control that shows the current page range, numbered page links with ellipsis, and a results-per-page select.","s":"21st","c":"navigation/pagination","a":"bundui","pl":"https://cdn.21st.dev/bundui/pagination9/default/preview.1787179282401-d87d8938-ac63-439e-922d-bf197f1a4d6c.png","pc":"bundui"},{"id":"21st:bundui__promo-section","t":"Promo section","d":"An e-commerce promotional section with a headline, supporting copy, a call-to-action button, and an animated marquee gallery of product images.","k":"section","s":"21st","c":"marketing/announcement","a":"bundui","pl":"https://cdn.21st.dev/bundui/promo-section/default/preview.1788306768243-f71aa42e-2da9-49ea-983d-be0af956b9b1.png","pc":"bundui"},{"id":"21st:bundui__slider4","t":"Slider4","d":"A range slider that displays the currently selected numeric value next to the track.","s":"21st","c":"inputs/slider","a":"bundui","pl":"https://cdn.21st.dev/bundui/slider4/default/preview.1787266428250-634c6f66-46a2-4400-914a-6794ad263500.png","pc":"bundui"},{"id":"21st:bundui__switch10","t":"Switch10","d":"A toggle switch inside a bordered card with a label, sublabel, and short description, with the border highlighting when checked.","s":"21st","c":"actions/switch","a":"bundui","pl":"https://cdn.21st.dev/bundui/switch10/default/preview.1787192681111-6fb10bdc-689a-4f40-9c43-eace5c3dbcbc.png","pc":"bundui"},{"id":"21st:bundui__switch8","t":"Switch8","d":"A theme toggle switch where a single sun or moon icon slides with the thumb, showing only the currently active mode.","s":"21st","c":"actions/switch","a":"bundui","pl":"https://cdn.21st.dev/bundui/switch8/default/preview.1787201311309-7127c75b-84cd-4e78-a527-3f16dd04a10b.png","pc":"bundui"},{"id":"21st:bundui__table1","t":"Table1","d":"A data table showing customer payments with avatars, prices, payment types and colored status badges.","s":"21st","c":"data-display/table","a":"bundui","pl":"https://cdn.21st.dev/bundui/table1/default/preview.1787188898057-02cf5af6-08ea-48e9-b6ac-383541cec2c3.png","pc":"bundui"},{"id":"21st:bundui__table11","t":"Table11","d":"A payments data table showing customer avatars, product, price, status badges, and highlighted selected cells.","s":"21st","c":"data-display/table","a":"bundui","pl":"https://cdn.21st.dev/bundui/table11/default/preview.1787191780303-ef73b2d5-e50f-4e36-bd80-6f87a1599648.png","pc":"bundui"},{"id":"21st:bundui__textarea-with-error","t":"Textarea with error","d":"A multi-line textarea input showing an invalid state with a destructive validation error message below it.","s":"21st","c":"inputs/textarea","a":"bundui","pl":"https://cdn.21st.dev/bundui/textarea-with-error/default/preview.1787256013036-9059a3e4-edcf-409c-952e-49169c275be4.png","pc":"bundui"},{"id":"21st:bysages__avatar-group","t":"Avatar group","d":"A row of overlapping avatar circles, each rimmed with the page background, for showing several people (like a team or participant list) as one compact pile.","s":"21st","c":"data-display/avatar","a":"bysages","pl":"https://cdn.21st.dev/bysages/avatar-group/default/preview.1791557393162-def4e663-16f8-444f-ad09-72a0893bcaf2.png","pc":"bysages"},{"id":"21st:bysages__spinner","t":"Spinner","d":"A small circular loading indicator (ring with a rotating arc) used to show that content or an action is still in progress.","s":"21st","c":"status/loader","a":"bysages","pl":"https://cdn.21st.dev/bysages/spinner/default/preview.1791511593309-653397c6-28f5-40e5-9b71-540a4fe4f3aa.png","pc":"bysages","sb":"Spinners"},{"id":"21st:bysages__switch","t":"Switch","d":"An accessible on/off toggle control built on Ark UI's headless switch machine, styled with CSS custom-property design tokens for light/dark themes.","s":"21st","c":"actions/switch","a":"bysages","pl":"https://cdn.21st.dev/bysages/switch/default/preview.1791557415939-c4cb225a-daa4-442d-8d1a-b650818e3770.png","pc":"bysages"},{"id":"21st:bysages__typography","t":"Typography","d":"A set of styled text primitives (display, heading, lead, body, muted, label) for building consistent typographic hierarchy in an interface.","s":"21st","c":"data-display/typography","a":"bysages","pl":"https://cdn.21st.dev/bysages/typography/default/preview.1791538400741-9ac68723-ec5a-4aab-996d-1e3093eb5602.png","pc":"bysages"},{"id":"21st:carolinaraulino__draggable-widget-grid","t":"Draggable widget grid","d":"A draggable and rearrangeable widget grid for building customizable dashboards. Move widgets freely while the layout automatically adapts around them.","s":"21st","c":"data-display/card","a":"carolinaraulino","pl":"https://cdn.21st.dev/carolinaraulino/draggable-widget-grid/default/preview.1789591791445-437dc773-753c-46e5-a8cb-2fd3fe99a4c8.webp","pc":"carolinaraulino"},{"id":"21st:carolinaraulino__grid-pulse","t":"Grid pulse","d":"A hairline grid that lights up in a spectrum wherever the pointer passes, then fades a moment later.","s":"21st","c":"status/status-dot","a":"carolinaraulino","pl":"https://cdn.21st.dev/carolinaraulino/grid-pulse/default/preview.1789421299640-1ea1a0c6-c5fa-4ff3-bff0-5f4a797ee3aa.webp","pc":"carolinaraulino"},{"id":"21st:carolinaraulino__reactive-glow-grid","t":"Reactive glow grid","d":"A WebGL grid of dark panels lit from behind by neon light that follows your cursor and bleeds through every seam.","k":"motion","s":"21st","c":"motion/background","a":"carolinaraulino","pl":"https://cdn.21st.dev/carolinaraulino/reactive-glow-grid/default/preview.1790030542424-c8b8f485-2a69-4911-a56f-8ffd7d72d36a.png","pc":"carolinaraulino","sb":"Grids and patterns"},{"id":"21st:carolinaraulino__techstack","t":"Techstack","d":"A tilted, overlapping row of app icons that swells under the pointer, opens up to make room, and shares one tooltip that glides between them. Driven by pointer position, not hit-te","s":"21st","c":"media/card-stack","a":"carolinaraulino","pl":"https://cdn.21st.dev/carolinaraulino/techstack/default/preview.1789419538731-6674cabf-d85d-49e7-9317-f3e974cfc8b1.webp","pc":"carolinaraulino"},{"id":"21st:carstenfson__bloom-field-gradient","t":"Bloom field gradient","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#EBF6F7, #A2D7DD, #00A3AF, #274A78). Features: film grain. A drop-i","k":"motion","s":"21st","c":"motion/gradient","a":"carstenfson","pl":"https://cdn.21st.dev/carstenfson/bloom-field-gradient/default/preview.1788861333853-07a177b8-9338-448e-a6bf-459f35494349.webp","pc":"carstenfson","sb":"Bloom Field"},{"id":"21st:chamaac__dancing-letters","t":"Dancing letters","d":"Interactive text where each letter plays a unique physics-based animation on hover or click.","s":"21st","c":"motion/text-effect","a":"chamaac","pl":"https://cdn.21st.dev/chamaac/dancing-letters/default/preview.1788479276039-5fa6a34b-91b3-42a5-a290-e94e163e38b7.png","pc":"chamaac"},{"id":"21st:chamaac__shimmer-button","t":"Shimmer button","d":"A rounded call-to-action button with an animated shimmering gradient text effect that loops continuously.","s":"21st","c":"actions/button","a":"chamaac","pl":"https://cdn.21st.dev/chamaac/shimmer-button/default/preview.1789819004817-c05f64d1-dd8c-4e08-a28f-ffb99446eec5.png","pc":"chamaac","sb":"Animated"},{"id":"21st:charl3x__star-pixel","t":"Star pixel","d":"Animated (flicker) ASCII art in the Hexagons style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, card","k":"motion","s":"21st","c":"motion/ascii","a":"charl3x","pl":"https://cdn.21st.dev/charl3x/star-pixel/default/preview.1788283220625-b34d72d2-4685-4610-8bc7-4debe2b34067.webp","pc":"charl3x"},{"id":"21st:chettrinishal3__ziidstudio","t":"Ziidstudio","d":"Animated (pulse) ASCII art in the Braille style, made with the 21st ASCII editor and baked to a looping video. Styled with a monochrome look. A drop-in, zero-dependency React compo","k":"motion","s":"21st","c":"motion/ascii","a":"chettrinishal3","pl":"https://cdn.21st.dev/chettrinishal3/ziidstudio/default/preview.1787669456328-0deebf56-1bd7-44be-9c36-6e3f0ef374db.webp","pc":"chettrinishal3"},{"id":"21st:clemd04__trident","t":"Trident","d":"Animated (flicker) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, ca","k":"motion","s":"21st","c":"motion/ascii","a":"clemd04","pl":"https://cdn.21st.dev/clemd04/trident/default/preview.1791107448997-bd628f7a-1b19-4221-8b93-73e71f628a3f.webp","pc":"clemd04","sb":"Characters"},{"id":"21st:clevision__accordion-1","t":"Accordion 1","d":"Here is Accordion component","s":"21st","c":"data-display/accordion","a":"clevision","pl":"https://cdn.21st.dev/larsen66/accordion-1/default/preview.1760374725373.png","pc":"clevision"},{"id":"21st:clevision__basic-avatar","t":"Basic avatar","d":"Here is Avatar component","s":"21st","c":"data-display/avatar","a":"clevision","pl":"https://cdn.21st.dev/larsen66/basic-avatar/default/preview.1760378667824.png","pc":"clevision"},{"id":"21st:clevision__breadrcrumb","t":"Breadrcrumb","d":"Here is Breadrcrumb component","s":"21st","c":"other","a":"clevision","pl":"https://cdn.21st.dev/larsen66/breadrcrumb/default/preview.1760380176747.png","pc":"clevision"},{"id":"21st:clevision__button-group","t":"Button group","d":"Here is Button Group component","s":"21st","c":"actions/button","a":"clevision","pl":"https://cdn.21st.dev/larsen66/button-group/default/preview.1760455322557.png","pc":"clevision","sb":"Groups and split"},{"id":"21st:clevision__buttons","t":"Buttons","d":"Here is Buttons Components","s":"21st","c":"actions/button","a":"clevision","pl":"https://cdn.21st.dev/user_ShadcnStudio/buttons/default/preview.1787910146703.png","pc":"clevision"},{"id":"21st:clevision__calendar-1","t":"Calendar 1","d":"Here is Calendar  component ","s":"21st","c":"data-display/calendar","a":"clevision","pl":"https://cdn.21st.dev/larsen66/calendar-1/default/preview.1760457561200.png","pc":"clevision"},{"id":"21st:clevision__card-studio","t":"Card studio","d":"Here is Card component ","s":"21st","c":"data-display/card","a":"clevision","pl":"https://cdn.21st.dev/larsen66/card-studio/default/preview.1760510314037.png","pc":"clevision"},{"id":"21st:clevision__checkbox-1","t":"Checkbox 1","d":"Here is Checkbox component ","s":"21st","c":"inputs/checkbox","a":"clevision","pl":"https://cdn.21st.dev/larsen66/checkbox-1/default/preview.1760512663280.png","pc":"clevision"},{"id":"21st:clevision__collapsible-1","t":"Collapsible 1","d":"Collapsible","s":"21st","c":"data-display/accordion","a":"clevision","pl":"https://cdn.21st.dev/larsen66/collapsible-1/default/preview.1760514342988.png","pc":"clevision"},{"id":"21st:clevision__combobox","t":"Combobox","d":"Here is Combobox component ","s":"21st","c":"inputs/combobox","a":"clevision","pl":"https://cdn.21st.dev/larsen66/combobox/default/preview.1760515798530.png","pc":"clevision"},{"id":"21st:clevision__input-otps","t":"Input otps","d":"Here is Input OTP component","s":"21st","c":"inputs/form-field","a":"clevision","pl":"https://cdn.21st.dev/larsen66/input-otps/default/preview.1760517334927.png","pc":"clevision"},{"id":"21st:clevision__radio-group-1","t":"Radio group 1","d":"Here is Radio Group component","s":"21st","c":"inputs/radio","a":"clevision","pl":"https://cdn.21st.dev/larsen66/radio-group-1/default/preview.1761028811506.png","pc":"clevision"},{"id":"21st:clevision__switch-1","t":"Switch 1","d":"Here is Switch component","s":"21st","c":"actions/switch","a":"clevision","pl":"https://cdn.21st.dev/larsen66/switch-1/default/preview.1760584544924.png","pc":"clevision"},{"id":"21st:clevision__text-area","t":"Text area","d":"Here is Textarea component","s":"21st","c":"motion/text-effect","a":"clevision","pl":"https://cdn.21st.dev/larsen66/text-area/default/preview.1760583376921.png","pc":"clevision"},{"id":"21st:cnippet-dev__aero-hero-1","t":"Aero hero 1","k":"section","s":"21st","c":"marketing/hero","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/aero-hero-1/default/preview.1772825270975.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__aero-hero-3","t":"Aero hero 3","k":"section","s":"21st","c":"marketing/hero","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/aero-hero-3/default/preview.1773257562627.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__announcement-banner","t":"Announcement banner","d":"A dismissible announcement banner alert with an icon, title, description and a call-to-action link.","s":"21st","c":"overlays/alert-banner","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/announcement-banner/default/preview.1785493882128-b4444249-c576-42fe-a621-e2151e5c4c79.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__avatar-stack","t":"Avatar stack","d":"An overlapping stack of team member avatars with hover tooltips showing names and roles, plus an overflow count and an add-member button.","s":"21st","c":"data-display/avatar","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/avatar-stack/default/preview.1785465008967-519245d0-1820-40b6-a49c-cae87af49b6b.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__billing-warning-alert-dialog","t":"Billing warning alert dialog","d":"An alert dialog that warns users their subscription is expiring and prompts them to update their payment method.","s":"21st","c":"overlays/dialog","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/billing-warning-alert-dialog/default/preview.1787105643722-87fd279b-51f6-4b19-8e05-d44a21519d29.png","pc":"cnippet-dev","sb":"Confirm"},{"id":"21st:cnippet-dev__blogs","t":"Blogs","d":"A vertically stacked set of interactive headings that each reveal a section of content.","k":"section","s":"21st","c":"marketing/marketing","a":"cnippet-dev","pl":"https://cdn.21st.dev/user_36Tbt0v8JdD4jEycmBFhR8tojnR/blogs/default/preview.1786465769239.webp","pc":"cnippet-dev","sb":"Blog and posts"},{"id":"21st:cnippet-dev__boxly-pricing-1","t":"Boxly pricing 1","k":"section","s":"21st","c":"marketing/pricing","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/boxly-pricing-1/default/preview.1774288546354.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__breadcrumb","t":"Breadcrumb","d":"Accessible breadcrumb navigation with links, a current page, separators, and an ellipsis for collapsed paths.","s":"21st","c":"navigation/breadcrumb","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/breadcrumb/default/preview.1785543790338-4a5f8fac-3a3e-4738-98d1-2800fc93df88.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__button","t":"Button","d":"A button or a component that looks like a button.","s":"21st","c":"actions/button","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/button/default/preview.1770466613578.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__changelog-carousel","t":"Changelog carousel","d":"A horizontal drag-free carousel that displays product changelog releases as cards with colored version tags and dot navigation.","s":"21st","c":"media/carousel","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/changelog-carousel/default/preview.1784150303963.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__checkbox","t":"Checkbox","d":"A styled checkbox control for forms, built on Base UI, supporting checked, unchecked, and indeterminate states.","s":"21st","c":"inputs/checkbox","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/checkbox/default/preview.1787161798871-a6e112f7-a1ce-41bd-b3de-7d3779f5f949.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__cnippet-accordion","t":"Cnippet accordion","d":"A vertically stacked set of collapsible sections built on Base UI's Accordion primitive. Supports single or multiple open items, controlled or uncontrolled state, a custom trigger ","s":"21st","c":"data-display/accordion","a":"cnippet-dev","pl":"https://cdn.21st.dev/larsen66/cnippet-accordion/default/preview.1783974792885.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__cnippet-button","t":"Cnippet button","d":"A polymorphic button built on Base UI's useRender. Ships 8 visual variants (default, secondary, outline, ghost, link, destructive, destructive-outline) and a full set of sizes incl","s":"21st","c":"actions/button","a":"cnippet-dev","pl":"https://cdn.21st.dev/larsen66/cnippet-button/default/preview.1783605523635.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__cnippet-chart","t":"Cnippet chart","d":"A set of composable chart primitives built on Recharts, providing a themeable ChartContainer plus ChartTooltip, ChartTooltipContent, ChartLegend and ChartLegendContent. Colors are ","s":"21st","c":"data-viz/chart","a":"cnippet-dev","pl":"https://cdn.21st.dev/larsen66/cnippet-chart/default/preview.1783962689603.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__cnippet-collapsible","t":"Cnippet collapsible","d":"A minimal show/hide primitive built on Base UI's Collapsible. A trigger toggles a height-animated panel — perfect for read-more text, FAQ rows, nested groups and expandable log out","s":"21st","c":"data-display/accordion","a":"cnippet-dev","pl":"https://cdn.21st.dev/larsen66/cnippet-collapsible/default/preview.1784046947032.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__cnippet-empty","t":"Cnippet empty","d":"A composable empty-state block for when there's no data to show — no results, no events, an empty folder, cleared filters. Ships Empty plus EmptyHeader, EmptyMedia (with a stacked ","s":"21st","c":"data-display/empty-state","a":"cnippet-dev","pl":"https://cdn.21st.dev/larsen66/cnippet-empty/default/preview.1784047727980.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__cnippet-switch","t":"Cnippet switch","d":"An accessible toggle switch built on Base UI's Switch primitive. Animated thumb with a springy press/scale interaction, two sizes (default and sm), controlled or uncontrolled usage","s":"21st","c":"actions/switch","a":"cnippet-dev","pl":"https://cdn.21st.dev/larsen66/cnippet-switch/default/preview.1783606379538.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__cnippet-table","t":"Cnippet table","s":"21st","c":"data-display/table","a":"cnippet-dev","pl":"https://cdn.21st.dev/larsen66/cnippet-table/default/preview.1784050047380.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__cnippet-toggle","t":"Cnippet toggle","d":"A two-state toggle button built on Base UI's Toggle primitive. Ships default and outline variants, three sizes (sm, default, lg), controlled or uncontrolled pressed state via press","s":"21st","c":"actions/switch","a":"cnippet-dev","pl":"https://cdn.21st.dev/larsen66/cnippet-toggle/default/preview.1783607963754.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__cnippet-toggle-group","t":"Cnippet toggle group","d":"A set of toggle buttons that work together as a single control, built on Base UI's ToggleGroup primitive. Supports single or multiple selection, horizontal and vertical orientation","s":"21st","c":"actions/switch","a":"cnippet-dev","pl":"https://cdn.21st.dev/larsen66/cnippet-toggle-group/default/preview.1783623189977.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__cnippet-toolbar","t":"Cnippet toolbar","s":"21st","c":"navigation/menu","a":"cnippet-dev","pl":"https://cdn.21st.dev/larsen66/cnippet-toolbar/default/preview.1783954460572.png","pc":"cnippet-dev","sb":"Menubars"},{"id":"21st:cnippet-dev__context-menu","t":"Context menu","d":"A right-click (or long-press) context menu with items, checkboxes, radio groups, nested submenus, keyboard shortcuts, and destructive actions.","s":"21st","c":"overlays/context-menu","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/context-menu/default/preview.1785517988344-e38aba41-564f-4dbe-a2d6-cbc23de3d4d6.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__context-menu-icons","t":"Context menu icons","d":"A right-click context menu with copy, cut, paste, and a destructive delete action, each labelled with an icon.","k":"resource","s":"21st","c":"assets/icon","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/context-menu-icons/default/preview.1785519963656-f80e027a-942e-48c8-8996-28772d9537ec.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__counting-number","t":"Counting number","d":"An animated number that smoothly counts from a start value up to a target, with imperative replay and start/complete callbacks.","s":"21st","c":"motion/number-ticker","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/counting-number/default/preview.1784452151245-255b9986-1760-43bc-83ba-876db6a9384c.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__date-picker-with-presets","t":"Date picker with presets","d":"A single-date calendar picker with quick preset buttons (Today, Tomorrow, Next Monday, In 1 week, etc.) and a formatted selected-date summary.","s":"21st","c":"inputs/date-picker","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/date-picker-with-presets/default/preview.1787178212836-6bef761f-a2dd-48e8-a4b0-8887296aecc7.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__davincho-hero-1","t":"Davincho hero 1","d":"Animated hero section with parallax background image.","k":"section","s":"21st","c":"marketing/hero","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/davincho-hero-1/default/preview.1774290703029.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__domain-input-group","t":"Domain input group","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet-dev/domain-input-group/default/preview.1789972929759-bcd6ff9f-45b4-41ec-8143-bdfa9fc35c7c.png","pc":"cnippet-dev","sb":"Input groups"},{"id":"21st:cnippet-dev__faq-accordion-card","t":"Faq accordion card","d":"A FAQ accordion embedded inside a card with a title, description, and call-to-action button for billing and account questions.","k":"section","s":"21st","c":"marketing/faq","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/faq-accordion-card/default/preview.1787124571297-8ad07275-f9c0-44a4-9fdd-d166ef5a0418.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__flow-hero-1","t":"Flow hero 1","d":"Animated hero section with carousel.","k":"section","s":"21st","c":"marketing/hero","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/flow-hero-1/default/preview.1774292290687.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__formatting-toolbar","t":"Formatting toolbar","d":"A rich-text formatting toolbar with toggle buttons that applies strikethrough, inline code, blockquote, and link styles with a live markdown preview.","s":"21st","c":"navigation/menu","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/formatting-toolbar/default/preview.1785174585804-0bf6edc6-45d9-41a9-b73f-2b0c953c911b.png","pc":"cnippet-dev","sb":"Menubars"},{"id":"21st:cnippet-dev__incident-status-timeline","t":"Incident status timeline","d":"A status card with a collapsible incident timeline showing status badges, timestamps, and update messages.","s":"21st","c":"data-display/timeline","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/incident-status-timeline/default/preview.1787129041992-a9566efd-858c-477d-8210-7b6befd70530.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__logout-confirmation-dialog","t":"Logout confirmation dialog","d":"A centered alert dialog that asks the user to confirm before logging out, with an icon, message, and a split No / Yes, Logout button footer.","s":"21st","c":"overlays/dialog","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/logout-confirmation-dialog/default/preview.1787102636895-1e709f5c-6bfb-4f91-9a46-73e1de09f0c6.png","pc":"cnippet-dev","sb":"Confirm"},{"id":"21st:cnippet-dev__m-parallax-floating-3","t":"M parallax floating 3","d":"Abstract symbols that drift at different depths and follow the cursor for a layered parallax hover effect.","k":"layout","s":"21st","c":"layout/scroll-area","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/m-parallax-floating-3/default/preview.1784763615311-3889dc62-a0cd-4917-b95c-611091ccc660.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__m-random-letter-swap-1","t":"M random letter swap 1","d":"A horizontal navigation menu whose links shuffle their letters in a glitchy random-swap animation on hover.","s":"21st","c":"motion/text-effect","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/m-random-letter-swap-1/default/preview.1783597293597.png","pc":"cnippet-dev","sb":"Rotating words"},{"id":"21st:cnippet-dev__m-random-letter-swap-2","t":"M random letter swap 2","d":"A pair of call-to-action buttons whose labels shuffle letters in random order on hover for a glitchy text effect.","s":"21st","c":"motion/text-effect","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/m-random-letter-swap-2/default/preview.1783600502404.png","pc":"cnippet-dev","sb":"Rotating words"},{"id":"21st:cnippet-dev__m-text-cursor-proximity-1","t":"M text cursor proximity 1","d":"Animated text where each character grows in scale as the cursor approaches, with a linear proximity falloff.","s":"21st","c":"motion/text-effect","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/m-text-cursor-proximity-1/default/preview.1783600993480.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__m-text-generate-effect-2","t":"M text generate effect 2","d":"An AI assistant chat card that animates its response with a word-by-word text-generate effect and regenerates on demand.","s":"21st","c":"motion/text-effect","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/m-text-generate-effect-2/default/preview.1786092106960-6f67f1e1-75b6-453b-a601-233cbabbee1e.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__m-text-highlight-3","t":"M text highlight 3","d":"Animated text highlight with buttons that sweep the highlight behind the text left, right, top-down, or bottom-up on demand.","s":"21st","c":"motion/text-effect","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/m-text-highlight-3/default/preview.1783615059247.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__m-variable-font-cursor-proximity-1","t":"M variable font cursor proximity 1","d":"A centered hero headline whose letters shift from ultra-light to heavy weight as the cursor moves near them.","k":"resource","s":"21st","c":"assets/font","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/m-variable-font-cursor-proximity-1/default/preview.1783600901164.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__m-variable-font-cursor-proximity-2","t":"M variable font cursor proximity 2","d":"Two mirrored lines of text whose variable-font weight and slant axes flip based on cursor distance with gaussian falloff.","k":"resource","s":"21st","c":"assets/font","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/m-variable-font-cursor-proximity-2/default/preview.1787025905515-fed458e5-8f59-4db2-b3a2-2e7fe1801b83.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__m-variable-font-cursor-proximity-3","t":"M variable font cursor proximity 3","d":"A navigation menu whose items thicken their variable font weight as the cursor approaches, using an exponential proximity falloff.","k":"resource","s":"21st","c":"assets/font","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/m-variable-font-cursor-proximity-3/default/preview.1787025901046-6880801e-51fc-4f5f-9f12-2223be671b90.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__m-variable-font-hover-1","t":"M variable font hover 1","d":"A horizontal navigation menu whose link letters animate from thin to bold outward from the center on hover using variable font weight.","k":"resource","s":"21st","c":"assets/font","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/m-variable-font-hover-1/default/preview.1783597283924.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__m-variable-font-hover-2","t":"M variable font hover 2","d":"Hero headline with two stacked lines whose variable-font weight and slant axes invert against each other on hover.","k":"resource","s":"21st","c":"assets/font","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/m-variable-font-hover-2/default/preview.1783600826034.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__m-variable-font-hover-3","t":"M variable font hover 3","d":"A stack of call-to-action links whose letters animate their variable font weight on hover, each using a different stagger origin.","k":"resource","s":"21st","c":"assets/font","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/m-variable-font-hover-3/default/preview.1783602502825.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__m-vertical-cut-reveal-2","t":"M vertical cut reveal 2","d":"A logotype text-reveal block that animates each character with a vertical cut wipe, staggered outward from the center.","s":"21st","c":"motion/text-effect","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/m-vertical-cut-reveal-2/default/preview.1783614314179.png","pc":"cnippet-dev","sb":"Reveal and entrance"},{"id":"21st:cnippet-dev__menu","t":"Menu","d":"An accessible dropdown menu built on Base UI with support for items, links, checkboxes, radio groups, submenus, separators and keyboard shortcuts.","s":"21st","c":"navigation/menu","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/menu/default/preview.1785509522361-ef6c82ea-ce5b-4cb2-bbe3-5a0c68f224d5.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__multi-level-collapsible-menu","t":"Multi level collapsible menu","d":"A nested, multi-level collapsible navigation menu inside a card, with expandable folders, animated chevrons, and selectable items.","s":"21st","c":"navigation/menu","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/multi-level-collapsible-menu/default/preview.1787128111915-95676451-7ad5-4314-b18c-a8f7fb6154a2.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__onboarding-step-tracker","t":"Onboarding step tracker","d":"An onboarding step tracker built on an accordion, showing each setup step with a completion state and a mark-as-complete action.","s":"21st","c":"navigation/wizard-steps","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/onboarding-step-tracker/default/preview.1787112103722-831e2884-5aa9-42eb-8f99-39d408f9e4c0.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__package-dependency-list","t":"Package dependency list","d":"A vertical list of package groups with version badges and collapsible rows that expand to reveal the individual dependencies inside each group.","s":"21st","c":"data-display/list","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/package-dependency-list/default/preview.1787122506213-a3b33427-632f-477a-bbd2-c388393de824.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__pagination-button-group","t":"Pagination button group","d":"A grouped set of connected buttons for page-number pagination with previous/next navigation controls.","s":"21st","c":"navigation/pagination","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet-dev/pagination-button-group/default/preview.1789973255100-15d479e7-2ab0-4da4-b5cd-48c885359726.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__parallax-floating","t":"Parallax floating","d":"Layered elements that float at different speeds based on cursor position to create a parallax depth effect.","k":"layout","s":"21st","c":"layout/scroll-area","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/parallax-floating/default/preview.1788217180787-98d96950-a7df-4dea-b37d-17144268e2a6.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__password-strength-field","t":"Password strength field","d":"A password input field with a live strength meter and label that reflects how strong the entered password is.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/password-strength-field/default/preview.1787169318765-7c1a7ca5-2077-4543-a1dc-fdaa5eea5ec4.png","pc":"cnippet-dev","sb":"Password"},{"id":"21st:cnippet-dev__plan-addon-selector","t":"Plan addon selector","d":"A plan add-on selector with checkbox rows and a live estimated price total that updates as features are toggled.","k":"section","s":"21st","c":"marketing/pricing","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/plan-addon-selector/default/preview.1787128405526-0e9cca00-a604-4dee-9c2c-d93b0a374bbb.png","pc":"cnippet-dev","sb":"Plan cards"},{"id":"21st:cnippet-dev__popover","t":"Popover","d":"An accessible popover panel anchored to a trigger button, with title, description, and optional compact tooltip styling, built on Base UI.","s":"21st","c":"overlays/popover","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/popover/default/preview.1785543064537-9ddc68a1-90b8-40f7-8863-366d9e4fbb69.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__progress","t":"Progress","d":"A composable progress bar built on Base UI with track, indicator, label and value slots for showing task completion.","s":"21st","c":"data-viz/progress-bar","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/progress/default/preview.1785098795893-e9814077-82ca-48f0-86b3-f68a2570f194.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__promise-toast","t":"Promise toast","d":"A button that triggers a promise-based toast notification, cycling through loading, success, and error states as an async task resolves.","s":"21st","c":"overlays/toast","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/promise-toast/default/preview.1786660993010-c3261deb-756b-476d-8ffa-bb9ca19cb35a.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__random-letter-swap","t":"Random letter swap","d":"Text component whose letters swap vertically in random order on hover for a glitchy effect.","s":"21st","c":"motion/text-effect","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/random-letter-swap/default/preview.1783589832419.png","pc":"cnippet-dev","sb":"Rotating words"},{"id":"21st:cnippet-dev__rate-limit-alert-dialog","t":"Rate limit alert dialog","d":"An alert dialog that warns a user they hit an API rate limit, with a live MM:SS countdown to automatic retry and an upgrade call to action.","s":"21st","c":"overlays/dialog","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/rate-limit-alert-dialog/default/preview.1787115003577-888ce04a-0503-46ab-8416-f50270aab9e6.png","pc":"cnippet-dev","sb":"Confirm"},{"id":"21st:cnippet-dev__read-more-content-expander","t":"Read more content expander","s":"21st","c":"other","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/read-more-content-expander/default/preview.1787118660185-57d351b9-f017-4407-8354-2a08bdf02cad.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__role-permissions-picker","t":"Role permissions picker","d":"A permissions picker with a checkbox list where each access level has a colored badge showing its scope.","s":"21st","c":"inputs/select","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/role-permissions-picker/default/preview.1787126166720-0d88a687-150f-47a6-84c4-6f06172c075b.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__scroll-progress","t":"Scroll progress","d":"A spring-animated progress bar that tracks scroll position — works for the full page or a scrollable container element.","s":"21st","c":"data-viz/progress-bar","a":"cnippet-dev","pl":"https://cdn.21st.dev/larsen66/scroll-progress/default/preview.1783607682461.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__scroll-reveal","t":"Scroll reveal","d":"Elements animate into view when they enter the viewport. Supports any Motion variant, configurable thresholds, and a once-only mode.","k":"layout","s":"21st","c":"layout/scroll-area","a":"cnippet-dev","pl":"https://cdn.21st.dev/larsen66/scroll-reveal/default/preview.1783605875651.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__scroll-reveal-2","t":"Scroll reveal 2","d":"A wrapper component that animates its children into view when they enter the viewport, with configurable Motion variants, thresholds, and a once-only mode.","k":"layout","s":"21st","c":"layout/scroll-area","a":"cnippet-dev","pl":"https://cdn.21st.dev/educlopez/scroll-reveal/default/preview.1783602648001.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__scroll-swap-text","t":"Scroll swap text","d":"Text that swaps in and out vertically as its scrollable container is navigated, with the current line sliding up while a clone rises into place.","k":"motion","s":"21st","c":"motion/text-effect","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/scroll-swap-text/default/preview.1784704289200-d5a03141-e179-4174-a11c-abf94b005134.png","pc":"cnippet-dev","sb":"Reveal and entrance"},{"id":"21st:cnippet-dev__scroll-velocity-text","t":"Scroll velocity text","d":"A continuous text marquee whose speed reacts to scroll velocity — the faster you scroll, the faster the marquee moves.","k":"motion","s":"21st","c":"motion/text-effect","a":"cnippet-dev","pl":"https://cdn.21st.dev/larsen66/scroll-velocity-text/default/preview.1783960760991.png","pc":"cnippet-dev","sb":"Reveal and entrance"},{"id":"21st:cnippet-dev__segmented-control-tabs","t":"Segmented control tabs","d":"A compact segmented-control style tab switcher with icons that toggles between daily, weekly, monthly and yearly stat cards.","s":"21st","c":"navigation/tabs","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/segmented-control-tabs/default/preview.1787126885494-aedcdd92-96d4-4faa-a461-174b461b91f2.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__select","t":"Select","d":"A styled select dropdown for choosing a single option from a list, with a trigger, searchable popup, scroll arrows, grouping, and keyboard navigation.","s":"21st","c":"inputs/select","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/select/default/preview.1787171702963-47a14563-de04-41a9-a09d-387edec98d20.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__services-with-animated-hover-modal","t":"Services with animated hover modal","d":"A responsive services component that displays a list of offerings. On hover, a modal follows the cursor, revealing project images with smooth scaling and transition effects. Built ","k":"section","s":"21st","c":"marketing/features","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/services-with-animated-hover-modal/default/preview.1774625573593.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__settings-sidebar-accordion","t":"Settings sidebar accordion","d":"A settings sidebar navigation built from an accordion, with icon-labeled sections that expand to reveal grouped links.","s":"21st","c":"data-display/accordion","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/settings-sidebar-accordion/default/preview.1787116782853-95a0d7d3-7ad4-4011-9235-c5e4bad09f82.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__splitting-text","t":"Splitting text","d":"Animated text that splits into characters, words, or lines with staggered entrance presets like fade, slide, blur, and scale.","k":"motion","s":"21st","c":"motion/text-effect","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/splitting-text/default/preview.1784704319173-f9f5007f-6df2-4b03-8cec-f01ff62fcd4c.png","pc":"cnippet-dev","sb":"Reveal and entrance"},{"id":"21st:cnippet-dev__sprint-planner-calendar","t":"Sprint planner calendar","d":"A two-month range calendar for planning sprints, showing the selected start and end dates, total duration in days, and the derived sprint number.","s":"21st","c":"data-display/calendar","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/sprint-planner-calendar/default/preview.1787190914754-dce6181f-7261-4172-89e5-6ce20ab154b8.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__sprint-task-checklist","t":"Sprint task checklist","d":"A task checklist with checkboxes, priority badges, line-through completed items, a remaining counter, a completion celebration state, and a reset button.","s":"21st","c":"inputs/checkbox","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/sprint-task-checklist/default/preview.1787129460263-1e10eb5f-8f78-4a1d-b68e-e0870786d238.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__tabs-with-icons","t":"Tabs with icons","d":"A tabs component with icon-labeled triggers switching between card panels for dashboard overview, analytics, and settings views.","s":"21st","c":"navigation/tabs","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/tabs-with-icons/default/preview.1787136992936-2842dfcf-e58e-4903-8bdc-4a187d93f40b.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__team","t":"Team","k":"section","s":"21st","c":"marketing/team","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/team/default/preview.1774622497922.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__text-generate-effect","t":"Text generate effect","d":"Animated text that fades and blurs in word by word, as if being generated by AI.","s":"21st","c":"motion/text-effect","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/text-generate-effect/default/preview.1784704304064-e78681fd-c756-4756-873f-6cd36ec825c5.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__text-gradient","t":"Text gradient","d":"Animated text component whose gradient colors flow continuously through the letters using background-clip, with customizable color stops, angle, and speed.","k":"motion","s":"21st","c":"motion/gradient","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/text-gradient/default/preview.1784705403859-9d7ebae7-d8f9-4f45-96af-526023206fd1.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__text-loop","t":"Text loop","d":"Cycles through an array of children with smooth enter and exit transitions, swapping content on a configurable interval.","s":"21st","c":"motion/text-effect","a":"cnippet-dev","pl":"https://cdn.21st.dev/larsen66/text-loop/default/preview.1784051365392.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__text-morph","t":"Text morph","d":"Shared-layout character morphing between two strings — individual letters animate to their new positions with spring physics.","s":"21st","c":"motion/text-effect","a":"cnippet-dev","pl":"https://cdn.21st.dev/larsen66/text-morph/default/preview.1784051121489.png","pc":"cnippet-dev","sb":"Rotating words"},{"id":"21st:cnippet-dev__text-reveal","t":"Text reveal","d":"Reveals text word-by-word, character-by-character, or line-by-line with smooth staggered entrance animations.","s":"21st","c":"motion/text-effect","a":"cnippet-dev","pl":"https://cdn.21st.dev/larsen66/text-reveal/default/preview.1784046931580.png","pc":"cnippet-dev","sb":"Reveal and entrance"},{"id":"21st:cnippet-dev__text-roll","t":"Text roll","d":"Characters roll in and out with a 3D perspective flip — each letter animates independently for a mechanical, tactile reveal effect.","s":"21st","c":"motion/text-effect","a":"cnippet-dev","pl":"https://cdn.21st.dev/larsen66/text-roll/default/preview.1784051214230.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__text-scramble","t":"Text scramble","d":"Characters scramble through random glyphs before resolving to the final text, creating a cipher-decoding effect on mount.","s":"21st","c":"motion/text-effect","a":"cnippet-dev","pl":"https://cdn.21st.dev/larsen66/text-scramble/default/preview.1784047614972.png","pc":"cnippet-dev","sb":"Scramble and glitch"},{"id":"21st:cnippet-dev__textarea","t":"Textarea","d":"A multi-line text input field with auto-sizing, small/default/large sizes, disabled and invalid states built on Base UI.","s":"21st","c":"inputs/textarea","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/textarea/default/preview.1785539105535-800057b8-a46a-42bf-b79c-a74a19c075e1.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__textarea-with-label","t":"Textarea with label","d":"A multi-line textarea form field paired with an accessible label for collecting longer text input like messages or comments.","s":"21st","c":"inputs/textarea","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/textarea-with-label/default/preview.1785539676553-ad144ee2-3fc5-4be7-afbc-84f1a694399a.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__time-off-request-calendar","t":"Time off request calendar","d":"A time off request card with leave-type selector chips, a date range calendar, live day count, and a submit action.","s":"21st","c":"data-display/calendar","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/time-off-request-calendar/default/preview.1787191840189-d9b728d8-ad80-4b99-ac43-78d8da9b5a17.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__toast","t":"Toast","d":"Stacked toast notification system with auto-dismiss timeouts, action buttons, status icons, and configurable positions built on Base UI.","s":"21st","c":"overlays/toast","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/toast/default/preview.1786087315207-68e585ee-22ae-4252-aed9-875a46ffef2e.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-accordion-10","t":"V accordion 10","d":"A changelog block that lists versioned software releases in a collapsible accordion, each entry tagging its changes as new, improved, fixed, or breaking.","s":"21st","c":"data-display/accordion","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-accordion-10/default/preview.1787125783792-5251df7b-c2fe-4d38-a8e0-2cc459352fb0.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-accordion-11","t":"V accordion 11","d":"A FAQ section with a live keyword search that filters an expandable accordion of questions and answers in real time.","s":"21st","c":"data-display/accordion","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-accordion-11/default/preview.1787127077545-7a1b2484-03a9-466d-8cd8-326806c7f551.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-accordion-4","t":"V accordion 4","d":"A controlled accordion built on Base UI whose open panels are driven by external React state, with a button to expand items programmatically and a live readout of which items are o","s":"21st","c":"data-display/accordion","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-accordion-4/default/preview.1787121523011-3e2fc014-1dd8-4f70-b930-1ed3e8fc4bf7.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-accordion-5","t":"V accordion 5","d":"An accordion where each item's trigger shows a plus icon when collapsed and a minus icon when expanded, built on Base UI.","s":"21st","c":"data-display/accordion","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-accordion-5/default/preview.1787122259077-9fe6fe9a-49df-4f0a-8bd0-0b3b2d8e53e9.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-accordion-6","t":"V accordion 6","d":"A FAQ accordion where each item is a separate rounded, bordered card with a single expandable panel, built on Base UI.","s":"21st","c":"data-display/accordion","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-accordion-6/default/preview.1787123454012-bb9c046d-74c3-4fe3-b2eb-7cd6ed8a4c9e.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-accordion-8","t":"V accordion 8","d":"A bordered accordion with rounded, spaced items and a nested accordion inside one of the panels for grouped sub-details.","s":"21st","c":"data-display/accordion","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-accordion-8/default/preview.1787109084696-4656cd6e-aa01-48e4-8241-977c3447a348.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-accordion-9","t":"V accordion 9","d":"An accordion listing team members with avatars, names, and role badges that expand to reveal each member's permission details.","s":"21st","c":"data-display/accordion","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-accordion-9/default/preview.1787110862140-55e40d09-9ced-4829-b5ef-cadec97887c8.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-alert-15","t":"V alert 15","d":"An alert prompting the user to verify their email address, with a resend button that counts down 60 seconds before another email can be sent.","s":"21st","c":"overlays/alert-banner","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-alert-15/default/preview.1785495456154-cef77bc0-e37f-4852-bc30-f8d9e8a43672.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-alert-3","t":"V alert 3","d":"An alert notification with a leading icon, title, description, and dismiss/confirm action buttons for security or update prompts.","s":"21st","c":"overlays/alert-banner","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-alert-3/default/preview.1785491555666-79588257-c9c6-435b-a246-f89dadef6625.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-alert-5","t":"V alert 5","d":"A success alert with a check icon, title and description for confirming an action completed as expected.","s":"21st","c":"overlays/alert-banner","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-alert-5/default/preview.1785492627765-a7679f44-3ceb-4343-8e1b-eb2d817c9791.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-alert-6","t":"V alert 6","d":"A warning alert callout with a triangle icon, title and description for surfacing cautionary messages.","s":"21st","c":"overlays/alert-banner","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-alert-6/default/preview.1785491150683-565f4c5b-6151-4261-b852-314b5dfabf5c.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-alert-7","t":"V alert 7","d":"An error alert with an icon, title, and description for surfacing failed actions or destructive states.","s":"21st","c":"overlays/alert-banner","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-alert-7/default/preview.1785491785507-05e967bb-b59c-41a0-bb94-4b44d86830bf.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-alert-dialog-8","t":"V alert dialog 8","s":"21st","c":"overlays/dialog","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-alert-dialog-8/default/preview.1787104061761-a192f27c-d190-413c-a24b-04a7e1c30957.png","pc":"cnippet-dev","sb":"Confirm"},{"id":"21st:cnippet-dev__v-breadcrumb-10","t":"V breadcrumb 10","d":"A breadcrumb navigation that shows an organization logo, a user avatar with name and email, and the current document with an icon.","s":"21st","c":"navigation/breadcrumb","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-breadcrumb-10/default/preview.1784696749911-f423e5f9-2880-4805-853d-23da44f54d21.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-breadcrumb-12","t":"V breadcrumb 12","d":"A checkout progress breadcrumb with numbered step circles, completed-step checkmarks, and back/continue navigation buttons.","s":"21st","c":"navigation/breadcrumb","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-breadcrumb-12/default/preview.1784696733129-f21f88d3-34ed-4a62-96d2-4433cb1447e4.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-breadcrumb-5","t":"V breadcrumb 5","d":"A breadcrumb navigation trail with a leading icon on each item to reinforce the section it points to.","s":"21st","c":"navigation/breadcrumb","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-breadcrumb-5/default/preview.1787115045114-9492c6f1-b5cd-43e4-9046-fe5b818cb5a1.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-breadcrumb-6","t":"V breadcrumb 6","d":"A breadcrumb navigation trail whose items include small avatar images alongside the label, ideal for showing organization and user context in an app header.","s":"21st","c":"navigation/breadcrumb","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-breadcrumb-6/default/preview.1784702996534-f31d65e0-54ae-4036-a885-5c2436ca7cb1.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-breadcrumb-9","t":"V breadcrumb 9","d":"A breadcrumb navigation where each item is rendered as a button, with icons and the current page highlighted as a secondary button.","s":"21st","c":"navigation/breadcrumb","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-breadcrumb-9/default/preview.1784702901328-a846db66-270a-4423-ae3e-94a49dfc566c.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-calendar-10","t":"V calendar 10","d":"A date-picker calendar that marks days with small colored dots for events like meetings, deadlines, and holidays, plus a legend.","s":"21st","c":"data-display/calendar","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-calendar-10/default/preview.1787177273320-1c27fc99-b2dd-4a8e-b74f-f58dda3f7794.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-calendar-12","t":"V calendar 12","d":"A date-of-birth picker calendar with month and year dropdowns that shows the selected date and the calculated age.","s":"21st","c":"data-display/calendar","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-calendar-12/default/preview.1787182715943-9658dc02-9d2a-4ae7-a26f-94c0700acdc5.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-calendar-13","t":"V calendar 13","d":"A calendar that selects an entire Monday–Sunday ISO week when you click any day, with a readable week-range label.","s":"21st","c":"data-display/calendar","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-calendar-13/default/preview.1787183657379-4ecc1622-e8cb-4d5f-bcc5-56c68786f7d7.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-calendar-14","t":"V calendar 14","d":"A single-date calendar that highlights US public holidays and disables weekends, showing the selected holiday's name in a panel below.","s":"21st","c":"data-display/calendar","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-calendar-14/default/preview.1787184862277-82041573-2659-4a4b-9b0c-a65fc9012c41.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-calendar-15","t":"V calendar 15","d":"A hotel-style date picker calendar that shows check-in and check-out dates with the number of nights selected.","s":"21st","c":"data-display/calendar","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-calendar-15/default/preview.1787187310162-9e7097a3-a02a-47ff-910e-98b72486738a.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-calendar-16","t":"V calendar 16","d":"A monthly calendar that highlights completed days with check indicators and shows a running count of days completed this month for habit tracking.","s":"21st","c":"data-display/calendar","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-calendar-16/default/preview.1787188041020-e8e27537-7501-41a3-90bf-105ec10a8acb.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-calendar-3","t":"V calendar 3","d":"A calendar preset to range-selection mode for picking a start and end date, with the current week pre-selected.","s":"21st","c":"data-display/calendar","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-calendar-3/default/preview.1787169955307-8a356b8d-3841-4558-8f6e-f8d6911de2d9.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-calendar-4","t":"V calendar 4","d":"A date-picker calendar with dropdown menus to quickly navigate between months and years across a wide date range.","s":"21st","c":"data-display/calendar","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-calendar-4/default/preview.1787171596197-8c782105-beb6-40d9-812e-3e7fd98013d1.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-calendar-5","t":"V calendar 5","d":"A date picker calendar with month and year dropdown navigation powered by a custom select component, letting users jump quickly across a wide range of years.","s":"21st","c":"data-display/calendar","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-calendar-5/default/preview.1787173868225-b1888c60-0271-4242-83b1-2cc0f6242565.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-calendar-8","t":"V calendar 8","d":"A calendar for booking appointments that greys out weekends, past dates, and fully-booked days and shows the chosen slot.","s":"21st","c":"data-display/calendar","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-calendar-8/default/preview.1787175330429-a6d6fe39-aa9d-4afa-bbf2-c735be79c016.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-calendar-9","t":"V calendar 9","d":"A two-month date range picker calendar that shows the selected check-in and check-out dates and counts the number of nights between them.","s":"21st","c":"data-display/calendar","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-calendar-9/default/preview.1787175709846-9f441777-70b6-4cb4-9a7e-8ecbd4f4ce26.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-card-11","t":"V card 11","d":"A billing usage card that expands and collapses its content with a smooth max-height transition, a fade-out gradient overlay when collapsed, and a floating chevron toggle button.","s":"21st","c":"data-display/card","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-card-11/default/preview.1787238206018-8e35afb0-23f7-4653-8d03-e0396a3d61df.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-card-14","t":"V card 14","d":"A compact card with an icon badge, title, description and a call-to-action link, useful for summaries, feature highlights or navigation shortcuts.","s":"21st","c":"data-display/card","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-card-14/default/preview.1787243179519-2718acf7-06b0-4da0-9095-4a2bc1272063.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-card-15","t":"V card 15","d":"A compact card with a labeled icon header and a body containing descriptive text plus a link, ideal for documentation or resource callouts.","s":"21st","c":"data-display/card","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-card-15/default/preview.1787244422777-d94d4de5-15c5-4a83-bf3a-bfc8435a2a81.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-card-16","t":"V card 16","d":"A vertical list of GitHub repository cards showing name, description, visibility badge, language, star and fork counts.","s":"21st","c":"data-display/card","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-card-16/default/preview.1787251658794-51b7012a-0df5-4f4f-a324-c3b375fcbfd0.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-card-17","t":"V card 17","d":"A settings card with a vertical sidebar of icon-labeled sections that swap the panel content when selected.","s":"21st","c":"data-display/card","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-card-17/default/preview.1787230482484-4323f6fa-a71d-41e4-8d7d-3fb11ceb24fe.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-card-18","t":"V card 18","s":"21st","c":"data-display/card","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-card-18/default/preview.1787253680930-cff9138d-9811-4e65-bff3-7d98afab948a.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-card-19","t":"V card 19","d":"An event card showing the title, category badge, date, time, location and attendee count with a reserve/RSVP button.","s":"21st","c":"data-display/card","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-card-19/default/preview.1787254924470-41eec4fb-a4b2-4ce4-ab9b-6ecca2ac0c95.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-card-5","t":"V card 5","d":"A compact card with a title, body text and a footer action, plus a header dropdown menu for team/settings actions.","s":"21st","c":"data-display/card","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-card-5/default/preview.1787227481904-db6021ae-d2f9-4e19-944f-a42cde439a48.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-carousel-11","t":"V carousel 11","d":"A looping testimonial carousel showing a quote, author avatar and role with dot indicators to jump between slides.","s":"21st","c":"media/carousel","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-carousel-11/default/preview.1784387905542-e6fff1fb-9586-4687-af98-ae15fed28af8.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-carousel-8","t":"V carousel 8","d":"A compact multi-step onboarding carousel with a progress bar, per-step icons, and Back/Next navigation that finishes on the last step.","s":"21st","c":"media/carousel","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-carousel-8/default/preview.1784686792146-d951026c-4c8e-4986-a5fb-dcfccf73f92f.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-chart-4","t":"V chart 4","d":"A simple line chart for visualizing a single trend across months, built with Recharts and shadcn-style chart primitives.","s":"21st","c":"data-viz/chart","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet-dev/v-chart-4/default/preview.1790201629389-30b94167-0489-41ce-9c09-9f4e16faad77.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-checkbox-10","t":"V checkbox 10","d":"A registration consent gate that lists required and optional agreements as checkboxes and keeps the submit button disabled until every required item is accepted.","s":"21st","c":"inputs/checkbox","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-checkbox-10/default/preview.1787136975258-d718a92f-475b-4718-a424-6d49c4e4d1da.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-checkbox-11","t":"V checkbox 11","d":"A weekly availability grid with a checkbox for each day and time slot that tracks how many slots are selected.","s":"21st","c":"inputs/checkbox","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-checkbox-11/default/preview.1787124870243-9fd82c56-4f2b-4b38-a279-c42d77cb27ad.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-checkbox-13","t":"V checkbox 13","d":"A notification preferences table with event rows and email, push, and SMS channel columns of checkboxes plus a save button.","s":"21st","c":"inputs/checkbox","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-checkbox-13/default/preview.1787127273496-bf91c6a1-9e5f-4388-9a03-2d9a8919bdca.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-checkbox-4","t":"V checkbox 4","d":"A checkbox wrapped in a bordered card with a title and description, ideal for settings toggles and opt-in options that highlight when selected.","s":"21st","c":"inputs/checkbox","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-checkbox-4/default/preview.1787131470913-a6843625-ab38-4b65-a746-f208b300df44.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-checkbox-5","t":"V checkbox 5","d":"A checkbox with a submit button inside a form for accepting terms and conditions, showing a loading spinner while the form submits.","s":"21st","c":"inputs/checkbox","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-checkbox-5/default/preview.1787122696118-0ef14d9d-e5ec-4a34-89d2-ab8898dc6682.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-checkbox-6","t":"V checkbox 6","d":"A payment method selection card that pairs a saved card (brand icon, last digits, expiry) with a rounded checkbox to mark it as selected.","s":"21st","c":"inputs/checkbox","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-checkbox-6/default/preview.1787123588611-20287433-a7db-4f1f-9689-5e8c7118f0b6.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-checkbox-7","t":"V checkbox 7","s":"21st","c":"inputs/checkbox","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-checkbox-7/default/preview.1787132368544-69d78a07-d617-42d7-9429-fe0f5a08e10b.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-checkbox-8","t":"V checkbox 8","d":"A multi-select checkbox list for picking issue labels, each with a colored dot and a live count of selected items.","s":"21st","c":"inputs/checkbox","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-checkbox-8/default/preview.1787134213334-4d841854-473d-40f6-8ce8-97cec4eb39c2.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-checkbox-9","t":"V checkbox 9","d":"A checkbox list for choosing which channels — email, SMS, in-app and Slack — should receive notifications.","s":"21st","c":"inputs/checkbox","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-checkbox-9/default/preview.1787135230349-0d7c3894-8273-47bf-9eb4-af652d7aa808.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-checkbox-group-14","t":"V checkbox group 14","d":"A nested checkbox group with a parent select-all control, grouped sections, and a selected-item count for choosing what data to include in an export.","s":"21st","c":"inputs/checkbox","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-checkbox-group-14/default/preview.1787130399563-12f58604-e09e-4b9c-b066-e8cafdb2eb1e.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-checkbox-group-3","t":"V checkbox group 3","d":"A checkbox group with a parent checkbox that selects or deselects all child options and shows an indeterminate state when only some are selected.","s":"21st","c":"inputs/checkbox","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-checkbox-group-3/default/preview.1787122497136-e7c3da3e-84c2-4bf8-9919-011f23a7adc7.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-checkbox-group-5","t":"V checkbox group 5","d":"A multi-select checkbox group wired into a form with a legend, submit button and loading state for capturing multiple selections.","s":"21st","c":"inputs/checkbox","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-checkbox-group-5/default/preview.1787124736244-c86c4b7e-6736-4aba-ab7a-058087feef39.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-checkbox-group-8","t":"V checkbox group 8","d":"A vertical checkbox group for notification preferences, with each option showing a bold label and a helper description on divided rows.","s":"21st","c":"inputs/checkbox","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-checkbox-group-8/default/preview.1787135213906-3668b459-3453-4659-8c47-0ec9ee1b2d3d.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-collapsible-15","t":"V collapsible 15","d":"A privacy policy card with expandable accordion sections where only one panel opens at a time.","s":"21st","c":"data-display/accordion","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-collapsible-15/default/preview.1787131401117-8ed5ac12-9fb8-4794-a10f-03e2774f0d6b.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-collapsible-3","t":"V collapsible 3","d":"A card containing a collapsible FAQ item that smoothly expands and collapses its answer when the header is clicked.","s":"21st","c":"data-display/accordion","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-collapsible-3/default/preview.1787124621251-274ea0ce-3204-4eef-bdd8-a57727fc8d65.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-collapsible-4","t":"V collapsible 4","d":"A billing usage card with a progress bar that expands via a floating bottom-center trigger to reveal a detailed cost breakdown.","s":"21st","c":"data-display/accordion","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-collapsible-4/default/preview.1787192555132-6c4a254f-4de9-41d4-96f8-cfb4d817ef06.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-collapsible-5","t":"V collapsible 5","d":"A pricing card with a collapsible section that reveals advanced input fields such as tax rate and discount.","s":"21st","c":"data-display/accordion","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-collapsible-5/default/preview.1787127174771-47529777-96b5-426f-9241-036be0f955e4.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-collapsible-7","t":"V collapsible 7","d":"A collapsible file tree explorer that shows nested folders and files with per-file hover actions like download and delete.","s":"21st","c":"data-display/accordion","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-collapsible-7/default/preview.1787117080898-df78aa37-bd18-4a85-8377-88d50ca68ba9.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-collapsible-9","t":"V collapsible 9","d":"A collapsible list of CI/CD build steps with status badges and expandable, color-coded log output.","s":"21st","c":"data-display/accordion","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-collapsible-9/default/preview.1787120237356-0d3def61-533d-41b6-b039-7bd7f65731fe.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-combobox-10","t":"V combobox 10","d":"A searchable country combobox with an outline trigger button, popup search input with icon, empty state, and scrollable list.","s":"21st","c":"inputs/combobox","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-combobox-10/default/preview.1788461378884-5c7a2f28-aff8-474a-b0ee-0d792dd7d18a.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-combobox-13","t":"V combobox 13","d":"A form field with a multi-select combobox that renders selected values as removable chips, filters options as you type, and validates on submit.","s":"21st","c":"inputs/combobox","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-combobox-13/default/preview.1788463278336-32ea2a98-ca0f-4200-a880-ff62424ff6e1.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-context-menu-14","t":"V context menu 14","d":"Social feed cards with a right-click context menu to upvote, downvote, reply, and report posts with a nested report submenu.","s":"21st","c":"overlays/context-menu","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-context-menu-14/default/preview.1785520359514-8d8b9227-055f-4e08-ba2a-01ec96691f39.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-context-menu-2","t":"V context menu 2","d":"A right-click context menu with grouped items, keyboard shortcuts, a nested submenu, and a destructive action, built on Base UI.","s":"21st","c":"overlays/context-menu","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-context-menu-2/default/preview.1785518563027-596d7097-21c4-48fb-80b6-91d2de9f04b4.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-dialog-9","t":"V dialog 9","d":"An edit-profile dialog with an avatar, name, email and bio fields opened from an ellipsis menu button, built on Base UI primitives.","s":"21st","c":"overlays/dialog","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-dialog-9/default/preview.1787097029933-1d4eb361-497f-49a3-8adb-febb47aa1dba.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-drawer-15","t":"V drawer 15","d":"A bottom drawer that reveals a 4-column grid of quick action buttons (edit, share, download, delete and more) with a destructive variant and a cancel footer.","s":"21st","c":"overlays/sheet","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-drawer-15/default/preview.1787107901421-84fefe7c-663b-4bd0-8fb1-152861941a06.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-field-10","t":"V field 10","d":"A form field that pairs a label, a multiline textarea, and a helper description for collecting longer free-text input such as a bio.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-field-10/default/preview.1788456565961-8f7cee62-2f38-47bc-ac3c-96cb24865edd.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-field-11","t":"V field 11","d":"A labeled form field pairing a select dropdown with a helper description, shown here as a country picker.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-field-11/default/preview.1787153827161-385eabb2-5cb3-405b-8a10-b03603d30552.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-field-13","t":"V field 13","d":"A form field that groups multiple selectable checkboxes under a legend, with a default selection.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-field-13/default/preview.1787156549100-313a4a32-d88a-4aa1-962a-8ecdc8986509.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-field-14","t":"V field 14","d":"A radio group form field with a fieldset legend, selectable options, and a helper description for choosing a plan.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-field-14/default/preview.1787159631116-d2332a33-c28b-40c2-acfe-a55450488a64.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-field-15","t":"V field 15","d":"A form field that pairs a label and helper description with a range slider control for selecting a value.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-field-15/default/preview.1787159820778-a843eb5c-780c-4691-9215-0d3fdaa03ccb.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-field-17","t":"V field 17","d":"A complete sign-up form combining text inputs, a role select, and a newsletter checkbox with inline validation and a loading submit button.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-field-17/default/preview.1787163735512-ca15f99a-6404-4982-be03-b1cc548872b2.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-field-18","t":"V field 18","d":"A form field row pairing a label and description with a switch toggle, ideal for settings and preference toggles.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-field-18/default/preview.1787165296390-ffa40cd8-981b-4a32-a191-3cca9d660036.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-field-19","t":"V field 19","d":"A form field with a label, native date input, helper description, and validation error message.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-field-19/default/preview.1787166348137-3f187f1c-00e2-4b62-8ccd-7f8161f91f0d.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-field-20","t":"V field 20","d":"A form field with a six-digit one-time passcode (OTP) input, separator, helper description and validation error message for verification flows.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-field-20/default/preview.1787167274402-86b63fd8-24d2-4ab2-919d-eb3f89b02212.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-field-21","t":"V field 21","d":"A form field for uploading a file such as a resume or document, with an upload label, helper description, and validation error message.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-field-21/default/preview.1787168233005-fd95129e-a535-483d-af85-34f7a42aba91.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-field-7","t":"V field 7","d":"A form field with an autocomplete search input that filters a list of options as you type and shows an empty state when nothing matches.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-field-7/default/preview.1787169984053-0e86a630-2105-43b4-a2df-cb1895404f99.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-fieldset-10","t":"V fieldset 10","d":"A form fieldset block that groups social profile inputs (GitHub, X, website) under a legend, with labels, prefix addon inputs, helper description and a validation error message.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-fieldset-10/default/preview.1787159654004-ca7c16ee-b687-4497-8445-57e6c9da42eb.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-fieldset-6","t":"V fieldset 6","d":"A payment information fieldset grouping cardholder name, card number, expiry date, and CVC inputs with a legend, labels, and inline validation errors.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-fieldset-6/default/preview.1787153072067-c8978e0e-51a3-402d-8d1b-72697f2043e6.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-fieldset-7","t":"V fieldset 7","d":"A form fieldset that groups account settings fields — display name, username with prefix, and timezone select — under a legend with a save button.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-fieldset-7/default/preview.1787153964906-30ad938f-9047-4c58-8e70-d605fe7be615.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-fieldset-8","t":"V fieldset 8","d":"A grouped form fieldset with a legend and labeled inputs for collecting a team member's first name, last name, work email, and job title.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-fieldset-8/default/preview.1787155108145-f4876a54-8b58-4896-96d0-37a00060309c.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-fieldset-9","t":"V fieldset 9","d":"A grouped support-request form fieldset with a legend, labeled subject, description and email fields, and helper text.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-fieldset-9/default/preview.1787157931653-f7d94208-b148-4d1b-99cf-7447b54f0ea1.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-form-11","t":"V form 11","d":"A forgot-password form that collects an email address and shows a confirmation state after sending a password reset link.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-form-11/default/preview.1787159893540-a832fd58-7162-44f5-87b9-5a25436dc560.png","pc":"cnippet-dev","sb":"Whole forms"},{"id":"21st:cnippet-dev__v-form-12","t":"V form 12","d":"A danger-zone account deletion form that requires the user to type a confirmation phrase before the destructive submit button becomes enabled.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-form-12/default/preview.1787160660564-76918de1-4bd7-4f89-a1d8-bc70c8c6ff4d.png","pc":"cnippet-dev","sb":"Whole forms"},{"id":"21st:cnippet-dev__v-form-13","t":"V form 13","d":"An invite team member form with an email field, a role select, and submit/cancel actions with a loading and sent confirmation state.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-form-13/default/preview.1787163762392-889a711e-c7de-4a2b-9d08-ab7c05e1b42d.png","pc":"cnippet-dev","sb":"Whole forms"},{"id":"21st:cnippet-dev__v-form-6","t":"V form 6","d":"A change-password card with current, new, and confirm password fields, inline validation, and a loading submit button.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-form-6/default/preview.1787153045966-b07d6f14-13ea-49dc-a87f-4676af802cb9.png","pc":"cnippet-dev","sb":"Whole forms"},{"id":"21st:cnippet-dev__v-form-7","t":"V form 7","d":"A newsletter signup card with first/last name and email fields, a weekly-digest checkbox, a loading submit button, and a success confirmation state.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-form-7/default/preview.1787154187295-8d70e11c-3a95-4f27-acac-ad8d11be69fc.png","pc":"cnippet-dev","sb":"Whole forms"},{"id":"21st:cnippet-dev__v-form-8","t":"V form 8","d":"A three-step onboarding wizard form with account details, plan selection with a newsletter opt-in, a review summary, and a success confirmation state.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-form-8/default/preview.1787155234837-765d2c50-9671-475d-9352-d9b651b87e45.png","pc":"cnippet-dev","sb":"Whole forms"},{"id":"21st:cnippet-dev__v-form-9","t":"V form 9","d":"A sign up / register form with email, password, confirm password, terms checkbox and a loading submit button, built on Base UI form fields with validation.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-form-9/default/preview.1787157837318-68b7dfbd-d61b-4476-85a0-78f30f6d170c.png","pc":"cnippet-dev","sb":"Whole forms"},{"id":"21st:cnippet-dev__v-group-11","t":"V group 11","d":"A grouped message-composer input with an attach-file button and a voice-mode icon button that shows a tooltip, built by composing button, input-group and tooltip primitives.","s":"21st","c":"other","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet-dev/v-group-11/default/preview.1789977496466-e318472b-a8d6-4449-bb7d-cbbe9d7622eb.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-group-13","t":"V group 13","d":"A grouped payment amount input combining a currency select, a number field, and a submit button into one visually joined control.","s":"21st","c":"other","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet-dev/v-group-13/default/preview.1789970583395-2090199e-14b4-46b9-bc4d-f70fe24b7f45.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-group-15","t":"V group 15","d":"A grouped pair of buttons letting a user mark content as helpful or not helpful, with live vote counts shown as badges.","s":"21st","c":"other","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet-dev/v-group-15/default/preview.1789968944544-d9ad6932-d95b-44fa-9653-2cad0736e3bf.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-group-16","t":"V group 16","d":"A grouped set of icon buttons for media playback controls (previous, play/pause, next) with connected borders and separators.","s":"21st","c":"other","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet-dev/v-group-16/default/preview.1789977534617-1e5d17e6-d504-42b7-a819-120c7df43e04.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-group-17","t":"V group 17","d":"A grouped input control that combines two number fields with labels and separators into one bordered unit, used for entering a min/max price range with an apply button.","s":"21st","c":"other","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet-dev/v-group-17/default/preview.1789963279210-2ec5b3b4-ef3b-4129-b531-a77f650e0a67.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-group-18","t":"V group 18","d":"A compound search bar that combines a category dropdown select, a text search input, and a search icon button inside one visually joined control group.","s":"21st","c":"other","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet-dev/v-group-18/default/preview.1789977555110-b8b8c8c6-8945-4f33-831e-f32847a57499.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-group-7","t":"V group 7","s":"21st","c":"other","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet-dev/v-group-7/default/preview.1789972951938-e8331251-2aae-4a23-ad0a-0ea59be5d324.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-label-11","t":"V label 11","d":"An input field with a label that displays a keyboard shortcut hint, ideal for quick-search and command inputs.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-label-11/default/preview.1787159720903-8e7e320c-a4bb-4043-80d3-65d8e7a8df8f.png","pc":"cnippet-dev","sb":"Animated fields"},{"id":"21st:cnippet-dev__v-label-12","t":"V label 12","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-label-12/default/preview.1787165242059-bfaa2528-3f65-46b5-ac02-82ce11d5548b.png","pc":"cnippet-dev","sb":"Animated fields"},{"id":"21st:cnippet-dev__v-label-13","t":"V label 13","d":"A form field with a label that shows an icon before its text, paired with an accessible input.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-label-13/default/preview.1787166350037-b812dc91-7110-4e27-9fa4-56905ca32db8.png","pc":"cnippet-dev","sb":"Animated fields"},{"id":"21st:cnippet-dev__v-label-14","t":"V label 14","d":"A form layout with right-aligned labels placed inline beside their inputs in a two-column horizontal grid.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-label-14/default/preview.1787160487063-2f3bdb1d-9790-4b36-8949-75711e215a4d.png","pc":"cnippet-dev","sb":"Animated fields"},{"id":"21st:cnippet-dev__v-label-15","t":"V label 15","d":"A labeled email input with a required marker and inline validation error message shown when the value is invalid.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-label-15/default/preview.1787161819293-e1478252-21f7-47fe-95d8-aad2eed1df7b.png","pc":"cnippet-dev","sb":"Animated fields"},{"id":"21st:cnippet-dev__v-label-7","t":"V label 7","d":"A form field pairing an input with a label that carries a status badge, for showing state like active, verified, or beta next to a field.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-label-7/default/preview.1787153668862-eea148b9-e60c-4968-937e-1db67d09d16c.png","pc":"cnippet-dev","sb":"Animated fields"},{"id":"21st:cnippet-dev__v-label-8","t":"V label 8","d":"A form field label that shows a live character count for its textarea, updating as the user types.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-label-8/default/preview.1787154872364-55ae4bfa-0139-4029-84ed-feeacfce655c.png","pc":"cnippet-dev","sb":"Animated fields"},{"id":"21st:cnippet-dev__v-label-9","t":"V label 9","d":"A form field with a label, a helper description line, and an input for entering values such as an API key.","s":"21st","c":"inputs/form-field","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-label-9/default/preview.1787156368260-532a5e86-8fbc-474e-bf44-f34fe6b58b23.png","pc":"cnippet-dev","sb":"Animated fields"},{"id":"21st:cnippet-dev__v-menu-12","t":"V menu 12","d":"A dropdown menu of file actions — rename, duplicate, move, download and a destructive delete — with keyboard shortcut hints.","s":"21st","c":"navigation/menu","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-menu-12/default/preview.1785511558410-c412640a-f513-4341-ba7a-f8b9d5c8f296.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-menu-15","t":"V menu 15","d":"A dropdown menu triggered by a Share button, with a copy-link item and a nested Export submenu for choosing formats like PDF, PNG, SVG, or CSV.","s":"21st","c":"navigation/menu","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-menu-15/default/preview.1785507848957-3d863e8a-91ae-491c-9a51-123e4287fb8a.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-meter-6","t":"V meter 6","d":"A stacked list of labeled meter bars that visualize skill levels as animated percentage fills.","s":"21st","c":"data-viz/gauge","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-meter-6/default/preview.1784480081717-b14e42c4-97cc-42b9-b98d-125465a875ed.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-meter-7","t":"V meter 7","d":"A password field with a live strength meter that scores complexity and shows a colored progress bar with a strength label.","s":"21st","c":"data-viz/gauge","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-meter-7/default/preview.1784425115979-4a8f39db-e91d-4096-9640-23efa33fca59.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-meter-8","t":"V meter 8","d":"A card that shows per-member API usage as labeled meter bars against a shared plan limit.","s":"21st","c":"data-viz/gauge","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-meter-8/default/preview.1784434388627-8229d2a5-7ffc-4a02-8b92-edc023063ce7.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-select-11","t":"V select 11","d":"A select dropdown that groups active options and shows disabled, non-selectable items marked as coming soon, separated by a divider.","s":"21st","c":"inputs/select","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-select-11/default/preview.1788463278348-fea87874-8dad-43dc-a9c1-789a3df997f5.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-select-13","t":"V select 13","d":"A controlled select for choosing a priority level that shows the current selection as a colored badge next to the dropdown.","s":"21st","c":"inputs/select","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-select-13/default/preview.1787191049873-195f65bd-461c-43b8-bae0-d3738583e678.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-select-2","t":"V select 2","d":"A dropdown select built on Base UI, shown in small, default, and large trigger sizes for choosing a plan.","s":"21st","c":"inputs/select","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-select-2/default/preview.1788457541010-6b36fc36-3adf-40b6-a36c-bc998146d20e.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-select-6","t":"V select 6","d":"A currency picker select dropdown that lists currencies with their symbol, name, and ISO code, built on Base UI.","s":"21st","c":"inputs/select","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-select-6/default/preview.1787177529244-74b3ac24-2260-456f-aa96-f5b4af3c1e4b.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-select-7","t":"V select 7","d":"A labeled select dropdown with helper text and a save button for choosing a notification frequency inside a settings form.","s":"21st","c":"inputs/select","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-select-7/default/preview.1787178312584-5ce2a77e-49f9-4150-a35b-37cca5b13e9f.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-sheet-1","t":"V sheet 1","d":"A slide-out sheet panel containing a profile edit form with labeled inputs, a header description, and footer save/cancel actions.","s":"21st","c":"overlays/sheet","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-sheet-1/default/preview.1788470846802-f965d155-2bf2-415e-8871-c49d9f5a9085.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-sheet-14","t":"V sheet 14","d":"A slide-out sheet panel that lists categorized keyboard shortcuts, each rendered with monospace key badges and section separators.","s":"21st","c":"overlays/sheet","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-sheet-14/default/preview.1788473660087-d2f9080a-26c4-499a-9771-62740a37ecec.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-sheet-7","t":"V sheet 7","d":"A slide-out sheet for inviting team members by email with role selection and a live pending-invites list.","s":"21st","c":"overlays/sheet","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-sheet-7/default/preview.1788470846964-1fbe4e93-ba40-47fa-8022-de01ae1c1396.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-skeleton-10","t":"V skeleton 10","d":"Animated loading skeleton placeholder for a settings page with a header, action button, tab row, and grouped toggle/list rows.","s":"21st","c":"status/skeleton","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-skeleton-10/default/preview.1784447656535-b8cb3ea2-68fd-4fb4-b509-1805d79057c2.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-skeleton-11","t":"V skeleton 11","d":"Loading placeholder skeleton for a product grid showing image, title, star rating and price cards.","s":"21st","c":"status/skeleton","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-skeleton-11/default/preview.1784471608745-836cb41f-baa3-4c85-9b93-b3fe04da32d1.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-skeleton-12","t":"V skeleton 12","d":"Animated shimmer skeleton placeholder for a form layout with labeled input fields, a textarea, and action buttons.","s":"21st","c":"status/skeleton","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-skeleton-12/default/preview.1784472758221-e199ed80-99f6-4314-a658-3af5714c53fa.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-skeleton-13","t":"V skeleton 13","d":"A loading placeholder skeleton for an email inbox list with avatars, subject lines, and unread indicators.","s":"21st","c":"status/skeleton","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-skeleton-13/default/preview.1784417489858-4ca3671a-a663-4389-96f0-d73009b374a4.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-skeleton-4","t":"V skeleton 4","d":"A loading skeleton placeholder that shows a row of three dashboard stat cards while data is fetching.","s":"21st","c":"status/skeleton","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-skeleton-4/default/preview.1784415373038-dc648323-3396-440b-9171-90970dc1c477.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-skeleton-7","t":"V skeleton 7","d":"A loading placeholder that mirrors a data table layout, with header, avatar rows, badges and pagination shimmer.","s":"21st","c":"status/skeleton","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-skeleton-7/default/preview.1784453646609-885c6c92-ea17-426f-a4b2-6ae625527dbe.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-skeleton-8","t":"V skeleton 8","d":"Loading placeholder that mirrors a sidebar dashboard layout with a nav rail, header actions, stat cards, and list rows.","s":"21st","c":"status/skeleton","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-skeleton-8/default/preview.1784439893359-5094b498-d046-4fbe-8fa8-d4dd83961d78.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-skeleton-9","t":"V skeleton 9","d":"A chat conversation loading placeholder with avatar, message bubbles, and input bar built from shimmer skeletons.","s":"21st","c":"status/skeleton","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-skeleton-9/default/preview.1784427920232-048eb3a8-1a12-4061-a82d-8d0df8359776.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-slider-11","t":"V slider 11","d":"A volume slider with a mute toggle button and a live value readout that switches icons based on level.","s":"21st","c":"inputs/slider","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-slider-11/default/preview.1787111927970-59251eb3-df04-4631-909a-2d335436ae46.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-spinner-14","t":"V spinner 14","d":"A sign-in form with email and password fields whose submit button shows an inline loading spinner while signing in and a success state when done.","s":"21st","c":"status/loader","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-spinner-14/default/preview.1784386420781-1847a16f-2f51-4b21-b919-aab9b3538983.png","pc":"cnippet-dev","sb":"Spinners"},{"id":"21st:cnippet-dev__v-spinner-6","t":"V spinner 6","d":"A centered card showing a spinner with a title and helper text for an in-progress loading or setup state.","s":"21st","c":"status/loader","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-spinner-6/default/preview.1784445207111-99e97198-3456-4f9a-a465-5a7ac898bba3.png","pc":"cnippet-dev","sb":"Spinners"},{"id":"21st:cnippet-dev__v-spinner-7","t":"V spinner 7","d":"Inline loading text paired with a spinner to show multiple status states like checking, connected and reconnecting.","s":"21st","c":"status/loader","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-spinner-7/default/preview.1784427946546-48f839c3-0c67-4e84-9338-f117dbe8edf0.png","pc":"cnippet-dev","sb":"Spinners"},{"id":"21st:cnippet-dev__v-switch-8","t":"V switch 8","d":"A responsive two-column grid of feature toggle cards, each with an icon, title, description, and a switch for enabling or disabling settings.","s":"21st","c":"actions/switch","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-switch-8/default/preview.1785168116094-5f5ee32f-f9e9-436e-91e1-0f1d49365042.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-table-12","t":"V table 12","d":"Invoice history table with color-coded status badges, per-row actions, and an outstanding-total footer.","s":"21st","c":"data-display/table","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-table-12/default/preview.1785134649498-36884ba2-8d6a-4b61-9786-539ee9cf23ad.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-table-3","t":"V table 3","d":"A data table rendered inside a rounded card frame, with status badges and a totals footer row.","s":"21st","c":"data-display/table","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-table-3/default/preview.1785135502835-124a9aef-81ce-4c1a-8365-18b542b6eb5a.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-table-6","t":"V table 6","d":"A team members table showing avatars, names, emails, roles, and status with colored badges.","s":"21st","c":"data-display/table","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-table-6/default/preview.1785135810405-98114e13-3fa4-479d-b4ec-ff4fe7da01f2.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-tabs-13","t":"V tabs 13","d":"A settings panel with vertical underline tabs for switching between profile, security, notifications, and integrations sections.","s":"21st","c":"navigation/tabs","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-tabs-13/default/preview.1787127980766-7907fe04-951f-4112-8008-570e3ae6f65c.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-tabs-2","t":"V tabs 2","d":"A tabs component with an animated underline indicator for switching between content panels.","s":"21st","c":"navigation/tabs","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-tabs-2/default/preview.1787132059394-a3a0aa46-90dc-41cd-bdc8-0635a44311df.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-tabs-6","t":"V tabs 6","d":"A tabbed settings card with underline-style tabs for switching between account, password, and preference forms.","s":"21st","c":"navigation/tabs","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-tabs-6/default/preview.1787128239564-67a16ae7-b04e-4181-9def-d3af3ba2b278.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-textarea-10","t":"V textarea 10","d":"A support ticket form with selectable category chips, a message textarea with character count, a loading submit button, and a submitted confirmation state.","s":"21st","c":"inputs/textarea","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-textarea-10/default/preview.1786680504147-f7d02f71-1444-4bbc-b128-9fef749280f3.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-textarea-6","t":"V textarea 6","d":"An auto-resizing textarea with a live character counter that changes color as you approach and reach the limit.","s":"21st","c":"inputs/textarea","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-textarea-6/default/preview.1785538534288-e6473583-e916-4f8d-a83f-d8a2b38f1bda.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-toast-15","t":"V toast 15","d":"A toast that reminds users of unsaved edits with inline save and discard actions.","s":"21st","c":"overlays/toast","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-toast-15/default/preview.1786660911905-6ed43a53-bf9b-4b6d-97f6-fb31368d71c3.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-toggle-10","t":"V toggle 10","d":"Role filter chips built from toggle buttons, each with a count badge and a live running total of matching results.","s":"21st","c":"actions/switch","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-toggle-10/default/preview.1785464988753-9b6ec5e3-892f-4c68-86b6-2889d926f506.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-toggle-11","t":"V toggle 11","d":"A list of article rows where each row has a bookmark toggle button, with a live count of how many items are saved.","s":"21st","c":"actions/switch","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-toggle-11/default/preview.1785464949841-d69820e2-b53a-4391-bed7-a3a73338a10d.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-toggle-14","t":"V toggle 14","d":"A vertical list of server setting rows with toggle buttons that swap their icon and status color when switched on or off.","s":"21st","c":"actions/switch","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-toggle-14/default/preview.1786675072167-7e68c587-df52-4bbb-9379-e4dfbf0ace6e.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-toggle-15","t":"V toggle 15","d":"A task list where each item has a completion toggle and per-task priority flag toggles.","s":"21st","c":"actions/switch","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-toggle-15/default/preview.1786674683716-d2c7cd5e-d814-44d0-890c-10c5bfb3af78.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-toggle-2","t":"V toggle 2","d":"Toggle buttons with an outline variant for toggling text formatting options like bold and italic.","s":"21st","c":"actions/switch","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-toggle-2/default/preview.1786674664960-91aae228-d4b0-47bc-9cd6-a4a23ee762be.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-toggle-9","t":"V toggle 9","d":"A video call control bar with mic, camera, and screen-share toggles that swap icons and turn red when disabled, plus a leave-call button and an animated in-call status indicator.","s":"21st","c":"actions/switch","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-toggle-9/default/preview.1785464969857-7ccdfbe0-956c-4ca5-86c9-c988b49552a1.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-toggle-group-3","t":"V toggle group 3","d":"A pre-composed toggle group with outlined, connected buttons for bold, italic and underline text-formatting controls.","s":"21st","c":"actions/switch","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-toggle-group-3/default/preview.1786673339696-aa03dbdc-a4b0-4929-860b-b4691cba0be7.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-toggle-group-4","t":"V toggle group 4","d":"A vertically oriented toggle group with outline variant for text formatting controls like bold, italic and underline.","s":"21st","c":"actions/switch","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-toggle-group-4/default/preview.1786673294231-6cc588ba-ff7b-4243-a914-bf8865004930.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-toggle-group-7","t":"V toggle group 7","d":"A segmented toggle group for switching between list, grid, and kanban view modes.","s":"21st","c":"actions/switch","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-toggle-group-7/default/preview.1786673322533-6f4b5f98-bd6b-495c-ba58-5cfc0afc844c.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-toolbar-3","t":"V toolbar 3","d":"An image editor toolbar with grouped transform, zoom, adjustment, and export actions using tooltips.","s":"21st","c":"navigation/menu","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-toolbar-3/default/preview.1784764724689-3ac1515e-4ee5-41d9-9992-65fe35942577.png","pc":"cnippet-dev","sb":"Menubars"},{"id":"21st:cnippet-dev__v-toolbar-8","t":"V toolbar 8","d":"A compact canvas toolbar with light/dark theme toggle, zoom in/out controls with a live percentage readout, and a reset action, each with tooltips.","s":"21st","c":"navigation/menu","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-toolbar-8/default/preview.1784757264576-ae462dbe-1df9-4295-93c8-92ba6356bd41.png","pc":"cnippet-dev","sb":"Menubars"},{"id":"21st:cnippet-dev__v-tooltip-11","t":"V tooltip 11","d":"A compact credentials card that copies API keys, endpoints, and webhook URLs to the clipboard, each row using a tooltip that confirms when the value was copied.","s":"21st","c":"overlays/tooltip","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-tooltip-11/default/preview.1785464710034-194dc42d-b163-4046-b784-80c382e2a053.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-tooltip-12","t":"V tooltip 12","d":"A tooltip toolbar of icon buttons where locked Pro features show a rich tooltip with a Pro badge, description, and upgrade link.","s":"21st","c":"overlays/tooltip","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-tooltip-12/default/preview.1785464551345-b5f9d3c5-6975-405b-b6ba-ee72367bcff4.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-tooltip-13","t":"V tooltip 13","d":"A vertical form with labeled inputs where each field label has an info icon that reveals validation hints in a tooltip on hover.","s":"21st","c":"overlays/tooltip","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-tooltip-13/default/preview.1786675879940-21ce640b-6906-4258-aa3c-73c08b67f859.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__v-tooltip-7","t":"V tooltip 7","d":"A compact text-formatting toolbar of icon buttons that reveal tooltips showing each action's keyboard shortcut on hover.","s":"21st","c":"overlays/tooltip","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/v-tooltip-7/default/preview.1785489890247-bdc398ed-aef7-4d0e-a8fb-ca2cbe810455.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__vercep-feature-1","t":"Vercep feature 1","k":"section","s":"21st","c":"marketing/features","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/vercep-feature-1/default/preview.1773258380883.png","pc":"cnippet-dev"},{"id":"21st:cnippet-dev__vertical-cut-reveal","t":"Vertical cut reveal","d":"Animated text that reveals each character, word, or line with a vertical clip-path wipe and configurable stagger.","s":"21st","c":"motion/text-effect","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/vertical-cut-reveal/default/preview.1783589957618.png","pc":"cnippet-dev","sb":"Reveal and entrance"},{"id":"21st:cnippet-dev__zoom-level-toggle-group","t":"Zoom level toggle group","d":"A toggle group for selecting a zoom percentage that scales a live content preview in real time.","s":"21st","c":"actions/switch","a":"cnippet-dev","pl":"https://cdn.21st.dev/cnippet.dev/zoom-level-toggle-group/default/preview.1786673494133-aa5993bd-99bb-4f65-89fc-a8eb6159dbc4.png","pc":"cnippet-dev"},{"id":"21st:codeweb-dev__animated-gradient","t":"Animated gradient","d":"A WebGL-powered animated background with mist, lava, and vortex shader effects that create smooth, silk-like flowing gradients behind page content.","k":"motion","s":"21st","c":"motion/gradient","a":"codeweb-dev","pl":"https://cdn.21st.dev/codeweb-dev/animated-gradient/default/preview.1790806829084-7309860e-59dc-4796-b711-127744f27cb0.png","pc":"codeweb-dev"},{"id":"21st:codeweb-dev__ghost-ether","t":"Ghost ether","d":"An interactive WebGL fluid simulation background that swirls with mist-like color trails, reacting to mouse and touch movement.","s":"21st","c":"other","a":"codeweb-dev","pl":"https://cdn.21st.dev/codeweb-dev/ghost-ether/default/preview.1790806848021-c154b66e-6a90-48b2-b3a3-67e21512fb93.png","pc":"codeweb-dev"},{"id":"21st:codeweb-dev__image-trail","t":"Image trail","d":"A mouse-tracking image trail that spawns framed thumbnails with momentum, captions, and customizable frame styles as the cursor moves.","s":"21st","c":"media/gallery","a":"codeweb-dev","pl":"https://cdn.21st.dev/codeweb-dev/image-trail/default/preview.1790808039189-9e6e5c54-1ff4-4ceb-94a4-f38d5746f89b.png","pc":"codeweb-dev"},{"id":"21st:codeweb-dev__keyboard","t":"Keyboard","d":"A full on-screen mechanical keyboard that highlights keys as the user types and plays synthesized mechanical click sounds, with an onKeyPress callback for building keystroke-driven","s":"21st","c":"data-display/kanban","a":"codeweb-dev","pl":"https://cdn.21st.dev/codeweb-dev/keyboard/default/preview.1790808028407-1ad7a881-c1da-41b2-92b3-e2209a2cfcd8.png","pc":"codeweb-dev"},{"id":"21st:codeweb-dev__tactile-highlight","t":"Tactile highlight","d":"An animated text highlight that draws a background block behind text on scroll-into-view or hover, using mix-blend-difference for automatic light/dark contrast.","s":"21st","c":"other","a":"codeweb-dev","pl":"https://cdn.21st.dev/codeweb-dev/tactile-highlight/default/preview.1790806759742-e06b085f-49b6-4ddd-b47a-499190f1fbdd.png","pc":"codeweb-dev"},{"id":"21st:componentry__dithered-logo","t":"Dithered logo","d":"An interactive canvas component that turns any image or SVG into a dithered particle field that ripples and repels around the cursor.","k":"resource","s":"21st","c":"assets/logo","a":"componentry","pl":"https://cdn.21st.dev/componentry/dithered-logo/default/preview.1790313361304-7af6902b-151c-4bbe-ab87-362ac4f6c6b6.png","pc":"componentry"},{"id":"21st:componentry__gradient-hero-01","t":"Gradient hero 01","d":"A centered hero section with a warm cinematic gradient backdrop, a small pill badge, a bold headline, short supporting copy, and two call-to-action buttons.","k":"section","s":"21st","c":"marketing/hero","a":"componentry","pl":"https://cdn.21st.dev/componentry/gradient-hero-01/default/preview.1790269839182-fef762db-5fbe-4b58-b54f-4f2fa1d077ca.png","pc":"componentry","sb":"Animated background"},{"id":"21st:componentry__image-trail","t":"Image trail","d":"A cursor-following trail of images that fade and fly away, used as an interactive hero or background effect.","s":"21st","c":"media/gallery","a":"componentry","pl":"https://cdn.21st.dev/componentry/image-trail/default/preview.1789761256966-6be219b1-7be9-4564-b038-d5a20414bc83.png","pc":"componentry"},{"id":"21st:componentry__liquid-glass-carousel","t":"Liquid glass carousel","d":"An infinite image carousel viewed through a WebGL liquid-glass lens with chromatic rim dispersion, snap-scrolling, and a click-to-focus zoom on each photo.","s":"21st","c":"media/carousel","a":"componentry","pl":"https://cdn.21st.dev/componentry/liquid-glass-carousel/default/preview.1790338489709-86fe21d3-7ab1-49ed-8d8a-5a3a149d8ba1.png","pc":"componentry"},{"id":"21st:componentry__pixel-image-trail","t":"Pixel image trail","d":"An image reveal effect made of canvas-drawn square fragments that paint in around the cursor and fade out into a bounded pixel trail.","s":"21st","c":"media/gallery","a":"componentry","pl":"https://cdn.21st.dev/componentry/pixel-image-trail/default/preview.1790306473202-27fd79fb-5957-45f8-b69d-0c877442d8e5.png","pc":"componentry"},{"id":"21st:componentry__spectral-ribbon","t":"Spectral ribbon","d":"An animated WebGL light ribbon with rainbow spectral fringe drifting on a pure black background, used as a decorative hero or section backdrop.","k":"section","s":"21st","c":"marketing/announcement","a":"componentry","pl":"https://cdn.21st.dev/componentry/spectral-ribbon/default/preview.1789994840069-cffbc4f1-2d25-40c2-9267-b95471384ac7.png","pc":"componentry"},{"id":"21st:componentry__wheel-carousel","t":"Wheel carousel","d":"A cinematic rotating-wheel picker with inertial drag, curved fading labels, and crossfading imagery, useful for browsing a list of projects or portfolio items.","s":"21st","c":"media/carousel","a":"componentry","pl":"https://cdn.21st.dev/componentry/wheel-carousel/default/preview.1790310771941-c94a8dc9-d9d4-4a69-bf3c-ef1f3121ea69.png","pc":"componentry"},{"id":"21st:corr__area-chart","t":"Area chart","d":"A styled area chart for visualizing trends over time with filled gradients, patterned fills, a zoom brush, selectable series, and a shimmering loading state.","s":"21st","c":"data-viz/chart","a":"corr","pl":"https://cdn.21st.dev/corr/area-chart/default/preview.1790168145393-977a6a6a-8f64-43db-bf0e-90766b21b3ed.png","pc":"corr","sb":"Area"},{"id":"21st:corr__audit-log","t":"Audit log","d":"A timestamped activity log that lists product and registry events with actor, type and status tags, per-row context menu actions, and optional field filters.","s":"21st","c":"other","a":"corr","pl":"https://cdn.21st.dev/corr/audit-log/default/preview.1787190208435-bada1e39-cde7-423a-91de-e5778ee577a6.png","pc":"corr"},{"id":"21st:corr__key-value-list","t":"Key value list","d":"A definition-list component that displays label/value pairs with optional descriptions for metadata and payload details.","s":"21st","c":"data-display/list","a":"corr","pl":"https://cdn.21st.dev/corr/key-value-list/default/preview.1787189617848-bb669db1-507e-4735-98b1-cb353d268401.png","pc":"corr"},{"id":"21st:corr__pie-chart","t":"Pie chart","d":"A donut-capable pie chart for visualizing parts of a whole, with interactive legends, tooltips, loading states, and glow effects on selected sectors.","s":"21st","c":"data-viz/chart","a":"corr","pl":"https://cdn.21st.dev/corr/pie-chart/default/preview.1790065862943-0e3bffba-2895-4b7b-bc27-a6f620654df8.png","pc":"corr","sb":"Pie, donut and radial"},{"id":"21st:corr__stepper","t":"Stepper","d":"A horizontal or vertical step indicator that shows progress through install, publish, or multi-step form flows.","s":"21st","c":"navigation/wizard-steps","a":"corr","pl":"https://cdn.21st.dev/corr/stepper/default/preview.1789988654749-0893ec09-b0ac-420d-be3a-3b7111baa958.png","pc":"corr"},{"id":"21st:coss.com__async-autocomplete","t":"Async autocomplete","d":"An autocomplete search input that asynchronously loads matching items and shows loading, empty-result, and error states while the user types.","s":"21st","c":"inputs/combobox","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/async-autocomplete/default/preview.1789983008895-8bf12f65-777e-4c39-9f63-93f5ed4274d3.png","pc":"coss.com"},{"id":"21st:coss.com__loading-button-spinner","t":"Loading button spinner","s":"21st","c":"status/loader","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/loading-button-spinner/default/preview.1789996099226-322f17b3-aa3d-42dd-b502-be51281431b8.png","pc":"coss.com","sb":"Spinners"},{"id":"21st:coss.com__number-field","t":"Number field","d":"A stepper input for entering and adjusting numeric values with increment/decrement buttons, keyboard support, and optional drag-to-scrub interaction.","s":"21st","c":"inputs/number-input","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/number-field/default/preview.1789956912343-241eb51d-2fba-4942-9103-647ff724278a.png","pc":"coss.com"},{"id":"21st:coss.com__otp-field-separator","t":"Otp field separator","d":"A one-time-password verification input split into two grouped sets of digit boxes divided by a small visual separator.","s":"21st","c":"inputs/form-field","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/otp-field-separator/default/preview.1790058348760-65728283-c81e-4bc1-b931-de6b6ea7e931.png","pc":"coss.com"},{"id":"21st:coss.com__p-breadcrumb-4","t":"P breadcrumb 4","d":"A breadcrumb trail that collapses intermediate pages into a folder-icon dropdown menu instead of showing every crumb.","s":"21st","c":"navigation/breadcrumb","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-breadcrumb-4/default/preview.1790053986625-61b1339a-07d9-4e77-80e0-90bbac7780a5.png","pc":"coss.com"},{"id":"21st:coss.com__p-breadcrumb-7","t":"P breadcrumb 7","d":"A breadcrumb trail whose last segment is a select dropdown, letting users switch between sibling items (like databases or workspaces) without leaving the current page.","s":"21st","c":"navigation/breadcrumb","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-breadcrumb-7/default/preview.1790058318473-789680fa-696a-4ea9-b5d5-62998c98456b.png","pc":"coss.com"},{"id":"21st:coss.com__p-calendar-17","t":"P calendar 17","d":"A date picker that pairs a calendar grid with a synced text date-input field, so users can either click a day or type a date directly.","s":"21st","c":"data-display/calendar","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-calendar-17/default/preview.1790009325578-07b13f01-9b47-4c2e-8ab5-eb1a5e30952d.png","pc":"coss.com"},{"id":"21st:coss.com__p-calendar-25","t":"P calendar 25","d":"A date picker calendar paired with a 24-hour time autocomplete input for selecting a full date and time.","s":"21st","c":"data-display/calendar","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-calendar-25/default/preview.1790008274931-694dc8da-1f20-494a-8e10-668d3a464b2c.png","pc":"coss.com"},{"id":"21st:coss.com__p-calendar-7","t":"P calendar 7","d":"A range date picker calendar that disables past dates, weekends, and selected date ranges so users can't pick unavailable days.","s":"21st","c":"data-display/calendar","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-calendar-7/default/preview.1790009959780-f6fc63b0-e6b9-4f9e-99d0-d228956382f0.png","pc":"coss.com"},{"id":"21st:coss.com__p-combobox-20","t":"P combobox 20","d":"A multi-select combobox that adds picked team members as a divided, chip-styled list below the input with per-row badges and a remove button.","s":"21st","c":"inputs/combobox","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-combobox-20/default/preview.1790013136469-b75e3e89-4556-47fa-915d-fab1e7b4f82e.png","pc":"coss.com"},{"id":"21st:coss.com__p-group-15","t":"P group 15","d":"A grouped search bar that combines a protocol select, a URL text input, and a subdomain select with a search button into one visually joined control.","s":"21st","c":"other","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-group-15/default/preview.1790046688156-d4147c22-b521-4abe-a2df-23dc873ef891.png","pc":"coss.com"},{"id":"21st:coss.com__p-number-field-11","t":"P number field 11","d":"A pill-shaped numeric stepper input with increment and decrement buttons for quantity or counter fields.","s":"21st","c":"inputs/number-input","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-number-field-11/default/preview.1790083657457-2e2aa32b-0d89-4c44-b8e7-df47763b8512.png","pc":"coss.com"},{"id":"21st:coss.com__p-otp-field-10","t":"P otp field 10","d":"A one-time-password input made of individual character slots that masks each digit, for entering access codes on shared screens.","s":"21st","c":"inputs/otp-input","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-otp-field-10/default/preview.1790062301789-a303e795-d248-4d23-9349-59c79efb2760.png","pc":"coss.com"},{"id":"21st:coss.com__p-otp-field-7","t":"P otp field 7","d":"A one-time-password input with six digit slots that validates the entered code and shows an inline error or success message.","s":"21st","c":"inputs/otp-input","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-otp-field-7/default/preview.1790060791215-95294d65-19ad-4d91-af2f-30246aaaf0bb.png","pc":"coss.com"},{"id":"21st:coss.com__p-otp-field-9","t":"P otp field 9","d":"A one-time-passcode input made of individual boxes, each showing a placeholder dot until its slot is focused and filled.","s":"21st","c":"inputs/otp-input","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-otp-field-9/default/preview.1790063481556-df964f94-6210-42f2-affe-dec90c4a38e8.png","pc":"coss.com"},{"id":"21st:coss.com__p-separator-1","t":"P separator 1","d":"A small info card that uses horizontal and vertical separators to divide a title/description block from a row of inline links.","s":"21st","c":"other","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-separator-1/default/preview.1790085454723-73c2058b-de3c-4dfc-8bdd-85e4ce042472.png","pc":"coss.com"},{"id":"21st:coss.com__p-skeleton-1","t":"P skeleton 1","d":"A user list card that shows an avatar-and-follow-button skeleton placeholder while each profile's data is still loading, then swaps in the real avatar, name, role and follow button","s":"21st","c":"status/skeleton","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-skeleton-1/default/preview.1790087292530-f0307954-99d6-4bfa-9127-8a614926fbe2.png","pc":"coss.com"},{"id":"21st:coss.com__p-slider-14","t":"P slider 14","d":"A range slider paired with plus/minus buttons for stepping a numeric value up or down, like a monthly credits amount.","s":"21st","c":"inputs/slider","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-slider-14/default/preview.1790051517344-82f9ecdb-402b-4868-9dcc-bc2384edc099.png","pc":"coss.com"},{"id":"21st:coss.com__p-slider-21","t":"P slider 21","d":"A set of X/Y/Z position sliders paired with number inputs and a one-click reset button, useful for tweaking an object's 3D position or offset values.","s":"21st","c":"inputs/slider","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-slider-21/default/preview.1790052600050-dcce6302-b527-4521-b89d-96db687c426b.png","pc":"coss.com"},{"id":"21st:coss.com__p-slider-23","t":"P slider 23","d":"A range slider bound to a form field with a legend, live value display, and a submit button that reads the selected values on submission.","s":"21st","c":"inputs/slider","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-slider-23/default/preview.1790046925657-9e5581f1-bfb5-43c2-944b-fc1a41953820.png","pc":"coss.com"},{"id":"21st:coss.com__p-table-4","t":"P table 4","d":"A sortable, paginated data table for tabular records like flight schedules, built with TanStack Table for row selection, sorting, and page-size navigation.","s":"21st","c":"data-display/table","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-table-4/default/preview.1790097884658-bd8aa1b1-877e-442d-ab34-97cba9bb7066.png","pc":"coss.com"},{"id":"21st:coss.com__p-table-8","t":"P table 8","d":"A sortable, paginated data table inside a card frame for showing tabular records like flight schedules, with row selection and a results-range selector.","s":"21st","c":"data-display/table","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-table-8/default/preview.1790022293949-7de8547f-4407-480e-ac5b-346003490412.png","pc":"coss.com"},{"id":"21st:coss.com__p-tabs-9","t":"P tabs 9","d":"A tabbed navigation with an underline indicator and an icon stacked above each tab label, for switching between related content panels like Overview, Projects, and Packages.","s":"21st","c":"navigation/tabs","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-tabs-9/default/preview.1790076720910-728a4d72-b943-415d-acc9-f6be4328ac40.png","pc":"coss.com"},{"id":"21st:coss.com__p-textarea-11","t":"P textarea 11","d":"A textarea field that shows a live count of the characters remaining as the user types, up to a maximum length.","s":"21st","c":"inputs/textarea","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-textarea-11/default/preview.1790077764610-252f8a8d-1dd8-4a1d-9ac4-ad06e5cd6b42.png","pc":"coss.com"},{"id":"21st:coss.com__p-textarea-12","t":"P textarea 12","d":"A labeled textarea field with a required-field asterisk and validation error message for form inputs like a message box.","s":"21st","c":"inputs/textarea","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-textarea-12/default/preview.1790081395911-9f23a1ac-5b09-49d4-b38a-953eaaa11285.png","pc":"coss.com"},{"id":"21st:coss.com__p-textarea-15","t":"P textarea 15","d":"A message textarea with a send button aligned to the bottom-left, for chat inputs and comment boxes.","s":"21st","c":"inputs/textarea","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-textarea-15/default/preview.1790085062840-78ed455d-bf86-4e1f-8283-9e757dce46b9.png","pc":"coss.com"},{"id":"21st:coss.com__p-textarea-8","t":"P textarea 8","s":"21st","c":"inputs/textarea","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/p-textarea-8/default/preview.1790076666014-9f0eab23-59a4-40a0-956f-f28b705a1331.png","pc":"coss.com"},{"id":"21st:coss.com__tabs-count-badge","t":"Tabs count badge","d":"A tabbed navigation where each tab label shows an outlined count badge, useful for filtering lists like all/pending/completed items.","s":"21st","c":"data-display/badge","a":"coss.com","pl":"https://cdn.21st.dev/coss.com/tabs-count-badge/default/preview.1790077353880-21f64dcd-7752-4543-99f3-b5c1c2dfbd7c.png","pc":"coss.com","sb":"Counts"},{"id":"21st:crafterui__dither-helix-carousel","t":"Dither helix carousel","d":"An image carousel that arranges cards in a spinning 3D spiral column with a retro dithered/halftone shader effect on cards as they recede or lose focus.","s":"21st","c":"media/carousel","a":"crafterui","pl":"https://cdn.21st.dev/crafterui/dither-helix-carousel/default/preview.1790282876722-1d8c3c7a-e79f-4698-8d7c-7404b03d3d57.png","pc":"crafterui"},{"id":"21st:crafterui__handwritten-response","t":"Handwritten response","d":"A text component that reveals an AI answer as if it were handwritten in marker pen, with words inking in as they stream and inline markup for a highlighter swipe, a hand-drawn circ","s":"21st","c":"other","a":"crafterui","pl":"https://cdn.21st.dev/crafterui/handwritten-response/default/preview.1790282858803-f507c8dd-72a2-4406-8ef0-f90686a9b3ef.png","pc":"crafterui"},{"id":"21st:crafterui__mercury-dial","t":"Mercury dial","d":"A floating action button that bursts open into a fan of gooey liquid-metal action buttons, with each drop draggable via a stretchy metaball effect.","s":"21st","c":"inputs/slider","a":"crafterui","pl":"https://cdn.21st.dev/crafterui/mercury-dial/default/preview.1789971978357-22f26d2f-b28f-42bb-b938-b8ddea28fc39.png","pc":"crafterui"},{"id":"21st:crafterui__molten-ring-carousel","t":"Molten ring carousel","d":"A WebGL image carousel that renders each card as a liquid rounded-box shape which fuses with its neighbors and trails connecting strands as you scroll, drag, or swipe through a cur","s":"21st","c":"media/carousel","a":"crafterui","pl":"https://cdn.21st.dev/crafterui/molten-ring-carousel/default/preview.1790282893276-089d5fb9-528a-402b-a960-f879ed6c4ee9.png","pc":"crafterui"},{"id":"21st:crafterui__spine-accordion","t":"Spine accordion","d":"A gallery panel that shows projects as thin vertical spines with sideways titles, opening one into a full framed image on hover, tap, or keyboard focus while the others collapse ba","s":"21st","c":"data-display/accordion","a":"crafterui","pl":"https://cdn.21st.dev/crafterui/spine-accordion/default/preview.1790281061557-aedf5474-0b39-4bbd-9240-68bead765d88.png","pc":"crafterui"},{"id":"21st:crafterui__super-hover-list","t":"Super hover list","d":"A scrollable indexed list (like an album or file browser) whose active row and its revealed cover artwork keep following the cursor even while the list scrolls beneath a still poin","s":"21st","c":"data-display/list","a":"crafterui","pl":"https://cdn.21st.dev/crafterui/super-hover-list/default/preview.1790282892266-fd9da076-7edd-4fc5-a37a-62854b52f490.png","pc":"crafterui"},{"id":"21st:crafterui__username-reel","t":"Username reel","d":"A slot-machine style animated reel that spins through a list of names before decelerating and landing on a final username or handle, useful for hero sections on profile/link-in-bio","s":"21st","c":"other","a":"crafterui","pl":"https://cdn.21st.dev/crafterui/username-reel/default/preview.1790280635619-3d09bd39-e404-4d89-a7d0-bf12bfe44335.png","pc":"crafterui"},{"id":"21st:crafterui__works-wheel","t":"Works wheel","d":"A portfolio/project index that displays items in a ring around a title and, on scroll or drag, opens into a 3D drum carousel you turn through one item at a time.","s":"21st","c":"other","a":"crafterui","pl":"https://cdn.21st.dev/crafterui/works-wheel/default/preview.1789971959153-a3b56654-d782-4423-883d-7e027f6e4ccb.png","pc":"crafterui"},{"id":"21st:creation2224__key-math","t":"Key math","d":"Animated (flicker) ASCII art in the Matrix style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"creation2224","pl":"https://cdn.21st.dev/creation2224/key-math/default/preview.1790167844777-cad61b64-1114-4d66-a680-7d4de7bcb517.webp","pc":"creation2224","sb":"Matrix"},{"id":"21st:cubby-ui__autocomplete","t":"Autocomplete","d":"A text input that suggests matching options as the user types while still accepting free-form text, useful for search fields and tag entry.","s":"21st","c":"inputs/combobox","a":"cubby-ui","pl":"https://cdn.21st.dev/cubby-ui/autocomplete/default/preview.1789957017094-0c6b7b1f-3851-4374-8383-570a73c50eea.png","pc":"cubby-ui"},{"id":"21st:cubby-ui__copy-button","t":"Copy button","d":"A button that copies given text to the clipboard and shows an animated check/error icon confirmation, with optional toast feedback.","s":"21st","c":"actions/copy-button","a":"cubby-ui","pl":"https://cdn.21st.dev/cubby-ui/copy-button/default/preview.1789818726749-f2ef2d9b-c401-4e96-a6fc-2d3f6d1600c2.png","pc":"cubby-ui"},{"id":"21st:cubby-ui__timeline","t":"Timeline","d":"A composable timeline that displays a sequence of dated events connected by a line, usable for activity feeds, changelogs, or as a controlled step progress indicator.","s":"21st","c":"data-display/timeline","a":"cubby-ui","pl":"https://cdn.21st.dev/cubby-ui/timeline/default/preview.1789960266184-d8fcdc0d-1c82-48a8-bfde-3572fb88be97.png","pc":"cubby-ui"},{"id":"21st:cult-ui__ai-blob-warp","t":"Ai blob warp","d":"A small circular avatar that animates an organic, colorful warp/blob shader inside it, useful as an AI assistant or loading indicator icon that pulses gently and pauses when off-sc","s":"21st","c":"ai-agent/ai-agent","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/ai-blob-warp/default/preview.1790866811594-b7c6efcb-4d27-4796-bbc0-14ea0e6401b5.png","pc":"cult-ui"},{"id":"21st:cult-ui__distorted-glass","t":"Distorted glass","d":"A glass-morphism panel that uses SVG fractal-noise displacement filters to distort and blur content scrolling behind it, useful as a sticky frosted-glass header divider.","s":"21st","c":"other","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/distorted-glass/default/preview.1790059526349-6b21157b-2606-4a8d-b2ac-07639fcb5e9e.png","pc":"cult-ui"},{"id":"21st:cult-ui__folded-card","t":"Folded card","d":"A card component with a folded paper corner accent, speech-bubble chat tails, and dashed grid background, useful for template/preview galleries like chatbot or app showcase cards.","s":"21st","c":"data-display/card","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/folded-card/default/preview.1790871386896-4fb78333-1ed7-4e98-b8b9-08fa4d8ca593.png","pc":"cult-ui"},{"id":"21st:cult-ui__halo-dropzone","t":"Halo dropzone","d":"A drag-and-drop file upload zone with an animated glowing rim, frosted background, moving border trail, and file-type icon previews for images and documents.","s":"21st","c":"inputs/file-upload","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/halo-dropzone/default/preview.1790871854022-9f0d8b91-29f2-42b4-8e4f-1d304bd9adc5.png","pc":"cult-ui"},{"id":"21st:cult-ui__halo-notification","t":"Halo notification","d":"An animated status/alert notification card with a glowing gradient rim and staggered character-by-character text reveal, for use with local AnimatePresence toggling or toast system","s":"21st","c":"overlays/notifications","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/halo-notification/default/preview.1790875906070-08de8bac-4b3d-4f4a-8c9f-dba0fe475725.png","pc":"cult-ui"},{"id":"21st:cult-ui__halo-switch","t":"Halo switch","d":"A toggle switch with a spring-animated thumb, frosted translucent track, and an enlarged touch hit area for mobile-friendly settings rows.","s":"21st","c":"actions/switch","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/halo-switch/default/preview.1790879710262-2b2647de-495c-4d6d-954b-422c6e5a4376.png","pc":"cult-ui"},{"id":"21st:cult-ui__halo-toggle-group","t":"Halo toggle group","d":"A single-select segmented control with a frosted translucent track, gradient rim glow, and a spring-animated sliding thumb that follows the active option.","s":"21st","c":"actions/switch","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/halo-toggle-group/default/preview.1790883067331-04828fb3-4dab-4b3e-8006-249c1c082b5a.png","pc":"cult-ui"},{"id":"21st:cult-ui__kanban-board","t":"Kanban board","d":"A drag-and-drop kanban board column component for organizing cards into statuses like to-do, in-progress, and done.","s":"21st","c":"data-display/kanban","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/kanban-board/default/preview.1790884372431-6272038a-3a25-4120-8aa3-12591266ed11.png","pc":"cult-ui"},{"id":"21st:cult-ui__organic-card-small","t":"Organic card small","s":"21st","c":"data-display/card","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/organic-card-small/default/preview.1790887404254-869ef311-9505-47f5-83b3-85e08d3ccf58.png","pc":"cult-ui"},{"id":"21st:cult-ui__prompt-composer","t":"Prompt composer","d":"A multiline AI chat prompt input with an animated gradient border, a shader-powered avatar, staggered placeholder text, a loading state, and send/attach buttons.","s":"21st","c":"ai-agent/composer","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/prompt-composer/default/preview.1790887430223-aa5a6466-bf08-4a77-8d4d-5cf32bea3fdf.png","pc":"cult-ui"},{"id":"21st:cult-ui__svg-shapes","t":"Svg shapes","d":"A library of wide-viewBox line-art SVG shape components (polygons, architectural panels, sacred-geometry diagrams, and Platonic-solid wireframes) for hero sections and landing-page","k":"resource","s":"21st","c":"assets/shape","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/svg-shapes/default/preview.1789957920574-0ce828b9-df92-4d4b-a779-a2f03295b998.png","pc":"cult-ui"},{"id":"21st:cult-ui__tabs-illustration-vercel","t":"Tabs illustration vercel","d":"An animated feature tabs panel (text, image, video) with Vercel-style illustrations like streaming text, an animated globe wireframe, and an audio waveform visualizer, auto-cycling","k":"resource","s":"21st","c":"assets/illustration","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/tabs-illustration-vercel/default/preview.1790887391347-5a97deb5-407f-4214-b03d-638980efebcc.png","pc":"cult-ui"},{"id":"21st:cult-ui__vote-tally","t":"Vote tally","d":"A headless, compound React component for a list of items with up-vote buttons, vote counts, optional sort-by-votes, and controlled or uncontrolled state.","s":"21st","c":"other","a":"cult-ui","pl":"https://cdn.21st.dev/cult-ui/vote-tally/default/preview.1789958390588-9b87e723-f501-4f96-9d47-91aa900fb0bb.png","pc":"cult-ui"},{"id":"21st:daiwiikharihar__aether-vortex","t":"Aether vortex","d":"Interactive 3D particle vortex canvas with customizable topologies, physics simulation, and smooth parallax dynamics","k":"motion","s":"21st","c":"motion/background","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/aether-vortex/default/preview.1787977433457-4e0396e7-a6cb-4353-8848-1380e5102c1d.png","pc":"daiwiikharihar","sb":"Waves and warps"},{"id":"21st:daiwiikharihar__ai-chat-input","t":"Ai chat input","d":"Interactive AI chat input component with animated diagnostics","s":"21st","c":"ai-agent/composer","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/ai-chat-input/default/preview.1788025008529-6af34d2a-a22c-4ce0-8ff0-b8fd16a26d06.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__arc-spread-hero","t":"Arc spread hero","d":"Scroll-driven arc spread hero — 8 images fan out from a stacked deck into an inverted semicircle with pointer parallax","k":"section","s":"21st","c":"marketing/hero","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/arc-spread-hero/default/preview.1790398991163-50673ba0-a160-4a29-be71-1a96d985dae9.jpg","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__cinematic-orbit-hero","t":"Cinematic orbit hero","d":"Scroll-driven cinematic orbit hero — 8 images arranged in a 3D elliptical orbit with trigonometric depth scaling and pointer parallax","k":"section","s":"21st","c":"marketing/hero","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/cinematic-orbit-hero/default/preview.1790399386545-23de9fc9-70b7-47cb-a37e-3eaab910631f.jpg","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__harmonic-wave","t":"Harmonic wave","d":"Harmonic wave motion transforming into spatial cinematic choreography","k":"motion","s":"21st","c":"motion/background","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/harmonic-wave/default/preview.1789391493087-906380dd-05f8-4c89-9639-32e569ba84d1.png","pc":"daiwiikharihar","sb":"Waves and warps"},{"id":"21st:daiwiikharihar__helix-chrono-matrix","t":"Helix chrono matrix","d":"An immersive 3D topological fiber matrix with animated traveling nodes, interactive physics, and smooth topology morphing.","s":"21st","c":"other","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/helix-chrono-matrix/default/preview.1787891992628-34ca26d3-7176-45a1-b3e3-76eadfe41ae5.webp","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__holographic-foil-card","t":"Holographic foil card","d":"Tilt-reactive trading card with holographic foil glare and spring motion.","s":"21st","c":"data-display/card","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/holographic-foil-card/default/preview.1789816453922-b7883256-5cee-4a65-ba3a-9f948be5a3d9.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__hyperdimensional-voxel-cube","t":"Hyperdimensional voxel cube","d":"An interactive, 3D animated voxel lattice with customizable grid density and smooth fluid wave dynamics.","s":"21st","c":"other","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/hyperdimensional-voxel-cube/default/preview.1787886352139-7c45fafb-a570-4ebf-8125-e010682b7a32.webp","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__kaleidoscope-symmetry","t":"Kaleidoscope symmetry","d":"Hypnotic animated kaleidoscope symmetry effect with light and dark mode support","s":"21st","c":"other","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/kaleidoscope-symmetry/default/preview.1789097847071-7fa39776-65a9-4218-b82d-ab30e2569d82.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__lorenz-attractor","t":"Lorenz attractor","d":"3D Lorenz strange attractor whose sigma and rho follow the cursor.","s":"21st","c":"other","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/lorenz-attractor/default/preview.1789816594758-277a57e8-2977-4e71-b285-19a96ba383d8.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__metaball-morph","t":"Metaball morph","d":"Thresholded metaball field where blobs merge like mercury and the cursor adds another drop.","s":"21st","c":"motion/text-effect","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/metaball-morph/default/preview.1789812906041-f3a35dd7-e641-473f-a224-d8e908d0cdf0.png","pc":"daiwiikharihar","sb":"Rotating words"},{"id":"21st:daiwiikharihar__moire-shear-field","t":"Moire shear field","d":"Chromatic moire lattices in a cursor-warped field; click cycles modes.","s":"21st","c":"inputs/form-field","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/moire-shear-field/default/preview.1789816995677-d247ad36-47cd-49ff-9e1b-32097cb64507.jpg","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__murmuration-boids","t":"Murmuration boids","d":"Starling murmuration with alignment, cohesion, separation, and a cursor hawk.","s":"21st","c":"other","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/murmuration-boids/default/preview.1789816327310-921d8c89-3469-402d-bc82-3a618fae18dd.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__panoramic-spread-hero","t":"Panoramic spread hero","d":"An interactive 3D panoramic hero gallery featuring dynamic image spreading and pointer-tilt animations.","k":"section","s":"21st","c":"marketing/hero","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/panoramic-spread-hero/default/preview.1790213809265-f7d7bc1d-0301-4e11-9e8f-4875082cd682.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__phyllotaxis-bloom","t":"Phyllotaxis bloom","d":"Vogel sunflower spiral that grows with the cursor; click reseeds.","s":"21st","c":"other","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/phyllotaxis-bloom/default/preview.1789816736589-2a3ea76b-ca0e-4201-82c1-c3b3e91394f8.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__quantum-cloud-loader","t":"Quantum cloud loader","d":"A sleek, multi-colored particle loading animation featuring smooth, overlapping quantum-style orbits and glowing depth effects.","s":"21st","c":"status/loader","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/quantum-cloud-loader/default/preview.1787917582570-2343cc87-4579-4736-bacc-0e32d5dad452.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__quantum-flux","t":"Quantum flux","d":"An interactive, high-performance black-and-white quantum mesh network component featuring kinetic spring physics, inertial cursor tracking, and dynamic canvas rendering.","s":"21st","c":"other","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/quantum-flux/default/preview.1789200071766-78974b28-3d25-4fca-90c4-96e9877b42bc.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__quantum-swarm","t":"Quantum swarm","d":"Interactive Fibonacci spiral particle swarm with dynamic constellation lines, pointer physics, and pulse shockwaves","s":"21st","c":"other","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/quantum-swarm/default/preview.1787979146701-9854fb57-80fd-46f7-8d33-2fe61bfea6af.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__radial-burst","t":"Radial burst","d":"Orbital revolution animation with cinematic frames revolving smoothly around the core","s":"21st","c":"data-viz/gauge","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/radial-burst/default/preview.1789398138947-cef58684-47de-4ca3-958d-19ac07fc82e0.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__radial-spread-hero","t":"Radial spread hero","d":"Interactive radial spread scroll-driven card orbit hero section","k":"section","s":"21st","c":"marketing/hero","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/radial-spread-hero/default/preview.1790215115943-51fca761-28c6-4d81-9732-074b2fe41376.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__singularity","t":"Singularity","d":"High-density orbital particle accretion disk simulation with Kepler velocity gradients, gravitational lensing, and pulse waves","s":"21st","c":"other","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/singularity/default/preview.1787981399617-871ee2e9-45d5-443b-99d5-f8a4309972a5.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__slanted-spread-hero","t":"Slanted spread hero","d":"Scroll-driven diagonal cascade hero — 8 cards fan from a stack into a slanted bottom-left to top-right spread with pointer parallax","k":"section","s":"21st","c":"marketing/hero","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/slanted-spread-hero/default/preview.1790399731865-97b7bf3c-7781-4cc1-b5bf-b9ef5ae219ce.jpg","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__spatial-depth-hero","t":"Spatial depth hero","d":"Spatial depth 3D volumetric card scatter hero section","k":"section","s":"21st","c":"marketing/hero","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/spatial-depth-hero/default/preview.1790215671773-d4bb122c-ffde-4f01-9e53-ca132599f686.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__split-axis-convergence","t":"Split axis convergence","d":"Adaptive split-axis multi-angle track convergence transforming into cinematic spatial perspective","s":"21st","c":"layout/split-pane","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/split-axis-convergence/default/preview.1789397400126-1514ea73-0982-45f4-a753-8276123b0838.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__stack-spread","t":"Stack spread","d":"Interactive scroll-driven linear to spatial stack spread animation","s":"21st","c":"media/card-stack","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/stack-spread/default/preview.1789390984856-cc1fe514-2533-400f-af52-582b3202a5db.png","pc":"daiwiikharihar"},{"id":"21st:daiwiikharihar__wave-field","t":"Wave field","d":"Interactive wave field canvas with pointer influence, freeze/run control, and light/dark mode support","s":"21st","c":"inputs/form-field","a":"daiwiikharihar","pl":"https://cdn.21st.dev/daiwiikharihar/wave-field/default/preview.1787916529708-b1bf5d55-af5c-4e0b-a41f-769d2dfd33ea.png","pc":"daiwiikharihar"},{"id":"21st:danielpetho__css-box","t":"Css box","d":"A draggable 3D cube built with pure CSS transforms that lets you place custom content on each of its six faces and control its rotation via a ref.","s":"21st","c":"other","a":"danielpetho","pl":"https://cdn.21st.dev/danielpetho/css-box/default/preview.1790089723116-512bb484-79a6-423b-927c-c1764973c369.png","pc":"danielpetho"},{"id":"21st:danielpetho__letter-3d-swap","t":"Letter 3d swap","d":"A text component that rotates each letter in 3D on hover to reveal a second face, useful for animated headings and hero titles.","s":"21st","c":"motion/text-effect","a":"danielpetho","pl":"https://cdn.21st.dev/danielpetho/letter-3d-swap/default/preview.1789956636647-7ac98f7b-ffa9-4c1e-b49a-bb37223c88ab.png","pc":"danielpetho","sb":"Rotating words"},{"id":"21st:danielpetho__stacking-cards","t":"Stacking cards","d":"A scroll-driven stack of cards that pin and scale down on top of each other as the user scrolls, built with Motion.","s":"21st","c":"data-display/card","a":"danielpetho","pl":"https://cdn.21st.dev/danielpetho/stacking-cards/default/preview.1787217310281-410abab9-f6e1-4de3-896d-13da6c0a1d47.png","pc":"danielpetho"},{"id":"21st:danjune1998__perfect-by-idk","t":"Perfect by idk","d":"Animated WebGL shader background in the Smoke style. Generated by the 21st.dev Shader Builder. 8-color palette (#DB0000, #000000, #1DB439, #FFFFFF, #0074C7, #FCDB03, #FCDB03, #DB00","k":"motion","s":"21st","c":"motion/shader","a":"danjune1998","pl":"https://cdn.21st.dev/danjune1998/perfect-by-idk/default/preview.1789483557245-d2bb51b6-3907-446a-b588-7cb0f64220e5.webp","pc":"danjune1998","sb":"Smoke"},{"id":"21st:danjune1998__ug-sl-by-idk","t":"Ug sl by idk","d":"Animated WebGL shader background in the Smoke style. Generated by the 21st.dev Shader Builder. 8-color palette (#DB0000, #000000, #1DB439, #FFFFFF, #0074C7, #FCDB03, #FCDB03, #DB00","k":"motion","s":"21st","c":"motion/shader","a":"danjune1998","pl":"https://cdn.21st.dev/danjune1998/ug-sl-by-idk/default/preview.1789483536530-6af49acc-4845-4b9f-84f2-d8c12768346f.webp","pc":"danjune1998","sb":"Smoke"},{"id":"21st:dariokuettel__spinner","t":"Spinner","d":"Pure CSS gradient background in the Axis Blend style, made with the 21st.dev Gradient Builder. 5-color palette (#DCEBF7, #B9D4EC, #F3D9E4, #F7EFE3, #1C271E). Features: soft blur fi","k":"motion","s":"21st","c":"motion/gradient","a":"dariokuettel","pl":"https://cdn.21st.dev/dariokuettel/spinner/default/preview.1789124132618-917b00cf-9acb-46e4-89d0-f4370d96f092.webp","pc":"dariokuettel","sb":"Axis Blend"},{"id":"21st:darrell__meatball","t":"Meatball","d":"Animated WebGL shader background in the Metaballs style. Generated by the 21st.dev Shader Builder. 4-color palette (#000000, #1F51FF, #00E5FF, #EAFDFF). Features: film grain, curso","k":"motion","s":"21st","c":"motion/shader","a":"darrell","pl":"https://cdn.21st.dev/darrell/meatball/default/preview.1790594133444-8034d5ae-0afe-449d-8861-a5e6c341a7cf.webp","pc":"darrell","sb":"Metaballs"},{"id":"21st:davailospirasto__handwriting-text","t":"Handwriting text","d":"Animated handwriting text that traces letters as if written by a pen, then fills them in. Use it for headlines, hero sections, and expressive text animations.","s":"21st","c":"motion/text-effect","a":"davailospirasto","pl":"https://cdn.21st.dev/davailospirasto/handwriting-text/default/preview.1788020924427-2ab2d4f8-358d-4d7f-834a-3b4ac3386f96.png","pc":"davailospirasto","sb":"Handwriting and SVG"},{"id":"21st:debhyalok007__tid","t":"Tid","d":"Animated (shimmer) ASCII art in the Hex Dump style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, card","k":"motion","s":"21st","c":"motion/ascii","a":"debhyalok007","pl":"https://cdn.21st.dev/debhyalok007/tid/default/preview.1787224839268-d2980ef8-adb9-4ebe-82f2-8c6c78dfc191.webp","pc":"debhyalok007","sb":"Hex Dump"},{"id":"21st:deepa.kumawat__mesh-drift-shader","t":"Mesh drift shader","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#121D21, #00BFFF, #44DB33, #47575C). Features: cursor-reactive ","k":"motion","s":"21st","c":"motion/shader","a":"deepa.kumawat","pl":"https://cdn.21st.dev/deepa.kumawat/mesh-drift-shader/default/preview.1790331335526-5ae1323e-08b8-452c-9247-3eaef0d15e14.webp","pc":"deepa.kumawat","sb":"Mesh drift"},{"id":"21st:delhielectronicsstore01__image","t":"Image","d":"Animated (flicker) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"delhielectronicsstore01","pl":"https://cdn.21st.dev/delhielectronicsstore01/image/default/preview.1790207444976-5ac96941-0834-48e4-a047-807fa1ab5a7c.webp","pc":"delhielectronicsstore01","sb":"Dither"},{"id":"21st:deltacomponents__mp3-player","t":"Mp3 player","d":"An inline audio player with a play/pause transport, an elapsed/remaining time clock, and a seek bar that renders as a plain line or as a clickable waveform of precomputed peaks.","s":"21st","c":"media/player","a":"deltacomponents","pl":"https://cdn.21st.dev/deltacomponents/mp3-player/default/preview.1790319375968-6421d563-142f-49a9-9553-6cbdba60429b.png","pc":"deltacomponents"},{"id":"21st:deltacomponents__product-card","t":"Product card","d":"A compound card component for e-commerce product listings with an image well, an overlaid wishlist badge, and a title/subtitle/price footer.","s":"21st","c":"data-display/card","a":"deltacomponents","pl":"https://cdn.21st.dev/deltacomponents/product-card/default/preview.1789956964555-ab26ccd8-e67d-48ee-b19f-95d55b9f86c0.png","pc":"deltacomponents","sb":"Product"},{"id":"21st:demonstrikk__background","t":"Background","d":"Helpful  for  Website  Background ","s":"21st","c":"motion/background","a":"demonstrikk","pl":"https://cdn.21st.dev/demonstrikk/background/default/preview.1787388591619-509f3c67-6202-46d7-a118-58c27451429b.jpg","pc":"demonstrikk"},{"id":"21st:demonstrikk__random","t":"Random","d":"Animated (flicker) ASCII art in the Contour style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards","k":"motion","s":"21st","c":"motion/ascii","a":"demonstrikk","pl":"https://cdn.21st.dev/demonstrikk/random/default/preview.1788690045731-96c5101a-a48d-49f1-9bf9-e42e5d16a0a9.webp","pc":"demonstrikk","sb":"Contour"},{"id":"21st:demonstrikk__water-button","t":"Water button","d":"Application where you want button with different feel  than an normal","s":"21st","c":"actions/button","a":"demonstrikk","pl":"https://cdn.21st.dev/demonstrikk/water-button/default/preview.1787391839953-13ffa71a-afc7-40dc-bba5-ac5cc48b7d6f.jpg","pc":"demonstrikk"},{"id":"21st:dev.shejanmahamud__animated-toast","t":"Animated toast","d":"A set of animated toast notification components (success/error/warning/info variants, undo, promise-based, stacked, and minimal styles) for showing transient feedback in a React ap","s":"21st","c":"overlays/toast","a":"dev.shejanmahamud","pl":"https://cdn.21st.dev/dev.shejanmahamud/animated-toast/default/preview.1789957029966-c2c6a637-430f-44ac-a21c-f008f9fef933.png","pc":"dev.shejanmahamud"},{"id":"21st:dev.shejanmahamud__animated-tooltip","t":"Animated tooltip","d":"A hover/focus tooltip that animates in with fade, scale, slide, or spring transitions, supporting multiple placements plus rich variants like status indicators, image cards, icon s","s":"21st","c":"overlays/tooltip","a":"dev.shejanmahamud","pl":"https://cdn.21st.dev/dev.shejanmahamud/animated-tooltip/default/preview.1789957038387-d47a5722-703c-412a-9091-811c3fc2b5c1.png","pc":"dev.shejanmahamud"},{"id":"21st:dg.singh252525__3-d-coverflow-carousel","t":"3 d coverflow carousel","d":"A luxury 3D coverflow carousel with on-tile typography, masked reveals, and synchronized ambient background blur","s":"21st","c":"media/carousel","a":"dg.singh252525","pl":"https://cdn.21st.dev/dg.singh252525/3-d-coverflow-carousel/default/preview.1787472632111-42b6fe05-ff5e-4ddc-8241-172ee01c90d4.png","pc":"dg.singh252525"},{"id":"21st:dhxwhy__activity-heatmap","t":"Activity heatmap","s":"21st","c":"data-viz/chart","a":"dhxwhy","pl":"https://cdn.21st.dev/dhxwhy/activity-heatmap/default/preview.1791554662582-cc67882e-2795-4eaf-a6a6-7ad059048497.png","pc":"dhxwhy","sb":"Heatmap"},{"id":"21st:dhxwhy__color-filter-gallery","t":"Color filter gallery","s":"21st","c":"media/gallery","a":"dhxwhy","pl":"https://cdn.21st.dev/dhxwhy/color-filter-gallery/default/preview.1791495933549-6efca95f-7fb2-48dc-bd89-569c60029a5a.png","pc":"dhxwhy"},{"id":"21st:dhxwhy__constellation-gallery","t":"Constellation gallery","s":"21st","c":"media/gallery","a":"dhxwhy","pl":"https://cdn.21st.dev/dhxwhy/constellation-gallery/default/preview.1791437110387-0ae26831-9868-4e78-ace4-2734338f1896.png","pc":"dhxwhy"},{"id":"21st:dhxwhy__country-search-palette","t":"Country search palette","s":"21st","c":"inputs/search","a":"dhxwhy","pl":"https://cdn.21st.dev/dhxwhy/country-search-palette/default/preview.1791554736352-665276f3-ae4d-4b94-a70e-0079e27cc976.png","pc":"dhxwhy"},{"id":"21st:dhxwhy__domino-gallery","t":"Domino gallery","s":"21st","c":"media/gallery","a":"dhxwhy","pl":"https://cdn.21st.dev/dhxwhy/domino-gallery/default/preview.1791437041629-2c5ca5de-d6bd-4cec-8daf-d304181643ba.png","pc":"dhxwhy"},{"id":"21st:dhxwhy__flag-globe","t":"Flag globe","k":"motion","s":"21st","c":"motion/globe","a":"dhxwhy","pl":"https://cdn.21st.dev/black7177/flag-globe/default/preview.1791164819817-0706f0aa-ef0d-44fc-b6b3-859e6dd9cb4b.png","pc":"dhxwhy"},{"id":"21st:dhxwhy__lighthouse-gallery","t":"Lighthouse gallery","s":"21st","c":"media/gallery","a":"dhxwhy","pl":"https://cdn.21st.dev/dhxwhy/lighthouse-gallery/default/preview.1791436987670-91146905-dca8-432d-89f9-310740b4e41d.png","pc":"dhxwhy"},{"id":"21st:dhxwhy__live-notification-feed","t":"Live notification feed","d":"$3b","s":"21st","c":"data-display/timeline","a":"dhxwhy","pl":"https://cdn.21st.dev/dhxwhy/live-notification-feed/default/preview.1791525343551-19ee4ab7-1b64-48ed-976f-64a7ee132d4d.png","pc":"dhxwhy"},{"id":"21st:dhxwhy__sliding-puzzle-gallery","t":"Sliding puzzle gallery","s":"21st","c":"media/gallery","a":"dhxwhy","pl":"https://cdn.21st.dev/dhxwhy/sliding-puzzle-gallery/default/preview.1791511719996-560c2a7a-a839-4ee0-b68f-6c954f73f9ec.png","pc":"dhxwhy"},{"id":"21st:dhxwhy__sun-moon-theme-toggle","t":"Sun moon theme toggle","s":"21st","c":"actions/switch","a":"dhxwhy","pl":"https://cdn.21st.dev/dhxwhy/sun-moon-theme-toggle/default/preview.1791436755106-d79117a7-6907-4815-a9ea-17ac391bad7e.png","pc":"dhxwhy","sb":"Theme toggles"},{"id":"21st:diarmuradi__faq-11","t":"Faq 11","d":"A three-column FAQ section that groups accordion questions by category (account, payments, support) with a call-to-action button for contacting support.","k":"section","s":"21st","c":"marketing/faq","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/faq-11/default/preview.1789240928916-27641e07-161b-43fe-aaa1-fda78b9d5513.png","pc":"diarmuradi"},{"id":"21st:diarmuradi__faq-13","t":"Faq 13","d":"A two-column FAQ grid that displays numbered question-and-answer cards with a call-to-action button below, for product or pricing pages.","k":"section","s":"21st","c":"marketing/faq","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/faq-13/default/preview.1789251522577-126f76e1-dd4f-46aa-bf8d-c8d6af1c8ff1.png","pc":"diarmuradi"},{"id":"21st:diarmuradi__faq-14","t":"Faq 14","d":"A categorized FAQ section with sidebar tabs for switching topics (account, billing, support) and an accordion of expandable question/answer items with helpful/not-helpful feedback ","k":"section","s":"21st","c":"marketing/faq","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/faq-14/default/preview.1789259514735-e3dee819-bc6b-4be2-b5e1-4549e1057ad4.png","pc":"diarmuradi"},{"id":"21st:diarmuradi__faq-6","t":"Faq 6","d":"A two-column FAQ accordion that groups questions into categories like Account, Support, Security, and Payments, with a contact email link at the bottom.","k":"section","s":"21st","c":"marketing/faq","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/faq-6/default/preview.1789252450297-00dbd704-086c-477e-9522-9817ea518b55.png","pc":"diarmuradi"},{"id":"21st:diarmuradi__faq-9","t":"Faq 9","d":"A FAQ section with a vertical category rail on the side that filters an accordion of questions and answers for the selected topic.","k":"section","s":"21st","c":"marketing/faq","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/faq-9/default/preview.1789956988833-70f86173-4b43-4a7b-a368-473e49d692d5.png","pc":"diarmuradi"},{"id":"21st:diarmuradi__header-2","t":"Header 2","d":"A sticky site header with a centered pill-shaped nav bar, logo, sign in/up buttons, and an animated dropdown mobile menu.","s":"21st","c":"navigation/top-nav","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/header-2/default/preview.1789263811925-4d189db4-24a8-4f6a-ac19-3b421ab91345.png","pc":"diarmuradi"},{"id":"21st:diarmuradi__message-scroller","t":"Message scroller","d":"A chat transcript container that auto-scrolls to new messages, anchors new conversation turns near the top, and lets readers jump back to the latest reply in a streaming AI chat in","s":"21st","c":"ai-agent/ai-agent","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/message-scroller/default/preview.1790055864971-5980e28a-ca03-4d4d-af7e-4d820614eb40.png","pc":"diarmuradi","sb":"Chat"},{"id":"21st:diarmuradi__new-password-2","t":"New password 2","d":"A password reset form with show/hide toggles for the new and confirm password fields, used on account security or password-recovery screens.","s":"21st","c":"inputs/form-field","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/new-password-2/default/preview.1790055859735-5f70af03-ac9f-415e-bcc9-f89edf9f70ea.png","pc":"diarmuradi","sb":"Password"},{"id":"21st:diarmuradi__pricing-1","t":"Pricing 1","d":"A single-plan pricing card paired with a frequently-asked-questions accordion, used on a pricing page to show cost and answer common billing questions side by side.","k":"section","s":"21st","c":"marketing/pricing","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/pricing-1/default/preview.1789969151455-98945007-ac6e-4d8e-be29-e8c49dd45ae4.png","pc":"diarmuradi"},{"id":"21st:diarmuradi__pricing-10","t":"Pricing 10","d":"A pricing section with a slider that recalculates the monthly price live as the user drags to estimate usage volume, paired with a features checklist card.","k":"section","s":"21st","c":"marketing/pricing","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/pricing-10/default/preview.1789956894181-ecc9a139-bd90-4d35-9ccd-b3242bdf516a.png","pc":"diarmuradi"},{"id":"21st:diarmuradi__pricing-12","t":"Pricing 12","d":"An interactive pricing section that lets visitors drag a slider and enter a per-unit cost to calculate their estimated monthly ROI from using a product.","k":"section","s":"21st","c":"marketing/pricing","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/pricing-12/default/preview.1789242789233-a2499dd6-48ad-4c61-b94f-7970d281cdb7.png","pc":"diarmuradi"},{"id":"21st:diarmuradi__pricing-13","t":"Pricing 13","d":"A two-column pricing section with a display-count toggle group that animates the price digits and lists core features plus add-on pricing.","k":"section","s":"21st","c":"marketing/pricing","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/pricing-13/default/preview.1789249164718-c4514e6f-1976-4ff7-9daa-29cac0042146.png","pc":"diarmuradi"},{"id":"21st:diarmuradi__pricing-5","t":"Pricing 5","d":"A single pricing card with a slider to pick team size, live-updating the monthly price and per-seat cost as the user drags.","k":"section","s":"21st","c":"marketing/pricing","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/pricing-5/default/preview.1789972871225-e7016df9-d577-4263-9e6d-dde494b503da.png","pc":"diarmuradi"},{"id":"21st:diarmuradi__pricing-6","t":"Pricing 6","d":"A single-plan pricing card for a one-time lifetime-access offer, with a strikethrough price, discount badge, feature checklist, and a row of customer avatars for social proof.","k":"section","s":"21st","c":"marketing/pricing","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/pricing-6/default/preview.1789251516562-c4be032b-849c-40ac-aacf-f96dde9f5b2d.png","pc":"diarmuradi"},{"id":"21st:diarmuradi__pricing-7","t":"Pricing 7","d":"An animated pricing section where visitors switch between plan tiers with a segmented toggle and watch the plan card's price, description, and feature list transition smoothly.","k":"section","s":"21st","c":"marketing/pricing","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/pricing-7/default/preview.1789237013772-7cca4b9d-bf60-4495-968e-889ffd5cfea0.png","pc":"diarmuradi"},{"id":"21st:diarmuradi__pricing-8","t":"Pricing 8","d":"A single-plan pricing card with a monthly/annual billing toggle that animates the price digits and lists plan features.","k":"section","s":"21st","c":"marketing/pricing","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/pricing-8/default/preview.1789242795238-7997a3ec-a0c6-4860-9017-16fad6e636c1.png","pc":"diarmuradi"},{"id":"21st:diarmuradi__pricing-9","t":"Pricing 9","d":"A pricing section where users toggle add-on modules on and off and watch the animated total price update in real-time.","k":"section","s":"21st","c":"marketing/pricing","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/pricing-9/default/preview.1789252452451-a6777e36-0264-4c2b-9f1e-fff99d004e92.png","pc":"diarmuradi"},{"id":"21st:diarmuradi__recovery-code-1","t":"Recovery code 1","d":"A two-column sign-in recovery form where a user enters a backup recovery code to verify their identity, paired with a customer testimonial panel.","s":"21st","c":"data-display/code-block","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/recovery-code-1/default/preview.1790055930351-83df4a00-5229-4a97-abb7-3fd7237fd0b7.png","pc":"diarmuradi"},{"id":"21st:diarmuradi__recovery-code-2","t":"Recovery code 2","d":"A verification form card for entering an account recovery/backup code, with an icon header, input field, submit button, and a back-to-login link.","s":"21st","c":"data-display/code-block","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/recovery-code-2/default/preview.1790055893190-065e9a9f-3060-4f68-ae35-79e98a5f0eb1.png","pc":"diarmuradi"},{"id":"21st:diarmuradi__reset-password-icon-card","t":"Reset password icon card","d":"A reset password form card with a lock icon badge, email input, and submit button for sending a password reset link.","k":"resource","s":"21st","c":"assets/icon","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/reset-password-icon-card/default/preview.1789979479841-28f0b01a-b2d0-4f83-9d5a-c783950dba3a.png","pc":"diarmuradi"},{"id":"21st:diarmuradi__sign-up-1","t":"Sign up 1","d":"A two-column sign-up form with social auth buttons, a password field with a show/hide toggle, and a testimonial panel with an avatar shown beside the form on large screens.","s":"21st","c":"flows/sign-in","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/sign-up-1/default/preview.1789956879880-b9a106f3-cc7c-4c71-8802-28b632c0a62a.png","pc":"diarmuradi"},{"id":"21st:diarmuradi__sign-up-2","t":"Sign up 2","d":"A card-style sign-up form with social login buttons, name/email/password fields, and a password visibility toggle.","s":"21st","c":"flows/sign-in","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/sign-up-2/default/preview.1789967933756-31c6bb08-4b39-4263-8f8c-184d182603d1.png","pc":"diarmuradi"},{"id":"21st:diarmuradi__two-factor-1","t":"Two factor 1","d":"A two-factor authentication setup card with a QR code, a manual entry code field with copy button, and a 5-digit OTP input to confirm and enable 2FA.","k":"layout","s":"21st","c":"flows/sign-in","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/two-factor-1/default/preview.1790055921253-c2ac6255-0397-4fd4-9511-64fe1612b7b0.png","pc":"diarmuradi"},{"id":"21st:diarmuradi__verification-1","t":"Verification 1","d":"A two-column email verification screen with a 5-digit OTP input, resend countdown, and a testimonial panel, used for confirming a user's email during sign-up or two-factor auth.","s":"21st","c":"other","a":"diarmuradi","pl":"https://cdn.21st.dev/diarmuradi/verification-1/default/preview.1789956993862-c1cf0956-f7be-4b6b-bdfc-3488cc910781.png","pc":"diarmuradi"},{"id":"21st:diceui__kanban","t":"Kanban","d":"A drag-and-drop kanban board for organizing items into sortable columns, with keyboard support and a customizable drag overlay.","s":"21st","c":"data-display/kanban","a":"diceui","pl":"https://cdn.21st.dev/diceui/kanban/default/preview.1790053575041-d8710b51-4af0-4214-bc7f-1ec57444bdb5.png","pc":"diceui"},{"id":"21st:diceui__marquee","t":"Marquee","d":"An accessible scrolling marquee component for continuously showcasing logos, testimonials, or cards horizontally or vertically with pause-on-hover, RTL, and auto-fill support.","k":"motion","s":"21st","c":"motion/marquee","a":"diceui","pl":"https://cdn.21st.dev/diceui/marquee/default/preview.1789775808651-9d3a0827-c886-48fc-a08e-c74a5c6afe1b.png","pc":"diceui"},{"id":"21st:diceui__mention","t":"Mention","d":"A textarea/input that pops up a searchable list of items (like users) when a trigger character such as @ is typed, letting people insert mentions inline.","s":"21st","c":"inputs/combobox","a":"diceui","pl":"https://cdn.21st.dev/diceui/mention/default/preview.1789997694831-ba61b466-53a7-40c5-8044-bb9686c2063e.png","pc":"diceui"},{"id":"21st:diceui__stack","t":"Stack","d":"A stacked card/notification layout (like Sonner's toast stacking) whose items expand into a fanned-out list on hover.","s":"21st","c":"media/card-stack","a":"diceui","pl":"https://cdn.21st.dev/diceui/stack/default/preview.1790064274141-4048f7ec-c67a-47a3-9c52-c25ac6ef8fb0.png","pc":"diceui"},{"id":"21st:diceui__status","t":"Status","d":"A pill-shaped status badge with a pulsing indicator dot and color variants for signaling online, error, warning, info, and idle states.","s":"21st","c":"data-display/stat","a":"diceui","pl":"https://cdn.21st.dev/diceui/status/default/preview.1787258909610-25772471-4131-48f1-afa5-b352cf776983.png","pc":"diceui"},{"id":"21st:diceui__swap","t":"Swap","d":"A component that swaps between two states with click or hover activation and fade, rotate, flip, or scale transitions.","s":"21st","c":"other","a":"diceui","pl":"https://cdn.21st.dev/diceui/swap/default/preview.1787192912670-bbf5fa87-6392-415b-a6aa-0d747bbfacdd.png","pc":"diceui"},{"id":"21st:digogois2__p-shader","t":"P shader","d":"Animated WebGL shader background in the Orb style. Generated by the 21st.dev Shader Builder. 4-color palette (#140A00, #FF6D00, #FFC300, #FFF1B8). A drop-in, zero-dependency React ","k":"motion","s":"21st","c":"motion/shader","a":"digogois2","pl":"https://cdn.21st.dev/digogois2/p-shader/default/preview.1790201760201-42cd6453-7a90-4ca2-be86-9d461d57c03c.webp","pc":"digogois2","sb":"Orb"},{"id":"21st:dillionverma__glyph-matrix","t":"Glyph matrix","d":"An animated canvas grid of subtly shifting monospace glyphs with a bottom fade, used as a theme-aware decorative background texture.","s":"21st","c":"other","a":"dillionverma","pl":"https://cdn.21st.dev/dillionverma/glyph-matrix/default/preview.1790187999770-79c8b71f-cb26-4994-bcd5-6f6a60b032c8.png","pc":"dillionverma"},{"id":"21st:dillionverma__terminal","t":"Terminal","d":"An animated fake terminal window that types out commands and shows sequenced output lines, used to showcase CLI usage or installation steps.","s":"21st","c":"data-display/code-block","a":"dillionverma","pl":"https://cdn.21st.dev/dillionverma/terminal/default/preview.1789970866573-aef359e4-863b-4769-a97f-57d97bda25ca.png","pc":"dillionverma"},{"id":"21st:dillionverma__tweet-card","t":"Tweet card","d":"A card that renders a real tweet with the author's name, handle, avatar, verified badge, rich text, and media (photos or video).","s":"21st","c":"data-display/card","a":"dillionverma","pl":"https://cdn.21st.dev/dillionverma/tweet-card/default/preview.1787220898272-e3512503-303e-49b0-9bc9-86439819616b.png","pc":"dillionverma"},{"id":"21st:dkhorzoghy__gradient","t":"Gradient","d":"Pure CSS gradient background in the Layered Tide style, made with the 21st.dev Gradient Builder. 3-color palette (#F1EEE5, #1E50A2, #002561). Features: soft blur finish, film grain","k":"motion","s":"21st","c":"motion/gradient","a":"dkhorzoghy","pl":"https://cdn.21st.dev/dkhorzoghy/gradient/default/preview.1790250932184-61dc000f-6a56-47cd-8832-1a1438c6b05f.webp","pc":"dkhorzoghy","sb":"Layered Tide"},{"id":"21st:dmwilliam0__plasma-shader","t":"Plasma shader","d":"Animated WebGL shader background in the Plasma style. Generated by the 21st.dev Shader Builder. 4-color palette (#101010, #F5F5F5, #B0B0B0, #3A3A3A). Features: cursor-reactive (pus","k":"motion","s":"21st","c":"motion/shader","a":"dmwilliam0","pl":"https://cdn.21st.dev/dmwilliam0/plasma-shader/default/preview.1789447537248-3928cadb-ded3-4544-bf23-5a99d59171b1.png","pc":"dmwilliam0","sb":"Plasma"},{"id":"21st:dobotox__shader-0cfd140c","t":"Shader 0cfd140c","d":"Animated WebGL shader background in the Waves style. Generated by the 21st.dev Shader Builder. 4-color palette (#031C26, #1B6CA8, #5AD2F4, #EAF9FF). A drop-in, zero-dependency Reac","k":"motion","s":"21st","c":"motion/shader","a":"dobotox","pl":"https://cdn.21st.dev/dobotox/shader-0cfd140c/default/preview.1788450389424-3b166945-94c5-4f5c-a371-643db21c4e6d.webp","pc":"dobotox","sb":"Waves"},{"id":"21st:drewbasadre__drew","t":"Drew","d":"Animated (flicker) ASCII art in the Voxel style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, ","k":"motion","s":"21st","c":"motion/ascii","a":"drewbasadre","pl":"https://cdn.21st.dev/drewbasadre/drew/default/preview.1788812447280-77e49592-0e42-4bb4-9bd1-b7051a711150.webp","pc":"drewbasadre","sb":"Voxel"},{"id":"21st:drewsephski__builder-os-bento","t":"Builder os bento","d":"Animated developer command center with project activity, AI usage, build stack, deployment logs, uptime, collaborators, and current focus. Built with Framer Motion for subtle inter","k":"layout","s":"21st","c":"layout/bento-grid","a":"drewsephski","pl":"https://cdn.21st.dev/drewsephski/builder-os-bento/default/preview.1788950628833-1ae46b79-1e0e-44ae-984f-2867e527c8d4.webp","pc":"drewsephski"},{"id":"21st:dyeansee__circular-theme-reveal","t":"Circular theme reveal","s":"21st","c":"motion/text-effect","a":"dyeansee","pl":"https://cdn.21st.dev/dyeansee/circular-theme-reveal/default/preview.1791202998356-de8fcba0-7aea-4f90-9dd5-532976ae961e.png","pc":"dyeansee","sb":"Reveal and entrance"},{"id":"21st:educalvolpz__animated-tabs","t":"Animated tabs","d":"Animated tabs component with a smooth sliding indicator, offering underline, pill, and segment variants with icon support and full keyboard navigation.","s":"21st","c":"navigation/tabs","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/animated-tabs/default/preview.1787126739325-a5b5a54a-f5d1-4b86-8629-3a05847c7818.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__auth-form","t":"Auth form","d":"A presentation-only sign-in / sign-up form that progressively reveals the password field, animates between modes, and morphs its submit button through submitting/success/error stat","s":"21st","c":"flows/sign-in","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/auth-form/default/preview.1789981852254-d4a42629-0827-4f1f-bf8a-9c82509fdce8.png","pc":"educalvolpz","sb":"Sign in"},{"id":"21st:educalvolpz__code-block","t":"Code block","d":"An animated code block with syntax highlighting, copy-to-clipboard, line highlighting and an optional typing reveal animation.","s":"21st","c":"data-display/code-block","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/code-block/default/preview.1789958900837-17a94900-32a4-4fea-9281-bb6bc9dfe76b.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__coverflow-carousel","t":"Coverflow carousel","d":"A 3D perspective carousel that flips, scales and stacks cards like Apple's iTunes coverflow, with drag/swipe, keyboard navigation and optional autoplay.","s":"21st","c":"media/carousel","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/coverflow-carousel/default/preview.1790043939894-dac31069-827a-452f-9b91-eeac92697361.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__dither-image","t":"Dither image","d":"An image component that renders a photo with a canvas-based dithering effect (Bayer, Atkinson, Floyd–Steinberg, or threshold algorithms) and an optional progressive scroll reveal.","s":"21st","c":"media/gallery","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/dither-image/default/preview.1789957035662-43e0f29f-0650-4aae-b7b4-5de628343f54.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__drawing-cursor","t":"Drawing cursor","d":"A canvas overlay that draws a fading, tapered ink trail following the user's mouse cursor over any content.","k":"motion","s":"21st","c":"motion/cursor","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/drawing-cursor/default/preview.1790186236436-43e07195-a1ed-48cc-bae1-ec0c4ad36b40.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__duration-picker","t":"Duration picker","d":"An accessible time-duration input with hours/minutes/seconds segments that support typing digits, arrow-key increments, and pointer drag to scrub values.","s":"21st","c":"inputs/select","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/duration-picker/default/preview.1790071917163-66cb6ba8-44a3-44a2-94f8-33ffac027ff6.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__faq-3","t":"Faq 3","d":"A FAQ section with a search box that filters questions as you type and an animated accordion for answers.","k":"section","s":"21st","c":"marketing/faq","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/faq-3/default/preview.1787108843574-1caaed19-fa76-45a1-a7c3-41f43ea119b1.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__faq-4","t":"Faq 4","d":"A FAQ section with tab-based category navigation and animated accordion answers.","k":"section","s":"21st","c":"marketing/faq","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/faq-4/default/preview.1787110436005-054bf733-f715-41ef-88ab-3ff7138281ec.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__favicon-search","t":"Favicon search","d":"A keyboard-driven search input that shows each result's favicon in a combobox-style dropdown, with highlighted matched text and loading skeletons.","s":"21st","c":"inputs/search","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/favicon-search/default/preview.1789896119545-70304cec-6794-4fec-a9b1-2d07641abcf9.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__glass-card","t":"Glass card","d":"A frosted glass panel with a refractive rim that visibly bends its backdrop, a pointer-tracked specular highlight, and a real drop shadow, for wrapping content over photos or gradi","s":"21st","c":"data-display/card","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/glass-card/default/preview.1789957050110-8a214c1e-4b66-4425-9bac-7060045c9d4f.png","pc":"educalvolpz","sb":"Animated and glowing"},{"id":"21st:educalvolpz__gravity-stars","t":"Gravity stars","d":"An animated canvas starfield background where stars drift, twinkle, connect with faint constellation links, and swirl toward the pointer under a soft gravity well.","k":"motion","s":"21st","c":"motion/background","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/gravity-stars/default/preview.1789957027115-6a0245de-c429-4435-b3e8-59ea24586378.png","pc":"educalvolpz","sb":"Particles and stars"},{"id":"21st:educalvolpz__hover-expand","t":"Hover expand","d":"An accordion-style image gallery where panels expand on hover or keyboard focus and the rest collapse to a thin strip with a rotated label.","s":"21st","c":"other","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/hover-expand/default/preview.1789896994579-0686610b-1c19-47c1-b8ed-3e1d10bad11b.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__hover-image-list","t":"Hover image list","d":"A list of links or rows that reveals a preview image next to the cursor when a user hovers or focuses each row, with a spring-animated follow and skew effect.","s":"21st","c":"media/gallery","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/hover-image-list/default/preview.1789957048889-2d848faf-a8c6-454c-9a15-e6a3aad3fcb5.png","pc":"educalvolpz","sb":"Hover effects"},{"id":"21st:educalvolpz__inline-testimonials","t":"Inline testimonials","d":"A paragraph of body copy that weaves in customer names as inline triggers, expanding a quote card with avatar, role and star rating when a name is hovered, focused or tapped.","k":"section","s":"21st","c":"marketing/testimonials","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/inline-testimonials/default/preview.1789895702424-83270895-6617-4850-9c9c-7a4bf7be74f7.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__liquid-metal","t":"Liquid metal","d":"An animated liquid-chrome surface rendered with a WebGL2 shader, with chrome/gold/mercury/oil palettes, pointer-reactive flow, and an optional text-clipped mode for metallic headin","s":"21st","c":"motion/background","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/liquid-metal/default/preview.1790186293169-d967c36b-a716-4a34-a9cf-cd8c8bca8acd.png","pc":"educalvolpz","sb":"Waves and warps"},{"id":"21st:educalvolpz__orbital-image-wheel","t":"Orbital image wheel","d":"A draggable circular carousel that arranges image thumbnails around an orbit, with momentum, snap-to-item, auto-rotate, and keyboard navigation.","s":"21st","c":"media/gallery","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/orbital-image-wheel/default/preview.1789957051681-e39ed148-ad78-4af1-99a4-03f612a761e4.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__pixel-flow-field","t":"Pixel flow field","d":"An animated canvas background that flows a grid of pixels shaped from text or an image, with mouse/touch interaction that pushes cells apart and lets them re-form.","s":"21st","c":"inputs/form-field","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/pixel-flow-field/default/preview.1790165029556-7844e0f5-c7a3-481e-a18f-d0b7911a01c1.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__rolling-text","t":"Rolling text","d":"A text component that animates each character with an odometer/split-flap style vertical roll before landing on the target text, triggerable on mount, hover, in-view, or manually.","s":"21st","c":"motion/text-effect","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/rolling-text/default/preview.1789895401766-c6ddb1b7-7689-4c4c-82ab-f994ec4fbd7a.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__scrollable-card-stack","t":"Scrollable card stack","d":"An interactive stacked card carousel where cards snap into view on scroll with parallax scale and blur, plus keyboard, touch and dot-indicator navigation.","s":"21st","c":"media/card-stack","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/scrollable-card-stack/default/preview.1787223225071-83cc7f03-b917-45e7-a168-6e447a70fd0c.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__sdf-circle-transition","t":"Sdf circle transition","d":"A WebGL circle-shaped reveal wrapper that animates content changes with an SDF shader transition.","s":"21st","c":"other","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/sdf-circle-transition/default/preview.1790048646092-9bc5fc12-d7bd-4c41-8a89-dd70dc36756b.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__shader-reveal-luma-transition","t":"Shader reveal luma transition","d":"A WebGL shader transition wrapper that reveals swapped content with a luminance-driven displacement effect, useful for animating between images or views on a key change.","s":"21st","c":"motion/text-effect","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/shader-reveal-luma-transition/default/preview.1790047730552-00e2b6d8-c372-4143-a509-7ad040bb199f.png","pc":"educalvolpz","sb":"Reveal and entrance"},{"id":"21st:educalvolpz__social-selector","t":"Social selector","d":"An animated social platform selector that toggles between X, Bluesky, and Threads with a sliding pill and blur-transitioned handle link.","s":"21st","c":"inputs/select","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/social-selector/default/preview.1787178232856-392c71b6-404b-4db3-a99a-da8193236621.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__svg-clip-mask","t":"Svg clip mask","d":"A container that reveals its children through a custom SVG shape mask (blob, arch, diamond, wave, or a custom path) that can morph on a loop, on scroll, or on hover.","s":"21st","c":"other","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/svg-clip-mask/default/preview.1790302444376-2ca85640-5b5c-43fc-b7ba-5fd2f3cf30bc.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__switchboard-card","t":"Switchboard card","d":"A card with an animated light-grid illustration that renders random or patterned glowing dots above a title and subtitle.","s":"21st","c":"data-display/card","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/switchboard-card/default/preview.1787223043591-0e4792be-00a2-4972-a7bd-d55d9be6ef45.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__team-1","t":"Team 1","d":"A responsive grid section that displays team member photos, names, roles, and bios with a subtle hover-scale and fade-in-on-scroll animation.","k":"section","s":"21st","c":"marketing/team","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/team-1/default/preview.1789987056389-c8180031-a912-4669-9f24-1cd57977303e.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__team-2","t":"Team 2","d":"An auto-playing carousel section that showcases team member cards with avatar, name, role and experience, with manual prev/next controls.","k":"section","s":"21st","c":"marketing/team","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/team-2/default/preview.1789987239865-3d51db19-44e6-43d6-a7e5-5f866cdaabd2.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__tweet-card","t":"Tweet card","d":"A tweet card that fetches and displays a Twitter/X post with the user's avatar, name, text, photos or video, and a link to open the original tweet.","s":"21st","c":"data-display/card","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/tweet-card/default/preview.1789976306988-7af9b2d5-2fe8-4b16-8865-9e87b19ac663.png","pc":"educalvolpz"},{"id":"21st:educalvolpz__wallet-card","t":"Wallet card","d":"A stacked, swipeable display of a user's bank/credit cards with a realistic chip, network logo, masked balance toggle, and shared-member avatars.","s":"21st","c":"data-display/card","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/wallet-card/default/preview.1790048665966-0936a78b-eba7-4876-bea1-dd3a0b356101.png","pc":"educalvolpz","sb":"Payment"},{"id":"21st:educalvolpz__warped-circle-transition","t":"Warped circle transition","d":"A wavy, hand-warped circle reveal transition that wipes between two pieces of UI content, keyed by a transitionKey prop.","s":"21st","c":"other","a":"educalvolpz","pl":"https://cdn.21st.dev/educalvolpz/warped-circle-transition/default/preview.1790048662134-286c0285-0b42-487d-a903-2ad57fa67cfb.png","pc":"educalvolpz"},{"id":"21st:educonnect.help49__d-ascii","t":"D ascii","d":"Animated (shimmer) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"educonnect.help49","pl":"https://cdn.21st.dev/educonnect.help49/d-ascii/default/preview.1790941845466-5026f8dc-7842-48b6-85a0-3fb000d15dc2.webp","pc":"educonnect.help49","sb":"Dither"},{"id":"21st:edwinvakayil__ai-input","t":"Ai input","d":"A chat-style AI prompt composer with agent and model chips, a plus-button attachment menu, a settings dropdown, and an animated gradient wave that plays when a message is sent.","s":"21st","c":"ai-agent/ai-agent","a":"edwinvakayil","pl":"https://cdn.21st.dev/edwinvakayil/ai-input/default/preview.1789961170602-b55d55c6-6382-44ca-aa81-91df0198838d.png","pc":"edwinvakayil"},{"id":"21st:edwinvakayil__bento-builder","t":"Bento builder","d":"An interactive bento-grid layout editor where you drag tiles to reposition, resize them from a corner handle, rename them inline, add or remove tiles, and export the resulting grid","k":"layout","s":"21st","c":"layout/bento-grid","a":"edwinvakayil","pl":"https://cdn.21st.dev/edwinvakayil/bento-builder/default/preview.1790123699529-53bb85df-48aa-43ef-93b7-251d39694c2c.png","pc":"edwinvakayil"},{"id":"21st:edwinvakayil__checkbox-group","t":"Checkbox group","d":"A multi-select option list where each row toggles with a spring-animated tick, supporting descriptions, grouping, disabled options and a collapsible show-more list.","s":"21st","c":"inputs/checkbox","a":"edwinvakayil","pl":"https://cdn.21st.dev/edwinvakayil/checkbox-group/default/preview.1787168147485-766bbc74-937e-4d75-bc70-bb089887c491.png","pc":"edwinvakayil"},{"id":"21st:edwinvakayil__code-block","t":"Code block","d":"A syntax-highlighted code display panel with an editor-style filename tab, a spring-animated copy-to-clipboard button, a bottom status bar showing language and line count, line num","s":"21st","c":"data-display/code-block","a":"edwinvakayil","pl":"https://cdn.21st.dev/edwinvakayil/code-block/default/preview.1789999071747-d30ea336-e9d6-4f5b-bca1-6b50c0b52bc6.png","pc":"edwinvakayil"},{"id":"21st:edwinvakayil__color-picker","t":"Color picker","d":"An inline or popover HSV color picker with a saturation field, hue and alpha sliders, hex/RGB/HSL/OKLCH readouts, presets, and an EyeDropper button for picking colors from the scre","s":"21st","c":"inputs/color-picker","a":"edwinvakayil","pl":"https://cdn.21st.dev/edwinvakayil/color-picker/default/preview.1789961490076-f3c9a159-52cc-4d1e-a219-5f8eacb0d950.png","pc":"edwinvakayil"},{"id":"21st:edwinvakayil__favicon-badge","t":"Favicon badge","d":"Circular website favicon badge with optional label text, spring entrance animation, and automatic favicon resolution from a domain or URL.","s":"21st","c":"data-display/badge","a":"edwinvakayil","pl":"https://cdn.21st.dev/edwinvakayil/favicon-badge/default/preview.1787117874477-735376a5-4f8d-4adf-a68d-0507eed65d2e.png","pc":"edwinvakayil"},{"id":"21st:edwinvakayil__r-collapsible","t":"R collapsible","d":"An animated collapsible disclosure built on Radix UI primitives, with spring height, chevron, and fade transitions plus reduced-motion support for FAQs and expandable panels.","s":"21st","c":"data-display/accordion","a":"edwinvakayil","pl":"https://cdn.21st.dev/edwinvakayil/r-collapsible/default/preview.1787146415305-5c2b213c-5969-48bc-8e94-7bc96af6704d.png","pc":"edwinvakayil"},{"id":"21st:edwinvakayil__r-dropdown","t":"R dropdown","d":"A compound dropdown menu with select and action variants, animated row highlight, checkbox and radio items, submenus, and a scrollable panel built on Radix primitives.","s":"21st","c":"navigation/menu","a":"edwinvakayil","pl":"https://cdn.21st.dev/edwinvakayil/r-dropdown/default/preview.1787109929317-bbc2c007-b519-4f5d-8fa6-f6b2dc98e6a6.png","pc":"edwinvakayil","sb":"Dropdowns"},{"id":"21st:edwinvakayil__r-progress","t":"R progress","d":"An animated progress bar and circular progress ring with spring-smoothed fill, optional label/helper text, tone variants, and an indeterminate loading state.","s":"21st","c":"data-viz/progress-bar","a":"edwinvakayil","pl":"https://cdn.21st.dev/edwinvakayil/r-progress/default/preview.1788812931723-469df4d0-1579-4bdc-8db8-7d02d83e8651.png","pc":"edwinvakayil"},{"id":"21st:edwinvakayil__r-select","t":"R select","d":"An animated compound select dropdown built on Radix UI primitives with trigger press feedback, chevron rotation, grouped rows, labels, scroll buttons, and smooth panel motion.","s":"21st","c":"inputs/select","a":"edwinvakayil","pl":"https://cdn.21st.dev/edwinvakayil/r-select/default/preview.1787242564593-a9bde552-cdcb-4b75-84ea-a956fb2909a8.png","pc":"edwinvakayil"},{"id":"21st:edwinvakayil__r-tabs","t":"R tabs","d":"Accessible tabs built on Radix UI with a spring-animated active underline and a blur-and-height motion transition between panels.","s":"21st","c":"navigation/tabs","a":"edwinvakayil","pl":"https://cdn.21st.dev/edwinvakayil/r-tabs/default/preview.1787182828412-c2770d6f-d04a-4a66-9106-958c4b2de2a7.png","pc":"edwinvakayil"},{"id":"21st:edwinvakayil__status-dot","t":"Status dot","d":"A small inline status indicator dot with a rippling pulse animation, deployment-state presets, generic tones, sizes, and optional labels.","s":"21st","c":"status/status-dot","a":"edwinvakayil","pl":"https://cdn.21st.dev/edwinvakayil/status-dot/default/preview.1787118765275-08d56095-d020-47d7-8f6d-57298e1205af.png","pc":"edwinvakayil"},{"id":"21st:edwinvakayil__thinking-indicator","t":"Thinking indicator","s":"21st","c":"ai-agent/ai-agent","a":"edwinvakayil","pl":"https://cdn.21st.dev/edwinvakayil/thinking-indicator/default/preview.1789775465399-fbec99ab-6528-483d-bd30-b99088ade720.png","pc":"edwinvakayil","sb":"Reasoning and tools"},{"id":"21st:efferd__app-store-button","t":"App store button","d":"The App Store Button follows Apple’s familiar download style, featuring a clean Apple logo, compact typography, and balanced layout. It’s ideal for product sites, landing pages, or","s":"21st","c":"actions/button","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/app-store-button/default/preview.1759058753773.png","pc":"efferd"},{"id":"21st:efferd__auth-divider","t":"Auth divider","d":"A horizontal divider with centered label text, typically used to separate social login buttons from an email form on authentication screens.","s":"21st","c":"flows/sign-in","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/auth-divider/default/preview.1784390665011-0213a1a0-2262-4bb2-8f9a-a748694d7223.png","pc":"efferd","sb":"Sign in"},{"id":"21st:efferd__auth-modal","t":"Auth modal","s":"21st","c":"flows/sign-in","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/auth-modal/default/preview.1756123101951.png","pc":"efferd","sb":"Sign in"},{"id":"21st:efferd__auth-page","t":"Auth page","s":"21st","c":"flows/sign-in","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/auth-page/default/preview.1757158074332.png","pc":"efferd","sb":"Sign in"},{"id":"21st:efferd__avatar-uploader","t":"Avatar uploader","d":"An interactive avatar uploader with image cropping and preview that supports custom aspect ratios, size limits, and file validation. Perfect for profile pictures, user onboarding f","s":"21st","c":"data-display/avatar","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/avatar-uploader/default/preview.1757506731682.png","pc":"efferd"},{"id":"21st:efferd__bento-pricing","t":"Bento pricing","d":"A clean and responsive pricing table with a bento-style layout, feature checklists, and call-to-action buttons. Ideal for SaaS apps, startups, and subscription websites, it makes p","k":"section","s":"21st","c":"marketing/pricing","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/bento-pricing/default/preview.1759400605097.png","pc":"efferd"},{"id":"21st:efferd__bg-pattern","t":"Bg pattern","d":"A versatile background pattern component for React, it supports six visual styles and eight customizable mask effects. You can easily add subtle texture or visual flair to any sect","k":"motion","s":"21st","c":"motion/background","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/bg-pattern/default/preview.1747466400576.png","pc":"efferd","sb":"Grids and patterns"},{"id":"21st:efferd__blog-section","t":"Blog section","k":"section","s":"21st","c":"marketing/marketing","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/blog-section/default/preview.1757314480730.png","pc":"efferd","sb":"Blog and posts"},{"id":"21st:efferd__blogs-3","t":"Blogs 3","d":"A responsive blog listing section with a grid of lazy-loaded cover images, author, date, and read-time metadata for each post.","k":"section","s":"21st","c":"marketing/marketing","a":"efferd","pl":"https://cdn.21st.dev/efferd/blogs-3/default/preview.1790198511535-6f998244-4add-48b2-8adb-4aa0ab75d07b.png","pc":"efferd","sb":"Blog and posts"},{"id":"21st:efferd__comments","t":"Comments","s":"21st","c":"data-display/chat-thread","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/comments/default/preview.1753198919594.png","pc":"efferd"},{"id":"21st:efferd__contact-card","t":"Contact card","k":"section","s":"21st","c":"marketing/marketing","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/contact-card/default/preview.1755584847121.png","pc":"efferd","sb":"Contact"},{"id":"21st:efferd__contact-page","t":"Contact page","d":"A professional contact page with email, phone, office details, and social media links, featuring copy-to-clipboard actions and a modern UI layout. Ideal for business websites, SaaS","k":"section","s":"21st","c":"marketing/marketing","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/contact-page/default/preview.1757519188483.png","pc":"efferd","sb":"Contact"},{"id":"21st:efferd__create-workspace-modal","t":"Create workspace modal","d":"A clean and intuitive workspace creation modal with input fields, slug preview, and action button. Ideal for SaaS apps, team collaboration tools, and project management dashboards.","s":"21st","c":"overlays/dialog","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/create-workspace-modal/default/preview.1757436584043.png","pc":"efferd","sb":"Forms"},{"id":"21st:efferd__cta-3","t":"Cta 3","k":"section","s":"21st","c":"marketing/cta","a":"efferd","pl":"https://cdn.21st.dev/user_2tWTE0rCrloVAVylFPYfp10xU92/cta-3/default/preview.1789741826859.png","pc":"efferd"},{"id":"21st:efferd__dashboard-4","t":"Dashboard 4","d":"A commerce analytics dashboard grid showing revenue trends, refund/return rate, category revenue share, key stats, and quick shortcut actions for a store admin panel.","k":"layout","s":"21st","c":"layout/dashboard","a":"efferd","pl":"https://cdn.21st.dev/efferd/dashboard-4/default/preview.1790021881423-0bfe4024-9781-4c57-9289-cb3ae1822562.png","pc":"efferd"},{"id":"21st:efferd__dialog","t":"Dialog","d":"a beautifully structured Dialog component built using Radix UI primitives with custom styling and slots for full flexibility. It offers smooth animations, a blurred backdrop, respo","s":"21st","c":"overlays/dialog","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/dialog/default/preview.1753272898333.png","pc":"efferd"},{"id":"21st:efferd__dotted-surface","t":"Dotted surface","s":"21st","c":"data-display/avatar","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/dotted-surface/default/preview.1785469416363-efa502af-ddbb-41c0-8aaa-2b472de5a664.png","pc":"efferd"},{"id":"21st:efferd__drawer","t":"Drawer","d":"A flexible and beautifully styled Drawer component built using Vaul (Radix-based) primitives. It supports all drawer directions (top, bottom, left, right) with smooth animations, b","s":"21st","c":"overlays/sheet","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/drawer/default/preview.1753379971063.png","pc":"efferd"},{"id":"21st:efferd__efferd-dashboard-2","t":"Efferd dashboard 2","d":"Dense KPI dashboard grid with revenue charts, channel sales, invoices, billing health, and activity feed.","k":"layout","s":"21st","c":"layout/dashboard","a":"efferd","pl":"https://cdn.21st.dev/efferd/efferd-dashboard-2/default/preview.1789597993020-8465cdd8-83f1-4e40-8383-cc47eb7519a0.png","pc":"efferd"},{"id":"21st:efferd__falling-pattern","t":"Falling pattern","s":"21st","c":"other","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/falling-pattern/default/preview.1755170299566.png","pc":"efferd"},{"id":"21st:efferd__faqs-1","t":"Faqs 1","k":"section","s":"21st","c":"marketing/faq","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/faqs-1/default/preview.1760596768197.png","pc":"efferd"},{"id":"21st:efferd__floating-header","t":"Floating header","d":"a sleek, sticky navigation bar that stays visible while you scroll, ensuring quick access to essential links. With a rounded glass-like design, mobile-friendly drawer menu, and smo","s":"21st","c":"navigation/top-nav","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/floating-header/default/preview.1758868802711.png","pc":"efferd","sb":"Floating"},{"id":"21st:efferd__footer","t":"Footer","k":"section","s":"21st","c":"marketing/footer","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/footer/default/preview.1755970127438.png","pc":"efferd"},{"id":"21st:efferd__footer-2","t":"Footer 2","k":"section","s":"21st","c":"marketing/footer","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/footer-2/default/preview.1759066996075.png","pc":"efferd"},{"id":"21st:efferd__footer-section","t":"Footer section","d":"An animated footer section for saas website","k":"section","s":"21st","c":"marketing/footer","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/footer-section/default/preview.1747156786487.png","pc":"efferd"},{"id":"21st:efferd__gradient-background","t":"Gradient background","k":"motion","s":"21st","c":"motion/background","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/gradient-background/default/preview.1755094951715.png","pc":"efferd","sb":"Gradients and aurora"},{"id":"21st:efferd__gradient-dots","t":"Gradient dots","k":"motion","s":"21st","c":"motion/background","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/gradient-dots/default/preview.1755279879732.png","pc":"efferd","sb":"Grids and patterns"},{"id":"21st:efferd__grid-card","t":"Grid card","d":"A stylish React + Tailwind CSS Grid Card component featuring animated background patterns and gradient effects. Ideal for dashboards, feature cards, pricing sections, and modern UI","s":"21st","c":"data-display/card","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/grid-card/default/preview.1758377223967.png","pc":"efferd"},{"id":"21st:efferd__grid-feature-cards","t":"Grid feature cards","d":"Minimal Features Section using Grid Feature Cards","k":"section","s":"21st","c":"marketing/features","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/grid-feature-cards/default/preview.1747156095291.png","pc":"efferd","sb":"Grid of cards"},{"id":"21st:efferd__header-1","t":"Header 1","d":"Responsive sticky header with scroll blur effect, animated mobile menu, and adaptive navigation links.","s":"21st","c":"navigation/top-nav","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/header-1/default/preview.1760511002070.png","pc":"efferd"},{"id":"21st:efferd__header-2","t":"Header 2","d":"Elegant responsive header with scroll-based styling, mobile drawer menu, and smooth transitions.","s":"21st","c":"navigation/top-nav","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/header-2/default/preview.1760511466900.png","pc":"efferd"},{"id":"21st:efferd__header-3","t":"Header 3","d":"Feature-rich responsive header with scroll blur, animated mobile drawer, and nested navigation menus.","s":"21st","c":"navigation/top-nav","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/header-3/default/preview.1760506591716.png","pc":"efferd"},{"id":"21st:efferd__header-with-search","t":"Header with search","s":"21st","c":"navigation/top-nav","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/header-with-search/default/preview.1758859218030.png","pc":"efferd","sb":"With search"},{"id":"21st:efferd__hero-1","t":"Hero 1","d":"Centered hero with radial gradient background and announcement badge","k":"section","s":"21st","c":"marketing/hero","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/hero-1/default/preview.1770851081525.png","pc":"efferd"},{"id":"21st:efferd__hero-3","t":"Hero 3","d":"Left-aligned hero with dashboard screenshot preview","k":"section","s":"21st","c":"marketing/hero","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/hero-3/default/preview.1774009232270.png","pc":"efferd"},{"id":"21st:efferd__illuminated-hero","t":"Illuminated hero","k":"section","s":"21st","c":"marketing/hero","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/illuminated-hero/default/preview.1757235260969.png","pc":"efferd"},{"id":"21st:efferd__image-gallery","t":"Image gallery","s":"21st","c":"media/gallery","a":"efferd","pl":"https://cdn.21st.dev/user_2tWTE0rCrloVAVylFPYfp10xU92/image-gallery/default/preview.1787233656950.png","pc":"efferd"},{"id":"21st:efferd__integrations-4-2","t":"Integrations 4 2","d":"A split section with a heading and a masked grid of scattered rounded cards displaying integration logos.","k":"section","s":"21st","c":"marketing/logos","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/integrations-4/default/preview.1783660747009.png","pc":"efferd"},{"id":"21st:efferd__integrations-5","t":"Integrations 5","d":"A horizontal row of overlapping circular integration logos with edge fade masks, a heading, and a call-to-action button.","k":"section","s":"21st","c":"marketing/logos","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/integrations-5/default/preview.1784397689277-6e1b7bd9-0758-4f6d-83d4-26930fc34b9c.png","pc":"efferd"},{"id":"21st:efferd__invite-member-modal","t":"Invite member modal","d":"This provides a clean and user-friendly modal for inviting team members via email, with role selection options for Owner or Member. Ideal for SaaS platforms and business apps manag","s":"21st","c":"overlays/dialog","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/invite-member-modal/default/preview.1758730749346.png","pc":"efferd","sb":"Share and invite"},{"id":"21st:efferd__lazy-image","t":"Lazy image","s":"21st","c":"media/gallery","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/lazy-image/default/preview.1757258727373.png","pc":"efferd"},{"id":"21st:efferd__logo-cloud-2","t":"Logo cloud 2","d":"Stylish logo grid featuring top tech brands with decorative plus icons and dynamic borders for a modern visual layout.","k":"section","s":"21st","c":"marketing/logos","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/logo-cloud-2/default/preview.1761136047930.png","pc":"efferd"},{"id":"21st:efferd__logo-cloud-3","t":"Logo cloud 3","k":"section","s":"21st","c":"marketing/logos","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/logo-cloud-3/default/preview.1761239948685.png","pc":"efferd"},{"id":"21st:efferd__logo-cloud-4","t":"Logo cloud 4","k":"section","s":"21st","c":"marketing/logos","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/logo-cloud-4/default/preview.1761239584496.png","pc":"efferd"},{"id":"21st:efferd__logo-cloud-5","t":"Logo cloud 5","d":"A responsive brand logo grid for showing partner, customer, or technology logos as social proof.","k":"section","s":"21st","c":"marketing/logos","a":"efferd","pl":"https://cdn.21st.dev/educlopez/logo-cloud/default/preview.1783578048509.png","pc":"efferd"},{"id":"21st:efferd__menu-toggle","t":"Menu toggle","d":"a sleek animated toggle button (like a hamburger menu) built with SVG. It smoothly transitions between open and closed states with a fun rotation and line morph effect—perfect for ","s":"21st","c":"actions/switch","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/menu-toggle/default/preview.1753056644074.png","pc":"efferd"},{"id":"21st:efferd__menu-toggle-icon","t":"Menu toggle icon","d":"Animated menu toggle icon morphing smoothly between hamburger and close states.","k":"resource","s":"21st","c":"assets/icon","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/menu-toggle-icon/default/preview.1760163620073.png","pc":"efferd"},{"id":"21st:efferd__minimal-auth-page","t":"Minimal auth page","d":"A sleek authentication page with social login buttons, background effects, and responsive design. Perfect for login screens, signup flows, and onboarding experiences.","s":"21st","c":"flows/sign-in","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/minimal-auth-page/default/preview.1757606966860.png","pc":"efferd","sb":"Sign in"},{"id":"21st:efferd__minimal-footer","t":"Minimal footer","d":"A clean and responsive footer with company links, resources, and social media icons. Ideal for SaaS, startups, blogs, and business websites looking for a modern UI touch.","k":"section","s":"21st","c":"marketing/footer","a":"efferd","pl":"https://cdn.21st.dev/user_2tWTE0rCrloVAVylFPYfp10xU92/minimal-footer/default/preview.1789741207715.webp","pc":"efferd"},{"id":"21st:efferd__modal","t":"Modal","d":"This smart Modal component auto-switches between a Dialog and Drawer based on screen size using context. It gives you a seamless, unified API for building mobile-friendly popups, s","s":"21st","c":"overlays/dialog","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/modal/default/preview.1753401307326.png","pc":"efferd"},{"id":"21st:efferd__not-found-2","t":"Not found 2","d":"Minimalist 404 page featuring large masked typography and clear navigation actions.","k":"page","s":"21st","c":"pages/templates","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/not-found-2/default/preview.1770406102409.png","pc":"efferd","sb":"Error and status pages"},{"id":"21st:efferd__not-found-page-1","t":"Not found page 1","d":"Minimal 404 error page with bold typography, subtle borders, and clear navigation actions.","k":"page","s":"21st","c":"pages/templates","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/not-found-page-1/default/preview.1760383368876.png","pc":"efferd","sb":"Error and status pages"},{"id":"21st:efferd__pattern-text","t":"Pattern text","s":"21st","c":"motion/text-effect","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/pattern-text/default/preview.1757173737415.png","pc":"efferd"},{"id":"21st:efferd__pricing","t":"Pricing","k":"section","s":"21st","c":"marketing/pricing","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/pricing/default/preview.1753313447140.png","pc":"efferd"},{"id":"21st:efferd__pricing-4","t":"Pricing 4","d":"Interactive three-tier pricing section with a monthly/yearly toggle, animated price numbers, and a highlighted popular plan.","k":"section","s":"21st","c":"marketing/pricing","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/pricing-4/default/preview.1784465874657-7071887f-e23f-4562-97ca-2fcbe68d0f09.png","pc":"efferd"},{"id":"21st:efferd__pricing-card","t":"Pricing card","k":"section","s":"21st","c":"marketing/pricing","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/pricing-card/default/preview.1754744357834.png","pc":"efferd","sb":"Plan cards"},{"id":"21st:efferd__search-modal","t":"Search modal","d":"A powerful command palette with keyboard shortcuts, categorized results, and live search filtering. Perfect for SaaS apps, dashboards, and productivity tools to deliver a fast, int","s":"21st","c":"overlays/dialog","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/search-modal/default/preview.1758821839137.png","pc":"efferd","sb":"Search"},{"id":"21st:efferd__simple-header","t":"Simple header","s":"21st","c":"navigation/top-nav","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/simple-header/default/preview.1758710631255.png","pc":"efferd"},{"id":"21st:efferd__single-pricing-card-1","t":"Single pricing card 1","d":"A modern, responsive single-plan pricing section built for SaaS apps. Easy to customize and integrate into any project.","k":"section","s":"21st","c":"marketing/pricing","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/single-pricing-card/default/preview.1747467081300.png","pc":"efferd","sb":"Single plan"},{"id":"21st:efferd__smart-popover","t":"Smart popover","d":"This SmartPopover gives you a mobile-first popover/drawer combo that auto-adapts based on screen size. It wraps Radix Popover and Vaul Drawer with a shared context, so you write it","s":"21st","c":"overlays/popover","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/smart-popover/default/preview.1753442006344.png","pc":"efferd"},{"id":"21st:efferd__spinner-1","t":"Spinner 1","d":"A lightweight, customizable React spinner component with dynamic sizing and smooth staggered animation for modern UIs","s":"21st","c":"status/loader","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/spinner-1/default/preview.1756105536505.png","pc":"efferd","sb":"Spinners"},{"id":"21st:efferd__sticky-footer","t":"Sticky footer","d":"A modern, animated sticky footer with multi-column navigation, social media icons, Perfect for SaaS, fintech, startups, and business websites to enhance branding and user engagemen","k":"section","s":"21st","c":"marketing/footer","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/sticky-footer/default/preview.1757614559110.png","pc":"efferd"},{"id":"21st:efferd__team-2","t":"Team 2","k":"section","s":"21st","c":"marketing/team","a":"efferd","pl":"https://cdn.21st.dev/efferd/team-2/default/preview.1789986024709-ee8f0724-29f5-48e7-9c59-28bba97d7192.png","pc":"efferd"},{"id":"21st:efferd__testimonials-1","t":"Testimonials 1","d":"A centered testimonial section with a company logo, quote, author name, role, and avatar.","k":"section","s":"21st","c":"marketing/testimonials","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/testimonials-1/default/preview.1784442503842-5c6a6088-796e-42f5-95a0-c739d687a5ea.png","pc":"efferd"},{"id":"21st:efferd__testimonials-2","t":"Testimonials 2","d":"Minimalist testimonial block with a quote, author info, and decorative cross-hair mask lines framing the avatar.","k":"section","s":"21st","c":"marketing/testimonials","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/testimonials-2/default/preview.1783657279634.png","pc":"efferd"},{"id":"21st:efferd__testimonials-3","t":"Testimonials 3","d":"Staggered grid of testimonial cards with quote icons, avatars, and decorative corner marks.","k":"section","s":"21st","c":"marketing/testimonials","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/testimonials-3/default/preview.1784476053578-bb174cad-7c4c-4721-ab03-f7b499d2e598.png","pc":"efferd"},{"id":"21st:efferd__testimonials-6","t":"Testimonials 6","d":"Testimonials section with three columns of quote cards that scroll infinitely in a vertical marquee, slowing on hover.","k":"section","s":"21st","c":"marketing/testimonials","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/testimonials-6/default/preview.1785101770232-d52e4cab-807e-4878-9852-44062e0d870e.png","pc":"efferd"},{"id":"21st:efferd__testimonials-columns-1","t":"Testimonials columns 1","d":"an animated testimonials section where the testimonials are shown in columns","k":"section","s":"21st","c":"marketing/testimonials","a":"efferd","pl":"https://cdn.21st.dev/user_2tWTE0rCrloVAVylFPYfp10xU92/testimonials-columns-1/default/preview.1746775320320.png","pc":"efferd"},{"id":"21st:efferd__testimonials-section","t":"Testimonials section","d":"A modern testimonial grid with animations, customer photos, and quotes — perfect for SaaS, startups, and business websites to showcase client success stories and build trust.","k":"section","s":"21st","c":"marketing/testimonials","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/testimonials-section/default/preview.1757677151700.png","pc":"efferd"},{"id":"21st:efferd__text-disperse","t":"Text disperse","s":"21st","c":"motion/text-effect","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/text-disperse/default/preview.1756056619707.png","pc":"efferd"},{"id":"21st:efferd__toggle-theme","t":"Toggle theme","s":"21st","c":"actions/switch","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/toggle-theme/default/preview.1758720684339.png","pc":"efferd","sb":"Theme toggles"},{"id":"21st:efferd__wave-path","t":"Wave path","k":"motion","s":"21st","c":"motion/background","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/wave-path/default/preview.1756105008574.png","pc":"efferd","sb":"Waves and warps"},{"id":"21st:efferd__workspaces","t":"Workspaces","d":"a flexible, context-based solution to manage and display multiple workspaces in your app. It uses Radix Popover, supports avatars, search, and customizable rendering—perfect for Sa","s":"21st","c":"layout/page-shell","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/workspaces/default/preview.1753391499748.png","pc":"efferd"},{"id":"21st:efferd__zoom-parallax","t":"Zoom parallax","k":"layout","s":"21st","c":"layout/scroll-area","a":"efferd","pl":"https://cdn.21st.dev/sshahaider/zoom-parallax/default/preview.1756035247466.png","pc":"efferd"},{"id":"21st:eldoraui__ipad","t":"Ipad","d":"An SVG iPad device frame component that displays a custom image or screenshot inside its screen, useful for app/product showcase mockups.","s":"21st","c":"media/mockup","a":"eldoraui","pl":"https://cdn.21st.dev/eldoraui/ipad/default/preview.1790066129491-7392a00f-2c0a-4ea3-a6d8-2becbf5e58d0.png","pc":"eldoraui"},{"id":"21st:eldoraui__map","t":"Map","s":"21st","c":"data-viz/map","a":"eldoraui","pl":"https://cdn.21st.dev/eldoraui/map/default/preview.1789773008804-0c80b367-522d-4e9c-bacf-b8511e929b58.png","pc":"eldoraui"},{"id":"21st:elements-__ai-artifact","t":"Ai artifact","d":"A compound card component for displaying AI-generated artifacts like code snippets, documents, or previews, with a header, title, action buttons (run, copy, regenerate, download, s","s":"21st","c":"ai-agent/ai-agent","a":"elements-","pl":"https://cdn.21st.dev/elements-/ai-artifact/default/preview.1790146960425-4e7afbde-2d16-4deb-aed6-6f00b3918a35.png","pc":"elements-"},{"id":"21st:elements-__ai-messages","t":"Ai messages","d":"A scrollable chat message list container that auto-scrolls to the newest message and shows a scroll-to-bottom button when the user scrolls up.","s":"21st","c":"ai-agent/ai-agent","a":"elements-","pl":"https://cdn.21st.dev/elements-/ai-messages/default/preview.1789980234966-124dc933-d4ad-429a-962d-67e297a35933.png","pc":"elements-","sb":"Chat"},{"id":"21st:elements-__json-viewer","t":"Json viewer","d":"A collapsible tree component for displaying and exploring JSON data, with type-based syntax highlighting, live search filtering, and click-to-copy JSONPath for each node.","s":"21st","c":"data-display/json-viewer","a":"elements-","pl":"https://cdn.21st.dev/elements-/json-viewer/default/preview.1789978682113-732edee3-7ace-4d0d-b582-504687fe034b.png","pc":"elements-"},{"id":"21st:elements-__schema-viewer","t":"Schema viewer","d":"A collapsible tree viewer for JSON Schema objects that shows type badges, required-field indicators, descriptions, and value constraints for each property.","s":"21st","c":"other","a":"elements-","pl":"https://cdn.21st.dev/elements-/schema-viewer/default/preview.1790146317520-1f3e5300-ec94-4000-9659-9378ed8fccb2.png","pc":"elements-"},{"id":"21st:elements-__sources","t":"Sources","d":"A collapsible citations panel that lists AI response sources with favicons, titles, hostnames, and snippets, used for RAG or search-result attribution.","s":"21st","c":"other","a":"elements-","pl":"https://cdn.21st.dev/elements-/sources/default/preview.1790067523674-92d66210-cb4e-406a-8fcd-846d7556167d.png","pc":"elements-"},{"id":"21st:elements-__stream-debugger","t":"Stream debugger","d":"A compound component that visualizes AI streaming (SSE) responses chunk-by-chunk in real time, with auto-scroll, pause/resume, chunk type badges, and millisecond timestamps for deb","s":"21st","c":"other","a":"elements-","pl":"https://cdn.21st.dev/elements-/stream-debugger/default/preview.1790146566567-3ad36dca-5673-451a-85e8-ab738d99d5dd.png","pc":"elements-"},{"id":"21st:elements-__upstash-leaderboard","t":"Upstash leaderboard","d":"A ranked leaderboard display for Redis sorted sets with positions, scores, avatars, and gold/silver/bronze styling for the top three.","s":"21st","c":"data-display/gamification","a":"elements-","pl":"https://cdn.21st.dev/elements-/upstash-leaderboard/default/preview.1787192622682-c6c3828c-95c3-4293-8fd0-b664e915b10a.png","pc":"elements-"},{"id":"21st:emil_fe96114d__farge","t":"Farge","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#223A70, #824880, #F4B3C2, #FFF1CF). Features: film grain. A drop-i","k":"motion","s":"21st","c":"motion/gradient","a":"emil_fe96114d","pl":"https://cdn.21st.dev/emil_fe96114d/farge/default/preview.1787090156870-1a0bf09b-9829-4ed9-8daa-a8caacc53d11.webp","pc":"emil_fe96114d","sb":"Bloom Field"},{"id":"21st:ephraimduncan__ai-04","t":"Ai 04","d":"A hero-style AI prompt input box that lets users drag-and-drop or attach files, tweak generation settings from a dropdown, and submit a prompt to build software.","s":"21st","c":"ai-agent/ai-agent","a":"ephraimduncan","pl":"https://cdn.21st.dev/ephraimduncan/ai-04/default/preview.1790189999709-61053af8-75dd-43e6-b654-7d67d838e657.png","pc":"ephraimduncan"},{"id":"21st:ephraimduncan__chat-02","t":"Chat 02","d":"A full-page AI chat interface with streaming replies, message editing, regenerate/copy/feedback actions, and a composer with voice input and dropdown menus for reasoning level and ","s":"21st","c":"ai-agent/ai-agent","a":"ephraimduncan","pl":"https://cdn.21st.dev/ephraimduncan/chat-02/default/preview.1789967911413-c97e29d8-5093-4d7e-ab2f-3af2dc6ced83.png","pc":"ephraimduncan","sb":"Chat"},{"id":"21st:ephraimduncan__command-menu-04","t":"Command menu 04","d":"A searchable command palette dialog that lets users find chats, images, documents, and projects across an app, with type filters and recent/last-opened sections.","s":"21st","c":"navigation/command-palette","a":"ephraimduncan","pl":"https://cdn.21st.dev/ephraimduncan/command-menu-04/default/preview.1789690921880-a59459e6-04fc-4f8d-a5be-baa2be9d8a70.png","pc":"ephraimduncan"},{"id":"21st:ephraimduncan__onboarding-01","t":"Onboarding 01","d":"A collapsible onboarding checklist card that tracks setup progress across steps, with a circular progress indicator and a dismiss/feedback menu.","s":"21st","c":"navigation/wizard-steps","a":"ephraimduncan","pl":"https://cdn.21st.dev/ephraimduncan/onboarding-01/default/preview.1790079337209-971e65d5-8eca-4d94-8f59-591b1cc8da38.png","pc":"ephraimduncan"},{"id":"21st:ephraimduncan__onboarding-02","t":"Onboarding 02","d":"A step-by-step onboarding checklist for setting up a new workspace, with a progress bar and per-step action buttons that mark steps complete.","s":"21st","c":"navigation/wizard-steps","a":"ephraimduncan","pl":"https://cdn.21st.dev/ephraimduncan/onboarding-02/default/preview.1790079746439-fb96ae0a-9275-4556-aa4f-56edf85be447.png","pc":"ephraimduncan"},{"id":"21st:ephraimduncan__onboarding-03","t":"Onboarding 03","d":"A clickable step-by-step onboarding checklist with a progress bar for guiding users through setup tasks like creating a store or launching a product.","s":"21st","c":"navigation/wizard-steps","a":"ephraimduncan","pl":"https://cdn.21st.dev/ephraimduncan/onboarding-03/default/preview.1790080272307-b19a26d4-f7a6-4ae7-a17c-49a0dd48924c.png","pc":"ephraimduncan"},{"id":"21st:ephraimduncan__onboarding-04","t":"Onboarding 04","d":"A step-by-step onboarding checklist rendered as an accordion, where each step unlocks and auto-expands the next once its action button is completed.","s":"21st","c":"navigation/wizard-steps","a":"ephraimduncan","pl":"https://cdn.21st.dev/ephraimduncan/onboarding-04/default/preview.1790080730065-8577daf5-a8f6-47fb-8fff-234344125a1e.png","pc":"ephraimduncan"},{"id":"21st:ephraimduncan__onboarding-05","t":"Onboarding 05","d":"A vertical timeline list showing recent team activity for a project, with user avatars, action descriptions, and relative timestamps.","s":"21st","c":"navigation/wizard-steps","a":"ephraimduncan","pl":"https://cdn.21st.dev/ephraimduncan/onboarding-05/default/preview.1790081430077-d5b0c55d-ee57-43ae-a013-421515923bd4.png","pc":"ephraimduncan"},{"id":"21st:ephraimduncan__onboarding-06","t":"Onboarding 06","d":"A vertical timeline component that shows deployment/onboarding steps with done, in-progress, and upcoming states.","s":"21st","c":"navigation/wizard-steps","a":"ephraimduncan","pl":"https://cdn.21st.dev/ephraimduncan/onboarding-06/default/preview.1790081718381-a4bfb3cd-7b00-4917-a438-b89acb4be4c5.png","pc":"ephraimduncan"},{"id":"21st:ephraimduncan__onboarding-07","t":"Onboarding 07","d":"An animated data-migration progress tracker with per-step progress bars and an expandable logs accordion, used to guide users through a multi-step onboarding or import process.","s":"21st","c":"navigation/wizard-steps","a":"ephraimduncan","pl":"https://cdn.21st.dev/ephraimduncan/onboarding-07/default/preview.1790082370213-a650270b-aa84-44ea-80fb-c3f0d372fa9b.png","pc":"ephraimduncan"},{"id":"21st:ephraimduncan__table-05","t":"Table 05","d":"A sortable, searchable data table with row selection checkboxes, status badges, per-row actions dropdown, and pagination controls.","s":"21st","c":"data-display/table","a":"ephraimduncan","pl":"https://cdn.21st.dev/ephraimduncan/table-05/default/preview.1789963457631-6486542d-c830-47c5-9486-a598097dfc25.png","pc":"ephraimduncan"},{"id":"21st:esraafathy79295__shader-67130b9a","t":"Shader 67130b9a","d":"Animated WebGL shader background in the Neuro Noise style. Sensation variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"esraafathy79295","pl":"https://cdn.21st.dev/esraafathy79295/shader-67130b9a/default/preview.1787553955322-f06db06e-3a9c-46fa-9f60-0df6c5851d27.webp","pc":"esraafathy79295","sb":"Neuro Noise"},{"id":"21st:ethan.dellisse__kdkdkzakdzjkfdadza","t":"Kdkdkzakdzjkfdadza","d":"Animated WebGL shader background in the Neuro Noise style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"ethan.dellisse","pl":"https://cdn.21st.dev/ethan.dellisse/kdkdkzakdzjkfdadza/default/preview.1787411754447-6bac1dac-4ce3-4886-9b38-1c21dd3053c0.png","pc":"ethan.dellisse","sb":"Neuro Noise"},{"id":"21st:eugeneshilow__agentic-factory-3d","t":"Agentic factory 3d","s":"21st","c":"ai-agent","a":"eugeneshilow","pl":"https://cdn.21st.dev/eugeneshilow/agentic-factory-3d/default/preview.1790616083329-eb516017-4b52-464c-910c-d2ffb239b0ab.png","pc":"eugeneshilow"},{"id":"21st:eugeneshilow__bench-matrix","t":"Bench matrix","s":"21st","c":"other","a":"eugeneshilow","pl":"https://cdn.21st.dev/eugeneshilow/bench-matrix/default/preview.1790080056343-d34e3abd-d311-4ee3-8bbe-e809a8f2457d.png","pc":"eugeneshilow"},{"id":"21st:eugeneshilow__bubble-field","t":"Bubble field","s":"21st","c":"inputs/form-field","a":"eugeneshilow","pl":"https://cdn.21st.dev/eugeneshilow/bubble-field/default/preview.1790080128794-4e453f9c-48d6-461e-9496-69e641375864.png","pc":"eugeneshilow"},{"id":"21st:eugeneshilow__delta-bars","t":"Delta bars","s":"21st","c":"data-viz/chart","a":"eugeneshilow","pl":"https://cdn.21st.dev/eugeneshilow/delta-bars/default/preview.1790080213074-d80177c0-c70e-40d7-b7f5-e8ba622718f0.png","pc":"eugeneshilow","sb":"Bar"},{"id":"21st:eugeneshilow__dumbbell-range","t":"Dumbbell range","s":"21st","c":"inputs/slider","a":"eugeneshilow","pl":"https://cdn.21st.dev/eugeneshilow/dumbbell-range/default/preview.1790080287242-d5ca0b48-86f2-4d7d-935f-1ce4149693fa.png","pc":"eugeneshilow"},{"id":"21st:eugeneshilow__dune-flow","t":"Dune flow","s":"21st","c":"other","a":"eugeneshilow","pl":"https://cdn.21st.dev/eugeneshilow/dune-flow/default/preview.1790082741358-667b24fb-fff5-43e0-beeb-5fffdc398589.png","pc":"eugeneshilow"},{"id":"21st:eugeneshilow__frontier-board","t":"Frontier board","s":"21st","c":"data-display/kanban","a":"eugeneshilow","pl":"https://cdn.21st.dev/eugeneshilow/frontier-board/default/preview.1790080452183-b5426d5a-f240-459a-afc8-83a176003ec4.png","pc":"eugeneshilow"},{"id":"21st:eugeneshilow__heat-strip","t":"Heat strip","s":"21st","c":"other","a":"eugeneshilow","pl":"https://cdn.21st.dev/eugeneshilow/heat-strip/default/preview.1790080570581-2914d196-c736-4a93-a495-961cfd0d54e8.png","pc":"eugeneshilow"},{"id":"21st:eugeneshilow__leaderboard-bars","t":"Leaderboard bars","s":"21st","c":"data-display/gamification","a":"eugeneshilow","pl":"https://cdn.21st.dev/eugeneshilow/leaderboard-bars/default/preview.1790080645048-37c4f0ad-6389-461c-8d01-942d91d1be5d.png","pc":"eugeneshilow"},{"id":"21st:eugeneshilow__leaderboard-table","t":"Leaderboard table","s":"21st","c":"data-display/gamification","a":"eugeneshilow","pl":"https://cdn.21st.dev/eugeneshilow/leaderboard-table/default/preview.1790080781294-69489acc-2a89-4e7a-bdd4-b9f21675ee74.png","pc":"eugeneshilow"},{"id":"21st:eugeneshilow__paired-bars","t":"Paired bars","s":"21st","c":"data-viz/chart","a":"eugeneshilow","pl":"https://cdn.21st.dev/eugeneshilow/paired-bars/default/preview.1790080890485-408422aa-299e-4632-92e7-2c314cd81a16.png","pc":"eugeneshilow","sb":"Bar"},{"id":"21st:eugeneshilow__rank-bars","t":"Rank bars","s":"21st","c":"data-viz/chart","a":"eugeneshilow","pl":"https://cdn.21st.dev/eugeneshilow/rank-bars/default/preview.1790079900276-71f44a86-4658-457f-a777-aa31b248d00d.png","pc":"eugeneshilow","sb":"Bar"},{"id":"21st:eugeneshilow__rank-slope","t":"Rank slope","s":"21st","c":"other","a":"eugeneshilow","pl":"https://cdn.21st.dev/eugeneshilow/rank-slope/default/preview.1790080959899-b87be78c-3302-4ebe-a960-d521d270216b.png","pc":"eugeneshilow"},{"id":"21st:eugeneshilow__share-strip","t":"Share strip","s":"21st","c":"other","a":"eugeneshilow","pl":"https://cdn.21st.dev/eugeneshilow/share-strip/default/preview.1790081025474-d22318ca-c400-4320-8831-7b49871a0d93.png","pc":"eugeneshilow"},{"id":"21st:eugeneshilow__stacked-activity","t":"Stacked activity","s":"21st","c":"data-display/timeline","a":"eugeneshilow","pl":"https://cdn.21st.dev/eugeneshilow/stacked-activity/default/preview.1790081103370-f79518f0-08f6-442a-8ac2-bab196ee3c8b.png","pc":"eugeneshilow"},{"id":"21st:eugeneshilow__treemap","t":"Treemap","s":"21st","c":"data-viz/chart","a":"eugeneshilow","pl":"https://cdn.21st.dev/eugeneshilow/treemap/default/preview.1790081180598-febfd9cc-7da2-4b23-a059-c8457ec380d3.png","pc":"eugeneshilow","sb":"Flow and funnel"},{"id":"21st:eugeneshilow__value-columns","t":"Value columns","s":"21st","c":"other","a":"eugeneshilow","pl":"https://cdn.21st.dev/eugeneshilow/value-columns/default/preview.1790081262132-8edf7541-e987-4011-afef-3090182455ab.png","pc":"eugeneshilow"},{"id":"21st:eugeneshilow__verdict-stack","t":"Verdict stack","s":"21st","c":"media/card-stack","a":"eugeneshilow","pl":"https://cdn.21st.dev/eugeneshilow/verdict-stack/default/preview.1790081363815-7ec1a451-d517-4181-b4f8-f4d730cbc7a2.png","pc":"eugeneshilow"},{"id":"21st:evilrabbit__lifeline","t":"Lifeline","d":"An animated life/career timeline that lays out yearly milestones on a horizontal scroll-scrubbed rail on desktop and a vertical rail on mobile, with floating photo cards, hover-med","s":"21st","c":"other","a":"evilrabbit","pl":"https://cdn.21st.dev/evilrabbit/lifeline/default/preview.1790429777758-2d3e91c6-336e-4cb4-8027-5b12462d8197.png","pc":"evilrabbit"},{"id":"21st:extend__document-color-picker","t":"Document color picker","d":"A popover-based color picker with OKLCH, HSL, RGB, and hex input formats, a saturation/lightness canvas, hue and alpha sliders, and a screen eyedropper for picking colors in design","s":"21st","c":"inputs/color-picker","a":"extend","pl":"https://cdn.21st.dev/extend/document-color-picker/default/preview.1789957529888-f0ed8ee5-16c5-449c-af74-1f9d8696b125.png","pc":"extend"},{"id":"21st:extend__layout-blocks","t":"Layout blocks","d":"A scrollable review panel that lists OCR/layout-detection blocks (headings, paragraphs, tables, figures, etc.) from a document with type badges, confidence scores, and page numbers","s":"21st","c":"layout/page-shell","a":"extend","pl":"https://cdn.21st.dev/extend/layout-blocks/default/preview.1789990227004-ff88fe95-575a-4822-83f3-8d2f2ba8caa4.png","pc":"extend"},{"id":"21st:extraemailhai06__mythos-red","t":"Mythos red","d":"Animated WebGL shader background in the Fluted Glass style. Folds variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#","k":"motion","s":"21st","c":"motion/shader","a":"extraemailhai06","pl":"https://cdn.21st.dev/extraemailhai06/mythos-red/default/preview.1788432333203-39a00044-e484-49c4-bff9-4181c96440b5.webp","pc":"extraemailhai06","sb":"Fluted Glass"},{"id":"21st:fadeichev2121__fox-mascot-sign-in","t":"Fox mascot sign in","s":"21st","c":"flows/sign-in","a":"fadeichev2121","pl":"https://cdn.21st.dev/fadeichev2121/fox-mascot-sign-in/default/preview.1789449055652-080231b3-dbf9-4ec7-ac18-2a631b6b95e4.webp","pc":"fadeichev2121"},{"id":"21st:fadeichev2121__orbit-delivery-hero","t":"Orbit delivery hero","d":"Interactive 3D delivery planet with a running courier, weighted drag rotation, pause-to-wave animation, and light and dark themes.","k":"section","s":"21st","c":"marketing/hero","a":"fadeichev2121","pl":"https://cdn.21st.dev/fadeichev2121/orbit-delivery-hero/default/preview.1789867304851-1b23ca78-51f7-4a43-8e1c-f0946c8674cc.png","pc":"fadeichev2121"},{"id":"21st:fadeichev2121__woven-glass-button","t":"Woven glass button","s":"21st","c":"actions/button","a":"fadeichev2121","pl":"https://cdn.21st.dev/fadeichev2121/woven-glass-button/default/preview.1790030986440-b84fad20-68b8-4d30-9151-adc6e754cdc2.png","pc":"fadeichev2121","sb":"Animated"},{"id":"21st:fatemayeasmin311__asthetic","t":"Asthetic","d":"Animated (wave) ASCII art in the Matrix style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, an","k":"motion","s":"21st","c":"motion/ascii","a":"fatemayeasmin311","pl":"https://cdn.21st.dev/fatemayeasmin311/asthetic/default/preview.1787345441634-422f512b-7f96-4ba0-916a-7db98f0317bb.webp","pc":"fatemayeasmin311","sb":"Matrix"},{"id":"21st:felipemenezes098__accordion-01","t":"Accordion 01","d":"A vertically stacked set of collapsible sections with chevron indicators and smooth expand/collapse animation, ideal for FAQs and disclosure content.","s":"21st","c":"data-display/accordion","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/accordion-01/default/preview.1787108059645-23c61714-e830-4880-b77c-a5727826aa53.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__accordion-07","t":"Accordion 07","d":"An accordion where a rotating chevron sits before each item label instead of after it, expanding to reveal collapsible content.","s":"21st","c":"data-display/accordion","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/accordion-07/default/preview.1787116840781-a3a7ec7a-c79d-4722-b674-6aca085958ce.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__accordion-14","t":"Accordion 14","d":"A controlled accordion with expand-all and collapse-all buttons that open or close every panel at once, ideal for FAQs and multi-step onboarding lists.","s":"21st","c":"data-display/accordion","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/accordion-14/default/preview.1787124679158-444bcf62-f7f2-4b86-810b-c7e948c92f37.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__card-06","t":"Card 06","d":"A login card with email and password fields plus sign-in and Google OAuth buttons.","s":"21st","c":"data-display/card","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/card-06/default/preview.1787221394395-56500924-0b4d-4014-985e-de13180422e8.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__card-09","t":"Card 09","d":"A pricing card that highlights a plan with a Popular badge, monthly price, and a feature checklist with a call-to-action button.","s":"21st","c":"data-display/card","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/card-09/default/preview.1788470844592-1d33393a-e28c-4137-bd57-eceb389982d4.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__card-11","t":"Card 11","d":"A settings card with horizontal field rows, each toggled by a switch, for managing notification preferences.","s":"21st","c":"data-display/card","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/card-11/default/preview.1787227135856-7751a4e8-a4da-45a7-bee3-09cea664112e.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__card-14","t":"Card 14","d":"A checkout payment card with fields for cardholder name, card number with an icon, expiry, CVC, and a country select plus a pay button.","s":"21st","c":"data-display/card","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/card-14/default/preview.1787230323230-fdd48a93-1084-46b8-9a92-a075e6c487e6.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__checkbox-02","t":"Checkbox 02","d":"A checkbox laid out horizontally with a label and a helper description line, for opt-in form fields like newsletter subscriptions.","s":"21st","c":"inputs/checkbox","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/checkbox-02/default/preview.1787120216941-6d35ecc8-45a0-495f-a470-2eced81ec352.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__checkbox-06","t":"Checkbox 06","d":"A parent checkbox that toggles a group of child checkboxes and shows an indeterminate mixed state when only some options are selected, useful for permission lists and select-all co","s":"21st","c":"inputs/checkbox","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/checkbox-06/default/preview.1787123569603-bce8ed85-e8c5-4757-a4ee-b379768171c0.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__checkbox-07","t":"Checkbox 07","d":"A multi-level file-tree of checkboxes where each parent node derives its checked or indeterminate state from its children.","s":"21st","c":"inputs/checkbox","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/checkbox-07/default/preview.1787124796712-725dd006-6c50-4a71-8523-c38d32cb3dd2.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__checkbox-08","t":"Checkbox 08","d":"Bordered add-on selection cards with a checkbox, title, description and price that highlight when checked.","s":"21st","c":"inputs/checkbox","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/checkbox-08/default/preview.1787125950797-6226c918-7125-4e0e-a2ae-2870fcbf5c4f.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__checkbox-09","t":"Checkbox 09","d":"A list of selectable saved credit cards showing card brand, last four digits and expiry, each with a checkbox for choosing a payment method.","s":"21st","c":"inputs/checkbox","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/checkbox-09/default/preview.1787127173808-32772c9c-d776-44ca-bf84-a62699ba9a18.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__checkbox-11","t":"Checkbox 11","d":"A terms-and-conditions checkbox with an inline error message that appears when the form is submitted without accepting.","s":"21st","c":"inputs/checkbox","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/checkbox-11/default/preview.1787132549310-c8405024-feaa-4c2c-a466-bc5d9772753e.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__checkbox-12","t":"Checkbox 12","d":"A checkbox group bound to React Hook Form with Zod validation requiring at least one selection, showing an error and a success toast on submit.","s":"21st","c":"inputs/checkbox","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/checkbox-12/default/preview.1787128216065-2294ed8d-1bc3-4f33-a7f0-2021737699f5.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__collapsible-02","t":"Collapsible 02","d":"A stacked list of FAQ question rows where each answer expands and collapses with an animated chevron.","s":"21st","c":"data-display/accordion","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/collapsible-02/default/preview.1787108165297-4ecf0b52-cce7-4177-91c6-6e618ee1b94f.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__collapsible-05","t":"Collapsible 05","d":"A collapsible sidebar navigation with grouped sections, sub-item links, and a chevron that rotates when a group expands.","s":"21st","c":"data-display/accordion","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/collapsible-05/default/preview.1787112366960-cf561511-a314-47d0-b5bd-40cec664453d.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__content-04","t":"Content 04","d":"A two-column card grid section with a serif heading, subheading, and an image plus copy in each card, with optional subtle entrance animation.","s":"21st","c":"other","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/content-04/default/preview.1789955781247-4911fece-daa0-4650-b2bb-c7557b4a334b.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__content-06","t":"Content 06","d":"A two-column content section pairing a serif headline and supporting copy with an optional call-to-action button and an adjacent media image, with optional scroll-triggered reveal ","s":"21st","c":"other","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/content-06/default/preview.1789961443613-62c37119-dbe8-4548-8e8b-3ed74f7701b9.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__content-07","t":"Content 07","d":"A two-column content grid section that pairs an image with a heading, body copy, and an optional call-to-action button per column, with a subtle scroll-reveal animation.","s":"21st","c":"other","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/content-07/default/preview.1789957054022-1d3f90da-e27c-4c40-944d-d9f568577ca2.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__content-09","t":"Content 09","d":"A two-column grid of icon cards with a serif section heading, used to present product features or capabilities with a subtle scroll-triggered entrance animation.","s":"21st","c":"other","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/content-09/default/preview.1789960680853-9ebfa8cd-a2db-4f86-bdfe-947ffcc7bad7.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__content-11","t":"Content 11","d":"A billing/collections dashboard section pairing a data preview card with two animated feature highlights, for app landing or product pages.","s":"21st","c":"other","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/content-11/default/preview.1789956330788-09e382cd-213d-4a9d-8e88-dea6bfe6aec9.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__dialog-16","t":"Dialog 16","d":"A modal dialog with an icon header and email field for inviting teammates to join a workspace.","s":"21st","c":"overlays/dialog","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/dialog-16/default/preview.1787108192944-1b01ab91-29cc-4047-9422-029bb3bbec50.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__feature-01","t":"Feature 01","d":"An interactive feature list where selecting an item reveals its description and crossfades a matching image, useful for product feature sections on landing pages.","k":"section","s":"21st","c":"marketing/features","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/feature-01/default/preview.1789773264411-d00c4e5d-7f7d-4c00-b40b-15a5efbedec6.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__hero-12","t":"Hero 12","d":"A full-bleed image hero section with an oversized title, an optional established/label tag, and a rounded pill call-to-action button anchored to the bottom corner.","k":"section","s":"21st","c":"marketing/hero","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/hero-12/default/preview.1788859357641-432d21c5-37c8-42e8-b416-d9cf0cbb3004.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__hero-14","t":"Hero 14","d":"A centered marketing hero section with a headline, dual call-to-action buttons, a full-width photo with a floating chat/demo panel overlaid on it, and a logo strip below.","k":"section","s":"21st","c":"marketing/hero","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/hero-14/default/preview.1788827917884-0bf54187-7c20-4848-a0e9-7fb9c378fe69.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__item-08","t":"Item 08","d":"A profile list item showing an avatar, name and role with a trailing follow/action button.","s":"21st","c":"data-display/list","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/item-08/default/preview.1789978634663-24381b04-fbc3-46dd-8060-06792d83e697.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__item-14","t":"Item 14","d":"A file row showing an icon, filename, and size/type metadata with a trailing overflow menu for actions like open, download, rename, and delete.","s":"21st","c":"data-display/list","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/item-14/default/preview.1789981465705-9941c6fb-9347-43b0-a747-00ea0c1a4041.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__item-18","t":"Item 18","d":"A stacked list of pricing tier rows, each with a plan name, price, popular badge, description, and an upgrade or contact CTA button.","s":"21st","c":"data-display/list","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/item-18/default/preview.1789985902205-87ac4c98-4855-4bd7-b0a6-84311f685d2c.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__item-19","t":"Item 19","d":"A vertical timeline of activity events with an icon, title, description, and relative timestamp for each row, useful for showing commits, deploys, and workspace updates.","s":"21st","c":"data-display/list","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/item-19/default/preview.1790072854725-2c9f1800-eac0-48d4-b0c6-11fb285f0a8a.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__item-24","t":"Item 24","s":"21st","c":"data-display/list","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/item-24/default/preview.1789988183658-5b4b27fc-7e5c-458b-a8a7-51520733c940.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__item-with-icon","t":"Item with icon","d":"A list-item row that pairs a leading icon with a title and description, used for notification and settings rows.","s":"21st","c":"data-display/list","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/item-with-icon/default/preview.1789994756948-8b76514f-04fe-494d-8de3-450572c23de9.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__payment-1","t":"Payment 1","d":"A payment details card form with name, card number, expiry and CVC fields plus a secure-checkout note, for collecting credit card information.","s":"21st","c":"other","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/payment-1/default/preview.1787165320090-0f746c35-72b9-430e-9086-c14ac2316aa1.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__payment-2","t":"Payment 2","d":"A card listing saved credit cards with selectable default, remove buttons, and an empty state for managing billing payment methods.","s":"21st","c":"other","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/payment-2/default/preview.1787166327157-3bc3bea8-4362-4950-9398-74d421119cf8.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__payment-3","t":"Payment 3","d":"A checkout card with Apple Pay and Google Pay express wallet buttons plus a fallback to enter card details.","s":"21st","c":"other","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/payment-3/default/preview.1787167105934-21d51b9f-aa35-4d58-9a5d-4e3c11ca6246.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__reset-password-1","t":"Reset password 1","d":"A password reset card with an email input and a button that sends a reset link, plus a link back to sign in.","k":"layout","s":"21st","c":"flows/sign-in","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/reset-password-1/default/preview.1787165364506-f80339f6-5602-4053-915b-9b88fb740cb8.png","pc":"felipemenezes098","sb":"Password reset"},{"id":"21st:felipemenezes098__reset-password-2","t":"Reset password 2","d":"A card with a six-digit OTP input for verifying a password-reset code sent by email.","k":"layout","s":"21st","c":"flows/sign-in","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/reset-password-2/default/preview.1787166481867-d337f85c-6fc3-457f-b07b-9b121870429a.png","pc":"felipemenezes098","sb":"Password reset"},{"id":"21st:felipemenezes098__rhf-advanced-01","t":"Rhf advanced 01","d":"A React Hook Form field-array form that starts from an empty state and lets you add, edit, duplicate, and remove teammate rows with per-item Zod validation and role selection.","s":"21st","c":"other","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/rhf-advanced-01/default/preview.1787153903674-b9e16bca-32eb-444e-9e8f-d3ad98574a40.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__rhf-fields-09","t":"Rhf fields 09","d":"A single-choice form field that uses a dropdown menu radio group bound to React Hook Form via Controller, with Zod validation and inline error messages.","s":"21st","c":"inputs/form-field","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/rhf-fields-09/default/preview.1787158846807-daeab482-612e-488e-86a4-53ca293893d0.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__select-01","t":"Select 01","d":"A minimal single-value select dropdown with a placeholder and a flat list of options.","s":"21st","c":"inputs/select","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/select-01/default/preview.1787169130685-613ca550-ff6e-44c0-bcfb-5d9783548a80.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__select-03","t":"Select 03","d":"A select dropdown rendered in a non-interactive disabled state, useful for showing a locked or read-only status field in a form.","s":"21st","c":"inputs/select","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/select-03/default/preview.1787171561357-c27ee790-bc52-413b-9a66-a75436c4a778.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__select-05","t":"Select 05","d":"A select dropdown whose options each show a bold label with a muted description sub-line, and whose trigger displays the full two-line item when selected.","s":"21st","c":"inputs/select","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/select-05/default/preview.1787172755734-0fd34604-5a8d-487d-b7b1-1c889dcb32fb.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__select-06","t":"Select 06","d":"A select dropdown whose options each show a bold label with a muted description sub-line, while the trigger displays only the chosen label.","s":"21st","c":"inputs/select","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/select-06/default/preview.1787173813662-e08045aa-2e6d-4a37-8467-7cd3fc74d806.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__select-07","t":"Select 07","d":"A select dropdown where individual options can be marked as disabled so users cannot choose them.","s":"21st","c":"inputs/select","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/select-07/default/preview.1787175254911-f609f141-8dd6-4bb9-9783-efea22ec1343.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__select-08","t":"Select 08","d":"A select dropdown user picker that shows each person's avatar, name, and email in both the trigger and the options.","s":"21st","c":"inputs/select","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/select-08/default/preview.1787175928541-c8ce7a36-e36e-450e-9070-98fd1cab8176.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__select-09","t":"Select 09","d":"A select dropdown with a muted background and a custom subtle border on the trigger for a softer, filled input style.","s":"21st","c":"inputs/select","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/select-09/default/preview.1787177215047-efa4b1b3-cad8-4fb7-a580-4b2e8d248605.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__select-10","t":"Select 10","d":"A select dropdown paired with an accessible field label linked to the trigger for form fields.","s":"21st","c":"inputs/select","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/select-10/default/preview.1787178088067-8e95bdc5-ac65-499c-91fc-6f6fd1d16cf7.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__select-11","t":"Select 11","d":"A select dropdown composed with a form field label and description for choosing an option within a form.","s":"21st","c":"inputs/select","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/select-11/default/preview.1787182678629-7ca489e6-0ba5-4c46-90ee-e8be5cd78282.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__select-12","t":"Select 12","d":"A select dropdown bound to React Hook Form with a Zod resolver that validates on submit and shows an inline field error until a department is chosen.","s":"21st","c":"inputs/select","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/select-12/default/preview.1787183705705-2b84be5f-2b2a-4732-afa8-15208a708791.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__select-13","t":"Select 13","d":"A department select field wired to TanStack Form with Zod validation that surfaces an inline error message when submitted empty.","s":"21st","c":"inputs/select","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/select-13/default/preview.1787184623711-f05790bd-4300-4d94-b818-919129a3e0e6.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__select-14","t":"Select 14","d":"A select dropdown showing a muted prefix label inside the trigger, left of the selected value.","s":"21st","c":"inputs/select","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/select-14/default/preview.1787187214158-03b55936-7d50-4e84-8ce4-4d322685cb73.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__settings-1","t":"Settings 1","d":"A tabbed settings panel for managing profile info, notification preferences, and billing plan inside a single card.","k":"layout","s":"21st","c":"flows/settings","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/settings-1/default/preview.1789970677195-07bb0c8b-d49b-436a-bca2-1e5f4e300ad4.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__settings-2","t":"Settings 2","d":"A settings panel with a sidebar navigation menu (profile, security, notifications, billing, team, integrations) next to a profile form with fields, a toggle, and a save button.","k":"layout","s":"21st","c":"flows/settings","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/settings-2/default/preview.1789971527030-4019c188-bab1-46e6-a5ef-6c6f9c23724c.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__settings-3","t":"Settings 3","d":"A settings card where each field switches to an inline input with save/cancel controls, letting users edit one value at a time without leaving the page.","k":"layout","s":"21st","c":"flows/settings","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/settings-3/default/preview.1789972639492-b55bad98-c4b8-480c-a254-8485ac9c13f6.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__share-access-2","t":"Share access 2","d":"A share-access card for inviting people by email and managing each person's role (viewer, editor, or remove) with avatars.","s":"21st","c":"other","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/share-access-2/default/preview.1787089401537-9b80cba4-c5dc-4182-8602-f855df746f29.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__tabs-07","t":"Tabs 07","d":"A line-style tabbed interface whose trigger labels are paired with secondary count badges, ideal for inbox, drafts, and archive style views.","s":"21st","c":"navigation/tabs","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/tabs-07/default/preview.1787133399665-1388692a-d396-4b2a-8d82-b861a818983c.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__tabs-08","t":"Tabs 08","d":"Compact icon-only tab triggers for switching between grid, list, and row content views.","s":"21st","c":"navigation/tabs","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/tabs-08/default/preview.1787134121665-10e89761-f164-4b38-8e54-d2b9a5d6fd34.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__tabs-10","t":"Tabs 10","d":"A tabbed interface where each trigger stacks an icon above its label, with a distinct visual content panel below each tab.","s":"21st","c":"navigation/tabs","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/tabs-10/default/preview.1787135489071-49610a7a-564c-4fe5-bc10-45ca4474fa4d.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__tsf-advanced-02","t":"Tsf advanced 02","d":"An invoice builder form that adds each billable line item through its own validating dialog before appending it to the list and computing the total.","s":"21st","c":"other","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/tsf-advanced-02/default/preview.1787165457239-4d3853c1-90e2-49cd-a357-27b07ecf1031.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__tsf-fields-04","t":"Tsf fields 04","d":"A numeric slider form field wired with TanStack Form and validated against a Zod min/max range, showing the live value and inline error.","s":"21st","c":"inputs/form-field","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/tsf-fields-04/default/preview.1787156329773-63b40092-a62f-4fdf-838e-6fb99b08dad4.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__tsf-fields-07","t":"Tsf fields 07","d":"A grouped select field with labelled option groups, wired to TanStack Form with Zod validation and submit feedback.","s":"21st","c":"inputs/form-field","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/tsf-fields-07/default/preview.1787160489432-22a12353-2473-4cb6-ab61-c36c1a73a259.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__tsf-fields-09","t":"Tsf fields 09","d":"A single-choice form field that opens a dropdown menu radio group, wired to TanStack Form with Zod validation and error display.","s":"21st","c":"inputs/form-field","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/tsf-fields-09/default/preview.1787164597564-5134f932-1b75-4fef-a656-71edde9975ca.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__tsf-recipes-03","t":"Tsf recipes 03","d":"A sign in card with email and password fields validated on submit using TanStack Form and Zod.","s":"21st","c":"other","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/tsf-recipes-03/default/preview.1787163546839-9a37f719-724a-4829-b0f4-94800c860430.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__tsf-recipes-04","t":"Tsf recipes 04","d":"A newsletter signup form card with email and delivery-frequency fields, built with TanStack Form and Zod validation.","s":"21st","c":"other","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/tsf-recipes-04/default/preview.1787163858463-bff8a4c7-036b-4118-92d5-cba9bfb6ebf9.png","pc":"felipemenezes098"},{"id":"21st:felipemenezes098__tsf-rules-03","t":"Tsf rules 03","d":"A TanStack Form number input field with Zod validation that keeps a quantity within a minimum and maximum range.","s":"21st","c":"other","a":"felipemenezes098","pl":"https://cdn.21st.dev/felipemenezes098/tsf-rules-03/default/preview.1787160465525-bf9dcbb6-d239-496f-bb0c-b77e9a1a8203.png","pc":"felipemenezes098"},{"id":"21st:fennerchadwick__footer","t":"Footer","d":"Animated WebGL shader background in the Warp stripes style. Generated by the 21st.dev Shader Builder. 4-color palette (#101010, #F5F5F5, #B0B0B0, #3A3A3A). Features: cursor-reactiv","k":"motion","s":"21st","c":"motion/shader","a":"fennerchadwick","pl":"https://cdn.21st.dev/fennerchadwick/footer/default/preview.1790714733977-ed3ef892-f5c6-4f7b-b834-c001cdfe96cb.webp","pc":"fennerchadwick","sb":"Warp stripes"},{"id":"21st:framecn__bounding-box-selector","t":"Bounding box selector","d":"A Figma-style selection rectangle with corner and edge handles that animates in around any wrapped element or video frame, used to highlight UI elements in product demo videos.","s":"21st","c":"inputs/select","a":"framecn","pl":"https://cdn.21st.dev/framecn/bounding-box-selector/default/preview.1790062962145-b8c7c051-63e5-4ebe-9e34-d10b4ca8ec00.png","pc":"framecn"},{"id":"21st:framecn__glass-code-block","t":"Glass code block","d":"A frosted-glass code editor window with syntax highlighting and a line-by-line stagger-reveal animation, useful as a premium code showcase on landing pages.","s":"21st","c":"data-display/code-block","a":"framecn","pl":"https://cdn.21st.dev/framecn/glass-code-block/default/preview.1790051547597-48eefdea-375d-4cfc-a7c5-041734274beb.png","pc":"framecn"},{"id":"21st:framecn__message-bubble","t":"Message bubble","d":"A chat message bubble with incoming/outgoing variants, an optional reaction badge, and a rise-in animation state for use in chat UIs.","s":"21st","c":"ai-agent/ai-agent","a":"framecn","pl":"https://cdn.21st.dev/framecn/message-bubble/default/preview.1790940592935-7fa185f4-1cb1-4f6e-b3dd-b92b30f3d764.png","pc":"framecn","sb":"Chat"},{"id":"21st:framecn__shader-dithering","t":"Shader dithering","d":"An animated ordered-dither shader background that renders a retro pixelated gradient field, useful as a stylized hero or video backdrop.","s":"21st","c":"motion/background","a":"framecn","pl":"https://cdn.21st.dev/framecn/shader-dithering/default/preview.1790140875908-c5e0f8bf-7cec-4f15-817a-91e203190a55.png","pc":"framecn","sb":"Shaders and WebGL"},{"id":"21st:framecn__terminal-to-browser-deploy","t":"Terminal to browser deploy","d":"An animated video composition that shows a CLI deploy command completing, the terminal blurring back, and a browser window springing open at the deployed URL.","s":"21st","c":"data-display/code-block","a":"framecn","pl":"https://cdn.21st.dev/framecn/terminal-to-browser-deploy/default/preview.1790140945261-f2e36980-7b69-4734-933d-4ab09797addb.png","pc":"framecn"},{"id":"21st:framecn__zoom-through-transition","t":"Zoom through transition","d":"A video transition component that aggressively scales through the center of an element into the next scene, built for Editframe/Remotion-based video compositions.","s":"21st","c":"media/gallery","a":"framecn","pl":"https://cdn.21st.dev/framecn/zoom-through-transition/default/preview.1790062584861-1195b60d-1bed-4c80-9060-688985151560.png","pc":"framecn","sb":"Zoom and lens"},{"id":"21st:fuererayt__the-creation-of-adam","t":"The creation of adam","d":"Animated (pulse) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, a","k":"motion","s":"21st","c":"motion/ascii","a":"fuererayt","pl":"https://cdn.21st.dev/fuererayt/the-creation-of-adam/default/preview.1791399057020-5e30876e-048b-42b6-b32e-7d91841d2478.webp","pc":"fuererayt","sb":"Dither"},{"id":"21st:fujidevv__github-activity","t":"Github activity","d":"A GitHub contribution calendar card that plots a year of commit activity as a squircle heatmap, with a drawer that stacks the busiest repositories on top of the grid.","s":"21st","c":"data-display/timeline","a":"fujidevv","pl":"https://cdn.21st.dev/fujidevv/github-activity/default/preview.1790809017368-78175538-e211-4e76-b309-f876060b6a84.png","pc":"fujidevv"},{"id":"21st:g13rt26__book","t":"Book","d":"Animated (pulse) ASCII art in the Voxel style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, an","k":"motion","s":"21st","c":"motion/ascii","a":"g13rt26","pl":"https://cdn.21st.dev/g13rt26/book/default/preview.1790382046613-7124e543-5feb-44ec-8e35-ff3b14c79d72.webp","pc":"g13rt26","sb":"Voxel"},{"id":"21st:gabrielrkmoura__horse","t":"Horse","d":"Animated (shimmer) ASCII art in the Lines style, made with the 21st ASCII editor and baked to a looping video. Styled with a retro look. A drop-in, zero-dependency React component ","k":"motion","s":"21st","c":"motion/ascii","a":"gabrielrkmoura","pl":"https://cdn.21st.dev/gabrielrkmoura/horse/default/preview.1790994046097-302bae55-bef9-41f7-90c4-cfa3f29a9065.webp","pc":"gabrielrkmoura","sb":"Lines"},{"id":"21st:gabrielrkmoura__neon","t":"Neon","d":"Animated (shimmer) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. Styled with a retro look. A drop-in, zero-dependency React compo","k":"motion","s":"21st","c":"motion/ascii","a":"gabrielrkmoura","pl":"https://cdn.21st.dev/gabrielrkmoura/neon/default/preview.1790382056679-8e404941-be04-432d-955a-0f5d6794a57c.webp","pc":"gabrielrkmoura","sb":"Characters"},{"id":"21st:garigarii__halftone-shader","t":"Halftone shader","d":"Animated WebGL shader background in the Halftone style. Generated by the 21st.dev Shader Builder. 4-color palette (#0B1026, #3D46E8, #B18CFF, #FFD6E7). Features: cursor-reactive (p","k":"motion","s":"21st","c":"motion/shader","a":"garigarii","pl":"https://cdn.21st.dev/garigarifansub/halftone-shader/default/preview.1789159534429-13e4f922-7b66-466e-95bc-2089bff23e46.webp","pc":"garigarii","sb":"Halftone"},{"id":"21st:garigarii__plasma-shader-cursor-push","t":"Plasma shader cursor push","d":"Animated WebGL shader background in the Plasma style. Generated by the 21st.dev Shader Builder. 4-color palette (#1A1423, #B75D69, #EACDC2, #FFF5EB). Features: cursor-reactive (pus","k":"motion","s":"21st","c":"motion/shader","a":"garigarii","pl":"https://cdn.21st.dev/garigarifansub/plasma-shader-cursor-push/default/preview.1789159555263-cd74cbea-ba84-492c-b54b-f06d7546fc9b.webp","pc":"garigarii","sb":"Plasma"},{"id":"21st:garrett_b432de00__shader-deep-aqua","t":"Shader deep aqua","d":"Animated WebGL shader background in the Halftone Dots style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"garrett_b432de00","pl":"https://cdn.21st.dev/garrett_b432de00/shader-deep-aqua/default/preview.1791155735649-7a2ed0f4-ec6f-463d-bfb1-36b118039e6d.webp","pc":"garrett_b432de00","sb":"Halftone Dots"},{"id":"21st:gauravchinku976__ee","t":"Ee","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 2-color palette (#FFFFFF, #9E0000). Features: film grain, vignette. A drop-in, zero-d","k":"motion","s":"21st","c":"motion/gradient","a":"gauravchinku976","pl":"https://cdn.21st.dev/gauravchinku976/ee/default/preview.1787565357770-0dcc15cb-aa1f-4dff-af04-b8302d5529e1.webp","pc":"gauravchinku976","sb":"Silk Blend"},{"id":"21st:geekingdevil__2-ascii","t":"2 ascii","d":"Animated (pulse) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, card","k":"motion","s":"21st","c":"motion/ascii","a":"geekingdevil","pl":"https://cdn.21st.dev/geekingdevil/2-ascii/default/preview.1787737843324-ca1f1166-f0df-48af-ba38-9de1645747ca.webp","pc":"geekingdevil","sb":"Characters"},{"id":"21st:glasscn__liquid-watch","t":"Liquid watch","d":"A compact stacked hours/minutes time display styled like an Apple Watch face, rendered with an animated liquid-shader text effect.","s":"21st","c":"motion/background","a":"glasscn","pl":"https://cdn.21st.dev/glasscn/liquid-watch/default/preview.1790075029189-abaeb10b-23a7-4c6a-9b8e-da7702c8e726.png","pc":"glasscn","sb":"Waves and warps"},{"id":"21st:gpt-vis__funnel","t":"Funnel","d":"A typed funnel chart component built on @antv/gpt-vis for visualizing progressive data reduction through sequential stages, like a sales or conversion funnel.","s":"21st","c":"data-viz/chart","a":"gpt-vis","pl":"https://cdn.21st.dev/gpt-vis/funnel/default/preview.1789975514989-123434e5-6966-4447-967f-ff2ec9554aa8.png","pc":"gpt-vis","sb":"Flow and funnel"},{"id":"21st:grootstudio__text-frame","t":"Text frame","d":"An animated decorative frame that draws a hand-drawn-style dashed or solid box around inline text with a blur-in reveal effect, useful for highlighting a word in a heading.","s":"21st","c":"motion/text-effect","a":"grootstudio","pl":"https://cdn.21st.dev/grootstudio/text-frame/default/preview.1790214805109-160a7cba-c090-4edc-8578-508e84f6ce62.png","pc":"grootstudio"},{"id":"21st:gughigug__broken-by-design","t":"Broken by design","d":"Impact-fracture hero built from real shattered glass. Sixteen independent fragments per breakpoint react to the cursor with 3D tilt, parallax and specular light. The title is maske","s":"21st","c":"other","a":"gughigug","pl":"https://cdn.21st.dev/gughigug/broken-by-design/default/preview.1787086009064-67c5fed2-1bb0-40eb-a60a-0d6d8f71726b.png","pc":"gughigug"},{"id":"21st:gughigug__elsewhere-hero","t":"Elsewhere hero","d":"A full-screen video hero that switches from day to night with one click, with a live ambient soundscape generated in the browser: soft keys by day, cicadas by night. Nav, headline ","k":"section","s":"21st","c":"marketing/hero","a":"gughigug","pl":"https://cdn.21st.dev/gughigug/elsewhere-hero/default/preview.1791230540335-4c3da6cb-af4a-4b5f-a592-ac64493c9b0a.png","pc":"gughigug"},{"id":"21st:gughigug__scroll-locked-video-hero","t":"Scroll locked video hero","k":"section","s":"21st","c":"marketing/hero","a":"gughigug","pl":"https://cdn.21st.dev/gughigug/scroll-locked-video-hero/default/preview.1789428004147-312e04b3-ac81-4c6c-bb8b-cd99ae7cd341.png","pc":"gughigug","sb":"With video"},{"id":"21st:gughigug__shave-reveal-hero","t":"Shave reveal hero","d":"Interactive hover-reveal hero — drag a blade across a bearded portrait to shave it, with synthesized sound. Full light/dark theme support and keyboard navigation. Zero dependencies","k":"section","s":"21st","c":"marketing/hero","a":"gughigug","pl":"https://cdn.21st.dev/gughigug/shave-reveal-hero/default/preview.1787703080814-dea1994f-a87f-46b5-ba79-05579505dc0b.png","pc":"gughigug"},{"id":"21st:gughigug__sunset-skyline-hero","t":"Sunset skyline hero","d":"A full-screen anime-style scroll-locked hero: scrolling forward pushes the camera through a window onto a Tokyo skyline at sunset, scrolling back closes it again — ending on a gian","k":"section","s":"21st","c":"marketing/hero","a":"gughigug","pl":"https://cdn.21st.dev/gughigug/sunset-skyline-hero/default/preview.1789161902368-abab4e2f-0cd7-4a73-bc95-e0bf037c0ba4.png","pc":"gughigug"},{"id":"21st:hagan44637__fluted-glass-folds-shader","t":"Fluted glass folds shader","d":"Animated WebGL shader background in the Fluted Glass style. Folds variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#","k":"motion","s":"21st","c":"motion/shader","a":"hagan44637","pl":"https://cdn.21st.dev/hagan44637/fluted-glass-folds-shader/default/preview.1788122747289-70d519e6-de7d-413d-8f54-0f1f1903fff7.webp","pc":"hagan44637","sb":"Fluted Glass"},{"id":"21st:halaska-studio__calendar","t":"Calendar","d":"An inline month-view date picker grid with previous/next navigation, a highlighted today marker, and a filled selected day, for choosing or clearing a single date.","s":"21st","c":"data-display/calendar","a":"halaska-studio","pl":"https://cdn.21st.dev/halaska-studio/calendar/default/preview.1790831318075-f27c09e6-1d63-402b-b02c-34eb55e1df20.png","pc":"halaska-studio"},{"id":"21st:halaska-studio__choicebox","t":"Choicebox","d":"A list of radio or checkbox options rendered as selectable cards with a title, optional description, and optional right-aligned meta label, for picking one or several named choices","s":"21st","c":"inputs/radio","a":"halaska-studio","pl":"https://cdn.21st.dev/halaska-studio/choicebox/default/preview.1790831359299-1deaf618-e0d2-4fd2-8698-b706d14f525d.png","pc":"halaska-studio"},{"id":"21st:halaska-studio__combobox","t":"Combobox","d":"A searchable select input that opens a filterable list of options so a user can quickly find and pick one value by typing, with full keyboard navigation.","s":"21st","c":"inputs/combobox","a":"halaska-studio","pl":"https://cdn.21st.dev/halaska-studio/combobox/default/preview.1790831549846-3211ed2f-082b-4349-a70a-3009ec3fa0af.png","pc":"halaska-studio"},{"id":"21st:halaska-studio__dot-grid","t":"Dot grid","d":"A decorative dot-pattern background that fills its nearest positioned parent, useful for giving a card, panel, or canvas area a subtle grid texture behind other content.","s":"21st","c":"layout/page-shell","a":"halaska-studio","pl":"https://cdn.21st.dev/halaska-studio/dot-grid/default/preview.1790829636514-2f73a648-9c33-478d-a444-cc1abb42efd9.png","pc":"halaska-studio"},{"id":"21st:halaska-studio__file-tree","t":"File tree","d":"A collapsible folder/file hierarchy view for showing a project's directory structure, with optional badges to flag added or changed files.","s":"21st","c":"data-display/tree","a":"halaska-studio","pl":"https://cdn.21st.dev/halaska-studio/file-tree/default/preview.1790831567638-31d53d8b-7074-4eef-ba8d-c0e5528df4d5.png","pc":"halaska-studio"},{"id":"21st:halaska-studio__halaska-dialog","t":"Halaska dialog","d":"A centered modal overlay for confirmations, with form and cover-image card variants, that traps focus and closes on Escape or an outside click.","s":"21st","c":"overlays/dialog","a":"halaska-studio","pl":"https://cdn.21st.dev/halaska-studio/halaska-dialog/default/preview.1790831620670-f9f9fa5b-ba70-4927-b111-b2d8b48d9289.png","pc":"halaska-studio"},{"id":"21st:halaska-studio__hover-card","t":"Hover card","d":"A small popover panel that appears when hovering (or focusing) a trigger element, used to preview extra details like a customer summary or a person's profile without navigating awa","s":"21st","c":"overlays/hover-card","a":"halaska-studio","pl":"https://cdn.21st.dev/halaska-studio/hover-card/default/preview.1790831587234-463c25a8-160a-43d1-9a58-f43a42c3b252.png","pc":"halaska-studio"},{"id":"21st:halaska-studio__input-otp","t":"Input otp","d":"A row of auto-advancing digit boxes for entering a one-time verification code sent by SMS, email, or an authenticator app.","s":"21st","c":"inputs/otp-input","a":"halaska-studio","pl":"https://cdn.21st.dev/halaska-studio/input-otp/default/preview.1790831582912-6937151a-6fbc-4b61-bfa1-0e6855f7692c.png","pc":"halaska-studio"},{"id":"21st:halaska-studio__orb","t":"Orb","d":"A small animated glyph that shows what an AI agent is currently doing (thinking, searching, writing, planning, waiting), rendered bare or wrapped in a status pill with a label.","s":"21st","c":"ai-agent/ai-agent","a":"halaska-studio","pl":"https://cdn.21st.dev/halaska-studio/orb/default/preview.1790834499149-d7ac9048-4dd8-4f4e-8767-078dfcfc88da.png","pc":"halaska-studio","sb":"Orbs and presence"},{"id":"21st:halaska-studio__popover","t":"Popover","d":"A click-triggered floating panel anchored to its trigger button, used to show contextual details, settings, or a quick inline form without navigating away from the page.","s":"21st","c":"overlays/popover","a":"halaska-studio","pl":"https://cdn.21st.dev/halaska-studio/popover/default/preview.1790834813146-38d14a1c-b708-49d3-906e-76ec97ed737f.png","pc":"halaska-studio"},{"id":"21st:halaska-studio__scroll-area","t":"Scroll area","d":"A themeable scrollable container that clips its content to a max height and shows a thin scrollbar, used for scrollable lists, logs, or long text blocks.","k":"layout","s":"21st","c":"layout/scroll-area","a":"halaska-studio","pl":"https://cdn.21st.dev/halaska-studio/scroll-area/default/preview.1790834613659-9d0c2249-2ab8-4f39-a524-9adf0e2113ab.png","pc":"halaska-studio"},{"id":"21st:halaska-studio__segmented-control","t":"Segmented control","d":"An iOS-style segmented control where a sliding thumb animates between options to switch between a small set of views or filters.","s":"21st","c":"actions/segmented-control","a":"halaska-studio","pl":"https://cdn.21st.dev/halaska-studio/segmented-control/default/preview.1790834638143-a80be041-a909-4f97-9fcc-2a04d0ec51fb.png","pc":"halaska-studio"},{"id":"21st:halaska-studio__select","t":"Select","d":"A dropdown select input for choosing one value from a list of string or value/label options, with keyboard navigation, type-ahead and small/medium/large sizes.","s":"21st","c":"inputs/select","a":"halaska-studio","pl":"https://cdn.21st.dev/halaska-studio/select/default/preview.1790834774489-c334034c-cc7f-4f0a-b276-c675f644c453.png","pc":"halaska-studio"},{"id":"21st:halaska-studio__slider","t":"Slider","d":"A labeled numeric slider with a live value readout, available as a native range input or as a draggable spring-animated track with a thumb that grows while held.","s":"21st","c":"inputs/slider","a":"halaska-studio","pl":"https://cdn.21st.dev/halaska-studio/slider/default/preview.1790834858092-e16bdf4e-4d29-451b-bbd6-e125d90b92b4.png","pc":"halaska-studio"},{"id":"21st:halaska-studio__switch","t":"Switch","d":"A toggleable on/off switch control for settings and preferences rows, with a label, an aria-switch role, and a spring-eased thumb animation.","s":"21st","c":"actions/switch","a":"halaska-studio","pl":"https://cdn.21st.dev/halaska-studio/switch/default/preview.1790834883116-41369dfe-4093-45f9-b08f-2b4d77230a6f.png","pc":"halaska-studio"},{"id":"21st:halaska-studio__table","t":"Table","d":"A styled data table that renders column headers and rows of cells, with row-hover highlighting and support for rich cell content like badges or avatars.","s":"21st","c":"data-display/table","a":"halaska-studio","pl":"https://cdn.21st.dev/halaska-studio/table/default/preview.1790834903841-b7372a21-c271-407d-aa36-a9b3eba4d827.png","pc":"halaska-studio"},{"id":"21st:hamidonsol__glitching-button","t":"Glitching button","s":"21st","c":"actions/button","a":"hamidonsol","pl":"https://cdn.21st.dev/hamiddos/glitching-button/default/preview.1786766622207-0eb3994b-326d-4ed7-a409-7ea6b0e84ef6.png","pc":"hamidonsol"},{"id":"21st:hamidonsol__spotlight-table","t":"Spotlight table","s":"21st","c":"data-display/table","a":"hamidonsol","pl":"https://cdn.21st.dev/addstegeman/spotlight-table/default/preview.1765218263756.png","pc":"hamidonsol"},{"id":"21st:hamidonsol__text-scramble","t":"Text scramble","s":"21st","c":"motion/text-effect","a":"hamidonsol","pl":"https://cdn.21st.dev/addstegeman/text-scramble/default/preview.1765217751433.png","pc":"hamidonsol","sb":"Scramble and glitch"},{"id":"21st:hannah_8c87af59__waves-shader","t":"Waves shader","d":"Animated WebGL shader background in the Waves style. Generated by the 21st.dev Shader Builder. 3-color palette (#FF5729, #020203, #020203). A drop-in, zero-dependency React compone","k":"motion","s":"21st","c":"motion/shader","a":"hannah_8c87af59","pl":"https://cdn.21st.dev/hannah_8c87af59/waves-shader/default/preview.1790329534494-4bb9a735-f577-4060-965a-2c325cb07490.webp","pc":"hannah_8c87af59","sb":"Waves"},{"id":"21st:harshjoshi9789__sih","t":"Sih","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#03120E, #0E7C5A, #7CE577, #F4FFC7). A drop-in, zero-dependency React","k":"motion","s":"21st","c":"motion/shader","a":"harshjoshi9789","pl":"https://cdn.21st.dev/harshjoshi9789/sih/default/preview.1788948936490-6c20ed93-f0da-466d-9268-352c0f5cb85a.webp","pc":"harshjoshi9789","sb":"Silk"},{"id":"21st:heatupsolucoes__flacoroque","t":"Flacoroque","d":"Animated (flicker) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, ca","k":"motion","s":"21st","c":"motion/ascii","a":"heatupsolucoes","pl":"https://cdn.21st.dev/heatupsolucoes/flacoroque/default/preview.1788218446887-3389b019-e423-4129-9f6b-eecacd61d66b.webp","pc":"heatupsolucoes","sb":"Characters"},{"id":"21st:hexui-sh__faq-1","t":"Faq 1","d":"A collapsible FAQ section with a list of expandable question-and-answer accordion items and a support contact card with team avatars.","k":"section","s":"21st","c":"marketing/faq","a":"hexui-sh","pl":"https://cdn.21st.dev/hexui-sh/faq-1/default/preview.1790365508739-d1f340af-ccf5-413b-885e-a07e762b09dc.png","pc":"hexui-sh"},{"id":"21st:hexui-sh__faq-2","t":"Faq 2","d":"A FAQ section that groups collapsible accordion questions and answers into topic categories, with a support-contact card and avatar group at the bottom.","k":"section","s":"21st","c":"marketing/faq","a":"hexui-sh","pl":"https://cdn.21st.dev/hexui-sh/faq-2/default/preview.1790365666373-0a1477d3-15cb-41f2-8988-206aa1428585.png","pc":"hexui-sh"},{"id":"21st:hexui-sh__footer-1","t":"Footer 1","d":"A professional website footer with a newsletter subscription form, navigation link columns, and a bottom copyright bar.","k":"section","s":"21st","c":"marketing/footer","a":"hexui-sh","pl":"https://cdn.21st.dev/hexui-sh/footer-1/default/preview.1790365316000-41116de1-c07c-4b1f-9db3-661bc3c71153.png","pc":"hexui-sh"},{"id":"21st:heygaia__bar-chart","t":"Bar chart","d":"A bar chart component for comparing values or showing distributions, with default, stacked, horizontal, and multi-series variants built on Recharts and shadcn chart primitives.","s":"21st","c":"data-viz/chart","a":"heygaia","pl":"https://cdn.21st.dev/heygaia/bar-chart/default/preview.1789988138575-06884af0-a35a-406c-a604-2c6f579f7578.png","pc":"heygaia","sb":"Bar"},{"id":"21st:heygaia__knowledge-graph","t":"Knowledge graph","d":"An interactive force-directed graph visualization for showing relationships between entities, memories, or knowledge-base items, with zoom, pan, drag, tooltips and SVG/PNG export.","s":"21st","c":"data-viz/chart","a":"heygaia","pl":"https://cdn.21st.dev/heygaia/knowledge-graph/default/preview.1790315361850-07e43631-3581-4113-b7e5-83b0b3f58166.png","pc":"heygaia"},{"id":"21st:heygaia__line-chart","t":"Line chart","d":"A multi-series line chart card for visualizing trends over time, with optional point dots, inline labels, tooltip, and legend.","s":"21st","c":"data-viz/chart","a":"heygaia","pl":"https://cdn.21st.dev/heygaia/line-chart/default/preview.1790031385135-c83b653c-d6f3-4856-970f-7633d8b51ceb.png","pc":"heygaia","sb":"Line and sparkline"},{"id":"21st:heygaia__pie-chart","t":"Pie chart","d":"A pie chart card for showing proportions of a whole, with donut, inline-label, and legend display modes.","s":"21st","c":"data-viz/chart","a":"heygaia","pl":"https://cdn.21st.dev/heygaia/pie-chart/default/preview.1790062936367-5b860853-912e-4098-8527-897445d2d677.png","pc":"heygaia","sb":"Pie, donut and radial"},{"id":"21st:heygaia__radar-chart","t":"Radar chart","d":"A radar/spider chart component built on Recharts for comparing multiple numeric dimensions across one or more data series, wrapped in a card with optional title, description, foote","s":"21st","c":"data-viz/chart","a":"heygaia","pl":"https://cdn.21st.dev/heygaia/radar-chart/default/preview.1790125117035-330e9146-86fe-4eaa-8a74-2a5d1d40deeb.png","pc":"heygaia","sb":"Radar"},{"id":"21st:heygaia__scatter-chart","t":"Scatter chart","d":"A scatter chart card for visualizing correlation between two numeric variables using recharts.","s":"21st","c":"data-viz/chart","a":"heygaia","pl":"https://cdn.21st.dev/heygaia/scatter-chart/default/preview.1790046795435-7f42e963-abfb-4231-b104-41de5d834dc8.png","pc":"heygaia","sb":"Scatter"},{"id":"21st:himansujha__magnetic-liquid-button","t":"Magnetic liquid button","d":"Tactile magnetic button with cursor physics spring, dynamic spotlight gradient, click ripple wave animations, and 6 aesthetic themes","s":"21st","c":"actions/button","a":"himansujha","pl":"https://cdn.21st.dev/himansujha/magnetic-liquid-button/default/preview.1789358463915-e6a9d3bc-1077-471d-8bfc-7e7152fc692f.png","pc":"himansujha","sb":"Animated"},{"id":"21st:honestui__chromatic-text-reveal","t":"Chromatic text reveal","d":"An animated text component that reveals a rotating list of words after a fixed prefix, with a moving multicolor gradient sweeping across each word as it appears.","s":"21st","c":"motion/text-effect","a":"honestui","pl":"https://cdn.21st.dev/honestui/chromatic-text-reveal/default/preview.1790469441238-d99de3d1-be3f-40d7-b5e5-8988f9b8abb1.png","pc":"honestui","sb":"Reveal and entrance"},{"id":"21st:httpsdesign-layercomja__grainient-images-section","t":"Grainient images section","d":"Stop flat image grids. Gradient tiles rush toward center on scroll, then the headline lands — a gallery with gravity. Preview live, paste into Cursor: https://design-layer.com/en/c","s":"21st","c":"media/gallery","a":"httpsdesign-layercomja","pl":"https://cdn.21st.dev/httpsdesign-layercomja/grainient-images-section/default/preview.1788553224239-5ca10ff2-ec06-4396-b9a6-7af2f21b796e.jpg","pc":"httpsdesign-layercomja"},{"id":"21st:httpsdesign-layercomja__music-video-pin-stack","t":"Music video pin stack","d":"Turn a track list into a show. Thumbnails rise on scroll while title and artist switch in sync — music energy, not a static grid. Preview live, paste into Cursor: https://design-la","s":"21st","c":"media/player","a":"httpsdesign-layercomja","pl":"https://cdn.21st.dev/httpsdesign-layercomja/music-video-pin-stack/default/preview.1788914535360-1ade5673-b90b-48ff-a1e2-d198c5cdbe26.jpg","pc":"httpsdesign-layercomja"},{"id":"21st:httpsdesign-layercomja__path-drawing-portfolio-hero","t":"Path drawing portfolio hero","d":"Your name shouldn't just sit there. It draws itself as a living gradient stroke — a portfolio opener with signature motion. Preview live, paste into Cursor: https://design-layer.co","k":"section","s":"21st","c":"marketing/hero","a":"httpsdesign-layercomja","pl":"https://cdn.21st.dev/httpsdesign-layercomja/path-drawing-portfolio-hero/default/preview.1788578428891-baad20b6-fac9-4ffb-b467-cceb3ce69884.jpg","pc":"httpsdesign-layercomja"},{"id":"21st:httpsdesign-layercomja__pixel-arc-loader","t":"Pixel arc loader","d":"Waiting shouldn't feel empty. A soft landscape behind an arched pixel logo that waves into place — a loader people actually remember. Preview live, paste into Cursor: https://desig","s":"21st","c":"status/loader","a":"httpsdesign-layercomja","pl":"https://cdn.21st.dev/httpsdesign-layercomja/pixel-arc-loader/default/preview.1788489271230-a14086a1-9f5d-4520-a4e8-3d9652e268d7.jpg","pc":"httpsdesign-layercomja"},{"id":"21st:httpsdesign-layercomja__sakura-editorial-poster","t":"Sakura editorial poster","d":"Make the first scroll feel like opening a poster, not another SaaS hero. Sakura holds the frame — then the title reveals letter by letter from behind the branch. Preview live, past","s":"21st","c":"inputs/textarea","a":"httpsdesign-layercomja","pl":"https://cdn.21st.dev/DesignLayer/sakura-editorial-poster/default/preview.1788486219710-5d3d6a77-e99c-414f-b2b9-4670bc0f1025.jpg","pc":"httpsdesign-layercomja"},{"id":"21st:huahaoshang2000__art-gallery-girl","t":"Art gallery girl","d":"Animated (flicker) ASCII art in the Dots style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, a","k":"motion","s":"21st","c":"motion/ascii","a":"huahaoshang2000","pl":"https://cdn.21st.dev/huahaoshang2000/art-gallery-girl/default/preview.1788598245083-7755d4ad-bbc7-46e4-8fa8-9fb1e342d574.webp","pc":"huahaoshang2000","sb":"Dots"},{"id":"21st:hungduong-projects__flip-text","t":"Flip text","d":"A headline whose letters are filled with a looping video instead of flat color, while staying real, selectable text for screen readers.","s":"21st","c":"motion/text-effect","a":"hungduong-projects","pl":"https://cdn.21st.dev/hungduong-projects/flip-text/default/preview.1791256878210-1b1cda80-412d-4919-86bc-df3c338a316c.png","pc":"hungduong-projects","sb":"Rotating words"},{"id":"21st:hyperiux__arc-flow-carousel","t":"Arc flow carousel","s":"21st","c":"media/carousel","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/arc-flow-carousel/default/preview.1788418165052-7bcb55a1-1ecb-47bb-861b-c25a84445954.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__arrow-fill-button","t":"Arrow fill button","d":"Pill button with an orange border whose circular fill expands to cover the button on hover as the label recolors and an arrow slides in.","s":"21st","c":"actions/button","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/arrow-fill-button/default/preview.1788355523302-d94c5a80-52de-4e03-91a8-53c541df8f40.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__block-transition","t":"Block transition","s":"21st","c":"other","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/block-transition/default/preview.1791379618734-efc7dcdd-39d5-4a60-9ed2-7c7f1457018c.png","pc":"hyperiux"},{"id":"21st:hyperiux__border-beam","t":"Border beam","k":"motion","s":"21st","c":"motion/border","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/border-beam/default/preview.1789969877057-2798d573-a610-405f-a997-036e8d6294c4.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__cards-rotate-slider","t":"Cards rotate slider","s":"21st","c":"inputs/slider","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/cards-rotate-slider/default/preview.1789372908280-61e96cf3-5168-48c7-9383-c7d8b9f03e45.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__chess-grid-transition","t":"Chess grid transition","s":"21st","c":"layout/page-shell","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/chess-grid-transition/default/preview.1791379555555-be82da53-842f-4878-bfe6-809949af0fe8.png","pc":"hyperiux"},{"id":"21st:hyperiux__chromatic-text","t":"Chromatic text","d":"Headline with an animated RGB split / chromatic-aberration effect on each character. Theme-aware, respects reduced motion.","s":"21st","c":"motion/text-effect","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/chromatic-text/default/preview.1788439333442-3d2510e0-9a10-46f2-80a1-ec56e3c71c7d.png","pc":"hyperiux"},{"id":"21st:hyperiux__circular-split-roll","t":"Circular split roll","d":"Scroll-pinned split gallery: titles orbit one circular path while image cards orbit another, each item easing into focus at the centre. Theme-aware, reduced-motion fallback grid, f","s":"21st","c":"layout/split-pane","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/circular-split-roll/default/preview.1788432565613-73c3e535-15e6-4680-8d5a-f25a70b91fa4.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__depth-flip-text","t":"Depth flip text","d":"Perspective text effect that flips each phrase to the next on a 3D hinge with staggered per-character motion and an optional crossfade.","s":"21st","c":"motion/text-effect","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/depth-flip-text/default/preview.1788359542186-9caf42f6-3450-4a47-a19a-bc1024bc7f2f.jpg","pc":"hyperiux","sb":"Rotating words"},{"id":"21st:hyperiux__dimensional-switch-slider","t":"Dimensional switch slider","d":"3D card-flip carousel with directional text transitions, configurable horizontal or vertical flip axis, custom easing, autoplay and pagination.","s":"21st","c":"inputs/slider","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/dimensional-switch-slider/default/preview.1788418373707-8afd5a93-da3a-4e3d-a98c-222523a81982.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__directional-menu","t":"Directional menu","s":"21st","c":"navigation/menu","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/directional-menu/default/preview.1791377323238-5e69dc03-d319-4572-bb60-d5c6d5560eac.png","pc":"hyperiux"},{"id":"21st:hyperiux__dot-transition","t":"Dot transition","s":"21st","c":"other","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/dot-transition/default/preview.1789392589087-4e1d880f-1ef0-477e-ae24-256a1166bf91.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__dotted-grid","t":"Dotted grid","s":"21st","c":"layout/page-shell","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/dotted-grid/default/preview.1788531116637-4d0359ac-194a-46ab-8841-3810dd60c429.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__dotted-trail-cursor","t":"Dotted trail cursor","k":"motion","s":"21st","c":"motion/cursor","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/dotted-trail-cursor/default/preview.1791375973239-66aefec2-3fa7-490c-842a-fdf9516decac.png","pc":"hyperiux"},{"id":"21st:hyperiux__drop-text","t":"Drop text","d":"Headline whose characters fall and bounce into place with a staggered gravity drop. Theme-aware, respects reduced motion.","s":"21st","c":"motion/text-effect","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/drop-text/default/preview.1788439396196-fe55e401-67e9-422e-8dfa-1b2728259c3d.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__elevate-navbar","t":"Elevate navbar","s":"21st","c":"navigation/top-nav","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/elevate-navbar/default/preview.1788852004155-da85643e-4364-4422-9c4f-8607b60da151.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__ellipse-carousel","t":"Ellipse carousel","d":"Elliptical card carousel with autoplay, drag interaction, position-based scaling, mobile-specific ellipse tuning, and an optional center label.","s":"21st","c":"media/carousel","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/ellipse-carousel/default/preview.1788419879474-e0a243a6-3f09-4d29-bf37-d5291997dc89.png","pc":"hyperiux"},{"id":"21st:hyperiux__flickering-text","t":"Flickering text","d":"Headline with a broken-neon-sign flicker: characters stutter between on and off states before stabilising. Theme-aware, respects reduced motion.","s":"21st","c":"motion/text-effect","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/flickering-text/default/preview.1788439643754-1d1607d1-5056-43c8-af7d-0050d1b5faf4.png","pc":"hyperiux"},{"id":"21st:hyperiux__focus-text","t":"Focus text","s":"21st","c":"motion/text-effect","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/focus-text/default/preview.1788438303420-a7e3f50c-f31c-49f2-8e94-7c48a56cd760.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__fractal-glass","t":"Fractal glass","s":"21st","c":"actions/button","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/fractal-glass/default/preview.1788446214045-2e4dcaf2-746e-4bed-80ca-9755c2de2052.jpg","pc":"hyperiux","sb":"Animated"},{"id":"21st:hyperiux__glowing-text","t":"Glowing text","s":"21st","c":"motion/text-effect","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/glowing-text/default/preview.1789736992893-1b331214-bd07-41eb-bfbb-fa8406f99163.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__gooey-counter","t":"Gooey counter","k":"motion","s":"21st","c":"motion/number-ticker","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/gooey-counter/default/preview.1788854475321-9b20ed4f-c60f-4ef3-adaa-d7a49d1f2f3f.png","pc":"hyperiux"},{"id":"21st:hyperiux__gsap-card-flip","t":"Gsap card flip","s":"21st","c":"data-display/card","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/gsap-card-flip/default/preview.1789129075493-4e1e0070-d012-4fa0-9ebe-772312ab8c59.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__horizontal-feature-reveal","t":"Horizontal feature reveal","d":"Vertical scroll drives a horizontal editorial track: number, title and copy reveal with SplitText line masks while each image parallaxes. Theme-aware, mobile fallback stack, prop-d","k":"section","s":"21st","c":"marketing/features","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/horizontal-feature-reveal/default/preview.1788432874602-bb8ee02a-7457-4929-984a-aa9954cd0339.png","pc":"hyperiux"},{"id":"21st:hyperiux__hover-stack","t":"Hover stack","s":"21st","c":"media/card-stack","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/hover-stack/default/preview.1788785257061-e643ad95-f5a2-4fa5-9130-3b6466e3ba6c.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__immersive-full-screen-nav","t":"Immersive full screen nav","s":"21st","c":"navigation/top-nav","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/immersive-full-screen-nav/default/preview.1789537775669-bc4f0b35-3480-4b0e-9a81-11800f0e6e3d.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__infinite-perspective-slider","t":"Infinite perspective slider","d":"Infinitely looping horizontal gallery driven by wheel and drag, cards tilting on a Y-axis perspective as they move, with SplitText caption reveals on hover. Theme-aware, reduced-mo","s":"21st","c":"inputs/slider","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/infinite-perspective-slider/default/preview.1788433432297-a01edd5c-e702-479b-b25f-57efdba9f8a4.png","pc":"hyperiux"},{"id":"21st:hyperiux__information-drawer","t":"Information drawer","d":"Team profile grid that opens a full-height detail drawer per member. GSAP-tweened slide + staged bio fade-in, native scroll lock, reduced-motion fallback.","s":"21st","c":"overlays/sheet","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/information-drawer/default/preview.1789367758791-add57846-cf76-4c0c-a202-6e3ed4a745e7.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__interactive-blur-reveal","t":"Interactive blur reveal","d":"WebGL2 fullscreen shader that keeps an image frosted by default and reveals a sharp version wherever the cursor trails, with animated film grain and a subtle vignette","s":"21st","c":"motion/text-effect","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/interactive-blur-reveal/default/preview.1789026631277-19d4c334-393e-4644-9e0c-4a3a7c523bce.jpg","pc":"hyperiux","sb":"Reveal and entrance"},{"id":"21st:hyperiux__interactive-list-preview","t":"Interactive list preview","s":"21st","c":"data-display/list","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/interactive-list-preview/default/preview.1788789898509-b06f2430-45ae-4d68-8b76-770ebddfb7aa.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__link-button","t":"Link button","d":"Minimal link button with an animated underline and a rotating arrow icon; use it for inline text links and CTAs that need a bit of motion.","s":"21st","c":"actions/button","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/link-button/default/preview.1788350398284-ee98112d-6833-47b6-94ee-4094ec015355.png","pc":"hyperiux"},{"id":"21st:hyperiux__liquid-glass-cursor","t":"Liquid glass cursor","k":"motion","s":"21st","c":"motion/cursor","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/liquid-glass-cursor/default/preview.1788527646967-3209ca83-e99c-4326-8578-363d67c54ed9.png","pc":"hyperiux"},{"id":"21st:hyperiux__metallic-button","t":"Metallic button","d":"Button with a WebGL metallic shader rim, hover and press speed ramps, and a click ripple. Every metal parameter is a live control.","s":"21st","c":"actions/button","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/metallic-button/default/preview.1789554011315-4ae1a1ae-3771-4ff5-9874-0b689b09bbc0.png","pc":"hyperiux"},{"id":"21st:hyperiux__milky-way","t":"Milky way","s":"21st","c":"other","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/milky-way/default/preview.1789117542576-7afbe128-0b19-4dab-b596-426ec221728c.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__numeric-tunnel","t":"Numeric tunnel","s":"21st","c":"other","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/numeric-tunnel/default/preview.1789538620465-29c9b993-1917-4a47-a479-665d06615aeb.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__orbit-flip-slider","t":"Orbit flip slider","s":"21st","c":"inputs/slider","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/orbit-flip-slider/default/preview.1788418030592-b0e98765-bff9-4139-9de9-a99d154796e4.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__parallax-strip-slider","t":"Parallax strip slider","s":"21st","c":"inputs/slider","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/parallax-strip-slider/default/preview.1788944379851-df1ba2d3-3338-47a4-a6c2-3333825009f5.webp","pc":"hyperiux"},{"id":"21st:hyperiux__phantom-image-trail","t":"Phantom image trail","s":"21st","c":"media/gallery","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/phantom-image-trail/default/preview.1788525319172-bde5d186-eb90-4d17-b8ff-be8e53aa3b54.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__pixel-text-fill","t":"Pixel text fill","d":"Headline that fills in via a pixelated dissolve, each glyph resolving from a coarse pixel grid to crisp type. Theme-aware, respects reduced motion.","s":"21st","c":"motion/text-effect","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/pixel-text-fill/default/preview.1788439468325-67e0e7de-8c12-45d5-bc16-b587f75b3c3d.png","pc":"hyperiux"},{"id":"21st:hyperiux__pixelated-image-effect","t":"Pixelated image effect","s":"21st","c":"media/gallery","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/pixelated-image-effect/default/preview.1789454846920-22b598a4-c21c-4701-82b8-fa046cf4b53b.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__rectangular-text-reveal","t":"Rectangular text reveal","k":"motion","s":"21st","c":"motion/text-effect","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/rectangular-text-reveal/default/preview.1790320603188-083e4a91-82a8-4aa2-bd81-d35a44bd2a1d.png","pc":"hyperiux","sb":"Reveal and entrance"},{"id":"21st:hyperiux__rolling-text","t":"Rolling text","d":"Headline where each letter spins vertically through a reel of duplicates like a slot machine before landing on the final word. Deterministic, theme-aware, respects reduced motion.","s":"21st","c":"motion/text-effect","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/rolling-text/default/preview.1788438548380-b1e1934c-6147-435e-870e-49c7e0ae253f.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__scramble-link-button","t":"Scramble link button","d":"Link button that scrambles its label into random glyphs on hover before resolving, with an optional underline and arrow icon.","s":"21st","c":"actions/button","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/scramble-link-button/default/preview.1788351183049-e84ac6ea-2b87-405d-91db-b16c382a114f.png","pc":"hyperiux"},{"id":"21st:hyperiux__shiny-button","t":"Shiny button","s":"21st","c":"actions/button","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/shiny-button/default/preview.1789551944657-45b85f25-5504-4f3f-84ce-d27c6bb43b8d.png","pc":"hyperiux"},{"id":"21st:hyperiux__spider-particles","t":"Spider particles","k":"motion","s":"21st","c":"motion/background","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/spider-particles/default/preview.1788529344608-1ba52b00-dae9-4772-a368-a2fb63334e30.png","pc":"hyperiux","sb":"Particles and stars"},{"id":"21st:hyperiux__split-canvas","t":"Split canvas","s":"21st","c":"layout/split-pane","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/split-canvas/default/preview.1790323322890-1c15e3a4-625b-48f3-ae9a-1b29f230d461.png","pc":"hyperiux"},{"id":"21st:hyperiux__stack-loader","t":"Stack loader","d":"Stack-to-spread image intro loader with GSAP SplitText word animations and staggered image choreography. Reveals your own content underneath once it finishes.","s":"21st","c":"status/loader","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/stack-loader/default/preview.1789730405918-84005477-ce91-4c19-ac8f-ecc97428f605.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__stack-spread","t":"Stack spread","s":"21st","c":"media/card-stack","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/stack-spread/default/preview.1788948031586-6ef70875-48b0-41c0-bd87-fd6a51300924.png","pc":"hyperiux"},{"id":"21st:hyperiux__sticky-content-wrapper","t":"Sticky content wrapper","d":"Split-screen sticky scroll: content on one side steps through headings, copy and a CTA while the paired image scales and swaps on the other. Theme-aware, snap-aware, mobile stack f","s":"21st","c":"other","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/sticky-content-wrapper/default/preview.1788433720962-5142ebb9-9ceb-4235-bcdf-6e62bbbe34a0.png","pc":"hyperiux"},{"id":"21st:hyperiux__text-convergence","t":"Text convergence","s":"21st","c":"motion/text-effect","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/text-convergence/default/preview.1789034591381-feabdd11-82ca-4cf7-86e0-82da0e88160f.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__timeline","t":"Timeline","d":"Horizontal scroll timeline with Lenis smoothing, GSAP milestone reveals, dark/light theme support, and reduced-motion support.","s":"21st","c":"data-display/timeline","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/timeline/default/preview.1789984830897-437e75fb-2661-4d71-9dca-053df95e0256.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__typing-text","t":"Typing text","d":"Multi-line terminal-style typewriter with sequential, cascade, and loop variants, configurable cursor styles, blur/rotate/scale entrance, and RTL support. Theme-aware, respects red","s":"21st","c":"motion/text-effect","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/typing-text/default/preview.1788438608928-ded32cff-d617-4b30-9264-671bf2f941ea.jpg","pc":"hyperiux","sb":"Typewriter"},{"id":"21st:hyperiux__variable-text-proximity","t":"Variable text proximity","s":"21st","c":"motion/text-effect","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/variable-text-proximity/default/preview.1789028765658-4bc10caa-034d-4d47-9bab-af5b5211c781.jpg","pc":"hyperiux"},{"id":"21st:hyperiux__zoom-slider","t":"Zoom slider","s":"21st","c":"inputs/slider","a":"hyperiux","pl":"https://cdn.21st.dev/hyperiux/zoom-slider/default/preview.1788418233497-7c303cfa-cafc-45a2-951c-dd6a5fc5b53b.jpg","pc":"hyperiux"},{"id":"21st:iamtoribryan__portfolio-banner","t":"Portfolio banner","d":"Animated WebGL shader background in the Dithering style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#1","k":"motion","s":"21st","c":"motion/shader","a":"iamtoribryan","pl":"https://cdn.21st.dev/iamtoribryan/portfolio-banner/default/preview.1787537814742-e64fbca4-6481-4833-9a7d-d1b28e513f00.webp","pc":"iamtoribryan","sb":"Dithering"},{"id":"21st:iamtoribryan__token-flow","t":"Token flow","d":"Theme-aware token visualizer","s":"21st","c":"other","a":"iamtoribryan","pl":"https://cdn.21st.dev/iamtoribryan/token-flow/default/preview.1789697079341-fa4d1e28-485b-4d1a-9766-738fd986da98.png","pc":"iamtoribryan"},{"id":"21st:ibelick__feedback-bar","t":"Feedback bar","d":"A compact inline bar for collecting thumbs-up/thumbs-down feedback on AI chat responses, with a dismiss button.","s":"21st","c":"data-display/timeline","a":"ibelick","pl":"https://cdn.21st.dev/ibelick/feedback-bar/default/preview.1788809891791-52c4f083-cb80-483f-ac8b-81b8d1e93cec.png","pc":"ibelick"},{"id":"21st:ibelick__system-message","t":"System message","d":"A banner-style alert component for surfacing warnings, errors, or contextual instructions inside AI chat interfaces, with optional icon and call-to-action button.","s":"21st","c":"ai-agent/ai-agent","a":"ibelick","pl":"https://cdn.21st.dev/ibelick/system-message/default/preview.1789959475401-50123bc7-7bfc-43fe-9634-1032df9fdaa5.png","pc":"ibelick","sb":"Chat"},{"id":"21st:ibelick__tool","t":"Tool","d":"A collapsible panel that shows an AI tool call's status, input arguments, output, and errors, for visualizing tool usage in chat interfaces.","s":"21st","c":"other","a":"ibelick","pl":"https://cdn.21st.dev/ibelick/tool/default/preview.1789959443758-b221aa46-bea4-4902-963e-551c64565fa6.png","pc":"ibelick"},{"id":"21st:ibrandify__build-pipeline","t":"Build pipeline","d":"An interactive 3D build pipeline visualizing CI/CD stages as a floating isometric timeline.","s":"21st","c":"data-display/timeline","a":"ibrandify","pl":"https://cdn.21st.dev/ibrandify/build-pipeline/default/preview.1791486229172-5a87c2be-d48c-4b26-b393-6c6b648eb986.png","pc":"ibrandify"},{"id":"21st:ibrandify__copy-with-confirmation","t":"Copy with confirmation","d":"A copy button that confirms success with a checkmark and seamlessly reverts.","s":"21st","c":"overlays/dialog","a":"ibrandify","pl":"https://cdn.21st.dev/ibrandify/copy-with-confirmation/default/preview.1791402055558-52774ded-2cd7-4ce1-a3c0-994267532f9b.png","pc":"ibrandify","sb":"Confirm"},{"id":"21st:ibrandify__donut-breakdown","t":"Donut breakdown","d":"Select segments, show totals and percentages, and provide a text alternative.","s":"21st","c":"data-viz/chart","a":"ibrandify","pl":"https://cdn.21st.dev/ibrandify/donut-breakdown/default/preview.1791409149766-bdc57fe0-77e8-4eed-abc5-0fe66a9bdf08.png","pc":"ibrandify","sb":"Pie, donut and radial"},{"id":"21st:ibrandify__featured-project-hero","t":"Featured project hero","d":"A stunning hero section to highlight featured projects, featuring image showcases and clean typography.","k":"section","s":"21st","c":"marketing/hero","a":"ibrandify","pl":"https://cdn.21st.dev/ibrandify/featured-project-hero/default/preview.1791549577798-3ed4844a-39b9-44c1-8cb9-b35f02eb5cda.png","pc":"ibrandify"},{"id":"21st:ibrandify__focus-city","t":"Focus city","d":"A compact focus calendar with a morphing isometric skyline, heatmap, interactive day inspection, session breakdown and responsive controls.","s":"21st","c":"other","a":"ibrandify","pl":"https://cdn.21st.dev/ibrandify/focus-city/default/preview.1791450902011-552cbc81-8cca-48ce-b7ca-0ddfbd1f9b3a.png","pc":"ibrandify"},{"id":"21st:ibrandify__quote-crossfade","t":"Quote crossfade","d":"A manually navigated testimonial panel with animated quote transitions and explicit source attribution.","s":"21st","c":"other","a":"ibrandify","pl":"https://cdn.21st.dev/ibrandify/quote-crossfade/default/preview.1791502306247-edf913bf-9331-47fc-af00-94c64e9fd518.jpg","pc":"ibrandify"},{"id":"21st:ibrandify__save-with-progress","t":"Save with progress","d":"A save button that shows a continuous progress bar during asynchronous requests.","s":"21st","c":"data-viz/progress-bar","a":"ibrandify","pl":"https://cdn.21st.dev/ibrandify/save-with-progress/default/preview.1791400850513-7f8b4a47-73ba-48da-b39d-d9eb66f585bf.png","pc":"ibrandify"},{"id":"21st:ibrandify__scroll-timeline","t":"Scroll timeline","d":"A vertical milestone timeline that dynamically draws a progress line and reveals content cards on scroll.","s":"21st","c":"data-display/timeline","a":"ibrandify","pl":"https://cdn.21st.dev/ibrandify/scroll-timeline/default/preview.1790957586697-bc56f092-5525-43f6-898c-a4763071b437.png","pc":"ibrandify"},{"id":"21st:ibrandify__storage-district","t":"Storage district","d":"An isometric storage block visualizer that floats on hover.","s":"21st","c":"other","a":"ibrandify","pl":"https://cdn.21st.dev/ibrandify/storage-district/default/preview.1791454266109-7563cfa7-4463-4e92-aeea-e546ecff9c0d.png","pc":"ibrandify"},{"id":"21st:inference-sh__code-block","t":"Code block","d":"A syntax-highlighted code block with line numbers, a language label header, and a copy-to-clipboard button, for displaying code snippets in docs or chat UIs.","s":"21st","c":"data-display/code-block","a":"inference-sh","pl":"https://cdn.21st.dev/inference-sh/code-block/default/preview.1790007883722-77af39dd-6267-4f34-80c4-c471b8f0bb2e.png","pc":"inference-sh"},{"id":"21st:intentui__color-area","t":"Color area","d":"A 2D draggable color picker surface for adjusting saturation and brightness (or similar color channel pairs) with an accessible thumb handle.","s":"21st","c":"inputs/color-picker","a":"intentui","pl":"https://cdn.21st.dev/intentui/color-area/default/preview.1790056122874-d589f6a3-3c4a-4c77-bbf6-68bc39ade722.png","pc":"intentui"},{"id":"21st:intentui__color-slider","t":"Color slider","d":"A horizontal or vertical slider for adjusting a single color channel such as hue, saturation, or brightness, built on React Aria Components.","s":"21st","c":"inputs/slider","a":"intentui","pl":"https://cdn.21st.dev/intentui/color-slider/default/preview.1787119348559-aace3409-701c-45fb-ad23-c8f15ed0c3d7.png","pc":"intentui"},{"id":"21st:intentui__disclosure-group","t":"Disclosure group","d":"An accessible group of collapsible disclosure sections for building FAQs and expandable content panels, with single or multiple expanded items.","s":"21st","c":"data-display/accordion","a":"intentui","pl":"https://cdn.21st.dev/intentui/disclosure-group/default/preview.1787145355315-faf4f30a-38b3-4fa9-b5ce-19df53024a3c.png","pc":"intentui"},{"id":"21st:isaiahbjork__primitive-avatar","t":"Primitive avatar","d":"An animated avatar that renders initials over a live WebGL shader background, automatically adapting its colors to light or dark theme.","s":"21st","c":"data-display/avatar","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/primitive-avatar/default/preview.1789680517198-ea9b4443-1476-4a49-abaf-aea4acecfcfd.png","pc":"isaiahbjork"},{"id":"21st:isaiahbjork__primitive-badge","t":"Primitive badge","d":"A small animated status/label badge with default, secondary, outline, muted and accent color variants and size options.","s":"21st","c":"data-display/badge","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/primitive-badge/default/preview.1789680565853-0d8382da-7877-4911-aa49-f9ec99c1dd30.png","pc":"isaiahbjork"},{"id":"21st:isaiahbjork__primitive-breadcrumb","t":"Primitive breadcrumb","d":"A navigation trail of links showing the current page's location within a site's hierarchy, with a themed muted text style.","s":"21st","c":"navigation/breadcrumb","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/primitive-breadcrumb/default/preview.1789679945851-356f28e2-efae-41e9-bc11-23b3afa92632.png","pc":"isaiahbjork"},{"id":"21st:isaiahbjork__primitive-button-group","t":"Primitive button group","d":"A rounded container that groups related buttons together with consistent spacing, padding and a shared surface background.","s":"21st","c":"actions/button","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/primitive-button-group/default/preview.1789680017775-19d5bf0e-eec6-42a2-98c7-5b39e7c4936c.png","pc":"isaiahbjork","sb":"Groups and split"},{"id":"21st:isaiahbjork__primitive-calendar","t":"Primitive calendar","d":"A styled date-picker calendar with animated month/day transitions, built for selecting single dates, ranges, or multiple dates in forms and date pickers.","s":"21st","c":"data-display/calendar","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/primitive-calendar/default/preview.1789685576439-950969e2-82e8-464c-8a1e-45668819fe06.png","pc":"isaiahbjork"},{"id":"21st:isaiahbjork__primitive-checkbox","t":"Primitive checkbox","d":"A styled checkbox with a warm accent color and soft inset shadow, built on top of the standard checkbox primitive for forms and settings toggles.","s":"21st","c":"inputs/checkbox","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/primitive-checkbox/default/preview.1789679694996-46799f9c-133f-4e0d-ac16-d21bb0c795fa.png","pc":"isaiahbjork"},{"id":"21st:isaiahbjork__primitive-combobox","t":"Primitive combobox","d":"A searchable dropdown select that lets users filter and pick one option from a list, built on a popover and command palette.","s":"21st","c":"inputs/combobox","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/primitive-combobox/default/preview.1789680273120-f972b30c-3061-42e0-9a09-6539003bb387.png","pc":"isaiahbjork"},{"id":"21st:isaiahbjork__primitive-input","t":"Primitive input","d":"A styled text input with size and visual variants, subtle focus-lift animation, and an optional leading icon slot.","s":"21st","c":"inputs/form-field","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/primitive-input/default/preview.1789669850379-4ec79526-77b3-4392-8e4a-d73cad55a695.png","pc":"isaiahbjork"},{"id":"21st:isaiahbjork__primitive-input-mask","t":"Primitive input mask","d":"A credit-card style text input that auto-formats digits into 4-character groups as the user types, useful for payment or card-number fields.","s":"21st","c":"inputs/form-field","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/primitive-input-mask/default/preview.1789695747614-5eb68eb4-e2c7-47fc-ad5d-1e37b98fb722.png","pc":"isaiahbjork"},{"id":"21st:isaiahbjork__primitive-pagination","t":"Primitive pagination","d":"A styled pagination control with page number links, previous/next buttons, and an ellipsis for skipped pages, for navigating multi-page lists or tables.","s":"21st","c":"navigation/pagination","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/primitive-pagination/default/preview.1789680674809-3fdcd84b-cafa-4159-9210-1ae6b5bf48e8.png","pc":"isaiahbjork"},{"id":"21st:isaiahbjork__primitive-sonner","t":"Primitive sonner","s":"21st","c":"overlays/toast","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/primitive-sonner/default/preview.1789680148603-4ad39ad3-ed2f-4476-9af1-bc283f3dfc7e.png","pc":"isaiahbjork"},{"id":"21st:isaiahbjork__primitive-tabs","t":"Primitive tabs","d":"A styled tabbed panel switcher for toggling between two or more related content views in the same space.","s":"21st","c":"navigation/tabs","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/primitive-tabs/default/preview.1789679559919-5856a53e-4d23-44e0-9cc2-ffde7b131acf.png","pc":"isaiahbjork"},{"id":"21st:isaiahbjork__primitive-textarea","t":"Primitive textarea","d":"A styled multi-line text input field with a soft rounded surface and hidden resize handle, for forms and messages.","s":"21st","c":"inputs/textarea","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/primitive-textarea/default/preview.1789690339900-dc73f4ef-c254-41bf-9429-1a6f5c92d52e.png","pc":"isaiahbjork"},{"id":"21st:isaiahbjork__profile-hover-card","t":"Profile hover card","d":"A profile card that reveals a bio, follower/following stats and a follow button with a blur-fade and letter-by-letter name animation when hovered.","s":"21st","c":"data-display/profile","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/profile-hover-card/default/preview.1790079027063-4a833150-213b-4004-8c17-167d26b611db.png","pc":"isaiahbjork"},{"id":"21st:isaiahbjork__shader-aurora-veil","t":"Shader aurora veil","d":"A lightweight single-draw WebGL shader background that renders soft animated aurora color fields, used as a backdrop behind hero copy, cards, or onboarding sections.","s":"21st","c":"motion/background","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/shader-aurora-veil/default/preview.1789976208632-672120ee-68af-4d51-b7be-99235f2689c8.png","pc":"isaiahbjork","sb":"Shaders and WebGL"},{"id":"21st:isaiahbjork__shader-kinetic-dots","t":"Shader kinetic dots","d":"A pointer-reactive WebGL dot-grid shader background that fills the trail behind the cursor, for hero sections, cards, and interactive backdrops.","s":"21st","c":"motion/background","a":"isaiahbjork","pl":"https://cdn.21st.dev/isaiahbjork/shader-kinetic-dots/default/preview.1790078765655-d7add445-6e0a-474b-a731-6929c379d4df.png","pc":"isaiahbjork","sb":"Shaders and WebGL"},{"id":"21st:ivarunchaudhary__services-stack","t":"Services stack","d":"Scroll-stacked services section: sticky full-height panels whose cards shrink and fade as the next one slides over, a cross-fading photo background with film grain, and a looping l","k":"section","s":"21st","c":"marketing/features","a":"ivarunchaudhary","pl":"https://cdn.21st.dev/varunjat640/services-stack/default/preview.1790533209878-431d2bf5-6e04-46e9-a727-abf05611acf3.png","pc":"ivarunchaudhary"},{"id":"21st:jacopagan7-ui__jpag-manifesto","t":"Jpag manifesto","d":"Animated WebGL shader background in the Orb style. Generated by the 21st.dev Shader Builder. 4-color palette (#160B0B, #C2402A, #F49D37, #FFE8C2). A drop-in, zero-dependency React ","k":"motion","s":"21st","c":"motion/shader","a":"jacopagan7-ui","pl":"https://cdn.21st.dev/jacopagan7-ui/jpag-manifesto/default/preview.1788862534809-4c758e4e-fe8b-4dcd-bf27-d15f147bbd01.webp","pc":"jacopagan7-ui","sb":"Orb"},{"id":"21st:jahed__ai-agent-response","t":"Ai agent response","s":"21st","c":"ai-agent/ai-agent","a":"jahed","pl":"https://cdn.21st.dev/easemize/ai-agent-response/default/preview.1787284566246-85f49631-b203-40bc-b82c-fb0c5bbeaf57.webp","pc":"jahed"},{"id":"21st:jahed__ai-prompt-box","t":"Ai prompt box","d":"AI prompt Box, AI chat Input, AI chat box, with search, with think, with thinking, with canvas, with audio recording","s":"21st","c":"ai-agent/composer","a":"jahed","pl":"https://cdn.21st.dev/easemize/ai-prompt-box/default/preview.1747972675277.png","pc":"jahed"},{"id":"21st:jahed__animated-3d-mac-book-air","t":"Animated 3d mac book air","s":"21st","c":"motion/tilt-3d","a":"jahed","pl":"https://cdn.21st.dev/easemize/animated-3d-mac-book-air/default/preview.1748338503303.png","pc":"jahed"},{"id":"21st:jahed__animated-glow-card","t":"Animated glow card","s":"21st","c":"data-display/card","a":"jahed","pl":"https://cdn.21st.dev/jahed/animated-glow-card/default/preview.1788797374287-07a566f5-c85a-4f52-8e48-aaeabd72cedc.png","pc":"jahed","sb":"Animated and glowing"},{"id":"21st:jahed__animated-svg-text-path","t":"Animated svg text path","s":"21st","c":"motion/text-effect","a":"jahed","pl":"https://cdn.21st.dev/easemize/animated-svg-text-path/default/preview.1749103146959.png","pc":"jahed","sb":"Handwriting and SVG"},{"id":"21st:jahed__apple-tahoe-liquid-glass-button","t":"Apple tahoe liquid glass button","s":"21st","c":"actions/button","a":"jahed","pl":"https://cdn.21st.dev/easemize/apple-tahoe-liquid-glass-button/default/preview.1783155783019.png","pc":"jahed","sb":"Social and sign-in"},{"id":"21st:jahed__auth-fuse","t":"Auth fuse","d":"$3f","s":"21st","c":"flows/sign-in","a":"jahed","pl":"https://cdn.21st.dev/easemize/auth-fuse/default/preview.1756902511871.png","pc":"jahed","sb":"Sign in"},{"id":"21st:jahed__auth-ui","t":"Auth ui","d":"Authentication, sign in, sign up, signin, signup, login, create account","s":"21st","c":"flows/sign-in","a":"jahed","pl":"https://cdn.21st.dev/easemize/auth-ui/default/preview.1752208958307.png","pc":"jahed","sb":"Sign in"},{"id":"21st:jahed__beams-background","t":"Beams background","d":"Canvas-driven animated light beams with chromatic aberration and scanline overlays designed for futuristic dark-mode hero sections.","k":"motion","s":"21st","c":"motion/background","a":"jahed","pl":"https://cdn.21st.dev/easemize/beams-background/default/preview.1787495400495-e47d8a6c-0bc8-4c44-9d2b-b98e8ca8cd3e.png","pc":"jahed","sb":"Beams and light"},{"id":"21st:jahed__chatgpt-prompt-input","t":"Chatgpt prompt input","d":"This is a complete replica of the chatgpt prompt input some may call it chat input or prompt box or promptbox","s":"21st","c":"ai-agent/composer","a":"jahed","pl":"https://cdn.21st.dev/easemize/chatgpt-prompt-input/default/preview.1750427255605.png","pc":"jahed"},{"id":"21st:jahed__cinematic-landing-hero","t":"Cinematic landing hero","k":"section","s":"21st","c":"marketing/hero","a":"jahed","pl":"https://cdn.21st.dev/easemize/cinematic-landing-hero/default/preview.1774169408294.png","pc":"jahed"},{"id":"21st:jahed__cyber-button","t":"Cyber button","s":"21st","c":"actions/button","a":"jahed","pl":"https://cdn.21st.dev/jahed/cyber-button/default/preview.1789311748796-4c9f3b08-88e7-4365-a722-8bba330c498b.png","pc":"jahed"},{"id":"21st:jahed__dot-text","t":"Dot text","d":"Canvas-powered dot matrix typography with dynamic text cycling, scramble and fade transitions, and customizable LED grid styles.","s":"21st","c":"motion/text-effect","a":"jahed","pl":"https://cdn.21st.dev/easemize/dot-text/default/preview.1787501025081-fb4d9a52-e3e7-4071-8007-446653ff3fe4.webp","pc":"jahed"},{"id":"21st:jahed__dotted-vignette-background","t":"Dotted vignette background","d":"Dotted Vignette background with full controls","s":"21st","c":"motion/background","a":"jahed","pl":"https://cdn.21st.dev/easemize/dotted-vignette-background/default/preview.1747744030786.png","pc":"jahed","sb":"Grids and patterns"},{"id":"21st:jahed__dynamic-hero","t":"Dynamic hero","k":"section","s":"21st","c":"marketing/hero","a":"jahed","pl":"https://cdn.21st.dev/easemize/dynamic-hero/default/preview.1748335526423.png","pc":"jahed"},{"id":"21st:jahed__flip-countdown","t":"Flip countdown","k":"motion","s":"21st","c":"motion/number-ticker","a":"jahed","pl":"https://cdn.21st.dev/easemize/flip-countdown/default/preview.1751900339619.png","pc":"jahed"},{"id":"21st:jahed__flow-field-background","t":"Flow field background","k":"motion","s":"21st","c":"motion/background","a":"jahed","pl":"https://cdn.21st.dev/easemize/flow-field-background/default/preview.1785307715584-cdabbf17-6de7-4fc2-9541-de34cb6ad149.png","pc":"jahed"},{"id":"21st:jahed__glass-button","t":"Glass button","d":"Glass Button","s":"21st","c":"actions/button","a":"jahed","pl":"https://cdn.21st.dev/jahed/glass-button/default/preview.1789569055360-f72ffc45-8dd1-4ff7-9faa-fa819fed20bc.png","pc":"jahed","sb":"Animated"},{"id":"21st:jahed__glass-testimonial-swiper","t":"Glass testimonial swiper","d":"$38","s":"21st","c":"media/carousel","a":"jahed","pl":"https://cdn.21st.dev/easemize/glass-testimonial-swiper/default/preview.1756216487252.png","pc":"jahed"},{"id":"21st:jahed__glassmorphism-trust-hero","t":"Glassmorphism trust hero","d":"$38","k":"section","s":"21st","c":"marketing/hero","a":"jahed","pl":"https://cdn.21st.dev/easemize/glassmorphism-trust-hero/default/preview.1769356434569.png","pc":"jahed"},{"id":"21st:jahed__hero-1","t":"Hero 1","d":"minimal hero with modern gradiental background","k":"section","s":"21st","c":"marketing/hero","a":"jahed","pl":"https://cdn.21st.dev/easemize/hero-1/default/preview.1749529318335.png","pc":"jahed"},{"id":"21st:jahed__hero-with-video","t":"Hero with video","d":"Hero With Video and Image, Landing Page, Header","k":"section","s":"21st","c":"marketing/hero","a":"jahed","pl":"https://cdn.21st.dev/easemize/hero-with-video/default/preview.1749360042671.png","pc":"jahed","sb":"With video"},{"id":"21st:jahed__hover-glow-button","t":"Hover glow button","s":"21st","c":"actions/button","a":"jahed","pl":"https://cdn.21st.dev/easemize/hover-glow-button/default/preview.1748530810824.png","pc":"jahed","sb":"Animated"},{"id":"21st:jahed__hover-text-reveal-1","t":"Hover text reveal 1","d":"This lightweight React component, styled with Tailwind CSS and animated with GSAP (via CDN), creates a captivating effect where text characters gradually reveal themselves as the u","s":"21st","c":"motion/text-effect","a":"jahed","pl":"https://cdn.21st.dev/easemize/hover-text-reveal-1/default/preview.1751950821609.png","pc":"jahed","sb":"Reveal and entrance"},{"id":"21st:jahed__image-swiper","t":"Image swiper","d":"A dynamic and interactive React image swiper component that displays images as a stack of cards with a smooth, perspective-based swipe animation. Users can swipe through images wit","s":"21st","c":"media/carousel","a":"jahed","pl":"https://cdn.21st.dev/easemize/image-swiper/default/preview.1748529934858.png","pc":"jahed"},{"id":"21st:jahed__interactive-text-particle","t":"Interactive text particle","s":"21st","c":"motion/text-effect","a":"jahed","pl":"https://cdn.21st.dev/easemize/interactive-text-particle/default/preview.1749048183895.png","pc":"jahed"},{"id":"21st:jahed__interactive-thermodynamic-grid","t":"Interactive thermodynamic grid","s":"21st","c":"layout/page-shell","a":"jahed","pl":"https://cdn.21st.dev/easemize/interactive-thermodynamic-grid/default/preview.1770196010338.png","pc":"jahed"},{"id":"21st:jahed__isometric-wave-grid-background","t":"Isometric wave grid background","k":"motion","s":"21st","c":"motion/background","a":"jahed","pl":"https://cdn.21st.dev/easemize/isometric-wave-grid-background/default/preview.1769607241147.png","pc":"jahed","sb":"Grids and patterns"},{"id":"21st:jahed__limelight-nav","t":"Limelight nav","s":"21st","c":"navigation/top-nav","a":"jahed","pl":"https://cdn.21st.dev/easemize/limelight-nav/default/preview.1749735671557.png","pc":"jahed"},{"id":"21st:jahed__logo-carousel","t":"Logo carousel","k":"section","s":"21st","c":"marketing/logos","a":"jahed","pl":"https://cdn.21st.dev/jahed/logo-carousel/default/preview.1788804422016-4a5630d8-fa05-4fb2-a189-7923c88753b4.png","pc":"jahed"},{"id":"21st:jahed__magnetic-cursor","t":"Magnetic cursor","d":"$38","k":"motion","s":"21st","c":"motion/cursor","a":"jahed","pl":"https://cdn.21st.dev/easemize/magnetic-cursor/default/preview.1766746047297.png","pc":"jahed"},{"id":"21st:jahed__material-design-3-button","t":"Material design 3 button","s":"21st","c":"actions/button","a":"jahed","pl":"https://cdn.21st.dev/easemize/material-design-3-button/default/preview.1776452277005.png","pc":"jahed"},{"id":"21st:jahed__material-design-3-expressive-slider","t":"Material design 3 expressive slider","s":"21st","c":"inputs/slider","a":"jahed","pl":"https://cdn.21st.dev/user_2xJxXqdwWohYrdd6fiMYrS9hbmO/material-design-3-expressive-slider/default/preview.1786105727347.webp","pc":"jahed"},{"id":"21st:jahed__material-design-3-ripple","t":"Material design 3 ripple","k":"motion","s":"21st","c":"motion/background","a":"jahed","pl":"https://cdn.21st.dev/easemize/material-design-3-ripple/default/preview.1768893474466.png","pc":"jahed","sb":"Waves and warps"},{"id":"21st:jahed__material-design-3-switch","t":"Material design 3 switch","s":"21st","c":"actions/switch","a":"jahed","pl":"https://cdn.21st.dev/easemize/material-design-3-switch/default/preview.1768141274722.png","pc":"jahed"},{"id":"21st:jahed__material-ui-autocomplete-combobox-multi-select","t":"Material ui autocomplete combobox multi select","d":"A high-fidelity Material Design 3 Autocomplete and Multi-select Combobox built for shadcn/ui. Features a custom physics-based ripple engine, cinematic staggered entrance animations","s":"21st","c":"inputs/select","a":"jahed","pl":"https://cdn.21st.dev/easemize/material-ui-autocomplete-combobox-multi-select/default/preview.1780459365110.png","pc":"jahed"},{"id":"21st:jahed__material-ui-dropdown-menu","t":"Material ui dropdown menu","s":"21st","c":"navigation/menu","a":"jahed","pl":"https://cdn.21st.dev/easemize/material-ui-dropdown-menu/default/preview.1776005312320.png","pc":"jahed","sb":"Dropdowns"},{"id":"21st:jahed__morhic-background","t":"Morhic background","k":"motion","s":"21st","c":"motion/background","a":"jahed","pl":"https://cdn.21st.dev/easemize/morhic-background/default/preview.1749264805432.png","pc":"jahed"},{"id":"21st:jahed__motion-footer","t":"Motion footer","k":"section","s":"21st","c":"marketing/footer","a":"jahed","pl":"https://cdn.21st.dev/easemize/motion-footer/default/preview.1774887325728.png","pc":"jahed"},{"id":"21st:jahed__multi-type-ripple-buttons","t":"Multi type ripple buttons","s":"21st","c":"actions/button","a":"jahed","pl":"https://cdn.21st.dev/easemize/multi-type-ripple-buttons/default/preview.1748083166438.png","pc":"jahed","sb":"Animated"},{"id":"21st:jahed__noisy-gradient-backgrounds","t":"Noisy gradient backgrounds","d":"A versatile React component for creating stunning, animated gradient backgrounds with an optional, customizable noise overlay. Easily configure gradient origins, a rich array of co","k":"motion","s":"21st","c":"motion/gradient","a":"jahed","pl":"https://cdn.21st.dev/easemize/noisy-gradient-backgrounds/default/preview.1748332862993.png","pc":"jahed"},{"id":"21st:jahed__parallax-cosmic-background","t":"Parallax cosmic background","d":"Parallax Cosmic Background","s":"21st","c":"motion/background","a":"jahed","pl":"https://cdn.21st.dev/easemize/parallax-cosmic-background/default/preview.1747801240553.png","pc":"jahed","sb":"Image and video"},{"id":"21st:jahed__particle-wave","t":"Particle wave","k":"motion","s":"21st","c":"motion/background","a":"jahed","pl":"https://cdn.21st.dev/easemize/particle-wave/default/preview.1749657531648.png","pc":"jahed","sb":"Particles and stars"},{"id":"21st:jahed__peak-mountain","t":"Peak mountain","d":"Animated (ripple) ASCII art in the Dots style, made with the 21st.dev ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards","k":"motion","s":"21st","c":"motion/ascii","a":"jahed","pl":"https://cdn.21st.dev/easemize/peak-mountain/default/preview.1783765608720.png","pc":"jahed","sb":"Dots"},{"id":"21st:jahed__pixel-cursor","t":"Pixel cursor","d":"A cursor trailing component that has a pixelated effect","k":"motion","s":"21st","c":"motion/cursor","a":"jahed","pl":"https://cdn.21st.dev/easemize/pixel-cursor/default/preview.1751683642871.png","pc":"jahed"},{"id":"21st:jahed__pixel-perfect-hero","t":"Pixel perfect hero","d":"Interactive hero section with a Canvas-based pixel ripple animation, shimmering glassmorphism header, and logo marquee. Features dynamic theme-color detection, responsive layout, a","k":"section","s":"21st","c":"marketing/hero","a":"jahed","pl":"https://cdn.21st.dev/easemize/pixel-perfect-hero/default/preview.1781185553155.png","pc":"jahed"},{"id":"21st:jahed__shader-button","t":"Shader button","d":"Exact optical blend-mode shader button with rotating multi-layer difference filters, specular light pulse, and smooth native button interaction.","s":"21st","c":"actions/button","a":"jahed","pl":"https://cdn.21st.dev/easemize/shader-button/default/preview.1787284836553-004a15ba-107b-4cf2-bfa9-c8cc942c5761.webp","pc":"jahed"},{"id":"21st:jahed__shared-element-gallery","t":"Shared element gallery","d":"A high-fidelity, premium photo gallery featuring a Shared Element Transition built with Framer Motion. Uses a masonry layout to preserve original aspect ratios natively, ensuring p","s":"21st","c":"media/gallery","a":"jahed","pl":"https://cdn.21st.dev/easemize/shared-element-gallery/default/preview.1775741702477.png","pc":"jahed"},{"id":"21st:jahed__sign-up","t":"Sign up","s":"21st","c":"flows/sign-in","a":"jahed","pl":"https://cdn.21st.dev/easemize/sign-up/default/preview.1760182377227.png","pc":"jahed"},{"id":"21st:jahed__soft-gradient-background-animation","t":"Soft gradient background animation","d":"Soft gradient Background Animation","k":"motion","s":"21st","c":"motion/background","a":"jahed","pl":"https://cdn.21st.dev/easemize/soft-gradient-background-animation/default/preview.1747758767074.png","pc":"jahed","sb":"Gradients and aurora"},{"id":"21st:jahed__spiral-animation","t":"Spiral animation","s":"21st","c":"other","a":"jahed","pl":"https://cdn.21st.dev/easemize/spiral-animation/default/preview.1785356454542-35cc69b8-ce4b-4909-be85-da954627f3fa.png","pc":"jahed"},{"id":"21st:jahed__spooky-smoke-animation","t":"Spooky smoke animation","s":"21st","c":"other","a":"jahed","pl":"https://cdn.21st.dev/easemize/spooky-smoke-animation/default/preview.1749313020943.png","pc":"jahed"},{"id":"21st:jahed__spotlight-card","t":"Spotlight card","s":"21st","c":"data-display/card","a":"jahed","pl":"https://cdn.21st.dev/easemize/spotlight-card/default/preview.1749394917546.png","pc":"jahed","sb":"Animated and glowing"},{"id":"21st:jahed__sss","t":"Sss","s":"21st","c":"other","a":"jahed","pl":"https://cdn.21st.dev/easemize/sss/default/preview.1786033246954-f2b014dd-a182-4fd4-88ba-ee966942a59c.webp","pc":"jahed"},{"id":"21st:jahed__svg-blob-animation","t":"Svg blob animation","d":"Svg Blob Animation background","k":"resource","s":"21st","c":"assets/shape","a":"jahed","pl":"https://cdn.21st.dev/easemize/svg-blob-animation/default/preview.1747801960718.png","pc":"jahed"},{"id":"21st:jaimayo88__art","t":"Art","d":"Animated (shimmer) ASCII art in the Matrix style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"jaimayo88","pl":"https://cdn.21st.dev/jaimayo88/art/default/preview.1788281427327-41f647e7-db2b-41a2-b1c9-59b135fd56b6.webp","pc":"jaimayo88","sb":"Matrix"},{"id":"21st:jaimayo88__option-1","t":"Option 1","d":"Animated WebGL shader background in the Rings style. Generated by the 21st.dev Shader Builder. 4-color palette (#031C26, #1B6CA8, #5AD2F4, #EAF9FF). A drop-in, zero-dependency Reac","k":"motion","s":"21st","c":"motion/shader","a":"jaimayo88","pl":"https://cdn.21st.dev/jaimayo88/option-1/default/preview.1788261328009-49f7f7f0-5f41-43cf-8c43-808cdba43cae.webp","pc":"jaimayo88"},{"id":"21st:jaimayo88__slik","t":"Slik","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 3-color palette (#0E0109, #580939, #9A005D). Features: cursor-reactive (push). A drop-","k":"motion","s":"21st","c":"motion/shader","a":"jaimayo88","pl":"https://cdn.21st.dev/jaimayo88/slik/default/preview.1790234133526-90a0c70c-468a-47d4-9e37-4761e06a28b2.webp","pc":"jaimayo88","sb":"Silk"},{"id":"21st:jakob.visintin.dev__background","t":"Background","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#000000, #1F51FF, #00E5FF, #EAFDFF). A drop-in, zero-dependency React","k":"motion","s":"21st","c":"motion/shader","a":"jakob.visintin.dev","pl":"https://cdn.21st.dev/jakob.visintin.dev/background/default/preview.1788610535546-d6ed0274-ecfb-439a-91df-6d80668f7347.webp","pc":"jakob.visintin.dev","sb":"Silk"},{"id":"21st:jasonmohab-ali__alqemist-cta","t":"Alqemist cta","d":"Alqemist homepage call-to-action block with workforce messaging, conversion buttons, and animated brand grid.","k":"section","s":"21st","c":"marketing/cta","a":"jasonmohab-ali","pl":"https://cdn.21st.dev/user_3EMmdxWSLt84AgzqNwSKwX4jMuq/alqemist-cta/default/preview.1789069655140.png","pc":"jasonmohab-ali"},{"id":"21st:jasonmohab-ali__alqemist-hero","t":"Alqemist hero","d":"Responsive Alqemist homepage hero with install command, primary CTAs, brand background, and product demo entry point.","k":"section","s":"21st","c":"marketing/hero","a":"jasonmohab-ali","pl":"https://cdn.21st.dev/user_3EMmdxWSLt84AgzqNwSKwX4jMuq/alqemist-hero/default/preview.1789069178907.png","pc":"jasonmohab-ali"},{"id":"21st:jasonmohab-ali__alqemist-how-it-works","t":"Alqemist how it works","d":"Alqemist how-it-works section with six implementation steps from project setup to owned infrastructure.","k":"section","s":"21st","c":"marketing/features","a":"jasonmohab-ali","pl":"https://cdn.21st.dev/user_3EMmdxWSLt84AgzqNwSKwX4jMuq/alqemist-how-it-works/default/preview.1789069491316.png","pc":"jasonmohab-ali","sb":"Steps"},{"id":"21st:jasonmohab-ali__alqemist-interactive-demo","t":"Alqemist interactive demo","d":"Interactive Alqemist product demo block showing projects, agents, integrations, scheduling, and security surfaces.","s":"21st","c":"other","a":"jasonmohab-ali","pl":"https://cdn.21st.dev/user_3EMmdxWSLt84AgzqNwSKwX4jMuq/alqemist-interactive-demo/default/preview.1789069325180.png","pc":"jasonmohab-ali"},{"id":"21st:jasonmohab-ali__alqemist-security","t":"Alqemist security","d":"Alqemist enterprise security block with interactive controls for isolation, credentials, auditability, and self-hosting.","s":"21st","c":"other","a":"jasonmohab-ali","pl":"https://cdn.21st.dev/user_3EMmdxWSLt84AgzqNwSKwX4jMuq/alqemist-security/default/preview.1789984419590.png","pc":"jasonmohab-ali"},{"id":"21st:jasonmohab-ali__alqemist-usp","t":"Alqemist usp","d":"Alqemist value proposition block pairing end-user workflow benefits with developer control.","s":"21st","c":"other","a":"jasonmohab-ali","pl":"https://cdn.21st.dev/user_3EMmdxWSLt84AgzqNwSKwX4jMuq/alqemist-usp/default/preview.1789984766671.png","pc":"jasonmohab-ali"},{"id":"21st:jasonmohab-ali__qreatify-super-agent-card","t":"Qreatify super agent card","d":"Qreatify super agent card for project agents, triggers, tools, status and run action.","s":"21st","c":"ai-agent/ai-agent","a":"jasonmohab-ali","pl":"https://cdn.21st.dev/user_3EMmdxWSLt84AgzqNwSKwX4jMuq/qreatify-super-agent-card/default/preview.1789984648572.png","pc":"jasonmohab-ali"},{"id":"21st:jasonmohab-ali__whatsaas-app-shell","t":"Whatsaas app shell","d":"Reusable SaaS dashboard shell with sidebar navigation, header and workspace content area.","k":"layout","s":"21st","c":"layout/dashboard","a":"jasonmohab-ali","pl":"https://cdn.21st.dev/user_3EMmdxWSLt84AgzqNwSKwX4jMuq/whatsaas-app-shell/default/preview.1789068798154.png","pc":"jasonmohab-ali"},{"id":"21st:jens.debacker5__portfolio-tester","t":"Portfolio tester","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 5-color palette (#FBDEE3, #3697FF, #FFFF00, #FF0180, #FA0000). Features: film gr","k":"motion","s":"21st","c":"motion/shader","a":"jens.debacker5","pl":"https://cdn.21st.dev/jens.debacker5/portfolio-tester/default/preview.1788612334979-e41456b1-9d57-4945-b357-a0dc883bf809.webp","pc":"jens.debacker5","sb":"Mesh drift"},{"id":"21st:jeyajothi108__pixel-loader","t":"Pixel loader","d":"Animated pixel-by-pixel reveal loader for React and Next.js. Custom grids, colors and timing, with an onBuilt callback. Full version: https://payhip.com/Jothidigital","s":"21st","c":"status/loader","a":"jeyajothi108","pl":"https://cdn.21st.dev/jeyajothi108/pixel-loader/default/preview.1791010084403-2894f786-b9db-4f1f-b131-6641c42aa9c2.png","pc":"jeyajothi108"},{"id":"21st:jfishfl__aa","t":"Aa","d":"Animated (shimmer) ASCII art in the Hexagons style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, card","k":"motion","s":"21st","c":"motion/ascii","a":"jfishfl","pl":"https://cdn.21st.dev/jfishfl/aa/default/preview.1788151819386-2eeb9c99-a349-410d-a13d-ab4c639244cd.webp","pc":"jfishfl"},{"id":"21st:jitksaha__verified-badge","t":"Verified badge","d":"Verified account badge component with customizable size, color variants, and tooltip","s":"21st","c":"data-display/badge","a":"jitksaha","pl":"https://cdn.21st.dev/mail.jitsaha/verified-badge/default/preview.1789801333962-93e4b92f-da5f-45f3-9f4f-97705407e41d.png","pc":"jitksaha","sb":"Labels"},{"id":"21st:johnmamanao__bloom-text","t":"Bloom text","d":"An animated heading where each character pulses, rotates and settles in a repeating bloom burst, used for expressive hero or section headings.","s":"21st","c":"motion/text-effect","a":"johnmamanao","pl":"https://cdn.21st.dev/johnmamanao/bloom-text/default/preview.1791047626944-65a717aa-469e-47dc-b138-812e52ca8bf4.png","pc":"johnmamanao"},{"id":"21st:johnmamanao__horizon-page-loader","t":"Horizon page loader","d":"A full-page loading screen with a glowing horizon line and a traveling pearlescent light, used while a page or route is preparing its content.","s":"21st","c":"status/loader","a":"johnmamanao","pl":"https://cdn.21st.dev/johnmamanao/horizon-page-loader/default/preview.1791044881447-3328d083-586f-4bd5-a04d-8e2d71fbd931.png","pc":"johnmamanao"},{"id":"21st:johnmamanao__liquid-metal-shader","t":"Liquid metal shader","d":"An animated WebGL background that renders a reflective liquid-metal surface with fluid folds, chrome highlights, and pointer-driven distortion.","s":"21st","c":"motion/background","a":"johnmamanao","pl":"https://cdn.21st.dev/johnmamanao/liquid-metal-shader/default/preview.1791050246601-0e4c98b5-dba0-4fdb-9d46-4786736c2f20.png","pc":"johnmamanao","sb":"Shaders and WebGL"},{"id":"21st:johnmamanao__matrix-rain","t":"Matrix rain","d":"A canvas-rendered background of falling Matrix-style glyphs with glowing trailing heads and pointer-reactive motion.","k":"motion","s":"21st","c":"motion/ascii","a":"johnmamanao","pl":"https://cdn.21st.dev/johnmamanao/matrix-rain/default/preview.1791050203253-c2f10d0f-c54a-4419-91a2-13e6a4570527.png","pc":"johnmamanao"},{"id":"21st:johnmamanao__mercury-rail-loader","t":"Mercury rail loader","d":"A horizontal loading rail where a shape-shifting mercury-like bead travels back and forth with a soft reflected trail, used to signal indeterminate progress for an inline task or s","s":"21st","c":"status/loader","a":"johnmamanao","pl":"https://cdn.21st.dev/johnmamanao/mercury-rail-loader/default/preview.1791045310888-16d9e59c-b27c-4a28-bbf0-cccbb178174c.png","pc":"johnmamanao"},{"id":"21st:johnmamanao__ribbon-fold-loader","t":"Ribbon fold loader","d":"A small inline loading indicator shaped like a satin ribbon whose four segments fold through depth in sequence, used to show a background task is in progress.","s":"21st","c":"status/loader","a":"johnmamanao","pl":"https://cdn.21st.dev/johnmamanao/ribbon-fold-loader/default/preview.1791044856817-2f20a559-7d62-41d8-83b4-054c45db5cdd.png","pc":"johnmamanao"},{"id":"21st:johnmamanao__signal-reveal-text","t":"Signal reveal text","d":"A staged text component that reveals each word in a phrase with a soft looping fade-and-rise animation, for headlines and hero copy.","s":"21st","c":"motion/text-effect","a":"johnmamanao","pl":"https://cdn.21st.dev/johnmamanao/signal-reveal-text/default/preview.1791045571664-f68d9e65-df35-4eab-ae4e-cbf93997a51e.png","pc":"johnmamanao","sb":"Reveal and entrance"},{"id":"21st:johnmamanao__tidal-type-text","t":"Tidal type text","d":"A heading/text component whose individual letters shift, rotate, and softly scale inside a glowing pointer lens as the cursor moves across them.","s":"21st","c":"motion/text-effect","a":"johnmamanao","pl":"https://cdn.21st.dev/johnmamanao/tidal-type-text/default/preview.1791047607166-94403c14-cdd1-4c97-9cb8-6de3718d1a0b.png","pc":"johnmamanao"},{"id":"21st:johnmamanao__toolchain-marquee","t":"Toolchain marquee","d":"An auto-scrolling marquee that loops rows of technology/tool badges in alternating directions, with an optional pause/play control for the animation.","k":"motion","s":"21st","c":"motion/marquee","a":"johnmamanao","pl":"https://cdn.21st.dev/johnmamanao/toolchain-marquee/default/preview.1791047650532-54473f48-1330-4971-80a2-5157bb8bdab9.png","pc":"johnmamanao"},{"id":"21st:jordan_51b6fc79__gradient-pixelated","t":"Gradient pixelated","d":"Animated (wave) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, an","k":"motion","s":"21st","c":"motion/ascii","a":"jordan_51b6fc79","pl":"https://cdn.21st.dev/jordan_51b6fc79/gradient-pixelated/default/preview.1789726845557-e9fa7ceb-c87e-4c9c-86b4-6db03cedc733.webp","pc":"jordan_51b6fc79","sb":"Dither"},{"id":"21st:joyco__action-hint","t":"Action hint","d":"A particle emitter that shows an ephemeral action-feedback hint above an element and fades it out, for confirming actions like copy, save, or share.","s":"21st","c":"overlays/tooltip","a":"joyco","pl":"https://cdn.21st.dev/joyco/action-hint/default/preview.1787205835383-28fc76fa-4b8c-4167-905b-94c81b3ce775.png","pc":"joyco"},{"id":"21st:joyco__chat","t":"Chat","d":"A composable chat UI with a scrollable message viewport, self/peer/system message bubbles with avatars and timestamps, and an auto-resizing input area for sending messages.","s":"21st","c":"ai-agent/ai-agent","a":"joyco","pl":"https://cdn.21st.dev/joyco/chat/default/preview.1789956933104-fdb10bfc-ceda-452a-8f45-b5e2c0d90a77.png","pc":"joyco","sb":"Chat"},{"id":"21st:joyco__snake-game","t":"Snake game","d":"A minimal, themeable canvas snake game with keyboard/touch controls and localStorage highscore persistence.","s":"21st","c":"other","a":"joyco","pl":"https://cdn.21st.dev/joyco/snake-game/default/preview.1790147415095-ac4e0617-5809-4b6b-b3e7-dd9c38122871.png","pc":"joyco"},{"id":"21st:joyco__space-invaders","t":"Space invaders","d":"A playable vertical-scrolling space shooter with enemy waves, a scaling boss fight, pause/resume, and localStorage high-score persistence, rendered on canvas.","s":"21st","c":"other","a":"joyco","pl":"https://cdn.21st.dev/joyco/space-invaders/default/preview.1790121952376-c48493e3-26a2-4073-bf62-3c471829a204.png","pc":"joyco"},{"id":"21st:joyco__spritesheet-sequencer","t":"Spritesheet sequencer","d":"A component that animates a squared grid-based spritesheet image using the Web Animations API, playing back stepped frames like a coin spin or pixel-art sprite loop.","s":"21st","c":"overlays/sheet","a":"joyco","pl":"https://cdn.21st.dev/joyco/spritesheet-sequencer/default/preview.1790121962437-c40e9dfd-9551-4a99-b3f6-23167abc4de8.png","pc":"joyco"},{"id":"21st:joyco__typewriter","t":"Typewriter","d":"A text component that animates cycling through a list of phrases with a realistic typing and deleting caret effect.","s":"21st","c":"motion/text-effect","a":"joyco","pl":"https://cdn.21st.dev/joyco/typewriter/default/preview.1789776207546-8b4d1e1f-3e74-4d5d-a0d8-5385fa898616.png","pc":"joyco","sb":"Typewriter"},{"id":"21st:jsnmhbl__path-to-resilience-orbital-timeline","t":"Path to resilience orbital timeline","d":"Reusable accessible delivery timeline for explaining a four-stage strategy and implementation process.","s":"21st","c":"data-display/timeline","a":"jsnmhbl","pl":"https://cdn.21st.dev/pathtoreisliencebv234/path-to-resilience-orbital-timeline/default/preview.1789199778756-d2089610-296b-4576-973b-d1cad425624e.png","pc":"jsnmhbl"},{"id":"21st:juaox__test","t":"Test","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#03120E, #0E7C5A, #7CE577, #F4FFC7). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"juaox","pl":"https://cdn.21st.dev/juaox/test/default/preview.1788479134112-d652fd4b-d9e2-4d37-a6f6-721d8717e19d.webp","pc":"juaox","sb":"Mesh drift"},{"id":"21st:julien_60b4c591__hero-2","t":"Hero 2","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 3-color palette (#6A1AFF, #3A1480, #6A1AFF). Features: cursor-reactive (swirl). A drop","k":"motion","s":"21st","c":"motion/shader","a":"julien_60b4c591","pl":"https://cdn.21st.dev/julien_60b4c591/hero-2/default/preview.1789058735153-cba7dbcf-f884-44b4-ab78-402063f98e1a.webp","pc":"julien_60b4c591","sb":"Silk"},{"id":"21st:julien_60b4c591__hero-j-v","t":"Hero j v","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#11092B, #211056, #401097, #1D0E4B). Features: cursor-reactive (swirl","k":"motion","s":"21st","c":"motion/shader","a":"julien_60b4c591","pl":"https://cdn.21st.dev/julien_60b4c591/hero-j-v/default/preview.1788531428284-e7380403-22fb-41d4-83d6-642baff5e219.webp","pc":"julien_60b4c591","sb":"Silk"},{"id":"21st:julien_60b4c591__new-hero-slower","t":"New hero slower","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#11092B, #211056, #401097, #1D0E4B). Features: cursor-reactive (swirl","k":"motion","s":"21st","c":"motion/shader","a":"julien_60b4c591","pl":"https://cdn.21st.dev/julien_60b4c591/new-hero-slower/default/preview.1789398933490-3f10ef35-eb80-4b69-b6b9-f0c0a2b537d5.webp","pc":"julien_60b4c591","sb":"Silk"},{"id":"21st:justinwalker__backroom","t":"Backroom","d":"Animated WebGL shader background in the Perlin Noise style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 2-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"justinwalker","pl":"https://cdn.21st.dev/justinwalkertattoo/backroom/default/preview.1788228936356-7bc4ca40-818e-4746-b50b-a192d0947d64.webp","pc":"justinwalker","sb":"Perlin Noise"},{"id":"21st:justlloydeditor__choso-ascii","t":"Choso ascii","d":"Animated (pulse) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, a","k":"motion","s":"21st","c":"motion/ascii","a":"justlloydeditor","pl":"https://cdn.21st.dev/justlloydeditor/choso-ascii/default/preview.1787134855486-0dc59c07-fa44-45ac-ae7e-3c8d98fd01c1.webp","pc":"justlloydeditor","sb":"Dither"},{"id":"21st:kaan8588__muavin","t":"Muavin","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#5F5F5F, #353630, #387A38, #000000). Features: soft blur finish. A ","k":"motion","s":"21st","c":"motion/gradient","a":"kaan8588","pl":"https://cdn.21st.dev/kaan8588/muavin/default/preview.1788085522986-57a9a7b8-0fbf-46ac-8a1f-2071dae7348c.webp","pc":"kaan8588","sb":"Bloom Field"},{"id":"21st:kahidiscordgfx__i-ascii","t":"I ascii","d":"Animated (flicker) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. Styled with a retro look. A drop-in, zero-dependency React component","k":"motion","s":"21st","c":"motion/ascii","a":"kahidiscordgfx","pl":"https://cdn.21st.dev/kahidiscordgfx/i-ascii/default/preview.1787955617327-2d5fd26f-4943-43f6-becc-f41b3711001c.webp","pc":"kahidiscordgfx","sb":"Dither"},{"id":"21st:kamalesh__gaming-login","t":"Gaming login","d":"A futuristic, gaming-themed NexusGate login UI built with React and TypeScript. ","s":"21st","c":"flows/sign-in","a":"kamalesh","pl":"https://cdn.21st.dev/kamaleshsa/gaming-login/default/preview.1747242747332.png","pc":"kamalesh","sb":"Sign in"},{"id":"21st:karinagarzatrevino__static-mesh-gradient-shader","t":"Static mesh gradient shader","d":"Animated WebGL shader background in the Static Mesh Gradient style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color ","k":"motion","s":"21st","c":"motion/shader","a":"karinagarzatrevino","pl":"https://cdn.21st.dev/karinagarzatrevino/static-mesh-gradient-shader/default/preview.1790552734713-c7cd19af-26e0-46c6-a2b3-5e5e4dd276ff.webp","pc":"karinagarzatrevino","sb":"Static Mesh Gradient"},{"id":"21st:kateoparina5__gradient-42c2bb2f","t":"Gradient 42c2bb2f","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 3-color palette (#FFF1CF, #E3A669, #7A4B3A). Features: film grain, vignette. A drop-i","k":"motion","s":"21st","c":"motion/gradient","a":"kateoparina5","pl":"https://cdn.21st.dev/kateoparina5/gradient-42c2bb2f/default/preview.1788931534038-5c5164e9-b62a-4921-8a3a-eb09ba440f63.png","pc":"kateoparina5","sb":"Silk Blend"},{"id":"21st:kedhareswer__alice-scroll-story","t":"Alice scroll story","d":"GSAP scroll storytelling with parallax: Alice's Adventures in Wonderland told through scroll-triggered animations, layered parallax and dynamic text reveals. Use it for narrative l","k":"layout","s":"21st","c":"layout/scroll-area","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/alice-scroll-story/default/preview.1789063595234-6adce2ef-687a-40e9-aaff-20a3879b1a4d.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__amour-sunrise-preloader","t":"Amour sunrise preloader","d":"Hand-lettered poster preloader for React: a fat marker word is inked stroke by stroke in SVG as the load climbs, while a cobalt sun rises with the 0 to 100% count inside it. At 100","s":"21st","c":"status/loader","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/amour-sunrise-preloader/default/preview.1791040909783-def39d17-3d47-4f57-93c5-e8dedbe0d732.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__anodized-ink","t":"Anodized ink","d":"Interactive WebGL ink shader background for React: crimson ink suspended in black and lit like anodized metal. Move the pointer to stir it and click to drop ink that rings outward;","s":"21st","c":"other","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/anodized-ink/default/preview.1791041139825-c7beacbd-08bb-4d49-b37b-3e4768624d80.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__aperture-carousel","t":"Aperture carousel","d":"Aperture reveal image carousel for React: a full-screen slider where the next photo opens through a circular iris from wherever you click, with a hairline ring on its edge, rising ","s":"21st","c":"media/carousel","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/aperture-carousel/default/preview.1791299655138-9383d40c-7fb4-4c5f-8609-8a45f604ca49.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__astro-bubble-hero","t":"Astro bubble hero","d":"Bubble wordmark hero section: a giant word filled with living canvas bubbles that drift, scatter from the pointer and pop when clicked, a compass logo, a huge issue number and CTAs","k":"section","s":"21st","c":"marketing/hero","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/astro-bubble-hero/default/preview.1791288023214-c473b552-8452-466f-9d7b-c7b14e7dcac7.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__astro-mission-band","t":"Astro mission band","d":"About section with a bubble band and stats: a full-bleed field of living bubbles with the logo knocked out of it, a kicker, meta labels, mission copy and count-up stats. Four palet","s":"21st","c":"other","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/astro-mission-band/default/preview.1791288080169-979cc685-2138-42d4-9845-fbbc622e3c46.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__beam-wordmark-footer","t":"Beam wordmark footer","d":"Light beam footer for React: a midnight-navy closing section with a slow diagonal shaft of light and a pointer glow that passes behind the link columns and through a giant brand wo","k":"resource","s":"21st","c":"assets/logo","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/beam-wordmark-footer/default/preview.1791041001478-9355cf30-4942-40a3-80dd-41e6a76236ef.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__blueprint-ink-reveal","t":"Blueprint ink reveal","d":"Hover ink blot text reveal: a word drawn as a blueprint hairline outline with registration ticks, where moving the pointer reveals the solid letters underneath through an organic i","s":"21st","c":"motion/text-effect","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/blueprint-ink-reveal/default/preview.1790103768720-c2de7305-5636-46ed-b50a-27fe8e7c0fbe.png","pc":"kedhareswer","sb":"Reveal and entrance"},{"id":"21st:kedhareswer__breath-bloom","t":"Breath bloom","d":"Breathing exercise animated background for React: six luminous petals orbit one centre on a slow in, hold, out loop with a quiet cue. Drag sideways to spread the petals and down to","s":"21st","c":"other","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/breath-bloom/default/preview.1791041232670-e3e2f6f6-bfbc-4a93-8bf5-e04c60a30c8d.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__card-deck-carousel","t":"Card deck carousel","d":"Stacked card image carousel for React: photos piled like loose prints; drag or flick the top card in any direction and it flies off, then slides back under the pile. Buttons, arrow","s":"21st","c":"media/carousel","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/card-deck-carousel/default/preview.1791299763119-454aa3ba-bc1e-4712-aef5-65c9361f51c7.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__card-fan-preloader","t":"Card fan preloader","d":"Playing card fan preloader: six cards fan through an arched deal and slide slot to slot, so the loop never shows a seam. Floats up and fades to reveal your page, or runs continuous","s":"21st","c":"status/loader","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/card-fan-preloader/default/preview.1790020022688-e2ea868f-de6e-4bb1-9468-2a91bc11ea99.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__caustic-pool","t":"Caustic pool","d":"Interactive WebGL water ripple background with real caustics: drag across the shallow pool and the wake spreads, reflects off the walls and interferes, and the light veins on the s","s":"21st","c":"other","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/caustic-pool/default/preview.1789538639536-9c67142c-512e-454f-8036-feb2c04a1a96.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__chroma-glitch-preloader","t":"Chroma glitch preloader","d":"Chromatic glitch 3D text preloader: a typography cube tumbles your word one letter per face over a WebGL-graded reel pulled apart by heavy chromatic aberration, with film grain and","s":"21st","c":"status/loader","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/chroma-glitch-preloader/default/preview.1790012231749-41880d67-6573-442e-8c9d-97638cea1d0f.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__cinema-grain-preloader","t":"Cinema grain preloader","d":"Film grain 3D text cube preloader: a typography cube tumbles your word one letter per face over a WebGL-graded reel with film grain, CRT scanlines and a soft contrast lift. Use as ","s":"21st","c":"status/loader","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/cinema-grain-preloader/default/preview.1790012161396-7d258b99-357e-4dff-9979-519a6dc001db.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__cloth-peel-reveal","t":"Cloth peel reveal","d":"Cloth peel page reveal transition in WebGL: a sheet of cloth covering your page is dragged away and crumples as it goes, folds travelling along a real 120x80 vertex mesh with each ","s":"21st","c":"motion/text-effect","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/cloth-peel-reveal/default/preview.1790019897936-819b422a-0711-4e04-863f-f37eeec8d45d.png","pc":"kedhareswer","sb":"Reveal and entrance"},{"id":"21st:kedhareswer__code-curtain","t":"Code curtain","d":"Interactive cloth physics text effect for React: a sheet of source code hangs from a rod as a verlet mesh on canvas, so every character bends, folds and drapes. Hover parts the cod","s":"21st","c":"data-display/code-block","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/code-curtain/default/preview.1791040824543-c156738c-cf47-445f-ac98-d78cfd3a6e1f.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__contribution-skyline","t":"Contribution skyline","d":"GitHub-style contribution graph that morphs into a 3D isometric skyline heatmap. Hover days for tooltips, drag to orbit, walk it with the keyboard, pick from six palettes, and read","s":"21st","c":"data-viz/chart","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/contribution-skyline/default/preview.1790763066142-3f6af342-5fb5-4e53-812b-d9210e2287c6.png","pc":"kedhareswer","sb":"Line and sparkline"},{"id":"21st:kedhareswer__deer-logo","t":"Deer logo","d":"Animated SVG line drawing logo: a deer silhouette draws itself stroke by stroke with Anime.js path animation and a paper texture filter for an artistic finish. Responsive and inter","k":"resource","s":"21st","c":"assets/logo","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer.12110626/deer-logo/default/preview.1758873875733.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__disc-cascade-carousel","t":"Disc cascade carousel","d":"3D CD disc carousel for a music or film catalogue: printed discs sit on a slanted line, roll like wheels as you drag, swipe or use the arrows, with an editorial credits block, pres","s":"21st","c":"media/carousel","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/disc-cascade-carousel/default/preview.1791295291105-479bce0f-29d3-4350-bbff-40bfb0c760dc.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__dither-sweep-navbar","t":"Dither sweep navbar","d":"Pixel dither hover navbar for editorial sites: cells fill with a chunky left-to-right pixel dissolve on hover, with hairline-ruled cells, monospace caps, a wordmark that retracts o","s":"21st","c":"navigation/top-nav","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/dither-sweep-navbar/default/preview.1790088031289-01baf629-217d-4fc0-b25e-858609b8c9b2.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__engraved-ticket","t":"Engraved ticket","d":"Interactive event ticket card that breathes: hold it to breathe in, let go to breathe out, tap to re-spray the ink, hover to tilt. Two generated prints, paper engraving and crimson","s":"21st","c":"other","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/engraved-ticket/default/preview.1790264153910-89d9d611-6211-4d39-8935-4d33cb96a281.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__etched-accretion","t":"Etched accretion","d":"Black hole shader background in WebGL: an engraved accretion disc in crimson and silver line work, light jets and etched contour nebulae drift with the pointer and flare when held.","s":"21st","c":"other","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/etched-accretion/default/preview.1790280405752-3bba130c-22dd-4151-9be0-60d0330eafa1.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__festivity-hero","t":"Festivity hero","d":"3D sphere physics hero section: interactive spheres with dynamic collisions, mouse interaction and breathing motion, opened by a loading animation sequence and a responsive particl","k":"section","s":"21st","c":"marketing/hero","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer.12110626/festivity-hero/default/preview.1758782987004.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__flashlight-text-reveal","t":"Flashlight text reveal","d":"Flashlight cursor text reveal background in WebGL: hidden text is written on a dark, grainy wall and your cursor is the torch that reveals it; the light roams on its own when idle.","s":"21st","c":"motion/text-effect","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/flashlight-text-reveal/default/preview.1790407168017-fb124cb9-1905-4b95-b5fc-f0a5476b0129.png","pc":"kedhareswer","sb":"Reveal and entrance"},{"id":"21st:kedhareswer__focus-pull-carousel","t":"Focus pull carousel","d":"Focus blur image carousel for React: a camera-style focus pull where the centred photo is sharp while its neighbours blur, shrink and fade continuously as you scroll, swipe or drag","s":"21st","c":"media/carousel","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/focus-pull-carousel/default/preview.1791299709634-9e9367d0-1625-4281-832c-79027cf503fa.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__foundation-primitives","t":"Foundation primitives","d":"Raymarched 3D shapes WebGL card: soft frosted-gel primitives (asterisk, sphere, half-domes, hourglass and orb) under a magnifying glass lens. Tilts to the pointer; shapes lift, spi","s":"21st","c":"other","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/foundation-primitives/default/preview.1790679470460-aa9a27dd-ed25-4a11-96f4-259542e28e41.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__frosted-hover","t":"Frosted hover","d":"Frosted glass hover ripple effect: hover a grid of hotspots over a hero image and frosted-glass ripples shimmer through a full SVG displacement filter stack. Use for immersive navi","s":"21st","c":"other","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer.12110626/frosted-hover/default/preview.1758964323973.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__glass-cards","t":"Glass cards","d":"Glassmorphism hover stack cards: neumorphic and frosted-glass cards layered in a stack, with smooth GSAP animations and interactive hover effects. Use for feature highlights, prici","s":"21st","c":"data-display/card","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer.12110626/glass-cards/default/preview.1758815300580.png","pc":"kedhareswer","sb":"Animated and glowing"},{"id":"21st:kedhareswer__glass-clock","t":"Glass clock","d":"Glassmorphism analog wall clock: a Braun-inspired glass clock UI with real-time Berlin timezone hands and dynamic glass reflections, plus an optional Tweakpane control panel for tu","s":"21st","c":"motion/number-ticker","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer.12110626/glass-clock/default/preview.1758982352759.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__glass-headline-hero","t":"Glass headline hero","d":"Refractive glass text hero section: the headline is thick WebGL glass, and a slow colour field flows behind it and bends through the letters with prism fringes while the light foll","k":"section","s":"21st","c":"marketing/hero","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/glass-headline-hero/default/preview.1790150833231-3350a0c5-641f-4ef5-8a9b-6ba472069865.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__halftone-nebula","t":"Halftone nebula","d":"Interactive pixel-art halftone space background: a crimson nebula, sparkle stars and a dotted planet in three parallax depths. The pointer lights the gas and a click hangs a new st","s":"21st","c":"motion/background","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/halftone-nebula/default/preview.1790446635844-460c67df-d5c7-479e-9523-756820ba3e79.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__holo-card","t":"Holo card","d":"Holographic foil trading card you tilt with the pointer: the shine follows the viewing angle, bands like a real diffraction grating and parallaxes so the art stays inside the card.","s":"21st","c":"data-display/card","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/holo-card/default/preview.1789619538289-514cd4e0-ba6b-4699-94eb-c63f3be1c354.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__hotel-showcase","t":"Hotel showcase","d":"Hotel listing image gallery with GSAP: a luxury hotel collection with image galleries, smooth transitions and overlay details, plus hover effects, keyboard navigation and a respons","s":"21st","c":"other","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer.12110626/hotel-showcase/default/preview.1758729874707.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__hover-expand-gallery","t":"Hover expand gallery","d":"Hover expand image gallery accordion: a row of hairline-separated panels with vertical labels, where the hovered or tapped panel grows to reveal its image while the rest stay rail-","s":"21st","c":"media/gallery","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/hover-expand-gallery/default/preview.1791295345848-d2e897ee-47af-4679-968a-7318db0bb589.jpg","pc":"kedhareswer","sb":"Hover effects"},{"id":"21st:kedhareswer__index-list-carousel","t":"Index list carousel","d":"Index list image gallery for React: big numbered titles on one side, one photo on the other; hover or tap a title and its photo wipes in while the row opens to show its caption. Ke","s":"21st","c":"media/carousel","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/index-list-carousel/default/preview.1791313996447-767d508d-880e-491b-a62f-b1e1c3ed85e8.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__ink-blot-carousel","t":"Ink blot carousel","d":"Ink blot reveal image carousel for React: the next photo spreads in like ink soaking into paper, a ragged blot blooming from where you tap until it fills the frame. SVG mask with a","s":"21st","c":"media/carousel","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/ink-blot-carousel/default/preview.1791313880859-5412ff70-8ee7-48ff-8ef9-2704c482157c.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__ink-flow-carousel","t":"Ink flow carousel","d":"Fluid simulation image carousel: every slide is wet paint driven by a real GPU fluid sim. Hover to stir the picture like ink in water, click to drop the next slide where you clicke","s":"21st","c":"media/carousel","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/ink-flow-carousel/default/preview.1791295402799-7a12cd90-8e40-48fa-a2da-a842b630f605.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__ink-orbit-features","t":"Ink orbit features","d":"Animated features bento with live diagrams: team edits flowing through a hub into printing reports, an integrations hub syncing one tool at a time, and a scrubbable forecast chart.","k":"section","s":"21st","c":"marketing/features","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/ink-orbit-features/default/preview.1791279583966-9aaaa7ab-078b-4c5c-b78c-9f2d40d992fb.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__ink-orbit-hero","t":"Ink orbit hero","d":"SaaS hero section with a 3D sculpture: a banded headline whose serif line cycles with a blur, CTAs, a drawn-faces proof row, a live workflow demo dialog and a draggable generative ","k":"section","s":"21st","c":"marketing/hero","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/ink-orbit-hero/default/preview.1791279518933-f1d1a16e-ef07-4839-a30e-0bfaf229cde7.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__ink-orbit-pricing","t":"Ink orbit pricing","d":"Pricing section with a monthly/yearly toggle: plan cards whose prices count to the discounted amount, a highlighted bracketed plan, yearly savings and plan selection. Light/dark, z","k":"section","s":"21st","c":"marketing/pricing","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/ink-orbit-pricing/default/preview.1791279404058-52b0fd01-a21c-448a-beff-74825f818b54.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__ink-orbit-testimonials","t":"Ink orbit testimonials","d":"Testimonials section with logo marquee: snap-scrolling quote cards with star ratings, drawn greyscale portraits and an arrows-and-dots pager, over a scrolling row of customer names","k":"section","s":"21st","c":"marketing/testimonials","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/ink-orbit-testimonials/default/preview.1791279330657-f5eb5f8d-3f5a-41a6-87b1-3c1179485097.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__isoline-bloom","t":"Isoline bloom","d":"Interactive contour lines shader background: neon WebGL2 isolines that bend around the pointer and pulse on click. Zero dependencies, five color presets, reduced-motion aware. Use ","s":"21st","c":"other","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/isoline-bloom/default/preview.1791262527740-cc6f8fe5-08f5-44ba-aace-0d6c96d5c3c2.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__isometric-lift-carousel","t":"Isometric lift carousel","d":"3D isometric image carousel for React: portrait photos stand on edge in a tilted row and the selected photo widens and lifts out on a spring. Dark stage, titles, a glass prev/next ","s":"21st","c":"media/carousel","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/isometric-lift-carousel/default/preview.1791295459280-7bf7a351-189c-4538-b4bc-9c6bf6c7b662.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__keycap-orb","t":"Keycap orb","d":"Interactive 3D keyboard keycap sphere in raw WebGL2: a ball of mechanical keycaps with design-tool legends floating over an ember floor glow, mirrored in the floor. Drag to spin it","s":"21st","c":"ai-agent/ai-agent","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/keycap-orb/default/preview.1791403975178-9c7b390a-25e4-49a5-995b-8bbd85226176.png","pc":"kedhareswer","sb":"Orbs and presence"},{"id":"21st:kedhareswer__kiln-wordmark-footer","t":"Kiln wordmark footer","d":"Giant wordmark footer card with a procedural SVG alphabet: a two-line motto, back-to-top key, address, navigation and social columns, a huge lowercase brand name and a legal bar, o","k":"resource","s":"21st","c":"assets/logo","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/kiln-wordmark-footer/default/preview.1791098761011-1b16b2bb-557a-4e6e-9345-64949a86631e.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__lanyard-badge","t":"Lanyard badge","d":"3D lanyard badge card with rope physics: drag it and the strap pulls taut, flick to spin, tap or use the built-in button to flip to the back. Verlet rope on canvas plus a CSS 3D ca","s":"21st","c":"data-display/badge","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/lanyard-badge/default/preview.1790262482440-f955cb2a-2a41-4cf5-9754-7d65963b67d0.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__lens-zoom-carousel","t":"Lens zoom carousel","d":"Zoom blur image carousel for React: a full-screen slider where the next photo lands out of a soft magnified blur with fading ghost copies, like a fast camera zoom pull; going back ","s":"21st","c":"media/carousel","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/lens-zoom-carousel/default/preview.1791300830528-672bd6fc-2fc9-46a8-b296-f7b735f55bff.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__light-shader","t":"Light shader","d":"Mesh gradient shader background in WebGL: a dark two-colour (#101010, #3A3A3A) mesh drift with film grain and a cursor-reactive spotlight. A drop-in animated gradient and noise bac","k":"motion","s":"21st","c":"motion/shader","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/light-shader/default/preview.1790365535779-d6abb5a0-b8aa-456e-a364-46ebdea6c3ad.webp","pc":"kedhareswer"},{"id":"21st:kedhareswer__lilac-dusk-canopy","t":"Lilac dusk canopy","d":"Leaf shadow shader background at dusk: dappled light through a swaying tree, a coral sun pooling across a violet plaster wall under film grain. Move to push the leaves, click for a","s":"21st","c":"other","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/lilac-dusk-canopy/default/preview.1791404211508-08e96cdf-6613-4313-9920-f7363e4f403a.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__lunar-boarding-pass","t":"Lunar boarding pass","d":"Interactive boarding pass ticket card with a front and back: a VIP pass with a halftone Moon and a paper boarding pass with a perforated stub you can tear off. Tilt, flip and perso","s":"21st","c":"data-display/kanban","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/lunar-boarding-pass/default/preview.1791098519267-681cae31-dff3-40f4-9f17-6ffa58bc1127.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__lycoris-specimen","t":"Lycoris specimen","d":"Scroll-driven WebGL 3D landing page: a procedurally modelled red chrome spider lily anchors a type specimen, with one continuous camera move scrubbed across six pinned frames. Use ","s":"21st","c":"other","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/lycoris-specimen/default/preview.1790446748536-cdd8a2c4-fcc2-48c5-ac31-a4539f9e38d6.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__magic-hour","t":"Magic hour","d":"Scroll-scrubbed video hero: scroll owns the timeline and nothing autoplays. Progress maps to a target frame and a damped chase writes it to currentTime, with seeks serialized so fa","s":"21st","c":"other","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/magic-hour/default/preview.1789098605258-9148613e-4c46-473e-ac96-6381d0bfc1b7.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__mascot-portfolio-hero","t":"Mascot portfolio hero","d":"Cursor-following mascot portfolio hero: an SVG character in a beanie turns its head to track the pointer, blinks and grins on click, set in a perspective-grid poster with a bold st","k":"section","s":"21st","c":"marketing/hero","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/mascot-portfolio-hero/default/preview.1790256917659-e5a2be44-d96c-488e-ae52-2ba1560993f1.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__mono-contrast-preloader","t":"Mono contrast preloader","d":"Monochrome film 3D text preloader: a typography cube tumbles your word one letter per face over a WebGL-graded reel crushed to high-contrast mono, with film grain and CRT scanlines","s":"21st","c":"status/loader","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/mono-contrast-preloader/default/preview.1790012304005-604a5f34-7fe9-43e8-ab56-a29956ecebb2.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__morph-gallery","t":"Morph gallery","d":"WebGL image transition gallery: slides dissolve through noise instead of cross-fading, the incoming photo burning through the outgoing one in drifting shreds. Arrows, thumbnails, k","s":"21st","c":"media/gallery","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/morph-gallery/default/preview.1791295220739-742564b4-3c51-4368-8ddb-575ea885b149.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__mouse-trail","t":"Mouse trail","d":"Image cursor trail effect powered by GSAP: floating images spawn along the mouse path as you move, for playful motion graphics on portfolios, agency hero sections and creative land","k":"motion","s":"21st","c":"motion/cursor","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer.12110626/mouse-trail/default/preview.1759682904405.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__neon-katakana-preloader","t":"Neon katakana preloader","d":"Cyberpunk neon preloader: data rain condenses into a glowing katakana sign while the load counts up, then it flickers on like a neon tube. Any word, any palette; loop it as a splas","s":"21st","c":"status/loader","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/neon-katakana-preloader/default/preview.1790886220613-10a95624-6ef0-4611-a155-71e0d0e5ec1e.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__noise-dissolve-reveal","t":"Noise dissolve reveal","d":"Noise dissolve page transition in WebGL: a coloured veil over your content burns away along a fractal-noise threshold, holes spreading into ragged islands until the page is bare, w","s":"21st","c":"motion/text-effect","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/noise-dissolve-reveal/default/preview.1790019959483-0b3cc302-b359-42f5-940a-aba5e9b10b74.png","pc":"kedhareswer","sb":"Reveal and entrance"},{"id":"21st:kedhareswer__onyx-glyph-preloader","t":"Onyx glyph preloader","d":"Cinematic logo preloader in sandblasted black metal: glitter-flecked glyph tiles orbit and light up as the load climbs, then forge into one mark above your wordmark. Bring your own","s":"21st","c":"status/loader","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/onyx-glyph-preloader/default/preview.1790886274386-6881c4d5-4b43-42ea-a1b6-10be725dcbd8.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__paper-curl-carousel","t":"Paper curl carousel","d":"Page curl image carousel in WebGL: drag, flick or click and each printed slide rolls over a lit cylinder, shows paper stock on its back and casts a shadow on the next. One shader p","s":"21st","c":"media/carousel","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/paper-curl-carousel/default/preview.1791295516023-5e4cb524-eeae-425f-bbac-a65a4b4a505f.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__particle-animation","t":"Particle animation","d":"Gooey particle cursor text reveal: a custom cursor emits particles as you move, merged by a gooey SVG filter into a mask that reveals scaling animated text. Use for creative hero s","k":"motion","s":"21st","c":"motion/background","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer.12110626/particle-animation/default/preview.1758723593702.png","pc":"kedhareswer","sb":"Particles and stars"},{"id":"21st:kedhareswer__particle-dissolve-carousel","t":"Particle dissolve carousel","d":"WebGL particle dissolve image carousel for React: on every slide change the picture breaks into coloured grains that ride a drifting flow field and settle into the next image. At r","s":"21st","c":"media/carousel","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/particle-dissolve-carousel/default/preview.1791293082559-54692290-82c5-4287-b29e-6989e9bc8d54.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__polaroid-line-carousel","t":"Polaroid line carousel","d":"Hanging polaroid image carousel for React: instant photos pegged to a sagging string that slide along it as you drag and swing on their pegs with your speed, then settle. Click, ar","s":"21st","c":"media/carousel","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/polaroid-line-carousel/default/preview.1791300995067-8a1f0f5e-d415-4dc9-98e1-8a336a146642.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__prism-comet-preloader","t":"Prism comet preloader","d":"WebGL shader preloader with a percentage counter: one streak of amber flame morphs through five passes as the page loads, then ignites into a star-shaped portal and the camera push","s":"21st","c":"status/loader","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/prism-comet-preloader/default/preview.1791404092658-9e4547db-0bb2-48ae-9267-641a19e27e7c.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__rgb-glitch-carousel","t":"Rgb glitch carousel","d":"RGB glitch image carousel for React: cuts between photos with a signal glitch, the picture tearing into bands as its red, green and blue channels slide apart before snapping to the","s":"21st","c":"media/carousel","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/rgb-glitch-carousel/default/preview.1791313939687-c0d5d55e-c89d-432e-9585-f72ecce46458.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__scanline-bloom","t":"Scanline bloom","d":"Risograph floral shader background in WebGL: procedurally painted lilies and roses rendered as riso/CRT scanlines, stipple dither and paper grain. Use as a hero or section backgrou","s":"21st","c":"other","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/scanline-bloom/default/preview.1790446576698-4f071bfd-cf45-4989-9612-c6451be1036f.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__shutter-blinds-carousel","t":"Shutter blinds carousel","d":"Shutter blinds image carousel for React: a full-screen slider where the next photo swings in on horizontal slats, like window blinds tilting open one after another, while the old p","s":"21st","c":"media/carousel","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/shutter-blinds-carousel/default/preview.1791300772429-0ebead45-48d6-4e0c-b544-65321f4fd492.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__shutter-glyph-footer","t":"Shutter glyph footer","d":"Animated wordmark footer with a camera-shutter letter: the brand runs edge to edge in a geometric SVG alphabet and one glyph is a three-blade shutter that turns to follow the point","k":"section","s":"21st","c":"marketing/footer","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/shutter-glyph-footer/default/preview.1791098700629-eb24df84-840e-412d-813e-3cdec6b8a911.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__silhouette-wrap","t":"Silhouette wrap","d":"Text wrap around shape cursor effect: a paragraph parts around a silhouette and closes back up underneath it. Canvas measureText and Intl.Segmenter set every line around an SVG sha","s":"21st","c":"other","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/silhouette-wrap/default/preview.1789450153890-4696b143-354b-4bde-ac1a-bd380d057493.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__singularity-horizon","t":"Singularity horizon","d":"3D black hole hero background in raw WebGL2: a Doppler-shifted accretion disk around a singularity, rendered live behind your hero content. Use as a space-themed hero or section ba","s":"21st","c":"other","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/singularity-horizon/default/preview.1789421588039-a3010a0e-bcd3-4b5b-84ae-290e7da64abf.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__slat-count-preloader","t":"Slat count preloader","d":"Swiss poster counter preloader for React: black slats on vermilion slide sideways row by row to form the 0 to 100 count, never fading a glyph, then the poster splits into eight bli","s":"21st","c":"status/loader","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/slat-count-preloader/default/preview.1791040739822-823f0642-c955-46b9-b381-804ca24cd5de.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__smiley","t":"Smiley","d":"Interactive 3D emoji grid: smiley faces that respond to mouse movement with 3D transforms and morph from sad to happy on hover. A playful accent for hero sections, 404 pages or fee","s":"21st","c":"other","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer.12110626/smiley/default/preview.1758726547632.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__snow-ball-loading-spinner","t":"Snow ball loading spinner","d":"Rolling snowball loading spinner: a textured snowball rolls around a soft, embossed circular track in a seamless loop. A calm, minimal loader for loading states, splash screens or ","s":"21st","c":"status/loader","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer.12110626/snow-ball-loading-spinner/default/preview.1758819006200.png","pc":"kedhareswer","sb":"Spinners"},{"id":"21st:kedhareswer__staircase-carousel","t":"Staircase carousel","d":"Staircase image carousel for React: the selected photo sits level at full size with its title, earlier photos step up and later ones step down, and the strip glides between steps o","s":"21st","c":"media/carousel","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/staircase-carousel/default/preview.1791295575405-ad81ac18-5a5a-47f8-85d5-9e08775e3a60.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__starburst-thanks-footer","t":"Starburst thanks footer","d":"Portfolio thank you footer: a closing 'thank you' slide with heavy caps, a hand-lettered marker line, a pen loop, a starburst and contact pills. Use it to end a portfolio, case stu","k":"section","s":"21st","c":"marketing/footer","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/starburst-thanks-footer/default/preview.1791098937904-4b7ad7f2-e266-4b0d-b414-1958a2b9b6e3.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__stardust-stage-preloader","t":"Stardust stage preloader","d":"Dithered particle morph preloader in black-and-white stipple: a star with a progress orbit and counter fills, then every dot flies into a moonlit theatre stage with curtains and a ","s":"21st","c":"status/loader","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/stardust-stage-preloader/default/preview.1790928556779-33cad03c-40a2-42dd-ae58-7be4c783c03c.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__stepped-morph-slider","t":"Stepped morph slider","d":"Stepped morph image slider for React: each slide is revealed through a stepped skyline mask that morphs column by column into the next picture, with a story-style segmented timelin","s":"21st","c":"inputs/slider","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/stepped-morph-slider/default/preview.1791293293500-c8d0fa6e-cb86-48da-9e58-84421019932f.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__sunlit-cutting-mat","t":"Sunlit cutting mat","d":"Sunlight and leaf shadow shader background in WebGL: a green self-healing cutting mat with light falling through a blind and leaves, soft diagonal beams drifting across it. Use as ","s":"21st","c":"other","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/sunlit-cutting-mat/default/preview.1790261221154-15f10bde-6cb2-4f33-a0f2-f515a0153b21.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__ticket-stub-footer","t":"Ticket stub footer","d":"Animated SaaS footer section for React: a hairline grid with section index, CTA, spinning SVG globe and link columns over an interactive ticket with live status, a rolling odometer","k":"section","s":"21st","c":"marketing/footer","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/ticket-stub-footer/default/preview.1790762943284-01ca6837-cc74-4a24-9f44-d70932831493.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__tiger-tear-reveal","t":"Tiger tear reveal","d":"Scroll-driven paper tear hero reveal: a big slogan word cracks and rips in two, the torn halves pull apart and a tiger rises from behind, then its eyes follow the pointer and blink","s":"21st","c":"motion/text-effect","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/tiger-tear-reveal/default/preview.1790338465722-4b12672a-fc73-42b1-9a86-88ea223829c7.png","pc":"kedhareswer","sb":"Reveal and entrance"},{"id":"21st:kedhareswer__tile-scrollbar","t":"Tile scrollbar","d":"Custom 3D tile scrollbar and scroll progress indicator: the page is cut into equal slices on a tilted tray, passed tiles press flat and darken, and the current one stands proud and","s":"21st","c":"data-display/card","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/tile-scrollbar/default/preview.1789150786330-ca4c3179-1ed6-4fdb-941b-2c6dab2d2d5e.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__tilt-cascade-carousel","t":"Tilt cascade carousel","d":"Tilted card image carousel for React: square photos cascade down a slanted line, each card turning and shrinking away from the upright front card, and they swing into place one aft","s":"21st","c":"media/carousel","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/tilt-cascade-carousel/default/preview.1791295629826-53860e5f-20a8-420f-aed1-445ca60460ea.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__velvet-haze","t":"Velvet haze","d":"Grainy light leak shader background in WebGL2: an out-of-focus silver and violet haze on black film grain, cut by soft shadows. The haze gathers under the pointer and a click sends","s":"21st","c":"other","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/velvet-haze/default/preview.1791404152789-e90579f1-2d66-4ade-8c57-a61cdb90be06.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__viewfinder-flip-carousel","t":"Viewfinder flip carousel","d":"3D flip image carousel for React: only the photo in the viewfinder frame lies flat while the rest fold away on their edges in perspective, opening out of the stack as you move, wit","s":"21st","c":"media/carousel","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/viewfinder-flip-carousel/default/preview.1791295684518-579060ec-0cf4-4d29-b92b-21e75835ccb3.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__water-ripple-carousel","t":"Water ripple carousel","d":"Water ripple image carousel for React: tap the photo and a WebGL ripple ring spreads from that point, bending the old photo at its edge as the next one appears inside it. Arrows, s","s":"21st","c":"media/carousel","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/water-ripple-carousel/default/preview.1791313820121-b510f503-247d-49bf-b42c-d90459869f05.jpg","pc":"kedhareswer"},{"id":"21st:kedhareswer__waving-portfolio-landing","t":"Waving portfolio landing","d":"Animated portfolio landing page with a cinematic intro: a letter storm, a slot-reel headline, self-drawing details and an illustrated character who waves. Poster letters, name, rol","s":"21st","c":"marketing","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/waving-portfolio-landing/default/preview.1790264313460-7b99474f-36d4-4b8e-8f86-94c78f1791cb.png","pc":"kedhareswer"},{"id":"21st:kedhareswer__zero-melt-preloader","t":"Zero melt preloader","d":"Ice melt gesture preloader and page gate with no enter button: a sheet of ice wipes down while a counter runs to zero, then you melt your way in by tracing a circle and the screen ","s":"21st","c":"status/loader","a":"kedhareswer","pl":"https://cdn.21st.dev/kedhareswer/zero-melt-preloader/default/preview.1789070090542-fa617a65-2867-495a-bd91-30b489c86d8b.png","pc":"kedhareswer"},{"id":"21st:kevingirelli__animated-border","t":"Animated border","d":"A card or container border with a glowing light that travels around its edge, used to draw attention to featured content.","k":"motion","s":"21st","c":"motion/border","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/animated-border/default/preview.1791033405448-f1f809e7-d98c-4227-92dc-134055e37f4b.png","pc":"kevingirelli"},{"id":"21st:kevingirelli__aurora","t":"Aurora","d":"A soft, slowly drifting multi-color light effect rendered behind content, used as a decorative background for hero sections or cards.","s":"21st","c":"motion/background","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/aurora/default/preview.1791033405140-280dbc4a-30c9-4555-92ba-ed151eb19d44.png","pc":"kevingirelli","sb":"Gradients and aurora"},{"id":"21st:kevingirelli__bar-chart","t":"Bar chart","d":"An accessible SVG bar chart for one data series that renders vertical or horizontal bars with a hover/focus tooltip and full keyboard navigation.","s":"21st","c":"data-viz/chart","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/bar-chart/default/preview.1791039741467-b3d9f464-f767-4847-be70-40b33f774cab.png","pc":"kevingirelli","sb":"Bar"},{"id":"21st:kevingirelli__contact-form","t":"Contact form","d":"A two-column contact section with a header and contact details on one side and a validated name/email/message form in a card on the other, with built-in pending, success and error ","k":"section","s":"21st","c":"marketing/marketing","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/contact-form/default/preview.1791041663088-a865c431-ef9e-4289-9a4c-a145ff0ba6e4.png","pc":"kevingirelli","sb":"Contact"},{"id":"21st:kevingirelli__corner-frame","t":"Corner frame","d":"A decorative box that draws small bracket marks on its corners, like a camera viewfinder, used to frame cards, stats or images.","s":"21st","c":"other","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/corner-frame/default/preview.1791036514901-e912763e-34db-4e80-9549-41438e9233e0.png","pc":"kevingirelli"},{"id":"21st:kevingirelli__dash-button","t":"Dash button","d":"A pill-shaped button that trades its solid fill for a marching dashed outline on hover and keyboard focus.","s":"21st","c":"actions/button","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/dash-button/default/preview.1791033387192-4089f773-f8f0-4999-b06b-5e1adfee89a3.png","pc":"kevingirelli"},{"id":"21st:kevingirelli__faq","t":"Faq","d":"A frequently-asked-questions section with a header and an accordion of questions and answers, in a split or stacked layout.","k":"section","s":"21st","c":"marketing/faq","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/faq/default/preview.1791040341987-a72f438f-a6bf-4fe7-afa3-9635f0f49722.png","pc":"kevingirelli"},{"id":"21st:kevingirelli__flip-text","t":"Flip text","d":"A text component that flips each character or word into place around its horizontal axis with a 3D CSS rotation animation, playable on load or when scrolled into view.","s":"21st","c":"motion/text-effect","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/flip-text/default/preview.1791034065261-07148cac-417d-4030-941c-b7417b5f4c23.png","pc":"kevingirelli","sb":"Rotating words"},{"id":"21st:kevingirelli__form","t":"Form","d":"A react-hook-form field wrapper that lays out a label, control, description and error with the id, aria-invalid and aria-describedby wiring already done for you.","s":"21st","c":"inputs/form-field","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/form/default/preview.1791028885772-d2f1f517-09d8-404a-85ee-cf50b6b889eb.png","pc":"kevingirelli","sb":"Whole forms"},{"id":"21st:kevingirelli__hover-reveal","t":"Hover reveal","d":"A content panel that reveals a second layer through a soft circle that follows the pointer, like a photo under a sketch or an answer hidden under a question.","s":"21st","c":"motion/text-effect","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/hover-reveal/default/preview.1791036756566-9eca9aad-5b46-46dc-bd6f-f780da89f183.png","pc":"kevingirelli","sb":"Reveal and entrance"},{"id":"21st:kevingirelli__magnetic","t":"Magnetic","d":"A wrapper that pulls its child content toward the cursor while hovered and springs it back on release, for magnetic buttons and links.","s":"21st","c":"motion/cursor","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/magnetic/default/preview.1791031560388-0f37a6bf-32d5-4dab-9f60-cdeaf7c0014e.png","pc":"kevingirelli"},{"id":"21st:kevingirelli__marquee","t":"Marquee","d":"A content track that scrolls in a seamless infinite loop, pausing on hover or keyboard focus and off screen, and draggable by the pointer, for logo walls, tag lists or ticker-style","k":"motion","s":"21st","c":"motion/marquee","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/marquee/default/preview.1791035235348-f51f4825-f50d-4edf-9aad-4a6f82666406.png","pc":"kevingirelli"},{"id":"21st:kevingirelli__newsletter","t":"Newsletter","d":"An inline newsletter sign-up band with a title/description on one side and an email form with pending, success and error states on the other.","s":"21st","c":"motion/text-effect","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/newsletter/default/preview.1791041208373-3e82b193-a599-4fe8-8891-a6ec9b0b5aab.png","pc":"kevingirelli"},{"id":"21st:kevingirelli__not-found","t":"Not found","d":"A 404 page section with a large decorative error code, a page heading, a description, and action buttons for finding your way back.","k":"page","s":"21st","c":"pages/templates","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/not-found/default/preview.1791039810757-d98a6047-8798-479d-b346-f8e444f49d9b.png","pc":"kevingirelli","sb":"Error and status pages"},{"id":"21st:kevingirelli__pagination","t":"Pagination","d":"A page-number navigation with previous/next arrows and an ellipsis for long lists, plus a helper that works out which page numbers to show.","s":"21st","c":"navigation/pagination","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/pagination/default/preview.1791039695245-37d4ccd2-de34-4abe-ad41-2ebfba9f3520.png","pc":"kevingirelli"},{"id":"21st:kevingirelli__pricing","t":"Pricing","d":"A pricing section with plan cards, a featured plan, and an optional monthly/yearly billing switch.","k":"section","s":"21st","c":"marketing/pricing","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/pricing/default/preview.1791040364228-1b00b348-c5b3-4bd4-b0d5-2cd3b10b01dd.png","pc":"kevingirelli"},{"id":"21st:kevingirelli__qr-code","t":"Qr code","d":"A crisp SVG QR code component with dots, rounded or square module styles that renders fully on the server and can optionally animate itself into view.","s":"21st","c":"data-display/code-block","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/qr-code/default/preview.1791033381704-aad110a5-4dc8-4ee2-89c9-31fca7336acc.png","pc":"kevingirelli"},{"id":"21st:kevingirelli__scramble-text","t":"Scramble text","d":"A text component that decodes itself from random noise characters into the real words, settling left to right, for a terminal/hacker-style reveal.","s":"21st","c":"motion/text-effect","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/scramble-text/default/preview.1791033439998-c3e1eafc-9cd4-40f0-b0be-b1f6785dfbec.png","pc":"kevingirelli","sb":"Scramble and glitch"},{"id":"21st:kevingirelli__sheet","t":"Sheet","d":"A dialog panel that slides in from an edge of the screen, used for navigation menus, filters, and detail views.","s":"21st","c":"overlays/sheet","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/sheet/default/preview.1791036601369-bb606b12-7c45-44d0-8575-a1a7e3d44db8.png","pc":"kevingirelli"},{"id":"21st:kevingirelli__signature","t":"Signature","d":"An SVG component that draws strokes as if by hand, like a signature, a wordmark outline or a route on a map, triggered on scroll-into-view, by scroll position, or by manual progres","s":"21st","c":"other","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/signature/default/preview.1791033422350-532cca91-7143-47ae-b379-5a66d0c3d4a7.png","pc":"kevingirelli"},{"id":"21st:kevingirelli__spotlight","t":"Spotlight","d":"A soft radial light that follows the pointer across a card or surface, with an optional lit edge ring, for highlighting hoverable panels.","k":"motion","s":"21st","c":"motion/background","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/spotlight/default/preview.1791033338956-f031f989-d12e-474b-aa7c-ad5f1c9f339f.png","pc":"kevingirelli","sb":"Beams and light"},{"id":"21st:kevingirelli__stepper","t":"Stepper","d":"An accessible multi-step progress indicator for flows like checkout or onboarding, showing which steps are complete, current, or upcoming, with optional clickable triggers.","s":"21st","c":"navigation/wizard-steps","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/stepper/default/preview.1791039699246-0e0b2d50-d191-435f-8bc1-b78f86abf8ec.png","pc":"kevingirelli"},{"id":"21st:kevingirelli__warp-gradient","t":"Warp gradient","d":"A slow, liquid field of blended colors driven by a single WebGL2 shader, used as a decorative animated background behind content.","k":"motion","s":"21st","c":"motion/gradient","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/warp-gradient/default/preview.1791036621191-2813166f-2b3e-44cf-9868-a201077e2086.png","pc":"kevingirelli"},{"id":"21st:kevingirelli__wave-text","t":"Wave text","d":"A text component that animates bands of colour washing through its characters like a swell, triggered on load or when scrolled into view.","s":"21st","c":"motion/text-effect","a":"kevingirelli","pl":"https://cdn.21st.dev/kevingirelli/wave-text/default/preview.1791034892697-bb950c41-717e-4521-b18f-29bd70d79278.png","pc":"kevingirelli","sb":"Bouncy and wavy"},{"id":"21st:kingm172009__213","t":"213","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#101010, #F5F5F5, #B0B0B0, #3A3A3A). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"kingm172009","pl":"https://cdn.21st.dev/kingm172009/213/default/preview.1790316935492-2edd7c0f-6e4e-47df-afec-ccc5921200d4.webp","pc":"kingm172009","sb":"Mesh drift"},{"id":"21st:kingmckay13__ocean-perk","t":"Ocean perk","d":"Animated (flicker) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"kingmckay13","pl":"https://cdn.21st.dev/kingmckay13/ocean-perk/default/preview.1788801645512-0ca78fa5-008e-411f-91f6-cd3b389c2457.webp","pc":"kingmckay13","sb":"Dither"},{"id":"21st:kokonutd__loader","t":"Loader","d":"An animated full-screen loading indicator with a monochrome spinning ring and fading title/subtitle text, used while an app prepares or configures data for the user.","s":"21st","c":"status/loader","a":"kokonutd","pl":"https://cdn.21st.dev/kokonutd/loader/default/preview.1789774854383-d2d6c180-9937-42a4-9618-9250beb9b593.png","pc":"kokonutd"},{"id":"21st:kokonutd__smooth-drawer","t":"Smooth drawer","d":"An animated bottom drawer with spring-staggered content, a pricing block, and shimmer call-to-action button, ideal for upsell and paywall prompts.","s":"21st","c":"overlays/sheet","a":"kokonutd","pl":"https://cdn.21st.dev/kokonutd/smooth-drawer/default/preview.1787142305995-d8c45c67-308a-48ba-8a83-a3c60b033e76.png","pc":"kokonutd"},{"id":"21st:kumail_ali_r__circle-unique-load","t":"Circle unique load","d":"A beautiful laoding component rotate regular and changes color and loading state text with diffrent symbols.","s":"21st","c":"other","a":"kumail_ali_r","pl":"https://cdn.21st.dev/m.kumailalirajpoot/circle-unique-load/default/preview.1767718620616.png","pc":"kumail_ali_r"},{"id":"21st:kumail_ali_r__core-header-navbar","t":"Core header navbar","d":"CoreHeader – A sleek top navigation bar for dashboards and apps. Displays the page title, user identity, and avatar, with a subtle background pattern for a modern look.","s":"21st","c":"navigation/top-nav","a":"kumail_ali_r","pl":"https://cdn.21st.dev/user_338YwMTIGt8stOiPgn1tRlIAZUm/core-header-navbar/default/preview.1787569082233.png","pc":"kumail_ali_r"},{"id":"21st:kumail_ali_r__prism-flux-loader","t":"Prism flux loader","s":"21st","c":"status/loader","a":"kumail_ali_r","pl":"https://cdn.21st.dev/user_338YwMTIGt8stOiPgn1tRlIAZUm/prism-flux-loader/default/preview.1787569831692.png","pc":"kumail_ali_r"},{"id":"21st:kumail_ali_r__text-reveal-animation","t":"Text reveal animation","s":"21st","c":"motion/text-effect","a":"kumail_ali_r","pl":"https://cdn.21st.dev/m.kumailalirajpoot/text-reveal-animation/default/preview.1769194006668.png","pc":"kumail_ali_r","sb":"Reveal and entrance"},{"id":"21st:kuratlielia__activity-heatmap","t":"Activity heatmap","d":"A GitHub-style contribution calendar that shows a year of daily activity as one tinted square per day, with hover/keyboard tooltips and a level legend.","s":"21st","c":"data-viz/chart","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/activity-heatmap/default/preview.1790970544878-995e39fc-6f2b-40de-bdc9-315ffc51c523.png","pc":"kuratlielia","sb":"Heatmap"},{"id":"21st:kuratlielia__brush-chart","t":"Brush chart","d":"A time-series chart with a zoomable overview strip beneath it—drag to draw a window, resize it by its handles, and read values and event markers in place.","s":"21st","c":"data-viz/chart","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/brush-chart/default/preview.1790981523535-01ffb4fa-5340-422c-b2cd-92808ff214b1.png","pc":"kuratlielia"},{"id":"21st:kuratlielia__card-stack","t":"Card stack","d":"A draggable deck of cards reviewed one at a time, with swipe/throw gestures, buttons, keyboard shortcuts and undo — for quick triage like shortlisting destinations or candidates.","s":"21st","c":"media/card-stack","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/card-stack/default/preview.1790970386213-e0a8efc1-a06f-4a12-925d-ca8fa71b8607.png","pc":"kuratlielia"},{"id":"21st:kuratlielia__chip-group","t":"Chip group","s":"21st","c":"data-display/badge","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/chip-group/default/preview.1790970335802-ffa8d947-63b2-4fce-b435-88d56ae7a286.png","pc":"kuratlielia","sb":"Tags and pills"},{"id":"21st:kuratlielia__combobox","t":"Combobox","d":"A searchable dropdown input that lets users filter and select one option from a list without leaving the text field.","s":"21st","c":"inputs/combobox","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/combobox/default/preview.1790949993372-553bd190-0bae-4af4-9e2b-0a67b2fe4603.png","pc":"kuratlielia"},{"id":"21st:kuratlielia__comment-thread","t":"Comment thread","d":"A nested comment thread with reply threading, emoji reactions, inline edit/delete, @mention autocomplete, and a resolve/reopen toggle for review-style discussions.","s":"21st","c":"data-display/chat-thread","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/comment-thread/default/preview.1790993016608-697a90b3-a92a-4755-8dba-7bbac59c7ca9.png","pc":"kuratlielia"},{"id":"21st:kuratlielia__date-range-picker","t":"Date range picker","d":"A date range input whose trigger button grows into a two-month calendar panel with presets, a stretching range highlight, and keyboard navigation, for reports, filters, and booking","s":"21st","c":"inputs/date-range","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/date-range-picker/default/preview.1790970493499-5d444492-99f5-4752-90c1-3f7960229f73.png","pc":"kuratlielia"},{"id":"21st:kuratlielia__expandable-card","t":"Expandable card","d":"A collapsible content card with a header trigger that smoothly morphs its width and height open to reveal more detail, built for dense dashboards or FAQ-style summaries.","s":"21st","c":"data-display/accordion","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/expandable-card/default/preview.1791202723584-aafa9856-c3dc-498f-b2f6-31122141d4ff.png","pc":"kuratlielia","sb":"Cards"},{"id":"21st:kuratlielia__filter-toolbar","t":"Filter toolbar","d":"An animated active-filter chip bar with remove/clear-all controls and an add-filter menu for stepping through fields and values, used to manage applied filters on a data table or c","s":"21st","c":"navigation/menu","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/filter-toolbar/default/preview.1790959531836-759cd2dd-d221-4ba2-a394-7c1f8fcf1fc7.png","pc":"kuratlielia","sb":"Menubars"},{"id":"21st:kuratlielia__hover-card","t":"Hover card","d":"A rich preview panel that opens over a mention, avatar, or link after a brief hover or keyboard focus, used to show a person's profile or linked content without leaving the page.","s":"21st","c":"overlays/hover-card","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/hover-card/default/preview.1790970387450-89bb77d8-9a77-440d-b94a-5f429d0a5b10.png","pc":"kuratlielia"},{"id":"21st:kuratlielia__image-compare","t":"Image compare","d":"A draggable before/after image slider that reveals a hidden image behind a moving divider, for comparing photo edits, redesigns, or visual changes.","s":"21st","c":"media/image-compare","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/image-compare/default/preview.1790970433227-de141078-6e2e-438d-9c1a-fca62ea900f2.png","pc":"kuratlielia"},{"id":"21st:kuratlielia__line-chart","t":"Line chart","d":"A multi-series line chart with a scrubbable crosshair, legend toggles to show/hide series, and lines that smoothly morph when the data range changes.","s":"21st","c":"data-viz/chart","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/line-chart/default/preview.1790971534182-cfa70069-c583-4a19-bc6f-830aded6e00d.png","pc":"kuratlielia","sb":"Line and sparkline"},{"id":"21st:kuratlielia__multi-select","t":"Multi select","d":"A dropdown field that lets a user pick several values at once, showing them as removable chips with an overflow count.","s":"21st","c":"inputs/select","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/multi-select/default/preview.1790950571202-91629d04-8789-438c-ad1c-1f47c0a90f43.png","pc":"kuratlielia"},{"id":"21st:kuratlielia__ridgeline","t":"Ridgeline","d":"A ridgeline (joy) plot that stacks overlapping smoothed distributions, one per group, so you can compare shapes like seasonal temperatures or response times at a glance; hover lift","s":"21st","c":"other","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/ridgeline/default/preview.1790986985607-e761cde1-58d8-450c-b469-4bdeb16e26d6.png","pc":"kuratlielia"},{"id":"21st:kuratlielia__segmented-control","t":"Segmented control","d":"A horizontally scrollable group of mutually exclusive options with a gliding selection highlight, roving keyboard navigation, and an edge-fade for overflow content, used to switch ","s":"21st","c":"actions/segmented-control","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/segmented-control/default/preview.1790954946804-451b259a-0a53-48e8-8ce2-660e252a1daa.png","pc":"kuratlielia"},{"id":"21st:kuratlielia__signature-pad","t":"Signature pad","d":"A touch and stylus signature field with pressure-sensitive variable-width ink, undo/redo, a clear animation, playback of the drawn signature, and PNG or SVG export.","s":"21st","c":"other","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/signature-pad/default/preview.1790970519747-3a23b149-8156-4c15-8af1-fb890ee3856d.png","pc":"kuratlielia"},{"id":"21st:kuratlielia__slider","t":"Slider","d":"A draggable range/value slider input with a rolling-number value bubble, rubber-band drag resistance, marks, and keyboard support.","s":"21st","c":"inputs/slider","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/slider/default/preview.1790967322122-7ece97d4-f8bb-4da5-86d7-60494a9c3c43.png","pc":"kuratlielia"},{"id":"21st:kuratlielia__slope-chart","t":"Slope chart","d":"An animated chart that plots how a set of items changed between two time periods, connecting each item's two values with a line and showing rank movement beside each value.","s":"21st","c":"data-viz/chart","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/slope-chart/default/preview.1790986956739-dd2d846a-373a-4c4b-b643-6dc7e1ec3ae1.png","pc":"kuratlielia"},{"id":"21st:kuratlielia__sortable-data-table","t":"Sortable data table","d":"A data table with sortable columns, optional row selection with checkboxes, and animated transitions when rows reorder.","s":"21st","c":"data-display/table","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/sortable-data-table/default/preview.1790966622859-b6fff748-0cc9-4104-ae83-ead699459e4f.png","pc":"kuratlielia","sb":"Data tables"},{"id":"21st:kuratlielia__sparkline","t":"Sparkline","d":"An animated inline line chart that shows a compact trend next to a value, with pointer and keyboard scrubbing through historical points.","s":"21st","c":"data-viz/chart","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/sparkline/default/preview.1790966975813-bc4c121e-27e9-4439-a655-be2163869d8a.png","pc":"kuratlielia","sb":"Line and sparkline"},{"id":"21st:kuratlielia__split-button","t":"Split button","d":"A primary action button paired with a dropdown trigger that reveals a menu of related alternative actions.","s":"21st","c":"actions/button","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/split-button/default/preview.1790946949865-c1039e4b-246e-4287-a938-79d5b91f1a9b.png","pc":"kuratlielia","sb":"Groups and split"},{"id":"21st:kuratlielia__stats-band","t":"Stats band","d":"A row of headline statistics that count up into view, each with a tiny inline chart (trend line, uptime bars, histogram, or dotted world map) and a hover-revealed context line, lai","s":"21st","c":"data-display/stat","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/stats-band/default/preview.1791005005267-55194435-35e0-4636-b15d-51d7b7739bc9.png","pc":"kuratlielia"},{"id":"21st:kuratlielia__switch","t":"Switch","d":"A tactile toggle switch for settings that take effect immediately, with a spring-animated thumb that stretches like a held finger while pressed.","s":"21st","c":"actions/switch","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/switch/default/preview.1790950371479-f119b0b0-c44a-4584-b121-b1b9db3de3fb.png","pc":"kuratlielia"},{"id":"21st:kuratlielia__tabs","t":"Tabs","d":"An animated tabs component with a sliding selection highlight, scrollable tab list with edge-fade arrows for overflow, and height-morphing content panels that smoothly resize betwe","s":"21st","c":"navigation/tabs","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/tabs/default/preview.1790954952323-7766f020-c2b6-44ae-88a3-0f4940838c04.png","pc":"kuratlielia"},{"id":"21st:kuratlielia__text-reveal","t":"Text reveal","d":"A headline or short sentence that animates in word by word, each word rising out of a soft blur, on mount or page load.","s":"21st","c":"motion/text-effect","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/text-reveal/default/preview.1790966648322-98705ab2-6556-4d03-956d-b8e670b9df07.png","pc":"kuratlielia","sb":"Reveal and entrance"},{"id":"21st:kuratlielia__timeline","t":"Timeline","d":"A vertical activity feed grouped by day, with expandable rows, an animated drawing connector line, and smooth insert animations for new updates — used for project history, audit lo","s":"21st","c":"data-display/timeline","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/timeline/default/preview.1790970468046-81538546-e0c0-4a67-9618-a5d4eb69774d.png","pc":"kuratlielia"},{"id":"21st:kuratlielia__usage-meter","t":"Usage meter","d":"An animated allowance gauge that breaks total usage into categories against a plan limit, with a rolling number counter and a segmented progress bar that warns when nearing or over","s":"21st","c":"data-viz/gauge","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/usage-meter/default/preview.1790970410406-900749b9-0711-4ca5-af48-3c9e087c1bda.png","pc":"kuratlielia"},{"id":"21st:kuratlielia__user-menu","t":"User menu","d":"An avatar-triggered account menu with an identity header, account links, inline theme and status switches, and sign out, that collapses into a bottom sheet on phones.","s":"21st","c":"navigation/menu","a":"kuratlielia","pl":"https://cdn.21st.dev/kuratlielia/user-menu/default/preview.1790981571137-f16625b1-f0c6-4c52-b3ae-45abad69fa26.png","pc":"kuratlielia"},{"id":"21st:kyxjames23__111","t":"111","d":"Animated WebGL shader background in the Waves style. Generated by the 21st.dev Shader Builder. 4-color palette (#031C26, #1B6CA8, #5AD2F4, #EAF9FF). A drop-in, zero-dependency Reac","k":"motion","s":"21st","c":"motion/shader","a":"kyxjames23","pl":"https://cdn.21st.dev/kyxjames23/111/default/preview.1789496136807-d6f13b3e-448c-44b4-98ad-ca20d2fd0856.webp","pc":"kyxjames23","sb":"Waves"},{"id":"21st:larsen66__border-beam","t":"Border beam","d":"Animated border beam effect for React. Wraps any element with a traveling, hue-shifting glow around its border. This demo shows an AI chat/prompt composer with the medium full-bord","k":"motion","s":"21st","c":"motion/border","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/border-beam/default/preview.1784821898513-f511c350-3572-42df-b53b-dd672c0c03b4.png","pc":"larsen66"},{"id":"21st:larsen66__border-beam-button","t":"Border beam button","d":"Animated border beam effect for React, sized for a compact button. The small preset wraps an icon button with a tight traveling glow around its border.","s":"21st","c":"actions/button","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/border-beam-button/default/preview.1784821973451-cadceffc-29d6-4ccd-813b-c2c73545667b.png","pc":"larsen66","sb":"Animated"},{"id":"21st:larsen66__border-beam-search","t":"Border beam search","d":"Animated border beam effect for React using the line preset — a bottom-only traveling glow that sweeps along the edge. This demo wraps a rounded search bar.","s":"21st","c":"inputs/search","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/border-beam-search/default/preview.1784822047352-08628714-513a-47da-95b0-e84e5a02c62a.png","pc":"larsen66"},{"id":"21st:larsen66__metal-fx","t":"Metal fx","s":"21st","c":"other","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/metal-fx/default/preview.1784811845606-4152d854-5950-417c-8982-3294e2effcd5.png","pc":"larsen66"},{"id":"21st:larsen66__metal-upgrade-button","t":"Metal upgrade button","s":"21st","c":"actions/button","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/metal-upgrade-button/default/preview.1784817621972-573b6e70-7e41-4044-a760-ba4df49631f5.png","pc":"larsen66"},{"id":"21st:larsen66__thinking-orbs","t":"Thinking orbs","d":"Animated thinking/agent orb — six hand-tuned canvas states (working, searching, solving, listening, composing, shaping) in two tuned size presets (64px avatar / 20px inline). Theme","s":"21st","c":"ai-agent/ai-agent","a":"larsen66","pl":"https://cdn.21st.dev/larsen66/thinking-orbs/default/preview.1784821158925-d17110fb-ed38-4c31-b3b5-181d4844484b.png","pc":"larsen66","sb":"Reasoning and tools"},{"id":"21st:laziekiki__advanced-data-table-filter-builder","t":"Advanced data table filter builder","d":"Build responsive data-table filters with AND/OR logic, multi-select values, searchable popovers, live results, and polished light/dark themes.","s":"21st","c":"data-display/table","a":"laziekiki","pl":"https://cdn.21st.dev/laziekiki/advanced-data-table-filter-builder/default/preview.1789633476157-51bee2e1-f142-4002-a9e1-7d458fddcfd9.png","pc":"laziekiki","sb":"Data tables"},{"id":"21st:laziekiki__ai-reasoning-block","t":"Ai reasoning block","d":"A restrained collapsible thinking section for AI responses that automatically closes when the final answer begins streaming.","s":"21st","c":"ai-agent/ai-agent","a":"laziekiki","pl":"https://cdn.21st.dev/laziekiki/ai-reasoning-block/default/preview.1789223520479-f942bb57-4614-4cf7-848d-b524ee522cbd.png","pc":"laziekiki","sb":"Reasoning and tools"},{"id":"21st:laziekiki__api-key-manager","t":"Api key manager","d":"A responsive API key management panel with masked credentials, scopes, inline revocation, and a secure one-time secret reveal flow.","s":"21st","c":"other","a":"laziekiki","pl":"https://cdn.21st.dev/laziekiki/api-key-manager/default/preview.1789226360155-ca5e4a55-9106-4ade-a603-5bc765980f32.png","pc":"laziekiki"},{"id":"21st:laziekiki__compose","t":"Compose","d":"Premium message composer with @ mentions and / slash commands. A transparent textarea over a backdrop highlighter paints colored pills exactly behind matched tokens, with a caret-a","s":"21st","c":"other","a":"laziekiki","pl":"https://cdn.21st.dev/laziekiki/compose/default/preview.1788906876199-ea37f8ca-55bf-4d4a-982f-f4e2c2470c94.png","pc":"laziekiki"},{"id":"21st:laziekiki__draggable-photo-stack","t":"Draggable photo stack","d":"An interactive draggable photo stack with tactile swipe physics, fan view, shuffle animation, fullscreen previews, and responsive touch controls.","s":"21st","c":"media/gallery","a":"laziekiki","pl":"https://cdn.21st.dev/laziekiki/draggable-photo-stack/default/preview.1789649591103-476673f0-1380-40f3-9363-64207c26d9a0.webp","pc":"laziekiki"},{"id":"21st:laziekiki__empty-state-kit","t":"Empty state kit","d":"Six polished empty states for inboxes, search, carts, missing pages, restricted access, and blank product surfaces, with customizable copy and actions.","s":"21st","c":"data-display/empty-state","a":"laziekiki","pl":"https://cdn.21st.dev/laziekiki/empty-state-kit/default/preview.1789224779108-0845da13-7c56-4bfb-9528-ef9a767831e9.png","pc":"laziekiki"},{"id":"21st:laziekiki__interactive-character-switcher-card","t":"Interactive character switcher card","d":"A visual character switcher card with animated portrait transitions, keyboard support, and an autoplay demo that showcases every state.","s":"21st","c":"data-display/card","a":"laziekiki","pl":"https://cdn.21st.dev/laziekiki/interactive-character-switcher-card/default/preview.1790080019097-cf671193-d5a0-491c-9739-9e8c2ac40834.png","pc":"laziekiki"},{"id":"21st:laziekiki__keyboard-shortcuts","t":"Keyboard shortcuts","s":"21st","c":"data-display/kanban","a":"laziekiki","pl":"https://cdn.21st.dev/laziekiki/keyboard-shortcuts/default/preview.1788999782161-1eacf6f5-8e4c-49bf-b0e4-b45d4a47094f.png","pc":"laziekiki"},{"id":"21st:laziekiki__lenticular-compare","t":"Lenticular compare","k":"section","s":"21st","c":"marketing/comparison","a":"laziekiki","pl":"https://cdn.21st.dev/laziekiki/lenticular-compare/default/preview.1790876207145-c1212d0e-06c8-459a-809e-9920f0025416.jpg","pc":"laziekiki"},{"id":"21st:laziekiki__morphing-scroll-navbar","t":"Morphing scroll navbar","d":"A responsive navbar that morphs from a full-width header into a blurred floating capsule, compacts while scrolling down, restores on upward scroll, and tracks reading progress.","s":"21st","c":"navigation/top-nav","a":"laziekiki","pl":"https://cdn.21st.dev/laziekiki/morphing-scroll-navbar/default/preview.1789731905862-30bbc437-d46b-42da-9385-81bee57e0414.png","pc":"laziekiki","sb":"On scroll"},{"id":"21st:laziekiki__photo-remix-grid","t":"Photo remix grid","d":"An interactive photo-effects mosaic that slices any image into mixed visual treatments. Shuffle the composition, paint individual tiles, add custom images, adjust grid density, and","s":"21st","c":"media/gallery","a":"laziekiki","pl":"https://cdn.21st.dev/laziekiki/photo-remix-grid/default/preview.1789223646966-23bedd54-364e-4aa3-b920-2c3cd51288e9.png","pc":"laziekiki","sb":"Grids"},{"id":"21st:laziekiki__product-tour","t":"Product tour","s":"21st","c":"other","a":"laziekiki","pl":"https://cdn.21st.dev/laziekiki/product-tour/default/preview.1789000347080-8cc73d19-2021-4847-bbd3-845f121bf002.png","pc":"laziekiki"},{"id":"21st:laziekiki__selection-bubble-menu","t":"Selection bubble menu","s":"21st","c":"navigation/menu","a":"laziekiki","pl":"https://cdn.21st.dev/laziekiki/selection-bubble-menu/default/preview.1789003632689-e5378c25-8a8f-4ec2-b90d-beb0fa15a0cb.png","pc":"laziekiki","sb":"Dropdowns"},{"id":"21st:laziekiki__smart-tag-input","t":"Smart tag input","d":"A polished tag input with autocomplete, paste-to-split, duplicate protection, selected-backspace removal, keyboard support, and automatic light and dark theming.","s":"21st","c":"inputs/tag-input","a":"laziekiki","pl":"https://cdn.21st.dev/laziekiki/smart-tag-input/default/preview.1789819317437-ae8d9db7-5149-4460-9ec0-a2af17bb08db.png","pc":"laziekiki"},{"id":"21st:laziekiki__streaming-chat-response","t":"Streaming chat response","d":"A focused AI response component with character-by-character streaming, a live cursor, stop generation, and regenerate states.","s":"21st","c":"ai-agent/ai-agent","a":"laziekiki","pl":"https://cdn.21st.dev/laziekiki/streaming-chat-response/default/preview.1789223478752-a814d8c3-415b-40e9-b3f3-a62b4e91b7dc.png","pc":"laziekiki","sb":"Chat"},{"id":"21st:laziekiki__tier-list-maker","t":"Tier list maker","d":"A polished drag-and-drop tier list builder. Rank avatars into S/A/B/C/D rows, rename and reorder tiers, add or remove rows, and drag anyone back to the bench. Custom pointer-based ","s":"21st","c":"data-display/list","a":"laziekiki","pl":"https://cdn.21st.dev/laziekiki/tier-list-maker/default/preview.1789067472395-ddc8a9e3-b9cb-49bc-88ab-79d9c0eec1d3.png","pc":"laziekiki"},{"id":"21st:laziekiki__tool-call-inspector","t":"Tool call inspector","d":"A compact agent tool-call row that expands into readable input and result panels, with running and completed states for AI product interfaces.","s":"21st","c":"ai-agent/ai-agent","a":"laziekiki","pl":"https://cdn.21st.dev/laziekiki/tool-call-inspector/default/preview.1789223888087-7f9abb11-16ea-4cf6-836f-d5c8c84c8bcb.png","pc":"laziekiki","sb":"Reasoning and tools"},{"id":"21st:lbertoni115__kk","t":"Kk","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#031C26, #1B6CA8, #5AD2F4, #EAF9FF). Features: cursor-reactive ","k":"motion","s":"21st","c":"motion/shader","a":"lbertoni115","pl":"https://cdn.21st.dev/lbertoni115/kk/default/preview.1787771764619-efe30884-f466-4375-8aa1-a6ab23ee1669.webp","pc":"lbertoni115","sb":"Mesh drift"},{"id":"21st:leitosurf151__surfer","t":"Surfer","d":"Animated (wave) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, an","k":"motion","s":"21st","c":"motion/ascii","a":"leitosurf151","pl":"https://cdn.21st.dev/leitosurf151/surfer/default/preview.1787547029460-274b200f-7d79-4527-9b0e-250625c771fe.png","pc":"leitosurf151","sb":"Dither"},{"id":"21st:lensblocks__account-list-item","t":"Account list item","d":"A clickable list item that renders a Lens Protocol account's avatar, display name, and handle, with a loading skeleton and optional selection/checkmark state.","s":"21st","c":"data-display/list","a":"lensblocks","pl":"https://cdn.21st.dev/lensblocks/account-list-item/default/preview.1790141613169-a33c2026-359b-474c-9ebc-a57dbb3f35c2.png","pc":"lensblocks"},{"id":"21st:leo.carre__black-gradient","t":"Black gradient","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#111111, #5C5C5C, #A7A7A7, #F2F2F2). Features: film grain, vignette","k":"motion","s":"21st","c":"motion/gradient","a":"leo.carre","pl":"https://cdn.21st.dev/leo.carre/black-gradient/default/preview.1788994533389-6e2bb86c-8ccf-44a0-b61d-222c2518037d.webp","pc":"leo.carre","sb":"Bloom Field"},{"id":"21st:liquefy-ui__liquid-select","t":"Liquid select","d":"A glassy listbox dropdown with typeahead search, keyboard navigation and a frosted glass popover, built on Base UI's Select primitive.","s":"21st","c":"inputs/select","a":"liquefy-ui","pl":"https://cdn.21st.dev/liquefy-ui/liquid-select/default/preview.1790382085337-2ccbe0ec-b2aa-40d9-b8cc-9e454ea0be1a.png","pc":"liquefy-ui"},{"id":"21st:liquefy-ui__liquid-switch","t":"Liquid switch","d":"An animated toggle switch whose thumb squashes and stretches like liquid glass when flicked on or off.","s":"21st","c":"actions/switch","a":"liquefy-ui","pl":"https://cdn.21st.dev/liquefy-ui/liquid-switch/default/preview.1790382023861-4275a839-3679-483b-8a7e-ddb6c92e9e5a.png","pc":"liquefy-ui","sb":"Animated"},{"id":"21st:ln-dev7__aurora-ribbons","t":"Aurora ribbons","d":"A 3D animated background of silky, wave-drifting aurora ribbons rendered with React Three Fiber, tinted using the page's shadcn primary/accent theme colors.","s":"21st","c":"motion/background","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/aurora-ribbons/default/preview.1790091300049-a427e37f-299e-4b01-9701-84b6b7be03ba.png","pc":"ln-dev7","sb":"Gradients and aurora"},{"id":"21st:ln-dev7__bento-01","t":"Bento 01","d":"A 2x2 grid section of feature tiles, each with an icon, heading, and short description, used to highlight product pillars on a landing page.","k":"layout","s":"21st","c":"layout/bento-grid","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/bento-01/default/preview.1788990700821-962c088b-a2fb-4f4c-9e42-23c703e63def.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__bento-02","t":"Bento 02","d":"A three-tile asymmetric bento grid section with a wide hero tile featuring a headline and CTA button above two feature tiles with icons, used for landing page feature highlights.","k":"layout","s":"21st","c":"layout/bento-grid","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/bento-02/default/preview.1788991106135-58617e53-6b99-4128-8399-0fcbc04243ca.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__cloth","t":"Cloth","d":"A 3D animated cloth that hangs from its top edge and ripples under simulated wind, rendered with a real spring-mass (Verlet) physics simulation in Three.js and colored with your th","s":"21st","c":"other","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/cloth/default/preview.1790058483963-caed36b0-2578-4c3a-8b94-0100ed0b76a5.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__contact-01","t":"Contact 01","d":"A centered contact form section with name, email and message fields, a submit button, and trust badges for reply time and privacy.","k":"section","s":"21st","c":"marketing/marketing","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/contact-01/default/preview.1789819769701-36011358-a4c4-4a59-9010-76215de9d861.png","pc":"ln-dev7","sb":"Contact"},{"id":"21st:ln-dev7__contact-16","t":"Contact 16","d":"A minimal, centered contact form with name, email, and message fields that swaps to a confirmation message after submission.","k":"section","s":"21st","c":"marketing/marketing","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/contact-16/default/preview.1788991864361-76c8d6b9-680e-49dc-8ba1-3c3ea033439e.png","pc":"ln-dev7","sb":"Contact"},{"id":"21st:ln-dev7__cube-wave","t":"Cube wave","d":"A theme-aware 3D grid of instanced cubes that ripples in a radial wave, colored from the app's accent to primary tokens, for use as a hero or section background.","k":"motion","s":"21st","c":"motion/background","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/cube-wave/default/preview.1790262189881-3d126327-0c8d-4159-aa05-796d3a62e229.png","pc":"ln-dev7","sb":"Waves and warps"},{"id":"21st:ln-dev7__faqs-01","t":"Faqs 01","d":"A centered FAQ section with a headline, an accordion list of common questions, and a contact-support callout at the bottom.","k":"section","s":"21st","c":"marketing/faq","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/faqs-01/default/preview.1788991923102-0a6c1c84-3e1c-4bbe-9c8d-e39e579481d2.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__faqs-02","t":"Faqs 02","d":"A two-column FAQ section with a sticky intro and contact card on the left and a scrollable accordion of questions on the right, for pages with 5+ questions.","k":"section","s":"21st","c":"marketing/faq","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/faqs-02/default/preview.1788991856160-73fd3950-522b-4e10-a87a-f19f0e08056f.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__footer-16","t":"Footer 16","d":"A minimal centered site footer with a logo, a single horizontal nav row, circular social icon buttons, and a copyright line.","k":"section","s":"21st","c":"marketing/footer","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/footer-16/default/preview.1788990572832-6f04eac4-0d1b-4aa6-942a-de3528a940d3.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__footer-17","t":"Footer 17","d":"A simple site footer with a brand mark and tagline on the left and a compact vertical navigation list on the right, plus a copyright line.","k":"section","s":"21st","c":"marketing/footer","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/footer-17/default/preview.1788991572948-a215dfe7-1375-461b-8406-0ca12d832f8d.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__gallery-02","t":"Gallery 02","d":"A two-column responsive image gallery section where each tile displays a title and subtitle caption beneath a gradient thumbnail, used for showcasing product screens or portfolio w","s":"21st","c":"media/gallery","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/gallery-02/default/preview.1788991653220-35c1c731-dfe2-4e25-ba61-ddaf09c17cb3.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__globe","t":"Globe","d":"A theme-aware rotating 3D dotted globe with orbit rings, built with React Three Fiber and colored from your shadcn --primary token.","k":"motion","s":"21st","c":"motion/globe","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/globe/default/preview.1789769457953-94fa19bc-f6d9-48c8-bbde-066fd3bfce49.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__header-17","t":"Header 17","d":"A responsive site header with a centered nav, ghost sign-in link and pill call-to-action button that collapses into a slide-out sheet menu on mobile.","s":"21st","c":"navigation/top-nav","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/header-17/default/preview.1788989933250-589dc3ae-a0c8-4f4c-ba99-ebeb8d7e7722.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__hero-24","t":"Hero 24","d":"A zero-decoration hero section with an eyebrow label, a large tracking-tight headline, a subline, and a pill call-to-action button, for landing page tops.","k":"section","s":"21st","c":"marketing/hero","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/hero-24/default/preview.1788990251109-327bd6a6-980b-47a1-b332-3fa9133ff2ef.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__how-it-works-01","t":"How it works 01","k":"section","s":"21st","c":"marketing/features","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/how-it-works-01/default/preview.1788994022353-f10c5ef7-1e00-4c14-8f02-b81cdfeeee77.png","pc":"ln-dev7","sb":"Steps"},{"id":"21st:ln-dev7__how-it-works-02","t":"How it works 02","d":"A four-step vertical timeline section with a dashed connecting rail, numbered nodes and an icon per step, used to explain a product's onboarding or workflow process.","k":"section","s":"21st","c":"marketing/features","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/how-it-works-02/default/preview.1788990723431-9d798c71-5ff4-49d1-ad85-830dce2e94aa.png","pc":"ln-dev7","sb":"Steps"},{"id":"21st:ln-dev7__how-it-works-09","t":"How it works 09","k":"section","s":"21st","c":"marketing/features","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/how-it-works-09/default/preview.1788990235539-9ba9c403-0ea5-475c-b493-218ff369037a.png","pc":"ln-dev7","sb":"Steps"},{"id":"21st:ln-dev7__login-16","t":"Login 16","d":"A centered login card with Google and Apple social sign-in buttons above a standard email/password form.","s":"21st","c":"flows/sign-in","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/login-16/default/preview.1788990353813-9b147ef0-4027-4f76-8a96-6e59ac28372b.png","pc":"ln-dev7","sb":"Sign in"},{"id":"21st:ln-dev7__logo-cloud-16","t":"Logo cloud 16","k":"section","s":"21st","c":"marketing/logos","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/logo-cloud-16/default/preview.1788989970818-1153846c-a7af-4f15-8afb-ae50be95199d.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__pricing-16","t":"Pricing 16","d":"A pricing section with two side-by-side plan cards, one highlighted as recommended, for comparing a free tier against a paid one-time or subscription plan.","k":"section","s":"21st","c":"marketing/pricing","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/pricing-16/default/preview.1788990340787-e70d574c-3ddc-4a0e-9017-788eb5da4e41.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__pricing-17","t":"Pricing 17","d":"A centered pricing card for a single product or plan, showing a strikethrough compare-at price, a feature checklist, trust badges, and a call-to-action button.","k":"section","s":"21st","c":"marketing/pricing","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/pricing-17/default/preview.1788991531070-50dfbf5d-181f-46ea-9d2d-097fa7bccb66.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__register-02","t":"Register 02","d":"A single-field, pill-shaped email signup form with a headline and CTA button, for ungated lead capture or newsletter opt-ins.","k":"layout","s":"21st","c":"flows/sign-in","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/register-02/default/preview.1788990539431-e057b617-4081-4fa0-a475-215ce65e69ef.png","pc":"ln-dev7","sb":"Sign up"},{"id":"21st:ln-dev7__register-16","t":"Register 16","d":"A minimal centered sign-up card with name, email, and password fields plus a link to sign in, for account creation pages.","k":"layout","s":"21st","c":"flows/sign-in","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/register-16/default/preview.1788990235685-a7d93606-3875-4a40-9c1a-2aec1b15fb6f.png","pc":"ln-dev7","sb":"Sign up"},{"id":"21st:ln-dev7__tesseract","t":"Tesseract","d":"An animated 4D hypercube (tesseract) rendered in 3D with React Three Fiber, double-rotating and shading its struts from the accent to primary theme color by depth.","s":"21st","c":"other","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/tesseract/default/preview.1790058548269-2d0cee03-51d9-4106-9f1d-36097c6500a3.png","pc":"ln-dev7"},{"id":"21st:ln-dev7__vortex","t":"Vortex","d":"A rotating spiral-galaxy of 3D points, colored from your theme's primary color at the core fading to muted at the rim, for use as an animated hero or section background.","k":"motion","s":"21st","c":"motion/background","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/vortex/default/preview.1788990033636-7c6a68f2-c068-4e73-b01a-cf82c481b3f5.png","pc":"ln-dev7","sb":"Waves and warps"},{"id":"21st:ln-dev7__warp-tunnel","t":"Warp tunnel","d":"A full-bleed 3D hyperspace background of star streaks racing past the camera toward a vanishing point, built with React Three Fiber and colored from the shadcn theme's foreground a","s":"21st","c":"other","a":"ln-dev7","pl":"https://cdn.21st.dev/ln-dev7/warp-tunnel/default/preview.1790098601127-4d22bf65-3a76-47da-b3ff-0107b88a808e.png","pc":"ln-dev7"},{"id":"21st:loading-ui__wandering-eyes","t":"Wandering eyes","d":"An animated pair of blinking, glancing eyes used as a playful loading indicator for search, discovery, or brand-led waiting states.","s":"21st","c":"other","a":"loading-ui","pl":"https://cdn.21st.dev/loading-ui/wandering-eyes/default/preview.1790141319336-4c0288ae-f938-481f-bc69-ce97a89d4d69.png","pc":"loading-ui"},{"id":"21st:longjtyler__allan-array","t":"Allan array","d":"Animated (shimmer) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"longjtyler","pl":"https://cdn.21st.dev/longjtyler/allan-array/default/preview.1791343248535-22519d04-e5aa-46eb-980c-7284464ffd86.webp","pc":"longjtyler","sb":"Dither"},{"id":"21st:lorenzobodoira11__hero-fusion-web","t":"Hero fusion web","d":"Animated WebGL shader background in the Neuro Noise style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"lorenzobodoira11","pl":"https://cdn.21st.dev/lorenzobodoira11/hero-fusion-web/default/preview.1787091337473-1e781fc3-ae5b-475e-9569-fa2e28b5557a.webp","pc":"lorenzobodoira11","sb":"Neuro Noise"},{"id":"21st:lucasbassetti__animated-tooltip","t":"Animated tooltip","d":"A hover/focus tooltip that springs in and tilts in 3D as the pointer moves across its trigger element.","s":"21st","c":"overlays/tooltip","a":"lucasbassetti","pl":"https://cdn.21st.dev/lucasbassetti/animated-tooltip/default/preview.1790348170995-f27b38b1-af3c-4590-b147-56633656369a.png","pc":"lucasbassetti"},{"id":"21st:lucasbassetti__magic-button","t":"Magic button","d":"A pushable 3D button with a layered shadow/edge that lifts on hover and dips on press, with an optional animated rainbow-gradient edge glow.","s":"21st","c":"actions/button","a":"lucasbassetti","pl":"https://cdn.21st.dev/lucasbassetti/magic-button/default/preview.1790349951159-d798497c-bec7-4820-93f9-ed58ca9ef4c0.png","pc":"lucasbassetti"},{"id":"21st:lucasbassetti__mask-button","t":"Mask button","d":"A button whose fill sweeps away on hover using an animated sprite-sheet CSS mask, revealing the label underneath like a flipbook wipe transition.","s":"21st","c":"actions/button","a":"lucasbassetti","pl":"https://cdn.21st.dev/lucasbassetti/mask-button/default/preview.1790349980593-692003c6-7bd7-47c2-b681-1b48fa41f802.png","pc":"lucasbassetti"},{"id":"21st:lucasbassetti__multi-button","t":"Multi button","d":"An animated action rail that expands to reveal text labels on hover/focus/touch, with a compact collapsed variant and an optional gooey metaball motion style, for grouping related ","s":"21st","c":"actions/button","a":"lucasbassetti","pl":"https://cdn.21st.dev/lucasbassetti/multi-button/default/preview.1790349982512-f2d37358-ca6e-4f44-bd1e-8fc43b709ff7.png","pc":"lucasbassetti"},{"id":"21st:lucasbassetti__progress-fold-button","t":"Progress fold button","d":"A button whose front face tilts back like a hinged flap on hover, focus, or loading, revealing a progress bar underneath that fills to a given percentage or sweeps indeterminately.","s":"21st","c":"actions/button","a":"lucasbassetti","pl":"https://cdn.21st.dev/lucasbassetti/progress-fold-button/default/preview.1790349927430-5602b042-9b80-438e-9971-ec76000d7ad9.png","pc":"lucasbassetti","sb":"Loading and states"},{"id":"21st:lucasmarkes__branches","t":"Branches","d":"An interactive isometric commit-graph figure where the commit under the pointer rises along with its ancestor history on the branch, used as an animated empty-state or illustration","s":"21st","c":"other","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/branches/default/preview.1791413961696.webp","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__cabinet","t":"Cabinet","d":"An isometric SVG server rack of twelve 1U blades that slide out along their rails toward the pointer's height, each on its own spring, with a lit status lamp on the active blade.","s":"21st","c":"other","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/cabinet/default/preview.1791490150492.webp","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__elevator","t":"Elevator","d":"An animated isometric SVG elevator illustration where the pointer's vertical position picks a floor and the car travels there through every floor in between.","s":"21st","c":"other","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/elevator/default/preview.1791414275593.png","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__hairline-basket","t":"Hairline basket","d":"An isometric line drawing of a wire shopping basket that tilts toward the pointer on a spring, with its bail handle swinging after it, built as a dependency-free animated SVG React","s":"21st","c":"other","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/hairline-basket/default/preview.1791413931722.png","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__hairline-dish","t":"Hairline dish","d":"An isometric parabolic satellite dish on a two-axis gimbal that aims and swings toward the pointer on a spring, drawn as an animated SVG line figure.","s":"21st","c":"other","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/hairline-dish/default/preview.1791490178404.webp","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__hairline-drawer","t":"Hairline drawer","d":"An isometric filing-cabinet illustration whose three drawers slide open in response to pointer height, used as a decorative hover-reactive hero or feature graphic.","s":"21st","c":"overlays/sheet","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/hairline-drawer/default/preview.1791490104465.webp","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__hairline-exploded","t":"Hairline exploded","d":"An isometric app-window diagram split into four draggable layers (surface, sidebar, card, popover) that spreads apart and highlights the layer under the pointer, for illustrating a","s":"21st","c":"other","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/hairline-exploded/default/preview.1791490053378.webp","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__hairline-keyboard","t":"Hairline keyboard","d":"Interactive isometric keyboard figure from Hairline by Lucas Marques. MIT licensed. Pointer-responsive SVG illustration.","s":"21st","c":"data-display/kanban","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/hairline-keyboard/default/preview.1791467884341.webp","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__hairline-lockers","t":"Hairline lockers","d":"An isometric bank of twelve wall lockers where the door under the pointer swings open and the previously open one swings shut, used as an animated hero or empty-state illustration.","s":"21st","c":"other","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/hairline-lockers/default/preview.1791415941824.webp","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__hairline-loupe","t":"Hairline loupe","d":"An isometric line-drawing of a stand loupe hovering over a blank ruled sheet, used as a decorative empty-state illustration that drags across the sheet and magnifies the ruled line","s":"21st","c":"other","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/hairline-loupe/default/preview.1791415921783.webp","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__hairline-phone","t":"Hairline phone","d":"An isometric line drawing of a phone taken apart into four layers (glass, board, battery, shell) that opens and picks a layer as the pointer moves across and down it.","s":"21st","c":"other","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/hairline-phone/default/preview.1791415878149.webp","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__hairline-plot","t":"Hairline plot","d":"Interactive isometric plot figure from Hairline by Lucas Marques. MIT licensed. Pointer-responsive SVG illustration.","s":"21st","c":"data-viz/chart","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/hairline-plot/default/preview.1791415523651.webp","pc":"lucasmarkes","sb":"Line and sparkline"},{"id":"21st:lucasmarkes__hairline-query","t":"Hairline query","d":"An isometric question-mark illustration whose hook turns toward the pointer while its dot rolls after it on a softer spring, useful as a playful empty-state or hero graphic.","s":"21st","c":"other","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/hairline-query/default/preview.1791415488277.webp","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__hairline-riffle","t":"Hairline riffle","d":"An isometric SVG illustration of a tray of eight cards where hovering or pressing the arrow keys pulls the card under the pointer forward and lifts it, while the cards around it le","s":"21st","c":"other","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/hairline-riffle/default/preview.1791415440661.webp","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__hairline-router","t":"Hairline router","d":"An isometric line drawing of a wifi router whose four antennas lean toward the pointer on springs, the nearest antenna reaching furthest and the others less the further away.","s":"21st","c":"data-viz/map","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/hairline-router/default/preview.1791414886833.png","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__hairline-slow","t":"Hairline slow","d":"An isometric SVG illustration of crates riding a conveyor belt through a gate, where hovering springs the clock's rate down so the belt slows to a readable crawl without ever fully","s":"21st","c":"other","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/hairline-slow/default/preview.1791414560344.webp","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__hairline-terminal","t":"Hairline terminal","d":"An isometric line-drawing of a terminal window whose scroll position and output-line highlight follow the pointer's vertical position, built with a shared spring/animation engine a","s":"21st","c":"data-display/code-block","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/hairline-terminal/default/preview.1791414511179.webp","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__laptop","t":"Laptop","d":"An isometric laptop drawing whose lid opens and closes on a spring as you move the pointer up and down over it.","s":"21st","c":"other","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/laptop/default/preview.1791467798354.webp","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__padlock","t":"Padlock","d":"An animated isometric padlock icon whose shackle springs up and swings open as the pointer approaches, for security/lock UI states and empty states.","s":"21st","c":"other","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/padlock/default/preview.1791414416238.webp","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__patch","t":"Patch","d":"An isometric SVG illustration of a 24-port network patch panel whose cables lift and lean away from a hovered or focused port, with neighbouring ports easing back on springs the fa","s":"21st","c":"other","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/patch/default/preview.1791415899267.webp","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__phosphor","t":"Phosphor","d":"An interactive isometric 7x7 dot-matrix illustration that plays an idle animation loop and lets the pointer paint glowing afterglow trails across it, like a CRT phosphor display.","s":"21st","c":"other","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/phosphor/default/preview.1791415756265.webp","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__plug-socket","t":"Plug socket","d":"An isometric wall socket and a plug lying on the floor at the end of its cord, where the pointer draws the plug up toward the socket on a spring and it stops just short of connecti","s":"21st","c":"other","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/plug-socket/default/preview.1791415506198.webp","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__rail","t":"Rail","d":"An interactive isometric line drawing of a garment rail with seven bare hangers that rock away from the pointer, the nearest one most, and settle back when the pointer leaves.","s":"21st","c":"navigation/sidebar","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/rail/default/preview.1791415463826.webp","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__sieve","t":"Sieve","d":"An animated isometric line drawing of three stacked test sieves over a pan that responds to pointer height by lifting the sieve under the cursor clear of the stack, useful as a dec","s":"21st","c":"other","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/sieve/default/preview.1791414579922.webp","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__terrain","t":"Terrain","d":"An isometric field of 81 small pillars on a plinth that rise into a dune shape and ripple upward around the pointer, with a radius you can tune and reduced-motion/offscreen handlin","s":"21st","c":"other","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/terrain/default/preview.1791414475609.png","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__turntable","t":"Turntable","d":"An isometric SVG illustration of blocks on a turntable that spins when you drag across it and settles on the nearest quarter turn, with pointer-driven camera elevation and an inten","s":"21st","c":"other","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/turntable/default/preview.1791414456704.webp","pc":"lucasmarkes"},{"id":"21st:lucasmarkes__vault","t":"Vault","d":"An interactive isometric vault-door illustration whose combination dial responds to pointer drag, settles on a detent, and throws its bolts open on the correct number, for security","s":"21st","c":"other","a":"lucasmarkes","pl":"https://cdn.21st.dev/user_registry_lucasmarkes_1791397778844/vault/default/preview.1791414437384.webp","pc":"lucasmarkes"},{"id":"21st:luv-jeri__pixel-swap","t":"Pixel swap","d":"A content swapper that reveals a second composition over a first using a staggered pixel/tile clip-path mask, without duplicating interactive DOM.","s":"21st","c":"other","a":"luv-jeri","pl":"https://cdn.21st.dev/luv-jeri/pixel-swap/default/preview.1790537372291-aca66d4f-e9b6-4edf-ad6b-d92cefc1f8de.png","pc":"luv-jeri"},{"id":"21st:makif.gozum__seve","t":"Seve","d":"Animated (flicker) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. Styled with a retro look. A drop-in, zero-dependency React compo","k":"motion","s":"21st","c":"motion/ascii","a":"makif.gozum","pl":"https://cdn.21st.dev/makif.gozum/seve/default/preview.1788088846205-8dc0d492-c4ed-433d-ab80-0309e2acd6fb.webp","pc":"makif.gozum","sb":"Characters"},{"id":"21st:makviesainte__builders-community-hero","t":"Builders community hero","d":"ommunity hero section with animated-style orbit visuals, member avatars, social activity badges, key metrics, and category pills.","k":"section","s":"21st","c":"marketing/hero","a":"makviesainte","pl":"https://cdn.21st.dev/makviesainte/builders-community-hero/default/preview.1789473642063-8e791a09-13d5-4a85-910f-b5da2d6afd77.png","pc":"makviesainte"},{"id":"21st:malo_cc910e0f__silk-shader","t":"Silk shader","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 5-color palette (#0B1128, #0548FF, #0548FF, #0548FF, #0B1128). A drop-in, zero-depende","k":"motion","s":"21st","c":"motion/shader","a":"malo_cc910e0f","pl":"https://cdn.21st.dev/malo_cc910e0f/silk-shader/default/preview.1788435985100-6a62c13b-4c27-42a5-99a6-e19f43109c64.webp","pc":"malo_cc910e0f","sb":"Silk"},{"id":"21st:mamillecarlos__metaballs-shader","t":"Metaballs shader","d":"Animated WebGL shader background in the Metaballs style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#0","k":"motion","s":"21st","c":"motion/shader","a":"mamillecarlos","pl":"https://cdn.21st.dev/mamillecarlos/metaballs-shader/default/preview.1789712136059-628622d8-6125-4499-ab48-2532cc9f9694.webp","pc":"mamillecarlos","sb":"Metaballs"},{"id":"21st:mamillecarlos__shader-teal","t":"Shader teal","d":"Animated WebGL shader background in the Metaballs style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#1","k":"motion","s":"21st","c":"motion/shader","a":"mamillecarlos","pl":"https://cdn.21st.dev/mamillecarlos/shader-teal/default/preview.1789535736131-cc60236f-a65d-4b30-a357-9441078d4e74.webp","pc":"mamillecarlos","sb":"Metaballs"},{"id":"21st:manuarora700__3d-globe","t":"3d globe","d":"An interactive, textured 3D Earth globe with rotating camera controls and clickable location markers for showcasing global presence or users on a map.","k":"motion","s":"21st","c":"motion/globe","a":"manuarora700","pl":"https://cdn.21st.dev/manuarora700/3d-globe/default/preview.1788812975305-964aef04-ec1b-4545-a1d4-1dc06dca17e4.png","pc":"manuarora700"},{"id":"21st:manuarora700__canvas-text","t":"Canvas text","d":"An animated text component that renders colorful curved lines on a canvas, clipped to the shape of the given text.","s":"21st","c":"motion/text-effect","a":"manuarora700","pl":"https://cdn.21st.dev/manuarora700/canvas-text/default/preview.1788827105421-a000a4b0-fd68-4644-9864-9e4ae33d7e49.png","pc":"manuarora700"},{"id":"21st:manuarora700__cloud-shader","t":"Cloud shader","d":"A WebGL shader background that renders soft, drifting procedural clouds against a gradient sky, tunable by speed, cloud count, and colors, for hero sections and page backgrounds.","s":"21st","c":"motion/background","a":"manuarora700","pl":"https://cdn.21st.dev/manuarora700/cloud-shader/default/preview.1790166236471-6a826760-949e-4cd4-aa53-f3d877088eb7.png","pc":"manuarora700","sb":"Shaders and WebGL"},{"id":"21st:manuarora700__gooey-input","t":"Gooey input","d":"A search-style input field that expands from a round icon button into a text field using a gooey SVG filter and shared-layout animation.","s":"21st","c":"inputs/form-field","a":"manuarora700","pl":"https://cdn.21st.dev/manuarora700/gooey-input/default/preview.1788831946769-ff8c61db-6eac-4252-b145-887d9bef4a98.png","pc":"manuarora700"},{"id":"21st:manuarora700__keyboard","t":"Keyboard","d":"An animated, interactive on-screen Mac-style keyboard that highlights keys as they are pressed (mouse or physical keyboard) with optional per-key click sounds.","s":"21st","c":"data-display/kanban","a":"manuarora700","pl":"https://cdn.21st.dev/manuarora700/keyboard/default/preview.1789955836519-5643b214-01d8-42b7-81b9-7be0d6feed57.png","pc":"manuarora700"},{"id":"21st:marcellinleclercq__get-started-button","t":"Get started button","d":"Bouton pill avec fleche qui suit le curseur sur 360 degres","s":"21st","c":"actions/button","a":"marcellinleclercq","pl":"https://cdn.21st.dev/marcellinleclercq/get-started-button/default/preview.1789566149645-5e3b835b-486d-4513-a7a9-0439789edc83.png","pc":"marcellinleclercq"},{"id":"21st:marcellinleclercq__prompt-bar","t":"Prompt bar","d":"Barre de prompt avec contour metallique anime et menus interactifs","s":"21st","c":"ai-agent/composer","a":"marcellinleclercq","pl":"https://cdn.21st.dev/marcellinleclercq/prompt-bar/default/preview.1789672386682-c133ef74-81e7-4169-b208-71afe261d39f.png","pc":"marcellinleclercq"},{"id":"21st:mariaspesotto__floral-gradient","t":"Floral gradient","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#E3C6BA, #C18C86, #9BA894, #9BA894). Features: film grain. A drop-i","k":"motion","s":"21st","c":"motion/gradient","a":"mariaspesotto","pl":"https://cdn.21st.dev/mariaspesotto/floral-gradient/default/preview.1787793942635-3c17ad70-3fac-44de-a3d6-154e72553f7b.webp","pc":"mariaspesotto","sb":"Bloom Field"},{"id":"21st:massivocreativo__tree-massivo-corp","t":"Tree massivo corp","d":"Animated (wave) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards","k":"motion","s":"21st","c":"motion/ascii","a":"massivocreativo","pl":"https://cdn.21st.dev/massivocreativo/tree-massivo-corp/default/preview.1790722247871-944e70b6-ed06-4ecc-ae7f-320be1dda2cf.webp","pc":"massivocreativo","sb":"Characters"},{"id":"21st:matheusmartinsviana__bmw-art","t":"Bmw art","d":"Animated (flicker) ASCII art in the Half Blocks style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, c","k":"motion","s":"21st","c":"motion/ascii","a":"matheusmartinsviana","pl":"https://cdn.21st.dev/matheusmartinsviana/bmw-art/default/preview.1787268008579-001ed0b7-ddeb-4ebe-bc4d-9b351f5f589b.webp","pc":"matheusmartinsviana"},{"id":"21st:maudbenaddi__notched-project-card","t":"Notched project card","d":"A project card whose cover has a rounded notch cut out of the corner, with the open arrow nested inside it.","s":"21st","c":"data-display/card","a":"maudbenaddi","pl":"https://cdn.21st.dev/benaddi.maud/notched-project-card/default/preview.1790369139067-6fb84ee6-4d51-49fd-9c5d-dbb644671d8b.webp","pc":"maudbenaddi"},{"id":"21st:maudbenaddi__tool-mesh","t":"Tool mesh","d":"A mesh of logo tiles, one per job, each swapping between the tools that do it, one tile at a time.","s":"21st","c":"motion/background","a":"maudbenaddi","pl":"https://cdn.21st.dev/maudbenaddi/tool-mesh/default/preview.1790633641792-97ebc3bb-ea78-4427-a5f1-4f60b61f408c.png","pc":"maudbenaddi","sb":"Gradients and aurora"},{"id":"21st:mechox31__test","t":"Test","d":"Animated (shimmer) ASCII art in the Hex Dump style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, card","k":"motion","s":"21st","c":"motion/ascii","a":"mechox31","pl":"https://cdn.21st.dev/mechox31/test/default/preview.1790247046092-39a8338d-6ba3-4974-8e00-9300a6110d68.png","pc":"mechox31","sb":"Hex Dump"},{"id":"21st:mengto__ball-study","t":"Ball study","d":"An interactive canvas animation of glyphs arranged on a spinning sphere that accelerates on hover and scatters clicked letters before they regrow.","s":"21st","c":"other","a":"mengto","pl":"https://cdn.21st.dev/mengto/ball-study/default/preview.1787728945574-0f48c2b7-a4ba-4536-a458-f8d5932bea6c.png","pc":"mengto"},{"id":"21st:mengto__constellation-field","t":"Constellation field","d":"An animated canvas background of drifting, pointer-reactive particle nodes connected by fading constellation lines, used behind hero/landing sections.","s":"21st","c":"inputs/form-field","a":"mengto","pl":"https://cdn.21st.dev/mengto/constellation-field/default/preview.1787728060807-769a8b78-bad1-4ad6-9a20-8de0a5e8f6b2.png","pc":"mengto","sb":"Phone"},{"id":"21st:mengto__dimensional-field","t":"Dimensional field","d":"An animated dark WebGL background with drifting glass spheres and a flowing noise gradient, rendered inside a sandboxed iframe hero section, for landing pages that need an immersiv","s":"21st","c":"inputs/form-field","a":"mengto","pl":"https://cdn.21st.dev/mengto/dimensional-field/default/preview.1787732614536-bc1338fe-cd3c-4cb0-9713-746df9194f10.png","pc":"mengto"},{"id":"21st:mengto__dot-border-button","t":"Dot border button","d":"An animated call-to-action button whose four corner dots and dashed border segments draw themselves in sequence on hover.","s":"21st","c":"actions/button","a":"mengto","pl":"https://cdn.21st.dev/mengto/dot-border-button/default/preview.1787735128362-90c0d7d7-ea5e-4bb1-bfe6-be580ec07d59.png","pc":"mengto","sb":"Animated"},{"id":"21st:mengto__floating-dots-cta","t":"Floating dots cta","d":"A gradient call-to-action button with rising floating dot particles and an animated arrow icon on hover, for signup or primary actions.","k":"section","s":"21st","c":"marketing/cta","a":"mengto","pl":"https://cdn.21st.dev/mengto/floating-dots-cta/default/preview.1787728728170-a4d31102-5030-4656-a7f6-d8fdfe12edd4.png","pc":"mengto"},{"id":"21st:mengto__fluid-field","t":"Fluid field","d":"A full-bleed animated WebGL fluid background made from a drifting simplex-noise shader, dropped in as a self-contained iframe layer behind page content.","s":"21st","c":"inputs/form-field","a":"mengto","pl":"https://cdn.21st.dev/mengto/fluid-field/default/preview.1787781108252-1b00d3cf-2356-4ea3-b674-e77b3e4f69fd.png","pc":"mengto"},{"id":"21st:mengto__flux-vortex","t":"Flux vortex","d":"A fullscreen Three.js animated particle vortex background with a swirling funnel of glowing points, spiral guides, ambient drift, and bloom post-processing.","k":"motion","s":"21st","c":"motion/background","a":"mengto","pl":"https://cdn.21st.dev/mengto/flux-vortex/default/preview.1787779225841-d4f1386e-7750-46ff-abde-92105c630fd3.png","pc":"mengto","sb":"Waves and warps"},{"id":"21st:mengto__gallery","t":"Gallery","d":"A rotating 3D cylindrical image gallery built with three.js that displays a sequence of photos wrapping around an animated carousel.","s":"21st","c":"media/gallery","a":"mengto","pl":"https://cdn.21st.dev/mengto/gallery/default/preview.1787777254037-c7c40b9e-5f5d-4649-91f9-a1bfa01ebd6b.png","pc":"mengto"},{"id":"21st:mengto__gateway-flow","t":"Gateway flow","d":"An animated dark background of glowing bezier particle streams converging toward the center, with click-triggered shockwave ripples, for hero sections or login screens.","s":"21st","c":"other","a":"mengto","pl":"https://cdn.21st.dev/mengto/gateway-flow/default/preview.1787729073126-693807b6-3280-4f0e-8522-29efd946dfc2.png","pc":"mengto"},{"id":"21st:mengto__generative-tree","t":"Generative tree","d":"An animated generative branching tree background that grows a warm painterly canvas tree with drifting particles, with props for speed, size, particle amount, opacity and color.","s":"21st","c":"data-display/tree","a":"mengto","pl":"https://cdn.21st.dev/mengto/generative-tree/default/preview.1787782099132-c0981060-1d53-468c-93c8-8dfe40777902.png","pc":"mengto"},{"id":"21st:mengto__glassmorphism-cta","t":"Glassmorphism cta","d":"A glowing, glass-panel call-to-action button with a rotating conic shimmer border, backdrop blur, an avatar image, and a sparkle icon, for landing-page hero and signup CTAs.","k":"section","s":"21st","c":"marketing/cta","a":"mengto","pl":"https://cdn.21st.dev/mengto/glassmorphism-cta/default/preview.1787764771130-81bbc78e-0b8e-4573-a557-2aed0503214d.png","pc":"mengto"},{"id":"21st:mengto__globe-study","t":"Globe study","d":"An interactive dark-mode canvas globe made entirely of rotating type, where drag, scroll and click control spin, tilt, zoom and pin-dropping.","k":"motion","s":"21st","c":"motion/globe","a":"mengto","pl":"https://cdn.21st.dev/mengto/globe-study/default/preview.1787751394403-83aeb646-b4fe-46c7-87e4-151831f25940.png","pc":"mengto"},{"id":"21st:mengto__gradient-cta","t":"Gradient cta","d":"A pill-shaped call-to-action button with a warm orange gradient, layered inset shadows, and a hover-triggered fill overlay plus a send icon.","k":"section","s":"21st","c":"marketing/cta","a":"mengto","pl":"https://cdn.21st.dev/mengto/gradient-cta/default/preview.1787613220452-6c56563b-4e92-49cd-86c5-c9615e896703.png","pc":"mengto"},{"id":"21st:mengto__halftone-flow","t":"Halftone flow","d":"An animated WebGL halftone shader background that fills its container with a pulsing red-and-orange dotted flow field, for use as a hero or section background.","s":"21st","c":"motion/background","a":"mengto","pl":"https://cdn.21st.dev/mengto/halftone-flow/default/preview.1787728359133-80925712-3617-4f4b-b391-7db22186a904.png","pc":"mengto"},{"id":"21st:mengto__induction-button","t":"Induction button","d":"A kinetic WebGL button with animated cyan neural-arc shader effects on hover and click, rendered inside a self-contained sandboxed iframe scene.","s":"21st","c":"actions/button","a":"mengto","pl":"https://cdn.21st.dev/mengto/induction-button/default/preview.1787729274911-4674985b-c6b5-404c-afab-a892a2e72657.png","pc":"mengto"},{"id":"21st:mengto__launch-button","t":"Launch button","d":"A glowing amber gradient call-to-action button with a lightning-bolt icon, used to trigger a launch or initialize action.","s":"21st","c":"actions/button","a":"mengto","pl":"https://cdn.21st.dev/mengto/launch-button/default/preview.1787729014882-15a276eb-7833-4a60-bd13-382bead75e98.png","pc":"mengto"},{"id":"21st:mengto__liquid-form","t":"Liquid form","d":"A full-viewport animated WebGL background with a metallic, morphing liquid blob shape that reacts to pointer movement.","s":"21st","c":"inputs/form-field","a":"mengto","pl":"https://cdn.21st.dev/mengto/liquid-form/default/preview.1787773947035-90ce41f0-4b4b-43b2-a8ed-4a9c525d0c57.png","pc":"mengto","sb":"Whole forms"},{"id":"21st:mengto__neon-sign","t":"Neon sign","d":"An animated glass-blown neon typography sign rendered on canvas, with a subtle flicker and breathing glow for hero headings.","s":"21st","c":"other","a":"mengto","pl":"https://cdn.21st.dev/mengto/neon-sign/default/preview.1787778272813-f8bcfc42-5065-403f-a712-98af3e1a415a.png","pc":"mengto"},{"id":"21st:mengto__orbital-sphere","t":"Orbital sphere","d":"An animated Three.js background of a violet particle-cloud sphere wrapped in orbiting rings and glowing nodes, for hero sections or full-bleed page backgrounds.","s":"21st","c":"ai-agent","a":"mengto","pl":"https://cdn.21st.dev/mengto/orbital-sphere/default/preview.1787616731960-ed980b43-084b-456f-8764-729f2b7c5968.png","pc":"mengto"},{"id":"21st:mengto__particle-drift","t":"Particle drift","d":"An animated ASCII-particle canvas background rendered in a sandboxed iframe, used behind a hero/landing section to give it a moving network/data-network feel.","k":"motion","s":"21st","c":"motion/background","a":"mengto","pl":"https://cdn.21st.dev/mengto/particle-drift/default/preview.1787730948867-04f5daaa-f36a-4cf6-a51c-b733132e0b29.png","pc":"mengto","sb":"Particles and stars"},{"id":"21st:mengto__particle-wordmark","t":"Particle wordmark","d":"An animated particle-storm wordmark effect that renders a brand name as a shimmering field of dots and squares inside an isolated iframe, for footers or hero sections.","s":"21st","c":"motion/text-effect","a":"mengto","pl":"https://cdn.21st.dev/mengto/particle-wordmark/default/preview.1787725615161-18036449-59c6-4826-8c33-3f841b036c3d.png","pc":"mengto"},{"id":"21st:mengto__portal-field","t":"Portal field","d":"An animated ambient WebGL background with glowing organic arcs, rendered as a sandboxed iframe you can tune for speed, size, hue, saturation and brightness.","s":"21st","c":"inputs/form-field","a":"mengto","pl":"https://cdn.21st.dev/mengto/portal-field/default/preview.1787729460204-c13c7a12-4ed6-430b-877f-2a36d2c56609.png","pc":"mengto"},{"id":"21st:mengto__recursive-erosion","t":"Recursive erosion","d":"An animated WebGL background of a particle sphere that morphs, erodes into holes, and grows glowing trails crawling across its surface — a self-contained looping shader background ","s":"21st","c":"other","a":"mengto","pl":"https://cdn.21st.dev/mengto/recursive-erosion/default/preview.1787732030693-81164b76-16cb-4e90-9552-3e9f212b58d6.png","pc":"mengto"},{"id":"21st:mengto__semantic-bloom","t":"Semantic bloom","d":"An animated wordmark that draws a viscous canvas-particle organism toward its letters, illuminating the text as the network searches and reconnects, for hero and landing-page headl","s":"21st","c":"other","a":"mengto","pl":"https://cdn.21st.dev/mengto/semantic-bloom/default/preview.1787604880718-1cc38e20-74a5-4fba-ba50-45ae7709496c.png","pc":"mengto"},{"id":"21st:mengto__skeuomorphic-toggle","t":"Skeuomorphic toggle","d":"A realistic, glossy pill-shaped on/off switch with inset shadows and a sliding label, rendered as a self-contained sandboxed widget for settings panels and dashboards.","s":"21st","c":"actions/switch","a":"mengto","pl":"https://cdn.21st.dev/mengto/skeuomorphic-toggle/default/preview.1787731055683-2072a4c2-1f2e-41e7-96fb-7f57dcd56d90.png","pc":"mengto","sb":"Animated"},{"id":"21st:mengto__spark-badge","t":"Spark badge","d":"An animated canvas credential badge that dissolves and reforms out of luminous rain and curl-noise embers, for hero sections and background decoration.","s":"21st","c":"data-display/badge","a":"mengto","pl":"https://cdn.21st.dev/mengto/spark-badge/default/preview.1787731886730-e89d8175-58a9-4c79-ae36-4daf85d91fbf.png","pc":"mengto"},{"id":"21st:mengto__spinning-border-button","t":"Spinning border button","d":"A pill-shaped call-to-action button with a conic-gradient border beam that spins into view on hover.","s":"21st","c":"actions/button","a":"mengto","pl":"https://cdn.21st.dev/mengto/spinning-border-button/default/preview.1787940010515-fa78fbf0-b709-4651-9cbc-339ca42395e0.png","pc":"mengto","sb":"Animated"},{"id":"21st:mengto__tactile-button","t":"Tactile button","d":"An interactive dark liquid-fill call-to-action button with a WebGL ripple/sloshing shader that reacts to cursor movement and clicks, delivered as a self-contained isolated embed.","s":"21st","c":"actions/button","a":"mengto","pl":"https://cdn.21st.dev/mengto/tactile-button/default/preview.1787731756335-77ae0d03-ff94-46c2-b14f-04bfe9de6afe.png","pc":"mengto"},{"id":"21st:mengto__topo-field","t":"Topo field","d":"An animated topographic-line WebGL background rendered inside a sandboxed iframe, for hero sections and landing pages that want a subtle full-bleed contour-map motion effect.","s":"21st","c":"inputs/form-field","a":"mengto","pl":"https://cdn.21st.dev/mengto/topo-field/default/preview.1787732564124-0f1ebb8b-3c23-451e-a2f9-78fa37a1e716.png","pc":"mengto"},{"id":"21st:mengto__topology-field","t":"Topology field","d":"An animated three.js network topology background: a rotating sphere of pulsing nodes connected by glowing links, rendered fullscreen inside an isolated iframe.","s":"21st","c":"inputs/form-field","a":"mengto","pl":"https://cdn.21st.dev/mengto/topology-field/default/preview.1787778250357-8ffdabd5-318c-43aa-a2b8-f7d0ad439249.png","pc":"mengto"},{"id":"21st:mengto__void-field","t":"Void field","d":"A dark, animated WebGL dot-matrix shader background rendered as a sandboxed iframe, styled like a hardware terminal panel for hero sections and dashboards.","s":"21st","c":"inputs/form-field","a":"mengto","pl":"https://cdn.21st.dev/mengto/void-field/default/preview.1787725493751-3e07d1b3-aff8-4b59-9907-d00c2c5cdaec.png","pc":"mengto"},{"id":"21st:mengto__wireframe-forms","t":"Wireframe forms","d":"A rotating 3D wireframe shape (cube, cylinders, or icosphere) rendered on an HTML canvas inside an isolated iframe, used as a decorative animated background or hero visual.","s":"21st","c":"inputs/form-field","a":"mengto","pl":"https://cdn.21st.dev/mengto/wireframe-forms/default/preview.1787725602861-2318b01f-2fb4-4ff0-9a83-fa63437f9cfc.png","pc":"mengto","sb":"Whole forms"},{"id":"21st:mengto__woven-cloth","t":"Woven cloth","d":"An animated iframe background that simulates a woven fabric swatch with a verlet-physics cloth simulation rendered in Three.js, wrapped for a hero or landing-page backdrop.","s":"21st","c":"other","a":"mengto","pl":"https://cdn.21st.dev/mengto/woven-cloth/default/preview.1787728126321-c9881794-a640-44b0-a0ab-697e1e000a3e.png","pc":"mengto"},{"id":"21st:meschacirung__content-2","t":"Content 2","d":"A marketing content section that pairs a headline and intro copy with two feature rows illustrating an editor toolbar and a scheduling snippet.","s":"21st","c":"other","a":"meschacirung","pl":"https://cdn.21st.dev/meschacirung/content-2/default/preview.1789960432781-44d35e33-3bd4-4b44-a222-540bdbe9b994.png","pc":"meschacirung"},{"id":"21st:meschacirung__content-7","t":"Content 7","d":"A two-column content section that pairs a headline and feature highlights with a themed product screenshot, used to explain a product's ecosystem or platform on a marketing page.","s":"21st","c":"other","a":"meschacirung","pl":"https://cdn.21st.dev/meschacirung/content-7/default/preview.1789958721499-bf5427f3-cf0c-4e07-a927-486abfbf85f8.png","pc":"meschacirung"},{"id":"21st:meschacirung__footer-2","t":"Footer 2","d":"A site footer with a logo, three grouped navigation link columns (Product, Company, Legal), social media icons, and a copyright line.","k":"section","s":"21st","c":"marketing/footer","a":"meschacirung","pl":"https://cdn.21st.dev/meschacirung/footer-2/default/preview.1789775015705-f3263de5-a73f-4636-b7fd-ccb3d315965d.png","pc":"meschacirung"},{"id":"21st:meschacirung__footer-4","t":"Footer 4","d":"A marketing site footer with a brand logo, address, social links, three link columns, and a newsletter signup form.","k":"section","s":"21st","c":"marketing/footer","a":"meschacirung","pl":"https://cdn.21st.dev/meschacirung/footer-4/default/preview.1789774188094-2c429c69-19d9-4fbd-abd3-fa17e7a0d735.png","pc":"meschacirung"},{"id":"21st:meyerjulius673__green-silk-shader","t":"Green silk shader","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#03120E, #0E7C5A, #7CE577, #F4FFC7). A drop-in, zero-dependency React","k":"motion","s":"21st","c":"motion/shader","a":"meyerjulius673","pl":"https://cdn.21st.dev/meyerjulius673/green-silk-shader/default/preview.1789193753772-8ca67932-5b8c-4df2-9906-ec559abb217f.webp","pc":"meyerjulius673","sb":"Silk"},{"id":"21st:michellegomes1984.mg__jesus-post","t":"Jesus post","d":"Animated (shimmer) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, ca","k":"motion","s":"21st","c":"motion/ascii","a":"michellegomes1984.mg","pl":"https://cdn.21st.dev/michellegomes1984.mg/jesus-post/default/preview.1788717046071-04a13474-2085-4a4b-8bf7-bddac4b3216c.webp","pc":"michellegomes1984.mg","sb":"Characters"},{"id":"21st:micka_design__color-picker","t":"Color picker","d":"A color picker panel with HEX, RGB, HSL and OKLCH format switching, an alpha channel, optional preset swatches, and native eyedropper support, usable inline or inside a popover tri","s":"21st","c":"inputs/color-picker","a":"micka_design","pl":"https://cdn.21st.dev/micka_design/color-picker/default/preview.1789961132202-e4eb26e5-2aea-4e07-8d9e-56c21ef96656.png","pc":"micka_design"},{"id":"21st:micka_design__radio-group-base","t":"Radio group base","d":"An animated radio button group whose selection dot springs into place and whose rows light up with a fluid hover highlight that follows the cursor, built on the Base UI radio primi","s":"21st","c":"inputs/radio","a":"micka_design","pl":"https://cdn.21st.dev/micka_design/radio-group-base/default/preview.1788999069254-569e1b5b-3aa7-4eb4-bbcf-f4894844f119.png","pc":"micka_design"},{"id":"21st:micka_design__tabs-subtle","t":"Tabs subtle","d":"Horizontal tab navigation with proximity-based hover, an animated pill selection indicator, and fluid variable-font-weight transitions, built on Radix Tabs. Ported from Fluid Funct","s":"21st","c":"navigation/tabs","a":"micka_design","pl":"https://cdn.21st.dev/micka_design/tabs-subtle/default/preview.1787133540575-51ef155b-7756-4d51-86e4-01c8c209517d.png","pc":"micka_design"},{"id":"21st:mjiu651__ff","t":"Ff","d":"Animated (wave) ASCII art in the Diamond style, made with the 21st ASCII editor and baked to a looping video. Styled with a retro look. A drop-in, zero-dependency React component f","k":"motion","s":"21st","c":"motion/ascii","a":"mjiu651","pl":"https://cdn.21st.dev/mjiu651/ff/default/preview.1791289245858-7833f5ed-4786-4578-94cc-98d97a5fca0e.webp","pc":"mjiu651","sb":"Diamond"},{"id":"21st:mluzetti11__oran-g","t":"Oran g","d":"Animated (wave) ASCII art in the Mixed style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, and","k":"motion","s":"21st","c":"motion/ascii","a":"mluzetti11","pl":"https://cdn.21st.dev/mluzetti11/oran-g/default/preview.1791571844615-6b87dd18-a83e-4b8e-b070-156900e22f16.webp","pc":"mluzetti11"},{"id":"21st:mohamedymay7__lol","t":"Lol","d":"Animated (shimmer) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"mohamedymay7","pl":"https://cdn.21st.dev/mohamedymay7/lol/default/preview.1790616046251-8523b59a-424d-4406-94b2-3769d5c21c96.webp","pc":"mohamedymay7","sb":"Dither"},{"id":"21st:mohamedymay7__maestro","t":"Maestro","d":"Animated (shimmer) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"mohamedymay7","pl":"https://cdn.21st.dev/mohamedymay7/maestro/default/preview.1791372046266-41ce37ea-d822-43cc-a3d9-b2fee70701a6.webp","pc":"mohamedymay7","sb":"Dither"},{"id":"21st:mohammad.eska34__margin-frame-with-flowing-logos","t":"Margin frame with flowing logos","d":"A dark inset frame with a square grid, orange light trails in the margin, and logos that drift around the border and bounce softly off invisible walls.","k":"resource","s":"21st","c":"assets/logo","a":"mohammad.eska34","pl":"https://cdn.21st.dev/mohammad.eska34/margin-frame-with-flowing-logos/default/preview.1791024866911-f2349452-1590-411b-b5b6-141b1cfd9a4b.png","pc":"mohammad.eska34"},{"id":"21st:mohammadshehadeh__changelog-01","t":"Changelog 01","d":"Release notes with a sticky date rail, version badges, New / Improved / Fixed tags, a subscribe button, and a filter that narrows entries. Ships composable parts.","k":"section","s":"21st","c":"marketing/marketing","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/changelog-01/default/preview.1789974106986-628ead0a-bde1-4d66-a0a8-9cc0e7fb2058.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__changelog-02","t":"Changelog 02","d":"Public roadmap board with Now, Next and Later columns. Every item can be upvoted, the board sorts by votes or by date, and on small screens tabs pick the column.","k":"section","s":"21st","c":"marketing/marketing","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/changelog-02/default/preview.1789975321779-06b7c947-e1a1-4b38-8c46-30635c87300d.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__coming-soon-01","t":"Coming soon 01","d":"Full-viewport launch page with a live countdown, an email notify form that shows an inline success state, and a GitHub link in the footer. Ships composable parts.","k":"page","s":"21st","c":"pages/templates","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/coming-soon-01/default/preview.1788863658349-4f6a7287-6114-47e1-9111-769b3e908d0b.png","pc":"mohammadshehadeh","sb":"Error and status pages"},{"id":"21st:mohammadshehadeh__coming-soon-02","t":"Coming soon 02","d":"Full-viewport launch teaser: a pill badge, a word-by-word serif headline, sub-copy and an email notify form with inline validation and a confirmation, above a glowing horizon of sp","k":"page","s":"21st","c":"pages/templates","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/coming-soon-02/default/preview.1788837379142-5f9d4b25-92d3-454f-938a-7852c3378224.png","pc":"mohammadshehadeh","sb":"Error and status pages"},{"id":"21st:mohammadshehadeh__comparison-02","t":"Comparison 02","d":"Three-column feature matrix with a highlighted middle column, mixed tick and text cells, and a call to action in the footer row.","k":"section","s":"21st","c":"marketing/comparison","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/comparison-02/default/preview.1788886784002-5a66db36-8f7b-418d-939c-da2c3e4f31d9.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__comparison-03","t":"Comparison 03","d":"Before and after panels side by side, the old way muted with crosses and the new way ticked, a Before/After switch on small screens, closing on an outcome strip.","k":"section","s":"21st","c":"marketing/comparison","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/comparison-03/default/preview.1788886466877-b291a803-1a56-4774-af1e-2ae775d28849.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__cookie-consent","t":"Cookie consent","d":"Floating consent banner with per-category switches, accept, reject, and save actions, and a choice persisted in localStorage. Ships composable parts.","s":"21st","c":"overlays/alert-banner","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/cookie-consent/default/preview.1788860002731-4691d154-bb1f-47cf-9c14-7155907d887a.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__cta-03","t":"Cta 03","d":"Full-bleed CTA card with an animated dithered shader backdrop, an eyebrow pill, a serif headline and a pill action button.","k":"section","s":"21st","c":"marketing/cta","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/cta-03/default/preview.1789962466278-a61a1d75-30c3-4a6c-9f97-4da816f73ed4.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__ecommerce-04","t":"Ecommerce 04","d":"Category page with a sticky filter sidebar (category counts that react to the other filters, price range, colour, stock, rating), removable filter chips, sorting, an empty state, a","s":"21st","c":"other","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/ecommerce-04/default/preview.1790072934230-b52458e2-1dbd-4596-b54b-f25ff68d3eee.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__error-01","t":"Error 01","d":"500 page with a retry action, home link, collapsible technical details (request id, timestamp, copy button) and a system status line. Ships composable parts.","s":"21st","c":"other","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/error-01/default/preview.1790069192318-37220e4b-685f-4be6-b5a5-fecb60b41b37.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__faq-05","t":"Faq 05","d":"Two-column FAQ block: an eyebrow, serif headline and short intro sit on the start side; a single-open accordion of five questions sits on the end side, split by a vertical divider ","k":"section","s":"21st","c":"marketing/faq","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/faq-05/default/preview.1788832093298-4fa4625f-1dbc-4d7e-aea1-6915c6904ab9.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__faq-06","t":"Faq 06","d":"Centered FAQ with a pill badge, a word-by-word headline reveal and a short intro above a multi-open accordion where each question is its own bordered card that rises in with a stag","k":"section","s":"21st","c":"marketing/faq","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/faq-06/default/preview.1788860427645-3ab97edd-0186-46b7-afc3-28e8f32b7530.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__feature-07","t":"Feature 07","d":"Problem-framing trio: a badge and serif headline with a muted second half above three cards, each an orb icon in concentric rings with a soft radial glow, a title and a short descr","k":"section","s":"21st","c":"marketing/features","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/feature-07/default/preview.1788806864763-ed73ba19-3354-4356-ac64-145f196edf62.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__feature-08","t":"Feature 08","d":"Six-card feature grid on hairline rails: each card carries an inline icon beside its title, a title and a description, corner crosshair marks, and a radial spotlight that follows t","k":"section","s":"21st","c":"marketing/features","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/feature-08/default/preview.1788859455777-e5b259a1-7cc8-47bd-8da5-9953b61ac85d.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__feature-10","t":"Feature 10","d":"Mixed-cell overview bento: a quote with attribution, two metric tiles, a latest-drop card with a CardAction, and a three-job list, all on one hairline lattice.","k":"section","s":"21st","c":"marketing/features","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/feature-10/default/preview.1789219362466-9f50d2c8-eb80-4803-9815-a32745facf66.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__feature-11","t":"Feature 11","d":"Feature switcher for a shared inbox: a vertical tab list of three capabilities beside a panel previewing each one, from assigned conversations to saved replies and snooze times. Ar","k":"section","s":"21st","c":"marketing/features","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/feature-11/default/preview.1789219361482-5b6fd8e5-6b67-479c-929c-3da01ef8fa99.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__integrations-07","t":"Integrations 07","d":"Two-column integrations section with copy and a call to action beside a 3 by 3 tile grid whose featured tile cycles on its own, pauses on hover and focus, and can be picked directl","k":"section","s":"21st","c":"marketing/logos","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/integrations-07/default/preview.1790773317529-8c0c210e-22ef-44eb-ab61-7afa1632161b.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__json-viewer","t":"Json viewer","d":"Collapsible JSON tree with typed value colors, item counts on closed nodes, long-string truncation, expand or collapse all, copy, and arrow-key navigation.","s":"21st","c":"data-display/json-viewer","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/json-viewer/default/preview.1789979408091-72e0bdc7-e7fd-4bf2-91ec-137dadd77ad2.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__k8s-pod-table","t":"K8s pod table","d":"Kubernetes pod table with phase pills (Running, Pending, CrashLoopBackOff), ready and restart counts that flag unhealthy pods.","s":"21st","c":"data-display/table","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/k8s-pod-table/default/preview.1790323112415-39532739-450a-4670-b497-c0df9773db89.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__log-viewer","t":"Log viewer","d":"Streaming log panel with severity-colored lines, timestamps and sources, a level filter with counts, and a Follow toggle that tails new lines and unpins when you scroll up. Ships c","s":"21st","c":"other","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/log-viewer/default/preview.1790323098194-b2d066e1-42fa-4dd9-9b1b-890dd6a35230.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__login-01","t":"Login 01","d":"Centered login card with monogram, email + password (using the password-input component), remember-me, divider and GitHub / Google providers.","s":"21st","c":"flows/sign-in","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/login-01/default/preview.1789970497450-a11ea0dc-6634-476b-ae59-1e7d97cd2fcc.png","pc":"mohammadshehadeh","sb":"Sign in"},{"id":"21st:mohammadshehadeh__login-03","t":"Login 03","d":"Split-screen sign-in: a decorative animated-paths aside with a brand mark and a short quote, paired with a clean GitHub-only sign-in pane. A back-to-home link, mobile-collapsing la","s":"21st","c":"flows/sign-in","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/login-03/default/preview.1789971927575-df6761bb-15a8-44f2-ad4c-95af2c32911e.png","pc":"mohammadshehadeh","sb":"Sign in"},{"id":"21st:mohammadshehadeh__logo-cloud-03","t":"Logo cloud 03","d":"Quiet single-row wordmark strip that brightens on hover, a rule, then a pull quote with an avatar and attribution.","k":"section","s":"21st","c":"marketing/logos","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/logo-cloud-03/default/preview.1789958875344-a76fa3ce-61ae-44a0-940b-26faf8daf0ca.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__logo-cloud-04","t":"Logo cloud 04","d":"Six customer wordmarks as tabs, each opening a proof panel with a metric, a short quote and a story link. It advances on its own, pauses on hover or focus, and stops once you pick ","k":"section","s":"21st","c":"marketing/logos","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/logo-cloud-04/default/preview.1789956741673-73584d2d-4a61-4248-9e9a-4703f1fa65c4.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__magnetic-button","t":"Magnetic button","d":"Button that pulls toward the cursor and springs back on leave. Adjustable strength, asChild to wrap a link, respects reduced-motion.","s":"21st","c":"actions/button","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/magnetic-button/default/preview.1788840317527-f17f13b7-8cc0-41c0-9cb1-d2d914b88380.png","pc":"mohammadshehadeh","sb":"Animated"},{"id":"21st:mohammadshehadeh__message-thread","t":"Message thread","d":"Message list that follows streaming output, with tool calls, reasoning, sources, hover actions, typing dots, and a streaming cursor. Ships composable parts.","s":"21st","c":"ai-agent/ai-agent","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/message-thread/default/preview.1790325147711-6fc2425a-abbd-40b0-a033-6838e2341129.png","pc":"mohammadshehadeh","sb":"Chat"},{"id":"21st:mohammadshehadeh__not-found-01","t":"Not found 01","d":"Centered 404 with mono eyebrow, display headline, paired CTAs and a 'try one of these' suggested-routes list.","k":"page","s":"21st","c":"pages/templates","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/not-found-01/default/preview.1784798788843-10b9f187-dc6a-433b-a46a-4c9a4c9b112c.png","pc":"mohammadshehadeh","sb":"Error and status pages"},{"id":"21st:mohammadshehadeh__phone-input","t":"Phone input","d":"Phone number field with a country dial-code picker and E.164 output from libphonenumber-js.","s":"21st","c":"inputs/form-field","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/phone-input/default/preview.1788989640508-5e538eee-4ecf-4ef4-8c65-5cb9c1fb503f.png","pc":"mohammadshehadeh","sb":"Phone"},{"id":"21st:mohammadshehadeh__prompt-input","t":"Prompt input","d":"Chat composer with an auto-growing textarea, Enter to send, attachments, a model picker, and a Stop button while streaming. Ships composable parts.","s":"21st","c":"ai-agent/composer","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/prompt-input/default/preview.1789956933241-88c32bb3-13be-4c36-9520-49a389fa4364.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__server-card","t":"Server card","d":"Fleet of host cards, each with a status pill, region, CPU / memory / disk specs and threshold-tinted usage meters. Ships composable parts.","s":"21st","c":"data-display/card","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/server-card/default/preview.1790325129776-112b087b-f1c6-430a-a655-0c1bf12302f2.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__tag-input","t":"Tag input","d":"Chip input with paste-to-split, dedupe, validation hook and max tags.","s":"21st","c":"inputs/tag-input","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/tag-input/default/preview.1789980763572-7c949892-3e8c-41a4-9306-18fbe18a7820.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__toc","t":"Toc","d":"On-this-page navigation that tracks the active heading as you scroll and highlights it with a moving border marker. Takes a flat or nested items list, or composes from parts. Smoot","s":"21st","c":"navigation/table-of-contents","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/toc/default/preview.1784488118775-d628fbab-89b8-465c-9b1e-fe98616e5e2c.png","pc":"mohammadshehadeh"},{"id":"21st:mohammadshehadeh__usage-dashboard","t":"Usage dashboard","d":"Metered usage panel with per-resource progress bars that tint amber near the limit and red over it. Ships composable parts.","k":"layout","s":"21st","c":"layout/dashboard","a":"mohammadshehadeh","pl":"https://cdn.21st.dev/hirael/usage-dashboard/default/preview.1790322364201-dbcf7395-7496-4c98-9334-5a70ad43569d.png","pc":"mohammadshehadeh"},{"id":"21st:mohit_464e30a8__navbar","t":"Navbar","d":"A responsive site navigation bar with a built-in language/locale selector dropdown, collapsible mobile menu, optional CTA button, and GitHub link.","s":"21st","c":"navigation/top-nav","a":"mohit_464e30a8","pl":"https://cdn.21st.dev/babelize/navbar/default/preview.1790374582925-93e7694d-eda6-439f-a03d-afa64d93bed9.png","pc":"mohit_464e30a8"},{"id":"21st:mokshithgujjeti__call-to-action","t":"Call to action","k":"section","s":"21st","c":"marketing/cta","a":"mokshithgujjeti","pl":"https://cdn.21st.dev/mokshithcodez/call-to-action/default/preview.1783628265452.png","pc":"mokshithgujjeti"},{"id":"21st:mokshithgujjeti__dev-tool-landing-page","t":"Dev tool landing page","k":"page","s":"21st","c":"pages/templates","a":"mokshithgujjeti","pl":"https://cdn.21st.dev/mokshithcodez/dev-tool-landing-page/default/preview.1784374196005-54529962-8ec9-4b0d-97ca-b24ac8774a6b.png","pc":"mokshithgujjeti","sb":"Landing pages"},{"id":"21st:mokshithgujjeti__features-card","t":"Features card","k":"section","s":"21st","c":"marketing/features","a":"mokshithgujjeti","pl":"https://cdn.21st.dev/mokshithcodez/features-card/default/preview.1783275626286.png","pc":"mokshithgujjeti","sb":"Grid of cards"},{"id":"21st:mokshithgujjeti__featuresgrid","t":"Featuresgrid","s":"21st","c":"layout/page-shell","a":"mokshithgujjeti","pl":"https://cdn.21st.dev/mokshithcodez/featuresgrid/default/preview.1783617897701.png","pc":"mokshithgujjeti"},{"id":"21st:mokshithgujjeti__modern-landing-hero","t":"Modern landing hero","k":"section","s":"21st","c":"marketing/hero","a":"mokshithgujjeti","pl":"https://cdn.21st.dev/mokshithcodez/modern-landing-hero/default/preview.1783617372063.png","pc":"mokshithgujjeti"},{"id":"21st:mokshithgujjeti__pricing-section","t":"Pricing section","k":"section","s":"21st","c":"marketing/pricing","a":"mokshithgujjeti","pl":"https://cdn.21st.dev/mokshithcodez/pricing-section/default/preview.1783631303281.png","pc":"mokshithgujjeti"},{"id":"21st:molecule-lab-rushil__spinning-circle","t":"Spinning circle","d":"An animated circular loading spinner with an optional loading message positioned around it, for indicating a pending or in-progress state.","s":"21st","c":"other","a":"molecule-lab-rushil","pl":"https://cdn.21st.dev/molecule-lab-rushil/spinning-circle/default/preview.1788993834862-3b588306-771e-46cd-baaf-3f934d149529.png","pc":"molecule-lab-rushil"},{"id":"21st:monolythdev__stepped-logo-marquee","t":"Stepped logo marquee","d":"Plain black stepped SVG logo marquee with a fixed Parlo center mark.","k":"section","s":"21st","c":"marketing/logos","a":"monolythdev","pl":"https://cdn.21st.dev/monolythdev/stepped-logo-marquee/default/preview.1787157263335-9d4e4343-1cdc-4196-b398-2c458bb44691.png","pc":"monolythdev"},{"id":"21st:motiondotdev__motion-accordion","t":"Motion accordion","d":"An accordion that expands and collapses with height and blur, from the official Motion examples catalog.","s":"21st","c":"data-display/accordion","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-accordion/default/preview.1787004234227-a0ea6b44-ce38-4d3f-9401-372b712b80ad.png","pc":"motiondotdev","sb":"Animated"},{"id":"21st:motiondotdev__motion-add-to-basket","t":"Motion add to basket","d":"A Motion for React add-to-basket animation that flies a Campus 00s tile into a cart along a curved arc, from the official Motion examples catalog.","s":"21st","c":"other","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-add-to-basket/default/preview.1786933515261-48286c9d-0432-4078-b738-2dd355d4bac9.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-along-path","t":"Motion along path","d":"A Motion for React box that travels an SVG path while the stroke draws in, from the official Motion examples catalog.","s":"21st","c":"other","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-along-path/default/preview.1786969554999-c22869f1-25f5-483a-b0f0-0cd3a212644e.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-animate-presence-modes","t":"Motion animate presence modes","d":"A Motion for React demo of AnimatePresence sync, wait, and popLayout modes, from the official Motion examples catalog.","s":"21st","c":"status/status-dot","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-animate-presence-modes/default/preview.1786933552296-0b4b0199-3927-4fe3-a3a0-50043bdf0da2.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-bobble-hover","t":"Motion bobble hover","d":"A 3x3 grid of tiles that bobble with a spring when hovered, with the bounce scaled to how fast the pointer was moving, using Motion for React.","s":"21st","c":"other","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-bobble-hover/default/preview.1787004527884.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-bounce-easing","t":"Motion bounce easing","d":"A Motion for React vertical switch that springs on and bounces off, from the official Motion examples catalog.","s":"21st","c":"other","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-bounce-easing/default/preview.1786969581401-7ecdcccf-ce30-416e-a44b-0ea4c5cff495.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-card-stack","t":"Motion card stack","d":"A swipeable photo stack that sends the top image to the back, from the official Motion examples catalog.","s":"21st","c":"media/card-stack","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-card-stack/default/preview.1787004288226-561f439e-2b68-41d4-8f4e-704d01e4bb97.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-collision-hover-events-only","t":"Motion collision hover events only","d":"The naive approach: lighting grid cells on pointerenter, which skips cells on a fast cursor. The counter-example to swept collision detection in Motion for React.","s":"21st","c":"other","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-collision-hover-events-only/default/preview.1786997689967-33ac2a71-e25f-4123-a535-2270a7c0c182.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-color-picker","t":"Motion color picker","d":"An example of creating a circular color picker with dots that react to cursor movement with soft springs using Motion for React.","s":"21st","c":"inputs/color-picker","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-color-picker/default/preview.1787001632570-1fa8023a-4ca9-4cbd-95ee-482feaa9f879.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-confetti","t":"Motion confetti","d":"Celebratory confetti particle explosion triggered by a button press, with spring-driven button feedback and randomised particle physics","k":"motion","s":"21st","c":"motion/background","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-confetti/default/preview.1787004542255.png","pc":"motiondotdev","sb":"Particles and stars"},{"id":"21st:motiondotdev__motion-conic-gradient-pointer","t":"Motion conic gradient pointer","d":"An example of creating a dynamic conic gradient with motion values and pointer position.","k":"motion","s":"21st","c":"motion/cursor","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-conic-gradient-pointer/default/preview.1786997664746-5a65d366-0721-49d5-81fb-4ccf8ad3a085.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-context-menu","t":"Motion context menu","d":"A right-click context menu with nested Arrange and Transform items, from the official Motion examples catalog.","s":"21st","c":"overlays/context-menu","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-context-menu/default/preview.1787006002696.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-copy-button","t":"Motion copy button","d":"Animated copy-to-clipboard button with icon swap, blur transitions, and pathLength checkmark draw","s":"21st","c":"actions/copy-button","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-copy-button/default/preview.1787004530366.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-create-button","t":"Motion create button","d":"A create button that expands into a grid menu using shared layout animations and clip-path transitions","s":"21st","c":"actions/button","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-create-button/default/preview.1787004532684.png","pc":"motiondotdev","sb":"Animated"},{"id":"21st:motiondotdev__motion-cursor","t":"Motion cursor","d":"A Motion for React custom cursor that adapts its caret size to hovered text, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/cursor","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-cursor/default/preview.1787004254937-5b7a83bf-3706-4a32-b6a0-71f2813b5ff1.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-cursor-custom-content","t":"Motion cursor custom content","d":"A Motion for React cursor that swaps in custom content over a hover zone, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/cursor","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-cursor-custom-content/default/preview.1787004521106.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-cursor-floating-target","t":"Motion cursor floating target","d":"A Motion for React floating target that drifts away from the pointer, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/cursor","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-cursor-floating-target/default/preview.1787004526283.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-cursor-multifollow","t":"Motion cursor multifollow","d":"A Motion for React multi-follow cursor with stacked rings at different springs, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/cursor","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-cursor-multifollow/default/preview.1787004280962-97581a3a-4889-4740-bdac-d8ce8a71d88d.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-dots-morph-button","t":"Motion dots morph button","d":"A button where four dots morph into crossing lines with a spring-animated SVG path transition","s":"21st","c":"actions/button","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-dots-morph-button/default/preview.1787004535083.png","pc":"motiondotdev","sb":"Animated"},{"id":"21st:motiondotdev__motion-drag-lock-direction","t":"Motion drag lock direction","d":"A Motion for React box that locks drag to one axis, from the official Motion examples catalog.","s":"21st","c":"other","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-drag-lock-direction/default/preview.1786990907919-e7a39296-ef85-4ab2-94bf-66e20f308c44.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-enter-animation","t":"Motion enter animation","d":"A Motion for React circle that springs in from opacity 0 and scale 0, from the official Motion examples catalog.","s":"21st","c":"other","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-enter-animation/default/preview.1786969498802-343d3aad-bf5f-431a-a2df-c63c2fae90ed.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-exit-animation","t":"Motion exit animation","d":"A Motion for React box that exits with AnimatePresence when Hide is clicked, from the official Motion examples catalog.","s":"21st","c":"other","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-exit-animation/default/preview.1786969524588-fd631a38-bcc5-4065-996b-866fd834d0cb.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-floating-action-button","t":"Motion floating action button","d":"A FAB that expands into a staggered vertical menu of action items with spring animations and tooltip labels","s":"21st","c":"actions/button","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-floating-action-button/default/preview.1787004539934.png","pc":"motiondotdev","sb":"Animated"},{"id":"21st:motiondotdev__motion-follow-pointer","t":"Motion follow pointer","d":"A Motion for React circle that follows the pointer with a soft spring, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/cursor","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-follow-pointer/default/preview.1786933091011-4bfbc5dd-7cd0-4366-8dde-9c876804422b.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-hold-to-confirm","t":"Motion hold to confirm","d":"A Motion for React example showing long-press interaction. The button's events update a progress motion value that drives multiple animations of other motion values.","s":"21st","c":"overlays/dialog","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-hold-to-confirm/default/preview.1787004537581.png","pc":"motiondotdev","sb":"Confirm"},{"id":"21st:motiondotdev__motion-html-content","t":"Motion html content","d":"A Motion for React counter that animates a motion value from 0 to 100 and renders the rounded number as children, from the official Motion examples catalog.","s":"21st","c":"other","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-html-content/default/preview.1786991003174-ddf9d570-3789-4bf5-a643-85631410081a.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-image-reveal-slider","t":"Motion image reveal slider","d":"A before-and-after image slider that reveals a grayscale overlay, from the official Motion examples catalog.","s":"21st","c":"inputs/slider","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-image-reveal-slider/default/preview.1787005997009.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-ios-slider","t":"Motion ios slider","d":"An iOS-style brightness slider that squishes and stretches as you drag, from the official Motion examples catalog.","s":"21st","c":"inputs/slider","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-ios-slider/default/preview.1787004314307-f873b5cb-e71a-4030-a758-4928b4961da6.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-keyframes","t":"Motion keyframes","d":"A Motion for React box that keyframe-animates scale, rotate, and border-radius in a loop, from the official Motion examples catalog.","s":"21st","c":"other","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-keyframes/default/preview.1786969575525-89922d1f-6b64-41a2-9855-e5224b34ed5b.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-keyframes-wildcards","t":"Motion keyframes wildcards","d":"A Motion for React box that uses null wildcard keyframes on hover so scale can interrupt from the current value, from the official Motion examples catalog.","s":"21st","c":"data-display/card","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-keyframes-wildcards/default/preview.1786990919076-9cf1f663-176e-43cc-b272-69eaee7f1364.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-layout-animation","t":"Motion layout animation","d":"A Motion for React toggle that springs its handle between ends using layout animation, from the official Motion examples catalog.","s":"21st","c":"layout/page-shell","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-layout-animation/default/preview.1786933119748-c6407e0f-6035-428e-9558-a4c8730a811c.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-line-graph","t":"Motion line graph","d":"A line graph that draws on enter and shows compact percent deltas on hover, from the official Motion examples catalog.","s":"21st","c":"data-viz/chart","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-line-graph/default/preview.1787006000294.png","pc":"motiondotdev","sb":"Line and sparkline"},{"id":"21st:motiondotdev__motion-loading-circle-spinner","t":"Motion loading circle spinner","d":"A Motion for React loading spinner that rotates a 50px ring with a hue accent, from the official Motion examples catalog.","s":"21st","c":"status/loader","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-loading-circle-spinner/default/preview.1786933058768-f837bbbf-ff2d-4ebb-9919-1248a5ea2d6c.png","pc":"motiondotdev","sb":"Spinners"},{"id":"21st:motiondotdev__motion-loading-fill-text","t":"Motion loading fill text","d":"An example of creating a text fill loading animation with Motion for React.","k":"motion","s":"21st","c":"motion/text-effect","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-loading-fill-text/default/preview.1787004547564.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-loading-jumping-dots","t":"Motion loading jumping dots","d":"A Motion for React loading indicator with three dots that jump in a mirrored stagger, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/background","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-loading-jumping-dots/default/preview.1786933633085-72af439f-ba82-4417-9aa3-17afda4451e4.png","pc":"motiondotdev","sb":"Grids and patterns"},{"id":"21st:motiondotdev__motion-loading-line-reveal","t":"Motion loading line reveal","d":"An example of creating a line reveal loading animation with clipPath in Motion for React","s":"21st","c":"status/loader","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-loading-line-reveal/default/preview.1787004549867.png","pc":"motiondotdev","sb":"Bars"},{"id":"21st:motiondotdev__motion-loading-progress-bar","t":"Motion loading progress bar","d":"An example of creating a progress bar loading animation with Motion for React.","s":"21st","c":"data-viz/progress-bar","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-loading-progress-bar/default/preview.1787135202565-774b4372-c3fe-470c-8642-3233abde55ec.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-loading-pulse-dots","t":"Motion loading pulse dots","d":"A Motion for React loading indicator with three dots that pulse in a reverse stagger, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/background","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-loading-pulse-dots/default/preview.1786969479149-3d1ba4ed-2170-4a3a-9106-ba5f1402b256.png","pc":"motiondotdev","sb":"Grids and patterns"},{"id":"21st:motiondotdev__motion-loading-ripple","t":"Motion loading ripple","d":"An example of creating a ripple loading animation with Motion for React.","k":"motion","s":"21st","c":"motion/background","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-loading-ripple/default/preview.1787135228338-9bd8914a-fea2-4ff2-9f98-68605760ece7.png","pc":"motiondotdev","sb":"Waves and warps"},{"id":"21st:motiondotdev__motion-material-design-ripple","t":"Motion material design ripple","d":"A Click me button that grows a #8df0cc ripple from the pointer or Enter/Space, rebuilt from the official Motion example using motion/react.","k":"motion","s":"21st","c":"motion/background","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-material-design-ripple/default/preview.1787135388117-3210b0ba-6e02-4af1-8194-7bdb1825b6d8.png","pc":"motiondotdev","sb":"Waves and warps"},{"id":"21st:motiondotdev__motion-multi-state-badge","t":"Motion multi state badge","d":"A badge that can be in multiple states, such as processing, success, or error.","s":"21st","c":"data-display/badge","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-multi-state-badge/default/preview.1787135254852-37771edd-259a-45b3-a59d-5817cfedee52.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-number-counter","t":"Motion number counter","d":"An example of a number counter with plus and minus buttons, rebuilt from the official Motion example using motion/react.","k":"motion","s":"21st","c":"motion/number-ticker","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-number-counter/default/preview.1787135279515-5d8d7ab1-9f7f-403d-a8d3-c2c8f2f67ad0.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-path-drawing","t":"Motion path drawing","d":"A Motion for React SVG path-drawing demo that springs circle, X, and rounded-rect strokes into view, from the official Motion examples catalog.","s":"21st","c":"other","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-path-drawing/default/preview.1786933607286-e38e32a2-58cf-4607-8856-4f552ec7a992.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-reorder-grid","t":"Motion reorder grid","d":"An example of creating a multidimensional drag-to-reorder grid with Reorder in Motion for React.","s":"21st","c":"layout/page-shell","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-reorder-grid/default/preview.1786997743754-8d54c8e4-71dc-4c6a-b563-cd4b84f2e5fc.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-reorder-items","t":"Motion reorder items","d":"A Motion for React layout animation that shuffles four colored squares every second with a spring, from the official Motion examples catalog.","s":"21st","c":"data-display/list","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-reorder-items/default/preview.1786990974089-3c9e153d-6a1d-4a20-b1d1-7f822d92e6ee.png","pc":"motiondotdev","sb":"Sortable"},{"id":"21st:motiondotdev__motion-scramble-text","t":"Motion scramble text","d":"Text that scrambles through random characters when transitioning between words, rebuilt from the official Motion example using motion/react.","s":"21st","c":"motion/text-effect","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-scramble-text/default/preview.1787135302836-e26386ef-8bd4-4d01-91e9-6eaf07f1b50d.png","pc":"motiondotdev","sb":"Scramble and glitch"},{"id":"21st:motiondotdev__motion-scramble-text-hover","t":"Motion scramble text hover","d":"Hover me text that scrambles through random glyphs then settles, rebuilt from the official Motion example using motion/react.","s":"21st","c":"motion/text-effect","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-scramble-text-hover/default/preview.1787135283244-a11014c5-fcdb-4158-8798-18947dae2893.png","pc":"motiondotdev","sb":"Scramble and glitch"},{"id":"21st:motiondotdev__motion-scroll-container","t":"Motion scroll container","d":"An example of a scroll-linked animation using a specific element's scroll position using Motion for React's useScroll hook.","k":"layout","s":"21st","c":"layout/scroll-area","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-scroll-container/default/preview.1787001661484-0639b10e-bcd5-4922-9592-4967acde06a4.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-scroll-hide-header","t":"Motion scroll hide header","d":"A sticky header that hides when scrolling down and reappears when scrolling up. Uses useMotionValueEvent to detect scroll direction.","s":"21st","c":"navigation/top-nav","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-scroll-hide-header/default/preview.1787001688579-92908b9a-ff29-4c46-9b7d-267341705328.png","pc":"motiondotdev","sb":"On scroll"},{"id":"21st:motiondotdev__motion-scroll-horizontal","t":"Motion scroll horizontal","d":"A horizontal gallery that scrolls sideways as you scroll down. Uses sticky positioning with scroll-linked x translation.","k":"layout","s":"21st","c":"layout/scroll-area","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-scroll-horizontal/default/preview.1787001715643-605e8f59-b4e5-43d5-a4f6-a56dd3b1e9b0.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-scroll-linked-with-spring","t":"Motion scroll linked with spring","d":"An example of linking an animation to scroll using Motion for React's useScroll hook and smoothing it with useSpring.","k":"layout","s":"21st","c":"layout/scroll-area","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-scroll-linked-with-spring/default/preview.1787001624484-b8c6efc2-3dcf-4224-bb8e-6cfcd331fec3.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-scroll-track-element","t":"Motion scroll track element","d":"An example of tracking an element within the viewport using Motion for React's useScroll hook.","k":"layout","s":"21st","c":"layout/scroll-area","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-scroll-track-element/default/preview.1787001746150-59363be8-b375-43ce-b644-f23d36b92b1b.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-scroll-word-reveal","t":"Motion scroll word reveal","d":"A Motion for React scroll scene that reveals each word as you scroll, from the official Motion examples catalog.","k":"motion","s":"21st","c":"motion/text-effect","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-scroll-word-reveal/default/preview.1786933241935-99a532f5-5f65-40ac-9efd-6b8b95600ac2.png","pc":"motiondotdev","sb":"Reveal and entrance"},{"id":"21st:motiondotdev__motion-shared-layout-animation","t":"Motion shared layout animation","d":"A Motion for React tab bar that shares an underline and waits on the selected food icon, from the official Motion examples catalog.","s":"21st","c":"layout/page-shell","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-shared-layout-animation/default/preview.1786933150128-569f6925-ee09-4c85-9f9c-c3c43d190ebd.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-skeleton-shimmer","t":"Motion skeleton shimmer","d":"A Motion profile card that shimmers for 2.5s then swaps to the loaded Follow card, rebuilt from the official AnimateView example using motion/react.","s":"21st","c":"status/skeleton","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-skeleton-shimmer/default/preview.1787135362174-4873f1d0-e453-44f3-acfb-3eed648e6223.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-split-text","t":"Motion split text","d":"Headline words spring in from opacity 0 and y 10 with a 0.05 stagger, rebuilt from the official Motion splitText example using motion/react.","k":"motion","s":"21st","c":"motion/text-effect","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-split-text/default/preview.1787135308543-fc9681c8-a758-42e1-881a-c635e727d546.png","pc":"motiondotdev","sb":"Reveal and entrance"},{"id":"21st:motiondotdev__motion-svg-viewbox","t":"Motion svg viewbox","d":"A Motion for React SVG that springs its viewBox between a full map and a zoomed beacon, from the official Motion examples catalog.","s":"21st","c":"other","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-svg-viewbox/default/preview.1786997607039-86b5a694-92cd-4892-8606-dc0c53a583f0.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-tilt-card","t":"Motion tilt card","d":"A pointer-tilted Amsterdam cityscape card with spring rotateX, rotateY, and z, rebuilt from the official Motion example.","s":"21st","c":"data-display/card","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-tilt-card/default/preview.1787135334974-1abf7380-b750-4fda-b386-eb2c3a0540a9.png","pc":"motiondotdev","sb":"Animated and glowing"},{"id":"21st:motiondotdev__motion-typewriter","t":"Motion typewriter","d":"A typewriter that types Hello world! with a blinking hue-1 caret, rebuilt from the official Motion example using motion/react.","s":"21st","c":"motion/text-effect","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-typewriter/default/preview.1787004260331-83420337-698e-4cd7-aef7-420f8ce3ad03.png","pc":"motiondotdev","sb":"Typewriter"},{"id":"21st:motiondotdev__motion-use-animation-frame","t":"Motion use animation frame","d":"An example of using Motion for React's useAnimationFrame hook to animate a 3D cube.","s":"21st","c":"other","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-use-animation-frame/default/preview.1786997580262-f2399ab5-b6c3-4b9d-a2dc-d2b2db7fb8d6.png","pc":"motiondotdev"},{"id":"21st:motiondotdev__motion-use-presence-data","t":"Motion use presence data","d":"An example of using usePresenceData to pass custom data through AnimatePresence to exiting elements.","s":"21st","c":"status/status-dot","a":"motiondotdev","pl":"https://cdn.21st.dev/larsen66/motion-use-presence-data/default/preview.1786997634572-7dab104d-9e2e-4983-aa38-eaeef1eb5e0a.png","pc":"motiondotdev"},{"id":"21st:moumensoliman__caret-mention-popover","t":"Caret mention popover","d":"A comment/textarea box whose @-mention suggestion popover is anchored to the live text caret instead of the field's corner, gliding smoothly as you type.","s":"21st","c":"overlays/popover","a":"moumensoliman","pl":"https://cdn.21st.dev/moumensoliman/caret-mention-popover/default/preview.1790426157290-44cbb822-00ef-4190-87ea-73cc4402803b.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__command-palette","t":"Command palette","s":"21st","c":"navigation/command-palette","a":"moumensoliman","pl":"https://cdn.21st.dev/moumensoliman/command-palette/default/preview.1790350756334-e165cf3c-3f8a-4bbd-9c5a-3d88dbcd9971.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__glassmorphism-cta-block-baseui","t":"Glassmorphism cta block baseui","d":"A call-to-action section with a glassy blurred card, subtle gradient background, and pill-shaped buttons.","k":"section","s":"21st","c":"marketing/cta","a":"moumensoliman","pl":"https://cdn.21st.dev/moumensoliman/glassmorphism-cta-block-baseui/default/preview.1788222522056-a2ad3d7f-8889-401e-9488-af5ccfdf32e3.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__search-expand-nav","t":"Search expand nav","d":"A nav bar that morphs its search icon into a search field and then grows upward into a card with recent-search suggestions.","s":"21st","c":"navigation/top-nav","a":"moumensoliman","pl":"https://cdn.21st.dev/moumensoliman/search-expand-nav/default/preview.1790350729585-9f9b2a48-782c-4e38-8b37-c150ae9756e0.png","pc":"moumensoliman","sb":"With search"},{"id":"21st:moumensoliman__stocks-dashboard-shadcnui","t":"Stocks dashboard shadcnui","d":"An interactive stock portfolio dashboard with summary status cards, a sortable holdings table, and a click-through modal showing detailed stock information.","k":"layout","s":"21st","c":"layout/dashboard","a":"moumensoliman","pl":"https://cdn.21st.dev/moumensoliman/stocks-dashboard-shadcnui/default/preview.1790077254150-9706c306-0d3c-41f9-bfa5-20f47f7bfed2.png","pc":"moumensoliman"},{"id":"21st:moumensoliman__unlimited-nested-menu","t":"Unlimited nested menu","d":"A dropdown menu where each item with children drills into a new stacked sub-panel with no depth limit, fully keyboard navigable and animated.","s":"21st","c":"navigation/menu","a":"moumensoliman","pl":"https://cdn.21st.dev/moumensoliman/unlimited-nested-menu/default/preview.1790350775110-70b8e16b-06f3-4d37-9233-2c2a5c752ce6.png","pc":"moumensoliman"},{"id":"21st:mrl-sch__sauce","t":"Sauce","d":"Animated WebGL shader background in the Flow field style. Generated by the 21st.dev Shader Builder. 4-color palette (#231A10, #A47148, #E3B587, #F9F1E7). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"mrl-sch","pl":"https://cdn.21st.dev/mrl-sch/sauce/default/preview.1791220535013-bc433eff-ed45-4878-91e4-0182b671efa8.webp","pc":"mrl-sch","sb":"Flow field"},{"id":"21st:munozaravenadiego__silk-blend-gradient","t":"Silk blend gradient","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#FFFFFF, #78B8F9, #5667FF, #4D2FF9). Features: film grain. A drop-in","k":"motion","s":"21st","c":"motion/gradient","a":"munozaravenadiego","pl":"https://cdn.21st.dev/munozaravenadiego/silk-blend-gradient/default/preview.1789338332584-968b3a2c-4bdd-493c-a8de-b6d7f6a51536.webp","pc":"munozaravenadiego","sb":"Silk Blend"},{"id":"21st:n1m4mz__agent-trace","t":"Agent trace","d":"Waterfall timeline for AI agent runs with a replay scrubber: drag the playhead and spans fill, statuses flip from queued to running to done, token counts tick up. Nested sub-agents","s":"21st","c":"ai-agent/ai-agent","a":"n1m4mz","pl":"https://cdn.21st.dev/n1m4mz/agent-trace/default/preview.1789054042763-5e23b7ae-9e1d-4ea0-99f9-7d2140f5d514.png","pc":"n1m4mz"},{"id":"21st:n1m4mz__import-patchbay","t":"Import patchbay","d":"CSV import mapper built like a patchbay: each file column is a jack that patches a cable into one of your schema fields. It reads the sample values, so a column named col_7 full of","s":"21st","c":"other","a":"n1m4mz","pl":"https://cdn.21st.dev/n1m4mz/import-patchbay/default/preview.1789054840085-b171f8df-701a-47d3-9e8b-fca90a7019f7.png","pc":"n1m4mz"},{"id":"21st:n1m4mz__lookout","t":"Lookout","d":"Expressive SVG eyes for any form: they follow the pointer, read along with your caret in the field you're typing in, look away when it's a password, peek when you press show-passwo","s":"21st","c":"other","a":"n1m4mz","pl":"https://cdn.21st.dev/n1m4mz/lookout/default/preview.1788898822616-a4c6b21d-2add-459e-9b50-5dc788f49238.png","pc":"n1m4mz"},{"id":"21st:n1m4mz__moire-field","t":"Moire field","d":"Hero background built from two identical ring rulings — one anchored, one following your pointer — whose interference redraws moiré fringes across the whole field. Two CSS gradient","s":"21st","c":"inputs/form-field","a":"n1m4mz","pl":"https://cdn.21st.dev/n1m4mz/moire-field/default/preview.1789053990839-100219f4-d53f-435d-a471-11bfa93c87d1.png","pc":"n1m4mz"},{"id":"21st:n1m4mz__receipt-pricing","t":"Receipt pricing","d":"Pricing section whose plans print like thermal receipts: monospace ledger with dot leaders, subtotal, months-free discount line, barcode, serrated edges. Switching monthly/yearly t","k":"section","s":"21st","c":"marketing/pricing","a":"n1m4mz","pl":"https://cdn.21st.dev/n1m4mz/receipt-pricing/default/preview.1788899605933-54107b0b-73fb-4191-932b-1abc209c6879.png","pc":"n1m4mz"},{"id":"21st:n1m4mz__sonar-grid","t":"Sonar grid","d":"Interactive dot-grid background for hero and footer sections: sonar rings expand where you tap, ambient pings keep it alive, and one ring is already mid-flight at first paint. Canv","s":"21st","c":"layout/page-shell","a":"n1m4mz","pl":"https://cdn.21st.dev/n1m4mz/sonar-grid/default/preview.1788783135997-ce798b9e-0e81-4ed1-9980-2d0f2d444f6c.png","pc":"n1m4mz"},{"id":"21st:nahapetyanhk__igaming","t":"Igaming","d":"Animated (shimmer) ASCII art in the Pixel Art style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, car","k":"motion","s":"21st","c":"motion/ascii","a":"nahapetyanhk","pl":"https://cdn.21st.dev/nahapetyanhk/igaming/default/preview.1788083478261-3b600f3a-aa3b-4a71-95f5-d9be70cc6e1a.webp","pc":"nahapetyanhk","sb":"Pixel Art"},{"id":"21st:nahapetyanhk__igaming-final","t":"Igaming final","d":"Animated (shimmer) ASCII art in the Bricks style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"nahapetyanhk","pl":"https://cdn.21st.dev/nahapetyanhk/igaming-final/default/preview.1788346275657-43d9149c-8521-4282-bdca-b1da65577332.webp","pc":"nahapetyanhk","sb":"Bricks"},{"id":"21st:naturaldoc__space-login","t":"Space login","s":"21st","c":"flows/sign-in","a":"naturaldoc","pl":"https://cdn.21st.dev/naturaldoc/space-login/default/preview.1791192699559-c86c6f96-48e7-4c09-8b95-89471432a5d3.png","pc":"naturaldoc","sb":"Sign in"},{"id":"21st:ncdai__copy-button","t":"Copy button","d":"A button that copies text to the clipboard on click, with an animated icon swap plus haptic and audio feedback confirming success or failure.","s":"21st","c":"actions/copy-button","a":"ncdai","pl":"https://cdn.21st.dev/ncdai/copy-button/default/preview.1789978507705-c49f173c-e7bd-4016-8dc2-9fc984e8bb04.png","pc":"ncdai"},{"id":"21st:ncdai__glow-card-grid","t":"Glow card grid","d":"A grid of cards with a pointer-tracked glowing border and blurred background effect, ideal for showcasing profiles, avatars or team members.","s":"21st","c":"data-display/card","a":"ncdai","pl":"https://cdn.21st.dev/ncdai/glow-card-grid/default/preview.1787219443807-ef19c678-5d95-40de-9dc9-5e70644935ba.png","pc":"ncdai","sb":"Animated and glowing"},{"id":"21st:ncdai__team-01","t":"Team 01","d":"A team/about section that displays members in a grid of cards with a glowing avatar and border hover effect.","k":"section","s":"21st","c":"marketing/team","a":"ncdai","pl":"https://cdn.21st.dev/ncdai/team-01/default/preview.1789981631663-7916df18-945f-428f-badc-f7a8d7cf81e0.png","pc":"ncdai"},{"id":"21st:nexus-ui__chain-of-thought","t":"Chain of thought","d":"A collapsible step-by-step timeline for showing an AI assistant's reasoning or tool-execution trace, with per-step status, expandable output, and auto-close when all steps finish.","s":"21st","c":"other","a":"nexus-ui","pl":"https://cdn.21st.dev/nexus-ui/chain-of-thought/default/preview.1789973969240-37a44368-dfca-465b-b466-cfab9770cba3.png","pc":"nexus-ui"},{"id":"21st:nexus-ui__images-badge","t":"Images badge","d":"A stacked avatar/image pill that fans open on hover, for team badges, social proof, avatar groups and template galleries.","s":"21st","c":"data-display/badge","a":"nexus-ui","pl":"https://cdn.21st.dev/nexus-ui/images-badge/default/preview.1787256237588-daf5dbb9-52e0-4e25-929f-230c28b6c0b6.png","pc":"nexus-ui"},{"id":"21st:nexus-ui__interactive-globe-explorer","t":"Interactive globe explorer","d":"A scrollable list of office locations synced with a rotating 3D globe, with clickable map pins and a popover to copy each location's address and email.","k":"motion","s":"21st","c":"motion/globe","a":"nexus-ui","pl":"https://cdn.21st.dev/nexus-ui/interactive-globe-explorer/default/preview.1789976931771-168b39bd-899d-4fb8-a04d-9d21a3375e79.png","pc":"nexus-ui"},{"id":"21st:nexus-ui__suggestions","t":"Suggestions","d":"A row of clickable prompt suggestion chips that let users pick a common query to fill an AI chat input, with optional variants, vertical layout, and an expandable panel of related ","s":"21st","c":"other","a":"nexus-ui","pl":"https://cdn.21st.dev/nexus-ui/suggestions/default/preview.1788813431234-ab3464e9-2338-42fc-bac4-53580d9d7b61.png","pc":"nexus-ui"},{"id":"21st:nexus-ui__terminal","t":"Terminal","d":"A macOS-style terminal window that types out commands and reveals output automatically, with cursor blink, progress/spinner lines, and optional keyboard sound effects.","s":"21st","c":"data-display/code-block","a":"nexus-ui","pl":"https://cdn.21st.dev/nexus-ui/terminal/default/preview.1790125278766-d2c61012-a64b-47ec-b692-afb4e7e37cb6.png","pc":"nexus-ui"},{"id":"21st:nexus-ui__thread","t":"Thread","d":"A scrollable chat message container that automatically sticks to the bottom as new messages arrive and shows a jump-to-bottom button when the user scrolls up.","s":"21st","c":"data-display/chat-thread","a":"nexus-ui","pl":"https://cdn.21st.dev/nexus-ui/thread/default/preview.1788809401120-07ca9eea-a7d5-43f4-ae98-8a46da34f0c0.png","pc":"nexus-ui"},{"id":"21st:nikolas-sapa__ascii-globe-spin","t":"Ascii globe spin","d":"A canvas-rendered ASCII art globe with recognizable continent shapes and a day/night terminator that spins on its own and can be drag-rotated with momentum, showing a live lat/lon ","k":"motion","s":"21st","c":"motion/globe","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/ascii-globe-spin/default/preview.1790453331862-08479976-ce7b-48ac-90ea-130bd17aeb29.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__background-ascii-dither","t":"Background ascii dither","d":"A full-bleed animated canvas background that renders flowing noise or an image as an ASCII, Bayer-dither, or dot-matrix glyph grid, brightening near the cursor.","s":"21st","c":"motion/background","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/background-ascii-dither/default/preview.1790372614347-500d22b5-3333-4074-8ccc-aed7a69ccf3e.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__background-ascii-flow","t":"Background ascii flow","d":"An animated full-bleed canvas background of ASCII direction glyphs that trace a curl-noise flow field, with the cursor stirring a local swirl in the particle trails.","s":"21st","c":"motion/background","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/background-ascii-flow/default/preview.1790374599576-640e6c12-32a5-409c-be37-457e6814adbc.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__background-ascii-force-chains","t":"Background ascii force chains","d":"A full-bleed animated ASCII canvas background that simulates a granular disc packing under load, inking only the sparse contact chains carrying above-average force so a branching s","s":"21st","c":"motion/background","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/background-ascii-force-chains/default/preview.1790374600885-04883cd2-e425-4603-b7be-2ba7dfff9c52.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__background-ascii-nodal-lines","t":"Background ascii nodal lines","d":"An animated full-bleed ASCII canvas background that renders the destructive-interference (zero-amplitude) curves of four wave emitters, with the mouse cursor acting as a fifth emit","s":"21st","c":"motion/background","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/background-ascii-nodal-lines/default/preview.1790374600279-2140cbf2-3aec-4cea-980f-cbf6576cc84f.png","pc":"nikolas-sapa","sb":"Beams and light"},{"id":"21st:nikolas-sapa__background-ascii-plasma","t":"Background ascii plasma","d":"A full-bleed animated ASCII background that renders a drifting plasma noise field as monospace glyphs, with the cursor warping the field outward like dragging a finger through liqu","s":"21st","c":"motion/background","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/background-ascii-plasma/default/preview.1790490870365-68409a30-b6fa-46df-af2b-4aef67c537de.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__background-ascii-wake","t":"Background ascii wake","d":"A full-screen animated ASCII/canvas background where a sparse ambient scatter of monospace characters sits at rest and the mouse pointer drags a decaying character trail whose leng","s":"21st","c":"motion/background","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/background-ascii-wake/default/preview.1790374592492-0b049678-a137-496a-bd20-2fb8685abc5f.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__background-gradient-shader","t":"Background gradient shader","d":"A full-bleed animated WebGL gradient background that drifts theme-derived colors through a slow noise-based flow field, used behind hero sections or page content as an ambient movi","k":"motion","s":"21st","c":"motion/shader","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/background-gradient-shader/default/preview.1790530204668-37b64ddd-5c3c-4942-976c-70fd4946b3ff.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__background-truchet-weave","t":"Background truchet weave","d":"An animated full-bleed canvas background of interlocking Truchet arc tiles whose orientation follows a slow shifting field, creating pale seams that ripple and re-route around the ","s":"21st","c":"motion/background","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/background-truchet-weave/default/preview.1790375696948-f1cdabad-9517-46ea-8f16-f7de00b938ed.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__border-chrome-ring","t":"Border chrome ring","d":"A wrapper that surrounds any element with an animated liquid-metal ring rendered in WebGL, reacting to hover, press, and release for buttons or avatars.","s":"21st","c":"other","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/border-chrome-ring/default/preview.1790473040255-bc405733-5a5c-4dc7-8017-96ba7212a17d.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__breadcrumb-fold","t":"Breadcrumb fold","d":"A breadcrumb trail that compresses ancestor segments into narrow pleated slivers so an unbounded number of levels fits a fixed width, with hover or focus expanding any segment back","s":"21st","c":"navigation/breadcrumb","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/breadcrumb-fold/default/preview.1790477658824-e46c24e7-5f6f-4b8f-9d51-fa13344bfcec.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__chart-area-aurora","t":"Chart area aurora","d":"An animated area chart that renders its fill as a drifting aurora curtain, with a cool-to-warm hue band tracking whether the series is rising or falling and a tooltip that follows ","k":"motion","s":"21st","c":"motion/gradient","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/chart-area-aurora/default/preview.1790475185816-aef63da5-63e3-4732-949f-f856a9803cb8.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__chart-bar-halftone","t":"Chart bar halftone","d":"An accessible SVG bar chart that fills each bar with an ordered-dither halftone pattern instead of a flat color, so the ink density encodes the value alongside bar height.","s":"21st","c":"data-viz/chart","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/chart-bar-halftone/default/preview.1790455405912-6c2fa501-03d4-474c-affc-8a297c7bf3bb.png","pc":"nikolas-sapa","sb":"Bar"},{"id":"21st:nikolas-sapa__chart-donut-halftone","t":"Chart donut halftone","d":"A part-to-whole donut chart whose wedge fill uses ordered-dither halftone density to encode an ordinal tier order alongside wedge angle for share, with a keyboard-navigable legend ","s":"21st","c":"data-viz/chart","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/chart-donut-halftone/default/preview.1790455461361-cba182c9-f94d-4150-aab6-e8cb00974403.png","pc":"nikolas-sapa","sb":"Pie, donut and radial"},{"id":"21st:nikolas-sapa__chart-radar-dither","t":"Chart radar dither","d":"A canvas-based radar/spider chart that renders each axis wedge in ordered-dither ink density, with a continuously rotating radar sweep line that locally sharpens each wedge as it p","s":"21st","c":"data-viz/chart","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/chart-radar-dither/default/preview.1790455335121-16cb458d-9f85-4841-b103-6f700f33e7b7.png","pc":"nikolas-sapa","sb":"Radar"},{"id":"21st:nikolas-sapa__countdown-vapor-digits","t":"Countdown vapor digits","d":"A live HH:MM:SS countdown timer where each digit change animates as a phase transition, with the outgoing digit dissolving into drifting grains while the incoming digit condenses b","s":"21st","c":"motion/number-ticker","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/countdown-vapor-digits/default/preview.1790431936120-056ca205-bb11-47a0-9007-2ff26936f9a4.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__dye-whorl","t":"Dye whorl","d":"A full-bleed animated WebGL background that simulates ink diffusing in water, with billowing plumes, drifting sources and a pointer that stirs the fluid.","s":"21st","c":"other","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/dye-whorl/default/preview.1790531089179-0dc52aca-8380-430b-8f3b-da665c810b28.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__flamegraph-ascii-frames","t":"Flamegraph ascii frames","d":"An interactive CPU-profile flame graph rendered in monospace text cells, where each row is a stack depth, frame width reflects sample count, and clicking a frame rezooms the whole ","k":"motion","s":"21st","c":"motion/ascii","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/flamegraph-ascii-frames/default/preview.1790525123142-6aa0c836-bcf8-4771-a3f2-45e7c665c239.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__hero-ascii-reaction-front","t":"Hero ascii reaction front","d":"A full-bleed animated ASCII hero background driven by a live Gray-Scott reaction-diffusion simulation, where moving worm-like fronts crawl across the canvas and the pointer injects","k":"section","s":"21st","c":"marketing/hero","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/hero-ascii-reaction-front/default/preview.1790476411097-791896cd-3aac-4975-82d2-51a6cb099995.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__hero-ascii-schlieren","t":"Hero ascii schlieren","d":"A full-screen animated ASCII hero background that renders an optical schlieren effect — a rising thermal plume and shear layer drawn as sparse bright/dark bands on a canvas, with t","k":"section","s":"21st","c":"marketing/hero","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/hero-ascii-schlieren/default/preview.1790477018221-26507d5e-48eb-4133-a8f6-65e3682bb3be.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__hero-ascii-tunnel","t":"Hero ascii tunnel","d":"A full-bleed animated ASCII hero background that renders a perspective tunnel of glowing rings racing toward the viewer, with the vanishing point tilting to follow the cursor.","k":"section","s":"21st","c":"marketing/hero","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/hero-ascii-tunnel/default/preview.1790531013728-39774286-f10e-4cca-bf91-c370052c482c.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__hero-burin-hatch","t":"Hero burin hatch","d":"A two-column hero section with an animated Canvas 2D copperplate engraving of a sphere whose hatch-line width swells with shadow and vanishes to blank paper in the light, following","k":"section","s":"21st","c":"marketing/hero","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/hero-burin-hatch/default/preview.1790530889643-67bc59b1-fcf8-4a41-99f7-30d7f25eb468.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__hero-dipole-field","t":"Hero dipole field","d":"A full-bleed hero section where a canvas field of iron-filing strokes solved from a two-pole dipole field forms the headline's letters as the cursor approaches, with the CTA acting","k":"section","s":"21st","c":"marketing/hero","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/hero-dipole-field/default/preview.1790525376273-8a01c396-dd45-4ac2-a825-c242fb9a1e61.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__hero-long-exposure","t":"Hero long exposure","d":"A hero section canvas that behaves like a long-exposure photograph, burning cursor movement into light streaks that slowly decay instead of clearing every frame.","k":"section","s":"21st","c":"marketing/hero","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/hero-long-exposure/default/preview.1790525467232-c1e619f3-fd8d-4172-a520-3bd48e35ac7b.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__hero-recursive-type","t":"Hero recursive type","d":"A giant wordmark hero rendered on canvas where each lit letterform cell is subdivided and filled with real readable filler text, so the headline reads as one word from afar and as ","k":"section","s":"21st","c":"marketing/hero","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/hero-recursive-type/default/preview.1790531876034-c5698890-fc5e-4d12-b488-448c96b000c7.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__hero-text-ring-funnel","t":"Hero text ring funnel","d":"A full-bleed animated hero background made of concentric rings of readable rotating text that taper in perspective to create a tunnel/funnel depth effect around a centered headline","s":"21st","c":"data-viz/chart","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/hero-text-ring-funnel/default/preview.1790477242133-de1c0d20-ce5b-473c-8ede-42d4d94feb78.png","pc":"nikolas-sapa","sb":"Pie, donut and radial"},{"id":"21st:nikolas-sapa__hero-vortex-street","t":"Hero vortex street","d":"A full-bleed animated canvas background that sheds a von Karman vortex street of drifting particle streaks as the cursor moves, with a click dropping a decaying counter-rotating vo","k":"section","s":"21st","c":"marketing/hero","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/hero-vortex-street/default/preview.1790637860964-5f563f08-3a85-4787-9c07-0a2e4dd2f442.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__pole-shy","t":"Pole shy","d":"A live cursor/collaboration name-label that pushes overlapping labels apart with a magnet-like physics simulation so the currently typing collaborator's label stays readable while ","s":"21st","c":"other","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/pole-shy/default/preview.1790526909526-fb4f11f7-c422-4534-a14c-208da0f39614.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__post-list-ascii-index","t":"Post list ascii index","d":"A keyboard-navigable blog/post list with a canvas-drawn ASCII gutter showing a running index marker and per-post reading-length bars that redraw on selection.","k":"section","s":"21st","c":"marketing/marketing","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/post-list-ascii-index/default/preview.1790527505528-5ef44d1b-bb77-4a63-af9b-28f1c9d04e0d.png","pc":"nikolas-sapa","sb":"Blog and posts"},{"id":"21st:nikolas-sapa__roller-break-reduce","t":"Roller break reduce","d":"An animated multi-stage pipeline indicator styled as a flour mill's roller system, where a stream of particles shrinks in size each time it passes through a pair of spinning corrug","s":"21st","c":"other","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/roller-break-reduce/default/preview.1790487678055-e1a54796-d501-4563-9406-199064597426.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__scroll-caliper","t":"Scroll caliper","d":"A vernier-caliper style measurement widget pinned to the edge of a scrollable container that visually measures the active section's pixel height and scroll percentage as you scroll","k":"layout","s":"21st","c":"layout/scroll-area","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/scroll-caliper/default/preview.1790472912892-b50e4b6b-c14c-40af-8e41-fd921c1592e4.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__terrain-erosion-carve","t":"Terrain erosion carve","d":"An interactive canvas topographic map where dragging the cursor carves a river channel into a live contour heightfield, with the terrain healing itself back over a few seconds and ","s":"21st","c":"other","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/terrain-erosion-carve/default/preview.1790494463727-249ca10b-1d12-44d2-9b4f-cc78d9965edc.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__text-ascii-cascade","t":"Text ascii cascade","d":"An animated headline that ambiently collapses character by character into a scattered field of noise glyphs below it, then reassembles, with hovering triggering an immediate, ampli","s":"21st","c":"motion/text-effect","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/text-ascii-cascade/default/preview.1790532958643-025e6376-6554-4c70-aacd-9460165a75ff.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__text-card-flick","t":"Text card flick","d":"An inline text effect where each letter flicks away like an index card on a spindle and a duplicate flicks up underneath it, staggered across the word on hover or click.","s":"21st","c":"motion/text-effect","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/text-card-flick/default/preview.1790529528629-c34d074b-5ddf-491f-a7ff-7155e65504f0.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__text-ligature-melt","t":"Text ligature melt","d":"An animated headline where glyphs near the cursor visually melt and fuse into liquid ligatures using an SVG gooey blur filter, with a faint ambient drift when idle.","s":"21st","c":"motion/text-effect","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/text-ligature-melt/default/preview.1790474306350-4e35bedf-ea05-4b5b-a9bc-884db4620e2a.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__text-prism-split","t":"Text prism split","d":"An interactive headline effect where a frosted glass strip follows the cursor and splits the text beneath it into red/green/blue channel slices that tear apart with drag velocity a","k":"motion","s":"21st","c":"motion/text-effect","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/text-prism-split/default/preview.1790494233606-d61bb1d5-a78d-436b-ab22-e8ea8825bcb3.png","pc":"nikolas-sapa","sb":"Reveal and entrance"},{"id":"21st:nikolas-sapa__toast-gravity-stack","t":"Toast gravity stack","d":"A toast notification tray where alerts fall under simulated gravity and pile into a jostling heap, with heavier severities sinking and the pile resettling when a toast is dismissed","s":"21st","c":"overlays/toast","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/toast-gravity-stack/default/preview.1790530508912-32395bbe-cd8f-4c1c-afbe-a74995ffe48f.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__toc-minimap-mercury","t":"Toc minimap mercury","d":"A fixed-position table-of-contents rail where scroll progress renders as a gooey liquid blob that climbs the track, merges with each section marker it reaches, stretches into a tea","s":"21st","c":"navigation/table-of-contents","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/toc-minimap-mercury/default/preview.1790530329279-7e10e351-8bf0-4f2a-bc3b-86e0d5cf2324.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__transition-ascii-dissolve","t":"Transition ascii dissolve","d":"A draggable before/after transition where the seam is a band of ASCII glyph noise that outgoing content frays into and incoming content resolves out of, reversible by dragging the ","k":"motion","s":"21st","c":"motion/ascii","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/transition-ascii-dissolve/default/preview.1790447520484-c4ba647c-aaab-4208-aca0-78ed2806c65b.png","pc":"nikolas-sapa"},{"id":"21st:nikolas-sapa__tree-box-drawing","t":"Tree box drawing","d":"A file/directory tree rendered with real monospace box-drawing connectors (├── └── │) that redraw themselves as folders expand and collapse, with full keyboard navigation.","s":"21st","c":"data-display/tree","a":"nikolas-sapa","pl":"https://cdn.21st.dev/nikolas-sapa/tree-box-drawing/default/preview.1790530496693-3d21aa9d-f962-44a4-a539-e51a81f85963.png","pc":"nikolas-sapa"},{"id":"21st:nkkbrrpochta__ascii-641821f9","t":"Ascii 641821f9","d":"Animated (flicker) ASCII art in the Hearts style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"nkkbrrpochta","pl":"https://cdn.21st.dev/nkkbrrpochta/ascii-641821f9/default/preview.1788576647638-c40e164e-e07f-46ca-87a4-0c0fd197f6a3.webp","pc":"nkkbrrpochta"},{"id":"21st:notcoolmortal__ascii","t":"Ascii","d":"Animated (flicker) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"notcoolmortal","pl":"https://cdn.21st.dev/notcoolmortal/ascii/default/preview.1787770220379-242416b3-72b9-4e17-ae62-dc137cbe915f.webp","pc":"notcoolmortal","sb":"Dither"},{"id":"21st:nrmk13__aimo","t":"Aimo","d":"An animated face for your AI agents. One file, no dependency beyond React: it blinks, glances at the pointer and pauses off-screen.","s":"21st","c":"other","a":"nrmk13","pl":"https://cdn.21st.dev/nr.mk13/aimo/default/preview.1790020165181-494fcb6e-ed64-41a3-b21e-e1ef2d2fa3f4.png","pc":"nrmk13"},{"id":"21st:obaidqatan__liquid-glass-accordion","t":"Liquid glass accordion","s":"21st","c":"data-display/accordion","a":"obaidqatan","pl":"https://cdn.21st.dev/obaidqatan/liquid-glass-accordion/default/preview.1790395207825-c271a845-cf3d-4699-a28c-bc2dcf642ead.png","pc":"obaidqatan"},{"id":"21st:obaidqatan__liquid-glass-breadcrumb","t":"Liquid glass breadcrumb","d":"A breadcrumb navigation trail with frosted glass surface, blur, and animated links for showing a page's location in a hierarchy.","s":"21st","c":"navigation/breadcrumb","a":"obaidqatan","pl":"https://cdn.21st.dev/obaidqatan/liquid-glass-breadcrumb/default/preview.1790395230101-b27f54dc-cdbf-4976-a680-dd90229b13fe.png","pc":"obaidqatan"},{"id":"21st:obaidqatan__liquid-glass-hover-card","t":"Liquid glass hover card","s":"21st","c":"overlays/hover-card","a":"obaidqatan","pl":"https://cdn.21st.dev/obaidqatan/liquid-glass-hover-card/default/preview.1790396148846-0ac1a903-933a-4fb4-bcfd-267199a69917.png","pc":"obaidqatan"},{"id":"21st:odysseyui__components-ai-thought-chain","t":"Components ai thought chain","d":"An animated step-by-step reasoning display for AI agents, with collapsible steps and done/active/pending status indicators.","s":"21st","c":"ai-agent/ai-agent","a":"odysseyui","pl":"https://cdn.21st.dev/odysseyui/components-ai-thought-chain/default/preview.1790076050448-9ea2502b-72af-4777-ad5b-c424c8c7ee4c.png","pc":"odysseyui"},{"id":"21st:odysseyui__components-preloaders-greetings","t":"Components preloaders greetings","d":"A full-screen preloader overlay that rapidly cycles through greetings in different languages before revealing the page content.","s":"21st","c":"status/loader","a":"odysseyui","pl":"https://cdn.21st.dev/odysseyui/components-preloaders-greetings/default/preview.1789980705115-219404df-7751-47d8-acc1-08e9a4b98193.png","pc":"odysseyui"},{"id":"21st:odysseyui__components-pricings-pricing-6","t":"Components pricings pricing 6","d":"A tabbed pricing grid that switches between individuals and teams plans, showing colored gradient cards with avatar orbs, grain texture overlays, and feature checklists.","k":"section","s":"21st","c":"marketing/pricing","a":"odysseyui","pl":"https://cdn.21st.dev/odysseyui/components-pricings-pricing-6/default/preview.1790016825479-e1897576-4cf7-4d79-a939-d5cef7ee8034.png","pc":"odysseyui"},{"id":"21st:odysseyui__components-primitives-avatar","t":"Components primitives avatar","d":"An animated AI-style orb avatar with blinking eyes, offered in 12 color presets, 3 sizes, and 3 shapes (circle, square, squircle).","s":"21st","c":"data-display/avatar","a":"odysseyui","pl":"https://cdn.21st.dev/odysseyui/components-primitives-avatar/default/preview.1789996065944-b7e6a02b-d08e-41d0-84ab-377e3aed049e.png","pc":"odysseyui"},{"id":"21st:odysseyui__components-texts-typewriter","t":"Components texts typewriter","d":"An animated typewriter text effect that types and deletes multiple text sequences in sequence, with natural timing variance and auto-looping.","s":"21st","c":"motion/text-effect","a":"odysseyui","pl":"https://cdn.21st.dev/odysseyui/components-texts-typewriter/default/preview.1790212319493-ea140ba1-d9fe-438f-b851-e2cc623da507.png","pc":"odysseyui","sb":"Typewriter"},{"id":"21st:odysseyui__primitives-buttons-liquid","t":"Primitives buttons liquid","d":"A button whose background liquid-fills from one side to the other on hover, built with Framer Motion CSS variable transitions.","s":"21st","c":"actions/button","a":"odysseyui","pl":"https://cdn.21st.dev/odysseyui/primitives-buttons-liquid/default/preview.1788841131374-6e77927a-f3b8-412b-a669-2044432b9a31.png","pc":"odysseyui","sb":"Animated"},{"id":"21st:og__blur-reveal-deck","t":"Blur reveal deck","d":"A beautiful and interactive card deck carousel for React and Tailwind CSS. Users can swipe or click through a stacked deck of cards where the top card smoothly falls away to reveal","s":"21st","c":"media/card-stack","a":"og","pl":"https://cdn.21st.dev/y.lamfadelpro/blur-reveal-deck/default/preview.1782023815201.png","pc":"og"},{"id":"21st:olaf.stolle__silk-shader","t":"Silk shader","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#0B1026, #3D46E8, #B18CFF, #FFD6E7). A drop-in, zero-dependency React","k":"motion","s":"21st","c":"motion/shader","a":"olaf.stolle","pl":"https://cdn.21st.dev/olaf.stolle/silk-shader/default/preview.1787366754893-98e9d604-44dc-4f9c-99d0-afc1f5626957.webp","pc":"olaf.stolle","sb":"Silk"},{"id":"21st:olewandowski1__activity-1","t":"Activity 1","d":"A recent-activity feed card listing avatar rows with the actor, action, target, and relative time for a workspace or profile dashboard.","s":"21st","c":"data-display/timeline","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/activity-1/default/preview.1789979529389-9f6c73c4-6546-416b-b0a6-a1476bb704ff.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__activity-3","t":"Activity 3","d":"An audit log feed listing recent account/workspace actions with icon tiles, a two-line title and detail, a type tag, and a relative timestamp.","s":"21st","c":"data-display/timeline","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/activity-3/default/preview.1789979535251-b0e0615d-e945-4c07-8c63-1d99bac7f3c7.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__activity-4","t":"Activity 4","d":"An activity feed panel with All/Mentions/Comments tabs, an unread-count badge, and rows showing an avatar, action type icon, timestamp, and unread indicator dot.","s":"21st","c":"data-display/timeline","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/activity-4/default/preview.1789980838028-46164ec6-937b-47cd-ad0a-21dbfe976635.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__article-5","t":"Article 5","d":"A blog article layout with a two-column grid: the post content on the left and a sticky sidebar on the right holding an author bio card, related-post links, and an inline newslette","k":"section","s":"21st","c":"marketing/marketing","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/article-5/default/preview.1790080894256-22d2650a-ce68-4836-98e3-2393c6649a6f.png","pc":"olewandowski1","sb":"Blog and posts"},{"id":"21st:olewandowski1__blog-3","t":"Blog 3","d":"A blog index section with a large featured post, category filter pills, and a grid of post cards that filters by the selected category.","k":"section","s":"21st","c":"marketing/marketing","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/blog-3/default/preview.1789988336716-a32c8775-b01e-4c7f-983e-7bf80d75a347.png","pc":"olewandowski1","sb":"Blog and posts"},{"id":"21st:olewandowski1__booking-2","t":"Booking 2","d":"A two-column appointment request form pairing service reassurance points with a booking form for job type, preferred day, vehicle registration, phone number, and notes.","s":"21st","c":"data-display/calendar","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/booking-2/default/preview.1790051732678-c6a5a283-c945-4c86-8018-47c239f5ec45.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__centered-nav-header","t":"Centered nav header","d":"A responsive three-column site header with the logo pinned left, navigation links centered, and a sign-in link plus primary CTA on the right, collapsing into a mobile sheet menu.","s":"21st","c":"navigation/top-nav","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/centered-nav-header/default/preview.1784732440036-897e2fca-d619-4f29-ba12-df758b1a4ee8.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__changelog-2","t":"Changelog 2","d":"A changelog section that lets users filter release entries by type (All, Added, Improved, Fixed), showing version, date, badge, title, and description for each entry.","k":"section","s":"21st","c":"marketing/marketing","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/changelog-2/default/preview.1789973142063-f0baebc6-c80c-4b7b-9623-bda807f99f95.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__charts-1","t":"Charts 1","d":"A bar chart card showing monthly revenue totals with value labels above each bar and a fiscal year selector that swaps the whole dataset.","s":"21st","c":"data-viz/chart","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/charts-1/default/preview.1790053697352-53a67a1e-9e89-43cb-8ed2-188208d90e16.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__charts-2","t":"Charts 2","d":"A gradient area chart showing a 12-month active-users trend with a total/peak-month/peak-users KPI row and a year-over-year growth badge.","s":"21st","c":"data-viz/chart","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/charts-2/default/preview.1790052627909-d859f370-9cbf-4f11-bfae-d8bedc38cb13.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__charts-4","t":"Charts 4","d":"A card that plots unique website visitors month by month on a line chart, with a grid, labelled axes, and a hover tooltip on each point.","s":"21st","c":"data-viz/chart","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/charts-4/default/preview.1790050987481-c0ed21d2-7ff6-4039-a8e4-334f1fa11735.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__charts-5","t":"Charts 5","d":"A donut chart card that splits website traffic by source, with a centered total visitor count and a ranked, color-coded legend list below it.","s":"21st","c":"data-viz/chart","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/charts-5/default/preview.1790051020082-048b12a7-30ab-4c67-9245-f2ff4974ab82.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__coming-soon-1","t":"Coming soon 1","d":"A centered coming-soon page with a headline, email waitlist capture form, avatar social proof, and social links.","k":"page","s":"21st","c":"pages/templates","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/coming-soon-1/default/preview.1784348611288-4c22024a-0dce-46bc-b0cf-0cfdab198e9d.png","pc":"olewandowski1","sb":"Error and status pages"},{"id":"21st:olewandowski1__coming-soon-3","t":"Coming soon 3","d":"A coming-soon page section with a live countdown timer and an email signup form.","k":"page","s":"21st","c":"pages/templates","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/coming-soon-3/default/preview.1784348843660-e9a739f8-be94-4482-87b8-42487d72ca99.png","pc":"olewandowski1","sb":"Error and status pages"},{"id":"21st:olewandowski1__coming-soon-4","t":"Coming soon 4","d":"A full-screen coming-soon landing section with a gradient and grid backdrop, brand mark, launch badge, an email capture form with a success state, and social icon buttons.","k":"page","s":"21st","c":"pages/templates","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/coming-soon-4/default/preview.1788805098779-9c91b955-43fe-4091-9dc9-b41900e96e9f.png","pc":"olewandowski1","sb":"Error and status pages"},{"id":"21st:olewandowski1__comparison-2","t":"Comparison 2","k":"section","s":"21st","c":"marketing/comparison","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/comparison-2/default/preview.1784752955610-12c2a585-4ea2-41ab-91c6-4b4f848d5b4b.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__comparison-3","t":"Comparison 3","d":"A pricing plan comparison table that lays out three plans side by side with grouped feature sections, check/value cells, a sticky header and a highlighted recommended column.","k":"section","s":"21st","c":"marketing/comparison","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/comparison-3/default/preview.1784806075624-0e6d2b9d-8fc9-4b87-a3e9-a1d92fd00e0b.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__cookie-consent-4","t":"Cookie consent 4","d":"A modal cookie consent dialog that dims and blocks the page until the visitor accepts all, rejects, or opens cookie preferences.","s":"21st","c":"overlays/alert-banner","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/cookie-consent-4/default/preview.1788860529598-8a485b9a-e6db-4b77-8c89-71d3680083aa.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__cookie-consent-5","t":"Cookie consent 5","d":"A bottom cookie-consent banner with accept and reject actions plus a Customize control that expands inline switches for analytics and marketing consent categories.","s":"21st","c":"overlays/alert-banner","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/cookie-consent-5/default/preview.1788860278805-e22faa19-bc11-454f-a3ae-8a17b76ecaf3.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__empty-states-1","t":"Empty states 1","d":"An inbox-zero empty state for a notifications list, with an icon, title, description, and a call-to-action button.","s":"21st","c":"data-display/empty-state","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/empty-states-1/default/preview.1783730524323.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__empty-states-4","t":"Empty states 4","d":"An empty state for a failed data load, with a destructive accent and retry and contact-support actions.","s":"21st","c":"data-display/empty-state","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/empty-states-4/default/preview.1783731323740.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__error-1","t":"Error 1","s":"21st","c":"other","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/error-1/default/preview.1790077497915-ce30f30c-d3f8-4a22-8f3b-c818495a8f73.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__error-2","t":"Error 2","d":"A 404 not found page with a docs search field and a bordered list of popular pages to help users find their way back.","s":"21st","c":"other","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/error-2/default/preview.1790066661168-f86e259a-a0ac-4f7e-92be-ee4f0590d196.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__error-3","t":"Error 3","d":"A full-page 500 server error screen with an alert icon, a retry action, a contact-support link, and a monospace error reference code.","s":"21st","c":"other","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/error-3/default/preview.1790067226699-b8de791b-6677-4113-ab7e-728a13651247.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__error-4","t":"Error 4","d":"A 403 access-denied error page with a lock icon, a short explanation of the missing permission, and Back to Dashboard plus Request Access buttons.","s":"21st","c":"other","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/error-4/default/preview.1790065213052-7c9b9a63-9a4d-4ff4-95b8-0909f1591379.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__error-5","t":"Error 5","d":"A full-screen maintenance mode page showing a tools icon, a scheduled-maintenance badge, an estimated return time, and a link button to the status page.","s":"21st","c":"other","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/error-5/default/preview.1790067612430-87cb487c-aff4-48f5-9f86-965c0d74fca4.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__features-2","t":"Features 2","d":"A features section that alternates image and text rows, each pairing an eyebrow label, headline, bullet list, contributor avatars, and a highlight stat, separated by dividers.","k":"section","s":"21st","c":"marketing/features","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/features-2/default/preview.1789956858582-cbbc15e0-aa57-4355-91fd-ae364ddd2db0.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__features-4","t":"Features 4","d":"A features section that swaps a three-column grid of icon, title, and description cards between Collaboration, Automation, and Security tabs.","k":"section","s":"21st","c":"marketing/features","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/features-4/default/preview.1789956858452-dbb9c67f-c141-4c73-855d-fb1b260d9cb8.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__footer-3","t":"Footer 3","d":"A page footer that pairs a newsletter email signup form with grouped navigation link columns and a bottom bar of social icon links.","k":"section","s":"21st","c":"marketing/footer","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/footer-3/default/preview.1789956847954-42462dd9-6028-4042-bc38-283c5e5524c7.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__footer-4","t":"Footer 4","d":"A site footer with four sitemap link columns, social icon buttons, and a bottom bar with a locale-switcher dropdown and a light/dark theme toggle.","k":"section","s":"21st","c":"marketing/footer","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/footer-4/default/preview.1789956852749-bbd62fa6-697d-4627-a79b-8c8d98560314.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__gallery-4","t":"Gallery 4","d":"A four-by-two photo mosaic grid where tiles turn from grayscale to color on hover and open a lightbox dialog with the photo's caption and location.","s":"21st","c":"media/gallery","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/gallery-4/default/preview.1788861628726-62384e4b-80ef-45c1-902e-6dcc51ffb4af.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__how-it-works-2","t":"How it works 2","d":"A vertical timeline that stacks numbered onboarding steps down the page, each with a bordered icon circle, a connecting line, a bold title, and supporting copy.","k":"section","s":"21st","c":"marketing/features","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/how-it-works-2/default/preview.1784360674057-83bcf60a-2129-4128-bf8a-9a08c22ba072.png","pc":"olewandowski1","sb":"Steps"},{"id":"21st:olewandowski1__integrations-1","t":"Integrations 1","k":"section","s":"21st","c":"marketing/logos","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/integrations-1/default/preview.1789956871823-94a54c39-bcdf-4687-9a5e-44a0a598494c.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__kanban-1","t":"Kanban 1","d":"A drag-and-drop kanban board with To Do, In Progress, and Done columns where cards can be moved between columns and clicked to open a task detail dialog.","s":"21st","c":"data-display/kanban","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/kanban-1/default/preview.1790053731386-96bbb608-308a-4115-b3e8-d300da82cf04.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__logo-cloud-1","t":"Logo cloud 1","k":"section","s":"21st","c":"marketing/logos","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/logo-cloud-1/default/preview.1789956763837-3f657bf8-8410-4923-91a6-4a1f1430016f.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__logo-cloud-3","t":"Logo cloud 3","k":"section","s":"21st","c":"marketing/logos","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/logo-cloud-3/default/preview.1784818489825-16b7379b-4ac5-4eef-b708-f1de8433f372.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__menu-1","t":"Menu 1","d":"A two-column restaurant menu section that lists dishes in courses with dotted leader lines connecting each dish name to its price, plus a description and dietary note.","s":"21st","c":"navigation/menu","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/menu-1/default/preview.1789182520451-3d1ee4cc-1b1c-4de5-a160-6d667c08495d.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__newsletter-1","t":"Newsletter 1","d":"A centered newsletter signup section with an email input, subscribe button, and marketing-consent checkbox.","s":"21st","c":"motion/text-effect","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/newsletter-1/default/preview.1784789054607-d92d6de1-3c2b-49cb-8b95-b40d10401006.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__newsletter-2","t":"Newsletter 2","d":"A full-width horizontal newsletter band with a branding label, heading, and subtext on the left, and an inline email input with a subscribe button, consent checkbox, and privacy no","s":"21st","c":"motion/text-effect","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/newsletter-2/default/preview.1784789337966-6b948335-22ec-4035-b704-f1307f050161.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__notifications-3","t":"Notifications 3","d":"A tabbed notification center card that filters activity into All, Unread, and Mentions, lets a user mark a single row or all rows read, and shows an all-caught-up empty state.","s":"21st","c":"overlays/notifications","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/notifications-3/default/preview.1789976309614-ca78ef29-5c5a-4293-8cae-dc87975ad8ad.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__notifications-5","t":"Notifications 5","s":"21st","c":"overlays/notifications","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/notifications-5/default/preview.1788807669933-c3dff6a2-c611-4382-958d-0324ef62c8bb.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__onboarding-1","t":"Onboarding 1","d":"An onboarding card with a setup progress bar and checkbox checklist steps for reading docs, inviting a team, and configuring a workspace.","s":"21st","c":"navigation/wizard-steps","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/onboarding-1/default/preview.1790084802009-3753d848-f8b5-4c9d-b3c4-d06a47f499c1.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__onboarding-3","t":"Onboarding 3","d":"A card-based onboarding wizard that walks a new user through profile, workspace, and invite steps with a progress bar, step indicator, and a final summary screen.","s":"21st","c":"navigation/wizard-steps","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/onboarding-3/default/preview.1790086519985-3b6fb38a-5136-4c84-9aab-fbc5ee45c537.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__onboarding-4","t":"Onboarding 4","d":"A full-screen onboarding empty state that welcomes a new user with a badge, headline, and a create-project call-to-action alongside a take-the-tour secondary action.","s":"21st","c":"navigation/wizard-steps","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/onboarding-4/default/preview.1790087387774-8d973ae3-0472-443d-8a64-bff6a4f903ff.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__onboarding-5","t":"Onboarding 5","d":"An onboarding step for inviting teammates by email with a per-row role select, add/remove rows, and skip or send actions.","s":"21st","c":"navigation/wizard-steps","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/onboarding-5/default/preview.1790087416014-3b485aa6-1c36-4e58-b0f1-7b48fc5620b4.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__onboarding-6","t":"Onboarding 6","d":"A dismissible getting-started card that shows onboarding progress with a progress bar and a checklist of steps, striking through the ones already completed.","s":"21st","c":"navigation/wizard-steps","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/onboarding-6/default/preview.1790085600138-8fd1e6f6-501b-4b43-a9ee-95a901bc06a5.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__oversized-404-numeral","t":"Oversized 404 numeral","d":"A full-page 404 not-found layout with a large display-sized numeral, a short headline and copy, and go-home / go-back buttons.","k":"page","s":"21st","c":"pages/templates","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/oversized-404-numeral/default/preview.1790078019909-07439281-6f24-460e-baec-8d7c2cf5e262.png","pc":"olewandowski1","sb":"Error and status pages"},{"id":"21st:olewandowski1__page-header-2","t":"Page header 2","d":"An application page header with breadcrumbs, a status badge, and action buttons.","s":"21st","c":"navigation/top-nav","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/page-header-2/default/preview.1784766007252-7cb9943b-d6f4-4787-8dbe-c6754b45e3c0.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__page-header-5","t":"Page header 5","d":"A list-view page header with a title, primary action button, and a toolbar of search input, status and sort filters, and a list/grid view toggle.","s":"21st","c":"navigation/top-nav","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/page-header-5/default/preview.1788858802716-61e9edf3-5b2e-483e-a382-6a6d681ce643.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__pricing-3","t":"Pricing 3","d":"A centered pricing card for a single subscription plan with a monthly/annual billing toggle, a feature checklist, a trial note, and a call-to-action button.","k":"section","s":"21st","c":"marketing/pricing","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/pricing-3/default/preview.1789956909715-ad288001-9fa0-4ac7-9034-859e216c9699.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__pricing-4","t":"Pricing 4","d":"A three-tier pricing grid with a monthly/annual billing toggle that shows the yearly billed total under each price and a Most Popular badge on the featured plan.","k":"section","s":"21st","c":"marketing/pricing","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/pricing-4/default/preview.1789969127385-543cdf36-77e7-4c7d-a29e-4304c4ef8f88.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__roadmap-1","t":"Roadmap 1","d":"A product roadmap board with Planned, In Progress, and Shipped columns showing vote counts, progress bars, contributor avatars, and shipped dates per card.","s":"21st","c":"data-viz/map","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/roadmap-1/default/preview.1790080602337-426c781e-ca6d-41c5-b3b9-8e60d0e0b54d.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__roadmap-3","t":"Roadmap 3","d":"A public product roadmap card where visitors upvote feature requests, with vote counts, status/category badges, and a progress bar for items in development.","s":"21st","c":"data-viz/map","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/roadmap-3/default/preview.1790081433214-20e805a8-4f4b-48e5-8e98-84ce6c6c0b4d.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__roadmap-4","t":"Roadmap 4","d":"A product roadmap section laid out as four quarterly columns of feature cards, each tagged with a category badge and a color-coded shipped, in-progress, or planned status.","s":"21st","c":"data-viz/map","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/roadmap-4/default/preview.1790079865848-79ad3008-7646-435e-b98f-385a832181ca.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__settings-1","t":"Settings 1","d":"A settings page block with a profile card for editing display name, email, and visibility, plus a notifications card of toggle switches, saved with a toast confirmation.","k":"layout","s":"21st","c":"flows/settings","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/settings-1/default/preview.1789976208289-65ed0957-2564-4fec-a1fe-3b4bced74618.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__table-2","t":"Table 2","d":"Invoices data table with a client search filter, checkbox row selection, bulk actions (mark as paid, send reminder, download), payment method and due date columns, status badges, a","s":"21st","c":"data-display/table","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/table-2/default/preview.1787186251629-389c9683-f8cd-4f91-baaf-b4badd7e3528.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__table-3","t":"Table 3","d":"An invoice table listing line items with quantity, unit, and unit price columns plus a footer summing subtotal, tax, and total due.","s":"21st","c":"data-display/table","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/table-3/default/preview.1787187331798-85067b64-d5ee-43dc-8aa6-9c48eebc0002.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__team-1","t":"Team 1","d":"A responsive team grid of member cards, each showing an avatar, name, role, short bio, and LinkedIn/X/GitHub icon links.","k":"section","s":"21st","c":"marketing/team","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/team-1/default/preview.1789992680141-6fcb7a8f-2722-4bed-82a5-708a6ffdfb96.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__team-2","t":"Team 2","d":"A team section showing six people in a hairline-divided grid, each with an avatar, name, role, department badge, and one-line bio.","k":"section","s":"21st","c":"marketing/team","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/team-2/default/preview.1789993737842-53c1c67e-9e57-485d-9555-c3d5ab0e6604.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__team-members-data-table","t":"Team members data table","d":"Sortable team members data table with search, checkbox row selection, bulk role and remove actions, status badges, row action menus, column visibility, and pagination, built on Tan","k":"section","s":"21st","c":"marketing/team","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/team-members-data-table/default/preview.1787186097714-70743787-1f29-45ea-88b1-c366d0d381f7.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__testimonials-2","t":"Testimonials 2","d":"A single featured customer testimonial section with a large pull quote, a grayscale avatar, and three supporting outcome metrics.","k":"section","s":"21st","c":"marketing/testimonials","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/testimonials-2/default/preview.1789956869117-a04fc0a1-3cbe-4353-b0d2-6a5e12c8a895.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__timeline-1","t":"Timeline 1","d":"A vertical timeline rail listing project milestones, each with a date, a Shipped/In Progress/Planned status badge, a title, and supporting copy.","s":"21st","c":"data-display/timeline","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/timeline-1/default/preview.1789973137621-96dcefe6-acdc-4dc7-887c-62557741f9b0.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__timeline-3","t":"Timeline 3","d":"A vertical timeline that groups a team's recent activity by day, showing each actor's avatar, action, target, and relative timestamp connected by a rail.","s":"21st","c":"data-display/timeline","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/timeline-3/default/preview.1789968931098-69c41f2e-b623-4ef3-b00a-236b60b8e1a2.png","pc":"olewandowski1"},{"id":"21st:olewandowski1__traffic-range-switcher","t":"Traffic range switcher","d":"A stacked area chart card showing visitors and signups with a legend, hover tooltip, and a 7/30/90-day range select that swaps the dataset.","s":"21st","c":"inputs/slider","a":"olewandowski1","pl":"https://cdn.21st.dev/7ovr/traffic-range-switcher/default/preview.1790052606729-542c98aa-acf7-436f-91b5-b0066bd86b49.png","pc":"olewandowski1"},{"id":"21st:openstatusHQ__status-bar","t":"Status bar","d":"An interactive uptime timeline of color-coded daily status bars with hover cards showing incident/maintenance details, keyboard navigation, and touch support, used on status pages ","s":"21st","c":"data-display/stat","a":"openstatusHQ","pl":"https://cdn.21st.dev/openstatusHQ/status-bar/default/preview.1788991387985-d1093371-a908-4db0-8a78-f61a6cf0f0e9.png","pc":"openstatusHQ"},{"id":"21st:orris.studio.au__mesh-drift-shader","t":"Mesh drift shader","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#031C26, #1B6CA8, #5AD2F4, #EAF9FF). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"orris.studio.au","pl":"https://cdn.21st.dev/orris.studio.au/mesh-drift-shader/default/preview.1791328537752-bdd9d9b6-544e-409d-973a-85a72c82ccfd.webp","pc":"orris.studio.au","sb":"Mesh drift"},{"id":"21st:otatechie__dithered-footer","t":"Dithered footer","d":"Footer whose brand name is cut out of a drifting field of dithered dots that brighten under the cursor. One accent colour, light and dark mode, newsletter signup and social links. ","k":"section","s":"21st","c":"marketing/footer","a":"otatechie","pl":"https://cdn.21st.dev/otatechie/dithered-footer/default/preview.1790529231801-3f09a696-4eb6-474d-900c-1c5173ac6647.png","pc":"otatechie"},{"id":"21st:otmanbsh3__bloom-field-gradient","t":"Bloom field gradient","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#343432, #121211, #343432, #000000). Features: soft blur finish. A ","k":"motion","s":"21st","c":"motion/gradient","a":"otmanbsh3","pl":"https://cdn.21st.dev/otmanbsh3/bloom-field-gradient/default/preview.1791041132786-ad3b78ba-9c70-491f-b431-44ce7251afbf.webp","pc":"otmanbsh3","sb":"Bloom Field"},{"id":"21st:oui__oui-text-area","t":"Oui text area","d":"A multi-line text input built on React Aria Components with shadcn styling, for use inside a text field with label, description, and validation.","s":"21st","c":"motion/text-effect","a":"oui","pl":"https://cdn.21st.dev/oui/oui-text-area/default/preview.1788287135101-89d01893-ea24-4531-a345-bdd3ae1f55b2.png","pc":"oui"},{"id":"21st:oui__oui-text-field","t":"Oui text field","d":"An accessible text field built on React Aria Components with shadcn styling, composing a label, input, description, and validation error.","s":"21st","c":"inputs/form-field","a":"oui","pl":"https://cdn.21st.dev/oui/oui-text-field/default/preview.1788288253423-cfbe06ce-a27b-40f1-8a05-80d26c0b3d77.png","pc":"oui"},{"id":"21st:out.agencia.comunicacao__a-shader","t":"A shader","d":"Animated WebGL shader background in the Fluted Glass style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"out.agencia.comunicacao","pl":"https://cdn.21st.dev/out.agencia.comunicacao/a-shader/default/preview.1788464733860-f761f3c6-db73-430e-b69a-25ae76ccef60.webp","pc":"out.agencia.comunicacao","sb":"Fluted Glass"},{"id":"21st:paceui__form-textarea","t":"Form textarea","d":"A textarea form field wired to TanStack Form with a label, error handling, and validation display.","s":"21st","c":"inputs/textarea","a":"paceui","pl":"https://cdn.21st.dev/paceui/form-textarea/default/preview.1787185956869-d6077629-b4bc-4699-b452-c83a4094b2db.png","pc":"paceui"},{"id":"21st:paceui__layered-stack","t":"Layered stack","d":"An interactive card stack that fans children into a shuffled deck and re-stacks them into a neat grid on hover, using GSAP for the transition.","s":"21st","c":"media/card-stack","a":"paceui","pl":"https://cdn.21st.dev/paceui/layered-stack/default/preview.1788838126890-3e882406-f1d7-4e54-b772-957ca31eae1f.png","pc":"paceui"},{"id":"21st:paceui__reveal-text","t":"Reveal text","d":"A React component that animates a heading or block of text into view by splitting it into characters, words, or lines and staggering them in with GSAP on mount.","s":"21st","c":"motion/text-effect","a":"paceui","pl":"https://cdn.21st.dev/paceui/reveal-text/default/preview.1789775733473-d6dd490c-9b15-49fb-b729-3c1e9c4debc1.png","pc":"paceui","sb":"Reveal and entrance"},{"id":"21st:paceui__text-fall-button","t":"Text fall button","d":"A button whose label characters drop and settle into place with an elastic GSAP animation on hover, click, or page load.","s":"21st","c":"actions/button","a":"paceui","pl":"https://cdn.21st.dev/paceui/text-fall-button/default/preview.1788840886178-4a18ac46-daeb-4f1b-ab4b-4b511cfaf496.png","pc":"paceui"},{"id":"21st:pankajvpande__test-shader-art","t":"Test shader art","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#0B1026, #3D46E8, #B18CFF, #FFD6E7). A drop-in, zero-dependency React","k":"motion","s":"21st","c":"motion/shader","a":"pankajvpande","pl":"https://cdn.21st.dev/pankajvpande/test-shader-art/default/preview.1789290933659-6fdb7630-94a7-43c6-8436-6d240044a0b0.webp","pc":"pankajvpande","sb":"Silk"},{"id":"21st:panto__dark-blue-hero-gardient","t":"Dark blue hero gardient","d":"Pure CSS gradient background in the Horizon Glow style, made with the 21st.dev Gradient Builder. 4-color palette (#004067, #000000, #242424, #000000). Features: soft blur finish, f","k":"motion","s":"21st","c":"motion/gradient","a":"panto","pl":"https://cdn.21st.dev/panto/dark-blue-hero-gardient/default/preview.1789559733966-6bfac1dc-f3b9-4563-85fe-307352b75f34.webp","pc":"panto","sb":"Horizon Glow"},{"id":"21st:panto__dark-purple-gardient","t":"Dark purple gardient","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 5-color palette (#080808, #3095D3, #034C42, #341CA2, #000000). Features: film grain, ","k":"motion","s":"21st","c":"motion/gradient","a":"panto","pl":"https://cdn.21st.dev/panto/dark-purple-gardient/default/preview.1789559743311-e13eb352-58e8-4fb7-b956-cb91f4a760bd.webp","pc":"panto","sb":"Silk Blend"},{"id":"21st:panto__lime-green-gardient","t":"Lime green gardient","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 7-color palette (#2A2A2B, #0D3100, #98C504, #000000, #000000, #B28FCE, #4CE83A). Feat","k":"motion","s":"21st","c":"motion/gradient","a":"panto","pl":"https://cdn.21st.dev/panto/lime-green-gardient/default/preview.1789559753564-26f452cb-6bdf-491d-b49b-5a941f703de6.webp","pc":"panto","sb":"Silk Blend"},{"id":"21st:parentbaptiste.p__basmos","t":"Basmos","d":"Animated WebGL shader background in the Halftone Dots style. LED screen variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color pale","k":"motion","s":"21st","c":"motion/shader","a":"parentbaptiste.p","pl":"https://cdn.21st.dev/parentbaptiste.p/basmos/default/preview.1789476337276-7ccdfc20-a019-4a5c-908c-2fcf91d69734.png","pc":"parentbaptiste.p","sb":"Halftone Dots"},{"id":"21st:parentbaptiste.p__basmso","t":"Basmso","d":"Animated WebGL shader background in the Halftone Dots style. LED screen variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color pale","k":"motion","s":"21st","c":"motion/shader","a":"parentbaptiste.p","pl":"https://cdn.21st.dev/parentbaptiste.p/basmso/default/preview.1789476358038-5701738b-87cc-4bce-82ff-33b49f1ceb9b.png","pc":"parentbaptiste.p","sb":"Halftone Dots"},{"id":"21st:patrick-xin__autocomplete","t":"Autocomplete","d":"A text input that filters and suggests matching options from a list as the user types, with keyboard navigation and selection.","s":"21st","c":"inputs/combobox","a":"patrick-xin","pl":"https://cdn.21st.dev/patrick-xin/autocomplete/default/preview.1789957013340-367320ab-f07b-40a4-9af3-06d15c84fdf7.png","pc":"patrick-xin"},{"id":"21st:patrick-xin__expandable-dialog","t":"Expandable dialog","d":"Responsive modal dialog with an expand/collapse toggle that smoothly animates between a compact and an enlarged size, with a scrollable body.","s":"21st","c":"overlays/dialog","a":"patrick-xin","pl":"https://cdn.21st.dev/patrick-xin/expandable-dialog/default/preview.1787253992856-843dbeff-92b1-47c9-9dc4-a582d0a47c30.png","pc":"patrick-xin","sb":"Animated"},{"id":"21st:patrick-xin__morphing-dialog","t":"Morphing dialog","d":"A card that expands into a full-screen modal with a shared-layout morphing animation, opening its image and title into an expanded detail view.","s":"21st","c":"overlays/dialog","a":"patrick-xin","pl":"https://cdn.21st.dev/patrick-xin/morphing-dialog/default/preview.1787253689692-9fc30188-fa46-4810-8f09-f48dccec804f.png","pc":"patrick-xin","sb":"Animated"},{"id":"21st:patrick-xin__unsplash-gallery-dialog","t":"Unsplash gallery dialog","d":"An image gallery lightbox that opens each photo in a full-screen dialog with view/download stats, a share menu, and nested sign-in or sign-up dialogs for bookmarking a photo or add","s":"21st","c":"overlays/dialog","a":"patrick-xin","pl":"https://cdn.21st.dev/patrick-xin/unsplash-gallery-dialog/default/preview.1789978500169-0f28fa40-d0f6-46b5-b17e-2deced3fe35d.png","pc":"patrick-xin","sb":"Media"},{"id":"21st:patrickthomasdunn1988__bloodline","t":"Bloodline","d":"Bloodline showcases a simple animated WebGL background","s":"21st","c":"other","a":"patrickthomasdunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/bloodline/default/preview.1763626091198.png","pc":"patrickthomasdunn1988"},{"id":"21st:patrickthomasdunn1988__desert-drift","t":"Desert drift","d":"As you scroll through the night time animation, a 1986 Toyota Corolla drifts on a desert highway, followed by particles and a camera. ","s":"21st","c":"other","a":"patrickthomasdunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/desert-drift/default/preview.1750894933609.png","pc":"patrickthomasdunn1988"},{"id":"21st:patrickthomasdunn1988__robot-flyby","t":"Robot flyby","d":"As you scroll through the animation, a door will open and a robot will fly down the spaceships hallway. ","s":"21st","c":"other","a":"patrickthomasdunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/robot-flyby/default/preview.1750896216789.png","pc":"patrickthomasdunn1988"},{"id":"21st:patrickthomasdunn1988__sneak","t":"Sneak","s":"21st","c":"other","a":"patrickthomasdunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/sneak/default/preview.1755731715793.png","pc":"patrickthomasdunn1988"},{"id":"21st:patrickthomasdunn1988__tidal-cursor","t":"Tidal cursor","d":"Fun Reactive Cursor","k":"motion","s":"21st","c":"motion/cursor","a":"patrickthomasdunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/tidal-cursor/default/preview.1756416011619.png","pc":"patrickthomasdunn1988"},{"id":"21st:patrickthomasdunn1988__wilderness","t":"Wilderness","d":"On Hover Parallax Hero","s":"21st","c":"other","a":"patrickthomasdunn1988","pl":"https://cdn.21st.dev/patrick.thomas.dunn1988/wilderness/default/preview.1760777238296.png","pc":"patrickthomasdunn1988"},{"id":"21st:paulbarbaste__paul-s-gradient","t":"Paul s gradient","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#000000, #1F51FF, #00E5FF, #EAFDFF). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"paulbarbaste","pl":"https://cdn.21st.dev/paulbarbaste/paul-s-gradient/default/preview.1787921157795-61c02399-d879-418f-b0e9-3619b970c44b.png","pc":"paulbarbaste","sb":"Mesh drift"},{"id":"21st:paulchariswork__waves-shader","t":"Waves shader","d":"Animated WebGL shader background in the Waves style. Generated by the 21st.dev Shader Builder. 4-color palette (#624B31, #9B7657, #DFBA96, #F9F1E7). A drop-in, zero-dependency Reac","k":"motion","s":"21st","c":"motion/shader","a":"paulchariswork","pl":"https://cdn.21st.dev/paulchariswork/waves-shader/default/preview.1791229532714-d54cdb61-474d-425d-bfbd-a1ba46842251.webp","pc":"paulchariswork","sb":"Waves"},{"id":"21st:pavlegosic.sales__dwd","t":"Dwd","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#031C26, #1B6CA8, #5AD2F4, #EAF9FF). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"pavlegosic.sales","pl":"https://cdn.21st.dev/pavlegosic.sales/dwd/default/preview.1789440337760-94a9d8ea-a1dd-414f-93cf-0503923863e5.webp","pc":"pavlegosic.sales","sb":"Mesh drift"},{"id":"21st:pdornelasribeiro80__fundo","t":"Fundo","d":"Animated WebGL shader background in the Halftone Dots style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"pdornelasribeiro80","pl":"https://cdn.21st.dev/pdornelasribeiro80/fundo/default/preview.1788639334846-63d63647-87d0-4122-b7c2-513ef23fda8d.webp","pc":"pdornelasribeiro80","sb":"Halftone Dots"},{"id":"21st:pedro_65116d9c__favorites","t":"Favorites","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#E2E2E2, #1B9FFE, #1B9FFE, #4AC9FF). Features: film grain. A drop-i","k":"motion","s":"21st","c":"motion/gradient","a":"pedro_65116d9c","pl":"https://cdn.21st.dev/pedro_65116d9c/favorites/default/preview.1787090148102-d42e85fd-0f97-4406-bb5e-4753879b3df4.webp","pc":"pedro_65116d9c","sb":"Bloom Field"},{"id":"21st:petrovich_dmitrii__my-first","t":"My first","d":"Animated WebGL shader background in the Neuro Noise style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"petrovich_dmitrii","pl":"https://cdn.21st.dev/petrovich_dmitrii/my-first/default/preview.1789884933933-b0cf6b35-8c56-4608-bc99-f8c6881e2934.webp","pc":"petrovich_dmitrii","sb":"Neuro Noise"},{"id":"21st:phthao.1367__uu","t":"Uu","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 3-color palette (#16130E, #372F20, #9C8D63). Features: film grain. A drop-in, zero-de","k":"motion","s":"21st","c":"motion/gradient","a":"phthao.1367","pl":"https://cdn.21st.dev/phthao.1367/uu/default/preview.1790326533151-acb2d30d-97a5-4dd1-b456-4f86ac0a3cf7.webp","pc":"phthao.1367","sb":"Silk Blend"},{"id":"21st:pixajans06__k-ascii","t":"K ascii","d":"Animated (shimmer) ASCII art in the Bricks style, made with the 21st ASCII editor and baked to a looping video. Styled with a retro look. A drop-in, zero-dependency React component","k":"motion","s":"21st","c":"motion/ascii","a":"pixajans06","pl":"https://cdn.21st.dev/pixajans06/k-ascii/default/preview.1788497445415-f2ec4c8f-ea40-43d3-b2d3-f3040233d79d.webp","pc":"pixajans06","sb":"Bricks"},{"id":"21st:platejs__inline-combobox","t":"Inline combobox","d":"An inline combobox for editor suggestion menus like @mentions, slash commands, and emoji pickers, built for Plate/Slate rich-text editors.","s":"21st","c":"inputs/combobox","a":"platejs","pl":"https://cdn.21st.dev/platejs/inline-combobox/default/preview.1787254159541-047b4057-9d29-4421-936b-1d55dbe8f64a.png","pc":"platejs"},{"id":"21st:porterlaforce__chroma-entity","t":"Chroma entity","d":"Animated WebGL shader background in the Metaballs style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color palette (#0","k":"motion","s":"21st","c":"motion/shader","a":"porterlaforce","pl":"https://cdn.21st.dev/porterlaforce/chroma-entity/default/preview.1790828135420-8465aea8-e335-4b3b-b641-4681c1c93cf5.webp","pc":"porterlaforce","sb":"Metaballs"},{"id":"21st:porterlaforce__lsd-chalkboard","t":"Lsd chalkboard","d":"Animated (shimmer) ASCII art in the Contour style, made with the 21st ASCII editor and baked to a looping video. Styled with a animated, minimal, retro look. A drop-in, zero-depend","k":"motion","s":"21st","c":"motion/ascii","a":"porterlaforce","pl":"https://cdn.21st.dev/porterlaforce/lsd-chalkboard/default/preview.1791049847570-14403322-c056-48e6-8b21-c5cc3bfeba38.webp","pc":"porterlaforce","sb":"Contour"},{"id":"21st:positronx__offer-button","t":"Offer button","d":"Animated offer button with slide-out drawer tags and responsive corner brackets","s":"21st","c":"actions/button","a":"positronx","pl":"https://cdn.21st.dev/shubhu0788/offer-button/default/preview.1790590577248-3e43b886-bbae-47f6-a0bb-d8eec11b2454.png","pc":"positronx"},{"id":"21st:ppramanik62__accordion","t":"Accordion","d":"A collapsible accordion whose rows spring-animate open/closed height and chevron rotation, with a hover pill that previews the nearest row before you click.","s":"21st","c":"data-display/accordion","a":"ppramanik62","pl":"https://cdn.21st.dev/ppramanik62/accordion/default/preview.1790355129070-f05112c4-23fe-420e-8d2d-123517d8813f.png","pc":"ppramanik62"},{"id":"21st:ppramanik62__notification-stack","t":"Notification stack","d":"A persistent notification centre whose stacked items collapse into a pile with peeking edges, fanning apart when pulled and closing again with drag-to-dismiss cards.","s":"21st","c":"overlays/notifications","a":"ppramanik62","pl":"https://cdn.21st.dev/ppramanik62/notification-stack/default/preview.1790350296374-1ba22ad2-26ed-46d9-9f2f-0f5dc7c73ffa.png","pc":"ppramanik62"},{"id":"21st:preetsuthar17__auth-change-password","t":"Auth change password","d":"A change password form card with current password, new password, and confirmation fields, inline validation, show/hide toggles, loading and success states.","s":"21st","c":"flows/sign-in","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/auth-change-password/default/preview.1787214623948-7d56e60a-ed49-4bdd-ac7f-5dc87f0d3f93.png","pc":"preetsuthar17","sb":"Password reset"},{"id":"21st:preetsuthar17__auth-email-change","t":"Auth email change","d":"An email address change form with new-email and password verification fields, inline validation, loading and success states.","s":"21st","c":"flows/sign-in","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/auth-email-change/default/preview.1787214584980-b4cd2fc3-f6a4-4fcd-8992-a1ad7369db67.png","pc":"preetsuthar17","sb":"Sign in"},{"id":"21st:preetsuthar17__task-filters","t":"Task filters","d":"Filter and search tasks by status, priority, assignees, projects, and tags with a live count of active filters and a clear-all action.","s":"21st","c":"other","a":"preetsuthar17","pl":"https://cdn.21st.dev/preetsuthar17/task-filters/default/preview.1787213654360-d40cd1fc-e929-4b19-8e72-9f16bf76a4b2.png","pc":"preetsuthar17"},{"id":"21st:profitegood__mesh-drift-shader","t":"Mesh drift shader","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#02010A, #04052E, #3D2C8D, #916BBF). Features: cursor-reactive ","k":"motion","s":"21st","c":"motion/shader","a":"profitegood","pl":"https://cdn.21st.dev/profitegood/mesh-drift-shader/default/preview.1788605134073-1e582b35-99fd-467f-8c4e-eec74c6885bb.webp","pc":"profitegood","sb":"Mesh drift"},{"id":"21st:properui__command-menu","t":"Command menu","d":"A searchable ⌘K-style command palette for filtering and selecting actions, settings or people from a keyboard-first popover or inline list.","s":"21st","c":"navigation/command-palette","a":"properui","pl":"https://cdn.21st.dev/properui/command-menu/default/preview.1790642178546-5152e689-3e67-4273-80c8-61490dd23fc9.png","pc":"properui"},{"id":"21st:properui__loading-indicator","t":"Loading indicator","d":"A spinner shown while content is loading or a background action is in progress, with line, spinner and dot-circle styles, optional label and size variants.","s":"21st","c":"status/loader","a":"properui","pl":"https://cdn.21st.dev/properui/loading-indicator/default/preview.1790402112774-48166386-b0de-4214-b5f1-ecaf06928d6d.png","pc":"properui"},{"id":"21st:protechnologydxb__page-2","t":"Page 2","d":"Animated (pulse) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, a","k":"motion","s":"21st","c":"motion/ascii","a":"protechnologydxb","pl":"https://cdn.21st.dev/protechnologydxb/page-2/default/preview.1790472045336-4b706fec-b49a-4d01-8934-333b2c8b548e.webp","pc":"protechnologydxb","sb":"Dither"},{"id":"21st:protechnologydxb__vktred","t":"Vktred","d":"Animated (flicker) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"protechnologydxb","pl":"https://cdn.21st.dev/protechnologydxb/vktred/default/preview.1790574646065-75b82dba-e3c0-454e-b1c2-d89728d7cd6f.webp","pc":"protechnologydxb","sb":"Dither"},{"id":"21st:prozinhoo0o17__jjanaj","t":"Jjanaj","d":"Animated (shimmer) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"prozinhoo0o17","pl":"https://cdn.21st.dev/prozinhoo0o17/jjanaj/default/preview.1788835845327-42d50660-c9e1-4101-8aba-0ad1d291eee1.webp","pc":"prozinhoo0o17","sb":"Dither"},{"id":"21st:pupilliluke__rook","t":"Rook","d":"Animated (flicker) ASCII art in the Mosaic style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"pupilliluke","pl":"https://cdn.21st.dev/pupilliluke/rook/default/preview.1790864445706-6f790405-fcca-4c24-9601-0a176c9bab08.webp","pc":"pupilliluke","sb":"Mosaic"},{"id":"21st:qcrgrhmbg9__artezonafoda","t":"Artezonafoda","d":"Animated (shimmer) ASCII art in the Braille style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards","k":"motion","s":"21st","c":"motion/ascii","a":"qcrgrhmbg9","pl":"https://cdn.21st.dev/qcrgrhmbg9/artezonafoda/default/preview.1790362246052-f4dba627-1fcb-41d4-9168-23958bd79dd5.webp","pc":"qcrgrhmbg9"},{"id":"21st:radiumcoders__animated-testimonials","t":"Animated testimonials","d":"A testimonial text block where each quote blurs and fades except the one being hovered, drawing focus to a single review at a time.","k":"section","s":"21st","c":"marketing/testimonials","a":"radiumcoders","pl":"https://cdn.21st.dev/radiumcoders/animated-testimonials/default/preview.1788813648214-6ecb3d9a-c0df-4dcb-b82b-59348250e207.png","pc":"radiumcoders"},{"id":"21st:radiumcoders__ascii-fluid","t":"Ascii fluid","d":"A WebGL fluid background where mouse trails leave swirling ink that quantizes into a clean ASCII/letter brightness ramp, for hero sections and full-page backgrounds.","s":"21st","c":"motion/background","a":"radiumcoders","pl":"https://cdn.21st.dev/radiumcoders/ascii-fluid/default/preview.1790058890780-534370ec-3cc9-4aeb-a91a-0e71d53416c4.png","pc":"radiumcoders","sb":"Shaders and WebGL"},{"id":"21st:radiumcoders__ash-burst-button","t":"Ash burst button","d":"A destructive button that burns on click and erupts physics-simulated ash particles that collide and pile up on the button using Matter.js.","s":"21st","c":"actions/button","a":"radiumcoders","pl":"https://cdn.21st.dev/radiumcoders/ash-burst-button/default/preview.1790274482463-456601b1-3805-4faf-a229-f2a91efe35b9.png","pc":"radiumcoders"},{"id":"21st:radiumcoders__gooey-color-picker","t":"Gooey color picker","d":"A floating color picker swatch that expands into a circular hue/saturation wheel, an alpha slider, and an editable hex field with animated open/close.","s":"21st","c":"inputs/color-picker","a":"radiumcoders","pl":"https://cdn.21st.dev/radiumcoders/gooey-color-picker/default/preview.1790312641538-06d8c28a-7a19-451e-942a-97fa7033b120.png","pc":"radiumcoders"},{"id":"21st:radiumcoders__live-orb","t":"Live orb","d":"A WebGL sphere with two capsule-shaped eyes that track the cursor, with white, black, custom-color, and animated-gradient (webgl) variants.","s":"21st","c":"ai-agent/ai-agent","a":"radiumcoders","pl":"https://cdn.21st.dev/radiumcoders/live-orb/default/preview.1790041145073-4c54f76b-bed1-44c8-a321-ad2c87b37d0c.png","pc":"radiumcoders","sb":"Orbs and presence"},{"id":"21st:radiumcoders__logo-burst","t":"Logo burst","d":"An animated canvas background where hair-line filament tentacles explode outward from the center on mount and then settle into a slow breathing motion, following the site's light/d","k":"resource","s":"21st","c":"assets/logo","a":"radiumcoders","pl":"https://cdn.21st.dev/radiumcoders/logo-burst/default/preview.1790272783620-4501b3d9-3d5a-47ac-b453-0bd8b0b69d55.png","pc":"radiumcoders"},{"id":"21st:radiumcoders__motion-btn","t":"Motion btn","d":"An animated button with corner brackets and a sliding color panel that reacts to hover and tap/click, useful as an eye-catching call-to-action.","s":"21st","c":"actions/button","a":"radiumcoders","pl":"https://cdn.21st.dev/radiumcoders/motion-btn/default/preview.1788841546095-9f0221f9-1572-4fbd-8f59-5b3d739a68a2.png","pc":"radiumcoders","sb":"Animated"},{"id":"21st:radiumcoders__shader-fire","t":"Shader fire","d":"A theme-aware WebGL fire wash that renders sparse flame tongues rising from the bottom of a landing hero, with optional pointer-driven heat and an ordered-dither pixel mode.","s":"21st","c":"motion/background","a":"radiumcoders","pl":"https://cdn.21st.dev/radiumcoders/shader-fire/default/preview.1790272796239-fb373c0a-d601-40cd-ae77-d27cd0ec5a02.png","pc":"radiumcoders","sb":"Shaders and WebGL"},{"id":"21st:radiumcoders__slide-to-detonate","t":"Slide to detonate","d":"A slide-to-confirm safety gate that requires dragging a handle across a track before the action fires.","s":"21st","c":"other","a":"radiumcoders","pl":"https://cdn.21st.dev/radiumcoders/slide-to-detonate/default/preview.1787118849879-b74cc7ad-01df-40f8-a655-be3d796bca2c.png","pc":"radiumcoders"},{"id":"21st:radiumcoders__tangle-footer","t":"Tangle footer","d":"An animated footer made of nested circular SVG text ribbons that loop marquee-style copy along curved paths, with theme-aware light and dark colors.","k":"section","s":"21st","c":"marketing/footer","a":"radiumcoders","pl":"https://cdn.21st.dev/radiumcoders/tangle-footer/default/preview.1790310436183-a7fae0c7-3934-46b0-a514-10262470ffd2.png","pc":"radiumcoders"},{"id":"21st:rayayush47__saddu","t":"Saddu","d":"Animated WebGL shader background in the Fluted Glass style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"rayayush47","pl":"https://cdn.21st.dev/rayayush47/saddu/default/preview.1790811934465-00360cea-8b76-464d-b12d-b34e3e0fd74a.webp","pc":"rayayush47","sb":"Fluted Glass"},{"id":"21st:redgrant111__sunrise-glow","t":"Sunrise glow","d":"Pure CSS gradient background in the Layered Tide style, made with the 21st.dev Gradient Builder. 4-color palette (#743B26, #9696E9, #B28FCE, #070707). Features: film grain, vignett","k":"motion","s":"21st","c":"motion/gradient","a":"redgrant111","pl":"https://cdn.21st.dev/redgrant111/sunrise-glow/default/preview.1788774933058-3fd40118-8b43-4439-8ae1-acc33c635897.webp","pc":"redgrant111","sb":"Layered Tide"},{"id":"21st:retroui__area-chart","t":"Area chart","d":"A gradient-filled area chart for visualizing trends over time or categories, built on Recharts with a retro-styled grid, axes, and tooltip.","s":"21st","c":"data-viz/chart","a":"retroui","pl":"https://cdn.21st.dev/retroui/area-chart/default/preview.1790164461814-db9948c4-258e-4838-8c61-b040861c0315.png","pc":"retroui","sb":"Area"},{"id":"21st:retroui__bar-chart","t":"Bar chart","d":"A vertical or horizontal bar chart built on Recharts for visualizing categorical data with support for multiple series, stacking, custom colors, and tooltips.","s":"21st","c":"data-viz/chart","a":"retroui","pl":"https://cdn.21st.dev/retroui/bar-chart/default/preview.1789987802307-fe24d90b-389c-4589-885f-97cc325ec9c4.png","pc":"retroui","sb":"Bar"},{"id":"21st:retroui__menu-style-default","t":"Menu style default","d":"Dropdown menu that displays a list of actions a user can trigger from a button, built on Base UI with a neobrutalist retro style.","s":"21st","c":"navigation/menu","a":"retroui","pl":"https://cdn.21st.dev/retroui/menu-style-default/default/preview.1787241524648-0221528b-42c2-4675-a5de-91f827e245de.png","pc":"retroui"},{"id":"21st:retroui__popover","t":"Popover","d":"A neobrutalist popover — a floating panel anchored to a trigger for titles, descriptions, and inline forms, built on Base UI with thick borders and hard shadows.","s":"21st","c":"overlays/popover","a":"retroui","pl":"https://cdn.21st.dev/retroui/popover/default/preview.1787167521019-065de818-113a-424d-9669-1a0a7a4d0f28.png","pc":"retroui"},{"id":"21st:retroui__table","t":"Table","d":"A neobrutalist-styled data table with thick black borders, bold headers and hard offset shadows, built from composable Table.Header, Table.Body, Table.Row, Table.Head and Table.Cel","s":"21st","c":"data-display/table","a":"retroui","pl":"https://cdn.21st.dev/retroui/table/default/preview.1787186592259-1ef5f04a-eed2-421b-b211-6eb35c86642d.png","pc":"retroui"},{"id":"21st:reuno-ui__skiper39","t":"Skiper39","d":"An animated canvas scene of a walking crowd built from a character sprite sheet, using HTML5 Canvas and GSAP timelines for realistic looping walk cycles — useful as a lively hero o","s":"21st","c":"other","a":"reuno-ui","pl":"https://cdn.21st.dev/reuno-ui/skiper39/default/preview.1789979673763-27bd0c6e-bfba-4a5e-af7d-de24cfd12bf3.png","pc":"reuno-ui"},{"id":"21st:reuno-ui__skiper49","t":"Skiper49","d":"A 3D coverflow image carousel that rotates and shrinks side slides for an inverted-perspective, depth-heavy visual effect, useful for showcasing photo or illustration galleries.","s":"21st","c":"other","a":"reuno-ui","pl":"https://cdn.21st.dev/reuno-ui/skiper49/default/preview.1789981083234-996f3062-9109-4e35-9db8-b00e461086e1.png","pc":"reuno-ui"},{"id":"21st:reuno-ui__skiper67","t":"Skiper67","d":"A hover-to-preview video tile that expands into a full-screen modal video player with custom play, seek, mute and time-range controls.","s":"21st","c":"other","a":"reuno-ui","pl":"https://cdn.21st.dev/reuno-ui/skiper67/default/preview.1789983333267-6b66920e-e2cc-4ea7-b267-dcd27ca68ce3.png","pc":"reuno-ui"},{"id":"21st:reuno-ui__skiper87","t":"Skiper87","d":"A scrollable list panel that fades its content in and out at the top and bottom edges as the user scrolls, using pure CSS scroll-driven animation with no JavaScript.","s":"21st","c":"other","a":"reuno-ui","pl":"https://cdn.21st.dev/reuno-ui/skiper87/default/preview.1789977918763-36941ebc-e0af-49c7-8759-b778dc9ca693.png","pc":"reuno-ui"},{"id":"21st:reuno-ui__skiper89","t":"Skiper89","d":"A draggable floating button that shows page scroll progress as a circular progress ring with an animated percentage counter.","s":"21st","c":"other","a":"reuno-ui","pl":"https://cdn.21st.dev/reuno-ui/skiper89/default/preview.1789983544698-4a75e0c6-4b84-4dfb-8e86-9e6fec17ea9a.png","pc":"reuno-ui"},{"id":"21st:reuno-ui__skiper99","t":"Skiper99","d":"A set of interactive icon buttons (arrow, menu, volume) with hover and click micro-animations, useful for toolbars and navigation controls.","s":"21st","c":"other","a":"reuno-ui","pl":"https://cdn.21st.dev/reuno-ui/skiper99/default/preview.1789985937165-9df95218-3891-4c7e-9d9b-bc324a926c7b.png","pc":"reuno-ui"},{"id":"21st:rhllom__3d-adaptive-navigation-bar","t":"3d adaptive navigation bar","s":"21st","c":"data-viz/chart","a":"rhllom","pl":"https://cdn.21st.dev/omrohilla6/3d-adaptive-navigation-bar/default/preview.1762522751145.png","pc":"rhllom","sb":"Bar"},{"id":"21st:rhllom__cinematic-theme-switcher","t":"Cinematic theme switcher","s":"21st","c":"actions/switch","a":"rhllom","pl":"https://cdn.21st.dev/omrohilla6/cinematic-theme-switcher/default/preview.1761421089647.png","pc":"rhllom","sb":"Theme toggles"},{"id":"21st:ridemountainpig__departures-board","t":"Departures board","d":"A status-filterable airport departures list that plots the selected flight's route on a live map, showing in-progress tracking for airborne flights and dashed routes for the rest.","s":"21st","c":"data-display/kanban","a":"ridemountainpig","pl":"https://cdn.21st.dev/ridemountainpig/departures-board/default/preview.1790125068285-038da5d1-deef-4dd7-b1b7-4bda4cb0e282.png","pc":"ridemountainpig"},{"id":"21st:riyan.besseghir__silk-black","t":"Silk black","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#101010, #F5F5F5, #B0B0B0, #3A3A3A). A drop-in, zero-dependency React","k":"motion","s":"21st","c":"motion/shader","a":"riyan.besseghir","pl":"https://cdn.21st.dev/riyan.besseghir/silk-black/default/preview.1789116333380-d5f637e0-4b92-4df8-907e-630e1019bdd7.webp","pc":"riyan.besseghir","sb":"Silk"},{"id":"21st:rjcuff2000__expandable-tabs","t":"Expandable tabs","d":"Icon tabs where the selected one expands to show its label, with a shared pill gliding between them. From easeUI, easeui.dev","s":"21st","c":"navigation/tabs","a":"rjcuff2000","pl":"https://cdn.21st.dev/rjcuff2000/expandable-tabs/default/preview.1790856760668-e44f614c-cee3-4f98-95b5-19c128203af9.png","pc":"rjcuff2000"},{"id":"21st:rmahammad__animated-dialog","t":"Animated dialog","d":"An accessible Radix dialog with motion-driven enter/exit choreography (scale, slide-up, or fade) that turns into a bottom sheet on mobile and keeps its header/footer pinned while t","s":"21st","c":"overlays/dialog","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/animated-dialog/default/preview.1788991108778-6fe83e9a-9f4f-4430-a9ac-1e5c6c751e15.png","pc":"rmahammad","sb":"Animated"},{"id":"21st:rmahammad__animated-grid","t":"Animated grid","d":"A decorative, CSS-only animated grid background layer with a slow drift, layered accent glow, an optional radial fade mask, and built-in reduced-motion and high-contrast support.","s":"21st","c":"layout/page-shell","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/animated-grid/default/preview.1790070965670-2f82ecef-2cc8-4869-9543-5cb467ab101a.png","pc":"rmahammad"},{"id":"21st:rmahammad__animated-list","t":"Animated list","d":"A semantic list component whose items fade and slide in with a stagger, animate out cleanly on removal, and reorder smoothly via layout animation — for building live feeds, task li","s":"21st","c":"data-display/list","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/animated-list/default/preview.1788990946775-d05139c1-a495-4346-8ea6-e2d83502052d.png","pc":"rmahammad"},{"id":"21st:rmahammad__api-request-inspector","t":"Api request inspector","d":"A presentation-only panel for inspecting a single HTTP request/response your app already has, showing method, URL, status, duration, timing phases, headers, query, body, errors and","s":"21st","c":"other","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/api-request-inspector/default/preview.1790069955862-e32b5d6e-9188-494d-a4c7-15cb01e3c496.png","pc":"rmahammad"},{"id":"21st:rmahammad__aurora-panel","t":"Aurora panel","d":"A product card with an animated aurora sky rendered on canvas in its roof, with drifting light ribbons, seeded grain, and stars that lean toward the pointer.","s":"21st","c":"data-display/card","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/aurora-panel/default/preview.1790071142848-a91653d7-937c-4c54-b1bc-816c89b1f571.png","pc":"rmahammad"},{"id":"21st:rmahammad__comment-thread","t":"Comment thread","d":"A threaded comment/review discussion component with replies, @mentions, emoji reactions, edit, resolve/reopen, delete, and optimistic sending that shows pending, sent, or failed wi","s":"21st","c":"data-display/chat-thread","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/comment-thread/default/preview.1788990678590-57f22cdf-dbb6-4a85-8583-7691242dd00a.png","pc":"rmahammad"},{"id":"21st:rmahammad__data-refresh-state","t":"Data refresh state","d":"An accessible status indicator that shows the lifecycle of a data source — idle, checking, refreshing, partially updated, success, stale, offline, error, paused, or cancelled — wit","s":"21st","c":"data-display/stat","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/data-refresh-state/default/preview.1790069885042-ec3998fd-6428-452b-a41c-dbd48dc7276a.png","pc":"rmahammad"},{"id":"21st:rmahammad__deployment-pipeline","t":"Deployment pipeline","d":"A display component that visualizes a CI/CD deployment run as ordered stages with status (queued, running, passed, failed, cancelled, skipped), per-stage durations, expandable logs","s":"21st","c":"data-display/timeline","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/deployment-pipeline/default/preview.1790068774237-0ea035cc-4bc4-48db-8b9a-b52f21a0f0ac.png","pc":"rmahammad"},{"id":"21st:rmahammad__filmstrip-scrub","t":"Filmstrip scrub","d":"A horizontal filmstrip scrubber with a spring-loaded playhead — drag or hover the strip to crossfade a large preview between stills, with frame ticks, a live monospace timecode, an","s":"21st","c":"inputs/slider","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/filmstrip-scrub/default/preview.1790072120543-2563d96d-37c9-4216-98b8-e9d6eb6d17c1.png","pc":"rmahammad"},{"id":"21st:rmahammad__kanban-card-movement","t":"Kanban card movement","s":"21st","c":"data-display/card","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/kanban-card-movement/default/preview.1790070409224-b2e3d5f3-53b9-4a46-9cc8-6788bbbe200e.png","pc":"rmahammad"},{"id":"21st:rmahammad__loom-draft","t":"Loom draft","d":"An animated canvas background that weaves a glowing loom of warp and weft threads with a violet-to-cyan-to-pink shimmer, for use behind hero text or section headers.","s":"21st","c":"other","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/loom-draft/default/preview.1790071715499-96f5a3ac-3d1c-4863-90b2-a6ef5c019d60.png","pc":"rmahammad"},{"id":"21st:rmahammad__proximity-type","t":"Proximity type","d":"A headline text effect where each character's font weight chases the pointer's distance with smoothed lag, glowing and spacing out near the cursor and gently breathing when idle.","s":"21st","c":"motion/text-effect","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/proximity-type/default/preview.1790070594517-8dfc74ad-b173-4330-b98b-c8ed11cf5d0d.png","pc":"rmahammad"},{"id":"21st:rmahammad__source-citation-rail","t":"Source citation rail","d":"A citation panel that keeps inline [n] reference markers in an AI answer synced with a side list of sources, with active highlighting, expandable excerpts, copy-link, and keyboard ","s":"21st","c":"ai-agent/ai-agent","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/source-citation-rail/default/preview.1790068153047-4e92b988-aa42-47a8-b5ba-9cb356199d95.png","pc":"rmahammad","sb":"Sources"},{"id":"21st:rmahammad__streaming-data-rows","t":"Streaming data rows","d":"An animated live table that inserts, updates, resorts and highlights changed cells as your app streams new rows in, with numeric value morphing, status pills, loading/empty/error s","s":"21st","c":"data-display/list","a":"rmahammad","pl":"https://cdn.21st.dev/rmahammad/streaming-data-rows/default/preview.1790069508080-60d6e586-78d5-44b1-9a7e-05fb8b3d5930.png","pc":"rmahammad"},{"id":"21st:robeerst__portrait-art","t":"Portrait art","d":"Animated (shimmer) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. Styled with a animated, monochrome, pixel look. A drop-in, zero-depe","k":"motion","s":"21st","c":"motion/ascii","a":"robeerst","pl":"https://cdn.21st.dev/robeerst/portrait-art/default/preview.1789537847971-ccac6f1d-7fc5-466a-83a5-b158230de80b.webp","pc":"robeerst","sb":"Dither"},{"id":"21st:roccomilicic2__chur-gradient","t":"Chur gradient","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#DEF6C2, #EDEE9B, #DDF361, #DBFB28). Features: film grain. A drop-i","k":"motion","s":"21st","c":"motion/gradient","a":"roccomilicic2","pl":"https://cdn.21st.dev/roccomilicic2/chur-gradient/default/preview.1790225732792-8890d4ad-b1d5-4a8e-8b52-2a194e935b58.webp","pc":"roccomilicic2","sb":"Bloom Field"},{"id":"21st:roccomilicic2__chur-websites","t":"Chur websites","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#86A2D0, #33A3D7, #090B9A, #090B9A). Features: soft blur finish. A ","k":"motion","s":"21st","c":"motion/gradient","a":"roccomilicic2","pl":"https://cdn.21st.dev/roccomilicic2/chur-websites/default/preview.1789694733715-63b55e79-3b9d-47f7-a7b4-f9e9ff4fb9e0.webp","pc":"roccomilicic2","sb":"Bloom Field"},{"id":"21st:romanvicus__green-nature","t":"Green nature","d":"Animated (flicker) ASCII art in the Pixel Art style, made with the 21st ASCII editor and baked to a looping video. Styled with a minimal look. A drop-in, zero-dependency React comp","k":"motion","s":"21st","c":"motion/ascii","a":"romanvicus","pl":"https://cdn.21st.dev/romanvicus/green-nature/default/preview.1790004045326-ebbd35f4-a459-4f3a-b023-ccb00856d49a.webp","pc":"romanvicus","sb":"Pixel Art"},{"id":"21st:rpv__ad","t":"Ad","d":"Animated (wave) ASCII art in the Stars style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, and","k":"motion","s":"21st","c":"motion/ascii","a":"rpv","pl":"https://cdn.21st.dev/rpv/ad/default/preview.1790013045972-f85116c5-635b-4c9d-83b0-feee14d32718.webp","pc":"rpv"},{"id":"21st:rubra.001__areeb-asci","t":"Areeb asci","d":"Animated (shimmer) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"rubra.001","pl":"https://cdn.21st.dev/rubra.001/areeb-asci/default/preview.1788846644610-620a2ba3-1f47-4602-95f7-5086793682cf.webp","pc":"rubra.001","sb":"Dither"},{"id":"21st:ruixen.ui__card-hand-gallery","t":"Card hand gallery","d":"A fanned hand of image cards — hover to lift, click or flick one up to pull it out while its title and description settle in beside it.","s":"21st","c":"media/gallery","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/card-hand-gallery/default/preview.1790862243262-10bd8c33-47b1-463d-9ef3-ac7406353715.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__halo-reel","t":"Halo reel","d":"Image cards riding an ellipse. cos θ places each card, sizes it and stacks it, so the near side of the ring is large and the far side small - one number, three properties, always i","s":"21st","c":"other","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/halo-reel/default/preview.1788786926464-5d20bb33-aa36-4e05-a7cc-31eae5ae37f6.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__horizon-glow-hero","t":"Horizon glow hero","d":"Planet-horizon hero whose colour rim wipes on and headline un-blurs as you scroll, with light and dark support.","k":"section","s":"21st","c":"marketing/hero","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/horizon-glow-hero/default/preview.1790777495531-4b4c2737-b418-418e-a6c1-248ec98839a4.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__phone-scroll-hero","t":"Phone scroll hero","d":"A hero whose 3D-tilted phone mockup flattens and climbs up over the headline as the page scrolls. Theme-aware, with a reduced-motion fallback.","k":"section","s":"21st","c":"marketing/hero","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/phone-scroll-hero/default/preview.1789650772041-7332f430-882c-456a-ac03-190b159b213c.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__portfolio-scroll-grid","t":"Portfolio scroll grid","d":"A portfolio overview where a big name stays pinned mid-screen, behind a staggered five-column photo grid that scrolls over it. Pure CSS sticky, no JavaScript.","k":"layout","s":"21st","c":"layout/scroll-area","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/portfolio-scroll-grid/default/preview.1790342603202-62741360-a29f-4193-aee6-9f2d07ce44ec.png","pc":"ruixen.ui"},{"id":"21st:ruixen.ui__tilted-grid-hero","t":"Tilted grid hero","d":"Hero with a curved, endlessly streaming row of images that bends toward the viewer at the edges and fades out.","k":"section","s":"21st","c":"marketing/hero","a":"ruixen.ui","pl":"https://cdn.21st.dev/ruixen.ui/tilted-grid-hero/default/preview.1791472722202-4d56f93d-d0f7-4b76-8ec0-bee12b8136b5.png","pc":"ruixen.ui"},{"id":"21st:rumen32215__silk-shader","t":"Silk shader","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#0A0A12, #AE70E4, #6B2D56, #FFC2E2). Features: cursor-reactive (swirl","k":"motion","s":"21st","c":"motion/shader","a":"rumen32215","pl":"https://cdn.21st.dev/rumen32215/silk-shader/default/preview.1790203534243-78cb5f8c-cc8f-4b8f-8625-93cb9dfa4fc2.webp","pc":"rumen32215","sb":"Silk"},{"id":"21st:salmanwajahat640__launching","t":"Launching","d":"Animated (flicker) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"salmanwajahat640","pl":"https://cdn.21st.dev/salmanwajahat640/launching/default/preview.1790490046025-9b7205d2-db69-476c-b26f-a37f332746b1.webp","pc":"salmanwajahat640","sb":"Dither"},{"id":"21st:salmanwajahat640__launching-01","t":"Launching 01","d":"Animated (flicker) ASCII art in the Matrix style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"salmanwajahat640","pl":"https://cdn.21st.dev/salmanwajahat640/launching-01/default/preview.1790490055357-42f8fd60-2b1f-41ab-b305-54b252a36f29.webp","pc":"salmanwajahat640","sb":"Matrix"},{"id":"21st:samardeepgamer__bg","t":"Bg","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 4-color palette (#CA9341, #FF8C00, #E1C20F, #000000). Features: vignette. A drop-in,","k":"motion","s":"21st","c":"motion/gradient","a":"samardeepgamer","pl":"https://cdn.21st.dev/samardeepgamer/bg/default/preview.1790582133399-6765ab64-0524-4c7d-9e1f-9a834d658fcf.webp","pc":"samardeepgamer","sb":"Bloom Field"},{"id":"21st:samardeepgamer__new","t":"New","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#CA9341, #FF8C00, #E1C20F, #000000). Features: vignette. A drop-in, ","k":"motion","s":"21st","c":"motion/gradient","a":"samardeepgamer","pl":"https://cdn.21st.dev/samardeepgamer/new/default/preview.1790614532185-c3894635-4899-4a82-8215-864e9ce25d95.webp","pc":"samardeepgamer","sb":"Silk Blend"},{"id":"21st:samudanileo38__leonardo-primo-background-animato-1","t":"Leonardo primo background animato 1","d":"Animated WebGL shader background in the Aurora style. Generated by the 21st.dev Shader Builder. 5-color palette (#221270, #3A43EE, #FFFFFF, #D6D8FF, #D97A26). Features: cursor-reac","k":"motion","s":"21st","c":"motion/shader","a":"samudanileo38","pl":"https://cdn.21st.dev/samudanileo38/leonardo-primo-background-animato-1/default/preview.1789134334466-20df3219-eff3-47d6-b320-ef8e22ecc3ab.webp","pc":"samudanileo38","sb":"Aurora"},{"id":"21st:satoriui__keyboard","t":"Keyboard","d":"A visual, interactive keyboard layout that can highlight keys automatically to simulate typing out a given string.","s":"21st","c":"data-display/kanban","a":"satoriui","pl":"https://cdn.21st.dev/satoriui/keyboard/default/preview.1789957069091-9f67fe03-8552-4164-9bbd-a10926b3f151.png","pc":"satoriui"},{"id":"21st:scosic99__main-shader-for-ai","t":"Main shader for ai","d":"Animated WebGL shader background in the Warp stripes style. Generated by the 21st.dev Shader Builder. 4-color palette (#0D1B0F, #3E8E41, #C7F464, #FFFDE1). A drop-in, zero-dependen","k":"motion","s":"21st","c":"motion/shader","a":"scosic99","pl":"https://cdn.21st.dev/scosic99/main-shader-for-ai/default/preview.1789038934779-7361cce1-286e-4f2b-bb8a-6fd3878b7796.webp","pc":"scosic99","sb":"Warp stripes"},{"id":"21st:scrollxui__barswave","t":"Barswave","d":"An animated background layer of vertical wave bars that pulse in mirrored symmetry, usable behind hero text or page sections.","s":"21st","c":"data-viz/chart","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/barswave/default/preview.1790193707663-6bf87463-6d73-4142-aafc-9b9081fa6c63.png","pc":"scrollxui","sb":"Bar"},{"id":"21st:scrollxui__contact-with-globe","t":"Contact with globe","d":"A contact page section with an animated wireframe globe, contact links, and a message form for reaching a team.","k":"section","s":"21st","c":"marketing/marketing","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/contact-with-globe/default/preview.1790139366674-ab8e18d4-d88d-4c69-bb2f-068db468c642.png","pc":"scrollxui","sb":"Contact"},{"id":"21st:scrollxui__cta-section-with-floating-gallery","t":"Cta section with floating gallery","d":"A call-to-action section pairing headline copy and a button with a two-column staggered gallery of images that animate into view on scroll.","k":"section","s":"21st","c":"marketing/cta","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/cta-section-with-floating-gallery/default/preview.1790117805176-19879bf0-ea6d-4124-b02b-024f4e2f97bb.png","pc":"scrollxui"},{"id":"21st:scrollxui__dot-wave","t":"Dot wave","d":"An animated canvas background of dots that ripple outward in expanding waves, used behind hero text or section headers to add subtle motion.","k":"motion","s":"21st","c":"motion/background","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/dot-wave/default/preview.1790193941155-9d659851-5d1e-4bd5-9d57-5fd1497a9e6e.png","pc":"scrollxui","sb":"Grids and patterns"},{"id":"21st:scrollxui__download-with-columnlines","t":"Download with columnlines","d":"A hero-style download section with OS download buttons over an animated column-line grid background with radial fade.","s":"21st","c":"other","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/download-with-columnlines/default/preview.1790117785542-fb8b56ad-579b-4769-9041-a3cf16175c62.png","pc":"scrollxui"},{"id":"21st:scrollxui__dualsparks","t":"Dualsparks","d":"A canvas background effect that emits animated spark waves radiating outward and inward from the top corners of a container, for hero sections and decorative backgrounds.","s":"21st","c":"other","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/dualsparks/default/preview.1790194756703-f3860715-8a0e-4f3e-bf12-302d13763739.png","pc":"scrollxui"},{"id":"21st:scrollxui__electric-text","t":"Electric text","d":"An animated text effect with a glowing, electrically distorted outline that flickers like neon or lightning around the letters.","s":"21st","c":"motion/text-effect","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/electric-text/default/preview.1790303148355-50670fa5-0d06-47af-b20d-676115c3f49f.png","pc":"scrollxui"},{"id":"21st:scrollxui__features-with-panel","t":"Features with panel","d":"A scrolling feature list paired with a sticky media panel that swaps images or video as the user clicks or scrolls through each feature item.","k":"section","s":"21st","c":"marketing/features","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/features-with-panel/default/preview.1790117760562-dfbab654-0cfb-47c3-ae53-b6865495c2f7.png","pc":"scrollxui"},{"id":"21st:scrollxui__folder-tree","t":"Folder tree","d":"A collapsible folder/file tree component for displaying hierarchical data with expandable nodes, selection, keyboard navigation, and file/folder icons.","s":"21st","c":"data-display/tree","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/folder-tree/default/preview.1789962547893-2b12db3e-79c5-4331-a2da-0cd3ca7074f0.png","pc":"scrollxui"},{"id":"21st:scrollxui__footer-with-minimal-outline","t":"Footer with minimal outline","d":"A website footer with link columns, brand name, copyright text, and a large outlined watermark of the brand name that animates into view on scroll.","k":"section","s":"21st","c":"marketing/footer","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/footer-with-minimal-outline/default/preview.1790118370698-e2433715-d195-4297-944d-870713fab24c.png","pc":"scrollxui"},{"id":"21st:scrollxui__footer-with-suite","t":"Footer with suite","d":"A split-section website footer with navigation and social links on one side, contact details on the other, and a huge oversized brand wordmark spanning the width above the bottom b","k":"section","s":"21st","c":"marketing/footer","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/footer-with-suite/default/preview.1790118388011-7721a04e-5e08-4fc0-b2f4-57bb758434f0.png","pc":"scrollxui"},{"id":"21st:scrollxui__frequently-asked-questions-with-accordion","t":"Frequently asked questions with accordion","d":"An animated FAQ section that reveals answers in an accordion with word-by-word blur-in headline animation and staggered item entrance.","k":"section","s":"21st","c":"marketing/faq","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/frequently-asked-questions-with-accordion/default/preview.1790118526161-db8fc8a3-c308-4183-9941-42b97cfc1ed7.png","pc":"scrollxui"},{"id":"21st:scrollxui__gravity","t":"Gravity","d":"An animated container effect where small glowing particles launch upward like rockets and fall back down under gravity, used as a decorative background inside cards or hero section","s":"21st","c":"other","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/gravity/default/preview.1790165569312-02e21614-1ec2-4eea-baf9-6231029b90fa.png","pc":"scrollxui"},{"id":"21st:scrollxui__hero-with-cards","t":"Hero with cards","d":"A hero section that fans out a stack of rotated photo cards beneath an animated headline, CTA button, and top navbar, ideal for social/creator product landing pages.","k":"section","s":"21st","c":"marketing/hero","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/hero-with-cards/default/preview.1790304156637-4db2c45e-b0c8-498e-b879-46bde78182d9.png","pc":"scrollxui"},{"id":"21st:scrollxui__hero-with-pixelbackground","t":"Hero with pixelbackground","d":"A full-screen animated hero section with a pixel-dissolve background effect, a scrubbable timeline text reveal, and staggered motion-driven headline entrances.","k":"section","s":"21st","c":"marketing/hero","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/hero-with-pixelbackground/default/preview.1790119328372-27fa1f45-9f67-42fa-96ab-236159fa5f4d.png","pc":"scrollxui"},{"id":"21st:scrollxui__keyboard","t":"Keyboard","d":"A stylized Mac-style on-screen keyboard component with function row, arrow keys, and gaming-friendly WASD highlighting for showcasing shortcuts or hero UI decoration.","s":"21st","c":"data-display/kanban","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/keyboard/default/preview.1789956254156-8c3f0c99-ac5f-486d-829b-8fa5f0f5b04b.png","pc":"scrollxui"},{"id":"21st:scrollxui__login-minimal","t":"Login minimal","d":"An animated login form with a Google OAuth button and email/password fields, styled with a minimal welcome-back layout.","s":"21st","c":"flows/sign-in","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/login-minimal/default/preview.1790119120233-3a759cb3-851b-4eba-aedc-788d9bdbed3a.png","pc":"scrollxui","sb":"Sign in"},{"id":"21st:scrollxui__logo-cloud-flipflow","t":"Logo cloud flipflow","d":"A logo cloud section with an animated marquee of flip cards that reveal a second brand color/name on hover, used to showcase partner or technology logos.","k":"section","s":"21st","c":"marketing/logos","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/logo-cloud-flipflow/default/preview.1790119319590-36bb4bbe-b0ac-40d8-bf40-a383c46b9768.png","pc":"scrollxui"},{"id":"21st:scrollxui__logo-cloud-marquee","t":"Logo cloud marquee","d":"A hero-style logo cloud section with an animated heading and a bidirectional flowing marquee of partner or client logos.","k":"section","s":"21st","c":"marketing/logos","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/logo-cloud-marquee/default/preview.1788999078755-6a9c980a-9efa-4aaf-aaa7-fadbd2cc9380.png","pc":"scrollxui"},{"id":"21st:scrollxui__logo-stepper","t":"Logo stepper","d":"An animated horizontal stepper that cycles through a list of brand logos with names, sliding and fading them in and out one at a time.","k":"resource","s":"21st","c":"assets/logo","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/logo-stepper/default/preview.1790303535491-4b9aa0a6-b9e8-4fd1-84ff-f041f85281c9.png","pc":"scrollxui"},{"id":"21st:scrollxui__modern-loader","t":"Modern loader","d":"An animated fake-terminal loading screen that simulates streaming code lines with a blinking cursor, for AI-powered coding tool loading states.","s":"21st","c":"status/loader","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/modern-loader/default/preview.1790128115173-eb07fdfd-cf32-4a32-90ca-83d139bd9081.png","pc":"scrollxui"},{"id":"21st:scrollxui__motion-grid","t":"Motion grid","d":"An animated diagonal grid-line background with an optional radial gradient glow, used as a decorative backdrop behind hero text or sections.","s":"21st","c":"layout/page-shell","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/motion-grid/default/preview.1790115304656-90671b2e-54ea-4e1f-a71f-3d7f3fb71afc.png","pc":"scrollxui"},{"id":"21st:scrollxui__pixel-highlight","t":"Pixel highlight","d":"An animated text component that reveals its content with directional pixel-particle shimmer rendered on a canvas.","s":"21st","c":"other","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/pixel-highlight/default/preview.1790197164978-891fa6ef-e974-4f80-b677-82fe3aa70987.png","pc":"scrollxui"},{"id":"21st:scrollxui__shiny-button","t":"Shiny button","d":"A button with an interactive spotlight gradient that follows the mouse cursor and highlights its border on hover, for calling attention to a primary action.","s":"21st","c":"actions/button","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/shiny-button/default/preview.1789819036203-c143224b-9e37-494f-96e0-23b427406a18.png","pc":"scrollxui"},{"id":"21st:scrollxui__testimonials-with-carousel","t":"Testimonials with carousel","d":"A full-width testimonials section with an animated headline and an auto-advancing avatar carousel for showcasing customer feedback.","k":"section","s":"21st","c":"marketing/testimonials","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/testimonials-with-carousel/default/preview.1788999017542-634bf9c0-a86c-4c43-a187-609dc77c37b9.png","pc":"scrollxui"},{"id":"21st:scrollxui__testimonials-with-marquee","t":"Testimonials with marquee","d":"A horizontally scrolling testimonials section with multiple infinite marquee rows for showcasing customer or user quotes.","k":"section","s":"21st","c":"marketing/testimonials","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/testimonials-with-marquee/default/preview.1790323604907-c8039fb4-8c5e-4dbe-bc51-782669507fab.png","pc":"scrollxui"},{"id":"21st:scrollxui__testimonials-with-verticalmarquee","t":"Testimonials with verticalmarquee","d":"A testimonials section with columns of avatar review cards that scroll vertically in alternating directions to create an infinite kinetic marquee effect.","k":"section","s":"21st","c":"marketing/testimonials","a":"scrollxui","pl":"https://cdn.21st.dev/scrollxui/testimonials-with-verticalmarquee/default/preview.1790420638756-d441cdb5-47e0-4a48-8cf6-6029797f83c1.png","pc":"scrollxui"},{"id":"21st:sean0205__alert-with-action-buttons","t":"Alert with action buttons","d":"A dismissible alert banner that pairs a description message with inline action and dismiss buttons, used for security prompts and quick account actions.","s":"21st","c":"overlays/alert-banner","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/alert-with-action-buttons/default/preview.1790062279595-42559624-e99f-495e-8276-dc5aba0b90e0.png","pc":"sean0205"},{"id":"21st:sean0205__attachment-composer-tray","t":"Attachment composer tray","d":"A chat message composer with a textarea, a scrolling row of removable file-attachment chips above it, and attach/send buttons, for AI chat or support-ticket style inputs.","s":"21st","c":"ai-agent/composer","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/attachment-composer-tray/default/preview.1789981889663-13b98a79-3f50-458a-b00f-e74b1490afd2.png","pc":"sean0205"},{"id":"21st:sean0205__c-alert-14","t":"C alert 14","d":"A security-notice alert card with dismiss/confirm action buttons, framed in a bordered panel for use at the top of a settings or account page.","s":"21st","c":"overlays/alert-banner","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-alert-14/default/preview.1790059968214-d97f4c58-e485-477d-a953-b03a5f5a8e88.png","pc":"sean0205"},{"id":"21st:sean0205__c-alert-18","t":"C alert 18","d":"An inline alert banner for announcing a new product feature, with an icon, a dismiss button, and a link to learn more.","s":"21st","c":"overlays/alert-banner","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-alert-18/default/preview.1790061245728-a1b2c5a8-3b11-4e71-aa89-c5f5d0916224.png","pc":"sean0205"},{"id":"21st:sean0205__c-alert-4","t":"C alert 4","d":"A destructive alert banner with a warning icon, title and a bulleted checklist for surfacing a failed action like a declined payment.","s":"21st","c":"overlays/alert-banner","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-alert-4/default/preview.1790065894696-31f744e8-f69c-4621-a47e-4a0dacd7eebd.png","pc":"sean0205"},{"id":"21st:sean0205__c-attachment-4","t":"C attachment 4","d":"A composed set of file attachment cards using three size levels (default, small, extra small) to show a deliverable, its working files, and cited code snippets in one panel.","s":"21st","c":"inputs/file-upload","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-attachment-4/default/preview.1789985667153-7da2daf5-3c7b-44c2-bcb9-1593589d277c.png","pc":"sean0205"},{"id":"21st:sean0205__c-attachment-6","t":"C attachment 6","d":"A file picker that opens a native file dialog and lists the chosen files as removable attachment cards with previews, names, sizes and error messages for invalid files.","s":"21st","c":"inputs/file-upload","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-attachment-6/default/preview.1789982941832-484f8d67-b5e3-4802-8d9e-e6f6d4c751f0.png","pc":"sean0205"},{"id":"21st:sean0205__c-button-21","t":"C button 21","d":"A ghost-styled button with a logout icon aligned to the right of its label, for sign-out actions in menus and toolbars.","s":"21st","c":"actions/button","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-button-21/default/preview.1790131488011-52b9956d-f0ed-4c64-bff5-e8ea22fe04a0.png","pc":"sean0205"},{"id":"21st:sean0205__c-button-39","t":"C button 39","d":"An outline button showing an inbox icon and label with a small destructive count badge overlaid on the corner to indicate unread items.","s":"21st","c":"actions/button","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-button-39/default/preview.1790145541355-fd20f25c-73fe-49c8-9271-e266950d6d06.png","pc":"sean0205"},{"id":"21st:sean0205__c-button-45","t":"C button 45","d":"An outline button with an inline destructive-styled badge showing a count, useful for message or notification indicators.","s":"21st","c":"actions/button","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-button-45/default/preview.1790147592236-5cd69bc7-3a3f-496b-90dd-7c9764bba274.png","pc":"sean0205"},{"id":"21st:sean0205__c-button-47","t":"C button 47","s":"21st","c":"actions/button","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-button-47/default/preview.1790147984001-d2862aa0-5b82-44fc-a41a-c8e55ec2b2aa.png","pc":"sean0205"},{"id":"21st:sean0205__c-button-52","t":"C button 52","d":"A button that pairs an icon with a title and short description on two lines, useful for payment method or option pickers.","s":"21st","c":"actions/button","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-button-52/default/preview.1790138664582-94effbe0-a121-44a4-a813-647eda437acd.png","pc":"sean0205"},{"id":"21st:sean0205__c-calendar-14","t":"C calendar 14","d":"A booking calendar that pairs a date picker with a scrollable list of preset time slots, disabling past dates and already-booked times.","s":"21st","c":"data-display/calendar","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-calendar-14/default/preview.1790049743028-2d88d567-9270-4859-a9c2-caa1221105a3.png","pc":"sean0205"},{"id":"21st:sean0205__c-calendar-16","t":"C calendar 16","d":"A range date picker calendar with a sidebar of quick presets (Today, Yesterday, Last 7 days, Last 30 days, Month to date, Last month, Year to date, Last year) for fast range select","s":"21st","c":"data-display/calendar","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-calendar-16/default/preview.1790053698032-a69ff4ad-5b99-4260-9040-7d771d34f5d0.png","pc":"sean0205"},{"id":"21st:sean0205__c-carousel-10","t":"C carousel 10","d":"An image carousel that shows a filmstrip of clickable thumbnails overlaid at the bottom, letting users jump directly to any slide.","s":"21st","c":"media/carousel","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-carousel-10/default/preview.1789956314145-4327d2c2-920b-4b92-b79b-11caba50ba94.png","pc":"sean0205"},{"id":"21st:sean0205__c-carousel-2","t":"C carousel 2","d":"A carousel that scrolls its slides vertically instead of horizontally, useful for compact image/card galleries in a sidebar or narrow column.","s":"21st","c":"media/carousel","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-carousel-2/default/preview.1789955761150-47bab220-11d7-45d2-b34d-84fb1a280531.png","pc":"sean0205"},{"id":"21st:sean0205__c-carousel-4","t":"C carousel 4","d":"An image carousel grid that shows one card per breakpoint (1 on mobile, up to 4 on desktop) using aspect-ratio cards with previous/next arrow controls.","s":"21st","c":"media/carousel","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-carousel-4/default/preview.1789959050520-f2c32100-6534-463c-8d85-03f95c8924f4.png","pc":"sean0205"},{"id":"21st:sean0205__c-carousel-8","t":"C carousel 8","d":"A carousel of full-bleed images with a bottom gradient overlay and slide title/caption text, for showcasing photos or featured content.","s":"21st","c":"media/carousel","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-carousel-8/default/preview.1789958150181-34f86619-2bae-4fe4-8e6a-8abcfb605b04.png","pc":"sean0205"},{"id":"21st:sean0205__c-chart-1","t":"C chart 1","d":"A card-wrapped bar chart showing monthly revenue with a trend badge, tooltip and axis labels, built on Recharts and shadcn chart primitives.","s":"21st","c":"data-viz/chart","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-chart-1/default/preview.1790212844343-404d4d27-d7d0-4a69-af78-ad1d9376115d.png","pc":"sean0205"},{"id":"21st:sean0205__c-chart-11","t":"C chart 11","d":"A monochrome bar chart card that expands the hovered bar and reveals its value, built with Recharts and Motion.","s":"21st","c":"data-viz/chart","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-chart-11/default/preview.1790210593743-f2f316c8-8d2d-43b4-af7a-4d4aeb782fe1.png","pc":"sean0205"},{"id":"21st:sean0205__c-chart-13","t":"C chart 13","d":"An area chart with a gradient fill and a subtle diagonal-stripe pattern overlay, used to visualize a monthly trend like website visitors alongside a percentage-change badge.","s":"21st","c":"data-viz/chart","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-chart-13/default/preview.1790209842011-a3120c42-33d3-4f29-bcff-1bd193897600.png","pc":"sean0205"},{"id":"21st:sean0205__c-chart-16","t":"C chart 16","d":"An area chart card that highlights weekly signup trends with a soft glow effect on the line and data-point markers.","s":"21st","c":"data-viz/chart","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-chart-16/default/preview.1790214035995-cb842e59-377e-44c6-af60-e01867c26e1b.png","pc":"sean0205"},{"id":"21st:sean0205__c-chart-18","t":"C chart 18","d":"A stacked area chart with a crosshatch pattern fill for comparing two time-series metrics, such as API calls versus webhook traffic over a year.","s":"21st","c":"data-viz/chart","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-chart-18/default/preview.1790218463428-dcdb4001-2708-4f58-be43-bd2e696e1306.png","pc":"sean0205"},{"id":"21st:sean0205__c-chart-19","t":"C chart 19","d":"A donut/pie chart card that displays a breakdown of traffic sources with the total count shown in the center, built with Recharts.","s":"21st","c":"data-viz/chart","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-chart-19/default/preview.1790218802641-f9e077c0-face-418e-884c-d0a30a1f5571.png","pc":"sean0205"},{"id":"21st:sean0205__c-chart-20","t":"C chart 20","d":"A donut/pie chart card that shows a breakdown of task statuses with a completion percentage rendered in the center of the ring.","s":"21st","c":"data-viz/chart","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-chart-20/default/preview.1790212081216-02ad8d48-48b8-4d48-8a2c-2384fb6c0f3d.png","pc":"sean0205"},{"id":"21st:sean0205__c-chart-21","t":"C chart 21","d":"A pie chart card with stripe/dot SVG patterns for slices that visualizes bug counts grouped by priority level.","s":"21st","c":"data-viz/chart","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-chart-21/default/preview.1790215393293-ab18b49f-639e-4c46-8c8c-bb651fcf0843.png","pc":"sean0205"},{"id":"21st:sean0205__c-chart-24","t":"C chart 24","d":"A radar chart card that visualizes multiple weighted metrics (like speed, reliability, and cost) with a glowing gradient-filled stroke.","s":"21st","c":"data-viz/chart","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-chart-24/default/preview.1790213118428-8603d30f-3d6e-4326-a916-24fa748c396d.png","pc":"sean0205"},{"id":"21st:sean0205__c-chart-25","t":"C chart 25","d":"A radial bar chart card that displays labeled performance scores (like Lighthouse audit results) across multiple categories with gradient fills and a legend.","s":"21st","c":"data-viz/chart","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-chart-25/default/preview.1790213751862-a2eff5c9-bdf3-47fb-95b0-4cda6cd8dbf3.png","pc":"sean0205"},{"id":"21st:sean0205__c-chart-3","t":"C chart 3","d":"A card-based bar chart with a diagonal stripe SVG pattern fill on the bars, used to visualize monthly sales or usage trends with a trend badge.","s":"21st","c":"data-viz/chart","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-chart-3/default/preview.1790214544760-f0a4d5ee-f29e-4d3a-9307-92be6b0a5791.png","pc":"sean0205"},{"id":"21st:sean0205__c-chart-6","t":"C chart 6","d":"A bar chart card that renders each bar with an isometric 3D gradient effect, used to show regional or category performance trends over time.","s":"21st","c":"data-viz/chart","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-chart-6/default/preview.1790215276800-fbf918da-8e98-49f7-bf01-dbbfa6c9745f.png","pc":"sean0205"},{"id":"21st:sean0205__c-chart-9","t":"C chart 9","d":"A dashboard bar chart card that compares two data series using a dotted-fill bar alongside a solid-fill bar, with a growth badge and a tooltip.","s":"21st","c":"data-viz/chart","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-chart-9/default/preview.1790217185996-94b0e3cf-1be2-431d-b892-d2f3a84bc223.png","pc":"sean0205"},{"id":"21st:sean0205__c-checkbox-13","t":"C checkbox 13","d":"A checkbox field where the checkbox is positioned as a small circular badge in the corner of a labeled card, used to build selectable option cards for settings or plan choices.","s":"21st","c":"inputs/checkbox","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-checkbox-13/default/preview.1790210351575-6551565e-4bb2-4fc6-aa62-15157c5a4045.png","pc":"sean0205"},{"id":"21st:sean0205__c-dialog-4","t":"C dialog 4","d":"A modal dialog that hides the default top-right close icon and relies on explicit footer buttons to confirm or dismiss it.","s":"21st","c":"overlays/dialog","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-dialog-4/default/preview.1790232429553-7af013cf-fa10-4e7d-8ebc-4b27cc8e219d.png","pc":"sean0205"},{"id":"21st:sean0205__c-input-22","t":"C input 22","d":"A password input field that shows a live strength hint with a status icon as the user types, based on length, digit and special-character requirements.","s":"21st","c":"inputs/form-field","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-input-22/default/preview.1790121819688-b38cff49-18a9-45e5-b377-15759da123b9.png","pc":"sean0205"},{"id":"21st:sean0205__c-input-group-13","t":"C input group 13","d":"A search-style input field that shows a keyboard shortcut hint (like ⌘K) inside the field so users know how to trigger it without a mouse.","s":"21st","c":"inputs/form-field","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-input-group-13/default/preview.1790138520225-93f36aa4-00ca-42a9-9180-32a754a89fe8.png","pc":"sean0205","sb":"Input groups"},{"id":"21st:sean0205__c-input-group-14","t":"C input group 14","d":"A numeric input field with an inline info-icon button that shows a tooltip explaining the field, such as a monthly request limit.","s":"21st","c":"inputs/form-field","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-input-group-14/default/preview.1790127097092-91ea3cc1-77aa-44d3-a935-ad5422f0f8c6.png","pc":"sean0205","sb":"Input groups"},{"id":"21st:sean0205__c-input-group-21","t":"C input group 21","d":"A text input with a star icon and a copy button at the end, used for showing a component name or code snippet that a user can copy with one click.","s":"21st","c":"inputs/form-field","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-input-group-21/default/preview.1790117641794-2549de8b-ae24-4a18-bc62-8bad0f5bb904.png","pc":"sean0205","sb":"Input groups"},{"id":"21st:sean0205__c-input-group-26","t":"C input group 26","d":"A textarea wrapped in an input group with Cancel and Post Comment action buttons docked below it, for comment or feedback boxes.","s":"21st","c":"inputs/form-field","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-input-group-26/default/preview.1790120089750-90922451-c36d-470e-afb8-96119af38b17.png","pc":"sean0205","sb":"Input groups"},{"id":"21st:sean0205__c-input-group-27","t":"C input group 27","s":"21st","c":"inputs/form-field","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-input-group-27/default/preview.1790132942769-6fd20bfb-a675-4723-8b03-acdbe0e463b3.png","pc":"sean0205","sb":"Input groups"},{"id":"21st:sean0205__c-input-group-32","t":"C input group 32","d":"An input field with an avatar prefix and a role-selection dropdown suffix, for assigning access levels to a member by username.","s":"21st","c":"inputs/form-field","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-input-group-32/default/preview.1790132967882-c5fe75b0-7c0d-45bd-972e-79fb93237adc.png","pc":"sean0205","sb":"Input groups"},{"id":"21st:sean0205__c-input-group-36","t":"C input group 36","d":"An input field for entering an API endpoint path with a dropdown to pick the HTTP method and a button to send the request.","s":"21st","c":"inputs/form-field","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-input-group-36/default/preview.1790118943311-887c060e-c48d-4165-ad08-be36bb0c417c.png","pc":"sean0205","sb":"Input groups"},{"id":"21st:sean0205__c-input-group-40","t":"C input group 40","d":"A share-link input field with a copy button and a dropdown to switch link visibility (private, team, public).","s":"21st","c":"inputs/form-field","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-input-group-40/default/preview.1790123175838-d935120b-93e6-4981-9175-f1899d4a8162.png","pc":"sean0205","sb":"Input groups"},{"id":"21st:sean0205__c-input-group-6","t":"C input group 6","d":"A voice-input text field that pairs a microphone icon with a pulsing live-broadcast indicator, for showing an active listening/recording state.","s":"21st","c":"inputs/form-field","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-input-group-6/default/preview.1790125039897-2783ae1e-6021-4eff-85fe-8a610025546a.png","pc":"sean0205","sb":"Input groups"},{"id":"21st:sean0205__c-input-otp-1","t":"C input otp 1","d":"A labeled one-time-password input made of grouped digit slots, used for verification code or 2FA entry forms.","s":"21st","c":"inputs/otp-input","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-input-otp-1/default/preview.1789957170665-74f05930-f1a3-4440-8828-f82e91687ace.png","pc":"sean0205"},{"id":"21st:sean0205__c-input-otp-3","t":"C input otp 3","d":"A one-time-passcode input split into grouped slots with separators between each pair of digits, paired with a form field label for verification codes.","s":"21st","c":"inputs/otp-input","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-input-otp-3/default/preview.1789957277747-9626748c-fc4b-4ae4-a382-66cbb33649de.png","pc":"sean0205"},{"id":"21st:sean0205__c-input-otp-5","t":"C input otp 5","d":"A 4-digit one-time-password input styled as a labeled form field, used for PIN code entry and verification flows.","s":"21st","c":"inputs/otp-input","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-input-otp-5/default/preview.1789957733814-915a5470-716d-4143-98d7-db72abf6fde8.png","pc":"sean0205"},{"id":"21st:sean0205__c-message-2","t":"C message 2","d":"A chat message thread pattern that anchors sender and receiver avatars to the bottom of each row, with a presence badge on the online avatar.","s":"21st","c":"ai-agent/ai-agent","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-message-2/default/preview.1789991189033-51630b37-483e-4676-820b-1dd94b72bfa1.png","pc":"sean0205","sb":"Chat"},{"id":"21st:sean0205__c-message-3","t":"C message 3","d":"A chat message layout that shows a sender name with timestamp above incoming bubbles and a read/edited delivery status below outgoing bubbles.","s":"21st","c":"ai-agent/ai-agent","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-message-3/default/preview.1789988923473-74605095-5254-40a4-b4c5-513ce3dfa6b2.png","pc":"sean0205","sb":"Chat"},{"id":"21st:sean0205__c-message-7","t":"C message 7","d":"A chat message bubble that animates from a thinking spinner, through a typed-out streaming reply, to a settled state with a replay action.","s":"21st","c":"ai-agent/ai-agent","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-message-7/default/preview.1789992450590-909b8e35-0284-48ed-b01d-3cb2ec8c0f13.png","pc":"sean0205","sb":"Chat"},{"id":"21st:sean0205__c-number-field-4","t":"C number field 4","d":"A numeric input field with a scrub area label and increment/decrement buttons grouped on the right side, for adjusting quantities like amounts or counts.","s":"21st","c":"inputs/number-input","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-number-field-4/default/preview.1789991185687-4f1ac49a-e589-442a-b200-ffbb09af68be.png","pc":"sean0205"},{"id":"21st:sean0205__c-pagination-11","t":"C pagination 11","d":"A segmented pagination control with bordered outline buttons for navigating between pages, including previous/next arrows and an ellipsis for truncated page ranges.","s":"21st","c":"navigation/pagination","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-pagination-11/default/preview.1789963627160-5ce37ec2-7d91-401f-bc23-4a1b31b54295.png","pc":"sean0205"},{"id":"21st:sean0205__c-pagination-6","t":"C pagination 6","d":"A numbered pagination control wrapped in a card with previous/next arrow buttons, active page highlighting, and an ellipsis for skipped page ranges.","s":"21st","c":"navigation/pagination","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-pagination-6/default/preview.1789960695281-e18edcff-21f8-47f8-a5fa-8362ec5cabfd.png","pc":"sean0205"},{"id":"21st:sean0205__c-progress-5","t":"C progress 5","d":"A compact list of files being uploaded, each row showing a file icon, name, a thin progress bar, and remaining time or completion status.","s":"21st","c":"data-viz/progress-bar","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-progress-5/default/preview.1790079529036-25abb550-cbca-42d7-b2e4-ff034ab9244e.png","pc":"sean0205"},{"id":"21st:sean0205__c-progress-6","t":"C progress 6","d":"A progress bar synced to a draggable slider, so a user can see and adjust a percentage value with live visual feedback.","s":"21st","c":"data-viz/progress-bar","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-progress-6/default/preview.1790080343236-1b20bf6a-5b35-4f81-9794-7fae359e7b80.png","pc":"sean0205"},{"id":"21st:sean0205__c-progress-7","t":"C progress 7","d":"A progress bar paired with a checklist of steps that shows how many of a multi-step setup flow (like account, profile, preferences, review) have been completed.","s":"21st","c":"data-viz/progress-bar","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-progress-7/default/preview.1790080831522-5c783c4e-59b2-4b2f-848a-030d65e60b99.png","pc":"sean0205"},{"id":"21st:sean0205__c-questionnaire-2","t":"C questionnaire 2","d":"A multi-step checkbox questionnaire card that lets users pick several answers per question, tracks a live selection count, and shows a chip summary of the choices on submit.","s":"21st","c":"other","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-questionnaire-2/default/preview.1790121799742-eeb4e315-8c83-4fd9-a296-51475965dcb2.png","pc":"sean0205"},{"id":"21st:sean0205__c-questionnaire-6","t":"C questionnaire 6","d":"A multi-step questionnaire form that validates an answer against a previous answer on submit and sends the user back to the question that caused the conflict.","s":"21st","c":"other","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-questionnaire-6/default/preview.1790121797391-b1d69c43-3fc4-4a3f-a0f9-7959238162a8.png","pc":"sean0205"},{"id":"21st:sean0205__c-radio-group-11","t":"C radio group 11","d":"A radio group laid out as a 2x2 grid of selectable icon cards, each showing a title and description, for choosing one option like a payment or billing method.","s":"21st","c":"inputs/radio","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-radio-group-11/default/preview.1789970436414-cd5c2144-a9e6-4fa5-9508-88315025a867.png","pc":"sean0205"},{"id":"21st:sean0205__c-radio-group-17","t":"C radio group 17","d":"A radio group styled as selectable pricing plan cards, showing plan name, price, and description for choosing a subscription tier.","s":"21st","c":"inputs/radio","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-radio-group-17/default/preview.1789968445939-521c8340-c096-4e2e-b166-cdaf7dfbc45a.png","pc":"sean0205"},{"id":"21st:sean0205__c-radio-group-8","t":"C radio group 8","d":"A shipping-option style radio group where each choice is a full-width row inside a card, separated by dividers.","s":"21st","c":"inputs/radio","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-radio-group-8/default/preview.1789968749944-7bd46931-8046-44a4-96a6-5c8ddac332e2.png","pc":"sean0205"},{"id":"21st:sean0205__c-rating-6","t":"C rating 6","d":"A star rating display paired with a review-count summary and a per-star breakdown of progress bars, used on product or review pages.","s":"21st","c":"inputs/rating","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-rating-6/default/preview.1789969587990-dc9d5366-77f9-41a3-84d5-4036e0ffe2fd.png","pc":"sean0205"},{"id":"21st:sean0205__c-rating-8","t":"C rating 8","d":"An emoji-based rating widget that lets users pick a reaction from terrible to amazing to rate an experience.","s":"21st","c":"inputs/rating","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-rating-8/default/preview.1789970181817-7a2d816d-0e6d-40ad-988e-2e79a5698033.png","pc":"sean0205"},{"id":"21st:sean0205__c-scroll-area-5","t":"C scroll area 5","d":"A vertically scrollable image gallery panel with a reserved scrollbar gutter so content doesn't shift when the scrollbar appears.","k":"layout","s":"21st","c":"layout/scroll-area","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-scroll-area-5/default/preview.1789963183462-b9ef93a2-68b4-46ea-b62d-8f32ac0b573c.png","pc":"sean0205"},{"id":"21st:sean0205__c-select-14","t":"C select 14","d":"A dropdown select paired inline with a submit button, for a compact single-row filter or form control.","s":"21st","c":"inputs/select","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-select-14/default/preview.1790125494708-171f4953-96d5-4bde-9b11-61db3c5b6930.png","pc":"sean0205"},{"id":"21st:sean0205__c-select-2","t":"C select 2","d":"A dropdown select field that shows a leading icon and label for each option, including a placeholder icon before any choice is made.","s":"21st","c":"inputs/select","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-select-2/default/preview.1790127482534-e5beb8ed-7444-4ff4-8c31-70fc430c4d0a.png","pc":"sean0205"},{"id":"21st:sean0205__c-select-23","t":"C select 23","d":"A multi-select dropdown that shows the count of chosen options and stacks small colored dots for each selected item, useful for status or tag pickers.","s":"21st","c":"inputs/select","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-select-23/default/preview.1790131926077-14a1c913-5499-4985-b995-f36501185ef0.png","pc":"sean0205"},{"id":"21st:sean0205__c-select-33","t":"C select 33","d":"A dropdown select field with a compact small-size trigger, wrapped in a form Field, for choosing a size option like Small, Medium, Large or Extra Large.","s":"21st","c":"inputs/select","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-select-33/default/preview.1790131887663-1a90a812-0556-4968-aef2-99fd73ecd8ad.png","pc":"sean0205"},{"id":"21st:sean0205__c-separator-1","t":"C separator 1","d":"A horizontal divider that visually separates a title/subtitle block from body text within a content section.","s":"21st","c":"other","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-separator-1/default/preview.1790062252407-647b0b9f-863f-4b72-84b0-06519dfd30a3.png","pc":"sean0205"},{"id":"21st:sean0205__c-separator-3","t":"C separator 3","d":"A layout pattern that uses vertical separators to visually group related labeled items, like settings, account, and help links in a menu bar.","s":"21st","c":"other","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-separator-3/default/preview.1790057815762-887a9528-e4ca-4185-832c-112438e30aef.png","pc":"sean0205"},{"id":"21st:sean0205__c-separator-6","t":"C separator 6","d":"A compact order summary list that uses horizontal separators to divide subtotal, discount, tax and total rows in a checkout or cart UI.","s":"21st","c":"other","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-separator-6/default/preview.1790068333017-b1ffbcec-54aa-4809-8035-4ee86092dc7f.png","pc":"sean0205"},{"id":"21st:sean0205__c-sonner-14","t":"C sonner 14","d":"A dark, inverted toast notification for a failed build that shows an error summary, file-level stack details, and View Logs / Retry actions.","s":"21st","c":"overlays/toast","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-sonner-14/default/preview.1790121657207-6d0da28b-c539-4ace-97b1-52e4335c4416.png","pc":"sean0205"},{"id":"21st:sean0205__c-sonner-17","t":"C sonner 17","d":"A dark, inverted toast notification with reviewer avatars and quick View/Merge action buttons for pull-request approval flows.","s":"21st","c":"overlays/toast","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-sonner-17/default/preview.1790126764281-5aeff2d5-91a8-4826-af72-cde92281bee4.png","pc":"sean0205"},{"id":"21st:sean0205__c-sortable-1","t":"C sortable 1","d":"A drag-and-drop reorderable list of files (images, documents, audio, video) with type icons, badges, and a toast confirming the new order.","s":"21st","c":"other","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-sortable-1/default/preview.1790124978055-e8388dbf-10a0-4b8b-8361-f2f3ad231897.png","pc":"sean0205"},{"id":"21st:sean0205__c-sortable-6","t":"C sortable 6","d":"A drag-and-drop reorderable sidebar navigation list with icons, labels and count badges, framed in a card panel.","s":"21st","c":"other","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-sortable-6/default/preview.1790126181895-bba0ae3f-6f2a-4d54-94f1-d649bcc2af95.png","pc":"sean0205"},{"id":"21st:sean0205__c-sortable-7","t":"C sortable 7","d":"A drag-and-drop image gallery grid where users reorder media items by dragging tiles into a new display priority.","s":"21st","c":"other","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-sortable-7/default/preview.1790126184858-a913904d-8bad-4c9c-a75b-1fdcfac392b2.png","pc":"sean0205"},{"id":"21st:sean0205__c-spinner-4","t":"C spinner 4","d":"A search input with a loading spinner shown inline inside the input group while results are being fetched.","s":"21st","c":"status/loader","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-spinner-4/default/preview.1790124964041-20d81f7d-92b0-4f66-9069-ac199e42c518.png","pc":"sean0205","sb":"Spinners"},{"id":"21st:sean0205__c-stepper-1","t":"C stepper 1","d":"A horizontal multi-step progress indicator with numbered circle indicators and separators, used to guide users through a sequence of steps like a checkout or onboarding flow.","s":"21st","c":"navigation/wizard-steps","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-stepper-1/default/preview.1790140579944-e8d24f3b-9e74-4eb7-b83a-9271009b1b68.png","pc":"sean0205"},{"id":"21st:sean0205__c-stepper-10","t":"C stepper 10","d":"A multi-step navigation component that renders unique content for each step, with checkmark and loading indicators for completed and active steps.","s":"21st","c":"navigation/wizard-steps","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-stepper-10/default/preview.1790130400651-c3b8f11d-c2d1-4aef-83a7-25d0f4096203.png","pc":"sean0205"},{"id":"21st:sean0205__c-stepper-11","t":"C stepper 11","d":"A multi-step form navigator that shows a thin progress bar and title under each step, letting users track and jump between steps like user details, payment, OTP and preview.","s":"21st","c":"navigation/wizard-steps","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-stepper-11/default/preview.1790121902969-73629a4a-ec44-4cbf-850a-ac6248c442a0.png","pc":"sean0205"},{"id":"21st:sean0205__c-stepper-13","t":"C stepper 13","d":"A vertical multi-step progress indicator with titles, descriptions and animated check/loading icons for account or onboarding flows.","s":"21st","c":"navigation/wizard-steps","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-stepper-13/default/preview.1790130403442-0b57faa8-e8cd-4124-9ed5-2d610daf4859.png","pc":"sean0205"},{"id":"21st:sean0205__c-stepper-15","t":"C stepper 15","d":"A vertical multi-step progress stepper that shows numbered steps with titles, a connecting line, and a check/loading indicator for completed or active steps.","s":"21st","c":"navigation/wizard-steps","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-stepper-15/default/preview.1790123323203-6cdc11c5-9929-4a80-81c7-8bc17d3c1a9e.png","pc":"sean0205"},{"id":"21st:sean0205__c-switch-14","t":"C switch 14","d":"A grid of labeled toggle switches with icons and descriptions, used for feature flags and settings panels.","s":"21st","c":"actions/switch","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-switch-14/default/preview.1790119685739-e9ece547-2073-4631-8801-cd79fb45b3ff.png","pc":"sean0205"},{"id":"21st:sean0205__c-switch-4","t":"C switch 4","d":"A toggle switch rendered in small and default sizes, for compact settings rows and preference forms.","s":"21st","c":"actions/switch","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-switch-4/default/preview.1790129205310-2610ad44-c8bd-4edb-b2f2-5c73d780b529.png","pc":"sean0205"},{"id":"21st:sean0205__c-switch-6","t":"C switch 6","d":"A settings card that groups multiple toggle switches with labels, separated by dividers, for things like notification preferences.","s":"21st","c":"actions/switch","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-switch-6/default/preview.1790120328374-afc8f3ad-4620-4004-98e0-51896af46bad.png","pc":"sean0205"},{"id":"21st:sean0205__c-switch-8","t":"C switch 8","d":"A privacy-settings style panel that groups several labeled toggle switches inside a bordered card frame with dividers between rows.","s":"21st","c":"actions/switch","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-switch-8/default/preview.1790127798152-abc3f171-64ce-46d6-a41b-f44e68f4d502.png","pc":"sean0205"},{"id":"21st:sean0205__c-table-13","t":"C table 13","d":"A file-manager style data table that shows each file's icon, owner avatar, sharing-status badge, size, and last-modified time.","s":"21st","c":"data-display/table","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-table-13/default/preview.1790038888727-37e81ee4-1364-4ec5-abbf-94c2a52cb31b.png","pc":"sean0205"},{"id":"21st:sean0205__c-tabs-8","t":"C tabs 8","d":"A vertical tabs navigation panel with icons and per-tab badge counts, using a line-style active indicator to switch between dashboard sections like projects, tasks, team and report","s":"21st","c":"navigation/tabs","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-tabs-8/default/preview.1790120596631-84138bb4-ae25-437b-ac6e-47481d3bb20d.png","pc":"sean0205"},{"id":"21st:sean0205__c-timeline-8","t":"C timeline 8","d":"A horizontal step timeline for visualizing a release cycle or project plan with dates, titles and short descriptions per stage.","s":"21st","c":"data-display/timeline","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-timeline-8/default/preview.1790145095859-15397967-ecfc-4051-b08a-9cbc8d1b1a91.png","pc":"sean0205"},{"id":"21st:sean0205__c-toggle-11","t":"C toggle 11","d":"A row of toggle buttons for social media style reactions (like, retweet, share, bookmark) that increment a count when pressed.","s":"21st","c":"actions/switch","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-toggle-11/default/preview.1790128402161-5a512e85-0b82-484e-81c2-2953a8516c70.png","pc":"sean0205"},{"id":"21st:sean0205__c-toggle-14","t":"C toggle 14","d":"A toggle button that switches between muted and unmuted sound states, swapping its icon and label on press.","s":"21st","c":"actions/switch","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-toggle-14/default/preview.1790127185491-c20efa91-6387-4187-b5e6-18e5903b57fb.png","pc":"sean0205"},{"id":"21st:sean0205__c-tooltip-2","t":"C tooltip 2","d":"A grid of buttons that each open a tooltip from a different side (top, bottom, left, right, and logical inline start/end) so you can preview tooltip positioning options at once.","s":"21st","c":"overlays/tooltip","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/c-tooltip-2/default/preview.1790132845057-cf2c7d5d-95ab-4c24-b1bb-b18374f6cd50.png","pc":"sean0205"},{"id":"21st:sean0205__category-search-input","t":"Category search input","d":"A pill-shaped search input with a dropdown menu at the end for picking a category filter, like a product-search bar with a category selector.","s":"21st","c":"inputs/search","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/category-search-input/default/preview.1790119427062-c5b4ef8e-9dd7-4e0a-a524-3475e6623a5c.png","pc":"sean0205"},{"id":"21st:sean0205__company-search-input-group","t":"Company search input group","d":"A search input with an inline clear button and a region-selecting dropdown menu, for filtering a company/organization list by keyword and region.","s":"21st","c":"inputs/search","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/company-search-input-group/default/preview.1790139376808-efc1cbeb-9c4f-473d-8317-b8566d2e84a1.png","pc":"sean0205"},{"id":"21st:sean0205__expanding-icon-button","t":"Expanding icon button","d":"A round icon button that expands into a pill with a text label on hover, useful for a compact floating action button that reveals its purpose.","s":"21st","c":"actions/button","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/expanding-icon-button/default/preview.1790128368364-d794d333-da5d-4eae-80ba-91ac025ef551.png","pc":"sean0205","sb":"Icon buttons"},{"id":"21st:sean0205__font-family-select","t":"Font family select","d":"A dropdown select for choosing a font family that previews each option's label rendered in that font.","k":"resource","s":"21st","c":"assets/font","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/font-family-select/default/preview.1790134229692-a7de7008-1ef4-425f-a4ad-21fa1e8db9ed.png","pc":"sean0205"},{"id":"21st:sean0205__icon-alert","t":"Icon alert","d":"An alert box that pairs a status icon with a title and description to flag success, warning, or error messages inline in a page.","k":"resource","s":"21st","c":"assets/icon","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/icon-alert/default/preview.1790062428178-f29a3df0-34e6-4c7a-b90a-b943010d2327.png","pc":"sean0205"},{"id":"21st:sean0205__item-action-list","t":"Item action list","d":"A settings-style list of rows pairing an icon, a title and description, and an action button — useful for notification preference toggles or configurable option lists.","s":"21st","c":"data-display/list","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/item-action-list/default/preview.1789959129774-b6a37e99-be31-4b89-88a7-006b62a83d48.png","pc":"sean0205"},{"id":"21st:sean0205__message-reply-actions","t":"Message reply actions","d":"A chat message footer with copy, regenerate, and thumbs up/down rating controls under an assistant reply.","s":"21st","c":"ai-agent/ai-agent","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/message-reply-actions/default/preview.1789993560082-1de7579a-3775-45cb-8ba1-31a83f49e9bf.png","pc":"sean0205","sb":"Chat"},{"id":"21st:sean0205__number-field-form","t":"Number field form","d":"A validated number input inside a form, built with react-hook-form and zod, showing an error message and a success toast when the amount is submitted.","s":"21st","c":"inputs/number-input","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/number-field-form/default/preview.1789991211674-a0acf2f7-a22e-4a7c-9be7-af7e81e3b783.png","pc":"sean0205"},{"id":"21st:sean0205__otp-verification-card","t":"Otp verification card","d":"A login verification card with a 6-digit one-time-passcode input, a resend-code button, and a submit action.","s":"21st","c":"inputs/otp-input","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/otp-verification-card/default/preview.1789956388908-e1f50239-d60b-449c-ac76-d219a08d97ea.png","pc":"sean0205"},{"id":"21st:sean0205__pagination-arrows","t":"Pagination arrows","d":"A pagination control with just Previous/Next buttons and left/right arrow icons instead of numbered pages.","s":"21st","c":"navigation/pagination","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/pagination-arrows/default/preview.1789968416723-8368102c-e8cf-4584-a115-59b37e0f9fe8.png","pc":"sean0205"},{"id":"21st:sean0205__pro-feature-alert","t":"Pro feature alert","d":"A dark inverted alert banner that promotes a Pro-only feature with dismiss and upgrade action buttons.","s":"21st","c":"overlays/alert-banner","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/pro-feature-alert/default/preview.1790060573770-96cb9b34-80d7-42e1-ae0b-43b828b43edb.png","pc":"sean0205"},{"id":"21st:sean0205__questionnaire-segmented-progress","t":"Questionnaire segmented progress","d":"A multi-step questionnaire form with a segmented step-progress bar, previous/next navigation, and a completion screen, for guided setups like onboarding or intake flows.","s":"21st","c":"data-viz/progress-bar","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/questionnaire-segmented-progress/default/preview.1790120031153-9fdca178-5eb8-4b11-bfa8-9c4fb943458b.png","pc":"sean0205"},{"id":"21st:sean0205__search-input-group","t":"Search input group","d":"A labeled search input field that pairs a text label with an icon-prefixed input group, for search boxes that need an explicit form label.","s":"21st","c":"inputs/search","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/search-input-group/default/preview.1790128104928-e64d8f75-7a2f-425a-9d8e-f1c213cd8ecc.png","pc":"sean0205"},{"id":"21st:sean0205__sortable-nested-list","t":"Sortable nested list","d":"A drag-and-drop list of option groups where each group can be reordered and also contains its own reorderable list of values, useful for building nested product-option or category ","s":"21st","c":"data-display/list","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/sortable-nested-list/default/preview.1790112784714-2e0d6597-69da-4921-8d26-802031457f13.png","pc":"sean0205","sb":"Sortable"},{"id":"21st:sean0205__sortable-settings-priority","t":"Sortable settings priority","d":"A drag-and-drop reorderable list of notification channels, each with a toggle switch, for setting delivery priority in a settings panel.","k":"layout","s":"21st","c":"flows/settings","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/sortable-settings-priority/default/preview.1790124957106-f1cbec21-a278-4ae4-933d-558a2b523a24.png","pc":"sean0205"},{"id":"21st:sean0205__stacked-alerts-frame","t":"Stacked alerts frame","d":"A framed panel that groups a success alert and a warning alert (each with an icon, title, description and optional action button) stacked edge-to-edge with shared borders.","s":"21st","c":"overlays/alert-banner","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/stacked-alerts-frame/default/preview.1790069224165-060e50b1-b08c-4cfc-9d9d-e5a5558f5211.png","pc":"sean0205"},{"id":"21st:sean0205__switch-with-description","t":"Switch with description","d":"A toggle switch paired with a title and description text, used for settings like syncing or feature preferences.","s":"21st","c":"actions/switch","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/switch-with-description/default/preview.1790129501745-741f767c-1063-4509-9c23-4f979d41df4c.png","pc":"sean0205","sb":"With labels"},{"id":"21st:sean0205__week-number-calendar","t":"Week number calendar","d":"A calendar that shows the ISO week number next to each row, useful for scheduling and planning views where week context matters.","s":"21st","c":"data-display/calendar","a":"sean0205","pl":"https://cdn.21st.dev/sean0205/week-number-calendar/default/preview.1790047806568-31b386ba-e1d5-44b0-bf9f-320fd49c16d3.png","pc":"sean0205"},{"id":"21st:seansiddiki__ascii-clouds","t":"Ascii clouds","d":"Animated (wave) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. Styled with a animated look. A drop-in, zero-dependency React compo","k":"motion","s":"21st","c":"motion/ascii","a":"seansiddiki","pl":"https://cdn.21st.dev/seansiddiki/ascii-clouds/default/preview.1788672045840-e9b53d95-ad65-451f-bb52-1e9e3c690919.webp","pc":"seansiddiki","sb":"Characters"},{"id":"21st:sefa.basnak__green-shader","t":"Green shader","d":"Animated WebGL shader background in the Aurora style. Generated by the 21st.dev Shader Builder. 4-color palette (#02010A, #04052E, #3D2C8D, #916BBF). Features: cursor-reactive (spo","k":"motion","s":"21st","c":"motion/shader","a":"sefa.basnak","pl":"https://cdn.21st.dev/sefa.basnak/green-shader/default/preview.1788992135506-e0983ddd-d416-40e1-98a0-634e14025703.png","pc":"sefa.basnak","sb":"Aurora"},{"id":"21st:sh20raj__admit-one-3-d-holographic-ticket","t":"Admit one 3 d holographic ticket","d":"Interactive WebGL 3D holographic event ticket with dynamic tilt physics, specular sheen, and stub geometry.","s":"21st","c":"data-viz/chart","a":"sh20raj","pl":"https://cdn.21st.dev/sh20raj/admit-one-3-d-holographic-ticket/default/preview.1789320565186-ea5e41f6-cfc8-4ca6-9efd-3d3950bf672e.png","pc":"sh20raj"},{"id":"21st:sh20raj__curved-text-loop","t":"Curved text loop","d":"Interactive SVG curved path text marquee with real-time drag velocity manipulation and infinite loop.","s":"21st","c":"motion/text-effect","a":"sh20raj","pl":"https://cdn.21st.dev/sh20raj/curved-text-loop/default/preview.1789320313839-c44b5f5b-ece3-4fe6-ad00-f9b88b948382.png","pc":"sh20raj"},{"id":"21st:sh20raj__optimized-tilt-card","t":"Optimized tilt card","d":"High-performance 3D parallax tilt card with desktop hover, touch hold for mobile, and dynamic pointer light sheen.","s":"21st","c":"data-display/card","a":"sh20raj","pl":"https://cdn.21st.dev/sh20raj/optimized-tilt-card/default/preview.1789320057801-582f67fa-3e5b-49b7-a04a-652ac508a3fb.png","pc":"sh20raj","sb":"Animated and glowing"},{"id":"21st:sh20raj__voxel-story-video-card","t":"Voxel story video card","d":"A split 2-column feature card with 3D perspective mouse tilt, Cloudflare CDN campus video, live status badge, and student community tags.","s":"21st","c":"media/player","a":"sh20raj","pl":"https://cdn.21st.dev/sh20raj/voxel-story-video-card/default/preview.1791305424091-7d237bd6-af44-4da0-8ef8-12a0b8c8086c.png","pc":"sh20raj"},{"id":"21st:sh20raj__voxel-video-streak-card","t":"Voxel video streak card","d":"A 3D interactive tilt video showcase section featuring campus lawn gossip video from Cloudflare CDN, streak metrics, level badge, and sound controls.","s":"21st","c":"data-display/gamification","a":"sh20raj","pl":"https://cdn.21st.dev/sh20raj/voxel-video-streak-card/default/preview.1791305337277-1ca754da-c405-4490-945b-f3305880515c.png","pc":"sh20raj"},{"id":"21st:shadcncraft__star-rating","t":"Star rating","d":"A star icon rating display with an optional label, used to show review or product scores with support for partial (fractional) star fills.","s":"21st","c":"inputs/rating","a":"shadcncraft","pl":"https://cdn.21st.dev/shadcncraft/star-rating/default/preview.1790063028532-b9ab96b8-1e95-4cc5-a240-c37596731c12.png","pc":"shadcncraft"},{"id":"21st:shadcndesign__banner-1","t":"Banner 1","d":"A dismissible top-of-page announcement banner with a call-to-action link and a close button, used for promoting product updates on a landing page.","s":"21st","c":"overlays/alert-banner","a":"shadcndesign","pl":"https://cdn.21st.dev/shadcndesign/banner-1/default/preview.1788816092753-881547eb-4331-4f2d-8b5e-00d93f7644d4.png","pc":"shadcndesign"},{"id":"21st:shadcndesign__cta-section-1","t":"Cta section 1","d":"A full-width call-to-action section with a solid primary-color background, a tagline label, bold headline, supporting copy, and a get-started button, used to drive conversions on l","k":"section","s":"21st","c":"marketing/cta","a":"shadcndesign","pl":"https://cdn.21st.dev/shadcndesign/cta-section-1/default/preview.1789956803218-9c3db681-596e-4ce4-a60e-1522b54d153d.png","pc":"shadcndesign"},{"id":"21st:shadcndesign__header-section-1","t":"Header section 1","d":"A centered page header block with a small tagline label, a large heading, and a supporting paragraph, used at the top of a landing page section.","k":"section","s":"21st","c":"marketing/hero","a":"shadcndesign","pl":"https://cdn.21st.dev/shadcndesign/header-section-1/default/preview.1790075041639-d7b570d8-5547-47c9-afda-a1cc58e5a363.png","pc":"shadcndesign"},{"id":"21st:shadcnspace__accordion-05","t":"Accordion 05","d":"An accordion whose expanded panel shows a description and reveals an image, useful for FAQ or services sections that pair copy with a visual.","s":"21st","c":"data-display/accordion","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/accordion-05/default/preview.1789797077565-f49ff9c8-907d-46d5-8c48-2b7e95f8f7cd.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__accordion-09","t":"Accordion 09","d":"An FAQ-style accordion whose active item gets a rounded highlighted background and animated plus/minus icon when expanded.","s":"21st","c":"data-display/accordion","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/accordion-09/default/preview.1789798717732-37282743-a70c-486a-8b9d-513d77c08818.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__action-dropdown-button-group","t":"Action dropdown button group","d":"A split button group pairing a primary action button with an adjacent dropdown-trigger button that reveals related actions, complete with hover and open/close micro-animations.","s":"21st","c":"navigation/menu","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/action-dropdown-button-group/default/preview.1788832714983-fb4175e6-6902-4b4d-b6d9-e8e6753f027d.png","pc":"shadcnspace","sb":"Dropdowns"},{"id":"21st:shadcnspace__animated-text-09","t":"Animated text 09","d":"An animated text effect that decodes a word from scrambled cipher glyphs, holds it briefly, then re-encrypts it back into random characters.","s":"21st","c":"motion/text-effect","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/animated-text-09/default/preview.1790123706254-65d96a9d-48d5-4f7a-9e50-796339eaabbc.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__animated-text-10","t":"Animated text 10","d":"An animated text component that sweeps a glowing scanner bar across a word, lighting up its letters as it passes, ideal for hero headings or loading states.","s":"21st","c":"motion/text-effect","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/animated-text-10/default/preview.1790123350282-8792147e-5609-498c-b71e-00c7247078a7.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__animated-text-11","t":"Animated text 11","d":"An animated text effect that washes cinematic colour light-leak gradients diagonally across a word for a hero or heading accent.","s":"21st","c":"motion/text-effect","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/animated-text-11/default/preview.1790122306641-7f98bd80-d5cc-43a3-b9a5-b611e40de6fb.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__animated-text-12","t":"Animated text 12","d":"An animated text effect where each letter hinges open on a staggered 3D fold, holds briefly, then tucks shut, looping continuously.","s":"21st","c":"motion/text-effect","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/animated-text-12/default/preview.1790122789497-9862df86-ddff-4bba-bce6-dfc30c4e4ba8.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__avatar-08","t":"Avatar 08","d":"A stacked group of overlapping user avatars with an overflow count badge, used to show team members or participants at a glance.","s":"21st","c":"data-display/avatar","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/avatar-08/default/preview.1789970528260-8780d2f7-6e57-4562-ae6d-1f2728c33d11.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__blog-01","t":"Blog 01","d":"A blog/news section with a large featured post and a grid of thumbnail cards showing publish dates and headlines, for agency updates and design insights.","k":"section","s":"21st","c":"marketing/marketing","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/blog-01/default/preview.1789987939885-edefe434-4f1b-4aa5-9ddc-22f3cdfb94f6.png","pc":"shadcnspace","sb":"Blog and posts"},{"id":"21st:shadcnspace__button-21","t":"Button 21","d":"An upvote/like button with a ripple effect, upward-flying particles, and a sliding animated count that increments or decrements on click.","s":"21st","c":"actions/button","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/button-21/default/preview.1788832608514-151ad6cb-afc7-4d73-96ea-f313242b3239.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__button-23","t":"Button 23","d":"An animated approve/reject button pair with icon micro-interactions, used for permission or access request actions.","s":"21st","c":"actions/button","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/button-23/default/preview.1788806841324-f3f9d581-1f82-4d1d-99cc-9f2ffeec415b.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__button-26","t":"Button 26","s":"21st","c":"actions/button","a":"shadcnspace","pl":"https://21st.dev/@shadcnspace/components/button-26","pc":"shadcnspace"},{"id":"21st:shadcnspace__button-27","t":"Button 27","d":"A button with a hover-triggered text scramble/decrypt animation and a laser sweep highlight, useful for security or crypto-themed actions like encrypting data.","s":"21st","c":"actions/button","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/button-27/default/preview.1788859573639-aa10153b-dcac-41be-b4e0-74820471b8dc.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__button-32","t":"Button 32","d":"A like/react button that launches emoji particles which arc, collide with the button, and settle on top, using a lightweight canvas physics loop.","s":"21st","c":"actions/button","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/button-32/default/preview.1788807696030-00c1b55f-8b27-4d92-b349-819ee8ddfb7d.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__button-33","t":"Button 33","d":"A button with a continuously spinning conic-gradient border, used for triggering AI content generation actions.","s":"21st","c":"actions/button","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/button-33/default/preview.1790122289498-2eca0fc6-ab4e-4f29-8180-2370d379a91e.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__button-group-09","t":"Button group 09","d":"A follow/unfollow toggle button paired with a live avatar group and animated follower count, for social profile headers and creator cards.","s":"21st","c":"actions/button","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/button-group-09/default/preview.1788831189696-f8144d8d-0bfd-4d99-8dc7-062359406d4a.png","pc":"shadcnspace","sb":"Groups and split"},{"id":"21st:shadcnspace__calendar-01","t":"Calendar 01","d":"A calendar that lets users pick several individual dates at once, with a set of days pre-selected.","s":"21st","c":"data-display/calendar","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/calendar-01/default/preview.1787235127140-1dee2991-453c-4a65-bba8-33f83b51d590.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__calendar-02","t":"Calendar 02","d":"A single-date calendar that highlights booked days with a custom color and uses rounded day styling for scheduling and availability views.","s":"21st","c":"data-display/calendar","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/calendar-02/default/preview.1787236730251-915ba950-106d-4eb9-8f6e-a18740c89254.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__calendar-03","t":"Calendar 03","d":"A calendar paired with a scrollable list of available time slots for booking appointments.","s":"21st","c":"data-display/calendar","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/calendar-03/default/preview.1787238465120-60116ca3-381b-4c59-88a7-551ecb50ae3d.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__calendar-04","t":"Calendar 04","d":"A two-month calendar for picking a start and end date range, opened inside a modal dialog from a trigger button.","s":"21st","c":"data-display/calendar","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/calendar-04/default/preview.1787240883044-7b210920-380d-4124-995e-a1278eb1cb59.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__calendar-08","t":"Calendar 08","d":"A date picker calendar in a card with a color-coded daily event list showing meeting titles and time ranges.","s":"21st","c":"data-display/calendar","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/calendar-08/default/preview.1787244454404-9733905a-50b2-433f-9802-ab1ac3651b7b.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__calendar-10","t":"Calendar 10","d":"A single-date calendar with month navigation arrows positioned on the right side and left-aligned caption.","s":"21st","c":"data-display/calendar","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/calendar-10/default/preview.1787253703585-50cd745d-c3ef-4bdb-aa9f-76d6c2fdfbe0.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__calendar-range-select","t":"Calendar range select","d":"A calendar with a highlighted date range selection styled with rounded pill start/end days and a filled range, useful for booking, reservation and reporting date pickers.","s":"21st","c":"inputs/slider","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/calendar-range-select/default/preview.1787251779179-c0113a96-ba4d-4dec-8f99-65338afcf77b.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__card-02","t":"Card 02","d":"A real estate listing card that shows a property photo, price badge, address, and bed/bath/area stats with a hover reveal effect.","s":"21st","c":"data-display/card","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/card-02/default/preview.1789956983707-5c181cf4-2bf5-4923-bae4-74b76dd128d5.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__card-07","t":"Card 07","d":"A card that shows an animated audio frequency bar visualizer with buttons to switch between connecting, listening, and speaking states.","s":"21st","c":"data-display/card","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/card-07/default/preview.1789956969713-698bae45-53bf-482b-8467-d4b57880b7bf.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__card-11","t":"Card 11","d":"A card for assigning users to an issue or task, using a multi-select combobox with avatar chips to pick assignees.","s":"21st","c":"data-display/card","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/card-11/default/preview.1789985625495-0e90dbf7-f2cb-4356-9db0-c6317d5a95e6.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__card-12","t":"Card 12","d":"A card that visualizes daily calorie/workout load for the past week as a row of bar-chart bars.","s":"21st","c":"data-display/card","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/card-12/default/preview.1789956990342-f83e8db6-67e9-401c-aa94-8ac9ae0e1839.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__card-14","t":"Card 14","d":"A property/listing card that flips with a 3D perspective animation on hover to reveal specs and a call-to-action on the back.","s":"21st","c":"data-display/card","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/card-14/default/preview.1789957009834-3cb1e021-1cea-4be0-9412-188a76166236.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__carousel-02","t":"Carousel 02","d":"An image carousel with rounded floating arrow buttons centered below the slides for previous/next navigation.","s":"21st","c":"media/carousel","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/carousel-02/default/preview.1789956826803-6eb93360-4150-4a18-a520-891ef7bca698.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__carousel-03","t":"Carousel 03","s":"21st","c":"media/carousel","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/carousel-03/default/preview.1789779642551-ed47eed5-0677-43ee-9f30-6a90b02de9fe.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__carousel-08","t":"Carousel 08","d":"A drag-free image card carousel with dark overlay captions, category labels, and circular prev/next arrow controls, styled after Apple's card gallery sections.","s":"21st","c":"media/carousel","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/carousel-08/default/preview.1789956833233-62a80c2c-79d7-498a-af29-0f38656fbf06.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__chart-02","t":"Chart 02","d":"A donut chart card that summarizes total earnings with a per-source breakdown and growth percentages, useful for admin dashboards comparing revenue streams.","s":"21st","c":"data-viz/chart","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/chart-02/default/preview.1790166892841-e0ebc1e5-2e6a-4a73-9b22-b82e15842bae.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__checkbox-05","t":"Checkbox 05","d":"A bordered list of options each pairing a labeled row with icon and a checkbox, useful for selecting multiple preferences or skills.","s":"21st","c":"inputs/checkbox","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/checkbox-05/default/preview.1787168279052-719e2cf6-321e-4367-a1bd-ad48204036d0.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__collapsible-01","t":"Collapsible 01","d":"An expandable release changelog with per-version collapsible panels, typed badge labels (feature, fix, breaking), and smooth open/close animations.","s":"21st","c":"data-display/accordion","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/collapsible-01/default/preview.1787145150021-78dfc04b-57ac-4eb4-bb8c-a571c312e6d6.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__collapsible-05","t":"Collapsible 05","d":"An expandable usage card that shows a progress bar summary and reveals a token-usage breakdown when toggled open.","s":"21st","c":"data-display/accordion","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/collapsible-05/default/preview.1789975218176-2b534713-6440-4261-a94b-838ab5226ffc.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__contact-01","t":"Contact 01","d":"A contact section with a project inquiry form, contact details, and a trust-badge brand marquee for agencies and freelancers to capture qualified leads.","k":"section","s":"21st","c":"marketing/marketing","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/contact-01/default/preview.1787206383212-45192974-5009-42e8-9885-3a8a23442642.png","pc":"shadcnspace","sb":"Contact"},{"id":"21st:shadcnspace__cta-01","t":"Cta 01","d":"A full-width call-to-action section with a soft gradient background, headline, supporting copy, and an animated primary button, used to convert visitors at the end of a page.","k":"section","s":"21st","c":"marketing/cta","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/cta-01/default/preview.1789956718932-9704355c-c1ea-4e56-9119-5f345b6b7543.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__dialog-04","t":"Dialog 04","d":"A modal dialog that slides in from the right edge of the screen to show a user's profile details, contact info, and stats.","s":"21st","c":"overlays/dialog","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/dialog-04/default/preview.1789956947488-1f9f305a-7520-4717-9849-423dfa75b0e4.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__dropdown-menu-01","t":"Dropdown menu 01","d":"A user profile dropdown menu with avatar, online status indicator, and grouped links for profile, subscription, settings, and sign out.","s":"21st","c":"navigation/menu","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/dropdown-menu-01/default/preview.1787109874567-19c98d77-5cdb-4d9d-bc2b-13b328f7afb0.png","pc":"shadcnspace","sb":"Dropdowns"},{"id":"21st:shadcnspace__dropdown-menu-03","t":"Dropdown menu 03","d":"An animated dropdown for reviewing collaboration requests with an avatar group trigger, per-user approve/reject actions, bulk approve/reject, and an all-caught-up empty state.","s":"21st","c":"navigation/menu","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/dropdown-menu-03/default/preview.1787105524107-935d9b4a-afab-402b-abf7-230a7805bb4a.png","pc":"shadcnspace","sb":"Dropdowns"},{"id":"21st:shadcnspace__dropdown-menu-04","t":"Dropdown menu 04","d":"An animated dropdown menu with drill-down nested submenus, search filtering, and directional slide transitions between panels.","s":"21st","c":"navigation/menu","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/dropdown-menu-04/default/preview.1787109752359-90f5ba45-75af-49b4-bcab-d6167cf28506.png","pc":"shadcnspace","sb":"Dropdowns"},{"id":"21st:shadcnspace__feature-24","t":"Feature 24","d":"A two-row feature section that pairs images with animated marquee tag pills and an AI chat mockup to highlight product capabilities for different teams.","k":"section","s":"21st","c":"marketing/features","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/feature-24/default/preview.1790090951888-63b11293-3d62-43a4-928a-fc887095eb2e.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__field-02","t":"Field 02","d":"A notification preferences list that pairs a title, description and toggle switch for each setting, separated by dividers, for account or app settings pages.","s":"21st","c":"inputs/form-field","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/field-02/default/preview.1788806845490-25b640ef-ea45-4dab-83e1-036421ef910b.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__field-04","t":"Field 04","d":"A shipping address form fieldset with first/last name, street, city, state, postal code, country select and a save-address checkbox, built on the shadcn Field primitive.","s":"21st","c":"inputs/form-field","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/field-04/default/preview.1788811911432-f056cee4-cc1f-4522-9d5f-859e089f640e.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__file-upload-05","t":"File upload 05","d":"A circular image upload widget that lets users drag-and-drop or browse a photo, then zoom, pan and rotate it before confirming a cropped preview.","s":"21st","c":"inputs/file-upload","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/file-upload-05/default/preview.1788859729668-e2400f48-8eff-4f12-91bf-82274726edee.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__hero-01","t":"Hero 01","d":"A full-width agency landing page hero with an animated headline, CTA button, trust avatars, star rating, a sticky navigation header with mobile sheet menu, and a marquee of client ","k":"section","s":"21st","c":"marketing/hero","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/hero-01/default/preview.1789958881539-9b681f78-fb50-45c3-a98b-0f5ad3be697d.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__input-group-01","t":"Input group 01","d":"A text input with an inline autosave status indicator that shows a spinner while typing and a checkmark once changes are saved.","s":"21st","c":"inputs/form-field","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/input-group-01/default/preview.1788837299907-cccf18b7-ad9e-4d20-8b41-6db316be11a1.png","pc":"shadcnspace","sb":"Input groups"},{"id":"21st:shadcnspace__input-otp-10","t":"Input otp 10","d":"A 6-digit one-time-passcode input with an animated rotating particle-sphere avatar, glowing typing feedback per slot, and a success state shown once the code is complete.","s":"21st","c":"inputs/otp-input","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/input-otp-10/default/preview.1788833985456-2db31489-4494-4e3a-aca6-c5f7c196043f.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__integration-card","t":"Integration card","d":"An animated card that showcases connected app integrations, with pulsing SVG connector lines linking floating tool logos to a central brand mark, plus a title, description and CTA ","k":"section","s":"21st","c":"marketing/logos","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/integration-card/default/preview.1788865665503-e01a11df-16bf-4117-84eb-082156f7125d.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__invite-member-card","t":"Invite member card","s":"21st","c":"data-display/profile","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/invite-member-card/default/preview.1789979439306-052d5ace-a241-4f65-a9d8-00e16d4de172.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__invite-team-card","t":"Invite team card","d":"A card for inviting team members to a workspace by email with role selection, plus a shareable invite link with copy button.","k":"section","s":"21st","c":"marketing/team","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/invite-team-card/default/preview.1789956972783-05a68620-8a9a-4ea8-bc06-670e6e5f154c.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__kbd-01","t":"Kbd 01","d":"Buttons with inline keyboard shortcut hints and a Mac/Windows platform switch.","s":"21st","c":"data-display/typography","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/kbd-01/default/preview.1787122533806-3dfd3422-d596-4ccd-b4c5-c74a2cf0c1bc.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__kbd-04","t":"Kbd 04","d":"A search input that displays a ⌘K / Ctrl+K keyboard shortcut badge in the input's end addon, with a Mac/Windows platform toggle.","s":"21st","c":"data-display/typography","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/kbd-04/default/preview.1787120346756-db2148e0-da5e-4b0f-a2db-9aefb560b9d3.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__marquee-03","t":"Marquee 03","d":"A vertically scrolling, auto-animating column of testimonial cards with pause-on-hover and edge fade masks, ideal for social-proof sections on landing pages.","k":"motion","s":"21st","c":"motion/marquee","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/marquee-03/default/preview.1788816915079-aac56834-74ad-4654-8b7f-27301af6d503.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__number-ticker-06","t":"Number ticker 06","k":"motion","s":"21st","c":"motion/number-ticker","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/number-ticker-06/default/preview.1790133114529-7a453649-64f3-44c8-8f22-3717d6d98b23.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__number-ticker-08","t":"Number ticker 08","d":"An animated counter that renders digits as a retro seven-segment LCD display, useful for odometers, counters, temperature readouts, or instrument-style metrics.","k":"motion","s":"21st","c":"motion/number-ticker","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/number-ticker-08/default/preview.1790133607825-4de97da0-dcfb-4db9-bb06-abb33ff2a371.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__onboarding-checklist-drawer","t":"Onboarding checklist drawer","d":"A right-side drawer panel showing onboarding progress with a progress bar and an interactive, checkable task checklist.","s":"21st","c":"overlays/sheet","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/onboarding-checklist-drawer/default/preview.1788807095791-e023e3e9-ac08-415f-acfd-fcd811a5d28a.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__pagination-01","t":"Pagination 01","d":"A pill-shaped pagination control where the active page indicator smoothly morphs between page numbers as the user navigates.","s":"21st","c":"navigation/pagination","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/pagination-01/default/preview.1789779182569-607ad87e-aa5d-469b-8175-6e246ce5a03e.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__pricing-02","t":"Pricing 02","d":"A three-tier pricing section with a highlighted recommended plan, animated conic-gradient border, feature checklists, and call-to-action buttons for a SaaS pricing page.","k":"section","s":"21st","c":"marketing/pricing","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/pricing-02/default/preview.1789956741454-cf17467a-da0b-466d-a443-d1117d88d818.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__product-tour-popover","t":"Product tour popover","d":"An icon-led, multi-step popover that walks new users through a product's key features with animated transitions, progress dots, and skip/next controls.","s":"21st","c":"overlays/popover","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/product-tour-popover/default/preview.1790133908995-956b17fd-a510-4e86-b0ee-b9375d747a64.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__rating-02","t":"Rating 02","d":"An interactive emoji-based rating picker that lets users rate something from 1 to 5 by clicking animated face emojis.","s":"21st","c":"inputs/rating","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/rating-02/default/preview.1788827585166-413910ab-b09c-4e52-9515-d68b523d9875.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__select-10","t":"Select 10","d":"A pill-shaped hour/minute/AM-PM time picker built from select dropdowns, with flip-digit transitions, a day/night glow ring, and quick daypart presets like sunrise or midnight.","s":"21st","c":"inputs/select","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/select-10/default/preview.1790133759948-64f19ea8-3a48-44d2-a489-de84697e41ae.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__select-11","t":"Select 11","d":"A multi-select dropdown for choosing notification/alert channels that shows the picked options as an animated overlapping icon stack with a spring-counted badge in the trigger.","s":"21st","c":"inputs/select","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/select-11/default/preview.1790122513208-676be6b2-4105-4bd6-9e41-cb4c92f80d5e.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__select-12","t":"Select 12","d":"A dropdown select for choosing a workspace member's role, showing a colored icon badge and descriptive subtext for each option.","s":"21st","c":"inputs/select","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/select-12/default/preview.1790122900965-7785ecfb-9a23-4769-98f9-7cd967e74aa9.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__sheet-01","t":"Sheet 01","d":"A slide-out sheet (drawer) panel that can open from any edge — top, right, bottom, or left — with a header, form fields, and footer actions.","s":"21st","c":"overlays/sheet","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/sheet-01/default/preview.1787142757750-e5a733d6-6eaa-4010-89cd-bb35b7634f24.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__sheet-02","t":"Sheet 02","s":"21st","c":"overlays/sheet","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/sheet-02/default/preview.1787145201971-a06a334d-5351-4638-bb63-941a37b2bb62.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__shine-border-06","t":"Shine border 06","d":"A wrapper that adds a camera-style focus-lock border to any card or panel, using four pulsing glowing corner brackets instead of a continuous shine ring.","k":"motion","s":"21st","c":"motion/border","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/shine-border-06/default/preview.1790133202193-ab524238-42dc-495a-877b-e5fdd3cb03de.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__shine-border-07","t":"Shine border 07","d":"A card wrapper with an animated dashed outline that continuously marches around its edge, like a selection/marquee highlight.","k":"motion","s":"21st","c":"motion/border","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/shine-border-07/default/preview.1790134484394-d87c6e6b-f057-4330-b68c-9f732721dfda.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__slider-03","t":"Slider 03","d":"A temperature control slider with cool, comfortable, and warm zones, color-coded value display, and a hover preview range.","s":"21st","c":"inputs/slider","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/slider-03/default/preview.1787122572703-58c4cadb-80ab-46ac-9dcd-170d031827fd.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__slider-04","t":"Slider 04","d":"A volume slider with a bold rounded track, a thin vertical thumb, and an animated percentage readout for audio and range controls.","s":"21st","c":"inputs/slider","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/slider-04/default/preview.1787120574723-6ae74b86-0b8d-40e5-acfb-012c446a35e8.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__slider-05","t":"Slider 05","d":"An interactive bar-style equalizer slider with a hover dip effect and a smooth animated numeric value tooltip.","s":"21st","c":"inputs/slider","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/slider-05/default/preview.1787123573076-09e1c09a-ad51-4280-a7db-220d0e9f94bb.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__slider-06","t":"Slider 06","d":"A dual-thumb price range filter slider that previews a ghost extension when hovering outside the selected range, with animated number values and thumb scaling.","s":"21st","c":"inputs/slider","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/slider-06/default/preview.1788812402476-6b30a264-9044-412e-b881-e45e64b532d6.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__slider-08","t":"Slider 08","d":"A circular knob slider styled like a volume dial where dragging around the ring sweeps a gradient arc and updates a live numeric value shown in the center.","s":"21st","c":"inputs/slider","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/slider-08/default/preview.1790133107811-562aec4d-323f-4d08-a884-e3cbaf079d5a.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__spinner-10","t":"Spinner 10","d":"An animated circular loading spinner with a liquid wave fill effect and morphing loading text, useful for full-page or section loading states.","s":"21st","c":"status/loader","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/spinner-10/default/preview.1789774899753-6593dfca-de14-4646-92d9-86c75417b9d1.png","pc":"shadcnspace","sb":"Spinners"},{"id":"21st:shadcnspace__stepper-01","t":"Stepper 01","d":"A multi-step form indicator with animated progress line, checkmarks for completed steps, and back/next/reset controls for guiding users through account setup or onboarding flows.","s":"21st","c":"navigation/wizard-steps","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/stepper-01/default/preview.1789986786825-6fc7c015-c74b-4e1a-b38a-085d3cdd6380.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__stepper-02","t":"Stepper 02","d":"A multi-step wizard with numbered circular indicators, chevron connectors, and back/continue navigation for guiding users through setup flows like account details, workspace config","s":"21st","c":"navigation/wizard-steps","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/stepper-02/default/preview.1789987557912-67a0cf5b-0ec1-470f-b979-82879a4f2aa8.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__stepper-03","t":"Stepper 03","d":"A multi-step progress indicator with a spring-animated progress line, a traveling dot, a pulsing active step badge, and icon-to-checkmark morphing for guided workflows like onboard","s":"21st","c":"navigation/wizard-steps","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/stepper-03/default/preview.1789988031503-2964cec8-4bb2-4737-b3a5-6b3490cc0c94.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__stepper-04","t":"Stepper 04","d":"A multi-step form stepper with a spring-animated progress pill that slides across rounded segments, clickable step labels, and animated content transitions between steps.","s":"21st","c":"navigation/wizard-steps","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/stepper-04/default/preview.1789987281137-176cce06-450d-411f-a171-e6eb2e390b48.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__table-01","t":"Table 01","d":"A sortable projects table with row checkboxes, manager avatars, budget, progress bars, and a per-row actions dropdown, ideal for admin dashboards tracking project status.","s":"21st","c":"data-display/table","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/table-01/default/preview.1789785339744-41dae390-2ec5-41ce-a47c-1863b499edfc.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__tabs-03","t":"Tabs 03","d":"A tabbed interface with an icon beside each tab label for switching between account settings sections like details, profile, password, and team.","s":"21st","c":"navigation/tabs","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/tabs-03/default/preview.1787178242003-3ab2c68e-4972-484a-8a53-634279af420f.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__tabs-10","t":"Tabs 10","d":"A pill-style tab switcher for an AI assistant panel that swaps between chat, voice recording, video, and settings views with animated transitions.","s":"21st","c":"navigation/tabs","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/tabs-10/default/preview.1789976238592-1c742133-727d-407f-8ead-58dccb6ac26b.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__team-01","t":"Team 01","k":"section","s":"21st","c":"marketing/team","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/team-01/default/preview.1789988644310-cd8dd42d-d02b-4979-beee-826085faf610.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__team-02","t":"Team 02","k":"section","s":"21st","c":"marketing/team","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/team-02/default/preview.1789989482277-4738d1d7-26eb-4177-b7ba-f7c4dbe30112.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__textarea-08","t":"Textarea 08","d":"A textarea input paired with a label and a right-aligned helper text hint below it.","s":"21st","c":"inputs/textarea","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/textarea-08/default/preview.1787109687316-a599f619-3797-4371-8588-b1a7c1ec6814.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__textarea-09","t":"Textarea 09","d":"A disabled textarea field with a label, showing a non-editable message input in its resting state.","s":"21st","c":"inputs/textarea","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/textarea-09/default/preview.1787105357125-d18c399c-90f5-4ae8-b74f-1f3144305179.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__timeline-01","t":"Timeline 01","d":"A scroll-animated vertical timeline block with alternating left/right content cards, images, and a progress line that fills as the visitor scrolls, used to showcase company milesto","s":"21st","c":"data-display/timeline","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/timeline-01/default/preview.1789958131824-4a153365-d6e6-490b-8f95-e35801d3e73a.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__timeline-02","t":"Timeline 02","d":"A horizontal year-selector timeline that animates in an image, title, and description for the selected milestone, used for showing company history or product evolution.","s":"21st","c":"data-display/timeline","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/timeline-02/default/preview.1789958623127-a9c9cac5-c696-43cb-9e58-eb35bc78ca8e.png","pc":"shadcnspace"},{"id":"21st:shadcnspace__toggle-03","t":"Toggle 03","d":"A Reddit/Product Hunt style upvote toggle button with a bouncing arrow icon and a sliding digit counter animation.","s":"21st","c":"actions/switch","a":"shadcnspace","pl":"https://cdn.21st.dev/shadcnspace/toggle-03/default/preview.1788859051434-f281dce5-ab58-41cc-b8fa-f90a8324bef2.png","pc":"shadcnspace"},{"id":"21st:shadcnstore__app-1","t":"App 1","d":"A dashboard page layout with a collapsible sidebar navigation, stat cards, an area chart, active-project progress bars, and a recent-activity feed.","s":"21st","c":"other","a":"shadcnstore","pl":"https://cdn.21st.dev/shadcnstore/app-1/default/preview.1790007039417-1f4477d8-e891-458c-9a9c-2e6f3409d3d2.png","pc":"shadcnstore"},{"id":"21st:shadcnstore__changelog-4","t":"Changelog 4","d":"A plain release list with a date rail on the left and every line tagged Added, Improved or Fixed, for teams that ship weekly and want a simple product updates page.","k":"section","s":"21st","c":"marketing/marketing","a":"shadcnstore","pl":"https://cdn.21st.dev/shadcnstore/changelog-4/default/preview.1789976382035-caf7a844-b6dd-44a1-8ac2-6a611b40ac50.png","pc":"shadcnstore"},{"id":"21st:shadcnstore__datatable-1","t":"Datatable 1","d":"A user management data table with search, filters, export, pagination, row selection, avatars, role, last-login, two-factor status badges, and per-row action menus.","s":"21st","c":"data-display/table","a":"shadcnstore","pl":"https://cdn.21st.dev/shadcnstore/datatable-1/default/preview.1787188392232-c5657590-0045-42df-a7d8-bd06b19c3a7a.png","pc":"shadcnstore","sb":"Data tables"},{"id":"21st:shadcnstore__logo-cloud-1","t":"Logo cloud 1","d":"A marketing section that displays a row of technology and framework logos to show integrations or supported tools.","k":"section","s":"21st","c":"marketing/logos","a":"shadcnstore","pl":"https://cdn.21st.dev/shadcnstore/logo-cloud-1/default/preview.1789956781758-d0a0bb91-9156-403a-97c7-f4cbe06cb1ce.png","pc":"shadcnstore"},{"id":"21st:shadcnstore__motion-confetti","t":"Motion confetti","d":"A canvas-based confetti burst effect you fire once when an action succeeds, built with no external animation library.","k":"motion","s":"21st","c":"motion/background","a":"shadcnstore","pl":"https://cdn.21st.dev/shadcnstore/motion-confetti/default/preview.1790310098845-7f045c9c-33db-4de4-8671-0f14d87a029d.png","pc":"shadcnstore","sb":"Particles and stars"},{"id":"21st:shadcnstore__product-card-1","t":"Product card 1","d":"A grid of product cards showing an image, title, price with strikethrough original price, and an add-to-cart button, for e-commerce deal listings.","s":"21st","c":"data-display/card","a":"shadcnstore","pl":"https://cdn.21st.dev/shadcnstore/product-card-1/default/preview.1789957008489-db4ceae3-1a18-442c-a278-d7c477264a2c.png","pc":"shadcnstore","sb":"Product"},{"id":"21st:shadcnstore__roadmap-1","t":"Roadmap 1","d":"A three-column Now/Next/Later product roadmap board that shows planned work ordered by priority instead of committed dates.","s":"21st","c":"data-viz/map","a":"shadcnstore","pl":"https://cdn.21st.dev/shadcnstore/roadmap-1/default/preview.1790082488040-ee1a5db9-7fec-4037-b929-0685574a39f4.png","pc":"shadcnstore"},{"id":"21st:shadcnstore__statistic-2","t":"Statistic 2","s":"21st","c":"data-display/stat","a":"shadcnstore","pl":"https://cdn.21st.dev/shadcnstore/statistic-2/default/preview.1790149664041-9c10589b-ebc9-4edf-b246-d13f0e7d8392.png","pc":"shadcnstore"},{"id":"21st:shadcnstore__team-1","t":"Team 1","d":"A responsive grid of team/agent profile cards showing a photo, listing count, spoken languages, and a view-profile button.","k":"section","s":"21st","c":"marketing/team","a":"shadcnstore","pl":"https://cdn.21st.dev/shadcnstore/team-1/default/preview.1789991035519-4e1dd977-7887-4d62-9110-5a395c9ef6dc.png","pc":"shadcnstore"},{"id":"21st:shadcnstore__team-2","t":"Team 2","d":"A four-column team/agent grid that shows each person's photo, name, phone, email and a listed-property count, built for real-estate or agency team pages.","k":"section","s":"21st","c":"marketing/team","a":"shadcnstore","pl":"https://cdn.21st.dev/shadcnstore/team-2/default/preview.1789991447243-20a41961-7939-45b9-8d8d-c2c2caaaae71.png","pc":"shadcnstore"},{"id":"21st:shadcnui-blocks__card-06","t":"Card 06","d":"A social media post card showing a user's avatar, name, and photo with like, comment, and share actions below it.","s":"21st","c":"data-display/card","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/card-06/default/preview.1789820594129-d0918c48-0764-480c-bc9e-bc3e7857932b.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__card-07","t":"Card 07","d":"A compact product/promo card with a brand icon badge, header title, description text, image placeholder, and a call-to-action button.","s":"21st","c":"data-display/card","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/card-07/default/preview.1789819381280-c6e61512-1b3c-4de0-b56a-e9c6bf29559e.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__card-08","t":"Card 08","d":"A compact testimonial card that shows a user's avatar, name, handle and a quoted review, with a decorative quote icon watermark.","s":"21st","c":"data-display/card","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/card-08/default/preview.1789819918207-9c41501c-450a-46ea-9ac2-4945c797a2dd.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__carousel-01","t":"Carousel 01","d":"An image carousel with previous/next navigation buttons for cycling through a gallery of photos.","s":"21st","c":"media/carousel","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/carousel-01/default/preview.1789802254384-94b046db-6077-4518-9bff-c37b8c8cfb68.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__carousel-02","t":"Carousel 02","d":"A carousel that displays multiple image slides at once with previous/next navigation controls.","s":"21st","c":"media/carousel","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/carousel-02/default/preview.1789799053323-41937a78-0aed-44af-96b5-ee4cb3e0f577.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__carousel-03","t":"Carousel 03","d":"A vertically scrolling image carousel with previous/next controls, useful for showcasing photo galleries or feature lists in a compact column.","s":"21st","c":"media/carousel","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/carousel-03/default/preview.1789799999414-65f4d8b4-8f80-43c9-b7ff-5e5e4c3c0c98.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__changelog-01","t":"Changelog 01","d":"A page section that lists product updates chronologically, grouped by version with dates, feature highlights, changes, and fixes.","k":"section","s":"21st","c":"marketing/marketing","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/changelog-01/default/preview.1789976546333-d2d36b20-4aab-44ac-b91b-013cbd1d5228.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__controlled-textarea","t":"Controlled textarea","d":"A controlled textarea whose value is managed by React state, ideal for forms and message inputs.","s":"21st","c":"inputs/textarea","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/controlled-textarea/default/preview.1787254875782-6219ca60-e6fc-4231-bbd7-4d272411dacc.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__cta-06","t":"Cta 06","d":"A call-to-action section with a headline, supporting copy, and two buttons over an animated neuro-noise shader background, for driving signups or highlighting a product's value.","k":"section","s":"21st","c":"marketing/cta","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/cta-06/default/preview.1789778137741-69ef9205-a5a2-4b90-bcc2-573a00dec8ee.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__features-01","t":"Features 01","d":"A responsive grid section that showcases product features with an icon, title, and short description for each item.","k":"section","s":"21st","c":"marketing/features","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/features-01/default/preview.1789956849755-26579c40-f804-4958-a58c-96cefd9ff501.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__footer-01","t":"Footer 01","d":"A page footer with a multi-column navigation link grid, a divider, and a copyright line with logo.","k":"section","s":"21st","c":"marketing/footer","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/footer-01/default/preview.1789960002293-68b92177-34ef-4a98-ad99-fa84162b4c79.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__footer-04","t":"Footer 04","d":"A responsive website footer with logo, navigation links, a newsletter subscribe form, copyright, and social media icons.","k":"section","s":"21st","c":"marketing/footer","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/footer-04/default/preview.1788331739303-b5d48979-9c2a-4c33-9101-b81a80f700fa.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__hero-06","t":"Hero 06","d":"A full-screen hero section with an animated dot-grid and floating-particle canvas background, a badge, headline, subheading, and two call-to-action buttons.","k":"section","s":"21st","c":"marketing/hero","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/hero-06/default/preview.1789797500679-800f80c4-63c0-4c08-8ea8-f829cc4b6270.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__hero-07","t":"Hero 07","d":"A centered hero section with an announcement badge, headline, subtext, two call-to-action buttons, and an animated grid pattern background.","k":"section","s":"21st","c":"marketing/hero","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/hero-07/default/preview.1789797861879-9b598489-ff1e-4e45-888b-dac01adf12f2.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__members-02","t":"Members 02","d":"A team members block with a header bar and a table listing member names, emails, roles and join dates.","k":"section","s":"21st","c":"marketing/team","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/members-02/default/preview.1787190978263-c364a479-9aef-4a11-8037-8b41aa81b2d5.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__members-03","t":"Members 03","d":"A team members section with a header, search and invite actions, and a responsive grid of member avatars with names and roles.","k":"section","s":"21st","c":"marketing/team","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/members-03/default/preview.1787191802423-04a3438b-dd65-49e9-a6c2-916613523e78.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__navbar-02","t":"Navbar 02","d":"A responsive site navbar with a logo, horizontal nav links, sign in/sign up buttons, a theme toggle button, and a mobile sheet menu.","s":"21st","c":"navigation/top-nav","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/navbar-02/default/preview.1789959983399-1989e16b-8e25-41fc-927d-134ec1724f95.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__pagination-01","t":"Pagination 01","d":"A simple numbered pagination control with previous/next arrows and an active page indicator, used to navigate between pages of a list or table.","s":"21st","c":"navigation/pagination","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/pagination-01/default/preview.1789797367860-ee522ddb-9403-4b33-9960-bbac879e62ff.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__pagination-04","t":"Pagination 04","d":"A page navigation component that displays numbered page links as rounded pill-shaped buttons with previous/next controls.","s":"21st","c":"navigation/pagination","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/pagination-04/default/preview.1789800020041-e649599a-4934-48b2-9904-e81832638c8a.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__pagination-11","t":"Pagination 11","d":"A compact pagination control with only previous and next buttons joined in a bordered group, without page numbers.","s":"21st","c":"navigation/pagination","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/pagination-11/default/preview.1787167229869-5d2eb14e-540a-4d0e-8b9d-febdfc0843e9.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__pagination-12","t":"Pagination 12","s":"21st","c":"navigation/pagination","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/pagination-12/default/preview.1787170013867-56acf64a-63c8-48c2-bb22-8730a2988c54.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__pagination-13","t":"Pagination 13","d":"A pagination component that uses an ellipsis to truncate long page ranges while keeping navigation controls visible.","s":"21st","c":"navigation/pagination","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/pagination-13/default/preview.1787170573343-5b32ff6b-eada-4611-89db-16a79105fb0f.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__pagination-14","t":"Pagination 14","d":"A table pagination control with a rows-per-page select, an item range label, and previous/next navigation buttons.","s":"21st","c":"navigation/pagination","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/pagination-14/default/preview.1787170662525-c3b8eb82-a70c-41c1-86dc-132def3bdf6d.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__pagination-icon-label","t":"Pagination icon label","d":"A pagination component with labeled Previous and Next controls using chevron icons.","s":"21st","c":"inputs/form-field","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/pagination-icon-label/default/preview.1787165433651-320d269a-7be5-4b76-8684-e41262f11918.png","pc":"shadcnui-blocks","sb":"Animated fields"},{"id":"21st:shadcnui-blocks__progress-01","t":"Progress 01","d":"A linear progress bar that animates from an initial value to a target value on mount, used to show task or loading completion.","s":"21st","c":"data-viz/progress-bar","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/progress-01/default/preview.1789787518623-37b63888-c8e6-43d9-973c-3ea604b5555b.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__select-07","t":"Select 07","d":"A country select field wired into react-hook-form with zod validation, showing an inline error message when no option is chosen.","s":"21st","c":"inputs/select","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/select-07/default/preview.1789819985802-58ca3570-b05c-40a6-a189-e594ba718e38.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__stats-04","t":"Stats 04","d":"A simple statistics section that displays a heading and a grid of key metrics with bordered cells, useful for showcasing product impact or achievements on a landing page.","s":"21st","c":"data-display/stat","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/stats-04/default/preview.1790049880105-6ae2f026-69e0-48d9-b5ed-9dba62a8f02f.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__stats-05","t":"Stats 05","d":"A three-column statistics block that highlights key metrics with icons, large numbers, and short labels under a headline.","s":"21st","c":"data-display/stat","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/stats-05/default/preview.1790130872559-8e23b1a6-d775-4986-a017-13a8ad5a98bb.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__stats-06","t":"Stats 06","d":"A grid layout of key metrics with icons and a decorative illustration, used to showcase product adoption and impact stats on a landing page.","s":"21st","c":"data-display/stat","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/stats-06/default/preview.1790049881104-772bd77b-e5fb-4e9e-b431-f829b47fbbbe.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__tabs-08","t":"Tabs 08","d":"A bottom-style tab bar with icon-and-label triggers for switching between package manager commands, suited for mobile-first navigation.","s":"21st","c":"navigation/tabs","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/tabs-08/default/preview.1789818940021-ae252aeb-d685-44fe-8d6e-3a81d9aac245.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__timeline-01","t":"Timeline 01","d":"A vertical timeline with dotted markers for listing work experience, milestones, or a career history with dates and tech tags.","s":"21st","c":"data-display/timeline","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/timeline-01/default/preview.1789963489123-0b857269-e65d-4559-b6dd-3614a5bdf22c.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__timeline-02","t":"Timeline 02","d":"A vertical timeline block that lists work experience entries with an icon, company, role, date range, description and technology badges.","s":"21st","c":"data-display/timeline","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/timeline-02/default/preview.1789967984632-1bd8d294-a124-4812-8986-1b445bd9d474.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__timeline-05","t":"Timeline 05","d":"A vertical timeline component that lists sequential process steps with a check icon marking completed stages and numbered circles for pending ones.","s":"21st","c":"data-display/timeline","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/timeline-05/default/preview.1789972934699-4d7c5529-cf3f-4dbc-8164-ccdd84b0c9dc.png","pc":"shadcnui-blocks"},{"id":"21st:shadcnui-blocks__timeline-06","t":"Timeline 06","d":"A vertical timeline that lists version releases with their date, title, and description, ideal for a product changelog page.","s":"21st","c":"data-display/timeline","a":"shadcnui-blocks","pl":"https://cdn.21st.dev/shadcnui-blocks/timeline-06/default/preview.1789970559802-a2ebb46c-2de6-4f2e-b998-9368b629f6b5.png","pc":"shadcnui-blocks"},{"id":"21st:sherpanorland__blue","t":"Blue","d":"Animated WebGL shader background in the Orb style. Generated by the 21st.dev Shader Builder. 4-color palette (#140A00, #FF6D00, #FFC300, #FFF1B8). Features: cursor-reactive (spotli","k":"motion","s":"21st","c":"motion/shader","a":"sherpanorland","pl":"https://cdn.21st.dev/sherpanorland/blue/default/preview.1789762534284-085a23f4-136a-4b4c-bc29-9d1da00d51a0.webp","pc":"sherpanorland","sb":"Orb"},{"id":"21st:shingpahuileng__moto","t":"Moto","d":"Animated (pulse) ASCII art in the Matrix style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, a","k":"motion","s":"21st","c":"motion/ascii","a":"shingpahuileng","pl":"https://cdn.21st.dev/shingpahuileng/moto/default/preview.1791399045699-96e4c723-cd57-4af8-a09f-7a35b83b4dd0.webp","pc":"shingpahuileng","sb":"Matrix"},{"id":"21st:shixuanaa11__orbit-sweep-gradient","t":"Orbit sweep gradient","d":"Pure CSS gradient background in the Orbit Sweep style, made with the 21st.dev Gradient Builder. 5-color palette (#E9EEF5, #8FA3C0, #3B4A66, #8FA3C0, #E9EEF5). Features: vignette. A","k":"motion","s":"21st","c":"motion/gradient","a":"shixuanaa11","pl":"https://cdn.21st.dev/shixuanaa11/orbit-sweep-gradient/default/preview.1788927934637-d784b695-6153-4e1b-9dee-2fe8649a0192.webp","pc":"shixuanaa11","sb":"Orbit Sweep"},{"id":"21st:shobky__charts","t":"Charts","d":"A card that renders line, bar, or pie charts from a static data array, with automatic key detection, per-series colors, number/currency/percent formatting, and built-in loading, em","s":"21st","c":"data-viz/chart","a":"shobky","pl":"https://cdn.21st.dev/shobky/charts/default/preview.1790352827964-84746aa2-2735-49b5-b2da-0b5642dbf577.png","pc":"shobky"},{"id":"21st:shobky__text-editor-card","t":"Text editor card","d":"An editable plain-text or Markdown draft card with inline copy-to-clipboard and download actions, plus loading, streaming, empty, and error states.","s":"21st","c":"inputs/textarea","a":"shobky","pl":"https://cdn.21st.dev/shobky/text-editor-card/default/preview.1790350481366-52dc424b-3d5f-4ba2-a9fe-b81c7f1f80fa.png","pc":"shobky"},{"id":"21st:shoota__article","t":"Article","d":"A themed blog article card that shows a hover-reveal cover image, heading, and body copy for reading-focused pages.","k":"section","s":"21st","c":"marketing/marketing","a":"shoota","pl":"https://cdn.21st.dev/shoota/article/default/preview.1790084922392-29c36913-d392-47a6-bcad-70104a0d2bbc.png","pc":"shoota","sb":"Blog and posts"},{"id":"21st:shotbydanb__green-grade","t":"Green grade","d":"Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#0E2417, #2E6B3E, #78B86B, #DDF0C8). A drop-in, zero-dependency Reac","k":"motion","s":"21st","c":"motion/gradient","a":"shotbydanb","pl":"https://cdn.21st.dev/shotbydanb/green-grade/default/preview.1787352953814-a296170a-e5b0-4daf-a4b5-e4c5a1ceb2fc.webp","pc":"shotbydanb","sb":"Silk Blend"},{"id":"21st:sifan.s.f.zhao__waves-shader","t":"Waves shader","d":"Animated WebGL shader background in the Waves style. Generated by the 21st.dev Shader Builder. 4-color palette (#031C26, #1B6CA8, #5AD2F4, #EAF9FF). A drop-in, zero-dependency Reac","k":"motion","s":"21st","c":"motion/shader","a":"sifan.s.f.zhao","pl":"https://cdn.21st.dev/sifan.s.f.zhao/waves-shader/default/preview.1787301929397-6a104461-ed4f-422a-a7b1-0d75b9df1313.webp","pc":"sifan.s.f.zhao","sb":"Waves"},{"id":"21st:simone.psychk__hero1","t":"Hero1","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#12000A, #E63976, #FF9770, #FFECD1). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"simone.psychk","pl":"https://cdn.21st.dev/simone.psychk/hero1/default/preview.1788471934489-a44cd355-80dc-431f-aa31-f118409085d4.webp","pc":"simone.psychk","sb":"Mesh drift"},{"id":"21st:singhavii1702__waves-shader","t":"Waves shader","d":"Animated WebGL shader background in the Waves style. Generated by the 21st.dev Shader Builder. 4-color palette (#031C26, #1B6CA8, #5AD2F4, #EAF9FF). A drop-in, zero-dependency Reac","k":"motion","s":"21st","c":"motion/shader","a":"singhavii1702","pl":"https://cdn.21st.dev/singhavii1702/waves-shader/default/preview.1789193734491-95fc160a-42df-4f1e-94b0-eece410987b1.webp","pc":"singhavii1702","sb":"Waves"},{"id":"21st:skyleen77__base-collapsible","t":"Base collapsible","d":"An animated collapsible panel that smoothly expands and collapses its content with height and fade transitions when its trigger button is toggled.","s":"21st","c":"data-display/accordion","a":"skyleen77","pl":"https://cdn.21st.dev/skyleen77/base-collapsible/default/preview.1787109068733-ab3b313d-0adc-495f-b313-72b9f1e6180f.png","pc":"skyleen77"},{"id":"21st:skyleen77__components-headless-switch","t":"Components headless switch","d":"An animated toggle switch built on Headless UI's Switch primitive, for turning a single setting on or off with optional start/end/thumb icons.","s":"21st","c":"actions/switch","a":"skyleen77","pl":"https://cdn.21st.dev/skyleen77/components-headless-switch/default/preview.1789989514011-2f9382f3-e133-4ded-b00c-c5155be84003.png","pc":"skyleen77"},{"id":"21st:skyleen77__flip-card","t":"Flip card","d":"A 3D profile card that flips on hover or tap to reveal a bio, stats, and social links.","s":"21st","c":"data-display/card","a":"skyleen77","pl":"https://cdn.21st.dev/skyleen77/flip-card/default/preview.1788469912734-56d7b4a0-8435-4aa9-afd6-c69c11cd5b04.png","pc":"skyleen77"},{"id":"21st:skyleen77__headless-tabs","t":"Headless tabs","d":"Accessible, fully customizable tab interface built on Headless UI with an animated active-tab highlight, focus management and keyboard navigation.","s":"21st","c":"navigation/tabs","a":"skyleen77","pl":"https://cdn.21st.dev/skyleen77/headless-tabs/default/preview.1787138227123-c79b21b7-ccf3-46d0-a005-6c0f6b41d6df.png","pc":"skyleen77"},{"id":"21st:skyleen77__primitives-headless-dialog","t":"Primitives headless dialog","d":"A renderless, fully-managed dialog primitive with built-in accessibility and keyboard support and animated flip transitions, for building completely custom dialogs and alerts.","s":"21st","c":"overlays/dialog","a":"skyleen77","pl":"https://cdn.21st.dev/skyleen77/primitives-headless-dialog/default/preview.1787088993305-4eaaeeaf-8aec-4428-bfb4-473e3d4218ba.png","pc":"skyleen77"},{"id":"21st:skyleen77__radix-collapsible","t":"Radix collapsible","d":"An interactive panel that smoothly expands and collapses its content with a spring-like height and fade animation, built on Radix Collapsible and Motion.","s":"21st","c":"data-display/accordion","a":"skyleen77","pl":"https://cdn.21st.dev/skyleen77/radix-collapsible/default/preview.1787110712075-76b9de4b-c55a-4acc-b45e-ffe7ab42d6ea.png","pc":"skyleen77"},{"id":"21st:slide-cn__timeline","t":"Timeline","d":"A horizontal or vertical timeline for displaying ordered events, process steps, milestones, or roadmaps, with optional custom markers and alternating layout.","s":"21st","c":"data-display/timeline","a":"slide-cn","pl":"https://cdn.21st.dev/slide-cn/timeline/default/preview.1789960564301-88a04004-296e-44ca-a688-c1b292e04ad3.png","pc":"slide-cn"},{"id":"21st:sltowl__matte-alert-feedback","t":"Matte alert feedback","s":"21st","c":"overlays/alert-banner","a":"sltowl","pl":"https://cdn.21st.dev/sltowl/matte-alert-feedback/default/preview.1791171305003-5b3750d4-9626-4d2b-a57b-81529598e719.png","pc":"sltowl"},{"id":"21st:sltowl__matte-commands-menu","t":"Matte commands menu","d":"A command-palette style dropdown that expands below its trigger button with a search field for filtering a list of quick actions, ported from the original Matte UI command-menu HTM","s":"21st","c":"navigation/menu","a":"sltowl","pl":"https://cdn.21st.dev/sltowl/matte-commands-menu/default/preview.1791170747859-bbb607a4-6094-4cd0-8b68-1a69c5849686.png","pc":"sltowl"},{"id":"21st:sltowl__matte-corner-checkbox","t":"Matte corner checkbox","d":"A checkbox styled with open corner brackets instead of a solid box, drawn as an animated outline that tightens around the tick when checked, for selectable list items or settings r","s":"21st","c":"inputs/checkbox","a":"sltowl","pl":"https://cdn.21st.dev/sltowl/matte-corner-checkbox/default/preview.1791157370835-da901422-6143-47a0-96db-b9f765e46b8f.png","pc":"sltowl"},{"id":"21st:sltowl__matte-hours-slider","t":"Matte hours slider","s":"21st","c":"inputs/slider","a":"sltowl","pl":"https://cdn.21st.dev/sltowl/matte-hours-slider/default/preview.1791170683166-12267e04-3a53-436f-8ade-3e55998bae21.png","pc":"sltowl"},{"id":"21st:sltowl__matte-meter-slider","t":"Matte meter slider","d":"A vertical pill-shaped range slider styled as a level meter, with a label, live percent readout, and 0/100 endpoint markers.","s":"21st","c":"inputs/slider","a":"sltowl","pl":"https://cdn.21st.dev/sltowl/matte-meter-slider/default/preview.1791170621171-80ae3910-88d3-4dec-a2f7-294995b260f6.png","pc":"sltowl"},{"id":"21st:sltowl__matte-opacity-slider","t":"Matte opacity slider","d":"A dark, matte-styled opacity slider with a checkerboard preview swatch that updates live as you drag, built on a native range input for accessibility.","s":"21st","c":"inputs/slider","a":"sltowl","pl":"https://cdn.21st.dev/sltowl/matte-opacity-slider/default/preview.1791170642581-3fdb2b44-e6ff-4588-9d86-0d0e3a96a6c0.png","pc":"sltowl"},{"id":"21st:sltowl__matte-scrub-slider","t":"Matte scrub slider","d":"An audio/video-style scrub slider with a waveform background, a draggable playhead and a play/pause button that animates playback position over time.","s":"21st","c":"inputs/slider","a":"sltowl","pl":"https://cdn.21st.dev/sltowl/matte-scrub-slider/default/preview.1791168625845-1f648f53-1ccb-4d9e-979a-7217cc078db0.png","pc":"sltowl"},{"id":"21st:sltowl__matte-sound-toggle","t":"Matte sound toggle","d":"A dark, matte-styled checkbox switch for toggling interface sounds on/off, with an animated speaker icon that morphs between sound waves and a muted state and a live status label. ","k":"resource","s":"21st","c":"assets/sound","a":"sltowl","pl":"https://cdn.21st.dev/sltowl/matte-sound-toggle/default/preview.1791123276924-365a100d-4591-41e6-a0f5-a4f4dae67abc.png","pc":"sltowl","sb":"UI clicks"},{"id":"21st:sltowl__matte-stack-feedback","t":"Matte stack feedback","s":"21st","c":"data-display/timeline","a":"sltowl","pl":"https://cdn.21st.dev/sltowl/matte-stack-feedback/default/preview.1791171283183-a2ac3c71-b8fa-4f45-ac7b-947dc0678157.png","pc":"sltowl"},{"id":"21st:sltowl__matte-undo-feedback","t":"Matte undo feedback","s":"21st","c":"data-display/timeline","a":"sltowl","pl":"https://cdn.21st.dev/sltowl/matte-undo-feedback/default/preview.1791170890595-1e6440d1-1024-4798-8f2a-a5b9130c8a8c.png","pc":"sltowl"},{"id":"21st:smammar__anti-metal-button","t":"Anti metal button","d":"A sleek, dark-themed CTA button featuring a cascading dot-wave animation and a colorful accent slab that smoothly expands on hover.","s":"21st","c":"actions/button","a":"smammar","pl":"https://cdn.21st.dev/smammar100/anti-metal-button/default/preview.1779857028697.png","pc":"smammar"},{"id":"21st:smammar__music-player-widget","t":"Music player widget","d":"A sleek modern music player with an audio-reactive dot-grid visualizer, spinning disc, smooth cover/track crossfades, and a Web Audio API beat-sync oscillator. Zero external animat","s":"21st","c":"media/player","a":"smammar","pl":"https://cdn.21st.dev/smammar100/music-player-widget/default/preview.1779025299241.png","pc":"smammar"},{"id":"21st:smammar__perspective-highlight","t":"Perspective highlight","d":"A 3D card that tilts toward your cursor. As it rotates, highlighted text rises forward, creating a layered depth effect. Includes three color variants for highlights, full dark mod","k":"motion","s":"21st","c":"motion/tilt-3d","a":"smammar","pl":"https://cdn.21st.dev/smammar100/perspective-highlight/default/preview.1779692133680.png","pc":"smammar"},{"id":"21st:smammar__pixel-logo-grid","t":"Pixel logo grid","k":"section","s":"21st","c":"marketing/logos","a":"smammar","pl":"https://cdn.21st.dev/smammar100/pixel-logo-grid/default/preview.1779388114946.png","pc":"smammar"},{"id":"21st:smammar__scroll-reel-testimonials","t":"Scroll reel testimonials","d":"Testimonial carousel with a counter-rotating portrait reel and per-character rising text, the middle column scrolls one way while the outer columns slide the opposite direction.","k":"section","s":"21st","c":"marketing/testimonials","a":"smammar","pl":"https://cdn.21st.dev/smammar100/scroll-reel-testimonials/default/preview.1780849871560.png","pc":"smammar"},{"id":"21st:snapcn.dev__block-wordmark","t":"Block wordmark","d":"A Remotion logo-sting animation that builds a wordmark out of solid colour blocks — a square scales in, a coloured deck of cards fans out and winds back, the stack splits into one ","s":"21st","c":"motion/text-effect","a":"snapcn.dev","pl":"https://cdn.21st.dev/snapcn.dev/block-wordmark/default/preview.1790370911241-b2bee8e0-0501-4c3f-8af7-6d884d370891.png","pc":"snapcn.dev"},{"id":"21st:snapcn.dev__hero-launch","t":"Hero launch","d":"A cinematic animated hero scene for Remotion video compositions where two product image or video cards slide into formation while a headline reveals above, used to open SaaS produc","k":"section","s":"21st","c":"marketing/hero","a":"snapcn.dev","pl":"https://cdn.21st.dev/snapcn.dev/hero-launch/default/preview.1790518008501-28e6c1f3-eecf-4320-91c4-9159a6b2a0d2.png","pc":"snapcn.dev"},{"id":"21st:snapcn.dev__reel-collage","t":"Reel collage","d":"A Remotion video scene that cuts through a quick photo reel between two captions, zooms and shuts like a closing eyelid, then splits the caption lines apart as a scattered photo co","s":"21st","c":"other","a":"snapcn.dev","pl":"https://cdn.21st.dev/snapcn.dev/reel-collage/default/preview.1790518008929-f6bff9c3-a296-42b3-998d-72a1097e5613.png","pc":"snapcn.dev"},{"id":"21st:socolled__ai-input-hero","t":"Ai input hero","s":"21st","c":"ai-agent/ai-agent","a":"socolled","pl":"https://cdn.21st.dev/aghasisahakyan1/ai-input-hero/default/preview.1759262464978.png","pc":"socolled"},{"id":"21st:socolled__animate-navigation","t":"Animate navigation","d":"Animated navigation component using motion ","s":"21st","c":"other","a":"socolled","pl":"https://cdn.21st.dev/aghasisahakyan1/animate-navigation/default/preview.1756604833438.png","pc":"socolled"},{"id":"21st:socolled__animated-section","t":"Animated section","d":"A section displaying technology integrations, featuring descriptive text, a call-to-action button with an arrow hover animation, and automatically scrolling cards presented in diff","s":"21st","c":"layout/page-shell","a":"socolled","pl":"https://cdn.21st.dev/nubmaster4568/animated-section/default/preview.png","pc":"socolled"},{"id":"21st:socolled__animated-tags","t":"Animated tags","d":"Component that displays tags with an animation when they are added or removed from the list of selected tags","s":"21st","c":"data-display/badge","a":"socolled","pl":"https://cdn.21st.dev/aghasisahakyan1/animated-tags/default/preview.1756606301451.png","pc":"socolled","sb":"Animated"},{"id":"21st:socolled__arrow-cta","t":"Arrow cta","d":"Arrow CTA with animation","k":"section","s":"21st","c":"marketing/cta","a":"socolled","pl":"https://cdn.21st.dev/aghasisahakyan1/arrow-cta/default/preview.1756844582696.png","pc":"socolled"},{"id":"21st:socolled__auth-form","t":"Auth form","d":"Auth Form Retro","s":"21st","c":"flows/sign-in","a":"socolled","pl":"https://cdn.21st.dev/aghasisahakyan1/auth-form/default/preview.1756792496454.png","pc":"socolled","sb":"Sign in"},{"id":"21st:socolled__box-carousel","t":"Box carousel","d":"Box Carousel","s":"21st","c":"media/carousel","a":"socolled","pl":"https://cdn.21st.dev/aghasisahakyan1/box-carousel/default/preview.1756604490045.png","pc":"socolled"},{"id":"21st:socolled__complete-crypto-wallet-integration","t":"Complete crypto wallet integration","d":"Completely functioning crypto wallet integration for any provider","k":"section","s":"21st","c":"marketing/logos","a":"socolled","pl":"https://cdn.21st.dev/aghasisahakyan1/complete-crypto-wallet-integration/default/preview.1756936141262.png","pc":"socolled"},{"id":"21st:socolled__dasdafdfsdfd","t":"Dasdafdfsdfd","s":"21st","c":"other","a":"socolled","pl":"https://cdn.21st.dev/aghasisahakyan1/dasdafdfsdfd/default/preview.1758229142133.png","pc":"socolled"},{"id":"21st:socolled__gradient-background-6","t":"Gradient background 6","d":"Gradient Background 6","k":"motion","s":"21st","c":"motion/background","a":"socolled","pl":"https://cdn.21st.dev/aghasisahakyan1/gradient-background-6/default/preview.1756603707332.png","pc":"socolled","sb":"Gradients and aurora"},{"id":"21st:socolled__hero-section-with-responsive-navigation","t":"Hero section with responsive navigation","d":"A modern, responsive hero section featuring a toggleable mobile navigation, prominent headline, CTA buttons, and illustration. Built with Tailwind CSS and React. Ideal for marketin","k":"section","s":"21st","c":"marketing/hero","a":"socolled","pl":"https://cdn.21st.dev/aghasisahakyan1/hero-section-with-responsive-navigation/default/preview.1751380293328.png","pc":"socolled"},{"id":"21st:socolled__interactive-feature-section-1","t":"Interactive feature section 1","d":"Component that creates a full-screen, scroll-controlled section for showcasing features, featuring a dynamic background gradient effect and visual progress indicators.","k":"section","s":"21st","c":"marketing/features","a":"socolled","pl":"https://cdn.21st.dev/aghasisahakyan1/interactive-feature-section-1/default/preview.1757739810827.png","pc":"socolled"},{"id":"21st:socolled__login-2","t":"Login 2","d":"Simple login form using shadcn components","s":"21st","c":"flows/sign-in","a":"socolled","pl":"https://cdn.21st.dev/aghasisahakyan1/login-2/default/preview.1752833256028.png","pc":"socolled","sb":"Sign in"},{"id":"21st:socolled__login-form","t":"Login form","d":"Simple login/auth form using shadcn compoenents","s":"21st","c":"flows/sign-in","a":"socolled","pl":"https://cdn.21st.dev/aghasisahakyan1/login-form/default/preview.1752833455920.png","pc":"socolled","sb":"Sign in"},{"id":"21st:socolled__r3f-blob","t":"R3f blob","d":"Animated Blob Using React Three Fiber","k":"resource","s":"21st","c":"assets/shape","a":"socolled","pl":"https://cdn.21st.dev/aghasisahakyan1/r3f-blob/default/preview.1752835333919.png","pc":"socolled"},{"id":"21st:socolled__star-on-github","t":"Star on github","d":"Star On Github Button","s":"21st","c":"inputs/rating","a":"socolled","pl":"https://cdn.21st.dev/aghasisahakyan1/star-on-github/default/preview.1756604046414.png","pc":"socolled"},{"id":"21st:solaceui__hero-section-6","t":"Hero section 6","d":"A full-screen hero section with a navbar, animated blur-in headline and CTA buttons, and a desktop dashboard screenshot overlaid with an iPhone device mockup.","k":"section","s":"21st","c":"marketing/hero","a":"solaceui","pl":"https://cdn.21st.dev/solaceui/hero-section-6/default/preview.1786715483114-691b2224-351e-4849-9e3b-baaecba3d05d.png","pc":"solaceui"},{"id":"21st:soralabs__base-alert-dialog","t":"Base alert dialog","d":"A confirmation alert dialog for destructive or irreversible actions, built on Base UI with a 3D perspective blur entrance/exit animation, optional media icon slot, and a compact si","s":"21st","c":"overlays/dialog","a":"soralabs","pl":"https://cdn.21st.dev/soralabs/base-alert-dialog/default/preview.1788831567366-b9b72590-3da5-4217-9c8c-503c9e8ad15c.png","pc":"soralabs","sb":"Confirm"},{"id":"21st:soralabs__cursor-bubble","t":"Cursor bubble","d":"A floating label that follows the cursor and elastic-pops into view when hovering over interactive links, buttons, or logos.","s":"21st","c":"ai-agent/ai-agent","a":"soralabs","pl":"https://cdn.21st.dev/soralabs/cursor-bubble/default/preview.1790278441865-bb575c29-299b-4fcc-b9a2-979179dc2f75.png","pc":"soralabs","sb":"Chat"},{"id":"21st:soralabs__dual-wipe-reveal","t":"Dual wipe reveal","d":"A text reveal effect that sweeps two colored curtain blocks away to unveil a heading or line of text as it scrolls into view.","s":"21st","c":"motion/text-effect","a":"soralabs","pl":"https://cdn.21st.dev/soralabs/dual-wipe-reveal/default/preview.1789973617251-4c8aaaff-a9a5-4da6-b0b4-dc1dff19aa18.png","pc":"soralabs","sb":"Reveal and entrance"},{"id":"21st:soralabs__number-flow","t":"Number flow","d":"An animated number display that rolls each digit like an odometer when its value changes, useful for counters, prices, and countdown timers.","k":"motion","s":"21st","c":"motion/number-ticker","a":"soralabs","pl":"https://cdn.21st.dev/soralabs/number-flow/default/preview.1789956914989-34a92182-c2eb-4b2a-b2bd-245193b27207.png","pc":"soralabs"},{"id":"21st:soralabs__scroll-gallery","t":"Scroll gallery","d":"A full-viewport sticky scroll slider that pins to the screen and wipes between full-bleed images with an animated title swap as the user scrolls.","s":"21st","c":"media/gallery","a":"soralabs","pl":"https://cdn.21st.dev/soralabs/scroll-gallery/default/preview.1790162374176-bc4edd43-c372-45c7-9934-96a850aa66d7.png","pc":"soralabs","sb":"Scroll"},{"id":"21st:soralabs__text-scramble","t":"Text scramble","d":"A text component that scrambles and decodes its characters into place on mount, retrigger, or hover, for a hacker-style reveal effect.","s":"21st","c":"motion/text-effect","a":"soralabs","pl":"https://cdn.21st.dev/soralabs/text-scramble/default/preview.1788812995521-1f204e1b-fec1-44f6-83a6-8cdb1b21631f.png","pc":"soralabs","sb":"Scramble and glitch"},{"id":"21st:soralabs__typer","t":"Typer","d":"A text component that reveals a string character-by-character, with each glyph flickering through randomized filled-pill, accent, and outline states before settling into plain text","s":"21st","c":"motion/text-effect","a":"soralabs","pl":"https://cdn.21st.dev/soralabs/typer/default/preview.1790165385961-ac319470-0f67-45da-aa17-0224163da8bd.png","pc":"soralabs"},{"id":"21st:ssychui__ascii-turntable","t":"Ascii turntable","k":"motion","s":"21st","c":"motion/ascii","a":"ssychui","pl":"https://cdn.21st.dev/ssicevs/ascii-turntable/default/preview.1789301422907-d38cdbb9-15a7-422f-9750-5dec2e6ece47.png","pc":"ssychui"},{"id":"21st:ssychui__balance-chart","t":"Balance chart","s":"21st","c":"data-viz/chart","a":"ssychui","pl":"https://cdn.21st.dev/ssychui/balance-chart/default/preview.1790200726473-898e3af0-284f-4199-9e33-ba54a1cdc339.png","pc":"ssychui"},{"id":"21st:ssychui__candle-chart","t":"Candle chart","s":"21st","c":"data-viz/chart","a":"ssychui","pl":"https://cdn.21st.dev/ssicevs/candle-chart/default/preview.1786799129057-2dfd925e-ac6c-4736-96ea-91d0cd5b0f86.png","pc":"ssychui","sb":"Financial"},{"id":"21st:ssychui__dot-grid-lines","t":"Dot grid lines","d":"Animated WebGL shader background in the Dot Grid style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#07","k":"motion","s":"21st","c":"motion/shader","a":"ssychui","pl":"https://cdn.21st.dev/ssicevs/dot-grid-lines/default/preview.1787827557978-08c6e04b-d9d9-4d0a-a78b-78a605508c7c.webp","pc":"ssychui","sb":"Dot Grid"},{"id":"21st:ssychui__heat-calendar","t":"Heat calendar","s":"21st","c":"data-display/calendar","a":"ssychui","pl":"https://cdn.21st.dev/ssychui/heat-calendar/default/preview.1790199531633-df5cdcfb-7266-481a-8aef-19d719b85b4a.png","pc":"ssychui"},{"id":"21st:ssychui__historical-eps","t":"Historical eps","s":"21st","c":"other","a":"ssychui","pl":"https://cdn.21st.dev/ssychui/historical-eps/default/preview.1790199616646-cd629d9c-b9fa-4248-bdf9-4504e82a91ea.png","pc":"ssychui"},{"id":"21st:ssychui__macos-dock","t":"Macos dock","s":"21st","c":"navigation/dock","a":"ssychui","pl":"https://cdn.21st.dev/ssicevs/macos-dock/default/preview.1785457445258-01c6a310-5f80-4a0b-a9c6-da8ffc53accd.png","pc":"ssychui"},{"id":"21st:ssychui__market-heatmap","t":"Market heatmap","s":"21st","c":"data-viz/chart","a":"ssychui","pl":"https://cdn.21st.dev/ssychui/market-heatmap/default/preview.1790199939865-d6064d38-196a-447a-8201-927a81e67d81.png","pc":"ssychui","sb":"Heatmap"},{"id":"21st:ssychui__market-snapshot","t":"Market snapshot","s":"21st","c":"other","a":"ssychui","pl":"https://cdn.21st.dev/ssicevs/market-snapshot/default/preview.1785373224226-c52e6327-4799-426e-b730-8137b02560b0.png","pc":"ssychui"},{"id":"21st:ssychui__market-watchlist","t":"Market watchlist","d":"Sortable market watchlist: per-row sparkline trend, sort by symbol or change with direction toggle, and row selection marked by an accent rail. Light and dark via theme tokens.","s":"21st","c":"data-display/list","a":"ssychui","pl":"https://cdn.21st.dev/ssicevs/market-watchlist/default/preview.1785373558052-497985ac-b94a-4f8f-875a-e1ebd87e8236.png","pc":"ssychui"},{"id":"21st:ssychui__news-card","t":"News card","k":"section","s":"21st","c":"marketing/marketing","a":"ssychui","pl":"https://cdn.21st.dev/ssicevs/news-card/default/preview.1785373099020-3b138892-2365-4ef6-a0ac-084d5587d995.png","pc":"ssychui","sb":"Blog and posts"},{"id":"21st:ssychui__onboarding-checklist","t":"Onboarding checklist","s":"21st","c":"inputs/checkbox","a":"ssychui","pl":"https://cdn.21st.dev/ssychui/onboarding-checklist/default/preview.1790200014895-b2b43c7d-9545-461b-80d1-bea9bd76694b.png","pc":"ssychui"},{"id":"21st:ssychui__preferences-card","t":"Preferences card","k":"layout","s":"21st","c":"flows/settings","a":"ssychui","pl":"https://cdn.21st.dev/ssychui/preferences-card/default/preview.1790200096672-84e84d5e-1e3e-46f0-857a-8f3772921599.png","pc":"ssychui"},{"id":"21st:ssychui__price-target-fan","t":"Price target fan","s":"21st","c":"other","a":"ssychui","pl":"https://cdn.21st.dev/ssicevs/price-target-fan/default/preview.1785373490302-4d6cd27e-e758-4fa7-9b35-10d9f3ac62a3.png","pc":"ssychui"},{"id":"21st:ssychui__project-index","t":"Project index","s":"21st","c":"other","a":"ssychui","pl":"https://cdn.21st.dev/ssychui/project-index/default/preview.1790200189577-962a5d47-21c1-4867-a051-9257d332e052.png","pc":"ssychui"},{"id":"21st:ssychui__range-navigator","t":"Range navigator","s":"21st","c":"inputs/slider","a":"ssychui","pl":"https://cdn.21st.dev/ssicevs/range-navigator/default/preview.1785623851724-a51364bc-b446-4382-8a41-aed3ee69e152.png","pc":"ssychui"},{"id":"21st:ssychui__returns-calendar","t":"Returns calendar","s":"21st","c":"data-display/calendar","a":"ssychui","pl":"https://cdn.21st.dev/ssicevs/returns-calendar/default/preview.1785458954492-d50f46f9-2962-46df-99f8-80618403ec7b.png","pc":"ssychui"},{"id":"21st:ssychui__rocks","t":"Rocks","d":"Animated (flicker) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, ca","k":"motion","s":"21st","c":"motion/ascii","a":"ssychui","pl":"https://cdn.21st.dev/ssicevs/rocks/default/preview.1786540850992-86bbb673-4ea8-4fa6-b302-b8955d5de903.webp","pc":"ssychui","sb":"Characters"},{"id":"21st:ssychui__sectors-donut","t":"Sectors donut","s":"21st","c":"data-viz/chart","a":"ssychui","pl":"https://cdn.21st.dev/ssicevs/sectors-donut/default/preview.1785373035102-15addf45-7790-499e-a6bd-645034707807.png","pc":"ssychui","sb":"Pie, donut and radial"},{"id":"21st:ssychui__sma-chart","t":"Sma chart","s":"21st","c":"data-viz/chart","a":"ssychui","pl":"https://cdn.21st.dev/ssicevs/sma-chart/default/preview.1785373427807-809b724f-2d1e-4119-af2c-48f7b9e2d2b5.png","pc":"ssychui"},{"id":"21st:ssychui__swap-ticket","t":"Swap ticket","s":"21st","c":"other","a":"ssychui","pl":"https://cdn.21st.dev/ssicevs/swap-ticket/default/preview.1789301328101-5616304c-1546-4b06-8814-ef81c7aa085f.png","pc":"ssychui"},{"id":"21st:ssychui__trade-journal-table","t":"Trade journal table","s":"21st","c":"data-display/table","a":"ssychui","pl":"https://cdn.21st.dev/ssicevs/trade-journal-table/default/preview.1789301509980-c2781562-a147-4605-ad46-622d133f2a30.png","pc":"ssychui"},{"id":"21st:starc007__action-swap-cascade","t":"Action swap cascade","d":"Animated button whose label swaps letter-by-letter — the old text's characters roll away as the new ones drop in, left to right — ideal for copy/copied and other stateful action to","s":"21st","c":"other","a":"starc007","pl":"https://cdn.21st.dev/saurabh10102/action-swap-cascade/default/preview.1787263561277-ea59f820-1818-46a3-8a68-95cf9543054d.png","pc":"starc007"},{"id":"21st:starc007__agent-activity","t":"Agent activity","d":"An adaptive activity stream that shows an AI agent's reasoning, tool calls, web searches, or execution steps as a collapsible, animated timeline.","s":"21st","c":"ai-agent/ai-agent","a":"starc007","pl":"https://cdn.21st.dev/starc007/agent-activity/default/preview.1790063812973-6253e0e8-fb55-4566-b8bb-9db64165aacd.png","pc":"starc007"},{"id":"21st:starc007__agent-progress","t":"Agent progress","d":"A compact status indicator that shows an animated activity glyph, an action label, and a live elapsed timer for a long-running AI agent task.","s":"21st","c":"ai-agent/ai-agent","a":"starc007","pl":"https://cdn.21st.dev/starc007/agent-progress/default/preview.1790064238750-519cbb70-dfca-4222-a73d-4dbf5b20dbcb.png","pc":"starc007"},{"id":"21st:starc007__animated-sidebar","t":"Animated sidebar","d":"A composable application sidebar with collapsible nested navigation that morphs into an icon rail on desktop and slides in as a focus-managed sheet on mobile.","s":"21st","c":"navigation/sidebar","a":"starc007","pl":"https://cdn.21st.dev/starc007/animated-sidebar/default/preview.1790065868192-e608260d-b9c7-49c1-94e7-1915131dba73.png","pc":"starc007"},{"id":"21st:starc007__be-ui-404-not-found","t":"Be ui 404 not found","k":"page","s":"21st","c":"pages/templates","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-404-not-found/default/preview.1782487811497.png","pc":"starc007","sb":"Error and status pages"},{"id":"21st:starc007__be-ui-action-swap","t":"Be ui action swap","s":"21st","c":"other","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-action-swap/default/preview.1782311612620.png","pc":"starc007"},{"id":"21st:starc007__be-ui-animated-badge","t":"Be ui animated badge","s":"21st","c":"data-display/badge","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-animated-badge/default/preview.1782310441222.png","pc":"starc007","sb":"Animated"},{"id":"21st:starc007__be-ui-bouncy-accordion","t":"Be ui bouncy accordion","s":"21st","c":"data-display/accordion","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-bouncy-accordion/default/preview.1782316083609.png","pc":"starc007"},{"id":"21st:starc007__be-ui-button","t":"Be ui button","s":"21st","c":"actions/button","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-button/default/preview.1782386568751.png","pc":"starc007"},{"id":"21st:starc007__be-ui-command-palette","t":"Be ui command palette","s":"21st","c":"navigation/command-palette","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-command-palette/default/preview.1782489250585.png","pc":"starc007"},{"id":"21st:starc007__be-ui-create-menu","t":"Be ui create menu","s":"21st","c":"navigation/menu","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-create-menu/default/preview.1782487254402.png","pc":"starc007"},{"id":"21st:starc007__be-ui-drawer","t":"Be ui drawer","s":"21st","c":"overlays/sheet","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-drawer/default/preview.1782325086339.png","pc":"starc007"},{"id":"21st:starc007__be-ui-dynamic-island","t":"Be ui dynamic island","s":"21st","c":"other","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-dynamic-island/default/preview.1782488922489.png","pc":"starc007"},{"id":"21st:starc007__be-ui-expanable-action-bar","t":"Be ui expanable action bar","s":"21st","c":"data-viz/chart","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-expanable-action-bar/default/preview.1782388276316.png","pc":"starc007","sb":"Bar"},{"id":"21st:starc007__be-ui-expandable-tabs","t":"Be ui expandable tabs","s":"21st","c":"navigation/tabs","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-expandable-tabs/default/preview.1782390392203.png","pc":"starc007"},{"id":"21st:starc007__be-ui-file-upload","t":"Be ui file upload","s":"21st","c":"inputs/file-upload","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-file-upload/default/preview.1782392967903.png","pc":"starc007"},{"id":"21st:starc007__be-ui-marquee","t":"Be ui marquee","k":"motion","s":"21st","c":"motion/marquee","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-marquee/default/preview.1782387001993.png","pc":"starc007"},{"id":"21st:starc007__be-ui-morphing-modal","t":"Be ui morphing modal","s":"21st","c":"overlays/dialog","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-morphing-modal/default/preview.1782304683540.png","pc":"starc007","sb":"Animated"},{"id":"21st:starc007__be-ui-multi-chain-swap","t":"Be ui multi chain swap","s":"21st","c":"other","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-multi-chain-swap/default/preview.1782488379673.png","pc":"starc007"},{"id":"21st:starc007__be-ui-number-animation","t":"Be ui number animation","k":"motion","s":"21st","c":"motion/number-ticker","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-number-animation/default/preview.1782305987436.png","pc":"starc007"},{"id":"21st:starc007__be-ui-otp-input","t":"Be ui otp input","d":"This is OTP Input component","s":"21st","c":"inputs/otp-input","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-otp-input/default/preview.1782397481606.png","pc":"starc007"},{"id":"21st:starc007__be-ui-prediction-market","t":"Be ui prediction market","s":"21st","c":"other","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-prediction-market/default/preview.1782396827088.png","pc":"starc007"},{"id":"21st:starc007__be-ui-range-slider","t":"Be ui range slider","s":"21st","c":"inputs/slider","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-range-slider/default/preview.1782327040624.png","pc":"starc007"},{"id":"21st:starc007__be-ui-swipeable-list","t":"Be ui swipeable list","s":"21st","c":"data-display/list","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-swipeable-list/default/preview.1782391961161.png","pc":"starc007"},{"id":"21st:starc007__be-ui-text-animation","t":"Be ui text animation","s":"21st","c":"motion/text-effect","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-text-animation/default/preview.1782305407228.png","pc":"starc007"},{"id":"21st:starc007__be-ui-theme-toggle","t":"Be ui theme toggle","s":"21st","c":"actions/switch","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-theme-toggle/default/preview.1782313016934.png","pc":"starc007","sb":"Theme toggles"},{"id":"21st:starc007__be-ui-tilt-card","t":"Be ui tilt card","s":"21st","c":"data-display/card","a":"starc007","pl":"https://cdn.21st.dev/larsen66/be-ui-tilt-card/default/preview.1782386219096.png","pc":"starc007","sb":"Animated and glowing"},{"id":"21st:starc007__beui-bottom-sheet","t":"Beui bottom sheet","s":"21st","c":"overlays/sheet","a":"starc007","pl":"https://cdn.21st.dev/larsen66/beui-bottom-sheet/default/preview.1782299659191.png","pc":"starc007"},{"id":"21st:starc007__beui-checkbox","t":"Beui checkbox","s":"21st","c":"inputs/checkbox","a":"starc007","pl":"https://cdn.21st.dev/larsen66/beui-checkbox/default/preview.1782227927012.png","pc":"starc007"},{"id":"21st:starc007__beui-dock","t":"Beui dock","s":"21st","c":"navigation/dock","a":"starc007","pl":"https://cdn.21st.dev/larsen66/beui-dock/default/preview.1782301447228.png","pc":"starc007"},{"id":"21st:starc007__beui-radio-group","t":"Beui radio group","s":"21st","c":"inputs/radio","a":"starc007","pl":"https://cdn.21st.dev/larsen66/beui-radio-group/default/preview.1782228400581.png","pc":"starc007"},{"id":"21st:starc007__beui-switch","t":"Beui switch","d":"This is Switch component.","s":"21st","c":"actions/switch","a":"starc007","pl":"https://cdn.21st.dev/larsen66/beui-switch/default/preview.1782312069174.png","pc":"starc007"},{"id":"21st:starc007__beui-tabs","t":"Beui tabs","s":"21st","c":"navigation/tabs","a":"starc007","pl":"https://cdn.21st.dev/larsen66/beui-tabs/default/preview.1782227132657.png","pc":"starc007"},{"id":"21st:starc007__beui-tooltip","t":"Beui tooltip","s":"21st","c":"overlays/tooltip","a":"starc007","pl":"https://cdn.21st.dev/larsen66/beui-tooltip/default/preview.1782303986093.png","pc":"starc007"},{"id":"21st:starc007__button-metallic","t":"Button metallic","d":"An animated button with a chrome-like metallic rim and a traveling light reflection on hover, for CTAs that want a premium metal surface look.","s":"21st","c":"actions/button","a":"starc007","pl":"https://cdn.21st.dev/starc007/button-metallic/default/preview.1790061908560-57aff3bd-44b1-49e0-8739-e41e3e46f4ac.png","pc":"starc007"},{"id":"21st:starc007__center-morph-modal","t":"Center morph modal","d":"A composable modal dialog whose panel unfolds outward from its exact center to full size and folds back the same way when closed, with focus trapping and an inset close button.","s":"21st","c":"overlays/dialog","a":"starc007","pl":"https://cdn.21st.dev/starc007/center-morph-modal/default/preview.1790068487946-cc9bd2e3-534f-49c4-8c73-a47534ec8863.png","pc":"starc007","sb":"Animated"},{"id":"21st:starc007__cylinder-carousel","t":"Cylinder carousel","d":"A drag, scroll or arrow-key carousel whose items line the inside (or outside) of a cylinder, receding toward the center and growing toward the edges with a springy glide and snap.","s":"21st","c":"media/carousel","a":"starc007","pl":"https://cdn.21st.dev/starc007/cylinder-carousel/default/preview.1790309024237-eca3c746-bc9a-4b7e-a1e7-ad172bcf3051.png","pc":"starc007"},{"id":"21st:starc007__dock","t":"Dock","s":"21st","c":"navigation/dock","a":"starc007","pl":"https://cdn.21st.dev/larsen66/dock/default/preview.1782303132629.png","pc":"starc007"},{"id":"21st:starc007__expanding-arrow-button","t":"Expanding arrow button","d":"An accent call-to-action button whose lime tile expands into a trail of dotted arrows on hover or keyboard focus.","s":"21st","c":"actions/button","a":"starc007","pl":"https://cdn.21st.dev/starc007/expanding-arrow-button/default/preview.1790061845811-23b1926f-d08e-4235-bd7d-7c692f090389.png","pc":"starc007"},{"id":"21st:starc007__heat-calendar","t":"Heat calendar","d":"A GitHub-style activity calendar that visualizes weekly intensity values as a single-hue grid, with a legend, hover/click tooltips, and range selection with totals.","s":"21st","c":"data-display/calendar","a":"starc007","pl":"https://cdn.21st.dev/starc007/heat-calendar/default/preview.1790068964815-6f3cd946-9e5c-48f9-8f6c-82f7e8b01743.png","pc":"starc007"},{"id":"21st:starc007__hold-action-button","t":"Hold action button","d":"A press-and-hold button that fills with a liquid animation to confirm a destructive or important action, cancelling if released early.","s":"21st","c":"actions/button","a":"starc007","pl":"https://cdn.21st.dev/starc007/hold-action-button/default/preview.1790072016359-0bc49861-dcaa-4faa-ae0c-d9525b4b7e30.png","pc":"starc007","sb":"Loading and states"},{"id":"21st:starc007__loader","t":"Loader","d":"Animated loading indicator with seventeen variants including spinner, dots, bars, dot-matrix, morph, comet, metaballs, newton, helix, percent and terminal-style ascii spinners, sca","s":"21st","c":"status/loader","a":"starc007","pl":"https://cdn.21st.dev/saurabh10102/loader/default/preview.1784690972437-9f278e21-7f13-4c43-8f26-f1fc6a01c318.png","pc":"starc007"},{"id":"21st:starc007__morphing-search","t":"Morphing search","d":"A search input that morphs into a glass results panel with filtering, keyboard arrow navigation, and a keyboard shortcut to open it, usable as a full field or a compact icon trigge","s":"21st","c":"inputs/search","a":"starc007","pl":"https://cdn.21st.dev/starc007/morphing-search/default/preview.1790276930257-b3c2d542-3c18-4c2f-b567-a290abd54418.png","pc":"starc007"},{"id":"21st:starc007__multi-select","t":"Multi select","d":"A searchable multi-select dropdown with removable animated chips for choosing several options from a list.","s":"21st","c":"inputs/select","a":"starc007","pl":"https://cdn.21st.dev/saurabh10102/multi-select/default/preview.1788848961001-70fd9b16-b38e-4818-913f-c431102b8b07.png","pc":"starc007"},{"id":"21st:starc007__notification-stack","t":"Notification stack","d":"A compact stack of notification cards that peeks as a summary badge and springs open into a readable list on hover, focus or tap.","s":"21st","c":"overlays/notifications","a":"starc007","pl":"https://cdn.21st.dev/starc007/notification-stack/default/preview.1790064511438-eef9129a-1a29-4e13-90f7-38154aa0e4c1.png","pc":"starc007"},{"id":"21st:starc007__reasoning-text","t":"Reasoning text","s":"21st","c":"ai-agent/ai-agent","a":"starc007","pl":"https://cdn.21st.dev/starc007/reasoning-text/default/preview.1790301161337-a20f75d0-922e-49a2-89ed-545a935e9f14.png","pc":"starc007","sb":"Reasoning and tools"},{"id":"21st:starc007__scroll-animation","t":"Scroll animation","k":"layout","s":"21st","c":"layout/scroll-area","a":"starc007","pl":"https://cdn.21st.dev/larsen66/scroll-animation/default/preview.1782322923211.png","pc":"starc007"},{"id":"21st:starc007__select-morph","t":"Select morph","d":"A dropdown select whose trigger morphs into its options panel using a shared layout animation, so the closed control and open menu feel like one continuous surface instead of a det","k":"motion","s":"21st","c":"motion/text-effect","a":"starc007","pl":"https://cdn.21st.dev/starc007/select-morph/default/preview.1790066324554-57de0183-19f0-442e-a4ed-d9ff08ed744a.png","pc":"starc007","sb":"Rotating words"},{"id":"21st:starc007__shader-background","t":"Shader background","d":"A full-screen canvas shader background component with switchable variants like mesh gradient, grain, warp, waves and voronoi, driven by a single typed variant prop.","s":"21st","c":"motion/background","a":"starc007","pl":"https://cdn.21st.dev/starc007/shader-background/default/preview.1790072406364-1356496d-69de-4296-ae3c-8085fa9dc7b6.png","pc":"starc007","sb":"Shaders and WebGL"},{"id":"21st:starc007__slide-action-button","t":"Slide action button","d":"A draggable slider button that requires the user to drag its thumb to the end to confirm an action, springing back if released too early.","s":"21st","c":"actions/button","a":"starc007","pl":"https://cdn.21st.dev/starc007/slide-action-button/default/preview.1790062712033-44b53f0f-209c-4e7a-8178-e2a6c9f7d3d8.png","pc":"starc007"},{"id":"21st:starc007__streaming-response","t":"Streaming response","d":"A response surface for AI chat that shows streaming or completed text with copy, retry, and feedback actions plus an expandable list of sources.","s":"21st","c":"ai-agent/ai-agent","a":"starc007","pl":"https://cdn.21st.dev/starc007/streaming-response/default/preview.1789993990084-0c3112f8-9613-43d9-910a-e9c215919da7.png","pc":"starc007"},{"id":"21st:starc007__table-editable","t":"Table editable","d":"A virtualized data table for editing cells inline and inserting or deleting rows and columns via border handles, with sortable headers, row selection, and column resize/reorder.","s":"21st","c":"data-display/table","a":"starc007","pl":"https://cdn.21st.dev/starc007/table-editable/default/preview.1790063401674-fbaccc01-fa07-4e09-bada-28bc1082fca0.png","pc":"starc007","sb":"Editable"},{"id":"21st:starc007__todo-list","t":"Todo list","d":"A collapsible task checklist for AI agent UIs that animates status marks (pending, in progress, completed, cancelled) and shows a live completion count.","s":"21st","c":"data-display/list","a":"starc007","pl":"https://cdn.21st.dev/starc007/todo-list/default/preview.1789975536718-8b7aa567-6a0d-46f9-a5bf-b22c7fa5a7d6.png","pc":"starc007","sb":"Tasks and to-dos"},{"id":"21st:starc007__tool-approval","t":"Tool approval","d":"A human-in-the-loop permission card that shows an AI agent's requested tool call and lets a user allow once, always allow, or deny before it runs.","s":"21st","c":"other","a":"starc007","pl":"https://cdn.21st.dev/saurabh10102/tool-approval/default/preview.1788818675565-86e9b21e-3394-401f-aa6f-1762bb16bc81.png","pc":"starc007"},{"id":"21st:su2491251__apple-text-reveal","t":"Apple text reveal","d":"A looping vertical text-swap loading indicator inspired by Apple's animated loading text.","s":"21st","c":"motion/text-effect","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/apple-text-reveal/default/preview.1789977515998-e1c2d360-2933-4e5d-beaa-04c0ced9120a.png","pc":"su2491251","sb":"Reveal and entrance"},{"id":"21st:su2491251__bar-sweep","t":"Bar sweep","d":"A small pill-shaped loading indicator with a dot that sweeps back and forth inside a rounded track.","s":"21st","c":"data-viz/chart","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/bar-sweep/default/preview.1789976362839-90429b71-f33c-4e15-ac0d-76ba8f218be3.png","pc":"su2491251","sb":"Bar"},{"id":"21st:su2491251__bounce-dots","t":"Bounce dots","d":"A three-dot loading indicator where each dot bounces up and down in a staggered sequence, used to show a background process is running.","s":"21st","c":"motion/background","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/bounce-dots/default/preview.1789985877522-2bf2a40c-f68a-46e3-886d-9bca8f4b1889.png","pc":"su2491251","sb":"Grids and patterns"},{"id":"21st:su2491251__bouncing-dots","t":"Bouncing dots","d":"A three-dot loading indicator where each dot bounces up and down in sequence, used to show background activity or content loading.","s":"21st","c":"motion/background","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/bouncing-dots/default/preview.1789985831064-a9390eb4-65be-4c16-820a-9f5f2a10a905.png","pc":"su2491251","sb":"Grids and patterns"},{"id":"21st:su2491251__bouncing-lines","t":"Bouncing lines","d":"A loading spinner made of three horizontal bars that stretch and shrink in a staggered wave, used to indicate content is loading.","k":"motion","s":"21st","c":"motion/background","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/bouncing-lines/default/preview.1789985870342-dcbafef9-78bf-4b1c-ad61-9e946867b2cc.png","pc":"su2491251","sb":"Beams and light"},{"id":"21st:su2491251__bouncing-square","t":"Bouncing square","d":"A small bouncing square loading indicator that squashes and stretches as it hops, for showing inline loading or busy states.","s":"21st","c":"other","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/bouncing-square/default/preview.1789985849480-da4d49dd-2ba6-4ecf-babc-e2946f22dc3c.png","pc":"su2491251"},{"id":"21st:su2491251__breathe-ring","t":"Breathe ring","d":"A pulsating circular ring loading spinner that breathes by animating its scale and border thickness in a continuous loop.","s":"21st","c":"other","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/breathe-ring/default/preview.1789974296551-50ccd6ba-41d7-4755-95b0-13d5a35be21a.png","pc":"su2491251"},{"id":"21st:su2491251__card-carousel","t":"Card carousel","d":"An arc-based 3D image carousel with animated dot indicators and prev/next controls that fan cards out on hover.","s":"21st","c":"media/carousel","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/card-carousel/default/preview.1790323913609-6536cadb-ac3b-48a5-9847-6d6c063476a3.png","pc":"su2491251"},{"id":"21st:su2491251__circular-bars","t":"Circular bars","d":"An animated circular loading spinner made of eight pulsing bars arranged in a ring, used to indicate loading or processing state.","s":"21st","c":"data-viz/chart","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/circular-bars/default/preview.1789976327937-1b2fab23-a14d-4a51-8707-5cf3941a7ad5.png","pc":"su2491251","sb":"Bar"},{"id":"21st:su2491251__concentric-ring","t":"Concentric ring","d":"A rotating concentric-circles loading spinner made of three nested rings spinning at different speeds and directions.","s":"21st","c":"other","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/concentric-ring/default/preview.1789974072311-e5b0d7fe-90ad-48fa-b28b-47dc97b9e995.png","pc":"su2491251"},{"id":"21st:su2491251__conveyor-loop","t":"Conveyor loop","d":"A small pill-shaped loading indicator with dots scrolling continuously like a conveyor belt, used to show a background or inline loading state.","s":"21st","c":"other","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/conveyor-loop/default/preview.1789985838627-e73dce90-c240-4a4a-9bdf-79d0535aa3f4.png","pc":"su2491251"},{"id":"21st:su2491251__cross-spinner","t":"Cross spinner","d":"A small rotating plus-shaped loading spinner used to indicate content is loading.","s":"21st","c":"status/loader","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/cross-spinner/default/preview.1789973013770-4e5e6909-d0dd-4e55-afca-67a84e1a8753.png","pc":"su2491251","sb":"Spinners"},{"id":"21st:su2491251__cursor-trail","t":"Cursor trail","d":"A custom animated cursor that leaves a shrinking trail of particle dots following the pointer.","k":"motion","s":"21st","c":"motion/cursor","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/cursor-trail/default/preview.1789982640054-0095f867-b1af-4344-835d-3452b0463408.png","pc":"su2491251"},{"id":"21st:su2491251__dash-ring","t":"Dash ring","d":"A small rotating dashed circular spinner used to indicate loading state in a UI.","s":"21st","c":"other","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/dash-ring/default/preview.1789974090019-9ea8586d-16f5-401b-9d13-93f9f6806d2f.png","pc":"su2491251"},{"id":"21st:su2491251__dashed-spiral","t":"Dashed spiral","d":"A small circular loading spinner with a dashed border that rotates and pulses, used to indicate content is loading.","s":"21st","c":"other","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/dashed-spiral/default/preview.1789974902267-7a3628ea-0eaf-4bfe-a4a6-697c543fa445.png","pc":"su2491251"},{"id":"21st:su2491251__dither-donut-chart","t":"Dither donut chart","d":"An animated donut/pie chart rendered on canvas with a pixelated 1-bit dither shading effect, spring-based morphing between values, and hoverable segments — useful for showing plan/","s":"21st","c":"data-viz/chart","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/dither-donut-chart/default/preview.1790305716135-0db732e8-c3a0-416f-af0f-d5537102b8b5.png","pc":"su2491251","sb":"Pie, donut and radial"},{"id":"21st:su2491251__dither-growth-chart","t":"Dither growth chart","d":"A canvas-rendered member growth line chart with a retro pixel-dither fill, animated total counter, selectable date ranges, and a pointer-driven scrubber tooltip.","s":"21st","c":"data-viz/chart","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/dither-growth-chart/default/preview.1790305926659-a3d4c37f-08f3-47ec-8a4d-c2e05fa9e16c.png","pc":"su2491251"},{"id":"21st:su2491251__dots-ring","t":"Dots ring","d":"A circular loading spinner made of eight pulsing dots arranged in a ring, used to indicate content is loading.","k":"motion","s":"21st","c":"motion/background","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/dots-ring/default/preview.1789985798597-1d9ee89d-51c9-4411-ab23-9e75212223ae.png","pc":"su2491251","sb":"Grids and patterns"},{"id":"21st:su2491251__dual-arc","t":"Dual arc","d":"A small rotating dual-arc spinner used to indicate loading state on buttons or pages.","s":"21st","c":"other","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/dual-arc/default/preview.1789971418619-9a1efbdd-1b47-4d21-9f11-ac2f16dad704.png","pc":"su2491251"},{"id":"21st:su2491251__dynamic-island","t":"Dynamic island","d":"An animated pill-shaped loading indicator styled like the iPhone Dynamic Island, with a pulsing status dot and a waveform of animated bars.","s":"21st","c":"other","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/dynamic-island/default/preview.1789982671227-dd305794-565e-4aff-8d8c-586e638f544d.png","pc":"su2491251"},{"id":"21st:su2491251__intersecting-rings","t":"Intersecting rings","d":"A 3D loading spinner made of two rotating rings that intersect in perspective, used as a loading/progress indicator.","s":"21st","c":"other","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/intersecting-rings/default/preview.1790322235518-f13c69ce-83c5-4a34-a7f8-33e34f6e2d4f.png","pc":"su2491251"},{"id":"21st:su2491251__magnetic-dots","t":"Magnetic dots","d":"A small loading indicator of two dots that stretch and merge like liquid using an SVG gooey filter and framer-motion animation.","k":"motion","s":"21st","c":"motion/background","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/magnetic-dots/default/preview.1789985781865-ba36b166-f7d7-4dc1-8210-fc74fab7a787.png","pc":"su2491251","sb":"Grids and patterns"},{"id":"21st:su2491251__orbiting-circles-loader","t":"Orbiting circles loader","d":"A small spinning loader with two dots orbiting in opposite directions around a central dot, used to indicate loading state.","s":"21st","c":"status/loader","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/orbiting-circles-loader/default/preview.1789985761578-c45c1277-09a4-48f2-a20a-9c6924f2223b.png","pc":"su2491251","sb":"Spinners"},{"id":"21st:su2491251__page-transition","t":"Page transition","d":"A fullscreen animated overlay for transitioning between pages or views, with multiple stair, wave, and fade style transition effects.","s":"21st","c":"other","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/page-transition/default/preview.1790057294734-944d23c2-2028-43d5-a30d-d0ef977463f3.png","pc":"su2491251"},{"id":"21st:su2491251__progress-indicator","t":"Progress indicator","d":"A thin horizontal bar fixed to the top of the page that fills up as the user scrolls down, showing reading/scroll progress.","s":"21st","c":"data-viz/progress-bar","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/progress-indicator/default/preview.1789982852264-a1508bba-f796-4ccd-aeb8-23ed21d1a7ea.png","pc":"su2491251"},{"id":"21st:su2491251__pulse","t":"Pulse","d":"A pulsing radar-style loading indicator with a solid center dot and two expanding rings, used to signal loading or activity states.","s":"21st","c":"status/status-dot","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/pulse/default/preview.1789985814198-87ffa7a8-8a4c-4454-b975-b7fbf2fb4314.png","pc":"su2491251"},{"id":"21st:su2491251__spring-dot-matrix","t":"Spring dot matrix","d":"A 3x3 grid of dots that pulse in a staggered wave pattern, used as a loading/progress indicator.","s":"21st","c":"other","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/spring-dot-matrix/default/preview.1789971445609-de9e628e-2be6-4c96-9723-2c88072cad3c.png","pc":"su2491251"},{"id":"21st:su2491251__spring-text-pop","t":"Spring text pop","d":"An animated loading indicator that pops each letter of a text string up and down in a springy, staggered sequence.","s":"21st","c":"motion/text-effect","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/spring-text-pop/default/preview.1789977532684-b3010785-e4dc-4d56-aef4-f46201d8ab8e.png","pc":"su2491251","sb":"Bouncy and wavy"},{"id":"21st:su2491251__square-grid","t":"Square grid","d":"A small 2x2 grid of squares that pulse in a staggered scale/opacity animation, used as a loading indicator.","s":"21st","c":"layout/page-shell","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/square-grid/default/preview.1789974039803-4c7a2da3-5418-4d7d-a6e9-c5d4a2eabf9b.png","pc":"su2491251"},{"id":"21st:su2491251__square-snake","t":"Square snake","d":"A 3x3 grid loading spinner where squares pulse in sequence like a snake, used to indicate a loading or processing state.","s":"21st","c":"other","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/square-snake/default/preview.1789974054726-4f433ea0-4fce-4298-97b4-f3a978036bd6.png","pc":"su2491251"},{"id":"21st:su2491251__square-spinner","t":"Square spinner","d":"A small rotating square loading spinner with an inner dot, used to indicate a loading or processing state.","s":"21st","c":"status/loader","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/square-spinner/default/preview.1789978099085-b7ef0044-cacf-422c-a678-c4f7ad6a504e.png","pc":"su2491251","sb":"Spinners"},{"id":"21st:su2491251__stacked-bar-pulse","t":"Stacked bar pulse","d":"A small three-bar stacked loading indicator that pulses opacity and width in sequence to signal a background process is running.","s":"21st","c":"data-viz/chart","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/stacked-bar-pulse/default/preview.1789981923826-7f4a7763-3aa6-4d02-81f9-c35b3a7c75e9.png","pc":"su2491251","sb":"Bar"},{"id":"21st:su2491251__symmetric-wave","t":"Symmetric wave","d":"An animated loading indicator showing a row of bars pulsing in a symmetric wave pattern, used to indicate content is loading.","k":"motion","s":"21st","c":"motion/background","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/symmetric-wave/default/preview.1789974058657-081c56f9-7e1b-48f4-8d95-b372c1f3d1ec.png","pc":"su2491251","sb":"Waves and warps"},{"id":"21st:su2491251__text-dots","t":"Text dots","s":"21st","c":"motion/text-effect","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/text-dots/default/preview.1789974085368-bdcb19bd-07b3-4b1d-a849-6f0aa4c3bf96.png","pc":"su2491251"},{"id":"21st:su2491251__triple-dot-spinner","t":"Triple dot spinner","d":"A small rotating loading spinner made of three dots arranged in a circle, used to indicate a loading or pending state.","s":"21st","c":"status/loader","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/triple-dot-spinner/default/preview.1789974057344-fb0d1670-2f1d-4dee-8e66-9c48da350ada.png","pc":"su2491251","sb":"Dots and pulse"},{"id":"21st:su2491251__twin-orbit","t":"Twin orbit","d":"A small dual-ring spinning loading animation made of two counter-rotating circular borders, used to indicate a loading or processing state.","s":"21st","c":"ai-agent","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/twin-orbit/default/preview.1789974080887-76621578-73e6-4531-be68-2e58f9f56cf7.png","pc":"su2491251"},{"id":"21st:su2491251__wave-dots","t":"Wave dots","d":"A row of five dots that bounce up and down in a staggered wave pattern, used as a lightweight loading indicator.","k":"motion","s":"21st","c":"motion/background","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/wave-dots/default/preview.1790058324970-cf9e7b52-a006-4edf-907f-a56f722b33ff.png","pc":"su2491251","sb":"Grids and patterns"},{"id":"21st:su2491251__waveform-loader","t":"Waveform loader","d":"An animated bar-based loading indicator that mimics an audio waveform pulsing up and down.","s":"21st","c":"status/loader","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/waveform-loader/default/preview.1790056633544-1fdcef0e-ee19-40ca-b506-2ceec47e8f6a.png","pc":"su2491251","sb":"Liquid and 3D"},{"id":"21st:su2491251__zoom-in","t":"Zoom in","d":"A wrapper component that animates its children in with a combined scale-up and blur-to-focus transition, useful for revealing hero content, cards, or images on mount.","s":"21st","c":"media/gallery","a":"su2491251","pl":"https://cdn.21st.dev/su2491251/zoom-in/default/preview.1789974832987-746bbf37-09d4-4bb7-b2e2-bc3d34088595.png","pc":"su2491251","sb":"Zoom and lens"},{"id":"21st:supabase__oauth-consent-react","t":"Oauth consent react","d":"A consent screen card that shows an OAuth client requesting access to a user's account, with the requested scopes, redirect URI and signed-in account, plus allow/deny actions.","k":"layout","s":"21st","c":"flows/sign-in","a":"supabase","pl":"https://cdn.21st.dev/supabase/oauth-consent-react/default/preview.1790147476909-f79236f2-d6b1-493c-b902-961cd564c100.png","pc":"supabase","sb":"Social"},{"id":"21st:syeddhasnainn__agent-status","t":"Agent status","d":"A compact task summary with the current activity and an optional task tray.","s":"21st","c":"ai-agent/ai-agent","a":"syeddhasnainn","pl":"https://cdn.21st.dev/syeddhasnainn/agent-status/default/preview.1791397355857-b69750b2-c9c7-4e8f-b5f4-a4dbc58743ba.png","pc":"syeddhasnainn"},{"id":"21st:syeddhasnainn__approval-card","t":"Approval card","d":"A human-in-the-loop decision surface for questions, review steps, and consequential actions.","s":"21st","c":"data-display/card","a":"syeddhasnainn","pl":"https://cdn.21st.dev/syeddhasnainn/approval-card/default/preview.1791397417206-70e4d80c-b150-46db-8920-5ccb82496a69.png","pc":"syeddhasnainn"},{"id":"21st:syeddhasnainn__attachments","t":"Attachments","d":"File and image attachments with progress, failure recovery, metadata, and removal actions.","s":"21st","c":"inputs/file-upload","a":"syeddhasnainn","pl":"https://cdn.21st.dev/syeddhasnainn/attachments/default/preview.1791397474582-e4c64c7c-c61d-4f86-b29e-3813bd7f452c.png","pc":"syeddhasnainn"},{"id":"21st:syeddhasnainn__audio-player","t":"Audio player","d":"A controlled playback surface for speech, generated audio, and recorded tool output.","s":"21st","c":"media/player","a":"syeddhasnainn","pl":"https://cdn.21st.dev/syeddhasnainn/audio-player/default/preview.1791400037065-31b22d74-1f86-4324-b071-a7ac32f01313.png","pc":"syeddhasnainn"},{"id":"21st:syeddhasnainn__background-inbox","t":"Background inbox","d":"Work still running elsewhere and completed results waiting to be collected.","s":"21st","c":"overlays/notifications","a":"syeddhasnainn","pl":"https://cdn.21st.dev/syeddhasnainn/background-inbox/default/preview.1791397532151-9f463268-38b3-4024-9fb0-84025a35ed55.png","pc":"syeddhasnainn"},{"id":"21st:syeddhasnainn__citations","t":"Citations","d":"A compact source summary that expands into grounded references with useful context.","s":"21st","c":"ai-agent/ai-agent","a":"syeddhasnainn","pl":"https://cdn.21st.dev/syeddhasnainn/citations/default/preview.1791405145850-30d6ad82-06d7-4224-873e-4bf3a19562e4.png","pc":"syeddhasnainn","sb":"Sources"},{"id":"21st:syeddhasnainn__code-block","t":"Code block","d":"A muted code surface with line numbers, focused rows, filename metadata, and copy feedback.","s":"21st","c":"data-display/code-block","a":"syeddhasnainn","pl":"https://cdn.21st.dev/syeddhasnainn/code-block/default/preview.1791397643478-475b2490-88a8-4f95-86f7-226fbb11f5cc.png","pc":"syeddhasnainn"},{"id":"21st:syeddhasnainn__color-picker","t":"Color picker","d":"A Tailwind palette picker with search, hex and opacity inputs, and optional linear, radial, and conic gradients with draggable stops.","s":"21st","c":"inputs/color-picker","a":"syeddhasnainn","pl":"https://cdn.21st.dev/syeddhasnainn/color-picker/default/preview.1791404948414-759ee3b1-f8db-4d88-a6eb-721e79cdd9f5.png","pc":"syeddhasnainn"},{"id":"21st:syeddhasnainn__commit","t":"Commit","d":"An expandable changed-file summary with folder groups, line counts, and a diff action.","s":"21st","c":"other","a":"syeddhasnainn","pl":"https://cdn.21st.dev/syeddhasnainn/commit/default/preview.1791397700305-227b47ba-4730-4cbd-afb8-d06c0fc265ee.png","pc":"syeddhasnainn"},{"id":"21st:syeddhasnainn__cost-meter","t":"Cost meter","d":"AI run cost split by model or task and compared against an optional session budget.","s":"21st","c":"data-viz/gauge","a":"syeddhasnainn","pl":"https://cdn.21st.dev/syedhasnainmurtaza/cost-meter/default/preview.1791387738657-b3b873bd-786f-44bc-81f6-fe93c79f75e1.png","pc":"syeddhasnainn"},{"id":"21st:syeddhasnainn__environment-variables","t":"Environment variables","d":"A secret-aware configuration surface with masked values and explicit reveal or copy actions.","s":"21st","c":"other","a":"syeddhasnainn","pl":"https://cdn.21st.dev/syeddhasnainn/environment-variables/default/preview.1791404631710-60950ed7-9b2f-4084-a7fa-30d1bf8ff1a0.png","pc":"syeddhasnainn"},{"id":"21st:syeddhasnainn__image-generation-loader","t":"Image generation loader","d":"A streaming image surface with live progress, a playable Snake diversion, and an in-place completed result.","s":"21st","c":"status/loader","a":"syeddhasnainn","pl":"https://cdn.21st.dev/syeddhasnainn/image-generation-loader/default/preview.1791500099130-970e12d0-9d03-41b9-a8cc-91e8f6c74979.jpg","pc":"syeddhasnainn"},{"id":"21st:syeddhasnainn__inline-citation","t":"Inline citation","d":"A numbered reference inside prose with an inspectable source preview.","s":"21st","c":"ai-agent/ai-agent","a":"syeddhasnainn","pl":"https://cdn.21st.dev/syeddhasnainn/inline-citation/default/preview.1791400925934-3f6614d3-7246-4fb5-b893-f3a77515e9b1.png","pc":"syeddhasnainn","sb":"Sources"},{"id":"21st:syeddhasnainn__message-queue","t":"Message queue","d":"Pending user turns that remain visible, removable, and immediately sendable while an agent is busy.","s":"21st","c":"ai-agent/ai-agent","a":"syeddhasnainn","pl":"https://cdn.21st.dev/syeddhasnainn/message-queue/default/preview.1791400744580-eacb4103-9492-4775-b85e-f86d3d126ad4.png","pc":"syeddhasnainn","sb":"Chat"},{"id":"21st:syeddhasnainn__message-scroller","t":"Message scroller","d":"A compact conversation minimap that navigates user turns while keeping the full thread visible.","s":"21st","c":"ai-agent/ai-agent","a":"syeddhasnainn","pl":"https://cdn.21st.dev/syeddhasnainn/message-scroller/default/preview.1791400799417-8795b2f4-7dea-4bc2-90b7-9bfee879329e.png","pc":"syeddhasnainn","sb":"Chat"},{"id":"21st:syeddhasnainn__model-picker","t":"Model picker","d":"Compact AI model menu with descriptions, plan badges, effort controls and additional models.","s":"21st","c":"ai-agent/ai-agent","a":"syeddhasnainn","pl":"https://cdn.21st.dev/syeddhasnainn/model-picker/default/preview.1791405358852-dc1f1c46-9548-4624-a1eb-fd2666dc3688.png","pc":"syeddhasnainn"},{"id":"21st:syeddhasnainn__permission-grant","t":"Permission grant","d":"A capability-level consent surface that explains reach and duration before access is granted.","s":"21st","c":"other","a":"syeddhasnainn","pl":"https://cdn.21st.dev/syeddhasnainn/permission-grant/default/preview.1791400859213-9bc03efd-1fdc-4a5a-a902-84eb606af1af.png","pc":"syeddhasnainn"},{"id":"21st:syeddhasnainn__quota-banner","t":"Quota banner","d":"Usage remaining, reset timing, and an upgrade path without hiding the limit.","s":"21st","c":"overlays/alert-banner","a":"syeddhasnainn","pl":"https://cdn.21st.dev/syeddhasnainn/quota-banner/default/preview.1791401156872-47283c0f-79a4-41f0-aac9-cbc0334de3fa.png","pc":"syeddhasnainn"},{"id":"21st:syeddhasnainn__reasoning-effort","t":"Reasoning effort","d":"A compact dropdown for choosing how much reasoning power a response should use.","s":"21st","c":"ai-agent/ai-agent","a":"syeddhasnainn","pl":"https://cdn.21st.dev/syeddhasnainn/reasoning-effort/default/preview.1791404697307-20e7dedf-e0e6-451d-af7f-64919cee228f.png","pc":"syeddhasnainn","sb":"Reasoning and tools"},{"id":"21st:syeddhasnainn__tool-error","t":"Tool error","d":"A recoverable connection failure with a clear explanation and compact recovery actions.","s":"21st","c":"other","a":"syeddhasnainn","pl":"https://cdn.21st.dev/syeddhasnainn/tool-error/default/preview.1791402698108-ac8309fc-716e-4523-bc68-9ebadcb867b6.png","pc":"syeddhasnainn"},{"id":"21st:tailwind-admin__animate-table-motion","t":"Animate table motion","d":"A data table with staggered row reveal animations, user avatars, and colored category badges built with Framer Motion.","s":"21st","c":"data-display/table","a":"tailwind-admin","pl":"https://cdn.21st.dev/tailwind-admin/animate-table-motion/default/preview.1787189178226-2e0b3738-b1fb-4cc9-8dc6-39bf37a14e4c.png","pc":"tailwind-admin"},{"id":"21st:tailwind-admin__task-list","t":"Task list","d":"A checklist card that shows tasks with checkboxes, due-date badges, and assignee avatars for a dashboard overview.","s":"21st","c":"data-display/list","a":"tailwind-admin","pl":"https://cdn.21st.dev/tailwind-admin/task-list/default/preview.1789801820699-68e9e130-8756-4272-8271-639337a91887.png","pc":"tailwind-admin","sb":"Tasks and to-dos"},{"id":"21st:tatarlordor__night-shift","t":"Night shift","d":"Animated (shimmer) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, ca","k":"motion","s":"21st","c":"motion/ascii","a":"tatarlordor","pl":"https://cdn.21st.dev/tatarlordor/night-shift/default/preview.1789411846064-8424c1ee-5f2d-461e-889d-f47c0d01d4ee.png","pc":"tatarlordor","sb":"Characters"},{"id":"21st:te9nielweb__mounir","t":"Mounir","d":"Pure CSS gradient background in the Axis Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#08243B, #12507A, #2E8FA6, #7DD0C0). Features: soft blur finish. A d","k":"motion","s":"21st","c":"motion/gradient","a":"te9nielweb","pl":"https://cdn.21st.dev/te9nielweb/mounir/default/preview.1790288736300-9ec00509-0fbe-4944-bfb9-3b236ac4ae0b.webp","pc":"te9nielweb","sb":"Axis Blend"},{"id":"21st:team.marketwise__ok","t":"Ok","d":"Pure CSS gradient background in the Bloom Field style, made with the 21st.dev Gradient Builder. 3-color palette (#E6B093, #FFFAA3, #FAF9EF). Features: soft blur finish, film grain.","k":"motion","s":"21st","c":"motion/gradient","a":"team.marketwise","pl":"https://cdn.21st.dev/team.marketwise/ok/default/preview.1787149528114-9be40f9e-4375-4fe3-89c4-ee9fe2125223.webp","pc":"team.marketwise","sb":"Bloom Field"},{"id":"21st:techexpertnk.02__robot-human","t":"Robot human","d":"Animated (shimmer) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. Styled with a monochrome look. A drop-in, zero-dependency React ","k":"motion","s":"21st","c":"motion/ascii","a":"techexpertnk.02","pl":"https://cdn.21st.dev/techexpertnk.02/robot-human/default/preview.1789379454317-afad5c5e-7ecc-4e75-966c-909cab62d40d.webp","pc":"techexpertnk.02","sb":"Characters"},{"id":"21st:thegridcn__dropdown","t":"Dropdown","d":"A click-triggered dropdown menu with a sci-fi styled panel, icons, keyboard shortcuts, separators and danger items, closing on outside click or Escape.","s":"21st","c":"navigation/menu","a":"thegridcn","pl":"https://cdn.21st.dev/thegridcn/dropdown/default/preview.1789977460383-b3fd6407-cbad-40b8-a4f4-feccb45a437c.png","pc":"thegridcn","sb":"Dropdowns"},{"id":"21st:thegridcn__grid","t":"Grid","d":"An animated three.js grid floor with pulsing lines, floating particles and light beams, used as a full-screen Tron-style background whose accent color follows the active theme.","s":"21st","c":"layout/page-shell","a":"thegridcn","pl":"https://cdn.21st.dev/thegridcn/grid/default/preview.1789996029553-acc3bdc4-f870-4632-bbf1-3391419d1f1f.png","pc":"thegridcn"},{"id":"21st:thegridcn__terminal","t":"Terminal","d":"A retro terminal-style panel that types out a sequence of input/output/system/error lines with a typewriter effect, useful for boot sequences, CLI-style logs, or hacker-themed UI c","s":"21st","c":"data-display/code-block","a":"thegridcn","pl":"https://cdn.21st.dev/thegridcn/terminal/default/preview.1790123419142-77fac2e0-d94a-4d23-9b52-9afa5426d536.png","pc":"thegridcn"},{"id":"21st:thegridcn__thegridcn-pagination","t":"Thegridcn pagination","d":"A compact, Tron-inspired pagination control with previous/next arrows, truncated page numbers with ellipses, sibling range, and a page-count indicator.","s":"21st","c":"navigation/pagination","a":"thegridcn","pl":"https://cdn.21st.dev/thegridcn/thegridcn-pagination/default/preview.1787166506132-34cbf590-e2f6-454e-a761-f832008b49f0.png","pc":"thegridcn"},{"id":"21st:thiienu__a-shader","t":"A shader","d":"Animated WebGL shader background in the Mesh Gradient style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"thiienu","pl":"https://cdn.21st.dev/thiienu/a-shader/default/preview.1787347010027-c6c14662-0cde-40fd-90f2-c119ef8d7325.png","pc":"thiienu","sb":"Mesh Gradient"},{"id":"21st:timmikeladze__debris-field","t":"Debris field","d":"An animated SVG scene of a plated sphere breaking apart into hull fragments that fly outward from a rupture point, with depth-sorted rendering, optional trajectory trails, and a dr","s":"21st","c":"inputs/form-field","a":"timmikeladze","pl":"https://cdn.21st.dev/timmikeladze/debris-field/default/preview.1791087384315-35beb132-0b64-4ebd-a257-ba360ed47998.png","pc":"timmikeladze"},{"id":"21st:timmikeladze__pumpjack","t":"Pumpjack","d":"An animated SVG diagram of an oil-well pumpjack (beam pump) whose crank, pitman and walking-beam linkage is actually solved as a four-bar mechanism, with switchable camera views, c","s":"21st","c":"other","a":"timmikeladze","pl":"https://cdn.21st.dev/timmikeladze/pumpjack/default/preview.1791085805950-a3cf0224-d93c-48f1-8018-7d29e91685b1.png","pc":"timmikeladze"},{"id":"21st:timmikeladze__puzzle-cube","t":"Puzzle cube","d":"An interactive SVG Rubik's-style twisty cube you can drag to turn layers, scramble, and auto-solve, with keyboard controls and multiple paint variants.","s":"21st","c":"other","a":"timmikeladze","pl":"https://cdn.21st.dev/timmikeladze/puzzle-cube/default/preview.1791123091571-8f41ed60-7763-4066-920e-31532d8871ea.png","pc":"timmikeladze"},{"id":"21st:timmikeladze__wellhead-tree","t":"Wellhead tree","d":"An animated SVG diagram of an oilfield wellhead valve tree — a master, swab and two wing valves plus an adjustable choke — that shows which valves are open, their rising stems, and","s":"21st","c":"data-display/tree","a":"timmikeladze","pl":"https://cdn.21st.dev/timmikeladze/wellhead-tree/default/preview.1791090392235-65c0cad5-c70c-43b5-a50c-1de5e98871d3.png","pc":"timmikeladze"},{"id":"21st:tinkerers-labs__burst","t":"Burst","d":"A canvas-based burst of confetti-like pieces that fires on demand to celebrate a completed action like a paid invoice or a finished task.","s":"21st","c":"other","a":"tinkerers-labs","pl":"https://cdn.21st.dev/tinkerers-labs/burst/default/preview.1790502492417-b701d733-5117-41e1-b418-adabcca7a9c4.png","pc":"tinkerers-labs"},{"id":"21st:tinkerers-labs__prompt-input","t":"Prompt input","d":"A chat-style message composer textarea that auto-grows with content, sends on Enter (Shift+Enter for a new line), and swaps its send button for a stop button while a reply is strea","s":"21st","c":"ai-agent/composer","a":"tinkerers-labs","pl":"https://cdn.21st.dev/tinkerers-labs/prompt-input/default/preview.1790357269214-9e3c1f4a-c0f2-459e-a111-e1d9f668fc81.png","pc":"tinkerers-labs"},{"id":"21st:tochny__glass-pagination","t":"Glass pagination","d":"A pill-style pagination control with glassy ghost-circle buttons for navigating between pages of content.","s":"21st","c":"navigation/pagination","a":"tochny","pl":"https://cdn.21st.dev/tochny/glass-pagination/default/preview.1790375852793-d5a42813-4efc-4465-b075-c60ff25cbca9.png","pc":"tochny"},{"id":"21st:tomcronin__nicoya","t":"Nicoya","d":"Animated WebGL shader background in the Fluted Glass style. Waves variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color palette (#","k":"motion","s":"21st","c":"motion/shader","a":"tomcronin","pl":"https://cdn.21st.dev/tomcronin/nicoya/default/preview.1788986735514-714ff98c-e8e0-4275-ac0d-054a15a63cd3.webp","pc":"tomcronin","sb":"Fluted Glass"},{"id":"21st:tomcronin__nicoya-2","t":"Nicoya 2","d":"Animated WebGL shader background in the Fluted Glass style. Waves variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color palette (#","k":"motion","s":"21st","c":"motion/shader","a":"tomcronin","pl":"https://cdn.21st.dev/tomcronin/nicoya/default/preview.1788986756613-053bbd47-a81d-4899-8fb7-81b651afeff9.webp","pc":"tomcronin","sb":"Fluted Glass"},{"id":"21st:uiable__accordion-active-bg","t":"Accordion active bg","d":"An accordion whose currently open item gets a highlighted border and tinted background, useful for FAQ sections where the active question should stand out.","k":"motion","s":"21st","c":"motion/background","a":"uiable","pl":"https://cdn.21st.dev/uiable/accordion-active-bg/default/preview.1790055708558-d490b0ff-5285-4955-a909-be0741334f8e.png","pc":"uiable"},{"id":"21st:uiable__accordion-multiple","t":"Accordion multiple","d":"A vertically stacked accordion where several sections can be expanded open at the same time, useful for FAQ lists or collapsible content groups.","s":"21st","c":"data-display/accordion","a":"uiable","pl":"https://cdn.21st.dev/uiable/accordion-multiple/default/preview.1790056458129-72c3b898-0275-4b24-99f5-bd659d5dafed.png","pc":"uiable","sb":"Nested"},{"id":"21st:uiable__alert-action","t":"Alert action","d":"A dismissible-style alert banner with a title, description, and an inline call-to-action button for prompting the user to take an action.","s":"21st","c":"overlays/alert-banner","a":"uiable","pl":"https://cdn.21st.dev/uiable/alert-action/default/preview.1790056118196-30a86cd0-5eae-4fe4-8e0c-1be46cb68f89.png","pc":"uiable"},{"id":"21st:uiable__alert-dialog-small","t":"Alert dialog small","d":"A compact confirmation dialog that interrupts the user to confirm or cancel a critical action, sized smaller than the default alert dialog.","s":"21st","c":"overlays/dialog","a":"uiable","pl":"https://cdn.21st.dev/uiable/alert-dialog-small/default/preview.1790057023252-075bb6ec-b1ae-4687-8b47-75ab052cc87e.png","pc":"uiable","sb":"Confirm"},{"id":"21st:uiable__alert-light-danger","t":"Alert light danger","d":"A light-styled red danger alert banner for surfacing warnings or errors inline on a page.","s":"21st","c":"overlays/alert-banner","a":"uiable","pl":"https://cdn.21st.dev/uiable/alert-light-danger/default/preview.1789957237093-989532fc-0ad8-47da-ba97-15bfdc768500.png","pc":"uiable"},{"id":"21st:uiable__alert-outlined-primary","t":"Alert outlined primary","d":"A simple outlined alert banner with a primary-colored border and text, used to surface a short informational message.","s":"21st","c":"overlays/alert-banner","a":"uiable","pl":"https://cdn.21st.dev/uiable/alert-outlined-primary/default/preview.1789957330059-9100d5b7-33cf-4283-985b-c1d80ebd1722.png","pc":"uiable"},{"id":"21st:uiable__attachment-states","t":"Attachment states","d":"A file-attachment list item that displays upload lifecycle states (idle, uploading, processing, error, done) with matching icons and retry/remove actions.","s":"21st","c":"inputs/file-upload","a":"uiable","pl":"https://cdn.21st.dev/uiable/attachment-states/default/preview.1789957774654-ddae01f8-9fe0-4661-8215-ab7443a086c9.png","pc":"uiable"},{"id":"21st:uiable__attachment-vertical","t":"Attachment vertical","d":"A vertical file-attachment card with an image thumbnail, filename, size and upload state (uploading, error, done) plus retry, preview and remove actions, arranged in a grid.","s":"21st","c":"inputs/file-upload","a":"uiable","pl":"https://cdn.21st.dev/uiable/attachment-vertical/default/preview.1790088508694-88cad1b5-58cf-4a6e-b686-233734791a4e.png","pc":"uiable"},{"id":"21st:uiable__block-bento-5","t":"Block bento 5","d":"A bento-style dashboard section that tiles a team photo grid, upcoming bills list, partner logos, an area chart of routed volume, and quick financial actions into one responsive gr","k":"layout","s":"21st","c":"layout/bento-grid","a":"uiable","pl":"https://cdn.21st.dev/uiable/block-bento-5/default/preview.1790226284097-8ea0975a-1212-4263-a619-9a8747b3377d.png","pc":"uiable"},{"id":"21st:uiable__block-coming-soon-1","t":"Block coming soon 1","d":"A full-screen coming-soon landing hero with an email signup form, social login buttons, and an animated auto-scrolling product preview gallery.","k":"page","s":"21st","c":"pages/templates","a":"uiable","pl":"https://cdn.21st.dev/uiable/block-coming-soon-1/default/preview.1790244962632-634b1813-92e2-45f3-802d-524324902498.png","pc":"uiable","sb":"Error and status pages"},{"id":"21st:uiable__block-content-4","t":"Block content 4","d":"A two-column content section with a colored panel on one side and a neutral panel on the other, each showing an icon, heading, subheading, description, and call-to-action button.","s":"21st","c":"other","a":"uiable","pl":"https://cdn.21st.dev/uiable/block-content-4/default/preview.1790076601939-45ac5945-9fda-4db5-bea0-16d61e6bfefd.png","pc":"uiable"},{"id":"21st:uiable__block-feature","t":"Block feature","d":"A landing-page feature section that showcases a product's capabilities across a grid of animated illustrated cards, such as a UI-primitives grid, a build diagram, a Figma integrati","k":"section","s":"21st","c":"marketing/features","a":"uiable","pl":"https://cdn.21st.dev/uiable/block-feature/default/preview.1790088566628-59104435-997b-440c-9ed2-7c270778cdc8.png","pc":"uiable"},{"id":"21st:uiable__block-feature-32","t":"Block feature 32","d":"A three-column feature section with icon cards, a mouse-tracking spotlight border effect, and scroll-triggered fade-in animations, used to highlight product capabilities on a landi","k":"section","s":"21st","c":"marketing/features","a":"uiable","pl":"https://cdn.21st.dev/uiable/block-feature-32/default/preview.1790088702445-2b14be44-73ab-4883-86bd-b4c8cfbfaddc.png","pc":"uiable"},{"id":"21st:uiable__block-hero","t":"Block hero","d":"A full-width landing page hero section with a stats pill, animated headline, call-to-action buttons, a row of tech-stack icons, and a mouse-following spotlight background effect.","k":"section","s":"21st","c":"marketing/hero","a":"uiable","pl":"https://cdn.21st.dev/uiable/block-hero/default/preview.1790086570772-f12986b3-d6a8-4efe-b326-da08fe655e71.png","pc":"uiable"},{"id":"21st:uiable__block-portfolio-9","t":"Block portfolio 9","d":"A colorful portfolio section with a heading, call-to-action button, and an asymmetric grid of project cards each showing a title, description, and mockup image.","s":"21st","c":"other","a":"uiable","pl":"https://cdn.21st.dev/uiable/block-portfolio-9/default/preview.1790086682734-33f0427f-21b1-4e8b-a623-f01c78afd196.png","pc":"uiable"},{"id":"21st:uiable__block-pricing-18","t":"Block pricing 18","k":"section","s":"21st","c":"marketing/pricing","a":"uiable","pl":"https://cdn.21st.dev/uiable/block-pricing-18/default/preview.1790088549796-8c26e7a7-04a2-47bf-a634-e2409d4974af.png","pc":"uiable"},{"id":"21st:uiable__bubble-collapsible","t":"Bubble collapsible","s":"21st","c":"data-display/accordion","a":"uiable","pl":"https://cdn.21st.dev/uiable/bubble-collapsible/default/preview.1790059898201-7b897989-fb3b-4231-8824-f41feda2e3c8.png","pc":"uiable"},{"id":"21st:uiable__button-animated","t":"Button animated","d":"A hover button with an animated color-sliding overlay that fills in from the left on hover using framer-motion.","s":"21st","c":"actions/button","a":"uiable","pl":"https://cdn.21st.dev/uiable/button-animated/default/preview.1790059954686-14f2aead-2d46-4da2-b5ca-557d10c4db3c.png","pc":"uiable","sb":"Animated"},{"id":"21st:uiable__button-animated-gradient","t":"Button animated gradient","d":"A pill-shaped button whose background slides in a color gradient on hover, with the label and arrow icon shifting to reveal the transition, ideal for call-to-action links.","s":"21st","c":"actions/button","a":"uiable","pl":"https://cdn.21st.dev/uiable/button-animated-gradient/default/preview.1790059780346-bca0a0e0-ee3c-4525-b107-ce53be393398.png","pc":"uiable","sb":"Animated"},{"id":"21st:uiable__button-copy","t":"Button copy","d":"A small icon button that copies a link to the clipboard and animates into a checkmark to confirm the copy succeeded.","s":"21st","c":"actions/button","a":"uiable","pl":"https://cdn.21st.dev/uiable/button-copy/default/preview.1789863178850-e3d5ed13-d416-455f-b77a-1a41eef860e1.png","pc":"uiable","sb":"Copy, share and like"},{"id":"21st:uiable__button-group-input","t":"Button group input","d":"A search-style input paired with an attached search button, grouped together as a single connected control.","s":"21st","c":"inputs/form-field","a":"uiable","pl":"https://cdn.21st.dev/uiable/button-group-input/default/preview.1788841457796-a36ebc9f-fa9a-4c3d-9833-69719ceea8a0.png","pc":"uiable"},{"id":"21st:uiable__button-group-popover","t":"Button group popover","s":"21st","c":"overlays/popover","a":"uiable","pl":"https://cdn.21st.dev/uiable/button-group-popover/default/preview.1788990568024-b8a72634-207f-4e58-9fa9-e2b93355faf1.png","pc":"uiable"},{"id":"21st:uiable__calendar-basic","t":"Calendar basic","d":"A simple single-date picker calendar for selecting a date on a form or booking page.","s":"21st","c":"data-display/calendar","a":"uiable","pl":"https://cdn.21st.dev/uiable/calendar-basic/default/preview.1790234233568-a3f15b07-82f5-473e-a3d5-0d6f79566557.png","pc":"uiable"},{"id":"21st:uiable__calendar-presets","t":"Calendar presets","d":"A calendar with quick-pick date shortcuts (Today, Tomorrow, In 3 days, etc.) so users can jump to a common date without navigating months manually.","s":"21st","c":"data-display/calendar","a":"uiable","pl":"https://cdn.21st.dev/uiable/calendar-presets/default/preview.1790234926064-ce86b5c5-d430-449f-9a7b-2ecb99bfeb03.png","pc":"uiable"},{"id":"21st:uiable__card-tabs","t":"Card tabs","d":"A tabbed dashboard card showing project overview stats, analytics, and settings toggles inside a single card with a tab switcher.","s":"21st","c":"navigation/tabs","a":"uiable","pl":"https://cdn.21st.dev/uiable/card-tabs/default/preview.1790063541023-870672b1-87ff-47e3-9b66-600abeca8324.png","pc":"uiable"},{"id":"21st:uiable__chart-area","t":"Chart area","d":"A gradient-filled stacked area chart for comparing two time-series metrics, like inbound vs outbound traffic, with an interactive tooltip.","s":"21st","c":"data-viz/chart","a":"uiable","pl":"https://cdn.21st.dev/uiable/chart-area/default/preview.1790235829567-8168c23b-9ba1-40c5-9401-72f116f8e92d.png","pc":"uiable","sb":"Area"},{"id":"21st:uiable__chart-example-legend","t":"Chart example legend","d":"A bar chart comparing desktop and mobile values by month, with a legend, tooltip, and grid built on Recharts.","s":"21st","c":"data-viz/chart","a":"uiable","pl":"https://cdn.21st.dev/uiable/chart-example-legend/default/preview.1790235889016-5906e3ad-5a43-4b6f-a754-c1b867dfc825.png","pc":"uiable"},{"id":"21st:uiable__chart-pie","t":"Chart pie","d":"A donut/pie chart that shows category revenue breakdown with a centered total label and hover tooltips.","s":"21st","c":"data-viz/chart","a":"uiable","pl":"https://cdn.21st.dev/uiable/chart-pie/default/preview.1790235801534-59872344-a069-49c9-8826-087f6dc45655.png","pc":"uiable","sb":"Pie, donut and radial"},{"id":"21st:uiable__chart-tooltip","t":"Chart tooltip","d":"A styled tooltip content block for data charts that shows labeled values with colored dot, line, or dashed indicators next to each series.","s":"21st","c":"overlays/tooltip","a":"uiable","pl":"https://cdn.21st.dev/uiable/chart-tooltip/default/preview.1788823185380-40a750c9-f224-41e7-ba59-64db4e55e269.png","pc":"uiable"},{"id":"21st:uiable__checkbox-table","t":"Checkbox table","d":"A data table with checkboxes in each row plus a header checkbox for selecting or deselecting all rows at once.","s":"21st","c":"inputs/checkbox","a":"uiable","pl":"https://cdn.21st.dev/uiable/checkbox-table/default/preview.1790213972757-6bdfdef5-18d2-489a-8c16-9338d931fc2c.png","pc":"uiable"},{"id":"21st:uiable__checkbox-todo-list","t":"Checkbox todo list","d":"A to-do list card with checkable tasks, animated strike-through completion, a progress bar, and per-item delete.","s":"21st","c":"inputs/checkbox","a":"uiable","pl":"https://cdn.21st.dev/uiable/checkbox-todo-list/default/preview.1790062143819-62a81c53-dd05-4230-a82a-2b758bc62de1.png","pc":"uiable"},{"id":"21st:uiable__component-search","t":"Component search","d":"A search input with a leading search icon for filtering docs, blocks, or components in a sidebar or layout header.","s":"21st","c":"inputs/search","a":"uiable","pl":"https://cdn.21st.dev/uiable/component-search/default/preview.1789852542383-8fe76942-7152-4c79-bd90-01c35c88634d.png","pc":"uiable"},{"id":"21st:uiable__content-16","t":"Content 16","d":"A scroll-driven marketing section that reveals floating problem-statement cards with metrics around a central headline as the user scrolls.","s":"21st","c":"other","a":"uiable","pl":"https://cdn.21st.dev/uiable/content-16/default/preview.1790077397120-81fd6df1-2e09-438f-a876-dad2bad8d491.png","pc":"uiable"},{"id":"21st:uiable__date-picker-disabled","t":"Date picker disabled","d":"A date picker button with calendar popover shown in its disabled state, for read-only or locked date fields in a form.","s":"21st","c":"inputs/select","a":"uiable","pl":"https://cdn.21st.dev/uiable/date-picker-disabled/default/preview.1788854861192-d2fe874f-ad75-4b8d-b646-8a430d3a10a7.png","pc":"uiable"},{"id":"21st:uiable__dialog-scrollable-content","t":"Dialog scrollable content","d":"A modal dialog whose body content scrolls independently when it is taller than the viewport, keeping the header and trigger fixed.","s":"21st","c":"overlays/dialog","a":"uiable","pl":"https://cdn.21st.dev/uiable/dialog-scrollable-content/default/preview.1790237472507-576ffeac-3516-4780-a1aa-e5a58d944550.png","pc":"uiable"},{"id":"21st:uiable__drawer-sides","t":"Drawer sides","d":"A set of drawer panels that slide in from any edge of the screen (top, right, bottom, or left), triggered by a button for each side.","s":"21st","c":"overlays/sheet","a":"uiable","pl":"https://cdn.21st.dev/uiable/drawer-sides/default/preview.1790222126630-18e07d63-d445-4748-a898-80b228ac2d45.png","pc":"uiable"},{"id":"21st:uiable__feature-24-milestone-timeline","t":"Feature 24 milestone timeline","d":"An animated vertical timeline section that highlights company milestones with year, title and description, alternating left and right on desktop.","s":"21st","c":"data-display/timeline","a":"uiable","pl":"https://cdn.21st.dev/uiable/feature-24-milestone-timeline/default/preview.1790083941371-dbd5fe1c-7c73-48b1-b176-f33ce70618b5.png","pc":"uiable"},{"id":"21st:uiable__hero-17","t":"Hero 17","d":"A centered hero section with an animated glow that follows the cursor, a badge, gradient headline text, and a supporting shader background, for landing pages introducing a product'","k":"section","s":"21st","c":"marketing/hero","a":"uiable","pl":"https://cdn.21st.dev/uiable/hero-17/default/preview.1790086854875-e690d730-3fa0-41d0-8166-56b548406d24.png","pc":"uiable"},{"id":"21st:uiable__input-badge","t":"Input badge","s":"21st","c":"data-display/badge","a":"uiable","pl":"https://cdn.21st.dev/uiable/input-badge/default/preview.1790063781440-644f8e85-264f-4d3c-a11b-b60b97375bee.png","pc":"uiable"},{"id":"21st:uiable__input-form","t":"Input form","d":"A multi-field contact/profile form layout combining labeled text inputs, a country select, and cancel/submit actions for collecting name, email, phone, and address data.","s":"21st","c":"inputs/form-field","a":"uiable","pl":"https://cdn.21st.dev/uiable/input-form/default/preview.1788850576459-4014bb2e-7dee-418e-a8c9-27c0ea51090d.png","pc":"uiable","sb":"Whole forms"},{"id":"21st:uiable__input-otp-alphanumeric","t":"Input otp alphanumeric","d":"A one-time-passcode input made of grouped boxes that accepts both letters and digits, useful for alphanumeric verification codes.","s":"21st","c":"inputs/otp-input","a":"uiable","pl":"https://cdn.21st.dev/uiable/input-otp-alphanumeric/default/preview.1790065213059-fa8a605e-9890-43d3-a7a8-8967a4f179a1.png","pc":"uiable"},{"id":"21st:uiable__input-otp-controlled","t":"Input otp controlled","d":"A one-time password input that tracks its digits in component state and shows a confirmation message once the full code has been entered.","s":"21st","c":"inputs/otp-input","a":"uiable","pl":"https://cdn.21st.dev/uiable/input-otp-controlled/default/preview.1789820016404-b1994b45-fb96-4086-ac8c-eb15f0d9040e.png","pc":"uiable"},{"id":"21st:uiable__item-image","t":"Item image","d":"A list of items with a thumbnail image, title, subtitle and trailing metadata, useful for music tracks, files or search results.","s":"21st","c":"media/gallery","a":"uiable","pl":"https://cdn.21st.dev/uiable/item-image/default/preview.1788850784591-b9f1c64c-8290-4c5a-ae68-0ba3afb2071e.png","pc":"uiable"},{"id":"21st:uiable__kbd-button","t":"Kbd button","d":"A button with an inline keyboard-shortcut indicator (kbd) showing the key needed to trigger the action.","s":"21st","c":"actions/button","a":"uiable","pl":"https://cdn.21st.dev/uiable/kbd-button/default/preview.1788850464949-58759bc0-4473-441e-bdb3-86fcc4504479.png","pc":"uiable"},{"id":"21st:uiable__kbd-function-keys","t":"Kbd function keys","d":"A row of keyboard-key badges showing the F1–F12 function keys with a hint for the Fn+F11 fullscreen shortcut.","s":"21st","c":"data-display/typography","a":"uiable","pl":"https://cdn.21st.dev/uiable/kbd-function-keys/default/preview.1790066607691-5a260e33-6388-4718-aa20-8c5464642929.png","pc":"uiable"},{"id":"21st:uiable__kbd-input-group","t":"Kbd input group","d":"A search input field with a leading search icon and trailing keyboard shortcut badges (like ⌘K) to hint a global keyboard shortcut.","s":"21st","c":"inputs/form-field","a":"uiable","pl":"https://cdn.21st.dev/uiable/kbd-input-group/default/preview.1788807758245-27e98c97-7acc-4cb2-aad6-5162e3fde471.png","pc":"uiable","sb":"Input groups"},{"id":"21st:uiable__label-disabled","t":"Label disabled","d":"A form label pattern showing an active field alongside a disabled/locked field with a status badge and helper text.","s":"21st","c":"inputs/form-field","a":"uiable","pl":"https://cdn.21st.dev/uiable/label-disabled/default/preview.1790066133177-6bea28e7-d3a6-4bbe-abc7-93c330827f93.png","pc":"uiable","sb":"Animated fields"},{"id":"21st:uiable__label-required","t":"Label required","d":"A form label showing a required-field asterisk next to an info tooltip, paired with its input for building accessible required form fields.","s":"21st","c":"inputs/form-field","a":"uiable","pl":"https://cdn.21st.dev/uiable/label-required/default/preview.1790070560193-48f5601e-32f6-4798-8220-3d9cf20edb96.png","pc":"uiable","sb":"Animated fields"},{"id":"21st:uiable__list-group-badge","t":"List group badge","d":"A vertical list of items with icons and count badges, used for mailbox-style navigation like inbox, starred, sent, archive, and trash.","s":"21st","c":"data-display/badge","a":"uiable","pl":"https://cdn.21st.dev/uiable/list-group-badge/default/preview.1790066671325-cb726455-e72d-4ed1-8cfe-db9766123a2c.png","pc":"uiable"},{"id":"21st:uiable__list-group-custom-content","t":"List group custom content","d":"A vertically stacked list of linked items where each entry can show a heading, timestamp, and supporting text, with the active item highlighted in a solid accent color.","s":"21st","c":"data-display/list","a":"uiable","pl":"https://cdn.21st.dev/uiable/list-group-custom-content/default/preview.1790067067121-df464cb0-6d14-4029-a108-1a1ad855c577.png","pc":"uiable"},{"id":"21st:uiable__list-group-links","t":"List group links","d":"A vertically stacked list of clickable link items with a bordered card container, active-state highlighting, and disabled item support.","s":"21st","c":"data-display/list","a":"uiable","pl":"https://cdn.21st.dev/uiable/list-group-links/default/preview.1790067575247-ae32cffb-fe3b-43eb-b3e4-9abad15eec0f.png","pc":"uiable"},{"id":"21st:uiable__menubar-compact","t":"Menubar compact","d":"A compact single-trigger menubar with an overflow icon button that opens a dropdown with edit, share, and destructive delete actions.","s":"21st","c":"navigation/top-nav","a":"uiable","pl":"https://cdn.21st.dev/uiable/menubar-compact/default/preview.1790077606452-13ba211e-1b53-484d-bf3f-0a574b42a454.png","pc":"uiable","sb":"Mega menus"},{"id":"21st:uiable__message-attachment","t":"Message attachment","d":"A chat conversation example that shows image and file attachments (with a download action) inside message bubbles.","s":"21st","c":"inputs/file-upload","a":"uiable","pl":"https://cdn.21st.dev/uiable/message-attachment/default/preview.1790224604814-87d90aac-ee30-40a4-b601-5351079041c5.png","pc":"uiable"},{"id":"21st:uiable__message-header-footer","t":"Message header footer","k":"section","s":"21st","c":"marketing/footer","a":"uiable","pl":"https://cdn.21st.dev/uiable/message-header-footer/default/preview.1790067742724-7ec97b10-8ba9-4dc5-801a-b09513684874.png","pc":"uiable"},{"id":"21st:uiable__message-scroller","t":"Message scroller","d":"A scrollable container for chat transcripts that auto-scrolls to new messages, anchors conversation turns in view, and shows a jump-to-latest button when the reader scrolls away fr","s":"21st","c":"ai-agent/ai-agent","a":"uiable","pl":"https://cdn.21st.dev/uiable/message-scroller/default/preview.1790057140330-92299d5f-3d73-4df0-8f62-305af0e3e474.png","pc":"uiable","sb":"Chat"},{"id":"21st:uiable__questionnaire","t":"Questionnaire","d":"A multi-step form for presenting one question at a time with single-choice, multiple-choice, freeform, and skippable answers, progress tracking, and validation.","s":"21st","c":"other","a":"uiable","pl":"https://cdn.21st.dev/uiable/questionnaire/default/preview.1789989012039-5df3cd59-4f00-4850-acd6-2f859856aa88.png","pc":"uiable"},{"id":"21st:uiable__select-multi","t":"Select multi","d":"A multi-select dropdown that lets users pick several options from a popover list, showing chosen items as removable badges in the trigger.","s":"21st","c":"inputs/select","a":"uiable","pl":"https://cdn.21st.dev/uiable/select-multi/default/preview.1789962349507-1020ed52-94f1-44f2-b6bf-f329391c8654.png","pc":"uiable"},{"id":"21st:uiable__sidebar-5","t":"Sidebar 5","d":"A collapsible app sidebar with a search input, badged navigation items, a settings section, a pro-upgrade promo card, and a user profile footer.","s":"21st","c":"navigation/sidebar","a":"uiable","pl":"https://cdn.21st.dev/uiable/sidebar-5/default/preview.1789980815670-87ed3eb9-2efb-43b7-9754-3d5237752e44.png","pc":"uiable"},{"id":"21st:uiable__spinner-bars-scale","t":"Spinner bars scale","d":"A small animated loading indicator made of three vertical bars that scale and fade in sequence, used to show a pending or loading state inline in UI.","s":"21st","c":"status/loader","a":"uiable","pl":"https://cdn.21st.dev/uiable/spinner-bars-scale/default/preview.1790075324507-9b0d4be4-2ac7-4c6e-8604-836af56374f8.png","pc":"uiable","sb":"Spinners"},{"id":"21st:uiable__switch-color-options","t":"Switch color options","d":"A group of labeled toggle switches, each tinted a semantic color (success, info, warning, danger) to signal its meaning in a settings or preferences form.","s":"21st","c":"actions/switch","a":"uiable","pl":"https://cdn.21st.dev/uiable/switch-color-options/default/preview.1790075748178-8de544be-acb1-41e1-8a89-bff77bfc4c9b.png","pc":"uiable"},{"id":"21st:uiable__tabs-line","t":"Tabs line","d":"A tabbed navigation control that highlights the active tab with an underline instead of a filled background, for switching between related views like Overview, Analytics, and Repor","s":"21st","c":"navigation/tabs","a":"uiable","pl":"https://cdn.21st.dev/uiable/tabs-line/default/preview.1790147717285-66a4a411-1c93-4b75-a33c-59571bd0173e.png","pc":"uiable"},{"id":"21st:uiable__text-highlight","t":"Text highlight","d":"An animated text highlight that reveals a background, underline, or hand-drawn brush stroke behind a span of text when it scrolls into view.","s":"21st","c":"motion/text-effect","a":"uiable","pl":"https://cdn.21st.dev/uiable/text-highlight/default/preview.1789863172429-2b017896-cca8-4af1-8299-3e85bd398d2c.png","pc":"uiable"},{"id":"21st:uiable__toggle-group-animated-toolbar","t":"Toggle group animated toolbar","d":"A drawing-app style toolbar of toggleable tool icons with a spring-animated sliding highlight that follows the active and hovered tool.","s":"21st","c":"navigation/menu","a":"uiable","pl":"https://cdn.21st.dev/uiable/toggle-group-animated-toolbar/default/preview.1790180073673-f920ef6c-ab63-4935-9390-f7caded2a83c.png","pc":"uiable","sb":"Menubars"},{"id":"21st:uiable__tooltip-status","t":"Tooltip status","d":"A row of status buttons (operational, warning, error, notice) that reveal a colored icon and explanatory message in a tooltip on hover.","s":"21st","c":"overlays/tooltip","a":"uiable","pl":"https://cdn.21st.dev/uiable/tooltip-status/default/preview.1790148033776-17c27a92-7f23-42f9-9f3f-b2997b2a66dc.png","pc":"uiable"},{"id":"21st:uiable__tree-view","t":"Tree view","d":"A collapsible hierarchical tree list for showing nested directory structures, org charts, or permission trees, with single/multi select, keyboard navigation, and expand/collapse.","s":"21st","c":"data-display/tree","a":"uiable","pl":"https://cdn.21st.dev/uiable/tree-view/default/preview.1789863032048-eb12993a-5df9-4ad3-baa4-e0b3d8b7a2b4.png","pc":"uiable"},{"id":"21st:uiable__welcome-banner","t":"Welcome banner","d":"A dashboard hero banner that announces a redesigned interface with a headline, short pitch, download CTA and illustration, used as the first widget on an admin/app homepage.","s":"21st","c":"overlays/alert-banner","a":"uiable","pl":"https://cdn.21st.dev/uiable/welcome-banner/default/preview.1788859203442-48454d5b-3f99-4ed9-80e7-c3e599e05c81.png","pc":"uiable"},{"id":"21st:uicapsule__formation","t":"Formation","d":"A 3D interactive image gallery that lets visitors drag, scroll, or switch between flat, tilt, ring, and gallery card formations with smooth GSAP-powered morphs.","s":"21st","c":"inputs/form-field","a":"uicapsule","pl":"https://cdn.21st.dev/uicapsule/formation/default/preview.1789980844203-40bccf58-3914-4552-a50a-3504f099e64c.png","pc":"uicapsule","sb":"Whole forms"},{"id":"21st:uicapsule__screenshot-capture","t":"Screenshot capture","d":"An animated iPhone mockup that simulates taking a screenshot: a flash, the screen shrinking into a corner thumbnail, then a swipe-away gesture to dismiss it.","s":"21st","c":"other","a":"uicapsule","pl":"https://cdn.21st.dev/uicapsule/screenshot-capture/default/preview.1790274473817-a1a7493f-080b-4c96-9268-0bae87e052ec.png","pc":"uicapsule"},{"id":"21st:uilayout.contact__about-bento","t":"About bento","d":"A responsive bento-grid about section showcasing company impact stats, growth metrics, and a community call-to-action.","k":"layout","s":"21st","c":"layout/bento-grid","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/about-bento/default/preview.1787227211471-44ebd78e-a5f4-4f9d-8f9d-3d780bf0a3e3.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__code-block","t":"Code block","d":"A syntax-highlighted code snippet display with a copy-to-clipboard button, useful for docs and tutorials.","s":"21st","c":"data-display/code-block","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/code-block/default/preview.1789956400662-95864049-7bf2-43b8-943c-3195e8eefc74.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__conditiongrid","t":"Conditiongrid","d":"A responsive projects showcase grid with alternating column spans, animated cards, and overlaid title and link badges.","s":"21st","c":"layout/page-shell","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/conditiongrid/default/preview.1787224226969-4130222c-dda1-4c77-a9f4-bb4b83d204c3.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__default-swapy","t":"Default swapy","d":"A drag-and-swap dashboard grid where widget cards can be reordered by dragging one onto another.","s":"21st","c":"other","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/default-swapy/default/preview.1790171076432-d95e6099-e544-4c8a-ba10-b1727e4ee619.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__faq-tabbed-explorer","t":"Faq tabbed explorer","d":"A categorized FAQ section with a sidebar of tabbed categories and an animated accordion that reveals answers for the selected topic.","k":"section","s":"21st","c":"marketing/faq","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/faq-tabbed-explorer/default/preview.1787115995852-b3baeb37-25cd-48e6-8009-4e932f84e6d6.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__gallery-modal-accordion","t":"Gallery modal accordion","d":"An interactive image gallery where thumbnails expand accordion-style on hover and open into an animated fullscreen modal with title and description.","s":"21st","c":"data-display/accordion","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/gallery-modal-accordion/default/preview.1787099379671-66739140-1ca1-479c-90c7-a358793957f6.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__sparkles-title3","t":"Sparkles title3","d":"A dark hero section with a headline, grid backdrop and an animated particle sparkles field along a glowing divider.","k":"motion","s":"21st","c":"motion/text-effect","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/sparkles-title3/default/preview.1788477409519-2f2b0f0d-ee8f-4605-b5c8-c04a7d4b8ba1.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__sparkles-title4","t":"Sparkles title4","d":"A hero title section with an animated particle sparkles effect fading out below a grid-lined card and description text.","k":"motion","s":"21st","c":"motion/text-effect","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/sparkles-title4/default/preview.1788477409442-8c6c4042-547e-4d8c-a0f0-92ae4f66bef4.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__stats-bento","t":"Stats bento","d":"A responsive bento-grid stats section that highlights key metrics like market share, growth, awards, and ratings in mixed-size cards.","k":"layout","s":"21st","c":"layout/bento-grid","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/stats-bento/default/preview.1787227328895-88bfc5ed-4306-4d10-bf4c-078e98bcfe2b.png","pc":"uilayout.contact"},{"id":"21st:uilayout.contact__tailwind-image-accordion","t":"Tailwind image accordion","d":"A horizontal image accordion where hovering or focusing a panel expands it and reveals a title and subtitle, built with pure Tailwind CSS group utilities.","s":"21st","c":"data-display/accordion","a":"uilayout.contact","pl":"https://cdn.21st.dev/uilayout.contact/tailwind-image-accordion/default/preview.1787112761360-250eb916-8630-46c6-ac47-3e6351ca1338.png","pc":"uilayout.contact","sb":"Cards"},{"id":"21st:unlumen__clipped-circle","t":"Clipped circle","d":"A cursor-following spotlight effect that reveals a soft glowing circle wherever the user moves their mouse inside a button, card, or other container.","s":"21st","c":"other","a":"unlumen","pl":"https://cdn.21st.dev/unlumen/clipped-circle/default/preview.1790273513037-84c3c103-cb24-46e7-8b44-8753f3753080.png","pc":"unlumen"},{"id":"21st:unlumen__cursor","t":"Cursor","d":"A custom animated mouse cursor with a velocity-tilted pointer and a spring-following tooltip label, for adding a playful pointer effect to a hoverable area or the whole page.","k":"motion","s":"21st","c":"motion/cursor","a":"unlumen","pl":"https://cdn.21st.dev/unlumen/cursor/default/preview.1789960326811-b2f44060-748f-4746-86cb-d155a95dea2e.png","pc":"unlumen"},{"id":"21st:unlumen__expand-menu","t":"Expand menu","d":"An animated expanding menu that reveals action items from a trigger button, with configurable direction, layout, and alignment.","s":"21st","c":"navigation/menu","a":"unlumen","pl":"https://cdn.21st.dev/unlumen/expand-menu/default/preview.1787229755501-1f927530-8f3e-44f5-b47c-369f2089ee30.png","pc":"unlumen"},{"id":"21st:unlumen__floating-tooltip","t":"Floating tooltip","d":"A cursor-following tooltip that floats near the pointer with springy motion, supporting a title, description, and style variants.","s":"21st","c":"overlays/tooltip","a":"unlumen","pl":"https://cdn.21st.dev/unlumen/floating-tooltip/default/preview.1787205834348-2887cfa3-b24d-4f89-9473-4a7596562e81.png","pc":"unlumen"},{"id":"21st:unlumen__github-graph","t":"Github graph","d":"An animated GitHub-style contribution graph that fetches and displays a user's public contribution history, for use on portfolio and profile pages.","s":"21st","c":"data-viz/chart","a":"unlumen","pl":"https://cdn.21st.dev/unlumen/github-graph/default/preview.1790273374964-dc134628-c239-42bf-9bcb-15193f35f478.png","pc":"unlumen"},{"id":"21st:unlumen__matrix","t":"Matrix","d":"An LED dot matrix display component with SVG pixels, radial glow, built-in digit and animation presets, and a VU meter mode.","s":"21st","c":"other","a":"unlumen","pl":"https://cdn.21st.dev/unlumen/matrix/default/preview.1787113921299-6f901b6d-df20-4395-ac4b-d38d27a6aa3a.png","pc":"unlumen"},{"id":"21st:unlumen__primitives-animate-pinned-list","t":"Primitives animate pinned list","d":"A composable, headless list of items that animates an item to the top of the list with a spring layout transition when it's pinned or unpinned.","s":"21st","c":"data-display/list","a":"unlumen","pl":"https://cdn.21st.dev/unlumen/primitives-animate-pinned-list/default/preview.1789980741747-94e974f6-d40f-427b-a024-e481a295d237.png","pc":"unlumen"},{"id":"21st:urata.junpei__crab","t":"Crab","d":"Animated (shimmer) ASCII art in the Hex Dump style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, card","k":"motion","s":"21st","c":"motion/ascii","a":"urata.junpei","pl":"https://cdn.21st.dev/urata.junpei/crab/default/preview.1787248244039-2716f704-beb9-4f11-8a9d-b9b1eab5fd4e.webp","pc":"urata.junpei","sb":"Hex Dump"},{"id":"21st:urata.junpei__crab-2","t":"Crab 2","d":"Animated (shimmer) ASCII art in the Cross style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards, ","k":"motion","s":"21st","c":"motion/ascii","a":"urata.junpei","pl":"https://cdn.21st.dev/urata.junpei/crab/default/preview.1787248253381-2d60ee86-306e-400c-a042-ee2cd35c035e.webp","pc":"urata.junpei","sb":"Cross"},{"id":"21st:uvain__access-request-inbox","t":"Access request inbox","d":"A queue of people asking to be let in, grouped by what they asked for. Approving one marks the other requests for the same folder as superseded, so nobody grants the same access tw","s":"21st","c":"overlays/notifications","a":"uvain","pl":"https://cdn.21st.dev/uvain/access-request-inbox/default/preview.1790014518827-c6bae164-942d-4b69-80ad-0dc9448025f7.jpg","pc":"uvain"},{"id":"21st:uvain__auth-forms-signin-signup","t":"Auth forms signin signup","d":"Sign in, sign up and verify-code forms: server errors read out as alerts, a password meter that says what is missing, a one-time code with paste and SMS autofill. Your provider log","s":"21st","c":"flows/sign-in","a":"uvain","pl":"https://cdn.21st.dev/uvain/auth-forms-signin-signup/default/preview.1791134279837-554301ea-0ad0-460b-9565-ad9ca5cdab15.jpg","pc":"uvain","sb":"Sign up"},{"id":"21st:uvain__color-picker-hex-swatches","t":"Color picker hex swatches","s":"21st","c":"inputs/select","a":"uvain","pl":"https://cdn.21st.dev/uvain/color-picker-hex-swatches/default/preview.1791133920068-891238a7-de3d-40d9-bf34-5c6b80f8c0e0.webp","pc":"uvain"},{"id":"21st:uvain__combobox-multi-create","t":"Combobox multi create","d":"Searchable select on cmdk: single or multiple, create new options as you type, hints under each option, disabled items. Backspace in an empty search removes the last pick. Light an","s":"21st","c":"inputs/combobox","a":"uvain","pl":"https://cdn.21st.dev/uvain/combobox-multi-create/default/preview.1791134154069-3c4941ce-c148-4d41-9395-fdb7e6357505.webp","pc":"uvain"},{"id":"21st:uvain__command-menu-palette","t":"Command menu palette","d":"⌘K command palette on cmdk: fuzzy search over labels and keywords, grouped results, shortcuts and hints per item, and a hook that registers ⌘K / Ctrl K for you. Keyboard-complete, ","s":"21st","c":"navigation/menu","a":"uvain","pl":"https://cdn.21st.dev/uvain/command-menu-palette/default/preview.1790705766975-56ec5867-b029-4f08-893c-5f5c888f7c68.jpg","pc":"uvain"},{"id":"21st:uvain__data-table-bulk-actions","t":"Data table bulk actions","d":"Invoice table on TanStack Table: sortable columns with aria-sort, search, row selection with a bulk bar, a column menu, pagination and an empty state that offers to clear the searc","s":"21st","c":"data-display/table","a":"uvain","pl":"https://cdn.21st.dev/uvain/data-table-bulk-actions/default/preview.1790665384272-34d87f4a-e7c2-41b4-b950-1331ee58df77.jpg","pc":"uvain","sb":"Data tables"},{"id":"21st:uvain__file-upload","t":"File upload","s":"21st","c":"inputs/file-upload","a":"uvain","pl":"https://cdn.21st.dev/uvaishmohamedn/file-upload/default/preview.1789317387698-54caf3cd-86e7-4225-adb0-9b3b17a375ab.webp","pc":"uvain"},{"id":"21st:uvain__folder-card","t":"Folder card","s":"21st","c":"data-display/card","a":"uvain","pl":"https://cdn.21st.dev/uvaishmohamedn/folder-card/default/preview.1788958158362-eafdc443-08a3-454c-ad09-94da128c79b7.webp","pc":"uvain"},{"id":"21st:uvain__kanban-board","t":"Kanban board","d":"A task board that survives real data: long titles, six assignees, a column with forty cards in it. Columns, drag between them, assignees, priority and progress per card. Pointer-ba","s":"21st","c":"data-display/kanban","a":"uvain","pl":"https://cdn.21st.dev/uvaishmohamedn/kanban-board/default/preview.1789031759729-b80b4a24-f370-4c2f-8793-a6b835296345.jpg","pc":"uvain"},{"id":"21st:uvain__member-card","t":"Member card","d":"A member row for a workspace: role, standing and last activity on one line. The owner is crowned and has no menu, an unaccepted invite shows how long it has waited, external access","s":"21st","c":"data-display/profile","a":"uvain","pl":"https://cdn.21st.dev/uvain/member-card/default/preview.1790012871979-ff6c08c8-ae8d-4c66-a22f-b354551755c7.webp","pc":"uvain"},{"id":"21st:uvain__members-table","t":"Members table","d":"Everyone in the workspace, with bulk actions that state their refusals before they run: the owner it will not demote, the row that is you, the people already on that role. Search a","k":"section","s":"21st","c":"marketing/team","a":"uvain","pl":"https://cdn.21st.dev/uvain/members-table/default/preview.1790015972972-f814b27c-9eee-4bc5-84de-e0ea871b413e.jpg","pc":"uvain"},{"id":"21st:uvain__notification-panel","t":"Notification panel","d":"Opens from the bell, closes on Escape, grouped by day and filtered by kind — and it draws the difference between what you have seen and what you have actually dealt with, which mos","s":"21st","c":"overlays/notifications","a":"uvain","pl":"https://cdn.21st.dev/uvaishmohamedn/notification-panel/default/preview.1789308795977-594554dc-0c39-45fa-ad9b-719c1a040876.jpg","pc":"uvain"},{"id":"21st:uvain__otp-input-verification","t":"Otp input verification","d":"One-time code input on input-otp: paste into any box, SMS autofill, Backspace walks back, boxes grouped 3 + 3, and it submits itself when full. Turns invalid with the Field's error","s":"21st","c":"inputs/form-field","a":"uvain","pl":"https://cdn.21st.dev/uvain/otp-input-verification/default/preview.1791133507800-f37067cf-036f-4372-84f5-122cd255ec2b.jpg","pc":"uvain"},{"id":"21st:uvain__pastel-testimonial-section","t":"Pastel testimonial section","d":"An accordion of quotes where one is always open: a single testimonial shown in full, rather than five truncated cards nobody reads. Ratings, roles and portraits included. More at l","k":"section","s":"21st","c":"marketing/testimonials","a":"uvain","pl":"https://cdn.21st.dev/uvaishmohamedn/pastel-testimonial-section/default/preview.1788986098843-f0a44162-cd7a-47a3-94f4-59add104fbcc.webp","pc":"uvain"},{"id":"21st:uvain__revenue-charts-kpi","t":"Revenue charts kpi","d":"Revenue dashboard kit: KPI cards that know whether up is good, area, bar and donut charts on Recharts, each with a text description and a hidden data table for screen readers. Foll","s":"21st","c":"data-display/stat","a":"uvain","pl":"https://cdn.21st.dev/uvain/revenue-charts-kpi/default/preview.1790667019181-592211b0-3aa6-4cb6-9c28-cd62c5494a2b.jpg","pc":"uvain"},{"id":"21st:uvain__rich-text-editor-toolbar","t":"Rich text editor toolbar","d":"Tiptap editor with a one-Tab-stop toolbar (arrow keys inside it), headings, lists, quotes, code, an inline link field instead of a browser prompt, and a character counter near the ","s":"21st","c":"navigation/menu","a":"uvain","pl":"https://cdn.21st.dev/uvain/rich-text-editor-toolbar/default/preview.1790706187763-891496e5-d9c3-4a94-b038-e9139153fcc8.jpg","pc":"uvain","sb":"Menubars"},{"id":"21st:uvain__share-file-dialog","t":"Share file dialog","s":"21st","c":"overlays/dialog","a":"uvain","pl":"https://cdn.21st.dev/uvaishmohamedn/share-file-dialog/default/preview.1789064108200-5bee1513-b8a5-44f1-a363-89a825a255f6.jpg","pc":"uvain","sb":"Share and invite"},{"id":"21st:uvain__signature-pad","t":"Signature pad","s":"21st","c":"other","a":"uvain","pl":"https://cdn.21st.dev/uvaishmohamedn/signature-pad/default/preview.1789039180050-e4f2ed5f-9834-4778-b573-b6ad77f35c0d.jpg","pc":"uvain"},{"id":"21st:uvain__tree-view-file-browser","t":"Tree view file browser","d":"File and folder tree with the full ARIA tree keyboard model: arrows open, close and move, Home/End jump, type a letter to find, and the whole tree is one Tab stop. Sizes and counts","s":"21st","c":"data-display/tree","a":"uvain","pl":"https://cdn.21st.dev/uvain/tree-view-file-browser/default/preview.1790851941138-46be0ad1-9273-4b38-8b34-91a36bb9dcec.jpg","pc":"uvain"},{"id":"21st:vamshi1tsipvt__glow","t":"Glow","d":"Pure CSS gradient background in the Horizon Glow style, made with the 21st.dev Gradient Builder. 4-color palette (#2C5FB3, #B1C2DE, #E8B5BD, #D0384E). Features: film grain. A drop-","k":"motion","s":"21st","c":"motion/gradient","a":"vamshi1tsipvt","pl":"https://cdn.21st.dev/vamshi1tsipvt/glow/default/preview.1791291336876-590a8d2c-d1b7-4cde-b417-e7b7927a0a76.webp","pc":"vamshi1tsipvt","sb":"Horizon Glow"},{"id":"21st:vercel-crawled__controls","t":"Controls","d":"A styled zoom and fit-view control panel for React Flow-based node canvases.","s":"21st","c":"other","a":"vercel-crawled","pl":"https://cdn.21st.dev/vercel-crawled/controls/default/preview.1790049435783-269e9f83-a154-4f65-a2b2-91cb6823249a.png","pc":"vercel-crawled"},{"id":"21st:vercel-crawled__speech-input","t":"Speech input","d":"A microphone button that captures voice input and converts it to text using the Web Speech API, with a MediaRecorder fallback for browsers that lack native speech recognition.","s":"21st","c":"inputs/form-field","a":"vercel-crawled","pl":"https://cdn.21st.dev/vercel-crawled/speech-input/default/preview.1789973293244-cb5fc490-fb6c-4e13-9d3a-1c86cb4ee1bc.png","pc":"vercel-crawled"},{"id":"21st:vgpu__adaptive-quality","t":"Adaptive quality","d":"Start on a High pipeline and downgrade once to a cheaper Low pipeline when the GPU tier, battery level, or presented FPS say so. The tier swap is prepared off-screen and every sign","s":"21st","c":"other","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/adaptive-quality/default/preview.1788763214271-e2ebca07-cbf1-487e-a7f5-ef1f14167ace.png","pc":"vgpu"},{"id":"21st:vgpu__agent-radiance-cascades","t":"Agent radiance cascades","d":"The static ten-dot Agent mark becomes a selectable loading field with capture-quality controls: every gray-to-white dot is both an HDR emitter and an occluder, feeding a jump-flood","s":"21st","c":"ai-agent/ai-agent","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/agent-radiance-cascades/default/preview.1788203291769-3636c68b-99fa-4b4f-8ace-726628efef41.png","pc":"vgpu"},{"id":"21st:vgpu__air-painting","t":"Air painting","d":"Wipe frost from a GPU-rendered glass surface by dragging across it. A persistent compute-shader mask reveals the scene beneath without requiring camera access.","s":"21st","c":"other","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/air-painting/default/preview.1788785604394-79de2e3d-bfab-4bf8-a005-c1d8ffd961d1.png","pc":"vgpu"},{"id":"21st:vgpu__anti-aliasing","t":"Anti aliasing","d":"One high-contrast scene through Off, MSAA 4×, SSAA 2×, and FXAA — pick a mode and watch the edges.","s":"21st","c":"other","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/anti-aliasing/default/preview.1788205981101-7a708a11-76f7-4cfe-bf4c-48584f670feb.png","pc":"vgpu"},{"id":"21st:vgpu__batch-rendering","t":"Batch rendering","d":"Four primitive ranges in one mesh, recorded once as a render bundle.","s":"21st","c":"other","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/batch-rendering/default/preview.1788759692858-dc08ffa5-11da-43c5-8464-21f2a7a327c9.png","pc":"vgpu"},{"id":"21st:vgpu__black-hole","t":"Black hole","d":"Raymarched gravitational lensing — null geodesics bend starlight around an event horizon while a Keplerian accretion disk glows with Doppler beaming, graded through an HDR bloom ch","s":"21st","c":"other","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/black-hole/default/preview.1788203904722-ede294e1-d54e-4dc3-a0dd-6feadbe81976.png","pc":"vgpu"},{"id":"21st:vgpu__clipping","t":"Clipping","d":"A single signed-distance test slices an animated icosphere, while a fitted disk reveals the moving cross-section.","s":"21st","c":"other","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/clipping/default/preview.1788203902619-0624704c-2b64-4d26-96ee-1eae134fd928.png","pc":"vgpu"},{"id":"21st:vgpu__earth","t":"Earth","d":"A procedural planet with GPU-baked albedo, night lights and clouds, a lit atmosphere, and an HDR bloom chain tuned so only the sun glows.","k":"motion","s":"21st","c":"motion/globe","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/earth/default/preview.1789599305578-62ca0335-e630-47d8-b066-d971e6fbf93f.png","pc":"vgpu"},{"id":"21st:vgpu__environment-map","t":"Environment map","d":"One 360° equirectangular map lights the whole scene: it is the background and every reflection on a mirror-metal cube floating in it.","s":"21st","c":"data-viz/map","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/environment-map/default/preview.1788203906581-28c89460-e6b6-41cb-a6e8-6de1939b6469.png","pc":"vgpu"},{"id":"21st:vgpu__fft-ocean","t":"Fft ocean","d":"A deep-water surface driven by a real inverse FFT. A Phillips spectrum evolves in frequency space, Stockham passes produce a displacement field, and half a million particles ride t","s":"21st","c":"other","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/fft-ocean/default/preview.1788174794308-e709f772-3907-411c-9674-8565ae1b5127.png","pc":"vgpu"},{"id":"21st:vgpu__fft-ocean-surface","t":"Fft ocean surface","d":"A displaced ocean surface driven by a real inverse FFT. A Phillips spectrum evolves in frequency space, two compute passes run a shared-memory radix-2 IFFT into a displacement fiel","s":"21st","c":"data-display/avatar","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/fft-ocean-surface/default/preview.1788205240963-137afb73-5c82-49d0-bc6f-0e6fe64d8629.png","pc":"vgpu"},{"id":"21st:vgpu__fluid","t":"Fluid","d":"A compact pressure-projected fluid solver with velocity advection, colorful dye, and pointer or touch stirring.","k":"motion","s":"21st","c":"motion/shader","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/fluid/default/preview.1788175604340-0e50008b-06ce-4224-a4ff-de883981e943.png","pc":"vgpu"},{"id":"21st:vgpu__glass-fractal","t":"Glass fractal","d":"A beveled glass tetrahedron contains a morphing fractal mesh and liquid orb, combining screen-space transmission, studio reflections, soft material lighting and interactive control","s":"21st","c":"actions/button","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/glass-fractal/default/preview.1788205243807-8d465219-f437-41b2-976f-671fe168d855.png","pc":"vgpu","sb":"Animated"},{"id":"21st:vgpu__instanced-rendering","t":"Instanced rendering","d":"One cube mesh + one instance stream, with 125,000 independently animated cubes.","s":"21st","c":"other","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/instanced-rendering/default/preview.1788205983679-5ca65da3-2442-4018-9991-df0b48f23e27.png","pc":"vgpu"},{"id":"21st:vgpu__mnist-classifier","t":"Mnist classifier","d":"Draw a digit and classify it with ONNX Runtime Web on WebGPU. Render the GPU-resident logits through a non-owning vgpu buffer wrap.","s":"21st","c":"other","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/mnist-classifier/default/preview.1788761075074-fdd357a4-6151-4461-aac9-48247b74cc5e.png","pc":"vgpu"},{"id":"21st:vgpu__nextjs-flare","t":"Nextjs flare","d":"Next.js logo shader — a rim-lit N glyph with volumetric scattering: a 48-step ray walk jittered by blue noise over a separable Gaussian blur chain, breathing autonomously until the","s":"21st","c":"other","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/nextjs-flare/default/preview.1788178378705-593991bc-6540-4081-9ccd-082664066ddd.png","pc":"vgpu"},{"id":"21st:vgpu__optimized-black-hole","t":"Optimized black hole","d":"A multi-pass black hole that bakes relativistic ray traversal once into a G-buffer, then reuses it for animated disk shading, stars, antialiasing and HDR bloom.","s":"21st","c":"other","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/optimized-black-hole/default/preview.1788206563651-b85f42bf-2544-46c0-a04d-a9ddb80271fa.png","pc":"vgpu"},{"id":"21st:vgpu__particle-orbit","t":"Particle orbit","d":"A shared-device vgpu + TypeGPU experiment: TypeGPU advances light-seeking dust through a radiance field rendered by vgpu, then vgpu draws the same particle buffer zero-copy alongsi","k":"motion","s":"21st","c":"motion/background","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/particle-orbit/default/preview.1788763006300-e175ad0e-2604-4202-ac6f-a5b98336f420.png","pc":"vgpu","sb":"Particles and stars"},{"id":"21st:vgpu__radiance-cascades","t":"Radiance cascades","d":"Draw light with the pointer and watch it bounce: a jump-flooded distance field feeds six radiance cascades — base 4, geometric intervals, linear RGBA16F — merged top-down with visi","s":"21st","c":"other","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/radiance-cascades/default/preview.1788174938673-67ec0626-707c-43f0-926b-48b90d74c231.png","pc":"vgpu"},{"id":"21st:vgpu__raymarched-fractal","t":"Raymarched fractal","d":"A raymarched Sierpiński tetrahedron emerges from pure black under directional light and restrained HDR bloom, with drag-only orbit controls.","s":"21st","c":"actions/button","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/raymarched-fractal/default/preview.1788203907711-a3dc7973-a536-4b1c-9b3f-9fd7c014f442.png","pc":"vgpu"},{"id":"21st:vgpu__three-tsl","t":"Three tsl","d":"Author a procedural lava material as plain WGSL modules and wire them into a three.js node material — twelve surface slots, all driven from shader source.","k":"motion","s":"21st","c":"motion/shader","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/three-tsl/default/preview.1788203294366-93a2bf30-e554-4e9c-86f2-2ae62c8898ae.png","pc":"vgpu"},{"id":"21st:vgpu__transmission","t":"Transmission","d":"A glass cube refracts the scene behind it in screen space: the frame is rendered, blurred into a pyramid, and read back through Snell refraction, chromatic dispersion and a Fresnel","s":"21st","c":"other","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/transmission/default/preview.1788206558697-b6f46735-713e-4f91-ad8a-2b2c321eb415.png","pc":"vgpu"},{"id":"21st:vgpu__triangle-led-front","t":"Triangle led front","d":"Analytic edge-glow triangle with LED emitters, floor radiance, and interactive color deploy. Canvas-scoped pointer input drives the lighting while a lil-gui selector chooses highli","s":"21st","c":"other","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/triangle-led-front/default/preview.1788174868182-22efbabf-5135-46d5-ae97-1e800a5dfd6d.png","pc":"vgpu"},{"id":"21st:vgpu__tsl-exports","t":"Tsl exports","d":"Turn one exported WGSL function into a callable Three.js TSL node and use it on a physical material.","s":"21st","c":"other","a":"vgpu","pl":"https://cdn.21st.dev/vgpu/tsl-exports/default/preview.1788782572139-115770d4-8967-4a0d-9ad6-67dcc567db08.png","pc":"vgpu"},{"id":"21st:vijayksingh__meter","t":"Meter","d":"A horizontal row of LED-style segments showing a level within a range (storage, battery, signal), colored green/amber/red by position with a sweeping lamp-by-lamp animation when th","s":"21st","c":"data-viz/gauge","a":"vijayksingh","pl":"https://cdn.21st.dev/vijayksingh/meter/default/preview.1791554651746-0bdf276a-f848-47fb-95a6-37fed2938c0a.png","pc":"vijayksingh"},{"id":"21st:vijayksingh__skeleton","t":"Skeleton","d":"A placeholder loading state made of blocks, text lines, and circles that stands in for content while it loads, then fades into the real content once it arrives.","s":"21st","c":"status/skeleton","a":"vijayksingh","pl":"https://cdn.21st.dev/vijayksingh/skeleton/default/preview.1791017877752-4c1b664f-7dac-47d0-a8a1-aeb0d393823d.png","pc":"vijayksingh"},{"id":"21st:vijayksingh__spinner","t":"Spinner","d":"A small loading indicator with a sunk circular well and a turning green arc, used inside or beside a control (like a Save button) while it's working, that waits briefly before appe","s":"21st","c":"status/loader","a":"vijayksingh","pl":"https://cdn.21st.dev/vijayksingh/spinner/default/preview.1791017942254-e67a637f-c60d-4509-a86f-39846516615e.png","pc":"vijayksingh","sb":"Spinners"},{"id":"21st:vijayksingh__textarea","t":"Textarea","d":"An auto-growing multi-line text input with a character counter that fades in near the limit and shakes if the user types past it.","s":"21st","c":"inputs/textarea","a":"vijayksingh","pl":"https://cdn.21st.dev/vijayksingh/textarea/default/preview.1791026473394-b03b87b4-b1ac-4a75-83d5-aa59b2d70990.png","pc":"vijayksingh"},{"id":"21st:vijayksingh__weather","t":"Weather","d":"A weather card that draws the sky as an animated dot-matrix scene following the time of day (sun arc, moon phase, clouds, rain, snow, wind), with the current temperature, an hourly","s":"21st","c":"other","a":"vijayksingh","pl":"https://cdn.21st.dev/vijayksingh/weather/default/preview.1791026612971-99c07f61-489c-42ac-bff4-f95cfd928c76.png","pc":"vijayksingh"},{"id":"21st:vinnysaivignesh111__b-shader","t":"B shader","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#3DAFDB, #6ED3DE, #F8D8C9, #FBF0D0). A drop-in, zero-dependency","k":"motion","s":"21st","c":"motion/shader","a":"vinnysaivignesh111","pl":"https://cdn.21st.dev/vinnysaivignesh111/b-shader/default/preview.1789839935131-65529310-4908-476a-b6cd-cdde75bd0eae.webp","pc":"vinnysaivignesh111","sb":"Mesh drift"},{"id":"21st:vitor.prado.br__asociety","t":"Asociety","d":"Animated (flicker) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"vitor.prado.br","pl":"https://cdn.21st.dev/vitor.prado.br/asociety/default/preview.1790632247656-28cca034-58d1-47df-90be-db5f1b39c6d9.webp","pc":"vitor.prado.br","sb":"Dither"},{"id":"21st:vuong105701__surf-bg-2","t":"Surf bg 2","d":"Animated (flicker) ASCII art in the Dither style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards,","k":"motion","s":"21st","c":"motion/ascii","a":"vuong105701","pl":"https://cdn.21st.dev/vuong105701/surf-bg-2/default/preview.1788520854742-258fd95b-ff3e-43e9-bc44-38ed2686b35b.webp","pc":"vuong105701","sb":"Dither"},{"id":"21st:waseefanwar166__vedio-shader","t":"Vedio shader","d":"Animated WebGL shader background in the Neuro Noise style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"waseefanwar166","pl":"https://cdn.21st.dev/waseefanwar166/vedio-shader/default/preview.1789848933489-c3f2e748-c080-4f36-b749-85dd45a559d3.webp","pc":"waseefanwar166","sb":"Neuro Noise"},{"id":"21st:wensity__accordion","t":"Accordion","d":"An animated accordion for FAQs, settings groups and nested content, with single or multiple open items and several visual variants. Accessible, built on Base UI.","s":"21st","c":"data-display/accordion","a":"wensity","pl":"https://cdn.21st.dev/wensity/accordion/default/preview.1790294931419-64d4a560-d678-4c30-a757-0a1ef991aeff.png","pc":"wensity"},{"id":"21st:wensity__attachment","t":"Attachment","d":"A file attachment row for uploads, chats, and media previews, showing a file icon or image thumbnail, name, size, upload status/progress, and retry, download, or remove actions.","s":"21st","c":"inputs/file-upload","a":"wensity","pl":"https://cdn.21st.dev/wensity/attachment/default/preview.1790147381579-1242aedb-eeeb-4451-ac6b-dee53227763c.png","pc":"wensity"},{"id":"21st:wensity__avatar","t":"Avatar","d":"Avatars with image fallbacks, initials, presence dotsand stacked avatar groups. Use them in headers, comments, team lists and user menus.","s":"21st","c":"data-display/avatar","a":"wensity","pl":"https://cdn.21st.dev/wensity/avatar/default/preview.1790314781877-9163c721-1021-4ff8-975b-200c322a1dc2.jpg","pc":"wensity"},{"id":"21st:wensity__before-after-card","t":"Before after card","d":"A before and after image comparison slider with a draggable handle and full keyboard control. Show photo edits, redesigns, AI upscaling or product changes side by side.","s":"21st","c":"media/image-compare","a":"wensity","pl":"https://cdn.21st.dev/wensity/before-after-card/default/preview.1790308873486-66661701-45d9-401c-9566-615bef214c91.jpg","pc":"wensity"},{"id":"21st:wensity__button","t":"Button","d":"A complete button with default, secondary, outline, ghost, destructive and link variants, four sizes, a loading spinner and animated icons. Built on Base UI with accessible focus s","s":"21st","c":"actions/button","a":"wensity","pl":"https://cdn.21st.dev/wensity/button/default/preview.1790285121952-3ab1492d-8ba0-4567-8c24-5e76b4b1f37a.png","pc":"wensity"},{"id":"21st:wensity__button-group","t":"Button group","d":"A segmented container that visually joins related action buttons (like copy, edit, delete, or a split-button menu trigger) into one bordered control for toolbars and menus.","s":"21st","c":"actions/button","a":"wensity","pl":"https://cdn.21st.dev/wensity/button-group/default/preview.1789258165057-a9e5c97f-95b1-49df-8201-74e3e514ecd5.png","pc":"wensity","sb":"Groups and split"},{"id":"21st:wensity__calendar","t":"Calendar","d":"An inline month calendar with single, range and multiple date selection, event dots and animated month changes. Use it for booking, scheduling and availability views.","s":"21st","c":"data-display/calendar","a":"wensity","pl":"https://cdn.21st.dev/wensity/calendar/default/preview.1790294853746-96477db9-0acb-4fb9-8e65-ec55dec60dd3.png","pc":"wensity"},{"id":"21st:wensity__canvas-text","t":"Canvas text","d":"A headline that rasterizes text into canvas particles which spin as a loading ring before slowly resolving into the letterforms, with optional pointer-magnetism and idle drift.","s":"21st","c":"motion/text-effect","a":"wensity","pl":"https://cdn.21st.dev/wensity/canvas-text/default/preview.1789776281883-a42310b6-514d-4003-93c5-1759593b25b8.png","pc":"wensity"},{"id":"21st:wensity__card","t":"Card","d":"Content cards for stats, KPIs with sparklines, media, features and interactive surfaces. Header, content and footer slots make it easy to build dashboards and pricing grids.","s":"21st","c":"data-display/card","a":"wensity","pl":"https://cdn.21st.dev/wensity/card/default/preview.1790306694484-386fd538-a301-4292-86ce-3cf1a3f2a57e.jpg","pc":"wensity"},{"id":"21st:wensity__carousel","t":"Carousel","d":"A swipeable carousel with arrows, dot indicators, autoplay and looping. Use it for image galleries, testimonials, product shots and onboarding slides.","s":"21st","c":"media/carousel","a":"wensity","pl":"https://cdn.21st.dev/wensity/carousel/default/preview.1790306592907-6d86b6a0-b514-4b78-9435-57694be5c356.jpg","pc":"wensity"},{"id":"21st:wensity__chart","t":"Chart","d":"Themed Recharts charts for line, bar, area, pie and radar data, with tooltips, legends and a shared config. Drop them into analytics dashboards and reports.","s":"21st","c":"data-viz/chart","a":"wensity","pl":"https://cdn.21st.dev/wensity/chart/default/preview.1790298147005-35541675-1470-4873-bd81-19967d2aed7c.png","pc":"wensity"},{"id":"21st:wensity__collapsible","t":"Collapsible","d":"A collapsible section that expands and collapses content with a smooth height animation. Use it for show more text, advanced settings and sidebar groups.","s":"21st","c":"data-display/accordion","a":"wensity","pl":"https://cdn.21st.dev/wensity/collapsible/default/preview.1790298260182-1d15cf9e-9eb7-4a33-85ca-07be6b28fb83.png","pc":"wensity"},{"id":"21st:wensity__color-picker","t":"Color picker","d":"A color picker popover with a saturation canvas, hue and alpha sliders, a screen eyedropper and HEX, RGB and HSL inputs. Great for theme editors and design tools.","s":"21st","c":"inputs/color-picker","a":"wensity","pl":"https://cdn.21st.dev/wensity/color-picker/default/preview.1790303018770-02921d4d-3e97-4db2-9f78-2e33fc1c4fde.png","pc":"wensity"},{"id":"21st:wensity__command","t":"Command","d":"A command palette with instant search, grouped actions, keyboard shortcuts and nested pages. Add a Cmd K spotlight menu to any app or docs site.","s":"21st","c":"navigation/command-palette","a":"wensity","pl":"https://cdn.21st.dev/wensity/command/default/preview.1790295048706-18007920-5c29-4236-8fbd-9eff42e769ba.png","pc":"wensity"},{"id":"21st:wensity__context-menu","t":"Context menu","d":"A right click context menu with grouped sections, nested submenus, keyboard shortcut labels and destructive items. Built on Base UI for file managers, editors and canvases.","s":"21st","c":"overlays/context-menu","a":"wensity","pl":"https://cdn.21st.dev/wensity/context-menu/default/preview.1790299665853-3eb8108e-a423-4108-a5c1-f0050f7cd892.png","pc":"wensity"},{"id":"21st:wensity__data-table","t":"Data table","d":"A data table with search, column sorting, filtering, row selection, pagination, and expandable detail rows for admin dashboards, CRMs, and order lists.","s":"21st","c":"data-display/table","a":"wensity","pl":"https://cdn.21st.dev/wensity/data-table/default/preview.1790356379825-6323d78d-99ca-4877-ad6e-36a04ee3fffc.png","pc":"wensity","sb":"Data tables"},{"id":"21st:wensity__date-picker","t":"Date picker","d":"A date picker popover for single dates and date ranges, with presets like last 7 days, optional time selection and quick month and year navigation. Great for filters and booking fo","s":"21st","c":"inputs/date-picker","a":"wensity","pl":"https://cdn.21st.dev/wensity/date-picker/default/preview.1790308631928-e36a248c-4b70-49e6-9b4d-6764e51b37a4.png","pc":"wensity"},{"id":"21st:wensity__dialog","t":"Dialog","d":"An accessible modal dialog with header, body and footer slots for forms, confirmations and focused tasks. Animated open and close with focus trapping, built on Base UI.","s":"21st","c":"overlays/dialog","a":"wensity","pl":"https://cdn.21st.dev/wensity/dialog/default/preview.1790295367730-737e004f-bdf5-488d-9419-fbc76c491932.png","pc":"wensity"},{"id":"21st:wensity__drawer","t":"Drawer","d":"A mobile bottom sheet drawer with drag to dismiss, snap points and a drag handle, plus side drawers for larger screens. Ideal for mobile menus, filters and checkout steps.","s":"21st","c":"overlays/sheet","a":"wensity","pl":"https://cdn.21st.dev/wensity/drawer/default/preview.1790295467867-b38d5c09-4a06-4afe-8ab0-009aa7a99e15.png","pc":"wensity"},{"id":"21st:wensity__dropdown-menu","t":"Dropdown menu","d":"A dropdown menu with grouped items, nested submenus, checkbox and radio items and shortcut labels. Accessible, built on Base UI for user menus and row actions.","s":"21st","c":"navigation/menu","a":"wensity","pl":"https://cdn.21st.dev/wensity/dropdown-menu/default/preview.1790306745986-b64459e5-beff-4bc4-a8ae-2012e90e4ad5.png","pc":"wensity","sb":"Dropdowns"},{"id":"21st:wensity__file-uploader","t":"File uploader","d":"A drag and drop file uploader with a high contrast dropzone, image tiles, document cards and circular upload progress. Use it for attachments, media libraries and onboarding forms.","s":"21st","c":"inputs/file-upload","a":"wensity","pl":"https://cdn.21st.dev/wensity/file-uploader/default/preview.1790294774526-bcd1970f-30d4-41c6-95e8-ac29e9d982b0.png","pc":"wensity"},{"id":"21st:wensity__github-activity-grid","t":"Github activity grid","d":"A GitHub style contribution graph with 365 day squares sharing one tooltip that glides between days, plus a reveal that ripples back from today. Use it for streaks, habit trackers ","s":"21st","c":"data-display/timeline","a":"wensity","pl":"https://cdn.21st.dev/wensity/github-activity-grid/default/preview.1790294977249-839cab43-623e-48e2-9f87-878f5eb399e3.png","pc":"wensity"},{"id":"21st:wensity__hover-card","t":"Hover card","d":"A hover card that previews a user profile or link when you hover a name, with avatar, bio and actions. Great for mentions, author bylines and team directories.","s":"21st","c":"overlays/hover-card","a":"wensity","pl":"https://cdn.21st.dev/wensity/hover-card/default/preview.1790291377612-3e388517-1528-4ab6-a6b5-94e4b008c3e8.png","pc":"wensity"},{"id":"21st:wensity__liquid-multimodal-input","t":"Liquid multimodal input","d":"An AI chat prompt input that grows as you type, with a glowing drag and drop zone for files, file attachments and a model picker. Built for ChatGPT style chat apps and AI agents.","s":"21st","c":"inputs/form-field","a":"wensity","pl":"https://cdn.21st.dev/wensity/liquid-multimodal-input/default/preview.1790299780649-37eae2fa-fa99-42d8-9e30-6732bebab31e.png","pc":"wensity"},{"id":"21st:wensity__native-select","t":"Native select","d":"A styled native select with grouped options, placeholders, inline variants and error states. Uses the browser picker for the best mobile experience in forms.","s":"21st","c":"inputs/select","a":"wensity","pl":"https://cdn.21st.dev/wensity/native-select/default/preview.1790306614686-ad88b1dd-302a-4bf3-9ce4-920b274bb670.png","pc":"wensity"},{"id":"21st:wensity__navigation-menu","t":"Navigation menu","d":"A header navigation menu with animated dropdown panels, mega menus and nested links, fully keyboard accessible. Use it for marketing sites and SaaS navbars.","s":"21st","c":"navigation/top-nav","a":"wensity","pl":"https://cdn.21st.dev/wensity/navigation-menu/default/preview.1790307691381-1da74699-abc1-4967-82b4-fe220bb0f020.png","pc":"wensity","sb":"Mega menus"},{"id":"21st:wensity__popover","t":"Popover","d":"A floating popover panel with title, description and arrow for inline forms, quick settings and previews. Smart positioning and full keyboard support, built on Base UI.","s":"21st","c":"overlays/popover","a":"wensity","pl":"https://cdn.21st.dev/wensity/popover/default/preview.1790295267571-ff2dcb69-6e98-453c-8f8f-851a9d15f2c7.png","pc":"wensity"},{"id":"21st:wensity__scroll-area","t":"Scroll area","d":"A scroll area with slim auto hiding custom scrollbars for lists, sidebars, chat panels and code blocks. Keeps constrained containers tidy on every browser.","k":"layout","s":"21st","c":"layout/scroll-area","a":"wensity","pl":"https://cdn.21st.dev/wensity/scroll-area/default/preview.1790305711244-f655c113-f7ee-42ff-b056-09a57c003592.jpg","pc":"wensity"},{"id":"21st:wensity__sidebar","t":"Sidebar","d":"A collapsible app sidebar that shrinks to an icon rail, with sections, badges, a user footer and an animated active item. The base for dashboards and SaaS app shells.","s":"21st","c":"navigation/sidebar","a":"wensity","pl":"https://cdn.21st.dev/wensity/sidebar/default/preview.1790303578745-d63aca4c-6635-4c7d-b8e4-4fa0a2538765.jpg","pc":"wensity"},{"id":"21st:wensity__slider","t":"Slider","d":"An accessible range slider with single and dual thumbs, steps and a value bubble that appears on drag or focus. Use it for prices, volume and filter ranges.","s":"21st","c":"inputs/slider","a":"wensity","pl":"https://cdn.21st.dev/wensity/slider/default/preview.1790294656195-54a8c983-2e76-484e-86f1-9e96b4903c02.png","pc":"wensity"},{"id":"21st:wensity__text-blur-reveal","t":"Text blur reveal","d":"A headline text component that blurs and fades in word by word or letter by letter as it scrolls into view.","s":"21st","c":"motion/text-effect","a":"wensity","pl":"https://cdn.21st.dev/wensity/text-blur-reveal/default/preview.1789258091487-b03bb3c5-ac3d-4567-8705-6f40496692af.png","pc":"wensity","sb":"Reveal and entrance"},{"id":"21st:wensity__text-char-slide","t":"Text char slide","d":"A headline text animation that slides each character in from the side with a clean stagger. Easy to tune with delay and duration, great for hero titles and section headings.","s":"21st","c":"motion/text-effect","a":"wensity","pl":"https://cdn.21st.dev/wensity/text-char-slide/default/preview.1790298103814-3036031a-5de4-463b-919a-47d890cea20b.png","pc":"wensity","sb":"Reveal and entrance"},{"id":"21st:wensity__text-cycle","t":"Text cycle","d":"A rotating words headline that cycles through phrases with a per character blur stagger. Use it in hero sections to rotate audiences, features or use cases.","s":"21st","c":"motion/text-effect","a":"wensity","pl":"https://cdn.21st.dev/wensity/text-cycle/default/preview.1790298327053-33438592-ddd9-4889-9cca-426bfcf80127.png","pc":"wensity","sb":"Rotating words"},{"id":"21st:wensity__text-morphing","t":"Text morphing","d":"An animated headline that blur-crossfades between a list of phrases, looping continuously with reduced-motion support.","s":"21st","c":"motion/text-effect","a":"wensity","pl":"https://cdn.21st.dev/wensity/text-morphing/default/preview.1789776159873-00392177-53b7-4517-947e-7d2e4a78dbc3.png","pc":"wensity","sb":"Rotating words"},{"id":"21st:wensity__text-motion","t":"Text motion","d":"A flexible text animation that splits a headline by word, character or line and animates each piece with your own Framer Motion variants. Respects reduced motion.","s":"21st","c":"motion/text-effect","a":"wensity","pl":"https://cdn.21st.dev/wensity/text-motion/default/preview.1790298173569-70822696-bd8b-48b7-aa5a-faa095b94e62.png","pc":"wensity"},{"id":"21st:wensity__text-path","t":"Text path","d":"A curved headline text component that tiles a string along an SVG wave, arc, or circle path with a seamless looping marquee animation.","s":"21st","c":"motion/text-effect","a":"wensity","pl":"https://cdn.21st.dev/wensity/text-path/default/preview.1790192449467-d3742328-10b4-41a5-af29-39fc9711a725.png","pc":"wensity"},{"id":"21st:wensity__text-ripple","t":"Text ripple","d":"Free CSS-only React text ripple with a 3D character wave and a traveling color crest. GPU light, reduced motion supported.","s":"21st","c":"motion/text-effect","a":"wensity","pl":"https://cdn.21st.dev/wensity/text-ripple/default/preview.1790281433367-be80fbc4-166d-44cb-8b1b-acd47349b7c3.png","pc":"wensity"},{"id":"21st:wensity__text-shimmer","t":"Text shimmer","d":"A CSS-only shimmering text effect for headlines that sweeps a bright highlight band across the text in an infinite, reduced-motion-safe loop.","k":"motion","s":"21st","c":"motion/text-effect","a":"wensity","pl":"https://cdn.21st.dev/wensity/text-shimmer/default/preview.1789775274162-752fe409-ddf2-406e-a323-bdfe7287a343.png","pc":"wensity","sb":"Gradient and shimmer"},{"id":"21st:wensity__toggle","t":"Toggle","d":"Toggle buttons and toggle groups for editor toolbars, view switchers and filters, with a sliding active indicator. Single or multiple selection with full keyboard support.","s":"21st","c":"actions/switch","a":"wensity","pl":"https://cdn.21st.dev/wensity/toggle/default/preview.1790287769676-fe322ceb-f576-439b-8414-4dbb837fba47.png","pc":"wensity"},{"id":"21st:wensity__tooltip","t":"Tooltip","d":"Accessible tooltips with rich content, keyboard shortcut hints and smart placement. Use them to explain icon buttons, toolbar actions and truncated labels.","s":"21st","c":"overlays/tooltip","a":"wensity","pl":"https://cdn.21st.dev/wensity/tooltip/default/preview.1790299419892-4568ef9e-f87a-4e83-aa27-bae2af1ada34.png","pc":"wensity"},{"id":"21st:william.rinaldi2008__repeat-start","t":"Repeat start","d":"Animated WebGL shader background in the Plasma style. Generated by the 21st.dev Shader Builder. 4-color palette (#000000, #1F51FF, #00E5FF, #EAFDFF). Features: film grain. A drop-i","k":"motion","s":"21st","c":"motion/shader","a":"william.rinaldi2008","pl":"https://cdn.21st.dev/william.rinaldi2008/repeat-start/default/preview.1787292970027-ec745dac-a5c6-4b6a-baa0-8d0c0ddedab4.webp","pc":"william.rinaldi2008","sb":"Plasma"},{"id":"21st:wlazlo.michal05__black-red-white","t":"Black red white","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 5-color palette (#101010, #F5F5F5, #B0B0B0, #3A3A3A, #CB2020). A drop-in, zero-depende","k":"motion","s":"21st","c":"motion/shader","a":"wlazlo.michal05","pl":"https://cdn.21st.dev/wlazlo.michal05/black-red-white/default/preview.1787573756979-53112ca7-9e7c-4bcb-a73f-6d88e36db0d9.webp","pc":"wlazlo.michal05","sb":"Silk"},{"id":"21st:wlazlo.michal05__red-black-vanila","t":"Red black vanila","d":"Animated WebGL shader background in the Silk style. Generated by the 21st.dev Shader Builder. 4-color palette (#171717, #821212, #990F0F, #FFF7E5). Features: cursor-reactive (swirl","k":"motion","s":"21st","c":"motion/shader","a":"wlazlo.michal05","pl":"https://cdn.21st.dev/wlazlo.michal05/red-black-vanila/default/preview.1787566554236-888cfdd6-9541-4e26-8de2-031e004d2acb.webp","pc":"wlazlo.michal05","sb":"Silk"},{"id":"21st:wsmit22__willzoshader","t":"Willzoshader","d":"Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#000B10, #005F73, #7BAF9E, #8E8058). Features: cursor-reactive ","k":"motion","s":"21st","c":"motion/shader","a":"wsmit22","pl":"https://cdn.21st.dev/wsmit22/willzoshader/default/preview.1787782556840-7b7ecffe-d098-4eec-8074-189e970a2201.webp","pc":"wsmit22","sb":"Mesh drift"},{"id":"21st:xuweiyao233__ovone","t":"Ovone","d":"Animated (wave) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, cards","k":"motion","s":"21st","c":"motion/ascii","a":"xuweiyao233","pl":"https://cdn.21st.dev/xuweiyao233/ovone/default/preview.1791075050388-75cb81b2-24e9-42ea-8007-0adda7d351dd.webp","pc":"xuweiyao233","sb":"Characters"},{"id":"21st:yaleikadigital__footer-wisel","t":"Footer wisel","d":"Animated (shimmer) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. Styled with a retro look. A drop-in, zero-dependency React compo","k":"motion","s":"21st","c":"motion/ascii","a":"yaleikadigital","pl":"https://cdn.21st.dev/yaleikadigital/footer-wisel/default/preview.1789833045945-22ce7062-2e78-4114-a8af-731eaff8b182.webp","pc":"yaleikadigital","sb":"Characters"},{"id":"21st:yogesharc__thinking-orbs","t":"Thinking orbs","d":"Well-crafted, animated orb status indicators for AI interfaces. For React or plain JS, with no dependencies. More shapes and playground in thinkingorbs.com .","s":"21st","c":"ai-agent/ai-agent","a":"yogesharc","pl":"https://cdn.21st.dev/yogesharc/thinking-orbs/default/preview.1790834080851-297a6f9f-af89-4690-914f-caeca6074d70.png","pc":"yogesharc","sb":"Reasoning and tools"},{"id":"21st:youcefbnm__globe","t":"Globe","d":"A stylized SVG world map that fills its container like a globe, with animated pulse markers you can pin to specific locations to show geo data.","k":"motion","s":"21st","c":"motion/globe","a":"youcefbnm","pl":"https://cdn.21st.dev/youcefbnm/globe/default/preview.1789768916098-531bb5dc-9b05-4787-a364-cd72762c610d.png","pc":"youcefbnm"},{"id":"21st:youcefbnm__slideshow","t":"Slideshow","d":"An interactive image slideshow where hovering staggered text indicators reveals the matching slide with an animated clip-path transition.","s":"21st","c":"media/carousel","a":"youcefbnm","pl":"https://cdn.21st.dev/youcefbnm/slideshow/default/preview.1788322731329-f8551f80-8e1d-4ab4-ac24-d3b2e4fe2057.png","pc":"youcefbnm"},{"id":"21st:yovan__square-wave-loader","t":"Square wave loader","s":"21st","c":"status/loader","a":"yovan","pl":"https://cdn.21st.dev/navoyovan/square-wave-loader/default/preview.1790531963509-64fe3d26-83af-452c-b9e5-654b03eb9abc.png","pc":"yovan","sb":"Shapes and grids"},{"id":"21st:yura__airlock-spaceship-hero","t":"Airlock spaceship hero","d":"A scroll-locked video hero: the page stops and the wheel scrubs an astronaut out through two spaceship airlock hatches into open space.","k":"section","s":"21st","c":"marketing/hero","a":"yura","pl":"https://cdn.21st.dev/yura/airlock-spaceship-hero/default/preview.1788384572343-a94c9af9-4b3a-4564-8835-444d10dc55b9.webp","pc":"yura","sb":"SaaS and AI"},{"id":"21st:yura__carousel-squeeze","t":"Carousel squeeze","d":"An expanding accordion image carousel: one wide hero panel, the rest squeezed into thin clickable strips. Smooth width animation, click-to-open, hover grow, autoplay, keyboard cont","s":"21st","c":"media/carousel","a":"yura","pl":"https://cdn.21st.dev/yura/carousel-squeeze/default/preview.1787420809042-efcce442-3d43-4cd1-afe0-2f4cabfc9dd9.webp","pc":"yura"},{"id":"21st:zaiddagamseh__halftone-shader-hop-films","t":"Halftone shader hop films","d":"Animated WebGL shader background in the Halftone style. Generated by the 21st.dev Shader Builder. 5-color palette (#00001A, #2962FF, #42BDFF, #FFB5B3, #FFC14D). Features: high inte","k":"motion","s":"21st","c":"motion/shader","a":"zaiddagamseh","pl":"https://cdn.21st.dev/zaiddagamseh/halftone-shader-hop-films/default/preview.1788531406159-71813c72-7650-400d-9b48-640cd8eecc25.webp","pc":"zaiddagamseh","sb":"Halftone"},{"id":"21st:ziegfiroyt__blog25","t":"Blog25","d":"A two-column blog section with a featured image on the left and a divider-separated list of article entries with hover arrow effects on the right.","k":"section","s":"21st","c":"marketing/marketing","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/blog25/default/preview.1789991310854-c7a53bee-839e-4f17-a94b-54126bf472e2.png","pc":"ziegfiroyt","sb":"Blog and posts"},{"id":"21st:ziegfiroyt__booking29","t":"Booking29","d":"A three-question booking intake form that matches the visitor's answers to a specific appointment type, length and clinician, with a live availability card that swaps to match the ","s":"21st","c":"data-display/calendar","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/booking29/default/preview.1790057146799-617a8241-5882-4151-8416-6924ada41052.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__changelog28","t":"Changelog28","d":"A changelog section grouped by month that lists every release with its version, date, and entries tagged added, changed, fixed, or removed.","k":"section","s":"21st","c":"marketing/marketing","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/changelog28/default/preview.1789978573929-6d9430bb-23d0-4315-905c-ccc7315e8901.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__cta69","t":"Cta69","d":"A full-bleed closing call-to-action section with a giant monochrome scrolling marquee behind a centered heading, badge, note and seal button.","k":"section","s":"21st","c":"marketing/cta","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/cta69/default/preview.1788837246231-2ed90b01-f948-4f3b-8df5-ad03c7ae3890.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__ecommerce11","t":"Ecommerce11","d":"A measurement chart table showing size, chest, waist, hips, and length columns for clothing product pages and sizing reference.","s":"21st","c":"other","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/ecommerce11/default/preview.1790063970802-7550ddab-a21a-41f4-9b41-9d2e27033940.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__ecommerce15","t":"Ecommerce15","d":"A row of icon cards showing shipping, delivery, tracking, and returns policies for product or checkout pages.","s":"21st","c":"other","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/ecommerce15/default/preview.1790062860724-0c7ed890-697d-4d66-96fb-5024d9f0ea6c.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__ecommerce32","t":"Ecommerce32","d":"A grid of brand logo cards with product counts and hover effects that link out to each brand's page, used for multi-brand e-commerce brand discovery sections.","s":"21st","c":"other","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/ecommerce32/default/preview.1790065162364-a99dc5a6-bf85-40f8-9d3f-9fe4efe79f5f.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__ecommerce4","t":"Ecommerce4","d":"A responsive product category grid with image cards, hover zoom, featured badges, and product counts, ideal for storefront navigation and collection showcases.","s":"21st","c":"other","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/ecommerce4/default/preview.1790060886986-9be9c6a1-3c1c-4358-a47e-982d7981e4ac.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__ecommerce46","t":"Ecommerce46","d":"A multi-step quiz that scores products against a shopper's answers and reveals the single best-matching product with its photo, price, and reasons it won.","s":"21st","c":"other","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/ecommerce46/default/preview.1790071831648-886e1ec6-c82d-4760-b807-f18825d532c7.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__ecommerce5","t":"Ecommerce5","d":"A split-layout product detail section with image, pricing, discount badge, star rating, feature list, and an add-to-cart button, ideal for highlighting a premium or limited-edition","s":"21st","c":"other","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/ecommerce5/default/preview.1790061764439-bc6aee5d-ba77-4a23-9b3e-2b4a4e5215ce.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__error1","t":"Error1","d":"A minimal centered 404 not-found page with a large error code, heading, short explanation, call-to-action buttons, and a row of popular page links.","s":"21st","c":"other","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/error1/default/preview.1790075977658-ec7dd501-a397-4cba-99c0-69fe44b22510.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__error2","t":"Error2","d":"A 404 error page with a search field for finding content plus a list of suggested pages to help lost visitors navigate back.","s":"21st","c":"other","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/error2/default/preview.1790076522192-1445879d-31f4-49dd-bb6c-d21f7e356245.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__error34","t":"Error34","d":"A 404 not-found page section with an error eyebrow badge, an oversized heading, recovery action buttons, and a hairline list of alternate destinations.","s":"21st","c":"other","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/error34/default/preview.1790073174708-05c5db51-8488-40b0-87d3-4ccffa9ba381.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__error6","t":"Error6","d":"A minimal 404 error page layout that shows the status code and heading side by side on one line separated by a divider, with a single outline button to go back home.","s":"21st","c":"other","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/error6/default/preview.1790074520536-619c29db-4f27-4595-be07-ad2778c2a4d0.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__error7","t":"Error7","d":"A compact bordered 404 error card with a circular icon, status label, heading, short explanation, and stacked full-width action buttons, suited for app shells, modals, and full pag","s":"21st","c":"other","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/error7/default/preview.1790078287973-4ca6e844-709d-4f6d-b189-51eddc46e1ee.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__error8","t":"Error8","d":"A 404 error page that counts down and automatically redirects the user to another URL, with a cancel button to stop the timer and a manual go-now link.","s":"21st","c":"other","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/error8/default/preview.1790075278967-b6a86466-daaa-43f9-84fc-b08b97fbf152.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__error9","t":"Error9","d":"A left-aligned 404 error page section that strikes through the requested path and points visitors to the closest matching page with a suggestion box and a back-to-home button.","s":"21st","c":"other","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/error9/default/preview.1790076624115-43d2e6b1-7624-4715-83f5-6a6b67c2f07d.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__faq92","t":"Faq92","d":"A help section that routes visitors to a written answer by asking two quick multiple-choice questions instead of a search box, showing a live assistant card beside the answer and a","k":"section","s":"21st","c":"marketing/faq","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/faq92/default/preview.1788837925118-20806908-b6a9-4f0e-9221-94554413611b.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__onboarding3","t":"Onboarding3","d":"A centered welcome screen with a branded icon, heading, description, and single call-to-action button for onboarding new users into an app.","s":"21st","c":"navigation/wizard-steps","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/onboarding3/default/preview.1790085774557-fea0b8c8-1006-4c26-bd13-257ebc7ac735.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__onboarding9","t":"Onboarding9","d":"A multi-step onboarding wizard with square numbered step indicators and a content card that walks users through product setup or feature introductions.","s":"21st","c":"navigation/wizard-steps","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/onboarding9/default/preview.1790087072613-3599e25e-3014-41fb-b679-21c39786bbd0.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__settings64","t":"Settings64","d":"A billing history table that lists invoices with date, description, amount, and payment status badges, plus a download button for each one.","k":"layout","s":"21st","c":"flows/settings","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/settings64/default/preview.1789978574209-3b932613-f052-4291-bf7d-999e3f7df08e.png","pc":"ziegfiroyt"},{"id":"21st:ziegfiroyt__terminal1","t":"Terminal1","d":"An animated terminal window that types out CLI commands and their output character-by-character, useful for showcasing install steps or quick-start guides.","s":"21st","c":"data-display/code-block","a":"ziegfiroyt","pl":"https://cdn.21st.dev/ziegfiroyt/terminal1/default/preview.1790123041851-7e825456-cdf7-46d7-9663-e28075028fe6.png","pc":"ziegfiroyt"},{"id":"21st:zxchecka812__demon","t":"Demon","d":"Animated (flicker) ASCII art in the Characters style, made with the 21st ASCII editor and baked to a looping video. A drop-in, zero-dependency React component for hero sections, ca","k":"motion","s":"21st","c":"motion/ascii","a":"zxchecka812","pl":"https://cdn.21st.dev/zxchecka812/demon/default/preview.1790054445087-50e27801-76c0-400c-bb3a-acb65b32aa51.webp","pc":"zxchecka812","sb":"Characters"},{"id":"21st-ascii:community__111-1b1b1d95-b943-45a3-83ff-1644085a2298","t":"111","d":"111 turns any photo into mosaic ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_37uTI9hlEYXnjEFWy2aLO2iI5gF/20848c4f-fc0a-41cf-a289-5234327b4539.webp","pc":"community"},{"id":"21st-ascii:community__1s1s-ce28fb3d-6bbe-4c90-83b7-6b2db90c7b43","t":"1s1s","d":"1s1s turns any photo into dither ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3HdhXqtaGNK6PDvN2DFY8vAT2Sr/5a8e1637-89e6-4132-8e00-61fbb69fda53.webp","pc":"community"},{"id":"21st-ascii:community__absinthe-f2aea758-e8aa-4a0f-848f-68e83a655ffb","t":"Absinthe","d":"Absinthe turns any photo into characters ASCII art with a glitch, neon look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/f2aea758-e8aa-4a0f-848f-68e83a655ffb.jpg","pc":"community"},{"id":"21st-ascii:community__acg-aa78889f-b9e1-4b42-9d30-8314ce06ea53","t":"acg","d":"acg turns any photo into triangles ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_39fm4Vn9JRZxIDavlqXFa5DaQB6/c1791817-bb48-4701-8eff-8dfd07e39488.webp","pc":"community"},{"id":"21st-ascii:community__act-of-creation-2c1ab28b-293a-4c8f-a2d2-f2697222bd56","t":"Act of creation","d":"Act of creation turns any photo into voxel ASCII art with a mosaic, retro look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GMpZ2x21zhvHKicoTIMpHGLqpH/b14be566-20d3-470a-a478-283d5da34dff.png","pc":"community"},{"id":"21st-ascii:community__adan-y-dios-b9131b92-b492-41c4-8670-f8404b61fdfc","t":"adan y dios","d":"adan y dios turns any photo into dither ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3ExVfhyU8AKI7RnhKaZ3aw3zJW6/e397eeb7-cb85-4e83-8fe8-944e1bd6be89.webp","pc":"community"},{"id":"21st-ascii:community__agents-odyssey-d0928d41-b32a-42b3-b6ab-f90bc55b0d3a","t":"Agents Odyssey","d":"Agents Odyssey turns any photo into characters ASCII art with a terminal look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3E58J0dlpBNJOiOFx1s2HhsiRfy/da3d0b23-59ea-4644-916a-85b185b77407.webp","pc":"community"},{"id":"21st-ascii:community__aircraft-cabin-9373e012-fc02-4707-b8b3-11ee84449359","t":"aircraft cabin","d":"aircraft cabin turns any photo into matrix ASCII art with a retro look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3FiWvlvyf1NFbcyefLxuzu1GsyU/0850bb48-a789-48b8-8e93-d6b55dcc59a0.webp","pc":"community"},{"id":"21st-ascii:community__alinyxe-d8808552-9486-456a-acc0-820915834d61","t":"Alinyxe","d":"Alinyxe turns any photo into hex dump ASCII art with a colorful, pixel, retro look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3BRg6PyisstXC1zlxhG66cyXdXC/14654a9f-58ae-4f0d-badd-58be336614d7.webp","pc":"community"},{"id":"21st-ascii:community__alinyxe-ea932b38-1f33-42a2-9141-385999ea1dc9","t":"Alinyxe","d":"Alinyxe turns any photo into hex dump ASCII art with a animated, terminal look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3BRg6PyisstXC1zlxhG66cyXdXC/9f5d9f38-d914-49c9-87c2-149027b5e507.webp","pc":"community"},{"id":"21st-ascii:community__all-about-the-benjamins-b1fb93e5-0750-45f9-9d2e-e50334a4f4bd","t":"All about the Benjamins","d":"All about the Benjamins turns any photo into dither ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_39EaRfg2w8uEmTqnT3x185d0oOr/039443d3-dc1c-495f-9418-9f0474c93bf9.webp","pc":"community"},{"id":"21st-ascii:community__amber-dusk-fb27c825-bcf6-454b-914e-48924c842a85","t":"Amber Dusk","d":"Amber Dusk turns any photo into diamond ASCII art with a colorful look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/fb27c825-bcf6-454b-914e-48924c842a85.jpg","pc":"community"},{"id":"21st-ascii:community__animated-mosaic-portrait-5f88f002-7a75-4c62-b5c5-559705ac8f71","t":"Animated Mosaic Portrait","d":"Animated Mosaic Portrait turns any photo into mosaic ASCII art with a animated, colorful, mosaic look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/8478023b-41f4-480c-bfac-c44ad876652a.webp","pc":"community"},{"id":"21st-ascii:community__anime-63cdfe3b-1612-497b-8543-d5934044fddb","t":"anime","d":"anime turns any photo into dots ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3Gv3EUZPUJrMTTgyQXIozrYTNWN/d40181d0-1455-4369-94dd-c2729938dfc6.webp","pc":"community"},{"id":"21st-ascii:community__aossie-logo-bb472d6c-85ff-44c5-b5df-95bf14a1965a","t":"Aossie Logo","d":"Aossie Logo turns any photo into characters ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3H6URayH59FFognGTudD2L8eUz0/fc508483-eb7c-41b6-8822-7d13836d6880.webp","pc":"community"},{"id":"21st-ascii:community__ascii-flower-7e81d96d-0512-43e2-b311-ec057243029b","t":"ascii flower","d":"ascii flower turns any photo into dither ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_303XMtoirrQlWWGb8KnV7WJoQOZ/7fa35d6b-864c-403a-ac1c-31366c7f0ace.webp","pc":"community"},{"id":"21st-ascii:community__ascii-log-leet-6f959e72-b49c-4f1e-913e-d8c05d678ab3","t":"ASCII log leet","d":"ASCII log leet turns any photo into characters ASCII art with a neon look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_35NAal4ngoiwl586UuIyinZjTsG/b732d510-cc6f-4404-b9a4-04109f4e3c5a.webp","pc":"community"},{"id":"21st-ascii:community__barber-74bbd566-6dbc-427b-808d-5457d18156b0","t":"barber","d":"barber turns any photo into hex dump ASCII art with a minimal look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3H0cFXNmjKTZIPXU6tldfFwZPRB/71b08e54-51e5-4bf1-9c06-fc8716d15ed8.webp","pc":"community"},{"id":"21st-ascii:community__bed-laptop-ascii-427eb473-1a8b-40bb-98c6-766c07fe233a","t":"Bed Laptop Ascii","d":"Bed Laptop Ascii turns any photo into dots ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3HdIGFrhAXvCUDQ3P1fjXzXyAJH/225ae3fc-1be9-4f3c-b251-112bfa3c5d68.webp","pc":"community"},{"id":"21st-ascii:community__bennet-46bfa460-8899-47d9-9d59-af514c9b52dc","t":"bennet","d":"bennet turns any photo into dither ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3H515LbCV9LPma3wcrBvW7ztm9i/4be5636f-0cc9-441c-a377-ad5e6a4f92ed.webp","pc":"community"},{"id":"21st-ascii:community__bondz-df976528-aa87-49c4-b088-ef43cb1e7338","t":"BONDZ","d":"BONDZ turns any photo into bricks ASCII art with a glitch, monochrome, retro look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3DgFtR07mWTnLi8r1M77rx1ApoX/2ddb5225-5dbc-41cf-b9c3-6231af2aeda1.webp","pc":"community"},{"id":"21st-ascii:community__brazil-characters-a1cac068-7a5d-469c-aad3-e039ba9cf703","t":"Brazil_Characters","d":"Brazil_Characters turns any photo into characters ASCII art with a mosaic look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3ETw91gLme3LLAc0GSmXpwQ4DiP/830d005f-3d68-49c4-a0cf-f7f12954a83d.webp","pc":"community"},{"id":"21st-ascii:community__bread-and-butter-015c6cbd-d837-4672-9aa7-1e20d373c40a","t":"Bread and Butter","d":"Bread and Butter turns any photo into dither ASCII art with a pixel look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_35dXCb8T858HYP5Y3RlDAYfeaum/8c6162ac-7882-442f-8a89-fc9e04e0ae6e.webp","pc":"community"},{"id":"21st-ascii:community__brick-wall-65a193ca-da61-4f53-a7fe-32cbd1413677","t":"Brick Wall","d":"Brick Wall turns any photo into bricks ASCII art with a mosaic, pixel look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/65a193ca-da61-4f53-a7fe-32cbd1413677.jpg","pc":"community"},{"id":"21st-ascii:community__bull-3d7f66cc-d435-41f4-a836-e4b1f40a2392","t":"bull","d":"bull turns any photo into matrix ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_33plgKAPWvgH1cptLSFAUXCFisX/d63eba1e-269c-4704-b3f9-5b4190e08fcb.webp","pc":"community"},{"id":"21st-ascii:community__chess-e39b8cc1-802e-4003-9240-f799e5f40fc1","t":"chess","d":"chess turns any photo into dither ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2sisNb6Cf8GNAjP393wnJCLVH84/1783561310965-9zzg7h.png","pc":"community"},{"id":"21st-ascii:community__code-rain-14a45fc1-ebee-47a4-b8d4-772d084815d4","t":"Code Rain","d":"Code Rain turns any photo into characters ASCII art with a glitch, neon, terminal look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/14a45fc1-ebee-47a4-b8d4-772d084815d4.jpg","pc":"community"},{"id":"21st-ascii:community__collab-cfae2635-23b5-406b-8662-40ad068bdc49","t":"collab","d":"collab turns any photo into voxel ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2y4mAmG5WMonwhwjqKc8LyeecUz/8bfdb54b-25ce-40bd-b4f1-8bcf9642ad6b.webp","pc":"community"},{"id":"21st-ascii:community__creation-of-adam-04c6844d-b7ae-4308-ada5-85ef227c2376","t":"Creation of Adam","d":"Creation of Adam turns any photo into characters ASCII art with a animated, minimal, monochrome look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GvGqINgQUzimY4TG0e8Wu9pu0I/357aa72a-5ed4-47e6-a6e1-6f2894a3ccbb.png","pc":"community"},{"id":"21st-ascii:community__d60-hero-835f9c49-9087-4db1-a02d-62a0d38bff59","t":"D60-hero","d":"D60-hero turns any photo into contour ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GYHFar2zrRr79sK3wSzHGVOC0I/eb38ebaf-a2ac-432d-bf49-2fc832ae9eeb.png","pc":"community"},{"id":"21st-ascii:community__dark-mode-5309be10-34dd-40d3-8387-e1e8b5ff6620","t":"dark mode","d":"dark mode turns any photo into voxel ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3BDsysVu3WGuohsPQWdLSbzDhLY/e5d0bde6-c702-4a5a-81ca-a34f45d4e01f.webp","pc":"community"},{"id":"21st-ascii:community__datafobik-6e1f578b-7693-4fce-946f-928bbaf6cb35","t":"datafobik","d":"datafobik turns any photo into characters ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2xJO3zNCqtKxPsyybThWTp4ABVV/f321cc20-7ed8-4a4d-8cbf-ccef1e9a7506.webp","pc":"community"},{"id":"21st-ascii:community__dd-1a07348a-22fd-410c-b953-bd4decd98a67","t":"dd","d":"dd turns any photo into hexagons ASCII art with a neon look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3HaYozvagbqmJ9f5mWuSZVV8x7d/27e9a2a3-a591-4938-be5a-25dbd4cb1e80.webp","pc":"community"},{"id":"21st-ascii:community__dd-cbfbdcf2-a570-43ab-83e3-b488347759a4","t":"dd","d":"dd turns any photo into characters ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3CjtIJZrtD26t43FFC2lIzSj1il/94464069-746c-41e0-84a9-b16ea3c83c07.webp","pc":"community"},{"id":"21st-ascii:community__dead-channel-137df756-c20f-4272-bcee-606ab947ceba","t":"Dead Channel","d":"Dead Channel turns any photo into voxel ASCII art with a crt, glitch look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/137df756-c20f-4272-bcee-606ab947ceba.jpg","pc":"community"},{"id":"21st-ascii:community__dedsec-16c97125-ff13-4052-87bd-611f8af926a1","t":"Dedsec","d":"Dedsec turns any photo into cross ASCII art with a cyberpunk look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3Frtav8rJs86XuTulwOkMHPmGMM/d4dcd471-9a24-4ce4-b8d0-18267682de76.webp","pc":"community"},{"id":"21st-ascii:community__dfe-021cfc8b-cd96-4800-9ff9-113a8f6ed27c","t":"dfe","d":"dfe turns any photo into contour ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3HPzPoXPg5iLZN8cSB7Od3SNXD7/e026006a-4f37-40f9-a69e-1ec7b4ffd25e.webp","pc":"community"},{"id":"21st-ascii:community__e43wr-b8874cef-a342-48a0-acb4-895d9e37ddb2","t":"e43wr","d":"e43wr turns any photo into characters ASCII art with a neon look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3E2E1aDt396bqtuPMbJwCpklsdB/df6e8f09-1b3e-43ab-8024-e9b64815c4ec.webp","pc":"community"},{"id":"21st-ascii:community__electric-gaze-898539cb-dc5d-4bfd-ab04-a499d2f0411b","t":"Electric Gaze","d":"Electric Gaze turns any photo into dither ASCII art with a animated, glitch, pixel look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/ae758991-0c3f-4c6a-9296-33784c65d43b.webp","pc":"community"},{"id":"21st-ascii:community__ember-f6c0f60d-9b9e-4f74-9c0a-aef9c5990ef8","t":"Ember","d":"Ember turns any photo into dots ASCII art with a colorful look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/f6c0f60d-9b9e-4f74-9c0a-aef9c5990ef8.jpg","pc":"community"},{"id":"21st-ascii:community__ff-27ca1849-d6bd-4dad-b78d-a6091ea01ffe","t":"Ff","d":"Ff turns any photo into characters ASCII art with a neon look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3D5npwPsyCLwGrYO0CGTZIicoJZ/de048d91-7cfa-47ae-9ce3-8e47dd88cd76.png","pc":"community"},{"id":"21st-ascii:community__first-light-fa5bb64a-9033-43bd-869f-e9e7b27078e4","t":"First Light","d":"First Light turns any photo into dither ASCII art with a colorful look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/fa5bb64a-9033-43bd-869f-e9e7b27078e4.jpg","pc":"community"},{"id":"21st-ascii:community__flicker-burst-56ed0603-d2e6-43fd-a77e-23154d63271f","t":"Flicker Burst","d":"Flicker Burst turns any photo into characters ASCII art with a animated, glitch, monochrome look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/3d4ebbf2-826f-4eab-a268-233e2cd5bc2e.webp","pc":"community"},{"id":"21st-ascii:community__flicker-cityscape-ecf0edbf-2487-48dd-b521-c439e0761030","t":"Flicker Cityscape","d":"Flicker Cityscape turns any photo into characters ASCII art with a animated, glitch, neon look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/83e45857-6614-4d5f-9d8b-0a43723c1cef.webp","pc":"community"},{"id":"21st-ascii:community__flicker-tower-88ffc215-efc4-4130-86aa-93c3faa1d013","t":"Flicker Tower","d":"Flicker Tower turns any photo into characters ASCII art with a animated, minimal, monochrome look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/82acfa6a-2643-4fe3-a6a2-ae9444247167.webp","pc":"community"},{"id":"21st-ascii:community__football-985b215a-94dc-43e5-b3ec-867438b4caeb","t":"football","d":"football turns any photo into dither ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3EdlFKmaHGbQGgihMk4YjXI7MRr/45810c3c-9d91-44bb-a7cb-06a63797803f.webp","pc":"community"},{"id":"21st-ascii:community__forest-c694ace1-2012-4042-90c3-1c917fba61c7","t":"Forest","d":"Forest turns any photo into characters ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GU9lDnevaFSdflC11GXo5RtDNq/f9062628-9f19-4141-a423-bd8346585b37.png","pc":"community"},{"id":"21st-ascii:community__front-page-a41d515d-5fbe-4224-b069-55ce73d06eeb","t":"Front Page","d":"Front Page turns any photo into characters ASCII art with a halftone, monochrome look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/a41d515d-5fbe-4224-b069-55ce73d06eeb.jpg","pc":"community"},{"id":"21st-ascii:community__gg-7975030e-0244-497a-9d43-5327e7e2ab06","t":"gg","d":"gg turns any photo into dither ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_38dTPmnvxt4Ud6smxMnoCiSlKN5/a53764ae-be24-4d82-bd04-c30ff4a1795c.webp","pc":"community"},{"id":"21st-ascii:community__golden-radiance-shimmer-455e6218-19a8-40ed-a0d6-05ced17dc6ba","t":"Golden Radiance Shimmer","d":"Golden Radiance Shimmer turns any photo into diamond ASCII art with a animated, colorful, retro look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/a4fe45dd-0254-418b-84c8-ead689f52c7b.webp","pc":"community"},{"id":"21st-ascii:community__hands-robots-2d6d36e5-362a-4f13-ab5d-fe4d47ac5a58","t":"Hands&Robots","d":"Hands&Robots turns any photo into lines ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_39fTAsFSOAdJca54oHwUmSEkUSJ/4c5c2c9c-41e3-4fad-b951-636ba59f5a7f.png","pc":"community"},{"id":"21st-ascii:community__herbarium-713df613-b2f0-4e80-baba-3f6303be09f1","t":"Herbarium","d":"Herbarium turns any photo into dither ASCII art with a halftone look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/713df613-b2f0-4e80-baba-3f6303be09f1.jpg","pc":"community"},{"id":"21st-ascii:community__hero-personal-website-f3db4ab4-a60e-42c4-8da3-8aa27b59514c","t":"Hero - Personal Website","d":"Hero - Personal Website turns any photo into characters ASCII art with a retro look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3DGegI7DSMBe4TOO9tgylJbWneq/fc8eb20d-1b76-4d65-b19f-feff221dc91f.webp","pc":"community"},{"id":"21st-ascii:community__heximage-0bfb4fe9-7583-459d-8192-1f7971e3c037","t":"Heximage","d":"Heximage turns any photo into hex dump ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GTmm8jNoQIxVVDZmyng4bN3uFj/f1e9ca31-92ab-465d-a08f-41a0393623ce.webp","pc":"community"},{"id":"21st-ascii:community__hi-ff168469-d44e-4363-8295-a6f409f406eb","t":"hi","d":"hi turns any photo into dither ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GgXFvpTnErwNBVeKsshVdP6M3D/f8546dcd-4d95-4b49-ae66-8470ffc6e271.webp","pc":"community"},{"id":"21st-ascii:community__hs-office-505de466-0e33-40c3-b619-61c08a46b2e4","t":"HS Office","d":"HS Office turns any photo into dither ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GPTiAnC9sbzHhxwSKYXvQdPCa1/08bbdd00-25f5-4f38-84f9-c05482d745e1.webp","pc":"community"},{"id":"21st-ascii:community__ink-garden-543723c1-e472-4bcb-a82c-f111951a295c","t":"Ink Garden","d":"Ink Garden turns any photo into dither ASCII art with a minimal, monochrome look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/543723c1-e472-4bcb-a82c-f111951a295c.jpg","pc":"community"},{"id":"21st-ascii:community__iris-8aadaad6-794e-4a6c-a2a7-d1b7f95cdfb6","t":"Iris","d":"Iris turns any photo into characters ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GN2P0snuNmd4xIGklouucy5NUy/a12bc1c9-0379-4a02-b0f1-da433219d083.webp","pc":"community"},{"id":"21st-ascii:community__is1s-fbc3e167-d04f-4bc9-8c99-a5a4568ee7c7","t":"is1s","d":"is1s turns any photo into dither ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3HdhXqtaGNK6PDvN2DFY8vAT2Sr/7ba15b21-ac91-44e0-a191-c43a1096cb7e.webp","pc":"community"},{"id":"21st-ascii:community__kaaba-88174e06-a334-4ee1-84a7-3580bf087e46","t":"kaaba","d":"kaaba turns any photo into pixel art ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3HWgY0RrtQiIqDokUq9WmLv9fvG/4e8e1a36-31b8-4920-9bee-2ae6ee285cd0.webp","pc":"community"},{"id":"21st-ascii:community__kk-3f846dcf-ff52-4580-85b6-ed471b2752a9","t":"kk","d":"kk turns any photo into dither ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_38dTPmnvxt4Ud6smxMnoCiSlKN5/f898942c-2cfe-4ba0-b0d6-7f5e24790306.webp","pc":"community"},{"id":"21st-ascii:community__kobe-0c62131a-8180-46a2-b8a5-09662c53aea2","t":"Kobe","d":"Kobe turns any photo into characters ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3H515LbCV9LPma3wcrBvW7ztm9i/e86ed834-30cb-4877-9633-2de794ee7e12.webp","pc":"community"},{"id":"21st-ascii:community__kobe-6f02ee3b-da5b-4540-86d3-3e0876306430","t":"Kobe","d":"Kobe turns any photo into dither ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_39fm4Vn9JRZxIDavlqXFa5DaQB6/fe0c515c-38b9-4375-bfa3-523cd6042b1c.webp","pc":"community"},{"id":"21st-ascii:community__kobe-are-you-ready-to-build-yourself-0221ccdd-9a16-4fe7-a3db-defa08230df9","t":"Kobe, are you ready to build yourself","d":"Kobe, are you ready to build yourself turns any photo into hatching ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3H515LbCV9LPma3wcrBvW7ztm9i/a02958f4-42f1-44c9-9b90-8fd330846a7a.webp","pc":"community"},{"id":"21st-ascii:community__lahit-febe1254-6ec7-4786-8552-c292c1ff0d1b","t":"lahit","d":"lahit turns any photo into pixel art ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3HQ4D8KD0q8xT7uhXqEp1m3rUrN/1cef70f1-589f-4f64-935c-ae64314e9c92.webp","pc":"community"},{"id":"21st-ascii:community__lauren-weeks-c0505889-0ef4-43af-8db0-f53af5a604cf","t":"Lauren_Weeks","d":"Lauren_Weeks turns any photo into dither ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_39fm4Vn9JRZxIDavlqXFa5DaQB6/f8d29927-dd62-442a-b857-14ba6ac77a0c.webp","pc":"community"},{"id":"21st-ascii:community__light-mode-7db84f5b-edf1-489c-9f4e-8e83530dc789","t":"light mode","d":"light mode turns any photo into voxel ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3BDsysVu3WGuohsPQWdLSbzDhLY/bb06ddd7-8890-4310-8cc5-2ffdb9f5db51.webp","pc":"community"},{"id":"21st-ascii:community__liminal-vincent-marcum-014dd54b-c957-4b26-981a-d4cac908b5a2","t":"Liminal - Vincent Marcum","d":"Liminal - Vincent Marcum turns any photo into mixed ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3H0w1YnCp8g3oI2fnQnYRstoSko/d055e24c-b5cc-4969-bde8-6a5bcd7ed180.webp","pc":"community"},{"id":"21st-ascii:community__liquid-mosaic-a04a984a-fbb9-4a43-b832-89967a9e58dc","t":"liquid Mosaic","d":"liquid Mosaic turns any photo into dither ASCII art with a mosaic look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GfOHB2dxQI7kZ41USLqxbqthoO/358558cd-41ea-4b1d-9484-2332b71ff086.webp","pc":"community"},{"id":"21st-ascii:community__locked-matrix-1cc71f85-d5ee-4e6a-afb9-46c101cd0e13","t":"locked matrix","d":"locked matrix turns any photo into matrix ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3HTEiOsrAJFXxFUEGcrAhd8Jp1e/2b2c6759-2fff-46d9-a4ac-1d14d0e550b7.webp","pc":"community"},{"id":"21st-ascii:community__m-bd6a3328-5a24-4464-83da-c3180c9be0fe","t":"m","d":"m turns any photo into characters ASCII art with a monochrome look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_30XIKFZ370uhAIEjYnAUVACE5e3/8974edf8-1ee2-4400-8fa6-a0a41bdd6d59.webp","pc":"community"},{"id":"21st-ascii:community__malinois-dd1b68ae-0143-467e-a716-b346d0086e02","t":"malinois","d":"malinois turns any photo into characters ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GsIGtcrqsI0GqBHCSINFZdte2n/3dbf9a1e-d49a-43f3-8d51-711f41cdb4c7.webp","pc":"community"},{"id":"21st-ascii:community__maomao-7900cfcd-fc8f-4eeb-92c8-2d84b7215670","t":"maomao","d":"maomao turns any photo into dither ASCII art with a crt, cyberpunk, monochrome look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GmOlixWi8onZxPavVQ2o3dPvUK/47f760e4-1e12-4065-a06c-0187df46ac44.webp","pc":"community"},{"id":"21st-ascii:community__marbs123-1b20ddff-5b5d-4efe-8cbf-e5fad24c0de9","t":"MARBS123","d":"MARBS123 turns any photo into pixel art ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GQ1sJvL4jA5b65Zqqb9fRNasdm/9befbe31-93ec-40eb-b8f2-44c627d32544.webp","pc":"community"},{"id":"21st-ascii:community__mask-5013cf50-4847-4e7b-8302-cff2bfb3e16c","t":"MASK","d":"MASK turns any photo into dither ASCII art with a colorful, cyberpunk, mosaic look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GSey0Vp7ot014ZDWErRRrfgqon/e17d2e0a-453e-4041-a75b-2b0733358e2d.png","pc":"community"},{"id":"21st-ascii:community__mee-069cd30a-d392-491e-9bde-d5326a1334f2","t":"mee","d":"mee turns any photo into dither ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3BhDKLCFmxDL0a1i0WzEGe36IyI/8f0a8ee0-d63e-45ab-87b0-5a41dc6b8100.webp","pc":"community"},{"id":"21st-ascii:community__mine-159dbc65-b7a2-4b3f-9b15-a30be451a30f","t":"mine","d":"mine turns any photo into contour ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GUBCXV06fu3rRHNyGC2652vX0C/b53adfc8-9d18-4f96-9bd3-71a222aec9ca.webp","pc":"community"},{"id":"21st-ascii:community__minimal-3d30236a-1639-46d6-a37f-4bd39a231a89","t":"minimal","d":"minimal turns any photo into hex dump ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GdLUDAN6ieID1Fu8OTL6zl5Al1/a30f332e-8a73-4a79-b394-1dab72ea63b8.webp","pc":"community"},{"id":"21st-ascii:community__minimal-488f05af-0110-4873-87e7-5afea99778ac","t":"Minimal","d":"Minimal turns any photo into hex dump ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GdLUDAN6ieID1Fu8OTL6zl5Al1/9e491c00-28aa-41a0-a325-2c7f061a44a0.webp","pc":"community"},{"id":"21st-ascii:community__mirrorball-c8e650a5-9c9f-4d75-ad0b-32da2d05b368","t":"Mirrorball","d":"Mirrorball turns any photo into disco ASCII art with a animated, colorful look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/c8e650a5-9c9f-4d75-ad0b-32da2d05b368.jpg","pc":"community"},{"id":"21st-ascii:community__mo-mosaic-11c565ed-8034-4db8-a4ef-d50690c915b6","t":"Mo Mosaic","d":"Mo Mosaic turns any photo into dither ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_39AUrstSGWJUKmRU9spgBJgd1hs/95b377f8-e226-434d-be5c-2c7159b3e244.webp","pc":"community"},{"id":"21st-ascii:community__mosaic-a8f52e63-b892-4d2f-8602-955a2fd020f8","t":"Mosaic","d":"Mosaic turns any photo into mosaic ASCII art with a minimal, mosaic look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/a8f52e63-b892-4d2f-8602-955a2fd020f8.jpg","pc":"community"},{"id":"21st-ascii:community__mosaic-leaf-121c1be4-a78d-4e4b-9749-0d716ce0af98","t":"MOSAIC leaf","d":"MOSAIC leaf turns any photo into mosaic ASCII art with a mosaic, pixel look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GObjJe4MtmTZs0SSVfVnBc4ULD/7f9bed03-1da8-499c-85b4-0ddf0d9a5c50.webp","pc":"community"},{"id":"21st-ascii:community__mrx-brain-2-138a7c62-3330-43fa-9846-429b142c1977","t":"MRX Brain 2","d":"MRX Brain 2 turns any photo into dither ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_32TAi07xdNkdI5Ranggnq6Ofdht/669cf3be-c6af-438b-860e-eab7f325ceb9.webp","pc":"community"},{"id":"21st-ascii:community__mt-d180918d-8ade-449e-bff1-3dd9690eb908","t":"mt","d":"mt turns any photo into half blocks ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3DOzWxNHTJ21ZO7EQhTsrYRfL5Y/9d35f23f-b498-4f6a-9728-fd3f8d6ffd95.webp","pc":"community"},{"id":"21st-ascii:community__mtfuji-dbdc3cf0-f082-4d19-b1b9-7955c59eee45","t":"mtfuji","d":"mtfuji turns any photo into diamond ASCII art with a pixel look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3BAUCUGvgvkl2oldjJl3MpcOVBD/6c0c2cef-b8ea-48f0-9100-7d56446350cf.webp","pc":"community"},{"id":"21st-ascii:community__myphoto-2e0dd402-bfdb-471f-b59d-0e27532b96c9","t":"myphoto","d":"myphoto turns any photo into hex dump ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3H5EFdbMDxJHEyMLGmhtjHXiEVc/e0769f52-93de-4558-9487-5783ec0ec9ec.webp","pc":"community"},{"id":"21st-ascii:community__n-04303476-5fa2-408a-912b-f51d1935dc7e","t":"n","d":"n turns any photo into hex dump ASCII art with a terminal look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_30XIKFZ370uhAIEjYnAUVACE5e3/b1bc717b-9e46-449a-976e-b635d29acb8b.webp","pc":"community"},{"id":"21st-ascii:community__neon-citi-83197b13-b069-4f33-b2fb-89039e7ccee9","t":"neon citi","d":"neon citi turns any photo into stars ASCII art with a neon look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GBzAKrJNPm2lZ21TUsBSXZVEsJ/520002f5-a297-4aa7-9bb1-2c5859f10e10.webp","pc":"community"},{"id":"21st-ascii:community__neon-mirage-67bcbda3-6c8e-446b-b9cc-463c6194c531","t":"Neon Mirage","d":"Neon Mirage turns any photo into mosaic ASCII art with a colorful, neon, retro look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/67bcbda3-6c8e-446b-b9cc-463c6194c531.jpg","pc":"community"},{"id":"21st-ascii:community__neon-mosaic-164f4470-6b13-4880-a126-a02eba1ac352","t":"Neon mosaic","d":"Neon mosaic turns any photo into matrix ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3FiWvlvyf1NFbcyefLxuzu1GsyU/dfdd5b98-3f26-43d3-b840-06a936c63db5.webp","pc":"community"},{"id":"21st-ascii:community__neon-nebula-0d9813a1-8a52-4899-912d-4975bc123c7c","t":"Neon Nebula","d":"Neon Nebula turns any photo into stars ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GfKZHMVrEGaZQLVz5Qufduwjfk/5a2bb8d2-7315-4c9d-a2ff-0b1bc615c76c.webp","pc":"community"},{"id":"21st-ascii:community__new1-7cabb4e8-a36a-4fff-acdb-9477c71a5e3e","t":"new1","d":"new1 turns any photo into hatching ASCII art with a cyberpunk, retro look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_306ivTauWRHotgpqlmdvOcmx926/8bbcecf2-ae37-485f-8070-48f5df7a1110.webp","pc":"community"},{"id":"21st-ascii:community__njkhbjkhjkhjkhkjhjkh-53664d7b-b38c-48f3-879f-672bc98bd451","t":"njkhbjkhjkhjkhkjhjkh","d":"njkhbjkhjkhjkhkjhjkh turns any photo into pixel art ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3HglXYxRVtqtNzwEcHcaUlaqKao/8850481e-d90c-4f6b-ad11-53a948aa9fba.webp","pc":"community"},{"id":"21st-ascii:community__nm-499319c3-231d-4444-87de-7c9981970913","t":"nm","d":"nm turns any photo into characters ASCII art with a minimal, terminal look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_30XIKFZ370uhAIEjYnAUVACE5e3/e0e7cd29-ec3d-4f34-a90f-0cc3f15dc33e.webp","pc":"community"},{"id":"21st-ascii:community__nsutx-99558e1b-3ca6-4477-818a-577041d9816a","t":"nsutx","d":"nsutx turns any photo into cross ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3HmpR0LBYGKO2VSnaguqHOwEcog/b4a16422-815e-4bd7-938a-7983f8abe610.webp","pc":"community"},{"id":"21st-ascii:community__oval-eggs-35d7d4ef-c0c4-4ffd-b8eb-79835b531df7","t":"oval eggs","d":"oval eggs turns any photo into disco ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2yQhKWmRkueqJboOVE2MMynwBdu/e4177612-0363-4091-9c18-b27701d795fb.webp","pc":"community"},{"id":"21st-ascii:community__peace-8fbc7317-412c-49c5-856b-105488a048f1","t":"peace","d":"peace turns any photo into lines ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GSLHLh1gKvp6EJJjfwmJlhMrnB/f3abf6f7-d9a1-48a7-85ba-043b3821715e.webp","pc":"community"},{"id":"21st-ascii:community__peak-mountain-a1007e3f-ceb9-4c50-865c-68f7db06749a","t":"peak Mountain","d":"peak Mountain turns any photo into dots ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2xJxXqdwWohYrdd6fiMYrS9hbmO/1783609040154-smca6v.png","pc":"community"},{"id":"21st-ascii:community__phosphor-5fb0d0f3-a7fa-42c0-b7cf-b235c0550525","t":"Phosphor","d":"Phosphor turns any photo into characters ASCII art with a crt, retro, terminal look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/5fb0d0f3-a7fa-42c0-b7cf-b235c0550525.jpg","pc":"community"},{"id":"21st-ascii:community__phyrs-f6bc3d06-4508-4d2d-b78a-eb072e9c2b1b","t":"phyrs","d":"phyrs turns any photo into dither ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3ArjKkD2HsNDMWr9cecb8s0aFqO/66081e37-1d1e-408c-b30b-bd7e4cf66a01.webp","pc":"community"},{"id":"21st-ascii:community__pixelartreebackground-7ae6d045-163c-44a6-bb59-5bb7a761d08a","t":"pixelartreebackground","d":"pixelartreebackground turns any photo into dither ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3HeGXsDW5CZ9Uhr4TVf8RjXzTFP/eb217e4f-391e-48dd-a5c6-b849005921da.webp","pc":"community"},{"id":"21st-ascii:community__pulsing-grid-56204714-28e1-4a85-97e4-86c0b815e9f4","t":"Pulsing Grid","d":"Pulsing Grid turns any photo into bricks ASCII art with a animated, monochrome, pixel look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/d173e473-b31e-4979-b5f7-4bc822d2b92b.webp","pc":"community"},{"id":"21st-ascii:community__qweqw-43220377-d42a-491f-9825-84b53c4997c2","t":"qweqw","d":"qweqw turns any photo into lines ASCII art with a retro look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3HgdEeKGCVNhWWoCeJ53q1fDQCD/bf6f766e-747f-46dd-af14-6390b7eae845.webp","pc":"community"},{"id":"21st-ascii:community__recipe-6ae3e902-638f-42bf-b210-87e7e1afdff3","t":"پ","d":"پ turns any photo into contour ASCII art with a crt, neon look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3Dew31pXLxAaHJJEzIGjdgV1L7Z/8591a147-c489-499c-a137-b22e3988196e.webp","pc":"community"},{"id":"21st-ascii:community__recipe-811f593a-5e0a-449e-99a0-ee166a61bbae","t":"半堂好课","d":"半堂好课 turns any photo into matrix ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3Ff7GI3GncB5FwdkIYOqrujtyIw/c1fd33ea-0cd3-4b0c-817e-5180b7fcd460.webp","pc":"community"},{"id":"21st-ascii:community__recipe-9689532d-9c66-408e-9f6b-ba749fec77cb","t":"ı","d":"ı turns any photo into dither ASCII art with a animated look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_38dTPmnvxt4Ud6smxMnoCiSlKN5/788bc0a2-f980-49bb-a158-81301c7db9ca.webp","pc":"community"},{"id":"21st-ascii:community__redshift-63f8aa27-cea7-49e0-a6a4-c2dc0954563c","t":"Redshift","d":"Redshift turns any photo into dither ASCII art with a pixel, retro look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/63f8aa27-cea7-49e0-a6a4-c2dc0954563c.jpg","pc":"community"},{"id":"21st-ascii:community__reverie-db9a71af-d4c2-4b93-9e94-5e4fd0c6f788","t":"Reverie","d":"Reverie turns any photo into characters ASCII art with a colorful, minimal look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/db9a71af-d4c2-4b93-9e94-5e4fd0c6f788.jpg","pc":"community"},{"id":"21st-ascii:community__rocks-f76120d1-0f93-4180-b529-3ee1ea8a0fc3","t":"rocks","d":"rocks turns any photo into characters ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3CdJgTW8geRShR3gegqAjY0JB3B/c5fdc65e-e912-47dd-9052-9971cd6753d3.webp","pc":"community"},{"id":"21st-ascii:community__roman-monolithic-62cd160c-d141-4905-a7a1-3981e05be25b","t":"Roman Monolithic","d":"Roman Monolithic turns any photo into contour ASCII art with a colorful, retro look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3Huc0lifNrRRTlCXGouaMYtBnCN/0e258b1a-f096-40c0-9361-e238ac5d4b0e.webp","pc":"community"},{"id":"21st-ascii:community__roman-monolithic-9f964b74-1481-4f4d-9669-f9c0eacce9d4","t":"Roman Monolithic","d":"Roman Monolithic turns any photo into contour ASCII art with a colorful, retro look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3Huc0lifNrRRTlCXGouaMYtBnCN/72cc4c90-1d14-4107-b144-e76f1d721f05.webp","pc":"community"},{"id":"21st-ascii:community__s1-asci-art-7a4fe1d0-4be0-4e11-a6be-2ae8e756af17","t":"S1 ASCI Art","d":"S1 ASCI Art turns any photo into cross ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3H92DZKEWMkakgZqcCOVlzigSSa/0f36d803-3aab-4d79-9515-1812b4b4eead.webp","pc":"community"},{"id":"21st-ascii:community__sa7bi-2a4878ca-13d3-4621-af92-6310621cbd40","t":"Sa7bi","d":"Sa7bi turns any photo into dither ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_36rrwGaolCyrqj84KQ6lr4wc0Ns/ec15488f-0ffd-4626-8668-84adf79cb841.webp","pc":"community"},{"id":"21st-ascii:community__schematic-78b6004b-6c7c-4b2d-b4d7-648c4f28f5cb","t":"Schematic","d":"Schematic turns any photo into characters ASCII art with a minimal, terminal look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/78b6004b-6c7c-4b2d-b4d7-648c4f28f5cb.jpg","pc":"community"},{"id":"21st-ascii:community__seed-cd259084-3acd-4023-afb7-eba4a922e32e","t":"seed","d":"seed turns any photo into dither ASCII art with a glitch look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3AW1sqZEzZdEq77JgHt3sgdaFvv/46af2156-f726-44a6-ab1c-8cc5098df036.webp","pc":"community"},{"id":"21st-ascii:community__shader-dither-969bed9f-1f18-4ac5-bf63-1a979f3c1c4b","t":"shader-dither","d":"shader-dither turns any photo into pixel art ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_31mZqQPdNteKeKMn1g1Rtu19xhE/174039d6-9c34-41ca-b988-1b530a820725.webp","pc":"community"},{"id":"21st-ascii:community__shadowplay-ae27f983-e681-4881-89a0-00f38ef9de3f","t":"Shadowplay","d":"Shadowplay turns any photo into characters ASCII art with a minimal, monochrome look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/ae27f983-e681-4881-89a0-00f38ef9de3f.jpg","pc":"community"},{"id":"21st-ascii:community__skywash-fa891d0a-4218-4c5b-b032-79a37dbce473","t":"Skywash","d":"Skywash turns any photo into dither ASCII art with a colorful, retro look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/fa891d0a-4218-4c5b-b032-79a37dbce473.jpg","pc":"community"},{"id":"21st-ascii:community__spider-man-bnd-9056a003-2c0e-4079-bb27-01b5e330c2e2","t":"Spider Man BND","d":"Spider Man BND turns any photo into lines ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3Hir8YDQ88PiIxc0JysnpfFkLAA/01304a79-eb67-42b2-a72c-ff70154adcb6.webp","pc":"community"},{"id":"21st-ascii:community__spider-man-e6478fe6-de12-4663-a802-503cd24e1a9c","t":"Spider Man","d":"Spider Man turns any photo into lines ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3FoHy15J546pivaN7YD1UGMG0kI/b1cf95fe-9a69-4809-87a0-198624247c19.webp","pc":"community"},{"id":"21st-ascii:community__sprite-2e69cf40-f772-4510-94d5-90fb82982303","t":"Sprite","d":"Sprite turns any photo into pixel art ASCII art with a colorful, pixel look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/2e69cf40-f772-4510-94d5-90fb82982303.jpg","pc":"community"},{"id":"21st-ascii:community__sss-329a4b07-0eab-4277-9ccc-1accdfbedb94","t":"sss","d":"sss turns any photo into dither ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2xJxXqdwWohYrdd6fiMYrS9hbmO/eae3b158-33e1-442d-8e17-3b4fb6656a7f.webp","pc":"community"},{"id":"21st-ascii:community__stairs-to-yourself-bd386a22-d1f8-46ff-9f78-a5abe8833fcd","t":"stairs to yourself","d":"stairs to yourself turns any photo into characters ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3H515LbCV9LPma3wcrBvW7ztm9i/573aa931-6fae-43b8-b634-a9191036196c.webp","pc":"community"},{"id":"21st-ascii:community__starry-nights-7ad845c6-760e-459d-b294-96ed22fe439e","t":"starry nights","d":"starry nights turns any photo into mosaic ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3CsH4USnadu1DaOGLGegjBVQeA2/20b7cadd-f69b-4a89-b3ec-9a1fc455a176.webp","pc":"community"},{"id":"21st-ascii:community__sunset-005d1754-9a88-415c-a8c2-cc339d36e569","t":"Sunset","d":"Sunset turns any photo into dots ASCII art with a neon, retro look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/1783619454766-p6wk5k.png","pc":"community"},{"id":"21st-ascii:community__terminal-pikachu-a0b55a43-58b6-4792-8375-43e630f093e5","t":"Terminal Pikachu","d":"Terminal Pikachu turns any photo into dither ASCII art with a glitch, terminal look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_39720J8FZrHCoGeL23ljF4x20L3/9b9bf5f4-272f-415d-bbb6-436ffba39927.webp","pc":"community"},{"id":"21st-ascii:community__test-192385b1-fa47-4360-9f82-a08b76aa24aa","t":"Test","d":"Test turns any photo into lines ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3HFdVTD9diwPmr9RNePcj28skGj/a82ea67e-6f06-41f0-bc7a-39bdc8fca81a.webp","pc":"community"},{"id":"21st-ascii:community__test-3a6aa4f5-5007-4f47-832d-7468ef01ae31","t":"test","d":"test turns any photo into lines ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3HbQpat5MTyFxZAplQS1DTjzaFE/355dbc2f-7596-4066-a74c-eebe40000279.webp","pc":"community"},{"id":"21st-ascii:community__test-b6e23c2a-9cc5-4292-8bdf-de8767a22ae7","t":"test","d":"test turns any photo into mosaic ASCII art with a pixel look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GRKE8E4T91HLBKvL8CImp46wt2/605a5945-32ee-41fa-b00b-e419ea395aa1.png","pc":"community"},{"id":"21st-ascii:community__test-e132b6f2-bc13-4e48-9906-46d62e451e46","t":"test","d":"test turns any photo into dots ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3C0m5EBunnS8rUoJ9qlBd2MiPDR/9e02b5cb-2e9d-4d34-9489-3c489a6cd6bd.webp","pc":"community"},{"id":"21st-ascii:community__test2-768bee7d-b215-419b-b213-30c85df2478a","t":"test2","d":"test2 turns any photo into characters ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3HbQpat5MTyFxZAplQS1DTjzaFE/1795fa2f-f484-425e-8519-4b43be5945ef.webp","pc":"community"},{"id":"21st-ascii:community__thread-light-7001ac36-260f-4f13-b9b4-8f5f6b02e546","t":"thread light","d":"thread light turns any photo into hatching ASCII art with a mosaic, pixel look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GfOHB2dxQI7kZ41USLqxbqthoO/bbbe6e96-d766-4602-aae0-5d96875ce726.webp","pc":"community"},{"id":"21st-ascii:community__thread-paint-0996d3f6-3cb5-4f4e-8828-398c5d47c98e","t":"thread paint","d":"thread paint turns any photo into hatching ASCII art with a retro look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GfOHB2dxQI7kZ41USLqxbqthoO/62e70811-e1f9-4691-b4a1-92140338364f.webp","pc":"community"},{"id":"21st-ascii:community__trippin-spiral-fa23bfd9-dad9-49f9-be46-6f4ce2e61c29","t":"trippin spiral","d":"trippin spiral turns any photo into hex dump ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3EuR8Rivo7IplxBpAILOW0HIiin/6c9e52dc-d1a3-4991-9ff9-230ade812b54.webp","pc":"community"},{"id":"21st-ascii:community__ultramarine-930000ff-ed31-46de-9d2f-8b29cb0508b3","t":"Ultramarine","d":"Ultramarine turns any photo into cross ASCII art with a colorful, crt look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/930000ff-ed31-46de-9d2f-8b29cb0508b3.jpg","pc":"community"},{"id":"21st-ascii:community__vapor-halftone-portrait-dfafeb46-1557-4084-a562-1a7519c9d70e","t":"Vapor Halftone Portrait","d":"Vapor Halftone Portrait turns any photo into dither ASCII art with a animated, halftone, pixel look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/a210f50a-f035-4c56-9ec7-c3be7942fd4f.webp","pc":"community"},{"id":"21st-ascii:community__vibrant-pulse-glow-225d7e0d-2e3a-435a-b3b3-9eebc103ed2b","t":"Vibrant Pulse Glow","d":"Vibrant Pulse Glow turns any photo into bricks ASCII art with a animated, neon, pixel look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/bf132235-4d83-412d-a5fe-fff9acd56df0.webp","pc":"community"},{"id":"21st-ascii:community__vignette-bloom-e05cb032-35be-4bcd-999b-cbf5b1588bac","t":"Vignette Bloom","d":"Vignette Bloom turns any photo into mosaic ASCII art with a animated, colorful, mosaic look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/0920f00b-2ec1-4cb9-87ec-5ba0d33c1d32.webp","pc":"community"},{"id":"21st-ascii:community__vv-f7224bf0-ed78-449c-a38c-56cee2633792","t":"vv","d":"vv turns any photo into mosaic ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_33jvtfoPon3ReZ5KQ8SJ7n98z7V/c97fd673-862b-49aa-8c9d-475822f58ee2.webp","pc":"community"},{"id":"21st-ascii:community__waterfall-c154d49b-23e1-4015-ac49-7abd5d78a766","t":"Waterfall","d":"Waterfall turns any photo into diamond ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3CIDFvZMf5pQsCyTDv1a4wpEDaE/e9b08fcf-c6f5-4225-a527-e51c8238ecf7.webp","pc":"community"},{"id":"21st-ascii:community__whitecurd-original-47de2eed-6783-435b-bc8f-e67c28e36d1c","t":"Whitecurd original","d":"Whitecurd original turns any photo into rings ASCII art with a pixel look. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3Hfg68Y5FL9dPj0O9gWPiLs2yN0/2a4cb239-65a0-4d48-b424-5cd0559014e3.webp","pc":"community"},{"id":"21st-ascii:community__wonder-4ed4be04-770d-45f2-af98-8d7130a86fe1","t":"Wonder","d":"Wonder turns any photo into pixel art ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3HyZ0rt6rMCUjIcV47idGnCBAAf/18cf87d4-f31f-4cb8-8af3-4b39d4e26a75.png","pc":"community"},{"id":"21st-ascii:community__xarticle-a7819c2f-e9ac-4e01-8fd4-41d718bfa640","t":"xarticle","d":"xarticle turns any photo into hex dump ASCII art. Remix it free in the 21st.dev ASCII art editor.","k":"motion","s":"21st","c":"motion/ascii","a":"community","pl":"https://assets.21st.dev/ascii-recipes/thumbnails/user_3GU9lDnevaFSdflC11GXo5RtDNq/faf93a0e-df3d-4bc4-a6ab-e91d2a5a0f62.webp","pc":"community"},{"id":"21st-gradient:community__2-71725d5e-999d-48a7-ac67-a746506a3d80","t":"2","d":"Remix 2, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3HOaRSRbHdSlHqh9NpLonwQr7Ag/6ea3b489-aa36-48db-9329-8fbc3b68c2a0.png","pc":"community"},{"id":"21st-gradient:community__almoayyed-dc893a4f-0b29-4732-9b29-d4de9c0b70ee","t":"Almoayyed","d":"Remix Almoayyed, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_31I43ytqYMVYor6ke33EQGu4ncu/24ee90e7-9d35-4007-a7fd-489f3539457c.webp","pc":"community"},{"id":"21st-gradient:community__animated-gradient-7a296a0d-220d-4682-a558-3b40fd81f6ad","t":"Animated Gradient","d":"Remix Animated Gradient, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3CDfC5V4Uw4bIHMVUaQqML3Y1QM/80833310-dbe5-4559-a805-3686cfb9aed7.webp","pc":"community"},{"id":"21st-gradient:community__aryan-blue-2102cd52-9ae3-4da2-8a29-155de780c1dc","t":"Aryan Blue","d":"Remix Aryan Blue, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3H1sfhJZYBzFchpnVeZHbG1Duw4/66a75195-86bf-4c4b-b6dd-706d803747af.webp","pc":"community"},{"id":"21st-gradient:community__asd-b1e038b8-f853-40ca-9343-ecb03e4720f2","t":"asd","d":"asd","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3HpDTba430DO8sIk75oqS3V6szD/ce3a3d05-7d90-45e2-9bb5-99fbada72e6d.webp","pc":"community"},{"id":"21st-gradient:community__axis-blend-gradient-169c2f52-9586-4e15-b010-a1d6c3342eab","t":"Axis Blend gradient","d":"Remix Axis Blend gradient, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3HTMXzguieRPd53y9DKYbF00b6B/3a590148-2b62-4b92-867c-c69df1e7eca7.webp","pc":"community"},{"id":"21st-gradient:community__axis-blend-gradient-8374fae1-5a4b-47d3-b0a9-3a7c87dcd534","t":"Axis Blend gradient","d":"Remix Axis Blend gradient, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3HpfpSl6uSSCptngXivjiZWYHlL/68c719d1-1c51-46ce-8997-c5e558edc41a.webp","pc":"community"},{"id":"21st-gradient:community__baby-blue-ff8ba6b1-b284-40f1-aad8-08031a91829b","t":"baby blue","d":"Remix baby blue, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3GE0EXAqXuiZJVvLpbAJqzpgMvv/3023da01-63c3-4e3a-ba81-c57f2249a159.webp","pc":"community"},{"id":"21st-gradient:community__background-rowds-shop-v1-10bf6028-254c-4b76-9d3c-1a62c0aa09cb","t":"background rowds shop v1","d":"Remix background rowds shop v1, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3DSKgLyqJmL7LCAZYXn4nLIO8E1/f43a1e7b-6f71-472a-ae52-ac867898f091.webp","pc":"community"},{"id":"21st-gradient:community__bg-9204599f-25c3-4b59-ba38-5053bc3fde79","t":"bg","d":"Remix bg, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3Hu2MCxNSgwFumOq5vCnHfF5fjU/a1c88634-7412-4d5a-aac4-7ecbfee79488.webp","pc":"community"},{"id":"21st-gradient:community__blerry-app-4f64ff32-9865-4087-9300-267bd75c835f","t":"Blerry.app","d":"Remix Blerry.app, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_39B4gMXMqtMCBFa8u6ygibRT1xB/489742d9-2230-44ce-898c-102906922cf4.webp","pc":"community"},{"id":"21st-gradient:community__blerry-app-9145352b-6d55-436d-96c1-094e7a453e55","t":"blerry.app","d":"Remix blerry.app, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_39B4gMXMqtMCBFa8u6ygibRT1xB/87d1feb2-b709-4eea-8fa0-2001fa68a80d.webp","pc":"community"},{"id":"21st-gradient:community__blerry-app-ef7a4d3a-c092-443e-a252-fd87e4f73acf","t":"BLERRY.APP","d":"Remix BLERRY.APP, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3Cj4SVSBXYhAWLGDTULgkF9Wbcz/6c2c6378-68ae-49cc-bb6c-2cf8775ba6c4.webp","pc":"community"},{"id":"21st-gradient:community__blerry-app-f289a5ee-d7a2-4847-91d6-a5436d03b014","t":"blerry.app","d":"Remix blerry.app, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_39B4gMXMqtMCBFa8u6ygibRT1xB/abe24644-b721-4543-b5f0-5fbc3ac5c77d.webp","pc":"community"},{"id":"21st-gradient:community__bloom-field-gradient-6a30e6f3-3d73-4f8d-8721-85fdf2f3894a","t":"Bloom Field gradient","d":"Remix Bloom Field gradient, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3BBBFbswHL0I6oHWq5DXnqg3Ua9/1d535f30-b13c-4f72-8ca6-70a9430986b3.webp","pc":"community"},{"id":"21st-gradient:community__bloom-field-gradient-81ad6317-65e2-420f-accb-fef272854767","t":"Bloom Field Gradient","d":"A soft bloom gradient with a radiant center blending lavender, violet, and cool gray for a dreamy, atmospheric feel.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3HlCUZimaPuPTnUROvM6OI7F8GW/05a49d7c-7bf1-4b8f-a742-acb2ae1bd579.webp","pc":"community"},{"id":"21st-gradient:community__bloom-field-gradient-fba2fa02-eb4c-49d4-8490-8d69c5c0baf7","t":"Bloom Field gradient","d":"Remix Bloom Field gradient, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3HlyYCfcE3SQYJjOb8PPP7NJRe9/94bbcddf-98d4-4d2d-a3c5-dc9e5a782bf2.webp","pc":"community"},{"id":"21st-gradient:community__blue-d5bf4bf0-e157-4465-8e16-3b5945973a85","t":"blue","d":"deep blue","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3HAXQ3E008uS5ygFRtZGgKYnEmA/c94bd7f6-73e2-4c08-91eb-7a8afe9f8b15.webp","pc":"community"},{"id":"21st-gradient:community__blue-viterna-451e2915-ac62-482c-98d2-a9011948f768","t":"Blue Viterna","d":"Remix Blue Viterna, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3HOaRSRbHdSlHqh9NpLonwQr7Ag/2d91d34a-5e65-4821-bec0-2cfcc533eb51.png","pc":"community"},{"id":"21st-gradient:community__bright-lagoon-133238b9-0358-4cd2-9cf3-6129b4d8e34b","t":"Bright Lagoon","d":"Remix Bright Lagoon, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/32e25c16-3503-4841-a2ec-72461ede86b0.webp","pc":"community"},{"id":"21st-gradient:community__bubblegum-fade-e9baa27c-cd1d-4a7d-af1f-c13a22c2acb7","t":"Bubblegum Fade","d":"Remix Bubblegum Fade, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/5f15718c-2e1d-4c84-938f-8286c9b9f829.webp","pc":"community"},{"id":"21st-gradient:community__color-carousel-265dde0f-116f-41c4-9f22-9305b99848e3","t":"Color Carousel","d":"Remix Color Carousel, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/53671096-14e8-431a-ae6c-e2c2bb05ec45.webp","pc":"community"},{"id":"21st-gradient:community__coral-gloom-afb8254c-81aa-4dda-b7bf-01e7aa4dc8e3","t":"Coral Gloom","d":"Remix Coral Gloom, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/142e55bd-ba94-4be3-9011-d97604d2a980.webp","pc":"community"},{"id":"21st-gradient:community__cotton-bubblegum-lilac-f8218dec-6d6b-4267-ad3d-9e4319704259","t":"Cotton Bubblegum Lilac","d":"Remix Cotton Bubblegum Lilac, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/da6dd996-e671-421d-a8b2-e2c080485fe7.webp","pc":"community"},{"id":"21st-gradient:community__d-grad-s-bleu-0e03a186-d79b-4117-9970-f759f6b8873b","t":"Dégradés bleu","d":"Remix Dégradés bleu, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3HQeLGMLmnjvjWL8PJ7lteg8fbZ/cf34761d-a12d-464c-8497-5d4f769b5ee0.webp","pc":"community"},{"id":"21st-gradient:community__d-grad-s-bleu-4c662b6d-5980-4dc1-827d-2c5efaa9b432","t":"Dégradés bleu","d":"Remix Dégradés bleu, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3HQeLGMLmnjvjWL8PJ7lteg8fbZ/d51d73b2-6918-4bbd-b9a4-e40e5a3d1d11.webp","pc":"community"},{"id":"21st-gradient:community__deep-horizon-268c30b6-143a-4ec9-b5d7-9fb5409e12a5","t":"Deep Horizon","d":"Remix Deep Horizon, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/2518746a-8c11-4bd1-a24f-023c2acb2a2a.webp","pc":"community"},{"id":"21st-gradient:community__deep-sea-f20e093d-4234-409d-b9dd-1fc7bf77d7e4","t":"Deep Sea","d":"Remix Deep Sea, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/ce3ad7b7-1d6d-46dc-9ebb-60a3c669a9e1.webp","pc":"community"},{"id":"21st-gradient:community__desert-horizon-ebbcf7d9-61c0-4cee-94d5-0331ec3e784a","t":"Desert Horizon","d":"Remix Desert Horizon, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/73f2d4be-4c35-4cbc-8926-30c6bfa8284b.webp","pc":"community"},{"id":"21st-gradient:community__dither-grid-gradient-0c68a2ca-791c-4157-b5cc-b589dfd34a55","t":"Dither Grid gradient","d":"Remix Dither Grid gradient, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3HNZ3uInf3sRnjvnKmQt025spzR/aca0c179-d0c1-43c5-b615-15a802bd6a6e.webp","pc":"community"},{"id":"21st-gradient:community__dreamy-pastel-wash-f6f05037-03d9-463c-b617-63fe4122d127","t":"Dreamy Pastel Wash","d":"Remix Dreamy Pastel Wash, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/09def2a9-d25d-436f-b4f5-17081ffded61.webp","pc":"community"},{"id":"21st-gradient:community__ember-bloom-78fb1eec-3877-4a9e-b28a-e12b4699cac1","t":"Ember Bloom","d":"Remix Ember Bloom, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/f0706daa-203c-456c-abf7-d3bf98e75833.webp","pc":"community"},{"id":"21st-gradient:community__ember-cascade-4374960c-b852-41ae-9756-2a7edb77ae03","t":"Ember Cascade","d":"Remix Ember Cascade, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/9788b732-6124-47c2-82ca-1cf036036901.webp","pc":"community"},{"id":"21st-gradient:community__fds-fc72db94-f85a-4786-8a02-c6180c9d1092","t":"fds","d":"Remix fds, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3Dnx1C7KPerBHm2EXbunqRwxQfH/6e042351-af56-4056-bbaf-40c92453f8bd.webp","pc":"community"},{"id":"21st-gradient:community__floral-veil-8a192437-b877-4628-ae72-239e207f964f","t":"Floral Veil","d":"Remix Floral Veil, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/a4c8f56d-a397-4142-a31f-e1bac72f9b4c.webp","pc":"community"},{"id":"21st-gradient:community__forest-meadow-0875e7df-524d-40b6-a2cc-8e8b3aa905b9","t":"Forest Meadow","d":"Remix Forest Meadow, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/55984991-1b15-4ddd-80e4-95ee5c46696a.webp","pc":"community"},{"id":"21st-gradient:community__gg-18df6864-c6c4-4011-8fd3-f93d6f10376c","t":"gg","d":"Remix gg, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_31I43ytqYMVYor6ke33EQGu4ncu/1e1625b5-8286-4406-8d62-9d2d43a279e0.webp","pc":"community"},{"id":"21st-gradient:community__golden-halo-b700d1e7-c449-4e8f-86b2-b6af00ab8b1a","t":"Golden Halo","d":"Remix Golden Halo, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/03a7a224-5289-4044-9028-18efb98c069d.webp","pc":"community"},{"id":"21st-gradient:community__gradient-mc-anim-9a8abc52-d0ef-4d2f-984e-4bba394efe40","t":"Gradient MC Animé","d":"Remix Gradient MC Animé, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3Hmbknsn2TTXbQGnO5SkiTnOzlX/28dc31e7-505e-438a-8f17-0b5b689cebdd.webp","pc":"community"},{"id":"21st-gradient:community__green-down-5731df92-f45c-423e-9046-49a0ea954ac5","t":"GREEN DOWN","d":"Remix GREEN DOWN, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3Fz7TBp6yIfW5AGVKcuDNoxJPCu/e78a4714-e099-465d-abc3-37242e08c493.webp","pc":"community"},{"id":"21st-gradient:community__guapdexploration1-3a23862c-f461-4298-b054-5d30e0da8b70","t":"guapdexploration1","d":"Remix guapdexploration1, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3F1mZoVoDwn3S9HuTfLoztrysRS/7a6fab53-1df4-489a-b1db-767e0f0f9383.webp","pc":"community"},{"id":"21st-gradient:community__horizon-glow-gradient-04a9e2f9-8c4a-42bc-9f00-97d8f939cf64","t":"Horizon Glow gradient","d":"Remix Horizon Glow gradient, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2zpxKH7FTSRMppMxO3vCFsnd4Ky/c033fc33-9875-433c-ac63-85646a2175e6.webp","pc":"community"},{"id":"21st-gradient:community__horizon-glow-gradient-9b9dc4b6-2a8b-415d-8aaa-b34854e61f75","t":"Horizon Glow gradient","d":"Remix Horizon Glow gradient, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3HAxEcDdaUElI7b0wg0seruh8tO/8c226d24-c5cd-48b7-85cc-9ec220786962.webp","pc":"community"},{"id":"21st-gradient:community__hypnotising-wobble-c92f274e-dd1d-48ae-a5fd-9f7058e66354","t":"hypnotising wobble","d":"Remix hypnotising wobble, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3GlKb1Z9LpEFpJMph0p28XiAadb/a9b93c7e-e9d6-4a72-a6b2-8bc71869eb4c.webp","pc":"community"},{"id":"21st-gradient:community__ignisia-gradient-e78041da-ee0d-4a41-87b6-0c96380f159e","t":"Ignisia Gradient","d":"Remix Ignisia Gradient, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3H2NgkKr1GkcybkvyfwBCXY2nKm/66db7670-4944-419d-bb9a-e4da89dfdb34.webp","pc":"community"},{"id":"21st-gradient:community__ignisia-gradient-official-87a5b1e1-c576-4d1a-aec4-e9b783578969","t":"Ignisia Gradient Official","d":"Remix Ignisia Gradient Official, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3H2NgkKr1GkcybkvyfwBCXY2nKm/8f639cfa-99fe-44ab-9f82-469fec86c1ff.webp","pc":"community"},{"id":"21st-gradient:community__iris-bloom-fda7e784-fbc9-4173-aeb8-6509975a3e7e","t":"Iris Bloom","d":"Remix Iris Bloom, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/a708b9c4-d180-42ff-858e-9a99799ce9f9.webp","pc":"community"},{"id":"21st-gradient:community__iris-petal-fb144aa7-7b9d-49c5-b6d0-ddd3f21e0fe9","t":"Iris Petal","d":"Remix Iris Petal, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/f78e9a12-d881-4655-913d-71c50b8727fe.webp","pc":"community"},{"id":"21st-gradient:community__jade-orb-93d8ba4b-3369-4f83-ada8-842b17798c74","t":"Jade Orb","d":"Remix Jade Orb, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/60398f28-ec76-4d54-a3d2-fe46087cdf7f.webp","pc":"community"},{"id":"21st-gradient:community__jade-sky-85ea2692-591f-4b2b-928f-de88da3d1a88","t":"Jade Sky","d":"Remix Jade Sky, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/27841fe6-88aa-42d3-a006-ef8b48cd4a43.webp","pc":"community"},{"id":"21st-gradient:community__lapis-peach-swirl-7c07e711-cefd-46b9-8f3e-269e401143c2","t":"Lapis Peach Swirl","d":"Remix Lapis Peach Swirl, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/0643eec4-31a8-4eca-b53b-eeed3682bd5e.webp","pc":"community"},{"id":"21st-gradient:community__lovable-1cfe9cf6-68ae-4923-ad09-097429e00d0d","t":"Lovable","d":"Remix Lovable, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3Hgl0fECoe1shgN8ptZH6H5Kf3X/8fd7e487-1ae5-4035-a0bd-490c78cfe65d.webp","pc":"community"},{"id":"21st-gradient:community__marine-foam-06587a57-f921-4fb4-8967-74391b5b9fbd","t":"Marine Foam","d":"Remix Marine Foam, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/30a40b02-2de1-4738-85d4-e24583189d16.webp","pc":"community"},{"id":"21st-gradient:community__marine-horizon-e869fcde-a49a-4916-87e5-98b572947498","t":"Marine Horizon","d":"Remix Marine Horizon, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/49008add-e065-4704-acbb-660dd8a53385.webp","pc":"community"},{"id":"21st-gradient:community__menu-4dcadf09-f4d9-4a36-b660-62720e86fdd0","t":"MENU","d":"Remix MENU, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_39B4gMXMqtMCBFa8u6ygibRT1xB/4367faf8-1368-4ab4-9584-a35f4cf08470.webp","pc":"community"},{"id":"21st-gradient:community__my-gradient-86d84851-38a8-49d2-aa73-f9a79f3a2e87","t":"my gradient","d":"better ui","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3GtyTX4fcsTPClZ2HjmgmT47Sh6/6abb4597-c0cf-48e1-bc1f-97f8805c0d70.webp","pc":"community"},{"id":"21st-gradient:community__ocean-grain-29a415d7-76fd-45be-be7c-a7cd8b50bd8f","t":"Ocean grain","d":"Remix Ocean grain, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_35kMasyYwGtQgcfNDRFBPuxH4Ye/150fedf8-cdd1-4b7e-bb72-fdf95aca8078.webp","pc":"community"},{"id":"21st-gradient:community__ocean-rings-b098000f-4aa8-44bd-a922-6ae0dd02c12c","t":"Ocean Rings","d":"Remix Ocean Rings, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/8863c2b7-2e17-4c44-9338-63e631e0e980.webp","pc":"community"},{"id":"21st-gradient:community__ocean-ripple-95374da7-5304-4304-a19f-c48430f39476","t":"Ocean Ripple","d":"Remix Ocean Ripple, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/1025d1c0-bedf-413b-9c78-d7e221ac7f41.webp","pc":"community"},{"id":"21st-gradient:community__ocean-sky-ba5ea2af-44fa-45f1-8c4b-88b947dad6b5","t":"Ocean Sky","d":"Remix Ocean Sky, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/bad9fddb-bfbb-4900-a325-b9472fe44d32.webp","pc":"community"},{"id":"21st-gradient:community__ocean-square-611f584d-d9b5-428c-b6a3-479db15d5bf0","t":"Ocean Square","d":"Remix Ocean Square, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/736f78b1-d4d7-419c-80f1-3344eb7111a8.webp","pc":"community"},{"id":"21st-gradient:community__oceanic-depths-dbd4b7fc-fbbe-40b8-84ae-5ee1af072202","t":"Oceanic Depths","d":"Remix Oceanic Depths, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/88b39a16-f7d5-4322-ba08-8a3d7debf425.webp","pc":"community"},{"id":"21st-gradient:community__oceanic-glow-cacc0131-a5ac-42e3-9577-1c52f540ac11","t":"Oceanic Glow","d":"Remix Oceanic Glow, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/b0f25d8f-e258-4d81-afe2-8bcee2245023.webp","pc":"community"},{"id":"21st-gradient:community__oceanic-shimmer-edd345b3-bbfc-488d-9798-87a22acf7276","t":"Oceanic Shimmer","d":"Remix Oceanic Shimmer, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/f418eead-89f8-45a5-b2aa-bc8abda81e79.webp","pc":"community"},{"id":"21st-gradient:community__orange-gamification-3ec497dd-04c7-4c8d-9291-018172c0bf43","t":"Orange gamification","d":"Remix Orange gamification, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3HVDhsq2hJQxccmOmViB1pIWxWX/e8f4c65c-2e83-417b-9f44-175cf3ad6912.webp","pc":"community"},{"id":"21st-gradient:community__orchid-petal-sky-5bccdbda-6bc4-4d83-8d0d-cead4a853ade","t":"Orchid Petal Sky","d":"Remix Orchid Petal Sky, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/93608a6e-398c-4d6d-a0f4-ee28b8c5936e.webp","pc":"community"},{"id":"21st-gradient:community__orgblu-0d426a6e-e14c-4864-8d31-68c9d2ef4b40","t":"ORGBLU","d":"Orgblue","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3D5npwPsyCLwGrYO0CGTZIicoJZ/e4519d97-c922-491c-b703-7fa4f6a4d9be.png","pc":"community"},{"id":"21st-gradient:community__pedidosmenu-com-6c3bebfe-9209-4e75-a10f-445b14a1b635","t":"PedidosMenu.com","d":"Remix PedidosMenu.com, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_39B4gMXMqtMCBFa8u6ygibRT1xB/b10fee52-e5cb-4a41-bd60-1efac820f16c.webp","pc":"community"},{"id":"21st-gradient:community__pipo-58063e64-512c-42dc-b70f-8f7888ec8067","t":"Pipo","d":"Remix Pipo, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3GeIpeDGDMJSRdRw3JFtR1P0Dtb/0508e8ad-6421-478b-ba86-3aa32fa4f5c3.webp","pc":"community"},{"id":"21st-gradient:community__pixel-blush-483c1e00-19a6-43a4-aea3-3d3926c5be1f","t":"Pixel Blush","d":"Remix Pixel Blush, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/5f1aebe0-5b94-4de8-9e90-6d3d8620e96b.webp","pc":"community"},{"id":"21st-gradient:community__plum-peach-butter-4ef92f6a-4732-42a0-a16a-42b75e4f833c","t":"Plum Peach Butter","d":"Remix Plum Peach Butter, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/724cf873-b94a-4e67-9a58-9c727cc74a19.webp","pc":"community"},{"id":"21st-gradient:community__plum-sand-apricot-c2b7cddf-7488-4a84-a7bc-2c52f88135a4","t":"Plum Sand Apricot","d":"Remix Plum Sand Apricot, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/c2f446e7-7b29-4fd3-ac2e-6742d586d24e.webp","pc":"community"},{"id":"21st-gradient:community__pulse-bar-slitted-glass-65ea4007-0767-4294-8359-edd838a00cb6","t":"Pulse bar slitted glass","d":"Because it has slitted glass","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3FfldkLWPuVmVyT2bzg0X1X2eot/a144646a-4f79-4282-8d48-9bdc87d0d5dd.webp","pc":"community"},{"id":"21st-gradient:community__pur-1dbec9d5-0d23-4d00-a26a-071b03d7b72e","t":"pur","d":"Remix pur, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3F07VeB4aZMZl60YRbvtzSlvp2q/3eec49dd-988f-4900-86fa-997cac75beb6.png","pc":"community"},{"id":"21st-gradient:community__purple-animated-waves-3e62a83e-176c-4413-91d7-c7702eb1ff9c","t":"Purple Animated Waves","d":"Remix Purple Animated Waves, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_38nd6MBEJ1BjvRg3l3jtSxqP2RN/bfc2d8cf-ad23-4168-9eba-5580da74fad9.webp","pc":"community"},{"id":"21st-gradient:community__purple-animated-waves-c82eb192-d361-494a-9038-d27618453503","t":"Purple Animated Waves","d":"Remix Purple Animated Waves, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_38nd6MBEJ1BjvRg3l3jtSxqP2RN/35911e9f-08c5-4847-9d1a-99be9ff08b04.webp","pc":"community"},{"id":"21st-gradient:community__purple-animated-waves-graved-79346d10-1c32-41dc-a435-e35093ee42d8","t":"Purple Animated Waves Graved","d":"Remix Purple Animated Waves Graved, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_38nd6MBEJ1BjvRg3l3jtSxqP2RN/46b9b79e-c837-4d66-893b-394d55ddb261.webp","pc":"community"},{"id":"21st-gradient:community__recipe-4fbb85ee-b733-4bfc-b7cb-4f06d9080085","t":"그라데이션","d":"Remix 그라데이션, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3GZa8jRodPVHgt9ncLDfB9tYSY7/ab2d7d95-2253-4b1f-85cd-a1cb287df769.webp","pc":"community"},{"id":"21st-gradient:community__recipe-c1a9005a-0392-47a0-a1a1-caf4eea1171f","t":"夢かわグラデ","d":"Remix 夢かわグラデ, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3H8G3vB5u9DK3DtddyZ0TVVorEV/c6b3a544-6703-429d-8838-5308bf4bd836.webp","pc":"community"},{"id":"21st-gradient:community__recipe-d02073f9-0470-4702-9a3d-47329f0fbe3c","t":"淡粉色","d":"Remix 淡粉色, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3HPMlh2ryIffV4GdmCme49Ek2jw/3c18d9d1-761a-4d6a-b501-45811129e815.webp","pc":"community"},{"id":"21st-gradient:community__ribbon-gradient-1-80ea453a-a702-4077-b9a2-fbe71cbb7b8e","t":"Ribbon Gradient 1","d":"Remix Ribbon Gradient 1, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_37f3l8SQjSMJ0cVz3DKNN8y3pqT/f05399eb-580a-42f0-b61e-12b3bd96f883.webp","pc":"community"},{"id":"21st-gradient:community__rosewood-blush-803856e1-f722-4990-b966-32738d184dd9","t":"Rosewood Blush","d":"Remix Rosewood Blush, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/177c476f-4d04-4386-8112-c3085cb71430.webp","pc":"community"},{"id":"21st-gradient:community__sea-mist-tiles-6f1088bc-a915-4273-a807-ee1da999b211","t":"Sea Mist Tiles","d":"Remix Sea Mist Tiles, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/1f4c68cc-2919-4943-bd6b-cf227ded6639.webp","pc":"community"},{"id":"21st-gradient:community__shadowed-steps-c3e8febd-f858-47e5-951a-8887115895af","t":"Shadowed Steps","d":"Remix Shadowed Steps, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/03baa80c-d923-4ec2-88ea-774f2f38b470.webp","pc":"community"},{"id":"21st-gradient:community__silk-blend-1f93acd9-db22-4335-b9ef-e8bac7ace8ea","t":"Silk blend","d":"Remix Silk blend, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3Aa33BOFT28NfaOyAAlbJlZDlQF/6b482991-723e-4e73-8e89-a1b0dc3791d7.webp","pc":"community"},{"id":"21st-gradient:community__silk-blend-gradient-17284c8d-1c58-41c9-82d3-3ad4a8517cea","t":"Silk Blend gradient","d":"Remix Silk Blend gradient, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_35kMasyYwGtQgcfNDRFBPuxH4Ye/2aaf3c4e-3a21-4b0a-b3e6-8c1ce6eb768e.webp","pc":"community"},{"id":"21st-gradient:community__silk-blend-gradient-37793190-332d-47b2-8540-51039fd79cd8","t":"Silk Blend gradient","d":"Remix Silk Blend gradient, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3H1sfhJZYBzFchpnVeZHbG1Duw4/3e54e7d1-aa26-4017-9cac-8253dea59d20.webp","pc":"community"},{"id":"21st-gradient:community__silk-blend-gradient-3913fbc4-175e-498a-842b-3c1482c04614","t":"Silk Blend gradient","d":"Remix Silk Blend gradient, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3HigJZSiFP5kZrrQbka7Mmbumxp/cca71a74-ea5f-4c00-acd1-5e9cbbc464c3.webp","pc":"community"},{"id":"21st-gradient:community__silk-blend-gradient-a1ae0c0e-7273-4673-8406-1cf567fe6544","t":"Silk Blend gradient","d":"Remix Silk Blend gradient, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3CzJzoAayn6QI50pQoqlVmfhBgw/8beaed26-07ce-4051-9da8-9c34ccc49272.png","pc":"community"},{"id":"21st-gradient:community__silk-blend-gradient-e8209203-e23d-42b6-8af1-bf4e5d45b6df","t":"Silk Blend gradient","d":"Remix Silk Blend gradient, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3GpQ2MncZOijCwbVRHOfZM6XAM7/0573ad79-1e25-46a0-b363-276883f32519.webp","pc":"community"},{"id":"21st-gradient:community__silk-blend-gradient-faef6ee1-8340-4ac1-930e-984262eea779","t":"Silk Blend gradient","d":"Remix Silk Blend gradient, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3EmisfWW1w4LtrySRVYcuiusN0h/eaa08794-e261-40fb-8a97-0bbe1bd191e5.webp","pc":"community"},{"id":"21st-gradient:community__soft-pastel-blend-d1034cb2-39e4-41a0-b892-38a013c24c7d","t":"Soft Pastel Blend","d":"Remix Soft Pastel Blend, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/1d71faac-5f7a-4562-ac14-5bfb8a7d16a2.webp","pc":"community"},{"id":"21st-gradient:community__steel-cone-3189cee2-e447-4828-bb1f-acab9b1db69b","t":"Steel Cone","d":"Remix Steel Cone, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/d42e20ca-0523-4bf8-a10f-494908a704ef.webp","pc":"community"},{"id":"21st-gradient:community__sunset-04c6cda1-e332-4271-a417-b1e9b535f4b8","t":"Sunset","d":"Remix Sunset, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3HOaRSRbHdSlHqh9NpLonwQr7Ag/fa7edd21-064b-4f33-ac7c-3b60bd41e117.png","pc":"community"},{"id":"21st-gradient:community__sunset-0e257812-cc1e-47c5-93b0-e81190627846","t":"Sunset","d":"Remix Sunset, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3GFyENFkOzvLU24iRceveih6bme/a2eaabd0-5b1d-4d6c-b4a4-e8970bd6e4e5.webp","pc":"community"},{"id":"21st-gradient:community__sunset-bloom-16f0a851-93fe-484e-87dd-0480a06f511e","t":"Sunset Bloom","d":"Remix Sunset Bloom, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/dffa35f4-0db5-41f7-8ebd-d22f9cdb0b4a.webp","pc":"community"},{"id":"21st-gradient:community__sunset-blush-788cc52e-b892-4a5c-ba02-7b0abaeeb38f","t":"Sunset Blush","d":"Remix Sunset Blush, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/c7107e35-37c3-439e-8ecd-3ff3ed30c3c2.webp","pc":"community"},{"id":"21st-gradient:community__sunset-orb-2389ca2f-5232-48d2-af54-00d58fb5d063","t":"Sunset Orb","d":"Remix Sunset Orb, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/d01172ed-2576-4ad0-9dec-ffe16e11e0f2.webp","pc":"community"},{"id":"21st-gradient:community__sunset-swell-0b03be2d-6889-4010-bb06-5a3f5cb3b646","t":"Sunset Swell","d":"Remix Sunset Swell, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/edffb8cb-9432-4cc2-b9ea-d6e3da27de12.webp","pc":"community"},{"id":"21st-gradient:community__target-2-b889cb3a-df71-430e-95f7-4f1816b9c0ea","t":"Target 2","d":"Remix Target 2, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3F07VeB4aZMZl60YRbvtzSlvp2q/9b1baec2-a4c3-4d90-b310-0ec37ee4b83e.png","pc":"community"},{"id":"21st-gradient:community__target-ac330893-7fab-4cde-9383-60df34c9ff7d","t":"target","d":"Remix target, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_3F07VeB4aZMZl60YRbvtzSlvp2q/be9754e2-9116-4f37-b864-03e9c527f52f.png","pc":"community"},{"id":"21st-gradient:community__verdant-sprawl-b86012c9-e2fe-4528-8795-17002146d27e","t":"Verdant Sprawl","d":"Remix Verdant Sprawl, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/1fb69311-4303-498d-a063-d15908ad2097.webp","pc":"community"},{"id":"21st-gradient:community__vermilion-rings-ed911ad7-d161-447e-96be-50f38bf75c91","t":"Vermilion Rings","d":"Remix Vermilion Rings, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/df2df8e0-ae52-4b8f-80da-1c7749945879.webp","pc":"community"},{"id":"21st-gradient:community__violet-nocturne-fe31f7c5-4f9c-405a-88c2-b55b835c3312","t":"Violet Nocturne","d":"Remix Violet Nocturne, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/27bacd2b-3747-4812-a416-9ab87e6e03f7.webp","pc":"community"},{"id":"21st-gradient:community__violet-orbit-ee617eb7-bdff-41bc-b7ca-6b1b08b6db05","t":"Violet Orbit","d":"Remix Violet Orbit, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/cea086b2-fae8-4822-b7ef-ef96da36a918.webp","pc":"community"},{"id":"21st-gradient:community__violet-radiance-26b23ad3-26ea-4731-978d-f717c2c0ea82","t":"Violet Radiance","d":"Remix Violet Radiance, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/82b2a47d-a5bb-47ea-b051-4483c4b08af3.webp","pc":"community"},{"id":"21st-gradient:community__violet-starlight-138cec05-292b-4892-bfa9-2c319a4b7968","t":"Violet Starlight","d":"Remix Violet Starlight, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/abd4b5df-930d-4765-9369-517c34c83627.webp","pc":"community"},{"id":"21st-gradient:community__watermelon-marigold-da44a40f-9729-4a3b-8ac3-68de86c5cdb7","t":"Watermelon Marigold","d":"Remix Watermelon Marigold, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/a039d617-02a7-48e2-8dbb-631cae8f0688.webp","pc":"community"},{"id":"21st-gradient:community__zigzag-veil-b5350904-1b5c-4815-b2d3-47d2fb935f10","t":"Zigzag Veil","d":"Remix Zigzag Veil, a community gradient made with the 21st Gradient Builder.","k":"motion","s":"21st","c":"motion/gradient","a":"community","pl":"https://assets.21st.dev/gradient-recipes/thumbnails/user_2nElBLvklOKlAURm6W1PTu6yYFh/8a3343c0-f7dc-4ddb-9c8d-66e98dfdcf79.webp","pc":"community"},{"id":"21st-library:0xUrvish__layouts","t":"Layouts","d":"A micro-interaction React UI library built on shadcn/ui and Framer Motion. Preview all 24 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into Curs","k":"resource","s":"21st","c":"discover/21st-libraries","a":"0xUrvish","pl":"https://21st.dev/api/og/profile/0xUrvish","pc":"0xUrvish"},{"id":"21st-library:21st__agent-elements","t":"Agent Elements","d":"Collection of React UI components for building AI agent chat interfaces, like send/attachment buttons, suggestions, and loaders. Preview all 22 components live on 21st — copy the T","k":"resource","s":"21st","c":"discover/21st-libraries","a":"21st","pl":"https://21st.dev/api/og/profile/21st","pc":"21st"},{"id":"21st-library:Alwurts__simple-ai","t":"simple-ai","d":"Open-source AI-focused UI components, blocks, and React Flow workflows built with shadcn/ui and the Vercel AI SDK. Preview all 3 components live on 21st — copy the TSX, install via","k":"resource","s":"21st","c":"discover/21st-libraries","a":"Alwurts","pl":"https://21st.dev/api/og/profile/Alwurts","pc":"Alwurts"},{"id":"21st-library:BelkacemYerfa__shadcn-extension","t":"Shadcn Extension Components","d":"An open-source component collection that extends shadcn/ui with additional reusable UI components.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"BelkacemYerfa","pl":"https://21st.dev/api/og/profile/BelkacemYerfa","pc":"BelkacemYerfa"},{"id":"21st-library:Codehagen__prism-ui","t":"Prism UI","d":"A fully customizable, accessible, production-ready component library built on top of shadcn/ui. Preview all 17 components live on 21st — copy the TSX, install via the shadcn CLI, o","k":"resource","s":"21st","c":"discover/21st-libraries","a":"Codehagen","pl":"https://21st.dev/api/og/profile/Codehagen","pc":"Codehagen"},{"id":"21st-library:Edil-ozi__edil-ozi","t":"Edil Ozi","d":"Open-source collection of React components you can copy and paste into your apps. Preview all 8 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them int","k":"resource","s":"21st","c":"discover/21st-libraries","a":"Edil-ozi","pl":"https://21st.dev/api/og/profile/Edil-ozi","pc":"Edil-ozi"},{"id":"21st-library:ElevenLabs__elevenlabs-ui","t":"ElevenLabs UI","d":"A component library and custom registry built on shadcn/ui for building multimodal AI agent interfaces faster. Preview all 10 components live on 21st — copy the TSX, install via th","k":"resource","s":"21st","c":"discover/21st-libraries","a":"ElevenLabs","pl":"https://21st.dev/api/og/profile/ElevenLabs","pc":"ElevenLabs"},{"id":"21st-library:KarrixLee__kl-ui","t":"KL UI Components","d":"Browse the KL UI component library on 21st.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"KarrixLee","pl":"https://21st.dev/api/og/profile/KarrixLee","pc":"KarrixLee"},{"id":"21st-library:LegionWebDev__evil-charts","t":"Evil Charts","d":"Open-source collection of beautifully designed, animated chart components built with shadcn/ui and Recharts. Preview all 5 components live on 21st — copy the TSX, install via the s","k":"resource","s":"21st","c":"discover/21st-libraries","a":"LegionWebDev","pl":"https://21st.dev/api/og/profile/LegionWebDev","pc":"LegionWebDev"},{"id":"21st-library:LegionWebDev__svg-ui","t":"SVG UI","d":"Copy-paste library of animated SVG components built with React and Tailwind CSS. Preview all 3 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into","k":"resource","s":"21st","c":"discover/21st-libraries","a":"LegionWebDev","pl":"https://21st.dev/api/og/profile/LegionWebDev","pc":"LegionWebDev"},{"id":"21st-library:RayMethula__rapidui","t":"RapidUI","d":"Instant, copy-paste UI blocks for React and Next.js developers. Preview all 4 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into Cursor and Claud","k":"resource","s":"21st","c":"discover/21st-libraries","a":"RayMethula","pl":"https://21st.dev/api/og/profile/RayMethula","pc":"RayMethula"},{"id":"21st-library:ShadcnStudio__shadcnstudio","t":"ShadcnStudio","d":"An open-source collection of copy-and-paste shadcn/ui components, blocks, and templates with a theme generator. Preview all 14 components live on 21st — copy the TSX, install via t","k":"resource","s":"21st","c":"discover/21st-libraries","a":"ShadcnStudio","pl":"https://21st.dev/api/og/profile/ShadcnStudio","pc":"ShadcnStudio"},{"id":"21st-library:SubframeApp__subframe-ui","t":"Subframe UI","d":"Beautiful, accessible React and Tailwind CSS components to copy and paste, ready to customize in Subframe. Preview all 12 components live on 21st — copy the TSX, install via the sh","k":"resource","s":"21st","c":"discover/21st-libraries","a":"SubframeApp","pl":"https://21st.dev/api/og/profile/SubframeApp","pc":"SubframeApp"},{"id":"21st-library:TomIsLoading__hover-dev","t":"Hover.Dev","d":"Copy-paste animated, interactive UI components and templates for React, Tailwind CSS, and Framer Motion. Preview all 5 components live on 21st — copy the TSX, install via the shadc","k":"resource","s":"21st","c":"discover/21st-libraries","a":"TomIsLoading","pl":"https://21st.dev/api/og/profile/TomIsLoading","pc":"TomIsLoading"},{"id":"21st-library:airbnb__visx","t":"visx","d":"A collection of reusable, low-level visualization components that combine d3's computational power with React's approach to building user interfaces. Preview all 35 components live","k":"resource","s":"21st","c":"discover/21st-libraries","a":"airbnb","pl":"https://21st.dev/api/og/profile/airbnb","pc":"airbnb"},{"id":"21st-library:amanshakya1808__forge-ui","t":"Forge UI","d":"Open-source collection of animated, responsive React components built with Tailwind CSS and Framer Motion. Preview all 6 components live on 21st — copy the TSX, install via the sha","k":"resource","s":"21st","c":"discover/21st-libraries","a":"amanshakya1808","pl":"https://21st.dev/api/og/profile/amanshakya1808","pc":"amanshakya1808"},{"id":"21st-library:amanshakya307__forge-ui","t":"Forge UI Components","d":"A library of animated, responsive, Tailwind-powered React components for fast front-end development.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"amanshakya307","pl":"https://21st.dev/api/og/profile/amanshakya307","pc":"amanshakya307"},{"id":"21st-library:aniket-508__heroicons-animated","t":"Heroicons Animated Components","d":"Animated heroicons icons.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"aniket-508","pl":"https://21st.dev/api/og/profile/aniket-508","pc":"aniket-508"},{"id":"21st-library:antdesign__ant-design","t":"Ant Design","d":"Enterprise-class UI design language and React component library with a set of high-quality components. Preview all 7 components live on 21st — copy the TSX, install via the shadcn ","k":"resource","s":"21st","c":"discover/21st-libraries","a":"antdesign","pl":"https://21st.dev/api/og/profile/antdesign","pc":"antdesign"},{"id":"21st-library:archived_de9fb983__untitledui","t":"untitledui Components","d":"Large open-source collection of React components built with Tailwind CSS and React Aria; copy, paste, and build.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"archived_de9fb983","pl":"https://21st.dev/api/og/profile/archived_de9fb983","pc":"archived_de9fb983"},{"id":"21st-library:arihantcodes_1f7b8c4d__spectrum-ui","t":"Spectrum UI","d":"250+ React and Next.js components, blocks, and animations built with Tailwind CSS and Framer Motion. Preview all 22 components live on 21st — copy the TSX, install via the shadcn C","k":"resource","s":"21st","c":"discover/21st-libraries","a":"arihantcodes_1f7b8c4d","pl":"https://21st.dev/api/og/profile/arihantcodes_1f7b8c4d","pc":"arihantcodes_1f7b8c4d"},{"id":"21st-library:avijit07x__animateicons-hugeicons","t":"AnimateIcons / Hugeicons Components","d":"Animated hugeicons icons.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"avijit07x","pl":"https://21st.dev/api/og/profile/avijit07x","pc":"avijit07x"},{"id":"21st-library:avijit07x__animateicons-lucide","t":"AnimateIcons / Lucide Components","d":"Animated lucide icons.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"avijit07x","pl":"https://21st.dev/api/og/profile/avijit07x","pc":"avijit07x"},{"id":"21st-library:ayushmxxn__serenity-ui","t":"Serenity UI","d":"Beautifully crafted UI components to elevate your web projects. Preview all 16 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into Cursor and Clau","k":"resource","s":"21st","c":"discover/21st-libraries","a":"ayushmxxn","pl":"https://21st.dev/api/og/profile/ayushmxxn","pc":"ayushmxxn"},{"id":"21st-library:badtzx0__badtz-ui","t":"Badtz UI","d":"Animated UI component library for React and Next.js developers. Preview all 16 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into Cursor and Clau","k":"resource","s":"21st","c":"discover/21st-libraries","a":"badtzx0","pl":"https://21st.dev/api/og/profile/badtzx0","pc":"badtzx0"},{"id":"21st-library:bankkroll__bankk","t":"Bankk","d":"Personal collection of React UI components by developer BankkRoll, including pricing cards, testimonials, tabs, and auth forms. Preview all 17 components live on 21st — copy the TS","k":"resource","s":"21st","c":"discover/21st-libraries","a":"bankkroll","pl":"https://21st.dev/api/og/profile/bankkroll","pc":"bankkroll"},{"id":"21st-library:berlix__berlix-ui","t":"Berlix UI","d":"Copy-paste React components focused on smooth animations and clean design, built with Tailwind CSS and Framer Motion. Preview all 4 components live on 21st — copy the TSX, install ","k":"resource","s":"21st","c":"discover/21st-libraries","a":"berlix","pl":"https://21st.dev/api/og/profile/berlix","pc":"berlix"},{"id":"21st-library:bklitai__bklit","t":"Bklit","d":"React component library of design-engineered charts and data-visualization components. Preview all 3 components live on 21st — copy the TSX, install via the shadcn CLI, or pull the","k":"resource","s":"21st","c":"discover/21st-libraries","a":"bklitai","pl":"https://21st.dev/api/og/profile/bklitai","pc":"bklitai"},{"id":"21st-library:brijr__brijr","t":"brijr","d":"Open-source collection of type-safe React and Tailwind CSS components for building Next.js websites. Preview all 5 components live on 21st — copy the TSX, install via the shadcn CL","k":"resource","s":"21st","c":"discover/21st-libraries","a":"brijr","pl":"https://21st.dev/api/og/profile/brijr","pc":"brijr"},{"id":"21st-library:builduilabs__build-ui","t":"Build UI","d":"Video courses and reference code for building modern, animated user interfaces for the web. Preview all 6 components live on 21st — copy the TSX, install via the shadcn CLI, or pul","k":"resource","s":"21st","c":"discover/21st-libraries","a":"builduilabs","pl":"https://21st.dev/api/og/profile/builduilabs","pc":"builduilabs"},{"id":"21st-library:bundui__bundui","t":"Bundui","d":"UI components and blocks built with Tailwind CSS and shadcn/ui. Preview all 17 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into Cursor and Clau","k":"resource","s":"21st","c":"discover/21st-libraries","a":"bundui","pl":"https://21st.dev/api/og/profile/bundui","pc":"bundui"},{"id":"21st-library:bundui__shadcn-ui-kit","t":"Shadcn UI Kit","d":"Collection of shadcn/ui-based admin dashboards, templates, components, and blocks for building React apps faster. Preview all 5 components live on 21st — copy the TSX, install via ","k":"resource","s":"21st","c":"discover/21st-libraries","a":"bundui","pl":"https://21st.dev/api/og/profile/bundui","pc":"bundui"},{"id":"21st-library:chetanverma16__chetanverma-ui","t":"chetanverma/ui","d":"Collection of reusable animated React components built with Framer Motion and Tailwind CSS by Chetan Verma. Preview all 18 components live on 21st — copy the TSX, install via the s","k":"resource","s":"21st","c":"discover/21st-libraries","a":"chetanverma16","pl":"https://21st.dev/api/og/profile/chetanverma16","pc":"chetanverma16"},{"id":"21st-library:cnippet.dev__cnippet","t":"Cnippet","d":"Premium UI components, pre-built blocks, and guides to accelerate React and Next.js development. Preview all 70 components live on 21st — copy the TSX, install via the shadcn CLI, ","k":"resource","s":"21st","c":"discover/21st-libraries","a":"cnippet.dev","pl":"https://21st.dev/api/og/profile/cnippet.dev","pc":"cnippet.dev"},{"id":"21st-library:codecalm__tabler","t":"Tabler Icons Components","d":"Tabler Icons icon family.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"codecalm","pl":"https://21st.dev/api/og/profile/codecalm","pc":"codecalm"},{"id":"21st-library:coss.com__coss","t":"coss","d":"Open-source React UI component library built on Base UI; the official design system of Cal.com. Preview all 28 components live on 21st — copy the TSX, install via the shadcn CLI, o","k":"resource","s":"21st","c":"discover/21st-libraries","a":"coss.com","pl":"https://21st.dev/api/og/profile/coss.com","pc":"coss.com"},{"id":"21st-library:cult-ui__cult-ui","t":"cult ui","d":"78+ free, open-source animated React components and effects that drop into any shadcn/ui project. Preview all 18 components live on 21st — copy the TSX, install via the shadcn CLI,","k":"resource","s":"21st","c":"discover/21st-libraries","a":"cult-ui","pl":"https://21st.dev/api/og/profile/cult-ui","pc":"cult-ui"},{"id":"21st-library:cyberalien__line-md","t":"Material Line Icons Components","d":"Animated line-md icons.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"cyberalien","pl":"https://21st.dev/api/og/profile/cyberalien","pc":"cyberalien"},{"id":"21st-library:dadopelanosvela__dalexdev","t":"DalexDev Components","d":"Personal collection of React UI components, including neumorphic and glow effects, by frontend developer Alejandro Velasco.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"dadopelanosvela","pl":"https://21st.dev/api/og/profile/dadopelanosvela","pc":"dadopelanosvela"},{"id":"21st-library:danielpetho__fancy-components","t":"Fancy Components","d":"Free, open-source React library of ready-to-use animated components and microinteractions. Preview all 29 components live on 21st — copy the TSX, install via the shadcn CLI, or pul","k":"resource","s":"21st","c":"discover/21st-libraries","a":"danielpetho","pl":"https://21st.dev/api/og/profile/danielpetho","pc":"danielpetho"},{"id":"21st-library:ddoemonn__interior-dev","t":"interior.dev","d":"micro-interactions for react, built for the half-second after a click. Preview all 51 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into Cursor a","k":"resource","s":"21st","c":"discover/21st-libraries","a":"ddoemonn","pl":"https://21st.dev/api/og/profile/ddoemonn","pc":"ddoemonn"},{"id":"21st-library:deltacomponents__deltacomponents","t":"deltacomponents","d":"High-performance component registry built on top of shadcn/ui, from AI chat interfaces to interactive media. Preview all 4 components live on 21st — copy the TSX, install via the s","k":"resource","s":"21st","c":"discover/21st-libraries","a":"deltacomponents","pl":"https://21st.dev/api/og/profile/deltacomponents","pc":"deltacomponents"},{"id":"21st-library:dev.shejanmahamud__joly-ui","t":"Joly UI Components","d":"Open-source set of 50+ shadcn/ui-based React and Next.js components with TypeScript support.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"dev.shejanmahamud","pl":"https://21st.dev/api/og/profile/dev.shejanmahamud","pc":"dev.shejanmahamud"},{"id":"21st-library:devsam7t3__liquid-glass","t":"Liquid Glass Components","d":"@avenra/liquid-glass is a zero-dependency, physics-based SVG displacement lens library for the web that simulates real glass optics. It leverages Snell's law refraction, specular h","k":"resource","s":"21st","c":"discover/21st-libraries","a":"devsam7t3","pl":"https://21st.dev/api/og/profile/devsam7t3","pc":"devsam7t3"},{"id":"21st-library:dgearsonu1__authenticui","t":"AuthenticUI","d":"Browse the AuthenticUI component library. Preview all 14 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into Cursor and Claude Code over MCP.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"dgearsonu1","pl":"https://21st.dev/api/og/profile/dgearsonu1","pc":"dgearsonu1"},{"id":"21st-library:diceui__dice-ui","t":"Dice UI","d":"Accessible shadcn/ui components built with React, TypeScript, and Tailwind CSS; copy-paste ready. Preview all 3 components live on 21st — copy the TSX, install via the shadcn CLI, ","k":"resource","s":"21st","c":"discover/21st-libraries","a":"diceui","pl":"https://21st.dev/api/og/profile/diceui","pc":"diceui"},{"id":"21st-library:dillionverma__magic-ui","t":"Magic UI","d":"150+ free, open-source animated React components and effects built with Tailwind CSS and Motion. Preview all 60 components live on 21st — copy the TSX, install via the shadcn CLI, ","k":"resource","s":"21st","c":"discover/21st-libraries","a":"dillionverma","pl":"https://21st.dev/api/og/profile/dillionverma","pc":"dillionverma"},{"id":"21st-library:dubinc__dub","t":"Dub Components","d":"Open-source link attribution platform for short links, conversion tracking, and affiliate programs.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"dubinc","pl":"https://21st.dev/api/og/profile/dubinc","pc":"dubinc"},{"id":"21st-library:educalvolpz__smoothui","t":"SmoothUI","d":"50+ animated React components for shadcn/ui, built with Motion and Tailwind CSS. Preview all 11 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them int","k":"resource","s":"21st","c":"discover/21st-libraries","a":"educalvolpz","pl":"https://21st.dev/api/og/profile/educalvolpz","pc":"educalvolpz"},{"id":"21st-library:ekmas__neobrutalism","t":"Neobrutalism","d":"A collection of neobrutalism-styled UI components based on shadcn/ui and Tailwind CSS. Preview all 9 components live on 21st — copy the TSX, install via the shadcn CLI, or pull the","k":"resource","s":"21st","c":"discover/21st-libraries","a":"ekmas","pl":"https://21st.dev/api/og/profile/ekmas","pc":"ekmas"},{"id":"21st-library:flower0wine__huajianjiu","t":"花间酒","d":"Browse the 花间酒 component library. Preview all 3 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into Cursor and Claude Code over MCP.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"flower0wine","pl":"https://21st.dev/api/og/profile/flower0wine","pc":"flower0wine"},{"id":"21st-library:fuma-nama__fumadocs","t":"Fumadocs","d":"Beautiful, flexible React.js documentation framework for Next.js, Astro, and Vite-based frameworks. Preview all 7 components live on 21st — copy the TSX, install via the shadcn CLI","k":"resource","s":"21st","c":"discover/21st-libraries","a":"fuma-nama","pl":"https://21st.dev/api/og/profile/fuma-nama","pc":"fuma-nama"},{"id":"21st-library:hari__animata","t":"Animata","d":"Free, open-source collection of copy-paste animation and interaction components built with React and Tailwind CSS. Preview all 6 components live on 21st — copy the TSX, install via","k":"resource","s":"21st","c":"discover/21st-libraries","a":"hari","pl":"https://21st.dev/api/og/profile/hari","pc":"hari"},{"id":"21st-library:haydenbleasel__kibo-ui","t":"Kibo UI","d":"A registry of composable, accessible, open-source components for use with shadcn/ui. Preview all 26 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them","k":"resource","s":"21st","c":"discover/21st-libraries","a":"haydenbleasel","pl":"https://21st.dev/api/og/profile/haydenbleasel","pc":"haydenbleasel"},{"id":"21st-library:hero_ui__hero-ui","t":"Hero Ui","d":"Beautiful, fast, and modern React UI library (previously NextUI), built on React Aria and Tailwind CSS. Preview all 6 components live on 21st — copy the TSX, install via the shadcn","k":"resource","s":"21st","c":"discover/21st-libraries","a":"hero_ui","pl":"https://21st.dev/api/og/profile/hero_ui","pc":"hero_ui"},{"id":"21st-library:hugeicons__hugeicons","t":"Hugeicons Components","d":"Hugeicons icon family.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"hugeicons","pl":"https://21st.dev/api/og/profile/hugeicons","pc":"hugeicons"},{"id":"21st-library:ibelick__background-snippets","t":"Background Snippets","d":"Modern background snippets: copy, paste, ready-to-use. Preview all 4 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into Cursor and Claude Code ov","k":"resource","s":"21st","c":"discover/21st-libraries","a":"ibelick","pl":"https://21st.dev/api/og/profile/ibelick","pc":"ibelick"},{"id":"21st-library:ibelick__motion-primitives","t":"Motion Primitives","d":"A UI kit of beautiful, customizable animated components built with Motion and Tailwind CSS. Preview all 34 components live on 21st — copy the TSX, install via the shadcn CLI, or pu","k":"resource","s":"21st","c":"discover/21st-libraries","a":"ibelick","pl":"https://21st.dev/api/og/profile/ibelick","pc":"ibelick"},{"id":"21st-library:ibelick__prompt-kit","t":"Prompt Kit","d":"High-quality, accessible, customizable components for AI interfaces, built on top of shadcn/ui. Preview all 9 components live on 21st — copy the TSX, install via the shadcn CLI, or","k":"resource","s":"21st","c":"discover/21st-libraries","a":"ibelick","pl":"https://21st.dev/api/og/profile/ibelick","pc":"ibelick"},{"id":"21st-library:intentui__intent-ui","t":"Intent UI","d":"Accessible React components to copy, customize, and make your own. Preview all 10 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into Cursor and C","k":"resource","s":"21st","c":"discover/21st-libraries","a":"intentui","pl":"https://21st.dev/api/og/profile/intentui","pc":"intentui"},{"id":"21st-library:jolbol1__jolly-ui","t":"Jolly UI","d":"shadcn/ui-compatible, accessible copy-paste components built with React Aria and Tailwind CSS. Preview all 51 components live on 21st — copy the TSX, install via the shadcn CLI, or","k":"resource","s":"21st","c":"discover/21st-libraries","a":"jolbol1","pl":"https://21st.dev/api/og/profile/jolbol1","pc":"jolbol1"},{"id":"21st-library:jshguo__interfaces-ds","t":"Interfaces DS","d":"A design system and React component registry for building elegant, accessible user interfaces. Preview all 23 components live on 21st — copy the TSX, install via the shadcn CLI, or","k":"resource","s":"21st","c":"discover/21st-libraries","a":"jshguo","pl":"https://21st.dev/api/og/profile/jshguo","pc":"jshguo"},{"id":"21st-library:kaif-ui__kaif-ui","t":"Kaif UI","d":"Library of beautifully crafted, animated components built with Next.js, React, Tailwind CSS, and Framer Motion. Preview all 5 components live on 21st — copy the TSX, install via th","k":"resource","s":"21st","c":"discover/21st-libraries","a":"kaif-ui","pl":"https://21st.dev/api/og/profile/kaif-ui","pc":"kaif-ui"},{"id":"21st-library:kapishdima__remocn","t":"Remocn","d":"Copy-paste video component library for Remotion: production-ready animations, transitions, and backgrounds for React. Preview all 6 components live on 21st — copy the TSX, install ","k":"resource","s":"21st","c":"discover/21st-libraries","a":"kapishdima","pl":"https://21st.dev/api/og/profile/kapishdima","pc":"kapishdima"},{"id":"21st-library:karthikmudunuri__eldora-ui","t":"Eldora UI","d":"150+ free, open-source animated React components built with TypeScript, Tailwind CSS, and Motion. Preview all 13 components live on 21st — copy the TSX, install via the shadcn CLI,","k":"resource","s":"21st","c":"discover/21st-libraries","a":"karthikmudunuri","pl":"https://21st.dev/api/og/profile/karthikmudunuri","pc":"karthikmudunuri"},{"id":"21st-library:kinfe123__farm-ui","t":"Farm UI","d":"A client-first, animation-rich UI component library built on Radix UI and shadcn/ui with Framer Motion. Preview all 12 components live on 21st — copy the TSX, install via the shadc","k":"resource","s":"21st","c":"discover/21st-libraries","a":"kinfe123","pl":"https://21st.dev/api/og/profile/kinfe123","pc":"kinfe123"},{"id":"21st-library:kokonutd__kokonut-ui","t":"Kokonut UI","d":"100+ modern UI components built with Tailwind CSS, shadcn/ui, and Motion. Preview all 49 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into Curso","k":"resource","s":"21st","c":"discover/21st-libraries","a":"kokonutd","pl":"https://21st.dev/api/og/profile/kokonutd","pc":"kokonutd"},{"id":"21st-library:kvnkld__aicss","t":"AIcss","d":"Beautifully crafted, copy-paste UI components for AI agent conversations, including thinking states, tool calls, streaming text, tables, and more. Preview all 17 components live on","k":"resource","s":"21st","c":"discover/21st-libraries","a":"kvnkld","pl":"https://21st.dev/api/og/profile/kvnkld","pc":"kvnkld"},{"id":"21st-library:lepikhinb__lunar-ui","t":"Lunar UI Components","d":"A collection of interactive Tailwind CSS components built for React and Vue.js.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"lepikhinb","pl":"https://21st.dev/api/og/profile/lepikhinb","pc":"lepikhinb"},{"id":"21st-library:lina.sameer__lina","t":"Lina Components","d":"Drop-in shadcn/ui ScrollArea replacement (Radix/Base UI) with native touch, adaptive masks, and polished interactions.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"lina.sameer","pl":"https://21st.dev/api/og/profile/lina.sameer","pc":"lina.sameer"},{"id":"21st-library:liveblocks__frimousse","t":"Frimousse Components","d":"A lightweight, unstyled, and composable emoji picker for React.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"liveblocks","pl":"https://21st.dev/api/og/profile/liveblocks","pc":"liveblocks"},{"id":"21st-library:ln-dev7__circle","t":"Circle","d":"Open-source project management UI inspired by Linear, built with Next.js and shadcn/ui. Preview all 23 components live on 21st — copy the TSX, install via the shadcn CLI, or pull t","k":"resource","s":"21st","c":"discover/21st-libraries","a":"ln-dev7","pl":"https://21st.dev/api/og/profile/ln-dev7","pc":"ln-dev7"},{"id":"21st-library:ln-dev7__lndev-ui","t":"lndev-ui","d":"A collection of small, well-coded React components (free and premium) to streamline development. Preview all 30 components live on 21st — copy the TSX, install via the shadcn CLI, ","k":"resource","s":"21st","c":"discover/21st-libraries","a":"ln-dev7","pl":"https://21st.dev/api/og/profile/ln-dev7","pc":"ln-dev7"},{"id":"21st-library:lucide-icons__lucide","t":"Lucide Components","d":"Lucide icon family.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"lucide-icons","pl":"https://21st.dev/api/og/profile/lucide-icons","pc":"lucide-icons"},{"id":"21st-library:lukacho__lukacho-ui","t":"Lukacho UI","d":"Free, open-source collection of animated React UI components built with Next.js, Tailwind CSS, and Framer Motion. Preview all 6 components live on 21st — copy the TSX, install via ","k":"resource","s":"21st","c":"discover/21st-libraries","a":"lukacho","pl":"https://21st.dev/api/og/profile/lukacho","pc":"lukacho"},{"id":"21st-library:lyanchouss__daliagents","t":"Dali Agents","d":"Browse the Dali Agents component library. Preview all 48 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into Cursor and Claude Code over MCP.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"lyanchouss","pl":"https://21st.dev/api/og/profile/lyanchouss","pc":"lyanchouss"},{"id":"21st-library:manuarora700__aceternity-ui","t":"Aceternity UI","d":"Copy-paste animated React and Tailwind CSS components built with Framer Motion. Preview all 83 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into","k":"resource","s":"21st","c":"discover/21st-libraries","a":"manuarora700","pl":"https://21st.dev/api/og/profile/manuarora700","pc":"manuarora700"},{"id":"21st-library:mdafsarx__nur-ui","t":"nur/ui","d":"A modern React and Next.js UI component library with animated components and CLI scaffolding. Preview all 8 components live on 21st — copy the TSX, install via the shadcn CLI, or p","k":"resource","s":"21st","c":"discover/21st-libraries","a":"mdafsarx","pl":"https://21st.dev/api/og/profile/mdafsarx","pc":"mdafsarx"},{"id":"21st-library:meschacirung__tailark","t":"Tailark","d":"Pre-built marketing blocks and page templates for building modern marketing websites with shadcn/ui and Tailwind CSS. Preview all 40 components live on 21st — copy the TSX, install","k":"resource","s":"21st","c":"discover/21st-libraries","a":"meschacirung","pl":"https://21st.dev/api/og/profile/meschacirung","pc":"meschacirung"},{"id":"21st-library:meta__astryx","t":"Astryx","d":"An open source design system that is fully customizable and agent ready. Preview all 11 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into Cursor","k":"resource","s":"21st","c":"discover/21st-libraries","a":"meta","pl":"https://21st.dev/api/og/profile/meta","pc":"meta"},{"id":"21st-library:micka_design__fluid-functionalism","t":"Fluid Functionalism","d":"Refined React UI components with satisfying hover interactions, compatible with shadcn/ui and installable via CLI. Preview all 9 components live on 21st — copy the TSX, install via","k":"resource","s":"21st","c":"discover/21st-libraries","a":"micka_design","pl":"https://21st.dev/api/og/profile/micka_design","pc":"micka_design"},{"id":"21st-library:mikolajdobrucki__launch-ui","t":"Launch UI","d":"Free, open-source blocks and templates built with React, shadcn/ui, and Tailwind CSS for landing and marketing sites. Preview all 6 components live on 21st — copy the TSX, install ","k":"resource","s":"21st","c":"discover/21st-libraries","a":"mikolajdobrucki","pl":"https://21st.dev/api/og/profile/mikolajdobrucki","pc":"mikolajdobrucki"},{"id":"21st-library:moazamtrade__shadway","t":"shadway","d":"An open-source workspace with a curated component library, AI-powered UI generation, and community component drops. Preview all 44 components live on 21st — copy the TSX, install v","k":"resource","s":"21st","c":"discover/21st-libraries","a":"moazamtrade","pl":"https://21st.dev/api/og/profile/moazamtrade","pc":"moazamtrade"},{"id":"21st-library:molecule-lab-rushil__molecule-ui","t":"Molecule UI","d":"Shadcn-compatible registry of animated, production-ready UI components you add to a Next.js app via shadcn add. Preview all 18 components live on 21st — copy the TSX, install via t","k":"resource","s":"21st","c":"discover/21st-libraries","a":"molecule-lab-rushil","pl":"https://21st.dev/api/og/profile/molecule-lab-rushil","pc":"molecule-lab-rushil"},{"id":"21st-library:moumensoliman__ui-tripled","t":"UI TripleD","d":"Production-ready UI blocks, components, and pages for shadcn/ui and Base UI, powered by Framer Motion. Preview all 87 components live on 21st — copy the TSX, install via the shadcn","k":"resource","s":"21st","c":"discover/21st-libraries","a":"moumensoliman","pl":"https://21st.dev/api/og/profile/moumensoliman","pc":"moumensoliman"},{"id":"21st-library:mui__base-ui","t":"Base UI","d":"An unstyled UI component library for building accessible user interfaces. Preview all 29 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into Curso","k":"resource","s":"21st","c":"discover/21st-libraries","a":"mui","pl":"https://21st.dev/api/og/profile/mui","pc":"mui"},{"id":"21st-library:mvp_Subha__mvpblocks","t":"MVPBlocks","d":"Prebuilt UI blocks to ship beautiful MVPs fast, built with Next.js, React, and Tailwind CSS. Preview all 6 components live on 21st — copy the TSX, install via the shadcn CLI, or pu","k":"resource","s":"21st","c":"discover/21st-libraries","a":"mvp_Subha","pl":"https://21st.dev/api/og/profile/mvp_Subha","pc":"mvp_Subha"},{"id":"21st-library:nayan_radadiya6__shadcn-extras","t":"shadcn-extras","d":"React library of beautiful, animated UI components built with Motion and Tailwind CSS for shadcn/ui. Preview all 6 components live on 21st — copy the TSX, install via the shadcn CL","k":"resource","s":"21st","c":"discover/21st-libraries","a":"nayan_radadiya6","pl":"https://21st.dev/api/og/profile/nayan_radadiya6","pc":"nayan_radadiya6"},{"id":"21st-library:ncdai__chanh-dai","t":"Chánh Đại","d":"Portfolio and open-source React components by design engineer Chánh Đại, including a wheel picker and animated UI effects. Preview all 5 components live on 21st — copy the TSX, ins","k":"resource","s":"21st","c":"discover/21st-libraries","a":"ncdai","pl":"https://21st.dev/api/og/profile/ncdai","pc":"ncdai"},{"id":"21st-library:nextjsshop__nextjsshop","t":"Nextjsshop","d":"A marketplace for production-ready Next.js templates and UI components. Preview all 10 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into Cursor ","k":"resource","s":"21st","c":"discover/21st-libraries","a":"nextjsshop","pl":"https://21st.dev/api/og/profile/nextjsshop","pc":"nextjsshop"},{"id":"21st-library:nyxbui__nyxb-ui","t":"Nyxb UI","d":"Fusion UI library combining shadcn/ui and Magic UI with 150+ React, TypeScript, Tailwind, and Framer Motion components. Preview all 5 components live on 21st — copy the TSX, instal","k":"resource","s":"21st","c":"discover/21st-libraries","a":"nyxbui","pl":"https://21st.dev/api/og/profile/nyxbui","pc":"nyxbui"},{"id":"21st-library:olovajs__sera-ui","t":"Sera UI Components","d":"UI component library for React, Next.js and JSX frameworks, built with Tailwind CSS.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"olovajs","pl":"https://21st.dev/api/og/profile/olovajs","pc":"olovajs"},{"id":"21st-library:openstatusHQ__openstatus","t":"OpenStatus Components","d":"Open-source uptime monitoring and status page platform with checks from global regions.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"openstatusHQ","pl":"https://21st.dev/api/og/profile/openstatusHQ","pc":"openstatusHQ"},{"id":"21st-library:originui__origin-ui","t":"Origin UI","d":"An extensive collection of copy-and-paste UI components for building app interfaces, built with Tailwind CSS and React. Preview all 44 components live on 21st — copy the TSX, insta","k":"resource","s":"21st","c":"discover/21st-libraries","a":"originui","pl":"https://21st.dev/api/og/profile/originui","pc":"originui"},{"id":"21st-library:osmosupply__osmo","t":"Osmo","d":"Membership toolkit of copy-paste components, animations, and page transitions for Webflow and HTML developers. Preview all 3 components live on 21st — copy the TSX, install via the","k":"resource","s":"21st","c":"discover/21st-libraries","a":"osmosupply","pl":"https://21st.dev/api/og/profile/osmosupply","pc":"osmosupply"},{"id":"21st-library:ozantekin__shsf-ui","t":"SHSF UI","d":"Motion-first React UI library built with TypeScript, Tailwind CSS, Motion, and shadcn/ui. Preview all 6 components live on 21st — copy the TSX, install via the shadcn CLI, or pull ","k":"resource","s":"21st","c":"discover/21st-libraries","a":"ozantekin","pl":"https://21st.dev/api/og/profile/ozantekin","pc":"ozantekin"},{"id":"21st-library:paceui__pace-ui","t":"Pace UI","d":"React component library on Tailwind and shadcn/ui with 50+ component variants, 100+ blocks, and starter kits. Preview all 7 components live on 21st — copy the TSX, install via the ","k":"resource","s":"21st","c":"discover/21st-libraries","a":"paceui","pl":"https://21st.dev/api/og/profile/paceui","pc":"paceui"},{"id":"21st-library:phosphor-icons__phosphor","t":"Phosphor Icons Components","d":"Phosphor Icons icon family.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"phosphor-icons","pl":"https://21st.dev/api/og/profile/phosphor-icons","pc":"phosphor-icons"},{"id":"21st-library:phucbm__phuc-ui","t":"Phuc UI","d":"Collection of modern React UI components with GSAP animations, built with TypeScript, Tailwind CSS, and Nextra. Preview all 6 components live on 21st — copy the TSX, install via th","k":"resource","s":"21st","c":"discover/21st-libraries","a":"phucbm","pl":"https://21st.dev/api/og/profile/phucbm","pc":"phucbm"},{"id":"21st-library:pqoqubbw__lucide-animated","t":"Lucide Animated Components","d":"Animated lucide icons.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"pqoqubbw","pl":"https://21st.dev/api/og/profile/pqoqubbw","pc":"pqoqubbw"},{"id":"21st-library:prebuiltui__prebuiltui","t":"PrebuiltUI","d":"435+ free, customizable Tailwind CSS UI components for React, Vue, Next.js, and HTML. Preview all 24 components live on 21st — copy the TSX, install via the shadcn CLI, or pull the","k":"resource","s":"21st","c":"discover/21st-libraries","a":"prebuiltui","pl":"https://21st.dev/api/og/profile/prebuiltui","pc":"prebuiltui"},{"id":"21st-library:preetsuthar17__hextaui","t":"HextaUI","d":"Extended components and blocks built on top of shadcn/ui with React and Tailwind CSS. Preview all 113 components live on 21st — copy the TSX, install via the shadcn CLI, or pull th","k":"resource","s":"21st","c":"discover/21st-libraries","a":"preetsuthar17","pl":"https://21st.dev/api/og/profile/preetsuthar17","pc":"preetsuthar17"},{"id":"21st-library:reaviz__reaviz","t":"REAVIZ","d":"A modular data visualization library for React, built on D3 with many chart types and interactions. Preview all 34 components live on 21st — copy the TSX, install via the shadcn CL","k":"resource","s":"21st","c":"discover/21st-libraries","a":"reaviz","pl":"https://21st.dev/api/og/profile/reaviz","pc":"reaviz"},{"id":"21st-library:remix-design__remix-icon","t":"Remix Icon Components","d":"Remix Icon icon family.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"remix-design","pl":"https://21st.dev/api/og/profile/remix-design","pc":"remix-design"},{"id":"21st-library:reuno-ui__reuno-ui","t":"reuno-ui","d":"Browse the reuno-ui component library. Preview all 35 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into Cursor and Claude Code over MCP.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"reuno-ui","pl":"https://21st.dev/api/og/profile/reuno-ui","pc":"reuno-ui"},{"id":"21st-library:riu-f__riu","t":"riu Components","d":"Browse the riu component library on 21st.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"riu-f","pl":"https://21st.dev/api/og/profile/riu-f","pc":"riu-f"},{"id":"21st-library:rmahammad__motiq","t":"Motiq","d":"Animated React and shadcn/ui components you install as editable source. 86 components, MIT licensed, zero lock-in. Preview all 13 components live on 21st — copy the TSX, install vi","k":"resource","s":"21st","c":"discover/21st-libraries","a":"rmahammad","pl":"https://21st.dev/api/og/profile/rmahammad","pc":"rmahammad"},{"id":"21st-library:ruixen.ui__ruixen-ui","t":"Ruixen UI","d":"React marketing UI for shadcn: 240+ landing-page sections and components built with Tailwind CSS. Preview all 379 components live on 21st — copy the TSX, install via the shadcn CLI","k":"resource","s":"21st","c":"discover/21st-libraries","a":"ruixen.ui","pl":"https://21st.dev/api/og/profile/ruixen.ui","pc":"ruixen.ui"},{"id":"21st-library:rynkovski__extendui","t":"ExtendUI","d":"Reusable components built on shadcn/ui to increase performance when building web applications. Preview all 6 components live on 21st — copy the TSX, install via the shadcn CLI, or ","k":"resource","s":"21st","c":"discover/21st-libraries","a":"rynkovski","pl":"https://21st.dev/api/og/profile/rynkovski","pc":"rynkovski"},{"id":"21st-library:saurabh-2607__great-ui","t":"Great UI","d":"Copy-paste React components built with Next.js, React 19, Tailwind CSS v4 and Motion. Preview all 26 components live on 21st — copy the TSX, install via the shadcn CLI, or pull the","k":"resource","s":"21st","c":"discover/21st-libraries","a":"saurabh-2607","pl":"https://21st.dev/api/og/profile/saurabh-2607","pc":"saurabh-2607"},{"id":"21st-library:scriptvg__kromm-lab","t":"Kromm Lab Components","d":"Components and utilities for the kromm-lab workspace.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"scriptvg","pl":"https://21st.dev/api/og/profile/scriptvg","pc":"scriptvg"},{"id":"21st-library:sean0205__reui","t":"ReUI","d":"Open-source shadcn/ui components, blocks, and animated icons for React, with an MCP server for AI agents. Preview all 91 components live on 21st — copy the TSX, install via the sha","k":"resource","s":"21st","c":"discover/21st-libraries","a":"sean0205","pl":"https://21st.dev/api/og/profile/sean0205","pc":"sean0205"},{"id":"21st-library:senommu__motokoui","t":"Motoko UI","d":"Build better. Designed for Production. Preview all 9 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into Cursor and Claude Code over MCP.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"senommu","pl":"https://21st.dev/api/og/profile/senommu","pc":"senommu"},{"id":"21st-library:shadcn__shadcn-ui","t":"shadcn/ui","d":"Beautifully designed, copy-paste React components you customize and own, built with Radix UI and Tailwind CSS. Preview all 86 components live on 21st — copy the TSX, install via th","k":"resource","s":"21st","c":"discover/21st-libraries","a":"shadcn","pl":"https://21st.dev/api/og/profile/shadcn","pc":"shadcn"},{"id":"21st-library:shadcnblockscom__shadcnblocks-com","t":"Shadcnblocks.com","d":"A large set of pre-built blocks and components for shadcn/ui and Tailwind CSS, with templates and a page builder. Preview all 35 components live on 21st — copy the TSX, install via","k":"resource","s":"21st","c":"discover/21st-libraries","a":"shadcnblockscom","pl":"https://21st.dev/api/og/profile/shadcnblockscom","pc":"shadcnblockscom"},{"id":"21st-library:shadcnspace__shadcnspace","t":"ShadcnSpace","d":"A collection of free and Pro shadcn/ui blocks, components, and templates for React and Next.js apps. Preview all 43 components live on 21st — copy the TSX, install via the shadcn C","k":"resource","s":"21st","c":"discover/21st-libraries","a":"shadcnspace","pl":"https://21st.dev/api/og/profile/shadcnspace","pc":"shadcnspace"},{"id":"21st-library:shailendrakumar19999__shailendra","t":"Shailendra","d":"Browse the Shailendra component library. Preview all 42 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into Cursor and Claude Code over MCP.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"shailendrakumar19999","pl":"https://21st.dev/api/og/profile/shailendrakumar19999","pc":"shailendrakumar19999"},{"id":"21st-library:shoota__gymnopedies","t":"Gymnopédies Components","d":"Browse the Gymnopédies component library on 21st.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"shoota","pl":"https://21st.dev/api/og/profile/shoota","pc":"shoota"},{"id":"21st-library:shugar__geist","t":"Geist","d":"Vercel's design system: React components for building consistent web experiences. Preview all 81 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them in","k":"resource","s":"21st","c":"discover/21st-libraries","a":"shugar","pl":"https://21st.dev/api/og/profile/shugar","pc":"shugar"},{"id":"21st-library:skyleen77__animate-ui","t":"Animate UI","d":"A library of animated React components built with Tailwind CSS and Motion, distributed as copy-paste code. Preview all 13 components live on 21st — copy the TSX, install via the sh","k":"resource","s":"21st","c":"discover/21st-libraries","a":"skyleen77","pl":"https://21st.dev/api/og/profile/skyleen77","pc":"skyleen77"},{"id":"21st-library:sshahaider__efferd","t":"Efferd","d":"Ready-to-use shadcn/ui blocks for React and Tailwind CSS, installable via the shadcn CLI. Preview all 98 components live on 21st — copy the TSX, install via the shadcn CLI, or pull","k":"resource","s":"21st","c":"discover/21st-libraries","a":"sshahaider","pl":"https://21st.dev/api/og/profile/sshahaider","pc":"sshahaider"},{"id":"21st-library:ssicevs__ssicevs","t":"ssych ui","d":"Complex software UI made readable. Preview all 14 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into Cursor and Claude Code over MCP.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"ssicevs","pl":"https://21st.dev/api/og/profile/ssicevs","pc":"ssicevs"},{"id":"21st-library:subhadeeproy3902__subhadeep-roy","t":"Subhadeep Roy","d":"MVPBlocks, an open-source library of copy-paste Tailwind CSS UI blocks for quickly building MVPs and landing pages. Preview all 4 components live on 21st — copy the TSX, install vi","k":"resource","s":"21st","c":"discover/21st-libraries","a":"subhadeeproy3902","pl":"https://21st.dev/api/og/profile/subhadeeproy3902","pc":"subhadeeproy3902"},{"id":"21st-library:tailgrids__tailgrids","t":"TailGrids Components","d":"Open-source React UI library built with Tailwind CSS: production-ready components, blocks, and templates.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"tailgrids","pl":"https://21st.dev/api/og/profile/tailgrids","pc":"tailgrids"},{"id":"21st-library:tailwindlabs__heroicons","t":"Heroicons Components","d":"Heroicons icon family.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"tailwindlabs","pl":"https://21st.dev/api/og/profile/tailwindlabs","pc":"tailwindlabs"},{"id":"21st-library:theorcdev__8bitcn","t":"8bitcn","d":"Retro 8-bit styled, copy-paste UI components and blocks built on shadcn/ui with React and Tailwind CSS. Preview all 105 components live on 21st — copy the TSX, install via the shad","k":"resource","s":"21st","c":"discover/21st-libraries","a":"theorcdev","pl":"https://21st.dev/api/og/profile/theorcdev","pc":"theorcdev"},{"id":"21st-library:tom_ui__spell","t":"Spell","d":"Refined, animated React UI components for design engineers to copy and paste into any project. Preview all 23 components live on 21st — copy the TSX, install via the shadcn CLI, or","k":"resource","s":"21st","c":"discover/21st-libraries","a":"tom_ui","pl":"https://21st.dev/api/og/profile/tom_ui","pc":"tom_ui"},{"id":"21st-library:uiable__uiable","t":"uiable","d":"Free, open-source React component library built on shadcn/ui and Base UI, with copy-paste components you fully own. Preview all 5 components live on 21st — copy the TSX, install vi","k":"resource","s":"21st","c":"discover/21st-libraries","a":"uiable","pl":"https://21st.dev/api/og/profile/uiable","pc":"uiable"},{"id":"21st-library:uilayout.contact__ui-layouts","t":"UI Layouts","d":"Copy-paste React components, animated blocks, and design tools, compatible with the shadcn registry. Preview all 66 components live on 21st — copy the TSX, install via the shadcn C","k":"resource","s":"21st","c":"discover/21st-libraries","a":"uilayout.contact","pl":"https://21st.dev/api/og/profile/uilayout.contact","pc":"uilayout.contact"},{"id":"21st-library:uvcanvas__uvcanvas","t":"uvcanvas Components","d":"React component library for beautifully shaded WebGL canvas backgrounds and wallpapers.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"uvcanvas","pl":"https://21st.dev/api/og/profile/uvcanvas","pc":"uvcanvas"},{"id":"21st-library:vercel__ai-elements","t":"AI Elements","d":"A component library and custom registry built on top of shadcn/ui to help you build AI-native applications faster. Preview all 11 components live on 21st — copy the TSX, install vi","k":"resource","s":"21st","c":"discover/21st-libraries","a":"vercel","pl":"https://21st.dev/api/og/profile/vercel","pc":"vercel"},{"id":"21st-library:voxlet-ui__voxlet-ui","t":"Voxlet UI","d":"The best animated React and Tailwind components for fast web development. Preview all 5 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into Cursor","k":"resource","s":"21st","c":"discover/21st-libraries","a":"voxlet-ui","pl":"https://21st.dev/api/og/profile/voxlet-ui","pc":"voxlet-ui"},{"id":"21st-library:youcefbnm__systaliko-ui","t":"Systaliko UI","d":"A collection of animated React components built with Tailwind CSS and Motion, installable per component. Preview all 32 components live on 21st — copy the TSX, install via the shad","k":"resource","s":"21st","c":"discover/21st-libraries","a":"youcefbnm","pl":"https://21st.dev/api/og/profile/youcefbnm","pc":"youcefbnm"},{"id":"21st-library:zochory__hax-design","t":"hax-design","d":"Browse the hax-design component library. Preview all 7 components live on 21st — copy the TSX, install via the shadcn CLI, or pull them into Cursor and Claude Code over MCP.","k":"resource","s":"21st","c":"discover/21st-libraries","a":"zochory","pl":"https://21st.dev/api/og/profile/zochory","pc":"zochory"},{"id":"21st-shader:community__1st-shader-ffc81e4d-5145-4afb-a461-512c264ef3d0","t":"1st shader","d":"Remix 1st shader, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3CHW6IkGMLdsAt2pewXeefUSFuF/96116aa7-ee05-4419-ba44-a045834d04ff.png","pc":"community"},{"id":"21st-shader:community__a-b9ff80b5-23c8-46f0-9f64-173d2b25cf47","t":"a","d":"Remix a, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3FSmjn8jIoIIPQ9jeJWjKdyxg07/0b85b8df-fef8-4439-8b25-5afac835f04d.webp","pc":"community"},{"id":"21st-shader:community__abstract-plasma-c90478bc-935c-44bc-b5e7-42be1a02235e","t":"Abstract Plasma","d":"Remix Abstract Plasma, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/ec0e977c-a850-47bd-a511-f5b45f54293a.webp","pc":"community"},{"id":"21st-shader:community__abstract-ripple-a340a01c-19e7-43f8-8d2c-88a08a57c6ea","t":"Abstract Ripple","d":"Remix Abstract Ripple, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/b68a7691-fc76-4566-bc6e-fb53c9492803.webp","pc":"community"},{"id":"21st-shader:community__adisyon-shader-2500c12f-0286-4cb2-983f-e8c06c0cca0b","t":"Adisyon Shader","d":"Remix Adisyon Shader, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3CgIV5scLnijqcuE3dazPg4DYrp/6aa0c9f6-bfd4-4567-ae90-272b61a37e20.webp","pc":"community"},{"id":"21st-shader:community__amethyst-bloom-887c6cf8-7733-4f72-934c-5fd6eac7ddae","t":"Amethyst Bloom","d":"Remix Amethyst Bloom, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/c9fc4542-d5b4-44fa-8600-173966c5a395.webp","pc":"community"},{"id":"21st-shader:community__amethyst-wash-6711f18a-3f56-49eb-bec2-50acf20777cb","t":"Amethyst Wash","d":"Remix Amethyst Wash, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/a713f986-4ad9-471c-8b82-12d29c9ec3b7.webp","pc":"community"},{"id":"21st-shader:community__asd-30df7bc3-7a43-449d-9c04-d0103727d587","t":"asd","d":"Remix asd, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3Gu0sXQKoXe2kWedsOV27DSrBTc/1e5ddfe7-d032-450f-969d-3e2b21716fc9.webp","pc":"community"},{"id":"21st-shader:community__ass-4c6576f2-8c4b-418b-8141-f85a33890a57","t":"Ass","d":"Remix Ass, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3Bfh18UPoZxkPdPwxJLnLq03cNJ/cd07b8e0-e1ae-47a0-bcb6-ab0c77866a62.webp","pc":"community"},{"id":"21st-shader:community__autoworks-ba07ddb1-4f1e-4e77-837a-30cc606962e2","t":"autoworks","d":"Remix autoworks, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2sXAxFwtD1FJeorRf1tsvKns0Kt/24a807c1-71c3-48e9-a4a7-ba1ba88832a5.webp","pc":"community"},{"id":"21st-shader:community__background-1-6f7ef79d-cf45-4908-89a5-5b948915f505","t":"Background 1","d":"webgm","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3HuVO7yVG7XyLbE7mfbV73vgxMZ/3cc6e119-ec64-48df-84aa-685c0d03014e.webp","pc":"community"},{"id":"21st-shader:community__black-and-white-shader-9ad2698d-c817-4cca-8d92-6be9d9fb496d","t":"Black and White shader","d":"Remix Black and White shader, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3HKgLnrOEantZYemI1nCc1TcK1L/0792e659-9096-47dd-8eb5-45b4d5e44582.webp","pc":"community"},{"id":"21st-shader:community__blue-gold-mesh-6efa1d55-87ae-431a-bc0f-598273aaabda","t":"Blue-gold mesh","d":"On a landing page for an event","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2y3IF0VXJeDDYRyIytpsNttvmWu/a45c64d1-339f-4361-8b45-19cb2b88a66f.webp","pc":"community"},{"id":"21st-shader:community__blue-halftone-64fec2eb-0cc8-4a2e-afa4-4a7444d59c40","t":"Blue halftone","d":"sports website background","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3Fe0zPqRpDFl1YKMkSaPATiHVHX/6d07908b-f8da-4bcc-a15c-0f2b5acc81f6.webp","pc":"community"},{"id":"21st-shader:community__blue-light-swirl-1cb528fa-0d40-4ae2-abb4-7981681e1464","t":"Blue Light Swirl","d":"Remix Blue Light Swirl, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/17d37c6c-52ed-4047-85b7-edce7510ca82.webp","pc":"community"},{"id":"21st-shader:community__blue-noise-3285d408-7a22-4ece-8d03-51c094189baa","t":"Blue Noise","d":"Remix Blue Noise, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3HMYtQ8gzQNxRijoXkM2N4FlNVt/2553f75a-25a9-4d11-a4d3-bb49639b8f1b.webp","pc":"community"},{"id":"21st-shader:community__c2e812-6a47aca0-9108-40c8-9c0d-a692c82cb0a0","t":"c2e812","d":"Remix c2e812, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3H3jvMUekZHBmq96J1MOTPnTtPW/86ad7e77-06be-4c18-800b-3890b55934e4.webp","pc":"community"},{"id":"21st-shader:community__caustics-shader-9da59921-aab0-49a8-aaa8-fb2d5a23b5f2","t":"Caustics Shader","d":"Remix Caustics Shader, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3AhTySF8IeRu4lqInSilCJ1nClY/7d18728b-7dc7-4490-a0de-6a9f46eb44d7.webp","pc":"community"},{"id":"21st-shader:community__color-panels-2b6db046-9db8-497b-8ff3-5c783c470150","t":"Color Panels","d":"Animated WebGL shader background in the Color Panels style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/color-panels/0-default.webp?v=cd80eb14750646489ea3ca0e659dabea558785a8b39683fbe4448a686bc7b468","pc":"community"},{"id":"21st-shader:community__color-panels-glass-878bb7fa-7bd7-45bf-b47b-c6e78a0844ae","t":"Color Panels · Glass","d":"Animated WebGL shader background in the Color Panels style. Glass variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/color-panels/1-glass.webp?v=f4effa734e1855c56b7c089483c77324c7ee58fba60bbc101e5f90bb7425f2e8","pc":"community"},{"id":"21st-shader:community__color-panels-gradient-4161adc0-3f23-420f-bf06-84d5ac3bb4f1","t":"Color Panels · Gradient","d":"Animated WebGL shader background in the Color Panels style. Gradient variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/color-panels/2-gradient.webp?v=a2449987c5a92b025cf1c46b5d6bd2b358cbd636b694528a03d638f6e030a4df","pc":"community"},{"id":"21st-shader:community__color-panels-opening-80e32826-0c44-49a7-ba93-ef75ce6ad9d9","t":"Color Panels · Opening","d":"Animated WebGL shader background in the Color Panels style. Opening variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/color-panels/3-opening.webp?v=3345022e4e381e57de6b1b47ddeae962d4bc49468180b9228193cb46dd91b7b8","pc":"community"},{"id":"21st-shader:community__crimson-veil-d73083f2-d0f0-4ad2-9bee-57429d4fd1e7","t":"Crimson Veil","d":"Remix Crimson Veil, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/3ed521c3-6e0e-49c8-8109-7652ffc9746a.webp","pc":"community"},{"id":"21st-shader:community__dark-2b21fa75-5cba-45be-a357-067ae793a112","t":"dark","d":"Remix dark, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3EjoCzqZ46iDVVNVvg8QbFyhanL/4caefa0c-97bb-4cd4-b335-30ce81b81fa2.webp","pc":"community"},{"id":"21st-shader:community__dithering-a937d59b-347d-4204-ba1f-6e121d967cea","t":"Dithering","d":"Animated WebGL shader background in the Dithering style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#0","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/dithering/0-default.webp?v=37c5f048ca2c9cde26ddb05477c2cdf26d8cea50a18b5f6017fb403a4344f24f","pc":"community"},{"id":"21st-shader:community__dithering-bugs-c8260c76-8d83-49e2-8235-28ef3080a13f","t":"Dithering · Bugs","d":"Animated WebGL shader background in the Dithering style. Bugs variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#0B0B","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/dithering/4-bugs.webp?v=46193409e79455931674c8ec0b24809ed06663c73c6c29ca33b8f15442509342","pc":"community"},{"id":"21st-shader:community__dithering-ripple-2385de77-c160-47c7-a5cd-cb1e01fde4b8","t":"Dithering · Ripple","d":"Animated WebGL shader background in the Dithering style. Ripple variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#AD","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/dithering/3-ripple.webp?v=cbb8571713ab221f0280aff7bf9d34d8708a993c0c0a100e19c7b6a9b75fb567","pc":"community"},{"id":"21st-shader:community__dithering-sine-wave-833afde2-5be5-4897-be7f-24dd62c4e68c","t":"Dithering · Sine Wave","d":"Animated WebGL shader background in the Dithering style. Sine Wave variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/dithering/2-sine-wave.webp?v=2da2f6acce39c04110ed360055a1f2b14313f218d83acecbcaeb72632312079c","pc":"community"},{"id":"21st-shader:community__dithering-swirl-4ed00382-20e3-40cc-b26b-991d9085f9f0","t":"Dithering · Swirl","d":"Animated WebGL shader background in the Dithering style. Swirl variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#0B0","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/dithering/5-swirl.webp?v=4883558269f9a5e7db889330490694ed47157257adb7cb3020d1572c33e75ce4","pc":"community"},{"id":"21st-shader:community__dithering-warp-62ff08af-6985-4f88-9508-0167ebfe2304","t":"Dithering · Warp","d":"Animated WebGL shader background in the Dithering style. Warp variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#0B0B","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/dithering/1-warp.webp?v=08f7eea305604ee6c4ff59095e2fae8c930d4f1e61180b985ac066cc6b158d08","pc":"community"},{"id":"21st-shader:community__dot-grid-a0f71404-6003-4938-99ff-d0a8235e730d","t":"Dot Grid","d":"Animated WebGL shader background in the Dot Grid style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#07","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/dot-grid/0-default.webp?v=1300a3e77a0283909093cbefff810fd1495392c863a9b6574f014528eab4a3ca","pc":"community"},{"id":"21st-shader:community__dot-grid-tree-line-acffd5ae-560e-43c8-9392-a856b455d650","t":"Dot Grid · Tree line","d":"Animated WebGL shader background in the Dot Grid style. Tree line variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/dot-grid/2-tree-line.webp?v=019a8af1d87b431e1bb1911e5e34a386a5524f7929080810f5b0b4d4c16a6c17","pc":"community"},{"id":"21st-shader:community__dot-grid-triangles-3ce89dc4-a0eb-428e-bd9d-44adbe6e549e","t":"Dot Grid · Triangles","d":"Animated WebGL shader background in the Dot Grid style. Triangles variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/dot-grid/1-triangles.webp?v=42d65af5869991a2a91ee9748a4c46bf7c51088af8b1616a95ac7e8569908061","pc":"community"},{"id":"21st-shader:community__dot-grid-wallpaper-b3851e03-7979-4bf7-b05a-ee6f96dd8239","t":"Dot Grid · Wallpaper","d":"Animated WebGL shader background in the Dot Grid style. Wallpaper variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/dot-grid/3-wallpaper.webp?v=d8a23a0e40abcae1099a28fab65677883033289a0546c5ceba54486174426172","pc":"community"},{"id":"21st-shader:community__dot-orbit-34632b84-c7ef-4ac2-a040-cea4f337bf9c","t":"Dot Orbit","d":"Animated WebGL shader background in the Dot Orbit style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#1","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/dot-orbit/0-default.webp?v=0e622f9b7e1cfefab6d0c5ea6ff6d0760f68d71c23937ead59402e181b27f5fe","pc":"community"},{"id":"21st-shader:community__dot-orbit-bubbles-0126e309-25ff-49b3-8fdb-3726cc70c4a2","t":"Dot Orbit · Bubbles","d":"Animated WebGL shader background in the Dot Orbit style. Bubbles variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#1","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/dot-orbit/1-bubbles.webp?v=de24fde25c3385fa96393923d7305c6ac14ee5e498d778dbd1bcf0d4ae7e897e","pc":"community"},{"id":"21st-shader:community__dot-orbit-hallucinatory-3ef16333-0985-4886-ac95-0264ebc966e6","t":"Dot Orbit · Hallucinatory","d":"Animated WebGL shader background in the Dot Orbit style. Hallucinatory variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palet","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/dot-orbit/3-hallucinatory.webp?v=d843b377030b77517d2d139a98cea046605e9066d797307f8211d6d73e1adb62","pc":"community"},{"id":"21st-shader:community__dot-orbit-shine-2f561011-92b8-4f46-83ee-8a9c752a419a","t":"Dot Orbit · Shine","d":"Animated WebGL shader background in the Dot Orbit style. Shine variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#FBB","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/dot-orbit/2-shine.webp?v=7ef61220c4b89c0b434bdc82e10bc1bb717625405f8b8c08589da99905310a46","pc":"community"},{"id":"21st-shader:community__dotgridshaderoncrack-a00431cf-5693-4bfe-a844-7b68ebe50cc1","t":"dotgridshaderoncrack","d":"Remix dotgridshaderoncrack, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3Dxnz6nDEVd9AcomEZwyCvkiByn/94397956-089b-475b-908c-2c9c50f6f9f5.webp","pc":"community"},{"id":"21st-shader:community__dotted-veil-a0086f85-7a5d-4a07-b617-7ffc75246fa1","t":"Dotted Veil","d":"Remix Dotted Veil, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/7ce968d6-4c3c-44fc-948a-dd8b22911de7.webp","pc":"community"},{"id":"21st-shader:community__dq-bad7b03c-984d-47e3-84d0-ae1803e39334","t":"dq","d":"Remix dq, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3HR2u97vL6xetmwEsFGfOlWfNfx/1bf33ade-fd91-4d69-a3fb-5c2b1d9cc532.png","pc":"community"},{"id":"21st-shader:community__electric-aura-6105754a-2b84-4ac3-914d-3f6f51d0546c","t":"Electric Aura","d":"Remix Electric Aura, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/d052c3cd-644e-47a0-96cc-f6c9dfa4d820.webp","pc":"community"},{"id":"21st-shader:community__electric-bloom-96b1efc9-1671-414a-a1d7-2b0eed03b5cf","t":"Electric Bloom","d":"Remix Electric Bloom, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/2e392b13-e693-448a-bcaa-ccc064b19112.webp","pc":"community"},{"id":"21st-shader:community__ember-drift-5efdc7c5-5433-44ec-a3d8-ce4560c1ddb5","t":"Ember Drift","d":"Remix Ember Drift, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/c885dc06-d4a7-4879-bf99-78d33927267b.webp","pc":"community"},{"id":"21st-shader:community__ethereal-whispers-ef67d8e5-d245-4c5f-8f92-9a336d369eaf","t":"Ethereal Whispers","d":"Remix Ethereal Whispers, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/29e4e706-d4df-48a1-a269-d63ea8c9971f.webp","pc":"community"},{"id":"21st-shader:community__flavers-e94bbee9-40fc-4598-a756-e1e1a1732cd2","t":"Flavers","d":"Remix Flavers, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3Cm3dt5olUCwbQeE1xJp9FJ3rKf/9e688c68-1389-4ff4-b97f-bbcd7ff85098.webp","pc":"community"},{"id":"21st-shader:community__fluted-glass-1b1e272f-f627-482e-a7db-3a57b81c3c63","t":"Fluted Glass","d":"Animated WebGL shader background in the Fluted Glass style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/fluted-glass/0-default.webp?v=8451b7e52241294fae5431da28fa669a4a614da09734ee299c079436209936e7","pc":"community"},{"id":"21st-shader:community__fluted-glass-abstract-00f0e217-9a1e-4126-8d03-bf91f3e39ac5","t":"Fluted Glass · Abstract","d":"Animated WebGL shader background in the Fluted Glass style. Abstract variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/fluted-glass/1-abstract.webp?v=c1ea79b3f86213d79c20abe482a38efd50bd5360f9242cd730b1dab66b26dc8b","pc":"community"},{"id":"21st-shader:community__fluted-glass-folds-ca5b6fcd-2788-408a-ab42-0027b19f3fb6","t":"Fluted Glass · Folds","d":"Animated WebGL shader background in the Fluted Glass style. Folds variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/fluted-glass/3-folds.webp?v=29ec93a48251a99b6bef4163130bcda76e810bc21c52c73625a22af714d4521b","pc":"community"},{"id":"21st-shader:community__fluted-glass-waves-2789e583-7dd2-4810-8595-1205aa82abcd","t":"Fluted Glass · Waves","d":"Animated WebGL shader background in the Fluted Glass style. Waves variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/fluted-glass/2-waves.webp?v=7cb36cd43819508ee48e6f3b654b79b640597372b0cba85dabca6de89892a8ca","pc":"community"},{"id":"21st-shader:community__fluted-glass-waves-shader-f0380e2b-83f2-44bc-aad1-aac41d200605","t":"Fluted Glass · Waves shader","d":"This would look good on a header or a footer","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3G10CW2Pt2okE95PM4moMqaJ1xU/70b2c16e-7576-4552-9e19-bf288d271ba5.webp","pc":"community"},{"id":"21st-shader:community__focuznow-hero-eda5f0e2-2104-44f3-9753-23a9e6c6ee39","t":"Focuznow Hero","d":"Remix Focuznow Hero, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3Hdz5Nmdqjlo0K4P33FtyZFWKM9/f069c664-8fb2-4fbc-b7af-ab513d999717.webp","pc":"community"},{"id":"21st-shader:community__gem-smoke-63984c15-b6f5-4a6c-9e6a-0d1d09e195bd","t":"Gem Smoke","d":"Animated WebGL shader background in the Gem Smoke style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#1","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/gem-smoke/0-default.webp?v=3430a7fd2aefe2c4aa49a134435382385c66837d947f271fdd544c887b205f0d","pc":"community"},{"id":"21st-shader:community__gem-smoke-circle-b1a08834-bb83-4ad4-bb37-046e8d8c973b","t":"Gem Smoke · Circle","d":"Animated WebGL shader background in the Gem Smoke style. Circle variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#11","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/gem-smoke/1-circle.webp?v=2524fdf173c7fa4819dc9baab809610ebd0a22f0210ba06708eef4f977b6e886","pc":"community"},{"id":"21st-shader:community__gem-smoke-daisy-b461e183-241d-4a26-bc45-326627a14ba2","t":"Gem Smoke · Daisy","d":"Animated WebGL shader background in the Gem Smoke style. Daisy variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#F59","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/gem-smoke/2-daisy.webp?v=823e3526da2a50df05a044e829a92f40077b9d830b89a782c5c30c4404df05e8","pc":"community"},{"id":"21st-shader:community__gem-smoke-diamond-ab24dd16-cf6c-4f3c-b28d-8f266442fc51","t":"Gem Smoke · Diamond","d":"Animated WebGL shader background in the Gem Smoke style. Diamond variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#F","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/gem-smoke/3-diamond.webp?v=206e9b6e7dc6e04ad2f2b98044eed66102076350d4f5c1597fb39fe6c4af81e1","pc":"community"},{"id":"21st-shader:community__gem-smoke-metaballs-8f11313c-55f7-4501-bc46-dc9666e1b773","t":"Gem Smoke · Metaballs","d":"Animated WebGL shader background in the Gem Smoke style. Metaballs variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/gem-smoke/4-metaballs.webp?v=c350f48f6676fc7f13a03d052bd186ac2ebcc3c892fdcffbac1662694bb67499","pc":"community"},{"id":"21st-shader:community__ghostly-embrace-fa98a054-4f0a-47fb-80c0-5361e49b217f","t":"Ghostly Embrace","d":"Remix Ghostly Embrace, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/4e44e34e-d914-4e8c-afe4-a4e66fd179b9.webp","pc":"community"},{"id":"21st-shader:community__god-rays-d6229b5d-50ec-49d5-b6c8-89cae6553101","t":"God Rays","d":"Animated WebGL shader background in the God Rays style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#05","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/god-rays/0-default.webp?v=71acc5a8ce89641fb91405e64799b6838f2ea31a1ad27aa077902c3dcd029c8d","pc":"community"},{"id":"21st-shader:community__god-rays-ether-fc10e47e-a69f-485e-99a0-4d72464e18cf","t":"God Rays · Ether","d":"Animated WebGL shader background in the God Rays style. Ether variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#E35D","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/god-rays/3-ether.webp?v=72a0ae6b7d0a91fe019377940c7ba2fb65ced3f51593c9ecfc4b4e80b3287734","pc":"community"},{"id":"21st-shader:community__god-rays-linear-e5849372-8c93-4625-a9c4-42be3464d84f","t":"God Rays · Linear","d":"Animated WebGL shader background in the God Rays style. Linear variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#E35","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/god-rays/2-linear.webp?v=fba9d709152ef128893bd985c9991396b8b4150f500d0db54af155c44f783b89","pc":"community"},{"id":"21st-shader:community__god-rays-linear-shader-b0c58fd2-816e-48a9-9270-770e544143fa","t":"God Rays · Linear shader","d":"Remix God Rays · Linear shader, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3GBzAKrJNPm2lZ21TUsBSXZVEsJ/e44411c1-b94a-4d2c-92ec-191d3e61b82f.webp","pc":"community"},{"id":"21st-shader:community__god-rays-warp-ee0ead3e-9057-47e8-9351-7820e6b00a0a","t":"God Rays · Warp","d":"Animated WebGL shader background in the God Rays style. Warp variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#05030","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/god-rays/1-warp.webp?v=13c613613198dc49ebcb89e12c84ca130d8e1d53826f9c004fe8cb5c630f1cfc","pc":"community"},{"id":"21st-shader:community__grain-gradient-1e7c27b0-5d0b-422e-838a-4e9c996a75f2","t":"Grain Gradient","d":"Animated WebGL shader background in the Grain Gradient style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palett","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/grain-gradient/0-default.webp?v=eb3157d0154326e564c5bad0921856a47ecb8e5ad0837d31cf7d85ed72ebb3a8","pc":"community"},{"id":"21st-shader:community__grain-gradient-91bf999d-77b0-4274-a536-347a8c668b0f","t":"Grain Gradient","d":"Remix Grain Gradient, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3HLZ0VcFlJewmbPjDciyy5KTXmL/be9561d5-efe1-4337-968a-a264b6134c49.webp","pc":"community"},{"id":"21st-shader:community__grain-gradient-truchet-f065b194-8e59-4e72-a8f6-8646136e11c8","t":"Grain Gradient · Truchet","d":"Animated WebGL shader background in the Grain Gradient style. Truchet variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palett","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/grain-gradient/3-truchet.webp?v=c017df77b5f86c182596ab0faf8956a49f0e70039705c386fa1e429e3ae6b0cf","pc":"community"},{"id":"21st-shader:community__green-border-bd95ded7-72f2-4a01-b6aa-9d5eefc9f277","t":"Green Border","d":"Remix Green Border, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3HVBCmVZfTvLahdL9BdxNrLEMoC/e547dbb1-138b-4e8a-8757-5169f76b667f.webp","pc":"community"},{"id":"21st-shader:community__halftone-cmyk-20669053-82d8-44a1-aa3f-7b639e8efcdf","t":"Halftone CMYK","d":"Animated WebGL shader background in the Halftone CMYK style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color palette","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/halftone-cmyk/0-default.webp?v=c103c52f1cf9ddb0a6a2756b471ca7569adb5331758157cc8cc021dbeadf2f82","pc":"community"},{"id":"21st-shader:community__halftone-cmyk-drops-0cc8115f-2884-40aa-b49f-0c75ea965237","t":"Halftone CMYK · Drops","d":"Animated WebGL shader background in the Halftone CMYK style. Drops variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/halftone-cmyk/1-drops.webp?v=3c890c2a679bcd92228e114623d2f1959a02192be1207783806472dcab22d38a","pc":"community"},{"id":"21st-shader:community__halftone-cmyk-newspaper-78298ce7-67b5-48f0-9aa2-7f4204388fe6","t":"Halftone CMYK · Newspaper","d":"Animated WebGL shader background in the Halftone CMYK style. Newspaper variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color palet","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/halftone-cmyk/2-newspaper.webp?v=667062deb355d4e9b0cd106e277500cc2e823183252638308da2a037a92fbc61","pc":"community"},{"id":"21st-shader:community__halftone-cmyk-vintage-a9a2d47e-ae6d-459c-9fc8-61975432fd8d","t":"Halftone CMYK · Vintage","d":"Animated WebGL shader background in the Halftone CMYK style. Vintage variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color palette","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/halftone-cmyk/3-vintage.webp?v=be5fc36f5665a3658029804b500f24d2efd25598d4d8b28c469729357aa770d9","pc":"community"},{"id":"21st-shader:community__halftone-dots-8180425b-5d39-4b9b-bf47-ea5bb17f08e3","t":"Halftone Dots","d":"Animated WebGL shader background in the Halftone Dots style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/halftone-dots/0-default.webp?v=18f3c8dcbe1ee2f5eff3b6e4c8781765b020688fde700a2f9f73139222f55d70","pc":"community"},{"id":"21st-shader:community__halftone-dots-led-screen-f7aa2edd-fac2-4882-ad25-40ea4d13c6e2","t":"Halftone Dots · LED screen","d":"Animated WebGL shader background in the Halftone Dots style. LED screen variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color pale","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/halftone-dots/1-led-screen.webp?v=192fcc62c38d9b2cef77d937c8039fcfbaf1279ce1194d916be942e789acb184","pc":"community"},{"id":"21st-shader:community__halftone-dots-mosaic-27c4791e-7839-4cad-aea5-44e2e6243d6a","t":"Halftone Dots · Mosaic","d":"Animated WebGL shader background in the Halftone Dots style. Mosaic variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/halftone-dots/2-mosaic.webp?v=0c1ffc724889b824539c7ff30140554e017a96c382aa2895b78bc108e37abf13","pc":"community"},{"id":"21st-shader:community__halftone-dots-round-and-square-20bc8986-8499-4fb1-9488-2489a165079d","t":"Halftone Dots · Round and square","d":"Animated WebGL shader background in the Halftone Dots style. Round and square variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-colo","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/halftone-dots/3-round-and-square.webp?v=611bfd66b250e36ea78cb33a0446778fc51a27a2e53245f9b3de5c17cab4c0c5","pc":"community"},{"id":"21st-shader:community__halftone-shader-32d12b3d-d9c8-44a4-bce0-f10192d8bbde","t":"Halftone shader","d":"Remix Halftone shader, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3GBzAKrJNPm2lZ21TUsBSXZVEsJ/bb014cb9-2b3b-4c88-8463-b2125ec15884.webp","pc":"community"},{"id":"21st-shader:community__halftone-vibe-88f06dc6-164b-4a25-aa67-e228d54ac56c","t":"Halftone Vibe","d":"Remix Halftone Vibe, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/4569f488-ddaa-4ecc-8fd6-1d3d6619a506.webp","pc":"community"},{"id":"21st-shader:community__heatmap-dfd82519-4b9e-4aa3-800b-04305115fc26","t":"Heatmap","d":"Animated WebGL shader background in the Heatmap style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 6-color palette (#000","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/heatmap/0-default.webp?v=b5e9bcff3e5aad99373aecde4ab8bf59737c95dffcc49b7d936325b5d528e3a1","pc":"community"},{"id":"21st-shader:community__heatmap-sepia-d35b39b3-e075-4938-b6fc-c101a09f65a6","t":"Heatmap · Sepia","d":"Animated WebGL shader background in the Heatmap style. Sepia variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 6-color palette (#00000","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/heatmap/1-sepia.webp?v=7c541dcf42de2fde997cf24b4335c6a25b3105856be9747ebcf0c70751f0aee8","pc":"community"},{"id":"21st-shader:community__hero-994cb5ea-808a-4ade-af9d-7a39429e34a9","t":"hero","d":"Remix hero, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3Hdzg3DHoXVBPQYjTcas5CRIeZL/9252aeba-0e20-42c4-8eee-1e31cabcad8d.webp","pc":"community"},{"id":"21st-shader:community__hero-anim-1-5f22fe63-d0c9-49e9-8794-f385b601ee56","t":"hero anim 1","d":"Remix hero anim 1, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_38nd6MBEJ1BjvRg3l3jtSxqP2RN/bc70b197-c7e2-4d2b-8c16-2b0f03aac1e7.webp","pc":"community"},{"id":"21st-shader:community__icey-night-shards-92b084b2-8315-442e-81e3-73a8ac937518","t":"Icey Night Shards","d":"Remix Icey Night Shards, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3ArSghIP8kaGsdiUjCE5gZYFOp9/b04145fa-4cb7-4456-9e33-27d9a1d46422.webp","pc":"community"},{"id":"21st-shader:community__image-dithering-1f6979d9-3378-4ebf-a326-70f15ba29cb2","t":"Image Dithering","d":"Animated WebGL shader background in the Image Dithering style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palet","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/image-dithering/0-default.webp?v=7d136f08d7957cef40698825bdc547606984f67d4cc449d9b40c33427b87d303","pc":"community"},{"id":"21st-shader:community__image-dithering-natural-716a37b6-48b6-498e-8abb-bbe4eca69d38","t":"Image Dithering · Natural","d":"Animated WebGL shader background in the Image Dithering style. Natural variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palet","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/image-dithering/3-natural.webp?v=fdf883590419513ba232d3f1af10609c24553804056653fe02b894ee5045e601","pc":"community"},{"id":"21st-shader:community__image-dithering-retro-0373f634-f305-48e1-bf4d-da5d17069e81","t":"Image Dithering · Retro","d":"Animated WebGL shader background in the Image Dithering style. Retro variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/image-dithering/2-retro.webp?v=13d30f44b4caa154b6e8080a99d2fa93dd7de0e0ea6d210c14380a2b6a0c2a6e","pc":"community"},{"id":"21st-shader:community__istanblue-0b0d97b5-c563-439d-8039-03062aa4d036","t":"Istanblue","d":"Loading Page","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3CgIV5scLnijqcuE3dazPg4DYrp/e4e3d151-982e-42b0-8faa-a6f642513062.webp","pc":"community"},{"id":"21st-shader:community__just-playing-089b27b9-e065-4c5f-a121-fe06858b2ab1","t":"Just Playing","d":"Remix Just Playing, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3BgxJPZLxGcp8RwF0ug3lYpVYie/2a3ded96-2aae-45de-98e8-115f5b716e78.webp","pc":"community"},{"id":"21st-shader:community__kim-77fd5db6-4cc4-4e9a-aab9-3c0ddb64f3e3","t":"kim","d":"Remix kim, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3C4u3aqRLNBrs4vsgYYjmtgypFo/05e184ae-6fcb-4e6a-8e94-f96592475171.webp","pc":"community"},{"id":"21st-shader:community__koinonia-9962f7ea-0ce0-4170-be43-eda374a5029a","t":"koinonia","d":"Remix koinonia, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3BE7q4Teve1n7THowk0tiubsrqK/06344796-eba6-4fa3-92b4-e598a5a3b954.png","pc":"community"},{"id":"21st-shader:community__light-blue-plasma-shader-w-grain-interactive-8fc1c3ae-322a-48cc-a3b0-ac0f9bbbf6d0","t":"Light Blue Plasma Shader W/ grain & interactive","d":"Remix Light Blue Plasma Shader W/ grain & interactive, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3HKgLnrOEantZYemI1nCc1TcK1L/e319b51c-2ace-405c-b9ea-7c73c9f872ee.webp","pc":"community"},{"id":"21st-shader:community__line-shader-homlu-ui-7bb14707-7c6d-4c46-adb3-820ede3a3aa3","t":"Line Shader Homlu UI","d":"Shader 2","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_39720J8FZrHCoGeL23ljF4x20L3/e591f6fe-98e7-486a-b075-09234fd38a73.webp","pc":"community"},{"id":"21st-shader:community__liquid-metal-1cbe6395-cb1f-41d4-acf1-93c7db0093ef","t":"Liquid Metal","d":"Animated WebGL shader background in the Liquid Metal style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/liquid-metal/0-default.webp?v=3536de347b252645cc6371b0516d6a3ef7270946ec8055e780eec749cdabbc21","pc":"community"},{"id":"21st-shader:community__liquid-metal-backdrop-6f706199-2e43-4a82-b3a5-4660aa8f8067","t":"Liquid Metal · Backdrop","d":"Animated WebGL shader background in the Liquid Metal style. Backdrop variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/liquid-metal/2-backdrop.webp?v=7a5c68db6b49cf3346b6c1530d69ef032dc23a4d2c8c1086fbd906e0d75476d8","pc":"community"},{"id":"21st-shader:community__liquid-metal-noir-4c73d14f-4ba1-4e35-b52d-b35f60094482","t":"Liquid Metal · Noir","d":"Animated WebGL shader background in the Liquid Metal style. Noir variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#0","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/liquid-metal/1-noir.webp?v=64a1b53101cb75e47d9f0e09d08f969b382aa45db9656afb955aed4ecb6f9a9e","pc":"community"},{"id":"21st-shader:community__liquid-metal-stripes-aed3560e-cace-4616-9995-eb7d0a73ce33","t":"Liquid Metal · Stripes","d":"Animated WebGL shader background in the Liquid Metal style. Stripes variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/liquid-metal/3-stripes.webp?v=f3a0ef7978b5e92086f80f79974fa556d95eefc20df69d6fb75cea2737589351","pc":"community"},{"id":"21st-shader:community__love-story-461dd778-9c8c-4ef9-aa76-c4cd066a0231","t":"Love Story","d":"Adult content","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3G26uRV2dyV17rV74l5Zt2fyo2E/adf9150a-fa8e-4b47-aecd-447ac66a6fa8.webp","pc":"community"},{"id":"21st-shader:community__manu-c067f9f6-c5f5-4d41-adab-90dafa165911","t":"manu","d":"Remix manu, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3HECSCbc5qiWg5VXl7eQmNhxVnF/bbe71fb7-b1b3-4bf2-90b5-edffd13e4c91.webp","pc":"community"},{"id":"21st-shader:community__mesh-drift-shader-2d002d53-553a-4af3-8e8f-39bf2d1c8b7b","t":"Mesh drift shader","d":"Remix Mesh drift shader, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3I4nA2UqprIMsNTSjJAXBade3Uo/883d5bb8-fe39-455b-a87e-5bc7dc884bb7.webp","pc":"community"},{"id":"21st-shader:community__mesh-drift-shader-afe19790-5997-4a22-9fac-2ff5bfc88052","t":"Mesh drift shader","d":"Remix Mesh drift shader, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3AComHpSQIE8rID0GTUAmCiK5qD/5bbc5901-e15b-4fec-af2b-5721c06675a9.webp","pc":"community"},{"id":"21st-shader:community__mesh-gradient-1df7d41a-4dea-4be4-95cf-5bb58bb5ad97","t":"mesh gradient","d":"Remix mesh gradient, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3ErA8mBMfG1Klgae8B3t9w3I1VR/50e4d23f-d022-409d-b872-1485d3a628d8.webp","pc":"community"},{"id":"21st-shader:community__mesh-gradient-b9b31156-a36f-420d-bf1d-27f499b1411c","t":"Mesh Gradient","d":"Animated WebGL shader background in the Mesh Gradient style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/mesh-gradient/0-default.webp?v=2a9f38f602686142a1821547fdbfc3f84d8b262934899cc023c7a3458801669f","pc":"community"},{"id":"21st-shader:community__mesh-gradient-beach-81717d4f-dc3c-4703-830b-1ae948c6f899","t":"Mesh Gradient · Beach","d":"Animated WebGL shader background in the Mesh Gradient style. Beach variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/mesh-gradient/3-beach.webp?v=99629eafb81e0505749699c599c68df51f382edeb9c08c5c694c9cc9eb1f1da6","pc":"community"},{"id":"21st-shader:community__mesh-gradient-ink-e2fdc792-27a5-4f4f-bec9-bfac794b7beb","t":"Mesh Gradient · Ink","d":"Animated WebGL shader background in the Mesh Gradient style. Ink variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#1","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/mesh-gradient/1-ink.webp?v=c7cb8f19e7743144b24baca595bd00c5a766555d42fa192830bf18b527675fb8","pc":"community"},{"id":"21st-shader:community__mesh-gradient-purple-6366519a-c3b4-4b01-b0a0-e2ec413f5333","t":"Mesh Gradient · Purple","d":"Animated WebGL shader background in the Mesh Gradient style. Purple variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/mesh-gradient/2-purple.webp?v=ad3b77204d6b6c7b51cf4f7c6854a31218e8788618d18dfc4d0c1a8f8eb4277b","pc":"community"},{"id":"21st-shader:community__metaballs-25d5ecc9-48c6-4693-ac1f-a89e01bc9dcf","t":"Metaballs","d":"Animated WebGL shader background in the Metaballs style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#0","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/metaballs/0-default.webp?v=3a971de644f5a0633f09803953d00e6b96bcf438f8e06abd34937c94bf629006","pc":"community"},{"id":"21st-shader:community__metaballs-background-46ed7494-e0f1-4123-9607-307252e85302","t":"Metaballs · Background","d":"Animated WebGL shader background in the Metaballs style. Background variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/metaballs/3-background.webp?v=9bfbfb710501ddfa38c7afab72983c60c3d16e12ade3d7ea507d7c1ae33dbdd1","pc":"community"},{"id":"21st-shader:community__metaballs-ink-drops-b053619e-7594-40ae-b748-6677229901f6","t":"Metaballs · Ink Drops","d":"Animated WebGL shader background in the Metaballs style. Ink Drops variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/metaballs/1-ink-drops.webp?v=4ffe9b184d9efa38cc2d2ec87caf411571b2c77b034f0e1eabfa7b4de64db353","pc":"community"},{"id":"21st-shader:community__metaballs-solar-6e4a99f1-3a66-4064-871f-7c7a09d72172","t":"Metaballs · Solar","d":"Animated WebGL shader background in the Metaballs style. Solar variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#FB9","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/metaballs/2-solar.webp?v=2290603ad240b1717c739e6554dab3aed8fc35decc9cc0efe3ac1dfda1f6ef1f","pc":"community"},{"id":"21st-shader:community__molten-cells-399f42a5-1bb9-4343-9300-24789ee9dd4e","t":"Molten Cells","d":"Remix Molten Cells, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/96d57849-8348-455d-bd5e-9a58ae53bab5.webp","pc":"community"},{"id":"21st-shader:community__molten-pillars-4971bce2-a5ea-4b84-b01d-0f845ec472a2","t":"Molten Pillars","d":"Remix Molten Pillars, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/a1fd7f38-0ea5-423a-97dc-021f4e06554a.webp","pc":"community"},{"id":"21st-shader:community__neuro-noise-71347c41-002c-4069-ac4f-d5df175ad169","t":"Neuro Noise","d":"Animated WebGL shader background in the Neuro Noise style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/neuro-noise/0-default.webp?v=cb22ccaf0f5f9fb233bf918f145059946959317cfbb46545b5e044c503e80e2e","pc":"community"},{"id":"21st-shader:community__neuro-noise-bloodstream-c4777cd2-f80d-464b-a9cd-143b6d08356f","t":"Neuro Noise · Bloodstream","d":"Animated WebGL shader background in the Neuro Noise style. Bloodstream variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palet","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/neuro-noise/2-bloodstream.webp?v=dee1d29366a1b381349561c03b02ad3072880ea9066a2d3e03f0b6a68635b7a1","pc":"community"},{"id":"21st-shader:community__neuro-noise-ghost-8f25f8b1-c176-42ff-a460-6a285dbcc75f","t":"Neuro Noise · Ghost","d":"Animated WebGL shader background in the Neuro Noise style. Ghost variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#D","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/neuro-noise/3-ghost.webp?v=39e00b223815b986849bc38fc6e3d06ce58b658121727e48f38aa5234bba5f1c","pc":"community"},{"id":"21st-shader:community__neuro-noise-sensation-daf72911-8bd3-441e-b749-5486758942ef","t":"Neuro Noise · Sensation","d":"Animated WebGL shader background in the Neuro Noise style. Sensation variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/neuro-noise/1-sensation.webp?v=5e58043aa67e8185dc2ef08b5568ab05263183934d296c326994f9bb38465245","pc":"community"},{"id":"21st-shader:community__neuro-noise-shader-4e8767b2-aac3-4a18-b098-4785b6320494","t":"Neuro Noise shader","d":"Remix Neuro Noise shader, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3GxZW0t1zkZqrk6NmWtTjDb4DL3/dce434f8-6b92-4ce8-9728-533fffeadecd.webp","pc":"community"},{"id":"21st-shader:community__nice-bg-0df21133-2075-45f4-b946-264928d948fe","t":"Nice BG","d":"Remix Nice BG, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3GN4e6htLHXrOssaEE8PH1d9OnF/12e740ce-9080-4470-9f13-89282953dc97.webp","pc":"community"},{"id":"21st-shader:community__ocean-swirl-dbe14abd-9770-4493-85cf-3bb10be6228a","t":"Ocean Swirl","d":"Remix Ocean Swirl, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/0ed035d9-b3f8-48f1-b8a9-d59f204340cb.webp","pc":"community"},{"id":"21st-shader:community__oceanic-currents-5fc8773a-9561-4cba-9eec-27b7899021e3","t":"Oceanic Currents","d":"Remix Oceanic Currents, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/050259fa-5458-4856-b30f-aee08283485b.webp","pc":"community"},{"id":"21st-shader:community__oceanic-currents-de22d8c9-11b9-400b-a04e-c33a720d1047","t":"Oceanic Currents","d":"Remix Oceanic Currents, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/ca0f9a02-9d31-4b55-9538-79d8d577e529.webp","pc":"community"},{"id":"21st-shader:community__oceanic-depths-998c87fc-6f57-4107-8b8a-ef06bb711894","t":"Oceanic Depths","d":"Remix Oceanic Depths, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/efc61a74-b594-404c-a46a-d23ca8590952.webp","pc":"community"},{"id":"21st-shader:community__oki10-79067101-d78d-4ad7-a0bb-4e7b6850bd8a","t":"Oki10","d":"neutral sites","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3FupvYEegnURSf2NDfUqK8TCQZJ/400006f2-0b2c-41bc-9688-03ee4c983f5a.webp","pc":"community"},{"id":"21st-shader:community__orb-shader-ddb48603-e255-4099-b5da-a89c8ba72a4f","t":"orb shader","d":"rothko","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3H7n56wNsdOLfPllULF1qTXgJIM/11b142d7-171f-4c18-bae4-aa99fc1079e2.webp","pc":"community"},{"id":"21st-shader:community__paper-texture-a80733c6-4ceb-4f64-9e68-4b946d2b4e63","t":"Paper Texture","d":"Animated WebGL shader background in the Paper Texture style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/paper-texture/0-default.webp?v=961d73f94c11c14b8f5b9d1f654fb83c32790e1c565713e1b1ea21a7e0b81f91","pc":"community"},{"id":"21st-shader:community__paper-texture-abstract-b9bbc8a7-3076-4978-8f9e-796fc6823293","t":"Paper Texture · Abstract","d":"Animated WebGL shader background in the Paper Texture style. Abstract variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palett","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/paper-texture/2-abstract.webp?v=94af2f5f0e84c5f2fab5c164ee811561d9bc7ee64c0e1fc6e6995f39f7477847","pc":"community"},{"id":"21st-shader:community__paper-texture-cardboard-d7483524-9a2b-4905-921c-e15900df01d4","t":"Paper Texture · Cardboard","d":"Animated WebGL shader background in the Paper Texture style. Cardboard variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palet","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/paper-texture/1-cardboard.webp?v=c89a5399d36c55e6def27a9bab49b0f25ee007bd3501fd6d340ddf3aa512c142","pc":"community"},{"id":"21st-shader:community__parallel-waves-4115aa50-09dd-44e5-aae3-1fac57f74317","t":"Parallel Waves","d":"Remix Parallel Waves, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/a4a0d478-f900-410a-b3ed-e558078bc89e.webp","pc":"community"},{"id":"21st-shader:community__perlin-noise-7b5f3798-fee3-4a3f-a839-e6afeb1cd930","t":"Perlin Noise","d":"Animated WebGL shader background in the Perlin Noise style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette ","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/perlin-noise/0-default.webp?v=28df5ece33e1b06d79d1f6006b73fc965c9b485c94374021e65f7aafdce7ef07","pc":"community"},{"id":"21st-shader:community__perlin-noise-moss-b4f50511-1cb1-4151-a949-962e4336868e","t":"Perlin Noise · Moss","d":"Animated WebGL shader background in the Perlin Noise style. Moss variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#A","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/perlin-noise/2-moss.webp?v=b5f7b84e5b2bd610fd8809a9ca5c47fdeb65be5bcb8be397d7d050e1e5bb4fa9","pc":"community"},{"id":"21st-shader:community__perlin-noise-nintendo-water-61af44d6-d64f-4b54-96f6-eb44f51dab46","t":"Perlin Noise · Nintendo Water","d":"Animated WebGL shader background in the Perlin Noise style. Nintendo Water variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color p","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/perlin-noise/1-nintendo-water.webp?v=741d6cf0c21a8ef1384cf8abf85af2808efa4f353cb821c755a49a09121c5dfa","pc":"community"},{"id":"21st-shader:community__perlin-noise-worms-db829135-c5af-4a75-91bf-12f65bbd65c3","t":"Perlin Noise · Worms","d":"Animated WebGL shader background in the Perlin Noise style. Worms variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/perlin-noise/3-worms.webp?v=381ada0f1e438ba6c4cc01edb58a6ca5e8e96da8cb2a869333c563c9884d6c4c","pc":"community"},{"id":"21st-shader:community__piroca-foda-dnv-pqp-mt-foda-a0d64b30-7745-43f6-8c7d-9703b31d43a9","t":"piroca foda dnv pqp mt foda","d":"Remix piroca foda dnv pqp mt foda, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3HglXYxRVtqtNzwEcHcaUlaqKao/e574202c-40d1-4fb5-90bb-3309d60dab9a.webp","pc":"community"},{"id":"21st-shader:community__portfolio-4765fd80-de2d-45bc-b39f-ebadf721b701","t":"portfolio","d":"Remix portfolio, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3Gedjt9OlrMP1wOJV4kbN7wSDsS/75a43882-50f3-4dcb-bf18-c9e5db13ca35.webp","pc":"community"},{"id":"21st-shader:community__pqp-2d58d472-84da-4884-9303-0b57d699e95f","t":"pqp","d":"Remix pqp, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3HglXYxRVtqtNzwEcHcaUlaqKao/a4e16cb5-a5a8-4143-8d70-fabf1ecd270d.webp","pc":"community"},{"id":"21st-shader:community__preet-shader-942cb7a5-8da6-4c27-8064-0ba6e3e8e91b","t":"preet shader","d":"Remix preet shader, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_30jeCNUhgwCRsLEF1PR1XtO4Gsu/688242ea-8c41-4561-a4a9-34a5777ba0bf.webp","pc":"community"},{"id":"21st-shader:community__pulsing-border-circle-37824556-88c2-4cda-a614-6b6ca73e72cf","t":"Pulsing Border · Circle","d":"Animated WebGL shader background in the Pulsing Border style. Circle variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/pulsing-border/1-circle.webp?v=d65d5bc3baf04eb09e26d6db2a6adf4c9e4163b95b72ae5e46d1048a354aaaf2","pc":"community"},{"id":"21st-shader:community__pulsing-border-e56a8e3f-07d7-46db-8043-1a2fd17b0556","t":"Pulsing Border","d":"Animated WebGL shader background in the Pulsing Border style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palett","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/pulsing-border/0-default.webp?v=1d7b27654177ee695c680c7a0f8de19c06bf11eac950ac7406b32d75a449c265","pc":"community"},{"id":"21st-shader:community__pulsing-border-northern-lights-54013b02-e80c-4168-a549-05f053960ee1","t":"Pulsing Border · Northern lights","d":"Animated WebGL shader background in the Pulsing Border style. Northern lights variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-colo","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/pulsing-border/2-northern-lights.webp?v=d6ef5d14f81fa9c05be7c88260bd37603e31f5ac0a600d3199b5c38008f2388b","pc":"community"},{"id":"21st-shader:community__pulsing-border-solid-line-e50520aa-c06d-4751-a64a-4e3b6697e4ed","t":"Pulsing Border · Solid line","d":"Animated WebGL shader background in the Pulsing Border style. Solid line variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color pal","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/pulsing-border/3-solid-line.webp?v=d60a03762732745b3666a08cbedc48c3d932c43742033ff6f63e0b3d6a2383e9","pc":"community"},{"id":"21st-shader:community__rds-silk-5ea5a7ed-9b06-4006-9526-caa949e16660","t":"RDS Silk","d":"Remix RDS Silk, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3HDbM9020tmxmveYvgVD90FRwMz/c3e9110f-9291-4297-a9c9-d522460eed32.webp","pc":"community"},{"id":"21st-shader:community__recipe-59f0538a-65a5-4dd1-b64d-9bdfa7fbeba0","t":"波纹","d":"很不错","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3EChfx1XiHWNaiaPfLe1JFqTAd8/f84547db-5823-4871-acc3-fa21d447bb77.webp","pc":"community"},{"id":"21st-shader:community__recipe-b3e94fd7-f9b8-42b6-a1fd-715d10f2f114","t":"光晕背景","d":"Remix 光晕背景, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3HauRgEWsXKsR6kdplMmnjdLKKB/fbbf13b3-a61c-4848-8cca-9359076f490e.webp","pc":"community"},{"id":"21st-shader:community__red-in-black-25cec6dc-977a-42d2-b406-98fb868ea4cb","t":"red in black","d":"background of a site","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3Gdb1iQ87Xl8BNupgOGM31gL4PL/f13f36dd-fe93-4dab-a043-713dd1f7ac46.webp","pc":"community"},{"id":"21st-shader:community__red-plasma-c011276a-1ca2-4e37-8319-c72d5ae19aac","t":"Red Plasma","d":"Remix Red Plasma, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3HKgLnrOEantZYemI1nCc1TcK1L/3b574784-feb2-4e7b-87ac-c221d91fa122.webp","pc":"community"},{"id":"21st-shader:community__reptile-smoke-36d060f2-046c-43c0-a275-f33e0854550b","t":"reptile smoke","d":"Remix reptile smoke, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3EjoCzqZ46iDVVNVvg8QbFyhanL/531c0126-edf5-4d58-a9ff-779a2f2a5743.webp","pc":"community"},{"id":"21st-shader:community__shader-anima-2d597ad1-a2b1-4155-b29c-02260e2ca20c","t":"Shader Anima","d":"Remix Shader Anima, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3FJtLGIhkzb5wpyt7JQQOab6VdB/fde97e89-7df6-40d0-98d2-b7adc03fbcfa.webp","pc":"community"},{"id":"21st-shader:community__shader-foda-azul-dnv-ac67480e-d8fb-469d-a5f3-6976c18e097c","t":"shader foda azul dnv","d":"Remix shader foda azul dnv, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3HglXYxRVtqtNzwEcHcaUlaqKao/8c404a7f-955f-416c-ae52-c6aa987487ba.webp","pc":"community"},{"id":"21st-shader:community__shader-foda-rosa-24f883bb-8048-480a-addb-075c839efbd5","t":"shader foda rosa","d":"Remix shader foda rosa, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3HglXYxRVtqtNzwEcHcaUlaqKao/389e0838-8c0e-455e-9bdf-0978cbdff810.webp","pc":"community"},{"id":"21st-shader:community__shader-r-cf258966-5ae2-4b27-bab4-25089a11eba1","t":"Shader R","d":"Remix Shader R, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3GPszbsbimbmDDwbUP2ujvaz9vI/a54aad2b-834d-4560-b348-cff9691d787d.webp","pc":"community"},{"id":"21st-shader:community__shader-state-f6de1806-f6db-4979-a534-e2e869a37e13","t":"SHADER STATE","d":"Remix SHADER STATE, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_39zsDMwjMzuAgeK3uL2AVsQ6pxn/d2e50257-ea45-49a5-8ff4-1dc4b13b50e3.webp","pc":"community"},{"id":"21st-shader:community__shadow-blending-41b583a3-fcf8-4435-adb2-a2cc48c94872","t":"Shadow Blending","d":"Remix Shadow Blending, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/c8b96e82-2af8-424b-bbbf-62924a2778d7.webp","pc":"community"},{"id":"21st-shader:community__silk-shader-3f051ac3-23ad-4947-b63c-e8892bf5b5b7","t":"Silk shader","d":"Remix Silk shader, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3H55Y2LZqSPHpatSWAcNTxDZ240/a51ddf4c-f450-48c5-ae7d-8afdffd6d30c.webp","pc":"community"},{"id":"21st-shader:community__silk-shader-6e3f8ae6-8f50-4192-89c4-aa2a3f786a8c","t":"Silk shader","d":"Remix Silk shader, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3Gnn1Y7OEJa6OR4BdHjOzksmCIz/e003e990-80ae-4980-b16d-ddab002504aa.webp","pc":"community"},{"id":"21st-shader:community__silk-shader-e0391d67-6bb1-45ee-aed7-858f141cdca8","t":"Silk shader","d":"Remix Silk shader, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3DNXoOKBeoqMXZMOoCzM7Njs9Ws/f601f60c-3d20-499f-a4a1-ae6f7de84df4.webp","pc":"community"},{"id":"21st-shader:community__silk-shader-maro-f59a8375-c755-4737-81e2-0805e203dae7","t":"Silk Shader Maro","d":"Hotel","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3DNXoOKBeoqMXZMOoCzM7Njs9Ws/183f3a40-6cb2-4948-9bbc-6aeb286c1253.webp","pc":"community"},{"id":"21st-shader:community__simplex-noise-67c1579b-729d-42b6-94ff-b9d69fd7e947","t":"Simplex Noise","d":"Animated WebGL shader background in the Simplex Noise style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color palette","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/simplex-noise/0-default.webp?v=9a2371a752ebd9695619f008dc21088acc61dd1939e7ec493216f6cf057631b9","pc":"community"},{"id":"21st-shader:community__simplex-noise-bubblegum-5b1bfc17-7553-4cb1-9d3a-db0ab65f1a47","t":"Simplex Noise · Bubblegum","d":"Animated WebGL shader background in the Simplex Noise style. Bubblegum variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color palet","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/simplex-noise/3-bubblegum.webp?v=b9d7c37ec00c4e7a8b1acf04b474161859bdf671a2d5daa38cd9edd26b31cf65","pc":"community"},{"id":"21st-shader:community__simplex-noise-first-contact-04f05667-ff0e-4a69-a0c6-05f9fbb90c0b","t":"Simplex Noise · First contact","d":"Animated WebGL shader background in the Simplex Noise style. First contact variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color p","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/simplex-noise/2-first-contact.webp?v=2155303edb41c006cd790586367965adaa99976b20ae39f0427c60f700a8da80","pc":"community"},{"id":"21st-shader:community__simplex-noise-shader-eb4179c0-ba24-4723-b415-1a7df927bd9b","t":"Simplex Noise shader","d":"Remix Simplex Noise shader, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3HRMomq7zVI1ZBD8tvolCLQcKBK/39fb79ac-74d9-4811-953c-3f32ab3b12fa.webp","pc":"community"},{"id":"21st-shader:community__simplex-noise-spots-df34d4ff-ea81-46bf-8be4-9dc613afbf5c","t":"Simplex Noise · Spots","d":"Animated WebGL shader background in the Simplex Noise style. Spots variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 5-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/simplex-noise/1-spots.webp?v=d88699ffb14feb6ea6e46f5b8d22f4682fc8b000e69f29c1b3c02cb2ceb56908","pc":"community"},{"id":"21st-shader:community__smoke-ring-9b40fc37-2db5-45f5-b7a2-9414f2d88b18","t":"Smoke Ring","d":"Animated WebGL shader background in the Smoke Ring style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/smoke-ring/0-default.webp?v=b448763b4825822ddc4e00a3445e323894d91c342681435ae3140b288925abcc","pc":"community"},{"id":"21st-shader:community__smoke-ring-cloud-7328ec95-d9c6-4dd6-9138-e0863d6f9868","t":"Smoke Ring · Cloud","d":"Animated WebGL shader background in the Smoke Ring style. Cloud variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#6A","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/smoke-ring/3-cloud.webp?v=dc90570112f6970d02da6923bcdfa57738a730b2dda2c1f891e3172ca8da6e92","pc":"community"},{"id":"21st-shader:community__smoke-ring-cloud-shader-7632bae0-ea46-4cb2-8ce0-4e58919c85ec","t":"Smoke Ring · Cloud shader","d":"Remix Smoke Ring · Cloud shader, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3HHa9qbnC6J7bsK0XltQkkVLhIL/dc625dd6-c304-4f03-a0db-44b062af7cc5.webp","pc":"community"},{"id":"21st-shader:community__smoke-ring-line-b1933563-be64-409a-91a5-025601d7aa6b","t":"Smoke Ring · Line","d":"Animated WebGL shader background in the Smoke Ring style. Line variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#050","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/smoke-ring/1-line.webp?v=b83018c93a5ce9521122c51b204f616eb79f5caa3a9252eae9224f2191a2c71a","pc":"community"},{"id":"21st-shader:community__smoke-ring-solar-64e3f8c7-89cc-4446-901e-b05659f12926","t":"Smoke Ring · Solar","d":"Animated WebGL shader background in the Smoke Ring style. Solar variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#6A","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/smoke-ring/2-solar.webp?v=c555b459d0ce903700cb57796a4c425ba96204674a7386a7f6bfd485bd919227","pc":"community"},{"id":"21st-shader:community__smoke-ring-solar-shader-24556315-55a5-4516-960a-745fea89fc62","t":"Smoke Ring · Solar shader","d":"Remix Smoke Ring · Solar shader, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3HMY2yeCJu1M2KN7G7e34xg8P1Y/709f033e-047a-4e08-ae43-3a8fa1fdf6f9.webp","pc":"community"},{"id":"21st-shader:community__spiral-e6fdf56c-046a-4b60-a4d7-2faddcf922c7","t":"Spiral","d":"Animated WebGL shader background in the Spiral style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#0904","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/spiral/0-default.webp?v=00a96584d23ffbb3ee97329e2fcfc4026e2fe4a41e0e431c1a49d08808596383","pc":"community"},{"id":"21st-shader:community__static-mesh-gradient-927768e1-3596-4a76-a280-c450d01166f0","t":"Static Mesh Gradient","d":"Static WebGL shader background in the Static Mesh Gradient style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color pa","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/static-mesh-gradient/0-default.webp?v=93074ab844657175759c4b18299d4b4ef7549f78b98c70acf14ccd95d943be44","pc":"community"},{"id":"21st-shader:community__static-mesh-gradient-sea-d88a1a17-8c60-4bf4-9de5-918a61d466c2","t":"Static Mesh Gradient · Sea","d":"Static WebGL shader background in the Static Mesh Gradient style. Sea variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palett","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/static-mesh-gradient/3-sea.webp?v=82eb4601410f4b1cae17a676046509b633c4b188b8740bace81808b1513cad4c","pc":"community"},{"id":"21st-shader:community__static-mesh-gradient-sunset-c8876c0c-fbb7-4c8f-bc33-7c9e084a30f6","t":"Static Mesh Gradient · Sunset","d":"Static WebGL shader background in the Static Mesh Gradient style. Sunset variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color pal","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/static-mesh-gradient/2-sunset.webp?v=54eda306850297ff38bc3918f83ca44ac3d5d9d51474d8d2504ab6000c1537fa","pc":"community"},{"id":"21st-shader:community__static-radial-gradient-82713af9-d427-4c9d-a184-c2a60055af09","t":"Static Radial Gradient","d":"Static WebGL shader background in the Static Radial Gradient style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color ","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/static-radial-gradient/0-default.webp?v=f71ba1db4344975fb18bab29b69cff4b643264e786bfdf10cf8720428de09340","pc":"community"},{"id":"21st-shader:community__static-radial-gradient-cross-section-68720ce4-90e1-478c-a982-ab759f79a68d","t":"Static Radial Gradient · Cross Section","d":"Static WebGL shader background in the Static Radial Gradient style. Cross Section variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/static-radial-gradient/2-cross-section.webp?v=6aa7150499cb342aab8c9c8fadc9e43e0c59651e255e15e51027c71be1861aed","pc":"community"},{"id":"21st-shader:community__static-radial-gradient-lo-fi-2a722d69-cc49-48c0-ac47-92099009fdd7","t":"Static Radial Gradient · Lo-Fi","d":"Static WebGL shader background in the Static Radial Gradient style. Lo-Fi variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color pa","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/static-radial-gradient/1-lo-fi.webp?v=c4146b6d24d94ddf511056a29e3224653a6e6d1b6978dce21fc20977e20d6fc7","pc":"community"},{"id":"21st-shader:community__static-radial-gradient-radial-60b58af5-7dfa-42d4-9564-e7b1e2b3d493","t":"Static Radial Gradient · Radial","d":"Static WebGL shader background in the Static Radial Gradient style. Radial variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color p","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/static-radial-gradient/3-radial.webp?v=c8b296d6a9fdb338d9a1e953a9a4161b3929c513f3f023bf794522533f75a7d8","pc":"community"},{"id":"21st-shader:community__streamclick-wallpaper-9035a394-c93d-4fab-82bd-141858044ed8","t":"Streamclick Wallpaper","d":"Remix Streamclick Wallpaper, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3ChDcuvD2YeLEGmWesUyqeNrGlJ/cf68f792-dd8e-4f7d-97d8-57ddcc99d809.webp","pc":"community"},{"id":"21st-shader:community__summerlouver-347169e1-05c4-4d5d-856a-97d3805908be","t":"SummerLouver","d":"Remix SummerLouver, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3HTm8PtMwUUPXNdwzu7Xy15Tcfv/f1fcfca2-c570-47bf-a57f-5ddc77057695.webp","pc":"community"},{"id":"21st-shader:community__swirl-d31da01f-fc3e-4bd9-bcfa-c787be4a6be8","t":"Swirl","d":"Animated WebGL shader background in the Swirl style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#09090","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/swirl/0-default.webp?v=ae02c73fdf07f75a9db59882f0a913061c258b17919680976aef980ee287b5b5","pc":"community"},{"id":"21st-shader:community__swirl-opening-4fe6407a-d94e-4a01-b9d8-bd9c7828bcdf","t":"Swirl · Opening","d":"Animated WebGL shader background in the Swirl style. Opening variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#A855F","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/swirl/2-opening.webp?v=9ac71544d16663b5af2619e89b1110e5088d798bc5917141c883d3d84a6cb0e4","pc":"community"},{"id":"21st-shader:community__valley-of-the-mind-e8e1928e-fb1b-49d0-8893-72017df0d4d2","t":"Valley of the Mind","d":"Remix Valley of the Mind, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3FxFV5QMUOkwpNmtysxk0CpLwaP/77793f35-d7d9-4d09-b333-28b623491298.webp","pc":"community"},{"id":"21st-shader:community__verdant-swirl-be4418d0-06ed-45fe-aeff-a9127aaa4b2b","t":"Verdant Swirl","d":"Remix Verdant Swirl, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/124689e7-edbc-4d9a-af07-c0c906822f78.webp","pc":"community"},{"id":"21st-shader:community__vibrant-stream-f98fd05a-e739-4e0a-81b7-7169bbc16bc0","t":"Vibrant Stream","d":"Remix Vibrant Stream, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/131fd07e-3583-48a9-b9f2-698f54786917.webp","pc":"community"},{"id":"21st-shader:community__violet-plasma-42eaae5e-ceff-4ee5-b346-a0e20ad65912","t":"Violet Plasma","d":"Remix Violet Plasma, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/a5163c28-90a5-45c3-afd3-ceb2f2c672e4.webp","pc":"community"},{"id":"21st-shader:community__violet-swirl-b81565f8-59b7-4860-93cb-bb6e4d950458","t":"Violet Swirl","d":"Remix Violet Swirl, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/749a47b1-a209-496a-a003-ad422552587f.webp","pc":"community"},{"id":"21st-shader:community__voronoi-aff16adf-696d-4b69-b42c-3f9e6de9db1d","t":"Voronoi","d":"Animated WebGL shader background in the Voronoi style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#061","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/voronoi/0-default.webp?v=6be31acc994f71b7d66da7e2b7fe47428227537449439bba99b6b695f8491a69","pc":"community"},{"id":"21st-shader:community__voronoi-bubbles-ea406baf-3f06-46d4-b681-676e5fdfdfde","t":"Voronoi · Bubbles","d":"Animated WebGL shader background in the Voronoi style. Bubbles variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#67E","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/voronoi/3-bubbles.webp?v=ea410e74ea924c77a19348027976f230e08f6723c841f77072e65a0d8893315f","pc":"community"},{"id":"21st-shader:community__voronoi-cells-97ca345a-4dcf-4b7d-8a6e-cf04ea9a05ec","t":"Voronoi · Cells","d":"Animated WebGL shader background in the Voronoi style. Cells variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#67E8F","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/voronoi/2-cells.webp?v=2a9f994a2269ffeb822dc294d2cc9563ebe271c69994eaf463b4fe02413fd99c","pc":"community"},{"id":"21st-shader:community__voronoi-lights-c8ff71f2-c1e0-4fa7-a89f-d916305ba20f","t":"Voronoi · Lights","d":"Animated WebGL shader background in the Voronoi style. Lights variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#0610","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/voronoi/1-lights.webp?v=4a699958466c0345ac1079bd0df9d1e9a859330ef9075473a6fef1022f5a838f","pc":"community"},{"id":"21st-shader:community__warmth-ripple-4e121c2b-b059-4f05-83f5-a1626b294cad","t":"Warmth Ripple","d":"Remix Warmth Ripple, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2nA0HITg0H7hvozIDNdxvzinpei/b4bd770b-a473-4f61-8e11-c9cbf3c3ed11.webp","pc":"community"},{"id":"21st-shader:community__warp-804655a6-cd2a-46af-a678-094cbdd2c449","t":"Warp","d":"Animated WebGL shader background in the Warp style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#16051B","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/warp/0-default.webp?v=6a756dc9e2f6f36fcc70d72eee4b1047e71addc7efa8d0a8b7758156a386de8c","pc":"community"},{"id":"21st-shader:community__warp-cauldron-pot-84f5a46c-9cc8-4fbc-bbbb-b46419f93afe","t":"Warp · Cauldron Pot","d":"Animated WebGL shader background in the Warp style. Cauldron Pot variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#1","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/warp/1-cauldron-pot.webp?v=61a76a097e518f81e10b5488d3cab5dc095e58a52a7028100055ec04e01019a2","pc":"community"},{"id":"21st-shader:community__warp-kelp-83081764-5393-487e-8fb0-a2330bbba56c","t":"Warp · Kelp","d":"Animated WebGL shader background in the Warp style. Kelp variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#F43F5E, #","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/warp/3-kelp.webp?v=00053a81192814036b625064db6e2603e924fd6363f6cee2a68698d271d85d69","pc":"community"},{"id":"21st-shader:community__warp-live-ink-a579981e-81f9-4021-bc6e-3844625867e7","t":"Warp · Live Ink","d":"Animated WebGL shader background in the Warp style. Live Ink variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#F43F5","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/warp/2-live-ink.webp?v=34e9b6a9689724051c016eafc0e7093dae1dc0149bb70ce18628f02ef4a5071b","pc":"community"},{"id":"21st-shader:community__warp-nectar-fa8a52f3-8271-4f6d-9a0b-e47a80e1955c","t":"Warp · Nectar","d":"Animated WebGL shader background in the Warp style. Nectar variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#16051B,","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/warp/4-nectar.webp?v=79dbe2a9daf77c25d67e7d662b98cbbc747c4a652aa8b9de6b30ad330a75da67","pc":"community"},{"id":"21st-shader:community__warp-passion-36348a56-03ee-49a8-b6c1-217c4ead4b2a","t":"Warp · Passion","d":"Animated WebGL shader background in the Warp style. Passion variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#16051B","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/warp/5-passion.webp?v=8c945b98aedc4bcd41540fb266f9273d572d64f9a0c508d0a35d0d2a20e4353e","pc":"community"},{"id":"21st-shader:community__warp-stripes-shader-617a698c-c908-43ce-a963-b1eca3020405","t":"Warp stripes shader","d":"Remix Warp stripes shader, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3GtzhxH8LXf247NgPxEPQBfFJRs/99d1bf2f-54d3-4936-83e4-d95eed0a77de.webp","pc":"community"},{"id":"21st-shader:community__water-23d131d7-4886-44f4-a0b1-f19c133c17fd","t":"Water","d":"Animated WebGL shader background in the Water style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#10182","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/water/0-default.webp?v=d4529de59f63a71e6aff219c4a37a0b7d5f53ccfaba787ba64671e5653c82d08","pc":"community"},{"id":"21st-shader:community__water-abstract-b8570812-8853-4e89-8549-9bb0766df790","t":"Water · Abstract","d":"Animated WebGL shader background in the Water style. Abstract variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#B8E1","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/water/2-abstract.webp?v=49084d70ac26047a493596816dbe9edd2e006581848003031e5792e49c680a86","pc":"community"},{"id":"21st-shader:community__water-slow-mo-38950d88-95a2-49d2-96ee-322932b6c3cb","t":"Water · Slow-mo","d":"Animated WebGL shader background in the Water style. Slow-mo variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#10182","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/water/1-slow-mo.webp?v=4b5a94d77b73952f08821dc8b679b6a535913311ba4576c72bf586e3b1d88118","pc":"community"},{"id":"21st-shader:community__water-streaming-c86bf186-5b1b-4317-993a-544131f7ec1b","t":"Water · Streaming","d":"Animated WebGL shader background in the Water style. Streaming variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#B8E","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/water/3-streaming.webp?v=e212d8873e4f38dfbc60b370519a7be9473ef0e2dad08e48c02f083d7927a6f4","pc":"community"},{"id":"21st-shader:community__waves-1fce316e-4c1e-4226-b60b-529f79c4ae29","t":"Waves","d":"Animated WebGL shader background in the Waves style. Default variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#03192","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/waves/0-default.webp?v=7f261714436aaaade5f2ac1132ad894bc27f08d12d57923cdf15fa20af8c4726","pc":"community"},{"id":"21st-shader:community__waves-background-2-f9500abb-89e2-4003-8271-04e6635030e0","t":"Waves background 2","d":"Remix Waves background 2, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2zW2XqerqPxcIA3Qna2rxZAeBAy/49f6fc3b-09e4-4c03-9290-3d0e5ae569d2.png","pc":"community"},{"id":"21st-shader:community__waves-background-3c5fb9f7-83a2-494f-aa7f-0a01d34b19e6","t":"Waves background","d":"Remix Waves background, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_2zW2XqerqPxcIA3Qna2rxZAeBAy/40cf4e83-019d-48d0-91a9-35e7df9ce87c.png","pc":"community"},{"id":"21st-shader:community__waves-groovy-296a3311-808b-43f6-8279-339f9a4b854e","t":"Waves · Groovy","d":"Animated WebGL shader background in the Waves style. Groovy variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#031926","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/waves/1-groovy.webp?v=7571285f4d7c26c70e735c9e0525f2d40b96f7056a054b221cb1a04ea1f7e16b","pc":"community"},{"id":"21st-shader:community__waves-header-green-a0778f72-4a5c-44b9-bf62-c68c921d073c","t":"Waves Header Green","d":"Remix Waves Header Green, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_32lWhYzAZZ8pghZ9dRb4dPltEOH/7d24d94e-2b9f-42c6-8d9f-99c17a608ea7.webp","pc":"community"},{"id":"21st-shader:community__waves-ride-the-wave-a625d241-0520-4787-95ef-3f6568ec239b","t":"Waves · Ride the wave","d":"Animated WebGL shader background in the Waves style. Ride the wave variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/waves/3-ride-the-wave.webp?v=1c3e2b6562caea96bee5b6143997dc176a2d11baa21622b3315804b4542d3311","pc":"community"},{"id":"21st-shader:community__waves-shader-1b152579-90a6-4d9b-8c7c-4d3246f263d9","t":"Waves Shader","d":"Remix Waves Shader, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3AhTySF8IeRu4lqInSilCJ1nClY/dfb7e1b2-e1a2-4e89-8970-cab8d2f86c21.webp","pc":"community"},{"id":"21st-shader:community__waves-shader-343b3596-b69f-4d4f-a1f8-5551256d9657","t":"Waves shader","d":"Remix Waves shader, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3HftXWE1HaN1nFo0hLPy7N8beVF/40326bf4-b092-43f8-b38e-019b0f54955b.webp","pc":"community"},{"id":"21st-shader:community__waves-shader-76be1f24-f65b-4fde-88ba-4502428c29ac","t":"Waves shader","d":"Remix Waves shader, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3GMULWtcbgZgcHUNEavGVQaSGG3/889b3b67-7e19-476f-9b2b-a196cc67d0c8.png","pc":"community"},{"id":"21st-shader:community__waves-shader-bc9a46d1-4f0e-41f8-bc03-c4fa24343b81","t":"Waves shader","d":"Remix Waves shader, a community shader made with the 21st Shader Builder.","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_3HNZ3uInf3sRnjvnKmQt025spzR/dfb2c4b7-2968-43d5-a3c4-c08cdb3a06d7.webp","pc":"community"},{"id":"21st-shader:community__waves-shaders-homlu-ui-7f5c0add-2285-4006-ad44-e75c6b27a7b5","t":"Waves shaders Homlu UI","d":"Hero","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_39720J8FZrHCoGeL23ljF4x20L3/0eefb28c-1e7e-4bc7-aa07-42d7d1e35cb7.webp","pc":"community"},{"id":"21st-shader:community__waves-tangled-up-fb86476f-69d4-4abb-8e1e-e0a2dc5e4edd","t":"Waves · Tangled up","d":"Animated WebGL shader background in the Waves style. Tangled up variant. Generated by the 21st.dev Shader Builder. Adapted from Paper Shaders under Apache-2.0. 4-color palette (#38","k":"motion","s":"21st","c":"motion/shader","a":"community","pl":"https://assets.21st.dev/shader-recipes/thumbnails/user_papershaders/paper-variants/waves/2-tangled-up.webp?v=e8859821c1dec720ee0115ddf6e549d977a77991a9037b0f076e9f07d01dd373","pc":"community"},{"id":"21st-template:0xboom__full-event-calendar","t":"Full Event Calendar","d":"Modern fully packed event calendar for both mobile and desktop.","k":"page","s":"21st","c":"pages/templates","a":"0xboom","pl":"https://cdn.21st.dev/user_2u8cQmcxOF8otE9xspfAwq98XyZ/full-event-calendar/preview.webp","pc":"0xboom"},{"id":"21st-template:beratberkayg__cat-admin-template","t":"cat admin template","d":"Minimal components. Maximum purrformance.","k":"page","s":"21st","c":"pages/templates","a":"beratberkayg","pl":"https://cdn.21st.dev/user_2sjKtWeP6DDixDrGQQItKElODmk/cat-admin-template/preview.png","pc":"beratberkayg"},{"id":"21st-template:btech10574.24__the-defense-reformation","t":"The Defense Reformation","d":"https://www.18theses.com/","k":"page","s":"21st","c":"pages/templates","a":"btech10574.24","pl":"https://cdn.21st.dev/user_31xGuj7CuRHp8FKndHNs5ZHdqy8/templates/the-defense-reformation/preview-1786691080000.jpg","pc":"btech10574.24"},{"id":"21st-template:bundui__cosmic-saas-landing-page-template-shadcn-ui","t":"Cosmic - Saas Landing Page Template (shadcn/ui)","d":"A modern, responsive landing page template for developers, optimized for SaaS projects. Built with shadcn/ui, Tailwind CSS, and Next.js.","k":"page","s":"21st","c":"pages/templates","a":"bundui","pl":"https://cdn.21st.dev/user_2xooKdk7IqLvzBUm2uT6CVnLloq/cosmic-saas-landing-page-template-shadcn-ui/preview.png","pc":"bundui"},{"id":"21st-template:bundui__neofolio-portfolio-template-shadcn-ui","t":"Neofolio - Portfolio Template (shadcn/ui)","d":"Neofolio is a dashboard style portfolio website template built with Next.js and shadcn/ui. You can present yourself online in an ideal way, sell your products or showcase your work","k":"page","s":"21st","c":"pages/templates","a":"bundui","pl":"https://cdn.21st.dev/user_2xooKdk7IqLvzBUm2uT6CVnLloq/neofolio-portfolio-template-shadcn-ui/preview.png","pc":"bundui"},{"id":"21st-template:bundui__waitly-free-waitlist-template","t":"Waitly - Free Waitlist Template","d":"A simple and useful waitlist Next.js template. Built with shadcn/ui, Tailwind CSS, and Next.js. Open source.\n\n","k":"page","s":"21st","c":"pages/templates","a":"bundui","pl":"https://cdn.21st.dev/user_2xooKdk7IqLvzBUm2uT6CVnLloq/waitly-free-waitlist-template/preview.png","pc":"bundui"},{"id":"21st-template:buoooou__buou-next-ai","t":"BuouAI","d":"This is an Super Next Starter Kit with ChatGPT/Runpod/Replicate to create your AI SaaS, enabling you to quickly generate your first 💰 online","k":"page","s":"21st","c":"pages/templates","a":"buoooou","pl":"https://cdn.21st.dev/user_2u3tZbpsSEeH1fuWFoa8yrPgEIE/buou-next-ai/preview.png","pc":"buoooou"},{"id":"21st-template:buoooou__buou-next-kit","t":"BuouNext","d":"This is an Super Full-Stack Next Starter Kit with all you need to build your SaaS, AI tool, or any other web app","k":"page","s":"21st","c":"pages/templates","a":"buoooou","pl":"https://cdn.21st.dev/user_2u3tZbpsSEeH1fuWFoa8yrPgEIE/buou-next-kit/preview.png","pc":"buoooou"},{"id":"21st-template:charanjit-singh__indie-kit-with-dodo","t":"Indie Kit With Dodo","d":"Launch your Startup with Dodo Payments","k":"page","s":"21st","c":"pages/templates","a":"charanjit-singh","pl":"https://cdn.21st.dev/user_2vrGGWabmWPHU3RrMbdIdAiq4Uj/indie-kit-with-dodo/preview.png","pc":"charanjit-singh"},{"id":"21st-template:cult-ui__cult-directory-template","t":"Directory","d":"Dominate search rankings and monetize traffic with this SEO powerhouse. Our full-stack Next.js, Shadcn, and Supabase directory template features a 3-stage scraping and AI enrichmen","k":"page","s":"21st","c":"pages/templates","a":"cult-ui","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/images//cult-directory-template.png","pc":"cult-ui"},{"id":"21st-template:cult-ui__cult-landing-page","t":"Landing Page","d":"Craft high-converting landing pages that captivate and convert. Perfect for SaaS startups, digital products, and subscription services looking to make a lasting first impression an","k":"page","s":"21st","c":"pages/templates","a":"cult-ui","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/images//cult-landing-page.png","pc":"cult-ui"},{"id":"21st-template:cult-ui__cult-offline-travel-stash","t":"Travel Stash","d":"Next-gen travel app. Vercel ai sdk, claude haiku and RxDB allow you to generate complete travel itineraries. Store your data locally using RxDB and retrieve it offline when your in","k":"page","s":"21st","c":"pages/templates","a":"cult-ui","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/images//cult-offline-travel-stash.png","pc":"cult-ui"},{"id":"21st-template:cult-ui__cult-prompt-stash","t":"Prompt Stash","d":"A local-first AI prompt manager with variable highlighting, secure key storage, and AI agents. Organize and optimize your prompts offline.","k":"page","s":"21st","c":"pages/templates","a":"cult-ui","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/images//cult-prompt-stash.png","pc":"cult-ui"},{"id":"21st-template:cult-ui__logo-gpt-template","t":"Logo GPT","d":"Generate, store, and download logos with Dalle3 and supabase. This template features image generation with seamless auth and storage, plus a built-in token economy. Perfect for bui","k":"page","s":"21st","c":"pages/templates","a":"cult-ui","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/images//logo-gpt-template.png","pc":"cult-ui"},{"id":"21st-template:dailydischq__roomify-interior-design-ai-platform","t":"Roomify - Interior Design AI Platform","d":" Roomify - Interior Design AI Platform\n\nA modern web application for AI-powered interior design with secure user authentication and API key management.\n\n Features\n\n- User Authentic","k":"page","s":"21st","c":"pages/templates","a":"dailydischq","pl":"https://cdn.21st.dev/user_2yLqjWS8dOp14VY5pW0IjI7d4UY/roomify-interior-design-ai-platform/preview.png","pc":"dailydischq"},{"id":"21st-template:danatelofficial__earned","t":"Earned","d":"My project is a web-based weight lifting tracker designed to help athletes and regular lifters log workouts, track progress, and stay consistent with their training. The current ve","k":"page","s":"21st","c":"pages/templates","a":"danatelofficial","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/users/user_3GvcC1ZHeEh48s78vXADRqqpc2K/bento/img-0dsv690f.png?v=1784872840233","pc":"danatelofficial"},{"id":"21st-template:designali-in__dalim","t":"Dalim","d":"Designs That Give","k":"page","s":"21st","c":"pages/templates","a":"designali-in","pl":"https://cdn.21st.dev/user_2rO0IUQINTfBex4xN8Ghho5dpr4/dalim/preview.jpg","pc":"designali-in"},{"id":"21st-template:dhileepkumargm__karate","t":"Karate","d":"Shinken Karate is a high-converting, premium Framer template engineered specifically for martial arts dojos, fitness academies, and local training centers.\n\nDesigned with a bold, m","k":"page","s":"21st","c":"pages/templates","a":"dhileepkumargm","pl":"https://cdn.21st.dev/user_2xffZsPH7trHq0L2RAacpvdoyXT/templates/karate/preview-1783142097029.png","pc":"dhileepkumargm"},{"id":"21st-template:dillionverma__dev-tool-template","t":"Dev Tool Template","d":"A professional landing page template designed for developer tools and APIs. Showcase code snippets, highlight features, and display pricing plans. Includes an integrated MDX blog, ","k":"page","s":"21st","c":"pages/templates","a":"dillionverma","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/images//dev-tool-template.png","pc":"dillionverma"},{"id":"21st-template:dillionverma__mobile-template","t":"Mobile Template","d":"Showcase your mobile app with a professionally designed landing page. Features interactive app previews, smooth animations, and mobile-first design. Includes customizable sections ","k":"page","s":"21st","c":"pages/templates","a":"dillionverma","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/images//mobile-template.png","pc":"dillionverma"},{"id":"21st-template:dillionverma__portfolio-template","t":"Portfolio Template","d":"Showcase your work with a sleek, modern portfolio page. This template features sections for projects, skills, and contact information, ideal for creatives and professionals looking","k":"page","s":"21st","c":"pages/templates","a":"dillionverma","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/images//portfolio-template.png","pc":"dillionverma"},{"id":"21st-template:dillionverma__saas-template","t":"SaaS Template","d":"Create a stunning landing page for your startup or product with our professionally designed template. Includes customizable sections, responsive design, and optimized for conversio","k":"page","s":"21st","c":"pages/templates","a":"dillionverma","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/images//saas-template.png","pc":"dillionverma"},{"id":"21st-template:dillionverma__startup-template","t":"Startup Template","d":"Launch your startup with a professional, responsive landing page. Includes customizable sections for hero, features, pricing, perfect for showcasing your product or idea.","k":"page","s":"21st","c":"pages/templates","a":"dillionverma","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/images//startup-template.png","pc":"dillionverma"},{"id":"21st-template:drewsephski__hyper-ai","t":"Hyper AI","d":"A multipage AI SaaS Starter","k":"page","s":"21st","c":"pages/templates","a":"drewsephski","pl":"https://cdn.21st.dev/user_2wFZQU7iZkPkpGHI1P7dR4w42N0/hyper-ai/preview.png","pc":"drewsephski"},{"id":"21st-template:easemize__chat-app-chatgpt-chatbot","t":"Chat app chatgpt chatbot","d":"A fully functional chatbot interface designed for developers building agentic AI applications who need a modern starter kit.\n\nFeatures:\n- Clean chat interface\n- Modern prompt input","k":"page","s":"21st","c":"pages/templates","a":"easemize","pl":"https://cdn.21st.dev/user_2xJxXqdwWohYrdd6fiMYrS9hbmO/templates/chat-app-chatgpt-chatbot/preview-1783180523441.png","pc":"easemize"},{"id":"21st-template:ekmas__neobrutalism-bento","t":"Neobrutalism bento","d":"Neobrutalism bento is a neobrutalism-styled nextjs tailwind template heavily insipired by bento.me.\n\nThis template is built with neobrutalism components.\nYou can check them out her","k":"page","s":"21st","c":"pages/templates","a":"ekmas","pl":"https://cdn.21st.dev/user_2reteS3IODi8OJpbNYOpgLKdwT7/neobrutalism-bento/preview.webp","pc":"ekmas"},{"id":"21st-template:ekmas__neobrutalism-portfolio","t":"Neobrutalism portfolio","d":"Neobrutalism portfolio is a neobrutalism-styled nextjs tailwind template for portfolios.","k":"page","s":"21st","c":"pages/templates","a":"ekmas","pl":"https://cdn.21st.dev/user_2reteS3IODi8OJpbNYOpgLKdwT7/neobrutalism-portfolio/preview.webp","pc":"ekmas"},{"id":"21st-template:ekmas__neobrutalism-windowed-portfolio","t":"Neobrutalism windowed portfolio","d":"Neobrutalism windowed portfolio is a neobrutalism-styled nextjs tailwind template for portfolios.\n\nThis template is built with neobrutalism components. \nYou can check them out here","k":"page","s":"21st","c":"pages/templates","a":"ekmas","pl":"https://cdn.21st.dev/user_2reteS3IODi8OJpbNYOpgLKdwT7/neobrutalism-windowed-portfolio/preview.webp","pc":"ekmas"},{"id":"21st-template:emmanuelajako406__pulse-ai","t":"Pulse AI","d":"Pulse AI is a premium Next.js SaaS template built for startups, founders, and developers who want to launch modern web applications faster. It combines a polished design system, re","k":"page","s":"21st","c":"pages/templates","a":"emmanuelajako406","pl":"https://cdn.21st.dev/user_3G80nDkNZerGPSZ0nzvRgGKg14f/templates/pulse-ai/preview-1783339726402.png","pc":"emmanuelajako406"},{"id":"21st-template:emptyhills25.14__finance","t":"Finance","d":"Ready-to-use website and app template.","k":"page","s":"21st","c":"pages/templates","a":"emptyhills25.14","pl":"https://cdn.21st.dev/user_3GYKozSKhPzWWFzh5EYfUBs2Vfj/templates/finance/preview-1785449860569.png","pc":"emptyhills25.14"},{"id":"21st-template:gnzikoune__food-nutrition-tracker","t":"Food Nutrition Tracker","d":"It's a simple food nutrition tracker app","k":"page","s":"21st","c":"pages/templates","a":"gnzikoune","pl":"https://cdn.21st.dev/user_2vmhJe3vTV6bs4SZd26VXcnEIhp/food-nutrition-tracker/preview.png","pc":"gnzikoune"},{"id":"21st-template:horizon-ui__horizon-ui-admin-dashboard-template","t":"Admin Dashboard Template","d":"Start building your dashboard with Horizon UI, the most popular Free and Open-source Admin Template provider for NextJS and Shadcn UI!","k":"page","s":"21st","c":"pages/templates","a":"horizon-ui","pl":"https://cdn.21st.dev/user_horizon-ui/horizon-ui-admin-dashboard-template/preview.png","pc":"horizon-ui"},{"id":"21st-template:horizon-ui__horizon-ui-ai-boilerplate","t":"AI Boilerplate","d":"Improve your development process with a set of ready-to-use pages. Landing section categories like Footer, Hero, Features, Pricing, and many more are available to save you precious","k":"page","s":"21st","c":"pages/templates","a":"horizon-ui","pl":"https://cdn.21st.dev/user_horizon-ui/horizon-ui-ai-boilerplate/preview.png","pc":"horizon-ui"},{"id":"21st-template:ibelick__ibelick-noir","t":"Noir","d":"Saas landing page template\n\nA minimal, black-and-white one-page landing page template, built to showcase products, features, and drive conversions. Perfect for startups, agencies, ","k":"page","s":"21st","c":"pages/templates","a":"ibelick","pl":"https://cdn.21st.dev/user_2rkgEMvkQ7I2oxalLXELCy8NObN/ibelick-noir/preview.png","pc":"ibelick"},{"id":"21st-template:ibelick__motion-primitives-nim","t":"Nim","d":"Personal website template. \nA fast, minimal, and elegant personal website template with a built-in blog. Perfect for developers, designers, and founders who want a beautiful and fu","k":"page","s":"21st","c":"pages/templates","a":"ibelick","pl":"https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/motion-primitives-nim/preview.png","pc":"ibelick"},{"id":"21st-template:kinfe123__arc","t":"Arc","d":"a new way of creating software - a farmui template","k":"page","s":"21st","c":"pages/templates","a":"kinfe123","pl":"https://cdn.21st.dev/user_2rgfvfP6KhEePYzaDzrZPKcn1JO/arc/preview.png","pc":"kinfe123"},{"id":"21st-template:kinfe123__asset-x","t":"AssetX","d":"AssetX manages your web 3.0 account.","k":"page","s":"21st","c":"pages/templates","a":"kinfe123","pl":"https://cdn.21st.dev/user_2rgfvfP6KhEePYzaDzrZPKcn1JO/asset-x/preview.png","pc":"kinfe123"},{"id":"21st-template:kinfe123__builder-template","t":"Builder Template","d":"Develop website at speed with ease and feature rich.","k":"page","s":"21st","c":"pages/templates","a":"kinfe123","pl":"https://cdn.21st.dev/user_2rgfvfP6KhEePYzaDzrZPKcn1JO/builder-template/preview.png","pc":"kinfe123"},{"id":"21st-template:kinfe123__remark","t":"Remark","d":"Remak makes it easy to work with API with our easy use SDK along with compressive documentation and blog pages","k":"page","s":"21st","c":"pages/templates","a":"kinfe123","pl":"https://cdn.21st.dev/user_2rgfvfP6KhEePYzaDzrZPKcn1JO/remark/preview.png","pc":"kinfe123"},{"id":"21st-template:kokonutd__ai-template","t":"AI Template","d":"Beautiful landing template for Startup inspired by modern design and little interaction.","k":"page","s":"21st","c":"pages/templates","a":"kokonutd","pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/ai-template/preview.png","pc":"kokonutd"},{"id":"21st-template:kokonutd__futur","t":"Futur","d":"Futur is a beautiful startup business template designed and built with Next.js, Tailwind CSS, and Motion. It's perfect for showcasing your startup with a clean, futuristic design a","k":"page","s":"21st","c":"pages/templates","a":"kokonutd","pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/futur/preview.jpeg","pc":"kokonutd"},{"id":"21st-template:kokonutd__kokonutd-designer-template","t":"Designer Template","d":"A fully clean and beautiful Designer Template with a neat Design.\n\nWhat's included\nHero with Assets\nFeatures preview and animated cards\nFrequently Asked Questions with animations\nC","k":"page","s":"21st","c":"pages/templates","a":"kokonutd","pl":"https://cdn.21st.dev/user_2rQ1QHrJyxpmWMHhqhANzWMc64n/kokonutd-designer-template/preview.png","pc":"kokonutd"},{"id":"21st-template:kokonutd__kokonutd-saas-template","t":"Saas Template","d":"A fully clean and beautiful Saas Template with a beautiful design. The whole page is filled with animations to keep users eyes.\n\nWhat's included\nHero Landing with beautiful animati","k":"page","s":"21st","c":"pages/templates","a":"kokonutd","pl":"https://cdn.21st.dev/kokonutd-saas-template/preview.png","pc":"kokonutd"},{"id":"21st-template:lyanchouss__dali-agents-ai-agency-website-template","t":"Dali Agents - AI Agency Website Template","d":"A cinematic, conversion-focused website template for AI agencies, automation studios, and digital product teams.\n  It includes an animated hero, service and project sections, respo","k":"page","s":"21st","c":"pages/templates","a":"lyanchouss","pl":"https://cdn.21st.dev/user_2xFgBhIEcC8WVjxizPEzB14AOkb/templates/dali-agents-ai-agency-website-template/preview-1786465388168.png","pc":"lyanchouss"},{"id":"21st-template:lyanchouss__dali-ai-agency-agent-studio-site","t":"Dali - AI Agency & Agent Studio Site","d":"The site behind daliagents.com. Built for AI/agent studios and dev shops that need to look like they ship software, not slides.\n\nWhat's inside\n- 4 locales (EN / RU / KA / HY) in pe","k":"page","s":"21st","c":"pages/templates","a":"lyanchouss","pl":"https://cdn.21st.dev/user_2xFgBhIEcC8WVjxizPEzB14AOkb/templates/dali-ai-agency-agent-studio-site/preview-1785796217683.png","pc":"lyanchouss"},{"id":"21st-template:malikabdullah0120__devdossier-animated-portfolio","t":"DevDossier Animated Portfolio","d":"DevDossier — The Classified Developer Portfolio\n\nA premium, highly interactive portfolio template built for developers. Designed with a unique \"Tactical Case File / Intelligence Do","k":"page","s":"21st","c":"pages/templates","a":"malikabdullah0120","pl":"https://cdn.21st.dev/user_3HiYdGFNeFg8rtmU6pgjM5f6sGa/templates/devdossier-animated-portfolio/preview-1786868785684.png","pc":"malikabdullah0120"},{"id":"21st-template:malikabdullah0120__the-chair-premium-barbershop-digital-experience","t":"The CHAIR — Premium Barbershop Digital Experience","d":"Excited to showcase **THE CHAIR** — a modern, fully functional full-stack web application built for luxury barbershops, salons, and men’s grooming studios. 💈🚀\n\nThis isn’t a static ","k":"page","s":"21st","c":"pages/templates","a":"malikabdullah0120","pl":"https://cdn.21st.dev/user_3HiYdGFNeFg8rtmU6pgjM5f6sGa/templates/the-chair-premium-barbershop-digital-experience/preview-1786946809673.png","pc":"malikabdullah0120"},{"id":"21st-template:manuarora700__agenlabs-agency-template","t":"Agenlabs Agency Template","d":"Agenlabs is template with Clean modern design and crisp illustrations, perfect template to get your Agency business up and running.","k":"page","s":"21st","c":"pages/templates","a":"manuarora700","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/images//agenlabs-agency-template.png","pc":"manuarora700"},{"id":"21st-template:manuarora700__ai-saas-template","t":"AI SaaS Template","d":"Every AI SaaS template is a multi-page template focused on AI applications offering SaaS solutions.","k":"page","s":"21st","c":"pages/templates","a":"manuarora700","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/images//ai-saas-template.png","pc":"manuarora700"},{"id":"21st-template:manuarora700__devpro-portfolio-template","t":"DevPro Portfolio Template","d":"DevPro is a portfolio template for developers with blogs, projects, events and everything. Clean. Modern. Responsive. Neat.","k":"page","s":"21st","c":"pages/templates","a":"manuarora700","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/images//devpro-portfolio-template.png","pc":"manuarora700"},{"id":"21st-template:manuarora700__foxtrot-marketing-template","t":"Foxtrot Marketing Template","d":"Foxtrot is a SaaS marketing template that has a modern design with a pinch of class, perfect for launching your single page website.\n\n","k":"page","s":"21st","c":"pages/templates","a":"manuarora700","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/images//foxtrot-marketing-template.png","pc":"manuarora700"},{"id":"21st-template:manuarora700__playful-template","t":"Playful Marketing Template","d":"A simple, elegant and playful marketing template with minimal colors and creative microinteractions.","k":"page","s":"21st","c":"pages/templates","a":"manuarora700","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/images//playful-marketing.png","pc":"manuarora700"},{"id":"21st-template:manuarora700__proactiv","t":"Proactiv Marketing Template","d":"Proactiv is a marketing template designed for SaaS companies focusing on marketing tools for social media.\n\n","k":"page","s":"21st","c":"pages/templates","a":"manuarora700","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/images//proactiv.png","pc":"manuarora700"},{"id":"21st-template:manuarora700__sidefolio-portfolio-template","t":"Sidefolio Portfolio Template","d":"Sidefolio is a portfolio template for developers with blogs, projects, resume and everything. A sidebar layout with a modern design. Mobile responsive with toggleable sidebar.\n\n","k":"page","s":"21st","c":"pages/templates","a":"manuarora700","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/images//sidefolio-portfolio-template.png","pc":"manuarora700"},{"id":"21st-template:manuarora700__startup-landing-simple","t":"Startup Landing Template","d":"A simple, clean, modern and minimalistic landing page template for startups. Filled with microinteractions to keep your users engaged.","k":"page","s":"21st","c":"pages/templates","a":"manuarora700","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/images//startup-landing-simple.png","pc":"manuarora700"},{"id":"21st-template:mdadul__e-commerce-marketplace-template","t":"E-commerce Marketplace Template","d":"An E-commerce marketplace landing page template. ","k":"page","s":"21st","c":"pages/templates","a":"mdadul","pl":"https://cdn.21st.dev/user_2t44nbexIqmWujbi1mger1PcFbX/e-commerce-marketplace-template/preview.png","pc":"mdadul"},{"id":"21st-template:monolythdev__qronos-ai-agent-scheduler-template","t":"Qronos AI Agent Scheduler Template","d":"Qronos is a polished, responsive landing-page template for SaaS, AI, and autonomous agent-related product marketing sites. It pairs a dark, high-contrast visual system with product","k":"page","s":"21st","c":"pages/templates","a":"monolythdev","pl":"https://cdn.21st.dev/user_3EiTTxMOCiZGxbAlgIREvkoJcyF/templates/qronos-ai-agent-scheduler-template/preview-1786452419048.png","pc":"monolythdev"},{"id":"21st-template:monolythdev__shelfy-retail-ai-startup-template","t":"Shelfy Retail AI Startup Template","d":"Shelfy is a high-end, responsive landing page template crafted specifically for deep-tech startups, computer vision platforms, smart warehouse providers, and inventory automation s","k":"page","s":"21st","c":"pages/templates","a":"monolythdev","pl":"https://cdn.21st.dev/user_3EiTTxMOCiZGxbAlgIREvkoJcyF/templates/shelfy-retail-ai-startup-template/preview-1784451178093.png","pc":"monolythdev"},{"id":"21st-template:monuraja11__bubble-12","t":"bubble-12@","d":"bubble-website12","k":"page","s":"21st","c":"pages/templates","a":"monuraja11","pl":"https://cdn.21st.dev/user_2x68uhF9Jb5SjSxGQypKZCETXP8/bubble-12/preview.PNG","pc":"monuraja11"},{"id":"21st-template:nextjsshop__aceai","t":"Aceai","d":"Launch AI products faster with a sleek, modern SaaS foundation.","k":"page","s":"21st","c":"pages/templates","a":"nextjsshop","pl":"https://cdn.21st.dev/user_2zxiDlyxY96s67p94sGoEXo2PsN/templates/aceai/preview-1782387187416.png","pc":"nextjsshop"},{"id":"21st-template:nextjsshop__agent-ai","t":"Agent-AI","d":"Build, Launch & Scale AI Agents Faster with a Production-Ready Next.js Template","k":"page","s":"21st","c":"pages/templates","a":"nextjsshop","pl":"https://cdn.21st.dev/user_2zxiDlyxY96s67p94sGoEXo2PsN/templates/agent-ai/preview-1782388140263.png","pc":"nextjsshop"},{"id":"21st-template:nextjsshop__anox","t":"Anox","d":"Design faster. Launch smarter. Scale without limits.","k":"page","s":"21st","c":"pages/templates","a":"nextjsshop","pl":"https://cdn.21st.dev/user_2zxiDlyxY96s67p94sGoEXo2PsN/templates/anox/preview-1782387338873.webp","pc":"nextjsshop"},{"id":"21st-template:nextjsshop__bookify","t":"Bookify","d":"Dark-Mode E-Commerce & Content Template","k":"page","s":"21st","c":"pages/templates","a":"nextjsshop","pl":"https://cdn.21st.dev/user_2zxiDlyxY96s67p94sGoEXo2PsN/templates/bookify/preview-1782386853191.png","pc":"nextjsshop"},{"id":"21st-template:nextjsshop__bookmark-design","t":"Bookmark Design","d":"A smarter way to collect the web.","k":"page","s":"21st","c":"pages/templates","a":"nextjsshop","pl":"https://cdn.21st.dev/user_2zxiDlyxY96s67p94sGoEXo2PsN/templates/bookmark-design/preview-1782387732032.png","pc":"nextjsshop"},{"id":"21st-template:nextjsshop__connectsphere","t":"ConnectSphere","d":"Mobile App SaaS Landing Template","k":"page","s":"21st","c":"pages/templates","a":"nextjsshop","pl":"https://cdn.21st.dev/user_2zxiDlyxY96s67p94sGoEXo2PsN/templates/connectsphere/preview-1782386550569.png","pc":"nextjsshop"},{"id":"21st-template:nextjsshop__cypon-analytics","t":"Cypon-Analytics","d":"Modern Analytics for Modern Teams.","k":"page","s":"21st","c":"pages/templates","a":"nextjsshop","pl":"https://cdn.21st.dev/user_2zxiDlyxY96s67p94sGoEXo2PsN/templates/cypon-analytics/preview-1782387828783.png","pc":"nextjsshop"},{"id":"21st-template:nextjsshop__deepflow","t":"Deepflow","d":"AI SaaS Landing Page Template","k":"page","s":"21st","c":"pages/templates","a":"nextjsshop","pl":"https://cdn.21st.dev/user_2zxiDlyxY96s67p94sGoEXo2PsN/templates/deepflow/preview-1782386657777.png","pc":"nextjsshop"},{"id":"21st-template:nextjsshop__deo-ecommerce","t":"Deo-Ecommerce","d":"Modern Next.js Ecommerce Template Built for Fast-Growing Brands","k":"page","s":"21st","c":"pages/templates","a":"nextjsshop","pl":"https://cdn.21st.dev/user_2zxiDlyxY96s67p94sGoEXo2PsN/templates/deo-ecommerce/preview-1782387903359.png","pc":"nextjsshop"},{"id":"21st-template:nextjsshop__ecommerce-template","t":"Ecommerce Template","d":"Build high-converting ecommerce experiences effortlessly.","k":"page","s":"21st","c":"pages/templates","a":"nextjsshop","pl":"https://cdn.21st.dev/user_2zxiDlyxY96s67p94sGoEXo2PsN/templates/ecommerce-template/preview-1782387637006.webp","pc":"nextjsshop"},{"id":"21st-template:nextjsshop__evolv-ai","t":"Evolv-Ai","d":"Build smarter AI workflows with speed, clarity, and scale.","k":"page","s":"21st","c":"pages/templates","a":"nextjsshop","pl":"https://cdn.21st.dev/user_2zxiDlyxY96s67p94sGoEXo2PsN/templates/evolv-ai/preview-1782388238151.png","pc":"nextjsshop"},{"id":"21st-template:nextjsshop__fleetops","t":"FleetOps","d":"A modern Next.js landing page template for fleet management SaaS.","k":"page","s":"21st","c":"pages/templates","a":"nextjsshop","pl":"https://cdn.21st.dev/user_2zxiDlyxY96s67p94sGoEXo2PsN/templates/fleetops/preview-1782386953983.png","pc":"nextjsshop"},{"id":"21st-template:nextjsshop__gitlist","t":"Gitlist","d":"Dark-Themed Mobile App SaaS Landing Page","k":"page","s":"21st","c":"pages/templates","a":"nextjsshop","pl":"https://cdn.21st.dev/user_2zxiDlyxY96s67p94sGoEXo2PsN/gitlist/preview.png","pc":"nextjsshop"},{"id":"21st-template:nextjsshop__mosa-ai","t":"Mosa AI","d":"The modern AI assistant template for building smarter conversations and seamless user experiences.","k":"page","s":"21st","c":"pages/templates","a":"nextjsshop","pl":"https://cdn.21st.dev/user_2zxiDlyxY96s67p94sGoEXo2PsN/templates/mosa-ai/preview-1782387983704.png","pc":"nextjsshop"},{"id":"21st-template:nextjsshop__nexflow","t":"Nexflow","d":"Streamline your workflow with a modern validation system.","k":"page","s":"21st","c":"pages/templates","a":"nextjsshop","pl":"https://cdn.21st.dev/user_2zxiDlyxY96s67p94sGoEXo2PsN/templates/nexflow/preview-1782387423999.webp","pc":"nextjsshop"},{"id":"21st-template:nextjsshop__nexuscloud","t":"Nexuscloud","d":"Ship faster with scalable cloud infrastructure that just works.","k":"page","s":"21st","c":"pages/templates","a":"nextjsshop","pl":"https://cdn.21st.dev/user_2zxiDlyxY96s67p94sGoEXo2PsN/templates/nexuscloud/preview-1782387270326.png","pc":"nextjsshop"},{"id":"21st-template:nextjsshop__omega","t":"Omega","d":"Precision meets performance for modern agencies.","k":"page","s":"21st","c":"pages/templates","a":"nextjsshop","pl":"https://cdn.21st.dev/user_2zxiDlyxY96s67p94sGoEXo2PsN/templates/omega/preview-1782387513663.png","pc":"nextjsshop"},{"id":"21st-template:nextjsshop__orbit-mail","t":"Orbit Mail","d":"Build stunning email campaigns with a modern, developer-friendly email template.","k":"page","s":"21st","c":"pages/templates","a":"nextjsshop","pl":"https://cdn.21st.dev/user_2zxiDlyxY96s67p94sGoEXo2PsN/templates/orbit-mail/preview-1782388077950.png","pc":"nextjsshop"},{"id":"21st-template:nextjsshop__personal-portfolio","t":"Personal-Portfolio","d":"Next.js & MDX Powered Developer Website","k":"page","s":"21st","c":"pages/templates","a":"nextjsshop","pl":"https://cdn.21st.dev/user_2zxiDlyxY96s67p94sGoEXo2PsN/personal-portfolio/preview.png","pc":"nextjsshop"},{"id":"21st-template:nextjsshop__thinkscope","t":"ThinkScope","d":"Ready-to-use website and app template.","k":"page","s":"21st","c":"pages/templates","a":"nextjsshop","pl":"https://cdn.21st.dev/user_2zxiDlyxY96s67p94sGoEXo2PsN/templates/thinkscope/preview-1782386745392.png","pc":"nextjsshop"},{"id":"21st-template:openairlabs__multi-step-ai-chat-style-lead-gen-form","t":"Multi Step AI Chat Style Lead Gen Form","d":"A CRO optimised, AI-inspired multi-step form template built with v0, Tailwind CSS, and Next.js—designed for high-converting lead gen, waitlists, surveys, and more.\n\nThis template d","k":"page","s":"21st","c":"pages/templates","a":"openairlabs","pl":"https://cdn.21st.dev/user_2v9Z1YKrVZGo8si21BdRBy53ls5/multi-step-ai-chat-style-lead-gen-form/preview.png","pc":"openairlabs"},{"id":"21st-template:pinakfaldu3748__agent-flow-pro-ai-automation-landing-page-template","t":"AgentFlow Pro - AI Automation Landing Page Template","d":"AgentFlow Pro is a conversion-optimized Next.js landing page template designed specifically for AI automation platforms and SaaS companies.\n\n🚀 Key Features:\n- Modern Tech Stack: Ne","k":"page","s":"21st","c":"pages/templates","a":"pinakfaldu3748","pl":"https://cdn.21st.dev/user_3399iSQId9cz4E0M191iEAIExYE/agent-flow-pro-ai-automation-landing-page-template/preview.png","pc":"pinakfaldu3748"},{"id":"21st-template:rockgaming755__b2b-for-your-next-business","t":"B2B For Your next business","d":"We are an award-winning studio pushing the boundaries of strategy, design, and engineering to build digital products people love.","k":"page","s":"21st","c":"pages/templates","a":"rockgaming755","pl":"https://cdn.21st.dev/user_36QZpYRIEz37wEDJm37FU07Ezlh/templates/b2b-for-your-next-business/preview-1786448064579.png","pc":"rockgaming755"},{"id":"21st-template:rockgaming755__portfolio-2026","t":"portfolio 2026","d":"are you watching for portfolio. waiting are over!!!","k":"page","s":"21st","c":"pages/templates","a":"rockgaming755","pl":"https://cdn.21st.dev/user_36QZpYRIEz37wEDJm37FU07Ezlh/templates/portfolio-2026/preview-1782816379162.png","pc":"rockgaming755"},{"id":"21st-template:ruixen.ui__folio-open-source-data-intelligence-landing-template","t":"Folio — Open Source Data Intelligence Landing Template","d":"Production-grade Next.js 15 landing template for open-source data intelligence, BI, and AI-charting products. Hero with embedded dashboard preview, Bento feature grid, animated Fea","k":"page","s":"21st","c":"pages/templates","a":"ruixen.ui","pl":"https://cdn.21st.dev/user_2y5Wd5l713ZIFYjX19aZXSyXd6b/templates/folio-open-source-data-intelligence-landing-template/preview-1782463876385.png","pc":"ruixen.ui"},{"id":"21st-template:ruixen.ui__portfolio-developer-portfolio-blog-component-registry-free","t":"Portfolio — Developer Portfolio + Blog + Component Registry (Free)","d":"Free, MIT-licensed Next.js 15 portfolio monorepo with blog (MDX), project showcase, GitHub heatmap, vCard, PWA, JSON-LD SEO, and a built-in shadcn-compatible component registry.","k":"page","s":"21st","c":"pages/templates","a":"ruixen.ui","pl":"https://cdn.21st.dev/user_2y5Wd5l713ZIFYjX19aZXSyXd6b/templates/portfolio-developer-portfolio-blog-component-registry-free/preview-1782976365586.png","pc":"ruixen.ui"},{"id":"21st-template:ruixen.ui__vertex-ai-workflow-automation-landing-template","t":"Vertex — AI Workflow Automation Landing Template","d":"Production-grade Next.js 15 landing page for AI workflow automation products. 10+ pre-built sections (hero with rotating CRM cards, features, pricing comparison, testimonials, FAQ,","k":"page","s":"21st","c":"pages/templates","a":"ruixen.ui","pl":"https://cdn.21st.dev/user_2y5Wd5l713ZIFYjX19aZXSyXd6b/templates/vertex-ai-workflow-automation-landing-template/preview-1782463534802.png","pc":"ruixen.ui"},{"id":"21st-template:sean0205__metronic-all-in-one-tailwind-react-next-js-templates-components","t":"Metronic - All-in-One Tailwind, React, Next.js Templates & Components","d":"A complete toolkit of 1000+ UI components built with Tailwind 4 for React, Next.js based on shadn/ui and ReUI libraries to build scalable web apps faster than ever.","k":"page","s":"21st","c":"pages/templates","a":"sean0205","pl":"https://cdn.21st.dev/user_2wpPk1CyWKAxM46S7k5UoCQhmqF/metronic-all-in-one-tailwind-react-next-js-templates-components/preview.png","pc":"sean0205"},{"id":"21st-template:sean0205__saasify-product-marketing-template","t":"SaaSify - Product Marketing Template","d":"SaaSify a landing page template for SaaS products built with Next.js and Tailwind using Shadcn, MagicUI and ReUI components.","k":"page","s":"21st","c":"pages/templates","a":"sean0205","pl":"https://cdn.21st.dev/user_2wpPk1CyWKAxM46S7k5UoCQhmqF/saasify-product-marketing-template/preview.png","pc":"sean0205"},{"id":"21st-template:sean0205__supastart-nextjs-supabase-boilerplate","t":"Supastart - Next.js Supabase Boilerplate","d":"Next.js starterkit with Supabase auth and  fully functional User Management CRUD app.","k":"page","s":"21st","c":"pages/templates","a":"sean0205","pl":"https://cdn.21st.dev/user_2wpPk1CyWKAxM46S7k5UoCQhmqF/supastart-nextjs-supabase-boilerplate/preview.png","pc":"sean0205"},{"id":"21st-template:senommu__alpha-motoko-ui","t":"Alpha Motoko UI","d":"A premium React landing page template for modern SaaS products. Built with Next.js 15, React 19, Tailwind CSS v4, shadcn/ui, and Motion. Designed for startups, AI tools, developer ","k":"page","s":"21st","c":"pages/templates","a":"senommu","pl":"https://cdn.21st.dev/user_39720J8FZrHCoGeL23ljF4x20L3/templates/alpha-motoko-ui/preview-1785380300098.png","pc":"senommu"},{"id":"21st-template:senommu__homlu-admin-react-dashboard-template","t":"Dash by Motoko UI","d":"A polished SaaS admin UI you can run today — auth, analytics, CRM-style modules, and a custom design system included.\n\nWhat’s inside\n\n- 🔐  Clerk auth — sign-in, sign-up, OTP, forgo","k":"page","s":"21st","c":"pages/templates","a":"senommu","pl":"https://cdn.21st.dev/user_39720J8FZrHCoGeL23ljF4x20L3/templates/homlu-admin-react-dashboard-template/preview-1786266894661.png","pc":"senommu"},{"id":"21st-template:serafimcloud__able-pro-bootstrap-tailwind-react-next-js-angular-vue-asp-la","t":"Able Pro (Bootstrap, Tailwind, React, Next.js, Angular, Vue, ASP, Laravel Admin Template)","d":"CodedThemes' flagship multi-framework premium admin dashboard, shipping across Bootstrap, Tailwind, React, Next.js, Angular, Vue, ASP and Laravel with extensive prebuilt pages and ","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/able-pro-bootstrap-tailwind-react-next-js-angular-vue-asp-la/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__able-pro-next-js-mui-react-admin-template","t":"Able Pro Next.js MUI React Admin Template","d":"Next.js and Material-UI React build of the Able Pro admin dashboard with a large library of ready-to-use pages and UI components.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/able-pro-next-js-mui-react-admin-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__agenforce-marketing-template","t":"Agenforce Marketing Template","d":"A marketing template for multiple use cases including AI agents, agencies, chatbots and SaaS, with delightful micro-interactions and animations.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/agenforce-marketing-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__agenta","t":"Agenta","d":"Futuristic landing page for a neural-augmentation / brain-computer-interface AI product, with hero, feature sections and tiered subscription pricing. Aesthetically dense, detail-ri","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/agenta/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__ai-agent-template","t":"AI Agent Template","d":"A landing page template for an AI agent / B2B AI automation startup (showcased as \"SkyAgent\"), aimed at teams using an AI assistant to automate workflows and repetitive tasks.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/ai-agent-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__aispace","t":"AISpace","d":"Modern React AI SaaS landing page template aimed at AI and developer tool products.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/aispace/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__alt-text-generator","t":"Alt Text Generator","d":"Generate image descriptions (alt text) using AI.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/alt-text-generator/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__appspace","t":"AppSpace","d":"Modern React mobile app landing page template for SaaS and mobile app products.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/appspace/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__appy","t":"Appy","d":"A dark and white website template designed for showcasing mobile apps. Available in HTML, Next.js, Vue, and Figma.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/appy/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__argon-dashboard-pro-react","t":"Argon Dashboard PRO React","d":"Premium React + Reactstrap (Bootstrap 4) admin dashboard with 200+ components, plugins and example pages for building admin interfaces.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/argon-dashboard-pro-react/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__argon-dashboard-react","t":"Argon Dashboard React","d":"Free open-source dashboard built with React, Reactstrap and Bootstrap 4, featuring over 100 prebuilt components and example pages.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/argon-dashboard-react/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__berry-free-mui-react-admin-template","t":"Berry Free MUI React Admin Template","d":"The free React (Material-UI) edition of Berry, a modern responsive admin dashboard with a flexible component-driven design.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/berry-free-mui-react-admin-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__better-auth-postgres","t":"Better Auth Postgres","d":"Multi-tenant, organization-based Next.js SaaS starter combining Better Auth for authentication, Drizzle ORM with PostgreSQL, and Stripe for subscription billing and team management","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/better-auth-postgres/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__bizspace","t":"BizSpace","d":"React business and consulting website template for agencies, with services, process, and testimonials sections.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/bizspace/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__black-dashboard-react","t":"Black Dashboard React","d":"Free React admin dashboard built with Reactstrap and Bootstrap 4, with dark/light modes and components geared toward data visualization.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/black-dashboard-react/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__blog-template","t":"Blog Template","d":"A fully customizable blog template with integrated MDX support for publishing articles and posts.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/blog-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__bookkeeper-react-accounting-template","t":"Bookkeeper - React Accounting Template","d":"Ready-to-use accounting and bookkeeping app built with React, Node.js and PostgreSQL, with general ledger, accounts receivable and analytics dashboards for SMBs.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/bookkeeper-react-accounting-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__buoustore-next-starter-kit","t":"BuouStore Next Starter Kit","d":"E-commerce focused Next.js starter kit with a storefront, order management, admin dashboard, Stripe payments, and animations. Built with Next.js, TypeScript, Tailwind CSS, and Pris","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/buoustore-next-starter-kit/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__chadnext-starter","t":"ChadNext","d":"A quick Next.js starter bundling shadcn/ui, Lucia auth, Prisma, server actions, and Stripe. Includes internationalization and file uploads to speed up new projects.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/chadnext-starter/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__changelog-template","t":"Changelog Template","d":"A changelog / product-updates template for documenting version releases and feature improvements over time.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/changelog-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__chatbot-ui","t":"Chatbot UI","d":"A ChatGPT-style, browser-based chatbot interface.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/chatbot-ui/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__chatbot","t":"Chatbot","d":"A full-featured, hackable Next.js AI chatbot built by Vercel using the AI SDK.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/chatbot/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__cms-dashboard","t":"CMS Dashboard","d":"React dashboard template for content and subscription platforms, with content management and admin views.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/cms-dashboard/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__codeforge-template","t":"Codeforge Template","d":"A landing page template for an AI-powered code generation / developer tool, with sections geared toward shipping production code faster via AI (code writing, reviews, testing, refa","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/codeforge-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__community","t":"Community","d":"A beautiful forum template fit for any community and tech news portal. Available in HTML, Next.js, Vue, and Figma.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/community/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__coreui-free-react-admin-template","t":"CoreUI Free React Admin Template","d":"Open-source React 19 and Bootstrap 5 admin dashboard with pre-built components, dark/light modes and responsive layouts optimized for AI-assisted development. Free and open-source.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/coreui-free-react-admin-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__coreui-pro-react-admin-template","t":"CoreUI PRO React Admin Template","d":"Premium React 19 and Bootstrap 5 admin dashboard with 250+ customizable UI components, four pre-designed themes and responsive design, eliminating third-party dependencies. Standar","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/coreui-pro-react-admin-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__creative-tim-material-dashboard-react","t":"Material Dashboard 2 React","d":"A free React admin dashboard built on MUI with Material Design, charts, and example pages. Free with a paid Pro version.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/creative-tim-material-dashboard-react/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__creative","t":"Creative","d":"The perfect landing page template for launching communities and creative sites. Available in HTML, Next.js, Vue, and Figma.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/creative/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__cruip-mosaic-lite-react","t":"Mosaic Lite","d":"A free admin dashboard template from Cruip built in React and Tailwind CSS. Includes charts, tables, and a responsive layout for analytics interfaces.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/cruip-mosaic-lite-react/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__cruip-mosaic-pro","t":"Mosaic","d":"A premium admin dashboard template from Cruip built in React and Tailwind CSS. Bundles many prebuilt analytics, ecommerce, and settings views for building back offices.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/cruip-mosaic-pro/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__cruip-open-react-template","t":"Open React Template","d":"A free dark-themed landing page from Cruip built in Next.js and Tailwind CSS. Designed to showcase open-source projects, SaaS products, and online services.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/cruip-open-react-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__cruip-simple-light","t":"Simple Light","d":"A free light-themed landing page template from Cruip, coded in Next.js and Tailwind CSS. Provides the core sections needed for a SaaS or product marketing page.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/cruip-simple-light/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__cryptgen-marketing-template","t":"Cryptgen Marketing Template","d":"A single-page, modern and responsive marketing template with a bento grid, testimonials, features and a call to action. SEO-optimized with microinteractions.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/cryptgen-marketing-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__cube","t":"Cube","d":"A fabulous landing page template for quickly iterating on ideas, startups, and software. Available in HTML, Next.js, Vue, and Figma.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/cube/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__cult-seo-v2-0","t":"Cult SEO v2.0","d":"A website crawler that grades performance and generates AI-powered improvement recommendations, intended as a base for building your own SEO analysis tool.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/cult-seo-v2-0/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__dashboardkit-free-react-admin-template","t":"DashboardKit Free React Admin Template","d":"A free React admin dashboard starter with essential analytics widgets, UI components and prebuilt pages.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/dashboardkit-free-react-admin-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__datta-able-free-next-js-tailwind-admin-template","t":"Datta Able Free Next.js Tailwind Admin Template","d":"A free admin dashboard built with Next.js and Tailwind CSS, featuring light/dark mode, RTL support and ready-made dashboard and auth pages.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/datta-able-free-next-js-tailwind-admin-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__datta-able-react-free-admin-template","t":"Datta Able React Free Admin Template","d":"A free React admin dashboard template from the Datta Able family with a modern dashboard, UI components and authentication pages.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/datta-able-react-free-admin-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__devfolio","t":"DevFolio","d":"A modern one-page portfolio to show off a developer's experience, projects, and more. Available in HTML, Next.js, Vue, and Figma.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/devfolio/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__devspace","t":"DevSpace","d":"A gorgeous personal blog template to share your thoughts and ideas. Available in HTML, Next.js, Vue, and Figma.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/devspace/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__docs","t":"Docs","d":"Create comprehensive product docs with this handy documentation template. Available in HTML, Next.js, Vue, and Figma.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/docs/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__ecommerce-react-template","t":"Ecommerce React Template","d":"Turnkey online store with a React frontend, Node.js backend and PostgreSQL, including product listings, a blog CMS, Stripe payments, authentication and an admin dashboard. Original","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/ecommerce-react-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__file-manager","t":"File Manager","d":"React cloud file management dashboard template for SaaS and team tools, with file storage, sharing, and activity tracking.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/file-manager/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__fincash","t":"Fincash","d":"React fintech website template built for digital wallets, payment apps, and personal finance platforms, with a complete website structure and reusable components.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/fincash/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__fintech","t":"FinTech","d":"A stylish landing page perfect for showcasing modern apps and services. Available in HTML, Next.js, Vue, and Figma.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/fintech/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__flatlogic-one-react-template","t":"Flatlogic One React Template","d":"React admin template and theme with hundreds of components and pages for building dashboards and internal tools.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/flatlogic-one-react-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__flexy-free-next-js-admin-template-flexy-lite","t":"Flexy Free Next.js Admin Template (Flexy Lite)","d":"A free, sleek Next.js admin dashboard template built on Material UI and TypeScript, ready for personal or commercial use.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/flexy-free-next-js-admin-template-flexy-lite/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__fundex","t":"Fundex","d":"React finance dashboard template for personal finance tools, with charts and account/metrics views.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/fundex/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__gradient-able-reactjs-free-admin-template","t":"Gradient Able Reactjs Free Admin Template","d":"A free React admin dashboard template featuring a gradient-styled UI, charts and prebuilt pages.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/gradient-able-reactjs-free-admin-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__gray","t":"Gray","d":"Showcase your product in style with this black and white landing page template. Available in HTML, Next.js, Vue, and Figma.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/gray/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__greenhome","t":"Greenhome","d":"A real estate and property website template. Designed for property listings and real estate agencies to showcase homes.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/greenhome/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__hikari-saas-starter","t":"Hikari","d":"An open-source SaaS starter on Next.js with Stripe billing and Supabase auth and database. Uses the App Router and ships with subscription and account management flows.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/hikari-saas-starter/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__horizon-ai-boilerplate-pro-shadcn-ui-nextjs","t":"Horizon AI Boilerplate PRO (shadcn/ui + NextJS)","d":"Premium @shadcn/ui + NextJS 14 AI SaaS boilerplate with Stripe payments, Supabase auth and OAuth, 100+ components and 20+ pages. This is the paid PRO upgrade of the free open-sourc","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/horizon-ai-boilerplate-pro-shadcn-ui-nextjs/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__horizon-ai-template","t":"Horizon AI Template","d":"OpenAI ChatGPT admin dashboard, chatbot and AI starter kit for React, NextJS and Chakra UI with 27+ ready-to-use pages. Premium one-time price observed around $79 (distinct from th","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/horizon-ai-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__horizon-ui-pro","t":"Horizon UI PRO","d":"Premium React admin dashboard template built on Chakra UI with 400+ components and 46+ fully coded pages (NFT, auth, profile, e-commerce). Tiered licensing: Personal $59, Teams $15","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/horizon-ui-pro/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__ixartz-nextjs-boilerplate","t":"Next.js Boilerplate by ixartz","d":"A production-ready Next.js starter with TypeScript, Tailwind CSS, Drizzle ORM, and Clerk auth. Comes preconfigured with Vitest, Playwright, Storybook, and error monitoring.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/ixartz-nextjs-boilerplate/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__jetship-next-js-starter-kit-pro","t":"Jetship Next.js Starter Kit - PRO","d":"Next.js SaaS starter kit with Tailwind CSS, authentication, billing, and prebuilt SaaS pages.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/jetship-next-js-starter-kit-pro/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__jobboard","t":"JobBoard","d":"A trendy job board template to kick-start your jobs directory business. Available in HTML, Next.js, Vue, and Figma.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/jobboard/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__jobhire","t":"Jobhire","d":"A job board website template built with Next.js. Designed for listing job openings and recruiting/hiring platforms.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/jobhire/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__light-able-react-next-js-vue-angular-bootstrap-laravel-nodej","t":"Light Able (React, Next.js, Vue, Angular, Bootstrap, Laravel, NodeJS, Django, ASP, CakePHP, MVC5, Figma)","d":"A light, clean multi-framework admin dashboard template available across React, Next.js, Vue, Angular, Bootstrap, Laravel, Node.js, Django, ASP, CakePHP, MVC5 and Figma.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/light-able-react-next-js-vue-angular-bootstrap-laravel-nodej/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__light-blue-react","t":"Light Blue React","d":"React admin dashboard template with a distinctive semi-transparent design and a large set of prebuilt UI components.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/light-blue-react/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__lume","t":"Lume","d":"SaaS landing page for an AI productivity / agent platform whose models understand context across conversations and automate workflows. Includes tiered pricing from free to enterpri","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/lume/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__magic-portfolio-for-next-js","t":"Magic Portfolio for Next.js","d":"A creative portfolio boilerplate featuring projects, blog, and gallery with SEO optimization.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/magic-portfolio-for-next-js/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__mantis-free-mui-react-admin-template","t":"Mantis Free MUI React Admin Template","d":"A free React admin dashboard built on Material-UI with a clean, modern design and a set of starter dashboard pages.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/mantis-free-mui-react-admin-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__matdash-free-tailwind-next-js-admin-template","t":"MatDash Free Tailwind Next.js Admin Template","d":"Easy-to-use free Next.js + Tailwind admin dashboard template to build web apps faster.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/matdash-free-tailwind-next-js-admin-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__matdash-free-tailwind-react-dashboard","t":"Matdash Free Tailwind React Dashboard","d":"High-quality free React + Tailwind dashboard template; modern, responsive, and SEO-friendly.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/matdash-free-tailwind-react-dashboard/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__matdash-tailwind-next-js-admin-template-ai-prompt","t":"MatDash Tailwind Next.js Admin Template + AI-Prompt","d":"Powerful, developer-friendly Next.js + Tailwind admin template with AI-prompt support.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/matdash-tailwind-next-js-admin-template-ai-prompt/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__matdash-tailwind-react-admin-template-ai-prompt","t":"MatDash Tailwind React Admin Template + AI-Prompt","d":"Developer-friendly, multipurpose React + Tailwind admin panel template with AI-prompt support.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/matdash-tailwind-react-admin-template-ai-prompt/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__material-dashboard-3-pro-react","t":"Material Dashboard 3 PRO React","d":"Premium React + Material-UI admin dashboard with a large set of components, plugins and example pages for production admin apps.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/material-dashboard-3-pro-react/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__material-kit-2-pro-react","t":"Material Kit 2 PRO React","d":"Premium React + Material-UI design system for building marketing and landing pages, with extensive sections and example pages.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/material-kit-2-pro-react/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__material-kit-2-react","t":"Material Kit 2 React","d":"Free MUI design system for React with over 40 frontend elements and prebuilt blocks and example pages; includes Figma files.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/material-kit-2-react/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__material-tailwind-dashboard-react","t":"Material Tailwind Dashboard React","d":"A free admin dashboard built with React, Tailwind CSS, and the Material Tailwind component library. Open source with a paid Pro version.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/material-tailwind-dashboard-react/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__materially-free-reactjs-admin-template","t":"Materially Free Reactjs Admin Template","d":"A free Material Design React admin dashboard template with analytics widgets and a clean responsive layout.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/materially-free-reactjs-admin-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__materialm-free-next-js-tailwind-admin-template","t":"MaterialM Free Next.js Tailwind Admin Template","d":"A free Next.js 16 + Tailwind admin template based on ShadCN UI, offering a comprehensive set of dashboard pages and components for modern apps.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/materialm-free-next-js-tailwind-admin-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__materialm-free-tailwind-react-admin-template","t":"MaterialM Free Tailwind React Admin Template","d":"A free React admin template built with Tailwind CSS, Flowbite React, TypeScript and ApexCharts, inspired by Google's Material Design 3 for a modern aesthetic.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/materialm-free-tailwind-react-admin-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__materialm-tailwind-react-admin-template-pro","t":"MaterialM Tailwind React Admin Template (Pro)","d":"Premium React admin template built with Tailwind CSS and Material Design 3 styling, offering an extended set of dashboards, apps and components.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/materialm-tailwind-react-admin-template-pro/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__materio-mui-nextjs-admin-free","t":"Materio MUI NextJS Admin - Free","d":"Free Material UI Next.js admin dashboard template.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/materio-mui-nextjs-admin-free/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__materio-mui-nextjs-admin-pro","t":"Materio MUI NextJS Admin - Pro","d":"Premium Material UI Next.js admin dashboard template with rich components and layouts.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/materio-mui-nextjs-admin-pro/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__minimal-portfolio-template","t":"Minimal Portfolio Template","d":"An elegant, feature-rich portfolio website template with a minimalistic center-aligned design and tasteful microinteractions. Built with Next.js 15 and React 19.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/minimal-portfolio-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__modernize-free-mui-next-js-admin-template","t":"Modernize Free MUI Next Js Admin Template","d":"Easy-to-use free Next.js (MUI) admin dashboard template to build web apps faster.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/modernize-free-mui-next-js-admin-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__modernize-free-react-mui-dashboard","t":"Modernize Free React MUI Dashboard","d":"Free React + MUI admin dashboard template with a professional layout and easy customization for faster development.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/modernize-free-react-mui-dashboard/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__modernize-free-tailwind-next-js-admin-dashboard","t":"Modernize Free Tailwind Next.js Admin Dashboard","d":"Free Tailwind + Next.js admin dashboard template (free tier of Modernize Pro).","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/modernize-free-tailwind-next-js-admin-dashboard/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__modernize-next-js-16-admin-dashboard","t":"Modernize Next Js 16 Admin Dashboard","d":"Powerful, developer-friendly Next.js 16 admin dashboard template for building web apps faster.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/modernize-next-js-16-admin-dashboard/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__modernize-next-js-tailwind-dashboard-template","t":"Modernize Next.js Tailwind Dashboard Template","d":"A premium Tailwind + Next.js dashboard template with light and dark skins, well-designed dashboards, applications and pages, bundled with an AI prompt.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/modernize-next-js-tailwind-dashboard-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__modernize-react-mui-dashboard-theme","t":"Modernize React MUI Dashboard Theme","d":"Premium React + Material UI admin template; AdminMart's most powerful, developer-friendly MUI dashboard.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/modernize-react-mui-dashboard-theme/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__modernize-tailwind-and-next-js-dashboard-template-ai-prompt","t":"Modernize Tailwind and Next.js Dashboard Template + AI-Prompt","d":"Powerful Next.js admin panel built with Tailwind CSS, including AI-prompt support, to build apps faster.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/modernize-tailwind-and-next-js-dashboard-template-ai-prompt/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__monster-bootstrap-5-react-angular-vue-next-js-admin-template","t":"Monster Bootstrap 5, React, Angular, Vue & Next.js Admin Template (Pro)","d":"Premium multi-framework admin template (Bootstrap 5, React, Angular, Vue and Next.js) with a comprehensive set of dashboards, apps and UI components.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/monster-bootstrap-5-react-angular-vue-next-js-admin-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__morphic-ai-powered-answer-engine","t":"Morphic: AI-powered answer engine","d":"An AI-powered answer engine with generative UI capabilities.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/morphic-ai-powered-answer-engine/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__next-js-commerce-medusa-medusa-next-js-ecommerce-store-start","t":"Next.js Commerce (Medusa) - Medusa Next.js Ecommerce Store Starter","d":"An ecommerce store built with Next.js App Router, Medusa, and TailwindCSS, featuring Algolia search and Stripe checkout.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/next-js-commerce-medusa-medusa-next-js-ecommerce-store-start/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__next-js-contentlayer-blog-starter","t":"Next.js Contentlayer Blog Starter","d":"A blog template with Next.js 13 App Router, Contentlayer, Tailwind CSS, and dark mode.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/next-js-contentlayer-blog-starter/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__next-shadcn-dashboard-starter","t":"Next.js Shadcn Dashboard Starter","d":"An open-source admin dashboard built on Next.js and shadcn/ui with charts, data tables, and forms. Includes Clerk auth and a feature-based folder structure.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/next-shadcn-dashboard-starter/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__nextjs-material-dashboard-2-pro","t":"NextJS Material Dashboard 2 PRO","d":"Premium Next.js admin dashboard built on Material-UI with many components and example pages, optimized for server-rendered React apps.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/nextjs-material-dashboard-2-pro/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__nextjs-saas-starter","t":"Next.js SaaS Starter","d":"An official SaaS starter from the Next.js team with authentication, Stripe subscriptions, and a logged-in dashboard. Uses Postgres with Drizzle ORM and shadcn/ui.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/nextjs-saas-starter/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__nextly","t":"Nextly","d":"A free landing page template for startups and SaaS products. Ready-made marketing landing page sections built with Next.js.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/nextly/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__nextra-docs-starter-kit","t":"Nextra: Docs Starter Kit","d":"A simple, powerful, flexible markdown-powered docs site built with Next.js (Nextra).","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/nextra-docs-starter-kit/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__nodus-agent-template","t":"Nodus Agent Template","d":"A clean, minimal and modern template focused on startups building AI agents and AI chatbots. Built with Next.js 15, React 19 and Tailwind CSS 4.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/nodus-agent-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__notus-nextjs","t":"Notus NextJS","d":"Free Tailwind CSS and Next.js UI kit and admin template with over 100 individual components, plus presentation and dashboard example pages.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/notus-nextjs/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__notus-react","t":"Notus React","d":"Free Tailwind CSS and React UI kit and admin with over 100 prebuilt components and example pages for building modern web apps and dashboards.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/notus-react/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__open-pro","t":"Open PRO","d":"A dark and sleek SaaS website template to show off your startup or software. Available in HTML, Next.js, Vue, and Figma.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/open-pro/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__originix","t":"Originix","d":"React startup and business website template for growing companies, with pre-built sections for services, testimonials, blog, and lead capture.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/originix/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__payload-website-starter","t":"Payload Website Starter","d":"A production-ready website built with Payload, the Next.js-native CMS.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/payload-website-starter/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__platforms-starter-kit","t":"Platforms Starter Kit","d":"Next.js template for building multi-tenant applications with the App Router and Redis.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/platforms-starter-kit/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__podcast","t":"Podcast","d":"A fabulous podcast website template for hosting and sharing your shows. Available in HTML, Next.js, Vue, and Figma.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/podcast/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__polar-subscription","t":"Polar Subscription","d":"Next.js landing page and blog with Supabase auth/database and Polar subscription integration, plus SEO optimization.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/polar-subscription/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__postly","t":"Postly","d":"SaaS landing page for a social media management platform that schedules posts, manages multiple accounts and tracks analytics across major networks. Productivity-tool dashboard sty","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/postly/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__precedent-nextjs-starter","t":"Precedent","d":"An opinionated collection of components, hooks, and utilities for Next.js by Steven Tey. Bundles Tailwind CSS, Radix, Framer Motion, and Clerk auth to bootstrap projects fast.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/precedent-nextjs-starter/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__primer","t":"Primer","d":"A production-ready info product template built with Tailwind CSS and Next.js, designed for stunning landing pages to sell your first course or ebook.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/primer/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__productized-agency-template","t":"Productized Agency Template","d":"Modern template for productized agencies to showcase services, packages, and pricing with a clean, conversion-focused design. Built with Next.js, React 19 and Tailwind CSS 4.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/productized-agency-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__quoty","t":"Quoty","d":"Impress your freelance clients with this elegant quote and invoice template. Available in HTML, Next.js, Vue, and Figma.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/quoty/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__react-dashboard","t":"React Dashboard","d":"Free and open-source React admin dashboard template with a clean starter layout and core components.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/react-dashboard/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__react-material-admin-full","t":"React Material Admin Full","d":"React admin and dashboard template built with Material-UI, with hundreds of ready-to-use components and pages. Originally a $99+ premium product, free since January 2025.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/react-material-admin-full/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__react-native-starter","t":"React Native Starter","d":"Cross-platform mobile application starter built with React Native, shipping with dozens of ready-to-use components, pages and theme support for iOS and Android.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/react-native-starter/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__remix-dashboard-template","t":"Remix Dashboard Template","d":"A starter for building a dashboard application with Remix, including routing and a layout shell. Free and open source.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/remix-dashboard-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__remix-mdx-blog-starter","t":"Remix Blog Starter (MDX)","d":"A technical blogging starter for Remix and Tailwind CSS using MDX, with tags and customizable layouts. Free and open source.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/remix-mdx-blog-starter/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__saasable-free-mui-react-ui-kit-with-dashboard-template","t":"SaasAble Free MUI React UI Kit with Dashboard Template","d":"A free Material-UI React UI kit that includes both landing-page components and a starter dashboard template for SaaS applications.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/saasable-free-mui-react-ui-kit-with-dashboard-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__saasable-mui-next-js-dashboard-template","t":"SaasAble MUI Next.js Dashboard Template","d":"A SaaS-focused dashboard template built with Next.js and Material-UI, geared toward launching SaaS apps with marketing landings and an admin dashboard.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/saasable-mui-next-js-dashboard-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__saasfly","t":"Saasfly","d":"A complete, open-source solution for building SaaS applications quickly and easily.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/saasfly/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__saasspace","t":"SaasSpace","d":"Modern React SaaS landing page template for software platforms and products.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/saasspace/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__schedule-marketing-template","t":"Schedule Marketing Template","d":"An elegant marketing template for scheduling and booking appointments, featuring bento grids and a modern responsive design. Built with Next.js 15 and Tailwind CSS 4.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/schedule-marketing-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__shoplit-next-js-boilerplate","t":"Shoplit - Next.js Boilerplate","d":"A production-ready e-commerce admin panel built with ReUI components, Next.js and TypeScript, blending frontend and backend logic with PostgreSQL and Prisma ORM.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/shoplit-next-js-boilerplate/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__simple","t":"Simple","d":"A clean and simple website template for displaying any app or idea. Available in HTML, Next.js, Vue, and Figma.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/simple/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__simplistic-saas-template","t":"Simplistic SaaS Template","d":"A SaaS template designed for AI and agentic startups, featuring bento grids with rich illustrations and microinteractions. Includes dark mode and mobile responsiveness.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/simplistic-saas-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__sing-app-react","t":"Sing App React","d":"React admin dashboard template with a clean, modern UI and many prebuilt pages for building business software applications.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/sing-app-react/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__sneat-mui-nextjs-admin-pro","t":"Sneat MUI NextJS Admin - Pro","d":"Premium Material UI Next.js admin dashboard template with many layouts and pages.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/sneat-mui-nextjs-admin-pro/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__sofia-react-full","t":"Sofia React Full","d":"React admin template based on Bootstrap and Material-UI, combining both design systems into a single dashboard starter.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/sofia-react-full/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__soft-ui-dashboard-pro-react","t":"Soft UI Dashboard PRO React","d":"Premium React + Material-UI admin dashboard in the Soft UI style, with 300+ components, multiple dashboards and example pages.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/soft-ui-dashboard-pro-react/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__soft-ui-dashboard-react","t":"Soft UI Dashboard React","d":"Free React + Material-UI admin template with over 70 individual elements and prebuilt design blocks to go from prototype to production.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/soft-ui-dashboard-react/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__sonae","t":"Sonae","d":"B2B SaaS marketing site for a multi-model AI agent platform aimed at developers, integrating providers like Claude, OpenAI and Gemini in one workspace to build, deploy and manage a","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/sonae/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__spike-free-next-js-admin-template","t":"Spike Free Next.js Admin Template","d":"A free Next.js admin dashboard template from the Spike family with a clean layout and reusable components for quickly setting up an admin interface.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/spike-free-next-js-admin-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__spike-free-react-tailwind-admin-template","t":"Spike Free React Tailwind Admin Template","d":"A free React + Tailwind CSS admin dashboard template with ready-to-use dashboards and UI elements. A solid starting point for building modern web applications.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/spike-free-react-tailwind-admin-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__spike-next-js-admin-template-pro","t":"Spike Next.js Admin Template (Pro)","d":"Premium Next.js admin dashboard template from the Spike line with a large library of dashboard pages, applications and components.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/spike-next-js-admin-template-pro/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__spike-react-tailwind-admin-template-pro","t":"Spike React Tailwind Admin Template (Pro)","d":"Premium React + Tailwind admin dashboard template with extensive pre-built dashboards, apps and UI components for production web applications.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/spike-react-tailwind-admin-template-pro/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__spike-tailwind-admin-free","t":"Spike Free Tailwind Admin","d":"A free Tailwind CSS admin dashboard template with a clean layout, charts, and sample pages. Open source with a paid Pro version.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/spike-tailwind-admin-free/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__start-react-pro","t":"Start React Pro","d":"A React + Bootstrap 5 admin dashboard template with an extended aside panel, grid view and data tools, shipping 50+ customizable UI components and built with React Router, Redux an","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/start-react-pro/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__storely-next-js-template","t":"Storely - Next.js Template","d":"A shop client (storefront) app built with ReUI components, Next.js and Tailwind 4, backed by a PostgreSQL database and Prisma ORM for a complete e-commerce experience.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/storely-next-js-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__stripe-subscription-starter","t":"Stripe Subscription Starter","d":"An all-in-one subscription starter kit for high-performance SaaS applications, powered by Stripe, Supabase, and Vercel.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/stripe-subscription-starter/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__summit-next-js-app-template","t":"Summit - Next.js App Template","d":"A Next.js 15 / React 19 app template built with Shadcn, ReUI and Tailwind, featuring a Reddit-style layout with sidebars, feed list, account management and messaging. Includes dark","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/summit-next-js-app-template/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__sveltekit-saas-kit","t":"SvelteKit SaaS Kit","d":"A free SaaS template built with SvelteKit, Supabase, and shadcn-svelte covering sign-up, OAuth, email verification, and account management. Open source.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/sveltekit-saas-kit/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__synth-ai","t":"Synth AI","d":"React AI website template for AI business assistant platforms, with features, pricing, and FAQ sections.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/synth-ai/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tailadmin-html","t":"TailAdmin","d":"A free Tailwind CSS admin dashboard template in plain HTML with charts, forms, and pre-built application pages. Free with a paid Pro tier.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tailadmin-html/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tailgrids-ai-chat","t":"AI Chat","d":"An AI chat application UI from TailGrids built in React and Tailwind CSS. Provides a conversation interface with message threads and a composer.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tailgrids-ai-chat/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tailgrids-dashspace","t":"DashSpace","d":"An admin dashboard template from TailGrids built in React and Tailwind CSS. Provides charts, tables, and settings pages for building admin panels.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tailgrids-dashspace/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tailgrids-lytic","t":"Lytic","d":"An analytics dashboard template from TailGrids built in React and Tailwind CSS. Focuses on data visualization with charts and metric cards.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tailgrids-lytic/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tailgrids-neoxa","t":"Neoxa","d":"A SaaS dashboard template from TailGrids built in React and Tailwind CSS. Includes analytics widgets and management views for a back-office interface.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tailgrids-neoxa/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tailgrids-nexstudio","t":"NexStudio","d":"A creative agency marketing template from TailGrids built in React and Tailwind CSS. Includes portfolio, services, and contact sections for studio websites.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tailgrids-nexstudio/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tailgrids-saasly","t":"SaaSly","d":"A SaaS marketing template from TailGrids built in React and Tailwind CSS. Provides hero, feature, pricing, and testimonial sections for a software product site.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tailgrids-saasly/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tailgrids-techself","t":"TechSelf","d":"An ecommerce storefront template from TailGrids built in React and Tailwind CSS. Includes product listings, cart, and checkout layouts for an online shop.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tailgrids-techself/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tailgrids-writemate-ai","t":"WriteMate AI","d":"An AI product marketing template from TailGrids built in React and Tailwind CSS. Designed to promote an AI writing tool with feature and pricing sections.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tailgrids-writemate-ai/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tailwind-nextjs-starter-blog","t":"Tailwind Next.js Starter Blog","d":"A popular Next.js and Tailwind CSS blog template with MDX, tags, and syntax highlighting. Includes RSS, sitemap, and newsletter integration out of the box.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tailwind-nextjs-starter-blog/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tailwindui-commit","t":"Commit","d":"An official Tailwind team changelog template built with Next.js and Tailwind CSS. Presents product updates in a timeline format suited to release notes.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tailwindui-commit/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tailwindui-compass","t":"Compass","d":"An official Tailwind team template for selling an online course, built with Next.js and Tailwind CSS. Includes lesson listing, pricing, and a marketing landing page.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tailwindui-compass/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tailwindui-keynote","t":"Keynote","d":"An official Tailwind team conference template built with Next.js and Tailwind CSS. Includes schedule, speakers, and sponsor sections for an event site.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tailwindui-keynote/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tailwindui-pocket","t":"Pocket","d":"An official Tailwind team app marketing template built with Next.js and Tailwind CSS. Showcases a mobile app with screenshots, features, and pricing.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tailwindui-pocket/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tailwindui-protocol","t":"Protocol","d":"An official Tailwind team API documentation template built with Next.js and Tailwind CSS. Provides a reference layout with code samples, endpoints, and search.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tailwindui-protocol/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tailwindui-radiant","t":"Radiant","d":"An official Tailwind team SaaS marketing template built with Next.js and Tailwind CSS. Features a polished multi-page marketing site with blog and pricing.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tailwindui-radiant/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tailwindui-salient","t":"Salient","d":"An official Tailwind team SaaS marketing landing page built with Next.js and Tailwind CSS. Includes a hero, feature grids, testimonials, and tiered pricing.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tailwindui-salient/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tailwindui-spotlight","t":"Spotlight","d":"An official Tailwind team personal website template built with Next.js and Tailwind CSS. Offers a clean layout for developers and writers with articles, projects, and an about page","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tailwindui-spotlight/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tailwindui-studio","t":"Studio","d":"An official Tailwind team agency and studio template built with Next.js and Tailwind CSS. Includes work, services, and case study pages for a creative agency site.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tailwindui-studio/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tailwindui-syntax","t":"Syntax","d":"An official Tailwind team documentation template built with Next.js and Tailwind CSS. Designed for product or library docs with sidebar navigation and versioned content.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tailwindui-syntax/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tailwindui-transmit","t":"Transmit","d":"An official Tailwind team podcast template built with Next.js and Tailwind CSS. Includes an episode list, persistent audio player, and show notes pages.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tailwindui-transmit/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__talent","t":"Talent","d":"A stunning website template suitable for SaaS apps, recruiting networks, and more. Available in HTML, Next.js, Vue, and Figma.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/talent/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tanstack-start-on-vercel","t":"TanStack Start on Vercel","d":"Deploy a full-stack app on Vercel with TanStack Start.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tanstack-start-on-vercel/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__the-caculator-cac-roi-benchmarking-tool","t":"The CACulator: CAC & ROI Benchmarking Tool","d":"Free, no-signup calculator that reveals your real Customer Acquisition Cost across channels and benchmarks it against global industry averages, with AI-powered recommendations. A c","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/the-caculator-cac-roi-benchmarking-tool/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__tidy","t":"Tidy","d":"An elegant website template to show off your company's corporate side. Available in HTML, Next.js, Vue, and Figma.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/tidy/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__vercel-app-router-playground","t":"Next.js App Router Playground","d":"A reference app demonstrating many Next.js App Router features such as layouts, streaming, and server actions. Useful as a learning resource and pattern library.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/vercel-app-router-playground/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__vercel-blog-starter-kit","t":"Blog Starter Kit","d":"A statically generated blog using Next.js and Markdown. Includes post listing, dynamic routes, and a clean reading layout.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/vercel-blog-starter-kit/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__vercel-hume-evi-starter","t":"Hume AI Empathic Voice Interface Starter","d":"A voice chat starter using Hume AI's Empathic Voice Interface. Captures microphone input and renders real-time, emotionally aware spoken responses.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/vercel-hume-evi-starter/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__vercel-image-gallery-starter","t":"Image Gallery Starter","d":"A photo gallery app built on Next.js and Vercel Blob storage. Demonstrates uploading, storing, and serving images with optimized loading.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/vercel-image-gallery-starter/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__vercel-isr-blog-nextjs-wordpress","t":"ISR Blog with Next.js and WordPress","d":"A blog that pairs Next.js Incremental Static Regeneration with a WordPress backend as a headless CMS. Content updates publish without a full rebuild.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/vercel-isr-blog-nextjs-wordpress/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__vercel-liveblocks-starter-kit","t":"Liveblocks Starter Kit","d":"A starter for building real-time collaborative products with Liveblocks and Next.js. Provides presence, multiplayer rooms, and authentication scaffolding.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/vercel-liveblocks-starter-kit/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__vercel-morphic-ai-answer-engine","t":"Morphic AI Answer Engine","d":"An AI-powered answer engine with a generative UI, built on Next.js and the AI SDK. Returns sourced answers and renders interactive result components.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/vercel-morphic-ai-answer-engine/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__vercel-nextjs-boilerplate","t":"Next.js Boilerplate","d":"Vercel's official minimal starting point for a Next.js app using the App Router. Ships with a clean project structure so you can deploy and start building in seconds.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/vercel-nextjs-boilerplate/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__vercel-nextjs-commerce","t":"Next.js Commerce","d":"Vercel's reference ecommerce storefront for headless Shopify, built with the App Router and React Server Components. Includes cart, search, and product pages tuned for performance.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/vercel-nextjs-commerce/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__vercel-nextjs-enterprise-boilerplate","t":"Next.js Enterprise Boilerplate","d":"An enterprise-grade Next.js starter wired with Tailwind CSS, Radix UI, TypeScript, and a full testing stack of Jest, Playwright, and Storybook. Aimed at maintainable, large-scale a","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/vercel-nextjs-enterprise-boilerplate/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__vercel-nextra-docs-starter","t":"Nextra Docs Starter Kit","d":"A markdown-powered documentation site built on Nextra and Next.js. Provides navigation, search, and theming out of the box for technical docs.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/vercel-nextra-docs-starter/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__vercel-portfolio-starter-kit","t":"Portfolio Starter Kit","d":"A minimal portfolio and blog scaffold powered by Next.js and Markdown. Includes a hero, about section, and MDX-based posts ready to customize.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/vercel-portfolio-starter-kit/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__vercel-sanity-nextjs-personal-website","t":"Sanity + Next.js Personal Website","d":"A personal website template wired to Sanity with visual editing and live preview. Lets non-developers edit content with real-time collaboration.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/vercel-sanity-nextjs-personal-website/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__vision-ui-dashboard-pro-react","t":"Vision UI Dashboard PRO React","d":"Premium dark-themed React + Material-UI admin dashboard with a modern, glassy design and prebuilt pages for analytics-style apps.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/vision-ui-dashboard-pro-react/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__waitlist","t":"Waitlist","d":"Start building your product's audience with this sleek coming-soon landing page. Available in HTML, Next.js, Vue, and Figma.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/waitlist/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:serafimcloud__your-next-store","t":"Your Next Store","d":"A modern, ultra-fast commerce storefront with Stripe as the backend, using shadcn UI components.","k":"page","s":"21st","c":"pages/templates","a":"serafimcloud","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/your-next-store/preview.jpg","pc":"serafimcloud"},{"id":"21st-template:sh20raj__cinematic-creative-studio-landing-page-next-js-gsap-video","t":"Cinematic Creative Studio Landing Page – Next.js + GSAP + Video","d":"A cinematic landing page template crafted for studios, creative agencies, and fashion-forward brands. With immersive video backgrounds, bold typography, and smooth GSAP animations,","k":"page","s":"21st","c":"pages/templates","a":"sh20raj","pl":"https://cdn.21st.dev/user_2rTidf8ywiOqdoBn7DYG6caFaNJ/cinematic-creative-studio-landing-page-next-js-gsap-video/preview.avif","pc":"sh20raj"},{"id":"21st-template:sh20raj__gsap-cocktail-showcase","t":"GSAP-Powered Cocktail Showcase (React + Tailwind + Vite)","d":"Shake up your site with this sleek, interactive cocktail showcase template! Crafted with React, Tailwind CSS, and Vite, it features stunning GSAP-powered ScrollTrigger animations—i","k":"page","s":"21st","c":"pages/templates","a":"sh20raj","pl":"https://cdn.21st.dev/user_2rTidf8ywiOqdoBn7DYG6caFaNJ/gsap-cocktail-showcase/preview.png","pc":"sh20raj"},{"id":"21st-template:sh20raj__gta-vi-cinematic-landing","t":"GTA VI — Cinematic Landing (React + Tailwind + GSAP)","d":"Recreate the viral GTA VI cinematic landing experience with this production-ready React template. Built with React + Vite, Tailwind CSS and GSAP (ScrollTrigger & SplitText), this t","k":"page","s":"21st","c":"pages/templates","a":"sh20raj","pl":"https://cdn.21st.dev/user_2rTidf8ywiOqdoBn7DYG6caFaNJ/gta-vi-cinematic-landing/preview.png","pc":"sh20raj"},{"id":"21st-template:sh20raj__netflix-clone","t":"Netflix Clone","d":"Netflix Clone Template with Playable Trailers – Only $18 on 21st.dev!\n\nTransform your streaming platform vision into reality with this feature-rich Netflix clone template, designed","k":"page","s":"21st","c":"pages/templates","a":"sh20raj","pl":"https://cdn.21st.dev/user_2rTidf8ywiOqdoBn7DYG6caFaNJ/netflix-clone/preview.png","pc":"sh20raj"},{"id":"21st-template:sh20raj__sales-landing-page-for-maximum-conversions","t":"Sales Landing Page for Maximum Conversions 🚀","d":"Sales Landing Page for Maximum Conversions 🚀\nLooking to boost your sales and capture more leads? This high-converting Sales Landing Page is designed to help you drive results quick","k":"page","s":"21st","c":"pages/templates","a":"sh20raj","pl":"https://cdn.21st.dev/user_2rTidf8ywiOqdoBn7DYG6caFaNJ/sales-landing-page-for-maximum-conversions/preview.png","pc":"sh20raj"},{"id":"21st-template:shadcnblockscom__aspect","t":"Aspect","d":"A corporate template built on shadcn/ui and Tailwind, perfect for creating a sophisticated marketing site.","k":"page","s":"21st","c":"pages/templates","a":"shadcnblockscom","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/aspect/preview.jpg","pc":"shadcnblockscom"},{"id":"21st-template:shadcnblockscom__echo","t":"Echo","d":"A personal portfolio template built on shadcn/ui and Tailwind, perfect for creating a stunning personal portfolio website.","k":"page","s":"21st","c":"pages/templates","a":"shadcnblockscom","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/echo/preview.jpg","pc":"shadcnblockscom"},{"id":"21st-template:shadcnblockscom__hatch","t":"Hatch","d":"A minimal freelancer template built on shadcn/ui and Tailwind, perfect for a clean portfolio and freelance services site.","k":"page","s":"21st","c":"pages/templates","a":"shadcnblockscom","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/hatch/preview.jpg","pc":"shadcnblockscom"},{"id":"21st-template:shadcnblockscom__hive","t":"Hive","d":"An agency portfolio template built on shadcn/ui and Tailwind, perfect for creating a modern agency portfolio website.","k":"page","s":"21st","c":"pages/templates","a":"shadcnblockscom","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/hive/preview.jpg","pc":"shadcnblockscom"},{"id":"21st-template:shadcnblockscom__kinto","t":"Kinto","d":"An elegant single product/app template built on shadcn/ui and Tailwind.","k":"page","s":"21st","c":"pages/templates","a":"shadcnblockscom","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/kinto/preview.jpg","pc":"shadcnblockscom"},{"id":"21st-template:shadcnblockscom__lumen","t":"Lumen","d":"A luminescent, modern landing page template with all core pages and sections for a landing page or marketing website.","k":"page","s":"21st","c":"pages/templates","a":"shadcnblockscom","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/lumen/preview.jpg","pc":"shadcnblockscom"},{"id":"21st-template:shadcnblockscom__meridian","t":"Meridian","d":"A premium developer-tools SaaS template built on shadcn/ui and Tailwind, featuring a signature intro animation and Fumadocs-powered MDX docs.","k":"page","s":"21st","c":"pages/templates","a":"shadcnblockscom","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/meridian/preview.jpg","pc":"shadcnblockscom"},{"id":"21st-template:shadcnblockscom__metafi","t":"Metafi","d":"A modern template built on shadcn/ui and Tailwind, perfect for creating a sophisticated marketing site.","k":"page","s":"21st","c":"pages/templates","a":"shadcnblockscom","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/metafi/preview.jpg","pc":"shadcnblockscom"},{"id":"21st-template:shadcnblockscom__plasma","t":"Plasma","d":"A developer SaaS/app template with landing, pricing, docs, changelog and download pages.","k":"page","s":"21st","c":"pages/templates","a":"shadcnblockscom","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/plasma/preview.jpg","pc":"shadcnblockscom"},{"id":"21st-template:shadcnblockscom__scalar","t":"Scalar","d":"A modern product/app/SaaS template perfect for GitHub projects, open source projects or developer-focused SaaS.","k":"page","s":"21st","c":"pages/templates","a":"shadcnblockscom","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/scalar/preview.jpg","pc":"shadcnblockscom"},{"id":"21st-template:shadcnblockscom__shadcnblockscom-charter","t":"Charter","d":"A fintech style app template built on Nextjs with shadcn/ui and Tailwind. Perfect for creating a modern and efficient startup or fintech marketing site.\n\nFeatures\nNextjs 15\nReact 1","k":"page","s":"21st","c":"pages/templates","a":"shadcnblockscom","pl":"https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/shadcnblockscom-charter/preview.png","pc":"shadcnblockscom"},{"id":"21st-template:shadcnblockscom__shadcnblockscom-mainline","t":"Mainline","d":"Our most popular template. A minimal, yet unique, landing page template built with Nextjs 15, shadcn/ui and Tailwind 4. Contains all the core pages and sections for a landing page ","k":"page","s":"21st","c":"pages/templates","a":"shadcnblockscom","pl":"https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/shadcnblockscom-mainline/preview.png","pc":"shadcnblockscom"},{"id":"21st-template:shadcnblockscom__shadcnblockscom-relative","t":"Relative","d":"A landing page template crafted with Next.js, shadcn/ui, and Tailwind. Perfect for quickly launching a marketing site with essential sections.\n\nFeatures\nNextjs 15\nReact 19\nTailwind","k":"page","s":"21st","c":"pages/templates","a":"shadcnblockscom","pl":"https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/shadcnblockscom-relative/preview.png","pc":"shadcnblockscom"},{"id":"21st-template:shadcnblockscom__shadcnblockscom-streamline","t":"Streamline","d":"A sleek and modern landing page template crafted with Next.js, shadcn/ui, and Tailwind. Perfect for quickly establishing a professional marketing presence with essential sections.\n","k":"page","s":"21st","c":"pages/templates","a":"shadcnblockscom","pl":"https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/shadcnblockscom-streamline/preview.png","pc":"shadcnblockscom"},{"id":"21st-template:shadcnblockscom__sonic","t":"Sonic","d":"A modern single product landing page template perfect for selling or promoting a physical or digital product.","k":"page","s":"21st","c":"pages/templates","a":"shadcnblockscom","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/sonic/preview.jpg","pc":"shadcnblockscom"},{"id":"21st-template:shadcnblockscom__zippay","t":"Zippay","d":"A modern fintech SaaS and marketing template with everything needed for a fintech SaaS and marketing website.","k":"page","s":"21st","c":"pages/templates","a":"shadcnblockscom","pl":"https://vucvdpamtrjkzmubwlts.supabase.co/storage/v1/object/public/templates/user_2nElBLvklOKlAURm6W1PTu6yYFh/zippay/preview.jpg","pc":"shadcnblockscom"},{"id":"21st-template:shuvamk__nuggets-design-agency-website","t":"Nuggets: Design Agency Website","d":"Nuggets is a premium Next.js template crafted for modern digital agencies. With its sleek design, smooth animations, and comprehensive features, it provides everything needed to es","k":"page","s":"21st","c":"pages/templates","a":"shuvamk","pl":"https://cdn.21st.dev/user_2vxWQUOBsE2vYFeIonhiuv7vdnV/nuggets-design-agency-website/preview.png","pc":"shuvamk"},{"id":"21st-template:skyNexalabs__skynexa-labs-premium-digital-agency-website-template","t":"SkyNexa Labs - Premium Digital Agency Website Template","d":"SkyNexa Labs is a modern, high-performance digital agency website template designed for agencies, startups, freelancers, and software companies. It features a sleek dark UI with ne","k":"page","s":"21st","c":"pages/templates","a":"skyNexalabs","pl":"https://cdn.21st.dev/user_3HJqGmK6DSv8HAqixZXEfUWtLC2/templates/skynexa-labs-premium-digital-agency-website-template/preview-1785597644878.png","pc":"skyNexalabs"},{"id":"21st-template:syedmoin-lab__portfolio","t":"Portfolio","d":"This is a portfolio website built with Next.js, TailwindCSS, and Spotify.","k":"page","s":"21st","c":"pages/templates","a":"syedmoin-lab","pl":"https://cdn.21st.dev/user_2wBWLRyg4nQ3hj519HWAP5K83Rf/portfolio/preview.png","pc":"syedmoin-lab"},{"id":"21st-template:tahababou12__hero-dashboard","t":"Hero Dashboard","d":"BragAI","k":"page","s":"21st","c":"pages/templates","a":"tahababou12","pl":"https://cdn.21st.dev/user_30sOVVhunFp8Qizrzdg5PHw6VVD/hero-dashboard/preview.webp","pc":"tahababou12"},{"id":"21st-theme:12a8qnqwen__modern-minimal-remix-1783103238804","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"12a8qnqwen","pl":"https://21st.dev/community/themes/modern-minimal-remix-1783103238804/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"12a8qnqwen"},{"id":"21st-theme:1553577844__azure-pro-remix-1783950931878","t":"Azure Pro remix","d":"Explore the Azure Pro remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"1553577844","pl":"https://21st.dev/community/themes/azure-pro-remix-1783950931878/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"1553577844"},{"id":"21st-theme:1bertogit__aurora-circuit-1784930012228","t":"Aurora Circuit","d":"Explore the Aurora Circuit shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"1bertogit","pl":"https://21st.dev/community/themes/aurora-circuit-1784930012228/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"1bertogit"},{"id":"21st-theme:2207377167__a-1784709575911","t":"a","d":"Explore the a shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"2207377167","pl":"https://21st.dev/community/themes/a-1784709575911/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"2207377167"},{"id":"21st-theme:369cv__modern-minimal-remix-1783057707880","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"369cv","pl":"https://21st.dev/community/themes/modern-minimal-remix-1783057707880/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"369cv"},{"id":"21st-theme:98precent__zachix-mono-remix-1783143905881","t":"zachix Mono remix","d":"Explore the zachix Mono remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"98precent","pl":"https://21st.dev/community/themes/zachix-mono-remix-1783143905881/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"98precent"},{"id":"21st-theme:99singh.jas__modern-minimal-remix-1783197535050","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"99singh.jas","pl":"https://21st.dev/community/themes/modern-minimal-remix-1783197535050/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"99singh.jas"},{"id":"21st-theme:9fedya__asdasd-1783503193873","t":"asdasd","d":"Explore the asdasd shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"9fedya","pl":"https://21st.dev/community/themes/asdasd-1783503193873/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"9fedya"},{"id":"21st-theme:a1024053774__claude-amber-remix-1783349761251","t":"Claude Amber remix","d":"Explore the Claude Amber remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"a1024053774","pl":"https://21st.dev/community/themes/claude-amber-remix-1783349761251/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"a1024053774"},{"id":"21st-theme:abenezeryohannes__sage-garden-remix-1782568612746","t":"Sage Garden remix","d":"Explore the Sage Garden remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"abenezeryohannes","pl":"https://21st.dev/community/themes/sage-garden-remix-1782568612746/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"abenezeryohannes"},{"id":"21st-theme:abhishek_df9aa968__vercel-remix-1783170196339","t":"Vercel remix","d":"Explore the Vercel remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"abhishek_df9aa968","pl":"https://21st.dev/community/themes/vercel-remix-1783170196339/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"abhishek_df9aa968"},{"id":"21st-theme:aboudistyles__bain-remix-1783299176570","t":"Bain remix","d":"Explore the Bain remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"aboudistyles","pl":"https://21st.dev/community/themes/bain-remix-1783299176570/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"aboudistyles"},{"id":"21st-theme:adeamos83__modern-minimal-remix-1784063199717","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"adeamos83","pl":"https://21st.dev/community/themes/modern-minimal-remix-1784063199717/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"adeamos83"},{"id":"21st-theme:ademcwealth__zen-linen-remix-1783982368796","t":"Zen Linen remix","d":"Explore the Zen Linen remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ademcwealth","pl":"https://21st.dev/community/themes/zen-linen-remix-1783982368796/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ademcwealth"},{"id":"21st-theme:admin_5263efae__slate-minimal-1786709313092","t":"Slate Minimal","d":"Explore the Slate Minimal shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"admin_5263efae","pl":"https://21st.dev/community/themes/slate-minimal-1786709313092/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"admin_5263efae"},{"id":"21st-theme:admndesignwork__layrrrd-1783321142317","t":"Layrrrd","d":"Explore the Layrrrd shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"admndesignwork","pl":"https://21st.dev/community/themes/layrrrd-1783321142317/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"admndesignwork"},{"id":"21st-theme:aerrocnavi1990__ruby-sand-remix-1783388895953","t":"Ruby Sand remix","d":"Explore the Ruby Sand remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"aerrocnavi1990","pl":"https://21st.dev/community/themes/ruby-sand-remix-1783388895953/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"aerrocnavi1990"},{"id":"21st-theme:aftaeva50__quantum-satis-clinic-1785363125507","t":"Quantum Satis Clinic","d":"Explore the Quantum Satis Clinic shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"aftaeva50","pl":"https://21st.dev/community/themes/quantum-satis-clinic-1785363125507/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"aftaeva50"},{"id":"21st-theme:agasthydebnath__my-theme-1782634859195","t":"my theme","d":"Explore the my theme shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"agasthydebnath","pl":"https://21st.dev/community/themes/my-theme-1782634859195/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"agasthydebnath"},{"id":"21st-theme:aguillarops__teste-1783910003947","t":"teste","d":"Explore the teste shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"aguillarops","pl":"https://21st.dev/community/themes/teste-1783910003947/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"aguillarops"},{"id":"21st-theme:ahmedg3far44__devpilot-1785566711680","t":"DevPilot","d":"Explore the DevPilot shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ahmedg3far44","pl":"https://21st.dev/community/themes/devpilot-1785566711680/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ahmedg3far44"},{"id":"21st-theme:ahndohun__baroworks-1783943524832","t":"baroworks","d":"Explore the baroworks shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ahndohun","pl":"https://21st.dev/community/themes/baroworks-1783943524832/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ahndohun"},{"id":"21st-theme:aica.official.hackathon__modern-minimal-remix-1783839113458","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"aica.official.hackathon","pl":"https://21st.dev/community/themes/modern-minimal-remix-1783839113458/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"aica.official.hackathon"},{"id":"21st-theme:aivcreative__limitless-1786940812008","t":"Limitless","d":"Explore the Limitless shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"aivcreative","pl":"https://21st.dev/community/themes/limitless-1786940812008/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"aivcreative"},{"id":"21st-theme:akashskykumar1.ak__claude-remix-1783277993909","t":"Claude remix","d":"Explore the Claude remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"akashskykumar1.ak","pl":"https://21st.dev/community/themes/claude-remix-1783277993909/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"akashskykumar1.ak"},{"id":"21st-theme:akshet.katyaal92__solar-dusk-remix-1784025024270","t":"Solar Dusk remix","d":"Explore the Solar Dusk remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"akshet.katyaal92","pl":"https://21st.dev/community/themes/solar-dusk-remix-1784025024270/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"akshet.katyaal92"},{"id":"21st-theme:alanqoudif__amber-mono-linen-remix-1782690206437","t":"Amber Mono Linen remix","d":"Explore the Amber Mono Linen remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"alanqoudif","pl":"https://21st.dev/community/themes/amber-mono-linen-remix-1782690206437/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"alanqoudif"},{"id":"21st-theme:alexandredelaporte13__theme-landing-page-skeells-1782825709406","t":"Theme landing page SKEELLS","d":"Explore the Theme landing page SKEELLS shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"alexandredelaporte13","pl":"https://21st.dev/community/themes/theme-landing-page-skeells-1782825709406/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"alexandredelaporte13"},{"id":"21st-theme:alexrbsn__kongquest-1782692227631","t":"KongQuest","d":"Explore the KongQuest shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"alexrbsn","pl":"https://21st.dev/community/themes/kongquest-1782692227631/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"alexrbsn"},{"id":"21st-theme:alextanase2409__teal-mist-remix-1784021695296","t":"Teal Mist remix","d":"Explore the Teal Mist remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"alextanase2409","pl":"https://21st.dev/community/themes/teal-mist-remix-1784021695296/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"alextanase2409"},{"id":"21st-theme:alextanase2409__teal-mist-remix-1784022639282","t":"Teal Mist remix","d":"Explore the Teal Mist remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"alextanase2409","pl":"https://21st.dev/community/themes/teal-mist-remix-1784022639282/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"alextanase2409"},{"id":"21st-theme:ali.almusleh95__ali-1782592680521","t":"ali","d":"Explore the ali shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ali.almusleh95","pl":"https://21st.dev/community/themes/ali-1782592680521/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ali.almusleh95"},{"id":"21st-theme:alsabdul22__supabase-remix-1782989583441","t":"Supabase remix","d":"Explore the Supabase remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"alsabdul22","pl":"https://21st.dev/community/themes/supabase-remix-1782989583441/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"alsabdul22"},{"id":"21st-theme:amilejohn4__modern-minimal-remix-1783512145556","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"amilejohn4","pl":"https://21st.dev/community/themes/modern-minimal-remix-1783512145556/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"amilejohn4"},{"id":"21st-theme:amina120807__mizen-health-companion-1783697869905","t":"Mizen Health Companion","d":"Explore the Mizen Health Companion shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"amina120807","pl":"https://21st.dev/community/themes/mizen-health-companion-1783697869905/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"amina120807"},{"id":"21st-theme:amit.choudhari1109__amber-hearth-remix-1783098733496","t":"Amber Hearth remix","d":"Explore the Amber Hearth remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"amit.choudhari1109","pl":"https://21st.dev/community/themes/amber-hearth-remix-1783098733496/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"amit.choudhari1109"},{"id":"21st-theme:amit.choudhari1109__vintage-paper-remix-remix-1783092787564","t":"Vintage Paper remix remix","d":"Explore the Vintage Paper remix remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"amit.choudhari1109","pl":"https://21st.dev/community/themes/vintage-paper-remix-remix-1783092787564/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"amit.choudhari1109"},{"id":"21st-theme:amit.choudhari1109__vintage-paper-remix-remix-remix-1783092875547","t":"Vintage Paper remix remix remix","d":"Explore the Vintage Paper remix remix remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"amit.choudhari1109","pl":"https://21st.dev/community/themes/vintage-paper-remix-remix-remix-1783092875547/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"amit.choudhari1109"},{"id":"21st-theme:amrozmabrouk__voyanta-1785514451459","t":"Voyanta","d":"Explore the Voyanta shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"amrozmabrouk","pl":"https://21st.dev/community/themes/voyanta-1785514451459/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"amrozmabrouk"},{"id":"21st-theme:andre.procopio__claude-amber-remix-1782991623233","t":"Claude Amber remix","d":"Explore the Claude Amber remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"andre.procopio","pl":"https://21st.dev/community/themes/claude-amber-remix-1782991623233/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"andre.procopio"},{"id":"21st-theme:andre.procopio__linen-stone-remix-1782992417442","t":"Linen Stone remix","d":"Explore the Linen Stone remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"andre.procopio","pl":"https://21st.dev/community/themes/linen-stone-remix-1782992417442/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"andre.procopio"},{"id":"21st-theme:andresandrades1979__harbor-steel-remix-1784241843461","t":"Harbor Steel remix","d":"Explore the Harbor Steel remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"andresandrades1979","pl":"https://21st.dev/community/themes/harbor-steel-remix-1784241843461/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"andresandrades1979"},{"id":"21st-theme:anselmosouza083__claude-remix-1782959546329","t":"Claude remix","d":"Explore the Claude remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"anselmosouza083","pl":"https://21st.dev/community/themes/claude-remix-1782959546329/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"anselmosouza083"},{"id":"21st-theme:antonio.victor6__claude-amber-remix-ibm-1783614901426","t":"Claude Amber remix IBM","d":"Explore the Claude Amber remix IBM shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"antonio.victor6","pl":"https://21st.dev/community/themes/claude-amber-remix-ibm-1783614901426/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"antonio.victor6"},{"id":"21st-theme:antonio.victor6__claude-amber-remix-ibm-1783615109416","t":"Claude Amber remix IBM","d":"Explore the Claude Amber remix IBM shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"antonio.victor6","pl":"https://21st.dev/community/themes/claude-amber-remix-ibm-1783615109416/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"antonio.victor6"},{"id":"21st-theme:anupammishra00011__solar-dusk-remix-1783490812667","t":"Solar Dusk remix","d":"Explore the Solar Dusk remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"anupammishra00011","pl":"https://21st.dev/community/themes/solar-dusk-remix-1783490812667/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"anupammishra00011"},{"id":"21st-theme:aras_5ddc978f__orange-vivid-1786155970340","t":"Orange Vivid","d":"Explore the Orange Vivid shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"aras_5ddc978f","pl":"https://21st.dev/community/themes/orange-vivid-1786155970340/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"aras_5ddc978f"},{"id":"21st-theme:arnoldmottamarketing__azure-mono-remix-1783461034817","t":"Azure Mono remix","d":"Explore the Azure Mono remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"arnoldmottamarketing","pl":"https://21st.dev/community/themes/azure-mono-remix-1783461034817/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"arnoldmottamarketing"},{"id":"21st-theme:aryan5v__remix-1784079106402","t":"remix","d":"Explore the remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"aryan5v","pl":"https://21st.dev/community/themes/remix-1784079106402/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"aryan5v"},{"id":"21st-theme:asalami560__lime-frost-remix-1783699092189","t":"Lime Frost remix","d":"Explore the Lime Frost remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"asalami560","pl":"https://21st.dev/community/themes/lime-frost-remix-1783699092189/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"asalami560"},{"id":"21st-theme:asalami560__lime-frost-remix-1783699142369","t":"Lime Frost remix","d":"Explore the Lime Frost remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"asalami560","pl":"https://21st.dev/community/themes/lime-frost-remix-1783699142369/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"asalami560"},{"id":"21st-theme:ash-ma__hand-tracking-ar-1783949513321","t":"Hand Tracking AR","d":"Explore the Hand Tracking AR shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ash-ma","pl":"https://21st.dev/community/themes/hand-tracking-ar-1783949513321/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ash-ma"},{"id":"21st-theme:ashalzaryabb__azure-flow-remix-1783541397544","t":"Azure Flow remix","d":"Explore the Azure Flow remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ashalzaryabb","pl":"https://21st.dev/community/themes/azure-flow-remix-1783541397544/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ashalzaryabb"},{"id":"21st-theme:astewaymtadesse__mocha-mousse-remix-1783532194726","t":"Mocha Mousse remix","d":"Explore the Mocha Mousse remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"astewaymtadesse","pl":"https://21st.dev/community/themes/mocha-mousse-remix-1783532194726/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"astewaymtadesse"},{"id":"21st-theme:astewaymtadesse__mocha-mousse-remix-1783532449864","t":"Mocha Mousse remix","d":"Explore the Mocha Mousse remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"astewaymtadesse","pl":"https://21st.dev/community/themes/mocha-mousse-remix-1783532449864/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"astewaymtadesse"},{"id":"21st-theme:aston8427__bain-remix-1784217155186","t":"Bain remix","d":"Explore the Bain remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"aston8427","pl":"https://21st.dev/community/themes/bain-remix-1784217155186/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"aston8427"},{"id":"21st-theme:avilaops__saudepet-1786918400371","t":"SaudePet","d":"Explore the SaudePet shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"avilaops","pl":"https://21st.dev/community/themes/saudepet-1786918400371/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"avilaops"},{"id":"21st-theme:ax__claude-remix-1783499878411","t":"Claude remix","d":"Explore the Claude remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ax","pl":"https://21st.dev/community/themes/claude-remix-1783499878411/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ax"},{"id":"21st-theme:badrabarry224__zen-linen-remix-1782944386969","t":"Zen Linen remix","d":"Explore the Zen Linen remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"badrabarry224","pl":"https://21st.dev/community/themes/zen-linen-remix-1782944386969/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"badrabarry224"},{"id":"21st-theme:beko2210__lime-frost-remix-1782576440278","t":"Lime Frost remix","d":"Explore the Lime Frost remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"beko2210","pl":"https://21st.dev/community/themes/lime-frost-remix-1782576440278/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"beko2210"},{"id":"21st-theme:ben_92bae8ec__432-editorial-1784021074047","t":"432 Editorial","d":"Explore the 432 Editorial shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ben_92bae8ec","pl":"https://21st.dev/community/themes/432-editorial-1784021074047/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ben_92bae8ec"},{"id":"21st-theme:benevolentjoker__goth-1783287129360","t":"GOTH","d":"Explore the GOTH shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"benevolentjoker","pl":"https://21st.dev/community/themes/goth-1783287129360/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"benevolentjoker"},{"id":"21st-theme:bestseal.owner__modern-minimal-remix-1783183133901","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"bestseal.owner","pl":"https://21st.dev/community/themes/modern-minimal-remix-1783183133901/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"bestseal.owner"},{"id":"21st-theme:bhargav.bhalala1999__jewellary1-1782752462763","t":"jewellary1","d":"Explore the jewellary1 shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"bhargav.bhalala1999","pl":"https://21st.dev/community/themes/jewellary1-1782752462763/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"bhargav.bhalala1999"},{"id":"21st-theme:bhavanaks249__blue-1782743611893","t":"Blue","d":"Explore the Blue shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"bhavanaks249","pl":"https://21st.dev/community/themes/blue-1782743611893/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"bhavanaks249"},{"id":"21st-theme:bhavanaks249__blue-plus-jakarta-sans-lora-1782743911160","t":"Blue - Plus Jakarta Sans - Lora","d":"Explore the Blue - Plus Jakarta Sans - Lora shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"bhavanaks249","pl":"https://21st.dev/community/themes/blue-plus-jakarta-sans-lora-1782743911160/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"bhavanaks249"},{"id":"21st-theme:bjoern.hoettges__cyberpunk-remix-1782568811828","t":"Cyberpunk remix","d":"Explore the Cyberpunk remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"bjoern.hoettges","pl":"https://21st.dev/community/themes/cyberpunk-remix-1782568811828/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"bjoern.hoettges"},{"id":"21st-theme:bob17040246__coral-blush-remix-1783526328082","t":"Coral Blush remix","d":"Explore the Coral Blush remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"bob17040246","pl":"https://21st.dev/community/themes/coral-blush-remix-1783526328082/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"bob17040246"},{"id":"21st-theme:bonigodwin26__supabase-sage-remix-1782821824398","t":"Supabase Sage remix","d":"Explore the Supabase Sage remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"bonigodwin26","pl":"https://21st.dev/community/themes/supabase-sage-remix-1782821824398/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"bonigodwin26"},{"id":"21st-theme:brandon_9a75d207__amber-minimal-remix-1783386814917","t":"Amber Minimal remix","d":"Explore the Amber Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"brandon_9a75d207","pl":"https://21st.dev/community/themes/amber-minimal-remix-1783386814917/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"brandon_9a75d207"},{"id":"21st-theme:brianisatryhard__bain-remix-remix-1783431131935","t":"Bain remix remix","d":"Explore the Bain remix remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"brianisatryhard","pl":"https://21st.dev/community/themes/bain-remix-remix-1783431131935/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"brianisatryhard"},{"id":"21st-theme:bricov2000__candyland-remix-1782815026252","t":"Candyland remix","d":"Explore the Candyland remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"bricov2000","pl":"https://21st.dev/community/themes/candyland-remix-1782815026252/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"bricov2000"},{"id":"21st-theme:brijeshsp106__career-spring-1782838759430","t":"career spring","d":"Explore the career spring shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"brijeshsp106","pl":"https://21st.dev/community/themes/career-spring-1782838759430/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"brijeshsp106"},{"id":"21st-theme:bringtojz__emerald-sun-remix-1783261719353","t":"Emerald Sun remix","d":"Explore the Emerald Sun remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"bringtojz","pl":"https://21st.dev/community/themes/emerald-sun-remix-1783261719353/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"bringtojz"},{"id":"21st-theme:businessplus14758__amber-glow-remix-1782814330367","t":"Amber Glow remix","d":"Explore the Amber Glow remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"businessplus14758","pl":"https://21st.dev/community/themes/amber-glow-remix-1782814330367/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"businessplus14758"},{"id":"21st-theme:byjuananguirao__mooncalendar-theme-1784252439566","t":"MoonCalendar Theme","d":"Explore the MoonCalendar Theme shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"byjuananguirao","pl":"https://21st.dev/community/themes/mooncalendar-theme-1784252439566/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"byjuananguirao"},{"id":"21st-theme:calogero.lamattina.k__lamattina-dev-cyan-slate-1786400641856","t":"lamattina-dev-cyan-slate","d":"Explore the lamattina-dev-cyan-slate shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"calogero.lamattina.k","pl":"https://21st.dev/community/themes/lamattina-dev-cyan-slate-1786400641856/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"calogero.lamattina.k"},{"id":"21st-theme:camilapinillacastro__sage-garden-remix-1783212186075","t":"Sage Garden remix","d":"Explore the Sage Garden remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"camilapinillacastro","pl":"https://21st.dev/community/themes/sage-garden-remix-1783212186075/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"camilapinillacastro"},{"id":"21st-theme:carlapereira.art__mocha-mousse-remix-1784215221151","t":"Mocha Mousse remix","d":"Explore the Mocha Mousse remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"carlapereira.art","pl":"https://21st.dev/community/themes/mocha-mousse-remix-1784215221151/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"carlapereira.art"},{"id":"21st-theme:cd-adam-cle__lime-frost-remix-1783676894143","t":"Lime Frost remix","d":"Explore the Lime Frost remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"cd-adam-cle","pl":"https://21st.dev/community/themes/lime-frost-remix-1783676894143/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"cd-adam-cle"},{"id":"21st-theme:centricedge__hosting-1784894009005","t":"hosting","d":"Explore the hosting shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"centricedge","pl":"https://21st.dev/community/themes/hosting-1784894009005/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"centricedge"},{"id":"21st-theme:centricedge__hosting2-1784896190310","t":"hosting2","d":"Explore the hosting2 shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"centricedge","pl":"https://21st.dev/community/themes/hosting2-1784896190310/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"centricedge"},{"id":"21st-theme:ceolifecenter__fato-ads-1786955863118","t":"Fato Ads","d":"Explore the Fato Ads shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ceolifecenter","pl":"https://21st.dev/community/themes/fato-ads-1786955863118/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ceolifecenter"},{"id":"21st-theme:chaseyork88__placeholder-1784665437509","t":"Placeholder","d":"Explore the Placeholder shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"chaseyork88","pl":"https://21st.dev/community/themes/placeholder-1784665437509/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"chaseyork88"},{"id":"21st-theme:christianinostroza__supabase-remix-1782943502908","t":"Supabase remix","d":"Explore the Supabase remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"christianinostroza","pl":"https://21st.dev/community/themes/supabase-remix-1782943502908/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"christianinostroza"},{"id":"21st-theme:citizenshipcc__citizenship-1784343843342","t":"CitizenShip","d":"Explore the CitizenShip shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"citizenshipcc","pl":"https://21st.dev/community/themes/citizenship-1784343843342/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"citizenshipcc"},{"id":"21st-theme:cjaruso2354-afk__lime-frost-remix-1782899639956","t":"Lime Frost remix","d":"Explore the Lime Frost remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"cjaruso2354-afk","pl":"https://21st.dev/community/themes/lime-frost-remix-1782899639956/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"cjaruso2354-afk"},{"id":"21st-theme:cjaruso2354-afk__neo-brutalism-remix-1782899809823","t":"Neo Brutalism remix","d":"Explore the Neo Brutalism remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"cjaruso2354-afk","pl":"https://21st.dev/community/themes/neo-brutalism-remix-1782899809823/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"cjaruso2354-afk"},{"id":"21st-theme:cminsoo618__modern-minimal-remix-1782875047613","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"cminsoo618","pl":"https://21st.dev/community/themes/modern-minimal-remix-1782875047613/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"cminsoo618"},{"id":"21st-theme:community__33d-brand-1784378483810","t":"33D Brand","d":"Explore the 33D Brand shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"community","pl":"https://21st.dev/community/themes/33d-brand-1784378483810/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"community"},{"id":"21st-theme:community__baroworks-1783929815612","t":"baroworks","d":"Explore the baroworks shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"community","pl":"https://21st.dev/community/themes/baroworks-1783929815612/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"community"},{"id":"21st-theme:community__dealer-brand-audit-1784378493186","t":"Dealer Brand Audit","d":"Explore the Dealer Brand Audit shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"community","pl":"https://21st.dev/community/themes/dealer-brand-audit-1784378493186/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"community"},{"id":"21st-theme:community__pink-soft-1786164768271","t":"Pink Soft","d":"Explore the Pink Soft shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"community","pl":"https://21st.dev/community/themes/pink-soft-1786164768271/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"community"},{"id":"21st-theme:community__portfolio-theme-1786131704948","t":"Portfolio Theme","d":"Explore the Portfolio Theme shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"community","pl":"https://21st.dev/community/themes/portfolio-theme-1786131704948/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"community"},{"id":"21st-theme:community__promotor-wow-1784911966303","t":"ProMotor Wow","d":"Explore the ProMotor Wow shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"community","pl":"https://21st.dev/community/themes/promotor-wow-1784911966303/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"community"},{"id":"21st-theme:connormuscat2__bdo-1784288545632","t":"BDO","d":"Explore the BDO shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"connormuscat2","pl":"https://21st.dev/community/themes/bdo-1784288545632/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"connormuscat2"},{"id":"21st-theme:contact.sametkapucuoglu__besk-proof-board-1786327298204","t":"BESK Proof Board","d":"Explore the BESK Proof Board shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"contact.sametkapucuoglu","pl":"https://21st.dev/community/themes/besk-proof-board-1786327298204/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"contact.sametkapucuoglu"},{"id":"21st-theme:contact_36e39b35__morgen-capital-theme-1786482074159","t":"Morgen Capital Theme","d":"Explore the Morgen Capital Theme shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"contact_36e39b35","pl":"https://21st.dev/community/themes/morgen-capital-theme-1786482074159/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"contact_36e39b35"},{"id":"21st-theme:contact_c98a6bef__oleera-1786554308314","t":"Oleera","d":"Explore the Oleera shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"contact_c98a6bef","pl":"https://21st.dev/community/themes/oleera-1786554308314/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"contact_c98a6bef"},{"id":"21st-theme:contact_d74a734b__rising-rocket-1785591647407","t":"Rising Rocket","d":"Explore the Rising Rocket shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"contact_d74a734b","pl":"https://21st.dev/community/themes/rising-rocket-1785591647407/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"contact_d74a734b"},{"id":"21st-theme:creative.blex__blexthema01-1783468425715","t":"Blexthema01","d":"Explore the Blexthema01 shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"creative.blex","pl":"https://21st.dev/community/themes/blexthema01-1783468425715/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"creative.blex"},{"id":"21st-theme:czq229134474__modern-minimal-remix-1782705132194","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"czq229134474","pl":"https://21st.dev/community/themes/modern-minimal-remix-1782705132194/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"czq229134474"},{"id":"21st-theme:damanhduy2111__ok-1784607188438","t":"ok","d":"Explore the ok shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"damanhduy2111","pl":"https://21st.dev/community/themes/ok-1784607188438/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"damanhduy2111"},{"id":"21st-theme:damanhduy2111__slate-minimal-1784598526079","t":"Slate Minimal","d":"Explore the Slate Minimal shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"damanhduy2111","pl":"https://21st.dev/community/themes/slate-minimal-1784598526079/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"damanhduy2111"},{"id":"21st-theme:danielbrownlaw__orange-soft-1786455326423","t":"Orange Soft","d":"Explore the Orange Soft shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"danielbrownlaw","pl":"https://21st.dev/community/themes/orange-soft-1786455326423/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"danielbrownlaw"},{"id":"21st-theme:danielgregersen12__claude-remix-1783539808246","t":"Claude remix","d":"Explore the Claude remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"danielgregersen12","pl":"https://21st.dev/community/themes/claude-remix-1783539808246/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"danielgregersen12"},{"id":"21st-theme:dasaassistant__claude-amber-remix-1783552383369","t":"Claude Amber remix","d":"Explore the Claude Amber remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"dasaassistant","pl":"https://21st.dev/community/themes/claude-amber-remix-1783552383369/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"dasaassistant"},{"id":"21st-theme:datachaihaobo__caffeine-remix-1782989728069","t":"Caffeine remix","d":"Explore the Caffeine remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"datachaihaobo","pl":"https://21st.dev/community/themes/caffeine-remix-1782989728069/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"datachaihaobo"},{"id":"21st-theme:dbarriosbarba2028__every-story-matters-1785684650986","t":"Every Story Matters","d":"Explore the Every Story Matters shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"dbarriosbarba2028","pl":"https://21st.dev/community/themes/every-story-matters-1785684650986/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"dbarriosbarba2028"},{"id":"21st-theme:dbarriosbarba2028__everystorymatters-1785695318538","t":"EveryStoryMatters","d":"Explore the EveryStoryMatters shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"dbarriosbarba2028","pl":"https://21st.dev/community/themes/everystorymatters-1785695318538/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"dbarriosbarba2028"},{"id":"21st-theme:den.crypto.001__mint-signal-remix-1783098951929","t":"Mint Signal remix","d":"Explore the Mint Signal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"den.crypto.001","pl":"https://21st.dev/community/themes/mint-signal-remix-1783098951929/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"den.crypto.001"},{"id":"21st-theme:design_198ffe2e__nexa-1784864348223","t":"NEXA","d":"Explore the NEXA shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"design_198ffe2e","pl":"https://21st.dev/community/themes/nexa-1784864348223/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"design_198ffe2e"},{"id":"21st-theme:detachedparent-max__bubblegum-remix-1783985458444","t":"Bubblegum remix","d":"Explore the Bubblegum remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"detachedparent-max","pl":"https://21st.dev/community/themes/bubblegum-remix-1783985458444/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"detachedparent-max"},{"id":"21st-theme:detachedparent-max__bubblegum-remix-remix-1784008689354","t":"Bubblegum remix remix","d":"Explore the Bubblegum remix remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"detachedparent-max","pl":"https://21st.dev/community/themes/bubblegum-remix-remix-1784008689354/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"detachedparent-max"},{"id":"21st-theme:detachedparent-max__indigo-frost-remix-1783987432067","t":"Indigo Frost remix","d":"Explore the Indigo Frost remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"detachedparent-max","pl":"https://21st.dev/community/themes/indigo-frost-remix-1783987432067/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"detachedparent-max"},{"id":"21st-theme:detachedparent-max__solar-dusk-re-remix-1783990450958","t":"Solar Dusk re remix","d":"Explore the Solar Dusk re remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"detachedparent-max","pl":"https://21st.dev/community/themes/solar-dusk-re-remix-1783990450958/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"detachedparent-max"},{"id":"21st-theme:detachedparent-max__zen-linen-remix-1784120258554","t":"Zen Linen remix","d":"Explore the Zen Linen remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"detachedparent-max","pl":"https://21st.dev/community/themes/zen-linen-remix-1784120258554/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"detachedparent-max"},{"id":"21st-theme:detoritsmash__vercel-remix-1783754624889","t":"Vercel remix","d":"Explore the Vercel remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"detoritsmash","pl":"https://21st.dev/community/themes/vercel-remix-1783754624889/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"detoritsmash"},{"id":"21st-theme:dev_e31fc7ba__v1-bdj-1785369007570","t":"v1-bdj","d":"Explore the v1-bdj shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"dev_e31fc7ba","pl":"https://21st.dev/community/themes/v1-bdj-1785369007570/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"dev_e31fc7ba"},{"id":"21st-theme:developer_9d6ddb41__digitomics-1783410756093","t":"Digitomics","d":"Explore the Digitomics shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"developer_9d6ddb41","pl":"https://21st.dev/community/themes/digitomics-1783410756093/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"developer_9d6ddb41"},{"id":"21st-theme:developer_9d6ddb41__digitomics-remix-1783413124616","t":"Digitomics remix","d":"Explore the Digitomics remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"developer_9d6ddb41","pl":"https://21st.dev/community/themes/digitomics-remix-1783413124616/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"developer_9d6ddb41"},{"id":"21st-theme:dimitri__coral-teal-remix-1784134671980","t":"Coral Teal remix","d":"Explore the Coral Teal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"dimitri","pl":"https://21st.dev/community/themes/coral-teal-remix-1784134671980/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"dimitri"},{"id":"21st-theme:dimitrii.maksimenko__azure-mist-remix-1783065951126","t":"Azure Mist remix","d":"Explore the Azure Mist remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"dimitrii.maksimenko","pl":"https://21st.dev/community/themes/azure-mist-remix-1783065951126/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"dimitrii.maksimenko"},{"id":"21st-theme:djuny.alain__honey-sandstone-remix-1783833872987","t":"Honey Sandstone remix","d":"Explore the Honey Sandstone remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"djuny.alain","pl":"https://21st.dev/community/themes/honey-sandstone-remix-1783833872987/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"djuny.alain"},{"id":"21st-theme:dontsmile52__sunset-horizon-1783898686915","t":"Sunset Horizon","d":"Explore the Sunset Horizon shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"dontsmile52","pl":"https://21st.dev/community/themes/sunset-horizon-1783898686915/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"dontsmile52"},{"id":"21st-theme:eagavrilova018__indigo-mono-remix-1782894658983","t":"Indigo Mono remix","d":"Explore the Indigo Mono remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"eagavrilova018","pl":"https://21st.dev/community/themes/indigo-mono-remix-1782894658983/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"eagavrilova018"},{"id":"21st-theme:edipdev__pink-vivid-1786269003824","t":"Pink Vivid","d":"Explore the Pink Vivid shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"edipdev","pl":"https://21st.dev/community/themes/pink-vivid-1786269003824/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"edipdev"},{"id":"21st-theme:edwuard2213__claude-azure-remix-1782825469780","t":"Claude Azure remix","d":"Explore the Claude Azure remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"edwuard2213","pl":"https://21st.dev/community/themes/claude-azure-remix-1782825469780/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"edwuard2213"},{"id":"21st-theme:eliaszaki__classic-blue-and-dark-theme-1785167003696","t":"Classic blue and dark theme","d":"Explore the Classic blue and dark theme shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"eliaszaki","pl":"https://21st.dev/community/themes/classic-blue-and-dark-theme-1785167003696/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"eliaszaki"},{"id":"21st-theme:emrecanyerden12__azure-mono-remix-1783443604133","t":"Azure Mono remix","d":"Explore the Azure Mono remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"emrecanyerden12","pl":"https://21st.dev/community/themes/azure-mono-remix-1783443604133/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"emrecanyerden12"},{"id":"21st-theme:estermarcelinavitoriabarros-code__prado-almeida-site-1786108789145","t":"Prado Almeida site","d":"Explore the Prado Almeida site shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"estermarcelinavitoriabarros-code","pl":"https://21st.dev/community/themes/prado-almeida-site-1786108789145/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"estermarcelinavitoriabarros-code"},{"id":"21st-theme:ey.lee__respec-theme-1785489378764","t":"Respec theme","d":"Explore the Respec theme shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ey.lee","pl":"https://21st.dev/community/themes/respec-theme-1785489378764/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ey.lee"},{"id":"21st-theme:ferreiraferreira14__ninja-1786814780438","t":"Ninja","d":"Explore the Ninja shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ferreiraferreira14","pl":"https://21st.dev/community/themes/ninja-1786814780438/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ferreiraferreira14"},{"id":"21st-theme:friendsamly__modern-minimal-remix-remix-1783598162996","t":"Modern Minimal remix remix","d":"Explore the Modern Minimal remix remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"friendsamly","pl":"https://21st.dev/community/themes/modern-minimal-remix-remix-1783598162996/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"friendsamly"},{"id":"21st-theme:fusshenry__pride-advice-1783492394446","t":"Pride Advice","d":"Explore the Pride Advice shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"fusshenry","pl":"https://21st.dev/community/themes/pride-advice-1783492394446/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"fusshenry"},{"id":"21st-theme:gabriel7000rodrigues__midnight-1784742173266","t":"Midnight v2","d":"Explore the Midnight v2 shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"gabriel7000rodrigues","pl":"https://21st.dev/community/themes/midnight-1784742173266/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"gabriel7000rodrigues"},{"id":"21st-theme:gabrielgacutan3__claude-amber-remix-1784111926864","t":"Claude Amber remix","d":"Explore the Claude Amber remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"gabrielgacutan3","pl":"https://21st.dev/community/themes/claude-amber-remix-1784111926864/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"gabrielgacutan3"},{"id":"21st-theme:gabrielsarayva1910__vercel-remix-1783529973801","t":"Vercel remix","d":"Explore the Vercel remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"gabrielsarayva1910","pl":"https://21st.dev/community/themes/vercel-remix-1783529973801/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"gabrielsarayva1910"},{"id":"21st-theme:gauranshrajput27__pastel-dreams-remix-1782847833917","t":"Pastel Dreams remix","d":"Explore the Pastel Dreams remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"gauranshrajput27","pl":"https://21st.dev/community/themes/pastel-dreams-remix-1782847833917/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"gauranshrajput27"},{"id":"21st-theme:gean.malaquias_70505cac__orange-vivid-1786975625618","t":"Orange Vivid","d":"Explore the Orange Vivid shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"gean.malaquias_70505cac","pl":"https://21st.dev/community/themes/orange-vivid-1786975625618/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"gean.malaquias_70505cac"},{"id":"21st-theme:genic68503__yomedic-1782740209088","t":"yomedic","d":"Explore the yomedic shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"genic68503","pl":"https://21st.dev/community/themes/yomedic-1782740209088/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"genic68503"},{"id":"21st-theme:george_7ec2d912__sky-vivid-1786657334157","t":"Sky Vivid","d":"Explore the Sky Vivid shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"george_7ec2d912","pl":"https://21st.dev/community/themes/sky-vivid-1786657334157/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"george_7ec2d912"},{"id":"21st-theme:ginowhixd__claude-amber-remix-1783034863370","t":"Claude Amber remix","d":"Explore the Claude Amber remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ginowhixd","pl":"https://21st.dev/community/themes/claude-amber-remix-1783034863370/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ginowhixd"},{"id":"21st-theme:ginowhixd__vercel-remix-gra-1783074281391","t":"Vercel remix gra","d":"Explore the Vercel remix gra shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ginowhixd","pl":"https://21st.dev/community/themes/vercel-remix-gra-1783074281391/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ginowhixd"},{"id":"21st-theme:gitworkdone__dial-daddy-club-1784686129831","t":"Dial Daddy Club","d":"Explore the Dial Daddy Club shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"gitworkdone","pl":"https://21st.dev/community/themes/dial-daddy-club-1784686129831/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"gitworkdone"},{"id":"21st-theme:gozustrike__primer-tema-1782918709525","t":"primer tema","d":"Explore the primer tema shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"gozustrike","pl":"https://21st.dev/community/themes/primer-tema-1782918709525/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"gozustrike"},{"id":"21st-theme:gozustrike__red-theme-1782885994092","t":"red theme","d":"Explore the red theme shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"gozustrike","pl":"https://21st.dev/community/themes/red-theme-1782885994092/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"gozustrike"},{"id":"21st-theme:gustavo.raimundo__neon-cyber-remix-1784052082337","t":"Neon Cyber remix","d":"Explore the Neon Cyber remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"gustavo.raimundo","pl":"https://21st.dev/community/themes/neon-cyber-remix-1784052082337/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"gustavo.raimundo"},{"id":"21st-theme:gustavo_bb9bd13d__azure-mono-remix-1784052943785","t":"Azure Mono remix","d":"Explore the Azure Mono remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"gustavo_bb9bd13d","pl":"https://21st.dev/community/themes/azure-mono-remix-1784052943785/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"gustavo_bb9bd13d"},{"id":"21st-theme:guyunfeng1220__sky-vivid-1785401618119","t":"Sky Vivid","d":"Explore the Sky Vivid shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"guyunfeng1220","pl":"https://21st.dev/community/themes/sky-vivid-1785401618119/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"guyunfeng1220"},{"id":"21st-theme:hacigo34__harbor-steel-remix-1784058014384","t":"Harbor Steel remix","d":"Explore the Harbor Steel remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"hacigo34","pl":"https://21st.dev/community/themes/harbor-steel-remix-1784058014384/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"hacigo34"},{"id":"21st-theme:hacigo34__harbor-steel-remix-remix-1784058099611","t":"Harbor Steel remix remix","d":"Explore the Harbor Steel remix remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"hacigo34","pl":"https://21st.dev/community/themes/harbor-steel-remix-remix-1784058099611/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"hacigo34"},{"id":"21st-theme:hajdeosk__zen-linen-remix-1782605645890","t":"Zen Linen remix","d":"Explore the Zen Linen remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"hajdeosk","pl":"https://21st.dev/community/themes/zen-linen-remix-1782605645890/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"hajdeosk"},{"id":"21st-theme:halilbrahimkaynak53__borsan-1784276577239","t":"borsan","d":"Explore the borsan shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"halilbrahimkaynak53","pl":"https://21st.dev/community/themes/borsan-1784276577239/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"halilbrahimkaynak53"},{"id":"21st-theme:hanjun7__solar-dusk-remix-1782980951302","t":"Solar Dusk remix","d":"Explore the Solar Dusk remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"hanjun7","pl":"https://21st.dev/community/themes/solar-dusk-remix-1782980951302/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"hanjun7"},{"id":"21st-theme:hanukong0218__claude-azure-remix-1782798098888","t":"Claude Azure remix","d":"Explore the Claude Azure remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"hanukong0218","pl":"https://21st.dev/community/themes/claude-azure-remix-1782798098888/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"hanukong0218"},{"id":"21st-theme:hargun.dhutt__taste-in-motion-colour-slam-1784579653373","t":"Taste in Motion Colour Slam","d":"Explore the Taste in Motion Colour Slam shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"hargun.dhutt","pl":"https://21st.dev/community/themes/taste-in-motion-colour-slam-1784579653373/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"hargun.dhutt"},{"id":"21st-theme:harryrobertl__neo-brutalism-remix-1783358263714","t":"Neo Brutalism remix","d":"Explore the Neo Brutalism remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"harryrobertl","pl":"https://21st.dev/community/themes/neo-brutalism-remix-1783358263714/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"harryrobertl"},{"id":"21st-theme:hazimmohamed950__graphite-mono-remix-1783078591439","t":"Graphite Mono remix","d":"Explore the Graphite Mono remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"hazimmohamed950","pl":"https://21st.dev/community/themes/graphite-mono-remix-1783078591439/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"hazimmohamed950"},{"id":"21st-theme:hectoryb9__claude-remix-1784244656123","t":"Claude remix","d":"Explore the Claude remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"hectoryb9","pl":"https://21st.dev/community/themes/claude-remix-1784244656123/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"hectoryb9"},{"id":"21st-theme:hennyp112__rose-quartz-remix-1783974221288","t":"Rose Quartz remix","d":"Explore the Rose Quartz remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"hennyp112","pl":"https://21st.dev/community/themes/rose-quartz-remix-1783974221288/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"hennyp112"},{"id":"21st-theme:hk20141947__candyland-remix-1782748513826","t":"Candyland remix","d":"Explore the Candyland remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"hk20141947","pl":"https://21st.dev/community/themes/candyland-remix-1782748513826/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"hk20141947"},{"id":"21st-theme:hollyorifndj__vercel-remix-1782909113391","t":"Vercel remix","d":"Explore the Vercel remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"hollyorifndj","pl":"https://21st.dev/community/themes/vercel-remix-1782909113391/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"hollyorifndj"},{"id":"21st-theme:hruby__modern-minimal-remix-1782703474048","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"hruby","pl":"https://21st.dev/community/themes/modern-minimal-remix-1782703474048/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"hruby"},{"id":"21st-theme:hsu-hlaing-htet__rose-1782570319670","t":"Rose","d":"Explore the Rose shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"hsu-hlaing-htet","pl":"https://21st.dev/community/themes/rose-1782570319670/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"hsu-hlaing-htet"},{"id":"21st-theme:hsu-hlaing-htet__rose-1782570553735","t":"Rose","d":"Explore the Rose shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"hsu-hlaing-htet","pl":"https://21st.dev/community/themes/rose-1782570553735/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"hsu-hlaing-htet"},{"id":"21st-theme:hunxoo__ikun-1783132773426","t":"ikun","d":"Explore the ikun shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"hunxoo","pl":"https://21st.dev/community/themes/ikun-1783132773426/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"hunxoo"},{"id":"21st-theme:hunxoo__ikun-remix-1783132983345","t":"ikun remix","d":"Explore the ikun remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"hunxoo","pl":"https://21st.dev/community/themes/ikun-remix-1783132983345/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"hunxoo"},{"id":"21st-theme:imenarwigema__loanstack-1782938858891","t":"Loanstack","d":"Explore the Loanstack shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"imenarwigema","pl":"https://21st.dev/community/themes/loanstack-1782938858891/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"imenarwigema"},{"id":"21st-theme:ing.josephcapellan__modern-minimal-remix-1783523082923","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ing.josephcapellan","pl":"https://21st.dev/community/themes/modern-minimal-remix-1783523082923/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ing.josephcapellan"},{"id":"21st-theme:isuikinho__cobalt-mist-remix-1783532608225","t":"Cobalt Mist remix","d":"Explore the Cobalt Mist remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"isuikinho","pl":"https://21st.dev/community/themes/cobalt-mist-remix-1783532608225/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"isuikinho"},{"id":"21st-theme:itzme-dark__indigo-harbor-remix-1782680076523","t":"Indigo Harbor remix","d":"Explore the Indigo Harbor remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"itzme-dark","pl":"https://21st.dev/community/themes/indigo-harbor-remix-1782680076523/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"itzme-dark"},{"id":"21st-theme:jaanigambler03__my-gonm-1784115607108","t":"my gonm","d":"Explore the my gonm shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"jaanigambler03","pl":"https://21st.dev/community/themes/my-gonm-1784115607108/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"jaanigambler03"},{"id":"21st-theme:jaivalsoni1256__k-1782903660503","t":"k","d":"Explore the k shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"jaivalsoni1256","pl":"https://21st.dev/community/themes/k-1782903660503/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"jaivalsoni1256"},{"id":"21st-theme:jandersonalmeida__med-faturas-1783563490839","t":"Med Faturas","d":"Explore the Med Faturas shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"jandersonalmeida","pl":"https://21st.dev/community/themes/med-faturas-1783563490839/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"jandersonalmeida"},{"id":"21st-theme:jannoxpesimista__modern-minimal-remix-1784058811121","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"jannoxpesimista","pl":"https://21st.dev/community/themes/modern-minimal-remix-1784058811121/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"jannoxpesimista"},{"id":"21st-theme:jc.cross8__candyland-remix-1782952892140","t":"Candyland remix","d":"Explore the Candyland remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"jc.cross8","pl":"https://21st.dev/community/themes/candyland-remix-1782952892140/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"jc.cross8"},{"id":"21st-theme:jeren4974__template-1783705022709","t":"template","d":"Explore the template shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"jeren4974","pl":"https://21st.dev/community/themes/template-1783705022709/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"jeren4974"},{"id":"21st-theme:jesse_d4a3cf52__darkmatter-remix-1783597085496","t":"Darkmatter remix","d":"Explore the Darkmatter remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"jesse_d4a3cf52","pl":"https://21st.dev/community/themes/darkmatter-remix-1783597085496/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"jesse_d4a3cf52"},{"id":"21st-theme:jessian661__gatherly-1782634948332","t":"gatherly","d":"Explore the gatherly shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"jessian661","pl":"https://21st.dev/community/themes/gatherly-1782634948332/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"jessian661"},{"id":"21st-theme:jh__lime-frost-remix-1784105619851","t":"Lime Frost remix","d":"Explore the Lime Frost remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"jh","pl":"https://21st.dev/community/themes/lime-frost-remix-1784105619851/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"jh"},{"id":"21st-theme:jhurtado0598__zucar-1784774309407","t":"zucar","d":"Explore the zucar shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"jhurtado0598","pl":"https://21st.dev/community/themes/zucar-1784774309407/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"jhurtado0598"},{"id":"21st-theme:jithendra-varma__vintage-1782743587380","t":"vintage","d":"Explore the vintage shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"jithendra-varma","pl":"https://21st.dev/community/themes/vintage-1782743587380/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"jithendra-varma"},{"id":"21st-theme:jl.uli1996__northern-lights-remix-1782931519032","t":"Northern Lights remix","d":"Explore the Northern Lights remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"jl.uli1996","pl":"https://21st.dev/community/themes/northern-lights-remix-1782931519032/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"jl.uli1996"},{"id":"21st-theme:joantsayem__emerald-sun-remix-1783211310807","t":"Emerald Sun remix","d":"Explore the Emerald Sun remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"joantsayem","pl":"https://21st.dev/community/themes/emerald-sun-remix-1783211310807/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"joantsayem"},{"id":"21st-theme:joaopp05__new-1783614097865","t":"new","d":"Explore the new shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"joaopp05","pl":"https://21st.dev/community/themes/new-1783614097865/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"joaopp05"},{"id":"21st-theme:joaopp05__new-1783614356324","t":"new","d":"Explore the new shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"joaopp05","pl":"https://21st.dev/community/themes/new-1783614356324/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"joaopp05"},{"id":"21st-theme:jobbaa__black-an-dwhite-1783494082115","t":"Black an dwhite","d":"Explore the Black an dwhite shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"jobbaa","pl":"https://21st.dev/community/themes/black-an-dwhite-1783494082115/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"jobbaa"},{"id":"21st-theme:jocutraw__matrix-green-remix-1782603505828","t":"Matrix Green remix","d":"Explore the Matrix Green remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"jocutraw","pl":"https://21st.dev/community/themes/matrix-green-remix-1782603505828/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"jocutraw"},{"id":"21st-theme:john.soriano__paymongo-theme-1783332882818","t":"PayMongo Theme","d":"Explore the PayMongo Theme shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"john.soriano","pl":"https://21st.dev/community/themes/paymongo-theme-1783332882818/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"john.soriano"},{"id":"21st-theme:john.soriano__tnkr-1785137789647","t":"TNKR","d":"Explore the TNKR shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"john.soriano","pl":"https://21st.dev/community/themes/tnkr-1785137789647/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"john.soriano"},{"id":"21st-theme:john_b3ee2bc7__fortescue-1782971991470","t":"Fortescue","d":"Explore the Fortescue shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"john_b3ee2bc7","pl":"https://21st.dev/community/themes/fortescue-1782971991470/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"john_b3ee2bc7"},{"id":"21st-theme:johnkefilwe__raylum-1782997123576","t":"Raylum","d":"Explore the Raylum shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"johnkefilwe","pl":"https://21st.dev/community/themes/raylum-1782997123576/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"johnkefilwe"},{"id":"21st-theme:jonn4y__neon-red-remix-remix-1783320565493","t":"Neon Red remix remix","d":"Explore the Neon Red remix remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"jonn4y","pl":"https://21st.dev/community/themes/neon-red-remix-remix-1783320565493/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"jonn4y"},{"id":"21st-theme:jordanlmcr__azimuts-4july-1783161877313","t":"Azimuts 4July","d":"Explore the Azimuts 4July shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"jordanlmcr","pl":"https://21st.dev/community/themes/azimuts-4july-1783161877313/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"jordanlmcr"},{"id":"21st-theme:josafatech__escalado-1782738647711","t":"Escalado","d":"Explore the Escalado shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"josafatech","pl":"https://21st.dev/community/themes/escalado-1782738647711/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"josafatech"},{"id":"21st-theme:josafatech__escalado-v2-1783211369385","t":"Escalado V2","d":"Explore the Escalado V2 shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"josafatech","pl":"https://21st.dev/community/themes/escalado-v2-1783211369385/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"josafatech"},{"id":"21st-theme:jty54157__claude-azure-remix-1783725050841","t":"Claude Azure remix","d":"Explore the Claude Azure remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"jty54157","pl":"https://21st.dev/community/themes/claude-azure-remix-1783725050841/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"jty54157"},{"id":"21st-theme:juxchxx__kodama-grove-remix-1783014901522","t":"Kodama Grove remix","d":"Explore the Kodama Grove remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"juxchxx","pl":"https://21st.dev/community/themes/kodama-grove-remix-1783014901522/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"juxchxx"},{"id":"21st-theme:k4m65k6__amber-minimal-remix-1784031991159","t":"Amber Minimal remix","d":"Explore the Amber Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"k4m65k6","pl":"https://21st.dev/community/themes/amber-minimal-remix-1784031991159/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"k4m65k6"},{"id":"21st-theme:kanchandaskuldeep1954__modern-minimal-remix-1782965632907","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"kanchandaskuldeep1954","pl":"https://21st.dev/community/themes/modern-minimal-remix-1782965632907/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"kanchandaskuldeep1954"},{"id":"21st-theme:kanishkasharma21135378__vercel-remix-1782634733838","t":"Vercel remix","d":"Explore the Vercel remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"kanishkasharma21135378","pl":"https://21st.dev/community/themes/vercel-remix-1782634733838/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"kanishkasharma21135378"},{"id":"21st-theme:kantipudi604__northernlights-1783791122087","t":"NorthernLights","d":"Explore the NorthernLights shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"kantipudi604","pl":"https://21st.dev/community/themes/northernlights-1783791122087/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"kantipudi604"},{"id":"21st-theme:karatarkan921__echos-kayip-modul-1783333806746","t":"Echos Kayip Modul","d":"Explore the Echos Kayip Modul shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"karatarkan921","pl":"https://21st.dev/community/themes/echos-kayip-modul-1783333806746/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"karatarkan921"},{"id":"21st-theme:karthick.branding__gowc-1786358916305","t":"GOWC","d":"Explore the GOWC shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"karthick.branding","pl":"https://21st.dev/community/themes/gowc-1786358916305/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"karthick.branding"},{"id":"21st-theme:kasraco__perpetuity-remix-1783850966120","t":"Perpetuity remix","d":"Explore the Perpetuity remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"kasraco","pl":"https://21st.dev/community/themes/perpetuity-remix-1783850966120/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"kasraco"},{"id":"21st-theme:kay089680__claude-remix-1782586539780","t":"Claude remix","d":"Explore the Claude remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"kay089680","pl":"https://21st.dev/community/themes/claude-remix-1782586539780/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"kay089680"},{"id":"21st-theme:khairilaffan0618__sinyal-cohiba-1784271955445","t":"Sinyal Cohiba","d":"Explore the Sinyal Cohiba shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"khairilaffan0618","pl":"https://21st.dev/community/themes/sinyal-cohiba-1784271955445/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"khairilaffan0618"},{"id":"21st-theme:klajdo.fyraj__amber-slate-remix-1782997518946","t":"Amber Slate remix","d":"Explore the Amber Slate remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"klajdo.fyraj","pl":"https://21st.dev/community/themes/amber-slate-remix-1782997518946/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"klajdo.fyraj"},{"id":"21st-theme:klajdo.fyraj__indigo-harbor-remix-1783589672318","t":"Indigo Harbor remix","d":"Explore the Indigo Harbor remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"klajdo.fyraj","pl":"https://21st.dev/community/themes/indigo-harbor-remix-1783589672318/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"klajdo.fyraj"},{"id":"21st-theme:knowledge-jo__vercel-remix-1783359285309","t":"Vercel remix","d":"Explore the Vercel remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"knowledge-jo","pl":"https://21st.dev/community/themes/vercel-remix-1783359285309/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"knowledge-jo"},{"id":"21st-theme:komandamedia__komanda-media-1787053713750","t":"Komanda Media","d":"Explore the Komanda Media shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"komandamedia","pl":"https://21st.dev/community/themes/komanda-media-1787053713750/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"komandamedia"},{"id":"21st-theme:kris.axiris__cyberpunk-remix-1783337795356","t":"Cyberpunk remix","d":"Explore the Cyberpunk remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"kris.axiris","pl":"https://21st.dev/community/themes/cyberpunk-remix-1783337795356/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"kris.axiris"},{"id":"21st-theme:kvagrwalak1__cyro-1784531109672","t":"CYRO","d":"Explore the CYRO shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"kvagrwalak1","pl":"https://21st.dev/community/themes/cyro-1784531109672/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"kvagrwalak1"},{"id":"21st-theme:kyle_697c2a14__bos-1784044369050","t":"BOS","d":"Explore the BOS shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"kyle_697c2a14","pl":"https://21st.dev/community/themes/bos-1784044369050/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"kyle_697c2a14"},{"id":"21st-theme:kyle_697c2a14__gom-remix-1784137249114","t":"GoM Remix","d":"Explore the GoM Remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"kyle_697c2a14","pl":"https://21st.dev/community/themes/gom-remix-1784137249114/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"kyle_697c2a14"},{"id":"21st-theme:kylian.barthelemy2003__olympia-1782904290624","t":"Olympia","d":"Explore the Olympia shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"kylian.barthelemy2003","pl":"https://21st.dev/community/themes/olympia-1782904290624/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"kylian.barthelemy2003"},{"id":"21st-theme:kylian.barthelemy2003__olympia-1782904543478","t":"Olympia","d":"Explore the Olympia shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"kylian.barthelemy2003","pl":"https://21st.dev/community/themes/olympia-1782904543478/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"kylian.barthelemy2003"},{"id":"21st-theme:kym__basic-blue-1784080694571","t":"basic blue","d":"Explore the basic blue shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"kym","pl":"https://21st.dev/community/themes/basic-blue-1784080694571/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"kym"},{"id":"21st-theme:lassegrossfeld__modern-minimal-remix-1782837821440","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"lassegrossfeld","pl":"https://21st.dev/community/themes/modern-minimal-remix-1782837821440/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"lassegrossfeld"},{"id":"21st-theme:lautodidakte__zen-linen-remix-1782901458026","t":"Zen Linen remix","d":"Explore the Zen Linen remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"lautodidakte","pl":"https://21st.dev/community/themes/zen-linen-remix-1782901458026/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"lautodidakte"},{"id":"21st-theme:lenamtuan28102010lfx__nah-1783853024115","t":"nah","d":"Explore the nah shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"lenamtuan28102010lfx","pl":"https://21st.dev/community/themes/nah-1783853024115/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"lenamtuan28102010lfx"},{"id":"21st-theme:lifeofnikk__elegant-luxury-remix-1783526055118","t":"Elegant Luxury remix","d":"Explore the Elegant Luxury remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"lifeofnikk","pl":"https://21st.dev/community/themes/elegant-luxury-remix-1783526055118/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"lifeofnikk"},{"id":"21st-theme:lishaozhe633__notebook-remix-1783578445882","t":"Notebook remix","d":"Explore the Notebook remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"lishaozhe633","pl":"https://21st.dev/community/themes/notebook-remix-1783578445882/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"lishaozhe633"},{"id":"21st-theme:lishaozhe633__notebook-remix-1783578479859","t":"Notebook remix","d":"Explore the Notebook remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"lishaozhe633","pl":"https://21st.dev/community/themes/notebook-remix-1783578479859/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"lishaozhe633"},{"id":"21st-theme:liveallgamegamer__vercel-remix-1784110465664","t":"Vercel remix","d":"Explore the Vercel remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"liveallgamegamer","pl":"https://21st.dev/community/themes/vercel-remix-1784110465664/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"liveallgamegamer"},{"id":"21st-theme:localhost_serafim__modern-minimal-remix-1782878654851","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"localhost_serafim","pl":"https://21st.dev/community/themes/modern-minimal-remix-1782878654851/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"localhost_serafim"},{"id":"21st-theme:lorenzobla__aker-1785161100894","t":"Aker","d":"Explore the Aker shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"lorenzobla","pl":"https://21st.dev/community/themes/aker-1785161100894/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"lorenzobla"},{"id":"21st-theme:lorenzobla__mytheme-1785241853002","t":"Mytheme","d":"Explore the Mytheme shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"lorenzobla","pl":"https://21st.dev/community/themes/mytheme-1785241853002/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"lorenzobla"},{"id":"21st-theme:losermuug__quantum-rose-remix-1783151448056","t":"Quantum Rose remix","d":"Explore the Quantum Rose remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"losermuug","pl":"https://21st.dev/community/themes/quantum-rose-remix-1783151448056/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"losermuug"},{"id":"21st-theme:ludwig.mair__retro-arcade-remix-1784208379665","t":"Retro Arcade remix","d":"Explore the Retro Arcade remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ludwig.mair","pl":"https://21st.dev/community/themes/retro-arcade-remix-1784208379665/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ludwig.mair"},{"id":"21st-theme:luid100it__graphite-mono-remix-1782797001923","t":"Graphite Mono remix","d":"Explore the Graphite Mono remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"luid100it","pl":"https://21st.dev/community/themes/graphite-mono-remix-1782797001923/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"luid100it"},{"id":"21st-theme:m_f030ba73__seagreen-minimal-1786131459580","t":"SeaGreen Minimal","d":"Explore the SeaGreen Minimal shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"m_f030ba73","pl":"https://21st.dev/community/themes/seagreen-minimal-1786131459580/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"m_f030ba73"},{"id":"21st-theme:madebyjred__neon-onyx-remix-1784250664898","t":"Neon Onyx remix","d":"Explore the Neon Onyx remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"madebyjred","pl":"https://21st.dev/community/themes/neon-onyx-remix-1784250664898/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"madebyjred"},{"id":"21st-theme:madjid__twitter-remix-bilka-1783023812359","t":"Twitter remix bilka","d":"Explore the Twitter remix bilka shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"madjid","pl":"https://21st.dev/community/themes/twitter-remix-bilka-1783023812359/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"madjid"},{"id":"21st-theme:mahankalsarthak93__indigo-soft-1785837236796","t":"Indigo Soft","d":"Explore the Indigo Soft shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"mahankalsarthak93","pl":"https://21st.dev/community/themes/indigo-soft-1785837236796/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"mahankalsarthak93"},{"id":"21st-theme:mamoonimtiaz12__modern-minimal-remix-1782749124701","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"mamoonimtiaz12","pl":"https://21st.dev/community/themes/modern-minimal-remix-1782749124701/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"mamoonimtiaz12"},{"id":"21st-theme:marcelolaranjeira__engeloc-1785739889971","t":"Engeloc","d":"Explore the Engeloc shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"marcelolaranjeira","pl":"https://21st.dev/community/themes/engeloc-1785739889971/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"marcelolaranjeira"},{"id":"21st-theme:marco.martignani__graphite-mono-remix-1783440836163","t":"Graphite Mono remix","d":"Explore the Graphite Mono remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"marco.martignani","pl":"https://21st.dev/community/themes/graphite-mono-remix-1783440836163/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"marco.martignani"},{"id":"21st-theme:mariannalig__reddit-1784667383022","t":"reddit","d":"Explore the reddit shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"mariannalig","pl":"https://21st.dev/community/themes/reddit-1784667383022/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"mariannalig"},{"id":"21st-theme:marktantongco__tealmark-1782551579141","t":"TealMark","d":"Explore the TealMark shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"marktantongco","pl":"https://21st.dev/community/themes/tealmark-1782551579141/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"marktantongco"},{"id":"21st-theme:massimobuonfrate01__green-notes-1783614187319","t":"Green Notes","d":"Explore the Green Notes shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"massimobuonfrate01","pl":"https://21st.dev/community/themes/green-notes-1783614187319/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"massimobuonfrate01"},{"id":"21st-theme:mat.enc__digitomics-mateen-1783429256610","t":"Digitomics-Mateen","d":"Explore the Digitomics-Mateen shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"mat.enc","pl":"https://21st.dev/community/themes/digitomics-mateen-1783429256610/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"mat.enc"},{"id":"21st-theme:matheoceleste__claude-remix-1783342954828","t":"Claude remix","d":"Explore the Claude remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"matheoceleste","pl":"https://21st.dev/community/themes/claude-remix-1783342954828/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"matheoceleste"},{"id":"21st-theme:matheus.rezendevr__slate-minimal-1785641895048","t":"Slate Minimal","d":"Explore the Slate Minimal shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"matheus.rezendevr","pl":"https://21st.dev/community/themes/slate-minimal-1785641895048/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"matheus.rezendevr"},{"id":"21st-theme:matingd4__styleziila-1783918801455","t":"styleziila","d":"Explore the styleziila shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"matingd4","pl":"https://21st.dev/community/themes/styleziila-1783918801455/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"matingd4"},{"id":"21st-theme:max007ng__tricolor-care-1787052830744","t":"Tricolor Care","d":"Explore the Tricolor Care shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"max007ng","pl":"https://21st.dev/community/themes/tricolor-care-1787052830744/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"max007ng"},{"id":"21st-theme:maxicrypt79-dot__neon-cyber-remix-1782877158846","t":"Neon Cyber remix","d":"Explore the Neon Cyber remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"maxicrypt79-dot","pl":"https://21st.dev/community/themes/neon-cyber-remix-1782877158846/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"maxicrypt79-dot"},{"id":"21st-theme:maxmok0508__slate-minimal-1785998648603","t":"Slate Minimal","d":"Explore the Slate Minimal shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"maxmok0508","pl":"https://21st.dev/community/themes/slate-minimal-1785998648603/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"maxmok0508"},{"id":"21st-theme:maxmok404__modern-minimal-remix-1782799115038","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"maxmok404","pl":"https://21st.dev/community/themes/modern-minimal-remix-1782799115038/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"maxmok404"},{"id":"21st-theme:mdawoodkhurram14__rpb-gamg-1783945055756","t":"Rpb gamg","d":"Explore the Rpb gamg shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"mdawoodkhurram14","pl":"https://21st.dev/community/themes/rpb-gamg-1783945055756/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"mdawoodkhurram14"},{"id":"21st-theme:mekuvan2023__clickonhann-1786266979428","t":"clickonhann","d":"Explore the clickonhann shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"mekuvan2023","pl":"https://21st.dev/community/themes/clickonhann-1786266979428/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"mekuvan2023"},{"id":"21st-theme:memykungzazath60__tbs-1786414220650","t":"TBS","d":"Explore the TBS shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"memykungzazath60","pl":"https://21st.dev/community/themes/tbs-1786414220650/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"memykungzazath60"},{"id":"21st-theme:mforourke8__solar-rio-1783258454360","t":"solar RIO","d":"Explore the solar RIO shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"mforourke8","pl":"https://21st.dev/community/themes/solar-rio-1783258454360/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"mforourke8"},{"id":"21st-theme:mforourke8__solar-roi-1783258500588","t":"Solar ROI","d":"Explore the Solar ROI shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"mforourke8","pl":"https://21st.dev/community/themes/solar-roi-1783258500588/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"mforourke8"},{"id":"21st-theme:mforourke8__solar-roi-remix-1783258535322","t":"Solar ROI remix","d":"Explore the Solar ROI remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"mforourke8","pl":"https://21st.dev/community/themes/solar-roi-remix-1783258535322/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"mforourke8"},{"id":"21st-theme:midlajnvs__modern-minimal-remix-1783919011339","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"midlajnvs","pl":"https://21st.dev/community/themes/modern-minimal-remix-1783919011339/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"midlajnvs"},{"id":"21st-theme:midlajnvs__modern-minimal-remix-remix-1783919044016","t":"Modern Minimal remix remix","d":"Explore the Modern Minimal remix remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"midlajnvs","pl":"https://21st.dev/community/themes/modern-minimal-remix-remix-1783919044016/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"midlajnvs"},{"id":"21st-theme:milixxxxx__sss-1782605599584","t":"sss","d":"Explore the sss shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"milixxxxx","pl":"https://21st.dev/community/themes/sss-1782605599584/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"milixxxxx"},{"id":"21st-theme:miloburko1__modern-minimal-remix-1783002775635","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"miloburko1","pl":"https://21st.dev/community/themes/modern-minimal-remix-1783002775635/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"miloburko1"},{"id":"21st-theme:modabou9__pink-vivid-1785470418619","t":"Pink Vivid","d":"Explore the Pink Vivid shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"modabou9","pl":"https://21st.dev/community/themes/pink-vivid-1785470418619/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"modabou9"},{"id":"21st-theme:mohammed_df73c4c3__supabase-remix-1782568258690","t":"Supabase remix","d":"Explore the Supabase remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"mohammed_df73c4c3","pl":"https://21st.dev/community/themes/supabase-remix-1782568258690/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"mohammed_df73c4c3"},{"id":"21st-theme:moiro24__emerald-spring-remix-1783553463697","t":"Emerald Spring remix","d":"Explore the Emerald Spring remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"moiro24","pl":"https://21st.dev/community/themes/emerald-spring-remix-1783553463697/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"moiro24"},{"id":"21st-theme:moonlitflower112__darkblue-white-1784028751628","t":"Darkblue-white","d":"Explore the Darkblue-white shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"moonlitflower112","pl":"https://21st.dev/community/themes/darkblue-white-1784028751628/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"moonlitflower112"},{"id":"21st-theme:mr.mazoff__golden-linen-mazovai-1783712412297","t":"Golden Linen  MazovAi","d":"Explore the Golden Linen  MazovAi shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"mr.mazoff","pl":"https://21st.dev/community/themes/golden-linen-mazovai-1783712412297/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"mr.mazoff"},{"id":"21st-theme:mr.mazoff__mono-remix-1784196778332","t":"Mono remix","d":"Explore the Mono remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"mr.mazoff","pl":"https://21st.dev/community/themes/mono-remix-1784196778332/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"mr.mazoff"},{"id":"21st-theme:mr.mazoff__mono-remix-remix-1784196845167","t":"Mono remix remix","d":"Explore the Mono remix remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"mr.mazoff","pl":"https://21st.dev/community/themes/mono-remix-remix-1784196845167/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"mr.mazoff"},{"id":"21st-theme:mregundwar_deloitte__claude-remix-1783001218992","t":"Claude remix","d":"Explore the Claude remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"mregundwar_deloitte","pl":"https://21st.dev/community/themes/claude-remix-1783001218992/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"mregundwar_deloitte"},{"id":"21st-theme:msconcer__lime-frost-remix-1784238234966","t":"Lime Frost remix","d":"Explore the Lime Frost remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"msconcer","pl":"https://21st.dev/community/themes/lime-frost-remix-1784238234966/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"msconcer"},{"id":"21st-theme:mukeshthakor__my-premix-1783275266103","t":"My Premix","d":"Explore the My Premix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"mukeshthakor","pl":"https://21st.dev/community/themes/my-premix-1783275266103/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"mukeshthakor"},{"id":"21st-theme:multiulet__sky-vivid-1786431768942","t":"Sky Vivid","d":"Explore the Sky Vivid shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"multiulet","pl":"https://21st.dev/community/themes/sky-vivid-1786431768942/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"multiulet"},{"id":"21st-theme:mustaphadahmane85__claude-remix-1783454828835","t":"Claude remix","d":"Explore the Claude remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"mustaphadahmane85","pl":"https://21st.dev/community/themes/claude-remix-1783454828835/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"mustaphadahmane85"},{"id":"21st-theme:najjibullahqaderi__najeeb-rohani-1784039444290","t":"Najeeb Rohani","d":"Explore the Najeeb Rohani shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"najjibullahqaderi","pl":"https://21st.dev/community/themes/najeeb-rohani-1784039444290/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"najjibullahqaderi"},{"id":"21st-theme:nexfixwork__vintage-paper-remix-1782850400670","t":"Vintage Paper remix","d":"Explore the Vintage Paper remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"nexfixwork","pl":"https://21st.dev/community/themes/vintage-paper-remix-1782850400670/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"nexfixwork"},{"id":"21st-theme:ngocdiem226__ocean-breeze-remix-1783704194185","t":"Ocean Breeze remix","d":"Explore the Ocean Breeze remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ngocdiem226","pl":"https://21st.dev/community/themes/ocean-breeze-remix-1783704194185/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ngocdiem226"},{"id":"21st-theme:nikhilgoud489__nikhil-1783277187381","t":"Nikhil","d":"Explore the Nikhil shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"nikhilgoud489","pl":"https://21st.dev/community/themes/nikhil-1783277187381/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"nikhilgoud489"},{"id":"21st-theme:nikitapage10__tempo-1786237716147","t":"TEMPO","d":"Explore the TEMPO shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"nikitapage10","pl":"https://21st.dev/community/themes/tempo-1786237716147/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"nikitapage10"},{"id":"21st-theme:nour.wb.biz__elegant-luxury-remix-1784109344391","t":"Elegant Luxury remix","d":"Explore the Elegant Luxury remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"nour.wb.biz","pl":"https://21st.dev/community/themes/elegant-luxury-remix-1784109344391/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"nour.wb.biz"},{"id":"21st-theme:nour.wb.biz__elegant-luxury-remix-remix-1784109456133","t":"Elegant Luxury remix remix","d":"Explore the Elegant Luxury remix remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"nour.wb.biz","pl":"https://21st.dev/community/themes/elegant-luxury-remix-remix-1784109456133/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"nour.wb.biz"},{"id":"21st-theme:nour.wb.biz__noon-1784374952148","t":"Noon","d":"Explore the Noon shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"nour.wb.biz","pl":"https://21st.dev/community/themes/noon-1784374952148/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"nour.wb.biz"},{"id":"21st-theme:nukellasanjay__neon-block-remix-1783623927941","t":"Neon Block remix","d":"Explore the Neon Block remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"nukellasanjay","pl":"https://21st.dev/community/themes/neon-block-remix-1783623927941/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"nukellasanjay"},{"id":"21st-theme:nurhasdy.nandar__pln-1786429335213","t":"PLN","d":"Explore the PLN shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"nurhasdy.nandar","pl":"https://21st.dev/community/themes/pln-1786429335213/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"nurhasdy.nandar"},{"id":"21st-theme:o.zhutov__vercel-remix-1783270960997","t":"Vercel remix","d":"Explore the Vercel remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"o.zhutov","pl":"https://21st.dev/community/themes/vercel-remix-1783270960997/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"o.zhutov"},{"id":"21st-theme:obiney500__quick-theme-1786397511983","t":"Quick theme","d":"Explore the Quick theme shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"obiney500","pl":"https://21st.dev/community/themes/quick-theme-1786397511983/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"obiney500"},{"id":"21st-theme:olga-4011__twitter-remix-1783525018300","t":"Twitter remix","d":"Explore the Twitter remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"olga-4011","pl":"https://21st.dev/community/themes/twitter-remix-1783525018300/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"olga-4011"},{"id":"21st-theme:oliverjonesy38__claude-remix-1782801914929","t":"Claude remix","d":"Explore the Claude remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"oliverjonesy38","pl":"https://21st.dev/community/themes/claude-remix-1782801914929/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"oliverjonesy38"},{"id":"21st-theme:om.pawar1512__graphite-mono-remix-1784115510118","t":"Graphite Mono remix","d":"Explore the Graphite Mono remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"om.pawar1512","pl":"https://21st.dev/community/themes/graphite-mono-remix-1784115510118/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"om.pawar1512"},{"id":"21st-theme:omkhammash__emerald-vivid-1786714739024","t":"Emerald Vivid","d":"Explore the Emerald Vivid shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"omkhammash","pl":"https://21st.dev/community/themes/emerald-vivid-1786714739024/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"omkhammash"},{"id":"21st-theme:omkhammash__emerald-vivid-2-1786715529893","t":"Emerald Vivid 2","d":"Explore the Emerald Vivid 2 shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"omkhammash","pl":"https://21st.dev/community/themes/emerald-vivid-2-1786715529893/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"omkhammash"},{"id":"21st-theme:ondenet34__test-1783523139487","t":"test","d":"Explore the test shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ondenet34","pl":"https://21st.dev/community/themes/test-1783523139487/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ondenet34"},{"id":"21st-theme:operdrix__violet-dusk-remix-1783977689866","t":"Violet Dusk remix","d":"Explore the Violet Dusk remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"operdrix","pl":"https://21st.dev/community/themes/violet-dusk-remix-1783977689866/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"operdrix"},{"id":"21st-theme:otiktok932__modern-minimal-remix-1784019825388","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"otiktok932","pl":"https://21st.dev/community/themes/modern-minimal-remix-1784019825388/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"otiktok932"},{"id":"21st-theme:oualidmenadjelia__ironclad-precision-1785075006454","t":"Ironclad Precision","d":"Explore the Ironclad Precision shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"oualidmenadjelia","pl":"https://21st.dev/community/themes/ironclad-precision-1785075006454/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"oualidmenadjelia"},{"id":"21st-theme:ozgur16.yegin__vercel-remix-1782613354008","t":"Vercel remix","d":"Explore the Vercel remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ozgur16.yegin","pl":"https://21st.dev/community/themes/vercel-remix-1782613354008/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ozgur16.yegin"},{"id":"21st-theme:panjidenisgiantoroo__sunset-horizon-remix-1783502440500","t":"Sunset Horizon remix","d":"Explore the Sunset Horizon remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"panjidenisgiantoroo","pl":"https://21st.dev/community/themes/sunset-horizon-remix-1783502440500/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"panjidenisgiantoroo"},{"id":"21st-theme:parkheshubh__azure-mono-remix-1782613475819","t":"Azure Mono remix","d":"Explore the Azure Mono remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"parkheshubh","pl":"https://21st.dev/community/themes/azure-mono-remix-1782613475819/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"parkheshubh"},{"id":"21st-theme:paulpietra83__gleam-1782809130254","t":"Gleam","d":"Explore the Gleam shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"paulpietra83","pl":"https://21st.dev/community/themes/gleam-1782809130254/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"paulpietra83"},{"id":"21st-theme:pavan.das__green-vivid-1785138855007","t":"Green Vivid","d":"Explore the Green Vivid shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"pavan.das","pl":"https://21st.dev/community/themes/green-vivid-1785138855007/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"pavan.das"},{"id":"21st-theme:pavonini2021__kodama-grove-remix-1782919111582","t":"Kodama Grove remix","d":"Explore the Kodama Grove remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"pavonini2021","pl":"https://21st.dev/community/themes/kodama-grove-remix-1782919111582/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"pavonini2021"},{"id":"21st-theme:pdiop3885__modern-minimal-remix-1783408215608","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"pdiop3885","pl":"https://21st.dev/community/themes/modern-minimal-remix-1783408215608/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"pdiop3885"},{"id":"21st-theme:pealman1375__claude-azure-remix-1784132378015","t":"Claude Azure remix","d":"Explore the Claude Azure remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"pealman1375","pl":"https://21st.dev/community/themes/claude-azure-remix-1784132378015/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"pealman1375"},{"id":"21st-theme:petd3593__neon-magenta-remix-1782874393357","t":"Neon Magenta remix","d":"Explore the Neon Magenta remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"petd3593","pl":"https://21st.dev/community/themes/neon-magenta-remix-1782874393357/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"petd3593"},{"id":"21st-theme:peteryzbruun__monochromatics-light-1783167338592","t":"Monochromatics Light","d":"Explore the Monochromatics Light shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"peteryzbruun","pl":"https://21st.dev/community/themes/monochromatics-light-1783167338592/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"peteryzbruun"},{"id":"21st-theme:peteryzbruun__pine-terminal-remix-1783145711579","t":"Pine Terminal remix","d":"Explore the Pine Terminal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"peteryzbruun","pl":"https://21st.dev/community/themes/pine-terminal-remix-1783145711579/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"peteryzbruun"},{"id":"21st-theme:peteryzbruun__seafoam-green-1783145561036","t":"seafoam green","d":"Explore the seafoam green shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"peteryzbruun","pl":"https://21st.dev/community/themes/seafoam-green-1783145561036/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"peteryzbruun"},{"id":"21st-theme:pjy464297__violet-bloom-remix-1784103853858","t":"Violet Bloom remix","d":"Explore the Violet Bloom remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"pjy464297","pl":"https://21st.dev/community/themes/violet-bloom-remix-1784103853858/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"pjy464297"},{"id":"21st-theme:pmbuzhmehrani__exvorta-base-1784742455357","t":"exvorta-base","d":"Explore the exvorta-base shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"pmbuzhmehrani","pl":"https://21st.dev/community/themes/exvorta-base-1784742455357/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"pmbuzhmehrani"},{"id":"21st-theme:pmetha9595__modern-minimal-remix-1783671047984","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"pmetha9595","pl":"https://21st.dev/community/themes/modern-minimal-remix-1783671047984/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"pmetha9595"},{"id":"21st-theme:pranavpat401__zen-linen-remix-1783647292981","t":"Zen Linen remix","d":"Explore the Zen Linen remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"pranavpat401","pl":"https://21st.dev/community/themes/zen-linen-remix-1783647292981/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"pranavpat401"},{"id":"21st-theme:predictiondose__doom-64-remix-1782730134816","t":"Doom 64 remix","d":"Explore the Doom 64 remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"predictiondose","pl":"https://21st.dev/community/themes/doom-64-remix-1782730134816/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"predictiondose"},{"id":"21st-theme:priyalove920__claude-remix-1782959216691","t":"Claude remix","d":"Explore the Claude remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"priyalove920","pl":"https://21st.dev/community/themes/claude-remix-1782959216691/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"priyalove920"},{"id":"21st-theme:priyalove920__claude-remix-1782959669308","t":"Claude remix","d":"Explore the Claude remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"priyalove920","pl":"https://21st.dev/community/themes/claude-remix-1782959669308/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"priyalove920"},{"id":"21st-theme:profitsalesorg-crypto__promotor-1784910880981","t":"ProMotor","d":"Explore the ProMotor shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"profitsalesorg-crypto","pl":"https://21st.dev/community/themes/promotor-1784910880981/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"profitsalesorg-crypto"},{"id":"21st-theme:profitsalesorg-crypto__promotor-wow-1784919270278","t":"ProMotor Wow","d":"Explore the ProMotor Wow shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"profitsalesorg-crypto","pl":"https://21st.dev/community/themes/promotor-wow-1784919270278/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"profitsalesorg-crypto"},{"id":"21st-theme:pttaatatata__elegant-luxury-remix-1782723230590","t":"Elegant Luxury remix","d":"Explore the Elegant Luxury remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"pttaatatata","pl":"https://21st.dev/community/themes/elegant-luxury-remix-1782723230590/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"pttaatatata"},{"id":"21st-theme:puadomany__mocha-mousse-remix-1782596462712","t":"Mocha Mousse remix","d":"Explore the Mocha Mousse remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"puadomany","pl":"https://21st.dev/community/themes/mocha-mousse-remix-1782596462712/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"puadomany"},{"id":"21st-theme:qcasares__qprofile-neon-cyber-after-gustavo-raimundo-1785789080284","t":"qprofile Neon Cyber (after gustavo.raimundo)","d":"Explore the qprofile Neon Cyber (after gustavo.raimundo) shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"qcasares","pl":"https://21st.dev/community/themes/qprofile-neon-cyber-after-gustavo-raimundo-1785789080284/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"qcasares"},{"id":"21st-theme:radchenko.viktoriaa__color-th-1782604693183","t":"Color th","d":"Explore the Color th shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"radchenko.viktoriaa","pl":"https://21st.dev/community/themes/color-th-1782604693183/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"radchenko.viktoriaa"},{"id":"21st-theme:ramitaptraining__claude-remix-1784155834076","t":"Claude remix","d":"Explore the Claude remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ramitaptraining","pl":"https://21st.dev/community/themes/claude-remix-1784155834076/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ramitaptraining"},{"id":"21st-theme:ramitaptraining__claude-remix-remix-1784155848780","t":"Claude remix remix","d":"Explore the Claude remix remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ramitaptraining","pl":"https://21st.dev/community/themes/claude-remix-remix-1784155848780/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ramitaptraining"},{"id":"21st-theme:ranjeet94787__vercel-remix-1784198263955","t":"Vercel remix","d":"Explore the Vercel remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ranjeet94787","pl":"https://21st.dev/community/themes/vercel-remix-1784198263955/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ranjeet94787"},{"id":"21st-theme:raphael.gysel1__primary-color-1783165791285","t":"Primary color","d":"Explore the Primary color shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"raphael.gysel1","pl":"https://21st.dev/community/themes/primary-color-1783165791285/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"raphael.gysel1"},{"id":"21st-theme:rashchupkina2002__sky-vivid-1787012512075","t":"Sky Vivid","d":"Explore the Sky Vivid shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"rashchupkina2002","pl":"https://21st.dev/community/themes/sky-vivid-1787012512075/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"rashchupkina2002"},{"id":"21st-theme:rashidhamedas__taranom-emerald-gold-1784716637053","t":"Taranom Emerald Gold","d":"Explore the Taranom Emerald Gold shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"rashidhamedas","pl":"https://21st.dev/community/themes/taranom-emerald-gold-1784716637053/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"rashidhamedas"},{"id":"21st-theme:raz_9b05efe0__raz-1782585383841","t":"Raz","d":"Explore the Raz shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"raz_9b05efe0","pl":"https://21st.dev/community/themes/raz-1782585383841/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"raz_9b05efe0"},{"id":"21st-theme:reouven29__azure-mono-remix-1783592561222","t":"Azure Mono remix","d":"Explore the Azure Mono remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"reouven29","pl":"https://21st.dev/community/themes/azure-mono-remix-1783592561222/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"reouven29"},{"id":"21st-theme:richard_d05d0c60__catppuccin-remix-1782827973632","t":"Catppuccin remix","d":"Explore the Catppuccin remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"richard_d05d0c60","pl":"https://21st.dev/community/themes/catppuccin-remix-1782827973632/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"richard_d05d0c60"},{"id":"21st-theme:riseabovetherest__riseabovethe-rest-1783187047143","t":"riseabovethe.rest","d":"Explore the riseabovethe.rest shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"riseabovetherest","pl":"https://21st.dev/community/themes/riseabovethe-rest-1783187047143/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"riseabovetherest"},{"id":"21st-theme:rohmet__claude-azure-remix-1782822501256","t":"Claude Azure remix","d":"Explore the Claude Azure remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"rohmet","pl":"https://21st.dev/community/themes/claude-azure-remix-1782822501256/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"rohmet"},{"id":"21st-theme:romaltaraz__nature-remix-1782640315606","t":"Nature remix","d":"Explore the Nature remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"romaltaraz","pl":"https://21st.dev/community/themes/nature-remix-1782640315606/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"romaltaraz"},{"id":"21st-theme:ronitkalura__azure-flow-remix-1783803077392","t":"Azure Flow remix","d":"Explore the Azure Flow remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ronitkalura","pl":"https://21st.dev/community/themes/azure-flow-remix-1783803077392/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ronitkalura"},{"id":"21st-theme:ronitkalura__supabase-sage-remix-1783561592863","t":"Supabase Sage remix","d":"Explore the Supabase Sage remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ronitkalura","pl":"https://21st.dev/community/themes/supabase-sage-remix-1783561592863/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ronitkalura"},{"id":"21st-theme:rrgb.info__azure-mono-remix-1783437497508","t":"Azure Mono remix","d":"Explore the Azure Mono remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"rrgb.info","pl":"https://21st.dev/community/themes/azure-mono-remix-1783437497508/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"rrgb.info"},{"id":"21st-theme:ruban.techtraders__lime-frost-remix-1783044189825","t":"Lime Frost remix","d":"Explore the Lime Frost remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ruban.techtraders","pl":"https://21st.dev/community/themes/lime-frost-remix-1783044189825/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ruban.techtraders"},{"id":"21st-theme:ruban.techtraders__lime-frost-remix-1783044267804","t":"Lime Frost remix","d":"Explore the Lime Frost remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ruban.techtraders","pl":"https://21st.dev/community/themes/lime-frost-remix-1783044267804/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ruban.techtraders"},{"id":"21st-theme:ruyam.bhattacharya1__neo-brutalism-remix-1783180585641","t":"Neo Brutalism remix","d":"Explore the Neo Brutalism remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ruyam.bhattacharya1","pl":"https://21st.dev/community/themes/neo-brutalism-remix-1783180585641/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ruyam.bhattacharya1"},{"id":"21st-theme:ryan_3dbbe63c__intellisense-1783027021550","t":"IntelliSense","d":"Explore the IntelliSense shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ryan_3dbbe63c","pl":"https://21st.dev/community/themes/intellisense-1783027021550/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ryan_3dbbe63c"},{"id":"21st-theme:saafijesser903__modern-minimal-remix-1783295300980","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"saafijesser903","pl":"https://21st.dev/community/themes/modern-minimal-remix-1783295300980/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"saafijesser903"},{"id":"21st-theme:saasdevpau-oss__solar-dusk-remix-1784110212722","t":"Solar Dusk remix","d":"Explore the Solar Dusk remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"saasdevpau-oss","pl":"https://21st.dev/community/themes/solar-dusk-remix-1784110212722/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"saasdevpau-oss"},{"id":"21st-theme:saijayanth532__cendriix-aurora-slate-1785939457192","t":"Cendriix Aurora Slate","d":"Explore the Cendriix Aurora Slate shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"saijayanth532","pl":"https://21st.dev/community/themes/cendriix-aurora-slate-1785939457192/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"saijayanth532"},{"id":"21st-theme:samueljohnsonib1__jobboard-1782928530251","t":"jobboard","d":"Explore the jobboard shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"samueljohnsonib1","pl":"https://21st.dev/community/themes/jobboard-1782928530251/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"samueljohnsonib1"},{"id":"21st-theme:samuelmasih03480266596__neon-onyx-remix-1782554041727","t":"Neon Onyx remix","d":"Explore the Neon Onyx remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"samuelmasih03480266596","pl":"https://21st.dev/community/themes/neon-onyx-remix-1782554041727/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"samuelmasih03480266596"},{"id":"21st-theme:samuelmasih03480266596__neon-onyx-remix-remix-1782554055378","t":"Neon Onyx remix remix","d":"Explore the Neon Onyx remix remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"samuelmasih03480266596","pl":"https://21st.dev/community/themes/neon-onyx-remix-remix-1782554055378/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"samuelmasih03480266596"},{"id":"21st-theme:samuelmasih03480266596__neon-onyx-remix-remix-remix-1782554097865","t":"Neon Onyx remix remix remix","d":"Explore the Neon Onyx remix remix remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"samuelmasih03480266596","pl":"https://21st.dev/community/themes/neon-onyx-remix-remix-remix-1782554097865/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"samuelmasih03480266596"},{"id":"21st-theme:samuelmasih03480266596__neon-onyx-remix-remix-remix-remix-1782554178735","t":"Neon Onyx remix remix remix remix","d":"Explore the Neon Onyx remix remix remix remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"samuelmasih03480266596","pl":"https://21st.dev/community/themes/neon-onyx-remix-remix-remix-remix-1782554178735/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"samuelmasih03480266596"},{"id":"21st-theme:sapir_c46fb892__vintage-paper-remix-1782659106673","t":"Vintage Paper remix","d":"Explore the Vintage Paper remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"sapir_c46fb892","pl":"https://21st.dev/community/themes/vintage-paper-remix-1782659106673/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"sapir_c46fb892"},{"id":"21st-theme:sarah_0516ce4c__claude-remix-1783204290723","t":"Claude remix","d":"Explore the Claude remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"sarah_0516ce4c","pl":"https://21st.dev/community/themes/claude-remix-1783204290723/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"sarah_0516ce4c"},{"id":"21st-theme:sarahagbayani__slate-linen-remix-1783445960344","t":"Slate Linen remix","d":"Explore the Slate Linen remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"sarahagbayani","pl":"https://21st.dev/community/themes/slate-linen-remix-1783445960344/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"sarahagbayani"},{"id":"21st-theme:sarahkerner2101__mk-1786907829354","t":"MK","d":"Explore the MK shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"sarahkerner2101","pl":"https://21st.dev/community/themes/mk-1786907829354/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"sarahkerner2101"},{"id":"21st-theme:saturnoci2018__neon-magenta-remix-1782821913281","t":"Neon Magenta remix","d":"Explore the Neon Magenta remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"saturnoci2018","pl":"https://21st.dev/community/themes/neon-magenta-remix-1782821913281/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"saturnoci2018"},{"id":"21st-theme:satyamsingh.000121__portfolio-pro-dark-1786881610971","t":"Portfolio Pro Dark","d":"Explore the Portfolio Pro Dark shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"satyamsingh.000121","pl":"https://21st.dev/community/themes/portfolio-pro-dark-1786881610971/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"satyamsingh.000121"},{"id":"21st-theme:semin.yuri13__claude-remix-1783091245687","t":"Claude remix","d":"Explore the Claude remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"semin.yuri13","pl":"https://21st.dev/community/themes/claude-remix-1783091245687/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"semin.yuri13"},{"id":"21st-theme:semin.yuri13__modern-minimal-remix-1783428463753","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"semin.yuri13","pl":"https://21st.dev/community/themes/modern-minimal-remix-1783428463753/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"semin.yuri13"},{"id":"21st-theme:semin.yuri13__sasadasdasda-1784988121121","t":"saSadasdasda","d":"Explore the saSadasdasda shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"semin.yuri13","pl":"https://21st.dev/community/themes/sasadasdasda-1784988121121/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"semin.yuri13"},{"id":"21st-theme:senommu__homlu-ui-1784131379515","t":"Homlu UI","d":"Explore the Homlu UI shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"senommu","pl":"https://21st.dev/community/themes/homlu-ui-1784131379515/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"senommu"},{"id":"21st-theme:serafimcloud__advent-of-code","t":"Advent of Code","d":"Explore the Advent of Code shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/advent-of-code/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__amber-glow","t":"Amber Glow","d":"Explore the Amber Glow shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/amber-glow/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__amber-hearth","t":"Amber Hearth","d":"Explore the Amber Hearth shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/amber-hearth/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__amber-minimal","t":"Amber Minimal","d":"Explore the Amber Minimal shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/amber-minimal/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__amber-mono-linen","t":"Amber Mono Linen","d":"Explore the Amber Mono Linen shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/amber-mono-linen/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__amber-mono","t":"Amber Mono","d":"Explore the Amber Mono shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/amber-mono/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__amber-retro","t":"Amber Retro","d":"Explore the Amber Retro shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/amber-retro/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__amber-slate","t":"Amber Slate","d":"Explore the Amber Slate shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/amber-slate/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__amber-terminal","t":"Amber Terminal","d":"Explore the Amber Terminal shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/amber-terminal/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__amethyst-haze","t":"Amethyst Haze","d":"Explore the Amethyst Haze shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/amethyst-haze/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__aqua-pastel","t":"Aqua Pastel","d":"Explore the Aqua Pastel shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/aqua-pastel/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__azure-flow","t":"Azure Flow","d":"Explore the Azure Flow shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/azure-flow/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__azure-mist","t":"Azure Mist","d":"Explore the Azure Mist shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/azure-mist/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__azure-mono","t":"Azure Mono","d":"Explore the Azure Mono shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/azure-mono/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__azure-noir","t":"Azure Noir","d":"Explore the Azure Noir shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/azure-noir/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__azure-pro","t":"Azure Pro","d":"Explore the Azure Pro shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/azure-pro/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__azure-slate","t":"Azure Slate","d":"Explore the Azure Slate shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/azure-slate/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__bain","t":"Bain","d":"Explore the Bain shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/bain/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__bamboo-teal","t":"Bamboo Teal","d":"Explore the Bamboo Teal shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/bamboo-teal/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__bold-tech","t":"Bold Tech","d":"Explore the Bold Tech shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/bold-tech/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__bronze-linen","t":"Bronze Linen","d":"Explore the Bronze Linen shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/bronze-linen/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__bubblegum","t":"Bubblegum","d":"Explore the Bubblegum shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/bubblegum/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__burgundy-wine","t":"Burgundy Wine","d":"Explore the Burgundy Wine shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/burgundy-wine/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__burnt-sienna","t":"Burnt Sienna","d":"Explore the Burnt Sienna shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/burnt-sienna/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__caffeine","t":"Caffeine","d":"Explore the Caffeine shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/caffeine/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__camel-linen","t":"Camel Linen","d":"Explore the Camel Linen shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/camel-linen/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__candyland","t":"Candyland","d":"Explore the Candyland shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/candyland/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__catppuccin-violet","t":"Catppuccin Violet","d":"Explore the Catppuccin Violet shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/catppuccin-violet/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__catppuccin","t":"Catppuccin","d":"Explore the Catppuccin shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/catppuccin/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__chalk-slate","t":"Chalk Slate","d":"Explore the Chalk Slate shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/chalk-slate/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__claude-amber","t":"Claude Amber","d":"Explore the Claude Amber shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/claude-amber/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__claude-azure","t":"Claude Azure","d":"Explore the Claude Azure shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/claude-azure/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__claude-crimson","t":"Claude Crimson","d":"Explore the Claude Crimson shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/claude-crimson/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__claude-linen","t":"Claude Linen","d":"Explore the Claude Linen shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/claude-linen/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__claude","t":"Claude","d":"Explore the Claude shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/claude/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__clay-ember","t":"Clay Ember","d":"Explore the Clay Ember shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/clay-ember/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__claymorphism","t":"Claymorphism","d":"Explore the Claymorphism shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/claymorphism/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__clean-slate","t":"Clean Slate","d":"Explore the Clean Slate shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/clean-slate/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__cobalt-field","t":"Cobalt Field","d":"Explore the Cobalt Field shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/cobalt-field/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__cobalt-loft","t":"Cobalt Loft","d":"Explore the Cobalt Loft shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/cobalt-loft/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__cobalt-mist","t":"Cobalt Mist","d":"Explore the Cobalt Mist shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/cobalt-mist/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__cobalt-mono","t":"Cobalt Mono","d":"Explore the Cobalt Mono shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/cobalt-mono/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__cobalt-sky","t":"Cobalt Sky","d":"Explore the Cobalt Sky shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/cobalt-sky/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__cobalt-steel","t":"Cobalt Steel","d":"Explore the Cobalt Steel shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/cobalt-steel/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__cocoa-amber","t":"Cocoa Amber","d":"Explore the Cocoa Amber shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/cocoa-amber/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__concrete-rust","t":"Concrete Rust","d":"Explore the Concrete Rust shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/concrete-rust/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__copper-clay","t":"Copper Clay","d":"Explore the Copper Clay shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/copper-clay/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__copper-dusk","t":"Copper Dusk","d":"Explore the Copper Dusk shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/copper-dusk/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__copper-linen","t":"Copper Linen","d":"Explore the Copper Linen shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/copper-linen/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__coral-blush","t":"Coral Blush","d":"Explore the Coral Blush shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/coral-blush/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__coral-noir","t":"Coral Noir","d":"Explore the Coral Noir shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/coral-noir/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__coral-teal","t":"Coral Teal","d":"Explore the Coral Teal shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/coral-teal/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__cosmic-indigo","t":"Cosmic Indigo","d":"Explore the Cosmic Indigo shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/cosmic-indigo/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__cosmic-night","t":"Cosmic Night","d":"Explore the Cosmic Night shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/cosmic-night/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__crimson-pulse","t":"Crimson Pulse","d":"Explore the Crimson Pulse shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/crimson-pulse/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__crimson-terminal","t":"Crimson Terminal","d":"Explore the Crimson Terminal shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/crimson-terminal/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__cyan-dawn","t":"Cyan Dawn","d":"Explore the Cyan Dawn shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/cyan-dawn/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__cyber-cyan","t":"Cyber Cyan","d":"Explore the Cyber Cyan shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/cyber-cyan/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__cyberpunk","t":"Cyberpunk","d":"Explore the Cyberpunk shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/cyberpunk/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__darkmatter","t":"Darkmatter","d":"Explore the Darkmatter shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/darkmatter/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__discord-linen","t":"Discord Linen","d":"Explore the Discord Linen shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/discord-linen/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__discord","t":"Discord","d":"Explore the Discord shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/discord/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__doom-64","t":"Doom 64","d":"Explore the Doom 64 shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/doom-64/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__elegant-luxury","t":"Elegant Luxury","d":"Explore the Elegant Luxury shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/elegant-luxury/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__ember-dawn","t":"Ember Dawn","d":"Explore the Ember Dawn shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/ember-dawn/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__emerald-field","t":"Emerald Field","d":"Explore the Emerald Field shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/emerald-field/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__emerald-slate","t":"Emerald Slate","d":"Explore the Emerald Slate shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/emerald-slate/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__emerald-spring","t":"Emerald Spring","d":"Explore the Emerald Spring shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/emerald-spring/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__emerald-sun","t":"Emerald Sun","d":"Explore the Emerald Sun shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/emerald-sun/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__forest-copper","t":"Forest Copper","d":"Explore the Forest Copper shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/forest-copper/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__forest-linen","t":"Forest Linen","d":"Explore the Forest Linen shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/forest-linen/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__frost-indigo","t":"Frost Indigo","d":"Explore the Frost Indigo shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/frost-indigo/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__golden-linen","t":"Golden Linen","d":"Explore the Golden Linen shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/golden-linen/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__google","t":"Google","d":"Explore the Google shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/google/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__graphite-mono-soft","t":"Graphite Mono Soft","d":"Explore the Graphite Mono Soft shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/graphite-mono-soft/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__graphite-mono","t":"Graphite Mono","d":"Explore the Graphite Mono shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/graphite-mono/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__graphite","t":"Graphite","d":"Explore the Graphite shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/graphite/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__harbor-blue","t":"Harbor Blue","d":"Explore the Harbor Blue shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/harbor-blue/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__harbor-steel","t":"Harbor Steel","d":"Explore the Harbor Steel shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/harbor-steel/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__honey-glow-gold","t":"Honey Glow Gold","d":"Explore the Honey Glow Gold shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/honey-glow-gold/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__honey-glow","t":"Honey Glow","d":"Explore the Honey Glow shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/honey-glow/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__honey-sandstone","t":"Honey Sandstone","d":"Explore the Honey Sandstone shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/honey-sandstone/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__indigo-frost","t":"Indigo Frost","d":"Explore the Indigo Frost shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/indigo-frost/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__indigo-harbor","t":"Indigo Harbor","d":"Explore the Indigo Harbor shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/indigo-harbor/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__indigo-mono","t":"Indigo Mono","d":"Explore the Indigo Mono shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/indigo-mono/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__inkwell-mono","t":"Inkwell Mono","d":"Explore the Inkwell Mono shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/inkwell-mono/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__iris-bloom","t":"Iris Bloom","d":"Explore the Iris Bloom shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/iris-bloom/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__jade-linen","t":"Jade Linen","d":"Explore the Jade Linen shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/jade-linen/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__kodama-grove","t":"Kodama Grove","d":"Explore the Kodama Grove shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/kodama-grove/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__kupikod","t":"Kupikod","d":"Explore the Kupikod shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/kupikod/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__lagoon-gold","t":"Lagoon Gold","d":"Explore the Lagoon Gold shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/lagoon-gold/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__lavender-dawn","t":"Lavender Dawn","d":"Explore the Lavender Dawn shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/lavender-dawn/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__lavender-glass","t":"Lavender Glass","d":"Explore the Lavender Glass shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/lavender-glass/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__lime-frost","t":"Lime Frost","d":"Explore the Lime Frost shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/lime-frost/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__lime-grove","t":"Lime Grove","d":"Explore the Lime Grove shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/lime-grove/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__lime-haze","t":"Lime Haze","d":"Explore the Lime Haze shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/lime-haze/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__linen-stone","t":"Linen Stone","d":"Explore the Linen Stone shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/linen-stone/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__matrix-green","t":"Matrix Green","d":"Explore the Matrix Green shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/matrix-green/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__meadow-gold","t":"Meadow Gold","d":"Explore the Meadow Gold shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/meadow-gold/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__meadow-mist","t":"Meadow Mist","d":"Explore the Meadow Mist shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/meadow-mist/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__meridian-blue","t":"Meridian Blue","d":"Explore the Meridian Blue shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/meridian-blue/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__metamask","t":"MetaMask","d":"Explore the MetaMask shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/metamask/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__midnight-bloom","t":"Midnight Bloom","d":"Explore the Midnight Bloom shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/midnight-bloom/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__mint-signal","t":"Mint Signal","d":"Explore the Mint Signal shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/mint-signal/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__mint-slate","t":"Mint Slate","d":"Explore the Mint Slate shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/mint-slate/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__mocha-mousse","t":"Mocha Mousse","d":"Explore the Mocha Mousse shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/mocha-mousse/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__modern-minimal","t":"Modern Minimal","d":"Explore the Modern Minimal shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/modern-minimal/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__mono","t":"Mono","d":"Explore the Mono shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/mono/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__nature","t":"Nature","d":"Explore the Nature shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/nature/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__neo-brutalism","t":"Neo Brutalism","d":"Explore the Neo Brutalism shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/neo-brutalism/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__neon-block","t":"Neon Block","d":"Explore the Neon Block shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/neon-block/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__neon-clover","t":"Neon Clover","d":"Explore the Neon Clover shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/neon-clover/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__neon-cyber","t":"Neon Cyber","d":"Explore the Neon Cyber shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/neon-cyber/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__neon-magenta","t":"Neon Magenta","d":"Explore the Neon Magenta shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/neon-magenta/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__neon-onyx","t":"Neon Onyx","d":"Explore the Neon Onyx shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/neon-onyx/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__northern-lights","t":"Northern Lights","d":"Explore the Northern Lights shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/northern-lights/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__notebook","t":"Notebook","d":"Explore the Notebook shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/notebook/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__nubank","t":"Nubank","d":"Explore the Nubank shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/nubank/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__nxtbet","t":"NXTBET","d":"Explore the NXTBET shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/nxtbet/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__ocean-breeze","t":"Ocean Breeze","d":"Explore the Ocean Breeze shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/ocean-breeze/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__ocean-saas","t":"Ocean SaaS","d":"Explore the Ocean SaaS shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/ocean-saas/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__onyx-mono","t":"Onyx Mono","d":"Explore the Onyx Mono shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/onyx-mono/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__openclaw","t":"OpenClaw","d":"Explore the OpenClaw shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/openclaw/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__openprofile-noir","t":"OpenProfile Noir","d":"Explore the OpenProfile Noir shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/openprofile-noir/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__openprofile","t":"OpenProfile","d":"Explore the OpenProfile shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/openprofile/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__orchid-light","t":"Orchid Light","d":"Explore the Orchid Light shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/orchid-light/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__pastel-dreams","t":"Pastel Dreams","d":"Explore the Pastel Dreams shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/pastel-dreams/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__periwinkle-ink","t":"Periwinkle Ink","d":"Explore the Periwinkle Ink shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/periwinkle-ink/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__perpetuity","t":"Perpetuity","d":"Explore the Perpetuity shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/perpetuity/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__pine-emerald","t":"Pine Emerald","d":"Explore the Pine Emerald shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/pine-emerald/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__pine-terminal","t":"Pine Terminal","d":"Explore the Pine Terminal shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/pine-terminal/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__powder-blue","t":"Powder Blue","d":"Explore the Powder Blue shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/powder-blue/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__pure-mono","t":"Pure Mono","d":"Explore the Pure Mono shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/pure-mono/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__purple-rain","t":"Purple Rain","d":"Explore the Purple Rain shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/purple-rain/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__quantum-rose","t":"Quantum Rose","d":"Explore the Quantum Rose shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/quantum-rose/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__retro-arcade","t":"Retro Arcade","d":"Explore the Retro Arcade shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/retro-arcade/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__ros-pine","t":"Rosé Pine","d":"Explore the Rosé Pine shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/ros-pine/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__rose-cobalt","t":"Rose Cobalt","d":"Explore the Rose Cobalt shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/rose-cobalt/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__rose-quartz","t":"Rose Quartz","d":"Explore the Rose Quartz shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/rose-quartz/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__rosewood-clay","t":"Rosewood Clay","d":"Explore the Rosewood Clay shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/rosewood-clay/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__ruby-sand","t":"Ruby Sand","d":"Explore the Ruby Sand shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/ruby-sand/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__saffron-light","t":"Saffron Light","d":"Explore the Saffron Light shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/saffron-light/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__sage-cream","t":"Sage Cream","d":"Explore the Sage Cream shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/sage-cream/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__sage-garden","t":"Sage Garden","d":"Explore the Sage Garden shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/sage-garden/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__sage-meadow","t":"Sage Meadow","d":"Explore the Sage Meadow shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/sage-meadow/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__sage-mist","t":"Sage Mist","d":"Explore the Sage Mist shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/sage-mist/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__sage-moss","t":"Sage Moss","d":"Explore the Sage Moss shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/sage-moss/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__sakura-dawn","t":"Sakura Dawn","d":"Explore the Sakura Dawn shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/sakura-dawn/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__sapphire-dawn","t":"Sapphire Dawn","d":"Explore the Sapphire Dawn shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/sapphire-dawn/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__scarlet-snow","t":"Scarlet Snow","d":"Explore the Scarlet Snow shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/scarlet-snow/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__sea-glass","t":"Sea Glass","d":"Explore the Sea Glass shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/sea-glass/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__shopify","t":"Shopify","d":"Explore the Shopify shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/shopify/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__slate-haze","t":"Slate Haze","d":"Explore the Slate Haze shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/slate-haze/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__slate-linen-azure","t":"Slate Linen Azure","d":"Explore the Slate Linen Azure shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/slate-linen-azure/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__slate-linen","t":"Slate Linen","d":"Explore the Slate Linen shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/slate-linen/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__soft-pop","t":"Soft Pop","d":"Explore the Soft Pop shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/soft-pop/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__solar-dusk","t":"Solar Dusk","d":"Explore the Solar Dusk shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/solar-dusk/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__solar-halo","t":"Solar Halo","d":"Explore the Solar Halo shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/solar-halo/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__starry-night","t":"Starry Night","d":"Explore the Starry Night shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/starry-night/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__still-harbor","t":"Still Harbor","d":"Explore the Still Harbor shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/still-harbor/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__sunlit-sky","t":"Sunlit Sky","d":"Explore the Sunlit Sky shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/sunlit-sky/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__sunset-horizon","t":"Sunset Horizon","d":"Explore the Sunset Horizon shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/sunset-horizon/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__supabase-sage","t":"Supabase Sage","d":"Explore the Supabase Sage shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/supabase-sage/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__supabase","t":"Supabase","d":"Explore the Supabase shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/supabase/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__swiss-red","t":"Swiss Red","d":"Explore the Swiss Red shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/swiss-red/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__t3-chat","t":"T3 Chat","d":"Explore the T3 Chat shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/t3-chat/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__tangerine-coral","t":"Tangerine Coral","d":"Explore the Tangerine Coral shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/tangerine-coral/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__tangerine","t":"Tangerine","d":"Explore the Tangerine shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/tangerine/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__teal-mist","t":"Teal Mist","d":"Explore the Teal Mist shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/teal-mist/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__teal-spring","t":"Teal Spring","d":"Explore the Teal Spring shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/teal-spring/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__twitter-azure","t":"Twitter Azure","d":"Explore the Twitter Azure shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/twitter-azure/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__twitter","t":"Twitter","d":"Explore the Twitter shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/twitter/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__vercel","t":"Vercel","d":"Explore the Vercel shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/vercel/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__verdant-sky","t":"Verdant Sky","d":"Explore the Verdant Sky shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/verdant-sky/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__vermilion-clay","t":"Vermilion Clay","d":"Explore the Vermilion Clay shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/vermilion-clay/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__vintage-paper","t":"Vintage Paper","d":"Explore the Vintage Paper shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/vintage-paper/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__violet-bloom","t":"Violet Bloom","d":"Explore the Violet Bloom shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/violet-bloom/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__violet-disco","t":"Violet Disco","d":"Explore the Violet Disco shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/violet-disco/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__violet-dusk-linen","t":"Violet Dusk Linen","d":"Explore the Violet Dusk Linen shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/violet-dusk-linen/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__violet-dusk","t":"Violet Dusk","d":"Explore the Violet Dusk shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/violet-dusk/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__violet-halo","t":"Violet Halo","d":"Explore the Violet Halo shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/violet-halo/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__violet-loft","t":"Violet Loft","d":"Explore the Violet Loft shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/violet-loft/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__violet-pulse","t":"Violet Pulse","d":"Explore the Violet Pulse shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/violet-pulse/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__vs-code","t":"VS Code","d":"Explore the VS Code shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/vs-code/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__walnut-grove","t":"Walnut Grove","d":"Explore the Walnut Grove shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/walnut-grove/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__whatsapp","t":"WhatsApp","d":"Explore the WhatsApp shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/whatsapp/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__wikipedia","t":"Wikipedia","d":"Explore the Wikipedia shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/wikipedia/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__zen-linen","t":"Zen Linen","d":"Explore the Zen Linen shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/zen-linen/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:serafimcloud__zozostack","t":"Zozostack","d":"Explore the Zozostack shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"serafimcloud","pl":"https://21st.dev/community/themes/zozostack/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"serafimcloud"},{"id":"21st-theme:setyawan.arif13__terrel-sportswear-1785383925749","t":"Terrel Sportswear","d":"Explore the Terrel Sportswear shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"setyawan.arif13","pl":"https://21st.dev/community/themes/terrel-sportswear-1785383925749/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"setyawan.arif13"},{"id":"21st-theme:sevilalpaslan__peh-1783537384752","t":"peh","d":"Explore the peh shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"sevilalpaslan","pl":"https://21st.dev/community/themes/peh-1783537384752/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"sevilalpaslan"},{"id":"21st-theme:seyitsamed99__rose-vivid-1785091605551","t":"Rose Vivid","d":"Explore the Rose Vivid shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"seyitsamed99","pl":"https://21st.dev/community/themes/rose-vivid-1785091605551/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"seyitsamed99"},{"id":"21st-theme:sh.saifsadeeq__google-remix-1783586287003","t":"Google remix","d":"Explore the Google remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"sh.saifsadeeq","pl":"https://21st.dev/community/themes/google-remix-1783586287003/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"sh.saifsadeeq"},{"id":"21st-theme:shaid__pine-emerald-remix-1782677276617","t":"Pine Emerald remix","d":"Explore the Pine Emerald remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"shaid","pl":"https://21st.dev/community/themes/pine-emerald-remix-1782677276617/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"shaid"},{"id":"21st-theme:shanelle__aurelia-1783288452888","t":"Aurelia","d":"Explore the Aurelia shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"shanelle","pl":"https://21st.dev/community/themes/aurelia-1783288452888/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"shanelle"},{"id":"21st-theme:sharqyulduzi1931__claude-remix-1783253402897","t":"Claude remix","d":"Explore the Claude remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"sharqyulduzi1931","pl":"https://21st.dev/community/themes/claude-remix-1783253402897/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"sharqyulduzi1931"},{"id":"21st-theme:shekhawat.rd31__pitstop-quiz-1786203099094","t":"PitStop-Quiz","d":"Explore the PitStop-Quiz shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"shekhawat.rd31","pl":"https://21st.dev/community/themes/pitstop-quiz-1786203099094/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"shekhawat.rd31"},{"id":"21st-theme:shuolv936__claude-amber-remix-1783094349600","t":"Claude Amber remix","d":"Explore the Claude Amber remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"shuolv936","pl":"https://21st.dev/community/themes/claude-amber-remix-1783094349600/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"shuolv936"},{"id":"21st-theme:siakhabakayoko__ghost-1783468236568","t":"GHOST","d":"Explore the GHOST shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"siakhabakayoko","pl":"https://21st.dev/community/themes/ghost-1783468236568/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"siakhabakayoko"},{"id":"21st-theme:sihabhasan154__google-remix-remix-1784232304140","t":"Google remix remix","d":"Explore the Google remix remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"sihabhasan154","pl":"https://21st.dev/community/themes/google-remix-remix-1784232304140/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"sihabhasan154"},{"id":"21st-theme:sihabhasan154__google-remix-remix-remix-1784232627319","t":"Google remix remix remix","d":"Explore the Google remix remix remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"sihabhasan154","pl":"https://21st.dev/community/themes/google-remix-remix-remix-1784232627319/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"sihabhasan154"},{"id":"21st-theme:sinasamipour__graphite-remix-1782675447824","t":"Graphite remix","d":"Explore the Graphite remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"sinasamipour","pl":"https://21st.dev/community/themes/graphite-remix-1782675447824/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"sinasamipour"},{"id":"21st-theme:sindhujadessai04__violet-bloom-remix-1783432982833","t":"Violet Bloom remix","d":"Explore the Violet Bloom remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"sindhujadessai04","pl":"https://21st.dev/community/themes/violet-bloom-remix-1783432982833/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"sindhujadessai04"},{"id":"21st-theme:sleepondev1__vercel-remix-1782650244081","t":"Vercel remix","d":"Explore the Vercel remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"sleepondev1","pl":"https://21st.dev/community/themes/vercel-remix-1782650244081/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"sleepondev1"},{"id":"21st-theme:smitsharma3649__zen-linen-remix-1784118114636","t":"Zen Linen remix","d":"Explore the Zen Linen remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"smitsharma3649","pl":"https://21st.dev/community/themes/zen-linen-remix-1784118114636/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"smitsharma3649"},{"id":"21st-theme:sprajeeth72__claude-remix-1782912664461","t":"Claude remix","d":"Explore the Claude remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"sprajeeth72","pl":"https://21st.dev/community/themes/claude-remix-1782912664461/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"sprajeeth72"},{"id":"21st-theme:srjaejsry__concrete-rust-remix-1782585800130","t":"Concrete Rust remix","d":"Explore the Concrete Rust remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"srjaejsry","pl":"https://21st.dev/community/themes/concrete-rust-remix-1782585800130/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"srjaejsry"},{"id":"21st-theme:srjaejsry__kodama-grove-remix-1782585641809","t":"Kodama Grove remix","d":"Explore the Kodama Grove remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"srjaejsry","pl":"https://21st.dev/community/themes/kodama-grove-remix-1782585641809/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"srjaejsry"},{"id":"21st-theme:srjaejsry__modern-minimal-remix-1782585538001","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"srjaejsry","pl":"https://21st.dev/community/themes/modern-minimal-remix-1782585538001/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"srjaejsry"},{"id":"21st-theme:stavpardo__orange-vivid-1785848136049","t":"Orange Vivid","d":"Explore the Orange Vivid shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"stavpardo","pl":"https://21st.dev/community/themes/orange-vivid-1785848136049/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"stavpardo"},{"id":"21st-theme:stavpardo__orange-vivid-2-1785848729772","t":"Orange Vivid 2","d":"Explore the Orange Vivid 2 shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"stavpardo","pl":"https://21st.dev/community/themes/orange-vivid-2-1785848729772/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"stavpardo"},{"id":"21st-theme:stephen.wolff__meadowport-1785937965754","t":"meadowport","d":"Explore the meadowport shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"stephen.wolff","pl":"https://21st.dev/community/themes/meadowport-1785937965754/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"stephen.wolff"},{"id":"21st-theme:stephennmiller__clean-slate-remix-1782688043305","t":"Clean Slate remix","d":"Explore the Clean Slate remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"stephennmiller","pl":"https://21st.dev/community/themes/clean-slate-remix-1782688043305/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"stephennmiller"},{"id":"21st-theme:stonirodrigo__azure-mono-remix-1783964192248","t":"Azure Mono remix","d":"Explore the Azure Mono remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"stonirodrigo","pl":"https://21st.dev/community/themes/azure-mono-remix-1783964192248/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"stonirodrigo"},{"id":"21st-theme:synergy.nug__black-white-1782914012050","t":"Black / white","d":"Explore the Black / white shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"synergy.nug","pl":"https://21st.dev/community/themes/black-white-1782914012050/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"synergy.nug"},{"id":"21st-theme:szpvangoo__phovira-quiet-utility-1786277107741","t":"Phovira Quiet Utility","d":"Explore the Phovira Quiet Utility shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"szpvangoo","pl":"https://21st.dev/community/themes/phovira-quiet-utility-1786277107741/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"szpvangoo"},{"id":"21st-theme:tanushree11097__remix-tanu-1785328673827","t":"remix tanu","d":"Explore the remix tanu shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"tanushree11097","pl":"https://21st.dev/community/themes/remix-tanu-1785328673827/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"tanushree11097"},{"id":"21st-theme:tbiazatti__indigo-harbor-remix-1782867300974","t":"Indigo Harbor remix","d":"Explore the Indigo Harbor remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"tbiazatti","pl":"https://21st.dev/community/themes/indigo-harbor-remix-1782867300974/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"tbiazatti"},{"id":"21st-theme:teddy_26bd66b5__periwinkle-ink-remix-1783473474299","t":"Periwinkle Ink remix","d":"Explore the Periwinkle Ink remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"teddy_26bd66b5","pl":"https://21st.dev/community/themes/periwinkle-ink-remix-1783473474299/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"teddy_26bd66b5"},{"id":"21st-theme:teddy_26bd66b5__sage-garden-remix-1783727004324","t":"Sage Garden remix","d":"Explore the Sage Garden remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"teddy_26bd66b5","pl":"https://21st.dev/community/themes/sage-garden-remix-1783727004324/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"teddy_26bd66b5"},{"id":"21st-theme:thatsgcc.work__amber-glow-remix-1783078674535","t":"Amber Glow remix","d":"Explore the Amber Glow remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"thatsgcc.work","pl":"https://21st.dev/community/themes/amber-glow-remix-1783078674535/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"thatsgcc.work"},{"id":"21st-theme:thatsgcc.work__amber-glow-remix-remix-1783078639315","t":"Amber Glow remix remix","d":"Explore the Amber Glow remix remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"thatsgcc.work","pl":"https://21st.dev/community/themes/amber-glow-remix-remix-1783078639315/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"thatsgcc.work"},{"id":"21st-theme:tito2601__verdant-sky-remix-1784199289287","t":"Verdant Sky remix","d":"Explore the Verdant Sky remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"tito2601","pl":"https://21st.dev/community/themes/verdant-sky-remix-1784199289287/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"tito2601"},{"id":"21st-theme:tomasitod__vaina-con-alan-que-no-tiene-nombre-1784089523218","t":"Vaina con Alan que no tiene nombre","d":"Explore the Vaina con Alan que no tiene nombre shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"tomasitod","pl":"https://21st.dev/community/themes/vaina-con-alan-que-no-tiene-nombre-1784089523218/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"tomasitod"},{"id":"21st-theme:tomasitod__vaina-con-alan-que-no-tiene-nombre-remix-1784089533772","t":"Vaina con Alan que no tiene nombre remix","d":"Explore the Vaina con Alan que no tiene nombre remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"tomasitod","pl":"https://21st.dev/community/themes/vaina-con-alan-que-no-tiene-nombre-remix-1784089533772/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"tomasitod"},{"id":"21st-theme:topatletpro__openprofile-noir-remix-1784024364303","t":"OpenProfile Noir remix","d":"Explore the OpenProfile Noir remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"topatletpro","pl":"https://21st.dev/community/themes/openprofile-noir-remix-1784024364303/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"topatletpro"},{"id":"21st-theme:toribryan.design__mch-1785990762607","t":"MCH","d":"Explore the MCH shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"toribryan.design","pl":"https://21st.dev/community/themes/mch-1785990762607/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"toribryan.design"},{"id":"21st-theme:traderstudioo__vercel-remix-1782948403550","t":"Vercel remix","d":"Explore the Vercel remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"traderstudioo","pl":"https://21st.dev/community/themes/vercel-remix-1782948403550/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"traderstudioo"},{"id":"21st-theme:traderstudioo__vercel-remix-remix-1782948437702","t":"Vercel remix remix","d":"Explore the Vercel remix remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"traderstudioo","pl":"https://21st.dev/community/themes/vercel-remix-remix-1782948437702/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"traderstudioo"},{"id":"21st-theme:tranthanhlan42322__modern-minimal-remix-1782736477819","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"tranthanhlan42322","pl":"https://21st.dev/community/themes/modern-minimal-remix-1782736477819/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"tranthanhlan42322"},{"id":"21st-theme:trendgo.az__cyber-cyan-remix-1782588483453","t":"Cyber Cyan remix","d":"Explore the Cyber Cyan remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"trendgo.az","pl":"https://21st.dev/community/themes/cyber-cyan-remix-1782588483453/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"trendgo.az"},{"id":"21st-theme:trimaxlan98__zen-linen-remix-1782623168748","t":"Zen Linen remix","d":"Explore the Zen Linen remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"trimaxlan98","pl":"https://21st.dev/community/themes/zen-linen-remix-1782623168748/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"trimaxlan98"},{"id":"21st-theme:tsaiaditya1234__claude-remix-1784097421198","t":"Claude remix","d":"Explore the Claude remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"tsaiaditya1234","pl":"https://21st.dev/community/themes/claude-remix-1784097421198/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"tsaiaditya1234"},{"id":"21st-theme:tsilitsina1998ira__modern-minimal-remix-1782720306124","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"tsilitsina1998ira","pl":"https://21st.dev/community/themes/modern-minimal-remix-1782720306124/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"tsilitsina1998ira"},{"id":"21st-theme:uwe.rechkemmer__sage-garden-remix-1782912332751","t":"Sage Garden remix","d":"Explore the Sage Garden remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"uwe.rechkemmer","pl":"https://21st.dev/community/themes/sage-garden-remix-1782912332751/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"uwe.rechkemmer"},{"id":"21st-theme:versavisual-vinicius__dashllll-1785455224407","t":"dashllll","d":"Explore the dashllll shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"versavisual-vinicius","pl":"https://21st.dev/community/themes/dashllll-1785455224407/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"versavisual-vinicius"},{"id":"21st-theme:victor_3335e2ad__vercel-remix-1783709674704","t":"Vercel remix","d":"Explore the Vercel remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"victor_3335e2ad","pl":"https://21st.dev/community/themes/vercel-remix-1783709674704/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"victor_3335e2ad"},{"id":"21st-theme:vidson313_492d01fa__surena-1783565931703","t":"surena","d":"Explore the surena shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"vidson313_492d01fa","pl":"https://21st.dev/community/themes/surena-1783565931703/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"vidson313_492d01fa"},{"id":"21st-theme:vishantsingh7518__cyberpunk-remix-1783747743061","t":"Cyberpunk remix","d":"Explore the Cyberpunk remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"vishantsingh7518","pl":"https://21st.dev/community/themes/cyberpunk-remix-1783747743061/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"vishantsingh7518"},{"id":"21st-theme:vishantsingh7518__perpetuity-remix-1783747784866","t":"Perpetuity remix","d":"Explore the Perpetuity remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"vishantsingh7518","pl":"https://21st.dev/community/themes/perpetuity-remix-1783747784866/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"vishantsingh7518"},{"id":"21st-theme:vivaanjv__webly-liquid-neon-1783607151425","t":"webly-liquid-neon","d":"Explore the webly-liquid-neon shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"vivaanjv","pl":"https://21st.dev/community/themes/webly-liquid-neon-1783607151425/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"vivaanjv"},{"id":"21st-theme:vlect23__morita-1784236361437","t":"Morita","d":"Explore the Morita shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"vlect23","pl":"https://21st.dev/community/themes/morita-1784236361437/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"vlect23"},{"id":"21st-theme:vyrexon.official__darkmatter-remix-1782669298155","t":"Darkmatter remix","d":"Explore the Darkmatter remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"vyrexon.official","pl":"https://21st.dev/community/themes/darkmatter-remix-1782669298155/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"vyrexon.official"},{"id":"21st-theme:wakeupsidd8__sage-garden-remix-1782636563514","t":"Sage Garden remix","d":"Explore the Sage Garden remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"wakeupsidd8","pl":"https://21st.dev/community/themes/sage-garden-remix-1782636563514/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"wakeupsidd8"},{"id":"21st-theme:wangrs020818__green-vivid-1784347913037","t":"Green Vivid","d":"Explore the Green Vivid shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"wangrs020818","pl":"https://21st.dev/community/themes/green-vivid-1784347913037/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"wangrs020818"},{"id":"21st-theme:wangrs020818__green-vivid11-1784348021224","t":"Green Vivid11","d":"Explore the Green Vivid11 shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"wangrs020818","pl":"https://21st.dev/community/themes/green-vivid11-1784348021224/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"wangrs020818"},{"id":"21st-theme:wearescimakers__perpetuity-remix-1782946970267","t":"Perpetuity remix","d":"Explore the Perpetuity remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"wearescimakers","pl":"https://21st.dev/community/themes/perpetuity-remix-1782946970267/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"wearescimakers"},{"id":"21st-theme:wendongliu255__vercel-remix-1783689874404","t":"Vercel remix","d":"Explore the Vercel remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"wendongliu255","pl":"https://21st.dev/community/themes/vercel-remix-1783689874404/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"wendongliu255"},{"id":"21st-theme:wildanshidiq__tes-1-1787037480029","t":"tes 1","d":"Explore the tes 1 shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"wildanshidiq","pl":"https://21st.dev/community/themes/tes-1-1787037480029/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"wildanshidiq"},{"id":"21st-theme:willmacca123__vercel-remix-1783074197647","t":"Vercel remix","d":"Explore the Vercel remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"willmacca123","pl":"https://21st.dev/community/themes/vercel-remix-1783074197647/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"willmacca123"},{"id":"21st-theme:xavierrubillos__sky-vivid-1785667647897","t":"Sky Vivid","d":"Explore the Sky Vivid shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"xavierrubillos","pl":"https://21st.dev/community/themes/sky-vivid-1785667647897/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"xavierrubillos"},{"id":"21st-theme:xcldlcx__doom-64-remix-1783681839603","t":"Doom 64 remix","d":"Explore the Doom 64 remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"xcldlcx","pl":"https://21st.dev/community/themes/doom-64-remix-1783681839603/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"xcldlcx"},{"id":"21st-theme:xvale01__scarlet-snow-remix-1782782690107","t":"Scarlet Snow remix","d":"Explore the Scarlet Snow remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"xvale01","pl":"https://21st.dev/community/themes/scarlet-snow-remix-1782782690107/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"xvale01"},{"id":"21st-theme:xvale01__scarlet-snow-remix-1782783710708","t":"Scarlet Snow remix","d":"Explore the Scarlet Snow remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"xvale01","pl":"https://21st.dev/community/themes/scarlet-snow-remix-1782783710708/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"xvale01"},{"id":"21st-theme:xwx819502905__claude-crimson-remix-1783080127157","t":"Claude Crimson remix","d":"Explore the Claude Crimson remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"xwx819502905","pl":"https://21st.dev/community/themes/claude-crimson-remix-1783080127157/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"xwx819502905"},{"id":"21st-theme:yangchangwei12138__ali-remix-1782702784347","t":"ali remix","d":"Explore the ali remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"yangchangwei12138","pl":"https://21st.dev/community/themes/ali-remix-1782702784347/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"yangchangwei12138"},{"id":"21st-theme:yaoztorun__istanbul-1784301108141","t":"ISTANBUL","d":"Explore the ISTANBUL shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"yaoztorun","pl":"https://21st.dev/community/themes/istanbul-1784301108141/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"yaoztorun"},{"id":"21st-theme:yashsehgal251103__scarlet-snow-remix-1784187946445","t":"Scarlet Snow remix","d":"Explore the Scarlet Snow remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"yashsehgal251103","pl":"https://21st.dev/community/themes/scarlet-snow-remix-1784187946445/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"yashsehgal251103"},{"id":"21st-theme:yh888877__elegant-luxury-remix-1783264071940","t":"Elegant Luxury remix","d":"Explore the Elegant Luxury remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"yh888877","pl":"https://21st.dev/community/themes/elegant-luxury-remix-1783264071940/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"yh888877"},{"id":"21st-theme:yh888877__elegant-luxury-remix-1783355861355","t":"Elegant Luxury remix","d":"Explore the Elegant Luxury remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"yh888877","pl":"https://21st.dev/community/themes/elegant-luxury-remix-1783355861355/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"yh888877"},{"id":"21st-theme:ykalagirisamy__frost-indigo-remix-1782571068522","t":"Frost Indigo remix","d":"Explore the Frost Indigo remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ykalagirisamy","pl":"https://21st.dev/community/themes/frost-indigo-remix-1782571068522/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ykalagirisamy"},{"id":"21st-theme:ykanal1453__violet-dusk-remix-1783010595525","t":"Violet Dusk remix","d":"Explore the Violet Dusk remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"ykanal1453","pl":"https://21st.dev/community/themes/violet-dusk-remix-1783010595525/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"ykanal1453"},{"id":"21st-theme:zainaftab589__modern-minimal-remix-1784072277603","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"zainaftab589","pl":"https://21st.dev/community/themes/modern-minimal-remix-1784072277603/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"zainaftab589"},{"id":"21st-theme:zhanyuyue7__claude-1782735223697","t":"claude","d":"Explore the claude shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"zhanyuyue7","pl":"https://21st.dev/community/themes/claude-1782735223697/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"zhanyuyue7"},{"id":"21st-theme:zvifisher100__modern-minimal-remix-1782633308215","t":"Modern Minimal remix","d":"Explore the Modern Minimal remix shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.","k":"theme","s":"21st","c":"themes/shadcn","a":"zvifisher100","pl":"https://21st.dev/community/themes/modern-minimal-remix-1782633308215/opengraph-image-1re4pe?20eb48ff300b24fb","pc":"zvifisher100"},{"id":"shell:U0","t":"Shell: CRM GroupedRail + SISO tokens (the one shell)","k":"shell","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U0/","pc":"SISO","lv":1},{"id":"shell:U13","t":"Reusable modules (the parts every family composes)","d":"library-ui-spec.md §6: shell; heading+breadcrumb+state badges; authored reasoning block (source vs interpretation); ecosystem loop + typed relationship map; repo/satellite cards wi","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U13/","pc":"SISO","lv":1},{"id":"shell:U23","t":"Template gallery","d":"plan/templates.json: every row's reasoning, content contract, sections, rob-from lists (Action Model inventory + 21st.dev picks), example today, verification","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U23/","pc":"SISO","lv":1},{"id":"shell:U4","t":"Project one pager (bigger; the hub that links to the rest)","d":"plan/projects.json (repos with branch/head/private, urls with HTTP code, seats with last writeback, landed, said verbatim, left, modules with verification lines) + <repo>/.agents/{","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U4/","pc":"SISO","lv":1},{"id":"shell:U5","t":"God Question page","d":"GOD-QUESTIONS.md cards (question, decision target, counterexample, evidence lines), docs/frontier-question-template.html (exact question, why it matters, assumptions, evidence map,","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U5/","pc":"SISO","lv":1},{"id":"shell:U19","t":"Compute run page","d":"domains/compute/runs/<run>/{preregistration,run,acceptance,runtime-audit}.json, events.jsonl, metadata.json (effort applied), receipts","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U19/","pc":"SISO","lv":1},{"id":"shell:U3","t":"Library module (standard Work) page","d":"registry/works/<id>.json + releases + source_links; his categories 16:50: 'projects, niches, client, personal' → maps onto type + section; connected to the GitHub repo front end (r","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U3/","pc":"SISO","lv":1},{"id":"shell:U9","t":"Agent Zero page (his concepts + the fleet, on the Library)","d":"INTENT.md, BASELINE.md, plan/{modules,projects,decisions}.json, GOD-QUESTIONS.md, source/ (44 verbatim files, 111,930 words), ledger/OWNERS.md, the atlas","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U9/","pc":"SISO","lv":1},{"id":"shell:U1","t":"Library landing (root front door)","d":"catalog.json counts (47 Works, 86 Releases, 40 Snapshots, 8 inventories, 27 repos 23 public / 4 private, 17 industries, 22 GQ), the ecosystem loop from library-ui-spec §6, featured","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U1/","pc":"SISO","lv":1},{"id":"shell:U18","t":"Source page (his words)","d":"source/<date-time>-<slug>.md: verbatim block + Reads; transcript timestamp; the decisions/projects it caused","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U18/","pc":"SISO","lv":1},{"id":"shell:U2","t":"Section / catalogue","d":"catalog.json works[] (type, maturity, section, source_links), releases (86), snapshots (40), research.json, industries index","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U2/","pc":"SISO","lv":1},{"id":"shell:U16","t":"Decision page","d":"plan/decisions.json: id, date, his words, what it changed, what reverses it; the source/ file it came from","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U16/","pc":"SISO","lv":1},{"id":"shell:U17","t":"Agent seat page","d":"briefs/<SEAT>.md (born from), handoffs/<SEAT>.md, OWNERS.md lines, owners.log, rollout path + token maxima (GAPS M-4), verification line","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U17/","pc":"SISO","lv":1},{"id":"shell:U21","t":"Timeline page","d":"git log per repo (date, hash, author human/auto), OWNERS.md, decisions.json, ls source/, ls docs by mtime, owners.log","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U21/","pc":"SISO","lv":1},{"id":"shell:U8","t":"Industry detail / value research","d":"Foundry industry JSON (process hypotheses 70, capability rows 35), N2 value model + 10 examples, his 14:26 ask: 'per industry research with all of the projects and what we're offer","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U8/","pc":"SISO","lv":1},{"id":"shell:U14","t":"Person page","d":"PEOPLE-GRAPH-PROGRAM.md, client account repos, projects.json 'for whom', WhatsApp intake words (private)","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U14/","pc":"SISO","lv":1},{"id":"shell:U15","t":"Client account page","d":"his 5 Sep 22:20 'You've got client projects and you've got agency work. It should be split like that.'; account repo; the projects' U4 pages","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U15/","pc":"SISO","lv":1},{"id":"shell:U7","t":"Research doc reader","d":"site/docs/*.html, research.json, the Works of type knowledge_system/bundle","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U7/","pc":"SISO","lv":1},{"id":"shell:U11","t":"Private Work stub (client + personal)","d":"catalog repositories[] lifecycle_status + visibility; repos.json per front door; his 16:36: 'even client stock will have the listing of the repos even if they private'","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U11/","pc":"SISO","lv":1},{"id":"shell:U6","t":"Erdős question page","d":"SISO_Research/erdos/goals/*.md, DECISION-LOG.html, CHECKPOINT-2026-08-30.html, audits/, proof certificates","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U6/","pc":"SISO","lv":1},{"id":"shell:U10","t":"Now / activity","d":"owners.log lines (P5 writeback), OWNERS.md, herdr roster, rate_limits events","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U10/","pc":"SISO","lv":1},{"id":"shell:U12","t":"Release / Snapshot / Assembly record","d":"registry/{releases,snapshots,assemblies,source-inventories}/*.json (gls schemas, immutable history)","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U12/","pc":"SISO","lv":1},{"id":"shell:U20","t":"Play / skill page","d":"atlas/FRAMEWORKS-2026-09-05.html, skills-hub registry/skills/*/SKILL.md, install state per harness per machine (cold-discovery probes)","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U20/","pc":"SISO","lv":1},{"id":"shell:U22","t":"Estate / node page","d":"ESTATE.md, estate/SWEEP-*.md, briefs/MINI-SYNC.md, ledger mini-probe, herdr roster, rate_limits","k":"page","s":"siso-shell","c":"layout/page-shell","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/t/U22/","pc":"SISO","lv":1},{"id":"tool:gen-image","t":"Generate an image (OpenRouter)","d":"One generated image through OpenRouter, Google's Gemini 3.1 Flash Image by default. Writes NAME.png and a gen-log line with the cost. The key comes from OPENROUTER_API_KEY and is n","k":"tool","s":"siso","c":"tools/image-gen","a":"SISO","st":"ours","pc":"SISO"},{"id":"tool:gen-image-fal","t":"Generate an image (fal, Nano Banana 2.1)","d":"gen-image's twin through fal.ai for when OpenRouter runs out: Nano Banana 2.1 at 1K, about $0.04 an image. FAL_KEY is read from the environment, never printed.","k":"tool","s":"siso","c":"tools/image-gen","a":"SISO","st":"ours","pc":"SISO"},{"id":"tool:ui-pick","t":"ui-pick: rank his curated picks for a need","d":"Ranks Shaan's curated picks against what you need, reading his own note on each; about 1.5 s and $0.0006 a call. Ranks only; you still decide by looking.","k":"tool","s":"siso","c":"tools/pick","a":"SISO","st":"ours","pc":"SISO"},{"id":"tool:pagecheck","t":"uihub check <url>: a page against the rules","d":"Checks a rendered page against the rules a script can see: box in a box, type sizes, emoji, inline colours, clickable non-buttons, motion without reduced motion; one screenshot, ex","k":"tool","s":"siso","c":"tools/check","a":"SISO","st":"ours","pc":"SISO"},{"id":"tool:design-lab","t":"design-lab: pick by looking","d":"Builds a hosted side-by-side page of real rendered options so a person picks a direction by looking, not by reading names.","k":"tool","s":"siso","c":"tools/pick","a":"SISO","st":"ours","pc":"SISO"},{"id":"tool:siso-shell-compose","t":"compose: a page from a siso-shell family","d":"Renders one of the 24 page families (U0-U23) from a data file into a static page inside the SISO shell.","k":"tool","s":"siso","c":"tools/compose","a":"SISO","st":"ours","pl":"https://siso-shell.pages.dev/how/","pc":"SISO"},{"id":"tool:shoot","t":"shoot: headless screenshots","d":"Screenshots of a URL through camofox (headless, never opens a window); one tab, closed after.","k":"tool","s":"siso","c":"tools/check","a":"SISO","st":"ours","pc":"SISO"},{"id":"21st:anubra266__popover-notifications","t":"Popover notifications","s":"21st","c":"overlays/popover","a":"anubra266","pl":"https://21st.dev/og/component/anubra266/popover-1","pc":"anubra266"},{"id":"21st:felipemenezes098__card-05","t":"Card 05","s":"21st","c":"data-display/card","a":"felipemenezes098","pl":"https://21st.dev/community/components/felipemenezes098/card-05/opengraph-image-1jdxmh?6205e47b55e0293a","pc":"felipemenezes098"},{"id":"21st:serafimcloud__incident-status-timeline","t":"Incident status timeline","s":"21st","c":"other","a":"serafimcloud","pl":"https://21st.dev/community/components/serafimcloud/incident-status-timeline/opengraph-image-1jdxmh?6205e47b55e0293a","pc":"serafimcloud"},{"id":"000h-cojeev:cojeev","t":"Cojeev","d":"Cojeev tokens, fonts, reset, and Tailwind v4 theme bridge.","k":"theme","s":"000h-cojeev","c":"themes/style","hc":1},{"id":"000h-cojeev:accordion","t":"Accordion","d":"Organizes related sections into expandable panels so readers can open the details they nee","s":"000h-cojeev","c":"data-display/accordion","hc":1},{"id":"000h-cojeev:accordion-gallery","t":"Accordion Gallery","d":"A selected image panel opens to reveal its label, story and action.","s":"000h-cojeev","c":"media/gallery","sb":"Hover effects","hc":1},{"id":"000h-cojeev:action-dock","t":"Action dock","d":"A reusable action dock composed from Cojeev base components.","s":"000h-cojeev","c":"navigation/dock","hc":1},{"id":"000h-cojeev:activity-feed","t":"Activity feed","d":"An ordered, date-grouped history in three looks (a living thread, a quiet ledger or gather","s":"000h-cojeev","c":"data-display/timeline","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"000h-cojeev:adjuster","t":"Motion Adjuster","d":"Provides live controls for the shared motion settings and editable body profiles used acro","k":"layout","s":"000h-cojeev","c":"flows/settings","hc":1},{"id":"000h-cojeev:agent-chat","t":"Agent chat","d":"A composable agent conversation with a bounded thread, draft composer, attachments, progre","s":"000h-cojeev","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"000h-cojeev:agent-state","t":"Agent state","d":"A sculpted, living status field that changes contour and color as an agent thinks, works, ","s":"000h-cojeev","c":"ai-agent/ai-agent","hc":1},{"id":"000h-cojeev:alert","t":"Alert","d":"An authored note, attached-action banner or folded dispatch that makes the message and its","s":"000h-cojeev","c":"overlays/alert-banner","hc":1},{"id":"000h-cojeev:alert-dialog","t":"Alert Dialog","d":"Pauses a workflow for a focused confirmation before a consequential action proceeds.","s":"000h-cojeev","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"000h-cojeev:ambient-background","t":"Ambient background","d":"Adds a quiet animated composition around content, with decorative shapes kept behind a rea","k":"motion","s":"000h-cojeev","c":"motion/background","hc":1},{"id":"000h-cojeev:animated-icon","t":"Animated icon","d":"Replayable micro-interactions for the full Cojeev icon library, with semantic motion famil","k":"resource","s":"000h-cojeev","c":"assets/icon","sb":"Animated","hc":1},{"id":"000h-cojeev:animated-number","t":"Animated number","d":"A smooth, interruptible number transition for totals, metrics and small moments of progres","k":"motion","s":"000h-cojeev","c":"motion/number-ticker","hc":1},{"id":"000h-cojeev:appearance","t":"Appearance","d":"Choose from six coordinated palettes and adjust reading contrast across the application.","k":"theme","s":"000h-cojeev","c":"themes/theme","hc":1},{"id":"000h-cojeev:area-chart","t":"Area chart","d":"Layered area charts with shared series colors, responsive bounds and a keyboard data inspe","s":"000h-cojeev","c":"data-viz/chart","sb":"Area","hc":1},{"id":"000h-cojeev:article-headings","t":"Article Headings","d":"Semantic article headings resolve through a brief, grapheme-safe noise frontier.","k":"section","s":"000h-cojeev","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"000h-cojeev:aspect-ratio","t":"Aspect Ratio","d":"Keeps a media container at a chosen width-to-height ratio as its available width changes.","k":"layout","s":"000h-cojeev","c":"layout/page-shell","hc":1},{"id":"000h-cojeev:assembly-part","t":"Assembly part","d":"A persistent native component moving between a floating organism and its measured layout.","s":"000h-cojeev","c":"other/other","hc":1},{"id":"000h-cojeev:attachment","t":"Attachment","d":"Presents a file name, type, metadata, and nearby actions as a compact attachment row.","s":"000h-cojeev","c":"inputs/file-upload","hc":1},{"id":"000h-cojeev:avatar","t":"Avatar","d":"Portraits, identity rows and participant groups that keep the person recognizable—with art","s":"000h-cojeev","c":"data-display/avatar","hc":1},{"id":"000h-cojeev:badge","t":"Badge","d":"Stamp a review state, attach a filing tag or count a collection. Three compact treatments ","s":"000h-cojeev","c":"data-display/badge","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"000h-cojeev:bar-chart","t":"Bar chart","d":"Compare series with grouped, stacked or horizontal bars and a shared interactive tooltip.","s":"000h-cojeev","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"000h-cojeev:bento-builder","t":"Bento Builder","d":"An editable Bento canvas with complete partitions, content swapping, snapped neighbor resi","k":"layout","s":"000h-cojeev","c":"layout/bento-grid","hc":1},{"id":"000h-cojeev:bento-grid","t":"Bento Grid","d":"A complete canvas of rounded cards or organically interlocking pieces. Compose a layout, t","k":"layout","s":"000h-cojeev","c":"layout/bento-grid","hc":1},{"id":"000h-cojeev:breadcrumb","t":"Breadcrumb","d":"Find your place with a complete trail, a pocket-sized ancestor menu or a connected directo","s":"000h-cojeev","c":"navigation/breadcrumb","hc":1},{"id":"000h-cojeev:bubble","t":"Bubble","d":"Groups conversational content and timestamps into visually distinct message bubbles.","s":"000h-cojeev","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"000h-cojeev:button","t":"Button","d":"Triggers an action with native button behavior and an optional busy indicator.","s":"000h-cojeev","c":"actions/button","vn":1,"hc":1},{"id":"000h-cojeev:buy-me-coffee","t":"Buy Me Coffee","d":"A support poster reveals an inviting cup illustration and a real caller destination.","k":"resource","s":"000h-cojeev","c":"assets/illustration","hc":1},{"id":"000h-cojeev:calendar","t":"Calendar","d":"Choose one appointment day, a continuous date range, or separate days in an accessible mon","s":"000h-cojeev","c":"data-display/calendar","hc":1},{"id":"000h-cojeev:card","t":"Card","d":"Groups related content, metadata, and actions into a distinct surface.","s":"000h-cojeev","c":"data-display/card","sb":"Profile","hc":1},{"id":"000h-cojeev:caret-swap","t":"Caret Swap","d":"A colored caret block consumes a phrase before typing its replacement in whole graphemes.","k":"motion","s":"000h-cojeev","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"000h-cojeev:carousel","t":"Carousel","d":"Browse a peeking shelf, a full reading spread or a miniature index of ideas, with native s","s":"000h-cojeev","c":"media/carousel","hc":1},{"id":"000h-cojeev:chart","t":"Chart","d":"Compose an understandable chart from a frame, labelled series, inspectable plot and access","s":"000h-cojeev","c":"data-viz/chart","hc":1},{"id":"000h-cojeev:chart-tooltip","t":"Dynamic chart tooltip","d":"Compare a point, read its known subtotal or rank its series. Values update in place and ke","s":"000h-cojeev","c":"overlays/tooltip","hc":1},{"id":"000h-cojeev:checkbox","t":"Checkbox","d":"Captures an independent checked, unchecked, or indeterminate choice.","s":"000h-cojeev","c":"inputs/checkbox","hc":1},{"id":"000h-cojeev:click-spark","t":"Click Spark","d":"A finite spray of accent marks responds to a real activation.","s":"000h-cojeev","c":"inputs/form-field","hc":1},{"id":"000h-cojeev:code-block","t":"Code block","d":"Displays a code snippet with an optional caption, language label, wrapping, and copy feedb","s":"000h-cojeev","c":"data-display/code-block","hc":1},{"id":"000h-cojeev:collapsible","t":"Collapsible","d":"Shows or hides one optional section without leaving the surrounding layout.","s":"000h-cojeev","c":"data-display/accordion","hc":1},{"id":"000h-cojeev:combobox","t":"Combobox","d":"Filters a list of options through text input and stores one selected value.","s":"000h-cojeev","c":"inputs/combobox","hc":1},{"id":"000h-cojeev:command","t":"Command","d":"Builds a searchable command list that users can navigate and activate from the keyboard.","s":"000h-cojeev","c":"navigation/command-palette","hc":1},{"id":"000h-cojeev:compact-dashboard","t":"Compact dashboard","d":"Historical compatibility alias for WorkSidePanel; use the dedicated panel composition in n","k":"layout","s":"000h-cojeev","c":"layout/dashboard","hc":1},{"id":"000h-cojeev:context-menu","t":"Context Menu","d":"Reveals contextual actions for a target through a context-menu interaction.","s":"000h-cojeev","c":"overlays/context-menu","hc":1},{"id":"000h-cojeev:contour-field","t":"Contour field","d":"Original topographic lines on the inherited paper surface, with a bounded GPU renderer.","s":"000h-cojeev","c":"inputs/form-field","hc":1},{"id":"000h-cojeev:contours-background","t":"Contours background","d":"Nested organic contour lines with generous space between islands.","k":"motion","s":"000h-cojeev","c":"motion/background","hc":1},{"id":"000h-cojeev:conversation-panel","t":"Conversation panel","d":"A reusable conversation panel composed from Cojeev base components.","s":"000h-cojeev","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"000h-cojeev:data-table","t":"Data Table","d":"Displays records with client-side filtering, sortable columns, and paginated rows.","s":"000h-cojeev","c":"data-display/table","sb":"Data tables","hc":1},{"id":"000h-cojeev:date-picker","t":"Date Picker","d":"Choose one day, a range, or multiple dates from a labelled field and calendar popover.","s":"000h-cojeev","c":"inputs/date-picker","hc":1},{"id":"000h-cojeev:depth-background","t":"Depth background","d":"Layered pollen, contours and orbital shapes with perspective, native-scroll depth and poin","k":"motion","s":"000h-cojeev","c":"motion/background","tg":["3d"],"sy":["3d"],"hc":1},{"id":"000h-cojeev:dialog","t":"Dialog","d":"A decision slip, focused editor or illustrated exhibit. Give one task your attention witho","s":"000h-cojeev","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"000h-cojeev:direction","t":"Direction","d":"Sets a text direction for a subtree and shares it with direction-aware primitives.","k":"motion","s":"000h-cojeev","c":"motion/text-effect","hc":1},{"id":"000h-cojeev:dither-dissolve","t":"Dither Dissolve","d":"Caller scenes exchange beneath a deterministic ordered dither cover.","k":"motion","s":"000h-cojeev","c":"motion/background","hc":1},{"id":"000h-cojeev:dither-sculpture","t":"Dither sculpture","d":"Depth-tested sculptural forms printed as ordered dots, halftone, error diffusion or stippl","s":"000h-cojeev","c":"inputs/form-field","tg":["3d"],"sy":["3d"],"hc":1},{"id":"000h-cojeev:dock","t":"Dock","d":"A compact workspace launcher with a magnifying glass bar, raised shelf and labelled vertic","s":"000h-cojeev","c":"navigation/dock","tg":["glass"],"sy":["glass"],"hc":1},{"id":"000h-cojeev:dots-background","t":"Dots background","d":"An evenly spaced field of fine points for quiet, familiar structure.","k":"motion","s":"000h-cojeev","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"000h-cojeev:drawer","t":"Drawer","d":"Presents dialog content in a drawer surface while keeping the current page underneath.","s":"000h-cojeev","c":"overlays/sheet","hc":1},{"id":"000h-cojeev:dropdown-menu","t":"Dropdown Menu","d":"Opens a compact menu of actions or stateful choices from a visible trigger.","s":"000h-cojeev","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"000h-cojeev:dropzone","t":"Dropzone","d":"Collects local files through drag and drop or a native file picker and reports the selecti","s":"000h-cojeev","c":"inputs/file-upload","hc":1},{"id":"000h-cojeev:elastic-mesh","t":"Elastic Mesh","d":"A triangulated printed sheet stretches toward the pointer and springs home.","s":"000h-cojeev","c":"inputs/form-field","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"000h-cojeev:empty","t":"Empty","d":"Explains an empty collection or unavailable result and creates space for a useful next ste","s":"000h-cojeev","c":"data-display/empty-state","hc":1},{"id":"000h-cojeev:falling-text","t":"Falling Text","d":"Measured word rectangles fall, collide and settle inside a bounded stage.","k":"motion","s":"000h-cojeev","c":"motion/text-effect","hc":1},{"id":"000h-cojeev:field","t":"Field","d":"Connects a form control with its label, description, and validation message.","s":"000h-cojeev","c":"inputs/form-field","hc":1},{"id":"000h-cojeev:float-layer","t":"Float layer","d":"An entrance, scroll depth and gentle idle movement for a real component or a group of elem","k":"layout","s":"000h-cojeev","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"000h-cojeev:flow-sculpture","t":"Flow sculpture","d":"A rendered form responds to pointer strokes through a fluid distortion field.","s":"000h-cojeev","c":"inputs/form-field","hc":1},{"id":"000h-cojeev:focus-session","t":"Focus session","d":"A local focus timer composed from Cojeev cards, progress, badges and native controls.","s":"000h-cojeev","c":"data-viz/progress-bar","hc":1},{"id":"000h-cojeev:folds-background","t":"Folds background","d":"Quiet faceted planes inspired by folded paper, without busy linework.","k":"motion","s":"000h-cojeev","c":"motion/background","hc":1},{"id":"000h-cojeev:ghost-cursor","t":"Ghost Cursor","d":"A translucent ink impression follows a local pointer with soft inertia.","k":"motion","s":"000h-cojeev","c":"motion/cursor","hc":1},{"id":"000h-cojeev:glass-sculpture","t":"Glass sculpture","d":"Translucent geometry bends an original patterned studio through a softly lit glass surface","s":"000h-cojeev","c":"other/other","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"000h-cojeev:glyph-sculpture","t":"Glyph sculpture","d":"A real 3D surface drawn with glyphs, optional contour marks and your own local geometry.","s":"000h-cojeev","c":"status/loader","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"000h-cojeev:grain-dissolve","t":"Grain Dissolve","d":"Caller scenes dissolve through a grainy pigment field with a soft focus exchange.","k":"motion","s":"000h-cojeev","c":"motion/background","sb":"Noise and texture","hc":1},{"id":"000h-cojeev:grid-background","t":"Grid background","d":"Hairline rules that give canvases and working surfaces a gentle rhythm.","k":"motion","s":"000h-cojeev","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"000h-cojeev:guided-pointer","t":"Guided pointer","d":"An illustrated pointer moves between story waypoints, with a small arrival or hold cue.","k":"motion","s":"000h-cojeev","c":"motion/cursor","hc":1},{"id":"000h-cojeev:hero-button","t":"Hero button","d":"Twelve tactile calls to action: living ink, paper, keys, tickets and small moments of moti","s":"000h-cojeev","c":"actions/button","sb":"Animated","hc":1},{"id":"000h-cojeev:hover-card","t":"Hover Card","d":"A person, an excerpt or a small visual study—three considered previews, close to the thing","s":"000h-cojeev","c":"overlays/hover-card","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"000h-cojeev:icon","t":"Icon library","d":"1,722 icon names with Cojeev micro-interactions, outline, duotone and organic treatments, ","k":"resource","s":"000h-cojeev","c":"assets/icon","vn":1616,"hc":1},{"id":"000h-cojeev:image-masking","t":"Image Masking","d":"Caller images are framed by original Cojeev silhouettes using CSS masks or SVG clip paths.","s":"000h-cojeev","c":"media/gallery","hc":1},{"id":"000h-cojeev:image-trail","t":"Image Trail","d":"Distance-triggered image impressions follow the pointer and fade away.","s":"000h-cojeev","c":"media/gallery","hc":1},{"id":"000h-cojeev:infinite-spiral","t":"Infinite Spiral","d":"Helical image cards recycle through depth with explicit previous, next and pause controls.","s":"000h-cojeev","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"000h-cojeev:ink-sculpture","t":"Ink sculpture","d":"Hatched and engraved marks follow the light and relief of a 3D form.","s":"000h-cojeev","c":"inputs/form-field","tg":["3d"],"sy":["3d"],"hc":1},{"id":"000h-cojeev:input","t":"Input","d":"Collects a single-line value through a native input with optional composed affixes and cle","s":"000h-cojeev","c":"inputs/form-field","vn":1,"hc":1},{"id":"000h-cojeev:input-otp","t":"Input OTP","d":"Presents a single code input as a sequence of visible character slots.","s":"000h-cojeev","c":"inputs/otp-input","hc":1},{"id":"000h-cojeev:invite-card","t":"Invite card","d":"An event invitation with participant avatars and a reversible local RSVP, composed from Co","s":"000h-cojeev","c":"data-display/card","hc":1},{"id":"000h-cojeev:item","t":"Item","d":"A notebook ledger, an illustrated collection or an actionable detail. Three readable arran","s":"000h-cojeev","c":"data-display/list","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"000h-cojeev:item-adornment","t":"Item adornment","d":"Coloured organic shapes for list items, with deterministic automatic selection and custom ","s":"000h-cojeev","c":"data-display/list","hc":1},{"id":"000h-cojeev:kbd","t":"Kbd","d":"Formats a key or key combination as a recognizable keyboard instruction.","s":"000h-cojeev","c":"data-display/typography","hc":1},{"id":"000h-cojeev:label","t":"Label","d":"Provides a native form label plus compact stat-label primitives for named values.","s":"000h-cojeev","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"000h-cojeev:line-chart","t":"Line chart","d":"Track changes using linear, smooth or step lines with accessible point inspection.","s":"000h-cojeev","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"000h-cojeev:linear-modal","t":"Linear Modal","d":"Follow a card, image and title into a full detail, then back. Card, Centered and browsable","s":"000h-cojeev","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"000h-cojeev:living-link","t":"Living link","d":"A native link with a drawn ink contour, directional underline reveals, or an organic pigme","s":"000h-cojeev","c":"actions/link","hc":1},{"id":"000h-cojeev:magic-rings","t":"Magic Rings","d":"Open concentric rings expand in Cojeev colors and respond to pointer position.","s":"000h-cojeev","c":"inputs/form-field","hc":1},{"id":"000h-cojeev:marker","t":"Marker","d":"Separates or annotates a sequence with a short event, status, or time label.","s":"000h-cojeev","c":"inputs/form-field","hc":1},{"id":"000h-cojeev:marquee","t":"Marquee","d":"A measured moving list with optional perspective and a rhythm that follows scrolling.","k":"motion","s":"000h-cojeev","c":"motion/marquee","tg":["3d"],"sy":["3d"],"hc":1},{"id":"000h-cojeev:menubar","t":"Menubar","d":"Groups application commands into a horizontal row of keyboard-navigable menus.","s":"000h-cojeev","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"000h-cojeev:message","t":"Message","d":"Structures a conversational or activity entry with a main content area and supporting desc","s":"000h-cojeev","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"000h-cojeev:message-scroller","t":"Message Scroller","d":"Keeps a conversation near its latest content while allowing readers to scroll back without","s":"000h-cojeev","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"000h-cojeev:meta-balls","t":"Meta Balls","d":"Moving scalar-field bodies merge and separate through liquid contours.","s":"000h-cojeev","c":"inputs/form-field","hc":1},{"id":"000h-cojeev:milestone-path","t":"Milestone path","d":"Follow caller-owned progress or a running workflow as a connected Journey, a scrollable Se","s":"000h-cojeev","c":"data-viz/progress-bar","hc":1},{"id":"000h-cojeev:motion-drawer","t":"Motion Drawer","d":"A reference-faithful edge drawer, floating quick panel, layered workspace and bottom actio","s":"000h-cojeev","c":"overlays/sheet","hc":1},{"id":"000h-cojeev:multi-select","t":"Multi select","d":"Searchable multiple choices with removable selections, form values and clear validation.","s":"000h-cojeev","c":"inputs/select","hc":1},{"id":"000h-cojeev:native-select","t":"Native Select","d":"Uses the browser’s native select control to choose from a compact list of options.","s":"000h-cojeev","c":"inputs/select","hc":1},{"id":"000h-cojeev:navigation-menu","t":"Navigation Menu","d":"Organizes destination links and optional expandable navigation panels.","s":"000h-cojeev","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"000h-cojeev:number-input","t":"Number input","d":"A number field with readable formatting, a native editing caret and expressive stepping.","s":"000h-cojeev","c":"inputs/number-input","hc":1},{"id":"000h-cojeev:option-wheel","t":"Option Wheel","d":"A paper dial, aligned reel or compact readout for choosing one direction with pointer, whe","s":"000h-cojeev","c":"inputs/slider","hc":1},{"id":"000h-cojeev:orbit-images","t":"Orbit Images","d":"An orbit of supplied images frames stationary content.","s":"000h-cojeev","c":"media/gallery","hc":1},{"id":"000h-cojeev:organism-assembly","t":"Organism assembly","d":"An interactive studio that gathers floating shapes into six reusable compositions.","k":"resource","s":"000h-cojeev","c":"assets/shape","hc":1},{"id":"000h-cojeev:organism-composition","t":"Organism composition","d":"Six useful compositions made from persistent Cojeev base components, with organic assembly","k":"motion","s":"000h-cojeev","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"000h-cojeev:pagination","t":"Pagination","d":"Lets users move between numbered pages and see their current position.","s":"000h-cojeev","c":"navigation/pagination","hc":1},{"id":"000h-cojeev:particle-sculpture","t":"Particle sculpture","d":"A cloud sampled from a real surface yields to the pointer and springs back into form.","k":"motion","s":"000h-cojeev","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"000h-cojeev:particle-text","t":"Particle Text","d":"Particles sampled from real glyph pixels gather into a readable phrase and repel the local","k":"motion","s":"000h-cojeev","c":"motion/text-effect","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"000h-cojeev:pattern-background","t":"Pattern background","d":"Eight distinct, lightweight backgrounds behind content, with a plain option and adjustable","k":"motion","s":"000h-cojeev","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"000h-cojeev:pebbles-background","t":"Pebbles background","d":"Sparse, softly irregular pebble outlines distributed across the surface.","k":"motion","s":"000h-cojeev","c":"motion/background","hc":1},{"id":"000h-cojeev:pie-chart","t":"Pie chart","d":"Show proportions using themed pie and donut layouts, with readable totals and segment insp","s":"000h-cojeev","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"000h-cojeev:pigment-field","t":"Pigment field","d":"An original GPU pigment wash using the current Cojeev palette.","s":"000h-cojeev","c":"inputs/form-field","hc":1},{"id":"000h-cojeev:pixel-swap","t":"Pixel Swap","d":"A staggered tile mask exchanges two compositions without duplicating their interactive con","s":"000h-cojeev","c":"data-display/card","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"000h-cojeev:popover","t":"Popover","d":"Places a dismissible panel next to a trigger for a small contextual task or set of control","s":"000h-cojeev","c":"overlays/popover","hc":1},{"id":"000h-cojeev:portal-field","t":"Portal Field","d":"An organically warped luminous halo with a soft chromatic fringe behind real content.","s":"000h-cojeev","c":"inputs/form-field","hc":1},{"id":"000h-cojeev:presence","t":"Presence","d":"MotionPresence keeps keyed children mounted for their exits. MotionSurface adds coordinate","s":"000h-cojeev","c":"status/status-dot","hc":1},{"id":"000h-cojeev:preview","t":"Component preview","d":"Pairs a live component example with a code view and a copy action.","k":"section","s":"000h-cojeev","c":"marketing/testimonials","hc":1},{"id":"000h-cojeev:profile-card","t":"Profile card","d":"A reusable profile card composed from Cojeev base components.","s":"000h-cojeev","c":"data-display/profile","hc":1},{"id":"000h-cojeev:progress","t":"Progress","d":"One measured amount, explained as an inline task, a small report or connected milestones—w","s":"000h-cojeev","c":"data-viz/progress-bar","hc":1},{"id":"000h-cojeev:questionnaire","t":"Questionnaire","d":"A little guided brief: open questions, a focused journey or a two-column worksheet with li","k":"section","s":"000h-cojeev","c":"marketing/faq","hc":1},{"id":"000h-cojeev:radar-chart","t":"Radar chart","d":"Compare several dimensions with a shared radar scale and contextual series highlighting.","s":"000h-cojeev","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"000h-cojeev:radial-chart","t":"Radial chart","d":"Show progress against a shared maximum using full rings or semicircles.","s":"000h-cojeev","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"000h-cojeev:radio-group","t":"Radio group","d":"Lets users select one option from a labeled set of mutually exclusive choices.","s":"000h-cojeev","c":"inputs/radio","hc":1},{"id":"000h-cojeev:reading-trail","t":"Reading trail","d":"Keep your place with a connected spine, an expandable bookmark or a descriptive chapter ov","s":"000h-cojeev","c":"data-viz/progress-bar","hc":1},{"id":"000h-cojeev:resizable","t":"Resizable","d":"Divides a region into panels whose relative sizes can be adjusted with a separator.","k":"layout","s":"000h-cojeev","c":"layout/split-pane","hc":1},{"id":"000h-cojeev:ripple-distortion","t":"Ripple Distortion","d":"Pointer impulses send expanding waves through a textured print.","k":"motion","s":"000h-cojeev","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"000h-cojeev:scroll-area","t":"Scroll Area","d":"Contains overflowing content in a bounded viewport with styled scrollbars.","k":"layout","s":"000h-cojeev","c":"layout/scroll-area","hc":1},{"id":"000h-cojeev:scroll-expand","t":"Scroll Expand","d":"A framed composition opens as native scroll or controlled progress advances.","k":"layout","s":"000h-cojeev","c":"layout/scroll-area","hc":1},{"id":"000h-cojeev:scroll-organism","t":"Scroll organism","d":"A softly stretching companion driven by native document scrolling.","k":"layout","s":"000h-cojeev","c":"layout/scroll-area","hc":1},{"id":"000h-cojeev:scroll-reveal","t":"Scroll Reveal","d":"Native scroll progress resolves word opacity and blur while leveling the phrase.","k":"layout","s":"000h-cojeev","c":"layout/scroll-area","hc":1},{"id":"000h-cojeev:sculpture-orbit","t":"Sculpture orbit","d":"A shared sculpture viewer with pointer rotation, touch-friendly navigation and complete ke","k":"motion","s":"000h-cojeev","c":"motion/cursor","hc":1},{"id":"000h-cojeev:select","t":"Select","d":"Opens a list of options from a trigger and stores one selected value.","s":"000h-cojeev","c":"inputs/select","hc":1},{"id":"000h-cojeev:semantic-bloom","t":"Semantic bloom","d":"A living wordmark whose particles wander, connect and gather into a liquid organism. Adapt","k":"resource","s":"000h-cojeev","c":"assets/logo","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"000h-cojeev:separator","t":"Separator","d":"Divides adjacent content with a horizontal or vertical rule.","k":"layout","s":"000h-cojeev","c":"layout/page-shell","hc":1},{"id":"000h-cojeev:shape","t":"Shape studio","d":"One shape studio: twelve compatible living contours, layered artwork and the complete orig","k":"resource","s":"000h-cojeev","c":"assets/shape","vn":1,"hc":1},{"id":"000h-cojeev:shape-artwork","t":"Shape artwork","d":"An original SVG silhouette with a cast shadow and a rotated rear outline. The same vector ","k":"section","s":"000h-cojeev","c":"marketing/testimonials","hc":1},{"id":"000h-cojeev:sheet","t":"Sheet","d":"Opens a side surface for focused secondary content while the current page remains in place","s":"000h-cojeev","c":"overlays/sheet","hc":1},{"id":"000h-cojeev:sidebar","t":"Sidebar","d":"A paper folio, a readable compact index and a motion drawer. Three calm ways to keep the s","s":"000h-cojeev","c":"navigation/sidebar","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"000h-cojeev:skeleton","t":"Skeleton","d":"Give unavailable content a useful outline: a reading page, a person or a board of ideas, w","s":"000h-cojeev","c":"status/skeleton","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"000h-cojeev:slider","t":"Slider","d":"Adjusts one or more numeric values by moving labeled thumbs along a track.","s":"000h-cojeev","c":"inputs/slider","hc":1},{"id":"000h-cojeev:spinner","t":"Loading","d":"Three indeterminate signals: a morphing Bloom, gathering Orbit or handing-off Relay. The o","s":"000h-cojeev","c":"status/loader","tg":["webgl"],"sb":"Spinners","sy":["webgl"],"hc":1},{"id":"000h-cojeev:sprouts-background","t":"Sprouts background","d":"Small paired leaves and seed-like marks with plenty of open space.","k":"motion","s":"000h-cojeev","c":"motion/background","hc":1},{"id":"000h-cojeev:strands","t":"Strands","d":"A bundle of colored ribbons moves through a bounded sine field.","s":"000h-cojeev","c":"inputs/form-field","hc":1},{"id":"000h-cojeev:sunwash-background","t":"Sunwash background","d":"Broad, soft pools of color that leave the content in focus.","k":"motion","s":"000h-cojeev","c":"motion/background","hc":1},{"id":"000h-cojeev:swapy","t":"Swapy","d":"Cards swap positions through a drag handle or keyboard controls and retain their order in ","s":"000h-cojeev","c":"data-display/card","hc":1},{"id":"000h-cojeev:swarm-cursor","t":"Swarm Cursor","d":"A local flock of colored seeds follows the pointer and scatters on activation.","k":"motion","s":"000h-cojeev","c":"motion/cursor","hc":1},{"id":"000h-cojeev:switch","t":"Switch","d":"Turns a named binary setting on or off.","s":"000h-cojeev","c":"actions/switch","hc":1},{"id":"000h-cojeev:table","t":"Tables","d":"Scan a compact ledger, explore detailed records or compare them side by side. One Tables g","s":"000h-cojeev","c":"data-display/table","hc":1},{"id":"000h-cojeev:tabs","t":"Tabs","d":"Switches between related content panels while keeping the available views visible.","s":"000h-cojeev","c":"navigation/tabs","hc":1},{"id":"000h-cojeev:target-cursor","t":"Target Cursor","d":"Local corner brackets follow real controls on hover and keyboard focus.","k":"motion","s":"000h-cojeev","c":"motion/cursor","hc":1},{"id":"000h-cojeev:text-reveal","t":"Text reveal","d":"Readable word, grapheme, phrase or measured-line arrivals with soft focus, fold and organi","k":"motion","s":"000h-cojeev","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"000h-cojeev:text-ribbon","t":"Text ribbon","d":"A measured phrase follows six original SVG paths, with direct manipulation and gentle chan","k":"section","s":"000h-cojeev","c":"marketing/announcement","hc":1},{"id":"000h-cojeev:textarea","t":"Textarea","d":"Collects multiline text and offers composer and character-count parts for longer input.","s":"000h-cojeev","c":"inputs/textarea","hc":1},{"id":"000h-cojeev:theme-toggle","t":"Theme toggle","d":"A controlled light/dark switch with a morphing sun and moon and a smooth organic page reve","s":"000h-cojeev","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"000h-cojeev:toast","t":"Toast","d":"Reports a brief outcome in a notification area without moving the user away from the curre","s":"000h-cojeev","c":"overlays/toast","hc":1},{"id":"000h-cojeev:toggle","t":"Toggle","d":"A small action with a lasting state: a toolbar tool, a paper bookmark or a descriptive pre","s":"000h-cojeev","c":"actions/switch","vn":1,"hc":1},{"id":"000h-cojeev:tooltip","t":"Tooltip","d":"Precise ink callouts, useful keyboard hints and small paper annotations. Short explanation","s":"000h-cojeev","c":"overlays/tooltip","hc":1},{"id":"000h-cojeev:tree","t":"Tree","d":"A controlled branch ledger for supplied hierarchical data, with separate disclosure, selec","s":"000h-cojeev","c":"data-display/tree","hc":1},{"id":"000h-cojeev:typography","t":"Typography","d":"Provides text roles for headings, body copy, metadata, values, and identifiers.","s":"000h-cojeev","c":"data-display/typography","hc":1},{"id":"000h-cojeev:typography-vortex","t":"Typography Vortex","d":"Nested rotating glyph rings with a local dissolution lens and a finite suction pulse.","k":"motion","s":"000h-cojeev","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"000h-cojeev:variable-proximity","t":"Variable Proximity","d":"Pointer distance changes the real variable-font weight of individual graphemes.","k":"resource","s":"000h-cojeev","c":"assets/font","hc":1},{"id":"000h-cojeev:warp-text","t":"Warp Text","d":"Rendered text deforms through a slowly changing noise displacement.","k":"motion","s":"000h-cojeev","c":"motion/text-effect","hc":1},{"id":"000h-cojeev:wave-wipe","t":"Wave Wipe","d":"An organic wave rises across caller content to reveal the next scene.","k":"motion","s":"000h-cojeev","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"000h-cojeev:weave-background","t":"Weave background","d":"Interlaced thread-like strokes with visible over-and-under crossings.","k":"motion","s":"000h-cojeev","c":"motion/background","hc":1},{"id":"000h-cojeev:word-relay","t":"Word relay","d":"Exchanges phrases, words or letters inside a stable wrapping footprint, with interruptible","k":"motion","s":"000h-cojeev","c":"motion/text-effect","hc":1},{"id":"000h-cojeev:word-stream","t":"Word Stream","d":"Phrases build word by word, drift left and run out before the final phrase holds.","k":"motion","s":"000h-cojeev","c":"motion/text-effect","hc":1},{"id":"000h-cojeev:work-side-panel","t":"Work side panel","d":"A reusable work side panel composed from Cojeev base components.","s":"000h-cojeev","c":"overlays/sheet","hc":1},{"id":"000h-cojeev:writing-caret","t":"Writing caret","d":"A quiet writing mark with a short, deliberate blink sequence.","k":"motion","s":"000h-cojeev","c":"motion/text-effect","sb":"Handwriting and SVG","hc":1},{"id":"000h-cojeev:zoom-words","t":"Zoom Words","d":"An enlarged camera follows measured centers along a growing word line.","k":"motion","s":"000h-cojeev","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"1st-pouf:base","t":"1st Pouf base","d":"Theme tokens, cushion utilities, keyframes, and component chrome. Required by every 1st-Po","k":"theme","s":"1st-pouf","c":"themes/style","fw":"CSS","hc":1},{"id":"1st-pouf:alert-bell","t":"AlertBell","s":"1st-pouf","c":"overlays/alert-banner","hc":1},{"id":"1st-pouf:aspect-ratio","t":"AspectRatio","s":"1st-pouf","c":"other/other","hc":1},{"id":"1st-pouf:avatar","t":"Avatar","s":"1st-pouf","c":"data-display/avatar","hc":1},{"id":"1st-pouf:bottom-nav","t":"BottomNav","s":"1st-pouf","c":"navigation/top-nav","hc":1},{"id":"1st-pouf:breadcrumb","t":"Breadcrumb","s":"1st-pouf","c":"navigation/breadcrumb","hc":1},{"id":"1st-pouf:button","t":"Button","s":"1st-pouf","c":"actions/button","hc":1},{"id":"1st-pouf:charts","t":"Charts","s":"1st-pouf","c":"data-viz/chart","hc":1},{"id":"1st-pouf:checkbox","t":"Checkbox","s":"1st-pouf","c":"inputs/checkbox","hc":1},{"id":"1st-pouf:controls","t":"Controls (Select, Switch, Tooltip, Dialog, Confirm, Combobox)","s":"1st-pouf","c":"inputs/combobox","hc":1},{"id":"1st-pouf:cta","t":"CTA","k":"section","s":"1st-pouf","c":"marketing/cta","hc":1},{"id":"1st-pouf:disclosure","t":"Tabs, Accordion, Collapsible","s":"1st-pouf","c":"data-display/accordion","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"1st-pouf:error-boundary","t":"ErrorBoundary","s":"1st-pouf","c":"other/other","hc":1},{"id":"1st-pouf:feedback","t":"Empty, Skeleton, ErrorNote","s":"1st-pouf","c":"status/skeleton","hc":1},{"id":"1st-pouf:footer","t":"Footer","k":"section","s":"1st-pouf","c":"marketing/footer","hc":1},{"id":"1st-pouf:hover-card","t":"HoverCard","s":"1st-pouf","c":"overlays/hover-card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"1st-pouf:icon","t":"Icon","k":"resource","s":"1st-pouf","c":"assets/icon","hc":1},{"id":"1st-pouf:input","t":"Input","s":"1st-pouf","c":"inputs/form-field","hc":1},{"id":"1st-pouf:layout","t":"Layout","s":"1st-pouf","c":"other/other","hc":1},{"id":"1st-pouf:media","t":"Blob, Badge, Dot, Figure","s":"1st-pouf","c":"data-display/badge","sb":"Status","hc":1},{"id":"1st-pouf:menu","t":"DropdownMenu + ContextMenu","s":"1st-pouf","c":"navigation/menu","tg":["animated"],"sb":"Context menus","sy":["animated"],"hc":1},{"id":"1st-pouf:menubar","t":"Menubar","s":"1st-pouf","c":"navigation/top-nav","tg":["animated"],"sb":"Mega menus","sy":["animated"],"hc":1},{"id":"1st-pouf:nav-link","t":"NavLink","s":"1st-pouf","c":"actions/link","hc":1},{"id":"1st-pouf:navbar","t":"Navbar","s":"1st-pouf","c":"navigation/top-nav","hc":1},{"id":"1st-pouf:number-input","t":"NumberInput","s":"1st-pouf","c":"inputs/number-input","hc":1},{"id":"1st-pouf:numberinput-math","t":"NumberInput math","k":"lib","s":"1st-pouf","c":"lib/utility","sb":"Formatting","hc":1},{"id":"1st-pouf:pagination","t":"Pagination","s":"1st-pouf","c":"navigation/pagination","hc":1},{"id":"1st-pouf:progress","t":"Progress","s":"1st-pouf","c":"data-viz/progress-bar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"1st-pouf:radio-group","t":"RadioGroup","s":"1st-pouf","c":"inputs/radio","hc":1},{"id":"1st-pouf:readout","t":"Stat, Metric","s":"1st-pouf","c":"data-display/stat","hc":1},{"id":"1st-pouf:scroll-area","t":"ScrollArea","k":"layout","s":"1st-pouf","c":"layout/scroll-area","hc":1},{"id":"1st-pouf:segmented","t":"Segmented","s":"1st-pouf","c":"navigation/tabs","hc":1},{"id":"1st-pouf:separator","t":"Separator","k":"layout","s":"1st-pouf","c":"layout/page-shell","hc":1},{"id":"1st-pouf:sheet","t":"Sheet","s":"1st-pouf","c":"overlays/sheet","hc":1},{"id":"1st-pouf:slider","t":"Slider","s":"1st-pouf","c":"inputs/slider","hc":1},{"id":"1st-pouf:status","t":"Status, Freshness, ModeBanner","s":"1st-pouf","c":"overlays/alert-banner","hc":1},{"id":"1st-pouf:surface","t":"Card, RowCard","s":"1st-pouf","c":"data-display/list","hc":1},{"id":"1st-pouf:table","t":"Table","s":"1st-pouf","c":"data-display/table","hc":1},{"id":"1st-pouf:text","t":"Heading, Text, Highlight, Eyebrow","k":"motion","s":"1st-pouf","c":"motion/text-effect","hc":1},{"id":"1st-pouf:toast","t":"Toast","s":"1st-pouf","c":"overlays/toast","tg":["animated"],"sy":["animated"],"hc":1},{"id":"1st-pouf:toaster","t":"Toaster","s":"1st-pouf","c":"overlays/toast","tg":["animated"],"sy":["animated"],"hc":1},{"id":"1st-pouf:toggle","t":"ToggleGroup","s":"1st-pouf","c":"actions/switch","hc":1},{"id":"1st-pouf:tone","t":"Tone tokens","k":"lib","s":"1st-pouf","c":"lib/utility","sb":"Theme","hc":1},{"id":"1st-pouf:dashboard","t":"Dashboard","d":"An example dashboard — sidebar nav, KPI row, chart, and data table.","k":"layout","s":"1st-pouf","c":"layout/dashboard","hc":1},{"id":"1st-pouf:login","t":"Login screen","d":"An example auth screen — card, fields, and buttons.","k":"layout","s":"1st-pouf","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"1st-pouf:settings","t":"Settings page","d":"An example settings screen — tabbed sections of form controls.","k":"layout","s":"1st-pouf","c":"flows/settings","hc":1},{"id":"1st-pouf:chat","t":"Chat","d":"An example messaging UI — a conversation list beside a live thread.","s":"1st-pouf","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"1st-pouf:game","t":"Game HUD","d":"An example game interface — score, health/XP bars, and a leaderboard.","s":"1st-pouf","c":"data-display/gamification","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"1st-pouf:pricing","t":"Pricing","d":"An example pricing page — three plans with feature checklists.","k":"section","s":"1st-pouf","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"1st-pouf:blog","t":"Blog","d":"An example blog index — a featured post and a grid of cards.","k":"section","s":"1st-pouf","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"1st-pouf:profile","t":"Profile","d":"An example profile page — avatar, stats, and tabbed content.","s":"1st-pouf","c":"data-display/profile","hc":1},{"id":"1st-pouf:kanban","t":"Kanban board","d":"An example task board — columns of cards with priorities and assignees.","s":"1st-pouf","c":"data-display/kanban","hc":1},{"id":"1st-pouf:music","t":"Music player","d":"An example now-playing screen — album art, scrubber, and a queue.","s":"1st-pouf","c":"media/player","hc":1},{"id":"1st-pouf:feed","t":"Social feed","d":"An example feed — a composer and a stream of posts with reactions.","s":"1st-pouf","c":"data-display/timeline","hc":1},{"id":"1st-pouf:todo","t":"Todo list","d":"An example checklist — add, filter, and check off tasks.","s":"1st-pouf","c":"data-display/list","sb":"Tasks and to-dos","hc":1},{"id":"1st-pouf:onboarding","t":"Onboarding","d":"An example setup wizard — a progress bar and step-by-step forms.","s":"1st-pouf","c":"navigation/wizard-steps","hc":1},{"id":"1st-pouf:weather","t":"Weather widget","d":"An example weather card — current conditions, hourly, and a 5-day forecast.","s":"1st-pouf","c":"data-display/card","hc":1},{"id":"1st-pouf:quiz","t":"Quiz","d":"An example quiz card — progress, questions, and inline scoring.","k":"section","s":"1st-pouf","c":"marketing/faq","hc":1},{"id":"1st-pouf:landing","t":"Landing page","d":"A complete marketing route — navbar, hero, proof, features, pricing, CTA, and footer.","k":"page","s":"1st-pouf","c":"pages/templates","sb":"Landing pages","hc":1},{"id":"1st-pouf:storefront","t":"Storefront","d":"A complete commerce route with site chrome, product discovery, a working bag, totals, and ","k":"section","s":"1st-pouf","c":"marketing/marketing","sb":"Shop sections","hc":1},{"id":"1st-pouf:support","t":"Support desk","d":"A complete support workspace with app chrome, queue filters, ticket detail, replies, and s","k":"section","s":"1st-pouf","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"1st-pouf:inbox","t":"Inbox","d":"An example email inbox — a message list beside a reading pane.","s":"1st-pouf","c":"overlays/notifications","hc":1},{"id":"1st-pouf:calendar","t":"Calendar","d":"An example day agenda with working navigation.","s":"1st-pouf","c":"data-display/calendar","hc":1},{"id":"1st-pouf:contact","t":"Contact section","d":"A high-trust contact section with context, inline validation, and a submitted state.","k":"section","s":"1st-pouf","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"1st-pouf:testimonials","t":"Testimonials","d":"A filterable customer-story carousel with outcomes and accessible controls.","k":"section","s":"1st-pouf","c":"marketing/testimonials","hc":1},{"id":"1st-pouf:crm","t":"Customer CRM","d":"A complete customer workspace with responsive app chrome, filters, lifecycle stages, and n","k":"section","s":"1st-pouf","c":"marketing/marketing","hc":1},{"id":"1st-pouf:inventory","t":"Inventory","d":"A complete inventory workspace with searchable stock, filters, sortable records, item deta","s":"1st-pouf","c":"data-display/list","hc":1},{"id":"1st-pouf:editorial","t":"Editorial desk","d":"A publishing workspace that moves stories from draft through scheduling to launch.","k":"section","s":"1st-pouf","c":"marketing/marketing","hc":1},{"id":"1st-pouf:course","t":"Course dashboard","d":"A learning workspace with a lesson outline, completion controls, and live progress.","k":"layout","s":"1st-pouf","c":"layout/dashboard","hc":1},{"id":"1st-pouf:event","t":"Event check in","d":"A live event workspace with attendee search, attendance filters, summary counts, and worki","s":"1st-pouf","c":"inputs/search","hc":1},{"id":"1st-pouf:booking","t":"Booking flow","d":"A complete service-booking route with site chrome, scheduling, contact details, review, an","s":"1st-pouf","c":"data-display/calendar","hc":1},{"id":"23rd:ascii-fluid","t":"ASCII Fluid","d":"Mouse-trail WebGL fluid background quantized to a clean ASCII brightness ramp - zero deps,","k":"motion","s":"23rd","c":"motion/shader","tg":["minimal","retro and HUD","webgl"],"sy":["minimal","retro and HUD","webgl"],"hc":1},{"id":"23rd:ascii-fluid-svelte","t":"ASCII Fluid","d":"Mouse-trail WebGL fluid background quantized to a clean ASCII brightness ramp - zero deps,","k":"motion","s":"23rd","c":"motion/shader","tg":["minimal","retro and HUD","webgl"],"fw":"Svelte","sy":["minimal","retro and HUD","webgl"],"hc":1},{"id":"23rd:ascii-logo","t":"ASCII Logo","d":"Interactive ASCII wordmark — glyphs shove away from the cursor, then click-cycle through s","k":"resource","s":"23rd","c":"assets/logo","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"23rd:ascii-logo-svelte","t":"ASCII Logo","d":"Interactive ASCII wordmark — glyphs shove away from the cursor, then click-cycle through s","k":"resource","s":"23rd","c":"assets/logo","tg":["retro and HUD"],"sb":"Dev tools","fw":"Svelte","sy":["retro and HUD"],"hc":1},{"id":"23rd:dithered-404","t":"Dithered #404","d":"Bayer-pixel 404 section — a fireball cursor scorches the glyph, burns it into embers and s","k":"page","s":"23rd","c":"pages/templates","tg":["retro and HUD"],"sb":"Error and status pages","sy":["retro and HUD"],"hc":1},{"id":"23rd:dithered-404-svelte","t":"Dithered #404","d":"Bayer-pixel 404 section — a fireball cursor scorches the glyph, burns it into embers and s","k":"page","s":"23rd","c":"pages/templates","tg":["retro and HUD"],"sb":"Error and status pages","fw":"Svelte","sy":["retro and HUD"],"hc":1},{"id":"23rd:folio","t":"Folio","d":"The whole page leans back in perspective while you scroll, blurs, then springs flat when y","k":"layout","s":"23rd","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"23rd:folio-svelte","t":"Folio","d":"The whole page leans back in perspective while you scroll, blurs, then springs flat when y","k":"layout","s":"23rd","c":"layout/scroll-area","tg":["3d"],"fw":"Svelte","sy":["3d"],"hc":1},{"id":"23rd:gooey-color-picker","t":"Gooey Color Picker","d":"A floating color picker with a circular hue wheel, alpha slider, hex field, and motion-pow","s":"23rd","c":"inputs/color-picker","hc":1},{"id":"23rd:gooey-color-picker-svelte","t":"Gooey Color Picker","d":"A floating color picker with a circular hue wheel, alpha slider, hex field, and motion-pow","s":"23rd","c":"inputs/select","fw":"Svelte","hc":1},{"id":"23rd:live-orb","t":"Live Orb","d":"An evenly lit sphere with two capsule eyes that follow the pointer — white, black, webgl, ","s":"23rd","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Orbs and presence","sy":["webgl"],"hc":1},{"id":"23rd:live-orb-svelte","t":"Live Orb","d":"An evenly lit sphere with two capsule eyes that follow the pointer — white, black, webgl, ","s":"23rd","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Orbs and presence","fw":"Svelte","sy":["webgl"],"hc":1},{"id":"23rd:logo-burst","t":"Logo Burst","d":"Hair-line tentacles explode from the center, then keep a slow inhale. Follows light and da","k":"resource","s":"23rd","c":"assets/logo","hc":1},{"id":"23rd:logo-burst-svelte","t":"Logo Burst","d":"Hair-line tentacles explode from the center, then keep a slow inhale. Follows light and da","k":"resource","s":"23rd","c":"assets/logo","sb":"Dev tools","fw":"Svelte","hc":1},{"id":"23rd:phosphor-score","t":"Phosphor Score","d":"Vertical sheet music on a CRT phosphor — notes fall, bloom at the playhead, then exit in a","s":"23rd","c":"overlays/sheet","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"23rd:phosphor-score-svelte","t":"Phosphor Score","d":"Vertical sheet music on a CRT phosphor — notes fall, bloom at the playhead, then exit in a","s":"23rd","c":"overlays/sheet","tg":["retro and HUD"],"fw":"Svelte","sy":["retro and HUD"],"hc":1},{"id":"23rd:radiant-lines","t":"Radiant Lines","d":"A hyperspace starfield background — colored streaks radiate from the center, with warp spe","k":"motion","s":"23rd","c":"motion/background","sb":"Beams and light","hc":1},{"id":"23rd:radiant-lines-svelte","t":"Radiant Lines","d":"A hyperspace starfield background — colored streaks radiate from the center, with warp spe","k":"motion","s":"23rd","c":"motion/background","sb":"Beams and light","fw":"Svelte","hc":1},{"id":"23rd:shader-anime-fire","t":"Shader Anime Fire","d":"Cel-shaded WebGL flames for landing heroes — tongues lick up from the bottom in flat bands","k":"motion","s":"23rd","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"23rd:shader-anime-fire-svelte","t":"Shader Anime Fire","d":"Cel-shaded WebGL flames for landing heroes — tongues lick up from the bottom in flat bands","k":"motion","s":"23rd","c":"motion/shader","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"23rd:shader-fire","t":"Shader Fire","d":"Sparse 2D WebGL fire wash for landing heroes — tongues rise from the bottom, theme-aware, ","k":"motion","s":"23rd","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"23rd:shader-fire-svelte","t":"Shader Fire","d":"Sparse 2D WebGL fire wash for landing heroes — tongues rise from the bottom, theme-aware, ","k":"motion","s":"23rd","c":"motion/shader","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"23rd:shader-gradient","t":"Shader Gradient","d":"Quiet WebGL color wash for landing heroes, empty states, and marketing sections — theme-aw","k":"motion","s":"23rd","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"23rd:shader-gradient-svelte","t":"Shader Gradient","d":"Quiet WebGL color wash for landing heroes, empty states, and marketing sections — theme-aw","k":"motion","s":"23rd","c":"motion/gradient","tg":["gradient","webgl"],"fw":"Svelte","sy":["gradient","webgl"],"hc":1},{"id":"23rd:shader-sky","t":"Shader Sky","d":"WebGL sky for landing heroes — clear blue with drifting clouds in light, storm gray in dar","k":"motion","s":"23rd","c":"motion/shader","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"23rd:shader-sky-svelte","t":"Shader Sky","d":"WebGL sky for landing heroes — clear blue with drifting clouds in light, storm gray in dar","k":"motion","s":"23rd","c":"motion/shader","tg":["glass","webgl"],"fw":"Svelte","sy":["glass","webgl"],"hc":1},{"id":"23rd:stretchy-footer","t":"Stretchy Footer","d":"Dia-style rubber overscroll — rainbow aurora stretches up past the bottom, then snaps back","k":"section","s":"23rd","c":"marketing/footer","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"23rd:stretchy-footer-svelte","t":"Stretchy Footer","d":"Dia-style rubber overscroll — rainbow aurora stretches up past the bottom, then snaps back","k":"section","s":"23rd","c":"marketing/footer","tg":["gradient"],"fw":"Svelte","sy":["gradient"],"hc":1},{"id":"23rd:typewriter","t":"Typewriter","d":"A real, playable typewriter in SVG — each key presses down, its typebar swings up to strik","k":"motion","s":"23rd","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"23rd:typewriter-svelte","t":"Typewriter","d":"A real, playable typewriter in SVG — each key presses down, its typebar swings up to strik","k":"motion","s":"23rd","c":"motion/text-effect","sb":"Typewriter","fw":"Svelte","hc":1},{"id":"3d-viewer:model-viewer","t":"3D Model Viewer","d":"A composable React Three Fiber viewer with shared state, optional controls, inspection, an","s":"3d-viewer","c":"status/skeleton","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"7ovr:index","t":"7Ovr Design System","d":"Adopt the 7Ovr look wholesale: state color tokens, the monochrome chart ramp, and the corn","k":"theme","s":"7ovr","c":"themes/style"},{"id":"7ovr:hero-1","t":"Centered Hero With Trust Logos","d":"Centered hero section with a beta badge, headline, dual call-to-action buttons, and a trus","k":"resource","s":"7ovr","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"7ovr:auth-1","t":"Centered Sign In Card","d":"Sign-in card centered on the page with email and password fields, a remember-me checkbox, ","k":"layout","s":"7ovr","c":"flows/sign-in","tg":["webgl"],"sb":"Sign in","sy":["webgl"],"hc":1},{"id":"7ovr:features-1","t":"Six Card Icon Grid","d":"Features grid of six icon cards, each with a short title and one line of supporting copy, ","k":"section","s":"7ovr","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"],"hc":1},{"id":"7ovr:app-shell-1","t":"Sidebar Dashboard Shell","d":"App shell pairing a collapsible sidebar with a top bar carrying search, notifications, and","k":"layout","s":"7ovr","c":"layout/dashboard","hc":1},{"id":"7ovr:header-1","t":"Full Width Bar With CTA","d":"Site header spanning the full width with a logo, inline navigation links, a call-to-action","s":"7ovr","c":"navigation/top-nav","hc":1},{"id":"7ovr:footer-1","t":"Brand Blurb With Link Columns","d":"Site footer pairing a brand mark and tagline with three link columns and GitHub, X, and Di","k":"section","s":"7ovr","c":"marketing/footer","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"7ovr:cta-1","t":"Centered CTA Band","d":"Centered call to action section band with a heading, supporting copy, primary and secondar","k":"section","s":"7ovr","c":"marketing/cta","hc":1},{"id":"7ovr:integrations-1","t":"Connect Cards With Dialog","d":"Integration cards for Slack, GitHub, Notion and Figma, each opening a connect dialog with ","k":"section","s":"7ovr","c":"marketing/logos","hc":1},{"id":"7ovr:logo-cloud-1","t":"Trusted By Logo Grid","d":"Logo cloud of eight company wordmarks in a bordered four column grid, under a trusted-by e","k":"section","s":"7ovr","c":"marketing/logos","hc":1},{"id":"7ovr:faqs-1","t":"Centered FAQ Accordion","d":"FAQ accordion centered under a heading, with five collapsible questions covering plans, pl","k":"section","s":"7ovr","c":"marketing/faq","hc":1},{"id":"7ovr:contact-1","t":"Contact Details And Form","d":"Contact section pairing email, phone, and office details with a message form using a topic","k":"section","s":"7ovr","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"7ovr:pricing-1","t":"Three Tier Plan Cards","d":"Pricing section with Starter, Pro, and Enterprise cards, a monthly or annual billing toggl","k":"section","s":"7ovr","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"],"hc":1},{"id":"7ovr:testimonials-1","t":"Bordered Quote Trio","d":"Testimonials section with three customer quote cards in a hairline-divided grid, each with","k":"section","s":"7ovr","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"7ovr:stats-1","t":"Bordered Four Up Stat Band","d":"Four-column stats section band framed by separators, each metric pairing a large value and","s":"7ovr","c":"data-display/stat","hc":1},{"id":"7ovr:sidebar-1","t":"Dashboard Rail With Stats","d":"App layout with a collapsible icon sidebar of grouped navigation beside a dashboard inset ","s":"7ovr","c":"navigation/sidebar","hc":1},{"id":"7ovr:settings-1","t":"Profile And Notification Cards","d":"Settings page grouping a Profile card (display name, email, visibility select) and a Notif","k":"layout","s":"7ovr","c":"flows/settings","hc":1},{"id":"7ovr:table-1","t":"Team Members Data Table","d":"Sortable team members data table with search, checkbox row selection, bulk role and remove","s":"7ovr","c":"data-display/table","sb":"People","hc":1},{"id":"7ovr:bento-1","t":"Icon Bento With Hero Tile","d":"Bento grid of feature cards where one tile spans two columns and rows, each carrying an ic","k":"layout","s":"7ovr","c":"layout/bento-grid","hc":1},{"id":"7ovr:how-it-works-1","t":"Three Step Icon Cards","d":"How it works row of three numbered step cards, each with an icon tile, a title, and one li","k":"section","s":"7ovr","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"],"hc":1},{"id":"7ovr:newsletter-1","t":"Centered Signup With Consent","d":"Centered newsletter signup with an inline email field, subscribe button, marketing consent","k":"section","s":"7ovr","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"7ovr:announcement-1","t":"Dismissible Bar And Callout","d":"Dismissible top announcement bar above a centered release callout card with a What's New b","k":"section","s":"7ovr","c":"marketing/announcement","hc":1},{"id":"7ovr:blog-1","t":"Three Card Post Grid","d":"Blog post grid of three cards with cover images, category badges, titles, excerpts, read t","k":"section","s":"7ovr","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"],"hc":1},{"id":"7ovr:team-1","t":"Member Cards With Socials","d":"Team grid of six member cards, each with an avatar, name, role, short bio, and LinkedIn, X","k":"section","s":"7ovr","c":"marketing/team","hc":1},{"id":"7ovr:comparison-1","t":"Two Plan Table With Billing Toggle","d":"Plan comparison table pitting Starter against Pro across grouped feature rows, with a mont","k":"section","s":"7ovr","c":"marketing/comparison","hc":1},{"id":"7ovr:gallery-1","t":"Filterable Photo Grid","d":"Image gallery grid with tag filter toggles, hairline-gap tiles, hover overlays naming the ","s":"7ovr","c":"media/gallery","sb":"Grids","hc":1},{"id":"7ovr:empty-states-1","t":"Inbox Zero Notifications","d":"Empty state for a cleared notifications list, with an inbox icon, an all-caught-up message","s":"7ovr","c":"overlays/notifications","hc":1},{"id":"7ovr:billing-1","t":"Current Plan Summary Card","d":"Current-plan billing card with monthly price, renewal date, a seat usage bar, and a dialog","k":"section","s":"7ovr","c":"marketing/pricing","sb":"With billing toggle","hc":1},{"id":"7ovr:ai-chat-1","t":"Assistant Thread With Timestamps","d":"AI assistant chat interface with user and assistant bubbles, avatars, message timestamps, ","s":"7ovr","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"7ovr:onboarding-1","t":"Welcome Checklist Card","d":"Onboarding welcome card with a setup progress bar and three checkbox steps for reading doc","s":"7ovr","c":"navigation/wizard-steps","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"7ovr:command-palette-1","t":"Command Dialog With Shortcuts","d":"Command palette dialog opened from a Ctrl+K trigger button, listing grouped navigation and","s":"7ovr","c":"navigation/command-palette","hc":1},{"id":"7ovr:notifications-1","t":"Notifications Sheet Panel","d":"Notifications sheet opened from a bell trigger, with icon tiles, unread highlighting, time","s":"7ovr","c":"overlays/notifications","hc":1},{"id":"7ovr:kanban-1","t":"Three Column Task Board","d":"Kanban board with To Do, In Progress, and Done columns, drag and drop between them, and ca","s":"7ovr","c":"data-display/kanban","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"7ovr:calendar-1","t":"Month Grid With Day Detail","d":"Month calendar grid with previous and next navigation, a Today shortcut, selectable days, ","s":"7ovr","c":"data-display/calendar","hc":1},{"id":"7ovr:file-upload-1","t":"Dropzone With Upload Progress","d":"File upload card with a drag-and-drop dropzone and an attachment list showing a spinner pe","s":"7ovr","c":"inputs/file-upload","hc":1},{"id":"7ovr:charts-1","t":"Revenue Bars With Year Select","d":"Bar chart card of monthly revenue with a value label above each bar and a fiscal year sele","s":"7ovr","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"7ovr:bento-2","t":"Equal Four Tile Bento","d":"Bento grid of four identically sized tiles under a centered heading, each with a square ic","k":"layout","s":"7ovr","c":"layout/bento-grid","hc":1},{"id":"7ovr:how-it-works-2","t":"Vertical Numbered Timeline","d":"How it works timeline stacking four steps down a left rail, each with a bordered icon circ","k":"section","s":"7ovr","c":"marketing/features","sb":"Steps","hc":1},{"id":"7ovr:newsletter-2","t":"Horizontal Newsletter Band","d":"Full-width newsletter section band on a muted panel, with branding label and copy on the l","k":"section","s":"7ovr","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"7ovr:announcement-2","t":"Product Update Card","d":"Product update announcement card with a New badge and version label, feature headline, sup","k":"section","s":"7ovr","c":"marketing/announcement","hc":1},{"id":"7ovr:blog-2","t":"Divider Separated Post List","d":"Blog post list of five articles as divider-separated rows with category badge, date, title","k":"section","s":"7ovr","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"7ovr:team-2","t":"Department Badge Grid","d":"Team grid of six people in a hairline-divided layout, each with an avatar, name, role, dep","k":"section","s":"7ovr","c":"marketing/team","hc":1},{"id":"7ovr:comparison-2","t":"Us Versus Them Cards","d":"Side-by-side cards contrasting checked product advantages against competitor pain points l","k":"section","s":"7ovr","c":"marketing/comparison","hc":1},{"id":"7ovr:gallery-2","t":"Product Screenshot Showcase","d":"Product screenshot gallery section with a large browser-framed image, version badge and ca","s":"7ovr","c":"media/gallery","hc":1},{"id":"7ovr:empty-states-2","t":"Illustrated Inbox Panel","d":"Empty inbox panel with a framed inbox illustration, a create-workspace dialog with a name ","s":"7ovr","c":"overlays/notifications","hc":1},{"id":"7ovr:billing-2","t":"Invoice History Table","d":"Invoice history table with checkbox selection, status badges, per-row download links, and ","s":"7ovr","c":"data-display/timeline","hc":1},{"id":"7ovr:ai-chat-2","t":"Chat With Suggested Prompt Start","d":"AI chat opening on a suggested-prompt empty state, then switching to a message thread once","s":"7ovr","c":"ai-agent/composer","hc":1},{"id":"7ovr:onboarding-2","t":"Three Card Setup Steps","d":"Onboarding laid out as three numbered step cards for importing data, inviting teammates, a","s":"7ovr","c":"navigation/wizard-steps","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"7ovr:command-palette-2","t":"Palette With Recent Items","d":"Command palette dialog with a Recent section of timestamped files and pages above categori","s":"7ovr","c":"navigation/command-palette","hc":1},{"id":"7ovr:notifications-2","t":"Bell Popover With Badge","d":"Notification bell button carrying an unread count badge that opens a compact popover of av","s":"7ovr","c":"overlays/notifications","hc":1},{"id":"7ovr:kanban-2","t":"Single In Progress Column","d":"Single In Progress kanban column of sortable rich task cards showing priority, labels, a d","s":"7ovr","c":"data-display/kanban","hc":1},{"id":"7ovr:calendar-2","t":"Weekly Agenda View","d":"Weekly agenda calendar listing Monday to Sunday with time-slotted event rows, confirmed, t","s":"7ovr","c":"data-display/calendar","hc":1},{"id":"7ovr:file-upload-2","t":"Inline File Field","d":"Compact inline file upload form field with a bordered Choose File row and one attachment s","s":"7ovr","c":"inputs/file-upload","hc":1},{"id":"7ovr:charts-2","t":"Active Users Area Trend","d":"Gradient area chart of monthly active users, topped by a three KPI row (total, peak month,","s":"7ovr","c":"data-viz/chart","tg":["gradient","webgl"],"sb":"Area","sy":["gradient","webgl"],"hc":1},{"id":"7ovr:hero-2","t":"Split Hero With Dashboard Mockup","d":"Split two-column hero section pairing copy and a watch demo dialog with an analytics dashb","k":"section","s":"7ovr","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"7ovr:features-2","t":"Alternating Rows With Stats","d":"Alternating features rows pairing an eyebrow, headline, bullet list, contributor avatars, ","k":"section","s":"7ovr","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"7ovr:pricing-2","t":"Two Plan Split Panel","d":"Two plan pricing split into one panel, a filled Pro side beside a plain Starter side, each","k":"section","s":"7ovr","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"7ovr:testimonials-2","t":"Single Voice Spotlight","d":"Single featured testimonial section with a large pull quote, oversized grayscale avatar, a","k":"section","s":"7ovr","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"7ovr:stats-2","t":"Minimal Numbers Band","d":"Minimal four-up stats row of oversized numbers and short labels under one heading, with no","s":"7ovr","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"7ovr:logo-cloud-2","t":"Integrations Logo Grid","d":"Integration logo grid of twelve brand marks in muted cells, each showing an icon and name,","k":"section","s":"7ovr","c":"marketing/logos","hc":1},{"id":"7ovr:cta-2","t":"Compact CTA Card","d":"Compact call to action card on a muted background with dual buttons and a join 10,000+ tea","k":"section","s":"7ovr","c":"marketing/cta","sb":"Cards","hc":1},{"id":"7ovr:faqs-2","t":"Two Column FAQ Accordion","d":"FAQ split into two balanced accordion columns of eight product questions, separated by bor","k":"section","s":"7ovr","c":"marketing/faq","hc":1},{"id":"7ovr:integrations-2","t":"Compact Logo Tile Grid","d":"Dense grid of 18 service logo tiles with category toggle filters, each tile opening a conn","k":"section","s":"7ovr","c":"marketing/logos","hc":1},{"id":"7ovr:contact-2","t":"Single Card Contact Form","d":"Centered contact form card with split first and last name fields, topic select, message te","k":"section","s":"7ovr","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"7ovr:header-2","t":"Centered Nav Three Column","d":"Header with the logo pinned left, navigation links absolutely centered, and sign-in plus a","s":"7ovr","c":"navigation/top-nav","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"7ovr:footer-2","t":"Slim Single Bar","d":"Compact single-bar footer with a brand mark and tagline, an inline row of nav links, and a","k":"section","s":"7ovr","c":"marketing/footer","hc":1},{"id":"7ovr:auth-2","t":"Split Sign In With Brand Panel","d":"Two-column sign-in pairing a dark brand panel that lists product features with a plain ema","k":"layout","s":"7ovr","c":"flows/sign-in","sb":"Split with image","hc":1},{"id":"7ovr:sidebar-2","t":"Flat Nav With Task Table","d":"Sidebar with a single flat navigation list (icon, label, badge count) beside a task table ","s":"7ovr","c":"navigation/sidebar","hc":1},{"id":"7ovr:settings-2","t":"Compact Profile Card","d":"Compact centered settings card with avatar upload, name and email fields, timezone, densit","k":"layout","s":"7ovr","c":"flows/settings","hc":1},{"id":"7ovr:table-2","t":"Filterable Invoices Table","d":"Invoices table with a client filter, row selection, bulk mark as paid, payment method and ","s":"7ovr","c":"data-display/table","sb":"Transactions","hc":1},{"id":"7ovr:app-shell-2","t":"Top Bar Only With Tabs","d":"Sidebar-free app shell with a sticky top bar (logo, search, avatar menu) above tabbed cont","k":"layout","s":"7ovr","c":"layout/dashboard","hc":1},{"id":"7ovr:hero-3","t":"Left Aligned Hero With Metrics","d":"Left-aligned hero section with a release badge, headline, signup and docs CTAs, and an inl","k":"section","s":"7ovr","c":"marketing/hero","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"7ovr:features-3","t":"Everything Included Checklist","d":"Features checklist in two columns listing twelve check-marked capabilities (SSO, audit log","k":"section","s":"7ovr","c":"marketing/features","sb":"Lists","hc":1},{"id":"7ovr:pricing-3","t":"Single Plan Spotlight","d":"Single plan pricing card centered on the page with a large price, billing toggle, eight it","k":"section","s":"7ovr","c":"marketing/pricing","sb":"Single plan","hc":1},{"id":"7ovr:cta-3","t":"Inverted Banner CTA","d":"Full-width call to action banner on the primary color, heading and subtext left, single hi","k":"section","s":"7ovr","c":"marketing/cta","sb":"Banners","hc":1},{"id":"7ovr:faqs-3","t":"FAQ With Contact Support Card","d":"FAQ accordion beside an intro column holding a contact-support card whose dialog collects ","k":"section","s":"7ovr","c":"marketing/faq","hc":1},{"id":"7ovr:auth-3","t":"Sign Up With Plan Sidebar","d":"Sign-up form paired with a plan sidebar listing Free, Pro, and Team tiers, first and last ","k":"layout","s":"7ovr","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"7ovr:table-3","t":"Invoice Line Items Summary","d":"Invoice line items table with quantity, unit, and unit price columns plus a footer summing","s":"7ovr","c":"data-display/table","sb":"Transactions","hc":1},{"id":"7ovr:hero-4","t":"Grid Backdrop Email Capture","d":"Centered hero section over a masked grid and radial glow, with a beta badge and an inline ","k":"section","s":"7ovr","c":"marketing/hero","tg":["neon"],"sb":"SaaS and AI","sy":["neon"],"hc":1},{"id":"7ovr:hero-5","t":"Hero With Demo Video Dialog","d":"Centered hero section whose Watch Demo button opens a video dialog, above a trusted-by str","k":"section","s":"7ovr","c":"marketing/hero","sb":"With video","hc":1},{"id":"7ovr:logo-cloud-3","t":"Auto Scrolling Logo Marquee","d":"Infinite auto-scrolling logo marquee with an edge fade mask and pause on hover, under a tr","k":"section","s":"7ovr","c":"marketing/logos","hc":1},{"id":"7ovr:logo-cloud-4","t":"Logo Grid With Tooltips","d":"Logo grid of ten muted brand marks that brighten on hover and reveal the company name in a","k":"section","s":"7ovr","c":"marketing/logos","hc":1},{"id":"7ovr:cta-4","t":"Email Capture CTA","d":"Call to action section with an inline email capture form, a submitted confirmation line, a","k":"section","s":"7ovr","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"7ovr:cta-5","t":"Split CTA With App Preview","d":"Split call to action section pairing a trusted-by badge and dual buttons with a wireframe ","k":"section","s":"7ovr","c":"marketing/cta","hc":1},{"id":"7ovr:faqs-4","t":"FAQ With Sticky Support Sidebar","d":"FAQ accordion with a sticky sidebar card offering contact support in a dialog and a link t","k":"section","s":"7ovr","c":"marketing/faq","hc":1},{"id":"7ovr:faqs-5","t":"Searchable FAQ With Category Tabs","d":"Help-center FAQ section with a live search input and General, Billing, and Security tabs s","k":"section","s":"7ovr","c":"marketing/faq","hc":1},{"id":"7ovr:footer-3","t":"Newsletter Signup Footer","d":"Footer with a newsletter email signup form beside grouped nav columns, over a bottom bar o","k":"section","s":"7ovr","c":"marketing/footer","hc":1},{"id":"7ovr:footer-4","t":"Mega Sitemap With Locale","d":"Mega footer with four sitemap columns and a bottom bar carrying a locale switcher dropdown","k":"section","s":"7ovr","c":"marketing/footer","hc":1},{"id":"7ovr:newsletter-3","t":"Signup Card With Form States","d":"Newsletter signup card driven by a client state machine, cycling idle, loading spinner, su","k":"section","s":"7ovr","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"7ovr:newsletter-4","t":"Topic Picker Double Opt In","d":"Multi-step newsletter card where readers toggle topic interests, then land on a double opt","k":"section","s":"7ovr","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"7ovr:newsletter-5","t":"Newsletter Signup With Social Proof","d":"Centered newsletter signup led by a subscriber avatar stack, star rating, and reader count","k":"section","s":"7ovr","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"7ovr:announcement-3","t":"Persisted Dismissible Banner","d":"Single-line announcement banner that remembers its dismissal in localStorage over a page p","k":"section","s":"7ovr","c":"marketing/announcement","hc":1},{"id":"7ovr:announcement-4","t":"Sale Countdown Promo Bar","d":"Sticky promo announcement bar with a live sale countdown ticking days, hours, minutes, and","k":"section","s":"7ovr","c":"marketing/announcement","hc":1},{"id":"7ovr:auth-4","t":"Full Height Split Sign In","d":"Full-height split-screen sign-in with email, password, remember-me, and Google or GitHub b","k":"layout","s":"7ovr","c":"flows/sign-in","tg":["webgl"],"sb":"Split with image","sy":["webgl"],"hc":1},{"id":"7ovr:auth-5","t":"Tabbed Sign In And Sign Up","d":"Auth card with tabs that swap between sign-in and sign-up forms, validated per tab, plus G","k":"layout","s":"7ovr","c":"flows/sign-in","tg":["webgl"],"sb":"Sign up","sy":["webgl"],"hc":1},{"id":"7ovr:empty-states-3","t":"No Search Results","d":"No results found empty state for a filtered search, with a magnifier icon, guidance copy, ","s":"7ovr","c":"inputs/search","hc":1},{"id":"7ovr:empty-states-4","t":"Failed Load Error","d":"Error empty state for data that failed to load, with a destructive alert icon plus Try Aga","s":"7ovr","c":"data-display/empty-state","hc":1},{"id":"7ovr:integrations-3","t":"Searchable App Directory","d":"Searchable integrations directory with a search input, category filter pills, and result c","k":"section","s":"7ovr","c":"marketing/logos","hc":1},{"id":"7ovr:integrations-4","t":"Connection Toggle Settings","d":"Settings-style integrations grid where each app card has a switch to connect or disconnect","k":"section","s":"7ovr","c":"marketing/logos","hc":1},{"id":"7ovr:features-4","t":"Tabbed Feature Categories","d":"Features section with Collaboration, Automation, and Security tabs that swap a three-colum","k":"section","s":"7ovr","c":"marketing/features","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"7ovr:pricing-4","t":"Annual Savings Toggle","d":"Three tier pricing grid whose monthly or annual toggle also shows the yearly billed total ","k":"section","s":"7ovr","c":"marketing/pricing","tg":["webgl"],"sb":"With billing toggle","sy":["webgl"],"hc":1},{"id":"7ovr:testimonials-3","t":"Wall Of Love Grid","d":"Wall of love testimonial grid with seven customer quote cards, each carrying a star rating","k":"section","s":"7ovr","c":"marketing/testimonials","hc":1},{"id":"7ovr:stats-4","t":"Count Up Stats On Scroll","d":"Four-up stat grid whose numbers count up from zero when scrolled into view, each cell pair","s":"7ovr","c":"data-display/stat","hc":1},{"id":"7ovr:contact-3","t":"Contact With Office Locations","d":"Contact section with a message form beside a static map placeholder and address cards for ","k":"section","s":"7ovr","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"7ovr:header-3","t":"Sticky Header With Sign In","d":"Sticky site header with logo, desktop navigation, a sign-in link, a primary CTA, and a sta","s":"7ovr","c":"navigation/top-nav","sb":"On scroll","hc":1},{"id":"7ovr:header-14","t":"Capsule Nav Header Without A CTA","d":"Header with the wordmark on the left and the navigation collected into one muted capsule o","s":"7ovr","c":"navigation/top-nav","hc":1},{"id":"7ovr:bento-4","t":"Bento With Static Chart Visuals","d":"Bento grid whose hero automation tile carries a bar-chart visual, with supporting tiles sh","k":"layout","s":"7ovr","c":"layout/bento-grid","hc":1},{"id":"7ovr:how-it-works-3","t":"Clickable Horizontal Stepper","d":"Interactive how it works stepper with clickable steps along a progress line that fills to ","k":"section","s":"7ovr","c":"marketing/features","sb":"Steps","hc":1},{"id":"7ovr:how-it-works-4","t":"Zig Zag Steps With Mockups","d":"How it works section of three alternating rows, each pairing a numbered step, description,","k":"section","s":"7ovr","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"],"hc":1},{"id":"7ovr:blog-3","t":"Filterable Blog Index","d":"Blog index with a featured post, category filter pills, and a three-column grid of post ca","k":"section","s":"7ovr","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"],"hc":1},{"id":"7ovr:blog-4","t":"Horizontal Media Cards","d":"Blog archive as a vertical list of horizontal media cards, each with a thumbnail, category","k":"section","s":"7ovr","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"7ovr:team-3","t":"Hover Reveal Bio Cards","d":"Four-column grid of eight team member cards that reveal a bio and social links on hover.","k":"section","s":"7ovr","c":"marketing/team","hc":1},{"id":"7ovr:comparison-3","t":"Three Plan Feature Matrix","d":"Feature comparison table across Starter, Growth, and Enterprise plans, with grouped sectio","k":"section","s":"7ovr","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"7ovr:gallery-3","t":"Masonry Column Gallery","d":"Masonry image gallery section built on CSS columns with varied-ratio tiles, tag filters, h","s":"7ovr","c":"media/gallery","sb":"Masonry","hc":1},{"id":"7ovr:gallery-4","t":"Grayscale Mosaic With Lightbox","d":"Photo mosaic in a fixed four-by-two grid whose tiles shift from grayscale to color on hove","s":"7ovr","c":"media/gallery","hc":1},{"id":"7ovr:app-shell-3","t":"Icon Rail Dashboard Shell","d":"App shell with a collapsible icon-rail sidebar and a search top bar, over a dashboard of K","k":"layout","s":"7ovr","c":"layout/dashboard","hc":1},{"id":"7ovr:sidebar-3","t":"Icon Rail With Tooltips","d":"Collapsible sidebar that shrinks to an icon rail with tooltips, holding grouped navigation","s":"7ovr","c":"navigation/sidebar","hc":1},{"id":"7ovr:settings-3","t":"Tabbed Account Billing Team","d":"Tabbed settings page splitting Account profile fields, a Billing plan and payment method c","k":"layout","s":"7ovr","c":"flows/settings","hc":1},{"id":"7ovr:notifications-3","t":"Notification Center Tabs","d":"Notification center card with All, Unread, and Mentions tabs, per-row read toggling, a mar","s":"7ovr","c":"overlays/notifications","hc":1},{"id":"7ovr:billing-3","t":"Full Billing Dashboard","d":"Billing page combining a plan summary, storage usage bar, payment method card, and a sorta","k":"layout","s":"7ovr","c":"layout/dashboard","hc":1},{"id":"7ovr:billing-4","t":"Usage Metering Card","d":"Usage metering card with progress bars for seats, storage, API requests, and bandwidth, pl","s":"7ovr","c":"data-display/card","hc":1},{"id":"7ovr:ai-chat-3","t":"Live Chat With Typing Indicator","d":"AI chat that replies live, showing a shimmering typing indicator, suggestion chips, and a ","s":"7ovr","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"7ovr:onboarding-3","t":"Multi Step Setup Wizard","d":"Onboarding wizard card stepping through profile, workspace, invites, and a summary, with a","s":"7ovr","c":"navigation/wizard-steps","hc":1},{"id":"7ovr:onboarding-4","t":"First Run Welcome Screen","d":"First-run onboarding empty state with a layered rocket illustration, welcome badge, create","s":"7ovr","c":"navigation/wizard-steps","hc":1},{"id":"7ovr:command-palette-3","t":"Cmd+K Searchable Palette","d":"Command palette wired to a global Cmd+K listener, opening a searchable dialog of grouped c","s":"7ovr","c":"navigation/command-palette","hc":1},{"id":"7ovr:command-palette-4","t":"Palette With Preview Pane","d":"Inline two-column command palette with a searchable grouped result list beside a live prev","s":"7ovr","c":"navigation/command-palette","hc":1},{"id":"7ovr:calendar-3","t":"Month And Week Toggle","d":"Calendar with a month and week view toggle, previous and next navigation, event chips on d","s":"7ovr","c":"data-display/calendar","hc":1},{"id":"7ovr:file-upload-3","t":"Uploader With Validation Toasts","d":"Drag-and-drop file uploader enforcing size and type validation, with uploading, done, and ","s":"7ovr","c":"inputs/file-upload","hc":1},{"id":"7ovr:file-upload-4","t":"Image Gallery Uploader","d":"Image gallery uploader with a responsive thumbnail grid, a cover badge on the first photo,","s":"7ovr","c":"inputs/file-upload","hc":1},{"id":"7ovr:charts-3","t":"Traffic Range Switcher","d":"Stacked area chart of visitors and signups with a legend, hover tooltip, and a 7d, 30d, or","s":"7ovr","c":"data-viz/chart","hc":1},{"id":"7ovr:error-1","t":"404 Not Found With Actions","d":"Centered 404 not found page led by a monospace numeral, with a short explanation and Go Ho","k":"page","s":"7ovr","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"7ovr:cookie-consent-1","t":"Bottom Cookie Bar","d":"Cookie consent bar fixed to the bottom of the page with accept all and decline buttons and","s":"7ovr","c":"overlays/alert-banner","hc":1},{"id":"7ovr:page-header-1","t":"Title With Export Actions","d":"Application page header with a title, description, and Export plus New Project buttons abo","s":"7ovr","c":"navigation/top-nav","hc":1},{"id":"7ovr:coming-soon-1","t":"Centered Waitlist Capture","d":"Coming soon page centered on a waitlist email form, with a rocket mark, an avatar stack sh","k":"page","s":"7ovr","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"7ovr:error-2","t":"404 With Search And Links","d":"404 not found page built for recovery, offering a docs search form plus a bordered list of","k":"page","s":"7ovr","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"7ovr:error-3","t":"500 Server Error With Retry","d":"500 server error page with an alert icon, Try Again and Contact Support actions, and a mon","k":"section","s":"7ovr","c":"marketing/marketing","hc":1},{"id":"7ovr:cookie-consent-2","t":"Corner Consent Card","d":"Cookie consent card pinned to the bottom left corner with accept all, reject, and preferen","s":"7ovr","c":"overlays/alert-banner","hc":1},{"id":"7ovr:cookie-consent-3","t":"Cookie Preferences Panel","d":"Cookie preferences panel with switches for necessary, analytics, and marketing categories,","s":"7ovr","c":"overlays/alert-banner","hc":1},{"id":"7ovr:cookie-consent-4","t":"Blocking Consent Dialog","d":"Modal cookie consent dialog over a dimmed page, blocking interaction until accept all, rej","s":"7ovr","c":"overlays/alert-banner","hc":1},{"id":"7ovr:page-header-2","t":"Breadcrumb Header With Status","d":"Page header with a breadcrumb trail, a title paired with an Active status badge, and Expor","s":"7ovr","c":"navigation/top-nav","hc":1},{"id":"7ovr:page-header-3","t":"Header With Section Tabs","d":"Settings page header with a title, description, primary action, and Overview, Members, and","k":"section","s":"7ovr","c":"marketing/team","hc":1},{"id":"7ovr:page-header-4","t":"Detail Header With Back Link","d":"Detail view page header with a back link, status badge, owner avatar and created date meta","s":"7ovr","c":"navigation/top-nav","hc":1},{"id":"7ovr:coming-soon-2","t":"Split Waitlist With Preview","d":"Coming soon split layout pairing a waitlist email form and signup count with a framed brow","k":"page","s":"7ovr","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"7ovr:coming-soon-3","t":"Launch Countdown Timer","d":"Coming soon page with a live countdown timer in days, hours, minutes, and seconds tiles ab","k":"page","s":"7ovr","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"7ovr:coming-soon-4","t":"Full Bleed Gradient Launch","d":"Full bleed coming soon hero over a gradient and grid backdrop, with a brand mark, launch b","k":"page","s":"7ovr","c":"pages/templates","tg":["gradient"],"sb":"Error and status pages","sy":["gradient"],"hc":1},{"id":"7ovr:stats-3","t":"Stat Cards With Trend Arrows","d":"Four bordered stat cards, each with an icon, a metric value, and an up or down trend arrow","s":"7ovr","c":"data-display/stat","hc":1},{"id":"7ovr:bento-3","t":"Divided Bento With Terminal Snippet","d":"Bento grid divided by hairline borders, led by a build-pipeline tile with a terminal snipp","k":"layout","s":"7ovr","c":"layout/bento-grid","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"7ovr:timeline-1","t":"Milestone Rail With Status","d":"Vertical timeline of milestones on a left rail, each node carrying a date, a Shipped, In P","s":"7ovr","c":"data-display/timeline","hc":1},{"id":"7ovr:timeline-2","t":"Alternating Spine Story","d":"Centered timeline alternating year entries left and right of a vertical spine, collapsing ","s":"7ovr","c":"data-display/timeline","hc":1},{"id":"7ovr:timeline-3","t":"Activity Feed By Day","d":"Activity timeline grouped by day, with avatar rows for each actor, action, target, and rel","s":"7ovr","c":"data-display/timeline","hc":1},{"id":"7ovr:changelog-1","t":"Version Rail Release Notes","d":"Changelog with a date and version rail on the left and Added, Improved, and Fixed change g","k":"section","s":"7ovr","c":"marketing/marketing","hc":1},{"id":"7ovr:changelog-2","t":"Tabbed Change Filter","d":"Changelog with tabs filtering release entries by All, Added, Improved, or Fixed, each show","k":"section","s":"7ovr","c":"marketing/marketing","hc":1},{"id":"7ovr:changelog-3","t":"In App What's New Card","d":"Compact what's new card with a version pill, release date, highlighted changes with type i","k":"section","s":"7ovr","c":"marketing/marketing","hc":1},{"id":"7ovr:changelog-4","t":"Vertical Release Timeline","d":"Changelog as a vertical timeline with a connected dot rail, each release showing a version","k":"section","s":"7ovr","c":"marketing/marketing","hc":1},{"id":"7ovr:roadmap-1","t":"Status Kanban Board","d":"Product roadmap board in Planned, In Progress, and Shipped columns, with vote counts, prog","s":"7ovr","c":"data-display/kanban","hc":1},{"id":"7ovr:roadmap-2","t":"Now Next Later Phases","d":"Directional roadmap grouped into Now, Next, and Later phases with colored markers, a targe","s":"7ovr","c":"data-viz/progress-bar","hc":1},{"id":"7ovr:roadmap-3","t":"Upvotable Feature Requests","d":"Public roadmap card where visitors upvote feature requests, each row with a live vote coun","k":"section","s":"7ovr","c":"marketing/features","sb":"Comparison","hc":1},{"id":"7ovr:roadmap-4","t":"Quarterly Roadmap Columns","d":"Product roadmap laid out as four quarterly columns of feature cards, each with a category ","k":"section","s":"7ovr","c":"marketing/features","hc":1},{"id":"7ovr:article-1","t":"Centered Blog Post","d":"Blog post article with a category badge, author byline and read time, cover image, prose b","k":"section","s":"7ovr","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"7ovr:article-2","t":"Article With Scroll Spy Contents","d":"Long-form article with a sticky table of contents sidebar that scroll-spies and highlights","k":"section","s":"7ovr","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"7ovr:article-3","t":"Documentation Page","d":"Documentation article with breadcrumb navigation, a last-updated line, prose body containi","k":"section","s":"7ovr","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"7ovr:article-4","t":"Magazine Feature With Drop Cap","d":"Magazine feature article with a centered headline, wide cover image, drop-cap opening para","k":"section","s":"7ovr","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"7ovr:profile-1","t":"Public Profile With Tabs","d":"Public user profile with a cover banner, overlapping avatar, follower stats, Follow and Me","s":"7ovr","c":"data-display/profile","hc":1},{"id":"7ovr:profile-2","t":"Compact Profile Card","d":"Compact centered profile card with avatar, role, location, a three column stat strip, and ","s":"7ovr","c":"data-display/profile","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"7ovr:profile-3","t":"Organization Profile Card","d":"Company profile card with a logo mark, verified badge, stat strip, member avatar stack, an","s":"7ovr","c":"data-display/profile","hc":1},{"id":"7ovr:steps-1","t":"Horizontal Numbered Stepper","d":"Horizontal progress stepper with numbered nodes, connectors, and labels across completed, ","s":"7ovr","c":"navigation/wizard-steps","hc":1},{"id":"7ovr:steps-2","t":"Vertical Stepper With Descriptions","d":"Vertical stepper on a connecting rail where each step shows a title and description across","s":"7ovr","c":"navigation/wizard-steps","hc":1},{"id":"7ovr:steps-3","t":"Wizard Progress Bar Header","d":"Interactive step wizard header with a step counter, percentage, progress bar, the active s","s":"7ovr","c":"navigation/wizard-steps","hc":1},{"id":"7ovr:survey-1","t":"Product Feedback Questionnaire","d":"Four-question product feedback survey card mixing single-choice, multi-select, and freefor","s":"7ovr","c":"inputs/select","hc":1},{"id":"7ovr:survey-2","t":"Net Promoter Score Survey","d":"Net promoter survey with a zero to ten rating scale and number-key shortcuts, followed by ","s":"7ovr","c":"inputs/rating","hc":1},{"id":"7ovr:survey-3","t":"Cancellation Exit Survey Dialog","d":"Cancellation exit survey in a dialog opened from a plan card, asking a required reason the","s":"7ovr","c":"overlays/dialog","hc":1},{"id":"7ovr:survey-4","t":"Inline Was This Helpful","d":"Inline page feedback survey with a three-choice was this helpful rating and an optional fo","s":"7ovr","c":"inputs/rating","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"7ovr:survey-5","t":"Full Page Onboarding Survey","d":"Full-page onboarding survey showing one question per screen in oversized type, with letter","s":"7ovr","c":"navigation/wizard-steps","hc":1},{"id":"7ovr:survey-6","t":"Branching Qualification Survey","d":"Branching sales qualification survey in a two-column split where the first answer disables","k":"section","s":"7ovr","c":"marketing/faq","hc":1},{"id":"7ovr:activity-1","t":"Recent Activity Card","d":"Recent activity card listing avatar rows with the actor, action, target, and relative time","s":"7ovr","c":"data-display/card","hc":1},{"id":"7ovr:activity-2","t":"Activity Grouped By Day","d":"Activity feed grouped under Today and Yesterday separators, each listing avatar rows with ","s":"7ovr","c":"data-display/timeline","hc":1},{"id":"7ovr:activity-3","t":"Audit Log With Icon Tiles","d":"Audit log feed with action-type icon tiles, a two-line event title and detail, a type tag,","k":"resource","s":"7ovr","c":"assets/icon","hc":1},{"id":"7ovr:activity-4","t":"Activity Tabs With Unread","d":"Activity panel with All, Mentions, and Comments tabs, an unread count badge, and rows carr","s":"7ovr","c":"navigation/tabs","hc":1},{"id":"7ovr:search-1","t":"Faceted Docs Search Panel","d":"Search panel with a query field, a sidebar of type facets with live counts that narrow the","s":"7ovr","c":"inputs/search","hc":1},{"id":"7ovr:search-2","t":"Search Results Page","d":"Search results page with a query field, live result count, empty state, and result cards c","s":"7ovr","c":"inputs/search","hc":1},{"id":"7ovr:search-3","t":"Grouped Command Palette","d":"Command style search panel grouping results into Pages, People, and Files with icons, avat","s":"7ovr","c":"inputs/search","hc":1},{"id":"7ovr:careers-1","t":"Open Roles By Department","d":"Open positions list grouping job roles by department, each row showing the title, location","k":"section","s":"7ovr","c":"marketing/marketing","sb":"Careers","hc":1},{"id":"7ovr:careers-2","t":"Job Posting Detail Page","d":"Single job posting page with meta chips for department, location, and type, an about secti","k":"section","s":"7ovr","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"7ovr:careers-3","t":"Culture And Benefits Page","d":"Careers culture page selling life at the company with a photo strip, a three-up values gri","k":"section","s":"7ovr","c":"marketing/marketing","tg":["webgl"],"sb":"Careers","sy":["webgl"],"hc":1},{"id":"7ovr:about-1","t":"Mission Statement With Stats","d":"Centered about us intro built on a mission statement, with an eyebrow badge and a four-met","s":"7ovr","c":"data-display/stat","hc":1},{"id":"7ovr:about-2","t":"Founder Story With Photo","d":"Two-column company story pairing a grayscale team photo with a founding narrative and a th","s":"7ovr","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"7ovr:status-1","t":"All Systems Operational Summary","d":"Status page summary with an all systems operational banner and a service list showing 90-d","k":"section","s":"7ovr","c":"marketing/features","hc":1},{"id":"7ovr:status-2","t":"Incident History Feed","d":"Incident history feed grouping past incidents by date, each with an impact badge and a tim","s":"7ovr","c":"data-display/timeline","hc":1},{"id":"7ovr:status-3","t":"90 Day Uptime Bars","d":"Uptime history with per-service daily status bars for the last 90 days, colored by health,","k":"section","s":"7ovr","c":"marketing/features","hc":1},{"id":"7ovr:chat-1","t":"Direct Message Thread","d":"One-to-one chat conversation with a contact header, sender-aligned message bubbles, a date","s":"7ovr","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"7ovr:chat-2","t":"Inbox Messenger Layout","d":"Two-pane chat messenger with a selectable conversation list beside the active thread, each","s":"7ovr","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"7ovr:chat-3","t":"Support Chat Widget","d":"Customer support chat widget with an agent header, a system marker, quick-reply chips, and","s":"7ovr","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"7ovr:chat-4","t":"Group Chat Panel","d":"Group chat conversation with a member avatar stack header, messages from multiple named se","s":"7ovr","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"7ovr:testimonials-4","t":"Star Rated Review Cards","d":"Star-rated testimonial review cards in a responsive grid, each leading with a five-star ra","k":"section","s":"7ovr","c":"marketing/testimonials","hc":1},{"id":"7ovr:stats-5","t":"Inverted Stats Panel","d":"Stats band on a filled primary-color panel with a heading and four large inverted figures,","s":"7ovr","c":"data-display/stat","hc":1},{"id":"7ovr:about-3","t":"Values Card Grid","d":"Company values and principles laid out as a bordered grid of icon cards, each with a princ","s":"7ovr","c":"data-display/card","hc":1},{"id":"7ovr:about-4","t":"Mission Vision Values Columns","d":"Mission, vision, and values presented as three editorial columns, each with an icon, eyebr","s":"7ovr","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"7ovr:features-5","t":"Security Feature Spotlight","d":"Single-feature spotlight pairing a headline, copy, and four-item checklist with a static s","k":"section","s":"7ovr","c":"marketing/features","hc":1},{"id":"7ovr:hero-6","t":"Hero With Avatar Social Proof","d":"Centered hero section led by a clickable announcement pill, with dual CTAs and social proo","k":"section","s":"7ovr","c":"marketing/hero","hc":1},{"id":"7ovr:pricing-5","t":"Plan Comparison Table","d":"Static pricing comparison table with plans as columns and grouped feature rows, check and ","k":"section","s":"7ovr","c":"marketing/pricing","sb":"Comparison tables","hc":1},{"id":"7ovr:comparison-4","t":"Named Competitor Table","d":"Comparison table setting your product against Notion, Trello, and Asana across grouped fea","k":"section","s":"7ovr","c":"marketing/comparison","hc":1},{"id":"7ovr:charts-4","t":"Monthly Visitors Line","d":"Line chart card plotting unique visitors month by month, with a grid, labeled axes, and a ","s":"7ovr","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"7ovr:charts-5","t":"Traffic Source Donut","d":"Donut chart splitting traffic by source, with a centered visitor total and a ranked, color","s":"7ovr","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"7ovr:auth-6","t":"Forgot Password Request","d":"Forgot-password card that validates an email, then switches to a check-your-inbox confirma","k":"layout","s":"7ovr","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"7ovr:auth-7","t":"Set New Password With Rules","d":"Reset-password card with new and confirm fields plus live requirement checks for length, u","k":"layout","s":"7ovr","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"7ovr:auth-8","t":"Centered Sign Up Card","d":"Sign-up card centered on the page with full name, email, and password fields, a terms chec","k":"layout","s":"7ovr","c":"flows/sign-in","tg":["webgl"],"sb":"Sign up","sy":["webgl"],"hc":1},{"id":"7ovr:search-4","t":"Autocomplete Search Input","d":"Search input with an autocomplete dropdown of recent searches and keyboard navigable sugge","s":"7ovr","c":"inputs/search","hc":1},{"id":"7ovr:kanban-3","t":"Four Column Project Board","d":"Project kanban board with To Do, In Progress, Review, and Done columns, per-column counts,","s":"7ovr","c":"data-display/kanban","hc":1},{"id":"7ovr:kanban-4","t":"Personal Task Lanes","d":"Personal my-tasks kanban with Today, This Week, and Later lanes of compact rows you drag a","s":"7ovr","c":"data-display/kanban","hc":1},{"id":"7ovr:error-4","t":"403 Access Denied","d":"403 access denied page with a lock icon, an explanation of the missing permission, and Bac","k":"layout","s":"7ovr","c":"layout/dashboard","hc":1},{"id":"7ovr:error-5","t":"Scheduled Maintenance Page","d":"Maintenance mode page with a tools icon, a scheduled maintenance badge, an estimated retur","k":"page","s":"7ovr","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"7ovr:error-6","t":"Oversized 404 Numeral","d":"404 not found page led by a display-sized 404 numeral, a friendly headline, short copy, an","k":"page","s":"7ovr","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"7ovr:page-header-5","t":"Header With Search Toolbar","d":"List view page header with a title, primary action, and a toolbar of search input, status ","s":"7ovr","c":"navigation/top-nav","sb":"With search","hc":1},{"id":"7ovr:page-header-6","t":"Header With Metrics Strip","d":"Analytics page header with an eyebrow, title, export and settings actions, and an inline f","s":"7ovr","c":"navigation/top-nav","hc":1},{"id":"7ovr:changelog-5","t":"Sticky Version Jump Sidebar","d":"Changelog page with a sticky version-jump sidebar beside long-form release entries grouped","k":"section","s":"7ovr","c":"marketing/marketing","hc":1},{"id":"7ovr:blog-5","t":"Blog With Sticky Sidebar","d":"Blog index with a post list beside a sticky sidebar of search, categories with counts, pop","k":"section","s":"7ovr","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"7ovr:article-5","t":"Article With Author Sidebar","d":"Article layout with a sticky sidebar holding an author bio card, related post links, and a","k":"section","s":"7ovr","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"7ovr:coming-soon-5","t":"Launch Progress Milestones","d":"Coming soon screen with a launch progress bar and Design, Beta, and Launch milestone label","k":"page","s":"7ovr","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"7ovr:cookie-consent-5","t":"Expandable Consent Banner","d":"Cookie consent banner with accept and reject actions plus a Customize control that expands","s":"7ovr","c":"overlays/alert-banner","hc":1},{"id":"7ovr:careers-4","t":"Filterable Jobs Board","d":"Filterable jobs board with a search field, department filter pills, a live result count, a","k":"section","s":"7ovr","c":"marketing/marketing","sb":"Careers","hc":1},{"id":"7ovr:cta-6","t":"App Download CTA","d":"App download call to action section with App Store and Google Play buttons for the iOS and","k":"section","s":"7ovr","c":"marketing/cta","tg":["webgl"],"sb":"App download","sy":["webgl"],"hc":1},{"id":"7ovr:header-4","t":"Product Dropdown Menu","d":"Header with a Product navigation menu dropdown listing Analytics, Automations, and Integra","s":"7ovr","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"7ovr:footer-5","t":"Call To Action Footer","d":"Footer led by a call to action band with heading and button, above brand and sitemap colum","k":"section","s":"7ovr","c":"marketing/footer","hc":1},{"id":"7ovr:onboarding-5","t":"Invite Your Team Step","d":"Invite-teammates onboarding step marked 3 of 4, with add and remove email rows, a role sel","s":"7ovr","c":"navigation/wizard-steps","hc":1},{"id":"7ovr:onboarding-6","t":"Dismissible Getting Started Widget","d":"Compact getting-started widget with a dismiss button, progress bar, and a five-step checkl","s":"7ovr","c":"navigation/wizard-steps","hc":1},{"id":"7ovr:billing-5","t":"Saved Payment Methods","d":"Payment methods list of saved cards with a default badge, set-default and remove actions, ","s":"7ovr","c":"overlays/dialog","hc":1},{"id":"7ovr:billing-6","t":"Add Card Form","d":"Add payment method form with name, card number, expiry, CVC, a country select, and a set-a","s":"7ovr","c":"data-display/card","hc":1},{"id":"7ovr:empty-states-5","t":"First Project Prompt","d":"First-run empty state prompting users to create their first project, with New Project and ","s":"7ovr","c":"ai-agent/composer","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"7ovr:notifications-4","t":"Notification Preferences Toggles","d":"Notification preferences panel with a row per activity type and separate email and push to","s":"7ovr","c":"overlays/notifications","hc":1},{"id":"7ovr:notifications-5","t":"Dismissible Alert Stack","d":"Stack of dismissible inline notification alerts in success, info, warning, and error varia","s":"7ovr","c":"overlays/notifications","hc":1},{"id":"7ovr:integrations-5","t":"Split Logo Grid With CTA","d":"Split integrations section pairing a headline, copy, and browse CTA with a bordered six-lo","k":"section","s":"7ovr","c":"marketing/logos","hc":1},{"id":"7ovr:logo-cloud-5","t":"Minimal Trust Strip","d":"Single row logo strip of six brand wordmarks under a trusted-by label, highlighting on hov","k":"section","s":"7ovr","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"7ovr:settings-4","t":"Section Nav Settings Layout","d":"Settings layout with a left section nav (Profile, Account, Notifications, Billing) that sw","k":"layout","s":"7ovr","c":"flows/settings","hc":1},{"id":"7ovr:file-upload-5","t":"Avatar Photo Uploader","d":"Avatar uploader with a circular image preview, change and remove buttons, and a format hin","s":"7ovr","c":"inputs/file-upload","hc":1},{"id":"7ovr:menu-1","t":"Leader Dot Menu List","d":"Restaurant menu in four courses, each dish a name with leader dots running to its price, a","s":"7ovr","c":"navigation/menu","hc":1},{"id":"7ovr:menu-2","t":"Photo Menu Card Grid","d":"Six photographed dishes in a card grid, each with its price, a one line description, and a","s":"7ovr","c":"navigation/menu","hc":1},{"id":"7ovr:booking-1","t":"Simple Reservation Form","d":"Centered reservation card with date, party size, time, name, and email, for restaurants ta","s":"7ovr","c":"data-display/calendar","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"7ovr:booking-2","t":"Appointment Request Split","d":"Appointment request split pairing reassurance copy with a form for the job needed, a prefe","s":"7ovr","c":"data-display/calendar","hc":1},{"id":"7ovr:location-1","t":"Hours Table With Map Slot","d":"Opening hours split pairing a seven row hours table with an embedded map, the address, and","s":"7ovr","c":"data-viz/map","hc":1},{"id":"7ovr:location-2","t":"Three Up Visit Cards","d":"Three visit cards covering address, opening hours, and getting here, each a bare icon abov","s":"7ovr","c":"data-viz/map","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"7ovr:saas-landing","t":"SaaS Landing","d":"Complete SaaS marketing homepage template assembled from free blocks: hero section, social","k":"section","s":"7ovr","c":"marketing/hero","sb":"SaaS and AI","vn":1,"hc":1},{"id":"7ovr:startup","t":"Startup","d":"Lean startup landing page template for early-stage products and waitlists: centered hero s","k":"section","s":"7ovr","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"7ovr:dashboard","t":"Dashboard","d":"Logged-in dashboard app template with a collapsible sidebar and command palette top bar wr","k":"layout","s":"7ovr","c":"layout/dashboard","vn":4,"hc":1},{"id":"8bitcn:chapter-intro","t":"8 bit Chapter Intro","d":"A cinematic chapter/level intro with pixel art background.","k":"motion","s":"8bitcn","c":"motion/background","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:button","t":"8 bit Button","d":"A simple 8-bit button component","s":"8bitcn","c":"actions/button","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"vn":1,"hc":1},{"id":"8bitcn:input","t":"8 bit Input","d":"A simple 8-bit input component","s":"8bitcn","c":"inputs/form-field","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:toast","t":"8 bit Toast","d":"A simple 8-bit toast component","s":"8bitcn","c":"overlays/toast","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:input-otp","t":"8 bit Input OTP","d":"A simple 8-bit input-otp component","s":"8bitcn","c":"inputs/otp-input","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:badge","t":"8 bit Badge","d":"A simple 8-bit badge component","s":"8bitcn","c":"data-display/badge","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:textarea","t":"8 bit Textarea","d":"A simple 8-bit textarea component","s":"8bitcn","c":"inputs/textarea","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:calendar","t":"8 bit Calendar","d":"A simple 8-bit calendar component","s":"8bitcn","c":"data-display/calendar","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:date-picker","t":"8 bit Date Picker","d":"A simple 8-bit date picker component","s":"8bitcn","c":"inputs/date-picker","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:card","t":"8 bit Card","d":"A simple 8-bit card component","s":"8bitcn","c":"data-display/card","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:carousel","t":"8 bit Card","d":"A simple 8-bit carousel component","s":"8bitcn","c":"media/carousel","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:dialog","t":"8 bit Dialog","d":"A simple 8-bit dialog component","s":"8bitcn","c":"overlays/dialog","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:dropdown-menu","t":"8 bit Dropdown Menu","d":"A simple 8-bit dropdown-menu component","s":"8bitcn","c":"navigation/menu","tg":["minimal","retro and HUD"],"sb":"Dropdowns","sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:hover-card","t":"8 bit Hover Card","d":"A simple 8-bit hover card component","s":"8bitcn","c":"overlays/hover-card","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:popover","t":"8 bit Popover","d":"A simple 8-bit popover component","s":"8bitcn","c":"overlays/popover","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:resizable","t":"8 bit Resizable Panel","d":"Accessible resizable panel groups and layouts with keyboard support.","k":"layout","s":"8bitcn","c":"layout/split-pane","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:select","t":"8 bit Select","d":"A simple 8-bit select component","s":"8bitcn","c":"inputs/select","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:sheet","t":"8 bit sheet","d":"A simple 8-bit sheet component","s":"8bitcn","c":"overlays/sheet","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:label","t":"8 bit Label","d":"A simple 8-bit label component","s":"8bitcn","c":"inputs/form-field","tg":["minimal","retro and HUD"],"sb":"Animated fields","sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:checkbox","t":"8 bit Checkbox","d":"A simple 8-bit checkbox component","s":"8bitcn","c":"inputs/checkbox","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:scroll-area","t":"8 bit Scroll Area","d":"A simple 8-bit Scroll Area component","k":"layout","s":"8bitcn","c":"layout/scroll-area","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:switch","t":"8 bit Switch","d":"A simple 8-bit switch component","s":"8bitcn","c":"actions/switch","tg":["minimal","retro and HUD"],"sb":"Styled","sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:alert","t":"8 bit Alert","d":"A simple 8-bit switch component","s":"8bitcn","c":"overlays/alert-banner","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:alert-dialog","t":"8 bit Alert Dialog","d":"A simple 8-bit Alert Dialog component","s":"8bitcn","c":"overlays/dialog","tg":["minimal","retro and HUD"],"sb":"Confirm","sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:tooltip","t":"8 bit Tooltip","d":"A simple 8-bit tooltip component","s":"8bitcn","c":"overlays/tooltip","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:avatar","t":"8 bit Avatar","d":"A simple 8-bit avatar component","s":"8bitcn","c":"data-display/avatar","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:skeleton","t":"8 bit Skeleton","d":"A simple 8-bit skeleton component","s":"8bitcn","c":"status/skeleton","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:breadcrumb","t":"8 bit Breadcrumb","d":"A simple 8-bit breadcrumb component","s":"8bitcn","c":"navigation/breadcrumb","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:collapsible","t":"8 bit Collapsible","d":"A simple 8-bit collapsible component","s":"8bitcn","c":"data-display/accordion","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:progress","t":"8 bit Progress","d":"A simple 8-bit progress component","s":"8bitcn","c":"data-viz/progress-bar","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:enemy-health-display","t":"8 bit Enemy Health Display","d":"A retro-styled enemy health display component with health bar, name, and level","s":"8bitcn","c":"other/other","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:health-bar","t":"8 bit Health Bar","d":"A simple 8-bit health bar component","s":"8bitcn","c":"data-viz/progress-bar","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:mana-bar","t":"8 bit Mana Bar","d":"A simple 8-bit mana bar component","s":"8bitcn","c":"data-viz/progress-bar","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:xp-bar","t":"8 bit XP Bar","d":"A simple 8-bit XP bar component with level up animation","s":"8bitcn","c":"data-display/gamification","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:game-progress","t":"8 bit Game Progress","d":"A simple 8-bit game progress component","s":"8bitcn","c":"data-viz/progress-bar","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:dialogue","t":"8 bit Dialogue","d":"A simple 8-bit dialogue component","s":"8bitcn","c":"overlays/alert-banner","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:profile-card","t":"8 bit Profile Card","d":"A simple 8-bit profile card component","s":"8bitcn","c":"data-display/profile","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:slider","t":"8 bit Slider","d":"A simple 8-bit slider component","s":"8bitcn","c":"inputs/slider","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:context-menu","t":"8 bit Context Menu","d":"A simple 8-bit context menu component","s":"8bitcn","c":"overlays/context-menu","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:menubar","t":"8 bit Menu Bar","d":"A simple 8-bit menu bar component","s":"8bitcn","c":"navigation/top-nav","tg":["minimal","retro and HUD"],"sb":"Mega menus","sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:toggle","t":"8 bit Toggle","d":"A simple 8-bit toggle component","s":"8bitcn","c":"actions/switch","tg":["minimal","retro and HUD"],"sb":"Styled","sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:table","t":"8 bit Table","d":"A simple 8-bit table component","s":"8bitcn","c":"data-display/table","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:tabs","t":"8 bit Tabs","d":"A simple 8-bit tabs component","s":"8bitcn","c":"navigation/tabs","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:combo-box","t":"8 bit Combo Box","d":"A simple 8-bit combo box component","s":"8bitcn","c":"inputs/combobox","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:command","t":"8 bit Command","d":"A simple 8-bit command component","s":"8bitcn","c":"navigation/command-palette","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:separator","t":"8 bit Separator","d":"A simple 8-bit separator component","k":"layout","s":"8bitcn","c":"layout/page-shell","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:radio-group","t":"8 bit Radio Group","d":"A simple 8-bit radio group component","s":"8bitcn","c":"inputs/radio","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:pagination","t":"8 bit Pagination","d":"A simple 8-bit pagination component","s":"8bitcn","c":"navigation/pagination","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:friend-list","t":"8 bit Friend List","d":"A simple 8-bit friend list component","s":"8bitcn","c":"data-display/list","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:login-form","t":"8 bit Login Form","d":"A simple 8-bit login form component","k":"layout","s":"8bitcn","c":"flows/sign-in","tg":["minimal","retro and HUD"],"sb":"Sign in","sy":["minimal","retro and HUD"],"vn":1,"hc":1},{"id":"8bitcn:login-form-with-image","t":"8 bit Login Form with Image","d":"A simple 8-bit login form component with image","k":"layout","s":"8bitcn","c":"flows/sign-in","tg":["minimal","retro and HUD"],"sb":"Split with image","sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:login-page","t":"8 bit Login Page","d":"A simple 8-bit login page component","k":"layout","s":"8bitcn","c":"flows/sign-in","tg":["minimal","retro and HUD"],"sb":"Sign in","sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:chart","t":"8 bit Chart","d":"A simple 8-bit chart component","s":"8bitcn","c":"data-viz/chart","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"vn":2,"hc":1},{"id":"8bitcn:main-menu","t":"8 bit Main Menu","d":"A simple 8-bit main menu component","s":"8bitcn","c":"navigation/menu","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:pause-menu","t":"8 bit Pause Menu","d":"A simple 8-bit pause menu component","s":"8bitcn","c":"navigation/menu","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:game-over","t":"8 bit Game Over","d":"A simple 8-bit game over component","k":"section","s":"8bitcn","c":"marketing/marketing","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:audio-settings","t":"8 bit Audio Settings","d":"A simple 8-bit audio settings component","k":"layout","s":"8bitcn","c":"flows/settings","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:toggle-group","t":"8 bit Toggle Group","d":"A simple 8-bit toggle group component","s":"8bitcn","c":"actions/switch","tg":["minimal","retro and HUD"],"sb":"Styled","sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:sidebar","t":"8 bit Sidebar","d":"A simple 8-bit sidebar component","s":"8bitcn","c":"navigation/sidebar","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:accordion","t":"8 bit Accordion","d":"A simple 8-bit accordion component","s":"8bitcn","c":"data-display/accordion","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:drawer","t":"8 bit Drawer","d":"A simple 8-bit drawer component","s":"8bitcn","c":"overlays/sheet","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:navigation-menu","t":"8 bit Navigation Menu","d":"A simple 8-bit navigation menu component","s":"8bitcn","c":"navigation/top-nav","tg":["minimal","retro and HUD"],"sb":"Mega menus","sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:difficulty-select","t":"8 bit Difficulty Select","d":"A reusable 8-bit difficulty selector with Easy, Normal, Hard.","s":"8bitcn","c":"inputs/select","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:leaderboard","t":"8 bit Leaderboard","d":"A retro-styled leaderboard component for displaying player rankings with avatars and score","s":"8bitcn","c":"data-display/gamification","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:player-profile-card","t":"8 bit Player Profile Card","d":"A comprehensive player profile card component with stats, health/mana bars, and custom sta","s":"8bitcn","c":"data-display/profile","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:quest-log","t":"8 bit Quest Log","d":"A retro-styled quest log component for tracking game missions and tasks with accordion fun","s":"8bitcn","c":"data-display/accordion","tg":["playful","retro and HUD"],"sy":["playful","retro and HUD"],"hc":1},{"id":"8bitcn:save-slots","t":"8 bit Save Slots","d":"A retro-styled save/load game interface with slot previews, timestamps, and empty slot han","k":"section","s":"8bitcn","c":"marketing/marketing","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:dashboard-01","t":"8 bit Dashboard 01","d":"A complete 8-bit styled dashboard with sidebar navigation, stats cards, charts, and data t","k":"layout","s":"8bitcn","c":"layout/dashboard","tg":["playful","retro and HUD"],"sy":["playful","retro and HUD"],"hc":1},{"id":"8bitcn:theme-selector","t":"8 bit Theme Selector","d":"A complete theme selector component with dropdown selection and code copy functionality. I","s":"8bitcn","c":"navigation/menu","tg":["playful","retro and HUD"],"sb":"Dropdowns","sy":["playful","retro and HUD"],"hc":1},{"id":"8bitcn:spinner","t":"8 bit Spinner","d":"Displays an 8-bit spinner component.","s":"8bitcn","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"8bitcn:kbd","t":"8 bit Kbd","d":"A simple 8-bit kbd component","s":"8bitcn","c":"data-display/typography","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:retro-mode-switcher","t":"8 bit Retro Mode Switcher","d":"A retro-styled theme toggle component with pixel art sun and moon icons. Perfect for 8-bit","s":"8bitcn","c":"actions/button","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:empty","t":"8 bit Empty","d":"Displays an 8-bit empty component.","s":"8bitcn","c":"data-display/empty-state","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:item","t":"8 bit Item","d":"Displays an 8-bit item component.","s":"8bitcn","c":"data-display/list","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:character-sheet","t":"8 bit Character Sheet","d":"A comprehensive RPG character stats page with attributes, equipment, and customizable sect","s":"8bitcn","c":"overlays/sheet","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:victory-screen","t":"8 bit Victory Screen","d":"A simple 8-bit Victory Screen component","s":"8bitcn","c":"data-display/list","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:loading-screen","t":"8 bit Loading Screen","d":"A retro-styled loading screen with animated progress bar and rotating tips.","s":"8bitcn","c":"status/loader","tg":["retro and HUD"],"sb":"Bars","sy":["retro and HUD"],"hc":1},{"id":"8bitcn:hero1","t":"8 bit Hero #1","d":"Centered hero section","k":"section","s":"8bitcn","c":"marketing/hero","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:hero2","t":"8 bit Hero #2","d":"Split-layout hero section","k":"section","s":"8bitcn","c":"marketing/hero","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:feature1","t":"8 bit Feature #1","d":"Feature card grid with icons, titles, descriptions, and optional badges.","k":"section","s":"8bitcn","c":"marketing/features","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:hero3","t":"8 bit Hero #3","d":"Game-style title screen hero with stat cards and blinking text.","k":"section","s":"8bitcn","c":"marketing/hero","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:feature2","t":"8 bit Feature #2","d":"Step-by-step feature list with numbered icons and separators.","k":"section","s":"8bitcn","c":"marketing/features","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:feature3","t":"8 bit Feature #3","d":"Swipeable feature carousel with cards and pixel arrows.","k":"section","s":"8bitcn","c":"marketing/features","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:pricing1","t":"8 bit Pricing #1","d":"Classic tier cards with feature lists and CTAs.","k":"section","s":"8bitcn","c":"marketing/pricing","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:pricing2","t":"8 bit Pricing #2","d":"Pricing cards with monthly/yearly toggle.","k":"section","s":"8bitcn","c":"marketing/pricing","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:faq1","t":"8 bit FAQ #1","d":"Simple accordion FAQ.","k":"section","s":"8bitcn","c":"marketing/faq","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"8bitcn:faq2","t":"8 bit FAQ #2","d":"Two-column card grid FAQ.","k":"section","s":"8bitcn","c":"marketing/faq","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:faq3","t":"8 bit FAQ #3","d":"Searchable FAQ with categories.","k":"section","s":"8bitcn","c":"marketing/faq","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:social-proof1","t":"8 bit Social Proof 1","d":"Stats bar with numbers and optional logo cloud.","k":"section","s":"8bitcn","c":"marketing/testimonials","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:social-proof2","t":"8 bit Social Proof 2","d":"Two-column testimonial cards.","k":"section","s":"8bitcn","c":"marketing/testimonials","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:social-proof3","t":"8 bit Social Proof 3","d":"Swipeable review carousel with ratings.","k":"section","s":"8bitcn","c":"marketing/testimonials","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:timeline1","t":"8 bit Timeline #1","d":"Vertical timeline with connecting line.","s":"8bitcn","c":"data-display/timeline","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:timeline2","t":"8 bit Timeline #2","d":"Horizontal progress steps with checkpoints.","s":"8bitcn","c":"data-display/timeline","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:timeline3","t":"8 bit Timeline #3","d":"Zigzag roadmap with alternating cards.","s":"8bitcn","c":"data-display/timeline","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:cta1","t":"8 bit CTA #1","d":"Us vs them comparison table.","k":"section","s":"8bitcn","c":"marketing/cta","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:cta2","t":"8 bit CTA #2","d":"Persona use case cards with CTAs.","k":"section","s":"8bitcn","c":"marketing/cta","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:footer1","t":"8 bit Footer #1","d":"Sticky CTA bar that appears on scroll.","k":"section","s":"8bitcn","c":"marketing/footer","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:team1","t":"8 bit Team #1","d":"Team grid with pixel avatars and roles.","k":"section","s":"8bitcn","c":"marketing/team","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:team2","t":"8 bit Team #2","d":"Changelog feed with dates and badges.","k":"section","s":"8bitcn","c":"marketing/team","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:team3","t":"8 bit Team #3","d":"Case study cards with KPI badges.","k":"section","s":"8bitcn","c":"marketing/team","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:advanced1","t":"8 bit Advanced #1","d":"Fake terminal demo shell with command output.","k":"layout","s":"8bitcn","c":"layout/page-shell","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:advanced2","t":"8 bit Advanced #2","d":"KPI metrics dashboard with progress bars.","k":"layout","s":"8bitcn","c":"layout/dashboard","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:advanced3","t":"8 bit Advanced #3","d":"Newsletter signup card with input and CTA.","k":"layout","s":"8bitcn","c":"flows/sign-in","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:game-hero1","t":"8 bit game hero1","d":"Health bar hero with progress indicator.","k":"section","s":"8bitcn","c":"marketing/hero","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:game-roadmap1","t":"8 bit game roadmap1","d":"Quest log roadmap with status states.","k":"section","s":"8bitcn","c":"marketing/marketing","tg":["retro and HUD"],"sb":"Contact","sy":["retro and HUD"],"hc":1},{"id":"8bitcn:game-hero2","t":"8 bit game hero2","d":"XP milestone hero with level badges.","k":"section","s":"8bitcn","c":"marketing/hero","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:game-cta1","t":"8 bit game cta #1","d":"Boss fight CTA with problem vs solution.","k":"section","s":"8bitcn","c":"marketing/cta","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:game-features1","t":"8 bit game features1","d":"Skill tree feature grid with progress.","k":"section","s":"8bitcn","c":"marketing/features","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:game-team1","t":"8 bit game team1","d":"Party grid with avatars and HP bars.","k":"section","s":"8bitcn","c":"marketing/team","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:game-faq1","t":"8 bit game faq #1","d":"Checkpoint FAQ with progression states.","k":"section","s":"8bitcn","c":"marketing/faq","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:not-found1","t":"8 bit 404 Page","d":"Retro 404 page with pixel art character.","k":"page","s":"8bitcn","c":"pages/templates","tg":["retro and HUD"],"sb":"Error and status pages","sy":["retro and HUD"],"hc":1},{"id":"8bitcn:not-found2","t":"8 bit 404 Dwarf","d":"Retro 404 page with pixel dwarf character.","k":"page","s":"8bitcn","c":"pages/templates","tg":["retro and HUD"],"sb":"Error and status pages","sy":["retro and HUD"],"hc":1},{"id":"8bitcn:not-found3","t":"8 bit 404 Undead","d":"Cursed 404 page with pixel undead character.","k":"page","s":"8bitcn","c":"pages/templates","tg":["retro and HUD"],"sb":"Error and status pages","sy":["retro and HUD"],"hc":1},{"id":"8bitcn:not-found-crate-pusher","t":"8 bit Crate Pusher 404","d":"A randomized crate-pushing 404 page with 20 curated, solver-verified puzzles.","k":"page","s":"8bitcn","c":"pages/templates","tg":["retro and HUD"],"sb":"Error and status pages","sy":["retro and HUD"],"hc":1},{"id":"8bitcn:not-found-brick-breaker","t":"8 bit Brick Breaker 404","d":"A playable brick-breaker 404 page with keyboard, pointer, and touch controls.","k":"page","s":"8bitcn","c":"pages/templates","tg":["retro and HUD"],"sb":"Error and status pages","sy":["retro and HUD"],"hc":1},{"id":"8bitcn:portal-transition","t":"8 bit Portal Transition","d":"Interactive CTA with clickable portal and traveling state.","k":"section","s":"8bitcn","c":"marketing/cta","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8bitcn:duel-block","t":"8 bit Duel Block","d":"Interactive arena duel with two fighters, HP bars, and hit mechanics.","k":"section","s":"8bitcn","c":"marketing/marketing","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"8starlabs-ui:button","t":"Button","d":"A shadcn-compatible button with an optional Stripe-style arrow animation","s":"8starlabs-ui","c":"actions/button","vn":2,"hc":1},{"id":"8starlabs-ui:collapsible","t":"Collapsible","d":"A Base UI collapsible component","s":"8starlabs-ui","c":"data-display/accordion","hc":1},{"id":"8starlabs-ui:dropdown-menu","t":"Dropdown Menu","d":"A Base UI dropdown menu component","s":"8starlabs-ui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"8starlabs-ui:input","t":"Input","d":"A styled input component","s":"8starlabs-ui","c":"inputs/form-field","hc":1},{"id":"8starlabs-ui:label","t":"Label","d":"A styled label component","s":"8starlabs-ui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"8starlabs-ui:separator","t":"Separator","d":"A Base UI separator component","k":"layout","s":"8starlabs-ui","c":"layout/page-shell","hc":1},{"id":"8starlabs-ui:tooltip","t":"Tooltip","d":"A Base UI tooltip component","s":"8starlabs-ui","c":"overlays/tooltip","hc":1},{"id":"8starlabs-ui:heatmap","t":"Heatmap","d":"A heatmap component","s":"8starlabs-ui","c":"data-viz/chart","sb":"Heatmap","vn":1,"hc":1},{"id":"8starlabs-ui:heatmap-interpolate-demo","t":"Heatmap","d":"A heatmap demo component","s":"8starlabs-ui","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"8starlabs-ui:heatmap-display-style-demo","t":"Heatmap","d":"A heatmap demo component","s":"8starlabs-ui","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"8starlabs-ui:heatmap-days-of-week-demo","t":"Heatmap","d":"A heatmap demo component","s":"8starlabs-ui","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"8starlabs-ui:heatmap-size-demo","t":"Heatmap","d":"A heatmap demo component","s":"8starlabs-ui","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"8starlabs-ui:heatmap-custom-colors-demo","t":"Heatmap","d":"A heatmap demo component","s":"8starlabs-ui","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"8starlabs-ui:heatmap-custom-display-demo","t":"Heatmap","d":"A heatmap demo component","s":"8starlabs-ui","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"8starlabs-ui:partition-bar","t":"Partition Bar","d":"A partition bar component","k":"layout","s":"8starlabs-ui","c":"layout/page-shell","vn":1,"hc":1},{"id":"8starlabs-ui:partition-bar-size-demo","t":"Partition Bar","d":"A partition bar demo component","k":"layout","s":"8starlabs-ui","c":"layout/page-shell","hc":1},{"id":"8starlabs-ui:partition-bar-alignment-demo","t":"Partition Bar","d":"A partition bar demo component","k":"layout","s":"8starlabs-ui","c":"layout/page-shell","hc":1},{"id":"8starlabs-ui:partition-bar-width-demo","t":"Partition Bar","d":"A partition bar demo component","k":"layout","s":"8starlabs-ui","c":"layout/page-shell","hc":1},{"id":"8starlabs-ui:partition-bar-custom-colours-demo","t":"Partition Bar","d":"A partition bar demo component","k":"layout","s":"8starlabs-ui","c":"layout/page-shell","hc":1},{"id":"8starlabs-ui:partition-bar-variants-demo","t":"Partition Bar","d":"A partition bar demo component","k":"layout","s":"8starlabs-ui","c":"layout/page-shell","hc":1},{"id":"8starlabs-ui:flip-clock","t":"Flip clock","d":"A flip clock component","s":"8starlabs-ui","c":"data-display/stat","vn":1,"hc":1},{"id":"8starlabs-ui:flip-clock-size-demo","t":"Flip clock","d":"A flip clock demo component","s":"8starlabs-ui","c":"data-display/stat","hc":1},{"id":"8starlabs-ui:flip-clock-variants-demo","t":"Flip clock","d":"A flip clock demo component","s":"8starlabs-ui","c":"data-display/stat","hc":1},{"id":"8starlabs-ui:flip-clock-countdown-demo","t":"Flip clock","d":"A flip clock demo component","s":"8starlabs-ui","c":"data-display/stat","hc":1},{"id":"8starlabs-ui:flip-clock-showdays-demo","t":"Flip clock","d":"A flip clock demo component","s":"8starlabs-ui","c":"data-display/stat","hc":1},{"id":"8starlabs-ui:status-indicator","t":"Status indicator","d":"A status indicator component","s":"8starlabs-ui","c":"status/status-dot","vn":1,"hc":1},{"id":"8starlabs-ui:relative-time","t":"Relative Time","d":"A compact date label that displays relative time with an optional UTC tooltip.","s":"8starlabs-ui","c":"overlays/tooltip","vn":1,"hc":1},{"id":"8starlabs-ui:status-monitor","t":"Status Monitor","d":"A compact status history bar for showing service uptime across days or hours.","k":"section","s":"8starlabs-ui","c":"marketing/features","vn":3,"hc":1},{"id":"8starlabs-ui:transport-badge","t":"Transport badge","d":"A transport badge component","s":"8starlabs-ui","c":"data-display/badge","vn":1,"hc":1},{"id":"8starlabs-ui:system-banner","t":"System banner","d":"A system banner component","s":"8starlabs-ui","c":"overlays/alert-banner","hc":1},{"id":"8starlabs-ui:transport-badge-demo-multi-station","t":"Transport badge demo multi station","d":"A transport badge demo multi station component","s":"8starlabs-ui","c":"data-display/badge","hc":1},{"id":"8starlabs-ui:transport-badge-demo-single-station","t":"Transport badge demo single station","d":"A transport badge demo single station component","s":"8starlabs-ui","c":"data-display/badge","hc":1},{"id":"8starlabs-ui:transport-badge-demo-sizes","t":"Transport badge demo sizes","d":"A transport badge demo sizes component","s":"8starlabs-ui","c":"data-display/badge","hc":1},{"id":"8starlabs-ui:transport-badge-demo-station-name","t":"Transport badge demo station name","d":"A transport badge demo station name component","s":"8starlabs-ui","c":"data-display/badge","hc":1},{"id":"8starlabs-ui:timeline","t":"Timeline component","d":"A timeline component","s":"8starlabs-ui","c":"data-display/timeline","vn":1,"hc":1},{"id":"8starlabs-ui:timeline-hollow-demo","t":"Timeline hollow demo","d":"A timeline hollow demo component","s":"8starlabs-ui","c":"data-display/timeline","hc":1},{"id":"8starlabs-ui:timeline-nocards-demo","t":"Timeline no cards demo","d":"A timeline no cards demo component","s":"8starlabs-ui","c":"data-display/timeline","hc":1},{"id":"8starlabs-ui:timeline-not-alternating-demo","t":"Timeline not alternating demo","d":"A timeline not alternating demo component","s":"8starlabs-ui","c":"data-display/timeline","hc":1},{"id":"8starlabs-ui:timeline-vertical-demo","t":"Timeline vertical demo","d":"A timeline vertical demo component","s":"8starlabs-ui","c":"data-display/timeline","hc":1},{"id":"8starlabs-ui:transport-badge-demo-hk","t":"Transport Badge Demo HK","d":"A transport badge demo for Hong Kong MTR","s":"8starlabs-ui","c":"data-display/badge","hc":1},{"id":"8starlabs-ui:marquee","t":"Marquee component","d":"A marquee component","k":"motion","s":"8starlabs-ui","c":"motion/marquee","vn":1,"hc":1},{"id":"8starlabs-ui:marquee-grayscale-demo","t":"Marquee Grayscale Demo","d":"A marquee grayscale demo component","k":"motion","s":"8starlabs-ui","c":"motion/marquee","hc":1},{"id":"8starlabs-ui:marquee-reverse-demo","t":"Marquee Reverse Demo","d":"A marquee reverse demo component","k":"motion","s":"8starlabs-ui","c":"motion/marquee","hc":1},{"id":"8starlabs-ui:json-viewer","t":"JSON Viewer","d":"A JSON viewer component","s":"8starlabs-ui","c":"data-display/json-viewer","vn":1,"hc":1},{"id":"8starlabs-ui:video-player","t":"Video Player","d":"A video player component","s":"8starlabs-ui","c":"media/player","vn":1,"hc":1},{"id":"8starlabs-ui:video-player-minimal-controls-demo","t":"Video Player Minimal Controls","d":"A video player demo component with minimal controls","s":"8starlabs-ui","c":"media/player","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"8starlabs-ui:video-player-fit-demo","t":"Video Player Fit","d":"A video player demo showing fit behavior","s":"8starlabs-ui","c":"media/player","hc":1},{"id":"8starlabs-ui:video-player-sizing-demo","t":"Video Player Sizing","d":"A video player demo showing viewport sizing","s":"8starlabs-ui","c":"media/player","hc":1},{"id":"8starlabs-ui:video-player-repeat-demo","t":"Video Player Repeat","d":"A video player demo showing repeat playback","s":"8starlabs-ui","c":"media/player","hc":1},{"id":"8starlabs-ui:video-player-auto-demo","t":"Video Player Autoplay","d":"A video player demo showing autoplay","s":"8starlabs-ui","c":"media/player","hc":1},{"id":"8starlabs-ui:video-player-visible-controls-demo","t":"Video Player Visible Controls","d":"A video player demo showing always-visible controls","s":"8starlabs-ui","c":"media/player","hc":1},{"id":"8starlabs-ui:video-player-hide-center-controls-demo","t":"Video Player Hidden Center Controls","d":"A video player demo without center controls.","s":"8starlabs-ui","c":"media/player","hc":1},{"id":"8starlabs-ui:shake","t":"Shake","d":"A Stripe-style perspective error shake for form fields, with a declarative wrapper and an ","s":"8starlabs-ui","c":"inputs/form-field","tg":["3d"],"sy":["3d"],"vn":1,"hc":1},{"id":"8starlabs-ui:open-in-chat","t":"Open In Chat","d":"A component that opens an LLM chat with a pre-filled prompt.","s":"8starlabs-ui","c":"ai-agent/ai-agent","tg":["minimal"],"sb":"Chat","sy":["minimal"],"vn":1,"hc":1},{"id":"8starlabs-ui:open-in-chat-custom-providers-demo","t":"Open In Chat Custom Providers Demo","d":"An open in chat demo with selected provider links.","s":"8starlabs-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"8starlabs-ui:open-in-chat-custom-link-demo","t":"Open In Chat Custom Link Demo","d":"An open in chat demo with a custom provider link.","s":"8starlabs-ui","c":"actions/link","hc":1},{"id":"8starlabs-ui:open-in-chat-custom-trigger-demo","t":"Open In Chat Custom Trigger Demo","d":"An open in chat demo with a custom trigger.","s":"8starlabs-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"8starlabs-ui:open-in-chat-horizontal-demo","t":"Open In Chat Horizontal Demo","d":"An open in chat demo with horizontal provider icons.","s":"8starlabs-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"8starlabs-ui:open-in-chat-positioning-demo","t":"Open In Chat Positioning Demo","d":"An open in chat demo showing dropdown-menu alignment and side positioning.","s":"8starlabs-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"aayurt:utils","t":"Cn() utility","d":"clsx + tailwind-merge class merger used by every 8848 component.","k":"lib","s":"aayurt","c":"lib/utility","sb":"Class helpers","hc":1,"cp":1},{"id":"aayurt:theme","t":"8848 theme tokens","d":"OKLCH mountain palette, semantic light/dark colors, radii and elevation tokens. Install fi","k":"lib","s":"aayurt","c":"lib/utility","sb":"Theme","fw":"CSS","hc":1},{"id":"aayurt:spinner","t":"Spinner","d":"Standalone loading indicator in five sizes.","s":"aayurt","c":"status/loader","sb":"Spinners","hc":1},{"id":"aayurt:button","t":"Button","d":"Compact expedition button (28–44px, 6–9px radii, hover lift). Mountain names plus shadcn a","s":"aayurt","c":"actions/button","hc":1},{"id":"aayurt:badge","t":"Badge","d":"Altitude-themed status badges.","s":"aayurt","c":"data-display/badge","hc":1},{"id":"aayurt:card","t":"Card","d":"Terrain-variant container with Header/Title/Description/Content/Footer.","s":"aayurt","c":"data-display/card","sb":"Profile","hc":1},{"id":"aayurt:alert","t":"Alert","d":"Signal-beacon notice with semantic mountain variants.","s":"aayurt","c":"overlays/alert-banner","hc":1},{"id":"aayurt:input","t":"Input","d":"Text input and textarea with labels, hints, icons and error states.","s":"aayurt","c":"inputs/form-field","hc":1},{"id":"aayurt:accordion","t":"Accordion","d":"Collapsible panels with rotating chevron and grid-row expand animation.","s":"aayurt","c":"data-display/accordion","hc":1},{"id":"aayurt:avatar","t":"Avatar","d":"Image avatar with fallback initials and stacked AvatarGroup.","s":"aayurt","c":"data-display/avatar","hc":1},{"id":"aayurt:checkbox","t":"Checkbox","d":"Multi-selection check input on the Radix Checkbox primitive.","s":"aayurt","c":"inputs/checkbox","hc":1},{"id":"aayurt:command","t":"Command","d":"CMDK command palette with dialog modal.","s":"aayurt","c":"navigation/command-palette","hc":1},{"id":"aayurt:dialog","t":"Dialog","d":"Accessible modal with backdrop blur, header/footer and close control.","s":"aayurt","c":"overlays/dialog","hc":1},{"id":"aayurt:dropdown-menu","t":"Dropdown Menu","d":"Radix menu with items, groups, shortcuts and separators.","s":"aayurt","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"aayurt:form","t":"Form","d":"React Hook Form + Zod field wrapper with labels and error messages.","s":"aayurt","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"aayurt:hover-card","t":"Hover Card","d":"Hover-triggered preview card for profiles and telemetry.","s":"aayurt","c":"overlays/hover-card","hc":1},{"id":"aayurt:kbd","t":"Kbd","d":"Keyboard shortcut chip with keycap styling.","s":"aayurt","c":"data-display/typography","hc":1},{"id":"aayurt:label","t":"Label","d":"Accessible form label on the Radix Label primitive.","s":"aayurt","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"aayurt:navigation-menu","t":"Navigation Menu","d":"Keyboard-navigable top-level nav with dropdown viewport.","s":"aayurt","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"aayurt:popover","t":"Popover","d":"Click-triggered floating panel for filters and actions.","s":"aayurt","c":"overlays/popover","hc":1},{"id":"aayurt:progress","t":"Progress","d":"Determinate bar with animated stripes plus indeterminate mode.","s":"aayurt","c":"data-viz/progress-bar","hc":1},{"id":"aayurt:radio-group","t":"Radio Group","d":"Single-select radio set on the Radix Radio Group primitive.","s":"aayurt","c":"inputs/radio","hc":1},{"id":"aayurt:select","t":"Select","d":"Searchable dropdown select with animated popover.","s":"aayurt","c":"inputs/select","hc":1},{"id":"aayurt:separator","t":"Separator","d":"Theme-aware divider, horizontal or vertical.","k":"layout","s":"aayurt","c":"layout/page-shell","hc":1},{"id":"aayurt:sheet","t":"Sheet","d":"Slide-over panel (top/right/bottom/left) for inspectors and drawers.","s":"aayurt","c":"overlays/sheet","hc":1},{"id":"aayurt:skeleton","t":"Skeleton","d":"Loading placeholder with text, circular, rectangular and card variants.","s":"aayurt","c":"status/skeleton","hc":1},{"id":"aayurt:switch","t":"Switch","d":"Two-state toggle control on the Radix Switch primitive.","s":"aayurt","c":"actions/switch","hc":1},{"id":"aayurt:table","t":"Table","d":"Altitude-banded data table with sortable TableSortHead columns.","s":"aayurt","c":"data-display/table","hc":1},{"id":"aayurt:tabs","t":"Tabs","d":"Contour tabs with line indicator and keyboard navigation.","s":"aayurt","c":"navigation/tabs","hc":1},{"id":"aayurt:toast","t":"Toast","d":"Sonner-powered toasts with high-altitude status styling.","s":"aayurt","c":"overlays/toast","hc":1},{"id":"aayurt:toggle","t":"Toggle","d":"Two-state press button with outline and default variants.","s":"aayurt","c":"actions/switch","hc":1},{"id":"aayurt:tooltip","t":"Tooltip","d":"Delayed hover popup with trigger and arrow.","s":"aayurt","c":"overlays/tooltip","hc":1},{"id":"aayurt:typography","t":"Typography","d":"Expedition type scale: headings, lead, muted, blockquote, inline code.","s":"aayurt","c":"data-display/typography","hc":1},{"id":"aayurt:telemetry-chip","t":"Telemetry Chip","d":"Monospace telemetry chip for altitude, tokens and latency.","s":"aayurt","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"aayurt:approval-prompt","t":"Approval Prompt","d":"Human-in-the-loop authorization card for sensitive agent actions.","s":"aayurt","c":"ai-agent/composer","hc":1},{"id":"aayurt:execution-card","t":"Execution Card","d":"Real-time agent execution pipeline card with altitude milestones.","s":"aayurt","c":"data-display/card","hc":1},{"id":"aayurt:executor-node","t":"Executor Node","d":"Status tracking node for autonomous agent workers.","s":"aayurt","c":"ai-agent/ai-agent","hc":1},{"id":"aayurt:tool-call-inspector","t":"Tool Call Inspector","d":"Collapsible tool invocation panel with timing and I/O inspection.","s":"aayurt","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"aayurt:mountain-contour","t":"Mountain Contour","d":"SVG/CSS contour and topo grid background generator.","k":"motion","s":"aayurt","c":"motion/background","hc":1},{"id":"abui:design-system","t":"Design system","k":"theme","s":"abui","c":"themes/style","hc":1},{"id":"abui:orientation-media-queries","t":"Orientation Media Queries","d":"A set of device orientation media queries.","k":"theme","s":"abui","c":"themes/style"},{"id":"abui:extra-breakpoints","t":"Extra Breakpoints","d":"Adds XS, XXS and 3XL breakpoints.","k":"theme","s":"abui","c":"themes/style"},{"id":"abui:debug-utils","t":"Debug Utils","d":"A set of debug utility classes.","k":"theme","s":"abui","c":"themes/style"},{"id":"abui:breakpoint-display","t":"Breakpoint Display","d":"A breakpoint display component.","k":"lib","s":"abui","c":"lib/utility","hc":1},{"id":"abui:radio-tabs","t":"Radio Tabs","d":"A radio tabs component.","s":"abui","c":"navigation/tabs","hc":1},{"id":"abui:radio-rows","t":"Radio Rows","d":"A radio rows component.","s":"abui","c":"data-display/list","hc":1},{"id":"abui:color-swatch-selector","t":"Color Swatch Selector","d":"A color swatch selector component.","s":"abui","c":"inputs/color-picker","hc":1},{"id":"abui:label-selector","t":"Label Selector","d":"A text label selector component for sizes, variants, and other text-based options.","s":"abui","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"abui:spinner","t":"Spinner","d":"A customizable loading spinner component with size, speed, and color variants.","s":"abui","c":"status/loader","sb":"Spinners","hc":1},{"id":"abui:scroll-progress","t":"Scroll Progress","d":"A scroll progress indicator that shows reading progress as a horizontal bar at the top or ","s":"abui","c":"data-viz/progress-bar","hc":1},{"id":"abui:text-gradient","t":"Text Gradient","d":"A text gradient effect component.","k":"motion","s":"abui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"abui:timeline","t":"Timeline","d":"A Gantt-chart style timeline with draggable time slots.","s":"abui","c":"data-display/timeline","hc":1},{"id":"abui:availability","t":"Availability","d":"A weekly availability designer with draggable and resizable time slots.","k":"layout","s":"abui","c":"layout/split-pane","hc":1},{"id":"abui:calendar-year","t":"Calendar Year","d":"A calendar year component.","s":"abui","c":"data-display/calendar","hc":1},{"id":"abui:accordion-multiselect","t":"Accordion Multiselect","d":"An accordion multiselect component with categories and services.","s":"abui","c":"inputs/select","hc":1},{"id":"abui:scroll-reveal-content-a","t":"Scroll Reveal Content A","d":"A block that shows 3 parts of content with a specific image for each part, and a fancy lin","k":"layout","s":"abui","c":"layout/scroll-area","hc":1},{"id":"abui:timeline-steps","t":"Timeline Steps","d":"A component for displaying chronological events, activities, or steps","s":"abui","c":"navigation/wizard-steps","hc":1},{"id":"abui:toc","t":"Table of Contents","d":"A table of contents component with active anchor tracking and depth-aware line styling. Fe","s":"abui","c":"navigation/table-of-contents","tg":["3d"],"sy":["3d"],"hc":1},{"id":"abui:animated-chart","t":"Animated Chart","d":"An animated column chart with spring physics, viewport-triggered animations, and support f","s":"abui","c":"data-viz/chart","hc":1},{"id":"aceternity:grid","t":"Grid","s":"aceternity","c":"other/other","hc":1},{"id":"aceternity:moving-line","t":"Moving line","k":"motion","s":"aceternity","c":"motion/border","hc":1},{"id":"aceternity:sparkles","t":"Sparkles","k":"motion","s":"aceternity","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"aceternity:spotlight","t":"Spotlight","k":"motion","s":"aceternity","c":"motion/background","sb":"Beams and light","hc":1},{"id":"aceternity:glowing-stars","t":"Glowing stars","k":"motion","s":"aceternity","c":"motion/background","tg":["neon"],"sb":"Particles and stars","sy":["neon"],"hc":1},{"id":"aceternity:text-reveal-card","t":"Text reveal card","s":"aceternity","c":"data-display/card","hc":1},{"id":"aceternity:animated-tooltip","t":"Animated tooltip","s":"aceternity","c":"overlays/tooltip","hc":1},{"id":"aceternity:following-pointer","t":"Following pointer","k":"motion","s":"aceternity","c":"motion/cursor","hc":1},{"id":"aceternity:background-beams","t":"Background beams","k":"motion","s":"aceternity","c":"motion/background","sb":"Beams and light","hc":1},{"id":"aceternity:svg-mask-effect","t":"Svg mask effect","k":"motion","s":"aceternity","c":"motion/background","hc":1},{"id":"aceternity:infinite-moving-cards","t":"Infinite moving cards","s":"aceternity","c":"data-display/card","hc":1},{"id":"aceternity:3d-pin","t":"3d pin","k":"motion","s":"aceternity","c":"motion/tilt-3d","tg":["3d"],"sy":["3d"],"hc":1},{"id":"aceternity:evervault-card","t":"Evervault card","s":"aceternity","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"aceternity:parallax-scroll","t":"Parallax scroll","k":"layout","s":"aceternity","c":"layout/scroll-area","vn":1,"hc":1},{"id":"aceternity:parallax-hero-images","t":"Parallax hero images","s":"aceternity","c":"media/gallery","sb":"Scroll","hc":1},{"id":"aceternity:tracing-beam","t":"Tracing beam","k":"motion","s":"aceternity","c":"motion/background","sb":"Beams and light","hc":1},{"id":"aceternity:container-scroll-animation","t":"Container scroll animation","k":"layout","s":"aceternity","c":"layout/scroll-area","hc":1},{"id":"aceternity:text-generate-effect","t":"Text generate effect","k":"motion","s":"aceternity","c":"motion/text-effect","hc":1},{"id":"aceternity:meteors","t":"Meteors","k":"motion","s":"aceternity","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"aceternity:card-stack","t":"Card stack","s":"aceternity","c":"media/card-stack","hc":1},{"id":"aceternity:moving-border","t":"Moving border","k":"motion","s":"aceternity","c":"motion/border","hc":1},{"id":"aceternity:lamp","t":"Lamp","k":"motion","s":"aceternity","c":"motion/background","sb":"Gradients and aurora","hc":1},{"id":"aceternity:sticky-scroll-reveal","t":"Sticky scroll reveal","k":"layout","s":"aceternity","c":"layout/scroll-area","hc":1},{"id":"aceternity:floating-navbar","t":"Floating navbar","s":"aceternity","c":"navigation/top-nav","sb":"Floating","hc":1},{"id":"aceternity:navbar-menu","t":"Navbar menu","s":"aceternity","c":"navigation/menu","hc":1},{"id":"aceternity:tailwindcss-buttons","t":"Tailwindcss buttons","s":"aceternity","c":"actions/button","hc":1},{"id":"aceternity:bento-grid","t":"Bento grid","k":"layout","s":"aceternity","c":"layout/bento-grid","hc":1},{"id":"aceternity:card-hover-effect","t":"Card hover effect","s":"aceternity","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"aceternity:google-gemini-effect","t":"Google gemini effect","k":"motion","s":"aceternity","c":"motion/background","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"aceternity:gooey-input","t":"Gooey input","s":"aceternity","c":"inputs/form-field","hc":1},{"id":"aceternity:typewriter-effect","t":"Typewriter effect","k":"motion","s":"aceternity","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"aceternity:background-boxes","t":"Background boxes","k":"motion","s":"aceternity","c":"motion/background","hc":1},{"id":"aceternity:3d-card","t":"3d card","s":"aceternity","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"hc":1},{"id":"aceternity:images-slider","t":"Images slider","s":"aceternity","c":"inputs/slider","hc":1},{"id":"aceternity:direction-aware-hover","t":"Direction aware hover","k":"motion","s":"aceternity","c":"motion/background","hc":1},{"id":"aceternity:tabs","t":"Tabs","s":"aceternity","c":"navigation/tabs","hc":1},{"id":"aceternity:hero-parallax","t":"Hero parallax","k":"layout","s":"aceternity","c":"layout/scroll-area","hc":1},{"id":"aceternity:wavy-background","t":"Wavy background","k":"motion","s":"aceternity","c":"motion/background","tg":["minimal"],"sb":"Noise and texture","sy":["minimal"],"hc":1},{"id":"aceternity:background-gradient","t":"Background gradient","k":"motion","s":"aceternity","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"aceternity:layout-grid","t":"Layout grid","k":"layout","s":"aceternity","c":"layout/bento-grid","hc":1},{"id":"aceternity:background-gradient-animation","t":"Background gradient animation","k":"motion","s":"aceternity","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"aceternity:macbook-scroll","t":"Macbook scroll","k":"layout","s":"aceternity","c":"layout/scroll-area","hc":1},{"id":"aceternity:input","t":"Input","s":"aceternity","c":"inputs/form-field","hc":1},{"id":"aceternity:label","t":"Label","s":"aceternity","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"aceternity:multi-step-loader","t":"Multi step loader","s":"aceternity","c":"status/loader","hc":1},{"id":"aceternity:globe","t":"Globe","k":"motion","s":"aceternity","c":"motion/globe","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"aceternity:aurora-background","t":"Aurora background","k":"motion","s":"aceternity","c":"motion/background","tg":["gradient"],"sb":"Gradients and aurora","sy":["gradient"],"hc":1},{"id":"aceternity:canvas-reveal-effect","t":"Canvas reveal effect","k":"motion","s":"aceternity","c":"motion/background","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"aceternity:hover-border-gradient","t":"Hover border gradient","k":"motion","s":"aceternity","c":"motion/border","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"aceternity:hero-highlight","t":"Hero highlight","k":"section","s":"aceternity","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"aceternity:vortex","t":"Vortex","k":"motion","s":"aceternity","c":"motion/background","tg":["minimal"],"sb":"Noise and texture","sy":["minimal"],"hc":1},{"id":"aceternity:wobble-card","t":"Wobble card","s":"aceternity","c":"data-display/card","hc":1},{"id":"aceternity:placeholders-and-vanish-input","t":"Placeholders and vanish input","s":"aceternity","c":"inputs/form-field","hc":1},{"id":"aceternity:flip-words","t":"Flip words","k":"motion","s":"aceternity","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"aceternity:link-preview","t":"Link preview","s":"aceternity","c":"actions/link","hc":1},{"id":"aceternity:glare-card","t":"Glare card","s":"aceternity","c":"data-display/card","hc":1},{"id":"aceternity:animated-modal","t":"Animated modal","s":"aceternity","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"aceternity:sidebar","t":"Sidebar","s":"aceternity","c":"navigation/sidebar","hc":1},{"id":"aceternity:apple-cards-carousel","t":"Apple cards carousel","s":"aceternity","c":"media/carousel","hc":1},{"id":"aceternity:shooting-stars","t":"Shooting stars","k":"motion","s":"aceternity","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"aceternity:stars-background","t":"Stars background","k":"motion","s":"aceternity","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"aceternity:compare","t":"Compare","k":"section","s":"aceternity","c":"marketing/comparison","hc":1},{"id":"aceternity:card-spotlight","t":"Card spotlight","s":"aceternity","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"aceternity:cover","t":"Cover","s":"aceternity","c":"other/other","hc":1},{"id":"aceternity:file-upload","t":"File upload","s":"aceternity","c":"inputs/file-upload","hc":1},{"id":"aceternity:floating-dock","t":"Floating dock","s":"aceternity","c":"navigation/dock","hc":1},{"id":"aceternity:focus-cards","t":"Focus cards","s":"aceternity","c":"data-display/card","hc":1},{"id":"aceternity:background-beams-with-collision","t":"Background beams with collision","k":"motion","s":"aceternity","c":"motion/background","sb":"Beams and light","hc":1},{"id":"aceternity:timeline","t":"Timeline","s":"aceternity","c":"data-display/timeline","hc":1},{"id":"aceternity:text-hover-effect","t":"Text hover effect","k":"motion","s":"aceternity","c":"motion/text-effect","hc":1},{"id":"aceternity:lens","t":"Lens","s":"aceternity","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"aceternity:background-lines","t":"Background lines","k":"motion","s":"aceternity","c":"motion/background","sb":"Beams and light","hc":1},{"id":"aceternity:animated-testimonials","t":"Animated testimonials","k":"section","s":"aceternity","c":"marketing/testimonials","hc":1},{"id":"aceternity:world-map","t":"World map","s":"aceternity","c":"data-viz/map","hc":1},{"id":"aceternity:code-block","t":"Code block","s":"aceternity","c":"data-display/code-block","hc":1},{"id":"aceternity:carousel","t":"Carousel","s":"aceternity","c":"media/carousel","hc":1},{"id":"aceternity:colourful-text","t":"Colourful text","k":"motion","s":"aceternity","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"aceternity:squiggly-text","t":"Squiggly text","k":"motion","s":"aceternity","c":"motion/text-effect","hc":1},{"id":"aceternity:magnetic-button","t":"Magnetic button","s":"aceternity","c":"actions/button","sb":"Animated","hc":1},{"id":"aceternity:notch","t":"Notch","s":"aceternity","c":"other/other","hc":1},{"id":"aceternity:spotlight-new","t":"Spotlight new","k":"motion","s":"aceternity","c":"motion/background","sb":"Beams and light","hc":1},{"id":"aceternity:glowing-effect","t":"Glowing effect","s":"aceternity","c":"other/other","tg":["neon"],"sy":["neon"],"hc":1},{"id":"aceternity:3d-marquee","t":"3d marquee","k":"motion","s":"aceternity","c":"motion/marquee","tg":["3d"],"sy":["3d"],"hc":1},{"id":"aceternity:container-text-flip","t":"Container text flip","k":"motion","s":"aceternity","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"aceternity:resizable-navbar","t":"Resizable navbar","s":"aceternity","c":"navigation/top-nav","hc":1},{"id":"aceternity:draggable-card","t":"Draggable card","s":"aceternity","c":"data-display/card","hc":1},{"id":"aceternity:sticky-banner","t":"Sticky banner","s":"aceternity","c":"overlays/alert-banner","hc":1},{"id":"aceternity:pointer-highlight","t":"Pointer highlight","k":"motion","s":"aceternity","c":"motion/cursor","hc":1},{"id":"aceternity:stateful-button","t":"Stateful button","s":"aceternity","c":"actions/button","sb":"Loading and states","hc":1},{"id":"aceternity:loader","t":"Loader","s":"aceternity","c":"status/loader","hc":1},{"id":"aceternity:image-generation-loader","t":"Image generation loader","s":"aceternity","c":"status/loader","hc":1},{"id":"aceternity:comet-card","t":"Comet card","s":"aceternity","c":"data-display/card","hc":1},{"id":"aceternity:background-ripple-effect","t":"Background ripple effect","k":"motion","s":"aceternity","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"aceternity:pixelated-canvas","t":"Pixelated canvas","k":"motion","s":"aceternity","c":"motion/background","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"aceternity:canvas-text","t":"Canvas text","k":"motion","s":"aceternity","c":"motion/text-effect","hc":1},{"id":"aceternity:layout-text-flip","t":"Layout text flip","k":"motion","s":"aceternity","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"aceternity:dotted-glow-background","t":"Dotted glow background","k":"motion","s":"aceternity","c":"motion/background","tg":["neon"],"sb":"Grids and patterns","sy":["neon"],"hc":1},{"id":"aceternity:tooltip-card","t":"Tooltip card","s":"aceternity","c":"overlays/tooltip","hc":1},{"id":"aceternity:encrypted-text","t":"Encrypted text","k":"motion","s":"aceternity","c":"motion/text-effect","hc":1},{"id":"aceternity:noise-background","t":"Noise background","k":"motion","s":"aceternity","c":"motion/background","sb":"Noise and texture","hc":1},{"id":"aceternity:dither-shader","t":"Dither shader","k":"motion","s":"aceternity","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"aceternity:cloud-shader","t":"Cloud shader","k":"motion","s":"aceternity","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"aceternity:chromatic-image","t":"Chromatic image","s":"aceternity","c":"media/gallery","hc":1},{"id":"aceternity:webcam-pixel-grid","t":"Webcam pixel grid","k":"motion","s":"aceternity","c":"motion/background","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"aceternity:images-badge","t":"Images badge","s":"aceternity","c":"data-display/badge","hc":1},{"id":"aceternity:keyboard","t":"Keyboard","s":"aceternity","c":"data-display/badge","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aceternity:terminal","t":"Terminal","s":"aceternity","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"aceternity:3d-globe","t":"3d globe","k":"motion","s":"aceternity","c":"motion/globe","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"aceternity:ascii-art","t":"Ascii art","k":"motion","s":"aceternity","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"aceternity:scales","t":"Scales","s":"aceternity","c":"data-display/stat","hc":1},{"id":"aceternity:text-flipping-board","t":"Text flipping board","s":"aceternity","c":"data-display/kanban","hc":1},{"id":"aceternity:cards-demo-1","t":"Cards demo #1","d":"Background Overlay Card","s":"aceternity","c":"data-display/card","hc":1},{"id":"aceternity:cards-demo-2","t":"Cards demo #2","d":"Content Card","s":"aceternity","c":"data-display/card","hc":1},{"id":"aceternity:cards-demo-3","t":"Cards demo #3","d":"Feature Block Animated Card","s":"aceternity","c":"data-display/card","hc":1},{"id":"aceternity:expandable-card-on-click","t":"Expandable card on click","d":"Expandable Card On Click","s":"aceternity","c":"data-display/card"},{"id":"aceternity:features-section-demo-1","t":"Features section demo 1","d":"Simple with card gradient","k":"section","s":"aceternity","c":"marketing/features","tg":["gradient","minimal"],"sy":["gradient","minimal"],"hc":1},{"id":"aceternity:features-section-demo-2","t":"Features section demo 2","d":"Simple with hover effects","k":"section","s":"aceternity","c":"marketing/features","tg":["minimal"],"sb":"Comparison","sy":["minimal"],"hc":1},{"id":"aceternity:features-section-demo-3","t":"Features section demo 3","d":"Bento Grid","k":"section","s":"aceternity","c":"marketing/features","sb":"Comparison","hc":1},{"id":"aceternity:features-with-sticky-scroll","t":"Features with sticky scroll","d":"Features with sticky scroll","k":"section","s":"aceternity","c":"marketing/features","sb":"Comparison"},{"id":"aceternity:hero-with-centered-image","t":"Hero with centered image","d":"Hero With Centered Image","k":"section","s":"aceternity","c":"marketing/hero","sb":"Animated background"},{"id":"aceternity:modern-hero-with-gradients","t":"Modern hero with gradients","d":"Modern Hero With Gradients","k":"section","s":"aceternity","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"aceternity:two-column-with-image","t":"Two column with image","d":"Two Column With Image","s":"aceternity","c":"media/gallery"},{"id":"aceternity:full-background-image-with-text","t":"Full background image with text","d":"Full Background Image With Text","s":"aceternity","c":"media/gallery"},{"id":"aceternity:centered-around-testimonials","t":"Centered around testimonials","d":"Centered Around Testimonials","k":"section","s":"aceternity","c":"marketing/testimonials"},{"id":"aceternity:hero-section-with-images-grid-and-navbar","t":"Hero section with images grid and navbar","d":"Hero Section With Images Grid and Navbar","k":"section","s":"aceternity","c":"marketing/hero","sb":"Animated background"},{"id":"aceternity:hero-section-with-beams-and-grid","t":"Hero section with beams and grid","d":"Hero Section With Beams and Grid","k":"section","s":"aceternity","c":"marketing/hero","sb":"Animated background"},{"id":"aceternity:hero-section-with-noise-background","t":"Hero section with noise background","d":"Hero Section With Noise Background","k":"section","s":"aceternity","c":"marketing/hero","sb":"Animated background"},{"id":"aceternity:logo-cloud-marquee","t":"Logo cloud marquee","d":"Logo Cloud Marquee","k":"section","s":"aceternity","c":"marketing/logos"},{"id":"aceternity:logos-with-blur-flip","t":"Logos with blur flip","d":"Logos With Blur Flip","k":"resource","s":"aceternity","c":"assets/logo"},{"id":"aceternity:spotlight-logo-cloud","t":"Spotlight logo cloud","d":"Spotlight Logo Cloud","k":"section","s":"aceternity","c":"marketing/logos"},{"id":"aceternity:three-column-bento-grid","t":"Three column bento grid","d":"Three Column Bento Grid","k":"layout","s":"aceternity","c":"layout/bento-grid","tg":["webgl"],"sy":["webgl"]},{"id":"aceternity:three-columns-with-images","t":"Three columns with images","d":"Three Columns With Images","k":"motion","s":"aceternity","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"aceternity:bento-grid-example-three","t":"Bento grid example three","d":"Bento Grid Example Three","k":"motion","s":"aceternity","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"aceternity:simple-cta-with-images","t":"Simple cta with images","d":"Simple CTA With Images","k":"section","s":"aceternity","c":"marketing/cta","tg":["minimal"],"sy":["minimal"]},{"id":"aceternity:cta-with-masonry-images","t":"Cta with masonry images","d":"CTA With Masonry Images","k":"section","s":"aceternity","c":"marketing/cta"},{"id":"aceternity:cta-centered-masonry-gallery","t":"Cta centered masonry gallery","d":"CTA Centered Masonry Gallery","s":"aceternity","c":"media/gallery","sb":"Masonry"},{"id":"aceternity:cta-with-background-noise","t":"Cta with background noise","d":"CTA With Background Noise","k":"section","s":"aceternity","c":"marketing/cta"},{"id":"aceternity:cta-with-centered-text","t":"Cta with centered text","d":"CTA With Centered Text","k":"section","s":"aceternity","c":"marketing/cta"},{"id":"aceternity:cta-with-dashed-grid-lines","t":"Cta with dashed grid lines","d":"CTA With Dashed Grid Lines","k":"section","s":"aceternity","c":"marketing/cta"},{"id":"aceternity:cta-with-right-gradient-and-animation","t":"Cta with right gradient and animation","d":"CTA With Right Gradient And Animation","k":"section","s":"aceternity","c":"marketing/cta","tg":["gradient"],"sy":["gradient"]},{"id":"aceternity:testimonials-grid-with-centered-carousel","t":"Testimonials grid with centered carousel","d":"Testimonials Grid With Centered Carousel","k":"section","s":"aceternity","c":"marketing/testimonials"},{"id":"aceternity:testimonials-marquee-grid","t":"Testimonials marquee grid","d":"Testimonials Marquee Grid","k":"section","s":"aceternity","c":"marketing/testimonials"},{"id":"aceternity:testimonials-marquee-grid-boxed","t":"Testimonials marquee grid boxed","d":"Two-row testimonial marquee with framed section and bordered cards","k":"section","s":"aceternity","c":"marketing/testimonials"},{"id":"aceternity:testimonials-masonry-grid","t":"Testimonials masonry grid","d":"Testimonials Masonry Grid","k":"section","s":"aceternity","c":"marketing/testimonials"},{"id":"aceternity:simple-pricing-with-three-tiers","t":"Simple pricing with three tiers","d":"Simple Pricing With Three Tiers","k":"section","s":"aceternity","c":"marketing/pricing","tg":["minimal","webgl"],"sb":"Comparison tables","sy":["minimal","webgl"]},{"id":"aceternity:pricing-with-switch","t":"Pricing with switch","d":"Pricing With Switch","k":"section","s":"aceternity","c":"marketing/pricing","sb":"Comparison tables"},{"id":"aceternity:pricing-with-switch-and-add-on","t":"Pricing with switch and add on","d":"Pricing With Switch And Add On","k":"section","s":"aceternity","c":"marketing/pricing","sb":"Comparison tables"},{"id":"aceternity:pricing-minimal","t":"Pricing minimal","d":"Minimal Pricing with Enterprise Section","k":"section","s":"aceternity","c":"marketing/pricing","tg":["minimal"],"sb":"Comparison tables","sy":["minimal"]},{"id":"aceternity:simple-navbar-with-hover-effects","t":"Simple navbar with hover effects","d":"Simple Navbar With Hover Effects","s":"aceternity","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"aceternity:navbar-with-children","t":"Navbar with children","d":"Navbar With Children","s":"aceternity","c":"navigation/top-nav"},{"id":"aceternity:simple-footer-with-four-grids","t":"Simple footer with four grids","d":"Simple Footer With Four Grids","k":"section","s":"aceternity","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"aceternity:footer-with-grid","t":"Footer with grid","d":"Footer With Grid","k":"section","s":"aceternity","c":"marketing/footer"},{"id":"aceternity:footer-with-big-text","t":"Footer with big text","d":"Footer With Big Text","k":"section","s":"aceternity","c":"marketing/footer"},{"id":"aceternity:centered-with-logo","t":"Centered with logo","d":"Centered With Logo","k":"resource","s":"aceternity","c":"assets/logo","sb":"Dev tools"},{"id":"aceternity:registration-form-with-images","t":"Registration form with images","d":"Registration Form With Images","s":"aceternity","c":"inputs/form-field","sb":"Whole forms"},{"id":"aceternity:login-with-socials-and-email","t":"Login with socials and email","d":"Login With Socials And Email","k":"layout","s":"aceternity","c":"flows/sign-in","sb":"Social"},{"id":"aceternity:login-signup-minimal","t":"Login signup minimal","d":"Login Signup Minimal","k":"layout","s":"aceternity","c":"flows/sign-in","tg":["minimal"],"sb":"Sign up","sy":["minimal"]},{"id":"aceternity:premium-auth-split","t":"Premium auth split","d":"Premium Auth Split with WebGL Shader","k":"layout","s":"aceternity","c":"flows/sign-in","tg":["webgl"],"sb":"Split with image","sy":["webgl"]},{"id":"aceternity:contact-form-grid-with-details","t":"Contact form grid with details","d":"Contact Form Grid With Details","k":"section","s":"aceternity","c":"marketing/marketing","sb":"Contact"},{"id":"aceternity:simple-centered-contact-form","t":"Simple centered contact form","d":"Simple Centered Contact Form","k":"section","s":"aceternity","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"]},{"id":"aceternity:blog-with-search","t":"Blog with search","d":"Blog With Search","k":"section","s":"aceternity","c":"marketing/marketing","sb":"Blog and posts"},{"id":"aceternity:blog-with-search-magazine","t":"Blog with search magazine","d":"Blog With Search — magazine layout with cover story and card grid","k":"section","s":"aceternity","c":"marketing/marketing","sb":"Blog and posts"},{"id":"aceternity:blog-with-categories","t":"Blog with categories","d":"Blog listing with three featured cards and a denser four-column grid below, category label","k":"section","s":"aceternity","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"aceternity:simple-blog-with-grid","t":"Simple blog with grid","d":"Simple Blog With Grid","k":"section","s":"aceternity","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"]},{"id":"aceternity:playful-hero-section","t":"Playful hero section","d":"Playful Hero Section","k":"section","s":"aceternity","c":"marketing/hero","tg":["playful"],"sb":"Animated background","sy":["playful"]},{"id":"aceternity:frequently-asked-questions-accordion","t":"Frequently asked questions accordion","d":"Frequently Asked Questions Accordion","s":"aceternity","c":"data-display/accordion","sb":"FAQ"},{"id":"aceternity:simple-faqs-with-background","t":"Simple faqs with background","d":"Simple FAQs With Background","k":"section","s":"aceternity","c":"marketing/faq","tg":["minimal"],"sy":["minimal"]},{"id":"aceternity:faqs-with-grid","t":"Faqs with grid","d":"Faqs With Grid","k":"section","s":"aceternity","c":"marketing/faq"},{"id":"aceternity:simple-sidebar-with-hover","t":"Simple sidebar with hover","d":"Simple Sidebar With Hover","s":"aceternity","c":"navigation/sidebar","tg":["minimal"],"sy":["minimal"]},{"id":"aceternity:collapsible-sidebar","t":"Collapsible sidebar","d":"Collapsible Sidebar","s":"aceternity","c":"navigation/sidebar"},{"id":"aceternity:grouped-sidebar","t":"Grouped sidebar","d":"Grouped Sidebar with Collapsible Groups and Persistent State","s":"aceternity","c":"navigation/sidebar"},{"id":"aceternity:blog-content-centered","t":"Blog content centered","d":"Blog Content Centered","k":"section","s":"aceternity","c":"marketing/marketing","sb":"Blog and posts"},{"id":"aceternity:blog-content-with-toc","t":"Blog content with toc","d":"Blog Content With Toc","k":"section","s":"aceternity","c":"marketing/marketing","sb":"Blog and posts"},{"id":"aceternity:stats-for-changelog","t":"Stats for changelog","d":"Stats For Changelog","k":"section","s":"aceternity","c":"marketing/marketing","sb":"Stats"},{"id":"aceternity:stats-with-number-ticker","t":"Stats with number ticker","d":"Stats With Number Ticker","s":"aceternity","c":"data-display/stat"},{"id":"aceternity:stats-with-grid-background","t":"Stats with grid background","d":"Stats With Grid Background","s":"aceternity","c":"data-display/stat"},{"id":"aceternity:stats-with-gradient","t":"Stats with gradient","d":"Stats With Gradient","s":"aceternity","c":"data-display/stat","tg":["gradient"],"sy":["gradient"]},{"id":"aceternity:background-with-full-video","t":"Background with full video","d":"Background With Full Video","k":"motion","s":"aceternity","c":"motion/background","sb":"Image and video"},{"id":"aceternity:background-lines","t":"Background lines","d":"Background Lines","k":"motion","s":"aceternity","c":"motion/background","sb":"Beams and light","hc":1},{"id":"aceternity:background-with-shooting-stars","t":"Background with shooting stars","d":"Background With Shooting Stars","k":"motion","s":"aceternity","c":"motion/background","sb":"Particles and stars"},{"id":"aceternity:background-dots","t":"Background dots","d":"Background Dots","k":"motion","s":"aceternity","c":"motion/background","sb":"Grids and patterns"},{"id":"aceternity:background-dots-masked","t":"Background dots masked","d":"Background Dots Masked","k":"motion","s":"aceternity","c":"motion/background","sb":"Grids and patterns"},{"id":"aceternity:background-dots-masked-vertical","t":"Background dots masked vertical","d":"Background Dots Masked Vertical","k":"motion","s":"aceternity","c":"motion/background","sb":"Grids and patterns"},{"id":"aceternity:background-grid-with-dots","t":"Background grid with dots","d":"Background Grid with Dots","k":"motion","s":"aceternity","c":"motion/background","sb":"Grids and patterns"},{"id":"aceternity:background-grid-with-dots-and-animations","t":"Background grid with dots and animations","d":"Background Grid with Dots and Animations","k":"motion","s":"aceternity","c":"motion/background","sb":"Grids and patterns"},{"id":"aceternity:background-with-skewed-rectangles","t":"Background with skewed rectangles","d":"Background With Skewed Rectangles","k":"motion","s":"aceternity","c":"motion/background"},{"id":"aceternity:background-with-skewed-lines","t":"Background with skewed lines","d":"Background With Skewed Lines","k":"motion","s":"aceternity","c":"motion/background","sb":"Beams and light"},{"id":"aceternity:background-noise-grid","t":"Background noise grid","d":"Background Noise Grid","k":"motion","s":"aceternity","c":"motion/background","sb":"Grids and patterns"},{"id":"aceternity:text-animation-flipping-words-demo","t":"Text animation flipping words demo","d":"Text Animation Flipping Words Demo","k":"motion","s":"aceternity","c":"motion/text-effect","sb":"Rotating words"},{"id":"aceternity:text-animation-typewriter-effect-demo","t":"Text animation typewriter effect demo","d":"Text Animation Typewriter Effect Demo","k":"motion","s":"aceternity","c":"motion/text-effect","sb":"Typewriter"},{"id":"aceternity:text-animation-blur-fade-in-demo","t":"Text animation blur fade in demo","d":"Text Animation Blur Fade In Demo","k":"motion","s":"aceternity","c":"motion/text-effect","sb":"Reveal and entrance"},{"id":"aceternity:text-generate-typewriter","t":"Text generate typewriter","d":"Text Generate Typewriter with Keyboard Sounds","k":"motion","s":"aceternity","c":"motion/text-effect","sb":"Typewriter"},{"id":"aceternity:login-form-with-gradient","t":"Login form with gradient","d":"Login Form With Gradient","k":"layout","s":"aceternity","c":"flows/sign-in","tg":["gradient"],"sb":"Sign in","sy":["gradient"]},{"id":"aceternity:navbar-classic","t":"Navbar classic","d":"Classic navbar with search","s":"aceternity","c":"navigation/top-nav"},{"id":"aceternity:navbar-mega","t":"Navbar mega","d":"Navbar with Mega Menu and Hover Effects","s":"aceternity","c":"navigation/top-nav","sb":"Mega menus"},{"id":"aceternity:navbar-dark-shadow","t":"Navbar dark shadow","d":"Dark navbar with ridge shadows, dropdown mega menu with blog panel, and light/dark mode","s":"aceternity","c":"navigation/top-nav"},{"id":"aceternity:navbar-pill","t":"Navbar pill","d":"Navbar with Pills and tabs","s":"aceternity","c":"data-display/badge","sb":"Tags and pills"},{"id":"aceternity:navbar-underline","t":"Navbar underline","d":"Navbar with Underline and hover effects","s":"aceternity","c":"navigation/top-nav"},{"id":"aceternity:masonry-bento-grid-with-images","t":"Masonry bento grid with images","d":"Masonry Bento Grid With Images, useful for showcasing brands or products","s":"aceternity","c":"media/gallery","sb":"Masonry"},{"id":"aceternity:minimal-hero-section-with-parallax-images","t":"Minimal hero section with parallax images","d":"Minimal Hero Section With Parallax Images, images are displayed on top of each other with ","k":"section","s":"aceternity","c":"marketing/hero","tg":["minimal"],"sb":"Animated background","sy":["minimal"]},{"id":"aceternity:hero-with-image-and-scales","t":"Hero with image and scales","d":"A modern hero section with image and scales. Incorporates tailwind's blue 500 variant of c","k":"section","s":"aceternity","c":"marketing/hero","sb":"With product shot"},{"id":"aceternity:logo-cloud-with-blur-animation","t":"Logo cloud with blur animation","d":"A collection of 6 logos of modern companies, animation is staggered and logos are aligned ","k":"section","s":"aceternity","c":"marketing/logos"},{"id":"aceternity:logo-cloud-with-swap-animation","t":"Logo cloud with swap animation","d":"A logo cloud with 10 logos in a 5x2 grid that swap every 3 seconds. Logos animate horizont","k":"section","s":"aceternity","c":"marketing/logos"},{"id":"aceternity:single-row-logo-cloud","t":"Single row logo cloud","d":"A single row logo cloud with 5 logos that flips in an interval.","k":"section","s":"aceternity","c":"marketing/logos"},{"id":"aceternity:logo-cloud-multiple-rows","t":"Logo cloud multiple rows","d":"A four-row logo cloud with mixed filled and empty tiles that scroll in opposite directions","s":"aceternity","c":"data-display/list","sb":"Activity and feeds"},{"id":"aceternity:features-grid-with-large-skeletons","t":"Features grid with large skeletons","d":"A grid of 3 with micro-interactions and animations. Title and descriptions are flex row al","k":"section","s":"aceternity","c":"marketing/features","tg":["3d"],"sb":"Comparison","sy":["3d"]},{"id":"aceternity:pricing-page-with-featured-and-enterprise","t":"Pricing page with featured and enterprise","d":"Pricing Page With Featured And Enterprise. This pricing page is designed to showcase the f","k":"section","s":"aceternity","c":"marketing/pricing","sb":"Comparison tables"},{"id":"aceternity:bento-grid-with-skeletons","t":"Bento grid with skeletons","d":"A grid of 6 with skeletons, title and descriptions. Skeletons are modern and designed to b","k":"layout","s":"aceternity","c":"layout/bento-grid","tg":["minimal"],"sy":["minimal"]},{"id":"aceternity:dot-distortion-shader","t":"Dot distortion shader","d":"A dot distortion shader for creating dynamic background effects.","k":"motion","s":"aceternity","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"aceternity:lines-gradient-shader","t":"Lines gradient shader","d":"A lines gradient shader for creating animated gradient backgrounds.","k":"motion","s":"aceternity","c":"motion/shader","tg":["gradient","webgl"],"sy":["gradient","webgl"]},{"id":"aceternity:spotlight-shader","t":"Spotlight shader","d":"A spotlight shader for creating dynamic spotlight background effects with customizable pos","k":"motion","s":"aceternity","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"aceternity:hero-with-background-and-navbar","t":"Hero with background and navbar","d":"Hero With Background And Navbar","k":"section","s":"aceternity","c":"marketing/hero","sb":"Animated background"},{"id":"aceternity:hero-section-with-multi-color-background","t":"Hero section with multi color background","d":"Hero Section With Multi Color Background","k":"section","s":"aceternity","c":"marketing/hero","sb":"Animated background"},{"id":"aceternity:hero-section-with-infinite-scroll-cards","t":"Hero section with infinite scroll cards","d":"Hero Section With Infinite Scroll Cards","k":"section","s":"aceternity","c":"marketing/hero","sb":"Animated background"},{"id":"aceternity:testimonials-background-with-drag","t":"Testimonials background with drag","d":"Testimonials Background With Drag","k":"section","s":"aceternity","c":"marketing/testimonials"},{"id":"aceternity:hero-section-with-flickering-lights","t":"Hero section with flickering lights","d":"Hero Section With Flickering Lights","k":"section","s":"aceternity","c":"marketing/hero","sb":"Animated background"},{"id":"aceternity:hero-section-with-tabs","t":"Hero section with tabs","d":"Hero Section With Tabs","k":"section","s":"aceternity","c":"marketing/hero","sb":"Animated background"},{"id":"aceternity:hero-section-with-mesh-gradient","t":"Hero section with mesh gradient","d":"Hero Section With Mesh Gradient","k":"section","s":"aceternity","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"aceternity:hero-section-with-shadow-and-scales","t":"Hero section with shadow and scales","d":"Hero Section With Shadow and Scales","k":"section","s":"aceternity","c":"marketing/hero"},{"id":"aceternity:hero-section-with-dither-background","t":"Hero section with dither background","d":"Hero Section With Dither Background","k":"section","s":"aceternity","c":"marketing/hero"},{"id":"aceternity:hero-with-dither-shader","t":"Hero with dither shader","d":"Hero with animated dither shader background, scale bands, product screenshot, and logo rai","k":"section","s":"aceternity","c":"marketing/hero","tg":["webgl"],"sb":"Animated background","sy":["webgl"]},{"id":"aceternity:hero-with-framed-image-and-logos","t":"Hero with framed image and logos","d":"Hero with hatch scale bands, corner frames, split copy and image, and a logo rail","k":"resource","s":"aceternity","c":"assets/logo"},{"id":"aceternity:hero-with-chat-input","t":"Hero with chat input","d":"Hero with navbar, large chat-style prompt textarea, action bar, and sample work grid","s":"aceternity","c":"ai-agent/composer","tg":["animated"],"sy":["animated"]},{"id":"aceternity:testimonials-with-carousel","t":"Testimonials with carousel","d":"Testimonials With Carousel","k":"section","s":"aceternity","c":"marketing/testimonials"},{"id":"aceternity:testimonials-with-centered-highlight","t":"Testimonials with centered highlight","d":"Testimonials grid with title, subtitle, and optional centered highlight card","k":"section","s":"aceternity","c":"marketing/testimonials"},{"id":"aceternity:testimonials-photo-carousel","t":"Testimonials photo carousel","d":"Full-bleed portrait testimonial carousel with hover-expand quotes","s":"aceternity","c":"media/carousel"},{"id":"aceternity:testimonials-photo-carousel-tall","t":"Testimonials photo carousel tall","d":"Equal-width portrait testimonial carousel where the active card grows in height","s":"aceternity","c":"media/carousel"},{"id":"aceternity:features-section-with-skeletons","t":"Features section with skeletons","d":"Features Section With Skeletons","k":"section","s":"aceternity","c":"marketing/features","sb":"Comparison"},{"id":"aceternity:chat-conversation","t":"Chat conversation","d":"Chat Conversation","s":"aceternity","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"aceternity:folder-with-files","t":"Folder with files","d":"Folder With Files","k":"section","s":"aceternity","c":"marketing/marketing"},{"id":"aceternity:collaborative-cursors","t":"Collaborative cursors","d":"Collaborative Cursors","k":"motion","s":"aceternity","c":"motion/cursor"},{"id":"aceternity:testimonials-hover-illustration","t":"Testimonials hover illustration","d":"Testimonials Hover Illustration","k":"resource","s":"aceternity","c":"assets/illustration"},{"id":"aceternity:contact-section-with-shader","t":"Contact section with shader","d":"Contact Section With Shader Background and Rotating Testimonials","k":"section","s":"aceternity","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"aceternity:contact-with-dither-image","t":"Contact with dither image","d":"Contact section with dithered landscape background, testimonial card, and split form","k":"section","s":"aceternity","c":"marketing/marketing","sb":"Contact"},{"id":"aceternity:team-section-with-scales","t":"Team section with scales","d":"Team Section With Scales","k":"section","s":"aceternity","c":"marketing/team"},{"id":"aceternity:team-section-with-light-background","t":"Team section with light background","d":"Team Section With Light Background","k":"section","s":"aceternity","c":"marketing/team"},{"id":"aceternity:team-section-with-small-avatars","t":"Team section with small avatars","d":"Team Section With Small Avatars","k":"section","s":"aceternity","c":"marketing/team"},{"id":"aceternity:team-section-with-timeline-cards","t":"Team section with timeline cards","d":"Team Section With Timeline Cards","k":"section","s":"aceternity","c":"marketing/team"},{"id":"aceternity:empty-state-vertical-grid","t":"Empty state vertical grid","d":"Full-height empty state on a dotted canvas with three image cards for choosing how to star","s":"aceternity","c":"data-display/empty-state","tg":["webgl"],"sy":["webgl"]},{"id":"aceternity:empty-state-with-cards","t":"Empty state with cards","d":"Empty project state with corner grid lines, CTAs, and fanned template thumbnails","s":"aceternity","c":"data-display/empty-state"},{"id":"aceternity:empty-state-with-pictures","t":"Empty state with pictures","d":"Centered empty state with stacked photo frames and gentle motion","s":"aceternity","c":"data-display/empty-state"},{"id":"aceternity:empty-state-with-draggable-cards","t":"Empty state with draggable cards","d":"Empty hiring-style layout with a swipeable card deck above primary actions","s":"aceternity","c":"data-display/empty-state"},{"id":"aceternity:empty-state-with-stacked-cards","t":"Empty state with stacked cards","d":"Soft panel empty state with overlapping template previews and doc link","s":"aceternity","c":"data-display/empty-state"},{"id":"aceternity:feature-section-bento-skeletons","t":"Feature section bento skeletons","d":"Bento Grid Feature Section With Animated Skeletons","k":"section","s":"aceternity","c":"marketing/features","sb":"Bento"},{"id":"aceternity:uptime-status-illustration","t":"Uptime status illustration","d":"Interactive Uptime Status Illustration","k":"resource","s":"aceternity","c":"assets/illustration"},{"id":"aceternity:rotating-tabs-with-text","t":"Rotating tabs with text","d":"Rotating Notification Cards with Stacked Animation","s":"aceternity","c":"navigation/tabs"},{"id":"aceternity:flipping-images-with-bar","t":"Flipping images with bar","d":"Animated Image Carousel with Scanning Bar Reveal and Sparkle Effects","s":"aceternity","c":"media/gallery"},{"id":"aceternity:isometric-box","t":"Isometric box","d":"Minimal Isometric Box Illustration with Hover Animation","k":"resource","s":"aceternity","c":"assets/illustration","tg":["minimal"],"sy":["minimal"]},{"id":"aceternity:features-with-isometric-blocks","t":"Features with isometric blocks","d":"Feature cards with animated isometric box illustrations","k":"section","s":"aceternity","c":"marketing/features"},{"id":"aceternity:features-with-stacked-isometric-boxes","t":"Features with stacked isometric boxes","d":"Feature section with stacked isometric boxes and autoplay animation","k":"section","s":"aceternity","c":"marketing/features"},{"id":"aceternity:macbook-illustration","t":"Macbook illustration","d":"Interactive MacBook illustration with lid animation and Dynamic Island","k":"resource","s":"aceternity","c":"assets/illustration"},{"id":"aceternity:iphone-illustration","t":"Iphone illustration","d":"Interactive iPhone illustration with Dynamic Island animation","k":"resource","s":"aceternity","c":"assets/illustration"},{"id":"aceternity:dynamic-island","t":"Dynamic island","d":"Animated Dynamic Island with customizable idle, loading, and processed states","s":"aceternity","c":"status/loader"},{"id":"aceternity:ipad-illustration","t":"Ipad illustration","d":"Interactive iPad illustration with Dynamic Island animation","k":"resource","s":"aceternity","c":"assets/illustration"},{"id":"aceternity:bento-grid-illustrations","t":"Bento grid illustrations","d":"Bento grid showcasing MacBook, iPhone, iPad, and Dynamic Island illustrations","k":"resource","s":"aceternity","c":"assets/illustration"},{"id":"aceternity:world-map-illustration","t":"World map illustration","d":"Interactive world map with dotted continents and customizable location pins with avatars","k":"resource","s":"aceternity","c":"assets/illustration"},{"id":"aceternity:keyboard-illustration","t":"Keyboard illustration","d":"Mini Mac keyboard illustration with blue hover glow and size variants","k":"resource","s":"aceternity","c":"assets/illustration","tg":["neon"],"sy":["neon"]},{"id":"aceternity:simple-login-with-grid-lines","t":"Simple login with grid lines","d":"Simple login form with dashed grid lines border decoration","k":"layout","s":"aceternity","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"]},{"id":"aceternity:animated-beam-path-illustration","t":"Animated beam path illustration","d":"Animated beam path illustration with glowing SVG animation following a dotted path","k":"resource","s":"aceternity","c":"assets/illustration","tg":["neon"],"sy":["neon"]},{"id":"aceternity:multi-illustration-bento","t":"Multi illustration bento","d":"Multi-illustration bento grid with world map, keyboard, and login skeletons","k":"resource","s":"aceternity","c":"assets/illustration"},{"id":"aceternity:feature-section-with-vertical-grids","t":"Feature section with vertical grids","d":"Feature section with vertical grid layout, animated skeletons including login form, world ","k":"section","s":"aceternity","c":"marketing/features","sb":"Grid of cards"},{"id":"aceternity:feature-section-with-horizontal-skeletons","t":"Feature section with horizontal skeletons","d":"Feature section with horizontal device skeletons (iPhone, MacBook, iPad) with animated bea","k":"section","s":"aceternity","c":"marketing/features"},{"id":"aceternity:feature-section-with-centered-skeleton","t":"Feature section with centered skeleton","d":"Three-column feature section with icon-led copy on the sides and a centered showcase area ","k":"section","s":"aceternity","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"aceternity:feature-section-with-terminal","t":"Feature section with terminal","d":"Feature section with animated terminal and expandable feature tabs","k":"section","s":"aceternity","c":"marketing/features","tg":["retro and HUD"],"sb":"Comparison","sy":["retro and HUD"]},{"id":"aceternity:box-illustration","t":"Box illustration","d":"Interactive box illustration with popout cards on hover","k":"resource","s":"aceternity","c":"assets/illustration"},{"id":"aceternity:feature-with-inline-icons","t":"Feature with inline icons","d":"Minimal feature grid with inline icons and responsive separators","k":"section","s":"aceternity","c":"marketing/features","tg":["minimal"],"sb":"Comparison","sy":["minimal"]},{"id":"aceternity:features-with-hover-and-text-animation","t":"Features with hover and text animation","d":"Feature grid with hover-driven headline and Motion text swap, responsive cell dividers","k":"section","s":"aceternity","c":"marketing/features"},{"id":"aceternity:pricing-with-header-and-icons","t":"Pricing with header and icons","d":"Data-driven pricing cards with featured plan styling and dark mode support","k":"section","s":"aceternity","c":"marketing/pricing","sb":"Comparison tables"},{"id":"aceternity:pricing-with-icons","t":"Pricing with icons","d":"Three-tier pricing cards with colorful icons on each limit row","k":"section","s":"aceternity","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"aceternity:hero-section-with-mousemove","t":"Hero section with mousemove","d":"Hero section with hover highlight showing element dimensions and sliding number animation","k":"section","s":"aceternity","c":"marketing/hero","sb":"Animated background"},{"id":"aceternity:macbook-illustration-with-icons","t":"Macbook illustration with icons","d":"MacBook illustration with floating icon cards on hover","k":"resource","s":"aceternity","c":"assets/illustration"},{"id":"aceternity:text-highlight-illustration","t":"Text highlight illustration","d":"Story text with animated highlight reveal and floating formatting toolbar","k":"resource","s":"aceternity","c":"assets/illustration"},{"id":"aceternity:meeting-illustration","t":"Meeting illustration","d":"Meeting confirmation card with highlighted time, avatar, and join or reschedule actions","k":"resource","s":"aceternity","c":"assets/illustration"},{"id":"aceternity:inline-icon-illustration","t":"Inline icon illustration","d":"Headline with inline logo badge, periodic wiggle, and dashed connector to icon callouts","k":"resource","s":"aceternity","c":"assets/illustration"},{"id":"aceternity:slider-illustration","t":"Slider illustration","d":"Pricing copy with inline badge, text highlights, and draggable slider with floating segmen","k":"resource","s":"aceternity","c":"assets/illustration"},{"id":"aceternity:draggable-cards","t":"Draggable cards","d":"Swipeable stack of profile cards with spring physics; flick cards off the deck and they cy","s":"aceternity","c":"data-display/card"},{"id":"aceternity:faqs-with-dashed-lines","t":"Faqs with dashed lines","d":"FAQs With Dashed Lines and Accordion","k":"section","s":"aceternity","c":"marketing/faq"},{"id":"aceternity:dither-features","t":"Dither features","d":"Feature section with dithered image backdrop, tabbed content cards, and chat conversation ","k":"section","s":"aceternity","c":"marketing/features","sb":"Comparison"},{"id":"aceternity:multicolored-features","t":"Multicolored features","d":"Feature section with YouTube creator highlights, multicolor gradient rows, thumbnails, and","k":"section","s":"aceternity","c":"marketing/features","tg":["gradient"],"sy":["gradient"]},{"id":"aceternity:features-with-accordion-and-image","t":"Features with accordion and image","d":"Feature section with accordion list, CTAs, and a cinematic image preview with floating ass","k":"section","s":"aceternity","c":"marketing/features","sb":"Showcase and split"},{"id":"aceternity:multi-level-features-with-illustrations","t":"Multi level features with illustrations","d":"Feature section with sticky nav, scroll-spy feature levels, and landscape illustration pan","k":"resource","s":"aceternity","c":"assets/illustration"},{"id":"aceternity:three-column-features-with-image","t":"Three column features with image","d":"Three-column feature section with pipeline UI, lifestyle image, and CRM activity timeline","k":"section","s":"aceternity","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"aceternity:features-with-square-edges","t":"Features with square edges","d":"Three-column feature section with square-edged cards, corner marks, and AI note-taking UI ","k":"section","s":"aceternity","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"aceternity:hero-section-with-hub","t":"Hero section with hub","d":"Centered SaaS hero with pill CTAs and a hub-and-spoke tool diagram","k":"section","s":"aceternity","c":"marketing/hero","sb":"Animated background"},{"id":"aceternity:minimal-hero-with-huge-interactions","t":"Minimal hero with huge interactions","d":"Minimal hero with navbar, CTAs, and a large tabbed product window","k":"section","s":"aceternity","c":"marketing/hero","tg":["minimal"],"sb":"Animated background","sy":["minimal"]},{"id":"aceternity:hero-with-fluid-gradient-and-planner","t":"Hero with fluid gradient and planner","d":"Hero with a drifting fluid gradient, navbar, mode toggle, trip prompt input, and a partner","k":"section","s":"aceternity","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"aceternity:feature-grid-with-minimal-illustrations","t":"Feature grid with minimal illustrations","d":"Three-column feature grid with laptop, phone, and tablet illustrations","k":"resource","s":"aceternity","c":"assets/illustration","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"aceternity:feature-grid-with-motion-and-tabs","t":"Feature grid with motion and tabs","d":"Three-step feature grid with auto-advancing tabs and animated visuals","k":"section","s":"aceternity","c":"marketing/features","tg":["webgl"],"sb":"Tabs","sy":["webgl"]},{"id":"aceternity:feature-grid-with-illustrations-and-bento","t":"Feature grid with illustrations and bento","d":"Six-card bento grid with detailed animated illustrations","k":"resource","s":"aceternity","c":"assets/illustration"},{"id":"aceternity:about-us-section-with-cards","t":"About us section with cards","d":"About us section with a fan of draggable photo cards","k":"section","s":"aceternity","c":"marketing/team"},{"id":"aceternity:ribbon-gradient-shader","t":"Ribbon gradient shader","d":"Hero with an animated WebGL ribbon gradient sweeping behind a grouped issue table","k":"section","s":"aceternity","c":"marketing/announcement","tg":["gradient","webgl"],"sy":["gradient","webgl"]},{"id":"aceternity:saas-landing-page","t":"Saas landing page","d":"SaaS landing page for Folio, a research repository, with a hub hero, features, how it work","k":"page","s":"aceternity","c":"pages/templates","sb":"Landing pages"},{"id":"aceternity:meeting-notes-landing-page","t":"Meeting notes landing page","d":"Landing page for Parley, an on-device meeting notes app for Mac, with a tabbed app-window ","k":"page","s":"aceternity","c":"pages/templates","sb":"Landing pages"},{"id":"aceternity:inference-landing-page","t":"Inference landing page","d":"Dark landing page for Kestrel, a global AI inference platform, with a dashboard hero, feat","k":"page","s":"aceternity","c":"pages/templates","sb":"Auth pages"},{"id":"aevr:button","t":"Button","d":"A simple button component","s":"aevr","c":"actions/button","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"aevr:info-box","t":"Info Box","d":"A simple info box component for displaying information, warnings, errors, loading states, ","s":"aevr","c":"status/loader","tg":["minimal"],"sb":"Shapes and grids","sy":["minimal"],"hc":1},{"id":"aevr:loader","t":"Loader","d":"A simple loader component for displaying loading states.","s":"aevr","c":"status/loader","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"aevr:summary-card","t":"Summary Card","d":"A simple summary card component for displaying summary information.","s":"aevr","c":"data-display/card","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"aevr:card","t":"Card","d":"A versatile card component with multiple variants, sizes, and interactive features","s":"aevr","c":"data-display/card","hc":1},{"id":"aevr:number-formatter","t":"Number Formatter","d":"A utility function for formatting numbers and currencies.","k":"lib","s":"aevr","c":"lib/utility","tg":["playful"],"sb":"Class helpers","sy":["playful"],"hc":1},{"id":"afterglow:theme","t":"Terminal Theme","d":"The tokens, typography, motion and CRT effects used by every component.","k":"theme","s":"afterglow","c":"themes/theme","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"afterglow:accordion","t":"Accordion","d":"Sections that open one at a time or many. The marker is a plus that rotates into a minus.","s":"afterglow","c":"data-display/accordion","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:alert","t":"Alert","d":"A notice with a lit left edge and a matching icon. Four tones.","s":"afterglow","c":"overlays/alert-banner","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:alert-dialog","t":"Alert Dialog","d":"A pink confirmation dialog for destructive or irreversible actions.","s":"afterglow","c":"overlays/dialog","tg":["retro and HUD"],"sb":"Confirm","sy":["retro and HUD"],"hc":1},{"id":"afterglow:avatar","t":"Avatar","d":"Initials in mono inside a bordered square.","s":"afterglow","c":"data-display/avatar","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:badge","t":"Badge","d":"A bordered rectangle of tracked-out mono for a status or a count. Eight variants.","s":"afterglow","c":"data-display/badge","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:breadcrumb","t":"Breadcrumb","d":"A path in mono, separated by slashes, with the current segment in white.","s":"afterglow","c":"navigation/breadcrumb","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:button","t":"Button","d":"Seven variants and five sizes in uppercase mono. `primary` is filled phosphor; `signal` ma","s":"afterglow","c":"actions/button","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:calendar","t":"Calendar","d":"A square month grid with phosphor selection, an amber today marker and Afterglow navigatio","s":"afterglow","c":"data-display/calendar","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"hc":1},{"id":"afterglow:card","t":"Card","d":"A panel with a colored left edge, or `accent={false}` for none. With a `CardLink`, the edg","s":"afterglow","c":"data-display/card","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:chart","t":"Chart","d":"Recharts wired to the five chart colors, terminal tooltip and stepped reveal.","s":"afterglow","c":"data-viz/chart","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:checkbox","t":"Checkbox","d":"`[ ]` and `[x]`. A square that fills with the beam when it is on.","s":"afterglow","c":"inputs/checkbox","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:code-block","t":"Code Block","d":"Shiki wired to the phosphor palette, with a copy button. Takes a string of code and highli","s":"afterglow","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:collapsible","t":"Collapsible","d":"The accordion without the styling, for when you have drawn the trigger yourself.","s":"afterglow","c":"data-display/accordion","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:combobox","t":"Combobox","d":"A text field that filters its list as you type. With `multiple` set, each pick becomes a c","s":"afterglow","c":"inputs/combobox","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:command","t":"Command","d":"A search line and a list that narrows as you type. Groups, shortcuts, and a dialog wrapper","s":"afterglow","c":"navigation/command-palette","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:context-menu","t":"Context Menu","d":"A system menu at the pointer, with choices, submenus, shortcut hints and destructive actio","s":"afterglow","c":"overlays/context-menu","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:dialog","t":"Dialog","d":"Opens in four steps rather than on a curve, with one pass of the beam down the panel.","s":"afterglow","c":"overlays/dialog","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:dropdown-menu","t":"Dropdown Menu","d":"Items, checkbox and radio items, submenus, and shortcut hints in the same mono as the keys","s":"afterglow","c":"navigation/menu","tg":["retro and HUD"],"sb":"Dropdowns","sy":["retro and HUD"],"hc":1},{"id":"afterglow:empty","t":"Empty","d":"A dashed hairline box for a list with nothing in it.","s":"afterglow","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:hover-card","t":"Hover Card","d":"A bordered preview panel for a link, with one phosphor edge and room for interactive conte","s":"afterglow","c":"overlays/hover-card","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:input","t":"Input","d":"A hairline field in mono with a phosphor caret. Focus brightens the border instead of addi","s":"afterglow","c":"inputs/form-field","tg":["retro and HUD"],"sy":["retro and HUD"],"vn":1,"hc":1},{"id":"afterglow:input-otp","t":"Input OTP","d":"One cell per character, with a drawn caret in the active one.","s":"afterglow","c":"inputs/otp-input","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:kbd","t":"Kbd","d":"A key with two pixels of implied depth under it. Pass `glyph` for `⌘`, `⇧` and `↵`.","s":"afterglow","c":"data-display/typography","tg":["3d","retro and HUD"],"sy":["3d","retro and HUD"],"hc":1},{"id":"afterglow:label","t":"Label","d":"A field's name, set as an eyebrow. Small, tracked out, phosphor.","s":"afterglow","c":"inputs/form-field","tg":["retro and HUD"],"sb":"Animated fields","sy":["retro and HUD"],"hc":1},{"id":"afterglow:pagination","t":"Pagination","d":"Page numbers as joined cells, so a run of them reads as one control.","s":"afterglow","c":"navigation/pagination","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:popover","t":"Popover","d":"A bordered panel anchored to its trigger.","s":"afterglow","c":"overlays/popover","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:progress","t":"Progress","d":"Three pixels of track and a light in it. Pass `indeterminate` for a segment that sweeps an","s":"afterglow","c":"data-viz/progress-bar","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"afterglow:radio-group","t":"Radio Group","d":"Terminal-style radio marks in their unchecked and checked states: `( )` and `(•)`.","s":"afterglow","c":"inputs/radio","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:resizable","t":"Resizable","d":"Panels split by a hairline that lights when you take hold of it.","k":"layout","s":"afterglow","c":"layout/split-pane","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:scroll-area","t":"Scroll Area","d":"A hairline track and a square thumb, in place of the operating system's own.","k":"layout","s":"afterglow","c":"layout/scroll-area","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:select","t":"Select","d":"A trigger that reads as a field, and a list whose chosen row carries a lit left edge.","s":"afterglow","c":"inputs/select","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:separator","t":"Separator","d":"One pixel of the border color, horizontal or vertical.","s":"afterglow","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:sheet","t":"Sheet","d":"A drawer from any of the four edges. The edge it slides from keeps a lit border.","s":"afterglow","c":"overlays/sheet","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:skeleton","t":"Skeleton","d":"Placeholder rows in dim phosphor.","s":"afterglow","c":"status/skeleton","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:slider","t":"Slider","d":"A hairline track, a lit range, and a square handle. Single value or range.","s":"afterglow","c":"inputs/slider","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:spinner","t":"Spinner","d":"A lit pixel travelling a 3x3 grid, four brightness levels trailing behind it.","s":"afterglow","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"afterglow:switch","t":"Switch","d":"A squared-off rocker in two sizes.","s":"afterglow","c":"actions/switch","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:table","t":"Table","d":"A manifest in mono with hairline rules. `is-numeric` gives a cell amber tabular figures.","s":"afterglow","c":"data-display/table","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:tabs","t":"Tabs","d":"Two variants: joined segments and a quieter line.","s":"afterglow","c":"navigation/tabs","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:textarea","t":"Textarea","d":"A multiline field that grows with its content.","s":"afterglow","c":"inputs/textarea","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:toast","t":"Toast","d":"Sonner alerts that blink into place with a border, tint and icon for each tone.","s":"afterglow","c":"overlays/toast","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:toggle","t":"Toggle","d":"A button that stays down.","s":"afterglow","c":"actions/switch","tg":["retro and HUD"],"sy":["retro and HUD"],"vn":1,"hc":1},{"id":"afterglow:tooltip","t":"Tooltip","d":"A compact label with one lit edge and no arrow.","s":"afterglow","c":"overlays/tooltip","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:alarm-button","t":"Alarm Button","d":"Two flashes and a rest, the way a warning lamp blinks. Pointing at it stops the flashing.","s":"afterglow","c":"actions/button","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:boot-log","t":"Boot Log","d":"A self test that prints itself line by line, at its final height from the first frame.","s":"afterglow","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:caret","t":"Caret","d":"A blinking block that follows the surrounding font size.","s":"afterglow","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:connector","t":"Connector","d":"A rule extending left or right from a heading.","s":"afterglow","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:eyebrow","t":"Eyebrow","d":"The tracked-out line above a heading, with an optional block caret.","s":"afterglow","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:led","t":"LED","d":"A status lamp and the line it sits in. Four tones, and the idle one holds still.","s":"afterglow","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:prompt","t":"Prompt","d":"A shell line. Sigil, field and caret share one row with no border between them.","s":"afterglow","c":"ai-agent/composer","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:scanlines","t":"Scanlines","d":"The glass. Two densities, a multiply blend, and a fixed mode for putting a whole page behi","s":"afterglow","c":"data-display/code-block","tg":["glass","retro and HUD"],"sy":["glass","retro and HUD"],"hc":1},{"id":"afterglow:screen","t":"Screen","d":"A framed CRT surface. Scanlines by default, with the aperture grille, bloom, roll bar and ","s":"afterglow","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:shell","t":"Shell","d":"A command transcript and prompt with command history. Bring the commands and their effects","k":"layout","s":"afterglow","c":"layout/page-shell","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:terminal-window","t":"Terminal Window","d":"Window chrome in three conventions: macOS, Windows, or a slim hairline version. Resizable ","s":"afterglow","c":"data-display/code-block","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"afterglow:date-picker","t":"Date Picker","d":"A calendar, popover and button composed into an installable single-date picker.","s":"afterglow","c":"inputs/date-picker","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"afterglow:terminal","t":"Terminal Preset","d":"The shared theme and every registry component in one `shadcn init` preset.","k":"theme","s":"afterglow","c":"themes/style","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"afterglow:use-copied","t":"Use Copied","d":"Writes a string to the clipboard and holds a `copied` flag for two seconds, so a control c","k":"lib","s":"afterglow","c":"lib/hook","hc":1},{"id":"afterglow:use-reduced-motion","t":"Use Reduced Motion","d":"Reads the reduced-motion query and re-reads it when the setting changes, for the effects C","k":"lib","s":"afterglow","c":"lib/hook","hc":1},{"id":"afterglow:typewriter","t":"Typewriter","d":"A line that types itself one character at a time, at its finished width from the first fra","k":"motion","s":"afterglow","c":"motion/text-effect","tg":["retro and HUD"],"sb":"Typewriter","sy":["retro and HUD"],"hc":1},{"id":"afterglow:scramble","t":"Scramble","d":"Text resolving out of glyph soup, left to right. On mount, on hover, or when it scrolls in","k":"motion","s":"afterglow","c":"motion/text-effect","tg":["retro and HUD"],"sb":"Typewriter","sy":["retro and HUD"],"hc":1},{"id":"afterglow:grain","t":"Grain","d":"Tube noise over anything. A static filter by default, or a capped canvas loop that pauses ","k":"motion","s":"afterglow","c":"motion/background","tg":["retro and HUD"],"sb":"Noise and texture","sy":["retro and HUD"],"hc":1},{"id":"afterglow:glitch","t":"Glitch","d":"Channel separation over a subtree. Two colour-shifted copies clipped into bands that jump ","s":"afterglow","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"agentblog:blog-core","t":"AgentBlog core","d":"The library layer every other AgentBlog item builds on: the typed config, the content sour","k":"lib","s":"agentblog","c":"lib/utility","sb":"Theme","hc":1},{"id":"agentblog:blog-schema","t":"AgentBlog JSON LD builders","d":"Typed schema.org @graph builders for BlogPosting, WebPage, BreadcrumbList, Person, Organiz","k":"lib","s":"agentblog","c":"lib/utility","hc":1},{"id":"agentblog:blog-ui","t":"AgentBlog reading experience","d":"The components a blog post is made of: post cards, byline with rel=author and machine-read","k":"section","s":"agentblog","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"agentblog:mdx-components","t":"AgentBlog MDX components","d":"The component map an AgentBlog post renders through: headings with stable anchors, real ta","k":"section","s":"agentblog","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"agentblog:blog-routes","t":"AgentBlog routes","d":"Fully prerendered /blog index, post, category, tag, and author routes. generateStaticParam","k":"section","s":"agentblog","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"agentblog:seo-routes","t":"AgentBlog SEO routes","d":"sitemap.xml built from real content dates rather than the build clock, an environment-guar","k":"section","s":"agentblog","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"agentblog:publish-webhook","t":"AgentBlog publish webhook","d":"A publish endpoint that revalidates the metadata routes as well as the page routes, becaus","k":"section","s":"agentblog","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"agentblog:source-mdx","t":"AgentBlog MDX content source","d":"Posts as MDX files in your repository, which is the storage option a coding agent can genu","k":"section","s":"agentblog","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"agentblog:eeat-pages","t":"AgentBlog trust pages","d":"An editorial policy page with a real review and corrections process. This is the Trust sur","k":"section","s":"agentblog","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"agentblog:blog-minimal","t":"AgentBlog without the webhook or the agent kit","d":"The full blog, minus the two items a reader never sees: no /api/publish route and no secre","s":"agentblog","c":"ai-agent/ai-agent","tg":["minimal"],"sy":["minimal"]},{"id":"agentblog:blog","t":"AgentBlog","d":"A complete, production-ready blog for Next.js 16 that AI search engines can actually read.","k":"section","s":"agentblog","c":"marketing/marketing","sb":"Blog and posts"},{"id":"agentblog:agent-kit","t":"AgentBlog agent kit","d":"Seven skills that take a blog from install to published: finish the setup for your site, r","s":"agentblog","c":"ai-agent/ai-agent","hc":1},{"id":"agentblog:theme","t":"AgentBlog reading theme","d":"A reading-optimised base for a standalone blog site: neutral base colour, a comfortable me","k":"theme","s":"agentblog","c":"themes/style"},{"id":"agentcn:eve/ai-seo-audit","t":"AI SEO Audit Agent","d":"Eve agent that runs a deterministic AI-SEO audit on a page through context.dev — scoring ~","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:eve/browser-agent","t":"Browser Agent","d":"Eve agent that drives a real browser with Playwright using a snapshot-and-selector pattern","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:eve/chat-with-pdf","t":"Chat with PDF Agent","d":"Eve agent that indexes a PDF into a vector store and answers questions over it with page-c","s":"agentcn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"agentcn:eve/chat-with-youtube","t":"Chat with YouTube Agent","d":"Eve agent that fetches a video's metadata and transcript, then answers questions with clic","s":"agentcn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"agentcn:eve/claw","t":"Claw Autonomous Assistant","d":"Eve agent that operates a sandboxed workspace — read/write files and run shell commands — ","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:eve/company-knowledge","t":"Company Knowledge Agent","d":"Eve agent that indexes internal documents into a vector store and answers questions over t","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:eve/csv-to-questions","t":"CSV to Questions Agent","d":"Eve agent that summarizes a CSV dataset to stay within token limits, then generates focuse","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:eve/deep-search","t":"Deep Search Agent","d":"Eve agent that researches a question, evaluates its own findings, and iterates until the a","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:eve/docs-chatbot","t":"Docs Chatbot Agent","d":"Eve agent that answers questions about a library's functions by looking up structured docu","s":"agentcn","c":"ai-agent/ai-agent","tg":["playful"],"sb":"Chat","sy":["playful"],"hc":1},{"id":"agentcn:eve/docs-expert","t":"Docs Expert Agent","d":"Eve agent that answers questions about libraries and APIs by searching the live web and ci","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:eve/extract-design-md","t":"Extract DESIGN.md Agent","d":"Eve agent that turns a domain into a self-contained DESIGN.md — gathering the styleguide, ","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:eve/feedback-summary","t":"Customer Feedback Summary Agent","d":"Eve agent that retrieves, categorizes, and summarizes customer feedback into an executive ","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:eve/flashcards-pdf","t":"Flash Cards from PDF Agent","d":"Eve agent that turns a PDF into study flash cards, with optional AI-generated images per c","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:eve/github-review","t":"GitHub PR Code Review Agent","d":"Eve agent that fetches a GitHub pull request and returns adaptive, file-by-file code revie","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:eve/google-sheets","t":"Google Sheets Analysis Agent","d":"Eve agent that reads, analyzes, and edits Google Sheets via the Sheets API.","s":"agentcn","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"agentcn:eve/meeting-notes","t":"Meeting Notes Agent","d":"Eve agent that turns a raw meeting transcript into a structured summary, decisions, and ac","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:eve/slack-agent","t":"Slack Agent","d":"Eve agent that replies to Slack mentions and DMs, threaded, via the Slack Web API.","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:eve/text-to-sql","t":"Chat with Database Agent","d":"Eve agent that introspects a database schema, converts questions to SQL, and runs read-onl","s":"agentcn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"agentcn:eve/weather","t":"Weather Agent","d":"Eve agent that looks up current weather for a location via the Open-Meteo API.","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:flue/ai-seo-audit","t":"AI SEO Audit Agent","d":"Flue agent that runs a deterministic AI-SEO audit on a page through context.dev — scoring ","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:flue/browser-agent","t":"Browser Agent","d":"Flue agent that drives a real browser with Playwright using a snapshot-and-selector patter","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:flue/chat-with-pdf","t":"Chat with PDF Agent","d":"Flue agent that indexes a PDF into a vector store and answers questions over it with page-","s":"agentcn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"agentcn:flue/chat-with-youtube","t":"Chat with YouTube Agent","d":"Flue agent that fetches a video's metadata and transcript, then answers questions with cli","s":"agentcn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"agentcn:flue/claw","t":"Claw Autonomous Assistant","d":"Flue agent that operates a sandboxed workspace — read/write files and run shell commands —","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:flue/company-knowledge","t":"Company Knowledge Agent","d":"Flue agent that indexes internal documents into a vector store and answers questions over ","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:flue/csv-to-questions","t":"CSV to Questions Agent","d":"Flue agent that chains a summarizer and a question-generator through a workflow to turn a ","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:flue/deep-search","t":"Deep Search Agent","d":"Flue agent that fans research out to searcher and evaluator subagents, iterating through a","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:flue/docs-chatbot","t":"Docs Chatbot Agent","d":"Flue agent that answers questions about a library's functions by looking up structured doc","s":"agentcn","c":"ai-agent/ai-agent","tg":["playful"],"sb":"Chat","sy":["playful"],"hc":1},{"id":"agentcn:flue/docs-expert","t":"Docs Expert Agent","d":"Flue agent that answers questions about libraries and APIs by searching the live web and c","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:flue/extract-design-md","t":"Extract DESIGN.md Agent","d":"Flue workflow that turns a domain into a self-contained DESIGN.md — gathering the stylegui","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:flue/feedback-summary","t":"Customer Feedback Summary Agent","d":"Flue agent that retrieves, categorizes, and summarizes customer feedback into an executive","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:flue/flashcards-pdf","t":"Flash Cards from PDF Agent","d":"Flue agent that turns a PDF into study flash cards through a workflow, with optional AI-ge","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:flue/github-review","t":"GitHub PR Code Review Agent","d":"Flue agent that fetches a GitHub pull request and returns adaptive review feedback, with a","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:flue/google-sheets","t":"Google Sheets Analysis Agent","d":"Flue agent that reads, analyzes, and edits Google Sheets via the Sheets API.","s":"agentcn","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"agentcn:flue/meeting-notes","t":"Meeting Notes Agent","d":"Flue agent that runs a transcript through a workflow to return a structured summary, decis","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:flue/slack-agent","t":"Slack Agent","d":"Flue agent that replies to Slack mentions and DMs, threaded, via the Slack Web API.","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:flue/text-to-sql","t":"Chat with Database Agent","d":"Flue agent that introspects a database schema, converts questions to SQL, and runs read-on","s":"agentcn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"agentcn:flue/weather","t":"Weather Agent","d":"Flue agent that looks up current weather for a location via the Open-Meteo API.","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:mastra/ai-seo-audit","t":"AI SEO Audit Agent","d":"Mastra agent that runs a deterministic AI-SEO audit on a page through context.dev — scorin","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:mastra/browser-agent","t":"Browser Agent","d":"A browser-operating agent that interacts with live web pages using Playwright-based tools ","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:mastra/chat-with-pdf","t":"Chat with PDF Agent","d":"Mastra agent that indexes a PDF into a vector store and answers questions over it with pag","s":"agentcn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"agentcn:mastra/chat-with-youtube","t":"Chat with YouTube Agent","d":"A helpful assistant that fetches and analyzes YouTube video transcripts to answer question","s":"agentcn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"agentcn:mastra/claw","t":"Claw Autonomous Assistant","d":"Mastra agent that operates a sandboxed workspace — read/write files and run shell commands","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:mastra/company-knowledge","t":"Company Knowledge Agent","d":"Mastra agent that indexes internal documents into a vector store and answers questions ove","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:mastra/csv-to-questions","t":"CSV to Questions Agent","d":"Mastra agent that summarizes a CSV dataset to stay within token limits, then generates foc","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:mastra/deep-search","t":"Deep Search Agent","d":"A multi-agent deep search system that researches questions by clarifying intent, planning ","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:mastra/docs-chatbot","t":"Docs Chatbot Agent","d":"Mastra agent that answers questions about a library's functions by looking up structured d","s":"agentcn","c":"ai-agent/ai-agent","tg":["playful"],"sb":"Chat","sy":["playful"],"hc":1},{"id":"agentcn:mastra/docs-expert","t":"Docs Expert Agent","d":"Mastra agent that answers questions about libraries and APIs by searching the live web and","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:mastra/extract-design-md","t":"Extract DESIGN.md Agent","d":"Mastra agent that turns a domain into a self-contained DESIGN.md — gathering the styleguid","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:mastra/feedback-summary","t":"Customer Feedback Summary Agent","d":"Mastra agent that retrieves, categorizes, and summarizes customer feedback into an executi","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:mastra/flashcards-pdf","t":"Flash Cards from PDF Agent","d":"Mastra agent that turns a PDF into study flash cards, with optional AI-generated images pe","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:mastra/github-review","t":"GitHub PR Code Review Agent","d":"Mastra agent that fetches a GitHub pull request and returns adaptive, file-by-file code re","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:mastra/google-sheets","t":"Google Sheets Analysis Agent","d":"Mastra agent that reads, analyzes, and edits Google Sheets via the Sheets API.","s":"agentcn","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"agentcn:mastra/meeting-notes","t":"Meeting Notes Agent","d":"Mastra agent that turns a raw meeting transcript into a structured summary, decisions, and","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:mastra/slack-agent","t":"Slack Agent","d":"Mastra agent that replies to Slack mentions and DMs, scoped to the thread, via the Slack W","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:mastra/text-to-sql","t":"Chat with Database Agent","d":"Mastra agent that introspects a database schema, converts questions to SQL, and runs read-","s":"agentcn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"agentcn:mastra/weather","t":"Weather Agent","d":"Mastra agent that looks up current weather for a location via the Open-Meteo API.","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:langgraph/ai-seo-audit","t":"AI SEO Audit Agent","d":"LangGraph agent that runs a deterministic AI-SEO audit on a page through context.dev — sco","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:langgraph/browser-agent","t":"Browser Agent","d":"A browser-operating agent that interacts with live web pages using Playwright-based tools ","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:langgraph/chat-with-pdf","t":"Chat with PDF Agent","d":"LangGraph agent that indexes a PDF into a vector store and answers questions over it with ","s":"agentcn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"agentcn:langgraph/chat-with-youtube","t":"Chat with YouTube Agent","d":"A helpful assistant that fetches and analyzes YouTube video transcripts to answer question","s":"agentcn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"agentcn:langgraph/claw","t":"Claw Autonomous Assistant","d":"LangGraph agent that operates a sandboxed workspace — read/write files and run shell comma","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:langgraph/company-knowledge","t":"Company Knowledge Agent","d":"LangGraph agent that indexes internal documents into a vector store and answers questions ","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:langgraph/csv-to-questions","t":"CSV to Questions Agent","d":"LangGraph agent that summarizes a CSV dataset to stay within token limits, then generates ","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:langgraph/deep-search","t":"Deep Search Agent","d":"A multi-agent deep search system that researches questions by clarifying intent, planning ","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:langgraph/docs-chatbot","t":"Docs Chatbot Agent","d":"LangGraph agent that answers questions about a library's functions by looking up structure","s":"agentcn","c":"ai-agent/ai-agent","tg":["playful"],"sb":"Chat","sy":["playful"],"hc":1},{"id":"agentcn:langgraph/docs-expert","t":"Docs Expert Agent","d":"LangGraph agent that answers questions about libraries and APIs by searching the live web ","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:langgraph/extract-design-md","t":"Extract DESIGN.md Agent","d":"LangGraph agent that turns a domain into a self-contained DESIGN.md — gathering the styleg","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:langgraph/feedback-summary","t":"Customer Feedback Summary Agent","d":"LangGraph agent that retrieves, categorizes, and summarizes customer feedback into an exec","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:langgraph/flashcards-pdf","t":"Flash Cards from PDF Agent","d":"LangGraph agent that turns a PDF into study flash cards, with optional AI-generated images","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:langgraph/github-review","t":"GitHub PR Code Review Agent","d":"LangGraph agent that fetches a GitHub pull request and returns adaptive, file-by-file code","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:langgraph/google-sheets","t":"Google Sheets Analysis Agent","d":"LangGraph agent that reads, analyzes, and edits Google Sheets via the Sheets API.","s":"agentcn","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"agentcn:langgraph/meeting-notes","t":"Meeting Notes Agent","d":"LangGraph agent that turns a raw meeting transcript into a structured summary, decisions, ","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:langgraph/slack-agent","t":"Slack Agent","d":"LangGraph agent that replies to Slack mentions and DMs, scoped to the thread, via the Slac","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agentcn:langgraph/text-to-sql","t":"Chat with Database Agent","d":"LangGraph agent that introspects a database schema, converts questions to SQL, and runs re","s":"agentcn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"agentcn:langgraph/weather","t":"Weather Agent","d":"LangGraph agent that looks up current weather for a location via the Open-Meteo API.","s":"agentcn","c":"ai-agent/ai-agent","hc":1},{"id":"agents-ui:agent-disconnect-button","t":"Agent Disconnect Button","d":"A button for disconnecting the agent session.","s":"agents-ui","c":"ai-agent/ai-agent","hc":1},{"id":"agents-ui:agent-track-toggle","t":"Agent Track Toggle","d":"A toggle button for controlling media tracks (microphone, camera, screen share) with appro","s":"agents-ui","c":"ai-agent/ai-agent","hc":1},{"id":"agents-ui:agent-track-control","t":"Agent Track Control","d":"A control for managing media tracks (microphone, camera, screen share) with appropriate ic","s":"agents-ui","c":"ai-agent/ai-agent","hc":1},{"id":"agents-ui:agent-control-bar","t":"Agent Control Bar","d":"A control bar for managing media tracks (microphone, camera, screen share), disconnecting ","s":"agents-ui","c":"ai-agent/ai-agent","hc":1},{"id":"agents-ui:agent-audio-visualizer-bar","t":"Agent Audio Visualizer Bar","d":"A linear bar visualizer for audio tracks.","s":"agents-ui","c":"ai-agent/ai-agent","sb":"Voice","hc":1},{"id":"agents-ui:agent-audio-visualizer-radial","t":"Agent Audio Visualizer Radial","d":"A radial bar visualizer for audio tracks.","s":"agents-ui","c":"ai-agent/ai-agent","sb":"Voice","hc":1},{"id":"agents-ui:agent-audio-visualizer-grid","t":"Agent Audio Visualizer Grid","d":"A grid visualizer for audio tracks.","s":"agents-ui","c":"ai-agent/ai-agent","sb":"Voice","hc":1},{"id":"agents-ui:agent-session-provider","t":"Agent Session Provider","d":"A component for providing an agent's session context and ensuring remote participants’ aud","s":"agents-ui","c":"ai-agent/ai-agent","hc":1},{"id":"agents-ui:start-audio-button","t":"Start Audio Button","d":"A button for starting the agent session's audio track when the browser blocks audio playba","s":"agents-ui","c":"actions/button","hc":1},{"id":"agents-ui:agent-chat-indicator","t":"Agent Chat Indicator","d":"A component for indicating the agent's chat status with a blinking dot. Useful for indicat","s":"agents-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"agents-ui:agent-chat-transcript","t":"Agent Chat Transcript","d":"A component for displaying the agent session's chat transcript.","s":"agents-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"agents-ui:react-shader-toy","t":"React Shader Toy","d":"A shadertoy-like shader renderer component for React.","k":"motion","s":"agents-ui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"agents-ui:agent-audio-visualizer-wave","t":"Agent Audio Visualizer Wave","d":"A wave visualizer for audio tracks.","s":"agents-ui","c":"ai-agent/ai-agent","sb":"Voice","hc":1},{"id":"agents-ui:agent-audio-visualizer-aura","t":"Agent Audio Visualizer Aura","d":"An aura visualizer for audio tracks.","s":"agents-ui","c":"ai-agent/ai-agent","sb":"Voice","hc":1},{"id":"agents-ui:nextjs-api-token-route","t":"NextJS API route to get a LiveKit session token","d":"A NextJS API route to generate a LiveKit session token while keeping your API keys private","s":"agents-ui","c":"ai-agent/ai-agent","hc":1},{"id":"agents-ui:agent-session-view-01","t":"Agent Session View","d":"A full-screen agent session block with transcript, controls, and I/O media tiles.","s":"agents-ui","c":"ai-agent/ai-agent","sb":"Voice","hc":1},{"id":"agents-ui:agent-popup-01","t":"Agent Popup","d":"A floating chat-bubble trigger that expands into a compact agent session popup, suitable f","s":"agents-ui","c":"ai-agent/ai-agent","hc":1},{"id":"agents-ui:all","t":"All","d":"Installs every component in the @agents-ui registry (excluding the nextjs-api-token-route)","s":"agents-ui","c":"ai-agent/ai-agent"},{"id":"agentui:model-selector","t":"Model Selector","d":"A composer-ready model and reasoning-effort control: the first view manages effort, the cu","s":"agentui","c":"ai-agent/ai-agent","hc":1},{"id":"agentui:usage-dashboard","t":"Usage Dashboard","d":"A coding-agent usage overview with daily token trends, provider and model totals, billed s","k":"layout","s":"agentui","c":"layout/dashboard","hc":1},{"id":"agentui:message-bubble","t":"Message Bubble","d":"A focused conversational surface with visual tones, independent alignment, grouped message","s":"agentui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"agentui:message","t":"Message","d":"Composable conversation primitives for message rows, grouped bubbles, avatars, metadata, l","s":"agentui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"agentui:message-scroller","t":"Message Scroller","d":"A reader-aware conversation viewport that follows streamed output at the live edge and rel","s":"agentui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"agentui:prompt-input","t":"Prompt Input","d":"An auto-growing agent composer with prompt actions, model selection, keyboard submission, ","s":"agentui","c":"ai-agent/composer","hc":1},{"id":"agentui:todo-list","t":"Todo List","d":"A collapsible agent task plan with morphing status marks, a completion count, compact meta","s":"agentui","c":"data-display/list","sb":"Tasks and to-dos","hc":1},{"id":"agentui:code-block","t":"Code Block","d":"A syntax-highlighted code surface with stable streaming updates, line numbers, focused lin","s":"agentui","c":"ai-agent/ai-agent","hc":1,"cp":1},{"id":"agentui:approval-card","t":"Approval Card","d":"A human-in-the-loop decision surface for approvals, single or multiple-choice questions, c","s":"agentui","c":"data-display/card","hc":1},{"id":"agentui:file-diff","t":"File Diff","d":"A syntax-highlighted file change disclosure with progressive rows, line numbers, live chan","s":"agentui","c":"data-display/diff","hc":1,"cp":1},{"id":"agentui:tool-result","t":"Tool Result","d":"A lightweight execution disclosure for syntax-highlighted terminal output and request resp","s":"agentui","c":"ai-agent/ai-agent","tg":["retro and HUD"],"sb":"Reasoning and tools","sy":["retro and HUD"],"hc":1},{"id":"agentui:streaming-response","t":"Streaming Response","d":"A stable response surface with completion actions, rendered content, and an expandable sou","s":"agentui","c":"ai-agent/ai-agent","hc":1,"cp":1},{"id":"agentui:image-generation","t":"Image Generation","d":"A stable generated-image surface that moves from queued work through progressive refinemen","s":"agentui","c":"media/gallery","hc":1,"cp":1},{"id":"agentui:tool-approval","t":"Tool Approval","d":"A human-in-the-loop permission card for reviewing tool details, allowing once, remembering","s":"agentui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1,"cp":1},{"id":"agentui:citations","t":"Citations","d":"Inline citation markers paired with a collapsible, progressively rendered reference collec","s":"agentui","c":"ai-agent/ai-agent","sb":"Sources","hc":1,"cp":1},{"id":"agentui:agent-activity","t":"Agent Activity","d":"One adaptive activity stream for reasoning, searches, tool calls, structured execution tra","s":"agentui","c":"ai-agent/ai-agent","hc":1},{"id":"agentui:reasoning-text","t":"Agent Loading States Reasoning Text","d":"Shimmering reasoning copy with an ASCII loader and cascade, phrase-swap, or per-letter scr","s":"agentui","c":"ai-agent/ai-agent","tg":["retro and HUD"],"sb":"Reasoning and tools","sy":["retro and HUD"],"hc":1},{"id":"agentui:thinking-shimmer","t":"Agent Loading States Thinking Shimmer","d":"A quiet shimmer that keeps the agent's current status readable while work continues.","s":"agentui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"agentui:agent-progress","t":"Agent Loading States Agent Progress","d":"A compact activity glyph, action verb, and live tabular timer for longer-running agent wor","s":"agentui","c":"ai-agent/ai-agent","hc":1,"cp":1},{"id":"agentui:ai-sidebar","t":"AI Sidebar","d":"A collapsible AI workspace sidebar for folders, projects, files, and bookmarks with keyboa","s":"agentui","c":"ai-agent/ai-agent","hc":1},{"id":"agentui:chat-app","t":"Chat App","d":"A complete agent conversation workspace composing navigation, messages, streaming, plannin","s":"agentui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"ai-elements:agent","t":"Agent","d":"AI-powered agent component.","s":"ai-elements","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"ai-elements:artifact","t":"Artifact","d":"AI-powered artifact component.","s":"ai-elements","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"ai-elements:attachments","t":"Attachments","d":"AI-powered attachments component.","s":"ai-elements","c":"inputs/file-upload","vn":1,"hc":1},{"id":"ai-elements:audio-player","t":"Audio Player","d":"AI-powered audio player component.","s":"ai-elements","c":"media/player","vn":1,"hc":1},{"id":"ai-elements:canvas","t":"Canvas","d":"AI-powered canvas component.","s":"ai-elements","c":"ai-agent/ai-agent","hc":1},{"id":"ai-elements:chain-of-thought","t":"Chain Of Thought","d":"AI-powered chain of-thought component.","s":"ai-elements","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"ai-elements:checkpoint","t":"Checkpoint","d":"AI-powered checkpoint component.","s":"ai-elements","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"ai-elements:code-block","t":"Code Block","d":"AI-powered code block component.","s":"ai-elements","c":"data-display/code-block","vn":1,"hc":1},{"id":"ai-elements:commit","t":"Commit","d":"AI-powered commit component.","s":"ai-elements","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"ai-elements:confirmation","t":"Confirmation","d":"AI-powered confirmation component.","s":"ai-elements","c":"overlays/dialog","sb":"Confirm","vn":1,"hc":1},{"id":"ai-elements:connection","t":"Connection","d":"AI-powered connection component.","s":"ai-elements","c":"ai-agent/ai-agent","hc":1},{"id":"ai-elements:context","t":"Context","d":"AI-powered context component.","s":"ai-elements","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"ai-elements:controls","t":"Controls","d":"AI-powered controls component.","s":"ai-elements","c":"ai-agent/ai-agent","hc":1},{"id":"ai-elements:conversation","t":"Conversation","d":"AI-powered conversation component.","s":"ai-elements","c":"ai-agent/ai-agent","sb":"Chat","vn":1,"hc":1},{"id":"ai-elements:edge","t":"Edge","d":"AI-powered edge component.","s":"ai-elements","c":"ai-agent/ai-agent","hc":1},{"id":"ai-elements:environment-variables","t":"Environment Variables","d":"AI-powered environment variables component.","s":"ai-elements","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"ai-elements:file-tree","t":"File Tree","d":"AI-powered file tree component.","s":"ai-elements","c":"data-display/tree","vn":2,"hc":1},{"id":"ai-elements:image","t":"Image","d":"AI-powered image component.","s":"ai-elements","c":"media/gallery","vn":1,"hc":1},{"id":"ai-elements:inline-citation","t":"Inline Citation","d":"AI-powered inline citation component.","s":"ai-elements","c":"ai-agent/ai-agent","sb":"Sources","vn":1,"hc":1},{"id":"ai-elements:jsx-preview","t":"Jsx Preview","d":"AI-powered jsx preview component.","s":"ai-elements","c":"ai-agent/ai-agent","hc":1},{"id":"ai-elements:message","t":"Message","d":"AI-powered message component.","s":"ai-elements","c":"ai-agent/ai-agent","sb":"Chat","vn":1,"hc":1},{"id":"ai-elements:mic-selector","t":"Mic Selector","d":"AI-powered mic selector component.","s":"ai-elements","c":"ai-agent/ai-agent","sb":"Voice","vn":1,"hc":1},{"id":"ai-elements:model-selector","t":"Model Selector","d":"AI-powered model selector component.","s":"ai-elements","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"ai-elements:node","t":"Node","d":"AI-powered node component.","s":"ai-elements","c":"ai-agent/ai-agent","hc":1},{"id":"ai-elements:open-in-chat","t":"Open In Chat","d":"AI-powered open in-chat component.","s":"ai-elements","c":"ai-agent/ai-agent","sb":"Chat","vn":1,"hc":1},{"id":"ai-elements:package-info","t":"Package Info","d":"AI-powered package info component.","s":"ai-elements","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"ai-elements:panel","t":"Panel","d":"AI-powered panel component.","s":"ai-elements","c":"data-display/card","hc":1},{"id":"ai-elements:persona","t":"Persona","d":"AI-powered persona component.","s":"ai-elements","c":"ai-agent/ai-agent","hc":1},{"id":"ai-elements:plan","t":"Plan","d":"AI-powered plan component.","k":"section","s":"ai-elements","c":"marketing/pricing","sb":"Plan cards","vn":1,"hc":1},{"id":"ai-elements:prompt-input","t":"Prompt Input","d":"AI-powered prompt input component.","s":"ai-elements","c":"ai-agent/composer","vn":1,"hc":1},{"id":"ai-elements:queue","t":"Queue","d":"AI-powered queue component.","s":"ai-elements","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"ai-elements:reasoning","t":"Reasoning","d":"AI-powered reasoning component.","s":"ai-elements","c":"ai-agent/ai-agent","sb":"Reasoning and tools","vn":1,"hc":1},{"id":"ai-elements:sandbox","t":"Sandbox","d":"AI-powered sandbox component.","s":"ai-elements","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"ai-elements:schema-display","t":"Schema Display","d":"AI-powered schema display component.","s":"ai-elements","c":"ai-agent/ai-agent","vn":2,"hc":1},{"id":"ai-elements:shimmer","t":"Shimmer","d":"AI-powered shimmer component.","s":"ai-elements","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"ai-elements:snippet","t":"Snippet","d":"AI-powered snippet component.","s":"ai-elements","c":"data-display/code-block","vn":1,"hc":1},{"id":"ai-elements:sources","t":"Sources","d":"AI-powered sources component.","s":"ai-elements","c":"ai-agent/ai-agent","sb":"Sources","vn":1,"hc":1},{"id":"ai-elements:speech-input","t":"Speech Input","d":"AI-powered speech input component.","s":"ai-elements","c":"inputs/form-field","vn":1,"hc":1},{"id":"ai-elements:stack-trace","t":"Stack Trace","d":"AI-powered stack trace component.","s":"ai-elements","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"ai-elements:suggestion","t":"Suggestion","d":"AI-powered suggestion component.","s":"ai-elements","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"ai-elements:task","t":"Task","d":"AI-powered task component.","s":"ai-elements","c":"ai-agent/ai-agent","sb":"Reasoning and tools","vn":1,"hc":1},{"id":"ai-elements:terminal","t":"Terminal","d":"AI-powered terminal component.","s":"ai-elements","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"vn":2,"hc":1},{"id":"ai-elements:test-results","t":"Test Results","d":"AI-powered test results component.","s":"ai-elements","c":"ai-agent/ai-agent","vn":2,"hc":1},{"id":"ai-elements:tool","t":"Tool","d":"AI-powered tool component.","s":"ai-elements","c":"ai-agent/ai-agent","sb":"Reasoning and tools","vn":1,"hc":1},{"id":"ai-elements:toolbar","t":"Toolbar","d":"AI-powered toolbar component.","s":"ai-elements","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"ai-elements:transcription","t":"Transcription","d":"AI-powered transcription component.","s":"ai-elements","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"ai-elements:voice-selector","t":"Voice Selector","d":"AI-powered voice selector component.","s":"ai-elements","c":"ai-agent/ai-agent","sb":"Voice","vn":1,"hc":1},{"id":"ai-elements:web-preview","t":"Web Preview","d":"AI-powered web preview component.","s":"ai-elements","c":"ai-agent/ai-agent","hc":1},{"id":"ai-elements:example-attachments-inline","t":"Attachments Inline Example","d":"Example implementation of attachments inline.","s":"ai-elements","c":"inputs/file-upload","hc":1},{"id":"ai-elements:example-attachments-list","t":"Attachments List Example","d":"Example implementation of attachments list.","s":"ai-elements","c":"data-display/list","hc":1},{"id":"ai-elements:example-audio-player-remote","t":"Audio Player Remote Example","d":"Example implementation of audio player-remote.","s":"ai-elements","c":"media/player","hc":1},{"id":"ai-elements:example-chatbot","t":"Chatbot Example","d":"Example implementation of chatbot.","s":"ai-elements","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"ai-elements:example-code-block-dark","t":"Code Block Dark Example","d":"Example implementation of code block-dark.","s":"ai-elements","c":"data-display/code-block","hc":1},{"id":"ai-elements:example-confirmation-accepted","t":"Confirmation Accepted Example","d":"Example implementation of confirmation accepted.","s":"ai-elements","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"ai-elements:example-confirmation-rejected","t":"Confirmation Rejected Example","d":"Example implementation of confirmation rejected.","s":"ai-elements","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"ai-elements:example-confirmation-request","t":"Confirmation Request Example","d":"Example implementation of confirmation request.","s":"ai-elements","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"ai-elements:example-demo-chatgpt","t":"Demo Chatgpt Example","d":"Example implementation of demo chatgpt.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-demo-claude","t":"Demo Claude Example","d":"Example implementation of demo claude.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-demo-cursor","t":"Demo Cursor Example","d":"Example implementation of demo cursor.","k":"motion","s":"ai-elements","c":"motion/cursor","hc":1},{"id":"ai-elements:example-demo-grok","t":"Demo Grok Example","d":"Example implementation of demo grok.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-demo-workflow","t":"Demo Workflow Example","d":"Example implementation of demo workflow.","k":"section","s":"ai-elements","c":"marketing/marketing","sb":"Portfolio","hc":1},{"id":"ai-elements:example-file-tree-expanded","t":"File Tree Expanded Example","d":"Example implementation of file tree-expanded.","s":"ai-elements","c":"data-display/tree","hc":1},{"id":"ai-elements:example-file-tree-selection","t":"File Tree Selection Example","d":"Example implementation of file tree-selection.","s":"ai-elements","c":"data-display/tree","hc":1},{"id":"ai-elements:example-jsx-preview","t":"Jsx Preview Example","d":"Example implementation of jsx preview.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-persona-command","t":"Persona Command Example","d":"Example implementation of persona command.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-persona-glint","t":"Persona Glint Example","d":"Example implementation of persona glint.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-persona-halo","t":"Persona Halo Example","d":"Example implementation of persona halo.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-persona-mana","t":"Persona Mana Example","d":"Example implementation of persona mana.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-persona-obsidian","t":"Persona Obsidian Example","d":"Example implementation of persona obsidian.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-persona-opal","t":"Persona Opal Example","d":"Example implementation of persona opal.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-prompt-input-cursor","t":"Prompt Input Cursor Example","d":"Example implementation of prompt input-cursor.","s":"ai-elements","c":"ai-agent/composer","hc":1},{"id":"ai-elements:example-prompt-input-tooltip","t":"Prompt Input Tooltip Example","d":"Example implementation of prompt input-tooltip.","s":"ai-elements","c":"ai-agent/composer","hc":1},{"id":"ai-elements:example-queue-prompt-input","t":"Queue Prompt Input Example","d":"Example implementation of queue prompt-input.","s":"ai-elements","c":"ai-agent/composer","hc":1},{"id":"ai-elements:example-schema-display-body","t":"Schema Display Body Example","d":"Example implementation of schema display-body.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-schema-display-nested","t":"Schema Display Nested Example","d":"Example implementation of schema display-nested.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-schema-display-params","t":"Schema Display Params Example","d":"Example implementation of schema display-params.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-shimmer-duration","t":"Shimmer Duration Example","d":"Example implementation of shimmer duration.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-shimmer-elements","t":"Shimmer Elements Example","d":"Example implementation of shimmer elements.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-snippet-plain","t":"Snippet Plain Example","d":"Example implementation of snippet plain.","s":"ai-elements","c":"data-display/code-block","hc":1},{"id":"ai-elements:example-sources-custom","t":"Sources Custom Example","d":"Example implementation of sources custom.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-stack-trace-collapsed","t":"Stack Trace Collapsed Example","d":"Example implementation of stack trace-collapsed.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-stack-trace-no-internal","t":"Stack Trace No Internal Example","d":"Example implementation of stack trace-no-internal.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-suggestion-input","t":"Suggestion Input Example","d":"Example implementation of suggestion input.","s":"ai-elements","c":"inputs/form-field","hc":1},{"id":"ai-elements:example-terminal-clear","t":"Terminal Clear Example","d":"Example implementation of terminal clear.","s":"ai-elements","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ai-elements:example-terminal-streaming","t":"Terminal Streaming Example","d":"Example implementation of terminal streaming.","s":"ai-elements","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ai-elements:example-test-results-errors","t":"Test Results Errors Example","d":"Example implementation of test results-errors.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-test-results-suites","t":"Test Results Suites Example","d":"Example implementation of test results-suites.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-tool-input-available","t":"Tool Input Available Example","d":"Example implementation of tool input-available.","s":"ai-elements","c":"inputs/form-field","hc":1},{"id":"ai-elements:example-tool-input-streaming","t":"Tool Input Streaming Example","d":"Example implementation of tool input-streaming.","s":"ai-elements","c":"inputs/form-field","hc":1},{"id":"ai-elements:example-tool-output-available","t":"Tool Output Available Example","d":"Example implementation of tool output-available.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-tool-output-error","t":"Tool Output Error Example","d":"Example implementation of tool output-error.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-v0-clone","t":"V0 Clone Example","d":"Example implementation of v0 clone.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-web-preview","t":"Web Preview Example","d":"Example implementation of web preview.","k":"section","s":"ai-elements","c":"marketing/marketing","hc":1},{"id":"ai-elements:example-workflow","t":"Workflow Example","d":"Example implementation of workflow.","k":"section","s":"ai-elements","c":"marketing/marketing","sb":"Portfolio","hc":1},{"id":"ai2:tokens","t":"ai2 Tokens","d":"ai2 extension tokens: tone colors (brand, success, warning, danger, info + soft pairs), su","k":"theme","s":"ai2","c":"themes/theme"},{"id":"ai2:button","t":"Button","d":"Button with a full variant x tone x size matrix: 5 variants (solid, soft, outline, ghost, ","s":"ai2","c":"actions/button","vn":2,"hc":1},{"id":"ai2:theme-indigo","t":"ai2 Indigo","d":"Indigo brand theme for ai2: recolors the brand tone channel (solid + soft pairs) in light ","k":"theme","s":"ai2","c":"themes/theme"},{"id":"ai2:glass","t":"Glass","d":"Floating surface treatments: glass.overlay (translucent + blur, for tooltips/dropdowns), g","k":"lib","s":"ai2","c":"lib/utility","tg":["glass"],"sy":["glass"],"hc":1},{"id":"ai2:primitives","t":"Primitives","d":"Headless primitive adapter: the single entry point every ai2 component imports its unstyle","k":"lib","s":"ai2","c":"lib/utility","hc":1},{"id":"ai2:primitives-base","t":"Primitives (Base UI)","d":"The second provider behind the ai2 primitive adapter: the same surface as @ai2/primitives,","k":"lib","s":"ai2","c":"lib/utility","hc":1},{"id":"ai2:card","t":"Card","d":"Card surface with 4 variants (outline, elevated, soft, glass) and 3 inset scales (sm, md, ","s":"ai2","c":"data-display/card","tg":["glass"],"sb":"Profile","sy":["glass"],"vn":1,"hc":1},{"id":"ai2:file-input","t":"File Input","d":"Styled file picker: hidden native input under a custom surface with a leading icon (lucide","s":"ai2","c":"inputs/file-upload","vn":2,"hc":1},{"id":"ai2:input-group","t":"Input Group","d":"Composable input shell: InputGroup carries the field appearance with 3 variants (outline, ","s":"ai2","c":"inputs/form-field","sb":"Input groups","vn":1,"hc":1},{"id":"ai2:input","t":"Input","d":"Text input with 3 variants (outline, soft, ghost), 3 sizes (sm, md, lg) and 3 tones (neutr","s":"ai2","c":"inputs/form-field","sb":"Whole forms","vn":1,"hc":1},{"id":"ai2:textarea","t":"Textarea","d":"Auto-growing textarea (field-sizing-content) with 3 variants (outline, soft, ghost), 3 siz","s":"ai2","c":"inputs/textarea","vn":1,"hc":1},{"id":"ai2:label","t":"Label","d":"Accessible form label built on radix-ui Label with 2 sizes (sm, md). Auto-dims when the as","s":"ai2","c":"inputs/form-field","sb":"Whole forms","vn":1,"hc":1},{"id":"ai2:checkbox","t":"Checkbox","d":"Checkbox on radix-ui with 4 tones (neutral, brand, success, danger) and 3 sizes (sm, md, l","s":"ai2","c":"inputs/checkbox","vn":1,"hc":1},{"id":"ai2:radio-group","t":"Radio Group","d":"Radio group + item on radix-ui with 4 tones and 3 sizes. Exports RadioGroup and RadioGroup","s":"ai2","c":"inputs/radio","vn":1,"hc":1},{"id":"ai2:switch","t":"Switch","d":"Toggle switch on radix-ui with 4 tones (neutral, brand, success, danger) and 3 sizes (sm, ","s":"ai2","c":"actions/switch","sb":"With labels","vn":1,"hc":1},{"id":"ai2:badge","t":"Badge","d":"Badge with a variant x tone x size matrix: 3 variants (solid, soft, outline), 6 tones, 3 s","s":"ai2","c":"data-display/badge","vn":1,"hc":1},{"id":"ai2:avatar","t":"Avatar","d":"Avatar on radix-ui with 5 sizes (xs-xl) and 2 shapes (circle, rounded), plus AvatarGroup f","s":"ai2","c":"data-display/avatar","vn":1,"hc":1},{"id":"ai2:progress","t":"Progress","d":"Progress bar on radix-ui with 6 tones (neutral, brand, success, warning, danger, info) and","s":"ai2","c":"data-viz/progress-bar","vn":1,"hc":1},{"id":"ai2:skeleton","t":"Skeleton","d":"Loading placeholder on the ai2 surface-3 token with 3 shapes (line, circle, rect) and 2 an","s":"ai2","c":"status/skeleton","vn":1,"hc":1},{"id":"ai2:spinner","t":"Spinner","d":"Loading spinner (lucide) with 3 tones (current, brand, muted) and 4 sizes (sm-xl). Has rol","s":"ai2","c":"status/loader","sb":"Spinners","vn":1,"hc":1},{"id":"ai2:separator","t":"Separator","d":"Horizontal or vertical divider on radix-ui with 2 variants (solid, dashed) and an optional","s":"ai2","c":"inputs/form-field","vn":1,"hc":1},{"id":"ai2:kbd","t":"Kbd","d":"Keyboard key hint styled with the ai2 mono font and surface tokens. Use for shortcuts and ","s":"ai2","c":"data-display/typography","vn":1,"hc":1},{"id":"ai2:field","t":"Field","d":"Form field composition: Field, FieldControl, FieldLabel, FieldDescription, FieldError. Aut","s":"ai2","c":"inputs/form-field","sb":"Whole forms","vn":1,"hc":1},{"id":"ai2:tabs","t":"Tabs","d":"Tabs on radix-ui with 3 variants (solid segmented, line underline, pill) and 2 sizes (sm, ","s":"ai2","c":"navigation/tabs","vn":1,"hc":1},{"id":"ai2:accordion","t":"Accordion","d":"Accordion on radix-ui with 3 variants (default divided rows, separated cards, outline boxe","s":"ai2","c":"data-display/accordion","vn":1,"hc":1},{"id":"ai2:alert","t":"Alert","d":"Alert with a variant x tone matrix: 2 variants (soft, outline) x 6 tones. Optional leading","s":"ai2","c":"overlays/alert-banner","vn":1,"hc":1},{"id":"ai2:tooltip","t":"Tooltip","d":"Tooltip on radix-ui with portal, arrow, directional slide/zoom animations and 2 content si","s":"ai2","c":"overlays/tooltip","vn":1,"hc":1},{"id":"ai2:breadcrumb","t":"Breadcrumb","d":"Accessible breadcrumb (nav + ordered list) with link, current page, separator and ellipsis","s":"ai2","c":"navigation/breadcrumb","vn":1,"hc":1},{"id":"ai2:dialog","t":"Dialog","d":"Modal dialog on radix-ui with portal, overlay, focus trap, fade/zoom animations and 5 cont","s":"ai2","c":"overlays/dialog","vn":1,"hc":1},{"id":"ai2:sheet","t":"Sheet","d":"Slide-in panel on radix-ui Dialog with 4 sides (right, left, top, bottom), 3 sizes (sm, md","s":"ai2","c":"overlays/sheet","vn":1,"hc":1},{"id":"ai2:popover","t":"Popover","d":"Popover on radix-ui with portal, directional slide/zoom animations, 3 content sizes (sm, m","s":"ai2","c":"overlays/popover","vn":1,"hc":1},{"id":"ai2:dropdown-menu","t":"Dropdown Menu","d":"Full dropdown menu on radix-ui: items (default + danger variant), checkbox items, radio gr","s":"ai2","c":"navigation/menu","sb":"Dropdowns","vn":1,"hc":1},{"id":"ai2:select","t":"Select","d":"Select on radix-ui. Trigger follows the Input contract: 3 variants (outline, soft, ghost),","s":"ai2","c":"inputs/select","vn":1,"hc":1},{"id":"ai2:command","t":"Command","d":"Command palette (cmdk) with fuzzy search, groups, items, shortcuts and a CommandDialog wra","s":"ai2","c":"navigation/command-palette","vn":1,"hc":1},{"id":"ai2:sonner","t":"Toast (Sonner)","d":"Toast notifications via sonner, themed with ai2 tokens and synced to next-themes. Drop the","s":"ai2","c":"overlays/toast","vn":1,"hc":1},{"id":"ai2:table","t":"Table","d":"Composable table primitives (Table, TableHeader, TableBody, TableFooter, TableRow, TableHe","s":"ai2","c":"data-display/table","vn":1,"hc":1},{"id":"ai2:alert-dialog","t":"Alert Dialog","d":"Confirmation dialog on radix-ui AlertDialog for destructive or irreversible actions. Actio","s":"ai2","c":"overlays/dialog","sb":"Confirm","vn":1,"hc":1},{"id":"ai2:toggle","t":"Toggle","d":"Two-state toggle button on radix-ui with 2 variants (default, outline), 3 sizes and 2 tone","s":"ai2","c":"actions/switch","sb":"With labels","vn":2,"hc":1},{"id":"ai2:pagination","t":"Pagination","d":"Accessible pagination nav (previous/next, page links, ellipsis) styled with ai2 button var","s":"ai2","c":"navigation/pagination","vn":1,"hc":1},{"id":"ai2:combobox","t":"Combobox","d":"Searchable single-select built from Popover + Command. Trigger follows the Input contract:","s":"ai2","c":"inputs/combobox","vn":1,"hc":1},{"id":"ai2:slider","t":"Slider","d":"Range slider on radix-ui with 4 tones (neutral, brand, success, danger) coloring the range","s":"ai2","c":"inputs/slider","vn":1,"hc":1},{"id":"ai2:scroll-area","t":"Scroll Area","d":"Custom cross-browser scroll container on radix-ui with a thin token-colored scrollbar. Exp","k":"layout","s":"ai2","c":"layout/scroll-area","vn":1,"hc":1},{"id":"ai2:hover-card","t":"Hover Card","d":"Rich hover preview on radix-ui with portal, directional slide/zoom animations and 3 conten","s":"ai2","c":"overlays/hover-card","vn":1,"hc":1},{"id":"ai2:collapsible","t":"Collapsible","d":"Single expand/collapse region on radix-ui. Exports Collapsible, CollapsibleTrigger, Collap","s":"ai2","c":"data-display/accordion","vn":1,"hc":1},{"id":"ai2:empty","t":"Empty","d":"Empty-state placeholder: Empty wrapper with EmptyHeader, EmptyMedia (default or icon varia","s":"ai2","c":"data-display/empty-state","vn":1,"hc":1},{"id":"ai2:item","t":"Item","d":"List/row primitive with 3 variants (default, outline, muted) and 2 sizes (default, sm). Pa","s":"ai2","c":"data-display/list","vn":1,"hc":1},{"id":"ai2:drawer","t":"Drawer","d":"Draggable drawer on vaul with 4 directions (top, right, bottom, left), a drag handle on th","s":"ai2","c":"overlays/sheet","vn":1,"hc":1},{"id":"ai2:input-otp","t":"Input OTP","d":"One-time-passcode input on input-otp with individual slots, a blinking fake caret, active-","s":"ai2","c":"inputs/otp-input","vn":1,"hc":1},{"id":"ai2:calendar","t":"Calendar","d":"Date calendar on react-day-picker v10 styled with ai2 Button and tokens. Single, multiple ","s":"ai2","c":"data-display/calendar","vn":1,"hc":1},{"id":"ai2:date-picker","t":"Date Picker","d":"Date field that opens a Calendar in a Popover. Controlled or uncontrolled via value/defaul","s":"ai2","c":"inputs/date-picker","vn":1,"hc":1},{"id":"ai2:context-menu","t":"Context Menu","d":"Right-click menu on radix-ui with items, checkbox and radio items, submenus, labels, separ","s":"ai2","c":"overlays/context-menu","vn":1,"hc":1},{"id":"ai2:menubar","t":"Menubar","d":"Application menu bar on radix-ui with top-level menus, items, checkbox and radio items, su","s":"ai2","c":"navigation/top-nav","sb":"Mega menus","vn":1,"hc":1},{"id":"ai2:resizable","t":"Resizable","d":"Resizable split panels on react-resizable-panels with horizontal or vertical groups and an","k":"layout","s":"ai2","c":"layout/split-pane","vn":1,"hc":1},{"id":"ai2:carousel","t":"Carousel","d":"Slider/carousel on embla-carousel-react with horizontal or vertical orientation, keyboard ","s":"ai2","c":"media/carousel","vn":1,"hc":1},{"id":"ai2:avatars-badge","t":"Badge avatars","d":"Styled avatars: the Badge set. 5 decorative avatars variations (NotifyAvatar, StatusRingAv","s":"ai2","c":"data-display/badge","tg":["animated"],"sb":"User","sy":["animated"],"hc":1},{"id":"ai2:avatars-glass","t":"Glass avatars","d":"Styled avatars: the Glass set. 5 decorative avatars variations (FrostAvatar, TintAvatar, S","s":"ai2","c":"data-display/avatar","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"ai2:avatars-magnetic","t":"Magnetic avatars","d":"Styled avatars: the Magnetic set. 5 decorative avatars variations (MagneticAvatar, TiltAva","s":"ai2","c":"data-display/avatar","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"ai2:avatars-stack","t":"Stack avatars","d":"Styled avatars: the Stack set. 5 decorative avatars variations (AvatarStack, AvatarStackMo","s":"ai2","c":"data-display/avatar","hc":1},{"id":"ai2:avatars-styled","t":"Avatars essentials","d":"Styled avatars: the essentials set. 5 decorative avatars variations (RingAvatar, StatusAva","s":"ai2","c":"data-display/avatar","tg":["animated","gradient","neon"],"sy":["animated","gradient","neon"],"hc":1},{"id":"ai2:avatars-threed","t":"3D avatars","d":"Styled avatars: the 3D set. 5 decorative avatars variations (CoinAvatar, CardTiltAvatar, L","s":"ai2","c":"data-display/avatar","tg":["3d","animated","webgl"],"sy":["3d","animated","webgl"],"hc":1},{"id":"ai2:badges-animated","t":"Animated badges","d":"Styled badges: the Animated set. 5 decorative badges variations (ShimmerBadge, BounceBadge","s":"ai2","c":"data-display/badge","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"ai2:badges-glass","t":"Glass badges","d":"Styled badges: the Glass set. 5 decorative badges variations (FrostBadge, TintBadge, Cryst","s":"ai2","c":"data-display/badge","tg":["glass"],"sy":["glass"],"hc":1},{"id":"ai2:badges-particle","t":"Particle badges","d":"Styled badges: the Particle set. 5 decorative badges variations (SparkBadge, BurstBadge, T","k":"motion","s":"ai2","c":"motion/background","tg":["animated"],"sb":"Particles and stars","sy":["animated"],"hc":1},{"id":"ai2:badges-shine","t":"Shine badges","d":"Styled badges: the Shine set. 5 decorative badges variations (MetallicBadge, NeonBadge, Ho","s":"ai2","c":"data-display/badge","tg":["animated","neon"],"sb":"Animated","sy":["animated","neon"],"hc":1},{"id":"ai2:badges-status","t":"Status badges","d":"Styled badges: the Status set. 5 decorative badges variations (OnlineBadge, AwayBadge, Bus","s":"ai2","c":"data-display/badge","tg":["animated"],"sb":"Status","sy":["animated"],"hc":1},{"id":"ai2:badges-styled","t":"Badges essentials","d":"Styled badges: the essentials set. 5 decorative badges variations (DotBadge, GradientBadge","s":"ai2","c":"data-display/badge","tg":["animated","gradient","neon"],"sy":["animated","gradient","neon"],"hc":1},{"id":"ai2:buttons-3d","t":"3D buttons","d":"Styled buttons: the 3D set. 5 decorative buttons variations (PushButton, TiltButton, Layer","s":"ai2","c":"actions/button","tg":["3d","animated"],"sb":"Animated","sy":["3d","animated"],"hc":1},{"id":"ai2:buttons-animated","t":"Animated buttons","d":"Styled buttons: the Animated set. 5 decorative buttons variations (BounceButton, ScaleButt","s":"ai2","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"ai2:buttons-glass","t":"Glass buttons","d":"Styled buttons: the Glass set. 5 decorative buttons variations (FrostButton, TintButton, C","s":"ai2","c":"actions/button","tg":["3d","animated","glass"],"sb":"Animated","sy":["3d","animated","glass"],"hc":1},{"id":"ai2:buttons-glow","t":"Glow buttons","d":"Styled buttons: the Glow set. 5 decorative buttons variations (GlowButton, PulseGlowButton","s":"ai2","c":"actions/button","tg":["animated","neon"],"sb":"Animated","sy":["animated","neon"],"hc":1},{"id":"ai2:buttons-gradient","t":"Gradient buttons","d":"Styled buttons: the Gradient set. 5 decorative buttons variations (FlowButton, ConicButton","s":"ai2","c":"actions/button","tg":["animated","gradient"],"sb":"Animated","sy":["animated","gradient"],"hc":1},{"id":"ai2:buttons-magnetic","t":"Magnetic buttons","d":"Styled buttons: the Magnetic set. 5 decorative buttons variations (MagneticButton, RepelBu","s":"ai2","c":"actions/button","tg":["3d","animated"],"sb":"Animated","sy":["3d","animated"],"hc":1},{"id":"ai2:buttons-particle","t":"Particle buttons","d":"Styled buttons: the Particle set. 5 decorative buttons variations (BurstButton, ConfettiBu","s":"ai2","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"ai2:buttons-pill","t":"Pill buttons","d":"Styled buttons: the Pill set. 5 decorative buttons variations (FillButton, CenterFillButto","s":"ai2","c":"data-display/badge","tg":["animated"],"sb":"Tags and pills","sy":["animated"],"hc":1},{"id":"ai2:buttons-ripple","t":"Ripple buttons","d":"Styled buttons: the Ripple set. 5 decorative buttons variations (RippleButton, EchoButton,","s":"ai2","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"ai2:buttons-shiny","t":"Shiny buttons","d":"Styled buttons: the Shiny set. 5 decorative buttons variations (ShimmerButton, SheenButton","s":"ai2","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"ai2:buttons-stroke","t":"Stroke buttons","d":"Styled buttons: the Stroke set. 5 decorative buttons variations (RotateStrokeButton, BeamB","s":"ai2","c":"actions/button","tg":["animated","gradient"],"sb":"Animated","sy":["animated","gradient"],"hc":1},{"id":"ai2:buttons-text-animated","t":"Text animated buttons","d":"Styled buttons: the Text-animated set. 5 decorative buttons variations (BounceTextButton, ","s":"ai2","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"ai2:inputs-glass","t":"Glass inputs","d":"Styled inputs: the Glass set. 5 decorative inputs variations (FrostInput, TintInput, Cryst","s":"ai2","c":"inputs/form-field","tg":["3d","glass"],"sy":["3d","glass"],"hc":1},{"id":"ai2:inputs-magnetic","t":"Magnetic inputs","d":"Styled inputs: the Magnetic set. 5 decorative inputs variations (TiltInput, GlowTrailInput","s":"ai2","c":"inputs/form-field","tg":["3d","animated","neon"],"sy":["3d","animated","neon"],"hc":1},{"id":"ai2:inputs-otp","t":"OTP inputs","d":"Styled inputs: the OTP set. 5 decorative inputs variations (PinInput, SegmentInput, CodeIn","s":"ai2","c":"inputs/otp-input","hc":1},{"id":"ai2:inputs-styled","t":"Inputs essentials","d":"Styled inputs: the essentials set. 5 decorative inputs variations (UnderlineInput, FloatIn","s":"ai2","c":"inputs/form-field","tg":["neon"],"sy":["neon"],"hc":1},{"id":"ai2:inputs-typewriter","t":"Typewriter inputs","d":"Styled inputs: the Typewriter set. 5 decorative inputs variations (TypewriterInput, CycleP","k":"motion","s":"ai2","c":"motion/text-effect","tg":["animated"],"sb":"Typewriter","sy":["animated"],"hc":1},{"id":"ai2:inputs-validation","t":"Validation inputs","d":"Styled inputs: the Validation set. 5 decorative inputs variations (SuccessInput, ErrorInpu","s":"ai2","c":"inputs/form-field","hc":1},{"id":"ai2:loaders-dna","t":"DNA loaders","d":"Styled loaders: the DNA set. 5 decorative loaders variations (HelixLoader, LadderLoader, T","s":"ai2","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:loaders-morph","t":"Morph loaders","d":"Styled loaders: the Morph set. 5 decorative loaders variations (BlobLoader, FlipLoader, St","k":"motion","s":"ai2","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"ai2:loaders-orbital","t":"Orbital loaders","d":"Styled loaders: the Orbital set. 5 decorative loaders variations (SolarLoader, BinaryLoade","s":"ai2","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"ai2:loaders-particle","t":"Particle loaders","d":"Styled loaders: the Particle set. 5 decorative loaders variations (SwarmLoader, ScatterLoa","k":"motion","s":"ai2","c":"motion/background","tg":["animated"],"sb":"Particles and stars","sy":["animated"],"hc":1},{"id":"ai2:loaders-skeleton","t":"Skeleton loaders","d":"Styled loaders: the Skeleton set. 5 decorative loaders variations (LineSkeleton, CardSkele","s":"ai2","c":"status/skeleton","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:loaders-styled","t":"Loaders essentials","d":"Styled loaders: the essentials set. 5 decorative loaders variations (DotsLoader, BarsLoade","s":"ai2","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:loaders-text","t":"Text loaders","d":"Styled loaders: the Text set. 5 decorative loaders variations (TypingLoader, EllipsisLoade","k":"motion","s":"ai2","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:progress-circular","t":"Circular progress","d":"Styled progress: the Circular set. 5 decorative progress variations (RingProgress, ConicPr","s":"ai2","c":"data-viz/progress-bar","tg":["animated","neon"],"sy":["animated","neon"],"hc":1},{"id":"ai2:progress-indeterminate","t":"Indeterminate progress","d":"Styled progress: the Indeterminate set. 5 decorative progress variations (BarSweepProgress","s":"ai2","c":"data-viz/progress-bar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:progress-liquid","t":"Liquid progress","d":"Styled progress: the Liquid set. 5 decorative progress variations (WaveProgress, BubblePro","s":"ai2","c":"data-viz/progress-bar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:progress-stepped","t":"Stepped progress","d":"Styled progress: the Stepped set. 5 decorative progress variations (StepsProgress, DotsSte","s":"ai2","c":"data-viz/progress-bar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:progress-styled","t":"Progress essentials","d":"Styled progress: the essentials set. 5 decorative progress variations (StripedProgress, Gr","s":"ai2","c":"data-viz/progress-bar","tg":["animated","gradient","neon"],"sy":["animated","gradient","neon"],"hc":1},{"id":"ai2:progress-threed","t":"3D progress","d":"Styled progress: the 3D set. 5 decorative progress variations (RaisedProgress, TubeProgres","s":"ai2","c":"data-viz/progress-bar","tg":["3d","animated","webgl"],"sy":["3d","animated","webgl"],"hc":1},{"id":"ai2:toggles-3d","t":"3D toggles","d":"Styled toggles: the 3D set. 5 decorative toggles variations (RaisedToggle, PillPressToggle","s":"ai2","c":"actions/switch","tg":["3d","animated"],"sb":"Animated","sy":["3d","animated"],"hc":1},{"id":"ai2:toggles-liquid","t":"Liquid toggles","d":"Styled toggles: the Liquid set. 5 decorative toggles variations (LiquidToggle, BlobToggle,","s":"ai2","c":"actions/switch","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"ai2:toggles-neon","t":"Neon toggles","d":"Styled toggles: the Neon set. 5 decorative toggles variations (NeonToggle, OutlineNeonTogg","s":"ai2","c":"actions/switch","tg":["animated","neon"],"sb":"Animated","sy":["animated","neon"],"hc":1},{"id":"ai2:toggles-particle","t":"Particle toggles","d":"Styled toggles: the Particle set. 5 decorative toggles variations (ParticleToggle, SparkTo","k":"motion","s":"ai2","c":"motion/background","tg":["animated"],"sb":"Particles and stars","sy":["animated"],"hc":1},{"id":"ai2:toggles-styled","t":"Toggles essentials","d":"Styled toggles: the essentials set. 5 decorative toggles variations (IOSToggle, SquareTogg","s":"ai2","c":"data-display/badge","tg":["animated","neon"],"sy":["animated","neon"],"hc":1},{"id":"ai2:toggles-themed","t":"Themed toggles","d":"Styled toggles: the Themed set. 5 decorative toggles variations (DayNightToggle, CheckXTog","s":"ai2","c":"actions/switch","tg":["animated"],"sb":"Theme toggles","sy":["animated"],"hc":1},{"id":"ai2:tooltips-animated","t":"Animated tooltips","d":"Styled tooltips: the Animated set. 5 decorative tooltips variations (PopTooltip, FlipToolt","s":"ai2","c":"overlays/tooltip","tg":["neon"],"sy":["neon"],"hc":1},{"id":"ai2:tooltips-interactive","t":"Interactive tooltips","d":"Styled tooltips: the Interactive set. 5 decorative tooltips variations (ScaleTooltip, Unde","s":"ai2","c":"overlays/tooltip","hc":1},{"id":"ai2:tooltips-magnetic","t":"Magnetic tooltips","d":"Styled tooltips: the Magnetic set. 5 decorative tooltips variations (MagneticTooltip, Floa","s":"ai2","c":"overlays/tooltip","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"ai2:tooltips-rich","t":"Rich tooltips","d":"Styled tooltips: the Rich set. 5 decorative tooltips variations (TitleTooltip, IconTooltip","s":"ai2","c":"data-display/badge","hc":1},{"id":"ai2:tooltips-shape","t":"Shape tooltips","d":"Styled tooltips: the Shape set. 5 decorative tooltips variations (BubbleTooltip, PillToolt","s":"ai2","c":"data-display/badge","hc":1},{"id":"ai2:tooltips-styled","t":"Tooltips essentials","d":"Styled tooltips: the essentials set. 5 decorative tooltips variations (GlassTooltip, Gradi","s":"ai2","c":"overlays/tooltip","tg":["glass","gradient"],"sy":["glass","gradient"],"hc":1},{"id":"ai2:alert-styled","t":"Alert essentials","d":"Styled alert: the essentials set. 5 decorative alert variations (SoftAlert, LeftBarAlert, ","s":"ai2","c":"overlays/alert-banner","tg":["animated","glass","neon"],"sy":["animated","glass","neon"],"hc":1},{"id":"ai2:card-styled","t":"Card essentials","d":"Styled card: the essentials set. 5 decorative card variations (GlassCard, GradientBorderCa","s":"ai2","c":"data-display/card","tg":["3d","animated","glass"],"sy":["3d","animated","glass"],"hc":1},{"id":"ai2:checkbox-styled","t":"Checkbox essentials","d":"Styled checkbox: the essentials set. 5 decorative checkbox variations (FillCheckbox, Bounc","s":"ai2","c":"inputs/checkbox","tg":["animated","neon"],"sy":["animated","neon"],"hc":1},{"id":"ai2:separator-styled","t":"Separator essentials","d":"Styled separator: the essentials set. 5 decorative separator variations (GradientSeparator","k":"layout","s":"ai2","c":"layout/page-shell","tg":["animated","gradient","neon"],"sy":["animated","gradient","neon"],"hc":1},{"id":"ai2:skeleton-styled","t":"Skeleton essentials","d":"Styled skeleton: the essentials set. 5 decorative skeleton variations (ShimmerSkeleton, Pu","s":"ai2","c":"status/skeleton","tg":["animated","gradient","neon"],"sy":["animated","gradient","neon"],"hc":1},{"id":"ai2:textarea-styled","t":"Textarea essentials","d":"Styled textarea: the essentials set. 5 decorative textarea variations (UnderlineTextarea, ","s":"ai2","c":"inputs/textarea","tg":["neon"],"sy":["neon"],"hc":1},{"id":"ai2:accordion-styled","t":"Accordion essentials","d":"Styled accordion: the essentials set. 5 decorative accordion variations (BorderedAccordion","s":"ai2","c":"data-display/accordion","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"ai2:kbd-styled","t":"Kbd essentials","d":"Styled kbd: the essentials set. 5 decorative kbd variations (RaisedKbd, FlatKbd, GlowKbd, ","s":"ai2","c":"data-display/typography","tg":["neon"],"sy":["neon"],"hc":1},{"id":"ai2:label-styled","t":"Label essentials","d":"Styled label: the essentials set. 5 decorative label variations (RequiredLabel, UppercaseL","s":"ai2","c":"inputs/form-field","tg":["gradient"],"sb":"Animated fields","sy":["gradient"],"hc":1},{"id":"ai2:radio-group-styled","t":"Group styled radio","d":"Styled radio: the Group-styled set. 5 decorative radio variations (SegmentedRadio, CardRad","s":"ai2","c":"inputs/radio","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:slider-styled","t":"Slider essentials","d":"Styled slider: the essentials set. 5 decorative slider variations (GradientSlider, GlowSli","s":"ai2","c":"inputs/slider","tg":["animated","gradient","neon"],"sy":["animated","gradient","neon"],"hc":1},{"id":"ai2:tabs-styled","t":"Tabs essentials","d":"Styled tabs: the essentials set. 5 decorative tabs variations (UnderlineTabs, PillTabs, Se","s":"ai2","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:alert-dialog-styled","t":"Dialog styled alert","d":"Styled alert: the Dialog-styled set. 5 decorative alert variations (ConfirmAlert, Destruct","s":"ai2","c":"overlays/dialog","tg":["animated"],"sb":"Confirm","sy":["animated"],"hc":1},{"id":"ai2:dialog-styled","t":"Dialog essentials","d":"Styled dialog: the essentials set. 5 decorative dialog variations (CenterDialog, SlideUpDi","s":"ai2","c":"overlays/dialog","tg":["animated","glass"],"sb":"Animated","sy":["animated","glass"],"hc":1},{"id":"ai2:drawer-styled","t":"Drawer essentials","d":"Styled drawer: the essentials set. 5 decorative drawer variations (BottomDrawer, TopDrawer","s":"ai2","c":"overlays/sheet","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"ai2:hover-card-styled","t":"Card styled hover","d":"Styled hover: the Card-styled set. 5 decorative hover variations (ProfileHoverCard, GlassH","s":"ai2","c":"data-display/card","tg":["glass"],"sb":"Animated and glowing","sy":["glass"],"hc":1},{"id":"ai2:popover-styled","t":"Popover essentials","d":"Styled popover: the essentials set. 5 decorative popover variations (ArrowPopover, GlassPo","s":"ai2","c":"overlays/popover","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"ai2:sheet-styled","t":"Sheet essentials","d":"Styled sheet: the essentials set. 5 decorative sheet variations (RightSheet, LeftSheet, To","s":"ai2","c":"overlays/sheet","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"ai2:breadcrumb-styled","t":"Breadcrumb essentials","d":"Styled breadcrumb: the essentials set. 5 decorative breadcrumb variations (SlashBreadcrumb","s":"ai2","c":"navigation/breadcrumb","hc":1},{"id":"ai2:command-styled","t":"Command essentials","d":"Styled command: the essentials set. 5 decorative command variations (SimpleCommand, Groupe","s":"ai2","c":"data-display/badge","tg":["animated","glass","minimal"],"sy":["animated","glass","minimal"],"hc":1},{"id":"ai2:context-menu-styled","t":"Menu styled context","d":"Styled context: the Menu-styled set. 5 decorative context variations (SimpleContextMenu, I","s":"ai2","c":"navigation/menu","tg":["animated","minimal"],"sb":"Context menus","sy":["animated","minimal"],"hc":1},{"id":"ai2:dropdown-menu-styled","t":"Menu styled dropdown","d":"Styled dropdown: the Menu-styled set. 5 decorative dropdown variations (SimpleMenu, IconMe","s":"ai2","c":"navigation/menu","tg":["animated","minimal"],"sb":"Dropdowns","sy":["animated","minimal"],"hc":1},{"id":"ai2:menubar-styled","t":"Menubar essentials","d":"Styled menubar: the essentials set. 5 decorative menubar variations (BarMenubar, PillMenub","s":"ai2","c":"navigation/top-nav","tg":["animated","glass","minimal"],"sb":"Mega menus","sy":["animated","glass","minimal"],"hc":1},{"id":"ai2:pagination-styled","t":"Pagination essentials","d":"Styled pagination: the essentials set. 5 decorative pagination variations (NumberedPaginat","s":"ai2","c":"navigation/pagination","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"ai2:combobox-styled","t":"Combobox essentials","d":"Styled combobox: the essentials set. 5 decorative combobox variations (SimpleCombobox, Gla","s":"ai2","c":"inputs/combobox","tg":["animated","glass","minimal"],"sy":["animated","glass","minimal"],"hc":1},{"id":"ai2:field-styled","t":"Field essentials","d":"Styled field: the essentials set. 5 decorative field variations (StackedField, FloatingFie","s":"ai2","c":"inputs/form-field","hc":1},{"id":"ai2:file-input-styled","t":"Input styled file","d":"Styled file: the Input-styled set. 5 decorative file variations (DropzoneFile, ButtonFile,","s":"ai2","c":"inputs/form-field","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"ai2:input-group-styled","t":"Group styled input","d":"Styled input: the Group-styled set. 5 decorative input variations (PrefixGroup, SuffixGrou","s":"ai2","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"ai2:input-otp-styled","t":"Otp styled input","d":"Styled input: the Otp-styled set. 5 decorative input variations (BoxOtp, UnderlineOtp, Rou","s":"ai2","c":"inputs/otp-input","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:select-styled","t":"Select essentials","d":"Styled select: the essentials set. 5 decorative select variations (SimpleSelect, GlassSele","s":"ai2","c":"inputs/select","tg":["animated","glass","minimal"],"sy":["animated","glass","minimal"],"hc":1},{"id":"ai2:button-group-styled","t":"Group styled button","d":"Styled button: the Group-styled set. 5 decorative button variations (AttachedGroup, SplitG","s":"ai2","c":"actions/button","sb":"Groups and split","hc":1},{"id":"ai2:calendar-styled","t":"Calendar essentials","d":"Styled calendar: the essentials set. 5 decorative calendar variations (ClassicCalendar, Ro","s":"ai2","c":"data-display/calendar","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"ai2:date-picker-styled","t":"Picker styled date","d":"Styled date: the Picker-styled set. 5 decorative date variations (SimpleDatePicker, RangeD","s":"ai2","c":"inputs/select","tg":["animated","glass","minimal"],"sy":["animated","glass","minimal"],"hc":1},{"id":"ai2:item-styled","t":"Item essentials","d":"Styled item: the essentials set. 5 decorative item variations (SimpleItem, IconItem, Avata","s":"ai2","c":"data-display/list","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ai2:table-styled","t":"Table essentials","d":"Styled table: the essentials set. 5 decorative table variations (StripedTable, BorderedTab","s":"ai2","c":"data-display/table","tg":["neon"],"sy":["neon"],"hc":1},{"id":"ai2:toggle-group-styled","t":"Group styled toggle","d":"Styled toggle: the Group-styled set. 5 decorative toggle variations (SegmentedToggleGroup,","s":"ai2","c":"actions/segmented-control","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:carousel-styled","t":"Carousel essentials","d":"Styled carousel: the essentials set. 5 decorative carousel variations (SlideCarousel, Fade","s":"ai2","c":"media/carousel","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:collapsible-styled","t":"Collapsible essentials","d":"Styled collapsible: the essentials set. 5 decorative collapsible variations (SimpleCollaps","s":"ai2","c":"data-display/accordion","tg":["animated","minimal"],"sb":"Animated","sy":["animated","minimal"],"hc":1},{"id":"ai2:empty-styled","t":"Empty essentials","d":"Styled empty: the essentials set. 5 decorative empty variations (SimpleEmpty, IconEmpty, I","k":"resource","s":"ai2","c":"assets/illustration","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ai2:resizable-styled","t":"Resizable essentials","d":"Styled resizable: the essentials set. 5 decorative resizable variations (HorizontalResizab","k":"layout","s":"ai2","c":"layout/split-pane","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"ai2:scroll-area-styled","t":"Area styled scroll","d":"Styled scroll: the Area-styled set. 5 decorative scroll variations (ThinScrollArea, Rounde","k":"layout","s":"ai2","c":"layout/scroll-area","hc":1},{"id":"ai2:sonner-styled","t":"Sonner essentials","d":"Styled sonner: the essentials set. 5 decorative sonner variations (SimpleToaster, ToneToas","s":"ai2","c":"overlays/toast","tg":["animated","glass","minimal"],"sy":["animated","glass","minimal"],"hc":1},{"id":"ai2:dialog-blur","t":"Blur dialog","d":"Styled dialog: the Blur set. 5 decorative dialog variations (SoftBlurDialog, HeavyBlurDial","s":"ai2","c":"overlays/dialog","tg":["animated","gradient"],"sb":"Animated","sy":["animated","gradient"],"hc":1},{"id":"ai2:dialog-bordered","t":"Bordered dialog","d":"Styled dialog: the Bordered set. 5 decorative dialog variations (RingDialog, GlowDialog, G","s":"ai2","c":"overlays/dialog","tg":["animated","gradient","neon"],"sb":"Animated","sy":["animated","gradient","neon"],"hc":1},{"id":"ai2:dialog-corner","t":"Corner dialog","d":"Styled dialog: the Corner set. 5 decorative dialog variations (TopRightDialog, BottomRight","s":"ai2","c":"overlays/dialog","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"ai2:dialog-header","t":"Header dialog","d":"Styled dialog: the Header set. 5 decorative dialog variations (AccentHeaderDialog, IconHea","s":"ai2","c":"navigation/top-nav","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"ai2:dialog-motion","t":"Motion dialog","d":"Styled dialog: the Motion set. 5 decorative dialog variations (FlipDialog, SwingDialog, Zo","s":"ai2","c":"overlays/dialog","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"ai2:alert-dialog-accent","t":"Dialog accent alert","d":"Styled alert: the Dialog-accent set. 5 decorative alert variations (TopBarAlert, SideBarAl","s":"ai2","c":"overlays/dialog","tg":["animated","neon"],"sb":"Confirm","sy":["animated","neon"],"hc":1},{"id":"ai2:alert-dialog-glass","t":"Dialog glass alert","d":"Styled alert: the Dialog-glass set. 5 decorative alert variations (FrostAlert, TintAlert, ","s":"ai2","c":"overlays/dialog","tg":["animated","glass"],"sb":"Confirm","sy":["animated","glass"],"hc":1},{"id":"ai2:alert-dialog-illustration","t":"Dialog illustration alert","d":"Styled alert: the Dialog-illustration set. 5 decorative alert variations (SpotlightAlert, ","k":"resource","s":"ai2","c":"assets/illustration","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"ai2:alert-dialog-layout","t":"Dialog layout alert","d":"Styled alert: the Dialog-layout set. 5 decorative alert variations (CenteredAlert, Horizon","s":"ai2","c":"overlays/dialog","tg":["animated"],"sb":"Confirm","sy":["animated"],"hc":1},{"id":"ai2:alert-dialog-motion","t":"Dialog motion alert","d":"Styled alert: the Dialog-motion set. 5 decorative alert variations (ShakeAlert, PopAlert, ","s":"ai2","c":"overlays/dialog","tg":["animated"],"sb":"Confirm","sy":["animated"],"hc":1},{"id":"ai2:sheet-blur","t":"Blur sheet","d":"Styled sheet: the Blur set. 5 decorative sheet variations (SoftBlurSheet, HeavyBlurSheet, ","s":"ai2","c":"overlays/sheet","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"ai2:sheet-content","t":"Content sheet","d":"Styled sheet: the Content set. 5 decorative sheet variations (MenuSheet, FormSheet, ListSh","s":"ai2","c":"overlays/sheet","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:sheet-header","t":"Header sheet","d":"Styled sheet: the Header set. 5 decorative sheet variations (TitleSheet, StickySheet, Foot","s":"ai2","c":"navigation/top-nav","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:sheet-inset","t":"Inset sheet","d":"Styled sheet: the Inset set. 5 decorative sheet variations (FloatingSheet, RoundedSheet, M","s":"ai2","c":"overlays/sheet","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:sheet-motion","t":"Motion sheet","d":"Styled sheet: the Motion set. 5 decorative sheet variations (SlideSheet, SpringSheet, Fade","s":"ai2","c":"overlays/sheet","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:hover-card-accent","t":"Card accent hover","d":"Styled hover: the Card-accent set. 5 decorative hover variations (BorderHoverCard, GlowHov","s":"ai2","c":"data-display/card","tg":["animated","neon"],"sb":"Animated and glowing","sy":["animated","neon"],"hc":1},{"id":"ai2:hover-card-layout","t":"Card layout hover","d":"Styled hover: the Card-layout set. 5 decorative hover variations (HorizontalHoverCard, Com","s":"ai2","c":"data-display/card","tg":["animated"],"sb":"Animated and glowing","sy":["animated"],"hc":1},{"id":"ai2:hover-card-motion","t":"Card motion hover","d":"Styled hover: the Card-motion set. 5 decorative hover variations (FadeHoverCard, ScaleHove","s":"ai2","c":"data-display/card","tg":["animated"],"sb":"Animated and glowing","sy":["animated"],"hc":1},{"id":"ai2:hover-card-placement","t":"Card placement hover","d":"Styled hover: the Card-placement set. 5 decorative hover variations (TopHoverCard, BottomH","s":"ai2","c":"data-display/card","tg":["animated"],"sb":"Animated and glowing","sy":["animated"],"hc":1},{"id":"ai2:hover-card-tone","t":"Card tone hover","d":"Styled hover: the Card-tone set. 5 decorative hover variations (PrimaryHoverCard, SuccessH","s":"ai2","c":"data-display/card","tg":["animated"],"sb":"Animated and glowing","sy":["animated"],"hc":1},{"id":"ai2:popover-accent","t":"Accent popover","d":"Styled popover: the Accent set. 5 decorative popover variations (BorderPopover, GlowPopove","s":"ai2","c":"overlays/popover","tg":["animated","neon"],"sy":["animated","neon"],"hc":1},{"id":"ai2:popover-compact","t":"Compact popover","d":"Styled popover: the Compact set. 5 decorative popover variations (MiniPopover, DensePopove","s":"ai2","c":"overlays/popover","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:popover-motion","t":"Motion popover","d":"Styled popover: the Motion set. 5 decorative popover variations (FadePopover, ScalePopover","s":"ai2","c":"overlays/popover","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:popover-placement","t":"Placement popover","d":"Styled popover: the Placement set. 5 decorative popover variations (TopPopover, BottomPopo","s":"ai2","c":"overlays/popover","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:popover-tone","t":"Tone popover","d":"Styled popover: the Tone set. 5 decorative popover variations (PrimaryPopover, SuccessPopo","s":"ai2","c":"overlays/popover","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:drawer-blur","t":"Blur drawer","d":"Styled drawer: the Blur set. 5 decorative drawer variations (SoftBlurDrawer, HeavyBlurDraw","s":"ai2","c":"overlays/sheet","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"ai2:drawer-content","t":"Content drawer","d":"Styled drawer: the Content set. 5 decorative drawer variations (MenuDrawer, FormDrawer, Li","s":"ai2","c":"overlays/sheet","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:drawer-header","t":"Header drawer","d":"Styled drawer: the Header set. 5 decorative drawer variations (TitleDrawer, StickyDrawer, ","s":"ai2","c":"navigation/top-nav","tg":["animated"],"sb":"Mobile","sy":["animated"],"hc":1},{"id":"ai2:drawer-motion","t":"Motion drawer","d":"Styled drawer: the Motion set. 5 decorative drawer variations (SlideDrawer, SpringDrawer, ","s":"ai2","c":"overlays/sheet","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:drawer-side","t":"Side drawer","d":"Styled drawer: the Side set. 5 decorative drawer variations (RightDrawer, LeftDrawer, Righ","s":"ai2","c":"overlays/sheet","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:accordion-accent","t":"Accent accordion","d":"Styled accordion: the Accent set. 5 decorative accordion variations (BarAccordion, GrowAcc","s":"ai2","c":"data-display/accordion","tg":["animated","neon"],"sb":"Animated","sy":["animated","neon"],"hc":1},{"id":"ai2:accordion-glass","t":"Glass accordion","d":"Styled accordion: the Glass set. 5 decorative accordion variations (FrostAccordion, TintAc","s":"ai2","c":"data-display/accordion","tg":["3d","animated","glass"],"sb":"Animated","sy":["3d","animated","glass"],"hc":1},{"id":"ai2:accordion-numbered","t":"Numbered accordion","d":"Styled accordion: the Numbered set. 5 decorative accordion variations (CircleAccordion, Sq","s":"ai2","c":"data-display/accordion","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"ai2:accordion-timeline","t":"Timeline accordion","d":"Styled accordion: the Timeline set. 5 decorative accordion variations (LineAccordion, Dash","s":"ai2","c":"data-display/timeline","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"ai2:accordion-underline","t":"Underline accordion","d":"Styled accordion: the Underline set. 5 decorative accordion variations (SweepAccordion, Ce","s":"ai2","c":"data-display/accordion","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"ai2:carousel-coverflow","t":"Coverflow carousel","d":"Styled carousel: the Coverflow set. 5 decorative carousel variations (FlowCarousel, DeepCa","s":"ai2","c":"media/carousel","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"ai2:carousel-fraction","t":"Fraction carousel","d":"Styled carousel: the Fraction set. 5 decorative carousel variations (CounterCarousel, BarC","s":"ai2","c":"media/carousel","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:carousel-parallax","t":"Parallax carousel","d":"Styled carousel: the Parallax set. 5 decorative carousel variations (SoftCarousel, DeepCar","k":"layout","s":"ai2","c":"layout/scroll-area","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"ai2:carousel-thumbnails","t":"Thumbnails carousel","d":"Styled carousel: the Thumbnails set. 5 decorative carousel variations (BelowCarousel, Side","s":"ai2","c":"media/carousel","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:carousel-vertical","t":"Vertical carousel","d":"Styled carousel: the Vertical set. 5 decorative carousel variations (SlideCarousel, FadeCa","s":"ai2","c":"media/carousel","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:collapsible-accent","t":"Accent collapsible","d":"Styled collapsible: the Accent set. 5 decorative collapsible variations (BarCollapsible, G","s":"ai2","c":"data-display/accordion","tg":["animated","neon"],"sb":"Animated","sy":["animated","neon"],"hc":1},{"id":"ai2:collapsible-glass","t":"Glass collapsible","d":"Styled collapsible: the Glass set. 5 decorative collapsible variations (FrostCollapsible, ","s":"ai2","c":"data-display/accordion","tg":["3d","animated","glass"],"sb":"Animated","sy":["3d","animated","glass"],"hc":1},{"id":"ai2:collapsible-notice","t":"Notice collapsible","d":"Styled collapsible: the Notice set. 5 decorative collapsible variations (InfoCollapsible, ","s":"ai2","c":"overlays/alert-banner","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:collapsible-split","t":"Split collapsible","d":"Styled collapsible: the Split set. 5 decorative collapsible variations (PillCollapsible, S","s":"ai2","c":"data-display/accordion","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"ai2:collapsible-underline","t":"Underline collapsible","d":"Styled collapsible: the Underline set. 5 decorative collapsible variations (SweepCollapsib","s":"ai2","c":"data-display/accordion","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"ai2:resizable-accent","t":"Accent resizable","d":"Styled resizable: the Accent set. 5 decorative resizable variations (BarResizable, GlowRes","k":"layout","s":"ai2","c":"layout/split-pane","tg":["animated","neon"],"sy":["animated","neon"],"hc":1},{"id":"ai2:resizable-inset","t":"Inset resizable","d":"Styled resizable: the Inset set. 5 decorative resizable variations (SoftResizable, DeepRes","k":"layout","s":"ai2","c":"layout/split-pane","hc":1},{"id":"ai2:resizable-minimal","t":"Minimal resizable","d":"Styled resizable: the Minimal set. 5 decorative resizable variations (LineResizable, HairR","k":"layout","s":"ai2","c":"layout/split-pane","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ai2:resizable-panel","t":"Panel resizable","d":"Styled resizable: the Panel set. 5 decorative resizable variations (HeaderResizable, Title","k":"layout","s":"ai2","c":"layout/split-pane","hc":1},{"id":"ai2:resizable-ratio","t":"Ratio resizable","d":"Styled resizable: the Ratio set. 5 decorative resizable variations (PillResizable, InlineR","k":"layout","s":"ai2","c":"layout/split-pane","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:scroll-area-fade","t":"Area fade scroll","d":"Styled scroll: the Area-fade set. 5 decorative scroll variations (TopFadeScrollArea, Botto","k":"layout","s":"ai2","c":"layout/scroll-area","hc":1},{"id":"ai2:scroll-area-gutter","t":"Area gutter scroll","d":"Styled scroll: the Area-gutter set. 5 decorative scroll variations (RailScrollArea, Groove","k":"layout","s":"ai2","c":"layout/scroll-area","hc":1},{"id":"ai2:scroll-area-inset","t":"Area inset scroll","d":"Styled scroll: the Area-inset set. 5 decorative scroll variations (SoftInsetScrollArea, De","k":"layout","s":"ai2","c":"layout/scroll-area","hc":1},{"id":"ai2:scroll-area-primary","t":"Area primary scroll","d":"Styled scroll: the Area-primary set. 5 decorative scroll variations (SolidPrimaryScrollAre","k":"layout","s":"ai2","c":"layout/scroll-area","tg":["gradient","neon"],"sy":["gradient","neon"],"hc":1},{"id":"ai2:scroll-area-shadow","t":"Area shadow scroll","d":"Styled scroll: the Area-shadow set. 5 decorative scroll variations (FloatShadowScrollArea,","k":"layout","s":"ai2","c":"layout/scroll-area","hc":1},{"id":"ai2:alert-action","t":"Action alert","d":"Styled alert: the Action set. 5 decorative alert variations (DismissAlert, LinkAlert, Butt","s":"ai2","c":"overlays/alert-banner","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:alert-banner","t":"Banner alert","d":"Styled alert: the Banner set. 5 decorative alert variations (TopAlert, InlineAlert, Sticky","s":"ai2","c":"overlays/alert-banner","hc":1},{"id":"ai2:alert-motion","t":"Motion alert","d":"Styled alert: the Motion set. 5 decorative alert variations (SlideAlert, PopAlert, FadeAle","s":"ai2","c":"overlays/alert-banner","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:alert-outline","t":"Outline alert","d":"Styled alert: the Outline set. 5 decorative alert variations (RingAlert, DashedAlert, Doub","s":"ai2","c":"overlays/alert-banner","hc":1},{"id":"ai2:alert-solid","t":"Solid alert","d":"Styled alert: the Solid set. 5 decorative alert variations (FlatAlert, DeepAlert, Gradient","s":"ai2","c":"overlays/alert-banner","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"ai2:breadcrumb-collapse","t":"Collapse breadcrumb","d":"Styled breadcrumb: the Collapse set. 5 decorative breadcrumb variations (EllipsisBreadcrum","s":"ai2","c":"navigation/breadcrumb","hc":1},{"id":"ai2:empty-error","t":"Error empty","d":"Styled empty: the Error set. 5 decorative empty variations (ErrorEmpty, OfflineEmpty, Deni","s":"ai2","c":"data-display/empty-state","hc":1},{"id":"ai2:empty-glass","t":"Glass empty","d":"Styled empty: the Glass set. 5 decorative empty variations (FrostEmpty, TintEmpty, SmokeEm","s":"ai2","c":"data-display/empty-state","tg":["3d","glass"],"sy":["3d","glass"],"hc":1},{"id":"ai2:empty-motion","t":"Motion empty","d":"Styled empty: the Motion set. 5 decorative empty variations (FloatEmpty, FadeEmpty, PopEmp","s":"ai2","c":"data-display/empty-state","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:empty-onboarding","t":"Onboarding empty","d":"Styled empty: the Onboarding set. 5 decorative empty variations (StepsEmpty, ChecklistEmpt","s":"ai2","c":"navigation/wizard-steps","hc":1},{"id":"ai2:empty-search","t":"Search empty","d":"Styled empty: the Search set. 5 decorative empty variations (QueryEmpty, FilterEmpty, Sugg","s":"ai2","c":"inputs/search","hc":1},{"id":"ai2:pagination-glass","t":"Glass pagination","d":"Styled pagination: the Glass set. 5 decorative pagination variations (FrostPagination, Tin","s":"ai2","c":"navigation/pagination","tg":["3d","animated","glass"],"sy":["3d","animated","glass"],"hc":1},{"id":"ai2:skeleton-avatar","t":"Avatar skeleton","d":"Styled skeleton: the Avatar set. 5 decorative skeleton variations (AvatarCircleSkeleton, A","s":"ai2","c":"data-display/avatar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:skeleton-card","t":"Card skeleton","d":"Styled skeleton: the Card set. 5 decorative skeleton variations (MediaSkeleton, ProfileSke","s":"ai2","c":"status/skeleton","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:skeleton-shapes","t":"Shapes skeleton","d":"Styled skeleton: the Shapes set. 5 decorative skeleton variations (CircleSkeleton, SquareS","k":"resource","s":"ai2","c":"assets/shape","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:skeleton-table","t":"Table skeleton","d":"Styled skeleton: the Table set. 5 decorative skeleton variations (RowsSkeleton, ColumnsSke","s":"ai2","c":"status/skeleton","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:skeleton-text","t":"Text skeleton","d":"Styled skeleton: the Text set. 5 decorative skeleton variations (LineSkeleton, ParagraphSk","k":"motion","s":"ai2","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:sonner-compact","t":"Compact sonner","d":"Styled sonner: the Compact set. 5 decorative sonner variations (MinimalToaster, InlineToas","s":"ai2","c":"overlays/toast","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"ai2:sonner-motion","t":"Motion sonner","d":"Styled sonner: the Motion set. 5 decorative sonner variations (SlideToaster, PopToaster, F","s":"ai2","c":"overlays/toast","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:sonner-position","t":"Position sonner","d":"Styled sonner: the Position set. 5 decorative sonner variations (TopRightToaster, TopCente","s":"ai2","c":"overlays/toast","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:sonner-progress","t":"Progress sonner","d":"Styled sonner: the Progress set. 5 decorative sonner variations (BarToaster, RingToaster, ","s":"ai2","c":"data-viz/progress-bar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:sonner-rich","t":"Rich sonner","d":"Styled sonner: the Rich set. 5 decorative sonner variations (TitleToaster, AvatarToaster, ","s":"ai2","c":"overlays/toast","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:breadcrumb-bar","t":"Bar breadcrumb","d":"Styled breadcrumb: the Bar set. 5 decorative breadcrumb variations (BarBreadcrumb, CardBre","s":"ai2","c":"navigation/breadcrumb","hc":1},{"id":"ai2:breadcrumb-glass","t":"Glass breadcrumb","d":"Styled breadcrumb: the Glass set. 5 decorative breadcrumb variations (FrostBreadcrumb, Tin","s":"ai2","c":"navigation/breadcrumb","tg":["3d","glass"],"sy":["3d","glass"],"hc":1},{"id":"ai2:breadcrumb-icon","t":"Icon breadcrumb","d":"Styled breadcrumb: the Icon set. 5 decorative breadcrumb variations (HomeBreadcrumb, Folde","k":"resource","s":"ai2","c":"assets/icon","hc":1},{"id":"ai2:breadcrumb-motion","t":"Motion breadcrumb","d":"Styled breadcrumb: the Motion set. 5 decorative breadcrumb variations (HoverBreadcrumb, Sl","s":"ai2","c":"navigation/breadcrumb","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:command-accent","t":"Accent command","d":"Styled command: the Accent set. 5 decorative command variations (BarCommand, GlowCommand, ","s":"ai2","c":"other/other","tg":["animated","neon"],"sy":["animated","neon"],"hc":1},{"id":"ai2:command-compact","t":"Compact command","d":"Styled command: the Compact set. 5 decorative command variations (DenseCommand, MinimalCom","s":"ai2","c":"other/other","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"ai2:command-dialog","t":"Dialog command","d":"Styled command: the Dialog set. 5 decorative command variations (ModalCommand, OverlayComm","s":"ai2","c":"overlays/dialog","tg":["animated"],"sb":"Search","sy":["animated"],"hc":1},{"id":"ai2:command-empty","t":"Empty command","d":"Styled command: the Empty set. 5 decorative command variations (EmptyCommand, LoadingComma","s":"ai2","c":"data-display/empty-state","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:command-motion","t":"Motion command","d":"Styled command: the Motion set. 5 decorative command variations (SlideCommand, PopCommand,","s":"ai2","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:context-menu-check","t":"Menu check context","d":"Styled context: the Menu-check set. 5 decorative context variations (CheckContextMenu, Rad","s":"ai2","c":"navigation/menu","tg":["animated"],"sb":"Context menus","sy":["animated"],"hc":1},{"id":"ai2:context-menu-compact","t":"Menu compact context","d":"Styled context: the Menu-compact set. 5 decorative context variations (DenseContextMenu, M","s":"ai2","c":"navigation/menu","tg":["animated","minimal"],"sb":"Context menus","sy":["animated","minimal"],"hc":1},{"id":"ai2:context-menu-glass","t":"Menu glass context","d":"Styled context: the Menu-glass set. 5 decorative context variations (FrostContextMenu, Tin","s":"ai2","c":"navigation/menu","tg":["3d","animated","glass"],"sb":"Context menus","sy":["3d","animated","glass"],"hc":1},{"id":"ai2:context-menu-motion","t":"Menu motion context","d":"Styled context: the Menu-motion set. 5 decorative context variations (PopContextMenu, Fade","s":"ai2","c":"navigation/menu","tg":["animated"],"sb":"Context menus","sy":["animated"],"hc":1},{"id":"ai2:context-menu-submenu","t":"Menu submenu context","d":"Styled context: the Menu-submenu set. 5 decorative context variations (NestedContextMenu, ","s":"ai2","c":"navigation/menu","tg":["animated"],"sb":"Context menus","sy":["animated"],"hc":1},{"id":"ai2:dropdown-menu-glass","t":"Menu glass dropdown","d":"Styled dropdown: the Menu-glass set. 5 decorative dropdown variations (FrostMenu, TintMenu","s":"ai2","c":"navigation/menu","tg":["3d","animated","glass"],"sb":"Dropdowns","sy":["3d","animated","glass"],"hc":1},{"id":"ai2:dropdown-menu-motion","t":"Menu motion dropdown","d":"Styled dropdown: the Menu-motion set. 5 decorative dropdown variations (SlideMenu, PopMenu","s":"ai2","c":"navigation/menu","tg":["animated"],"sb":"Dropdowns","sy":["animated"],"hc":1},{"id":"ai2:dropdown-menu-placement","t":"Menu placement dropdown","d":"Styled dropdown: the Menu-placement set. 5 decorative dropdown variations (BottomMenu, Top","s":"ai2","c":"navigation/menu","tg":["animated"],"sb":"Dropdowns","sy":["animated"],"hc":1},{"id":"ai2:dropdown-menu-shortcut","t":"Menu shortcut dropdown","d":"Styled dropdown: the Menu-shortcut set. 5 decorative dropdown variations (KbdMenu, InlineM","s":"ai2","c":"navigation/menu","tg":["animated"],"sb":"Dropdowns","sy":["animated"],"hc":1},{"id":"ai2:dropdown-menu-tone","t":"Menu tone dropdown","d":"Styled dropdown: the Menu-tone set. 5 decorative dropdown variations (InfoMenu, SuccessMen","s":"ai2","c":"navigation/menu","tg":["animated"],"sb":"Dropdowns","sy":["animated"],"hc":1},{"id":"ai2:menubar-accent","t":"Accent menubar","d":"Styled menubar: the Accent set. 5 decorative menubar variations (BarMenubarAccent, GlowMen","s":"ai2","c":"navigation/top-nav","tg":["animated","neon"],"sb":"Mega menus","sy":["animated","neon"],"hc":1},{"id":"ai2:menubar-dense","t":"Dense menubar","d":"Styled menubar: the Dense set. 5 decorative menubar variations (CompactMenubar2, NarrowMen","s":"ai2","c":"navigation/top-nav","tg":["animated"],"sb":"Mega menus","sy":["animated"],"hc":1},{"id":"ai2:menubar-motion","t":"Motion menubar","d":"Styled menubar: the Motion set. 5 decorative menubar variations (SlideMenubar, FadeMenubar","s":"ai2","c":"navigation/top-nav","tg":["animated"],"sb":"Mega menus","sy":["animated"],"hc":1},{"id":"ai2:menubar-shortcut","t":"Shortcut menubar","d":"Styled menubar: the Shortcut set. 5 decorative menubar variations (KbdMenubar, InlineMenub","s":"ai2","c":"navigation/top-nav","tg":["animated"],"sb":"Mega menus","sy":["animated"],"hc":1},{"id":"ai2:menubar-tone","t":"Tone menubar","d":"Styled menubar: the Tone set. 5 decorative menubar variations (InfoMenubar, SuccessMenubar","s":"ai2","c":"navigation/top-nav","tg":["animated"],"sb":"Mega menus","sy":["animated"],"hc":1},{"id":"ai2:pagination-compact","t":"Compact pagination","d":"Styled pagination: the Compact set. 5 decorative pagination variations (InputPagination, J","s":"ai2","c":"navigation/pagination","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"ai2:pagination-motion","t":"Motion pagination","d":"Styled pagination: the Motion set. 5 decorative pagination variations (SlidePagination, Po","s":"ai2","c":"navigation/pagination","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:pagination-outline","t":"Outline pagination","d":"Styled pagination: the Outline set. 5 decorative pagination variations (RingPagination, Da","s":"ai2","c":"navigation/pagination","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:pagination-rich","t":"Rich pagination","d":"Styled pagination: the Rich set. 5 decorative pagination variations (SizesPagination, Tota","s":"ai2","c":"navigation/pagination","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:tabs-accent","t":"Accent tabs","d":"Styled tabs: the Accent set. 5 decorative tabs variations (BarTabs, GlowTabs, FillTabs, Ri","s":"ai2","c":"navigation/tabs","tg":["animated","neon"],"sy":["animated","neon"],"hc":1},{"id":"ai2:tabs-badge","t":"Badge tabs","d":"Styled tabs: the Badge set. 5 decorative tabs variations (CountTabs, DotTabs, StatusTabs, ","s":"ai2","c":"data-display/badge","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:tabs-glass","t":"Glass tabs","d":"Styled tabs: the Glass set. 5 decorative tabs variations (FrostTabs, TintTabs, SmokeTabs, ","s":"ai2","c":"navigation/tabs","tg":["3d","animated","glass"],"sy":["3d","animated","glass"],"hc":1},{"id":"ai2:tabs-motion","t":"Motion tabs","d":"Styled tabs: the Motion set. 5 decorative tabs variations (SlideTabs, FadeTabs, PopTabs, M","s":"ai2","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:tabs-vertical","t":"Vertical tabs","d":"Styled tabs: the Vertical set. 5 decorative tabs variations (LeftTabs, RightTabs, CardTabs","s":"ai2","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:button-group-glass","t":"Group glass button","d":"Styled button: the Group-glass set. 5 decorative button variations (FrostButtonGroup, Tint","s":"ai2","c":"actions/button","tg":["3d","glass"],"sb":"Groups and split","sy":["3d","glass"],"hc":1},{"id":"ai2:button-group-icon","t":"Group icon button","d":"Styled button: the Group-icon set. 5 decorative button variations (IconButtonGroup, LabelB","k":"resource","s":"ai2","c":"assets/icon","hc":1},{"id":"ai2:button-group-motion","t":"Group motion button","d":"Styled button: the Group-motion set. 5 decorative button variations (SlideButtonGroup, Pop","s":"ai2","c":"actions/button","tg":["animated"],"sb":"Groups and split","sy":["animated"],"hc":1},{"id":"ai2:button-group-tone","t":"Group tone button","d":"Styled button: the Group-tone set. 5 decorative button variations (InfoButtonGroup, Succes","s":"ai2","c":"actions/button","sb":"Groups and split","hc":1},{"id":"ai2:button-group-vertical","t":"Group vertical button","d":"Styled button: the Group-vertical set. 5 decorative button variations (StackButtonGroup, R","s":"ai2","c":"actions/button","sb":"Groups and split","hc":1},{"id":"ai2:calendar-event","t":"Event calendar","d":"Styled calendar: the Event set. 5 decorative calendar variations (DotCalendar, BadgeCalend","s":"ai2","c":"data-display/calendar","hc":1},{"id":"ai2:calendar-minimal","t":"Minimal calendar","d":"Styled calendar: the Minimal set. 5 decorative calendar variations (BareCalendar, GhostCal","s":"ai2","c":"data-display/calendar","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ai2:calendar-motion","t":"Motion calendar","d":"Styled calendar: the Motion set. 5 decorative calendar variations (SlideCalendar, FadeCale","s":"ai2","c":"data-display/calendar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:calendar-tone","t":"Tone calendar","d":"Styled calendar: the Tone set. 5 decorative calendar variations (InfoCalendar, SuccessCale","s":"ai2","c":"data-display/calendar","hc":1},{"id":"ai2:calendar-week","t":"Week calendar","d":"Styled calendar: the Week set. 5 decorative calendar variations (WeekCalendar, DaysCalenda","s":"ai2","c":"data-display/calendar","hc":1},{"id":"ai2:card-media","t":"Media card","d":"Styled card: the Media set. 5 decorative card variations (ImageCard, CoverCard, OverlayCar","s":"ai2","c":"data-display/card","hc":1},{"id":"ai2:card-motion","t":"Motion card","d":"Styled card: the Motion set. 5 decorative card variations (LiftCard, FadeCard, PopCard, Sl","s":"ai2","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:card-outline","t":"Outline card","d":"Styled card: the Outline set. 5 decorative card variations (RingCard, DashedCard, DoubleCa","s":"ai2","c":"data-display/card","hc":1},{"id":"ai2:card-pricing","t":"Pricing card","d":"Styled card: the Pricing set. 5 decorative card variations (TierCard, FeaturedCard, Compac","k":"section","s":"ai2","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"ai2:card-stat","t":"Stat card","d":"Styled card: the Stat set. 5 decorative card variations (MetricCard, TrendCard, SparklineC","s":"ai2","c":"data-display/stat","hc":1},{"id":"ai2:checkbox-card","t":"Card checkbox","d":"Styled checkbox: the Card set. 5 decorative checkbox variations (CardCheckbox, TileCheckbo","s":"ai2","c":"inputs/checkbox","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:checkbox-indeterminate","t":"Indeterminate checkbox","d":"Styled checkbox: the Indeterminate set. 5 decorative checkbox variations (MixedCheckbox, P","s":"ai2","c":"inputs/checkbox","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:checkbox-list","t":"List checkbox","d":"Styled checkbox: the List set. 5 decorative checkbox variations (RowCheckbox, DividedCheck","s":"ai2","c":"inputs/checkbox","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:checkbox-switch","t":"Switch checkbox","d":"Styled checkbox: the Switch set. 5 decorative checkbox variations (ToggleCheckbox, PillChe","s":"ai2","c":"actions/switch","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"ai2:checkbox-tone","t":"Tone checkbox","d":"Styled checkbox: the Tone set. 5 decorative checkbox variations (InfoCheckbox, SuccessChec","s":"ai2","c":"inputs/checkbox","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:combobox-async","t":"Async combobox","d":"Styled combobox: the Async set. 5 decorative combobox variations (LoadingCombobox, EmptyCo","s":"ai2","c":"inputs/combobox","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:combobox-motion","t":"Motion combobox","d":"Styled combobox: the Motion set. 5 decorative combobox variations (SlideCombobox, PopCombo","s":"ai2","c":"inputs/combobox","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:combobox-multi","t":"Multi combobox","d":"Styled combobox: the Multi set. 5 decorative combobox variations (ChipsCombobox, CountComb","s":"ai2","c":"inputs/combobox","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:combobox-rich","t":"Rich combobox","d":"Styled combobox: the Rich set. 5 decorative combobox variations (AvatarCombobox, Descripti","s":"ai2","c":"inputs/combobox","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:combobox-tone","t":"Tone combobox","d":"Styled combobox: the Tone set. 5 decorative combobox variations (InfoCombobox, SuccessComb","s":"ai2","c":"inputs/combobox","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:date-picker-compact","t":"Picker compact date","d":"Styled date: the Picker-compact set. 5 decorative date variations (DenseDatePicker, Minima","s":"ai2","c":"inputs/select","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"ai2:date-picker-motion","t":"Picker motion date","d":"Styled date: the Picker-motion set. 5 decorative date variations (SlideDatePicker, PopDate","s":"ai2","c":"inputs/select","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:date-picker-preset","t":"Picker preset date","d":"Styled date: the Picker-preset set. 5 decorative date variations (QuickDatePicker, Shortcu","s":"ai2","c":"inputs/select","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:date-picker-time","t":"Picker time date","d":"Styled date: the Picker-time set. 5 decorative date variations (TimeDatePicker, DateTimeDa","s":"ai2","c":"inputs/select","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:date-picker-tone","t":"Picker tone date","d":"Styled date: the Picker-tone set. 5 decorative date variations (InfoDatePicker, SuccessDat","s":"ai2","c":"inputs/select","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:field-glass","t":"Glass field","d":"Styled field: the Glass set. 5 decorative field variations (FrostField, TintField, SmokeFi","s":"ai2","c":"inputs/form-field","tg":["3d","glass"],"sy":["3d","glass"],"hc":1},{"id":"ai2:field-group","t":"Group field","d":"Styled field: the Group set. 5 decorative field variations (RowField, SplitField, GridFiel","s":"ai2","c":"inputs/form-field","hc":1},{"id":"ai2:field-help","t":"Help field","d":"Styled field: the Help set. 5 decorative field variations (HintHelpField, TooltipField, Co","s":"ai2","c":"inputs/form-field","hc":1},{"id":"ai2:field-motion","t":"Motion field","d":"Styled field: the Motion set. 5 decorative field variations (FocusField, SlideField, FadeF","s":"ai2","c":"inputs/form-field","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:field-validation","t":"Validation field","d":"Styled field: the Validation set. 5 decorative field variations (ValidField, InvalidField,","s":"ai2","c":"inputs/form-field","hc":1},{"id":"ai2:file-input-compact","t":"Input compact file","d":"Styled file: the Input-compact set. 5 decorative file variations (InlineFile, MinimalFile,","s":"ai2","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ai2:file-input-motion","t":"Input motion file","d":"Styled file: the Input-motion set. 5 decorative file variations (DragFile, PopFile, FadeFi","s":"ai2","c":"inputs/form-field","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:file-input-progress","t":"Input progress file","d":"Styled file: the Input-progress set. 5 decorative file variations (BarFile, RingFile, Perc","s":"ai2","c":"data-viz/progress-bar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:file-input-tone","t":"Input tone file","d":"Styled file: the Input-tone set. 5 decorative file variations (InfoFile, SuccessFile, Warn","s":"ai2","c":"inputs/form-field","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:input-group-action","t":"Group action input","d":"Styled input: the Group-action set. 5 decorative input variations (CopyGroup, PasteGroup, ","s":"ai2","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"ai2:input-group-glass","t":"Group glass input","d":"Styled input: the Group-glass set. 5 decorative input variations (FrostGroup, TintGroup, S","s":"ai2","c":"inputs/form-field","tg":["3d","glass"],"sb":"Input groups","sy":["3d","glass"],"hc":1},{"id":"ai2:input-group-search","t":"Group search input","d":"Styled input: the Group-search set. 5 decorative input variations (SearchGroup, ClearGroup","s":"ai2","c":"inputs/search","hc":1},{"id":"ai2:input-group-tone","t":"Group tone input","d":"Styled input: the Group-tone set. 5 decorative input variations (InfoGroup, SuccessGroup, ","s":"ai2","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"ai2:input-group-unit","t":"Group unit input","d":"Styled input: the Group-unit set. 5 decorative input variations (UnitGroup, CurrencyGroup,","s":"ai2","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"ai2:input-otp-glass","t":"Otp glass input","d":"Styled input: the Otp-glass set. 5 decorative input variations (FrostOtp, TintOtp, SmokeOt","s":"ai2","c":"inputs/otp-input","tg":["3d","glass"],"sy":["3d","glass"],"hc":1},{"id":"ai2:input-otp-length","t":"Otp length input","d":"Styled input: the Otp-length set. 5 decorative input variations (FourOtp, SixOtp, EightOtp","s":"ai2","c":"inputs/otp-input","hc":1},{"id":"ai2:input-otp-motion","t":"Otp motion input","d":"Styled input: the Otp-motion set. 5 decorative input variations (PopOtp, FadeOtp, SlideOtp","s":"ai2","c":"inputs/otp-input","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:input-otp-state","t":"Otp state input","d":"Styled input: the Otp-state set. 5 decorative input variations (ValidOtp, InvalidOtp, Load","s":"ai2","c":"inputs/otp-input","hc":1},{"id":"ai2:input-otp-tone","t":"Otp tone input","d":"Styled input: the Otp-tone set. 5 decorative input variations (InfoOtp, SuccessOtp, Warnin","s":"ai2","c":"inputs/otp-input","hc":1},{"id":"ai2:item-drag","t":"Drag item","d":"Styled item: the Drag set. 5 decorative item variations (HandleItem, GripItem, ReorderItem","s":"ai2","c":"data-display/list","sb":"Sortable","hc":1},{"id":"ai2:item-media","t":"Media item","d":"Styled item: the Media set. 5 decorative item variations (ThumbItem, CoverItem, VideoItem,","s":"ai2","c":"data-display/list","hc":1},{"id":"ai2:item-motion","t":"Motion item","d":"Styled item: the Motion set. 5 decorative item variations (HoverItem, SlideItem, FadeItem,","s":"ai2","c":"data-display/list","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:item-select","t":"Select item","d":"Styled item: the Select set. 5 decorative item variations (CheckItem, RadioItem, ToggleIte","s":"ai2","c":"inputs/select","hc":1},{"id":"ai2:item-status","t":"Status item","d":"Styled item: the Status set. 5 decorative item variations (DotItem, StatusBadgeItem, ToneI","s":"ai2","c":"data-display/list","hc":1},{"id":"ai2:kbd-combo","t":"Combo kbd","d":"Styled kbd: the Combo set. 5 decorative kbd variations (ComboKbd, ChainKbd, PlusKbd, Seque","s":"ai2","c":"data-display/typography","hc":1},{"id":"ai2:kbd-glass","t":"Glass kbd","d":"Styled kbd: the Glass set. 5 decorative kbd variations (FrostKbd, TintKbd, SmokeKbd, Cryst","s":"ai2","c":"data-display/typography","tg":["3d","glass"],"sy":["3d","glass"],"hc":1},{"id":"ai2:kbd-mac","t":"Mac kbd","d":"Styled kbd: the Mac set. 5 decorative kbd variations (SymbolKbd, MacKbd, WinKbd, IconKbd, ","s":"ai2","c":"data-display/typography","hc":1},{"id":"ai2:kbd-motion","t":"Motion kbd","d":"Styled kbd: the Motion set. 5 decorative kbd variations (PressKbd, PopKbd, FadeKbd, Bounce","s":"ai2","c":"data-display/typography","tg":["animated","neon"],"sy":["animated","neon"],"hc":1},{"id":"ai2:kbd-tone","t":"Tone kbd","d":"Styled kbd: the Tone set. 5 decorative kbd variations (InfoKbd, SuccessKbd, WarningKbd, Da","s":"ai2","c":"data-display/typography","hc":1},{"id":"ai2:label-badge","t":"Badge label","d":"Styled label: the Badge set. 5 decorative label variations (CountLabel, StatusLabel, NewLa","s":"ai2","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"ai2:label-float","t":"Float label","d":"Styled label: the Float set. 5 decorative label variations (FloatLabel, ShrinkLabel, Inlin","s":"ai2","c":"inputs/form-field","tg":["animated"],"sb":"Animated fields","sy":["animated"],"hc":1},{"id":"ai2:label-help","t":"Help label","d":"Styled label: the Help set. 5 decorative label variations (TooltipLabel, HintLabel, InfoHe","s":"ai2","c":"inputs/form-field","tg":["animated"],"sb":"Animated fields","sy":["animated"],"hc":1},{"id":"ai2:label-size","t":"Size label","d":"Styled label: the Size set. 5 decorative label variations (MicroLabel, SmallLabel, BoldLab","s":"ai2","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"ai2:label-tone","t":"Tone label","d":"Styled label: the Tone set. 5 decorative label variations (InfoLabel, SuccessLabel, Warnin","s":"ai2","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"ai2:radio-group-glass","t":"Group glass radio","d":"Styled radio: the Group-glass set. 5 decorative radio variations (FrostRadio, TintRadio, S","s":"ai2","c":"inputs/radio","tg":["3d","animated","glass"],"sy":["3d","animated","glass"],"hc":1},{"id":"ai2:radio-group-image","t":"Group image radio","d":"Styled radio: the Group-image set. 5 decorative radio variations (SwatchRadio, ThumbRadio,","s":"ai2","c":"media/gallery","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:radio-group-list","t":"Group list radio","d":"Styled radio: the Group-list set. 5 decorative radio variations (RowRadio, DividedRadio, G","s":"ai2","c":"inputs/radio","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:radio-group-motion","t":"Group motion radio","d":"Styled radio: the Group-motion set. 5 decorative radio variations (SlideRadio, PopRadio, F","s":"ai2","c":"inputs/radio","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:radio-group-tone","t":"Group tone radio","d":"Styled radio: the Group-tone set. 5 decorative radio variations (InfoRadio, SuccessRadio, ","s":"ai2","c":"inputs/radio","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:select-motion","t":"Motion select","d":"Styled select: the Motion set. 5 decorative select variations (SlideSelect, PopSelect, Fad","s":"ai2","c":"inputs/select","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:select-multi","t":"Multi select","d":"Styled select: the Multi set. 5 decorative select variations (TagsSelect, ChipsSelect, Cou","s":"ai2","c":"inputs/select","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:select-rich","t":"Rich select","d":"Styled select: the Rich set. 5 decorative select variations (AvatarSelect, DescriptionSele","s":"ai2","c":"inputs/select","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:select-search","t":"Search select","d":"Styled select: the Search set. 5 decorative select variations (FilterSelect, TypeSelect, L","s":"ai2","c":"inputs/search","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:select-tone","t":"Tone select","d":"Styled select: the Tone set. 5 decorative select variations (InfoSelect, SuccessSelect, Wa","s":"ai2","c":"inputs/select","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:separator-decorative","t":"Decorative separator","d":"Styled separator: the Decorative set. 5 decorative separator variations (ZigzagSeparator, ","k":"layout","s":"ai2","c":"layout/page-shell","hc":1},{"id":"ai2:separator-dotted","t":"Dotted separator","d":"Styled separator: the Dotted set. 5 decorative separator variations (DotSeparator, DottedS","k":"layout","s":"ai2","c":"layout/page-shell","hc":1},{"id":"ai2:separator-thick","t":"Thick separator","d":"Styled separator: the Thick set. 5 decorative separator variations (BarSeparator, RuleSepa","k":"layout","s":"ai2","c":"layout/page-shell","hc":1},{"id":"ai2:separator-tone","t":"Tone separator","d":"Styled separator: the Tone set. 5 decorative separator variations (InfoSeparator, SuccessS","k":"layout","s":"ai2","c":"layout/page-shell","hc":1},{"id":"ai2:separator-vertical","t":"Vertical separator","d":"Styled separator: the Vertical set. 5 decorative separator variations (LineVSeparator, Gra","k":"layout","s":"ai2","c":"layout/page-shell","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"ai2:slider-marks","t":"Marks slider","d":"Styled slider: the Marks set. 5 decorative slider variations (StepsSlider, LabelsSlider, S","s":"ai2","c":"inputs/slider","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:slider-minimal","t":"Minimal slider","d":"Styled slider: the Minimal set. 5 decorative slider variations (HairSlider, BareSlider, Gh","s":"ai2","c":"inputs/slider","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"ai2:slider-range","t":"Range slider","d":"Styled slider: the Range set. 5 decorative slider variations (DualSlider, MinMaxSlider, St","s":"ai2","c":"inputs/slider","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:slider-tone","t":"Tone slider","d":"Styled slider: the Tone set. 5 decorative slider variations (InfoSlider, SuccessSlider, Wa","s":"ai2","c":"inputs/slider","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:slider-vertical","t":"Vertical slider","d":"Styled slider: the Vertical set. 5 decorative slider variations (LineVSlider, ThickVSlider","s":"ai2","c":"inputs/slider","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:table-glass","t":"Glass table","d":"Styled table: the Glass set. 5 decorative table variations (FrostTable, TintTable, SmokeTa","s":"ai2","c":"data-display/table","tg":["3d","glass"],"sy":["3d","glass"],"hc":1},{"id":"ai2:table-layout","t":"Layout table","d":"Styled table: the Layout set. 5 decorative table variations (StickyHeaderTable, ScrollTabl","s":"ai2","c":"data-display/table","hc":1},{"id":"ai2:table-selection","t":"Selection table","d":"Styled table: the Selection set. 5 decorative table variations (CheckboxTable, RadioTable,","s":"ai2","c":"data-display/table","hc":1},{"id":"ai2:table-sortable","t":"Sortable table","d":"Styled table: the Sortable set. 5 decorative table variations (SortTable, ArrowsTable, Ind","s":"ai2","c":"data-display/table","sb":"Data tables","hc":1},{"id":"ai2:table-status","t":"Status table","d":"Styled table: the Status set. 5 decorative table variations (BadgeTable, DotTable, ToneTab","s":"ai2","c":"data-display/table","hc":1},{"id":"ai2:textarea-autosize","t":"Autosize textarea","d":"Styled textarea: the Autosize set. 5 decorative textarea variations (GrowTextarea, MaxText","s":"ai2","c":"inputs/textarea","hc":1},{"id":"ai2:textarea-glass","t":"Glass textarea","d":"Styled textarea: the Glass set. 5 decorative textarea variations (FrostTextarea, TintTexta","s":"ai2","c":"inputs/textarea","tg":["3d","glass"],"sy":["3d","glass"],"hc":1},{"id":"ai2:textarea-outline","t":"Outline textarea","d":"Styled textarea: the Outline set. 5 decorative textarea variations (RingTextarea, DashedTe","s":"ai2","c":"inputs/textarea","hc":1},{"id":"ai2:textarea-toolbar","t":"Toolbar textarea","d":"Styled textarea: the Toolbar set. 5 decorative textarea variations (FormatTextarea, Action","s":"ai2","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"ai2:textarea-validation","t":"Validation textarea","d":"Styled textarea: the Validation set. 5 decorative textarea variations (ValidTextarea, Inva","s":"ai2","c":"inputs/textarea","hc":1},{"id":"ai2:toggle-group-glass","t":"Group glass toggle","d":"Styled toggle: the Group-glass set. 5 decorative toggle variations (FrostToggleGroup, Tint","s":"ai2","c":"actions/segmented-control","tg":["3d","animated","glass"],"sy":["3d","animated","glass"],"hc":1},{"id":"ai2:toggle-group-motion","t":"Group motion toggle","d":"Styled toggle: the Group-motion set. 5 decorative toggle variations (SlideToggleGroup, Pop","s":"ai2","c":"actions/segmented-control","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:toggle-group-multi","t":"Group multi toggle","d":"Styled toggle: the Group-multi set. 5 decorative toggle variations (MultiToggleGroup, Coun","s":"ai2","c":"actions/segmented-control","hc":1},{"id":"ai2:toggle-group-tone","t":"Group tone toggle","d":"Styled toggle: the Group-tone set. 5 decorative toggle variations (InfoToggleGroup, Succes","s":"ai2","c":"actions/segmented-control","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ai2:toggle-group-vertical","t":"Group vertical toggle","d":"Styled toggle: the Group-vertical set. 5 decorative toggle variations (StackToggleGroup, R","s":"ai2","c":"actions/segmented-control","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:ai-job-cards","t":"AI Job Cards","d":"Three AI job card stacks with swipe-to-cycle. Brand logos, bookmark toggle, springs. Free ","s":"aicanvas","c":"ai-agent/ai-agent","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"aicanvas:meet-the-crew","t":"Meet the Crew","d":"A swipeable portrait card stack perfect for introducing a team, showcasing crew members, o","k":"section","s":"aicanvas","c":"marketing/team","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:blind-pull-toggle","t":"Blind Pull Toggle","d":"A dark/light mode toggle styled as a window-blind pull cord. Click to yank the cord and wa","s":"aicanvas","c":"actions/switch","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"aicanvas:bubble-field","t":"Bubble Field","d":"An animated bubble background. A monochrome grid of outline circles bursts near the cursor","s":"aicanvas","c":"inputs/form-field","hc":1},{"id":"aicanvas:charging-widget","t":"Charging Widget","d":"Circular battery indicator with animated liquid waves that rise as the percentage counts u","s":"aicanvas","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:crypto-swap","t":"Crypto Swap","d":"A crypto token-swap widget with live exchange rates, price impact, and an animated swap bu","s":"aicanvas","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"aicanvas:cube-carousel","t":"Cube Carousel","d":"An interactive 3D photo cube with six placeholder images on its faces. Drag with your curs","s":"aicanvas","c":"media/carousel","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"aicanvas:curious-ai","t":"Curious AI","d":"A morphing 3D AI orb in Three.js with cyan and magenta rim lights, iridescent pink speckle","s":"aicanvas","c":"ai-agent/ai-agent","tg":["3d","animated","neon"],"sy":["3d","animated","neon"],"hc":1},{"id":"aicanvas:danger-stripes","t":"Danger Stripes","d":"Three crossing caution-tape stripes on orange. Hover to shake, click to intensify. Free ac","k":"motion","s":"aicanvas","c":"motion/shader","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"aicanvas:delete-button","t":"Delete Button","d":"A red button that starts a five-second delete countdown, with a one-tap undo. Free account","s":"aicanvas","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"aicanvas:diamond-grid","t":"Diamond Grid","d":"A faint canvas grid of diamonds. Seeded sparks send light outward until fronts meet. Free ","k":"motion","s":"aicanvas","c":"motion/background","hc":1},{"id":"aicanvas:distortion-grid","t":"Distortion Grid","d":"An animated grid background. Thin lines undulate in slow sweeping waves, and hovering repe","k":"motion","s":"aicanvas","c":"motion/cursor","hc":1},{"id":"aicanvas:dot-grid","t":"Dot Grid","d":"An animated dot grid background. Hovering lights up nearby dots with a smooth glow and an ","k":"motion","s":"aicanvas","c":"motion/background","tg":["neon"],"sb":"Grids and patterns","sy":["neon"],"hc":1},{"id":"aicanvas:emoji-burst","t":"Emoji Burst","d":"A button that explodes emojis outward in all directions. Five emoji sets cycle on each cli","s":"aicanvas","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"aicanvas:expanding-tabs","t":"Expanding Tabs","d":"A monochrome tab bar of icon circles. Click one and it expands into a labeled pill. Free a","s":"aicanvas","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:flip-calendar","t":"Flip Calendar","d":"A desk-calendar widget showing dates 1–31 with a satisfying flip-clock page-turn animation","s":"aicanvas","c":"data-display/calendar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:traveldeck","t":"Travel Deck","d":"A swipeable deck of destination cards. Drag the front card down to fling it off-screen and","s":"aicanvas","c":"media/card-stack","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:glass-ai-compose","t":"Glass AI Composer","d":"Glassmorphism AI chat input with image upload, web search toggle, and model switcher. Free","s":"aicanvas","c":"ai-agent/composer","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"aicanvas:glass-card","t":"Glass Card","d":"Glassmorphism content cards with 3D tilt-on-hover, spring physics, and a cursor-following ","s":"aicanvas","c":"data-display/card","tg":["3d","animated","glass"],"sb":"Animated and glowing","sy":["3d","animated","glass"],"hc":1},{"id":"aicanvas:glass-dock","t":"Glass Dock","d":"Glassmorphism macOS-style dock with cursor-proximity magnification. Icons scale with sprin","s":"aicanvas","c":"navigation/dock","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"aicanvas:glass-modal","t":"Glass Modal","d":"Centered dialog with deep glass blur, scale-spring entrance, and staggered content reveal.","s":"aicanvas","c":"overlays/dialog","tg":["animated","glass"],"sb":"Animated","sy":["animated","glass"],"hc":1},{"id":"aicanvas:glass-music-player","t":"Glass Music Player","d":"Mini music player with glass surface, spinning vinyl art, animated progress bar, and ambie","s":"aicanvas","c":"media/player","tg":["animated","glass","neon"],"sy":["animated","glass","neon"],"hc":1},{"id":"aicanvas:glass-navbar","t":"Glass Navbar","d":"Frosted glass navigation bar with animated active tab indicator, ambient color blobs, and ","s":"aicanvas","c":"navigation/top-nav","tg":["animated","glass"],"sb":"Glass","sy":["animated","glass"],"hc":1},{"id":"aicanvas:glass-notification","t":"Glass Notifications","d":"Swipe-to-dismiss notification stack with glass cards and spring-animated layout transition","s":"aicanvas","c":"overlays/notifications","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"aicanvas:glass-progress","t":"Glass Progress","d":"Glassmorphism progress bar panel with glowing gradient fills, spring-animated counters, st","s":"aicanvas","c":"data-viz/progress-bar","tg":["animated","glass","gradient"],"sy":["animated","glass","gradient"],"hc":1},{"id":"aicanvas:glass-search-bar","t":"Glass Search Bar","d":"Glassmorphism search bar with animated suggestion dropdown, active state glow, and reduced","s":"aicanvas","c":"inputs/search","tg":["animated","glass","neon"],"sy":["animated","glass","neon"],"hc":1},{"id":"aicanvas:glass-sidebar","t":"Glass Sidebar","d":"Collapsible glassmorphism sidebar with icon-only and full label states, spring-animated ex","s":"aicanvas","c":"navigation/sidebar","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"aicanvas:glass-slider","t":"Glass Slider","d":"Range sliders with glass tracks, glowing colored fills, and spring-animated thumbs that sc","s":"aicanvas","c":"inputs/slider","tg":["animated","glass","neon"],"sy":["animated","glass","neon"],"hc":1},{"id":"aicanvas:glass-stepper","t":"Glass Stepper","d":"Glassmorphism numeric stepper with spring number flip, notification-style tinted buttons, ","s":"aicanvas","c":"navigation/wizard-steps","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"aicanvas:glass-tab-bar","t":"Glass Tab Bar","d":"Frosted glass pill tab bar with a sliding active indicator. Edge tabs snap flush to the co","s":"aicanvas","c":"navigation/tabs","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"aicanvas:glass-tags","t":"Glass Tags","d":"Selectable pill-shaped tags with glass surfaces, unique color accents, and spring-animated","s":"aicanvas","c":"data-display/badge","tg":["animated","glass"],"sb":"Tags and pills","sy":["animated","glass"],"hc":1},{"id":"aicanvas:glass-toast","t":"Glass Toast","d":"Frosted glassmorphism toast notification stack with 4 variants, auto-dismiss progress bar,","s":"aicanvas","c":"overlays/toast","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"aicanvas:glass-toggle","t":"Glass Toggle","d":"On/off toggles with glass housing and liquid-feel spring animation. Track color transition","s":"aicanvas","c":"actions/switch","tg":["animated","glass"],"sb":"Animated","sy":["animated","glass"],"hc":1},{"id":"aicanvas:glass-user-menu","t":"Glass User Menu","d":"Frosted glass user avatar trigger with animated dropdown, grouped menu items, and Log Out.","s":"aicanvas","c":"navigation/menu","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"aicanvas:glitch-button","t":"Glitch Button","d":"A terminal-inspired button with a text scramble glitch effect on hover. Free account requi","s":"aicanvas","c":"actions/button","tg":["animated","retro and HUD"],"sb":"Animated","sy":["animated","retro and HUD"],"hc":1},{"id":"aicanvas:good-vibes","t":"Good Vibes","d":"Interactive typography where letters scale 2x and become bold on hover. Free account requi","k":"motion","s":"aicanvas","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:grid-lines","t":"Grid Lines","d":"A grid background of dots connected by thin lines. The cursor lights a radial glow and bul","k":"motion","s":"aicanvas","c":"motion/background","tg":["neon"],"sb":"Grids and patterns","sy":["neon"],"hc":1},{"id":"aicanvas:halo-type","t":"Halo Type","d":"Rotating 3D ring text animation: the front arc reads upright, the back arc upside-down. Fr","k":"motion","s":"aicanvas","c":"motion/text-effect","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"aicanvas:interactive-card-stack","t":"Interactive Card Stack","d":"A scattered stack of photo cards. Drag, click, or arrow keys to focus any card. Free accou","s":"aicanvas","c":"media/card-stack","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:jar-of-emotions","t":"Emoji Reaction Jar","d":"Glass jar widget. Click a reaction to spring the lid and watch the emoji bounce down. Free","s":"aicanvas","c":"data-display/card","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"aicanvas:label-cards","t":"Label Cards","d":"Colour-blocked label cards scattered at random angles. Tap one to spring it to centre. Fre","s":"aicanvas","c":"inputs/form-field","tg":["animated"],"sb":"Animated fields","sy":["animated"],"hc":1},{"id":"aicanvas:magnetic-dots","t":"Magnetic Dots","d":"An interactive dot background. A dense grid of dots is magnetically pulled toward your cur","k":"motion","s":"aicanvas","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"aicanvas:magnetic-logo-cluster","t":"Magnetic Logo Cluster","d":"An interactive swarm of your logo. Marks fly in from off-screen, drift endlessly, and bend","k":"resource","s":"aicanvas","c":"assets/logo","tg":["animated"],"sb":"Design and work","sy":["animated"],"hc":1},{"id":"aicanvas:mark-toggle","t":"Mark Toggle","d":"An iOS-style pill toggle in warm earth and sand tones: the thumb carries a small icon that","s":"aicanvas","c":"actions/switch","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"aicanvas:mood-tracker","t":"Mood Tracker","d":"A feelings check-in card with six expressive faces. Drag the segmented slider and the face","s":"aicanvas","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:neon-clock","t":"Seven Segment Clock","d":"A retro 7-segment LCD clock with pixel-grid overlay. Shows live HH:MM:SS with blinking col","s":"aicanvas","c":"data-display/list","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"hc":1},{"id":"aicanvas:new-project-modal","t":"New Project Modal","d":"A pill button that morphs into a soft-UI project creation form: title, description, 7-swat","s":"aicanvas","c":"overlays/dialog","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"aicanvas:noise-bg","t":"Grain Background","d":"A grain background of randomly scattered dots. Hover to illuminate them with a soft Gaussi","k":"motion","s":"aicanvas","c":"motion/background","tg":["neon"],"sb":"Noise and texture","sy":["neon"],"hc":1},{"id":"aicanvas:noise-field","t":"Noise Field","d":"An animated flow field background. A grid of arrows driven by layered sine-wave noise drif","s":"aicanvas","c":"inputs/form-field","hc":1},{"id":"aicanvas:orbit","t":"Orbit","d":"Kinetic text animation arranged in a circle. Hover slows the spin; letters push outward. F","k":"motion","s":"aicanvas","c":"motion/text-effect","hc":1},{"id":"aicanvas:particle-constellation","t":"Spider Web","d":"An animated spider web background. Silk strands bow slowly at rest, and hovering pushes ea","k":"motion","s":"aicanvas","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"aicanvas:particle-sphere","t":"Particle Sphere","d":"A 3D particle background built with Three.js. 9,000 particles sit on a slowly spinning sph","k":"motion","s":"aicanvas","c":"motion/background","tg":["3d","webgl"],"sb":"Shaders and WebGL","sy":["3d","webgl"],"hc":1},{"id":"aicanvas:peel-corner-reveal","t":"Peel to Scan","d":"A portrait card whose corner peels on tap, revealing a scannable Wi-Fi QR code. Free accou","s":"aicanvas","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:pill-toggle","t":"Pill Toggle","d":"A minimal iOS-style slider toggle: thumb glides between off (grey) and on (green) with a s","s":"aicanvas","c":"actions/switch","tg":["animated","minimal"],"sb":"Animated","sy":["animated","minimal"],"hc":1},{"id":"aicanvas:playful","t":"Playful","d":"Kinetic typography where letters jump, drop, and rotate on cursor proximity. Free account ","k":"motion","s":"aicanvas","c":"motion/cursor","tg":["animated","playful"],"sy":["animated","playful"],"hc":1},{"id":"aicanvas:polaroid-stack","t":"Polaroid Stack","d":"Five polaroid photo cards stacked in a casual pile. Click to fan them out in a spring-anim","s":"aicanvas","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:product-card-deck","t":"Product Card Deck","d":"A draggable card deck you flick through one card at a time. The top card leans toward your","s":"aicanvas","c":"media/card-stack","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:radial-cards","t":"Radial Cards","d":"Seven health-metric cards bloom into a slowly rotating flower. Tap any petal to pull it fo","s":"aicanvas","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:radial-toolbar","t":"Radial Toolbar","d":"A radial context menu that fans out formatting tools around a centre button, with active t","s":"aicanvas","c":"navigation/menu","tg":["animated"],"sb":"Menubars","sy":["animated"],"hc":1},{"id":"aicanvas:responsive-letters","t":"Responsive Letters","d":"Interactive text where each letter responds to cursor proximity, animating variable font p","k":"motion","s":"aicanvas","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:ripple-type","t":"Ripple Type","d":"SVG text animation warped by a turbulence filter. Toggle the fan and letters ripple. Free ","k":"motion","s":"aicanvas","c":"motion/background","tg":["animated"],"sb":"Waves and warps","sy":["animated"],"hc":1},{"id":"aicanvas:runway-loader","t":"Runway Loader","d":"An airplane taxis down a runway progress bar, nose tilting up and taking off at 100%. Free","s":"aicanvas","c":"status/loader","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"aicanvas:scramble-text","t":"Scramble Text","d":"Two words scramble continuously in a pixel cipher. Hover the container to decrypt them one","k":"motion","s":"aicanvas","c":"motion/text-effect","tg":["animated","retro and HUD"],"sb":"Scramble and glitch","sy":["animated","retro and HUD"],"hc":1},{"id":"aicanvas:scroll-wipe-gallery","t":"Scroll Wipe Gallery","d":"A full-bleed, scroll-driven photo gallery. Each photo wipes in from a different edge. Free","s":"aicanvas","c":"media/gallery","tg":["animated"],"sb":"Scroll","sy":["animated"],"hc":1},{"id":"aicanvas:signature-pad","t":"Signature Pad","d":"A signature pad widget: pill button morphs into a canvas to draw with mouse or touch. Free","s":"aicanvas","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"aicanvas:slice-type","t":"Slice Type","d":"A typographic magic trick. At rest you read one ambiguous word; hover and it splits into t","k":"motion","s":"aicanvas","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:slide-deck","t":"Slide Deck","d":"Swipeable card deck with four editorial slides. Navigate forward and back by drag or tap. ","s":"aicanvas","c":"media/card-stack","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:sphere-lines","t":"Wireframe Globe","d":"An animated wireframe globe background. A narrow wave band drifts slowly across the surfac","k":"motion","s":"aicanvas","c":"motion/background","sb":"Beams and light","hc":1},{"id":"aicanvas:stack-tower","t":"Stack Tower","d":"A column of 12 stacked words that reads as a rotating 3D cylinder. 2D transforms skew, sca","s":"aicanvas","c":"data-display/list","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"aicanvas:sticker-wall","t":"Sticker Wall","d":"A draggable sticker card wall. Drop notes, toss emoji, pile them up with real 2D physics. ","s":"aicanvas","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:taga-toggle","t":"Taga Toggle","d":"A playful pill toggle with an expressive face on the thumb: dead (×× eyes, flat mouth) whe","s":"aicanvas","c":"actions/switch","tg":["animated","playful"],"sb":"Animated","sy":["animated","playful"],"hc":1},{"id":"aicanvas:task-cards","t":"Task Cards","d":"A swipeable project task card stack where each card has a unique accent colour, status bad","s":"aicanvas","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:text-blur-reveal","t":"Text Blur Reveal","d":"Words animate into view one by one with a satisfying blur-to-sharp entrance, auto-replayin","k":"motion","s":"aicanvas","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"aicanvas:tilted-coverflow","t":"Tilted Coverflow","d":"3D coverflow card carousel of seven tilted photos. Drag or arrows to focus any card. Free ","s":"aicanvas","c":"data-display/card","tg":["3d","animated"],"sb":"Animated and glowing","sy":["3d","animated"],"hc":1},{"id":"aicanvas:upload-progress","t":"Upload Progress","d":"A collapsible file upload widget with a shimmer progress bar (indigo while uploading, ambe","s":"aicanvas","c":"data-viz/progress-bar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:voice-chat-pill","t":"Live Session Pill","d":"A compact live-session presence pill with an animated speaking indicator and overlapping a","s":"aicanvas","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Chat","sy":["animated"],"hc":1},{"id":"aicanvas:wave-lines","t":"Wave Lines","d":"An animated line background. Dense vertical lines ripple with two layered sine waves, bunc","k":"motion","s":"aicanvas","c":"motion/background","sb":"Beams and light","hc":1},{"id":"aicanvas:wild-morph","t":"Wild Morph","d":"Italic SVG word that warps under the cursor, a spring-physics text animation. Free account","k":"motion","s":"aicanvas","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"aicanvas:x-grid","t":"X Grid","d":"An animated X grid background. Marks illuminate and connect to their neighbors with conste","k":"motion","s":"aicanvas","c":"motion/cursor","hc":1},{"id":"aicanvas:andromeda-tokens","t":"Andromeda Legacy tokens","d":"Foundation files for the Andromeda Legacy design system: tokens, shared utilities, and the","k":"lib","s":"aicanvas","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"aicanvas:andromeda","t":"Andromeda Legacy design system","d":"Every Andromeda Legacy component (42 files). Installs the foundation tokens automatically.","s":"aicanvas","c":"overlays/alert-banner","tg":["animated","webgl"],"sy":["animated","webgl"],"vn":1,"hc":1},{"id":"aicanvas:andromeda-alert","t":"Alert (Andromeda Legacy)","d":"Andromeda Legacy Alert component. Install just this piece. Tokens and any sibling componen","s":"aicanvas","c":"overlays/alert-banner","hc":1},{"id":"aicanvas:andromeda-avatar","t":"Avatar (Andromeda Legacy)","d":"Andromeda Legacy Avatar component. Install just this piece. Tokens and any sibling compone","s":"aicanvas","c":"data-display/avatar","hc":1},{"id":"aicanvas:andromeda-badge","t":"Badge (Andromeda Legacy)","d":"Andromeda Legacy Badge component. Install just this piece. Tokens and any sibling componen","s":"aicanvas","c":"data-display/badge","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-button-system","t":"Button (Andromeda Legacy)","d":"Andromeda Legacy Button component. Install just this piece. Tokens and any sibling compone","s":"aicanvas","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-card","t":"Card (Andromeda Legacy)","d":"Andromeda Legacy Card component. Install just this piece. Tokens and any sibling component","s":"aicanvas","c":"data-display/card","sb":"Profile","hc":1},{"id":"aicanvas:andromeda-checkbox","t":"Checkbox (Andromeda Legacy)","d":"Andromeda Legacy Checkbox component. Install just this piece. Tokens and any sibling compo","s":"aicanvas","c":"inputs/checkbox","hc":1},{"id":"aicanvas:andromeda-corner-markers","t":"Corner Markers (Andromeda Legacy)","d":"Andromeda Legacy Corner Markers component. Install just this piece. Tokens and any sibling","k":"motion","s":"aicanvas","c":"motion/background","hc":1},{"id":"aicanvas:andromeda-date-range-picker","t":"Date Range Picker (Andromeda Legacy)","d":"Andromeda Legacy Date Range Picker component. Install just this piece. Tokens and any sibl","s":"aicanvas","c":"inputs/date-range","hc":1},{"id":"aicanvas:andromeda-drawer","t":"Drawer (Andromeda Legacy)","d":"Andromeda Legacy Drawer component. Install just this piece. Tokens and any sibling compone","s":"aicanvas","c":"overlays/sheet","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-empty-state","t":"Empty State (Andromeda Legacy)","d":"Andromeda Legacy Empty State component. Install just this piece. Tokens and any sibling co","s":"aicanvas","c":"data-display/empty-state","hc":1},{"id":"aicanvas:andromeda-heat-grid","t":"Heat Grid (Andromeda Legacy)","d":"Andromeda Legacy Heat Grid component. Install just this piece. Tokens and any sibling comp","k":"motion","s":"aicanvas","c":"motion/background","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-icon-button","t":"Icon Button (Andromeda Legacy)","d":"Andromeda Legacy Icon Button component. Install just this piece. Tokens and any sibling co","s":"aicanvas","c":"actions/button","tg":["animated"],"sb":"Icon buttons","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-input","t":"Input (Andromeda Legacy)","d":"Andromeda Legacy Input component. Install just this piece. Tokens and any sibling componen","s":"aicanvas","c":"inputs/form-field","hc":1},{"id":"aicanvas:andromeda-nav-item","t":"Nav Item (Andromeda Legacy)","d":"Andromeda Legacy Nav Item component. Install just this piece. Tokens and any sibling compo","s":"aicanvas","c":"navigation/top-nav","tg":["animated"],"sb":"Mobile","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-panel-header","t":"Panel Header (Andromeda Legacy)","d":"Andromeda Legacy Panel Header component. Install just this piece. Tokens and any sibling c","s":"aicanvas","c":"navigation/top-nav","sb":"Mobile","hc":1},{"id":"aicanvas:andromeda-panel-menu","t":"Panel Menu (Andromeda Legacy)","d":"Andromeda Legacy Panel Menu component. Install just this piece. Tokens and any sibling com","s":"aicanvas","c":"navigation/menu","hc":1},{"id":"aicanvas:andromeda-planet","t":"Planet (Andromeda Legacy)","d":"Andromeda Legacy Planet component. Install just this piece. Tokens and any sibling compone","k":"motion","s":"aicanvas","c":"motion/globe","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"aicanvas:andromeda-progress-bar","t":"Progress Bar (Andromeda Legacy)","d":"Andromeda Legacy Progress Bar component. Install just this piece. Tokens and any sibling c","s":"aicanvas","c":"data-viz/progress-bar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-radar-chart","t":"Radar Chart (Andromeda Legacy)","d":"Andromeda Legacy Radar Chart component. Install just this piece. Tokens and any sibling co","s":"aicanvas","c":"data-viz/chart","tg":["animated"],"sb":"Radar","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-radio","t":"Radio (Andromeda Legacy)","d":"Andromeda Legacy Radio component. Install just this piece. Tokens and any sibling componen","s":"aicanvas","c":"inputs/radio","hc":1},{"id":"aicanvas:andromeda-search-field","t":"Search Field (Andromeda Legacy)","d":"Andromeda Legacy Search Field component. Install just this piece. Tokens and any sibling c","s":"aicanvas","c":"inputs/search","hc":1},{"id":"aicanvas:andromeda-segmented-control","t":"Segmented Control (Andromeda Legacy)","d":"Andromeda Legacy Segmented Control component. Install just this piece. Tokens and any sibl","s":"aicanvas","c":"actions/segmented-control","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-slider","t":"Slider (Andromeda Legacy)","d":"Andromeda Legacy Slider component. Install just this piece. Tokens and any sibling compone","s":"aicanvas","c":"inputs/slider","hc":1},{"id":"aicanvas:andromeda-spinner","t":"Spinner (Andromeda Legacy)","d":"Andromeda Legacy Spinner component. Install just this piece. Tokens and any sibling compon","s":"aicanvas","c":"status/loader","sb":"Spinners","hc":1},{"id":"aicanvas:andromeda-stat-tile","t":"Stat Tile (Andromeda Legacy)","d":"Andromeda Legacy Stat Tile component. Install just this piece. Tokens and any sibling comp","s":"aicanvas","c":"data-display/stat","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-table","t":"Table (Andromeda Legacy)","d":"Andromeda Legacy Table component. Install just this piece. Tokens and any sibling componen","s":"aicanvas","c":"data-display/table","hc":1},{"id":"aicanvas:andromeda-tag","t":"Tag (Andromeda Legacy)","d":"Andromeda Legacy Tag component. Install just this piece. Tokens and any sibling components","s":"aicanvas","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"aicanvas:andromeda-textarea","t":"Textarea (Andromeda Legacy)","d":"Andromeda Legacy Textarea component. Install just this piece. Tokens and any sibling compo","s":"aicanvas","c":"inputs/textarea","hc":1},{"id":"aicanvas:andromeda-toggle","t":"Toggle (Andromeda Legacy)","d":"Andromeda Legacy Toggle component. Install just this piece. Tokens and any sibling compone","s":"aicanvas","c":"actions/switch","hc":1},{"id":"aicanvas:andromeda-tooltip","t":"Tooltip (Andromeda Legacy)","d":"Andromeda Legacy Tooltip component. Install just this piece. Tokens and any sibling compon","s":"aicanvas","c":"overlays/tooltip","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-trend-chart","t":"Trend Chart (Andromeda Legacy)","d":"Andromeda Legacy Trend Chart component. Install just this piece. Tokens and any sibling co","s":"aicanvas","c":"data-viz/chart","tg":["animated"],"sb":"Line and sparkline","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-user-card","t":"User Card (Andromeda Legacy)","d":"Andromeda Legacy User Card component. Install just this piece. Tokens and any sibling comp","s":"aicanvas","c":"data-display/profile","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-user-menu","t":"User Menu (Andromeda Legacy)","d":"Andromeda Legacy User Menu component. Install just this piece. Tokens and any sibling comp","s":"aicanvas","c":"navigation/menu","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-metric-chart","t":"Metric Chart (Andromeda Legacy)","d":"Andromeda Legacy Metric Chart component. Install just this piece. Tokens and any sibling c","s":"aicanvas","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-gauge","t":"Gauge (Andromeda Legacy)","d":"Andromeda Legacy Gauge component. Install just this piece. Tokens and any sibling componen","s":"aicanvas","c":"data-viz/gauge","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-waveform","t":"Waveform (Andromeda Legacy)","d":"Andromeda Legacy Waveform component. Install just this piece. Tokens and any sibling compo","s":"aicanvas","c":"media/player","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-media-card","t":"Media Card (Andromeda Legacy)","d":"Andromeda Legacy Media Card component. Install just this piece. Tokens and any sibling com","s":"aicanvas","c":"data-display/card","hc":1},{"id":"aicanvas:andromeda-data-table","t":"Data Table (Andromeda Legacy)","d":"Andromeda Legacy Data Table component. Install just this piece. Tokens and any sibling com","s":"aicanvas","c":"data-display/table","tg":["animated"],"sb":"Data tables","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-music-player","t":"Music Player (Andromeda Legacy)","d":"Andromeda Legacy Music Player component. Install just this piece. Tokens and any sibling c","s":"aicanvas","c":"media/player","hc":1},{"id":"aicanvas:andromeda-mission-control","t":"Mission Control (Andromeda Legacy)","d":"Mission Control composition from Andromeda Legacy (Dashboard template). Pulls in the 14 An","s":"aicanvas","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-service-order","t":"Service Order (Andromeda Legacy)","d":"Service Order composition from Andromeda Legacy (CRM template). Pulls in the 16 Andromeda ","k":"section","s":"aicanvas","c":"marketing/features","tg":["animated"],"sb":"Icons","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-resource-planning","t":"Resource Planning (Andromeda Legacy)","d":"Resource Planning composition from Andromeda Legacy (Scheduling template). Pulls in the 15","s":"aicanvas","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Reasoning and tools","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-signal-room","t":"Signal Room (Andromeda Legacy)","d":"Signal Room composition from Andromeda Legacy (Media template). Pulls in the 21 Andromeda ","s":"aicanvas","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-tokens","t":"Andromeda Pro tokens","d":"Foundation files for the Andromeda Pro design system: tokens, shared utilities, and the sy","k":"lib","s":"aicanvas","c":"lib/utility","sb":"Theme","hc":1},{"id":"aicanvas:andromeda-pro","t":"Andromeda Pro design system","d":"Every Andromeda Pro component (72 files). Installs the foundation tokens automatically. Re","s":"aicanvas","c":"overlays/alert-banner","tg":["animated","webgl"],"sy":["animated","webgl"],"vn":1,"hc":1},{"id":"aicanvas:andromeda-pro-accordion","t":"Accordion (Andromeda Pro)","d":"Andromeda Pro Accordion component. Install just this piece. Tokens and any sibling compone","s":"aicanvas","c":"data-display/accordion","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-alert","t":"Alert (Andromeda Pro)","d":"Andromeda Pro Alert component. Install just this piece. Tokens and any sibling components ","s":"aicanvas","c":"overlays/alert-banner","hc":1},{"id":"aicanvas:andromeda-pro-artifact","t":"Artifact (Andromeda Pro)","d":"Andromeda Pro Artifact component. Install just this piece. Tokens and any sibling componen","s":"aicanvas","c":"ai-agent/ai-agent","hc":1},{"id":"aicanvas:andromeda-pro-avatar","t":"Avatar (Andromeda Pro)","d":"Andromeda Pro Avatar component. Install just this piece. Tokens and any sibling components","s":"aicanvas","c":"data-display/avatar","hc":1},{"id":"aicanvas:andromeda-pro-badge","t":"Badge (Andromeda Pro)","d":"Andromeda Pro Badge component. Install just this piece. Tokens and any sibling components ","s":"aicanvas","c":"data-display/badge","tg":["animated"],"sb":"Labels","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-bento-grid","t":"Bento Grid (Andromeda Pro)","d":"Andromeda Pro Bento Grid component. Install just this piece. Tokens and any sibling compon","k":"layout","s":"aicanvas","c":"layout/bento-grid","hc":1},{"id":"aicanvas:andromeda-pro-burst","t":"Burst (Andromeda Pro)","d":"Andromeda Pro Burst component. Install just this piece. Tokens and any sibling components ","s":"aicanvas","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-button","t":"Button (Andromeda Pro)","d":"Andromeda Pro Button component. Install just this piece. Tokens and any sibling components","s":"aicanvas","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-card","t":"Card (Andromeda Pro)","d":"Andromeda Pro Card component. Install just this piece. Tokens and any sibling components a","s":"aicanvas","c":"data-display/card","sb":"Profile","hc":1},{"id":"aicanvas:andromeda-pro-checkbox","t":"Checkbox (Andromeda Pro)","d":"Andromeda Pro Checkbox component. Install just this piece. Tokens and any sibling componen","s":"aicanvas","c":"inputs/checkbox","hc":1},{"id":"aicanvas:andromeda-pro-choice-card","t":"Choice Card (Andromeda Pro)","d":"Andromeda Pro Choice Card component. Install just this piece. Tokens and any sibling compo","s":"aicanvas","c":"inputs/radio","hc":1},{"id":"aicanvas:andromeda-pro-collapsible","t":"Collapsible (Andromeda Pro)","d":"Andromeda Pro Collapsible component. Install just this piece. Tokens and any sibling compo","s":"aicanvas","c":"data-display/accordion","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-combobox","t":"Combobox (Andromeda Pro)","d":"Andromeda Pro Combobox component. Install just this piece. Tokens and any sibling componen","s":"aicanvas","c":"inputs/combobox","hc":1},{"id":"aicanvas:andromeda-pro-corner-markers","t":"Corner Markers (Andromeda Pro)","d":"Andromeda Pro Corner Markers component. Install just this piece. Tokens and any sibling co","s":"aicanvas","c":"ai-agent/ai-agent","hc":1},{"id":"aicanvas:andromeda-pro-cube","t":"Cube (Andromeda Pro)","d":"Andromeda Pro Cube component. Install just this piece. Tokens and any sibling components a","s":"aicanvas","c":"ai-agent/ai-agent","hc":1},{"id":"aicanvas:andromeda-pro-data-table","t":"Data Table (Andromeda Pro)","d":"Andromeda Pro Data Table component. Install just this piece. Tokens and any sibling compon","s":"aicanvas","c":"data-display/table","tg":["animated"],"sb":"Data tables","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-date-range-picker","t":"Date Range Picker (Andromeda Pro)","d":"Andromeda Pro Date Range Picker component. Install just this piece. Tokens and any sibling","s":"aicanvas","c":"inputs/date-range","hc":1},{"id":"aicanvas:andromeda-pro-drawer","t":"Drawer (Andromeda Pro)","d":"Andromeda Pro Drawer component. Install just this piece. Tokens and any sibling components","s":"aicanvas","c":"overlays/sheet","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-empty-state","t":"Empty State (Andromeda Pro)","d":"Andromeda Pro Empty State component. Install just this piece. Tokens and any sibling compo","s":"aicanvas","c":"data-display/empty-state","hc":1},{"id":"aicanvas:andromeda-pro-footer","t":"Footer (Andromeda Pro)","d":"Andromeda Pro Footer component. Install just this piece. Tokens and any sibling components","k":"section","s":"aicanvas","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-funnel-chart","t":"Funnel Chart (Andromeda Pro)","d":"Andromeda Pro Funnel Chart component. Install just this piece. Tokens and any sibling comp","s":"aicanvas","c":"data-viz/chart","tg":["animated","playful"],"sb":"Flow and funnel","sy":["animated","playful"],"hc":1},{"id":"aicanvas:andromeda-pro-gauge","t":"Gauge (Andromeda Pro)","d":"Andromeda Pro Gauge component. Install just this piece. Tokens and any sibling components ","s":"aicanvas","c":"data-viz/gauge","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-heat-grid","t":"Heat Grid (Andromeda Pro)","d":"Andromeda Pro Heat Grid component. Install just this piece. Tokens and any sibling compone","s":"aicanvas","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-icon-button","t":"Icon Button (Andromeda Pro)","d":"Andromeda Pro Icon Button component. Install just this piece. Tokens and any sibling compo","s":"aicanvas","c":"actions/button","tg":["animated"],"sb":"Icon buttons","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-input","t":"Input (Andromeda Pro)","d":"Andromeda Pro Input component. Install just this piece. Tokens and any sibling components ","s":"aicanvas","c":"inputs/form-field","hc":1},{"id":"aicanvas:andromeda-pro-item","t":"Item (Andromeda Pro)","d":"Andromeda Pro Item component. Install just this piece. Tokens and any sibling components a","s":"aicanvas","c":"data-display/list","hc":1},{"id":"aicanvas:andromeda-pro-logo-cloud","t":"Logo Cloud (Andromeda Pro)","d":"Andromeda Pro Logo Cloud component. Install just this piece. Tokens and any sibling compon","k":"section","s":"aicanvas","c":"marketing/logos","hc":1},{"id":"aicanvas:andromeda-pro-marquee","t":"Marquee (Andromeda Pro)","d":"Andromeda Pro Marquee component. Install just this piece. Tokens and any sibling component","k":"motion","s":"aicanvas","c":"motion/marquee","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-media-card","t":"Media Card (Andromeda Pro)","d":"Andromeda Pro Media Card component. Install just this piece. Tokens and any sibling compon","s":"aicanvas","c":"data-display/card","hc":1},{"id":"aicanvas:andromeda-pro-message","t":"Message (Andromeda Pro)","d":"Andromeda Pro Message component. Install just this piece. Tokens and any sibling component","s":"aicanvas","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"aicanvas:andromeda-pro-metric-chart","t":"Metric Chart (Andromeda Pro)","d":"Andromeda Pro Metric Chart component. Install just this piece. Tokens and any sibling comp","s":"aicanvas","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-music-player","t":"Music Player (Andromeda Pro)","d":"Andromeda Pro Music Player component. Install just this piece. Tokens and any sibling comp","s":"aicanvas","c":"media/player","hc":1},{"id":"aicanvas:andromeda-pro-nav-item","t":"Nav Item (Andromeda Pro)","d":"Andromeda Pro Nav Item component. Install just this piece. Tokens and any sibling componen","s":"aicanvas","c":"navigation/top-nav","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-navbar","t":"Navbar (Andromeda Pro)","d":"Andromeda Pro Navbar component. Install just this piece. Tokens and any sibling components","s":"aicanvas","c":"navigation/top-nav","tg":["animated"],"sb":"Mobile","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-nodes","t":"Nodes (Andromeda Pro)","d":"Andromeda Pro Nodes component. Install just this piece. Tokens and any sibling components ","s":"aicanvas","c":"ai-agent/ai-agent","hc":1},{"id":"aicanvas:andromeda-pro-orb","t":"Orb (Andromeda Pro)","d":"Andromeda Pro Orb component. Install just this piece. Tokens and any sibling components ar","s":"aicanvas","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"aicanvas:andromeda-pro-panel-header","t":"Panel Header (Andromeda Pro)","d":"Andromeda Pro Panel Header component. Install just this piece. Tokens and any sibling comp","s":"aicanvas","c":"navigation/top-nav","sb":"Mobile","hc":1},{"id":"aicanvas:andromeda-pro-panel-menu","t":"Panel Menu (Andromeda Pro)","d":"Andromeda Pro Panel Menu component. Install just this piece. Tokens and any sibling compon","s":"aicanvas","c":"navigation/menu","hc":1},{"id":"aicanvas:andromeda-pro-payment-card","t":"Payment Card (Andromeda Pro)","d":"Andromeda Pro Payment Card component. Install just this piece. Tokens and any sibling comp","s":"aicanvas","c":"data-display/card","tg":["animated"],"sb":"Payment","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-planet","t":"Planet (Andromeda Pro)","d":"Andromeda Pro Planet component. Install just this piece. Tokens and any sibling components","k":"motion","s":"aicanvas","c":"motion/globe","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"aicanvas:andromeda-pro-popover","t":"Popover (Andromeda Pro)","d":"Andromeda Pro Popover component. Install just this piece. Tokens and any sibling component","s":"aicanvas","c":"overlays/popover","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-progress-bar","t":"Progress Bar (Andromeda Pro)","d":"Andromeda Pro Progress Bar component. Install just this piece. Tokens and any sibling comp","s":"aicanvas","c":"data-viz/progress-bar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-pricing-card","t":"Pricing Card (Andromeda Pro)","d":"Andromeda Pro Pricing Card component. Install just this piece. Tokens and any sibling comp","k":"section","s":"aicanvas","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"aicanvas:andromeda-pro-prompt-input","t":"Prompt Input (Andromeda Pro)","d":"Andromeda Pro Prompt Input component. Install just this piece. Tokens and any sibling comp","s":"aicanvas","c":"ai-agent/composer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-radar-chart","t":"Radar Chart (Andromeda Pro)","d":"Andromeda Pro Radar Chart component. Install just this piece. Tokens and any sibling compo","s":"aicanvas","c":"data-viz/chart","tg":["animated"],"sb":"Radar","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-radio","t":"Radio (Andromeda Pro)","d":"Andromeda Pro Radio component. Install just this piece. Tokens and any sibling components ","s":"aicanvas","c":"inputs/radio","hc":1},{"id":"aicanvas:andromeda-pro-search-field","t":"Search Field (Andromeda Pro)","d":"Andromeda Pro Search Field component. Install just this piece. Tokens and any sibling comp","s":"aicanvas","c":"inputs/search","hc":1},{"id":"aicanvas:andromeda-pro-section-heading","t":"Section Heading (Andromeda Pro)","d":"Andromeda Pro Section Heading component. Install just this piece. Tokens and any sibling c","k":"motion","s":"aicanvas","c":"motion/text-effect","hc":1},{"id":"aicanvas:andromeda-pro-segmented-control","t":"Segmented Control (Andromeda Pro)","d":"Andromeda Pro Segmented Control component. Install just this piece. Tokens and any sibling","s":"aicanvas","c":"actions/segmented-control","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-sidebar","t":"Sidebar (Andromeda Pro)","d":"Andromeda Pro Sidebar component. Install just this piece. Tokens and any sibling component","s":"aicanvas","c":"navigation/sidebar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-skeleton","t":"Skeleton (Andromeda Pro)","d":"Andromeda Pro Skeleton component. Install just this piece. Tokens and any sibling componen","s":"aicanvas","c":"status/skeleton","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-slider","t":"Slider (Andromeda Pro)","d":"Andromeda Pro Slider component. Install just this piece. Tokens and any sibling components","s":"aicanvas","c":"inputs/slider","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-spinner","t":"Spinner (Andromeda Pro)","d":"Andromeda Pro Spinner component. Install just this piece. Tokens and any sibling component","s":"aicanvas","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-stat-tile","t":"Stat Tile (Andromeda Pro)","d":"Andromeda Pro Stat Tile component. Install just this piece. Tokens and any sibling compone","s":"aicanvas","c":"data-display/stat","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-stepper","t":"Stepper (Andromeda Pro)","d":"Andromeda Pro Stepper component. Install just this piece. Tokens and any sibling component","s":"aicanvas","c":"navigation/wizard-steps","hc":1},{"id":"aicanvas:andromeda-pro-strength-meter","t":"Strength Meter (Andromeda Pro)","d":"Andromeda Pro Strength Meter component. Install just this piece. Tokens and any sibling co","s":"aicanvas","c":"data-viz/gauge","hc":1},{"id":"aicanvas:andromeda-pro-suggestion","t":"Suggestion (Andromeda Pro)","d":"Andromeda Pro Suggestion component. Install just this piece. Tokens and any sibling compon","s":"aicanvas","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-table","t":"Table (Andromeda Pro)","d":"Andromeda Pro Table component. Install just this piece. Tokens and any sibling components ","s":"aicanvas","c":"data-display/table","hc":1},{"id":"aicanvas:andromeda-pro-tabs","t":"Tabs (Andromeda Pro)","d":"Andromeda Pro Tabs component. Install just this piece. Tokens and any sibling components a","s":"aicanvas","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-tag","t":"Tag (Andromeda Pro)","d":"Andromeda Pro Tag component. Install just this piece. Tokens and any sibling components ar","s":"aicanvas","c":"data-display/badge","sb":"Labels","hc":1},{"id":"aicanvas:andromeda-pro-textarea","t":"Textarea (Andromeda Pro)","d":"Andromeda Pro Textarea component. Install just this piece. Tokens and any sibling componen","s":"aicanvas","c":"inputs/textarea","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-toggle","t":"Toggle (Andromeda Pro)","d":"Andromeda Pro Toggle component. Install just this piece. Tokens and any sibling components","s":"aicanvas","c":"actions/switch","hc":1},{"id":"aicanvas:andromeda-pro-tool","t":"Tool (Andromeda Pro)","d":"Andromeda Pro Tool component. Install just this piece. Tokens and any sibling components a","s":"aicanvas","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"aicanvas:andromeda-pro-tooltip","t":"Tooltip (Andromeda Pro)","d":"Andromeda Pro Tooltip component. Install just this piece. Tokens and any sibling component","s":"aicanvas","c":"overlays/tooltip","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-top-bar","t":"Top Bar (Andromeda Pro)","d":"Andromeda Pro Top Bar component. Install just this piece. Tokens and any sibling component","k":"section","s":"aicanvas","c":"marketing/announcement","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-trend-chart","t":"Trend Chart (Andromeda Pro)","d":"Andromeda Pro Trend Chart component. Install just this piece. Tokens and any sibling compo","s":"aicanvas","c":"data-viz/chart","tg":["animated"],"sb":"Line and sparkline","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-user-card","t":"User Card (Andromeda Pro)","d":"Andromeda Pro User Card component. Install just this piece. Tokens and any sibling compone","s":"aicanvas","c":"data-display/profile","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-user-menu","t":"User Menu (Andromeda Pro)","d":"Andromeda Pro User Menu component. Install just this piece. Tokens and any sibling compone","s":"aicanvas","c":"navigation/menu","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-waveform","t":"Waveform (Andromeda Pro)","d":"Andromeda Pro Waveform component. Install just this piece. Tokens and any sibling componen","s":"aicanvas","c":"media/player","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-city-operations","t":"City Operations (Andromeda Pro)","d":"City Operations composition from Andromeda Pro (Dashboard template). Pulls in the 19 Andro","s":"aicanvas","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-ai-chat","t":"AI Chat (Andromeda Pro)","d":"AI Chat composition from Andromeda Pro (CRM template). Pulls in the 37 Andromeda Pro compo","s":"aicanvas","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Chat","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-sign-in","t":"Sign In (Andromeda Pro)","d":"Sign In composition from Andromeda Pro (Authentication template). Pulls in the 4 Andromeda","k":"layout","s":"aicanvas","c":"flows/sign-in","tg":["animated"],"sb":"Sign in","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-signal-room","t":"Signal Room (Andromeda Pro)","d":"Signal Room composition from Andromeda Pro (Media template). Pulls in the 21 Andromeda Pro","s":"aicanvas","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-mission-control","t":"Mission Control (Andromeda Pro)","d":"Mission Control composition from Andromeda Pro (Dashboard template). Pulls in the 16 Andro","s":"aicanvas","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-service-order","t":"Service Order (Andromeda Pro)","d":"Service Order composition from Andromeda Pro (CRM template). Pulls in the 18 Andromeda Pro","k":"section","s":"aicanvas","c":"marketing/features","tg":["animated"],"sb":"Icons","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-resource-planning","t":"Resource Planning (Andromeda Pro)","d":"Resource Planning composition from Andromeda Pro (Scheduling template). Pulls in the 19 An","s":"aicanvas","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Reasoning and tools","sy":["animated"],"hc":1},{"id":"aicanvas:andromeda-pro-sign-up","t":"Sign Up (Andromeda Pro)","d":"Sign Up composition from Andromeda Pro (Authentication template). Pulls in the 6 Andromeda","k":"layout","s":"aicanvas","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"aicanvas:andromeda-pro-fintech-landing","t":"Fintech Landing (Andromeda Pro)","d":"Fintech Landing composition from Andromeda Pro (Marketing template). Pulls in the 30 Andro","s":"aicanvas","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"akoder:emoji-reactions","t":"Emoji reactions","d":"A compact emoji reaction picker that swaps the emoji on your message with a short spring b","s":"akoder","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"akoder:todo-list","t":"Todo list","d":"Content-sized task rows with completion checks in your primary color, an animated strike-t","s":"akoder","c":"data-display/list","sb":"Tasks and to-dos","hc":1},{"id":"akoder:theme-switcher","t":"Theme switcher","d":"A visual Light, Dark, and System theme selector with textured previews, an animated select","s":"akoder","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"akoder:ask-ai","t":"Ask AI","d":"A popover prompt launcher with an animated mascot trigger, one-click query links for major","s":"akoder","c":"ai-agent/ai-agent","hc":1},{"id":"akoder:model-picker","t":"Model Picker","d":"A chat-style model switcher. Provider icons on a side rail filter the list to models avail","s":"akoder","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"akoder:command-palette","t":"Command Palette","d":"A keyboard-first ⌘K palette with grouped actions, drill-down pages, recent items, and dire","s":"akoder","c":"navigation/command-palette","hc":1},{"id":"akoder:dotted-world-map","t":"Dotted World Map","d":"A dependency-free SVG world map drawn with dots, tinted by heat value. Ships with interact","s":"akoder","c":"data-viz/map","hc":1},{"id":"akoder:copy-command-block","t":"Copy Command Block","d":"A multi-package manager terminal command box with tab switcher (npm, pnpm, yarn, bun), per","s":"akoder","c":"navigation/command-palette","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"akoder:github-map","t":"GitHub Heatmap","d":"An interactive 52-week contribution activity graph with date-fns interval calculation, the","s":"akoder","c":"data-viz/map","hc":1},{"id":"akoder:project-explorer","t":"Interactive Project Explorer","d":"An IDE-style project showcase with collapsible year folders, status badges, and floating c","s":"akoder","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"akoder:carousel","t":"Fluid Carousel","d":"Accessible touch-swipeable slide carousel with directional spring animations, keyboard arr","s":"akoder","c":"media/carousel","hc":1},{"id":"akoder:mode-toggler","t":"Mode Toggler","d":"A minimal Sun / Moon theme toggle button built on next-themes. Supports an optional click ","s":"akoder","c":"actions/switch","tg":["minimal"],"sb":"Theme toggles","sy":["minimal"],"hc":1},{"id":"akoder:interactive-skill-cloud","t":"Interactive Skill Cloud","d":"A draggable physics pill cloud powered by matter.js, pills rain down, pile at the bottom, ","s":"akoder","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"akoder:contact-channels","t":"Contact Channels","d":"A hairline grid of contact cells with copy-to-clipboard actions, single-key shortcuts, too","k":"section","s":"akoder","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"akoder:section-rail","t":"Section Rail","d":"A responsive section navigation rail with scroll tracking, smooth anchor jumps, link mode,","k":"layout","s":"akoder","c":"layout/scroll-area","hc":1},{"id":"akoder:progress-bars","t":"Progress Bars","d":"A minimal textured bar chart with vertical and horizontal layouts, shipping a line fill an","s":"akoder","c":"data-viz/progress-bar","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"akoder:workflow-status","t":"Workflow Status","d":"Compact workflow badges with semantic defaults, custom states, icon and colour overrides, ","s":"akoder","c":"data-display/badge","sb":"Status","hc":1},{"id":"akoder:glyph-card","t":"Glyph Card","d":"A hairline card whose background resolves into tiny plus marks on hover, gathering inside ","s":"akoder","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"akoder:snake","t":"Snake","d":"A monochrome snake game on a dot-lattice field. Steer with the arrow keys, WASD, or a swip","s":"akoder","c":"inputs/form-field","hc":1},{"id":"akoder:stack-rolodex","t":"Stack Rolodex","d":"A rotating vertical pill stack that cycles through a list rolodex-style, with depth scalin","k":"motion","s":"akoder","c":"motion/marquee","tg":["3d"],"sy":["3d"],"hc":1},{"id":"akoder:prompt-bar","t":"Prompt Bar","d":"A compact prompt input with removable context chips, a toolbar slot for your model picker,","s":"akoder","c":"ai-agent/composer","hc":1},{"id":"algolia:dropdown-search","t":"Algolia dropdown search experience","d":"Inline autocomplete dropdown search experience, powered by Algolia's InstantSearch","s":"algolia","c":"inputs/search","hc":1},{"id":"algolia:search","t":"Algolia crafted search experience","d":"Opinionated site search experience, powered by Algolia's InstantSearch","s":"algolia","c":"inputs/search","hc":1},{"id":"algolia:search-ai","t":"Search with Ask AI","d":"Opinionated search experience with Ask AI, powered by Algolia's InstantSearch and Ask AI","s":"algolia","c":"ai-agent/ai-agent","hc":1},{"id":"algolia:highlight-to-askai","t":"Highlight to Ask AI [Experimental]","d":"🚧 [Experimental] Highlight any text and ask Algolia Ask AI with an inline tooltip","s":"algolia","c":"ai-agent/ai-agent","hc":1},{"id":"algolia:sidepanel-askai","t":"Sidepanel Ask AI","d":"Sidepanel chat experience with Ask AI, powered by Algolia's Ask AI","s":"algolia","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"amap:amap","t":"Map","d":"An AMap (高德地图)-powered map component with markers, popups, tooltips, routes, and controls.","s":"amap","c":"data-viz/map","hc":1},{"id":"amarjay-ui:utils","t":"Utils","d":"Class name utility used by Amarjay UI components.","k":"lib","s":"amarjay-ui","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"amarjay-ui:button","t":"Button","d":"Customizable button component.","s":"amarjay-ui","c":"actions/button","hc":1},{"id":"amarjay-ui:alert","t":"Alert","d":"Callout component for important information or status.","s":"amarjay-ui","c":"overlays/alert-banner","hc":1},{"id":"amarjay-ui:badge","t":"Badge","d":"Compact label for status, metadata, and counts.","s":"amarjay-ui","c":"data-display/badge","hc":1},{"id":"amarjay-ui:card","t":"Card","d":"Container for grouping related content and actions.","s":"amarjay-ui","c":"data-display/card","hc":1},{"id":"amarjay-ui:input","t":"Input","d":"Text field for short-form input.","s":"amarjay-ui","c":"inputs/form-field","hc":1},{"id":"amarjay-ui:avatar","t":"Avatar","d":"Avatar component with image and fallback support.","s":"amarjay-ui","c":"data-display/avatar","hc":1},{"id":"amarjay-ui:popover","t":"Popover","d":"Floating popover component.","s":"amarjay-ui","c":"overlays/popover","hc":1},{"id":"amarjay-ui:dialog","t":"Dialog","d":"Accessible modal dialog component.","s":"amarjay-ui","c":"overlays/dialog","hc":1},{"id":"amarjay-ui:dropdown-menu","t":"Dropdown menu","d":"Menu of actions triggered by a button.","s":"amarjay-ui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"amarjay-ui:context-menu","t":"Context menu","d":"Contextual action menu for a right click or long press.","s":"amarjay-ui","c":"overlays/context-menu","hc":1},{"id":"amarjay-ui:slider","t":"Slider","d":"Range slider component.","s":"amarjay-ui","c":"inputs/slider","hc":1},{"id":"amarjay-ui:tooltip","t":"Tooltip","d":"Accessible tooltip component.","s":"amarjay-ui","c":"overlays/tooltip","hc":1},{"id":"amarjay-ui:chart","t":"Chart","d":"Composable chart primitives built on Recharts.","s":"amarjay-ui","c":"data-viz/chart","vn":1,"hc":1},{"id":"amarjay-ui:audio-player","t":"Audio Player","d":"Inline and floating audio-player controls.","s":"amarjay-ui","c":"media/player","hc":1},{"id":"amarjay-ui:image-comparison-slider","t":"Image Comparison Slider","d":"Draggable before-and-after image comparison control.","s":"amarjay-ui","c":"media/image-compare","hc":1},{"id":"amarjay-ui:settings-dialog","t":"Settings Dialog","d":"A settings dialog with sidebar navigation and focused controls.","s":"amarjay-ui","c":"overlays/dialog","hc":1},{"id":"amicro:fade-in","t":"Fade In","d":"Basic fade entrance animation.","s":"amicro","c":"other/other","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"amicro:fade-up","t":"Fade Up","d":"Fade with upward translation.","s":"amicro","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:fade-down","t":"Fade Down","d":"Fade with downward translation.","s":"amicro","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:slide-left","t":"Slide Left","d":"Slide in from right to left.","s":"amicro","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:slide-right","t":"Slide Right","d":"Slide in from left to right.","s":"amicro","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:scale-in","t":"Scale In","d":"Scale transition from small to actual size.","s":"amicro","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:zoom-in","t":"Zoom In","d":"Scale transition combined with deep blur/depth effect.","s":"amicro","c":"media/gallery","tg":["3d","animated"],"sb":"Zoom and lens","sy":["3d","animated"],"hc":1},{"id":"amicro:text-reveal","t":"Text Reveal","d":"Line-by-line slide/reveal text effect.","k":"motion","s":"amicro","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"amicro:word-reveal","t":"Word Reveal","d":"Word-by-word fade and scale stagger reveal effect.","k":"motion","s":"amicro","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"amicro:blur-text","t":"Blur Text","d":"Blur transition for text container/headings.","k":"motion","s":"amicro","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"amicro:character-stagger","t":"Character Stagger","d":"Character-by-character radial or linear stagger animation.","k":"motion","s":"amicro","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"amicro:card-hover","t":"Card Hover","d":"Dynamic floating card effect on hover.","s":"amicro","c":"data-display/card","tg":["animated"],"sb":"Animated and glowing","sy":["animated"],"hc":1},{"id":"amicro:tilt-card","t":"Tilt Card","d":"3D parallax tilt effect following mouse cursor.","s":"amicro","c":"data-display/card","tg":["3d","animated"],"sb":"Animated and glowing","sy":["3d","animated"],"hc":1},{"id":"amicro:magnetic-button","t":"Magnetic Button","d":"A button that pulls slightly towards the user's cursor.","s":"amicro","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"amicro:glow-button","t":"Glow Button","d":"Glow/border animation following the cursor.","s":"amicro","c":"actions/button","tg":["animated","neon"],"sb":"Animated","sy":["animated","neon"],"hc":1},{"id":"amicro:cursor-trail","t":"Cursor Trail","d":"Custom cursor with particle/dots trail.","k":"motion","s":"amicro","c":"motion/cursor","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:spotlight","t":"Spotlight","d":"Masked spotlight highlighting container content on hover.","k":"motion","s":"amicro","c":"motion/background","tg":["animated"],"sb":"Beams and light","sy":["animated"],"hc":1},{"id":"amicro:mouse-follow","t":"Mouse Follow","d":"Smooth spring physics element trailing mouse cursor.","k":"motion","s":"amicro","c":"motion/cursor","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:scroll-reveal","t":"Scroll Reveal","d":"Reveal content block as it scrolls into viewport.","k":"layout","s":"amicro","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:progress-indicator","t":"Progress Indicator","d":"Horizontal page scroll progress indicator bar.","s":"amicro","c":"data-viz/progress-bar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:sticky-reveal","t":"Sticky Reveal","d":"Apple-style scroll-linked side sticky content reveal.","k":"layout","s":"amicro","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:skeleton","t":"Skeleton","d":"Loading skeleton with smooth shimmer sweep.","s":"amicro","c":"status/skeleton","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:pulse","t":"Pulse","d":"Pulsing scaling animation for loading elements.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Dots and pulse","sy":["animated"],"hc":1},{"id":"amicro:morph-loader","t":"Morph Loader","d":"Gooey/morphing shape loader.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Liquid and 3D","sy":["animated"],"hc":1},{"id":"amicro:use-scroll-progress","t":"Use Scroll Progress","d":"Calculates current page/container scroll progress percentage.","k":"lib","s":"amicro","c":"lib/hook","hc":1},{"id":"amicro:use-mouse-position","t":"Use Mouse Position","d":"Tracks target element mouse coordinate offsets.","k":"lib","s":"amicro","c":"lib/hook","hc":1},{"id":"amicro:use-stagger","t":"Use Stagger","d":"Calculates custom delays for child stagger layouts.","k":"lib","s":"amicro","c":"lib/hook","hc":1},{"id":"amicro:use-reduced-motion","t":"Use Reduced Motion","d":"Detects client system reduced motion media query standard.","k":"lib","s":"amicro","c":"lib/hook","hc":1},{"id":"amicro:use-web-haptics","t":"Use Web Haptics","d":"Provides responsive device haptic feedback and vibrations for web interfaces.","k":"lib","s":"amicro","c":"lib/hook","hc":1},{"id":"amicro:presets","t":"Presets","d":"A set of spring configuration presets for Motion.","k":"lib","s":"amicro","c":"lib/utility","hc":1},{"id":"amicro:utils","t":"Utils","d":"Motion utility functions (cn helper, mapRange).","k":"lib","s":"amicro","c":"lib/utility","tg":["playful"],"sb":"Class helpers","sy":["playful"],"hc":1},{"id":"amicro:accordion-loader","t":"Accordion Loader","d":"Accordion Loader loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:app-icon-load","t":"App Icon Load","d":"App Icon Load loading animation.","k":"resource","s":"amicro","c":"assets/icon","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"amicro:apple-breathe","t":"Apple Breathe","d":"Apple Breathe loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:apple-equalizer","t":"Apple Equalizer","d":"Apple Equalizer loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:apple-icon-morph","t":"Apple Icon Morph","d":"Apple Icon Morph loading animation.","k":"motion","s":"amicro","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"amicro:apple-pulse-dots","t":"Apple Pulse Dots","d":"Apple Pulse Dots loading animation.","k":"motion","s":"amicro","c":"motion/background","tg":["animated"],"sb":"Grids and patterns","sy":["animated"],"hc":1},{"id":"amicro:apple-scale-pulse","t":"Apple Scale Pulse","d":"Apple Scale Pulse loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Dots and pulse","sy":["animated"],"hc":1},{"id":"amicro:apple-sound-wave","t":"Apple Sound Wave","d":"Apple Sound Wave loading animation.","k":"resource","s":"amicro","c":"assets/sound","tg":["animated"],"sb":"Notifications","sy":["animated"],"hc":1},{"id":"amicro:apple-text-reveal","t":"Apple Text Reveal","d":"Apple Text Reveal loading animation.","k":"motion","s":"amicro","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"amicro:apple-unlock","t":"Apple Unlock","d":"Apple Unlock loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:arc-tracer","t":"Arc Tracer","d":"Arc Tracer loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:bar-cascade","t":"Bar Cascade","d":"Bar Cascade loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Bars","sy":["animated"],"hc":1},{"id":"amicro:bar-sweep","t":"Bar Sweep","d":"Bar Sweep loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Bars","sy":["animated"],"hc":1},{"id":"amicro:bobbing-dots","t":"Bobbing Dots","d":"Bobbing Dots loading animation.","k":"motion","s":"amicro","c":"motion/background","tg":["animated"],"sb":"Grids and patterns","sy":["animated"],"hc":1},{"id":"amicro:bounce-dots","t":"Bounce Dots","d":"Bounce Dots loading animation.","k":"motion","s":"amicro","c":"motion/background","tg":["animated"],"sb":"Grids and patterns","sy":["animated"],"hc":1},{"id":"amicro:bouncing-bars","t":"Bouncing Bars","d":"Bouncing Bars loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Bars","sy":["animated"],"hc":1},{"id":"amicro:bouncing-dots","t":"Bouncing Dots","d":"Bouncing Dots loading animation.","k":"motion","s":"amicro","c":"motion/background","tg":["animated"],"sb":"Grids and patterns","sy":["animated"],"hc":1},{"id":"amicro:bouncing-lines","t":"Bouncing Lines","d":"Bouncing Lines loading animation.","k":"motion","s":"amicro","c":"motion/background","tg":["animated"],"sb":"Beams and light","sy":["animated"],"hc":1},{"id":"amicro:bouncing-square","t":"Bouncing Square","d":"Bouncing Square loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Shapes and grids","sy":["animated"],"hc":1},{"id":"amicro:breathe-ring","t":"Breathe Ring","d":"Breathe Ring loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:breathing-glow","t":"Breathing Glow","d":"Breathing Glow loading animation.","k":"motion","s":"amicro","c":"motion/background","tg":["animated","neon"],"sb":"Gradients and aurora","sy":["animated","neon"],"hc":1},{"id":"amicro:breathing-square","t":"Breathing Square","d":"Breathing Square loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Shapes and grids","sy":["animated"],"hc":1},{"id":"amicro:circular-bars","t":"Circular Bars","d":"Circular Bars loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Bars","sy":["animated"],"hc":1},{"id":"amicro:classic-spinner","t":"Classic Spinner","d":"Classic Spinner loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:clock-spinner","t":"Clock Spinner","d":"Clock Spinner loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:comet-spinner","t":"Comet Spinner","d":"Comet Spinner loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:concentric-pulse","t":"Concentric Pulse","d":"Concentric Pulse loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Dots and pulse","sy":["animated"],"hc":1},{"id":"amicro:concentric-ring","t":"Concentric Ring","d":"Concentric Ring loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:concentric-squares","t":"Concentric Squares","d":"Concentric Squares loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Shapes and grids","sy":["animated"],"hc":1},{"id":"amicro:conveyor-loop","t":"Conveyor Loop","d":"Conveyor Loop loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:cross-spinner","t":"Cross Spinner","d":"Cross Spinner loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:cube-flip-spring","t":"Cube Flip Spring","d":"Cube Flip Spring loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:dash-ring","t":"Dash Ring","d":"Dash Ring loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:dashed-spiral","t":"Dashed Spiral","d":"Dashed Spiral loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:diamond-grid","t":"Diamond Grid","d":"Diamond Grid loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Shapes and grids","sy":["animated"],"hc":1},{"id":"amicro:diamond-rotate-spring","t":"Diamond Rotate Spring","d":"Diamond Rotate Spring loading animation.","k":"motion","s":"amicro","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"amicro:dot-spinner","t":"Dot Spinner","d":"Dot Spinner loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Dots and pulse","sy":["animated"],"hc":1},{"id":"amicro:dots-ring","t":"Dots Ring","d":"Dots Ring loading animation.","k":"motion","s":"amicro","c":"motion/background","tg":["animated"],"sb":"Grids and patterns","sy":["animated"],"hc":1},{"id":"amicro:double-ring","t":"Double Ring","d":"Double Ring loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:drop-dot","t":"Drop Dot","d":"Drop Dot loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Dots and pulse","sy":["animated"],"hc":1},{"id":"amicro:dual-arc","t":"Dual Arc","d":"Dual Arc loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:dynamic-island","t":"Dynamic Island","d":"Dynamic Island loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:elastic-bars","t":"Elastic Bars","d":"Elastic Bars loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Bars","sy":["animated"],"hc":1},{"id":"amicro:elastic-square","t":"Elastic Square","d":"Elastic Square loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Shapes and grids","sy":["animated"],"hc":1},{"id":"amicro:expanding-cross","t":"Expanding Cross","d":"Expanding Cross loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:face-id-scan","t":"Face Id Scan","d":"Face Id Scan loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:fade-arc","t":"Fade Arc","d":"Fade Arc loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:fade-dots","t":"Fade Dots","d":"Fade Dots loading animation.","k":"motion","s":"amicro","c":"motion/background","tg":["animated"],"sb":"Grids and patterns","sy":["animated"],"hc":1},{"id":"amicro:flip-square","t":"Flip Square","d":"Flip Square loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Shapes and grids","sy":["animated"],"hc":1},{"id":"amicro:floating-diamonds","t":"Floating Diamonds","d":"Floating Diamonds loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:fluid-bars","t":"Fluid Bars","d":"Fluid Bars loading animation.","k":"motion","s":"amicro","c":"motion/shader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:fluid-diamond","t":"Fluid Diamond","d":"Fluid Diamond loading animation.","k":"motion","s":"amicro","c":"motion/shader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:fluid-dot-orbit","t":"Fluid Dot Orbit","d":"Fluid Dot Orbit loading animation.","k":"motion","s":"amicro","c":"motion/shader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:fluid-skeleton","t":"Fluid Skeleton","d":"Fluid Skeleton loading animation.","s":"amicro","c":"status/skeleton","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:gears","t":"Gears","d":"Gears loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:glassmorphic-card","t":"Glassmorphic Card","d":"Glassmorphic Card loading animation.","s":"amicro","c":"data-display/card","tg":["animated","glass"],"sb":"Animated and glowing","sy":["animated","glass"],"hc":1},{"id":"amicro:gradient-arc","t":"Gradient Arc","d":"Gradient Arc loading animation.","k":"motion","s":"amicro","c":"motion/gradient","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"amicro:grid-dots","t":"Grid Dots","d":"Grid Dots loading animation.","k":"motion","s":"amicro","c":"motion/background","tg":["animated"],"sb":"Grids and patterns","sy":["animated"],"hc":1},{"id":"amicro:haptic-ring","t":"Haptic Ring","d":"Haptic Ring loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:heartbeat","t":"Heartbeat","d":"Heartbeat loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:hexagon-spinner","t":"Hexagon Spinner","d":"Hexagon Spinner loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:hourglass","t":"Hourglass","d":"Hourglass loading animation.","s":"amicro","c":"status/loader","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"amicro:infinity-path","t":"Infinity Path","d":"Infinity Path loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:intersecting-rings","t":"Intersecting Rings","d":"Intersecting Rings loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:ios-spinner","t":"Ios Spinner","d":"Ios Spinner loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:line-spinner","t":"Line Spinner","d":"Line Spinner loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:liquid-dots","t":"Liquid Dots","d":"Liquid Dots loading animation.","k":"motion","s":"amicro","c":"motion/background","tg":["animated"],"sb":"Grids and patterns","sy":["animated"],"hc":1},{"id":"amicro:loader-morphing","t":"Loader Morphing","d":"Loader Morphing loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Liquid and 3D","sy":["animated"],"hc":1},{"id":"amicro:mac-terminal","t":"Mac Terminal","d":"Mac Terminal loading animation.","s":"amicro","c":"data-display/code-block","tg":["animated","retro and HUD"],"sy":["animated","retro and HUD"],"hc":1},{"id":"amicro:magnetic-dots","t":"Magnetic Dots","d":"Magnetic Dots loading animation.","k":"motion","s":"amicro","c":"motion/background","tg":["animated"],"sb":"Grids and patterns","sy":["animated"],"hc":1},{"id":"amicro:minimal-triangle","t":"Minimal Triangle","d":"Minimal Triangle loading animation.","s":"amicro","c":"status/loader","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"amicro:morph-dot-ring","t":"Morph Dot Ring","d":"Morph Dot Ring loading animation.","k":"motion","s":"amicro","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"amicro:morphing-bars","t":"Morphing Bars","d":"Morphing Bars loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Bars","sy":["animated"],"hc":1},{"id":"amicro:morphing-infinity","t":"Morphing Infinity","d":"Morphing Infinity loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Liquid and 3D","sy":["animated"],"hc":1},{"id":"amicro:morphing-ring","t":"Morphing Ring","d":"Morphing Ring loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:morphing-shape","t":"Morphing Shape","d":"Morphing Shape loading animation.","k":"resource","s":"amicro","c":"assets/shape","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:newtons-cradle","t":"Newtons Cradle","d":"Newtons Cradle loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:offset-rings","t":"Offset Rings","d":"Offset Rings loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:orbiting-circles","t":"Orbiting Circles","d":"Orbiting Circles loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:orbiting-dot","t":"Orbiting Dot","d":"Orbiting Dot loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Dots and pulse","sy":["animated"],"hc":1},{"id":"amicro:origami-shape","t":"Origami Shape","d":"Origami Shape loading animation.","k":"resource","s":"amicro","c":"assets/shape","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:pendulum","t":"Pendulum","d":"Pendulum loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:pulsating-dots","t":"Pulsating Dots","d":"Pulsating Dots loading animation.","k":"motion","s":"amicro","c":"motion/background","tg":["animated"],"sb":"Grids and patterns","sy":["animated"],"hc":1},{"id":"amicro:pulse-dot","t":"Pulse Dot","d":"Pulse Dot loading animation.","s":"amicro","c":"status/status-dot","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:pulse-dots","t":"Pulse Dots","d":"Pulse Dots loading animation.","k":"motion","s":"amicro","c":"motion/background","tg":["animated"],"sb":"Grids and patterns","sy":["animated"],"hc":1},{"id":"amicro:pulse-square","t":"Pulse Square","d":"Pulse Square loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Dots and pulse","sy":["animated"],"hc":1},{"id":"amicro:pumping-heart","t":"Pumping Heart","d":"Pumping Heart loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:radar-sweep","t":"Radar Sweep","d":"Radar Sweep loading animation.","s":"amicro","c":"data-viz/chart","tg":["animated"],"sb":"Radar","sy":["animated"],"hc":1},{"id":"amicro:ring-sweep","t":"Ring Sweep","d":"Ring Sweep loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:ripple-effect","t":"Ripple Effect","d":"Ripple Effect loading animation.","k":"motion","s":"amicro","c":"motion/background","tg":["animated"],"sb":"Waves and warps","sy":["animated"],"hc":1},{"id":"amicro:rotating-cross","t":"Rotating Cross","d":"Rotating Cross loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:rotating-triangle","t":"Rotating Triangle","d":"Rotating Triangle loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:shape-shift-grid","t":"Shape Shift Grid","d":"Shape Shift Grid loading animation.","k":"resource","s":"amicro","c":"assets/shape","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:shimmer-line","t":"Shimmer Line","d":"Shimmer Line loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Bars","sy":["animated"],"hc":1},{"id":"amicro:siri-wave","t":"Siri Wave","d":"Siri Wave loading animation.","k":"motion","s":"amicro","c":"motion/background","tg":["animated"],"sb":"Waves and warps","sy":["animated"],"hc":1},{"id":"amicro:skeleton-loader","t":"Skeleton Loader","d":"Skeleton Loader loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:sliding-bars","t":"Sliding Bars","d":"Sliding Bars loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Bars","sy":["animated"],"hc":1},{"id":"amicro:smooth-dot-shift","t":"Smooth Dot Shift","d":"Smooth Dot Shift loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Dots and pulse","sy":["animated"],"hc":1},{"id":"amicro:smooth-ring","t":"Smooth Ring","d":"Smooth Ring loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:smooth-rounded-square","t":"Smooth Rounded Square","d":"Smooth Rounded Square loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Shapes and grids","sy":["animated"],"hc":1},{"id":"amicro:spinning-squares","t":"Spinning Squares","d":"Spinning Squares loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:spiral-spinner","t":"Spiral Spinner","d":"Spiral Spinner loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:spring-bars","t":"Spring Bars","d":"Spring Bars loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:spring-dot-matrix","t":"Spring Dot Matrix","d":"Spring Dot Matrix loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Dots and pulse","sy":["animated"],"hc":1},{"id":"amicro:spring-hexagon","t":"Spring Hexagon","d":"Spring Hexagon loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:spring-ring-expand","t":"Spring Ring Expand","d":"Spring Ring Expand loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:spring-text-pop","t":"Spring Text Pop","d":"Spring Text Pop loading animation.","k":"motion","s":"amicro","c":"motion/text-effect","tg":["animated"],"sb":"Bouncy and wavy","sy":["animated"],"hc":1},{"id":"amicro:square-accordion","t":"Square Accordion","d":"Square Accordion loading animation.","s":"amicro","c":"data-display/accordion","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"amicro:square-grid","t":"Square Grid","d":"Square Grid loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Shapes and grids","sy":["animated"],"hc":1},{"id":"amicro:square-snake","t":"Square Snake","d":"Square Snake loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Shapes and grids","sy":["animated"],"hc":1},{"id":"amicro:square-spinner","t":"Square Spinner","d":"Square Spinner loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:stacked-bar-pulse","t":"Stacked Bar Pulse","d":"Stacked Bar Pulse loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Dots and pulse","sy":["animated"],"hc":1},{"id":"amicro:swapping-dots","t":"Swapping Dots","d":"Swapping Dots loading animation.","k":"motion","s":"amicro","c":"motion/background","tg":["animated"],"sb":"Grids and patterns","sy":["animated"],"hc":1},{"id":"amicro:swirling-spinner","t":"Swirling Spinner","d":"Swirling Spinner loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:symmetric-wave","t":"Symmetric Wave","d":"Symmetric Wave loading animation.","k":"motion","s":"amicro","c":"motion/background","tg":["animated"],"sb":"Waves and warps","sy":["animated"],"hc":1},{"id":"amicro:terminal-loader","t":"Terminal Loader","d":"Terminal Loader loading animation.","s":"amicro","c":"status/loader","tg":["animated","retro and HUD"],"sy":["animated","retro and HUD"],"hc":1},{"id":"amicro:text-blink","t":"Text Blink","d":"Text Blink loading animation.","k":"motion","s":"amicro","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:text-dots","t":"Text Dots","d":"Text Dots loading animation.","k":"motion","s":"amicro","c":"motion/background","tg":["animated"],"sb":"Grids and patterns","sy":["animated"],"hc":1},{"id":"amicro:text-morph","t":"Text Morph","d":"Text Morph loading animation.","k":"motion","s":"amicro","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"amicro:text-shimmer-wave","t":"Text Shimmer Wave","d":"Text Shimmer Wave loading animation.","k":"motion","s":"amicro","c":"motion/background","tg":["animated"],"sb":"Waves and warps","sy":["animated"],"hc":1},{"id":"amicro:text-shimmer","t":"Text Shimmer","d":"Text Shimmer loading animation.","k":"motion","s":"amicro","c":"motion/text-effect","tg":["animated"],"sb":"Gradient and shimmer","sy":["animated"],"hc":1},{"id":"amicro:trailing-dots","t":"Trailing Dots","d":"Trailing Dots loading animation.","k":"motion","s":"amicro","c":"motion/background","tg":["animated"],"sb":"Grids and patterns","sy":["animated"],"hc":1},{"id":"amicro:triple-dot-spinner","t":"Triple Dot Spinner","d":"Triple Dot Spinner loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Dots and pulse","sy":["animated"],"hc":1},{"id":"amicro:twin-orbit","t":"Twin Orbit","d":"Twin Orbit loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:typing-indicator","t":"Typing Indicator","d":"Typing Indicator loading animation.","k":"motion","s":"amicro","c":"motion/text-effect","tg":["animated"],"sb":"Typewriter","sy":["animated"],"hc":1},{"id":"amicro:typing","t":"Typing","d":"Typing loading animation.","k":"motion","s":"amicro","c":"motion/text-effect","tg":["animated"],"sb":"Typewriter","sy":["animated"],"hc":1},{"id":"amicro:wandering-cube","t":"Wandering Cube","d":"Wandering Cube loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:watch-spinner","t":"Watch Spinner","d":"Watch Spinner loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"amicro:wave-dots","t":"Wave Dots","d":"Wave Dots loading animation.","k":"motion","s":"amicro","c":"motion/background","tg":["animated"],"sb":"Grids and patterns","sy":["animated"],"hc":1},{"id":"amicro:wave-physics-loader","t":"Wave Physics Loader","d":"Wave Physics Loader loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Liquid and 3D","sy":["animated"],"hc":1},{"id":"amicro:waveform-loader","t":"Waveform Loader","d":"Waveform Loader loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Liquid and 3D","sy":["animated"],"hc":1},{"id":"amicro:zig-zag-pulse","t":"Zig Zag Pulse","d":"Zig Zag Pulse loading animation.","s":"amicro","c":"status/loader","tg":["animated"],"sb":"Dots and pulse","sy":["animated"],"hc":1},{"id":"amicro:page-transition","t":"Page Transition","d":"Dynamic fullscreen page transition animation.","s":"amicro","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"amicro:card-carousel","t":"Interactive 3D Carousel","d":"An interactive arc-based 3D motion carousel featuring smooth dot indicators and dynamic pr","s":"amicro","c":"media/carousel","tg":["3d"],"sy":["3d"],"hc":1},{"id":"amicro:card-cover-flow","t":"CoverFlow Carousel","d":"A premium 3D CoverFlow carousel displaying cards along a perspective path.","s":"amicro","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"amicro:dither-donut-chart","t":"Dither Donut Chart","d":"Interactive pixelated dither donut chart with real-time spring physics.","s":"amicro","c":"data-viz/chart","tg":["retro and HUD"],"sb":"Pie, donut and radial","sy":["retro and HUD"],"hc":1},{"id":"amicro:dither-growth-chart","t":"Dither Growth Chart","d":"60fps canvas growth line chart with pixel dither fill matrix.","s":"amicro","c":"data-viz/chart","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"amicro:uptime-chart","t":"Uptime Dither Bar Chart","d":"Continuous uptime bar chart with dithered matrix animation.","s":"amicro","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"amicro:activity-heatmap","t":"Activity Dither Heatmap","d":"GitHub-style activity heatmap with interactive dither dots.","s":"amicro","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"amicro:ai-prompt-input","t":"AI Prompt Input Studio","d":"Dynamic auto-expanding AI textarea with model switcher, live voice dictation wave pulse, w","s":"amicro","c":"ai-agent/composer","hc":1},{"id":"amicro:ai-reasoning-trace","t":"AI Reasoning Trace Accordion","d":"Collapsible chain-of-thought reasoning trace with active thought timer, pulsating brain wa","s":"amicro","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"amicro:ai-response-stream","t":"AI Response Stream & Code Block","d":"Terminal-like AI code stream card featuring branch revision navigation, instant copy with ","s":"amicro","c":"ai-agent/ai-agent","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"amicro:ai-prompt-chips","t":"AI Prompt Suggestion Chips","d":"Categorized quick-prompt suggestion chips with spring physics bounce and one-tap populatin","s":"amicro","c":"ai-agent/composer","hc":1},{"id":"amicro:ai-floating-toolbar","t":"AI Floating Action Pill","d":"Glassmorphic floating quick-action pill dock for instant generative prompts and actions.","s":"amicro","c":"ai-agent/ai-agent","tg":["glass"],"sb":"Reasoning and tools","sy":["glass"],"hc":1},{"id":"amicro:morphing-shapes-studio","t":"Morphing Shapes Studio","d":"Interactive shape morphing laboratory with studio controls, continuous auto-looping, and s","k":"resource","s":"amicro","c":"assets/shape","hc":1},{"id":"amplo:color-picker","t":"Amplo Color Picker","d":"OKLCH-native, Display-P3-aware color picker built on Base UI primitives — Hue/Lightness/Al","s":"amplo","c":"inputs/color-picker","hc":1},{"id":"amplo:gradient-picker","t":"Amplo Gradient Picker","d":"Linear / radial / conic gradient editing on Base UI primitives — TypeSwitcher/InterpSwitch","s":"amplo","c":"inputs/select","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"amplo:fill-picker","t":"Amplo Fill Picker","d":"Color + gradient + the solid/gradient mode switcher (FillPicker.Root/Tabs/Tab/Pane) — the ","s":"amplo","c":"inputs/select","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"amplo:color-picker-radix","t":"Amplo Color Picker (Radix)","d":"Radix/shadcn-classic shells for the Amplo color picker — Hue, Lightness, Alpha, FormatSwit","s":"amplo","c":"inputs/select","hc":1},{"id":"amplo:gradient-picker-radix","t":"Amplo Gradient Picker (Radix)","d":"Radix/shadcn-classic shells for the Amplo gradient picker — TypeSwitcher, InterpSwitcher a","s":"amplo","c":"inputs/select","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"amplo:fill-picker-radix","t":"Amplo Fill Picker (Radix)","d":"Radix/shadcn-classic entry point for the Amplo fill picker — the barrel that composes the ","s":"amplo","c":"inputs/select","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"amplo:color-picker-engine","t":"Amplo Color Picker Engine","d":"Dialect-agnostic core of the Amplo color picker: the OKLCH state engine (types, conversion","s":"amplo","c":"inputs/select","hc":1},{"id":"amplo:gradient-picker-engine","t":"Amplo Gradient Picker Engine","d":"Dialect-agnostic core of the Amplo gradient picker: CSS gradient parsing/serialization wit","s":"amplo","c":"inputs/select","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"amplo:fill-picker-engine","t":"Amplo Fill Picker Engine","d":"Dialect-agnostic core of the Amplo fill picker: the solid/gradient mode state (fill contex","s":"amplo","c":"inputs/select","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"animate-ui:index","t":"Index","k":"theme","s":"animate-ui","c":"themes/style"},{"id":"animate-ui:components-animate-avatar-group","t":"Avatar Group","d":"An animated avatar group that displays overlapping user images and smoothly shifts each av","s":"animate-ui","c":"data-display/avatar","vn":1,"hc":1},{"id":"animate-ui:components-animate-code","t":"Code","d":"A code component that animates the code as it is written.","s":"animate-ui","c":"other/other","vn":1,"hc":1},{"id":"animate-ui:components-animate-code-tabs","t":"Code Tabs","d":"A tabs component that displays code for different languages.","s":"animate-ui","c":"data-display/code-block","vn":1,"hc":1},{"id":"animate-ui:components-animate-cursor","t":"Cursor","d":"An animated cursor component that allows you to customize both the cursor and cursor follo","k":"motion","s":"animate-ui","c":"motion/cursor","vn":1,"hc":1},{"id":"animate-ui:components-animate-github-stars-wheel","t":"GitHub Stars Wheel","d":"A scrolling wheel that displays GitHub stars count.","k":"motion","s":"animate-ui","c":"motion/background","sb":"Particles and stars","vn":1,"hc":1},{"id":"animate-ui:components-animate-tabs","t":"Tabs","d":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","s":"animate-ui","c":"navigation/tabs","vn":1,"hc":1},{"id":"animate-ui:components-animate-tooltip","t":"Tooltip","d":"A tooltip is a small box that appears when hovering over an element.","s":"animate-ui","c":"overlays/tooltip","vn":1,"hc":1},{"id":"animate-ui:components-backgrounds-bubble","t":"Bubble Background","d":"An interactive background featuring smoothly animated gradient bubbles, creating a playful","s":"animate-ui","c":"ai-agent/ai-agent","tg":["gradient","playful"],"sb":"Chat","sy":["gradient","playful"],"vn":1,"hc":1},{"id":"animate-ui:components-backgrounds-fireworks","t":"Fireworks Background","d":"A background component that displays a fireworks animation.","k":"motion","s":"animate-ui","c":"motion/background","vn":2,"hc":1},{"id":"animate-ui:components-backgrounds-gradient","t":"Gradient Background","d":"A background component featuring a subtle yet engaging animated gradient effect, smoothly ","k":"motion","s":"animate-ui","c":"motion/gradient","tg":["3d","gradient"],"sy":["3d","gradient"],"vn":1,"hc":1},{"id":"animate-ui:components-backgrounds-gravity-stars","t":"Gravity Stars Background","d":"A background component featuring a subtle yet engaging animated gravity stars effect.","k":"motion","s":"animate-ui","c":"motion/background","sb":"Particles and stars","vn":1,"hc":1},{"id":"animate-ui:components-backgrounds-hexagon","t":"Hexagon Background","d":"A background component featuring an interactive hexagon grid.","k":"motion","s":"animate-ui","c":"motion/background","vn":1,"hc":1},{"id":"animate-ui:components-backgrounds-hole","t":"Hole Background","d":"A background component featuring an animated hole grid.","k":"motion","s":"animate-ui","c":"motion/background","vn":1,"hc":1},{"id":"animate-ui:components-backgrounds-stars","t":"Stars Background","d":"An interactive background featuring animated dots of varying sizes and speeds, simulating ","k":"motion","s":"animate-ui","c":"motion/background","sb":"Particles and stars","vn":1,"hc":1},{"id":"animate-ui:components-base-accordion","t":"Accordion","d":"A set of collapsible panels with headings.","s":"animate-ui","c":"data-display/accordion","vn":1,"hc":1},{"id":"animate-ui:components-base-alert-dialog","t":"Alert Dialog","d":"A dialog that requires user response to proceed.","s":"animate-ui","c":"overlays/dialog","sb":"Confirm","vn":1,"hc":1},{"id":"animate-ui:components-base-checkbox","t":"Checkbox","d":"An easily stylable checkbox component.","s":"animate-ui","c":"inputs/checkbox","vn":1,"hc":1},{"id":"animate-ui:components-base-dialog","t":"Dialog","d":"A popup that opens on top of the entire page.","s":"animate-ui","c":"overlays/dialog","vn":1,"hc":1},{"id":"animate-ui:components-base-files","t":"Files","d":"A component that allows you to display a list of files and folders.","s":"animate-ui","c":"data-display/list","sb":"Files and trees","vn":1,"hc":1},{"id":"animate-ui:components-base-menu","t":"Menu","d":"A list of actions in a dropdown, enhanced with keyboard navigation.","s":"animate-ui","c":"navigation/menu","vn":3,"hc":1},{"id":"animate-ui:components-base-popover","t":"Popover","d":"An accessible popup anchored to a button.","s":"animate-ui","c":"overlays/popover","vn":1,"hc":1},{"id":"animate-ui:components-base-preview-card","t":"Preview Card","d":"A popup that appears when a link is hovered, showing a preview for sighted users.","s":"animate-ui","c":"overlays/hover-card","vn":1,"hc":1},{"id":"animate-ui:components-base-preview-link-card","t":"Preview Link Card","d":"Displays a preview image of a link when hovered.","s":"animate-ui","c":"actions/link","vn":1,"hc":1},{"id":"animate-ui:components-base-progress","t":"Progress","d":"Displays the status of a task that takes a long time.","s":"animate-ui","c":"data-viz/progress-bar","vn":1,"hc":1},{"id":"animate-ui:components-base-radio","t":"Base Radio","d":"An easily stylable radio button component.","s":"animate-ui","c":"inputs/radio","vn":1,"hc":1},{"id":"animate-ui:components-base-switch","t":"Switch","d":"A control that indicates whether a setting is on or off.","s":"animate-ui","c":"actions/switch","vn":1,"hc":1},{"id":"animate-ui:components-base-tabs","t":"Tabs","d":"A component for toggling between related panels on the same page.","s":"animate-ui","c":"navigation/tabs","vn":1,"hc":1},{"id":"animate-ui:components-base-toggle","t":"Toggle","d":"A two-state button that can be on or off.","s":"animate-ui","c":"actions/switch","vn":1,"hc":1},{"id":"animate-ui:components-base-toggle-group","t":"Toggle Group","d":"Provides a shared state to a series of toggle buttons.","s":"animate-ui","c":"actions/switch","vn":1,"hc":1},{"id":"animate-ui:components-base-tooltip","t":"Tooltip","d":"A popup that appears when an element is hovered or focused, showing a hint for sighted use","s":"animate-ui","c":"overlays/tooltip","vn":1,"hc":1},{"id":"animate-ui:components-buttons-button","t":"Button","d":"A button component with a variety of styles and animations.","s":"animate-ui","c":"actions/button","vn":1,"hc":1},{"id":"animate-ui:components-buttons-copy","t":"Copy Button","d":"A copy button component with a variety of styles and animations.","s":"animate-ui","c":"actions/button","sb":"Copy, share and like","vn":1,"hc":1},{"id":"animate-ui:components-buttons-flip","t":"Flip Button","d":"A button that flips between two states on hover.","s":"animate-ui","c":"actions/button","vn":1,"hc":1},{"id":"animate-ui:components-buttons-github-stars","t":"GitHub Stars Button","d":"A clickable button that links to a GitHub repository and displays the number of stars.","s":"animate-ui","c":"actions/button","sb":"Social and sign-in","vn":1,"hc":1},{"id":"animate-ui:components-buttons-icon","t":"Icon Button","d":"An icon button component with a variety of styles and animations.","k":"resource","s":"animate-ui","c":"assets/icon","vn":1,"hc":1},{"id":"animate-ui:components-buttons-liquid","t":"Liquid Button","d":"A button that fills on hover.","s":"animate-ui","c":"actions/button","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:components-buttons-ripple","t":"Ripple Button","d":"A button that animates on tap with a ripple effect.","s":"animate-ui","c":"actions/button","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:components-buttons-theme-toggler","t":"Theme Toggler Button","d":"A button that toggles the theme gradually.","s":"animate-ui","c":"actions/button","vn":1,"hc":1},{"id":"animate-ui:components-community-flip-card","t":"Flip Card","d":"A 3D animated card component that flips to reveal content on the back.","s":"animate-ui","c":"data-display/card","tg":["3d"],"sb":"Profile","sy":["3d"],"vn":1,"hc":1},{"id":"animate-ui:components-community-management-bar","t":"Management Bar","d":"A management bar for managing items.","s":"animate-ui","c":"data-display/list","vn":1,"hc":1},{"id":"animate-ui:components-community-motion-carousel","t":"Motion Carousel","d":"A carousel built on top of Embla Carousel with smooth Motion-powered animations. Each slid","s":"animate-ui","c":"media/carousel","vn":1,"hc":1},{"id":"animate-ui:components-community-notification-list","t":"Notification List","d":"A fun notification list with animated stacking and cards that expand as you interact.","s":"animate-ui","c":"overlays/notifications","tg":["playful"],"sy":["playful"],"vn":1,"hc":1},{"id":"animate-ui:components-community-pin-list","t":"Pin List","d":"A playful list for pinning and unpinning items, with smooth animated transitions as items ","s":"animate-ui","c":"data-display/list","tg":["playful"],"sy":["playful"],"vn":1,"hc":1},{"id":"animate-ui:components-community-playful-todolist","t":"Playful Todolist","d":"A playful todolist component with animated wavy strikethroughs for each completed task.","s":"animate-ui","c":"data-display/list","tg":["playful"],"sy":["playful"],"vn":1,"hc":1},{"id":"animate-ui:components-community-radial-intro","t":"Radial Intro","d":"A circular intro animation component that arranges elements in a radial layout, smoothly t","s":"animate-ui","c":"other/other","vn":1,"hc":1},{"id":"animate-ui:components-community-radial-menu","t":"Radial Menu","d":"A circular context menu built with Base UI, displaying actions in a clean radial layout wi","s":"animate-ui","c":"navigation/menu","tg":["minimal"],"sb":"Radial menus","sy":["minimal"],"vn":1,"hc":1},{"id":"animate-ui:components-community-radial-nav","t":"Radial Nav","d":"A circular navigation menu with animated pointer and expanding buttons for smooth interact","s":"animate-ui","c":"navigation/top-nav","vn":1,"hc":1},{"id":"animate-ui:components-community-share-button","t":"Share Button","d":"This is a button for sharing.","s":"animate-ui","c":"actions/button","sb":"Copy, share and like","vn":1,"hc":1},{"id":"animate-ui:components-community-user-presence-avatar","t":"User Presence Avatar","d":"A compact avatar group for showing online and offline users, with smooth animated transiti","s":"animate-ui","c":"data-display/avatar","vn":1,"hc":1},{"id":"animate-ui:components-headless-accordion","t":"Accordion","d":"A vertically stacked set of interactive headings that each reveal an associated section of","s":"animate-ui","c":"data-display/accordion","vn":1,"hc":1},{"id":"animate-ui:components-headless-checkbox","t":"Checkbox","d":"Checkboxes provide the same functionality as native HTML checkboxes, without any of the st","s":"animate-ui","c":"inputs/checkbox","tg":["minimal","playful"],"sy":["minimal","playful"],"vn":1,"hc":1},{"id":"animate-ui:components-headless-dialog","t":"Dialog","d":"A fully-managed, renderless dialog component jam-packed with accessibility and keyboard fe","s":"animate-ui","c":"overlays/dialog","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:components-headless-popover","t":"Popover","d":"Popovers are perfect for floating panels with arbitrary content like navigation menus, mob","s":"animate-ui","c":"overlays/popover","vn":1,"hc":1},{"id":"animate-ui:components-headless-switch","t":"Switch","d":"Switches are a pleasant interface for toggling a value between two states, and offer the s","s":"animate-ui","c":"actions/switch","vn":1,"hc":1},{"id":"animate-ui:components-headless-tabs","t":"Tabs","d":"Easily create accessible, fully customizable tab interfaces, with robust focus management ","s":"animate-ui","c":"navigation/tabs","vn":1,"hc":1},{"id":"animate-ui:components-radix-accordion","t":"Accordion","d":"A vertically stacked set of interactive headings that each reveal an associated section of","s":"animate-ui","c":"data-display/accordion","vn":1,"hc":1},{"id":"animate-ui:components-radix-alert-dialog","t":"Alert Dialog","d":"A modal dialog that interrupts the user with important content and expects a response.","s":"animate-ui","c":"overlays/dialog","sb":"Confirm","vn":1,"hc":1},{"id":"animate-ui:components-radix-checkbox","t":"Checkbox","d":"A control that allows the user to toggle between checked and not checked.","s":"animate-ui","c":"inputs/checkbox","vn":1,"hc":1},{"id":"animate-ui:components-radix-dialog","t":"Dialog","d":"A window overlaid on either the primary window or another dialog window, rendering the con","s":"animate-ui","c":"overlays/dialog","vn":1,"hc":1},{"id":"animate-ui:components-radix-dropdown-menu","t":"Dropdown Menu","d":"Displays a menu to the user — such as a set of actions or functions — triggered by a butto","s":"animate-ui","c":"navigation/menu","tg":["playful"],"sb":"Dropdowns","sy":["playful"],"vn":3,"hc":1},{"id":"animate-ui:components-radix-files","t":"Files","d":"A component that allows you to display a list of files and folders.","s":"animate-ui","c":"data-display/list","sb":"Files and trees","vn":1,"hc":1},{"id":"animate-ui:components-radix-hover-card","t":"Hover Card","d":"For sighted users to preview content available behind a link.","s":"animate-ui","c":"overlays/hover-card","vn":1,"hc":1},{"id":"animate-ui:components-radix-popover","t":"Popover","d":"Displays rich content in a portal, triggered by a button.","s":"animate-ui","c":"overlays/popover","vn":1,"hc":1},{"id":"animate-ui:components-radix-preview-link-card","t":"Preview Link Card","d":"Displays a preview image of a link when hovered.","s":"animate-ui","c":"actions/link","vn":1,"hc":1},{"id":"animate-ui:components-radix-progress","t":"Progress","d":"Displays an indicator showing the completion progress of a task, typically displayed as a ","s":"animate-ui","c":"data-viz/progress-bar","vn":1,"hc":1},{"id":"animate-ui:components-radix-radio-group","t":"Radio Group","d":"A set of checkable buttons—known as radio buttons—where no more than one of the buttons ca","s":"animate-ui","c":"inputs/radio","vn":1,"hc":1},{"id":"animate-ui:components-radix-sheet","t":"Sheet","d":"Extends the Dialog component to display content that complements the main content of the s","s":"animate-ui","c":"overlays/sheet","vn":1,"hc":1},{"id":"animate-ui:components-radix-sidebar","t":"Sidebar","d":"A composable, themeable and customizable sidebar component. Created by Shadcn and animated","s":"animate-ui","c":"navigation/sidebar","vn":1,"hc":1},{"id":"animate-ui:components-radix-switch","t":"Switch","d":"A control that allows the user to toggle between checked and not checked.","s":"animate-ui","c":"actions/switch","vn":1,"hc":1},{"id":"animate-ui:components-radix-tabs","t":"Tabs","d":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","s":"animate-ui","c":"navigation/tabs","vn":1,"hc":1},{"id":"animate-ui:components-radix-toggle","t":"Toggle","d":"A two-state button that can be either on or off.","s":"animate-ui","c":"actions/switch","vn":2,"hc":1},{"id":"animate-ui:components-radix-tooltip","t":"Tooltip","d":"A popup that displays information related to an element when the element receives keyboard","s":"animate-ui","c":"overlays/tooltip","vn":1,"hc":1},{"id":"animate-ui:hooks-use-auto-height","t":"useAutoHeight","d":"A hook that allows you to automatically adjust the height of an element based on its conte","k":"lib","s":"animate-ui","c":"lib/hook","hc":1},{"id":"animate-ui:hooks-use-controlled-state","t":"useControlledState","d":"A hook that allows you to control a state.","k":"lib","s":"animate-ui","c":"lib/hook","hc":1},{"id":"animate-ui:hooks-use-data-state","t":"useDataState","d":"A hook that allows you to get the data-state of an element.","k":"lib","s":"animate-ui","c":"lib/hook","hc":1},{"id":"animate-ui:hooks-use-is-in-view","t":"useIsInView","d":"A hook that allows you to check if an element is in view.","k":"lib","s":"animate-ui","c":"lib/hook","hc":1},{"id":"animate-ui:hooks-use-motion-value-state","t":"useMotionValueState","d":"A hook that allows you to use a motion value state.","k":"lib","s":"animate-ui","c":"lib/hook","tg":["animated"],"sy":["animated"],"hc":1},{"id":"animate-ui:icons-accessibility","t":"Accessibility Icon","d":"Accessibility icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-activity","t":"Activity Icon","d":"Activity icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-airplay","t":"Airplay Icon","d":"Airplay icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-alarm-clock","t":"Alarm Clock Icon","d":"Alarm clock icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-arrow-down","t":"Arrow Down Icon","d":"Arrow down icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-arrow-left","t":"Arrow Left Icon","d":"Arrow left icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-arrow-right","t":"Arrow Right Icon","d":"Arrow right icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-arrow-up","t":"Arrow Up Icon","d":"Arrow up icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-arrow-up-down","t":"Arrow Up Down Icon","d":"Arrow up down icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-audio-lines","t":"Audio Lines Icon","d":"Audio Lines icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-axe","t":"Axe Icon","d":"Axe icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-axis-3d","t":"Axis 3D Icon","d":"Axis 3D icon component.","k":"resource","s":"animate-ui","c":"assets/icon","tg":["3d"],"sb":"Animated","sy":["3d"],"hc":1},{"id":"animate-ui:icons-badge-check","t":"Badge Check Icon","d":"Badge check icon component.","s":"animate-ui","c":"data-display/badge","hc":1},{"id":"animate-ui:icons-battery-charging","t":"Battery Charging Icon","d":"Battery Charging icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-battery-full","t":"Battery Full Icon","d":"Battery Full icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-battery-low","t":"Battery Low Icon","d":"Battery Low icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-battery-medium","t":"Battery Medium Icon","d":"Battery Medium icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-bell","t":"Bell Icon","d":"Bell icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-bell-off","t":"Bell Off Icon","d":"Bell off icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-bell-ring","t":"Bell Ring Icon","d":"Bell ring icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-between-horizontal-end","t":"Between Horizontal End Icon","d":"Between horizontal end icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-between-horizontal-start","t":"Between Horizontal Start Icon","d":"Between horizontal start icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-between-vertical-end","t":"Between Vertical End Icon","d":"Between vertical end icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-between-vertical-start","t":"Between Vertical Start Icon","d":"Between vertical start icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-binary","t":"Binary Icon","d":"Binary icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-blend","t":"Blend Icon","d":"Blend icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-blocks","t":"Blocks Icon","d":"Blocks icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-bot","t":"Bot Icon","d":"Bot icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-bot-message-square","t":"Bot Message Square Icon","d":"Bot message square icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-bot-off","t":"Bot Off Icon","d":"Bot off icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-brush","t":"Brush Icon","d":"Brush icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-brush-cleaning","t":"Brush Cleaning Icon","d":"Brush cleaning icon component.","k":"resource","s":"animate-ui","c":"assets/icon","tg":["minimal"],"sb":"Animated","sy":["minimal"],"hc":1},{"id":"animate-ui:icons-cast","t":"Cast Icon","d":"Cast icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-cctv","t":"CCTV Icon","d":"CCTV icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-chart-bar","t":"Chart Bar Icon","d":"Chart bar icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-chart-bar-decreasing","t":"Chart Bar Decreasing Icon","d":"Chart bar decreasing icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-chart-bar-increasing","t":"Chart Bar Increasing Icon","d":"Chart bar increasing icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-chart-column","t":"Chart Column Icon","d":"Chart column icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-chart-column-decreasing","t":"Chart Column Decreasing Icon","d":"Chart column decreasing icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-chart-column-increasing","t":"Chart Column Increasing Icon","d":"Chart column increasing icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-chart-line","t":"Chart Line Icon","d":"Chart line icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-chart-no-axes-column","t":"Chart No Axes Column Icon","d":"Chart no axes column icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-chart-no-axes-column-decreasing","t":"Chart No Axes Column Decreasing Icon","d":"Chart no axes column decreasing icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-chart-no-axes-column-increasing","t":"Chart No Axes Column Increasing Icon","d":"Chart no axes column increasing icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-chart-scatter","t":"Chart Scatter Icon","d":"Chart scatter icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-chart-spline","t":"Chart Spline Icon","d":"Chart spline icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-check","t":"Check Icon","d":"Check icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-check-check","t":"Check Check Icon","d":"Check check icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-check-line","t":"Check Line Icon","d":"Check line icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-cherry","t":"Cherry Icon","d":"Cherry icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-chevron-down","t":"Chevron Down Icon","d":"Chevron down icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-chevron-left","t":"Chevron Left Icon","d":"Chevron left icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-chevron-left-right","t":"Chevron Left Right Icon","d":"Chevron left right icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-chevron-right","t":"Chevron Right Icon","d":"Chevron right icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-chevron-up","t":"Chevron Up Icon","d":"Chevron up icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-chevron-up-down","t":"Chevron Up Down Icon","d":"Chevron up down icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-circle-check","t":"Circle Check Icon","d":"Circle check icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-circle-check-big","t":"Circle Check Big Icon","d":"Circle check big icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-circle-plus","t":"Circle Plus Icon","d":"Circle plus icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-circle-x","t":"Circle X Icon","d":"Circle x icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-circuit-board","t":"Circuit Board Icon","d":"Circuit Board icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-clapperboard","t":"Clapperboard Icon","d":"Clapperboard icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-clipboard","t":"Clipboard Icon","d":"Clipboard icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-clipboard-check","t":"Clipboard Check Icon","d":"Clipboard Check icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-clipboard-list","t":"Clipboard List Icon","d":"Clipboard List icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-clock","t":"Clock Icon","d":"Clock icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","vn":12,"hc":1},{"id":"animate-ui:icons-cloud-download","t":"Cloud Download Icon","d":"Cloud download icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-cloud-drizzle","t":"Cloud Drizzle Icon","d":"Cloud drizzle icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-cloud-hail","t":"Cloud Hail Icon","d":"Cloud hail icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-cloud-lightning","t":"Cloud Lightning Icon","d":"Cloud lightning icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-cloud-moon","t":"Cloud Moon Icon","d":"Cloud moon icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-cloud-moon-rain","t":"Cloud Moon Rain Icon","d":"Cloud moon rain icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-cloud-rain","t":"Cloud Rain Icon","d":"Cloud rain icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-cloud-rain-wind","t":"Cloud Rain Wind Icon","d":"Cloud rain wind icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-cloud-snow","t":"Cloud Snow Icon","d":"Cloud snow icon component.","k":"motion","s":"animate-ui","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"animate-ui:icons-cloud-sun","t":"Cloud Sun Icon","d":"Cloud sun icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-cloud-sun-rain","t":"Cloud Sun Rain Icon","d":"Cloud sun rain icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-cloud-upload","t":"Cloud Upload Icon","d":"Cloud upload icon component.","s":"animate-ui","c":"inputs/file-upload","hc":1},{"id":"animate-ui:icons-cog","t":"Cog Icon","d":"Cog icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-compass","t":"Compass Icon","d":"Compass icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-contrast","t":"Contrast Icon","d":"Contrast icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-copy","t":"Copy Icon","d":"Copy icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-crop","t":"Crop Icon","d":"Crop icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-cross","t":"Cross Icon","d":"Cross icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-disc-3","t":"Disc 3 Icon","d":"Disc 3 icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-download","t":"Download Icon","d":"Download icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-ellipsis","t":"Ellipsis Icon","d":"Ellipsis icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-ellipsis-vertical","t":"Ellipsis Vertical Icon","d":"Ellipsis vertical icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-equal-not","t":"Equal Not Icon","d":"Equal not icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-ev-charger","t":"EV Charger Icon","d":"EV Charger icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-expand","t":"Expand Icon","d":"Expand icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-external-link","t":"External Link Icon","d":"External link icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-fan","t":"Fan Icon","d":"Fan icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-fingerprint","t":"Fingerprint Icon","d":"Fingerprint icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-forklift","t":"Forklift Icon","d":"Forklift icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-frame","t":"Frame Icon","d":"Frame icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-gallery-horizontal","t":"Gallery Horizontal Icon","d":"Gallery horizontal icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-gallery-vertical-end","t":"Gallery Vertical End Icon","d":"Gallery vertical end icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-gallery-vertical","t":"Gallery Vertical Icon","d":"Gallery vertical icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-gallery-horizontal-end","t":"Gallery Horizontal End Icon","d":"Gallery horizontal end icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-gauge","t":"Gauge Icon","d":"Gauge icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-gavel","t":"Gavel Icon","d":"Gavel icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-hammer","t":"Hammer Icon","d":"Hammer icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-heart","t":"Heart Icon","d":"Heart icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-house-wifi","t":"House Wifi Icon","d":"House wifi icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-icon","t":"Icon","d":"Base component to use animated icons.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-kanban","t":"Kanban Icon","d":"Kanban icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-key","t":"Key Icon","d":"Key icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-layers","t":"Layers Icon","d":"Layers icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:icons-layout-dashboard","t":"Layout Dashboard Icon","d":"Layout dashboard icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-lightbulb","t":"Lightbulb Icon","d":"Lightbulb icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-lightbulb-off","t":"Lightbulb Off Icon","d":"Lightbulb off icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-link","t":"Link Icon","d":"Link icon component.","s":"animate-ui","c":"actions/link","vn":1,"hc":1},{"id":"animate-ui:icons-list","t":"List Icon","d":"List icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-loader","t":"Loader Icon","d":"Loader icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-loader-circle","t":"Loader Circle Icon","d":"Loader circle icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-loader-pinwheel","t":"Loader Pinwheel Icon","d":"Loader pinwheel icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-lock","t":"Lock Icon","d":"Lock icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-lock-keyhole","t":"Lock Keyhole Icon","d":"Lock keyhole icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-lock-keyhole-open","t":"Lock Keyhole Open Icon","d":"Lock keyhole open icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-lock-open","t":"Lock Open Icon","d":"Lock open icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-log-in","t":"Log In Icon","d":"Log in icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-log-out","t":"Log Out Icon","d":"Log out icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-map-pin","t":"Map Pin Icon","d":"Map pin icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-map-pin-off","t":"Map Pin Off Icon","d":"Map pin off icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-maximize","t":"Maximize Icon","d":"Maximize icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-menu","t":"Menu Icon","d":"Menu icon component.","s":"animate-ui","c":"navigation/menu","hc":1},{"id":"animate-ui:icons-message-circle","t":"Message Circle Icon","d":"Message circle icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:icons-message-circle-code","t":"Message Circle Code Icon","d":"Message circle code icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-message-circle-dashed","t":"Message Circle Dashed Icon","d":"Message circle dashed icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-message-circle-heart","t":"Message Circle Heart Icon","d":"Message circle heart icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-message-circle-more","t":"Message Circle More Icon","d":"Message circle more icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-message-circle-off","t":"Message Circle Off Icon","d":"Message circle off icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-message-circle-plus","t":"Message Circle Plus Icon","d":"Message circle plus icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-message-circle-question","t":"Message Circle Question Icon","d":"Message circle question icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-message-circle-warning","t":"Message Circle Warning Icon","d":"Message circle warning icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-message-square","t":"Message Square Icon","d":"Message square icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:icons-message-square-code","t":"Message Square Code Icon","d":"Message square code icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-message-square-dashed","t":"Message Square Dashed Icon","d":"Message square dashed icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-message-square-diff","t":"Message Square Diff Icon","d":"Message square diff icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-message-square-dot","t":"Message Square Dot Icon","d":"Message square dot icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-message-square-heart","t":"Message Square Heart Icon","d":"Message square heart icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-message-square-more","t":"Message Square More Icon","d":"Message square more icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-message-square-off","t":"Message Square Off Icon","d":"Message square off icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-message-square-plus","t":"Message Square Plus Icon","d":"Message square plus icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-message-square-quote","t":"Message Square Quote Icon","d":"Message square quote icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-message-square-share","t":"Message Square Share Icon","d":"Message square share icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-message-square-text","t":"Message Square Text Icon","d":"Message square text icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-message-square-warning","t":"Message Square Warning Icon","d":"Message square warning icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-minimize","t":"Minimize Icon","d":"Minimize icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-moon","t":"Moon Icon","d":"Moon icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-moon-star","t":"Moon Star Icon","d":"Moon star icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-move-down","t":"Move Down Icon","d":"Move down icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-move-left","t":"Move Left Icon","d":"Move left icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-move-right","t":"Move Right Icon","d":"Move right icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-move-up","t":"Move Up Icon","d":"Move up icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-nfc","t":"Nfc Icon","d":"Nfc icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-orbit","t":"Orbit Icon","d":"Orbit icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-paintbrush","t":"Paintbrush Icon","d":"Paintbrush icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-panel-bottom","t":"Panel Bottom Icon","d":"Panel bottom icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-panel-bottom-close","t":"Panel Bottom Close Icon","d":"Panel bottom close icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-panel-bottom-open","t":"Panel Bottom Open Icon","d":"Panel bottom open icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-panel-left","t":"Panel Left Icon","d":"Panel left icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-panel-left-close","t":"Panel Left Close Icon","d":"Panel left close icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-panel-left-open","t":"Panel Left Open Icon","d":"Panel left open icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-panel-right","t":"Panel Right Icon","d":"Panel right icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-panel-right-close","t":"Panel Right Close Icon","d":"Panel right close icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-panel-right-open","t":"Panel Right Open Icon","d":"Panel right open icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-panel-top","t":"Panel Top Icon","d":"Panel top icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-panel-top-close","t":"Panel Top Close Icon","d":"Panel top close icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-panel-top-open","t":"Panel Top Open Icon","d":"Panel top open icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-paperclip","t":"Paperclip Icon","d":"Paperclip icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-party-popper","t":"Party Popper Icon","d":"Party popper icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-pause","t":"Pause Icon","d":"Pause icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-phone-call","t":"Phone Call Icon","d":"Phone call icon with animated waves.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-pickaxe","t":"Pickaxe Icon","d":"Pickaxe icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-pin","t":"Pin Icon","d":"Pin icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-pin-off","t":"Pin Off Icon","d":"Pin off icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-play","t":"Play Icon","d":"Play icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-plug-zap","t":"Plug Zap Icon","d":"Plug Zap icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-plus","t":"Plus Icon","d":"Plus icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-radio","t":"Radio Icon","d":"Radio icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-radio-tower","t":"Radio Tower Icon","d":"Radio tower icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-refresh-ccw","t":"Refresh Ccw Icon","d":"Refresh ccw icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-refresh-ccw-dot","t":"Refresh Ccw Dot Icon","d":"Refresh ccw dot icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-refresh-cw","t":"Refresh Cw Icon","d":"Refresh cw icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-refresh-cw-off","t":"Refresh Cw Off Icon","d":"Refresh cw off icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-rotate-ccw","t":"Rotate Ccw Icon","d":"Rotate ccw icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-rotate-ccw-key","t":"Rotate Ccw Key Icon","d":"Rotate Ccw Key icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-rotate-cw","t":"Rotate Cw Icon","d":"Rotate cw icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-route","t":"Route Icon","d":"Route icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-router","t":"Router Icon","d":"Router icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-scissors","t":"Scissors Icon","d":"Scissors icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-scissors-line-dashed","t":"Scissors Line Dashed Icon","d":"Scissors line dashed icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-search","t":"Search Icon","d":"Search icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-send","t":"Send Icon","d":"Send icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-send-horizontal","t":"Send Horizontal Icon","d":"Send horizontal icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-settings","t":"Settings Icon","d":"Settings icon component.","k":"layout","s":"animate-ui","c":"flows/settings","hc":1},{"id":"animate-ui:icons-shrink","t":"Shrink Icon","d":"Shrink icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-signal","t":"Signal Icon","d":"Signal icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-signal-high","t":"Signal High Icon","d":"Signal high icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-signal-low","t":"Signal Low Icon","d":"Signal low icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-signal-medium","t":"Signal Medium Icon","d":"Signal medium icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-signal-zero","t":"Signal Zero Icon","d":"Signal zero icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-sliders-horizontal","t":"Sliders Horizontal Icon","d":"Sliders horizontal icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-sliders-vertical","t":"Sliders Vertical Icon","d":"Sliders vertical icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-sparkle","t":"Sparkle Icon","d":"Sparkle icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-sparkles","t":"Sparkles Icon","d":"Sparkles icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-square-arrow-out-down-left","t":"Square Arrow Out Down Left Icon","d":"Square arrow out down left icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-square-arrow-out-down-right","t":"Square Arrow Out Down Right Icon","d":"Square arrow out down right icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-square-arrow-out-up-left","t":"Square Arrow Out Up Left Icon","d":"Square arrow out up left icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-square-arrow-out-up-right","t":"Square Arrow Out Up Right Icon","d":"Square arrow out up right icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-square-dashed-kanban","t":"Square Dashed Kanban Icon","d":"Square Dashed Kanban icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-square-kanban","t":"Square Kanban Icon","d":"Square Kanban icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-square-plus","t":"Square Plus Icon","d":"Square plus icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-square-x","t":"Square X Icon","d":"Square x icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-star","t":"Star Icon","d":"Star icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-sun","t":"Sun Icon","d":"Sun icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-sun-dim","t":"Sun Dim Icon","d":"Sun dim icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-sun-medium","t":"Sun Medium Icon","d":"Sun medium icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-sun-moon","t":"Sun Moon Icon","d":"Sun moon icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-terminal","t":"Terminal Icon","d":"Terminal icon component.","k":"resource","s":"animate-ui","c":"assets/icon","tg":["retro and HUD"],"sb":"Animated","sy":["retro and HUD"],"hc":1},{"id":"animate-ui:icons-thumbs-down","t":"Thumbs Down Icon","d":"Thumbs down icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-thumbs-up","t":"Thumbs Up Icon","d":"Thumbs up icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-timer","t":"Timer Icon","d":"Timer icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-timer-off","t":"Timer Off Icon","d":"Timer off icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-toggle-left","t":"Toggle Left Icon","d":"Toggle left icon component.","s":"animate-ui","c":"actions/switch","sb":"Animated","hc":1},{"id":"animate-ui:icons-toggle-right","t":"Toggle Right Icon","d":"Toggle right icon component.","s":"animate-ui","c":"actions/switch","sb":"Animated","hc":1},{"id":"animate-ui:icons-trash","t":"Trash Icon","d":"Trash icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:icons-unplug","t":"Unplug Icon","d":"Unplug icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-upload","t":"Upload Icon","d":"Upload icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-user","t":"User Icon","d":"User icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-user-round","t":"User Round Icon","d":"User round icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-users","t":"Users Icon","d":"Users icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-users-round","t":"Users Round Icon","d":"Users round icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-volume-1","t":"Volume 1 Icon","d":"Volume 1 icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-volume-2","t":"Volume 2 Icon","d":"Volume 2 icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-volume-off","t":"Volume Off Icon","d":"Volume off icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-wifi","t":"Wifi Icon","d":"Wifi icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-wifi-high","t":"Wifi High Icon","d":"Wifi high icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-wifi-low","t":"Wifi Low Icon","d":"Wifi low icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-wifi-zero","t":"Wifi Zero Icon","d":"Wifi zero icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:icons-x","t":"X Icon","d":"X icon component.","k":"resource","s":"animate-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"animate-ui:lib-get-strict-context","t":"getStrictContext","d":"A hook that allows you to create a strict context.","k":"lib","s":"animate-ui","c":"lib/utility","sb":"State","hc":1},{"id":"animate-ui:primitives-animate-avatar-group","t":"Avatar Group","d":"An animated avatar group that displays overlapping user images and smoothly shifts each av","s":"animate-ui","c":"data-display/avatar","vn":1,"hc":1},{"id":"animate-ui:primitives-animate-code-block","t":"Code Block","d":"A code block component that animates the code as it is written.","s":"animate-ui","c":"data-display/code-block","vn":1,"hc":1},{"id":"animate-ui:primitives-animate-cursor","t":"Cursor","d":"An animated cursor component that allows you to customize both the cursor and cursor follo","k":"motion","s":"animate-ui","c":"motion/cursor","vn":1,"hc":1},{"id":"animate-ui:primitives-animate-github-stars","t":"Github Stars","d":"A component that animates a number of stars, smoothly animating number transitions using t","k":"motion","s":"animate-ui","c":"motion/background","sb":"Particles and stars","vn":1,"hc":1},{"id":"animate-ui:primitives-animate-motion-grid","t":"Motion Grid","d":"A grid that displays animations in a grid.","s":"animate-ui","c":"other/other","vn":1,"hc":1},{"id":"animate-ui:primitives-animate-pinned-list","t":"Pin List","d":"A pin list component that allows you to pin items to the top of the list.","s":"animate-ui","c":"data-display/list","vn":1,"hc":1},{"id":"animate-ui:primitives-animate-scroll-progress","t":"Scroll Progress","d":"A scroll progress component that allows you to track the progress of a scrollable element.","s":"animate-ui","c":"data-viz/progress-bar","vn":1,"hc":1},{"id":"animate-ui:primitives-animate-slot","t":"Animate Slot","d":"A slot component that allows you to use motion components with any element.","s":"animate-ui","c":"other/other","hc":1},{"id":"animate-ui:primitives-animate-spring","t":"Spring","d":"A flexible, animated spring component that attaches a draggable element to its origin with","s":"animate-ui","c":"other/other","vn":1,"hc":1},{"id":"animate-ui:primitives-animate-tabs","t":"Tabs","d":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","s":"animate-ui","c":"navigation/tabs","vn":1,"hc":1},{"id":"animate-ui:primitives-animate-tooltip","t":"Tooltip","d":"An animated tooltip that shows contextual info on hover or focus and smoothly glides to th","s":"animate-ui","c":"overlays/tooltip","vn":1,"hc":1},{"id":"animate-ui:primitives-base-accordion","t":"Base Accordion","d":"An easily stylable accordion component.","s":"animate-ui","c":"data-display/accordion","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:primitives-base-alert-dialog","t":"Base Alert Dialog","d":"A dialog that requires user response to proceed.","s":"animate-ui","c":"overlays/dialog","sb":"Confirm","vn":1,"hc":1},{"id":"animate-ui:primitives-base-checkbox","t":"Base Checkbox","d":"An easily stylable checkbox component.","s":"animate-ui","c":"inputs/checkbox","vn":1,"hc":1},{"id":"animate-ui:primitives-base-collapsible","t":"Base Collapsible","d":"A collapsible panel controlled by a button.","s":"animate-ui","c":"data-display/accordion","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:primitives-base-dialog","t":"Base Dialog","d":"A popup that opens on top of the entire page.","s":"animate-ui","c":"overlays/dialog","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:primitives-base-files","t":"Files","d":"A component that allows you to display a list of files and folders.","s":"animate-ui","c":"data-display/list","sb":"Files and trees","vn":1,"hc":1},{"id":"animate-ui:primitives-base-menu","t":"Base Menu","d":"A list of actions in a dropdown, enhanced with keyboard navigation.","s":"animate-ui","c":"navigation/menu","vn":1,"hc":1},{"id":"animate-ui:primitives-base-popover","t":"Base Popover","d":"An accessible popup anchored to a button.","s":"animate-ui","c":"overlays/popover","vn":1,"hc":1},{"id":"animate-ui:primitives-base-preview-card","t":"Base Preview Card","d":"A popup that appears when a link is hovered, showing a preview for sighted users.","s":"animate-ui","c":"overlays/hover-card","vn":1,"hc":1},{"id":"animate-ui:primitives-base-preview-link-card","t":"Base Preview Link Card","d":"Displays a preview image of a link when hovered.","s":"animate-ui","c":"actions/link","vn":1,"hc":1},{"id":"animate-ui:primitives-base-progress","t":"Base Progress","d":"Displays the status of a task that takes a long time.","s":"animate-ui","c":"data-viz/progress-bar","vn":1,"hc":1},{"id":"animate-ui:primitives-base-radio","t":"Base Radio","d":"An easily stylable radio button component.","s":"animate-ui","c":"inputs/radio","vn":1,"hc":1},{"id":"animate-ui:primitives-base-switch","t":"Base Switch","d":"A control that indicates whether a setting is on or off.","s":"animate-ui","c":"actions/switch","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:primitives-base-tabs","t":"Base Tabs","d":"A component for toggling between related panels on the same page.","s":"animate-ui","c":"navigation/tabs","vn":1,"hc":1},{"id":"animate-ui:primitives-base-toggle","t":"Base Toggle","d":"A two-state button that can be on or off.","s":"animate-ui","c":"actions/switch","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:primitives-base-toggle-group","t":"Base Toggle Group","d":"Provides a shared state to a series of toggle buttons.","s":"animate-ui","c":"actions/switch","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:primitives-base-tooltip","t":"Base Tooltip","d":"A popup that appears when an element is hovered or focused, showing a hint for sighted use","s":"animate-ui","c":"overlays/tooltip","vn":1,"hc":1},{"id":"animate-ui:primitives-buttons-button","t":"Button","d":"A simple button that animates on hover and tap.","s":"animate-ui","c":"actions/button","tg":["minimal"],"sb":"Animated","sy":["minimal"],"vn":1,"hc":1},{"id":"animate-ui:primitives-buttons-flip","t":"Flip Button","d":"A button that flips between two states on hover.","s":"animate-ui","c":"actions/button","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:primitives-buttons-liquid","t":"Liquid Button","d":"A button that fills on hover.","s":"animate-ui","c":"actions/button","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:primitives-buttons-ripple","t":"Ripple Button","d":"A button that animates on tap with a ripple effect.","s":"animate-ui","c":"actions/button","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:primitives-effects-auto-height","t":"Auto Height","d":"An effect that automatically adjusts the height of an element based on its content.","s":"animate-ui","c":"other/other","vn":1,"hc":1},{"id":"animate-ui:primitives-effects-blur","t":"Blur","d":"An effect that allows you to animate elements with a blur effect on first view or load.","s":"animate-ui","c":"other/other","vn":1,"hc":1},{"id":"animate-ui:primitives-effects-click","t":"Click","d":"An effect that creates animated effects at the click position, adding interactive feedback","s":"animate-ui","c":"other/other","vn":1,"hc":1},{"id":"animate-ui:primitives-effects-effect","t":"Effect","d":"An effect that allows you to animate elements on first view or load.","s":"animate-ui","c":"other/other","vn":1,"hc":1},{"id":"animate-ui:primitives-effects-fade","t":"Fade","d":"An effect that allows you to animate elements with a fade effect on first view or load.","s":"animate-ui","c":"other/other","vn":1,"hc":1},{"id":"animate-ui:primitives-effects-highlight","t":"Highlight","d":"A highlight effect that allows you to highlight elements on hover, click or with a control","s":"animate-ui","c":"other/other","vn":1,"hc":1},{"id":"animate-ui:primitives-effects-image-zoom","t":"Image Zoom","d":"An effect that allows you to zoom in on an image on hover.","s":"animate-ui","c":"media/gallery","sb":"Zoom and lens","vn":1,"hc":1},{"id":"animate-ui:primitives-effects-magnetic","t":"Magnetic","d":"A magnetic effect that clings to the cursor, creating a magnetic attraction effect.","k":"motion","s":"animate-ui","c":"motion/cursor","vn":1,"hc":1},{"id":"animate-ui:primitives-effects-particles","t":"Particles","d":"A particles effect that creates a particle system.","k":"motion","s":"animate-ui","c":"motion/background","sb":"Particles and stars","vn":1,"hc":1},{"id":"animate-ui:primitives-effects-shine","t":"Shine","d":"An animated light sweep effect with configurable timing, colors, and triggers (hover, tap,","s":"animate-ui","c":"other/other","vn":1,"hc":1},{"id":"animate-ui:primitives-effects-slide","t":"Slide","d":"An effect that allows you to animate elements with a slide effect on first view or load.","s":"animate-ui","c":"other/other","vn":1,"hc":1},{"id":"animate-ui:primitives-effects-theme-toggler","t":"Theme Toggler","d":"An effect that allows you to toggle the theme gradually.","s":"animate-ui","c":"actions/switch","sb":"Theme toggles","vn":1,"hc":1},{"id":"animate-ui:primitives-effects-tilt","t":"Tilt","d":"An effect that allows you to animate elements with a tilt effect on mouse hover.","k":"motion","s":"animate-ui","c":"motion/tilt-3d","tg":["3d"],"sy":["3d"],"vn":1,"hc":1},{"id":"animate-ui:primitives-effects-zoom","t":"Zoom","d":"An effect that allows you to animate elements with a zoom effect on first view or load.","s":"animate-ui","c":"media/gallery","sb":"Zoom and lens","vn":1,"hc":1},{"id":"animate-ui:primitives-headless-checkbox","t":"Headless Checkbox","d":"Checkboxes provide the same functionality as native HTML checkboxes, without any of the st","s":"animate-ui","c":"inputs/checkbox","tg":["minimal","playful"],"sy":["minimal","playful"],"vn":1,"hc":1},{"id":"animate-ui:primitives-headless-dialog","t":"Headless Dialog","d":"A fully-managed, renderless dialog component jam-packed with accessibility and keyboard fe","s":"animate-ui","c":"overlays/dialog","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:primitives-headless-disclosure","t":"Headless Disclosure","d":"A simple, accessible foundation for building custom UIs that show and hide content, like t","s":"animate-ui","c":"data-display/accordion","tg":["minimal"],"sb":"Animated","sy":["minimal"],"vn":1,"hc":1},{"id":"animate-ui:primitives-headless-popover","t":"Headless Popover","d":"Popovers are perfect for floating panels with arbitrary content like navigation menus, mob","s":"animate-ui","c":"overlays/popover","vn":1,"hc":1},{"id":"animate-ui:primitives-headless-switch","t":"Headless Switch","d":"Switches are a pleasant interface for toggling a value between two states, and offer the s","s":"animate-ui","c":"actions/switch","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:primitives-headless-tabs","t":"Headless Tabs","d":"Easily create accessible, fully customizable tab interfaces, with robust focus management ","s":"animate-ui","c":"navigation/tabs","vn":1,"hc":1},{"id":"animate-ui:primitives-radix-accordion","t":"Radix Accordion","d":"A vertically stacked set of interactive headings that each reveal an associated section of","s":"animate-ui","c":"data-display/accordion","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:primitives-radix-alert-dialog","t":"Radix Alert Dialog","d":"A modal dialog that interrupts the user with important content and expects a response.","s":"animate-ui","c":"overlays/dialog","sb":"Confirm","vn":1,"hc":1},{"id":"animate-ui:primitives-radix-checkbox","t":"Radix Checkbox","d":"A control that allows the user to toggle between checked and not checked.","s":"animate-ui","c":"inputs/checkbox","vn":1,"hc":1},{"id":"animate-ui:primitives-radix-collapsible","t":"Radix Collapsible","d":"An interactive component which expands/collapses a panel.","s":"animate-ui","c":"data-display/accordion","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:primitives-radix-dialog","t":"Radix Dialog","d":"A window overlaid on either the primary window or another dialog window, rendering the con","s":"animate-ui","c":"overlays/dialog","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:primitives-radix-dropdown-menu","t":"Radix Dropdown Menu","d":"Displays a menu to the user — such as a set of actions or functions — triggered by a butto","s":"animate-ui","c":"navigation/menu","tg":["playful"],"sb":"Dropdowns","sy":["playful"],"vn":1,"hc":1},{"id":"animate-ui:primitives-radix-files","t":"Files","d":"A component that allows you to display a list of files and folders.","s":"animate-ui","c":"data-display/list","sb":"Files and trees","vn":1,"hc":1},{"id":"animate-ui:primitives-radix-hover-card","t":"Radix Hover Card","d":"For sighted users to preview content available behind a link.","s":"animate-ui","c":"overlays/hover-card","vn":1,"hc":1},{"id":"animate-ui:primitives-radix-popover","t":"Radix Popover","d":"Displays rich content in a portal, triggered by a button.","s":"animate-ui","c":"overlays/popover","vn":1,"hc":1},{"id":"animate-ui:primitives-radix-preview-link-card","t":"Radix Preview Link Card","d":"Displays a preview image of a link when hovered.","s":"animate-ui","c":"actions/link","vn":1,"hc":1},{"id":"animate-ui:primitives-radix-progress","t":"Radix Progress","d":"Displays an indicator showing the completion progress of a task, typically displayed as a ","s":"animate-ui","c":"data-viz/progress-bar","vn":1,"hc":1},{"id":"animate-ui:primitives-radix-radio-group","t":"Radix Radio Group","d":"A set of checkable buttons—known as radio buttons—where no more than one of the buttons ca","s":"animate-ui","c":"inputs/radio","vn":1,"hc":1},{"id":"animate-ui:primitives-radix-sheet","t":"Radix Sheet","d":"Extends the Dialog component to display content that complements the main content of the s","s":"animate-ui","c":"overlays/sheet","vn":1,"hc":1},{"id":"animate-ui:primitives-radix-switch","t":"Radix Switch","d":"A control that allows the user to toggle between checked and not checked.","s":"animate-ui","c":"actions/switch","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:primitives-radix-tabs","t":"Radix Tabs","d":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","s":"animate-ui","c":"navigation/tabs","vn":1,"hc":1},{"id":"animate-ui:primitives-radix-toggle","t":"Radix Toggle","d":"A two-state button that can be either on or off.","s":"animate-ui","c":"actions/switch","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:primitives-radix-toggle-group","t":"Radix Toggle Group","d":"A set of two-state buttons that can be toggled on or off.","s":"animate-ui","c":"actions/switch","sb":"Animated","vn":1,"hc":1},{"id":"animate-ui:primitives-radix-tooltip","t":"Radix Tooltip","d":"A popup that displays information related to an element when the element receives keyboard","s":"animate-ui","c":"overlays/tooltip","vn":1,"hc":1},{"id":"animate-ui:primitives-texts-counting-number","t":"Counting Number","d":"A counting number animation.","k":"motion","s":"animate-ui","c":"motion/text-effect","vn":1,"hc":1},{"id":"animate-ui:primitives-texts-gradient","t":"Gradient Text","d":"A gradient text animation.","k":"motion","s":"animate-ui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"vn":1,"hc":1},{"id":"animate-ui:primitives-texts-highlight","t":"Highlight Text","d":"A highlight text animation.","k":"motion","s":"animate-ui","c":"motion/text-effect","vn":1,"hc":1},{"id":"animate-ui:primitives-texts-morphing","t":"Morphing Text","d":"A text component that smoothly morphs characters to transition between strings.","k":"motion","s":"animate-ui","c":"motion/text-effect","sb":"Rotating words","vn":1,"hc":1},{"id":"animate-ui:primitives-texts-rolling","t":"Rolling Text","d":"A rolling text animation.","k":"motion","s":"animate-ui","c":"motion/text-effect","vn":1,"hc":1},{"id":"animate-ui:primitives-texts-rotating","t":"Rotating Text","d":"A rotating text animation.","k":"motion","s":"animate-ui","c":"motion/text-effect","sb":"Rotating words","vn":1,"hc":1},{"id":"animate-ui:primitives-texts-scrolling-number","t":"Scrolling Number","d":"A scrolling number animation.","k":"motion","s":"animate-ui","c":"motion/text-effect","sb":"Reveal and entrance","vn":1,"hc":1},{"id":"animate-ui:primitives-texts-shimmering","t":"Shimmering Text","d":"A shimmering text animation.","k":"motion","s":"animate-ui","c":"motion/text-effect","sb":"Gradient and shimmer","vn":1,"hc":1},{"id":"animate-ui:primitives-texts-sliding-number","t":"Sliding Number","d":"A sliding number animation.","k":"motion","s":"animate-ui","c":"motion/number-ticker","vn":1,"hc":1},{"id":"animate-ui:primitives-texts-splitting","t":"Splitting Text","d":"A splitting text animation.","k":"motion","s":"animate-ui","c":"motion/text-effect","sb":"Reveal and entrance","vn":2,"hc":1},{"id":"animate-ui:primitives-texts-typing","t":"Typing Text","d":"A typing text animation.","k":"motion","s":"animate-ui","c":"motion/text-effect","sb":"Typewriter","vn":1,"hc":1},{"id":"animateicons:hu-activity","t":"Hu activity","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-add-0-1","t":"Hu add 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-add-circle","t":"Hu add circle","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-add-square","t":"Hu add square","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-alert-0-2","t":"Hu alert 0 #2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-alert-circle","t":"Hu alert circle","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-alert-diamond","t":"Hu alert diamond","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-alert-square","t":"Hu alert square","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-analytics-0-1","t":"Hu analytics 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-analytics-down","t":"Hu analytics down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-analytics-up","t":"Hu analytics up","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-angry","t":"Hu angry","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-api","t":"Hu api","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-apple-0-1","t":"Hu apple 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-apple-finder","t":"Hu apple finder","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-apple","t":"Hu apple","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-apple-intelligence","t":"Hu apple intelligence","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-apple-music","t":"Hu apple music","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-apple-news","t":"Hu apple news","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-apple-reminder","t":"Hu apple reminder","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-apple-stocks","t":"Hu apple stocks","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-apple-vision-pro","t":"Hu apple vision pro","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-arrow-all-direction","t":"Hu arrow all direction","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-arrow-down-0-2","t":"Hu arrow down 0 2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-arrow-down-double","t":"Hu arrow down double","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-arrow-down-left-0-1","t":"Hu arrow down left 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-arrow-down-right-0-1","t":"Hu arrow down right 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-arrow-down-to-line","t":"Hu arrow down to line","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-arrow-left-0-2","t":"Hu arrow left 0 2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-arrow-left-double","t":"Hu arrow left double","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-arrow-left-right","t":"Hu arrow left right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-arrow-left-to-line","t":"Hu arrow left to line","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-arrow-right-0-2","t":"Hu arrow right 0 2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-arrow-right-double","t":"Hu arrow right double","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-arrow-up-0-2","t":"Hu arrow up 0 #2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-arrow-up-double","t":"Hu arrow up double","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-arrow-up-down","t":"Hu arrow up down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-arrow-up-left-0-1","t":"Hu arrow up left 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-arrow-up-right-0-1","t":"Hu arrow up right 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-arrow-up-to-line","t":"Hu arrow up to line","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-attachment-0-1","t":"Hu attachment 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-award-0-1","t":"Hu award 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-backward-0-1","t":"Hu backward 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-badge-alert","t":"Hu badge alert","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-badge-check","t":"Hu badge check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-badge-info","t":"Hu badge info","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-badge-minus","t":"Hu badge minus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-badge-plus","t":"Hu badge plus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-badge-question-mark","t":"Hu badge question mark","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-badge-x","t":"Hu badge x","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-bank","t":"Hu bank","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-barcode","t":"Hu barcode","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-behance-0-2","t":"Hu behance 0 #2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-bell-dot","t":"Hu bell dot","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-bell-minus","t":"Hu bell minus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-bell-plus","t":"Hu bell plus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-bell-ring","t":"Hu bell ring","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-blocks","t":"Hu blocks","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-blogger","t":"Hu blogger","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-bluesky","t":"Hu bluesky","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-book-0-1","t":"Hu book 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-book-open-0-1","t":"Hu book open 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-bookmark-check","t":"Hu bookmark check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-bookmark","t":"Hu bookmark","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-bookmark-minus","t":"Hu bookmark minus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-bookmark-remove","t":"Hu bookmark remove","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-bot","t":"Hu bot","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-bot-off","t":"Hu bot off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-braces","t":"Hu braces","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-briefcase-0-1","t":"Hu briefcase 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-browser","t":"Hu browser","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-bug-0-1","t":"Hu bug 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-building-0-1","t":"Hu building 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-calculator","t":"Hu calculator","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-calendar-0-1","t":"Hu calendar 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-calendar-add-0-1","t":"Hu calendar add 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-calendar-check-0-1","t":"Hu calendar check 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-calendar-minus-0-1","t":"Hu calendar minus 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-calendar-off","t":"Hu calendar off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-calendar-remove-0-1","t":"Hu calendar remove 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-camera-0-1","t":"Hu camera 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-camera-off-0-1","t":"Hu camera off 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-cancel-0-1","t":"Hu cancel 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-cancel-circle","t":"Hu cancel circle","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-cancel-square","t":"Hu cancel square","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-chart-line","t":"Hu chart line","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-chat-0-1","t":"Hu chat 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-chat-gpt","t":"Hu chat gpt","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-check-check","t":"Hu check check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-check","t":"Hu check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-check-list","t":"Hu check list","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-checkmark-circle-0-1","t":"Hu checkmark circle 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-checkmark-square-0-1","t":"Hu checkmark square 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-chevron-down","t":"Hu chevron down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-chevron-left","t":"Hu chevron left","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-chevron-right","t":"Hu chevron right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-chevron-up","t":"Hu chevron up","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-claude","t":"Hu claude","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-clock-0-1","t":"Hu clock 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-code","t":"Hu code","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-code-xml","t":"Hu code xml","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-coffee-0-1","t":"Hu coffee 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-coffee-0-2","t":"Hu coffee 0 #2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-coffee-0-3","t":"Hu coffee 0 #3","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-coffee-beans","t":"Hu coffee beans","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-collapse","t":"Hu collapse","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-command","t":"Hu command","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-command-line","t":"Hu command line","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-compass-0-1","t":"Hu compass 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-compass-0-2","t":"Hu compass 0 #2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-component","t":"Hu component","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-confused","t":"Hu confused","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-cookie","t":"Hu cookie","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-copilot","t":"Hu copilot","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-copy-check","t":"Hu copy check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-copy","t":"Hu copy","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-corner-down-left","t":"Hu corner down left","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-corner-down-right","t":"Hu corner down right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-corner-left-down","t":"Hu corner left down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-corner-left-up","t":"Hu corner left up","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-corner-right-down","t":"Hu corner right down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-corner-right-up","t":"Hu corner right up","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-corner-up-left","t":"Hu corner up left","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-corner-up-right","t":"Hu corner up right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-coupon-0-1","t":"Hu coupon 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-cpu","t":"Hu cpu","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-credit-card","t":"Hu credit card","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-cursor-0-1","t":"Hu cursor 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-cursor-pointer-0-1","t":"Hu cursor pointer 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-dashboard-0-1","t":"Hu dashboard 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-dashboard-0-2","t":"Hu dashboard 0 #2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-dashboard-0-3","t":"Hu dashboard 0 #3","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-database-0-1","t":"Hu database 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-deepseek","t":"Hu deepseek","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-delete-0-2","t":"Hu delete 0 #2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-delivery-box-0-1","t":"Hu delivery box 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-delivery-tracking-0-1","t":"Hu delivery tracking 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-delivery-truck-0-1","t":"Hu delivery truck 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-discord","t":"Hu discord","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-discount-tag-0-1","t":"Hu discount tag 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-download","t":"Hu download","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-dribbble","t":"Hu dribbble","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-edit-0-2","t":"Hu edit 0 #2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-expand","t":"Hu expand","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-eye","t":"Hu eye","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-eye-off","t":"Hu eye off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-facebook-0-1","t":"Hu facebook 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-facebook","t":"Hu facebook","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-figma","t":"Hu figma","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-file-0-1","t":"Hu file 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-file-add","t":"Hu file add","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-file-block","t":"Hu file block","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-file-check","t":"Hu file check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-file-down","t":"Hu file down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-file-remove","t":"Hu file remove","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-file-up","t":"Hu file up","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-film-0-1","t":"Hu film 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-filter-add","t":"Hu filter add","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-filter","t":"Hu filter","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-filter-remove","t":"Hu filter remove","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-finger-print-add","t":"Hu finger print add","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-finger-print-check","t":"Hu finger print check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-finger-print","t":"Hu finger print","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-finger-print-remove","t":"Hu finger print remove","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-finger-print-scan","t":"Hu finger print scan","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-fire","t":"Hu fire","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-flag-0-1","t":"Hu flag 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-flag-off","t":"Hu flag off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-flash","t":"Hu flash","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-flash-off","t":"Hu flash off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-folder-0-1","t":"Hu folder 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-folder-add","t":"Hu folder add","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-folder-check","t":"Hu folder check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-folder-minus","t":"Hu folder minus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-folder-off","t":"Hu folder off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-folder-remove","t":"Hu folder remove","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-forward-0-1","t":"Hu forward 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-full-screen","t":"Hu full screen","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-gift","t":"Hu gift","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-git-branch","t":"Hu git branch","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-git-commit","t":"Hu git commit","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-git-fork","t":"Hu git fork","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-git-merge","t":"Hu git merge","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-git-pull-request","t":"Hu git pull request","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-github","t":"Hu github","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-globe-0-2","t":"Hu globe 0 #2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-google-doc","t":"Hu google doc","k":"resource","s":"animateicons","c":"assets/icon","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"animateicons:hu-google-drive","t":"Hu google drive","k":"resource","s":"animateicons","c":"assets/icon","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"animateicons:hu-google-gemini","t":"Hu google gemini","k":"resource","s":"animateicons","c":"assets/icon","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"animateicons:hu-google-home","t":"Hu google home","k":"resource","s":"animateicons","c":"assets/icon","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"animateicons:hu-google","t":"Hu google","k":"resource","s":"animateicons","c":"assets/icon","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"animateicons:hu-google-lens","t":"Hu google lens","k":"resource","s":"animateicons","c":"assets/icon","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"animateicons:hu-google-maps","t":"Hu google maps","k":"resource","s":"animateicons","c":"assets/icon","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"animateicons:hu-google-photos","t":"Hu google photos","k":"resource","s":"animateicons","c":"assets/icon","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"animateicons:hu-google-sheet","t":"Hu google sheet","k":"resource","s":"animateicons","c":"assets/icon","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"animateicons:hu-grid-view","t":"Hu grid view","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-grok-0-2","t":"Hu grok 0 #2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-grok","t":"Hu grok","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-handshake","t":"Hu handshake","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-headphone-off","t":"Hu headphone off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-headphones","t":"Hu headphones","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-heart-add","t":"Hu heart add","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-heart-check","t":"Hu heart check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-heart","t":"Hu heart","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-heart-minus","t":"Hu heart minus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-heart-off","t":"Hu heart off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-heart-remove","t":"Hu heart remove","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-help-circle","t":"Hu help circle","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-help-square","t":"Hu help square","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-home-0-1","t":"Hu home 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-home-0-2","t":"Hu home 0 #2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-hourglass","t":"Hu hourglass","k":"resource","s":"animateicons","c":"assets/icon","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"animateicons:hu-hourglass-off","t":"Hu hourglass off","k":"resource","s":"animateicons","c":"assets/icon","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"animateicons:hu-id","t":"Hu id","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-id-verified","t":"Hu id verified","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-idea-0-1","t":"Hu idea 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-image-0-1","t":"Hu image 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-image-add-0-1","t":"Hu image add 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-image-off","t":"Hu image off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-image-remove-0-1","t":"Hu image remove 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-information-circle","t":"Hu information circle","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-information-diamond","t":"Hu information diamond","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-information-square","t":"Hu information square","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-instagram","t":"Hu instagram","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-invoice-0-1","t":"Hu invoice 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-kanban","t":"Hu kanban","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-key-0-1","t":"Hu key 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-key-0-2","t":"Hu key 0 #2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-keyboard","t":"Hu keyboard","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-keyboard-off","t":"Hu keyboard off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-kimi-ai","t":"Hu kimi ai","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-laugh","t":"Hu laugh","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-layers-0-1","t":"Hu layers 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-layout-0-1","t":"Hu layout 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-layout-0-2","t":"Hu layout 0 #2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-layout-0-3","t":"Hu layout 0 #3","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-layout-0-4","t":"Hu layout 0 #4","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-layout-0-5","t":"Hu layout 0 #5","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-layout-0-6","t":"Hu layout 0 #6","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-layout-0-7","t":"Hu layout 0 #7","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-layout-align-bottom","t":"Hu layout align bottom","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-layout-align-left","t":"Hu layout align left","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-layout-align-right","t":"Hu layout align right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-layout-align-top","t":"Hu layout align top","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-layout-dashboard","t":"Hu layout dashboard","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-layout-grid","t":"Hu layout grid","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-layout-list","t":"Hu layout list","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-layout-panel-left","t":"Hu layout panel left","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-layout-panel-top","t":"Hu layout panel top","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-layout-template","t":"Hu layout template","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-layout-three-column","t":"Hu layout three column","k":"resource","s":"animateicons","c":"assets/icon","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"animateicons:hu-layout-three-row","t":"Hu layout three row","k":"resource","s":"animateicons","c":"assets/icon","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"animateicons:hu-layout-two-column","t":"Hu layout two column","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-layout-two-row","t":"Hu layout two row","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-left-to-right-list-bullet","t":"Hu left to right list bullet","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-left-to-right-list-number","t":"Hu left to right list number","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-lightbulb","t":"Hu lightbulb","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-lightbulb-off","t":"Hu lightbulb off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-link-0-1","t":"Hu link 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-link-off","t":"Hu link off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-linkedin-0-1","t":"Hu linkedin 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-list-view","t":"Hu list view","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-loading-0-1","t":"Hu loading 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-loading-0-2","t":"Hu loading 0 #2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-location-0-1","t":"Hu location 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-location-add-0-1","t":"Hu location add 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-location-check-0-1","t":"Hu location check 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-location-remove-0-1","t":"Hu location remove 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-lock-keyhole","t":"Hu lock keyhole","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-lock-keyhole-open","t":"Hu lock keyhole open","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-lock-open","t":"Hu lock open","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-lock-password","t":"Hu lock password","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-login-0-1","t":"Hu login 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-logout-0-1","t":"Hu logout 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-mail-0-1","t":"Hu mail 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-mail-add-0-1","t":"Hu mail add 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-mail-check","t":"Hu mail check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-mail-minus-0-1","t":"Hu mail minus 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-mail-open-0-1","t":"Hu mail open 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-mail-remove-0-1","t":"Hu mail remove 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-mastodon","t":"Hu mastodon","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-maximize-screen","t":"Hu maximize screen","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-medium-square","t":"Hu medium square","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-megaphone-0-1","t":"Hu megaphone 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-megaphone-off","t":"Hu megaphone off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-menu-0-1","t":"Hu menu 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-menu-0-2","t":"Hu menu 0 #2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-message-0-1","t":"Hu message 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-mic-0-1","t":"Hu mic 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-mic-off-0-1","t":"Hu mic off 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-microsoft-admin","t":"Hu microsoft admin","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-microsoft","t":"Hu microsoft","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-minimize-screen","t":"Hu minimize screen","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-minus-sign-circle","t":"Hu minus sign circle","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-minus-sign","t":"Hu minus sign","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-minus-sign-square","t":"Hu minus sign square","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-mistral","t":"Hu mistral","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-money-bag-0-1","t":"Hu money bag 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-moon-0-1","t":"Hu moon 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-more-horizontal","t":"Hu more horizontal","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-more-vertical","t":"Hu more vertical","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-mouse-pointer-click-0-1","t":"Hu mouse pointer click 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-music-0-1","t":"Hu music 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-music-note-0-1","t":"Hu music note 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-neutral","t":"Hu neutral","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-new-twitter","t":"Hu new twitter","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-new-twitter-rectangle","t":"Hu new twitter rectangle","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-newspaper","t":"Hu newspaper","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-notebook-0-1","t":"Hu notebook 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-notification-0-2","t":"Hu notification 0 2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-notification","t":"Hu notification","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-notification-off-0-2","t":"Hu notification off 0 2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-notification-off","t":"Hu notification off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-office-3-6-5","t":"Hu office 3 6 #5","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-package-delivered","t":"Hu package delivered","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-paint-brush-0-1","t":"Hu paint brush 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-palette","t":"Hu palette","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-panel-bottom-close","t":"Hu panel bottom close","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-panel-bottom","t":"Hu panel bottom","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-panel-bottom-open","t":"Hu panel bottom open","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-panel-left-close","t":"Hu panel left close","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-panel-left","t":"Hu panel left","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-panel-left-open","t":"Hu panel left open","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-panel-right-close","t":"Hu panel right close","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-panel-right","t":"Hu panel right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-panel-right-open","t":"Hu panel right open","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-panel-top-close","t":"Hu panel top close","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-panel-top","t":"Hu panel top","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-panel-top-open","t":"Hu panel top open","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-passport-expired","t":"Hu passport expired","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-passport","t":"Hu passport","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-passport-valid","t":"Hu passport valid","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-password-validation","t":"Hu password validation","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-pause","t":"Hu pause","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-payment-success-0-1","t":"Hu payment success 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-pen-0-1","t":"Hu pen 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-pencil","t":"Hu pencil","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-pencil-off","t":"Hu pencil off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-percent","t":"Hu percent","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-perplexity-ai","t":"Hu perplexity ai","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-phone","t":"Hu phone","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-phone-incoming","t":"Hu phone incoming","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-phone-missed","t":"Hu phone missed","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-phone-off","t":"Hu phone off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-phone-outgoing","t":"Hu phone outgoing","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-pinterest","t":"Hu pinterest","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-play","t":"Hu play","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-playlist-0-1","t":"Hu playlist 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-podcast","t":"Hu podcast","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-printer","t":"Hu printer","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-printer-off","t":"Hu printer off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-qr-code-0-1","t":"Hu qr code 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-qr-code-scan","t":"Hu qr code scan","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-quote","t":"Hu quote","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-qwen","t":"Hu qwen","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-receipt","t":"Hu receipt","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-reddit","t":"Hu reddit","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-redo","t":"Hu redo","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-refresh-0-1","t":"Hu refresh 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-repeat","t":"Hu repeat","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-repeat-off","t":"Hu repeat off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-repeat-one-0-1","t":"Hu repeat one 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-repository","t":"Hu repository","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-return-request","t":"Hu return request","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-rocket-0-1","t":"Hu rocket 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-sad-0-1","t":"Hu sad 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-save","t":"Hu save","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-save-off","t":"Hu save off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-scan","t":"Hu scan","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-scissor-0-1","t":"Hu scissor 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-scroll-0-1","t":"Hu scroll 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-search","t":"Hu search","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-security-block","t":"Hu security block","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-security-check","t":"Hu security check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-security-lock","t":"Hu security lock","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-security-warning","t":"Hu security warning","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-send","t":"Hu send","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-server","t":"Hu server","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-server-off","t":"Hu server off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-settings-0-1","t":"Hu settings 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-settings-0-2","t":"Hu settings 0 #2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-share-0-1","t":"Hu share 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-shield-0-1","t":"Hu shield 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-shield-0-2","t":"Hu shield 0 #2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-shield-alert","t":"Hu shield alert","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-shield-check","t":"Hu shield check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-shield-minus","t":"Hu shield minus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-shield-off","t":"Hu shield off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-shield-plus","t":"Hu shield plus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-shield-x","t":"Hu shield x","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-shopping-bag-0-1","t":"Hu shopping bag 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-shopping-bag-add","t":"Hu shopping bag add","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-shopping-bag-check","t":"Hu shopping bag check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-shopping-bag-remove","t":"Hu shopping bag remove","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-shopping-basket-0-1","t":"Hu shopping basket 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-shopping-basket-add-0-1","t":"Hu shopping basket add 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-shopping-basket-remove-0-1","t":"Hu shopping basket remove 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-shopping-cart-0-1","t":"Hu shopping cart 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-shopping-cart-add-0-1","t":"Hu shopping cart add 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-shopping-cart-check-0-1","t":"Hu shopping cart check 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-shopping-cart-remove-0-1","t":"Hu shopping cart remove 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-shuffle","t":"Hu shuffle","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-sidebar-bottom","t":"Hu sidebar bottom","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-sidebar-left","t":"Hu sidebar left","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-sidebar-right","t":"Hu sidebar right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-sidebar-top","t":"Hu sidebar top","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-siri","t":"Hu siri","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-siri-new","t":"Hu siri new","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-skype","t":"Hu skype","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-slack","t":"Hu slack","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-sliders-horizontal","t":"Hu sliders horizontal","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-sliders-vertical","t":"Hu sliders vertical","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-smile","t":"Hu smile","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-snapchat","t":"Hu snapchat","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-sorting-0-1","t":"Hu sorting 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-sorting-down","t":"Hu sorting down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-sorting-up","t":"Hu sorting up","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-sparkle","t":"Hu sparkle","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-sparkles","t":"Hu sparkles","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-speaker-0-1","t":"Hu speaker 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-spotify","t":"Hu spotify","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-star","t":"Hu star","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-star-off","t":"Hu star off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-stop","t":"Hu stop","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-store-0-1","t":"Hu store 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-store-add-0-1","t":"Hu store add 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-store-remove-0-1","t":"Hu store remove 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-sun-0-1","t":"Hu sun 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-table","t":"Hu table","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-tag-0-1","t":"Hu tag 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-target-0-1","t":"Hu target 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-task-0-1","t":"Hu task 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-task-add-0-1","t":"Hu task add 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-task-remove-0-1","t":"Hu task remove 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-telegram","t":"Hu telegram","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-terminal","t":"Hu terminal","k":"resource","s":"animateicons","c":"assets/icon","tg":["retro and HUD"],"sb":"Animated","sy":["retro and HUD"],"hc":1},{"id":"animateicons:hu-text-align-center","t":"Hu text align center","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-text-align-justify","t":"Hu text align justify","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-text-align-left","t":"Hu text align left","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-text-align-right","t":"Hu text align right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-text-bold","t":"Hu text bold","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-text-font","t":"Hu text font","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-text","t":"Hu text","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-text-indent-less","t":"Hu text indent less","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-text-indent-more","t":"Hu text indent more","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-text-italic","t":"Hu text italic","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-text-strikethrough","t":"Hu text strikethrough","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-text-underline","t":"Hu text underline","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-threads","t":"Hu threads","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-threads-rectangle","t":"Hu threads rectangle","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-thumbs-down","t":"Hu thumbs down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-thumbs-up","t":"Hu thumbs up","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-tiktok","t":"Hu tiktok","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-timer-0-1","t":"Hu timer 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-timer-off","t":"Hu timer off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-timer-reset","t":"Hu timer reset","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-toggle-off","t":"Hu toggle off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-toggle-on","t":"Hu toggle on","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-trophy","t":"Hu trophy","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-twitch","t":"Hu twitch","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-twitter","t":"Hu twitter","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-twitter-square","t":"Hu twitter square","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-undo","t":"Hu undo","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-upload-0-1","t":"Hu upload 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-user-add-0-1","t":"Hu user add 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-user-block-0-1","t":"Hu user block 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-user-check-0-1","t":"Hu user check 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-user-circle","t":"Hu user circle","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-user-group","t":"Hu user group","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-user","t":"Hu user","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-user-minus-0-1","t":"Hu user minus 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-user-remove-0-1","t":"Hu user remove 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-user-settings-0-1","t":"Hu user settings 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-video-0-1","t":"Hu video 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-video-0-2","t":"Hu video 0 #2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-video-off","t":"Hu video off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-vk-square","t":"Hu vk square","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-volume-0-1","t":"Hu volume 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-volume-high","t":"Hu volume high","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-volume-minus","t":"Hu volume minus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-volume-mute-0-1","t":"Hu volume mute 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-volume-mute-0-2","t":"Hu volume mute 0 2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-volume-off","t":"Hu volume off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-volume-up","t":"Hu volume up","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-wallet-0-1","t":"Hu wallet 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-wallet-add-0-1","t":"Hu wallet add 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-wallet-remove-0-1","t":"Hu wallet remove 0 1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-waze","t":"Hu waze","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-webhook","t":"Hu webhook","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-webhook-off","t":"Hu webhook off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-whatsapp","t":"Hu whatsapp","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-wifi-0-1","t":"Hu wifi 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-wifi-off-0-1","t":"Hu wifi off 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-windows-new","t":"Hu windows new","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-windows-old","t":"Hu windows old","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-workflow","t":"Hu workflow","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-wps-office","t":"Hu wps office","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-wps-office-rectangle","t":"Hu wps office rectangle","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-youtube","t":"Hu youtube","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-zoom-in","t":"Hu zoom in","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:hu-zoom-out","t":"Hu zoom out","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-a-arrow-down","t":"Lu a arrow down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-a-arrow-up","t":"Lu a arrow up","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-accessibility","t":"Lu accessibility","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-activity","t":"Lu activity","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-alarm-clock-check","t":"Lu alarm clock check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-alarm-clock","t":"Lu alarm clock","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-alarm-clock-minus","t":"Lu alarm clock minus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-alarm-clock-off","t":"Lu alarm clock off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-alarm-clock-plus","t":"Lu alarm clock plus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-align-center","t":"Lu align center","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-align-justify","t":"Lu align justify","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-align-left","t":"Lu align left","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-align-right","t":"Lu align right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-anchor","t":"Lu anchor","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-angry","t":"Lu angry","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-annoyed","t":"Lu annoyed","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-app-window","t":"Lu app window","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-archive","t":"Lu archive","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-arrow-big-up","t":"Lu arrow big up","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-arrow-down","t":"Lu arrow down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-arrow-down-left","t":"Lu arrow down left","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-arrow-down-right","t":"Lu arrow down right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-arrow-down-to-line","t":"Lu arrow down to line","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-arrow-down-up","t":"Lu arrow down up","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-arrow-left","t":"Lu arrow left","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-arrow-left-right","t":"Lu arrow left right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-arrow-right","t":"Lu arrow right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-arrow-up-0-1","t":"Lu arrow up 0 #1","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-arrow-up-1-0","t":"Lu arrow up 1 #0","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-arrow-up-a-z","t":"Lu arrow up a z","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-arrow-up-down","t":"Lu arrow up down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-arrow-up","t":"Lu arrow up","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-arrow-up-left","t":"Lu arrow up left","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-arrow-up-right","t":"Lu arrow up right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-arrow-up-to-line","t":"Lu arrow up to line","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-arrow-up-z-a","t":"Lu arrow up z a","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-at-sign","t":"Lu at sign","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-atom","t":"Lu atom","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-audio-lines","t":"Lu audio lines","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-audio-waveform","t":"Lu audio waveform","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-badge-cent","t":"Lu badge cent","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-badge-check","t":"Lu badge check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-badge-dollar-sign","t":"Lu badge dollar sign","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-badge-info","t":"Lu badge info","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-badge-percent","t":"Lu badge percent","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-baggage-claim","t":"Lu baggage claim","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-ban","t":"Lu ban","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-banknote","t":"Lu banknote","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-barcode","t":"Lu barcode","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-battery-charging","t":"Lu battery charging","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-battery-full","t":"Lu battery full","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-battery","t":"Lu battery","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-battery-low","t":"Lu battery low","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-bell-dot","t":"Lu bell dot","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-bell-electric","t":"Lu bell electric","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-bell","t":"Lu bell","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-bell-minus","t":"Lu bell minus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-bell-off","t":"Lu bell off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-bell-plus","t":"Lu bell plus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-bell-ring","t":"Lu bell ring","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-biceps-flexed","t":"Lu biceps flexed","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-bike","t":"Lu bike","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-bitcoin","t":"Lu bitcoin","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-blend","t":"Lu blend","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-blocks","t":"Lu blocks","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-bluetooth","t":"Lu bluetooth","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-bold","t":"Lu bold","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-bolt","t":"Lu bolt","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-book-open-check","t":"Lu book open check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-book-open","t":"Lu book open","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-book-open-text","t":"Lu book open text","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-bookmark-check","t":"Lu bookmark check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-bookmark","t":"Lu bookmark","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"animateicons:lu-bookmark-minus","t":"Lu bookmark minus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-bookmark-plus","t":"Lu bookmark plus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-bot","t":"Lu bot","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-box","t":"Lu box","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-boxes","t":"Lu boxes","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-brain","t":"Lu brain","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-briefcase","t":"Lu briefcase","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-bring-to-front","t":"Lu bring to front","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-bug","t":"Lu bug","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-building-2","t":"Lu building #2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-calculator","t":"Lu calculator","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-calendar-check","t":"Lu calendar check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-calendar-clock","t":"Lu calendar clock","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-calendar-days","t":"Lu calendar days","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-calendar-fold","t":"Lu calendar fold","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-calendar-heart","t":"Lu calendar heart","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-calendar","t":"Lu calendar","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"animateicons:lu-calendar-minus","t":"Lu calendar minus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-calendar-plus","t":"Lu calendar plus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-calendar-range","t":"Lu calendar range","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-calendar-search","t":"Lu calendar search","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-camera","t":"Lu camera","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-camera-off","t":"Lu camera off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-captions","t":"Lu captions","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-car","t":"Lu car","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-cast","t":"Lu cast","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-cat","t":"Lu cat","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chart-area","t":"Lu chart area","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chart-bar-big","t":"Lu chart bar big","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chart-bar-decreasing","t":"Lu chart bar decreasing","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chart-bar","t":"Lu chart bar","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chart-bar-increasing","t":"Lu chart bar increasing","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chart-candlestick","t":"Lu chart candlestick","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chart-column-big","t":"Lu chart column big","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chart-column-decreasing","t":"Lu chart column decreasing","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chart-column","t":"Lu chart column","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chart-column-increasing","t":"Lu chart column increasing","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chart-gantt","t":"Lu chart gantt","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chart-line","t":"Lu chart line","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chart-network","t":"Lu chart network","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chart-no-axes-column","t":"Lu chart no axes column","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chart-no-axes-combined","t":"Lu chart no axes combined","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chart-pie","t":"Lu chart pie","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chart-scatter","t":"Lu chart scatter","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chart-spline","t":"Lu chart spline","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-check-check","t":"Lu check check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-check","t":"Lu check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chevron-down","t":"Lu chevron down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chevron-first","t":"Lu chevron first","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chevron-last","t":"Lu chevron last","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chevron-left","t":"Lu chevron left","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chevron-right","t":"Lu chevron right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chevron-up","t":"Lu chevron up","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chevrons-down","t":"Lu chevrons down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chevrons-left","t":"Lu chevrons left","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chevrons-left-right-ellipsis","t":"Lu chevrons left right ellipsis","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chevrons-left-right","t":"Lu chevrons left right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chevrons-right","t":"Lu chevrons right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chevrons-right-left","t":"Lu chevrons right left","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chevrons-up-down","t":"Lu chevrons up down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chevrons-up","t":"Lu chevrons up","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-chrome","t":"Lu chrome","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-circle-alert","t":"Lu circle alert","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-circle-check-big","t":"Lu circle check big","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-circle-check","t":"Lu circle check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-circle-chevron-down","t":"Lu circle chevron down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-circle-chevron-left","t":"Lu circle chevron left","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-circle-chevron-right","t":"Lu circle chevron right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-circle-chevron-up","t":"Lu circle chevron up","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-circle-dashed","t":"Lu circle dashed","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-circle-dot","t":"Lu circle dot","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-circle-minus","t":"Lu circle minus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-circle-pause","t":"Lu circle pause","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-circle-play","t":"Lu circle play","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-circle-plus","t":"Lu circle plus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-circle-question-mark","t":"Lu circle question mark","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-circle-stop","t":"Lu circle stop","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-circle-user-round","t":"Lu circle user round","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-circle-x","t":"Lu circle x","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-clapperboard","t":"Lu clapperboard","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-clipboard-check","t":"Lu clipboard check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-clipboard","t":"Lu clipboard","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-clipboard-list","t":"Lu clipboard list","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-clipboard-paste","t":"Lu clipboard paste","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-clock-alert","t":"Lu clock alert","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-clock-arrow-down","t":"Lu clock arrow down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-clock-arrow-up","t":"Lu clock arrow up","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-clock","t":"Lu clock","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-clock-plus","t":"Lu clock plus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-cloud-check","t":"Lu cloud check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-cloud-download","t":"Lu cloud download","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-cloud-drizzle","t":"Lu cloud drizzle","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-cloud-fog","t":"Lu cloud fog","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-cloud-hail","t":"Lu cloud hail","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-cloud","t":"Lu cloud","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-cloud-lightning","t":"Lu cloud lightning","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-cloud-moon","t":"Lu cloud moon","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-cloud-moon-rain","t":"Lu cloud moon rain","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-cloud-off","t":"Lu cloud off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-cloud-rain","t":"Lu cloud rain","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-cloud-rain-wind","t":"Lu cloud rain wind","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-cloud-snow","t":"Lu cloud snow","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-cloud-sun","t":"Lu cloud sun","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-cloud-sun-rain","t":"Lu cloud sun rain","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-cloud-sync","t":"Lu cloud sync","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-cloud-upload","t":"Lu cloud upload","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-cloudy","t":"Lu cloudy","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-code","t":"Lu code","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-code-xml","t":"Lu code xml","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-coffee","t":"Lu coffee","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-coins","t":"Lu coins","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-command","t":"Lu command","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-compass","t":"Lu compass","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-component","t":"Lu component","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-contact","t":"Lu contact","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-contact-round","t":"Lu contact round","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-contrast","t":"Lu contrast","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-cookie","t":"Lu cookie","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-copy-check","t":"Lu copy check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-copy","t":"Lu copy","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-copy-plus","t":"Lu copy plus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-corner-down-left","t":"Lu corner down left","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-corner-down-right","t":"Lu corner down right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-corner-left-down","t":"Lu corner left down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-corner-left-up","t":"Lu corner left up","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-corner-right-down","t":"Lu corner right down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-corner-right-up","t":"Lu corner right up","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-corner-up-left","t":"Lu corner up left","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-corner-up-right","t":"Lu corner up right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-cpu","t":"Lu cpu","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-credit-card","t":"Lu credit card","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-crop","t":"Lu crop","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-crown","t":"Lu crown","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-database-backup","t":"Lu database backup","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-database","t":"Lu database","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-delete","t":"Lu delete","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-dice-5","t":"Lu dice #5","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-diff","t":"Lu diff","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-disc-2","t":"Lu disc #2","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-disc-3","t":"Lu disc #3","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-dog","t":"Lu dog","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-dollar-sign","t":"Lu dollar sign","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-door-open","t":"Lu door open","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-download","t":"Lu download","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-droplet","t":"Lu droplet","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-droplets","t":"Lu droplets","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-drum","t":"Lu drum","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-dumbbell","t":"Lu dumbbell","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-ellipsis","t":"Lu ellipsis","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-ellipsis-vertical","t":"Lu ellipsis vertical","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-eraser","t":"Lu eraser","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-euro","t":"Lu euro","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-expand","t":"Lu expand","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-external-link","t":"Lu external link","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-eye-closed","t":"Lu eye closed","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-eye","t":"Lu eye","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-eye-off","t":"Lu eye off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-facebook","t":"Lu facebook","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-fast-forward","t":"Lu fast forward","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-feather","t":"Lu feather","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-figma","t":"Lu figma","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-file-archive","t":"Lu file archive","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-file-check","t":"Lu file check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-file-clock","t":"Lu file clock","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-file-code","t":"Lu file code","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-file-down","t":"Lu file down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-file-heart","t":"Lu file heart","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-file","t":"Lu file","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"animateicons:lu-file-image","t":"Lu file image","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-file-key","t":"Lu file key","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-file-lock","t":"Lu file lock","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-file-minus","t":"Lu file minus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-file-music","t":"Lu file music","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-file-pen","t":"Lu file pen","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-file-plus","t":"Lu file plus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-file-scan","t":"Lu file scan","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-file-search","t":"Lu file search","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-file-spreadsheet","t":"Lu file spreadsheet","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-file-terminal","t":"Lu file terminal","k":"resource","s":"animateicons","c":"assets/icon","tg":["retro and HUD"],"sb":"Animated","sy":["retro and HUD"],"hc":1},{"id":"animateicons:lu-file-text","t":"Lu file text","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-file-type","t":"Lu file type","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-file-up","t":"Lu file up","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-files","t":"Lu files","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-filter","t":"Lu filter","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-fingerprint-pattern","t":"Lu fingerprint pattern","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-fish","t":"Lu fish","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-flag","t":"Lu flag","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-flag-off","t":"Lu flag off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-flag-triangle-right","t":"Lu flag triangle right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-flame","t":"Lu flame","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-flask-conical","t":"Lu flask conical","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-fold-vertical","t":"Lu fold vertical","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-folder-check","t":"Lu folder check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-folder-closed","t":"Lu folder closed","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-folder-dot","t":"Lu folder dot","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-folder-heart","t":"Lu folder heart","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-folder","t":"Lu folder","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"animateicons:lu-folder-key","t":"Lu folder key","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-folder-lock","t":"Lu folder lock","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-folder-minus","t":"Lu folder minus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-folder-open","t":"Lu folder open","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-folder-plus","t":"Lu folder plus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-folder-search","t":"Lu folder search","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-folder-tree","t":"Lu folder tree","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-footprints","t":"Lu footprints","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-framer","t":"Lu framer","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-funnel-x","t":"Lu funnel x","k":"resource","s":"animateicons","c":"assets/icon","tg":["playful"],"sb":"Animated","sy":["playful"],"hc":1},{"id":"animateicons:lu-gallery-horizontal","t":"Lu gallery horizontal","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-gamepad","t":"Lu gamepad","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-gauge","t":"Lu gauge","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-gem","t":"Lu gem","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-georgian-lari","t":"Lu georgian lari","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-ghost","t":"Lu ghost","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-gift","t":"Lu gift","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-git-branch","t":"Lu git branch","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-git-branch-minus","t":"Lu git branch minus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-git-branch-plus","t":"Lu git branch plus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-git-commit-horizontal","t":"Lu git commit horizontal","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-git-commit-vertical","t":"Lu git commit vertical","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-git-compare-arrows","t":"Lu git compare arrows","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-git-compare","t":"Lu git compare","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-git-fork","t":"Lu git fork","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-git-merge-conflict","t":"Lu git merge conflict","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-git-merge","t":"Lu git merge","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-github","t":"Lu github","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-gitlab","t":"Lu gitlab","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-globe","t":"Lu globe","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-globe-lock","t":"Lu globe lock","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-graduation-cap","t":"Lu graduation cap","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-grip-vertical","t":"Lu grip vertical","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-guitar","t":"Lu guitar","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-hammer","t":"Lu hammer","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-hand-coins","t":"Lu hand coins","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-hand-heart","t":"Lu hand heart","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-hand","t":"Lu hand","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-handshake","t":"Lu handshake","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-hard-drive-download","t":"Lu hard drive download","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-hard-drive","t":"Lu hard drive","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-hard-drive-upload","t":"Lu hard drive upload","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-hash","t":"Lu hash","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-haze","t":"Lu haze","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-heading","t":"Lu heading","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","vn":2,"hc":1},{"id":"animateicons:lu-headphone-off","t":"Lu headphone off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-headphones","t":"Lu headphones","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-headset","t":"Lu headset","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-heart","t":"Lu heart","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-heart-pulse","t":"Lu heart pulse","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-highlighter","t":"Lu highlighter","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-history","t":"Lu history","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-hourglass","t":"Lu hourglass","k":"resource","s":"animateicons","c":"assets/icon","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"animateicons:lu-house","t":"Lu house","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-image","t":"Lu image","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-image-off","t":"Lu image off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-image-plus","t":"Lu image plus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-inbox","t":"Lu inbox","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-indent-decrease","t":"Lu indent decrease","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-indent-increase","t":"Lu indent increase","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-indian-rupee","t":"Lu indian rupee","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-infinity","t":"Lu infinity","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-info","t":"Lu info","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-instagram","t":"Lu instagram","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-italic","t":"Lu italic","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-japanese-yen","t":"Lu japanese yen","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-kanban","t":"Lu kanban","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-key","t":"Lu key","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-key-round","t":"Lu key round","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-key-square","t":"Lu key square","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-keyboard","t":"Lu keyboard","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-landmark","t":"Lu landmark","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-languages","t":"Lu languages","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-laptop","t":"Lu laptop","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-laptop-minimal","t":"Lu laptop minimal","k":"resource","s":"animateicons","c":"assets/icon","tg":["minimal"],"sb":"Animated","sy":["minimal"],"hc":1},{"id":"animateicons:lu-layers","t":"Lu layers","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-layout-dashboard","t":"Lu layout dashboard","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-layout-grid","t":"Lu layout grid","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-layout-list","t":"Lu layout list","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-leaf","t":"Lu leaf","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-life-buoy","t":"Lu life buoy","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-lightbulb","t":"Lu lightbulb","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-link","t":"Lu link","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-linkedin","t":"Lu linkedin","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-list-checks","t":"Lu list checks","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-list-chevrons-up-down","t":"Lu list chevrons up down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-list-collapse","t":"Lu list collapse","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-list-filter","t":"Lu list filter","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-list","t":"Lu list","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-list-ordered","t":"Lu list ordered","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-list-plus","t":"Lu list plus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-list-tree","t":"Lu list tree","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-loader-circle","t":"Lu loader circle","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-loader","t":"Lu loader","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-locate-fixed","t":"Lu locate fixed","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-locate","t":"Lu locate","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-locate-off","t":"Lu locate off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-lock","t":"Lu lock","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-lock-open","t":"Lu lock open","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-log-in","t":"Lu log in","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-log-out","t":"Lu log out","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-magnet","t":"Lu magnet","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-mail-check","t":"Lu mail check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-mail","t":"Lu mail","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"animateicons:lu-mail-minus","t":"Lu mail minus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-mail-open","t":"Lu mail open","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-mail-plus","t":"Lu mail plus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-mail-search","t":"Lu mail search","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-mail-warning","t":"Lu mail warning","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-mailbox","t":"Lu mailbox","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-mails","t":"Lu mails","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-map","t":"Lu map","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-map-pin-check","t":"Lu map pin check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-map-pin-check-inside","t":"Lu map pin check inside","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-map-pin","t":"Lu map pin","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-map-pinned","t":"Lu map pinned","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-mars","t":"Lu mars","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-medal","t":"Lu medal","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-megaphone","t":"Lu megaphone","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-memory-stick","t":"Lu memory stick","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-menu","t":"Lu menu","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-message-circle-heart","t":"Lu message circle heart","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-message-circle","t":"Lu message circle","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"animateicons:lu-message-circle-more","t":"Lu message circle more","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-message-circle-plus","t":"Lu message circle plus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-message-circle-question-mark","t":"Lu message circle question mark","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-message-square-dot","t":"Lu message square dot","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-message-square-heart","t":"Lu message square heart","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-message-square","t":"Lu message square","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"animateicons:lu-message-square-plus","t":"Lu message square plus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-message-square-text","t":"Lu message square text","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-messages-square","t":"Lu messages square","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-mic","t":"Lu mic","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-mic-off","t":"Lu mic off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-milestone","t":"Lu milestone","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-minus","t":"Lu minus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-monitor","t":"Lu monitor","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-monitor-smartphone","t":"Lu monitor smartphone","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-moon","t":"Lu moon","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-moon-star","t":"Lu moon star","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-mountain","t":"Lu mountain","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-mouse","t":"Lu mouse","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-mouse-pointer-click","t":"Lu mouse pointer click","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-mouse-pointer","t":"Lu mouse pointer","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-move-diagonal","t":"Lu move diagonal","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"animateicons:lu-move-horizontal","t":"Lu move horizontal","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-move","t":"Lu move","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-move-left","t":"Lu move left","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-move-right","t":"Lu move right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-move-vertical","t":"Lu move vertical","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-music","t":"Lu music","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-navigation","t":"Lu navigation","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"animateicons:lu-network","t":"Lu network","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-nfc","t":"Lu nfc","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-notebook-pen","t":"Lu notebook pen","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-octagon-alert","t":"Lu octagon alert","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-orbit","t":"Lu orbit","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-package-check","t":"Lu package check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-package","t":"Lu package","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"animateicons:lu-package-open","t":"Lu package open","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-package-plus","t":"Lu package plus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-package-search","t":"Lu package search","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-paint-bucket","t":"Lu paint bucket","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-paintbrush","t":"Lu paintbrush","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-palette","t":"Lu palette","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-panel-left-close","t":"Lu panel left close","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-panel-left","t":"Lu panel left","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-panel-left-open","t":"Lu panel left open","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-paperclip","t":"Lu paperclip","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-party-popper","t":"Lu party popper","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-pause","t":"Lu pause","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-paw-print","t":"Lu paw print","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-pen-tool","t":"Lu pen tool","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-pencil","t":"Lu pencil","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-percent","t":"Lu percent","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-philippine-peso","t":"Lu philippine peso","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-phone-call","t":"Lu phone call","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-phone-forwarded","t":"Lu phone forwarded","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-phone","t":"Lu phone","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-phone-incoming","t":"Lu phone incoming","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-phone-missed","t":"Lu phone missed","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-phone-off","t":"Lu phone off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-piano","t":"Lu piano","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-picture-in-picture","t":"Lu picture in picture","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-piggy-bank","t":"Lu piggy bank","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-pilcrow","t":"Lu pilcrow","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-pill","t":"Lu pill","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-pin","t":"Lu pin","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-pin-off","t":"Lu pin off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-pipette","t":"Lu pipette","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-plane","t":"Lu plane","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-play","t":"Lu play","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-plug","t":"Lu plug","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"animateicons:lu-plug-zap","t":"Lu plug zap","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-plus","t":"Lu plus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-podcast","t":"Lu podcast","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-pound-sterling","t":"Lu pound sterling","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-power","t":"Lu power","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-presentation","t":"Lu presentation","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-printer","t":"Lu printer","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-puzzle","t":"Lu puzzle","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-qr-code","t":"Lu qr code","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-quote","t":"Lu quote","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-rabbit","t":"Lu rabbit","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-radar","t":"Lu radar","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-radio","t":"Lu radio","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-rainbow","t":"Lu rainbow","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-receipt","t":"Lu receipt","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-receipt-text","t":"Lu receipt text","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-recycle","t":"Lu recycle","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-redo","t":"Lu redo","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-refresh-cw","t":"Lu refresh cw","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-repeat","t":"Lu repeat","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","vn":2,"hc":1},{"id":"animateicons:lu-reply-all","t":"Lu reply all","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-reply","t":"Lu reply","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-rewind","t":"Lu rewind","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-rocket","t":"Lu rocket","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-rotate-ccw","t":"Lu rotate ccw","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-rotate-cw","t":"Lu rotate cw","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-route","t":"Lu route","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-route-off","t":"Lu route off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-router","t":"Lu router","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-rss","t":"Lu rss","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-ruler","t":"Lu ruler","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-russian-ruble","t":"Lu russian ruble","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-saudi-riyal","t":"Lu saudi riyal","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-save","t":"Lu save","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-scan","t":"Lu scan","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-scan-line","t":"Lu scan line","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-scan-qr-code","t":"Lu scan qr code","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-scissors","t":"Lu scissors","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-screen-share","t":"Lu screen share","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-scroll-text","t":"Lu scroll text","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-search","t":"Lu search","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"animateicons:lu-send-horizontal","t":"Lu send horizontal","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-send","t":"Lu send","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-server","t":"Lu server","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-settings","t":"Lu settings","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-shapes","t":"Lu shapes","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-share","t":"Lu share","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-shield-alert","t":"Lu shield alert","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-shield-check","t":"Lu shield check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-shield","t":"Lu shield","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"animateicons:lu-shield-user","t":"Lu shield user","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-shopping-bag","t":"Lu shopping bag","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-shopping-basket","t":"Lu shopping basket","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-shopping-cart","t":"Lu shopping cart","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-shrink","t":"Lu shrink","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-shuffle","t":"Lu shuffle","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-sigma","t":"Lu sigma","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-signal","t":"Lu signal","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-signature","t":"Lu signature","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-signpost-big","t":"Lu signpost big","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-signpost","t":"Lu signpost","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-siren","t":"Lu siren","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-skip-back","t":"Lu skip back","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-skip-forward","t":"Lu skip forward","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-sliders-horizontal","t":"Lu sliders horizontal","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-smartphone","t":"Lu smartphone","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-snowflake","t":"Lu snowflake","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-sparkles","t":"Lu sparkles","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-speaker","t":"Lu speaker","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-spell-check","t":"Lu spell check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-spray-can","t":"Lu spray can","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-sprout","t":"Lu sprout","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-square-arrow-out-up-right","t":"Lu square arrow out up right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-square-check","t":"Lu square check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-square-dashed","t":"Lu square dashed","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-square-pause","t":"Lu square pause","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-square-pen","t":"Lu square pen","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-square-play","t":"Lu square play","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-stamp","t":"Lu stamp","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-star","t":"Lu star","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-star-off","t":"Lu star off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-step-back","t":"Lu step back","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-step-forward","t":"Lu step forward","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-stethoscope","t":"Lu stethoscope","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-sticky-note","t":"Lu sticky note","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-store","t":"Lu store","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-strikethrough","t":"Lu strikethrough","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-sun-dim","t":"Lu sun dim","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-sun","t":"Lu sun","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-sun-medium","t":"Lu sun medium","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-sun-moon","t":"Lu sun moon","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-sun-snow","t":"Lu sun snow","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-sunrise","t":"Lu sunrise","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-sunset","t":"Lu sunset","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-swiss-franc","t":"Lu swiss franc","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-swords","t":"Lu swords","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-table","t":"Lu table","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-tablet","t":"Lu tablet","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-tag","t":"Lu tag","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-tags","t":"Lu tags","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-target","t":"Lu target","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-telescope","t":"Lu telescope","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-tent","t":"Lu tent","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-terminal","t":"Lu terminal","k":"resource","s":"animateicons","c":"assets/icon","tg":["retro and HUD"],"sb":"Animated","sy":["retro and HUD"],"hc":1},{"id":"animateicons:lu-text-cursor","t":"Lu text cursor","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-text-search","t":"Lu text search","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-thermometer","t":"Lu thermometer","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-thermometer-sun","t":"Lu thermometer sun","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-thumbs-down","t":"Lu thumbs down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-thumbs-up","t":"Lu thumbs up","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-ticket","t":"Lu ticket","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-ticket-percent","t":"Lu ticket percent","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-timer","t":"Lu timer","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-timer-off","t":"Lu timer off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-timer-reset","t":"Lu timer reset","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-toggle-left","t":"Lu toggle left","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-toggle-right","t":"Lu toggle right","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-tornado","t":"Lu tornado","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-traffic-cone","t":"Lu traffic cone","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-trash","t":"Lu trash","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"animateicons:lu-trending-down","t":"Lu trending down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-trending-up-down","t":"Lu trending up down","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-trending-up","t":"Lu trending up","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-triangle-alert","t":"Lu triangle alert","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-trophy","t":"Lu trophy","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-truck","t":"Lu truck","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-turkish-lira","t":"Lu turkish lira","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-tv","t":"Lu tv","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-tv-minimal","t":"Lu tv minimal","k":"resource","s":"animateicons","c":"assets/icon","tg":["minimal"],"sb":"Animated","sy":["minimal"],"hc":1},{"id":"animateicons:lu-twitter","t":"Lu twitter","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-type","t":"Lu type","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-umbrella","t":"Lu umbrella","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-underline","t":"Lu underline","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-undo","t":"Lu undo","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-unfold-vertical","t":"Lu unfold vertical","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-unlink","t":"Lu unlink","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-upload","t":"Lu upload","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-usb","t":"Lu usb","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-user-check","t":"Lu user check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-user-cog","t":"Lu user cog","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-user","t":"Lu user","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"animateicons:lu-user-lock","t":"Lu user lock","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-user-minus","t":"Lu user minus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-user-pen","t":"Lu user pen","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-user-plus","t":"Lu user plus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-user-round-check","t":"Lu user round check","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-user-round-cog","t":"Lu user round cog","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-user-round","t":"Lu user round","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"animateicons:lu-user-round-minus","t":"Lu user round minus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-user-round-pen","t":"Lu user round pen","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-user-round-search","t":"Lu user round search","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-user-search","t":"Lu user search","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-user-star","t":"Lu user star","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-users","t":"Lu users","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-users-round","t":"Lu users round","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-utensils","t":"Lu utensils","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-vault","t":"Lu vault","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-venus","t":"Lu venus","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-video","t":"Lu video","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-video-off","t":"Lu video off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-volume","t":"Lu volume","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","vn":3,"hc":1},{"id":"animateicons:lu-volume-off","t":"Lu volume off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-wallet-cards","t":"Lu wallet cards","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-wallet","t":"Lu wallet","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-wallet-minimal","t":"Lu wallet minimal","k":"resource","s":"animateicons","c":"assets/icon","tg":["minimal"],"sb":"Animated","sy":["minimal"],"hc":1},{"id":"animateicons:lu-wand-sparkles","t":"Lu wand sparkles","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-watch","t":"Lu watch","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-waypoints","t":"Lu waypoints","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-webcam","t":"Lu webcam","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-webhook","t":"Lu webhook","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-wifi-cog","t":"Lu wifi cog","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-wifi","t":"Lu wifi","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-wifi-off","t":"Lu wifi off","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-wifi-pen","t":"Lu wifi pen","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-wifi-sync","t":"Lu wifi sync","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-wind","t":"Lu wind","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-workflow","t":"Lu workflow","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-wrap-text","t":"Lu wrap text","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-wrench","t":"Lu wrench","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-x","t":"Lu x","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-zap","t":"Lu zap","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-zoom-in","t":"Lu zoom in","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animateicons:lu-zoom-out","t":"Lu zoom out","k":"resource","s":"animateicons","c":"assets/icon","sb":"Animated","hc":1},{"id":"animbits:hooks-use-hover-lift","t":"Use Hover Lift","d":"The use-hover-lift hook.","k":"lib","s":"animbits","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"animbits:hooks-use-hover-glow","t":"Use Hover Glow","d":"The use-hover-glow hook.","k":"lib","s":"animbits","c":"lib/utility","tg":["neon"],"sb":"Motion helpers","sy":["neon"],"hc":1},{"id":"animbits:hooks-use-press","t":"Use Press","d":"The use-press hook.","k":"lib","s":"animbits","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"animbits:hooks-use-fade-in","t":"Use Fade In","d":"The use-fade-in hook.","k":"lib","s":"animbits","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"animbits:hooks-use-scale-in","t":"Use Scale In","d":"The use-scale-in hook.","k":"lib","s":"animbits","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"animbits:hooks-use-slide-in","t":"Use Slide In","d":"The use-slide-in hook.","k":"lib","s":"animbits","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"animbits:hooks-use-pulse","t":"Use Pulse","d":"The use-pulse hook.","k":"lib","s":"animbits","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"animbits:hooks-use-bounce","t":"Use Bounce","d":"The use-bounce hook.","k":"lib","s":"animbits","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"animbits:hooks-use-shimmer","t":"Use Shimmer","d":"The use-shimmer hook.","k":"lib","s":"animbits","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"animbits:hooks-use-scramble","t":"Use Scramble","d":"The use-scramble hook.","k":"lib","s":"animbits","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"animbits:hooks-use-word-carousel","t":"Use Word Carousel","d":"The use-word-carousel hook.","k":"lib","s":"animbits","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"animbits:hooks-use-magnetic","t":"Use Magnetic","d":"The use-magnetic hook.","k":"lib","s":"animbits","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"animbits:hooks-use-parallax-tilt","t":"Use Parallax Tilt","d":"The use-parallax-tilt hook.","k":"lib","s":"animbits","c":"lib/utility","tg":["3d"],"sb":"Motion helpers","sy":["3d"],"hc":1},{"id":"animbits:hooks-use-stroke-draw","t":"Use Stroke Draw","d":"The use-stroke-draw hook.","k":"lib","s":"animbits","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"animbits:hooks-index","t":"Index","d":"The index hook.","k":"lib","s":"animbits","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"animbits:icons-pulse","t":"Pulse Icon","d":"Continuous pulsing animation for icons","k":"resource","s":"animbits","c":"assets/icon","sb":"Animated","hc":1},{"id":"animbits:icons-bounce","t":"Bounce Icon","d":"One-shot bounce animation for icons with configurable triggers","k":"resource","s":"animbits","c":"assets/icon","sb":"Animated","hc":1},{"id":"animbits:icons-bounce-continuous","t":"Bounce Continuous","d":"Continuous bouncing animation for icons","k":"resource","s":"animbits","c":"assets/icon","sb":"Animated","hc":1},{"id":"animbits:icons-spin","t":"Spin Icon","d":"Continuous rotation animation for icons","k":"resource","s":"animbits","c":"assets/icon","sb":"Animated","hc":1},{"id":"animbits:icons-wiggle","t":"Wiggle Icon","d":"One-shot wiggle animation (rotate left-right) for icons","k":"resource","s":"animbits","c":"assets/icon","sb":"Animated","hc":1},{"id":"animbits:icons-shake","t":"Shake Icon","d":"One-shot shake animation (horizontal shake) for icons","k":"resource","s":"animbits","c":"assets/icon","sb":"Animated","hc":1},{"id":"animbits:icons-heartbeat","t":"Heartbeat Icon","d":"Continuous heartbeat rhythm animation for icons","k":"resource","s":"animbits","c":"assets/icon","sb":"Animated","hc":1},{"id":"animbits:icons-fade-in","t":"Fade In Icon","d":"Entrance animation with fade effect for icons","k":"resource","s":"animbits","c":"assets/icon","sb":"Animated","hc":1},{"id":"animbits:icons-scale-in","t":"Scale In Icon","d":"Entrance animation with scale effect for icons","k":"resource","s":"animbits","c":"assets/icon","sb":"Animated","hc":1},{"id":"animbits:icons-pop","t":"Pop Icon","d":"One-shot pop effect (scale from 0 to 1) for icons","k":"resource","s":"animbits","c":"assets/icon","sb":"Animated","hc":1},{"id":"animbits:icons-rotate","t":"Rotate Icon","d":"One-shot 360° rotation animation for icons","k":"resource","s":"animbits","c":"assets/icon","sb":"Animated","hc":1},{"id":"animbits:icons-stroke-draw","t":"Stroke Draw Icon","d":"SVG path stroke drawing animation for icons","k":"resource","s":"animbits","c":"assets/icon","sb":"Animated","hc":1},{"id":"animbits:specials-reaction-dock","t":"Reaction Dock","d":"A smooth, scaling dock of reaction emojis with magnification effect","s":"animbits","c":"navigation/dock","vn":1,"hc":1},{"id":"animbits:specials-animated-toast","t":"Animated Toast","d":"Detailed toast notification with slide-in animation, icon, and auto-dismiss progress bar","s":"animbits","c":"overlays/toast","hc":1},{"id":"animbits:spotlight-card","t":"Spotlight card","d":"An interactive card with a spotlight effect.","s":"animbits","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"animbits:reaction-button","t":"Reaction button","s":"animbits","c":"actions/button","sb":"Animated","hc":1},{"id":"animbits:specials-border-beam","t":"Border Beam","d":"An animated gradient border effect that travels around a container","k":"motion","s":"animbits","c":"motion/border","tg":["gradient"],"sy":["gradient"],"vn":1,"hc":1},{"id":"animbits:buttons-press","t":"Press Button","d":"Button with press-down effect on tap","s":"animbits","c":"actions/button","sb":"Animated","hc":1},{"id":"animbits:buttons-glow","t":"Glow Button","d":"Button with glow effect on hover","s":"animbits","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"],"hc":1},{"id":"animbits:buttons-lift","t":"Lift Button","d":"Button that lifts up on hover","s":"animbits","c":"actions/button","sb":"Animated","hc":1},{"id":"animbits:buttons-shine","t":"Shine Button","d":"Button with shine sweep effect on hover","s":"animbits","c":"actions/button","sb":"Animated","hc":1},{"id":"animbits:buttons-fade-in","t":"Fade In Button","d":"Button with fade-in entrance animation","s":"animbits","c":"actions/button","sb":"Animated","hc":1},{"id":"animbits:buttons-slide-in","t":"Slide In Button","d":"Button with slide-in entrance animation","s":"animbits","c":"actions/button","sb":"Animated","hc":1},{"id":"animbits:buttons-ripple","t":"Ripple Button","d":"Button with touch-aware ripple effect on click","s":"animbits","c":"actions/button","sb":"Animated","hc":1},{"id":"animbits:buttons-magnetic","t":"Magnetic Button","d":"Button with cursor-following magnetic attraction effect","s":"animbits","c":"actions/button","sb":"Animated","hc":1},{"id":"animbits:buttons-border-gradient","t":"Border Gradient Button","d":"Button with animated gradient border","k":"motion","s":"animbits","c":"motion/border","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"animbits:cards-hover-lift","t":"Hover Lift Card","d":"Card that lifts with shadow on hover","s":"animbits","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"animbits:cards-hover-glow","t":"Hover Glow Card","d":"Card with glow effect on hover","s":"animbits","c":"data-display/card","tg":["neon"],"sb":"Animated and glowing","sy":["neon"],"hc":1},{"id":"animbits:cards-fade-in","t":"Fade In Card","d":"Card with fade-in animation on mount","s":"animbits","c":"data-display/card","hc":1},{"id":"animbits:cards-scale-in","t":"Scale In Card","d":"Card with scale-in animation on mount","s":"animbits","c":"data-display/card","hc":1},{"id":"animbits:cards-slide-in","t":"Slide In Card","d":"Card that slides in from any direction on mount","s":"animbits","c":"data-display/card","hc":1},{"id":"animbits:cards-flip","t":"Flip Card","d":"Card with 3D flip animation on hover","s":"animbits","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"animbits:cards-tilt","t":"Tilt Card","d":"Card with mouse-tracking tilt effect","s":"animbits","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"hc":1},{"id":"animbits:cards-parallax-tilt","t":"Parallax Tilt Card","d":"Card with 3D parallax tilt effect and depth","s":"animbits","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"hc":1},{"id":"animbits:cards-background-zoom","t":"Background Zoom Card","d":"Card with background image zoom on hover","s":"animbits","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"animbits:text-fade-in","t":"Fade In Text","d":"Text that fades in word by word or character by character","k":"motion","s":"animbits","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"animbits:text-slide-up","t":"Slide Up Text","d":"Text that slides up word by word or character by character","k":"motion","s":"animbits","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"animbits:text-typewriter","t":"Typewriter Text","d":"Text with typewriter effect and optional blinking cursor","k":"motion","s":"animbits","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"animbits:text-gradient","t":"Gradient Text","d":"Text with animated gradient effect","k":"motion","s":"animbits","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"animbits:text-blur-in","t":"Blur In Text","d":"Text that blurs in word by word or character by character","k":"motion","s":"animbits","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"animbits:text-dia","t":"Dia Text","d":"Scroll-driven text reveal with precision blur and spring physics","k":"motion","s":"animbits","c":"motion/text-effect","hc":1},{"id":"animbits:text-shimmer","t":"Shimmer Text","d":"Text with gradient shimmer sweep animation","k":"motion","s":"animbits","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"hc":1},{"id":"animbits:text-scramble","t":"Scramble Text","d":"Hacker-style text scramble decode animation","k":"motion","s":"animbits","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"animbits:text-word-carousel","t":"Word Carousel Text","d":"Rotating word carousel animation","s":"animbits","c":"media/carousel","hc":1},{"id":"animbits:text-split-reveal","t":"Split Reveal Text","d":"Text reveals with vertical split effect","k":"motion","s":"animbits","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"animbits:text-svg-text-draw","t":"SVG Text Draw","d":"SVG path drawing animation that reveals text letter by letter with stroke animation","k":"motion","s":"animbits","c":"motion/text-effect","sb":"Handwriting and SVG","hc":1},{"id":"animbits:loaders-spinner","t":"Spinner Loader","d":"Circular spinning loader","s":"animbits","c":"status/loader","sb":"Spinners","hc":1},{"id":"animbits:loaders-dots","t":"Dots Loader","d":"Bouncing dots loader","k":"motion","s":"animbits","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"animbits:loaders-bars","t":"Bars Loader","d":"Animated height bars loader","s":"animbits","c":"status/loader","sb":"Bars","hc":1},{"id":"animbits:loaders-pulse","t":"Pulse Loader","d":"Pulsing circle loader","s":"animbits","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"animbits:loaders-skeleton","t":"Skeleton Loader","d":"Shimmer skeleton loader for content placeholders","s":"animbits","c":"status/skeleton","hc":1},{"id":"animbits:loaders-orbit","t":"Orbit Loader","d":"Spinning particles in orbit animation","s":"animbits","c":"status/loader","sb":"Spinners","hc":1},{"id":"animbits:loaders-gooey-blobs","t":"Gooey Blobs Loader","d":"Organic merging blobs animation","k":"resource","s":"animbits","c":"assets/shape","hc":1},{"id":"animbits:loaders-morphing","t":"Morphing Loader","d":"Shape-shifting morphing animation","s":"animbits","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"animbits:lists-slide-in","t":"Slide In List","d":"List with staggered slide-in animation for items","s":"animbits","c":"data-display/list","hc":1},{"id":"animbits:lists-stagger-fade","t":"Stagger Fade List","d":"List with staggered fade-in animation for items","s":"animbits","c":"data-display/list","hc":1},{"id":"animbits:icons-morph","t":"Morph Icon","d":"An icon that morphs between different states (e.g., play → pause).","k":"resource","s":"animbits","c":"assets/icon","sb":"Animated","hc":1},{"id":"animbits:cards-grayscale","t":"Grayscale Card","d":"A card with grayscale to color transition effect on hover.","s":"animbits","c":"data-display/card","hc":1},{"id":"animbits:loaders-liquid-progress","t":"Liquid Progress Loader","d":"A liquid-style progress bar that fills vertically.","s":"animbits","c":"data-viz/progress-bar","hc":1},{"id":"animbits:pages-page-transition-fade","t":"Page Transition Fade","d":"Page transition component with fade effect using View Transitions API.","s":"animbits","c":"other/other","hc":1},{"id":"animbits:pages-page-transition-link","t":"Page Transition Link","d":"Navigation link component with View Transitions API support.","s":"animbits","c":"actions/link","hc":1},{"id":"animbits:pages-page-transition-slide","t":"Page Transition Slide","d":"Page transition component with slide effect using View Transitions API.","s":"animbits","c":"other/other","hc":1},{"id":"animbits:transitions-shared-modal","t":"Shared Modal","d":"A trigger that morphs into a modal with multiple animation styles.","s":"animbits","c":"overlays/dialog","sb":"Share and invite","hc":1},{"id":"animbits:transitions-expanding-card","t":"Expanding Card","d":"Smoothly expand a card into a detail view with multiple animation styles.","s":"animbits","c":"data-display/card","hc":1},{"id":"animbits:transitions-tab-switcher","t":"Tab Switcher","d":"Animated tab navigation with multiple visual styles.","s":"animbits","c":"navigation/tabs","hc":1},{"id":"animbits:transitions-view-toggle","t":"View Toggle","d":"Smoothly rearrange items with multiple animation styles when switching views.","s":"animbits","c":"actions/switch","sb":"Animated","hc":1},{"id":"animbits:transitions-zoom-hollow","t":"Zoom Hollow Text","d":"A beautiful text transition that zooms in with a hollow outline effect.","s":"animbits","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"animbits:transitions-theme-toggle-circular","t":"Theme Toggle Circular","d":"Circular ripple animation for theme toggle using View Transitions API.","s":"animbits","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"animbits:transitions-theme-toggle-slide-bottom","t":"Theme Toggle Slide Bottom","d":"Bottom to top slide animation for theme toggle using View Transitions API.","s":"animbits","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"animbits:transitions-theme-toggle-slide-left","t":"Theme Toggle Slide Left","d":"Left to right slide animation for theme toggle using View Transitions API.","s":"animbits","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"animbits:transitions-theme-toggle-slide-right","t":"Theme Toggle Slide Right","d":"Right to left slide animation for theme toggle using View Transitions API.","s":"animbits","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"animbits:transitions-theme-toggle-slide-top","t":"Theme Toggle Slide Top","d":"Top to bottom slide animation for theme toggle using View Transitions API.","s":"animbits","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"animbits:text-highlight","t":"Text Highlight","d":"A smooth, hand-drawn marker highlight animation for text.","k":"motion","s":"animbits","c":"motion/text-effect","tg":["playful"],"sy":["playful"],"vn":1,"hc":1},{"id":"animbits:specials-swipeable-stack","t":"Swipeable Stack","d":"A deck of interactive cards with swipe gestures","s":"animbits","c":"data-display/card","vn":1,"hc":1},{"id":"animbits:specials-magnetic-drawer","t":"Magnetic Drawer","d":"A physics-based drawer with magnetic snap points","s":"animbits","c":"overlays/sheet","vn":1,"hc":1},{"id":"animbits:specials-spotlight-card","t":"Spotlight Card","d":"Interactive card with mouse-tracking spotlight effect","s":"animbits","c":"data-display/card","sb":"Animated and glowing","vn":1,"hc":1},{"id":"animbits:image-text","t":"Image Text","d":"Text with a dynamic, animated image mask background.","k":"motion","s":"animbits","c":"motion/text-effect","hc":1},{"id":"animbits:specials-linear-carousel","t":"Linear Carousel","d":"A stunning, smooth-scrolling 3D carousel inspired by Linear.","s":"animbits","c":"media/carousel","tg":["3d"],"sy":["3d"],"hc":1},{"id":"approvals-ui:approvals-core","t":"Approvals core","d":"Headless core for approval policies: Zod schema (gates, quorums, conditions, SLAs), a poli","k":"lib","s":"approvals-ui","c":"lib/utility","sb":"Formatting","hc":1},{"id":"approvals-ui:approval-node","t":"Approval node","d":"The approval gate card for React Flow: approvers with unassigned seats, quorum badge, cond","s":"approvals-ui","c":"data-display/diff","hc":1},{"id":"approvals-ui:terminal-node","t":"Terminal node","d":"Approved and rejected outcome pills for React Flow.","s":"approvals-ui","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"approvals-ui:workflow-canvas","t":"Workflow canvas","d":"Renders an ApprovalPolicy as a laid-out React Flow graph: automatic layout on real node si","s":"approvals-ui","c":"inputs/select","hc":1},{"id":"approvals-ui:validation-panel","t":"Validation panel","d":"Lists policy issues with severities: structural errors that should block activation and be","s":"approvals-ui","c":"data-display/card","hc":1},{"id":"approvals-ui:nl-edit-panel","t":"Plain language edit panel","d":"Edit the policy in plain English behind a human gate: a proposer (your LLM, or the bundled","s":"approvals-ui","c":"data-display/card","hc":1},{"id":"ark-cn:accordion","t":"Accordion","d":"A shadcn-style accordion component built with Ark UI primitives.","s":"ark-cn","c":"data-display/accordion","hc":1},{"id":"ark-cn:alert","t":"Alert","d":"A shadcn-style alert component built with Ark UI primitives.","s":"ark-cn","c":"overlays/alert-banner","hc":1},{"id":"ark-cn:alert-dialog","t":"Alert Dialog","d":"A shadcn-style alert dialog component built with Ark UI primitives.","s":"ark-cn","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"ark-cn:angle-slider","t":"Angle Slider","d":"A shadcn-style angle slider component built with Ark UI primitives.","s":"ark-cn","c":"inputs/slider","hc":1},{"id":"ark-cn:avatar","t":"Avatar","d":"A shadcn-style avatar component built with Ark UI primitives.","s":"ark-cn","c":"data-display/avatar","hc":1},{"id":"ark-cn:badge","t":"Badge","d":"A shadcn-style badge component built with Ark UI primitives.","s":"ark-cn","c":"data-display/badge","hc":1},{"id":"ark-cn:breadcrumb","t":"Breadcrumb","d":"A shadcn-style breadcrumb component built with Ark UI primitives.","s":"ark-cn","c":"navigation/breadcrumb","hc":1},{"id":"ark-cn:button","t":"Button","d":"A shadcn-style button component built with Ark UI primitives.","s":"ark-cn","c":"actions/button","vn":1,"hc":1},{"id":"ark-cn:card","t":"Card","d":"A flexible container for grouping related content and actions.","s":"ark-cn","c":"data-display/card","hc":1},{"id":"ark-cn:carousel","t":"Carousel","d":"A shadcn-style carousel component built with Ark UI primitives.","s":"ark-cn","c":"media/carousel","hc":1},{"id":"ark-cn:checkbox","t":"Checkbox","d":"A shadcn-style checkbox component built with Ark UI primitives.","s":"ark-cn","c":"inputs/checkbox","hc":1},{"id":"ark-cn:clipboard","t":"Clipboard","d":"A shadcn-style clipboard component built with Ark UI primitives.","s":"ark-cn","c":"actions/copy-button","hc":1},{"id":"ark-cn:collapsible","t":"Collapsible","d":"A shadcn-style collapsible component built with Ark UI primitives.","s":"ark-cn","c":"data-display/accordion","hc":1},{"id":"ark-cn:color-picker","t":"Color Picker","d":"A shadcn-style color picker component built with Ark UI primitives.","s":"ark-cn","c":"inputs/color-picker","hc":1},{"id":"ark-cn:combobox","t":"Combobox","d":"A shadcn-style combobox component built with Ark UI primitives.","s":"ark-cn","c":"inputs/combobox","hc":1},{"id":"ark-cn:command","t":"Command","d":"A shadcn-style command component built with Ark UI primitives.","s":"ark-cn","c":"navigation/command-palette","hc":1},{"id":"ark-cn:date-picker","t":"Date Picker","d":"A shadcn-style date picker component built with Ark UI primitives.","s":"ark-cn","c":"inputs/date-picker","hc":1},{"id":"ark-cn:dialog","t":"Dialog","d":"A shadcn-style dialog component built with Ark UI primitives.","s":"ark-cn","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"ark-cn:editable","t":"Editable","d":"A shadcn-style editable component built with Ark UI primitives.","s":"ark-cn","c":"data-display/table","hc":1},{"id":"ark-cn:empty","t":"Empty","d":"Empty state placeholder with icon, title, description, and action slots.","k":"resource","s":"ark-cn","c":"assets/icon","hc":1},{"id":"ark-cn:field","t":"Field","d":"A shadcn-style field component built with Ark UI primitives.","s":"ark-cn","c":"inputs/form-field","hc":1},{"id":"ark-cn:fieldset","t":"Fieldset","d":"A shadcn-style fieldset component built with Ark UI primitives.","s":"ark-cn","c":"inputs/form-field","hc":1},{"id":"ark-cn:file-upload","t":"File Upload","d":"A shadcn-style file upload component built with Ark UI primitives.","s":"ark-cn","c":"inputs/file-upload","hc":1},{"id":"ark-cn:floating-panel","t":"Floating Panel","d":"A shadcn-style floating panel component built with Ark UI primitives.","s":"ark-cn","c":"overlays/popover","hc":1},{"id":"ark-cn:hover-card","t":"Hover Card","d":"A shadcn-style hover card component built with Ark UI primitives.","s":"ark-cn","c":"overlays/hover-card","hc":1},{"id":"ark-cn:image-cropper","t":"Image Cropper","d":"A shadcn-style image cropper component built with Ark UI primitives.","s":"ark-cn","c":"media/gallery","hc":1},{"id":"ark-cn:input","t":"Input","d":"A shadcn-style input component built with Ark UI primitives.","s":"ark-cn","c":"inputs/form-field","hc":1},{"id":"ark-cn:input-group","t":"Input Group","d":"A shadcn-style input group component built with Ark UI primitives.","s":"ark-cn","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"ark-cn:item","t":"Item","d":"Composable list item with media, content, title, description, and action slots.","s":"ark-cn","c":"data-display/list","hc":1},{"id":"ark-cn:kbd","t":"Kbd","d":"A shadcn-style keyboard shortcut component built with Ark UI primitives.","s":"ark-cn","c":"data-display/typography","hc":1},{"id":"ark-cn:label","t":"Label","d":"A shadcn-style label component built with Ark UI primitives.","s":"ark-cn","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"ark-cn:listbox","t":"Listbox","d":"A shadcn-style listbox component built with Ark UI primitives.","s":"ark-cn","c":"inputs/select","hc":1},{"id":"ark-cn:marquee","t":"Marquee","d":"A shadcn-style marquee component built with Ark UI primitives.","k":"motion","s":"ark-cn","c":"motion/marquee","hc":1},{"id":"ark-cn:menu","t":"Menu","d":"A shadcn-style menu component built with Ark UI primitives.","s":"ark-cn","c":"navigation/menu","hc":1},{"id":"ark-cn:number-field","t":"Number Field","d":"A shadcn-style number field component built with Ark UI primitives.","s":"ark-cn","c":"inputs/number-input","hc":1},{"id":"ark-cn:pagination","t":"Pagination","d":"A shadcn-style pagination component built with Ark UI primitives.","s":"ark-cn","c":"navigation/pagination","hc":1},{"id":"ark-cn:password-input","t":"Password Input","d":"A shadcn-style password input component built with Ark UI primitives.","s":"ark-cn","c":"inputs/form-field","sb":"Password","hc":1},{"id":"ark-cn:pin-input","t":"Pin Input","d":"A shadcn-style pin input component built with Ark UI primitives.","s":"ark-cn","c":"inputs/otp-input","hc":1},{"id":"ark-cn:popover","t":"Popover","d":"A shadcn-style popover component built with Ark UI primitives.","s":"ark-cn","c":"overlays/popover","hc":1},{"id":"ark-cn:progress-circular","t":"Progress Circular","d":"A shadcn-style progress circular component built with Ark UI primitives.","s":"ark-cn","c":"data-viz/progress-bar","hc":1},{"id":"ark-cn:progress-linear","t":"Progress Linear","d":"A shadcn-style progress linear component built with Ark UI primitives.","s":"ark-cn","c":"data-viz/progress-bar","hc":1},{"id":"ark-cn:qr-code","t":"Qr Code","d":"A shadcn-style qr code component built with Ark UI primitives.","s":"ark-cn","c":"other/other","hc":1},{"id":"ark-cn:radio-group","t":"Radio Group","d":"A shadcn-style radio group component built with Ark UI primitives.","s":"ark-cn","c":"inputs/radio","hc":1},{"id":"ark-cn:rating-group","t":"Rating Group","d":"A shadcn-style rating group component built with Ark UI primitives.","s":"ark-cn","c":"inputs/rating","hc":1},{"id":"ark-cn:scroll-area","t":"Scroll Area","d":"A shadcn-style scroll area component built with Ark UI primitives.","k":"layout","s":"ark-cn","c":"layout/scroll-area","hc":1},{"id":"ark-cn:segment-group","t":"Segment Group","d":"A shadcn-style segment group component built with Ark UI primitives.","s":"ark-cn","c":"other/other","hc":1},{"id":"ark-cn:select","t":"Select","d":"A shadcn-style select component built with Ark UI primitives.","s":"ark-cn","c":"inputs/select","hc":1},{"id":"ark-cn:separator","t":"Separator","d":"A shadcn-style separator component built with Ark UI primitives.","k":"layout","s":"ark-cn","c":"layout/page-shell","hc":1},{"id":"ark-cn:sheet","t":"Sheet","d":"A shadcn-style sheet component built with Ark UI primitives.","s":"ark-cn","c":"overlays/sheet","hc":1},{"id":"ark-cn:sidebar","t":"Sidebar","d":"A shadcn-style sidebar component built with Ark UI primitives.","s":"ark-cn","c":"navigation/sidebar","hc":1},{"id":"ark-cn:signature-pad","t":"Signature Pad","d":"A shadcn-style signature pad component built with Ark UI primitives.","s":"ark-cn","c":"other/other","hc":1},{"id":"ark-cn:skeleton","t":"Skeleton","d":"Placeholder to show a loading state before content loads.","s":"ark-cn","c":"status/skeleton","hc":1},{"id":"ark-cn:slider","t":"Slider","d":"A shadcn-style slider component built with Ark UI primitives.","s":"ark-cn","c":"inputs/slider","hc":1},{"id":"ark-cn:spinner","t":"Spinner","d":"A shadcn-style spinner component built with Ark UI primitives.","s":"ark-cn","c":"status/loader","sb":"Spinners","hc":1},{"id":"ark-cn:splitter","t":"Splitter","d":"A shadcn-style splitter component built with Ark UI primitives.","s":"ark-cn","c":"other/other","hc":1},{"id":"ark-cn:steps","t":"Steps","d":"A shadcn-style steps component built with Ark UI primitives.","s":"ark-cn","c":"navigation/wizard-steps","hc":1},{"id":"ark-cn:swap","t":"Swap","d":"A shadcn-style swap component built with Ark UI primitives.","s":"ark-cn","c":"other/other","hc":1},{"id":"ark-cn:switch","t":"Switch","d":"A shadcn-style switch component built with Ark UI primitives.","s":"ark-cn","c":"actions/switch","hc":1},{"id":"ark-cn:tabs","t":"Tabs","d":"A shadcn-style tabs component built with Ark UI primitives.","s":"ark-cn","c":"navigation/tabs","hc":1},{"id":"ark-cn:tags-input","t":"Tags Input","d":"A shadcn-style tags input component built with Ark UI primitives.","s":"ark-cn","c":"inputs/form-field","hc":1},{"id":"ark-cn:textarea","t":"Textarea","d":"A shadcn-style textarea component built with Ark UI primitives.","s":"ark-cn","c":"inputs/textarea","hc":1},{"id":"ark-cn:timer","t":"Timer","d":"A shadcn-style timer component built with Ark UI primitives.","k":"motion","s":"ark-cn","c":"motion/number-ticker","hc":1},{"id":"ark-cn:toast","t":"Toast","d":"A shadcn-style toast component built with Ark UI primitives.","s":"ark-cn","c":"overlays/toast","hc":1},{"id":"ark-cn:toggle","t":"Toggle","d":"A shadcn-style toggle component built with Ark UI primitives.","s":"ark-cn","c":"actions/switch","hc":1},{"id":"ark-cn:toggle-group","t":"Toggle Group","d":"A shadcn-style toggle group component built with Ark UI primitives.","s":"ark-cn","c":"actions/switch","hc":1},{"id":"ark-cn:tooltip","t":"Tooltip","d":"A shadcn-style tooltip component built with Ark UI primitives.","s":"ark-cn","c":"overlays/tooltip","hc":1},{"id":"ark-cn:tour","t":"Tour","d":"A shadcn-style tour component built with Ark UI primitives.","s":"ark-cn","c":"other/other","hc":1},{"id":"ark-cn:tree-view","t":"Tree View","d":"A shadcn-style tree view component built with Ark UI primitives.","s":"ark-cn","c":"data-display/tree","hc":1},{"id":"ark-cn:zoom-image","t":"Zoom Image","d":"A shadcn-style zoom image component built with Ark UI primitives.","s":"ark-cn","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"ark-cn:download-trigger","t":"Download Trigger","d":"A shadcn-style download trigger utility built with Ark UI primitives.","k":"lib","s":"ark-cn","c":"lib/utility","hc":1},{"id":"ark-cn:focus-trap","t":"Focus Trap","d":"A shadcn-style focus trap utility built with Ark UI primitives.","k":"lib","s":"ark-cn","c":"lib/utility","hc":1},{"id":"ark-cn:format","t":"Format","d":"Shadcn-style format utilities (Byte, Time, RelativeTime) built with Ark UI primitives.","s":"ark-cn","c":"inputs/form-field","hc":1},{"id":"ark-cn:highlight","t":"Highlight","d":"A shadcn-style text highlight utility built with Ark UI primitives.","k":"motion","s":"ark-cn","c":"motion/text-effect","hc":1},{"id":"ark-cn:locale","t":"Locale Provider","d":"A shadcn-style locale provider utility built with Ark UI primitives.","k":"lib","s":"ark-cn","c":"lib/utility","hc":1},{"id":"ark-cn:presence","t":"Presence","d":"A shadcn-style presence utility built with Ark UI primitives.","s":"ark-cn","c":"status/status-dot","hc":1},{"id":"asanshay:command-prompt","t":"Command Prompt","d":"A keyboard-first command prompt with history and autocomplete.","s":"asanshay","c":"ai-agent/composer","hc":1},{"id":"asanshay:pointer","t":"Pointer","d":"A controllable on-screen pointer that moves to coordinates and shows thoughts.","k":"motion","s":"asanshay","c":"motion/cursor","hc":1},{"id":"asanshay:chat","t":"Chat","d":"A complete chat component that composes chat-message and chat-input and wires to /api/chat","s":"asanshay","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"asanshay:window","t":"Window","d":"A draggable, resizable window inside a container.","k":"layout","s":"asanshay","c":"layout/split-pane","hc":1},{"id":"asanshay:jsx-preview","t":"JSX Preview","d":"A preview of a JSX component rendered from a string. Useful for LLM-generated UIs.","s":"asanshay","c":"ai-agent/ai-agent","hc":1},{"id":"asanshay:select","t":"Select","d":"A lightly skinned select component.","s":"asanshay","c":"inputs/select","hc":1},{"id":"asanshay:input","t":"Input","d":"A simple input component with a tactile feel.","s":"asanshay","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"asanshay:textarea","t":"Textarea","d":"An input that can increase in height to accommodate more text.","s":"asanshay","c":"inputs/textarea","hc":1},{"id":"asanshay:chat-input","t":"Chat Input","d":"A chat input component for a nice chatbot experience. Ready for useChat().","s":"asanshay","c":"ai-agent/composer","hc":1},{"id":"asanshay:chat-message","t":"Chat Message","d":"A chat message component compatible with the Vercel AI SDK including markdown support, cop","s":"asanshay","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"asanshay:chat-tool","t":"Chat Tool","d":"A chat tool component that displays tool calls and their results.","s":"asanshay","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"asanshay:chat-reasoning","t":"Chat Reasoning","d":"A chat reasoning component for a nice chatbot experience. Ready for useChat().","s":"asanshay","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"asanshay:badge","t":"Badge","d":"A clean set of badge components with an edible look.","s":"asanshay","c":"data-display/badge","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"asanshay:button","t":"Button","d":"A button component that *feels* good to use.","s":"asanshay","c":"actions/button","hc":1},{"id":"asanshay:long-press-button","t":"Long Press Button","d":"A long-press action button with animated hold progress.","s":"asanshay","c":"actions/button","hc":1},{"id":"asanshay:reveal","t":"Reveal","d":"A simple wrapper that reveals content when it scrolls into view.","k":"motion","s":"asanshay","c":"motion/text-effect","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"asanshay:card","t":"Card","d":"A variety of clean cards, from minimal to flashy.","s":"asanshay","c":"data-display/card","tg":["minimal"],"sb":"Profile","sy":["minimal"],"hc":1},{"id":"asanshay:description-list","t":"Description List","d":"Quickly display a json object in an aesthetically pleasing way.","s":"asanshay","c":"data-display/list","hc":1},{"id":"asanshay:page-header","t":"Page Header","d":"A clean page header so your pages look consistent.","s":"asanshay","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"asanshay:motion-blur-text","t":"Motion Blur Text","d":"A cool motion blur text effect.","k":"motion","s":"asanshay","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"asanshay:code-block","t":"Code Block","d":"A code block with syntax highlighting and quick copying.","s":"asanshay","c":"actions/button","hc":1},{"id":"asanshay:markdown","t":"Markdown","d":"A markdown component with a clean look and no-frills parsing.","s":"asanshay","c":"actions/button","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"asanshay:invisible-input","t":"Invisible Input","d":"An unstyled input that looks like text; fully styleable.","s":"asanshay","c":"inputs/form-field","hc":1},{"id":"asanshay:loader","t":"Loader","d":"Custom WebGL shader loaders with 3 shapes (sphere, swirl, ripple) × 3 styles (plain, blur,","s":"asanshay","c":"status/loader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"asanshay:morphing-text","t":"Morphing Text","d":"Text that smoothly animates character changes when the value updates.","k":"motion","s":"asanshay","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"asanshay:ascii-wave","t":"ASCII Wave","d":"A flowing ASCII animation with wave-based coloring. Inspired by exa.ai.","k":"motion","s":"asanshay","c":"motion/background","tg":["retro and HUD"],"sb":"Waves and warps","sy":["retro and HUD"],"hc":1},{"id":"asanshay:color-picker","t":"Color Picker","d":"A color picker with OKLCH, HSL, RGB, and HEX support, plus Tailwind CSS presets.","s":"asanshay","c":"inputs/color-picker","hc":1},{"id":"assistant-ui:utils","t":"Utils","d":"The cn class name helper that every assistant-ui component imports from @/lib/utils.","k":"lib","s":"assistant-ui","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"assistant-ui:elements-collapsible-root","t":"Collapsible Root","d":"Ref-bearing disclosure root for assistant-ui components.","s":"assistant-ui","c":"data-display/accordion","hc":1},{"id":"assistant-ui:elements-surfaces","t":"Elements Surfaces","d":"Shared design language for the elements family: surface, ink, and motion class recipes plu","k":"lib","s":"assistant-ui","c":"lib/utility","vn":2,"hc":1},{"id":"assistant-ui:elements-range","t":"Elements Range","d":"Range normalization for the elements family: clamping a caller's counts, indexes, and shar","s":"assistant-ui","c":"inputs/slider","hc":1},{"id":"assistant-ui:elements-tokens","t":"Elements Tokens","d":"Token count formatting for the elements family: a count in the unit that keeps it short, s","s":"assistant-ui","c":"inputs/form-field","hc":1},{"id":"assistant-ui:elements-href","t":"Elements Href","d":"Link safety for the elements family: reducing a model's or a tool's URL to a target a brow","s":"assistant-ui","c":"actions/link","hc":1},{"id":"assistant-ui:elements-task","t":"Elements Task","d":"Shared task state, labels, timing, and elapsed time for task elements.","s":"assistant-ui","c":"inputs/form-field","hc":1},{"id":"assistant-ui:elements-loading-state","t":"Loading state","d":"A pixel matrix that keeps time while the model has nothing to show yet.","s":"assistant-ui","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"assistant-ui:elements-thinking-indicator","t":"Thinking indicator","d":"A live status line that names what the agent is doing right now, with elapsed time.","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"assistant-ui:elements-reasoning-panel","t":"Reasoning panel","d":"A collapsible trace that streams reasoning steps along a timeline, then settles into a sum","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"assistant-ui:elements-streaming-text","t":"Streaming text","d":"Tokens arrive softly: the newest words land in blue and settle into ink.","s":"assistant-ui","c":"ai-agent/ai-agent","hc":1},{"id":"assistant-ui:elements-typing-indicator","t":"Typing indicator","d":"The classic three dots, tuned to read as presence rather than noise.","k":"motion","s":"assistant-ui","c":"motion/text-effect","tg":["webgl"],"sb":"Typewriter","sy":["webgl"],"hc":1},{"id":"assistant-ui:elements-message-pair","t":"Message pair","d":"A user bubble and a streaming assistant reply, with actions that appear on hover.","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"assistant-ui:elements-message-branches","t":"Message branches","d":"Navigate between regenerated versions of the same answer without losing your place.","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"assistant-ui:elements-message-actions","t":"Message actions","d":"Copy, rate, and regenerate. Each action confirms itself with a small state change.","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"assistant-ui:elements-suggestions","t":"Follow up suggestions","d":"Prompt pills that stagger in after a reply and invite the next turn.","s":"assistant-ui","c":"ai-agent/composer","hc":1},{"id":"assistant-ui:elements-error-state","t":"Error state","d":"A quiet failure banner with a retry path, not a modal in your face.","s":"assistant-ui","c":"overlays/dialog","hc":1},{"id":"assistant-ui:elements-tool-call","t":"Tool call","d":"One tool invocation with its request and result tucked behind a disclosure.","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"assistant-ui:elements-run-activity","t":"Run activity","d":"Ordered commentary and tools, with a live summary and a final answer that stays visible.","s":"assistant-ui","c":"other/other","hc":1},{"id":"assistant-ui:elements-tool-timeline","t":"Tool timeline","d":"A whole working session summarized as verbs, targets, and file stats.","s":"assistant-ui","c":"data-display/timeline","hc":1},{"id":"assistant-ui:elements-terminal-block","t":"Terminal block","d":"Command output that streams line by line and ends with an exit status.","s":"assistant-ui","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"assistant-ui:elements-code-diff","t":"Code diff","d":"A unified diff with tinted additions and removals, sized for chat.","s":"assistant-ui","c":"data-display/diff","hc":1},{"id":"assistant-ui:elements-web-search","t":"Web search","d":"A search query and its results landing one by one as the agent reads.","s":"assistant-ui","c":"inputs/search","hc":1},{"id":"assistant-ui:elements-sources","t":"Sources","d":"Citations collapsed into a pill, expanding into scannable source cards.","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"assistant-ui:elements-inline-citation","t":"Inline citation","d":"Numbered references inside a sentence, each with a hover preview of its source.","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"assistant-ui:elements-image-generation","t":"Image generation","d":"A dot grid holds the frame while the image resolves out of a blur.","s":"assistant-ui","c":"media/gallery","hc":1},{"id":"assistant-ui:elements-image-gallery","t":"Image gallery","d":"A compact grid of returned images that opens each one in a shared lightbox.","s":"assistant-ui","c":"media/gallery","hc":1},{"id":"assistant-ui:elements-data-table","t":"Data table","d":"A tool's rows and columns with formatting, sorting, and a card layout in narrow columns.","s":"assistant-ui","c":"data-display/table","sb":"Data tables","hc":1},{"id":"assistant-ui:elements-number-ticker","t":"Number ticker","d":"Digits that roll into place as a count updates in real time.","k":"motion","s":"assistant-ui","c":"motion/number-ticker","hc":1},{"id":"assistant-ui:elements-agent-plan","t":"Agent plan","d":"A checklist the agent works through, with progress you can glance.","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"assistant-ui:elements-subagent-list","t":"Subagent list","d":"Parallel workers with their own progress, models, and completions.","s":"assistant-ui","c":"data-display/list","hc":1},{"id":"assistant-ui:elements-agent-status","t":"Agent status","d":"One pill that always answers: what is it doing, and for how long.","s":"assistant-ui","c":"ai-agent/ai-agent","hc":1},{"id":"assistant-ui:elements-task-card","t":"Task card","d":"A delegated task with its state, timing, result, and transcript in one card.","s":"assistant-ui","c":"data-display/card","hc":1},{"id":"assistant-ui:elements-approval-card","t":"Approval card","d":"Human in the loop: the agent asks before it runs anything with side effects.","s":"assistant-ui","c":"data-display/card","hc":1},{"id":"assistant-ui:elements-receipt-focus","t":"Receipt focus","d":"Keeps focus on a receipt when the focused answer is replaced.","s":"assistant-ui","c":"other/other","hc":1},{"id":"assistant-ui:elements-option-list","t":"Option list","d":"The agent asks a question with a few answers; the pick returns to it and stays as a receip","s":"assistant-ui","c":"data-display/list","hc":1},{"id":"assistant-ui:elements-question-flow","t":"Question flow","d":"A few short questions asked one at a time, answered together and kept as a receipt.","k":"section","s":"assistant-ui","c":"marketing/faq","hc":1},{"id":"assistant-ui:elements-recommendation-card","t":"Recommendation card","d":"The agent proposes a change with its confidence, and waits for a yes.","s":"assistant-ui","c":"data-display/card","hc":1},{"id":"assistant-ui:elements-artifact-card","t":"Artifact card","d":"A generated document as a tangible object, written live and versioned.","s":"assistant-ui","c":"data-display/card","hc":1},{"id":"assistant-ui:elements-composer","t":"Composer","d":"The unified input: attachments, commands, mentions, models, voice, and context in one surf","s":"assistant-ui","c":"ai-agent/composer","hc":1},{"id":"assistant-ui:elements-chat-panel","t":"Chat panel","d":"The whole family working together: a message, a pause, a streamed reply.","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"assistant-ui:elements-empty-state","t":"Empty state","d":"The first screen: a greeting, three ways in, and the composer front and center.","s":"assistant-ui","c":"data-display/empty-state","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"assistant-ui:elements-thread-list","t":"Thread list","d":"Conversation history with unread marks and actions that wait for hover.","s":"assistant-ui","c":"data-display/list","hc":1},{"id":"assistant-ui:elements-scroll-anchor","t":"Scroll anchor","d":"Streaming never steals your scroll position; a pill offers the way back down.","s":"assistant-ui","c":"actions/link","hc":1},{"id":"assistant-ui:elements-conversation-map","t":"Conversation map","d":"A rail of the whole thread: one tick per turn, the turn being read marked and the ones on ","s":"assistant-ui","c":"data-viz/map","hc":1},{"id":"assistant-ui:elements-todo-list","t":"Todo list","d":"The agent's own working list, rewritten mid-run as it discovers what else is needed.","s":"assistant-ui","c":"data-display/list","sb":"Tasks and to-dos","hc":1},{"id":"assistant-ui:elements-message-queue","t":"Message queue","d":"Turns you typed while a run was in flight, stacked and cancelable until it finishes.","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"assistant-ui:elements-message-attachment","t":"Attachments in a message","d":"Files as received rather than staged: an image to open, a document with its page count.","s":"assistant-ui","c":"inputs/file-upload","hc":1},{"id":"assistant-ui:elements-reviewable-diff","t":"Reviewable diff","d":"The same diff, but each hunk is a decision: keep it, discard it, apply what survived.","s":"assistant-ui","c":"data-display/diff","hc":1},{"id":"assistant-ui:elements-file-tree","t":"File tree","d":"Everything a run touched, as a tree, with the churn spelled out per file.","s":"assistant-ui","c":"data-display/tree","hc":1},{"id":"assistant-ui:elements-elicitation-form","t":"Elicitation form","d":"A server pausing mid-tool-call to ask you for the fields it still needs.","s":"assistant-ui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"assistant-ui:elements-retrieval-chunks","t":"Retrieval chunks","d":"The passages a retrieval answer stands on, scored, before the answer itself arrives.","s":"assistant-ui","c":"other/other","hc":1},{"id":"assistant-ui:elements-chart","t":"Chart","d":"Area, line, and bars, with points landing one at a time as the series streams in.","s":"assistant-ui","c":"data-viz/chart","hc":1},{"id":"assistant-ui:elements-media-player","t":"Media player","d":"Audio and video a tool returned, played inline without leaving the thread.","s":"assistant-ui","c":"media/player","hc":1},{"id":"assistant-ui:elements-trace-waterfall","t":"Trace waterfall","d":"Every span in a run on one time axis, nested, so you can see where it actually went.","s":"assistant-ui","c":"other/other","hc":1},{"id":"assistant-ui:elements-canvas-split","t":"Canvas","d":"The thread steps aside and the document takes the room, still being written as you read.","k":"motion","s":"assistant-ui","c":"motion/background","hc":1},{"id":"assistant-ui:elements-voice-conversation","t":"Voice conversation","d":"A live call: the orb tracks your voice, the caption names the turn, the transcript follows","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"assistant-ui:elements-read-aloud","t":"Read aloud","d":"An answer played back, the spoken word lit as it goes, speed under your thumb.","k":"motion","s":"assistant-ui","c":"motion/text-effect","hc":1},{"id":"assistant-ui:elements-mcp-server-panel","t":"Server panel","d":"Which servers are connected, what each one brought, and which is still waiting on you.","s":"assistant-ui","c":"data-display/card","hc":1},{"id":"assistant-ui:elements-feedback-dialog","t":"Feedback dialog","d":"A thumbs-down that asks why, so the signal arrives with a reason attached.","s":"assistant-ui","c":"overlays/dialog","hc":1},{"id":"assistant-ui:elements-quote-reply","t":"Quote reply","d":"Select a phrase in an answer and a toolbar offers to quote, explain, or rewrite it.","s":"assistant-ui","c":"inputs/select","hc":1},{"id":"assistant-ui:elements-edit-message","t":"Edit a sent message","d":"Rewrite a turn in place, told up front how many replies the edit throws away.","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"assistant-ui:elements-stopped-run","t":"Stopped run","d":"You pressed stop. The half-written answer stays, and continuing is one tap away.","s":"assistant-ui","c":"other/other","hc":1},{"id":"assistant-ui:elements-message-timing","t":"Timing footer","d":"What the turn cost: time to first token, throughput, tokens, money.","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"assistant-ui:elements-connection-state","t":"Connection state","d":"The socket drops, the run keeps going on the server, and the stream is picked back up.","s":"assistant-ui","c":"data-display/stat","hc":1},{"id":"assistant-ui:elements-agent-card","t":"Agent card","d":"Who you are about to talk to: its skills, its model, and the endpoint behind it.","s":"assistant-ui","c":"ai-agent/ai-agent","hc":1},{"id":"assistant-ui:elements-draft-restore","t":"Draft restore","d":"Come back to a thread and the sentence you never sent is still waiting.","s":"assistant-ui","c":"other/other","hc":1},{"id":"assistant-ui:elements-diagram","t":"Diagram","d":"A drawn answer with zoom, reset, and a full-bleed view; you hand it the rendered graphic.","s":"assistant-ui","c":"media/gallery","hc":1},{"id":"assistant-ui:elements-flow-graph","t":"Flow graph","d":"Work as a graph rather than a list: branches that fan out and rejoin.","s":"assistant-ui","c":"data-viz/chart","sb":"Flow and funnel","hc":1},{"id":"assistant-ui:elements-activity-graph","t":"Activity graph","d":"A half-year of runs as a calendar of cells, dense where the work was.","s":"assistant-ui","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"assistant-ui:elements-tool-group","t":"Parallel tools","d":"Calls that went out together, collapsed to one row until you want the detail.","s":"assistant-ui","c":"data-display/list","hc":1},{"id":"assistant-ui:elements-context-breakdown","t":"Context breakdown","d":"Where the window actually went: prompt, tools, files, conversation, and what's left.","s":"assistant-ui","c":"ai-agent/composer","hc":1},{"id":"assistant-ui:elements-model-picker","t":"Model picker","d":"The full list rather than the rail: grouped by family, priced, with what each one can do.","s":"assistant-ui","c":"ai-agent/ai-agent","hc":1},{"id":"assistant-ui:elements-reasoning-effort","t":"Reasoning effort","d":"How hard to think, and how much of that budget the run actually spent.","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"assistant-ui:elements-guardrail-notice","t":"Guardrail notice","d":"A refusal in its own shape, with the nearest thing it can do instead.","s":"assistant-ui","c":"overlays/alert-banner","hc":1},{"id":"assistant-ui:elements-day-separator","t":"Timestamps","d":"Chronology in a long thread: days marked, times on hover.","k":"layout","s":"assistant-ui","c":"layout/page-shell","hc":1},{"id":"assistant-ui:elements-speaker-identity","t":"Speaker identity","d":"Who is talking, once a thread holds more than a user and one model.","s":"assistant-ui","c":"other/other","hc":1},{"id":"assistant-ui:elements-regenerate-menu","t":"Regenerate with","d":"Fork the same turn to a different model instead of rolling the same dice.","s":"assistant-ui","c":"navigation/menu","hc":1},{"id":"assistant-ui:elements-confidence-marker","t":"Confidence","d":"Which claims came from a source, which were inferred, and which are guesses.","s":"assistant-ui","c":"other/other","hc":1},{"id":"assistant-ui:elements-tool-error","t":"Tool failure","d":"One call failed. The error, the attempt count, and a retry that doesn't restart the turn.","s":"assistant-ui","c":"other/other","hc":1},{"id":"assistant-ui:elements-permission-grant","t":"Permission grant","d":"Granting a capability rather than approving one action, with the reach spelled out.","s":"assistant-ui","c":"other/other","hc":1},{"id":"assistant-ui:elements-computer-use","t":"Computer use","d":"The screen the agent is driving, with a cursor trail and what it is doing right now.","s":"assistant-ui","c":"ai-agent/ai-agent","hc":1},{"id":"assistant-ui:elements-code-runner","t":"Code runner","d":"A snippet with a run button, and the output it produced attached below it.","s":"assistant-ui","c":"actions/button","hc":1},{"id":"assistant-ui:elements-document-reference","t":"Document reference","d":"A document the answer leans on, with the quoted passage and the page to jump to.","s":"assistant-ui","c":"other/other","hc":1},{"id":"assistant-ui:elements-memory-chips","t":"Memory","d":"What it now remembers about you, written during the turn and removable.","s":"assistant-ui","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"assistant-ui:elements-research-report","t":"Research report","d":"An outline that fills in section by section, each carrying the sources behind it.","s":"assistant-ui","c":"other/other","hc":1},{"id":"assistant-ui:elements-map-answer","t":"Map","d":"A location answer: pins, a route between them, and the list they came from.","s":"assistant-ui","c":"data-viz/map","hc":1},{"id":"assistant-ui:elements-geo-map","t":"Geo map","d":"Places and routes on a real tiled map, with an accessible list of every place.","s":"assistant-ui","c":"data-viz/map","hc":1},{"id":"assistant-ui:elements-math-block","t":"Math","d":"Rendered expressions with the working shown, one step at a time.","s":"assistant-ui","c":"other/other","hc":1},{"id":"assistant-ui:elements-spec-sheet","t":"Spec sheet","d":"The most common structured answer after a table: one object, labeled.","s":"assistant-ui","c":"overlays/sheet","hc":1},{"id":"assistant-ui:elements-comparison-card","t":"Comparison","d":"Two options weighed side by side, with the pick named and argued.","k":"section","s":"assistant-ui","c":"marketing/comparison","hc":1},{"id":"assistant-ui:elements-timeline","t":"Timeline","d":"Events on a time axis, with what already happened and what is still coming.","s":"assistant-ui","c":"data-display/timeline","hc":1},{"id":"assistant-ui:elements-job-progress","t":"Long job","d":"Work measured in minutes: weighted stages, an ETA, and a way out.","s":"assistant-ui","c":"data-viz/progress-bar","hc":1},{"id":"assistant-ui:elements-score-breakdown","t":"Score breakdown","d":"A verdict with its arithmetic shown: criteria, weights, and what pulled it down.","s":"assistant-ui","c":"other/other","hc":1},{"id":"assistant-ui:elements-cost-meter","t":"Cost meter","d":"What the run spent, split by model, against the session total.","s":"assistant-ui","c":"data-viz/gauge","hc":1},{"id":"assistant-ui:elements-quota-banner","t":"Quota","d":"How much is left, when it comes back, and the way to get more.","s":"assistant-ui","c":"overlays/alert-banner","hc":1},{"id":"assistant-ui:elements-agent-handoff","t":"Handoff","d":"Control passing between agents, with the reason and what came along.","s":"assistant-ui","c":"ai-agent/ai-agent","hc":1},{"id":"assistant-ui:elements-background-inbox","t":"Background runs","d":"Work still going somewhere else, and the results waiting to be collected.","s":"assistant-ui","c":"overlays/notifications","hc":1},{"id":"assistant-ui:elements-checkpoint-history","t":"Checkpoints","d":"Points you can fall back to, with what each one would give back.","s":"assistant-ui","c":"data-display/timeline","hc":1},{"id":"assistant-ui:elements-schedule-card","t":"Schedule","d":"A run that repeats on its own, with its cadence and how it has been doing.","s":"assistant-ui","c":"data-display/calendar","hc":1},{"id":"assistant-ui:elements-prompt-library","t":"Prompt library","d":"Prompts you saved, searchable, with their variables shown before you insert one.","s":"assistant-ui","c":"ai-agent/composer","hc":1},{"id":"assistant-ui:elements-command-palette","t":"Command palette","d":"Everything the app can do, one keystroke away and grouped by where it acts.","s":"assistant-ui","c":"navigation/command-palette","hc":1},{"id":"assistant-ui:elements-shared-conversation","t":"Shared conversation","d":"A read-only transcript someone sent you, with a way to pick it up yourself.","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"assistant-ui:elements-conversation-search","t":"Search in conversation","d":"Find inside a long thread, with every hit marked down the scrollbar.","s":"assistant-ui","c":"inputs/search","hc":1},{"id":"assistant-ui:elements-thread-search","t":"Thread search","d":"History you can actually get back into: pinned first, then grouped by when.","s":"assistant-ui","c":"inputs/search","hc":1},{"id":"assistant-ui:elements-launcher-bubble","t":"Launcher","d":"The floating entry point, and the panel it opens into.","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"assistant-ui:elements-settings-panel","t":"Settings","d":"Model, system prompt, temperature, and what the assistant is allowed to do.","k":"layout","s":"assistant-ui","c":"flows/settings","hc":1},{"id":"assistant-ui:elements-onboarding","t":"Onboarding","d":"First run: three moves that teach what this assistant is actually for.","s":"assistant-ui","c":"navigation/wizard-steps","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"assistant-ui:elements-mobile-composer","t":"Mobile composer","d":"The bottom sheet: keyboard-aware, quick actions above, thumb-sized targets.","s":"assistant-ui","c":"ai-agent/composer","hc":1},{"id":"assistant-ui:shimmer-style","t":"Shimmer Style","d":"Keyframes and theme variables for the streaming shimmer animation.","k":"theme","s":"assistant-ui","c":"themes/style"},{"id":"assistant-ui:chat/b/ai-sdk-quick-start/json","t":"AI SDK Quick Start","d":"Assistant page wired to the AI SDK chat route, with the thread component installed.","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"assistant-ui:ai-sdk-backend","t":"AI SDK Backend","d":"Next.js route handler that streams chat completions through the AI SDK.","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"assistant-ui:ai-sdk-backend-resumable","t":"AI SDK Resumable Backend","d":"AI SDK route handlers with resumable stream context, so a run survives a reload.","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"assistant-ui:eve-chat","t":"Eve Chat","d":"Chat page for an Eve agent, rendering the session through an assistant-ui thread.","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"assistant-ui:eve-ask-question","t":"Eve Ask Question","d":"Renders Eve's built-in ask_question tool as a standalone question with answer controls, ou","s":"assistant-ui","c":"other/other","hc":1},{"id":"assistant-ui:thread","t":"Thread","d":"Chat container with message list, composer, auto scroll, and accessibility built in.","s":"assistant-ui","c":"ai-agent/composer","hc":1},{"id":"assistant-ui:elements-voice","t":"Voice Orb","d":"The props-driven voice orb: five session states and four palettes, no runtime required.","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Voice","hc":1},{"id":"assistant-ui:elements-context-display","t":"Context Display Core","d":"The props-driven context usage display: ring, bar, and text presets with the usage popover","s":"assistant-ui","c":"overlays/popover","hc":1},{"id":"assistant-ui:elements-context-usage","t":"Elements Context Usage","d":"Shared usage colors and segment labels for context displays.","s":"assistant-ui","c":"inputs/form-field","hc":1},{"id":"assistant-ui:voice","t":"Voice","d":"Realtime voice session controls with connect, mute, and a status indicator.","s":"assistant-ui","c":"data-display/stat","hc":1},{"id":"assistant-ui:voice-conversation","t":"Voice conversation","d":"The live call screen bound to the thread's voice session: orb, caption, transcript, mute, ","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"assistant-ui:task-card","t":"Task card","d":"A runtime task card with nested transcripts, timing, results, and grouped task lanes.","s":"assistant-ui","c":"data-display/card","hc":1},{"id":"assistant-ui:agent-status","t":"Agent status","d":"A runtime task summary chip with an optional tray for every task in the thread.","s":"assistant-ui","c":"ai-agent/ai-agent","hc":1},{"id":"assistant-ui:use-copy-to-clipboard","t":"Use Copy To Clipboard","d":"Copy text to the clipboard with a temporary copied state.","k":"lib","s":"assistant-ui","c":"lib/hook","hc":1},{"id":"assistant-ui:markdown-text","t":"Markdown Text","d":"Render assistant markdown with headings, lists, links, and code blocks.","k":"motion","s":"assistant-ui","c":"motion/text-effect","hc":1},{"id":"assistant-ui:reasoning","t":"Reasoning","d":"Collapsible panel for assistant reasoning and thinking content.","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"assistant-ui:conversation-map","t":"Conversation Map","d":"Runtime-backed thread rail: a tick per turn, the turn being read marked and the ones on sc","s":"assistant-ui","c":"data-viz/map","hc":1},{"id":"assistant-ui:elements-reasoning","t":"Reasoning Panel","d":"The props-driven reasoning disclosure: streaming preview, fades, and variants, no runtime ","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"assistant-ui:message-timing","t":"Message Timing","d":"Badge with streaming stats: time to first token, total time, and tokens per second.","s":"assistant-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"assistant-ui:context-display","t":"Context Display","d":"Token usage against a model's context window as a ring, bar, or text, with a hover popover","s":"assistant-ui","c":"overlays/popover","hc":1},{"id":"assistant-ui:thread-list","t":"Thread List","d":"Sidebar or dropdown for switching conversations, with search and active selection.","s":"assistant-ui","c":"data-display/list","hc":1},{"id":"assistant-ui:mcp-config","t":"MCP Config Dialog","d":"Dialog listing MCP connectors and custom servers, with OAuth and bearer auth controls.","s":"assistant-ui","c":"overlays/dialog","hc":1},{"id":"assistant-ui:elements-mcp-config-state","t":"Elements MCP Config State","d":"Shared focus and announcement state for MCP config dialogs.","k":"section","s":"assistant-ui","c":"marketing/announcement","hc":1},{"id":"assistant-ui:use-attachment-src","t":"Use Attachment Src","d":"Resolve an image attachment to a preview source URL.","k":"lib","s":"assistant-ui","c":"lib/hook","hc":1},{"id":"assistant-ui:attachment","t":"Attachment","d":"Attach files from the composer and view them inside messages.","s":"assistant-ui","c":"inputs/file-upload","hc":1},{"id":"assistant-ui:follow-up-suggestions","t":"Follow Up Suggestions","d":"Prompt chips rendered from runtime generated follow up suggestions.","s":"assistant-ui","c":"ai-agent/composer","hc":1},{"id":"assistant-ui:tooltip-icon-button","t":"Tooltip Icon Button","d":"Icon button with an accessible tooltip label, shared across the assistant UI components.","s":"assistant-ui","c":"actions/button","sb":"Icon buttons","hc":1},{"id":"assistant-ui:syntax-highlighter","t":"Syntax Highlighter","d":"Code block highlighting powered by react-syntax-highlighter.","s":"assistant-ui","c":"data-display/code-block","hc":1},{"id":"assistant-ui:elements-modal-size","t":"Elements Modal Size","d":"Shared resizing and stored size for the assistant modal.","s":"assistant-ui","c":"overlays/dialog","hc":1},{"id":"assistant-ui:assistant-modal","t":"Assistant Modal","d":"Floating chat bubble for support widgets and help desks, with a thread list and a resizabl","s":"assistant-ui","c":"ai-agent/ai-agent","hc":1},{"id":"assistant-ui:assistant-sidebar","t":"Assistant Sidebar","d":"Side panel chat for copilot experiences and inline assistance.","s":"assistant-ui","c":"ai-agent/ai-agent","hc":1},{"id":"assistant-ui:tool-fallback","t":"Tool Fallback","d":"Default renderer for tool calls that have no dedicated UI.","s":"assistant-ui","c":"other/other","hc":1},{"id":"assistant-ui:tool-group","t":"Tool Group","d":"Collapsible wrapper around consecutive tool calls.","s":"assistant-ui","c":"data-display/accordion","hc":1},{"id":"assistant-ui:shiki-highlighter","t":"Shiki Highlighter","d":"Code block highlighting powered by react-shiki.","s":"assistant-ui","c":"data-display/code-block","hc":1},{"id":"assistant-ui:elements-shiki-highlighter","t":"Shiki Highlighter","d":"The props-driven Shiki code block: streaming-aware highlighting, no runtime required.","s":"assistant-ui","c":"data-display/code-block","hc":1},{"id":"assistant-ui:mermaid-diagram","t":"Mermaid Diagram","d":"Render Mermaid diagrams in messages, including while they stream.","s":"assistant-ui","c":"ai-agent/ai-agent","hc":1},{"id":"assistant-ui:elements-mermaid-diagram","t":"Mermaid Diagram","d":"The props-driven Mermaid renderer: zoom overlay, skeleton, and error fallback, no runtime ","s":"assistant-ui","c":"status/skeleton","hc":1},{"id":"assistant-ui:diff-viewer","t":"Diff Viewer","d":"Render code diffs with highlighted additions and deletions.","s":"assistant-ui","c":"data-display/diff","hc":1},{"id":"assistant-ui:threadlist-sidebar","t":"Thread List Sidebar","d":"Sidebar shell that hosts the thread list beside a thread.","s":"assistant-ui","c":"navigation/sidebar","hc":1},{"id":"assistant-ui:quote","t":"Quote","d":"Select and quote message text with a floating toolbar and a composer preview.","s":"assistant-ui","c":"ai-agent/composer","hc":1},{"id":"assistant-ui:sources","t":"Sources","d":"Display URL sources with favicon, title, and an external link.","s":"assistant-ui","c":"actions/link","hc":1},{"id":"assistant-ui:image","t":"Image","d":"Display image parts with preview, loading states, and a fullscreen dialog.","s":"assistant-ui","c":"media/gallery","hc":1},{"id":"assistant-ui:file","t":"File","d":"Display file parts with icon, name, size, and a download button, playing audio and video i","s":"assistant-ui","c":"actions/button","hc":1},{"id":"assistant-ui:model-selector","t":"Model Selector","d":"Model picker with reasoning effort levels, search, and runtime integration.","s":"assistant-ui","c":"ai-agent/ai-agent","hc":1},{"id":"assistant-ui:elements-model-selector","t":"Model Selector","d":"The props-driven model picker: search, groups, and reasoning effort levels, no runtime req","s":"assistant-ui","c":"ai-agent/ai-agent","hc":1},{"id":"assistant-ui:elements-model-selection","t":"Elements Model Selection","d":"Shared model selection state and effort resolution for model selectors.","s":"assistant-ui","c":"inputs/select","hc":1},{"id":"assistant-ui:logos","t":"Logos","d":"Model provider logos as inline SVG components.","k":"resource","s":"assistant-ui","c":"assets/logo","hc":1},{"id":"assistant-ui:select","t":"Select","d":"Dropdown select with composable trigger, content, and item components.","s":"assistant-ui","c":"inputs/select","hc":1},{"id":"assistant-ui:direction","t":"Direction Provider","d":"Direction provider and hook for right to left layouts.","s":"assistant-ui","c":"other/other","hc":1},{"id":"assistant-ui:badge","t":"Badge","d":"Small label for status, categories, and metadata.","s":"assistant-ui","c":"data-display/badge","hc":1},{"id":"assistant-ui:tabs","t":"Tabs","d":"Tabs for organizing content into switchable panels.","s":"assistant-ui","c":"navigation/tabs","hc":1},{"id":"assistant-ui:accordion","t":"Accordion","d":"Stacked headings that reveal or hide content sections.","s":"assistant-ui","c":"data-display/accordion","hc":1},{"id":"assistant-ui:dot-matrix","t":"Dot Matrix","d":"5x5 dot matrix indicator with state specific blink patterns.","s":"assistant-ui","c":"data-display/stat","hc":1},{"id":"assistant-ui:number-roll","t":"Number Roll","d":"Animated number that rolls its digits odometer style when the value changes.","k":"motion","s":"assistant-ui","c":"motion/number-ticker","hc":1},{"id":"assistant-ui:heat-graph","t":"Heat Graph","d":"Activity heat map with month and weekday labels.","s":"assistant-ui","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"assistant-ui:composer-trigger-popover","t":"Composer Trigger Popover","d":"Character triggered picker for @ mentions, / commands, and similar popovers.","s":"assistant-ui","c":"ai-agent/composer","hc":1},{"id":"assistant-ui:directive-text","t":"Directive Text","d":"Render mention directives as inline chips in user messages.","k":"motion","s":"assistant-ui","c":"motion/text-effect","hc":1},{"id":"assistant-ui:elements-directive-text","t":"Directive Text","d":"The props-driven directive chip renderer: bring your own formatter, no runtime required.","k":"motion","s":"assistant-ui","c":"motion/text-effect","hc":1},{"id":"assistant-ui:generative-ui-style","t":"Generative UI Style","d":"Theme variables and vocabulary CSS for generative UI output.","k":"theme","s":"assistant-ui","c":"themes/style"},{"id":"assistant-ui:generative-ui","t":"Generative UI","d":"Styled component library for rendering generative UI output.","s":"assistant-ui","c":"other/other","hc":1},{"id":"atelier:fluid-distortion","t":"Fluid Distortion","d":"A fluid distortion effect that follows the cursor.","k":"motion","s":"atelier","c":"motion/shader","hc":1},{"id":"atelier:pixel-trail","t":"Pixel Trail","d":"A trail of pixels that follows the cursor.","k":"motion","s":"atelier","c":"motion/cursor","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"atelier:magnetic-dot-grid","t":"Magnetic Dot Grid","d":"A grid of dots that reacts to the cursor.","k":"motion","s":"atelier","c":"motion/cursor","hc":1},{"id":"atelier:pixelated-text","t":"Pixelated Text","d":"Text that pixelates in and out.","k":"motion","s":"atelier","c":"motion/text-effect","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"atelier:image-trail","t":"Image Trail","d":"A trail of images that follows the cursor.","s":"atelier","c":"media/gallery","hc":1},{"id":"atelier:infinite-gallery","t":"Infinite Gallery","d":"A gallery that loops forever.","s":"atelier","c":"media/gallery","hc":1},{"id":"atelier:text-scramble","t":"Text Scramble","d":"Text that scrambles into place.","k":"motion","s":"atelier","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"atelier:liquid-media","t":"Liquid Media","d":"An image or video that ripples under the cursor.","s":"atelier","c":"media/player","hc":1},{"id":"atelier:infinite-parallax","t":"Infinite Parallax","d":"Infinite scrolling columns with parallax.","k":"layout","s":"atelier","c":"layout/scroll-area","hc":1},{"id":"atelier:infinite-zoom","t":"Infinite Zoom","d":"An infinite zoom through images.","s":"atelier","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"atelier:scattered-scroll","t":"Scattered Scroll","d":"Items that spread apart while scrolling.","k":"layout","s":"atelier","c":"layout/scroll-area","hc":1},{"id":"atelier:text-split","t":"Text Split","d":"A utility that splits text for animation.","k":"motion","s":"atelier","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"atelier:text-bounce","t":"Text Bounce","d":"Text that bounces away on hover.","k":"motion","s":"atelier","c":"motion/text-effect","sb":"Bouncy and wavy","hc":1},{"id":"atelier:webgl-portal","t":"Webgl Portal","d":"A shared portal between the DOM and the canvas.","k":"motion","s":"atelier","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"atelier:webgl-provider","t":"Webgl Provider","d":"A single shared WebGL canvas for the whole app.","k":"motion","s":"atelier","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"atelier:smooth-scroll","t":"Smooth Scroll","d":"Smooth scrolling for the whole page.","k":"layout","s":"atelier","c":"layout/scroll-area","hc":1},{"id":"atelier:webgl-image","t":"Webgl Image","d":"A WebGL plane that mirrors an image.","s":"atelier","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"atelier:webgl-video","t":"Webgl Video","d":"A WebGL plane that mirrors a video.","s":"atelier","c":"media/player","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"atelier:webgl-text","t":"Webgl Text","d":"A WebGL plane that mirrors text.","k":"motion","s":"atelier","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"atelier:curve-media","t":"Curve Media","d":"An image or video that bends as you scroll.","s":"atelier","c":"media/player","hc":1},{"id":"atelier:lens-media","t":"Lens Media","d":"An image or video with a cursor-following lens.","s":"atelier","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"atelier:text-fluid","t":"Text Fluid","d":"Text with an animated shimmer and distortion.","k":"motion","s":"atelier","c":"motion/shader","hc":1},{"id":"atelier:pixel-media","t":"Pixel Media","d":"An image or video that breaks into pixels under the cursor.","s":"atelier","c":"media/player","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"atelier:webgl-scene","t":"Webgl Scene","d":"A viewport with its own scene and camera on the shared canvas.","k":"motion","s":"atelier","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"atelier:sphere-gallery","t":"Sphere Gallery","d":"A gallery of images mapped onto a sphere.","s":"atelier","c":"media/gallery","hc":1},{"id":"atelier:spiral-gallery","t":"Spiral Gallery","d":"An infinite carousel of images staggered along a spiraling tube that scrolls indefinitely.","s":"atelier","c":"media/gallery","hc":1},{"id":"atelier:pixel-scroll","t":"Pixel Scroll","d":"A grid of pixels that fills in as you scroll.","k":"layout","s":"atelier","c":"layout/scroll-area","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"atelier:orbit-gallery","t":"Orbit Gallery","d":"A gallery of images on rotating rings.","s":"atelier","c":"media/gallery","hc":1},{"id":"atelier:edge-bounce","t":"Edge Bounce","d":"A wrapper that bounces away from the cursor on hover.","k":"motion","s":"atelier","c":"motion/cursor","hc":1},{"id":"atelier:agent-rules","t":"Agent Rules","d":"Wiring rules an AI agent reads before using Atelier components.","s":"atelier","c":"ai-agent/ai-agent","hc":1},{"id":"atelier:base","t":"Base","d":"The Atelier system: one shared canvas, smooth scroll, and the agent rules.","s":"atelier","c":"ai-agent/ai-agent"},{"id":"atelier:text-roll","t":"Text Roll","d":"Text that rolls through its letters.","k":"motion","s":"atelier","c":"motion/text-effect"},{"id":"atelier:halftone-glow","t":"Halftone Glow","d":"A glowing halftone background.","k":"motion","s":"atelier","c":"motion/background","tg":["neon"],"sb":"Gradients and aurora","sy":["neon"]},{"id":"atelier:elastic-stick","t":"Elastic Stick","d":"Items that bounce and stick to the center while scrolling.","s":"atelier","c":"data-display/list"},{"id":"atelier:glowing-fog","t":"Glowing Fog","d":"A glowing fog background.","k":"motion","s":"atelier","c":"motion/background","tg":["neon"],"sb":"Gradients and aurora","sy":["neon"]},{"id":"atelier:gradient-flow","t":"Gradient Flow","d":"An animated flowing gradient background.","k":"motion","s":"atelier","c":"motion/gradient","tg":["gradient"],"sy":["gradient"]},{"id":"atelier:wavy-scroll","t":"Wavy Scroll","d":"Text and images that wave across the screen while scrolling.","k":"layout","s":"atelier","c":"layout/scroll-area"},{"id":"atelier:letter-swarm","t":"Letter Swarm","d":"Letters that come together into readable text as you scroll, then scatter again.","k":"motion","s":"atelier","c":"motion/text-effect"},{"id":"atelier:magnify-trail","t":"Magnify Trail","d":"Images that traverse the screen, magnifying and rising to the top of the stack as they pas","s":"atelier","c":"media/gallery","sb":"Zoom and lens"},{"id":"atelier:stacking-grid","t":"Stacking Grid","d":"A configurable grid of cards that stacks to the center while scrolling.","s":"atelier","c":"data-display/card"},{"id":"atelier:scattered-grid","t":"Scattered Grid","d":"A grid that scatters away from the hovered item.","s":"atelier","c":"data-display/list"},{"id":"atelier:hover-burst","t":"Hover Burst","d":"Images or items that burst around the cursor when it enters an element.","s":"atelier","c":"data-display/list"},{"id":"atelier:tag-cloud","t":"Tag Cloud","d":"Flat images scattered over a draggable sphere, where depth is only a change of scale.","s":"atelier","c":"data-display/badge","tg":["3d"],"sb":"Tags and pills","sy":["3d"]},{"id":"atelier:falling-text","t":"Falling Text","d":"Text that falls and bounces when the cursor moves over it.","k":"motion","s":"atelier","c":"motion/text-effect"},{"id":"atelier:image-bloom","t":"Image Bloom","d":"Images that pop up along the cursor's path and fade out behind it.","s":"atelier","c":"media/gallery"},{"id":"atelier:dither-cursor","t":"Dither Cursor","d":"A trail of dithered dots that follows the cursor and bends the scene behind it.","k":"motion","s":"atelier","c":"motion/cursor"},{"id":"atelier:page-transition","t":"Page Transition","d":"A route transition engine that covers the page during navigation.","s":"atelier","c":"other/other","hc":1},{"id":"atelier:clip-transition","t":"Clip Transition","d":"A page transition that clips and scales the page behind a cover.","s":"atelier","c":"data-display/stat","hc":1},{"id":"atelier:band-transition","t":"Band Transition","d":"A page transition that sweeps staggered bands across the page.","s":"atelier","c":"data-display/badge","hc":1},{"id":"atelier:stripe-transition","t":"Stripe Transition","d":"A page transition that wipes a staggered grid of stripes across the page.","s":"atelier","c":"data-display/badge","hc":1},{"id":"atelier:pixel-transition","t":"Pixel Transition","d":"A page transition that pixelates the screen with a fixed grid of squares.","s":"atelier","c":"other/other","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"atomloader:atom-loader","t":"Atom Loader","d":"Universal CSS-animated matrix loader with 500+ pattern configurations.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:dot-pulse-loader","t":"Dot Pulse","d":"A single central dot rhythmically pulsing with a soft glow.","s":"atomloader","c":"status/loader","tg":["neon"],"sb":"Dots and pulse","sy":["neon"],"hc":1},{"id":"atomloader:dot-duo-orbit-loader","t":"Dot Duo Orbit","d":"Two opposing dots revolving around a vacant center point.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:dot-trio-breathe-loader","t":"Dot Trio Breathe","d":"Three collinear dots breathing with phase-shifted opacity.","s":"atomloader","c":"status/loader","tg":["webgl"],"sb":"Dots and pulse","sy":["webgl"],"hc":1},{"id":"atomloader:dot-quad-spin-loader","t":"Dot Quad Spin","d":"Four cardinal dots chasing each other in a continuous circular sequence.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:dot-cross-bounce-loader","t":"Dot Cross Bounce","d":"Five dots forming a plus shape with energetic cross-harmonic bouncing.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:dot-linear-cascade-loader","t":"Dot Linear Cascade","d":"A 5-dot horizontal row cascading left-to-right like a laser line.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:dot-vertical-drip-loader","t":"Dot Vertical Drip","d":"A vertical stream of five particles falling smoothly downwards.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:dot-diagonal-meteor-loader","t":"Dot Diagonal Meteor","d":"A diagonal streak of particles traveling downwards from corner to corner.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:dot-corner-ping-loader","t":"Dot Corner Ping","d":"Four corner dots bouncing alternating energy across diagonals.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:dot-center-burst-loader","t":"Dot Center Burst","d":"A center particle exploding outward to 8 surrounding boundary dots.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:dot-split-merge-loader","t":"Dot Split Merge","d":"Two particles split from center, travel to opposite edges, and return.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:dot-snake-3x3-loader","t":"Dot Snake 3x #3","d":"A single particle tracing a continuous 3x3 serpentine path.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:dot-flicker-sparse-loader","t":"Dot Flicker Sparse","d":"A randomized constellation of 6 sparse dots flickering unpredictably.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:dot-magnet-pull-loader","t":"Dot Magnet Pull","d":"Outer perimeter dots pulled simultaneously toward the gravitational center.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:dot-twin-helix-loader","t":"Dot Twin Helix","d":"Two interlaced vertical particle paths waving in counter-phase oscillation.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:dot-leapfrog-line-loader","t":"Dot Leapfrog Line","d":"Particles leapfrogging over one another across a horizontal corridor.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:dot-vortex-micro-loader","t":"Dot Vortex Micro","d":"A tight 4-dot vortex spinning with accelerating angular momentum.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:dot-echo-pulse-loader","t":"Dot Echo Pulse","d":"A primary dot pulse followed by twin secondary micro-echoes.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:dot-asym-corner-loader","t":"Dot Asym Corner","d":"An intentionally asymmetric cluster with 3 heavy corners and 1 light edge.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:dot-matrix-scan-loader","t":"Dot Matrix Scan","d":"A roving single-dot laser scanning down through matrix coordinates.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:grid-full-wave-loader","t":"Grid Full Wave","d":"A complete 5x5 matrix animated with smooth diagonal surface ripples.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:grid-checker-invert-loader","t":"Grid Checker Invert","d":"Alternating checkerboard tiles swapping brightness polarity in rhythm.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:grid-radial-ripple-loader","t":"Grid Radial Ripple","d":"Concentric rings propagating outwards through the 5x5 lattice.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:grid-cascade-cols-loader","t":"Grid Cascade Cols","d":"Columns illuminating sequentially from left to right like an equalizer.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:grid-sweep-rows-loader","t":"Grid Sweep Rows","d":"Horizontal rows sweeping downwards in a rhythmic vertical scan.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:grid-spiral-traverse-loader","t":"Grid Spiral Traverse","d":"A continuous spiral path sweeping all 25 grid dots inward to center.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:grid-diamond-submatrix-loader","t":"Grid Diamond Submatrix","d":"A dense 5x5 grid with diamond-weighted harmonic intensity.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:grid-corner-collision-loader","t":"Grid Corner Collision","d":"Four corner wavefronts rushing to collide at the exact central node.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:grid-stagger-3x3-loader","t":"Grid Stagger 3x3","d":"A tight 3x3 matrix firing in alternating staggered column pairs.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:grid-glitch-scatter-loader","t":"Grid Glitch Scatter","d":"Digital glitch distortion randomly displacing active matrix clusters.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:grid-cross-scan-loader","t":"Grid Cross Scan","d":"Simultaneous vertical and horizontal line scans intersecting at center.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:grid-perimeter-flow-loader","t":"Grid Perimeter Flow","d":"Outer 16-dot border circulating clockwise around a quiescent interior.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:grid-bipolar-pulse-loader","t":"Grid Bipolar Pulse","d":"Top and bottom grid rows pulsing in opposition against the middle tier.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:grid-diagonal-split-loader","t":"Grid Diagonal Split","d":"Upper-left and lower-right triangles illuminating in antiphase cycle.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:grid-hollow-cross-loader","t":"Grid Hollow Cross","d":"A matrix cross with hollow center pulsing outward like a radar crosshair.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:grid-snake-zigzag-loader","t":"Grid Snake Zigzag","d":"Particles zig-zagging back and forth across every horizontal corridor.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:grid-radar-sweep-loader","t":"Grid Radar Sweep","d":"A 360-degree radar beam scanning across the complete 5x5 grid.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:grid-checker-ripple-loader","t":"Grid Checker Ripple","d":"Checkerboard pattern with outward traveling concentric brightness waves.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:grid-interlace-cols-loader","t":"Grid Interlace Cols","d":"Even and odd columns oscillating up and down in counterflow motion.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:grid-matrix-rain-loader","t":"Grid Matrix Rain","d":"Digital matrix data streams trickling down with independent column delays.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-perimeter-orbit-loader","t":"Square Perimeter Orbit","d":"A bright single particle cycling around a 5x5 square perimeter.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:square-dual-chase-loader","t":"Square Dual Chase","d":"Two diametrically opposed particles chasing around a square boundary.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-quad-corner-loader","t":"Square Quad Corner","d":"Four particles initiating at corners, sweeping along edges in sync.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-concentric-iris-loader","t":"Square Concentric Iris","d":"Concentric 5x5 outer and 3x3 inner square rings expanding and contracting.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-nested-3x3-loader","t":"Square Nested 3x3","d":"A compact 3x3 square perimeter with rapid clockwise dot traversal.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-double-ring-loader","t":"Square Double Ring","d":"Outer 5x5 square and inner 3x3 square spinning in counter-rotation.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:square-collapse-implode-loader","t":"Square Collapse Implode","d":"A hollow square collapsing step-by-step into a solid central mass.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-expand-explode-loader","t":"Square Expand Explode","d":"A single central pixel expanding outward to form a large square contour.","s":"atomloader","c":"status/loader","tg":["retro and HUD"],"sb":"Shapes and grids","sy":["retro and HUD"],"hc":1},{"id":"atomloader:square-edge-sweep-loader","t":"Square Edge Sweep","d":"Each of the 4 edges illuminating in sequential clockwise cascade.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-opposing-tails-loader","t":"Square Opposing Tails","d":"Two opposing light trails orbiting in reverse directions across square edges.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-corner-pulse-loader","t":"Square Corner Pulse","d":"The 4 corner vertices pulsing with sharp, energetic accents.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:square-hollow-wave-loader","t":"Square Hollow Wave","d":"A traveling wave cycling around hollow square boundaries.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-cross-fill-loader","t":"Square Cross Fill","d":"A square that fills inwards via horizontal and vertical center bars.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-diagonal-split-loader","t":"Square Diagonal Split","d":"A square perimeter cut diagonally with two asynchronous lighting phases.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-snake-inward-loader","t":"Square Snake Inward","d":"A continuous snake crawling along square edges and spiraling to the center.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-radar-crosshair-loader","t":"Square Radar Crosshair","d":"A square boundary with an internal sweeping radar crosshair.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-checker-corners-loader","t":"Square Checker Corners","d":"A square perimeter with alternating corner and edge checker polarity.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-leapfrog-edges-loader","t":"Square Leapfrog Edges","d":"Particles leapfrogging between adjacent midpoints of the square.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-asym-notch-loader","t":"Square Asym Notch","d":"A square contour with one notched corner creating asymmetric orbit flow.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-breathe-solid-loader","t":"Square Breathe Solid","d":"A solid 4x4 square breathing with smooth harmonic intensity waves.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-tunnel-depth-loader","t":"Square Tunnel Depth","d":"Concentric square layers creating an illusion of 3D depth acceleration.","s":"atomloader","c":"status/loader","tg":["3d"],"sb":"Shapes and grids","sy":["3d"],"hc":1},{"id":"atomloader:square-stair-drop-loader","t":"Square Stair Drop","d":"Square rows dropping down sequentially like gravity-driven stairs.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-dna-helix-loader","t":"Square DNA Helix","d":"Opposing square sides oscillating vertically with sinusoidal delay offset.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-vortex-spin-loader","t":"Square Vortex Spin","d":"A square matrix animated as an angular swirling vortex.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:square-glitch-perimeter-loader","t":"Square Glitch Perimeter","d":"A square perimeter with digital micro-stutters and random dropouts.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-echo-burst-loader","t":"Square Echo Burst","d":"A center dot exploding into a 3x3 square, followed by a 5x5 echo.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-magnetic-core-loader","t":"Square Magnetic Core","d":"Outer square edges magnetized toward an active central nucleus.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-counter-scan-loader","t":"Square Counter Scan","d":"Top and bottom edges scanning right, left and right edges scanning down.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:square-flicker-mesh-loader","t":"Square Flicker Mesh","d":"A hollow square with flickering boundary nodes resembling digital circuitry.","s":"atomloader","c":"status/loader","tg":["gradient"],"sb":"Shapes and grids","sy":["gradient"],"hc":1},{"id":"atomloader:square-triple-orbit-loader","t":"Square Triple Orbit","d":"Three particles distributed equally, traveling around a square ring.","s":"atomloader","c":"status/loader","tg":["webgl"],"sb":"Spinners","sy":["webgl"],"hc":1},{"id":"atomloader:circle-orbit-smooth-loader","t":"Circle Orbit Smooth","d":"A luminous particle orbiting smoothly around a circular 12-dot ring.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-dual-orbit-opposing-loader","t":"Circle Dual Orbit Opposing","d":"Two opposing particles traveling in counter-rotational directions.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-triple-pulse-loader","t":"Circle Triple Pulse","d":"Three equidistant particles orbiting around a circle with synchronized pulses.","s":"atomloader","c":"status/loader","tg":["webgl"],"sb":"Dots and pulse","sy":["webgl"],"hc":1},{"id":"atomloader:circle-iris-dilation-loader","t":"Circle Iris Dilation","d":"A circular perimeter expanding and contracting like a camera aperture.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-radial-burst-loader","t":"Circle Radial Burst","d":"A center point bursting radially outward into a sparkling circular boundary.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-imploding-core-loader","t":"Circle Imploding Core","d":"A circular perimeter collapsing into a dense central nucleus.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-compass-scan-loader","t":"Circle Compass Scan","d":"Four cardinal dots rotating like a nautical compass pointer.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-wave-crest-loader","t":"Circle Wave Crest","d":"A sinusoidal crest circulating continuously around circular edges.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-eclipse-shadow-loader","t":"Circle Eclipse Shadow","d":"A traveling dark shadow occluding and revealing circular nodes.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-split-arcs-loader","t":"Circle Split Arcs","d":"Two semi-circular arcs separating and reconnecting at the poles.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-dna-orbit-loader","t":"Circle DNA Orbit","d":"Two interlaced particles oscillating along circular perimeter coordinates.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-magnet-flux-loader","t":"Circle Magnet Flux","d":"Radial flux lines pulling inwards and repelling outwards in breath cycle.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-leapfrog-quad-loader","t":"Circle Leapfrog Quad","d":"Four particles hopping over each other around circular positions.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-asym-crescent-loader","t":"Circle Asym Crescent","d":"An asymmetric crescent moon formation with energetic lead-edge lighting.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-vortex-drain-loader","t":"Circle Vortex Drain","d":"A swirling circular drain spinning with accelerating rotational speed.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-radar-blip-loader","t":"Circle Radar Blip","d":"A 360-degree radar sweep leaving a glowing blip at the circular perimeter.","s":"atomloader","c":"status/loader","tg":["neon"],"sb":"Spinners","sy":["neon"],"hc":1},{"id":"atomloader:circle-stair-spiral-loader","t":"Circle Stair Spiral","d":"Stepped circular progression descending through progressive quadrant steps.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-checker-orbit-loader","t":"Circle Checker Orbit","d":"Alternating active and passive dots circling around a central core.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-flicker-corona-loader","t":"Circle Flicker Corona","d":"A stellar solar corona with randomized twinkling circular flares.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-glitch-orbit-loader","t":"Circle Glitch Orbit","d":"A circular orbit that periodically stutters and jumps across angles.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-harmonic-pulse-loader","t":"Circle Harmonic Pulse","d":"A circular perimeter expanding in harmonic rhythm with central resonance.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:circle-snake-tail-loader","t":"Circle Snake Tail","d":"A 6-dot snake wrapping around a circular path with an elongated tail.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-triple-concentric-loader","t":"Circle Triple Concentric","d":"Three concentric circular tiers expanding outward in wave phase.","s":"atomloader","c":"status/loader","tg":["webgl"],"sb":"Spinners","sy":["webgl"],"hc":1},{"id":"atomloader:circle-bipolar-flash-loader","t":"Circle Bipolar Flash","d":"Top and bottom arcs flashing alternately in high-contrast strobe rhythm.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-quad-quadrant-loader","t":"Circle Quad Quadrant","d":"Four quadrants of a circle lighting sequentially like a clock face.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-orbit-handoff-loader","t":"Circle Orbit Handoff","d":"Energy handed off between two orbiting particles at opposite poles.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-cross-intersection-loader","t":"Circle Cross Intersection","d":"A circular ring intersected by an interior cross with synchronized pulse.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-breathe-subtle-loader","t":"Circle Breathe Subtle","d":"A delicate 8-dot circle breathing with calm, meditative opacity.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-supernova-blast-loader","t":"Circle Supernova Blast","d":"An explosive core blast that illuminates the outer circle with high bloom.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-hourglass-orbit-loader","t":"Circle Hourglass Orbit","d":"A circle with an inner hourglass constriction guiding internal flow.","s":"atomloader","c":"status/loader","tg":["glass"],"sb":"Spinners","sy":["glass"],"hc":1},{"id":"atomloader:ring-orbit-single-loader","t":"Ring Orbit Single","d":"A classic smooth single dot orbiting a 12-particle circular perimeter.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:ring-dual-chase-loader","t":"Ring Dual Chase","d":"Two trailing points chasing around the ring at 180-degree offset.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:ring-quad-sync-loader","t":"Ring Quad Sync","d":"Four quadrant particles rotating in synchronized orbital harmony.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:ring-counter-spin-loader","t":"Ring Counter Spin","d":"Two opposing light beams moving in opposite directions and passing through each other.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:ring-breathe-glow-loader","t":"Ring Breathe Glow","d":"The entire ring expands and contracts in smooth luminosity waves.","s":"atomloader","c":"status/loader","tg":["neon"],"sb":"Spinners","sy":["neon"],"hc":1},{"id":"atomloader:ring-staccato-pulse-loader","t":"Ring Staccato Pulse","d":"Stepped rhythmic pulses firing in angular cadence around the ring.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:ring-iris-expand-loader","t":"Ring Iris Expand","d":"Ring boundaries dilating outward with bright blooming perimeter nodes.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:ring-collapse-center-loader","t":"Ring Collapse Center","d":"Outer ring collapsing toward center before radiating back out.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:ring-wave-ripple-loader","t":"Ring Wave Ripple","d":"Sinusoidal amplitude waves traveling continuously around the ring.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:ring-flicker-spark-loader","t":"Ring Flicker Spark","d":"Sparks dancing along ring circumference with subtle randomized decay.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:ring-leapfrog-step-loader","t":"Ring Leapfrog Step","d":"Pairs of particles leapfrogging one another around the ring.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:ring-snake-segment-loader","t":"Ring Snake Segment","d":"A continuous 5-dot snake gliding smoothly along the circumference.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:ring-radar-sweep-loader","t":"Ring Radar Sweep","d":"Sweeping angular radar sector lighting ring nodes in rotation.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:ring-dna-twins-loader","t":"Ring DNA Twins","d":"Dual intertwined phase nodes oscillating across the circular rim.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:ring-vortex-accelerate-loader","t":"Ring Vortex Accelerate","d":"A vortex acceleration pulling particles around the perimeter into an eddy.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:ring-bipolar-flash-loader","t":"Ring Bipolar Flash","d":"North and South arcs pulsing alternately with East and West arcs.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:ring-glitch-stutter-loader","t":"Ring Glitch Stutter","d":"A ring orbit with intentional micro-stutters and sudden angle hops.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:ring-magnet-attract-loader","t":"Ring Magnet Attract","d":"Ring nodes pulling in and bouncing back with elastic magnetic tension.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:ring-checker-alt-loader","t":"Ring Checker Alt","d":"Even and odd ring dots oscillating in antiphase square wave rhythm.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:ring-supernova-bloom-loader","t":"Ring Supernova Bloom","d":"A high-bloom flash traveling around the ring leaving an ethereal trail.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:hex-perimeter-orbit-loader","t":"Hex Perimeter Orbit","d":"A bright particle traveling around a hexagonal matrix perimeter.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:hex-dual-chase-loader","t":"Hex Dual Chase","d":"Two particles chasing each other around a 6-sided hexagonal ring.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:hex-solid-breathe-loader","t":"Hex Solid Breathe","d":"A solid filled hexagon breathing with radiant harmonic waves.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:hex-radial-burst-loader","t":"Hex Radial Burst","d":"A central hex core exploding outward to the 6 outer vertices.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:hex-implosion-core-loader","t":"Hex Implosion Core","d":"Six hexagonal vertices collapsing sequentially into the center.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:hex-wave-traverse-loader","t":"Hex Wave Traverse","d":"A sinusoidal wave propagating left-to-right through the hex lattice.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:hex-spiral-inward-loader","t":"Hex Spiral Inward","d":"A particle following a tight hexagonal spiral path directly to the nucleus.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:hex-vertex-pulse-loader","t":"Hex Vertex Pulse","d":"The six primary hexagonal corner vertices flashing in syncopated rhythm.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:hex-counter-flow-loader","t":"Hex Counter Flow","d":"Upper and lower hex arcs rotating in opposing directional vectors.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:hex-radar-scan-loader","t":"Hex Radar Scan","d":"A rotating radar beam sweeping across all hexagonal coordinate sectors.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:hex-dna-interlace-loader","t":"Hex DNA Interlace","d":"Two intertwined nodes weaving in helical phase around the hexagon.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:hex-magnet-pull-loader","t":"Hex Magnet Pull","d":"Hexagonal outer edges magnetized toward a pulsing central dot.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:hex-leapfrog-hops-loader","t":"Hex Leapfrog Hops","d":"Particles leapfrogging between opposite vertices of the hexagon.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:hex-iris-dilation-loader","t":"Hex Iris Dilation","d":"The hexagonal aperture expanding and contracting in breath cycles.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:hex-stair-descent-loader","t":"Hex Stair Descent","d":"Stepped lighting cascading downwards row-by-row through the hexagon.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:hex-checker-phase-loader","t":"Hex Checker Phase","d":"Alternating hexagonal nodes oscillating between light and dark phases.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:hex-vortex-swirl-loader","t":"Hex Vortex Swirl","d":"An accelerating angular swirl sweeping through the hexagonal grid.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:hex-glitch-scatter-loader","t":"Hex Glitch Scatter","d":"A hexagonal perimeter distorted with digital jitter and node dropouts.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:hex-flicker-sparkle-loader","t":"Hex Flicker Sparkle","d":"Micro-flickers illuminating across the hex lattice like a cut gemstone.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:hex-column-scan-loader","t":"Hex Column Scan","d":"Vertical columns sweeping across the hexagon from left to right.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:hex-diagonal-meteor-loader","t":"Hex Diagonal Meteor","d":"Diagonal wavefront shooting across the hexagon from top-left to bottom-right.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:hex-asym-cut-loader","t":"Hex Asym Cut","d":"An asymmetric hexagon with one clipped facet and dynamic lead lighting.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:hex-triple-orbit-loader","t":"Hex Triple Orbit","d":"Three particles distributed around 120-degree hex vertices in orbit.","s":"atomloader","c":"status/loader","tg":["webgl"],"sb":"Spinners","sy":["webgl"],"hc":1},{"id":"atomloader:hex-pulse-ring-loader","t":"Hex Pulse Ring","d":"A hollow hex ring pulsing with sharp harmonic peaks.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:hex-supernova-loader","t":"Hex Supernova","d":"A blazing nuclear center expanding to ignite all surrounding hex nodes.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-perimeter-orbit-loader","t":"Triangle Perimeter Orbit","d":"A bright particle traveling around a 3-sided triangular perimeter.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:triangle-dual-chase-loader","t":"Triangle Dual Chase","d":"Two trailing particles chasing each other along triangular edges.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-apex-pulse-loader","t":"Triangle Apex Pulse","d":"Energy radiating from the top apex down through the base corners.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:triangle-solid-breathe-loader","t":"Triangle Solid Breathe","d":"A solid filled triangle breathing with harmonic opacity waves.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-wave-cascade-loader","t":"Triangle Wave Cascade","d":"Horizontal tiers lighting sequentially from apex down to base.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:triangle-inverted-vortex-loader","t":"Triangle Inverted Vortex","d":"An inverted triangle with an internal swirling clockwise vortex.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-collapse-core-loader","t":"Triangle Collapse Core","d":"Triangular vertices imploding into the geometric center point.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-burst-explode-loader","t":"Triangle Burst Explode","d":"Center particle exploding outward into an expansive triangular shell.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-counter-flow-loader","t":"Triangle Counter Flow","d":"Two edges lighting upward while the base sweeps right.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-stair-drop-loader","t":"Triangle Stair Drop","d":"Particles cascading down the left and right slopes like water drops.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-dna-helix-loader","t":"Triangle DNA Helix","d":"Left and right slanted edges oscillating in counter-phase sinusoidal wave.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-snake-perimeter-loader","t":"Triangle Snake Perimeter","d":"A 4-dot snake continuously circumnavigating the triangle boundary.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-radar-sector-loader","t":"Triangle Radar Sector","d":"A radar beam scanning across triangular angular coordinates.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-leapfrog-corners-loader","t":"Triangle Leapfrog Corners","d":"Particles leaping across the three corner points in rhythm.","s":"atomloader","c":"status/loader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"atomloader:triangle-iris-dilation-loader","t":"Triangle Iris Dilation","d":"Triangular contour expanding and contracting with breathing aperture.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-magnet-core-loader","t":"Triangle Magnet Core","d":"Three side edges magnetically pulled toward the centroid.","s":"atomloader","c":"status/loader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"atomloader:triangle-checker-lattice-loader","t":"Triangle Checker Lattice","d":"A triangular grid with alternating checkerboard nodes.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-glitch-edge-loader","t":"Triangle Glitch Edge","d":"A triangle perimeter disrupted with randomized digital glitch stutters.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-flicker-beacon-loader","t":"Triangle Flicker Beacon","d":"Twinkling beacon nodes highlighting the triangular contour.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-triple-apex-loader","t":"Triangle Triple Apex","d":"Three concentric triangles nested within each other cascading outward.","s":"atomloader","c":"status/loader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"atomloader:triangle-asym-right-loader","t":"Triangle Asym Right","d":"A right-angled triangle with sharp asymmetrical wave acceleration.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-bipolar-flash-loader","t":"Triangle Bipolar Flash","d":"Apex dot flashing in alternating rhythm against the bottom baseline.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-supernova-loader","t":"Triangle Supernova","d":"High-intensity explosion bursting from the triangle center.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-column-sweep-loader","t":"Triangle Column Sweep","d":"Vertical columns scanning left-to-right across the triangular shape.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-pulse-hollow-loader","t":"Triangle Pulse Hollow","d":"A crisp hollow triangle pulsing with rhythmic energy peaks.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:diamond-orbit-smooth-loader","t":"Diamond Orbit Smooth","d":"A glowing particle orbiting around a rotated 45-degree diamond contour.","s":"atomloader","c":"status/loader","tg":["neon"],"sb":"Spinners","sy":["neon"],"hc":1},{"id":"atomloader:diamond-dual-chase-loader","t":"Diamond Dual Chase","d":"Two particles chasing each other around diamond vertices in sync.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:diamond-radial-burst-loader","t":"Diamond Radial Burst","d":"Central nucleus bursting outward along diamond diagonal axes.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:diamond-solid-breathe-loader","t":"Diamond Solid Breathe","d":"A solid filled diamond breathing with meditative opacity waves.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:diamond-collapse-core-loader","t":"Diamond Collapse Core","d":"Four diamond points imploding into the center point.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:diamond-wave-ripple-loader","t":"Diamond Wave Ripple","d":"Concentric diamond waves rippling outward from the center.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:diamond-stair-cascade-loader","t":"Diamond Stair Cascade","d":"Stepped lighting cascading from top apex to bottom point.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:diamond-iris-dilation-loader","t":"Diamond Iris Dilation","d":"Diamond aperture dilating open and closed in smooth cycles.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:diamond-vortex-spin-loader","t":"Diamond Vortex Spin","d":"An angular vortex spinning along diamond facets.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:diamond-counter-flow-loader","t":"Diamond Counter Flow","d":"Left and right diamond facets rotating in opposing directions.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:diamond-magnet-pulse-loader","t":"Diamond Magnet Pulse","d":"Four diamond points pulled inward by a strong magnetic core.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:diamond-leapfrog-hops-loader","t":"Diamond Leapfrog Hops","d":"Particles leaping across the 4 cardinal diamond points.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:diamond-snake-track-loader","t":"Diamond Snake Track","d":"A 4-dot snake gliding around diamond perimeter corners.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:diamond-radar-sweep-loader","t":"Diamond Radar Sweep","d":"A sweeping radar beam traversing diamond coordinate angles.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:diamond-dna-helix-loader","t":"Diamond DNA Helix","d":"Two diagonal diamond axes oscillating with harmonic phase delay.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:diamond-checker-alt-loader","t":"Diamond Checker Alt","d":"Alternating nodes flashing in antiphase diamond polarity.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:diamond-flicker-gem-loader","t":"Diamond Flicker Gem","d":"Gemstone sparkle flickering across internal diamond facets.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:diamond-glitch-stutter-loader","t":"Diamond Glitch Stutter","d":"A diamond contour with digital jitter and micro-phase offsets.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:diamond-bipolar-flash-loader","t":"Diamond Bipolar Flash","d":"Vertical points and horizontal points strobing in alternating beat.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:diamond-supernova-loader","t":"Diamond Supernova","d":"A high-bloom diamond flare exploding across all coordinates.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:star-orbit-blaze-loader","t":"Star Orbit Blaze","d":"A glowing particle orbiting around an 8-pointed star matrix.","s":"atomloader","c":"status/loader","tg":["neon"],"sb":"Spinners","sy":["neon"],"hc":1},{"id":"atomloader:star-radial-burst-loader","t":"Star Radial Burst","d":"Star rays bursting outwards from the central core.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:star-solid-breathe-loader","t":"Star Solid Breathe","d":"A star constellation breathing with celestial opacity waves.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:star-flicker-twinkle-loader","t":"Star Flicker Twinkle","d":"Randomized celestial twinkling across star vertices.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:star-vortex-spin-loader","t":"Star Vortex Spin","d":"Star rays spinning with angular vortex acceleration.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:star-collapse-implode-loader","t":"Star Collapse Implode","d":"Star points collapsing inward to create a dense core.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:star-stair-cascade-loader","t":"Star Stair Cascade","d":"Star rays illuminating in clockwise sequence.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:star-radar-sweep-loader","t":"Star Radar Sweep","d":"A radar beam sweeping across star points.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:star-glitch-stutter-loader","t":"Star Glitch Stutter","d":"Digital glitch stutters distorting star point activation.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:star-supernova-blast-loader","t":"Star Supernova Blast","d":"A blinding supernova blast radiating across star points.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:cross-laser-sweep-loader","t":"Cross Laser Sweep","d":"Vertical and horizontal laser bars sweeping across a central nexus.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:cross-radial-burst-loader","t":"Cross Radial Burst","d":"Central intersection bursting outward along the four orthogonal arms.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:cross-imploding-arms-loader","t":"Cross Imploding Arms","d":"Four orthogonal arm tips collapsing simultaneously into the center.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:cross-quad-orbit-loader","t":"Cross Quad Orbit","d":"Four dots traveling along cross boundaries in synchronized rotation.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:cross-breathe-glow-loader","t":"Cross Breathe Glow","d":"A cross matrix breathing with radiant center-weighted glow.","s":"atomloader","c":"status/loader","tg":["neon"],"sy":["neon"],"hc":1},{"id":"atomloader:plus-diagonal-wave-loader","t":"Plus Diagonal Wave","d":"A bold plus matrix illuminated with diagonal wavefronts.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:plus-dual-chase-loader","t":"Plus Dual Chase","d":"Two particles chasing each other around the contours of a plus icon.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:plus-iris-expansion-loader","t":"Plus Iris Expansion","d":"The center core expanding outward into the full plus boundary.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:plus-magnet-pulse-loader","t":"Plus Magnet Pulse","d":"The outer arms snapping inward with strong magnetic attraction.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:x-diagonal-chase-loader","t":"X Diagonal Chase","d":"Particles racing across intersecting diagonal X tracks.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:x-corner-collision-loader","t":"X Corner Collision","d":"Four corner dots surging inward to collide at the exact X center.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:x-radial-burst-loader","t":"X Radial Burst","d":"An energetic explosion blasting outward from the X intersection.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:x-dna-twins-loader","t":"X DNA Twins","d":"Two diagonal legs oscillating with dual sinusoidal phase delay.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:x-counterflow-spin-loader","t":"X Counterflow Spin","d":"Opposing diagonal tracks pulsing in counter-directional flow.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:x-vortex-acceleration-loader","t":"X Vortex Acceleration","d":"Diagonal X arms spinning with progressive vortex acceleration.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:cross-leapfrog-step-loader","t":"Cross Leapfrog Step","d":"Particles leapfrogging between horizontal and vertical arm positions.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:cross-radar-sweep-loader","t":"Cross Radar Sweep","d":"A sweeping radar beam traversing the cross matrix.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:cross-stair-cascade-loader","t":"Cross Stair Cascade","d":"Vertical arm cascading down while horizontal arm cascades right.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:cross-checker-alternate-loader","t":"Cross Checker Alternate","d":"Horizontal and vertical arms flashing in alternating antiphase beat.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:cross-glitch-stutter-loader","t":"Cross Glitch Stutter","d":"A cross matrix with digital jitter and micro-stutter dropouts.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:cross-flicker-spark-loader","t":"Cross Flicker Spark","d":"Sparkling nodes illuminating randomly across cross arms.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:x-stair-descent-loader","t":"X Stair Descent","d":"Stepped lighting cascading down the diagonal legs of an X.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:x-snake-track-loader","t":"X Snake Track","d":"A continuous snake tracing through all 9 nodes of the X matrix.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:x-supernova-blast-loader","t":"X Supernova Blast","d":"A brilliant supernova flash radiating across the diagonal X.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:x-bipolar-flash-loader","t":"X Bipolar Flash","d":"Top two arms and bottom two arms strobing in alternating phase.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:flower-petal-bloom-loader","t":"Flower Petal Bloom","d":"A floral matrix with four petals expanding in continuous bloom.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:flower-orbit-petal-loader","t":"Flower Orbit Petal","d":"A bright particle traveling around the outer perimeter of 4 petals.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:flower-solid-breathe-loader","t":"Flower Solid Breathe","d":"A complete floral formation breathing with harmonious radiance.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:flower-vortex-swirl-loader","t":"Flower Vortex Swirl","d":"Petal nodes swirling in accelerating angular pinwheel motion.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:flower-iris-dilation-loader","t":"Flower Iris Dilation","d":"Flower petals opening and closing in rhythmic breathing cycles.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:flower-counter-spin-loader","t":"Flower Counter Spin","d":"Opposing petal pairs rotating in alternating directional arcs.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:flower-flicker-dew-loader","t":"Flower Flicker Dew","d":"Dewdrop sparkles twinkling softly across floral petal nodes.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:flower-stair-cascade-loader","t":"Flower Stair Cascade","d":"Petals lighting sequentially in a clockwise cascade.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:flower-radar-sweep-loader","t":"Flower Radar Sweep","d":"A radar beam sweeping across all four floral quadrants.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:flower-glitch-stutter-loader","t":"Flower Glitch Stutter","d":"A floral matrix with digital glitch displacements and phase jumps.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:spiral-inward-vortex-loader","t":"Spiral Inward Vortex","d":"A luminous particle swirling along an inward logarithmic spiral.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:spiral-outward-burst-loader","t":"Spiral Outward Burst","d":"A spiral unwinding from the center core to the outer boundary.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:spiral-dual-galaxy-loader","t":"Spiral Dual Galaxy","d":"Two galactic spiral arms rotating in balanced symmetry.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:spiral-vortex-drain-loader","t":"Spiral Vortex Drain","d":"Accelerating spiral vortex draining energy toward the central sink.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:spiral-wave-traverse-loader","t":"Spiral Wave Traverse","d":"A progressive amplitude wave traveling along spiral coordinates.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:spiral-stair-descent-loader","t":"Spiral Stair Descent","d":"Stepped lighting descending down a winding spiral staircase.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:spiral-counter-flow-loader","t":"Spiral Counter Flow","d":"Two particles traversing the spiral in opposite directions.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:spiral-dna-helix-loader","t":"Spiral DNA Helix","d":"Interlaced nodes oscillating in counter-phase around spiral coils.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:spiral-magnet-core-loader","t":"Spiral Magnet Core","d":"A spiral contour magnetically drawn toward its central focus.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:spiral-leapfrog-hop-loader","t":"Spiral Leapfrog Hop","d":"Particles leapfrogging between spiral arm revolutions.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:spiral-radar-blip-loader","t":"Spiral Radar Blip","d":"A radar beam sweeping across spiral arm coordinates.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:spiral-flicker-spark-loader","t":"Spiral Flicker Spark","d":"Sparkles flickering along spiral curves like burning powder.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:spiral-glitch-scatter-loader","t":"Spiral Glitch Scatter","d":"Digital glitch displacement distorting the spiral pathway.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:spiral-breathe-subtle-loader","t":"Spiral Breathe Subtle","d":"A full spiral matrix breathing in harmonic intensity cycles.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:spiral-bipolar-flash-loader","t":"Spiral Bipolar Flash","d":"Outer arm and inner core flashing in alternating antiphase beat.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:spiral-supernova-loader","t":"Spiral Supernova","d":"A blinding flash expanding along the spiral to outer edges.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:spiral-triple-track-loader","t":"Spiral Triple Track","d":"Three particles distributed along the spiral path in synchronized motion.","s":"atomloader","c":"status/loader","tg":["webgl"],"sb":"Spinners","sy":["webgl"],"hc":1},{"id":"atomloader:spiral-iris-dilation-loader","t":"Spiral Iris Dilation","d":"Spiral aperture expanding and contracting in breath waves.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:spiral-checker-alt-loader","t":"Spiral Checker Alt","d":"Alternating spiral nodes oscillating in square wave rhythm.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:spiral-pulse-core-loader","t":"Spiral Pulse Core","d":"The central spiral node pulsing with periodic radial surges.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:wave-sine-horizontal-loader","t":"Wave Sine Horizontal","d":"A smooth sinusoidal wave traveling left-to-right across the matrix.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:wave-sine-vertical-loader","t":"Wave Sine Vertical","d":"Vertical columns oscillating in sinusoidal phase progression.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:wave-diagonal-crest-loader","t":"Wave Diagonal Crest","d":"Diagonal wave crests sweeping across the matrix with bright peaks.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:wave-counter-collision-loader","t":"Wave Counter Collision","d":"Two opposing waves traveling toward each other and colliding.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:wave-interlace-cascade-loader","t":"Wave Interlace Cascade","d":"Even and odd matrix tiers cascading in alternating phase waves.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:wave-radial-expansion-loader","t":"Wave Radial Expansion","d":"Concentric circular waves radiating outward from center.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:wave-stair-drop-loader","t":"Wave Stair Drop","d":"Stepped wave pulses cascading downwards in discrete steps.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:wave-dna-helix-loader","t":"Wave DNA Helix","d":"Two entwined helical waves oscillating with harmonic offset.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:wave-vortex-spiral-loader","t":"Wave Vortex Spiral","d":"A wave crest wrapping into a swirling angular vortex.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:wave-leapfrog-hops-loader","t":"Wave Leapfrog Hops","d":"Wave peaks hopping over each other across the matrix grid.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:wave-snake-undulation-loader","t":"Wave Snake Undulation","d":"A serpentine wave undulation weaving across rows.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:wave-radar-beam-loader","t":"Wave Radar Beam","d":"A rotating wave beam sweeping 360 degrees across matrix nodes.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:wave-magnet-surge-loader","t":"Wave Magnet Surge","d":"Wave crests accelerating as they approach the center focal point.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:wave-checker-polarity-loader","t":"Wave Checker Polarity","d":"A checkerboard wave alternating active and passive polarity.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:wave-glitch-distortion-loader","t":"Wave Glitch Distortion","d":"A wave crest disrupted by localized digital glitch jumps.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:wave-flicker-sea-loader","t":"Wave Flicker Sea","d":"Shimmering sea-like surface waves with micro-flicker noise.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:wave-breathe-tide-loader","t":"Wave Breathe Tide","d":"A rhythmic tidal wave rising and falling with ocean cadence.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:wave-bipolar-surge-loader","t":"Wave Bipolar Surge","d":"Opposing top and bottom wave surges meeting in the middle.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:wave-supernova-crest-loader","t":"Wave Supernova Crest","d":"A high-bloom explosive wave racing across matrix diagonal axes.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:wave-iris-pulse-loader","t":"Wave Iris Pulse","d":"Concentric circular wave ripples expanding through the matrix.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:orbit-single-satellite-loader","t":"Orbit Single Satellite","d":"A solitary satellite particle orbiting a glowing planetary nucleus.","s":"atomloader","c":"status/loader","tg":["neon"],"sb":"Spinners","sy":["neon"],"hc":1},{"id":"atomloader:orbit-binary-stars-loader","t":"Orbit Binary Stars","d":"Two binary stars orbiting their mutual gravitational barycenter.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:orbit-triple-system-loader","t":"Orbit Triple System","d":"Three particles distributed along an orbital trajectory.","s":"atomloader","c":"status/loader","tg":["webgl"],"sb":"Spinners","sy":["webgl"],"hc":1},{"id":"atomloader:orbit-quad-ring-loader","t":"Orbit Quad Ring","d":"Four planetary particles traversing cardinal orbital positions.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:orbit-counter-rotational-loader","t":"Orbit Counter Rotational","d":"Two particles moving in opposing directions along concentric tracks.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:orbit-radial-burst-loader","t":"Orbit Radial Burst","d":"Orbital particles bursting outward at perihelion encounter.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:orbit-collapse-blackhole-loader","t":"Orbit Collapse Blackhole","d":"Orbital particles spiraling down into an event horizon core.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:orbit-dna-helix-loader","t":"Orbit DNA Helix","d":"Two phase-coupled particles oscillating along orbital paths.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:orbit-vortex-cyclone-loader","t":"Orbit Vortex Cyclone","d":"Accelerating cyclone orbit spinning with angular speed.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:orbit-stair-quantum-loader","t":"Orbit Stair Quantum","d":"Quantum orbital hops jumping through stepped angle states.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:orbit-leapfrog-pair-loader","t":"Orbit Leapfrog Pair","d":"Particles leapfrogging between orbital quadrants.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:orbit-snake-comet-loader","t":"Orbit Snake Comet","d":"A comet with a long 5-particle tail orbiting the central sun.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:orbit-radar-sweep-loader","t":"Orbit Radar Sweep","d":"A 360-degree radar beam illuminating orbital objects.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:orbit-magnet-flux-loader","t":"Orbit Magnet Flux","d":"Orbital particles fluctuating radially toward the magnetic center.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:orbit-checker-polarity-loader","t":"Orbit Checker Polarity","d":"Alternating orbital points flashing in synchronized cadence.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:orbit-glitch-drift-loader","t":"Orbit Glitch Drift","d":"An orbit with digital micro-stutters and random jump vectors.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:orbit-flicker-dust-loader","t":"Orbit Flicker Dust","d":"Stardust particles flickering softly along orbital trajectories.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:orbit-breathe-harmony-loader","t":"Orbit Breathe Harmony","d":"An orbital system breathing in gentle harmonic resonance.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:orbit-bipolar-flash-loader","t":"Orbit Bipolar Flash","d":"North and South orbital poles flashing alternately in tempo.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:orbit-supernova-flare-loader","t":"Orbit Supernova Flare","d":"A high-bloom solar flare exploding outward from the orbit center.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:ripple-concentric-out-loader","t":"Ripple Concentric Out","d":"Concentric waves radiating continuously outward from center.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:ripple-concentric-in-loader","t":"Ripple Concentric In","d":"Concentric surface waves converging inward toward the focal point.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:ripple-dual-source-loader","t":"Ripple Dual Source","d":"Two ripple sources creating constructive wave interference.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:ripple-diamond-pulse-loader","t":"Ripple Diamond Pulse","d":"Diamond-shaped wavefront ripples expanding outward in rhythm.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:ripple-square-contour-loader","t":"Ripple Square Contour","d":"Concentric square wavefronts expanding with sharp corner peaks.","s":"atomloader","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"atomloader:ripple-vortex-eddy-loader","t":"Ripple Vortex Eddy","d":"Circular ripples twisting with accelerating angular momentum.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:ripple-stair-drop-loader","t":"Ripple Stair Drop","d":"Stepped circular ripple drops expanding in discrete intervals.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:ripple-dna-helix-loader","t":"Ripple DNA Helix","d":"Two intertwined ripple wavefronts propagating with phase delay.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:ripple-magnet-flux-loader","t":"Ripple Magnet Flux","d":"Ripple wavefronts oscillating with magnetic attraction and release.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:ripple-leapfrog-wave-loader","t":"Ripple Leapfrog Wave","d":"Alternating ripple wavefronts leapfrogging in phase sequence.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:ripple-radar-blip-loader","t":"Ripple Radar Blip","d":"A radar sweep initiating expanding circular surface ripples.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:ripple-checker-alt-loader","t":"Ripple Checker Alt","d":"Checkerboard ripples flashing in antiphase matrix beats.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:ripple-glitch-surface-loader","t":"Ripple Glitch Surface","d":"A ripple surface disrupted by localized digital glitch noise.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:ripple-flicker-pond-loader","t":"Ripple Flicker Pond","d":"Soft shimmering pond ripples with randomized micro-sparkles.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:ripple-supernova-ring-loader","t":"Ripple Supernova Ring","d":"A blinding supernova blast propagating as expanding circular shockwaves.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:burst-radial-nova-loader","t":"Burst Radial Nova","d":"A brilliant central nova exploding radially into all 25 matrix dots.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:burst-quad-corner-loader","t":"Burst Quad Corner","d":"Four simultaneous corner bursts radiating inward toward center.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:burst-staccato-fire-loader","t":"Burst Staccato Fire","d":"Rapid staccato explosions firing in sequential matrix quadrants.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:burst-vortex-plasma-loader","t":"Burst Vortex Plasma","d":"A swirling plasma burst spinning with high angular velocity.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:burst-iris-dilation-loader","t":"Burst Iris Dilation","d":"A core burst that expands into a blooming circular aperture.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:burst-counter-pulse-loader","t":"Burst Counter Pulse","d":"Two opposing burst wavefronts expanding in opposite directions.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:burst-dna-helix-loader","t":"Burst DNA Helix","d":"Helical burst oscillations radiating outward with phase delay.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:burst-magnet-recoil-loader","t":"Burst Magnet Recoil","d":"An explosion followed by an elastic magnetic recoil back to center.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:burst-leapfrog-cluster-loader","t":"Burst Leapfrog Cluster","d":"Burst clusters leapfrogging between matrix quadrants.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:burst-radar-ignition-loader","t":"Burst Radar Ignition","d":"A rotating radar beam triggering bursts at sweep intersections.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:burst-checker-flash-loader","t":"Burst Checker Flash","d":"Alternating checkerboard tiles exploding in synchronized strobes.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:burst-glitch-scatter-loader","t":"Burst Glitch Scatter","d":"An explosive blast shattered by digital glitch noise dropouts.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:burst-flicker-sparkle-loader","t":"Burst Flicker Sparkle","d":"A glowing burst leaving a constellation of twinkling sparkles.","s":"atomloader","c":"status/loader","tg":["neon"],"sy":["neon"],"hc":1},{"id":"atomloader:burst-breathe-pulse-loader","t":"Burst Breathe Pulse","d":"A rhythmic breathing burst swelling and receding gently.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:burst-supernova-core-loader","t":"Burst Supernova Core","d":"High-intensity nuclear explosion radiating with maximum bloom.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:matrix-digital-rain-loader","t":"Matrix Digital Rain","d":"Columns of green digital data falling downwards with randomized offsets.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:matrix-laser-scan-loader","t":"Matrix Laser Scan","d":"A high-precision laser beam scanning across matrix coordinate lines.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:matrix-diagonal-cascade-loader","t":"Matrix Diagonal Cascade","d":"Data streams cascading diagonally from top-left to bottom-right.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:matrix-quantum-stutter-loader","t":"Matrix Quantum Stutter","d":"Quantum particles jumping discretely across matrix registers.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:matrix-vortex-core-loader","t":"Matrix Vortex Core","d":"Matrix coordinate streams swirling into a central vortex sink.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:matrix-radar-sector-loader","t":"Matrix Radar Sector","d":"A sweeping radar sector illuminating matrix coordinate intersections.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:matrix-snake-traversal-loader","t":"Matrix Snake Traversal","d":"A continuous snake traversing every node in the 5x5 matrix grid.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:matrix-dna-interlaced-loader","t":"Matrix DNA Interlaced","d":"Two intertwined matrix columns oscillating in helical counter-phase.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:matrix-magnet-collapse-loader","t":"Matrix Magnet Collapse","d":"All 25 matrix dots magnetically drawn toward the center node.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:matrix-leapfrog-swap-loader","t":"Matrix Leapfrog Swap","d":"Matrix tiles leapfrogging between adjacent coordinate positions.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:matrix-checker-polarity-loader","t":"Matrix Checker Polarity","d":"Full matrix checkerboard swapping binary states in rhythm.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:matrix-flicker-static-loader","t":"Matrix Flicker Static","d":"High-density digital static flickering across the 5x5 matrix array.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:matrix-breathe-subtle-loader","t":"Matrix Breathe Subtle","d":"A dense matrix breathing with calm, meditative luminescence.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:matrix-bipolar-counter-loader","t":"Matrix Bipolar Counter","d":"Top and bottom matrix halves sliding in opposing counterflow directions.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:matrix-supernova-flash-loader","t":"Matrix Supernova Flash","d":"A blinding flash of digital intensity igniting the full matrix canvas.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:checker-alt-pulse-loader","t":"Checker Alt Pulse","d":"Alternating checkerboard tiles pulsing in antiphase cadence.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:checker-wave-diagonal-loader","t":"Checker Wave Diagonal","d":"A diagonal wave rolling across active checkerboard tiles.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:checker-radial-ripple-loader","t":"Checker Radial Ripple","d":"Concentric checker ripples propagating from matrix center.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:checker-counter-flow-loader","t":"Checker Counter Flow","d":"Even and odd checker rows sliding in opposing directions.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:checker-vortex-spin-loader","t":"Checker Vortex Spin","d":"A checker matrix spinning with angular vortex acceleration.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:checker-stair-drop-loader","t":"Checker Stair Drop","d":"Checker tiles descending down like quantum digital steps.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:checker-radar-sweep-loader","t":"Checker Radar Sweep","d":"A sweeping radar beam illuminating checker intersections.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:checker-dna-helix-loader","t":"Checker DNA Helix","d":"Two intertwined checker phases oscillating in helical delay.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:checker-glitch-stutter-loader","t":"Checker Glitch Stutter","d":"Checkerboard tiles distorted with randomized digital jitter.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:checker-supernova-flash-loader","t":"Checker Supernova Flash","d":"A high-bloom flash igniting all checker nodes simultaneously.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:radar-sweep-classic-loader","t":"Radar Sweep Classic","d":"A 360-degree radar beam scanning continuously around the matrix.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:radar-crosshair-scan-loader","t":"Radar Crosshair Scan","d":"A rotating crosshair scanning across concentric ring boundaries.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:radar-dual-beam-loader","t":"Radar Dual Beam","d":"Two opposing radar beams sweeping at 180-degree offset.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:radar-counter-sweep-loader","t":"Radar Counter Sweep","d":"Two radar beams rotating in opposite directions and intersecting.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:radar-blip-pulse-loader","t":"Radar Blip Pulse","d":"Radar sweep leaving persistent glowing target blips in its wake.","s":"atomloader","c":"status/loader","tg":["neon"],"sb":"Dots and pulse","sy":["neon"],"hc":1},{"id":"atomloader:radar-vortex-swirl-loader","t":"Radar Vortex Swirl","d":"A radar beam twisting inward toward a vortex center.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:radar-stair-sector-loader","t":"Radar Stair Sector","d":"Radar sectors lighting in quantized 45-degree angle steps.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:radar-glitch-interference-loader","t":"Radar Glitch Interference","d":"Radar sweep with electronic noise distortion and signal flutter.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:radar-flicker-beacon-loader","t":"Radar Flicker Beacon","d":"Beacon targets twinkling as the radar beam sweeps past.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:radar-supernova-burst-loader","t":"Radar Supernova Burst","d":"A radar sweep triggering an intense 360-degree flare.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pyramid-apex-cascade-loader","t":"Pyramid Apex Cascade","d":"Stepped pyramid lighting from the apex down to the broad base.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pyramid-inverted-funnel-loader","t":"Pyramid Inverted Funnel","d":"An inverted pyramid funneling particles down into a singular drain.","s":"atomloader","c":"status/loader","tg":["playful"],"sy":["playful"],"hc":1},{"id":"atomloader:pyramid-solid-breathe-loader","t":"Pyramid Solid Breathe","d":"A solid pyramid matrix breathing with harmonic radiance.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pyramid-vortex-drain-loader","t":"Pyramid Vortex Drain","d":"Funnel vortex draining angular particle streams to the bottom.","s":"atomloader","c":"status/loader","tg":["playful"],"sy":["playful"],"hc":1},{"id":"atomloader:pyramid-radial-burst-loader","t":"Pyramid Radial Burst","d":"An explosion radiating upward and outward from the pyramid core.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pyramid-counter-slide-loader","t":"Pyramid Counter Slide","d":"Pyramid tiers sliding horizontally in opposing directions.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pyramid-stair-steps-loader","t":"Pyramid Stair Steps","d":"Stepped pyramid levels lighting up sequentially from base to apex.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pyramid-dna-helix-loader","t":"Pyramid DNA Helix","d":"Left and right pyramid flanks oscillating with sinusoidal delay.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pyramid-magnet-core-loader","t":"Pyramid Magnet Core","d":"Base particles magnetically drawn upward into the pyramid peak.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pyramid-leapfrog-tiers-loader","t":"Pyramid Leapfrog Tiers","d":"Pyramid tiers leapfrogging one another in ascending cadence.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pyramid-checker-alt-loader","t":"Pyramid Checker Alt","d":"Alternating pyramid nodes flashing in square wave beat.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pyramid-glitch-stutter-loader","t":"Pyramid Glitch Stutter","d":"Pyramid tiers distorted with digital phase shifts.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pyramid-flicker-flame-loader","t":"Pyramid Flicker Flame","d":"Flame-like micro-flickers dancing upward along the pyramid apex.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pyramid-bipolar-flash-loader","t":"Pyramid Bipolar Flash","d":"Apex dot flashing alternately with the wide baseline row.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pyramid-supernova-loader","t":"Pyramid Supernova","d":"A high-bloom flare exploding from the pyramid capstone.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:chevron-up-sweep-loader","t":"Chevron Up Sweep","d":"Ascending chevron arrows sweeping continuously upward.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:chevron-down-cascade-loader","t":"Chevron Down Cascade","d":"Descending chevron arrows cascading downwards in sequence.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:chevron-right-pulse-loader","t":"Chevron Right Pulse","d":"Right-pointing directional chevrons pulsing forward with energy.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:chevron-left-pulse-loader","t":"Chevron Left Pulse","d":"Left-pointing directional chevrons pulsing leftward.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:chevron-dual-opposing-loader","t":"Chevron Dual Opposing","d":"Two chevrons pointing toward each other in harmonic counterflow.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:chevron-orbit-loop-loader","t":"Chevron Orbit Loop","d":"A particle cycling around the perimeter of a chevron arrow.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:chevron-vortex-spin-loader","t":"Chevron Vortex Spin","d":"Chevron wings spinning with accelerating angular vortex speed.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:chevron-radial-burst-loader","t":"Chevron Radial Burst","d":"Chevron tip exploding outward into expansive directional wings.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:chevron-dna-helix-loader","t":"Chevron DNA Helix","d":"Left and right chevron wings oscillating in counter-phase sinusoid.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:chevron-magnet-pull-loader","t":"Chevron Magnet Pull","d":"Chevron wings magnetically collapsing into the forward point.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:chevron-leapfrog-forward-loader","t":"Chevron Leapfrog Forward","d":"Chevrons leapfrogging past each other in continuous forward motion.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:chevron-checker-alt-loader","t":"Chevron Checker Alt","d":"Alternating chevron nodes flashing in square wave beat.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:chevron-glitch-stutter-loader","t":"Chevron Glitch Stutter","d":"Directional chevrons with digital jitter and micro-hops.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:chevron-flicker-spark-loader","t":"Chevron Flicker Spark","d":"Sparkles flickering along chevron flight contours.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:chevron-supernova-loader","t":"Chevron Supernova","d":"A high-bloom forward blast along the chevron trajectory.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:heart-beat-pulse-loader","t":"Heart Beat Pulse","d":"A classic anatomical cardiac pulse with double-beat rhythm.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:heart-perimeter-orbit-loader","t":"Heart Perimeter Orbit","d":"A bright particle traveling around the outer contour of a heart.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:heart-solid-breathe-loader","t":"Heart Solid Breathe","d":"A solid filled heart breathing with gentle emotional luminescence.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:heart-radial-burst-loader","t":"Heart Radial Burst","d":"Energy bursting from the central heart core to outer lobes.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:heart-stair-cascade-loader","t":"Heart Stair Cascade","d":"Heart nodes lighting downwards from the top lobes to bottom point.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:heart-counter-flow-loader","t":"Heart Counter Flow","d":"Left and right heart lobes rotating in opposing directional flow.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:heart-vortex-spin-loader","t":"Heart Vortex Spin","d":"Heart matrix twisting with angular vortex momentum.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:heart-dna-helix-loader","t":"Heart DNA Helix","d":"Left and right heart lobes oscillating in helical phase opposition.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:heart-flicker-spark-loader","t":"Heart Flicker Spark","d":"Gentle sparkling flickers dancing across heart nodes.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:heart-supernova-glow-loader","t":"Heart Supernova Glow","d":"A radiant high-bloom burst igniting the full heart shape.","s":"atomloader","c":"status/loader","tg":["neon"],"sy":["neon"],"hc":1},{"id":"atomloader:infinity-figure-eight-loader","t":"Infinity Figure Eight","d":"A continuous particle tracing the smooth figure-eight infinity path.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:infinity-dual-chase-loader","t":"Infinity Dual Chase","d":"Two particles chasing each other through opposing infinity loops.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:infinity-wave-flow-loader","t":"Infinity Wave Flow","d":"A progressive sinusoidal wave traveling along the infinity track.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:infinity-vortex-twist-loader","t":"Infinity Vortex Twist","d":"Infinity loops accelerating with internal vortex spin.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:infinity-stair-drop-loader","t":"Infinity Stair Drop","d":"Discrete stepped progression descending through infinity quadrants.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:infinity-counter-spin-loader","t":"Infinity Counter Spin","d":"Two particles crossing at the central intersection in counterflow.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:infinity-dna-helix-loader","t":"Infinity DNA Helix","d":"Intertwined nodes oscillating in helical counter-phase around infinity.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:infinity-leapfrog-crossover-loader","t":"Infinity Leapfrog Crossover","d":"Particles leapfrogging across the infinity central intersection.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:infinity-radar-sweep-loader","t":"Infinity Radar Sweep","d":"A sweeping radar beam traversing the dual infinity lobes.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:infinity-checker-alt-loader","t":"Infinity Checker Alt","d":"Alternating infinity nodes flashing in square wave beat.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:infinity-glitch-stutter-loader","t":"Infinity Glitch Stutter","d":"Digital jitter distorting the continuous infinity loop.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:infinity-flicker-dust-loader","t":"Infinity Flicker Dust","d":"Sparkling dust particles flickering along infinity curves.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:infinity-breathe-subtle-loader","t":"Infinity Breathe Subtle","d":"The complete infinity symbol breathing with serene luminescence.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:infinity-supernova-flare-loader","t":"Infinity Supernova Flare","d":"A high-bloom flare exploding outward from the infinity crossover.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:infinity-bipolar-flash-loader","t":"Infinity Bipolar Flash","d":"Left and right infinity lobes strobing in alternating polarity.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:sun-corona-flare-loader","t":"Sun Corona Flare","d":"Solar corona flares radiating outward from a burning central star.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:sun-orbit-rays-loader","t":"Sun Orbit Rays","d":"Luminous energy orbiting around solar ray points.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:sun-solid-breathe-loader","t":"Sun Solid Breathe","d":"A golden sun matrix breathing with deep thermal radiance.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:sun-vortex-cyclone-loader","t":"Sun Vortex Cyclone","d":"Solar plasma swirling with high-speed angular vortex flow.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:snowflake-hex-crystal-loader","t":"Snowflake Hex Crystal","d":"A delicate 6-fold snowflake crystal pulsating with icy clarity.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:snowflake-radial-grow-loader","t":"Snowflake Radial Grow","d":"Ice crystal arms growing outwards in crystalline steps.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:snowflake-flicker-ice-loader","t":"Snowflake Flicker Ice","d":"Ice crystals twinkling softly under crystalline light.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:compass-needle-spin-loader","t":"Compass Needle Spin","d":"A magnetic compass needle rotating 360 degrees smoothly.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:compass-cardinal-pulse-loader","t":"Compass Cardinal Pulse","d":"North, South, East, and West cardinal points pulsing in sequence.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:compass-magnet-drift-loader","t":"Compass Magnet Drift","d":"Compass needle oscillating with magnetic spring return.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:compass-stair-quadrant-loader","t":"Compass Stair Quadrant","d":"Compass headings jumping through stepped 90-degree bearings.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:compass-vortex-heading-loader","t":"Compass Vortex Heading","d":"Compass bearings spinning with vortex acceleration.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:compass-glitch-lost-loader","t":"Compass Glitch Lost","d":"A compass malfunctioning with erratic digital jitter.","s":"atomloader","c":"status/loader","tg":["playful"],"sy":["playful"],"hc":1},{"id":"atomloader:compass-flicker-stars-loader","t":"Compass Flicker Stars","d":"Navigational stars flickering around the compass bezel.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:compass-supernova-true-loader","t":"Compass Supernova True","d":"True north igniting with an explosive guiding flare.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:gear-cog-rotation-loader","t":"Gear Cog Rotation","d":"A mechanical gear rotating smoothly with stepped tooth engagement.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:gear-dual-interlock-loader","t":"Gear Dual Interlock","d":"Two interlocking gear cogs rotating in counter-synchronization.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:gear-stair-advance-loader","t":"Gear Stair Advance","d":"Gear teeth advancing in discrete mechanical ratchet clicks.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:gear-vortex-torque-loader","t":"Gear Vortex Torque","d":"Gear torque accelerating into high-speed angular rotation.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:target-bullseye-pulse-loader","t":"Target Bullseye Pulse","d":"Concentric target rings pulsing outward from the exact bullseye.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:target-radar-lock-loader","t":"Target Radar Lock","d":"A sweeping radar beam acquiring target lock on the central node.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:target-collapse-zero-loader","t":"Target Collapse Zero","d":"Outer target perimeter collapsing directly onto the center dot.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:target-iris-aperture-loader","t":"Target Iris Aperture","d":"Target aperture expanding and contracting in continuous tracking.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:tunnel-depth-zoom-loader","t":"Tunnel Depth Zoom","d":"Concentric frames rushing forward creating 3D tunnel depth.","s":"atomloader","c":"status/loader","tg":["3d"],"sy":["3d"],"hc":1},{"id":"atomloader:tunnel-vortex-descent-loader","t":"Tunnel Vortex Descent","d":"A swirling 3D tunnel pulling particles down into an endless abyss.","s":"atomloader","c":"status/loader","tg":["3d"],"sy":["3d"],"hc":1},{"id":"atomloader:tunnel-stair-progression-loader","t":"Tunnel Stair Progression","d":"Stepped tunnel tiers illuminating sequentially in depth layers.","s":"atomloader","c":"status/loader","tg":["3d"],"sb":"Bars","sy":["3d"],"hc":1},{"id":"atomloader:tunnel-counter-drift-loader","t":"Tunnel Counter Drift","d":"Outer and inner tunnel walls rotating in opposing directions.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:maze-path-traverse-loader","t":"Maze Path Traverse","d":"A particle solving and navigating through a 5x5 labyrinth path.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:maze-wall-pulse-loader","t":"Maze Wall Pulse","d":"Labyrinth barrier walls pulsing with structured digital energy.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:maze-vortex-solve-loader","t":"Maze Vortex Solve","d":"Maze corridors illuminated by a swirling vortex wavefront.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:maze-stair-cascade-loader","t":"Maze Stair Cascade","d":"Sequential cascades flowing down through labyrinth passages.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:maze-radar-scan-loader","t":"Maze Radar Scan","d":"A radar beam revealing hidden labyrinth corridors.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:maze-glitch-trap-loader","t":"Maze Glitch Trap","d":"Labyrinth nodes glitching with unexpected wall reconfigurations.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:maze-flicker-torch-loader","t":"Maze Flicker Torch","d":"Torchlight flickers illuminating dark corners of the maze.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:maze-supernova-escape-loader","t":"Maze Supernova Escape","d":"An explosion illuminating the full maze structure simultaneously.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:stair-cascade-diagonal-loader","t":"Stair Cascade Diagonal","d":"Staircase steps illuminating diagonally from top-left to bottom-right.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:stair-ascending-rise-loader","t":"Stair Ascending Rise","d":"Step levels climbing continuously from bottom to top.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:stair-vortex-steps-loader","t":"Stair Vortex Steps","d":"Angular staircase steps rotating with vortex acceleration.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:barcode-vertical-scan-loader","t":"Barcode Vertical Scan","d":"A red laser scanning across uneven vertical barcode bars.","s":"atomloader","c":"status/loader","sb":"Bars","hc":1},{"id":"atomloader:barcode-equalizer-bounce-loader","t":"Barcode Equalizer Bounce","d":"Audio spectrum columns bouncing with dynamic amplitude.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:barcode-counter-pulse-loader","t":"Barcode Counter Pulse","d":"Even and odd vertical bars oscillating in antiphase beat.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:prism-refraction-wave-loader","t":"Prism Refraction Wave","d":"Light refracting across a triangular prism into spectral waves.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:prism-dispersion-burst-loader","t":"Prism Dispersion Burst","d":"White light dispersing into expanding multi-phase spectral bursts.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:prism-vortex-split-loader","t":"Prism Vortex Split","d":"Prismatic facets spinning with angular vortex separation.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:lens-focal-zoom-loader","t":"Lens Focal Zoom","d":"A convex optical lens focusing light down into a pinpoint beam.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:lens-aperture-dilation-loader","t":"Lens Aperture Dilation","d":"Optical camera aperture dilating open and closed smoothly.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:lens-chromatic-stutter-loader","t":"Lens Chromatic Stutter","d":"Chromatic aberration jitter distorting the focal lens nodes.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:lens-radar-sweep-loader","t":"Lens Radar Sweep","d":"A circular radar sweep scanning across the optical lens surface.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:lens-flicker-reflection-loader","t":"Lens Flicker Reflection","d":"Glass flare reflections flickering across the curved lens matrix.","s":"atomloader","c":"status/loader","tg":["glass"],"sy":["glass"],"hc":1},{"id":"atomloader:lens-supernova-flare-loader","t":"Lens Supernova Flare","d":"Direct beam flare blinding the lens with high-bloom illumination.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:chain-link-traverse-loader","t":"Chain Link Traverse","d":"Interlocking chain links illuminating sequentially along link bonds.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:chain-tension-pulse-loader","t":"Chain Tension Pulse","d":"Chain links pulsing with rhythmic mechanical tension waves.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:dna-double-helix-loader","t":"DNA Double Helix","d":"Two interlaced genetic strands oscillating in sinusoidal counter-phase.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:dna-base-pair-split-loader","t":"DNA Base Pair Split","d":"Genetic base pairs splitting apart and rejoining in transcription.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:dna-vortex-replication-loader","t":"DNA Vortex Replication","d":"Helical strands spinning with accelerating vortex momentum.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:atom-bohr-orbit-loader","t":"Atom Bohr Orbit","d":"Electrons orbiting in intersecting orbital planes around a nucleus.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:atom-quantum-cloud-loader","t":"Atom Quantum Cloud","d":"Quantum electron probability cloud flickering around the nucleus.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:atom-nuclear-fission-loader","t":"Atom Nuclear Fission","d":"Nuclear fission explosion bursting outward from the core.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:atom-orbital-resonance-loader","t":"Atom Orbital Resonance","d":"Harmonic standing wave resonance oscillating across electron shells.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:vortex-angular-spin-loader","t":"Vortex Angular Spin","d":"A high-velocity angular vortex pulling nodes into its vortex center.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:vortex-opposing-eddy-loader","t":"Vortex Opposing Eddy","d":"Dual counter-rotating vortex eddies shearing against each other.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:vortex-collapse-singularity-loader","t":"Vortex Collapse Singularity","d":"Vortex arms collapsing relentlessly into a gravitational singularity.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:vortex-plasma-burst-loader","t":"Vortex Plasma Burst","d":"A high-energy plasma explosion erupting from the swirling vortex core.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:vortex-stair-spiral-loader","t":"Vortex Stair Spiral","d":"Quantized vortex angular steps stepping down into the core.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:vortex-glitch-eddy-loader","t":"Vortex Glitch Eddy","d":"A turbulent vortex distorted with random digital eddy fluctuations.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-bowtie-spin-loader","t":"Abstract Bowtie Spin","d":"A geometric bowtie matrix spinning in synchronized angular cadence.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:abstract-butterfly-flutter-loader","t":"Abstract Butterfly Flutter","d":"Butterfly wings fluttering with harmonic bilateral oscillations.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-hourglass-drip-loader","t":"Abstract Hourglass Drip","d":"Time grains trickling down through a narrow hourglass constriction.","s":"atomloader","c":"status/loader","tg":["glass"],"sy":["glass"],"hc":1},{"id":"atomloader:abstract-cube-isometric-loader","t":"Abstract Cube Isometric","d":"An isometric 3D wireframe cube rotating through perspective angles.","s":"atomloader","c":"status/loader","tg":["3d"],"sb":"Shapes and grids","sy":["3d"],"hc":1},{"id":"atomloader:abstract-octagon-perimeter-loader","t":"Abstract Octagon Perimeter","d":"An 8-sided octagonal boundary with smooth clockwise dot flow.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-shield-defense-loader","t":"Abstract Shield Defense","d":"A protective knight shield matrix with pulsing energy barriers.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-battery-charge-loader","t":"Abstract Battery Charge","d":"A battery gauge charging progressively tier by tier.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-wifi-broadcast-loader","t":"Abstract Wifi Broadcast","d":"Concentric wireless wifi arcs broadcasting outward.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-signal-strength-loader","t":"Abstract Signal Strength","d":"Cellular signal bars rising in step-ladder equalizer motion.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-lightning-strike-loader","t":"Abstract Lightning Strike","d":"A jagged electrical bolt flashing with high-voltage intensity.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-lock-secure-loader","t":"Abstract Lock Secure","d":"A security padlock snapping shut with a solid locking click.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-checkmark-success-loader","t":"Abstract Checkmark Success","d":"A smooth checkmark stroke confirming task completion.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-scanlines-crt-loader","t":"Abstract Scanlines CRT","d":"Retro CRT monitor scanlines sweeping vertically across phosphor nodes.","s":"atomloader","c":"status/loader","tg":["retro and HUD"],"sb":"Bars","sy":["retro and HUD"],"hc":1},{"id":"atomloader:abstract-concentric-iris-loader","t":"Abstract Concentric Iris","d":"Three concentric matrix layers dilating in harmonic synchrony.","s":"atomloader","c":"status/loader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"atomloader:abstract-diamond-ring-flare-loader","t":"Abstract Diamond Ring Flare","d":"A delicate diamond ring with a sparkling focal solitaire dot.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:abstract-sparkle-glint-loader","t":"Abstract Sparkle Glint","d":"A gleaming sparkle icon flashing with optical dispersion.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-asym-spiral-pin-loader","t":"Abstract Asym Spiral Pin","d":"An asymmetric pinwheel spiral spinning with offset momentum.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:abstract-counter-shear-loader","t":"Abstract Counter Shear","d":"Diagonal matrix strata shearing against each other horizontally.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-quantum-lattice-loader","t":"Abstract Quantum Lattice","d":"Quantum entanglement pairs flickering across coordinate nodes.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-dna-helix-dual-loader","t":"Abstract DNA Helix Dual","d":"A biological double helix oscillating with phase progression.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-magnet-flux-core-loader","t":"Abstract Magnet Flux Core","d":"Peripheral nodes pulled into a magnetic central nexus.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-leapfrog-cluster-loader","t":"Abstract Leapfrog Cluster","d":"Clusters hopping across matrix quadrants in synchronized leapfrog.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-radar-sweep-cone-loader","t":"Abstract Radar Sweep Cone","d":"A sweeping angular radar cone traversing quadrant coordinates.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-checker-matrix-alt-loader","t":"Abstract Checker Matrix Alt","d":"High-contrast checkerboard polarity shifting in square wave beat.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-glitch-matrix-drop-loader","t":"Abstract Glitch Matrix Drop","d":"Digital glitch streams dropping with phase displacement.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-flicker-constellation-loader","t":"Abstract Flicker Constellation","d":"A celestial constellation twinkling in nocturnal serenity.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-breathe-subtle-glow-loader","t":"Abstract Breathe Subtle Glow","d":"A diamond-cross matrix breathing with gentle meditative calm.","s":"atomloader","c":"status/loader","tg":["neon"],"sy":["neon"],"hc":1},{"id":"atomloader:abstract-bipolar-flash-nodes-loader","t":"Abstract Bipolar Flash Nodes","d":"Opposing perimeter vertices flashing in rhythmic alternation.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-supernova-blast-core-loader","t":"Abstract Supernova Blast Core","d":"A blinding nuclear core blast expanding to all 25 matrix dots.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-stair-waterfall-loader","t":"Abstract Stair Waterfall","d":"Cascading waterfall steps tumbling down through coordinate levels.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-snake-corridor-loader","t":"Abstract Snake Corridor","d":"A luminous snake winding continuously through matrix corridors.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-iris-eye-dilation-loader","t":"Abstract Iris Eye Dilation","d":"An eye pupil aperture dilating in responsive biological rhythm.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-vortex-helix-fusion-loader","t":"Abstract Vortex Helix Fusion","d":"Vortex rotation fused with helical phase oscillations.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-radar-ping-beacon-loader","t":"Abstract Radar Ping Beacon","d":"Active sonar ping radiating outward through oceanic matrix nodes.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:abstract-pulse-radiant-core-loader","t":"Abstract Pulse Radiant Core","d":"A radiant matrix core emitting rhythmic optical heartbeats.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:space-galaxy-spiral-loader","t":"Galaxy Spiral Spin","d":"A cosmic spiral galaxy swirling with stellar acceleration.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:space-pulsar-beacon-loader","t":"Pulsar Frequency Beacon","d":"A high-energy spinning neutron star emitting periodic gamma pulses.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:space-nebula-diffuse-loader","t":"Nebula Cloud Diffuse","d":"An interstellar cosmic dust cloud gently breathing with ambient light.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:space-solar-flare-loader","t":"Solar Flare Eruption","d":"A violent magnetic explosion erupting from a stellar corona.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:space-black-hole-loader","t":"Black Hole Singularity","d":"Cosmic matter spiraling inward toward a gravitational singularity.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:space-event-horizon-loader","t":"Event Horizon Decay","d":"Light photons trapped in an orbital decay boundary around a void.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:space-supernova-core-loader","t":"Supernova Core Blast","d":"A massive stellar collapse bursting into an expansive nova shell.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:space-constellation-orion-loader","t":"Constellation Orion Pulse","d":"Geometric celestial star nodes twinkling in astral harmony.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:space-quasar-jet-loader","t":"Quasar Jet Radiation","d":"Relativistic plasma jets firing across galactic coordinate axes.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:space-asteroid-belt-loader","t":"Asteroid Belt Orbit","d":"Multiple celestial fragments orbiting around a gravitational nexus.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:space-warp-drive-loader","t":"Warp Drive Acceleration","d":"Spacetime distortion field compressing along the vector of travel.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:space-wormhole-fold-loader","t":"Wormhole Spatial Fold","d":"Two distant spacetime points bridged by an accelerating Einstein-Rosen vortex.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:space-satellite-relay-loader","t":"Satellite Handoff Relay","d":"Orbital telemetry data bouncing across deep space transceiver nodes.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:space-lunar-eclipse-loader","t":"Lunar Eclipse Shadow","d":"An umbral planetary shadow traversing a celestial disc.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:space-cosmic-ray-loader","t":"Cosmic Ray Transit","d":"High-energy particles streaking across the interstellar matrix.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:space-planetary-ring-loader","t":"Planetary Ring Resonance","d":"Concentric planetary dust rings in counter-rotating orbital resonance.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:space-comet-tail-loader","t":"Comet Halley Tail","d":"An icy celestial nucleus trailing a glowing ion tail behind it.","s":"atomloader","c":"status/loader","tg":["neon"],"sy":["neon"],"hc":1},{"id":"atomloader:space-deep-void-loader","t":"Deep Void Singularity","d":"Outer cosmos particles drawn toward an infinite gravitational abyss.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:space-starlight-parallax-loader","t":"Starlight Parallax Shift","d":"Distant stellar beacons shifting phase in astral navigation coordinates.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:space-dark-matter-loader","t":"Dark Matter Lattice","d":"Invisible cosmic filaments oscillating in antiphase gravitational polarity.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:space-solar-wind-loader","t":"Solar Wind Corona","d":"A radiant solar corona expanding and contracting with thermal breath.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:space-gravitational-wave-loader","t":"Gravitational Wave Ripple","d":"Concentric spacetime curvature ripples propagating across the matrix.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:space-interstellar-drift-loader","t":"Interstellar Drift Vector","d":"A deep space probe navigating through astral gravitational orbits.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:space-aurora-plasma-loader","t":"Aurora Plasma Stream","d":"Magnetospheric plasma curtains undulating in counter-phase waves.","s":"atomloader","c":"status/loader","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"atomloader:space-magnetar-burst-loader","t":"Magnetar Pulse Burst","d":"Extreme magnetic reconnection events flashing with blinding intensity.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:triangle-core-spokes-loader","t":"Triangle Core Spokes","d":"Radiant triangular core spokes bursting outward toward vertices.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-altitude-wave-loader","t":"Triangle Altitude Wave","d":"Horizontal tiers lighting sequentially from apex downward.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:triangle-corner-bounce-loader","t":"Triangle Corner Bounce","d":"Triangular vertices bouncing rhythmic energy in cyclic handoff.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:triangle-vertex-chase-loader","t":"Triangle Vertex Chase","d":"Luminous particles chasing along the perimeter edges of a triangle.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-row-sweep-loader","t":"Triangle Row Sweep","d":"Rhythmic row scan sweeping downward across the triangular shape.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-braille-beat-loader","t":"Triangle Braille Beat","d":"Geometric braille-like triangular dot matrix pulsing in rhythm.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-oblique-weave-loader","t":"Triangle Oblique Weave","d":"Slanted oblique waves traveling across triangular facets.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-wing-metronome-loader","t":"Triangle Wing Metronome","d":"Left and right wing facets alternating in metronomic counterflow.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-corona-tier-loader","t":"Triangle Corona Tier","d":"Concentric triangular tiers expanding outward like a corona.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-column-rake-loader","t":"Triangle Column Rake","d":"Vertical columns scanning sequentially across triangular width.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-shelf-descent-loader","t":"Triangle Shelf Descent","d":"Tiered shelves illuminating in stepped gravitational cascade.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-skew-drift-loader","t":"Triangle Skew Drift","d":"An asymmetric right-triangle drift propagating along the hypotenuse.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-serpent-zip-loader","t":"Triangle Serpent Zip","d":"A high-speed particle snake zipping around triangular perimeter corners.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-pillar-sweep-loader","t":"Triangle Pillar Sweep","d":"Outer vertical pillars sweeping in counter-directional balance.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:triangle-tripod-handoff-loader","t":"Triangle Tripod Handoff","d":"Three cornerstone particles leapfrogging in continuous tripod sequence.","s":"atomloader","c":"status/loader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"atomloader:circle-celestial-orbit-loader","t":"Circle Celestial Orbit","d":"A planetary body orbiting with smooth gravitational momentum.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-corona-flare-loader","t":"Circle Corona Flare","d":"A brilliant circular corona bursting with solar prominence flare.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-accretion-disk-loader","t":"Circle Accretion Disk","d":"High-temperature plasma accretion disk spinning into a central sink.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-solar-prominence-loader","t":"Circle Solar Prominence","d":"Solar magnetic loops popping energetically along circular limbs.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-orbital-handoff-loader","t":"Circle Orbital Handoff","d":"Twin orbital nodes leapfrogging across circular quadrants.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-stellar-meridian-loader","t":"Circle Stellar Meridian","d":"Celestial meridian scan sweeping through circular polar coordinates.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-gravity-lens-loader","t":"Circle Gravity Lens","d":"Gravitational lensing expanding the Einstein ring aperture.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-nova-radiance-loader","t":"Circle Nova Radiance","d":"A radiant circular star core breathing with pulsating luminosity.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-meridian-sweep-loader","t":"Circle Meridian Sweep","d":"Opposing circular arcs traveling in counter-directional sweep.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-radial-quasar-loader","t":"Circle Radial Quasar","d":"A compact core bursting outward into circular shockwave shells.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-echo-rings-loader","t":"Circle Echo Rings","d":"Harmonic echo waves propagating through concentric circular boundaries.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-kepler-orbit-loader","t":"Circle Kepler Orbit","d":"Keplerian orbital resonance oscillating with sinusoidal phase delay.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-void-eclipse-loader","t":"Circle Void Eclipse","d":"Outer stellar disc collapsing inward to form a total solar eclipse.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-magnetosphere-drift-loader","t":"Circle Magnetosphere Drift","d":"Charged ions pulled inward along planetary magnetic field lines.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:circle-photon-sphere-loader","t":"Circle Photon Sphere","d":"A photon snake circulating endlessly around the critical photon sphere.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:pentagon-orbit-trace-loader","t":"Pentagon Orbit Trace","d":"A luminous particle orbiting around a 5-sided pentagon perimeter.","s":"atomloader","c":"status/loader","sb":"Spinners","hc":1},{"id":"atomloader:pentagon-core-spokes-loader","t":"Pentagon Core Spokes","d":"Central core exploding outward to the 5 pentagon vertices.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pentagon-altitude-wave-loader","t":"Pentagon Altitude Wave","d":"Stepped wave cascading down from the pentagon apex to bottom baseline.","s":"atomloader","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"atomloader:pentagon-vertex-chase-loader","t":"Pentagon Vertex Chase","d":"Twin particles chasing across 5 pentagon corner vertices.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pentagon-star-core-loader","t":"Pentagon Star Core","d":"A pentagonal star core pulsing with rhythmic optical heartbeats.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pentagon-radar-sector-loader","t":"Pentagon Radar Sector","d":"A radar beam scanning across 5-point pentagonal coordinates.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pentagon-iris-dilation-loader","t":"Pentagon Iris Dilation","d":"Pentagon contour dilating in smooth breathing cycles.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pentagon-collapse-core-loader","t":"Pentagon Collapse Core","d":"The 5 outer vertices imploding simultaneously into the center.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pentagon-radial-burst-loader","t":"Pentagon Radial Burst","d":"Central particle exploding outward into a full pentagonal boundary.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pentagon-dna-helix-loader","t":"Pentagon DNA Helix","d":"Left and right pentagon facets oscillating in harmonic phase delay.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pentagon-magnet-pulse-loader","t":"Pentagon Magnet Pulse","d":"Outer pentagon facets drawn inward by a magnetic centroid.","s":"atomloader","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"atomloader:pentagon-serpent-zip-loader","t":"Pentagon Serpent Zip","d":"A 4-dot snake circumnavigating all 5 pentagon edges continuously.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pentagon-column-rake-loader","t":"Pentagon Column Rake","d":"Vertical columns scanning left-to-right across pentagon width.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pentagon-glitch-stutter-loader","t":"Pentagon Glitch Stutter","d":"Digital micro-stutters and phase shifts distorting pentagon facets.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pentagon-supernova-flare-loader","t":"Pentagon Supernova Flare","d":"A brilliant nova flare radiating through pentagonal geometry.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pentagon-harmonic-breathe-loader","t":"Pentagon Harmonic Breathe","d":"A solid filled pentagon breathing with harmonic opacity modulation.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pentagon-dual-counterflow-loader","t":"Pentagon Dual Counterflow","d":"Left and right pentagon sides traveling in opposing orbital directions.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pentagon-stair-cascade-loader","t":"Pentagon Stair Cascade","d":"Stepped lighting cascading down pentagonal tiers in rhythm.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pentagon-leapfrog-handoff-loader","t":"Pentagon Leapfrog Handoff","d":"Particles leapfrogging between the 5 corner points in sequence.","s":"atomloader","c":"status/loader","hc":1},{"id":"atomloader:pentagon-solar-shield-loader","t":"Pentagon Solar Shield","d":"A fortified pentagon energy shield popping with active harmonic nodes.","s":"atomloader","c":"status/loader","hc":1},{"id":"atroui:utils","t":"Utils","d":"cn() helper (clsx + tailwind-merge).","k":"lib","s":"atroui","c":"lib/utility","sb":"Class helpers","vn":2,"hc":1},{"id":"atroui:brand","t":"Brand","d":"getBrand() and DEFAULT_BRAND - edit or override with NEXT_PUBLIC_SITE_*.","k":"lib","s":"atroui","c":"lib/utility","hc":1},{"id":"atroui:project-brief","t":"Project Brief","d":"Shared ProjectBrief type + OG/thumbnail href helpers for Scope → Planner → social card glu","k":"lib","s":"atroui","c":"lib/utility","hc":1},{"id":"atroui:button","t":"Button","d":"AtroUI button with CVA variants. Source lands in your project.","s":"atroui","c":"actions/button","hc":1},{"id":"atroui:theme-toggle","t":"Theme Toggle","d":"Light / system / dark toggle using next-themes.","s":"atroui","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"atroui:adaptive-theme","t":"Adaptive Theme","d":"Contrast helpers that lift muted type to WCAG AA against the canvas.","k":"lib","s":"atroui","c":"lib/utility","sb":"Theme","hc":1},{"id":"atroui:theme-adapt","t":"Adaptive Theme Switch","d":"Light/dark switch that keeps brand canvases and lifts type that would vanish in the other ","s":"atroui","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"atroui:card","t":"Card","d":"Elevated surface with header, content, and footer slots.","s":"atroui","c":"data-display/card","hc":1},{"id":"atroui:textarea","t":"Textarea","d":"Multi-line text input styled for AtroUI forms.","s":"atroui","c":"inputs/textarea","hc":1},{"id":"atroui:form-select","t":"Form Select","d":"Accessible select built on Base UI.","s":"atroui","c":"inputs/select","hc":1},{"id":"atroui:breadcrumbs","t":"Breadcrumbs","d":"Path navigation trail for docs and product pages.","s":"atroui","c":"navigation/breadcrumb","hc":1},{"id":"atroui:prose","t":"Prose","d":"Long-form typography container for articles and MDX.","s":"atroui","c":"data-display/typography","hc":1},{"id":"atroui:fade-in","t":"Fade In","d":"Scroll-triggered fade + rise using motion.","k":"layout","s":"atroui","c":"layout/scroll-area","hc":1},{"id":"atroui:stagger","t":"Stagger","d":"Stagger children on scroll with StaggerChild.","k":"layout","s":"atroui","c":"layout/scroll-area","hc":1},{"id":"atroui:scroll-progress","t":"Scroll Progress","d":"Reading-progress bar driven by scroll position.","s":"atroui","c":"data-viz/progress-bar","hc":1},{"id":"atroui:logo","t":"Logo","d":"Interrupted-A mark and wordmark. Edit the SVG in your repo.","k":"resource","s":"atroui","c":"assets/logo","hc":1},{"id":"atroui:home-hero","t":"Home Hero","d":"Docs-matching homepage hero with editable CONTENT (stamp, CTAs, sprint, OG preview panel).","k":"section","s":"atroui","c":"marketing/hero","hc":1},{"id":"atroui:home-who","t":"Home Who","d":"Founder / who band with editable CONTENT constants.","k":"section","s":"atroui","c":"marketing/marketing","hc":1},{"id":"atroui:site-header","t":"Site Header","d":"Sticky site header with editable NAV and CTA.","s":"atroui","c":"navigation/top-nav","hc":1},{"id":"atroui:footer-bold","t":"Bold Footer","d":"Bold footer with editable headline, studio links, and socials.","k":"section","s":"atroui","c":"marketing/footer","hc":1},{"id":"atroui:home-principle","t":"Home Principle","d":"How-we-work principles band with editable CONTENT and PRINCIPLES.","k":"section","s":"atroui","c":"marketing/marketing","hc":1},{"id":"atroui:home-work","t":"Home Work","d":"Selected work band with editable PROJECTS list.","s":"atroui","c":"data-display/list","hc":1},{"id":"atroui:home-lab","t":"Home Lab","d":"Free tools / lab band with editable TOOLS catalog.","k":"section","s":"atroui","c":"marketing/marketing","hc":1},{"id":"atroui:home-crafts","t":"Home Crafts","d":"Capabilities / crafts band with editable CONTENT and CRAFTS (distinct from pricing).","k":"section","s":"atroui","c":"marketing/pricing","hc":1},{"id":"atroui:pricing-overview","t":"Pricing Overview","d":"Fixed-package pricing band with editable CONTENT and PACKAGES.","k":"section","s":"atroui","c":"marketing/pricing","hc":1},{"id":"atroui:feature-grid","t":"Feature Grid","d":"Product feature grid with editable CONTENT and FEATURES.","k":"section","s":"atroui","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"atroui:logo-cloud","t":"Logo Cloud","d":"Partner / client name strip with editable CONTENT and NAMES.","k":"section","s":"atroui","c":"marketing/logos","hc":1},{"id":"atroui:contextual-cta","t":"Contextual CTA","d":"Sticky scroll CTA with editable CONTENT (no analytics wiring).","k":"section","s":"atroui","c":"marketing/cta","hc":1},{"id":"atroui:exit-intent-popup","t":"Exit Intent Popup","d":"Exit-intent dialog with editable CONTENT and storage keys.","s":"atroui","c":"overlays/popover","hc":1},{"id":"atroui:contact-form","t":"Contact Form","d":"Multi-step contact form with editable CONTENT; posts to your API.","k":"section","s":"atroui","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"atroui:site-footer","t":"Site Footer","d":"Lighter footer with editable CONTENT and link columns.","k":"section","s":"atroui","c":"marketing/footer","hc":1},{"id":"atroui:faq","t":"FAQ","d":"Accordion FAQ with editable CONTENT and ITEMS.","k":"section","s":"atroui","c":"marketing/faq","hc":1},{"id":"atroui:waitlist-form","t":"Waitlist Form","d":"Email waitlist form with editable CONTENT; posts to your API.","k":"section","s":"atroui","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"atroui:newsletter-form","t":"Newsletter Form","d":"Email newsletter form with editable CONTENT; posts to your API.","k":"section","s":"atroui","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"atroui:calendly-embed","t":"Calendly Embed","d":"Theme-aware Calendly iframe with editable CONTENT and email fallback.","k":"section","s":"atroui","c":"marketing/marketing","hc":1},{"id":"atroui:made-with-embed","t":"Made With Embed","d":"Credit badge + copyable HTML snippet with editable CONTENT.","s":"atroui","c":"data-display/code-block","hc":1},{"id":"atroui:theme-provider","t":"Theme Provider","d":"next-themes wrapper for class-based dark mode.","k":"theme","s":"atroui","c":"themes/theme","hc":1},{"id":"atroui:mockup-frame","t":"Mockup Frame","d":"Browser-frame UI placeholder for case studies.","s":"atroui","c":"media/mockup","hc":1},{"id":"atroui:timeline-animation","t":"Timeline Animation","d":"Scroll-linked sequenced motion for hero timelines.","s":"atroui","c":"data-display/timeline","hc":1},{"id":"atroui:founder-avatar","t":"Founder Avatar","d":"Circular founder portrait with editable CONTENT src.","s":"atroui","c":"data-display/avatar","hc":1},{"id":"atroui:site-url","t":"Site URL","d":"getSiteUrl() for metadata and JSON-LD.","k":"lib","s":"atroui","c":"lib/utility","hc":1},{"id":"atroui:seo","t":"SEO helpers","d":"getSiteDomain() helper for structured data.","k":"lib","s":"atroui","c":"lib/utility","hc":1},{"id":"atroui:analytics","t":"Analytics","d":"trackEvent and experiment helpers.","k":"lib","s":"atroui","c":"lib/utility","vn":1,"hc":1},{"id":"atroui:social-share","t":"Social Share","d":"X / LinkedIn / copy-link share bar.","s":"atroui","c":"actions/link","hc":1},{"id":"atroui:before-after-slider","t":"Before / After","d":"Compare wireframe vs shipped UI mockups.","s":"atroui","c":"inputs/slider","hc":1},{"id":"atroui:visual-case-study","t":"Case Study","d":"Case study band with editable CONTENT and before/after.","k":"section","s":"atroui","c":"marketing/marketing","sb":"Portfolio","hc":1},{"id":"atroui:ar-portfolio","t":"AR Portfolio","d":"model-viewer AR portfolio with editable CONTENT models.","k":"section","s":"atroui","c":"marketing/marketing","sb":"Portfolio","hc":1},{"id":"atroui:live-dashboard","t":"Live Dashboard","d":"Studio status board with editable CONTENT projects.","k":"layout","s":"atroui","c":"layout/dashboard","hc":1},{"id":"atroui:project-planner","t":"Project Planner","d":"Multi-step project scoping planner UI.","s":"atroui","c":"navigation/wizard-steps","hc":1},{"id":"atroui:testimonial-schema","t":"Testimonial Schema","d":"Review JSON-LD with editable CONTENT.","k":"section","s":"atroui","c":"marketing/testimonials","hc":1},{"id":"atroui:json-ld","t":"JSON LD","d":"Site graph, article, FAQ, and breadcrumb JSON-LD helpers.","k":"section","s":"atroui","c":"marketing/faq","hc":1},{"id":"atroui:og-live-preview","t":"OG Live Preview","d":"CSS OG card preview with editable CONTENT presets.","s":"atroui","c":"data-display/card","hc":1},{"id":"atroui:og-workspace","t":"OG Workspace","d":"OG generator UI shell. Wire CONTENT.endpoint (Host API).","k":"layout","s":"atroui","c":"layout/page-shell","hc":1},{"id":"atroui:thumbnail-workspace","t":"Thumbnail Workspace","d":"Thumbnail generator UI shell. Wire CONTENT.endpoint (Host API).","k":"layout","s":"atroui","c":"layout/page-shell","hc":1},{"id":"atroui:scope-chat","t":"Scope Chat","d":"AI scoping chat UI. Wire CONTENT.endpoint (Host API).","s":"atroui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"atroui:journal-content","t":"Journal","d":"Blog index layout with editable CONTENT posts.","k":"section","s":"atroui","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"atroui:resources-content","t":"Resources","d":"Resource library layout with editable CONTENT items.","s":"atroui","c":"data-display/list","hc":1},{"id":"atroui:api-contact","t":"Contact API","d":"POST /api/contact - honeypot, rate limit, SMTP via atroui/api/contact.","k":"section","s":"atroui","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"atroui:api-waitlist","t":"Waitlist API","d":"POST /api/waitlist - Resend audience or SMTP via atroui/api/waitlist.","k":"section","s":"atroui","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"atroui:api-newsletter","t":"Newsletter API","d":"POST /api/newsletter - Resend audience or SMTP via atroui/api/newsletter.","k":"section","s":"atroui","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"atroui:api-generate","t":"OG Generate API","d":"POST /api/generate - consumer HF/Google keys via atroui/api/generate. No keys shipped.","s":"atroui","c":"data-display/badge","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"atroui:api-thumbnail","t":"Thumbnail API","d":"POST /api/thumbnail - consumer HF/Google/XAI keys via atroui/api/thumbnail. No keys shippe","s":"atroui","c":"data-display/badge","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"atroui:api-scope","t":"Scope Chat API","d":"POST /api/scope - rule-based by default; optional XAI_API_KEY via atroui/api/scope.","s":"atroui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"atroui:count-up","t":"Count Up","d":"In-view count-up number with reduced-motion support.","k":"motion","s":"atroui","c":"motion/number-ticker","hc":1},{"id":"atroui:deadline-countdown","t":"Deadline Countdown","d":"Days-to-deadline band with segmented progress and CountUp.","k":"motion","s":"atroui","c":"motion/number-ticker","hc":1},{"id":"atroui:currently","t":"Currently","d":"Narrow “now” list with editable stamp and items.","s":"atroui","c":"data-display/list","hc":1},{"id":"atroui:project-list","t":"Project List","d":"Hairline project list with tags and optional view-all link.","s":"atroui","c":"data-display/list","hc":1},{"id":"atroui:log-preview","t":"Log Preview","d":"Recent log entries band with view-all link.","s":"atroui","c":"actions/link","hc":1},{"id":"atroui:changelog","t":"Changelog","d":"Filterable month-grouped changelog list.","k":"section","s":"atroui","c":"marketing/marketing","hc":1},{"id":"atroui:command-menu","t":"Command Menu","d":"⌘K command palette for nav, posts, connect, and theme.","s":"atroui","c":"navigation/command-palette","hc":1},{"id":"atroui:reveal","t":"Reveal","d":"IntersectionObserver reveal using .atro-reveal CSS.","k":"section","s":"atroui","c":"marketing/marketing","hc":1},{"id":"atroui:theme-toggle-icon","t":"Theme Toggle Icon","d":"Compact sun/moon theme toggle for narrow chrome.","k":"resource","s":"atroui","c":"assets/icon","hc":1},{"id":"atroui:site-header-narrow","t":"Site Header Narrow","d":"Sticky 640px personal header with mono nav and theme icon.","s":"atroui","c":"navigation/top-nav","hc":1},{"id":"atroui:site-footer-narrow","t":"Site Footer Narrow","d":"Quiet personal footer with tagline and link grid.","k":"section","s":"atroui","c":"marketing/footer","hc":1},{"id":"atroui:social-float","t":"Social Float","d":"Fixed social FAB with expandable link tray.","s":"atroui","c":"overlays/sheet","hc":1},{"id":"atroui:reading-shelf","t":"Reading Shelf","d":"Horizontal book-cover shelf for currently reading.","k":"section","s":"atroui","c":"marketing/marketing","hc":1},{"id":"atroui:personal-hero","t":"Personal Hero","d":"Narrow personal intro with status, lede links, and meta.","k":"section","s":"atroui","c":"marketing/hero","hc":1},{"id":"atroui:resume","t":"Resume","d":"Printable resume layout with experience, skills, and projects.","k":"section","s":"atroui","c":"marketing/marketing","hc":1},{"id":"atroui:local-clock","t":"Local Clock","d":"Timezone-aware local time chip.","s":"atroui","c":"data-display/badge","hc":1},{"id":"atroui:weather-chip","t":"Weather Chip","d":"Open-Meteo weather chip — no API key required.","s":"atroui","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"atroui:stack-list","t":"Stack List","d":"Sectioned tools/stack definition list.","s":"atroui","c":"data-display/list","hc":1},{"id":"audiocn:core","t":"Audio core","d":"Decibel maths, meter ballistics, zones, fader tapers, band resampling, bar level smoothing","k":"resource","s":"audiocn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"audiocn:use-frame-source","t":"useFrameSource","d":"Subscribe a callback to a frame source, with a stable callback and automatic cleanup.","k":"resource","s":"audiocn","c":"assets/sound","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"audiocn:use-level","t":"useLevel","d":"Read a meter source into React state at a low rate, for labels and conditional UI.","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:use-clip-hold","t":"useClipHold","d":"Clip detection with a hold time, a clip count and a reset.","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:use-reduced-motion","t":"useReducedMotion","d":"True when the user asked the system to reduce motion.","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:use-visibility","t":"useVisibility","d":"Whether an element is on screen, in a ref, so animation loops can skip frames nobody sees.","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:use-demo-signal","t":"useDemoSignal","d":"A synthetic speech, music, tone or noise signal as frame sources, for previews, prototypes","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:use-audio-context","t":"useAudioContext","d":"One shared AudioContext that resumes on the first user gesture, plus a provider to supply ","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:use-gain-node","t":"useGainNode","d":"A gain node on the shared AudioContext, wired from an input to a destination, with click-f","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:use-audio-analyser","t":"useAudioAnalyser","d":"Meter and visual frame sources from a MediaStream, media element or AudioNode, using the W","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:use-audio-devices","t":"useAudioDevices","d":"The list of audio input or output devices, with permission state and live updates when dev","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:use-microphone","t":"useMicrophone","d":"Open a microphone as a MediaStream, with browser processing off by default so meters show ","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:use-system-audio","t":"useSystemAudio","d":"Capture system or tab audio through the browser's screen-share picker.","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:use-audio-config","t":"useAudioConfig","d":"The context a mixer or channel strip uses to pass orientation, size, range, zones and ball","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:db-scale","t":"dB Scale","d":"Tick marks and labels for a decibel range, shared by meters and faders.","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:db-readout","t":"dB Readout","d":"A numeric level label that updates at a readable rate, with a reserved width so the layout","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:clip-indicator","t":"Clip Indicator","d":"A clip light that holds after the signal clips, with an optional count and click to reset.","k":"resource","s":"audiocn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"audiocn:level-meter","t":"Level Meter","d":"A peak and RMS level meter: mono or stereo, horizontal or vertical, solid, segmented or gr","k":"resource","s":"audiocn","c":"assets/sound","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"audiocn:bar-visualizer","t":"Bar Visualizer","d":"A row of bars driven by frequency bands, with idle, loading and mirrored modes. Bars paint","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:electric","t":"Electric drawing","d":"Shared drawing for the electric visualizers: repeatable crackle, a spark pool, canvas sizi","k":"resource","s":"audiocn","c":"assets/sound","sb":"Outcomes","vn":2,"hc":1},{"id":"audiocn:smooth-waveform","t":"Smooth Waveform","d":"One clean line across the width that follows the sound, as a smooth wave shaped by the fre","k":"resource","s":"audiocn","c":"assets/sound","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"audiocn:live-waveform","t":"Live Waveform","d":"A canvas waveform of a live signal: scrolling level history or the current frame, as bars,","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:fader","t":"Fader","d":"A volume fader in decibels: linear or console taper, detents, a scale, reset, an editable ","k":"resource","s":"audiocn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"audiocn:parameter-slider","t":"Parameter Slider","d":"A labelled slider with a numeric input, unit, marks, reset and a linear or log scale, for ","k":"resource","s":"audiocn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"audiocn:knob","t":"Knob","d":"A rotary control drawn in SVG, with vertical, horizontal or circular dragging, fine adjust","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:pan-control","t":"Pan Control","d":"Left and right balance with a fill from the centre, a centre detent and reset.","k":"resource","s":"audiocn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"audiocn:channel-toggle","t":"Channel Toggle","d":"Mute, solo and monitor toggle buttons with their own pressed colours.","k":"resource","s":"audiocn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"audiocn:volume-control","t":"Volume Control","d":"A 0..1 volume slider with a mute button and a perceptual curve, for players.","k":"resource","s":"audiocn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"audiocn:audio-device-select","t":"Audio Device Select","d":"A microphone, speaker or source picker with loading, permission, None and disconnected-dev","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:use-mixer","t":"useMixer","d":"Mixer state with no audio attached: gain, mute, solo, pan and monitor per channel, a maste","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:use-web-audio-mixer","t":"useWebAudioMixer","d":"Binds mixer state to a Web Audio graph: per-channel gain, ducking, pan and monitor sends, ","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:channel-strip","t":"Channel Strip","d":"One channel of a mixer: header, status, meter, fader, value, controls and a notice, as a r","k":"resource","s":"audiocn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"audiocn:mixer","t":"Mixer","d":"The container for channel strips: shared meter settings, keyboard navigation between strip","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:use-audio-player","t":"useAudioPlayer","d":"Playback state for an audio element the hook owns: status, time, duration, buffering, volu","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:use-sound","t":"useSound","d":"Low-latency playback of short sounds decoded into memory, with voices, looping, progress a","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:use-waveform-data","t":"useWaveformData","d":"Decode an audio file, or take an AudioBuffer, and reduce it to cached waveform peaks.","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:waveform","t":"Waveform","d":"A static waveform of a clip with a smooth playhead, seeking by pointer and keyboard, hover","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:audio-player","t":"Audio Player","d":"A composable audio player: transport, seek bar with buffering, time, volume, playback rate","k":"resource","s":"audiocn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"audiocn:track-list","t":"Track List","d":"A list of tracks with active and playing states, arrow-key navigation and slots for artwor","k":"resource","s":"audiocn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"audiocn:sound-pad","t":"Sound Pad","d":"A trigger pad with one-shot, toggle, hold and loop modes, a hotkey, playback progress and ","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:spectrum","t":"Spectrum","d":"A frequency spectrum analyser drawn on canvas as bars, a line or an area, with peak hold, ","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:system-audio-mixer","t":"System Audio Mixer","d":"The complete mixer: microphone, system audio, music and sound pads with meters, faders, mu","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:mic-setup","t":"Microphone Setup","d":"Choose and check a microphone: device select with a live preview, a level meter, gain, mut","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:system-audio-settings","t":"System Audio Settings","d":"Turn system audio capture on, set its level, watch its meter and explain what the browser ","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:quick-audio-popover","t":"Quick Audio Popover","d":"Compact microphone and system audio controls behind one toolbar button that shows a live l","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:soundboard","t":"Soundboard","d":"A grid of sound pads with global hotkeys, per-pad mode and volume in a context menu, maste","k":"resource","s":"audiocn","c":"assets/sound","hc":1},{"id":"audiocn:music-player","t":"Music Player","d":"A playlist player with a waveform seek bar, shuffle, repeat, volume and optional ducking u","k":"resource","s":"audiocn","c":"assets/sound","sb":"Music and ambient","hc":1},{"id":"auth0:my-account/user-mfa-management","t":"User MFA Management","d":"A block for managing Multi-Factor Authentication (MFA) factors, including enrollment and d","s":"auth0","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"auth0:my-organization/organization-details-edit","t":"Organization Management","d":"A block for managing organization details, including editing organization settings and bra","s":"auth0","c":"data-display/accordion","tg":["playful"],"sy":["playful"],"hc":1},{"id":"auth0:my-organization/domain-table","t":"Domain Management Table","d":"A block for managing organization domains, including creating, verifying, configuring iden","s":"auth0","c":"data-display/table","sb":"Data tables","hc":1},{"id":"auth0:my-organization/sso-provider-table","t":"SSO Provider Table","d":"A block for managing SSO identity providers in a table format, including create, edit, del","k":"layout","s":"auth0","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"auth0:my-organization/sso-provider-create","t":"SSO Provider Creation Wizard","d":"A multi-step wizard for creating SSO identity providers with support for multiple strategi","k":"layout","s":"auth0","c":"flows/sign-in","tg":["webgl"],"sb":"Sign in","sy":["webgl"],"hc":1},{"id":"auth0:my-organization/sso-provider-edit","t":"SSO Provider Edit","d":"A comprehensive block for editing SSO identity providers with tabs for provider configurat","k":"layout","s":"auth0","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"avertra-ui:accordion","t":"Accordion","d":"A collapsible accordion component.","s":"avertra-ui","c":"data-display/accordion","hc":1},{"id":"avertra-ui:alert","t":"Alert","d":"An alert component for displaying messages.","s":"avertra-ui","c":"overlays/alert-banner","hc":1},{"id":"avertra-ui:avatar","t":"Avatar","d":"An avatar component for displaying user images.","s":"avertra-ui","c":"data-display/avatar","hc":1},{"id":"avertra-ui:badge","t":"Badge","d":"A badge component for displaying status or labels.","s":"avertra-ui","c":"data-display/badge","hc":1},{"id":"avertra-ui:breadcrumb","t":"Breadcrumb","d":"A breadcrumb navigation component.","s":"avertra-ui","c":"navigation/breadcrumb","hc":1},{"id":"avertra-ui:button","t":"Button","d":"A reusable button component.","s":"avertra-ui","c":"actions/button","hc":1},{"id":"avertra-ui:calendar","t":"Calendar","d":"A calendar component for date selection.","s":"avertra-ui","c":"data-display/calendar","hc":1},{"id":"avertra-ui:card","t":"Card","d":"A card component for containing content.","s":"avertra-ui","c":"data-display/card","hc":1},{"id":"avertra-ui:checkbox","t":"Checkbox","d":"A checkbox component for toggling options.","s":"avertra-ui","c":"inputs/checkbox","hc":1},{"id":"avertra-ui:componentfooter","t":"Component Footer","d":"A footer component for component documentation.","k":"section","s":"avertra-ui","c":"marketing/footer","hc":1},{"id":"avertra-ui:edgecases","t":"Edge Cases","d":"Edge case components and examples.","s":"avertra-ui","c":"other/other","hc":1},{"id":"avertra-ui:floating-label-input","t":"Floating Label Input","d":"An input component with floating label.","s":"avertra-ui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"avertra-ui:heading","t":"Heading","d":"A heading component with various sizes.","k":"motion","s":"avertra-ui","c":"motion/text-effect","hc":1},{"id":"avertra-ui:info-tooltip","t":"Info Tooltip","d":"A tooltip component for displaying information.","s":"avertra-ui","c":"overlays/tooltip","hc":1},{"id":"avertra-ui:input","t":"Input","d":"A text input component.","s":"avertra-ui","c":"inputs/form-field","hc":1},{"id":"avertra-ui:label","t":"Label","d":"A label component for form inputs.","s":"avertra-ui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"avertra-ui:links","t":"Links","d":"A links component for navigation.","s":"avertra-ui","c":"actions/link","hc":1},{"id":"avertra-ui:otp-input","t":"OTP Input","d":"An OTP (One-Time Password) input component.","s":"avertra-ui","c":"inputs/otp-input","hc":1},{"id":"avertra-ui:pagination","t":"Pagination","d":"A pagination component for navigating pages.","s":"avertra-ui","c":"navigation/pagination","hc":1},{"id":"avertra-ui:popover","t":"Popover","d":"A popover component for displaying content.","s":"avertra-ui","c":"overlays/popover","hc":1},{"id":"avertra-ui:progress","t":"Progress","d":"A progress bar component.","s":"avertra-ui","c":"data-viz/progress-bar","hc":1},{"id":"avertra-ui:radio-group","t":"Radio Group","d":"A radio button group component.","s":"avertra-ui","c":"inputs/radio","hc":1},{"id":"avertra-ui:social-link","t":"Social Link","d":"A social media link component.","s":"avertra-ui","c":"actions/link","hc":1},{"id":"avertra-ui:spinner","t":"Spinner","d":"A loading spinner component.","s":"avertra-ui","c":"status/loader","sb":"Spinners","hc":1},{"id":"avertra-ui:stepper","t":"Stepper","d":"A stepper component for multi-step processes.","s":"avertra-ui","c":"navigation/wizard-steps","hc":1},{"id":"avertra-ui:table","t":"Table","d":"A table component for displaying data.","s":"avertra-ui","c":"data-display/table","hc":1},{"id":"avertra-ui:tabs","t":"Tabs","d":"A tabs component for organizing content.","s":"avertra-ui","c":"navigation/tabs","hc":1},{"id":"avertra-ui:tag","t":"Tag","d":"A tag component for labeling content.","s":"avertra-ui","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"avertra-ui:toggle","t":"Toggle","d":"A toggle component for switching states.","s":"avertra-ui","c":"actions/switch","hc":1},{"id":"avertra-ui:tooltip","t":"Tooltip","d":"A tooltip component for displaying help text.","s":"avertra-ui","c":"overlays/tooltip","hc":1},{"id":"avertra-ui:wysiwyg-viewer","t":"WYSIWYG Viewer","d":"A WYSIWYG content viewer component.","s":"avertra-ui","c":"inputs/textarea","hc":1},{"id":"awwwardedui:marquee-strip","t":"Marquee Strip","d":"A responsive, pauseable content ribbon for statements, logos, and editorial details.","k":"motion","s":"awwwardedui","c":"motion/marquee","hc":1},{"id":"awwwardedui:smoke-shader-background","t":"Smoke Shader Background","d":"A self-contained WebGL smoke background with cursor effects and an expansive prop surface.","k":"motion","s":"awwwardedui","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"awwwardedui:caustics-shader-background","t":"Caustics Shader Background","d":"A self-contained WebGL caustics background with cursor effects and an expansive prop surfa","k":"motion","s":"awwwardedui","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"awwwardedui:imposter-syndrome-shader","t":"Imposter Syndrome Shader","d":"An atmospheric interactive sky shader with clouds, sun, moon, rain, aurora, and weather ef","k":"motion","s":"awwwardedui","c":"motion/shader","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"awwwardedui:clouds-shader-background","t":"Clouds Shader Background","d":"A self-contained WebGL cloudscape built from the supplied Shadertoy-style noise shader.","k":"motion","s":"awwwardedui","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"axicharts:chart-axi-bar","t":"AxiCharts Bar","d":"Composable bar chart via ChartContainer + chartConfig — shadcn Charts migration path.","s":"axicharts","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"axicharts:chart-axi-line","t":"AxiCharts Line","d":"Line chart with optional area fill — ChartContainer + chartConfig pattern.","s":"axicharts","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"axicharts:chart-axi-donut","t":"AxiCharts Donut","d":"Donut chart via PieChart innerRadius — browser-share style slice.","s":"axicharts","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"axicharts:chart-axi-area","t":"AxiCharts Area","d":"Filled area chart — SLO / trend dashboards with chartConfig labels.","s":"axicharts","c":"data-viz/chart","sb":"Area","hc":1},{"id":"axicharts:chart-axi-stacked-bar","t":"AxiCharts Stacked Bar","d":"Stacked bar chart — sprint velocity / multi-series totals via stacked prop.","s":"axicharts","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"axicharts:chart-axi-combo","t":"AxiCharts Combo","d":"Mixed bar + line on shared categories — shadcn mixed chart pattern with chartConfig.","s":"axicharts","c":"data-viz/chart","hc":1},{"id":"axicharts:chart-axi-multi-line","t":"AxiCharts Multi Line","d":"Multi-series line chart with chartConfig — burndown / trend comparison dashboards.","s":"axicharts","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"axicharts:chart-axi-swarm","t":"AxiCharts Swarm","d":"Beeswarm / jittered strip plot per category — distribution density without KDE.","s":"axicharts","c":"data-viz/chart","hc":1},{"id":"axicharts:chart-axi-ridgeline","t":"AxiCharts Ridgeline","d":"Stacked horizontal KDE density curves per category — joyplot / ridgeline distribution.","s":"axicharts","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"axicharts:chart-axi-chart-config","t":"AxiCharts chartConfig helper","d":"Shared ChartConfig labels/colors — import into registry chart blocks or your own panels.","k":"lib","s":"axicharts","c":"lib/utility","sb":"Theme","hc":1},{"id":"balick:theme","t":"Balick Theme","d":"The monochrome colour palette, radius and dark mode used by every Balick UI component and ","k":"theme","s":"balick","c":"themes/theme"},{"id":"balick:marquee","t":"Marquee","d":"An infinite scrolling track for logos, testimonials or anything else.","k":"motion","s":"balick","c":"motion/marquee","vn":1,"hc":1},{"id":"balick:blur-fade","t":"Blur Fade","d":"Reveal content with a soft blur and fade, on mount or when scrolled into view.","k":"motion","s":"balick","c":"motion/text-effect","vn":1,"hc":1},{"id":"balick:shimmer-button","t":"Shimmer Button","d":"A button with a beam of light travelling around its border.","s":"balick","c":"actions/button","sb":"Animated","vn":1,"hc":1},{"id":"balick:grid-pattern","t":"Grid Pattern","d":"A lightweight SVG grid background with optional highlighted cells.","k":"motion","s":"balick","c":"motion/background","sb":"Grids and patterns","vn":1,"hc":1},{"id":"balick:dot-pattern","t":"Dot Pattern","d":"A grid of dots, with a few that glow in turn.","k":"motion","s":"balick","c":"motion/background","tg":["neon"],"sb":"Grids and patterns","sy":["neon"],"vn":1,"hc":1},{"id":"balick:flickering-grid","t":"Flickering Grid","d":"A field of small squares that flicker at random, drawn on a canvas.","s":"balick","c":"inputs/form-field","vn":1,"hc":1},{"id":"balick:retro-grid","t":"Retro Grid","d":"A grid floor in perspective that slides toward the horizon.","k":"motion","s":"balick","c":"motion/tilt-3d","tg":["3d","retro and HUD"],"sy":["3d","retro and HUD"],"vn":1,"hc":1},{"id":"balick:ripple","t":"Ripple","d":"Concentric rings that breathe from the center, behind a logo or a button.","k":"motion","s":"balick","c":"motion/background","sb":"Waves and warps","vn":1,"hc":1},{"id":"balick:light-rays","t":"Light Rays","d":"Soft rays of light that fan down from the top and sway slowly.","s":"balick","c":"other/other","vn":1,"hc":1},{"id":"balick:aurora","t":"Aurora","d":"Veils of light that drift slowly across the top of a section.","k":"motion","s":"balick","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"vn":1,"hc":1},{"id":"balick:grain","t":"Grain","d":"A paper grain that gives flat surfaces some texture.","k":"motion","s":"balick","c":"motion/background","sb":"Noise and texture","vn":1,"hc":1},{"id":"balick:interactive-grid","t":"Interactive Grid","d":"A grid whose cells light up under the pointer and fade out behind it.","k":"motion","s":"balick","c":"motion/cursor","vn":1,"hc":1},{"id":"balick:wave-lines","t":"Wave Lines","d":"Thin lines that ripple like silk and part around the pointer.","k":"motion","s":"balick","c":"motion/background","sb":"Beams and light","vn":1,"hc":1},{"id":"balick:section","t":"Section","d":"Layout primitives shared by every block: Section, Container and SectionHeader.","k":"layout","s":"balick","c":"layout/page-shell","vn":1,"hc":1},{"id":"balick:social-icons","t":"Social icons","d":"Brand icons for social links (GitHub, LinkedIn, X, YouTube), which lucide-react no longer ","k":"resource","s":"balick","c":"assets/icon","hc":1},{"id":"balick:status-dot","t":"Status Dot","d":"A small live indicator with a pulsing halo, in four tones.","s":"balick","c":"status/status-dot","vn":1,"hc":1},{"id":"balick:segmented-control","t":"Segmented Control","d":"A single choice between a few options, with a pill that slides to the selected one.","s":"balick","c":"actions/segmented-control","vn":1,"hc":1},{"id":"balick:animated-number","t":"Animated Number","d":"A number that rolls up or down to its new value when it changes.","k":"motion","s":"balick","c":"motion/number-ticker","vn":1,"hc":1},{"id":"balick:number-ticker","t":"Number Ticker","d":"Counts up to a number once, when it scrolls into view.","k":"motion","s":"balick","c":"motion/number-ticker","vn":1,"hc":1},{"id":"balick:arrow-button","t":"Arrow Button","d":"A button or link whose arrow nudges forward on hover and focus.","s":"balick","c":"actions/button","vn":1,"hc":1},{"id":"balick:copy-button","t":"Copy Button","d":"Copies a text to the clipboard; the icon turns into a check mark.","s":"balick","c":"actions/copy-button","vn":1,"hc":1},{"id":"balick:status-button","t":"Status Button","d":"A button that shows the progress of its action: idle, loading, success or error.","s":"balick","c":"actions/button","sb":"Animated","vn":1,"hc":1},{"id":"balick:hold-button","t":"Hold Button","d":"Hold to confirm, for actions that are hard to undo.","s":"balick","c":"actions/button","sb":"Loading and states","vn":1,"hc":1},{"id":"balick:text-roll-button","t":"Text Roll Button","d":"On hover, the label rolls up and an identical copy takes its place.","s":"balick","c":"actions/button","vn":1,"hc":1},{"id":"balick:magnetic-button","t":"Magnetic Button","d":"A button that leans a few pixels towards the pointer.","s":"balick","c":"actions/button","tg":["retro and HUD"],"sb":"Animated","sy":["retro and HUD"],"vn":1,"hc":1},{"id":"balick:ripple-button","t":"Ripple Button","d":"A button that sends a soft ripple out from where it is pressed.","s":"balick","c":"actions/button","sb":"Animated","vn":1,"hc":1},{"id":"balick:spotlight-button","t":"Spotlight Button","d":"A soft light follows the pointer inside the button.","s":"balick","c":"actions/button","vn":1,"hc":1},{"id":"balick:expand-button","t":"Expand Button","d":"An icon button whose label slides out on hover and focus.","s":"balick","c":"actions/button","vn":1,"hc":1},{"id":"balick:theme-toggle-button","t":"Theme Toggle Button","d":"Switches between light and dark; the sun grows into a moon.","s":"balick","c":"actions/button","vn":1,"hc":1},{"id":"balick:word-rotate","t":"Word Rotate","d":"Cycles through words in place, each one sliding up into view.","k":"motion","s":"balick","c":"motion/text-effect","sb":"Rotating words","vn":1,"hc":1},{"id":"balick:text-reveal","t":"Text Reveal","d":"Reveals a line word by word, each part fading in from a light blur.","k":"motion","s":"balick","c":"motion/text-effect","sb":"Reveal and entrance","vn":1,"hc":1},{"id":"balick:typewriter","t":"Typewriter","d":"Types phrases character by character, with a blinking caret.","k":"motion","s":"balick","c":"motion/text-effect","sb":"Typewriter","vn":1,"hc":1},{"id":"balick:scramble-text","t":"Scramble Text","d":"Letters start scrambled and settle one after the other.","k":"motion","s":"balick","c":"motion/text-effect","sb":"Scramble and glitch","vn":1,"hc":1},{"id":"balick:shimmer-text","t":"Shimmer Text","d":"A light sweeps across the text, for work in progress.","k":"motion","s":"balick","c":"motion/text-effect","sb":"Gradient and shimmer","vn":1,"hc":1},{"id":"balick:highlight-text","t":"Highlight Text","d":"A marker stroke draws behind the words once they scroll into view.","k":"motion","s":"balick","c":"motion/text-effect","vn":1,"hc":1},{"id":"balick:underline-link","t":"Underline Link","d":"A link whose underline draws in on hover and focus.","s":"balick","c":"actions/link","vn":1,"hc":1},{"id":"balick:expandable-text","t":"Expandable Text","d":"Long text clamped to a few lines, with a button that unfolds the rest.","k":"motion","s":"balick","c":"motion/text-effect","vn":1,"hc":1},{"id":"balick:countdown","t":"Countdown","d":"Days, hours, minutes and seconds left until a date, each rolling to its new value.","k":"motion","s":"balick","c":"motion/number-ticker","vn":1,"hc":1},{"id":"balick:navbar-01","t":"Navbar with mobile menu","d":"Sticky navigation bar that turns translucent on scroll, with an accessible mobile menu.","s":"balick","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"balick:hero-01","t":"Hero with product preview","d":"Centred hero with announcement pill, animated headline, product preview and a scrolling lo","k":"section","s":"balick","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"balick:hero-02","t":"Split hero with deploy terminal","d":"Left-aligned hero with key figures and an animated deploy terminal. No logo strip, so it p","k":"section","s":"balick","c":"marketing/hero","tg":["retro and HUD"],"sb":"Split","sy":["retro and HUD"],"hc":1},{"id":"balick:hero-03","t":"Personal hero","d":"Personal introduction with availability status, social links and a scrolling list of tools","k":"section","s":"balick","c":"marketing/hero","hc":1},{"id":"balick:logos-01","t":"Logo grid","d":"Hairline grid of customer logos with a short introduction.","k":"resource","s":"balick","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"balick:about-01","t":"About with key figures","d":"Two-column introduction with paragraphs, key figures and skills.","k":"section","s":"balick","c":"marketing/marketing","sb":"Team and about","hc":1},{"id":"balick:features-01","t":"Bento features","d":"Bento grid of four illustrated features, followed by a row of secondary features.","k":"section","s":"balick","c":"marketing/features","sb":"Bento","hc":1},{"id":"balick:features-02","t":"Feature grid","d":"Six features in a hairline grid, with a left-aligned header.","k":"section","s":"balick","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"balick:integrations-01","t":"Integrations grid","d":"Twelve integrations in a hairline grid, next to a sticky header and a link to the full lis","k":"section","s":"balick","c":"marketing/logos","hc":1},{"id":"balick:projects-01","t":"Project grid","d":"Grid of projects with screenshots, summary, year and stack. Draws a placeholder when a pro","s":"balick","c":"media/gallery","sb":"Grids","hc":1},{"id":"balick:testimonials-01","t":"Testimonial wall","d":"Masonry wall of customer quotes with names, roles and initials avatars.","k":"section","s":"balick","c":"marketing/testimonials","hc":1},{"id":"balick:pricing-01","t":"Pricing with billing toggle","d":"Three-tier pricing with an animated monthly / yearly toggle and a highlighted plan.","k":"section","s":"balick","c":"marketing/pricing","tg":["webgl"],"sb":"With billing toggle","sy":["webgl"],"hc":1},{"id":"balick:pricing-02","t":"Single plan","d":"One all-inclusive plan: what's included on one side, price and call to action on the other","k":"section","s":"balick","c":"marketing/pricing","sb":"Single plan","hc":1},{"id":"balick:pricing-03","t":"Plan comparison table","d":"Accessible feature comparison across three plans, grouped by category, with the featured p","k":"section","s":"balick","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"],"hc":1},{"id":"balick:faq-01","t":"FAQ with accordion","d":"Two-column FAQ: sticky header with a contact link, and an accessible accordion built on na","k":"section","s":"balick","c":"marketing/faq","hc":1},{"id":"balick:blog-01","t":"Latest posts","d":"Three recent articles with a cover, category, date, author and reading time.","k":"section","s":"balick","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"],"hc":1},{"id":"balick:newsletter-01","t":"Newsletter signup","d":"Email signup card with a confirmation state; posts to a configurable endpoint.","k":"section","s":"balick","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"balick:cta-01","t":"Inverted call to action","d":"High-contrast call to action panel with a subtle grid and two actions.","k":"section","s":"balick","c":"marketing/cta","hc":1},{"id":"balick:contact-01","t":"Contact with channels","d":"Contact panel with a copyable email address and a list of channels.","k":"section","s":"balick","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"balick:contact-02","t":"Contact form with details","d":"Contact form with a confirmation state, next to email, phone, address and opening hours.","k":"section","s":"balick","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"balick:stats-01","t":"Stats grid","d":"Four key figures with short descriptions, in a hairline grid.","s":"balick","c":"data-display/stat","hc":1},{"id":"balick:timeline-01","t":"Timeline","d":"Company story as a vertical timeline, with a sticky header.","s":"balick","c":"data-display/timeline","hc":1},{"id":"balick:services-01","t":"Services list","d":"Numbered list of services with a starting price, deliverables and a link.","k":"section","s":"balick","c":"marketing/features","sb":"Lists","hc":1},{"id":"balick:steps-01","t":"How it works steps","d":"Four numbered steps joined by a connector, horizontal on desktop and vertical on mobile.","s":"balick","c":"navigation/wizard-steps","hc":1},{"id":"balick:team-01","t":"Team grid","d":"Team members with an avatar, role, short bio and social links.","k":"section","s":"balick","c":"marketing/team","hc":1},{"id":"balick:footer-01","t":"Footer with newsletter","d":"Multi-column footer with newsletter form, status indicator, social links and an oversized ","k":"section","s":"balick","c":"marketing/footer","hc":1},{"id":"balick:footer-02","t":"Compact footer","d":"Single-row footer with links and socials, and a legal line.","k":"section","s":"balick","c":"marketing/footer","hc":1},{"id":"balick:stagger","t":"Stagger","d":"Brings a list or a grid in one item after the other, on mount or when scrolled into view.","s":"balick","c":"data-display/list","vn":1,"hc":1},{"id":"balick:mask-reveal","t":"Mask Reveal","d":"Uncovers an image or a card with a mask that slides across it.","s":"balick","c":"data-display/card","vn":1,"hc":1},{"id":"balick:orbit","t":"Orbit","d":"Items that circle around a center while staying upright.","s":"balick","c":"data-display/list","vn":1,"hc":1},{"id":"balick:tilt-card","t":"Tilt Card","d":"A card that leans toward the pointer in 3D, with a soft glare.","s":"balick","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"vn":1,"hc":1},{"id":"balick:parallax","t":"Parallax","d":"A layer that moves at its own pace while the page scrolls.","k":"layout","s":"balick","c":"layout/scroll-area","vn":1,"hc":1},{"id":"balick:scroll-progress","t":"Scroll Progress","d":"A bar that fills as you scroll the page or a panel.","s":"balick","c":"data-viz/progress-bar","vn":1,"hc":1},{"id":"balick:gauge","t":"Gauge","d":"A three-quarter ring for a percentage, colored past its thresholds.","s":"balick","c":"data-viz/gauge","tg":["webgl"],"sy":["webgl"],"vn":1,"hc":1},{"id":"balick:segment-meter","t":"Segment Meter","d":"A level in a few segments, such as the strength of a password.","s":"balick","c":"data-viz/gauge","vn":1,"hc":1},{"id":"balick:spinner","t":"Spinner","d":"Twelve bars that fade in turn, for waits the size of an icon.","s":"balick","c":"status/loader","sb":"Spinners","vn":1,"hc":1},{"id":"balick:uptime-bar","t":"Uptime Bar","d":"The history of a service, one bar per day, colored by how the day went.","k":"section","s":"balick","c":"marketing/features","vn":1,"hc":1},{"id":"balick:status-badge","t":"Status Badge","d":"A pill that names the state of a service, with a live dot.","s":"balick","c":"data-display/badge","sb":"Status","vn":1,"hc":1},{"id":"balick:loading-dots","t":"Loading Dots","d":"Three dots that pulse in turn, sized like the text around them.","k":"motion","s":"balick","c":"motion/background","tg":["webgl"],"sb":"Grids and patterns","sy":["webgl"],"vn":1,"hc":1},{"id":"balick:count-badge","t":"Count Badge","d":"A count pinned to an icon or an avatar, which pops when it changes.","s":"balick","c":"data-display/badge","sb":"Counts","vn":1,"hc":1},{"id":"baraile-loader:braille-loader","t":"Braille Loader","d":"Accessible braille-inspired loading indicator with 25 animation variants.","s":"baraile-loader","c":"status/loader","hc":1},{"id":"basecn:alert","t":"Alert","d":"Displays a callout for user attention.","s":"basecn","c":"overlays/alert-banner","hc":1},{"id":"basecn:accordion","t":"Accordion","d":"A set of collapsible panels with headings.","s":"basecn","c":"data-display/accordion","hc":1},{"id":"basecn:autocomplete","t":"Autocomplete","d":"An input that suggests options as you type.","s":"basecn","c":"inputs/combobox","hc":1},{"id":"basecn:alert-dialog","t":"Alert Dialog","d":"A dialog that requires user response to proceed.","s":"basecn","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"basecn:aspect-ratio","t":"Aspect Ratio","d":"Displays content within a desired ratio.","k":"layout","s":"basecn","c":"layout/page-shell","hc":1},{"id":"basecn:avatar","t":"Avatar","d":"An easily stylable avatar component.","s":"basecn","c":"data-display/avatar","hc":1},{"id":"basecn:badge","t":"Badge","d":"Displays a badge or a component that looks like a badge.","s":"basecn","c":"data-display/badge","hc":1},{"id":"basecn:breadcrumb","t":"Breadcrumb","d":"Displays the path to the current resource using a hierarchy of links.","s":"basecn","c":"navigation/breadcrumb","hc":1},{"id":"basecn:button","t":"Button","d":"Displays a button or a component that looks like a button.","s":"basecn","c":"actions/button","hc":1},{"id":"basecn:button-group","t":"Button Group","d":"A container that groups related buttons together with consistent styling.","s":"basecn","c":"actions/button","sb":"Groups and split","hc":1},{"id":"basecn:card","t":"Card","d":"Displays a card with header, content, and footer.","s":"basecn","c":"data-display/card","hc":1},{"id":"basecn:carousel","t":"Carousel","d":"A carousel with motion and swipe built using Embla.","s":"basecn","c":"media/carousel","hc":1},{"id":"basecn:calendar","t":"Calendar","d":"A date field component that allows users to enter and edit date.","s":"basecn","c":"data-display/calendar","hc":1},{"id":"basecn:checkbox","t":"Checkbox","d":"A control that allows the user to toggle between checked and not checked.","s":"basecn","c":"inputs/checkbox","hc":1},{"id":"basecn:collapsible","t":"Collapsible","d":"An interactive component which expands/collapses a panel.","s":"basecn","c":"data-display/accordion","hc":1,"cp":1},{"id":"basecn:command","t":"Command","d":"Fast, composable, unstyled command menu for React.","s":"basecn","c":"navigation/command-palette","hc":1},{"id":"basecn:combobox","t":"Combobox","d":"An input combined with a list of predefined items to select.","s":"basecn","c":"inputs/combobox","hc":1},{"id":"basecn:context-menu","t":"Context Menu","d":"Displays a menu to the user — such as a set of actions or functions — triggered by a butto","s":"basecn","c":"overlays/context-menu","tg":["playful"],"sy":["playful"],"hc":1},{"id":"basecn:dialog","t":"Dialog","d":"A window overlaid on either the primary window or another dialog window, rendering the con","s":"basecn","c":"overlays/dialog","hc":1},{"id":"basecn:drawer","t":"Drawer","d":"A drawer component for React.","s":"basecn","c":"overlays/sheet","hc":1},{"id":"basecn:drawer-base","t":"Drawer (Base UI)","d":"A panel that slides in from the edge of the screen.","s":"basecn","c":"overlays/sheet","hc":1},{"id":"basecn:dropdown-menu","t":"Dropdown Menu","d":"Displays a menu to the user — such as a set of actions or functions — triggered by a butto","s":"basecn","c":"navigation/menu","tg":["playful"],"sb":"Dropdowns","sy":["playful"],"hc":1},{"id":"basecn:field","t":"Field","d":"Combine labels, controls, and help text to compose accessible form fields and grouped inpu","s":"basecn","c":"inputs/form-field","hc":1},{"id":"basecn:form","t":"Form","d":"Renders a form built with React Hook Form.","s":"basecn","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"basecn:empty","t":"Empty","d":"Use the Empty component to display an empty state.","s":"basecn","c":"data-display/empty-state","hc":1},{"id":"basecn:form-tanstack","t":"Form","d":"Renders a form built with Tanstack Form.","s":"basecn","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"basecn:hover-card","t":"Hover Card","d":"For sighted users to preview content available behind a link.","s":"basecn","c":"overlays/hover-card","hc":1},{"id":"basecn:input","t":"Input","d":"Displays a form input field or a component that looks like an input field.","s":"basecn","c":"inputs/form-field","vn":1,"hc":1},{"id":"basecn:item","t":"Item","d":"A versatile component that you can use to display any content.","s":"basecn","c":"data-display/list","hc":1},{"id":"basecn:label","t":"Label","d":"Renders an accessible label associated with controls.","s":"basecn","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"basecn:menubar","t":"Menubar","d":"A visually persistent menu common in desktop applications that provides quick access to a ","s":"basecn","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"basecn:kbd","t":"Kbd","d":"Used to display textual user input from keyboard.","s":"basecn","c":"data-display/typography","hc":1},{"id":"basecn:navigation-menu","t":"Navigation Menu","d":"A collection of links for navigating websites.","s":"basecn","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"basecn:pagination","t":"Pagination","d":"Pagination with page navigation, next and previous links.","s":"basecn","c":"navigation/pagination","hc":1},{"id":"basecn:popover","t":"Popover","d":"Displays rich content in a portal, triggered by a button.","s":"basecn","c":"overlays/popover","hc":1},{"id":"basecn:progress","t":"Progress","d":"Displays an indicator showing the completion progress of a task, typically displayed as a ","s":"basecn","c":"data-viz/progress-bar","hc":1},{"id":"basecn:radio-group","t":"Radio Group","d":"A set of checkable buttons—known as radio buttons—where no more than one of the buttons ca","s":"basecn","c":"inputs/radio","hc":1},{"id":"basecn:resizable","t":"Resizable","d":"Accessible resizable panel groups and layouts with keyboard support.","k":"layout","s":"basecn","c":"layout/split-pane","hc":1},{"id":"basecn:scroll-area","t":"Scroll Area","d":"Augments native scroll functionality for custom, cross-browser styling.","k":"layout","s":"basecn","c":"layout/scroll-area","tg":["playful"],"sy":["playful"],"hc":1},{"id":"basecn:select","t":"Select","d":"Displays a list of options for the user to pick from—triggered by a button.","s":"basecn","c":"inputs/select","hc":1},{"id":"basecn:separator","t":"Separator","d":"Visually or semantically separates content.","k":"layout","s":"basecn","c":"layout/page-shell","hc":1},{"id":"basecn:separator-extended","t":"Separator (Extended)","d":"Visually or semantically separates content.","k":"layout","s":"basecn","c":"layout/page-shell","hc":1},{"id":"basecn:sheet","t":"Sheet","d":"Extends the Dialog component to display content that complements the main content of the s","s":"basecn","c":"overlays/sheet","hc":1},{"id":"basecn:sidebar","t":"Sidebar","d":"A composable, themeable and customizable sidebar component.","s":"basecn","c":"navigation/sidebar","hc":1},{"id":"basecn:skeleton","t":"Skeleton","d":"Use to show a placeholder while content is loading.","s":"basecn","c":"status/skeleton","hc":1},{"id":"basecn:slider","t":"Slider","d":"An input where the user selects a value from within a given range.","s":"basecn","c":"inputs/slider","hc":1},{"id":"basecn:sonner","t":"Sonner","d":"An opinionated toast component for React.","s":"basecn","c":"overlays/toast","hc":1},{"id":"basecn:spinner","t":"Spinner","d":"An indicator that can be used to show a loading state.","s":"basecn","c":"status/loader","sb":"Spinners","hc":1},{"id":"basecn:switch","t":"Switch","d":"A control that allows the user to toggle between checked and not checked.","s":"basecn","c":"actions/switch","hc":1},{"id":"basecn:table","t":"Table","d":"A responsive table component.","s":"basecn","c":"data-display/table","hc":1},{"id":"basecn:tabs","t":"Tabs","d":"A set of layered sections of content, known as tab panels, that are displayed one at a tim","s":"basecn","c":"navigation/tabs","hc":1},{"id":"basecn:textarea","t":"Textarea","d":"Displays a form textarea or a component that looks like a textarea.","s":"basecn","c":"inputs/textarea","hc":1,"cp":1},{"id":"basecn:toggle","t":"Toggle","d":"A two-state button that can be either on or off.","s":"basecn","c":"actions/switch","vn":1,"hc":1},{"id":"basecn:tooltip","t":"Tooltip","d":"A popup that displays information related to an element when the element receives keyboard","s":"basecn","c":"overlays/tooltip","hc":1},{"id":"baselayer:accordion","t":"Accordion","d":"An accordion allows users to toggle the display of sections of content. Each accordion con","s":"baselayer","c":"data-display/accordion"},{"id":"baselayer:badge","t":"Badge","d":"A badge is a small label that can be used to display information or status.","s":"baselayer","c":"data-display/badge"},{"id":"baselayer:breadcrumbs","t":"Breadcrumbs","d":"Breadcrumbs display a heirarchy of links to the current page or resource in an application","s":"baselayer","c":"navigation/breadcrumb"},{"id":"baselayer:button","t":"Button","d":"A button allows a user to perform an action, with mouse, touch, and keyboard interactions.","s":"baselayer","c":"actions/button"},{"id":"baselayer:calendar","t":"Calendar","d":"A calendar displays one or more date grids and allows users to select either a single date","s":"baselayer","c":"data-display/calendar"},{"id":"baselayer:card","t":"Card","d":"Displays a card with header, content, and footer.","s":"baselayer","c":"data-display/card"},{"id":"baselayer:checkbox","t":"Checkbox","d":"A checkbox allows a user to select multiple items from a list of individual items, or to m","s":"baselayer","c":"inputs/checkbox"},{"id":"baselayer:combobox","t":"Combobox","d":"A combo box combines a text input with a listbox, allowing users to filter a list of optio","s":"baselayer","c":"inputs/combobox"},{"id":"baselayer:command","t":"Command","d":"A command palette that allows users to quickly search and execute commands using keyboard ","s":"baselayer","c":"navigation/command-palette"},{"id":"baselayer:date-field","t":"Date field","d":"A date field allows users to enter and edit date and time values using a keyboard. Each pa","s":"baselayer","c":"inputs/date-picker"},{"id":"baselayer:date-picker","t":"Date picker","d":"A date picker combines one or more DateFields with a calendar popover, allowing users to e","s":"baselayer","c":"inputs/date-picker"},{"id":"baselayer:input","t":"Input","d":"Allows a user to enter a plain text value with a keyboard.","s":"baselayer","c":"inputs/form-field","sb":"Whole forms"},{"id":"baselayer:menu","t":"Menu","d":"A menu displays a list of actions or options that a user can choose.","s":"baselayer","c":"navigation/menu"},{"id":"baselayer:meter","t":"Meter","d":"A meter represents a quantity within a known range, or a fractional value.","s":"baselayer","c":"data-viz/gauge"},{"id":"baselayer:modal","t":"Modal","d":"A modal is an overlay element which blocks interaction with elements outside it.","s":"baselayer","c":"overlays/dialog"},{"id":"baselayer:popover","t":"Popover","d":"A popover is an overlay element positioned relative to a trigger.","s":"baselayer","c":"overlays/popover"},{"id":"baselayer:radio-group","t":"Radio group","d":"A radio group allows a user to select a single option from a list of mutually exclusive op","s":"baselayer","c":"inputs/radio"},{"id":"baselayer:select","t":"Select","d":"A select displays a collapsible list of options and allows a user to select one of them.","s":"baselayer","c":"inputs/select"},{"id":"baselayer:slider","t":"Slider","d":"A slider allows a user to select one or more values within a range.","s":"baselayer","c":"inputs/slider"},{"id":"baselayer:switch","t":"Switch","d":"A switch allows a user to turn a setting on or off.","s":"baselayer","c":"actions/switch","sb":"With labels"},{"id":"baselayer:table","t":"Table","d":"A table displays data in rows and columns and enables a user to navigate its contents via ","s":"baselayer","c":"data-display/table"},{"id":"baselayer:tabs","t":"Tabs","d":"Tabs organize content into multiple sections and allow users to navigate between them.","s":"baselayer","c":"navigation/tabs"},{"id":"baselayer:tag-group","t":"Tag group","d":"A tag group is a focusable list of labels, categories, keywords, filters, or other items, ","s":"baselayer","c":"data-display/badge","sb":"Tags and pills"},{"id":"baselayer:time-field","t":"Time field","d":"A time field allows users to enter and edit time values using a keyboard. Each part of a t","s":"baselayer","c":"inputs/time-picker"},{"id":"baselayer:toggle","t":"Toggle","d":"A toggle button allows a user to toggle a selection on or off, for example switching betwe","s":"baselayer","c":"actions/switch","sb":"With labels"},{"id":"baselayer:tooltip","t":"Tooltip","d":"A tooltip displays a description of an element on hover or focus.","s":"baselayer","c":"overlays/tooltip"},{"id":"benday:benday","t":"Benday","d":"Turn any logo into a customizable animated Ben-Day dot field.","s":"benday","c":"ai-agent/ai-agent","hc":1},{"id":"beste-ui:about1","t":"Team & Mission","d":"Two-column about section with mission statement, company stats, and team member grid. Perf","k":"section","s":"beste-ui","c":"marketing/team"},{"id":"beste-ui:about2","t":"Values with Team Photo","d":"Full-width team photo with a three-column values grid below. Great for culture pages and b","k":"section","s":"beste-ui","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:about3","t":"Timeline & Milestones","d":"Two-column layout with company stats on the left and a vertical timeline of milestones on ","s":"beste-ui","c":"data-display/timeline"},{"id":"beste-ui:about4","t":"Founder Quote & Team","d":"Founder blockquote with avatar, followed by a horizontal team member row. Ideal for leader","k":"section","s":"beste-ui","c":"marketing/team"},{"id":"beste-ui:about5","t":"Image & Text Split","d":"Side-by-side layout with a tall image on the left and company story, inline stats, and CTA","k":"motion","s":"beste-ui","c":"motion/text-effect","sb":"Reveal and entrance"},{"id":"beste-ui:about6","t":"Numbered Principles","d":"Asymmetric two-column layout with heading on the left and numbered company principles on t","k":"motion","s":"beste-ui","c":"motion/text-effect","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:about7","t":"Team Cards with Bios","d":"Three-column grid of team member cards with avatars, roles, and short bios. Great for lead","k":"section","s":"beste-ui","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:about8","t":"Stats with Descriptions","d":"Four-column stats grid with large numbers, titles, and supporting descriptions. Perfect fo","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:about9","t":"Mission & Trust Logos","d":"Centered mission statement with a logo strip of trusted partners below. Ideal for building","k":"resource","s":"beste-ui","c":"assets/logo","sb":"Dev tools"},{"id":"beste-ui:about10","t":"Bento Grid About","d":"Asymmetric bento grid combining a mission card, team photo, stats, and stacked avatars. A ","k":"layout","s":"beste-ui","c":"layout/bento-grid"},{"id":"beste-ui:about11","t":"Hero Banner with Avatars","d":"Wide hero image with gradient overlay text, inline stats, and a stacked avatar strip of te","s":"beste-ui","c":"overlays/alert-banner","tg":["gradient"],"sy":["gradient"]},{"id":"beste-ui:about12","t":"Process Steps","d":"Four-column numbered process cards showing how your company works. Each step has a large n","k":"section","s":"beste-ui","c":"marketing/features","sb":"Steps"},{"id":"beste-ui:about13","t":"Company Profile","d":"Asymmetric layout with company story and image on the left, and a vertical list of company","s":"beste-ui","c":"data-display/profile"},{"id":"beste-ui:about14","t":"Stats Bar with Story Card","d":"Horizontal stats row at the top followed by a centered story card with heading, body text,","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:about15","t":"Letter from the CEO","d":"Editorial-style open letter with paragraphs, a personal signature with avatar, and a call-","k":"motion","s":"beste-ui","c":"motion/text-effect"},{"id":"beste-ui:about16","t":"Vision Mission Values","d":"Three-column cards for vision, mission, and values with labeled headers. Clean editorial l","s":"beste-ui","c":"data-display/card","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"beste-ui:about17","t":"Awards & Recognition","d":"Vertical list of awards and accolades with icons, titles, organizations, and years. Ideal ","s":"beste-ui","c":"data-display/list"},{"id":"beste-ui:about18","t":"Office Locations Grid","d":"Four-column grid of office cards with city, country, address, and team size. Ideal for glo","k":"section","s":"beste-ui","c":"marketing/team"},{"id":"beste-ui:about19","t":"Company At a Glance","d":"Full company overview with panoramic image, story paragraph, key facts list, leadership qu","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:about20","t":"Team Photo & List","d":"Wide team photo, member list with avatars, team stats grid, and a culture quote. A rich te","k":"section","s":"beste-ui","c":"marketing/team"},{"id":"beste-ui:about21","t":"Checklist & Image Split","d":"Two-column layout with checklist highlights on the left, featured image and testimonial qu","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:about22","t":"Q&A About Us","d":"Asymmetric two-column layout with heading on the left and question-answer pairs on the rig","k":"section","s":"beste-ui","c":"marketing/team"},{"id":"beste-ui:about23","t":"Story, Image & Team Row","d":"Two-column layout with company story, stats, and leadership quote on the left, team photo ","k":"section","s":"beste-ui","c":"marketing/team"},{"id":"beste-ui:about24","t":"Company Heritage & Features","d":"Company story with image, border-accented feature highlights, and stats row. Great for cra","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:about25","t":"Animated Stats & Value Cards","d":"Side-by-side intro with animated number counters on scroll, expanding accent bars, and hov","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:about26","t":"Interactive Pillar Tabs & Image","d":"Centered header with interactive hover tabs that crossfade a side image. Accordion descrip","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:about27","t":"Split Intro & Animated Timeline","d":"Left intro with image, right vertical timeline with staggered scroll-reveal animation. Num","s":"beste-ui","c":"data-display/timeline"},{"id":"beste-ui:about28","t":"Marquee Stats & Team Split","d":"Full-width animated marquee stats ticker, split layout with intro text and leadership avat","k":"section","s":"beste-ui","c":"marketing/team"},{"id":"beste-ui:about29","t":"Wide Banner & Product Cards","d":"Centered header with wide panoramic image, product cards with layered attributes, and sour","s":"beste-ui","c":"overlays/alert-banner"},{"id":"beste-ui:about30","t":"Banner Split & Process Steps","d":"Panoramic image with split header showing numbered process steps alongside. For studios an","k":"section","s":"beste-ui","c":"marketing/features","sb":"Steps"},{"id":"beste-ui:about31","t":"Hero Overlay & Suite Cards","d":"Dark-overlay hero image with heading, suite/room cards with temperature and capacity badge","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:about32","t":"Two Image Layout","d":"Centered heading with description, followed by two images side-by-side. Configurable image","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:about33","t":"About With Stats Band","d":"About section with an eyebrow label and read-more action on the left, a bold heading with ","s":"beste-ui","c":"actions/button"},{"id":"beste-ui:about34","t":"About Stats Grid","d":"About section: eyebrow label, two-tone heading, two portraits beside a 2x2 stats grid.","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:about35","t":"About Media Reel","d":"About section with eyebrow, stacked stats and a read-more CTA beside a media card with a w","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:about36","t":"Edge Label About","d":"Asymmetric about with a bleeding image, vertical edge label, offset copy and an inline sta","s":"beste-ui","c":"inputs/form-field","sb":"Animated fields"},{"id":"beste-ui:about37","t":"Index Columns About","d":"Three uneven columns: a studio fact index, an oversized statement, and a portrait with sig","s":"beste-ui","c":"data-display/badge","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:about38","t":"Overlap Heading About","d":"About where a large heading overlaps a portrait, with a paragraph, CTA and a bottom stat r","k":"motion","s":"beste-ui","c":"motion/text-effect"},{"id":"beste-ui:about39","t":"Numeral About","d":"About anchored by an oversized numeral with a paragraph and a horizontal image strip.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:about40","t":"Interleaved About","d":"Magazine about where copy is interleaved between two staggered offset images.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:about41","t":"Story Rail About","d":"Sticky eyebrow rail beside a story column and an offset captioned image.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:about42","t":"Framed Studio Card","d":"About composed inside a bordered studio card with header marks, portrait and a stats strip","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:about43","t":"Heading Hero About","d":"An oversized about statement hero above three heterogeneous zones: portrait, values and a ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["webgl"],"sb":"SaaS and AI","sy":["webgl"]},{"id":"beste-ui:about44","t":"Marquee Accent About","d":"Layered about over a faint scrolling studio-word marquee with offset images and stats.","k":"motion","s":"beste-ui","c":"motion/marquee"},{"id":"beste-ui:about45","t":"Founder Quote About","d":"A founder-led pull-quote about with a portrait, signature and a facts strip.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:about46","t":"About Strip","d":"An about intro followed by a horizontally scrollable strip mixing image, stat, quote and v","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:about47","t":"Split Panel About","d":"A hard light/dark split about panel: dark statement side and a light image-and-facts side.","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:about48","t":"Principles About","d":"About pairing a sticky studio statement and image with a numbered list of operating princi","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:about49","t":"Founder Statement About","d":"About built around a dark founder portrait card with a pull-quote, signature, and supporti","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:about50","t":"Chaptered About","d":"A pinned studio image beside a numbered, chaptered about story.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:about51","t":"Beliefs About","d":"A statement heading over a belief list punctuated by intermittent inline thumbnails.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:about52","t":"Spec Sheet About","d":"About styled as a technical spec sheet with coordinate marks, a data column and a portrait","s":"beste-ui","c":"overlays/sheet"},{"id":"beste-ui:about53","t":"Pinned Photos About","d":"About with two subtly rotated, captioned studio photos clustered beside the statement.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:about54","t":"Inset Card About","d":"A cinematic wide image with an overlapping inset content card and a stat ribbon.","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:about55","t":"Four Parts About","d":"A type-led about with an oversized statement and a four-part Who/What/How/Why grid.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:about56","t":"Showcase Hero With Video","d":"Large heading with dual CTAs and a rating card, a playable video with floating metric card","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With video"},{"id":"beste-ui:about57","t":"Values And Mission Statement","d":"Two centered statements on a dark surface, each with an accent heading, an uppercase parag","s":"beste-ui","c":"inputs/form-field"},{"id":"beste-ui:about58","t":"About Statement Card","d":"About section on a soft muted card with a monospace parenthetical eyebrow, a bold studio w","s":"beste-ui","c":"data-display/card","sb":"Metric"},{"id":"beste-ui:about59","t":"About Statement With Pillars","d":"Centered parenthetical eyebrow and a large statement heading, followed by a three-up row o","s":"beste-ui","c":"data-display/badge","tg":["webgl"],"sb":"Tags and pills","sy":["webgl"]},{"id":"beste-ui:about60","t":"Team Member Grid","d":"Team section with an eyebrow, big heading, description and CTA above a responsive grid of ","k":"section","s":"beste-ui","c":"marketing/team"},{"id":"beste-ui:about61","t":"Belief Statement Values","d":"Two-column about section with a sticky eyebrow and big heading on the left and a long beli","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:about62","t":"Milestone Timeline","d":"About section with a header and a vertical timeline of milestones on a left rail, each mar","s":"beste-ui","c":"data-display/timeline"},{"id":"beste-ui:about63","t":"Studio Story Split","d":"Image-led about split with a tall portrait, an offset statement heading, supporting copy, ","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:about64","t":"Principles Card Grid","d":"Principles section with a header and a three-column grid of six bordered cards, each pairi","s":"beste-ui","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:about65","t":"Centered Manifesto","d":"Centered manifesto with a very large multi-line statement heading, muted emphasis phrases,","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:about66","t":"About with Stats Grid","d":"Two-column about with a tall image on one side and an eyebrow, heading, description, and 2","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:about67","t":"Founder Statement","d":"Founder statement with a large blockquote followed by an avatar, name, role, and a monospa","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:about68","t":"Team Portrait Grid","d":"A team section with an eyebrow over a hairline rule, a two-column heading, and a grid of p","k":"section","s":"beste-ui","c":"marketing/team"},{"id":"beste-ui:about69","t":"Mission Band With Principles","d":"A company story section that runs a two-column heading over a wide photo band, then sets t","s":"beste-ui","c":"data-display/badge","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"beste-ui:about70","t":"Company History Rows","d":"A company story told as hairline rows keyed by a light year figure, set against a media co","s":"beste-ui","c":"data-display/list","sb":"Activity and feeds","hc":1},{"id":"beste-ui:about71","t":"Founders' Letter","d":"A long-form company letter set in a wide reading column with an accent-ruled pull quote an","k":"section","s":"beste-ui","c":"marketing/team"},{"id":"beste-ui:about72","t":"Open Company Facts","d":"An about section on a soft surface that opens on a light statement, then lays out eight co","s":"beste-ui","c":"data-viz/map"},{"id":"beste-ui:about73","t":"Colophon Definition Rows","d":"A colophon written as a definition list, each hairline row naming one part of how the site","s":"beste-ui","c":"data-display/list"},{"id":"beste-ui:about74","t":"Philosophy Statement","d":"An about section that opens on a serif statement settling in word by word, then pairs a po","s":"beste-ui","c":"actions/button","tg":["animated"],"sb":"Loading and states","sy":["animated"]},{"id":"beste-ui:about75","t":"Practitioner Portraits","d":"A team section: a serif heading that settles in word by word beside the intro and a pill a","s":"beste-ui","c":"actions/button","tg":["animated","webgl"],"sb":"Animated","sy":["animated","webgl"]},{"id":"beste-ui:about76","t":"Slow Timeline","d":"A history told down a single rule: a sticky column with a serif heading that settles in wo","s":"beste-ui","c":"data-display/timeline","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:about77","t":"The Rooms Grid","d":"A studio tour: a serif heading that settles in word by word beside the intro and a pill ac","s":"beste-ui","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"]},{"id":"beste-ui:about78","t":"Manifesto Lines","d":"A manifesto set as numbered serif lines that each blur in as they reach the viewport, rule","k":"motion","s":"beste-ui","c":"motion/background","tg":["animated"],"sb":"Beams and light","sy":["animated"]},{"id":"beste-ui:about79","t":"Founder Letter","d":"An about section written as a letter: a portrait drifting inside its frame on the left, an","k":"motion","s":"beste-ui","c":"motion/text-effect","tg":["animated","webgl"],"sy":["animated","webgl"]},{"id":"beste-ui:about80","t":"Story Split","d":"The classic about split: a serif heading that settles in word by word, two paragraphs, a s","s":"beste-ui","c":"actions/button","tg":["animated","webgl"],"sb":"Groups and split","sy":["animated","webgl"]},{"id":"beste-ui:about81","t":"Three Values","d":"A values section: a serif heading that settles in word by word beside the intro and a pill","k":"motion","s":"beste-ui","c":"motion/shader","tg":["animated","webgl"],"sy":["animated","webgl"]},{"id":"beste-ui:about82","t":"Band and Figures","d":"An about section built around a wide photograph that drifts inside its frame: a serif head","s":"beste-ui","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"]},{"id":"beste-ui:about83","t":"Linked Resource Cards","d":"A sticky intro beside four resource cards on a muted fill, each one a whole link that inve","s":"beste-ui","c":"data-display/card","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:about84","t":"Studio Process With Offset Photo Pair","d":"An about section for a photography and retouching studio laid out as two equal columns. Th","k":"section","s":"beste-ui","c":"marketing/features","sb":"Steps"},{"id":"beste-ui:agency10","t":"Case Study Hero","d":"A case study header with project metadata grid, service tags, and featured image. Perfect ","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:agency11","t":"Studio Manifesto","d":"Oversized editorial manifesto statement with emphasized phrases, principle chips and a fou","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:agency12","t":"Studio Values","d":"Studio values laid out with oversized ghost numerals, titles, descriptions and keywords.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:agency13","t":"How We Think","d":"Sticky studio intro with a portrait beside a stack of numbered principles.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:agency14","t":"Studio Team","d":"A studio team grid of member portraits with names and roles.","k":"section","s":"beste-ui","c":"marketing/team"},{"id":"beste-ui:agency15","t":"Awards List","d":"Editorial list of studio awards by year with project and recognition details.","s":"beste-ui","c":"data-display/list"},{"id":"beste-ui:agency16","t":"Studio At A Glance","d":"Studio overview pairing facts, copy and highlight stats with a clean studio image.","s":"beste-ui","c":"data-display/badge","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:agency17","t":"Principles Selector","d":"Interactive principle list that swaps a detail panel with image as each is hovered.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:agency18","t":"Studio Ethos","d":"A bold ethos statement beside a list of concrete studio commitments.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:agency19","t":"Why Polaris","d":"A two-column comparison contrasting the Polaris way with a typical agency.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:agency20","t":"Clients & Outcomes","d":"Client logo cloud paired with measurable engagement outcomes.","k":"section","s":"beste-ui","c":"marketing/logos"},{"id":"beste-ui:agency21","t":"Capabilities Accordion","d":"Ruled, expandable capability rows with oversized type, detail copy, and monospace tag chip","s":"beste-ui","c":"data-display/accordion"},{"id":"beste-ui:agency22","t":"Horizontal Process Timeline","d":"A connected left-to-right sequence of numbered project phases with a ruled timeline and st","s":"beste-ui","c":"data-display/timeline"},{"id":"beste-ui:agency23","t":"Numbered Services List","d":"A services section with an eyebrow over a hairline rule, a two-column heading, and an edit","k":"section","s":"beste-ui","c":"marketing/features","sb":"Lists"},{"id":"beste-ui:agency24","t":"Studio Brief With Changing Plate","d":"A four-step studio brief where the tall photograph beside it changes with the question on ","s":"beste-ui","c":"inputs/textarea","hc":1},{"id":"beste-ui:agency25","t":"Services With Published Starting Prices","d":"A hairline service list that puts the starting price on the page, each row carrying the en","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:auth1","t":"Centered Sign In Card","d":"Full-height centered sign-in screen with social login providers, email and password fields","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"beste-ui:auth2","t":"Split Screen Sign Up","d":"Two-column registration screen pairing a sign-up form (social providers, name, email, pass","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Split with image","hc":1},{"id":"beste-ui:auth3","t":"Email Verification Code","d":"Full-height OTP verification screen with a centered icon, segmented six-digit code input, ","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"beste-ui:auth4","t":"Forgot Password Request","d":"Full-height password recovery screen with a centered icon, single email field built on the","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"beste-ui:auth5","t":"Set New Password","d":"Full-height reset-password screen with new and confirm password fields (each with a show/h","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"beste-ui:auth6","t":"Magic Link Sign In","d":"Full-height passwordless sign-in screen with a single email field, a send-magic-link butto","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"beste-ui:auth7","t":"Account Chooser","d":"Full-height account picker that lists saved accounts with avatars, names, and emails, plus","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"beste-ui:auth8","t":"Welcome Back Unlock","d":"Full-height re-authentication screen showing the signed-in user's avatar, name, and email ","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth9","t":"Split Screen Sign In","d":"Two-column sign-in screen pairing a full sign-in form (social providers, email, password w","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Split with image"},{"id":"beste-ui:auth10","t":"Face ID Sign In","d":"Full-height biometric sign-in with an animated face-scan viewfinder that runs through idle","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth11","t":"Account Type Selection","d":"Full-height onboarding step where the user picks an account type from selectable radio car","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth12","t":"Email Confirmed Success","d":"Full-height success screen with a large confirmation check, a heading and message, a prima","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth13","t":"Centered Sign Up Card","d":"Full-height centered registration card with social providers, name, email, and password fi","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"beste-ui:auth14","t":"Enterprise SSO Sign In","d":"Full-height single sign-on screen with a work-email field, a continue-with-SSO button, and","k":"layout","s":"beste-ui","c":"flows/sign-in","tg":["webgl"],"sb":"Sign in","sy":["webgl"]},{"id":"beste-ui:auth15","t":"Phone Number Sign In","d":"Full-height phone-based sign-in with a country-code select paired to a phone number input,","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth16","t":"Team Invitation Accept","d":"Full-height invitation acceptance screen showing the inviter's avatar and team name, a pre","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth17","t":"Signed Out Confirmation","d":"Full-height signed-out screen with a centered icon, a heading and message, a sign-back-in ","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth18","t":"New Sign In Security Alert","d":"Full-height security notification screen listing the device, location, and time of a new s","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth19","t":"OAuth Authorize App","d":"Full-height OAuth consent screen showing the requesting app, the permissions it needs as a","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Social"},{"id":"beste-ui:auth20","t":"Check Your Inbox","d":"Full-height confirmation screen shown after a magic link is sent, with a mail icon, the de","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth21","t":"Passkey Sign In","d":"Full-height passwordless sign-in screen with a fingerprint icon, a continue-with-passkey b","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth22","t":"Recovery Codes","d":"Full-height two-factor backup screen that displays single-use recovery codes in a grid wit","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Verification"},{"id":"beste-ui:auth23","t":"Account Locked","d":"Full-height lockout screen shown after too many failed attempts, with a live mm:ss countdo","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth24","t":"Complete Your Profile","d":"Full-height profile setup step with an avatar uploader, a display name field, and a bio te","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth25","t":"Claim Your Username","d":"Full-height username picker with a prefixed input group, a live availability indicator, su","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth26","t":"Choose Your Plan","d":"Full-height plan selection step with a monthly/annual billing toggle and selectable plan c","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth27","t":"Sign In Error","d":"Full-height authentication error screen with a warning icon, an explanation, an optional e","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth28","t":"Link Expired","d":"Full-height expired-link screen with a broken-link icon, an explanation, a request-a-new-l","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth29","t":"Terminal Sign In","d":"Full-height terminal-style sign-in rendered as a CLI window with a command prompt, a monos","k":"layout","s":"beste-ui","c":"flows/sign-in","tg":["retro and HUD"],"sb":"Sign in","sy":["retro and HUD"]},{"id":"beste-ui:auth30","t":"PIN Keypad Unlock","d":"Full-height numeric keypad lock screen with PIN dots, a biometric shortcut, and a backspac","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"beste-ui:auth31","t":"QR Code Device Login","d":"Full-height cross-device sign-in with a scannable QR code, a manual fallback code, and a l","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Verification"},{"id":"beste-ui:auth32","t":"Editorial Split Sign In","d":"Two-column editorial sign-in pairing an oversized typographic brand panel with a clean ema","k":"layout","s":"beste-ui","c":"flows/sign-in","tg":["minimal"],"sb":"Split with image","sy":["minimal"]},{"id":"beste-ui:auth33","t":"Multi Step Sign Up Wizard","d":"Full-height multi-step registration with a numbered progress stepper that advances as the ","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth34","t":"Email First Sign In","d":"Full-height progressive sign-in that asks for the email first, then reveals the password s","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth35","t":"Number Match Approval","d":"Full-height push-approval screen that shows a large number to match in your authenticator ","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth36","t":"Workspace Switcher","d":"Full-height workspace picker listing organizations with logo initials, member details, and","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth37","t":"Connect Wallet","d":"Full-height web3 sign-in that lists wallet providers with icons, details, and a detected b","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth38","t":"Pattern Lock Unlock","d":"Full-height pattern unlock screen with a tappable 3x3 dot grid that draws connecting lines","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"beste-ui:auth39","t":"Enable Two Factor","d":"Full-height security setup step where the user picks a two-factor method from selectable c","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth40","t":"Change Password","d":"Full-height change-password screen with current, new, and confirm password fields (show/hi","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Password reset"},{"id":"beste-ui:auth41","t":"Delete Account","d":"Full-height destructive confirmation screen that lists the consequences and requires the u","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth42","t":"Invite Code Gate","d":"Full-height invite-only gate with a centered code field and a request-an-invite link. Perf","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Verification"},{"id":"beste-ui:auth43","t":"Join the Waitlist","d":"Full-height waitlist capture with an email field, a join button, a social-proof line, and ","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth44","t":"Redirecting to SSO","d":"Full-height loading screen shown while redirecting to an identity provider, with a spinner","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth45","t":"Human Verification","d":"Full-height CAPTCHA-style check with an animated I'm-not-a-robot control that runs through","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth46","t":"Confirm It's You","d":"Full-height step-up authentication screen that re-asks for the password before a sensitive","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth47","t":"Recovery Phrase Entry","d":"Full-height account recovery screen with a numbered grid of word inputs and paste-to-fill ","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Password reset"},{"id":"beste-ui:auth48","t":"Security Question Setup","d":"Full-height security question setup with a question select and an answer field, plus a ski","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"beste-ui:auth49","t":"Split Sign In With Quote","d":"A hairline sign-in panel with a lowercase wordmark, email and password fields, an inline f","k":"layout","s":"beste-ui","c":"flows/sign-in","tg":["gradient"],"sb":"Split with image","sy":["gradient"]},{"id":"beste-ui:auth50","t":"Split Sign Up With Proof","d":"A hairline sign-up panel carrying a lowercase wordmark, name, work email, and password fie","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Social"},{"id":"beste-ui:auth51","t":"Passwordless Code Sign In","d":"A centered passwordless card that advances in place from a work email step with an SSO fal","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Verification"},{"id":"beste-ui:auth52","t":"Password Reset With Live Strength","d":"A centered password reset card whose segmented strength meter and checked requirement list","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Password reset"},{"id":"beste-ui:auth53","t":"Passwordless Sign In Card","d":"A single narrow card that asks only for an email, then replaces itself in place with a sen","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Password reset"},{"id":"beste-ui:auth54","t":"Quiet Sign In","d":"A full-height sign-in split: wordmark, a serif greeting that settles in word by word, emai","k":"layout","s":"beste-ui","c":"flows/sign-in","tg":["animated"],"sb":"Sign in","sy":["animated"]},{"id":"beste-ui:bento1","t":"Studio Bento Grid","d":"A hand-tiled monochrome bento grid mixing a statement, a stat, an image, a quote, and a CT","k":"layout","s":"beste-ui","c":"layout/bento-grid"},{"id":"beste-ui:bento2","t":"Studio Summary Bento","d":"Studio mosaic whose lead tile floats a mood-board media piece over a dotted field between ","k":"layout","s":"beste-ui","c":"layout/bento-grid"},{"id":"beste-ui:bento3","t":"Selected Work Bento","d":"Work mosaic on a six-column track mixing photographic tiles that carry their caption insid","k":"layout","s":"beste-ui","c":"layout/bento-grid","tg":["gradient"],"sy":["gradient"]},{"id":"beste-ui:bento4","t":"Service Bento With Figure","d":"Service mosaic whose lead tile floats a photo-strip media piece over a dotted field betwee","k":"layout","s":"beste-ui","c":"layout/bento-grid","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:bento5","t":"Phase Bento With Photographs","d":"Process mosaic where the opening phase fills a two-row photographic tile with its eyebrow,","k":"layout","s":"beste-ui","c":"layout/bento-grid","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:bento6","t":"Object Study Bento","d":"Product mosaic pairing a two-row hero photograph captioned on its scrim with a tall specif","k":"layout","s":"beste-ui","c":"layout/bento-grid"},{"id":"beste-ui:bento7","t":"Studio People Bento","d":"Team mosaic where portraits carry their name and role inside the tile on a scrim, interlea","k":"layout","s":"beste-ui","c":"layout/bento-grid"},{"id":"beste-ui:bento8","t":"Figures On Photographs Bento","d":"Metrics mosaic where every figure sits on the photograph it came from behind a tinted scri","k":"layout","s":"beste-ui","c":"layout/bento-grid"},{"id":"beste-ui:bento9","t":"Editorial Issue Bento","d":"Magazine mosaic whose cover story fills a two-row photographic tile with its category and ","k":"layout","s":"beste-ui","c":"layout/bento-grid","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:bento10","t":"Visit The Studio Bento","d":"Location mosaic mixing photographic tiles captioned on their own scrim with an inverted ad","k":"layout","s":"beste-ui","c":"layout/bento-grid"},{"id":"beste-ui:bento11","t":"Product Surface Mosaic","d":"A six-column bento mixing a lead card whose image tile floats a live metrics panel, a soft","k":"layout","s":"beste-ui","c":"layout/bento-grid"},{"id":"beste-ui:bento12","t":"Evidence Mosaic","d":"A six-column bento of proof: a row of figure tiles with the first inverted, a tall card wh","k":"layout","s":"beste-ui","c":"layout/bento-grid"},{"id":"beste-ui:bento13","t":"Onboarding Mosaic","d":"A six-column bento for getting started: a wide card floating a live step tracker, a number","k":"layout","s":"beste-ui","c":"layout/bento-grid"},{"id":"beste-ui:bento14","t":"Publication Hub Mosaic","d":"A six-column mosaic that carries a whole publication at once: the newest piece as a photog","k":"layout","s":"beste-ui","c":"layout/bento-grid"},{"id":"beste-ui:bento15","t":"Practice Bento","d":"One mosaic of six tiles: a large photograph that drifts inside its tile, an ink quote tile","k":"layout","s":"beste-ui","c":"layout/bento-grid","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:bento16","t":"Isometric Scene Bento","d":"An asymmetric bento grid of cards whose media areas are live isometric scenes. One large l","k":"layout","s":"beste-ui","c":"layout/bento-grid"},{"id":"beste-ui:blog3","t":"Card Grid with Authors","d":"Three-column responsive grid of blog cards featuring author avatars, tag badges, and hover","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["minimal","webgl"],"sb":"Blog and posts","sy":["minimal","webgl"],"hc":1},{"id":"beste-ui:blog4","t":"Featured Hero with Grid","d":"Large featured article with side-by-side image and content, followed by a three-column gri","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"],"hc":1},{"id":"beste-ui:blog5","t":"Horizontal List with Icons","d":"Vertical stack of horizontal blog cards with left-aligned thumbnails. Features calendar an","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog8","t":"Category Tabs Filter","d":"Filterable blog grid with tab navigation for categories. Posts automatically filter by cat","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog10","t":"Alternating Feature Cards","d":"Large alternating left-right blog cards with full article summaries. Image and content swi","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog11","t":"Compact Thumbnail List","d":"Two-column compact blog list with small square thumbnails. Space-efficient design showing ","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"]},{"id":"beste-ui:blog12","t":"Masonry Pinterest Grid","d":"Pinterest-style masonry layout with varying content heights. CSS columns create organic fl","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog13","t":"Sidebar with Categories","d":"Main content area with horizontal post cards plus sidebar. Categories show post counts and","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog14","t":"Grid with Newsletter Card","d":"Four-column grid mixing blog cards with an integrated newsletter signup card. Email input ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog15","t":"Minimal Text List","d":"Clean text-only blog list with arrow icons. No images, just titles, dates, and authors. Li","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"]},{"id":"beste-ui:blog18","t":"Month Grouped Archive","d":"Blog archive organized by month with compact list entries. Small thumbnails and formatted ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog22","t":"Full Width Stacked Cards","d":"Vertically stacked blog cards with 2:1 aspect ratio images. Full article summaries with au","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog25","t":"Split Image with List","d":"Two-column layout with featured image on left and article list on right. Divider-separated","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"beste-ui:blog26","t":"Polaroid Photo Gallery","d":"Playful polaroid-style cards with random rotations and white borders. Cards straighten on ","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["playful"],"sb":"Blog and posts","sy":["playful"]},{"id":"beste-ui:blog27","t":"Newspaper Editorial Style","d":"Classic newspaper layout with serif fonts and bordered headline. Large main story on left,","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog30","t":"Hover Reveal Overlay","d":"Grid of image cards with gradient overlays. Summaries expand on hover with smooth max-heig","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["gradient"],"sb":"Blog and posts","sy":["gradient"]},{"id":"beste-ui:blog31","t":"Full Width Hero Banners","d":"Wide cinematic banners with centered text overlay. Large bold titles on semi-transparent b","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog36","t":"Tutorial Series Cards","d":"Multi-part tutorial series with numbered parts. Book icon, part count, and progress-style ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog42","t":"Timeline Year Archive","d":"Vertical timeline archive organized by year and month. Calendar icon with border line conn","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog43","t":"Editorial Article Grid","d":"A blog listing with an eyebrow over a hairline rule, a two-column heading, and three linke","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"beste-ui:blog44","t":"Newsroom Lead and Index","d":"A newsroom listing with a heading, a divider, and an eyebrow over a hairline rule, a two-c","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog45","t":"Press Room Digest","d":"A press room listing with a square eyebrow, a bold heading and intro over a hairline rule,","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog46","t":"Front Page Columns","d":"A newsroom front page with a heading, a divider, and a square eyebrow over a hairline rule","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"beste-ui:blog47","t":"Bulletin Columns","d":"A newsroom bulletin with a square eyebrow, an image-free lead story split across a 7/5 gri","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"beste-ui:blog48","t":"Quad Grid","d":"A newsroom listing with a square eyebrow, a two-column heading band over a hairline rule, ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog49","t":"Quad Ledger","d":"An image-free newsroom index with a square eyebrow, a two-column heading band over a hairl","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog50","t":"Magazine Mosaic","d":"A six-slot magazine mosaic with a parenthetical eyebrow and a large heading, pairing a dom","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog51","t":"Mixed Tile Mosaic","d":"A six-slot mosaic under a parenthetical eyebrow and a large heading, mixing full-bleed pho","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog52","t":"Newsroom Masonry","d":"A CSS-columns masonry of linked newsroom cards under a parenthetical eyebrow and a large h","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog53","t":"Mixed Release Masonry","d":"A press office masonry wall under a parenthetical eyebrow and a large heading, mixing phot","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog54","t":"Pinned Lead Newsroom","d":"A twelve-column newsroom band under a parenthetical eyebrow, pairing one lead story carryi","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog55","t":"Press Release Wall","d":"A three-column wall of image-free press release cards on soft muted surfaces under a paren","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"beste-ui:blog56","t":"Category Mosaic","d":"A six-slot photo mosaic under a parenthetical eyebrow and a large heading, where every til","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog57","t":"Journal Lead And Index","d":"Editorial journal preview pairing one lead entry with a wide image, category, title, excer","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"],"hc":1},{"id":"beste-ui:blog58","t":"Ruled Writing Index","d":"Image-free article index where every entry is one ruled row carrying the date, the categor","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog59","t":"Journal Card Trio","d":"Three linked journal cards, each with a four-by-three image, a category, a display title, ","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"beste-ui:blog60","t":"Featured Article With Recent List","d":"A blog section pairing one linked feature with a hover-zoom image, category label, and byl","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog61","t":"Filterable Archive Index","d":"A dense blog archive whose subject pills are derived from the posts themselves and carry l","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"beste-ui:blog62","t":"Newsletter Panel With Back Issues","d":"A blog section splitting a bordered container between the newsletter pitch with a cadence ","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"beste-ui:blog63","t":"Topic Hub Card With Resource List","d":"A topic hub card whose left third is a photo panel with the topic title set on a scrim ove","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog64","t":"Curated Reading List With Thumbnails","d":"A curated reading list under a left-aligned header, laid out as two columns of linked rows","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog65","t":"Lead Story With Thumbnail Rail","d":"A lead article carrying its own wide image, excerpt and byline next to a rail of further p","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog66","t":"Topic Cards With Resource Counts","d":"Three tinted topic cards, each stamped with how many pieces sit behind it, the topic name,","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"beste-ui:blog67","t":"Series Index With Standing State","d":"An index of writing that was planned as runs rather than posts, pairing each series and ho","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:blog68","t":"Slow Journal","d":"A journal listing: a serif heading settling in word by word beside a pill action, then thr","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["animated","webgl"],"sb":"Blog and posts","sy":["animated","webgl"]},{"id":"beste-ui:blog69","t":"Long Read and Shorts","d":"A journal section with one featured essay, its wide photograph drifting inside the frame, ","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["animated"],"sb":"Blog and posts","sy":["animated"]},{"id":"beste-ui:blog70","t":"Post Index Rows","d":"An image-free journal index: a sticky column with a serif heading that settles in word by ","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["animated"],"sb":"Blog and posts","sy":["animated"]},{"id":"beste-ui:booking1","t":"Date & Time Picker","d":"Split-panel booking interface with interactive monthly calendar on the left and time slot ","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:booking2","t":"Reservation Summary","d":"Booking confirmation card with service details, date/time, provider info with avatar, pric","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:booking3","t":"Appointment List","d":"Upcoming and past appointments list grouped by date, with service name, provider avatar, t","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:booking4","t":"Service Selector","d":"Service selection grid with category filter tabs, service cards showing icon, name, descri","s":"beste-ui","c":"data-display/calendar","hc":1},{"id":"beste-ui:booking5","t":"Provider Picker","d":"Staff/provider selection cards with avatar, name, specialty, star rating, review count, av","s":"beste-ui","c":"data-display/calendar","hc":1},{"id":"beste-ui:booking6","t":"Restaurant Reservation","d":"Restaurant table reservation with guest count selector, date/time picker, seating preferen","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:booking7","t":"Hotel Room Booking","d":"Hotel room selection with room type cards showing images, amenity icons, guest capacity, p","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:booking8","t":"Flight Booking","d":"Flight search results with airline logos, departure/arrival times, duration, stops, class ","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:booking9","t":"Event Ticket Booking","d":"Event ticket selection with event banner, date/venue info, ticket tier cards (General/VIP/","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:booking10","t":"Meeting Room Booking","d":"Coworking meeting room reservation with room cards showing capacity, equipment icons, hour","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:booking11","t":"Price Calendar","d":"Google Flights-style price calendar with per-day pricing, cheapest day highlights, expensi","s":"beste-ui","c":"data-display/calendar","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:booking12","t":"Search Bar Hero","d":"Airbnb/Booking.com-style search bar with location autocomplete, date range picker, guest c","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:booking13","t":"Live Social Proof Bar","d":"Booking.com-style social proof ticker with rotating messages: live viewers, recent booking","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:booking14","t":"Activity Experience Booking","d":"Tours and experiences booking card with hero image overlay, rating, duration, difficulty b","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:booking15","t":"Booking Confirmation Receipt","d":"Post-booking success screen with animated check icon, confirmation number, booking summary","s":"beste-ui","c":"data-display/calendar","hc":1},{"id":"beste-ui:booking16","t":"Home Cleaning Service Booking","d":"Residential cleaning service booking with service type tabs (standard/deep/move-out), bedr","s":"beste-ui","c":"data-display/calendar","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:booking17","t":"Ride Booking","d":"Ride-share style booking with pickup/dropoff address inputs, schedule now/later toggle, ri","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:booking18","t":"Cinema Seat Picker","d":"Interactive seat selection grid for cinemas, theaters, and events. Row/column layout with ","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:booking19","t":"Multi step Booking Wizard","d":"Stepper-based booking flow with numbered progress dots, animated progress bar, and four st","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:booking20","t":"Car Rental Booking","d":"Vehicle rental flow with pickup and return location fields, date range picker, car class g","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:booking21","t":"Weekly Class Schedule","d":"Gym or studio weekly schedule with day tabs, class list per day (instructor avatar, durati","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:booking22","t":"Spa Day Package Builder","d":"Multi-service booking composer. Customers assemble their own wellness day by adding servic","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:booking23","t":"Cancellation Flow","d":"Booking cancellation screen with the original booking summary, cancellation reason picker ","s":"beste-ui","c":"data-display/calendar","tg":["playful"],"sy":["playful"]},{"id":"beste-ui:booking24","t":"Service And Slot Picker","d":"An interactive appointment picker: a hairline panel pairing a selectable service list with","s":"beste-ui","c":"data-display/calendar","tg":["gradient"],"sy":["gradient"]},{"id":"beste-ui:booking25","t":"Booking Confirmed","d":"A confirmation screen with an accent eyebrow, a two-column hairline table of the appointme","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:booking26","t":"Minimal Service Picker","d":"A quiet booking picker whose left column lists each service as a single hairline row carry","s":"beste-ui","c":"data-display/calendar","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:booking27","t":"Choose Your Clinician","d":"A clinician picker whose hairline list of practitioners, each showing their next opening, ","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:booking28","t":"Waiting List Capture","d":"A no-availability state that answers with three hairline figures and a numbered explanatio","s":"beste-ui","c":"data-display/calendar","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:booking29","t":"Appointment Intake Match","d":"Three intake questions that land on a real appointment type instead of a drop-down: the an","s":"beste-ui","c":"data-display/calendar","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"beste-ui:booking30","t":"Session Request","d":"A booking section: a serif heading that settles in word by word over the intro, a ruled co","s":"beste-ui","c":"data-display/calendar","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:booking31","t":"Visit Sheet","d":"A visit-us section: a photograph drifting inside its frame on the left, and on the right a","s":"beste-ui","c":"data-display/calendar","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:booking32","t":"Plain Contact","d":"The classic contact section: a serif heading that settles in word by word, an intro and a ","s":"beste-ui","c":"data-display/calendar","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:booking33","t":"Session Picker","d":"A booking chooser: a serif heading that settles in word by word and an intro, then a ruled","s":"beste-ui","c":"data-display/calendar","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:careers1","t":"Job Listings List","d":"Job listings section with role cards showing department, location, and employment type. Cl","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["minimal"],"sb":"Careers","sy":["minimal"]},{"id":"beste-ui:careers2","t":"Job Openings Grid","d":"Job openings grid with department badges, location tags, and apply buttons. Card-based lay","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers3","t":"Department Grouped Positions","d":"Department-grouped job listings with minimal row layout. Jobs organized by team with locat","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["minimal"],"sb":"Careers","sy":["minimal"]},{"id":"beste-ui:careers4","t":"Perks & Open Positions","d":"Combined perks and job listings section with benefits grid and open positions list. Ideal ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers5","t":"Featured Role with Positions","d":"Highlighted featured position card with a compact list of additional openings below. Great","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers6","t":"Tab Filtered Job Board","d":"Tabbed job board with department filters using shadcn Tabs component. Browse positions by ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers7","t":"Culture Stats with Positions","d":"Team culture stats bar followed by detailed job position cards. Combines social proof with","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers8","t":"Job Detail Page","d":"Single job posting detail with responsibilities, requirements, nice-to-haves, and apply CT","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers9","t":"Employee Benefits Grid","d":"Benefits and perks showcase with icon cards in a responsive grid. Highlights company offer","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers10","t":"Hiring Process Timeline","d":"Step-by-step hiring process timeline with numbered stages. Shows candidates the interview ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers11","t":"Culture & Values","d":"Company values grid with icon cards and employee testimonial quote. Showcases team culture","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers12","t":"Career Growth Ladder","d":"Career progression path with level indicators, role descriptions, and key skills. Shows gr","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers13","t":"Office Locations Grid","d":"Global office locations grid with city photos, team size, and role taglines. Showcases com","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers14","t":"Meet the Team Gallery","d":"Team member photo grid with names and roles. Square portrait layout for showcasing leaders","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers15","t":"Day in the Life Timeline","d":"A typical workday timeline with time stamps, activity icons, and descriptions. Shows candi","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers16","t":"Employee Testimonials","d":"Employee testimonial cards with quotes, avatars, and roles. Social proof grid showcasing t","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers17","t":"Job Application Form","d":"Job application form with input fields, file upload area, and position summary sidebar. Co","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers18","t":"Department Overview Grid","d":"Department cards with team lead, headcount, open roles badge, and links. Helps candidates ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers19","t":"Internship Program","d":"Internship program section with highlights, mentorship details, program summary card, and ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers20","t":"Diversity & Inclusion","d":"Diversity and inclusion section with representation stats and initiative cards. Showcases ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers21","t":"Compensation & Total Rewards","d":"Transparent compensation philosophy with salary, equity, bonus, and perks cards. Shows tot","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers22","t":"Employee Spotlight Story","d":"Featured employee profile with portrait photo, personal quote, and career milestone timeli","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:careers23","t":"Employee Referral Program","d":"Referral program section with step-by-step process, bonus highlight card, and submit CTA. ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers24","t":"Onboarding Journey Preview","d":"First 90 days onboarding timeline with phase cards and activity checklists. Shows new hire","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers25","t":"Remote Work Setup","d":"Work environment section with equipment provisions and work policies. Two-column layout sh","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers26","t":"Hiring by the Numbers","d":"Recruitment statistics dashboard with key metrics, trends, and detailed hiring process sta","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers27","t":"Speculative Application CTA","d":"Bottom-of-page careers CTA for general applications with email, action buttons, and compan","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers28","t":"Learning & Development","d":"Professional development program cards with conference budget, courses, mentorship, and te","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers29","t":"Team Events Gallery","d":"Photo gallery of company events, offsites, and team activities in masonry layout. Visual s","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers30","t":"Team Blog Highlights","d":"Engineering and team blog article preview cards with images, excerpts, and authors. Showca","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["3d"],"sb":"Blog and posts","sy":["3d"]},{"id":"beste-ui:careers31","t":"Role Comparison Table","d":"Side-by-side role comparison grid showing team, skills, experience, and salary for differe","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers32","t":"Alumni Network Showcase","d":"Former employee showcase with career progression from company role to current position. De","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers33","t":"HR Job Posting Detail","d":"Formal HR job posting with responsibilities, qualifications, benefits, and sidebar summary","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:careers34","t":"Engineering Principles","d":"Numbered engineering principles list with large counters and descriptions. Showcases team ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers35","t":"Salary Bands Table","d":"Transparent salary bands with level, role, visual range bars, and equity details. Pay tran","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers36","t":"Hiring Manager Profiles","d":"Team lead profiles with photos, bios, and department badges. Introduces future managers to","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers37","t":"Job Alerts Signup","d":"Email subscription form for job alerts with trust indicators. Captures candidate interest ","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["minimal"],"sb":"Careers","sy":["minimal"]},{"id":"beste-ui:careers38","t":"Work Perks Bento Grid","d":"Bento-style grid of work perks with featured image card and icon cards. Mixed layout showc","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers39","t":"Candidate Experience Guide","d":"Two-column guide with preparation tips and company commitments to candidates. Sets expecta","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers40","t":"Open Roles","d":"A studio jobs list with role meta, salary and apply arrows.","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers41","t":"Benefits & Perks","d":"Studio benefits grid with an accent highlight and icon cards.","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers42","t":"Studio Culture","d":"Culture statement and tenets beside a three-image studio-life collage.","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["webgl"],"sb":"Careers","sy":["webgl"]},{"id":"beste-ui:careers43","t":"Hiring Process","d":"The studio's interview process as a connected, numbered step flow.","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers44","t":"Roles By Department","d":"Department-tabbed open roles list using shadcn Tabs.","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers45","t":"Life At The Studio","d":"A captioned masonry photo wall of studio life with an intro and a roles CTA.","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers46","t":"Role Spotlight","d":"A full featured-role posting with responsibilities, requirements and a sticky apply card.","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers47","t":"Why Join Us","d":"Team stats band paired with benefit highlights.","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers48","t":"Join The Studio","d":"Sticky employer-value intro beside a scrollable open-roles list.","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers49","t":"Benefits Breakdown","d":"Categorized studio benefits with checklists per category.","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers50","t":"Careers Gallery Header","d":"Centered careers intro with eyebrow, highlighted heading and supporting copy above a three","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["webgl"],"sb":"Careers","sy":["webgl"]},{"id":"beste-ui:careers51","t":"Filterable Open Roles List","d":"A light editorial careers section with a monospace eyebrow over a hairline rule, a two-col","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["gradient"],"sb":"Careers","sy":["gradient"],"hc":1},{"id":"beste-ui:careers52","t":"Single Role Detail","d":"A job description laid out as a reading column with checked responsibility lists and a can","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers53","t":"Hiring Process In Full","d":"An interview process published as numbered hairline stages carrying length, who you meet, ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers54","t":"Benefits And Honest Omissions","d":"A working-here section pairing a six-item icon benefits grid and a captioned full-bleed ph","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers55","t":"Published Pay Bands","d":"A pay transparency table whose track pills swap the band column while the levels, their sc","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers56","t":"Role Fit Finder","d":"A hiring section that answers three questions instead of listing a job board: the answers ","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["webgl"],"sb":"Careers","sy":["webgl"],"hc":1},{"id":"beste-ui:careers57","t":"Open Roles With Published Bands","d":"A short roles list where the pay band sits on the row rather than behind an application, w","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers"},{"id":"beste-ui:careers58","t":"Fourth Chair Roles","d":"A careers section: a serif heading that settles in word by word, an intro, a pill action a","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["animated"],"sb":"Careers","sy":["animated"]},{"id":"beste-ui:changelog2","t":"Split Milestone Changelog","d":"Split-layout changelog with milestone context, highlights, metrics, and action buttons.","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:changelog3","t":"Changelog Release Feed","d":"Release feed cards with aligned change labels, summaries, and optional CTA buttons.","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:changelog4","t":"Grouped Changelog Board","d":"Month-grouped changelog board with aligned labels, release details, and optional links.","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:changelog5","t":"Milestone Changelog Timeline","d":"Timeline-style changelog with version badges, dates, and color-coded change types. Ideal f","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:changelog6","t":"Minimal Text Changelog","d":"Ultra-minimal text-only changelog with version headers and dash-prefixed change lists. No ","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:changelog7","t":"Categorized Release Notes","d":"Release notes with changes grouped by type — Added, Changed, Fixed — using color-coded cat","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:changelog8","t":"Featured Release Changelog","d":"Latest release highlighted in a featured card with full details, followed by a compact lis","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:changelog9","t":"Release Card Grid","d":"Responsive card grid of releases with version badges, descriptions, and optional links. Gr","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:changelog10","t":"Dense Inline Release Log","d":"Compact single-line release rows with color-coded type dots, version tags, and a legend fo","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:changelog11","t":"Two Column Date Changelog","d":"Minimal two-column layout with fixed-width date column on the left and version heading wit","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:changelog12","t":"Large Version Changelog","d":"Poster-style changelog with oversized version numbers as visual anchors, followed by date,","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:changelog13","t":"Accordion Release Changelog","d":"Collapsible accordion changelog where each release expands to reveal description and chang","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:changelog14","t":"Year Grouped Accordion Changelog","d":"Releases grouped by year in collapsible accordion panels with release count indicators.","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:changelog15","t":"Stacked Release Cards","d":"Stacked release cards with heading, description, change list, and version footer. Clean ve","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:changelog16","t":"Visual Release Notes","d":"Alternating split layout with feature screenshots on one side and release content on the o","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:changelog17","t":"Team Update Feed","d":"Author-attributed changelog feed with avatars, roles, rich descriptions, change lists, and","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Team and about"},{"id":"beste-ui:changelog18","t":"Full Width Showcase Changelog","d":"Full-width hero images with rich release content below. Marketing-focused changelog for ma","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:changelog19","t":"Developer Changelog with Code","d":"Technical changelog with code blocks showing API changes, migration examples, and usage sn","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:changelog20","t":"Roadmap Status Changelog","d":"Hybrid roadmap and changelog with shipped, in-progress, and planned items. Includes status","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Contact"},{"id":"beste-ui:changelog21","t":"Kanban Board Changelog","d":"Three-column kanban board grouping changes by type — Features, Fixes, and Improvements — w","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:changelog22","t":"Terminal Git Log Changelog","d":"Dark terminal window styled as a git log output with commit hashes, version tags, color-co","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"beste-ui:changelog23","t":"Striped Table Changelog","d":"Structured table view with column headers, alternating row backgrounds, color-coded type b","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:changelog24","t":"Callout Highlight Changelog","d":"Release feed with prominent callout blocks highlighting the most impactful change per rele","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:changelog25","t":"Newspaper Changelog","d":"Broadsheet newspaper layout with masthead, featured headline story, sidebar briefs, and nu","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:changelog26","t":"Version Rail Release Timeline","d":"A release feed with a sticky version rail that filters the list, and hairline entries carr","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:changelog27","t":"Latest Release Spotlight","d":"A changelog that gives the newest version a split of its own, pairing a checked highlight ","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:changelog28","t":"Full Release Notes By Month","d":"A complete changelog grouped by month, each version on a hairline row beside its entries, ","k":"section","s":"beste-ui","c":"marketing/marketing","hc":1},{"id":"beste-ui:changelog29","t":"Shipped Building Next Declined","d":"A roadmap board of four hairline columns carrying state icons, running from what shipped t","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:changelog30","t":"Deprecations And Removals","d":"A deprecation register listing what is being withdrawn on hairline rows with a tone-coded ","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:changelog31","t":"Editorial Revision Log","d":"A revision log for writing rather than software, each entry dating the change, linking the","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:changelog32","t":"Ruled Changelog","d":"A changelog page section with a serif headline that settles in word by word and a sliding-","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:changelog33","t":"Month Index Changelog","d":"A changelog grouped by month with a sticky index on the left: each month is a button that ","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:changelog34","t":"Drawn Line Changelog","d":"Releases as points on a vertical line that draws itself in ink as the page scrolls: versio","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:changelog35","t":"Latest and Earlier","d":"The newest release gets a full row: a photograph that blurs in and drifts on scroll beside","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:chat4","t":"Rich Prompt Input with Smart Suggestions","d":"Sophisticated AI prompt input area with auto-expanding textarea, attachment and image uplo","s":"beste-ui","c":"ai-agent/composer"},{"id":"beste-ui:chat5","t":"AI Streaming Response with Live Typing","d":"Simulated streaming AI response with word-by-word typewriter animation, blinking cursor, s","s":"beste-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"beste-ui:chat6","t":"AI Response with Cited Sources","d":"Perplexity-style AI response with inline numbered citation markers, a source panel showing","s":"beste-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"beste-ui:chat7","t":"Code Generation Chat with Syntax Highlighting","d":"Developer-focused chat interface with syntax-highlighted code blocks, language badges, cop","s":"beste-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"beste-ui:chat8","t":"AI Prompt Starter Grid","d":"Beautiful grid of prompt template cards with icons, categories, and descriptions. Features","s":"beste-ui","c":"ai-agent/composer"},{"id":"beste-ui:chat9","t":"AI Agent Profile Card","d":"Showcase card for an AI agent or assistant with avatar, name, description, capability badg","s":"beste-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"beste-ui:chat10","t":"Floating Chat Widget with Expandable Window","d":"Compact floating chat bubble that expands into a mini chat window. Features smooth expand/","s":"beste-ui","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Chat","sy":["animated"]},{"id":"beste-ui:chat11","t":"Complete AI Chat Interface","d":"Full-featured chatbot window with message thread, AI and user avatars, timestamp display, ","s":"beste-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"beste-ui:chat12","t":"Conversational Thread with Reactions","d":"Chat message thread with rich formatting, copy and thumbs-up/down action buttons on AI mes","s":"beste-ui","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Chat","sy":["animated"]},{"id":"beste-ui:chat13","t":"AI Reasoning Steps with Collapsible Thinking","d":"Claude-style thinking and reasoning display with collapsible thought process sections, num","s":"beste-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"beste-ui:chat14","t":"Side by Side AI Model Comparison","d":"Compare responses from two different AI models side by side. Features a shared prompt inpu","s":"beste-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"beste-ui:chat15","t":"Chat with Image Attachments","d":"Chat interface with image attachment previews, file upload indicators, and image gallery d","s":"beste-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"beste-ui:chat16","t":"Multi Agent Chat with Personas","d":"Chat interface featuring multiple AI agents with distinct personas, colored avatars, and r","s":"beste-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"beste-ui:chat17","t":"AI Search Hero","d":"Centered hero section with a prominent AI search/prompt input bar and clickable suggestion","s":"beste-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"beste-ui:chat18","t":"AI Prompt Hero with Stats","d":"Landing page hero with a prominent AI prompt input, trust stats bar, and a grid of popular","s":"beste-ui","c":"ai-agent/composer"},{"id":"beste-ui:chat19","t":"AI Use Case Tabs","d":"Tabbed showcase section where each tab displays a different AI use case with a prompt and ","s":"beste-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"beste-ui:chat20","t":"AI Prompt Playground Hero","d":"Two-column hero with marketing copy on the left and an interactive prompt playground on th","s":"beste-ui","c":"ai-agent/composer"},{"id":"beste-ui:chat21","t":"AI Capabilities Feature Grid","d":"Feature grid section showcasing AI capabilities. Each card includes an icon, title, descri","s":"beste-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"beste-ui:chat22","t":"Member Inbox And Thread","d":"A two-pane messaging panel: a selectable conversation list with unread dots on the left, a","s":"beste-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"beste-ui:chat23","t":"Messaging Overview Split","d":"A messaging section pairing a light heading, a hairline table of response figures, and two","s":"beste-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"beste-ui:chat24","t":"Support Channels Grid","d":"A support section listing four linked contact channels as a hairline matrix, each with an ","s":"beste-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"beste-ui:chat25","t":"Ask Your Data Spotlight","d":"An assistant section where question pills swap the image tile beneath them, each floating ","s":"beste-ui","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Chat","sy":["webgl"]},{"id":"beste-ui:chat26","t":"Shared Inbox Triage","d":"A shared inbox laid out as hairline rows carrying the member, the subject, an assignee ava","s":"beste-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"beste-ui:chat27","t":"Inverted Out Of Hours Panel","d":"A support section built as one dark panel, with a light heading, three hairline promises a","s":"beste-ui","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Chat","sy":["webgl"]},{"id":"beste-ui:chat28","t":"Conversation Handover Trail","d":"One member conversation walked through as timestamped hairline rows inside a bordered pane","s":"beste-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"beste-ui:chat29","t":"Saved Reply Library","d":"A messaging section where a hairline list of saved replies, each with what it is for and h","s":"beste-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"beste-ui:chat30","t":"Message Automation Rules","d":"An automation section listing each trigger against the message it sends on hairline rows w","s":"beste-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"beste-ui:chat31","t":"Two Sides Of One Conversation","d":"A messaging section splitting a hairline matrix between the staff view and the member view","s":"beste-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"beste-ui:comingsoon1","t":"Countdown Timer Launch","d":"Coming soon section with a live countdown timer showing days, hours, minutes, and seconds ","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"beste-ui:comingsoon2","t":"Development Progress Milestones","d":"Coming soon section with a progress bar and milestone tracker showing development stages l","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"beste-ui:comingsoon3","t":"Social Connect Launch","d":"Coming soon section featuring social media links with icons for Twitter, GitHub, LinkedIn,","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"beste-ui:comingsoon4","t":"Animated Icons Preview","d":"Coming soon section with floating animated icons and a pulsing status indicator using Fram","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"beste-ui:comingsoon5","t":"Sneak Peek Feature Grid","d":"Coming soon section with a grid of blurred sneak-peek feature cards and lock overlays that","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon6","t":"Waitlist with Avatars","d":"Coming soon section with an email waitlist input, stacked subscriber avatars, and a live j","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon7","t":"Launch Roadmap Timeline","d":"Coming soon section with a vertical timeline showing launch phases, dates, and status indi","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon8","t":"Readiness Status Dashboard","d":"Coming soon section with a status dashboard displaying service readiness with color-coded ","k":"page","s":"beste-ui","c":"pages/templates","sb":"Dashboards"},{"id":"beste-ui:comingsoon9","t":"Bento Stats Dashboard","d":"Coming soon section with a bento-grid of live build stats like commits, test coverage, upt","k":"page","s":"beste-ui","c":"pages/templates","sb":"Dashboards"},{"id":"beste-ui:comingsoon10","t":"Dev Log Feed","d":"Coming soon section with a chronological development log feed showing recent updates, comm","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon11","t":"Notification Channel Picker","d":"Coming soon section with selectable notification channel cards for email, Slack, Twitter, ","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon12","t":"Before vs After Comparison","d":"Coming soon section with a side-by-side comparison table showing current limitations versu","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon13","t":"Launch FAQ Accordion","d":"Coming soon section with an expandable FAQ accordion addressing common questions about the","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon14","t":"Early Access Tiers","d":"Coming soon section with tiered early access plans showing benefits, features, and availab","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon15","t":"Waitlist Coming Soon","d":"A centered pre-launch section with an eyebrow, a large light heading, a paragraph, an imag","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon16","t":"Image Split Waitlist","d":"A two-column pre-launch section with a monospace parenthetical eyebrow, an oversized headl","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon17","t":"Waitlist Queue Position","d":"A centered post-signup confirmation card on a soft muted surface with a monospace parenthe","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon18","t":"Launch Season Reveal","d":"A full-bleed image pre-launch hero with a dark overlay, a monospace parenthetical eyebrow,","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon19","t":"Pre Launch Manifesto","d":"A pre-launch manifesto section on a soft muted card with a monospace parenthetical eyebrow","k":"page","s":"beste-ui","c":"pages/templates","tg":["webgl"],"sb":"Error and status pages","sy":["webgl"]},{"id":"beste-ui:comingsoon20","t":"Maintenance Back Soon","d":"A centered scheduled-maintenance section with a pulsing status dot, a monospace parentheti","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon21","t":"Waitlist Signup Counter","d":"A centered waitlist section with a square eyebrow, a bold accent-highlighted heading, a wo","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon22","t":"Coming Soon Notify Page","d":"A centered coming-soon launch page with a brand wordmark, a square eyebrow, an accent-high","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon23","t":"Founding Member Offer","d":"A bordered pre-launch offer card with a square eyebrow, a heading, a checked benefit list,","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon24","t":"Mobile App Pre Register","d":"A two-column mobile-app pre-launch section with a square eyebrow, a heading, platform chip","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon25","t":"Launch Day Announcement","d":"An editorial launch-date announcement with a square eyebrow, a kicker, an oversized date h","k":"page","s":"beste-ui","c":"pages/templates","tg":["webgl"],"sb":"Error and status pages","sy":["webgl"]},{"id":"beste-ui:comingsoon26","t":"Countdown Studio Card","d":"A pre-launch countdown on a soft muted card with a monospace parenthetical eyebrow, a bold","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon27","t":"Launch Roadmap Columns","d":"A pre-launch roadmap laid out as three now-next-later columns with a monospace parenthetic","k":"page","s":"beste-ui","c":"pages/templates","tg":["webgl"],"sb":"Error and status pages","sy":["webgl"]},{"id":"beste-ui:comingsoon28","t":"Early Tester Quote","d":"A quote-led pre-launch section on a soft muted card with a monospace parenthetical eyebrow","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon29","t":"Upcoming Writing Grid","d":"A newsletter-forward pre-launch section with a monospace parenthetical eyebrow, a heading ","k":"page","s":"beste-ui","c":"pages/templates","tg":["webgl"],"sb":"Error and status pages","sy":["webgl"]},{"id":"beste-ui:comingsoon30","t":"Interest Selector Waitlist","d":"A centered full-bleed image waitlist section with a dark overlay and light text, a monospa","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon31","t":"Typographic Wordmark","d":"A monumental full-bleed image pre-launch statement with a dark overlay, a monospace parent","k":"resource","s":"beste-ui","c":"assets/logo","sb":"Dev tools"},{"id":"beste-ui:comingsoon32","t":"Trusted By Waitlist","d":"A centered pre-launch section with a monospace parenthetical eyebrow, a statement heading,","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon33","t":"Video Teaser Reveal","d":"A full-bleed image pre-launch teaser with a dark overlay, a monospace parenthetical eyebro","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon34","t":"Invite Code Access","d":"An invite-only pre-launch card on a soft muted surface with a monospace parenthetical eyeb","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon35","t":"Add To Calendar Reminder","d":"A centered launch-reminder section with a monospace parenthetical eyebrow, a kicker, an ov","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon36","t":"Countdown Clock Waitlist","d":"A centered pre-launch section with a square eyebrow, an accent-highlighted heading, a larg","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon37","t":"Referral Leaderboard","d":"A pre-launch referral leaderboard with a square eyebrow, a heading, and a bordered ranked ","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon38","t":"Private Beta Apply","d":"A two-column private-beta section with a square eyebrow, a heading, a supporting paragraph","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon39","t":"Feature Voting Roadmap","d":"A pre-launch feature-voting section with a centered square eyebrow and heading, and a list","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon40","t":"New Location Opening","d":"A two-column location-launch section with an accent-badged image tile beside a square eyeb","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon41","t":"Pricing Plan Explorer","d":"An interactive pricing-preview section with a centered square eyebrow and heading, a plan ","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon42","t":"Podcast Launch Teaser","d":"A two-column podcast-launch section with an accent-badged square cover image beside a squa","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon43","t":"Survey Waitlist","d":"A pre-launch survey card with a square eyebrow, a heading, a single-choice question with s","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon44","t":"Founder Note Waitlist","d":"A personal pre-launch section with a square eyebrow, a statement heading, a short founder ","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon45","t":"Animated Waitlist Stats","d":"A centered pre-launch section with a square eyebrow, a heading, a supporting line, a row o","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon46","t":"Split Screen Launch","d":"A full-height split coming-soon page with a dark brand panel carrying a wordmark, a monosp","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon47","t":"Marquee Launch Hero","d":"A coming-soon hero with an oversized looping background marquee behind a centered monospac","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon48","t":"Bento Launch Grid","d":"A coming-soon bento grid with a large panel holding a wordmark, a monospace parenthetical ","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon49","t":"Framed Editorial Launch","d":"A two-column coming-soon section with a vertical monospace edge label, an oversized wordma","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon50","t":"Launch Readiness Progress","d":"A coming-soon section on a soft muted card with a monospace parenthetical eyebrow, a headi","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon51","t":"Launch Pass Ticket","d":"A coming-soon section styled as a launch pass ticket with a square eyebrow, a heading and ","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon52","t":"Image Mosaic Notify","d":"A coming-soon section with a full-bleed image mosaic background under a dark overlay and a","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon53","t":"Next Issue Magazine","d":"A two-column coming-soon section styled as a magazine launch with an accent-badged cover i","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon54","t":"Locked Product Preview","d":"A two-column coming-soon section with a square eyebrow, a heading and a working email noti","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon55","t":"Image Notify Bar","d":"A full-bleed image coming-soon hero with a bottom gradient and light text, a square eyebro","k":"page","s":"beste-ui","c":"pages/templates","tg":["gradient"],"sb":"Error and status pages","sy":["gradient"]},{"id":"beste-ui:comingsoon56","t":"Restaurant Opening Soon","d":"A hospitality coming-soon section with an interior image beside a venue name, a square eye","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon57","t":"Event Tickets Coming Soon","d":"An event coming-soon section with a square eyebrow, an event name and heading, a date and ","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon58","t":"Store Drop Coming Soon","d":"An e-commerce coming-soon section with a square eyebrow, a heading, a drop-date card, a gr","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon59","t":"App Waitlist Split","d":"An app pre-launch split card with a muted panel holding a wordmark, a monospace parentheti","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon60","t":"Portfolio Under Construction","d":"A personal coming-soon page with a monospace parenthetical eyebrow, an oversized name, a r","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon61","t":"Community Launch Waitlist","d":"A community coming-soon section on a soft muted card with a monospace parenthetical eyebro","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon62","t":"Course Enrollment Waitlist","d":"An education coming-soon section with a square eyebrow, a course heading, a start/length/f","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon63","t":"Product Pre Order Teaser","d":"A product launch coming-soon section with a full-height product image beside a monospace p","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon64","t":"Under Construction Contact","d":"A B2B coming-soon section with a studio name, a square eyebrow, a heading, an icon contact","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon65","t":"What Happens Next Waitlist","d":"A waitlist coming-soon section with a monospace parenthetical eyebrow, a heading, a workin","k":"page","s":"beste-ui","c":"pages/templates","tg":["webgl"],"sb":"Error and status pages","sy":["webgl"]},{"id":"beste-ui:comingsoon66","t":"Property Register Interest","d":"A real-estate coming-soon section with an accent-badged development image beside a project","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon67","t":"Fitness Studio Founding List","d":"A fitness coming-soon section with a studio name, a square eyebrow, a heading and a workin","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon68","t":"Album Release Pre Order","d":"A music release coming-soon section with a square cover image beside an artist name, a mon","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon69","t":"Careers Job Alerts","d":"A hiring coming-soon section with a centered square eyebrow and heading, a working job-ale","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon70","t":"Newsletter Sample Issues","d":"A newsletter coming-soon section with a centered monospace parenthetical eyebrow, a headin","k":"page","s":"beste-ui","c":"pages/templates","tg":["webgl"],"sb":"Error and status pages","sy":["webgl"]},{"id":"beste-ui:comingsoon71","t":"Referral Rewards Tiers","d":"A referral coming-soon section with a centered square eyebrow and heading, a referral prog","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon72","t":"Exhibition Opening RSVP","d":"An art exhibition coming-soon section with an artwork image beside a monospace parenthetic","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon73","t":"Sign The Wall Waitlist","d":"An interactive waitlist coming-soon section with a monospace parenthetical eyebrow, a head","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon74","t":"Version Two Relaunch","d":"A relaunch coming-soon section with a centered square eyebrow and heading, a working early","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon75","t":"Launch Party RSVP","d":"A launch-event coming-soon section on a soft muted card with a monospace parenthetical eye","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon76","t":"Coming Soon Client Marquee","d":"A client wall with the clients withheld. Instead of logos, an oversized ghost-type marquee","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon77","t":"Full Bleed Launch Countdown","d":"A pre-launch section on a full-bleed photograph under a dark gradient, with a light displa","k":"page","s":"beste-ui","c":"pages/templates","tg":["gradient"],"sb":"Error and status pages","sy":["gradient"]},{"id":"beste-ui:comingsoon78","t":"Public Roadmap Coming Soon","d":"A pre-launch section that publishes remaining work instead of a date, with an image tile f","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:comingsoon79","t":"Maintenance Window Notice","d":"A scheduled downtime notice with a light heading, a hairline table of what is affected and","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"beste-ui:comingsoon80","t":"Second Address Countdown","d":"A full-height coming-soon page on a photograph that drifts slower than the page under a sc","k":"page","s":"beste-ui","c":"pages/templates","tg":["animated"],"sb":"Error and status pages","sy":["animated"]},{"id":"beste-ui:comingsoon81","t":"Quiet Waitlist","d":"A light full-height waitlist page: the wordmark in the corner, a centred eyebrow, a serif ","k":"page","s":"beste-ui","c":"pages/templates","tg":["animated"],"sb":"Error and status pages","sy":["animated"]},{"id":"beste-ui:crypto1","t":"Token Price Hero","d":"Hero section with token price card showing live market stats. Price change indicator, mark","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"beste-ui:crypto24","t":"DAO Governance Proposals","d":"Governance proposal cards with for/against vote bars and quorum progress. Status badges (a","s":"beste-ui","c":"data-viz/progress-bar","hc":1},{"id":"beste-ui:crypto29","t":"Airdrop Claim Card","d":"Token airdrop claim interface with eligibility checklist. Shows allocation amount, criteri","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:crypto35","t":"Contract Address List","d":"Smart contract addresses with copy-to-clipboard and explorer link buttons. Verified badge ","s":"beste-ui","c":"data-display/list","hc":1},{"id":"beste-ui:cta8","t":"Centered Newsletter CTA","d":"Minimal centered call-to-action with heading, description, and action buttons. Perfect for","k":"section","s":"beste-ui","c":"marketing/cta","tg":["minimal"],"sb":"Newsletter and waitlist","sy":["minimal"],"hc":1},{"id":"beste-ui:cta9","t":"Split Layout Newsletter CTA","d":"Two-column call-to-action with decorative image on one side and feature list with action b","k":"section","s":"beste-ui","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"beste-ui:cta10","t":"Newsletter CTA with Social Proof","d":"Call-to-action with avatar stack, subscriber count, and testimonial quote for building tru","k":"section","s":"beste-ui","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"beste-ui:cta11","t":"Banner CTA","d":"Horizontal banner call-to-action with heading and action buttons side by side. Perfect for","k":"section","s":"beste-ui","c":"marketing/cta","sb":"Banners","hc":1},{"id":"beste-ui:cta12","t":"Stats CTA","d":"Call-to-action section with impressive statistics and trust indicators above action button","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta13","t":"Multi Card CTA","d":"Multiple action cards with different tiers or options side by side. Perfect for offering m","k":"section","s":"beste-ui","c":"marketing/cta","sb":"Cards"},{"id":"beste-ui:cta14","t":"Checklist CTA","d":"Call-to-action with a vertical list of benefit checkmarks and action buttons. Perfect for ","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta15","t":"Minimal CTA","d":"Ultra-minimal call-to-action with a single bold heading and action button. Perfect for cle","k":"section","s":"beste-ui","c":"marketing/cta","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:cta16","t":"Logo Cloud CTA","d":"Call-to-action with trusted-by logo cloud and action buttons. Perfect for building credibi","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta17","t":"Split Comparison CTA","d":"Side-by-side comparison cards showing before and after or free vs pro tiers with action bu","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta18","t":"Fullwidth Image CTA","d":"Full-width call-to-action with background image overlay, heading, and action buttons. Perf","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta19","t":"Steps CTA","d":"Three-step process visualization with numbered steps and call-to-action. Perfect for showi","k":"section","s":"beste-ui","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:cta20","t":"Quote Led CTA","d":"Large testimonial quote as the hero element with call-to-action buttons below. Perfect for","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta21","t":"Notification CTA","d":"Compact notification-style call-to-action card with icon, message, and inline action butto","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta22","t":"Highlight Card CTA","d":"Card-style call-to-action with value-driven highlight metrics in a bordered grid. Perfect ","k":"section","s":"beste-ui","c":"marketing/cta","sb":"Cards"},{"id":"beste-ui:cta23","t":"Two Tier CTA","d":"Stacked two-tier call-to-action with primary offer on top and secondary alternative below,","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta24","t":"Split Text CTA","d":"Asymmetric two-column layout with large heading on the left and description with buttons o","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta25","t":"Testimonial Grid CTA","d":"Grid of short testimonial quotes with centered call-to-action below. Perfect for social pr","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta26","t":"Countdown CTA","d":"Urgency-driven call-to-action with countdown numbers and limited-time offer messaging. Per","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta27","t":"Pill Tags CTA","d":"Call-to-action with scattered topic pills and tags showing what subscribers receive. Perfe","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta28","t":"Big Number CTA","d":"Single massive statistic as the visual centerpiece with supporting text and action buttons","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta29","t":"Dual CTA","d":"Two equal side-by-side call-to-action cards offering different paths. Perfect for segmenti","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta30","t":"FAQ Inline CTA","d":"Expandable FAQ questions paired with an inline call-to-action. Perfect for addressing obje","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta31","t":"Newsletter Preview CTA","d":"Preview card showing a sample newsletter issue with subscribe call-to-action. Perfect for ","k":"section","s":"beste-ui","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"beste-ui:cta32","t":"Metric Bars CTA","d":"Horizontal progress bars with metric labels showing platform performance alongside call-to","k":"section","s":"beste-ui","c":"marketing/cta","sb":"Banners"},{"id":"beste-ui:cta33","t":"Compact Bar CTA","d":"Single-line compact call-to-action bar with inline text and button. Perfect for subtle, no","k":"section","s":"beste-ui","c":"marketing/cta","sb":"Banners"},{"id":"beste-ui:cta34","t":"Bordered Stack CTA","d":"Vertically stacked bordered sections with alternating content and a final call-to-action. ","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta35","t":"Avatar Wall CTA","d":"Dense grid of subscriber avatars with centered heading overlay and call-to-action. Perfect","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta36","t":"Accent Sidebar CTA","d":"Card with colored accent left border and inline call-to-action. Perfect for attention-grab","k":"section","s":"beste-ui","c":"marketing/cta","sb":"Banners"},{"id":"beste-ui:cta37","t":"Feature Table CTA","d":"Simple feature comparison table with checkmarks and call-to-action button below. Perfect f","k":"section","s":"beste-ui","c":"marketing/cta","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:cta38","t":"Aurora Spotlight CTA","d":"Interactive call-to-action card with animated aurora gradient blobs and mouse-following sp","k":"section","s":"beste-ui","c":"marketing/cta","tg":["gradient"],"sy":["gradient"]},{"id":"beste-ui:cta39","t":"Objection Buster CTA","d":"Call-to-action addressing common objections with question-answer pairs and conversion butt","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta40","t":"Bento CTA","d":"Bento grid layout with mixed content cards surrounding a central call-to-action. Perfect f","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta41","t":"Zigzag CTA","d":"Alternating left-right content blocks building up to a final call-to-action. Perfect for n","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta42","t":"Quote Carousel CTA","d":"Rotating testimonial quotes with author info and persistent call-to-action buttons. Perfec","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta43","t":"Numbered List CTA","d":"Numbered reasons or benefits list with large ordinals and call-to-action at the bottom. Pe","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta44","t":"Image Marquee CTA","d":"Eye-catching call-to-action with two rows of images scrolling in opposite directions. Crea","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta45","t":"3D Tilt Card CTA","d":"Interactive call-to-action card with 3D perspective tilt on mouse move, image background w","k":"section","s":"beste-ui","c":"marketing/cta","tg":["3d"],"sb":"Cards","sy":["3d"]},{"id":"beste-ui:cta46","t":"Before/After Slider CTA","d":"Interactive image comparison slider with draggable handle for before and after views. Supp","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta47","t":"Stacked Photo Deck CTA","d":"Split layout with a hoverable stacked photo deck that fans out on interaction. Includes sh","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta48","t":"Animated Border CTA","d":"Split layout with a floating image wrapped in a rotating conic gradient border. Includes a","k":"section","s":"beste-ui","c":"marketing/cta","tg":["gradient","neon"],"sy":["gradient","neon"]},{"id":"beste-ui:cta49","t":"Video Hero CTA","d":"Cinematic call-to-action with a looping background video, gradient overlay, and bottom-ali","k":"section","s":"beste-ui","c":"marketing/cta","tg":["gradient"],"sy":["gradient"]},{"id":"beste-ui:cta50","t":"Diagonal Split Image CTA","d":"Split layout with two images divided diagonally, each slowly panning in opposite direction","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta51","t":"Vertical Marquee CTA","d":"Two vertical image columns scrolling in opposite directions frame the centered call-to-act","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta52","t":"Media Accordion CTA","d":"Interactive horizontal strips mixing images and videos that expand on hover, revealing lab","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta53","t":"Video Background CTA","d":"Looping background video behind a frosted glass content card with badge, heading, descript","k":"section","s":"beste-ui","c":"marketing/cta","tg":["glass"],"sy":["glass"]},{"id":"beste-ui:cta54","t":"Split Video CTA","d":"Two-column layout with content on the left and a looping video on the right. Features badg","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta55","t":"Cinematic Video Hero CTA","d":"Ultra-wide cinematic video background with a dark gradient overlay. Content is positioned ","k":"section","s":"beste-ui","c":"marketing/cta","tg":["gradient"],"sy":["gradient"]},{"id":"beste-ui:cta56","t":"Media Card Showcase CTA","d":"Three media cards (images and videos) in a row, each with a hover-reveal label overlay. CT","k":"section","s":"beste-ui","c":"marketing/cta","tg":["webgl"],"sb":"Cards","sy":["webgl"]},{"id":"beste-ui:cta57","t":"Floating Video Circle CTA","d":"Large circular video mask with a gentle floating animation alongside CTA content. The clip","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta58","t":"Video Grid Background CTA","d":"A 2x2 grid of looping videos playing simultaneously behind a semi-transparent overlay card","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta59","t":"Video Ticker Strip CTA","d":"Centered CTA content above a continuously scrolling horizontal strip of looping video thum","k":"section","s":"beste-ui","c":"marketing/cta","sb":"Banners"},{"id":"beste-ui:cta60","t":"Video Blinds Reveal CTA","d":"Staggered horizontal bars slide away in alternating directions on hover, revealing a loopi","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta61","t":"Animated Border Video CTA","d":"Split layout with a video card featuring a rotating conic gradient border and gentle float","k":"section","s":"beste-ui","c":"marketing/cta","tg":["3d","gradient","neon"],"sy":["3d","gradient","neon"]},{"id":"beste-ui:cta62","t":"Diagonal Video Split CTA","d":"Two videos divided by a diagonal clip-path line with a frosted glass content card overlaid","k":"section","s":"beste-ui","c":"marketing/cta","tg":["glass"],"sy":["glass"]},{"id":"beste-ui:cta63","t":"Video Bento Grid CTA","d":"Asymmetric bento-style grid with one large video spanning two rows alongside two stacked s","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta64","t":"Statement CTA","d":"Bold full-width call to action on a dark panel with dual buttons.","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta65","t":"Newsletter CTA","d":"Split card with a subscribe form beside an image.","k":"section","s":"beste-ui","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"beste-ui:cta66","t":"Marquee CTA","d":"Centered call to action over a faint scrolling word-marquee background.","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta67","t":"Image CTA","d":"Cinematic full-bleed image CTA with an overlaid content panel.","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta68","t":"Contact CTA","d":"Centered contact call to action with an availability badge and big headline.","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta69","t":"Worth Keeping CTA","d":"Full-bleed monochrome closing CTA with a giant scrolling marquee behind a single centered ","k":"section","s":"beste-ui","c":"marketing/cta","hc":1},{"id":"beste-ui:cta70","t":"Editorial Asymmetric CTA","d":"An oversized editorial CTA with a left-weighted heading, a pinned seal button, and a ruled","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta71","t":"Framed Studio Call","d":"A quiet, gallery-like CTA centered inside a bordered frame with corner tick marks, eyebrow","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta72","t":"Newsletter Letter Band","d":"A monochrome newsletter CTA band pairing an oversized statement with an inline email-captu","k":"section","s":"beste-ui","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"beste-ui:cta73","t":"Closing CTA Panel","d":"A closing call to action on a soft panel, pairing an eyebrow, light heading, paragraph, an","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta74","t":"Centered Closing CTA","d":"A centered call to action with an eyebrow pill, a large light heading, a short paragraph, ","k":"section","s":"beste-ui","c":"marketing/cta","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:cta75","t":"Split CTA With Thread","d":"A split call to action pairing an eyebrow, light heading, paragraph, and two accent button","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta76","t":"Plan Led Centered CTA","d":"A centered call to action led by a floating plan price card on an image tile, followed by ","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta77","t":"Demo Request Split Form","d":"A closing call to action that pairs a soft panel of promises, separated by hairlines, with","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta78","t":"Studio Booking Split CTA","d":"Closing call to action splitting a tall photo against an oversized heading, a short pitch,","k":"section","s":"beste-ui","c":"marketing/cta","hc":1},{"id":"beste-ui:cta79","t":"Dark Contact Band","d":"Inverted closing panel on a solid dark surface: an oversized invitation on the left, a par","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta80","t":"Two Path Closing CTA","d":"Closing section that offers two routes side by side, each a ruled column with a title, a s","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta81","t":"Launch Countdown CTA","d":"A closing call to action with centered copy above two image tiles, one floating a live cou","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta82","t":"Inverted Closing Band","d":"A full-width dark closing band with a light display heading, a paragraph, two actions, and","k":"section","s":"beste-ui","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:cta83","t":"Two Path Closing Cards","d":"A closing call to action offering two routes as side-by-side cards, each with an icon tile","k":"section","s":"beste-ui","c":"marketing/cta","sb":"Cards"},{"id":"beste-ui:cta84","t":"Photo Band Story CTA","d":"A closing call to action set on a photographic panel with a directional gradient, pairing ","k":"section","s":"beste-ui","c":"marketing/cta","tg":["gradient"],"sy":["gradient"]},{"id":"beste-ui:cta85","t":"Migration Process CTA","d":"A closing call to action on a soft section that puts a live step tracker between centered ","k":"section","s":"beste-ui","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:cta86","t":"Contact And Availability CTA","d":"A closing call to action splitting a bordered container between a hairline contact table a","k":"section","s":"beste-ui","c":"marketing/cta","sb":"Cards"},{"id":"beste-ui:cta87","t":"Resource Rows CTA","d":"A closing call to action that offers three downloadable resources as full-width hairline r","k":"section","s":"beste-ui","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:cta88","t":"Slim Closing Bar","d":"A short closing call to action held in one soft bar, with an eyebrow badge, a compact ligh","k":"section","s":"beste-ui","c":"marketing/cta","sb":"Banners"},{"id":"beste-ui:cta89","t":"Plain Terms Billing CTA","d":"A closing call to action held in one bordered container, with the promise and action acros","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta90","t":"Multi Site Coverage CTA","d":"A closing call to action on a soft section that sets an image tile floating a live coverag","k":"section","s":"beste-ui","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:cta91","t":"Handheld Reminder CTA","d":"A closing call to action that leads with a narrow portrait tile floating a live phone fram","k":"section","s":"beste-ui","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:cta92","t":"Tailored Subscription","d":"A newsletter CTA that asks before it asks for an address: subjects, then cadence, then the","k":"section","s":"beste-ui","c":"marketing/cta","hc":1},{"id":"beste-ui:cta93","t":"Share This Panel With Copy Link","d":"A closing panel that asks the reader to forward the piece rather than subscribe, pairing a","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta94","t":"Cadence Picker Signup","d":"A narrow signup where the reader first picks how often they want to hear from you, the par","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta95","t":"Parallax Panel CTA","d":"A closing call to action on a rounded photographic panel: the photo drifts under the panel","k":"section","s":"beste-ui","c":"marketing/cta","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:cta96","t":"Half Photo CTA","d":"A two-panel call to action inside one rounded frame: a soft muted panel with a serif headi","k":"section","s":"beste-ui","c":"marketing/cta","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:cta97","t":"Full Bleed Band CTA","d":"An edge-to-edge photographic band whose image drifts under a dark scrim, drifting soft lig","k":"section","s":"beste-ui","c":"marketing/cta","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:cta98","t":"Monthly Letter CTA","d":"A newsletter call to action on a light page with a drifting soft light: a serif heading th","k":"section","s":"beste-ui","c":"marketing/cta","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:cta99","t":"Two Paths CTA","d":"A call to action that offers two doors: under a serif heading that settles in word by word","k":"section","s":"beste-ui","c":"marketing/cta","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:cta100","t":"Founder Quote CTA","d":"A centred call to action built on a founder's words: a long serif quote that settles in wo","k":"section","s":"beste-ui","c":"marketing/cta","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:cta101","t":"Soft Panel CTA","d":"The simplest call to action in the language: one soft muted panel with a centred eyebrow, ","k":"section","s":"beste-ui","c":"marketing/cta","tg":["animated","minimal"],"sy":["animated","minimal"]},{"id":"beste-ui:cta102","t":"Ruled Proof CTA","d":"A call to action between two hairline rules: a serif heading that settles in word by word ","k":"section","s":"beste-ui","c":"marketing/cta","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:cta103","t":"Ink Band CTA","d":"A dark ink band with film grain and no photograph: an eyebrow and a wide serif heading tha","k":"section","s":"beste-ui","c":"marketing/cta","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:cta104","t":"Photo Button CTA","d":"A call to action with the text above the picture: a centred serif heading that settles in ","k":"section","s":"beste-ui","c":"marketing/cta","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:cta105","t":"One Line CTA","d":"The most compact call to action in the language: a single serif line that settles in word ","k":"section","s":"beste-ui","c":"marketing/cta","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:cta106","t":"Effect Panel Call to Action","d":"A rounded panel inside the container with a live gradient effect as its background. The he","k":"section","s":"beste-ui","c":"marketing/cta","tg":["gradient"],"sy":["gradient"]},{"id":"beste-ui:cta107","t":"Isometric Scene Call to Action","d":"A wide borderless panel that splits into text and artwork. The left half holds an eyebrow,","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:cta108","t":"Uptime Proof Call to Action","d":"A tall borderless band filled with a live ridgeline plot that dissolves into the page at t","k":"section","s":"beste-ui","c":"marketing/cta","tg":["glass"],"sy":["glass"]},{"id":"beste-ui:cta109","t":"Growing Grove Call to Action","d":"A wide borderless panel with a centered eyebrow, heading, one sentence and two buttons abo","k":"section","s":"beste-ui","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:cta110","t":"Pool Water Band With Glass Booking Card","d":"One wide borderless band filled with sunlit pool water over a tiled floor that fades into ","k":"section","s":"beste-ui","c":"marketing/cta","tg":["glass"],"sb":"Cards","sy":["glass"]},{"id":"beste-ui:dashboard1","t":"Admin Shell","d":"A full admin dashboard shell: collapsible icon sidebar, topbar with a ⌘K command palette a","k":"layout","s":"beste-ui","c":"layout/dashboard","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:dashboard2","t":"Customers Table","d":"A customers management section powered by the data-table engine: avatar cells, status badg","k":"layout","s":"beste-ui","c":"layout/dashboard"},{"id":"beste-ui:dashboard3","t":"Commerce Analytics","d":"An e-commerce analytics dashboard: sidebar + search topbar, a four-up KPI row with period ","k":"layout","s":"beste-ui","c":"layout/dashboard"},{"id":"beste-ui:dashboard4","t":"Project Workspace","d":"A project-management dashboard: sidebar + search topbar, a four-up project stats row with ","k":"layout","s":"beste-ui","c":"layout/dashboard"},{"id":"beste-ui:dashboard5","t":"Booking Workspace","d":"A split booking dashboard: a left panel with a top nav, functional tab bar, a Manage menu,","k":"layout","s":"beste-ui","c":"layout/dashboard","tg":["playful"],"sy":["playful"]},{"id":"beste-ui:dashboard6","t":"Talent Sourcing","d":"A project detail dashboard for staffing: sidebar + action topbar with a project actions me","k":"layout","s":"beste-ui","c":"layout/dashboard","tg":["playful"],"sy":["playful"]},{"id":"beste-ui:dashboard7","t":"Traffic Analytics","d":"A web-analytics console: sidebar + search topbar, a live realtime strip, an hourly session","k":"layout","s":"beste-ui","c":"layout/dashboard"},{"id":"beste-ui:dashboard8","t":"Finance Overview","d":"A personal-finance dashboard: sidebar + search topbar, a dark total-balance hero with acco","k":"layout","s":"beste-ui","c":"layout/dashboard"},{"id":"beste-ui:dashboard9","t":"Sales Pipeline","d":"A sales-CRM dashboard: sidebar + search topbar, pipeline KPIs, a four-stage kanban board o","k":"layout","s":"beste-ui","c":"layout/dashboard"},{"id":"beste-ui:dashboard10","t":"Support Inbox","d":"A three-pane helpdesk inbox: an icon rail, a searchable ticket list with status filters an","k":"layout","s":"beste-ui","c":"layout/dashboard","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:dashboard11","t":"Fitness Overview","d":"A health dashboard with a top navigation bar (no sidebar): three activity-ring radial gaug","k":"layout","s":"beste-ui","c":"layout/dashboard","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:dashboard12","t":"Service Monitoring","d":"An observability console with an icon rail and a live status ribbon: a service-health grid","k":"layout","s":"beste-ui","c":"layout/dashboard"},{"id":"beste-ui:dashboard13","t":"Account Settings","d":"A settings dashboard with a vertical section nav that live-switches panels: an editable pr","k":"layout","s":"beste-ui","c":"layout/dashboard"},{"id":"beste-ui:dashboard14","t":"Service Reliability Overview","d":"A status dashboard with a top bar and two scroll areas: the main column stacks four readou","k":"layout","s":"beste-ui","c":"layout/dashboard"},{"id":"beste-ui:devtools1","t":"API Endpoint Explorer","d":"Interactive REST API endpoint reference with method badges, expandable parameter details, ","s":"beste-ui","c":"data-display/accordion"},{"id":"beste-ui:devtools2","t":"Webhook Event Stream","d":"Real-time webhook event log with delivery status indicators, expandable JSON payloads, and","s":"beste-ui","c":"data-display/accordion"},{"id":"beste-ui:devtools3","t":"Multi Language Code Tabs","d":"Code block with language tabs (JavaScript, Python, cURL, Go) and Shiki syntax highlighting","s":"beste-ui","c":"data-display/code-block","hc":1},{"id":"beste-ui:devtools4","t":"Error Monitoring Feed","d":"Application error tracking feed with severity indicators, occurrence counts, and source lo","s":"beste-ui","c":"data-display/timeline"},{"id":"beste-ui:devtools5","t":"Feature Flags Manager","d":"Interactive feature flag management with toggle switches, rollout progress bars, and envir","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:devtools6","t":"Application Log Viewer","d":"Terminal-style structured log viewer with level filtering. Color-coded INFO, WARN, ERROR, ","s":"beste-ui","c":"inputs/form-field","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"beste-ui:devtools7","t":"API Response Examples","d":"API documentation cards showing response examples with color-coded status badges. Headers ","s":"beste-ui","c":"actions/button"},{"id":"beste-ui:devtools8","t":"API Key Manager","d":"API key management panel with masked credentials, reveal/copy controls, scope badges, and ","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:devtools9","t":"Database Migration Timeline","d":"Timeline-style database migration tracker with applied, pending, and failed status indicat","s":"beste-ui","c":"data-display/timeline"},{"id":"beste-ui:devtools10","t":"Cron Job Scheduler","d":"Scheduled task manager showing cron expressions, last/next run times, duration, and active","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:devtools11","t":"Audit Activity Log","d":"Filterable audit trail showing user actions with create, update, delete, and access type i","s":"beste-ui","c":"data-display/timeline"},{"id":"beste-ui:devtools12","t":"Rate Limit Dashboard","d":"API rate limit monitor with color-coded usage bars per endpoint. Shows current usage, limi","k":"layout","s":"beste-ui","c":"layout/dashboard"},{"id":"beste-ui:devtools13","t":"Environment Config Viewer","d":"Tabbed environment variable viewer for comparing configuration across production, staging,","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:devtools14","t":"JSON Formatter Tool","d":"Interactive JSON editor with format, minify, and real-time validation. Valid/invalid statu","s":"beste-ui","c":"inputs/textarea"},{"id":"beste-ui:devtools15","t":"Package Dependency Health","d":"Dependency version tracker with update availability, security fix indicators, and version ","k":"section","s":"beste-ui","c":"marketing/comparison"},{"id":"beste-ui:devtools16","t":"Queue Monitor","d":"Background job queue monitor showing processed, pending, and failed counts with healthy, w","k":"motion","s":"beste-ui","c":"motion/background"},{"id":"beste-ui:devtools17","t":"Service Health Board","d":"Infrastructure status board showing service health with operational, degraded, and down in","s":"beste-ui","c":"data-display/kanban"},{"id":"beste-ui:devtools18","t":"Performance Waterfall","d":"Network request waterfall chart with cascading timing bars. Color-coded by duration — gree","s":"beste-ui","c":"data-viz/chart"},{"id":"beste-ui:devtools19","t":"Keyboard Shortcuts Reference","d":"Grouped keyboard shortcuts with styled keycap visuals. Shows key combinations with shadow-","s":"beste-ui","c":"data-display/typography"},{"id":"beste-ui:devtools20","t":"Code Diff Viewer","d":"Unified code diff viewer with dark terminal background. Green additions, red deletions, an","s":"beste-ui","c":"data-display/diff","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"beste-ui:devtools33","t":"Network Request Monitor","d":"Real-time HTTP request interceptor with recording controls. Method badges, status codes, d","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:devtools37","t":"Load Test Dashboard","d":"API performance testing interface with start/stop controls and progress bar. Metric cards ","k":"layout","s":"beste-ui","c":"layout/dashboard"},{"id":"beste-ui:devtools38","t":"API Usage Analytics","d":"API analytics dashboard with endpoint usage table. Stats cards for requests, latency, erro","k":"layout","s":"beste-ui","c":"layout/dashboard"},{"id":"beste-ui:devtools49","t":"Code Coverage Report","d":"Test coverage dashboard with expandable file tree. Coverage metrics for statements, branch","k":"layout","s":"beste-ui","c":"layout/dashboard","tg":["playful"],"sy":["playful"]},{"id":"beste-ui:devtools52","t":"Bundle Size Analyzer","d":"JavaScript bundle analysis with chunk breakdown. Visual size bars, module lists, and gzip ","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:devtools56","t":"Database Schema Explorer","d":"Database table browser with expandable schema views. Shows columns, types, primary/foreign","s":"beste-ui","c":"data-display/table"},{"id":"beste-ui:devtools92","t":"Bundle Chunk Analyzer","d":"Bundle breakdown with chunk list showing size, gzip, and module counts. Large chunk warnin","s":"beste-ui","c":"data-display/list"},{"id":"beste-ui:devtools93","t":"CI/CD Pipeline Status","d":"CI/CD pipeline monitor with build stages, status indicators, and branch/commit tracking. S","s":"beste-ui","c":"data-display/timeline"},{"id":"beste-ui:devtools94","t":"API Endpoints With Sample Call","d":"A developer section that lists common endpoints as hairline rows pairing tone-coded method","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:devtools95","t":"Feeds And Archive API","d":"A hairline list of every way to follow a publication, each row naming the feed, what it ca","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:devtools96","t":"Quiet API Reference","d":"An API reference section: a serif headline that settles in word by word with a sliding-mar","s":"beste-ui","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"]},{"id":"beste-ui:ecommerce1","t":"Product Card Grid","d":"Responsive product grid with ratings, sale badges, and add to cart buttons. Perfect for sh","s":"beste-ui","c":"data-display/card","sb":"Product","hc":1},{"id":"beste-ui:ecommerce2","t":"Product Detail with Variants","d":"Product page hero with color and size selectors, quantity picker, and wishlist button. Per","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With product shot"},{"id":"beste-ui:ecommerce3","t":"Shopping Cart with Summary","d":"Cart page with item cards, quantity controls, and order summary with shipping calculation.","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:ecommerce4","t":"Shop by Category Grid","d":"Product category browsing with image cards, product counts, and featured badges. Responsiv","s":"beste-ui","c":"data-display/badge","hc":1},{"id":"beste-ui:ecommerce5","t":"Featured Product Showcase","d":"Full-featured product presentation with pricing, ratings, feature list, and add to cart. S","k":"section","s":"beste-ui","c":"marketing/pricing","hc":1},{"id":"beste-ui:ecommerce6","t":"Product Reviews Section","d":"Customer reviews with star ratings, verified badges, helpful voting, and load more functio","s":"beste-ui","c":"inputs/rating","tg":["playful"],"sy":["playful"],"hc":1},{"id":"beste-ui:ecommerce7","t":"Wishlist Manager","d":"Saved items list with stock status, quick add to cart, and remove actions. Includes empty ","s":"beste-ui","c":"data-display/list"},{"id":"beste-ui:ecommerce8","t":"Order Confirmation Page","d":"Post-purchase success screen with order summary, email confirmation, estimated delivery, a","s":"beste-ui","c":"overlays/dialog","sb":"Confirm"},{"id":"beste-ui:ecommerce11","t":"Size Guide Table","d":"Measurement chart table with chest, waist, hips, and length columns. Perfect for clothing ","s":"beste-ui","c":"data-display/table","hc":1},{"id":"beste-ui:ecommerce14","t":"Related Products Grid","d":"Product recommendations grid with images, prices, and add to cart buttons. Perfect for cro","s":"beste-ui","c":"actions/button"},{"id":"beste-ui:ecommerce15","t":"Shipping Info Cards","d":"Icon cards displaying shipping, delivery, tracking, and returns policies. Perfect for prod","s":"beste-ui","c":"data-display/card","sb":"Product","hc":1},{"id":"beste-ui:ecommerce16","t":"Payment Methods Display","d":"Payment options grid showing credit cards, digital wallets, and bank transfers. Perfect fo","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:ecommerce17","t":"Order History List","d":"Order cards with status badges, dates, and item counts with view details links. Perfect fo","s":"beste-ui","c":"data-display/timeline"},{"id":"beste-ui:ecommerce19","t":"Gift Card Redemption Form","d":"Code input form with loading states, validation, and balance display on success. Perfect f","s":"beste-ui","c":"data-display/card","sb":"Product"},{"id":"beste-ui:ecommerce23","t":"Sale Countdown Timer","d":"Live countdown with days, hours, minutes, and seconds in default, compact, or banner varia","s":"beste-ui","c":"overlays/alert-banner"},{"id":"beste-ui:ecommerce26","t":"Product Detail with Gallery","d":"Product page with thumbnail image gallery, color swatches, size buttons, and feature icons","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:ecommerce27","t":"Category Cards Grid","d":"Category collection grid with overlay images, item counts, and shop now links. Perfect for","s":"beste-ui","c":"data-display/card","sb":"Product"},{"id":"beste-ui:ecommerce28","t":"Featured Products Grid","d":"Product cards with hover wishlist buttons, quick add to cart overlay, and star ratings. Pe","s":"beste-ui","c":"actions/button"},{"id":"beste-ui:ecommerce29","t":"Deal of the Day Hero","d":"Featured product with live countdown timer, discount badge, feature list, and large CTA. P","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:ecommerce31","t":"Outfit Builder","d":"Mix-and-match product selector organized by category with running total and add all to car","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Shop sections"},{"id":"beste-ui:ecommerce32","t":"Shop by Brand Grid","d":"Brand logo cards with product counts and hover effects linking to brand pages. Perfect for","k":"resource","s":"beste-ui","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"beste-ui:ecommerce33","t":"Collection Showcase Grid","d":"Featured collection card with supporting collection tiles, image overlays, and product cou","s":"beste-ui","c":"data-display/card","sb":"Product"},{"id":"beste-ui:ecommerce34","t":"Gift Finder by Budget","d":"Budget filter tabs with curated gift cards, wishlist buttons, and quick add to cart. Perfe","s":"beste-ui","c":"navigation/tabs"},{"id":"beste-ui:ecommerce35","t":"Product Reviews Grid","d":"Review cards with star ratings, product thumbnails, verified badges, and helpfulness count","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:ecommerce36","t":"Trust Badges Section","d":"Icon badges for shipping, returns, security, and support in default, compact, or detailed ","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:ecommerce37","t":"Shop the Look","d":"Lifestyle image with clickable product hotspots and bundled add-all-to-cart pricing. Perfe","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:ecommerce38","t":"Back in Stock Notification","d":"Product availability alerts with email and SMS signup options. Displays waitlist counter t","s":"beste-ui","c":"overlays/notifications"},{"id":"beste-ui:ecommerce39","t":"Loyalty Program Dashboard","d":"Customer rewards interface showing tier progress, redeemable benefits, points balance, and","k":"layout","s":"beste-ui","c":"layout/dashboard"},{"id":"beste-ui:ecommerce40","t":"Gift Card Balance Checker","d":"Gift card management interface with balance lookup, transaction history display, and quick","s":"beste-ui","c":"data-display/card","tg":["playful"],"sb":"Product","sy":["playful"]},{"id":"beste-ui:ecommerce41","t":"Product Detail Page","d":"Complete product view with image gallery thumbnails, variant selection controls, pricing, ","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["playful"],"sy":["playful"]},{"id":"beste-ui:ecommerce42","t":"Interactive Size Guide","d":"Clothing size selector with body measurement inputs, personalized fit scoring, and compreh","s":"beste-ui","c":"inputs/form-field"},{"id":"beste-ui:ecommerce43","t":"Product Information Tabs","d":"Tabbed product details with description, feature list, specifications table, customer revi","s":"beste-ui","c":"navigation/tabs"},{"id":"beste-ui:ecommerce44","t":"Flash Sale Countdown","d":"Limited-time deal showcase with live countdown timer, stock progress indicator, and discou","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:ecommerce45","t":"Advanced Variant Selector","d":"Customizable product configurator with color swatches, size selection, material options, a","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:ecommerce46","t":"Product Finder Quiz","d":"A finder that replaces a filter sidebar: three questions score every product against the t","s":"beste-ui","c":"data-display/badge","tg":["webgl"],"sb":"Labels","sy":["webgl"],"hc":1},{"id":"beste-ui:education12","t":"Video Lesson Hero","d":"A video lesson hero section with course info, thumbnail with play button, and lesson navig","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With video"},{"id":"beste-ui:education13","t":"Lesson Content Reader","d":"A rich text lesson reader with structured content blocks including headings, paragraphs, l","k":"motion","s":"beste-ui","c":"motion/text-effect"},{"id":"beste-ui:education17","t":"Course Certificate Display","d":"A certificate showcase card with course name, issuer, completion date, skills earned, and ","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:education22","t":"Faculty Profile Spotlight","d":"A faculty spotlight featuring professor photo, biography, research interests, publications","k":"motion","s":"beste-ui","c":"motion/background","sb":"Beams and light"},{"id":"beste-ui:education25","t":"Learner Leaderboard","d":"A gamified leaderboard displaying top learners with rankings, scores, and badges across we","s":"beste-ui","c":"data-display/gamification"},{"id":"beste-ui:education26","t":"Study Streak Tracker","d":"A gamified streak tracker showing current and longest streaks with a visual weekly activit","s":"beste-ui","c":"data-display/gamification"},{"id":"beste-ui:education48","t":"Study Abroad Hero","d":"A study abroad hero section with destination image cards, program duration badges, and key","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:education53","t":"Professional Development Hero","d":"A professional development hero with certification programs list, success stats, and call-","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:education78","t":"Faculty Testimonials Grid","d":"A grid of faculty testimonials with instructor photos, quotes about their teaching philoso","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:education79","t":"Education Social Proof","d":"A social proof section displaying key stats like ratings, enrollment numbers, and completi","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:education86","t":"Social Media Links Grid","d":"A social media connection section with platform cards showing handles and follower counts.","s":"beste-ui","c":"data-display/card","hc":1},{"id":"beste-ui:education91","t":"Mission and Vision Statement","d":"A mission and vision statement section with side-by-side text blocks and an inspirational ","k":"motion","s":"beste-ui","c":"motion/text-effect"},{"id":"beste-ui:education99","t":"Global Partnerships Grid","d":"A global partnerships section showcasing partner institutions with location details and ex","s":"beste-ui","c":"data-viz/map","hc":1},{"id":"beste-ui:education100","t":"Institutional Quick Facts","d":"A quick facts grid displaying key institutional statistics with values, labels, and descri","s":"beste-ui","c":"inputs/form-field","hc":1},{"id":"beste-ui:education101","t":"Academy Course Cards","d":"An academy section with an eyebrow over a hairline rule, a two-column heading, and three c","s":"beste-ui","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:education102","t":"Lesson Check Quiz","d":"An end-of-lesson knowledge check: a two-column header, a three-figure strip for questions,","s":"beste-ui","c":"data-display/badge","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"beste-ui:education103","t":"Learning Roadmap Accordion","d":"A learning roadmap laid out as a numbered vertical rail, where each stage is an accordion ","s":"beste-ui","c":"data-display/accordion"},{"id":"beste-ui:education104","t":"Long Guide Chapter Index","d":"A pillar guide hub whose sticky left column carries the pitch, three facts on hairlines an","s":"beste-ui","c":"data-display/badge","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:education105","t":"Course Bento With Tall Curriculum Cell","d":"A header with one button on the right sits above a bento grid for a course platform. One t","k":"layout","s":"beste-ui","c":"layout/bento-grid","tg":["glass","gradient"],"sy":["glass","gradient"]},{"id":"beste-ui:error1","t":"Centered 404 Message","d":"Minimal centered 404 page with a large error code, a heading, a short explanation, two cal","s":"beste-ui","c":"ai-agent/ai-agent","tg":["minimal"],"sb":"Chat","sy":["minimal"],"hc":1},{"id":"beste-ui:error2","t":"404 With Site Search","d":"Search-first 404 page: a controlled search field with a submit handler, plus a bordered li","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"beste-ui:error3","t":"Split 404 With Image","d":"Two-column 404 page with the error code, heading, explanation, buttons, and a small note o","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:error4","t":"404 With Destination Cards","d":"404 page that recovers the visit with a grid of destination cards, each with an icon, titl","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:error5","t":"404 Support Panel","d":"Card-style 404 panel that echoes the requested URL in monospace, pairs a browser-history b","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:error6","t":"Inline 404 Line","d":"The smallest possible 404: the status code and the message sit on one line separated by a ","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"beste-ui:error7","t":"404 Notice Card","d":"Compact bordered 404 card with a circular icon, status label, heading, one-line explanatio","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"beste-ui:error8","t":"404 With Redirect Countdown","d":"404 page that counts down to an automatic redirect and calls onRedirect once it reaches ze","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"beste-ui:error9","t":"404 Did You Mean","d":"Left-aligned 404 for documentation and marketing sites: the requested path is shown struck","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"beste-ui:error10","t":"Fullscreen 404 With Background","d":"Screen-height 404 with a full-bleed background photo under a dark overlay, centered white ","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:error11","t":"404 With Product Recommendations","d":"Store 404 for dead product URLs: the message and shopping buttons sit above a four-up prod","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:error12","t":"404 With Popular Articles","d":"Blog 404 that turns a dead post URL into reading: centered messaging above a three-up arti","k":"page","s":"beste-ui","c":"pages/templates","tg":["webgl"],"sb":"Error and status pages","sy":["webgl"]},{"id":"beste-ui:error13","t":"404 With Site Directory","d":"404 page that doubles as a sitemap: left-aligned messaging over four columns of grouped se","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:error14","t":"Editorial 404 Section Index","d":"Editorial 404 with a square eyebrow and status code over a hairline rule, an oversized acc","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:error15","t":"500 Incident Report","d":"Server error page with a square eyebrow and status code over a hairline rule, a bold accen","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:error16","t":"403 Access Request","d":"Permission-denied page for team apps: an accent lock chip and bold headline on the left, t","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:error17","t":"Maintenance Window Notice","d":"Planned downtime page with a square eyebrow and status code, a bold accent headline, three","s":"beste-ui","c":"overlays/alert-banner","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:error18","t":"Expired Link Recovery","d":"Expired magic-link page with a square eyebrow and status code, a bold accent headline, the","s":"beste-ui","c":"actions/link"},{"id":"beste-ui:error19","t":"Typographic 404 Index","d":"Monochrome 404 built on oversized display type: a parenthetical eyebrow, a display headlin","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:error20","t":"Editorial 404 With Portrait Image","d":"Two-column 404 in a quiet monochrome language: a parenthetical eyebrow, a two-line display","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:error21","t":"Server Error Record","d":"Monochrome server-error page: a parenthetical eyebrow over a display headline, a retry pil","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:error22","t":"Planned Downtime Window","d":"Monochrome maintenance page: a parenthetical eyebrow over a display headline, the downtime","s":"beste-ui","c":"data-display/badge","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:error23","t":"Invitation Only Access","d":"Monochrome permission page: a display headline over a request pill that swaps to a sent co","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:error24","t":"404 With Featured Work","d":"Studio 404 that recovers a dead project URL: a square eyebrow and status code over a hairl","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:error25","t":"Rate Limit Cooldown","d":"Too-many-requests page with a square eyebrow and status code, an accent headline, three bo","s":"beste-ui","c":"data-display/badge","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:error26","t":"Payment Required Lockout","d":"Billing lockout page: an accent card chip and headline with an update-payment seal button ","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:error27","t":"Session Expired Sign In","d":"Timed-out session page: an accent headline over an account strip showing the avatar, addre","k":"layout","s":"beste-ui","c":"flows/sign-in"},{"id":"beste-ui:error28","t":"Region Unavailable Notice","d":"Geo-restriction page: an accent globe chip and headline, the detected region in a bordered","s":"beste-ui","c":"overlays/alert-banner"},{"id":"beste-ui:error29","t":"Oversized Numeral 404","d":"Monochrome 404 led by the status code set as an oversized numeral, with the statement and ","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:error30","t":"Search Led #404","d":"Monochrome 404 that hands the visitor a search field: a display headline with a muted emph","s":"beste-ui","c":"inputs/search"},{"id":"beste-ui:error31","t":"Offline Sync Queue","d":"Offline screen built around a live sync queue: a display headline with a retry pill and a ","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:error32","t":"404 With Recent Writing","d":"Monochrome 404 for a renamed article: a display headline and pill call to action above thr","k":"page","s":"beste-ui","c":"pages/templates","tg":["webgl"],"sb":"Error and status pages","sy":["webgl"]},{"id":"beste-ui:error33","t":"Retired Page Record","d":"Monochrome page for deliberately removed content: a display headline, a ruled record of wh","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:error34","t":"Editorial Not Found Split","d":"A calm not-found page with an error eyebrow, an oversized light heading and recovery actio","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"beste-ui:error35","t":"Server Error With Live Status","d":"A calm server-error page with a monospace code, an oversized light heading, recovery actio","s":"beste-ui","c":"data-display/table","hc":1},{"id":"beste-ui:error36","t":"Not Found With Search","d":"A not-found page that offers a way forward rather than a way back, pairing an oversized li","k":"page","s":"beste-ui","c":"pages/templates","sb":"Error and status pages"},{"id":"beste-ui:error37","t":"Access Denied With Request Path","d":"A permissions error that names the missing role, lists the people who can grant it with th","s":"beste-ui","c":"overlays/notifications"},{"id":"beste-ui:error38","t":"Missing Piece With Archive Search","d":"A not-found page for a publication, offering a search field as the first action and the mo","s":"beste-ui","c":"inputs/search"},{"id":"beste-ui:error39","t":"Calm #404","d":"A full-height not-found page: a faint oversized serif code, a serif heading that settles i","k":"page","s":"beste-ui","c":"pages/templates","tg":["animated"],"sb":"Error and status pages","sy":["animated"]},{"id":"beste-ui:event4","t":"Conference Hero with Image","d":"Split-layout event hero displaying conference details with date, location, attendee count,","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With product shot"},{"id":"beste-ui:event5","t":"Minimal Event Hero","d":"Centered event hero with oversized typography, event date, and call-to-action buttons. Per","k":"section","s":"beste-ui","c":"marketing/hero","tg":["minimal"],"sb":"Centered and minimal","sy":["minimal"]},{"id":"beste-ui:event7","t":"Event Hero with Ticket Pricing","d":"Centered event hero featuring prominent ticket price display with early bird discount and ","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:event10","t":"Event Hero with Social Proof","d":"Event hero displaying attendee count, speaker numbers, and country reach statistics with t","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:event13","t":"Keynote Speaker Profile","d":"Featured speaker spotlight with large portrait, bio, session topic, and social media links","s":"beste-ui","c":"data-display/profile"},{"id":"beste-ui:event14","t":"Speaker Sessions Schedule","d":"Speaker cards displaying multiple sessions per presenter with times, locations, and sessio","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:event15","t":"Featured Keynotes Gallery","d":"Visual speaker grid with full-height portrait images, gradient overlays, and keynote topic","s":"beste-ui","c":"media/gallery","tg":["gradient"],"sy":["gradient"]},{"id":"beste-ui:event16","t":"Panel Discussion Section","d":"Panel session card featuring moderator highlight, panelist grid, discussion topic, and sch","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:event17","t":"Event Hosts Section","d":"Host profiles with photos, bios, and social media links displayed in a two-column grid. Pe","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:event19","t":"Past Speakers Gallery","d":"Image gallery of previous conference speakers with year badges, topics, and hover zoom eff","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:event20","t":"Call for Speakers","d":"Speaker submission CTA with submission deadline, benefits checklist, and proposal guidelin","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:event25","t":"Featured Sessions Grid","d":"Session cards displaying talk titles, speakers, times, locations, and remaining capacity. ","s":"beste-ui","c":"data-display/card","sb":"Feature"},{"id":"beste-ui:event26","t":"Workshop Registration List","d":"Workshop cards with instructor profiles, skill levels, requirements, and live capacity tra","s":"beste-ui","c":"data-display/list"},{"id":"beste-ui:event27","t":"Breaks and Networking Schedule","d":"Schedule cards for coffee breaks, lunch, and social events with timing, locations, and act","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:event28","t":"Live Session Now Playing","d":"Real-time session display with live indicator, viewer count, current speaker, and upcoming","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:event29","t":"Personal Schedule Builder","d":"Interactive session picker with add/remove toggles, personal schedule summary, and calenda","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:event30","t":"Calendar Integration Section","d":"Event calendar sync with multiple export options including Google Calendar, email invite, ","k":"section","s":"beste-ui","c":"marketing/logos","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:event33","t":"Team Discount Calculator","d":"Interactive pricing calculator with quantity selector, tiered discounts, and real-time sav","k":"section","s":"beste-ui","c":"marketing/team"},{"id":"beste-ui:event36","t":"Ticket Selection Cart","d":"Multi-ticket type selector with quantity controls, availability tracking, and checkout tot","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:event38","t":"Sold Out Waitlist Form","d":"Waitlist signup form with email capture, queue position display, and similar events opt-in","k":"section","s":"beste-ui","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"beste-ui:event40","t":"Conference Bundle Pricing","d":"Bundle pricing cards showing included items, savings percentages, and feature lists. Perfe","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:event53","t":"Become a Sponsor CTA","d":"Two-column sponsorship pitch with benefit highlights, audience reach statistics, and conta","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:event54","t":"Sponsorship Tiers Comparison","d":"Tiered sponsorship packages with pricing cards and feature comparison matrix showing benef","k":"section","s":"beste-ui","c":"marketing/comparison"},{"id":"beste-ui:event58","t":"Featured Partner Spotlight","d":"Two-column partner showcase with company logo, description, highlights, and testimonial qu","k":"motion","s":"beste-ui","c":"motion/background","sb":"Beams and light"},{"id":"beste-ui:event66","t":"Workshop Registration Form","d":"Interactive workshop selector with capacity tracking, attendee info form, and pricing summ","s":"beste-ui","c":"inputs/form-field","sb":"Whole forms"},{"id":"beste-ui:event79","t":"Code of Conduct Section","d":"Community standards display with principle cards covering respect, inclusion, and safety w","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:event93","t":"Live Stream Player Section","d":"Video player section with thumbnail preview, live indicator, viewer count, and multi-platf","s":"beste-ui","c":"media/player"},{"id":"beste-ui:event94","t":"Featured Session Schedule","d":"An events section that opens with a split featured card pairing a photo with date, time, a","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:event95","t":"Filterable Day Agenda","d":"A conference agenda whose track pills are derived from the sessions and carry live counts,","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:event96","t":"Event Detail With Countdown","d":"A single event page opening on a full-bleed photo band with a live countdown anchored into","s":"beste-ui","c":"data-display/table"},{"id":"beste-ui:event97","t":"Recorded Sessions Archive","d":"A past events archive leading with an image tile that floats a recording card, then listin","s":"beste-ui","c":"data-display/list"},{"id":"beste-ui:event98","t":"Multi City Tour Dates","d":"A tour schedule listing each city as a linked hairline row with its venue, date, and remai","s":"beste-ui","c":"data-viz/map"},{"id":"beste-ui:event99","t":"Webinar Registration Split","d":"A live session sign-up splitting a bordered container between the pitch, a hairline table ","s":"beste-ui","c":"inputs/form-field","sb":"Whole forms"},{"id":"beste-ui:event100","t":"Event Recap Report","d":"A post-event write-up opening on four hairline figures, then a three-photo row at mixed he","s":"beste-ui","c":"data-display/badge","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:event101","t":"Slot By Slot Day Builder","d":"A programme picker that builds the day beside the questions: one choice per time slot drop","s":"beste-ui","c":"data-display/badge","hc":1},{"id":"beste-ui:event102","t":"Open Hours Session Rows","d":"Upcoming sessions as hairline rows, each opening with the date set as a figure, then the s","s":"beste-ui","c":"data-display/list"},{"id":"beste-ui:event103","t":"Seasonal Gatherings","d":"An events list under a serif heading that settles in word by word beside the intro and a p","s":"beste-ui","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"]},{"id":"beste-ui:faq7","t":"Collapsible Accordion","d":"Stacked cards with expandable sections. Use when you need to present multiple questions wi","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq8","t":"Open List Layout","d":"Questions with answers displayed below in a simple list. Best for FAQs with shorter answer","k":"section","s":"beste-ui","c":"marketing/faq","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:faq9","t":"Three Column Grid","d":"Q&A pairs arranged in a responsive grid layout. Ideal for displaying concise answers in a ","k":"section","s":"beste-ui","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:faq10","t":"Tabbed Categories","d":"Sidebar navigation with category tabs and accordion content. Perfect for organizing large ","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq11","t":"Searchable Accordion","d":"Search input with accordion items that filter in real-time. Essential for FAQs with many q","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq12","t":"Grouped Sections","d":"FAQs organized into titled sections with accordions underneath. Excellent for presenting r","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq13","t":"Side by Side Image","d":"Accordion paired with a large image on left or right. Use when you want visual context alo","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq14","t":"With CTA Card","d":"Accordion followed by a call-to-action card below. Great for converting users by offering ","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq15","t":"Modal Dialog Cards","d":"Clickable question cards that open answers in a modal dialog. Perfect for card-based layou","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq16","t":"Numbered List","d":"Questions displayed with numbered badges and answers below. Ideal for step-by-step guides ","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq17","t":"Two Column Q&A","d":"Questions on left, answers on right in a two-column grid layout. Works well for balanced, ","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq18","t":"Timeline Layout","d":"Alternating left-right cards connected by a vertical line. Great for creating a narrative ","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq19","t":"Chat Conversation","d":"Message-style bubbles simulating a chat interface. Perfect for a friendly, conversational ","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq20","t":"Tabbed Cards","d":"Horizontal tabs with card-based content below for each category. Clean for organizing FAQs","k":"section","s":"beste-ui","c":"marketing/faq","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:faq21","t":"Icon Grid Cards","d":"Cards in a grid with icons and short answers. Ideal for highlighting key features or benef","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq22","t":"Search with Grid","d":"Search input with results displayed in a two-column grid. Best for knowledge bases with se","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq23","t":"Horizontal Scroll Cards","d":"Cards that scroll horizontally with fade edges. Good for mobile-friendly carousels of FAQ ","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq24","t":"Split View List","d":"Question list on left, selected answer on right with image. Effective for visual answers w","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq25","t":"Terminal Window","d":"Terminal-style interface with commands and outputs. Perfect for developer FAQs or technica","k":"section","s":"beste-ui","c":"marketing/faq","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"beste-ui:faq26","t":"Sticky Notes","d":"Colorful rotated note cards in a grid. Creates a playful, informal design for casual FAQs.","k":"section","s":"beste-ui","c":"marketing/faq","tg":["playful"],"sy":["playful"]},{"id":"beste-ui:faq27","t":"Card Carousel","d":"Single card that rotates through questions with progress dots and navigation buttons. Grea","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq28","t":"Glassmorphism Cards","d":"Frosted glass effect cards in a two-column grid. Modern aesthetic for sleek, contemporary ","k":"section","s":"beste-ui","c":"marketing/faq","tg":["glass"],"sy":["glass"]},{"id":"beste-ui:faq29","t":"Magazine Columns","d":"Two-column layout with left accent borders and different styling. Print-magazine inspired ","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq30","t":"Blur Reveal on Hover","d":"Question with blurred answer that unblurs on hover. Interactive approach for answers that ","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq31","t":"Kanban Columns","d":"Three vertical columns with icons and card stacks. Useful for organizing FAQs into distinc","k":"section","s":"beste-ui","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:faq32","t":"Quote Style Cards","d":"Cards with quote icons in corners, arranged in a grid. Elegant design for emphasizing key ","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq33","t":"Timeline Steps","d":"Vertical timeline with alternating content and numbered dots. Perfect for onboarding or jo","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq34","t":"Minimal Plus Minus","d":"Simple accordion using plus/minus icons with minimal styling. Clean, distraction-free acco","k":"section","s":"beste-ui","c":"marketing/faq","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:faq35","t":"Emoji Icon Grid","d":"Grid cards with emoji icons and short answers. Fun, visual approach with emoji-based categ","k":"section","s":"beste-ui","c":"marketing/faq","tg":["playful"],"sy":["playful"]},{"id":"beste-ui:faq36","t":"Large Number List","d":"Questions with large faded numbers and answers. Prominent numbering creates strong visual ","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq37","t":"AI Chat Interface","d":"Chat-style bubble interface with AI assistant styling. Great for modern conversational FAQ","s":"beste-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"beste-ui:faq38","t":"Left Border Accent","d":"Accordion items with colored left border on active state. Subtle visual indicator of expan","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq39","t":"Slide Out Panels","d":"Questions that slide open to reveal answers with bottom border separator. Smooth reveal an","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq40","t":"Markdown Code Block","d":"FAQ displayed as code documentation in a terminal-style block. Perfect for developer-focus","k":"section","s":"beste-ui","c":"marketing/faq","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"beste-ui:faq41","t":"Photo Cards","d":"Cards with images and text below in a grid. Ideal when each answer has relevant supporting","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq42","t":"3D Flip Cards","d":"Cards that flip 180 degrees on hover to show answer. Interactive 3D effect for engaging pr","k":"section","s":"beste-ui","c":"marketing/faq","tg":["3d"],"sy":["3d"]},{"id":"beste-ui:faq43","t":"Metro Tiles","d":"Colorful tiles with icons and white text. Bold, modern design inspired by metro UI pattern","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq44","t":"Minimal Two Column","d":"Simple two-column layout with questions and answers. Ultra-minimalist design with no extra","k":"section","s":"beste-ui","c":"marketing/faq","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:faq45","t":"Show More Expandable","d":"Card stack with show more button to reveal additional items. Good for progressive disclosu","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq46","t":"Tag Filter Grid","d":"Filterable grid using tag pills at top. Perfect for FAQs that need multi-category filterin","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq47","t":"Horizontal Split View","d":"Questions on left buttons, answers on right panel. Interview-style layout for selected ite","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq48","t":"Info Icon Tooltips","d":"Info icons that show tooltips on hover with answer text. Compact design with hover-reveale","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq49","t":"Inline Compact","d":"Questions and answers on same line with colon separator. Extremely compact format for dens","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq50","t":"Window Style Cards","d":"Cards styled like OS windows with title bars and close buttons. Retro OS design aesthetic.","k":"section","s":"beste-ui","c":"marketing/faq","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"beste-ui:faq51","t":"Two Tone Headers","d":"Cards with colored header section and white content area. Clear visual separation with col","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq52","t":"Bubble Pills","d":"Questions as clickable pills with answers expanding below. Bubble-shaped buttons for inter","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq53","t":"Numbered Pairs","d":"Two-column grid with large numbers and Q&A pairs. Clean numbered format with clear visual ","k":"section","s":"beste-ui","c":"marketing/faq","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:faq54","t":"Vertical Tab Panel","d":"Left sidebar tabs with right content panel. Traditional tab interface for category-based F","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq55","t":"Multi Open Accordion","d":"Accordion allowing multiple items open simultaneously with plus/minus icons. Flexible expa","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq56","t":"Checkmark List","d":"Grid cards with green checkmarks emphasizing answers. Positive confirmation visual for aff","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq57","t":"Cards With Links","d":"Question-answer cards with external link buttons below. Drives users to related resources ","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq58","t":"Auto Play Carousel","d":"Animated carousel with progress bar and auto-advance through questions. Engaging for featu","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq59","t":"Typewriter Terminal","d":"Terminal-style interface with typing effect for answers. Animated typing creates dynamic r","k":"section","s":"beste-ui","c":"marketing/faq","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"beste-ui:faq60","t":"Gradient Border Glow","d":"Cards with animated gradient borders and shine effects on hover. Premium feel with advance","k":"section","s":"beste-ui","c":"marketing/faq","tg":["gradient","neon"],"sy":["gradient","neon"]},{"id":"beste-ui:faq61","t":"Morphing Animated","d":"Advanced animations with ripple effects, morphing orbs, and shimmer. Highly interactive wi","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq62","t":"Scroll Triggered Reveal","d":"Cards animate in as you scroll with staggered timing. Scroll-based animation creates engag","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq63","t":"Spotlight Focus","d":"Clicked card highlights while others dim with spotlight effect. Creates focused attention ","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq64","t":"Neon Glow Effects","d":"Cyberpunk-styled cards with neon glow, scan lines, and text shadows. Futuristic aesthetic ","k":"section","s":"beste-ui","c":"marketing/faq","tg":["neon"],"sy":["neon"]},{"id":"beste-ui:faq65","t":"Stacked Card Flip","d":"Cards stack on top of each other that expand when clicked. Physical stack metaphor with ex","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq66","t":"Sliding Background","d":"Questions with sliding primary color background on hover and click. Smooth background anim","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq67","t":"Glass Morphism Accordion","d":"Modern FAQ with glassmorphic cards, animated gradient blob effects, shimmer animations, an","k":"section","s":"beste-ui","c":"marketing/faq","tg":["glass","gradient"],"sy":["glass","gradient"]},{"id":"beste-ui:faq68","t":"FAQ with Side Heading and Numbered Cards","d":"Two-column FAQ section with a badge, heading, and description on the left, and a stacked l","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq69","t":"FAQ With Contact","d":"Numbered FAQ accordion beside a contact card with image, prompt and a contact CTA.","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq70","t":"Two Column FAQ","d":"FAQ accordion split into two independent columns.","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq71","t":"Minimal FAQ","d":"Oversized single-column FAQ accordion with generous spacing.","k":"section","s":"beste-ui","c":"marketing/faq","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:faq72","t":"Tabbed FAQ","d":"Category-tabbed FAQ using shadcn Tabs with an accordion per category.","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq73","t":"Sticky FAQ","d":"Sticky intro and CTA beside a single-column FAQ accordion.","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq74","t":"FAQ Cards","d":"Always-open FAQ presented as a scannable grid of Q&A cards.","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq75","t":"FAQ With Contact Image","d":"Centered header above a two-column FAQ: a portrait image with a contact prompt and CTA on ","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq76","t":"Editorial Two Column FAQ","d":"A two-column editorial FAQ pairing a sticky eyebrow, oversized heading, short note, and co","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq77","t":"Numbered FAQ Index","d":"A type-forward FAQ with a sticky heading rail and a numbered accordion list of expandable ","k":"section","s":"beste-ui","c":"marketing/faq","hc":1},{"id":"beste-ui:faq78","t":"FAQ with Contact Aside","d":"An accordion of studio FAQs paired with a bordered aside card inviting a direct conversati","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq79","t":"Sticky Split FAQ","d":"A two-column FAQ with a sticky eyebrow, light heading, and support call to action on the l","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq80","t":"Two Column Answer Grid","d":"An always-open FAQ laid out as a two-column grid of numbered, hairline-separated question ","k":"section","s":"beste-ui","c":"marketing/faq","hc":1},{"id":"beste-ui:faq81","t":"Grouped FAQ Columns","d":"FAQ split into two labelled groups, each an independent accordion of ruled questions, so a","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq82","t":"Topic Rail FAQ","d":"A categorised FAQ whose topic rail is derived from the questions themselves and carries li","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq83","t":"Objection Cards","d":"An always-open FAQ that states four buying worries as quoted headings in a hairline matrix","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq84","t":"Hairline Answer Ledger","d":"A compact FAQ with nothing hidden behind a click: three labelled groups of question and an","k":"section","s":"beste-ui","c":"marketing/faq","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"beste-ui:faq85","t":"Live Search FAQ","d":"An FAQ with a search field that narrows the list as it is typed, matching against topic, q","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq86","t":"Two Column Accordion","d":"An FAQ split across two columns of independent accordions, so opening one answer never clo","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq87","t":"FAQ With Contact Panel","d":"An accordion FAQ set against a column that sticks while the answers scroll, holding an ima","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq88","t":"Good Fit Qualifier","d":"A qualifying FAQ that sets a checked good-fit column against a crossed not-for-you column,","k":"section","s":"beste-ui","c":"marketing/faq","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"beste-ui:faq89","t":"Filterable Glossary","d":"A jargon glossary whose letter filter is derived from the terms themselves, narrowing a tw","k":"section","s":"beste-ui","c":"marketing/faq","hc":1},{"id":"beste-ui:faq90","t":"Security Questionnaire Answers","d":"A procurement FAQ grouping security controls into hairline rows that pair each question wi","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq91","t":"Ask And Answered In Public","d":"An open question FAQ pairing a soft panel that sticks while you scroll, holding a working ","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq92","t":"Answer Router","d":"A help section that asks two questions instead of offering a search box: the answers pick ","k":"section","s":"beste-ui","c":"marketing/faq","hc":1},{"id":"beste-ui:faq93","t":"Always Open Question Grid","d":"A two-column question grid with every answer already visible on a hairline, so nothing is ","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:faq94","t":"First Call Questions","d":"A split FAQ: a sticky column with an eyebrow, a serif heading that settles in word by word","k":"section","s":"beste-ui","c":"marketing/faq","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:faq95","t":"Centred Accordion","d":"The classic single-column FAQ: a centred serif heading that settles in word by word, a rul","k":"section","s":"beste-ui","c":"marketing/faq","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:faq96","t":"Open Answers Grid","d":"An FAQ with nothing to open: a serif heading that settles in word by word beside the intro","k":"section","s":"beste-ui","c":"marketing/faq","tg":["animated","webgl"],"sy":["animated","webgl"]},{"id":"beste-ui:faq97","t":"Tabbed Accordion","d":"An FAQ sorted by topic: pill tabs under a centred serif heading that settles in word by wo","k":"section","s":"beste-ui","c":"marketing/faq","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:faq98","t":"FAQ Beside a Living Stage","d":"An FAQ in two columns. The left column holds the header, one borderless stage of fixed hei","k":"section","s":"beste-ui","c":"marketing/faq","tg":["glass"],"sy":["glass"]},{"id":"beste-ui:feature1","t":"Accordion With Live Media","d":"Accordion on the left, swappable media surface on the right. Each row picks its own media ","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"beste-ui:feature2","t":"Alternating Rows With Mixed Media","d":"Hero header with a CTA, then alternating image-left / image-right rows. Each row's media s","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"beste-ui:feature3","t":"Service Grid With Icons","d":"Centered header, three-column grid of capability cards, and an optional CTA with bottom te","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"],"hc":1},{"id":"beste-ui:feature4","t":"Two By Two With Icon Tiles","d":"Centered headline, four feature tiles in a 2x2 grid, and a CTA. Each tile leads with a lar","k":"section","s":"beste-ui","c":"marketing/features","sb":"Icons","hc":1},{"id":"beste-ui:feature5","t":"Compact Two Column Capabilities","d":"Left-aligned headline followed by a compact two-column grid of capability rows. Each row l","k":"section","s":"beste-ui","c":"marketing/features","hc":1},{"id":"beste-ui:feature8","t":"Capability Carousel","d":"Looping carousel of capability cards with a centered media slot per card. Each slot accept","k":"section","s":"beste-ui","c":"marketing/features","hc":1},{"id":"beste-ui:feature9","t":"Three Step How To","d":"Three side-by-side step cards with a media surface anchored to the bottom of each card. Ea","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"],"hc":1},{"id":"beste-ui:feature22","t":"Setup Checklist with Progress Sidebar","d":"Multi-step checklist with status indicators, ETAs, and a sticky sidebar showing completion","k":"section","s":"beste-ui","c":"marketing/features","sb":"Lists","hc":1},{"id":"beste-ui:feature23","t":"Quality Scorecard Grid","d":"Six-card grid displaying quality metrics with icons, progress bars, and numeric scores for","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"beste-ui:feature24","t":"Interactive Workflow Preview","d":"Hover-activated tabs on the left reveal detailed workflow previews with images, bullet poi","k":"section","s":"beste-ui","c":"marketing/features","sb":"Steps","hc":1},{"id":"beste-ui:feature25","t":"Hero Image with Floating Stat Card","d":"Split layout featuring a styled hero image with animated floating stat badge alongside a f","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature26","t":"Feature Card Grid with Hover Effects","d":"Six-card grid with icons in rounded containers that animate on hover, plus titles and desc","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"beste-ui:feature28","t":"Process Timeline with Duration Badges","d":"Responsive timeline showing sequential steps with icons, descriptions, and time estimates ","k":"section","s":"beste-ui","c":"marketing/features","sb":"Steps","hc":1},{"id":"beste-ui:feature29","t":"Platform Feature Cards with Metrics","d":"Six-card grid featuring icons, descriptions, and highlighted stats (latency, uptime, user ","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"beste-ui:feature30","t":"Before/After Comparison Cards","d":"Side-by-side comparison cards with bullet lists showing pain points vs. solutions after tr","k":"section","s":"beste-ui","c":"marketing/features","sb":"Comparison","hc":1},{"id":"beste-ui:feature33","t":"Bento Grid Platform Overview","d":"Asymmetric bento-style grid with mixed card sizes, color variants, eyebrow labels, and lar","k":"section","s":"beste-ui","c":"marketing/features","sb":"Bento"},{"id":"beste-ui:feature34","t":"Numbered Reasons List","d":"Two-column grid of numbered items (01, 02, etc.) with circular badges, titles, and descrip","k":"section","s":"beste-ui","c":"marketing/features","sb":"Lists","hc":1},{"id":"beste-ui:feature53","t":"Accordion Feature Checklist","d":"Expandable accordion sections with category headers and checkmark-style feature lists in a","k":"section","s":"beste-ui","c":"marketing/features","sb":"Lists"},{"id":"beste-ui:feature55","t":"Two Plan Comparison Table","d":"Side-by-side comparison table with check/cross icons and text values for two plan tiers. P","k":"section","s":"beste-ui","c":"marketing/features","sb":"Comparison"},{"id":"beste-ui:feature59","t":"Screenshot Gallery with Lightbox","d":"3-column image grid with hover zoom icons and full-screen lightbox modal on click. Perfect","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature60","t":"Feature Walkthrough with Sticky Navigation","d":"Sticky sidebar navigation that scrolls to content sections with images and descriptions. P","k":"section","s":"beste-ui","c":"marketing/features","sb":"Scroll"},{"id":"beste-ui:feature61","t":"Feature Cards with Status Ribbons","d":"3-column grid of feature cards with diagonal corner ribbons for labels like New, Popular, ","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature63","t":"Use Case Image Cards","d":"3-column grid of image cards with text overlay, hover zoom effect, and arrow indicators. P","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"beste-ui:feature65","t":"Feature Cards with Team Avatars","d":"2-column grid of feature cards with stacked team member avatar photos on each card. Perfec","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature68","t":"Linked Feature List with Dividers","d":"Vertical feature list with horizontal dividers, hover arrows, and clickable titles linking","k":"section","s":"beste-ui","c":"marketing/features","sb":"Lists"},{"id":"beste-ui:feature70","t":"Full Screen Parallax Feature Sections","d":"Full-viewport sections with fixed parallax background images and overlaid text content. Pe","k":"section","s":"beste-ui","c":"marketing/features","sb":"Scroll"},{"id":"beste-ui:feature71","t":"Feature Cards with Customer Quotes","d":"3-column grid of feature cards with embedded testimonial quotes, author names, roles, and ","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature72","t":"Horizontal Feature Strip","d":"Inline horizontal row of feature highlights with icons and vertical dividers between items","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature73","t":"Platform Architecture Diagram","d":"3-column layout with parent categories and nested child items connected by visual branch l","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature74","t":"Interactive Feature Cards with Dual CTAs","d":"2-column grid of feature cards with icons and two action buttons per card for demos and do","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature75","t":"Product Cards with Badge Tags","d":"2-column grid of linked product cards with multiple badge tags and learn-more arrows. Perf","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature76","t":"FAQ Accordion with Plus/Minus Icons","d":"Expandable FAQ accordion with plus/minus toggle icons and single or multi-open modes. Perf","k":"section","s":"beste-ui","c":"marketing/features","sb":"Icons"},{"id":"beste-ui:feature107","t":"Icon Centered Grid Cards","d":"3-column grid of centered feature cards with large icons and brief descriptions. Perfect f","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"beste-ui:feature108","t":"Split Layout with Checklist Box","d":"Two-column layout with heading/description on left and 2x4 grid of checkmark benefits on r","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature109","t":"Masonry Gallery Layout","d":"Masonry/columns layout gallery with variable height cards and linked images. Perfect for p","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature112","t":"Tabbed Feature Cards","d":"Tab-based interface showing 3 cards per tab, with button toggles at top. Excellent for seg","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"beste-ui:feature115","t":"Dashboard Stats Cards","d":"2-4 column grid of stat cards with large numbers, labels, and percentage change indicators","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature116","t":"Checkbox Checklist Grid","d":"2-column grid of checklist items with checkbox icons and strikethrough styling. Great for ","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature117","t":"Project Cards with Team Members","d":"Responsive grid of project cards with team member avatar stacks. Ideal for active projects","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature118","t":"Tech Stack Pills Grid","d":"Responsive grid of technology/tool badges with icons in bordered pills. Perfect for tech s","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature119","t":"Goals with Progress Bars","d":"Responsive grid of goal cards with percentage progress bars and labels. Excellent for OKR ","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature120","t":"Category Tiles with Counts","d":"Responsive grid of category cards with icons and listing counts. Perfect for category brow","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature121","t":"Rating Cards with Stars","d":"Responsive grid of feature review cards with star ratings and review counts. Ideal for fea","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature122","t":"Stacked List with Dividers","d":"Vertical stacked list of linked topics with titles, subtitles, and chevron indicators. Per","k":"section","s":"beste-ui","c":"marketing/features","sb":"Lists"},{"id":"beste-ui:feature123","t":"Tool Cards with Tag Badges","d":"Responsive grid of linked tool cards with descriptions and tag badges. Excellent for devel","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature125","t":"Action Cards with CTA Buttons","d":"2-column grid of action cards with descriptions and CTA buttons. Great for quick actions, ","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature126","t":"Impact Stats with Large Numbers","d":"Responsive grid of large stat numbers with labels and descriptions. Perfect for impact met","k":"section","s":"beste-ui","c":"marketing/features","hc":1},{"id":"beste-ui:feature130","t":"Centered Stats with Large Typography","d":"Center-aligned large stat display with minimal spacing and minimal decoration. Perfect for","k":"section","s":"beste-ui","c":"marketing/features","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:feature131","t":"Video Tutorial Thumbnails","d":"3-column grid of video thumbnail cards with play button overlay and duration badge. Ideal ","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature134","t":"Single Pricing Card","d":"Single centered pricing card with price, feature list, and CTA button. Perfect for single ","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature135","t":"Integration Logos Grid","d":"Centered flexbox grid of company/product logos with grayscale hover effects. Excellent for","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"beste-ui:feature136","t":"Numbered Steps Grid","d":"Responsive grid of numbered step cards with titles and descriptions. Perfect for process v","k":"section","s":"beste-ui","c":"marketing/features","sb":"Steps"},{"id":"beste-ui:feature138","t":"Bordered Grid Layout","d":"3-column grid with border dividers between items, layout adapts to content. Great for core","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature139","t":"Circular Icon Grid","d":"Centered grid of 6 icon buttons with circular backgrounds and labels. Perfect for tool nav","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature144","t":"Service Offerings with Arrows","d":"Responsive grid of service cards with descriptions and arrow icons. Ideal for services lis","k":"section","s":"beste-ui","c":"marketing/features","hc":1},{"id":"beste-ui:feature146","t":"Benefits Checklist","d":"Responsive grid of benefit items with checkmark icons and descriptions. Perfect for benefi","k":"section","s":"beste-ui","c":"marketing/features","sb":"Lists","hc":1},{"id":"beste-ui:feature147","t":"Tech Stack Tool Grid","d":"Responsive grid of tool cards with icons, descriptions, and linked tiles. Excellent for te","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature149","t":"Contact Method Cards","d":"3-column grid of contact option cards with icons, descriptions, and action text. Perfect f","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature150","t":"Social Proof with Ratings","d":"Centered card with star rating, review count, and stat proofs layout. Ideal for social pro","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature151","t":"Announcement Highlight Box","d":"Centered single card with badge, heading, description, and highlight pill. Great for annou","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature152","t":"Icon Badge Pills Row","d":"Centered flexbox row of inline feature badges with icons. Perfect for quick feature list, ","k":"section","s":"beste-ui","c":"marketing/features","sb":"Icons","hc":1},{"id":"beste-ui:feature155","t":"Feature Comparison Table","d":"Simple 3-column comparison table with feature names and check/cross icons. Essential for p","k":"section","s":"beste-ui","c":"marketing/features","tg":["minimal"],"sb":"Comparison","sy":["minimal"]},{"id":"beste-ui:feature157","t":"Split Image with Bullet List","d":"Two-column layout with left text content and right image, reversible. Perfect for feature ","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature158","t":"Notification Status List","d":"Vertical stacked notification-style list with items, descriptions, and status badges. Grea","k":"section","s":"beste-ui","c":"marketing/features","sb":"Lists"},{"id":"beste-ui:feature160","t":"Centered Icon Cards Grid","d":"4-column grid of feature icons with titles and descriptions below. Perfect for capability ","k":"section","s":"beste-ui","c":"marketing/features","tg":["minimal"],"sb":"Grid of cards","sy":["minimal"]},{"id":"beste-ui:feature161","t":"Icon Row Feature Grid","d":"3-column grid of horizontal feature items with icon and text side by side. Clean layout fo","k":"section","s":"beste-ui","c":"marketing/features","tg":["minimal"],"sb":"Grid of cards","sy":["minimal"]},{"id":"beste-ui:feature162","t":"Numbered Steps Grid","d":"3-column grid of numbered steps with titles and descriptions. Ideal for onboarding flows, ","k":"section","s":"beste-ui","c":"marketing/features","sb":"Steps"},{"id":"beste-ui:feature163","t":"Bento Feature Grid","d":"Asymmetric bento-style grid with a highlighted hero card spanning full width and smaller f","k":"section","s":"beste-ui","c":"marketing/features","sb":"Bento"},{"id":"beste-ui:feature164","t":"Scroll Spy Sticky Sidebar Feature","d":"Sticky sidebar navigation with scroll-spy tracking. Left menu highlights the active sectio","k":"section","s":"beste-ui","c":"marketing/features","sb":"Scroll"},{"id":"beste-ui:feature165","t":"Horizontal Scroll Snap Cards","d":"Horizontally scrollable feature cards with CSS scroll-snap. Cards scroll on mobile/tablet ","k":"section","s":"beste-ui","c":"marketing/features","sb":"Scroll"},{"id":"beste-ui:feature166","t":"Spotlight Glow Card Grid","d":"Interactive card grid with mouse-tracking radial gradient glow effect. Each card illuminat","k":"section","s":"beste-ui","c":"marketing/features","tg":["gradient","neon"],"sb":"Grid of cards","sy":["gradient","neon"]},{"id":"beste-ui:feature167","t":"Terminal CLI Feature Showcase","d":"Features presented as terminal commands with outputs inside a realistic terminal window. D","k":"section","s":"beste-ui","c":"marketing/features","tg":["retro and HUD"],"sb":"Showcase and split","sy":["retro and HUD"]},{"id":"beste-ui:feature168","t":"Before/After Comparison Toggle","d":"Interactive toggle that switches between two sets of feature items with staggered fade-in ","k":"section","s":"beste-ui","c":"marketing/features","sb":"Comparison"},{"id":"beste-ui:feature169","t":"Infinite Marquee Feature Pills","d":"Auto-scrolling marquee rows of feature pills with icons. Alternating scroll directions, ho","k":"section","s":"beste-ui","c":"marketing/features","tg":["gradient"],"sy":["gradient"]},{"id":"beste-ui:feature170","t":"Expandable Accordion Cards with Image","d":"Click-to-expand feature cards with smooth grid-rows animation. Each card reveals a detaile","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature171","t":"Kanban Roadmap Board","d":"Product roadmap presented as a kanban board with three swim lanes: Shipped, In Progress, a","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:feature172","t":"Command Palette Feature Showcase","d":"Features displayed inside an interactive command palette UI with live search filtering, gr","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature173","t":"Feature Card Carousel with Image Crossfade","d":"Single-card carousel with crossfading images, arrow navigation, and dot progress indicator","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature174","t":"Interactive Code Snippet Showcase","d":"Features paired with real code examples inside a code editor UI. Left sidebar lists featur","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature175","t":"Interactive Tech Stack Layers","d":"Platform architecture visualized as color-coded horizontal layers. Each layer is clickable","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature176","t":"Empty State","d":"A simple empty state section using the Empty component with icon, title, description, and ","k":"section","s":"beste-ui","c":"marketing/features","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:feature177","t":"Bento Feature Cards","d":"Feature cards with 3+2 bento layout and flush media","k":"section","s":"beste-ui","c":"marketing/features","sb":"Bento","hc":1},{"id":"beste-ui:feature178","t":"Sticky Benefits Timeline","d":"Two-column benefits section with sticky left content and scrollable timeline","k":"section","s":"beste-ui","c":"marketing/features","sb":"Steps","hc":1},{"id":"beste-ui:feature179","t":"Sticky Stats Scroller","d":"Two-column layout with sticky stats and scrollable feature cards","k":"section","s":"beste-ui","c":"marketing/features","sb":"Scroll","hc":1},{"id":"beste-ui:feature180","t":"Sticky Image Scroller","d":"Two-column layout with sticky image and scrollable feature cards","k":"section","s":"beste-ui","c":"marketing/features","sb":"Scroll","hc":1},{"id":"beste-ui:feature181","t":"Feature Cards over Background Media","d":"Glass-morphism feature cards grid over fullscreen background media with icon badges and in","k":"section","s":"beste-ui","c":"marketing/features","tg":["glass"],"sb":"Showcase and split","sy":["glass"]},{"id":"beste-ui:feature182","t":"Bento Feature Grid over Media","d":"Bento-style grid with mixed card sizes over background media, featured large card spanning","k":"section","s":"beste-ui","c":"marketing/features","sb":"Bento"},{"id":"beste-ui:feature183","t":"Split Image Card with Feature Stack","d":"Two-column layout with large image card on left and stacked glass feature cards on right","k":"section","s":"beste-ui","c":"marketing/features","tg":["glass"],"sb":"Showcase and split","sy":["glass"]},{"id":"beste-ui:feature184","t":"Numbered Editorial Cards over Media","d":"Numbered feature cards in staggered grid over background media with editorial large-number","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature185","t":"Image Feature Cards Grid over Media","d":"Three-column image feature cards grid with sticky header over background media and glass-m","k":"section","s":"beste-ui","c":"marketing/features","tg":["glass","webgl"],"sb":"Showcase and split","sy":["glass","webgl"]},{"id":"beste-ui:feature186","t":"Stats + Feature Cards over Media","d":"Hero-style stats row with feature card grid below over background media with glass-morphis","k":"section","s":"beste-ui","c":"marketing/features","tg":["glass"],"sb":"Showcase and split","sy":["glass"]},{"id":"beste-ui:feature187","t":"Two Column Alternating Cards over Media","d":"Alternating two-column feature cards with large icons over background media, left-right zi","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature188","t":"Icon Strip + Detail Card over Media","d":"Horizontal icon strip navigation with expandable detail card below over background media","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature189","t":"Masonry Feature Cards over Media","d":"Masonry-style two-column cards with alternating heights and image accents over background ","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature190","t":"Large Icon Cards with Dividers over Media","d":"Full-width feature cards separated by dividers with large icons and descriptions over back","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature191","t":"Tagged Feature Cards with Accent Bar","d":"Three-column feature cards with accent top bar, tag pills, and icon badges over background","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"beste-ui:feature192","t":"Hero Card + Grid Cards over Media","d":"Large hero card with image at top followed by three-column feature card grid over backgrou","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"beste-ui:feature193","t":"Asymmetric Tall + Compact Cards over Media","d":"Alternating rows with tall highlight card and stacked compact cards over background media","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature194","t":"Three Cards With Asset Media","d":"Three feature cards that swap an icon for a real micro-asset: a bar chart, a before/after ","k":"section","s":"beste-ui","c":"marketing/features","tg":["retro and HUD","webgl"],"sb":"Showcase and split","sy":["retro and HUD","webgl"],"hc":1},{"id":"beste-ui:feature195","t":"Four Cards With Centered Icon","d":"Four equal feature cards on a clean background, each with a large circular icon badge abov","k":"section","s":"beste-ui","c":"marketing/features","tg":["minimal"],"sb":"Grid of cards","sy":["minimal"],"hc":1},{"id":"beste-ui:feature196","t":"Module Cards Grid With Hover Lift","d":"Three-column grid of clickable feature cards. Each card has a top-left icon, top-right dia","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"beste-ui:feature197","t":"Alternating Image & Content","d":"Zig-zag layout where each feature alternates an image with a content block — a colored ico","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature198","t":"Tabbed Plan Cards With Checklist","d":"Tab-switched grid of plan cards. Each card shows title, full-width CTA button, subtitle (p","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature199","t":"Feature with Side Heading and Icon Grid","d":"Two-column feature section with a large heading on the left and a 2x2 grid of feature card","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature200","t":"Feature with Two Column Checklist and Image","d":"Two-column feature section with badge, heading, description, a 2-column checklist of icon ","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature201","t":"Feature with Numbered Process Steps and CTA Card","d":"Centered header followed by a 4-step numbered process row with arrows between cards on des","k":"section","s":"beste-ui","c":"marketing/features","sb":"Steps"},{"id":"beste-ui:feature202","t":"Feature with Side Heading and Custom Tabs","d":"Two-column feature section with badge, heading, and multi-paragraph copy on the left, plus","k":"section","s":"beste-ui","c":"marketing/features","sb":"Tabs"},{"id":"beste-ui:feature203","t":"Feature with Stats Grid and Image","d":"Two-column feature section with heading, description, and a 2x2 stats grid (icon card, val","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature204","t":"Feature with Image Carousel and Lightbox Modal","d":"Centered header followed by a side-by-side image carousel (3 visible on desktop, 2 on tabl","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature205","t":"Feature with Split Header and Service Cards","d":"Two-column header — badge, heading with an accent-colored highlight on the last phrase, an","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"beste-ui:feature206","t":"Centered Heading with CTA and Icon Row","d":"Centered service-style block with optional badge, large heading, description, primary CTA ","k":"section","s":"beste-ui","c":"marketing/features","sb":"Icons"},{"id":"beste-ui:feature207","t":"Service Highlight","d":"Service section: eyebrow and large title with a right-aligned summary, a wide hero image, ","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature208","t":"Expertise Accordion","d":"Horizontal expanding accordion of services with vertical labels, expanding to reveal image","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature209","t":"Sticky Services","d":"Sticky intro column beside a scrollable stack of numbered service blocks.","k":"section","s":"beste-ui","c":"marketing/features","sb":"Scroll"},{"id":"beste-ui:feature210","t":"Service Cards","d":"Three-up service cards with accent icon chips and learn-more links.","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"beste-ui:feature211","t":"Alternating Features","d":"Alternating image-and-copy feature rows with checklists.","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature212","t":"Capabilities Bento","d":"Asymmetric bento of capabilities: an image hero cell, accent cell and icon cells.","k":"section","s":"beste-ui","c":"marketing/features","sb":"Bento"},{"id":"beste-ui:feature213","t":"Tabbed Features","d":"Tabbed feature showcase with copy, checklist and screenshot per workstream.","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature214","t":"Feature Tabs Explorer","d":"Centered header above a bordered explorer: a vertical icon tab rail switches between featu","k":"section","s":"beste-ui","c":"marketing/features","sb":"Tabs"},{"id":"beste-ui:feature215","t":"Feature Showcase Trio","d":"Centered header above a three-card showcase: a tagged copy panel with CTA, a centered prev","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"beste-ui:feature216","t":"Feature Rows With App Preview","d":"Centered header above stacked feature rows, each pairing a numbered copy panel and tall ap","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature217","t":"Impact Grid With Media","d":"Centered eyebrow, heading and dark CTA above a split block: a tall labeled image on the le","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature218","t":"Why Choose Media Proof","d":"Centered eyebrow and heading above a wide image card carrying a corner label and a glass o","k":"section","s":"beste-ui","c":"marketing/features","tg":["glass","webgl"],"sb":"Showcase and split","sy":["glass","webgl"]},{"id":"beste-ui:feature219","t":"Indexed Services List","d":"Eyebrow and heading with a CTA on one row, above stacked service cards that each line up a","k":"section","s":"beste-ui","c":"marketing/features","sb":"Lists"},{"id":"beste-ui:feature220","t":"Zigzag Feature Rows","d":"Centered header above three zigzag rows, each pairing a 4:3 image with a title, descriptio","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"beste-ui:feature221","t":"Bento Icon Grid","d":"Header with eyebrow, big heading and outline CTA above a five-card bento grid with a tall ","k":"section","s":"beste-ui","c":"marketing/features","sb":"Bento"},{"id":"beste-ui:feature222","t":"Numbered Process Steps","d":"Process section with a header and a vertical list of four numbered steps separated by top ","k":"section","s":"beste-ui","c":"marketing/features","sb":"Steps"},{"id":"beste-ui:feature223","t":"Tabbed Phase Showcase","d":"Header with a tabbed showcase where each tab pairs a rounded image with a phase title and ","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature224","t":"Capability Checklist Split","d":"Two-column split with an eyebrow, big heading, description, and CTA on the left and a chec","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature225","t":"Compact Principles Grid","d":"Compact principles grid with a header and a four-up row of top-border items, each with a l","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature226","t":"Pros and Cons Comparison","d":"Comparison feature with a header and two side-by-side panels: a muted cons list with X ico","k":"section","s":"beste-ui","c":"marketing/features","sb":"Comparison"},{"id":"beste-ui:feature227","t":"Sticky feature list with images","d":"Sticky left intro paired with a stacked, numbered list of feature blocks, each with a titl","k":"section","s":"beste-ui","c":"marketing/features","sb":"Scroll"},{"id":"beste-ui:feature228","t":"Annotated core layout","d":"A central core image framed by feature cards that each reference how a module connects bac","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature229","t":"Accordion Image Sync","d":"Interactive feature section with an eyebrow, big heading and description above a two-colum","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature230","t":"Three editorial pillar columns","d":"Three tall portrait images in a row, each paired with a padded numeral, title, and descrip","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"beste-ui:feature231","t":"Feature Spotlight Tabs","d":"Clickable tab chips switch a large spotlight panel with image, title, description, and a c","k":"section","s":"beste-ui","c":"marketing/features","sb":"Tabs"},{"id":"beste-ui:feature232","t":"Stat backed feature rows","d":"Ruled feature rows that pair a large figure with a title and supporting copy, framing each","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature233","t":"Compact two column icon feature list","d":"A header with a badge, heading, and description, followed by many compact items in a two-c","k":"section","s":"beste-ui","c":"marketing/features","sb":"Lists"},{"id":"beste-ui:feature234","t":"Click to swap sticky thread list","d":"A two-column feature section: a vertical list of clickable thread buttons on the left swap","k":"section","s":"beste-ui","c":"marketing/features","sb":"Scroll"},{"id":"beste-ui:feature235","t":"Feature & Testimonial Hybrid","d":"Feature and testimonial hybrid: a quote card on bg-muted beside a 2x2 grid of icon feature","k":"section","s":"beste-ui","c":"marketing/features","hc":1},{"id":"beste-ui:feature236","t":"Feature manifesto grid","d":"A text-only feature manifesto: a hairline-bordered grid of short statements, each a bold t","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature237","t":"Product Accordion Feature","d":"A product feature with an eyebrow kicker over a hairline rule, a two-column heading and pa","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature238","t":"Value Prop Panel","d":"A value proposition with an eyebrow kicker over a hairline rule, a two-column heading and ","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:feature239","t":"Value Prop Trio","d":"A value proposition with an eyebrow kicker over a hairline rule, a two-column heading and ","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:feature240","t":"Bento Asset Grid","d":"A bento feature grid with an eyebrow kicker over a hairline rule, a two-column heading and","k":"section","s":"beste-ui","c":"marketing/features","sb":"Bento"},{"id":"beste-ui:feature241","t":"Icon Capability Grid","d":"A capability section with an eyebrow over a hairline rule, a two-column heading, and a res","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature242","t":"Connected Workspace Feature","d":"A feature with an eyebrow over a hairline rule, a two-column heading, and two rich cards t","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature243","t":"Compact Asset Cards","d":"A feature with an eyebrow over a hairline rule, a two-column heading, and three bordered c","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"beste-ui:feature244","t":"Command Search Spotlight","d":"A centered feature with an eyebrow, light heading, and paragraph over a wide image tile th","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature245","t":"Deliverables Ledger","d":"Scope section listing what a project actually ships: three ruled columns, each with a trac","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:feature246","t":"Switchable Capability Ledger","d":"Capability section with a row of pill filters that swap the list below: each entry becomes","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:feature247","t":"Photo Callout Markers","d":"Wide photograph carrying numbered markers placed by percentage coordinates, paired with a ","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature248","t":"Alternating Proof Rows","d":"Feature rows that alternate the image side on every second entry, each pairing an eyebrow,","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature249","t":"Image Topped Discipline Cards","d":"Four soft cards each opening with a full-bleed photograph, then a display title, one expla","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature250","t":"Sticky Photo With Notes","d":"A single tall photograph pinned with position sticky, captioned without a rule, while a co","k":"section","s":"beste-ui","c":"marketing/features","sb":"Scroll"},{"id":"beste-ui:feature251","t":"Deliverable Cards With Media","d":"Three soft cards, each floating its own media piece over a dotted field before an eyebrow,","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"beste-ui:feature252","t":"Overlapping Material Collage","d":"Feature split pairing a three-image collage, where a square crop overlaps the tall frame b","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:feature253","t":"Wide Band With Field Facts","d":"Cinematic image band carrying a pill label in its corner, followed by a ruled four-column ","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature254","t":"Photographic Year Ledger","d":"Timeline where every ruled row lines up a year, a photograph from that moment and the expl","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature255","t":"Current Work Tile Grid","d":"Section that shows what the studio is running right now: a statement with the paragraph an","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"beste-ui:feature256","t":"Annotated Centerpiece","d":"A feature that centers one image tile floating a live metrics panel and annotates it from ","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature257","t":"Capability Selector","d":"An interactive feature where a hairline list of four capabilities swaps the image tile bes","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature258","t":"Two Up Capability Cards","d":"A feature built from two tall bordered cards, each stacking an image tile with a live asse","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature259","t":"Soft Panel Capacity Report","d":"A feature contained in one soft panel: heading and paragraph beside an image tile floating","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature260","t":"Scrolling Sequence Rail","d":"A feature whose five steps sit on a horizontally scrolling card rail below a two-column he","k":"section","s":"beste-ui","c":"marketing/features","sb":"Scroll"},{"id":"beste-ui:feature261","t":"Hairline Capability Matrix","d":"A feature laid out as a hairline matrix of cells, where a wide first cell carries an image","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature262","t":"Expanding Proof Rows","d":"A feature of full-width hairline rows that expand in place, revealing a paragraph beside a","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature263","t":"Day Timeline Rows","d":"A feature that walks through one working day as hairline rows stamped with the time of day","k":"section","s":"beste-ui","c":"marketing/features","sb":"Steps"},{"id":"beste-ui:feature264","t":"Sticky Reference List","d":"A feature with a heading column that sticks while three labelled groups of checked capabil","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sb":"Scroll","sy":["webgl"]},{"id":"beste-ui:feature265","t":"Staircase Asset Trio","d":"A feature whose three image tiles step down the page in a staircase on large screens, each","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:feature266","t":"Figure Led Evidence Rows","d":"A feature that opens on a tall image tile floating a live before-and-after card, then sets","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature267","t":"Center Line Journey Timeline","d":"A feature that runs a hairline down the middle of the section and alternates its stages ei","k":"section","s":"beste-ui","c":"marketing/features","sb":"Steps"},{"id":"beste-ui:feature268","t":"Full Bleed Workspace Band","d":"A feature that breaks its media out of the container into a full-bleed image band floating","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:feature269","t":"Tool Directory Cards","d":"A two-column directory of free tools, each card a linked row with a tinted icon tile, a na","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:feature270","t":"Reading Paths By Time Available","d":"Three columns keyed to how long the reader has rather than what they want, each opening wi","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:feature271","t":"Format Anatomy Tabs","d":"A tabbed breakdown of what each publishing format commits to, pairing a stated position wi","k":"section","s":"beste-ui","c":"marketing/features","sb":"Tabs"},{"id":"beste-ui:feature272","t":"Recorded Companion Band","d":"A wide photographic band with a scrim, floating a live video card in the middle of it, ove","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"beste-ui:feature273","t":"Question And Answer Ledger","d":"A two-column ledger pairing the question a reader sent on the left with the thing that was","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature274","t":"Archive By Year Columns","d":"One column per year on a hairline, each stating the year as a figure with its published co","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:feature275","t":"Drifting Services Grid","d":"A services section with a serif heading that settles in word by word beside its intro and ","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Grid of cards","sy":["animated"]},{"id":"beste-ui:feature276","t":"Sticky Chapters","d":"A scroll-led feature: a serif heading settling in word by word beside a pill action, then ","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Scroll","sy":["animated"]},{"id":"beste-ui:feature277","t":"Six Promises","d":"A values grid: a serif heading settling in word by word beside the intro and a pill action","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated","webgl"],"sy":["animated","webgl"]},{"id":"beste-ui:feature278","t":"Two Doors Tabs","d":"A tabbed comparison under a centred serif heading that settles in word by word: pill tabs ","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Tabs","sy":["animated"]},{"id":"beste-ui:feature279","t":"Photo Band Feature","d":"A feature that opens on a rounded photographic band with a dark scrim and film grain, the ","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated","webgl"],"sy":["animated","webgl"]},{"id":"beste-ui:feature280","t":"Hover Room List","d":"A ruled index of offerings beside a pinned photograph: hovering or focusing a serif line b","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Lists","sy":["animated"]},{"id":"beste-ui:feature281","t":"Three Icon Columns","d":"The classic three-column feature: a centred serif heading that settles in word by word and","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated","webgl"],"sb":"Icons","sy":["animated","webgl"]},{"id":"beste-ui:feature282","t":"Alternating Rows","d":"The classic zigzag: under a serif heading that settles in word by word and a pill action, ","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Showcase and split","sy":["animated"]},{"id":"beste-ui:feature283","t":"Checklist Split","d":"A benefits split: a portrait photograph drifting inside its frame on the left, and on the ","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Showcase and split","sy":["animated"]},{"id":"beste-ui:feature284","t":"Statement and Four","d":"A long serif statement that settles in word by word with a pill action on the left, and on","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:feature285","t":"Sticky Icon List","d":"A feature list with a sticky column, where a serif heading settles in word by word above t","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Scroll","sy":["animated"]},{"id":"beste-ui:feature286","t":"Spotlight Panel","d":"A single feature spotlight inside one soft muted panel: an eyebrow, a serif heading that s","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:feature287","t":"Photo Steps","d":"Three numbered steps in columns, each topped by a photograph that drifts inside its frame,","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated","webgl"],"sb":"Steps","sy":["animated","webgl"]},{"id":"beste-ui:feature288","t":"Honest Comparison","d":"An us-and-them comparison under a centred serif heading that settles in word by word: an i","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Comparison","sy":["animated"]},{"id":"beste-ui:feature289","t":"Quote Inset Feature","d":"A single feature explained beside proof: a serif heading that settles in word by word, an ","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated","webgl"],"sy":["animated","webgl"]},{"id":"beste-ui:feature290","t":"Six Cell Grid","d":"A ruled two-by-three grid of features, each cell with a bare icon, a serif title and a des","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated","webgl"],"sb":"Grid of cards","sy":["animated","webgl"]},{"id":"beste-ui:feature291","t":"Photo Tiles","d":"Four linked photo tiles in a two-by-two grid, each photograph drifting inside its tile und","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:feature292","t":"Install Ask Ship Steps","d":"Three numbered columns under rules that draw in from the left as they scroll into view: th","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated","webgl"],"sb":"Steps","sy":["animated","webgl"]},{"id":"beste-ui:feature293","t":"Agent Transcript","d":"A split feature: on the left a serif headline that settles in word by word, an intro, a ro","s":"beste-ui","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:feature294","t":"Six Gains Ruled Grid","d":"A header with a serif headline that settles in word by word and, at its right end, a round","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated","webgl"],"sb":"Grid of cards","sy":["animated","webgl"]},{"id":"beste-ui:feature295","t":"Before and After Columns","d":"A centred serif headline that settles in word by word, then two columns: a muted panel lis","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:feature296","t":"Sticky Command List","d":"A sticky left column holds the eyebrow, a serif headline that settles in word by word, an ","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Scroll","sy":["animated"]},{"id":"beste-ui:feature297","t":"Photo Band Command","d":"A rounded photographic band inside the container: the photo blurs in and drifts on scroll ","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated","glass","webgl"],"sy":["animated","glass","webgl"]},{"id":"beste-ui:feature298","t":"Ask At Any Size Tabs","d":"A header with a serif headline that settles in word by word and a pill that copies the ins","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Tabs","sy":["animated"]},{"id":"beste-ui:feature299","t":"Turning Requests Panel","d":"A centred serif headline that settles in word by word, then an ink panel that cycles throu","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:feature300","t":"Linked Card Grid","d":"Six hairline cards in a three-column grid, each one a whole link carrying a ringed icon, a","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated","webgl"],"sb":"Grid of cards","sy":["animated","webgl"]},{"id":"beste-ui:feature301","t":"Linked Card Rail","d":"A horizontal rail of linked cards that starts in line with the heading and bleeds off the ","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Grid of cards","sy":["animated"]},{"id":"beste-ui:feature302","t":"Grouped Link Columns","d":"Three columns of ruled links under their own small-caps headings, each link a serif label ","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated","webgl"],"sy":["animated","webgl"]},{"id":"beste-ui:feature303","t":"Sticky Header Linked Cards","d":"The heading, intro and pill stay pinned in a sticky column while linked photo cards scroll","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Scroll","sy":["animated"]},{"id":"beste-ui:feature304","t":"Spotlight and Linked Rows","d":"One tall photographic card carrying the page worth reading first, beside a ruled column of","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated","webgl"],"sy":["animated","webgl"]},{"id":"beste-ui:feature305","t":"Hover Photo Link List","d":"A ruled list where every row is a link and hovering or focusing one fades a pinned photogr","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Lists","sy":["animated"]},{"id":"beste-ui:feature306","t":"Two Linked Doors","d":"Two tall cards, each one a whole link: a photograph that drifts inside its frame above a q","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:feature307","t":"Linked Figure Cards","d":"Four hairline cards, each a whole link that leads with a large serif figure and an optiona","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Grid of cards","sy":["animated"]},{"id":"beste-ui:feature308","t":"Linked Index Chips","d":"An alphabetical index: each ruled row pairs a serif letter with a wrapped row of pill link","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:feature309","t":"Linked Step Cards","d":"Three numbered cards on a muted fill, each one a whole link that inverts to ink on hover, ","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated","webgl"],"sb":"Steps","sy":["animated","webgl"]},{"id":"beste-ui:feature310","t":"Intro and Linked List","d":"An intro and a pill on the left against a compact ruled list on the right, where every row","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Lists","sy":["animated"]},{"id":"beste-ui:feature311","t":"Linked Photo Cards","d":"Three bordered cards, each one a whole link with a photograph drifting across its top, a q","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated","webgl"],"sb":"Grid of cards","sy":["animated","webgl"]},{"id":"beste-ui:feature312","t":"Chapters Rail","d":"A pinned scroll feature section for a furniture workshop built on the scroll-rail componen","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Scroll","sy":["animated"]},{"id":"beste-ui:feature313","t":"Timeline Rail","d":"A pinned scroll feature section for a heritage house built on the scroll-rail component, s","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Steps","sy":["animated"]},{"id":"beste-ui:feature314","t":"Selected Work Rail","d":"A pinned scroll feature section for a design studio built on the scroll-rail component: th","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Scroll","sy":["animated"]},{"id":"beste-ui:feature315","t":"Services Slide Rail","d":"A pinned scroll feature section for a landscape architecture studio built on the scroll-ra","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Scroll","sy":["animated"]},{"id":"beste-ui:feature316","t":"Figures Rail","d":"A pinned scroll feature section for an impact report built on the scroll-rail component: t","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Scroll","sy":["animated"]},{"id":"beste-ui:feature317","t":"Voices Rail","d":"A pinned scroll testimonial section for a small hotel built on the scroll-rail component, ","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Scroll","sy":["animated"]},{"id":"beste-ui:feature318","t":"Collection Rail","d":"A pinned scroll feature section for a furniture and homeware studio built on the scroll-ra","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Scroll","sy":["animated"]},{"id":"beste-ui:feature319","t":"Places Rail","d":"A pinned scroll feature section for a coffee house with rooms in several cities, built on ","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Scroll","sy":["animated"]},{"id":"beste-ui:feature320","t":"Stacking Program Cards","d":"A scroll feature section for a clinic and retreat where five large program cards pin one a","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sb":"Grid of cards","sy":["animated"]},{"id":"beste-ui:feature321","t":"Detail Tour","d":"A pinned scroll feature section that tours one large photograph like a camera move. It ope","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:feature322","t":"Expanding Journey Strips","d":"A pinned scroll feature section for a walking travel company, set on a dark surface. Under","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:feature323","t":"Manifesto Reading","d":"A pinned scroll feature section for a design studio built around one large statement. As t","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated","webgl"],"sy":["animated","webgl"]},{"id":"beste-ui:feature324","t":"Before and After Restoration","d":"A pinned scroll feature section for a restoration studio that shows three projects as befo","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated","webgl"],"sy":["animated","webgl"]},{"id":"beste-ui:feature325","t":"Scene Stage With Feature Tabs","d":"A vertical list of features beside a large stage that shows one live isometric scene. Sele","k":"section","s":"beste-ui","c":"marketing/features","sb":"Tabs"},{"id":"beste-ui:feature326","t":"Alternating Live Product Rows","d":"A left-aligned header over feature rows that alternate sides. Each row pairs a wide stage ","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:feature327","t":"Live Customization Playground","d":"A centered header over one framed panel: a live product card on a gradient stage beside a ","k":"section","s":"beste-ui","c":"marketing/features","tg":["glass","gradient"],"sy":["glass","gradient"]},{"id":"beste-ui:feature328","t":"Team Calendar Gradient Bento","d":"A left-aligned header over a four cell bento. One wide cell pairs its text with a glass pr","k":"section","s":"beste-ui","c":"marketing/features","tg":["glass","gradient","webgl"],"sb":"Bento","sy":["glass","gradient","webgl"]},{"id":"beste-ui:feature329","t":"Developer Workflow Mosaic","d":"A feature section with four borderless stages in a wide, narrow, narrow, wide mosaic, all ","k":"section","s":"beste-ui","c":"marketing/features","tg":["3d","glass"],"sb":"Steps","sy":["3d","glass"]},{"id":"beste-ui:feature330","t":"Times Of Day Sky Stages","d":"A header split into heading and description above four tall, narrow stages of equal height","k":"section","s":"beste-ui","c":"marketing/features","tg":["glass"],"sy":["glass"]},{"id":"beste-ui:feature331","t":"Staggered Stage Strip","d":"A feature section with a left-aligned header above a strip of three borderless stages of e","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:feature332","t":"Room Types Strip With Material Backgrounds","d":"A left aligned header above a horizontal strip of four tall, narrow borderless stages of e","k":"section","s":"beste-ui","c":"marketing/features","tg":["gradient"],"sy":["gradient"]},{"id":"beste-ui:fitness5","t":"Class Schedule Hero","d":"Full-screen hero showcasing today's fitness classes with instructor info and available spo","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:fitness6","t":"Personal Trainer Profile","d":"Trainer showcase with photo, certifications, rating, and client stats in a floating card. ","s":"beste-ui","c":"data-display/profile"},{"id":"beste-ui:fitness32","t":"Gym Location Finder","d":"Location section with map preview, address, hours, parking, and public transit info. Perfe","s":"beste-ui","c":"data-viz/map","hc":1},{"id":"beste-ui:fitness33","t":"Transformation Gallery","d":"Before/after photo grid showcasing member transformations with weight loss stats and testi","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:fitness39","t":"Training Program Cards","d":"Program grid with images, duration, frequency, skill level, and enrollment buttons. Perfec","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:fitness40","t":"Honest Programme Match","d":"A programme finder that argues with you: three questions land on one training block, and t","s":"beste-ui","c":"data-display/badge","tg":["webgl"],"sb":"Labels","sy":["webgl"],"hc":1},{"id":"beste-ui:food3","t":"Table Reservation Form","d":"Complete reservation form with date picker, time slots, guest count, and contact fields al","s":"beste-ui","c":"data-display/table"},{"id":"beste-ui:food4","t":"Seasonal Dish Feature","d":"Featured dish spotlight with seasonal badges, availability dates, pricing, and order butto","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:food5","t":"Fine Dining Hero","d":"Elegant full-screen hero with Michelin stars, awards, and decorative lines for luxury rest","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:food6","t":"Restaurant Image Carousel","d":"Auto-playing image slideshow showcasing restaurant ambiance with slide titles and navigati","s":"beste-ui","c":"media/carousel"},{"id":"beste-ui:food7","t":"Classic Menu Layout","d":"Traditional menu with categorized sections, dietary badges (V, VG, GF), and a legend. Perf","s":"beste-ui","c":"navigation/menu"},{"id":"beste-ui:food8","t":"Featured Dishes Grid","d":"Visual dish grid with image zoom on hover, overlay descriptions, and order buttons. Perfec","s":"beste-ui","c":"actions/button"},{"id":"beste-ui:food9","t":"Tabbed Menu Browser","d":"Interactive menu with category tabs, accompanying images, and item listings with prices. P","s":"beste-ui","c":"navigation/menu"},{"id":"beste-ui:food10","t":"Wine List Menu","d":"Elegant two-column wine menu with origin details, vintage years, and dotted price lines. P","s":"beste-ui","c":"navigation/menu"},{"id":"beste-ui:food11","t":"Chef's Specials Feature","d":"Alternating layout showcasing dishes with large images, chef's notes as blockquotes, and p","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:food12","t":"Drinks Menu","d":"Beverage menu with glass/bottle pricing columns, category icons, and organized sections fo","s":"beste-ui","c":"navigation/menu","tg":["glass"],"sy":["glass"]},{"id":"beste-ui:food13","t":"Set Menu Pricing Cards","d":"Three-tier pricing cards for group dining with included items, minimum guests, and booking","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"beste-ui:food14","t":"Dietary Filter Menu","d":"Interactive menu with dietary filter buttons (vegetarian, vegan, gluten-free) and allergen","s":"beste-ui","c":"navigation/menu"},{"id":"beste-ui:food15","t":"Daily Specials Chalkboard","d":"Dark-themed chalkboard-style menu with decorative corners, day labels, and timestamp. Perf","s":"beste-ui","c":"navigation/menu"},{"id":"beste-ui:food16","t":"Expandable Menu Accordion","d":"Collapsible menu items revealing full images, calorie counts, protein info, and allergen b","s":"beste-ui","c":"data-display/accordion"},{"id":"beste-ui:food38","t":"Hours & Contact Info","d":"Weekly schedule table with today highlighted, holiday notice alert, phone/email buttons, a","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Contact"},{"id":"beste-ui:food39","t":"Multi Location Directory","d":"Location cards grid with venue images, addresses, hours, phone numbers, and direction link","s":"beste-ui","c":"data-viz/map"},{"id":"beste-ui:food41","t":"Executive Chef Profile","d":"Chef bio section with portrait, philosophy quote, training credentials, award badges, and ","s":"beste-ui","c":"data-display/profile"},{"id":"beste-ui:food42","t":"Kitchen Team Grid","d":"Team member cards with portrait photos, roles, experience badges, and hover image zoom. Pe","k":"section","s":"beste-ui","c":"marketing/team"},{"id":"beste-ui:food43","t":"Culinary Journey Timeline","d":"Vertical timeline with alternating content, year badges, milestone images, and connecting ","s":"beste-ui","c":"data-display/timeline"},{"id":"beste-ui:food44","t":"Behind the Scenes Kitchen","d":"Kitchen tour section with hero image, station features, certification badges, and tour boo","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:food45","t":"Events Calendar","d":"Event listing with date badges, images, time/capacity info, pricing, and RSVP buttons. Per","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:food47","t":"Online Ordering Hub","d":"Delivery platform cards with logos, fees, and delivery times alongside pickup info with ad","k":"resource","s":"beste-ui","c":"assets/logo","sb":"Dev tools"},{"id":"beste-ui:food48","t":"Gift Card Shop","d":"Gift card purchase interface with preset amounts, custom input, digital/physical delivery ","s":"beste-ui","c":"data-display/card","sb":"Product"},{"id":"beste-ui:food50","t":"Loyalty Rewards Program","d":"Four-tier rewards program with points earning steps, benefit lists, and app store download","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:food51","t":"Happy Hour Deals","d":"Split-layout promotion with image, schedule badges, and deal list showing original vs. dis","k":"section","s":"beste-ui","c":"marketing/comparison"},{"id":"beste-ui:food52","t":"Seasonal Menu Showcase","d":"Seasonal menu section with availability dates, featured dish cards with hover effects, and","s":"beste-ui","c":"navigation/menu"},{"id":"beste-ui:food53","t":"Value Meal Bundles","d":"Bundle pricing cards with images, savings badges, itemized contents, and order buttons. Pe","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:food54","t":"Welcome Discount Banner","d":"New customer promotion with large discount display, copyable promo code, benefit checklist","s":"beste-ui","c":"overlays/alert-banner"},{"id":"beste-ui:food61","t":"Dish Detail Page","d":"Product page with large image, dietary badges, rating/reviews, prep time, calories, quanti","s":"beste-ui","c":"navigation/menu"},{"id":"beste-ui:footer9","t":"Minimal Inline Footer","d":"Compact single-row footer with logo, horizontal navigation links, and copyright text. Perf","k":"section","s":"beste-ui","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"beste-ui:footer10","t":"Split Brand Footer","d":"Two-column footer with brand logo, tagline, and copyright on left, navigation links on rig","k":"section","s":"beste-ui","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"beste-ui:footer11","t":"Centered Social Footer","d":"Vertically stacked footer with centered logo, navigation links, social media icons, and co","k":"section","s":"beste-ui","c":"marketing/footer","hc":1},{"id":"beste-ui:footer13","t":"Enterprise Multi Column Footer","d":"Comprehensive footer with brand section, four navigation columns, social links, and bottom","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer15","t":"Social Bar Multi Column Footer","d":"Four-column navigation footer with brand description and dedicated social media icon row i","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer16","t":"Contact Info Multi Column Footer","d":"Business footer with extended brand section including email, phone, and address, plus thre","k":"section","s":"beste-ui","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:footer18","t":"CTA Action Footer","d":"Footer with prominent call-to-action section featuring heading, description, and action bu","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer19","t":"Newsletter Subscription Footer","d":"Footer with email subscription form, navigation columns, legal links, and social icons. Pe","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer20","t":"E commerce Trust Footer","d":"Online store footer with trust badges (secure checkout, free shipping, privacy), payment m","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer21","t":"Compact E commerce Footer","d":"Centered minimal footer with horizontal navigation, trust badges, and payment method icons","k":"section","s":"beste-ui","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"beste-ui:footer22","t":"Full E commerce Footer","d":"Complete online store footer with brand section, navigation columns, social links, trust b","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer23","t":"Social Media Showcase Footer","d":"Centered footer with prominent heading, large circular social media icon buttons, and mini","k":"section","s":"beste-ui","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"beste-ui:footer27","t":"Dark Themed Card Footer","d":"Footer wrapped in a dark rounded container with inverted colors, tagline, navigation colum","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer28","t":"Creative Agency Portfolio Footer","d":"Showcase footer with company stats, awards recognition section, navigation links, and trus","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer29","t":"Mobile App Download Footer","d":"App promotion footer with App Store and Google Play badges, scannable QR code, and downloa","k":"section","s":"beste-ui","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:footer31","t":"Restaurant Reservation Footer","d":"Fine dining footer with business hours, location details, phone number, menu links, and re","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer32","t":"Healthcare Services Footer","d":"Medical facility footer with emergency contact banner, service navigation, patient resourc","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer41","t":"Travel Booking Footer","d":"Tourism footer with destination image cards, trip type links, support info, trust badges, ","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer55","t":"Dental Clinic Footer","d":"Dental practice footer with dentist profile cards, service list, office hours, insurance i","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer69","t":"Museum & Gallery Footer","d":"Cultural venue footer with current exhibition cards, visiting hours, admission pricing, me","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer73","t":"Winery & Vineyard Footer","d":"Wine estate footer with wine collection categories, tasting room hours, experience links, ","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer100","t":"App Showcase Footer","d":"Mobile app promotion footer with phone mockup screenshot, feature highlights, download sta","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer101","t":"Four Column Footer with Partner Badge","d":"Corporate footer with four navigation columns covering institutional pages, solutions, pro","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer102","t":"Mega Footer","d":"Complete studio mega footer with brand column, link columns, socials and legal bar.","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer103","t":"CTA Footer","d":"Dark closing-CTA footer with a big statement, email and compact links.","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer104","t":"Newsletter Footer","d":"Footer led by a subscribe form beside link columns.","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer105","t":"Dark Studio Footer","d":"Dark footer with a wordmark, headquarters address, email and social row on the left; three","k":"section","s":"beste-ui","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:footer106","t":"Wordmark Card Footer","d":"Footer with a CTA row, then a bordered card holding the brand, a statement heading, a back","k":"resource","s":"beste-ui","c":"assets/logo","tg":["webgl"],"sb":"Dev tools","sy":["webgl"]},{"id":"beste-ui:footer107","t":"Newsletter Footer","d":"Newsletter-forward footer — a parenthetical label and oversized heading beside an email fi","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer108","t":"Oversized Wordmark Footer","d":"Footer with a brand intro and three link columns over a copyright bar, closed by one overs","k":"resource","s":"beste-ui","c":"assets/logo","tg":["webgl"],"sb":"Dev tools","sy":["webgl"]},{"id":"beste-ui:footer109","t":"Minimal Centered Footer","d":"Airy centered footer — a parenthetical label, a single oversized closing statement and a p","k":"section","s":"beste-ui","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:footer110","t":"Contact Footer","d":"Contact-forward footer — a parenthetical label, a closing heading and oversized email, pho","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer111","t":"Ruled Index Footer","d":"Editorial directory footer — a parenthetical label and statement above ruled sitemap rows,","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer112","t":"Studio Wordmark Footer","d":"Architectural studio footer — four untitled link columns with a copyright and legal row up","k":"resource","s":"beste-ui","c":"assets/logo","sb":"Dev tools"},{"id":"beste-ui:footer113","t":"Big Logotype Footer","d":"Footer led by a full-width oversized wordmark, then a newsletter field with an arrow submi","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer114","t":"Navigation Statement Footer","d":"Footer that turns the menu into a statement — a parenthetical label over oversized nav lin","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer115","t":"Dark Sign off Footer","d":"Inverted bg-foreground footer, centered — a parenthetical label, one closing statement, a ","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer116","t":"Studio Locations Footer","d":"Footer for a studio with several addresses — a parenthetical label and heading over a rule","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer117","t":"Split CTA Footer","d":"Two-column footer — a parenthetical label, closing heading, pill CTA and email on the left","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer118","t":"Live Studio Clock Footer","d":"Footer built around a live clock — the studio's local time ticks every second in oversized","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer119","t":"Editorial Newsletter Footer","d":"A light footer with a lowercase wordmark, a tagline, a newsletter signup, three link colum","k":"section","s":"beste-ui","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:footer120","t":"CTA Footer","d":"A footer that opens with a light closing heading and accent buttons over a hairline rule, ","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:footer121","t":"Minimal Centered Footer","d":"A compact centered footer with a lowercase wordmark, a short tagline, an uppercase link ro","k":"section","s":"beste-ui","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:footer122","t":"Brand Column Footer","d":"A four-column footer with a wide brand column carrying a parenthetical eyebrow, an oversiz","k":"section","s":"beste-ui","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:footer123","t":"Publication Footer With Subscribe Row","d":"A footer that gives its left half to a working subscribe row and its right half to three l","k":"section","s":"beste-ui","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:footer124","t":"Valley Footer","d":"A photographic footer under a dark gradient scrim, soft drifting light and film grain: a s","k":"section","s":"beste-ui","c":"marketing/footer","tg":["animated","gradient","webgl"],"sy":["animated","gradient","webgl"]},{"id":"beste-ui:footer125","t":"Quiet Footer","d":"A light footer with a large serif wordmark, a tagline and a sliding-marker pill on the lef","k":"section","s":"beste-ui","c":"marketing/footer","tg":["animated","webgl"],"sy":["animated","webgl"]},{"id":"beste-ui:footer126","t":"Centred Footer","d":"A compact centred footer: the serif wordmark, a one-line serif statement and a sliding-mar","k":"section","s":"beste-ui","c":"marketing/footer","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:footer127","t":"Columns and Letter Footer","d":"A light footer with the serif wordmark, a tagline and a rounded newsletter field with a sl","k":"section","s":"beste-ui","c":"marketing/footer","tg":["animated","webgl"],"sy":["animated","webgl"]},{"id":"beste-ui:footer128","t":"Wordmark Effect Band Footer","d":"A site footer with the brand, a short description and a contact email on the left and thre","k":"resource","s":"beste-ui","c":"assets/logo","tg":["gradient","webgl"],"sb":"Dev tools","sy":["gradient","webgl"]},{"id":"beste-ui:gallery1","t":"Masonry Caption Gallery","d":"Masonry gallery built with CSS columns so images keep their own heights, each captioned wi","s":"beste-ui","c":"media/gallery","sb":"Masonry"},{"id":"beste-ui:gallery2","t":"Lightbox Frame Grid","d":"Captioned image grid where any tile opens a full-screen lightbox on a dark scrim, with a f","s":"beste-ui","c":"media/gallery","sb":"Grids"},{"id":"beste-ui:gallery3","t":"Filterable Album Grid","d":"Album gallery with pill filters that swap the whole set below, where any tile opens a ligh","s":"beste-ui","c":"media/gallery","sb":"Grids"},{"id":"beste-ui:gallery4","t":"Wide Slide Reel","d":"Single-frame image reel that slides on a transform, driven by round arrow buttons in the h","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:gallery5","t":"Filmstrip Stage Viewer","d":"Cinematic stage frame with the caption and frame counter set on a gradient at its foot, ro","s":"beste-ui","c":"media/gallery","tg":["gradient"],"sy":["gradient"]},{"id":"beste-ui:gallery6","t":"Mosaic Full Screen Viewer","d":"Dense caption-free mosaic where every tile carries an expand seal and opens a full-screen ","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:gallery7","t":"Counter Scrolling Image Bands","d":"Two full-bleed image tracks scrolling in opposite directions under a centered statement, p","s":"beste-ui","c":"media/gallery","sb":"Scroll"},{"id":"beste-ui:gallery8","t":"Photo Book Spread Viewer","d":"Photographs presented as printed spreads on a soft panel: two plates share a page with a c","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:gallery9","t":"Zoomable Justified Gallery","d":"Justified rows of frames that grow to fill every line, opening a viewer whose picture doub","s":"beste-ui","c":"media/gallery","sb":"Zoom and lens"},{"id":"beste-ui:gallery10","t":"Overview Toggle Viewer","d":"Square grid whose viewer holds two states: a single frame with caption and controls, or an","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:gallery11","t":"Full Bleed Strip With Sheet Viewer","d":"Edge-to-edge strip of tall frames opening a viewer where the picture fills the screen and ","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:gallery12","t":"Exhibition Wall Hang","d":"Works of different sizes hung on one centre line inside a matted wall panel, each with its","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:gallery13","t":"Catalogue Index Plates","d":"Printed-catalogue layout pairing a numbered index of works with a sticky matted plate and ","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:gallery14","t":"Walkthrough Exhibition Rail","d":"Long-scroll exhibition where every work sits in its own matted panel with a full label, be","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:gallery15","t":"Salon Hang Wall","d":"Label-free salon wall where works of four different spans pack tightly into a matted panel","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:gallery16","t":"Artist Room Index","d":"Exhibition split into artist rooms, each with a sticky statement column beside its works, ","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:gallery17","t":"Acquisition Year Ledger","d":"Collection intake listed year by year with a summary beside each set of works, opening a v","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:gallery18","t":"Edition Inspector","d":"Matted edition cards opening a viewer that keeps the whole sheet and its detail crops in o","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:gallery19","t":"Dark Room Fade Viewer","d":"Inverted low-light room where staggered frames hang on a dark panel, opening a viewer with","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:gallery20","t":"Paired Hang Compare","d":"Works hung two to a bay on staggered ruled cards, opening a viewer that can hold a second ","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:gallery21","t":"Loupe Surface Studies","d":"Square studies of material and surface, opening a viewer that hands you a loupe: a round w","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:gallery22","t":"Archive Record Cards","d":"Text-first archive index of reference, thumbnail, title and year, opening a record card wi","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:gallery23","t":"Wall Scale Viewer","d":"Works listed with the sizes they are printed at, opening a viewer that hangs the piece in ","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:gallery24","t":"Plan Chest Sheet Stack","d":"Works on paper listed as ruled plan-chest drawers with their contents and a peek of the sh","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:gallery25","t":"Pick The Frames Taste Profile","d":"A gallery finder whose questions are photographs rather than sentences: three rows of fram","s":"beste-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"beste-ui:gallery26","t":"Cover Archive With Lightbox","d":"A square cover grid that names each picture only on hover and opens it full screen on clic","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:gallery27","t":"River Strip","d":"A horizontal, snap-scrolling strip of photographs that starts in line with the heading and","s":"beste-ui","c":"media/gallery","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:gallery28","t":"Light Masonry","d":"A three-column masonry of photographs in mixed aspects, each rising into view and drifting","s":"beste-ui","c":"media/gallery","tg":["animated","webgl"],"sb":"Masonry","sy":["animated","webgl"]},{"id":"beste-ui:gallery29","t":"Plate Grid Lightbox","d":"An even three-column grid of photographic plates that open into an ink lightbox: every fra","s":"beste-ui","c":"media/gallery","tg":["animated","webgl"],"sb":"Grids","sy":["animated","webgl"]},{"id":"beste-ui:health1","t":"Vitals Dashboard","d":"Health metrics dashboard displaying vital signs like heart rate, blood oxygen, activity, a","k":"layout","s":"beste-ui","c":"layout/dashboard","hc":1},{"id":"beste-ui:health2","t":"Wellness Goals Tracker","d":"Daily wellness goals tracker with progress bars showing current vs target for water intake","k":"section","s":"beste-ui","c":"marketing/comparison","hc":1},{"id":"beste-ui:health3","t":"Medical Specialists Directory","d":"Doctor cards grid showing specialists with ratings, availability status, and next appointm","s":"beste-ui","c":"data-display/calendar","hc":1},{"id":"beste-ui:health4","t":"Wellness Hero Section","d":"Split-layout hero with large typography, serene imagery, and floating testimonial card. Pe","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"beste-ui:health5","t":"Medical Services Grid","d":"Service cards displaying medical specialties with appointment durations, feature lists, an","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"beste-ui:health6","t":"Wellness Editorial Section","d":"Long-form content section with rich text, bullet point highlights, and call-to-action butt","k":"section","s":"beste-ui","c":"marketing/cta","hc":1},{"id":"beste-ui:health7","t":"Daily Health Check in","d":"Two-column layout with feature highlights and daily summary card showing heart rate, activ","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:health16","t":"Health Statistics Display","d":"Large-format statistics grid showcasing key metrics like member counts, satisfaction rates","k":"section","s":"beste-ui","c":"marketing/features","hc":1},{"id":"beste-ui:health17","t":"Care Overview Dashboard","d":"A clinical overview with an eyebrow over a hairline rule, a two-column heading, and a bord","k":"layout","s":"beste-ui","c":"layout/dashboard"},{"id":"beste-ui:health18","t":"Care Programme Cards","d":"Three hairline programme cards, each pairing a light programme name with a muted duration ","s":"beste-ui","c":"data-display/card","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"beste-ui:health19","t":"When To Reach Out","d":"A gentle signs-to-notice section: a serif heading that settles in word by word, an intro, ","s":"beste-ui","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"]},{"id":"beste-ui:health20","t":"Clinic Visit Split With Card Cluster","d":"A split section for a clinic or care app. One side carries the heading, three ruled benefi","s":"beste-ui","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:hero7","t":"Centered Hero with Media","d":"Centered hero with optional badge, heading, description, dual action buttons, and a featur","k":"section","s":"beste-ui","c":"marketing/hero","sb":"Centered and minimal","hc":1},{"id":"beste-ui:hero19","t":"Cinematic Fullscreen Carousel","d":"Full-screen animated carousel with multiple transition effects, next slide preview, and pr","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"beste-ui:hero20","t":"Split Carousel with Thumbnails","d":"Two-column carousel with animated content transitions, thumbnail strip navigation, and ver","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"beste-ui:hero21","t":"Fullscreen Vertical Carousel","d":"Full-screen carousel with vertical slide transitions, decorative grid lines, and customiza","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"beste-ui:hero24","t":"Wellness Hero with Stats Cards","d":"Split-layout hero with avatar stack social proof, floating heart rate card, and progress i","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"beste-ui:hero25","t":"Dashboard Preview Hero","d":"Split-layout hero with interactive dashboard mockup featuring stats cards, line chart, and","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With product shot"},{"id":"beste-ui:hero35","t":"Split Hero with Video Player","d":"Two-column hero with playable video (or image), play button overlay, and key stats row. Pe","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With video"},{"id":"beste-ui:hero36","t":"Centered Hero with Logo Cloud","d":"Centered hero with gradient-highlighted heading text and trusted-by logo cloud below CTA b","k":"section","s":"beste-ui","c":"marketing/hero","tg":["gradient"],"sb":"Centered and minimal","sy":["gradient"],"hc":1},{"id":"beste-ui:hero37","t":"Analytics Hero with Floating Stats","d":"Centered hero with four floating stat cards positioned around the content displaying key m","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero38","t":"Split Hero with Testimonial Card","d":"Two-column hero with prominent testimonial quote card featuring author avatar and company ","k":"section","s":"beste-ui","c":"marketing/hero","sb":"Split"},{"id":"beste-ui:hero43","t":"Email App Hero with Inbox Mockup","d":"Split-layout hero with interactive email client mockup featuring sidebar, message list, an","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With product shot"},{"id":"beste-ui:hero45","t":"Centered Hero with Ratings Social Proof","d":"Centered hero with avatar stack, partial star ratings display, and review count above the ","k":"section","s":"beste-ui","c":"marketing/hero","sb":"Centered and minimal"},{"id":"beste-ui:hero46","t":"Search Hero with Popular Tags","d":"Centered hero with prominent search input field and popular search suggestion pills below.","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero48","t":"Metrics Dashboard Hero","d":"Centered hero with four-column metrics panel showing values and trend indicators below the","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With product shot"},{"id":"beste-ui:hero50","t":"Centered Hero with Announcement Pill","d":"Clean centered hero with clickable announcement banner pill above the heading with sparkle","k":"section","s":"beste-ui","c":"marketing/hero","tg":["minimal"],"sb":"Centered and minimal","sy":["minimal"]},{"id":"beste-ui:hero51","t":"Split Hero with 3D Tilt Effect","d":"Two-column hero with interactive image card that tilts in 3D on mouse movement with shine ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["3d"],"sb":"Animated background","sy":["3d"]},{"id":"beste-ui:hero53","t":"Mobile App Hero with Phone Mockup","d":"Split-layout hero with realistic iPhone mockup, notch detail, and App Store/Play Store dow","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With product shot"},{"id":"beste-ui:hero57","t":"Full height Hero with Scroll Indicator","d":"Vertically centered hero with animated scroll-down indicator featuring bouncing dot and ar","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"beste-ui:hero59","t":"Enterprise Hero with Trust Badges","d":"Centered hero with security and compliance trust indicators (SOC 2, Uptime, CDN, Encryptio","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero61","t":"Split Hero with Floating Feature Cards","d":"Two-column hero with announcement banner, social proof metrics, and three floating feature","k":"section","s":"beste-ui","c":"marketing/hero","tg":["webgl"],"sb":"Split","sy":["webgl"]},{"id":"beste-ui:hero63","t":"Changelog Hero with Updates List","d":"Centered hero with checklist of recent updates showing new badges and completion icons. Pe","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"beste-ui:hero65","t":"Split Hero with YouTube Video","d":"Two-column hero with embedded YouTube video player in responsive aspect ratio container. P","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With video","hc":1},{"id":"beste-ui:hero68","t":"Centered Hero with Feature Icons","d":"Centered hero with three feature highlights displayed as icon cards with descriptions belo","k":"section","s":"beste-ui","c":"marketing/hero","tg":["webgl"],"sb":"Centered and minimal","sy":["webgl"],"hc":1},{"id":"beste-ui:hero69","t":"Email Signup Hero","d":"Minimal centered hero with inline email input field and submit button for newsletter or wa","k":"section","s":"beste-ui","c":"marketing/hero","tg":["minimal"],"sb":"SaaS and AI","sy":["minimal"],"hc":1},{"id":"beste-ui:hero71","t":"Pricing Preview Hero","d":"Centered hero with prominent price display, period label, and horizontal feature checklist","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero72","t":"Browser Screenshot Hero with Notifications","d":"Centered hero with perspective browser mockup, floating notification cards at corners, and","k":"section","s":"beste-ui","c":"marketing/hero","tg":["3d"],"sb":"With product shot","sy":["3d"]},{"id":"beste-ui:hero75","t":"Team Chat App Hero","d":"Split-layout hero with full chat interface mockup featuring channels sidebar, message thre","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With product shot"},{"id":"beste-ui:hero76","t":"Kanban Board Hero","d":"Split-layout hero with interactive kanban board mockup showing tasks with priorities, tags","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero77","t":"Calendar Schedule Hero","d":"Split-layout hero with weekly calendar mockup showing events, attendees, and floating remi","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero78","t":"Centered Hero with Founder Social Proof","d":"Centered hero with avatar stack and founder count text between buttons and featured image.","k":"section","s":"beste-ui","c":"marketing/hero","sb":"Centered and minimal"},{"id":"beste-ui:hero79","t":"Split Hero with Avatar Social Proof","d":"Two-column hero with avatar stack social proof positioned above action buttons alongside f","k":"section","s":"beste-ui","c":"marketing/hero","sb":"Split"},{"id":"beste-ui:hero80","t":"Cinematic Hero with Overlapping Media","d":"Centered hero with inset background media and overlapping product image","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With product shot"},{"id":"beste-ui:hero81","t":"Fullscreen Hero with Quick Access Cards","d":"Cinematic fullscreen hero with inset background media and glassmorphism quick-access cards","k":"section","s":"beste-ui","c":"marketing/hero","tg":["glass"],"sb":"SaaS and AI","sy":["glass"]},{"id":"beste-ui:hero82","t":"Left Aligned Hero with Gradient Overlay","d":"Left-aligned fullscreen hero with inset background media and directional gradient overlay","k":"section","s":"beste-ui","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"beste-ui:hero83","t":"Bottom Aligned Hero with Quick Links","d":"Bottom-aligned fullscreen hero with inset background media and right-side quick link cards","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero84","t":"Split Hero with Edge to Edge Media","d":"50/50 split hero with content left and edge-to-edge video/image right with checklist items","k":"section","s":"beste-ui","c":"marketing/hero","sb":"Split"},{"id":"beste-ui:hero85","t":"Fullscreen Hero with Floating Testimonials","d":"Cinematic fullscreen hero with inset background video and floating glassmorphism testimoni","k":"section","s":"beste-ui","c":"marketing/hero","tg":["glass"],"sb":"SaaS and AI","sy":["glass"]},{"id":"beste-ui:hero86","t":"Fullscreen Hero with Logo Cloud","d":"Cinematic fullscreen hero with inset background video and trusted-by logo strip","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero87","t":"Floating Glassmorphism Card Hero","d":"Fullscreen hero with centered glassmorphism card floating over inset background video","k":"section","s":"beste-ui","c":"marketing/hero","tg":["glass"],"sb":"SaaS and AI","sy":["glass"]},{"id":"beste-ui:hero88","t":"Lead Capture Hero with Email Input","d":"Fullscreen hero with email capture input over inset background video","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero89","t":"Reverse Split Hero with Testimonial","d":"50/50 split hero with video/image left and content with testimonial quote right","k":"section","s":"beste-ui","c":"marketing/hero","sb":"Split"},{"id":"beste-ui:hero90","t":"Stacked Hero with Media Top","d":"Vertical split hero with video/image on top and content section below","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero91","t":"Split Hero with Feature List Panel","d":"50/50 split hero with muted content panel and feature list left, video/image right","k":"section","s":"beste-ui","c":"marketing/hero","sb":"Split"},{"id":"beste-ui:hero92","t":"Split Hero with Bento Feature Grid","d":"50/50 split hero with content left and bento feature grid overlay on video right","k":"section","s":"beste-ui","c":"marketing/hero","sb":"Split"},{"id":"beste-ui:hero93","t":"Asymmetric Split Hero with Quick Links","d":"40/60 asymmetric split hero with narrow content panel and vertical quick links over video","k":"section","s":"beste-ui","c":"marketing/hero","sb":"Split"},{"id":"beste-ui:hero94","t":"Reverse Split Hero with Pill Grid","d":"Reverse split hero with compact 3x2 pill grid over video left, content right","k":"section","s":"beste-ui","c":"marketing/hero","sb":"Split"},{"id":"beste-ui:hero95","t":"Fullscreen Hero with Bento Grid","d":"Fullscreen hero with centered heading and 4-column bento feature grid over inset backgroun","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero96","t":"Split Hero with Metric Dashboard","d":"50/50 split hero with content left and metric dashboard cards with trend badges over video","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With product shot"},{"id":"beste-ui:hero97","t":"Bottom Aligned Hero with Stack Cards","d":"Fullscreen bottom-aligned hero with vertical stack cards and inset background video with g","k":"section","s":"beste-ui","c":"marketing/hero","tg":["gradient"],"sb":"SaaS and AI","sy":["gradient"]},{"id":"beste-ui:hero98","t":"Cinematic Hero with Social Proof","d":"Cinematic hero with announcement pill, avatar social proof, and overlapping dashboard medi","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero99","t":"Fullscreen Hero with Marquee Ticker","d":"Cinematic fullscreen hero with scrolling marquee keyword band over inset background video","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero100","t":"Fullscreen Hero with Browser Mockup","d":"Fullscreen hero with centered content and browser window frame mockup over inset backgroun","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With product shot"},{"id":"beste-ui:hero101","t":"Split Hero with Terminal Card","d":"Fullscreen split hero with content left and realistic terminal/CLI card right over inset b","k":"section","s":"beste-ui","c":"marketing/hero","tg":["retro and HUD"],"sb":"Split","sy":["retro and HUD"]},{"id":"beste-ui:hero102","t":"Split Hero with Timeline Steps","d":"50/50 split hero with content left and vertical numbered timeline overlay on video right","k":"section","s":"beste-ui","c":"marketing/hero","sb":"Split"},{"id":"beste-ui:hero103","t":"Mobile App Hero with Phone Mockup","d":"Fullscreen hero with app store buttons and phone mockup over inset background video","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With product shot"},{"id":"beste-ui:hero104","t":"IDE Mockup Split Hero","d":"Split hero with heading, trust line, and CTA buttons on the left, IDE file-tree and code e","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With product shot"},{"id":"beste-ui:hero105","t":"Mobile Hero with Dual Phone Mockups","d":"Fullscreen hero with two overlapping angled phone mockups and app store buttons over inset","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With product shot"},{"id":"beste-ui:hero106","t":"Mobile Hero with Flanking Features","d":"Fullscreen hero with centered phone mockup flanked by feature columns on each side over in","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero107","t":"Mobile Hero with 3D Perspective Phone","d":"Fullscreen split hero with content left and 3D perspective-tilted phone mockup right over ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["3d"],"sb":"Animated background","sy":["3d"]},{"id":"beste-ui:hero108","t":"Mobile Hero with Review Card","d":"Fullscreen hero with phone mockup, star rating review card, and app store buttons over ins","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero109","t":"Bounded Carousel Hero","d":"Contained 16:9 hero carousel with badge, title, description, and CTA over an image backgro","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero110","t":"Bounded Carousel Hero — Aligned","d":"Contained 16:9 hero carousel with badge, title, description, and CTA. Vertically centered ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero111","t":"Hero with Feature List and Image","d":"Two-column hero with heading, description, icon-only feature list, and CTA on one side and","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With product shot"},{"id":"beste-ui:hero112","t":"Editorial Split Hero","d":"Two-column studio hero with a two-tone headline, dual CTAs, tall image and a client wordma","k":"section","s":"beste-ui","c":"marketing/hero","sb":"Split"},{"id":"beste-ui:hero113","t":"Statement Reel Hero","d":"Centered big-type studio hero with start and watch-the-film actions over a cinematic banne","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero114","t":"Collage Hero","d":"Split studio hero with a two-tone headline and a four-image arranged collage.","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero115","t":"Cinematic Image Hero","d":"Full-bleed background-image hero with a legibility scrim and bottom-aligned eyebrow, headl","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With product shot"},{"id":"beste-ui:hero116","t":"Studio Reel Hero","d":"Editorial hero with twin vertical image marquees scrolling in opposite directions beside t","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero117","t":"Giant Wordmark Hero","d":"Editorial studio hero with a vertical parenthetical side label, monospace corner links, an","k":"resource","s":"beste-ui","c":"assets/logo","sb":"Dev tools"},{"id":"beste-ui:hero118","t":"Split Hero With Floating Review","d":"Two-column hero: parenthetical eyebrow, oversized heading, supporting copy, a dark CTA and","k":"section","s":"beste-ui","c":"marketing/hero","sb":"Split"},{"id":"beste-ui:hero119","t":"Full Bleed Display Hero","d":"Full-bleed image hero with an oversized three-word display heading, a row of monospace met","k":"section","s":"beste-ui","c":"marketing/hero","tg":["webgl"],"sb":"SaaS and AI","sy":["webgl"]},{"id":"beste-ui:hero120","t":"Editorial Image Hero","d":"Centered editorial hero with eyebrow, large heading, description, dual dark and outline CT","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With product shot"},{"id":"beste-ui:hero121","t":"Split Hero with Stats","d":"Split hero with a big headline and CTA on the left, a divided vertical stat rail on the ri","k":"section","s":"beste-ui","c":"marketing/hero","sb":"Split"},{"id":"beste-ui:hero122","t":"Typographic Card Hero","d":"Centered typographic hero on a muted card with an oversized heading, inline CTA, and a bot","k":"section","s":"beste-ui","c":"marketing/hero","tg":["webgl"],"sb":"SaaS and AI","sy":["webgl"]},{"id":"beste-ui:hero123","t":"Trust Hero with Logos","d":"Trust hero with a heading, description and CTA beside a tall portrait image, over a graysc","k":"resource","s":"beste-ui","c":"assets/logo","sb":"Dev tools"},{"id":"beste-ui:hero124","t":"Profile Hero With Chart","d":"Studio-profile hero: an eyebrow, oversized heading, supporting copy and a CTA on the left,","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero125","t":"Hero with Portrait Gallery","d":"Centered eyebrow, oversized heading and CTA above a responsive 3-up portrait gallery with ","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero126","t":"Waitlist Email Hero","d":"Centered waitlist hero with eyebrow, big heading, description, an inline email-capture for","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero127","t":"Slideshow Hero with Background Crossfade","d":"Full-bleed background-driven slideshow hero. The active item's image fills the section and","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero128","t":"Vertical Index List Hero","d":"Full-bleed monochrome hero whose background crossfades to the active project. A giant head","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero129","t":"Chapter Progress Tabs Hero","d":"Full-bleed monochrome hero with a giant bottom-left heading and a row of equal-width chapt","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero130","t":"Monochrome Hero with Rotating Announcement Ticker","d":"Full-bleed hero with a static background image, a giant display heading, and a slim border","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero131","t":"Filmstrip Hero","d":"Full-bleed hero whose background crossfades between frames, with a clickable filmstrip of ","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero132","t":"Expanding Panels Hero","d":"Full-bleed hero filled with side-by-side image panels that expand on hover and auto-cycle,","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero133","t":"Kinetic Rotating Word Hero","d":"Full-bleed monochrome hero with a giant headline whose final word auto-cycles through a li","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero134","t":"Vertical Dot Pager Hero","d":"Full-bleed hero whose background crossfades across items, steered by a minimal vertical pa","k":"section","s":"beste-ui","c":"marketing/hero","tg":["minimal"],"sb":"SaaS and AI","sy":["minimal"]},{"id":"beste-ui:hero135","t":"Editorial Split Masthead","d":"Two-pane masthead hero: a solid dark editorial panel with eyebrow, value-prop heading, sup","k":"section","s":"beste-ui","c":"marketing/hero","sb":"Split"},{"id":"beste-ui:hero136","t":"Thumbnail Marquee Hero","d":"Full-bleed hero whose background crossfades to the active item, with an auto-scrolling mar","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero137","t":"Slideshow Hero with Click Controls","d":"Full-bleed monochrome hero that crossfades across a set of slides, navigated by explicit p","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero138","t":"Editorial Trust Hero","d":"Static full-bleed editorial hero with an eyebrow badge, a giant display heading, a support","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero139","t":"Rotating Quote Hero","d":"Full-bleed monochrome hero with a giant display heading over a static image, paired with a","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero140","t":"Animated Tab Hero","d":"Full-bleed monochrome hero with a giant heading and a row of clickable tab chips that fade","k":"section","s":"beste-ui","c":"marketing/hero","sb":"Animated background"},{"id":"beste-ui:hero141","t":"Capability Marquee Hero","d":"Full-bleed monochrome hero with a giant display heading, short description, and a continuo","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero142","t":"Centered Studio Hero","d":"A simple centered hero for the Auralis set: a parenthetical eyebrow badge above a balanced","k":"section","s":"beste-ui","c":"marketing/hero","tg":["minimal"],"sb":"Centered and minimal","sy":["minimal"]},{"id":"beste-ui:hero143","t":"Editorial Split Hero","d":"A light editorial hero with an oversized display heading on the left, an offset supporting","k":"section","s":"beste-ui","c":"marketing/hero","sb":"Split"},{"id":"beste-ui:hero144","t":"Centered Product Hero","d":"A centered hero with an eyebrow pill, a large light heading, a supporting paragraph, two a","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With product shot"},{"id":"beste-ui:hero145","t":"Editorial Product Hero","d":"An editorial hero with an eyebrow and an oversized full-width light heading, then a lower ","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With product shot"},{"id":"beste-ui:hero146","t":"Full Bleed Image Hero","d":"A full-bleed photographic hero with a gradient scrim, an eyebrow over an oversized light h","k":"section","s":"beste-ui","c":"marketing/hero","tg":["gradient","webgl"],"sb":"With product shot","sy":["gradient","webgl"]},{"id":"beste-ui:hero147","t":"Discipline Ledger Hero","d":"Editorial hero pairing an oversized statement, a paragraph and a pill CTA with a ruled ind","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero148","t":"Wide Statement Fact Hero","d":"Photo-free hero that runs a display statement across the full width, drops the paragraph a","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero149","t":"Full Bleed Fact Rail Hero","d":"Full-bleed photographic hero with a tinted scrim, the statement and paragraph pinned to th","k":"section","s":"beste-ui","c":"marketing/hero","tg":["webgl"],"sb":"SaaS and AI","sy":["webgl"]},{"id":"beste-ui:hero150","t":"Offset Image Pair Hero","d":"Split hero pairing a statement, paragraph and two pill CTAs with a pair of captioned portr","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With product shot"},{"id":"beste-ui:hero151","t":"Centered Photo Trust Hero","d":"Full-bleed photographic hero with a centered statement, paragraph and outline pill CTA ove","k":"section","s":"beste-ui","c":"marketing/hero","sb":"Centered and minimal"},{"id":"beste-ui:hero153","t":"Auto Cycling Photo Hero","d":"Full-bleed hero whose background photographs cross-fade on a timer, with a caption and bar","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero154","t":"Poster Hero With Proof Card","d":"Poster-style hero where a wide cinematic image carries a soft proof card overlapping its l","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero155","t":"Framed Poster Hero","d":"Full-bleed photographic hero printed inside an inset hairline frame, with the eyebrow and ","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero156","t":"Split Screen Panel Hero","d":"Edge-to-edge split hero: a dark half carries the statement, paragraph, outline pill CTA an","k":"section","s":"beste-ui","c":"marketing/hero","sb":"Split"},{"id":"beste-ui:hero157","t":"Full Bleed Canvas Hero","d":"A hero that splits the viewport in two: an eyebrow, light display heading, two actions, an","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero158","t":"Migration Hero With Step Tracker","d":"A hero that opens on an oversized light heading, then drops a hairline into a narrow copy ","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero159","t":"Photo Collage Hero","d":"A centered hero with an eyebrow, light display heading, and two actions above a staggered ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["webgl"],"sb":"SaaS and AI","sy":["webgl"]},{"id":"beste-ui:hero160","t":"Inverted Reliability Hero","d":"A hero built as one dark panel: a light display heading, two actions, and a hairline table","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero161","t":"Overlapping Savings Hero","d":"A hero that pairs a light display heading with an offset paragraph and action, then drops ","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With product shot"},{"id":"beste-ui:hero162","t":"Indexed Rows Hero","d":"A hero that sets a light display heading and one action against a column of numbered hairl","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero163","t":"Framed Peek Hero","d":"A hero framed inside a bordered card on a soft section, with centered copy and two actions","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With product shot"},{"id":"beste-ui:hero164","t":"Media First Reverse Hero","d":"A hero that opens on a full-bleed image band with a live phone frame anchored into it, the","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero165","t":"Filmstrip Hero","d":"A centered hero closing on an edge-to-edge filmstrip of five frames divided by hairlines, ","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero166","t":"Split Headline Hero","d":"An editorial hero that breaks its display heading across two lines and slots a square imag","k":"section","s":"beste-ui","c":"marketing/hero","sb":"Split"},{"id":"beste-ui:hero167","t":"Quote Led Provenance Hero","d":"A hero that gives the display heading over to a customer sentence, credits the speaker ben","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero168","t":"Search Reach Hero","d":"A hero pairing a light display heading with an offset paragraph and action, then a wide im","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero169","t":"Centered Newsletter Hero With Reader Quote","d":"A centered newsletter hero that puts one reader quote in a bordered card between the headl","k":"section","s":"beste-ui","c":"marketing/hero","sb":"Centered and minimal"},{"id":"beste-ui:hero170","t":"Subscriber Count Hero With Offer Bubble","d":"A centered newsletter hero led by the subscriber count, with a speech bubble naming what a","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero171","t":"Search First Archive Hero","d":"A centered hero whose main action is a search field rather than a button, with the week's ","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero172","t":"Cover Band Hero For The Latest Issue","d":"A tall photographic band with the newest piece set over a rising gradient, its dateline, d","k":"section","s":"beste-ui","c":"marketing/hero","tg":["gradient"],"sb":"SaaS and AI","sy":["gradient"]},{"id":"beste-ui:hero173","t":"Bylined Hero With Studio Band","d":"A hero that sets its position and paragraph against a seal button held at the right edge o","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero174","t":"Atmospheric Parallax Hero","d":"A full-height photographic hero: the image drifts at a slower pace than the page behind a ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero175","t":"Split Portrait Hero","d":"A light split hero: eyebrow, a serif headline settling in word by word, intro, a sliding-m","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","glass"],"sb":"Animated background","sy":["animated","glass"]},{"id":"beste-ui:hero176","t":"Unveiling Hero","d":"A centred hero: eyebrow, a serif headline settling in word by word, intro and two sliding-","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero177","t":"Two Tempos Hero","d":"A hero with a serif headline settling in word by word, an intro and a sliding-marker pill ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero178","t":"Evening Hero","d":"A dark ink hero with drifting soft light and film grain: eyebrow, a serif headline settlin","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero179","t":"Turning Word Hero","d":"A hero whose serif headline always breaks over two lines, the second one a word that takes","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","webgl"],"sb":"Animated background","sy":["animated","webgl"]},{"id":"beste-ui:hero180","t":"Centred Serif Hero","d":"The plainest hero in the language: a centred eyebrow, a serif headline that settles in wor","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero181","t":"Benefits Split Hero","d":"A split hero: eyebrow, a serif headline that settles in word by word, an intro, three ring","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","webgl"],"sb":"Animated background","sy":["animated","webgl"]},{"id":"beste-ui:hero182","t":"Centred Photo Hero","d":"A full-height photographic hero with everything centred: the photograph zooms out on load ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero183","t":"Call Request Hero","d":"A lead hero: eyebrow, a serif headline that settles in word by word, an intro and dotted f","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero184","t":"Figures Hero","d":"A text hero with an eyebrow and a serif headline that settles in word by word on the left,","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","webgl"],"sb":"Animated background","sy":["animated","webgl"]},{"id":"beste-ui:hero185","t":"Logos Hero","d":"A centred hero with an eyebrow, a serif headline that settles in word by word, an intro an","k":"resource","s":"beste-ui","c":"assets/logo","tg":["animated"],"sb":"Dev tools","sy":["animated"]},{"id":"beste-ui:hero186","t":"Half Photo Hero","d":"A full-height hero split down the middle: eyebrow, a serif headline that settles in word b","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero187","t":"Search Hero","d":"A centred photographic hero built around a search field: the photograph blurs in and drift","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero188","t":"Single Command Hero","d":"The most minimal install hero: a serif headline that settles in word by word, then one rou","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","minimal"],"sb":"Animated background","sy":["animated","minimal"]},{"id":"beste-ui:hero189","t":"Command on Photo Hero","d":"A full-height photographic install hero: the photo blurs in and drifts slower than the pag","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","glass"],"sb":"Animated background","sy":["animated","glass"]},{"id":"beste-ui:hero190","t":"Terminal Split Hero","d":"A split install hero: on the left an eyebrow, a serif headline that settles in word by wor","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","retro and HUD"],"sb":"Animated background","sy":["animated","retro and HUD"]},{"id":"beste-ui:hero191","t":"Two Steps Hero","d":"A centred install hero that explains itself in two numbered steps under a ruled line: run ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero192","t":"Half Photo Command Hero","d":"A full-height split install hero: text on the left with an eyebrow, a serif headline that ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero193","t":"Ink Command Hero","d":"A dark install hero with film grain and no photograph, where the install command itself is","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","webgl"],"sb":"Animated background","sy":["animated","webgl"]},{"id":"beste-ui:hero194","t":"Turning Request Hero","d":"A centred install hero whose serif headline ends in a word that keeps changing (a pricing ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero195","t":"Three Screens Hero","d":"A centred install hero with a serif headline that settles in word by word, an intro, a rou","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","webgl"],"sb":"Animated background","sy":["animated","webgl"]},{"id":"beste-ui:hero196","t":"Liquid Chrome Hero","d":"A full-bleed hero over the liquid-chrome background component: a live WebGL surface of liq","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","webgl"],"sb":"Animated background","sy":["animated","webgl"]},{"id":"beste-ui:hero197","t":"Lake Reflection Hero","d":"An architectural hero with a light oversized headline beside an intro, an Arrow Pill and a","k":"section","s":"beste-ui","c":"marketing/hero","tg":["3d","animated"],"sb":"Animated background","sy":["3d","animated"]},{"id":"beste-ui:hero198","t":"Ink Flow Hero","d":"A calm paper-toned hero built on the ink-flow background component: a generative Canvas 2D","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero199","t":"Kinetic Type Hero","d":"A Swiss poster hero on a faint twelve-column grid: a heavy rule with an eyebrow, a giant t","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero200","t":"Dithered Render Hero","d":"A quiet product hero beside a square panel built on the dither-form background component: ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["3d","animated","retro and HUD"],"sb":"Animated background","sy":["3d","animated","retro and HUD"]},{"id":"beste-ui:hero201","t":"Op Art Hero","d":"A split hero with a large sans headline, an intro, an Arrow Pill and an underline link bes","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","webgl"],"sb":"Animated background","sy":["animated","webgl"]},{"id":"beste-ui:hero202","t":"Live Halftone Hero","d":"An editorial print-shop hero with a big condensed headline, a short intro and two square T","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","webgl"],"sb":"Animated background","sy":["animated","webgl"]},{"id":"beste-ui:hero203","t":"Particle Type Hero","d":"A type foundry hero built on the text21 particle type component: the headline is drawn as ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero204","t":"Contour Terrain Hero","d":"An expedition hero over the contour-terrain background component: a hill-shaded survey map","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero205","t":"Pool Caustics Hero","d":"A bright full-bleed hero over the pool-caustics background component: pale hand-laid tiles","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero206","t":"Watercolor Scroll Hero","d":"A pinned scroll hero that starts as blank paper with an eyebrow and a large serif headline","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","webgl"],"sb":"Animated background","sy":["animated","webgl"]},{"id":"beste-ui:hero207","t":"Depth Corridor Hero","d":"A scroll-driven hero where twelve photographs hang along the walls of a CSS 3D corridor an","k":"section","s":"beste-ui","c":"marketing/hero","tg":["3d","animated"],"sb":"Animated background","sy":["3d","animated"]},{"id":"beste-ui:hero208","t":"Northern Lights Hero","d":"A nordic lodge hero over the aurora-sky background component: folding northern-lights curt","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","gradient"],"sb":"Animated background","sy":["animated","gradient"]},{"id":"beste-ui:hero209","t":"ASCII Render Hero","d":"A developer tool hero over the ascii-render component: a rotating lattice form and driftin","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","retro and HUD"],"sb":"Animated background","sy":["animated","retro and HUD"]},{"id":"beste-ui:hero210","t":"Harmonograph Hero","d":"A centered gallery-print hero built on the harmonograph component: on a round plate, a sin","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero211","t":"Magnetic Field Hero","d":"A minimal hero over the magnetic-field background component: a Canvas 2D field of iron fil","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","minimal"],"sb":"Animated background","sy":["animated","minimal"]},{"id":"beste-ui:hero212","t":"Trivision Hero","d":"A festival hero for graphic design in public space whose headline is a trivision board bui","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero213","t":"Morphing Blob Hero","d":"A warm, muted split hero with an eyebrow, a soft serif headline, a short intro, an Arrow P","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero214","t":"Liquid Lookbook Hero","d":"A fashion lookbook hero built on the liquid-slides component: photos swap through a noise-","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero215","t":"Warp Drive Hero","d":"A dark aerospace hero over the warp-field background component: a Canvas 2D starfield stre","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","neon"],"sb":"Animated background","sy":["animated","neon"]},{"id":"beste-ui:hero216","t":"Reaction Diffusion Hero","d":"A materials lab hero over the reaction-diffusion background component: a live Gray-Scott s","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","webgl"],"sb":"Animated background","sy":["animated","webgl"]},{"id":"beste-ui:hero217","t":"Ink Fluid Hero","d":"A contemporary art foundation hero over the ink-fluid background component: a real-time st","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","neon"],"sb":"Animated background","sy":["animated","neon"]},{"id":"beste-ui:hero218","t":"CRT Broadcast Hero","d":"A late-night broadcast hero built on the crt-screen component: a tube television whose pic","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","retro and HUD","webgl"],"sb":"Animated background","sy":["animated","retro and HUD","webgl"]},{"id":"beste-ui:hero219","t":"Split Flap Board Hero","d":"A night-train hero built around the split-flap component: a dark departure board of CSS 3D","k":"section","s":"beste-ui","c":"marketing/hero","tg":["3d","animated"],"sb":"Animated background","sy":["3d","animated"]},{"id":"beste-ui:hero220","t":"Paper Cut Hero","d":"A children's book publisher hero over the paper-landscape background component: six layere","k":"section","s":"beste-ui","c":"marketing/hero","tg":["3d","animated"],"sb":"Animated background","sy":["3d","animated"]},{"id":"beste-ui:hero221","t":"Afternoon Blinds Hero","d":"A warm interiors hero over the sun-blinds background component: afternoon sunlight through","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero222","t":"Concertina Book Hero","d":"A pinned scroll hero for a bindery built on the concertina-book component: under a serif h","k":"section","s":"beste-ui","c":"marketing/hero","tg":["3d","animated"],"sb":"Animated background","sy":["3d","animated"]},{"id":"beste-ui:hero223","t":"Fragrance Orbit Hero","d":"A luxury perfume hero built on the text-orbit component: a circular product photo encircle","k":"section","s":"beste-ui","c":"marketing/hero","tg":["3d","animated","webgl"],"sb":"Animated background","sy":["3d","animated","webgl"]},{"id":"beste-ui:hero224","t":"Pixel Sort Hero","d":"A nightlife hero for a record label built on the pixel-distort background component: a ful","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","retro and HUD"],"sb":"Animated background","sy":["animated","retro and HUD"]},{"id":"beste-ui:hero225","t":"Pulsar Ridgelines Hero","d":"A record label hero beside a square cover panel built on the ridgelines background compone","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero226","t":"Murmuration Hero","d":"A dusk hero for an estuary nature reserve over the murmuration background component: thous","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero227","t":"String Art Hero","d":"A weaving school hero built on the string-art component: a round board ringed with nails w","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero228","t":"Ferrofluid Hero","d":"A loudspeaker maker's hero beside the ferrofluid component: a glossy black pool of magneti","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero229","t":"Kaleidoscope Hero","d":"A botanical perfume hero built on the kaleidoscope component: a photo of poppies folded li","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","glass"],"sb":"Animated background","sy":["animated","glass"]},{"id":"beste-ui:hero230","t":"Cyanotype Hero","d":"A herbarium hero on the cyanotype background component: procedurally drawn ferns, grasses,","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero231","t":"Rain on Glass Hero","d":"A late-night listening bar hero seen through a rainy window, built on the rain-glass backg","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","glass","neon"],"sb":"Animated background","sy":["animated","glass","neon"]},{"id":"beste-ui:hero232","t":"Growing Tree Hero","d":"A tea house hero built on the growing-tree component: beside a serif headline, an intro, a","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero233","t":"Liquid Glass Hero","d":"A glassblowing studio hero whose headline fills the stage under drops of clear liquid glas","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","glass","webgl"],"sb":"Animated background","sy":["animated","glass","webgl"]},{"id":"beste-ui:hero234","t":"Letterpress Hero","d":"A print-shop hero built on the letterpress component: the headline is pressed into a full ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero235","t":"Bauhaus Composition Hero","d":"A design school hero on a strict twelve-column grid: a heavy sans headline, an intro and a","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero236","t":"Candle Flame Hero","d":"A quiet hero for a candle maker on a dark, warm ground, built on the candle-flame componen","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","webgl"],"sb":"Animated background","sy":["animated","webgl"]},{"id":"beste-ui:hero237","t":"Wheat Field Hero","d":"A heritage grain mill hero over the wheat-field background component: a field of ripe whea","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero238","t":"Curtain Reveal Hero","d":"A pinned-scroll concert hall hero built on the curtain-reveal component: a heavy crimson v","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero239","t":"Anamorphic Type Hero","d":"A centered hero for an installation studio built on the anamorphic-type component: the hea","k":"section","s":"beste-ui","c":"marketing/hero","tg":["3d","animated"],"sb":"Animated background","sy":["3d","animated"]},{"id":"beste-ui:hero240","t":"Aperture Reveal Hero","d":"A lens maker's pinned scroll hero over the aperture-reveal component. The section opens on","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero241","t":"Silk Drape Hero","d":"A couture silk house hero over the silk-drape background component: a full-bleed length of","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero242","t":"Cloud Flight Hero","d":"An evening balloon flight hero over the cloud-sky background component: layers of golden-h","k":"section","s":"beste-ui","c":"marketing/hero","tg":["3d","animated"],"sb":"Animated background","sy":["3d","animated"]},{"id":"beste-ui:hero243","t":"Day to Night Hero","d":"A pinned-scroll architecture studio hero built on the photo-relight component: one photogr","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero244","t":"Koi Pond Hero","d":"A tea garden hero over the koi-pond background component: koi seen from above swim with a ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero245","t":"Desert Dunes Hero","d":"A hero for a desert camp over the dune-field background component: a photoreal desert at g","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","webgl"],"sb":"Animated background","sy":["animated","webgl"]},{"id":"beste-ui:hero246","t":"Impasto Painting Hero","d":"A hero for a maker of hand-milled oil colors, split between a column of copy and a large l","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero247","t":"Type Window Hero","d":"A pinned scroll hero for an expedition company. A giant heavy word is cut out of the page ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero248","t":"Sketch to Photo Hero","d":"A pinned scroll hero for an architecture and interiors studio on warm drawing paper, built","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","playful"],"sb":"Animated background","sy":["animated","playful"]},{"id":"beste-ui:hero249","t":"Slice Assembly Hero","d":"A pinned scroll hero for a fashion label built on the slice-assembly component: an editori","k":"section","s":"beste-ui","c":"marketing/hero","tg":["3d","animated"],"sb":"Animated background","sy":["3d","animated"]},{"id":"beste-ui:hero250","t":"Reeded Light Hero","d":"A full-bleed lighting-studio hero over the reeded-light background component: a slow proce","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","glass","neon"],"sb":"Animated background","sy":["animated","glass","neon"]},{"id":"beste-ui:hero251","t":"Gallery Rail Hero","d":"A pinned scroll hero for a photography exhibition built on the gallery-rail component: the","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero252","t":"Zoom Parallax Hero","d":"A pinned scroll hero for a design hotel built on the zoom-parallax component: seven photog","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero253","t":"Expanding Frame Hero","d":"A pinned scroll hero for an architecture studio built on the expanding-frame component: a ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero254","t":"Photo Ring Hero","d":"A portrait photography hero built on the photo-ring component: twelve portraits stand on a","k":"section","s":"beste-ui","c":"marketing/hero","tg":["3d","animated"],"sb":"Animated background","sy":["3d","animated"]},{"id":"beste-ui:hero255","t":"Counter Columns Hero","d":"A split hero for an editorial studio built on the counter-columns component: on the right,","k":"section","s":"beste-ui","c":"marketing/hero","tg":["3d","animated"],"sb":"Animated background","sy":["3d","animated"]},{"id":"beste-ui:hero256","t":"Line Engraving Hero","d":"A private bank hero on warm paper, built on the line-engraving component: a portrait recut","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero257","t":"Photo Dust Hero","d":"A pinned scroll hero for a perfume house built on the photo-dust component: on the page ba","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","glass"],"sb":"Animated background","sy":["animated","glass"]},{"id":"beste-ui:hero258","t":"Star Trails Hero","d":"A full-bleed dark-sky lodge hero over the star-trails background component: a long-exposur","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero259","t":"Ocean Horizon Hero","d":"A full-bleed sailing charter hero over the ocean-horizon background component: the open se","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","neon"],"sb":"Animated background","sy":["animated","neon"]},{"id":"beste-ui:hero260","t":"Marble Slab Hero","d":"A full-bleed stone atelier hero over the marble-slab background component: polished, book-","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero261","t":"Mesh Gradient Hero","d":"A full-bleed product hero over the mesh-gradient background component: six soft color fiel","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","gradient"],"sb":"Animated background","sy":["animated","gradient"]},{"id":"beste-ui:hero262","t":"Wave Gradient Hero","d":"A dark audio product hero over the wave-gradient background component: layered color ribbo","k":"section","s":"beste-ui","c":"marketing/hero","tg":["3d","animated","gradient"],"sb":"Animated background","sy":["3d","animated","gradient"]},{"id":"beste-ui:hero263","t":"Conic Glow Hero","d":"A dark, centered conference hero over the conic-gradient background component: a two-armed","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","gradient","neon"],"sb":"Animated background","sy":["animated","gradient","neon"]},{"id":"beste-ui:hero264","t":"Lava Lamp Flavor Hero","d":"A full-bleed drinks hero over the blob-gradient background component: glowing colored blob","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","gradient","neon"],"sb":"Animated background","sy":["animated","gradient","neon"]},{"id":"beste-ui:hero265","t":"Fluid Gradient Hero","d":"A split record release hero over the fluid-gradient background component: a large rounded ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","gradient"],"sb":"Animated background","sy":["animated","gradient"]},{"id":"beste-ui:hero266","t":"Light Leak Hero","d":"A dark film photography hero over the light-leak background component: warm blooms of ligh","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"]},{"id":"beste-ui:hero267","t":"Planet Horizon Hero","d":"A centered hero over the orb-gradient background component: a huge gradient planet sits mo","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","gradient","neon"],"sb":"Animated background","sy":["animated","gradient","neon"]},{"id":"beste-ui:hero268","t":"Mosaic Bento Hero","d":"A warm bento hero over the mosaic-gradient background component: a plain card with the hea","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","gradient","webgl"],"sb":"Animated background","sy":["animated","gradient","webgl"]},{"id":"beste-ui:hero269","t":"Folded Poster Hero","d":"A warm paper hero for a print fair built around the fold-gradient background component: a ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","gradient"],"sb":"Animated background","sy":["animated","gradient"]},{"id":"beste-ui:hero270","t":"Smoke Type Hero","d":"A dark fragrance hero over the smoke-gradient background component, seen only through the ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","gradient"],"sb":"Animated background","sy":["animated","gradient"]},{"id":"beste-ui:hero271","t":"Arched Window Sky Hero","d":"A warm paper hospitality hero built around one tall arched window: inside it, the horizon-","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","gradient"],"sb":"Animated background","sy":["animated","gradient"]},{"id":"beste-ui:hero272","t":"Prism Light Panel Hero","d":"A split hero for a stage lighting studio: copy on the theme background to the left, and to","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","gradient","webgl"],"sb":"Animated background","sy":["animated","gradient","webgl"]},{"id":"beste-ui:hero273","t":"Vortex Portal Hero","d":"A light editorial hero with a circular portal: the vortex-gradient background component tu","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","gradient","neon"],"sb":"Animated background","sy":["animated","gradient","neon"]},{"id":"beste-ui:hero274","t":"Frosted Glass Launch Hero","d":"A full-bleed product launch hero over the frosted-gradient background component: warm and ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","glass","gradient"],"sb":"Animated background","sy":["animated","glass","gradient"]},{"id":"beste-ui:hero275","t":"Bokeh Band Hero","d":"An editorial concert hero built around a band of the bokeh-gradient background component: ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["3d","animated","gradient"],"sb":"Animated background","sy":["3d","animated","gradient"]},{"id":"beste-ui:hero276","t":"Ripple Water Hero","d":"A calm wellness hero over the ripple-gradient background component: the lower half of the ","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","gradient"],"sb":"Animated background","sy":["animated","gradient"]},{"id":"beste-ui:hero277","t":"Tabbed Live Product Demo Hero","d":"A centered hero with eyebrow, heading, description and two buttons above one borderless st","k":"section","s":"beste-ui","c":"marketing/hero","tg":["glass","gradient"],"sb":"With product shot","sy":["glass","gradient"]},{"id":"beste-ui:hero278","t":"Analytics Hero With Glass Card Cluster","d":"A hero with the eyebrow and heading on the left and the description with two buttons on th","k":"section","s":"beste-ui","c":"marketing/hero","tg":["glass","gradient","webgl"],"sb":"SaaS and AI","sy":["glass","gradient","webgl"]},{"id":"beste-ui:hero279","t":"Install Snippet Split Hero","d":"A split hero for a developer product. The left column holds an eyebrow, a heading, one par","k":"section","s":"beste-ui","c":"marketing/hero","tg":["glass"],"sb":"Split","sy":["glass"]},{"id":"beste-ui:hero280","t":"Split Hero With Marble Stage","d":"A split hero with the eyebrow, heading, description and two buttons set on the page beside","k":"section","s":"beste-ui","c":"marketing/hero","tg":["glass"],"sb":"Split","sy":["glass"]},{"id":"beste-ui:hero281","t":"Calm Hero With Floating Session Player","d":"A hero built as one borderless stage filled with a live sea and sky effect. On desktop the","k":"section","s":"beste-ui","c":"marketing/hero","tg":["glass"],"sb":"SaaS and AI","sy":["glass"]},{"id":"beste-ui:hero282","t":"Retouching Hero With Before And After Stage","d":"A hero for a photography and retouching studio. The eyebrow and a large heading run across","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero283","t":"Paper Landscape Hero With Impact Cards","d":"A hero built on one tall borderless stage that holds a layered paper-cut landscape whose p","k":"section","s":"beste-ui","c":"marketing/hero","tg":["animated","glass"],"sb":"Animated background","sy":["animated","glass"]},{"id":"beste-ui:hero284","t":"Split Hero With Floating Prompt Composer","d":"A split hero for an AI research product: eyebrow, heading, description and a button on the","s":"beste-ui","c":"ai-agent/composer","tg":["glass"],"sy":["glass"]},{"id":"beste-ui:hero285","t":"Studio Hero With Notched Poster Stage","d":"A hero built on one large borderless artwork stage of fixed height that holds a living geo","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:hero286","t":"Sunlit Wall Hero With Glass Booking Cards","d":"A split hero for a hotel or booking product. The eyebrow, heading, description and two but","k":"section","s":"beste-ui","c":"marketing/hero","tg":["glass"],"sb":"SaaS and AI","sy":["glass"]},{"id":"beste-ui:legal1","t":"Cookie Consent Banner","d":"Displays a cookie notification with accept, reject, and customize buttons. Perfect for GDP","s":"beste-ui","c":"overlays/alert-banner"},{"id":"beste-ui:legal2","t":"Privacy Policy Accordion","d":"Shows privacy policy content with expandable accordion sections for each topic. Perfect fo","s":"beste-ui","c":"data-display/accordion"},{"id":"beste-ui:legal3","t":"Terms of Service Summary","d":"Displays key terms with color-coded icons for allowed, prohibited, and important points. P","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:legal4","t":"GDPR Data Rights Panel","d":"Lists user data rights (access, rectify, erase, restrict, export) with request buttons. Pe","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:legal5","t":"Data Processing Agreement Card","d":"Shows DPA details with controller/processor parties, dates, and processing purposes. Perfe","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:legal6","t":"Consent Preferences Manager","d":"Displays cookie categories with toggle switches to manage consent preferences. Perfect for","k":"layout","s":"beste-ui","c":"flows/settings"},{"id":"beste-ui:legal7","t":"Legal Disclaimer Banner","d":"Shows a disclaimer message with warning or info styling and last updated date. Perfect for","s":"beste-ui","c":"overlays/alert-banner"},{"id":"beste-ui:legal8","t":"Age Verification Gate","d":"Displays an age verification prompt with configurable minimum age and confirm/deny buttons","s":"beste-ui","c":"ai-agent/composer"},{"id":"beste-ui:legal9","t":"Copyright Footer","d":"Shows copyright notice, trademark attributions, and links to legal pages. Perfect for webs","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:legal10","t":"DMCA Takedown Notice","d":"Guides users through DMCA submission with numbered steps and warnings. Perfect for copyrig","s":"beste-ui","c":"overlays/alert-banner"},{"id":"beste-ui:legal11","t":"Compliance Checklist","d":"Displays regulatory requirements with checkmarks, progress bar, and completion percentage.","s":"beste-ui","c":"inputs/checkbox"},{"id":"beste-ui:legal12","t":"NDA Template Card","d":"Shows NDA details with type (mutual/unilateral), duration, and key terms covered. Perfect ","k":"page","s":"beste-ui","c":"pages/templates"},{"id":"beste-ui:legal13","t":"Software License Card","d":"Displays license type with allowed permissions and limitations in checkmark format. Perfec","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:legal14","t":"Compliance Badges Grid","d":"Shows certification badges in a grid with verified checkmarks and in-progress states. Perf","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:legal15","t":"Data Retention Policy","d":"Lists data categories with types, retention periods, and deletion methods. Perfect for tra","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:legal16","t":"Cookie Categories Explainer","d":"Explains cookie types (essential, functional, analytics, marketing) with icons and example","s":"beste-ui","c":"overlays/alert-banner","tg":["playful"],"sy":["playful"]},{"id":"beste-ui:legal17","t":"Document Version Timeline","d":"Shows document revision history in a vertical timeline with version numbers and summaries.","s":"beste-ui","c":"data-display/timeline"},{"id":"beste-ui:legal18","t":"Legal Contact Card","d":"Displays legal department contact information including address, email, phone, and hours. ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Contact"},{"id":"beste-ui:legal19","t":"Accessibility Statement","d":"Shows WCAG conformance level, accessibility features, and issue reporting options. Perfect","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:legal20","t":"Financial Disclaimer","d":"Displays investment risk warnings with gain/loss icons and bullet-point cautions. Perfect ","k":"resource","s":"beste-ui","c":"assets/icon"},{"id":"beste-ui:legal21","t":"Medical Disclaimer","d":"Shows healthcare warnings with an emergency notice section for critical situations. Perfec","s":"beste-ui","c":"overlays/alert-banner"},{"id":"beste-ui:legal22","t":"Affiliate Disclosure","d":"Displays FTC-compliant disclosure with affiliate network badges and transparency text. Per","s":"beste-ui","c":"data-display/accordion"},{"id":"beste-ui:legal23","t":"Testimonial Disclaimer","d":"Shows disclaimer about customer testimonials with star decoration and important notes. Per","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:legal24","t":"Earnings Disclaimer","d":"Displays income disclaimer with warnings about results varying based on effort. Perfect fo","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:legal25","t":"Refund Policy Card","d":"Shows refund period badge, eligible conditions, and exclusions with a request button. Perf","s":"beste-ui","c":"data-display/card","tg":["playful"],"sy":["playful"]},{"id":"beste-ui:legal26","t":"Data Breach Notification","d":"Incident notification card for data breaches with severity badge, affected data types, tim","s":"beste-ui","c":"overlays/notifications"},{"id":"beste-ui:legal27","t":"AI Disclosure Notice","d":"Transparency card disclosing the use of AI and automated decision-making. Lists AI capabil","s":"beste-ui","c":"ai-agent/ai-agent"},{"id":"beste-ui:legal28","t":"Terms Acceptance Card","d":"Formal terms and conditions acceptance card with individual checkboxes for each agreement.","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:legal29","t":"Acceptable Use Policy","d":"Lists allowed and prohibited usage of a service or platform with check and cross icons. In","k":"section","s":"beste-ui","c":"marketing/features","sb":"Comparison"},{"id":"beste-ui:legal30","t":"SLA Guarantee Card","d":"Service Level Agreement card showing uptime guarantee percentage, compensation tiers for d","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:legal31","t":"Open Source Attribution","d":"Displays open source package attributions with license types, authors, and links to reposi","s":"beste-ui","c":"inputs/search"},{"id":"beste-ui:legal32","t":"Dispute Resolution Card","d":"Outlines the dispute resolution process with numbered steps from informal negotiation to b","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:legal33","t":"Export Compliance Notice","d":"Displays export control and sanctions compliance information with restricted regions list ","s":"beste-ui","c":"overlays/alert-banner"},{"id":"beste-ui:legal34","t":"Children's Privacy Notice","d":"COPPA-compliant children's privacy notice with age restrictions, parental consent details,","s":"beste-ui","c":"overlays/alert-banner"},{"id":"beste-ui:legal35","t":"Intellectual Property Notice","d":"Displays trademark, patent, and copyright ownership information with registration details ","s":"beste-ui","c":"overlays/alert-banner"},{"id":"beste-ui:legal36","t":"Whistleblower Policy Card","d":"Anonymous reporting and whistleblower protection policy with reporting channels, protectio","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:legal37","t":"Indemnification Notice","d":"Outlines indemnification obligations with covered scenarios and exclusions. Shows which pa","s":"beste-ui","c":"overlays/alert-banner"},{"id":"beste-ui:legal38","t":"Limitation of Liability","d":"Displays liability caps, excluded damages, and maximum liability amounts. A standard claus","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:legal39","t":"Force Majeure Clause","d":"Force majeure card listing qualifying events that excuse performance, notification require","s":"beste-ui","c":"overlays/notifications"},{"id":"beste-ui:legal40","t":"Confidentiality Agreement Card","d":"Summarizes confidentiality obligations with what is considered confidential, permitted dis","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:legal41","t":"Privacy Policy Summary","d":"Simple privacy policy overview card listing key data practices. Ideal for sign-up flows, f","k":"layout","s":"beste-ui","c":"flows/sign-in","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:legal42","t":"Terms of Service","d":"Text-focused terms of service card with numbered sections. Each section has a heading and ","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:legal43","t":"Privacy Policy Page","d":"Full privacy policy content card with sections covering data collection, usage, sharing, r","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:legal44","t":"Cookie Policy","d":"Cookie policy card listing each cookie type with name, description, and required/optional ","s":"beste-ui","c":"overlays/alert-banner"},{"id":"beste-ui:legal45","t":"End User License Agreement","d":"EULA card with numbered clauses covering license grant, restrictions, IP, warranties, and ","s":"beste-ui","c":"data-display/card","sb":"Profile"},{"id":"beste-ui:legal46","t":"Privacy FAQ Accordion","d":"Expandable privacy FAQ using accordion pattern. Each question reveals a detailed answer on","s":"beste-ui","c":"data-display/accordion","sb":"FAQ"},{"id":"beste-ui:legal47","t":"Data Retention Table","d":"Table-based data retention schedule showing category, retention period, and legal basis pe","s":"beste-ui","c":"data-display/table"},{"id":"beste-ui:legal48","t":"Data Request Process Timeline","d":"Vertical timeline showing the step-by-step process for handling data requests. Numbered st","s":"beste-ui","c":"data-display/timeline"},{"id":"beste-ui:legal49","t":"Regulatory Notice Blocks","d":"Color-coded regulatory notices with info, warning, and critical severity levels. Each noti","s":"beste-ui","c":"overlays/alert-banner"},{"id":"beste-ui:legal50","t":"Tabbed Platform Policies","d":"Multi-section policy card using tabs to switch between data use, security, cookies, and us","s":"beste-ui","c":"navigation/tabs"},{"id":"beste-ui:legal51","t":"Rights Comparison Table","d":"Two-column comparison table showing data rights and privacy features by plan tier. Badge-s","k":"section","s":"beste-ui","c":"marketing/comparison"},{"id":"beste-ui:legal52","t":"Policy Document With Table Of Contents","d":"A readable policy page with a last-updated line, a sticky hairline table of contents that ","s":"beste-ui","c":"data-display/table"},{"id":"beste-ui:legal53","t":"Trust And Compliance Overview","d":"A compliance section pairing four hairline certification cards, each with an accent icon a","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:legal54","t":"Subprocessor Register","d":"A legal section publishing every subprocessor as a scrollable hairline table with purpose,","k":"layout","s":"beste-ui","c":"flows/sign-in","sb":"Sign up"},{"id":"beste-ui:legal55","t":"Plain Words Terms Table","d":"A legal section that sets each binding clause against a plain-language reading of it on ha","s":"beste-ui","c":"data-display/table","hc":1},{"id":"beste-ui:legal56","t":"Data Rights Request","d":"A legal section listing four data rights as hairline cards, each with an icon tile and a r","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:legal57","t":"Cookie Preference Centre","d":"An interactive cookie notice with four hairline categories on live switches, a locked requ","s":"beste-ui","c":"overlays/alert-banner"},{"id":"beste-ui:legal58","t":"Reprint Permissions In Three Columns","d":"A licence written as three plain columns, what is allowed outright, what needs an email fi","k":"motion","s":"beste-ui","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:legal59","t":"Readable Policy","d":"A legal page meant to be read: a serif heading that settles in word by word, a revision da","s":"beste-ui","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"]},{"id":"beste-ui:logos6","t":"Logo Grid with Card Backgrounds","d":"Responsive grid of partner or client logos. Each logo sits inside a softly tinted, rounded","k":"resource","s":"beste-ui","c":"assets/logo","sb":"Dev tools"},{"id":"beste-ui:logos7","t":"Logo Cloud","d":"Centered grid of client wordmarks with a trusted-by intro.","k":"resource","s":"beste-ui","c":"assets/logo","sb":"Dev tools"},{"id":"beste-ui:logos8","t":"Logo Marquee","d":"Full-bleed auto-scrolling client wordmark marquee with edge fades.","k":"resource","s":"beste-ui","c":"assets/logo","sb":"Dev tools"},{"id":"beste-ui:logos9","t":"Logo Grid Wall","d":"Partitioned bordered grid of client wordmark cells.","k":"resource","s":"beste-ui","c":"assets/logo","sb":"Dev tools"},{"id":"beste-ui:logos10","t":"Logos Split","d":"Headline and blurb beside a grid of client wordmarks.","k":"resource","s":"beste-ui","c":"assets/logo","sb":"Dev tools"},{"id":"beste-ui:logos11","t":"Logos With Stat","d":"A headline stat of trust above a centered row of client wordmarks.","k":"resource","s":"beste-ui","c":"assets/logo","sb":"Dev tools"},{"id":"beste-ui:logos12","t":"Hairline Client Wall","d":"A client wall that sets six greyscale logos in a hairline cell grid, each lifting to full ","k":"resource","s":"beste-ui","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"beste-ui:logos13","t":"Ruled Client Roster","d":"Client proof band with a parenthetical eyebrow, a display heading beside a supporting para","k":"resource","s":"beste-ui","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"beste-ui:logos14","t":"Logo Marquee Panel","d":"Soft panel carrying a centered statement over an endlessly scrolling logo track with gradi","k":"resource","s":"beste-ui","c":"assets/logo","tg":["gradient","webgl"],"sb":"Dev tools","sy":["gradient","webgl"]},{"id":"beste-ui:logos15","t":"Sector Grouped Client Index","d":"Client proof organised by sector: each ruled row names the sector, explains the kind of wo","k":"resource","s":"beste-ui","c":"assets/logo","sb":"Dev tools"},{"id":"beste-ui:logos16","t":"Press Quote Card","d":"A single raised card holding three publication marks side by side, each with the line that","k":"resource","s":"beste-ui","c":"assets/logo","tg":["webgl"],"sb":"Dev tools","sy":["webgl"]},{"id":"beste-ui:logos17","t":"Noticed By Row","d":"A press row: a serif heading that settles in word by word beside a pill action, then six g","k":"resource","s":"beste-ui","c":"assets/logo","tg":["animated"],"sb":"Dev tools","sy":["animated"]},{"id":"beste-ui:logos18","t":"Press Notes","d":"Three press mentions under a centred serif heading that settles in word by word: each rule","k":"resource","s":"beste-ui","c":"assets/logo","tg":["animated","webgl"],"sb":"Dev tools","sy":["animated","webgl"]},{"id":"beste-ui:logos19","t":"Logo Cloud","d":"A quiet logo cloud: a small-caps line of context, a seamless right-to-left marquee of grey","k":"resource","s":"beste-ui","c":"assets/logo","tg":["animated"],"sb":"Dev tools","sy":["animated"]},{"id":"beste-ui:logos20","t":"Client Wordmarks Over A Line Field","d":"A client section with the eyebrow, heading and description above one wide borderless stage","k":"resource","s":"beste-ui","c":"assets/logo","tg":["animated","glass"],"sb":"Dev tools","sy":["animated","glass"]},{"id":"beste-ui:navbar19","t":"Mega Menu Navbar","d":"Full-width mega menu navbar with multi-column product dropdowns, icon-enhanced links, and ","s":"beste-ui","c":"navigation/top-nav","sb":"Mega menus"},{"id":"beste-ui:navbar30","t":"Centered Logo Split Nav","d":"Symmetrical navbar with centered logo flanked by navigation links on both sides and dropdo","k":"resource","s":"beste-ui","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"beste-ui:navbar31","t":"Animated Underline Navbar","d":"Minimal navbar with configurable animated underline effects (slide, grow, or fade) on navi","s":"beste-ui","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:navbar32","t":"Search Focused Navbar","d":"Navbar with prominent search input, navigation links, and action button for search-driven ","s":"beste-ui","c":"navigation/top-nav","sb":"With search"},{"id":"beste-ui:navbar33","t":"Multi Level Dropdown Nav","d":"Navbar with hover-activated dropdowns supporting nested sub-menus for deep navigation hier","s":"beste-ui","c":"navigation/top-nav","sb":"Mega menus"},{"id":"beste-ui:navbar34","t":"Sidebar Drawer Navbar","d":"Navbar with slide-in sidebar drawer featuring grouped navigation sections and overlay back","s":"beste-ui","c":"navigation/top-nav","sb":"Mobile"},{"id":"beste-ui:navbar35","t":"Sliding Indicator Navbar","d":"Responsive navbar with animated sliding underline indicator that follows hover and highlig","s":"beste-ui","c":"navigation/top-nav"},{"id":"beste-ui:navbar36","t":"Tab Style Navbar","d":"Navbar with tab-style navigation supporting underline or pill active states for app-like n","s":"beste-ui","c":"navigation/top-nav"},{"id":"beste-ui:navbar37","t":"Floating Pill Navbar","d":"Centered floating navbar with rounded pill shape, backdrop blur effect, and compact layout","s":"beste-ui","c":"navigation/top-nav","tg":["minimal"],"sb":"Floating","sy":["minimal"]},{"id":"beste-ui:navbar38","t":"Dual Row Navbar","d":"Two-tier navbar with slim top bar for announcements and contact info above main navigation","s":"beste-ui","c":"navigation/top-nav"},{"id":"beste-ui:navbar39","t":"Command Palette Navbar","d":"Developer-focused navbar with Cmd+K command palette for keyboard-driven navigation and act","s":"beste-ui","c":"navigation/top-nav","sb":"With search"},{"id":"beste-ui:navbar40","t":"Breadcrumb Navbar","d":"Two-row navbar with main navigation and secondary breadcrumb bar for hierarchical content ","s":"beste-ui","c":"navigation/top-nav"},{"id":"beste-ui:navbar41","t":"Editorial Studio Navbar","d":"Two-tier studio navbar with an availability utility strip, square-mark wordmark, index-num","s":"beste-ui","c":"navigation/top-nav"},{"id":"beste-ui:navbar42","t":"Grid Cell Navbar","d":"Table-inspired navbar with full-height bordered link cells, an availability cell and a dar","s":"beste-ui","c":"navigation/top-nav"},{"id":"beste-ui:navbar43","t":"Dark Announcement Navbar","d":"Dark studio navbar with a primary announcement bar, wordmark with tagline divider, upperca","s":"beste-ui","c":"navigation/top-nav"},{"id":"beste-ui:navbar44","t":"Centered Logo Navbar","d":"Symmetric navbar with links on the left, a square-mark wordmark centered and a seal CTA on","k":"resource","s":"beste-ui","c":"assets/logo","sb":"Dev tools"},{"id":"beste-ui:navbar45","t":"Fullscreen Overlay Navbar","d":"Dark navbar with a hamburger menu cell that opens a fullscreen overlay — the panel and its","s":"beste-ui","c":"navigation/top-nav"},{"id":"beste-ui:navbar46","t":"Submenu Navbar","d":"Studio navbar with hover dropdown submenus on desktop, described sublinks, a seal CTA and ","s":"beste-ui","c":"navigation/top-nav","sb":"Mega menus"},{"id":"beste-ui:navbar47","t":"Mega Menu Navbar","d":"Studio navbar whose Work item opens a full-width mega panel with category links and three ","s":"beste-ui","c":"navigation/top-nav","tg":["webgl"],"sb":"Mega menus","sy":["webgl"]},{"id":"beste-ui:navbar48","t":"Masthead Navbar","d":"Print-inspired masthead navbar with a giant centered wordmark flanked by studio meta and c","s":"beste-ui","c":"navigation/top-nav"},{"id":"beste-ui:navbar49","t":"Drawer Navbar","d":"Minimal navbar with an availability status whose menu opens a dark right-side drawer — num","s":"beste-ui","c":"navigation/top-nav","tg":["minimal"],"sb":"Mobile","sy":["minimal"]},{"id":"beste-ui:navbar50","t":"Floating Card Navbar","d":"Detached floating navbar card with a square-mark wordmark, uppercase links and a compact s","s":"beste-ui","c":"navigation/top-nav","sb":"Floating"},{"id":"beste-ui:navbar51","t":"Tab Bar Navbar","d":"Two-row navbar with brand, availability status and seal CTA on top, and an underlined acti","s":"beste-ui","c":"navigation/top-nav"},{"id":"beste-ui:navbar52","t":"Letterhead Navbar","d":"Letterhead-style navbar with a stacked brand block beside stacked rows of location, email ","s":"beste-ui","c":"navigation/top-nav"},{"id":"beste-ui:navbar53","t":"Dark Mega Menu Navbar","d":"Dark studio navbar whose Services item opens a mega panel with three eyebrow-titled link c","s":"beste-ui","c":"navigation/top-nav","tg":["webgl"],"sb":"Mega menus","sy":["webgl"]},{"id":"beste-ui:navbar54","t":"Multi Mega Menu Navbar","d":"Navbar where multiple items each open their own mega panel — three eyebrow-titled columns ","s":"beste-ui","c":"navigation/top-nav","tg":["webgl"],"sb":"Mega menus","sy":["webgl"]},{"id":"beste-ui:navbar55","t":"Editorial Mega Menu Navbar","d":"Navbar with an editorial split mega panel — eyebrow statement and seal CTA on the left, a ","s":"beste-ui","c":"navigation/top-nav","sb":"Mega menus"},{"id":"beste-ui:navbar56","t":"Giant Wordmark Navbar","d":"Typographic statement navbar — a hairline row of index-numbered links and availability abo","k":"resource","s":"beste-ui","c":"assets/logo","sb":"Dev tools"},{"id":"beste-ui:navbar57","t":"Display Type Navbar","d":"Typographic navbar where the links are the heroes — a hairline brand row above a full-widt","s":"beste-ui","c":"navigation/top-nav"},{"id":"beste-ui:navbar58","t":"Monogram Navbar","d":"Minimal stacked navbar — a large primary logo square with the wordmark tucked into its cor","s":"beste-ui","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:navbar59","t":"Studio Bar Navbar","d":"Editorial single-row navbar — bold wordmark, quiet bold links, and an outline pill CTA. Co","s":"beste-ui","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:navbar60","t":"Mega Studio Navbar","d":"Full mega-menu navbar — bold links open three-column panels with parenthetical section lab","s":"beste-ui","c":"navigation/top-nav","tg":["webgl"],"sb":"Mega menus","sy":["webgl"]},{"id":"beste-ui:navbar61","t":"Use Case Mega Navbar","d":"Navbar with a marked wordmark and a pill-highlighted trigger that drops a floating rounded","s":"beste-ui","c":"navigation/top-nav","sb":"Mega menus"},{"id":"beste-ui:navbar62","t":"Announcement Marquee Navbar","d":"Navbar with a dark scrolling announcement bar on top — looping links that pause on hover a","s":"beste-ui","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:navbar63","t":"Floating Pill Navbar","d":"A floating rounded-full navbar island resting on a muted band — wordmark, quiet links and ","s":"beste-ui","c":"navigation/top-nav","sb":"Floating"},{"id":"beste-ui:navbar64","t":"Fullscreen Overlay Navbar","d":"A quiet top bar whose menu button opens a full-screen overlay — oversized numbered links w","s":"beste-ui","c":"navigation/top-nav"},{"id":"beste-ui:navbar65","t":"Status Tier Navbar","d":"Two-tier navbar — a top strip carries an availability badge with a live dot and utility li","s":"beste-ui","c":"navigation/top-nav"},{"id":"beste-ui:navbar66","t":"Featured Mega Navbar","d":"Mega-menu navbar whose panels lead with a featured project — a full-color image card with ","s":"beste-ui","c":"navigation/top-nav","sb":"Mega menus"},{"id":"beste-ui:navbar67","t":"Poster Split Navbar","d":"Poster-scale navbar — an oversized wordmark anchors the left while a right column stacks t","s":"beste-ui","c":"navigation/top-nav"},{"id":"beste-ui:navbar68","t":"Command Search Navbar","d":"Search-forward navbar — a wide rounded search field sits at the center with an animated su","s":"beste-ui","c":"navigation/top-nav","sb":"With search"},{"id":"beste-ui:navbar69","t":"Promo Mega Navbar","d":"Airy navbar with one mega item and two plain links — its panel pairs grouped link columns ","s":"beste-ui","c":"navigation/top-nav","sb":"Mega menus"},{"id":"beste-ui:navbar70","t":"Dark Three Column Mega Navbar","d":"Inverted bg-foreground navbar with a three-column mega panel — an intro pitch, a numbered ","s":"beste-ui","c":"navigation/top-nav","tg":["webgl"],"sb":"Mega menus","sy":["webgl"]},{"id":"beste-ui:navbar71","t":"Pill Menu Navbar","d":"A light editorial navbar with a lowercase wordmark, soft muted nav pills that reveal hover","s":"beste-ui","c":"navigation/top-nav","sb":"Mega menus"},{"id":"beste-ui:navbar72","t":"Centered Link Navbar","d":"A minimal navbar with a lowercase wordmark, absolutely centered uppercase text links, an a","s":"beste-ui","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:navbar73","t":"Announcement Bar Navbar","d":"A navbar with a dark announcement strip above a hairline-bordered row carrying a lowercase","s":"beste-ui","c":"navigation/top-nav"},{"id":"beste-ui:navbar74","t":"Floating Capsule Navbar","d":"A navbar contained in a softly rounded, bordered capsule with a lowercase wordmark, upperc","s":"beste-ui","c":"navigation/top-nav","sb":"Floating"},{"id":"beste-ui:navbar75","t":"Masthead Navigation With Mega Panel","d":"A publication masthead whose first section opens a full width panel split by hairlines int","s":"beste-ui","c":"navigation/top-nav","sb":"Mega menus"},{"id":"beste-ui:navbar76","t":"Veil Navbar","d":"A sticky, frosted navbar with a serif wordmark, uppercase letter-spaced links that underli","s":"beste-ui","c":"navigation/top-nav","tg":["glass"],"sy":["glass"]},{"id":"beste-ui:navbar77","t":"Centred Wordmark Navbar","d":"A sticky, frosted navbar with the serif wordmark in the centre, uppercase letter-spaced li","k":"resource","s":"beste-ui","c":"assets/logo","tg":["glass"],"sb":"Dev tools","sy":["glass"]},{"id":"beste-ui:navbar78","t":"Classic Navbar","d":"The classic layout in the language: serif wordmark on the left, uppercase letter-spaced li","s":"beste-ui","c":"navigation/top-nav"},{"id":"beste-ui:navbar79","t":"Announcement Navbar","d":"A sticky navbar topped by a thin ink announcement bar with a small-caps link, then a frost","s":"beste-ui","c":"navigation/top-nav","tg":["glass"],"sy":["glass"]},{"id":"beste-ui:navbar80","t":"Photo Mega Navbar","d":"A sticky frosted navbar whose first item opens a full-width panel: a ruled list of serif s","s":"beste-ui","c":"navigation/top-nav","tg":["animated","glass"],"sb":"Mega menus","sy":["animated","glass"]},{"id":"beste-ui:navbar81","t":"Columns Mega Navbar","d":"A sticky frosted navbar with two mega items, each dropping a full-width panel of three sma","s":"beste-ui","c":"navigation/top-nav","tg":["animated","glass","webgl"],"sb":"Mega menus","sy":["animated","glass","webgl"]},{"id":"beste-ui:navbar82","t":"Full Screen Menu Navbar","d":"A minimal bar with a wordmark, a sliding-marker pill and a two-line menu toggle that turns","s":"beste-ui","c":"navigation/top-nav","tg":["animated","minimal"],"sb":"Mega menus","sy":["animated","minimal"]},{"id":"beste-ui:news1","t":"Breaking News Ticker","d":"Animated breaking news ticker with live indicator, category badges, and auto-rotating head","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news2","t":"Featured News Grid","d":"News section with large featured article and side list. Includes category badges, author i","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news3","t":"Live News Feed","d":"Real-time news feed with category tabs, live indicators, trending badges, and source attri","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news4","t":"Magazine News Grid","d":"Magazine-style news section with large featured article and 2x2 grid. Dynamic category fil","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news5","t":"News Timeline","d":"Vertical news timeline with timestamps, breaking news indicators, and optional article ima","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news6","t":"Horizontal News Cards","d":"Horizontal news cards with author info, read time, trending indicators, and hover effects.","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news7","t":"Newspaper Style","d":"Classic newspaper layout with serif typography, featured article spanning two columns, and","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news8","t":"Numbered Headlines","d":"Compact numbered headline list with large index numbers, category badges, and source attri","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news9","t":"Trending Cards Grid","d":"Four-column news card grid with gradient overlays, category badges, and author info.","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["gradient"],"sb":"Blog and posts","sy":["gradient"]},{"id":"beste-ui:news10","t":"Video News Feature","d":"Video-focused news section with large thumbnail, play button overlay, duration badge, and ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news11","t":"Masonry News Grid","d":"Masonry-style news grid with large, medium, and small article cards. Dynamic sizing based ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news12","t":"World News by Region","d":"Global news grid with color-coded region indicators, hot story badges, and source attribut","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news13","t":"Stock Market News","d":"Financial news feed with stock symbols, price changes, trend indicators, volume data, and ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news14","t":"Minimal Big Numbers","d":"Minimal news list with oversized numbers, large typography, and clean dividers. Perfect fo","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"]},{"id":"beste-ui:news15","t":"News Carousel","d":"Featured news carousel with large images, navigation arrows, and progress dots. Side-by-si","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news16","t":"Quick News Bites","d":"Compact quick news list with bullet points, source attribution, and external link indicato","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news17","t":"Sports Match Center","d":"Live sports scores with team form indicators, possession bar, match events (goals, cards),","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news18","t":"Audio News Player","d":"Fully functional audio player with Now Playing card, playlist view, progress bar, skip con","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["playful"],"sb":"Blog and posts","sy":["playful"]},{"id":"beste-ui:news19","t":"Terminal News Feed","d":"Hacker-style terminal with boot sequence animation, typing effects, priority badges, and c","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["retro and HUD"],"sb":"Blog and posts","sy":["retro and HUD"]},{"id":"beste-ui:news20","t":"Vintage Newspaper","d":"Classic newspaper front page layout with masthead, headline hierarchy, three-column text, ","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"beste-ui:news21","t":"Split Flap Display","d":"Retro airport departure board style news ticker with character-by-character flip animation","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["retro and HUD"],"sb":"Blog and posts","sy":["retro and HUD"]},{"id":"beste-ui:news22","t":"Two Perspectives","d":"Side-by-side comparison of different viewpoints on a topic, with color-coded columns and a","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["3d"],"sb":"Blog and posts","sy":["3d"]},{"id":"beste-ui:news23","t":"Weekly Calendar View","d":"News organized by day with calendar-style headers, timeline layout, and category badges.","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news24","t":"Newsletter with Featured","d":"Newsletter signup sidebar with featured story and additional headlines. Sticky subscriptio","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news25","t":"Category Hub","d":"News categories grid with story counts, top story preview, and browse links.","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news26","t":"Opinion & Editorial","d":"Opinion pieces with pull quotes, author profiles, and category badges. Editorial-style lay","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news27","t":"3D Story Carousel","d":"Immersive 3D carousel with stacked cards, smooth transitions, depth effects, and navigatio","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["3d"],"sb":"Blog and posts","sy":["3d"]},{"id":"beste-ui:news28","t":"Data Statistics Dashboard","d":"Data journalism style cards with animated numbers, change indicators, progress bars, and k","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news29","t":"News Stories","d":"Instagram-style story circles with fullscreen viewer, auto-advance progress bars, channel ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news30","t":"Editorial Magazine","d":"Premium magazine-style editorial layout with featured story, author byline, and numbered t","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news31","t":"Bento News Grid","d":"Asymmetric bento box layout with large hero, gradient stat cards, and image tiles in a vis","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["gradient"],"sb":"Blog and posts","sy":["gradient"]},{"id":"beste-ui:news32","t":"Magazine Cover","d":"Editorial magazine layout with dramatic cover story, serif typography, author bylines, and","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news33","t":"Live News Feed","d":"Real-time news timeline with live indicator, breaking/developing badges, timestamps, and c","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news34","t":"Newsletter Preview","d":"Email newsletter style news layout with editor's note, categorized stories, and subscripti","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news35","t":"News Spotlight Theater","d":"Cinematic full-screen news slideshow with animated transitions, auto-play, spotlight effec","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news36","t":"Press Coverage List","d":"A press section built around a soft panel holding the standout quote and its publication, ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news37","t":"Filterable Newsroom Index","d":"A newsroom whose kind pills are derived from the announcements and carry live counts, narr","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"beste-ui:news38","t":"Announcement Story","d":"A single announcement laid out like an article, with a standfirst, a full-bleed captioned ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news39","t":"Inverted Company Announcement","d":"A company update held in one dark panel, pairing a light heading and four supporting figur","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news40","t":"Monthly Digest","d":"A monthly round-up grouped into what shipped, what broke, and what is still undecided, eac","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news41","t":"Press And Brand Kit","d":"A media kit listing downloadable assets as linked hairline rows with their formats, a swat","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news42","t":"Public Incident History","d":"A postmortem archive opening on four hairline reliability figures, then listing every inci","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:news43","t":"Minimal Issue Archive","d":"A narrow archive reduced to one hairline row per issue, the subject line on the left and t","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"]},{"id":"beste-ui:onboarding1","t":"Welcome Hero with Step Indicator","d":"Centered welcome screen featuring a hero image, step counter, and dual CTAs. Perfect for a","s":"beste-ui","c":"navigation/wizard-steps","hc":1},{"id":"beste-ui:onboarding2","t":"Split Layout with Features and Social Proof","d":"Two-column welcome layout with feature checklist, user count, and star ratings alongside a","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding3","t":"Minimal Welcome with Icon","d":"Clean, centered welcome screen with a branded icon, heading, and single call-to-action. Pe","s":"beste-ui","c":"navigation/wizard-steps","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"beste-ui:onboarding4","t":"Video Introduction Screen","d":"Welcome screen featuring a video thumbnail with play overlay and duration badge. Perfect f","s":"beste-ui","c":"navigation/wizard-steps","hc":1},{"id":"beste-ui:onboarding5","t":"Horizontal Steps with Progress Line","d":"Multi-step progress indicator with numbered circles connected by a progress line. Perfect ","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding6","t":"Vertical Timeline Steps","d":"Vertical timeline layout with step indicators, descriptions, and a connecting progress lin","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding7","t":"Progress Bar with Task Checklist","d":"Card-based progress tracker showing completion percentage and a checklist of tasks with vi","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding8","t":"Multi Step Form Wizard","d":"Interactive form wizard with segmented progress bar, form fields, and back/next navigation","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding9","t":"Step Cards with Numbered Indicators","d":"Animated step wizard with square numbered indicators and content cards for each step. Perf","s":"beste-ui","c":"navigation/wizard-steps","hc":1},{"id":"beste-ui:onboarding10","t":"Accordion Steps with Expandable Actions","d":"Interactive accordion layout where each step expands to reveal detailed instructions and a","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding11","t":"Side Navigation Wizard","d":"Desktop wizard with a vertical side navigation menu and content panels for each step. Perf","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding12","t":"Circular Progress with Checklist","d":"Visual progress tracker featuring a circular percentage indicator with completion stats an","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding13","t":"Role Persona Selector","d":"Onboarding screen where users select their role or persona to personalize their experience","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding14","t":"Workspace Setup with Team Invite","d":"Combined onboarding card for creating a workspace with name and URL slug, plus a team invi","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding15","t":"Integration Connector Grid","d":"Onboarding screen with a grid of available integrations showing connection status and conn","s":"beste-ui","c":"navigation/wizard-steps","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:onboarding16","t":"Interest Tag Picker","d":"Onboarding screen with a grid of selectable interest tags and chips for personalizing cont","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding17","t":"Goal Selector with Paths","d":"Onboarding screen where users pick their primary goal to receive a tailored onboarding pat","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding18","t":"Notification Preferences","d":"Onboarding screen with toggle switches for configuring notification channels and frequency","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding19","t":"Profile Setup Card","d":"Onboarding screen with a form card for setting up user profile including avatar, display n","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding20","t":"Template Starter Picker","d":"Onboarding screen with a grid of starter templates to choose from, each with a preview thu","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding21","t":"Onboarding Completion Screen","d":"Completion screen shown after finishing onboarding with a summary of what was configured a","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding22","t":"Plan Overview with Usage Limits","d":"Onboarding screen showing current plan details with visual usage bars for storage, seats, ","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding23","t":"Security Setup","d":"Onboarding screen for configuring account security including two-factor authentication, re","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding24","t":"Keyboard Shortcuts Cheat Sheet","d":"Onboarding screen displaying essential keyboard shortcuts in a grouped grid layout with ke","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding25","t":"Theme and Appearance Picker","d":"Onboarding screen for choosing theme mode (light, dark, system) and accent color. Perfect ","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding26","t":"Data Import Selector","d":"Onboarding screen with import options from other platforms, CSV upload, and manual entry. ","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding27","t":"Attribution Survey","d":"Onboarding screen with a quick survey asking how the user discovered the product, with sel","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding28","t":"Billing Setup with Cycle Toggle","d":"Onboarding screen for choosing a billing cycle (monthly/yearly) with savings badge, paymen","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding29","t":"Company Info Form","d":"Onboarding screen for collecting company information including name, team size selector ch","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding30","t":"Feature Tour Carousel","d":"Onboarding screen with navigable feature highlight cards, dot indicators, and back/next bu","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding31","t":"Three Step Getting Started","d":"A getting-started section with an eyebrow over a hairline rule, a two-column heading, thre","s":"beste-ui","c":"navigation/wizard-steps","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:onboarding32","t":"Data Import Split","d":"A reversed split with an image tile floating a live import dropzone on the left, and an ey","s":"beste-ui","c":"navigation/wizard-steps","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:onboarding33","t":"Interactive Setup Checklist","d":"A setup panel pairing a soft progress column, where an oversized percentage and accent bar","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding34","t":"Role Based Getting Started","d":"A getting-started section whose role pills swap a sticky summary column and the numbered s","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding35","t":"Tracked Setup Sequence","d":"A setup section listing four numbered steps with who owns each one, against a column that ","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding36","t":"Go Live Day Agenda","d":"A first-day agenda held in one bordered panel, with timestamped hairline rows naming what ","s":"beste-ui","c":"navigation/wizard-steps","hc":1},{"id":"beste-ui:onboarding37","t":"Invite Your Team","d":"A team setup section pairing a soft panel with a working invite row, a role picker, and a ","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding38","t":"Data Import Reassurance","d":"An import section leading with an image tile that floats a live upload dropzone, then sett","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding39","t":"Thirty Day Milestones","d":"An onboarding section setting out four dated milestones as bordered cards, each closing on","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding40","t":"Division Of Labour Table","d":"A responsibility table grouping migration tasks into phases on hairline rows, marking each","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding41","t":"Migration Risk Register","d":"A candid onboarding section listing what tends to go wrong on hairline rows, each with a t","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding42","t":"Training Resources","d":"A learning section leading with an image tile that floats a live help centre search, then ","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:onboarding43","t":"Guided Workspace Setup","d":"A two-column setup section: the pitch and what each answer changes on the left, and a one-","s":"beste-ui","c":"navigation/wizard-steps","hc":1},{"id":"beste-ui:onboarding44","t":"Setup Checklist","d":"A setup checklist with a sticky left column: serif headline that settles in word by word, ","s":"beste-ui","c":"navigation/wizard-steps","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:podcast1","t":"Hero with Cover Art and Video Modal","d":"Two-column podcast hero featuring cover art with video modal, host info, episode count, an","s":"beste-ui","c":"media/player"},{"id":"beste-ui:podcast2","t":"Player Card with Waveform Visualization","d":"Audio player card featuring cover art, animated waveform visualization, play/pause control","s":"beste-ui","c":"media/player"},{"id":"beste-ui:podcast4","t":"Episode Detail with Show Notes","d":"Detailed episode page with cover art, duration, publish date, numbered show notes, and hos","s":"beste-ui","c":"media/player"},{"id":"beste-ui:podcast14","t":"Episode Grid with Video Modals","d":"Responsive grid of episode cards featuring thumbnails, duration badges, categories, and cl","s":"beste-ui","c":"media/player"},{"id":"beste-ui:podcast38","t":"Creator Profile with Shows Grid","d":"Host profile card featuring avatar, bio, stats (shows, episodes, listeners), social links,","s":"beste-ui","c":"media/player"},{"id":"beste-ui:podcast41","t":"Transcript Viewer with Search","d":"Searchable episode transcript with clickable timestamps, speaker labels, and download opti","s":"beste-ui","c":"media/player"},{"id":"beste-ui:podcast42","t":"Share Modal with Social and Embed","d":"Episode sharing widget with copy link, social platform buttons (Twitter, Facebook, LinkedI","s":"beste-ui","c":"media/player"},{"id":"beste-ui:podcast49","t":"Subscribe Platforms Grid","d":"Grid of podcast platform cards with logos and external links for Apple Podcasts, Spotify, ","s":"beste-ui","c":"media/player","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:podcast52","t":"About Section with Stats Card","d":"Podcast overview section with cover art, stats grid (episodes, launch date, listeners, awa","s":"beste-ui","c":"media/player"},{"id":"beste-ui:podcast53","t":"Player And Episode List","d":"A podcast section with an eyebrow over a hairline rule and a two-column heading, pairing a","s":"beste-ui","c":"media/player"},{"id":"beste-ui:podcast54","t":"Listening Path Builder","d":"An entry point for a back catalogue: three questions score the listening paths, and the wi","s":"beste-ui","c":"media/player","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"beste-ui:podcast55","t":"Featured Episode Player","d":"A show header with subscribe buttons over one wide episode card: date, hosts, title, a sho","s":"beste-ui","c":"media/player","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:portfolio61","t":"Freelancer FAQ Accordion","d":"Expandable accordion FAQ section with collapsible question-and-answer cards. Perfect for f","s":"beste-ui","c":"data-display/accordion","sb":"FAQ"},{"id":"beste-ui:portfolio62","t":"Social Media Connect Grid","d":"Responsive grid of social media platform buttons with follower counts and platform icons. ","s":"beste-ui","c":"actions/button","sb":"Social and sign-in","hc":1},{"id":"beste-ui:portfolio67","t":"Personal Introduction Hero","d":"Hero section with circular avatar photo, name, role/title, bio description, and CTA button","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:portfolio70","t":"Book Recommendations Grid","d":"Grid of book cards displaying cover images, titles, authors, star ratings, and category ba","s":"beste-ui","c":"data-display/badge","hc":1},{"id":"beste-ui:portfolio79","t":"Featured Case Study Card","d":"Two-column project showcase with large image, project description, technology/skill badges","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Portfolio"},{"id":"beste-ui:portfolio84","t":"Work Process Steps","d":"Four-column numbered workflow section showing project phases like Discovery, Strategy, Des","k":"section","s":"beste-ui","c":"marketing/features","sb":"Steps","hc":1},{"id":"beste-ui:portfolio88","t":"Video Introduction Player","d":"Video showcase section with thumbnail image, play button overlay, duration badge, and moda","s":"beste-ui","c":"media/player"},{"id":"beste-ui:portfolio89","t":"Collaboration Partners Grid","d":"Grid of partner cards featuring circular avatars, names, roles, skill badges, and clickabl","k":"section","s":"beste-ui","c":"marketing/logos"},{"id":"beste-ui:portfolio90","t":"Speaking Engagements Timeline","d":"Conference and event speaking schedule with upcoming and past talks, dates, locations, att","s":"beste-ui","c":"data-display/timeline"},{"id":"beste-ui:portfolio92","t":"Open Source Contributions","d":"Repository showcase with stars, forks, contribution counts, maintainer/contributor badges,","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:portfolio94","t":"Mentorship Pricing Plans","d":"Three-tier mentorship pricing section with duration, session counts, feature checklists, a","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"beste-ui:portfolio97","t":"Work Preferences Checklist","d":"Three-column categorized preferences with checkmarks and X icons showing preferred vs non-","s":"beste-ui","c":"inputs/checkbox","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:portfolio98","t":"Career Highlights Timeline","d":"Vertical timeline showcasing career milestones with achievement icons, year badges, descri","s":"beste-ui","c":"data-display/timeline"},{"id":"beste-ui:portfolio99","t":"Future Goals Progress Cards","d":"Goal cards with icons, timeframe badges, descriptions, and visual progress bars showing co","s":"beste-ui","c":"data-viz/progress-bar"},{"id":"beste-ui:portfolio100","t":"Contact Call to Action Footer","d":"Centered contact section with headline, description, primary CTA button, and social media ","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:portfolio101","t":"Project Showcase Grid","d":"Portfolio grid of project cards with hover-zoom imagery, numbered titles, category tags an","s":"beste-ui","c":"data-display/badge","sb":"Labels"},{"id":"beste-ui:portfolio102","t":"Work Marquee","d":"Full-bleed auto-scrolling marquee of studio projects with a header and view-all CTA.","k":"motion","s":"beste-ui","c":"motion/marquee"},{"id":"beste-ui:portfolio103","t":"Bento Gallery","d":"Asymmetric bento mosaic of project tiles with overlaid titles and hover seal arrows.","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:portfolio104","t":"Interactive Work Index","d":"A numbered project index that cross-fades a sticky image preview as each row is hovered.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:portfolio105","t":"Typographic Index","d":"Oversized type project index where each row reveals a thumbnail and shifts to the accent o","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:portfolio106","t":"Filtered Work Tabs","d":"Discipline-tabbed project gallery using shadcn Tabs with a grid of cards per category.","s":"beste-ui","c":"navigation/tabs"},{"id":"beste-ui:portfolio107","t":"Filterable Project Grid","d":"Selected-work section with a row of category filter tabs that filter a monochrome project ","s":"beste-ui","c":"data-display/badge","sb":"Labels"},{"id":"beste-ui:portfolio108","t":"Masonry Archive Gallery","d":"Masonry archive gallery in a CSS columns layout — project stills of varying heights, each ","s":"beste-ui","c":"media/gallery","sb":"Masonry"},{"id":"beste-ui:portfolio109","t":"Alternating case study rows","d":"Three alternating case-study rows pairing a large rounded image with a title, description,","s":"beste-ui","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:portfolio110","t":"Featured project + grid","d":"One large featured project with image, category, and title, followed by a row of smaller p","s":"beste-ui","c":"data-display/badge","sb":"Labels"},{"id":"beste-ui:portfolio111","t":"Staggered Editorial Gallery","d":"A header with a two-column, vertically staggered gallery of project cards — each a linked ","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:portfolio112","t":"Project Index Rows","d":"Editorial project index of ruled rows — padded numeral, project name, client and year, wit","s":"beste-ui","c":"data-display/list"},{"id":"beste-ui:portfolio113","t":"Client wall & selected work strip","d":"A grayscale grid of bordered client logo cells followed by a strip of three selected-work ","s":"beste-ui","c":"data-display/badge","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:portfolio114","t":"Uniform project card grid","d":"A monochrome three-column grid of uniform project cards, each pairing an image with a titl","s":"beste-ui","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:portfolio115","t":"Recent Work List","d":"Compact recent-work list of ruled rows, each a link with a small thumbnail, title, year, a","s":"beste-ui","c":"data-display/list"},{"id":"beste-ui:portfolio116","t":"Awards & Highlights Ledger","d":"Recognition section pairing a ruled list of awards with two to three highlighted project t","s":"beste-ui","c":"data-display/badge","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:portfolio117","t":"Case Study Spotlight","d":"A portfolio with an eyebrow over a hairline rule and a two-column heading, then a full-wid","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["gradient","webgl"],"sb":"Portfolio","sy":["gradient","webgl"]},{"id":"beste-ui:portfolio118","t":"Selected Work Index","d":"A picture-free work index laid out as four aligned columns, year, client, what was done an","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:post3","t":"Featured Article Layout","d":"Full-width article with gradient overlay hero image, featured badge, and complete metadata","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["gradient"],"sb":"Blog and posts","sy":["gradient"]},{"id":"beste-ui:post4","t":"Clean Article Format","d":"Minimal design with tags above title and author metadata below. Perfect for technical arti","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"]},{"id":"beste-ui:post5","t":"Card Based Article","d":"Article wrapped in a bordered card container with featured image at top and tags integrate","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post6","t":"Author Focused Layout","d":"Prominent author profile with large avatar display, followed by featured image below title","s":"beste-ui","c":"data-display/avatar"},{"id":"beste-ui:post7","t":"Compact Quick Read","d":"Minimal text-based layout with small featured image and condensed metadata. Ideal for shor","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"]},{"id":"beste-ui:post8","t":"Article with Left Sidebar TOC","d":"Three-column layout with table of contents on left, main article in center, and right side","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"beste-ui:post9","t":"Article with Right Author Box","d":"Two-column layout with main content on left and sticky author profile card on right with s","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post10","t":"Article with Triple Sidebar","d":"Three-column layout with TOC left sidebar, main article center, and action buttons with ta","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"beste-ui:post11","t":"Center Aligned Floating TOC","d":"Centered article layout with floating table of contents button in bottom right corner. Ide","s":"beste-ui","c":"navigation/table-of-contents"},{"id":"beste-ui:post12","t":"Article with Related Posts","d":"Two-column layout with main article and right sidebar containing related article cards wit","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post13","t":"Hero Image Dominant","d":"Full-viewport hero image with title and summary overlaid at bottom with gradient. Excellen","s":"beste-ui","c":"media/gallery","tg":["gradient"],"sy":["gradient"]},{"id":"beste-ui:post14","t":"Centered Essay Pull Quotes","d":"Centered layout featuring large pull quotes as visual breaks and prominent featured image.","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:post15","t":"Two Column Introduction","d":"Article with two-column intro section separating key points before main content begins. Pe","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["3d"],"sb":"Blog and posts","sy":["3d"]},{"id":"beste-ui:post16","t":"Essay with Drop Cap","d":"Elegant essay-style layout with drop cap on first letter and integrated syntax-highlighted","s":"beste-ui","c":"data-display/code-block"},{"id":"beste-ui:post17","t":"Newsletter Issue Template","d":"Newsletter-style layout with issue number, dashed dividers between sections, and subscribe","k":"page","s":"beste-ui","c":"pages/templates"},{"id":"beste-ui:post18","t":"Article with Code Snippets","d":"Technical article with code blocks featuring language labels, filenames, and copy-to-clipb","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post19","t":"Step by Step Tutorial","d":"Tutorial layout with numbered steps, prerequisites box, terminal commands, and completion ","s":"beste-ui","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"beste-ui:post20","t":"Documentation Getting Started","d":"Documentation-focused layout with version badge, info/warning/tip boxes, and previous/next","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:post21","t":"Changelog Timeline View","d":"Timeline-style changelog with version badges, dates, and color-coded change types. Ideal f","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post22","t":"API Reference Documentation","d":"Technical reference with endpoint cards, HTTP method badges, and side-by-side request/resp","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:post23","t":"Literary Essay Separators","d":"Centered essay layout with large typography, ornamental separators, and author bio footer.","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:post24","t":"Visual Story Photo Grid","d":"Photography-focused layout with hero image, full-width photos, side-by-side grids, and cap","s":"beste-ui","c":"media/gallery","sb":"Grids"},{"id":"beste-ui:post25","t":"Interview Q&A Format","d":"Interview layout showing interviewer and interviewee with avatars, hero image, and questio","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:post26","t":"Case Study with Metrics","d":"Case study format with client info, overview box, metrics grid, sectioned content, and tes","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post27","t":"News Article Sidebar","d":"Newspaper-style layout with byline, serif typography, author bio sidebar, and trending art","s":"beste-ui","c":"navigation/sidebar"},{"id":"beste-ui:post28","t":"Minimalist Short Form","d":"Ultra-minimal essay with light typography, sparse content, horizontal rule separators, and","s":"beste-ui","c":"inputs/form-field","tg":["minimal"],"sb":"Whole forms","sy":["minimal"]},{"id":"beste-ui:post29","t":"Sports Match Report","d":"Sports-focused layout with match score display, timeline of match events, stats comparison","k":"section","s":"beste-ui","c":"marketing/comparison"},{"id":"beste-ui:post30","t":"Social Sharing Article","d":"Article with prominent share buttons for Twitter/LinkedIn, copy link function, and engagem","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["playful"],"sb":"Blog and posts","sy":["playful"]},{"id":"beste-ui:post31","t":"Educational Article Images","d":"Educational article with clear heading hierarchy, embedded images with captions, and reada","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:post32","t":"Highlightable Content","d":"Article with text selection and highlighting feature allowing readers to save key quotes. ","k":"section","s":"beste-ui","c":"marketing/features","sb":"Comparison"},{"id":"beste-ui:post33","t":"Entrepreneur Profile","d":"Personal essay with large author bio, social links, extensive credentials, and expertise a","s":"beste-ui","c":"data-display/profile"},{"id":"beste-ui:post34","t":"Guest Post Editor Note","d":"Guest article with editor's introduction note, separate author profile for contributor, an","s":"beste-ui","c":"inputs/textarea"},{"id":"beste-ui:post35","t":"Multi Author Research","d":"Report with multiple author profiles showing titles and contributions, team collaboration ","k":"section","s":"beste-ui","c":"marketing/team"},{"id":"beste-ui:post36","t":"Expert Column Credentials","d":"Expert opinion column displaying credentials, publications count, expertise areas, and cal","s":"beste-ui","c":"overlays/alert-banner"},{"id":"beste-ui:post37","t":"Columnist Opinion Column","d":"Opinion column layout with columnist profile, previous articles list, and editorial stylin","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post38","t":"Video Article Layout","d":"Article with featured video player, thumbnail preview, and watch time display. Ideal for v","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post39","t":"Podcast Episode Page","d":"Podcast episode layout with audio player, host/guest profiles, timestamps, and show notes.","s":"beste-ui","c":"media/player"},{"id":"beste-ui:post40","t":"Recipe Card Layout","d":"Recipe article with ingredients list, step-by-step instructions, prep/cook times, and serv","s":"beste-ui","c":"data-display/card","sb":"Article"},{"id":"beste-ui:post41","t":"Photo Gallery Essay","d":"Visual essay with photographer credit, location info, and image galleries. Perfect for pho","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:post42","t":"Product Review Article","d":"Product review with rating categories, pros/cons list, and verdict section. Ideal for tech","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post43","t":"Multi Part Series Article","d":"Series article with part navigation, progress bar, and previous/next links. Perfect for tu","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post44","t":"Online Course Lesson","d":"Course lesson layout with module navigation, progress tracking, and downloadable resources","s":"beste-ui","c":"data-viz/progress-bar"},{"id":"beste-ui:post45","t":"Multi Chapter Guide","d":"Documentation-style guide with chapter navigation, table of contents, and previous/next na","s":"beste-ui","c":"data-display/table"},{"id":"beste-ui:post46","t":"DIY How To Tutorial","d":"Step-by-step tutorial with tools needed, learning outcomes, and tips per step. Perfect for","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post47","t":"Resource Roundup","d":"Curated list format with resource cards, descriptions, and links. Great for collections an","s":"beste-ui","c":"data-display/list"},{"id":"beste-ui:post48","t":"Live Blog Updates","d":"Live blog format with timestamped updates, breaking news badges, and auto-refresh. Perfect","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post49","t":"Magazine Essay Style","d":"Elegant magazine-style article with drop cap, pull quotes, and image credits. Perfect for ","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:post50","t":"Opinion Editorial Article","d":"Opinion piece with agree/disagree voting, editor's response, and discussion section. Perfe","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post51","t":"Product Comparison Article","d":"Head-to-head comparison with feature matrix, pros/cons, and winner verdict. Perfect for pr","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post52","t":"Ranked List Article","d":"Numbered list article with ratings, highlights, and jump navigation. Perfect for top-10 li","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post53","t":"Interactive Poll Article","d":"Article with embedded poll, vote tracking, and results display. Perfect for reader engagem","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post54","t":"Interactive Quiz Article","d":"Quiz format with multiple choice questions, scoring, and results. Perfect for educational ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post55","t":"Interactive Checklist Article","d":"Article with checkable items, progress tracking, and print/download options. Perfect for a","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post56","t":"Searchable FAQ Article","d":"FAQ article with search, category filters, and helpful vote buttons. Perfect for help cent","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post57","t":"Article with Comments","d":"Article with full comment system, replies, likes, and featured comments. Perfect for commu","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post58","t":"Product Launch Article","d":"Product launch post with features showcase, pricing tiers, and CTAs. Perfect for announcem","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post59","t":"Event Recap Article","d":"Conference/event recap with speaker profiles, key takeaways, and resources. Perfect for ev","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post60","t":"Research Paper Summary","d":"Academic article with abstract, key findings, and references. Perfect for research summari","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post61","t":"Book Review Article","d":"Book review with cover image, publication details, rating, and pros/cons. Perfect for lite","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post62","t":"Case Study Article","d":"Case study with client details, metrics, team members, and results. Perfect for portfolio ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post63","t":"Interview Transcript Article","d":"Interview with Q&A format, audio player, and speaker timestamps. Perfect for podcast inter","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post64","t":"Podcast Episode with Chapters","d":"Podcast with chapter markers, transcript segments, and show notes. Perfect for long-form a","s":"beste-ui","c":"media/player"},{"id":"beste-ui:post65","t":"AMA Session Recap","d":"Ask Me Anything format with host profile, upvoted questions, and answers. Perfect for Q&A ","k":"section","s":"beste-ui","c":"marketing/faq"},{"id":"beste-ui:post66","t":"Debate Format Article","d":"Two-sided debate with for/against positions, arguments, and rebuttals. Perfect for controv","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post67","t":"Panel Discussion Recap","d":"Panel discussion summary with panelist profiles, key quotes, and takeaways. Perfect for co","s":"beste-ui","c":"data-display/card","sb":"Article"},{"id":"beste-ui:post69","t":"Course Lesson with Video","d":"Video lesson page with instructor, navigation, progress tracking, and downloadable resourc","s":"beste-ui","c":"media/player"},{"id":"beste-ui:post71","t":"Knowledge Base Article","d":"Searchable FAQ with category filters, helpful votes, and related questions. Perfect for he","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post72","t":"Book Review with Purchase","d":"Detailed book review with author bio, ratings, and purchase links. Perfect for literary re","s":"beste-ui","c":"data-display/profile"},{"id":"beste-ui:post78","t":"Community Member Spotlight","d":"Member profile with achievements, social links, and contributions. Perfect for community h","k":"motion","s":"beste-ui","c":"motion/background","sb":"Beams and light"},{"id":"beste-ui:post82","t":"Open Source Project Page","d":"Project showcase with maintainers, releases, install commands, and features. Perfect for G","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:post85","t":"Poetry Collection Article","d":"Poetry showcase with poet bio, formatted verses, dedications, and audio. Perfect for liter","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post86","t":"Travel Journal Article","d":"Travel diary with dated entries, location info, weather, and photo galleries. Perfect for ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post87","t":"Editorial Article Layout","d":"A full article layout with an oversized light title, an author row framed by hairlines, a ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post88","t":"Article With Sticky Contents Rail","d":"A full article layout with a ruled byline row, a wide lead image, prose blocks that carry ","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:post89","t":"Long Read Article","d":"A full article layout: a centred header with a back link, a category, a serif title that s","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["animated"],"sb":"Blog and posts","sy":["animated"]},{"id":"beste-ui:pricing6","t":"Billing Toggle Pricing","d":"Three-tier pricing table with monthly/yearly billing toggle and popular plan badge. Perfec","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["webgl"],"sb":"With billing toggle","sy":["webgl"]},{"id":"beste-ui:pricing7","t":"Dual Plan Comparison","d":"Two-tier pricing with highlighted recommended plan and feature lists. Perfect for freemium","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Comparison tables"},{"id":"beste-ui:pricing8","t":"Feature Comparison Table","d":"Multi-plan feature comparison table with grouped categories and check/text values. Perfect","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Comparison tables"},{"id":"beste-ui:pricing9","t":"Single Plan with Add ons","d":"Single pricing plan with selectable optional add-ons that toggle on click. Perfect for sim","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["minimal"],"sb":"Single plan","sy":["minimal"]},{"id":"beste-ui:pricing10","t":"Horizontal Tier Cards","d":"Four-tier horizontal pricing cards with pill-style billing toggle. Perfect for comparing m","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Plan cards"},{"id":"beste-ui:pricing11","t":"Usage Based Slider","d":"Usage-based pricing calculator with interactive slider showing tiered breakpoints. Perfect","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Usage and sliders"},{"id":"beste-ui:pricing12","t":"Enterprise Contact Sales","d":"Enterprise pricing section with custom pricing, feature list, and client logo trust indica","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing13","t":"Per Seat Calculator","d":"Per-seat pricing calculator with slider control and automatic volume discount display. Per","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Usage and sliders"},{"id":"beste-ui:pricing14","t":"Lifetime Deal","d":"Lifetime deal pricing with crossed-out original price and urgency countdown timer. Perfect","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing15","t":"Free vs Pro Table","d":"Two-column comparison table showing Free vs Pro features with check marks and text values.","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Comparison tables"},{"id":"beste-ui:pricing16","t":"Minimal Single Plan","d":"Clean single-plan pricing with inline feature badges in a compact layout. Perfect for focu","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["minimal"],"sb":"Single plan","sy":["minimal"]},{"id":"beste-ui:pricing17","t":"Pricing with FAQ","d":"Single plan pricing card paired with an expandable FAQ accordion section. Perfect for redu","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing18","t":"Individual vs Team Toggle","d":"Tabbed pricing switching between Individual and Team plans with different feature sets. Pe","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"With billing toggle"},{"id":"beste-ui:pricing19","t":"Credit Pack Pricing","d":"Credit pack cards with bonus credits and usage examples showing cost per action. Perfect f","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Usage and sliders"},{"id":"beste-ui:pricing20","t":"Pricing with Testimonial","d":"Pricing card featuring an embedded customer testimonial with star rating. Perfect for buil","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing21","t":"Minimalist Three Tier","d":"Clean three-tier pricing cards with highlighted middle plan and simple feature lists. Perf","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["minimal","webgl"],"sb":"Plan cards","sy":["minimal","webgl"]},{"id":"beste-ui:pricing22","t":"Pay What You Want","d":"Flexible pricing with selectable suggested amounts and custom input option. Perfect for in","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing23","t":"Annual with Monthly Breakdown","d":"Annual pricing tiers showing per-month equivalent cost and yearly savings. Perfect for enc","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"With billing toggle"},{"id":"beste-ui:pricing24","t":"Startup Stage Pricing","d":"Startup-focused pricing tiers based on funding stage from bootstrapped to Series B+. Perfe","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["playful"],"sy":["playful"]},{"id":"beste-ui:pricing25","t":"Agency Service Packages","d":"Service package cards with project timelines, deliverables list, and fixed pricing. Perfec","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing26","t":"ROI Calculator","d":"Interactive ROI calculator with slider inputs showing potential savings and return project","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Usage and sliders"},{"id":"beste-ui:pricing27","t":"API Tiered Rates","d":"API pricing table showing tiered rate per request with volume discount breakdown. Perfect ","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Plan cards"},{"id":"beste-ui:pricing28","t":"Tabbed Billing Cycles","d":"Pricing cards with tabbed selection for monthly, quarterly, and annual billing. Perfect fo","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"With billing toggle"},{"id":"beste-ui:pricing29","t":"Pricing with FAQ Accordion","d":"Single plan pricing card with collapsible FAQ accordion for common questions. Perfect for ","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing30","t":"Budget Slider Selector","d":"Budget-based plan selector with slider control that highlights the best matching plan. Per","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Usage and sliders"},{"id":"beste-ui:pricing31","t":"Build Your Own Plan","d":"Customizable pricing with base plan and selectable add-ons that update total dynamically. ","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Plan cards"},{"id":"beste-ui:pricing32","t":"Modular Pricing Builder","d":"Interactive pricing builder with toggleable feature modules and real-time total calculatio","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing33","t":"Pricing with Tooltips","d":"Pricing tiers with hover tooltips explaining each feature in detail. Perfect for complex p","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing34","t":"Radio Card Selection","d":"Plan selection using radio button cards with visual selection state. Perfect for checkout ","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Plan cards"},{"id":"beste-ui:pricing35","t":"Regional Currency Pricing","d":"Pricing with dropdown region/currency selector showing localized prices. Perfect for globa","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing36","t":"Service Package Tiers","d":"Service package cards with tier badges, feature lists, and delivery timelines. Perfect for","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Plan cards"},{"id":"beste-ui:pricing37","t":"Toggle Group Add ons","d":"Base plan pricing with toggle group buttons for selecting add-ons. Perfect for products wi","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"With billing toggle"},{"id":"beste-ui:pricing38","t":"Pricing with Ratings","d":"Pricing cards displaying star ratings and review counts for social proof. Perfect for mark","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing39","t":"Checkbox Feature Builder","d":"Interactive pricing with checkbox feature selection and real-time price updates. Perfect f","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing40","t":"Minimal Toggle Selector","d":"Clean minimal plan selector with button-style toggles and compact layout. Perfect for simp","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["minimal"],"sb":"With billing toggle","sy":["minimal"]},{"id":"beste-ui:pricing41","t":"Switch Toggle Add ons","d":"Base plan pricing with switch toggles for enabling optional add-ons. Perfect for SaaS prod","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"With billing toggle"},{"id":"beste-ui:pricing42","t":"Grouped Feature Sections","d":"Single plan pricing with features organized into separated category groups. Perfect for pr","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing43","t":"Hover Card Details","d":"Pricing cards with hover cards showing expanded feature details on mouse over. Perfect for","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Plan cards"},{"id":"beste-ui:pricing44","t":"Collapsible Feature Groups","d":"Pricing cards with collapsible feature sections that expand on click. Perfect for compact ","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing45","t":"Enterprise Volume Calculator","d":"Enterprise pricing calculator with user count slider and volume discount tiers. Perfect fo","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Usage and sliders"},{"id":"beste-ui:pricing46","t":"Skeleton Loading State","d":"Pricing cards with skeleton placeholders demonstrating loading states. Perfect for async p","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing47","t":"Limited Time Countdown","d":"Promotional pricing with live countdown timer showing urgency. Perfect for flash sales and","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing48","t":"Guarantee Badges","d":"Pricing cards featuring money-back guarantee and satisfaction badges. Perfect for reducing","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing49","t":"Tabbed Plan Features","d":"Pricing with tabs to switch between plans showing categorized feature lists. Perfect for d","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Plan cards"},{"id":"beste-ui:pricing50","t":"Payment Method Display","d":"Single plan pricing showcasing accepted payment method icons. Perfect for checkout pages a","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing51","t":"Icon Feature Highlights","d":"Pricing cards with icon-highlighted key features for visual scanning. Perfect for emphasiz","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing52","t":"Discount Code Input","d":"Pricing section with discount/promo code input field and apply button. Perfect for coupon-","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing53","t":"Product Bundle Pricing","d":"Bundle pricing cards showing combined products with savings percentage. Perfect for produc","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing54","t":"Plan Recommendation Quiz","d":"Interactive questionnaire that recommends the best plan based on user answers. Perfect for","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Plan cards"},{"id":"beste-ui:pricing55","t":"Step by Step Plan Builder","d":"Multi-step wizard for building a custom plan with progressive disclosure. Perfect for comp","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Plan cards"},{"id":"beste-ui:pricing56","t":"Sticky Summary Sidebar","d":"Plan cards with sticky sidebar showing selected plan summary and total. Perfect for long p","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing57","t":"Volume Discount Table","d":"Per-seat pricing table showing volume discount tiers and price-per-user breakpoints. Perfe","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Comparison tables"},{"id":"beste-ui:pricing58","t":"Pricing with Slogan Panel","d":"Two-panel pricing card with scrollable features list and dark slogan panel with background","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing59","t":"Tiered Plan Tabs","d":"Tabbed membership pricing: feature list, headline price with CTA, and a plan summary panel","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Plan cards"},{"id":"beste-ui:pricing60","t":"Three Tiers","d":"Three pricing tiers with an emphasized popular plan and feature lists.","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"beste-ui:pricing61","t":"Billing Toggle Pricing","d":"Three plans with a monthly/yearly billing toggle and feature lists.","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["webgl"],"sb":"With billing toggle","sy":["webgl"]},{"id":"beste-ui:pricing62","t":"Plan Comparison","d":"Feature comparison grid with plans as columns and check/dash cells.","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Comparison tables"},{"id":"beste-ui:pricing63","t":"Two Engagement Plans","d":"Two large contrasting plan panels (light vs dark) for engagement models.","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Plan cards"},{"id":"beste-ui:pricing64","t":"Spotlight Plan & Add ons","d":"A single spotlight plan beside a list of modular add-ons.","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Plan cards"},{"id":"beste-ui:pricing65","t":"Monochrome Pricing Tiers","d":"Three monochrome engagement tiers with editorial big-number pricing and an inverted featur","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"beste-ui:pricing66","t":"Single Plan Retainer","d":"One bordered card pairing a big monochrome price and CTA with a two-column feature checkli","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Single plan"},{"id":"beste-ui:pricing67","t":"Comparison Matrix Pricing","d":"A monochrome plan comparison matrix with ruled feature rows, check/minus cells, and per-pl","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Comparison tables"},{"id":"beste-ui:pricing68","t":"Seat Slider Price Calculator","d":"A per-seat pricing calculator with a full-height photo panel on the left, a monthly and ye","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Usage and sliders"},{"id":"beste-ui:pricing69","t":"Engagement Tier Rails","d":"Boxless pricing where each tier is a ruled column: the name, an oversized figure with its ","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"beste-ui:pricing70","t":"Project Estimate Ledger","d":"Range-based pricing for project work: a ruled table of project types listing what each usu","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing71","t":"Three Tiers With Billing Toggle","d":"A three-tier pricing grid whose monthly and yearly toggle swaps both the light figure and ","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["webgl"],"sb":"With billing toggle","sy":["webgl"]},{"id":"beste-ui:pricing72","t":"Single Plan With Full Inclusion List","d":"A one-plan pricing panel that sets an oversized light figure and two actions beside an ima","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["webgl"],"sb":"Single plan","sy":["webgl"]},{"id":"beste-ui:pricing73","t":"Per Site Band Selector","d":"A per-site pricing table whose hairline bands are selectable, driving a soft summary panel","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:pricing74","t":"Engagement Shapes With Exclusions","d":"Three engagement columns on hairlines, each stating its figure and cadence and then listin","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:pricing75","t":"Season Pricing","d":"Three pricing tiers under a centred serif heading that settles in word by word: two soft m","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["animated","webgl"],"sy":["animated","webgl"]},{"id":"beste-ui:pricing76","t":"Rhythm Comparison","d":"A comparison table under a centred serif heading that settles in word by word: three plans","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["animated","webgl"],"sb":"Comparison tables","sy":["animated","webgl"]},{"id":"beste-ui:pricing77","t":"Two Plans Aside","d":"A two-plan pricing section: a sticky column with a serif heading that settles in word by w","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["animated"],"sb":"Plan cards","sy":["animated"]},{"id":"beste-ui:pricing78","t":"Toggle Pricing","d":"Three pricing cards under a centred serif heading that settles in word by word, with a pil","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["animated","webgl"],"sb":"With billing toggle","sy":["animated","webgl"]},{"id":"beste-ui:pricing79","t":"Three Plans Toggle","d":"Three plan cards under a centred serif headline that settles in word by word and a monthly","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["animated","webgl"],"sb":"With billing toggle","sy":["animated","webgl"]},{"id":"beste-ui:pricing80","t":"Ruled Plan Rows","d":"Plans as ruled rows rather than cards: name and one line on the left, a serif price that b","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["animated"],"sb":"Plan cards","sy":["animated"]},{"id":"beste-ui:pricing81","t":"Seats Calculator","d":"A per-seat pricing panel in ink under a centred serif headline that settles in word by wor","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["animated"],"sb":"Usage and sliders","sy":["animated"]},{"id":"beste-ui:pricing82","t":"Two Plans Beside a Photo","d":"A tall photograph that blurs in and drifts on scroll on the left; on the right a serif hea","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["animated"],"sb":"Plan cards","sy":["animated"]},{"id":"beste-ui:pricing83","t":"Ink Comparison Table","d":"A dark comparison table: a serif headline that settles in word by word with a monthly or y","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["animated"],"sb":"Comparison tables","sy":["animated"]},{"id":"beste-ui:pricing84","t":"Usage Pricing Calculator","d":"A two-column calculator: seat and volume sliders, a billing period switch, and add-on togg","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Usage and sliders"},{"id":"beste-ui:pricing85","t":"Plans Over an Effect Band","d":"A pricing section whose centered header sits on a rounded band with a live sky effect. Thr","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["gradient","webgl"],"sb":"Plan cards","sy":["gradient","webgl"]},{"id":"beste-ui:pricing86","t":"Plan Cards Under Prism Light","d":"A pricing section with the header on the left and a monthly and yearly switch on the right","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["gradient","webgl"],"sb":"Plan cards","sy":["gradient","webgl"]},{"id":"beste-ui:product1","t":"Centered Product Showcase","d":"Centered product showcase with a large image on a muted stage, product name and tagline, a","s":"beste-ui","c":"data-display/badge","sb":"Labels"},{"id":"beste-ui:product2","t":"Product Anatomy Callouts","d":"A large product image flanked by numbered feature callout cards, each naming and describin","s":"beste-ui","c":"data-display/badge","sb":"Labels"},{"id":"beste-ui:product3","t":"Product Spec Sheet","d":"Editorial spec sheet pairing a product image with a bordered key/value grid of dimensions,","s":"beste-ui","c":"overlays/sheet"},{"id":"beste-ui:product4","t":"Every Angle Gallery","d":"An editorial product gallery showing the same object from several angles — a header with a","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:product5","t":"Split Product Highlights","d":"Split product intro: a tall product image beside a heading, description, and three icon hi","s":"beste-ui","c":"data-display/badge","tg":["webgl"],"sb":"Labels","sy":["webgl"]},{"id":"beste-ui:product6","t":"Product Variant Explorer","d":"Variant explorer that swaps the product image and spec line as you click between finishes.","s":"beste-ui","c":"data-display/badge","sb":"Labels"},{"id":"beste-ui:product7","t":"What's in the Box","d":"What's-in-the-box section pairing a product image with a checklist of included items, each","s":"beste-ui","c":"data-display/badge","sb":"Labels"},{"id":"beste-ui:product8","t":"Product Overlap Card","d":"An editorial product showcase: a large product image with a caption card overlapping its l","s":"beste-ui","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"beste-ui:product9","t":"Product Feature Carousel","d":"Clickable tabs switch a feature panel with a large product image, title, and description. ","s":"beste-ui","c":"media/carousel"},{"id":"beste-ui:product10","t":"Product Macro Detail Grid","d":"Editorial grid of macro close-up shots, each captioned with the material or detail it show","s":"beste-ui","c":"data-display/badge","sb":"Labels"},{"id":"beste-ui:product11","t":"Split Product Highlights Plain","d":"Split product intro: a tall product image beside a heading, description, and three icon hi","s":"beste-ui","c":"data-display/badge","tg":["webgl"],"sb":"Labels","sy":["webgl"]},{"id":"beste-ui:product12","t":"Live Made To Order Configurator","d":"A made-to-order configurator that answers as you go: every option takes over the plate bes","s":"beste-ui","c":"data-display/badge","sb":"Labels","hc":1},{"id":"beste-ui:productlist1","t":"Filterable Product Grid","d":"Product listing with sidebar filters, sorting, pagination, and active filter chips, powere","s":"beste-ui","c":"navigation/sidebar"},{"id":"beste-ui:productlist2","t":"Product Grid With Filter Drawer","d":"Product catalog with a single Filters button that opens a side drawer: keyword search, cas","s":"beste-ui","c":"overlays/sheet"},{"id":"beste-ui:productlist3","t":"Marketplace Toolbar Product Grid","d":"Dense product grid with an always-visible inline filter toolbar: search, a segmented categ","s":"beste-ui","c":"navigation/menu","sb":"Menubars"},{"id":"beste-ui:productlist4","t":"Quick Shop Product Grid","d":"Product grid with a left filter sidebar where hovering a card reveals a quick-shop tray wi","s":"beste-ui","c":"navigation/sidebar"},{"id":"beste-ui:productlist5","t":"Load More Feed With Category Pills","d":"Three-column product feed led by a row of category pills, with a search and sort, and a Lo","s":"beste-ui","c":"data-display/timeline","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:reveal1","t":"Before/After Image Slider","d":"Interactive image comparison component with a draggable divider supporting horizontal and ","s":"beste-ui","c":"inputs/slider","hc":1},{"id":"beste-ui:reveal2","t":"Comparison Slider with Highlights","d":"Split-layout image comparison with a sidebar featuring benefit highlights and icons alongs","s":"beste-ui","c":"media/image-compare","hc":1},{"id":"beste-ui:reveal3","t":"Manifesto Scroll Reveal","d":"A type-forward manifesto whose ruled statement lines fade and rise into view as the sectio","k":"layout","s":"beste-ui","c":"layout/scroll-area"},{"id":"beste-ui:reveal4","t":"Scroll Reveal Gallery","d":"An editorial scroll-reveal gallery where images fade and rise into view with monospace cap","s":"beste-ui","c":"media/gallery","sb":"Scroll"},{"id":"beste-ui:reveal5","t":"Editorial Statement Reveal","d":"A large light manifesto statement with an accent-highlighted phrase, an eyebrow above, and","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:reveal6","t":"Drag Compare Slider","d":"Before and after comparison where a pointer-driven handle clips the earlier photograph ove","s":"beste-ui","c":"media/image-compare"},{"id":"beste-ui:reveal7","t":"Segmented State Compare","d":"Two versions of the same object compared through a segmented pill control: the photographs","k":"section","s":"beste-ui","c":"marketing/comparison"},{"id":"beste-ui:reveal8","t":"Vertical Split Compare","d":"Comparison that splits horizontally instead of down the middle: a draggable divider wipes ","k":"section","s":"beste-ui","c":"marketing/comparison"},{"id":"beste-ui:reveal9","t":"Spotlight Lens Compare","d":"Before and after comparison seen through a draggable circular lens: the earlier photograph","k":"section","s":"beste-ui","c":"marketing/comparison"},{"id":"beste-ui:reveal10","t":"Self Sweeping Compare","d":"Before and after comparison that plays itself: the seam walks from edge to edge on a timer","k":"section","s":"beste-ui","c":"marketing/comparison"},{"id":"beste-ui:reveal11","t":"Diagonal Peel Compare","d":"Comparison that lifts diagonally instead of wiping straight: dragging the corner handle sh","k":"section","s":"beste-ui","c":"marketing/comparison"},{"id":"beste-ui:reveal12","t":"Tile Flip Compare","d":"Two photographs split across the same grid so each square can be flipped from before to af","k":"section","s":"beste-ui","c":"marketing/comparison"},{"id":"beste-ui:reveal13","t":"Hold To Compare","d":"Press-and-hold comparison: holding the frame or the button cross-fades the earlier photogr","k":"section","s":"beste-ui","c":"marketing/comparison"},{"id":"beste-ui:saas13","t":"Plan Comparison Table","d":"Comparison table showing features across Starter, Pro, and Enterprise tiers with checkmark","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Comparison tables"},{"id":"beste-ui:saas14","t":"How It Works Steps","d":"Three-step onboarding process with numbered circles and connecting lines. Perfect for expl","k":"section","s":"beste-ui","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"beste-ui:saas15","t":"Team Members Grid","d":"Team member cards with circular photos, names, roles, and social media links (Twitter, Lin","k":"section","s":"beste-ui","c":"marketing/team"},{"id":"beste-ui:saas16","t":"Changelog Timeline","d":"Version history cards with version badges, dates, and update type labels (Feature, Improve","s":"beste-ui","c":"data-display/timeline","hc":1},{"id":"beste-ui:saas23","t":"Feature Bento Grid","d":"Bento-style grid layout with feature cards in small and large sizes, each with icon, title","k":"section","s":"beste-ui","c":"marketing/features","sb":"Bento"},{"id":"beste-ui:saas31","t":"Job Listings","d":"Career openings list with job title, department badge, location, and employment type. Perf","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Careers","hc":1},{"id":"beste-ui:saas34","t":"Press Coverage","d":"Media mentions list with publication source badges, headlines, and dates. Perfect for show","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:saas55","t":"Connected Integrations","d":"Integration management card showing connected apps with logos, sync status, and connect/di","k":"section","s":"beste-ui","c":"marketing/logos"},{"id":"beste-ui:saas87","t":"Analytics Dashboard","d":"Metric cards grid showing key stats (users, revenue, conversion, sessions) with trend indi","k":"layout","s":"beste-ui","c":"layout/dashboard"},{"id":"beste-ui:saas97","t":"Active Sessions Manager","d":"Security settings card showing active login sessions with device icons, browser info, loca","k":"layout","s":"beste-ui","c":"flows/sign-in"},{"id":"beste-ui:saas98","t":"SaaS Interface Split","d":"Feature split pairing a focused pitch with a built monochrome app-window mockup of skeleto","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:saas99","t":"SaaS Integrations Grid","d":"An editorial integrations section pairing a big-type pitch with a bordered mosaic of grays","k":"section","s":"beste-ui","c":"marketing/logos"},{"id":"beste-ui:saas100","t":"Billing Split","d":"A split section with an eyebrow, light heading, checked bullet list, and accent button on ","k":"layout","s":"beste-ui","c":"layout/dashboard"},{"id":"beste-ui:saas101","t":"Three Tier Pricing","d":"A pricing section with an eyebrow over a hairline rule, a two-column heading, and three pl","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"beste-ui:saas102","t":"Big Number Metrics Band","d":"A metrics band with an eyebrow over a hairline rule, a two-column heading, and four oversi","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:saas103","t":"Onboarding Split","d":"A reversed split with an image tile floating a live setup checklist on the left, and an ey","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:saas104","t":"Plan Comparison Table","d":"A comparison section with an eyebrow over a hairline rule, a two-column heading, and a scr","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"beste-ui:saas105","t":"Migration Source Selector","d":"A migration section where your current system is picked from frosted glass cards floating ","s":"beste-ui","c":"data-display/badge","tg":["glass"],"sy":["glass"]},{"id":"beste-ui:saas106","t":"Product Tour Switcher","d":"Product tour driven by pill tabs: each step pairs an explanation and a pill CTA with a sof","s":"beste-ui","c":"data-display/badge","sb":"Labels"},{"id":"beste-ui:saas107","t":"Trust And Compliance Ledger","d":"Security section pairing four ruled pillars with circular icons and a labelled row of meas","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:saas108","t":"Branching Scoping Form","d":"A contact section that asks a branching set of questions instead of one long form: a rail ","s":"beste-ui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"beste-ui:settings59","t":"Subscription Plan Card","d":"Subscription management card displaying current plan details, pricing, included features, ","k":"layout","s":"beste-ui","c":"flows/settings"},{"id":"beste-ui:settings64","t":"Invoice History Table","d":"Billing history table displaying invoices with date, description, amount, payment status b","k":"layout","s":"beste-ui","c":"flows/settings","hc":1},{"id":"beste-ui:settings65","t":"Invoice Detail View","d":"Detailed invoice page with billing address, itemized line items table, subtotal, tax, tota","k":"layout","s":"beste-ui","c":"flows/settings"},{"id":"beste-ui:settings66","t":"Workspace Preferences Panel","d":"A settings panel with a section rail on the left and the chosen group on the right, laying","k":"layout","s":"beste-ui","c":"flows/settings"},{"id":"beste-ui:settings67","t":"Email Preferences With Live Volume","d":"A subscription preference list where each list carries how often it sends, and the figure ","k":"layout","s":"beste-ui","c":"flows/settings"},{"id":"beste-ui:settings68","t":"Workspace Settings With Collapsible Groups","d":"A settings page with the heading, save and discard buttons held in a sticky left column an","k":"layout","s":"beste-ui","c":"flows/settings","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:showcase1","t":"Interactive Hotspot Image","d":"Full-width image showcase with clickable animated hotspots that reveal feature popovers wi","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:showcase2","t":"Split Hotspot Feature Section","d":"Two-column layout with text content, CTA buttons, and interactive image with clickable hot","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"beste-ui:showcase3","t":"Project Gallery Grid","d":"Responsive three-column image gallery with hover zoom effects, captions, and optional clic","s":"beste-ui","c":"media/gallery","tg":["webgl"],"sb":"Grids","sy":["webgl"],"hc":1},{"id":"beste-ui:showcase4","t":"Browser Mockup Screenshot","d":"Centered hero section with heading, CTA buttons, and a realistic browser chrome mockup dis","s":"beste-ui","c":"media/mockup"},{"id":"beste-ui:showcase5","t":"Side by Side Competitor Comparison","d":"Two-column comparison layout with product images, feature checklists, and visual different","k":"section","s":"beste-ui","c":"marketing/comparison"},{"id":"beste-ui:showcase6","t":"Desktop and Mobile Device Mockup","d":"Cross-platform display with desktop monitor mockup and overlapping mobile phone frame show","s":"beste-ui","c":"media/mockup"},{"id":"beste-ui:showcase7","t":"Screenshot with Testimonial Quote","d":"Two-column section combining product image with large customer quote, author avatar, name,","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:showcase10","t":"Video Demo Thumbnail","d":"Video preview section with thumbnail image, centered play button overlay, duration badge, ","s":"beste-ui","c":"media/player"},{"id":"beste-ui:showcase12","t":"Features with Stats and Image","d":"Two-column layout with key metrics bar, icon feature list, CTA button, and large product i","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:showcase13","t":"Bento Code Editor Trio","d":"Bento layout pairing a code editor mockup with a video play card and a file upload preview","s":"beste-ui","c":"inputs/textarea"},{"id":"beste-ui:showcase14","t":"Code Editor With Upload Drawer","d":"Browser-chrome card pairing a syntax-highlighted code editor with a side upload drawer — f","s":"beste-ui","c":"inputs/textarea"},{"id":"beste-ui:showcase15","t":"Code Editor With Live Activity Feed","d":"Browser-chrome card pairing a syntax-highlighted code editor with a live activity feed — p","s":"beste-ui","c":"inputs/textarea"},{"id":"beste-ui:showcase16","t":"Code Editor With AI Copilot","d":"Browser-chrome card pairing a syntax-highlighted code editor with an AI chat panel — assis","s":"beste-ui","c":"ai-agent/ai-agent"},{"id":"beste-ui:showcase17","t":"Code Editor With Test Results","d":"Browser-chrome card pairing a syntax-highlighted code editor with a live test-results pane","s":"beste-ui","c":"inputs/textarea"},{"id":"beste-ui:showcase18","t":"Code Editor With Live Logs","d":"Browser-chrome card pairing a syntax-highlighted code editor with a live log stream — filt","s":"beste-ui","c":"inputs/textarea"},{"id":"beste-ui:showcase19","t":"Code Editor With PR Review","d":"Browser-chrome card pairing a syntax-highlighted code editor with a pull-request review pa","s":"beste-ui","c":"inputs/textarea"},{"id":"beste-ui:showcase20","t":"Code Editor With Environments Panel","d":"Browser-chrome card pairing a syntax-highlighted code editor with a deploy environments pa","s":"beste-ui","c":"inputs/textarea"},{"id":"beste-ui:showcase21","t":"API Inspector With Code Editor","d":"Browser-chrome card pairing a DevTools-style API inspector on the left with a syntax-highl","s":"beste-ui","c":"inputs/textarea"},{"id":"beste-ui:showcase22","t":"Database Query With Code Editor","d":"Browser-chrome card pairing a typed query result table on the left with a syntax-highlight","s":"beste-ui","c":"inputs/textarea"},{"id":"beste-ui:showcase23","t":"Component Preview With Code Editor","d":"Browser-chrome card pairing a live button-variant preview on the left with a syntax-highli","s":"beste-ui","c":"inputs/textarea"},{"id":"beste-ui:showcase24","t":"Files Changed With Code Editor","d":"Browser-chrome card pairing a changed-files list on the left with a syntax-highlighted cod","s":"beste-ui","c":"inputs/textarea"},{"id":"beste-ui:showcase25","t":"Webhook Deliveries With Code Editor","d":"Browser-chrome card pairing a webhook delivery log on the left with a syntax-highlighted c","s":"beste-ui","c":"inputs/textarea"},{"id":"beste-ui:showcase26","t":"Code Editor With Command Palette","d":"Browser-chrome card layering a Cmd+K command palette over a backdrop-blurred code editor —","s":"beste-ui","c":"inputs/textarea"},{"id":"beste-ui:showcase27","t":"Inline Diff Viewer","d":"Browser-chrome card rendering an inline diff — added lines glow emerald, removed lines fad","s":"beste-ui","c":"data-display/diff","tg":["neon"],"sy":["neon"]},{"id":"beste-ui:showcase28","t":"Markdown Editor With Live Preview","d":"Browser-chrome card rendering a markdown source editor on the left and the rendered HTML o","s":"beste-ui","c":"inputs/textarea","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:showcase29","t":"AI Workspace With Streaming Response","d":"Browser-chrome card rendering an AI prompt and a structured response — markdown blocks (he","s":"beste-ui","c":"ai-agent/ai-agent"},{"id":"beste-ui:showcase30","t":"Live Spreadsheet With Formula Bar","d":"Browser-chrome card rendering a live spreadsheet — formula bar with cell reference, typed ","s":"beste-ui","c":"data-display/table","sb":"Editable"},{"id":"beste-ui:showcase31","t":"TypeScript Types Plus Usage","d":"Browser-chrome card pairing two minimal code panes — TypeScript type definitions on the le","s":"beste-ui","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:showcase32","t":"GraphQL Query Plus Response","d":"Browser-chrome card pairing two minimal code panes — GraphQL query on the left, mirrored J","s":"beste-ui","c":"data-viz/chart","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:showcase33","t":"Regex Pattern Tester","d":"Browser-chrome card hosting a regex playground — pattern + active flag pills up top, test ","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:showcase34","t":"Polyglot Code Comparison","d":"Browser-chrome card pairing two minimal code panes — same logic in two languages (TypeScri","k":"section","s":"beste-ui","c":"marketing/comparison","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:showcase35","t":"Migration Before And After","d":"Browser-chrome card pairing a before/after code migration — eyebrow + title + description ","k":"section","s":"beste-ui","c":"marketing/footer"},{"id":"beste-ui:showcase36","t":"Annotated Showcase","d":"Browser-framed product screenshot with surrounding feature callouts.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:showcase37","t":"Showcase Scroller","d":"Horizontally scrollable row of wide product showcase frames with captions.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:showcase38","t":"Sticky Showcase","d":"A pinned product image beside a scrolling list of feature steps.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:showcase39","t":"Tabbed Showcase","d":"Tabbed product screenshots in a browser frame with captions.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:showcase40","t":"UI Bento Showcase","d":"Bento mosaic mixing product screenshots with text and accent tiles.","k":"layout","s":"beste-ui","c":"layout/bento-grid"},{"id":"beste-ui:showcase41","t":"Editorial Project Index","d":"A ruled, type-forward project index where each row reveals a floating thumbnail on hover.","s":"beste-ui","c":"data-display/badge","sb":"Labels"},{"id":"beste-ui:showcase42","t":"Mosaic Frame Gallery","d":"An asymmetric mosaic image gallery with mixed-span tiles and monospace frame captions.","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:showcase43","t":"Featured Project Dossier","d":"A single featured project with a tall image and a meta column of client/role/year rows, a ","s":"beste-ui","c":"data-display/badge","sb":"Labels"},{"id":"beste-ui:showcase44","t":"Brand Partner Grid","d":"Centered eyebrow, heading, and description above a grid of borderless brand cards — each w","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:showcase45","t":"Alternating Asset Rows","d":"A showcase of alternating split rows, each pairing an image tile that floats a live produc","s":"beste-ui","c":"data-display/list"},{"id":"beste-ui:showcase46","t":"Tabbed Product Tour","d":"A tabbed showcase with an eyebrow over a hairline rule and a two-column heading, where eac","s":"beste-ui","c":"data-display/calendar"},{"id":"beste-ui:showcase47","t":"Layered Product Scene","d":"A split showcase pairing copy, checked bullets, and an accent button with a gradient canva","k":"layout","s":"beste-ui","c":"layout/dashboard","tg":["3d","gradient"],"sy":["3d","gradient"]},{"id":"beste-ui:showcase48","t":"Connected Flow Pipeline","d":"A horizontal pipeline with an eyebrow over a hairline rule and a two-column heading, where","s":"beste-ui","c":"data-display/timeline","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:showcase49","t":"Quick Actions Showcase","d":"A centered showcase with an eyebrow, light heading, and paragraph over a wide image tile t","s":"beste-ui","c":"navigation/menu","sb":"Menubars"},{"id":"beste-ui:showcase50","t":"Downloadable Resource Cards","d":"Three resource cards, each led by a preview image and stamped with its format, holding the","s":"beste-ui","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:showcase51","t":"Two Case Studies","d":"Two case studies side by side under a serif heading that settles in word by word: each wit","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:showcase52","t":"Linked Programme Cards","d":"Four cards on a muted fill, each one a whole link that inverts to ink on hover: a photogra","s":"beste-ui","c":"data-display/card","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:showcase53","t":"Linked Alternating Slabs","d":"Full-width ruled rows that alternate the photograph left and right, each row a whole link ","k":"motion","s":"beste-ui","c":"motion/text-effect","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:showcase54","t":"Studio Work Mosaic With Live Photo Stages","d":"A work showcase for a photography studio with the header on the left and one button on the","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:social1","t":"Profile Card with Cover","d":"User profile card with cover photo, avatar, bio, location, website, followers/following st","s":"beste-ui","c":"data-display/profile"},{"id":"beste-ui:social2","t":"Social Post Card","d":"Social media post with author info, text content, image, and interactive like/comment/shar","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Blog and posts"},{"id":"beste-ui:social3","t":"Threaded Comments","d":"Comment section with nested replies, like counts, reply functionality, and expandable thre","k":"section","s":"beste-ui","c":"marketing/marketing","tg":["playful"],"sb":"Social","sy":["playful"]},{"id":"beste-ui:social4","t":"Notification Feed","d":"Notification list with activity types (likes, comments, follows, mentions), unread indicat","s":"beste-ui","c":"data-display/timeline"},{"id":"beste-ui:social5","t":"Activity Timeline","d":"Vertical timeline showing posts, photos, comments, follows, shares, and videos with color-","s":"beste-ui","c":"data-display/timeline"},{"id":"beste-ui:social6","t":"Chat Conversation","d":"Real-time chat interface with message bubbles, online status, read receipts, emoji picker,","s":"beste-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"beste-ui:social7","t":"Community Groups List","d":"Group cards with cover images, member count, privacy indicators, category badges, and join","s":"beste-ui","c":"data-display/list"},{"id":"beste-ui:social8","t":"Event Cards","d":"Event listings with cover images, date/time, location, attendee previews, and RSVP buttons","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:social9","t":"Follow Suggestions","d":"User suggestions list with avatars, bios, mutual connections, interest tags, and follow/di","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:social10","t":"Messages Inbox","d":"Conversation list with avatars, online status indicators, message previews, timestamps, un","s":"beste-ui","c":"overlays/notifications"},{"id":"beste-ui:social11","t":"Trending Topics","d":"Ranked trending topics list with hashtags, post counts, growth percentages, and category b","s":"beste-ui","c":"navigation/sidebar"},{"id":"beste-ui:social12","t":"Stories Carousel","d":"Horizontal scrolling stories bar with gradient ring indicators for unread stories and add-","s":"beste-ui","c":"media/carousel","tg":["gradient"],"sy":["gradient"]},{"id":"beste-ui:social13","t":"Interactive Poll","d":"Poll card with multiple choice options that reveal percentage results after voting, plus v","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:social15","t":"Emoji Reactions","d":"Emoji reaction picker with hover tooltips, selection highlighting, and reaction counts per","s":"beste-ui","c":"inputs/select"},{"id":"beste-ui:social20","t":"Saved Bookmarks","d":"Bookmarked articles list with thumbnails, titles, descriptions, source info, and remove ac","k":"section","s":"beste-ui","c":"marketing/marketing","sb":"Social"},{"id":"beste-ui:social23","t":"Team Presence List","d":"Team members grouped by status (online, away, busy, offline) with colored indicators and s","k":"section","s":"beste-ui","c":"marketing/team"},{"id":"beste-ui:social24","t":"Link Preview Cards","d":"Rich link previews showing Open Graph images, titles, descriptions, and site favicons. Per","s":"beste-ui","c":"overlays/hover-card"},{"id":"beste-ui:social26","t":"Referral Invite Card","d":"Referral sharing card with copyable link, referral code, email invite input, and reward in","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:social27","t":"Leaderboard Rankings","d":"Ranked leaderboard with crown/medal icons, user avatars, scores, and position change indic","s":"beste-ui","c":"data-display/gamification"},{"id":"beste-ui:social32","t":"Compact Profile Header","d":"Compact profile card with cover image, avatar, verified badge, bio, location, website, joi","s":"beste-ui","c":"navigation/top-nav"},{"id":"beste-ui:social46","t":"Community Card","d":"Community group card with cover image, privacy status, member/post counts, topic tags, and","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:social47","t":"Wall Of Love","d":"A social proof wall with an eyebrow over a hairline rule, a two-column heading, and a maso","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:social48","t":"Community Channels","d":"A community section listing four linked places to join as full-width hairline rows, each w","s":"beste-ui","c":"data-display/badge","hc":1},{"id":"beste-ui:social49","t":"Social Post Grid","d":"A social proof grid of six linked post cards, each with an avatar, handle, timestamp, the ","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:social50","t":"Featured Post And Replies","d":"A social section that gives one post an image tile of its own, floating a live post card w","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:social51","t":"Press Mentions","d":"A coverage section listing each outlet against the line it published, as linked hairline r","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:social52","t":"Community Sessions","d":"An upcoming sessions list with a date block, format, and remaining seats on each linked ha","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:social53","t":"Contributor Wall","d":"A community credit section opening on three hairline figures, then naming each contributor","s":"beste-ui","c":"data-display/badge","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:social54","t":"Inverted Follow Panel","d":"A follow section held in one dark panel, listing each account as a linked hairline row wit","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:social55","t":"Community By The Numbers","d":"A community section on a soft surface with four bordered figure cards, each explaining wha","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:social56","t":"Referral Programme","d":"A referral section walking through three numbered steps and the full terms as a hairline t","s":"beste-ui","c":"data-display/table","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:social57","t":"Community Photo Wall","d":"A community gallery laid out as a masonry of customer photographs at mixed heights, each c","s":"beste-ui","c":"media/gallery","hc":1},{"id":"beste-ui:social58","t":"Response Wall With Platform Filter","d":"A masonry of what readers wrote back, disagreements included, filtered by platform pills w","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:social59","t":"Community Notes Wall","d":"A wall of short community posts in three masonry columns, each a muted card with an avatar","s":"beste-ui","c":"actions/button","tg":["animated","webgl"],"sb":"Social and sign-in","sy":["animated","webgl"]},{"id":"beste-ui:social60","t":"Linked Referral Rows","d":"A ruled list of people to refer on to, every row a whole link: a round portrait, a serif n","s":"beste-ui","c":"data-display/list","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:stats1","t":"Right Aligned Stats Cards","d":"Right-aligned layout with heading, description, and a 2x2 grid of stat cards. Perfect for ","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats2","t":"Icon Stats with Animated Counter","d":"Centered stats grid with icons and animated counters that trigger on scroll. Ideal for sho","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats3","t":"Centered Stats with Badge and Icons","d":"Full-width centered stats section with badge, heading, description, and a dynamic grid of ","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats4","t":"Stats Cards with Descriptions","d":"Centered header with badge, heading, and description followed by horizontal stat cards. Ea","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats5","t":"Split Layout Stats","d":"Two-column layout with heading and description on the left, 2x2 stats grid on the right. P","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats6","t":"Inline Stats Strip","d":"Compact horizontal row of stats separated by vertical dividers. Minimal design ideal for u","s":"beste-ui","c":"data-display/stat","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:stats7","t":"Accent Border Stats Cards","d":"Stats cards with a colored top border accent, icon, value, label, and description. Great f","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats8","t":"Full Width Stats Banner","d":"Full-width muted background band with a centered heading and large stat numbers separated ","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats9","t":"Image with Stacked Stats","d":"Split layout with a tall image on the left and vertically stacked stats with descriptions ","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats10","t":"Scrolling Stats Marquee","d":"Infinite horizontal scrolling ticker of stats that pauses on hover. Eye-catching social pr","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats11","t":"Ring Progress Stats","d":"Stats displayed inside circular SVG progress rings with animated counters. Great for visua","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats12","t":"Spotlight Stat with Supporting Metrics","d":"One hero-sized featured stat with a row of smaller supporting metrics below. Perfect for e","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats13","t":"Floating Stats over Image","d":"Stat cards that float over a wide background image, overlapping the bottom edge. Creates a","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats14","t":"Trend Indicator Stats","d":"Dashboard-style stat cards with colored trend badges showing up, down, or neutral changes.","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats15","t":"Bento Grid Stats","d":"Asymmetric bento-style grid with mixed single and double-width stat cards. Ideal for year-","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats16","t":"Video Background Stats","d":"Full-width video background with dark overlay and translucent glassmorphism stat cards. Im","s":"beste-ui","c":"data-display/stat","tg":["glass"],"sy":["glass"]},{"id":"beste-ui:stats17","t":"Zigzag Image Stats","d":"Alternating rows of images and stats that swap sides. Each row pairs a photo with key metr","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats18","t":"Image Card Stats","d":"Tall image cards with gradient overlay and stats at the bottom. Each stat has its own back","s":"beste-ui","c":"data-display/stat","tg":["gradient"],"sy":["gradient"]},{"id":"beste-ui:stats19","t":"Glass Bar over Image","d":"Wide image with a frosted glass stats bar anchored to the bottom. Stats are separated by v","s":"beste-ui","c":"data-display/stat","tg":["glass"],"sy":["glass"]},{"id":"beste-ui:stats20","t":"Browser Mockup with Stats","d":"Split layout with stacked stats on the left and a browser window mockup displaying a scree","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats21","t":"Spring Entrance Stats","d":"Stats cards that spring up with staggered delay when scrolled into view. Uses framer-motio","s":"beste-ui","c":"data-display/stat","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:stats22","t":"Odometer Flip Stats","d":"Airport departure board-style odometer animation where each digit flips individually with ","s":"beste-ui","c":"data-display/stat","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:stats23","t":"Animated Bar Chart Stats","d":"Horizontal progress bars that grow with spring animation on scroll. Each bar shows a label","s":"beste-ui","c":"data-display/stat","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:stats24","t":"Clip Path Reveal Stats","d":"Large stats that reveal with a horizontal clip-path curtain animation and spring-powered n","s":"beste-ui","c":"data-display/stat","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:stats25","t":"3D Card Flip Stats","d":"Stat cards that flip in from a back-facing 3D rotation using framer-motion spring physics ","s":"beste-ui","c":"data-display/stat","tg":["3d","animated"],"sy":["3d","animated"]},{"id":"beste-ui:stats26","t":"Card Stack Fan Out Stats","d":"Stat cards that start stacked on top of each other and fan out into a grid on scroll using","s":"beste-ui","c":"data-display/stat","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:stats27","t":"Editorial Numbered Stats","d":"Magazine-style numbered list layout with large sequence numbers, stat values, and a sticky","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats28","t":"Timeline Milestone Stats","d":"Horizontal timeline with year markers and key metrics at each milestone, ideal for showing","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats29","t":"Tabbed Category Stats","d":"Stats organized into switchable tabs by category using shadcn Tabs, letting users explore ","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats30","t":"Testimonial + Stats","d":"A featured customer quote paired with supporting metrics for maximum social proof and cred","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats31","t":"Sparkline Dashboard Stats","d":"Mini dashboard cards with SVG sparkline trend charts, change indicators, and key metrics f","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats32","t":"Giant Watermark Stats","d":"Editorial magazine-style layout with oversized translucent numbers as background watermark","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats33","t":"Alternating Giant Typography Stats","d":"Editorial layout with oversized bold stat values alternating left and right alignment, cre","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats34","t":"Terminal Output Stats","d":"Developer-focused terminal aesthetic with monospace font, command prompt, and stats displa","s":"beste-ui","c":"data-display/stat","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"beste-ui:stats35","t":"Orbit Layout Stats","d":"Central hero metric surrounded by satellite stats in a circular orbit arrangement on deskt","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats36","t":"JSON API Response Stats","d":"Stats displayed as a syntax-highlighted JSON API response inside a code block with endpoin","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats37","t":"Git Log Stats","d":"Stats styled as a git commit log with commit hashes, timestamps, branch visualization line","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats38","t":"Server Monitoring Stats","d":"Monitoring dashboard aesthetic with status indicators, metric rows, live status badges, an","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats39","t":"E Commerce Revenue Dashboard","d":"Key e-commerce KPI cards showing revenue, orders, average order value, and conversion rate","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats40","t":"Product Showcase Stats","d":"Bestseller product cards with images, star ratings, units sold, and revenue figures for e-","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats41","t":"Live Social Proof Stats","d":"Real-time social proof section with live activity indicators, recent order count, review s","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats42","t":"Review Distribution Stats","d":"Star rating breakdown with horizontal progress bars for each rating level, overall score, ","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats43","t":"Shipping Performance Stats","d":"Delivery and shipping metrics with icon cards showing average delivery time, on-time rate,","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats44","t":"Sales Milestone Stats","d":"Celebration-style milestone section with a prominent central metric and supporting stats, ","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats45","t":"Category Performance Stats","d":"Product category cards with images and sales metrics showing units sold and growth percent","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats46","t":"Trust Badge Stats","d":"E-commerce trust signals with large icons and supporting stats for security, returns, ship","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats47","t":"Weekly Market Snapshot","d":"Weekly real estate market activity grid with key metrics, change indicators, and trend bad","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats48","t":"Real Estate Market Overview","d":"Local market dashboard showing median home price, days on market, inventory, and year-over","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats49","t":"Agent Profile Stats","d":"Real estate agent profile card with photo, performance metrics, and client rating for agen","s":"beste-ui","c":"ai-agent/ai-agent"},{"id":"beste-ui:stats50","t":"Neighborhood Report Card","d":"Neighborhood livability report card with letter grades, progress bars, and descriptions fo","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats51","t":"Investment ROI Stats","d":"Property investment metrics in a clean table layout showing cap rate, cash-on-cash return,","s":"beste-ui","c":"data-display/stat","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:stats52","t":"Mortgage Breakdown Stats","d":"Monthly mortgage payment breakdown with visual proportion bars showing principal, interest","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats53","t":"Home Valuation Estimate","d":"Home value estimate card with price range indicator, estimated value, and comparable recen","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats54","t":"Portfolio Overview Stats","d":"Real estate portfolio dashboard with total value, monthly income, occupancy rate, and prop","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats55","t":"Listing to Sold Journey","d":"Step-by-step journey from listing to closing with key metrics at each stage, showing the r","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats56","t":"Market Trend Stats","d":"Real estate market trend indicators with directional arrows and year-over-year comparisons","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats57","t":"Stats Band","d":"Four-up oversized stats band with dividers under a section header.","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats58","t":"Stat Cards","d":"Stat cards with accent highlight, icon chips and big numbers.","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats59","t":"Image Stats Split","d":"A tall image beside a headline and a grid of key studio stats.","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats60","t":"Stat Ribbon","d":"Horizontal icon stat ribbon on a muted surface.","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats61","t":"Typographic Stats","d":"Oversized number rows with labels and context, editorial style.","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats62","t":"Video With Stat Cards","d":"Centered header above a wide video thumbnail with a play overlay, followed by a row of thr","s":"beste-ui","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:stats63","t":"Result Cards With Lead","d":"An eyebrow and large heading paired with a dark CTA on one row, above three tall stat card","s":"beste-ui","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:stats64","t":"Decade Tally Band","d":"An oversized monochrome stat band with rule-divided figures and editorial labels beneath e","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats65","t":"Asymmetric Lead Stat","d":"One oversized lead figure paired with a ruled, right-aligned stack of supporting stats spl","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats66","t":"Outcome Metric Rows","d":"A results section that stacks each metric on its own hairline row, pairing an oversized fi","s":"beste-ui","c":"data-display/stat","hc":1},{"id":"beste-ui:stats67","t":"Before And After Pairs","d":"A results section stacking each measure on its own hairline row, moving a muted starting f","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats68","t":"Segmented Total Breakdown","d":"A results section that leads on one oversized total, splits it across a segmented accent b","s":"beste-ui","c":"data-display/stat","hc":1},{"id":"beste-ui:stats69","t":"Quarterly Metric Matrix","d":"A quarterly results matrix of hairline cells, each pairing a light figure with a signed ch","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats70","t":"Annual Report Readings","d":"An annual results section pairing an image tile that floats a live breakdown chart with a ","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats71","t":"Single Headline Figure","d":"A results section that commits to one enormous light figure, reads it back as a statement ","s":"beste-ui","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:stats72","t":"Cohort Retention Grid","d":"A retention table that follows each joining cohort across its first year, tinting every ce","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats73","t":"Benchmark Comparison Bars","d":"A benchmarking section that pairs an accent bar for the platform median against a muted ba","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats74","t":"Inverted Live Counters","d":"A live platform panel on one dark surface, with four light figures on a hairline rule and ","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats75","t":"Audience Figures With Sourcing Notes","d":"Four publication figures on hairlines, each carrying a label and a short note on how that ","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:stats76","t":"Counting Numbers","d":"An impact section where a serif heading settles in word by word beside a pill action, then","s":"beste-ui","c":"data-display/stat","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:stats77","t":"Photo Figures","d":"A split statistics section: a portrait photograph drifting inside its frame on the left, a","s":"beste-ui","c":"data-display/stat","tg":["animated","webgl"],"sy":["animated","webgl"]},{"id":"beste-ui:stats78","t":"Ink Numbers Band","d":"A dark ink statistics band with film grain: a serif statement that settles in word by word","s":"beste-ui","c":"data-display/stat","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:stats79","t":"Large Figures Beside a Chart Stage","d":"A left-aligned header over a two-part layout. One side is a column of three large figures,","s":"beste-ui","c":"data-display/stat","tg":["glass","gradient","webgl"],"sy":["glass","gradient","webgl"]},{"id":"beste-ui:stats80","t":"Figure Stages in an Alternating Mosaic","d":"A left-aligned header over four borderless stages of equal height laid out as a mosaic, wi","s":"beste-ui","c":"data-display/stat","tg":["glass","gradient"],"sy":["glass","gradient"]},{"id":"beste-ui:stats81","t":"Field Triptych With Rolling Figures","d":"A left-aligned header above a triptych of three tall, narrow, borderless stages of equal h","s":"beste-ui","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:terminal1","t":"CLI Installation Typewriter","d":"Animated terminal that types commands character-by-character with output responses. Perfec","s":"beste-ui","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"beste-ui:terminal2","t":"Code Snippet with Marketing Split","d":"Two-column layout with marketing content and a static code snippet display with copy funct","s":"beste-ui","c":"data-display/code-block","tg":["playful","retro and HUD"],"sy":["playful","retro and HUD"]},{"id":"beste-ui:terminal3","t":"One Command Install","d":"A centered install section with an eyebrow, light heading, paragraph, a row of package-man","s":"beste-ui","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"beste-ui:testimonial1","t":"Carousel Testimonials","d":"Full-width swipeable testimonial carousel with autoplay and dot navigation. Perfect for hi","k":"section","s":"beste-ui","c":"marketing/testimonials","hc":1},{"id":"beste-ui:testimonial6","t":"Centered Quote","d":"Minimalist single testimonial with centered quote and author details. Perfect for hero sec","k":"section","s":"beste-ui","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"beste-ui:testimonial8","t":"Quote Cards Grid","d":"Grid of testimonial cards with decorative quote marks and HTML-supported text highlighting","k":"section","s":"beste-ui","c":"marketing/testimonials","hc":1},{"id":"beste-ui:testimonial11","t":"Split Image Testimonial","d":"Two-column layout with large image, star rating, and bordered author section. Perfect for ","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:testimonial12","t":"Video Testimonials","d":"Video testimonial cards with thumbnail previews, play buttons, and modal player. Perfect f","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:testimonial14","t":"Stats and Quote","d":"Key statistics row followed by a centered testimonial quote with author avatar. Perfect fo","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:testimonial15","t":"Logo Cloud with Quote","d":"Company logo cloud combined with a featured testimonial card below. Perfect for showcasing","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:testimonial16","t":"Gradient Testimonial with CTA","d":"Eye-catching testimonial with gradient background, decorative orb effect, and call-to-acti","k":"section","s":"beste-ui","c":"marketing/testimonials","tg":["gradient"],"sy":["gradient"]},{"id":"beste-ui:testimonial18","t":"Before/After Comparison","d":"Side-by-side before/after comparison lists with a testimonial quote below. Perfect for dem","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:testimonial19","t":"Case Study Card","d":"Case study testimonial card with company logo, key metrics, and CTA button. Perfect for sh","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:testimonial23","t":"Tagged Testimonials Grid","d":"Grid of testimonial cards with category tags like Performance, Support, or Pricing. Perfec","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:testimonial25","t":"Testimonial Carousel","d":"Horizontally scrollable testimonial cards with full-bleed portraits, overlaid quote and au","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:testimonial26","t":"Quote Wall","d":"Masonry column wall of varied-length testimonial cards with avatars.","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:testimonial27","t":"Spotlight Quote","d":"Single large spotlight testimonial with author block and prev/next navigation.","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:testimonial28","t":"Marquee Quotes","d":"Two opposing auto-scrolling marquee rows of testimonial cards.","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:testimonial29","t":"Sticky Quote List","d":"Sticky featured testimonial and rating beside a scrollable list of quote cards.","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:testimonial30","t":"Rated Reviews","d":"Centered grid of star-rated testimonial cards with avatars.","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:testimonial31","t":"Stats With Testimonial Gallery","d":"Centered header above a stats rail beside an expanding portrait gallery — hovering a perso","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:testimonial32","t":"Scrolling Testimonial Wall","d":"Centered header above three vertically auto-scrolling columns of rated review cards with f","k":"section","s":"beste-ui","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:testimonial33","t":"Split Quote Card","d":"Centered parenthetical eyebrow and bold heading above a split card: a full-bleed portrait ","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:testimonial34","t":"Testimonial Marquee","d":"Two rows of monochrome quote cards scrolling in opposite directions with edge fades.","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:testimonial35","t":"Oversized Pull Quote Testimonial","d":"A single dramatic pull-quote with a decorative mark, centered above a rounded avatar, name","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:testimonial36","t":"Masonry Quote Wall","d":"A monochrome masonry wall of varying-height testimonial cards in a CSS columns layout.","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:testimonial41","t":"Editorial Quote Proof","d":"An editorial testimonial with an eyebrow, a large light quote and author on the left, an i","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:testimonial42","t":"Three Quote Grid","d":"A testimonial grid with an eyebrow over a hairline rule, a two-column heading, and three b","k":"section","s":"beste-ui","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:testimonial43","t":"Quote With Rating","d":"A testimonial with an eyebrow over a hairline rule, pairing a large light quote and author","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:testimonial44","t":"Portrait Customer Story","d":"A single customer story that sets a tall portrait with a gradient name card beside an over","k":"section","s":"beste-ui","c":"marketing/testimonials","tg":["gradient","webgl"],"sy":["gradient","webgl"]},{"id":"beste-ui:testimonial45","t":"Client Quote Ledger","d":"Three testimonials as ruled columns, each led by a grayscale client logo, followed by a la","k":"section","s":"beste-ui","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:testimonial46","t":"Client Index Quote Switcher","d":"Testimonial section driven by a ruled client index: clicking a name swaps the panel beside","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:testimonial47","t":"Reader Letters, Printed In Full","d":"Two long replies set as letters rather than pull quotes, each running at full length on a ","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:testimonial48","t":"Client Stories","d":"Long-form testimonials told as stories: a serif heading settling in word by word beside th","k":"section","s":"beste-ui","c":"marketing/testimonials","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:testimonial49","t":"Notes Wall","d":"A wall of six short testimonials on soft muted cards, the middle column set a step lower, ","k":"section","s":"beste-ui","c":"marketing/testimonials","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:testimonial50","t":"Three Voices","d":"A rotating testimonial: a portrait on the left and a large serif quote on the right blur o","k":"section","s":"beste-ui","c":"marketing/testimonials","tg":["animated","webgl"],"sy":["animated","webgl"]},{"id":"beste-ui:testimonial51","t":"Single Voice","d":"One centred testimonial: a long serif quote that settles in word by word, the speaker's po","k":"section","s":"beste-ui","c":"marketing/testimonials","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:testimonial52","t":"Starred Reviews","d":"Four reviews in two columns under a ruled header: each with a five-star row, a serif quote","k":"section","s":"beste-ui","c":"marketing/testimonials","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:testimonial53","t":"Portrait and Long Quote","d":"One long testimonial beside a portrait: the photograph drifts inside its frame on the left","k":"section","s":"beste-ui","c":"marketing/testimonials","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:testimonial54","t":"Three Ruled Quotes","d":"Three short testimonials in ruled columns, each a serif quote with a name and context, und","k":"section","s":"beste-ui","c":"marketing/testimonials","tg":["animated","webgl"],"sy":["animated","webgl"]},{"id":"beste-ui:testimonial55","t":"Customer Stories With Result Cards","d":"A left-aligned header over three customer stories of equal height. Each card has its own s","k":"section","s":"beste-ui","c":"marketing/testimonials","tg":["glass","gradient","webgl"],"sy":["glass","gradient","webgl"]},{"id":"beste-ui:testimonial56","t":"Single Quote Over A Pond","d":"A centered header above one borderless stage of fixed height that shows a single large quo","k":"section","s":"beste-ui","c":"marketing/testimonials","tg":["glass"],"sy":["glass"]},{"id":"beste-ui:testimonial57","t":"Large Quote Beside An Engraved Portrait","d":"A single client testimonial in two columns. A tall borderless stage of fixed height on the","k":"section","s":"beste-ui","c":"marketing/testimonials"},{"id":"beste-ui:travel1","t":"Featured Trip Hero","d":"Full-width hero showcasing a featured trip with destination, duration, group size, ratings","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:travel2","t":"Video Background Hero","d":"Immersive hero section with autoplay video background, centered overlay text, and dual CTA","k":"section","s":"beste-ui","c":"marketing/hero","sb":"With video"},{"id":"beste-ui:travel5","t":"Split Travel Planner","d":"Two-column layout with feature checklist, rating display, and floating destination stats c","k":"section","s":"beste-ui","c":"marketing/features","sb":"Showcase and split"},{"id":"beste-ui:travel6","t":"Destination Cards Grid","d":"Responsive card grid showcasing destinations with images, ratings, pricing, and interactiv","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:travel7","t":"Destination Carousel","d":"Horizontal carousel with tall portrait destination cards featuring names and taglines on g","s":"beste-ui","c":"media/carousel","tg":["gradient"],"sy":["gradient"]},{"id":"beste-ui:travel8","t":"Filterable Destinations","d":"Destination grid with icon-based category filter buttons for beach, mountain, city, nature","s":"beste-ui","c":"actions/button"},{"id":"beste-ui:travel9","t":"Trending Destinations List","d":"Ranked list of trending destinations showing position numbers, thumbnails, trend percentag","s":"beste-ui","c":"data-display/list"},{"id":"beste-ui:travel12","t":"Destination Comparison","d":"Side-by-side destination comparison cards displaying flight time, best season, average cos","k":"section","s":"beste-ui","c":"marketing/comparison"},{"id":"beste-ui:travel17","t":"Trip Itinerary Timeline","d":"Visual day-by-day trip timeline with numbered day badges, location images, and time-based ","s":"beste-ui","c":"data-display/timeline"},{"id":"beste-ui:travel18","t":"Travel Guides Team","d":"Grid showcase of travel guides with photos, specialties, languages spoken, ratings, and to","k":"section","s":"beste-ui","c":"marketing/team"},{"id":"beste-ui:travel19","t":"Tour Type Categories","d":"Visual category grid showing tour types like adventure, cultural, beach, and safari with i","s":"beste-ui","c":"media/gallery","hc":1},{"id":"beste-ui:travel20","t":"Group vs Private Tours","d":"Side-by-side comparison of group and private tour options with pricing, features, and sele","k":"section","s":"beste-ui","c":"marketing/comparison"},{"id":"beste-ui:travel21","t":"Custom Trip Builder CTA","d":"Split-layout card promoting custom trip planning with feature bullet points and a large im","k":"section","s":"beste-ui","c":"marketing/cta","hc":1},{"id":"beste-ui:travel22","t":"All Inclusive Package","d":"Featured package card showing destination image, pricing, and included amenities like flig","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:travel23","t":"Day Trips Grid","d":"Grid of day trip cards showing location, duration, group size, ratings, and pricing with b","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:travel24","t":"Multi City Tours","d":"Tour cards displaying multi-city itineraries with circular city thumbnails, night counts, ","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:travel25","t":"Destination Highlights","d":"Grid of local experiences with category badges, location, duration, and ratings for a spec","s":"beste-ui","c":"data-viz/map"},{"id":"beste-ui:travel34","t":"Trust & Reviews Section","d":"Social proof section with star rating breakdown, recommendation percentage, and company hi","s":"beste-ui","c":"inputs/rating"},{"id":"beste-ui:travel36","t":"Package Inclusions","d":"Four-column grid showing what's included in travel packages organized by categories like t","k":"section","s":"beste-ui","c":"marketing/marketing"},{"id":"beste-ui:travel41","t":"Trip Cost Breakdown","d":"Itemized pricing card showing costs for flights, accommodation, transfers, meals, and acti","k":"section","s":"beste-ui","c":"marketing/pricing"},{"id":"beste-ui:travel42","t":"Narrowing Destination Shortlist","d":"A destination finder that eliminates in the open: a grid of six photographs sits beside th","s":"beste-ui","c":"data-display/badge","hc":1},{"id":"beste-ui:travel43","t":"Trip Planner Stage With Supporting Cards","d":"A centered header with two buttons sits above a wide muted stage holding one enlarged live","s":"beste-ui","c":"data-display/card","tg":["webgl"],"sb":"Pricing","sy":["webgl"]},{"id":"beste-ui:usecase1","t":"Interactive Tab Showcase","d":"Tab-based use case section with images, descriptions, and feature checklists that collapse","s":"beste-ui","c":"navigation/tabs"},{"id":"beste-ui:usecase2","t":"Use Case Card Grid","d":"Responsive grid of use case cards with hover effects, images, descriptions, and feature ch","s":"beste-ui","c":"data-display/card","hc":1},{"id":"beste-ui:usecase3","t":"Numbered Steps Process","d":"Vertical numbered steps with alternating left-right image positions, descriptions, and fea","k":"section","s":"beste-ui","c":"marketing/features","sb":"Steps","hc":1},{"id":"beste-ui:usecase4","t":"Industry Solutions Grid","d":"Card grid showcasing industry-specific solutions with icons, images, descriptions, and fea","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"beste-ui:usecase5","t":"Feature Icon Grid","d":"Centered icon grid with titles and descriptions, featuring hover animations on icon contai","k":"section","s":"beste-ui","c":"marketing/features","tg":["minimal"],"sb":"Grid of cards","sy":["minimal"],"hc":1},{"id":"beste-ui:usecase7","t":"Solutions Accordion","d":"Expandable accordion layout with icons, images, descriptions, and feature lists inside eac","s":"beste-ui","c":"data-display/accordion","hc":1},{"id":"beste-ui:usecase8","t":"Vertical Timeline","d":"Centered timeline with alternating left-right content cards, icons, images, and feature li","s":"beste-ui","c":"data-display/timeline","hc":1},{"id":"beste-ui:usecase9","t":"Masonry Bento Grid","d":"CSS columns-based masonry layout with variable-height cards featuring background images an","s":"beste-ui","c":"media/gallery","tg":["gradient"],"sb":"Masonry","sy":["gradient"],"hc":1},{"id":"beste-ui:usecase10","t":"Split Content Card","d":"Two-column card with text content, bullet list, and CTA buttons alongside a full-height im","s":"beste-ui","c":"data-display/card","hc":1},{"id":"beste-ui:usecase11","t":"Platform Tabs Showcase","d":"Pill-style horizontal tabs displaying platform availability with large images, feature che","s":"beste-ui","c":"navigation/tabs"},{"id":"beste-ui:usecase12","t":"Workflow Stage Tabs","d":"Tab navigation showing workflow stages with split image cards featuring stats overlays and","s":"beste-ui","c":"navigation/tabs"},{"id":"beste-ui:usecase14","t":"Segmented Control Tabs","d":"Segmented control style tabs with split layout showing image, description, and bullet poin","s":"beste-ui","c":"navigation/tabs"},{"id":"beste-ui:usecase15","t":"Step Wizard Navigator","d":"Interactive step-by-step wizard with progress bar, clickable step indicators, images, and ","s":"beste-ui","c":"navigation/wizard-steps"},{"id":"beste-ui:usecase17","t":"Hover Reveal Cards","d":"Card grid with background images that reveals detailed content on hover via smooth slide-u","s":"beste-ui","c":"data-display/card","sb":"Animated and glowing"},{"id":"beste-ui:usecase18","t":"Industry Stats Cards","d":"Card grid showcasing industries with icons, descriptions, and key statistics like company ","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:usecase19","t":"Portfolio Masonry Gallery","d":"Pinterest-style masonry grid with variable-height image cards, category labels, and hover ","s":"beste-ui","c":"media/gallery","sb":"Masonry"},{"id":"beste-ui:usecase20","t":"3D Flip Service Cards","d":"Interactive flip cards with 3D rotation effect showing icon and title on front, detailed f","k":"section","s":"beste-ui","c":"marketing/features","tg":["3d"],"sb":"Grid of cards","sy":["3d"]},{"id":"beste-ui:usecase22","t":"Spotlight Feature Layout","d":"Asymmetric layout with large featured card in center flanked by smaller feature cards on b","k":"section","s":"beste-ui","c":"marketing/features"},{"id":"beste-ui:usecase23","t":"Feature Comparison Matrix","d":"Structured comparison table with category-grouped rows, checkmark indicators, and highligh","k":"section","s":"beste-ui","c":"marketing/comparison"},{"id":"beste-ui:usecase32","t":"Parallax Destination Cards","d":"Three-column card grid with hover parallax zoom effect on background images and sliding co","k":"layout","s":"beste-ui","c":"layout/scroll-area","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:usecase37","t":"Detailed Feature Cards","d":"Two-column grid of feature cards with icons, extended descriptions, and bullet point highl","k":"section","s":"beste-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"beste-ui:usecase40","t":"Solution Comparison Table","d":"Feature comparison table with checkmarks, text values, highlighted column, and CTA buttons","k":"section","s":"beste-ui","c":"marketing/comparison"},{"id":"beste-ui:usecase41","t":"Role Use Case Cards","d":"A use-case section with an eyebrow over a hairline rule, a two-column heading, and three b","s":"beste-ui","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:usecase42","t":"Multi Site Locations","d":"A multi-site use case with an eyebrow over a hairline rule, a two-column heading, and thre","s":"beste-ui","c":"data-viz/map","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:usecase43","t":"A Day In Appointments","d":"A use case with an eyebrow over a hairline rule, a two-column heading, and three image til","s":"beste-ui","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:usecase44","t":"Situation Fit Columns","d":"Qualifying section describing three situations a service suits: each ruled column pairs th","s":"beste-ui","c":"data-display/badge","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:usecase45","t":"Alternating Scenario Rows","d":"Three use cases as image and text rows, each numbered and carrying a story, two ruled outc","s":"beste-ui","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:usecase46","t":"Industry Portrait Tiles","d":"Four tall image tiles, one per industry, each followed by an explanation and a ruled foot ","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:usecase47","t":"Job Index With Image Panel","d":"Ruled index of jobs on the left that swaps the panel beside it, where each selection bring","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:usecase48","t":"Stacked Photo Bands","d":"Three tall photographic bands stacked full width, each carrying an eyebrow, display title,","s":"beste-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:usecase49","t":"Audience Tabs With Photo","d":"Pill tabs for each audience swap a split panel holding a tall photograph beside a title, s","s":"beste-ui","c":"navigation/tabs"},{"id":"beste-ui:usecase50","t":"A Day In The Tool","d":"Showcase built as a ruled timetable: selecting an hour swaps a soft panel that floats the ","s":"beste-ui","c":"inputs/textarea"},{"id":"beste-ui:usecase51","t":"Two Route Photo Columns","d":"Two picture-led routes side by side, each with an eyebrow, title, dotted-rule expectations","s":"beste-ui","c":"media/gallery"},{"id":"beste-ui:usecase52","t":"Placement Mosaic Grid","d":"Six application tiles alternating between landscape and portrait crops, each captioned on ","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:usecase53","t":"Single Case Photo Story","d":"One client story told in three photographed steps, opening with the client name on a ruled","s":"beste-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:usecase54","t":"Four Situations","d":"A who-this-is-for section: a serif heading that settles in word by word beside the intro a","s":"beste-ui","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"]},{"id":"beste-ui:usecase55","t":"Is This You","d":"A self-recognition list: a sticky column with a serif heading that settles in word by word","s":"beste-ui","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"]},{"id":"beste-ui:usecase56","t":"Audience Tabs","d":"A who-is-it-for section with pill tabs under a serif heading that settles in word by word:","s":"beste-ui","c":"navigation/tabs","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:usecase57","t":"Linked Audience Cards","d":"Four hairline cards, each a whole link opening with a round portrait, then a quiet label, ","s":"beste-ui","c":"data-display/card","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:usecase58","t":"Linked Setting Tiles","d":"Six photographic tiles in a three-column grid, every one a whole link: the photograph drif","k":"layout","s":"beste-ui","c":"flows/settings","tg":["animated","gradient","webgl"],"sy":["animated","gradient","webgl"]},{"id":"beste-ui:usecase59","t":"Linked Situation Rows","d":"Five situations as ruled rows, each one a whole link: a square photograph pinned left, a s","s":"beste-ui","c":"data-display/list","tg":["animated"],"sy":["animated"]},{"id":"beste-ui:usecase60","t":"Two Linked Directories","d":"Two ruled directories side by side under their own small-caps headings, every row a link c","s":"beste-ui","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"]},{"id":"beste-ui:usecase61","t":"Linked Story Cards","d":"Three case studies, each card a whole link: a photograph drifting inside its frame, a seri","s":"beste-ui","c":"data-display/card","tg":["animated","webgl"],"sb":"Article","sy":["animated","webgl"]},{"id":"beste-ui:usecase62","t":"Three Linked Paths","d":"Three route cards ordered from slowest to quickest, each one a whole link with a pace labe","k":"motion","s":"beste-ui","c":"motion/shader","tg":["animated","webgl"],"sy":["animated","webgl"]},{"id":"beste-ui:usecase63","t":"Studio Disciplines As A Poster Wall","d":"A what we make section with the heading on the left and a description on the right, above ","s":"beste-ui","c":"data-display/list"},{"id":"beste-ui:workflow1","t":"Hero with Workflow Recipe","d":"Two-column workflow hero with a live automation recipe card on the right showing a multi-a","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:workflow2","t":"Three Cards With Workflow Assets","d":"Three feature cards that swap icons for live workflow pieces: an app picker, a configurabl","s":"beste-ui","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:workflow3","t":"Accordion With Workflow Media","d":"Accordion on the left, swappable workflow asset on the right. Each row picks its own piece","s":"beste-ui","c":"data-display/accordion"},{"id":"beste-ui:workflow4","t":"Workflow Stats With Live Tiles","d":"Three-column stats strip where each metric is anchored by a real workflow piece: active ru","s":"beste-ui","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:workflow5","t":"Reliability CTA With Failed Run","d":"Two-column CTA paired with a failed-run retry card. Copy talks reliability while the asset","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:workflow6","t":"Trigger Library Showcase","d":"Asymmetric showcase: a tall image hero on the left paired with two stacked workflow assets","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:workflow7","t":"Zigzag Process Steps","d":"Four-step zigzag flow that alternates a workflow piece between sides. Each row pairs a num","k":"section","s":"beste-ui","c":"marketing/features","sb":"Steps"},{"id":"beste-ui:workflow8","t":"Manual vs Automated Comparison","d":"Side-by-side card contrasting the manual inbox with the live workflow tile. A real email a","k":"section","s":"beste-ui","c":"marketing/comparison"},{"id":"beste-ui:workflow9","t":"Customer Story With Workflow Pair","d":"Editorial customer story card: a pull quote on top, then a two-piece pair showing the actu","s":"beste-ui","c":"actions/switch"},{"id":"beste-ui:workflow10","t":"Tabbed Use Cases","d":"Tabbed showcase where each tab swaps a team's typical workflow surface. Left side carries ","k":"section","s":"beste-ui","c":"marketing/team"},{"id":"beste-ui:workflow11","t":"Hero With Workflow Pieces Strip","d":"Minimal centered hero with a three-tile strip of workflow pieces underneath: delay, email,","k":"section","s":"beste-ui","c":"marketing/hero","tg":["minimal","webgl"],"sb":"SaaS and AI","sy":["minimal","webgl"]},{"id":"beste-ui:workflow12","t":"Workflow Canvas Hero","d":"Hero with a full canvas on the right showing a real workflow flow: trigger node, condition","k":"section","s":"beste-ui","c":"marketing/hero","sb":"SaaS and AI"},{"id":"beste-ui:workflow13","t":"Trigger Marketplace","d":"Full-width trigger picker with search, category filters, and a 12-app grid. Drop-in app ma","s":"beste-ui","c":"inputs/select"},{"id":"beste-ui:workflow14","t":"Run History Timeline","d":"Full-width run history table showing live workflow runs with status pills, duration, start","s":"beste-ui","c":"data-display/timeline"},{"id":"beste-ui:workflow15","t":"Recipe Marketplace Grid","d":"Recipe marketplace with filter chips and a six-card grid. Each card stacks the apps it con","k":"section","s":"beste-ui","c":"marketing/cta"},{"id":"beste-ui:workflow16","t":"Visual Workflow Builder Mockup","d":"Three-pane builder mockup: a step sidebar, a node canvas with connected workflow nodes, an","s":"beste-ui","c":"media/mockup","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:workflow17","t":"Workflow Analytics Dashboard","d":"Full-width analytics card with four KPI tiles, a CSS bar chart of the last 30 days, and a ","k":"layout","s":"beste-ui","c":"layout/dashboard"},{"id":"beste-ui:workflow18","t":"Workflow Pricing Tiers","d":"Three pricing tiers tuned to workflow products: run quotas, workflow counts, and integrati","k":"section","s":"beste-ui","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"beste-ui:workflow19","t":"Workflow Onboarding Checklist","d":"Onboarding card with a progress bar and a six-step checklist. Each step shows a completion","s":"beste-ui","c":"inputs/checkbox"},{"id":"beste-ui:workflow20","t":"Live Status Banner","d":"Minimal uptime banner: live status pill, a 90-day color-coded bar strip, and a single perc","s":"beste-ui","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:workflow21","t":"Workflow API & Webhook Tabs","d":"Developer-facing split: copy on the left, tabbed code blocks on the right showing the API ","s":"beste-ui","c":"navigation/tabs"},{"id":"beste-ui:workflow22","t":"Live Ops Counter Banner","d":"Minimal live-ops banner: pulsing live dot, a big in-flight workflow counter, a 24-bar thro","s":"beste-ui","c":"overlays/alert-banner","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"beste-ui:workflow23","t":"Usage Quota Meter","d":"Minimal quota meter card: header with usage label, large used/limit counter, a single prog","s":"beste-ui","c":"data-viz/gauge","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:workflow24","t":"Upcoming Schedules Banner","d":"Minimal upcoming-runs banner: calendar header, a featured next-run callout, and four compa","s":"beste-ui","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"]},{"id":"beste-ui:workflow25","t":"Process Step Carousel","d":"How-we-work section: a square visual beside a step panel with prev/next navigation, step t","s":"beste-ui","c":"media/carousel"},{"id":"beste-ui:workflow26","t":"Process Flow","d":"Horizontal connected process steps with numbered nodes on a continuous rail.","k":"section","s":"beste-ui","c":"marketing/features","sb":"Steps"},{"id":"beste-ui:workflow27","t":"Process Ascent","d":"Ascending-staircase process timeline where each phase climbs above the last, with oversize","k":"section","s":"beste-ui","c":"marketing/features","sb":"Steps"},{"id":"beste-ui:workflow28","t":"Phase Tabs","d":"Tabbed engagement phases with deliverables, duration and imagery.","s":"beste-ui","c":"navigation/tabs"},{"id":"beste-ui:workflow29","t":"Engagement Timeline","d":"Mini-gantt of engagement phases with duration bars over a week scale.","s":"beste-ui","c":"data-display/timeline"},{"id":"beste-ui:workflow30","t":"Phase Selector","d":"Sticky clickable phase list driving a detail panel with checklist and image.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:workflow31","t":"Sprint Cadence","d":"A weekly sprint rhythm shown as day columns of activities.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:workflow32","t":"Process Accordion","d":"Expandable numbered process steps revealing deliverables and duration.","s":"beste-ui","c":"data-display/accordion"},{"id":"beste-ui:workflow33","t":"Stage Rail","d":"Interactive process rail with a filling progress spine; selecting a stage swaps its media ","s":"beste-ui","c":"data-display/badge","sb":"Tags and pills"},{"id":"beste-ui:workflow34","t":"Phase Outcomes","d":"Each engagement phase mapped from its inputs to its outcomes.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:workflow35","t":"Method Pillars","d":"A featured methodology panel alongside supporting principle pillars.","s":"beste-ui","c":"data-display/badge","sb":"Tags and pills"},{"id":"beste-ui:workflow36","t":"Process Timeline","d":"A single-rail vertical process timeline with numbered nodes and per-step duration and owne","s":"beste-ui","c":"data-display/timeline"},{"id":"beste-ui:workflow37","t":"Parallel Tracks","d":"Two parallel workstream swimlanes aligned across shared phase columns.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:workflow38","t":"Cascade Process","d":"Process steps cascading in a diagonal staircase with connecting markers.","k":"section","s":"beste-ui","c":"marketing/features","sb":"Steps"},{"id":"beste-ui:workflow39","t":"Phase Index","d":"A numbered phase index that cross-fades a sticky detail panel as each phase is hovered.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:workflow40","t":"Process Board","d":"A kanban-style board showing studio work moving across stage columns.","s":"beste-ui","c":"data-display/kanban"},{"id":"beste-ui:workflow41","t":"Timeline Scroller","d":"A horizontally scrollable dated milestone timeline with alternating cards on a continuous ","s":"beste-ui","c":"data-display/timeline"},{"id":"beste-ui:workflow42","t":"Phase Bands","d":"Full-width phase bands anchored by oversized ghost numerals with duration meta.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:workflow43","t":"Weekly Plan","d":"Week-grouped task checklists each with a focus tag and a progress bar.","k":"section","s":"beste-ui","c":"marketing/pricing","sb":"Plan cards"},{"id":"beste-ui:workflow44","t":"Overview & Phases","d":"A sticky process overview with summary stats beside an expandable phase accordion.","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:workflow45","t":"Process Metrics","d":"Each process stage paired with a prominent SLA-style metric.","s":"beste-ui","c":"data-display/stat"},{"id":"beste-ui:workflow46","t":"Numbered Process Steps","d":"Left-aligned intro with eyebrow, heading and CTA beside a four-column band of numbered pro","k":"section","s":"beste-ui","c":"marketing/features","sb":"Steps"},{"id":"beste-ui:workflow47","t":"Three Phase Rollout Timeline","d":"An implementation timeline laid out as three hairline columns, each opening with a week ma","s":"beste-ui","c":"data-display/timeline","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:workflow48","t":"Approval Chain Trail","d":"An approval workflow drawn as a vertical rail of nodes tinted by whether each step is done","s":"beste-ui","c":"overlays/notifications"},{"id":"beste-ui:workflow49","t":"Branching Decision Flow","d":"A workflow that states one trigger on an inverted full-width panel, then forks into two eq","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:workflow50","t":"Daily Weekly Monthly Cadence","d":"An operating rhythm split into three hairline columns for daily, weekly, and monthly routi","s":"beste-ui","c":"data-display/badge","tg":["webgl"],"sy":["webgl"]},{"id":"beste-ui:workflow51","t":"Automation Coverage Map","d":"A workflow that scores each stage on how much of it runs unattended, drawing an accent bar","s":"beste-ui","c":"data-viz/map"},{"id":"beste-ui:workflow52","t":"Role Swimlane Grid","d":"A responsibility swimlane crossing roles against stages, filling every cell by whether tha","s":"beste-ui","c":"data-display/badge"},{"id":"beste-ui:workflow53","t":"Escalation Ladder","d":"A time-based escalation path held in a bordered panel, each rung naming the elapsed time, ","s":"beste-ui","c":"data-display/card"},{"id":"beste-ui:workflow54","t":"Data Flow Map","d":"An integration map naming every system as a card, inverting the first-party one so it read","s":"beste-ui","c":"data-viz/map"},{"id":"beste-ui:workflow55","t":"Process Weight Spectrum","d":"A process sizer that answers with a position rather than a verdict: a photographic band op","k":"section","s":"beste-ui","c":"marketing/features","sb":"Steps","hc":1},{"id":"beste-ui:workflow56","t":"Public Writing Board","d":"A four column board showing the real work in progress, each column stating the rule that l","s":"beste-ui","c":"data-display/kanban"},{"id":"beste-ui:workflow57","t":"Three Steps Process","d":"A how-it-works section: serif heading settling in word by word beside the intro and a pill","k":"section","s":"beste-ui","c":"marketing/features","tg":["animated","webgl"],"sb":"Steps","sy":["animated","webgl"]},{"id":"beste-ui:workflow58","t":"Between Sessions Line","d":"A four-step process on one horizontal line that draws itself across the page as the steps ","s":"beste-ui","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"]},{"id":"beste-ui:workflow59","t":"Vertical Steps Line","d":"A vertical process: a sticky column with a serif heading that settles in word by word, an ","s":"beste-ui","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"]},{"id":"beste-ui:workflow60","t":"Alternating Scene Steps","d":"A centered header over a sequence of steps that alternate sides. Each step pairs a live is","k":"section","s":"beste-ui","c":"marketing/features","sb":"Steps"},{"id":"beste-ui:workflow61","t":"Three Step Live Product Strip","d":"A header with two buttons on the right over one continuous strip split into three stages, ","k":"motion","s":"beste-ui","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"better-auth-ui:auth-provider","t":"Auth Provider","d":"Wraps the Better Auth UI provider and mounts an ErrorToaster that surfaces query and mutat","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"better-auth-ui:additional-field","t":"Additional Field","d":"Renders a configured additional user field on the sign-up form and user profile, with supp","s":"better-auth-ui","c":"inputs/form-field","hc":1},{"id":"better-auth-ui:sign-in","t":"Sign In","d":"A complete sign-in form component with email/password and social provider support.","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"better-auth-ui:anonymous","t":"Anonymous","d":"Adds a Continue as guest button backed by Better Auth's anonymous plugin.","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"better-auth-ui:agent-auth","t":"Agent Auth","d":"Capability approval and grant revocation UI for Better Auth Agent Auth.","s":"better-auth-ui","c":"ai-agent/ai-agent","hc":1},{"id":"better-auth-ui:sso","t":"SSO and Email First Sign In","d":"Discovers organization SSO from an email address and manages organization identity provide","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"better-auth-ui:last-login-method","t":"Last Login Method","d":"Adds a localized last-used indicator to email and social sign-in methods tracked by Better","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"better-auth-ui:one-tap","t":"Google One Tap","d":"Updates the authentication surfaces with the headless prompt slot used by the Google One T","s":"better-auth-ui","c":"ai-agent/composer","tg":["webgl"],"sy":["webgl"]},{"id":"better-auth-ui:sign-up","t":"Sign Up","d":"A complete sign-up form component with name, email, password fields, and social provider s","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"better-auth-ui:email-otp","t":"Email OTP","d":"Email OTP plugin: passwordless sign-in with an emailed code, plus code-based replacements ","s":"better-auth-ui","c":"inputs/otp-input","hc":1},{"id":"better-auth-ui:phone-number","t":"Phone Number","d":"Phone-number plugin with verification-code and password sign-in, password recovery, and ve","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"better-auth-ui:magic-link","t":"Magic Link","d":"Magic-link plugin: passwordless email sign-in form, toggle button between password and mag","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"better-auth-ui:billing","t":"Billing","d":"Provider-neutral plans, subscription, portal, seats, cancellation, restoration, and usage ","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"better-auth-ui:dash","t":"Dash Activity","d":"Filtered personal, organization, and administrator audit logs backed by Better Auth Infras","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"better-auth-ui:oauth-provider","t":"OAuth Provider","d":"OAuth Provider plugin: authorization screens, connected applications, and personal or orga","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Social","hc":1},{"id":"better-auth-ui:device-authorization","t":"Device Authorization","d":"Device authorization plugin: code entry, sign-in continuation, and approve or deny actions","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"better-auth-ui:username","t":"Username","d":"Username plugin: username-based sign-in form and availability checking field. Registers a ","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"better-auth-ui:passkey","t":"Passkey","d":"Passkey plugin: WebAuthn sign-in button and passkey management card. Registers a passkey s","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"better-auth-ui:siwe","t":"Sign in with Ethereum","d":"ERC-4361 wallet sign-in with optional email collection and server-authorized wallet accoun","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"better-auth-ui:two-factor","t":"Two Factor","d":"Two-factor plugin: the post-password challenge for authenticator, emailed, and backup code","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"better-auth-ui:api-key","t":"API Key","d":"API Key plugin: list, create, copy, and revoke API keys. Registers an API Keys security ca","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"better-auth-ui:admin","t":"Admin","d":"Static administration shell with user management, a user inspector, session controls, and ","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"better-auth-ui:multi-session","t":"Multi Session","d":"Multi-session plugin: Enable multiple concurrent sessions with account switching. Register","k":"layout","s":"better-auth-ui","c":"flows/settings","hc":1},{"id":"better-auth-ui:organization","t":"Organization","d":"Organization plugin: multi-tenant organization management with members, invitations, and r","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"better-auth-ui:theme","t":"Theme","d":"Theme plugin: theme-library agnostic theme selection. Registers an Appearance card in acco","s":"better-auth-ui","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"better-auth-ui:delete-user","t":"Delete User","d":"Delete-user plugin: danger zone with DeleteAccount card and confirmation dialog. Registers","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"better-auth-ui:forgot-password","t":"Forgot Password","d":"A form component for requesting a password reset link via email.","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"better-auth-ui:reset-password","t":"Reset Password","d":"A form component for resetting password with a token from the URL.","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"better-auth-ui:verify-email","t":"Verify Email","d":"A page prompting the user to verify their email, with a button to open their email provide","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"better-auth-ui:auth-redirect","t":"Auth Redirect","d":"A session-aware redirect view that safely continues authenticated users to a same-origin t","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"better-auth-ui:sign-out","t":"Sign Out","d":"A component that signs the user out when mounted and displays a loading state.","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"better-auth-ui:auth","t":"Auth","d":"A unified authentication component that renders the appropriate auth view based on path or","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"better-auth-ui:user-avatar","t":"User Avatar","d":"Renders the current user's avatar using session data. Shows a skeleton while loading and f","s":"better-auth-ui","c":"data-display/avatar","hc":1},{"id":"better-auth-ui:user-view","t":"User View","d":"Renders a user view that shows the user's avatar alongside their name and email.","s":"better-auth-ui","c":"data-display/avatar","hc":1},{"id":"better-auth-ui:user-button","t":"User Button","d":"Renders a user button with dropdown menu showing user info, settings link, plugin-contribu","s":"better-auth-ui","c":"actions/button","hc":1},{"id":"better-auth-ui:user-profile","t":"User Profile","d":"A form component for editing user profile information including name and avatar.","s":"better-auth-ui","c":"data-display/profile","hc":1},{"id":"better-auth-ui:change-email","t":"Change Email","d":"A form component for changing the user's email address with verification.","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"better-auth-ui:account-settings","t":"Account Settings","d":"A container component that displays account settings including user profile, change email,","k":"layout","s":"better-auth-ui","c":"flows/settings","hc":1},{"id":"better-auth-ui:change-password","t":"Change Password","d":"A form component for users to change their password with current password verification.","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"better-auth-ui:linked-accounts","t":"Linked Accounts","d":"Display and manage linked social accounts. Shows all linked social accounts with the abili","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"better-auth-ui:active-sessions","t":"Active Sessions","d":"Display and manage all active sessions for the current user with revoke controls. Shows ea","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"better-auth-ui:security-settings","t":"Security Settings","d":"A container component that displays security settings including password management, linke","k":"layout","s":"better-auth-ui","c":"flows/settings","hc":1},{"id":"better-auth-ui:settings","t":"Settings","d":"A unified settings component that renders the appropriate settings view based on path or v","k":"layout","s":"better-auth-ui","c":"flows/settings","hc":1},{"id":"better-auth-ui:email-verification-email","t":"Email Verification Email","d":"Email template component that sends email verification links to users.","k":"page","s":"better-auth-ui","c":"pages/templates","hc":1},{"id":"better-auth-ui:magic-link-email","t":"Magic Link Email","d":"Email template component that sends magic link authentication emails for passwordless sign","s":"better-auth-ui","c":"actions/link","hc":1},{"id":"better-auth-ui:reset-password-email","t":"Reset Password Email","d":"Email template component that sends password reset links to users.","k":"layout","s":"better-auth-ui","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"better-auth-ui:change-email-confirmation-email","t":"Change Email Confirmation Email","d":"Email template component for approving an email address change from the current address.","s":"better-auth-ui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"better-auth-ui:delete-account-verification-email","t":"Delete Account Verification Email","d":"Email template component for verifying a permanent account deletion request.","k":"page","s":"better-auth-ui","c":"pages/templates","hc":1},{"id":"better-auth-ui:password-changed-email","t":"Password Changed Email","d":"Email template component that notifies users when their password has been changed.","k":"page","s":"better-auth-ui","c":"pages/templates","hc":1},{"id":"better-auth-ui:email-changed-email","t":"Email Changed Email","d":"Email template component that notifies users when their email address has been changed.","k":"page","s":"better-auth-ui","c":"pages/templates","hc":1},{"id":"better-auth-ui:otp-email","t":"OTP Email","d":"Email template component that sends one-time password (OTP) verification codes to users.","s":"better-auth-ui","c":"inputs/otp-input","hc":1},{"id":"better-auth-ui:new-device-email","t":"New Device Email","d":"Email template component that notifies users when a new device signs in to their account.","k":"page","s":"better-auth-ui","c":"pages/templates","hc":1},{"id":"better-auth-ui:organization-invitation-email","t":"Organization Invitation Email","d":"Email template component that invites a user to join an organization.","k":"page","s":"better-auth-ui","c":"pages/templates","hc":1},{"id":"better-auth-ui:all","t":"All","d":"Installs every Better Auth UI component, plugin, and email template in one shot.","k":"layout","s":"better-auth-ui","c":"flows/sign-in"},{"id":"better-upload:upload-button","t":"Upload Button","s":"better-upload","c":"actions/button","sb":"Loading and states","hc":1},{"id":"better-upload:upload-dropzone","t":"Upload Dropzone","s":"better-upload","c":"inputs/file-upload","hc":1},{"id":"better-upload:upload-progress","t":"Upload Progress","s":"better-upload","c":"data-viz/progress-bar","hc":1},{"id":"better-upload:paste-upload-area","t":"Paste Upload Area","s":"better-upload","c":"inputs/file-upload","hc":1},{"id":"beui:alert","t":"Animated Alert","d":"Composable feedback with smooth transitions.","s":"beui","c":"overlays/alert-banner","hc":1},{"id":"beui:collapsible","t":"Animated Collapsible","d":"Expandable content with a smooth reveal.","s":"beui","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"beui:aspect-ratio","t":"Aspect Ratio","d":"Responsive media with smooth aspect ratio transitions.","k":"layout","s":"beui","c":"layout/page-shell","hc":1},{"id":"beui:arc-picker","t":"Arc Picker","d":"Radial text picker with top, bottom, left or right curves, smooth wheel movement and live ","s":"beui","c":"inputs/select","hc":1},{"id":"beui:sortable-stack","t":"Sortable List","d":"Composable sortable list with group, item, drag handle, content and undo parts, plus a sha","s":"beui","c":"data-display/list","sb":"Sortable","hc":1},{"id":"beui:morphing-lightbox","t":"Image Viewer Morphing","d":"A thumbnail-connected image viewer with composable gallery, thumbnail, content, caption an","s":"beui","c":"overlays/lightbox","hc":1},{"id":"beui:date-range-picker","t":"Date Range Picker","d":"Composable date range picker with root, trigger, popover content, calendar, header, grid, ","s":"beui","c":"inputs/date-range","hc":1},{"id":"beui:color-selector","t":"Animated Color Selector","d":"Composable color swatches with a spring-gliding selection ring, press feedback, native rad","s":"beui","c":"inputs/radio","hc":1},{"id":"beui:breadcrumb","t":"Animated Breadcrumb","d":"Composable breadcrumb navigation with soft path transitions, a hoverable overflow dropdown","s":"beui","c":"navigation/breadcrumb","hc":1},{"id":"beui:tilt-card","t":"Tilt Card","d":"3D perspective tilt on hover with cursor-tracked glare.","s":"beui","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"hc":1},{"id":"beui:button-metallic","t":"Button Metallic Button","d":"A neutral button surface framed by a pronounced chrome rim with a straight traveling refle","s":"beui","c":"actions/button","sb":"Animated","hc":1},{"id":"beui:button-base","t":"Button Button","d":"Press scale, hover lift, variants and sizes.","s":"beui","c":"actions/button","sb":"Animated","hc":1},{"id":"beui:button-stateful","t":"Button Stateful Button","d":"Idle → loading → success / error with blur-swap slots and morphing width.","s":"beui","c":"actions/button","sb":"Loading and states","hc":1},{"id":"beui:button-magnetic","t":"Button Magnetic Button","d":"Button composed with the Magnetic wrapper for cursor-attracted pull.","s":"beui","c":"actions/button","sb":"Animated","hc":1},{"id":"beui:expanding-arrow-button","t":"Animated CTA Buttons Expanding Arrow Button","d":"An accent tile that expands into a dotted-arrow trail on hover or focus.","s":"beui","c":"actions/button","sb":"Animated","hc":1},{"id":"beui:hold-action-button","t":"Animated CTA Buttons Hold Action Button","d":"Hold to complete with a vertical or horizontal liquid fill; release early to cancel.","s":"beui","c":"actions/button","sb":"Loading and states","hc":1},{"id":"beui:slide-action-button","t":"Animated CTA Buttons Slide Action Button","d":"Drag the thumb to the end to confirm an action; release early to spring back.","s":"beui","c":"actions/button","sb":"Animated","hc":1},{"id":"beui:expandable-control","t":"Expandable Control","d":"Click-to-expand button and chip controls that reveal a label or trailing action through sp","s":"beui","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"beui:adaptive-stepper","t":"Adaptive Stepper","d":"Composable numeric stepper whose fixed footprint adapts at its minimum and maximum while t","s":"beui","c":"navigation/wizard-steps","hc":1},{"id":"beui:marquee","t":"Marquee","d":"Infinite horizontal or vertical scroll with pause-on-hover.","k":"motion","s":"beui","c":"motion/marquee","hc":1},{"id":"beui:tabs","t":"Tabs","d":"Pill, segment or underline tabs with a spring layoutId indicator.","s":"beui","c":"navigation/tabs","hc":1},{"id":"beui:switch","t":"Switch","d":"Toggle with a spring-driven thumb and press feedback.","s":"beui","c":"actions/switch","sb":"Animated","hc":1},{"id":"beui:input","t":"Input","d":"Text input with label, left/right icons, optional stable error row, error shake and succes","s":"beui","c":"inputs/form-field","hc":1},{"id":"beui:select","t":"Select Select","d":"Composable primitives (Select, SelectTrigger, SelectValue, SelectContent, SelectItem); the","s":"beui","c":"inputs/select","hc":1},{"id":"beui:select-morph","t":"Select Morph Select","d":"Composable primitives (MorphSelect, MorphSelectTrigger, MorphSelectValue, MorphSelectConte","k":"motion","s":"beui","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"beui:combobox","t":"Combobox","d":"Searchable combobox with a morphing portal, grouped filtering, keyboard navigation, and co","s":"beui","c":"inputs/combobox","hc":1},{"id":"beui:multi-select","t":"Multi Select","d":"Composable multi-select primitives with searchable options, removable animated tokens, and","s":"beui","c":"inputs/select","hc":1},{"id":"beui:checkbox","t":"Checkbox","d":"Form choice control with a draw-on checkmark, spring press feedback and indeterminate stat","s":"beui","c":"inputs/checkbox","hc":1},{"id":"beui:radio","t":"Radio Group","d":"Single-select choice control with a gliding layoutId indicator dot and spring press feedba","s":"beui","c":"inputs/radio","hc":1},{"id":"beui:bottom-sheet","t":"Bottom Sheet","d":"Vaul-inspired draggable bottom sheet with snap points, inertia and glass surface.","s":"beui","c":"overlays/sheet","tg":["glass"],"sy":["glass"],"hc":1},{"id":"beui:pull-to-refresh","t":"Pull to Refresh","d":"Native-feeling pull-to-refresh container with drag resistance, threshold feedback and asyn","k":"layout","s":"beui","c":"layout/page-shell","hc":1},{"id":"beui:shared-layout-bg","t":"Shared Layout Background","d":"A pill that glides between hovered items via motion's shared layout, with blur enter/exit.","k":"motion","s":"beui","c":"motion/background","hc":1},{"id":"beui:bounce-sidebar","t":"Bounce Sidebar","d":"A vertical sidebar whose active dot jumps between destinations on a curved, spring-loaded ","s":"beui","c":"navigation/sidebar","hc":1},{"id":"beui:animated-sidebar","t":"Animated Sidebar","d":"A composable application sidebar with morphing nested navigation that folds into an animat","s":"beui","c":"navigation/sidebar","hc":1},{"id":"beui:file-tree","t":"File Tree","d":"Composable file and folder primitives with springing branches, a gliding selection, and co","s":"beui","c":"data-display/tree","hc":1},{"id":"beui:preview-rail","t":"Preview Rail","d":"Codex app-inspired navigation rail with compact ticks that form a hover pyramid and reveal","s":"beui","c":"inputs/form-field","hc":1},{"id":"beui:dock","t":"Dock","d":"macOS-style dock with grouped actions and a gliding active pill.","s":"beui","c":"navigation/dock","hc":1},{"id":"beui:tooltip","t":"Tooltip","d":"Hover or focus tooltip with a subtle scale and fade, collision-aware placement, and option","s":"beui","c":"overlays/tooltip","hc":1},{"id":"beui:context-menu","t":"Animated Context Menu","d":"Composable context-menu primitives with a pointer-origin clip morph, a gliding active row,","s":"beui","c":"overlays/context-menu","hc":1},{"id":"beui:popover","t":"Popover Gooey Popover","d":"Composable Popover, PopoverTrigger, PopoverContent; the panel oozes out of the trigger thr","s":"beui","c":"overlays/popover","hc":1},{"id":"beui:popover-morph","t":"Popover Morph Popover","d":"Composable MorphPopover, MorphPopoverTrigger, MorphPopoverContent; the panel is laid out f","s":"beui","c":"overlays/popover","hc":1},{"id":"beui:morphing-modal","t":"Morphing Modal","d":"Family-app-style modal. A single panel that morphs its height as you navigate between inne","s":"beui","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"beui:center-morph-modal","t":"Center Morph Modal","d":"A composable modal whose full-size surface unfolds from its exact center toward every edge","s":"beui","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"beui:text-scramble","t":"Text Animation Text Scramble","d":"A controlled character scramble that resolves changed text while keeping its final value a","k":"motion","s":"beui","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"beui:chromatic-text-reveal","t":"Text Animation Dia Text Animation","d":"A Dia-inspired text effect with a fixed sentence prefix and a cycling final word revealed ","k":"motion","s":"beui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"beui:text-reveal","t":"Text Animation Text Reveal","d":"Word or character reveal with spring slide-up and blur.","k":"motion","s":"beui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"beui:text-shimmer","t":"Text Animation Text Shimmer","d":"Gradient sweep across text for loading or emphasis.","k":"motion","s":"beui","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"hc":1},{"id":"beui:text-cascade","t":"Text Animation Text Cascade","d":"Letter-by-letter slot roll for standalone text — old letters drop away as new ones land, l","k":"motion","s":"beui","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"beui:digit-swap","t":"Number Animation Digit Swap","d":"Fixed-slot digits and mask glyphs that roll on change with controllable direction, stagger","k":"motion","s":"beui","c":"motion/number-ticker","hc":1},{"id":"beui:number-ticker","t":"Number Animation Number Ticker","d":"Slot-machine rolling digits with staggered entry.","k":"motion","s":"beui","c":"motion/number-ticker","hc":1},{"id":"beui:animated-number","t":"Number Animation Animated Number","d":"Spring-driven count-up triggered when in view.","k":"motion","s":"beui","c":"motion/number-ticker","hc":1},{"id":"beui:animated-badge","t":"Animated Badge","d":"Status badge with animated state icons, pulse feedback and compact size variants.","s":"beui","c":"data-display/badge","sb":"Animated","hc":1},{"id":"beui:action-swap-cascade","t":"Action Swap Cascade","d":"Letter-by-letter slot roll — the old label's letters drop away as the new ones land, left ","s":"beui","c":"inputs/form-field","hc":1},{"id":"beui:action-swap-blur","t":"Action Swap Blur","d":"Copy-button style swap with blur, opacity and scale.","s":"beui","c":"actions/copy-button","hc":1},{"id":"beui:action-swap-roll","t":"Action Swap Roll","d":"The next text or icon rolls in from below with blur.","k":"resource","s":"beui","c":"assets/icon","sb":"Animated","hc":1},{"id":"beui:animated-toast-stack","t":"Animated Toast Stack","d":"Stacked toasts with status morphs, swipe dismissal, actions and layout-aware motion.","s":"beui","c":"overlays/toast","hc":1},{"id":"beui:theme-toggle","t":"Theme Toggle","d":"Theme toggle button that repaints the whole page through the View Transition API — a recta","s":"beui","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"beui:bouncy-accordion","t":"Bouncy Accordion","d":"Single-open accordion with weighted spring layout, icon rows and reduced-motion-safe conte","s":"beui","c":"data-display/accordion","tg":["playful"],"sb":"Animated","sy":["playful"],"hc":1},{"id":"beui:drawer","t":"Drawer","d":"Side panel that slides in from the left or right with a spring, backdrop blur, body scroll","s":"beui","c":"overlays/sheet","hc":1},{"id":"beui:smooth-scroll","t":"Scroll Animation Smooth Scroll","d":"Smooth-scroll provider over Lenis with a useSmoothScroll hook exposing scroll offset, prog","k":"layout","s":"beui","c":"layout/scroll-area","hc":1},{"id":"beui:scroll-progress","t":"Scroll Animation Scroll Progress","d":"Reading-progress indicator — fixed bar or circular ring — driven by scroll position via us","s":"beui","c":"data-viz/progress-bar","hc":1},{"id":"beui:parallax","t":"Scroll Animation Parallax","d":"Wrapper that drifts its children at a speed factor as they cross the viewport, on either a","k":"layout","s":"beui","c":"layout/scroll-area","hc":1},{"id":"beui:scroll-to","t":"Scroll Animation Scroll To","d":"Button that smooth-scrolls to a target (offset, selector or element) via the active Smooth","k":"layout","s":"beui","c":"layout/scroll-area","hc":1},{"id":"beui:scroll-reveal","t":"Scroll Animation Scroll Reveal","d":"Reveals its children with a spring slide and blur as they enter the viewport, once or ever","k":"layout","s":"beui","c":"layout/scroll-area","hc":1},{"id":"beui:range-slider-inline","t":"Range Slider Inline Slider","d":"An inset fill and inline label and value. Ten evenly spaced stops span the track; markers ","s":"beui","c":"inputs/slider","hc":1},{"id":"beui:range-slider","t":"Range Slider Range Slider","d":"Tick dots, and a vertical-bar thumb that bounces as it lands on each step.","s":"beui","c":"inputs/slider","hc":1},{"id":"beui:range-slider-fluid","t":"Range Slider Fluid Slider","d":"No thumb. The fill slides behind a rounded liquid cap, and the label flips color wherever ","k":"motion","s":"beui","c":"motion/shader","hc":1},{"id":"beui:range-slider-wave","t":"Range Slider Wave Slider","d":"Equalizer bars peak around the handle and drop back once it passes, so the value moves dow","k":"motion","s":"beui","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"beui:range-slider-bubble","t":"Range Slider Bubble Slider","d":"Grab the thumb and a value bubble pops out of it. The bubble tilts and squashes with how f","s":"beui","c":"ai-agent/ai-agent","tg":["3d"],"sb":"Chat","sy":["3d"],"hc":1},{"id":"beui:range-slider-ruler","t":"Range Slider Ruler Slider","d":"The needle stays put and the scale scrolls under it. A flick keeps going and settles on th","s":"beui","c":"inputs/slider","hc":1},{"id":"beui:wheel-picker","t":"Wheel Picker","d":"iOS-style picker wheel: a 3D drum on native momentum scroll that snaps to the nearest notc","s":"beui","c":"inputs/select","tg":["3d"],"sy":["3d"],"hc":1},{"id":"beui:table","t":"Table Data Table","d":"10k virtualized rows with sortable headers, row selection, column resize and reorder.","s":"beui","c":"data-display/table","sb":"Editable","hc":1},{"id":"beui:table-editable","t":"Table Editable Table","d":"Edit cells inline and insert or delete rows and columns via border handles; the table re-r","s":"beui","c":"data-display/table","sb":"Editable","hc":1,"cp":1},{"id":"beui:table-async","t":"Table Async Table","d":"Loads pages on demand — skeleton rows on first load, then infinite scroll via onEndReached","s":"beui","c":"data-display/table","sb":"Editable","hc":1},{"id":"beui:shader-background","t":"Shader Background","d":"Canvas shader backgrounds (mesh gradient, grain, warp, waves, voronoi, dot orbit and more)","k":"motion","s":"beui","c":"motion/background","tg":["gradient","webgl"],"sb":"Shaders and WebGL","sy":["gradient","webgl"],"hc":1},{"id":"beui:cylinder-carousel","t":"Cylinder Carousel","d":"A carousel whose items line the inside of a cylinder, receding into the center and growing","s":"beui","c":"media/carousel","hc":1},{"id":"beui:loader","t":"Loader","d":"Loading indicator with seventeen variants: spinner, dots, bars, dot-matrix, dither, morph,","s":"beui","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"beui:treemap","t":"Treemap","d":"Proportional tiles that morph with your data, with value and share tooltips.","s":"beui","c":"data-viz/chart","sb":"Flow and funnel","hc":1},{"id":"beui:volume-profile","t":"Volume Profile","d":"Animated volume by price, with point of control and value area highlights.","s":"beui","c":"data-display/profile","hc":1},{"id":"beui:status-bar","t":"Status Bar","d":"Animated status history with rounded bars and period tooltips.","s":"beui","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"beui:composition-chart","t":"Composition Chart","d":"Stacked bar and area shares with period tooltips and a compact interactive legend.","s":"beui","c":"data-viz/chart","hc":1},{"id":"beui:funnel-chart","t":"Funnel Chart","d":"Vertical and horizontal funnels with curved stages and animated number tooltips.","s":"beui","c":"data-viz/chart","tg":["playful"],"sb":"Flow and funnel","sy":["playful"],"hc":1},{"id":"beui:liquidity-heatmap","t":"Liquidity Heatmap","d":"Animated liquidity bands across price and time, with a price trace and depth tooltips.","s":"beui","c":"data-viz/chart","tg":["3d"],"sb":"Heatmap","sy":["3d"],"hc":1},{"id":"beui:bump-chart","t":"Bump Chart","d":"Animated rankings with curved paths, interactive rank dots, and tooltips.","s":"beui","c":"data-viz/chart","hc":1},{"id":"beui:order-book","t":"Order Book","d":"Animated order book with bid and ask depth, spread, and volume balance.","s":"beui","c":"data-viz/chart","tg":["3d"],"sy":["3d"],"hc":1},{"id":"beui:heat-calendar","t":"Heat Calendar","d":"Composable activity calendar with Grid, Legend, and Tooltip parts, controlled range select","s":"beui","c":"data-display/calendar","hc":1},{"id":"beui:returns-calendar","t":"Returns Calendar","d":"Composable monthly returns calendar with Grid and Tooltip parts, controlled month or year ","s":"beui","c":"data-display/calendar","hc":1},{"id":"beui:price-target-fan","t":"Price Target Fan","d":"Composable price target chart with Header, Plot, SVG, Axes, History, Targets, Now, Cursor,","s":"beui","c":"data-viz/chart","hc":1},{"id":"beui:voice-orb","t":"Voice Orb","d":"Breathing liquid voice visualization with flowing highlights, custom pigments and a soft, ","s":"beui","c":"ai-agent/ai-agent","sb":"Voice","hc":1},{"id":"beui:message-bubble","t":"Message Bubble","d":"A focused conversational surface with visual tones, independent alignment, grouped message","s":"beui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"beui:message","t":"Message","d":"Composable conversation primitives for message rows, grouped bubbles, avatars, metadata, l","s":"beui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"beui:message-scroller","t":"Message Scroller","d":"A reader-aware conversation viewport that follows streamed output at the live edge and rel","s":"beui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"beui:prompt-input","t":"Prompt Input","d":"An auto-growing agent composer with prompt actions, model selection, keyboard submission, ","s":"beui","c":"ai-agent/composer","hc":1},{"id":"beui:todo-list","t":"Todo List","d":"A collapsible agent task plan with morphing status marks, a completion count, compact meta","s":"beui","c":"data-display/list","sb":"Tasks and to-dos","hc":1},{"id":"beui:code-block","t":"Code Block","d":"A syntax-highlighted code surface with stable streaming updates, line numbers, focused lin","s":"beui","c":"ai-agent/ai-agent","hc":1},{"id":"beui:approval-card","t":"Approval Card","d":"A human-in-the-loop decision surface for approvals, single or multiple-choice questions, c","s":"beui","c":"data-display/card","hc":1},{"id":"beui:file-diff","t":"File Diff","d":"A syntax-highlighted file change disclosure with progressive rows, line numbers, live chan","s":"beui","c":"data-display/diff","hc":1},{"id":"beui:tool-result","t":"Tool Result","d":"A lightweight execution disclosure for syntax-highlighted terminal output and request resp","s":"beui","c":"ai-agent/ai-agent","tg":["retro and HUD"],"sb":"Reasoning and tools","sy":["retro and HUD"],"hc":1},{"id":"beui:streaming-response","t":"Streaming Response","d":"A stable response surface with completion actions, rendered content, and an expandable sou","s":"beui","c":"ai-agent/ai-agent","hc":1},{"id":"beui:image-generation","t":"Image Generation","d":"A stable generated-image surface that moves from queued work through progressive refinemen","s":"beui","c":"media/gallery","hc":1},{"id":"beui:tool-approval","t":"Tool Approval","d":"A human-in-the-loop permission card for reviewing tool details, allowing once, remembering","s":"beui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"beui:citations","t":"Citations","d":"Inline citation markers paired with a collapsible, progressively rendered reference collec","s":"beui","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"beui:agent-activity","t":"Agent Activity","d":"One adaptive activity stream for reasoning, searches, tool calls, structured execution tra","s":"beui","c":"ai-agent/ai-agent","hc":1},{"id":"beui:reasoning-text","t":"Agent Loading States Reasoning Text","d":"Shimmering reasoning copy with an ASCII loader and cascade, phrase-swap, or per-letter scr","s":"beui","c":"ai-agent/ai-agent","tg":["retro and HUD"],"sb":"Reasoning and tools","sy":["retro and HUD"],"hc":1},{"id":"beui:thinking-shimmer","t":"Agent Loading States Thinking Shimmer","d":"A quiet shimmer that keeps the agent's current status readable while work continues.","s":"beui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"beui:agent-progress","t":"Agent Loading States Agent Progress","d":"A compact activity glyph, action verb, and live tabular timer for longer-running agent wor","s":"beui","c":"ai-agent/ai-agent","hc":1},{"id":"beui:ai-sidebar","t":"AI Sidebar","d":"A collapsible AI workspace sidebar for folders, projects, files, and bookmarks with keyboa","s":"beui","c":"ai-agent/ai-agent","hc":1},{"id":"beui:chat-app","t":"Chat App","d":"A complete agent conversation workspace composing navigation, messages, streaming, plannin","s":"beui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"beui:infinite-masonry","t":"Infinite Masonry","d":"Responsive virtualized masonry that measures variable-height cards and loads more data as ","s":"beui","c":"media/gallery","sb":"Masonry","hc":1},{"id":"beui:notification-stack","t":"Notification Stack","d":"Compact notification cards that spring from a stacked summary into a readable list on hove","s":"beui","c":"overlays/notifications","hc":1},{"id":"beui:project-folder","t":"Project Folder","d":"An interactive project folder that opens its file fan on hover or focus, expands into a fo","k":"section","s":"beui","c":"marketing/marketing","sb":"Portfolio","hc":1},{"id":"beui:card-folder","t":"Card Folder","d":"A landscape card tucked into a stitched purse pocket that lifts forward as the purse compr","s":"beui","c":"data-display/card","hc":1},{"id":"beui:knockout-wheel","t":"Fixtures Knockout Wheel","d":"The tournament drawn radially. The champion holds the hub, each round is a ring further ou","s":"beui","c":"overlays/tooltip","hc":1},{"id":"beui:knockout-bracket","t":"Fixtures Knockout Bracket","d":"Pages one round at a time. The leftmost round stacks at a fixed rhythm, each later round c","k":"section","s":"beui","c":"marketing/team","hc":1},{"id":"beui:availability-scheduler","t":"Availability Scheduler","d":"Weekly availability editor where each day springs between available and unavailable, time ","s":"beui","c":"data-display/calendar","hc":1},{"id":"beui:swap","t":"Multi chain Swap","d":"Cross-chain swap widget with chain + token selectors, morphing views, animated flip and qu","s":"beui","c":"data-display/card","hc":1},{"id":"beui:dynamic-island","t":"Dynamic Island","d":"iOS-style island pill that morphs between live activity views with bouncy shell resize and","k":"layout","s":"beui","c":"layout/page-shell","tg":["playful"],"sy":["playful"],"hc":1},{"id":"beui:command-palette","t":"Command Palette","d":"⌘K palette with fuzzy filter, spring-animated active row and glass surface.","s":"beui","c":"navigation/command-palette","tg":["glass"],"sy":["glass"],"hc":1},{"id":"beui:morphing-search","t":"Morphing Search","d":"Search field or compact icon that morphs into a glass results surface, whether opened by c","s":"beui","c":"inputs/search","tg":["glass"],"sy":["glass"],"hc":1},{"id":"beui:expandable-action-bar","t":"Expandable Action Bar","d":"Compact icon actions that expand into labeled controls on hover or focus with shared layou","s":"beui","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"beui:overflow-actions","t":"Overflow Actions","d":"Connected pill rail for primary actions that springs open to reveal extra controls.","s":"beui","c":"data-display/badge","hc":1},{"id":"beui:expandable-tabs","t":"Expandable Tabs","d":"Icon tab bar where the active tab expands to a labelled pill, with a panel above that morp","s":"beui","c":"navigation/tabs","hc":1},{"id":"beui:morphing-tabs","t":"Morphing Tabs","d":"Reorderable tabs whose selected item grows into a white content surface, with the active s","s":"beui","c":"navigation/tabs","hc":1},{"id":"beui:swipeable-list","t":"Swipeable List","d":"Mobile-style list rows that swipe left or right to reveal contextual action buttons.","s":"beui","c":"data-display/list","hc":1},{"id":"beui:attachment-upload","t":"File Upload Attachment Upload","d":"A mixed attachment workspace with a dropzone, staggered file and image rows, animated uplo","s":"beui","c":"inputs/file-upload","hc":1},{"id":"beui:file-upload","t":"File Upload Upload Queue","d":"A drag-and-drop upload queue with progress rows, upload states, retry, and removal.","s":"beui","c":"inputs/file-upload","hc":1},{"id":"beui:prediction-market-card","t":"Prediction Market Market Cards","d":"Compact market listings with consistent outcome rows, animated odds CTAs, payout multiplie","s":"beui","c":"data-display/card","hc":1},{"id":"beui:prediction-market","t":"Prediction Market Trade Ticket","d":"Buy and sell outcomes with rolling amount entry, quick add chips and trade states.","s":"beui","c":"actions/button","sb":"Loading and states","hc":1},{"id":"beui:wallet-card","t":"Wallet Card","d":"Wallet overview card with an account switcher and search that morph open from their trigge","s":"beui","c":"data-display/card","sb":"Payment","hc":1},{"id":"beui:otp-input","t":"OTP Input","d":"One-time-code input with a gliding focus ring, digits that roll in per slot, error shake a","s":"beui","c":"inputs/otp-input","hc":1},{"id":"beui:signup-form","t":"Sign Up Form","d":"Composed sign-up form that flags a field only once it is left, then clears the moment it i","k":"layout","s":"beui","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"beui:bloom-menu","t":"Bloom Menu","d":"A button that morphs open into a menu and blooms iris-out from the center, the grid reveal","s":"beui","c":"navigation/menu","hc":1},{"id":"beui:feedback-widget","t":"Feedback Widget","d":"Corner trigger that morphs open into a feedback popup with message entry and animated send","s":"beui","c":"inputs/rating","hc":1},{"id":"beui:not-found-glitch","t":"404 / Not Found Glitch","d":"Digits scramble through random glyphs before resolving, with a chromatic split on hover.","k":"page","s":"beui","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"beui:not-found-magnetic","t":"404 / Not Found Magnetic","d":"Each digit is cursor-attracted via the Magnetic wrapper and springs back on leave.","k":"page","s":"beui","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"beui:not-found-spotlight","t":"404 / Not Found Spotlight","d":"A dark panel where a cursor-tracked spotlight reveals the bright code from a dim base.","k":"motion","s":"beui","c":"motion/background","sb":"Beams and light","hc":1},{"id":"beui:not-found-stacked","t":"404 / Not Found Stacked","d":"A code card over a hidden stack that fans out with a spring on hover.","k":"page","s":"beui","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"beui:not-found-terminal","t":"404 / Not Found Terminal","d":"A terminal window that types a failed cd command and a 404 status, with a blinking caret.","s":"beui","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"billingsdk:index","t":"BillingSDK Config","d":"Config for BillingSDK components","k":"lib","s":"billingsdk","c":"lib/utility","hc":1},{"id":"billingsdk:all","t":"All Components","d":"All components in the BillingSDK","k":"section","s":"billingsdk","c":"marketing/marketing"},{"id":"billingsdk:hello-world","t":"Hello World Component","d":"A simple hello world component","k":"motion","s":"billingsdk","c":"motion/globe","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"billingsdk:invoice-history","t":"Invoice History","d":"A read-only invoice history table","s":"billingsdk","c":"data-display/timeline","hc":1},{"id":"billingsdk:pricing-table-one","t":"Pricing Table One","d":"A pricing table component","s":"billingsdk","c":"data-display/table","sb":"Comparison","hc":1},{"id":"billingsdk:pricing-table-two","t":"Pricing Table Two","d":"A pricing table component with a feature table","s":"billingsdk","c":"data-display/table","sb":"Comparison","hc":1},{"id":"billingsdk:pricing-table-three","t":"Pricing Table Three","d":"A pricing table component with a feature table","k":"section","s":"billingsdk","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"],"hc":1},{"id":"billingsdk:pricing-table-four","t":"Pricing Table Four","d":"A modern pricing table component with gradient design","s":"billingsdk","c":"data-display/table","tg":["gradient"],"sb":"Comparison","sy":["gradient"],"hc":1},{"id":"billingsdk:pricing-table-five","t":"Pricing Table Five","d":"A modern pricing table component with contact us plan","s":"billingsdk","c":"data-display/table","sb":"Comparison","hc":1},{"id":"billingsdk:pricing-table-six","t":"Pricing Table Six","d":"A modern pricing table component with contact us plan","s":"billingsdk","c":"data-display/table","tg":["animated"],"sb":"Comparison","sy":["animated"],"hc":1},{"id":"billingsdk:pricing-table-seven","t":"Pricing Table Seven","d":"A modern pricing table component with contact us plan","s":"billingsdk","c":"data-display/table","sb":"Comparison","hc":1},{"id":"billingsdk:pricing-table-eight","t":"Pricing Table Eight","d":"A modern pricing table component with a clean design.","s":"billingsdk","c":"data-display/table","tg":["animated","minimal"],"sb":"Comparison","sy":["animated","minimal"],"hc":1},{"id":"billingsdk:cancel-subscription-dialog","t":"Cancel Subscription Dialog","d":"A cancel subscription dialog component","s":"billingsdk","c":"overlays/dialog","hc":1},{"id":"billingsdk:cancel-subscription-card","t":"Cancel Subscription Card","d":"A cancel subscription card component","k":"section","s":"billingsdk","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"billingsdk:usage-based-pricing","t":"Usage Based Pricing","d":"A usage based pricing component","k":"section","s":"billingsdk","c":"marketing/pricing","sb":"Usage and sliders","hc":1},{"id":"billingsdk:update-plan-dialog","t":"Update Plan Dialog","d":"A update plan dialog component","s":"billingsdk","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"billingsdk:update-plan-card","t":"Update Plan Card","d":"A update plan card component","k":"section","s":"billingsdk","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"billingsdk:subscription-management","t":"Subscription Management","d":"A subscription management component","k":"section","s":"billingsdk","c":"marketing/pricing","hc":1},{"id":"billingsdk:usage-meter-linear","t":"Usage Meter Linear","d":"A usage meter linear component","s":"billingsdk","c":"data-viz/gauge","hc":1},{"id":"billingsdk:usage-meter-circle","t":"Usage Meter Circle","d":"A usage meter circle component","s":"billingsdk","c":"data-viz/gauge","hc":1},{"id":"billingsdk:banner","t":"Top Banner","d":"A banner component","s":"billingsdk","c":"overlays/alert-banner","hc":1},{"id":"billingsdk:payment-method-selector","t":"Payment Method Selector","d":"A payment method selector component with support for cards, digital wallets, UPI, and BNPL","k":"section","s":"billingsdk","c":"marketing/features","hc":1},{"id":"billingsdk:payment-details","t":"Payment Details","d":"A comprehensive payment details form component with card details, billing information, and","s":"billingsdk","c":"data-display/accordion","hc":1},{"id":"billingsdk:payment-details-two","t":"Payment Details Two","d":"A comprehensive payment details form component with card details, billing information, and","s":"billingsdk","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"billingsdk:billing-settings","t":"Billing Settings","d":"A comprehensive billing settings component with tabs for general, payment methods, invoice","k":"layout","s":"billingsdk","c":"flows/settings","vn":1,"hc":1},{"id":"billingsdk:proration-preview","t":"Proration Preview","d":"Interactive component that shows billing adjustments when users change subscription plans,","k":"section","s":"billingsdk","c":"marketing/pricing","hc":1},{"id":"billingsdk:detailed-usage-table","t":"Detailed Usage Table","d":"A detailed usage table component with resource consumption breakdown","s":"billingsdk","c":"data-display/table","hc":1},{"id":"billingsdk:usage-table","t":"Usage Table","d":"A usage table component with resource consumption breakdown","s":"billingsdk","c":"data-display/table","hc":1},{"id":"billingsdk:upcoming-charges","t":"Upcoming Charges","d":"A component that displays information about upcoming billing cycles, including the next bi","k":"section","s":"billingsdk","c":"marketing/marketing","hc":1},{"id":"billingsdk:payment-card","t":"Payment Card","d":"A payment card component","s":"billingsdk","c":"data-display/card","sb":"Payment","hc":1},{"id":"billingsdk:limited-offer-dialog","t":"Limited Offer Dialog","d":"A dialog component for displaying limited-time offers with customizable content and action","s":"billingsdk","c":"overlays/dialog","hc":1},{"id":"billingsdk:trial-expiry-card","t":"Trial Expiry Card","d":"A card component that displays trial expiration countdown with progress indicator and feat","s":"billingsdk","c":"data-display/card","hc":1},{"id":"billingsdk:payment-failure","t":"Payment Failure","d":"A payment failure card component with retry, home, and support actions.","s":"billingsdk","c":"data-display/card","sb":"Payment","hc":1},{"id":"billingsdk:billing-screen","t":"Billing Screen","d":"Complete billing dashboard with credit balance, plan details, and interactive credit card ","k":"layout","s":"billingsdk","c":"layout/dashboard","hc":1},{"id":"bits-ui:complex-component","t":"Complex Component","d":"A complex component showing hooks, libs and components.","s":"bits-ui","c":"data-display/card","hc":1},{"id":"bits-ui:example-with-css","t":"Example with CSS","d":"A login form with a CSS file.","s":"bits-ui","c":"data-display/card","hc":1,"cp":1},{"id":"bits-ui:color-palette","t":"Color Palette Generator","d":"Generate and copy curated color palettes for design work.","k":"theme","s":"bits-ui","c":"themes/theme","hc":1},{"id":"bits-ui:json-formatter","t":"JSON Formatter","d":"A simple, fast tool to format, minify, copy, or download JSON payloads for debugging and s","s":"bits-ui","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bits-ui:star-rating","t":"Star Rating","d":"A small, accessible star rating component for reviews and feedback collection.","s":"bits-ui","c":"inputs/rating","hc":1},{"id":"bits-ui:hero-carousel","t":"Hero Carousel","d":"A 3-step hero carousel with animated step cards for landing pages.","s":"bits-ui","c":"media/carousel","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:animated-radial-chart","t":"Animated radial chart","d":"Animated radial chart is a production-ready charts component from BJORK UI, packaged for s","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sb":"Pie, donut and radial","sy":["animated"],"hc":1},{"id":"bjork-ui:message-dock","t":"Message dock","d":"Message dock is a production-ready interactive component from BJORK UI, packaged for shadc","s":"bjork-ui","c":"navigation/dock","tg":["animated","retro and HUD"],"sy":["animated","retro and HUD"],"hc":1},{"id":"bjork-ui:voice-powered-orb","t":"Voice powered orb","d":"Voice powered orb is a production-ready interactive component from BJORK UI, packaged for ","s":"bjork-ui","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Voice","sy":["webgl"],"hc":1},{"id":"bjork-ui:ruler-carousel","t":"Ruler carousel","d":"Ruler carousel is a production-ready galleries component from BJORK UI, packaged for shadc","s":"bjork-ui","c":"media/carousel","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:video-scroll-hero","t":"Video scroll hero","d":"Video scroll hero is a production-ready heroes component from BJORK UI, packaged for shadc","k":"section","s":"bjork-ui","c":"marketing/hero","tg":["animated"],"sb":"With video","sy":["animated"],"hc":1},{"id":"bjork-ui:financial-table","t":"Financial table","d":"Financial table is a production-ready tables component from BJORK UI, packaged for shadcn ","s":"bjork-ui","c":"data-display/table","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:draggable-rope","t":"Draggable rope","d":"Draggable rope is a production-ready interactive component from BJORK UI, packaged for sha","s":"bjork-ui","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:hud-frame","t":"HUD frame","d":"HUD frame is a production-ready hud component from BJORK UI, packaged for shadcn registrie","s":"bjork-ui","c":"other/other","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"bjork-ui:portfolio-gallery","t":"Portfolio gallery","d":"Portfolio gallery is a production-ready galleries component from BJORK UI, packaged for sh","s":"bjork-ui","c":"media/gallery","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:video-upload-card","t":"Video upload card","d":"Video upload card is a production-ready cards component from BJORK UI, packaged for shadcn","s":"bjork-ui","c":"inputs/file-upload","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:ai-voice-input","t":"AI voice input","d":"AI voice input is a production-ready ai component from BJORK UI, packaged for shadcn regis","s":"bjork-ui","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Voice","sy":["animated"],"hc":1},{"id":"bjork-ui:animated-status-badge","t":"Animated status badge","d":"Animated status badge is a production-ready badges component from BJORK UI, packaged for s","s":"bjork-ui","c":"data-display/badge","tg":["animated"],"sb":"Status","sy":["animated"],"hc":1},{"id":"bjork-ui:animated-download","t":"Animated download","d":"Animated download is a production-ready hud component from BJORK UI, packaged for shadcn r","s":"bjork-ui","c":"other/other","tg":["animated","retro and HUD"],"sy":["animated","retro and HUD"],"hc":1},{"id":"bjork-ui:animated-card-options","t":"Animated card options","d":"Animated card options is a production-ready cards component from BJORK UI, packaged for sh","s":"bjork-ui","c":"data-display/card","tg":["animated"],"sb":"Profile","sy":["animated"],"hc":1},{"id":"bjork-ui:animated-card-status-list","t":"Animated card status list","d":"Animated card status list is a production-ready cards component from BJORK UI, packaged fo","s":"bjork-ui","c":"data-display/card","tg":["animated"],"sb":"Profile","sy":["animated"],"hc":1},{"id":"bjork-ui:audio-upload-card","t":"Audio upload card","d":"Audio upload card is a production-ready cards component from BJORK UI, packaged for shadcn","s":"bjork-ui","c":"inputs/file-upload","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:bonuses-incentives-card","t":"Bonuses incentives card","d":"Bonuses incentives card is a production-ready cards component from BJORK UI, packaged for ","s":"bjork-ui","c":"data-display/card","tg":["animated"],"sb":"Profile","sy":["animated"],"hc":1},{"id":"bjork-ui:coach-scheduling","t":"Coach scheduling","d":"Coach scheduling is a production-ready cards component from BJORK UI, packaged for shadcn ","s":"bjork-ui","c":"data-display/card","tg":["animated"],"sb":"Profile","sy":["animated"],"hc":1},{"id":"bjork-ui:dashboard-card-modal","t":"Dashboard card modal","d":"Dashboard card modal is a production-ready cards component from BJORK UI, packaged for sha","s":"bjork-ui","c":"overlays/dialog","tg":["animated"],"sb":"Forms","sy":["animated"],"hc":1},{"id":"bjork-ui:event-countdown-card","t":"Event countdown card","d":"Event countdown card is a production-ready cards component from BJORK UI, packaged for sha","s":"bjork-ui","c":"data-display/card","tg":["animated"],"sb":"Profile","sy":["animated"],"hc":1},{"id":"bjork-ui:hover-detail-card","t":"Hover detail card","d":"Hover detail card is a production-ready cards component from BJORK UI, packaged for shadcn","s":"bjork-ui","c":"data-display/card","tg":["animated"],"sb":"Profile","sy":["animated"],"hc":1},{"id":"bjork-ui:news-cards","t":"News cards","d":"News cards is a production-ready cards component from BJORK UI, packaged for shadcn regist","k":"section","s":"bjork-ui","c":"marketing/marketing","tg":["animated"],"sb":"Blog and posts","sy":["animated"],"hc":1},{"id":"bjork-ui:onboarding-stages","t":"Onboarding stages","d":"Onboarding stages is a production-ready cards component from BJORK UI, packaged for shadcn","s":"bjork-ui","c":"navigation/wizard-steps","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:prediction-market-card","t":"Prediction market card","d":"Prediction market card is a production-ready cards component from BJORK UI, packaged for s","s":"bjork-ui","c":"data-display/card","tg":["animated"],"sb":"Profile","sy":["animated"],"hc":1},{"id":"bjork-ui:product-reveal-card","t":"Product reveal card","d":"Product reveal card is a production-ready cards component from BJORK UI, packaged for shad","s":"bjork-ui","c":"data-display/card","tg":["animated"],"sb":"Product","sy":["animated"],"hc":1},{"id":"bjork-ui:profile-hover-card","t":"Profile hover card","d":"Profile hover card is a production-ready cards component from BJORK UI, packaged for shadc","s":"bjork-ui","c":"data-display/profile","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:project-cards","t":"Project cards","d":"Project cards is a production-ready cards component from BJORK UI, packaged for shadcn reg","s":"bjork-ui","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:gradient-selector","t":"Gradient selector","d":"Gradient selector is a production-ready controls component from BJORK UI, packaged for sha","k":"motion","s":"bjork-ui","c":"motion/gradient","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"bjork-ui:hover-image-gallery","t":"Hover image gallery","d":"Hover image gallery is a production-ready galleries component from BJORK UI, packaged for ","s":"bjork-ui","c":"media/gallery","sb":"Hover effects","hc":1},{"id":"bjork-ui:reveal-text","t":"Reveal text","d":"Reveal text is a production-ready text component from BJORK UI, packaged for shadcn regist","k":"motion","s":"bjork-ui","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"bjork-ui:glitchy-404","t":"Glitchy #404","d":"Glitchy 404 is a production-ready hud component from BJORK UI, packaged for shadcn registr","k":"page","s":"bjork-ui","c":"pages/templates","tg":["animated","retro and HUD"],"sb":"Error and status pages","sy":["animated","retro and HUD"],"hc":1},{"id":"bjork-ui:hud-2","t":"Overlay #2","d":"Overlay 2 is a production-ready hud component from BJORK UI, packaged for shadcn registrie","s":"bjork-ui","c":"other/other","tg":["animated","retro and HUD"],"sy":["animated","retro and HUD"],"hc":1},{"id":"bjork-ui:hud-button","t":"HUD button","d":"HUD button is a production-ready hud component from BJORK UI, packaged for shadcn registri","s":"bjork-ui","c":"actions/button","tg":["animated","retro and HUD"],"sb":"Animated","sy":["animated","retro and HUD"],"hc":1},{"id":"bjork-ui:hud-graph","t":"HUD graph","d":"HUD graph is a production-ready hud component from BJORK UI, packaged for shadcn registrie","s":"bjork-ui","c":"data-viz/chart","tg":["animated","retro and HUD"],"sy":["animated","retro and HUD"],"hc":1},{"id":"bjork-ui:hud-status","t":"HUD status","d":"HUD status is a production-ready hud component from BJORK UI, packaged for shadcn registri","k":"motion","s":"bjork-ui","c":"motion/text-effect","tg":["animated","retro and HUD"],"sb":"Scramble and glitch","sy":["animated","retro and HUD"],"hc":1},{"id":"bjork-ui:warning-graphic","t":"Warning graphic","d":"Warning graphic is a production-ready hud component from BJORK UI, packaged for shadcn reg","s":"bjork-ui","c":"data-viz/chart","tg":["animated","retro and HUD"],"sy":["animated","retro and HUD"],"hc":1},{"id":"bjork-ui:periodic-table","t":"Periodic table","d":"Periodic table is a production-ready tables component from BJORK UI, packaged for shadcn r","s":"bjork-ui","c":"data-display/table","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:contacts-table","t":"Contacts table","d":"Contacts table is a production-ready tables component from BJORK UI, packaged for shadcn r","k":"section","s":"bjork-ui","c":"marketing/marketing","tg":["animated"],"sb":"Contact","sy":["animated"],"hc":1},{"id":"bjork-ui:leads-table","t":"Leads table","d":"Leads table is a production-ready tables component from BJORK UI, packaged for shadcn regi","s":"bjork-ui","c":"data-display/table","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:resizable-table","t":"Resizable table","d":"Resizable table is a production-ready tables component from BJORK UI, packaged for shadcn ","k":"layout","s":"bjork-ui","c":"layout/split-pane","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:server-management","t":"Server management","d":"Server management is a production-ready tables component from BJORK UI, packaged for shadc","s":"bjork-ui","c":"data-display/table","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:primitive-accordion","t":"Accordion","d":"Accordion is a production-ready ui component from BJORK UI, packaged for shadcn registries","s":"bjork-ui","c":"data-display/accordion","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"bjork-ui:primitive-alerts","t":"Alerts","d":"Alerts is a production-ready ui component from BJORK UI, packaged for shadcn registries.","s":"bjork-ui","c":"overlays/alert-banner","hc":1},{"id":"bjork-ui:primitive-avatar","t":"Avatar","d":"Avatar is a production-ready ui component from BJORK UI, packaged for shadcn registries.","s":"bjork-ui","c":"data-display/avatar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:primitive-badge","t":"Badge","d":"Badge is a production-ready ui component from BJORK UI, packaged for shadcn registries.","s":"bjork-ui","c":"data-display/badge","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:primitive-breadcrumb","t":"Breadcrumb","d":"Breadcrumb is a production-ready ui component from BJORK UI, packaged for shadcn registrie","s":"bjork-ui","c":"navigation/breadcrumb","hc":1},{"id":"bjork-ui:primitive-button","t":"Button","d":"Button is a production-ready ui component from BJORK UI, packaged for shadcn registries.","s":"bjork-ui","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"bjork-ui:primitive-button-group","t":"Button Group","d":"Button Group is a production-ready ui component from BJORK UI, packaged for shadcn registr","s":"bjork-ui","c":"actions/button","sb":"Groups and split","hc":1},{"id":"bjork-ui:primitive-calendar","t":"Calendar","d":"Calendar is a production-ready ui component from BJORK UI, packaged for shadcn registries.","s":"bjork-ui","c":"data-display/calendar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:primitive-card","t":"Card","d":"Card is a production-ready ui component from BJORK UI, packaged for shadcn registries.","s":"bjork-ui","c":"data-display/card","tg":["animated"],"sb":"Profile","sy":["animated"],"hc":1},{"id":"bjork-ui:primitive-checkbox","t":"Checkbox","d":"Checkbox is a production-ready ui component from BJORK UI, packaged for shadcn registries.","s":"bjork-ui","c":"inputs/checkbox","hc":1},{"id":"bjork-ui:primitive-collapsible","t":"Collapsible","d":"Collapsible is a production-ready ui component from BJORK UI, packaged for shadcn registri","s":"bjork-ui","c":"data-display/accordion","hc":1},{"id":"bjork-ui:primitive-combobox","t":"Combobox","d":"Combobox is a production-ready ui component from BJORK UI, packaged for shadcn registries.","s":"bjork-ui","c":"inputs/combobox","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:primitive-data-table","t":"Data Table","d":"Data Table is a production-ready ui component from BJORK UI, packaged for shadcn registrie","s":"bjork-ui","c":"data-display/table","tg":["animated"],"sb":"Data tables","sy":["animated"],"hc":1},{"id":"bjork-ui:primitive-date-picker","t":"Date Picker","d":"Date Picker is a production-ready ui component from BJORK UI, packaged for shadcn registri","s":"bjork-ui","c":"inputs/date-picker","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:primitive-dialog","t":"Dialog","d":"Dialog is a production-ready ui component from BJORK UI, packaged for shadcn registries.","s":"bjork-ui","c":"overlays/dialog","hc":1},{"id":"bjork-ui:primitive-dropdown-menu","t":"Dropdown Menu","d":"Dropdown Menu is a production-ready ui component from BJORK UI, packaged for shadcn regist","s":"bjork-ui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"bjork-ui:primitive-form","t":"Form","d":"Form is a production-ready ui component from BJORK UI, packaged for shadcn registries.","s":"bjork-ui","c":"inputs/form-field","tg":["animated"],"sb":"Whole forms","sy":["animated"],"hc":1},{"id":"bjork-ui:primitive-input","t":"Input","d":"Input is a production-ready ui component from BJORK UI, packaged for shadcn registries.","s":"bjork-ui","c":"inputs/form-field","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:primitive-input-mask","t":"Input Mask","d":"Input Mask is a production-ready ui component from BJORK UI, packaged for shadcn registrie","s":"bjork-ui","c":"inputs/form-field","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:primitive-input-otp","t":"Input OTP","d":"Input OTP is a production-ready ui component from BJORK UI, packaged for shadcn registries","s":"bjork-ui","c":"inputs/otp-input","hc":1},{"id":"bjork-ui:primitive-pagination","t":"Pagination","d":"Pagination is a production-ready ui component from BJORK UI, packaged for shadcn registrie","s":"bjork-ui","c":"navigation/pagination","hc":1},{"id":"bjork-ui:primitive-popover","t":"Popover","d":"Popover is a production-ready ui component from BJORK UI, packaged for shadcn registries.","s":"bjork-ui","c":"overlays/popover","hc":1},{"id":"bjork-ui:primitive-radio-group","t":"Radio Group","d":"Radio Group is a production-ready ui component from BJORK UI, packaged for shadcn registri","s":"bjork-ui","c":"inputs/radio","hc":1},{"id":"bjork-ui:primitive-select","t":"Select","d":"Select is a production-ready ui component from BJORK UI, packaged for shadcn registries.","s":"bjork-ui","c":"inputs/select","hc":1},{"id":"bjork-ui:primitive-sheet","t":"Sheet","d":"Sheet is a production-ready ui component from BJORK UI, packaged for shadcn registries.","s":"bjork-ui","c":"overlays/sheet","hc":1},{"id":"bjork-ui:primitive-slider","t":"Slider","d":"Slider is a production-ready ui component from BJORK UI, packaged for shadcn registries.","s":"bjork-ui","c":"inputs/slider","hc":1},{"id":"bjork-ui:primitive-sonner","t":"Sonner","d":"Sonner is a production-ready ui component from BJORK UI, packaged for shadcn registries.","s":"bjork-ui","c":"overlays/toast","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:primitive-switch","t":"Switch","d":"Switch is a production-ready ui component from BJORK UI, packaged for shadcn registries.","s":"bjork-ui","c":"actions/switch","hc":1},{"id":"bjork-ui:primitive-table","t":"Table","d":"Table is a production-ready ui component from BJORK UI, packaged for shadcn registries.","s":"bjork-ui","c":"data-display/table","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:primitive-tabs","t":"Tabs","d":"Tabs is a production-ready ui component from BJORK UI, packaged for shadcn registries.","s":"bjork-ui","c":"navigation/tabs","hc":1},{"id":"bjork-ui:primitive-textarea","t":"Textarea","d":"Textarea is a production-ready ui component from BJORK UI, packaged for shadcn registries.","s":"bjork-ui","c":"inputs/textarea","hc":1},{"id":"bjork-ui:primitive-tooltip","t":"Tooltip","d":"Tooltip is a production-ready ui component from BJORK UI, packaged for shadcn registries.","s":"bjork-ui","c":"overlays/tooltip","hc":1},{"id":"bjork-ui:shader-aurora-veil","t":"Aurora veil","d":"Aurora veil is a compact WebGL website shader from BJORK UI, packaged for shadcn registrie","k":"motion","s":"bjork-ui","c":"motion/gradient","tg":["animated","gradient","webgl"],"sy":["animated","gradient","webgl"],"hc":1},{"id":"bjork-ui:shader-kinetic-dots","t":"Kinetic dots","d":"Kinetic dots is a compact WebGL website shader from BJORK UI, packaged for shadcn registri","k":"motion","s":"bjork-ui","c":"motion/background","tg":["animated","webgl"],"sb":"Shaders and WebGL","sy":["animated","webgl"],"hc":1},{"id":"bjork-ui:timer","t":"Timer","d":"Timer is a production-ready interactive component from BJORK UI, packaged for shadcn regis","k":"motion","s":"bjork-ui","c":"motion/number-ticker","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:project-index","t":"Project index","d":"Project index is a production-ready galleries component from BJORK UI, packaged for shadcn","k":"motion","s":"bjork-ui","c":"motion/background","tg":["animated","neon"],"sb":"Gradients and aurora","sy":["animated","neon"],"hc":1},{"id":"bjork-ui:glow-rules","t":"Glow rules","d":"Glow rules is a production-ready utilities component from BJORK UI, packaged for shadcn re","k":"motion","s":"bjork-ui","c":"motion/background","tg":["neon"],"sb":"Gradients and aurora","sy":["neon"],"hc":1},{"id":"bjork-ui:radial-command-ring","t":"Radial command ring","d":"Radial command ring is a production-ready navigation component from BJORK UI, packaged for","s":"bjork-ui","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:adaptive-precision-slider","t":"Adaptive precision slider","d":"Adaptive precision slider is a production-ready controls component from BJORK UI, packaged","s":"bjork-ui","c":"inputs/slider","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:click-wheel","t":"Click wheel","d":"Click wheel is a production-ready controls component from BJORK UI, packaged for shadcn re","s":"bjork-ui","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:velocity-ink","t":"Velocity ink","d":"Velocity ink is a production-ready controls component from BJORK UI, packaged for shadcn r","s":"bjork-ui","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:spring-tuner","t":"Spring tuner","d":"Spring tuner is a production-ready utilities component from BJORK UI, packaged for shadcn ","k":"lib","s":"bjork-ui","c":"lib/utility","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:live-line","t":"Live line","d":"Live line is a production-ready charts component from BJORK UI, packaged for shadcn regist","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sb":"Line and sparkline","sy":["animated"],"hc":1},{"id":"bjork-ui:flap-ledger","t":"Flap ledger","d":"Flap ledger is a production-ready tables component from BJORK UI, packaged for shadcn regi","s":"bjork-ui","c":"data-display/table","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:route-trace","t":"Route trace","d":"Route trace is a production-ready charts component from BJORK UI, packaged for shadcn regi","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:solar-sky-panel","t":"Solar sky panel","d":"Solar sky panel is a production-ready cards component from BJORK UI, packaged for shadcn r","s":"bjork-ui","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:agent-trace","t":"Agent trace","d":"Agent trace is a production-ready ai component from BJORK UI, packaged for shadcn registri","s":"bjork-ui","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:handoff-beam","t":"Handoff beam","d":"Handoff beam is a production-ready ai component from BJORK UI, packaged for shadcn registr","k":"motion","s":"bjork-ui","c":"motion/background","tg":["animated"],"sb":"Beams and light","sy":["animated"],"hc":1},{"id":"bjork-ui:lattice-orb","t":"Lattice orb","d":"Lattice orb is a production-ready ai component from BJORK UI, packaged for shadcn registri","s":"bjork-ui","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Orbs and presence","sy":["animated"],"hc":1},{"id":"bjork-ui:torn-edge-reveal","t":"Torn edge reveal","d":"Torn edge reveal is a production-ready galleries component from BJORK UI, packaged for sha","k":"motion","s":"bjork-ui","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:mosaic-settle","t":"Mosaic settle","d":"Mosaic settle is a production-ready galleries component from BJORK UI, packaged for shadcn","s":"bjork-ui","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:minimap-scrollbar","t":"Minimap scrollbar","d":"Minimap scrollbar is a production-ready navigation component from BJORK UI, packaged for s","s":"bjork-ui","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:morph-loader","t":"Morph loader","d":"Morph loader is a production-ready feedback component from BJORK UI, packaged for shadcn r","s":"bjork-ui","c":"status/loader","tg":["animated"],"sb":"Liquid and 3D","sy":["animated"],"hc":1},{"id":"bjork-ui:stroke-morph-icon","t":"Stroke morph icon","d":"Stroke-morph icon is a production-ready utilities component from BJORK UI, packaged for sh","k":"resource","s":"bjork-ui","c":"assets/icon","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"bjork-ui:scatter-rewind","t":"Scatter rewind","d":"Scatter rewind is a production-ready text component from BJORK UI, packaged for shadcn reg","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sb":"Scatter","sy":["animated"],"hc":1},{"id":"bjork-ui:plane-type","t":"Plane type","d":"Plane type is a production-ready text component from BJORK UI, packaged for shadcn registr","k":"motion","s":"bjork-ui","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:elastic-frame","t":"Elastic frame","d":"Elastic frame is a production-ready interactive component from BJORK UI, packaged for shad","s":"bjork-ui","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:aperture-dive","t":"Aperture dive","d":"Aperture dive is a production-ready heroes component from BJORK UI, packaged for shadcn re","k":"section","s":"bjork-ui","c":"marketing/hero","tg":["webgl"],"sb":"SaaS and AI","sy":["webgl"],"hc":1},{"id":"bjork-ui:scene-states","t":"Scene states","d":"Scene states is a production-ready interactive component from BJORK UI, packaged for shadc","s":"bjork-ui","c":"data-display/stat","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"bjork-ui:sortable-table","t":"Sortable table","d":"Sortable table is a production-ready tables component from BJORK UI, packaged for shadcn r","s":"bjork-ui","c":"data-display/table","tg":["animated"],"sb":"Data tables","sy":["animated"],"hc":1},{"id":"bjork-ui:pricing-table","t":"Pricing table","d":"Pricing table is a production-ready tables component from BJORK UI, packaged for shadcn re","k":"section","s":"bjork-ui","c":"marketing/pricing","tg":["animated"],"sb":"Comparison tables","sy":["animated"],"hc":1},{"id":"bjork-ui:invoice-table","t":"Invoice table","d":"Invoice table is a production-ready tables component from BJORK UI, packaged for shadcn re","s":"bjork-ui","c":"data-display/table","tg":["animated"],"sb":"Transactions","sy":["animated"],"hc":1},{"id":"bjork-ui:leaderboard-table","t":"Leaderboard","d":"Leaderboard is a production-ready tables component from BJORK UI, packaged for shadcn regi","s":"bjork-ui","c":"data-display/gamification","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:changelog-table","t":"Changelog table","d":"Changelog table is a production-ready tables component from BJORK UI, packaged for shadcn ","k":"section","s":"bjork-ui","c":"marketing/marketing","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:api-reference-table","t":"API reference table","d":"API reference table is a production-ready tables component from BJORK UI, packaged for sha","s":"bjork-ui","c":"data-display/table","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:file-tree-table","t":"File tree table","d":"File tree table is a production-ready tables component from BJORK UI, packaged for shadcn ","s":"bjork-ui","c":"data-display/tree","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:timetable","t":"Timetable","d":"Timetable is a production-ready tables component from BJORK UI, packaged for shadcn regist","s":"bjork-ui","c":"data-display/table","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:shortcuts-table","t":"Shortcuts table","d":"Shortcuts table is a production-ready tables component from BJORK UI, packaged for shadcn ","s":"bjork-ui","c":"data-display/table","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:spec-sheet","t":"Spec sheet","d":"Spec sheet is a production-ready tables component from BJORK UI, packaged for shadcn regis","s":"bjork-ui","c":"overlays/sheet","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:transactions-table","t":"Transactions table","d":"Transactions table is a production-ready tables component from BJORK UI, packaged for shad","s":"bjork-ui","c":"data-display/table","tg":["animated"],"sb":"Transactions","sy":["animated"],"hc":1},{"id":"bjork-ui:spreadsheet-grid","t":"Spreadsheet grid","d":"Spreadsheet grid is a production-ready tables component from BJORK UI, packaged for shadcn","s":"bjork-ui","c":"data-display/table","tg":["animated"],"sb":"Editable","sy":["animated"],"hc":1},{"id":"bjork-ui:permissions-matrix","t":"Permissions matrix","d":"Permissions matrix is a production-ready tables component from BJORK UI, packaged for shad","s":"bjork-ui","c":"data-display/table","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:glyph-morph","t":"Glyph morph","d":"Glyph morph is a production-ready text component from BJORK UI, packaged for shadcn regist","k":"motion","s":"bjork-ui","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"bjork-ui:weight-wave","t":"Weight wave","d":"Weight wave is a production-ready text component from BJORK UI, packaged for shadcn regist","k":"motion","s":"bjork-ui","c":"motion/background","tg":["animated"],"sb":"Waves and warps","sy":["animated"],"hc":1},{"id":"bjork-ui:decode-text","t":"Decode text","d":"Decode text is a production-ready text component from BJORK UI, packaged for shadcn regist","k":"motion","s":"bjork-ui","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:magnetic-letters","t":"Magnetic letters","d":"Magnetic letters is a production-ready text component from BJORK UI, packaged for shadcn r","k":"motion","s":"bjork-ui","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:slice-shift","t":"Slice shift","d":"Slice shift is a production-ready text component from BJORK UI, packaged for shadcn regist","k":"motion","s":"bjork-ui","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:stroke-draw-type","t":"Stroke draw type","d":"Stroke draw type is a production-ready text component from BJORK UI, packaged for shadcn r","k":"motion","s":"bjork-ui","c":"motion/text-effect","tg":["animated"],"sb":"Handwriting and SVG","sy":["animated"],"hc":1},{"id":"bjork-ui:ink-bleed-text","t":"Ink bleed text","d":"Ink bleed text is a production-ready text component from BJORK UI, packaged for shadcn reg","k":"motion","s":"bjork-ui","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:liquid-text","t":"Liquid text","d":"Liquid text is a production-ready text component from BJORK UI, packaged for shadcn regist","k":"motion","s":"bjork-ui","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:marketing-hero-product","t":"Marketing hero with product shot","d":"Marketing hero with product shot is a production-ready blocks component from BJORK UI, pac","k":"section","s":"bjork-ui","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"bjork-ui:marketing-feature-bento","t":"Marketing feature bento","d":"Marketing feature bento is a production-ready blocks component from BJORK UI, packaged for","k":"layout","s":"bjork-ui","c":"layout/bento-grid","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:marketing-pricing","t":"Marketing pricing","d":"Marketing pricing is a production-ready blocks component from BJORK UI, packaged for shadc","k":"section","s":"bjork-ui","c":"marketing/pricing","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:marketing-testimonials-wall","t":"Marketing testimonials wall","d":"Marketing testimonials wall is a production-ready blocks component from BJORK UI, packaged","k":"section","s":"bjork-ui","c":"marketing/testimonials","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:marketing-cta-footer","t":"Marketing CTA and footer","d":"Marketing CTA and footer is a production-ready blocks component from BJORK UI, packaged fo","k":"section","s":"bjork-ui","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:chromatic-text","t":"Chromatic text","d":"Chromatic text is a production-ready text component from BJORK UI, packaged for shadcn reg","k":"motion","s":"bjork-ui","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:candlestick-chart","t":"Candlestick chart","d":"Candlestick chart is a production-ready charts component from BJORK UI, packaged for shadc","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sb":"Financial","sy":["animated"],"hc":1},{"id":"bjork-ui:forecast-fan","t":"Forecast fan","d":"Forecast fan is a production-ready charts component from BJORK UI, packaged for shadcn reg","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:state-timeline","t":"State timeline","d":"State timeline is a production-ready charts component from BJORK UI, packaged for shadcn r","s":"bjork-ui","c":"data-display/timeline","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:spark-table","t":"Spark table","d":"Spark table is a production-ready charts component from BJORK UI, packaged for shadcn regi","s":"bjork-ui","c":"data-display/table","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:distribution-plot","t":"Distribution plot","d":"Distribution plot is a production-ready charts component from BJORK UI, packaged for shadc","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:violin-plot","t":"Violin plot","d":"Violin plot is a production-ready charts component from BJORK UI, packaged for shadcn regi","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:beeswarm","t":"Beeswarm","d":"Beeswarm is a production-ready charts component from BJORK UI, packaged for shadcn registr","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:slope-chart","t":"Slope chart","d":"Slope chart is a production-ready charts component from BJORK UI, packaged for shadcn regi","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:dumbbell-chart","t":"Dumbbell chart","d":"Dumbbell chart is a production-ready charts component from BJORK UI, packaged for shadcn r","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:waterfall-chart","t":"Waterfall chart","d":"Waterfall chart is a production-ready charts component from BJORK UI, packaged for shadcn ","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:treemap","t":"Treemap","d":"Treemap is a production-ready charts component from BJORK UI, packaged for shadcn registri","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sb":"Flow and funnel","sy":["animated"],"hc":1},{"id":"bjork-ui:streamgraph","t":"Streamgraph","d":"Streamgraph is a production-ready charts component from BJORK UI, packaged for shadcn regi","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:scatter-brush","t":"Scatter brush","d":"Scatter brush is a production-ready charts component from BJORK UI, packaged for shadcn re","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sb":"Scatter","sy":["animated"],"hc":1},{"id":"bjork-ui:correlation-matrix","t":"Correlation matrix","d":"Correlation matrix is a production-ready charts component from BJORK UI, packaged for shad","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:sankey-flow","t":"Sankey flow","d":"Sankey flow is a production-ready charts component from BJORK UI, packaged for shadcn regi","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sb":"Flow and funnel","sy":["animated"],"hc":1},{"id":"bjork-ui:drawdown-chart","t":"Drawdown chart","d":"Drawdown chart is a production-ready charts component from BJORK UI, packaged for shadcn r","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:depth-chart","t":"Depth chart","d":"Depth chart is a production-ready charts component from BJORK UI, packaged for shadcn regi","s":"bjork-ui","c":"data-viz/chart","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"bjork-ui:order-book","t":"Order book","d":"Order book is a production-ready charts component from BJORK UI, packaged for shadcn regis","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:calibration-plot","t":"Calibration plot","d":"Calibration plot is a production-ready charts component from BJORK UI, packaged for shadcn","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:stacked-area-chart","t":"Stacked area chart","d":"Stacked area chart is a production-ready charts component from BJORK UI, packaged for shad","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sb":"Area","sy":["animated"],"hc":1},{"id":"bjork-ui:grouped-bar-chart","t":"Grouped bar chart","d":"Grouped bar chart is a production-ready charts component from BJORK UI, packaged for shadc","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sb":"Bar","sy":["animated"],"hc":1},{"id":"bjork-ui:donut-chart","t":"Donut chart","d":"Donut chart is a production-ready charts component from BJORK UI, packaged for shadcn regi","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sb":"Pie, donut and radial","sy":["animated"],"hc":1},{"id":"bjork-ui:funnel-chart","t":"Funnel chart","d":"Funnel chart is a production-ready charts component from BJORK UI, packaged for shadcn reg","s":"bjork-ui","c":"data-viz/chart","tg":["animated","playful"],"sb":"Flow and funnel","sy":["animated","playful"],"hc":1},{"id":"bjork-ui:cohort-retention","t":"Cohort retention","d":"Cohort retention is a production-ready charts component from BJORK UI, packaged for shadcn","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:calendar-heatmap","t":"Calendar heatmap","d":"Calendar heatmap is a production-ready charts component from BJORK UI, packaged for shadcn","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sb":"Heatmap","sy":["animated"],"hc":1},{"id":"bjork-ui:bullet-chart","t":"Bullet chart","d":"Bullet chart is a production-ready charts component from BJORK UI, packaged for shadcn reg","s":"bjork-ui","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:streaming-message","t":"Streaming message","d":"Streaming message is a production-ready ai component from BJORK UI, packaged for shadcn re","s":"bjork-ui","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Chat","sy":["animated"],"hc":1},{"id":"bjork-ui:reasoning-disclosure","t":"Reasoning disclosure","d":"Reasoning disclosure is a production-ready ai component from BJORK UI, packaged for shadcn","s":"bjork-ui","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Reasoning and tools","sy":["animated"],"hc":1},{"id":"bjork-ui:stream-status","t":"Stream status","d":"Stream status is a production-ready ai component from BJORK UI, packaged for shadcn regist","s":"bjork-ui","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:message-branch","t":"Message branch","d":"Message branch is a production-ready ai component from BJORK UI, packaged for shadcn regis","s":"bjork-ui","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Chat","sy":["animated"],"hc":1},{"id":"bjork-ui:response-feedback","t":"Response feedback","d":"Response feedback is a production-ready ai component from BJORK UI, packaged for shadcn re","s":"bjork-ui","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:prompt-composer","t":"Prompt composer","d":"Prompt composer is a production-ready ai component from BJORK UI, packaged for shadcn regi","s":"bjork-ui","c":"ai-agent/composer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:model-selector","t":"Model selector","d":"Model selector is a production-ready ai component from BJORK UI, packaged for shadcn regis","s":"bjork-ui","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:attachment-chips","t":"Attachment chips","d":"Attachment chips is a production-ready ai component from BJORK UI, packaged for shadcn reg","s":"bjork-ui","c":"data-display/badge","tg":["animated"],"sb":"Tags and pills","sy":["animated"],"hc":1},{"id":"bjork-ui:suggested-prompts","t":"Suggested prompts","d":"Suggested prompts is a production-ready ai component from BJORK UI, packaged for shadcn re","s":"bjork-ui","c":"ai-agent/composer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:context-meter","t":"Context meter","d":"Context meter is a production-ready ai component from BJORK UI, packaged for shadcn regist","s":"bjork-ui","c":"data-viz/gauge","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:tool-call-card","t":"Tool call card","d":"Tool call card is a production-ready ai component from BJORK UI, packaged for shadcn regis","s":"bjork-ui","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Reasoning and tools","sy":["animated"],"hc":1},{"id":"bjork-ui:approval-gate","t":"Approval gate","d":"Approval gate is a production-ready ai component from BJORK UI, packaged for shadcn regist","s":"bjork-ui","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:diff-review","t":"Diff review","d":"Diff review is a production-ready ai component from BJORK UI, packaged for shadcn registri","s":"bjork-ui","c":"data-display/diff","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:artifact-panel","t":"Artifact panel","d":"Artifact panel is a production-ready ai component from BJORK UI, packaged for shadcn regis","s":"bjork-ui","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:inline-ai-edit","t":"Inline AI edit","d":"Inline AI edit is a production-ready ai component from BJORK UI, packaged for shadcn regis","s":"bjork-ui","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:citation-chips","t":"Citation chips","d":"Citation chips is a production-ready ai component from BJORK UI, packaged for shadcn regis","s":"bjork-ui","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Sources","sy":["animated"],"hc":1},{"id":"bjork-ui:retrieval-inspector","t":"Retrieval inspector","d":"Retrieval inspector is a production-ready ai component from BJORK UI, packaged for shadcn ","s":"bjork-ui","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:memory-viewer","t":"Memory viewer","d":"Memory viewer is a production-ready ai component from BJORK UI, packaged for shadcn regist","s":"bjork-ui","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:response-compare","t":"Response compare","d":"Response compare is a production-ready ai component from BJORK UI, packaged for shadcn reg","k":"section","s":"bjork-ui","c":"marketing/comparison","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:cost-meter","t":"Cost meter","d":"Cost meter is a production-ready ai component from BJORK UI, packaged for shadcn registrie","s":"bjork-ui","c":"data-viz/gauge","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:plan-usage-card","t":"Plan usage card","d":"Plan usage card is a production-ready cards component from BJORK UI, packaged for shadcn r","k":"section","s":"bjork-ui","c":"marketing/pricing","tg":["animated"],"sb":"Usage and sliders","sy":["animated"],"hc":1},{"id":"bjork-ui:payment-method-card","t":"Payment method card","d":"Payment method card is a production-ready cards component from BJORK UI, packaged for shad","s":"bjork-ui","c":"data-display/card","tg":["animated"],"sb":"Payment","sy":["animated"],"hc":1},{"id":"bjork-ui:integration-card","t":"Integration card","d":"Integration card is a production-ready cards component from BJORK UI, packaged for shadcn ","k":"section","s":"bjork-ui","c":"marketing/logos","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:metric-card","t":"Metric card","d":"Metric card is a production-ready cards component from BJORK UI, packaged for shadcn regis","s":"bjork-ui","c":"data-display/stat","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:shipment-card","t":"Shipment card","d":"Shipment card is a production-ready cards component from BJORK UI, packaged for shadcn reg","s":"bjork-ui","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:now-playing-card","t":"Now playing card","d":"Now playing card is a production-ready cards component from BJORK UI, packaged for shadcn ","s":"bjork-ui","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:deployment-card","t":"Deployment card","d":"Deployment card is a production-ready cards component from BJORK UI, packaged for shadcn r","s":"bjork-ui","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:team-invite-card","t":"Team invite card","d":"Team invite card is a production-ready cards component from BJORK UI, packaged for shadcn ","k":"section","s":"bjork-ui","c":"marketing/team","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:streak-card","t":"Streak card","d":"Streak card is a production-ready cards component from BJORK UI, packaged for shadcn regis","s":"bjork-ui","c":"data-display/gamification","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:link-preview-card","t":"Link preview card","d":"Link preview card is a production-ready cards component from BJORK UI, packaged for shadcn","s":"bjork-ui","c":"overlays/hover-card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:app-dashboard-shell","t":"Dashboard shell","d":"Dashboard shell is a production-ready blocks component from BJORK UI, packaged for shadcn ","k":"layout","s":"bjork-ui","c":"layout/page-shell","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:app-sign-in","t":"Sign in","d":"Sign in is a production-ready blocks component from BJORK UI, packaged for shadcn registri","k":"layout","s":"bjork-ui","c":"flows/sign-in","tg":["animated"],"sb":"Sign in","sy":["animated"],"hc":1},{"id":"bjork-ui:app-settings","t":"Settings page","d":"Settings page is a production-ready blocks component from BJORK UI, packaged for shadcn re","k":"layout","s":"bjork-ui","c":"flows/settings","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:app-inbox","t":"Inbox","d":"Inbox is a production-ready blocks component from BJORK UI, packaged for shadcn registries","s":"bjork-ui","c":"overlays/notifications","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bjork-ui:app-ai-chat","t":"AI chat app","d":"AI chat app is a production-ready blocks component from BJORK UI, packaged for shadcn regi","s":"bjork-ui","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Chat","sy":["animated"],"hc":1},{"id":"bklit:utils","t":"Utilities","d":"Utility functions for className merging with clsx and tailwind-merge","k":"lib","s":"bklit","c":"lib/utility","tg":["playful"],"sb":"Class helpers","sy":["playful"],"hc":1},{"id":"bklit:shimmering-text","t":"Shimmering Text","d":"Per-character shimmer animation for loading labels and badges","k":"motion","s":"bklit","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"bklit:chart-utils","t":"Chart Utilities","d":"Shared Intl formatters, time-series decimation, and RAF tooltip scheduling for Bklit chart","k":"lib","s":"bklit","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"bklit:chart-context","t":"Chart Context","d":"Shared context and hooks for Bklit chart components","s":"bklit","c":"data-viz/chart","sb":"Area","hc":1},{"id":"bklit:chart-animation","t":"Chart Animation","d":"Shared motion helpers for chart enter transitions, clip reveals, and staggered animations","s":"bklit","c":"data-viz/chart","hc":1},{"id":"bklit:chart-series","t":"Chart Series Layer","d":"Shared line and area series rendering helpers (paths, markers, highlights, dash tails)","s":"bklit","c":"data-viz/chart","hc":1},{"id":"bklit:grid","t":"Chart Grid","d":"Grid lines for charts","s":"bklit","c":"data-viz/chart","hc":1},{"id":"bklit:reference-area","t":"Reference Area","d":"Shaded data-coordinate band for target ranges and thresholds on time-series charts","s":"bklit","c":"data-viz/chart","sb":"Area","hc":1},{"id":"bklit:projection-line","t":"Projection Line","d":"Forecast segment extending a line series past the last data point","s":"bklit","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"bklit:background","t":"Chart Background","d":"Pattern fill for the plot area when grid lines are hidden","k":"motion","s":"bklit","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"bklit:x-axis","t":"X Axis","d":"X-axis component for time-series charts","s":"bklit","c":"data-viz/chart","hc":1},{"id":"bklit:y-axis","t":"Y Axis","d":"Y-axis component for value labels in line and area charts","s":"bklit","c":"data-viz/chart","sb":"Area","hc":1},{"id":"bklit:chart-tooltip","t":"Chart Tooltip","d":"Composable tooltip components for charts","s":"bklit","c":"overlays/tooltip","hc":1},{"id":"bklit:legend","t":"Chart Legend","d":"Composable legend components for charts","s":"bklit","c":"data-viz/chart","sb":"Flow and funnel","hc":1},{"id":"bklit:markers","t":"Chart Markers","d":"Marker components for highlighting data points on charts","s":"bklit","c":"data-viz/chart","hc":1},{"id":"bklit:area-chart","t":"Area Chart","d":"A composable area chart with gradient fills and animations","s":"bklit","c":"data-viz/chart","tg":["gradient"],"sb":"Area","sy":["gradient"],"vn":1,"hc":1},{"id":"bklit:composed-chart","t":"Composed Chart","d":"Time-series chart composing Line, Area, and SeriesBar on one shared scale (Recharts Compos","s":"bklit","c":"data-viz/chart","sb":"Bar","vn":1,"hc":1},{"id":"bklit:bar-chart","t":"Bar Chart","d":"A composable bar chart with horizontal/vertical orientations and animations","s":"bklit","c":"data-viz/chart","tg":["gradient"],"sb":"Bar","sy":["gradient"],"vn":1,"hc":1},{"id":"bklit:line-chart","t":"Line Chart","d":"A composable line chart with multiple series support","s":"bklit","c":"data-viz/chart","sb":"Line and sparkline","vn":1,"hc":1},{"id":"bklit:profit-loss-line","t":"Profit/Loss Line","d":"Sign-colored line segments for profit and loss on LineChart","s":"bklit","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"bklit:bar-depth","t":"Bar Depth","d":"3D depth and glossy glass surfaces for BarChart bars","s":"bklit","c":"data-viz/chart","tg":["3d","glass"],"sb":"Bar","sy":["3d","glass"],"hc":1},{"id":"bklit:scatter-chart","t":"Scatter Chart","d":"A composable time-series scatter chart with offset rings, hover dimming, and animated ente","s":"bklit","c":"data-viz/chart","sb":"Scatter","vn":1,"hc":1},{"id":"bklit:live-line-chart","t":"Live Line Chart","d":"Real-time streaming line chart with smooth scrolling, crosshair, and animated axes","s":"bklit","c":"data-viz/chart","sb":"Line and sparkline","vn":1,"hc":1},{"id":"bklit:candlestick-chart","t":"Candlestick Chart","d":"A composable OHLC candlestick chart with gradients, patterns, tooltips, and hover interact","s":"bklit","c":"data-viz/chart","tg":["gradient"],"sb":"Financial","sy":["gradient"],"vn":1,"hc":1},{"id":"bklit:pie-chart","t":"Pie Chart","d":"A composable pie chart with animations and customizable slices","s":"bklit","c":"data-viz/chart","sb":"Pie, donut and radial","vn":1,"hc":1},{"id":"bklit:radar-chart","t":"Radar Chart","d":"A composable radar/spider chart with multiple data series","s":"bklit","c":"data-viz/chart","sb":"Radar","vn":1,"hc":1},{"id":"bklit:ring-chart","t":"Ring Chart","d":"A composable donut/ring chart with progress indicators","s":"bklit","c":"data-viz/chart","sb":"Pie, donut and radial","vn":1,"hc":1},{"id":"bklit:gauge-chart","t":"Gauge","d":"Notch-based radial or linear gauge with optional center label, patterns, and optional grad","s":"bklit","c":"data-viz/chart","tg":["gradient"],"sb":"Pie, donut and radial","sy":["gradient"],"vn":1,"hc":1},{"id":"bklit:heatmap-chart","t":"Heatmap Chart","d":"A contribution heatmap with animated cells and configurable level colors","s":"bklit","c":"data-viz/chart","sb":"Heatmap","vn":1,"hc":1},{"id":"bklit:choropleth-chart","t":"Choropleth Map","d":"A geographic map chart with zoom, pan, and data visualization","s":"bklit","c":"data-viz/chart","vn":1,"hc":1},{"id":"bklit:funnel-chart","t":"Funnel Chart","d":"An animated funnel chart with multi-layer halo rings, hover interactions, and staggered en","s":"bklit","c":"data-viz/chart","tg":["playful"],"sb":"Flow and funnel","sy":["playful"],"vn":1,"hc":1},{"id":"bklit:sankey-chart","t":"Sankey Diagram","d":"A flow diagram for visualizing data transfers between nodes","s":"bklit","c":"data-viz/chart","tg":["gradient"],"sb":"Flow and funnel","sy":["gradient"],"vn":1,"hc":1},{"id":"bklit:sunburst-chart","t":"Sunburst Chart","d":"A composable hierarchical sunburst chart with drill-down zoom and animated segments","s":"bklit","c":"data-viz/chart","vn":1,"hc":1},{"id":"bklit:chart-stat-flow","t":"Chart Stat Flow","d":"Animated stat value and label for chart overlays","s":"bklit","c":"data-display/stat","hc":1},{"id":"bklit:stat-card-area-01","t":"Stat Card Area","d":"Revenue stat card with gradient area sparkline, NumberFlow, and trend badge","s":"bklit","c":"data-display/card","tg":["gradient"],"sb":"Animated and glowing","sy":["gradient"],"vn":1,"hc":1},{"id":"bklit:stat-card-line-01","t":"Stat Card Line","d":"Sessions stat card with line sparkline, overlaid NumberFlow, and trend badge","s":"bklit","c":"data-display/card","sb":"Metric","vn":1,"hc":1},{"id":"bklit:stat-card-choropleth-01","t":"Stat Card Choropleth","d":"Visitor map stat card with choropleth sparkline, NumberFlow, and trend badge","s":"bklit","c":"data-viz/map","vn":1,"hc":1},{"id":"blobatar:avatar","t":"Blobatar","d":"An Avatar that falls back to a deterministic geometric blobatar generated from the user's ","s":"blobatar","c":"data-display/avatar","hc":1},{"id":"blobatar:presence-avatar","t":"Presence avatar","d":"A blobatar with a presence dot and an unread badge. Online, away, offline, and a thinking ","s":"blobatar","c":"data-display/avatar","hc":1},{"id":"blobatar:agent-list","t":"Agent list","d":"A sidebar group of running agents, each with a face derived from its name, a presence dot ","s":"blobatar","c":"ai-agent/ai-agent","hc":1},{"id":"blobatar:user-table","t":"User table","d":"A table of people with a blobatar per row, rendered as static images so that a long list s","s":"blobatar","c":"data-display/table","sb":"People","hc":1},{"id":"blobatar:group-chat","t":"Group chat","d":"A thread with several people in it: consecutive messages grouped under one face, an overla","s":"blobatar","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"blobatar:password-field","t":"Password field","d":"A password input with a face above it. It watches the caret while you type, and goes sleep","s":"blobatar","c":"inputs/form-field","sb":"Password","hc":1},{"id":"blockforge:hero-centered","t":"Hero Centered","d":"Badge, headline and dual CTAs over a blueprint grid.","k":"section","s":"blockforge","c":"marketing/hero","sb":"Centered and minimal","hc":1},{"id":"blockforge:hero-split","t":"Hero Split","d":"Copy and highlights beside a live deploy-log panel.","k":"section","s":"blockforge","c":"marketing/hero","sb":"Split"},{"id":"blockforge:hero-simple","t":"Hero Simple","d":"Quiet left-aligned opener with a single CTA.","k":"section","s":"blockforge","c":"marketing/hero","tg":["minimal"],"sb":"Centered and minimal","sy":["minimal"]},{"id":"blockforge:pricing-spec-sheet","t":"Pricing Spec Sheet","d":"One-price offer laid out like a technical spec card.","s":"blockforge","c":"overlays/sheet"},{"id":"blockforge:pricing-tiers","t":"Pricing Tiers","d":"Three plans with an inverted featured tier.","k":"section","s":"blockforge","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"blockforge:pricing-simple","t":"Pricing Simple","d":"A single price, centered, nothing to compare.","k":"section","s":"blockforge","c":"marketing/pricing","tg":["minimal"],"sb":"Single plan","sy":["minimal"],"hc":1},{"id":"blockforge:cta-banner","t":"CTA Banner","d":"Full-width inverted band with one decisive action.","s":"blockforge","c":"overlays/alert-banner","hc":1},{"id":"blockforge:cta-boxed","t":"CTA Boxed","d":"Bordered call-to-action card over a fading grid.","k":"section","s":"blockforge","c":"marketing/cta","sb":"Cards"},{"id":"blockforge:cta-minimal","t":"CTA Minimal","d":"A headline and a single link. Confidence as design.","k":"section","s":"blockforge","c":"marketing/cta","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"blockforge:testimonials-grid","t":"Testimonials Grid","d":"Six quotes in a balanced three-column grid.","k":"section","s":"blockforge","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"blockforge:testimonial-featured","t":"Testimonial Featured","d":"One oversized quote given the room it deserves.","k":"section","s":"blockforge","c":"marketing/testimonials","hc":1},{"id":"blockforge:footer-columns","t":"Footer Columns","d":"Brand column plus three link groups.","k":"section","s":"blockforge","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"blockforge:footer-minimal","t":"Footer Minimal","d":"Copyright and links in a single quiet row.","k":"section","s":"blockforge","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"blockforge:hero-terminal","t":"Hero Terminal","d":"Dev-tool opener with a live terminal card and copyable install command.","s":"blockforge","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"blockforge:bento-product-grid","t":"Bento Product Grid","d":"Asymmetric feature grid anchored by a live analytics panel and deploy log.","k":"layout","s":"blockforge","c":"layout/bento-grid"},{"id":"blockforge:bento-feature-cells","t":"Bento Feature Cells","d":"Four principles in a balanced two-row bento.","k":"section","s":"blockforge","c":"marketing/features","sb":"Bento","hc":1},{"id":"blockforge:faq-accordion","t":"FAQ Accordion","d":"Expandable answers with a human escape hatch at the end.","s":"blockforge","c":"data-display/accordion","sb":"FAQ","hc":1},{"id":"blockforge:faq-columns","t":"FAQ Columns","d":"Scannable two-column Q&A grouped by topic.","k":"section","s":"blockforge","c":"marketing/faq"},{"id":"blockforge:contact-split","t":"Contact Split","d":"Accessible form beside a direct-contact panel on a fading grid.","k":"section","s":"blockforge","c":"marketing/marketing","sb":"Contact"},{"id":"blockforge:contact-minimal","t":"Contact Minimal","d":"One email address, one promise, one median response time.","k":"section","s":"blockforge","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"],"hc":1},{"id":"blockforge:blog-featured-grid","t":"Blog Featured Grid","d":"One lead story with three compact posts beside it.","k":"section","s":"blockforge","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"blockforge:blog-list","t":"Blog List","d":"Editorial index with a monospaced date column.","k":"section","s":"blockforge","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"blockforge:header-simple","t":"Header Simple","d":"Sticky-ready navbar: logo, links and two actions.","s":"blockforge","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"blockforge:header-status","t":"Header Status","d":"Navbar with announcement bar and a pulsing live-status indicator.","s":"blockforge","c":"navigation/top-nav"},{"id":"blockforge:stats-hairline","t":"Stats Hairline","d":"Four key numbers separated by construction hairlines.","s":"blockforge","c":"data-display/stat","hc":1},{"id":"blockforge:stats-panel","t":"Stats Panel","d":"Inverted metrics band with miniature bar charts.","s":"blockforge","c":"data-display/stat"},{"id":"blockforge:logos-marquee","t":"Logos Marquee","d":"Edge-faded wordmark marquee that gracefully freezes under reduced motion.","k":"section","s":"blockforge","c":"marketing/logos"},{"id":"blockforge:testimonial-spotlight","t":"Testimonial Spotlight","d":"One customer story paired with the outcomes it produced.","k":"section","s":"blockforge","c":"marketing/testimonials"},{"id":"blockforge:about-story","t":"About Story","d":"Origin story beside the milestones that prove it.","k":"section","s":"blockforge","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"blockforge:about-values","t":"About Values","d":"Four commitments in a hairline-divided grid.","k":"section","s":"blockforge","c":"marketing/marketing","sb":"Team and about"},{"id":"blockforge:team-grid","t":"Team Grid","d":"The whole team, monogram avatars, no stock photos.","k":"section","s":"blockforge","c":"marketing/team","hc":1},{"id":"blockforge:team-hiring","t":"Team Hiring","d":"Open roles as a clean list with a human fallback line.","k":"section","s":"blockforge","c":"marketing/team","tg":["minimal"],"sy":["minimal"]},{"id":"blockforge:how-steps","t":"How Steps","d":"Three numbered steps on a vertical connector rail.","s":"blockforge","c":"navigation/wizard-steps","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"blockforge:how-timeline","t":"How Timeline","d":"A four-phase horizontal timeline with node markers.","s":"blockforge","c":"data-display/timeline"},{"id":"blockforge:banner-announcement","t":"Banner Announcement","d":"Inverted announcement bar with dismiss affordance.","k":"section","s":"blockforge","c":"marketing/announcement","hc":1},{"id":"blockforge:banner-countdown","t":"Banner Countdown","d":"Deadline banner with segmented countdown on hatching.","k":"motion","s":"blockforge","c":"motion/number-ticker"},{"id":"blockforge:login-card","t":"Login Card","d":"Centered sign-in: email, password, one social fallback.","k":"layout","s":"blockforge","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"blockforge:login-split","t":"Login Split","d":"Sign-up form beside an inverted proof panel.","k":"layout","s":"blockforge","c":"flows/sign-in","sb":"Split with image"},{"id":"blockforge:features-list","t":"Features List","d":"Six capabilities in a calm three-column rhythm.","k":"section","s":"blockforge","c":"marketing/features","tg":["webgl"],"sb":"Lists","sy":["webgl"],"hc":1},{"id":"blockforge:features-comparison","t":"Features Comparison","d":"With-us versus do-it-yourself, row by honest row.","k":"section","s":"blockforge","c":"marketing/comparison"},{"id":"blockforge:app-showcase","t":"App Showcase","d":"A detailed phone mockup beside offline-first feature copy.","k":"section","s":"blockforge","c":"marketing/features","sb":"Showcase and split"},{"id":"blockforge:coverage-map","t":"Coverage Map","d":"An abstract region network with live beacons and a stat strip.","s":"blockforge","c":"data-viz/map"},{"id":"blockforge:gallery-showcase","t":"Gallery Showcase","d":"Product surfaces as CSS-drawn browser frames — no images needed.","s":"blockforge","c":"media/gallery"},{"id":"blockforge:gallery-grid","t":"Gallery Grid","d":"Captioned tile gallery — swap the pattern tiles for real shots.","s":"blockforge","c":"media/gallery","sb":"Grids","hc":1},{"id":"blockforge:integrations-grid","t":"Integrations Grid","d":"Connectable services with installed states and monogram marks.","k":"section","s":"blockforge","c":"marketing/logos","hc":1},{"id":"blockforge:integrations-hub","t":"Integrations Hub","d":"Sources and destinations wired through one pulsing hub node.","k":"section","s":"blockforge","c":"marketing/logos"},{"id":"blockforge:cta-newsletter","t":"CTA Newsletter","d":"Newsletter capture with an accessible form and honest numbers.","k":"section","s":"blockforge","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"blockforge:contact-offices","t":"Contact Offices","d":"Offices with mono coordinates, addresses and local hours.","k":"section","s":"blockforge","c":"marketing/marketing","sb":"Contact"},{"id":"blockforge:timeline-roadmap","t":"Timeline Roadmap","d":"Quarterly roadmap with shipped/building/planned statuses.","s":"blockforge","c":"data-display/timeline"},{"id":"blockforge:timeline-milestones","t":"Timeline Milestones","d":"Company history on a vertical rail of year markers.","s":"blockforge","c":"data-display/timeline","hc":1},{"id":"blockforge:newsletter-split","t":"Newsletter Split","d":"Signup beside a CSS-drawn preview of the actual email.","k":"section","s":"blockforge","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"blockforge:newsletter-inline","t":"Newsletter Inline","d":"A slim capture band that slots between any two sections.","k":"section","s":"blockforge","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"blockforge:hero-metrics","t":"Hero Metrics","d":"Claim up top, the proof rail of production numbers below.","s":"blockforge","c":"data-display/stat"},{"id":"blockforge:hero-waitlist","t":"Hero Waitlist","d":"Pre-launch capture with a queue count and avatar stack.","k":"section","s":"blockforge","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"blockforge:pricing-comparison","t":"Pricing Comparison","d":"Full plan-by-plan table with grouped feature rows.","k":"section","s":"blockforge","c":"marketing/comparison"},{"id":"blockforge:bento-showcase","t":"Bento Showcase","d":"Kanban, calendar, command palette and threads — all CSS.","k":"layout","s":"blockforge","c":"layout/bento-grid"},{"id":"blockforge:testimonials-marquee","t":"Testimonials Marquee","d":"Two counter-scrolling rows, paused on hover, frozen on reduced motion.","k":"section","s":"blockforge","c":"marketing/testimonials"},{"id":"blockforge:cta-download","t":"CTA Download","d":"Inverted app-download panel with store buttons and QR.","k":"section","s":"blockforge","c":"marketing/cta","sb":"App download"},{"id":"blockforge:footer-newsletter","t":"Footer Newsletter","d":"Link columns plus a capture form and a status line.","k":"section","s":"blockforge","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"blockforge:logos-grid","t":"Logos Grid","d":"Wordmark cells in a hairline grid, muted until hovered.","k":"section","s":"blockforge","c":"marketing/logos","hc":1},{"id":"blockforge:hero-video","t":"Hero Video","d":"Demo-first opener with a CSS video player frame.","s":"blockforge","c":"media/player"},{"id":"blockforge:hero-editorial","t":"Hero Editorial","d":"Manifesto-sized type with ruled meta lines, zero imagery.","k":"section","s":"blockforge","c":"marketing/hero","hc":1},{"id":"blockforge:hero-app","t":"Hero App","d":"Store buttons beside a CSS phone running the actual app.","k":"section","s":"blockforge","c":"marketing/hero","sb":"With product shot"},{"id":"blockforge:pricing-usage","t":"Pricing Usage","d":"A screenshot-able rate card with a worked monthly example.","k":"section","s":"blockforge","c":"marketing/pricing","sb":"Usage and sliders"},{"id":"blockforge:pricing-enterprise","t":"Pricing Enterprise","d":"The security checklist plus a three-step path to a pilot.","k":"section","s":"blockforge","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"blockforge:bento-stats","t":"Bento Stats","d":"KPIs as tiles: big number, sparkline, uptime dots, regions.","s":"blockforge","c":"data-display/stat"},{"id":"blockforge:bento-mobile","t":"Bento Mobile","d":"Mobile-first story: smart alerts, offline mode, biometrics.","k":"layout","s":"blockforge","c":"layout/bento-grid","hc":1},{"id":"blockforge:integrations-orbit","t":"Integrations Orbit","d":"Satellites orbiting the hub — pure CSS, still under reduced motion.","k":"section","s":"blockforge","c":"marketing/logos"},{"id":"blockforge:video-chapters","t":"Video Chapters","d":"A chaptered walkthrough player with jump-to timestamps.","s":"blockforge","c":"media/player"},{"id":"blockforge:video-testimonial","t":"Video Testimonial","d":"A pull quote beside its 90-second video proof.","k":"section","s":"blockforge","c":"marketing/testimonials","hc":1},{"id":"blockforge:blog-magazine","t":"Blog Magazine","d":"Journal front page: one featured story, ruled sections.","k":"section","s":"blockforge","c":"marketing/marketing","sb":"Blog and posts"},{"id":"blockforge:blog-author","t":"Blog Author","d":"An author's bio and stats beside their essay archive.","k":"section","s":"blockforge","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"blockforge:contact-booking","t":"Contact Booking","d":"A working-session pitch beside a week of pickable slots.","s":"blockforge","c":"data-display/calendar"},{"id":"blockforge:faq-cards","t":"FAQ Cards","d":"Tagged question cards you can scan in any order.","k":"section","s":"blockforge","c":"marketing/faq","hc":1},{"id":"blockforge:features-beam","t":"Features Beam","d":"A light pulse rides the live card's border — pure CSS.","k":"section","s":"blockforge","c":"marketing/features"},{"id":"blockforge:hero-rotating","t":"Hero Rotating","d":"A headline whose key word takes turns — pure CSS cycle.","k":"section","s":"blockforge","c":"marketing/hero","hc":1},{"id":"blockforge:app-shell","t":"App Shell","d":"Sidebar, topbar and a live overview — the whole app frame.","k":"layout","s":"blockforge","c":"layout/dashboard","hc":1},{"id":"blockforge:app-command","t":"App Command","d":"A working command palette over a dimmed app — typing filters.","s":"blockforge","c":"navigation/command-palette"},{"id":"blockforge:app-settings","t":"App Settings","d":"Settings sections with real labels, switches and save state.","k":"layout","s":"blockforge","c":"flows/settings"},{"id":"blockforge:changelog-list","t":"Changelog List","d":"Releases on a timeline rail — versions, dates, no fluff.","k":"section","s":"blockforge","c":"marketing/marketing","hc":1},{"id":"blockforge:error-404","t":"Error #404","d":"A blueprint 404 with search and escape routes.","k":"page","s":"blockforge","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"blockforge:empty-state","t":"Empty State","d":"First-run dashboard state: ghost rows, two clear actions.","s":"blockforge","c":"data-display/empty-state"},{"id":"blockforge:header-mega","t":"Header Mega","d":"Navbar with its mega-menu open: link groups + feature card.","s":"blockforge","c":"navigation/top-nav","sb":"Mega menus"},{"id":"blockforge:footer-big","t":"Footer Big","d":"Newsletter band, four columns, status line and locale.","k":"section","s":"blockforge","c":"marketing/footer"},{"id":"blockforge:stats-cards","t":"Stats Cards","d":"Six live metrics with directional deltas.","s":"blockforge","c":"data-display/stat","hc":1},{"id":"blockforge:faq-split","t":"FAQ Split","d":"Sticky pitch on the left, accordion answers on the right.","k":"section","s":"blockforge","c":"marketing/faq"},{"id":"blockforge:login-otp","t":"Login OTP","d":"The 2FA screen — six cells, one blinking caret.","s":"blockforge","c":"inputs/otp-input"},{"id":"blockforge:banner-cookie","t":"Banner Cookie","d":"A cookie notice with two honest choices, zero dark patterns.","s":"blockforge","c":"overlays/alert-banner"},{"id":"blockforge:hero-flux","t":"Hero Flux","d":"The Blockforge signature: energy pulses riding a blueprint grid.","k":"section","s":"blockforge","c":"marketing/hero"},{"id":"blockforge:careers-listings","t":"Careers Listings","d":"Open roles by department — locations and types in mono.","k":"section","s":"blockforge","c":"marketing/marketing","sb":"Careers","hc":1},{"id":"blockforge:careers-perks","t":"Careers Perks","d":"The deal in writing: six policies, hairline grid.","k":"section","s":"blockforge","c":"marketing/marketing","sb":"Careers"},{"id":"blockforge:team-spotlight","t":"Team Spotlight","d":"One teammate, their story, and the numbers of their tenure.","k":"section","s":"blockforge","c":"marketing/team"},{"id":"blockforge:video-grid","t":"Video Grid","d":"A wall of walkthroughs with durations and view counts.","s":"blockforge","c":"media/player","hc":1},{"id":"blockforge:gallery-masonry","t":"Gallery Masonry","d":"Uneven columns, numbered captions — swap tiles for shots.","s":"blockforge","c":"media/gallery","sb":"Masonry"},{"id":"blockforge:pricing-toggle","t":"Pricing Toggle","d":"Monthly/annual switch rendered on annual, struck-through savings.","s":"blockforge","c":"actions/switch"},{"id":"blockforge:app-onboarding","t":"App Onboarding","d":"Three detailed CSS phones walking the first-run flow.","s":"blockforge","c":"navigation/wizard-steps","tg":["webgl"],"sy":["webgl"]},{"id":"blockforge:dev-contributions","t":"Dev Contributions","d":"Activity heatmap with clickable project milestones and map-pin bubbles.","s":"blockforge","c":"data-viz/map"},{"id":"blockforge:dev-achievements","t":"Dev Achievements","d":"A wall of mascot badges in dark showcase tiles — bring your own art.","s":"blockforge","c":"data-display/gamification"},{"id":"blockforge:dev-profile","t":"Dev Profile","d":"Identity card, language bars and pinned repos for a dev portfolio.","s":"blockforge","c":"data-display/profile"},{"id":"blockforge:dev-stack","t":"Dev Stack","d":"The tools you reach for, grouped by family.","k":"section","s":"blockforge","c":"marketing/marketing","hc":1},{"id":"blockforge:dev-activity","t":"Dev Activity","d":"A reverse-chronological feed of commits, merges and releases.","s":"blockforge","c":"data-display/timeline"},{"id":"blockforge:dev-now","t":"Dev Now","d":"A “right now” panel: what you're building, reading and hearing.","s":"blockforge","c":"data-display/card","hc":1},{"id":"blockforge:dev-badges","t":"Dev Badges","d":"Hexagon-gem achievement frames with a four-tier rarity system.","s":"blockforge","c":"data-display/badge"},{"id":"blockforge:dev-snake","t":"Dev Snake","d":"A decorative snake grazing a contribution grid — reduced-motion safe.","k":"section","s":"blockforge","c":"marketing/marketing","hc":1},{"id":"blockforge:page-saas-landing","t":"SaaS Landing — full page","d":"The full-funnel landing: proof, features, pricing, FAQ. (9 blocks, ready-made page)","k":"page","s":"blockforge","c":"pages/templates","tg":["playful"],"sb":"Landing pages","sy":["playful"]},{"id":"blockforge:page-dev-tool","t":"Dev Tool — full page","d":"Terminal-first hero, hard numbers, spec-sheet pricing. (8 blocks, ready-made page)","k":"page","s":"blockforge","c":"pages/templates","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"]},{"id":"blockforge:page-startup-launch","t":"Startup Launch — full page","d":"Announce, prove momentum, capture the first believers. (6 blocks, ready-made page)","k":"page","s":"blockforge","c":"pages/templates","tg":["minimal"],"sb":"Landing pages","sy":["minimal"]},{"id":"blockforge:page-pricing-page","t":"Pricing Page — full page","d":"A standalone pricing route that answers every objection. (6 blocks, ready-made page)","k":"section","s":"blockforge","c":"marketing/pricing","tg":["minimal"],"sb":"Single plan","sy":["minimal"]},{"id":"blockforge:page-portfolio","t":"Personal Site — full page","d":"Quiet opener, writing index, one strong testimonial. (6 blocks, ready-made page)","k":"page","s":"blockforge","c":"pages/templates","tg":["minimal"],"sb":"Portfolios","sy":["minimal"]},{"id":"blockforge:page-agency","t":"Agency & Studio — full page","d":"Credentials up front, work stories, a real contact path. (7 blocks, ready-made page)","k":"page","s":"blockforge","c":"pages/templates"},{"id":"blockforge:page-blog-home","t":"Blog Home — full page","d":"A content-first home: featured story plus the archive. (6 blocks, ready-made page)","k":"section","s":"blockforge","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"]},{"id":"blockforge:page-waitlist","t":"Waitlist — full page","d":"One promise, one field's worth of attention, no leaks. (4 blocks, ready-made page)","k":"section","s":"blockforge","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"blockforge:page-about-page","t":"About Page — full page","d":"Story, values, faces — the page investors actually read. (7 blocks, ready-made page)","k":"page","s":"blockforge","c":"pages/templates","tg":["minimal"],"sy":["minimal"]},{"id":"blockforge:page-careers","t":"Careers — full page","d":"Culture first, open roles second, humans throughout. (6 blocks, ready-made page)","k":"section","s":"blockforge","c":"marketing/marketing","tg":["minimal"],"sb":"Careers","sy":["minimal"]},{"id":"blockforge:page-product-tour","t":"Product Tour — full page","d":"How it works, proven step by step, ending on a push. (8 blocks, ready-made page)","k":"page","s":"blockforge","c":"pages/templates","sb":"Shops"},{"id":"blockforge:page-campaign-launch","t":"Campaign Launch — full page","d":"A deadline, a promise, and every reason to act now. (6 blocks, ready-made page)","k":"page","s":"blockforge","c":"pages/templates"},{"id":"blockforge:page-corporate","t":"Corporate Site — full page","d":"Credibility in order: story, numbers, team, contact. (7 blocks, ready-made page)","k":"page","s":"blockforge","c":"pages/templates","tg":["minimal"],"sy":["minimal"]},{"id":"blockforge:page-auth-pages","t":"Auth Pages — full page","d":"Sign-up and sign-in screens that feel like the product. (3 blocks, ready-made page)","k":"layout","s":"blockforge","c":"flows/sign-in","sb":"Split with image"},{"id":"blockforge:page-ecommerce-drop","t":"Product Drop — full page","d":"Scarcity, proof and a single product to want. (8 blocks, ready-made page)","k":"page","s":"blockforge","c":"pages/templates","sb":"Shops"},{"id":"blockforge:page-changelog","t":"Changelog — full page","d":"Every release on a rail, with a subscribe hook at the end. (4 blocks, ready-made page)","k":"section","s":"blockforge","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"blockforge:page-content-hub","t":"Content Hub — full page","d":"A journal, a walkthrough and a reason to subscribe. (6 blocks, ready-made page)","k":"page","s":"blockforge","c":"pages/templates","tg":["minimal"],"sy":["minimal"]},{"id":"blockforge:page-mobile-app","t":"Mobile App — full page","d":"Store-ready: phone in hand, proof below, download everywhere. (7 blocks, ready-made page)","k":"page","s":"blockforge","c":"pages/templates","tg":["minimal"],"sy":["minimal"]},{"id":"blockforge:page-roadmap","t":"Roadmap Page — full page","d":"Build in the open: statuses, history and a subscribe hook. (6 blocks, ready-made page)","k":"page","s":"blockforge","c":"pages/templates","tg":["minimal"],"sy":["minimal"]},{"id":"blockforge:page-launch-week","t":"Launch Week — full page","d":"Five days of announcements deserve a page this loud. (7 blocks, ready-made page)","k":"page","s":"blockforge","c":"pages/templates"},{"id":"blockforge:page-platform-overview","t":"Platform Overview — full page","d":"Features, integrations and proof — the full product story. (10 blocks, ready-made page)","k":"page","s":"blockforge","c":"pages/templates"},{"id":"blockforge:page-community-event","t":"Community Event — full page","d":"Announce the date, show the plan, gather the crowd. (8 blocks, ready-made page)","k":"page","s":"blockforge","c":"pages/templates"},{"id":"blockforge:page-developer-portfolio","t":"Developer Portfolio — full page","d":"A dev's home: profile, contributions, badges and writing. (10 blocks, ready-made page)","k":"page","s":"blockforge","c":"pages/templates","sb":"Portfolios"},{"id":"blockforge:template-meridian","t":"Meridian — full template","d":"Product-analytics marketing site: home, pricing, about, changelog and contact — one cohesi","k":"page","s":"blockforge","c":"pages/templates"},{"id":"blockforge:template-folio","t":"Folio — full template","d":"A monochrome, square-card portfolio: hero, selected work, experience, trophies and writing","k":"page","s":"blockforge","c":"pages/templates"},{"id":"blockforge:template-ledger","t":"Ledger — full template","d":"A billing dashboard app: sidebar shell, revenue charts, customers, invoices, payments and ","k":"page","s":"blockforge","c":"pages/templates"},{"id":"blockforge:template-foundry","t":"Foundry — full template","d":"A documentation site: collapsible nav, scroll-spy contents, ⌘K search, API reference, guid","k":"page","s":"blockforge","c":"pages/templates"},{"id":"blocks-so:ai-01","t":"AI Chat with Voice Input","d":"A ai chat with voice input block.","s":"blocks-so","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"blocks-so:ai-02","t":"AI Chat with Model Selection","d":"A ai chat with model selection block.","s":"blocks-so","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"blocks-so:ai-03","t":"AI Chat Compact Interface","d":"A ai chat compact interface block.","s":"blocks-so","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"blocks-so:ai-04","t":"AI Chat with File Attachments","d":"A ai chat with file attachments block.","s":"blocks-so","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"blocks-so:ai-05","t":"AI Elements Chat","d":"A ai elements chat block.","s":"blocks-so","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"blocks-so:chat-01","t":"Chat Basic","d":"A chat basic block.","s":"blocks-so","c":"ai-agent/ai-agent","tg":["minimal"],"sb":"Chat","sy":["minimal"],"hc":1},{"id":"blocks-so:chat-02","t":"Chat with Model Menu","d":"A chat with model menu block.","s":"blocks-so","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"blocks-so:chat-03","t":"Chat Application","d":"A chat application block.","s":"blocks-so","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"blocks-so:command-menu-01","t":"Command Menu with Groups","d":"A command menu with groups block.","s":"blocks-so","c":"navigation/command-palette","hc":1},{"id":"blocks-so:command-menu-02","t":"Command Menu with Keyboard Shortcuts","d":"A command menu with keyboard shortcuts block.","s":"blocks-so","c":"navigation/command-palette","hc":1},{"id":"blocks-so:command-menu-03","t":"Command Menu with Documentation Search","d":"A command menu with documentation search block.","s":"blocks-so","c":"navigation/command-palette","hc":1},{"id":"blocks-so:command-menu-04","t":"Command Menu with Global Search","d":"A command menu with global search block.","s":"blocks-so","c":"navigation/command-palette","hc":1},{"id":"blocks-so:dashboard-01","t":"Dashboard with Revenue and Customers","d":"A dashboard with revenue and customers block.","k":"layout","s":"blocks-so","c":"layout/dashboard","hc":1},{"id":"blocks-so:dialog-01","t":"Dialog Confirmation","d":"A dialog confirmation block.","s":"blocks-so","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"blocks-so:dialog-02","t":"Dialog with Warning Icon","d":"A dialog with warning icon block.","s":"blocks-so","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"blocks-so:dialog-03","t":"Dialog with Input Field","d":"A dialog with input field block.","s":"blocks-so","c":"overlays/dialog","hc":1},{"id":"blocks-so:dialog-04","t":"Dialog with Two Buttons","d":"A dialog with two buttons block.","s":"blocks-so","c":"overlays/dialog","hc":1},{"id":"blocks-so:dialog-05","t":"Dialog with Password Confirmation","d":"A dialog with password confirmation block.","s":"blocks-so","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"blocks-so:dialog-06","t":"Dialog with Privacy Toggle","d":"A dialog with privacy toggle block.","s":"blocks-so","c":"overlays/dialog","hc":1},{"id":"blocks-so:dialog-07","t":"Dialog with Member List","d":"A dialog with member list block.","s":"blocks-so","c":"overlays/dialog","hc":1},{"id":"blocks-so:dialog-08","t":"Dialog with Email and Password Fields","d":"A dialog with email and password fields block.","s":"blocks-so","c":"overlays/dialog","hc":1},{"id":"blocks-so:dialog-09","t":"Dialog with Link Share and Toggles","d":"A dialog with link share and toggles block.","s":"blocks-so","c":"overlays/dialog","sb":"Share and invite","hc":1},{"id":"blocks-so:dialog-10","t":"Dialog with Calendar and Time Picker","d":"A dialog with calendar and time picker block.","s":"blocks-so","c":"overlays/dialog","hc":1},{"id":"blocks-so:dialog-11","t":"Dialog Multi Step Wizard","d":"A dialog multi-step wizard block.","s":"blocks-so","c":"overlays/dialog","sb":"Onboarding","hc":1},{"id":"blocks-so:dialog-12","t":"Dialog with Avatar Upload","d":"A dialog with avatar upload block.","s":"blocks-so","c":"overlays/dialog","hc":1},{"id":"blocks-so:file-upload-01","t":"File Upload with Preview","d":"A file upload with preview block.","s":"blocks-so","c":"inputs/file-upload","hc":1},{"id":"blocks-so:file-upload-01","t":"File Upload with Preview","d":"A file upload with preview block.","s":"blocks-so","c":"inputs/file-upload","hc":1},{"id":"blocks-so:file-upload-02","t":"File Upload Simple","d":"A file upload simple block.","s":"blocks-so","c":"inputs/file-upload","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"blocks-so:file-upload-03","t":"File Upload Multi File Dropzone","d":"A file upload multi-file dropzone block.","s":"blocks-so","c":"inputs/file-upload","hc":1},{"id":"blocks-so:file-upload-04","t":"File Upload Drag & Drop","d":"A file upload drag & drop block.","s":"blocks-so","c":"inputs/file-upload","hc":1},{"id":"blocks-so:file-upload-05","t":"File Upload with Progress","d":"A file upload with progress block.","s":"blocks-so","c":"inputs/file-upload","hc":1},{"id":"blocks-so:file-upload-06","t":"File Upload with Status Sections","d":"A file upload with status sections block.","s":"blocks-so","c":"inputs/file-upload","hc":1},{"id":"blocks-so:form-layout-01","t":"Form with Workspace Fields","d":"A form with workspace fields block.","s":"blocks-so","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"blocks-so:form-layout-02","t":"Form with Side Labels","d":"A form with side labels block.","s":"blocks-so","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"blocks-so:form-layout-03","t":"Form with Checkbox Settings","d":"A form with checkbox settings block.","s":"blocks-so","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"blocks-so:form-layout-04","t":"Form with Package Selection","d":"A form with package selection block.","s":"blocks-so","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"blocks-so:form-layout-05","t":"Form with Plan Selection","d":"A form with plan selection block.","s":"blocks-so","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"blocks-so:grid-list-01","t":"Grid List with Dropdown","d":"A grid list with dropdown block.","s":"blocks-so","c":"data-display/list","hc":1},{"id":"blocks-so:grid-list-02","t":"Grid List with Links","d":"A grid list with links block.","s":"blocks-so","c":"data-display/list","hc":1},{"id":"blocks-so:grid-list-03","t":"Grid List with Icons","d":"A grid list with icons block.","s":"blocks-so","c":"data-display/list","hc":1},{"id":"blocks-so:login-01","t":"Login with Email and Google","d":"A login with email and google block.","k":"layout","s":"blocks-so","c":"flows/sign-in","tg":["webgl"],"sb":"Social","sy":["webgl"],"hc":1},{"id":"blocks-so:login-02","t":"Login with Email, Password and Google","d":"A login with email, password and google block.","k":"layout","s":"blocks-so","c":"flows/sign-in","tg":["webgl"],"sb":"Password reset","sy":["webgl"],"hc":1},{"id":"blocks-so:login-03","t":"Login with Email and Password","d":"A login with email and password block.","k":"layout","s":"blocks-so","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"blocks-so:login-04","t":"Login with Social Buttons","d":"A login with social buttons block.","k":"layout","s":"blocks-so","c":"flows/sign-in","sb":"Social","hc":1},{"id":"blocks-so:login-05","t":"Login Card Signup Form","d":"A login card signup form block.","k":"layout","s":"blocks-so","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"blocks-so:login-06","t":"Login with Magic Link and SSO","d":"A login with magic link and sso block.","k":"layout","s":"blocks-so","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"blocks-so:login-07","t":"Login Full Page with Icons","d":"A login full page with icons block.","k":"layout","s":"blocks-so","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"blocks-so:login-08","t":"Login with SSO","d":"A login with sso block.","k":"layout","s":"blocks-so","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"blocks-so:login-09","t":"Login Signup with Role Selection","d":"A login signup with role selection block.","k":"layout","s":"blocks-so","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"blocks-so:onboarding-01","t":"Onboarding","d":"A onboarding block.","s":"blocks-so","c":"navigation/wizard-steps","hc":1},{"id":"blocks-so:onboarding-02","t":"Onboarding Workspace Setup","d":"A onboarding workspace setup block.","s":"blocks-so","c":"navigation/wizard-steps","hc":1},{"id":"blocks-so:onboarding-03","t":"Onboarding Steps with Progress","d":"A onboarding steps with progress block.","s":"blocks-so","c":"navigation/wizard-steps","hc":1},{"id":"blocks-so:onboarding-04","t":"Onboarding Accordion","d":"A onboarding accordion block.","s":"blocks-so","c":"navigation/wizard-steps","hc":1},{"id":"blocks-so:onboarding-05","t":"Onboarding Activity Feed","d":"A onboarding activity feed block.","s":"blocks-so","c":"navigation/wizard-steps","hc":1},{"id":"blocks-so:onboarding-06","t":"Onboarding Timeline","d":"A onboarding timeline block.","s":"blocks-so","c":"navigation/wizard-steps","hc":1},{"id":"blocks-so:onboarding-07","t":"Onboarding Deploy Pipeline","d":"A onboarding deploy pipeline block.","s":"blocks-so","c":"navigation/wizard-steps","hc":1},{"id":"blocks-so:sidebar-01","t":"Sidebar Collapsible Sections","d":"A sidebar collapsible sections block.","s":"blocks-so","c":"navigation/sidebar","hc":1},{"id":"blocks-so:sidebar-02","t":"Sidebar Dashboard Inset","d":"A sidebar dashboard inset block.","s":"blocks-so","c":"navigation/sidebar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"blocks-so:sidebar-03","t":"Sidebar Dashboard Floating","d":"A sidebar dashboard floating block.","s":"blocks-so","c":"navigation/sidebar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"blocks-so:sidebar-04","t":"Sidebar Double Sided Mail","d":"A sidebar double-sided mail block.","s":"blocks-so","c":"navigation/sidebar","hc":1},{"id":"blocks-so:sidebar-05","t":"Sidebar Double Sided","d":"A sidebar double-sided block.","s":"blocks-so","c":"navigation/sidebar","hc":1},{"id":"blocks-so:sidebar-06","t":"Sidebar Replacement","d":"A sidebar replacement block.","s":"blocks-so","c":"navigation/sidebar","hc":1},{"id":"blocks-so:stats-01","t":"Stats with Trending","d":"A stats with trending block.","s":"blocks-so","c":"data-display/stat","hc":1},{"id":"blocks-so:stats-02","t":"Stats with Borders","d":"A stats with borders block.","s":"blocks-so","c":"data-display/stat","hc":1},{"id":"blocks-so:stats-03","t":"Stats with Card Layout","d":"A stats with card layout block.","s":"blocks-so","c":"data-display/stat","hc":1},{"id":"blocks-so:stats-04","t":"Stats with Badges","d":"A stats with badges block.","s":"blocks-so","c":"data-display/stat","hc":1},{"id":"blocks-so:stats-05","t":"Stats with Links","d":"A stats with links block.","s":"blocks-so","c":"data-display/stat","hc":1},{"id":"blocks-so:stats-06","t":"Stats with Status","d":"A stats with status block.","s":"blocks-so","c":"data-display/stat","hc":1},{"id":"blocks-so:stats-07","t":"Stats with Circular Progress","d":"A stats with circular progress block.","s":"blocks-so","c":"data-display/stat","hc":1},{"id":"blocks-so:stats-08","t":"Stats with Circular Progress and Links","d":"A stats with circular progress and links block.","s":"blocks-so","c":"data-display/stat","hc":1},{"id":"blocks-so:stats-09","t":"Stats with Progress","d":"A stats with progress block.","s":"blocks-so","c":"data-display/stat","hc":1},{"id":"blocks-so:stats-10","t":"Stats with Area Chart","d":"A stats with area chart block.","s":"blocks-so","c":"data-display/stat","hc":1},{"id":"blocks-so:stats-11","t":"Stats Dashboard with Progress Bars","d":"A stats dashboard with progress bars block.","s":"blocks-so","c":"data-display/stat","hc":1},{"id":"blocks-so:stats-12","t":"Stats Usage Dashboard","d":"A stats usage dashboard block.","s":"blocks-so","c":"data-display/stat","hc":1},{"id":"blocks-so:stats-13","t":"Stats with Segmented Progress","d":"A stats with segmented progress block.","s":"blocks-so","c":"data-display/stat","hc":1},{"id":"blocks-so:stats-14","t":"Stats with Usage Breakdown","d":"A stats with usage breakdown block.","s":"blocks-so","c":"data-display/stat","hc":1},{"id":"blocks-so:stats-15","t":"Stats with Value Breakdown","d":"A stats with value breakdown block.","s":"blocks-so","c":"data-display/stat","hc":1},{"id":"blocks-so:table-01","t":"Table with Accordion","d":"A table with accordion block.","s":"blocks-so","c":"data-display/table","hc":1},{"id":"blocks-so:table-02","t":"Table with Actions","d":"A table with actions block.","s":"blocks-so","c":"data-display/table","hc":1},{"id":"blocks-so:table-03","t":"Table with Filters","d":"A table with filters block.","s":"blocks-so","c":"data-display/table","sb":"Data tables","hc":1},{"id":"blocks-so:table-04","t":"Table with Grouped Rows","d":"A table with grouped rows block.","s":"blocks-so","c":"data-display/table","hc":1},{"id":"blocks-so:table-05","t":"Data Table","d":"A data table block.","s":"blocks-so","c":"data-display/table","sb":"Data tables","hc":1},{"id":"blode:ui","t":"Blode UI","d":"Blode UI design-system base built on Base UI.","k":"theme","s":"blode","c":"themes/style"},{"id":"blode:accordion","t":"Accordion","d":"A vertically stacked set of interactive headings that reveal or hide associated content.","s":"blode","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"blode:add-to-homescreen","t":"Add to Homescreen","d":"A sheet of platform-aware instructions for installing a web app to the home screen.","s":"blode","c":"overlays/sheet","hc":1},{"id":"blode:alert","t":"Alert","d":"A callout that displays a short, important message to attract attention.","s":"blode","c":"overlays/alert-banner","hc":1},{"id":"blode:alert-dialog","t":"Alert Dialog","d":"A modal dialog that interrupts the user with important content and expects a response.","s":"blode","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"blode:aspect-ratio","t":"Aspect Ratio","d":"A component that maintains a consistent width-to-height ratio.","k":"layout","s":"blode","c":"layout/page-shell","hc":1},{"id":"blode:autocomplete","t":"Autocomplete","d":"An input that suggests matching values while typing.","s":"blode","c":"inputs/combobox","hc":1},{"id":"blode:avatar","t":"Avatar","d":"An image element with a fallback for representing the user.","s":"blode","c":"data-display/avatar","hc":1},{"id":"blode:bar-list","t":"Bar List","d":"A compact comparison list that visualises values as horizontal bars.","s":"blode","c":"data-display/list","hc":1},{"id":"blode:badge","t":"Badge","d":"A small status indicator for labelling and categorising items.","s":"blode","c":"data-display/badge","hc":1},{"id":"blode:breadcrumb","t":"Breadcrumb","d":"A navigation aid that shows the current page location within a hierarchy.","s":"blode","c":"navigation/breadcrumb","hc":1},{"id":"blode:bulk-action-bar","t":"Bulk Action Bar","d":"A sticky bar that surfaces actions for the currently selected rows.","s":"blode","c":"data-display/list","hc":1},{"id":"blode:button","t":"Button","d":"An interactive element that triggers an action when clicked.","s":"blode","c":"actions/button","vn":1,"hc":1},{"id":"blode:calendar","t":"Calendar","d":"A date field component that allows users to pick dates.","s":"blode","c":"data-display/calendar","hc":1},{"id":"blode:card","t":"Card","d":"A container for grouping related content and actions.","s":"blode","c":"data-display/card","hc":1},{"id":"blode:carousel","t":"Carousel","d":"A slideshow component for cycling through a set of content.","s":"blode","c":"media/carousel","hc":1},{"id":"blode:circular-progress","t":"Circular Progress","d":"A circular indicator that shows the progress of a task.","s":"blode","c":"data-viz/progress-bar","hc":1},{"id":"blode:checkbox","t":"Checkbox","d":"A control that allows the user to toggle between checked and unchecked states.","s":"blode","c":"inputs/checkbox","vn":1,"hc":1},{"id":"blode:collapsible","t":"Collapsible","d":"An interactive component that expands and collapses a panel of content.","s":"blode","c":"data-display/accordion","hc":1},{"id":"blode:color-picker","t":"Color Picker","d":"A saturation area, hue slider, hex input and suggested swatches for choosing a color.","s":"blode","c":"inputs/color-picker","hc":1},{"id":"blode:currency-input","t":"Currency Input","d":"A formatted input field for entering monetary values.","s":"blode","c":"inputs/form-field","hc":1},{"id":"blode:combobox","t":"Combobox","d":"An autocomplete input that combines a text field with a filterable dropdown list.","s":"blode","c":"inputs/combobox","hc":1},{"id":"blode:font-picker","t":"Font Picker","d":"A searchable picker for Google Fonts with live previews.","k":"resource","s":"blode","c":"assets/font","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"blode:image-comparison","t":"Image Comparison","d":"A draggable slider that wipes between a before and after image.","k":"section","s":"blode","c":"marketing/comparison","hc":1},{"id":"blode:multi-combobox","t":"Multi Combobox","d":"A combobox that allows selecting multiple items with tag-style badges.","s":"blode","c":"inputs/combobox","hc":1},{"id":"blode:command","t":"Command","d":"A command palette for fast, keyboard-driven searching and navigation.","s":"blode","c":"data-display/badge","hc":1},{"id":"blode:context-menu","t":"Context Menu","d":"A menu that appears on right-click, providing contextual actions.","s":"blode","c":"overlays/context-menu","hc":1},{"id":"blode:copy-button","t":"Copy Button","d":"A button that copies text to the clipboard with animated feedback.","s":"blode","c":"actions/copy-button","hc":1},{"id":"blode:dialog","t":"Dialog","d":"A modal window that overlays the main content and requires user interaction.","s":"blode","c":"overlays/dialog","hc":1},{"id":"blode:drawer","t":"Drawer","d":"A panel that slides in from the edge of the screen.","s":"blode","c":"overlays/sheet","hc":1},{"id":"blode:dropdown-menu","t":"Dropdown Menu","d":"A menu that opens from a trigger button, displaying a list of actions.","s":"blode","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"blode:empty","t":"Empty","d":"A placeholder displayed when there is no content or data to show.","s":"blode","c":"data-display/empty-state","hc":1},{"id":"blode:field","t":"Field","d":"A form field wrapper that pairs a label, input, and helper text.","s":"blode","c":"inputs/form-field","hc":1},{"id":"blode:form","t":"Form","d":"A form component with validation powered by React Hook Form and Zod.","s":"blode","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"blode:hover-card","t":"Hover Card","d":"A popup card that appears when hovering over a trigger element.","s":"blode","c":"overlays/hover-card","hc":1},{"id":"blode:input","t":"Input","d":"A text input field for capturing user data.","s":"blode","c":"inputs/form-field","vn":1,"hc":1},{"id":"blode:input-otp","t":"Input OTP","d":"A one-time password input with individual character fields.","s":"blode","c":"inputs/otp-input","hc":1},{"id":"blode:item","t":"Item","d":"A flexible list item component for menus, settings, and data rows.","s":"blode","c":"data-display/list","hc":1},{"id":"blode:label","t":"Label","d":"An accessible label that associates text with a form control.","s":"blode","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"blode:menubar","t":"Menubar","d":"A horizontal menu bar with dropdown menus, commonly used for application navigation.","s":"blode","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"blode:meter","t":"Meter","d":"A meter that shows a scalar value within a bounded range.","s":"blode","c":"data-viz/gauge","hc":1},{"id":"blode:navigation-menu","t":"Navigation Menu","d":"A responsive navigation component with support for dropdown panels.","s":"blode","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"blode:number-field","t":"Number Field","d":"A numeric input with increment, decrement, and scrubbing interactions.","s":"blode","c":"inputs/number-input","hc":1},{"id":"blode:pagination","t":"Pagination","d":"A navigation component for paging through content across multiple pages.","s":"blode","c":"navigation/pagination","hc":1},{"id":"blode:password-input","t":"Password Input","d":"A password input with a toggle button to show or hide the password.","s":"blode","c":"inputs/form-field","sb":"Password","hc":1},{"id":"blode:phone-input","t":"Phone Input","d":"An international phone number input with country code selector.","s":"blode","c":"inputs/form-field","sb":"Phone","hc":1},{"id":"blode:popover","t":"Popover","d":"A floating panel that appears next to a trigger element.","s":"blode","c":"overlays/popover","hc":1},{"id":"blode:progress","t":"Progress","d":"A horizontal bar that indicates the completion progress of a task.","s":"blode","c":"data-viz/progress-bar","hc":1},{"id":"blode:progress-list","t":"Progress List","d":"A vertical list of progress items with completed and pending states.","s":"blode","c":"data-viz/progress-bar","hc":1},{"id":"blode:prompt","t":"Prompt","d":"A confirmation dialog that asks the user for input before proceeding.","s":"blode","c":"ai-agent/composer","hc":1},{"id":"blode:radio-group","t":"Radio Group","d":"A set of mutually exclusive options where only one can be selected.","s":"blode","c":"inputs/radio","hc":1},{"id":"blode:resizable","t":"Resizable","d":"A layout component with draggable handles for resizing panels.","k":"layout","s":"blode","c":"layout/split-pane","hc":1},{"id":"blode:responsive-dialog","t":"Responsive Dialog","d":"A dialog on desktop that becomes a drawer on small screens.","s":"blode","c":"overlays/dialog","hc":1},{"id":"blode:scroll-area","t":"Scroll Area","d":"A scrollable container with custom styled scrollbars.","k":"layout","s":"blode","c":"layout/scroll-area","hc":1},{"id":"blode:search-input","t":"Search Input","d":"A search field with a clear button and an optional cycling placeholder.","s":"blode","c":"inputs/search","hc":1},{"id":"blode:select","t":"Select","d":"A dropdown control for choosing a single value from a list of options.","s":"blode","c":"inputs/select","hc":1},{"id":"blode:separator","t":"Separator","d":"A visual divider that separates content into distinct sections.","k":"layout","s":"blode","c":"layout/page-shell","hc":1},{"id":"blode:share","t":"Share","d":"A button that opens the native share sheet and falls back to copying the link.","s":"blode","c":"overlays/sheet","hc":1},{"id":"blode:sheet","t":"Sheet","d":"A panel that slides in from the edge of the viewport with an overlay.","s":"blode","c":"overlays/sheet","hc":1},{"id":"blode:sidebar","t":"Sidebar","d":"A collapsible side navigation component with multiple layout variants.","s":"blode","c":"navigation/sidebar","hc":1},{"id":"blode:skeleton","t":"Skeleton","d":"A placeholder animation that indicates content is loading.","s":"blode","c":"status/skeleton","hc":1},{"id":"blode:slider","t":"Slider","d":"A draggable control for selecting a numeric value within a range.","s":"blode","c":"inputs/slider","hc":1},{"id":"blode:sonner","t":"Sonner","d":"A toast notification component powered by Sonner.","s":"blode","c":"overlays/toast","hc":1},{"id":"blode:spinner","t":"Spinner","d":"An animated loading indicator for asynchronous operations.","s":"blode","c":"status/loader","sb":"Spinners","hc":1},{"id":"blode:stat","t":"Stat","d":"A compact metric card for showing a headline value and label.","s":"blode","c":"data-display/stat","hc":1},{"id":"blode:stepper","t":"Stepper","d":"A numbered progress indicator for a multi-step flow.","s":"blode","c":"navigation/wizard-steps","hc":1},{"id":"blode:switch","t":"Switch","d":"A toggle control for switching between on and off states.","s":"blode","c":"actions/switch","hc":1},{"id":"blode:table","t":"Table","d":"A responsive table for displaying structured data in rows and columns.","s":"blode","c":"data-display/table","hc":1},{"id":"blode:tabs","t":"Tabs","d":"A tabbed interface that organises content into switchable panels.","s":"blode","c":"navigation/tabs","hc":1},{"id":"blode:textarea","t":"Textarea","d":"A multi-line text input field for longer form content.","s":"blode","c":"inputs/textarea","hc":1},{"id":"blode:time-picker","t":"Time Picker","d":"A select of times at a fixed interval, formatted for the locale.","s":"blode","c":"inputs/time-picker","hc":1},{"id":"blode:timezone-picker","t":"Timezone Picker","d":"A searchable list of IANA time zones with their current offset and time.","s":"blode","c":"inputs/select","hc":1},{"id":"blode:toggle","t":"Toggle","d":"A two-state button that can be toggled on or off.","s":"blode","c":"actions/switch","vn":1,"hc":1},{"id":"blode:tooltip","t":"Tooltip","d":"A popup that displays helpful information when hovering or focusing an element.","s":"blode","c":"overlays/tooltip","hc":1},{"id":"blode:kbd","t":"Kbd","d":"A styled keyboard key indicator for displaying shortcuts and key combinations.","s":"blode","c":"data-display/typography","hc":1},{"id":"blode:native-select","t":"Native Select","d":"A styled wrapper around the native HTML select element.","s":"blode","c":"inputs/select","hc":1},{"id":"blode:direction","t":"Direction","d":"A context provider for managing text direction (LTR/RTL) across components.","k":"motion","s":"blode","c":"motion/text-effect","hc":1},{"id":"blode:file-thumbnail","t":"File Thumbnail","d":"A square preview tile for an attached file — an image thumbnail or a file icon with name.","s":"blode","c":"data-display/card","hc":1},{"id":"blode:chat-message","t":"Chat Message","d":"A chat transcript entry for user and assistant messages, with attachments and a hover meta","s":"blode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"blode:input-message","t":"Input Message","d":"A chat composer with an auto-resizing textarea, action slots, a send button, and drag-and-","s":"blode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"blode:thinking-indicator","t":"Thinking Indicator","d":"An animated status indicator with a morphing glyph and cycling text for thinking states.","s":"blode","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"blode:thinking-steps","t":"Thinking Steps","d":"A collapsible chain-of-thought stepper with steps, sources, details, and images.","s":"blode","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"blode:ask-user-questions","t":"Ask User Questions","d":"A stepped questionnaire with single- or multi-select options, free-form answers, and skip.","k":"section","s":"blode","c":"marketing/faq","hc":1},{"id":"blode:bubble","t":"Bubble","d":"A message surface for chat interfaces, with variants, alignment, reactions, and composable","s":"blode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"blode:message","t":"Message","d":"A row primitive for chat transcripts, pairing an avatar with content, header, and footer, ","s":"blode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"blode:message-scroller","t":"Message Scroller","d":"A chat scroll container that anchors turns, opens saved transcripts, follows streamed resp","s":"blode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"blode:attachment","t":"Attachment","d":"A card for files and images with upload, processing, error, and done states, an optional f","s":"blode","c":"inputs/file-upload","hc":1},{"id":"blode:marker","t":"Marker","d":"A compact inline status line for activity feeds and transcripts, with optional icon, separ","k":"resource","s":"blode","c":"assets/icon","hc":1},{"id":"blode:weekly-hours","t":"Weekly Hours","d":"An editor for opening hours across the days of the week.","s":"blode","c":"inputs/textarea","hc":1},{"id":"blode:utils","t":"Utils","d":"Utility functions including cn() for merging Tailwind CSS classes.","k":"lib","s":"blode","c":"lib/utility","tg":["playful"],"sb":"Class helpers","sy":["playful"],"hc":1},{"id":"blode:google-fonts","t":"Google Fonts","d":"Fetch and preview Google Fonts, with stylesheet injection and cleanup.","k":"lib","s":"blode","c":"lib/utility","tg":["minimal","webgl"],"sy":["minimal","webgl"],"hc":1},{"id":"blode:live-stats","t":"Live Stats","d":"Cached server fetches for GitHub stars and npm downloads that fail closed to null.","k":"lib","s":"blode","c":"lib/utility","hc":1},{"id":"blode:use-copy-to-clipboard","t":"Use Copy To Clipboard","d":"A hook that copies text to the clipboard and resets after a timeout.","k":"lib","s":"blode","c":"lib/utility","hc":1},{"id":"blode:use-install-prompt","t":"Use Install Prompt","d":"A hook that exposes Chromium's deferred install prompt.","k":"lib","s":"blode","c":"lib/utility","hc":1},{"id":"blode:use-mobile","t":"Use Mobile","d":"A hook that detects whether the viewport matches a mobile breakpoint.","k":"lib","s":"blode","c":"lib/utility","hc":1},{"id":"blode:use-tab-observer","t":"Use Tab Observer","d":"A hook that observes and tracks the active tab indicator position.","k":"lib","s":"blode","c":"lib/utility","hc":1},{"id":"boldkit:theme","t":"Theme","d":"BoldKit neubrutalism theme with bold colors and CSS variables","k":"theme","s":"boldkit","c":"themes/theme","tg":["brutalist"],"sy":["brutalist"]},{"id":"boldkit:utils","t":"Utils","d":"Utility functions for className merging","k":"lib","s":"boldkit","c":"lib/utility","tg":["playful"],"sb":"Class helpers","sy":["playful"],"hc":1},{"id":"boldkit:use-theme","t":"Use Theme","d":"Theme provider hook with light/dark/system support and localStorage persistence. Used by S","k":"lib","s":"boldkit","c":"lib/hook","hc":1},{"id":"boldkit:error-boundary","t":"Error Boundary","d":"Error boundary wrapper with neubrutalism-styled fallback UI. Used by math-curve components","s":"boldkit","c":"other/other","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:accordion","t":"Accordion","d":"A vertically stacked set of interactive headings with neubrutalism styling","s":"boldkit","c":"data-display/accordion","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:alert","t":"Alert","d":"Displays a callout for user attention with bold neubrutalism borders","s":"boldkit","c":"overlays/alert-banner","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:aspect-ratio","t":"Aspect Ratio","d":"Displays content within a desired ratio","k":"layout","s":"boldkit","c":"layout/page-shell","hc":1},{"id":"boldkit:avatar","t":"Avatar","d":"An image element with a fallback for representing the user","s":"boldkit","c":"data-display/avatar","hc":1},{"id":"boldkit:badge","t":"Badge","d":"Displays a badge or a component that looks like a badge with neubrutalism styling","s":"boldkit","c":"data-display/badge","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:breadcrumb","t":"Breadcrumb","d":"Displays the path to the current resource using a hierarchy of links","s":"boldkit","c":"navigation/breadcrumb","hc":1},{"id":"boldkit:button","t":"Button","d":"Displays a button with neubrutalism styling and press-down animation","s":"boldkit","c":"actions/button","tg":["brutalist"],"sy":["brutalist"],"vn":1,"hc":1},{"id":"boldkit:card","t":"Card","d":"Displays a card with header, content, and footer with thick borders and shadows","s":"boldkit","c":"data-display/card","hc":1},{"id":"boldkit:checkbox","t":"Checkbox","d":"A control that allows the user to toggle between checked and not checked","s":"boldkit","c":"inputs/checkbox","hc":1},{"id":"boldkit:collapsible","t":"Collapsible","d":"An interactive component which expands/collapses a panel","s":"boldkit","c":"data-display/accordion","hc":1},{"id":"boldkit:combobox","t":"Combobox","d":"Searchable dropdown built by composing Popover and Command with neubrutalism styling","s":"boldkit","c":"inputs/combobox","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:command","t":"Command","d":"Fast, composable, command menu for React with neubrutalism styling","s":"boldkit","c":"navigation/command-palette","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:dialog","t":"Dialog","d":"A window overlaid on the primary window with neubrutalism borders and shadows","s":"boldkit","c":"overlays/dialog","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:dropdown-menu","t":"Dropdown Menu","d":"Displays a menu of actions/options with neubrutalism styling","s":"boldkit","c":"navigation/menu","tg":["brutalist"],"sb":"Dropdowns","sy":["brutalist"],"hc":1},{"id":"boldkit:context-menu","t":"Context Menu","d":"Displays a menu triggered by right-click with neubrutalism styling","s":"boldkit","c":"overlays/context-menu","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:menubar","t":"Menubar","d":"A horizontal menu bar of desktop-style dropdown menus with neubrutalism styling","s":"boldkit","c":"navigation/top-nav","tg":["brutalist"],"sb":"Mega menus","sy":["brutalist"],"hc":1},{"id":"boldkit:navigation-menu","t":"Navigation Menu","d":"A collection of links and dropdown panels for site navigation with neubrutalism styling","s":"boldkit","c":"navigation/top-nav","tg":["brutalist"],"sb":"Mega menus","sy":["brutalist"],"hc":1},{"id":"boldkit:resizable","t":"Resizable","d":"Resizable panel groups and handles with neubrutalism styling","k":"layout","s":"boldkit","c":"layout/split-pane","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:input-group","t":"Input Group","d":"An input joined with leading/trailing addons in a single bordered field","s":"boldkit","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"boldkit:field","t":"Field","d":"Form field composition: label, control, description and error","s":"boldkit","c":"inputs/form-field","hc":1},{"id":"boldkit:native-select","t":"Native Select","d":"A styled wrapper around the native select element, a11y-first","s":"boldkit","c":"inputs/select","hc":1},{"id":"boldkit:date-picker","t":"Date Picker","d":"A single-date picker: a button trigger that opens a calendar popover","s":"boldkit","c":"inputs/date-picker","hc":1},{"id":"boldkit:input","t":"Input","d":"Displays a form input field with neubrutalism styling","s":"boldkit","c":"inputs/form-field","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:label","t":"Label","d":"Renders an accessible label for form controls","s":"boldkit","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"boldkit:popover","t":"Popover","d":"Displays rich content in a portal with neubrutalism styling","s":"boldkit","c":"overlays/popover","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:progress","t":"Progress","d":"Displays an indicator showing the completion progress of a task","s":"boldkit","c":"data-viz/progress-bar","hc":1},{"id":"boldkit:radio-group","t":"Radio Group","d":"A set of checkable buttons where only one can be checked at a time","s":"boldkit","c":"inputs/radio","hc":1},{"id":"boldkit:scroll-area","t":"Scroll Area","d":"Augments native scroll functionality for custom styling","k":"layout","s":"boldkit","c":"layout/scroll-area","tg":["playful"],"sy":["playful"],"hc":1},{"id":"boldkit:select","t":"Select","d":"Displays a list of options with neubrutalism styling","s":"boldkit","c":"inputs/select","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:separator","t":"Separator","d":"Visually separates content with a thick border","k":"layout","s":"boldkit","c":"layout/page-shell","hc":1},{"id":"boldkit:sheet","t":"Sheet","d":"Extends Dialog to display content that complements the main page","s":"boldkit","c":"overlays/sheet","hc":1},{"id":"boldkit:skeleton","t":"Skeleton","d":"Used to show a placeholder while content is loading","s":"boldkit","c":"status/skeleton","hc":1},{"id":"boldkit:slider","t":"Slider","d":"A jelly slider with spring physics and bouncy animations","s":"boldkit","c":"inputs/slider","tg":["playful"],"sy":["playful"],"hc":1},{"id":"boldkit:sonner","t":"Sonner","d":"An opinionated toast component with neubrutalism styling","s":"boldkit","c":"overlays/toast","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:switch","t":"Switch","d":"A control that allows the user to toggle between on and off","s":"boldkit","c":"actions/switch","hc":1},{"id":"boldkit:table","t":"Table","d":"A responsive table component with neubrutalism styling","s":"boldkit","c":"data-display/table","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:tabs","t":"Tabs","d":"A tabbed interface component with neubrutalism styling","s":"boldkit","c":"navigation/tabs","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:textarea","t":"Textarea","d":"Displays a form textarea with neubrutalism styling","s":"boldkit","c":"inputs/textarea","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:toggle","t":"Toggle","d":"A two-state button that can be either on or off","s":"boldkit","c":"actions/switch","vn":1,"hc":1},{"id":"boldkit:tooltip","t":"Tooltip","d":"A popup that displays information related to an element","s":"boldkit","c":"overlays/tooltip","hc":1},{"id":"boldkit:alert-dialog","t":"Alert Dialog","d":"A modal dialog for important confirmations with neubrutalism styling","s":"boldkit","c":"overlays/dialog","tg":["brutalist"],"sb":"Confirm","sy":["brutalist"],"hc":1},{"id":"boldkit:calendar","t":"Calendar","d":"A date picker calendar with neubrutalism styling","s":"boldkit","c":"data-display/calendar","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:drawer","t":"Drawer","d":"A drawer component that slides in from the edge of the screen","s":"boldkit","c":"overlays/sheet","hc":1},{"id":"boldkit:hover-card","t":"Hover Card","d":"A card that appears on hover with additional information","s":"boldkit","c":"overlays/hover-card","hc":1},{"id":"boldkit:input-otp","t":"Input OTP","d":"One-time password input with neubrutalism styling","s":"boldkit","c":"inputs/otp-input","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:pagination","t":"Pagination","d":"Pagination controls for navigating through pages","s":"boldkit","c":"navigation/pagination","hc":1},{"id":"boldkit:chart","t":"Chart","d":"Beautiful charts with neubrutalism styling built on Recharts","s":"boldkit","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:marquee","t":"Marquee","d":"Auto-scrolling text ticker with neubrutalism styling - a common brutalist design element","k":"motion","s":"boldkit","c":"motion/marquee","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:sticker","t":"Sticker","d":"Rotated labels and stamps with tape effect and double borders - neubrutalist decorative el","s":"boldkit","c":"inputs/form-field","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:layered-card","t":"Layered Card","d":"Card component with stacked layers effect showing offset depth - neubrutalist depth illusi","s":"boldkit","c":"data-display/card","tg":["3d","brutalist"],"sb":"Profile","sy":["3d","brutalist"],"hc":1},{"id":"boldkit:shapes","t":"Shapes","d":"55 neubrutalist SVG shapes organized by category for badges, decorations, and visual accen","k":"resource","s":"boldkit","c":"assets/shape","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:styles","t":"Styles","d":"BoldKit neubrutalism CSS variables and utilities","k":"theme","s":"boldkit","c":"themes/style","tg":["brutalist"],"fw":"CSS","sy":["brutalist"],"hc":1},{"id":"boldkit:spinner","t":"Spinner","d":"Loading spinner with multiple animation variants - dots, bars, blocks, and brutal shadow s","s":"boldkit","c":"status/loader","tg":["brutalist"],"sb":"Spinners","sy":["brutalist"],"hc":1},{"id":"boldkit:kbd","t":"Kbd","d":"Keyboard key indicator for displaying shortcuts and hotkeys with neubrutalism styling","s":"boldkit","c":"data-display/typography","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:stat-card","t":"Stat Card","d":"Statistics card with trend indicators, icons, and optional progress bars","s":"boldkit","c":"data-display/stat","hc":1},{"id":"boldkit:stepper","t":"Stepper","d":"Multi-step form wizard with progress indicators, compound components pattern","s":"boldkit","c":"navigation/wizard-steps","hc":1},{"id":"boldkit:multi-step-form","t":"Multi Step Form","d":"Dependency-free multi-step form state layer with per-step validation, designed to compose ","s":"boldkit","c":"navigation/wizard-steps","hc":1},{"id":"boldkit:dropzone","t":"Dropzone","d":"Drag-and-drop file upload with validation, progress tracking, and file list","s":"boldkit","c":"inputs/file-upload","hc":1},{"id":"boldkit:sparkline","t":"Sparkline","d":"Tiny inline trend charts for tables and stat cards - line, area, and bar variants","s":"boldkit","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"boldkit:donut-chart","t":"Donut Chart","d":"Pie chart with center hole for KPI display, supports center content slot","s":"boldkit","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"boldkit:radial-bar-chart","t":"Radial Bar Chart","d":"Circular progress bars with nested rings for multiple metrics","s":"boldkit","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"boldkit:radar-chart","t":"Radar Chart","d":"Multi-variable comparison chart for skills, metrics, and feature comparisons","s":"boldkit","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"boldkit:gauge-chart","t":"Gauge Chart","d":"Speedometer-style gauge with color zones and animated needle - custom SVG implementation","s":"boldkit","c":"data-viz/chart","hc":1},{"id":"boldkit:funnel-chart","t":"Funnel Chart","d":"Funnel chart for conversion flows and pipeline stages with neubrutalism styling","s":"boldkit","c":"data-viz/chart","tg":["brutalist","playful"],"sb":"Flow and funnel","sy":["brutalist","playful"],"hc":1},{"id":"boldkit:treemap-chart","t":"Treemap Chart","d":"Treemap for hierarchical data visualization with proportional rectangles","s":"boldkit","c":"data-viz/chart","sb":"Flow and funnel","hc":1},{"id":"boldkit:heatmap-chart","t":"Heatmap Chart","d":"Heatmap grid for correlation and intensity data - custom CSS Grid implementation","s":"boldkit","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"boldkit:sankey-chart","t":"Sankey Chart","d":"Sankey flow diagram for showing proportional flows between nodes - custom SVG implementati","s":"boldkit","c":"data-viz/chart","sb":"Flow and funnel","hc":1},{"id":"boldkit:rating","t":"Rating","d":"Star rating component with half-values, multiple icons, and keyboard navigation","s":"boldkit","c":"inputs/rating","hc":1},{"id":"boldkit:tag-input","t":"Tag Input","d":"Multi-tag input with suggestions, validation, and keyboard support","s":"boldkit","c":"inputs/tag-input","hc":1},{"id":"boldkit:time-picker","t":"Time Picker","d":"Popover-based time picker with 12h/24h format and scrollable columns","s":"boldkit","c":"inputs/time-picker","hc":1},{"id":"boldkit:date-range-picker","t":"Date Range Picker","d":"Date range picker with presets, dual calendars, and customizable options","s":"boldkit","c":"inputs/date-range","hc":1},{"id":"boldkit:data-table","t":"Data Table","d":"Powerful data table with sorting, filtering, pagination, and row selection","s":"boldkit","c":"data-display/table","sb":"Data tables","hc":1},{"id":"boldkit:carousel","t":"Carousel","d":"Carousel component with navigation, dots, and touch support built on Embla","s":"boldkit","c":"media/carousel","hc":1},{"id":"boldkit:timeline","t":"Timeline","d":"Composable timeline for activity feeds, order tracking, and version history","s":"boldkit","c":"data-display/timeline","hc":1},{"id":"boldkit:tree-view","t":"Tree View","d":"Hierarchical tree view with expand/collapse, selection, and checkboxes","s":"boldkit","c":"data-display/tree","hc":1},{"id":"boldkit:sidebar","t":"Sidebar","d":"Collapsible sidebar with mobile drawer, tooltips, and keyboard shortcut","s":"boldkit","c":"navigation/sidebar","hc":1},{"id":"boldkit:tour","t":"Tour","d":"Step-by-step product tour with spotlight highlighting and progress indicators","s":"boldkit","c":"data-viz/progress-bar","hc":1},{"id":"boldkit:empty-state","t":"Empty State","d":"Empty state component with icon, title, description, and optional actions","s":"boldkit","c":"data-display/empty-state","hc":1},{"id":"boldkit:math-curves","t":"Math Curves","d":"Framework-agnostic math engine for parametric curve animations (rose, lissajous, butterfly","k":"lib","s":"boldkit","c":"lib/utility","hc":1},{"id":"boldkit:math-curve-loader","t":"Math Curve Loader","d":"Animated mathematical curve loader with neubrutalism aesthetics — 8 curve variants includi","s":"boldkit","c":"status/loader","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:math-curve-progress","t":"Math Curve Progress","d":"Progress indicator that traces a mathematical curve — value-driven head moves along the cu","s":"boldkit","c":"data-viz/progress-bar","hc":1},{"id":"boldkit:math-curve-background","t":"Math Curve Background","d":"Ambient animated mathematical curve background layer with neubrutalism aesthetics — wraps ","k":"motion","s":"boldkit","c":"motion/background","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"boldkit:ascii-shapes","t":"ASCII Shapes","d":"7 animated ASCII art components (Spiral, Rose, Wave, Vortex, Pulse, Matrix, Grid) with 5 c","k":"resource","s":"boldkit","c":"assets/shape","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"boldkit:motion","t":"Motion","d":"BoldKit Motion System — framework-agnostic CSS tokens, keyframes, and six signature recipe","k":"theme","s":"boldkit","c":"themes/style","fw":"CSS","vn":1,"hc":1},{"id":"boldkit:motion-core","t":"Motion Core","d":"BoldKit Motion core — framework-agnostic, SSR-safe primitives (observeReveal, staggerChild","k":"lib","s":"boldkit","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"boldkit:canvas-effect-core","t":"Canvas Effect Core","d":"BoldKit Canvas Effect core — framework-agnostic canvas lifecycle shared by every CanvasEff","k":"lib","s":"boldkit","c":"lib/utility","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"boldkit:use-canvas-effect","t":"Use Canvas Effect","d":"React hook that mounts an animated 2D canvas effect with a managed lifecycle — sizing, off","k":"lib","s":"boldkit","c":"lib/hook","hc":1},{"id":"boldkit:chart-export","t":"Chart Export","d":"BoldKit chart export helpers — framework-agnostic, SSR-safe CSV / PNG / SVG download and f","k":"lib","s":"boldkit","c":"lib/utility","hc":1},{"id":"boldkit:chart-toolbar","t":"Chart Toolbar","d":"Brutalist chart toolbar overlay — export the wrapped chart as PNG or SVG, download its dat","s":"boldkit","c":"navigation/menu","tg":["brutalist"],"sb":"Menubars","sy":["brutalist"],"hc":1},{"id":"brainless:claude-header","t":"Claude Header","d":"Claude Code's welcome box — logo, tips, and model/cwd lines — with the title as a semantic","s":"brainless","c":"navigation/top-nav","hc":1},{"id":"brainless:claude-message","t":"Claude Message","d":"A conversation turn — Claude Code's ❯ chip for the user, plain text for the assistant.","s":"brainless","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"brainless:claude-thinking","t":"Claude Thinking","d":"The working line — pulsing sparkle, rotating verb, elapsed/interrupt hint — as an aria-liv","s":"brainless","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"brainless:claude-tool-call","t":"Claude Tool Call","d":"The ⏺ / ⎿ tool line as a real, keyboard-operable <details> disclosure.","s":"brainless","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"brainless:claude-todo-list","t":"Claude Todo List","d":"The Update Todos block as a real list, with state labels and a struck-through done style.","s":"brainless","c":"data-display/list","sb":"Tasks and to-dos","hc":1},{"id":"brainless:claude-diff","t":"Claude Diff","d":"An inline edit hunk with tinted +/- rows, line numbers, and off-screen added/removed label","s":"brainless","c":"data-display/diff","hc":1},{"id":"brainless:claude-permission","t":"Claude Permission","d":"The 'Do you want to proceed?' approval prompt as an arrow-key radiogroup.","s":"brainless","c":"ai-agent/composer","hc":1},{"id":"brainless:claude-prompt","t":"Claude Prompt","d":"The input composer — dual CSS rules around a real text input, effort chips (low ○ / medium","s":"brainless","c":"ai-agent/composer","hc":1},{"id":"brainless:claude-slash-menu","t":"Claude Slash Menu","d":"Slash-command palette above the real ClaudePrompt composer — type after / to filter, arrow","s":"brainless","c":"navigation/menu","hc":1},{"id":"brainless:codex-header","t":"Codex Header","d":"Codex CLI's monochrome launch card with its model / directory rows.","s":"brainless","c":"navigation/top-nav","hc":1},{"id":"brainless:codex-message","t":"Codex Message","d":"A Codex conversation turn — bold › user marker or plain assistant text.","s":"brainless","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"brainless:codex-exec","t":"Codex Exec","d":"A Codex action/exec line with a status dot and expandable output, as a real <details> disc","s":"brainless","c":"data-display/accordion","hc":1},{"id":"brainless:codex-working","t":"Codex Working","d":"Codex's Working line — a • bullet, grayscale shimmer on Working, and live elapsed/interrup","s":"brainless","c":"overlays/tooltip","hc":1},{"id":"brainless:codex-prompt","t":"Codex Prompt","d":"Codex's › text input with warm model / green cwd status line and Plan mode tag (#bb9af7).","s":"brainless","c":"ai-agent/composer","hc":1},{"id":"brainless:codex-diff","t":"Codex Diff","d":"Codex's full-screen /diff pager — spaced DIFF title bar, unified git hunks, ~ fillers, and","s":"brainless","c":"data-display/diff","hc":1},{"id":"brainless:codex-permissions","t":"Codex Permissions","d":"The /permissions chooser — numbered Default / Auto-review / Full Access options as a real ","s":"brainless","c":"inputs/radio","hc":1},{"id":"brainless:codex-slash-menu","t":"Codex Slash Menu","d":"Slash-command palette under the real CodexPrompt composer — type after / to filter, arrow ","s":"brainless","c":"navigation/menu","hc":1},{"id":"brainless:grok-header","t":"Grok Header","d":"Grok CLI's launch card — the braille mark drawn as a crisp dot-matrix SVG with its resting","s":"brainless","c":"navigation/top-nav","hc":1},{"id":"brainless:grok-status","t":"Grok Status","d":"Top status bar — branch glyph, cwd, context usage (16K / 500K), and optional turn progress","s":"brainless","c":"data-viz/progress-bar","hc":1},{"id":"brainless:grok-message","t":"Grok Message","d":"A Grok conversation turn — the ❯ user marker or plain assistant text, with optional wall-c","s":"brainless","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"brainless:grok-event","t":"Grok Event","d":"A ◆ diamond event line — Thought, user_prompt_submit, stop — with optional [hooks: N/M] ba","s":"brainless","c":"data-display/badge","hc":1},{"id":"brainless:grok-thought","t":"Grok Thought","d":"Completed or streaming thought — ◆ Thought for 0.2s, or a bordered Thinking… body.","s":"brainless","c":"ai-agent/ai-agent","hc":1},{"id":"brainless:grok-thinking","t":"Grok Thinking","d":"Grok's idle working line — a braille spinner and rotating verb in amber, as an aria-live s","s":"brainless","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"brainless:grok-working","t":"Grok Working","d":"In-turn status line — Waiting for response… with elapsed, ⇣token count, and [stop].","s":"brainless","c":"data-display/stat","hc":1},{"id":"brainless:grok-tool","t":"Grok Tool","d":"A Grok action — compact verb+path, or a ┃ ◆ card with [hooks: N].","s":"brainless","c":"data-display/card","hc":1},{"id":"brainless:grok-write","t":"Grok Write","d":"Grok's inline write/edit chrome — line-numbered before/after inside a ┃ gutter, with optio","k":"motion","s":"brainless","c":"motion/background","hc":1},{"id":"brainless:grok-permission","t":"Grok Permission","d":"Grok's left-border approval card with (●)/(○) radios and a 1/3:select hint bar.","s":"brainless","c":"overlays/tooltip","hc":1},{"id":"brainless:grok-plan","t":"Grok Plan","d":"Grok's plan.md approval card — framed viewer, a/s/c/q actions, Waiting on plan approval, a","k":"section","s":"brainless","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"brainless:grok-project-picker","t":"Grok Project Picker","d":"Run Grok Build in a project directory? — left-border chooser with recent dirs and a free-t","s":"brainless","c":"inputs/select","hc":1},{"id":"brainless:grok-shortcuts","t":"Grok Shortcuts","d":"Keyboard Shortcuts modal (Ctrl+x) — nested ◆/› categories with key bindings.","s":"brainless","c":"overlays/dialog","hc":1},{"id":"brainless:grok-settings","t":"Grok Settings","d":"Settings modal (F2) — Appearance / Mouse sections with ▸ rows, on/off values, and nested ›","k":"layout","s":"brainless","c":"flows/settings","hc":1},{"id":"brainless:grok-turn-end","t":"Grok Turn End","d":"Post-turn footer — Turn completed in 8.0s.","k":"section","s":"brainless","c":"marketing/footer","hc":1},{"id":"brainless:grok-slash-menu","t":"Grok Slash Menu","d":"Slash-command overlay above the real GrokPrompt composer — ❯ active row, type after / to f","s":"brainless","c":"navigation/menu","hc":1},{"id":"brainless:grok-prompt","t":"Grok Prompt","d":"Grok's rounded CSS-border composer with a real text input and model · mode legend (normal ","s":"brainless","c":"ai-agent/composer","hc":1},{"id":"brainless:claude-session","t":"Claude Session","d":"A complete Claude Code screen: header, a full turn (plan, tool calls, diff, approval, work","s":"brainless","c":"ai-agent/composer","hc":1},{"id":"brainless:codex-session","t":"Codex Session","d":"A complete Codex CLI screen: header, a full turn (messages, exec lines, working) and the ›","s":"brainless","c":"ai-agent/composer","hc":1},{"id":"brainless:grok-session","t":"Grok Session","d":"A complete Grok CLI screen: status bar, header, and a full turn (events, thought, tools, w","s":"brainless","c":"ai-agent/composer","hc":1},{"id":"brainless:grok-session-active","t":"Grok Session Active","d":"A mid-turn Grok CLI screen: status bar, streaming thought, tool card, write preview, and t","k":"section","s":"brainless","c":"marketing/footer","hc":1},{"id":"brainless:pied-piper-onboarding","t":"Pied Piper Onboarding","d":"An interactive sign-up flow — Pied Piper header, typed assistant lines, thinking between t","s":"brainless","c":"navigation/wizard-steps","hc":1},{"id":"brainless:index","t":"Brainless","d":"Default brainless install — Claude, Codex, and Grok session blocks.","k":"section","s":"brainless","c":"marketing/marketing","hc":1},{"id":"brut-ui:base","t":"BRUT/UI Base","d":"Project-wide neo-brutalist tokens, flavours, strength levels, radii, focus states, and int","k":"theme","s":"brut-ui","c":"themes/style","tg":["brutalist"],"fw":"CSS","sy":["brutalist"],"hc":1},{"id":"brut-ui:accordion","t":"Accordion","d":"The BRUT/UI Accordion component with the current shadcn behavior and API.","s":"brut-ui","c":"data-display/accordion","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:alert","t":"Alert","d":"A structured alert that never relies on color alone.","s":"brut-ui","c":"overlays/alert-banner","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:alert-dialog","t":"Alert Dialog","d":"The BRUT/UI Alert Dialog component with the current shadcn behavior and API.","s":"brut-ui","c":"overlays/dialog","tg":["brutalist"],"sb":"Confirm","sy":["brutalist"],"hc":1},{"id":"brut-ui:aspect-ratio","t":"Aspect Ratio","d":"The BRUT/UI Aspect Ratio component with the current shadcn behavior and API.","k":"layout","s":"brut-ui","c":"layout/page-shell","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:attachment","t":"Attachment","d":"The BRUT/UI Attachment component with the current shadcn behavior and API.","s":"brut-ui","c":"inputs/file-upload","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:avatar","t":"Avatar","d":"The BRUT/UI Avatar component with the current shadcn behavior and API.","s":"brut-ui","c":"data-display/avatar","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:badge","t":"Badge","d":"A compact uppercase status marker.","s":"brut-ui","c":"data-display/badge","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:breadcrumb","t":"Breadcrumb","d":"The BRUT/UI Breadcrumb component with the current shadcn behavior and API.","s":"brut-ui","c":"navigation/breadcrumb","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:bubble","t":"Bubble","d":"The BRUT/UI Bubble component with the current shadcn behavior and API.","s":"brut-ui","c":"ai-agent/ai-agent","tg":["brutalist"],"sb":"Chat","sy":["brutalist"],"hc":1},{"id":"brut-ui:button","t":"Button","d":"A tactile neo-brutalist button with the standard shadcn API.","s":"brut-ui","c":"actions/button","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:button-group","t":"Button Group","d":"The BRUT/UI Button Group component with the current shadcn behavior and API.","s":"brut-ui","c":"actions/button","tg":["brutalist"],"sb":"Groups and split","sy":["brutalist"],"hc":1},{"id":"brut-ui:calendar","t":"Calendar","d":"The BRUT/UI Calendar component with the current shadcn behavior and API.","s":"brut-ui","c":"data-display/calendar","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:card","t":"Card","d":"A weighted panel with stronger elevation than controls.","s":"brut-ui","c":"data-display/card","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:carousel","t":"Carousel","d":"The BRUT/UI Carousel component with the current shadcn behavior and API.","s":"brut-ui","c":"media/carousel","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:chart","t":"Chart","d":"The BRUT/UI Chart component with the current shadcn behavior and API.","s":"brut-ui","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:checkbox","t":"Checkbox","d":"An accessible checkbox with clear checked and disabled states.","s":"brut-ui","c":"inputs/checkbox","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:collapsible","t":"Collapsible","d":"The BRUT/UI Collapsible component with the current shadcn behavior and API.","s":"brut-ui","c":"data-display/accordion","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:combobox","t":"Combobox","d":"The BRUT/UI Combobox component with the current shadcn behavior and API.","s":"brut-ui","c":"inputs/combobox","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:command","t":"Command","d":"The BRUT/UI Command component with the current shadcn behavior and API.","s":"brut-ui","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:context-menu","t":"Context Menu","d":"The BRUT/UI Context Menu component with the current shadcn behavior and API.","s":"brut-ui","c":"overlays/context-menu","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:dialog","t":"Dialog","d":"A strongly elevated modal that preserves Base UI focus and keyboard behavior.","s":"brut-ui","c":"overlays/dialog","tg":["brutalist"],"sb":"Forms","sy":["brutalist"],"hc":1},{"id":"brut-ui:drawer","t":"Drawer","d":"The BRUT/UI Drawer component with the current shadcn behavior and API.","s":"brut-ui","c":"overlays/sheet","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:dropdown-menu","t":"Dropdown Menu","d":"The BRUT/UI Dropdown Menu component with the current shadcn behavior and API.","s":"brut-ui","c":"navigation/menu","tg":["brutalist"],"sb":"Dropdowns","sy":["brutalist"],"hc":1},{"id":"brut-ui:empty","t":"Empty","d":"The BRUT/UI Empty component with the current shadcn behavior and API.","s":"brut-ui","c":"data-display/empty-state","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:field","t":"Field","d":"The BRUT/UI Field component with the current shadcn behavior and API.","s":"brut-ui","c":"inputs/form-field","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:hover-card","t":"Hover Card","d":"The BRUT/UI Hover Card component with the current shadcn behavior and API.","s":"brut-ui","c":"overlays/hover-card","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:input","t":"Input","d":"A high-contrast input with visible focus and invalid states.","s":"brut-ui","c":"inputs/form-field","tg":["brutalist"],"sy":["brutalist"],"vn":1,"hc":1},{"id":"brut-ui:input-otp","t":"Input Otp","d":"The BRUT/UI Input Otp component with the current shadcn behavior and API.","s":"brut-ui","c":"inputs/otp-input","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:item","t":"Item","d":"The BRUT/UI Item component with the current shadcn behavior and API.","s":"brut-ui","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:kbd","t":"Kbd","d":"The BRUT/UI Kbd component with the current shadcn behavior and API.","s":"brut-ui","c":"data-display/typography","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:label","t":"Label","d":"A bold accessible form label.","s":"brut-ui","c":"inputs/form-field","tg":["brutalist"],"sb":"Animated fields","sy":["brutalist"],"hc":1},{"id":"brut-ui:marker","t":"Marker","d":"The BRUT/UI Marker component with the current shadcn behavior and API.","s":"brut-ui","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:menubar","t":"Menubar","d":"The BRUT/UI Menubar component with the current shadcn behavior and API.","s":"brut-ui","c":"navigation/top-nav","tg":["brutalist"],"sb":"Mega menus","sy":["brutalist"],"hc":1},{"id":"brut-ui:native-select","t":"Native Select","d":"The BRUT/UI Native Select component with the current shadcn behavior and API.","s":"brut-ui","c":"inputs/select","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:navigation-menu","t":"Navigation Menu","d":"The BRUT/UI Navigation Menu component with the current shadcn behavior and API.","s":"brut-ui","c":"navigation/top-nav","tg":["brutalist"],"sb":"Mega menus","sy":["brutalist"],"hc":1},{"id":"brut-ui:pagination","t":"Pagination","d":"The BRUT/UI Pagination component with the current shadcn behavior and API.","s":"brut-ui","c":"navigation/pagination","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:popover","t":"Popover","d":"A compact neo-brutalist overlay with Base UI positioning and focus behavior.","s":"brut-ui","c":"overlays/popover","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:progress","t":"Progress","d":"A compact, high-contrast progress indicator.","s":"brut-ui","c":"data-viz/progress-bar","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:questionnaire","t":"Questionnaire","d":"The BRUT/UI Questionnaire component with the current shadcn behavior and API.","s":"brut-ui","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:radio-group","t":"Radio Group","d":"The BRUT/UI Radio Group component with the current shadcn behavior and API.","s":"brut-ui","c":"inputs/radio","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:resizable","t":"Resizable","d":"The BRUT/UI Resizable component with the current shadcn behavior and API.","k":"layout","s":"brut-ui","c":"layout/split-pane","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:scroll-area","t":"Scroll Area","d":"The BRUT/UI Scroll Area component with the current shadcn behavior and API.","k":"layout","s":"brut-ui","c":"layout/scroll-area","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:select","t":"Select","d":"A tactile neo-brutalist select with accessible keyboard navigation.","s":"brut-ui","c":"inputs/select","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:separator","t":"Separator","d":"A structural separator keyed to the active strength level.","k":"layout","s":"brut-ui","c":"layout/page-shell","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:sheet","t":"Sheet","d":"The BRUT/UI Sheet component with the current shadcn behavior and API.","s":"brut-ui","c":"overlays/sheet","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:sidebar","t":"Sidebar","d":"The BRUT/UI Sidebar component with the current shadcn behavior and API.","s":"brut-ui","c":"navigation/sidebar","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:skeleton","t":"Skeleton","d":"The BRUT/UI Skeleton component with the current shadcn behavior and API.","s":"brut-ui","c":"status/skeleton","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:slider","t":"Slider","d":"The BRUT/UI Slider component with the current shadcn behavior and API.","s":"brut-ui","c":"inputs/slider","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:spinner","t":"Spinner","d":"The BRUT/UI Spinner component with the current shadcn behavior and API.","s":"brut-ui","c":"status/loader","tg":["brutalist"],"sb":"Spinners","sy":["brutalist"],"hc":1},{"id":"brut-ui:switch","t":"Switch","d":"A chunky binary control with unmistakable state.","s":"brut-ui","c":"actions/switch","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:table","t":"Table","d":"The BRUT/UI Table component with the current shadcn behavior and API.","s":"brut-ui","c":"data-display/table","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:tabs","t":"Tabs","d":"The BRUT/UI Tabs component with the current shadcn behavior and API.","s":"brut-ui","c":"navigation/tabs","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:textarea","t":"Textarea","d":"A grounded neo-brutalist multiline input.","s":"brut-ui","c":"inputs/textarea","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:toast","t":"Toast","d":"The BRUT/UI Toast component with the current shadcn behavior and API.","s":"brut-ui","c":"overlays/toast","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"brut-ui:toggle","t":"Toggle","d":"The BRUT/UI Toggle component with the current shadcn behavior and API.","s":"brut-ui","c":"actions/switch","tg":["brutalist"],"sy":["brutalist"],"vn":1,"hc":1},{"id":"brut-ui:tooltip","t":"Tooltip","d":"The BRUT/UI Tooltip component with the current shadcn behavior and API.","s":"brut-ui","c":"overlays/tooltip","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"bundui:accordion-default","t":"Accordion","d":"A vertically stacked set of interactive headings that each reveal a section of content.","s":"bundui","c":"data-display/accordion","hc":1},{"id":"bundui:accordion-collapsible","t":"Accordion","d":"A vertically stacked set of interactive headings that each reveal a section of content.","s":"bundui","c":"data-display/accordion","hc":1},{"id":"bundui:accordion-with-plus-icon","t":"Accordion","d":"A vertically stacked set of interactive headings that each reveal a section of content.","s":"bundui","c":"data-display/accordion","hc":1},{"id":"bundui:alert-default","t":"Alert","d":"Displays a callout for user attention.","s":"bundui","c":"overlays/alert-banner","hc":1},{"id":"bundui:alert-with-icon","t":"Alert","d":"Displays a callout for user attention.","s":"bundui","c":"overlays/alert-banner","hc":1},{"id":"bundui:alert-with-title","t":"Alert","d":"Displays a callout for user attention.","s":"bundui","c":"overlays/alert-banner","hc":1},{"id":"bundui:alert-with-action-button","t":"Alert","d":"Displays a callout for user attention.","s":"bundui","c":"overlays/alert-banner","hc":1},{"id":"bundui:alert-with-dismiss","t":"Alert","d":"Displays a callout for user attention.","s":"bundui","c":"overlays/alert-banner","hc":1},{"id":"bundui:alert-success","t":"Alert","d":"Displays a callout for user attention.","s":"bundui","c":"overlays/alert-banner","hc":1},{"id":"bundui:alert-warning","t":"Alert","d":"Displays a callout for user attention.","s":"bundui","c":"overlays/alert-banner","hc":1},{"id":"bundui:alert-danger","t":"Alert","d":"Displays a callout for user attention.","s":"bundui","c":"overlays/alert-banner","hc":1},{"id":"bundui:alert-dialog","t":"Alert Dialog","d":"A modal dialog that interrupts the user with important content and expects a response.","s":"bundui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"bundui:avatar-default","t":"Avatar","d":"An image element with fallbacks for representing the user.","s":"bundui","c":"data-display/avatar","hc":1},{"id":"bundui:avatar-fallback-only","t":"Avatar","d":"An image element with fallbacks for representing the user.","s":"bundui","c":"data-display/avatar","hc":1},{"id":"bundui:avatar-with-status-indicator","t":"Avatar","d":"An image element with fallbacks for representing the user.","s":"bundui","c":"data-display/avatar","hc":1},{"id":"bundui:avatar-avatar-group","t":"Avatar","d":"An image element with fallbacks for representing the user.","s":"bundui","c":"data-display/avatar","hc":1},{"id":"bundui:avatar-sizes","t":"Avatar","d":"An image element with fallbacks for representing the user.","s":"bundui","c":"data-display/avatar","hc":1},{"id":"bundui:badge-default","t":"Badge","d":"Displays a badge or status indicator.","s":"bundui","c":"data-display/badge","hc":1},{"id":"bundui:badge-secondary","t":"Badge","d":"Displays a badge or status indicator.","s":"bundui","c":"data-display/badge","hc":1},{"id":"bundui:badge-destructive","t":"Badge","d":"Displays a badge or status indicator.","s":"bundui","c":"data-display/badge","hc":1},{"id":"bundui:badge-outline","t":"Badge","d":"Displays a badge or status indicator.","s":"bundui","c":"data-display/badge","hc":1},{"id":"bundui:badge-indicator","t":"Badge","d":"Displays a badge or status indicator.","s":"bundui","c":"data-display/badge","sb":"Status","hc":1},{"id":"bundui:badge-with-icon","t":"Badge","d":"Displays a badge or status indicator.","s":"bundui","c":"data-display/badge","hc":1},{"id":"bundui:badge-with-dismiss","t":"Badge","d":"Displays a badge or status indicator.","s":"bundui","c":"data-display/badge","hc":1},{"id":"bundui:breadcrumb-default","t":"Breadcrumb","d":"Displays a breadcrumb navigation.","s":"bundui","c":"navigation/breadcrumb","hc":1},{"id":"bundui:breadcrumb-with-icon","t":"Breadcrumb","d":"Displays a breadcrumb navigation.","s":"bundui","c":"navigation/breadcrumb","hc":1},{"id":"bundui:breadcrumb-with-dropdown","t":"Breadcrumb","d":"Displays a breadcrumb navigation.","s":"bundui","c":"navigation/breadcrumb","hc":1},{"id":"bundui:button-default","t":"Button","d":"Displays a button or a component that looks like a button.","s":"bundui","c":"actions/button","hc":1},{"id":"bundui:button-secondary","t":"Button","d":"Displays a button or a component that looks like a button.","s":"bundui","c":"actions/button","hc":1},{"id":"bundui:button-destructive","t":"Button","d":"Displays a button or a component that looks like a button.","s":"bundui","c":"actions/button","hc":1},{"id":"bundui:button-outline","t":"Button","d":"Displays a button or a component that looks like a button.","s":"bundui","c":"actions/button","hc":1},{"id":"bundui:button-ghost","t":"Button","d":"Displays a button or a component that looks like a button.","s":"bundui","c":"actions/button","hc":1},{"id":"bundui:button-link","t":"Button","d":"Displays a button or a component that looks like a button.","s":"bundui","c":"actions/link","hc":1},{"id":"bundui:button-with-icon","t":"Button","d":"Displays a button or a component that looks like a button.","s":"bundui","c":"actions/button","sb":"Icon buttons","hc":1},{"id":"bundui:button-only-icon","t":"Button","d":"Displays a button or a component that looks like a button.","k":"resource","s":"bundui","c":"assets/icon","hc":1},{"id":"bundui:button-icon-sizes","t":"Button","d":"Displays a button or a component that looks like a button.","k":"resource","s":"bundui","c":"assets/icon","hc":1},{"id":"bundui:button-sizes","t":"Button","d":"Displays a button or a component that looks like a button.","s":"bundui","c":"actions/button","hc":1},{"id":"bundui:button-disabled","t":"Button","d":"Displays a button or a component that looks like a button.","s":"bundui","c":"actions/button","hc":1},{"id":"bundui:button-loading","t":"Button","d":"Displays a button or a component that looks like a button.","s":"bundui","c":"status/loader","hc":1},{"id":"bundui:button-loading-with-icon","t":"Button","d":"Displays a button or a component that looks like a button.","s":"bundui","c":"status/loader","hc":1},{"id":"bundui:calendar","t":"Calendar","d":"A date picker component with range and single date selection.","s":"bundui","c":"data-display/calendar","hc":1},{"id":"bundui:card-default","t":"Card","d":"Displays a card with header, content, and footer.","s":"bundui","c":"data-display/card","hc":1},{"id":"bundui:card-with-header","t":"Card","d":"Displays a card with header, content, and footer.","s":"bundui","c":"data-display/card","hc":1},{"id":"bundui:card-with-header-description","t":"Card","d":"Displays a card with header, content, and footer.","s":"bundui","c":"data-display/card","hc":1},{"id":"bundui:card-with-header-icon","t":"Card","d":"Displays a card with header, content, and footer.","s":"bundui","c":"data-display/card","hc":1},{"id":"bundui:card-with-action","t":"Card","d":"Displays a card with header, content, and footer.","s":"bundui","c":"data-display/card","hc":1},{"id":"bundui:card-with-footer","t":"Card","d":"Displays a card with header, content, and footer.","s":"bundui","c":"data-display/card","hc":1},{"id":"bundui:card-colored","t":"Card","d":"Displays a card with header, content, and footer.","s":"bundui","c":"data-display/card","hc":1},{"id":"bundui:carousel-01","t":"Carousel","d":"A carousel component for cycling through a series of content.","s":"bundui","c":"media/carousel","hc":1},{"id":"bundui:carousel-02","t":"Carousel","d":"A carousel component for cycling through a series of content.","s":"bundui","c":"media/carousel","hc":1},{"id":"bundui:carousel-03","t":"Carousel","d":"A carousel component for cycling through a series of content.","s":"bundui","c":"media/carousel","hc":1},{"id":"bundui:chart","t":"Chart","d":"Beautiful charts. Built using Recharts. Copy and paste into your apps.","s":"bundui","c":"data-viz/chart","hc":1},{"id":"bundui:checkbox","t":"Checkbox","d":"A control that allows the user to toggle between checked and not checked.","s":"bundui","c":"inputs/checkbox","hc":1},{"id":"bundui:collapsible","t":"Collapsible","d":"Used to hide and show content with a smooth animation.","s":"bundui","c":"data-display/accordion","hc":1},{"id":"bundui:combobox","t":"Combobox","d":"Combines a text input with a list of options.","s":"bundui","c":"inputs/combobox","hc":1},{"id":"bundui:command","t":"Command","d":"Fast, composable command palette component.","k":"theme","s":"bundui","c":"themes/theme","hc":1},{"id":"bundui:context-menu","t":"Context Menu","d":"Displays a menu to the user — triggered by a right click.","s":"bundui","c":"overlays/context-menu","hc":1},{"id":"bundui:data-table-01","t":"Data Table","d":"Display complex data in a table format with filtering, sorting and pagination.","s":"bundui","c":"data-display/table","sb":"Data tables","hc":1},{"id":"bundui:data-table-02","t":"Data Table","d":"Display complex data in a table format with filtering, sorting and pagination.","s":"bundui","c":"data-display/table","sb":"Data tables","hc":1},{"id":"bundui:data-table-03","t":"Data Table","d":"Display complex data in a table format with filtering, sorting and pagination.","s":"bundui","c":"data-display/table","sb":"Data tables","hc":1},{"id":"bundui:date-picker","t":"Date Picker","d":"A styled date picker component built using calendar.","s":"bundui","c":"inputs/date-picker","hc":1},{"id":"bundui:dialog","t":"Dialog","d":"A window overlaid on either the primary window or another dialog window.","s":"bundui","c":"overlays/dialog","hc":1},{"id":"bundui:divider-01","t":"Divider","d":"A window overlaid on either the primary window or another dialog window.","s":"bundui","c":"overlays/dialog","hc":1},{"id":"bundui:divider-02","t":"Divider","d":"A window overlaid on either the primary window or another dialog window.","s":"bundui","c":"overlays/dialog","hc":1},{"id":"bundui:divider-03","t":"Divider","d":"A window overlaid on either the primary window or another dialog window.","s":"bundui","c":"overlays/dialog","hc":1},{"id":"bundui:drawer","t":"Drawer","d":"A panel that slides out from the edge of the screen.","s":"bundui","c":"overlays/sheet","hc":1},{"id":"bundui:dropdown-menu","t":"Dropdown Menu","d":"Displays a menu to the user — triggered by a button.","s":"bundui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"bundui:hover-card","t":"Hover Card","d":"For sighted users to preview content available behind a link.","s":"bundui","c":"overlays/hover-card","hc":1},{"id":"bundui:input","t":"Input","d":"Displays a form input field or a component that looks like an input field.","s":"bundui","c":"inputs/form-field","hc":1},{"id":"bundui:input-otp","t":"Input OTP","d":"Accessible one-time password component with copy paste functionality.","s":"bundui","c":"inputs/otp-input","tg":["playful"],"sy":["playful"],"hc":1},{"id":"bundui:menubar","t":"Menubar","d":"Displays a menu bar with nested menus.","s":"bundui","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"bundui:navigation-menu","t":"Navigation Menu","d":"A set of layered menu items—triggered by hover or click.","s":"bundui","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"bundui:pagination","t":"Pagination","d":"Pagination with page navigation, next and previous links.","s":"bundui","c":"navigation/pagination","hc":1},{"id":"bundui:popover","t":"Popover","d":"A pop-up element that appears next to a trigger element.","s":"bundui","c":"overlays/popover","hc":1},{"id":"bundui:progress","t":"Progress","d":"Displays an indicator showing the completion progress of a task.","s":"bundui","c":"data-viz/progress-bar","hc":1},{"id":"bundui:radio-group","t":"Radio Group","d":"A set of checkable buttons—only one can be selected at a time.","s":"bundui","c":"inputs/radio","hc":1},{"id":"bundui:select-01","t":"Select","d":"Displays a list of options for the user to pick from—triggered by a button.","s":"bundui","c":"inputs/select","hc":1},{"id":"bundui:select-02","t":"Select","d":"Displays a list of options for the user to pick from—triggered by a button.","s":"bundui","c":"inputs/select","hc":1},{"id":"bundui:select-03","t":"Select","d":"Displays a list of options for the user to pick from—triggered by a button.","s":"bundui","c":"inputs/select","hc":1},{"id":"bundui:select-04","t":"Select","d":"Displays a list of options for the user to pick from—triggered by a button.","s":"bundui","c":"inputs/select","hc":1},{"id":"bundui:select-05","t":"Select","d":"Displays a list of options for the user to pick from—triggered by a button.","s":"bundui","c":"inputs/select","hc":1},{"id":"bundui:sheet","t":"Sheet","d":"Extends the Dialog component to create panels that slide in from the edge of the screen.","s":"bundui","c":"overlays/sheet","hc":1},{"id":"bundui:sidebar","t":"Sidebar","d":"A composable, themeable and customizable sidebar component.","s":"bundui","c":"navigation/sidebar","vn":1,"hc":1},{"id":"bundui:skeleton","t":"Skeleton","d":"Displays a placeholder preview of your content before it loads.","s":"bundui","c":"status/skeleton","hc":1,"cp":1},{"id":"bundui:slider","t":"Slider","d":"An input where the user selects a value from within a given range.","s":"bundui","c":"inputs/slider","hc":1},{"id":"bundui:switch","t":"Switch","d":"A control that allows the user to toggle between checked and not checked.","s":"bundui","c":"actions/switch","hc":1},{"id":"bundui:tabs","t":"Tabs","d":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","s":"bundui","c":"navigation/tabs","hc":1},{"id":"bundui:toggle-group","t":"Toggle Group","d":"A set of two-state buttons that can be toggled on or off.","s":"bundui","c":"actions/switch","hc":1},{"id":"bundui:tooltip","t":"Tooltip","d":"A popup that displays information related to an element when hovered.","s":"bundui","c":"overlays/tooltip","hc":1},{"id":"bundui:hero-sections-01","t":"Hero Sections","d":"Explore beautifully crafted Tailwind CSS hero sections designed to deliver a powerful firs","k":"section","s":"bundui","c":"marketing/hero","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:hero-sections-02","t":"Hero Sections","d":"Explore beautifully crafted Tailwind CSS hero sections designed to deliver a powerful firs","k":"section","s":"bundui","c":"marketing/hero","tg":["minimal"],"sb":"With video","sy":["minimal"],"hc":1},{"id":"bundui:hero-sections-03","t":"Hero Sections","d":"Explore beautifully crafted Tailwind CSS hero sections designed to deliver a powerful firs","k":"section","s":"bundui","c":"marketing/hero","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:hero-sections-04","t":"Hero Sections","d":"Explore beautifully crafted Tailwind CSS hero sections designed to deliver a powerful firs","k":"section","s":"bundui","c":"marketing/hero","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:hero-sections-05","t":"Hero Sections","d":"Explore beautifully crafted Tailwind CSS hero sections designed to deliver a powerful firs","k":"section","s":"bundui","c":"marketing/hero","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:cta-sections-01","t":"CTA Sections","d":"Craft compelling Tailwind CSS CTA sections that guide users toward your key actions. These","k":"section","s":"bundui","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:cta-sections-02","t":"CTA Sections","d":"Craft compelling Tailwind CSS CTA sections that guide users toward your key actions. These","k":"section","s":"bundui","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:cta-sections-03","t":"CTA Sections","d":"Craft compelling Tailwind CSS CTA sections that guide users toward your key actions. These","k":"section","s":"bundui","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:cta-sections-04","t":"CTA Sections","d":"Craft compelling Tailwind CSS CTA sections that guide users toward your key actions. These","k":"section","s":"bundui","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:pricing-sections-01","t":"Pricing Sections","d":"Showcase your product or service plans with elegantly designed Tailwind CSS pricing sectio","k":"section","s":"bundui","c":"marketing/pricing","hc":1},{"id":"bundui:pricing-sections-02","t":"Pricing Sections","d":"Showcase your product or service plans with elegantly designed Tailwind CSS pricing sectio","k":"section","s":"bundui","c":"marketing/pricing","hc":1},{"id":"bundui:pricing-sections-03","t":"Pricing Sections","d":"Showcase your product or service plans with elegantly designed Tailwind CSS pricing sectio","k":"section","s":"bundui","c":"marketing/pricing","hc":1},{"id":"bundui:newsletter-sections","t":"Newsletter Sections","d":"Engage and grow your audience with beautifully designed Tailwind CSS newsletter sections. ","k":"section","s":"bundui","c":"marketing/cta","tg":["minimal"],"sb":"Newsletter and waitlist","sy":["minimal"],"hc":1},{"id":"bundui:testimonials-01","t":"Testimonials","d":"Highlight customer experiences and build trust with elegantly designed Tailwind CSS testim","k":"section","s":"bundui","c":"marketing/testimonials","hc":1},{"id":"bundui:testimonials-02","t":"Testimonials","d":"Highlight customer experiences and build trust with elegantly designed Tailwind CSS testim","k":"section","s":"bundui","c":"marketing/testimonials","hc":1},{"id":"bundui:testimonials-03","t":"Testimonials","d":"Highlight customer experiences and build trust with elegantly designed Tailwind CSS testim","k":"section","s":"bundui","c":"marketing/testimonials","hc":1},{"id":"bundui:blog-sections-01","t":"Blog Sections","d":"Showcase your articles and content in beautifully structured Tailwind CSS blog sections. T","k":"section","s":"bundui","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"bundui:blog-sections-02","t":"Blog Sections","d":"Showcase your articles and content in beautifully structured Tailwind CSS blog sections. T","k":"section","s":"bundui","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"bundui:team-sections-01","t":"Team Sections","d":"Showcase your team with elegantly designed Tailwind CSS team sections. Highlight member pr","k":"section","s":"bundui","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:team-sections-02","t":"Team Sections","d":"Showcase your team with elegantly designed Tailwind CSS team sections. Highlight member pr","k":"section","s":"bundui","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:stats-section-01","t":"Stats Section","d":"Highlight key metrics and performance figures with Tailwind CSS stats sections. These layo","k":"section","s":"bundui","c":"marketing/marketing","tg":["minimal"],"sb":"Stats","sy":["minimal"],"hc":1},{"id":"bundui:stats-section-02","t":"Stats Section","d":"Highlight key metrics and performance figures with Tailwind CSS stats sections. These layo","k":"section","s":"bundui","c":"marketing/marketing","tg":["minimal"],"sb":"Stats","sy":["minimal"],"hc":1},{"id":"bundui:integrations","t":"Integrations","d":"Showcase your product’s compatibility and connected services with Tailwind CSS integration","k":"section","s":"bundui","c":"marketing/logos","hc":1},{"id":"bundui:footers","t":"Footers","d":"Create polished, functional Tailwind CSS footer sections that organize links, contact info","k":"section","s":"bundui","c":"marketing/footer","tg":["playful"],"sy":["playful"],"hc":1},{"id":"bundui:promotional-01","t":"Promotional","d":"Highlight special offers, product launches, or key campaigns with Tailwind CSS promotional","s":"bundui","c":"data-display/badge","hc":1},{"id":"bundui:promotional-02","t":"Promotional","d":"Highlight special offers, product launches, or key campaigns with Tailwind CSS promotional","s":"bundui","c":"data-display/badge","hc":1},{"id":"bundui:feature-sections","t":"Feature Sections","d":"Showcase your product’s key features with elegantly designed Tailwind CSS feature sections","k":"section","s":"bundui","c":"marketing/features","tg":["playful"],"sy":["playful"],"hc":1},{"id":"bundui:contact-sections","t":"Contact Sections","d":"Facilitate communication with elegantly designed Tailwind CSS contact sections. These layo","k":"section","s":"bundui","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"],"hc":1},{"id":"bundui:logo-clouds-01","t":"Logo Clouds","d":"Showcase your brand partnerships, clients, or featured companies with Tailwind CSS logo cl","k":"section","s":"bundui","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:logo-clouds-02","t":"Logo Clouds","d":"Showcase your brand partnerships, clients, or featured companies with Tailwind CSS logo cl","k":"section","s":"bundui","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:navbars-01","t":"Navbars","d":"Create clean, responsive navigation with Tailwind CSS navbar sections. These layouts provi","s":"bundui","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:navbars-02","t":"Navbars","d":"Create clean, responsive navigation with Tailwind CSS navbar sections. These layouts provi","s":"bundui","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:navbars-03","t":"Navbars","d":"Create clean, responsive navigation with Tailwind CSS navbar sections. These layouts provi","s":"bundui","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:navbars-04","t":"Navbars","d":"Create clean, responsive navigation with Tailwind CSS navbar sections. These layouts provi","s":"bundui","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:banners-01","t":"Banners","d":"Highlight promotions, announcements, or key messages with Tailwind CSS banner sections. Th","s":"bundui","c":"overlays/alert-banner","hc":1},{"id":"bundui:banners-02","t":"Banners","d":"Highlight promotions, announcements, or key messages with Tailwind CSS banner sections. Th","s":"bundui","c":"overlays/alert-banner","hc":1},{"id":"bundui:banners-03","t":"Banners","d":"Highlight promotions, announcements, or key messages with Tailwind CSS banner sections. Th","s":"bundui","c":"overlays/alert-banner","hc":1},{"id":"bundui:cookie-consent-01","t":"Cookie Consent","d":"Ensure compliance and build trust with elegantly designed Tailwind CSS cookie consent sect","s":"bundui","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:cookie-consent-02","t":"Cookie Consent","d":"Ensure compliance and build trust with elegantly designed Tailwind CSS cookie consent sect","s":"bundui","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:cookie-consent-03","t":"Cookie Consent","d":"Ensure compliance and build trust with elegantly designed Tailwind CSS cookie consent sect","s":"bundui","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:product-details","t":"Product Details","d":"Showcase detailed product information with Tailwind CSS e-commerce product detail sections","s":"bundui","c":"data-display/accordion","hc":1},{"id":"bundui:product-list-01","t":"Product List","d":"Display products in clean and engaging Tailwind CSS product list sections. These layouts f","s":"bundui","c":"data-display/list","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:product-list-02","t":"Product List","d":"Display products in clean and engaging Tailwind CSS product list sections. These layouts f","s":"bundui","c":"data-display/list","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:product-list-03","t":"Product List","d":"Display products in clean and engaging Tailwind CSS product list sections. These layouts f","s":"bundui","c":"data-display/list","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:category-previews-01","t":"Category Previews","d":"Highlight product categories with visually engaging Tailwind CSS category preview sections","s":"bundui","c":"media/gallery","hc":1},{"id":"bundui:category-previews-02","t":"Category Previews","d":"Highlight product categories with visually engaging Tailwind CSS category preview sections","s":"bundui","c":"media/gallery","hc":1},{"id":"bundui:shopping-carts-01","t":"Shopping Carts","d":"Provide a seamless shopping experience with Tailwind CSS shopping cart sections. These lay","s":"bundui","c":"data-display/list","hc":1},{"id":"bundui:shopping-carts-02","t":"Shopping Carts","d":"Provide a seamless shopping experience with Tailwind CSS shopping cart sections. These lay","s":"bundui","c":"data-display/list","hc":1},{"id":"bundui:category-filters","t":"Category Filters","d":"Enable shoppers to quickly find products with Tailwind CSS category filter sections. These","s":"bundui","c":"inputs/search","hc":1},{"id":"bundui:product-quickviews-01","t":"Product Quickviews","d":"Allow shoppers to preview product details instantly with Tailwind CSS product quickview se","s":"bundui","c":"overlays/dialog","hc":1},{"id":"bundui:product-quickviews-02","t":"Product Quickviews","d":"Allow shoppers to preview product details instantly with Tailwind CSS product quickview se","s":"bundui","c":"overlays/dialog","hc":1},{"id":"bundui:product-cards-01","t":"Product Cards","d":"Showcase products elegantly with Tailwind CSS product card sections. These layouts combine","s":"bundui","c":"data-display/card","sb":"Product","hc":1},{"id":"bundui:product-cards-02","t":"Product Cards","d":"Showcase products elegantly with Tailwind CSS product card sections. These layouts combine","s":"bundui","c":"data-display/card","sb":"Product","hc":1},{"id":"bundui:product-cards-03","t":"Product Cards","d":"Showcase products elegantly with Tailwind CSS product card sections. These layouts combine","s":"bundui","c":"data-display/card","sb":"Product","hc":1},{"id":"bundui:product-cards-04","t":"Product Cards","d":"Showcase products elegantly with Tailwind CSS product card sections. These layouts combine","s":"bundui","c":"data-display/card","sb":"Product","hc":1},{"id":"bundui:product-cards-05","t":"Product Cards","d":"Showcase products elegantly with Tailwind CSS product card sections. These layouts combine","s":"bundui","c":"data-display/card","sb":"Product","hc":1},{"id":"bundui:product-cards-06","t":"Product Cards","d":"Showcase products elegantly with Tailwind CSS product card sections. These layouts combine","s":"bundui","c":"data-display/card","sb":"Product","hc":1},{"id":"bundui:product-cards-07","t":"Product Cards","d":"Showcase products elegantly with Tailwind CSS product card sections. These layouts combine","s":"bundui","c":"data-display/card","sb":"Product","hc":1},{"id":"bundui:store-navigations","t":"Store Navigations","d":"Create intuitive and responsive navigation for online stores with Tailwind CSS store navig","k":"resource","s":"bundui","c":"assets/icon","hc":1},{"id":"bundui:promo-sections-01","t":"Promo Sections","d":"“Highlight special offers, discounts, or limited-time deals with Tailwind CSS promo sectio","k":"section","s":"bundui","c":"marketing/announcement","hc":1},{"id":"bundui:promo-sections-02","t":"Promo Sections","d":"“Highlight special offers, discounts, or limited-time deals with Tailwind CSS promo sectio","k":"section","s":"bundui","c":"marketing/announcement","hc":1},{"id":"bundui:checkout-forms-01","t":"Checkout Forms","d":"Streamline the purchasing process with Tailwind CSS checkout form sections. These layouts ","s":"bundui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"bundui:checkout-forms-02","t":"Checkout Forms","d":"Streamline the purchasing process with Tailwind CSS checkout form sections. These layouts ","s":"bundui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"bundui:customer-reviews","t":"Customer Reviews","d":"Showcase authentic customer feedback with Tailwind CSS customer review sections. These lay","k":"section","s":"bundui","c":"marketing/features","hc":1},{"id":"bundui:order-summaries-01","t":"Order Summaries","d":"Provide clear and organized order details with Tailwind CSS order summary sections. These ","s":"bundui","c":"data-display/list","hc":1},{"id":"bundui:order-summaries-02","t":"Order Summaries","d":"Provide clear and organized order details with Tailwind CSS order summary sections. These ","s":"bundui","c":"data-display/accordion","hc":1},{"id":"bundui:page-layouts-01","t":"Page Layouts","d":"Design organized and intuitive dashboard experiences with Tailwind CSS page layouts. These","s":"bundui","c":"navigation/sidebar","hc":1},{"id":"bundui:page-layouts-02","t":"Page Layouts","d":"Design organized and intuitive dashboard experiences with Tailwind CSS page layouts. These","s":"bundui","c":"navigation/sidebar","hc":1},{"id":"bundui:page-layouts-03","t":"Page Layouts","d":"Design organized and intuitive dashboard experiences with Tailwind CSS page layouts. These","s":"bundui","c":"navigation/sidebar","hc":1},{"id":"bundui:stat-cards-01","t":"Stats Cards","d":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layout","s":"bundui","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:stat-cards-02","t":"Stats Cards","d":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layout","s":"bundui","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:stat-cards-03","t":"Stats Cards","d":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layout","s":"bundui","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:stat-cards-04","t":"Stats Cards","d":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layout","s":"bundui","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:stat-cards-05","t":"Stats Cards","d":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layout","s":"bundui","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:stat-cards-06","t":"Stats Cards","d":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layout","s":"bundui","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:stat-cards-07","t":"Stats Cards","d":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layout","s":"bundui","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:stat-cards-08","t":"Stats Cards","d":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layout","s":"bundui","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:tables","t":"Tables","d":"Organize and present data efficiently with Tailwind CSS dashboard tables. These layouts fe","s":"bundui","c":"data-display/table","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"bundui:form-layouts-01","t":"Form Layouts","d":"Design clean and efficient dashboard forms with Tailwind CSS form layouts. These sections ","s":"bundui","c":"inputs/form-field","tg":["minimal"],"sb":"Whole forms","sy":["minimal"],"hc":1},{"id":"bundui:form-layouts-02","t":"Form Layouts","d":"Design clean and efficient dashboard forms with Tailwind CSS form layouts. These sections ","s":"bundui","c":"inputs/form-field","tg":["minimal"],"sb":"Whole forms","sy":["minimal"],"hc":1},{"id":"bundui:sign-in-forms-01","t":"Sign in Forms","d":"Create secure and user-friendly sign-in experiences with Tailwind CSS sign-in forms. These","s":"bundui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"bundui:sign-in-forms-02","t":"Sign in Forms","d":"Create secure and user-friendly sign-in experiences with Tailwind CSS sign-in forms. These","s":"bundui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"bundui:sign-in-forms-03","t":"Sign in Forms","d":"Create secure and user-friendly sign-in experiences with Tailwind CSS sign-in forms. These","s":"bundui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"bundui:modal-dialogs-01","t":"Modal Dialogs","d":"Present important content, alerts, or interactions elegantly with Tailwind CSS modal dialo","s":"bundui","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"bundui:modal-dialogs-02","t":"Modal Dialogs","d":"Present important content, alerts, or interactions elegantly with Tailwind CSS modal dialo","s":"bundui","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"bundui:modal-dialogs-03","t":"Modal Dialogs","d":"Present important content, alerts, or interactions elegantly with Tailwind CSS modal dialo","s":"bundui","c":"overlays/dialog","hc":1},{"id":"bundui:property-list-01","t":"Property List","d":"Showcase available properties with Tailwind CSS property list sections. These layouts feat","s":"bundui","c":"data-display/list","hc":1},{"id":"bundui:property-list-02","t":"Property List","d":"Showcase available properties with Tailwind CSS property list sections. These layouts feat","s":"bundui","c":"data-display/list","hc":1},{"id":"bundui:property-detail","t":"Property Details","d":"Showcase detailed property information with Tailwind CSS property detail sections. These l","s":"bundui","c":"data-display/accordion","hc":1},{"id":"bundui:property-filters","t":"Property Filters","d":"Enable users to quickly find properties with Tailwind CSS property filter sections. These ","s":"bundui","c":"inputs/search","hc":1},{"id":"bundui:property-cards-01","t":"Property Cards","d":"Showcase your properties elegantly with Tailwind CSS property cards. These cards combine i","s":"bundui","c":"data-display/card","hc":1},{"id":"bundui:property-cards-02","t":"Property Cards","d":"Showcase your properties elegantly with Tailwind CSS property cards. These cards combine i","s":"bundui","c":"data-display/card","hc":1},{"id":"bundui:property-cards-03","t":"Property Cards","d":"Showcase your properties elegantly with Tailwind CSS property cards. These cards combine i","s":"bundui","c":"data-display/card","hc":1},{"id":"bundui:property-cards-04","t":"Property Cards","d":"Showcase your properties elegantly with Tailwind CSS property cards. These cards combine i","s":"bundui","c":"data-display/card","hc":1},{"id":"bundui:animated-text","t":"Animated Text","d":"Bring text to life by adding animations to letters or words.","k":"motion","s":"bundui","c":"motion/text-effect","hc":1},{"id":"bundui:animated-gradient-text","t":"Animated Gradient Text","d":"Discover the allure of animated gradient text, a dynamic UI component that enhances user e","k":"motion","s":"bundui","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"hc":1},{"id":"bundui:text-morph-animation","t":"Text Morph Animation","d":"A beautiful text transformation effect. The animation uses SVG filters and blur effects to","k":"motion","s":"bundui","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"bundui:text-gradient-scroll","t":"Text Gradient Scroll","d":"Discover the allure of animated gradient text, a dynamic UI component that enhances user e","k":"layout","s":"bundui","c":"layout/scroll-area","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"bundui:circle-path","t":"Circle Path","d":"Animated display of objects or images placed at regular intervals along a circular path. Y","k":"section","s":"bundui","c":"marketing/logos","tg":["animated"],"sy":["animated"],"hc":1},{"id":"bundui:flip-card","t":"Flip Card","d":"Experience smooth, fluid card navigation with natural drag interactions and beautiful anim","s":"bundui","c":"data-display/card","hc":1},{"id":"bundui:magnetic-hover-effect-01","t":"Magnetic Hover Effect","d":"A Magnetic Button is a UI component designed to enhance user interaction. When a user's cu","s":"bundui","c":"inputs/form-field","hc":1},{"id":"bundui:magnetic-hover-effect-02","t":"Magnetic Hover Effect","d":"A Magnetic Button is a UI component designed to enhance user interaction. When a user's cu","s":"bundui","c":"inputs/form-field","hc":1},{"id":"bundui:tilt-effect","t":"Tilt Effect","d":"Tilt Effect is an interactive component that creates a perspective effect by making button","k":"motion","s":"bundui","c":"motion/tilt-3d","tg":["3d"],"sy":["3d"],"hc":1},{"id":"bundui:ripple-effect-01","t":"Ripple Effect","d":"Ripple effect is a modern animation component designed to enrich user interaction by creat","k":"motion","s":"bundui","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"bundui:ripple-effect-02","t":"Ripple Effect","d":"Ripple effect is a modern animation component designed to enrich user interaction by creat","k":"motion","s":"bundui","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"bundui:ripple-effect-03","t":"Ripple Effect","d":"Ripple effect is a modern animation component designed to enrich user interaction by creat","k":"motion","s":"bundui","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"bundui:mouse-trail","t":"Mouse Trail","d":"A cursor-trail animation that leaves small dots behind the mouse as it moves, with the dot","k":"motion","s":"bundui","c":"motion/cursor","hc":1},{"id":"bundui:animated-beam","t":"Animated Beam","d":"It's a visual effect that creates a moving beam or connection between user interface eleme","k":"motion","s":"bundui","c":"motion/background","sb":"Beams and light","hc":1},{"id":"bundui:animated-tab","t":"Animated Tab","d":"An animated tab is a ui component that switches between content panels with smooth animate","s":"bundui","c":"navigation/tabs","hc":1},{"id":"bundui:animated-gradient-border","t":"Animated Gradient Border","d":"An Animated Gradient Border is a decorative ui element that displays moving color gradient","k":"motion","s":"bundui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"bundui:counter-animation","t":"Counter Animation","d":"Enhance user experience with count animation, dynamically animating numbers to draw attent","k":"motion","s":"bundui","c":"motion/number-ticker","hc":1},{"id":"bundui:floating-button","t":"Floating Button","d":"Use these Tailwind CSS hero section examples to showcase messaging, product images, and ca","s":"bundui","c":"actions/button","sb":"Animated","hc":1},{"id":"bundui:image-comparison","t":"Image Comparison","d":"Interactively compare two images with a draggable slider to reveal differences.","k":"section","s":"bundui","c":"marketing/comparison","hc":1},{"id":"bundui:interactive-image-slider","t":"Interactive Image Slider","d":"The Interactive Image Slider is a dynamic, motion-driven gallery that reacts to mouse move","s":"bundui","c":"inputs/slider","hc":1},{"id":"bundui:image-reveal","t":"Image Reveal","d":"An interactive image reveal component where images appear and follow the cursor when hover","s":"bundui","c":"media/gallery","hc":1},{"id":"bundui:marquee-effect","t":"Marquee Effect","d":"Add dynamic movement to your UI with Marquee effect, ideal for highlighting important info","k":"motion","s":"bundui","c":"motion/marquee","hc":1},{"id":"bundui:parallax-cards","t":"Parallax Cards","d":"Parallax scrolling effect using overlapping cards.","k":"layout","s":"bundui","c":"layout/scroll-area","hc":1},{"id":"bundui:scroll-progress-bar-01","t":"Scroll Progress Bar","d":"The scroll progress bar adds a dynamic, interactive scrolling indicator, built with Motion","s":"bundui","c":"data-viz/progress-bar","hc":1},{"id":"bundui:scroll-progress-bar-02","t":"Scroll Progress Bar","d":"The scroll progress bar adds a dynamic, interactive scrolling indicator, built with Motion","s":"bundui","c":"data-viz/progress-bar","hc":1},{"id":"bundui:sliding-number","t":"Sliding Number","d":"A component that slides numbers.","k":"motion","s":"bundui","c":"motion/number-ticker","hc":1},{"id":"bundui:countdown","t":"Countdown","d":"A countdown is a component that displays the remaining time until a specific event or dead","k":"motion","s":"bundui","c":"motion/number-ticker","hc":1},{"id":"bundui:meteor-shower-animation","t":"Meteor Shower Animation","d":"Beautiful meteor shower animation background built with React and Canvas. Add dynamic fall","k":"motion","s":"bundui","c":"motion/background","tg":["minimal"],"sb":"Particles and stars","sy":["minimal"],"hc":1},{"id":"bundui:snowfall-animation","t":"Snowfall Animation","d":"Enhance your website with the peaceful atmosphere of the Snowfall Animation Background. Cr","k":"page","s":"bundui","c":"pages/templates","hc":1},{"id":"bundui:fireworks","t":"Fireworks","d":"Add animated fireworks to your site background with this festive component. Perfect for ce","k":"motion","s":"bundui","c":"motion/background","hc":1},{"id":"bundui:floating-paths","t":"Floating Paths","d":"Floating Paths Background is a decorative background animation component that creates soft","k":"resource","s":"bundui","c":"assets/shape","hc":1},{"id":"bundui:fluid-particles","t":"Fluid Particles","d":"The Geometric Background component features a modern and sophisticated design, incorporati","k":"motion","s":"bundui","c":"motion/background","sb":"Shaders and WebGL","hc":1},{"id":"bundui:stars","t":"Stars","d":"A minimalist animated stars background component for React. It creates a smooth and subtle","k":"motion","s":"bundui","c":"motion/background","tg":["minimal"],"sb":"Particles and stars","sy":["minimal"],"hc":1},{"id":"buzzform:form","t":"Form","d":"The core Form component for BuzzForm v2.","s":"buzzform","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"buzzform:init","t":"BuzzForm (v2)","d":"Core BuzzForm v2 components using @buildnbuzz/form-react and the new field registry.","s":"buzzform","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"buzzform:copy","t":"CopyButton","d":"Copy-to-clipboard button used by BuzzForm v2 fields.","s":"buzzform","c":"actions/copy-button","hc":1},{"id":"buzzform:text","t":"TextField","d":"Text input field for BuzzForm v2.","k":"motion","s":"buzzform","c":"motion/text-effect","hc":1},{"id":"buzzform:email","t":"EmailField","d":"Email input field for BuzzForm v2.","s":"buzzform","c":"inputs/form-field","sb":"Email","hc":1},{"id":"buzzform:textarea","t":"TextareaField","d":"Textarea field for BuzzForm v2.","s":"buzzform","c":"inputs/textarea","hc":1},{"id":"buzzform:password","t":"PasswordField","d":"Password field for BuzzForm v2 with strength UI.","s":"buzzform","c":"inputs/form-field","sb":"Password","hc":1},{"id":"buzzform:number","t":"NumberField","d":"Number input field for BuzzForm v2.","s":"buzzform","c":"inputs/number-input","hc":1},{"id":"buzzform:select","t":"SelectField","d":"Select and multi-select field for BuzzForm v2.","s":"buzzform","c":"inputs/select","hc":1},{"id":"buzzform:checkbox","t":"CheckboxField","d":"Checkbox, checkbox-group, and tristate checkbox field for BuzzForm v2.","s":"buzzform","c":"inputs/checkbox","hc":1},{"id":"buzzform:switch","t":"SwitchField","d":"Switch field for BuzzForm v2.","s":"buzzform","c":"actions/switch","hc":1},{"id":"buzzform:radio","t":"RadioField","d":"Radio group field for BuzzForm v2.","s":"buzzform","c":"inputs/radio","hc":1},{"id":"buzzform:row","t":"RowField","d":"Row layout field for BuzzForm v2.","s":"buzzform","c":"data-display/list","hc":1},{"id":"buzzform:group","t":"GroupField","d":"Group field for BuzzForm v2 with card/collapsible variants.","s":"buzzform","c":"inputs/form-field","vn":1,"hc":1},{"id":"buzzform:collapsible","t":"CollapsibleField","d":"Collapsible layout field for BuzzForm v2.","s":"buzzform","c":"data-display/accordion","vn":1,"hc":1},{"id":"buzzform:tabs","t":"TabsField","d":"Tabs field for BuzzForm v2.","s":"buzzform","c":"navigation/tabs","hc":1},{"id":"buzzform:array","t":"ArrayField","d":"Repeatable array field for BuzzForm v2.","s":"buzzform","c":"inputs/form-field","vn":1,"hc":1},{"id":"buzzform:date","t":"DateField","d":"Date and datetime field for BuzzForm v2.","s":"buzzform","c":"inputs/date-picker","hc":1},{"id":"buzzform:tags","t":"TagsField","d":"Tag input field for BuzzForm v2.","s":"buzzform","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"buzzform:upload","t":"UploadField","d":"File upload field for BuzzForm v2 with dropzone, avatar, gallery, and inline variants.","s":"buzzform","c":"inputs/file-upload","hc":1},{"id":"buzzform:ui","t":"UiField","d":"UI layout field for BuzzForm v2.","s":"buzzform","c":"inputs/form-field","vn":1,"hc":1},{"id":"buzzform:form-builder","t":"FormBuilder","d":"Visual drag-and-drop form builder primitives for BuzzForm v2.","s":"buzzform","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"buzzform:all","t":"BuzzForm All (v2)","d":"One-command setup for BuzzForm v2. Installs core form and all field components.","s":"buzzform","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"buzzform:login-form","t":"Login Form","d":"A standard login card with email and password fields.","k":"layout","s":"buzzform","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"buzzform:register-form","t":"Register Form","d":"Registration form inside a modal dialog with password strength indicator.","k":"layout","s":"buzzform","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"buzzform:contact-form","t":"Contact Form","d":"A simple contact form with text, email, and textarea fields.","k":"section","s":"buzzform","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"],"hc":1},{"id":"buzzform:newsletter-dialog","t":"Newsletter Subscription","d":"A newsletter subscription form in a dialog.","s":"buzzform","c":"overlays/dialog","hc":1},{"id":"buzzform:feedback-sheet","t":"Feedback Sheet","d":"A slide-out sheet for gathering user feedback.","s":"buzzform","c":"overlays/sheet","hc":1},{"id":"buzzform:quick-add","t":"Quick Add Popover","d":"A small form inside a popover for quickly adding items.","s":"buzzform","c":"overlays/popover","hc":1},{"id":"buzzform:notification-settings","t":"Notification Settings","d":"Preferences for email and push notifications using switch fields.","k":"layout","s":"buzzform","c":"flows/settings","hc":1},{"id":"buzzform:product-form","t":"Product Form","d":"Product quantity and pricing form with number field variants.","s":"buzzform","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"buzzform:pricing-form","t":"Pricing Form","d":"Pricing plan selection with radio card variants.","k":"section","s":"buzzform","c":"marketing/pricing","hc":1},{"id":"buzzform:blog-post-form","t":"Blog Post Form","d":"Blog post form with tags and textarea fields.","k":"section","s":"buzzform","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"buzzform:booking-form","t":"Booking Form","d":"Hotel booking form with date pickers, number fields, and time selection.","s":"buzzform","c":"data-display/calendar","hc":1},{"id":"buzzform:support-ticket-form","t":"Support Ticket Form","d":"Support ticket form with select and multi-select fields.","s":"buzzform","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"buzzform:country-state-form","t":"Country + State Form","d":"Cascading Country and State dropdowns using registry-based loaders.","s":"buzzform","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"buzzform:contact-layout-form","t":"Contact Layout Form","d":"Contact form with responsive row layout for side-by-side fields.","k":"section","s":"buzzform","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"buzzform:coupon-layout-form","t":"Coupon Layout Form","d":"Coupon creation form with row layout and checkbox fields.","s":"buzzform","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"buzzform:account-settings-form","t":"Account Settings Form","d":"Tabbed account settings with profile, account, notification, and billing tabs.","k":"layout","s":"buzzform","c":"flows/settings","hc":1},{"id":"buzzform:checkout-form","t":"Checkout Form","d":"Multi-step checkout process with tabbed navigation.","k":"section","s":"buzzform","c":"marketing/pricing","hc":1},{"id":"buzzform:minimal-array-form","t":"Minimal Array Form","d":"Sleek inline lists using the minimal variant.","s":"buzzform","c":"inputs/form-field","tg":["minimal"],"sb":"Whole forms","sy":["minimal"],"hc":1},{"id":"buzzform:profile-upload-form","t":"Profile Upload Form","d":"Avatar upload with circle preview layout.","s":"buzzform","c":"inputs/file-upload","hc":1},{"id":"buzzform:gallery-upload-form","t":"Product Gallery","d":"Multi-file upload with thumbnail grid preview.","s":"buzzform","c":"inputs/file-upload","hc":1},{"id":"buzzform:document-upload-form","t":"Document Upload Form","d":"Drag-and-drop file upload with validation.","s":"buzzform","c":"inputs/file-upload","hc":1},{"id":"canvas-ui:ascii-object-react","t":"AsciiObject (React)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters c","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"canvas-ui:ascii-object-vue","t":"AsciiObject (Vue)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters c","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["retro and HUD","webgl"],"fw":"Vue","sy":["retro and HUD","webgl"],"hc":1},{"id":"canvas-ui:ascii-object-svelte","t":"AsciiObject (Svelte)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters c","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["retro and HUD","webgl"],"fw":"Svelte","sy":["retro and HUD","webgl"],"hc":1},{"id":"canvas-ui:ascii-object-solid","t":"AsciiObject (Solid)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters c","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["retro and HUD","webgl"],"fw":"Solid","sy":["retro and HUD","webgl"],"hc":1},{"id":"canvas-ui:ascii-object-preact","t":"AsciiObject (Preact)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters c","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"canvas-ui:ascii-object-vanilla","t":"AsciiObject (Vanilla)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters c","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"canvas-ui:ascii-object-react-webgpu","t":"AsciiObject (React, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters c","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"canvas-ui:ascii-object-vue-webgpu","t":"AsciiObject (Vue, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters c","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["retro and HUD","webgl"],"fw":"Vue","sy":["retro and HUD","webgl"],"hc":1},{"id":"canvas-ui:ascii-object-svelte-webgpu","t":"AsciiObject (Svelte, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters c","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["retro and HUD","webgl"],"fw":"Svelte","sy":["retro and HUD","webgl"],"hc":1},{"id":"canvas-ui:ascii-object-solid-webgpu","t":"AsciiObject (Solid, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters c","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["retro and HUD","webgl"],"fw":"Solid","sy":["retro and HUD","webgl"],"hc":1},{"id":"canvas-ui:ascii-object-preact-webgpu","t":"AsciiObject (Preact, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters c","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"canvas-ui:ascii-object-vanilla-webgpu","t":"AsciiObject (Vanilla, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters c","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"canvas-ui:ascii-sweep-react","t":"AsciiSweep (React)","d":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across t","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"hc":1},{"id":"canvas-ui:ascii-sweep-vue","t":"AsciiSweep (Vue)","d":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across t","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["neon","retro and HUD"],"fw":"Vue","sy":["neon","retro and HUD"],"hc":1},{"id":"canvas-ui:ascii-sweep-svelte","t":"AsciiSweep (Svelte)","d":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across t","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["neon","retro and HUD"],"fw":"Svelte","sy":["neon","retro and HUD"],"hc":1},{"id":"canvas-ui:ascii-sweep-solid","t":"AsciiSweep (Solid)","d":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across t","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["neon","retro and HUD"],"fw":"Solid","sy":["neon","retro and HUD"],"hc":1},{"id":"canvas-ui:ascii-sweep-preact","t":"AsciiSweep (Preact)","d":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across t","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"hc":1},{"id":"canvas-ui:ascii-sweep-vanilla","t":"AsciiSweep (Vanilla)","d":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across t","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"hc":1},{"id":"canvas-ui:ascii-sweep-react-webgpu","t":"AsciiSweep (React, WebGPU)","d":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across t","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"hc":1},{"id":"canvas-ui:ascii-sweep-vue-webgpu","t":"AsciiSweep (Vue, WebGPU)","d":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across t","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["neon","retro and HUD"],"fw":"Vue","sy":["neon","retro and HUD"],"hc":1},{"id":"canvas-ui:ascii-sweep-svelte-webgpu","t":"AsciiSweep (Svelte, WebGPU)","d":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across t","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["neon","retro and HUD"],"fw":"Svelte","sy":["neon","retro and HUD"],"hc":1},{"id":"canvas-ui:ascii-sweep-solid-webgpu","t":"AsciiSweep (Solid, WebGPU)","d":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across t","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["neon","retro and HUD"],"fw":"Solid","sy":["neon","retro and HUD"],"hc":1},{"id":"canvas-ui:ascii-sweep-preact-webgpu","t":"AsciiSweep (Preact, WebGPU)","d":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across t","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"hc":1},{"id":"canvas-ui:ascii-sweep-vanilla-webgpu","t":"AsciiSweep (Vanilla, WebGPU)","d":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across t","k":"motion","s":"canvas-ui","c":"motion/ascii","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"hc":1},{"id":"canvas-ui:asciify-react","t":"Asciify (React)","d":"Redraws your page as live ascii characters in a soft radius around the cursor, with real g","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:asciify-vue","t":"Asciify (Vue)","d":"Redraws your page as live ascii characters in a soft radius around the cursor, with real g","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["retro and HUD"],"fw":"Vue","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:asciify-svelte","t":"Asciify (Svelte)","d":"Redraws your page as live ascii characters in a soft radius around the cursor, with real g","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["retro and HUD"],"fw":"Svelte","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:asciify-solid","t":"Asciify (Solid)","d":"Redraws your page as live ascii characters in a soft radius around the cursor, with real g","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["retro and HUD"],"fw":"Solid","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:asciify-preact","t":"Asciify (Preact)","d":"Redraws your page as live ascii characters in a soft radius around the cursor, with real g","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:asciify-vanilla","t":"Asciify (Vanilla)","d":"Redraws your page as live ascii characters in a soft radius around the cursor, with real g","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:asciify-react-webgpu","t":"Asciify (React, WebGPU)","d":"Redraws your page as live ascii characters in a soft radius around the cursor, with real g","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:asciify-vue-webgpu","t":"Asciify (Vue, WebGPU)","d":"Redraws your page as live ascii characters in a soft radius around the cursor, with real g","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["retro and HUD"],"fw":"Vue","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:asciify-svelte-webgpu","t":"Asciify (Svelte, WebGPU)","d":"Redraws your page as live ascii characters in a soft radius around the cursor, with real g","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["retro and HUD"],"fw":"Svelte","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:asciify-solid-webgpu","t":"Asciify (Solid, WebGPU)","d":"Redraws your page as live ascii characters in a soft radius around the cursor, with real g","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["retro and HUD"],"fw":"Solid","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:asciify-preact-webgpu","t":"Asciify (Preact, WebGPU)","d":"Redraws your page as live ascii characters in a soft radius around the cursor, with real g","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:asciify-vanilla-webgpu","t":"Asciify (Vanilla, WebGPU)","d":"Redraws your page as live ascii characters in a soft radius around the cursor, with real g","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:bend-react","t":"Bend (React)","d":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on ","k":"layout","s":"canvas-ui","c":"layout/scroll-area","hc":1},{"id":"canvas-ui:bend-vue","t":"Bend (Vue)","d":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on ","k":"layout","s":"canvas-ui","c":"layout/scroll-area","fw":"Vue","hc":1},{"id":"canvas-ui:bend-svelte","t":"Bend (Svelte)","d":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on ","k":"layout","s":"canvas-ui","c":"layout/scroll-area","fw":"Svelte","hc":1},{"id":"canvas-ui:bend-solid","t":"Bend (Solid)","d":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on ","k":"layout","s":"canvas-ui","c":"layout/scroll-area","fw":"Solid","hc":1},{"id":"canvas-ui:bend-preact","t":"Bend (Preact)","d":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on ","k":"layout","s":"canvas-ui","c":"layout/scroll-area","hc":1},{"id":"canvas-ui:bend-vanilla","t":"Bend (Vanilla)","d":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on ","k":"layout","s":"canvas-ui","c":"layout/scroll-area","hc":1},{"id":"canvas-ui:bend-react-webgpu","t":"Bend (React, WebGPU)","d":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on ","k":"layout","s":"canvas-ui","c":"layout/scroll-area","hc":1},{"id":"canvas-ui:bend-vue-webgpu","t":"Bend (Vue, WebGPU)","d":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on ","k":"layout","s":"canvas-ui","c":"layout/scroll-area","fw":"Vue","hc":1},{"id":"canvas-ui:bend-svelte-webgpu","t":"Bend (Svelte, WebGPU)","d":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on ","k":"layout","s":"canvas-ui","c":"layout/scroll-area","fw":"Svelte","hc":1},{"id":"canvas-ui:bend-solid-webgpu","t":"Bend (Solid, WebGPU)","d":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on ","k":"layout","s":"canvas-ui","c":"layout/scroll-area","fw":"Solid","hc":1},{"id":"canvas-ui:bend-preact-webgpu","t":"Bend (Preact, WebGPU)","d":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on ","k":"layout","s":"canvas-ui","c":"layout/scroll-area","hc":1},{"id":"canvas-ui:bend-vanilla-webgpu","t":"Bend (Vanilla, WebGPU)","d":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on ","k":"layout","s":"canvas-ui","c":"layout/scroll-area","hc":1},{"id":"canvas-ui:grid-react","t":"Grid (React)","d":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML ","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"sy":["3d"],"hc":1},{"id":"canvas-ui:grid-vue","t":"Grid (Vue)","d":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML ","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"fw":"Vue","sy":["3d"],"hc":1},{"id":"canvas-ui:grid-svelte","t":"Grid (Svelte)","d":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML ","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"fw":"Svelte","sy":["3d"],"hc":1},{"id":"canvas-ui:grid-solid","t":"Grid (Solid)","d":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML ","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"fw":"Solid","sy":["3d"],"hc":1},{"id":"canvas-ui:grid-preact","t":"Grid (Preact)","d":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML ","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"sy":["3d"],"hc":1},{"id":"canvas-ui:grid-vanilla","t":"Grid (Vanilla)","d":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML ","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"sy":["3d"],"hc":1},{"id":"canvas-ui:grid-react-webgpu","t":"Grid (React, WebGPU)","d":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML ","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"sy":["3d"],"hc":1},{"id":"canvas-ui:grid-vue-webgpu","t":"Grid (Vue, WebGPU)","d":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML ","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"fw":"Vue","sy":["3d"],"hc":1},{"id":"canvas-ui:grid-svelte-webgpu","t":"Grid (Svelte, WebGPU)","d":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML ","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"fw":"Svelte","sy":["3d"],"hc":1},{"id":"canvas-ui:grid-solid-webgpu","t":"Grid (Solid, WebGPU)","d":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML ","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"fw":"Solid","sy":["3d"],"hc":1},{"id":"canvas-ui:grid-preact-webgpu","t":"Grid (Preact, WebGPU)","d":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML ","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"sy":["3d"],"hc":1},{"id":"canvas-ui:grid-vanilla-webgpu","t":"Grid (Vanilla, WebGPU)","d":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML ","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"sy":["3d"],"hc":1},{"id":"canvas-ui:blaze-react","t":"Blaze (React)","d":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stay","k":"motion","s":"canvas-ui","c":"motion/background","hc":1},{"id":"canvas-ui:blaze-vue","t":"Blaze (Vue)","d":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stay","k":"motion","s":"canvas-ui","c":"motion/background","fw":"Vue","hc":1},{"id":"canvas-ui:blaze-svelte","t":"Blaze (Svelte)","d":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stay","k":"motion","s":"canvas-ui","c":"motion/background","fw":"Svelte","hc":1},{"id":"canvas-ui:blaze-solid","t":"Blaze (Solid)","d":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stay","k":"motion","s":"canvas-ui","c":"motion/background","fw":"Solid","hc":1},{"id":"canvas-ui:blaze-preact","t":"Blaze (Preact)","d":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stay","k":"motion","s":"canvas-ui","c":"motion/background","hc":1},{"id":"canvas-ui:blaze-vanilla","t":"Blaze (Vanilla)","d":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stay","k":"motion","s":"canvas-ui","c":"motion/background","hc":1},{"id":"canvas-ui:blaze-react-webgpu","t":"Blaze (React, WebGPU)","d":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stay","k":"motion","s":"canvas-ui","c":"motion/background","hc":1},{"id":"canvas-ui:blaze-vue-webgpu","t":"Blaze (Vue, WebGPU)","d":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stay","k":"motion","s":"canvas-ui","c":"motion/background","fw":"Vue","hc":1},{"id":"canvas-ui:blaze-svelte-webgpu","t":"Blaze (Svelte, WebGPU)","d":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stay","k":"motion","s":"canvas-ui","c":"motion/background","fw":"Svelte","hc":1},{"id":"canvas-ui:blaze-solid-webgpu","t":"Blaze (Solid, WebGPU)","d":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stay","k":"motion","s":"canvas-ui","c":"motion/background","fw":"Solid","hc":1},{"id":"canvas-ui:blaze-preact-webgpu","t":"Blaze (Preact, WebGPU)","d":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stay","k":"motion","s":"canvas-ui","c":"motion/background","hc":1},{"id":"canvas-ui:blaze-vanilla-webgpu","t":"Blaze (Vanilla, WebGPU)","d":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stay","k":"motion","s":"canvas-ui","c":"motion/background","hc":1},{"id":"canvas-ui:bubble-react","t":"Bubble (React)","d":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page b","s":"canvas-ui","c":"ai-agent/ai-agent","tg":["glass"],"sb":"Chat","sy":["glass"],"hc":1},{"id":"canvas-ui:bubble-vue","t":"Bubble (Vue)","d":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page b","s":"canvas-ui","c":"ai-agent/ai-agent","tg":["glass"],"sb":"Chat","fw":"Vue","sy":["glass"],"hc":1},{"id":"canvas-ui:bubble-svelte","t":"Bubble (Svelte)","d":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page b","s":"canvas-ui","c":"ai-agent/ai-agent","tg":["glass"],"sb":"Chat","fw":"Svelte","sy":["glass"],"hc":1},{"id":"canvas-ui:bubble-solid","t":"Bubble (Solid)","d":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page b","s":"canvas-ui","c":"ai-agent/ai-agent","tg":["glass"],"sb":"Chat","fw":"Solid","sy":["glass"],"hc":1},{"id":"canvas-ui:bubble-preact","t":"Bubble (Preact)","d":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page b","s":"canvas-ui","c":"ai-agent/ai-agent","tg":["glass"],"sb":"Chat","sy":["glass"],"hc":1},{"id":"canvas-ui:bubble-vanilla","t":"Bubble (Vanilla)","d":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page b","s":"canvas-ui","c":"ai-agent/ai-agent","tg":["glass"],"sb":"Chat","sy":["glass"],"hc":1},{"id":"canvas-ui:bubble-react-webgpu","t":"Bubble (React, WebGPU)","d":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page b","s":"canvas-ui","c":"ai-agent/ai-agent","tg":["glass"],"sb":"Chat","sy":["glass"],"hc":1},{"id":"canvas-ui:bubble-vue-webgpu","t":"Bubble (Vue, WebGPU)","d":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page b","s":"canvas-ui","c":"ai-agent/ai-agent","tg":["glass"],"sb":"Chat","fw":"Vue","sy":["glass"],"hc":1},{"id":"canvas-ui:bubble-svelte-webgpu","t":"Bubble (Svelte, WebGPU)","d":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page b","s":"canvas-ui","c":"ai-agent/ai-agent","tg":["glass"],"sb":"Chat","fw":"Svelte","sy":["glass"],"hc":1},{"id":"canvas-ui:bubble-solid-webgpu","t":"Bubble (Solid, WebGPU)","d":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page b","s":"canvas-ui","c":"ai-agent/ai-agent","tg":["glass"],"sb":"Chat","fw":"Solid","sy":["glass"],"hc":1},{"id":"canvas-ui:bubble-preact-webgpu","t":"Bubble (Preact, WebGPU)","d":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page b","s":"canvas-ui","c":"ai-agent/ai-agent","tg":["glass"],"sb":"Chat","sy":["glass"],"hc":1},{"id":"canvas-ui:bubble-vanilla-webgpu","t":"Bubble (Vanilla, WebGPU)","d":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page b","s":"canvas-ui","c":"ai-agent/ai-agent","tg":["glass"],"sb":"Chat","sy":["glass"],"hc":1},{"id":"canvas-ui:canvas-react","t":"Canvas (React)","d":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted","k":"motion","s":"canvas-ui","c":"motion/text-effect","hc":1},{"id":"canvas-ui:canvas-vue","t":"Canvas (Vue)","d":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted","k":"motion","s":"canvas-ui","c":"motion/text-effect","fw":"Vue","hc":1},{"id":"canvas-ui:canvas-svelte","t":"Canvas (Svelte)","d":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted","k":"motion","s":"canvas-ui","c":"motion/text-effect","fw":"Svelte","hc":1},{"id":"canvas-ui:canvas-solid","t":"Canvas (Solid)","d":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted","k":"motion","s":"canvas-ui","c":"motion/text-effect","fw":"Solid","hc":1},{"id":"canvas-ui:canvas-preact","t":"Canvas (Preact)","d":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted","k":"motion","s":"canvas-ui","c":"motion/text-effect","hc":1},{"id":"canvas-ui:canvas-vanilla","t":"Canvas (Vanilla)","d":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted","k":"motion","s":"canvas-ui","c":"motion/text-effect","hc":1},{"id":"canvas-ui:canvas-react-webgpu","t":"Canvas (React, WebGPU)","d":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted","k":"motion","s":"canvas-ui","c":"motion/text-effect","hc":1},{"id":"canvas-ui:canvas-vue-webgpu","t":"Canvas (Vue, WebGPU)","d":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted","k":"motion","s":"canvas-ui","c":"motion/text-effect","fw":"Vue","hc":1},{"id":"canvas-ui:canvas-svelte-webgpu","t":"Canvas (Svelte, WebGPU)","d":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted","k":"motion","s":"canvas-ui","c":"motion/text-effect","fw":"Svelte","hc":1},{"id":"canvas-ui:canvas-solid-webgpu","t":"Canvas (Solid, WebGPU)","d":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted","k":"motion","s":"canvas-ui","c":"motion/text-effect","fw":"Solid","hc":1},{"id":"canvas-ui:canvas-preact-webgpu","t":"Canvas (Preact, WebGPU)","d":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted","k":"motion","s":"canvas-ui","c":"motion/text-effect","hc":1},{"id":"canvas-ui:canvas-vanilla-webgpu","t":"Canvas (Vanilla, WebGPU)","d":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted","k":"motion","s":"canvas-ui","c":"motion/text-effect","hc":1},{"id":"canvas-ui:cloth-react","t":"Cloth (React)","d":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cur","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:cloth-vue","t":"Cloth (Vue)","d":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cur","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Vue","hc":1},{"id":"canvas-ui:cloth-svelte","t":"Cloth (Svelte)","d":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cur","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Svelte","hc":1},{"id":"canvas-ui:cloth-solid","t":"Cloth (Solid)","d":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cur","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Solid","hc":1},{"id":"canvas-ui:cloth-preact","t":"Cloth (Preact)","d":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cur","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:cloth-vanilla","t":"Cloth (Vanilla)","d":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cur","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:cloth-react-webgpu","t":"Cloth (React, WebGPU)","d":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cur","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:cloth-vue-webgpu","t":"Cloth (Vue, WebGPU)","d":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cur","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Vue","hc":1},{"id":"canvas-ui:cloth-svelte-webgpu","t":"Cloth (Svelte, WebGPU)","d":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cur","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Svelte","hc":1},{"id":"canvas-ui:cloth-solid-webgpu","t":"Cloth (Solid, WebGPU)","d":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cur","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Solid","hc":1},{"id":"canvas-ui:cloth-preact-webgpu","t":"Cloth (Preact, WebGPU)","d":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cur","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:cloth-vanilla-webgpu","t":"Cloth (Vanilla, WebGPU)","d":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cur","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:clouds-react","t":"Clouds (React)","d":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts ","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:clouds-vue","t":"Clouds (Vue)","d":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts ","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Vue","hc":1},{"id":"canvas-ui:clouds-svelte","t":"Clouds (Svelte)","d":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts ","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Svelte","hc":1},{"id":"canvas-ui:clouds-solid","t":"Clouds (Solid)","d":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts ","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Solid","hc":1},{"id":"canvas-ui:clouds-preact","t":"Clouds (Preact)","d":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts ","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:clouds-vanilla","t":"Clouds (Vanilla)","d":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts ","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:clouds-react-webgpu","t":"Clouds (React, WebGPU)","d":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts ","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:clouds-vue-webgpu","t":"Clouds (Vue, WebGPU)","d":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts ","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Vue","hc":1},{"id":"canvas-ui:clouds-svelte-webgpu","t":"Clouds (Svelte, WebGPU)","d":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts ","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Svelte","hc":1},{"id":"canvas-ui:clouds-solid-webgpu","t":"Clouds (Solid, WebGPU)","d":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts ","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Solid","hc":1},{"id":"canvas-ui:clouds-preact-webgpu","t":"Clouds (Preact, WebGPU)","d":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts ","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:clouds-vanilla-webgpu","t":"Clouds (Vanilla, WebGPU)","d":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts ","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:decrypt-reveal-react","t":"DecryptReveal (React)","d":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cur","k":"motion","s":"canvas-ui","c":"motion/text-effect","tg":["retro and HUD"],"sb":"Scramble and glitch","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:decrypt-reveal-vue","t":"DecryptReveal (Vue)","d":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cur","k":"motion","s":"canvas-ui","c":"motion/text-effect","tg":["retro and HUD"],"sb":"Scramble and glitch","fw":"Vue","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:decrypt-reveal-svelte","t":"DecryptReveal (Svelte)","d":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cur","k":"motion","s":"canvas-ui","c":"motion/text-effect","tg":["retro and HUD"],"sb":"Scramble and glitch","fw":"Svelte","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:decrypt-reveal-solid","t":"DecryptReveal (Solid)","d":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cur","k":"motion","s":"canvas-ui","c":"motion/text-effect","tg":["retro and HUD"],"sb":"Scramble and glitch","fw":"Solid","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:decrypt-reveal-preact","t":"DecryptReveal (Preact)","d":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cur","k":"motion","s":"canvas-ui","c":"motion/text-effect","tg":["retro and HUD"],"sb":"Scramble and glitch","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:decrypt-reveal-vanilla","t":"DecryptReveal (Vanilla)","d":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cur","k":"motion","s":"canvas-ui","c":"motion/text-effect","tg":["retro and HUD"],"sb":"Scramble and glitch","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:decrypt-reveal-react-webgpu","t":"DecryptReveal (React, WebGPU)","d":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cur","k":"motion","s":"canvas-ui","c":"motion/text-effect","tg":["retro and HUD"],"sb":"Scramble and glitch","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:decrypt-reveal-vue-webgpu","t":"DecryptReveal (Vue, WebGPU)","d":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cur","k":"motion","s":"canvas-ui","c":"motion/text-effect","tg":["retro and HUD"],"sb":"Scramble and glitch","fw":"Vue","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:decrypt-reveal-svelte-webgpu","t":"DecryptReveal (Svelte, WebGPU)","d":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cur","k":"motion","s":"canvas-ui","c":"motion/text-effect","tg":["retro and HUD"],"sb":"Scramble and glitch","fw":"Svelte","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:decrypt-reveal-solid-webgpu","t":"DecryptReveal (Solid, WebGPU)","d":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cur","k":"motion","s":"canvas-ui","c":"motion/text-effect","tg":["retro and HUD"],"sb":"Scramble and glitch","fw":"Solid","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:decrypt-reveal-preact-webgpu","t":"DecryptReveal (Preact, WebGPU)","d":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cur","k":"motion","s":"canvas-ui","c":"motion/text-effect","tg":["retro and HUD"],"sb":"Scramble and glitch","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:decrypt-reveal-vanilla-webgpu","t":"DecryptReveal (Vanilla, WebGPU)","d":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cur","k":"motion","s":"canvas-ui","c":"motion/text-effect","tg":["retro and HUD"],"sb":"Scramble and glitch","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:liquid-react","t":"Liquid (React)","d":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No depen","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:liquid-vue","t":"Liquid (Vue)","d":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No depen","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Vue","hc":1},{"id":"canvas-ui:liquid-svelte","t":"Liquid (Svelte)","d":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No depen","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Svelte","hc":1},{"id":"canvas-ui:liquid-solid","t":"Liquid (Solid)","d":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No depen","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Solid","hc":1},{"id":"canvas-ui:liquid-preact","t":"Liquid (Preact)","d":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No depen","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:liquid-vanilla","t":"Liquid (Vanilla)","d":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No depen","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:liquid-react-webgpu","t":"Liquid (React, WebGPU)","d":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No depen","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:liquid-vue-webgpu","t":"Liquid (Vue, WebGPU)","d":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No depen","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Vue","hc":1},{"id":"canvas-ui:liquid-svelte-webgpu","t":"Liquid (Svelte, WebGPU)","d":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No depen","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Svelte","hc":1},{"id":"canvas-ui:liquid-solid-webgpu","t":"Liquid (Solid, WebGPU)","d":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No depen","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Solid","hc":1},{"id":"canvas-ui:liquid-preact-webgpu","t":"Liquid (Preact, WebGPU)","d":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No depen","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:liquid-vanilla-webgpu","t":"Liquid (Vanilla, WebGPU)","d":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No depen","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:magnify-react","t":"Magnify (React)","d":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configu","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"sb":"Zoom and lens","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:magnify-vue","t":"Magnify (Vue)","d":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configu","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"sb":"Zoom and lens","fw":"Vue","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:magnify-svelte","t":"Magnify (Svelte)","d":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configu","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"sb":"Zoom and lens","fw":"Svelte","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:magnify-solid","t":"Magnify (Solid)","d":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configu","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"sb":"Zoom and lens","fw":"Solid","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:magnify-preact","t":"Magnify (Preact)","d":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configu","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"sb":"Zoom and lens","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:magnify-vanilla","t":"Magnify (Vanilla)","d":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configu","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"sb":"Zoom and lens","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:magnify-react-webgpu","t":"Magnify (React, WebGPU)","d":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configu","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"sb":"Zoom and lens","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:magnify-vue-webgpu","t":"Magnify (Vue, WebGPU)","d":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configu","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"sb":"Zoom and lens","fw":"Vue","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:magnify-svelte-webgpu","t":"Magnify (Svelte, WebGPU)","d":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configu","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"sb":"Zoom and lens","fw":"Svelte","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:magnify-solid-webgpu","t":"Magnify (Solid, WebGPU)","d":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configu","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"sb":"Zoom and lens","fw":"Solid","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:magnify-preact-webgpu","t":"Magnify (Preact, WebGPU)","d":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configu","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"sb":"Zoom and lens","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:magnify-vanilla-webgpu","t":"Magnify (Vanilla, WebGPU)","d":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configu","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"sb":"Zoom and lens","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:dithered-object-react","t":"DitheredObject (React)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"canvas-ui:dithered-object-vue","t":"DitheredObject (Vue)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"canvas-ui:dithered-object-svelte","t":"DitheredObject (Svelte)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"canvas-ui:dithered-object-solid","t":"DitheredObject (Solid)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"fw":"Solid","sy":["webgl"],"hc":1},{"id":"canvas-ui:dithered-object-preact","t":"DitheredObject (Preact)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"canvas-ui:dithered-object-vanilla","t":"DitheredObject (Vanilla)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"canvas-ui:dithered-object-react-webgpu","t":"DitheredObject (React, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"canvas-ui:dithered-object-vue-webgpu","t":"DitheredObject (Vue, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"canvas-ui:dithered-object-svelte-webgpu","t":"DitheredObject (Svelte, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"canvas-ui:dithered-object-solid-webgpu","t":"DitheredObject (Solid, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"fw":"Solid","sy":["webgl"],"hc":1},{"id":"canvas-ui:dithered-object-preact-webgpu","t":"DitheredObject (Preact, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"canvas-ui:dithered-object-vanilla-webgpu","t":"DitheredObject (Vanilla, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"canvas-ui:displacement-react","t":"Displacement (React)","d":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chroma","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:displacement-vue","t":"Displacement (Vue)","d":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chroma","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Vue","hc":1},{"id":"canvas-ui:displacement-svelte","t":"Displacement (Svelte)","d":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chroma","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Svelte","hc":1},{"id":"canvas-ui:displacement-solid","t":"Displacement (Solid)","d":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chroma","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Solid","hc":1},{"id":"canvas-ui:displacement-preact","t":"Displacement (Preact)","d":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chroma","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:displacement-vanilla","t":"Displacement (Vanilla)","d":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chroma","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:displacement-react-webgpu","t":"Displacement (React, WebGPU)","d":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chroma","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:displacement-vue-webgpu","t":"Displacement (Vue, WebGPU)","d":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chroma","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Vue","hc":1},{"id":"canvas-ui:displacement-svelte-webgpu","t":"Displacement (Svelte, WebGPU)","d":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chroma","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Svelte","hc":1},{"id":"canvas-ui:displacement-solid-webgpu","t":"Displacement (Solid, WebGPU)","d":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chroma","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Solid","hc":1},{"id":"canvas-ui:displacement-preact-webgpu","t":"Displacement (Preact, WebGPU)","d":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chroma","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:displacement-vanilla-webgpu","t":"Displacement (Vanilla, WebGPU)","d":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chroma","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:droplets-react","t":"Droplets (React)","d":"Rain droplets that run down the screen and refract your page behind them. The HTML stays i","k":"motion","s":"canvas-ui","c":"motion/background","hc":1},{"id":"canvas-ui:droplets-vue","t":"Droplets (Vue)","d":"Rain droplets that run down the screen and refract your page behind them. The HTML stays i","k":"motion","s":"canvas-ui","c":"motion/background","fw":"Vue","hc":1},{"id":"canvas-ui:droplets-svelte","t":"Droplets (Svelte)","d":"Rain droplets that run down the screen and refract your page behind them. The HTML stays i","k":"motion","s":"canvas-ui","c":"motion/background","fw":"Svelte","hc":1},{"id":"canvas-ui:droplets-solid","t":"Droplets (Solid)","d":"Rain droplets that run down the screen and refract your page behind them. The HTML stays i","k":"motion","s":"canvas-ui","c":"motion/background","fw":"Solid","hc":1},{"id":"canvas-ui:droplets-preact","t":"Droplets (Preact)","d":"Rain droplets that run down the screen and refract your page behind them. The HTML stays i","k":"motion","s":"canvas-ui","c":"motion/background","hc":1},{"id":"canvas-ui:droplets-vanilla","t":"Droplets (Vanilla)","d":"Rain droplets that run down the screen and refract your page behind them. The HTML stays i","k":"motion","s":"canvas-ui","c":"motion/background","hc":1},{"id":"canvas-ui:droplets-react-webgpu","t":"Droplets (React, WebGPU)","d":"Rain droplets that run down the screen and refract your page behind them. The HTML stays i","k":"motion","s":"canvas-ui","c":"motion/background","hc":1},{"id":"canvas-ui:droplets-vue-webgpu","t":"Droplets (Vue, WebGPU)","d":"Rain droplets that run down the screen and refract your page behind them. The HTML stays i","k":"motion","s":"canvas-ui","c":"motion/background","fw":"Vue","hc":1},{"id":"canvas-ui:droplets-svelte-webgpu","t":"Droplets (Svelte, WebGPU)","d":"Rain droplets that run down the screen and refract your page behind them. The HTML stays i","k":"motion","s":"canvas-ui","c":"motion/background","fw":"Svelte","hc":1},{"id":"canvas-ui:droplets-solid-webgpu","t":"Droplets (Solid, WebGPU)","d":"Rain droplets that run down the screen and refract your page behind them. The HTML stays i","k":"motion","s":"canvas-ui","c":"motion/background","fw":"Solid","hc":1},{"id":"canvas-ui:droplets-preact-webgpu","t":"Droplets (Preact, WebGPU)","d":"Rain droplets that run down the screen and refract your page behind them. The HTML stays i","k":"motion","s":"canvas-ui","c":"motion/background","hc":1},{"id":"canvas-ui:droplets-vanilla-webgpu","t":"Droplets (Vanilla, WebGPU)","d":"Rain droplets that run down the screen and refract your page behind them. The HTML stays i","k":"motion","s":"canvas-ui","c":"motion/background","hc":1},{"id":"canvas-ui:flame-wrap-react","t":"FlameWrap (React)","d":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, th","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sy":["neon"],"hc":1},{"id":"canvas-ui:flame-wrap-vue","t":"FlameWrap (Vue)","d":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, th","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"fw":"Vue","sy":["neon"],"hc":1},{"id":"canvas-ui:flame-wrap-svelte","t":"FlameWrap (Svelte)","d":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, th","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"fw":"Svelte","sy":["neon"],"hc":1},{"id":"canvas-ui:flame-wrap-solid","t":"FlameWrap (Solid)","d":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, th","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"fw":"Solid","sy":["neon"],"hc":1},{"id":"canvas-ui:flame-wrap-preact","t":"FlameWrap (Preact)","d":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, th","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sy":["neon"],"hc":1},{"id":"canvas-ui:flame-wrap-vanilla","t":"FlameWrap (Vanilla)","d":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, th","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sy":["neon"],"hc":1},{"id":"canvas-ui:flame-wrap-react-webgpu","t":"FlameWrap (React, WebGPU)","d":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, th","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sy":["neon"],"hc":1},{"id":"canvas-ui:flame-wrap-vue-webgpu","t":"FlameWrap (Vue, WebGPU)","d":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, th","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"fw":"Vue","sy":["neon"],"hc":1},{"id":"canvas-ui:flame-wrap-svelte-webgpu","t":"FlameWrap (Svelte, WebGPU)","d":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, th","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"fw":"Svelte","sy":["neon"],"hc":1},{"id":"canvas-ui:flame-wrap-solid-webgpu","t":"FlameWrap (Solid, WebGPU)","d":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, th","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"fw":"Solid","sy":["neon"],"hc":1},{"id":"canvas-ui:flame-wrap-preact-webgpu","t":"FlameWrap (Preact, WebGPU)","d":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, th","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sy":["neon"],"hc":1},{"id":"canvas-ui:flame-wrap-vanilla-webgpu","t":"FlameWrap (Vanilla, WebGPU)","d":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, th","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sy":["neon"],"hc":1},{"id":"canvas-ui:force-field-react","t":"ForceField (React)","d":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it cros","s":"canvas-ui","c":"inputs/form-field","hc":1},{"id":"canvas-ui:force-field-vue","t":"ForceField (Vue)","d":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it cros","s":"canvas-ui","c":"inputs/form-field","fw":"Vue","hc":1},{"id":"canvas-ui:force-field-svelte","t":"ForceField (Svelte)","d":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it cros","s":"canvas-ui","c":"inputs/form-field","fw":"Svelte","hc":1},{"id":"canvas-ui:force-field-solid","t":"ForceField (Solid)","d":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it cros","s":"canvas-ui","c":"inputs/form-field","fw":"Solid","hc":1},{"id":"canvas-ui:force-field-preact","t":"ForceField (Preact)","d":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it cros","s":"canvas-ui","c":"inputs/form-field","hc":1},{"id":"canvas-ui:force-field-vanilla","t":"ForceField (Vanilla)","d":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it cros","s":"canvas-ui","c":"inputs/form-field","hc":1},{"id":"canvas-ui:force-field-react-webgpu","t":"ForceField (React, WebGPU)","d":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it cros","s":"canvas-ui","c":"inputs/form-field","hc":1},{"id":"canvas-ui:force-field-vue-webgpu","t":"ForceField (Vue, WebGPU)","d":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it cros","s":"canvas-ui","c":"inputs/form-field","fw":"Vue","hc":1},{"id":"canvas-ui:force-field-svelte-webgpu","t":"ForceField (Svelte, WebGPU)","d":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it cros","s":"canvas-ui","c":"inputs/form-field","fw":"Svelte","hc":1},{"id":"canvas-ui:force-field-solid-webgpu","t":"ForceField (Solid, WebGPU)","d":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it cros","s":"canvas-ui","c":"inputs/form-field","fw":"Solid","hc":1},{"id":"canvas-ui:force-field-preact-webgpu","t":"ForceField (Preact, WebGPU)","d":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it cros","s":"canvas-ui","c":"inputs/form-field","hc":1},{"id":"canvas-ui:force-field-vanilla-webgpu","t":"ForceField (Vanilla, WebGPU)","d":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it cros","s":"canvas-ui","c":"inputs/form-field","hc":1},{"id":"canvas-ui:particle-object-react","t":"ParticleObject (React)","d":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes,","k":"motion","s":"canvas-ui","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"canvas-ui:particle-object-vue","t":"ParticleObject (Vue)","d":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes,","k":"motion","s":"canvas-ui","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","fw":"Vue","sy":["webgl"],"hc":1},{"id":"canvas-ui:particle-object-svelte","t":"ParticleObject (Svelte)","d":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes,","k":"motion","s":"canvas-ui","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","fw":"Svelte","sy":["webgl"],"hc":1},{"id":"canvas-ui:particle-object-solid","t":"ParticleObject (Solid)","d":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes,","k":"motion","s":"canvas-ui","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","fw":"Solid","sy":["webgl"],"hc":1},{"id":"canvas-ui:particle-object-preact","t":"ParticleObject (Preact)","d":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes,","k":"motion","s":"canvas-ui","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"canvas-ui:particle-object-vanilla","t":"ParticleObject (Vanilla)","d":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes,","k":"motion","s":"canvas-ui","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"canvas-ui:particle-object-react-webgpu","t":"ParticleObject (React, WebGPU)","d":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes,","k":"motion","s":"canvas-ui","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"canvas-ui:particle-object-vue-webgpu","t":"ParticleObject (Vue, WebGPU)","d":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes,","k":"motion","s":"canvas-ui","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","fw":"Vue","sy":["webgl"],"hc":1},{"id":"canvas-ui:particle-object-svelte-webgpu","t":"ParticleObject (Svelte, WebGPU)","d":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes,","k":"motion","s":"canvas-ui","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","fw":"Svelte","sy":["webgl"],"hc":1},{"id":"canvas-ui:particle-object-solid-webgpu","t":"ParticleObject (Solid, WebGPU)","d":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes,","k":"motion","s":"canvas-ui","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","fw":"Solid","sy":["webgl"],"hc":1},{"id":"canvas-ui:particle-object-preact-webgpu","t":"ParticleObject (Preact, WebGPU)","d":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes,","k":"motion","s":"canvas-ui","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"canvas-ui:particle-object-vanilla-webgpu","t":"ParticleObject (Vanilla, WebGPU)","d":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes,","k":"motion","s":"canvas-ui","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"canvas-ui:particle-reveal-react","t":"ParticleReveal (React)","d":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor.","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"canvas-ui:particle-reveal-vue","t":"ParticleReveal (Vue)","d":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor.","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Particles and stars","fw":"Vue","hc":1},{"id":"canvas-ui:particle-reveal-svelte","t":"ParticleReveal (Svelte)","d":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor.","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Particles and stars","fw":"Svelte","hc":1},{"id":"canvas-ui:particle-reveal-solid","t":"ParticleReveal (Solid)","d":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor.","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Particles and stars","fw":"Solid","hc":1},{"id":"canvas-ui:particle-reveal-preact","t":"ParticleReveal (Preact)","d":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor.","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"canvas-ui:particle-reveal-vanilla","t":"ParticleReveal (Vanilla)","d":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor.","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"canvas-ui:particle-reveal-react-webgpu","t":"ParticleReveal (React, WebGPU)","d":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor.","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"canvas-ui:particle-reveal-vue-webgpu","t":"ParticleReveal (Vue, WebGPU)","d":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor.","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Particles and stars","fw":"Vue","hc":1},{"id":"canvas-ui:particle-reveal-svelte-webgpu","t":"ParticleReveal (Svelte, WebGPU)","d":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor.","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Particles and stars","fw":"Svelte","hc":1},{"id":"canvas-ui:particle-reveal-solid-webgpu","t":"ParticleReveal (Solid, WebGPU)","d":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor.","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Particles and stars","fw":"Solid","hc":1},{"id":"canvas-ui:particle-reveal-preact-webgpu","t":"ParticleReveal (Preact, WebGPU)","d":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor.","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"canvas-ui:particle-reveal-vanilla-webgpu","t":"ParticleReveal (Vanilla, WebGPU)","d":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor.","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"canvas-ui:particle-scroll-react","t":"ParticleScroll (React)","d":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll","k":"layout","s":"canvas-ui","c":"layout/scroll-area","hc":1},{"id":"canvas-ui:particle-scroll-vue","t":"ParticleScroll (Vue)","d":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll","k":"layout","s":"canvas-ui","c":"layout/scroll-area","fw":"Vue","hc":1},{"id":"canvas-ui:particle-scroll-svelte","t":"ParticleScroll (Svelte)","d":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll","k":"layout","s":"canvas-ui","c":"layout/scroll-area","fw":"Svelte","hc":1},{"id":"canvas-ui:particle-scroll-solid","t":"ParticleScroll (Solid)","d":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll","k":"layout","s":"canvas-ui","c":"layout/scroll-area","fw":"Solid","hc":1},{"id":"canvas-ui:particle-scroll-preact","t":"ParticleScroll (Preact)","d":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll","k":"layout","s":"canvas-ui","c":"layout/scroll-area","hc":1},{"id":"canvas-ui:particle-scroll-vanilla","t":"ParticleScroll (Vanilla)","d":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll","k":"layout","s":"canvas-ui","c":"layout/scroll-area","hc":1},{"id":"canvas-ui:particle-scroll-react-webgpu","t":"ParticleScroll (React, WebGPU)","d":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll","k":"layout","s":"canvas-ui","c":"layout/scroll-area","hc":1},{"id":"canvas-ui:particle-scroll-vue-webgpu","t":"ParticleScroll (Vue, WebGPU)","d":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll","k":"layout","s":"canvas-ui","c":"layout/scroll-area","fw":"Vue","hc":1},{"id":"canvas-ui:particle-scroll-svelte-webgpu","t":"ParticleScroll (Svelte, WebGPU)","d":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll","k":"layout","s":"canvas-ui","c":"layout/scroll-area","fw":"Svelte","hc":1},{"id":"canvas-ui:particle-scroll-solid-webgpu","t":"ParticleScroll (Solid, WebGPU)","d":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll","k":"layout","s":"canvas-ui","c":"layout/scroll-area","fw":"Solid","hc":1},{"id":"canvas-ui:particle-scroll-preact-webgpu","t":"ParticleScroll (Preact, WebGPU)","d":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll","k":"layout","s":"canvas-ui","c":"layout/scroll-area","hc":1},{"id":"canvas-ui:particle-scroll-vanilla-webgpu","t":"ParticleScroll (Vanilla, WebGPU)","d":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll","k":"layout","s":"canvas-ui","c":"layout/scroll-area","hc":1},{"id":"canvas-ui:peel-react","t":"Peel (React)","d":"Peels your page back from a chosen edge as the cursor approaches, revealing a second layer","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:peel-vue","t":"Peel (Vue)","d":"Peels your page back from a chosen edge as the cursor approaches, revealing a second layer","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Vue","hc":1},{"id":"canvas-ui:peel-svelte","t":"Peel (Svelte)","d":"Peels your page back from a chosen edge as the cursor approaches, revealing a second layer","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Svelte","hc":1},{"id":"canvas-ui:peel-solid","t":"Peel (Solid)","d":"Peels your page back from a chosen edge as the cursor approaches, revealing a second layer","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Solid","hc":1},{"id":"canvas-ui:peel-preact","t":"Peel (Preact)","d":"Peels your page back from a chosen edge as the cursor approaches, revealing a second layer","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:peel-vanilla","t":"Peel (Vanilla)","d":"Peels your page back from a chosen edge as the cursor approaches, revealing a second layer","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:peel-react-webgpu","t":"Peel (React, WebGPU)","d":"Peels your page back from a chosen edge as the cursor approaches, revealing a second layer","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:peel-vue-webgpu","t":"Peel (Vue, WebGPU)","d":"Peels your page back from a chosen edge as the cursor approaches, revealing a second layer","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Vue","hc":1},{"id":"canvas-ui:peel-svelte-webgpu","t":"Peel (Svelte, WebGPU)","d":"Peels your page back from a chosen edge as the cursor approaches, revealing a second layer","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Svelte","hc":1},{"id":"canvas-ui:peel-solid-webgpu","t":"Peel (Solid, WebGPU)","d":"Peels your page back from a chosen edge as the cursor approaches, revealing a second layer","k":"motion","s":"canvas-ui","c":"motion/cursor","fw":"Solid","hc":1},{"id":"canvas-ui:peel-preact-webgpu","t":"Peel (Preact, WebGPU)","d":"Peels your page back from a chosen edge as the cursor approaches, revealing a second layer","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:peel-vanilla-webgpu","t":"Peel (Vanilla, WebGPU)","d":"Peels your page back from a chosen edge as the cursor approaches, revealing a second layer","k":"motion","s":"canvas-ui","c":"motion/cursor","hc":1},{"id":"canvas-ui:glitch-react","t":"Glitch (React)","d":"Broadcast glitch bursts that tear the page into shifted slices with RGB splits, corrupted ","k":"motion","s":"canvas-ui","c":"motion/background","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"canvas-ui:glitch-vue","t":"Glitch (Vue)","d":"Broadcast glitch bursts that tear the page into shifted slices with RGB splits, corrupted ","k":"motion","s":"canvas-ui","c":"motion/background","tg":["minimal"],"fw":"Vue","sy":["minimal"],"hc":1},{"id":"canvas-ui:glitch-svelte","t":"Glitch (Svelte)","d":"Broadcast glitch bursts that tear the page into shifted slices with RGB splits, corrupted ","k":"motion","s":"canvas-ui","c":"motion/background","tg":["minimal"],"fw":"Svelte","sy":["minimal"],"hc":1},{"id":"canvas-ui:glitch-solid","t":"Glitch (Solid)","d":"Broadcast glitch bursts that tear the page into shifted slices with RGB splits, corrupted ","k":"motion","s":"canvas-ui","c":"motion/background","tg":["minimal"],"fw":"Solid","sy":["minimal"],"hc":1},{"id":"canvas-ui:glitch-preact","t":"Glitch (Preact)","d":"Broadcast glitch bursts that tear the page into shifted slices with RGB splits, corrupted ","k":"motion","s":"canvas-ui","c":"motion/background","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"canvas-ui:glitch-vanilla","t":"Glitch (Vanilla)","d":"Broadcast glitch bursts that tear the page into shifted slices with RGB splits, corrupted ","k":"motion","s":"canvas-ui","c":"motion/background","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"canvas-ui:glitch-react-webgpu","t":"Glitch (React, WebGPU)","d":"Broadcast glitch bursts that tear the page into shifted slices with RGB splits, corrupted ","k":"motion","s":"canvas-ui","c":"motion/background","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"canvas-ui:glitch-vue-webgpu","t":"Glitch (Vue, WebGPU)","d":"Broadcast glitch bursts that tear the page into shifted slices with RGB splits, corrupted ","k":"motion","s":"canvas-ui","c":"motion/background","tg":["minimal"],"fw":"Vue","sy":["minimal"],"hc":1},{"id":"canvas-ui:glitch-svelte-webgpu","t":"Glitch (Svelte, WebGPU)","d":"Broadcast glitch bursts that tear the page into shifted slices with RGB splits, corrupted ","k":"motion","s":"canvas-ui","c":"motion/background","tg":["minimal"],"fw":"Svelte","sy":["minimal"],"hc":1},{"id":"canvas-ui:glitch-solid-webgpu","t":"Glitch (Solid, WebGPU)","d":"Broadcast glitch bursts that tear the page into shifted slices with RGB splits, corrupted ","k":"motion","s":"canvas-ui","c":"motion/background","tg":["minimal"],"fw":"Solid","sy":["minimal"],"hc":1},{"id":"canvas-ui:glitch-preact-webgpu","t":"Glitch (Preact, WebGPU)","d":"Broadcast glitch bursts that tear the page into shifted slices with RGB splits, corrupted ","k":"motion","s":"canvas-ui","c":"motion/background","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"canvas-ui:glitch-vanilla-webgpu","t":"Glitch (Vanilla, WebGPU)","d":"Broadcast glitch bursts that tear the page into shifted slices with RGB splits, corrupted ","k":"motion","s":"canvas-ui","c":"motion/background","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"canvas-ui:glyph-rain-react","t":"GlyphRain (React)","d":"Rains glowing glyph streams over your live HTML while every drop head casts a real pool of","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sy":["neon"],"hc":1},{"id":"canvas-ui:glyph-rain-vue","t":"GlyphRain (Vue)","d":"Rains glowing glyph streams over your live HTML while every drop head casts a real pool of","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"fw":"Vue","sy":["neon"],"hc":1},{"id":"canvas-ui:glyph-rain-svelte","t":"GlyphRain (Svelte)","d":"Rains glowing glyph streams over your live HTML while every drop head casts a real pool of","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"fw":"Svelte","sy":["neon"],"hc":1},{"id":"canvas-ui:glyph-rain-solid","t":"GlyphRain (Solid)","d":"Rains glowing glyph streams over your live HTML while every drop head casts a real pool of","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"fw":"Solid","sy":["neon"],"hc":1},{"id":"canvas-ui:glyph-rain-preact","t":"GlyphRain (Preact)","d":"Rains glowing glyph streams over your live HTML while every drop head casts a real pool of","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sy":["neon"],"hc":1},{"id":"canvas-ui:glyph-rain-vanilla","t":"GlyphRain (Vanilla)","d":"Rains glowing glyph streams over your live HTML while every drop head casts a real pool of","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sy":["neon"],"hc":1},{"id":"canvas-ui:glyph-rain-react-webgpu","t":"GlyphRain (React, WebGPU)","d":"Rains glowing glyph streams over your live HTML while every drop head casts a real pool of","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sy":["neon"],"hc":1},{"id":"canvas-ui:glyph-rain-vue-webgpu","t":"GlyphRain (Vue, WebGPU)","d":"Rains glowing glyph streams over your live HTML while every drop head casts a real pool of","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"fw":"Vue","sy":["neon"],"hc":1},{"id":"canvas-ui:glyph-rain-svelte-webgpu","t":"GlyphRain (Svelte, WebGPU)","d":"Rains glowing glyph streams over your live HTML while every drop head casts a real pool of","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"fw":"Svelte","sy":["neon"],"hc":1},{"id":"canvas-ui:glyph-rain-solid-webgpu","t":"GlyphRain (Solid, WebGPU)","d":"Rains glowing glyph streams over your live HTML while every drop head casts a real pool of","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"fw":"Solid","sy":["neon"],"hc":1},{"id":"canvas-ui:glyph-rain-preact-webgpu","t":"GlyphRain (Preact, WebGPU)","d":"Rains glowing glyph streams over your live HTML while every drop head casts a real pool of","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sy":["neon"],"hc":1},{"id":"canvas-ui:glyph-rain-vanilla-webgpu","t":"GlyphRain (Vanilla, WebGPU)","d":"Rains glowing glyph streams over your live HTML while every drop head casts a real pool of","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sy":["neon"],"hc":1},{"id":"canvas-ui:frost-react","t":"Frost (React)","d":"Covers your page in a frozen pane of ice with refraction and frost grain. Hovering melts a","k":"motion","s":"canvas-ui","c":"motion/background","tg":["glass"],"sy":["glass"],"hc":1},{"id":"canvas-ui:frost-vue","t":"Frost (Vue)","d":"Covers your page in a frozen pane of ice with refraction and frost grain. Hovering melts a","k":"motion","s":"canvas-ui","c":"motion/background","tg":["glass"],"fw":"Vue","sy":["glass"],"hc":1},{"id":"canvas-ui:frost-svelte","t":"Frost (Svelte)","d":"Covers your page in a frozen pane of ice with refraction and frost grain. Hovering melts a","k":"motion","s":"canvas-ui","c":"motion/background","tg":["glass"],"fw":"Svelte","sy":["glass"],"hc":1},{"id":"canvas-ui:frost-solid","t":"Frost (Solid)","d":"Covers your page in a frozen pane of ice with refraction and frost grain. Hovering melts a","k":"motion","s":"canvas-ui","c":"motion/background","tg":["glass"],"fw":"Solid","sy":["glass"],"hc":1},{"id":"canvas-ui:frost-preact","t":"Frost (Preact)","d":"Covers your page in a frozen pane of ice with refraction and frost grain. Hovering melts a","k":"motion","s":"canvas-ui","c":"motion/background","tg":["glass"],"sy":["glass"],"hc":1},{"id":"canvas-ui:frost-vanilla","t":"Frost (Vanilla)","d":"Covers your page in a frozen pane of ice with refraction and frost grain. Hovering melts a","k":"motion","s":"canvas-ui","c":"motion/background","tg":["glass"],"sy":["glass"],"hc":1},{"id":"canvas-ui:frost-react-webgpu","t":"Frost (React, WebGPU)","d":"Covers your page in a frozen pane of ice with refraction and frost grain. Hovering melts a","k":"motion","s":"canvas-ui","c":"motion/background","tg":["glass"],"sy":["glass"],"hc":1},{"id":"canvas-ui:frost-vue-webgpu","t":"Frost (Vue, WebGPU)","d":"Covers your page in a frozen pane of ice with refraction and frost grain. Hovering melts a","k":"motion","s":"canvas-ui","c":"motion/background","tg":["glass"],"fw":"Vue","sy":["glass"],"hc":1},{"id":"canvas-ui:frost-svelte-webgpu","t":"Frost (Svelte, WebGPU)","d":"Covers your page in a frozen pane of ice with refraction and frost grain. Hovering melts a","k":"motion","s":"canvas-ui","c":"motion/background","tg":["glass"],"fw":"Svelte","sy":["glass"],"hc":1},{"id":"canvas-ui:frost-solid-webgpu","t":"Frost (Solid, WebGPU)","d":"Covers your page in a frozen pane of ice with refraction and frost grain. Hovering melts a","k":"motion","s":"canvas-ui","c":"motion/background","tg":["glass"],"fw":"Solid","sy":["glass"],"hc":1},{"id":"canvas-ui:frost-preact-webgpu","t":"Frost (Preact, WebGPU)","d":"Covers your page in a frozen pane of ice with refraction and frost grain. Hovering melts a","k":"motion","s":"canvas-ui","c":"motion/background","tg":["glass"],"sy":["glass"],"hc":1},{"id":"canvas-ui:frost-vanilla-webgpu","t":"Frost (Vanilla, WebGPU)","d":"Covers your page in a frozen pane of ice with refraction and frost grain. Hovering melts a","k":"motion","s":"canvas-ui","c":"motion/background","tg":["glass"],"sy":["glass"],"hc":1},{"id":"canvas-ui:hex-float-react","t":"HexFloat (React)","d":"Renders the live page onto a floor of shiny beveled hex tiles that lean back in perspectiv","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"sy":["3d"],"hc":1},{"id":"canvas-ui:hex-float-vue","t":"HexFloat (Vue)","d":"Renders the live page onto a floor of shiny beveled hex tiles that lean back in perspectiv","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"fw":"Vue","sy":["3d"],"hc":1},{"id":"canvas-ui:hex-float-svelte","t":"HexFloat (Svelte)","d":"Renders the live page onto a floor of shiny beveled hex tiles that lean back in perspectiv","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"fw":"Svelte","sy":["3d"],"hc":1},{"id":"canvas-ui:hex-float-solid","t":"HexFloat (Solid)","d":"Renders the live page onto a floor of shiny beveled hex tiles that lean back in perspectiv","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"fw":"Solid","sy":["3d"],"hc":1},{"id":"canvas-ui:hex-float-preact","t":"HexFloat (Preact)","d":"Renders the live page onto a floor of shiny beveled hex tiles that lean back in perspectiv","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"sy":["3d"],"hc":1},{"id":"canvas-ui:hex-float-vanilla","t":"HexFloat (Vanilla)","d":"Renders the live page onto a floor of shiny beveled hex tiles that lean back in perspectiv","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"sy":["3d"],"hc":1},{"id":"canvas-ui:hex-float-react-webgpu","t":"HexFloat (React, WebGPU)","d":"Renders the live page onto a floor of shiny beveled hex tiles that lean back in perspectiv","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"sy":["3d"],"hc":1},{"id":"canvas-ui:hex-float-vue-webgpu","t":"HexFloat (Vue, WebGPU)","d":"Renders the live page onto a floor of shiny beveled hex tiles that lean back in perspectiv","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"fw":"Vue","sy":["3d"],"hc":1},{"id":"canvas-ui:hex-float-svelte-webgpu","t":"HexFloat (Svelte, WebGPU)","d":"Renders the live page onto a floor of shiny beveled hex tiles that lean back in perspectiv","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"fw":"Svelte","sy":["3d"],"hc":1},{"id":"canvas-ui:hex-float-solid-webgpu","t":"HexFloat (Solid, WebGPU)","d":"Renders the live page onto a floor of shiny beveled hex tiles that lean back in perspectiv","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"fw":"Solid","sy":["3d"],"hc":1},{"id":"canvas-ui:hex-float-preact-webgpu","t":"HexFloat (Preact, WebGPU)","d":"Renders the live page onto a floor of shiny beveled hex tiles that lean back in perspectiv","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"sy":["3d"],"hc":1},{"id":"canvas-ui:hex-float-vanilla-webgpu","t":"HexFloat (Vanilla, WebGPU)","d":"Renders the live page onto a floor of shiny beveled hex tiles that lean back in perspectiv","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d"],"sy":["3d"],"hc":1},{"id":"canvas-ui:ink-object-react","t":"InkObject (React)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as hand-pressed ink s","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"canvas-ui:ink-object-vue","t":"InkObject (Vue)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as hand-pressed ink s","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"canvas-ui:ink-object-svelte","t":"InkObject (Svelte)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as hand-pressed ink s","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"canvas-ui:ink-object-solid","t":"InkObject (Solid)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as hand-pressed ink s","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"fw":"Solid","sy":["webgl"],"hc":1},{"id":"canvas-ui:ink-object-preact","t":"InkObject (Preact)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as hand-pressed ink s","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"canvas-ui:ink-object-vanilla","t":"InkObject (Vanilla)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as hand-pressed ink s","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"canvas-ui:ink-object-react-webgpu","t":"InkObject (React, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as hand-pressed ink s","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"canvas-ui:ink-object-vue-webgpu","t":"InkObject (Vue, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as hand-pressed ink s","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"canvas-ui:ink-object-svelte-webgpu","t":"InkObject (Svelte, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as hand-pressed ink s","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"canvas-ui:ink-object-solid-webgpu","t":"InkObject (Solid, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as hand-pressed ink s","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"fw":"Solid","sy":["webgl"],"hc":1},{"id":"canvas-ui:ink-object-preact-webgpu","t":"InkObject (Preact, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as hand-pressed ink s","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"canvas-ui:ink-object-vanilla-webgpu","t":"InkObject (Vanilla, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as hand-pressed ink s","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"canvas-ui:retro-dither-react","t":"RetroDither (React)","d":"A retro dither lens that pixelates and quantizes your page around the cursor. The HTML sta","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:retro-dither-vue","t":"RetroDither (Vue)","d":"A retro dither lens that pixelates and quantizes your page around the cursor. The HTML sta","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"fw":"Vue","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:retro-dither-svelte","t":"RetroDither (Svelte)","d":"A retro dither lens that pixelates and quantizes your page around the cursor. The HTML sta","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"fw":"Svelte","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:retro-dither-solid","t":"RetroDither (Solid)","d":"A retro dither lens that pixelates and quantizes your page around the cursor. The HTML sta","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"fw":"Solid","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:retro-dither-preact","t":"RetroDither (Preact)","d":"A retro dither lens that pixelates and quantizes your page around the cursor. The HTML sta","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:retro-dither-vanilla","t":"RetroDither (Vanilla)","d":"A retro dither lens that pixelates and quantizes your page around the cursor. The HTML sta","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:retro-dither-react-webgpu","t":"RetroDither (React, WebGPU)","d":"A retro dither lens that pixelates and quantizes your page around the cursor. The HTML sta","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:retro-dither-vue-webgpu","t":"RetroDither (Vue, WebGPU)","d":"A retro dither lens that pixelates and quantizes your page around the cursor. The HTML sta","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"fw":"Vue","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:retro-dither-svelte-webgpu","t":"RetroDither (Svelte, WebGPU)","d":"A retro dither lens that pixelates and quantizes your page around the cursor. The HTML sta","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"fw":"Svelte","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:retro-dither-solid-webgpu","t":"RetroDither (Solid, WebGPU)","d":"A retro dither lens that pixelates and quantizes your page around the cursor. The HTML sta","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"fw":"Solid","sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:retro-dither-preact-webgpu","t":"RetroDither (Preact, WebGPU)","d":"A retro dither lens that pixelates and quantizes your page around the cursor. The HTML sta","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:retro-dither-vanilla-webgpu","t":"RetroDither (Vanilla, WebGPU)","d":"A retro dither lens that pixelates and quantizes your page around the cursor. The HTML sta","s":"canvas-ui","c":"media/gallery","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"canvas-ui:ripple-react","t":"Ripple (React)","d":"Water ripples that spread from every click and refract the live page like a pond surface, ","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"canvas-ui:ripple-vue","t":"Ripple (Vue)","d":"Water ripples that spread from every click and refract the live page like a pond surface, ","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Waves and warps","fw":"Vue","hc":1},{"id":"canvas-ui:ripple-svelte","t":"Ripple (Svelte)","d":"Water ripples that spread from every click and refract the live page like a pond surface, ","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Waves and warps","fw":"Svelte","hc":1},{"id":"canvas-ui:ripple-solid","t":"Ripple (Solid)","d":"Water ripples that spread from every click and refract the live page like a pond surface, ","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Waves and warps","fw":"Solid","hc":1},{"id":"canvas-ui:ripple-preact","t":"Ripple (Preact)","d":"Water ripples that spread from every click and refract the live page like a pond surface, ","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"canvas-ui:ripple-vanilla","t":"Ripple (Vanilla)","d":"Water ripples that spread from every click and refract the live page like a pond surface, ","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"canvas-ui:ripple-react-webgpu","t":"Ripple (React, WebGPU)","d":"Water ripples that spread from every click and refract the live page like a pond surface, ","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"canvas-ui:ripple-vue-webgpu","t":"Ripple (Vue, WebGPU)","d":"Water ripples that spread from every click and refract the live page like a pond surface, ","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Waves and warps","fw":"Vue","hc":1},{"id":"canvas-ui:ripple-svelte-webgpu","t":"Ripple (Svelte, WebGPU)","d":"Water ripples that spread from every click and refract the live page like a pond surface, ","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Waves and warps","fw":"Svelte","hc":1},{"id":"canvas-ui:ripple-solid-webgpu","t":"Ripple (Solid, WebGPU)","d":"Water ripples that spread from every click and refract the live page like a pond surface, ","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Waves and warps","fw":"Solid","hc":1},{"id":"canvas-ui:ripple-preact-webgpu","t":"Ripple (Preact, WebGPU)","d":"Water ripples that spread from every click and refract the live page like a pond surface, ","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"canvas-ui:ripple-vanilla-webgpu","t":"Ripple (Vanilla, WebGPU)","d":"Water ripples that spread from every click and refract the live page like a pond surface, ","k":"motion","s":"canvas-ui","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"canvas-ui:shatter-react","t":"Shatter (React)","d":"Shatters your page into 3D glass shards that lift, tilt, and float around the cursor, refr","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d","glass"],"sy":["3d","glass"],"hc":1},{"id":"canvas-ui:shatter-vue","t":"Shatter (Vue)","d":"Shatters your page into 3D glass shards that lift, tilt, and float around the cursor, refr","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d","glass"],"fw":"Vue","sy":["3d","glass"],"hc":1},{"id":"canvas-ui:shatter-svelte","t":"Shatter (Svelte)","d":"Shatters your page into 3D glass shards that lift, tilt, and float around the cursor, refr","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d","glass"],"fw":"Svelte","sy":["3d","glass"],"hc":1},{"id":"canvas-ui:shatter-solid","t":"Shatter (Solid)","d":"Shatters your page into 3D glass shards that lift, tilt, and float around the cursor, refr","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d","glass"],"fw":"Solid","sy":["3d","glass"],"hc":1},{"id":"canvas-ui:shatter-preact","t":"Shatter (Preact)","d":"Shatters your page into 3D glass shards that lift, tilt, and float around the cursor, refr","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d","glass"],"sy":["3d","glass"],"hc":1},{"id":"canvas-ui:shatter-vanilla","t":"Shatter (Vanilla)","d":"Shatters your page into 3D glass shards that lift, tilt, and float around the cursor, refr","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d","glass"],"sy":["3d","glass"],"hc":1},{"id":"canvas-ui:shatter-react-webgpu","t":"Shatter (React, WebGPU)","d":"Shatters your page into 3D glass shards that lift, tilt, and float around the cursor, refr","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d","glass"],"sy":["3d","glass"],"hc":1},{"id":"canvas-ui:shatter-vue-webgpu","t":"Shatter (Vue, WebGPU)","d":"Shatters your page into 3D glass shards that lift, tilt, and float around the cursor, refr","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d","glass"],"fw":"Vue","sy":["3d","glass"],"hc":1},{"id":"canvas-ui:shatter-svelte-webgpu","t":"Shatter (Svelte, WebGPU)","d":"Shatters your page into 3D glass shards that lift, tilt, and float around the cursor, refr","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d","glass"],"fw":"Svelte","sy":["3d","glass"],"hc":1},{"id":"canvas-ui:shatter-solid-webgpu","t":"Shatter (Solid, WebGPU)","d":"Shatters your page into 3D glass shards that lift, tilt, and float around the cursor, refr","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d","glass"],"fw":"Solid","sy":["3d","glass"],"hc":1},{"id":"canvas-ui:shatter-preact-webgpu","t":"Shatter (Preact, WebGPU)","d":"Shatters your page into 3D glass shards that lift, tilt, and float around the cursor, refr","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d","glass"],"sy":["3d","glass"],"hc":1},{"id":"canvas-ui:shatter-vanilla-webgpu","t":"Shatter (Vanilla, WebGPU)","d":"Shatters your page into 3D glass shards that lift, tilt, and float around the cursor, refr","k":"motion","s":"canvas-ui","c":"motion/cursor","tg":["3d","glass"],"sy":["3d","glass"],"hc":1},{"id":"canvas-ui:vhs-react","t":"VHS (React)","d":"Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed","s":"canvas-ui","c":"actions/switch","hc":1},{"id":"canvas-ui:vhs-vue","t":"VHS (Vue)","d":"Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed","s":"canvas-ui","c":"actions/switch","fw":"Vue","hc":1},{"id":"canvas-ui:vhs-svelte","t":"VHS (Svelte)","d":"Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed","s":"canvas-ui","c":"actions/switch","fw":"Svelte","hc":1},{"id":"canvas-ui:vhs-solid","t":"VHS (Solid)","d":"Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed","s":"canvas-ui","c":"actions/switch","fw":"Solid","hc":1},{"id":"canvas-ui:vhs-preact","t":"VHS (Preact)","d":"Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed","s":"canvas-ui","c":"actions/switch","hc":1},{"id":"canvas-ui:vhs-vanilla","t":"VHS (Vanilla)","d":"Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed","s":"canvas-ui","c":"actions/switch","hc":1},{"id":"canvas-ui:vhs-react-webgpu","t":"VHS (React, WebGPU)","d":"Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed","s":"canvas-ui","c":"actions/switch","hc":1},{"id":"canvas-ui:vhs-vue-webgpu","t":"VHS (Vue, WebGPU)","d":"Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed","s":"canvas-ui","c":"actions/switch","fw":"Vue","hc":1},{"id":"canvas-ui:vhs-svelte-webgpu","t":"VHS (Svelte, WebGPU)","d":"Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed","s":"canvas-ui","c":"actions/switch","fw":"Svelte","hc":1},{"id":"canvas-ui:vhs-solid-webgpu","t":"VHS (Solid, WebGPU)","d":"Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed","s":"canvas-ui","c":"actions/switch","fw":"Solid","hc":1},{"id":"canvas-ui:vhs-preact-webgpu","t":"VHS (Preact, WebGPU)","d":"Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed","s":"canvas-ui","c":"actions/switch","hc":1},{"id":"canvas-ui:vhs-vanilla-webgpu","t":"VHS (Vanilla, WebGPU)","d":"Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed","s":"canvas-ui","c":"actions/switch","hc":1},{"id":"canvas-ui:laser-react","t":"Laser (React)","d":"Hides everything below a glowing laser beam near the bottom of the viewport. Scrolling pri","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sb":"Beams and light","sy":["neon"],"hc":1},{"id":"canvas-ui:laser-vue","t":"Laser (Vue)","d":"Hides everything below a glowing laser beam near the bottom of the viewport. Scrolling pri","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sb":"Beams and light","fw":"Vue","sy":["neon"],"hc":1},{"id":"canvas-ui:laser-svelte","t":"Laser (Svelte)","d":"Hides everything below a glowing laser beam near the bottom of the viewport. Scrolling pri","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sb":"Beams and light","fw":"Svelte","sy":["neon"],"hc":1},{"id":"canvas-ui:laser-solid","t":"Laser (Solid)","d":"Hides everything below a glowing laser beam near the bottom of the viewport. Scrolling pri","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sb":"Beams and light","fw":"Solid","sy":["neon"],"hc":1},{"id":"canvas-ui:laser-preact","t":"Laser (Preact)","d":"Hides everything below a glowing laser beam near the bottom of the viewport. Scrolling pri","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sb":"Beams and light","sy":["neon"],"hc":1},{"id":"canvas-ui:laser-vanilla","t":"Laser (Vanilla)","d":"Hides everything below a glowing laser beam near the bottom of the viewport. Scrolling pri","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sb":"Beams and light","sy":["neon"],"hc":1},{"id":"canvas-ui:laser-react-webgpu","t":"Laser (React, WebGPU)","d":"Hides everything below a glowing laser beam near the bottom of the viewport. Scrolling pri","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sb":"Beams and light","sy":["neon"],"hc":1},{"id":"canvas-ui:laser-vue-webgpu","t":"Laser (Vue, WebGPU)","d":"Hides everything below a glowing laser beam near the bottom of the viewport. Scrolling pri","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sb":"Beams and light","fw":"Vue","sy":["neon"],"hc":1},{"id":"canvas-ui:laser-svelte-webgpu","t":"Laser (Svelte, WebGPU)","d":"Hides everything below a glowing laser beam near the bottom of the viewport. Scrolling pri","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sb":"Beams and light","fw":"Svelte","sy":["neon"],"hc":1},{"id":"canvas-ui:laser-solid-webgpu","t":"Laser (Solid, WebGPU)","d":"Hides everything below a glowing laser beam near the bottom of the viewport. Scrolling pri","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sb":"Beams and light","fw":"Solid","sy":["neon"],"hc":1},{"id":"canvas-ui:laser-preact-webgpu","t":"Laser (Preact, WebGPU)","d":"Hides everything below a glowing laser beam near the bottom of the viewport. Scrolling pri","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sb":"Beams and light","sy":["neon"],"hc":1},{"id":"canvas-ui:laser-vanilla-webgpu","t":"Laser (Vanilla, WebGPU)","d":"Hides everything below a glowing laser beam near the bottom of the viewport. Scrolling pri","k":"motion","s":"canvas-ui","c":"motion/background","tg":["neon"],"sb":"Beams and light","sy":["neon"],"hc":1},{"id":"canvas-ui:glass-react","t":"Glass (React)","d":"A cursor-following glass lens that refracts your page like real glass, with a crystal ball","s":"canvas-ui","c":"media/gallery","tg":["glass"],"sy":["glass"],"hc":1},{"id":"canvas-ui:glass-vue","t":"Glass (Vue)","d":"A cursor-following glass lens that refracts your page like real glass, with a crystal ball","s":"canvas-ui","c":"media/gallery","tg":["glass"],"fw":"Vue","sy":["glass"],"hc":1},{"id":"canvas-ui:glass-svelte","t":"Glass (Svelte)","d":"A cursor-following glass lens that refracts your page like real glass, with a crystal ball","s":"canvas-ui","c":"media/gallery","tg":["glass"],"fw":"Svelte","sy":["glass"],"hc":1},{"id":"canvas-ui:glass-solid","t":"Glass (Solid)","d":"A cursor-following glass lens that refracts your page like real glass, with a crystal ball","s":"canvas-ui","c":"media/gallery","tg":["glass"],"fw":"Solid","sy":["glass"],"hc":1},{"id":"canvas-ui:glass-preact","t":"Glass (Preact)","d":"A cursor-following glass lens that refracts your page like real glass, with a crystal ball","s":"canvas-ui","c":"media/gallery","tg":["glass"],"sy":["glass"],"hc":1},{"id":"canvas-ui:glass-vanilla","t":"Glass (Vanilla)","d":"A cursor-following glass lens that refracts your page like real glass, with a crystal ball","s":"canvas-ui","c":"media/gallery","tg":["glass"],"sy":["glass"],"hc":1},{"id":"canvas-ui:glass-react-webgpu","t":"Glass (React, WebGPU)","d":"A cursor-following glass lens that refracts your page like real glass, with a crystal ball","s":"canvas-ui","c":"media/gallery","tg":["glass"],"sy":["glass"],"hc":1},{"id":"canvas-ui:glass-vue-webgpu","t":"Glass (Vue, WebGPU)","d":"A cursor-following glass lens that refracts your page like real glass, with a crystal ball","s":"canvas-ui","c":"media/gallery","tg":["glass"],"fw":"Vue","sy":["glass"],"hc":1},{"id":"canvas-ui:glass-svelte-webgpu","t":"Glass (Svelte, WebGPU)","d":"A cursor-following glass lens that refracts your page like real glass, with a crystal ball","s":"canvas-ui","c":"media/gallery","tg":["glass"],"fw":"Svelte","sy":["glass"],"hc":1},{"id":"canvas-ui:glass-solid-webgpu","t":"Glass (Solid, WebGPU)","d":"A cursor-following glass lens that refracts your page like real glass, with a crystal ball","s":"canvas-ui","c":"media/gallery","tg":["glass"],"fw":"Solid","sy":["glass"],"hc":1},{"id":"canvas-ui:glass-preact-webgpu","t":"Glass (Preact, WebGPU)","d":"A cursor-following glass lens that refracts your page like real glass, with a crystal ball","s":"canvas-ui","c":"media/gallery","tg":["glass"],"sy":["glass"],"hc":1},{"id":"canvas-ui:glass-vanilla-webgpu","t":"Glass (Vanilla, WebGPU)","d":"A cursor-following glass lens that refracts your page like real glass, with a crystal ball","s":"canvas-ui","c":"media/gallery","tg":["glass"],"sy":["glass"],"hc":1},{"id":"canvas-ui:glass-object-react","t":"GlassObject (React)","d":"Turns any GLB/glTF model, SVG, or image into a floating liquid-glass object with real refr","s":"canvas-ui","c":"media/gallery","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"canvas-ui:glass-object-vue","t":"GlassObject (Vue)","d":"Turns any GLB/glTF model, SVG, or image into a floating liquid-glass object with real refr","s":"canvas-ui","c":"media/gallery","tg":["glass","webgl"],"fw":"Vue","sy":["glass","webgl"],"hc":1},{"id":"canvas-ui:glass-object-svelte","t":"GlassObject (Svelte)","d":"Turns any GLB/glTF model, SVG, or image into a floating liquid-glass object with real refr","s":"canvas-ui","c":"media/gallery","tg":["glass","webgl"],"fw":"Svelte","sy":["glass","webgl"],"hc":1},{"id":"canvas-ui:glass-object-solid","t":"GlassObject (Solid)","d":"Turns any GLB/glTF model, SVG, or image into a floating liquid-glass object with real refr","s":"canvas-ui","c":"media/gallery","tg":["glass","webgl"],"fw":"Solid","sy":["glass","webgl"],"hc":1},{"id":"canvas-ui:glass-object-preact","t":"GlassObject (Preact)","d":"Turns any GLB/glTF model, SVG, or image into a floating liquid-glass object with real refr","s":"canvas-ui","c":"media/gallery","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"canvas-ui:glass-object-vanilla","t":"GlassObject (Vanilla)","d":"Turns any GLB/glTF model, SVG, or image into a floating liquid-glass object with real refr","s":"canvas-ui","c":"media/gallery","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"canvas-ui:glass-object-react-webgpu","t":"GlassObject (React, WebGPU)","d":"Turns any GLB/glTF model, SVG, or image into a floating liquid-glass object with real refr","s":"canvas-ui","c":"media/gallery","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"canvas-ui:glass-object-vue-webgpu","t":"GlassObject (Vue, WebGPU)","d":"Turns any GLB/glTF model, SVG, or image into a floating liquid-glass object with real refr","s":"canvas-ui","c":"media/gallery","tg":["glass","webgl"],"fw":"Vue","sy":["glass","webgl"],"hc":1},{"id":"canvas-ui:glass-object-svelte-webgpu","t":"GlassObject (Svelte, WebGPU)","d":"Turns any GLB/glTF model, SVG, or image into a floating liquid-glass object with real refr","s":"canvas-ui","c":"media/gallery","tg":["glass","webgl"],"fw":"Svelte","sy":["glass","webgl"],"hc":1},{"id":"canvas-ui:glass-object-solid-webgpu","t":"GlassObject (Solid, WebGPU)","d":"Turns any GLB/glTF model, SVG, or image into a floating liquid-glass object with real refr","s":"canvas-ui","c":"media/gallery","tg":["glass","webgl"],"fw":"Solid","sy":["glass","webgl"],"hc":1},{"id":"canvas-ui:glass-object-preact-webgpu","t":"GlassObject (Preact, WebGPU)","d":"Turns any GLB/glTF model, SVG, or image into a floating liquid-glass object with real refr","s":"canvas-ui","c":"media/gallery","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"canvas-ui:glass-object-vanilla-webgpu","t":"GlassObject (Vanilla, WebGPU)","d":"Turns any GLB/glTF model, SVG, or image into a floating liquid-glass object with real refr","s":"canvas-ui","c":"media/gallery","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"canvas-ui:liquid-object-react","t":"LiquidObject (React)","d":"Renders any GLB/glTF model, SVG, or image in a studio environment, then drags it through a","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"canvas-ui:liquid-object-vue","t":"LiquidObject (Vue)","d":"Renders any GLB/glTF model, SVG, or image in a studio environment, then drags it through a","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"canvas-ui:liquid-object-svelte","t":"LiquidObject (Svelte)","d":"Renders any GLB/glTF model, SVG, or image in a studio environment, then drags it through a","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"canvas-ui:liquid-object-solid","t":"LiquidObject (Solid)","d":"Renders any GLB/glTF model, SVG, or image in a studio environment, then drags it through a","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"fw":"Solid","sy":["webgl"],"hc":1},{"id":"canvas-ui:liquid-object-preact","t":"LiquidObject (Preact)","d":"Renders any GLB/glTF model, SVG, or image in a studio environment, then drags it through a","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"canvas-ui:liquid-object-vanilla","t":"LiquidObject (Vanilla)","d":"Renders any GLB/glTF model, SVG, or image in a studio environment, then drags it through a","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"canvas-ui:liquid-object-react-webgpu","t":"LiquidObject (React, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a studio environment, then drags it through a","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"canvas-ui:liquid-object-vue-webgpu","t":"LiquidObject (Vue, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a studio environment, then drags it through a","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"canvas-ui:liquid-object-svelte-webgpu","t":"LiquidObject (Svelte, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a studio environment, then drags it through a","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"canvas-ui:liquid-object-solid-webgpu","t":"LiquidObject (Solid, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a studio environment, then drags it through a","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"fw":"Solid","sy":["webgl"],"hc":1},{"id":"canvas-ui:liquid-object-preact-webgpu","t":"LiquidObject (Preact, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a studio environment, then drags it through a","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"canvas-ui:liquid-object-vanilla-webgpu","t":"LiquidObject (Vanilla, WebGPU)","d":"Renders any GLB/glTF model, SVG, or image in a studio environment, then drags it through a","s":"canvas-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"cardcn:card-1","t":"Card #1","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-2","t":"Card #2","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-3","t":"Card #3","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-4","t":"Card #4","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-5","t":"Card #5","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-6","t":"Card #6","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-7","t":"Card #7","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-8","t":"Card #8","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-9","t":"Card #9","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-10","t":"Card #10","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-11","t":"Card #11","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-12","t":"Card #12","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-13","t":"Card #13","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-14","t":"Card #14","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-15","t":"Card #15","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-16","t":"Card #16","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-17","t":"Card #17","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-18","t":"Card #18","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-19","t":"Card #19","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-20","t":"Card #20","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-21","t":"Card #21","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-22","t":"Card #22","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-23","t":"Card #23","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-24","t":"Card #24","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-25","t":"Card #25","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-26","t":"Card #26","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"cardcn:card-27","t":"Card #27","d":"Card component","s":"cardcn","c":"data-display/card","hc":1},{"id":"catalogs:alamenai/animated-circle","t":"Map Animated Circle","d":"Animated circle with drawing and fill effects.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/animated-footprint","t":"Map Animated Footprint","d":"Animated footprint steps that walk along a path on the map.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/animated-polygon","t":"Map Animated Polygon","d":"Animated polygon with draw, fill, and draw-then-fill effects.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/animated-pulse","t":"Map Animated Pulse","d":"Pulsing dot animation for map markers.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/arc-animated","t":"Map Arc Animated","d":"Animated curved arc between two points for flights, deliveries, and connections.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/blur-area","t":"Map Blur Area","d":"Blur sensitive areas on the map with customizable styling.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/camera-follow","t":"Map Camera Follow","d":"Animate camera along a path for immersive fly-through experiences.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/choropleth","t":"Map Choropleth","d":"Thematic choropleth map with color-coded regions based on data values.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/circle","t":"Map Circle","d":"Draggable geographic circle with customizable fill and stroke.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/circle-cluster","t":"Map Circle Cluster","d":"Marker clustering with circle visualization.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/compare","t":"Map Compare","d":"Side-by-side map comparison component.","k":"section","s":"catalogs","c":"marketing/comparison","hc":1,"cp":1},{"id":"catalogs:alamenai/compass","t":"Map Compass","d":"Interactive compass overlay with bearing display and click-to-reset.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/controls","t":"Map Controls","d":"Interactive map controls (zoom, fullscreen, etc).","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/cyclone","t":"Map Cyclone","d":"Animated cyclone funnel with swirling particles and debris.","s":"catalogs","c":"data-viz/map","tg":["playful"],"sy":["playful"],"hc":1,"cp":1},{"id":"catalogs:alamenai/explosion","t":"Map Explosion","d":"Animated explosion burst effect with radial particles and flash.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/fire","t":"Map Fire","d":"Realistic animated fire effect with particle simulation.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/grid","t":"Map Grid","d":"Coordinate grid overlay with latitude/longitude lines and labels.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/image","t":"Map Image","d":"Image overlay layers on the map.","s":"catalogs","c":"media/gallery","hc":1,"cp":1},{"id":"catalogs:alamenai/lightning","t":"Map Lightning","d":"Animated lightning bolt strikes with branching and flash effects.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/line","t":"Map Line","d":"Static routes and paths on the map.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/line-animated","t":"Map Line Animated","d":"Animated path and route animations on the map.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/line-radial","t":"Map Line Radial","d":"Radial lines from a center point to multiple destinations with optional markers.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/map/mapbox","t":"Map","d":"Core map component with Mapbox GL and MapLibre GL support.","s":"catalogs","c":"data-viz/map","hc":1},{"id":"catalogs:alamenai/marker","t":"Map Marker","d":"Customizable map markers with popup support.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/marker-animated","t":"Map Marker Animated","d":"Animated marker that moves along a path with trail visualization.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/meteor","t":"Map Meteor","d":"Animated meteor falling from sky with fiery trail and impact effect.","k":"motion","s":"catalogs","c":"motion/background","sb":"Particles and stars","hc":1,"cp":1},{"id":"catalogs:alamenai/mini-map","t":"Map Mini Map","d":"Minimap overview navigation component.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/music-disc","t":"Map Music Disc","d":"Rotating music disc with floating notes animation.","s":"catalogs","c":"media/player","hc":1,"cp":1},{"id":"catalogs:alamenai/polygon","t":"Map Polygon","d":"Geographic polygon with customizable fill and stroke styling.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/popup","t":"Map Popup","d":"Info popups and tooltips for map locations.","s":"catalogs","c":"overlays/popover","hc":1,"cp":1},{"id":"catalogs:alamenai/radar","t":"Map Radar","d":"Animated radar sweep signal overlay on map coordinates.","s":"catalogs","c":"data-viz/chart","sb":"Radar","hc":1,"cp":1},{"id":"catalogs:alamenai/rain","t":"Map Rain","d":"Animated rain effect layer.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/raster-video","t":"Map Raster Video","d":"Video overlay layers on the map.","s":"catalogs","c":"media/player","hc":1,"cp":1},{"id":"catalogs:alamenai/sandstorm","t":"Map Sandstorm","d":"Atmospheric sandstorm effect with horizontal particle movement and reduced visibility.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/snow","t":"Map Snow","d":"Falling snowflakes effect with gentle drift and wind.","k":"motion","s":"catalogs","c":"motion/background","sb":"Particles and stars","hc":1,"cp":1},{"id":"catalogs:alamenai/steam","t":"Map Steam","d":"Rising steam effect with wispy particle animation.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/sync","t":"Map Sync","d":"Synchronized multi-map component with bidirectional movement sync.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/targeting-reticle","t":"Map Targeting Reticle","d":"Military-style targeting brackets with tracking and lock-on capabilities.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/tsunami","t":"Map Tsunami","d":"Animated tsunami wave effect with incoming wave, crashing foam, and debris.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:alamenai/watermark","t":"Map Watermark","d":"Text watermark overlay for maps with configurable position and styling.","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:anmolsaini16/analytics-card","t":"Analytics Card","d":"A compact visitor metric card layered over a world map with proportional location markers ","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:anmolsaini16/analytics-map","t":"Analytics Map","d":"A full-page real-time analytics dashboard with a world map, overview metrics, traffic brea","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:anmolsaini16/choropleth","t":"Choropleth","d":"An interactive world choropleth that shades countries by a metric and includes a theme-awa","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:anmolsaini16/delivery-tracker","t":"Delivery Tracker","d":"A responsive delivery tracking screen with order details, a routed map, pickup and drop-of","s":"catalogs","c":"data-viz/progress-bar","hc":1,"cp":1},{"id":"catalogs:anmolsaini16/heatmap","t":"Heatmap","d":"A globe-projected earthquake density heatmap with zoom-responsive intensity, color, radius","s":"catalogs","c":"data-viz/chart","sb":"Heatmap","hc":1,"cp":1},{"id":"catalogs:anmolsaini16/logistics-network","t":"Logistics Network","d":"A domestic logistics dashboard with globe-projected routes, hub markers, operational stats","k":"layout","s":"catalogs","c":"layout/dashboard","hc":1,"cp":1},{"id":"catalogs:anmolsaini16/map","t":"Map","d":"A composable MapLibre map with theme-aware styles, markers, popups, controls, routes, arcs","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:anmolsaini16/store-locator","t":"Store Locator","d":"A searchable store locator with a synchronized results sidebar, interactive markers, fly-t","s":"catalogs","c":"navigation/sidebar","hc":1,"cp":1},{"id":"catalogs:anmolsaini16/uptime-monitor","t":"Uptime Monitor","d":"A status dashboard mapping edge network locations with live health, latency, uptime, and a","k":"layout","s":"catalogs","c":"layout/dashboard","hc":1,"cp":1},{"id":"catalogs:bklit/area-chart","t":"Area Chart","d":"A composable area chart with gradient fills and animations","s":"catalogs","c":"data-viz/chart","tg":["gradient"],"sb":"Area","sy":["gradient"],"hc":1,"cp":1},{"id":"catalogs:bklit/background","t":"Background","d":"Pattern fill for the plot area when grid lines are hidden","k":"motion","s":"catalogs","c":"motion/background","hc":1},{"id":"catalogs:bklit/bar-chart","t":"Bar Chart","d":"A composable bar chart with horizontal/vertical orientations and animations","s":"catalogs","c":"data-viz/chart","sb":"Bar","hc":1,"cp":1},{"id":"catalogs:bklit/bar-depth","t":"Bar Depth","d":"3D depth and glossy glass surfaces for BarChart bars","s":"catalogs","c":"data-viz/chart","tg":["3d","glass"],"sb":"Bar","sy":["3d","glass"],"hc":1,"cp":1},{"id":"catalogs:bklit/candlestick-chart","t":"Candlestick Chart","d":"A composable OHLC candlestick chart with gradients, patterns, tooltips, and hover interact","s":"catalogs","c":"data-viz/chart","tg":["gradient"],"sb":"Financial","sy":["gradient"],"hc":1,"cp":1},{"id":"catalogs:bklit/chart-context","t":"Chart Context","d":"Shared context and hooks for Bklit chart components","s":"catalogs","c":"data-viz/chart","hc":1,"cp":1},{"id":"catalogs:bklit/chart-tooltip","t":"Tooltip","d":"Composable tooltip components for charts","s":"catalogs","c":"overlays/tooltip","hc":1},{"id":"catalogs:bklit/choropleth-chart","t":"Choropleth Chart","d":"A geographic map chart with zoom, pan, and data visualization","s":"catalogs","c":"data-viz/chart","hc":1},{"id":"catalogs:bklit/composed-chart","t":"Composed Chart","d":"Time-series chart composing Line, Area, and SeriesBar on one shared scale (Recharts Compos","s":"catalogs","c":"data-viz/chart","hc":1,"cp":1},{"id":"catalogs:bklit/funnel-chart","t":"Funnel Chart","d":"An animated funnel chart with multi-layer halo rings, hover interactions, and staggered en","s":"catalogs","c":"data-viz/chart","tg":["playful"],"sb":"Flow and funnel","sy":["playful"],"hc":1,"cp":1},{"id":"catalogs:bklit/gauge-chart","t":"Gauge","d":"Notch-based radial or linear gauge with optional center label, patterns, and optional grad","s":"catalogs","c":"data-viz/chart","tg":["gradient"],"sy":["gradient"],"hc":1,"cp":1},{"id":"catalogs:bklit/grid","t":"Grid","d":"Grid lines for charts","s":"catalogs","c":"data-viz/chart","hc":1},{"id":"catalogs:bklit/heatmap-chart","t":"Heatmap Chart","d":"A contribution heatmap with animated cells and configurable level colors","s":"catalogs","c":"data-viz/chart","sb":"Heatmap","hc":1,"cp":1},{"id":"catalogs:bklit/legend","t":"Legend","d":"Composable legend components for charts","s":"catalogs","c":"data-viz/chart","hc":1},{"id":"catalogs:bklit/line-chart","t":"Line Chart","d":"A composable line chart with multiple series support","s":"catalogs","c":"data-viz/chart","sb":"Line and sparkline","hc":1,"cp":1},{"id":"catalogs:bklit/live-line-chart","t":"Live Line Chart","d":"Real-time streaming line chart with smooth scrolling, crosshair, and animated axes","s":"catalogs","c":"data-viz/chart","sb":"Line and sparkline","hc":1,"cp":1},{"id":"catalogs:bklit/markers","t":"Chart Markers","d":"Marker components for highlighting data points on charts","s":"catalogs","c":"data-viz/chart","hc":1,"cp":1},{"id":"catalogs:bklit/pie-chart","t":"Pie Chart","d":"A composable pie chart with animations and customizable slices","s":"catalogs","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1,"cp":1},{"id":"catalogs:bklit/profit-loss-line","t":"Profit/Loss Line","d":"Sign-colored line segments for profit and loss on LineChart","s":"catalogs","c":"data-viz/chart","sb":"Line and sparkline","hc":1,"cp":1},{"id":"catalogs:bklit/projection-line","t":"Projection Line","d":"Forecast segment extending a line series past the last data point","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:bklit/radar-chart","t":"Radar Chart","d":"A composable radar/spider chart with multiple data series","s":"catalogs","c":"data-viz/chart","sb":"Radar","hc":1,"cp":1},{"id":"catalogs:bklit/reference-area","t":"Reference Area","d":"Shaded data-coordinate band for target ranges and thresholds on time-series charts","s":"catalogs","c":"data-viz/chart","sb":"Area","hc":1,"cp":1},{"id":"catalogs:bklit/ring-chart","t":"Ring Chart","d":"A composable donut/ring chart with progress indicators","s":"catalogs","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1,"cp":1},{"id":"catalogs:bklit/sankey-chart","t":"Sankey Chart","d":"A flow diagram for visualizing data transfers between nodes","s":"catalogs","c":"data-viz/chart","sb":"Flow and funnel","hc":1},{"id":"catalogs:bklit/scatter-chart","t":"Scatter Chart","d":"A composable time-series scatter chart with offset rings, hover dimming, and animated ente","s":"catalogs","c":"data-viz/chart","sb":"Scatter"},{"id":"catalogs:bklit/stat-card-area-01","t":"Stat Card Area","d":"Revenue stat card with gradient area sparkline, NumberFlow, and trend badge","s":"catalogs","c":"data-display/card","tg":["gradient"],"sb":"Metric","sy":["gradient"],"hc":1,"cp":1},{"id":"catalogs:bklit/stat-card-choropleth-01","t":"Stat Card Choropleth","d":"Visitor map stat card with choropleth sparkline, NumberFlow, and trend badge","s":"catalogs","c":"data-viz/map","hc":1,"cp":1},{"id":"catalogs:bklit/stat-card-line-01","t":"Stat Card Line","d":"Sessions stat card with line sparkline, overlaid NumberFlow, and trend badge","s":"catalogs","c":"data-display/card","sb":"Metric"},{"id":"catalogs:bklit/sunburst-chart","t":"Sunburst Chart","d":"A composable hierarchical sunburst chart with drill-down zoom and animated segments","s":"catalogs","c":"data-viz/chart","hc":1,"cp":1},{"id":"catalogs:bklit/x-axis","t":"X Axis","d":"X-axis component for time-series charts","s":"catalogs","c":"data-viz/chart"},{"id":"catalogs:bklit/y-axis","t":"Y Axis","d":"Y-axis component for value labels in line and area charts","s":"catalogs","c":"inputs/form-field","hc":1,"cp":1},{"id":"catalogs:danielpetho/animated-gradient-with-svg","t":"Animated Gradient With SVG","d":"An animated mesh gradient rendered with SVG filters and configurable color stops.","k":"motion","s":"catalogs","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"catalogs:danielpetho/basic-number-ticker","t":"Basic Number Ticker","d":"A numeric ticker that animates between changing values.","k":"motion","s":"catalogs","c":"motion/number-ticker","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"catalogs:danielpetho/box-carousel","t":"Box Carousel","d":"A 3D box carousel for image or video slides with controls and autoplay support.","s":"catalogs","c":"media/carousel","tg":["3d"],"sy":["3d"],"hc":1},{"id":"catalogs:danielpetho/breathing-text","t":"Breathing Text","d":"Text whose variable-font axes animate in a repeating breathing rhythm.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1},{"id":"catalogs:danielpetho/circling-elements","t":"Circling Elements","d":"Elements that orbit a shared center along configurable circular paths.","s":"catalogs","c":"other/other"},{"id":"catalogs:danielpetho/css-box","t":"CSS Box","d":"A transformable 3D CSS box with hover, drag, and scroll-driven presentation options.","k":"layout","s":"catalogs","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"catalogs:danielpetho/cursor-attractor-and-gravity","t":"Cursor Attractor and Gravity","d":"Matter.js bodies attracted to the cursor with gravity, SVG, and image support.","k":"motion","s":"catalogs","c":"motion/cursor"},{"id":"catalogs:danielpetho/drag-elements","t":"Drag Elements","d":"A container for draggable elements with optional momentum and bounded movement.","k":"layout","s":"catalogs","c":"layout/page-shell","hc":1},{"id":"catalogs:danielpetho/elastic-line","t":"Elastic Line","d":"An interactive line that bends toward the pointer and springs back on release.","k":"motion","s":"catalogs","c":"motion/cursor","hc":1},{"id":"catalogs:danielpetho/element-along-svg-path","t":"Element Along SVG Path","d":"A Motion component that moves an element along a supplied SVG path.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:danielpetho/float","t":"Float","d":"A wrapper that gives content a configurable continuous floating motion.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:danielpetho/gooey-svg-filter","t":"Gooey SVG Filter","d":"A reusable SVG filter that merges nearby shapes into a gooey visual surface.","k":"resource","s":"catalogs","c":"assets/shape","hc":1},{"id":"catalogs:danielpetho/gravity","t":"Gravity","d":"A configurable Matter.js gravity scene with draggable image, SVG, and HTML bodies.","s":"catalogs","c":"media/gallery"},{"id":"catalogs:danielpetho/image-trail","t":"Image Trail","d":"Images or arbitrary elements that follow pointer movement as a layered trail.","s":"catalogs","c":"media/gallery","hc":1},{"id":"catalogs:danielpetho/letter-3d-swap","t":"Letter 3D Swap","d":"A 3D letter swap that rotates between the original and replacement text.","k":"motion","s":"catalogs","c":"motion/text-effect","tg":["3d"],"sb":"Rotating words","sy":["3d"],"hc":1},{"id":"catalogs:danielpetho/letter-swap-forward-anim","t":"Letter Swap Forward Anim","d":"A forward letter-swap animation for hoverable labels and links.","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"catalogs:danielpetho/letter-swap-pingpong-anim","t":"Letter Swap Pingpong Anim","d":"A ping-pong letter-swap animation that alternates its travel direction.","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"catalogs:danielpetho/marquee-along-svg-path","t":"Marquee Along SVG Path","d":"A repeated marquee that follows an SVG path with configurable spacing and direction.","k":"motion","s":"catalogs","c":"motion/marquee","hc":1},{"id":"catalogs:danielpetho/media-between-text","t":"Media Between Text","d":"A text layout that reveals and positions media between words on hover or scroll.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1},{"id":"catalogs:danielpetho/parallax-floating","t":"Parallax Floating","d":"A layered image composition that floats and shifts with pointer movement.","k":"layout","s":"catalogs","c":"layout/scroll-area","hc":1},{"id":"catalogs:danielpetho/pixel-trail","t":"Pixel Trail","d":"A pointer-driven grid that leaves a fading, optionally gooey trail of colored pixels.","k":"motion","s":"catalogs","c":"motion/cursor","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"catalogs:danielpetho/pixelate-svg-filter","t":"Pixelate SVG Filter","d":"A reusable SVG filter that pixelates text, images, and animated elements.","s":"catalogs","c":"media/gallery","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"catalogs:danielpetho/random-letter-swap-forward-anim","t":"Random Letter Swap Forward Anim","d":"A forward letter swap with characters animated in randomized order.","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"catalogs:danielpetho/random-letter-swap-pingpong-anim","t":"Random Letter Swap Pingpong Anim","d":"A randomized letter swap that alternates forward and reverse motion.","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"catalogs:danielpetho/scramble-hover","t":"Scramble Hover","d":"Text that scrambles and resolves when the pointer enters or leaves.","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"catalogs:danielpetho/scramble-in","t":"Scramble In","d":"Text that scrambles into its final readable value on entry.","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"catalogs:danielpetho/screensaver","t":"Screensaver","d":"A bouncing screensaver element constrained to its measured container.","k":"layout","s":"catalogs","c":"layout/page-shell","hc":1},{"id":"catalogs:danielpetho/scroll-and-swap-text","t":"Scroll and Swap Text","d":"Text whose words swap through a configured sequence as the page scrolls.","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"catalogs:danielpetho/simple-marquee","t":"Simple Marquee","d":"A flexible looping marquee with drag, easing, axis, and perspective options.","k":"motion","s":"catalogs","c":"motion/marquee","tg":["3d","minimal"],"sy":["3d","minimal"],"hc":1},{"id":"catalogs:danielpetho/stacking-cards","t":"Stacking Cards","d":"Cards that stack and scale as the page scrolls through their container.","s":"catalogs","c":"data-display/card"},{"id":"catalogs:danielpetho/text-along-path","t":"Text Along Path","d":"Text laid out and animated along a configurable SVG path.","k":"motion","s":"catalogs","c":"motion/text-effect"},{"id":"catalogs:danielpetho/text-cursor-proximity","t":"Text Cursor Proximity","d":"Text characters that react independently to cursor distance and falloff.","k":"motion","s":"catalogs","c":"motion/cursor","hc":1},{"id":"catalogs:danielpetho/text-highlighter","t":"Text Highlighter","d":"An animated marker-style highlight triggered by view, hover, scroll, or a ref.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1},{"id":"catalogs:danielpetho/text-rotate","t":"Text Rotate","d":"A rotating text sequence with configurable animation, staggering, mapping, and scroll step","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"catalogs:danielpetho/typewriter","t":"Typewriter","d":"A typewriter effect with configurable typing, deletion, delay, and looping behavior.","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Typewriter"},{"id":"catalogs:danielpetho/underline-center","t":"Underline Center","d":"An underline animation that expands outward from the center.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:danielpetho/underline-comes-in-goes-out","t":"Underline Comes In Goes Out","d":"An underline that enters from one side and exits through the other.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:danielpetho/underline-goes-out-comes-in","t":"Underline Goes Out Comes In","d":"An underline that retracts and returns from the opposite side.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:danielpetho/underline-to-background","t":"Underline To Background","d":"An underline that grows into a full text background on interaction.","k":"motion","s":"catalogs","c":"motion/background","hc":1},{"id":"catalogs:danielpetho/variable-font-and-cursor","t":"Variable Font and Cursor","d":"Variable-font axes driven by the cursor across the full text run.","k":"resource","s":"catalogs","c":"assets/font","hc":1},{"id":"catalogs:danielpetho/variable-font-cursor-proximity","t":"Variable Font Cursor Proximity","d":"Variable-font characters that respond independently to cursor proximity.","k":"resource","s":"catalogs","c":"assets/font","hc":1},{"id":"catalogs:danielpetho/variable-font-hover-by-letter","t":"Variable Font Hover By Letter","d":"Variable-font axes animated per letter during hover.","k":"resource","s":"catalogs","c":"assets/font","hc":1},{"id":"catalogs:danielpetho/variable-font-hover-by-random-letter","t":"Variable Font Hover By Random Letter","d":"Variable-font letters animated in randomized order during hover.","k":"resource","s":"catalogs","c":"assets/font","hc":1},{"id":"catalogs:danielpetho/vertical-cut-reveal","t":"Vertical Cut Reveal","d":"A vertically sliced text reveal with line, word, letter, stagger, and scroll modes.","k":"layout","s":"catalogs","c":"layout/scroll-area","hc":1},{"id":"catalogs:davidhdev/asciify/react","t":"Asciify","d":"Redraws your page as live ascii characters in a soft radius around the cursor, with real g","k":"motion","s":"catalogs","c":"motion/cursor","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"catalogs:davidhdev/bend/react","t":"Bend","d":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on ","k":"layout","s":"catalogs","c":"layout/scroll-area"},{"id":"catalogs:davidhdev/blaze/react","t":"Blaze","d":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stay","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:davidhdev/bubble/react","t":"Bubble","d":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page b","s":"catalogs","c":"ai-agent/ai-agent","tg":["glass"],"sb":"Chat","sy":["glass"],"hc":1},{"id":"catalogs:davidhdev/cloth/react","t":"Cloth","d":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cur","k":"motion","s":"catalogs","c":"motion/cursor","hc":1},{"id":"catalogs:davidhdev/clouds/react","t":"Clouds","d":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts ","k":"motion","s":"catalogs","c":"motion/cursor","hc":1},{"id":"catalogs:davidhdev/dithered-object/react","t":"DitheredObject","d":"Renders any GLB or glTF model in a floating studio scene through a 1-bit Bayer dither. Bui","k":"motion","s":"catalogs","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"catalogs:davidhdev/droplets/react","t":"Droplets","d":"Rain droplets that run down the screen and refract your page behind them. The HTML stays i","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:davidhdev/glass-object/react","t":"GlassObject","d":"Turns any GLB/glTF model, SVG, or image into a floating liquid-glass object with real refr","s":"catalogs","c":"media/gallery","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"catalogs:davidhdev/glass/react","t":"Glass","d":"A cursor-following glass lens that refracts your page like real glass, with a crystal ball","s":"catalogs","c":"media/gallery","tg":["glass"],"sy":["glass"],"hc":1},{"id":"catalogs:davidhdev/glitch/react","t":"Glitch","d":"Broadcast glitch bursts that tear the page into shifted slices with RGB splits, corrupted ","k":"motion","s":"catalogs","c":"motion/background","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"catalogs:davidhdev/grid/react","t":"Grid","d":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML ","k":"motion","s":"catalogs","c":"motion/cursor","tg":["3d"],"sy":["3d"],"hc":1},{"id":"catalogs:davidhdev/hex-float/react","t":"HexFloat","d":"Renders the live page onto a floor of shiny beveled hex tiles that lean back in perspectiv","k":"motion","s":"catalogs","c":"motion/cursor","tg":["3d"],"sy":["3d"]},{"id":"catalogs:davidhdev/laser/react","t":"Laser","d":"Hides everything below a glowing laser beam near the bottom of the viewport. Scrolling pri","k":"motion","s":"catalogs","c":"motion/background","tg":["neon"],"sb":"Beams and light","sy":["neon"],"hc":1},{"id":"catalogs:davidhdev/liquid/react","t":"Liquid","d":"A pointer-driven WebGL fluid simulation over your page. The HTML stays interactive. No dep","k":"motion","s":"catalogs","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:davidhdev/magnify/react","t":"Magnify","d":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configu","s":"catalogs","c":"media/gallery","tg":["retro and HUD"],"sb":"Zoom and lens","sy":["retro and HUD"],"hc":1},{"id":"catalogs:davidhdev/particle-object/react","t":"ParticleObject","d":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes,","k":"motion","s":"catalogs","c":"motion/background","tg":["webgl"],"sb":"Particles and stars","sy":["webgl"],"hc":1},{"id":"catalogs:davidhdev/particle-reveal/react","t":"ParticleReveal","d":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor.","k":"motion","s":"catalogs","c":"motion/background","sb":"Particles and stars"},{"id":"catalogs:davidhdev/particle-scroll/react","t":"ParticleScroll","d":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll","k":"layout","s":"catalogs","c":"layout/scroll-area","hc":1},{"id":"catalogs:davidhdev/peel/react","t":"Peel","d":"Peels your page back from a chosen edge as the cursor approaches, revealing a second layer","k":"motion","s":"catalogs","c":"motion/cursor","hc":1},{"id":"catalogs:davidhdev/retro-dither/react","t":"RetroDither","d":"A retro dither lens that pixelates and quantizes your page around the cursor. The HTML sta","s":"catalogs","c":"media/gallery","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"catalogs:davidhdev/ripple/react","t":"Ripple","d":"Water ripples that spread from every click and refract the live page like a pond surface, ","k":"motion","s":"catalogs","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"catalogs:davidhdev/shatter/react","t":"Shatter","d":"Shatters your page into 3D glass shards that lift, tilt, and float around the cursor, refr","k":"motion","s":"catalogs","c":"motion/cursor","tg":["3d","glass"],"sy":["3d","glass"],"hc":1},{"id":"catalogs:davidhdev/vhs/react","t":"VHS","d":"Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed","s":"catalogs","c":"actions/switch","hc":1},{"id":"catalogs:educlopez/agent-avatar","t":"Agent Avatar","d":"An agent avatar with status indicators, glowing rings, and optional pulse animation.","s":"catalogs","c":"ai-agent/ai-agent","tg":["neon"],"sb":"Orbs and presence","sy":["neon"]},{"id":"catalogs:educlopez/announcement-bar","t":"Announcement Bar","d":"A dismissible announcement strip with an action link, scanlines, and HUD-style glow.","k":"section","s":"catalogs","c":"marketing/announcement","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/anomaly-banner","t":"Anomaly Banner","d":"An animated anomaly warning banner with amber scan effects and a technical HUD readout.","s":"catalogs","c":"overlays/alert-banner","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/arrival-panel","t":"Arrival Panel","d":"A gridded HUD panel for displaying an arrival title, subtitle, time, and unit.","s":"catalogs","c":"data-display/card","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"catalogs:educlopez/avatar-group","t":"Avatar Group","d":"An overlapping avatar stack with colored status glows and an overflow count.","s":"catalogs","c":"data-display/avatar","tg":["neon"],"sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:educlopez/beam-marker","t":"Beam Marker","d":"A map-style beam marker with coordinates, labels, glowing accents, and HUD corners.","k":"motion","s":"catalogs","c":"motion/background","tg":["neon","retro and HUD"],"sb":"Beams and light","sy":["neon","retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/bento-grid","t":"Bento Grid","d":"A responsive bento layout with glowing borders, scanlines, and HUD-style corner framing.","k":"layout","s":"catalogs","c":"layout/bento-grid","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/boot-sequence","t":"Boot Sequence","d":"An animated boot sequence that reveals system steps inside a scanlined HUD frame.","k":"motion","s":"catalogs","c":"motion/text-effect","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/breadcrumb-nav","t":"Breadcrumb Nav","d":"A monospace breadcrumb trail with uppercase labels and Tron-style active accents.","s":"catalogs","c":"navigation/top-nav","hc":1,"cp":1},{"id":"catalogs:educlopez/changelog","t":"Changelog","d":"A chronological change feed with status glows, scanlines, and HUD-style framing.","k":"section","s":"catalogs","c":"marketing/marketing","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/chip","t":"Chip","d":"A compact selectable or removable chip with monospace HUD styling.","s":"catalogs","c":"data-display/badge","tg":["retro and HUD"],"sb":"Tags and pills","sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/circuit-background","t":"Circuit Background","d":"A decorative circuit-board background with animated paths and primary-color accents.","k":"motion","s":"catalogs","c":"motion/background","hc":1,"cp":1},{"id":"catalogs:educlopez/command-menu","t":"Command Menu","d":"A searchable command palette with scanlines, glowing accents, and HUD corner details.","s":"catalogs","c":"navigation/command-palette","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/comparison-table","t":"Comparison Table","d":"A feature comparison table with scanlines, monospace labels, and HUD corner framing.","k":"section","s":"catalogs","c":"marketing/comparison","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/countdown","t":"Countdown","d":"A segmented countdown readout with uppercase labels and Tron-style color variants.","k":"motion","s":"catalogs","c":"motion/number-ticker","hc":1,"cp":1},{"id":"catalogs:educlopez/crt-effect","t":"CRT Effect","d":"CRT monitor effect with scanlines, vignette, flicker, and scan sweep animation.\n * Wrap an","k":"theme","s":"catalogs","c":"themes/theme","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"catalogs:educlopez/cta-banner","t":"CTA Banner","d":"A call-to-action banner with glowing controls, scanlines, and HUD corner framing.","s":"catalogs","c":"overlays/alert-banner","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/data-card","t":"Data Card","d":"A HUD-style card for labeled data fields, subtitles, and status indicators.","s":"catalogs","c":"data-display/card","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/data-stream","t":"Data Stream","d":"A streaming event feed with staggered entries, status glows, scanlines, and HUD framing.","s":"catalogs","c":"data-display/timeline","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/data-table","t":"Data Table","d":"A sortable data table with staggered row reveals, scanlines, and HUD corner accents.","s":"catalogs","c":"data-display/table","tg":["retro and HUD"],"sb":"Data tables","sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/derez-timer","t":"Derez Timer","d":"A glowing digital countdown for minutes, seconds, and milliseconds with a derez effect.","k":"motion","s":"catalogs","c":"motion/number-ticker","tg":["neon"],"sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:educlopez/diagnostics-panel","t":"Diagnostics Panel","d":"A diagnostics panel for status metrics with colored glows, scanlines, and HUD framing.","s":"catalogs","c":"data-display/card","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/divider","t":"Divider","d":"A horizontal or vertical divider with optional labels and Tron-style glow variants.","s":"catalogs","c":"inputs/form-field","tg":["neon"],"sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:educlopez/dropdown","t":"Dropdown","d":"A trigger-based action menu with scanlines, monospace labels, and HUD corner details.","s":"catalogs","c":"navigation/menu","tg":["retro and HUD"],"sb":"Dropdowns","sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/empty-state","t":"Empty State","d":"An empty-state panel with an icon, description, action, and HUD-style corner accents.","s":"catalogs","c":"data-display/empty-state","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/energy-meter","t":"Energy Meter","d":"A segmented energy meter with status colors, glow, scanlines, and optional value labels.","s":"catalogs","c":"data-viz/gauge","tg":["neon"],"sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:educlopez/faq","t":"FAQ","d":"An accordion-based FAQ with a subtle grid, scanlines, and HUD corner framing.","k":"section","s":"catalogs","c":"marketing/faq","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/feature-card","t":"Feature Card","d":"A feature card with glowing accents, scanlines, and HUD-style corner framing.","k":"section","s":"catalogs","c":"marketing/features","tg":["neon","retro and HUD"],"sb":"Grid of cards","sy":["neon","retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/file-upload","t":"File Upload","d":"A drag-and-drop file picker with validation, glowing borders, and HUD corner accents.","s":"catalogs","c":"inputs/file-upload","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/floating-panel","t":"Floating Panel","d":"A positioned data panel with compact monospace labels and HUD corner brackets.","s":"catalogs","c":"overlays/popover","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/gauge","t":"Gauge","d":"A radial value gauge with configurable ranges, status variants, glow, and pulse effects.","s":"catalogs","c":"data-viz/gauge","tg":["neon"],"sy":["neon"]},{"id":"catalogs:educlopez/glow-container","t":"Glow Container","d":"A wrapper that adds configurable glow intensity, pulsing, and hover effects to content.","k":"motion","s":"catalogs","c":"motion/background","tg":["neon"],"sb":"Gradients and aurora","sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:educlopez/grid-scan-overlay","t":"Grid Scan Overlay","d":"An animated grid overlay with a sweeping primary-color scan line.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:educlopez/heatmap","t":"Heatmap","d":"A labeled heatmap with glowing intensity cells, scanlines, and HUD corner framing.","s":"catalogs","c":"data-viz/chart","tg":["neon","retro and HUD"],"sb":"Heatmap","sy":["neon","retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/hud-corner-frame","t":"Hud Corner Frame","d":"A decorative HUD corner bracket that can be positioned around framed content.","s":"catalogs","c":"other/other","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/hud-frame","t":"HUD Frame","d":"A reusable HUD frame with corner brackets, an optional label, and a subtle grid.","s":"catalogs","c":"inputs/form-field","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/identity-disc","t":"Identity Disc","d":"A glowing identity profile display with avatar, designation, access level, and status.","s":"catalogs","c":"data-display/avatar","tg":["neon"],"sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:educlopez/kanban-board","t":"Kanban Board","d":"A draggable kanban board with scanlined columns, status accents, and HUD framing.","s":"catalogs","c":"data-display/kanban","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/location-display","t":"Location Display","d":"A compact location HUD for sector, grid, coordinates, and connection status.","s":"catalogs","c":"data-viz/map","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/logo-cloud","t":"Logo Cloud","d":"An animated logo marquee with scanlines, uppercase labels, and HUD corner framing.","k":"section","s":"catalogs","c":"marketing/logos","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/marquee","t":"Marquee","d":"An infinitely scrolling row with direction, speed, style, and pause-on-hover controls.","k":"motion","s":"catalogs","c":"motion/marquee","hc":1,"cp":1},{"id":"catalogs:educlopez/modal","t":"Modal","d":"A controlled modal with title, description, footer, scanlines, and HUD corner framing.","s":"catalogs","c":"overlays/dialog","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/notification","t":"Notification","d":"A dismissible notification card with status variants, glow, scanlines, and HUD framing.","s":"catalogs","c":"overlays/notifications","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"]},{"id":"catalogs:educlopez/number-input","t":"Number Input","d":"A numeric input with increment and decrement controls and compact monospace labels.","s":"catalogs","c":"inputs/number-input","hc":1,"cp":1},{"id":"catalogs:educlopez/pricing-card","t":"Pricing Card","d":"A pricing plan card with feature lists, glowing emphasis, scanlines, and HUD framing.","k":"section","s":"catalogs","c":"marketing/pricing","tg":["neon","retro and HUD"],"sb":"Plan cards","sy":["neon","retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/progress-bar","t":"Progress Bar","d":"A labeled progress bar with status glows, animated stripes, and scanline styling.","s":"catalogs","c":"data-viz/progress-bar","tg":["neon"],"sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:educlopez/progress-ring","t":"Progress Ring","d":"A circular progress indicator with configurable size, status color, glow, and pulse.","s":"catalogs","c":"data-viz/progress-bar","tg":["neon"],"sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:educlopez/radar","t":"Radar","d":"An animated radar display with targets, range rings, glow, and a sweeping beam.","s":"catalogs","c":"data-viz/chart","tg":["neon"],"sb":"Radar","sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:educlopez/rating","t":"Rating","d":"A configurable rating display with selectable values, status colors, and optional glow.","s":"catalogs","c":"inputs/rating","tg":["neon"],"sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:educlopez/regen-indicator","t":"Regen Indicator","d":"A pulsing regeneration status readout with cyan bars and monospace labeling.","s":"catalogs","c":"data-display/badge"},{"id":"catalogs:educlopez/reticle","t":"Reticle","d":"An animated targeting reticle with configurable size and status-color variants.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:educlopez/sidebar","t":"Sidebar","d":"A composable responsive sidebar with providers, triggers, navigation groups, and menus.","s":"catalogs","c":"navigation/sidebar","hc":1,"cp":1},{"id":"catalogs:educlopez/signal-indicator","t":"Signal Indicator","d":"A signal-strength display with status colors, glowing bars, and optional value labels.","s":"catalogs","c":"inputs/form-field","tg":["neon"],"sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:educlopez/sparkline","t":"Sparkline","d":"A compact line or area chart with status colors, glow, and optional draw animation.","s":"catalogs","c":"data-viz/chart","tg":["neon"],"sb":"Line and sparkline","sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:educlopez/speed-indicator","t":"Speed Indicator","d":"A compact speed readout with a segmented bar, numeric value, and monospace HUD labels.","s":"catalogs","c":"navigation/tabs","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/stat","t":"Stat","d":"A compact HUD statistic with a label, value, unit, and directional indicator.","s":"catalogs","c":"data-display/stat","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/stat-card","t":"Stat Card","d":"A metric card with value, unit, trend, sparkline, scanlines, and HUD corner framing.","s":"catalogs","c":"data-display/stat","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/stats-counter","t":"Stats Counter","d":"A responsive metric grid with scanlines, monospace labels, and HUD corner framing.","k":"motion","s":"catalogs","c":"motion/number-ticker","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/status-bar","t":"Status Bar","d":"A collection of system status, uplink, information, and progress HUD displays.","s":"catalogs","c":"data-viz/progress-bar","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"catalogs:educlopez/stepper","t":"Stepper","d":"A horizontal or vertical step indicator with glowing progress and scanlined HUD framing.","s":"catalogs","c":"navigation/wizard-steps","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/tag","t":"Tag","d":"A dismissible status tag with size, color, and optional glow variants.","s":"catalogs","c":"data-display/badge","tg":["neon"],"sb":"Tags and pills","sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:educlopez/terminal","t":"Terminal","d":"A terminal window with typed lines, status variants, scanlines, and HUD corner framing.","s":"catalogs","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/testimonial-card","t":"Testimonial Card","d":"A testimonial card with quote, author details, rating, scanlines, and HUD corner framing.","k":"section","s":"catalogs","c":"marketing/testimonials","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/text-input","t":"Text Input","d":"A labeled text input with hint, error, icon, and compact Tron-style accents.","s":"catalogs","c":"inputs/form-field","hc":1,"cp":1},{"id":"catalogs:educlopez/thegridcn-alert","t":"Tron Alert","d":"A Tron-styled alert and banner pair with monospace text, status colors, and optional pulse","s":"catalogs","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"catalogs:educlopez/thegridcn-badge","t":"Badge","d":"A compact HUD-style badge with dot, pulse, size, and status variants.","s":"catalogs","c":"data-display/badge","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/thegridcn-pagination","t":"Pagination","d":"Pagination controls with glowing active states and compact monospace HUD labels.","s":"catalogs","c":"navigation/pagination","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/thegridcn-select","t":"Select","d":"A select control with monospace labels, glowing focus states, and a scanlined menu.","s":"catalogs","c":"inputs/select","tg":["neon"],"sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:educlopez/thegridcn-skeleton","t":"Skeleton","d":"A loading placeholder with shape variants and animated primary-color HUD accents.","s":"catalogs","c":"status/skeleton","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/thegridcn-slider","t":"Slider","d":"A numeric slider with a glowing track, value label, and compact monospace styling.","s":"catalogs","c":"inputs/slider","tg":["neon"],"sy":["neon"]},{"id":"catalogs:educlopez/thegridcn-tabs","t":"Tabs","d":"A tabbed interface with size and layout variants, glowing active states, and HUD labels.","s":"catalogs","c":"navigation/tabs","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/thegridcn-timeline","t":"Timeline","d":"A chronological timeline with glowing markers, status colors, and monospace HUD labels.","s":"catalogs","c":"data-display/timeline","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/thegridcn-toggle","t":"Toggle","d":"A binary toggle with glowing checked state, size variants, and monospace labeling.","s":"catalogs","c":"actions/switch","tg":["neon"],"sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:educlopez/thegridcn-tooltip","t":"Tooltip","d":"A compact tooltip with monospace text, primary-color accents, and HUD corner details.","s":"catalogs","c":"overlays/tooltip","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/timeline-bar","t":"Timeline Bar","d":"A timeline progress bar with labeled endpoints, markers, and compact monospace styling.","s":"catalogs","c":"data-display/timeline","hc":1,"cp":1},{"id":"catalogs:educlopez/timer","t":"Timer","d":"A digital hours, minutes, and seconds display with size and status-color variants.","s":"catalogs","c":"data-display/stat"},{"id":"catalogs:educlopez/toast","t":"Toast","d":"A toast provider and notification stack with status colors, scanlines, and HUD corners.","s":"catalogs","c":"overlays/toast","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:educlopez/tunnel","t":"Tunnel","d":"Animated instanced rings form a neon 3D tunnel while keeping draw calls low.","s":"catalogs","c":"inputs/form-field","tg":["3d","neon"],"sy":["3d","neon"],"hc":1,"cp":1},{"id":"catalogs:educlopez/uplink-header","t":"Uplink Header","d":"A compact uplink status header with left and right labels and signal-color variants.","s":"catalogs","c":"navigation/top-nav","hc":1,"cp":1},{"id":"catalogs:educlopez/video-player","t":"Video Player","d":"A video control panel with playback actions, time status, scanlines, and HUD framing.","s":"catalogs","c":"media/player","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"catalogs:educlopez/video-progress","t":"Video Progress","d":"A video timeline with current and end times, progress fill, and labeled markers.","s":"catalogs","c":"data-viz/progress-bar","hc":1,"cp":1},{"id":"catalogs:educlopez/waveform","t":"Waveform","d":"An animated audio waveform with playback, status-color, glow, and scanline options.","s":"catalogs","c":"media/player","tg":["neon"],"sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:ekmas/accordion","t":"Accordion","d":"A vertically stacked set of interactive headings that each reveal a section of content.","s":"catalogs","c":"data-display/accordion","hc":1},{"id":"catalogs:ekmas/alert","t":"Alert","d":"Displays a callout for user attention.","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:ekmas/alert-dialog","t":"Alert Dialog","d":"A modal dialog that interrupts the user with important content and expects a response.","s":"catalogs","c":"overlays/dialog","sb":"Confirm"},{"id":"catalogs:ekmas/attachment","t":"Attachment","d":"Displays a file attachment with media, title, description and actions.","s":"catalogs","c":"inputs/file-upload","hc":1},{"id":"catalogs:ekmas/avatar","t":"Avatar","d":"An image element with a fallback for representing the user.","s":"catalogs","c":"data-display/avatar","hc":1},{"id":"catalogs:ekmas/badge","t":"Badge","d":"Displays a badge or a component that looks like a badge.","s":"catalogs","c":"data-display/badge","hc":1},{"id":"catalogs:ekmas/breadcrumb","t":"Breadcrumb","d":"Displays the current page location within a hierarchical structure.","s":"catalogs","c":"navigation/breadcrumb","hc":1},{"id":"catalogs:ekmas/bubble","t":"Bubble","d":"A chat bubble for displaying a message in a conversation.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"catalogs:ekmas/button","t":"Button","d":"Displays a button or a component that looks like a button.","s":"catalogs","c":"actions/button","hc":1},{"id":"catalogs:ekmas/button-group","t":"Button Group","d":"A container that groups related buttons together with consistent styling.","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1},{"id":"catalogs:ekmas/calendar","t":"Calendar","d":"A date field component that allows users to enter and edit date.","s":"catalogs","c":"data-display/calendar","hc":1},{"id":"catalogs:ekmas/card","t":"Card","d":"Displays a card with header, content, and footer.","s":"catalogs","c":"data-display/card","hc":1},{"id":"catalogs:ekmas/carousel","t":"Carousel","d":"A carousel with motion and swipe built using Embla.","s":"catalogs","c":"media/carousel"},{"id":"catalogs:ekmas/chart","t":"Chart","d":"Beautiful charts. Built using Recharts. Copy and paste into your apps.","s":"catalogs","c":"data-viz/chart","hc":1},{"id":"catalogs:ekmas/checkbox","t":"Checkbox","d":"A control that allows the user to toggle between checked and not checked.","s":"catalogs","c":"inputs/checkbox","hc":1},{"id":"catalogs:ekmas/collapsible","t":"Collapsible","d":"An interactive component that expands/collapses a panel.","s":"catalogs","c":"data-display/accordion"},{"id":"catalogs:ekmas/command","t":"Command","d":"Fast, composable, unstyled command menu for React.","s":"catalogs","c":"navigation/command-palette","hc":1},{"id":"catalogs:ekmas/context-menu","t":"Context Menu","d":"Opens a neobrutalist action menu from a right-click or long press.","s":"catalogs","c":"overlays/context-menu","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/dialog","t":"Dialog","d":"A window overlaid on either the primary window or another dialog window.","s":"catalogs","c":"overlays/dialog","hc":1},{"id":"catalogs:ekmas/direction","t":"Direction","d":"Provides the reading direction (LTR or RTL) to Base UI components.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:ekmas/drawer","t":"Drawer","d":"A drawer component that slides out from the edge of the screen.","s":"catalogs","c":"overlays/sheet"},{"id":"catalogs:ekmas/dropdown-menu","t":"Dropdown Menu","d":"Opens a neobrutalist action menu from an explicit trigger control.","s":"catalogs","c":"navigation/menu","tg":["brutalist"],"sb":"Dropdowns","sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/empty","t":"Empty","d":"Use the Empty component to display an empty state.","s":"catalogs","c":"data-display/empty-state","hc":1},{"id":"catalogs:ekmas/field","t":"Field","d":"Combine labels, controls, and help text to compose accessible form fields and grouped inpu","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:ekmas/form","t":"Form","d":"Building forms with React Hook Form and Zod.","s":"catalogs","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"catalogs:ekmas/hover-card","t":"Hover Card","d":"For sighted users to preview content available behind a link.","s":"catalogs","c":"overlays/hover-card","hc":1},{"id":"catalogs:ekmas/image-card","t":"Image Card","d":"A card component optimized for displaying images with captions.","s":"catalogs","c":"media/gallery"},{"id":"catalogs:ekmas/input","t":"Input","d":"Displays a form input field or a component that looks like an input field.","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:ekmas/input-group","t":"Input Group","d":"Display additional information or actions to an input or textarea.","s":"catalogs","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"catalogs:ekmas/input-otp","t":"Input OTP","d":"Accessible one-time password input for authentication.","s":"catalogs","c":"inputs/otp-input","hc":1},{"id":"catalogs:ekmas/item","t":"Item","d":"A versatile component that you can use to display any content.","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:ekmas/kbd","t":"Kbd","d":"Used to display textual user input from keyboard.","s":"catalogs","c":"data-display/typography","hc":1},{"id":"catalogs:ekmas/label","t":"Label","d":"Renders an accessible label associated with controls.","s":"catalogs","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"catalogs:ekmas/marker","t":"Marker","d":"A small inline status or step marker for a conversation timeline.","s":"catalogs","c":"data-display/timeline","hc":1},{"id":"catalogs:ekmas/marquee","t":"Marquee","d":"A scrolling text component that animates horizontally.","k":"motion","s":"catalogs","c":"motion/marquee","hc":1},{"id":"catalogs:ekmas/menubar","t":"Menubar","d":"A horizontal navigation bar with clickable menu items.","s":"catalogs","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"catalogs:ekmas/message","t":"Message","d":"A message in a conversation, with an avatar, content, header and footer.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"catalogs:ekmas/message-scroller","t":"Message Scroller","d":"A scroll container for chat messages with auto scroll and a scroll-to-end button.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"catalogs:ekmas/native-select","t":"Native Select","d":"A native select element for choosing a single option from a list.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:ekmas/navigation-menu","t":"Navigation Menu","d":"A collection of links for site navigation.","s":"catalogs","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"catalogs:ekmas/pagination","t":"Pagination","d":"Displays page numbers and controls for navigating paginated data.","s":"catalogs","c":"navigation/pagination","hc":1},{"id":"catalogs:ekmas/popover","t":"Popover","d":"Displays floating content in relation to a target element.","s":"catalogs","c":"overlays/popover","hc":1},{"id":"catalogs:ekmas/progress","t":"Progress","d":"Displays an indicator showing the completion progress of a task.","s":"catalogs","c":"data-viz/progress-bar","hc":1},{"id":"catalogs:ekmas/questionnaire","t":"Questionnaire","d":"A multi-step form for asking questions with single choice, multiple choice and free-form a","s":"catalogs","c":"navigation/wizard-steps","hc":1},{"id":"catalogs:ekmas/radio-group","t":"Radio Group","d":"A set of checkable buttons where only one can be checked at a time.","s":"catalogs","c":"inputs/radio","hc":1},{"id":"catalogs:ekmas/resizable","t":"Resizable","d":"Accessible resizable panel groups with keyboard support.","k":"layout","s":"catalogs","c":"layout/split-pane","hc":1},{"id":"catalogs:ekmas/s1","t":"Star #1","d":"Decorative neobrutalist star shape 1, delivered as a customizable React SVG with color, si","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s10","t":"Star #10","d":"Decorative neobrutalist star shape 10, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s11","t":"Star #11","d":"Decorative neobrutalist star shape 11, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s12","t":"Star #12","d":"Decorative neobrutalist star shape 12, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/s13","t":"Star #13","d":"Decorative neobrutalist star shape 13, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s14","t":"Star #14","d":"Decorative neobrutalist star shape 14, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s15","t":"Star #15","d":"Decorative neobrutalist star shape 15, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s16","t":"Star #16","d":"Decorative neobrutalist star shape 16, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s17","t":"Star #17","d":"Decorative neobrutalist star shape 17, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s18","t":"Star #18","d":"Decorative neobrutalist star shape 18, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s19","t":"Star #19","d":"Decorative neobrutalist star shape 19, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s2","t":"Star #2","d":"Decorative neobrutalist star shape 2, delivered as a customizable React SVG with color, si","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s20","t":"Star #20","d":"Decorative neobrutalist star shape 20, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s21","t":"Star #21","d":"Decorative neobrutalist star shape 21, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s22","t":"Star #22","d":"Decorative neobrutalist star shape 22, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s23","t":"Star #23","d":"Decorative neobrutalist star shape 23, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s24","t":"Star #24","d":"Decorative neobrutalist star shape 24, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s25","t":"Star #25","d":"Decorative neobrutalist star shape 25, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/s26","t":"Star #26","d":"Decorative neobrutalist star shape 26, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s27","t":"Star #27","d":"Decorative neobrutalist star shape 27, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s28","t":"Star #28","d":"Decorative neobrutalist star shape 28, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s29","t":"Star #29","d":"Decorative neobrutalist star shape 29, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s3","t":"Star #3","d":"Decorative neobrutalist star shape 3, delivered as a customizable React SVG with color, si","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s30","t":"Star #30","d":"Decorative neobrutalist star shape 30, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/s31","t":"Star #31","d":"Decorative neobrutalist star shape 31, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s32","t":"Star #32","d":"Decorative neobrutalist star shape 32, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s33","t":"Star #33","d":"Decorative neobrutalist star shape 33, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s34","t":"Star #34","d":"Decorative neobrutalist star shape 34, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s35","t":"Star #35","d":"Decorative neobrutalist star shape 35, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s36","t":"Star #36","d":"Decorative neobrutalist star shape 36, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s37","t":"Star #37","d":"Decorative neobrutalist star shape 37, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s38","t":"Star #38","d":"Decorative neobrutalist star shape 38, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s39","t":"Star #39","d":"Decorative neobrutalist star shape 39, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s4","t":"Star #4","d":"Decorative neobrutalist star shape 4, delivered as a customizable React SVG with color, si","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/s40","t":"Star #40","d":"Decorative neobrutalist star shape 40, delivered as a customizable React SVG with color, s","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s5","t":"Star #5","d":"Decorative neobrutalist star shape 5, delivered as a customizable React SVG with color, si","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s6","t":"Star #6","d":"Decorative neobrutalist star shape 6, delivered as a customizable React SVG with color, si","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s7","t":"Star #7","d":"Decorative neobrutalist star shape 7, delivered as a customizable React SVG with color, si","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s8","t":"Star #8","d":"Decorative neobrutalist star shape 8, delivered as a customizable React SVG with color, si","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/s9","t":"Star #9","d":"Decorative neobrutalist star shape 9, delivered as a customizable React SVG with color, si","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:ekmas/scroll-area","t":"Scroll Area","d":"Augments native scroll functionality for custom, cross-browser styling.","k":"layout","s":"catalogs","c":"layout/scroll-area","tg":["playful"],"sy":["playful"],"hc":1},{"id":"catalogs:ekmas/select","t":"Select","d":"Displays a list of options for the user to pick from.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:ekmas/sheet","t":"Sheet","d":"Extends the Dialog component to display content that complements the main content of the s","s":"catalogs","c":"overlays/sheet"},{"id":"catalogs:ekmas/sidebar","t":"Sidebar","d":"A composable, themeable and customizable sidebar component.","s":"catalogs","c":"navigation/sidebar","hc":1},{"id":"catalogs:ekmas/skeleton","t":"Skeleton","d":"Use to show a placeholder while content is loading.","s":"catalogs","c":"status/skeleton","hc":1},{"id":"catalogs:ekmas/slider","t":"Slider","d":"An input where the user selects a value from within a given range.","s":"catalogs","c":"inputs/slider","hc":1},{"id":"catalogs:ekmas/spinner","t":"Spinner","d":"An indicator that can be used to show a loading state.","s":"catalogs","c":"status/loader","sb":"Spinners","hc":1},{"id":"catalogs:ekmas/switch","t":"Switch","d":"A toggle switch alternative to a checkbox.","s":"catalogs","c":"actions/switch","hc":1},{"id":"catalogs:ekmas/table","t":"Table","d":"A responsive table component with sorting and filtering.","s":"catalogs","c":"data-display/table","hc":1},{"id":"catalogs:ekmas/tabs","t":"Tabs","d":"A set of layered sections of content that display one panel at a time.","s":"catalogs","c":"navigation/tabs","hc":1},{"id":"catalogs:ekmas/textarea","t":"Textarea","d":"Displays a form textarea or a component that looks like a textarea.","s":"catalogs","c":"inputs/textarea"},{"id":"catalogs:ekmas/theme-amber","t":"Neobrutalism Amber","d":"Neobrutalism Amber is a complete Tailwind CSS v4 palette with the upstream neobrutalist co","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-amber-duotone","t":"Neobrutalism Amber Duotone","d":"Neobrutalism Amber Duotone is a complete Tailwind CSS v4 palette with the upstream neobrut","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-blue","t":"Neobrutalism Blue","d":"Neobrutalism Blue is a complete Tailwind CSS v4 palette with the upstream neobrutalist col","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-cyan","t":"Neobrutalism Cyan","d":"Neobrutalism Cyan is a complete Tailwind CSS v4 palette with the upstream neobrutalist col","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-cyan-duotone","t":"Neobrutalism Cyan Duotone","d":"Neobrutalism Cyan Duotone is a complete Tailwind CSS v4 palette with the upstream neobruta","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-emerald","t":"Neobrutalism Emerald","d":"Neobrutalism Emerald is a complete Tailwind CSS v4 palette with the upstream neobrutalist ","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-emerald-duotone","t":"Neobrutalism Emerald Duotone","d":"Neobrutalism Emerald Duotone is a complete Tailwind CSS v4 palette with the upstream neobr","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-fuchsia","t":"Neobrutalism Fuchsia","d":"Neobrutalism Fuchsia is a complete Tailwind CSS v4 palette with the upstream neobrutalist ","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-fuchsia-duotone","t":"Neobrutalism Fuchsia Duotone","d":"Neobrutalism Fuchsia Duotone is a complete Tailwind CSS v4 palette with the upstream neobr","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-green","t":"Neobrutalism Green","d":"Neobrutalism Green is a complete Tailwind CSS v4 palette with the upstream neobrutalist co","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-green-duotone","t":"Neobrutalism Green Duotone","d":"Neobrutalism Green Duotone is a complete Tailwind CSS v4 palette with the upstream neobrut","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-indigo","t":"Neobrutalism Indigo","d":"Neobrutalism Indigo is a complete Tailwind CSS v4 palette with the upstream neobrutalist c","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-lime","t":"Neobrutalism Lime","d":"Neobrutalism Lime is a complete Tailwind CSS v4 palette with the upstream neobrutalist col","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-lime-duotone","t":"Neobrutalism Lime Duotone","d":"Neobrutalism Lime Duotone is a complete Tailwind CSS v4 palette with the upstream neobruta","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-orange","t":"Neobrutalism Orange","d":"Neobrutalism Orange is a complete Tailwind CSS v4 palette with the upstream neobrutalist c","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-orange-duotone","t":"Neobrutalism Orange Duotone","d":"Neobrutalism Orange Duotone is a complete Tailwind CSS v4 palette with the upstream neobru","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-pink","t":"Neobrutalism Pink","d":"Neobrutalism Pink is a complete Tailwind CSS v4 palette with the upstream neobrutalist col","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-purple","t":"Neobrutalism Purple","d":"Neobrutalism Purple is a complete Tailwind CSS v4 palette with the upstream neobrutalist c","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-red","t":"Neobrutalism Red","d":"Neobrutalism Red is a complete Tailwind CSS v4 palette with the upstream neobrutalist colo","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-red-duotone","t":"Neobrutalism Red Duotone","d":"Neobrutalism Red Duotone is a complete Tailwind CSS v4 palette with the upstream neobrutal","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-rose","t":"Neobrutalism Rose","d":"Neobrutalism Rose is a complete Tailwind CSS v4 palette with the upstream neobrutalist col","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-rose-duotone","t":"Neobrutalism Rose Duotone","d":"Neobrutalism Rose Duotone is a complete Tailwind CSS v4 palette with the upstream neobruta","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-sky","t":"Neobrutalism Sky","d":"Neobrutalism Sky is a complete Tailwind CSS v4 palette with the upstream neobrutalist colo","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-sky-duotone","t":"Neobrutalism Sky Duotone","d":"Neobrutalism Sky Duotone is a complete Tailwind CSS v4 palette with the upstream neobrutal","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-teal","t":"Neobrutalism Teal","d":"Neobrutalism Teal is a complete Tailwind CSS v4 palette with the upstream neobrutalist col","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-teal-duotone","t":"Neobrutalism Teal Duotone","d":"Neobrutalism Teal Duotone is a complete Tailwind CSS v4 palette with the upstream neobruta","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-violet","t":"Neobrutalism Violet","d":"Neobrutalism Violet is a complete Tailwind CSS v4 palette with the upstream neobrutalist c","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-violet-duotone","t":"Neobrutalism Violet Duotone","d":"Neobrutalism Violet Duotone is a complete Tailwind CSS v4 palette with the upstream neobru","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-yellow","t":"Neobrutalism Yellow","d":"Neobrutalism Yellow is a complete Tailwind CSS v4 palette with the upstream neobrutalist c","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/theme-yellow-duotone","t":"Neobrutalism Yellow Duotone","d":"Neobrutalism Yellow Duotone is a complete Tailwind CSS v4 palette with the upstream neobru","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:ekmas/toast","t":"Toast","d":"A succinct message that is displayed temporarily.","s":"catalogs","c":"overlays/toast","hc":1},{"id":"catalogs:ekmas/toggle","t":"Toggle","d":"A two-state button that can be either on or off.","s":"catalogs","c":"actions/switch","hc":1},{"id":"catalogs:ekmas/toggle-group","t":"Toggle Group","d":"A set of two-state buttons that can be toggled on or off.","s":"catalogs","c":"actions/switch","hc":1},{"id":"catalogs:ekmas/tooltip","t":"Tooltip","d":"A popup that displays information related to an element when it receives keyboard focus or","s":"catalogs","c":"overlays/tooltip","hc":1},{"id":"catalogs:elevenlabs/audio-player","t":"Audio Player","d":"A customizable audio player with progress controls and playback management for music, podc","s":"catalogs","c":"media/player"},{"id":"catalogs:elevenlabs/bar-visualizer","t":"Bar Visualizer","d":"Real-time audio frequency visualizer with state-based animations for voice agents and audi","s":"catalogs","c":"ai-agent/ai-agent"},{"id":"catalogs:elevenlabs/conversation","t":"Conversation","d":"A scrolling conversation container with auto-scroll and sticky-to-bottom behavior for chat","s":"catalogs","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"catalogs:elevenlabs/conversation-bar","t":"Conversation Bar","d":"A complete voice conversation interface with microphone controls, text input, and real-tim","s":"catalogs","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"catalogs:elevenlabs/live-waveform","t":"Live Waveform","d":"Real-time canvas-based audio waveform visualizer with microphone input and customizable re","s":"catalogs","c":"media/player"},{"id":"catalogs:elevenlabs/matrix","t":"Matrix","d":"A retro dot-matrix display component with circular cells and smooth animations. Perfect fo","s":"catalogs","c":"media/player","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"catalogs:elevenlabs/message","t":"Message","d":"Composable message components with avatar, content variants, and automatic styling for use","s":"catalogs","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"catalogs:elevenlabs/mic-selector","t":"Mic Selector","d":"Microphone input selector with device management.","s":"catalogs","c":"inputs/form-field"},{"id":"catalogs:elevenlabs/music-player-01","t":"Music Player #1","d":"Music player with a playlist, track metadata, seeking, and playback controls.","s":"catalogs","c":"media/player"},{"id":"catalogs:elevenlabs/music-player-02","t":"Music Player #2","d":"Compact music player with album artwork, track details, and a progress control.","s":"catalogs","c":"media/player"},{"id":"catalogs:elevenlabs/orb","t":"Orb","d":"A 3D animated orb with audio reactivity, custom colors, and agent state visualization buil","s":"catalogs","c":"ai-agent/ai-agent","tg":["3d","webgl"],"sb":"Orbs and presence","sy":["3d","webgl"]},{"id":"catalogs:elevenlabs/pong-01","t":"Pong #1","d":"Retro Pong game with a dot-matrix display, player controls, and a leaderboard.","s":"catalogs","c":"data-display/gamification","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"catalogs:elevenlabs/realtime-transcriber-01","t":"Realtime Transcriber 01","d":"Live speech transcription panel with language selection and streaming transcript feedback.","s":"catalogs","c":"data-display/card"},{"id":"catalogs:elevenlabs/response","t":"Response","d":"Streaming markdown renderer with smooth character-by-character animations for AI responses","s":"catalogs","c":"ai-agent/ai-agent"},{"id":"catalogs:elevenlabs/scrub-bar","t":"Scrub Bar","d":"A component for scrubbing through a timeline, typically used for audio or video playback.","s":"catalogs","c":"data-display/timeline"},{"id":"catalogs:elevenlabs/shimmering-text","t":"Shimmering Text","d":"Animated text with gradient shimmer effects and viewport-triggered animations using Motion","k":"motion","s":"catalogs","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"]},{"id":"catalogs:elevenlabs/speaker-01","t":"Speaker #1","d":"Speaker-style audio player with a reactive orb, waveform, and playback controls.","s":"catalogs","c":"ai-agent/ai-agent"},{"id":"catalogs:elevenlabs/speech-input","t":"Speech Input","d":"A compact speech-to-text input component with real-time transcription using ElevenLabs Scr","s":"catalogs","c":"inputs/form-field"},{"id":"catalogs:elevenlabs/transcriber-01","t":"Transcriber #1","d":"Audio upload and recording interface that turns speech into a readable transcript.","s":"catalogs","c":"inputs/file-upload"},{"id":"catalogs:elevenlabs/transcript-viewer","t":"Transcript Viewer","d":"A component for displaying an audio transcript with word-by-word highlighting synced to au","s":"catalogs","c":"media/player"},{"id":"catalogs:elevenlabs/voice-button","t":"Voice Button","d":"Interactive button with voice recording states, live waveform visualization, and automatic","s":"catalogs","c":"actions/button"},{"id":"catalogs:elevenlabs/voice-chat-01","t":"Voice Chat #1","d":"Voice conversation panel with a message history, text input, and an animated agent orb.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"catalogs:elevenlabs/voice-chat-02","t":"Voice Chat #2","d":"Compact voice conversation card with an animated orb and call controls.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"catalogs:elevenlabs/voice-chat-03","t":"Voice Chat #3","d":"Minimal voice chat interface with agent status and connect/disconnect controls.","s":"catalogs","c":"ai-agent/ai-agent","tg":["minimal"],"sb":"Chat","sy":["minimal"]},{"id":"catalogs:elevenlabs/voice-form-01","t":"Voice Form #1","d":"Form that fills fields from a recorded spoken request using speech transcription.","s":"catalogs","c":"inputs/form-field","sb":"Whole forms"},{"id":"catalogs:elevenlabs/voice-nav-01","t":"Voice Nav #1","d":"Spoken site navigation that matches a recorded request to pages in a sitemap.","s":"catalogs","c":"navigation/top-nav"},{"id":"catalogs:elevenlabs/voice-picker","t":"Voice Picker","d":"Searchable voice selector with audio preview, orb visualization, and ElevenLabs voice inte","s":"catalogs","c":"inputs/select"},{"id":"catalogs:elevenlabs/waveform","t":"Waveform","d":"Canvas-based audio waveform visualization components with recording, playback scrubbing, a","s":"catalogs","c":"media/player"},{"id":"catalogs:expo/alert-swiftui","t":"Alert","d":"A SwiftUI prompt that presents a title, supporting message and actions over the current vi","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:expo/alertdialog-compose","t":"AlertDialog","d":"A Jetpack Compose modal prompt that requests a choice or acknowledgment before the current","s":"catalogs","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"catalogs:expo/badge-compose","t":"Badge","d":"A Jetpack Compose status marker or count that can stand alone or sit on another element.","s":"catalogs","c":"data-display/badge","hc":1},{"id":"catalogs:expo/badgedbox-compose","t":"BadgedBox","d":"A Jetpack Compose layout wrapper that positions a badge over content such as an icon.","s":"catalogs","c":"data-display/badge","hc":1},{"id":"catalogs:expo/basicalertdialog-compose","t":"BasicAlertDialog","d":"A low-level Jetpack Compose modal container for prompts with fully custom content.","s":"catalogs","c":"overlays/dialog","tg":["minimal"],"sb":"Confirm","sy":["minimal"],"hc":1},{"id":"catalogs:expo/bottomsheet-compose","t":"ModalBottomSheet","d":"A Jetpack Compose modal sheet that slides up from the bottom of the screen to present focu","s":"catalogs","c":"overlays/sheet","hc":1},{"id":"catalogs:expo/bottomsheet-swiftui","t":"BottomSheet","d":"A SwiftUI modal sheet that presents focused content from the bottom of the screen.","s":"catalogs","c":"overlays/sheet","hc":1},{"id":"catalogs:expo/bottomsheet-universal","t":"BottomSheet","d":"A universal @expo/ui modal sheet for presenting content from the bottom of the screen on A","s":"catalogs","c":"overlays/sheet","hc":1},{"id":"catalogs:expo/box-compose","t":"Box","d":"A Jetpack Compose layout container that stacks children in the same space and controls the","k":"layout","s":"catalogs","c":"layout/page-shell","hc":1},{"id":"catalogs:expo/button-compose","t":"Button","d":"Jetpack Compose pressable controls with Material 3 filled, tonal, outlined, elevated and t","s":"catalogs","c":"actions/button","hc":1},{"id":"catalogs:expo/button-swiftui","t":"Button","d":"A SwiftUI action control with native styling, semantic roles and modifier support.","s":"catalogs","c":"actions/button","hc":1},{"id":"catalogs:expo/button-universal","t":"Button","d":"A universal @expo/ui pressable button with native rendering and multiple visual variants o","s":"catalogs","c":"actions/button","hc":1},{"id":"catalogs:expo/card-compose","t":"Card","d":"A Jetpack Compose surface for grouping related content and actions with filled, elevated o","s":"catalogs","c":"data-display/card","hc":1},{"id":"catalogs:expo/carousel-compose","t":"Carousel","d":"Jetpack Compose horizontal carousels for browsing scrollable collections in Material 3 lay","s":"catalogs","c":"media/carousel","hc":1},{"id":"catalogs:expo/checkbox-compose","t":"Checkbox","d":"A Jetpack Compose selection control with checked, unchecked and indeterminate states.","s":"catalogs","c":"inputs/checkbox","hc":1},{"id":"catalogs:expo/checkbox-universal","t":"Checkbox","d":"A universal @expo/ui selection control for checked and unchecked states across Android, iO","s":"catalogs","c":"inputs/checkbox","hc":1},{"id":"catalogs:expo/chip-compose","t":"Chip","d":"Jetpack Compose compact controls for filters, input, suggestions or assistive actions.","s":"catalogs","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"catalogs:expo/collapsible-universal","t":"Collapsible","d":"A universal @expo/ui labelled header that toggles the visibility of its content on Android","s":"catalogs","c":"data-display/accordion","hc":1},{"id":"catalogs:expo/colorpicker-swiftui","t":"ColorPicker","d":"A SwiftUI control that opens the system color interface and binds the chosen color to app ","s":"catalogs","c":"inputs/color-picker","hc":1},{"id":"catalogs:expo/column-compose","t":"Column","d":"A Jetpack Compose layout that places children vertically with configurable alignment and s","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:expo/column-universal","t":"Column","d":"A vertical layout container for universal @expo/ui components.","k":"layout","s":"catalogs","c":"layout/page-shell","hc":1},{"id":"catalogs:expo/confirmationdialog-swiftui","t":"ConfirmationDialog","d":"A SwiftUI action prompt that presents a set of related choices, including destructive and ","s":"catalogs","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"catalogs:expo/contextmenu-swiftui","t":"ContextMenu","d":"A SwiftUI menu of contextual actions revealed from its associated content.","s":"catalogs","c":"overlays/context-menu","hc":1},{"id":"catalogs:expo/controlgroup-swiftui","t":"ControlGroup","d":"A SwiftUI container that visually coordinates a related set of interactive controls.","k":"layout","s":"catalogs","c":"layout/page-shell","hc":1},{"id":"catalogs:expo/datepicker-swiftui","t":"DatePicker","d":"A SwiftUI input for choosing dates, times or both with native calendar and clock presentat","s":"catalogs","c":"inputs/date-picker","hc":1},{"id":"catalogs:expo/datetimepicker-compose","t":"DateTimePicker","d":"A Jetpack Compose input for choosing a date or time through Material 3 dialogs.","s":"catalogs","c":"inputs/time-picker","hc":1},{"id":"catalogs:expo/disclosuregroup-swiftui","t":"DisclosureGroup","d":"A SwiftUI container with a labelled control that expands or collapses its content.","s":"catalogs","c":"data-display/accordion","hc":1},{"id":"catalogs:expo/divider-compose","t":"Divider","d":"A Jetpack Compose horizontal or vertical separator for distinguishing adjacent content reg","k":"layout","s":"catalogs","c":"layout/page-shell","hc":1},{"id":"catalogs:expo/divider-swiftui","t":"Divider","d":"A SwiftUI visual separator that adapts to the orientation of its containing stack.","k":"layout","s":"catalogs","c":"layout/page-shell","hc":1},{"id":"catalogs:expo/dockedsearchbar-compose","t":"DockedSearchBar","d":"A Jetpack Compose search input that keeps suggestions or results in a persistent docked pa","s":"catalogs","c":"inputs/search","hc":1},{"id":"catalogs:expo/dropdownmenu-compose","t":"DropdownMenu","d":"A Jetpack Compose floating menu that presents temporary actions or choices from a trigger.","s":"catalogs","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"catalogs:expo/exposeddropdownmenubox-compose","t":"ExposedDropdownMenuBox","d":"A Jetpack Compose anchored menu pattern for choosing from options associated with a text f","s":"catalogs","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"catalogs:expo/fieldgroup-universal","t":"FieldGroup","d":"A universal @expo/ui container for scrollable groups of settings-style rows on Android, iO","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:expo/floatingactionbutton-compose","t":"FloatingActionButton","d":"Jetpack Compose Material 3 action buttons that float above screen content for a prominent ","s":"catalogs","c":"actions/button","hc":1},{"id":"catalogs:expo/flowrow-compose","t":"FlowRow","d":"A Jetpack Compose layout that places children horizontally and wraps overflow onto additio","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:expo/form-swiftui","t":"Form","d":"A SwiftUI container that organizes data-entry controls into platform-standard grouped rows","s":"catalogs","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"catalogs:expo/gauge-swiftui","t":"Gauge","d":"A SwiftUI visualization that shows a current value within a bounded range using native gau","s":"catalogs","c":"data-viz/gauge","hc":1},{"id":"catalogs:expo/horizontalfloatingtoolbar-compose","t":"HorizontalFloatingToolbar","d":"A Jetpack Compose floating horizontal bar for keeping a compact set of actions above scree","s":"catalogs","c":"navigation/dock","hc":1},{"id":"catalogs:expo/horizontalpager-compose","t":"HorizontalPager","d":"A Jetpack Compose container for moving through discrete pages with horizontal swipe gestur","k":"layout","s":"catalogs","c":"layout/page-shell","hc":1},{"id":"catalogs:expo/hstack-swiftui","t":"HStack","d":"A SwiftUI layout that arranges child views horizontally with configurable alignment and sp","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:expo/icon-compose","t":"Icon","d":"A Jetpack Compose graphic for rendering vector icons with Material-aware size and tint.","k":"resource","s":"catalogs","c":"assets/icon","hc":1},{"id":"catalogs:expo/icon-universal","t":"Icon","d":"A universal @expo/ui icon that renders an SF Symbol on iOS and a Material Symbol on Androi","k":"resource","s":"catalogs","c":"assets/icon","hc":1},{"id":"catalogs:expo/iconbutton-compose","t":"IconButton","d":"Jetpack Compose Material 3 icon-only actions with standard, filled, tonal and outlined tre","s":"catalogs","c":"actions/button","sb":"Icon buttons","hc":1},{"id":"catalogs:expo/image-compose","t":"Image","d":"A Jetpack Compose visual that renders raster or vector content with configurable alignment","s":"catalogs","c":"media/gallery","hc":1},{"id":"catalogs:expo/image-swiftui","t":"Image","d":"A SwiftUI visual for rendering SF Symbols with native sizing, color and symbol treatments.","s":"catalogs","c":"media/gallery","hc":1},{"id":"catalogs:expo/label-swiftui","t":"Label","d":"A SwiftUI view that pairs an icon with text for controls, menus and other compact interfac","s":"catalogs","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"catalogs:expo/lazycolumn-compose","t":"LazyColumn","d":"A Jetpack Compose vertically scrolling layout that composes list content only as it become","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:expo/lazyrow-compose","t":"LazyRow","d":"A Jetpack Compose horizontally scrolling layout that composes list content only as it beco","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:expo/link-swiftui","t":"Link","d":"A SwiftUI text or label control that opens a URL using native link behavior.","s":"catalogs","c":"actions/link","hc":1},{"id":"catalogs:expo/list-swiftui","t":"List","d":"A SwiftUI scrolling container for structured rows, sections and platform-standard list int","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:expo/list-universal","t":"List","d":"A universal @expo/ui virtualized list paired with tappable ListItem rows for Android, iOS ","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:expo/listitem-compose","t":"ListItem","d":"A Jetpack Compose row pattern with coordinated headline, supporting text, leading content ","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:expo/loadingindicator-compose","t":"LoadingIndicator","d":"Jetpack Compose animated indicators for operations whose progress cannot be measured.","s":"catalogs","c":"status/loader","hc":1},{"id":"catalogs:expo/menu-swiftui","t":"Menu","d":"A SwiftUI control that reveals a compact list of actions or choices from a labelled trigge","s":"catalogs","c":"navigation/menu","hc":1},{"id":"catalogs:expo/navigationbar-compose","t":"NavigationBar","d":"A Jetpack Compose Material 3 destination bar for switching among top-level areas at the bo","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:expo/overlay-swiftui","t":"Overlay","d":"A SwiftUI layout modifier that places secondary content in front of a primary view.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:expo/picker-swiftui","t":"Picker","d":"A SwiftUI single-choice input with native menu, segmented, wheel and navigation presentati","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:expo/picker-universal","t":"Picker","d":"A universal @expo/ui single-selection input with native menu and wheel appearances on Andr","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:expo/popover-swiftui","t":"Popover","d":"A SwiftUI floating panel anchored to a source view for contextual content or controls.","s":"catalogs","c":"overlays/popover","hc":1},{"id":"catalogs:expo/progress-compose","t":"Progress indicators","d":"Jetpack Compose linear and circular indicators for determinate or indeterminate operation ","s":"catalogs","c":"data-viz/progress-bar","hc":1},{"id":"catalogs:expo/progressview-swiftui","t":"ProgressView","d":"A SwiftUI indicator for determinate progress or an indeterminate waiting state.","s":"catalogs","c":"data-viz/progress-bar","hc":1},{"id":"catalogs:expo/pulltorefreshbox-compose","t":"PullToRefreshBox","d":"A Jetpack Compose container that refreshes scrollable content after a downward pull gestur","k":"layout","s":"catalogs","c":"layout/page-shell","hc":1},{"id":"catalogs:expo/radiobutton-compose","t":"RadioButton","d":"A Jetpack Compose control for choosing one option from a mutually exclusive group.","s":"catalogs","c":"actions/button","hc":1},{"id":"catalogs:expo/row-compose","t":"Row","d":"A Jetpack Compose layout that places children horizontally with configurable alignment and","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:expo/row-universal","t":"Row","d":"A horizontal layout container for universal @expo/ui components.","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:expo/scrollview-universal","t":"ScrollView","d":"A universal @expo/ui container for vertical or horizontal scrolling on Android, iOS and we","k":"layout","s":"catalogs","c":"layout/scroll-area","hc":1},{"id":"catalogs:expo/searchbar-compose","t":"SearchBar","d":"A Jetpack Compose search input that expands to present suggestions or results over the cur","s":"catalogs","c":"inputs/search","hc":1},{"id":"catalogs:expo/section-swiftui","t":"Section","d":"A SwiftUI grouping container for related rows with optional header and footer content.","k":"section","s":"catalogs","c":"marketing/footer","hc":1},{"id":"catalogs:expo/securefield-swiftui","t":"SecureField","d":"A SwiftUI single-line text input that masks sensitive values such as passwords.","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:expo/segmentedbutton-compose","t":"SegmentedButton","d":"Jetpack Compose segmented controls for selecting one or multiple options from a compact re","s":"catalogs","c":"actions/button","hc":1},{"id":"catalogs:expo/slider-compose","t":"Slider","d":"A Jetpack Compose track-and-thumb input for choosing a continuous or stepped value within ","s":"catalogs","c":"inputs/slider"},{"id":"catalogs:expo/slider-swiftui","t":"Slider","d":"A SwiftUI track-and-thumb input for choosing a continuous value within a bounded range.","s":"catalogs","c":"inputs/slider","hc":1},{"id":"catalogs:expo/slider-universal","t":"Slider","d":"A universal @expo/ui control for selecting a continuous or stepped value on Android, iOS a","s":"catalogs","c":"inputs/slider","hc":1},{"id":"catalogs:expo/snackbar-compose","t":"Snackbar","d":"A Jetpack Compose message that provides brief feedback near the bottom of the screen witho","s":"catalogs","c":"overlays/toast","hc":1},{"id":"catalogs:expo/spacer-compose","t":"Spacer","d":"A Jetpack Compose layout element that inserts adjustable empty space between neighbouring ","s":"catalogs","c":"data-display/empty-state","hc":1},{"id":"catalogs:expo/spacer-swiftui","t":"Spacer","d":"A SwiftUI layout element that expands along a stack axis to create flexible spacing.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:expo/spacer-universal","t":"Spacer","d":"A universal @expo/ui layout primitive that adds empty space between sibling components.","s":"catalogs","c":"data-display/empty-state"},{"id":"catalogs:expo/surface-compose","t":"Surface","d":"A Jetpack Compose Material 3 container that applies color, shape, elevation and interactio","k":"layout","s":"catalogs","c":"layout/page-shell","hc":1},{"id":"catalogs:expo/switch-compose","t":"Switch","d":"A Jetpack Compose on-off control with a sliding thumb and optional icon content.","s":"catalogs","c":"actions/switch","hc":1},{"id":"catalogs:expo/switch-universal","t":"Switch","d":"A universal @expo/ui toggle for switching between on and off states on Android, iOS and we","s":"catalogs","c":"actions/switch","hc":1},{"id":"catalogs:expo/tabview-swiftui","t":"TabView","d":"A SwiftUI container that switches among selected child views using tabs or page-style navi","s":"catalogs","c":"navigation/tabs","hc":1},{"id":"catalogs:expo/text-compose","t":"Text","d":"A Jetpack Compose primitive for styled, selectable or annotated text.","k":"motion","s":"catalogs","c":"motion/text-effect"},{"id":"catalogs:expo/text-swiftui","t":"Text","d":"A SwiftUI primitive for styled text that can combine nested runs with distinct formatting.","k":"motion","s":"catalogs","c":"motion/text-effect"},{"id":"catalogs:expo/text-universal","t":"Text","d":"A universal @expo/ui primitive for displaying styled text on Android, iOS and web.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1},{"id":"catalogs:expo/textfield-compose","t":"TextField","d":"Jetpack Compose Material 3 inputs with filled or outlined treatment for editable text.","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:expo/textfield-swiftui","t":"TextField","d":"A SwiftUI single-line input for editable text with native focus and submission behavior.","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:expo/textinput-universal","t":"TextInput","d":"A universal @expo/ui text input with a React Native-compatible API and native SwiftUI or J","s":"catalogs","c":"inputs/form-field"},{"id":"catalogs:expo/toggle-swiftui","t":"Toggle","d":"A SwiftUI on-off control bound to a Boolean value with native switch, button or custom sty","s":"catalogs","c":"actions/switch","hc":1},{"id":"catalogs:expo/togglebutton-compose","t":"ToggleButton","d":"Jetpack Compose Material 3 buttons that retain a selected or unselected state.","s":"catalogs","c":"actions/button"},{"id":"catalogs:expo/tooltip-compose","t":"Tooltip","d":"Jetpack Compose contextual labels that appear after a long press or pointer hover.","s":"catalogs","c":"overlays/tooltip","hc":1},{"id":"catalogs:expo/vstack-swiftui","t":"VStack","d":"A SwiftUI layout that arranges child views vertically with configurable alignment and spac","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:expo/zstack-swiftui","t":"ZStack","d":"A SwiftUI layout that layers child views back to front with configurable alignment.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:extend-hq/bounding-box-citations-block/radix-nova","t":"Bounding Box Citations","d":"An extraction citation block linked to source PDF bounding boxes.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Sources","hc":1,"cp":1},{"id":"catalogs:extend-hq/bounding-box-citations/radix-nova","t":"Bounding Box Citations","d":"An extraction citation panel connected to source bounding boxes and editable values.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"catalogs:extend-hq/csv-viewer/radix-nova","t":"CSV Viewer","d":"A CSV and TSV viewer with parsing, upload, search, zoom, theme-aware grid rendering, and G","s":"catalogs","c":"inputs/file-upload","hc":1},{"id":"catalogs:extend-hq/document-splits-block/radix-nova","t":"Document Splits","d":"A split-group review block for organizing PDF pages into output documents.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1,"cp":1},{"id":"catalogs:extend-hq/document-splits/radix-nova","t":"Document Splits","d":"A split-group review panel for organizing pages into output documents.","s":"catalogs","c":"data-display/card","hc":1},{"id":"catalogs:extend-hq/document-viewer-sidebar/radix-nova","t":"Document Viewer Sidebar","d":"Shared thumbnail sidebar behavior for document viewers, including viewer-width responsive ","s":"catalogs","c":"navigation/sidebar","hc":1,"cp":1},{"id":"catalogs:extend-hq/docx-editor-block/radix-nova","t":"DOCX Editor","d":"A full DOCX editor block with a Word-style toolbar, page thumbnails, and export controls.","s":"catalogs","c":"inputs/textarea","hc":1,"cp":1},{"id":"catalogs:extend-hq/docx-editor/radix-nova","t":"DOCX Editor","d":"An experimental DOCX editor with a Word-style toolbar, page thumbnails, import, export, an","s":"catalogs","c":"inputs/textarea","hc":1},{"id":"catalogs:extend-hq/docx-viewer/radix-nova","t":"DOCX Viewer","d":"A DOCX viewer with upload, zoom, theme controls, and read-only rendering.","s":"catalogs","c":"inputs/file-upload","hc":1},{"id":"catalogs:extend-hq/e-signature/radix-nova","t":"E Signature","d":"A PDF signature review block with field overlays and signing actions.","s":"catalogs","c":"inputs/form-field"},{"id":"catalogs:extend-hq/excel-editor/radix-nova","t":"Excel Editor","d":"A full Excel editor block with workbook upload, cell formatting, merge tools, sheets, zoom","s":"catalogs","c":"inputs/textarea","hc":1,"cp":1},{"id":"catalogs:extend-hq/file-system-block/radix-nova","t":"File System (Finder)","d":"A Finder-style file browser block that opens PDF, DOCX, PowerPoint, XLSX, and image files ","s":"catalogs","c":"media/gallery","hc":1,"cp":1},{"id":"catalogs:extend-hq/file-system/radix-nova","t":"File System (Finder)","d":"A macOS Finder-style file browser for flat object-store manifests with icon, list, column,","s":"catalogs","c":"data-display/list","sb":"Files and trees"},{"id":"catalogs:extend-hq/file-thumbnail/radix-nova","t":"File Thumbnail","d":"A compact file preview thumbnail shell for externally generated images, loading states, an","k":"layout","s":"catalogs","c":"layout/page-shell","hc":1,"cp":1},{"id":"catalogs:extend-hq/file-upload/radix-nova","t":"File Upload","d":"A drag-and-drop file upload surface with accepted file type icons and a compact file list.","s":"catalogs","c":"inputs/file-upload","hc":1,"cp":1},{"id":"catalogs:extend-hq/layout-blocks-block/radix-nova","t":"Layout Blocks","d":"A structured layout review block with confidence cards and PDF region overlays.","s":"catalogs","c":"data-display/card","hc":1,"cp":1},{"id":"catalogs:extend-hq/layout-blocks/radix-nova","t":"Layout Blocks","d":"A structured layout review panel with typed blocks and confidence cards.","s":"catalogs","c":"data-display/card","hc":1},{"id":"catalogs:extend-hq/pdf-block-resizable-shell/radix-nova","t":"PDF Block Resizable Shell","d":"A reusable resizable left document viewer and right review panel shell for PDF-style block","k":"layout","s":"catalogs","c":"layout/page-shell"},{"id":"catalogs:extend-hq/pdf-dropzone/radix-nova","t":"PDF Dropzone","d":"A PDF-only upload dropzone that opens the dropped file in the shared PDF viewer.","s":"catalogs","c":"inputs/file-upload","hc":1,"cp":1},{"id":"catalogs:extend-hq/pdf-editor-block/radix-nova","t":"PDF Editor","d":"A full PDF editor block with annotation, redaction, form, signature, stamp, page organizat","s":"catalogs","c":"inputs/textarea","hc":1,"cp":1},{"id":"catalogs:extend-hq/pdf-editor/radix-nova","t":"PDF Editor","d":"A PDF editor with annotations, comments, redaction, form filling and design, signatures, r","s":"catalogs","c":"inputs/textarea"},{"id":"catalogs:extend-hq/pdf-viewer/radix-nova","t":"PDF Viewer","d":"A PDF viewer with page virtualization, thumbnails, search, zoom, rotation, upload, and pag","s":"catalogs","c":"inputs/file-upload","hc":1},{"id":"catalogs:extend-hq/pptx-viewer/radix-nova","t":"PowerPoint Viewer","d":"A PowerPoint viewer with slide navigation, zoom, upload, download, custom scroll areas, an","s":"catalogs","c":"inputs/file-upload","hc":1},{"id":"catalogs:extend-hq/schema-builder/radix-nova","t":"Schema Builder","d":"A JSON schema builder with form and JSON views for extraction schemas.","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:extend-hq/xlsx-editor/radix-nova","t":"Excel Editor","d":"An experimental XLSX editor with formula input, undo and redo, sheet controls, export, and","s":"catalogs","c":"inputs/textarea","hc":1},{"id":"catalogs:extend-hq/xlsx-viewer/radix-nova","t":"Excel Viewer","d":"An XLSX viewer with workbook loading, thumbnails, sheet tabs, upload, zoom, and theme cont","s":"catalogs","c":"navigation/tabs","hc":1},{"id":"catalogs:founded-labs/accordion/nativewind","t":"Accordion","d":"A vertically stacked set of interactive headings that each reveal a section of content.","s":"catalogs","c":"data-display/accordion"},{"id":"catalogs:founded-labs/alert-dialog/nativewind","t":"Alert Dialog","d":"A modal dialog that interrupts the user with important content and expects a response.","s":"catalogs","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"catalogs:founded-labs/alert/nativewind","t":"Alert","d":"Displays a callout for user attention.","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:founded-labs/aspect-ratio/nativewind","t":"Aspect Ratio","d":"Displays content within a desired ratio.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:founded-labs/avatar/nativewind","t":"Avatar","d":"An image element with a fallback for representing the user.","s":"catalogs","c":"data-display/avatar","hc":1},{"id":"catalogs:founded-labs/badge/nativewind","t":"Badge","d":"Displays a badge or a component that looks like a badge.","s":"catalogs","c":"data-display/badge","hc":1},{"id":"catalogs:founded-labs/button/nativewind","t":"Button","d":"Displays a button or a component that looks like a button.","s":"catalogs","c":"actions/button"},{"id":"catalogs:founded-labs/card/nativewind","t":"Card","d":"Displays a card with header, content, and footer.","s":"catalogs","c":"data-display/card","hc":1},{"id":"catalogs:founded-labs/checkbox/nativewind","t":"Checkbox","d":"A control that allows the user to toggle between checked and not checked.","s":"catalogs","c":"inputs/checkbox","hc":1},{"id":"catalogs:founded-labs/collapsible/nativewind","t":"Collapsible","d":"An interactive component that expands or collapses a panel of content.","s":"catalogs","c":"data-display/accordion"},{"id":"catalogs:founded-labs/context-menu/nativewind","t":"Context Menu","d":"Displays a menu of actions or functions, opened by a right click on web or a long press on","s":"catalogs","c":"overlays/context-menu","tg":["playful"],"sy":["playful"],"hc":1},{"id":"catalogs:founded-labs/dialog/nativewind","t":"Dialog","d":"A window overlaid on either the primary window or another dialog window, rendering the con","s":"catalogs","c":"overlays/dialog","hc":1},{"id":"catalogs:founded-labs/dropdown-menu/nativewind","t":"Dropdown Menu","d":"Displays a menu to the user — such as a set of actions or functions — triggered by a butto","s":"catalogs","c":"navigation/menu","tg":["playful"],"sb":"Dropdowns","sy":["playful"],"hc":1},{"id":"catalogs:founded-labs/forgot-password-form/nativewind-forgot-password-form","t":"Forgot Password Form","d":"A form that sends a password reset OTP to the user's email address.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"catalogs:founded-labs/hover-card/nativewind","t":"Hover Card","d":"For sighted users to preview content available behind a link.","s":"catalogs","c":"overlays/hover-card","hc":1},{"id":"catalogs:founded-labs/icon/nativewind","t":"Icon","d":"A wrapper that renders any Lucide icon with utility classes and inherits the surrounding t","k":"resource","s":"catalogs","c":"assets/icon","hc":1},{"id":"catalogs:founded-labs/input/nativewind","t":"Input","d":"Displays a form input field or a component that looks like an input field.","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:founded-labs/label/nativewind","t":"Label","d":"Renders an accessible label associated with controls.","s":"catalogs","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"catalogs:founded-labs/menubar/nativewind","t":"Menubar","d":"A visually persistent menu common in desktop applications that provides quick access to a ","s":"catalogs","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"catalogs:founded-labs/native-only-animated-view/nativewind","t":"Native Only Animated View","d":"A view that animates with Reanimated on iOS and Android and renders its children unchanged","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:founded-labs/popover/nativewind","t":"Popover","d":"Displays rich content in a portal, triggered by a button.","s":"catalogs","c":"overlays/popover","hc":1},{"id":"catalogs:founded-labs/progress/nativewind","t":"Progress","d":"Displays an indicator showing the completion progress of a task, typically displayed as a ","s":"catalogs","c":"data-viz/progress-bar","hc":1},{"id":"catalogs:founded-labs/radio-group/nativewind","t":"Radio Group","d":"A set of checkable buttons—known as radio buttons—where no more than one of the buttons ca","s":"catalogs","c":"inputs/radio","hc":1},{"id":"catalogs:founded-labs/reset-password-form/nativewind-reset-password-form","t":"Reset Password Form","d":"A form for resetting a password with an OTP sent via email.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"catalogs:founded-labs/select/nativewind","t":"Select","d":"Displays a list of options for the user to pick from—triggered by a button.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:founded-labs/separator/nativewind","t":"Separator","d":"Visually or semantically separates content.","k":"layout","s":"catalogs","c":"layout/page-shell","hc":1},{"id":"catalogs:founded-labs/sign-in-form/nativewind-sign-in-form","t":"Sign In Form","d":"A form for signing in using email and password or social providers.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Sign in"},{"id":"catalogs:founded-labs/sign-up-form/nativewind-sign-up-form","t":"Sign Up Form","d":"A form for creating an account with email and password or social providers.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"catalogs:founded-labs/skeleton/nativewind","t":"Skeleton","d":"Use to show a placeholder while content is loading.","s":"catalogs","c":"status/skeleton","hc":1},{"id":"catalogs:founded-labs/social-connections/nativewind-social-connections","t":"Social Connections","d":"A set of buttons for authenticating through social providers.","s":"catalogs","c":"actions/button","sb":"Social and sign-in","hc":1},{"id":"catalogs:founded-labs/switch/nativewind","t":"Switch","d":"A control that allows the user to toggle between on and off.","s":"catalogs","c":"actions/switch","hc":1},{"id":"catalogs:founded-labs/tabs/nativewind","t":"Tabs","d":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","s":"catalogs","c":"navigation/tabs","hc":1},{"id":"catalogs:founded-labs/text/nativewind","t":"Text","d":"A component for displaying text.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1},{"id":"catalogs:founded-labs/textarea/nativewind","t":"Textarea","d":"Displays a form textarea or a component that looks like a textarea.","s":"catalogs","c":"inputs/textarea","hc":1},{"id":"catalogs:founded-labs/toggle-group/nativewind","t":"Toggle Group","d":"A set of two-state buttons that can be toggled on or off.","s":"catalogs","c":"actions/switch","hc":1},{"id":"catalogs:founded-labs/toggle/nativewind","t":"Toggle","d":"A two-state button that can be either on or off.","s":"catalogs","c":"actions/switch","hc":1},{"id":"catalogs:founded-labs/tooltip/nativewind","t":"Tooltip","d":"A popup that displays information related to an element when the element receives keyboard","s":"catalogs","c":"overlays/tooltip","hc":1},{"id":"catalogs:founded-labs/user-menu/nativewind-user-menu","t":"User Menu","d":"A popover menu presenting options and actions for the current user.","s":"catalogs","c":"navigation/menu","hc":1},{"id":"catalogs:founded-labs/verify-email-form/nativewind-verify-email-form","t":"Verify Email Form","d":"A form for verifying an email address with an OTP sent via email.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Verification"},{"id":"catalogs:heroui/accordion-native","t":"Accordion","d":"A collapsible content panel for organizing information in a compact space, with single or ","s":"catalogs","c":"data-display/accordion","hc":1},{"id":"catalogs:heroui/accordion-web","t":"Accordion","d":"A vertically stacked set of disclosure panels that lets people expand and collapse section","s":"catalogs","c":"data-display/accordion","hc":1},{"id":"catalogs:heroui/alert-dialog-web","t":"Alert Dialog","d":"A modal confirmation prompt for consequential actions that requires a deliberate response ","s":"catalogs","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"catalogs:heroui/alert-native","t":"Alert","d":"An inline status message with an indicator, title and description for important informatio","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:heroui/alert-web","t":"Alert","d":"A prominent feedback message that communicates important status, warning, success, or erro","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:heroui/autocomplete-web","t":"Autocomplete","d":"A text input that suggests matching options as a person types and supports choosing from t","s":"catalogs","c":"inputs/combobox","hc":1},{"id":"catalogs:heroui/avatar-native","t":"Avatar","d":"A user identity image with animated loading and fallbacks for initials, custom content or ","s":"catalogs","c":"data-display/avatar","hc":1},{"id":"catalogs:heroui/avatar-web","t":"Avatar","d":"A compact identity image for a person or entity, with a fallback when no image is availabl","s":"catalogs","c":"data-display/avatar","hc":1},{"id":"catalogs:heroui/badge-web","t":"Badge","d":"A compact status, count, or label marker attached to another element to draw attention to ","s":"catalogs","c":"data-display/badge","hc":1},{"id":"catalogs:heroui/bottom-sheet-native","t":"Bottom Sheet","d":"A modal panel that slides up from the bottom of the screen with snap points, scrollable co","s":"catalogs","c":"overlays/sheet","hc":1},{"id":"catalogs:heroui/breadcrumbs-web","t":"Breadcrumbs","d":"A hierarchical navigation trail that shows the current page's location and links back thro","s":"catalogs","c":"navigation/breadcrumb"},{"id":"catalogs:heroui/button-group-web","t":"Button Group","d":"A visually connected set of related actions that keeps buttons aligned and communicates th","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1},{"id":"catalogs:heroui/button-native","t":"Button","d":"HeroUI Native's button for Expo and bare React Native apps: solid, outline, ghost and dang","s":"catalogs","c":"actions/button","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:heroui/button-web","t":"Button","d":"HeroUI's button, built on React Aria: seven looks from solid primary through outline, ghos","s":"catalogs","c":"actions/button","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:heroui/calendar-web","t":"Calendar","d":"An interactive month grid for viewing dates and selecting a single date with keyboard and ","s":"catalogs","c":"data-display/calendar","hc":1},{"id":"catalogs:heroui/card-native","t":"Card","d":"A surface-based container with header, body, title, description and footer sections for pr","s":"catalogs","c":"data-display/card"},{"id":"catalogs:heroui/card-web","t":"Card","d":"A bounded content container that groups related text, media, and actions into one scannabl","s":"catalogs","c":"data-display/card","hc":1},{"id":"catalogs:heroui/checkbox-group-web","t":"Checkbox Group","d":"A labeled collection of checkboxes for choosing any number of related options as one form ","s":"catalogs","c":"inputs/checkbox","hc":1},{"id":"catalogs:heroui/checkbox-native","t":"Checkbox","d":"A selectable form control for toggling a checked state, with an animated default checkmark","s":"catalogs","c":"inputs/checkbox","hc":1},{"id":"catalogs:heroui/checkbox-web","t":"Checkbox","d":"A binary selection control for toggling an independent option on or off, including indeter","s":"catalogs","c":"inputs/checkbox","hc":1},{"id":"catalogs:heroui/chip-native","t":"Chip","d":"A compact capsule-shaped element for short labels or custom content, with configurable siz","s":"catalogs","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"catalogs:heroui/chip-web","t":"Chip","d":"A compact visual label for categories, attributes, filters, or statuses that can optionall","s":"catalogs","c":"data-display/badge","sb":"Tags and pills"},{"id":"catalogs:heroui/close-button-native","t":"Close Button","d":"An icon-only button for closing dialogs and modals or dismissing content, with a ready-mad","s":"catalogs","c":"actions/button","hc":1},{"id":"catalogs:heroui/close-button-web","t":"Close Button","d":"A compact icon-only action for dismissing dialogs, popovers, banners, tags, and other temp","s":"catalogs","c":"actions/button","hc":1},{"id":"catalogs:heroui/color-area-web","t":"Color Area","d":"A two-dimensional color control for adjusting two channels, such as saturation and brightn","k":"motion","s":"catalogs","c":"motion/gradient","tg":["gradient"],"sy":["gradient"]},{"id":"catalogs:heroui/color-field-web","t":"Color Field","d":"A text field for entering and editing a color value in a supported color format.","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:heroui/color-picker-web","t":"Color Picker","d":"A composed control for choosing a color through visual controls and editable values, often","s":"catalogs","c":"inputs/select"},{"id":"catalogs:heroui/color-slider-web","t":"Color Slider","d":"A track control for adjusting one color channel, such as hue, saturation, brightness, or a","s":"catalogs","c":"inputs/slider","hc":1},{"id":"catalogs:heroui/color-swatch-picker-web","t":"Color Swatch Picker","d":"A selectable collection of color samples for choosing one or more colors from a predefined","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:heroui/color-swatch-web","t":"Color Swatch","d":"A small visual sample that displays a color and can represent a selectable or read-only co","s":"catalogs","c":"inputs/color-picker","hc":1},{"id":"catalogs:heroui/combo-box-web","t":"Combo Box","d":"An editable input paired with a list of choices, allowing people to filter options and sel","s":"catalogs","c":"inputs/combobox","hc":1},{"id":"catalogs:heroui/control-field-native","t":"Control Field","d":"A pressable form row that combines a label and description with a switch, checkbox or radi","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:heroui/date-field-web","t":"Date Field","d":"A segmented text input for entering and editing date parts such as month, day, and year wi","s":"catalogs","c":"inputs/form-field"},{"id":"catalogs:heroui/date-picker-web","t":"Date Picker","d":"A date field paired with a popover calendar so people can type a date or choose one from a","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:heroui/date-range-picker-web","t":"Date Range Picker","d":"A paired date input with a popover calendar for selecting a start date and end date as one","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:heroui/description-native","t":"Description","d":"Muted supporting text for accessible form-field descriptions, helper copy and other second","s":"catalogs","c":"inputs/form-field"},{"id":"catalogs:heroui/description-web","t":"Description","d":"Supporting text for a form control or interface element that explains its purpose, expecte","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:heroui/dialog-native","t":"Dialog","d":"A centered modal overlay with trigger, backdrop and accessible title and description parts","s":"catalogs","c":"overlays/dialog","hc":1},{"id":"catalogs:heroui/disclosure-group-web","t":"Disclosure Group","d":"A coordinated set of disclosure panels for organizing multiple independently expandable se","s":"catalogs","c":"data-display/accordion"},{"id":"catalogs:heroui/disclosure-web","t":"Disclosure","d":"A trigger and content panel that reveals or hides a single section of supplementary inform","s":"catalogs","c":"data-display/accordion","hc":1},{"id":"catalogs:heroui/drawer-web","t":"Drawer","d":"A modal panel that slides in from an edge of the viewport to present focused content or ac","s":"catalogs","c":"overlays/sheet","hc":1},{"id":"catalogs:heroui/dropdown-web","t":"Dropdown","d":"A trigger-controlled menu overlay that presents a temporary list of actions or choices.","s":"catalogs","c":"navigation/menu","sb":"Dropdowns"},{"id":"catalogs:heroui/error-message-web","t":"Error Message","d":"A concise validation or failure message that explains what went wrong and helps a person r","s":"catalogs","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"catalogs:heroui/field-error-native","t":"Field Error","d":"An animated validation message that appears for invalid form fields and automatically cons","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:heroui/field-error-web","t":"Field Error","d":"An accessible validation message associated with a specific form field and shown when its ","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:heroui/fieldset-web","t":"Fieldset","d":"A semantic form container that groups related controls under a shared legend and optional ","s":"catalogs","c":"inputs/form-field"},{"id":"catalogs:heroui/form-web","t":"Form","d":"A validation-aware container that coordinates fields, submission, and error handling for c","s":"catalogs","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"catalogs:heroui/input-group-native","t":"Input Group","d":"A compound text-input layout with measured prefix and suffix slots that automatically make","s":"catalogs","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"catalogs:heroui/input-group-web","t":"Input Group","d":"A composed field that visually joins an input with related prefixes, suffixes, icons, or a","s":"catalogs","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"catalogs:heroui/input-native","t":"Input","d":"A styled text-entry control for standalone use or composition inside a text field, with fo","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:heroui/input-otp-native","t":"Input OTP","d":"A one-time-password entry control with individual character slots, focus management, valid","s":"catalogs","c":"inputs/otp-input","hc":1},{"id":"catalogs:heroui/input-otp-web","t":"Input OTP","d":"A segmented input for entering one-time passwords and verification codes, with each charac","s":"catalogs","c":"inputs/otp-input","hc":1},{"id":"catalogs:heroui/input-web","t":"Input","d":"A single-line text control for entering free-form data, with labels, descriptions, validat","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:heroui/kbd-web","t":"Kbd","d":"A compact keyboard-key indicator for showing shortcuts, hotkeys and key combinations in in","s":"catalogs","c":"data-display/typography","hc":1},{"id":"catalogs:heroui/label-native","t":"Label","d":"Accessible text for naming form fields and controls, with required indicators plus disable","s":"catalogs","c":"inputs/form-field","sb":"Animated fields"},{"id":"catalogs:heroui/label-web","t":"Label","d":"A text label that gives an accessible name and visible caption to a form control.","s":"catalogs","c":"inputs/form-field","sb":"Animated fields"},{"id":"catalogs:heroui/link-button-native","t":"Link Button","d":"An inline link-style pressable built from a ghost button, without highlight feedback and w","s":"catalogs","c":"actions/button","hc":1},{"id":"catalogs:heroui/link-web","t":"Link","d":"A navigational text control for moving to another page, resource or location while preserv","s":"catalogs","c":"actions/link","hc":1},{"id":"catalogs:heroui/list-box-web","t":"List Box","d":"A selectable list of options that supports keyboard navigation and single or multiple choi","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:heroui/list-group-native","t":"List Group","d":"A surface-based container for related pressable rows, with consistent prefix, title, descr","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:heroui/menu-native","t":"Menu","d":"A floating action or context menu with positioned content, selectable items and groups, su","s":"catalogs","c":"navigation/menu","hc":1},{"id":"catalogs:heroui/meter-web","t":"Meter","d":"A visual gauge for displaying a measured value within a known range, such as storage use o","s":"catalogs","c":"data-viz/gauge","hc":1},{"id":"catalogs:heroui/modal-web","t":"Modal","d":"An overlay dialog that places focused content above the page and blocks interaction with t","s":"catalogs","c":"overlays/dialog","hc":1},{"id":"catalogs:heroui/number-field-web","t":"Number Field","d":"A numeric input with formatting, validation and step controls for increasing or decreasing","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:heroui/pagination-web","t":"Pagination","d":"A page navigation control for moving through a divided collection with numbered pages and ","s":"catalogs","c":"navigation/pagination"},{"id":"catalogs:heroui/popover-native","t":"Popover","d":"A floating content panel anchored to a trigger, with placement, alignment, collision handl","s":"catalogs","c":"overlays/popover","hc":1},{"id":"catalogs:heroui/popover-web","t":"Popover","d":"A floating overlay anchored to a trigger, suited to contextual information and lightweight","s":"catalogs","c":"overlays/popover","hc":1},{"id":"catalogs:heroui/pressable-feedback-native","t":"Pressable Feedback","d":"A pressable interaction wrapper with composable scale, iOS-style highlight and Android-sty","k":"motion","s":"catalogs","c":"motion/background","hc":1},{"id":"catalogs:heroui/progress-bar-web","t":"Progress Bar","d":"A horizontal indicator that communicates the completion of a task, either as a known perce","s":"catalogs","c":"data-viz/progress-bar","hc":1},{"id":"catalogs:heroui/progress-circle-web","t":"Progress Circle","d":"A circular indicator that shows task completion or an indeterminate operation in a compact","s":"catalogs","c":"data-viz/progress-bar"},{"id":"catalogs:heroui/radio-group-native","t":"Radio Group","d":"A single-choice form control that manages a set of accessible radio options in horizontal ","s":"catalogs","c":"inputs/radio","hc":1},{"id":"catalogs:heroui/radio-group-web","t":"Radio Group","d":"A set of mutually exclusive choices that lets a person select exactly one option from a vi","s":"catalogs","c":"inputs/radio"},{"id":"catalogs:heroui/range-calendar-web","t":"Range Calendar","d":"A calendar grid for choosing a start and end date as one continuous range across one or mo","s":"catalogs","c":"data-display/calendar","hc":1},{"id":"catalogs:heroui/scroll-shadow-native","t":"Scroll Shadow","d":"A wrapper that adds dynamic gradient edge shadows to horizontal or vertical scrollable con","k":"layout","s":"catalogs","c":"layout/scroll-area","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"catalogs:heroui/scroll-shadow-web","t":"Scroll Shadow","d":"A scrollable container that adds edge shadows to signal when more content is available bey","k":"layout","s":"catalogs","c":"layout/scroll-area","hc":1},{"id":"catalogs:heroui/search-field-native","t":"Search Field","d":"A compound query input with a search icon, controlled value and a clear button that hides ","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:heroui/search-field-web","t":"Search Field","d":"A search-specific text input with a clear action and semantics for entering and submitting","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:heroui/select-native","t":"Select","d":"A button-triggered choice control that presents a list of options and manages the selected","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:heroui/select-web","t":"Select","d":"A form control that opens a list of options and places the chosen value into a compact tri","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:heroui/separator-native","t":"Separator","d":"A horizontal or vertical divider line for visually separating content, with thin and thick","k":"layout","s":"catalogs","c":"layout/page-shell","hc":1},{"id":"catalogs:heroui/separator-web","t":"Separator","d":"A visual divider that separates related regions or groups of content horizontally or verti","k":"layout","s":"catalogs","c":"layout/page-shell"},{"id":"catalogs:heroui/skeleton-group-native","t":"Skeleton Group","d":"A coordinator for multiple skeleton placeholders that shares loading state and centralized","s":"catalogs","c":"status/skeleton","hc":1},{"id":"catalogs:heroui/skeleton-native","t":"Skeleton","d":"An animated loading placeholder that stands in for pending content with shimmer, pulse or ","s":"catalogs","c":"status/skeleton"},{"id":"catalogs:heroui/skeleton-web","t":"Skeleton","d":"A placeholder shape that previews content structure while data or media is still loading.","s":"catalogs","c":"status/skeleton","hc":1},{"id":"catalogs:heroui/slider-native","t":"Slider","d":"A draggable input for selecting one value or a range within bounds, with horizontal or ver","s":"catalogs","c":"inputs/slider","hc":1},{"id":"catalogs:heroui/slider-web","t":"Slider","d":"A track-and-thumb input for choosing a value or range within defined minimum and maximum b","s":"catalogs","c":"inputs/slider","hc":1},{"id":"catalogs:heroui/spinner-native","t":"Spinner","d":"A rotating loading indicator with configurable size and semantic color, plus support for a","s":"catalogs","c":"status/loader","sb":"Spinners","hc":1},{"id":"catalogs:heroui/spinner-web","t":"Spinner","d":"A compact animated loading indicator for an operation whose duration or completion cannot ","s":"catalogs","c":"status/loader","sb":"Spinners","hc":1},{"id":"catalogs:heroui/surface-native","t":"Surface","d":"A foundational container that applies theme-aware backgrounds, padding and elevation level","k":"layout","s":"catalogs","c":"layout/page-shell","hc":1},{"id":"catalogs:heroui/surface-web","t":"Surface","d":"A foundational container that groups content on a distinct visual layer with shared backgr","k":"motion","s":"catalogs","c":"motion/background","hc":1},{"id":"catalogs:heroui/switch-native","t":"Switch","d":"An animated on-off toggle with a sliding thumb, optional endpoint content and shared selec","s":"catalogs","c":"actions/switch","hc":1},{"id":"catalogs:heroui/switch-web","t":"Switch","d":"A binary form control for turning a setting on or off with an immediately visible state.","s":"catalogs","c":"actions/switch","hc":1},{"id":"catalogs:heroui/table-web","t":"Table","d":"A structured grid for presenting rows and columns of related data with accessible headers ","s":"catalogs","c":"data-display/table","hc":1},{"id":"catalogs:heroui/tabs-native","t":"Tabs","d":"A tabbed-view control with a managed selection, grouped triggers, animated indicators and ","s":"catalogs","c":"navigation/tabs","hc":1},{"id":"catalogs:heroui/tabs-web","t":"Tabs","d":"A compact navigation pattern that switches between related content panels while keeping on","s":"catalogs","c":"navigation/tabs","hc":1},{"id":"catalogs:heroui/tag-group-native","t":"Tag Group","d":"A managed set of selectable tags with single or multiple selection, disabled items, empty ","s":"catalogs","c":"data-display/badge","sb":"Tags and pills"},{"id":"catalogs:heroui/tag-group-web","t":"Tag Group","d":"A collection of compact labels that can present, select or remove categorized values as a ","s":"catalogs","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"catalogs:heroui/text-area-native","t":"Text Area","d":"A multiline text-entry control for longer user input, usable alone or inside a text field ","s":"catalogs","c":"inputs/textarea","hc":1},{"id":"catalogs:heroui/text-area-web","t":"Text Area","d":"A multiline text input for longer free-form content such as comments, messages and descrip","s":"catalogs","c":"inputs/textarea","hc":1},{"id":"catalogs:heroui/text-field-native","t":"Text Field","d":"A complete form-field composition that coordinates a label, text input, helper description","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:heroui/text-field-web","t":"Text Field","d":"A labeled single-line text input that brings together the control, validation and supporti","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:heroui/text-native","t":"Text","d":"A typography primitive with semantic heading, body and inline-code presets plus alignment,","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1},{"id":"catalogs:heroui/time-field-web","t":"Time Field","d":"A segmented input for entering and editing time values with keyboard-friendly hour, minute","s":"catalogs","c":"inputs/form-field"},{"id":"catalogs:heroui/toast-native","t":"Toast","d":"A temporary top- or bottom-of-screen notification with title, description, action and clos","s":"catalogs","c":"overlays/toast","hc":1},{"id":"catalogs:heroui/toast-web","t":"Toast","d":"A brief non-blocking notification that appears above the interface to confirm an action or","s":"catalogs","c":"overlays/toast","hc":1},{"id":"catalogs:heroui/toggle-button-group-web","t":"Toggle Button Group","d":"A coordinated set of stateful buttons for choosing one or multiple related options in a co","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1},{"id":"catalogs:heroui/toggle-button-web","t":"Toggle Button","d":"A pressable button that retains an on or off state for switching a single option.","s":"catalogs","c":"actions/button","hc":1},{"id":"catalogs:heroui/toolbar-web","t":"Toolbar","d":"A keyboard-navigable row or column that groups related actions and controls into one funct","s":"catalogs","c":"navigation/menu","tg":["playful"],"sb":"Menubars","sy":["playful"],"hc":1},{"id":"catalogs:heroui/tooltip-web","t":"Tooltip","d":"A small non-interactive overlay that reveals a concise label or explanation when a trigger","s":"catalogs","c":"overlays/tooltip","hc":1},{"id":"catalogs:heroui/typography-web","t":"Typography","d":"A set of text primitives for applying consistent semantic styles to headings, paragraphs a","s":"catalogs","c":"data-display/typography","hc":1},{"id":"catalogs:ibelick/accordion-motion-primitives","t":"Accordion","d":"A collapsible content component with smooth animations for showing and hiding content.","s":"catalogs","c":"data-display/accordion","sb":"Animated","hc":1,"cp":1},{"id":"catalogs:ibelick/animated-background-motion-primitives","t":"Animated Background","d":"A component that provides animated background effects for UI elements.","k":"motion","s":"catalogs","c":"motion/background"},{"id":"catalogs:ibelick/animated-group-motion-primitives","t":"Animated Group","d":"A container component that applies coordinated animations to a group of child elements.","k":"layout","s":"catalogs","c":"layout/page-shell","hc":1,"cp":1},{"id":"catalogs:ibelick/animated-number-motion-primitives","t":"Animated Number","d":"A component that animates number changes with smooth transitions.","k":"motion","s":"catalogs","c":"motion/number-ticker","hc":1,"cp":1},{"id":"catalogs:ibelick/border-trail-motion-primitives","t":"Border Trail","d":"An effect that creates animated border trails around elements on interaction.","k":"motion","s":"catalogs","c":"motion/border","hc":1,"cp":1},{"id":"catalogs:ibelick/carousel-motion-primitives","t":"Carousel","d":"A component for cycling through elements with smooth transitions.","s":"catalogs","c":"media/carousel","hc":1,"cp":1},{"id":"catalogs:ibelick/chain-of-thought-prompt-kit","t":"Chain Of Thought","d":"A component for displaying a chain of thought process with collapsible steps and triggers.","s":"catalogs","c":"ai-agent/composer"},{"id":"catalogs:ibelick/chat-container-prompt-kit","t":"Chat Container","d":"A component for creating chat interfaces with intelligent auto-scrolling behavior, designe","s":"catalogs","c":"ai-agent/composer","hc":1,"cp":1},{"id":"catalogs:ibelick/chatbot-prompt-kit","t":"Chatbot","d":"A chatbot component that allows users to chat with an AI model. It uses prompt-kit, shadcn","s":"catalogs","c":"ai-agent/composer","hc":1},{"id":"catalogs:ibelick/code-block-prompt-kit","t":"Code Block","d":"A component for displaying code snippets with syntax highlighting and customizable styling","s":"catalogs","c":"ai-agent/composer"},{"id":"catalogs:ibelick/cursor-motion-primitives","t":"Cursor","d":"A custom cursor component with animated effects and interactions.","k":"motion","s":"catalogs","c":"motion/cursor","hc":1},{"id":"catalogs:ibelick/dialog-motion-primitives","t":"Dialog","d":"A modal dialog component with smooth entrance and exit animations.","s":"catalogs","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"catalogs:ibelick/disclosure-motion-primitives","t":"Disclosure","d":"A component that shows and hides content with animated transitions.","s":"catalogs","c":"data-display/accordion","sb":"Animated"},{"id":"catalogs:ibelick/dock-motion-primitives","t":"Dock","d":"A macOS-style dock component with scaling and movement effects.","s":"catalogs","c":"navigation/dock","hc":1},{"id":"catalogs:ibelick/feedback-bar-prompt-kit","t":"Feedback Bar","d":"A component to collect user feedback on AI responses.","s":"catalogs","c":"ai-agent/composer","hc":1,"cp":1},{"id":"catalogs:ibelick/file-upload-prompt-kit","t":"File Upload","d":"A component for creating drag-and-drop file upload interfaces with support for single or m","s":"catalogs","c":"ai-agent/composer"},{"id":"catalogs:ibelick/glow-effect-motion-primitives","t":"Glow Effect","d":"A component that creates a glowing effect on elements based on cursor movement.","k":"motion","s":"catalogs","c":"motion/background","tg":["neon"],"sb":"Gradients and aurora","sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:ibelick/image-comparison-motion-primitives","t":"Image Comparison","d":"A component for comparing two images with an interactive slider.","k":"section","s":"catalogs","c":"marketing/comparison","hc":1,"cp":1},{"id":"catalogs:ibelick/image-prompt-kit","t":"Image","d":"A component for displaying images from base64 or Uint8Array data, with full accessibility ","s":"catalogs","c":"ai-agent/composer"},{"id":"catalogs:ibelick/in-view-motion-primitives","t":"In View","d":"A component that triggers animations when elements enter the viewport.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:ibelick/infinite-slider-motion-primitives","t":"Infinite Slider","d":"A slider component that loops infinitely through its content.","s":"catalogs","c":"inputs/slider","hc":1,"cp":1},{"id":"catalogs:ibelick/jsx-preview-prompt-kit","t":"Jsx Preview","d":"A component for rendering JSX strings as React components, with support for streaming cont","s":"catalogs","c":"ai-agent/composer","hc":1,"cp":1},{"id":"catalogs:ibelick/loader-prompt-kit","t":"Loader","d":"A component for displaying a loading indicator with multiple variants and customizable sty","s":"catalogs","c":"ai-agent/composer","hc":1,"cp":1},{"id":"catalogs:ibelick/magnetic-motion-primitives","t":"Magnetic","d":"A component that creates a magnetic attraction effect on hover.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:ibelick/markdown-prompt-kit","t":"Markdown","d":"A component for rendering Markdown content with support for code blocks, GFM, and custom s","s":"catalogs","c":"ai-agent/composer","hc":1},{"id":"catalogs:ibelick/message-prompt-kit","t":"Message","d":"A component for displaying chat messages with support for avatars, markdown content, and i","s":"catalogs","c":"ai-agent/composer"},{"id":"catalogs:ibelick/morphing-dialog-motion-primitives","t":"Morphing Dialog","d":"A dialog that morphs from its trigger element with smooth transitions.","s":"catalogs","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"catalogs:ibelick/morphing-popover-motion-primitives","t":"Morphing Popover","d":"A popover component that morphs from its trigger with fluid animations.","s":"catalogs","c":"overlays/popover","hc":1,"cp":1},{"id":"catalogs:ibelick/progressive-blur-motion-primitives","t":"Progressive Blur","d":"A component that applies progressive blur effects to elements.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:ibelick/prompt-input-prompt-kit","t":"Prompt Input","d":"An input field designed for chat interfaces, allowing users to enter and submit text promp","s":"catalogs","c":"ai-agent/composer","hc":1,"cp":1},{"id":"catalogs:ibelick/prompt-suggestion-prompt-kit","t":"Prompt Suggestion","d":"A component for implementing interactive prompt suggestions in AI interfaces. The PromptSu","s":"catalogs","c":"ai-agent/composer"},{"id":"catalogs:ibelick/reasoning-prompt-kit","t":"Reasoning","d":"A collapsible component for showing AI reasoning, explanations, or logic. You can control ","s":"catalogs","c":"ai-agent/composer","hc":1,"cp":1},{"id":"catalogs:ibelick/response-stream-prompt-kit","t":"Response Stream","d":"A component to simulate streaming text on the client side, perfect for fake responses, or ","s":"catalogs","c":"ai-agent/composer","hc":1,"cp":1},{"id":"catalogs:ibelick/scroll-button-prompt-kit","t":"Scroll Button","d":"A floating button component that appears when users scroll up in a container, allowing the","s":"catalogs","c":"ai-agent/composer","hc":1,"cp":1},{"id":"catalogs:ibelick/scroll-progress-motion-primitives","t":"Scroll Progress","d":"A component that visualizes scroll progress with animated indicators.","s":"catalogs","c":"data-viz/progress-bar","hc":1,"cp":1},{"id":"catalogs:ibelick/sliding-number-motion-primitives","t":"Sliding Number","d":"A component that transitions between numbers with a sliding animation.","k":"motion","s":"catalogs","c":"motion/number-ticker","hc":1,"cp":1},{"id":"catalogs:ibelick/source-prompt-kit","t":"Source","d":"Displays website sources used by AI-generated content, showing URL details, titles, and de","s":"catalogs","c":"ai-agent/composer","hc":1,"cp":1},{"id":"catalogs:ibelick/spinning-text-motion-primitives","t":"Spinning Text","d":"A component that animates text with a spinning rotation effect.","k":"motion","s":"catalogs","c":"motion/text-effect"},{"id":"catalogs:ibelick/spotlight-motion-primitives","t":"Spotlight","d":"A component that creates a spotlight effect following cursor movement.","k":"motion","s":"catalogs","c":"motion/background","sb":"Beams and light","hc":1,"cp":1},{"id":"catalogs:ibelick/steps-prompt-kit","t":"Steps","d":"A component for displaying a sequence of operations in a collapsible layout. Each step can","s":"catalogs","c":"ai-agent/composer","hc":1,"cp":1},{"id":"catalogs:ibelick/system-message-prompt-kit","t":"System Message","d":"A banner-style component for surfacing contextual information, warnings, or instructions w","s":"catalogs","c":"ai-agent/composer","hc":1,"cp":1},{"id":"catalogs:ibelick/text-effect-motion-primitives","t":"Text Effect","d":"A component that applies animated effects to text content.","k":"motion","s":"catalogs","c":"motion/text-effect"},{"id":"catalogs:ibelick/text-loop-motion-primitives","t":"Text Loop","d":"A component that cycles through different text phrases with animations.","k":"motion","s":"catalogs","c":"motion/text-effect"},{"id":"catalogs:ibelick/text-morph-motion-primitives","t":"Text Morph","d":"A component that morphs between different text strings with smooth transitions.","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Rotating words","hc":1,"cp":1},{"id":"catalogs:ibelick/text-roll-motion-primitives","t":"Text Roll","d":"A component that animates text with a rolling effect.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1,"cp":1},{"id":"catalogs:ibelick/text-scramble-motion-primitives","t":"Text Scramble","d":"A component that creates a scrambling text effect during transitions.","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Scramble and glitch","hc":1,"cp":1},{"id":"catalogs:ibelick/text-shimmer-motion-primitives","t":"Text Shimmer","d":"A component that applies a shimmering effect to text.","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1,"cp":1},{"id":"catalogs:ibelick/text-shimmer-prompt-kit","t":"Text Shimmer","d":"A component for displaying a shimmer effect on text, perfect for loading states or highlig","s":"catalogs","c":"ai-agent/composer","hc":1,"cp":1},{"id":"catalogs:ibelick/text-shimmer-wave-motion-primitives","t":"Text Shimmer Wave","d":"A component that creates a wave-like shimmer effect on text.","k":"motion","s":"catalogs","c":"motion/background","sb":"Waves and warps"},{"id":"catalogs:ibelick/thinking-bar-prompt-kit","t":"Thinking Bar","d":"A component to display the thinking state of an AI model with optional actions.","s":"catalogs","c":"ai-agent/composer"},{"id":"catalogs:ibelick/tilt-motion-primitives","t":"Tilt","d":"A component that applies 3D tilt effects to elements based on cursor position.","k":"motion","s":"catalogs","c":"motion/tilt-3d","tg":["3d"],"sy":["3d"],"hc":1,"cp":1},{"id":"catalogs:ibelick/tool-calling-prompt-kit","t":"Tool calling","d":"A chatbot with tool calling feature. It uses prompt-kit, shadcn/ui, and AI SDK V5.","s":"catalogs","c":"ai-agent/composer","hc":1},{"id":"catalogs:ibelick/tool-prompt-kit","t":"Tool","d":"Displays tool call details including input, output, status, and errors. Ideal for visualiz","s":"catalogs","c":"ai-agent/composer","hc":1},{"id":"catalogs:ibelick/toolbar-dynamic-motion-primitives","t":"Toolbar Dynamic","d":"A toolbar component with dynamic appearance based on user interaction.","s":"catalogs","c":"navigation/menu","sb":"Menubars","hc":1,"cp":1},{"id":"catalogs:ibelick/toolbar-expandable-motion-primitives","t":"Toolbar Expandable","d":"An expandable toolbar that reveals additional options with animations.","s":"catalogs","c":"data-display/accordion","sb":"Animated","hc":1,"cp":1},{"id":"catalogs:ibelick/transition-panel-motion-primitives","t":"Transition Panel","d":"A panel component with smooth transitions between different states.","s":"catalogs","c":"data-display/card","hc":1,"cp":1},{"id":"catalogs:karthikmudunuri/animated-badge","t":"Animated Badge","d":"Status pill with motion that draws attention to changing labels or states.","s":"catalogs","c":"data-display/badge","sb":"Animated","hc":1},{"id":"catalogs:karthikmudunuri/browser","t":"Browser","d":"SVG browser window with navigation controls and a content area for screenshots or demos.","s":"catalogs","c":"other/other"},{"id":"catalogs:karthikmudunuri/clerk-otp","t":"Clerk OTP","d":"Segmented verification-code input styled for Clerk authentication flows.","s":"catalogs","c":"inputs/otp-input"},{"id":"catalogs:karthikmudunuri/cobe-globe","t":"Cobe Globe","d":"Interactive 3D globe built with Cobe for geographic or network visuals.","k":"motion","s":"catalogs","c":"motion/globe","tg":["3d"],"sy":["3d"],"hc":1,"cp":1},{"id":"catalogs:karthikmudunuri/github-inline-comments","t":"GitHub Inline Comments","d":"GitHub-style code review table with inline comment threads and a reply form.","s":"catalogs","c":"inputs/form-field","hc":1,"cp":1},{"id":"catalogs:karthikmudunuri/grid","t":"Grid","d":"Subtle graph-paper grid for section and page backgrounds.","s":"catalogs","c":"data-viz/chart","hc":1},{"id":"catalogs:karthikmudunuri/integrations","t":"Integrations","d":"Animated section of application integration cards arranged in a carousel.","k":"section","s":"catalogs","c":"marketing/logos"},{"id":"catalogs:karthikmudunuri/ipad","t":"iPad","d":"SVG tablet frame for presenting screenshots, video, or interactive content.","s":"catalogs","c":"media/mockup","hc":1,"cp":1},{"id":"catalogs:karthikmudunuri/iphone-17-pro","t":"iPhone 17 Pro","d":"SVG phone frame for presenting screenshots, video, or interactive content.","s":"catalogs","c":"media/mockup","hc":1,"cp":1},{"id":"catalogs:karthikmudunuri/macbook-pro","t":"MacBook Pro","d":"SVG laptop frame for presenting screenshots, video, or interactive content.","s":"catalogs","c":"media/mockup","hc":1,"cp":1},{"id":"catalogs:karthikmudunuri/safari-browser","t":"Safari Browser","d":"Safari-style browser frame for presenting a website screenshot or demo.","k":"page","s":"catalogs","c":"pages/templates","hc":1,"cp":1},{"id":"catalogs:karthikmudunuri/terminal","t":"Terminal","d":"Animated terminal window for presenting commands and their output.","s":"catalogs","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"catalogs:keenthemes/c-accordion-1/base-nova","t":"Single expand accordion","d":"Lets one section remain open while collapsing the previously selected section.","s":"catalogs","c":"data-display/accordion","hc":1},{"id":"catalogs:keenthemes/c-accordion-10/base-nova","t":"Rotating arrow accordion","d":"Turns the arrow as a section opens or closes to reinforce the disclosure state.","s":"catalogs","c":"data-display/accordion","hc":1},{"id":"catalogs:keenthemes/c-accordion-11/base-nova","t":"Onboarding steps accordion","d":"Organizes setup tasks into progressive disclosures with status cues and scannable codes.","s":"catalogs","c":"data-display/accordion","hc":1},{"id":"catalogs:keenthemes/c-accordion-2/base-nova","t":"Plus/minus accordion","d":"Changes each indicator to reflect whether its section can be opened or collapsed.","s":"catalogs","c":"data-display/accordion","hc":1},{"id":"catalogs:keenthemes/c-accordion-3/base-nova","t":"Bordered accordion","d":"Visually separates each disclosure into its own rounded panel.","s":"catalogs","c":"data-display/accordion","sb":"Cards","hc":1},{"id":"catalogs:keenthemes/c-accordion-4/base-nova","t":"Card accordion","d":"Groups collapsible content inside a card for a contained settings or details section.","s":"catalogs","c":"data-display/accordion","sb":"Cards","hc":1},{"id":"catalogs:keenthemes/c-accordion-5/base-nova","t":"Disabled and highlighted accordion","d":"Distinguishes unavailable sections from the currently highlighted disclosure.","s":"catalogs","c":"data-display/accordion","hc":1},{"id":"catalogs:keenthemes/c-accordion-6/base-nova","t":"Icon and badge accordion","d":"Adds visual metadata to each trigger so sections can communicate category or status at a g","s":"catalogs","c":"data-display/accordion","hc":1},{"id":"catalogs:keenthemes/c-accordion-7/base-nova","t":"Frame panel accordion","d":"Fits disclosure rows into framed layouts without introducing a separate outer container.","s":"catalogs","c":"data-display/accordion","hc":1},{"id":"catalogs:keenthemes/c-accordion-8/base-nova","t":"Nested bordered accordion","d":"Supports secondary disclosure levels while keeping parent and child sections visually dist","s":"catalogs","c":"data-display/accordion","sb":"Nested","hc":1},{"id":"catalogs:keenthemes/c-accordion-9/base-nova","t":"User list accordion","d":"Reveals member details while avatars and role markers keep each person identifiable.","s":"catalogs","c":"data-display/accordion","hc":1},{"id":"catalogs:keenthemes/c-alert-1/base-nova","t":"Basic alert","d":"A compact message callout for status updates or guidance.","s":"catalogs","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"catalogs:keenthemes/c-alert-11/base-nova","t":"Descriptive action alert","d":"Makes room for supporting context and a direct response within the callout.","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:keenthemes/c-alert-12/base-nova","t":"Borderless frame alert","d":"Aligns a message flush with a framed container instead of doubling its border.","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:keenthemes/c-alert-13/base-nova","t":"Stacked frame alerts","d":"Collects several related notices in one bounded region for sequential review.","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:keenthemes/c-alert-14/base-nova","t":"Frame alert with actions","d":"Keeps the notice and its response controls aligned inside a shared container.","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:keenthemes/c-alert-15/base-nova","t":"Inverted action alert","d":"Uses strong contrast to emphasize a message that also needs a direct response.","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:keenthemes/c-alert-16/base-nova","t":"Urgent billing notice","d":"Calls attention to an account issue that requires a payment-related action.","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:keenthemes/c-alert-17/base-nova","t":"Framed service status","d":"Groups multiple operational updates so readers can assess system health together.","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:keenthemes/c-alert-18/base-nova","t":"Feature discovery alert","d":"Introduces an unfamiliar capability at the point where someone can try it.","s":"catalogs","c":"overlays/alert-banner"},{"id":"catalogs:keenthemes/c-alert-19/base-nova","t":"User message alert","d":"Presents a sender and message preview as an inline notification.","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:keenthemes/c-alert-2/base-nova","t":"Icon alert","d":"Pairs the message with a visual cue that makes its purpose easier to scan.","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:keenthemes/c-alert-20/base-nova","t":"Inverted user message alert","d":"Raises contrast for a sender and message preview against surrounding content.","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:keenthemes/c-alert-3/base-nova","t":"Icon alert with actions","d":"Lets the reader respond to the message without leaving the callout.","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:keenthemes/c-alert-4/base-nova","t":"Destructive action alert","d":"Warns about a harmful state and offers immediate recovery or confirmation controls.","s":"catalogs","c":"overlays/alert-banner"},{"id":"catalogs:keenthemes/c-alert-5/base-nova","t":"Informational action alert","d":"Surfaces contextual guidance with controls for the reader's next step.","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:keenthemes/c-alert-6/base-nova","t":"Success alert","d":"Uses a positive status treatment for completed actions or resolved issues.","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:keenthemes/c-alert-7/base-nova","t":"Warning alert","d":"Uses a warning treatment for conditions that need attention.","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:keenthemes/c-alert-8/base-nova","t":"Error alert","d":"Uses an error treatment for failed actions or invalid states.","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:keenthemes/c-alert-9/base-nova","t":"Inverted alert","d":"Uses an inverted surface to separate the message from surrounding content.","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:keenthemes/c-alert-dialog-1/base-nova","t":"Basic confirmation dialog","d":"Combines explanatory context with primary and secondary choices before proceeding.","s":"catalogs","c":"overlays/dialog","tg":["minimal"],"sb":"Confirm","sy":["minimal"],"hc":1},{"id":"catalogs:keenthemes/c-alert-dialog-10/base-nova","t":"E ticket registration confirmation","d":"Closes the registration flow with the completed ticket details and next action.","s":"catalogs","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"catalogs:keenthemes/c-alert-dialog-11/base-nova","t":"Restart update notice","d":"Prompts the user to relaunch the application so a system update can take effect.","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:keenthemes/c-alert-dialog-12/base-nova","t":"Subscription billing warning","d":"Directs attention to an expired plan or failed payment before access is affected.","k":"section","s":"catalogs","c":"marketing/pricing","sb":"With billing toggle","hc":1},{"id":"catalogs:keenthemes/c-alert-dialog-13/base-nova","t":"Logout confirmation","d":"Prevents an accidental session exit by requiring the user to confirm first.","s":"catalogs","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"catalogs:keenthemes/c-alert-dialog-14/base-nova","t":"Security audit confirmation","d":"Summarizes a sensitive audit operation and its implications before it begins.","s":"catalogs","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"catalogs:keenthemes/c-alert-dialog-2/base-nova","t":"Compact confirmation dialog","d":"Keeps low-complexity decisions focused in a smaller modal footprint.","s":"catalogs","c":"overlays/dialog","sb":"Confirm"},{"id":"catalogs:keenthemes/c-alert-dialog-3/base-nova","t":"Icon confirmation dialog","d":"Adds a visual cue so the decision type is recognizable before the text is read.","s":"catalogs","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"catalogs:keenthemes/c-alert-dialog-4/base-nova","t":"Compact icon confirmation","d":"Balances a prominent icon with a brief decision in a small modal.","s":"catalogs","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"catalogs:keenthemes/c-alert-dialog-5/base-nova","t":"Destructive confirmation dialog","d":"Requires an explicit choice before an irreversible action such as deletion continues.","s":"catalogs","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"catalogs:keenthemes/c-alert-dialog-6/base-nova","t":"Nested confirmation dialog","d":"Interrupts an existing modal flow when a second decision must be resolved first.","s":"catalogs","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"catalogs:keenthemes/c-alert-dialog-7/base-nova","t":"Task success confirmation","d":"Acknowledges completion and gives the user a clear route out of the finished flow.","s":"catalogs","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"catalogs:keenthemes/c-alert-dialog-8/base-nova","t":"Account deactivation confirmation","d":"Explains the consequence of disabling an account before the action is accepted.","s":"catalogs","c":"overlays/dialog","sb":"Confirm"},{"id":"catalogs:keenthemes/c-alert-dialog-9/base-nova","t":"Unsaved changes warning","d":"Lets someone remain on the page or discard edits before navigating away.","s":"catalogs","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"catalogs:keenthemes/c-aspect-ratio-1/base-nova","t":"16:9 widescreen frame","d":"Keeps video and landscape media proportional as their container resizes.","s":"catalogs","c":"media/player","hc":1},{"id":"catalogs:keenthemes/c-aspect-ratio-2/base-nova","t":"4:3 standard frame","d":"Fits traditional displays, slides, and archival media without stretching them.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:keenthemes/c-aspect-ratio-3/base-nova","t":"1:1 square frame","d":"Maintains equal width and height for avatars, tiles, or square imagery.","s":"catalogs","c":"data-display/avatar","hc":1},{"id":"catalogs:keenthemes/c-aspect-ratio-4/base-nova","t":"21:9 ultrawide frame","d":"Preserves a cinematic crop for banners and panoramic media across screen sizes.","s":"catalogs","c":"overlays/alert-banner"},{"id":"catalogs:keenthemes/c-aspect-ratio-5/base-nova","t":"9:16 portrait frame","d":"Keeps vertical video and phone-oriented media correctly proportioned.","s":"catalogs","c":"media/player","hc":1},{"id":"catalogs:keenthemes/c-aspect-ratio-6/base-nova","t":"3:2 photography frame","d":"Matches a common camera format so photographs retain their intended crop.","s":"catalogs","c":"data-viz/chart","hc":1},{"id":"catalogs:keenthemes/c-aspect-ratio-7/base-nova","t":"4:5 social portrait frame","d":"Sizes upright posts for feed-oriented imagery without layout shifts.","s":"catalogs","c":"data-display/timeline","hc":1},{"id":"catalogs:keenthemes/c-aspect-ratio-8/base-nova","t":"16:10 monitor frame","d":"Displays desktop screenshots and screen recordings at their native proportion.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:keenthemes/c-autocomplete-1/base-nova","t":"Basic autocomplete","d":"Filters a list of suggested options as the user types.","s":"catalogs","c":"inputs/combobox","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"catalogs:keenthemes/c-autocomplete-10/base-nova","t":"Compact autocomplete","d":"Fits autocomplete suggestions into compact forms and toolbars.","s":"catalogs","c":"inputs/combobox"},{"id":"catalogs:keenthemes/c-autocomplete-11/base-nova","t":"Large autocomplete","d":"Creates a larger input target for prominent search or selection tasks.","s":"catalogs","c":"inputs/combobox","hc":1},{"id":"catalogs:keenthemes/c-autocomplete-12/base-nova","t":"Form autocomplete","d":"Connects autocomplete selection and validation to a form field.","s":"catalogs","c":"inputs/combobox","hc":1},{"id":"catalogs:keenthemes/c-combobox-24/base-nova","t":"Member multi select combobox","d":"Finds and adds several people to a shared selection without closing after each choice.","s":"catalogs","c":"inputs/combobox","hc":1},{"id":"catalogs:keenthemes/c-combobox-25/base-nova","t":"Date picker combobox","d":"Accepts a searchable date choice and can open a custom calendar dialog when needed.","s":"catalogs","c":"inputs/combobox","hc":1},{"id":"catalogs:keenthemes/c-combobox-26/base-nova","t":"Label multi select combobox","d":"Supports several tags at once and includes a mode for records that should remain unlabeled","s":"catalogs","c":"inputs/combobox","hc":1},{"id":"catalogs:keenthemes/c-combobox-27/base-nova","t":"Team selector combobox","d":"Searches named teams and records one as the current organizational choice.","s":"catalogs","c":"inputs/combobox","hc":1},{"id":"catalogs:keenthemes/c-combobox-28/base-nova","t":"Assignee selector combobox","d":"Finds a person and assigns the current record without leaving the surrounding workflow.","s":"catalogs","c":"inputs/combobox","hc":1},{"id":"catalogs:keenthemes/c-combobox-3/base-nova","t":"Invalid state combobox","d":"Communicates a validation failure while keeping the searchable field available for correct","s":"catalogs","c":"inputs/combobox","hc":1},{"id":"catalogs:keenthemes/c-combobox-4/base-nova","t":"Clearable combobox","d":"Lets the user remove the current choice without reopening the option list.","s":"catalogs","c":"inputs/combobox","hc":1},{"id":"catalogs:keenthemes/c-combobox-5/base-nova","t":"Auto highlight combobox","d":"Focuses the best matching option as the query changes for faster keyboard selection.","s":"catalogs","c":"inputs/combobox","hc":1},{"id":"catalogs:keenthemes/c-combobox-6/base-nova","t":"Grouped combobox","d":"Organizes a longer option list into labeled categories for easier scanning.","s":"catalogs","c":"inputs/combobox","hc":1},{"id":"catalogs:keenthemes/c-combobox-7/base-nova","t":"Separated group combobox","d":"Adds dividing rules between labeled categories when stronger visual boundaries are useful.","s":"catalogs","c":"inputs/combobox","hc":1},{"id":"catalogs:keenthemes/c-combobox-8/base-nova","t":"Large list combobox","d":"Keeps an extensive option set searchable instead of forcing users to scan every entry.","s":"catalogs","c":"inputs/combobox"},{"id":"catalogs:keenthemes/c-combobox-9/base-nova","t":"Icon addon combobox","d":"Uses a leading visual cue to clarify the type of value being selected.","s":"catalogs","c":"inputs/combobox","hc":1},{"id":"catalogs:keenthemes/c-command-1/base-nova","t":"Basic command palette","d":"Opens a searchable menu for triggering actions from the keyboard.","s":"catalogs","c":"navigation/command-palette","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"catalogs:keenthemes/c-command-2/base-nova","t":"Shortcut command palette","d":"Displays key combinations beside actions so frequent commands are easier to learn.","s":"catalogs","c":"navigation/command-palette","hc":1},{"id":"catalogs:keenthemes/c-command-3/base-nova","t":"Grouped command palette","d":"Separates actions into labeled categories when a flat result list would be ambiguous.","s":"catalogs","c":"navigation/command-palette","hc":1},{"id":"catalogs:keenthemes/c-command-4/base-nova","t":"Multi group command palette","d":"Scales keyboard search across many action categories while preserving their context.","s":"catalogs","c":"navigation/command-palette","hc":1},{"id":"catalogs:keenthemes/c-command-5/base-nova","t":"File search palette","d":"Filters project files by query for quick keyboard navigation.","s":"catalogs","c":"inputs/search","hc":1},{"id":"catalogs:keenthemes/c-command-6/base-nova","t":"Avatar user search","d":"Pairs matching people with profile images to disambiguate similar names.","s":"catalogs","c":"inputs/search","hc":1},{"id":"catalogs:keenthemes/c-command-7/base-nova","t":"Action shortcut palette","d":"Combines discoverable commands with their key bindings for repeated workflows.","k":"theme","s":"catalogs","c":"themes/theme","hc":1},{"id":"catalogs:keenthemes/c-command-8/base-nova","t":"Recent and favorite commands","d":"Prioritizes previously used and pinned actions before the rest of the command list.","s":"catalogs","c":"data-display/list"},{"id":"catalogs:keenthemes/c-context-menu-1/base-nova","t":"Basic context menu","d":"Shows contextual actions from a secondary click or long press.","s":"catalogs","c":"overlays/context-menu","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"catalogs:keenthemes/c-context-menu-10/base-nova","t":"Dialog context menu","d":"Keeps secondary-click actions available within an existing modal interaction.","s":"catalogs","c":"overlays/context-menu","hc":1},{"id":"catalogs:keenthemes/c-context-menu-2/base-nova","t":"Icon context menu","d":"Pairs common actions with visual cues that make the list faster to scan.","s":"catalogs","c":"overlays/context-menu","hc":1},{"id":"catalogs:keenthemes/c-context-menu-3/base-nova","t":"Shortcut context menu","d":"Shows available key combinations beside actions for repeated use.","s":"catalogs","c":"overlays/context-menu","hc":1},{"id":"catalogs:keenthemes/c-context-menu-4/base-nova","t":"Nested context menu","d":"Moves secondary actions into child menus so the first level stays concise.","s":"catalogs","c":"overlays/context-menu","hc":1},{"id":"catalogs:keenthemes/c-context-menu-5/base-nova","t":"Labeled context menu","d":"Uses headings and dividing rules to clarify relationships among action groups.","s":"catalogs","c":"overlays/context-menu","hc":1},{"id":"catalogs:keenthemes/c-context-menu-6/base-nova","t":"Checkbox context menu","d":"Toggles several independent settings without dismissing the menu after each choice.","s":"catalogs","c":"overlays/context-menu"},{"id":"catalogs:keenthemes/c-context-menu-7/base-nova","t":"Radio context menu","d":"Selects one mutually exclusive setting directly from the action list.","s":"catalogs","c":"overlays/context-menu","hc":1},{"id":"catalogs:keenthemes/c-context-menu-8/base-nova","t":"Destructive context menu","d":"Visually distinguishes harmful actions from routine choices before they are triggered.","s":"catalogs","c":"overlays/context-menu","hc":1},{"id":"catalogs:keenthemes/c-context-menu-9/base-nova","t":"Aligned context menu","d":"Demonstrates positioning the action list on different sides of its invocation point.","s":"catalogs","c":"overlays/context-menu","hc":1},{"id":"catalogs:keenthemes/c-data-grid-1/base-nova","t":"Paginated data grid","d":"Breaks a large result set into navigable pages with explicit position controls.","s":"catalogs","c":"navigation/pagination","hc":1},{"id":"catalogs:keenthemes/c-data-grid-10/base-nova","t":"Column icon data grid","d":"Adds visual cues to headers so field types are recognizable at a glance.","k":"resource","s":"catalogs","c":"assets/icon","hc":1},{"id":"catalogs:keenthemes/c-data-grid-11/base-nova","t":"Sortable column data grid","d":"Reorders records by a chosen field and communicates the active direction.","s":"catalogs","c":"data-display/table","sb":"Data tables","hc":1},{"id":"catalogs:keenthemes/c-data-grid-12/base-nova","t":"Movable column data grid","d":"Lets users shift fields between predefined positions through column controls.","s":"catalogs","c":"data-display/table"},{"id":"catalogs:keenthemes/c-data-grid-13/base-nova","t":"Draggable column data grid","d":"Reorders fields directly by dragging their headers into a new sequence.","s":"catalogs","c":"data-display/table","hc":1},{"id":"catalogs:keenthemes/c-data-grid-14/base-nova","t":"Draggable row data grid","d":"Lets users rearrange record priority through direct manipulation.","s":"catalogs","c":"data-display/list","sb":"Sortable","hc":1},{"id":"catalogs:keenthemes/c-data-grid-15/base-nova","t":"Resizable column data grid","d":"Adjusts field widths interactively to accommodate long or compact values.","s":"catalogs","c":"data-display/table","hc":1},{"id":"catalogs:keenthemes/c-data-grid-16/base-nova","t":"Pinnable column data grid","d":"Keeps selected fields visible while the rest of a wide table scrolls.","s":"catalogs","c":"data-display/table","hc":1},{"id":"catalogs:keenthemes/c-data-grid-17/base-nova","t":"Sticky header data grid","d":"Retains column labels at the top as long record sets scroll underneath.","s":"catalogs","c":"navigation/top-nav","sb":"On scroll","hc":1},{"id":"catalogs:keenthemes/c-data-grid-18/base-nova","t":"Column control data grid","d":"Centralizes field configuration so users can tailor the table to their task.","s":"catalogs","c":"data-display/table","hc":1},{"id":"catalogs:keenthemes/c-data-grid-19/base-nova","t":"Card contained data grid","d":"Packages tabular content as a bounded dashboard region with its own surface.","s":"catalogs","c":"data-display/table","hc":1},{"id":"catalogs:keenthemes/c-data-grid-2/base-nova","t":"Cell bordered data grid","d":"Draws rules around individual values when rows and columns need strong separation.","s":"catalogs","c":"data-display/table","sb":"Transactions","hc":1},{"id":"catalogs:keenthemes/c-data-grid-20/base-nova","t":"Column visibility data grid","d":"Lets users hide irrelevant fields and restore them without changing the dataset.","s":"catalogs","c":"data-display/table"},{"id":"catalogs:keenthemes/c-data-grid-21/base-nova","t":"Loading skeleton data grid","d":"Preserves the table's shape while records are being fetched.","s":"catalogs","c":"status/skeleton","hc":1},{"id":"catalogs:keenthemes/c-data-grid-22/base-nova","t":"Editable CRUD data grid","d":"Supports creating, updating, and removing records within the table workflow.","s":"catalogs","c":"data-display/table","sb":"Editable","hc":1},{"id":"catalogs:keenthemes/c-data-grid-23/base-nova","t":"Framed CRUD data grid","d":"Combines record management controls and tabular content inside one bordered region.","s":"catalogs","c":"data-display/table","hc":1},{"id":"catalogs:keenthemes/c-data-grid-24/base-nova","t":"Column totals data grid","d":"Calculates bottom-line totals beneath the numeric fields they summarize.","s":"catalogs","c":"data-display/table","hc":1},{"id":"catalogs:keenthemes/c-data-grid-25/base-nova","t":"Summary stats data grid","d":"Places high-level dataset metrics below the records for quick comparison.","s":"catalogs","c":"data-display/stat","hc":1},{"id":"catalogs:keenthemes/c-data-grid-26/base-nova","t":"Column aggregate data grid","d":"Computes a relevant aggregate for each field and aligns it with that column.","s":"catalogs","c":"data-display/table","hc":1},{"id":"catalogs:keenthemes/c-data-grid-27/base-nova","t":"Local infinite scroll data grid","d":"Reveals more already-loaded records as the viewport reaches the end.","k":"layout","s":"catalogs","c":"layout/scroll-area"},{"id":"catalogs:keenthemes/c-data-grid-28/base-nova","t":"Remote infinite scroll data grid","d":"Fetches the next records from a server as the viewport approaches the end.","k":"layout","s":"catalogs","c":"layout/scroll-area","hc":1},{"id":"catalogs:keenthemes/c-data-grid-29/base-nova","t":"Pinnable row data grid","d":"Keeps important records fixed while surrounding rows sort or scroll.","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:keenthemes/c-data-grid-3/base-nova","t":"Dense data grid","d":"Reduces cell spacing to fit more records into a limited viewport.","s":"catalogs","c":"data-display/table","hc":1},{"id":"catalogs:keenthemes/c-data-grid-4/base-nova","t":"Borderless data grid","d":"Uses whitespace instead of table rules for a lighter presentation.","s":"catalogs","c":"data-display/table","sb":"Transactions","hc":1},{"id":"catalogs:keenthemes/c-data-grid-5/base-nova","t":"Striped row data grid","d":"Alternates row surfaces to help the eye track values across wide tables.","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:keenthemes/c-data-grid-6/base-nova","t":"Auto width data grid","d":"Sizes the table from its content rather than stretching every column across the container.","s":"catalogs","c":"data-display/table","hc":1},{"id":"catalogs:keenthemes/c-data-grid-7/base-nova","t":"Selectable row data grid","d":"Lets users mark records for a shared bulk action.","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:keenthemes/c-data-grid-8/base-nova","t":"Expandable row data grid","d":"Reveals additional record details inline without navigating away from the table.","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:keenthemes/c-data-grid-9/base-nova","t":"Nested table data grid","d":"Displays related child records beneath a parent row for hierarchical datasets.","s":"catalogs","c":"data-display/table","sb":"Expandable"},{"id":"catalogs:keenthemes/c-date-selector-1/base-nova","t":"Calendar date selector","d":"Opens a calendar-based control for choosing a date.","s":"catalogs","c":"data-display/calendar","hc":1},{"id":"catalogs:keenthemes/c-scrollspy-2/base-nova","t":"Navigation scrollspy","d":"Highlights page navigation as the corresponding content moves through the viewport.","s":"catalogs","c":"navigation/pagination","hc":1},{"id":"catalogs:keenthemes/c-select-1/base-nova","t":"Basic select","d":"Opens a menu and records one choice from a fixed option list.","s":"catalogs","c":"inputs/select","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"catalogs:keenthemes/c-select-10/base-nova","t":"Disabled select","d":"Displays the current value while preventing the menu from being changed.","s":"catalogs","c":"inputs/select"},{"id":"catalogs:keenthemes/c-select-11/base-nova","t":"Dialog select","d":"Keeps option picking available within an existing modal workflow.","s":"catalogs","c":"overlays/dialog","hc":1},{"id":"catalogs:keenthemes/c-select-12/base-nova","t":"Multi select","d":"Retains several choices from the menu instead of replacing the previous value.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-13/base-nova","t":"Inline input select","d":"Pairs an option menu with free-form entry in a single horizontal control group.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-14/base-nova","t":"Select with adjacent button","d":"Places an immediate action beside the chosen value for compact workflows.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-15/base-nova","t":"Aligned item select","d":"Positions menu entries relative to the trigger for a visually continuous opening state.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-16/base-nova","t":"Access level select","d":"Explains the permissions attached to each role before one is assigned.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-17/base-nova","t":"Status dot select","d":"Maps each state to a color marker so choices remain distinguishable at a glance.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-18/base-nova","t":"Avatar select","d":"Pairs people with profile images to disambiguate similar names.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-19/base-nova","t":"Status badge select","d":"Uses labeled markers to communicate the meaning of each available state.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-2/base-nova","t":"Icon and placeholder select","d":"Shows guidance before a choice is made and uses visual cues to identify options.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-20/base-nova","t":"Left indicator select","d":"Moves the selected marker before each option for a leading visual reference.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-21/base-nova","t":"Clearable select","d":"Lets the current choice be removed without reopening the menu.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-22/base-nova","t":"Custom chevron select","d":"Uses a tailored up-and-down cue to communicate the menu's trigger behavior.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-23/base-nova","t":"Overlapping dot multi select","d":"Compresses several color-coded choices into a compact trigger preview.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-24/base-nova","t":"Separated group select","d":"Adds dividing rules between labeled categories when stronger boundaries aid scanning.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-25/base-nova","t":"Flag country picker","d":"Pairs country names with familiar symbols for quicker geographic selection.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-26/base-nova","t":"Colored status filter","d":"Narrows records by state while preserving each status's visual color cue.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-27/base-nova","t":"Descriptive option select","d":"Adds supporting text so users can understand the consequence of each choice.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-28/base-nova","t":"UTC timezone select","d":"Shows each region's offset to help users distinguish locations with similar names.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-29/base-nova","t":"Team member assignment select","d":"Identifies people by image and name before assigning one to the current record.","k":"section","s":"catalogs","c":"marketing/team","hc":1},{"id":"catalogs:keenthemes/c-select-3/base-nova","t":"Labeled group select","d":"Organizes choices into named categories when a flat menu would be difficult to scan.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-30/base-nova","t":"Priority badge select","d":"Associates urgency levels with labeled colors before a priority is chosen.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-31/base-nova","t":"Font preview select","d":"Renders type choices in their own faces so appearance can guide selection.","k":"resource","s":"catalogs","c":"assets/font","hc":1},{"id":"catalogs:keenthemes/c-select-32/base-nova","t":"Icon category select","d":"Combines text and visual cues to make category choices easier to recognize.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-33/base-nova","t":"Compact size picker","d":"Chooses among size variants from a reduced-width trigger.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-4/base-nova","t":"Large list select","d":"Keeps an extensive fixed option set manageable within a bounded menu.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-5/base-nova","t":"Compact trigger select","d":"Fits a standard option menu into dense forms and toolbars.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-6/base-nova","t":"Subscription plan select","d":"Presents plan choices as richer entries so account tiers can be compared before selection.","k":"section","s":"catalogs","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"catalogs:keenthemes/c-select-7/base-nova","t":"Unaligned item select","d":"Allows menu content to keep its natural position instead of aligning items to the trigger.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-8/base-nova","t":"Labeled field select","d":"Combines the control with persistent guidance that explains the expected choice.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-select-9/base-nova","t":"Invalid state select","d":"Communicates a validation failure while leaving the menu available for correction.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:keenthemes/c-separator-1/base-nova","t":"Horizontal section divider","d":"Marks a transition between vertically stacked content regions.","k":"layout","s":"catalogs","c":"layout/page-shell","hc":1},{"id":"catalogs:keenthemes/c-separator-2/base-nova","t":"Vertical inline divider","d":"Creates a boundary between neighboring controls or text on the same row.","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:keenthemes/c-separator-3/base-nova","t":"Menu group divider","d":"Visually separates adjacent clusters of related actions in a horizontal menu.","s":"catalogs","c":"navigation/menu","hc":1},{"id":"catalogs:keenthemes/c-separator-4/base-nova","t":"List item divider","d":"Clarifies where one repeated row ends and the next begins.","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:keenthemes/c-separator-5/base-nova","t":"Centered label divider","d":"Names the transition between regions without requiring a separate heading row.","s":"catalogs","c":"inputs/form-field","sb":"Animated fields"},{"id":"catalogs:keenthemes/c-separator-6/base-nova","t":"Order summary dividers","d":"Divides line items and totals within an order summary.","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:keenthemes/c-sheet-1/base-nova","t":"Profile editing sheet","d":"Opens account fields in a side panel so the underlying page remains in context.","s":"catalogs","c":"overlays/sheet","hc":1},{"id":"catalogs:keenthemes/c-sheet-2/base-nova","t":"No close profile sheet","d":"Requires dismissal through the surrounding workflow rather than a panel control.","s":"catalogs","c":"overlays/sheet","hc":1},{"id":"catalogs:keenthemes/c-sheet-3/base-nova","t":"Multi side sheets","d":"Demonstrates entering from each viewport edge to suit different spatial relationships.","s":"catalogs","c":"overlays/sheet","hc":1},{"id":"catalogs:keenthemes/c-sheet-4/base-nova","t":"Scrollable content sheet","d":"Accommodates a long body within the panel instead of extending beyond the viewport.","s":"catalogs","c":"overlays/sheet","hc":1},{"id":"catalogs:keenthemes/c-skeleton-1/base-nova","t":"User info skeleton","d":"Reserves space for an avatar and identity details while profile data loads.","s":"catalogs","c":"status/skeleton","hc":1},{"id":"catalogs:keenthemes/c-skeleton-10/base-nova","t":"Chat message skeleton","d":"Approximates alternating conversation rows until message history is available.","s":"catalogs","c":"status/skeleton","hc":1},{"id":"catalogs:keenthemes/c-skeleton-2/base-nova","t":"Card skeleton","d":"Preserves a card's outer shape and content hierarchy during loading.","s":"catalogs","c":"status/skeleton","hc":1},{"id":"catalogs:keenthemes/c-skeleton-3/base-nova","t":"Text block skeleton","d":"Uses varied placeholder lines to approximate headings and paragraph copy.","s":"catalogs","c":"status/skeleton"},{"id":"catalogs:keenthemes/c-skeleton-4/base-nova","t":"Form skeleton","d":"Holds the positions of labels, fields, and actions until form data is ready.","s":"catalogs","c":"status/skeleton","hc":1},{"id":"catalogs:keenthemes/c-skeleton-5/base-nova","t":"Data table skeleton","d":"Maintains row and column structure while records are being fetched.","s":"catalogs","c":"status/skeleton","hc":1},{"id":"catalogs:keenthemes/c-skeleton-6/base-nova","t":"Dashboard stats skeleton","d":"Reserves aligned metric cards so the dashboard does not shift when totals arrive.","s":"catalogs","c":"status/skeleton","hc":1},{"id":"catalogs:keenthemes/c-skeleton-7/base-nova","t":"Action list skeleton","d":"Represents repeated rows and their controls while list data loads.","s":"catalogs","c":"status/skeleton","hc":1},{"id":"catalogs:keenthemes/c-skeleton-8/base-nova","t":"Card grid skeleton","d":"Maintains the multi-column layout until each card's content is available.","s":"catalogs","c":"status/skeleton","hc":1},{"id":"catalogs:keenthemes/c-skeleton-9/base-nova","t":"Profile page skeleton","d":"Preserves the full account layout while identity and activity data load.","s":"catalogs","c":"status/skeleton","hc":1},{"id":"catalogs:keenthemes/c-slider-1/base-nova","t":"Basic slider","d":"Lets users select a numeric value along a continuous track.","s":"catalogs","c":"inputs/slider","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"catalogs:keenthemes/c-slider-10/base-nova","t":"Tick mark slider","d":"Makes discrete intervals visible so users can anticipate where the thumb will stop.","s":"catalogs","c":"inputs/slider"},{"id":"catalogs:keenthemes/c-slider-11/base-nova","t":"Tooltip value slider","d":"Updates a floating numeric readout as the thumb moves along the track.","s":"catalogs","c":"inputs/slider","hc":1},{"id":"catalogs:keenthemes/c-slider-12/base-nova","t":"Emoji rating slider","d":"Changes the expression as the chosen score moves from negative to positive.","s":"catalogs","c":"inputs/slider","hc":1},{"id":"catalogs:keenthemes/c-slider-2/base-nova","t":"Disabled slider","d":"Displays the current position while preventing pointer and keyboard changes.","s":"catalogs","c":"inputs/slider","hc":1},{"id":"catalogs:keenthemes/c-slider-3/base-nova","t":"Multi value slider","d":"Places several thumbs on one track for selecting ranges or multiple thresholds.","s":"catalogs","c":"inputs/slider","hc":1},{"id":"catalogs:kokonut-labs/action-search-bar","t":"Action Search Bar","d":"A command bar with keyboard shortcuts and an animated action menu.","s":"catalogs","c":"inputs/search","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/ai-input-search","t":"AI Input Search","d":"A chat input that switches into a dedicated search mode.","s":"catalogs","c":"ai-agent/ai-agent","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/ai-loading","t":"AI State Loading","d":"An animated pending state for code generation.","s":"catalogs","c":"ai-agent/ai-agent","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/ai-prompt","t":"AI Input Selector","d":"A chat prompt field with a model or mode selector.","s":"catalogs","c":"ai-agent/composer","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/ai-text-loading","t":"AI Text Loading","d":"A compact thinking indicator for AI responses.","s":"catalogs","c":"ai-agent/ai-agent","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/ai-voice","t":"AI Voice","d":"A voice input mode for recording prompts.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Voice","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/apple-activity-card","t":"Apple Activity Card","d":"A fitness activity card with three colored progress rings.","s":"catalogs","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"catalogs:kokonut-labs/attract-button","t":"Magnet Button","d":"A button that pulls nearby particles toward the pointer.","s":"catalogs","c":"actions/button","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/avatar-picker","t":"Avatar Picker","d":"A rotating avatar picker for browsing profile options.","s":"catalogs","c":"inputs/select","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/background-paths","t":"Background Paths","d":"Animated line paths converge behind centered page content.","k":"motion","s":"catalogs","c":"motion/background","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/beams-background","t":"Beams Background","d":"Customizable light beams animate across a page background.","k":"motion","s":"catalogs","c":"motion/background","sb":"Beams and light","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/bento-grid","t":"Bento Grid","d":"A four-card grid combining product content with varied animations.","k":"layout","s":"catalogs","c":"layout/bento-grid"},{"id":"catalogs:kokonut-labs/card-flip","t":"Card Flip","d":"A two-sided card that flips to reveal secondary content.","s":"catalogs","c":"data-display/card","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/card-stack","t":"Stack","d":"An expandable stack of overlapping cards.","s":"catalogs","c":"media/card-stack","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/carousel-cards","t":"Carousel Cards","d":"A card carousel with direct and previous or next navigation.","s":"catalogs","c":"media/carousel","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/command-button","t":"Command Button","d":"A button that presents its keyboard shortcut alongside the label.","s":"catalogs","c":"actions/button","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/currency-transfer","t":"Currency Transfer","d":"A multi-step currency transfer card with animated transaction states.","s":"catalogs","c":"navigation/wizard-steps"},{"id":"catalogs:kokonut-labs/dynamic-text","t":"Dynamic Text","d":"A text switcher that animates between a sequence of phrases.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/file-upload","t":"File Upload","d":"A drag-and-drop file picker with animated upload progress.","s":"catalogs","c":"inputs/file-upload","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/glitch-text","t":"Glitch Text","d":"A text effect with adjustable glitch intensity and color schemes.","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Scramble and glitch","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/gradient-button","t":"Gradient Button","d":"A button with an animated gradient border and emerald, purple, and orange glow variants.","s":"catalogs","c":"actions/button","tg":["gradient","neon"],"sb":"Animated","sy":["gradient","neon"],"hc":1,"cp":1},{"id":"catalogs:kokonut-labs/hold-button","t":"Hold Button","d":"A press-and-hold button with configurable duration and color.","s":"catalogs","c":"actions/button","sb":"Loading and states","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/liquid-glass-card","t":"Liquid Glass","d":"A translucent card with layered glass and refraction effects.","s":"catalogs","c":"data-display/card","tg":["glass"],"sb":"Animated and glowing","sy":["glass"],"hc":1,"cp":1},{"id":"catalogs:kokonut-labs/matrix-text","t":"Matrix Text","d":"Text flickers through Matrix-style binary characters before settling into place.","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Scramble and glitch","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/particle-button","t":"Particle Button","d":"A button that releases an animated particle burst when clicked.","s":"catalogs","c":"actions/button","sb":"Animated","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/profile-dropdown","t":"Profile Dropdown","d":"A profile menu with account details and common actions.","s":"catalogs","c":"navigation/menu","sb":"Dropdowns","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/scroll-text","t":"Scroll Text","d":"Text segments animate into view as the page scrolls.","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Reveal and entrance","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/shape-hero","t":"Shapes Hero","d":"A hero backdrop where geometric shapes fall from the top.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/shimmer-text","t":"Shimmer Text","d":"Text with a sweeping shimmer highlight animation.","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Gradient and shimmer"},{"id":"catalogs:kokonut-labs/sliced-text","t":"Sliced Text","d":"Text splits into offset halves that align again on hover.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/smooth-drawer","t":"Smooth Drawer","d":"A drawer with a smooth slide-in transition and dimmed backdrop.","s":"catalogs","c":"overlays/sheet","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/smooth-tab","t":"Smooth Tab","d":"Tabs with an animated indicator that moves between selections.","s":"catalogs","c":"navigation/tabs","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/social-button","t":"Social Button","d":"A button that reveals social actions with an animated expansion.","s":"catalogs","c":"actions/button","sb":"Social and sign-in","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/switch-button","t":"Switch Button","d":"A theme switcher with animated shadow and thumb states.","s":"catalogs","c":"actions/button"},{"id":"catalogs:kokonut-labs/swoosh-text","t":"Swoosh Text","d":"Text accented by an animated athletic-style swoosh.","k":"motion","s":"catalogs","c":"motion/text-effect"},{"id":"catalogs:kokonut-labs/team-selector","t":"Team Selector","d":"A grouped selector for switching between teams.","k":"section","s":"catalogs","c":"marketing/team","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/toolbar","t":"Toolbar","d":"A compact action toolbar with grouped controls.","s":"catalogs","c":"navigation/menu","sb":"Menubars","hc":1,"cp":1},{"id":"catalogs:kokonut-labs/tweet-card","t":"X Card","d":"A post card with author details and a gradient hover treatment.","s":"catalogs","c":"data-display/card","tg":["gradient"],"sy":["gradient"],"hc":1,"cp":1},{"id":"catalogs:kokonut-labs/type-writer","t":"Typing Text","d":"A typing effect with configurable text sequences and timing.","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Typewriter"},{"id":"catalogs:kokonut-labs/v0-button","t":"V0 Button","d":"A button that opens the current component in v0.","s":"catalogs","c":"actions/button","hc":1,"cp":1},{"id":"catalogs:magicuidesign/android","t":"Android","d":"An Android device frame for presenting app screens.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:magicuidesign/animated-beam","t":"Animated Beam","d":"A beam of light that travels along a path between connected elements.","k":"motion","s":"catalogs","c":"motion/background","sb":"Beams and light","hc":1,"cp":1},{"id":"catalogs:magicuidesign/animated-circular-progress-bar","t":"Animated Circular Progress Bar","d":"A circular gauge that animates to a percentage value.","s":"catalogs","c":"data-viz/progress-bar","hc":1,"cp":1},{"id":"catalogs:magicuidesign/animated-gradient-text","t":"Animated Gradient Text","d":"Text filled by a gradient that transitions between colors.","k":"motion","s":"catalogs","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"hc":1,"cp":1},{"id":"catalogs:magicuidesign/animated-grid-pattern","t":"Animated Grid Pattern","d":"An SVG grid background with animated cells and Tailwind CSS controls.","k":"motion","s":"catalogs","c":"motion/background","sb":"Grids and patterns"},{"id":"catalogs:magicuidesign/animated-list","t":"Animated List","d":"A list that reveals items in sequence for notifications or event feeds.","s":"catalogs","c":"data-display/list"},{"id":"catalogs:magicuidesign/animated-shiny-text","t":"Animated Shiny Text","d":"A moving light glare creates a shimmer across text.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1,"cp":1},{"id":"catalogs:magicuidesign/animated-theme-toggler","t":"Theme Toggler","d":"A theme control that animates the transition between color modes.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:magicuidesign/aurora-text","t":"Aurora Text","d":"Text filled with a shifting multicolor aurora effect.","k":"motion","s":"catalogs","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"hc":1,"cp":1},{"id":"catalogs:magicuidesign/avatar-circles","t":"Avatar Circles","d":"Overlapping avatar circles with an optional overflow count.","s":"catalogs","c":"data-display/avatar","hc":1,"cp":1},{"id":"catalogs:magicuidesign/bento-grid","t":"Bento Grid","d":"A responsive card grid for arranging product features in varied spans.","k":"layout","s":"catalogs","c":"layout/bento-grid","hc":1,"cp":1},{"id":"catalogs:magicuidesign/blur-fade","t":"Blur Fade","d":"Content enters or exits with coordinated blur and opacity transitions.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:magicuidesign/border-beam","t":"Border Beam","d":"A beam of light travels around the edge of its container.","k":"motion","s":"catalogs","c":"motion/border"},{"id":"catalogs:magicuidesign/code-comparison","t":"Code Comparison","d":"A split view for comparing two code snippets.","k":"section","s":"catalogs","c":"marketing/comparison","hc":1,"cp":1},{"id":"catalogs:magicuidesign/comic-text","t":"Comic Text","d":"Text styled with an animated comic-book treatment.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1,"cp":1},{"id":"catalogs:magicuidesign/confetti","t":"Confetti","d":"Configurable confetti bursts for completion and celebration states.","k":"motion","s":"catalogs","c":"motion/background","sb":"Particles and stars","hc":1,"cp":1},{"id":"catalogs:magicuidesign/cool-mode","t":"Cool Mode","d":"Buttons, links, and other elements emit themed particles on interaction.","s":"catalogs","c":"actions/button","hc":1,"cp":1},{"id":"catalogs:magicuidesign/dock","t":"Dock","d":"A macOS-style app dock with magnification and spring motion.","s":"catalogs","c":"navigation/dock","hc":1,"cp":1},{"id":"catalogs:magicuidesign/dot-pattern","t":"Dot Pattern","d":"A customizable SVG dot pattern for page and card backgrounds.","s":"catalogs","c":"data-display/card","sb":"Animated and glowing","hc":1,"cp":1},{"id":"catalogs:magicuidesign/file-tree","t":"File Tree","d":"A collapsible tree for presenting folders and files.","s":"catalogs","c":"data-display/tree"},{"id":"catalogs:magicuidesign/flickering-grid","t":"Flickering Grid","d":"An SVG grid background whose cells flicker at varied intervals.","k":"motion","s":"catalogs","c":"motion/background","sb":"Grids and patterns","hc":1,"cp":1},{"id":"catalogs:magicuidesign/globe","t":"Globe","d":"An auto-rotating interactive WebGL globe with location markers.","k":"motion","s":"catalogs","c":"motion/globe","tg":["webgl"],"sy":["webgl"],"hc":1,"cp":1},{"id":"catalogs:magicuidesign/glyph-matrix","t":"Glyph Matrix","d":"A theme-aware grid of glyphs that shift and fade over time.","s":"catalogs","c":"other/other"},{"id":"catalogs:magicuidesign/grid-pattern","t":"Grid Pattern","d":"A customizable SVG grid pattern for page and card backgrounds.","k":"motion","s":"catalogs","c":"motion/background","sb":"Grids and patterns","hc":1,"cp":1},{"id":"catalogs:magicuidesign/hero-video-dialog","t":"Hero Video Dialog","d":"A hero preview that opens a video in a modal dialog.","s":"catalogs","c":"overlays/dialog","sb":"Media","hc":1,"cp":1},{"id":"catalogs:magicuidesign/highlighter","t":"Highlighter","d":"A marker-like stroke animates behind selected text.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1,"cp":1},{"id":"catalogs:magicuidesign/hyper-text","t":"Hyper Text","d":"Letters scramble before resolving into the final text.","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Scramble and glitch","hc":1,"cp":1},{"id":"catalogs:magicuidesign/icon-cloud","t":"Icon Cloud","d":"An interactive 3D cloud that arranges icons around a sphere.","k":"resource","s":"catalogs","c":"assets/icon","tg":["3d"],"sy":["3d"],"hc":1,"cp":1},{"id":"catalogs:magicuidesign/interactive-grid-pattern","t":"Interactive Grid Pattern","d":"An SVG grid background whose cells react to pointer movement.","k":"motion","s":"catalogs","c":"motion/background","sb":"Grids and patterns"},{"id":"catalogs:magicuidesign/interactive-hover-button","t":"Interactive Hover Button","d":"A button with coordinated label and arrow transitions on hover.","s":"catalogs","c":"actions/button","sb":"Animated","hc":1,"cp":1},{"id":"catalogs:magicuidesign/lens","t":"Lens","d":"A movable lens magnifies part of an image, video, or element.","s":"catalogs","c":"media/gallery","sb":"Zoom and lens","hc":1,"cp":1},{"id":"catalogs:magicuidesign/line-shadow-text","t":"Line Shadow Text","d":"Text casts a moving striped shadow in a chosen direction.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1,"cp":1},{"id":"catalogs:magicuidesign/magic-card","t":"Magic Card","d":"A pointer-following spotlight highlights the card surface and border.","s":"catalogs","c":"data-display/card","sb":"Animated and glowing","hc":1,"cp":1},{"id":"catalogs:magicuidesign/marquee","t":"Marquee","d":"An endlessly scrolling row for text, images, or video.","k":"motion","s":"catalogs","c":"motion/marquee","hc":1,"cp":1},{"id":"catalogs:magicuidesign/meteors","t":"Meteors","d":"Animated streaks cross a container like a meteor shower.","k":"motion","s":"catalogs","c":"motion/background","sb":"Particles and stars","hc":1,"cp":1},{"id":"catalogs:magicuidesign/morphing-text","t":"Morphing Text","d":"Words transition between phrases with a morphing letter effect.","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Rotating words","hc":1,"cp":1},{"id":"catalogs:magicuidesign/neon-gradient-card","t":"Neon Gradient Card","d":"A card framed by a soft animated neon gradient.","s":"catalogs","c":"data-display/card","tg":["gradient","neon"],"sb":"Animated and glowing","sy":["gradient","neon"],"hc":1,"cp":1},{"id":"catalogs:magicuidesign/number-ticker","t":"Number Ticker","d":"Numbers count up or down toward a target value.","k":"motion","s":"catalogs","c":"motion/number-ticker","hc":1,"cp":1},{"id":"catalogs:magicuidesign/orbiting-circles","t":"Orbiting Circles","d":"Elements travel around configurable circular paths.","s":"catalogs","c":"other/other"},{"id":"catalogs:magicuidesign/particles","t":"Particles","d":"A configurable particle field adds depth and pointer interaction to a background.","k":"motion","s":"catalogs","c":"motion/background","tg":["3d"],"sb":"Particles and stars","sy":["3d"],"hc":1,"cp":1},{"id":"catalogs:magicuidesign/pixel-image","t":"Pixel Image","d":"An image resolves through an animated pixelated treatment.","s":"catalogs","c":"media/gallery","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"catalogs:magicuidesign/pointer","t":"Pointer","d":"A custom pointer appears while the user hovers over an element.","k":"motion","s":"catalogs","c":"motion/cursor","hc":1,"cp":1},{"id":"catalogs:magicuidesign/progressive-blur","t":"Progressive Blur","d":"A directional blur gradient signals more scrollable content above or below.","k":"motion","s":"catalogs","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1,"cp":1},{"id":"catalogs:magicuidesign/pulsating-button","t":"Pulsating Button","d":"A button uses repeating scale and glow pulses to draw attention.","s":"catalogs","c":"actions/button","tg":["neon"],"sy":["neon"]},{"id":"catalogs:magicuidesign/rainbow-button","t":"Rainbow Button","d":"A button with an animated rainbow border and glow.","s":"catalogs","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:magicuidesign/retro-grid","t":"Retro Grid","d":"A perspective grid scrolls toward the horizon.","k":"motion","s":"catalogs","c":"motion/tilt-3d","tg":["3d","retro and HUD"],"sy":["3d","retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:magicuidesign/ripple","t":"Ripple","d":"Concentric circles expand behind foreground content.","k":"motion","s":"catalogs","c":"motion/background","sb":"Waves and warps","hc":1,"cp":1},{"id":"catalogs:magicuidesign/ripple-button","t":"Ripple Button","d":"A click launches a ripple from the pointer position across the button.","s":"catalogs","c":"actions/button","sb":"Animated","hc":1,"cp":1},{"id":"catalogs:magicuidesign/safari","t":"Safari","d":"A Safari browser frame for presenting website screenshots.","k":"page","s":"catalogs","c":"pages/templates","sb":"Auth pages","hc":1,"cp":1},{"id":"catalogs:magicuidesign/scroll-based-velocity","t":"Scroll Based Velocity","d":"Text scrolls horizontally at a speed tied to page movement.","k":"layout","s":"catalogs","c":"layout/scroll-area","hc":1,"cp":1},{"id":"catalogs:magicuidesign/scroll-progress","t":"Scroll Progress","d":"A fixed indicator tracks how far the page has been scrolled.","s":"catalogs","c":"data-viz/progress-bar","hc":1,"cp":1},{"id":"catalogs:magicuidesign/shimmer-button","t":"Shimmer Button","d":"A moving highlight travels around the button perimeter.","s":"catalogs","c":"actions/button","sb":"Animated","hc":1,"cp":1},{"id":"catalogs:magicuidesign/shine-border","t":"Shine Border","d":"An animated gradient highlight moves around a container border.","k":"motion","s":"catalogs","c":"motion/border","tg":["gradient"],"sy":["gradient"],"hc":1,"cp":1},{"id":"catalogs:magicuidesign/shiny-button","t":"Shiny Button","d":"A button adapts its reflective highlight to light and dark themes.","s":"catalogs","c":"actions/button","hc":1,"cp":1},{"id":"catalogs:magicuidesign/smooth-cursor","t":"Smooth Cursor","d":"A custom cursor follows pointer movement with spring motion and rotation.","k":"motion","s":"catalogs","c":"motion/cursor"},{"id":"catalogs:magicuidesign/sparkles-text","t":"Sparkles Text","d":"Animated star particles appear continuously around highlighted text.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1,"cp":1},{"id":"catalogs:magicuidesign/spinning-text","t":"Spinning Text","d":"Text follows a circular path with configurable speed and direction.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1,"cp":1},{"id":"catalogs:magicuidesign/striped-pattern","t":"Striped Pattern","d":"A customizable SVG stripe pattern for page and card backgrounds.","s":"catalogs","c":"data-display/card","sb":"Animated and glowing","hc":1,"cp":1},{"id":"catalogs:magicuidesign/terminal","t":"Terminal","d":"A terminal window for presenting commands and output.","s":"catalogs","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:magicuidesign/text-animate","t":"Text Animate","d":"Text enters by character, word, or line using configurable motion presets.","k":"motion","s":"catalogs","c":"motion/text-effect"},{"id":"catalogs:magicuidesign/text-reveal","t":"Text Reveal","d":"Lines of text fade into view as the page scrolls.","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Reveal and entrance","hc":1,"cp":1},{"id":"catalogs:magicuidesign/tweet-card/server","t":"Tweet Card","d":"A post card with the author's name, handle, avatar, and content.","s":"catalogs","c":"data-display/card","sb":"Animated and glowing","hc":1,"cp":1},{"id":"catalogs:magicuidesign/typing-animation","t":"Typing Animation","d":"Characters appear in sequence to simulate live typing.","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Typewriter","hc":1,"cp":1},{"id":"catalogs:magicuidesign/video-text","t":"Video Text","d":"A playing video is clipped inside large text.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1,"cp":1},{"id":"catalogs:magicuidesign/warp-background","t":"Warp Background","d":"Animated perspective lines create a time-warp backdrop for a card.","k":"motion","s":"catalogs","c":"motion/background","tg":["3d"],"sb":"Waves and warps","sy":["3d"],"hc":1,"cp":1},{"id":"catalogs:magicuidesign/word-rotate","t":"Word Rotate","d":"Words rotate vertically through a configurable sequence.","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Rotating words","hc":1,"cp":1},{"id":"catalogs:mengto/amber-halftone","t":"Amber Halftone","d":"An animated amber-to-white halftone point field on a dark plane.","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:mengto/animated-top-dock-glass","t":"Liquid Glass","d":"A vertical glass rail whose proximity field runs down the y axis, over a Three.js bead fie","s":"catalogs","c":"navigation/dock","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"catalogs:mengto/animated-top-dock-modern","t":"Command Bar","d":"An inset modern header: wordmark on the left, the proximity dock centred on the bar’s midl","s":"catalogs","c":"navigation/dock","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"catalogs:mengto/animated-top-dock-retro","t":"Pixel Terminal","d":"A fitted terminal strip: the menu cells own the whole bar and trade width with each other,","s":"catalogs","c":"navigation/dock","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"]},{"id":"catalogs:mengto/animated-top-dock-sable","t":"Sable Dock","d":"The authored Sable dock: a centred glass capsule whose items spring downward and widen as ","s":"catalogs","c":"navigation/dock","tg":["glass"],"sy":["glass"],"hc":1},{"id":"catalogs:mengto/audio-wordmark","t":"Audio Wordmark","d":"A portrait audio identity scene pairing two animated circular bar fields with a compact Th","k":"resource","s":"catalogs","c":"assets/logo","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:mengto/ball-study","t":"Ball","d":"A full-frame sphere of 1,900 depth-sorted glyphs with hover acceleration and click-hit let","k":"motion","s":"catalogs","c":"motion/text-effect","tg":["3d"],"sy":["3d"],"hc":1},{"id":"catalogs:mengto/bell-field","t":"Bell Field","d":"A Chladni-inspired bell-mode field with authored nodal metal patterns, automatic strike ri","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:mengto/bestsellers-book-showcase","t":"Bestsellers Book Showcase","d":"The complete Field Manuals book showcase, preserved unchanged with its editorial layout, a","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:mengto/bookshelf","t":"Bookshelf","d":"The exact seven-volume Bookshelf collection with its authored room, carousel shelf, indivi","s":"catalogs","c":"media/carousel"},{"id":"catalogs:mengto/brand-orbs-aura","t":"Aura","d":"Aura's native asymmetric dot field carries an expanding halo of light.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"catalogs:mengto/brand-orbs-claude","t":"Claude Code","d":"A warm radial spark burst that expands and contracts around a bright core.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"catalogs:mengto/brand-orbs-codex","t":"Codex","d":"A rounded command-prompt mark that breathes as a dimensional prompt blob.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"catalogs:mengto/brand-orbs-css","t":"CSS","d":"The CSS lettermark emerges as a purple scan moving through a rounded field.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"catalogs:mengto/brand-orbs-cursor","t":"Cursor","d":"The Cursor arrow and frame resolved in dots with a timed click ripple.","k":"motion","s":"catalogs","c":"motion/cursor"},{"id":"catalogs:mengto/brand-orbs-designcode","t":"DesignCode","d":"The DesignCode monogram travels through a dense spherical dot field.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"catalogs:mengto/brand-orbs-dreamcut","t":"DreamCut","d":"Six tapered petals open, breathe, and rotate as a DreamCut bloom.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"catalogs:mengto/brand-orbs-email","t":"Email","d":"A dimensional dotted envelope opens and sends a traveling signal.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"catalogs:mengto/brand-orbs-figma","t":"Figma","d":"Five dot swatches morph through the familiar stacked Figma silhouette.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"catalogs:mengto/brand-orbs-framer","t":"Framer","d":"The folded Framer F rendered as shifting blue dot bands.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Orbs and presence"},{"id":"catalogs:mengto/brand-orbs-gemini","t":"Gemini","d":"A four-point Gemini twinkle with orbiting light and a soft central pulse.","k":"motion","s":"catalogs","c":"motion/background","hc":1},{"id":"catalogs:mengto/brand-orbs-github","t":"GitHub","d":"The Octocat silhouette appears as negative space inside a luminous orb.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"catalogs:mengto/brand-orbs-instagram","t":"Instagram","d":"The Instagram camera mark glows through a violet-to-orange dot gradient.","s":"catalogs","c":"ai-agent/ai-agent","tg":["gradient","neon"],"sb":"Orbs and presence","sy":["gradient","neon"],"hc":1},{"id":"catalogs:mengto/brand-orbs-ios","t":"iOS","d":"The iOS wordmark is sampled into an even monochrome dot matrix.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"catalogs:mengto/brand-orbs-linkedin","t":"LinkedIn","d":"The LinkedIn mark scans across a blue rounded-square field.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"catalogs:mengto/brand-orbs-neuform","t":"Neuform","d":"Eight directional Neuform chevrons rotate around a precise center.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"catalogs:mengto/brand-orbs-openai","t":"OpenAI","d":"An interlocking six-loop bloom traced as a rotating monochrome dot lattice.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"catalogs:mengto/brand-orbs-react","t":"React","d":"Three luminous electron ellipses orbit a bright React nucleus.","s":"catalogs","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Orbs and presence","sy":["webgl"],"hc":1},{"id":"catalogs:mengto/brand-orbs-swift","t":"Swift","d":"The Swift bird silhouette sweeps through a warm coral dot field.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"catalogs:mengto/brand-orbs-threads","t":"Threads","d":"The Threads loop is traced by an angular highlight sweep.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"catalogs:mengto/brand-orbs-ui","t":"UI","d":"A paneled interface window assembles from cool blue dot segments.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"catalogs:mengto/brand-orbs-ux","t":"UX","d":"A warm journey curve connects three pulsing experience nodes.","s":"catalogs","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Orbs and presence","sy":["webgl"],"hc":1},{"id":"catalogs:mengto/brand-orbs-x","t":"X","d":"The X mark is swept by a rotating highlight around its diagonal strokes.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"catalogs:mengto/character-filmstrip","t":"Character Filmstrip","d":"A warm editorial character filmstrip with framed portraits, numbered identity footers, pap","k":"motion","s":"catalogs","c":"motion/tilt-3d","tg":["3d"],"sy":["3d"],"hc":1},{"id":"catalogs:mengto/character-wave","t":"Character Wave","d":"A dark dimensional character-card wave with colored tiles, responsive horizontal-to-vertic","k":"motion","s":"catalogs","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"catalogs:mengto/circle-buttons-mail","t":"Mail","d":"The Dot Border rectangle's transparent face, blue hover fill, four moving corner dots, and","s":"catalogs","c":"actions/button"},{"id":"catalogs:mengto/circle-buttons-play","t":"Play","d":"The Dark Glass rectangle reduced to a compact circle with its original charcoal surface, m","s":"catalogs","c":"actions/button","tg":["glass"],"sy":["glass"],"hc":1},{"id":"catalogs:mengto/circle-buttons-plus","t":"Plus","d":"The Launch rectangle's exact amber gradient, 4px base, soft aura, and 2px pressed state ar","s":"catalogs","c":"actions/button","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"catalogs:mengto/cloth-study","t":"Cloth","d":"A Verlet sheet of letters hangs from six pegs, shearing every glyph with the live weave wh","s":"catalogs","c":"overlays/sheet","hc":1},{"id":"catalogs:mengto/cloud-field","t":"Cloud Field","d":"The complete raw-WebGL cloud migration background isolated at its exact source renderer bo","s":"catalogs","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:mengto/complete-shelf-landing-page","t":"Complete Shelf","d":"The complete Working Volumes bookshelf page with all seven tools, its responsive editorial","k":"page","s":"catalogs","c":"pages/templates","tg":["webgl"],"sb":"Landing pages","sy":["webgl"],"hc":1},{"id":"catalogs:mengto/condensation","t":"Condensation","d":"A transparent field of growing condensation bubbles that merge, fall, and resolve into sof","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:mengto/connectivity-graph","t":"Connectivity Graph","d":"A light-mode connectivity graph canvas with animated node links.","s":"catalogs","c":"data-viz/chart","hc":1},{"id":"catalogs:mengto/crt-blue-screen","t":"Blue Screen","d":"A retro signal-fault panel on saturated broadcast blue, torn by shader-side transport nois","s":"catalogs","c":"data-display/list","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"catalogs:mengto/crt-cinematic","t":"Cinematic","d":"A monotone academy leader: letterboxed frame, sweeping countdown dial, scrolling film perf","s":"catalogs","c":"inputs/slider","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"catalogs:mengto/crt-nintendo","t":"Nintendo","d":"An 8-bit console title screen drawn on a 320×180 grid with a hand-authored 5×7 pixel font ","k":"resource","s":"catalogs","c":"assets/font","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"catalogs:mengto/crt-terminal","t":"Terminal","d":"The authored 19-row Zion boot log typing itself onto green phosphor, now resolved at the f","s":"catalogs","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"catalogs:mengto/data-field","t":"Data Field","d":"The exact global-data Three.js visual isolated from its dashboard frame and text content.","s":"catalogs","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:mengto/defense-lines","t":"Defense Lines","d":"A crimson defense-line canvas field behind a high-contrast hero stage.","k":"motion","s":"catalogs","c":"motion/background","sb":"Beams and light","hc":1},{"id":"catalogs:mengto/diagnostics-panel-flow","t":"Flowing Mesh","d":"An isometric wire mesh that continuously ripples around a focused central peak.","s":"catalogs","c":"data-display/card","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"catalogs:mengto/diagnostics-panel-layers","t":"Layered Planes","d":"Five floating isometric planes with a highlighted top layer and a cropped scan-line core.","s":"catalogs","c":"data-display/card","sb":"Pricing","hc":1},{"id":"catalogs:mengto/diagnostics-panel-nodes","t":"Node Cubes","d":"Five synchronized wireframe cubes forming a softly animated diagnostic node cluster.","s":"catalogs","c":"data-display/card","hc":1},{"id":"catalogs:mengto/dimensional-field","t":"Dimensional Field","d":"The exact dimensional architecture background with both authored ShaderMaterials and compl","s":"catalogs","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:mengto/dot-border-button","t":"Dot Border Button","d":"A bright creation CTA framed by four corner dots and sequentially drawn dashed border segm","s":"catalogs","c":"actions/button","sb":"Animated","hc":1},{"id":"catalogs:mengto/dot-matrix","t":"Dot Matrix","d":"A cyan breathing dot matrix with radial depth fade and smoothed pointer drift, extracted f","k":"motion","s":"catalogs","c":"motion/cursor","tg":["3d"],"sy":["3d"],"hc":1},{"id":"catalogs:mengto/editorial-intro","t":"Editorial Intro","d":"A centered editorial intro built around a dimly lit device illustration, circuit traces, a","k":"resource","s":"catalogs","c":"assets/illustration","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"catalogs:mengto/elemental-flame","t":"Fire Element","d":"Noise-driven flame ribbons and rising embers lick upward from the Claude mark edge.","k":"motion","s":"catalogs","c":"motion/background","hc":1},{"id":"catalogs:mengto/elemental-lightning","t":"Lightning Element","d":"Violet fBm arcs crawl around the Anthropic contour while pointer proximity pulls the storm","k":"motion","s":"catalogs","c":"motion/cursor","hc":1},{"id":"catalogs:mengto/elemental-water","t":"Water Element","d":"A refracted OpenAI mark beneath pointer-driven circular ripples, cyan depth, and soft susp","k":"motion","s":"catalogs","c":"motion/cursor","tg":["3d"],"sy":["3d"],"hc":1},{"id":"catalogs:mengto/ember-storm","t":"Ember Storm","d":"The exact 12,000-particle Three.js ember vortex with additive heat grading, flicker, and v","k":"motion","s":"catalogs","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:mengto/emerald-horizon","t":"Emerald Horizon","d":"A deep emerald shader glow rising from an organic moving horizon.","k":"motion","s":"catalogs","c":"motion/shader","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"catalogs:mengto/energy-orb","t":"Globe","d":"The original layered FBM energy sphere with translucent rim glow and depth-aware star fiel","s":"catalogs","c":"ai-agent/ai-agent","tg":["3d","neon"],"sb":"Orbs and presence","sy":["3d","neon"],"hc":1},{"id":"catalogs:mengto/engraved-certificate","t":"Engraved Certificate","d":"A responsive engraved certificate: plate field, dual guilloche rosettes, and a drifting ha","s":"catalogs","c":"inputs/textarea","hc":1},{"id":"catalogs:mengto/expanse-field","t":"Expanse Field","d":"The exact full-screen Three.js ShaderMaterial expanse isolated without editorial text or n","s":"catalogs","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:mengto/floating-dots-cta","t":"Floating Dots CTA","d":"A saturated blue CTA with a glass highlight and a continuous stream of floating light poin","k":"section","s":"catalogs","c":"marketing/cta","tg":["glass"],"sy":["glass"],"hc":1},{"id":"catalogs:mengto/flow-field","t":"Flow Field","d":"A warm Canvas 2D flow field with 2,500 simplex-driven amber, gold, and coral particle trai","s":"catalogs","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"catalogs:mengto/fluid-field","t":"Fluid Field","d":"A blue-violet fluid ShaderMaterial, isolated from the surrounding editor interface.","s":"catalogs","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:mengto/flux-vortex","t":"Flux Vortex","d":"A blooming Three.js particle vortex with spiral filaments and post-process glow.","k":"motion","s":"catalogs","c":"motion/background","tg":["neon","webgl"],"sb":"Waves and warps","sy":["neon","webgl"],"hc":1},{"id":"catalogs:mengto/gallery","t":"Gallery","d":"The isolated Vantrix hero image ribbon: sixteen curved editorial panels orbiting a vertica","s":"catalogs","c":"media/gallery","hc":1},{"id":"catalogs:mengto/gallery-heading-falling-diagonal","t":"Glitch Fall","d":"Broadcast colour torn into flat blocks and slipped rows, with the headline breaking up int","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"catalogs:mengto/gallery-heading-horizontal-sweep","t":"Riso Sweep","d":"Print colour dithered to three tones over a lit corner, scanlines and heavy grain, under a","k":"motion","s":"catalogs","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:mengto/gallery-heading-rising-diagonal","t":"Matte Rise","d":"Muted museum plates under one slow rise of noise, a light sans on wide tracking, and an as","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1},{"id":"catalogs:mengto/gallery-heading-vertical-loop","t":"Halftone Loop","d":"One ink on one stock, shaded only by the size of the dots on a rotated screen, under a hig","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1},{"id":"catalogs:mengto/gateway-flow","t":"Gateway Flow","d":"A black-stage flow canvas with streaming gateway trajectories.","s":"catalogs","c":"data-display/badge","hc":1},{"id":"catalogs:mengto/generate-button","t":"Generate Button","d":"A glossy generate control with prismatic borders, animated lettering, and an illuminated s","s":"catalogs","c":"actions/button","hc":1},{"id":"catalogs:mengto/generative-tree","t":"Generative Tree","d":"A painterly branching tree grows from warm sienna to golden tips, sways with pointer wind,","s":"catalogs","c":"data-display/tree","hc":1},{"id":"catalogs:mengto/glassmorphism-cta","t":"Glassmorphism CTA","d":"A glass pill CTA with a revolving highlight, advisor portrait, and a glowing generative-ac","k":"section","s":"catalogs","c":"marketing/cta","tg":["glass","neon"],"sy":["glass","neon"],"hc":1},{"id":"catalogs:mengto/gradient-beam-cta","t":"Gradient Beam CTA","d":"A dark builder CTA with a rotating orange edge beam, drifting dot texture, and responsive ","k":"section","s":"catalogs","c":"marketing/cta","tg":["gradient","neon"],"sy":["gradient","neon"],"hc":1},{"id":"catalogs:mengto/gradient-cta","t":"Gradient CTA","d":"A sunlit amber pill CTA with inset highlights, deep elevation, and a rising hover sheen.","k":"section","s":"catalogs","c":"marketing/cta","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"catalogs:mengto/gradient-pill-button","t":"Gradient Pill Button","d":"A restrained metallic lesson pill with a masked gradient edge, soft elevation, and arrow i","s":"catalogs","c":"actions/button","tg":["gradient"],"sb":"Animated","sy":["gradient"]},{"id":"catalogs:mengto/halftone-flow","t":"Halftone Flow","d":"The exact red-orange raw-WebGL flow field resolved through its authored six-pixel halftone","s":"catalogs","c":"inputs/form-field","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"catalogs:mengto/ignition-button","t":"Ignition Button","d":"The exact raw-WebGL ambient field and tactile ignition button, without the surrounding ter","s":"catalogs","c":"actions/button","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"catalogs:mengto/induction-button","t":"Induction Button","d":"The exact kinetic induction background and raw-WebGL button isolated as one interactive ef","s":"catalogs","c":"actions/button","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:mengto/interface-lines","t":"Interface Lines","d":"A faint interface line-field background for dense system UI stages.","k":"motion","s":"catalogs","c":"motion/background","sb":"Beams and light","hc":1},{"id":"catalogs:mengto/japanese-tower-cambodia","t":"Cambodia","d":"A Khmer prasat on laterite terraces with a redented sanctuary and diminishing sandstone ti","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:mengto/japanese-tower-china","t":"China","d":"A Chinese pagoda in vermilion lacquer and green glaze beneath a gilt finial.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:mengto/japanese-tower-japan","t":"Japan","d":"A Japanese tenshu with an ishigaki stone base, plastered storeys, and flying tiled eaves.","s":"catalogs","c":"other/other"},{"id":"catalogs:mengto/japanese-tower-thailand","t":"Thailand","d":"A Thai prang rising from a stepped plinth into a richly detailed gold spire.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:mengto/japanese-tower-turkey","t":"Turkey","d":"An Ottoman mosque with limestone ashlar, İznik tile, a lead dome, and twin pencil minarets","s":"catalogs","c":"data-display/card","hc":1},{"id":"catalogs:mengto/japanese-tower-vietnam","t":"Vietnam","d":"A Vietnamese tháp with seven octagonal Huế lime-wash storeys and lifted tiled eaves.","s":"catalogs","c":"data-display/badge"},{"id":"catalogs:mengto/kage-landing-page","t":"Kage","d":"The complete authored Kage temple experience, preserved as an interactive full-page docume","k":"page","s":"catalogs","c":"pages/templates","tg":["webgl"],"sb":"Landing pages","sy":["webgl"],"hc":1},{"id":"catalogs:mengto/koi-studies","t":"Koi Studies","d":"A tactile stack of three Japanese koi studies with CSS 3D depth, pointer tilt, drag and ke","k":"motion","s":"catalogs","c":"motion/cursor","tg":["3d","retro and HUD","webgl"],"sy":["3d","retro and HUD","webgl"],"hc":1},{"id":"catalogs:mengto/landscape-night","t":"Night","d":"Moonlit terrain beneath 39,200 stars constrained to the landscape camera's visible band.","k":"motion","s":"catalogs","c":"motion/background","hc":1},{"id":"catalogs:mengto/landscape-noon","t":"Noon","d":"Clear cool daylight with the terrain, moisture colours, stones, and grass at their most le","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:mengto/landscape-rain","t":"Rain","d":"Rain draws in the fog, darkens the ground into puddles, and throws small splashes across t","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:mengto/landscape-snow","t":"Snow","d":"Wind-driven snow settles across the terrain, stones, and grass while a blizzard tightens t","k":"motion","s":"catalogs","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"catalogs:mengto/landscape-storm","t":"Storm","d":"A dense sideways downpour over sunset light, with close fog and multi-stroke lightning fla","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:mengto/landscape-sunrise","t":"Sunrise","d":"Low amber light crossing the grass and distant ridges under the source's warm morning sky.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:mengto/landscape-sunset","t":"Sunset","d":"The ridges and grass settle into long warm light beneath a deepening six-stop sky.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:mengto/launch-button","t":"Launch Button","d":"A warm amber launch control with tactile depth, a soft aura, and a compact lightning icon.","s":"catalogs","c":"actions/button","tg":["3d"],"sy":["3d"],"hc":1},{"id":"catalogs:mengto/liquid-form","t":"Liquid Form","d":"A centered silver ray-marched liquid form with authored studio reflections and pointer-res","s":"catalogs","c":"inputs/form-field","sb":"Whole forms"},{"id":"catalogs:mengto/liquid-metal-button-circle","t":"Liquid Orb","d":"The exact liquid-metal WebGL field measured through a compact 56-72px circular plus contro","s":"catalogs","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Orbs and presence","sy":["webgl"],"hc":1},{"id":"catalogs:mengto/liquid-metal-button-pill","t":"Sign up Pill","d":"The original authored liquid-metal Sign up pill with its complete spectral field, bloom, p","s":"catalogs","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"catalogs:mengto/liquid-metal-button-play-circle","t":"Play Circle","d":"A compact icon-only play control with configurable finish, diameter, outline, and accessib","s":"catalogs","c":"actions/button","sb":"Animated","hc":1},{"id":"catalogs:mengto/logic-core","t":"Logic Core","d":"The exact isometric platform, logic core, orbiting nodes, and source lighting without its ","s":"catalogs","c":"data-display/card","hc":1},{"id":"catalogs:mengto/lumen-cta","t":"Lumen CTA","d":"The Lumen call-to-action pill: a six-stop violet gradient running black to lilac, a hairli","k":"section","s":"catalogs","c":"marketing/cta","tg":["gradient","neon"],"sy":["gradient","neon"],"hc":1},{"id":"catalogs:mengto/matrix-field-atmospheric-blade","t":"Atmospheric Blade","d":"A white-hot emerald blade cutting through layered procedural vapor and faint mirage rails.","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:mengto/matrix-field-halftone-relay","t":"Halftone Relay","d":"An off-axis cyan relay where vapor resolves into an animated screen-space dot field.","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:mengto/matrix-field-vanishing-array","t":"Vanishing Array","d":"Violet and amber carrier rails accelerate from a pointer-steered horizon origin.","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:mengto/meng-to-sketchbook-landing-page","t":"Sketchbook","d":"A tactile personal portfolio built as a Singapore sketchbook, with nine illustrated plates","k":"page","s":"catalogs","c":"pages/templates","tg":["glass","playful"],"sb":"Landing pages","sy":["glass","playful"],"hc":1},{"id":"catalogs:mengto/morphing-glyph-cloud","t":"Morphing Glyph Cloud","d":"A paired field of alphanumeric glyphs morphs between two radial symbol silhouettes with a ","s":"catalogs","c":"inputs/form-field"},{"id":"catalogs:mengto/nebula","t":"Nebula","d":"The exact indigo Three.js ShaderMaterial nebula with four-octave FBM, pointer drift, breat","k":"motion","s":"catalogs","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:mengto/neon-sign","t":"Neon Typography","d":"Hand-shaped neon lettering animated with a slow typographic breath and recurring electrica","s":"catalogs","c":"data-display/typography","tg":["neon"],"sy":["neon"],"hc":1},{"id":"catalogs:mengto/newsletter-footer","t":"Newsletter Footer","d":"A dark unbranded product footer with an inline newsletter form, oversized closing phrase, ","k":"section","s":"catalogs","c":"marketing/footer","hc":1},{"id":"catalogs:mengto/orbital-sphere","t":"Orbital Sphere","d":"A violet particle synthesis sphere with six encrypted orbital rings and luminous data node","k":"motion","s":"catalogs","c":"motion/background","hc":1},{"id":"catalogs:mengto/outline-typeflow","t":"Outline Typeflow","d":"A continuous ring of letters traces a multi-loop symbol outline, accelerating under the po","k":"motion","s":"catalogs","c":"motion/cursor","hc":1},{"id":"catalogs:mengto/particle-drift","t":"Particle Drift","d":"A soft particle drift field lifted from a compute-network hero stage.","k":"motion","s":"catalogs","c":"motion/background","sb":"Particles and stars"},{"id":"catalogs:mengto/particle-network","t":"Particle Network","d":"A sharp, thin-stroke particle network field with crisp retina trails.","k":"motion","s":"catalogs","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"catalogs:mengto/particle-wordmark","t":"Particle Wordmark","d":"The Shaders wordmark materializes through a seeded field of drifting dots and squares, iso","k":"resource","s":"catalogs","c":"assets/logo","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:mengto/performance-gauges-boost","t":"Turbo Boost","d":"Navy −1.0 to 1.5 bar dial that separates the vacuum half from the pressure half and flags ","s":"catalogs","c":"data-viz/gauge","hc":1},{"id":"catalogs:mengto/performance-gauges-power","t":"EV Power","d":"Regeneration-to-power scale that fills its track from zero, with a green charge segment, k","s":"catalogs","c":"data-display/stat","hc":1},{"id":"catalogs:mengto/performance-gauges-speedometer","t":"Speedometer","d":"0-160 km/h scale whose travelled arc fills behind the needle, with a peak-hold marker, cou","s":"catalogs","c":"data-viz/gauge"},{"id":"catalogs:mengto/performance-gauges-tachometer","t":"Tachometer","d":"Orange sunburst dial reading 0-7000 r/min with a redline band, a machined oil-temperature ","s":"catalogs","c":"data-viz/gauge","hc":1},{"id":"catalogs:mengto/plasma-button","t":"Plasma Button","d":"The exact deep-blue laboratory field and luminous plasma button with its complete authored","s":"catalogs","c":"actions/button","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:mengto/predictive-arc-data-pixel","t":"Data Pixel Arc","d":"An emerald pixel horizon with an organic breathing band.","s":"catalogs","c":"other/other","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"catalogs:mengto/predictive-arc-override-grid","t":"Override Grid","d":"A block-by-block override grid with telemetry-orange accents.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:mengto/predictive-arc-predictive","t":"Predictive Arc","d":"The violet predictive pixel arch with a luminous animated core.","s":"catalogs","c":"other/other","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"catalogs:mengto/predictive-arc-signal-particles","t":"Signal Particles","d":"A dark signal-particle field with soft connective pulses.","k":"motion","s":"catalogs","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"catalogs:mengto/rectangle-buttons-aster-glass-access","t":"Aster Glass Access","d":"The compact Aster navigation action with a translucent smoke surface, masked crystalline e","s":"catalogs","c":"actions/button","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"catalogs:mengto/rectangle-buttons-aster-glass-arrow","t":"Aster Glass Arrow","d":"The Aster primary CTA using the same glass material with a bordered inset chip and a direc","s":"catalogs","c":"actions/button","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"catalogs:mengto/rectangle-buttons-attune-thermal","t":"Attune Thermal","d":"The selected Attune primary action with a compact orange thermal gradient, inset highlight","s":"catalogs","c":"actions/button","tg":["gradient","neon"],"sy":["gradient","neon"],"hc":1},{"id":"catalogs:mengto/rectangle-buttons-dark-pill","t":"Dark Glass","d":"A deep charcoal glass rectangle with a softly revolving inner highlight and restrained met","s":"catalogs","c":"data-display/badge","tg":["glass"],"sb":"Tags and pills","sy":["glass"]},{"id":"catalogs:mengto/rectangle-buttons-halvorsen-arrow-pill","t":"Halvorsen Arrow Pill","d":"The selected Halvorsen action: the shared editorial arrow-pill structure recut as a bone-w","s":"catalogs","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"catalogs:mengto/rectangle-buttons-lumen-cta-ghost","t":"Lumen CTA Ghost","d":"The authored sibling pill with the same geometry, a blurred glass fill, and a hairline out","k":"section","s":"catalogs","c":"marketing/cta","tg":["glass"],"sy":["glass"],"hc":1},{"id":"catalogs:mengto/rectangle-buttons-meridian-keycap-primary","t":"Meridian Keycap Primary","d":"The selected Meridian primary action rebuilt as a blue illuminated keycap with a physical ","s":"catalogs","c":"actions/button","hc":1},{"id":"catalogs:mengto/rectangle-buttons-meridian-keycap-secondary","t":"Meridian Keycap Secondary","d":"The selected Meridian secondary action using the same tactile keycap geometry in its graph","s":"catalogs","c":"actions/button","hc":1},{"id":"catalogs:mengto/rectangle-buttons-tideform-outline","t":"Tideform Outline","d":"The selected Tideform action: a square technical outline with tracked mono type, warm hove","s":"catalogs","c":"actions/button","hc":1},{"id":"catalogs:mengto/rectangle-buttons-trochil-signal","t":"Trochil Signal","d":"The selected Trochil request-access treatment: a restrained black technical rectangle with","s":"catalogs","c":"actions/button"},{"id":"catalogs:mengto/rectangle-buttons-understory-arrow-pill","t":"Understory Arrow Pill","d":"The selected Understory action with a violet capsule surface and an inset paper-toned circ","s":"catalogs","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"catalogs:mengto/ribbon-field","t":"Ribbon Field","d":"An exact cyan, indigo, and purple WebGL ribbon field resolved through an animated seven-pi","k":"section","s":"catalogs","c":"marketing/announcement","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"catalogs:mengto/ripple-study","t":"Ripple","d":"A full-frame 24 × 24 glyph field where clicks send weighted typographic wavefronts through","k":"motion","s":"catalogs","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"catalogs:mengto/semantic-bloom","t":"Semantic Bloom","d":"A customizable Codex wordmark that draws a viscous particle organism toward its letters, i","k":"resource","s":"catalogs","c":"assets/logo","hc":1},{"id":"catalogs:mengto/sketchbook","t":"Sketchbook","d":"The exact Singapore paper sketchbook with nested-strip page curls, direct dragging, tilt, ","s":"catalogs","c":"inputs/textarea","tg":["3d","glass","playful"],"sy":["3d","glass","playful"],"hc":1},{"id":"catalogs:mengto/skeuomorphic-toggle-glass","t":"Glass","d":"An Apple-style Three.js capsule in transmissive glass, refracting a drifting colour field ","s":"catalogs","c":"actions/switch","tg":["glass","webgl"],"sb":"Animated","sy":["glass","webgl"],"hc":1},{"id":"catalogs:mengto/skeuomorphic-toggle-modern","t":"Modern","d":"A flat, hairline-edged switch with a stretching knob, a check-to-dash mark, and one soft a","s":"catalogs","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"catalogs:mengto/skeuomorphic-toggle-shader","t":"Shader","d":"A raw-WebGL switch drawn entirely in one fragment pass: plasma interior, streaming sparks,","s":"catalogs","c":"actions/switch","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"catalogs:mengto/sliding-text-cta","t":"Sliding Text CTA","d":"A dark pill CTA whose label slides, blurs, and resolves into a crisp duplicate on hover.","k":"section","s":"catalogs","c":"marketing/cta","hc":1},{"id":"catalogs:mengto/spark-badge","t":"Spark Badge","d":"A luminous credential badge held together by curl-noise embers, carved typography, rain oc","s":"catalogs","c":"data-display/badge"},{"id":"catalogs:mengto/spinning-border-button","t":"Spinning Border Button","d":"A compact graphite CTA that replaces its static edge with a rotating white border beam on ","s":"catalogs","c":"actions/button","sb":"Animated","hc":1},{"id":"catalogs:mengto/stream-convergence","t":"Stream Convergence","d":"Three chromatically separated violet wavefronts crossing a rotated fluid field with the ex","s":"catalogs","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:mengto/sylva-hero","t":"Sylva","d":"The complete Sylva Living Green page, preserved with its Three.js scene, local typography,","k":"section","s":"catalogs","c":"marketing/hero","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:mengto/sylva-living-world","t":"Sylva Living World","d":"The original procedural moss-root world with pale flowers, ferns, drifting pollen, scan li","k":"motion","s":"catalogs","c":"motion/globe","hc":1},{"id":"catalogs:mengto/tactile-button","t":"Tactile Button","d":"The exact fluidic ambient background and tactile raw-WebGL button, isolated from page cont","s":"catalogs","c":"actions/button","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:mengto/temple-night","t":"Temple Night","d":"Kage’s procedural Kyoto mountain temple after dark, with the exact authored architecture, ","s":"catalogs","c":"data-display/timeline","hc":1},{"id":"catalogs:mengto/thinking-button","t":"Thinking Button","d":"A Canvas 2D thinking state with a luminous blue trace orbiting a softly raised blue button","s":"catalogs","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"catalogs:mengto/threeui-intro","t":"Intro Text","d":"The opening chromatic wordmark assembly, reduced to its first beat and rebranded with the ","k":"motion","s":"catalogs","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:mengto/topo-field","t":"Topo Field","d":"A raw-WebGL topography field with flowing elevation bands.","s":"catalogs","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:mengto/topology-field","t":"Topology Field","d":"The exact rotating topology graph, connections, and point pulse system from the selected s","s":"catalogs","c":"inputs/form-field"},{"id":"catalogs:mengto/typography-vortex","t":"Typography Vortex","d":"Sable’s complete rotating typography vortex with crisp prerendered rings, drifting glyphs,","k":"motion","s":"catalogs","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"catalogs:mengto/uplink-loader","t":"Uplink Loader","d":"A cinematic secure-uplink loader with stepped progress, illuminated telemetry ticks, neon ","s":"catalogs","c":"status/loader","tg":["neon"],"sy":["neon"],"hc":1},{"id":"catalogs:mengto/void-field","t":"Void Field","d":"The exact transparent raw-WebGL void field, detached from the article and typography aroun","s":"catalogs","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:mengto/warp-field-hyperspace","t":"Hyperspace","d":"1,200 ice-blue streaks stretched down a scrolling tunnel toward a pulsing jump core.","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:mengto/warp-field-keycaps","t":"Keycap Drift","d":"72 lit mechanical keycaps tumbling through a 900-spark particle wake.","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:mengto/warp-field-letters","t":"Letter Storm","d":"160 tumbling glyphs wandering off the rails while the streak field keeps the corridor movi","k":"motion","s":"catalogs","c":"motion/text-effect"},{"id":"catalogs:mengto/warp-field-streaks","t":"Warp Field","d":"The original hero warp: 400 emerald streaks and 40 luminous tiles through deep-space fog.","s":"catalogs","c":"data-display/gamification","hc":1},{"id":"catalogs:mengto/wireframe-forms-cube","t":"Cube","d":"The prismatic cube study isolated as a single rotating wireframe form.","s":"catalogs","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"catalogs:mengto/wireframe-forms-cylinders","t":"Cylinders","d":"The crossed logic cylinders isolated as a single rotating wireframe form.","s":"catalogs","c":"inputs/form-field","sb":"Whole forms"},{"id":"catalogs:mengto/wireframe-forms-sphere","t":"Sphere","d":"The nested icosahedral sphere isolated as a single rotating wireframe form.","s":"catalogs","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"catalogs:mengto/woven-cloth-atelier","t":"Atelier Flag","d":"The same sheet cut and sewn: three linen panels joined by flat-felled seams and topstitchi","k":"resource","s":"catalogs","c":"assets/flag","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:mengto/woven-cloth-iridescent","t":"Iridescent Silk","d":"A five-harness satin under a painted studio environment: a thin-film interference layer wh","k":"resource","s":"catalogs","c":"assets/logo","hc":1},{"id":"catalogs:mengto/woven-cloth-washi","t":"Washi Noren","d":"An indigo-dyed kozo noren on a wooden rod, backlit through a shoji: laid and chain lines f","k":"motion","s":"catalogs","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:mikolajdobrucki/badge","t":"Badge","d":"A badge component for labels, tags, and status indicators.","s":"catalogs","c":"data-display/badge","hc":1,"cp":1},{"id":"catalogs:mikolajdobrucki/button","t":"Button","d":"A customizable button component with multiple variants and sizes.","s":"catalogs","c":"actions/button","hc":1,"cp":1},{"id":"catalogs:mikolajdobrucki/cta","t":"CTA Section","d":"Call-to-action sections with various styles and glow effects.","k":"section","s":"catalogs","c":"marketing/cta","tg":["neon"],"sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:mikolajdobrucki/faq","t":"FAQ Section","d":"Frequently asked questions section with accordion functionality.","k":"section","s":"catalogs","c":"marketing/faq","tg":["playful"],"sy":["playful"],"hc":1,"cp":1},{"id":"catalogs:mikolajdobrucki/footer","t":"Footer","d":"Website footer with navigation links, social icons, and theme toggle.","k":"section","s":"catalogs","c":"marketing/footer","hc":1,"cp":1},{"id":"catalogs:mikolajdobrucki/glow","t":"Glow","d":"Decorative glow effects for adding visual interest.","k":"motion","s":"catalogs","c":"motion/background","tg":["neon"],"sb":"Gradients and aurora","sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:mikolajdobrucki/hero","t":"Hero Section","d":"A hero section with badge, title, description, CTA buttons, and mockup display.","k":"section","s":"catalogs","c":"marketing/hero"},{"id":"catalogs:mikolajdobrucki/items","t":"Items Section","d":"A grid of items with icons and descriptions, perfect for features or benefits.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:mikolajdobrucki/logos","t":"Logos Section","d":"A logo cloud section to showcase partners, clients, or technologies.","k":"section","s":"catalogs","c":"marketing/logos","hc":1,"cp":1},{"id":"catalogs:mikolajdobrucki/mockup","t":"Mockup","d":"Device mockup frames for showcasing app screenshots.","s":"catalogs","c":"media/mockup","hc":1,"cp":1},{"id":"catalogs:mikolajdobrucki/navbar","t":"Navbar","d":"A responsive navigation bar with mobile menu support and customizable links.","s":"catalogs","c":"navigation/top-nav","hc":1,"cp":1},{"id":"catalogs:mikolajdobrucki/pricing","t":"Pricing Section","d":"Pricing tables and cards with feature comparisons.","k":"section","s":"catalogs","c":"marketing/pricing","hc":1,"cp":1},{"id":"catalogs:mikolajdobrucki/screenshot","t":"Screenshot","d":"A theme-aware screenshot component that switches between light and dark images.","s":"catalogs","c":"media/gallery","hc":1,"cp":1},{"id":"catalogs:mikolajdobrucki/stats","t":"Stats Section","d":"Statistics display section for showcasing numbers and metrics.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:neobrutalism/accordion/base","t":"Accordion","d":"A vertically stacked set of expandable sections for FAQs, settings, and content-heavy page","s":"catalogs","c":"data-display/accordion","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/alert-dialog/base","t":"Alert Dialog","d":"A modal that halts the flow for destructive actions - delete, sign out, discard - with the","s":"catalogs","c":"overlays/dialog","tg":["brutalist"],"sb":"Confirm","sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/alert/base","t":"Alert","d":"An inline callout for form errors, warnings, and success confirmations - status-colored pa","s":"catalogs","c":"overlays/alert-banner","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:neobrutalism/aspect-ratio/base","t":"Aspect Ratio","d":"Constrains images, video embeds, and maps to a fixed ratio as they scale - the layout util","s":"catalogs","c":"data-viz/map","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/avatar/base","t":"Avatar","d":"A user image with initials fallback for profile menus, comment threads, and team lists - w","s":"catalogs","c":"data-display/avatar","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/badge/base","t":"Badge","d":"A small label for statuses, counts, and tags on cards, tables, and nav items - with the ne","s":"catalogs","c":"data-display/badge","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/breadcrumb/base","t":"Breadcrumb","d":"Shows where the page sits in the site hierarchy - link trails for docs, store categories, ","s":"catalogs","c":"navigation/breadcrumb","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/button-group/base","t":"Button Group","d":"Fuses split buttons, toolbars, and input add-ons into one framed unit - one thick border, ","s":"catalogs","c":"actions/button","tg":["brutalist"],"sb":"Groups and split","sy":["brutalist"]},{"id":"catalogs:neobrutalism/button/base","t":"Button","d":"A clickable trigger for form submits, toolbars, and destructive confirms - with thick bord","s":"catalogs","c":"actions/button","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/calendar/base","t":"Calendar","d":"A month-grid date picker for bookings, scheduling, and range selection - with the neobruta","s":"catalogs","c":"data-display/calendar","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/card/base","t":"Card","d":"A bordered box for dashboards, pricing tiers, and product grids - header, content, and foo","s":"catalogs","c":"data-display/card","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/carousel/base","t":"Carousel","d":"A swipeable slideshow for product galleries, testimonials, and hero sections - dressed in ","s":"catalogs","c":"media/carousel","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/checkbox/base","t":"Checkbox","d":"A binary toggle for consent boxes, multi-select filters, and bulk row selection - with the","s":"catalogs","c":"inputs/checkbox","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/collapsible/base","t":"Collapsible","d":"A trigger-and-panel pair for file trees, advanced settings, and show-more sections - with ","s":"catalogs","c":"data-display/accordion","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:neobrutalism/combobox/base","t":"Combobox","d":"An autocomplete input that filters options as you type - country pickers, tag inputs, long","s":"catalogs","c":"inputs/combobox","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/command/base","t":"Command","d":"A keyboard-driven command palette for ⌘K menus, global search, and quick actions - with th","s":"catalogs","c":"inputs/search","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/context-menu/base","t":"Context Menu","d":"A right-click menu for file rows, canvases, and data grids - contextual actions with the n","s":"catalogs","c":"overlays/context-menu","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:neobrutalism/dialog/base","t":"Dialog","d":"A modal window for confirmations, quick forms, and destructive-action prompts - layered ov","s":"catalogs","c":"overlays/dialog","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/direction/base","t":"Direction","d":"A context provider that flips components between LTR and RTL so menus, sliders, and tabs m","s":"catalogs","c":"navigation/tabs","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/drawer/base","t":"Drawer","d":"A gesture-driven sheet that slides in from any edge for mobile menus, filters, and quick f","s":"catalogs","c":"overlays/sheet","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/dropdown-menu/base","t":"Dropdown Menu","d":"A button-triggered menu for row actions, account switchers, and view options - with the ne","s":"catalogs","c":"navigation/menu","tg":["brutalist"],"sb":"Dropdowns","sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/empty/base","t":"Empty","d":"A placeholder for no-results searches, blank dashboards, and first-run screens - icon, tit","s":"catalogs","c":"data-display/empty-state","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/field/base","t":"Field","d":"Label, control, help text, and error slots for settings panels, checkout forms, and signup","s":"catalogs","c":"inputs/form-field","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:neobrutalism/hover-card/base","t":"Hover Card","d":"A floating preview that opens on hover - profile peeks, link previews, glossary terms - wi","s":"catalogs","c":"overlays/hover-card","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/input-group/base","t":"Input Group","d":"Attach icons, buttons, and kbd hints to inputs for search bars, URL fields, and chat compo","s":"catalogs","c":"inputs/form-field","tg":["brutalist"],"sb":"Input groups","sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/input-otp/base","t":"Input OTP","d":"One-time code entry for 2FA, sign-in verification, and PIN screens - paste-aware slots wit","s":"catalogs","c":"inputs/otp-input","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/input/base","t":"Input","d":"A single-line text field for logins, search bars, and checkout forms - with the neobrutali","s":"catalogs","c":"inputs/form-field","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/item/base","t":"Item","d":"A flex row with media, title, description, and action slots for notification feeds, settin","s":"catalogs","c":"data-display/list","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/kbd/base","t":"Kbd","d":"Keyboard-key caps for shortcut hints in menus, tooltips, and command palettes - a native k","s":"catalogs","c":"data-display/typography","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/label/base","t":"Label","d":"A caption for inputs, checkboxes, switches, and radio groups - clicks activate the control","s":"catalogs","c":"inputs/form-field","tg":["brutalist"],"sb":"Animated fields","sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/menubar/base","t":"Menubar","d":"A horizontal bar of dropdown menus for app-style toolbars, editors, and dashboards - with ","s":"catalogs","c":"navigation/top-nav","tg":["brutalist"],"sb":"Mega menus","sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/native-select/base","t":"Native Select","d":"The native HTML select restyled for forms, filters, and country pickers - OS-rendered drop","s":"catalogs","c":"inputs/select","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/navigation-menu/base","t":"Navigation Menu","d":"A horizontal bar of links and dropdown panels for site headers, docs navs, and app shells ","s":"catalogs","c":"navigation/top-nav","tg":["brutalist"],"sb":"Mega menus","sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/pagination/base","t":"Pagination","d":"Numbered page links with previous/next controls for search results, tables, and archives -","s":"catalogs","c":"navigation/pagination","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/popover/base","t":"Popover","d":"A floating panel anchored to a trigger for date pickers, filters, and inline forms - with ","s":"catalogs","c":"overlays/popover","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/progress/base","t":"Progress","d":"A slim bar that fills as a task completes - uploads, installs, multi-step onboarding - wit","s":"catalogs","c":"data-viz/progress-bar","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/radio-group/base","t":"Radio Group","d":"A single-choice set of radio buttons for plans, shipping options, and settings forms - wit","s":"catalogs","c":"inputs/radio","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:neobrutalism/resizable/base","t":"Resizable","d":"Draggable split panes for code editors, file trees, and dashboard layouts - with the neobr","k":"layout","s":"catalogs","c":"layout/split-pane","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:neobrutalism/scroll-area/base","t":"Scroll Area","d":"A scrollable container with custom, cross-browser scrollbars for chat panes, sidebars, and","k":"layout","s":"catalogs","c":"layout/scroll-area","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/select/base","t":"Select","d":"A dropdown for picking one option - country fields, sort orders, theme settings - with thi","s":"catalogs","c":"inputs/select","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/separator/base","t":"Separator","d":"A horizontal or vertical rule that divides menus, toolbars, and lists - drawn in the same ","k":"layout","s":"catalogs","c":"layout/page-shell","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/sheet/base","t":"Sheet","d":"A panel that slides in from the screen edge for nav drawers, filters, and edit forms - wit","s":"catalogs","c":"overlays/sheet","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/sidebar/base","t":"Sidebar","d":"A collapsible app-shell navigation panel for dashboards, docs, and admin tools - with the ","s":"catalogs","c":"navigation/sidebar","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/skeleton/base","t":"Skeleton","d":"A pulsing placeholder block for cards, avatars, and tables while data loads - with the neo","s":"catalogs","c":"status/skeleton","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/slider/base","t":"Slider","d":"A draggable input for picking a value or range - volume, price filters, settings - with th","s":"catalogs","c":"inputs/slider","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:neobrutalism/sonner/base","t":"Sonner","d":"Stacked toast notifications for save confirmations, uploads, and undo windows - with the n","s":"catalogs","c":"overlays/toast","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/spinner/base","t":"Spinner","d":"An animated loading indicator for pending submits, fetches, and inline busy states - a dro","s":"catalogs","c":"status/loader","tg":["brutalist"],"sb":"Spinners","sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/switch/base","t":"Switch","d":"An on/off toggle for instant settings - notifications, dark mode, feature flags - with the","s":"catalogs","c":"actions/switch","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/table/base","t":"Table","d":"A semantic HTML table for invoices, admin lists, and pricing grids - bordered rows, bold h","s":"catalogs","c":"data-display/table","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/tabs/base","t":"Tabs","d":"Switch between layered content panels - settings pages, dashboards, and code previews - wi","s":"catalogs","c":"navigation/tabs","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:neobrutalism/textarea/base","t":"Textarea","d":"A multi-line text input for comments, bios, and support messages - with the neobrutalist b","s":"catalogs","c":"inputs/textarea","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/theme-default","t":"Default Theme","d":"The complete light and dark NeoBrutalism palette, border widths, square radius, chart colo","s":"catalogs","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"]},{"id":"catalogs:neobrutalism/toggle-group/base","t":"Toggle Group","d":"Two-state button groups for editor toolbars, view switchers, and filter bars - with the ne","s":"catalogs","c":"actions/switch","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/toggle/base","t":"Toggle","d":"A two-state on/off button for toolbar formatting, mute, and pin controls - with the neobru","s":"catalogs","c":"actions/switch","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:neobrutalism/tooltip/base","t":"Tooltip","d":"Hover and focus hints for icon buttons, keyboard shortcuts, and truncated labels - with th","s":"catalogs","c":"overlays/tooltip","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"catalogs:openstatushq/data-table","t":"Data Table with Filters","d":"Data table with search, checkbox, slider, date range filters, sorting, infinite scroll, vi","s":"catalogs","c":"data-display/table","sb":"Data tables"},{"id":"catalogs:openstatushq/data-table-actions","t":"Data Table Row Actions","d":"Row, bulk, and filter-scoped actions declared next to their Drizzle handlers and rendered ","s":"catalogs","c":"data-display/table","sb":"Data tables","hc":1,"cp":1},{"id":"catalogs:openstatushq/data-table-cell","t":"Data Table Cell Renderers","d":"Cell renderer system with 12 types: text, code, badge, boolean, star, number, status-code,","s":"catalogs","c":"data-display/table","sb":"Editable","hc":1,"cp":1},{"id":"catalogs:openstatushq/data-table-chart","t":"Timeline Chart","d":"Stacked timeline bar chart above the table: one bar per time bucket, one series per level,","s":"catalogs","c":"data-viz/chart","sb":"Line and sparkline","hc":1,"cp":1},{"id":"catalogs:openstatushq/data-table-drizzle","t":"Data Table Drizzle ORM Helpers","d":"Server-side filtering, faceted search, cursor pagination, and sorting helpers for Drizzle ","s":"catalogs","c":"data-display/table","sb":"Data tables","hc":1,"cp":1},{"id":"catalogs:openstatushq/data-table-example-infinite","t":"Example: infinite table","d":"A complete /example route to see the table running before wiring your own data: a table sc","s":"catalogs","c":"data-display/table","sb":"Data tables","hc":1,"cp":1},{"id":"catalogs:openstatushq/data-table-filter-command","t":"Data Table Filter Command Palette","d":"Command palette for power-user filter input with history and keyboard shortcuts.","s":"catalogs","c":"data-display/table","sb":"Data tables"},{"id":"catalogs:openstatushq/data-table-filter-command-ai","t":"Data Table AI Filter Command Palette","d":"AI-powered command palette that translates natural language queries into structured table ","s":"catalogs","c":"ai-agent/ai-agent","hc":1,"cp":1},{"id":"catalogs:openstatushq/data-table-mcp","t":"Data Table MCP Server","d":"Expose your data table as an MCP endpoint for AI agents. Auto-generates tool schema from B","s":"catalogs","c":"data-display/table","sb":"Data tables","hc":1,"cp":1},{"id":"catalogs:openstatushq/data-table-nuqs","t":"Data Table nuqs Store Adapter","d":"URL-based state management adapter using nuqs for shareable, bookmarkable filter state.","s":"catalogs","c":"data-display/table","sb":"Data tables","hc":1,"cp":1},{"id":"catalogs:openstatushq/data-table-query","t":"Data Table Query Layer","d":"React Query infinite query integration with a pluggable transport (base URL, headers, cred","s":"catalogs","c":"data-display/table","sb":"Data tables","hc":1,"cp":1},{"id":"catalogs:openstatushq/data-table-remote","t":"Data Table Remote","d":"A headless data table that renders from an API endpoint: point it at a table manifest and ","s":"catalogs","c":"data-display/table","sb":"Data tables","hc":1,"cp":1},{"id":"catalogs:openstatushq/data-table-schema","t":"Data Table Schema System","d":"Declarative table definitions with col.* factories, presets, and generators for columns, f","s":"catalogs","c":"data-display/table","sb":"Data tables"},{"id":"catalogs:openstatushq/data-table-sheet","t":"Data Table Sheet Detail Panel","d":"Row detail side panel with cell renderers, keyboard navigation, and copy-to-clipboard.","s":"catalogs","c":"overlays/sheet","hc":1,"cp":1},{"id":"catalogs:openstatushq/data-table-zustand","t":"Data Table zustand Store Adapter","d":"Client-side state management adapter using zustand for app-level filter persistence.","s":"catalogs","c":"data-display/table","sb":"Data tables","hc":1,"cp":1},{"id":"catalogs:sadmann7/action-bar/radix-vega","t":"Action Bar","d":"A floating action bar that appears at the bottom or top of the viewport to display context","s":"catalogs","c":"data-display/list"},{"id":"catalogs:sadmann7/angle-slider/radix-vega","t":"Angle Slider","d":"An interactive circular slider for selecting angles with support for single values and ran","s":"catalogs","c":"inputs/slider","hc":1},{"id":"catalogs:sadmann7/avatar-group/radix-vega","t":"Avatar Group","d":"A component that arranges avatars with overlapping visual effects for displaying multiple ","s":"catalogs","c":"data-display/avatar","hc":1},{"id":"catalogs:sadmann7/badge-overflow/radix-vega","t":"Badge Overflow","d":"A component that measures available space and displays only the badges that fit with an ov","s":"catalogs","c":"data-display/badge","hc":1},{"id":"catalogs:sadmann7/banner/radix-vega","t":"Banner","d":"A notification banner that appears at the top or bottom of the viewport with support for q","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:sadmann7/circular-progress/radix-vega","t":"Circular Progress","d":"A circular progress indicator that displays completion in a ring format with support for i","s":"catalogs","c":"data-viz/progress-bar","hc":1},{"id":"catalogs:sadmann7/client-only/radix-vega","t":"Client Only","d":"Renders client-only components with hydration and fallback support.","s":"catalogs","c":"other/other"},{"id":"catalogs:sadmann7/color-picker/radix-vega","t":"Color Picker","d":"A color picker component that allows users to select colors using various input methods.","s":"catalogs","c":"inputs/color-picker","hc":1},{"id":"catalogs:sadmann7/color-swatch/radix-vega","t":"Color Swatch","d":"A color swatch component for displaying color values with support for transparency and var","s":"catalogs","c":"inputs/color-picker","hc":1},{"id":"catalogs:sadmann7/compare-slider/radix-vega","t":"Compare Slider","d":"An interactive before-and-after slider for comparing two elements side by side.","s":"catalogs","c":"media/image-compare","hc":1},{"id":"catalogs:sadmann7/cropper/radix-vega","t":"Cropper","d":"An image and video cropper with zoom, rotation, and customizable crop areas.","s":"catalogs","c":"media/player","hc":1},{"id":"catalogs:sadmann7/direction-provider/radix-vega","t":"Direction Provider","d":"Provides bidirectional text support for right-to-left and left-to-right layouts across an ","k":"motion","s":"catalogs","c":"motion/text-effect"},{"id":"catalogs:sadmann7/editable/radix-vega","t":"Editable","d":"An accessible inline editable component for editing text content in place.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1},{"id":"catalogs:sadmann7/file-upload/radix-vega","t":"File Upload","d":"A file upload component with drag and drop, previews, and progress tracking.","s":"catalogs","c":"inputs/file-upload","hc":1},{"id":"catalogs:sadmann7/fps/radix-vega","t":"FPS","d":"A real-time frames-per-second counter component for monitoring performance.","k":"motion","s":"catalogs","c":"motion/number-ticker","hc":1},{"id":"catalogs:sadmann7/gauge/radix-vega","t":"Gauge","d":"A gauge component that displays values on circular or partial arcs for dashboards, metrics","s":"catalogs","c":"data-viz/gauge","hc":1},{"id":"catalogs:sadmann7/key-value/radix-vega","t":"Key Value","d":"A dynamic input component for managing key-value pairs with paste support and validation.","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:sadmann7/marquee/radix-vega","t":"Marquee","d":"An animated scrolling component that continuously moves content horizontally or vertically","k":"motion","s":"catalogs","c":"motion/marquee","hc":1},{"id":"catalogs:sadmann7/mask-input/radix-vega","t":"Mask Input","d":"An input component that formats user input with predefined patterns such as phone numbers,","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:sadmann7/masonry/radix-vega","t":"Masonry","d":"A responsive masonry layout component for displaying items in a grid.","s":"catalogs","c":"media/gallery","sb":"Masonry"},{"id":"catalogs:sadmann7/media-player/radix-vega","t":"Media Player","d":"A media player component that supports video and audio playback with custom controls.","s":"catalogs","c":"media/player","hc":1},{"id":"catalogs:sadmann7/phone-input/radix-vega","t":"Phone Input","d":"An accessible phone input component with automatic country detection and international pho","s":"catalogs","c":"inputs/form-field","sb":"Phone","hc":1},{"id":"catalogs:sadmann7/portal/radix-vega","t":"Portal","d":"Renders React elements into a different part of the DOM tree.","s":"catalogs","c":"data-display/tree"},{"id":"catalogs:sadmann7/presence/radix-vega","t":"Presence","d":"Manages element mounting and unmounting with animation support.","s":"catalogs","c":"status/status-dot","hc":1},{"id":"catalogs:sadmann7/qr-code/radix-vega","t":"QR Code","d":"A component for generating and displaying QR codes with customization options.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:sadmann7/rating/radix-vega","t":"Rating","d":"An accessible rating component that supports half values, keyboard navigation, and form in","s":"catalogs","c":"inputs/rating","hc":1},{"id":"catalogs:sadmann7/relative-time-card/radix-vega","t":"Relative Time Card","d":"A hover card that displays relative and local times with timezone information.","s":"catalogs","c":"data-display/card","hc":1},{"id":"catalogs:sadmann7/responsive-dialog/radix-vega","t":"Responsive Dialog","d":"A dialog component that automatically switches between a centered dialog on desktop and a ","s":"catalogs","c":"overlays/dialog","hc":1},{"id":"catalogs:sadmann7/scroll-spy/radix-vega","t":"Scroll Spy","d":"Updates navigation links based on scroll position with support for nested sections and cus","k":"layout","s":"catalogs","c":"layout/scroll-area","hc":1},{"id":"catalogs:sadmann7/scroller/radix-vega","t":"Scroller","d":"A scrollable container with customizable scroll shadows and navigation buttons.","s":"catalogs","c":"actions/button"},{"id":"catalogs:sadmann7/segmented-input/radix-vega","t":"Segmented Input","d":"A group of connected input fields that appear as a single segmented visual unit.","s":"catalogs","c":"navigation/tabs","hc":1},{"id":"catalogs:sadmann7/selection-toolbar/radix-vega","t":"Selection Toolbar","d":"A floating toolbar that appears on text selection with formatting and utility actions.","s":"catalogs","c":"navigation/menu","sb":"Dropdowns"},{"id":"catalogs:sadmann7/speed-dial/radix-vega","t":"Speed Dial","d":"A floating action button that reveals a set of actions when triggered.","s":"catalogs","c":"inputs/slider","hc":1},{"id":"catalogs:sadmann7/stack/radix-vega","t":"Stack","d":"A component that displays items in a stacked layout with hover expansion effects.","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:sadmann7/stat/radix-vega","t":"Stat","d":"A component for displaying key metrics and statistics with support for trends, indicators,","s":"catalogs","c":"data-display/stat","hc":1},{"id":"catalogs:sadmann7/status/radix-vega","t":"Status","d":"A status indicator with an animated ping effect and color variants for system states, user","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:sadmann7/stepper/radix-vega","t":"Stepper","d":"A component that guides users through a multi-step process with clear visual progress indi","s":"catalogs","c":"navigation/wizard-steps"},{"id":"catalogs:sadmann7/swap/radix-vega","t":"Swap","d":"A component that swaps between two states with click or hover activation modes.","s":"catalogs","c":"data-display/stat"},{"id":"catalogs:sadmann7/time-picker/radix-vega","t":"Time Picker","d":"An accessible time picker with inline editing, dropdown selection, and automatic adaptatio","s":"catalogs","c":"inputs/time-picker","hc":1},{"id":"catalogs:sadmann7/timeline/radix-vega","t":"Timeline","d":"A timeline component for displaying chronological events with support for different orient","s":"catalogs","c":"data-display/timeline","hc":1},{"id":"catalogs:sadmann7/tour/radix-vega","t":"Tour","d":"A guided tour component that highlights elements and provides step-by-step instructions to","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:sadmann7/visually-hidden-input/radix-vega","t":"Visually Hidden Input","d":"A hidden input that remains accessible to assistive technology and maintains form function","s":"catalogs","c":"inputs/form-field","tg":["playful"],"sy":["playful"],"hc":1},{"id":"catalogs:shadcn-labs/avatar-call-to-action","t":"Avatar Call To Action","d":"Avatar Call To Action for React Email messages, with email-safe layout and configurable co","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/avatar-details","t":"Avatar Details","d":"Avatar Details for React Email messages, with email-safe layout and configurable content.","s":"catalogs","c":"data-display/accordion","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/avatar-group","t":"Avatar Group","d":"Avatar Group for React Email messages, with email-safe layout and configurable content.","s":"catalogs","c":"data-display/avatar","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/background-call-to-action","t":"Background Call To Action","d":"Background Call To Action for React Email messages, with email-safe layout and configurabl","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/bento-image-grid","t":"Bento Image Grid","d":"Bento Image Grid for React Email messages, with email-safe layout and configurable content","s":"catalogs","c":"media/gallery","sb":"Grids","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/bento-product-grid","t":"Bento Product Grid","d":"Bento Product Grid for React Email messages, with email-safe layout and configurable conte","k":"layout","s":"catalogs","c":"layout/bento-grid","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/bento-stats-grid","t":"Bento Stats Grid","d":"Bento Stats Grid for React Email messages, with email-safe layout and configurable content","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/billing-order-summary","t":"Billing Order Summary","d":"Billing Order Summary for React Email messages, with email-safe layout and configurable co","s":"catalogs","c":"ai-agent/ai-agent"},{"id":"catalogs:shadcn-labs/blog-grid","t":"Blog Grid","d":"Blog Grid for React Email messages, with email-safe layout and configurable content.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Blog and posts","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/button","t":"Button","d":"Button for React Email messages, with email-safe layout and configurable content.","s":"catalogs","c":"actions/button","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/call-to-action","t":"Call To Action","d":"Call To Action for React Email messages, with email-safe layout and configurable content.","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/card-coupons","t":"Card Coupons","d":"Card Coupons for React Email messages, with email-safe layout and configurable content.","s":"catalogs","c":"data-display/card","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/category-preview","t":"Category Preview","d":"Category Preview for React Email messages, with email-safe layout and configurable content","s":"catalogs","c":"ai-agent/ai-agent"},{"id":"catalogs:shadcn-labs/collage-call-to-action","t":"Collage Call To Action","d":"Collage Call To Action for React Email messages, with email-safe layout and configurable c","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/collection-stats","t":"Collection Stats","d":"Collection Stats for React Email messages, with email-safe layout and configurable content","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/container","t":"Container","d":"Container for React Email messages, with email-safe layout and configurable content.","s":"catalogs","c":"ai-agent/ai-agent","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/content","t":"Content","d":"Content for React Email messages, with email-safe layout and configurable content.","s":"catalogs","c":"ai-agent/ai-agent","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/coupons-with-centered-text","t":"Coupons With Centered Text","d":"Coupons With Centered Text for React Email messages, with email-safe layout and configurab","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/coupons-with-content-overlayed","t":"Coupons With Content Overlayed","d":"Coupons With Content Overlayed for React Email messages, with email-safe layout and config","s":"catalogs","c":"ai-agent/ai-agent"},{"id":"catalogs:shadcn-labs/data-table","t":"Data Table","d":"Data Table for React Email messages, with email-safe layout and configurable content.","s":"catalogs","c":"data-display/table","sb":"Data tables","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/divider","t":"Divider","d":"Divider for React Email messages, with email-safe layout and configurable content.","s":"catalogs","c":"ai-agent/ai-agent","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/faq","t":"Faq","d":"Faq for React Email messages, with email-safe layout and configurable content.","k":"section","s":"catalogs","c":"marketing/faq"},{"id":"catalogs:shadcn-labs/featured-blog-post","t":"Featured Blog Post","d":"Featured Blog Post for React Email messages, with email-safe layout and configurable conte","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Blog and posts","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/featured-image-grid","t":"Featured Image Grid","d":"Featured Image Grid for React Email messages, with email-safe layout and configurable cont","s":"catalogs","c":"media/gallery","sb":"Grids"},{"id":"catalogs:shadcn-labs/full-width-image","t":"Full Width Image","d":"Full Width Image for React Email messages, with email-safe layout and configurable content","s":"catalogs","c":"media/gallery","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/grid","t":"Grid","d":"Grid for React Email messages, with email-safe layout and configurable content.","s":"catalogs","c":"ai-agent/ai-agent","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/header-with-logo","t":"Header With Logo","d":"Header With Logo for React Email messages, with email-safe layout and configurable content","k":"resource","s":"catalogs","c":"assets/logo","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/header-with-logo-and-badge","t":"Header With Logo And Badge","d":"Header With Logo And Badge for React Email messages, with email-safe layout and configurab","k":"resource","s":"catalogs","c":"assets/logo"},{"id":"catalogs:shadcn-labs/header-with-logo-and-finance-stats","t":"Header With Logo And Finance Stats","d":"Header With Logo And Finance Stats for React Email messages, with email-safe layout and co","k":"resource","s":"catalogs","c":"assets/logo","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/header-with-logo-and-menu","t":"Header With Logo And Menu","d":"Header With Logo And Menu for React Email messages, with email-safe layout and configurabl","k":"resource","s":"catalogs","c":"assets/logo"},{"id":"catalogs:shadcn-labs/header-with-logo-and-social-icons","t":"Header With Logo And Social Icons","d":"Header With Logo And Social Icons for React Email messages, with email-safe layout and con","k":"resource","s":"catalogs","c":"assets/logo","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/header-with-user-details","t":"Header With User Details","d":"Header With User Details for React Email messages, with email-safe layout and configurable","s":"catalogs","c":"navigation/top-nav","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/horizontal-blog-post","t":"Horizontal Blog Post","d":"Horizontal Blog Post for React Email messages, with email-safe layout and configurable con","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Blog and posts","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/image-feature","t":"Image Feature","d":"Image Feature for React Email messages, with email-safe layout and configurable content.","k":"section","s":"catalogs","c":"marketing/features","sb":"Showcase and split","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/image-grid","t":"Image Grid","d":"Image Grid for React Email messages, with email-safe layout and configurable content.","s":"catalogs","c":"media/gallery","sb":"Grids","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/image-grid-hero","t":"Image Grid Hero","d":"Image Grid Hero for React Email messages, with email-safe layout and configurable content.","k":"section","s":"catalogs","c":"marketing/hero","sb":"With product shot"},{"id":"catalogs:shadcn-labs/image-strip-call-to-action","t":"Image Strip Call To Action","d":"Image Strip Call To Action for React Email messages, with email-safe layout and configurab","k":"section","s":"catalogs","c":"marketing/cta","sb":"Banners","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/logo-cloud","t":"Logo Cloud","d":"Logo Cloud for React Email messages, with email-safe layout and configurable content.","k":"section","s":"catalogs","c":"marketing/logos","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/masonry-image-grid","t":"Masonry Image Grid","d":"Masonry Image Grid for React Email messages, with email-safe layout and configurable conte","s":"catalogs","c":"media/gallery","sb":"Masonry"},{"id":"catalogs:shadcn-labs/masonry-product-detail","t":"Masonry Product Detail","d":"Masonry Product Detail for React Email messages, with email-safe layout and configurable c","s":"catalogs","c":"media/gallery","sb":"Masonry","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/milestone-stats","t":"Milestone Stats","d":"Milestone Stats for React Email messages, with email-safe layout and configurable content.","s":"catalogs","c":"data-display/stat"},{"id":"catalogs:shadcn-labs/navigation-footer","t":"Navigation Footer","d":"Navigation Footer for React Email messages, with email-safe layout and configurable conten","k":"section","s":"catalogs","c":"marketing/footer","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/order-summary-table","t":"Order Summary Table","d":"Order Summary Table for React Email messages, with email-safe layout and configurable cont","s":"catalogs","c":"data-display/table","sb":"Transactions","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/overlap-hero","t":"Overlap Hero","d":"Overlap Hero for React Email messages, with email-safe layout and configurable content.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/overlay-hero","t":"Overlay Hero","d":"Overlay Hero for React Email messages, with email-safe layout and configurable content.","k":"section","s":"catalogs","c":"marketing/hero"},{"id":"catalogs:shadcn-labs/payment-timeline","t":"Payment Timeline","d":"Payment Timeline for React Email messages, with email-safe layout and configurable content","s":"catalogs","c":"data-display/timeline","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/pills","t":"Pills","d":"Pills for React Email messages, with email-safe layout and configurable content.","s":"catalogs","c":"data-display/badge","sb":"Tags and pills","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/podcast-blog","t":"Podcast Blog","d":"Podcast Blog for React Email messages, with email-safe layout and configurable content.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Blog and posts","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/portrait-feature","t":"Portrait Feature","d":"Portrait Feature for React Email messages, with email-safe layout and configurable content","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/product-images-feature","t":"Product Images Feature","d":"Product Images Feature for React Email messages, with email-safe layout and configurable c","k":"section","s":"catalogs","c":"marketing/features","sb":"Showcase and split","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/product-list","t":"Product List","d":"Product List for React Email messages, with email-safe layout and configurable content.","s":"catalogs","c":"data-display/list","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/progress","t":"Progress","d":"Progress for React Email messages, with email-safe layout and configurable content.","s":"catalogs","c":"data-viz/progress-bar","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/promotion-footer","t":"Promotion Footer","d":"Promotion Footer for React Email messages, with email-safe layout and configurable content","k":"section","s":"catalogs","c":"marketing/footer","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/purchase-pricing","t":"Purchase Pricing","d":"Purchase Pricing for React Email messages, with email-safe layout and configurable content","k":"section","s":"catalogs","c":"marketing/pricing","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/reviews","t":"Reviews","d":"Reviews for React Email messages, with email-safe layout and configurable content.","s":"catalogs","c":"ai-agent/ai-agent","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/shopping-cart","t":"Shopping Cart","d":"Shopping Cart for React Email messages, with email-safe layout and configurable content.","s":"catalogs","c":"ai-agent/ai-agent"},{"id":"catalogs:shadcn-labs/single-image-product-detail","t":"Single Image Product Detail","d":"Single Image Product Detail for React Email messages, with email-safe layout and configura","s":"catalogs","c":"media/gallery","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/social-links","t":"Social Links","d":"Social Links for React Email messages, with email-safe layout and configurable content.","s":"catalogs","c":"actions/link","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/split-hero","t":"Split Hero","d":"Split Hero for React Email messages, with email-safe layout and configurable content.","k":"section","s":"catalogs","c":"marketing/hero","sb":"Split","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/split-product-detail","t":"Split Product Detail","d":"Split Product Detail for React Email messages, with email-safe layout and configurable con","s":"catalogs","c":"ai-agent/ai-agent","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/spotlight-stats","t":"Spotlight Stats","d":"Spotlight Stats for React Email messages, with email-safe layout and configurable content.","s":"catalogs","c":"data-display/stat"},{"id":"catalogs:shadcn-labs/stacked-stats","t":"Stacked Stats","d":"Stacked Stats for React Email messages, with email-safe layout and configurable content.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/subscription-pricing","t":"Subscription Pricing","d":"Subscription Pricing for React Email messages, with email-safe layout and configurable con","k":"section","s":"catalogs","c":"marketing/pricing","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/tall-background-images-feature","t":"Tall Background Images Feature","d":"Tall Background Images Feature for React Email messages, with email-safe layout and config","k":"section","s":"catalogs","c":"marketing/features","sb":"Showcase and split","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/team","t":"Team","d":"Team for React Email messages, with email-safe layout and configurable content.","k":"section","s":"catalogs","c":"marketing/team","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/testimonial","t":"Testimonial","d":"Testimonial for React Email messages, with email-safe layout and configurable content.","k":"section","s":"catalogs","c":"marketing/testimonials"},{"id":"catalogs:shadcn-labs/three-image-product-detail","t":"Three Image Product Detail","d":"Three Image Product Detail for React Email messages, with email-safe layout and configurab","s":"catalogs","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1,"cp":1},{"id":"catalogs:shadcn-labs/timeline","t":"Timeline","d":"Timeline for React Email messages, with email-safe layout and configurable content.","s":"catalogs","c":"data-display/timeline","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/top-image-call-to-action","t":"Top Image Call To Action","d":"Top Image Call To Action for React Email messages, with email-safe layout and configurable","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/two-image-product-detail","t":"Two Image Product Detail","d":"Two Image Product Detail for React Email messages, with email-safe layout and configurable","s":"catalogs","c":"media/gallery","hc":1,"cp":1},{"id":"catalogs:shadcn-labs/utility-footer","t":"Utility Footer","d":"Utility Footer for React Email messages, with email-safe layout and configurable content.","k":"section","s":"catalogs","c":"marketing/footer","hc":1,"cp":1},{"id":"catalogs:shadcn/accordion/base-vega","t":"Accordion","d":"A vertically stacked set of interactive headings that each reveal a section of content.","s":"catalogs","c":"data-display/accordion","hc":1},{"id":"catalogs:shadcn/alert-dialog/base-vega","t":"Alert Dialog","d":"A modal dialog that interrupts the user with important content and expects a response.","s":"catalogs","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"catalogs:shadcn/alert/base-vega","t":"Alert","d":"A callout for status, warning, or contextual information.","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:shadcn/aspect-ratio/base-vega","t":"Aspect Ratio","d":"Constrains media or other content to a chosen width-to-height ratio.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:shadcn/avatar/base-vega","t":"Avatar","d":"An image element with a fallback for representing the user.","s":"catalogs","c":"data-display/avatar","hc":1},{"id":"catalogs:shadcn/badge/base-vega","t":"Badge","d":"A compact label for status, category, or metadata.","s":"catalogs","c":"data-display/badge","hc":1},{"id":"catalogs:shadcn/breadcrumb/base-vega","t":"Breadcrumb","d":"Displays the path to the current resource using a hierarchy of links.","s":"catalogs","c":"navigation/breadcrumb","hc":1},{"id":"catalogs:shadcn/button-group/base-vega","t":"Button Group","d":"A container that groups related buttons together with consistent styling.","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1},{"id":"catalogs:shadcn/button/base-vega","t":"Button","d":"An action control with style and size variants for common interface tasks.","s":"catalogs","c":"actions/button","hc":1},{"id":"catalogs:shadcn/calendar/base-vega","t":"Calendar","d":"A calendar component that allows users to select a date or a range of dates.","s":"catalogs","c":"data-display/calendar","hc":1},{"id":"catalogs:shadcn/card/base-vega","t":"Card","d":"Displays a card with header, content, and footer.","s":"catalogs","c":"data-display/card","hc":1},{"id":"catalogs:shadcn/carousel/base-vega","t":"Carousel","d":"A carousel with motion and swipe built using Embla.","s":"catalogs","c":"media/carousel"},{"id":"catalogs:shadcn/chart-area-axes","t":"Area Chart   Axes","d":"Plots a filled time series against labeled horizontal and vertical axes.","s":"catalogs","c":"data-viz/chart","sb":"Area","hc":1},{"id":"catalogs:shadcn/chart-area-default","t":"Area Chart","d":"Shows change over time with a filled line series.","s":"catalogs","c":"data-viz/chart","sb":"Area","hc":1},{"id":"catalogs:shadcn/chart-area-gradient","t":"Area Chart   Gradient","d":"Uses a vertical color fade to emphasize the region beneath the series.","k":"motion","s":"catalogs","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"catalogs:shadcn/chart-area-icons","t":"Area Chart   Icons","d":"Adds icons to axis labels for quicker category recognition.","k":"resource","s":"catalogs","c":"assets/icon","hc":1},{"id":"catalogs:shadcn/chart-area-interactive","t":"Area Chart   Interactive","d":"Lets readers switch between data series from the chart header.","s":"catalogs","c":"data-viz/chart","sb":"Area","hc":1},{"id":"catalogs:shadcn/chart-area-legend","t":"Area Chart   Legend","d":"Identifies each filled series with a chart legend.","s":"catalogs","c":"data-viz/chart","sb":"Area","hc":1},{"id":"catalogs:shadcn/chart-area-linear","t":"Area Chart   Linear","d":"Connects points with straight segments and fills the area below.","s":"catalogs","c":"data-viz/chart","sb":"Area","hc":1},{"id":"catalogs:shadcn/chart-area-stacked","t":"Area Chart   Stacked","d":"Layers filled series to compare totals and composition over time.","s":"catalogs","c":"data-viz/chart","sb":"Area"},{"id":"catalogs:shadcn/chart-area-stacked-expand","t":"Area Chart   Stacked Expanded","d":"Normalizes stacked series to show each category's proportional share.","s":"catalogs","c":"data-viz/chart","sb":"Area","hc":1},{"id":"catalogs:shadcn/chart-area-step","t":"Area Chart   Step","d":"Fills the area under a stepped line, for discrete-interval values where the magnitude matt","s":"catalogs","c":"data-viz/chart","sb":"Area","hc":1},{"id":"catalogs:shadcn/chart-bar-active","t":"Bar Chart   Active","d":"Highlights one column while leaving the remaining values subdued.","s":"catalogs","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"catalogs:shadcn/chart-bar-default","t":"Bar Chart","d":"Compares values across categories with vertical columns.","s":"catalogs","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"catalogs:shadcn/chart-bar-horizontal","t":"Bar Chart   Horizontal","d":"Uses horizontal bars for categories with longer labels.","s":"catalogs","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"catalogs:shadcn/chart-bar-interactive","t":"Bar Chart   Interactive","d":"Lets readers switch between bar series from the chart header.","s":"catalogs","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"catalogs:shadcn/chart-bar-label","t":"Bar Chart   Label","d":"Prints each value at the end of its bar.","s":"catalogs","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"catalogs:shadcn/chart-bar-label-custom","t":"Bar Chart   Custom Label","d":"Pairs each bar with a customized value label.","s":"catalogs","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"catalogs:shadcn/chart-bar-mixed","t":"Bar Chart   Mixed","d":"Uses distinct bar treatments to separate categories in one plot.","s":"catalogs","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"catalogs:shadcn/chart-bar-multiple","t":"Bar Chart   Multiple","d":"Places multiple series side by side for each category.","s":"catalogs","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"catalogs:shadcn/chart-bar-negative","t":"Bar Chart   Negative","d":"Extends bars on both sides of zero to compare positive and negative values.","s":"catalogs","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"catalogs:shadcn/chart-bar-stacked","t":"Bar Chart   Stacked + Legend","d":"Stacks series within each bar and identifies them with a legend.","s":"catalogs","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"catalogs:shadcn/chart-line-default","t":"Line Chart","d":"Plots change across a sequence with a connected line.","s":"catalogs","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"catalogs:shadcn/chart-line-dots","t":"Line Chart   Dots","d":"Marks each sampled value with a visible point.","k":"motion","s":"catalogs","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"catalogs:shadcn/chart-line-dots-colors","t":"Line Chart   Dots Colors","d":"Uses colored point markers to distinguish values along the line.","k":"motion","s":"catalogs","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"catalogs:shadcn/chart-line-dots-custom","t":"Line Chart   Custom Dots","d":"Renders a customized marker at each sampled value.","k":"motion","s":"catalogs","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"catalogs:shadcn/chart-line-interactive","t":"Line Chart   Interactive","d":"Lets readers switch between line series from the chart header.","s":"catalogs","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"catalogs:shadcn/chart-line-label","t":"Line Chart   Label","d":"Prints values directly alongside the line.","s":"catalogs","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"catalogs:shadcn/chart-line-label-custom","t":"Line Chart   Custom Label","d":"Places customized labels beside selected line values.","s":"catalogs","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"catalogs:shadcn/chart-line-linear","t":"Line Chart   Linear","d":"Uses straight segments rather than curved interpolation between points.","s":"catalogs","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"catalogs:shadcn/chart-line-multiple","t":"Line Chart   Multiple","d":"Overlays several series for comparison across the same sequence.","s":"catalogs","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"catalogs:shadcn/chart-line-step","t":"Line Chart   Step","d":"A bare stepped line for discrete-interval values, where only the level changes matter.","s":"catalogs","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"catalogs:shadcn/chart-pie-donut","t":"Pie Chart   Donut","d":"Leaves the center open while showing each category's share of the whole.","s":"catalogs","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"catalogs:shadcn/chart-pie-donut-active","t":"Pie Chart   Donut Active","d":"Pulls one donut segment forward to emphasize the active category.","s":"catalogs","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"catalogs:shadcn/chart-pie-donut-text","t":"Pie Chart   Donut with Text","d":"Places a total and supporting label in the center of the ring.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1},{"id":"catalogs:shadcn/chart-pie-interactive","t":"Pie Chart   Interactive","d":"Lets readers select a segment to inspect its category value.","s":"catalogs","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"catalogs:shadcn/chart-pie-label","t":"Pie Chart   Label","d":"Prints category labels beside their corresponding segments.","s":"catalogs","c":"inputs/form-field","sb":"Animated fields"},{"id":"catalogs:shadcn/chart-pie-label-custom","t":"Pie Chart   Custom Label","d":"Positions customized labels around the chart perimeter.","s":"catalogs","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"catalogs:shadcn/chart-pie-label-list","t":"Pie Chart   Label List","d":"Names each segment with labels arranged around the pie.","s":"catalogs","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"catalogs:shadcn/chart-pie-legend","t":"Pie Chart   Legend","d":"Maps segment colors to categories with a separate legend.","s":"catalogs","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"catalogs:shadcn/chart-pie-separator-none","t":"Pie Chart   Separator None","d":"Joins adjacent segments without visible separator strokes.","s":"catalogs","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"catalogs:shadcn/chart-pie-simple","t":"Pie Chart","d":"Shows how categories contribute to a single total.","s":"catalogs","c":"data-viz/chart","tg":["minimal"],"sb":"Pie, donut and radial","sy":["minimal"]},{"id":"catalogs:shadcn/chart-pie-stacked","t":"Pie Chart   Stacked","d":"Uses concentric rings to compare more than one category breakdown.","s":"catalogs","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"catalogs:shadcn/chart-radar-default","t":"Radar Chart","d":"Compares several measures around a shared radial scale.","s":"catalogs","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"catalogs:shadcn/chart-radar-dots","t":"Radar Chart   Dots","d":"Marks each measure with a visible point on the radar outline.","k":"motion","s":"catalogs","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"catalogs:shadcn/chart-radar-grid-circle","t":"Radar Chart   Grid Circle","d":"Uses concentric circles and spokes to structure the radial scale.","s":"catalogs","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"catalogs:shadcn/chart-radar-grid-circle-fill","t":"Radar Chart   Grid Circle Filled","d":"Fills alternating circular grid bands to emphasize distance from the center.","s":"catalogs","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"catalogs:shadcn/chart-radar-grid-circle-no-lines","t":"Radar Chart   Grid Circle   No lines","d":"Keeps circular grid rings while omitting radial spokes.","k":"motion","s":"catalogs","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"catalogs:shadcn/chart-radar-grid-custom","t":"Radar Chart   Grid Custom","d":"Applies a customized grid treatment behind the plotted measures.","s":"catalogs","c":"data-viz/chart","sb":"Radar"},{"id":"catalogs:shadcn/chart-radar-grid-fill","t":"Radar Chart   Grid Filled","d":"Fills alternating grid regions to separate radial bands.","s":"catalogs","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"catalogs:shadcn/chart-radar-grid-none","t":"Radar Chart   Grid None","d":"Plots the measures without background grid lines.","s":"catalogs","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"catalogs:shadcn/chart-radar-icons","t":"Radar Chart   Icons","d":"Uses icons around the perimeter to identify each measure.","k":"resource","s":"catalogs","c":"assets/icon","hc":1},{"id":"catalogs:shadcn/chart-radar-label-custom","t":"Radar Chart   Custom Label","d":"Uses customized perimeter labels for the measured categories.","s":"catalogs","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"catalogs:shadcn/chart-radar-legend","t":"Radar Chart   Legend","d":"Identifies multiple plotted series with a separate legend.","s":"catalogs","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"catalogs:shadcn/chart-radar-lines-only","t":"Radar Chart   Lines Only","d":"Draws series outlines without filling the enclosed areas.","k":"motion","s":"catalogs","c":"motion/background","sb":"Beams and light","hc":1},{"id":"catalogs:shadcn/chart-radar-multiple","t":"Radar Chart   Multiple","d":"Overlays multiple series for comparison across the same measures.","s":"catalogs","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"catalogs:shadcn/chart-radar-radius","t":"Radar Chart   Radius Axis","d":"Displays values against a labeled radial axis.","s":"catalogs","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"catalogs:shadcn/chart-radial-grid","t":"Radial Chart   Grid","d":"Adds radial guides behind circular progress arcs.","s":"catalogs","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"catalogs:shadcn/chart-radial-label","t":"Radial Chart   Label","d":"Places a value label inside the circular plot.","s":"catalogs","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"catalogs:shadcn/chart-radial-shape","t":"Radial Chart   Shape","d":"Uses a customized arc shape for the measured value.","k":"resource","s":"catalogs","c":"assets/shape","hc":1},{"id":"catalogs:shadcn/chart-radial-simple","t":"Radial Chart","d":"Shows a single measure as a circular progress arc.","s":"catalogs","c":"data-viz/chart","tg":["minimal"],"sb":"Pie, donut and radial","sy":["minimal"],"hc":1},{"id":"catalogs:shadcn/chart-radial-stacked","t":"Radial Chart   Stacked","d":"Stacks concentric arcs to compare several measures.","s":"catalogs","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"catalogs:shadcn/chart-radial-text","t":"Radial Chart   Text","d":"Centers a headline value and supporting text inside the arc.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1},{"id":"catalogs:shadcn/chart/base-vega","t":"Chart","d":"A Recharts-based chart wrapper with shared colors, labels, legends, and tooltips.","s":"catalogs","c":"data-viz/chart"},{"id":"catalogs:shadcn/checkbox/base-vega","t":"Checkbox","d":"Lets users select or clear an individual option with a visible checked state.","s":"catalogs","c":"inputs/checkbox"},{"id":"catalogs:shadcn/collapsible/base-vega","t":"Collapsible","d":"An interactive component which expands/collapses a panel.","s":"catalogs","c":"data-display/accordion","hc":1},{"id":"catalogs:shadcn/command/base-vega","t":"Command","d":"Command menu for search and quick actions.","s":"catalogs","c":"navigation/menu","hc":1},{"id":"catalogs:shadcn/context-menu/base-vega","t":"Context Menu","d":"Displays a menu of actions triggered by a right click.","s":"catalogs","c":"overlays/context-menu","hc":1},{"id":"catalogs:shadcn/dashboard-01/base-vega","t":"Dashboard","d":"A dashboard with sidebar, charts and data table.","k":"layout","s":"catalogs","c":"layout/dashboard","hc":1},{"id":"catalogs:shadcn/dialog/base-vega","t":"Dialog","d":"A window overlaid on either the primary window or another dialog window, rendering the con","s":"catalogs","c":"overlays/dialog","hc":1},{"id":"catalogs:shadcn/drawer/base-vega","t":"Drawer","d":"A panel that slides over page content for focused tasks or navigation.","s":"catalogs","c":"overlays/sheet","hc":1},{"id":"catalogs:shadcn/dropdown-menu/base-vega","t":"Dropdown Menu","d":"Displays a menu to the user, such as a set of actions or functions, triggered by a button.","s":"catalogs","c":"navigation/menu","tg":["playful"],"sb":"Dropdowns","sy":["playful"],"hc":1},{"id":"catalogs:shadcn/empty/base-vega","t":"Empty","d":"A placeholder for empty collections with supporting copy and actions.","s":"catalogs","c":"data-display/empty-state","hc":1},{"id":"catalogs:shadcn/field/base-vega","t":"Field","d":"Combine labels, controls, and help text to compose accessible form fields and grouped inpu","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:shadcn/hover-card/base-vega","t":"Hover Card","d":"Previews linked content on pointer hover or keyboard focus.","s":"catalogs","c":"overlays/hover-card","hc":1},{"id":"catalogs:shadcn/input-group/base-vega","t":"Input Group","d":"Add addons, buttons, and helper content to inputs.","s":"catalogs","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"catalogs:shadcn/input-otp/base-vega","t":"Input OTP","d":"Accessible one-time password component with copy-paste functionality.","s":"catalogs","c":"inputs/otp-input","tg":["playful"],"sy":["playful"],"hc":1},{"id":"catalogs:shadcn/input/base-vega","t":"Input","d":"A text input component for forms and user data entry with built-in styling and accessibili","s":"catalogs","c":"inputs/form-field"},{"id":"catalogs:shadcn/item/base-vega","t":"Item","d":"A versatile component for displaying content with media, title, description, and actions.","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:shadcn/kbd/base-vega","t":"Kbd","d":"Displays keyboard input or shortcut combinations with keycap styling.","s":"catalogs","c":"data-display/typography","hc":1},{"id":"catalogs:shadcn/label/base-vega","t":"Label","d":"Renders an accessible label associated with controls.","s":"catalogs","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"catalogs:shadcn/login-01/base-vega","t":"Simple Login","d":"A centered sign-in form with account fields and supporting links.","k":"layout","s":"catalogs","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"]},{"id":"catalogs:shadcn/login-02/base-vega","t":"Split Login with Cover","d":"A two column login page with a cover image.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Split with image","hc":1},{"id":"catalogs:shadcn/login-03/base-vega","t":"Muted Login","d":"A login page with a muted background color.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"catalogs:shadcn/login-04/base-vega","t":"Login with Image","d":"A login page with form and image.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Split with image","hc":1},{"id":"catalogs:shadcn/login-05/base-vega","t":"Email Only Login","d":"A centered sign-in page that asks only for an email address.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"catalogs:shadcn/menubar/base-vega","t":"Menubar","d":"A visually persistent menu common in desktop applications that provides quick access to a ","s":"catalogs","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"catalogs:shadcn/native-select/base-vega","t":"Native Select","d":"A styled native HTML select element with consistent design system integration.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:shadcn/navigation-menu/base-vega","t":"Navigation Menu","d":"A collection of links for navigating websites.","s":"catalogs","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"catalogs:shadcn/pagination/base-vega","t":"Pagination","d":"Pagination with page navigation, next and previous links.","s":"catalogs","c":"navigation/pagination","hc":1},{"id":"catalogs:shadcn/popover/base-vega","t":"Popover","d":"Displays rich content in a portal, triggered by a button.","s":"catalogs","c":"overlays/popover","hc":1},{"id":"catalogs:shadcn/progress/base-vega","t":"Progress","d":"Displays an indicator showing the completion progress of a task, typically displayed as a ","s":"catalogs","c":"data-viz/progress-bar","hc":1},{"id":"catalogs:shadcn/radio-group/base-vega","t":"Radio Group","d":"A set of checkable buttons, known as radio buttons, where no more than one of the buttons ","s":"catalogs","c":"inputs/radio","hc":1},{"id":"catalogs:shadcn/resizable/base-vega","t":"Resizable","d":"Accessible resizable panel groups and layouts with keyboard support.","k":"layout","s":"catalogs","c":"layout/split-pane","hc":1},{"id":"catalogs:shadcn/scroll-area/base-vega","t":"Scroll Area","d":"Augments native scroll functionality for custom, cross-browser styling.","k":"layout","s":"catalogs","c":"layout/scroll-area","tg":["playful"],"sy":["playful"],"hc":1},{"id":"catalogs:shadcn/select/base-vega","t":"Select","d":"Displays a list of options for the user to pick from, triggered by a button.","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:shadcn/separator/base-vega","t":"Separator","d":"Divides related regions visually or semantically.","k":"layout","s":"catalogs","c":"layout/page-shell","hc":1},{"id":"catalogs:shadcn/sheet/base-vega","t":"Sheet","d":"Extends the Dialog component to display content that complements the main content of the s","s":"catalogs","c":"overlays/sheet","hc":1},{"id":"catalogs:shadcn/sidebar-01/base-vega","t":"Grouped Navigation Sidebar","d":"Organizes primary navigation into labeled groups within a fixed rail.","s":"catalogs","c":"navigation/sidebar","hc":1},{"id":"catalogs:shadcn/sidebar-02/base-vega","t":"Collapsible Sections Sidebar","d":"Groups navigation into sections users can expand and collapse.","s":"catalogs","c":"navigation/sidebar","hc":1},{"id":"catalogs:shadcn/sidebar-03/base-vega","t":"Submenu Sidebar","d":"Nests secondary navigation links beneath their parent items.","s":"catalogs","c":"navigation/sidebar","hc":1},{"id":"catalogs:shadcn/sidebar-04/base-vega","t":"Floating Sidebar","d":"Places submenu navigation in a detached panel with page margins.","s":"catalogs","c":"navigation/sidebar"},{"id":"catalogs:shadcn/sidebar-05/base-vega","t":"Collapsible Submenus Sidebar","d":"Lets nested navigation groups expand and collapse independently.","s":"catalogs","c":"navigation/sidebar","hc":1},{"id":"catalogs:shadcn/sidebar-06/base-vega","t":"Dropdown Submenu Sidebar","d":"Opens nested navigation choices from dropdown menus.","s":"catalogs","c":"navigation/sidebar","hc":1},{"id":"catalogs:shadcn/sidebar-07/base-vega","t":"Icon Collapse Sidebar","d":"Collapses the navigation rail to icon-only controls.","s":"catalogs","c":"navigation/sidebar","hc":1},{"id":"catalogs:shadcn/sidebar-08/base-vega","t":"Inset Sidebar","d":"Insets page content beside a secondary navigation rail.","s":"catalogs","c":"navigation/sidebar","hc":1},{"id":"catalogs:shadcn/sidebar-09/base-vega","t":"Nested Sidebars","d":"Combines an outer navigation rail with a nested inner sidebar.","s":"catalogs","c":"navigation/sidebar","hc":1},{"id":"catalogs:shadcn/sidebar-10/base-vega","t":"Popover Sidebar","d":"Presents navigation inside a popover instead of a fixed rail.","s":"catalogs","c":"navigation/sidebar","hc":1},{"id":"catalogs:shadcn/sidebar-11/base-vega","t":"File Tree Sidebar","d":"Uses expandable folders to navigate a file hierarchy.","s":"catalogs","c":"navigation/sidebar","hc":1},{"id":"catalogs:shadcn/sidebar-12/base-vega","t":"Calendar Sidebar","d":"Pairs navigation links with an embedded calendar.","s":"catalogs","c":"navigation/sidebar","hc":1},{"id":"catalogs:shadcn/sidebar-13/base-vega","t":"Dialog Sidebar","d":"Places a full sidebar layout inside a modal dialog.","s":"catalogs","c":"navigation/sidebar","hc":1},{"id":"catalogs:shadcn/sidebar-14/base-vega","t":"Right Side Sidebar","d":"Positions the navigation rail on the right side of the page.","s":"catalogs","c":"navigation/sidebar","hc":1},{"id":"catalogs:shadcn/sidebar-15/base-vega","t":"Dual Sidebar","d":"Frames page content between left and right navigation rails.","s":"catalogs","c":"navigation/sidebar","hc":1},{"id":"catalogs:shadcn/sidebar-16/base-vega","t":"Sticky Header Sidebar","d":"Pairs a navigation rail with a header that remains visible while scrolling.","s":"catalogs","c":"navigation/sidebar","hc":1},{"id":"catalogs:shadcn/sidebar/base-vega","t":"Sidebar","d":"A composable, themeable and customizable sidebar component.","s":"catalogs","c":"navigation/sidebar","hc":1},{"id":"catalogs:shadcn/signup-01/base-vega","t":"Simple Signup","d":"A centered account creation form with supporting links.","k":"layout","s":"catalogs","c":"flows/sign-in","tg":["minimal"],"sb":"Sign up","sy":["minimal"]},{"id":"catalogs:shadcn/signup-02/base-vega","t":"Split Signup with Cover","d":"A two column signup page with a cover image.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Sign up"},{"id":"catalogs:shadcn/signup-03/base-vega","t":"Muted Signup","d":"A signup page with a muted background color.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"catalogs:shadcn/signup-04/base-vega","t":"Signup with Image","d":"A signup page with form and image.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"catalogs:shadcn/signup-05/base-vega","t":"Social Signup","d":"A simple signup form with social providers.","k":"layout","s":"catalogs","c":"flows/sign-in","tg":["minimal"],"sb":"Sign up","sy":["minimal"],"hc":1},{"id":"catalogs:shadcn/skeleton/base-vega","t":"Skeleton","d":"Use to show a placeholder while content is loading.","s":"catalogs","c":"status/skeleton","hc":1},{"id":"catalogs:shadcn/slider/base-vega","t":"Slider","d":"An input where the user selects a value from within a given range.","s":"catalogs","c":"inputs/slider","hc":1},{"id":"catalogs:shadcn/sonner/base-vega","t":"Sonner","d":"A toast system with stacked notifications and status variants.","s":"catalogs","c":"overlays/toast"},{"id":"catalogs:shadcn/spinner/base-vega","t":"Spinner","d":"An indicator that can be used to show a loading state.","s":"catalogs","c":"status/loader","sb":"Spinners","hc":1},{"id":"catalogs:shadcn/switch/base-vega","t":"Switch","d":"Turns a setting on or off with an immediate state change.","s":"catalogs","c":"actions/switch","hc":1},{"id":"catalogs:shadcn/table/base-vega","t":"Table","d":"A responsive data table with headers, rows, captions, and alignment styles.","s":"catalogs","c":"data-display/table"},{"id":"catalogs:shadcn/tabs/base-vega","t":"Tabs","d":"A set of layered sections of content, known as tab panels, that are displayed one at a tim","s":"catalogs","c":"navigation/tabs","hc":1},{"id":"catalogs:shadcn/textarea/base-vega","t":"Textarea","d":"Displays a form textarea or a component that looks like a textarea.","s":"catalogs","c":"inputs/textarea","hc":1},{"id":"catalogs:shadcn/theme-neutral","t":"Neutral","d":"A shadcn color theme preset based on the Neutral palette.","k":"theme","s":"catalogs","c":"themes/theme"},{"id":"catalogs:shadcn/theme-stone","t":"Stone","d":"A shadcn color theme preset based on the Stone palette.","k":"theme","s":"catalogs","c":"themes/theme"},{"id":"catalogs:shadcn/theme-zinc","t":"Zinc","d":"A shadcn color theme preset based on the Zinc palette.","k":"theme","s":"catalogs","c":"themes/theme"},{"id":"catalogs:shadcn/toggle-group/base-vega","t":"Toggle Group","d":"A set of two-state buttons that can be toggled on or off.","s":"catalogs","c":"actions/switch","hc":1},{"id":"catalogs:shadcn/toggle/base-vega","t":"Toggle","d":"A two-state button that can be either on or off.","s":"catalogs","c":"actions/switch","hc":1},{"id":"catalogs:shadcn/tooltip/base-vega","t":"Tooltip","d":"A popup that displays information related to an element when the element receives keyboard","s":"catalogs","c":"overlays/tooltip","hc":1},{"id":"catalogs:shadcnblocks/about29","t":"About #29","d":"A stacked about section with a large headline, image and mission overlay, then a three-col","s":"catalogs","c":"media/gallery","tg":["webgl"],"sy":["webgl"]},{"id":"catalogs:shadcnblocks/about3","t":"About #3","d":"A two-column company profile with a main image, breakout card, logo strip, and achievement","s":"catalogs","c":"data-display/profile"},{"id":"catalogs:shadcnblocks/accept-invite1","t":"Accept Invite #1","d":"A two-column invitation acceptance screen with Google sign-in, email input form, welcome m","k":"layout","s":"catalogs","c":"flows/sign-in","tg":["webgl"],"sy":["webgl"]},{"id":"catalogs:shadcnblocks/address-book1","t":"Address Book #1","d":"Address book list with edit modes and default selection.","s":"catalogs","c":"data-display/list"},{"id":"catalogs:shadcnblocks/announcement","t":"Announcement","d":"Compound badge for product updates with optional tag, title, themed styling, and hover tre","k":"section","s":"catalogs","c":"marketing/announcement","hc":1},{"id":"catalogs:shadcnblocks/application-shell1","t":"Application Shell 1","d":"A full application shell with collapsible sidebar, grouped navigation with submenus, user ","k":"layout","s":"catalogs","c":"layout/page-shell"},{"id":"catalogs:shadcnblocks/avatar-stack","t":"Avatar Stack","d":"Overlapping avatar group with configurable sizing and an optional spread-on-hover animatio","s":"catalogs","c":"data-display/avatar","hc":1},{"id":"catalogs:shadcnblocks/awards1","t":"Awards #1","d":"A section with a large heading and a full-width table of award name, description, and year","s":"catalogs","c":"data-display/table"},{"id":"catalogs:shadcnblocks/background-pattern1","t":"Background Pattern 1","d":"Full-screen radial gradient background pattern.","k":"motion","s":"catalogs","c":"motion/background","tg":["gradient"],"sb":"Grids and patterns","sy":["gradient"]},{"id":"catalogs:shadcnblocks/banner","t":"Banner","d":"Dismissible full-width notice with compound icon, title, action, and close controls.","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:shadcnblocks/banner1","t":"Banner #1","d":"A thin top bar with centered title, muted supporting text, an inline external link, and a ","s":"catalogs","c":"overlays/alert-banner"},{"id":"catalogs:shadcnblocks/blog7","t":"Blog #7","d":"A centered blog section with secondary badge, large heading, supporting copy, and a respon","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Blog and posts"},{"id":"catalogs:shadcnblocks/blogpost1","t":"Blog Post #1","d":"A single-post layout with centered title, subtitle, author row with avatar and site link, ","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Blog and posts"},{"id":"catalogs:shadcnblocks/book-a-demo1","t":"Book A Demo #1","d":"Demo booking form with benefits and logos.","k":"resource","s":"catalogs","c":"assets/logo"},{"id":"catalogs:shadcnblocks/calendar","t":"Calendar","d":"Project calendar that groups status-colored features by day with date ranges and paginatio","s":"catalogs","c":"data-display/calendar","hc":1,"cp":1},{"id":"catalogs:shadcnblocks/careers4","t":"Careers #4","d":"A minimal careers section with configurable heading and grouped job rows showing title, lo","k":"section","s":"catalogs","c":"marketing/marketing","tg":["minimal"],"sb":"Careers","sy":["minimal"]},{"id":"catalogs:shadcnblocks/case-studies2","t":"Case Studies #2","d":"Case studies with quotes and metrics.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Portfolio"},{"id":"catalogs:shadcnblocks/case-study8","t":"Case Study #8","d":"Case study article with company sidebar.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Portfolio"},{"id":"catalogs:shadcnblocks/changelog1","t":"Changelog #1","d":"Stacked release entries pair a narrow sticky column of version badge and date with titles,","k":"section","s":"catalogs","c":"marketing/marketing"},{"id":"catalogs:shadcnblocks/chart-card1","t":"Chart Card #1","d":"A card containing an area chart with gradient fill, grid lines, and interactive tooltips.","s":"catalogs","c":"data-viz/chart","tg":["gradient"],"sy":["gradient"]},{"id":"catalogs:shadcnblocks/chart-card3","t":"Chart Card #3","d":"A card containing a vertical bar chart with rounded tops and interactive tooltips.","s":"catalogs","c":"data-viz/chart"},{"id":"catalogs:shadcnblocks/chart-group1","t":"Chart Group #1","d":"A two-column layout with an area chart and bar chart displayed side by side.","s":"catalogs","c":"data-viz/chart"},{"id":"catalogs:shadcnblocks/checkout1","t":"Checkout #1","d":"Accordion checkout with cart and payment steps.","k":"section","s":"catalogs","c":"marketing/pricing"},{"id":"catalogs:shadcnblocks/choicebox","t":"Choicebox","d":"Card-style radio and checkbox choices with descriptions, icons, badges, and disabled state","s":"catalogs","c":"inputs/radio","hc":1},{"id":"catalogs:shadcnblocks/code-block","t":"Code Block","d":"Shiki-powered code display with themes, line numbers, copy actions, diffs, focus, and high","s":"catalogs","c":"data-display/code-block","hc":1},{"id":"catalogs:shadcnblocks/code-example1","t":"Code Example #1","d":"Tabbed database query examples in multiple languages.","s":"catalogs","c":"other/other"},{"id":"catalogs:shadcnblocks/color-picker","t":"Color Picker","d":"Figma-style color picker with visual controls, multiple color formats, and editable channe","s":"catalogs","c":"inputs/color-picker","hc":1},{"id":"catalogs:shadcnblocks/combobox","t":"Combobox","d":"Searchable autocomplete input with controlled state, fixed-width layouts, and item creatio","s":"catalogs","c":"inputs/combobox","hc":1},{"id":"catalogs:shadcnblocks/community1","t":"Community #1","d":"A centered community section with a small logo, a two-line headline with a muted second li","k":"resource","s":"catalogs","c":"assets/logo"},{"id":"catalogs:shadcnblocks/compare-products1","t":"Compare Products 1","d":"Side-by-side product comparison with specs and cart.","k":"section","s":"catalogs","c":"marketing/comparison"},{"id":"catalogs:shadcnblocks/compare7","t":"Compare #7","d":"Centered title and muted intro frame a bordered feature table whose middle column carries ","k":"section","s":"catalogs","c":"marketing/comparison"},{"id":"catalogs:shadcnblocks/comparison","t":"Comparison","d":"Animated before-and-after overlay with drag, hover, keyboard, and programmatic controls.","k":"section","s":"catalogs","c":"marketing/comparison","hc":1},{"id":"catalogs:shadcnblocks/compliance1","t":"Compliance #1","d":"Outline live-status badge, large balanced heading, supporting copy, paired grayscale certi","k":"resource","s":"catalogs","c":"assets/illustration","tg":["webgl"],"sy":["webgl"]},{"id":"catalogs:shadcnblocks/contact7","t":"Contact #7","d":"A heading and short description lead into four rounded muted cards for email, office, phon","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Contact"},{"id":"catalogs:shadcnblocks/content1","t":"Content #1","d":"Narrative article layout with a sticky in-page outline, scroll-based active section highli","k":"section","s":"catalogs","c":"marketing/marketing"},{"id":"catalogs:shadcnblocks/contribution-graph","t":"Contribution Graph","d":"GitHub-style activity heatmap with date handling, themes, tooltips, custom cells, and foot","s":"catalogs","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"catalogs:shadcnblocks/credit-card","t":"Credit Card","d":"Responsive payment-card display with brand detection, validation, flipping, and masked det","s":"catalogs","c":"data-display/card","sb":"Payment","hc":1},{"id":"catalogs:shadcnblocks/cta10","t":"CTA #10","d":"Contained CTA band with headline, supporting text, and optional primary and secondary acti","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcnblocks/cta11","t":"CTA #11","d":"Card-style split with an image column, inline icon beside the heading, supporting copy, an","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcnblocks/cta34","t":"CTA #34","d":"A centered call to action with a heading, description, and two buttons, separated from con","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcnblocks/cta35","t":"CTA #35","d":"A left-aligned call to action with a thick primary-colored vertical stripe, heading, descr","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcnblocks/cta36","t":"CTA #36","d":"A horizontal split call to action with heading and description on one side and paired butt","k":"section","s":"catalogs","c":"marketing/cta"},{"id":"catalogs:shadcnblocks/cta37","t":"CTA #37","d":"A bordered card call to action on a CSS grid with a wide text column and a narrow column o","k":"section","s":"catalogs","c":"marketing/cta"},{"id":"catalogs:shadcnblocks/cta38","t":"CTA #38","d":"A centered call to action in a rounded card that fills with the foreground token, inverted","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcnblocks/cta39","t":"CTA #39","d":"A centered call to action inside a dashed rounded border with transparent fill, stacking h","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcnblocks/cursor","t":"Cursor","d":"Realtime collaboration cursor with optional participant name, message, and custom color.","k":"motion","s":"catalogs","c":"motion/cursor","hc":1},{"id":"catalogs:shadcnblocks/data-table1","t":"Data Table #1","d":"A basic data table section with sortable columns, currency formatting, and availability ba","s":"catalogs","c":"data-display/table","tg":["minimal","playful"],"sb":"Data tables","sy":["minimal","playful"],"hc":1,"cp":1},{"id":"catalogs:shadcnblocks/deck","t":"Deck","d":"Swipeable card stack with drag gestures, animated transitions, controlled state, and actio","s":"catalogs","c":"media/card-stack","hc":1},{"id":"catalogs:shadcnblocks/dialog-stack","t":"Dialog Stack","d":"Layered dialog flow for wizards, nested forms, and multi-step processes with navigation.","s":"catalogs","c":"overlays/dialog","hc":1},{"id":"catalogs:shadcnblocks/download2","t":"Download #2","d":"A softer muted backdrop with a centered title and intro, then three equal columns for desk","s":"catalogs","c":"actions/button","tg":["webgl"],"sb":"Loading and states","sy":["webgl"],"hc":1},{"id":"catalogs:shadcnblocks/dropzone","t":"Dropzone","d":"Drag-and-drop file input with validation, multiple-file handling, empty states, and previe","s":"catalogs","c":"inputs/file-upload","hc":1},{"id":"catalogs:shadcnblocks/ecommerce-footer1","t":"Ecommerce Footer 1","d":"Ecommerce footer with newsletter, language selector, and contact row.","k":"section","s":"catalogs","c":"marketing/footer"},{"id":"catalogs:shadcnblocks/editor","t":"Editor","d":"TipTap rich-text editor with slash commands, menus, tables, lists, links, colors, and code","s":"catalogs","c":"inputs/textarea","hc":1},{"id":"catalogs:shadcnblocks/experience1","t":"Experience #1","d":"Portfolio experience list with oversized section heading, trailing ghost CV link with down","k":"resource","s":"catalogs","c":"assets/logo"},{"id":"catalogs:shadcnblocks/faq1","t":"FAQ #1","d":"Narrow container FAQ heading above a collapsible accordion list where each question trigge","k":"section","s":"catalogs","c":"marketing/faq"},{"id":"catalogs:shadcnblocks/feature1","t":"Feature #1","d":"Split feature section with a large heading, optional description, an outline call-to-actio","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:shadcnblocks/feature13","t":"Feature #13","d":"A heading and optional intro above a two-column grid of cards that combine labels, linked ","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:shadcnblocks/feature166","t":"Feature #166","d":"Centered title and muted intro precede a bordered two-by-two matrix of four prop-driven fe","k":"section","s":"catalogs","c":"marketing/features","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:shadcnblocks/feature17","t":"Feature #17","d":"Optional secondary badge and large centered heading introduce up to six icon-led features ","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:shadcnblocks/feature197","t":"Feature #197","d":"A two-column section built around an accordion that switches feature copy and updates the ","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:shadcnblocks/feature2","t":"Feature #2","d":"A two-column block with one column for media and the other for a heading, supporting parag","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:shadcnblocks/feature43","t":"Feature #43","d":"Centered section title above six circular icon tiles in a responsive three-column grid, wi","k":"section","s":"catalogs","c":"marketing/features","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:shadcnblocks/feature51","t":"Feature #51","d":"Three tab triggers with circular icon wells, headings, and blurbs swap a large feature ima","k":"section","s":"catalogs","c":"marketing/features","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:shadcnblocks/feature72","t":"Feature #72","d":"Narrow-width heading band with optional copy and link-style primary action sits above up t","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:shadcnblocks/feature73","t":"Feature #73","d":"A section heading with optional link-style button introduces three image-led feature cards","k":"section","s":"catalogs","c":"marketing/features","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:shadcnblocks/footer2","t":"Footer #2","d":"Standard footer with a logo, short description, up to four navigation link columns, copyri","k":"section","s":"catalogs","c":"marketing/footer","hc":1},{"id":"catalogs:shadcnblocks/gallery6","t":"Gallery #6","d":"Horizontal image carousel with a heading, call-to-action link, and outline-variant arrow c","s":"catalogs","c":"media/gallery","hc":1},{"id":"catalogs:shadcnblocks/gantt","t":"Gantt","d":"Interactive project timeline with draggable and resizable tasks, lanes, groups, and date m","s":"catalogs","c":"data-display/timeline","hc":1,"cp":1},{"id":"catalogs:shadcnblocks/glimpse","t":"Glimpse","d":"Hover-triggered link preview card with metadata, loading states, positioning, and custom c","s":"catalogs","c":"actions/link","hc":1},{"id":"catalogs:shadcnblocks/help1","t":"Help #1","d":"Help center with categorized topic cards, a popular topics list, and a contact support but","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"catalogs:shadcnblocks/hero1","t":"Hero #1","d":"A two-column marketing hero with text first, then a badge, headline, body copy, and paired","k":"section","s":"catalogs","c":"marketing/hero","hc":1},{"id":"catalogs:shadcnblocks/hero115","t":"Hero #115","d":"A centered hero with concentric ring decoration behind the copy, a leading icon, headline,","k":"section","s":"catalogs","c":"marketing/hero","hc":1},{"id":"catalogs:shadcnblocks/hero3","t":"Hero #3","d":"A two-column hero using shadcn/ui Avatar and Button rows where overlapped faces, star scor","k":"section","s":"catalogs","c":"marketing/hero","hc":1},{"id":"catalogs:shadcnblocks/hero45","t":"Hero #45","d":"A hero with outline badge, headline, a wide landscape image that crossfades between slides","k":"section","s":"catalogs","c":"marketing/hero","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"catalogs:shadcnblocks/hero47","t":"Hero #47","d":"A free-tier hero combining oversized heading with muted continuation phrase, supporting pa","k":"section","s":"catalogs","c":"marketing/hero","hc":1},{"id":"catalogs:shadcnblocks/hero7","t":"Hero #7","d":"A centered hero with headline, muted paragraph, large shadcn/ui button, overlapped avatars","k":"section","s":"catalogs","c":"marketing/hero","hc":1},{"id":"catalogs:shadcnblocks/image-crop","t":"Image Crop","d":"Image cropper with aspect-ratio constraints, circular crops, previews, and custom controls","s":"catalogs","c":"media/gallery","hc":1},{"id":"catalogs:shadcnblocks/image-zoom","t":"Image Zoom","d":"Accessible click-to-zoom image overlay with custom backdrops, margins, and responsive sizi","s":"catalogs","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"catalogs:shadcnblocks/incentives1","t":"Incentives #1","d":"A four-item incentive row with circular icons, titles, and short support copy that scrolls","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:shadcnblocks/industries1","t":"Industries #1","d":"A heading above a grid of industry cards, each linking out with an image and name that rev","s":"catalogs","c":"data-display/card","hc":1},{"id":"catalogs:shadcnblocks/integration3","t":"Integration #3","d":"A centered vertical list of integrations showing icons, titles, and descriptions in a sing","k":"section","s":"catalogs","c":"marketing/logos","hc":1},{"id":"catalogs:shadcnblocks/invite-user1","t":"Invite User #1","d":"A user management table with invite button that opens a dialog for sending bulk email invi","s":"catalogs","c":"overlays/dialog","sb":"Share and invite","hc":1},{"id":"catalogs:shadcnblocks/kanban","t":"Kanban","d":"Drag-and-drop work board with sortable columns, cards, scrolling, and customizable content","s":"catalogs","c":"data-display/kanban","hc":1,"cp":1},{"id":"catalogs:shadcnblocks/leaderboard1","t":"Leaderboard #1","d":"A ranked list card with progress bars showing relative values for each item.","s":"catalogs","c":"data-display/gamification","hc":1},{"id":"catalogs:shadcnblocks/list","t":"List","d":"Sortable task list grouped by status and priority with drag controls and custom rows.","s":"catalogs","c":"data-display/list","hc":1,"cp":1},{"id":"catalogs:shadcnblocks/list2","t":"List #2","d":"Vertical list of items separated by dividers, each showing an icon, title, category, descr","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:shadcnblocks/live-purchase1","t":"Live Purchase #1","d":"A fixed corner card that cycles recent purchases, showing customer name, location, product","s":"catalogs","c":"actions/button","hc":1},{"id":"catalogs:shadcnblocks/login1","t":"Login #1","d":"Simple centered login form with a logo, email and password inputs, a submit button, and a ","k":"layout","s":"catalogs","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"catalogs:shadcnblocks/logos18","t":"Logos #18","d":"A centered wrap grid of partner logos with no title, using the same logo list and spacing ","k":"resource","s":"catalogs","c":"assets/logo","hc":1},{"id":"catalogs:shadcnblocks/logos8","t":"Logos #8","d":"Shows up to six logos in a centered flex-wrap row beneath a heading, with dark-mode invers","k":"resource","s":"catalogs","c":"assets/logo","hc":1},{"id":"catalogs:shadcnblocks/marquee","t":"Marquee","d":"Continuously scrolling content strip with direction, speed, fade, pause, and spacing contr","k":"motion","s":"catalogs","c":"motion/marquee","hc":1},{"id":"catalogs:shadcnblocks/mini-calendar","t":"Mini Calendar","d":"Compact date picker for nearby dates with controlled state, custom layouts, and day render","s":"catalogs","c":"data-display/calendar","hc":1},{"id":"catalogs:shadcnblocks/navbar1","t":"Navbar #1","d":"A horizontal navbar with logo, navigation menu dropdowns showing icons and descriptions, l","s":"catalogs","c":"navigation/top-nav","hc":1},{"id":"catalogs:shadcnblocks/offer-modal4","t":"Offer Modal #4","d":"A promotional dialog with a product photo, membership discount headline, email field, subm","s":"catalogs","c":"overlays/dialog","hc":1},{"id":"catalogs:shadcnblocks/order-summary1","t":"Order Summary #1","d":"A post-purchase confirmation with a status badge, itemized products, cost breakdown, shipp","s":"catalogs","c":"overlays/dialog","hc":1},{"id":"catalogs:shadcnblocks/payment-methods1","t":"Payment Methods 1","d":"A saved payment list for cards and PayPal with radio selection, default badge, inline add ","s":"catalogs","c":"navigation/menu","hc":1},{"id":"catalogs:shadcnblocks/pill","t":"Pill","d":"Composable pill badge for avatars, status, actions, indicators, deltas, icons, and groups.","s":"catalogs","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"catalogs:shadcnblocks/pricing2","t":"Pricing #2","d":"Centered heading with a monthly/yearly toggle, two side-by-side cards with large prices, f","k":"section","s":"catalogs","c":"marketing/pricing"},{"id":"catalogs:shadcnblocks/pricing4","t":"Pricing #4","d":"Monthly and yearly tabs above three tier columns with one muted highlighted column, badge ","k":"section","s":"catalogs","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:shadcnblocks/pricing6","t":"Pricing #6","d":"Centered single-plan card with separated feature groups, a large price numeral, and a CTA ","k":"section","s":"catalogs","c":"marketing/pricing"},{"id":"catalogs:shadcnblocks/process1","t":"Process #1","d":"Two-column process section with a sticky heading and contact button on the left, numbered ","k":"section","s":"catalogs","c":"marketing/features","sb":"Steps"},{"id":"catalogs:shadcnblocks/product-card1","t":"Product Card #1","d":"A linked product card with a product image, urgency badge, name, short description, and re","s":"catalogs","c":"data-display/card","sb":"Product","hc":1},{"id":"catalogs:shadcnblocks/product-categories1","t":"Product Categories 1","d":"A two-column product category banner with a centered title and summary on the left and a f","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:shadcnblocks/product-detail1","t":"Product Detail #1","d":"A two-column product page with an image carousel, reviews, in-stock badge, buy now button,","s":"catalogs","c":"actions/button","hc":1},{"id":"catalogs:shadcnblocks/product-gallery1","t":"Product Gallery 1","d":"A product image gallery that swipes as a carousel on small screens and becomes a three-col","s":"catalogs","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:shadcnblocks/product-list1","t":"Product List #1","d":"A responsive product grid of cards with images, optional urgency badges, names, descriptio","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:shadcnblocks/product-quick-view4","t":"Product Quick View 4","d":"A product quick-view dialog with an image carousel, description, price, color and size opt","s":"catalogs","c":"overlays/dialog","hc":1},{"id":"catalogs:shadcnblocks/product-specs1","t":"Product Specs #1","d":"A product specifications section with expandable categories, icons, label-value tables, an","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:shadcnblocks/project1","t":"Project #1","d":"Single-project layout with a header, hero image, descriptive paragraphs, metadata rows, an","k":"section","s":"catalogs","c":"marketing/hero","hc":1},{"id":"catalogs:shadcnblocks/projects5","t":"Projects #5","d":"Two-column grid of bordered project cards with images, titles, categories, and pill-shaped","s":"catalogs","c":"data-display/badge","sb":"Labels","hc":1},{"id":"catalogs:shadcnblocks/promo-banner1","t":"Promo Banner #1","d":"A storefront banner that shows remaining spend toward free shipping, a progress bar, and a","s":"catalogs","c":"overlays/alert-banner","hc":1},{"id":"catalogs:shadcnblocks/qr-code","t":"QR Code","d":"QR code renderer with color styling, error correction, server rendering, and logo-safe out","k":"resource","s":"catalogs","c":"assets/logo","hc":1},{"id":"catalogs:shadcnblocks/rate-card2","t":"Rate Card #2","d":"A pair of pricing cards for a monthly retainer and a premium package, each with a descript","s":"catalogs","c":"data-display/card","hc":1},{"id":"catalogs:shadcnblocks/rating","t":"Rating","d":"Keyboard-accessible rating input with hover previews, controlled state, and custom icons.","s":"catalogs","c":"inputs/rating","hc":1},{"id":"catalogs:shadcnblocks/reel","t":"Reel","d":"Full-height vertical video reel with 9:16 framing, playback controls, progress, and gestur","s":"catalogs","c":"data-viz/progress-bar","hc":1},{"id":"catalogs:shadcnblocks/relative-time","t":"Relative Time","d":"Live relative-time text with time-zone support, custom date and time formats, and controll","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1},{"id":"catalogs:shadcnblocks/resource1","t":"Resource #1","d":"A two-column resource page with a prose article on the right and a sidebar containing down","k":"section","s":"catalogs","c":"marketing/marketing","hc":1},{"id":"catalogs:shadcnblocks/reviews1","t":"Reviews #1","d":"A review list with a calculated average rating, star scores, titles, author avatars, dates","s":"catalogs","c":"inputs/rating","hc":1},{"id":"catalogs:shadcnblocks/sandbox","t":"Sandbox","d":"Embeddable Sandpack code playground with file exploration, live preview, and configurable ","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1,"cp":1},{"id":"catalogs:shadcnblocks/service1","t":"Service #1","d":"A single-column service page with a muted full-width hero heading, an introduction section","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:shadcnblocks/services4","t":"Services #4","d":"Four service cards in a two-column grid, each with a circular icon, title, description, an","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:shadcnblocks/settings-profile1","t":"Settings Profile 1","d":"A compact profile settings card with avatar upload, name, username, email, and bio fields.","s":"catalogs","c":"data-display/profile","hc":1},{"id":"catalogs:shadcnblocks/shader3","t":"Shader #3","d":"A full-screen shader background with glass refraction, circular shapes, mouse-following in","k":"motion","s":"catalogs","c":"motion/shader","tg":["glass","webgl"],"sy":["glass","webgl"]},{"id":"catalogs:shadcnblocks/shopping-cart1","t":"Shopping Cart #1","d":"A page shopping cart listing item images, quantities, and line totals with a remove action","k":"section","s":"catalogs","c":"marketing/pricing"},{"id":"catalogs:shadcnblocks/sidebar1","t":"Sidebar #1","d":"A simple sidebar with logo header, labeled navigation groups, footer links, and main conte","s":"catalogs","c":"navigation/sidebar","tg":["minimal"],"sy":["minimal"]},{"id":"catalogs:shadcnblocks/signup1","t":"Signup #1","d":"A full-screen centered signup form with a logo, unlabeled email and password fields, a con","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Sign up"},{"id":"catalogs:shadcnblocks/snippet","t":"Snippet","d":"Tabbed code snippet display with copy controls, headers, language labels, and package exam","s":"catalogs","c":"data-display/code-block","hc":1},{"id":"catalogs:shadcnblocks/spinner","t":"Spinner","d":"Activity indicator with multiple animated variants, accessible labels, and size customizat","s":"catalogs","c":"status/loader","sb":"Spinners","hc":1},{"id":"catalogs:shadcnblocks/stats-card1","t":"Stats Card #1","d":"A compact metric card displaying a value with trend indicator showing percentage change an","s":"catalogs","c":"data-display/stat"},{"id":"catalogs:shadcnblocks/stats8","t":"Stats #8","d":"A heading, description, and linked call to action above a four-column grid of large stat f","s":"catalogs","c":"data-display/stat"},{"id":"catalogs:shadcnblocks/status","t":"Status","d":"Service-uptime display with status badges, incident history, labels, and custom styling.","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:shadcnblocks/stories","t":"Stories","d":"Social story carousel with video cards, avatars, images, navigation, and progress state.","s":"catalogs","c":"data-viz/progress-bar","hc":1},{"id":"catalogs:shadcnblocks/table","t":"Table","d":"Structured data table with TanStack sorting, filtering, visibility controls, and row actio","s":"catalogs","c":"data-display/table","hc":1},{"id":"catalogs:shadcnblocks/tags","t":"Tags","d":"Multi-tag input with creation, filtering, keyboard controls, suggestions, and removable ba","s":"catalogs","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"catalogs:shadcnblocks/team1","t":"Team #1","d":"Centered team intro with heading and supporting copy above a responsive avatar grid of nam","k":"section","s":"catalogs","c":"marketing/team","hc":1},{"id":"catalogs:shadcnblocks/testimonial10","t":"Testimonial #10","d":"One large testimonial quote centered on the page with an avatar, name, and role beneath it","k":"section","s":"catalogs","c":"marketing/testimonials"},{"id":"catalogs:shadcnblocks/testimonial9","t":"Testimonial #9","d":"A heading and supporting line above a responsive masonry of testimonial cards with avatars","k":"section","s":"catalogs","c":"marketing/testimonials"},{"id":"catalogs:shadcnblocks/theme-switcher","t":"Theme Switcher","d":"Animated light, dark, and system-theme selector with controlled and uncontrolled state.","s":"catalogs","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"catalogs:shadcnblocks/ticker","t":"Ticker","d":"Composable market quote display for symbols, prices, currencies, locales, and percentage c","k":"motion","s":"catalogs","c":"motion/marquee","hc":1},{"id":"catalogs:shadcnblocks/timeline9","t":"Timeline #9","d":"Vertical timeline with a left-aligned separator, filled dot markers, and card-wrapped entr","s":"catalogs","c":"data-display/timeline","hc":1},{"id":"catalogs:shadcnblocks/todo1","t":"Todo #1","d":"A simple todo list with a heading, task titles, and checkboxes that toggle completion and ","s":"catalogs","c":"actions/switch","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"catalogs:shadcnblocks/tree","t":"Tree","d":"Hierarchical tree view with animated expansion, selection, connecting lines, and custom ic","s":"catalogs","c":"data-display/tree","hc":1},{"id":"catalogs:shadcnblocks/trust-strip1","t":"Trust Strip #1","d":"A four-column strip of trust items, each with an icon, title, and short description coveri","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:shadcnblocks/typography","t":"Typography","d":"CSS typography layer for consistent prose, headings, lists, tables, code, and blockquotes.","s":"catalogs","c":"data-display/typography"},{"id":"catalogs:shadcnblocks/user-profile1","t":"User Profile #1","d":"A centered profile card with avatar, name, role, bio, and action buttons for messaging and","s":"catalogs","c":"data-display/profile","hc":1},{"id":"catalogs:shadcnblocks/video-player","t":"Video Player","d":"Composable Media Chrome video player with shadcn/ui styling and accessible playback contro","s":"catalogs","c":"media/player","hc":1},{"id":"catalogs:shadcnblocks/waitlist1","t":"Waitlist #1","d":"A full-height waitlist with a large heading, supporting copy, email field, join button, ov","k":"section","s":"catalogs","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"catalogs:shadcnblocks/wishlist1","t":"Wishlist #1","d":"A three-column wishlist of saved products with price-drop and stock badges, add-to-cart or","s":"catalogs","c":"data-display/badge","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:shadcnstore/app-1","t":"App 1   Dashboard","d":"Simple dashboard layout with sidebar navigation and stats.","k":"layout","s":"catalogs","c":"layout/dashboard","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnstore/app-shell-1","t":"App Shell #1","d":"Responsive sidebar, breadcrumb header, workspace navigation, and calm application content ","k":"layout","s":"catalogs","c":"layout/dashboard","hc":1,"cp":1},{"id":"catalogs:shadcnstore/banner-1","t":"Banner #1","d":"A dismissible announcement bar that remembers the choice.","s":"catalogs","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"catalogs:shadcnstore/bento-grid-1","t":"Bento Grid #1","d":"A destination bento with a filter row and a top-rated tile.","k":"layout","s":"catalogs","c":"layout/bento-grid","hc":1,"cp":1},{"id":"catalogs:shadcnstore/blog-section-1","t":"Blog Section #1","d":"A clean three-card layout with image placeholders, categories, titles and call-to-action l","k":"section","s":"catalogs","c":"marketing/cta","tg":["minimal","webgl"],"sy":["minimal","webgl"],"hc":1,"cp":1},{"id":"catalogs:shadcnstore/calendar-8","t":"Calendar #8","d":"A plain month grid with a selected-day list — no shell, no filters, no dialogs.","s":"catalogs","c":"data-display/calendar","hc":1,"cp":1},{"id":"catalogs:shadcnstore/category-filter-1","t":"Category Filter 1","d":"A horizontal filter bar with dropdowns and active filter display.","s":"catalogs","c":"navigation/menu","hc":1,"cp":1},{"id":"catalogs:shadcnstore/changelog-4","t":"Changelog #4","d":"A plain release list with a date rail and every line tagged added, improved or fixed.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Shop sections","hc":1,"cp":1},{"id":"catalogs:shadcnstore/chart-1","t":"Chart #1","d":"Clean and simple bar and line chart displaying monthly sales volume and conversion rate tr","s":"catalogs","c":"data-viz/chart","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnstore/checkout-form-1","t":"Checkout Form #1","d":"A clean and straightforward checkout form with essential fields.","k":"section","s":"catalogs","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnstore/comparison-1","t":"Comparison #1","d":"An us-versus-alternatives table that becomes cards on mobile.","k":"section","s":"catalogs","c":"marketing/comparison","hc":1,"cp":1},{"id":"catalogs:shadcnstore/contact-section-1","t":"Contact Form #1","d":"Clean and minimal contact form with essential fields.","k":"section","s":"catalogs","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnstore/cta-section-1","t":"CTA Section #1","d":"A single-line call to action with a live badge and two actions.","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcnstore/cta-section-2","t":"CTA Section #2","d":"A community subscribe card with an inline email field and avatar proof.","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcnstore/cta-section-3","t":"CTA Section #3","d":"A split call to action with documentation and tutorial links beside the primary button.","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcnstore/datatable-1","t":"Datatable #1","d":"Comprehensive user management table with search, filters, pagination, and action dropdowns","s":"catalogs","c":"data-display/table","sb":"Data tables","hc":1,"cp":1},{"id":"catalogs:shadcnstore/error-page-1","t":"Error Page #1","d":"A centred 404 page with an illustration, a home link and a contact action.","k":"page","s":"catalogs","c":"pages/templates","sb":"Error and status pages","hc":1,"cp":1},{"id":"catalogs:shadcnstore/error-page-2","t":"Error Page #2","d":"A split 404 page with the brand mark, an illustration and a single home action.","k":"page","s":"catalogs","c":"pages/templates","sb":"Error and status pages","hc":1,"cp":1},{"id":"catalogs:shadcnstore/faq-block-1","t":"FAQ Block #1","d":"A bordered single-column accordion with multiple items openable at once.","k":"section","s":"catalogs","c":"marketing/faq","hc":1,"cp":1},{"id":"catalogs:shadcnstore/feature-1","t":"Feature #1","d":"A four-up feature grid of icon cards under a badge heading, closing on a call to action.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:shadcnstore/feature-2","t":"Feature #2","d":"A two-column feature list paired with an image and no card chrome.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:shadcnstore/footer-section-1","t":"Footer Section #1","d":"A footer with an inline email capture beside three columns of links.","k":"section","s":"catalogs","c":"marketing/footer","tg":["webgl"],"sy":["webgl"],"hc":1,"cp":1},{"id":"catalogs:shadcnstore/footer-section-6","t":"Footer Section #6","d":"A minimal two-row footer with top navigation, a language menu and city links.","k":"section","s":"catalogs","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnstore/forgot-password-page-1","t":"Forgot Password Page 1","d":"A four-step reset covering email, one-time code, new password and confirmation.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Password reset","hc":1,"cp":1},{"id":"catalogs:shadcnstore/hero-section-1","t":"Hero Section #1","d":"A split hero with a badge, an avatar group and a trusted-by line under the call to action.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcnstore/hero-section-2","t":"Hero Section #2","d":"A split hero built around a fixed-ratio media card for a product image or video.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcnstore/listing-1","t":"Listing #1","d":"A three-up service listing with category badges and a get-started action.","k":"section","s":"catalogs","c":"marketing/features","tg":["webgl"],"sb":"Lists","sy":["webgl"],"hc":1,"cp":1},{"id":"catalogs:shadcnstore/listing-2","t":"Listing #2","d":"A category listing that scrolls horizontally through destination cards.","s":"catalogs","c":"data-display/card","hc":1,"cp":1},{"id":"catalogs:shadcnstore/login-page-1","t":"Login Page #1","d":"A card login with remember-me, a forgot-password link and three social buttons.","k":"layout","s":"catalogs","c":"flows/sign-in","tg":["webgl"],"sb":"Sign in","sy":["webgl"],"hc":1,"cp":1},{"id":"catalogs:shadcnstore/logo-cloud-1","t":"Logo Cloud #1","d":"Showcases ShadcnStore compatibility with popular technologies and development frameworks.","k":"section","s":"catalogs","c":"marketing/logos","hc":1,"cp":1},{"id":"catalogs:shadcnstore/motion-avatar-group","t":"Avatar group","d":"Overlapping avatar stack whose neighbours lift with a distance falloff on hover.","s":"catalogs","c":"data-display/avatar","hc":1,"cp":1},{"id":"catalogs:shadcnstore/motion-checkbox-check","t":"Animated checkbox","d":"Checkbox whose tick draws on with a stroke path instead of appearing instantly.","s":"catalogs","c":"inputs/checkbox","hc":1,"cp":1},{"id":"catalogs:shadcnstore/motion-confetti","t":"Confetti burst","d":"Canvas confetti fired once when something succeeds, with no animation library.","k":"motion","s":"catalogs","c":"motion/background","sb":"Particles and stars","hc":1,"cp":1},{"id":"catalogs:shadcnstore/motion-sliding-tabs","t":"Sliding tabs","d":"Segmented tabs whose pill indicator slides to follow the active tab.","s":"catalogs","c":"navigation/tabs","hc":1,"cp":1},{"id":"catalogs:shadcnstore/motion-spinning-number","t":"Spinning number","d":"A price or count whose digits spin on a reel when the value changes.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:shadcnstore/navbar-1","t":"Navbar #1","d":"A clean marketing navbar with a sheet menu on mobile.","s":"catalogs","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnstore/navbar-5","t":"Navbar #5","d":"A documentation-site header with a collapsing secondary row, breadcrumb promotion, ⌘K sear","s":"catalogs","c":"navigation/top-nav","hc":1,"cp":1},{"id":"catalogs:shadcnstore/order-history-1","t":"Order History #1","d":"An order table with item thumbnails, dates, quantity, price and an invoice download.","s":"catalogs","c":"data-display/timeline","hc":1,"cp":1},{"id":"catalogs:shadcnstore/pricing-section-1","t":"Pricing Section 1","d":"A three-tier pricing grid with a popular badge and a feature list per plan.","k":"section","s":"catalogs","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"],"hc":1,"cp":1},{"id":"catalogs:shadcnstore/product-card-1","t":"Product Listing Card 1","d":"A deals grid of product cards with an add-to-cart action on each.","s":"catalogs","c":"data-display/card","sb":"Product","hc":1,"cp":1},{"id":"catalogs:shadcnstore/product-card-2","t":"Product Listing Card 2","d":"A three-up product grid carrying image, name and price only.","s":"catalogs","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"],"hc":1,"cp":1},{"id":"catalogs:shadcnstore/product-category-1","t":"Product Category Card 1","d":"A four-up category grid of subjects with a view-all action.","s":"catalogs","c":"data-display/card","sb":"Product","hc":1,"cp":1},{"id":"catalogs:shadcnstore/product-category-2","t":"Product Category Card 2","d":"Image-based category cards with overlay text and trending badges.","s":"catalogs","c":"data-display/card","sb":"Product","hc":1,"cp":1},{"id":"catalogs:shadcnstore/product-overview-1","t":"Product Overview 1","d":"A product page with an image carousel, a size grid and colour swatches.","s":"catalogs","c":"media/carousel","hc":1,"cp":1},{"id":"catalogs:shadcnstore/review-rating-1","t":"Product Review & Ratings 1","d":"A paginated review list with reactions and a write-a-review form.","s":"catalogs","c":"inputs/rating","hc":1,"cp":1},{"id":"catalogs:shadcnstore/review-rating-2","t":"Product Review & Ratings 2","d":"A rating summary with a per-star distribution above a review carousel.","s":"catalogs","c":"inputs/rating","hc":1,"cp":1},{"id":"catalogs:shadcnstore/roadmap-1","t":"Roadmap #1","d":"A three-column Now, Next and Later board that publishes order rather than dates.","s":"catalogs","c":"data-display/kanban","tg":["webgl"],"sy":["webgl"],"hc":1,"cp":1},{"id":"catalogs:shadcnstore/shopping-cart-1","t":"Shopping Cart #1","d":"A more detailed cart summary with multiple items and discounts.","s":"catalogs","c":"data-display/list","hc":1,"cp":1},{"id":"catalogs:shadcnstore/signup-page-1","t":"Signup Page #1","d":"A card signup with social options and terms and privacy links under the button.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Sign up","hc":1,"cp":1},{"id":"catalogs:shadcnstore/statistic-1","t":"Statistic #1","d":"Modern statistics grid with progress indicators and performance metrics.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcnstore/statistic-2","t":"Statistic #2","d":"Side-by-side layout showcasing company metrics and growth statistics.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcnstore/storefront-hero-1","t":"Storefront Hero Section 1","d":"A storefront hero pairing a collection banner with buyable product cards.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcnstore/storefront-hero-2","t":"Storefront Hero Section 2","d":"A storefront hero with a search field and a trending product carousel.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcnstore/team-1","t":"Team Profile #1","d":"An agent grid whose cards carry listing counts, languages and a profile link.","k":"section","s":"catalogs","c":"marketing/team","hc":1,"cp":1},{"id":"catalogs:shadcnstore/team-2","t":"Team Profile #2","d":"A four-up agent grid with listed-property counts under each portrait.","k":"section","s":"catalogs","c":"marketing/team","hc":1,"cp":1},{"id":"catalogs:shadcnstore/testimonial-1","t":"Testimonial #1","d":"A quote carousel with an avatar, a role and a short headline per review.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1,"cp":1},{"id":"catalogs:shadcnstore/verify-1","t":"Verify #1","d":"Two-factor code entry with resend cooldown, backup codes and lockout.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Verification","hc":1,"cp":1},{"id":"catalogs:shadcnstore/waitlist-1","t":"Waitlist #1","d":"A single-screen waitlist page that returns a position in line.","k":"section","s":"catalogs","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1,"cp":1},{"id":"catalogs:shadcnstore/widget-1","t":"Widget #1","d":"Comprehensive analytics dashboard with product sales and volume metrics, featuring trend i","s":"catalogs","c":"data-display/card","hc":1,"cp":1},{"id":"catalogs:shadcnstore/widget-2","t":"Widget #2","d":"A market-trends widget with a channel list and a per-item actions menu.","s":"catalogs","c":"data-display/card","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-ai-prompt-welcome-page","t":"AI Prompt: Welcome Page","d":"Greets users and invites the first message in an AI assistant.","s":"catalogs","c":"ai-agent/composer","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-application-stats-simple-cards","t":"Application Stats: Simple Cards","d":"Use across a dashboard header to surface key totals at a glance.","s":"catalogs","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-application-stats-with-badges","t":"Application Stats: With Badges","d":"Use to flag growth or decline next to revenue and signup totals.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-application-stats-with-colored-icons","t":"Application Stats: With Colored Icons","d":"Use to make categories easy to scan on a busy analytics dashboard.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-application-stats-with-description","t":"Application Stats: With Description","d":"Use when a raw figure needs explanation, like a comparison to the prior month.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-application-stats-with-icons","t":"Application Stats: With Icons","d":"Use on overview screens where users skim totals by category very fast.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-application-stats-with-progress","t":"Application Stats: With Progress","d":"Use to show goal completion for revenue, storage, or active user counts.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-form-layouts-complex-form","t":"Form Layouts: Complex Form","d":"Use it for detailed settings, account creation, or admin record editing.","s":"catalogs","c":"inputs/form-field","sb":"Whole forms","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-form-layouts-stacked","t":"Form Layouts: Stacked","d":"Ideal for short flows like sign in, contact, or quick profile edits.","s":"catalogs","c":"inputs/form-field","sb":"Whole forms","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-form-layouts-two-column","t":"Form Layouts: Two Column","d":"Use it for longer profiles or billing details that fit a wider screen.","s":"catalogs","c":"inputs/form-field","sb":"Whole forms","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-login-split-with-image","t":"Login: Split With Image","d":"Use it to add brand personality to authentication on web apps and dashboards.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Split with image","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-page-headings-simple-centered","t":"Page Headings: Simple Centered","d":"Use it on focused app views like settings or a single record detail.","k":"motion","s":"catalogs","c":"motion/text-effect","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-page-headings-with-actions","t":"Page Headings: With Actions","d":"Use it atop list or detail views where users create or edit.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-page-headings-with-search-filters","t":"Page Headings: With Search Filters","d":"Use it on data heavy screens so users narrow long tables and lists fast.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-page-headings-with-stats","t":"Page Headings: With Stats","d":"Use it on dashboards to frame the view and surface numbers at a glance.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-page-headings-with-steps","t":"Page Headings: With Steps","d":"Use it across multi screen flows like onboarding, checkout, or a setup wizard.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-page-headings-with-tabs","t":"Page Headings: With Tabs","d":"Use it on profile or settings screens that split content across many views.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-reset-password-email-otp-reset","t":"Reset Password: Email OTP Reset","d":"Use for secure email recovery.","s":"catalogs","c":"inputs/otp-input","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-reset-password-security-question-reset","t":"Reset Password: Security Question Reset","d":"Use as a passwordless recovery path.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Password reset","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-reset-password-simple-reset","t":"Reset Password: Simple Reset","d":"Use on the final step after a user clicks a recovery link.","k":"layout","s":"catalogs","c":"flows/sign-in","tg":["minimal"],"sb":"Password reset","sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-reset-password-token-reset","t":"Reset Password: Token Reset","d":"Use to complete a tokened email reset flow.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Password reset","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-user-profiles-billing","t":"User Profiles: Billing","d":"Use it where members manage subscriptions and receipts.","s":"catalogs","c":"data-display/profile","hc":1},{"id":"catalogs:shadcnuiblocks/application-user-profiles-compact-list","t":"User Profiles: Compact List","d":"Fits admin tables and directories where space stays tight.","s":"catalogs","c":"data-display/list","sb":"Files and trees","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-user-profiles-developer","t":"User Profiles: Developer","d":"Use it on settings pages where engineers manage their integrations.","s":"catalogs","c":"data-display/profile","hc":1},{"id":"catalogs:shadcnuiblocks/application-user-profiles-onboarding","t":"User Profiles: Onboarding","d":"Use it right after signup to help new users finish their account quickly.","s":"catalogs","c":"navigation/wizard-steps","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-user-profiles-permissions","t":"User Profiles: Permissions","d":"Use it where admins grant access across an application.","s":"catalogs","c":"data-display/profile","hc":1},{"id":"catalogs:shadcnuiblocks/application-user-profiles-security-logs","t":"User Profiles: Security Logs","d":"Use it so members can spot odd activity and protect their account.","s":"catalogs","c":"data-display/profile","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-user-profiles-simple","t":"User Profiles: Simple","d":"Use it for a focused account summary on dashboards or member directory pages.","k":"layout","s":"catalogs","c":"layout/dashboard","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-user-profiles-tabbed","t":"User Profiles: Tabbed","d":"Use it to organize many settings without crowding a single long page.","s":"catalogs","c":"data-display/profile","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-user-profiles-team-grid","t":"User Profiles: Team Grid","d":"Use it on an about page or internal directory to introduce the whole team.","k":"section","s":"catalogs","c":"marketing/team","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/application-user-profiles-with-stats","t":"User Profiles: With Stats","d":"Use it on social or community pages to show a member at a glance.","s":"catalogs","c":"data-display/profile","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-accordions-border-fade-accordion","t":"Accordions: Border Fade Accordion","d":"Adds a quiet visual cue for active panels in FAQs and settings without loud styling.","s":"catalogs","c":"data-display/accordion","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-accordions-card-accordion","t":"Accordions: Card Accordion","d":"Good for FAQs or feature details that need clear visual separation.","s":"catalogs","c":"data-display/accordion","sb":"Cards","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-accordions-dash-line-accordion","t":"Accordions: Dash Line Accordion","d":"The light dashed rhythm keeps long FAQ lists readable while staying subtle and unobtrusive","s":"catalogs","c":"data-display/accordion","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-accordions-dotted-border-accordion","t":"Accordions: Dotted Border Accordion","d":"The playful dotted outline suits informal FAQs, help docs, and friendly onboarding tips.","s":"catalogs","c":"data-display/accordion","tg":["playful"],"sy":["playful"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-accordions-double-border-accordion","t":"Accordions: Double Border Accordion","d":"The layered borders add clear structure for FAQs and specs where rows need firm definition","s":"catalogs","c":"data-display/accordion","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-accordions-fade-in-content-accordion","t":"Accordions: Fade In Content Accordion","d":"The soft entrance keeps reader focus on the revealed content in FAQs and guides.","s":"catalogs","c":"data-display/accordion","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-accordions-floating-label-accordion","t":"Accordions: Floating Label Accordion","d":"The floating title keeps context visible while reading through long FAQ answers.","s":"catalogs","c":"data-display/accordion","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-accordions-glow-border-accordion","t":"Accordions: Glow Border Accordion","d":"The lit edge draws the eye to the active panel, fitting dark themes and modern product FAQ","s":"catalogs","c":"data-display/accordion","tg":["neon"],"sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-accordions-highlight-active-accordion","t":"Accordions: Highlight Active Accordion","d":"The highlighted row keeps your place in long FAQ lists and dense product documentation.","s":"catalogs","c":"data-display/accordion","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-accordions-minimal-line-accordion","t":"Accordions: Minimal Line Accordion","d":"The stripped back style fits clean FAQs, sidebars, and content heavy marketing pages.","s":"catalogs","c":"data-display/accordion","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-accordions-nested-border-accordion","t":"Accordions: Nested Border Accordion","d":"Use it for layered FAQs, docs, and settings where topics branch into subtopics.","s":"catalogs","c":"data-display/accordion","sb":"Nested","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-accordions-numbered-accordion","t":"Accordions: Numbered Accordion","d":"The counted order suits step guides, ranked FAQs, and any sequence readers follow in turn.","s":"catalogs","c":"data-display/accordion","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-accordions-shadow-reveal-accordion","t":"Accordions: Shadow Reveal Accordion","d":"The raised panel clearly signals the active answer in FAQs and feature breakdowns.","s":"catalogs","c":"data-display/accordion","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-accordions-stepped-accordion","t":"Accordions: Stepped Accordion","d":"Ideal for setup flows, tutorials, and any process that readers complete in order.","s":"catalogs","c":"data-display/accordion","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-accordions-thick-side-border-accordion","t":"Accordions: Thick Side Border Accordion","d":"The thick accent marks active rows in FAQs and grabs reader attention quickly.","s":"catalogs","c":"data-display/accordion","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-accordions-underline-accordion","t":"Accordions: Underline Accordion","d":"The clean text first look fits editorial FAQs and quiet, tidy help sections.","s":"catalogs","c":"data-display/accordion","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-alerts-accent-border-alerts","t":"Alerts: Accent Border Alerts","d":"Use for status messages where the color cue matters more than the icon.","s":"catalogs","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-alerts-all-sides-accent-alerts","t":"Alerts: All Sides Accent Alerts","d":"Use when a notice must stand out clearly against a busy page or dashboard.","s":"catalogs","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-alerts-basic-alerts","t":"Alerts: Basic Alerts","d":"Use for everyday notices like saved changes, confirmations, and short tips.","s":"catalogs","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-alerts-bottom-accent-alerts","t":"Alerts: Bottom Accent Alerts","d":"Use for inline messages in forms or cards that need only light emphasis.","s":"catalogs","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-alerts-compact-alerts","t":"Alerts: Compact Alerts","d":"Use in dense layouts, tables, or sidebars where vertical space stays limited.","s":"catalogs","c":"navigation/sidebar","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-alerts-dashed-border-alerts","t":"Alerts: Dashed Border Alerts","d":"Use for draft notices, placeholders, or optional tips in a quiet tone.","s":"catalogs","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-alerts-dismissible-alerts","t":"Alerts: Dismissible Alerts","d":"Use for cookie banners, promotions, and warnings that should not stay forever.","s":"catalogs","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-alerts-dotted-border-alerts","t":"Alerts: Dotted Border Alerts","d":"Use for casual reminders, tips, or low priority notes in friendly interfaces.","s":"catalogs","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-alerts-double-border-alerts","t":"Alerts: Double Border Alerts","d":"Use to highlight important notices that deserve extra visual weight on a page.","s":"catalogs","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-alerts-elevated-alerts","t":"Alerts: Elevated Alerts","d":"Use for floating notifications or messages that should feel above the content.","s":"catalogs","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-alerts-frosted-glass-alerts","t":"Alerts: Frosted Glass Alerts","d":"Use over images or hero sections where a glassy notice fits the design.","s":"catalogs","c":"overlays/alert-banner","tg":["glass"],"sy":["glass"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-alerts-glow-border-alerts","t":"Alerts: Glow Border Alerts","d":"Use for promotions or new feature notices that need a warm, inviting accent.","k":"motion","s":"catalogs","c":"motion/background","tg":["neon"],"sb":"Gradients and aurora","sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-alerts-icon-only-alerts","t":"Alerts: Icon Only Alerts","d":"Use for quick inline feedback where space is tight and tone is clear.","k":"resource","s":"catalogs","c":"assets/icon","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-alerts-inset-alerts","t":"Alerts: Inset Alerts","d":"Use for grouped notices inside cards or panels that feel part of the layout.","s":"catalogs","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-alerts-monospace-alerts","t":"Alerts: Monospace Alerts","d":"Use for build output, terminal messages, or warnings aimed at developers.","s":"catalogs","c":"overlays/alert-banner","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-alerts-outlined-alerts","t":"Alerts: Outlined Alerts","d":"Use on colored or busy backgrounds where a solid panel would feel heavy.","s":"catalogs","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-alerts-paper-alerts","t":"Alerts: Paper Alerts","d":"Use for printed style notices, receipts, or warm document driven layouts.","s":"catalogs","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-alerts-pulse-border-alerts","t":"Alerts: Pulse Border Alerts","d":"Use for live updates, countdowns, or urgent notices that should not be missed.","s":"catalogs","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-alerts-right-accent-alerts","t":"Alerts: Right Accent Alerts","d":"Use in right aligned layouts or when the left side already holds an icon.","s":"catalogs","c":"overlays/alert-banner"},{"id":"catalogs:shadcnuiblocks/components-alerts-top-accent-alerts","t":"Alerts: Top Accent Alerts","d":"Use for grouped notices where the accent reads like a small banner.","s":"catalogs","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-badges-3d-badge","t":"Badges: 3D Badge","d":"Use it to spotlight a featured tag or premium label that needs to stand out.","s":"catalogs","c":"data-display/badge","tg":["3d"],"sy":["3d"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-badges-bounce-badge","t":"Badges: Bounce Badge","d":"Use it to flag new arrivals or fresh updates that should grab attention.","s":"catalogs","c":"data-display/badge"},{"id":"catalogs:shadcnuiblocks/components-badges-dot-indicator-badge","t":"Badges: Dot Indicator Badge","d":"Use it to show online, busy, or away states next to a name or avatar.","s":"catalogs","c":"data-display/badge","sb":"Status","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-badges-elevated-badge","t":"Badges: Elevated Badge","d":"Use it to mark a priority label or count that should read as floating above content.","s":"catalogs","c":"data-display/badge","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-badges-extra-large-badge","t":"Badges: Extra Large Badge","d":"Use it on hero areas or banners where a tag must read from a distance.","s":"catalogs","c":"data-display/badge","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-badges-gradient-border-badge","t":"Badges: Gradient Border Badge","d":"Use it to mark beta, pro, or featured labels that need a vivid accent edge.","s":"catalogs","c":"data-display/badge","tg":["gradient"],"sb":"Animated","sy":["gradient"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-badges-hover-scale-badge","t":"Badges: Hover Scale Badge","d":"Use it for interactive tags or filters where a touch of feedback invites a quick click.","s":"catalogs","c":"data-display/badge","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-badges-icon-badge","t":"Badges: Icon Badge","d":"Use it to tag categories, statuses, or actions where text alone reads slowly.","s":"catalogs","c":"data-display/badge","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-badges-large-badge","t":"Badges: Large Badge","d":"Use it to highlight a plan tier, count, or status across busy interfaces.","s":"catalogs","c":"data-display/badge","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-badges-pulse-badge","t":"Badges: Pulse Badge","d":"Use it to signal live activity, unread items, or a recording session in progress.","s":"catalogs","c":"data-display/badge","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-badges-ribbon-badge","t":"Badges: Ribbon Badge","d":"Use it to flag sale, new, or sold out states across product and gallery tiles.","s":"catalogs","c":"data-display/badge","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-badges-square-badge","t":"Badges: Square Badge","d":"Use it for crisp version tags, counts, or labels that suit a structured grid layout.","s":"catalogs","c":"data-display/badge","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-breadcrumbs-background-breadcrumb","t":"Breadcrumbs: Background Breadcrumb","d":"Anchors the top of a page and keeps navigation links readable above busy content.","s":"catalogs","c":"navigation/breadcrumb"},{"id":"catalogs:shadcnuiblocks/components-breadcrumbs-bordered-breadcrumb","t":"Breadcrumbs: Bordered Breadcrumb","d":"Frames the navigation path cleanly on a dashboard header or any content section toolbar.","s":"catalogs","c":"navigation/breadcrumb","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-breadcrumbs-card-breadcrumb","t":"Breadcrumbs: Card Breadcrumb","d":"Lifts the navigation path off the page for detail views and account settings screens.","s":"catalogs","c":"navigation/breadcrumb","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-breadcrumbs-compact-breadcrumb","t":"Breadcrumbs: Compact Breadcrumb","d":"Fits crowded toolbars and mobile headers where horizontal room is in short supply.","s":"catalogs","c":"navigation/breadcrumb"},{"id":"catalogs:shadcnuiblocks/components-breadcrumbs-dot-breadcrumb","t":"Breadcrumbs: Dot Breadcrumb","d":"Offers a quiet, minimal path indicator for clean app layouts and page headers.","s":"catalogs","c":"navigation/breadcrumb","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-breadcrumbs-icon-breadcrumb","t":"Breadcrumbs: Icon Breadcrumb","d":"Helps users scan the path at a glance across sections like home, docs, billing, and settin","s":"catalogs","c":"navigation/breadcrumb","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-breadcrumbs-numbered-breadcrumb","t":"Breadcrumbs: Numbered Breadcrumb","d":"Clarifies order for sequential flows such as checkout, onboarding, or a multi step setup w","s":"catalogs","c":"navigation/breadcrumb","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-breadcrumbs-pill-breadcrumb","t":"Breadcrumbs: Pill Breadcrumb","d":"Adds a friendly, tappable feel to navigation on dashboards and profile pages.","s":"catalogs","c":"navigation/breadcrumb","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-breadcrumbs-progress-breadcrumb","t":"Breadcrumbs: Progress Breadcrumb","d":"Shows completion across multi step forms, checkout, and guided account onboarding.","s":"catalogs","c":"navigation/breadcrumb","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-breadcrumbs-slash-breadcrumb","t":"Breadcrumbs: Slash Breadcrumb","d":"Mirrors a file path style for code tools, documentation, and folder browsing screens.","s":"catalogs","c":"navigation/breadcrumb","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-breadcrumbs-sticky-breadcrumb","t":"Breadcrumbs: Sticky Breadcrumb","d":"Keeps the current location visible on long articles and deep settings pages.","s":"catalogs","c":"navigation/breadcrumb","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-breadcrumbs-timeline-breadcrumb","t":"Breadcrumbs: Timeline Breadcrumb","d":"Maps a journey through stages, ideal for order tracking and live project status views.","s":"catalogs","c":"navigation/breadcrumb","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-buttons-border-animation-buttons","t":"Buttons: Border Animation Buttons","d":"Draw attention to a primary action without changing the button fill at rest.","s":"catalogs","c":"actions/button","sb":"Animated","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-buttons-cut-corners-buttons","t":"Buttons: Cut Corners Buttons","d":"Fits gaming, tech, or editorial interfaces that want an edgy call to action.","s":"catalogs","c":"actions/button","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-buttons-extra-large-buttons","t":"Buttons: Extra Large Buttons","d":"Use them as the main hero call to action where one tap should be impossible to miss.","s":"catalogs","c":"actions/button","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-buttons-extra-small-buttons","t":"Buttons: Extra Small Buttons","d":"Ideal for dense toolbars, table rows, and inline controls where space is limited.","s":"catalogs","c":"actions/button","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-buttons-grow-buttons","t":"Buttons: Grow Buttons","d":"Add a touch of motion feedback to cards, pricing tiers, and primary form actions.","s":"catalogs","c":"actions/button","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-buttons-interactive-buttons","t":"Buttons: Interactive Buttons","d":"Make signups, downloads, and key actions feel alive and worth clicking.","s":"catalogs","c":"actions/button","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-buttons-liquid-buttons","t":"Buttons: Liquid Buttons","d":"A playful accent for landing pages and creative product sites today.","s":"catalogs","c":"actions/button","tg":["playful"],"sb":"Animated","sy":["playful"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-buttons-morphing-buttons","t":"Buttons: Morphing Buttons","d":"Use for loading, success, and submit flows that confirm progress to the user.","s":"catalogs","c":"actions/button","sb":"Animated","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-buttons-pixel-buttons","t":"Buttons: Pixel Buttons","d":"Perfect for games, indie projects, and brands that lean on a nostalgic visual theme.","s":"catalogs","c":"actions/button","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-buttons-pulse-buttons","t":"Buttons: Pulse Buttons","d":"Highlight a single primary action like start trial or buy now on a busy page.","s":"catalogs","c":"actions/button","sb":"Animated","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-buttons-rotate-buttons","t":"Buttons: Rotate Buttons","d":"Add subtle motion to refresh, settings, and other action icons across your app today.","s":"catalogs","c":"actions/button","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-buttons-shadow-buttons","t":"Buttons: Shadow Buttons","d":"Give actions a tactile, raised feel across cards, forms, and toolbars in any layout.","s":"catalogs","c":"actions/button","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-buttons-skew-buttons","t":"Buttons: Skew Buttons","d":"Suits sports, fitness, and bold marketing pages that want forward momentum.","s":"catalogs","c":"actions/button","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-buttons-slide-buttons","t":"Buttons: Slide Buttons","d":"Reveal a second state to guide users toward the next step in a clear and simple flow.","s":"catalogs","c":"actions/button","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-buttons-social-buttons","t":"Buttons: Social Buttons","d":"Drop them into sign in and sign up screens for fast one click authentication.","s":"catalogs","c":"actions/button","sb":"Social and sign-in"},{"id":"catalogs:shadcnuiblocks/components-buttons-squeeze-buttons","t":"Buttons: Squeeze Buttons","d":"Use on mobile flows and forms where every tap should feel confirmed fast.","s":"catalogs","c":"actions/button","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-buttons-underline-buttons","t":"Buttons: Underline Buttons","d":"A clean, minimal accent for text links and quiet secondary actions in any UI.","s":"catalogs","c":"actions/button","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-cards-border-accent-card","t":"Cards: Border Accent Card","d":"Use it to group related text and labels while signaling category or status.","s":"catalogs","c":"data-display/card","sb":"Animated and glowing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-cards-border-animation-card","t":"Cards: Border Animation Card","d":"Use it to spotlight a featured plan, offer, or item that needs attention on the page.","s":"catalogs","c":"data-display/card","sb":"Animated and glowing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-cards-border-gradient-animation-card","t":"Cards: Border Gradient Animation Card","d":"Use it to highlight a premium tier or hero item in a grid of options.","s":"catalogs","c":"data-display/card","tg":["gradient"],"sb":"Animated and glowing","sy":["gradient"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-cards-border-highlight-card","t":"Cards: Border Highlight Card","d":"Use it to mark the recommended choice in a pricing grid or a selected option in a form.","s":"catalogs","c":"data-display/card","sb":"Animated and glowing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-cards-corner-ribbon-card","t":"Cards: Corner Ribbon Card","d":"Use it to flag New, Sale, or Featured items in a product or listing grid.","k":"section","s":"catalogs","c":"marketing/announcement","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-cards-cutout-border-card","t":"Cards: Cutout Border Card","d":"Use it for tickets, coupons, or passes where a distinct outline reads as a stub.","s":"catalogs","c":"data-display/card","sb":"Animated and glowing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-cards-dashed-border-card","t":"Cards: Dashed Border Card","d":"Use it for empty states, upload zones, or placeholders that invite the user to add content","s":"catalogs","c":"data-display/card","sb":"Animated and glowing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-cards-double-border-card","t":"Cards: Double Border Card","d":"Use it for certificates, awards, or quotes that deserve emphasis on the page.","s":"catalogs","c":"data-display/card","sb":"Animated and glowing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-cards-expandable-card","t":"Cards: Expandable Card","d":"Use it for FAQs, settings, or summaries that hide detail until the reader wants it.","s":"catalogs","c":"data-display/accordion","sb":"Cards","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-cards-gradient-border-card","t":"Cards: Gradient Border Card","d":"Use it to set apart a key offer or profile in an otherwise plain grid.","s":"catalogs","c":"data-display/card","tg":["gradient"],"sb":"Animated and glowing","sy":["gradient"]},{"id":"catalogs:shadcnuiblocks/components-cards-hover-effect-card","t":"Cards: Hover Effect Card","d":"Use it for clickable tiles in a gallery, menu, or dashboard to signal they react.","s":"catalogs","c":"data-display/card","sb":"Animated and glowing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-cards-hover-reveal-card","t":"Cards: Hover Reveal Card","d":"Use it for portfolio tiles or features where the cover stays clean until needed.","s":"catalogs","c":"data-display/card","tg":["minimal"],"sb":"Animated and glowing","sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-cards-icon-card","t":"Cards: Icon Card","d":"Use it for feature grids, service lists, or steps where a glyph anchors each point made.","s":"catalogs","c":"data-display/card","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-cards-magnetic-card","t":"Cards: Magnetic Card","d":"Use it for playful landing pages or feature tiles that reward a hovering pointer.","s":"catalogs","c":"data-display/card","tg":["playful"],"sy":["playful"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-cards-neon-border-card","t":"Cards: Neon Border Card","d":"Use it for gaming, music, or tech pages where a bright frame fits the mood.","s":"catalogs","c":"data-display/card","tg":["neon"],"sb":"Animated and glowing","sy":["neon"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-cards-perspective-hover-card","t":"Cards: Perspective Hover Card","d":"Use it for hero items or showcases where motion makes a tile feel tactile.","s":"catalogs","c":"overlays/hover-card","tg":["3d"],"sy":["3d"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-cards-progress-card","t":"Cards: Progress Card","d":"Use it to show task completion, goals, or usage limits inside a dashboard or account view.","s":"catalogs","c":"data-viz/progress-bar"},{"id":"catalogs:shadcnuiblocks/components-cards-pulse-border-card","t":"Cards: Pulse Border Card","d":"Use it for live alerts, fresh items, or a call to action that should feel active now.","s":"catalogs","c":"data-display/card","sb":"Animated and glowing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-cards-shimmer-effect-card","t":"Cards: Shimmer Effect Card","d":"Use it as a loading skeleton or to add gentle motion to a featured tile in a busy grid.","s":"catalogs","c":"data-display/card","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-cards-stacked-card","t":"Cards: Stacked Card","d":"Use it for collections, albums, or grouped items where many sit under one cover here.","s":"catalogs","c":"data-display/card","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-cards-status-card","t":"Cards: Status Card","d":"Use it on dashboards to surface health, order, or system status at a quick glance.","s":"catalogs","c":"data-display/card","sb":"Metric","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-cards-tilt-effect-card","t":"Cards: Tilt Effect Card","d":"Use it for interactive feature tiles or showcases where slight motion adds polish.","s":"catalogs","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-collapsible-card-collapsible","t":"Collapsible: Card Collapsible","d":"Use it on dashboards to tuck away long notes inside a tidy tile.","s":"catalogs","c":"data-display/accordion","sb":"Cards","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-collapsible-grouped-collapsible","t":"Collapsible: Grouped Collapsible","d":"Good for settings pages where related options sit in separate groups.","s":"catalogs","c":"data-display/accordion","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-collapsible-icon-collapsible","t":"Collapsible: Icon Collapsible","d":"Use it in menus where a clear visual cue tells readers it expands.","s":"catalogs","c":"data-display/accordion","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-collapsible-shadowed-collapsible","t":"Collapsible: Shadowed Collapsible","d":"Use it to highlight an expandable block of content inside a busy layout or feed.","s":"catalogs","c":"data-display/accordion","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-collapsible-side-bordered-collapsible","t":"Collapsible: Side Bordered Collapsible","d":"Use it for alerts or notes whose details readers can show or hide on demand.","s":"catalogs","c":"data-display/accordion","sb":"Cards","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-collapsible-stepped-collapsible","t":"Collapsible: Stepped Collapsible","d":"Use it for onboarding or setup guides where readers work through tasks in order.","s":"catalogs","c":"data-display/accordion","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-pagination-bordered-pagination","t":"Pagination: Bordered Pagination","d":"The clear borders separate pages cleanly across data tables and search results.","s":"catalogs","c":"navigation/pagination","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-pagination-card-pagination","t":"Pagination: Card Pagination","d":"Groups navigation neatly below a list or grid of cards.","s":"catalogs","c":"navigation/pagination","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-pagination-compact-pagination","t":"Pagination: Compact Pagination","d":"Good for sidebars, panels, and dense admin tables with limited space.","s":"catalogs","c":"navigation/pagination","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-pagination-dot-indicator-pagination","t":"Pagination: Dot Indicator Pagination","d":"Ideal for image carousels, onboarding steps, and short sequences where numbers feel heavy.","s":"catalogs","c":"navigation/pagination","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-pagination-floating-pagination","t":"Pagination: Floating Pagination","d":"Stays visible while readers scroll through long articles, feeds, or paginated galleries.","s":"catalogs","c":"navigation/pagination","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-pagination-icon-only-pagination","t":"Pagination: Icon Only Pagination","d":"Keeps mobile toolbars and image viewers clean when only direction matters.","s":"catalogs","c":"navigation/pagination","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-pagination-mini-pagination","t":"Pagination: Mini Pagination","d":"Fits inline next to filters, counts, or table footers.","s":"catalogs","c":"navigation/pagination","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-pagination-responsive-pagination","t":"Pagination: Responsive Pagination","d":"Keeps navigation usable across phones, tablets, and wide screens.","s":"catalogs","c":"navigation/pagination","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-pagination-rounded-pagination","t":"Pagination: Rounded Pagination","d":"The soft circular shape suits friendly product pages, blogs, and modern marketing layouts.","s":"catalogs","c":"navigation/pagination","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-pagination-shadow-pagination","t":"Pagination: Shadow Pagination","d":"The lifted look helps the controls stand out over busy backgrounds and image grids.","s":"catalogs","c":"navigation/pagination"},{"id":"catalogs:shadcnuiblocks/components-pagination-split-pagination","t":"Pagination: Split Pagination","d":"Spreads controls across wide footers and full width content areas.","s":"catalogs","c":"navigation/pagination","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-tabs-card-tabs","t":"Tabs: Card Tabs","d":"Great for settings pages or dashboards that group related content into sections.","s":"catalogs","c":"navigation/tabs","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-tabs-gradient-tabs","t":"Tabs: Gradient Tabs","d":"Use them on landing pages or feature views where the switcher should draw the eye.","s":"catalogs","c":"navigation/tabs","tg":["gradient"],"sy":["gradient"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-tabs-icon-tabs","t":"Tabs: Icon Tabs","d":"Good for navigation menus and toolbars where space is tight and clarity matters.","s":"catalogs","c":"navigation/tabs","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-tabs-minimal-tabs","t":"Tabs: Minimal Tabs","d":"Fits content heavy pages where the switcher should stay quiet and unobtrusive.","s":"catalogs","c":"navigation/tabs","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-tabs-outline-tabs","t":"Tabs: Outline Tabs","d":"Suits forms or profile screens that need clear structure between grouped fields.","s":"catalogs","c":"navigation/tabs","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-tabs-pill-tabs","t":"Tabs: Pill Tabs","d":"Ideal for filter bars and segmented controls that toggle between a few short views.","s":"catalogs","c":"navigation/tabs"},{"id":"catalogs:shadcnuiblocks/components-tabs-shadow-tabs","t":"Tabs: Shadow Tabs","d":"Works well on cards and panels that need a tactile, layered feel to the switch.","s":"catalogs","c":"navigation/tabs","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/components-tabs-vertical-tabs","t":"Tabs: Vertical Tabs","d":"Built for settings, account, and documentation pages with many sections to navigate.","s":"catalogs","c":"navigation/tabs","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-category-filters-filter-demo","t":"Category Filters: Filter Demo","d":"Refines large catalogs on a shop listing page.","s":"catalogs","c":"data-display/list","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-category-filters-filter-drawer","t":"Category Filters: Filter Drawer","d":"Keeps the product grid full width until shoppers tap to refine on mobile.","s":"catalogs","c":"overlays/sheet","hc":1},{"id":"catalogs:shadcnuiblocks/ecommerce-category-filters-horizontal-filters","t":"Category Filters: Horizontal Filters","d":"Lets shoppers narrow by category, price, and brand without giving up vertical space.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:shadcnuiblocks/ecommerce-category-preview-carousel-preview","t":"Category Preview: Carousel Preview","d":"A category preview that slides products through a horizontal carousel, letting shoppers sw","s":"catalogs","c":"media/carousel","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-category-preview-expandable-preview","t":"Category Preview: Expandable Preview","d":"A category preview where each tile expands to reveal more products on click, keeping the s","s":"catalogs","c":"data-display/accordion"},{"id":"catalogs:shadcnuiblocks/ecommerce-category-preview-grid-preview","t":"Category Preview: Grid Preview","d":"A category preview arranging collections in an even grid of image tiles, giving a clean ov","s":"catalogs","c":"media/gallery","tg":["minimal"],"sb":"Grids","sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-category-preview-magazine-preview","t":"Category Preview: Magazine Preview","d":"A category preview styled like a magazine spread, mixing large feature tiles with smaller ","k":"section","s":"catalogs","c":"marketing/features","sb":"Showcase and split","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-category-preview-scrolling-preview","t":"Category Preview: Scrolling Preview","d":"A category preview that scrolls product cards in a continuous strip, ideal for showing man","s":"catalogs","c":"data-display/list","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-category-preview-split-preview","t":"Category Preview: Split Preview","d":"A category preview split between a featured image and a product list, pairing a strong vis","s":"catalogs","c":"data-display/list","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-category-preview-three-column-preview","t":"Category Preview: Three Column Preview","d":"A category preview laid out in three balanced columns of image tiles, sorting collections ","k":"motion","s":"catalogs","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-bundle-upsells-builder","t":"Ecommerce Bundle Upsells: Builder","d":"Use it on product pages to grow order value before checkout.","k":"section","s":"catalogs","c":"marketing/pricing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-bundle-upsells-comparison","t":"Ecommerce Bundle Upsells: Comparison","d":"Use it to nudge shoppers toward the better value package.","k":"section","s":"catalogs","c":"marketing/comparison","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-bundle-upsells-minimalist-grid","t":"Ecommerce Bundle Upsells: Minimalist Grid","d":"Use it to present a curated set of items shoppers add together in one tap.","s":"catalogs","c":"data-display/list","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-bundle-upsells-side-by-side","t":"Ecommerce Bundle Upsells: Side By Side","d":"Use it to pair complementary items and lift the average order total.","s":"catalogs","c":"data-display/list"},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-bundle-upsells-stack","t":"Ecommerce Bundle Upsells: Stack","d":"Use it on mobile product pages to offer matching extras as shoppers scroll.","k":"layout","s":"catalogs","c":"layout/scroll-area","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-cross-sells-feature-icons","t":"Ecommerce Cross Sells: Feature Icons","d":"Highlights why shoppers should add a related pick to the cart.","k":"resource","s":"catalogs","c":"assets/icon","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-cross-sells-simple-grid","t":"Ecommerce Cross Sells: Simple Grid","d":"Drops below the cart or product page to suggest items shoppers may want.","s":"catalogs","c":"data-display/list","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-cross-sells-stacked-list","t":"Ecommerce Cross Sells: Stacked List","d":"Fits a narrow sidebar or cart drawer to keep cross sells visible.","s":"catalogs","c":"data-display/list"},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-cross-sells-with-badges","t":"Ecommerce Cross Sells: With Badges","d":"Adds urgency to nudge shoppers toward another buy.","s":"catalogs","c":"data-display/badge","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-cross-sells-with-ratings","t":"Ecommerce Cross Sells: With Ratings","d":"Uses social proof to push complementary items into the cart.","s":"catalogs","c":"data-display/list","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-customer-reviews-base","t":"Ecommerce Customer Reviews: Base","d":"Drop it onto a product page to show real shopper feedback fast.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-customer-reviews-compact-review-list","t":"Ecommerce Customer Reviews: Compact Review List","d":"Fits narrow sidebars or product pages where space for feedback is limited.","s":"catalogs","c":"data-display/list","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-customer-reviews-review-cards-grid","t":"Ecommerce Customer Reviews: Review Cards Grid","d":"Use it to display many customer opinions at once on a product detail page.","s":"catalogs","c":"data-display/card","sb":"Product","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-customer-reviews-review-comparison","t":"Ecommerce Customer Reviews: Review Comparison","d":"Helps buyers decide quickly on a product detail page.","k":"section","s":"catalogs","c":"marketing/comparison","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-customer-reviews-review-stats-overview","t":"Ecommerce Customer Reviews: Review Stats Overview","d":"Gives shoppers a quick read on overall product quality up front.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-customer-reviews-social-proof-reviews","t":"Ecommerce Customer Reviews: Social Proof Reviews","d":"Builds confidence near the buy button to encourage shoppers to checkout.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-footers-muti-column","t":"Ecommerce Footers: Multi Column","d":"Organizes a large storefront so customers find any page fast.","k":"section","s":"catalogs","c":"marketing/logos","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-footers-simple-links","t":"Ecommerce Footers: Simple Links","d":"Keeps the bottom of a small store clean, tidy, and quick to scan for shoppers.","k":"section","s":"catalogs","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-footers-with-newsletter","t":"Ecommerce Footers: With Newsletter","d":"Captures subscribers for promotions and offers while customers browse your store.","k":"section","s":"catalogs","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-footers-with-payments","t":"Ecommerce Footers: With Payments","d":"Reassures shoppers about secure checkout right before they buy.","k":"section","s":"catalogs","c":"marketing/pricing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-footers-with-socials","t":"Ecommerce Footers: With Socials","d":"Connects shoppers to your brand on Instagram, X, and other channels they already follow.","s":"catalogs","c":"data-display/badge","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-shipping-returns-accordion","t":"Ecommerce Shipping Returns: Accordion","d":"Keeps long policy text tidy on a product page until shoppers tap to read.","s":"catalogs","c":"data-display/accordion","hc":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-shipping-returns-checklist","t":"Ecommerce Shipping Returns: Checklist","d":"Helps buyers confirm eligibility before they start a refund request.","s":"catalogs","c":"inputs/checkbox","tg":["playful"],"sy":["playful"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-shipping-returns-full-text","t":"Ecommerce Shipping Returns: Full Text","d":"Use on a dedicated policy page where shoppers expect complete detail.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-shipping-returns-split-columns","t":"Ecommerce Shipping Returns: Split Columns","d":"Lets customers compare delivery and refund terms in one quick glance.","k":"section","s":"catalogs","c":"marketing/logos","tg":["playful"],"sy":["playful"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-shipping-returns-with-icons","t":"Ecommerce Shipping Returns: With Icons","d":"Makes delivery speed, free returns, and refund windows scannable at a glance.","k":"resource","s":"catalogs","c":"assets/icon","tg":["playful"],"sy":["playful"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-trust-guarantee-badge-row","t":"Ecommerce Trust Guarantee: Badge Row","d":"Place under an add to cart button to calm buyer worry.","s":"catalogs","c":"data-display/badge","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-trust-guarantee-checklist","t":"Ecommerce Trust Guarantee: Checklist","d":"Use it on a product page to spell out exactly what every order includes.","s":"catalogs","c":"inputs/checkbox","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-trust-guarantee-highlighted-quote","t":"Ecommerce Trust Guarantee: Highlighted Quote","d":"Drop it near pricing to back your claims with real social proof.","k":"section","s":"catalogs","c":"marketing/pricing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-trust-guarantee-icon-list","t":"Ecommerce Trust Guarantee: Icon List","d":"Fits neatly in a sidebar or below the buy section.","k":"resource","s":"catalogs","c":"assets/icon","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-ecommerce-trust-guarantee-three-pillars","t":"Ecommerce Trust Guarantee: Three Pillars","d":"Builds buyer confidence across the full storefront.","k":"motion","s":"catalogs","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"catalogs:shadcnuiblocks/ecommerce-product-features-3d-feature-carousel","t":"Product Features: 3D Feature Carousel","d":"Great for highlighting a few standout capabilities on a landing page.","s":"catalogs","c":"media/carousel","tg":["3d"],"sy":["3d"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-features-alternating-features","t":"Product Features: Alternating Features","d":"Walks shoppers through key product benefits one clear section at a time.","k":"section","s":"catalogs","c":"marketing/features","sb":"Showcase and split","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-features-animated-features-grid","t":"Product Features: Animated Features Grid","d":"Adds life to a benefits section without burying the message.","k":"section","s":"catalogs","c":"marketing/features","sb":"Grid of cards","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-features-before-after-comparison","t":"Product Features: Before After Comparison","d":"Ideal for skincare, editing tools, or cleaning results.","k":"section","s":"catalogs","c":"marketing/comparison","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-features-carousel-feature-showcase","t":"Product Features: Carousel Feature Showcase","d":"Fits compact pages where space for many cards is tight.","k":"section","s":"catalogs","c":"marketing/features","sb":"Showcase and split","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-features-expandable-features-grid","t":"Product Features: Expandable Features Grid","d":"Keeps the overview tidy while letting curious shoppers dig into the specifics.","k":"section","s":"catalogs","c":"marketing/features","sb":"Grid of cards","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-features-feature-accordion","t":"Product Features: Feature Accordion","d":"A clean way to present detailed product benefits without a wall of text.","s":"catalogs","c":"data-display/accordion","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-features-feature-comparison-table","t":"Product Features: Feature Comparison Table","d":"Helps shoppers weigh every option and pick the right product fast.","k":"section","s":"catalogs","c":"marketing/features","sb":"Comparison","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-features-feature-tabs-navigation","t":"Product Features: Feature Tabs Navigation","d":"Organizes a deep feature set into bite sized views on one tidy single panel.","s":"catalogs","c":"navigation/tabs","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-features-feature-timeline","t":"Product Features: Feature Timeline","d":"Useful for showing a setup flow or how capabilities build on each other.","s":"catalogs","c":"data-display/timeline","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-features-features-testimonial-combo","t":"Product Features: Features Testimonial Combo","d":"Backs each benefit claim with real proof to win hesitant buyers over.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-features-horizontal-scrolling-features","t":"Product Features: Horizontal Scrolling Features","d":"Shows many product capabilities in a compact, playful strip that invites swiping.","k":"section","s":"catalogs","c":"marketing/features","tg":["playful"],"sb":"Scroll","sy":["playful"]},{"id":"catalogs:shadcnuiblocks/ecommerce-product-features-image-hotspot-features","t":"Product Features: Image Hotspot Features","d":"Perfect for showing exactly where a capability lives on the item.","k":"section","s":"catalogs","c":"marketing/features","sb":"Showcase and split","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-features-interactive-feature-tabs","t":"Product Features: Interactive Feature Tabs","d":"Lets shoppers explore what each capability looks like before they buy.","s":"catalogs","c":"navigation/tabs","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-features-simple-feature-grid","t":"Product Features: Simple Feature Grid","d":"The reliable choice for listing core product benefits at a quick glance.","k":"section","s":"catalogs","c":"marketing/features","tg":["minimal"],"sb":"Grid of cards","sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-features-split-image-features","t":"Product Features: Split Image Features","d":"Balances visual and text to sell a single hero capability.","k":"section","s":"catalogs","c":"marketing/features","sb":"Showcase and split","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-features-stats-feature-showcase","t":"Product Features: Stats Feature Showcase","d":"Use it when figures like speed or savings make the strongest case to buy.","k":"section","s":"catalogs","c":"marketing/features","sb":"Showcase and split","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-features-timeline-feature-showcase","t":"Product Features: Timeline Feature Showcase","d":"Good for guiding readers through a journey from first use to results.","k":"section","s":"catalogs","c":"marketing/features","sb":"Steps","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-features-video-feature-showcase","t":"Product Features: Video Feature Showcase","d":"Shows the item in action when motion sells better than a still.","k":"section","s":"catalogs","c":"marketing/features","sb":"Showcase and split","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-list-compact-list","t":"Product List: Compact List","d":"Fits long catalogs and search results where space is tight.","s":"catalogs","c":"data-display/list","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-list-comparison-list","t":"Product List: Comparison List","d":"Helps shoppers weigh options before they commit to a purchase.","k":"section","s":"catalogs","c":"marketing/comparison","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-list-featured-list","t":"Product List: Featured List","d":"Highlights bestsellers or promotions on a storefront landing page.","s":"catalogs","c":"data-display/list","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-list-filter-list","t":"Product List: Filter List","d":"Lets shoppers narrow large catalogs and find the right item fast.","s":"catalogs","c":"data-display/list","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-list-gallery-list","t":"Product List: Gallery List","d":"Suits visual categories like fashion, home decor, and art prints.","s":"catalogs","c":"data-display/list","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-list-grid-list","t":"Product List: Grid List","d":"The standard catalog layout for category and search pages in a store.","s":"catalogs","c":"data-display/list","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-list-masonry-list","t":"Product List: Masonry List","d":"Works well for mixed imagery in lookbooks and curated collections.","s":"catalogs","c":"data-display/list","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-list-table-list","t":"Product List: Table List","d":"Ideal for dashboards, admin catalogs, and bulk inventory views.","s":"catalogs","c":"data-display/table","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-list-timeline-list","t":"Product List: Timeline List","d":"Good for release schedules, new arrivals, and limited editions.","s":"catalogs","c":"data-display/timeline","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-overview-classic-overview","t":"Product Overview: Classic Overview","d":"Familiar layout shoppers expect.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-overview-compact-overview","t":"Product Overview: Compact Overview","d":"Built for small screens and quick mobile purchases.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-overview-gallery-overview","t":"Product Overview: Gallery Overview","d":"Lets shoppers study every angle before they add the item to cart.","s":"catalogs","c":"media/gallery","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-overview-immersive-overview","t":"Product Overview: Immersive Overview","d":"Best for premium goods that sell on visual impact.","s":"catalogs","c":"other/other"},{"id":"catalogs:shadcnuiblocks/ecommerce-product-overview-minimal-overview","t":"Product Overview: Minimal Overview","d":"Keeps focus on the item for simple, low clutter catalogs.","s":"catalogs","c":"data-display/list","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-product-overview-modern-overview","t":"Product Overview: Modern Overview","d":"Suits fashion and lifestyle brands that want a fresh look.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-promo-sections-centered-icon-promo","t":"Promo Sections: Centered Icon Promo","d":"Highlights a single offer or shipping perk in the middle of a store landing page.","k":"section","s":"catalogs","c":"marketing/announcement","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-promo-sections-centered-image-grid","t":"Promo Sections: Centered Image Grid","d":"Showcases a curated collection or a seasonal lineup right on your shop homepage.","k":"section","s":"catalogs","c":"marketing/announcement","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-promo-sections-centered-simple-promo","t":"Promo Sections: Centered Simple Promo","d":"Drop it onto any store page to push a sale, a discount code, or a new arrival.","k":"section","s":"catalogs","c":"marketing/announcement","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-promo-sections-countdown-timer-promo","t":"Promo Sections: Countdown Timer Promo","d":"Builds urgency around flash sales and limited time offers that expire soon.","k":"section","s":"catalogs","c":"marketing/announcement","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-promo-sections-fading-background-testimonial","t":"Promo Sections: Fading Background Testimonial","d":"Builds trust on a product page while reinforcing the offer you are running.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-promo-sections-full-width-large-content","t":"Promo Sections: Full Width Large Content","d":"Commands attention across the whole page for a headline campaign or a seasonal launch.","k":"section","s":"catalogs","c":"marketing/announcement","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-promo-sections-image-aside","t":"Promo Sections: Image Aside","d":"Pairs your offer with a visual so shoppers see exactly what is on sale right now.","k":"section","s":"catalogs","c":"marketing/announcement","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-promo-sections-large-image-split","t":"Promo Sections: Large Image Split","d":"Frames a hero product next to a discount and a clear, single button.","k":"section","s":"catalogs","c":"marketing/hero","sb":"With product shot","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-promo-sections-multi-column-cards","t":"Promo Sections: Multi Column Cards","d":"Presents multiple deals or categories side by side on one store page.","k":"section","s":"catalogs","c":"marketing/announcement","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-promo-sections-simple-banner","t":"Promo Sections: Simple Banner","d":"Sits at the top of a store to announce free shipping, a running sale, or a fresh discount ","k":"section","s":"catalogs","c":"marketing/announcement","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-promo-sections-split-offers","t":"Promo Sections: Split Offers","d":"Lets shoppers pick between two competing deals within one store section.","k":"section","s":"catalogs","c":"marketing/announcement","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-shopping-cart-compact-cart","t":"Shopping Cart: Compact Cart","d":"Fits a header dropdown or a narrow column without crowding the layout.","s":"catalogs","c":"navigation/top-nav","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-shopping-cart-floating-cart","t":"Shopping Cart: Floating Cart","d":"Lets shoppers review picks without leaving the product they browse.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-shopping-cart-mini-cart","t":"Shopping Cart: Mini Cart","d":"Pops from a cart icon so shoppers confirm contents fast before moving on to pay.","s":"catalogs","c":"overlays/dialog","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-shopping-cart-modern-cart","t":"Shopping Cart: Modern Cart","d":"Suits a full cart page where shoppers review items before checkout.","k":"section","s":"catalogs","c":"marketing/pricing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-shopping-cart-sidebar-cart","t":"Shopping Cart: Sidebar Cart","d":"Keeps shopping in view while customers adjust quantities and pay.","s":"catalogs","c":"navigation/sidebar","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/ecommerce-shopping-cart-sticky-cart","t":"Shopping Cart: Sticky Cart","d":"Keeps payment in reach on long product and listing pages.","s":"catalogs","c":"data-display/list","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-about-sections-achievements","t":"About Sections: Achievements","d":"Use it on an about page to prove credibility and show what your team has earned.","k":"section","s":"catalogs","c":"marketing/team","hc":1},{"id":"catalogs:shadcnuiblocks/marketing-about-sections-animated-stats","t":"About Sections: Animated Stats","d":"Drop it on an about page to make growth, users, and revenue feel alive and concrete.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-about-sections-brand-values","t":"About Sections: Brand Values","d":"Use it to spell out what your brand stands for and how the team makes decisions.","k":"section","s":"catalogs","c":"marketing/team","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-about-sections-company-culture","t":"About Sections: Company Culture","d":"Use it on a careers or about page to attract good people.","k":"section","s":"catalogs","c":"marketing/team","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-about-sections-company-values","t":"About Sections: Company Values","d":"Use it to explain the beliefs that guide how your company operates daily.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-about-sections-diversity-inclusion","t":"About Sections: Diversity & Inclusion","d":"Use it to show how your company invests in people and fairness.","k":"section","s":"catalogs","c":"marketing/team","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-about-sections-founders","t":"About Sections: Founders","d":"Use it on an about page to put faces and a personal story behind the company.","k":"section","s":"catalogs","c":"marketing/team","hc":1},{"id":"catalogs:shadcnuiblocks/marketing-about-sections-mission-statement","t":"About Sections: Mission Statement","d":"Use it at the top of an about page to anchor everything in one clear idea.","s":"catalogs","c":"actions/link","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-about-sections-press-recognitions","t":"About Sections: Press & Recognitions","d":"Use it on an about page to borrow trust from known names.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-about-sections-process","t":"About Sections: Process","d":"Use it on an about or services page to set expectations.","k":"section","s":"catalogs","c":"marketing/features","sb":"Steps","hc":1},{"id":"catalogs:shadcnuiblocks/marketing-about-sections-simple","t":"About Sections: Simple","d":"Use it when you want to introduce the business without extra clutter.","s":"catalogs","c":"other/other","tg":["minimal"],"sy":["minimal"]},{"id":"catalogs:shadcnuiblocks/marketing-about-sections-stats-grid","t":"About Sections: Stats Grid","d":"Use it on an about page to back up your story with solid figures, fast.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-about-sections-tabs","t":"About Sections: Tabs","d":"Use it on an about page to pack a lot of context into one compact space.","s":"catalogs","c":"navigation/tabs","hc":1},{"id":"catalogs:shadcnuiblocks/marketing-about-sections-team-grid","t":"About Sections: Team Grid","d":"Use it on an about page to introduce the real people behind your product.","k":"section","s":"catalogs","c":"marketing/team"},{"id":"catalogs:shadcnuiblocks/marketing-about-sections-timeline","t":"About Sections: Timeline","d":"Use it on an about page to walk visitors through your story, year by year.","s":"catalogs","c":"data-display/timeline","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-about-sections-two-column","t":"About Sections: Two Column","d":"Use it on an about page to balance a short story with a clear visual.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-about-sections-values","t":"About Sections: Values","d":"Use it on an about page to share the principles your team works by every day.","k":"section","s":"catalogs","c":"marketing/team","hc":1},{"id":"catalogs:shadcnuiblocks/marketing-about-sections-with-image","t":"About Sections: With Image","d":"Use it to introduce the company while a real image builds warmth and trust.","s":"catalogs","c":"media/gallery","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-announcement-banners-floating","t":"Announcement Banners: Floating","d":"Announce a promotion or update without pushing the layout down.","k":"section","s":"catalogs","c":"marketing/announcement","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-announcement-banners-simple-centered","t":"Announcement Banners: Simple Centered","d":"Share a short notice like free shipping or a new feature across the top of any page.","k":"section","s":"catalogs","c":"marketing/announcement","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-announcement-banners-with-action","t":"Announcement Banners: With Action","d":"Use it to drive signups, trial starts, or a link to a new release.","k":"section","s":"catalogs","c":"marketing/announcement","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-announcement-banners-with-countdown","t":"Announcement Banners: With Countdown","d":"Build urgency for a sale, webinar, or deadline and prompt visitors to act before time runs","k":"section","s":"catalogs","c":"marketing/announcement"},{"id":"catalogs:shadcnuiblocks/marketing-announcement-banners-with-image","t":"Announcement Banners: With Image","d":"Spotlight a product, event, or article with a visual that draws the eye.","k":"section","s":"catalogs","c":"marketing/announcement","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-announcement-banners-with-social-proof","t":"Announcement Banners: With Social Proof","d":"Build instant trust at the top of a page and nudge new visitors to convert.","k":"section","s":"catalogs","c":"marketing/announcement","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-blog-sections-author-spotlight","t":"Blog Sections: Author Spotlight","d":"Use it to build trust on a blog and surface more writing from one voice.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Blog and posts","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-blog-sections-carousel","t":"Blog Sections: Carousel","d":"Use it to feature recent or popular posts in a compact strip readers can swipe.","k":"section","s":"catalogs","c":"marketing/features"},{"id":"catalogs:shadcnuiblocks/marketing-blog-sections-case-study-showcase","t":"Blog Sections: Case Study Showcase","d":"Use it to present customer stories and proof on a results focused blog page.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Blog and posts","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-blog-sections-category-filter","t":"Blog Sections: Category Filter","d":"Use it to help readers narrow a busy blog down to the topics they want.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Blog and posts","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-blog-sections-compact-list","t":"Blog Sections: Compact List","d":"Use it to show many articles in little space on an index or archive page.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Blog and posts","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-blog-sections-expert-roundup","t":"Blog Sections: Expert Roundup","d":"Use it to package an opinion roundup or panel feature into one shareable post.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-blog-sections-featured-list","t":"Blog Sections: Featured List","d":"Use it to spotlight your top story while listing the rest of the feed.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Blog and posts","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-blog-sections-featured-with-sidebar","t":"Blog Sections: Featured With Sidebar","d":"Use it for a blog home that mixes posts with categories and promos here.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Blog and posts","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-blog-sections-hero-focus","t":"Blog Sections: Hero Focus","d":"Use it to launch a flagship post and pull readers straight into it.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-blog-sections-interview-format","t":"Blog Sections: Interview Format","d":"Use it to publish interviews in a clear, readable format on an editorial blog.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Blog and posts","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-blog-sections-magazine-layout","t":"Blog Sections: Magazine Layout","d":"Use it to give a content heavy blog the dense feel of a print magazine.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Blog and posts","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-blog-sections-minimal-blog","t":"Blog Sections: Minimal Blog","d":"Use it for a writing focused blog where the words carry the whole page.","k":"section","s":"catalogs","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-blog-sections-newsletter-blog","t":"Blog Sections: Newsletter Blog","d":"Use it to grow a subscriber list while showcasing your most recent posts.","k":"section","s":"catalogs","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-blog-sections-podcast-list","t":"Blog Sections: Podcast List","d":"Use it to publish a podcast feed where listeners browse and start episodes.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Blog and posts","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-blog-sections-simple-grid","t":"Blog Sections: Simple Grid","d":"Use it as a clean, flexible blog index that scales to any number of posts.","k":"section","s":"catalogs","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-blog-sections-timeline-blog","t":"Blog Sections: Timeline Blog","d":"Use it for a changelog, release notes, or a chronological story archive.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Blog and posts","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-blog-sections-video-blog","t":"Blog Sections: Video Blog","d":"Use it to run a video first blog where each card opens a clip or full episode.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Blog and posts","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-careers-application-form","t":"Careers: Application Form","d":"Lets candidates apply directly from your careers page.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Careers","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-careers-career-path","t":"Careers: Career Path","d":"Helps applicants picture how they advance after joining your team.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Careers","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-careers-company-benefits","t":"Careers: Company Benefits","d":"Reassures candidates as they read open roles.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-careers-department-positions","t":"Careers: Department Positions","d":"Helps candidates find the right team and apply to the matching role.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Careers","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-careers-department-showcase","t":"Careers: Department Showcase","d":"Helps candidates understand where they fit before browsing open roles.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Careers","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-careers-employee-benefits","t":"Careers: Employee Benefits","d":"Shows candidates the full package while they consider applying.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-careers-featured-job-slider","t":"Careers: Featured Job Slider","d":"Spotlights priority roles you want candidates to notice on the careers page.","s":"catalogs","c":"inputs/slider","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-careers-interview-process","t":"Careers: Interview Process","d":"Sets expectations so candidates know what each hiring stage involves.","k":"section","s":"catalogs","c":"marketing/features","sb":"Steps","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-careers-job-board","t":"Careers: Job Board","d":"Lets candidates scan every open role and apply to the one that fits them best.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Careers","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-careers-job-details","t":"Careers: Job Details","d":"Gives candidates everything they need to decide and submit.","s":"catalogs","c":"data-display/accordion","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-careers-job-listings","t":"Careers: Job Listings","d":"Helps candidates skim available roles and pick one to pursue today.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Careers","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-careers-workplace-culture","t":"Careers: Workplace Culture","d":"Gives candidates a feel for the team before they decide to apply.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Careers","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-changelogs-basic-changelog","t":"Changelogs: Basic Changelog","d":"Use it to post release notes when you want clarity over visual flourish.","k":"section","s":"catalogs","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-changelogs-categorized-changelog","t":"Changelogs: Categorized Changelog","d":"Helps readers scan a busy update and jump to the changes they care about.","k":"section","s":"catalogs","c":"marketing/marketing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-changelogs-compact-changelog","t":"Changelogs: Compact Changelog","d":"Ideal when you ship often and want the full history visible without heavy scrolling.","k":"section","s":"catalogs","c":"marketing/marketing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-changelogs-expandable-changelog","t":"Changelogs: Expandable Changelog","d":"Keeps a long release history short while letting readers drill into any update.","k":"section","s":"catalogs","c":"marketing/marketing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-changelogs-grid-changelog","t":"Changelogs: Grid Changelog","d":"Use it to show recent updates side by side with badges, dates, and short summaries at a gl","k":"section","s":"catalogs","c":"marketing/marketing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-changelogs-grouped-changelog","t":"Changelogs: Grouped Changelog","d":"Good for products with frequent shipping where context across versions matters.","k":"section","s":"catalogs","c":"marketing/marketing"},{"id":"catalogs:shadcnuiblocks/marketing-changelogs-interactive-changelog","t":"Changelogs: Interactive Changelog","d":"Lets visitors explore updates by type and focus on the releases that matter.","k":"section","s":"catalogs","c":"marketing/marketing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-changelogs-minimalist-changelog","t":"Changelogs: Minimalist Changelog","d":"Use it when you want updates to feel quiet and stay out of the way.","k":"section","s":"catalogs","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-changelogs-tabbed-changelog","t":"Changelogs: Tabbed Changelog","d":"Lets readers switch between updates without scrolling, keeping each release neatly contain","k":"section","s":"catalogs","c":"marketing/marketing"},{"id":"catalogs:shadcnuiblocks/marketing-changelogs-table-changelog","t":"Changelogs: Table Changelog","d":"Use it when readers need to scan and compare many releases quickly.","k":"section","s":"catalogs","c":"marketing/marketing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-changelogs-timeline-changelog","t":"Changelogs: Timeline Changelog","d":"Use it to tell the story of a product as it grows version over version.","k":"section","s":"catalogs","c":"marketing/marketing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-contact-sections-center-aligned","t":"Contact Sections: Center Aligned","d":"Drops onto a simple contact page so visitors can send a message fast.","k":"section","s":"catalogs","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-contact-sections-split-with-details","t":"Contact Sections: Split With Details","d":"Use it when people need a quick way to reach the right team.","k":"section","s":"catalogs","c":"marketing/team","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-contact-sections-with-map","t":"Contact Sections: With Map","d":"Ideal for a storefront or office that wants visitors to find and reach it.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Contact","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-cta-sections-awards-cta","t":"Cta Sections: Awards CTA","d":"Builds trust before the click on a landing or pricing page.","k":"section","s":"catalogs","c":"marketing/pricing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-cta-sections-banner-with-background","t":"Cta Sections: Banner With Background","d":"Anchors a campaign message across the top or bottom of any marketing page.","k":"section","s":"catalogs","c":"marketing/cta","sb":"Banners","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-cta-sections-case-study-cta","t":"Cta Sections: Case Study CTA","d":"Use it after proof points to push readers toward booking a demo.","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-cta-sections-countdown-timer","t":"Cta Sections: Countdown Timer","d":"Drives urgency for a sale, launch, or webinar registration deadline.","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-cta-sections-cta-with-testimonial","t":"Cta Sections: CTA With Testimonial","d":"Reinforces social proof at the moment a visitor decides.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-cta-sections-faq-cta","t":"Cta Sections: FAQ CTA","d":"Answers the last objections and nudges readers to convert at the end of a long page.","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-cta-sections-feature-grid","t":"Cta Sections: Feature Grid","d":"Recaps the value of a product before inviting visitors to start a free trial.","k":"section","s":"catalogs","c":"marketing/features","sb":"Grid of cards","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-cta-sections-gradient-cta","t":"Cta Sections: Gradient CTA","d":"A bright closing section for a homepage or feature page.","k":"section","s":"catalogs","c":"marketing/features","tg":["gradient"],"sy":["gradient"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-cta-sections-image-with-text","t":"Cta Sections: Image With Text","d":"Use it to show a product shot while inviting the visitor to act.","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-cta-sections-integrations-cta","t":"Cta Sections: Integrations CTA","d":"Reassures teams about compatibility before they sign up and connect apps.","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-cta-sections-newsletter-form","t":"Cta Sections: Newsletter Form","d":"Collects leads for a newsletter, waitlist, or product updates.","k":"section","s":"catalogs","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-cta-sections-quick-contact-cta","t":"Cta Sections: Quick Contact CTA","d":"Drops into a footer or sidebar so visitors can get in touch fast.","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-cta-sections-simple-centered","t":"Cta Sections: Simple Centered","d":"A clean closing section to end a landing page and prompt the next step.","k":"section","s":"catalogs","c":"marketing/cta","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-cta-sections-split-with-image","t":"Cta Sections: Split With Image","d":"Balances message and visual to invite a signup or demo request.","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-cta-sections-stats-cta","t":"Cta Sections: Stats CTA","d":"Uses hard numbers to convince visitors before they commit.","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-cta-sections-tab-cta","t":"Cta Sections: Tab CTA","d":"Lets visitors pick a path before clicking the matching button.","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-cta-sections-video-cta","t":"Cta Sections: Video CTA","d":"Plays a quick demo or pitch, then invites the viewer to start now.","k":"section","s":"catalogs","c":"marketing/cta","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-cta-sections-zigzag-cta","t":"Cta Sections: Zigzag CTA","d":"Walks readers through benefits before the final closing prompt.","k":"section","s":"catalogs","c":"marketing/features","sb":"Showcase and split","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-faq-sections-accordion-with-background","t":"Faq Sections: Accordion With Background","d":"Each question expands to reveal its answer, keeping long lists of details tidy and easy to","k":"section","s":"catalogs","c":"marketing/faq","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-faq-sections-card-grid","t":"Faq Sections: Card Grid","d":"Lays out frequent questions clearly so visitors find what they need at a glance.","k":"section","s":"catalogs","c":"marketing/faq","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-faq-sections-center-aligned","t":"Faq Sections: Center Aligned","d":"Keeps focus on the questions and works well as a standalone support section on any page.","k":"section","s":"catalogs","c":"marketing/faq"},{"id":"catalogs:shadcnuiblocks/marketing-faq-sections-code-snippets","t":"Faq Sections: Code Snippets","d":"Built for developer docs where responses need syntax examples, commands, or configuration ","k":"section","s":"catalogs","c":"marketing/faq","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-faq-sections-contact-form","t":"Faq Sections: Contact Form","d":"An FAQ section paired with a contact form, so visitors read common answers and reach out w","k":"section","s":"catalogs","c":"marketing/faq","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-faq-sections-image-illustrated","t":"Faq Sections: Image Illustrated","d":"Adds visual context and warmth to a help area while answers stay easy to read.","k":"section","s":"catalogs","c":"marketing/faq","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-faq-sections-right-aligned","t":"Faq Sections: Right Aligned","d":"Balances explanation and detail across a wide support section.","k":"section","s":"catalogs","c":"marketing/faq","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-faq-sections-search-filter","t":"Faq Sections: Search Filter","d":"Helps visitors jump straight to the answer they want across a long question list.","k":"section","s":"catalogs","c":"marketing/faq","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-faq-sections-sidebar-navigation","t":"Faq Sections: Sidebar Navigation","d":"Lets visitors switch topics quickly and keeps large help sections organized and navigable.","k":"section","s":"catalogs","c":"marketing/faq","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-faq-sections-simple-2-cols-grid","t":"Faq Sections: Simple 2 Cols Grid","d":"A compact way to cover many topics at once, ideal for a quick reference block near a page ","k":"section","s":"catalogs","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-faq-sections-simple-with-divider-and-icon","t":"Faq Sections: Simple With Divider And Icon","d":"Keeps a long set of answers readable and clearly separated on any support page.","k":"section","s":"catalogs","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-faq-sections-tabbed-categories","t":"Faq Sections: Tabbed Categories","d":"Visitors pick a topic and see only relevant answers, keeping a broad help area uncluttered","k":"section","s":"catalogs","c":"marketing/faq","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-faq-sections-timeline-faq","t":"Faq Sections: Timeline FAQ","d":"Suited to onboarding or step by step guides where sequence matters.","k":"section","s":"catalogs","c":"marketing/faq","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-feature-sections-3d-cards","t":"Feature Sections: 3D Cards","d":"Adds depth to a landing page when you want highlights to feel tactile.","k":"section","s":"catalogs","c":"marketing/features","tg":["3d"],"sb":"Grid of cards","sy":["3d"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-feature-sections-card-grid","t":"Feature Sections: Card Grid","d":"Lays out several product capabilities at once for a clean overview section.","k":"section","s":"catalogs","c":"marketing/features","tg":["minimal"],"sb":"Grid of cards","sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-feature-sections-feature-accordion","t":"Feature Sections: Feature Accordion","d":"Lets visitors drill into one capability at a time without crowding the page.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-feature-sections-feature-chat","t":"Feature Sections: Feature Chat","d":"Built to show a messaging or support product talking in real conversation.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-feature-sections-feature-comparison","t":"Feature Sections: Feature Comparison","d":"Use it to contrast your product against an alternative and make the better choice obvious.","k":"section","s":"catalogs","c":"marketing/features","sb":"Comparison"},{"id":"catalogs:shadcnuiblocks/marketing-feature-sections-feature-stats","t":"Feature Sections: Feature Stats","d":"Backs your claims with numbers and builds trust on a homepage or product overview.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-feature-sections-feature-timeline","t":"Feature Sections: Feature Timeline","d":"Ideal for telling how a product flow works or how your story unfolded over time.","k":"section","s":"catalogs","c":"marketing/features","sb":"Steps","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-feature-sections-feature-videos","t":"Feature Sections: Feature Videos","d":"Best when a moving demo explains the value faster than text alone could.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-feature-sections-feature-wizard","t":"Feature Sections: Feature Wizard","d":"Useful for onboarding copy or walking through a setup flow one screen at a time.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-feature-sections-grid-hover","t":"Feature Sections: Grid Hover","d":"Keeps the section compact at rest, then rewards visitors who explore each capability.","k":"section","s":"catalogs","c":"marketing/features","sb":"Grid of cards","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-feature-sections-simple","t":"Feature Sections: Simple","d":"Reach for it when you want clarity over decoration on a marketing page.","k":"section","s":"catalogs","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"catalogs:shadcnuiblocks/marketing-feature-sections-steps","t":"Feature Sections: Steps","d":"Drop it on a homepage to turn a process into an easy three or four part story.","k":"section","s":"catalogs","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-feature-sections-terminal","t":"Feature Sections: Terminal","d":"Built for developer tools where showing real CLI usage sells the value fast.","k":"section","s":"catalogs","c":"marketing/features","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"catalogs:shadcnuiblocks/marketing-feature-sections-with-carousel","t":"Feature Sections: With Carousel","d":"Fits many features into a small space without a long scroll.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-feature-sections-with-comparison","t":"Feature Sections: With Comparison","d":"Use it to show the change your product brings and let the difference speak plainly.","k":"section","s":"catalogs","c":"marketing/features","sb":"Comparison","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-feature-sections-with-images","t":"Feature Sections: With Images","d":"A reliable pattern for explaining several capabilities while keeping the page lively and b","k":"section","s":"catalogs","c":"marketing/features","sb":"Showcase and split","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-feature-sections-with-stats","t":"Feature Sections: With Stats","d":"Pairs the what with the proof so visitors trust the results on a product or pricing page.","k":"section","s":"catalogs","c":"marketing/pricing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-feature-sections-with-tabs","t":"Feature Sections: With Tabs","d":"Organizes many capabilities into one compact, tidy section that stays readable.","k":"section","s":"catalogs","c":"marketing/features","sb":"Tabs","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-footers-logo-cloud","t":"Footers: Logo Cloud","d":"Adds social proof and brand trust at the bottom of a landing page.","k":"section","s":"catalogs","c":"marketing/logos","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-footers-minimal","t":"Footers: Minimal","d":"Keeps the bottom of an app or docs page quiet and out of the way.","k":"section","s":"catalogs","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-footers-multi-column","t":"Footers: Multi Column","d":"Organizes deep site navigation on a large marketing or app homepage.","k":"section","s":"catalogs","c":"marketing/footer","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-footers-simple","t":"Footers: Simple","d":"Rounds off a small business or portfolio site without crowding the layout.","k":"section","s":"catalogs","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-footers-subscribe","t":"Footers: Subscribe","d":"Captures signups while visitors are leaving the bottom of your site.","k":"section","s":"catalogs","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"catalogs:shadcnuiblocks/marketing-gallery-carousel-gallery","t":"Gallery: Carousel Gallery","d":"Use it to feature product shots or photos in a compact space on any landing page.","s":"catalogs","c":"media/gallery","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-gallery-filmstrip-gallery","t":"Gallery: Filmstrip Gallery","d":"Ideal for browsing a photo set or product angles while keeping every frame in view.","s":"catalogs","c":"media/gallery","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-gallery-fullscreen-gallery","t":"Gallery: Fullscreen Gallery","d":"Good for immersive photo stories, lookbooks, or a striking visual showcase.","s":"catalogs","c":"media/gallery","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-gallery-grid-gallery","t":"Gallery: Grid Gallery","d":"Use it to display many photos, products, or case studies at once with a clean, scannable l","s":"catalogs","c":"media/gallery","tg":["minimal"],"sb":"Grids","sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-gallery-immersive-gallery","t":"Gallery: Immersive Gallery","d":"Use it to surround visitors in your photos or brand imagery on a campaign page.","s":"catalogs","c":"media/gallery","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-gallery-polaroid-gallery","t":"Gallery: Polaroid Gallery","d":"Great for adding a casual, personal feel to an about page or event recap.","s":"catalogs","c":"media/gallery","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-gallery-portfolio-gallery","t":"Gallery: Portfolio Gallery","d":"Use it to present work, case studies, or a creative showcase to clients.","s":"catalogs","c":"media/gallery","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-booking-form","t":"Hero Forms: Booking Form","d":"Lets visitors reserve a slot the moment they land on the page.","s":"catalogs","c":"inputs/form-field","sb":"Whole forms","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-center-aligned-search-with-tags","t":"Hero Forms: Center Aligned Search With Tags","d":"Helps visitors find what they need fast on a directory or marketplace home.","s":"catalogs","c":"inputs/search"},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-center-aligned-with-a-form","t":"Hero Forms: Center Aligned With A Form","d":"Collects an email or signup in one view to start onboarding immediately.","s":"catalogs","c":"inputs/form-field","sb":"Whole forms","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-contact-form-with-background","t":"Hero Forms: Contact Form With Background","d":"Invites visitors to send a message or request a quote without leaving the top.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Contact","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-contest-entry-form","t":"Hero Forms: Contest Entry Form","d":"Drives signups and excitement around a giveaway or promotional campaign.","s":"catalogs","c":"inputs/form-field","sb":"Whole forms","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-early-access-form","t":"Hero Forms: Early Access Form","d":"Builds a waitlist for an upcoming product before the public launch.","s":"catalogs","c":"inputs/form-field","sb":"Whole forms","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-event-registration-countdown","t":"Hero Forms: Event Registration Countdown","d":"Pushes visitors to claim a spot before an event or sale window closes.","s":"catalogs","c":"inputs/form-field","sb":"Whole forms"},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-feedback-survey-form","t":"Hero Forms: Feedback Survey Form","d":"Gathers visitor opinions on a product or service in a single focused view.","s":"catalogs","c":"inputs/form-field","sb":"Whole forms","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-floating-card-with-gradient","t":"Hero Forms: Floating Card With Gradient","d":"Highlights a signup field and pulls the eye to one clear action.","s":"catalogs","c":"inputs/form-field","tg":["gradient"],"sb":"Whole forms","sy":["gradient"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-free-ebook-form","t":"Hero Forms: Free Ebook Form","d":"Grows a mailing list while offering a guide or report as the incentive.","s":"catalogs","c":"inputs/form-field","sb":"Whole forms","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-free-trial-signup-form","t":"Hero Forms: Free Trial Signup Form","d":"Starts new accounts the moment a visitor decides to try the product.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Sign up","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-image-and-form","t":"Hero Forms: Image And Form","d":"Balances visual proof with a clear path to start using the product.","s":"catalogs","c":"media/gallery","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-job-application-form","t":"Hero Forms: Job Application Form","d":"Lets candidates apply right from the top of a careers page.","s":"catalogs","c":"inputs/form-field","sb":"Whole forms","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-newsletter-subscription","t":"Hero Forms: Newsletter Subscription","d":"Turns first time visitors into subscribers with one quick email entry.","k":"section","s":"catalogs","c":"marketing/pricing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-newsletter-with-social-proof","t":"Hero Forms: Newsletter With Social Proof","d":"Uses social proof to convince visitors the list is worth joining today.","k":"section","s":"catalogs","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-product-customizer-form","t":"Hero Forms: Product Customizer Form","d":"Lets shoppers configure their choice and preview it before checkout.","s":"catalogs","c":"inputs/form-field","sb":"Whole forms","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-quiz-assessment-form","t":"Hero Forms: Quiz Assessment Form","d":"Engages visitors and routes them toward a tailored recommendation.","s":"catalogs","c":"inputs/form-field","sb":"Whole forms","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-schedule-demo-form","t":"Hero Forms: Schedule Demo Form","d":"Books sales calls with prospects right where they first arrive.","s":"catalogs","c":"data-display/calendar"},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-sign-up-form","t":"Hero Forms: Sign Up Form","d":"Opens new accounts fast so visitors can start using the product now.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Sign up","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-split-screen-multi-step","t":"Hero Forms: Split Screen Multi Step","d":"Guides visitors through a longer signup without overwhelming them at once.","s":"catalogs","c":"navigation/wizard-steps","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-subscription-form-with-toggle","t":"Hero Forms: Subscription Form With Toggle","d":"Lets visitors pick a plan and price before they start a paid signup.","k":"section","s":"catalogs","c":"marketing/pricing","sb":"With billing toggle","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-two-factor-verification","t":"Hero Forms: Two Factor Verification","d":"Confirms identity during signin to keep new accounts safe and secure.","k":"layout","s":"catalogs","c":"flows/sign-in","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-user-feedback-form","t":"Hero Forms: User Feedback Form","d":"Collects honest input from visitors to guide the next product update.","s":"catalogs","c":"inputs/form-field","sb":"Whole forms","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-forms-webinar-registration-form","t":"Hero Forms: Webinar Registration Form","d":"Fills seats for a live session straight from the landing page top.","s":"catalogs","c":"inputs/form-field","sb":"Whole forms","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-3d-isometric-hero","t":"Hero Sections: 3D Isometric Hero","d":"Adds depth and a modern feel to the top of a product landing page.","k":"section","s":"catalogs","c":"marketing/hero","tg":["3d"],"sb":"Animated background","sy":["3d"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-animated-features-hero","t":"Hero Sections: Animated Features Hero","d":"Use it to show what your product does the moment a visitor arrives.","k":"section","s":"catalogs","c":"marketing/hero","sb":"Animated background","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-animated-gradient","t":"Hero Sections: Animated Gradient","d":"A colorful, lively opener for SaaS and creative product pages.","k":"section","s":"catalogs","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-animated-text-hero","t":"Hero Sections: Animated Text Hero","d":"Highlights several value points in one line at the top of a landing page.","k":"section","s":"catalogs","c":"marketing/hero","sb":"Animated background","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-centred-with-image","t":"Hero Sections: Centred With Image","d":"A balanced, classic opener for marketing and SaaS landing pages.","k":"section","s":"catalogs","c":"marketing/hero","sb":"With product shot"},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-chat-preview-hero","t":"Hero Sections: Chat Preview Hero","d":"Ideal for messaging, support, or AI assistant products you want to demo.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-countdown-hero","t":"Hero Sections: Countdown Hero","d":"Builds urgency for launches, sales, webinars, and limited time offer landing pages.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-gradient-background","t":"Hero Sections: Gradient Background","d":"A bold, color led opener for product and campaign landing pages.","k":"section","s":"catalogs","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-gradient-mesh-hero","t":"Hero Sections: Gradient Mesh Hero","d":"Gives a calm, premium backdrop to SaaS, design, and startup landing pages.","k":"section","s":"catalogs","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-image-carousel-hero","t":"Hero Sections: Image Carousel Hero","d":"Shows several product shots or screens at the top of a landing page in turn.","k":"section","s":"catalogs","c":"marketing/hero","sb":"With product shot","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-image-with-reviews","t":"Hero Sections: Image With Reviews","d":"Pairs your pitch with proof to win trust on a landing page right away.","k":"section","s":"catalogs","c":"marketing/hero","sb":"With product shot","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-interactive-metrics","t":"Hero Sections: Interactive Metrics","d":"Use it to make growth, usage, or results tangible on a SaaS landing page.","k":"section","s":"catalogs","c":"marketing/hero"},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-mobile-app-hero","t":"Hero Sections: Mobile App Hero","d":"Built to drive downloads at the top of a mobile app marketing or launch page.","k":"section","s":"catalogs","c":"marketing/hero","sb":"With product shot","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-multi-step-cta-hero","t":"Hero Sections: Multi Step CTA Hero","d":"Use it to qualify leads or onboard users right from a landing page header.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-particles-background-hero","t":"Hero Sections: Particles Background Hero","d":"A dynamic, tech forward opener for software and startup landing pages.","k":"section","s":"catalogs","c":"marketing/hero","sb":"Animated background","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-product-carousel-hero","t":"Hero Sections: Product Carousel Hero","d":"Showcases a range of items or plans at the top of an ecommerce landing page.","k":"section","s":"catalogs","c":"marketing/hero","sb":"With product shot","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-progress-tracker-hero","t":"Hero Sections: Progress Tracker Hero","d":"Use it to show a setup flow or journey at the top of an onboarding landing page.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-search-bar","t":"Hero Sections: Search Bar","d":"Ideal for directories, docs, marketplaces, and content heavy landing pages.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-simple-centred","t":"Hero Sections: Simple Centred","d":"A minimal, fast loading opener that suits almost any landing page or product.","k":"section","s":"catalogs","c":"marketing/hero","tg":["minimal"],"sb":"Centered and minimal","sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-social-proof-hero","t":"Hero Sections: Social Proof Hero","d":"Leads with credibility to reassure visitors at the top of a landing page.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-split-content-hero","t":"Hero Sections: Split Content Hero","d":"A flexible opener that balances your message and a visual cleanly.","k":"section","s":"catalogs","c":"marketing/hero","tg":["minimal"],"sb":"Split","sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-split-image-hero","t":"Hero Sections: Split Image Hero","d":"A direct, balanced opener that pairs your pitch with a visual on a landing page.","k":"section","s":"catalogs","c":"marketing/hero","sb":"With product shot","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-split-with-video","t":"Hero Sections: Split With Video","d":"Use it to show your product in motion at the top of a landing page.","k":"section","s":"catalogs","c":"marketing/hero","sb":"With video","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-testimonial-carousel","t":"Hero Sections: Testimonial Carousel","d":"Opens a landing page with real quotes to build trust before the pitch lands.","k":"section","s":"catalogs","c":"marketing/hero"},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-trust-indicators","t":"Hero Sections: Trust Indicators","d":"Reassures cautious buyers at the top of a landing or enterprise sales page.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-video-background-hero","t":"Hero Sections: Video Background Hero","d":"Sets an immersive, cinematic tone at the top of a landing page.","k":"section","s":"catalogs","c":"marketing/hero","sb":"With video","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-with-3d-mockup","t":"Hero Sections: With 3D Mockup","d":"Presents your app or product with depth on a modern landing page.","k":"section","s":"catalogs","c":"marketing/hero","tg":["3d"],"sb":"Animated background","sy":["3d"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-with-api-preview","t":"Hero Sections: With API Preview","d":"Built for developer tools and platforms aimed at technical buyers.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-with-app-showcase","t":"Hero Sections: With App Showcase","d":"Use it to highlight the interface on a software product landing page.","k":"section","s":"catalogs","c":"marketing/hero","sb":"With product shot","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-with-bento-grid","t":"Hero Sections: With Bento Grid","d":"Summarizes several capabilities at a glance on a modern SaaS landing page.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-with-code-preview","t":"Hero Sections: With Code Preview","d":"Speaks directly to developers at the top of a tool or library landing page.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-with-content-tabs","t":"Hero Sections: With Content Tabs","d":"Use it to present several use cases or features in one compact area.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-with-dashboard","t":"Hero Sections: With Dashboard","d":"Shows your interface and data at the top of a SaaS or analytics page.","k":"section","s":"catalogs","c":"marketing/hero","sb":"With product shot","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-with-email-input","t":"Hero Sections: With Email Input","d":"Ideal for waitlists, newsletters, and early access landing pages.","k":"section","s":"catalogs","c":"marketing/hero","sb":"SaaS and AI","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-with-feature-cards","t":"Hero Sections: With Feature Cards","d":"Breaks your key benefits into scannable tiles at the top of a landing page.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-with-feature-timeline","t":"Hero Sections: With Feature Timeline","d":"Walks visitors through a workflow or roadmap at the top of a product landing page.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-with-integration-showcase","t":"Hero Sections: With Integration Showcase","d":"Highlights the tools your product connects to on a platform landing page.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-with-product-screenshots","t":"Hero Sections: With Product Screenshots","d":"Shows the real interface at the top of a software or SaaS landing page.","k":"section","s":"catalogs","c":"marketing/hero","sb":"With product shot"},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-with-team-grid","t":"Hero Sections: With Team Grid","d":"Adds a human face to about, agency, and company landing pages from the start.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-hero-sections-with-terminal","t":"Hero Sections: With Terminal","d":"Speaks to developers and shows install or usage commands on a tool landing page.","k":"section","s":"catalogs","c":"marketing/hero","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-icon-sections-2-cols-grid","t":"Icon Sections: 2 Cols Grid","d":"Lays out a handful of product features in a clean, balanced reading layout.","k":"section","s":"catalogs","c":"marketing/features","tg":["minimal"],"sb":"Grid of cards","sy":["minimal"]},{"id":"catalogs:shadcnuiblocks/marketing-icon-sections-animated-icon-grid","t":"Icon Sections: Animated Icon Grid","d":"Adds motion to a list of capabilities so each benefit catches the eye as users read down.","k":"section","s":"catalogs","c":"marketing/features","sb":"Grid of cards","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-icon-sections-centred-description-with-icon-blocks","t":"Icon Sections: Centred Description With Icon Blocks","d":"Frames a section theme, then lists supporting features in tidy, evenly spaced columns.","k":"section","s":"catalogs","c":"marketing/features","sb":"Icons","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-icon-sections-circle-icons-centre-aligned","t":"Icon Sections: Circle Icons Centre Aligned","d":"A friendly way to present three or four core benefits on a landing page.","k":"section","s":"catalogs","c":"marketing/features","tg":["webgl"],"sb":"Icons","sy":["webgl"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-icon-sections-compact-metric-list","t":"Icon Sections: Compact Metric List","d":"Shows key metrics in a small footprint, ideal for sidebars or dense feature pages.","k":"section","s":"catalogs","c":"marketing/features","sb":"Lists","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-icon-sections-description-on-left-icon-blocks-on-right","t":"Icon Sections: Description On Left Icon Blocks On Right","d":"Pairs a narrative pitch with scannable feature points.","k":"section","s":"catalogs","c":"marketing/features","sb":"Icons","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-icon-sections-expandable-icon-cards","t":"Icon Sections: Expandable Icon Cards","d":"Keeps the section compact while letting curious visitors dig into any feature they choose.","k":"section","s":"catalogs","c":"marketing/features","sb":"Grid of cards","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-icon-sections-feature-icon-tabs","t":"Icon Sections: Feature Icon Tabs","d":"Lets visitors explore several capabilities without scrolling, one focused view at a time.","k":"section","s":"catalogs","c":"marketing/features","sb":"Tabs"},{"id":"catalogs:shadcnuiblocks/marketing-icon-sections-horizontal-scrolling-icons","t":"Icon Sections: Horizontal Scrolling Icons","d":"Fits many features in limited height and reads naturally on mobile screens.","k":"section","s":"catalogs","c":"marketing/features","sb":"Scroll","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-icon-sections-icon-feature-carousel","t":"Icon Sections: Icon Feature Carousel","d":"Highlights a long list of capabilities without crowding the page or overwhelming readers.","k":"section","s":"catalogs","c":"marketing/features","sb":"Icons","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-icon-sections-icon-stats-grid","t":"Icon Sections: Icon Stats Grid","d":"Surfaces growth figures and key results to build trust on a marketing page.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-icon-sections-icon-tabs-categories","t":"Icon Sections: Icon Tabs Categories","d":"Helps visitors jump straight to the feature set that matches their needs.","k":"section","s":"catalogs","c":"marketing/features","sb":"Tabs","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-icon-sections-icon-timeline","t":"Icon Sections: Icon Timeline","d":"Walks visitors through a process or product journey in clear order, one milestone after an","k":"section","s":"catalogs","c":"marketing/features","sb":"Steps","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-icon-sections-icons-with-tooltips","t":"Icon Sections: Icons With Tooltips","d":"Packs many features into a small space while keeping extra detail one cursor away.","k":"section","s":"catalogs","c":"marketing/features","sb":"Icons","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-icon-sections-interactive-icon-showcase","t":"Icon Sections: Interactive Icon Showcase","d":"Invites visitors to explore features at their own pace and stay engaged.","k":"section","s":"catalogs","c":"marketing/features","sb":"Showcase and split","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-icon-sections-metric-cards","t":"Icon Sections: Metric Cards","d":"Presents results, usage, or savings in confident, easy to scan tiles.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-icon-sections-minimal-stats-tiles","t":"Icon Sections: Minimal Stats Tiles","d":"A spare way to display a few key stats without distracting from the surrounding copy.","s":"catalogs","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-icon-sections-radial-icon-layout","t":"Icon Sections: Radial Icon Layout","d":"A distinctive way to show how features connect to one core product idea.","k":"section","s":"catalogs","c":"marketing/features","sb":"Icons","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-icon-sections-solid-icon-with-hover-effect","t":"Icon Sections: Solid Icon With Hover Effect","d":"Adds tactile feedback to a feature grid so the section feels responsive as visitors browse","k":"section","s":"catalogs","c":"marketing/features","sb":"Icons","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-icon-sections-stacked-cards","t":"Icon Sections: Stacked Cards","d":"Reads top to bottom on any screen and keeps a long feature list easy to follow.","k":"section","s":"catalogs","c":"marketing/features","sb":"Grid of cards","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-integrations-api-preview","t":"Integrations: API Preview","d":"Drop it on a developer page to show how integrations connect in only a few short lines.","k":"section","s":"catalogs","c":"marketing/logos","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-integrations-carousel","t":"Integrations: Carousel","d":"Place it under a hero to prove your product fits neatly into an existing stack.","s":"catalogs","c":"media/carousel","hc":1},{"id":"catalogs:shadcnuiblocks/marketing-integrations-category-tabs","t":"Integrations: Category Tabs","d":"Ideal for a busy marketplace or directory page.","s":"catalogs","c":"navigation/tabs","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-integrations-featured-showcase","t":"Integrations: Featured Showcase","d":"Use it to highlight a flagship partner above the full list.","k":"section","s":"catalogs","c":"marketing/logos","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-integrations-simple-grid","t":"Integrations: Simple Grid","d":"Use it on a connections page to display the apps and services your product supports.","k":"section","s":"catalogs","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-masonry-sections-cards-on-images","t":"Masonry Sections: Cards On Images","d":"Showcases a gallery, portfolio, or product collection on a landing page.","s":"catalogs","c":"media/gallery","sb":"Masonry"},{"id":"catalogs:shadcnuiblocks/marketing-pricing-sections-calculator","t":"Pricing Sections: Calculator","d":"Use it when plans scale by seats, requests, or volume so buyers see real numbers.","k":"section","s":"catalogs","c":"marketing/pricing","sb":"Usage and sliders","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-pricing-sections-cards","t":"Pricing Sections: Cards","d":"Drop it on a pricing page to compare tiers at a glance.","k":"section","s":"catalogs","c":"marketing/pricing","sb":"Plan cards","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-pricing-sections-custom-builder","t":"Pricing Sections: Custom Builder","d":"Use it for modular products where every customer needs a different mix.","k":"section","s":"catalogs","c":"marketing/pricing"},{"id":"catalogs:shadcnuiblocks/marketing-pricing-sections-enterprise","t":"Pricing Sections: Enterprise","d":"Use it when bigger deals need custom quotes and a human conversation.","k":"section","s":"catalogs","c":"marketing/pricing","hc":1},{"id":"catalogs:shadcnuiblocks/marketing-pricing-sections-feature-grid","t":"Pricing Sections: Feature Grid","d":"Use it when buyers want to confirm exactly what each tier includes before paying.","k":"section","s":"catalogs","c":"marketing/pricing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-pricing-sections-horizontal","t":"Pricing Sections: Horizontal","d":"Fits narrow page slots and pages where you want plans visible without much scrolling.","k":"section","s":"catalogs","c":"marketing/pricing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-pricing-sections-interactive","t":"Pricing Sections: Interactive","d":"Use it when choices like seats or add ons should reflect cost instantly.","k":"section","s":"catalogs","c":"marketing/pricing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-pricing-sections-minimalist","t":"Pricing Sections: Minimalist","d":"Use it when a single plan or clean brand needs no visual clutter.","k":"section","s":"catalogs","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-pricing-sections-modern","t":"Pricing Sections: Modern","d":"Use it to give a polished, current feel to a product or SaaS page.","k":"section","s":"catalogs","c":"marketing/pricing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-pricing-sections-seasonal","t":"Pricing Sections: Seasonal","d":"Use it for holiday sales, launches, and campaigns that push urgency.","k":"section","s":"catalogs","c":"marketing/pricing"},{"id":"catalogs:shadcnuiblocks/marketing-pricing-sections-simple","t":"Pricing Sections: Simple","d":"Use it when you want fast comprehension without extra decoration.","k":"section","s":"catalogs","c":"marketing/pricing","tg":["minimal"],"sb":"Single plan","sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-pricing-sections-stacked","t":"Pricing Sections: Stacked","d":"Use it on mobile first pages or sidebars where width is limited.","k":"section","s":"catalogs","c":"marketing/pricing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-pricing-sections-testimonial","t":"Pricing Sections: Testimonial","d":"Use it to add social proof right where buyers weigh price and decide to commit.","k":"section","s":"catalogs","c":"marketing/pricing","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-pricing-sections-toggle","t":"Pricing Sections: Toggle","d":"Use it to show annual savings and let buyers pick a billing cycle fast.","k":"section","s":"catalogs","c":"marketing/pricing","sb":"With billing toggle","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-stats-achievement-bars","t":"Stats: Achievement Bars","d":"Drop it on a results page to visualize goals hit and progress toward each one.","s":"catalogs","c":"data-display/gamification","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-stats-card-group","t":"Stats: Card Group","d":"Use it to spotlight key metrics across a landing page in a clean grid.","s":"catalogs","c":"data-display/stat","tg":["minimal"],"sy":["minimal"]},{"id":"catalogs:shadcnuiblocks/marketing-stats-circular-progress","t":"Stats: Circular Progress","d":"Good for dashboards or landing pages that report completion rates and capacity at a glance","s":"catalogs","c":"data-viz/progress-bar","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-stats-comparison-metrics","t":"Stats: Comparison Metrics","d":"Use it to show the lift your product delivers over the old way.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-stats-comparison-stats","t":"Stats: Comparison Stats","d":"Great for sales pages that need to make the gain feel concrete and credible.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-stats-customer-testimonial","t":"Stats: Customer Testimonial","d":"Use it to pair social proof with hard results on a case study page.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-stats-funnel-stats","t":"Stats: Funnel Stats","d":"Use it to explain conversion and where users drop off in your flow.","s":"catalogs","c":"data-display/stat","tg":["playful"],"sy":["playful"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-stats-gradient-grid","t":"Stats: Gradient Grid","d":"Use it to display headline metrics when you want the section to feel premium.","s":"catalogs","c":"data-display/stat","tg":["gradient"],"sy":["gradient"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-stats-growth-timeline","t":"Stats: Growth Timeline","d":"Use it to chart company momentum on an about page or investor deck.","s":"catalogs","c":"data-display/timeline","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-stats-horizontal-with-dividers","t":"Stats: Horizontal With Dividers","d":"Use it under a hero to surface three or four headline numbers fast.","s":"catalogs","c":"data-display/stat","tg":["webgl"],"sy":["webgl"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-stats-impact-numbers","t":"Stats: Impact Numbers","d":"Use it to make reach, users, or revenue feel bold and immediate to readers.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-stats-interactive-hover","t":"Stats: Interactive Hover","d":"Use it when you want a number to expand into context on a feature page.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-stats-metric-cards","t":"Stats: Metric Cards","d":"Use it to report KPIs in a structured layout on a homepage or product page.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-stats-one-main-with-three-follow-ups","t":"Stats: One Main With Three Follow Ups","d":"Use it to lead with your strongest figure and back it with related proof.","s":"catalogs","c":"data-display/stat","tg":["webgl"],"sy":["webgl"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-stats-progress-bars","t":"Stats: Progress Bars","d":"Use it on a status page or report to show how far each goal has come.","s":"catalogs","c":"data-viz/progress-bar","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-stats-simple-3-cols","t":"Stats: Simple 3 Cols","d":"Use it for a clean, balanced stats strip on any marketing or about page.","s":"catalogs","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-stats-sparkline-stats","t":"Stats: Sparkline Stats","d":"Use it to show a number and its recent direction together on a dashboard view.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-stats-stats-with-icons","t":"Stats: Stats With Icons","d":"Use it to make a stats row scannable and add visual cues to every metric.","s":"catalogs","c":"data-display/stat"},{"id":"catalogs:shadcnuiblocks/marketing-stats-timeline-stats","t":"Stats: Timeline Stats","d":"Use it to tell a growth story across quarters on an about or press page.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-stats-trust-indicators","t":"Stats: Trust Indicators","d":"Use it near a signup form to reassure visitors and lift their confidence.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-subscribe-benefits-list","t":"Subscribe: Benefits List","d":"Tells visitors what they get before they sign up to your newsletter.","k":"section","s":"catalogs","c":"marketing/features","sb":"Lists","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-subscribe-incentive-center-aligned","t":"Subscribe: Incentive Center Aligned","d":"Use it to reward visitors who join your list with a discount or guide.","k":"section","s":"catalogs","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-subscribe-input-style","t":"Subscribe: Input Style","d":"Drop it into a footer or banner where space is tight but you still want signups.","s":"catalogs","c":"inputs/form-field","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-subscribe-newsletter-preview","t":"Subscribe: Newsletter Preview","d":"Sets reader expectations before they subscribe to it.","k":"section","s":"catalogs","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-subscribe-simple-center-aligned","t":"Subscribe: Simple Center Aligned","d":"The reliable default for landing pages and blog footers here.","k":"section","s":"catalogs","c":"marketing/cta","tg":["minimal"],"sb":"Newsletter and waitlist","sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-subscribe-simple-right-aligned","t":"Subscribe: Simple Right Aligned","d":"Fits wide sections where you want the form to balance the supporting copy.","k":"section","s":"catalogs","c":"marketing/cta","tg":["minimal"],"sb":"Newsletter and waitlist","sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-subscribe-social-proof-center","t":"Subscribe: Social Proof Center","d":"Use it when trust nudges visitors to join your mailing list.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-subscribe-split-layout","t":"Subscribe: Split Layout","d":"Adds visual interest to a signup section.","k":"section","s":"catalogs","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-team-sections-alternating-sections","t":"Team Sections: Alternating Sections","d":"Adds rhythm and gives room for longer profiles on an about page.","k":"section","s":"catalogs","c":"marketing/team","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-team-sections-masonry-grid","t":"Team Sections: Masonry Grid","d":"Fills the space naturally and suits a large, photo rich company roster.","k":"section","s":"catalogs","c":"marketing/team","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-team-sections-simple-cards","t":"Team Sections: Simple Cards","d":"The fast, tidy way to introduce a small team on an about or company page.","k":"section","s":"catalogs","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-team-sections-with-contact","t":"Team Sections: With Contact","d":"Lets visitors reach the right person directly from your about or contact page.","k":"section","s":"catalogs","c":"marketing/team","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-team-sections-with-filters","t":"Team Sections: With Filters","d":"Helps visitors find the right person inside a large company.","k":"section","s":"catalogs","c":"marketing/team","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-team-sections-with-hover-cards","t":"Team Sections: With Hover Cards","d":"Keeps the layout clean while extra detail stays one mouse move away.","k":"section","s":"catalogs","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-team-sections-with-large-images","t":"Team Sections: With Large Images","d":"Puts faces front and center for a bold, personal about page that feels human.","k":"section","s":"catalogs","c":"marketing/team"},{"id":"catalogs:shadcnuiblocks/marketing-team-sections-with-skill-badges","t":"Team Sections: With Skill Badges","d":"Great for agencies and studios that want to show real expertise at a glance.","k":"section","s":"catalogs","c":"marketing/team","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-team-sections-with-testimonials","t":"Team Sections: With Testimonials","d":"Adds a human voice and social proof to the about page of any company.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-testimonials-base","t":"Testimonials: Base","d":"Drop it onto any landing page to add a trusted voice with little effort.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-testimonials-big-image","t":"Testimonials: Big Image","d":"Use it when you want a single voice to carry weight and feel personal and real.","s":"catalogs","c":"media/gallery","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-testimonials-cards","t":"Testimonials: Cards","d":"Show several happy customers at once to build trust across your page.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-testimonials-cards-with-stats","t":"Testimonials: Cards With Stats","d":"Pair real quotes with hard numbers to prove your product delivers.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-testimonials-customer-story-showcase","t":"Testimonials: Customer Story Showcase","d":"Use it as social proof when one account speaks to your ideal buyer.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-testimonials-mini-with-dividers-in-grid","t":"Testimonials: Mini With Dividers In Grid","d":"Fit many short quotes into a tidy space without crowding the layout.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-testimonials-short-review-with-logo-and-stars","t":"Testimonials: Short Review With Logo And Stars","d":"Place it near a pricing table to reassure buyers before they commit.","k":"resource","s":"catalogs","c":"assets/logo","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-testimonials-simple-center-aligned-with-logo","t":"Testimonials: Simple Center Aligned With Logo","d":"Keep focus on one strong endorsement on a calm, uncluttered section.","k":"resource","s":"catalogs","c":"assets/logo","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-testimonials-small-image","t":"Testimonials: Small Image","d":"A friendly, lightweight option for sidebars or quieter page spots.","s":"catalogs","c":"media/gallery","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/marketing-testimonials-with-stats","t":"Testimonials: With Stats","d":"Combine a quote with proof points to back your claims with data.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-about-and-skills-about-me","t":"About And Skills: About Me","d":"Tells visitors who you are and why they should hire you on a portfolio page.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-about-and-skills-education-certifications","t":"About And Skills: Education Certifications","d":"Shows formal training and qualifications on a portfolio or resume page.","s":"catalogs","c":"inputs/form-field","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-about-and-skills-resume-download","t":"About And Skills: Resume Download","d":"Lets recruiters grab your resume in one click from a portfolio page.","s":"catalogs","c":"other/other"},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-about-and-skills-skills-display","t":"About And Skills: Skills Display","d":"Summarizes the tools and languages you know across a portfolio about page.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-about-and-skills-timeline-category-skills","t":"About And Skills: Timeline Category Skills","d":"Maps your career history and the abilities you used at each step you took.","s":"catalogs","c":"data-display/timeline","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-awards-and-recognition-awards-timeline","t":"Awards And Recognition: Awards Timeline","d":"Use it to walk visitors through your honors in chronological order on a profile.","s":"catalogs","c":"data-display/timeline","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-awards-and-recognition-badge-or-icon-grid","t":"Awards And Recognition: Badge Or Icon Grid","d":"Displays many certifications and honors at a glance on a portfolio about page.","k":"resource","s":"catalogs","c":"assets/icon","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-awards-and-recognition-carousel-of-certifications","t":"Awards And Recognition: Carousel Of Certifications","d":"Fits a long list of credentials into a compact, scrollable strip here.","s":"catalogs","c":"media/carousel","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-awards-and-recognition-featured-award-highlight","t":"Awards And Recognition: Featured Award Highlight","d":"Use it to lead with your most impressive recognition.","s":"catalogs","c":"other/other"},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-awards-and-recognition-quote-award-combo","t":"Awards And Recognition: Quote Award Combo","d":"Combines praise and recognition to build credibility on a portfolio page.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-blog-writing-and-previews-featured-article-list","t":"Blog Writing And Previews: Featured Article List","d":"Use it to spotlight your best post while listing recent writing.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Blog and posts","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-blog-writing-and-previews-grid-blog-cards","t":"Blog Writing And Previews: Grid Blog Cards","d":"The standard layout for browsing many articles on a writing index page.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Blog and posts","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-blog-writing-and-previews-horizontal-blog-carousel","t":"Blog Writing And Previews: Horizontal Blog Carousel","d":"Use it to preview recent posts in a tidy row without taking up much vertical space.","s":"catalogs","c":"media/carousel","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-blog-writing-and-previews-masonry-layout-articles","t":"Blog Writing And Previews: Masonry Layout Articles","d":"Fits posts that mix tall images with short text on a writing showcase.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Blog and posts","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-blog-writing-and-previews-minimal-list-dates","t":"Blog Writing And Previews: Minimal List Dates","d":"Use it when you want a fast, distraction free archive of all your writing.","s":"catalogs","c":"data-display/list","tg":["minimal"],"sb":"Activity and feeds","sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-case-studies-accordion-expandable-case-studies","t":"Case Studies: Accordion Expandable Case Studies","d":"Use it to list many projects while keeping the page compact until one is tapped.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Portfolio","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-case-studies-grid-case-study-previews","t":"Case Studies: Grid Case Study Previews","d":"The go to layout for browsing a portfolio of client projects at once.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Portfolio","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-case-studies-large-visual-focus-case-study","t":"Case Studies: Large Visual Focus Case Study","d":"Use it when the visual result of the project tells the story best.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Portfolio","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-case-studies-side-by-side-image-story","t":"Case Studies: Side By Side Image Story","d":"Pairs visuals and narrative to walk readers through a single case study.","s":"catalogs","c":"media/gallery","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-case-studies-timeline-style-case-study","t":"Case Studies: Timeline Style Case Study","d":"Use it to show your process and results step by step in one case study.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Portfolio","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-contact-sections-classic-contact-form","t":"Contact Sections: Classic Contact Form","d":"Drop it on a portfolio page so visitors can send a quick note.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Contact","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-contact-sections-map-with-contact-info","t":"Contact Sections: Map With Contact Info","d":"Use it when clients need to find your studio or office alongside ways to reach you.","k":"section","s":"catalogs","c":"marketing/logos","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-contact-sections-minimal-form-with-social","t":"Contact Sections: Minimal Form With Social","d":"Fits portfolios that want one simple message field and links to your other profiles.","k":"section","s":"catalogs","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"]},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-contact-sections-popup-trigger-contact","t":"Contact Sections: Popup Trigger Contact","d":"Good for portfolios where you want the form hidden until a visitor asks.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Contact","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-contact-sections-split-layout","t":"Contact Sections: Split Layout","d":"Balances a personal message with a clear path to get in touch.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Contact","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-core-services-overview-accordion-services","t":"Core Services Overview: Accordion Services","d":"Keeps a long offering compact and easy to scan.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-core-services-overview-icon-list-overview","t":"Core Services Overview: Icon List Overview","d":"Communicates your capabilities at a quick glance.","s":"catalogs","c":"data-display/list","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-core-services-overview-numbered-process-style-services","t":"Core Services Overview: Numbered Process Style Services","d":"Shows clients how you work and what to expect at each stage.","k":"section","s":"catalogs","c":"marketing/features","sb":"Steps","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-core-services-overview-service-cards-grid","t":"Core Services Overview: Service Cards Grid","d":"Lays out everything you offer in a tidy, balanced overview.","k":"section","s":"catalogs","c":"marketing/features","sb":"Grid of cards"},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-core-services-overview-split-layout-feature","t":"Core Services Overview: Split Layout Feature","d":"Spotlights your headline offering.","k":"section","s":"catalogs","c":"marketing/features","sb":"Showcase and split","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-cta-banner-full-width-bold-banner","t":"Cta Banner: Full Width Bold Banner","d":"Use it to span the page and push visitors toward hiring you or booking a call.","s":"catalogs","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-cta-banner-inline-cta","t":"Cta Banner: Inline CTA","d":"Place it between sections to nudge readers without interrupting.","k":"section","s":"catalogs","c":"marketing/cta","sb":"Banners","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-cta-banner-personal-photo-cta","t":"Cta Banner: Personal Photo CTA","d":"Adds a human face to the ask, ideal for freelancers inviting visitors to connect.","k":"section","s":"catalogs","c":"marketing/cta","sb":"Banners","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-cta-banner-split-cta","t":"Cta Banner: Split CTA","d":"Keeps the copy and the click target distinct and easy to scan.","k":"section","s":"catalogs","c":"marketing/cta","sb":"Banners","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-cta-banner-sticky-cta","t":"Cta Banner: Sticky CTA","d":"Useful for long portfolio pages where the offer should stay reachable.","k":"section","s":"catalogs","c":"marketing/cta","sb":"Banners","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-email-signup-and-newsletter-card-style-signup","t":"Email Signup And Newsletter: Card Style Signup","d":"Use it as a standalone callout inviting visitors to join your mailing list.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Sign up","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-email-signup-and-newsletter-footer-integrated-signup","t":"Email Signup And Newsletter: Footer Integrated Signup","d":"Captures subscribers at the bottom of every page without a dedicated section.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Sign up","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-email-signup-and-newsletter-popup-signup-form","t":"Email Signup And Newsletter: Popup Signup Form","d":"Use it to catch visitors before they leave your portfolio.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Sign up","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-email-signup-and-newsletter-simple-inline-form","t":"Email Signup And Newsletter: Simple Inline Form","d":"Slots into any section when you want a quick, low friction way to gather addresses.","s":"catalogs","c":"inputs/form-field","tg":["minimal"],"sb":"Email","sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-email-signup-and-newsletter-split-section-signup","t":"Email Signup And Newsletter: Split Section Signup","d":"Explains what subscribers get while keeping the email field clearly in view.","k":"section","s":"catalogs","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-event-speaking-and-workshops-event-cards-grid","t":"Event Speaking And Workshops: Event Cards Grid","d":"Use it to present many speaking appearances in one scannable layout.","s":"catalogs","c":"data-display/card","sb":"Product","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-event-speaking-and-workshops-featured-talk","t":"Event Speaking And Workshops: Featured Talk","d":"Highlights a signature presentation at the top of a speaking page.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-event-speaking-and-workshops-featured-talk-highlight","t":"Event Speaking And Workshops: Featured Talk Highlight","d":"Draws extra attention to your most notable conference appearance.","k":"theme","s":"catalogs","c":"themes/theme","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-event-speaking-and-workshops-timeline-speaking-engagements","t":"Event Speaking And Workshops: Timeline Speaking Engagements","d":"Use it to show how your speaking history has grown across many events over time.","s":"catalogs","c":"data-display/timeline","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-event-speaking-and-workshops-video-recording-embed","t":"Event Speaking And Workshops: Video Recording Embed","d":"Lets visitors watch you present without ever leaving your portfolio.","s":"catalogs","c":"media/player","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-featured-work-highlights-carousel-of-featured-projects","t":"Featured Work Highlights: Carousel Of Featured Projects","d":"Use it to spotlight your best work on a portfolio home page.","s":"catalogs","c":"media/carousel","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-featured-work-highlights-interactive-hover-reveal","t":"Featured Work Highlights: Interactive Hover Reveal","d":"Use it to keep a portfolio index clean while exposing detail on demand.","k":"motion","s":"catalogs","c":"motion/text-effect","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-featured-work-highlights-large-hero-project-display","t":"Featured Work Highlights: Large Hero Project Display","d":"Use it to open a case study or anchor a portfolio.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-featured-work-highlights-split-image-and-details-layout","t":"Featured Work Highlights: Split Image And Details Layout","d":"Use it to present featured work with room for context and notes.","s":"catalogs","c":"data-display/accordion","sb":"Cards","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-featured-work-highlights-stacked-highlight-cards","t":"Featured Work Highlights: Stacked Highlight Cards","d":"Use it to walk visitors through selected highlights in a clear reading order.","s":"catalogs","c":"data-display/card","sb":"Feature","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-hero-showcases-carousel-slider","t":"Hero Showcases: Carousel Slider","d":"Use it to cycle through signature work the moment a portfolio loads.","s":"catalogs","c":"inputs/slider","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-hero-showcases-floating-elements","t":"Hero Showcases: Floating Elements","d":"Use it to add motion and personality to a creative portfolio landing.","k":"section","s":"catalogs","c":"marketing/hero","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-hero-showcases-full-screen-centered","t":"Hero Showcases: Full Screen Centered","d":"Use it to make a strong first statement on a personal site.","k":"section","s":"catalogs","c":"marketing/hero","sb":"Centered and minimal"},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-hero-showcases-minimalist-cta","t":"Hero Showcases: Minimalist CTA","d":"Use it when you want visitors to reach your work or contact fast.","k":"section","s":"catalogs","c":"marketing/cta","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-hero-showcases-split-layout","t":"Hero Showcases: Split Layout","d":"Use it to pair an introduction with a portrait or featured shot at the top of a page.","k":"section","s":"catalogs","c":"marketing/hero","sb":"Split","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-mission-and-values-grid-of-core-values","t":"Mission And Values: Grid Of Core Values","d":"Use it to lay out the principles behind your work at a glance.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-mission-and-values-quote-values-combo","t":"Mission And Values: Quote Values Combo","d":"Use it to ground your mission in a memorable statement and proof.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-mission-and-values-story-first-narrative","t":"Mission And Values: Story First Narrative","d":"Use it to explain how a studio or person came to be and what drives it.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-mission-and-values-three-pillars-layout","t":"Mission And Values: Three Pillars Layout","d":"Use it to summarize the ideas your practice is built around.","k":"motion","s":"catalogs","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-mission-and-values-vertical-step-timeline","t":"Mission And Values: Vertical Step Timeline","d":"Use it to trace how your mission took shape over time for visitors.","s":"catalogs","c":"data-display/timeline"},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-process-and-approach-cycle-diagram","t":"Process And Approach: Cycle Diagram","d":"Use it to convey an iterative way of working where steps feed back in.","k":"section","s":"catalogs","c":"marketing/features","sb":"Steps","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-process-and-approach-horizontal-stepper","t":"Process And Approach: Horizontal Stepper","d":"Use it to lay out a linear workflow across a single line on the page.","s":"catalogs","c":"navigation/wizard-steps","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-process-and-approach-process-principles","t":"Process And Approach: Process Principles","d":"Use it to state the beliefs behind your method alongside short explanations.","k":"section","s":"catalogs","c":"marketing/features","sb":"Steps","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-process-and-approach-stacked-cards","t":"Process And Approach: Stacked Cards","d":"Use it to walk a client through how an engagement unfolds step by step.","s":"catalogs","c":"data-display/card","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-process-and-approach-vertical-timeline","t":"Process And Approach: Vertical Timeline","d":"Use it to show the path a project follows from kickoff through delivery.","s":"catalogs","c":"data-display/timeline","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-project-displays-filterable-grid","t":"Project Displays: Filterable Grid","d":"Use it when a portfolio holds varied work across many fields.","s":"catalogs","c":"inputs/form-field","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-project-displays-quote-stack","t":"Project Displays: Quote Stack","d":"Use it to weave testimonials into a project page and back up your results with words.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-project-displays-standard-grid","t":"Project Displays: Standard Grid","d":"Use it as the main index for browsing a portfolio at a glance.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-project-displays-stats-cards","t":"Project Displays: Stats Cards","d":"Use it to quantify your track record near the top of a portfolio.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-project-displays-zigzag-layout","t":"Project Displays: Zigzag Layout","d":"Use it to give each project room to breathe with a clear narrative flow.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-quote-and-feedback-base","t":"Quote And Feedback: Base","d":"Use it as a simple starting point to add one piece of client feedback to any page.","s":"catalogs","c":"other/other","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-quote-and-feedback-grid-of-quotes","t":"Quote And Feedback: Grid Of Quotes","d":"Use it to gather feedback from many clients in one compact section.","k":"section","s":"catalogs","c":"marketing/logos","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-quote-and-feedback-quote-with-project-context","t":"Quote And Feedback: Quote With Project Context","d":"Use it to tie praise directly to the work that earned it on a case study.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-quote-and-feedback-scrollable-quote-carousel","t":"Quote And Feedback: Scrollable Quote Carousel","d":"Use it to rotate testimonials without crowding a portfolio page.","s":"catalogs","c":"media/carousel","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-quote-and-feedback-single-quote-highlight","t":"Quote And Feedback: Single Quote Highlight","d":"Use it to feature one standout endorsement and let it carry real weight.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-resource-download-sections-featured-resource-card","t":"Resource Download Sections: Featured Resource Card","d":"Use it to push a flagship guide or template to visitors.","s":"catalogs","c":"data-display/card","sb":"Feature","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-resource-download-sections-gated-download","t":"Resource Download Sections: Gated Download","d":"Use it to capture leads while sharing a guide or kit.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-resource-download-sections-inline-resource-callout","t":"Resource Download Sections: Inline Resource Callout","d":"Use it to surface a download right where it stays relevant.","s":"catalogs","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-resource-download-sections-minimalist-resource-list","t":"Resource Download Sections: Minimalist Resource List","d":"Use it when you want a quiet, fast index of files with no extra clutter.","s":"catalogs","c":"data-display/list","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-resource-download-sections-resources-grid","t":"Resource Download Sections: Resources Grid","d":"Use it to present a full library of guides and templates in one tidy section.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-resume-and-downloads-branded-document-icons-grid","t":"Resume And Downloads: Branded Document Icons Grid","d":"Use it to offer several downloads in one branded section.","k":"resource","s":"catalogs","c":"assets/icon","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-resume-and-downloads-resume-cover-letter-combo","t":"Resume And Downloads: Resume Cover Letter Combo","d":"Use it on a hiring page where both documents matter to recruiters.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-resume-and-downloads-resume-with-short-bio-cta","t":"Resume And Downloads: Resume With Short Bio CTA","d":"Use it to introduce yourself and hand over your CV in one focused block.","k":"section","s":"catalogs","c":"marketing/cta","sb":"App download","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-resume-and-downloads-simple-download-button","t":"Resume And Downloads: Simple Download Button","d":"Use it when you want the lightest possible way to share a CV on any portfolio page.","s":"catalogs","c":"actions/button","tg":["minimal"],"sb":"Loading and states","sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-resume-and-downloads-split-layout","t":"Resume And Downloads: Split Layout","d":"Use it to balance a personal pitch with quick access to your files.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-social-media-embeds-highlighted-post","t":"Social Media Embeds: Highlighted Post","d":"Spotlights your best content when one example carries the message.","s":"catalogs","c":"ai-agent/ai-agent","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-social-media-embeds-instagram-grid","t":"Social Media Embeds: Instagram Grid","d":"Use it to preview a visual feed on a portfolio.","s":"catalogs","c":"data-display/timeline","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-social-media-embeds-social-icons-feed","t":"Social Media Embeds: Social Icons Feed","d":"Drop it in a footer or sidebar so visitors can follow you anywhere fast.","s":"catalogs","c":"data-display/timeline","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-social-media-embeds-tweet-carousel","t":"Social Media Embeds: Tweet Carousel","d":"Rotate through recent posts or testimonials without stacking them down the page.","s":"catalogs","c":"media/carousel"},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-social-media-embeds-youtube-video-strip","t":"Social Media Embeds: YouTube Video Strip","d":"Place it on a channel page to let visitors scan and open videos in one click.","s":"catalogs","c":"media/player","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-why-work-with-me-before-after-comparison","t":"Why Work With Me: Before After Comparison","d":"Proves your impact visually when results speak louder than text.","k":"section","s":"catalogs","c":"marketing/comparison","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-why-work-with-me-bulleted-value-proposition","t":"Why Work With Me: Bulleted Value Proposition","d":"Summarizes what you deliver so visitors grasp your strengths in a few seconds.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-why-work-with-me-client-oriented-testimonials","t":"Why Work With Me: Client Oriented Testimonials","d":"Builds trust by letting past clients vouch for your results.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-why-work-with-me-storytelling-approach","t":"Why Work With Me: Storytelling Approach","d":"Use it to explain how you work and win over cautious buyers.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-why-work-with-me-why-me-vs-competition","t":"Why Work With Me: Why Me Vs Competition","d":"Helps undecided visitors see why you are the better choice at a glance.","k":"section","s":"catalogs","c":"marketing/comparison","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-work-experience-cards-accordion-experience-cards","t":"Work Experience Cards: Accordion Experience Cards","d":"Keeps a long career history tidy while letting readers drill into detail.","s":"catalogs","c":"data-display/accordion","sb":"Cards","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-work-experience-cards-card-with-project-showcase","t":"Work Experience Cards: Card With Project Showcase","d":"Connects each position to concrete work so visitors see outcomes, not just titles.","s":"catalogs","c":"data-display/card","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-work-experience-cards-experience-quote-combo","t":"Work Experience Cards: Experience Quote Combo","d":"Pairs the facts of a position with social proof to strengthen each entry.","s":"catalogs","c":"data-display/card","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-work-experience-cards-logo-first-card-layout","t":"Work Experience Cards: Logo First Card Layout","d":"Use it when recognizable employers carry weight and you want brands seen first.","k":"resource","s":"catalogs","c":"assets/logo","hc":1,"cp":1},{"id":"catalogs:shadcnuiblocks/portfolio-portfolio-work-experience-cards-minimalist-role-highlight","t":"Work Experience Cards: Minimalist Role Highlight","d":"Ideal for a clean resume page where the focus stays on the roles themselves.","s":"catalogs","c":"data-display/card","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:starc007/action-swap-blur","t":"Action Swap Blur","d":"Copy-button style swap with blur, opacity and scale.","s":"catalogs","c":"actions/copy-button","hc":1,"cp":1},{"id":"catalogs:starc007/action-swap-cascade","t":"Action Swap Cascade","d":"Letter-by-letter slot roll: the old label's letters drop away as the new ones land, left t","s":"catalogs","c":"inputs/form-field","hc":1,"cp":1},{"id":"catalogs:starc007/action-swap-roll","t":"Action Swap Roll","d":"The next text or icon rolls in from below with blur.","k":"resource","s":"catalogs","c":"assets/icon","hc":1,"cp":1},{"id":"catalogs:starc007/animated-badge","t":"Animated Badge","d":"Status badge with animated state icons, pulse feedback and compact size variants.","s":"catalogs","c":"data-display/badge","sb":"Animated"},{"id":"catalogs:starc007/animated-number","t":"Animated Number","d":"Spring-driven count-up triggered when in view.","k":"motion","s":"catalogs","c":"motion/number-ticker"},{"id":"catalogs:starc007/animated-toast-stack","t":"Animated Toast Stack","d":"Stacked toasts with status morphs, swipe dismissal, actions and layout-aware motion.","s":"catalogs","c":"overlays/toast","hc":1,"cp":1},{"id":"catalogs:starc007/availability-scheduler","t":"Availability Scheduler","d":"Weekly availability editor where each day springs between available and unavailable, time ","s":"catalogs","c":"data-display/calendar","hc":1,"cp":1},{"id":"catalogs:starc007/bloom-menu","t":"Bloom Menu","d":"A button that morphs open into a menu and blooms iris-out from the center, the grid reveal","s":"catalogs","c":"navigation/menu","hc":1,"cp":1},{"id":"catalogs:starc007/bottom-sheet","t":"Bottom Sheet","d":"Vaul-inspired draggable bottom sheet with snap points, inertia and glass surface.","s":"catalogs","c":"overlays/sheet","tg":["glass"],"sy":["glass"],"hc":1,"cp":1},{"id":"catalogs:starc007/bouncy-accordion","t":"Bouncy Accordion","d":"Single-open accordion with weighted spring layout, icon rows and reduced-motion-safe conte","s":"catalogs","c":"data-display/accordion","tg":["playful"],"sy":["playful"],"hc":1,"cp":1},{"id":"catalogs:starc007/button-base","t":"Button","d":"Press scale, hover lift, variants and sizes.","s":"catalogs","c":"actions/button","hc":1},{"id":"catalogs:starc007/button-magnetic","t":"Magnetic Button","d":"Button composed with the Magnetic wrapper for cursor-attracted pull.","s":"catalogs","c":"actions/button","sb":"Animated","hc":1},{"id":"catalogs:starc007/button-stateful","t":"Stateful Button","d":"Idle → loading → success / error with blur-swap slots and morphing width.","s":"catalogs","c":"actions/button","sb":"Loading and states","hc":1},{"id":"catalogs:starc007/checkbox","t":"Checkbox","d":"Form choice control with a draw-on checkmark, spring press feedback and indeterminate stat","s":"catalogs","c":"inputs/checkbox"},{"id":"catalogs:starc007/command-palette","t":"Command Palette","d":"⌘K palette with fuzzy filter, spring-animated active row and glass surface.","s":"catalogs","c":"navigation/command-palette","tg":["glass"],"sy":["glass"],"hc":1,"cp":1},{"id":"catalogs:starc007/cylinder-carousel","t":"Cylinder Carousel","d":"A carousel whose items line the inside of a cylinder, receding into the center and growing","s":"catalogs","c":"media/carousel","hc":1,"cp":1},{"id":"catalogs:starc007/dock","t":"Dock","d":"macOS-style dock with grouped actions and a gliding active pill.","s":"catalogs","c":"navigation/dock","hc":1,"cp":1},{"id":"catalogs:starc007/drawer","t":"Drawer","d":"Side panel that slides in from the left or right with a spring, backdrop blur, body scroll","s":"catalogs","c":"overlays/sheet","hc":1,"cp":1},{"id":"catalogs:starc007/dynamic-island","t":"Dynamic Island","d":"iOS-style island pill that morphs between live activity views with bouncy shell resize and","k":"layout","s":"catalogs","c":"layout/page-shell","tg":["playful"],"sy":["playful"],"hc":1,"cp":1},{"id":"catalogs:starc007/expandable-action-bar","t":"Expandable Action Bar","d":"Compact icon actions that expand into labeled controls on hover or focus with shared layou","s":"catalogs","c":"data-display/accordion","hc":1,"cp":1},{"id":"catalogs:starc007/expandable-tabs","t":"Expandable Tabs","d":"Icon tab bar where the active tab expands to a labelled pill, with a panel above that morp","s":"catalogs","c":"navigation/tabs","hc":1,"cp":1},{"id":"catalogs:starc007/feedback-widget","t":"Feedback Widget","d":"Corner trigger that morphs open into a feedback popup with message entry and animated send","s":"catalogs","c":"inputs/rating","hc":1,"cp":1},{"id":"catalogs:starc007/file-upload","t":"File Upload","d":"Drag-and-drop upload queue with progress rows, retry/remove actions and reduced-motion-saf","s":"catalogs","c":"inputs/file-upload"},{"id":"catalogs:starc007/hold-action-button","t":"Hold Action Button","d":"Hold to complete with a vertical or horizontal liquid fill; release early to cancel.","s":"catalogs","c":"actions/button","sb":"Loading and states"},{"id":"catalogs:starc007/infinite-masonry","t":"Infinite Masonry","d":"Responsive virtualized masonry that measures variable-height cards and loads more data as ","s":"catalogs","c":"media/gallery","sb":"Masonry","hc":1,"cp":1},{"id":"catalogs:starc007/input","t":"Input","d":"Text input with label, left/right icons, error shake and success check draw.","s":"catalogs","c":"inputs/form-field","hc":1,"cp":1},{"id":"catalogs:starc007/knockout-bracket","t":"Knockout Bracket","d":"Google-style tournament bracket that pages one round at a time: the leftmost round stacks ","s":"catalogs","c":"data-display/card","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:starc007/loader","t":"Loader","d":"Loading indicator with seventeen variants: spinner, dots, bars, dot-matrix, dither, morph,","s":"catalogs","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:starc007/marquee","t":"Marquee","d":"Infinite horizontal or vertical scroll with pause-on-hover.","k":"motion","s":"catalogs","c":"motion/marquee","hc":1,"cp":1},{"id":"catalogs:starc007/morphing-modal","t":"Morphing Modal","d":"Family-app-style modal. A single panel that morphs its height as you navigate between inne","s":"catalogs","c":"overlays/dialog","sb":"Animated","hc":1,"cp":1},{"id":"catalogs:starc007/not-found-glitch","t":"404 / Not Found Glitch","d":"Digits scramble through random glyphs before resolving, with a chromatic split on hover.","k":"page","s":"catalogs","c":"pages/templates","sb":"Error and status pages","hc":1,"cp":1},{"id":"catalogs:starc007/not-found-magnetic","t":"404 / Not Found Magnetic","d":"Each digit is cursor-attracted via the Magnetic wrapper and springs back on leave.","k":"page","s":"catalogs","c":"pages/templates","sb":"Error and status pages"},{"id":"catalogs:starc007/not-found-spotlight","t":"404 / Not Found Spotlight","d":"A dark panel where a cursor-tracked spotlight reveals the bright code from a dim base.","k":"motion","s":"catalogs","c":"motion/background","sb":"Beams and light","hc":1,"cp":1},{"id":"catalogs:starc007/not-found-stacked","t":"404 / Not Found Stacked","d":"A code card over a hidden stack that fans out with a spring on hover.","k":"page","s":"catalogs","c":"pages/templates","sb":"Error and status pages","hc":1,"cp":1},{"id":"catalogs:starc007/not-found-terminal","t":"404 / Not Found Terminal","d":"A terminal window that types a failed cd command and a 404 status, with a blinking caret.","s":"catalogs","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:starc007/notification-stack","t":"Notification Stack","d":"Compact notification cards that spring from a stacked summary into a readable list on hove","s":"catalogs","c":"overlays/notifications","hc":1,"cp":1},{"id":"catalogs:starc007/number-ticker","t":"Number Ticker","d":"Slot-machine rolling digits with staggered entry.","k":"motion","s":"catalogs","c":"motion/number-ticker"},{"id":"catalogs:starc007/otp-input","t":"OTP Input","d":"One-time-code input with a gliding focus ring, digits that roll in per slot, error shake a","s":"catalogs","c":"inputs/otp-input","hc":1,"cp":1},{"id":"catalogs:starc007/overflow-actions","t":"Overflow Actions","d":"Connected pill rail for primary actions that springs open to reveal extra controls.","s":"catalogs","c":"data-display/badge","hc":1,"cp":1},{"id":"catalogs:starc007/parallax","t":"Parallax","d":"Wrapper that drifts its children at a speed factor as they cross the viewport, on either a","k":"layout","s":"catalogs","c":"layout/scroll-area","hc":1},{"id":"catalogs:starc007/popover","t":"Gooey Popover","d":"Composable Popover, PopoverTrigger, PopoverContent; the panel oozes out of the trigger thr","s":"catalogs","c":"overlays/popover","hc":1,"cp":1},{"id":"catalogs:starc007/popover-morph","t":"Morphing Popover","d":"Composable MorphPopover, MorphPopoverTrigger, MorphPopoverContent; the panel is laid out f","s":"catalogs","c":"overlays/popover"},{"id":"catalogs:starc007/prediction-market","t":"Prediction Market","d":"Prediction market trade ticket with buy/sell modes, outcome prices, rolling amount entry, ","s":"catalogs","c":"data-display/badge","hc":1},{"id":"catalogs:starc007/preview-rail","t":"Preview Rail","d":"Codex app-inspired navigation rail with compact ticks that form a hover pyramid and reveal","s":"catalogs","c":"inputs/form-field","hc":1,"cp":1},{"id":"catalogs:starc007/pull-to-refresh","t":"Pull to Refresh","d":"Native-feeling pull-to-refresh container with drag resistance, threshold feedback and asyn","k":"layout","s":"catalogs","c":"layout/page-shell","hc":1,"cp":1},{"id":"catalogs:starc007/radio","t":"Radio Group","d":"Single-select choice control with a gliding layoutId indicator dot and spring press feedba","s":"catalogs","c":"inputs/radio","hc":1,"cp":1},{"id":"catalogs:starc007/range-slider","t":"Range Slider","d":"Range slider with tick dots and a bouncy vertical-bar thumb that glides between snapped st","s":"catalogs","c":"inputs/slider","tg":["playful"],"sy":["playful"],"hc":1},{"id":"catalogs:starc007/scroll-progress","t":"Scroll Progress","d":"Reading-progress indicator, fixed bar or circular ring, driven by scroll position via useS","s":"catalogs","c":"data-viz/progress-bar","hc":1},{"id":"catalogs:starc007/scroll-reveal","t":"Scroll Reveal","d":"Reveals its children with a spring slide and blur as they enter the viewport, once or ever","k":"layout","s":"catalogs","c":"layout/scroll-area","hc":1},{"id":"catalogs:starc007/scroll-to","t":"Scroll To","d":"Button that smooth-scrolls to a target (offset, selector or element) via the active Smooth","k":"layout","s":"catalogs","c":"layout/scroll-area","hc":1},{"id":"catalogs:starc007/select","t":"Select","d":"Composable primitives (Select, SelectTrigger, SelectValue, SelectContent, SelectItem); the","s":"catalogs","c":"inputs/select","hc":1},{"id":"catalogs:starc007/select-morph","t":"Morphing Select","d":"Composable primitives (MorphSelect, MorphSelectTrigger, MorphSelectValue, MorphSelectConte","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Rotating words"},{"id":"catalogs:starc007/shader-background","t":"Shader Background","d":"Canvas shader backgrounds (mesh gradient, grain, warp, waves, voronoi, dot orbit and more)","k":"motion","s":"catalogs","c":"motion/background","tg":["gradient","webgl"],"sb":"Shaders and WebGL","sy":["gradient","webgl"]},{"id":"catalogs:starc007/shared-layout-bg","t":"Shared Layout Background","d":"A pill that glides between hovered items via motion's shared layout, with blur enter/exit.","k":"motion","s":"catalogs","c":"motion/background","hc":1,"cp":1},{"id":"catalogs:starc007/slide-action-button","t":"Slide Action Button","d":"Drag the thumb to the end to confirm an action; release early to spring back.","s":"catalogs","c":"actions/button","hc":1},{"id":"catalogs:starc007/smooth-scroll","t":"Smooth Scroll","d":"Smooth-scroll provider over Lenis with a useSmoothScroll hook exposing scroll offset, prog","k":"layout","s":"catalogs","c":"layout/scroll-area","hc":1},{"id":"catalogs:starc007/swap","t":"Multi chain Swap","d":"Cross-chain swap widget with chain + token selectors, morphing views, animated flip and qu","s":"catalogs","c":"data-display/card"},{"id":"catalogs:starc007/swipeable-list","t":"Swipeable List","d":"Mobile-style list rows that swipe left or right to reveal contextual action buttons.","s":"catalogs","c":"data-display/list","hc":1,"cp":1},{"id":"catalogs:starc007/switch","t":"Switch","d":"Toggle with a spring-driven thumb and press feedback.","s":"catalogs","c":"actions/switch","hc":1,"cp":1},{"id":"catalogs:starc007/table","t":"Data Table","d":"10k virtualized rows with sortable headers, row selection, column resize and reorder.","s":"catalogs","c":"data-display/table","hc":1,"cp":1},{"id":"catalogs:starc007/table-async","t":"Async Table","d":"Loads pages on demand: skeleton rows on first load, then infinite scroll via onEndReached ","s":"catalogs","c":"data-display/table","hc":1,"cp":1},{"id":"catalogs:starc007/table-editable","t":"Editable Table","d":"Edit cells inline and insert or delete rows and columns via border handles; the table re-r","s":"catalogs","c":"data-display/table","sb":"Editable","hc":1,"cp":1},{"id":"catalogs:starc007/tabs","t":"Tabs","d":"Pill, segment or underline tabs with a spring layoutId indicator.","s":"catalogs","c":"navigation/tabs","hc":1,"cp":1},{"id":"catalogs:starc007/text-cascade","t":"Text Cascade","d":"Letter-by-letter slot roll for standalone text: old letters drop away as new ones land, le","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1},{"id":"catalogs:starc007/text-reveal","t":"Text Reveal","d":"Word or character reveal with spring slide-up and blur.","k":"motion","s":"catalogs","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"catalogs:starc007/text-shimmer","t":"Text Shimmer","d":"Gradient sweep across text for loading or emphasis.","k":"motion","s":"catalogs","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"hc":1},{"id":"catalogs:starc007/theme-toggle","t":"Theme Toggle","d":"Theme toggle button with a full-page rectangle clip-path reveal via the View Transition AP","s":"catalogs","c":"actions/switch","sb":"Theme toggles"},{"id":"catalogs:starc007/tilt-card","t":"Tilt Card","d":"3D perspective tilt on hover with cursor-tracked glare.","s":"catalogs","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"hc":1,"cp":1},{"id":"catalogs:starc007/tooltip","t":"Tooltip","d":"Hover or focus tooltip with blur enter/exit and spring spawn.","s":"catalogs","c":"overlays/tooltip","hc":1,"cp":1},{"id":"catalogs:starc007/wallet-card","t":"Wallet Card","d":"Wallet overview card with an account switcher and search that morph open from their trigge","s":"catalogs","c":"data-display/card","sb":"Payment","hc":1,"cp":1},{"id":"catalogs:starc007/wheel-picker","t":"Wheel Picker","d":"iOS-style picker wheel: a 3D drum on native momentum scroll that snaps to the nearest notc","s":"catalogs","c":"inputs/select","tg":["3d"],"sy":["3d"],"hc":1,"cp":1},{"id":"catalogs:tailark/call-to-action-1","t":"Call To Action #1","d":"A dark call-to-action section with supporting text and primary and secondary actions.","k":"section","s":"catalogs","c":"marketing/cta","hc":1},{"id":"catalogs:tailark/call-to-action-2","t":"Call To Action #2","d":"A dark call-to-action section with supporting text and primary and secondary actions.","k":"section","s":"catalogs","c":"marketing/cta","hc":1},{"id":"catalogs:tailark/content-1","t":"Content Block #1","d":"A dark editorial section that pairs product copy with supporting media.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:tailark/content-2","t":"Content Block #2","d":"A dark editorial section that pairs product copy with supporting media.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:tailark/content-3","t":"Content Block #3","d":"A dark editorial section that pairs product copy with supporting media.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:tailark/content-4","t":"Content Block #4","d":"A dark editorial section that pairs product copy with supporting media.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:tailark/faqs-1","t":"FAQs Block #1","d":"A dark FAQ section with collapsible questions and answers.","k":"section","s":"catalogs","c":"marketing/faq","hc":1},{"id":"catalogs:tailark/features-1","t":"Features Block #1","d":"A dark feature section combining product copy with cards and media.","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:tailark/features-2","t":"Features Block #2","d":"A dark feature section combining product copy with cards and media.","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:tailark/features-3","t":"Features Block #3","d":"A dark feature section combining product copy with cards and media.","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:tailark/features-4","t":"Features Block #4","d":"A dark feature section combining product copy with cards and media.","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:tailark/features-5","t":"Features Block #5","d":"A dark feature section combining product copy with cards and media.","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:tailark/features-6","t":"Features Block #6","d":"A dark feature section combining product copy with cards and media.","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:tailark/features-7","t":"Features Block #7","d":"A dark feature section combining product copy with cards and media.","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:tailark/footer-1","t":"Footer Block #1","d":"A dark site footer with navigation, brand details, and supporting links.","k":"section","s":"catalogs","c":"marketing/footer"},{"id":"catalogs:tailark/footer-2","t":"Footer Block #2","d":"A dark site footer with navigation, brand details, and supporting links.","k":"section","s":"catalogs","c":"marketing/footer","hc":1},{"id":"catalogs:tailark/hero-section-1","t":"Hero Section #1","d":"A dark hero section with headline copy, actions, and a product-focused visual.","k":"section","s":"catalogs","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"catalogs:tailark/hero-section-10","t":"Hero Section #10","d":"Dusk Kit hero: headline and get-started button above a product screenshot and a logo cloud","k":"section","s":"catalogs","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"catalogs:tailark/hero-section-2","t":"Hero Section #2","d":"A dark hero section with headline copy, actions, and a product-focused visual.","k":"section","s":"catalogs","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"catalogs:tailark/hero-section-3","t":"Hero Section #3","d":"A dark hero section with headline copy, actions, and a product-focused visual.","k":"section","s":"catalogs","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"catalogs:tailark/hero-section-4","t":"Hero Section #4","d":"A dark hero section with headline copy, actions, and a product-focused visual.","k":"section","s":"catalogs","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"catalogs:tailark/hero-section-5","t":"Hero Section #5","d":"A dark hero section with headline copy, actions, and a product-focused visual.","k":"section","s":"catalogs","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"catalogs:tailark/hero-section-6","t":"Hero Section #6","d":"A dark hero section with headline copy, actions, and a product-focused visual.","k":"section","s":"catalogs","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"catalogs:tailark/hero-section-7","t":"Hero Section #7","d":"A dark hero section with headline copy, actions, and a product-focused visual.","k":"section","s":"catalogs","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"catalogs:tailark/hero-section-8","t":"Hero Section #8","d":"A dark hero section with headline copy, actions, and a product-focused visual.","k":"section","s":"catalogs","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"catalogs:tailark/hero-section-9","t":"Hero Section #9","d":"A dark hero section with headline copy, actions, and a product-focused visual.","k":"section","s":"catalogs","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"catalogs:tailark/integrations-1","t":"Integrations Block 1","d":"A dark section for presenting connected products and service logos.","k":"section","s":"catalogs","c":"marketing/logos","hc":1},{"id":"catalogs:tailark/landing-1","t":"Landing Page #1","d":"Dusk Kit landing page assembled from hero, features, stats, pricing, testimonials, call to","k":"page","s":"catalogs","c":"pages/templates","sb":"Landing pages","hc":1},{"id":"catalogs:tailark/landing-10","t":"Landing Page #10","d":"Dusk Kit landing page assembled from hero, three feature sections, a content block, integr","k":"page","s":"catalogs","c":"pages/templates","tg":["webgl"],"sb":"Landing pages","sy":["webgl"],"hc":1},{"id":"catalogs:tailark/landing-2","t":"Landing Page #2","d":"Dusk Kit landing page assembled from hero, three feature sections, a content block, stats,","k":"page","s":"catalogs","c":"pages/templates","tg":["webgl"],"sb":"Landing pages","sy":["webgl"],"hc":1},{"id":"catalogs:tailark/landing-3","t":"Landing Page #3","d":"Dusk Kit landing page assembled from hero, three feature sections, a content block, stats,","k":"page","s":"catalogs","c":"pages/templates","tg":["webgl"],"sb":"Landing pages","sy":["webgl"]},{"id":"catalogs:tailark/landing-4","t":"Landing Page #4","d":"Dusk Kit landing page assembled from hero, a content block, two feature sections, integrat","k":"page","s":"catalogs","c":"pages/templates","sb":"Landing pages","hc":1},{"id":"catalogs:tailark/landing-5","t":"Landing Page #5","d":"Dusk Kit landing page assembled from a page-specific hero, four feature sections, a conten","k":"page","s":"catalogs","c":"pages/templates","sb":"Landing pages","hc":1},{"id":"catalogs:tailark/landing-6","t":"Landing Page #6","d":"Dusk Kit landing page assembled from hero, two feature sections, a content block, pricing,","k":"page","s":"catalogs","c":"pages/templates","sb":"Landing pages","hc":1},{"id":"catalogs:tailark/landing-7","t":"Landing Page #7","d":"Dusk Kit landing page assembled from hero, a content block, two feature sections, stats, p","k":"page","s":"catalogs","c":"pages/templates","sb":"Landing pages","hc":1},{"id":"catalogs:tailark/landing-8","t":"Landing Page #8","d":"Dusk Kit landing page assembled from hero, a logo cloud, three feature sections, a content","k":"page","s":"catalogs","c":"pages/templates","tg":["webgl"],"sb":"Landing pages","sy":["webgl"]},{"id":"catalogs:tailark/landing-9","t":"Landing Page #9","d":"Dusk Kit landing page assembled from hero, two feature sections, pricing, testimonials, st","k":"page","s":"catalogs","c":"pages/templates","sb":"Landing pages","hc":1},{"id":"catalogs:tailark/logo-cloud-1","t":"Logo Cloud #1","d":"A dark logo display for customer or partner brands.","k":"section","s":"catalogs","c":"marketing/logos","hc":1},{"id":"catalogs:tailark/logo-cloud-2","t":"Logo Cloud #2","d":"A dark logo display for customer or partner brands.","k":"section","s":"catalogs","c":"marketing/logos","hc":1},{"id":"catalogs:tailark/logo-cloud-3","t":"Logo Cloud #3","d":"A dark logo display for customer or partner brands.","k":"section","s":"catalogs","c":"marketing/logos","hc":1},{"id":"catalogs:tailark/logo-cloud-4","t":"Logo Cloud #4","d":"Dusk Kit logo cloud: customer logos scrolling continuously on an infinite slider.","k":"section","s":"catalogs","c":"marketing/logos","hc":1},{"id":"catalogs:tailark/mist-call-to-action-1","t":"Call To Action #1","d":"A light call-to-action section with supporting text and prominent actions.","k":"section","s":"catalogs","c":"marketing/cta","hc":1},{"id":"catalogs:tailark/mist-call-to-action-2","t":"Call To Action #2","d":"A light call-to-action section with supporting text and prominent actions.","k":"section","s":"catalogs","c":"marketing/cta","hc":1},{"id":"catalogs:tailark/mist-call-to-action-3","t":"Call To Action #3","d":"A light call-to-action section with supporting text and prominent actions.","k":"section","s":"catalogs","c":"marketing/cta","hc":1},{"id":"catalogs:tailark/mist-comparator-1","t":"Comparator One","d":"A light pricing comparison table for plans and included features.","k":"section","s":"catalogs","c":"marketing/pricing","sb":"Comparison tables"},{"id":"catalogs:tailark/mist-contact-1","t":"Contact One","d":"A light contact section with form fields and a submit action.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"catalogs:tailark/mist-content-1","t":"Content One","d":"A light editorial section that pairs product copy with supporting media.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:tailark/mist-content-2","t":"Content Two","d":"A light editorial section that pairs product copy with supporting media.","s":"catalogs","c":"other/other"},{"id":"catalogs:tailark/mist-content-3","t":"Content Three","d":"A light editorial section that pairs product copy with supporting media.","k":"motion","s":"catalogs","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:tailark/mist-content-4","t":"Content Four","d":"A light editorial section that pairs product copy with supporting media.","s":"catalogs","c":"other/other","hc":1},{"id":"catalogs:tailark/mist-faqs-1","t":"FAQs One","d":"A light FAQ section with questions, answers, and support links.","k":"section","s":"catalogs","c":"marketing/faq","hc":1},{"id":"catalogs:tailark/mist-faqs-2","t":"FAQs Two","d":"A light FAQ section with questions, answers, and support links.","k":"section","s":"catalogs","c":"marketing/faq","hc":1},{"id":"catalogs:tailark/mist-faqs-3","t":"FAQs Three","d":"A light FAQ section with questions, answers, and support links.","k":"section","s":"catalogs","c":"marketing/faq","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:tailark/mist-features-1","t":"Features One","d":"A light feature section combining product copy with cards and media.","k":"section","s":"catalogs","c":"marketing/features"},{"id":"catalogs:tailark/mist-features-10","t":"Features Ten","d":"A light feature section combining product copy with cards and media.","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:tailark/mist-features-11","t":"Features Eleven","d":"A light feature section combining product copy with cards and media.","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:tailark/mist-features-2","t":"Features Two","d":"A light feature section combining product copy with cards and media.","k":"section","s":"catalogs","c":"marketing/features"},{"id":"catalogs:tailark/mist-features-3","t":"Features Three","d":"A light feature section combining product copy with cards and media.","k":"section","s":"catalogs","c":"marketing/features","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:tailark/mist-features-4","t":"Features Four","d":"A light feature section combining product copy with cards and media.","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:tailark/mist-features-5","t":"Features Five","d":"A light feature section combining product copy with cards and media.","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:tailark/mist-features-6","t":"Features Six","d":"A light feature section combining product copy with cards and media.","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:tailark/mist-features-7","t":"Features Seven","d":"A light feature section combining product copy with cards and media.","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:tailark/mist-features-8","t":"Features Eight","d":"A light feature section combining product copy with cards and media.","k":"section","s":"catalogs","c":"marketing/features"},{"id":"catalogs:tailark/mist-features-9","t":"Features Nine","d":"A light feature section combining product copy with cards and media.","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:tailark/mist-footer-1","t":"Footer One","d":"A light site footer with navigation, brand details, and supporting links.","k":"section","s":"catalogs","c":"marketing/footer","hc":1},{"id":"catalogs:tailark/mist-footer-2","t":"Footer Two","d":"A light site footer with navigation, brand details, and supporting links.","k":"section","s":"catalogs","c":"marketing/footer"},{"id":"catalogs:tailark/mist-footer-3","t":"Footer Three","d":"A light site footer with navigation, brand details, and supporting links.","k":"section","s":"catalogs","c":"marketing/footer","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:tailark/mist-footer-4","t":"Footer Four","d":"A light site footer with navigation, brand details, and supporting links.","k":"section","s":"catalogs","c":"marketing/footer","hc":1},{"id":"catalogs:tailark/mist-forgot-password-1","t":"Forgot password block","d":"A light account recovery screen centered on an email reset form.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"catalogs:tailark/mist-hero-section-1","t":"Hero Section One","d":"A light hero section with headline copy, actions, and a product-focused visual.","k":"section","s":"catalogs","c":"marketing/hero","sb":"SaaS and AI"},{"id":"catalogs:tailark/mist-hero-section-2","t":"Hero Section Two","d":"A light hero section with headline copy, actions, and a product-focused visual.","k":"section","s":"catalogs","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"catalogs:tailark/mist-hero-section-3","t":"Hero Section Three","d":"A light hero section with headline copy, actions, and a product-focused visual.","k":"section","s":"catalogs","c":"marketing/hero","tg":["webgl"],"sb":"SaaS and AI","sy":["webgl"],"hc":1},{"id":"catalogs:tailark/mist-hero-section-4","t":"Hero Section Four","d":"A light hero section with headline copy, actions, and a product-focused visual.","k":"section","s":"catalogs","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"catalogs:tailark/mist-hero-section-5","t":"Hero Section Five","d":"A light hero section with headline copy, actions, and a product-focused visual.","k":"section","s":"catalogs","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"catalogs:tailark/mist-hero-section-6","t":"Hero Section Six","d":"A light hero section with headline copy, actions, and a product-focused visual.","k":"section","s":"catalogs","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"catalogs:tailark/mist-integrations-1","t":"Integrations One","d":"A light section for presenting connected products and service logos.","k":"section","s":"catalogs","c":"marketing/logos"},{"id":"catalogs:tailark/mist-integrations-2","t":"Integrations Two","d":"A light section for presenting connected products and service logos.","k":"section","s":"catalogs","c":"marketing/logos","hc":1},{"id":"catalogs:tailark/mist-integrations-3","t":"Integrations Three","d":"A light section for presenting connected products and service logos.","k":"section","s":"catalogs","c":"marketing/logos","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:tailark/mist-login-1","t":"Login block","d":"A light sign-in screen with account fields and supporting links.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"catalogs:tailark/mist-logo-cloud-1","t":"Logo Cloud One","d":"A light logo display for customer or partner brands.","k":"section","s":"catalogs","c":"marketing/logos","hc":1},{"id":"catalogs:tailark/mist-logo-cloud-2","t":"Logo Cloud Two","d":"A light logo display for customer or partner brands.","k":"section","s":"catalogs","c":"marketing/logos","hc":1},{"id":"catalogs:tailark/mist-pricing-1","t":"Pricing One","d":"A light pricing section for comparing plans, features, and actions.","k":"section","s":"catalogs","c":"marketing/pricing","hc":1},{"id":"catalogs:tailark/mist-pricing-2","t":"Pricing Two","d":"A light pricing section for comparing plans, features, and actions.","k":"section","s":"catalogs","c":"marketing/pricing","hc":1},{"id":"catalogs:tailark/mist-sign-up-1","t":"Sign Up block","d":"A light account creation screen with registration fields and supporting links.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"catalogs:tailark/mist-stats-1","t":"Stats One","d":"A light metrics section for presenting headline figures with context.","s":"catalogs","c":"data-display/stat"},{"id":"catalogs:tailark/mist-stats-2","t":"Stats Two","d":"A light metrics section for presenting headline figures with context.","s":"catalogs","c":"data-display/stat","hc":1},{"id":"catalogs:tailark/mist-stats-3","t":"Stats Three","d":"A light metrics section for presenting headline figures with context.","s":"catalogs","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"catalogs:tailark/mist-stats-4","t":"Stats Four","d":"A light metrics section for presenting headline figures with context.","s":"catalogs","c":"data-display/stat"},{"id":"catalogs:tailark/mist-team-1","t":"Team One","d":"A light team section for member portraits, names, and roles.","k":"section","s":"catalogs","c":"marketing/team","hc":1},{"id":"catalogs:tailark/mist-team-2","t":"Team Two","d":"A light team section for member portraits, names, and roles.","k":"section","s":"catalogs","c":"marketing/team","hc":1},{"id":"catalogs:tailark/mist-testimonials-1","t":"Testimonials One","d":"A light testimonial section for customer quotes and attribution.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1},{"id":"catalogs:tailark/mist-testimonials-2","t":"Testimonials Two","d":"A light testimonial section for customer quotes and attribution.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1},{"id":"catalogs:tailark/mist-testimonials-3","t":"Testimonials Three","d":"A light testimonial section for customer quotes and attribution.","k":"section","s":"catalogs","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"catalogs:tailark/mist-testimonials-4","t":"Testimonials Four","d":"A light testimonial section for customer quotes and attribution.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1},{"id":"catalogs:tailark/mist-testimonials-5","t":"Testimonials Five","d":"A light testimonial section for customer quotes and attribution.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1},{"id":"catalogs:tailark/pricing-1","t":"Pricing Block #1","d":"A dark pricing section for comparing plans, features, and actions.","k":"section","s":"catalogs","c":"marketing/pricing","hc":1},{"id":"catalogs:tailark/pricing-2","t":"Pricing Block #2","d":"A dark pricing section for comparing plans, features, and actions.","k":"section","s":"catalogs","c":"marketing/pricing","hc":1},{"id":"catalogs:tailark/stats-1","t":"Stats Block #1","d":"A dark metrics section for presenting headline figures with context.","s":"catalogs","c":"data-display/stat","hc":1},{"id":"catalogs:tailark/stats-2","t":"Stats Block #2","d":"A dark metrics section for presenting headline figures with context.","s":"catalogs","c":"data-display/stat"},{"id":"catalogs:tailark/team-1","t":"Team Section #1","d":"A dark team section for member portraits, names, and roles.","k":"section","s":"catalogs","c":"marketing/team","hc":1},{"id":"catalogs:tailark/team-2","t":"Team Section #2","d":"A dark team section for member portraits, names, and roles.","k":"section","s":"catalogs","c":"marketing/team","hc":1},{"id":"catalogs:tailark/testimonials-1","t":"Testimonials Section 1","d":"A dark testimonial section for customer quotes and attribution.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1},{"id":"catalogs:tailark/testimonials-2","t":"Testimonials Section 2","d":"A dark testimonial section for customer quotes and attribution.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1},{"id":"catalogs:tailark/veil-call-to-action-1","t":"Veil Call To Action 1","d":"Veil Kit call to action: centered headline with a primary trial button and a secondary sal","k":"section","s":"catalogs","c":"marketing/cta","hc":1},{"id":"catalogs:tailark/veil-call-to-action-2","t":"Veil Call To Action 2","d":"Veil Kit call to action: bordered card with a limited-time offer eyebrow and a single clai","k":"section","s":"catalogs","c":"marketing/cta","hc":1},{"id":"catalogs:tailark/veil-call-to-action-3","t":"Veil Call To Action 3","d":"Veil Kit call to action: email capture row with a subscribe button for newsletter signups.","k":"section","s":"catalogs","c":"marketing/cta","hc":1},{"id":"catalogs:tailark/veil-call-to-action-4","t":"Veil Call To Action 4","d":"Veil Kit call to action: card pairing a starting price and a free-forever note with a get-","k":"section","s":"catalogs","c":"marketing/cta"},{"id":"catalogs:tailark/veil-comparator-1","t":"Veil Comparator 1","d":"Veil Kit comparator: three-plan feature table with check and dash marks and a button per c","k":"section","s":"catalogs","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"catalogs:tailark/veil-comparator-2","t":"Veil Comparator 2","d":"Veil Kit comparator: two-column free-versus-pro table with an upgrade button.","k":"section","s":"catalogs","c":"marketing/comparison","hc":1},{"id":"catalogs:tailark/veil-comparator-3","t":"Veil Comparator 3","d":"Veil Kit comparator: plan table whose features are grouped into labelled row sections.","k":"section","s":"catalogs","c":"marketing/pricing","sb":"Comparison tables"},{"id":"catalogs:tailark/veil-contact-1","t":"Veil Contact #1","d":"Veil Kit contact section: carded name, email, subject and message form with a send button.","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"catalogs:tailark/veil-contact-2","t":"Veil Contact #2","d":"Veil Kit contact section: sales enquiry form with company, company-size and interest selec","k":"section","s":"catalogs","c":"marketing/marketing","sb":"Contact"},{"id":"catalogs:tailark/veil-content-1","t":"Veil Content #1","d":"Veil Kit content section: heading over three short text columns describing product capabil","k":"motion","s":"catalogs","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:tailark/veil-content-2","t":"Veil Content #2","d":"Veil Kit content section: heading over two short text columns, the plainest of the set.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1},{"id":"catalogs:tailark/veil-content-3","t":"Veil Content #3","d":"Veil Kit content section: three text columns each opened by a lucide icon.","k":"resource","s":"catalogs","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:tailark/veil-faqs-1","t":"Veil FAQs #1","d":"Veil Kit FAQ section: accordion inside a card with a contact-support link underneath.","k":"section","s":"catalogs","c":"marketing/faq","hc":1},{"id":"catalogs:tailark/veil-faqs-2","t":"Veil FAQs #2","d":"Veil Kit FAQ section: full-width accordion with a contact link in the intro.","k":"section","s":"catalogs","c":"marketing/faq"},{"id":"catalogs:tailark/veil-faqs-3","t":"Veil FAQs #3","d":"Veil Kit FAQ section: heading on the left, accordion on the right, support link below.","k":"section","s":"catalogs","c":"marketing/faq","hc":1},{"id":"catalogs:tailark/veil-faqs-4","t":"Veil FAQs #4","d":"Veil Kit FAQ section: grid of question cards with the answers always visible, no accordion","k":"section","s":"catalogs","c":"marketing/faq","hc":1},{"id":"catalogs:tailark/veil-faqs-5","t":"Veil FAQs #5","d":"Veil Kit FAQ section: help-centre layout with questions grouped by category into separate ","k":"section","s":"catalogs","c":"marketing/faq","hc":1},{"id":"catalogs:tailark/veil-features-1","t":"Veil Features #1","d":"Veil Kit features section: four capability cards, the first showing connected vendor logos","k":"section","s":"catalogs","c":"marketing/features"},{"id":"catalogs:tailark/veil-features-2","t":"Veil Features #2","d":"Veil Kit features section: the same four capability cards in a taller two-column arrangeme","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:tailark/veil-features-3","t":"Veil Features #3","d":"Veil Kit features section: four capabilities, each with its own drawn illustration and a g","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:tailark/veil-footer-1","t":"Veil Footer #1","d":"Veil Kit footer: brand blurb beside product, company and resources link columns.","k":"section","s":"catalogs","c":"marketing/footer","hc":1},{"id":"catalogs:tailark/veil-footer-2","t":"Veil Footer #2","d":"Veil Kit footer: logo over a single centred row of links.","k":"section","s":"catalogs","c":"marketing/footer","hc":1},{"id":"catalogs:tailark/veil-footer-3","t":"Veil Footer #3","d":"Veil Kit footer: compact footer ending in privacy, terms and cookie links.","k":"section","s":"catalogs","c":"marketing/footer","hc":1},{"id":"catalogs:tailark/veil-footer-4","t":"Veil Footer #4","d":"Veil Kit footer: one-line positioning statement above the link columns.","k":"section","s":"catalogs","c":"marketing/footer"},{"id":"catalogs:tailark/veil-footer-5","t":"Veil Footer #5","d":"Veil Kit footer: minimal footer with a light/dark theme switcher.","k":"section","s":"catalogs","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"catalogs:tailark/veil-footer-6","t":"Veil Footer #6","d":"Veil Kit footer: social icons plus a light/dark theme switcher.","k":"section","s":"catalogs","c":"marketing/footer","hc":1},{"id":"catalogs:tailark/veil-forgot-password-1","t":"Veil Forgot Password 1","d":"Veil Kit forgot-password screen: email field in a card with a send-reset-link button.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"catalogs:tailark/veil-forgot-password-2","t":"Veil Forgot Password 2","d":"Veil Kit forgot-password screen: same reset request without the card frame.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"catalogs:tailark/veil-forgot-password-3","t":"Veil Forgot Password 3","d":"Veil Kit forgot-password screen: stripped-back reset form headed simply Reset password.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"catalogs:tailark/veil-hero-section-1","t":"Veil Hero Section 1","d":"Veil Kit hero: headline, start-building button and a grid of integration logo cards.","k":"section","s":"catalogs","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"catalogs:tailark/veil-hero-section-2","t":"Veil Hero Section 2","d":"Veil Kit hero: the integration logo cards lead, with the headline beneath them.","k":"section","s":"catalogs","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"catalogs:tailark/veil-hero-section-3","t":"Veil Hero Section 3","d":"Veil Kit hero: headline over an ask-anything prompt box with mic and message controls.","k":"section","s":"catalogs","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"catalogs:tailark/veil-hero-section-4","t":"Veil Hero Section 4","d":"Veil Kit hero: prompt box offering image, research, shopping and thinking tool chips.","k":"section","s":"catalogs","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"catalogs:tailark/veil-hero-section-5","t":"Veil Hero Section 5","d":"Veil Kit hero: centred headline and buttons above a product screenshot.","k":"section","s":"catalogs","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"catalogs:tailark/veil-integrations-1","t":"Veil Integrations 1","d":"Veil Kit integrations section: vendor logos around a drawn hub illustration with a learn-m","k":"section","s":"catalogs","c":"marketing/logos","hc":1},{"id":"catalogs:tailark/veil-integrations-2","t":"Veil Integrations 2","d":"Veil Kit integrations section: the same hub illustration in a tighter single-column layout","k":"section","s":"catalogs","c":"marketing/logos"},{"id":"catalogs:tailark/veil-login-1","t":"Veil Login #1","d":"Veil Kit login screen: email and password in a card with a forgot-password link.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"catalogs:tailark/veil-login-2","t":"Veil Login #2","d":"Veil Kit login screen: continue-with-Google and GitHub buttons above the email field.","k":"layout","s":"catalogs","c":"flows/sign-in","tg":["webgl"],"sb":"Sign in","sy":["webgl"],"hc":1},{"id":"catalogs:tailark/veil-login-3","t":"Veil Login #3","d":"Veil Kit login screen: email and password with no card frame and a create-account link.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"catalogs:tailark/veil-logo-cloud-1","t":"Veil Logo Cloud 1","d":"Veil Kit logo cloud: eight customer logos in a static responsive grid.","k":"section","s":"catalogs","c":"marketing/logos","hc":1},{"id":"catalogs:tailark/veil-logo-cloud-2","t":"Veil Logo Cloud 2","d":"Veil Kit logo cloud: logo slots that fade and swap between brands on a timer.","k":"section","s":"catalogs","c":"marketing/logos","hc":1},{"id":"catalogs:tailark/veil-pricing-1","t":"Veil Pricing #1","d":"Veil Kit pricing section: three plan cards with feature check lists and a 14-day trial not","k":"section","s":"catalogs","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:tailark/veil-pricing-2","t":"Veil Pricing #2","d":"Veil Kit pricing section: usage tiers priced per request, with an overage rate spelled out","k":"section","s":"catalogs","c":"marketing/pricing","hc":1},{"id":"catalogs:tailark/veil-pricing-3","t":"Veil Pricing #3","d":"Veil Kit pricing section: one plan with a monthly/annual billing toggle.","k":"section","s":"catalogs","c":"marketing/pricing"},{"id":"catalogs:tailark/veil-sign-up-1","t":"Veil Sign Up #1","d":"Veil Kit sign-up screen: name, email and password in a card with a create-account button.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"catalogs:tailark/veil-sign-up-2","t":"Veil Sign Up #2","d":"Veil Kit sign-up screen: continue-with-Google and GitHub buttons above the email field.","k":"layout","s":"catalogs","c":"flows/sign-in","tg":["webgl"],"sb":"Sign up","sy":["webgl"],"hc":1},{"id":"catalogs:tailark/veil-sign-up-3","t":"Veil Sign Up #3","d":"Veil Kit sign-up screen: email and password with no card frame and a sign-in link.","k":"layout","s":"catalogs","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"catalogs:tailark/veil-stats-1","t":"Veil Stats #1","d":"Veil Kit stats section: three headline numbers: uptime, daily API requests, enterprise cus","s":"catalogs","c":"data-display/stat","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:tailark/veil-stats-2","t":"Veil Stats #2","d":"Veil Kit stats section: the same three numbers separated by rules.","s":"catalogs","c":"data-display/stat","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"catalogs:tailark/veil-stats-3","t":"Veil Stats #3","d":"Veil Kit stats section: headline numbers beside a supporting image.","s":"catalogs","c":"data-display/stat"},{"id":"catalogs:tailark/veil-stats-4","t":"Veil Stats #4","d":"Veil Kit stats section: image across the top with the numbers below it.","s":"catalogs","c":"data-display/stat","hc":1},{"id":"catalogs:tailark/veil-team-1","t":"Veil Team #1","d":"Veil Kit team section: founder portraits in a grid with names and roles.","k":"section","s":"catalogs","c":"marketing/team"},{"id":"catalogs:tailark/veil-team-2","t":"Veil Team #2","d":"Veil Kit team section: the same founders in a single wide row.","k":"section","s":"catalogs","c":"marketing/team","hc":1},{"id":"catalogs:tailark/veil-testimonials-1","t":"Veil Testimonials 1","d":"Veil Kit testimonials section: customer quote cards with author portraits.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1},{"id":"catalogs:tailark/veil-testimonials-2","t":"Veil Testimonials 2","d":"Veil Kit testimonials section: quote cards in a denser grid.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1},{"id":"catalogs:tailark/veil-testimonials-3","t":"Veil Testimonials 3","d":"Veil Kit testimonials section: one pull quote with the author's portrait and title.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1},{"id":"catalogs:tailark/veil-testimonials-4","t":"Veil Testimonials 4","d":"Veil Kit testimonials section: the same pull quote laid out across the full width.","k":"section","s":"catalogs","c":"marketing/testimonials","hc":1},{"id":"catalogs:theorcdev/accordion","t":"8 bit Accordion","d":"Collapsible content sections with pixel borders and trigger indicators.","s":"catalogs","c":"data-display/accordion","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"catalogs:theorcdev/advanced1","t":"8 bit Advanced #1","d":"Fake terminal demo shell with command output.","k":"layout","s":"catalogs","c":"layout/page-shell","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/advanced2","t":"8 bit Advanced #2","d":"KPI metrics dashboard with progress bars.","k":"layout","s":"catalogs","c":"layout/dashboard","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/advanced3","t":"8 bit Advanced #3","d":"Newsletter signup card with input and CTA.","k":"layout","s":"catalogs","c":"flows/sign-in","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/alert","t":"8 bit Alert","d":"Inline status message with a title, supporting text, and pixel border.","s":"catalogs","c":"overlays/alert-banner","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/alert-dialog","t":"8 bit Alert Dialog","d":"Blocking confirmation dialog with a message and separate cancel and action buttons.","s":"catalogs","c":"overlays/dialog","tg":["retro and HUD"],"sb":"Confirm","sy":["retro and HUD"]},{"id":"catalogs:theorcdev/audio-settings","t":"8 bit Audio Settings","d":"Sound settings panel with volume controls and pixel-styled switches.","k":"layout","s":"catalogs","c":"flows/settings","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/avatar","t":"8 bit Avatar","d":"Profile image with an initials fallback and pixelated frame.","s":"catalogs","c":"data-display/avatar","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/badge","t":"8 bit Badge","d":"Compact label for statuses, categories, or counts with pixel borders.","s":"catalogs","c":"data-display/badge","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/breadcrumb","t":"8 bit Breadcrumb","d":"Navigation trail that shows the current page within a hierarchy.","s":"catalogs","c":"navigation/breadcrumb","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/button","t":"8 bit Button","d":"Action button with size and style variants plus pixel press states.","s":"catalogs","c":"actions/button","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/button-group","t":"8 bit Button Group","d":"Row of buttons joined inside one pixel border, for related actions that belong together.","s":"catalogs","c":"actions/button","tg":["retro and HUD"],"sb":"Groups and split","sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/calendar","t":"8 bit Calendar","d":"Month view for choosing dates in a pixel-styled interface.","s":"catalogs","c":"data-display/calendar","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/card","t":"8 bit Card","d":"Surface primitives for card headers, content, and footers with pixel borders.","s":"catalogs","c":"data-display/card","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/carousel","t":"8 bit Carousel","d":"Content slider with previous and next controls in a pixel frame.","s":"catalogs","c":"media/carousel","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/chapter-intro","t":"8 bit Chapter Intro","d":"A cinematic chapter/level intro with pixel art background.","k":"motion","s":"catalogs","c":"motion/background","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/character-sheet","t":"8 bit Character Sheet","d":"RPG character sheet with attribute scores, equipment slots, and configurable sections.","s":"catalogs","c":"overlays/sheet","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/chart","t":"8 bit Chart","d":"Themed chart container with configurable colors, labels, and tooltips.","s":"catalogs","c":"data-viz/chart","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"catalogs:theorcdev/chart-area-step","t":"8 bit Chart Area Step","d":"Stepped area chart with pixel-styled axes, grid lines, and tooltip.","s":"catalogs","c":"data-viz/chart","tg":["retro and HUD"],"sb":"Area","sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/chart-bar","t":"8 bit Chart Bar","d":"Bar chart with pixel-styled axes, grid lines, and tooltip.","s":"catalogs","c":"data-viz/chart","tg":["retro and HUD"],"sb":"Bar","sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/checkbox","t":"8 bit Checkbox","d":"Form checkbox with checked, unchecked, and disabled states in pixel styling.","s":"catalogs","c":"inputs/checkbox","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/collapsible","t":"8 bit Collapsible","d":"Trigger and content primitives for showing or hiding a section.","s":"catalogs","c":"data-display/accordion","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/combo-box","t":"8 bit Combo Box","d":"Searchable option picker that combines a text filter with a dropdown list.","s":"catalogs","c":"inputs/combobox","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/command","t":"8 bit Command","d":"Filterable command menu with grouped actions and keyboard navigation.","s":"catalogs","c":"navigation/command-palette","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/context-menu","t":"8 bit Context Menu","d":"Right-click menu for contextual actions, groups, and nested choices.","s":"catalogs","c":"overlays/context-menu","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/cta1","t":"8 bit CTA #1","d":"Us vs them comparison table.","k":"section","s":"catalogs","c":"marketing/cta","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/cta2","t":"8 bit CTA #2","d":"Persona use case cards with CTAs.","k":"section","s":"catalogs","c":"marketing/cta","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/dashboard-01","t":"8 bit Dashboard 01","d":"Dashboard with sidebar navigation, stat cards, charts, and a drag-and-drop data table.","k":"layout","s":"catalogs","c":"layout/dashboard","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/date-picker","t":"8 bit Date Picker","d":"Calendar popover paired with a trigger for choosing a date.","s":"catalogs","c":"inputs/date-picker","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/dialog","t":"8 bit Dialog","d":"Modal overlay with structured header, content, and action areas.","s":"catalogs","c":"overlays/dialog","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/dialogue","t":"8 bit Dialogue","d":"Game dialogue box for character names and multiline text.","k":"motion","s":"catalogs","c":"motion/text-effect","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/difficulty-select","t":"8 bit Difficulty Select","d":"A reusable 8-bit difficulty selector with Easy, Normal, Hard.","s":"catalogs","c":"inputs/select","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/drawer","t":"8 bit Drawer","d":"Sliding panel with a backdrop, close control, and pixel frame.","s":"catalogs","c":"overlays/sheet","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"catalogs:theorcdev/dropdown-menu","t":"8 bit Dropdown Menu","d":"Triggered action menu with grouped choices and nested submenus.","s":"catalogs","c":"navigation/menu","tg":["retro and HUD"],"sb":"Dropdowns","sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/duel-block","t":"8 bit Duel Block","d":"Interactive arena duel with two fighters, HP bars, and hit mechanics.","s":"catalogs","c":"other/other","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/empty","t":"8 bit Empty","d":"Empty-state panel for missing content or no-result views.","s":"catalogs","c":"data-display/empty-state","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/enemy-health-display","t":"8 bit Enemy Health Display","d":"Enemy status panel with a name, level, and pixel health meter.","s":"catalogs","c":"data-viz/gauge","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/faq1","t":"8 bit FAQ #1","d":"Simple accordion FAQ.","k":"section","s":"catalogs","c":"marketing/faq","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/faq2","t":"8 bit FAQ #2","d":"Two-column card grid FAQ.","k":"section","s":"catalogs","c":"marketing/faq","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/faq3","t":"8 bit FAQ #3","d":"Searchable FAQ with categories.","k":"section","s":"catalogs","c":"marketing/faq","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/feature1","t":"8 bit Feature #1","d":"Feature card grid with icons, titles, descriptions, and optional badges.","k":"section","s":"catalogs","c":"marketing/features","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/feature2","t":"8 bit Feature #2","d":"Step-by-step feature list with numbered icons and separators.","k":"section","s":"catalogs","c":"marketing/features","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/feature3","t":"8 bit Feature #3","d":"Swipeable feature carousel with cards and pixel arrows.","k":"section","s":"catalogs","c":"marketing/features","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/footer1","t":"8 bit Footer #1","d":"Sticky CTA bar that appears on scroll.","k":"section","s":"catalogs","c":"marketing/footer","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/friend-list","t":"8 bit Friend List","d":"Player list with avatars and presence details in compact rows.","s":"catalogs","c":"data-display/list","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/game-cta1","t":"8 bit Game CTA #1","d":"Boss fight CTA with problem vs solution.","k":"section","s":"catalogs","c":"marketing/cta","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/game-faq1","t":"8 bit Game FAQ #1","d":"Checkpoint FAQ with progression states.","k":"section","s":"catalogs","c":"marketing/faq","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/game-features1","t":"8 bit Game Features 1","d":"Skill tree feature grid with progress.","k":"section","s":"catalogs","c":"marketing/features","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/game-hero1","t":"8 bit Game Hero 1","d":"Health bar hero with progress indicator.","k":"section","s":"catalogs","c":"marketing/hero","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/game-hero2","t":"8 bit Game Hero 2","d":"XP milestone hero with level badges.","k":"section","s":"catalogs","c":"marketing/hero","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/game-over","t":"8 bit Game Over","d":"Defeat screen with a result message and follow-up actions.","s":"catalogs","c":"ai-agent/ai-agent","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/game-progress","t":"8 bit Game Progress","d":"Game progress card with milestones and completion status.","s":"catalogs","c":"data-viz/progress-bar","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/game-roadmap1","t":"8 bit Game Roadmap 1","d":"Quest log roadmap with status states.","s":"catalogs","c":"data-display/stat","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/game-team1","t":"8 bit Game Team 1","d":"Party grid with avatars and HP bars.","k":"section","s":"catalogs","c":"marketing/team","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/health-bar","t":"8 bit Health Bar","d":"Pixel meter for showing current and maximum health.","s":"catalogs","c":"data-viz/gauge","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/hero1","t":"8 bit Hero #1","d":"Centered hero section","k":"section","s":"catalogs","c":"marketing/hero","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/hero2","t":"8 bit Hero #2","d":"Split-layout hero section","k":"section","s":"catalogs","c":"marketing/hero","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/hero3","t":"8 bit Hero #3","d":"Game-style title screen hero with stat cards and blinking text.","k":"section","s":"catalogs","c":"marketing/hero","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/hover-card","t":"8 bit Hover Card","d":"Anchored preview panel that appears on hover or keyboard focus.","s":"catalogs","c":"overlays/hover-card","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/input","t":"8 bit Input","d":"Text field with pixel borders and focus, disabled, and validation states.","s":"catalogs","c":"inputs/form-field","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/input-otp","t":"8 bit Input OTP","d":"Segmented input for one-time passcodes and verification codes.","s":"catalogs","c":"inputs/otp-input","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/item","t":"8 bit Item","d":"Structured list row for an icon, label, supporting text, and actions.","s":"catalogs","c":"data-display/list","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/kbd","t":"8 bit Kbd","d":"Pixel keycap for showing keyboard keys and shortcuts inline.","s":"catalogs","c":"data-display/typography","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/label","t":"8 bit Label","d":"Form label for naming inputs and communicating disabled states.","s":"catalogs","c":"inputs/form-field","tg":["retro and HUD"],"sb":"Animated fields","sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/leaderboard","t":"8 bit Leaderboard","d":"Player ranking table with positions, avatars, and scores.","s":"catalogs","c":"data-display/gamification","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/loading-screen","t":"8 bit Loading Screen","d":"A retro-styled loading screen with animated progress bar and rotating tips.","s":"catalogs","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/login-form","t":"8 bit Login Form","d":"Sign-in form with credential fields, validation, and account links.","k":"layout","s":"catalogs","c":"flows/sign-in","tg":["retro and HUD"],"sb":"Sign in","sy":["retro and HUD"],"vn":1,"hc":1,"cp":1},{"id":"catalogs:theorcdev/login-form-with-image","t":"8 bit Login Form with Image","d":"Sign-in form paired with an image panel in a split layout.","k":"layout","s":"catalogs","c":"flows/sign-in","tg":["retro and HUD"],"sb":"Split with image","sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/login-page","t":"8 bit Login Page","d":"Full-page sign-in layout with a centered pixel-framed form.","k":"layout","s":"catalogs","c":"flows/sign-in","tg":["retro and HUD"],"sb":"Sign in","sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/main-menu","t":"8 bit Main Menu","d":"Game title menu with stacked navigation actions and pixel styling.","s":"catalogs","c":"navigation/menu","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/mana-bar","t":"8 bit Mana Bar","d":"Pixel meter for showing current and maximum mana.","s":"catalogs","c":"data-viz/gauge","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/menubar","t":"8 bit Menu Bar","d":"Horizontal application menu with nested actions and keyboard navigation.","s":"catalogs","c":"navigation/top-nav","tg":["retro and HUD"],"sb":"Mega menus","sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/navigation-menu","t":"8 bit Navigation Menu","d":"Site navigation with grouped links and expandable content panels.","s":"catalogs","c":"navigation/top-nav","tg":["retro and HUD"],"sb":"Mega menus","sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/not-found-brick-breaker","t":"8 bit 404 Brick Breaker","d":"Playable brick-breaker game on a 404 page, with keyboard, pointer, and touch controls.","k":"page","s":"catalogs","c":"pages/templates","tg":["retro and HUD"],"sb":"Error and status pages","sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/not-found-crate-pusher","t":"8 bit 404 Crate Pusher","d":"Crate-pushing puzzle game on a 404 page, with twenty solver-verified levels picked at rand","k":"page","s":"catalogs","c":"pages/templates","tg":["retro and HUD"],"sb":"Error and status pages","sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/not-found1","t":"8 bit 404 Page","d":"Retro 404 page with pixel art character.","k":"page","s":"catalogs","c":"pages/templates","tg":["retro and HUD"],"sb":"Error and status pages","sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/not-found2","t":"8 bit 404 Dwarf","d":"Retro 404 page with pixel dwarf character.","k":"page","s":"catalogs","c":"pages/templates","tg":["retro and HUD"],"sb":"Error and status pages","sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/not-found3","t":"8 bit 404 Undead","d":"Cursed 404 page with pixel undead character.","k":"page","s":"catalogs","c":"pages/templates","tg":["retro and HUD"],"sb":"Error and status pages","sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/pagination","t":"8 bit Pagination","d":"Page navigation with previous, next, numbered, and overflow controls.","s":"catalogs","c":"navigation/pagination","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/pause-menu","t":"8 bit Pause Menu","d":"In-game pause panel with resume, settings, and exit actions.","s":"catalogs","c":"navigation/menu","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/player-profile-card","t":"8 bit Player Profile Card","d":"Player profile card with stats, health and mana bars, and configurable attributes.","s":"catalogs","c":"data-display/profile","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/popover","t":"8 bit Popover","d":"Anchored floating panel for compact controls or supporting content.","s":"catalogs","c":"overlays/popover","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"catalogs:theorcdev/portal-transition","t":"8 bit Portal Transition","d":"Interactive CTA with clickable portal and traveling state.","k":"section","s":"catalogs","c":"marketing/cta","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/pricing1","t":"8 bit Pricing #1","d":"Classic tier cards with feature lists and CTAs.","k":"section","s":"catalogs","c":"marketing/pricing","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/pricing2","t":"8 bit Pricing #2","d":"Pricing cards with monthly/yearly toggle.","k":"section","s":"catalogs","c":"marketing/pricing","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/progress","t":"8 bit Progress","d":"Horizontal pixel meter for determinate task or loading progress.","s":"catalogs","c":"data-viz/progress-bar","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/quest-log","t":"8 bit Quest Log","d":"Mission tracker with expandable quest details and status indicators.","s":"catalogs","c":"data-display/accordion","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/radio-group","t":"8 bit Radio Group","d":"Single-choice input group with pixel-styled selection indicators.","s":"catalogs","c":"inputs/radio","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/resizable","t":"8 bit Resizable Panel","d":"Accessible resizable panel groups and layouts with keyboard support.","k":"layout","s":"catalogs","c":"layout/split-pane","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/retro-mode-switcher","t":"8 bit Retro Mode Switcher","d":"Theme toggle with pixel sun and moon icons for switching between light and dark modes.","s":"catalogs","c":"actions/switch","tg":["retro and HUD"],"sb":"Theme toggles","sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/save-slots","t":"8 bit Save Slots","d":"A retro-styled save/load game interface with slot previews, timestamps, and empty slot han","s":"catalogs","c":"data-display/empty-state","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/scroll-area","t":"8 bit Scroll Area","d":"Scrollable container with custom pixel-styled scrollbars.","k":"layout","s":"catalogs","c":"layout/scroll-area","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/select","t":"8 bit Select","d":"Option picker with a trigger, floating list, and keyboard navigation.","s":"catalogs","c":"inputs/select","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/separator","t":"8 bit Separator","d":"Horizontal or vertical pixel rule for dividing related content.","k":"layout","s":"catalogs","c":"layout/page-shell","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/sheet","t":"8 bit Sheet","d":"Side panel that slides over the page from a configurable edge.","s":"catalogs","c":"overlays/sheet","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/sidebar","t":"8 bit Sidebar","d":"Side navigation layout with grouped links, collapse controls, and responsive states.","s":"catalogs","c":"navigation/sidebar","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/skeleton","t":"8 bit Skeleton","d":"Pixel-block placeholder for content that is still loading.","s":"catalogs","c":"status/skeleton","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/slider","t":"8 bit Slider","d":"Range input with a pixel track, thumb, and keyboard controls.","s":"catalogs","c":"inputs/slider","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/social-proof1","t":"8 bit Social Proof 1","d":"Stats bar with numbers and optional logo cloud.","k":"section","s":"catalogs","c":"marketing/testimonials","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/social-proof2","t":"8 bit Social Proof 2","d":"Two-column testimonial cards.","k":"section","s":"catalogs","c":"marketing/testimonials","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/social-proof3","t":"8 bit Social Proof 3","d":"Swipeable review carousel with ratings.","k":"section","s":"catalogs","c":"marketing/testimonials","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/spinner","t":"8 bit Spinner","d":"Pixel activity indicator for pending work and loading states.","s":"catalogs","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/switch","t":"8 bit Switch","d":"On-off control with a pixel track, thumb, and disabled state.","s":"catalogs","c":"actions/switch","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/table","t":"8 bit Table","d":"Table primitives for headers, rows, cells, captions, and footers.","s":"catalogs","c":"data-display/table","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/tabs","t":"8 bit Tabs","d":"Tab list and panels for switching between related views.","s":"catalogs","c":"navigation/tabs","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/team1","t":"8 bit Team #1","d":"Team grid with pixel avatars and roles.","k":"section","s":"catalogs","c":"marketing/team","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/team2","t":"8 bit Changelog","d":"Changelog feed with dates and badges.","k":"section","s":"catalogs","c":"marketing/team","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"catalogs:theorcdev/team3","t":"8 bit Case Studies","d":"Case study cards with KPI badges.","k":"section","s":"catalogs","c":"marketing/team","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/textarea","t":"8 bit Textarea","d":"Multiline text field with pixel borders and validation states.","s":"catalogs","c":"inputs/textarea","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/theme-selector","t":"8 bit Theme Selector","d":"Theme menu with a code-copy action and shared context for the active theme.","s":"catalogs","c":"navigation/menu","tg":["retro and HUD"],"sb":"Dropdowns","sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/timeline1","t":"8 bit Timeline #1","d":"Vertical timeline with connecting line.","s":"catalogs","c":"data-display/timeline","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/timeline2","t":"8 bit Timeline #2","d":"Horizontal progress steps with checkpoints.","s":"catalogs","c":"data-display/timeline","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/timeline3","t":"8 bit Timeline #3","d":"Zigzag roadmap with alternating cards.","s":"catalogs","c":"data-display/timeline","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/toast","t":"8 bit Toast","d":"Temporary notification with title, description, and optional action.","s":"catalogs","c":"overlays/toast","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/toggle","t":"8 bit Toggle","d":"Pressable button that communicates an on or off state.","s":"catalogs","c":"actions/switch","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/toggle-group","t":"8 bit Toggle Group","d":"Grouped toggle buttons for single or multiple selections.","s":"catalogs","c":"actions/switch","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/tooltip","t":"8 bit Tooltip","d":"Short hint that appears on hover or keyboard focus.","s":"catalogs","c":"overlays/tooltip","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/victory-screen","t":"8 bit Victory Screen","d":"Win screen with a result message, score details, and follow-up actions.","s":"catalogs","c":"data-display/accordion","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:theorcdev/xp-bar","t":"8 bit XP Bar","d":"Experience meter with current progress, level details, and a level-up animation.","s":"catalogs","c":"data-display/gamification","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1,"cp":1},{"id":"catalogs:trophyso/achievement-badge","t":"Achievement Badge","d":"An achievement badge with locked and unlocked states, progress rings, and rarity levels.","s":"catalogs","c":"data-display/badge","hc":1,"cp":1},{"id":"catalogs:trophyso/achievement-card","t":"Achievement Card","d":"A profile card with achievement totals, featured badges, and a scrollable badge list.","s":"catalogs","c":"data-display/gamification","hc":1,"cp":1},{"id":"catalogs:trophyso/achievement-grid","t":"Achievement Grid","d":"A responsive badge gallery with progress and rarity states across breakpoints.","s":"catalogs","c":"data-display/gamification","hc":1,"cp":1},{"id":"catalogs:trophyso/achievement-list","t":"Achievement List","d":"A vertical achievement list with icons, descriptions, and optional progress.","s":"catalogs","c":"data-display/gamification","hc":1,"cp":1},{"id":"catalogs:trophyso/achievement-unlocked","t":"Achievement Unlocked","d":"A celebration dialog for a newly unlocked achievement with a badge and share actions.","s":"catalogs","c":"data-display/gamification"},{"id":"catalogs:trophyso/leaderboard-card","t":"Leaderboard Card","d":"A leaderboard card combining a date range, podium, and ranked participant list.","s":"catalogs","c":"data-display/gamification","hc":1,"cp":1},{"id":"catalogs:trophyso/leaderboard-podium","t":"Leaderboard Podium","d":"A top-three podium with crowns, avatars, scores, and rank positions.","s":"catalogs","c":"data-display/gamification","tg":["webgl"],"sy":["webgl"],"hc":1,"cp":1},{"id":"catalogs:trophyso/leaderboard-rankings","t":"Leaderboard Rankings","d":"A ranked participant list with avatars, scores, bylines, and crown highlights.","s":"catalogs","c":"data-display/gamification","hc":1,"cp":1},{"id":"catalogs:trophyso/points-awards","t":"Points Awards","d":"A dated activity feed for point awards, totals, and trigger types.","s":"catalogs","c":"data-display/timeline","hc":1,"cp":1},{"id":"catalogs:trophyso/points-badge","t":"Points Badge","d":"A compact badge for displaying point or currency-style totals.","s":"catalogs","c":"data-display/badge"},{"id":"catalogs:trophyso/points-boost","t":"Points Boost","d":"A multiplier callout with an optional countdown for time-limited point boosts.","s":"catalogs","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"catalogs:trophyso/points-chart","t":"Points Chart","d":"A Recharts time series for tracking point trends, campaigns, and seasonality.","s":"catalogs","c":"data-viz/chart","hc":1,"cp":1},{"id":"catalogs:trophyso/points-levels-list","t":"Points Levels List","d":"A tiered level list with thresholds and optional progress between levels.","s":"catalogs","c":"data-display/list","hc":1,"cp":1},{"id":"catalogs:trophyso/points-levels-timeline","t":"Points Levels Timeline","d":"A vertical progression timeline with levels, sub-levels, thresholds, and current progress.","s":"catalogs","c":"data-display/timeline","hc":1,"cp":1},{"id":"catalogs:trophyso/streak-badge","t":"Streak Badge","d":"A compact streak counter for daily, weekly, monthly, or yearly periods.","s":"catalogs","c":"data-display/badge"},{"id":"catalogs:trophyso/streak-calendar","t":"Streak Calendar","d":"Week, month, and contribution-style calendars for streak history and freeze days.","s":"catalogs","c":"data-display/calendar","hc":1,"cp":1},{"id":"catalogs:trophyso/streak-card","t":"Streak Card","d":"A streak summary card with the current run, longest record, and optional rules.","s":"catalogs","c":"data-display/gamification","hc":1,"cp":1},{"id":"catalogs:udecode/ai-kit","t":"AI Kit","d":"Rich-text editing plugins for ai, composed as a reusable Plate feature kit.","s":"catalogs","c":"ai-agent/ai-agent","hc":1,"cp":1},{"id":"catalogs:udecode/ai-menu","t":"AI Menu","d":"A menu for AI-powered content generation and insertion.","s":"catalogs","c":"ai-agent/ai-agent","hc":1,"cp":1},{"id":"catalogs:udecode/ai-node","t":"AI Leaf","d":"A text highlighter for AI-generated content.","s":"catalogs","c":"ai-agent/ai-agent","hc":1,"cp":1},{"id":"catalogs:udecode/ai-toolbar-button","t":"AI Toolbar Button","d":"A toolbar button for accessing AI features.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1,"cp":1},{"id":"catalogs:udecode/align-base-kit","t":"Align Base Kit","d":"Static rendering plugins for align, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features"},{"id":"catalogs:udecode/align-kit","t":"Align Kit","d":"Rich-text editing plugins for align, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/align-toolbar-button","t":"Align Toolbar Button","d":"A dropdown menu for text alignment controls.","s":"catalogs","c":"actions/button","sb":"Groups and split"},{"id":"catalogs:udecode/autoformat-classic-kit","t":"Autoformat Classic Kit","d":"Rich-text editing plugins for autoformat classic, composed as a reusable Plate feature kit","k":"section","s":"catalogs","c":"marketing/features"},{"id":"catalogs:udecode/autoformat-kit","t":"Autoformat Kit","d":"Rich-text editing plugins for autoformat, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/basic-blocks-base-kit","t":"Basic Blocks Base Kit","d":"Static rendering plugins for basic blocks, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:udecode/basic-blocks-kit","t":"Basic Blocks Kit","d":"Rich-text editing plugins for basic blocks, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:udecode/basic-marks-base-kit","t":"Basic Marks Base Kit","d":"Static rendering plugins for basic marks, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:udecode/basic-marks-kit","t":"Basic Marks Kit","d":"Rich-text editing plugins for basic marks, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","tg":["minimal"],"sy":["minimal"]},{"id":"catalogs:udecode/basic-nodes-kit","t":"Basic Nodes Kit","d":"Rich-text editing plugins for basic nodes, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"catalogs:udecode/block-context-menu","t":"Block Context Menu","d":"A context menu for block-level operations.","s":"catalogs","c":"overlays/context-menu","hc":1,"cp":1},{"id":"catalogs:udecode/block-discussion","t":"Block Discussion","d":"A popover interface for managing discussions: comments, replies, suggestions.","s":"catalogs","c":"overlays/popover","hc":1,"cp":1},{"id":"catalogs:udecode/block-draggable","t":"Block Draggable","d":"A block wrapper with a drag handle for moving editor blocks.","s":"catalogs","c":"inputs/textarea","hc":1,"cp":1},{"id":"catalogs:udecode/block-list","t":"List","d":"List components.","s":"catalogs","c":"data-display/list","hc":1,"cp":1},{"id":"catalogs:udecode/block-menu-kit","t":"Menu Kit","d":"Rich-text editing plugins for menu, composed as a reusable Plate feature kit.","s":"catalogs","c":"navigation/menu"},{"id":"catalogs:udecode/block-placeholder-kit","t":"Placeholder Kit","d":"Rich-text editing plugins for placeholder, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features"},{"id":"catalogs:udecode/block-selection","t":"Block Selection","d":"A visual overlay for selected blocks.","s":"catalogs","c":"inputs/select","hc":1,"cp":1},{"id":"catalogs:udecode/block-selection-kit","t":"Selection Kit","d":"Rich-text editing plugins for selection, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/block-suggestion","t":"Block Suggestion","d":"React editor block suggestion for rich-text document interfaces.","s":"catalogs","c":"inputs/textarea"},{"id":"catalogs:udecode/blockquote-node","t":"Blockquote Element","d":"A quote component for block quotes.","s":"catalogs","c":"data-display/typography"},{"id":"catalogs:udecode/callout-base-kit","t":"Callout Base Kit","d":"Static rendering plugins for callout, composed as a reusable Plate feature kit.","s":"catalogs","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"catalogs:udecode/callout-kit","t":"Callout Kit","d":"Rich-text editing plugins for callout, composed as a reusable Plate feature kit.","s":"catalogs","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"catalogs:udecode/callout-node","t":"Callout Node","d":"A callout component for highlighting important information with customizable icons and sty","s":"catalogs","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"catalogs:udecode/caption","t":"Caption","d":"A text field for adding captions to media elements.","s":"catalogs","c":"inputs/form-field","hc":1,"cp":1},{"id":"catalogs:udecode/code-block-base-kit","t":"Code Block Base Kit","d":"Static rendering plugins for code block, composed as a reusable Plate feature kit.","s":"catalogs","c":"data-display/code-block","hc":1,"cp":1},{"id":"catalogs:udecode/code-block-kit","t":"Code Block Kit","d":"Rich-text editing plugins for code block, composed as a reusable Plate feature kit.","s":"catalogs","c":"data-display/code-block"},{"id":"catalogs:udecode/code-block-node","t":"Code Block Nodes","d":"A code block with syntax highlighting and language selection.","s":"catalogs","c":"data-display/code-block","hc":1,"cp":1},{"id":"catalogs:udecode/code-drawing-base-kit","t":"Code Drawing Base Kit","d":"Static rendering plugins for code drawing, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/code-drawing-kit","t":"Code Drawing Kit","d":"Rich-text editing plugins for code drawing, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/code-drawing-node","t":"Code Drawing Node","d":"Create diagrams from code using PlantUML, Graphviz, Flowchart, or Mermaid.","s":"catalogs","c":"data-viz/chart","hc":1,"cp":1},{"id":"catalogs:udecode/code-node","t":"Code Leaf","d":"An inline component for code snippets.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:udecode/column-base-kit","t":"Column Base Kit","d":"Static rendering plugins for column, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/column-kit","t":"Column Kit","d":"Rich-text editing plugins for column, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/column-node","t":"Column Nodes","d":"Resizable column components for layout.","k":"layout","s":"catalogs","c":"layout/split-pane","hc":1,"cp":1},{"id":"catalogs:udecode/comment-base-kit","t":"Comment Base Kit","d":"Static rendering plugins for comment, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/comment-kit","t":"Comment Kit","d":"Rich-text editing plugins for comment, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/comment-node","t":"Comment Leaf","d":"A text component for displaying comments with visual indicators.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1,"cp":1},{"id":"catalogs:udecode/comment-toolbar-button","t":"Comment Toolbar Button","d":"A toolbar button for adding inline comments.","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"catalogs:udecode/copilot-kit","t":"Copilot Kit","d":"Rich-text editing plugins for copilot, composed as a reusable Plate feature kit.","s":"catalogs","c":"ai-agent/ai-agent","hc":1,"cp":1},{"id":"catalogs:udecode/cursor-overlay","t":"Cursor Overlay","d":"A visual overlay for cursors and selections.","k":"motion","s":"catalogs","c":"motion/cursor","hc":1,"cp":1},{"id":"catalogs:udecode/cursor-overlay-kit","t":"Cursor Overlay Kit","d":"Rich-text editing plugins for cursor overlay, composed as a reusable Plate feature kit.","k":"motion","s":"catalogs","c":"motion/cursor","hc":1,"cp":1},{"id":"catalogs:udecode/date-base-kit","t":"Date Base Kit","d":"Static rendering plugins for date, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:udecode/date-kit","t":"Date Kit","d":"Rich-text editing plugins for date, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:udecode/date-node","t":"Date Element","d":"A date field component with calendar picker.","s":"catalogs","c":"inputs/select"},{"id":"catalogs:udecode/discussion-kit","t":"Discussion Kit","d":"Rich-text editing plugins for discussion, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/dnd-kit","t":"Drag and Drop Kit","d":"Rich-text editing plugins for drag and drop, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/docx-export-kit","t":"DOCX Export Kit","d":"Rich-text editing plugins for docx export, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/docx-kit","t":"DOCX Kit","d":"Rich-text editing plugins for docx, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1},{"id":"catalogs:udecode/editor","t":"Editor","d":"A container for the editor content and styling.","s":"catalogs","c":"inputs/textarea","vn":1},{"id":"catalogs:udecode/editor-ai","t":"Editor AI","d":"An AI editor","s":"catalogs","c":"ai-agent/ai-agent","hc":1,"cp":1},{"id":"catalogs:udecode/editor-base-kit","t":"Editor Base Kit","d":"Static rendering plugins for editor, composed as a reusable Plate feature kit.","s":"catalogs","c":"inputs/textarea","hc":1,"cp":1},{"id":"catalogs:udecode/editor-kit","t":"Editor Kit","d":"Rich-text editing plugins for editor, composed as a reusable Plate feature kit.","s":"catalogs","c":"inputs/textarea","hc":1,"cp":1},{"id":"catalogs:udecode/editor-select","t":"Editor Select","d":"A multi-select editor","s":"catalogs","c":"inputs/select"},{"id":"catalogs:udecode/emoji-kit","t":"Emoji Kit","d":"Rich-text editing plugins for emoji, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/emoji-node","t":"Emoji Input Element","d":"An input component for emoji search and insertion.","s":"catalogs","c":"inputs/form-field","hc":1,"cp":1},{"id":"catalogs:udecode/emoji-toolbar-button","t":"Emoji Toolbar Button","d":"An emoji picker toolbar button.","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"catalogs:udecode/equation-node","t":"Equation Element","d":"Displays a LaTeX equation element with an editable popover for inputting and rendering mat","s":"catalogs","c":"overlays/popover","hc":1,"cp":1},{"id":"catalogs:udecode/equation-toolbar-button","t":"Equation Toolbar Button","d":"A toolbar button for inserting and editing equations.","s":"catalogs","c":"actions/button","sb":"Groups and split"},{"id":"catalogs:udecode/excalidraw-kit","t":"Excalidraw Kit","d":"Rich-text editing plugins for excalidraw, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/excalidraw-node","t":"Excalidraw Element","d":"A drawing component powered by Excalidraw.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:udecode/exit-break-kit","t":"Exit Break Kit","d":"Rich-text editing plugins for exit break, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/export-toolbar-button","t":"Export Toolbar Button","d":"A toolbar button for exporting editor content in various formats (HTML, PDF, Image, Markdo","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"catalogs:udecode/fixed-toolbar","t":"Fixed Toolbar","d":"A fixed toolbar that stays at the top of the editor.","s":"catalogs","c":"navigation/menu","sb":"Menubars"},{"id":"catalogs:udecode/fixed-toolbar-buttons","t":"Fixed Toolbar Buttons","d":"A set of commonly used formatting buttons.","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"catalogs:udecode/fixed-toolbar-classic-buttons","t":"Fixed Toolbar List Buttons","d":"React editor fixed toolbar list buttons for rich-text document interfaces.","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"catalogs:udecode/fixed-toolbar-classic-kit","t":"Fixed Toolbar Classic Kit","d":"Rich-text editing plugins for fixed toolbar classic, composed as a reusable Plate feature ","s":"catalogs","c":"navigation/menu","sb":"Menubars","hc":1,"cp":1},{"id":"catalogs:udecode/fixed-toolbar-kit","t":"Fixed Toolbar Kit","d":"Rich-text editing plugins for fixed toolbar, composed as a reusable Plate feature kit.","s":"catalogs","c":"navigation/menu","sb":"Menubars","hc":1,"cp":1},{"id":"catalogs:udecode/floating-toolbar","t":"Floating Toolbar","d":"A contextual toolbar that appears over selected text.","s":"catalogs","c":"navigation/dock"},{"id":"catalogs:udecode/floating-toolbar-buttons","t":"Floating Toolbar Buttons","d":"A set of formatting buttons for the floating toolbar.","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"catalogs:udecode/floating-toolbar-classic-buttons","t":"Floating Toolbar Classic Buttons","d":"A set of commonly used formatting buttons for the floating toolbar with classic list suppo","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"catalogs:udecode/floating-toolbar-classic-kit","t":"Floating Toolbar Classic Kit","d":"Rich-text editing plugins for floating toolbar classic, composed as a reusable Plate featu","s":"catalogs","c":"navigation/menu","sb":"Menubars","hc":1,"cp":1},{"id":"catalogs:udecode/floating-toolbar-kit","t":"Floating Toolbar Kit","d":"Rich-text editing plugins for floating toolbar, composed as a reusable Plate feature kit.","s":"catalogs","c":"navigation/menu","sb":"Menubars","hc":1,"cp":1},{"id":"catalogs:udecode/font-base-kit","t":"Font Base Kit","d":"Static rendering plugins for font, composed as a reusable Plate feature kit.","k":"resource","s":"catalogs","c":"assets/font","hc":1,"cp":1},{"id":"catalogs:udecode/font-color-toolbar-button","t":"Font Color Toolbar Button","d":"A color picker toolbar button with text and background color controls.","k":"resource","s":"catalogs","c":"assets/font","hc":1,"cp":1},{"id":"catalogs:udecode/font-kit","t":"Font Kit","d":"Rich-text editing plugins for font, composed as a reusable Plate feature kit.","k":"resource","s":"catalogs","c":"assets/font","hc":1,"cp":1},{"id":"catalogs:udecode/font-size-toolbar-button","t":"Font Size Toolbar Button","d":"A toolbar control for adjusting font size.","k":"resource","s":"catalogs","c":"assets/font","hc":1,"cp":1},{"id":"catalogs:udecode/footnote-base-kit","t":"Footnote Base Kit","d":"Static rendering plugins for footnote, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/footnote-kit","t":"Footnote Kit","d":"Rich-text editing plugins for footnote, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/footnote-node","t":"Footnote Elements","d":"Inline footnote references, definitions, and input UI.","s":"catalogs","c":"inputs/form-field","hc":1,"cp":1},{"id":"catalogs:udecode/ghost-text","t":"Ghost Text","d":"A text suggestion system that displays AI-generated content after the cursor.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1,"cp":1},{"id":"catalogs:udecode/heading-node","t":"Heading Element","d":"A heading with multiple level support.","k":"motion","s":"catalogs","c":"motion/text-effect"},{"id":"catalogs:udecode/highlight-node","t":"Highlight Leaf","d":"A text highlighter with customizable colors.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1,"cp":1},{"id":"catalogs:udecode/history-toolbar-button","t":"History Toolbar Button","d":"Toolbar buttons for undo and redo operations.","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"catalogs:udecode/hr-node","t":"Horizontal Rule Element","d":"A horizontal rule component with focus states.","s":"catalogs","c":"data-display/stat","hc":1,"cp":1},{"id":"catalogs:udecode/import-toolbar-button","t":"Import Toolbar Button","d":"A toolbar button to import editor content from a file.","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"catalogs:udecode/indent-base-kit","t":"Indent Base Kit","d":"Static rendering plugins for indent, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features"},{"id":"catalogs:udecode/indent-kit","t":"Indent Kit","d":"Rich-text editing plugins for indent, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/indent-toolbar-button","t":"Indent Toolbar Buttons","d":"Toolbar controls for block indentation.","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"catalogs:udecode/inline-combobox","t":"Inline Combobox","d":"A combobox for inline suggestions.","s":"catalogs","c":"inputs/combobox","hc":1,"cp":1},{"id":"catalogs:udecode/insert-toolbar-button","t":"Insert Toolbar Button","d":"A menu for inserting different types of blocks.","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"catalogs:udecode/insert-toolbar-classic-button","t":"Insert Toolbar Classic Button","d":"A menu for inserting different types of blocks with classic list support.","s":"catalogs","c":"actions/button","sb":"Groups and split"},{"id":"catalogs:udecode/kbd-node","t":"Keyboard Input Leaf","d":"A component for styling keyboard shortcuts.","s":"catalogs","c":"data-display/typography","hc":1,"cp":1},{"id":"catalogs:udecode/line-height-base-kit","t":"Line Height Base Kit","d":"Static rendering plugins for line height, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/line-height-kit","t":"Line Height Kit","d":"Rich-text editing plugins for line height, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/line-height-toolbar-button","t":"Line Height Toolbar Button","d":"A menu for controlling text line spacing.","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"catalogs:udecode/link-base-kit","t":"Link Base Kit","d":"Static rendering plugins for link, composed as a reusable Plate feature kit.","s":"catalogs","c":"actions/link"},{"id":"catalogs:udecode/link-kit","t":"Link Kit","d":"Rich-text editing plugins for link, composed as a reusable Plate feature kit.","s":"catalogs","c":"actions/link","hc":1,"cp":1},{"id":"catalogs:udecode/link-node","t":"Link Element","d":"A component for rendering hyperlinks with hover states.","s":"catalogs","c":"actions/link","hc":1,"cp":1},{"id":"catalogs:udecode/link-toolbar","t":"Link Floating Toolbar","d":"A floating interface for link editing.","s":"catalogs","c":"navigation/menu","sb":"Menubars","hc":1,"cp":1},{"id":"catalogs:udecode/link-toolbar-button","t":"Link Toolbar Button","d":"A toolbar control for link management.","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"catalogs:udecode/list-base-kit","t":"List Base Kit","d":"Static rendering plugins for list, composed as a reusable Plate feature kit.","s":"catalogs","c":"data-display/list"},{"id":"catalogs:udecode/list-classic-kit","t":"List Classic Kit","d":"Rich-text editing plugins for list classic, composed as a reusable Plate feature kit.","s":"catalogs","c":"data-display/list","hc":1,"cp":1},{"id":"catalogs:udecode/list-classic-node","t":"List Nodes","d":"List (classic) nodes for ordered and unordered items.","s":"catalogs","c":"data-display/list","hc":1,"cp":1},{"id":"catalogs:udecode/list-classic-toolbar-button","t":"List Toolbar Buttons","d":"Toolbar controls for list creation and management.","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"catalogs:udecode/list-kit","t":"List Kit","d":"Rich-text editing plugins for list, composed as a reusable Plate feature kit.","s":"catalogs","c":"data-display/list","hc":1,"cp":1},{"id":"catalogs:udecode/list-toolbar-button","t":"List Toolbar Button","d":"A toolbar control for adjusting list indentation.","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"catalogs:udecode/mark-toolbar-button","t":"Mark Toolbar Button","d":"A toolbar control for basic text formatting.","s":"catalogs","c":"actions/button","tg":["minimal"],"sb":"Groups and split","sy":["minimal"],"hc":1,"cp":1},{"id":"catalogs:udecode/markdown-kit","t":"Markdown Kit","d":"Rich-text editing plugins for markdown, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/math-base-kit","t":"Math Base Kit","d":"Static rendering plugins for math, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/math-kit","t":"Math Kit","d":"Rich-text editing plugins for math, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features"},{"id":"catalogs:udecode/media-audio-node","t":"Media Audio Element","d":"An audio player component with caption support.","s":"catalogs","c":"media/player"},{"id":"catalogs:udecode/media-base-kit","t":"Media Base Kit","d":"Static rendering plugins for media, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","sb":"Showcase and split","hc":1,"cp":1},{"id":"catalogs:udecode/media-embed-node","t":"Media Embed Element","d":"A component for embedded media content with resizing and caption support.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:udecode/media-file-node","t":"Media File Element","d":"A file attachment component with download capability and caption.","s":"catalogs","c":"inputs/file-upload","hc":1,"cp":1},{"id":"catalogs:udecode/media-image-node","t":"Image Element","d":"Image element with lazy loading, resizing capabilities, and optional caption.","s":"catalogs","c":"media/gallery"},{"id":"catalogs:udecode/media-kit","t":"Media Kit","d":"Media kit without API (see media-uploadthing-api for reference)","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:udecode/media-placeholder-node","t":"Media Placeholder Element","d":"A placeholder for media upload progress indication.","s":"catalogs","c":"inputs/file-upload","hc":1,"cp":1},{"id":"catalogs:udecode/media-preview-dialog","t":"Media Preview Dialog","d":"A modal component for previewing and manipulating images.","s":"catalogs","c":"overlays/dialog","sb":"Media","hc":1,"cp":1},{"id":"catalogs:udecode/media-toolbar","t":"Media Toolbar","d":"A toolbar interface for media settings.","s":"catalogs","c":"navigation/menu","sb":"Menubars","hc":1,"cp":1},{"id":"catalogs:udecode/media-toolbar-button","t":"Media Toolbar Button","d":"Toolbar button for inserting and managing media.","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"catalogs:udecode/media-upload-toast","t":"Media Upload Toast","d":"Show toast notifications for media uploads.","s":"catalogs","c":"overlays/toast"},{"id":"catalogs:udecode/media-uploadthing-kit","t":"Media Uploadthing Kit","d":"media-kit + media-uploadthing-api","s":"catalogs","c":"other/other"},{"id":"catalogs:udecode/media-video-node","t":"Media Video Element","d":"A video player component with YouTube and file upload support.","s":"catalogs","c":"media/player","hc":1,"cp":1},{"id":"catalogs:udecode/mention-base-kit","t":"Mention Base Kit","d":"Static rendering plugins for mention, composed as a reusable Plate feature kit.","s":"catalogs","c":"inputs/combobox","hc":1,"cp":1},{"id":"catalogs:udecode/mention-kit","t":"Mention Kit","d":"Rich-text editing plugins for mention, composed as a reusable Plate feature kit.","s":"catalogs","c":"inputs/combobox","hc":1,"cp":1},{"id":"catalogs:udecode/mention-node","t":"Mention Nodes","d":"A mention element with customizable prefix and label, powered by a combobox.","s":"catalogs","c":"inputs/combobox"},{"id":"catalogs:udecode/mode-toolbar-button","t":"Mode Toolbar Button","d":"A menu for switching between editor modes.","s":"catalogs","c":"actions/button","sb":"Groups and split"},{"id":"catalogs:udecode/more-toolbar-button","t":"More Toolbar Button","d":"A menu for additional text formatting options.","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"catalogs:udecode/paragraph-node","t":"Paragraph Element","d":"A paragraph block with background color support.","k":"motion","s":"catalogs","c":"motion/background","hc":1,"cp":1},{"id":"catalogs:udecode/remote-cursor-overlay","t":"Remote Cursor Overlay","d":"A cursor overlay to display multiplayer cursors in the yjs plugin.","k":"motion","s":"catalogs","c":"motion/cursor","hc":1,"cp":1},{"id":"catalogs:udecode/resize-handle","t":"Resize Handle","d":"A resizable wrapper with resize handles.","k":"layout","s":"catalogs","c":"layout/split-pane"},{"id":"catalogs:udecode/search-highlight-node","t":"Search Highlight Leaf","d":"A component that highlights search results in text.","s":"catalogs","c":"inputs/search","hc":1,"cp":1},{"id":"catalogs:udecode/select-editor","t":"Select Editor","d":"An editor to select tags.","s":"catalogs","c":"inputs/select","hc":1,"cp":1},{"id":"catalogs:udecode/slash-kit","t":"Slash Kit","d":"Rich-text editing plugins for slash, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/slash-node","t":"Slash Input Element","d":"A command input component for inserting various elements.","s":"catalogs","c":"inputs/form-field","hc":1,"cp":1},{"id":"catalogs:udecode/slate-to-html","t":"Slate To Html","d":"React editor slate to html for rich-text document interfaces.","s":"catalogs","c":"inputs/textarea","hc":1,"cp":1},{"id":"catalogs:udecode/suggestion-base-kit","t":"Suggestion Base Kit","d":"Static rendering plugins for suggestion, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features"},{"id":"catalogs:udecode/suggestion-kit","t":"Suggestion Kit","d":"Rich-text editing plugins for suggestion, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/suggestion-node","t":"Suggestion Leaf","d":"A text component for suggestion.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1,"cp":1},{"id":"catalogs:udecode/suggestion-toolbar-button","t":"Suggestion Toolbar Button","d":"A toolbar button for toggling suggestion mode in the editor.","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"catalogs:udecode/tabbable-kit","t":"Tabbable Kit","d":"Rich-text editing plugins for tabbable, composed as a reusable Plate feature kit.","k":"section","s":"catalogs","c":"marketing/features","hc":1,"cp":1},{"id":"catalogs:udecode/table-base-kit","t":"Table Base Kit","d":"Static rendering plugins for table, composed as a reusable Plate feature kit.","s":"catalogs","c":"data-display/table","hc":1,"cp":1},{"id":"catalogs:udecode/table-kit","t":"Table Kit","d":"Rich-text editing plugins for table, composed as a reusable Plate feature kit.","s":"catalogs","c":"data-display/table","hc":1,"cp":1},{"id":"catalogs:udecode/table-node","t":"Table Element","d":"A table component with floating toolbar and border customization.","s":"catalogs","c":"data-display/table","hc":1,"cp":1},{"id":"catalogs:udecode/table-toolbar-button","t":"Table Toolbar Button","d":"A menu for table manipulation and formatting.","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"catalogs:udecode/tag-node","t":"Tag Element","d":"A tag element component with selection states and styling.","s":"catalogs","c":"data-display/badge","sb":"Tags and pills","hc":1,"cp":1},{"id":"catalogs:udecode/toc-base-kit","t":"Table of Contents Base Kit","d":"Static rendering plugins for table of contents, composed as a reusable Plate feature kit.","s":"catalogs","c":"navigation/table-of-contents","hc":1},{"id":"catalogs:udecode/toc-kit","t":"Table of Contents Kit","d":"Rich-text editing plugins for table of contents, composed as a reusable Plate feature kit.","s":"catalogs","c":"navigation/table-of-contents","hc":1,"cp":1},{"id":"catalogs:udecode/toc-node","t":"TOC Element","d":"A table of contents component with links to document headings.","s":"catalogs","c":"navigation/table-of-contents","hc":1,"cp":1},{"id":"catalogs:udecode/toggle-base-kit","t":"Toggle Base Kit","d":"Static rendering plugins for toggle, composed as a reusable Plate feature kit.","s":"catalogs","c":"actions/switch"},{"id":"catalogs:udecode/toggle-kit","t":"Toggle Kit","d":"Rich-text editing plugins for toggle, composed as a reusable Plate feature kit.","s":"catalogs","c":"actions/switch","hc":1,"cp":1},{"id":"catalogs:udecode/toggle-node","t":"Toggle Element","d":"A collapsible component for toggling content visibility.","s":"catalogs","c":"actions/switch","hc":1,"cp":1},{"id":"catalogs:udecode/toggle-toolbar-button","t":"Toggle Toolbar Button","d":"A toolbar button for expanding and collapsing blocks.","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"catalogs:udecode/toolbar","t":"Toolbar","d":"Composable rich-text editor toolbar with button styles, groups, separators, and menus.","s":"catalogs","c":"navigation/menu","sb":"Menubars","hc":1,"cp":1},{"id":"catalogs:udecode/turn-into-toolbar-button","t":"Turn Into Toolbar Button","d":"A menu for converting between different block types.","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"catalogs:udecode/turn-into-toolbar-classic-button","t":"Turn Into Toolbar Classic Button","d":"A dropdown to convert block types with classic list support.","s":"catalogs","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"catalogs:vercel/artifact","t":"Artifact","d":"Framed viewer for generated artifacts with a title bar, content area, and actions.","k":"motion","s":"catalogs","c":"motion/text-effect","hc":1},{"id":"catalogs:vercel/canvas","t":"Canvas","d":"Node-based workspace for arranging and connecting steps in a workflow.","k":"motion","s":"catalogs","c":"motion/background"},{"id":"catalogs:vercel/chain-of-thought","t":"Chain of Thought","d":"Collapsible list for presenting intermediate reasoning steps and their status.","s":"catalogs","c":"ai-agent/ai-agent","hc":1},{"id":"catalogs:vercel/checkpoint","t":"Checkpoint","d":"Restore point in a conversation with an action for returning to that state.","s":"catalogs","c":"ai-agent/ai-agent","hc":1},{"id":"catalogs:vercel/code-block","t":"Code Block","d":"Syntax-highlighted code display with language labels and a copy action.","s":"catalogs","c":"data-display/code-block","hc":1},{"id":"catalogs:vercel/confirmation","t":"Confirmation","d":"Approval prompt for a tool action with accept, reject, and resolved states.","s":"catalogs","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"catalogs:vercel/connection","t":"Connection","d":"Interactive connector for linking nodes in a workflow editor.","s":"catalogs","c":"inputs/textarea","hc":1,"cp":1},{"id":"catalogs:vercel/context","t":"Context","d":"Token-usage indicator that shows how much of a model's context window is in use.","s":"catalogs","c":"other/other"},{"id":"catalogs:vercel/controls","t":"Controls","d":"Compact control group for navigating and managing a node-based workspace.","s":"catalogs","c":"other/other","hc":1,"cp":1},{"id":"catalogs:vercel/conversation","t":"Conversation","d":"Scrollable message thread that follows new content and offers a jump-to-latest control.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"catalogs:vercel/edge","t":"Edge","d":"Styled connection line between nodes in a workflow canvas.","k":"motion","s":"catalogs","c":"motion/background","hc":1},{"id":"catalogs:vercel/image","t":"Image","d":"Generated-image display with loading, error, and completed states.","s":"catalogs","c":"media/gallery","hc":1},{"id":"catalogs:vercel/inline-citation","t":"Inline Citation","d":"Source reference embedded in text with details available in a tooltip.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"catalogs:vercel/message","t":"Message","d":"User and assistant message layout with streamed content and response actions.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"catalogs:vercel/model-selector","t":"Model Selector","d":"Searchable menu for choosing a language model before sending a prompt.","s":"catalogs","c":"ai-agent/composer","hc":1},{"id":"catalogs:vercel/node","t":"Node","d":"Structured workflow node with connection handles, a header, and content slots.","s":"catalogs","c":"navigation/top-nav","hc":1,"cp":1},{"id":"catalogs:vercel/open-in-chat","t":"Open in Chat","d":"Share menu for opening content in supported AI chat services.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"catalogs:vercel/panel","t":"Panel","d":"Overlay panel for controls or details within a node-based workspace.","s":"catalogs","c":"data-display/card","hc":1,"cp":1},{"id":"catalogs:vercel/plan","t":"Plan","d":"Progress list for a multi-step plan with pending, active, and completed states.","k":"section","s":"catalogs","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"catalogs:vercel/prompt-input","t":"Prompt Input","d":"Chat composer with attachments, model controls, and submit and stop actions.","s":"catalogs","c":"ai-agent/composer"},{"id":"catalogs:vercel/queue","t":"Queue","d":"Editable list of prompts waiting to be sent, with controls to reorder or remove them.","s":"catalogs","c":"data-display/list","hc":1},{"id":"catalogs:vercel/reasoning","t":"Reasoning","d":"Collapsible reasoning display with streaming and completed states.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"catalogs:vercel/shimmer","t":"Shimmer","d":"Animated text shimmer for streamed output and loading labels.","s":"catalogs","c":"inputs/form-field","hc":1},{"id":"catalogs:vercel/sources","t":"Sources","d":"Collapsible source list for links and references used in a response.","s":"catalogs","c":"data-display/accordion","hc":1,"cp":1},{"id":"catalogs:vercel/suggestion","t":"Suggestion","d":"Prompt suggestion chips that place a prepared query into the conversation.","s":"catalogs","c":"ai-agent/composer"},{"id":"catalogs:vercel/task","t":"Task","d":"Expandable task row with status, description, and supporting details.","s":"catalogs","c":"data-display/accordion","hc":1,"cp":1},{"id":"catalogs:vercel/tool","t":"Tool","d":"Tool-call card that presents input, output, and execution status in a conversation.","s":"catalogs","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"catalogs:vercel/toolbar","t":"Toolbar","d":"Action toolbar positioned within a node-based workspace.","s":"catalogs","c":"navigation/menu","sb":"Menubars","hc":1,"cp":1},{"id":"catalogs:vercel/web-preview","t":"Web Preview","d":"Browser-style preview pane with an address bar, loading state, and page controls.","s":"catalogs","c":"status/loader","hc":1},{"id":"chamaac:electric-mist","t":"Electric Mist","d":"A high-energy glowing lightning shader with waves and smoke effects.","k":"motion","s":"chamaac","c":"motion/shader","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"chamaac:waves","t":"Waves","d":"A smooth, shader-based wave animation component.","k":"motion","s":"chamaac","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"chamaac:liquid-chrome","t":"Liquid Chrome","d":"A smooth, mesmerizing liquid metal shader effect.","k":"motion","s":"chamaac","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"chamaac:nebula","t":"Nebula","d":"A deep space nebula effect with fractional distortion.","s":"chamaac","c":"other/other","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"chamaac:astral-flow","t":"Astral Flow","d":"A majestic, constantly breathing radial shader with deep cosmic wisps.","k":"motion","s":"chamaac","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"chamaac:synthesis","t":"Synthesis","d":"A professional, multi-layered cosmic flow background with extensive warping customization.","k":"motion","s":"chamaac","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"chamaac:light-speed","t":"Light Speed","d":"A Warp/Light-Speed hyperspace animation inspired by the Ducky3D Blender tutorial.","s":"chamaac","c":"other/other","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"chamaac:stats-cards","t":"Stats Cards","d":"A set of animated statistic cards with hover effects.","s":"chamaac","c":"data-display/stat","hc":1},{"id":"chamaac:interactive-grid-background","t":"Interactive Grid Background","d":"A highly interactive, mouse-sensitive grid background.","k":"motion","s":"chamaac","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"chamaac:text-loop","t":"Text Loop","d":"An animated text loop with typewriter and gradient effect.","k":"motion","s":"chamaac","c":"motion/text-effect","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"chamaac:gif-text","t":"Gif Text","d":"A stunning text effect that uses a GIF as the fill color.","k":"motion","s":"chamaac","c":"motion/text-effect","hc":1},{"id":"chamaac:dancing-letters","t":"Dancing Letters","d":"Physics-based interactive text animations with multiple animation styles.","k":"motion","s":"chamaac","c":"motion/text-effect","hc":1},{"id":"chamaac:premium-button","t":"Premium Button","d":"An animated button with a dynamic arrow grid animation.","s":"chamaac","c":"actions/button","hc":1},{"id":"chamaac:shimmer-button","t":"Shimmer Button","d":"A button with a shimmer animation effect.","s":"chamaac","c":"actions/button","sb":"Animated","hc":1},{"id":"chamaac:slideup-button","t":"Slide Up Button","d":"A button with a smooth slide-up text animation on hover.","s":"chamaac","c":"actions/button","sb":"Animated","hc":1},{"id":"chamaac:hover-arrow-button","t":"Hover Arrow Button","d":"A button with a smooth hover arrow swap animation.","s":"chamaac","c":"actions/button","sb":"Animated","hc":1},{"id":"chamaac:focus-button","t":"Focus Button","d":"A button with a focus ring animation effect.","s":"chamaac","c":"actions/button","hc":1},{"id":"chamaac:neo-brutalist-button","t":"Neo Brutalist Button","d":"A bold, retro-styled button with skewed design, offset shadow, and shimmer effect.","s":"chamaac","c":"actions/button","tg":["brutalist","retro and HUD"],"sy":["brutalist","retro and HUD"],"hc":1},{"id":"chamaac:glowing-border-button","t":"Glowing Border Button","d":"A stylish button with a glowing border animation.","s":"chamaac","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"],"hc":1},{"id":"chamaac:gauge","t":"Gauge","d":"A customizable semi-circular gauge component for visualizing metrics and performance score","s":"chamaac","c":"data-viz/gauge","hc":1},{"id":"chamaac:carousel","t":"Carousel","d":"A smooth, auto-playing 3D carousel component with layout animations.","s":"chamaac","c":"media/carousel","tg":["3d"],"sy":["3d"],"hc":1},{"id":"chamaac:feature-steps","t":"Feature Steps","d":"A dynamic feature showcase with auto-playing steps and synchronized image transitions.","s":"chamaac","c":"navigation/wizard-steps","hc":1},{"id":"chamaac:dock","t":"Dock","d":"A navigation dock component with smooth animations and hover effects, perfect for desktop ","s":"chamaac","c":"navigation/dock","hc":1},{"id":"chamaac:copy-icon","t":"Copy Icon","d":"An animated copy icon with smooth motion effects.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:wavy-icon","t":"Wavy Icon","d":"An animated wavy icon with smooth motion effects.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:adjustments-icon","t":"Adjustments Icon","d":"An animated adjustments/settings icon with smooth motion effects.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:ai-input","t":"AI Input","d":"A polished AI input component with model selection, tools, file uploads, and smooth animat","s":"chamaac","c":"ai-agent/ai-agent","hc":1},{"id":"chamaac:scan-icon","t":"Scan Icon","d":"An animated scan icon with a moving scan line.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:bell-icon","t":"Bell Icon","d":"An animated bell icon that rings.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:settings-icon","t":"Settings Icon","d":"An animated settings icon that rotates.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:activity-icon","t":"Activity Icon","d":"An animated activity icon with a heartbeat line.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:refresh-icon","t":"Refresh Icon","d":"An animated refresh icon that rotates.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:wifi-icon","t":"Wifi Icon","d":"An animated wifi icon with pulsing signal bars.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:arrow-right-icon","t":"Arrow Right Icon","d":"An animated arrow right icon that moves horizontally.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:download-icon","t":"Download Icon","d":"An animated download icon with a bouncing arrow.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:globe-icon","t":"Globe Icon","d":"An animated globe icon that rotates continuously.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:star-icon","t":"Star Icon","d":"An animated star icon that twinkles and rotates.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:hourglass-icon","t":"Hourglass Icon","d":"An animated hourglass icon that rotates.","k":"resource","s":"chamaac","c":"assets/icon","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"chamaac:lightbulb-icon","t":"Lightbulb Icon","d":"An animated lightbulb icon with pulsing rays.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:music-icon","t":"Music Icon","d":"An animated music icon with dancing notes.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:heart-icon","t":"Heart Icon","d":"An animated heart icon that beats.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:mail-icon","t":"Mail Icon","d":"An animated mail icon with a moving envelope flap.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:location-icon","t":"Location Icon","d":"An animated location icon that rotates like a compass.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:lock-icon","t":"Lock Icon","d":"An animated lock icon that locks and unlocks.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:rocket-icon","t":"Rocket Icon","d":"An animated rocket icon with launch thrust animation.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:zap-icon","t":"Zap Icon","d":"An animated zap icon with electric flash effect.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:eye-icon","t":"Eye Icon","d":"An animated eye icon with blinking and looking animation.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:send-icon","t":"Send Icon","d":"An animated send icon with paper airplane flying motion.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:volume-icon","t":"Volume Icon","d":"An animated volume icon with pulsing sound waves.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:check-icon","t":"Check Icon","d":"An animated check icon with drawing circle and checkmark.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:sparkle-icon","t":"Sparkle Icon","d":"An animated sparkle icon with twinkling stars.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:menu-icon","t":"Menu Icon","d":"An animated menu icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:alert-circle-icon","t":"Alert Icon","d":"An animated alert icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:external-link-icon","t":"External Link Icon","d":"An animated external link icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:cloud-icon","t":"Cloud Icon","d":"An animated cloud icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:credit-card-icon","t":"Credit Card Icon","d":"An animated credit card icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:cart-icon","t":"Cart Icon","d":"An animated cart icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:arrow-left-icon","t":"Arrow Left Icon","d":"An animated arrow left icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:arrow-up-icon","t":"Arrow Up Icon","d":"An animated arrow up icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:arrow-down-icon","t":"Arrow Down Icon","d":"An animated arrow down icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:arrow-up-right-icon","t":"Arrow Up Right Icon","d":"An animated arrow up right icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:arrow-up-left-icon","t":"Arrow Up Left Icon","d":"An animated arrow up left icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:arrow-down-left-icon","t":"Arrow Down Left Icon","d":"An animated arrow down left icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:arrow-down-right-icon","t":"Arrow Down Right Icon","d":"An animated arrow down right icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:chevron-right-icon","t":"Chevron Right Icon","d":"An animated chevron right icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:chevron-left-icon","t":"Chevron Left Icon","d":"An animated chevron left icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:chevron-up-icon","t":"Chevron Up Icon","d":"An animated chevron up icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:chevron-down-icon","t":"Chevron Down Icon","d":"An animated chevron down icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:chevrons-right-icon","t":"Chevrons Right Icon","d":"An animated chevrons right icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:chevrons-left-icon","t":"Chevrons Left Icon","d":"An animated chevrons left icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:chevrons-up-icon","t":"Chevrons Up Icon","d":"An animated chevrons up icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:chevrons-down-icon","t":"Chevrons Down Icon","d":"An animated chevrons down icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:calendar-icon","t":"Calendar Icon","d":"An animated calendar icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:shield-icon","t":"Shield Icon","d":"An animated shield icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:upload-icon","t":"Upload Icon","d":"An animated upload icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:message-icon","t":"Message Icon","d":"An animated message icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:search-icon","t":"Search Icon","d":"An animated search icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:close-icon","t":"Close Icon","d":"An animated close icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:clock-icon","t":"Clock Icon","d":"An animated clock icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:layers-icon","t":"Layers Icon","d":"An animated layers icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:moon-icon","t":"Moon Icon","d":"An animated moon icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:sun-icon","t":"Sun Icon","d":"An animated sun icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:trash-icon","t":"Trash Icon","d":"An animated trash icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:battery-icon","t":"Battery Icon","d":"An animated battery icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:gift-icon","t":"Gift Icon","d":"An animated gift icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:crown-icon","t":"Crown Icon","d":"An animated crown icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:thumbs-up-icon","t":"Thumbs Up Icon","d":"An animated thumbs up icon.","k":"resource","s":"chamaac","c":"assets/icon","sb":"Animated","hc":1},{"id":"chamaac:how-it-works","t":"How It Works","d":"A visual flow component showing a step-by-step process with connected cards.","k":"section","s":"chamaac","c":"marketing/features","sb":"Steps","hc":1},{"id":"chamaac:water-caustic","t":"Water Caustic","d":"A stunning, tileable water caustic lighting shader using wave interference.","k":"motion","s":"chamaac","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"chamaac:grid-bloom","t":"Grid Bloom","d":"A mesmerizing grid pattern with pulsing wave interference.","k":"motion","s":"chamaac","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"channel3:format","t":"Format helpers","d":"Price, currency, discount, domain, availability, and image helpers for Channel3 product da","k":"lib","s":"channel3","c":"lib/utility","sb":"Formatting","hc":1},{"id":"channel3:variants","t":"Variant helpers","d":"Classifies variant option values into display tiers from `exists` and `available`.","k":"lib","s":"channel3","c":"lib/utility","vn":1,"hc":1},{"id":"channel3:use-in-viewport","t":"useInViewport","d":"Fires a callback when an element enters the viewport via IntersectionObserver, with one-sh","k":"lib","s":"channel3","c":"lib/hook","hc":1},{"id":"channel3:use-variant-selection","t":"useVariantSelection","d":"Manages variant selection and server-side re-resolution via an injected resolver, keeping ","k":"lib","s":"channel3","c":"lib/hook","hc":1},{"id":"channel3:search","t":"Search filter helpers","d":"UI-friendly search filter state, conversion to the SDK SearchFilters payload, option lists","k":"lib","s":"channel3","c":"lib/utility","hc":1},{"id":"channel3:use-product-recommendations","t":"useProductRecommendations","d":"Lazily fetches similar products when the section scrolls into view, via an injected fetche","k":"lib","s":"channel3","c":"lib/hook","hc":1},{"id":"channel3:use-async-options","t":"useAsyncOptions","d":"Debounced typeahead loader for brand/category suggestions, delegating to an injected serve","k":"lib","s":"channel3","c":"lib/hook","hc":1},{"id":"channel3:use-product-search","t":"useProductSearch","d":"Query + filter state, debounced search, and infinite-scroll pagination via TanStack Query ","k":"lib","s":"channel3","c":"lib/hook","hc":1},{"id":"channel3:price-range-gauge","t":"Price Range Gauge","d":"Plots the current price against its historical range as low/typical/high zones with a tick","s":"channel3","c":"data-viz/gauge","hc":1},{"id":"channel3:price-history-chart","t":"Price History Chart","d":"Area chart of a product's price over time, built on the shadcn chart wrapper.","s":"channel3","c":"data-viz/chart","hc":1},{"id":"channel3:product-card","t":"Product Card","d":"Borderless, image-forward product tile with hover image-swap and color swatches, for grids","s":"channel3","c":"data-display/card","sb":"Product","hc":1},{"id":"channel3:offers-list","t":"Offers List","d":"Compares merchant offers for a product, cheapest first, with affiliate-tracked buy links.","s":"channel3","c":"data-display/list","hc":1},{"id":"channel3:image-gallery","t":"Image Gallery","d":"Product image carousel with a synced thumbnail strip.","s":"channel3","c":"media/gallery","hc":1},{"id":"channel3:product-attributes","t":"Product Attributes","d":"Renders a product's extracted attributes (structured_attributes plus materials, gender, an","s":"channel3","c":"data-display/list","hc":1},{"id":"channel3:product-grid","t":"Product Grid","d":"Responsive grid of product cards with loading skeletons and an empty state.","s":"channel3","c":"data-display/card","sb":"Product","hc":1},{"id":"channel3:product-carousel","t":"Product Carousel","d":"Horizontally scrollable row of product cards with nav controls (e.g. \"More like this\").","s":"channel3","c":"media/carousel","hc":1},{"id":"channel3:product-details","t":"Product Details (PDP)","d":"Compound product detail page: gallery, header (all brands), variant selection, offers, pri","s":"channel3","c":"data-display/accordion","hc":1},{"id":"channel3:product-recommendations","t":"Product Recommendations","d":"Lazy \"you might also like\" carousel for a PDP: defers the findSimilar fetch until it scrol","s":"channel3","c":"media/carousel","hc":1},{"id":"channel3:search-bar","t":"Search Bar","d":"Controlled search input with submit-on-Enter, a clear button, and an optional image-search","s":"channel3","c":"inputs/search","hc":1},{"id":"channel3:product-filters","t":"Product Filters","d":"Compound, configurable filter panel (stacked sidebar or horizontal popover bar): price, ge","s":"channel3","c":"navigation/sidebar","hc":1},{"id":"channel3:product-search","t":"Product Search","d":"Batteries-included search experience: search bar, configurable filters, and an infinite-sc","s":"channel3","c":"inputs/search","hc":1},{"id":"channel3:all","t":"Channel3 — everything","d":"Installs the full Channel3 UI kit: every component, hook, and lib in the registry.","k":"section","s":"channel3","c":"marketing/marketing"},{"id":"clerk:nextjs-clerk-provider","t":"Clerk Provider (App Router)","d":"The <ClerkProvider> component is required to integrate Clerk into your React application, ","s":"clerk","c":"other/other","hc":1},{"id":"clerk:nextjs-middleware","t":"Clerk Next.js Middleware","d":"The clerkMiddleware() helper integrates Clerk authentication into your Next.js application","k":"lib","s":"clerk","c":"lib/utility","hc":1},{"id":"clerk:nextjs-theme-provider","t":"Theme Provider","d":"A theme provider component using next-themes for dark mode support.","k":"theme","s":"clerk","c":"themes/theme","hc":1},{"id":"clerk:nextjs-header","t":"Header Component","d":"A header component with Clerk authentication buttons and user button.","s":"clerk","c":"navigation/top-nav","hc":1},{"id":"clerk:nextjs-layout-with-header","t":"Layout with Header","d":"A root layout component with Clerk provider, theme provider, and header.","s":"clerk","c":"navigation/top-nav","hc":1},{"id":"clerk:nextjs-quickstart","t":"Clerk Next.js Quickstart (App Router)","d":"A quickstart for Next.js App Router with Clerk authentication.","k":"layout","s":"clerk","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"clerk:nextjs-quickstart-sign-in-or-up","t":"Clerk Next.js Quickstart — Sign in or up (App Router)","d":"A minimal Clerk quickstart for Next.js App Router with a single combined sign-in-or-up pag","k":"layout","s":"clerk","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"clerk:nextjs-sign-in-page","t":"Clerk Next.js Sign In Page (App Router)","d":"A sign in page for Next.js App Router with Clerk authentication.","k":"layout","s":"clerk","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"clerk:nextjs-sign-up-page","t":"Clerk Next.js Sign Up Page (App Router)","d":"A sign up page for Next.js App Router with Clerk authentication.","k":"layout","s":"clerk","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"clerk:nextjs-waitlist-page","t":"Clerk Next.js Waitlist Page (App Router)","d":"A waitlist page for Next.js App Router with Clerk authentication.","k":"section","s":"clerk","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"clerk:nextjs-aio-multistep-onboarding","t":"Multistep Onboarding Flow (AIO)","d":"A multistep onboarding flow using Clerk's prebuilt <SignIn> component with embedded sessio","s":"clerk","c":"navigation/wizard-steps","hc":1},{"id":"clerk:nextjs-custom-flows-multistep-onboarding","t":"Multistep Onboarding Flow","d":"A custom sign-up and sign-in onboarding flow using Clerk's useSignIn and useSignUp hooks w","s":"clerk","c":"navigation/wizard-steps","hc":1},{"id":"cligentic:detect","t":"Detect","d":"Environment detection helpers: `isWsl`, `isCi`, `isHeadlessLinux`, `hasCommand`, `detectMo","k":"lib","s":"cligentic","c":"lib/utility","hc":1},{"id":"cligentic:open-url","t":"Open url","d":"Open a URL in the user's default browser across macOS, Linux, Windows, WSL, SSH, and headl","k":"lib","s":"cligentic","c":"lib/utility","hc":1},{"id":"cligentic:json-mode","t":"Json mode","d":"Dual-rendering output for CLIs serving humans and agents. Auto-detects TTY vs piped, enfor","k":"lib","s":"cligentic","c":"lib/utility","sb":"Theme","hc":1},{"id":"cligentic:next-steps","t":"Next steps","d":"Post-command guidance for agents and humans. Emit structured `next-step` hints to `stderr`","k":"lib","s":"cligentic","c":"lib/utility","sb":"Theme","hc":1},{"id":"cligentic:trust-ladder","t":"Trust ladder","d":"Approval gate and structured preview renderer for T2/T3 CLI actions. Handles `--yes`, T3 `","k":"lib","s":"cligentic","c":"lib/utility","hc":1},{"id":"cligentic:copy-clipboard","t":"Copy clipboard","d":"Copy text to the system clipboard across macOS, Linux (X11 + Wayland), Windows, and WSL. D","k":"lib","s":"cligentic","c":"lib/utility","hc":1},{"id":"cligentic:notify-os","t":"Notify os","d":"Fire a system notification across macOS (`osascript`), Linux (`notify-send`), Windows and ","k":"lib","s":"cligentic","c":"lib/utility","hc":1},{"id":"cligentic:xdg-paths","t":"Xdg paths","d":"XDG Base Directory Spec resolver with macOS (`~/Library`) and Windows (`%APPDATA%`) fallba","k":"lib","s":"cligentic","c":"lib/utility","hc":1},{"id":"cligentic:atomic-write","t":"Atomic write","d":"Write files atomically: temp file, `fsync`, rename. Prevents corruption from crashes or co","k":"lib","s":"cligentic","c":"lib/utility","hc":1},{"id":"cligentic:audit-log","t":"Audit log","d":"Append-only JSONL audit trail with per-day rotation. Every action gets a timestamped recor","k":"lib","s":"cligentic","c":"lib/utility","hc":1},{"id":"cligentic:audit-lifecycle","t":"Audit lifecycle","d":"Two-phase append-only audit lifecycle for dangerous or retryable operations: `beginAudit()","k":"lib","s":"cligentic","c":"lib/utility","hc":1},{"id":"cligentic:banner","t":"Banner","d":"Gradient ASCII wordmark for your CLI. Shown on bare invoke or `--help`. Vertical gradient ","k":"lib","s":"cligentic","c":"lib/utility","tg":["gradient","minimal","retro and HUD"],"sy":["gradient","minimal","retro and HUD"],"hc":1},{"id":"cligentic:config","t":"Config","d":"Profile-aware JSON config loader. Reads from the app's config directory with multi-profile","k":"lib","s":"cligentic","c":"lib/utility","hc":1},{"id":"cligentic:session","t":"Session","d":"Auth token persistence. Load on boot, save after login, clear on logout, check expiry. Ato","k":"lib","s":"cligentic","c":"lib/utility","hc":1},{"id":"cligentic:error-map","t":"Error map","d":"Typed `AppError` class with `code`, `name`, `human` message, and `hint`. Maps upstream API","k":"lib","s":"cligentic","c":"lib/utility","hc":1},{"id":"cligentic:argv","t":"Argv","d":"Minimal POSIX argv parser for zero-framework CLIs. Zero dependencies. Handles `--flag`, `-","k":"lib","s":"cligentic","c":"lib/utility","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"cligentic:global-flags","t":"Global flags","d":"Standard global flags for agent-first CLIs: `--json`, `--dry-run`, `--profile`, `--no-inpu","k":"lib","s":"cligentic","c":"lib/utility","hc":1},{"id":"cligentic:telemetry","t":"Telemetry","d":"Anonymous usage tracking. Opt-out via `CLI_NO_TELEMETRY=1` or `DO_NOT_TRACK=1`. Local JSON","k":"lib","s":"cligentic","c":"lib/utility","hc":1},{"id":"cligentic:doctor","t":"Doctor","d":"Health-check pattern for CLI `doctor` commands. Run named checks sequentially with per-che","k":"lib","s":"cligentic","c":"lib/utility","hc":1},{"id":"cligentic:killswitch","t":"Killswitch","d":"Binary safety gate. If `~/.app/KILLSWITCH` exists, all write operations refuse. File exist","k":"lib","s":"cligentic","c":"lib/utility","hc":1},{"id":"cligentic:api-key-wizard","t":"Api key wizard","d":"Interactive first-run wizard for API-key-authenticated CLIs. Masked prompt, live validatio","k":"lib","s":"cligentic","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"cligentic:skill-installer-prompt","t":"Skill installer prompt","d":"Post-init hook that offers to install a companion agent skill (Claude Code / Cursor / MCP-","k":"lib","s":"cligentic","c":"lib/utility","hc":1},{"id":"cligentic:prompt-secret","t":"Prompt secret","d":"Read a secret from the TTY without echoing it. Raw mode, one dot per keystroke, handles ba","k":"lib","s":"cligentic","c":"lib/utility","hc":1},{"id":"cligentic:style","t":"Style","d":"Terminal styling that respects NO_COLOR and non-TTY in one place, plus the width helpers a","k":"lib","s":"cligentic","c":"lib/utility","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"cnippet:ui","t":"Ui","s":"cnippet","c":"other/other"},{"id":"cnippet:accordion","t":"Accordion","s":"cnippet","c":"data-display/accordion","vn":15,"hc":1},{"id":"cnippet:alert","t":"Alert","s":"cnippet","c":"overlays/alert-banner","vn":15,"hc":1},{"id":"cnippet:alert-dialog","t":"Alert dialog","s":"cnippet","c":"overlays/dialog","sb":"Confirm","vn":15,"hc":1},{"id":"cnippet:autocomplete","t":"Autocomplete","s":"cnippet","c":"inputs/combobox","vn":20,"hc":1},{"id":"cnippet:avatar","t":"Avatar","s":"cnippet","c":"data-display/avatar","vn":21,"hc":1},{"id":"cnippet:badge","t":"Badge","s":"cnippet","c":"data-display/badge","vn":17,"hc":1},{"id":"cnippet:breadcrumb","t":"Breadcrumb","s":"cnippet","c":"navigation/breadcrumb","vn":15,"hc":1},{"id":"cnippet:button","t":"Button","s":"cnippet","c":"actions/button","vn":30,"hc":1},{"id":"cnippet:calendar","t":"Calendar","s":"cnippet","c":"data-display/calendar","vn":20,"hc":1},{"id":"cnippet:card","t":"Card","s":"cnippet","c":"data-display/card","vn":21,"hc":1},{"id":"cnippet:carousel","t":"Carousel","s":"cnippet","c":"media/carousel","vn":15,"hc":1},{"id":"cnippet:chart","t":"Chart","s":"cnippet","c":"data-viz/chart","vn":15,"hc":1},{"id":"cnippet:checkbox","t":"Checkbox","s":"cnippet","c":"inputs/checkbox","vn":15,"hc":1},{"id":"cnippet:checkbox-group","t":"Checkbox group","s":"cnippet","c":"inputs/checkbox","vn":15,"hc":1},{"id":"cnippet:collapsible","t":"Collapsible","s":"cnippet","c":"data-display/accordion","vn":15,"hc":1},{"id":"cnippet:combobox","t":"Combobox","s":"cnippet","c":"inputs/combobox","vn":22,"hc":1},{"id":"cnippet:command","t":"Command","s":"cnippet","c":"navigation/command-palette","vn":15,"hc":1},{"id":"cnippet:context-menu","t":"Context menu","s":"cnippet","c":"overlays/context-menu","vn":15,"hc":1},{"id":"cnippet:dialog","t":"Dialog","s":"cnippet","c":"overlays/dialog","vn":15,"hc":1},{"id":"cnippet:drawer","t":"Drawer","s":"cnippet","c":"overlays/sheet","vn":15,"hc":1},{"id":"cnippet:empty","t":"Empty","s":"cnippet","c":"data-display/empty-state","vn":15,"hc":1},{"id":"cnippet:field","t":"Field","s":"cnippet","c":"inputs/form-field","vn":22,"hc":1},{"id":"cnippet:fieldset","t":"Fieldset","s":"cnippet","c":"inputs/form-field","vn":10,"hc":1},{"id":"cnippet:form","t":"Form","s":"cnippet","c":"inputs/form-field","sb":"Whole forms","vn":13,"hc":1},{"id":"cnippet:frame","t":"Frame","s":"cnippet","c":"other/other","vn":10,"hc":1},{"id":"cnippet:group","t":"Group","s":"cnippet","c":"other/other","vn":18,"hc":1},{"id":"cnippet:input","t":"Input","s":"cnippet","c":"inputs/form-field","vn":26,"hc":1},{"id":"cnippet:item","t":"Item","s":"cnippet","c":"data-display/list","hc":1},{"id":"cnippet:otp-field","t":"Otp field","s":"cnippet","c":"inputs/otp-input","vn":15,"hc":1},{"id":"cnippet:kbd","t":"Kbd","s":"cnippet","c":"data-display/typography","vn":11,"hc":1},{"id":"cnippet:label","t":"Label","s":"cnippet","c":"inputs/form-field","sb":"Animated fields","vn":15,"hc":1},{"id":"cnippet:menu","t":"Menu","s":"cnippet","c":"navigation/menu","vn":15,"hc":1},{"id":"cnippet:meter","t":"Meter","s":"cnippet","c":"data-viz/gauge","vn":15,"hc":1},{"id":"cnippet:number-field","t":"Number field","s":"cnippet","c":"inputs/number-input","vn":15,"hc":1},{"id":"cnippet:pagination","t":"Pagination","s":"cnippet","c":"navigation/pagination","vn":20,"hc":1},{"id":"cnippet:popover","t":"Popover","s":"cnippet","c":"overlays/popover","vn":20,"hc":1},{"id":"cnippet:progress","t":"Progress","s":"cnippet","c":"data-viz/progress-bar","vn":15,"hc":1},{"id":"cnippet:radio-group","t":"Radio group","s":"cnippet","c":"inputs/radio","vn":15,"hc":1},{"id":"cnippet:scroll-area","t":"Scroll area","k":"layout","s":"cnippet","c":"layout/scroll-area","vn":15,"hc":1},{"id":"cnippet:select","t":"Select","s":"cnippet","c":"inputs/select","vn":15,"hc":1},{"id":"cnippet:separator","t":"Separator","k":"layout","s":"cnippet","c":"layout/page-shell","vn":15,"hc":1},{"id":"cnippet:sheet","t":"Sheet","s":"cnippet","c":"overlays/sheet","vn":15,"hc":1},{"id":"cnippet:sidebar","t":"Sidebar","s":"cnippet","c":"navigation/sidebar","hc":1},{"id":"cnippet:skeleton","t":"Skeleton","s":"cnippet","c":"status/skeleton","vn":15,"hc":1},{"id":"cnippet:slider","t":"Slider","s":"cnippet","c":"inputs/slider","vn":15,"hc":1},{"id":"cnippet:spinner","t":"Spinner","s":"cnippet","c":"status/loader","sb":"Spinners","vn":15,"hc":1},{"id":"cnippet:switch","t":"Switch","s":"cnippet","c":"actions/switch","vn":15,"hc":1},{"id":"cnippet:table","t":"Table","s":"cnippet","c":"data-display/table","vn":15,"hc":1},{"id":"cnippet:tabs","t":"Tabs","s":"cnippet","c":"navigation/tabs","vn":17,"hc":1},{"id":"cnippet:textarea","t":"Textarea","s":"cnippet","c":"inputs/textarea","vn":12,"hc":1},{"id":"cnippet:toast","t":"Toast","s":"cnippet","c":"overlays/toast","vn":15,"hc":1},{"id":"cnippet:toggle","t":"Toggle","s":"cnippet","c":"actions/switch","vn":16,"hc":1},{"id":"cnippet:toolbar","t":"Toolbar","s":"cnippet","c":"navigation/menu","sb":"Menubars","vn":10,"hc":1},{"id":"cnippet:tooltip","t":"Tooltip","s":"cnippet","c":"overlays/tooltip","vn":17,"hc":1},{"id":"cnippet:v-date-picker-1","t":"V date picker #1","d":"Default","s":"cnippet","c":"inputs/date-picker","hc":1},{"id":"cnippet:v-date-picker-2","t":"V date picker #2","d":"Date Range","s":"cnippet","c":"inputs/date-picker","hc":1},{"id":"cnippet:v-date-picker-3","t":"V date picker #3","d":"Dropdown Navigation","s":"cnippet","c":"inputs/date-picker","hc":1},{"id":"cnippet:v-date-picker-4","t":"V date picker #4","d":"With Presets","s":"cnippet","c":"inputs/date-picker","hc":1},{"id":"cnippet:v-date-picker-5","t":"V date picker #5","d":"With Input","s":"cnippet","c":"inputs/date-picker","hc":1},{"id":"cnippet:v-date-picker-6","t":"V date picker #6","d":"Auto-close on Select","s":"cnippet","c":"inputs/date-picker","hc":1},{"id":"cnippet:v-date-picker-7","t":"V date picker #7","d":"Appointment Booking","s":"cnippet","c":"inputs/date-picker","hc":1},{"id":"cnippet:v-date-picker-8","t":"V date picker #8","d":"Team Meeting Scheduler","s":"cnippet","c":"inputs/date-picker","hc":1},{"id":"cnippet:v-date-picker-9","t":"V date picker #9","d":"Delivery Date Selector","s":"cnippet","c":"inputs/date-picker","hc":1},{"id":"cnippet:v-date-picker-10","t":"V date picker #10","d":"Task Deadline Reschedule","s":"cnippet","c":"inputs/date-picker","hc":1},{"id":"cnippet:v-date-picker-11","t":"V date picker #11","d":"Report Period Range with Presets","s":"cnippet","c":"inputs/date-picker","hc":1},{"id":"cnippet:v-date-picker-12","t":"V date picker #12","d":"Recurring Event Date Picker","s":"cnippet","c":"inputs/date-picker","hc":1},{"id":"cnippet:v-date-picker-13","t":"V date picker #13","d":"Hotel Stay Range with Duration Shortcuts","s":"cnippet","c":"inputs/date-picker","hc":1},{"id":"cnippet:v-date-picker-14","t":"V date picker #14","d":"Birthday Picker with Age Validation","s":"cnippet","c":"inputs/date-picker","hc":1},{"id":"cnippet:v-date-picker-15","t":"V date picker #15","d":"Multi-date Availability Selector","s":"cnippet","c":"inputs/date-picker","hc":1},{"id":"cnippet:text-reveal","t":"Text reveal","d":"Characters or words animate in with fade, slide-up, or blur and stagger","k":"motion","s":"cnippet","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"cnippet:text-scramble","t":"Text scramble","d":"Characters scramble through random glyphs before resolving to the final text","k":"motion","s":"cnippet","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"cnippet:scramble-hover","t":"Scramble hover","d":"Text scrambles on hover then resolves back to original","k":"motion","s":"cnippet","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"cnippet:typewriter","t":"Typewriter","d":"Characters appear one by one with an optional blinking cursor","k":"motion","s":"cnippet","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"cnippet:text-loop","t":"Text loop","d":"Cycles through an array of strings with smooth exit and enter transitions","k":"motion","s":"cnippet","c":"motion/text-effect","hc":1},{"id":"cnippet:text-morph","t":"Text morph","d":"Smooth character-level morphing between two strings using shared layout","k":"motion","s":"cnippet","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"cnippet:text-roll","t":"Text roll","d":"Words roll in and out vertically like a slot machine","k":"motion","s":"cnippet","c":"motion/text-effect","hc":1},{"id":"cnippet:flip-words","t":"Flip words","d":"Words flip in 3D on a timer along X or Y axis rotation","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["3d"],"sb":"Rotating words","sy":["3d"],"hc":1},{"id":"cnippet:text-rotate","t":"Text rotate","d":"Rotating text with configurable enter/exit animations and stagger","k":"motion","s":"cnippet","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"cnippet:vertical-cut-reveal","t":"Vertical cut reveal","d":"Text reveals with a vertical clip-path wipe per character, word, or line","k":"motion","s":"cnippet","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"cnippet:letter-swap-hover","t":"Letter swap hover","d":"Each letter swaps position vertically on hover","k":"motion","s":"cnippet","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"cnippet:letter-3d-swap","t":"Letter 3d swap","d":"Letters rotate in 3D space on hover revealing a second face","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["3d"],"sb":"Rotating words","sy":["3d"],"hc":1},{"id":"cnippet:random-letter-swap","t":"Random letter swap","d":"Letters swap in random order on hover for a glitchy effect","k":"motion","s":"cnippet","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"cnippet:text-shimmer","t":"Text shimmer","d":"Gradient shine sweeps across text continuously","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"hc":1},{"id":"cnippet:text-shimmer-wave","t":"Text shimmer wave","d":"Wave-like shimmer ripples across text characters","k":"motion","s":"cnippet","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"cnippet:text-gradient","t":"Text gradient","d":"Animated gradient colors flowing through text","k":"motion","s":"cnippet","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"cnippet:text-highlight","t":"Text highlight","d":"Background highlight animates behind text on scroll or hover","k":"motion","s":"cnippet","c":"motion/text-effect","hc":1},{"id":"cnippet:counting-number","t":"Counting number","d":"Animates from a start value to a target number","k":"motion","s":"cnippet","c":"motion/text-effect","hc":1},{"id":"cnippet:sliding-number","t":"Sliding number","d":"Digits slide up or down independently when value changes (odometer style)","k":"motion","s":"cnippet","c":"motion/number-ticker","hc":1},{"id":"cnippet:animated-number","t":"Animated number","d":"Smooth spring-based number interpolation","k":"motion","s":"cnippet","c":"motion/number-ticker","hc":1},{"id":"cnippet:spinning-text","t":"Spinning text","d":"Text arranged in a circle rotating continuously","k":"motion","s":"cnippet","c":"motion/text-effect","hc":1},{"id":"cnippet:text-along-path","t":"Text along path","d":"Text follows an SVG path, optionally animated","k":"motion","s":"cnippet","c":"motion/text-effect","sb":"Handwriting and SVG","hc":1},{"id":"cnippet:breathing-text","t":"Breathing text","d":"Characters scale and opacity pulse in a wave pattern using variable fonts","k":"motion","s":"cnippet","c":"motion/text-effect","hc":1},{"id":"cnippet:splitting-text","t":"Splitting text","d":"Text splits into characters or words with individual animation control","k":"motion","s":"cnippet","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"cnippet:rolling-text","t":"Rolling text","d":"Text rolls in from top or bottom with 3D perspective","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["3d"],"sy":["3d"],"hc":1},{"id":"cnippet:rotating-text","t":"Rotating text","d":"Single-slot word rotator with configurable transitions","k":"motion","s":"cnippet","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"cnippet:morphing-text","t":"Morphing text","d":"Smooth blur-based morphing between words","k":"motion","s":"cnippet","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"cnippet:colorful-text","t":"Colorful text","d":"Characters animate in with randomized vibrant colors","k":"motion","s":"cnippet","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"cnippet:encrypted-text","t":"Encrypted text","d":"Characters decrypt from gibberish in a military terminal style","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"cnippet:text-generate-effect","t":"Text generate effect","d":"Words fade in sequentially as if being AI-generated","k":"motion","s":"cnippet","c":"motion/text-effect","hc":1},{"id":"cnippet:scroll-swap-text","t":"Scroll swap text","d":"Text content swaps and transforms tied to scroll position","k":"motion","s":"cnippet","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"cnippet:scroll-reveal","t":"Scroll reveal","d":"Elements animate into view when they enter the viewport, with any Motion variant","k":"layout","s":"cnippet","c":"layout/scroll-area","hc":1},{"id":"cnippet:scroll-progress","t":"Scroll progress","d":"A spring-animated progress bar that tracks page or container scroll position","s":"cnippet","c":"data-viz/progress-bar","hc":1},{"id":"cnippet:scroll-velocity-text","t":"Scroll velocity text","d":"Text marquee speed reacts to scroll velocity — faster scrolling spins it faster","k":"motion","s":"cnippet","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"cnippet:parallax-floating","t":"Parallax floating","d":"Elements float at different speeds based on cursor position for a parallax depth effect","k":"layout","s":"cnippet","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"cnippet:stacking-cards","t":"Stacking cards","d":"Cards stack and scale on scroll — each pins to the top while the next slides underneath","s":"cnippet","c":"data-display/card","hc":1},{"id":"cnippet:progressive-blur","t":"Progressive blur","d":"Layered backdrop-blur overlay that progressively fades content at container edges","k":"layout","s":"cnippet","c":"layout/scroll-area","hc":1},{"id":"cnippet:variable-font-hover","t":"Variable font hover","d":"Variable font weight and width changes per letter on hover","k":"resource","s":"cnippet","c":"assets/font","hc":1},{"id":"cnippet:variable-font-cursor-proximity","t":"Variable font cursor proximity","d":"Font axes respond to cursor distance from each character","k":"resource","s":"cnippet","c":"assets/font","hc":1},{"id":"cnippet:text-cursor-proximity","t":"Text cursor proximity","d":"Characters scale and transform based on cursor distance","k":"motion","s":"cnippet","c":"motion/cursor","hc":1},{"id":"cnippet:m-text-reveal-1","t":"M text reveal #1","d":"Hero headline — word-by-word fade-in-blur reveal","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"cnippet:m-text-reveal-2","t":"M text reveal #2","d":"Character scale — letter-level scale reveal for short taglines","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"cnippet:m-text-reveal-3","t":"M text reveal #3","d":"Stacked content block — eyebrow, headline, and body with sequential delays","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"cnippet:m-text-scramble-1","t":"M text scramble 1","d":"Hero headline — auto-scramble on mount resolving left-to-right","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Scramble and glitch","sy":["animated"],"hc":1},{"id":"cnippet:m-text-scramble-2","t":"M text scramble 2","d":"Click to retrigger — manually replays the scramble via trigger prop","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Scramble and glitch","sy":["animated"],"hc":1},{"id":"cnippet:m-text-scramble-3","t":"M text scramble 3","d":"Scrambled stats — staggered duration across a metric row","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Scramble and glitch","sy":["animated"],"hc":1},{"id":"cnippet:m-scramble-hover-1","t":"M scramble hover 1","d":"Navigation links — each link scrambles independently on hover","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Scramble and glitch","sy":["animated"],"hc":1},{"id":"cnippet:m-scramble-hover-2","t":"M scramble hover 2","d":"Hero heading — center reveal direction for a symmetric decode","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Scramble and glitch","sy":["animated"],"hc":1},{"id":"cnippet:m-scramble-hover-3","t":"M scramble hover 3","d":"Repository card — title and metadata scramble with different settings","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Scramble and glitch","sy":["animated"],"hc":1},{"id":"cnippet:m-typewriter-1","t":"M typewriter #1","d":"Hero headline — types once with a block-underscore cursor","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Typewriter","sy":["animated"],"hc":1},{"id":"cnippet:m-typewriter-2","t":"M typewriter #2","d":"Looping phrases — cycles through strings with delete animation","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Typewriter","sy":["animated"],"hc":1},{"id":"cnippet:m-typewriter-3","t":"M typewriter #3","d":"Terminal prompt — monospace CLI-style with block cursor","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated","retro and HUD"],"sb":"Typewriter","sy":["animated","retro and HUD"],"hc":1},{"id":"cnippet:m-text-loop-1","t":"M text loop #1","d":"Looping adjectives — cycles benefit words inline in a heading","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-text-loop-2","t":"M text loop #2","d":"Animated status badge — rich content items in a pill with slide transition","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-text-loop-3","t":"M text loop #3","d":"Horizontal slide — custom variants swap fade+y for a left-to-right slide","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-text-morph-1","t":"M text morph #1","d":"Word cycler — button group drives character-level morphing between words","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"cnippet:m-text-morph-2","t":"M text morph #2","d":"Auto-cycling plan name — interval advances through strings in a card","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"cnippet:m-text-morph-3","t":"M text morph #3","d":"Morphing placeholder — placeholder morphs character-by-character as user types","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"cnippet:m-text-rotate-1","t":"M text rotate #1","d":"Hero inline — audience descriptor cycles in a heading with character stagger","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"cnippet:m-text-rotate-2","t":"M text rotate #2","d":"Manual step control — prev/next buttons drive word-by-word rotation via ref","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"cnippet:m-text-rotate-3","t":"M text rotate #3","d":"Feature ticker — short feature strings rotate with fade+y tween and dot indicators","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"cnippet:m-vertical-cut-reveal-1","t":"M vertical cut reveal 1","d":"Hero headline — word-by-word upward clip reveal with left-to-right stagger","k":"section","s":"cnippet","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"cnippet:m-vertical-cut-reveal-2","t":"M vertical cut reveal 2","d":"Character logotype — center-out stagger on a short brand name","k":"section","s":"cnippet","c":"marketing/marketing","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-vertical-cut-reveal-3","t":"M vertical cut reveal 3","d":"Stacked lines — alternating reverse direction per line with sequential delays","k":"motion","s":"cnippet","c":"motion/background","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-letter-swap-hover-1","t":"M letter swap hover 1","d":"Navigation links — each link swaps independently on hover","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"cnippet:m-letter-swap-hover-2","t":"M letter swap hover 2","d":"CTA buttons — filled and outlined buttons with opposite swap directions","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"cnippet:m-letter-swap-hover-3","t":"M letter swap hover 3","d":"Stats row — labels use center-out stagger beneath stat figures","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"cnippet:m-text-shimmer-1","t":"M text shimmer #1","d":"Hero headline — slow sweep on a large heading","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Gradient and shimmer","sy":["animated"],"hc":1},{"id":"cnippet:m-text-shimmer-2","t":"M text shimmer #2","d":"Status badges — system-state and AI-processing badges with active shimmer loop","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Gradient and shimmer","sy":["animated"],"hc":1},{"id":"cnippet:m-text-shimmer-3","t":"M text shimmer #3","d":"Feature list — heading and three feature strings shimmer at different speeds","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated","webgl"],"sb":"Gradient and shimmer","sy":["animated","webgl"],"hc":1},{"id":"cnippet:m-text-shimmer-wave-1","t":"M text shimmer wave 1","d":"Hero heading — gentle wave with moderate z and y distance","k":"motion","s":"cnippet","c":"motion/background","tg":["animated"],"sb":"Waves and warps","sy":["animated"],"hc":1},{"id":"cnippet:m-text-shimmer-wave-2","t":"M text shimmer wave 2","d":"Loading states — fast wave on short strings alongside spinners and pulse indicators","k":"motion","s":"cnippet","c":"motion/background","tg":["animated"],"sb":"Waves and warps","sy":["animated"],"hc":1},{"id":"cnippet:m-text-shimmer-wave-3","t":"M text shimmer wave 3","d":"Exaggerated logotype — pushed scale, rotateY, and zDistance on a short all-caps word","k":"motion","s":"cnippet","c":"motion/background","tg":["animated"],"sb":"Waves and warps","sy":["animated"],"hc":1},{"id":"cnippet:m-text-gradient-1","t":"M text gradient 1","d":"Hero heading — violet to cyan looping gradient sweep","k":"motion","s":"cnippet","c":"motion/gradient","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"cnippet:m-text-gradient-2","t":"M text gradient 2","d":"Inline word accent — single word with fast orange-to-green sweep inside static heading","k":"motion","s":"cnippet","c":"motion/gradient","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"cnippet:m-text-gradient-3","t":"M text gradient 3","d":"Pricing cards — each tier has its own palette and speed","k":"motion","s":"cnippet","c":"motion/gradient","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"cnippet:m-text-highlight-1","t":"M text highlight 1","d":"Scroll triggered — key phrase highlights ltr on viewport entry","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-text-highlight-2","t":"M text highlight 2","d":"Hover triggered — highlight fills in on mouse enter and resets on leave","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-text-highlight-3","t":"M text highlight 3","d":"Direction picker — buttons call ref to demonstrate all four sweep directions","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-sliding-number-1","t":"M sliding number 1","d":"Increment/decrement — +/- buttons drive a single odometer display","k":"motion","s":"cnippet","c":"motion/number-ticker","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-sliding-number-2","t":"M sliding number 2","d":"Live clock — hours, minutes, seconds as separate padded sliding numbers","k":"motion","s":"cnippet","c":"motion/number-ticker","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-sliding-number-3","t":"M sliding number 3","d":"Pricing plan switcher — price and seat count animate on tier change","k":"motion","s":"cnippet","c":"motion/number-ticker","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-animated-number-1","t":"M animated number 1","d":"Stepper — +10/-10 buttons spring the figure through intermediate values","k":"motion","s":"cnippet","c":"motion/number-ticker","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-animated-number-2","t":"M animated number 2","d":"Upload progress — percentage label animates alongside a CSS progress bar","k":"motion","s":"cnippet","c":"motion/number-ticker","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-animated-number-3","t":"M animated number 3","d":"Dashboard metrics — three KPI cards spring on multiplier toggle","k":"motion","s":"cnippet","c":"motion/number-ticker","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"cnippet:m-breathing-text-1","t":"M breathing text 1","d":"Weight + width wave — wght and wdth axes breathe left to right","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-breathing-text-2","t":"M breathing text 2","d":"Center pulse — short logotype word pulses outward from center","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-breathing-text-3","t":"M breathing text 3","d":"Heading + subtitle pair — two instances with opposite stagger directions","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-splitting-text-1","t":"M splitting text 1","d":"Hero headline — word-level slide-up with spring transition","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"cnippet:m-splitting-text-2","t":"M splitting text 2","d":"Preset explorer — buttons switch all five presets on character-level split","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"cnippet:m-splitting-text-3","t":"M splitting text 3","d":"Stacked content block — eyebrow, headline, body with different presets","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"cnippet:m-rolling-text-1","t":"M rolling text #1","d":"Hero headline — letters roll up with tight stagger on mount","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-rolling-text-2","t":"M rolling text #2","d":"Stacked display lines — three lines with incremental delay offsets","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"cnippet:m-rolling-text-3","t":"M rolling text #3","d":"Navigation links — roll down from above with per-item delay","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-rotating-text-1","t":"M rotating text 1","d":"Hero inline — adjectives rotate inside a heading with stable width","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"cnippet:m-rotating-text-2","t":"M rotating text 2","d":"Framed CTA — action phrases rotate inside a bordered card","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"cnippet:m-rotating-text-3","t":"M rotating text 3","d":"Testimonial audience — direction down cycles target audience descriptor","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"cnippet:m-morphing-text-1","t":"M morphing text 1","d":"Auto-cycling hero words — four short action words blur-dissolve in sequence","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"cnippet:m-morphing-text-2","t":"M morphing text 2","d":"Tech stack card — stack names morph inside a product card","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"cnippet:m-morphing-text-3","t":"M morphing text 3","d":"Hero section — morphing headline anchored by static eyebrow and body copy","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"cnippet:m-spinning-text-1","t":"M spinning text 1","d":"Badge ring — spinning label orbits a centered icon","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-spinning-text-2","t":"M spinning text 2","d":"CTA orbit — reversed ring around a clickable arrow button","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-spinning-text-3","t":"M spinning text 3","d":"Concentric rings — two rings at different radii, speeds, and directions","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-text-roll-1","t":"M text roll #1","d":"Hero headline — letter-by-letter 3D roll reveal for a landing page heading","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"cnippet:m-text-roll-2","t":"M text roll #2","d":"Stats row — three TextRoll instances with offset delays animate key metrics with replay","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"cnippet:m-text-roll-3","t":"M text roll #3","d":"Navigation links — staggered roll-in across nav items on mount","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-flip-words-1","t":"M flip words #1","d":"Hero inline — adjectives flip inside a heading with primary colour accent","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"cnippet:m-flip-words-2","t":"M flip words #2","d":"CTA button — action verbs flip inside a full-width button for a sense of urgency","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"cnippet:m-flip-words-3","t":"M flip words #3","d":"Testimonial card — audience descriptor cycles in a pull-quote layout","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"cnippet:m-counting-number-1","t":"M counting number 1","d":"Stats section — four counters animate a social-proof grid on mount","k":"section","s":"cnippet","c":"marketing/testimonials","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-counting-number-2","t":"M counting number 2","d":"Large hero metric — single full-width counter with imperative replay via ref","k":"section","s":"cnippet","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"cnippet:m-counting-number-3","t":"M counting number 3","d":"Dashboard metrics — three gradient counters inside bordered cards with different durations","k":"layout","s":"cnippet","c":"layout/dashboard","tg":["animated","gradient","webgl"],"sy":["animated","gradient","webgl"],"hc":1},{"id":"cnippet:m-colorful-text-1","t":"M colorful text 1","d":"Hero headline — full sentence reveals character-by-character with random vibrant colours","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Gradient and shimmer","sy":["animated"],"hc":1},{"id":"cnippet:m-colorful-text-2","t":"M colorful text 2","d":"Brand logotype — short all-caps word with custom violet-to-teal palette","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Gradient and shimmer","sy":["animated"],"hc":1},{"id":"cnippet:m-colorful-text-3","t":"M colorful text 3","d":"Cycling phrases — button replays the colour animation across multiple phrases","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Gradient and shimmer","sy":["animated"],"hc":1},{"id":"cnippet:m-encrypted-text-1","t":"M encrypted text 1","d":"Hero headline — large heading decrypts left-to-right on mount","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-encrypted-text-2","t":"M encrypted text 2","d":"Terminal session — CLI commands decrypt sequentially on Enter","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated","retro and HUD"],"sy":["animated","retro and HUD"],"hc":1},{"id":"cnippet:m-encrypted-text-3","t":"M encrypted text 3","d":"Direction picker — buttons replay with each of four revealDirection values","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-text-generate-effect-1","t":"M text generate effect 1","d":"Hero headline — word-by-word blur-fade reveal for landing page headings","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-text-generate-effect-2","t":"M text generate effect 2","d":"AI chat response — assistant card regenerates text on demand via trigger","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-text-generate-effect-3","t":"M text generate effect 3","d":"Stacked content block — eyebrow, headline, and body with different stagger settings","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-letter-3d-swap-1","t":"M letter 3d swap 1","d":"Navigation links — letters rotate upward on hover with colour change between faces","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["3d","animated"],"sb":"Rotating words","sy":["3d","animated"],"hc":1},{"id":"cnippet:m-letter-3d-swap-2","t":"M letter 3d swap 2","d":"CTA buttons — filled and outlined buttons with opposite rotateDirection values","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["3d","animated"],"sb":"Rotating words","sy":["3d","animated"],"hc":1},{"id":"cnippet:m-letter-3d-swap-3","t":"M letter 3d swap 3","d":"Direction showcase — four rows compare top, right, bottom, and left rotations","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["3d","animated"],"sb":"Rotating words","sy":["3d","animated"],"hc":1},{"id":"cnippet:m-random-letter-swap-1","t":"M random letter swap 1","d":"Navigation links — each link shuffles independently on hover","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"cnippet:m-random-letter-swap-2","t":"M random letter swap 2","d":"CTA buttons — two buttons with reverse prop contrast for visual distinction","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"cnippet:m-random-letter-swap-3","t":"M random letter swap 3","d":"Tag chips — technology tags inside pill badges shuffle on hover","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"cnippet:m-scroll-swap-text-1","t":"M scroll swap text 1","d":"Feature list — each item slides in as the scrollable container is scrolled","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"cnippet:m-scroll-swap-text-2","t":"M scroll swap text 2","d":"Step-by-step process — numbered steps swap in as they cross the scroll threshold","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"cnippet:m-scroll-swap-text-3","t":"M scroll swap text 3","d":"Testimonial quotes — pull quotes scroll into view one at a time","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"cnippet:m-variable-font-hover-1","t":"M variable font hover 1","d":"Navigation links — letters bold from center outward on hover","k":"resource","s":"cnippet","c":"assets/font","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-variable-font-hover-2","t":"M variable font hover 2","d":"Hero headline — two lines with inverted weight axes contrast on hover","k":"resource","s":"cnippet","c":"assets/font","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-variable-font-hover-3","t":"M variable font hover 3","d":"CTA links — three links each using a different staggerFrom origin","k":"resource","s":"cnippet","c":"assets/font","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"cnippet:m-variable-font-cursor-proximity-1","t":"M variable font cursor proximity 1","d":"Hero headline — characters grow from ultra-light to black near cursor","k":"resource","s":"cnippet","c":"assets/font","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-variable-font-cursor-proximity-2","t":"M variable font cursor proximity 2","d":"Dual lines — mirrored inverted axes with gaussian falloff","k":"resource","s":"cnippet","c":"assets/font","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-variable-font-cursor-proximity-3","t":"M variable font cursor proximity 3","d":"Navigation — nav items respond to proximity with exponential falloff","k":"resource","s":"cnippet","c":"assets/font","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-text-cursor-proximity-1","t":"M text cursor proximity 1","d":"Scale — characters grow as cursor approaches with linear falloff","k":"motion","s":"cnippet","c":"motion/cursor","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-text-cursor-proximity-2","t":"M text cursor proximity 2","d":"Opacity reveal — two hidden lines appear as cursor sweeps with gaussian falloff","k":"motion","s":"cnippet","c":"motion/cursor","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-text-cursor-proximity-3","t":"M text cursor proximity 3","d":"Scale and color — characters grow and shift colour with exponential falloff","k":"motion","s":"cnippet","c":"motion/cursor","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-text-along-path-1","t":"M text along path 1","d":"Circular badge — text loops continuously around a circular path","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-text-along-path-2","t":"M text along path 2","d":"Wave path — text flows along a sinusoidal wave in auto mode","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-text-along-path-3","t":"M text along path 3","d":"Curved path with visible stroke — cubic Bézier with showPath for debugging","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-scroll-reveal-1","t":"M scroll reveal 1","d":"Feature cards — three cards slide up and fade in with staggered delays on scroll","k":"layout","s":"cnippet","c":"layout/scroll-area","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"cnippet:m-scroll-reveal-2","t":"M scroll reveal 2","d":"Feature section — image slides from left, text from right in a split layout","k":"layout","s":"cnippet","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-scroll-reveal-3","t":"M scroll reveal 3","d":"Stepped list — each item slides in from the left with incrementing delay","k":"layout","s":"cnippet","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-scroll-progress-1","t":"M scroll progress 1","d":"Fixed reading bar — 1px bar pinned to viewport top tracks window scroll","s":"cnippet","c":"data-viz/progress-bar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-scroll-progress-2","t":"M scroll progress 2","d":"In-container progress — gradient bar in card header scoped to a scrollable div","s":"cnippet","c":"data-viz/progress-bar","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"cnippet:m-scroll-progress-3","t":"M scroll progress 3","d":"Styled bar with percentage — rounded gradient bar with live percentage label","s":"cnippet","c":"data-viz/progress-bar","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"cnippet:m-scroll-velocity-text-1","t":"M scroll velocity text 1","d":"Word marquee — continuous horizontal scroll of tech-stack words, speeds up on scroll","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"cnippet:m-scroll-velocity-text-2","t":"M scroll velocity text 2","d":"Opposing rows — two rows scrolling in opposite directions, velocity-reactive","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"cnippet:m-scroll-velocity-text-3","t":"M scroll velocity text 3","d":"Pill marquee — badge-style items scrolling continuously at a fixed speed","k":"motion","s":"cnippet","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"cnippet:m-parallax-floating-1","t":"M parallax floating 1","d":"Floating shapes — geometric shapes at different depths follow the cursor","k":"layout","s":"cnippet","c":"layout/scroll-area","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"cnippet:m-parallax-floating-2","t":"M parallax floating 2","d":"Floating card — card with glow blobs and dot accents at independent depth layers","k":"layout","s":"cnippet","c":"layout/scroll-area","tg":["3d","animated","neon"],"sy":["3d","animated","neon"],"hc":1},{"id":"cnippet:m-parallax-floating-3","t":"M parallax floating 3","d":"Floating symbols — abstract symbols drift at different depths following cursor","k":"layout","s":"cnippet","c":"layout/scroll-area","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"cnippet:m-stacking-cards-1","t":"M stacking cards 1","d":"Feature cards — three feature cards stack as you scroll through the section","s":"cnippet","c":"data-display/card","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"cnippet:m-stacking-cards-2","t":"M stacking cards 2","d":"Testimonial cards — customer quotes stack on scroll with subtle scaling","s":"cnippet","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-stacking-cards-3","t":"M stacking cards 3","d":"Process steps — numbered steps stack sequentially on scroll","s":"cnippet","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-progressive-blur-1","t":"M progressive blur 1","d":"List fade — content list with progressive blur fade at the bottom","s":"cnippet","c":"data-display/list","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-progressive-blur-2","t":"M progressive blur 2","d":"Gallery edges — horizontal row of cards with left and right edge blur","s":"cnippet","c":"data-display/list","tg":["animated"],"sy":["animated"],"hc":1},{"id":"cnippet:m-progressive-blur-3","t":"M progressive blur 3","d":"Nav overflow — horizontal nav bar with right-edge blur for overflow indication","s":"cnippet","c":"navigation/top-nav","tg":["animated"],"sb":"Glass","sy":["animated"],"hc":1},{"id":"cnippet:style","t":"Style","d":"Complete coss theme: colors, sidebar, fonts, and base styles. Use with `npx shadcn init @c","k":"theme","s":"cnippet","c":"themes/style"},{"id":"cnippet:colors-neutral","t":"Colors neutral","k":"theme","s":"cnippet","c":"themes/style"},{"id":"cnippet:fonts","t":"Fonts","k":"resource","s":"cnippet","c":"assets/font"},{"id":"cnippet:font-sans","t":"Font sans","k":"resource","s":"cnippet","c":"assets/font"},{"id":"cnippet:font-heading","t":"Font heading","k":"resource","s":"cnippet","c":"assets/font"},{"id":"cnippet:font-mono","t":"Font mono","k":"resource","s":"cnippet","c":"assets/font"},{"id":"cnippet:utils","t":"Utils","k":"lib","s":"cnippet","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"cnippet:use-render","t":"Use render","k":"lib","s":"cnippet","c":"lib/utility","hc":1},{"id":"cnippet:merge-props","t":"Merge props","k":"lib","s":"cnippet","c":"lib/utility","hc":1},{"id":"cnippet:csp-provider","t":"Csp provider","k":"lib","s":"cnippet","c":"lib/utility","sb":"State","hc":1},{"id":"cnippet:direction-provider","t":"Direction provider","k":"lib","s":"cnippet","c":"lib/utility","sb":"State","hc":1},{"id":"cnippet:use-media-query","t":"Use media query","k":"lib","s":"cnippet","c":"lib/hook","hc":1},{"id":"cnippet:use-copy-to-clipboard","t":"Use copy to clipboard","k":"lib","s":"cnippet","c":"lib/hook","hc":1},{"id":"cognicatch:adaptive-banner","t":"Adaptive Banner","d":"A graceful fallback UI banner for error handling and alerts.","s":"cognicatch","c":"overlays/alert-banner"},{"id":"cognicatch:adaptive-fatal-error","t":"Adaptive Fatal Error","d":"A full-screen, accessible modal for unrecoverable crashes.","s":"cognicatch","c":"overlays/dialog"},{"id":"cognicatch:adaptive-toast","t":"Adaptive Toast","d":"A pre-styled, recovery-ready wrapper around Sonner for error notifications.","s":"cognicatch","c":"overlays/toast"},{"id":"cognicatch:adaptive-error-boundary","t":"Adaptive Error Boundary","d":"A ready-to-use Error Boundary that degrades UI gracefully using toasts, banners, or modals","s":"cognicatch","c":"overlays/dialog"},{"id":"colorshot:color-picker","t":"Color Picker","d":"Color and gradient picker for React: solid colors plus linear, radial and conic gradients,","s":"colorshot","c":"inputs/color-picker","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"commercn:cart-01","t":"Cart #1","k":"section","s":"commercn","c":"marketing/marketing","sb":"Shop sections","hc":1},{"id":"commercn:checkout-01","t":"Checkout #1","k":"section","s":"commercn","c":"marketing/pricing","hc":1},{"id":"commercn:checkout-02","t":"Checkout #2","k":"section","s":"commercn","c":"marketing/pricing","hc":1},{"id":"commercn:checkout-03","t":"Checkout #3","k":"section","s":"commercn","c":"marketing/pricing","hc":1},{"id":"commercn:cart-02","t":"Cart #2","k":"section","s":"commercn","c":"marketing/marketing","sb":"Shop sections","hc":1},{"id":"commercn:category-01","t":"Category #1","k":"section","s":"commercn","c":"marketing/marketing","hc":1},{"id":"commercn:category-02","t":"Category #2","k":"section","s":"commercn","c":"marketing/marketing","hc":1},{"id":"commercn:category-03","t":"Category #3","k":"section","s":"commercn","c":"marketing/marketing","hc":1},{"id":"commercn:category-04","t":"Category #4","k":"section","s":"commercn","c":"marketing/marketing","hc":1},{"id":"commercn:order-01","t":"Order #1","k":"section","s":"commercn","c":"marketing/marketing","sb":"Shop sections","hc":1},{"id":"commercn:product-card-01","t":"Product Card #1","s":"commercn","c":"data-display/card","sb":"Product","hc":1},{"id":"commercn:product-card-02","t":"Product Card #2","s":"commercn","c":"data-display/card","sb":"Product","hc":1},{"id":"commercn:product-card-03","t":"Product Card #3","s":"commercn","c":"data-display/card","sb":"Product","hc":1},{"id":"commercn:product-detail-01","t":"Product Detail #1","s":"commercn","c":"data-display/accordion","hc":1},{"id":"commercn:review-01","t":"Review #1","k":"section","s":"commercn","c":"marketing/marketing","hc":1},{"id":"commercn:review-02","t":"Review #2","k":"section","s":"commercn","c":"marketing/marketing","hc":1},{"id":"commercn:review-03","t":"Review #3","k":"section","s":"commercn","c":"marketing/marketing","hc":1},{"id":"componentry:animated-gradient","t":"Animated gradient","k":"motion","s":"componentry","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"componentry:ascii-effect","t":"Ascii effect","k":"motion","s":"componentry","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"componentry:aurora-flow","t":"Aurora flow","k":"motion","s":"componentry","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"componentry:case-study-flip-stack","t":"Case study flip stack","k":"section","s":"componentry","c":"marketing/marketing","sb":"Portfolio","hc":1},{"id":"componentry:circuit-board","t":"Circuit board","s":"componentry","c":"data-display/kanban","hc":1},{"id":"componentry:closing-plasma","t":"Closing plasma","s":"componentry","c":"other/other","hc":1},{"id":"componentry:collection-surfer","t":"Collection surfer","s":"componentry","c":"other/other","hc":1},{"id":"componentry:cursor-driven-particle-typography","t":"Cursor driven particle typography","s":"componentry","c":"data-display/typography","hc":1},{"id":"componentry:dither-gradient","t":"Dither gradient","k":"motion","s":"componentry","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"componentry:dither-prism-hero","t":"Dither prism hero","k":"section","s":"componentry","c":"marketing/hero","hc":1},{"id":"componentry:dithered-logo","t":"Dithered logo","k":"resource","s":"componentry","c":"assets/logo","hc":1},{"id":"componentry:eye-tracking","t":"Eye tracking","s":"componentry","c":"other/other","hc":1},{"id":"componentry:fisheye-infinite-grid","t":"Fisheye infinite grid","s":"componentry","c":"other/other","hc":1},{"id":"componentry:flight-status-card","t":"Flight status card","s":"componentry","c":"data-display/card","sb":"Metric","hc":1},{"id":"componentry:flipping-word-swap","t":"Flipping word swap","k":"motion","s":"componentry","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"componentry:github-calendar","t":"Github calendar","s":"componentry","c":"data-display/calendar","hc":1},{"id":"componentry:hero-geometric","t":"Hero geometric","k":"section","s":"componentry","c":"marketing/hero","hc":1},{"id":"componentry:hover-transition","t":"Hover transition","s":"componentry","c":"other/other","hc":1},{"id":"componentry:image-ripple-effect","t":"Image ripple effect","k":"motion","s":"componentry","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"componentry:image-trail","t":"Image trail","s":"componentry","c":"media/gallery","hc":1},{"id":"componentry:infinite-image-field","t":"Infinite image field","s":"componentry","c":"inputs/form-field","hc":1},{"id":"componentry:kinetic-text-reveal","t":"Kinetic text reveal","k":"motion","s":"componentry","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"componentry:layered-stack","t":"Layered stack","s":"componentry","c":"other/other","hc":1},{"id":"componentry:letter-cascade","t":"Letter cascade","k":"motion","s":"componentry","c":"motion/text-effect","hc":1},{"id":"componentry:liquid-chrome","t":"Liquid chrome","s":"componentry","c":"other/other","hc":1},{"id":"componentry:mac-keyboard","t":"Mac keyboard","s":"componentry","c":"other/other","hc":1},{"id":"componentry:magnet-lines","t":"Magnet lines","k":"motion","s":"componentry","c":"motion/background","sb":"Beams and light","hc":1},{"id":"componentry:magnetic-dock","t":"Magnetic dock","s":"componentry","c":"navigation/dock","hc":1},{"id":"componentry:matrix-rain","t":"Matrix rain","k":"motion","s":"componentry","c":"motion/ascii","hc":1},{"id":"componentry:music-player","t":"Music player","s":"componentry","c":"media/player","hc":1},{"id":"componentry:newsletter-bookshelf","t":"Newsletter bookshelf","k":"section","s":"componentry","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"componentry:orbit-card-stack","t":"Orbit card stack","s":"componentry","c":"media/card-stack","hc":1},{"id":"componentry:pixel-canvas","t":"Pixel canvas","s":"componentry","c":"other/other","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"componentry:pixel-image-trail","t":"Pixel image trail","s":"componentry","c":"media/gallery","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"componentry:prism-gradient","t":"Prism gradient","k":"motion","s":"componentry","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"componentry:ripple-transition","t":"Ripple transition","k":"motion","s":"componentry","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"componentry:scroll-based-velocity","t":"Scroll based velocity","k":"layout","s":"componentry","c":"layout/scroll-area","hc":1},{"id":"componentry:scroll-choreography","t":"Scroll choreography","k":"layout","s":"componentry","c":"layout/scroll-area","hc":1},{"id":"componentry:scroll-split-card","t":"Scroll split card","k":"layout","s":"componentry","c":"layout/scroll-area","hc":1},{"id":"componentry:scroll-tilted-grid","t":"Scroll tilted grid","k":"layout","s":"componentry","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"componentry:signature","t":"Signature","s":"componentry","c":"other/other","hc":1},{"id":"componentry:silk-aurora","t":"Silk aurora","k":"motion","s":"componentry","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"componentry:spiral-3d-slider","t":"Spiral 3d slider","s":"componentry","c":"inputs/slider","tg":["3d"],"sy":["3d"],"hc":1},{"id":"componentry:split-flap-display","t":"Split flap display","s":"componentry","c":"other/other","hc":1},{"id":"componentry:sticky-scroll-cards","t":"Sticky scroll cards","k":"layout","s":"componentry","c":"layout/scroll-area","hc":1},{"id":"componentry:text-morph","t":"Text morph","k":"motion","s":"componentry","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"componentry:text-repel","t":"Text repel","k":"motion","s":"componentry","c":"motion/text-effect","hc":1},{"id":"componentry:webgl-liquid","t":"Webgl liquid","k":"motion","s":"componentry","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"componentry:wheel-carousel","t":"Wheel carousel","s":"componentry","c":"media/carousel","hc":1},{"id":"componentry:annotated-text","t":"Annotated text","k":"motion","s":"componentry","c":"motion/text-effect","hc":1},{"id":"componentry:grain-gradient","t":"Grain gradient","k":"motion","s":"componentry","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"componentry:spectral-ribbon","t":"Spectral ribbon","k":"section","s":"componentry","c":"marketing/announcement","hc":1},{"id":"componentry:liquid-glass-carousel","t":"Liquid glass carousel","s":"componentry","c":"media/carousel","tg":["glass"],"sy":["glass"],"hc":1},{"id":"componentry:gradient-hero-01","t":"Gradient hero #1","k":"section","s":"componentry","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"],"hc":1},{"id":"componentry:pricing-01","t":"Pricing #1","k":"section","s":"componentry","c":"marketing/pricing","hc":1},{"id":"componentry:pricing-02","t":"Pricing #2","k":"section","s":"componentry","c":"marketing/pricing","hc":1},{"id":"contentbit:content-renderer","t":"Content Renderer","d":"Renders a validated Content Blocks document with the styled component pack.","s":"contentbit","c":"other/other","hc":1},{"id":"contentbit:callout","t":"Callout Block","d":"Note, tip, warning, important, and TLDR callouts.","s":"contentbit","c":"overlays/alert-banner","hc":1},{"id":"contentbit:steps","t":"Steps Block","d":"Numbered process steps.","s":"contentbit","c":"navigation/wizard-steps","hc":1},{"id":"contentbit:key-metrics","t":"Key Metrics Block","d":"Stat cards for scannable numbers.","s":"contentbit","c":"data-display/stat","hc":1},{"id":"contentbit:quick-ref","t":"Quick Reference Block","d":"Compact key/value reference card.","s":"contentbit","c":"data-display/card","hc":1},{"id":"contentbit:comparison","t":"Comparison Block","d":"Two-option comparison table.","k":"section","s":"contentbit","c":"marketing/comparison","hc":1},{"id":"contentbit:pros-cons","t":"Pros & Cons Block","d":"Paired advantages and disadvantages.","s":"contentbit","c":"data-display/badge","hc":1},{"id":"contentbit:tabs","t":"Tabs Block","d":"Tabbed switcher for alternative methods.","s":"contentbit","c":"navigation/tabs","hc":1},{"id":"contentbit:faq","t":"FAQ Block","d":"Accordion of question/answer pairs.","k":"section","s":"contentbit","c":"marketing/faq","hc":1},{"id":"contentbit:generic-pack","t":"Generic Pack","d":"All Content Blocks components plus the renderer.","k":"section","s":"contentbit","c":"marketing/marketing"},{"id":"contentbit:astro-content-renderer","t":"Content Renderer (Astro)","d":"Renders a validated Content Blocks document with the styled component pack.","s":"contentbit","c":"other/other","hc":1},{"id":"contentbit:astro-callout","t":"Callout Block (Astro)","d":"Note, tip, warning, important, and TLDR callouts.","s":"contentbit","c":"overlays/alert-banner","hc":1},{"id":"contentbit:astro-steps","t":"Steps Block (Astro)","d":"Numbered process steps.","s":"contentbit","c":"navigation/wizard-steps","hc":1},{"id":"contentbit:astro-key-metrics","t":"Key Metrics Block (Astro)","d":"Stat cards for scannable numbers.","s":"contentbit","c":"data-display/stat","hc":1},{"id":"contentbit:astro-quick-ref","t":"Quick Reference Block (Astro)","d":"Compact key/value reference card.","s":"contentbit","c":"data-display/card","hc":1},{"id":"contentbit:astro-comparison","t":"Comparison Block (Astro)","d":"Two-option comparison table.","k":"section","s":"contentbit","c":"marketing/comparison","hc":1},{"id":"contentbit:astro-pros-cons","t":"Pros & Cons Block (Astro)","d":"Paired advantages and disadvantages.","s":"contentbit","c":"data-display/badge","hc":1},{"id":"contentbit:astro-tabs","t":"Tabs Block (Astro)","d":"Tabbed switcher for alternative methods.","s":"contentbit","c":"navigation/tabs","hc":1},{"id":"contentbit:astro-faq","t":"FAQ Block (Astro)","d":"Accordion of question/answer pairs.","k":"section","s":"contentbit","c":"marketing/faq","hc":1},{"id":"contentbit:astro-pack","t":"Astro Generic Pack","d":"The full styled Astro pack: all 8 generic blocks plus the content renderer.","k":"section","s":"contentbit","c":"marketing/marketing"},{"id":"corecn:accordion","t":"Accordion","d":"CoreCN Accordion primitive built on shadcn/ui.","s":"corecn","c":"data-display/accordion","hc":1},{"id":"corecn:alert-dialog","t":"Alert Dialog","d":"CoreCN Alert Dialog primitive built on shadcn/ui.","s":"corecn","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"corecn:alert","t":"Alert","d":"CoreCN Alert primitive built on shadcn/ui.","s":"corecn","c":"overlays/alert-banner","hc":1},{"id":"corecn:aspect-ratio","t":"Aspect Ratio","d":"CoreCN Aspect Ratio primitive built on shadcn/ui.","k":"layout","s":"corecn","c":"layout/page-shell","hc":1,"cp":1},{"id":"corecn:attachment","t":"Attachment","d":"CoreCN Attachment primitive built on shadcn/ui.","s":"corecn","c":"inputs/file-upload","hc":1},{"id":"corecn:avatar","t":"Avatar","d":"CoreCN Avatar primitive built on shadcn/ui.","s":"corecn","c":"data-display/avatar","hc":1},{"id":"corecn:badge","t":"Badge","d":"CoreCN Badge primitive built on shadcn/ui.","s":"corecn","c":"data-display/badge","hc":1},{"id":"corecn:brand-button","t":"Brand Button","d":"CoreCN Brand Button built on shadcn/ui.","s":"corecn","c":"actions/button","hc":1},{"id":"corecn:breadcrumb","t":"Breadcrumb","d":"CoreCN Breadcrumb primitive built on shadcn/ui.","s":"corecn","c":"navigation/breadcrumb","hc":1},{"id":"corecn:bubble","t":"Bubble","d":"CoreCN Bubble primitive built on shadcn/ui.","s":"corecn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"corecn:button-group","t":"Button Group","d":"CoreCN Button Group primitive built on shadcn/ui.","s":"corecn","c":"actions/button","sb":"Groups and split","hc":1},{"id":"corecn:button","t":"Button","d":"CoreCN Button primitive built on shadcn/ui.","s":"corecn","c":"actions/button","hc":1},{"id":"corecn:calendar","t":"Calendar","d":"CoreCN Calendar primitive built on shadcn/ui.","s":"corecn","c":"data-display/calendar","hc":1},{"id":"corecn:card","t":"Card","d":"CoreCN Card primitive built on shadcn/ui.","s":"corecn","c":"data-display/card","hc":1},{"id":"corecn:carousel","t":"Carousel","d":"CoreCN Carousel primitive built on shadcn/ui.","s":"corecn","c":"media/carousel","hc":1,"cp":1},{"id":"corecn:chart","t":"Chart","d":"CoreCN Chart primitive built on shadcn/ui.","s":"corecn","c":"data-viz/chart","hc":1},{"id":"corecn:checkbox","t":"Checkbox","d":"CoreCN Checkbox primitive built on shadcn/ui.","s":"corecn","c":"inputs/checkbox","hc":1},{"id":"corecn:collapsible","t":"Collapsible","d":"CoreCN Collapsible primitive built on shadcn/ui.","s":"corecn","c":"data-display/accordion","hc":1,"cp":1},{"id":"corecn:combobox","t":"Combobox","d":"CoreCN Combobox primitive built on shadcn/ui.","s":"corecn","c":"inputs/combobox","hc":1},{"id":"corecn:command","t":"Command","d":"CoreCN Command primitive built on shadcn/ui.","s":"corecn","c":"navigation/command-palette","hc":1},{"id":"corecn:context-menu","t":"Context Menu","d":"CoreCN Context Menu primitive built on shadcn/ui.","s":"corecn","c":"overlays/context-menu","hc":1},{"id":"corecn:dialog","t":"Dialog","d":"CoreCN Dialog primitive built on shadcn/ui.","s":"corecn","c":"overlays/dialog","hc":1},{"id":"corecn:direction","t":"Direction","d":"CoreCN Direction primitive built on shadcn/ui.","s":"corecn","c":"other/other","hc":1,"cp":1},{"id":"corecn:drawer","t":"Drawer","d":"CoreCN Drawer primitive built on shadcn/ui.","s":"corecn","c":"overlays/sheet","hc":1},{"id":"corecn:dropdown-menu","t":"Dropdown Menu","d":"CoreCN Dropdown Menu primitive built on shadcn/ui.","s":"corecn","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"corecn:empty","t":"Empty","d":"CoreCN Empty primitive built on shadcn/ui.","s":"corecn","c":"data-display/empty-state","hc":1},{"id":"corecn:field","t":"Field","d":"CoreCN Field primitive built on shadcn/ui.","s":"corecn","c":"inputs/form-field","hc":1},{"id":"corecn:form","t":"Form","d":"CoreCN Form primitive built on shadcn/ui.","s":"corecn","c":"inputs/form-field","sb":"Whole forms","vn":1,"hc":1},{"id":"corecn:hover-card","t":"Hover Card","d":"CoreCN Hover Card primitive built on shadcn/ui.","s":"corecn","c":"overlays/hover-card","hc":1},{"id":"corecn:input-otp","t":"Input Otp","d":"CoreCN Input Otp primitive built on shadcn/ui.","s":"corecn","c":"inputs/otp-input","hc":1},{"id":"corecn:input","t":"Input","d":"CoreCN Input primitive built on shadcn/ui.","s":"corecn","c":"inputs/form-field","vn":1,"hc":1},{"id":"corecn:item","t":"Item","d":"CoreCN Item primitive built on shadcn/ui.","s":"corecn","c":"data-display/list","hc":1},{"id":"corecn:kbd","t":"Kbd","d":"CoreCN Kbd primitive built on shadcn/ui.","s":"corecn","c":"data-display/typography","hc":1},{"id":"corecn:label","t":"Label","d":"CoreCN Label primitive built on shadcn/ui.","s":"corecn","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"corecn:marker","t":"Marker","d":"CoreCN Marker primitive built on shadcn/ui.","s":"corecn","c":"other/other","hc":1},{"id":"corecn:menubar","t":"Menubar","d":"CoreCN Menubar primitive built on shadcn/ui.","s":"corecn","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"corecn:message-scroller","t":"Message Scroller","d":"CoreCN Message Scroller primitive built on shadcn/ui.","s":"corecn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"corecn:message","t":"Message","d":"CoreCN Message primitive built on shadcn/ui.","s":"corecn","c":"ai-agent/ai-agent","sb":"Chat","hc":1,"cp":1},{"id":"corecn:native-select","t":"Native Select","d":"CoreCN Native Select primitive built on shadcn/ui.","s":"corecn","c":"inputs/select","hc":1},{"id":"corecn:navigation-menu","t":"Navigation Menu","d":"CoreCN Navigation Menu primitive built on shadcn/ui.","s":"corecn","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"corecn:pagination","t":"Pagination","d":"CoreCN Pagination primitive built on shadcn/ui.","s":"corecn","c":"navigation/pagination","hc":1,"cp":1},{"id":"corecn:popover","t":"Popover","d":"CoreCN Popover primitive built on shadcn/ui.","s":"corecn","c":"overlays/popover","hc":1},{"id":"corecn:progress","t":"Progress","d":"CoreCN Progress primitive built on shadcn/ui.","s":"corecn","c":"data-viz/progress-bar","hc":1},{"id":"corecn:radio-group","t":"Radio Group","d":"CoreCN Radio Group primitive built on shadcn/ui.","s":"corecn","c":"inputs/radio","hc":1},{"id":"corecn:resizable","t":"Resizable","d":"CoreCN Resizable primitive built on shadcn/ui.","k":"layout","s":"corecn","c":"layout/split-pane","hc":1},{"id":"corecn:scroll-area","t":"Scroll Area","d":"CoreCN Scroll Area primitive built on shadcn/ui.","k":"layout","s":"corecn","c":"layout/scroll-area","hc":1},{"id":"corecn:select","t":"Select","d":"CoreCN Select primitive built on shadcn/ui.","s":"corecn","c":"inputs/select","hc":1},{"id":"corecn:separator","t":"Separator","d":"CoreCN Separator primitive built on shadcn/ui.","k":"layout","s":"corecn","c":"layout/page-shell","hc":1},{"id":"corecn:sheet","t":"Sheet","d":"CoreCN Sheet primitive built on shadcn/ui.","s":"corecn","c":"overlays/sheet","hc":1},{"id":"corecn:sidebar","t":"Sidebar","d":"CoreCN Sidebar primitive built on shadcn/ui.","s":"corecn","c":"navigation/sidebar","hc":1},{"id":"corecn:skeleton","t":"Skeleton","d":"CoreCN Skeleton primitive built on shadcn/ui.","s":"corecn","c":"status/skeleton","hc":1},{"id":"corecn:slider","t":"Slider","d":"CoreCN Slider primitive built on shadcn/ui.","s":"corecn","c":"inputs/slider","hc":1},{"id":"corecn:sonner","t":"Sonner","d":"CoreCN Sonner primitive built on shadcn/ui.","s":"corecn","c":"overlays/toast","hc":1,"cp":1},{"id":"corecn:spinner","t":"Spinner","d":"CoreCN Spinner primitive built on shadcn/ui.","s":"corecn","c":"status/loader","sb":"Spinners","hc":1},{"id":"corecn:switch","t":"Switch","d":"CoreCN Switch primitive built on shadcn/ui.","s":"corecn","c":"actions/switch","hc":1},{"id":"corecn:table","t":"Table","d":"CoreCN Table primitive built on shadcn/ui.","s":"corecn","c":"data-display/table","hc":1},{"id":"corecn:tabs","t":"Tabs","d":"CoreCN Tabs primitive built on shadcn/ui.","s":"corecn","c":"navigation/tabs","hc":1},{"id":"corecn:textarea","t":"Textarea","d":"CoreCN Textarea primitive built on shadcn/ui.","s":"corecn","c":"inputs/textarea","hc":1},{"id":"corecn:toggle","t":"Toggle","d":"CoreCN Toggle primitive built on shadcn/ui.","s":"corecn","c":"actions/switch","vn":1,"hc":1},{"id":"corecn:tooltip","t":"Tooltip","d":"CoreCN Tooltip primitive built on shadcn/ui.","s":"corecn","c":"overlays/tooltip","hc":1},{"id":"corecn:stat-card","t":"Stat Card","d":"Dashboard metric card with title, value, and optional trend.","s":"corecn","c":"data-display/stat","hc":1},{"id":"corecn:hello-world","t":"Hello World","d":"A simple hello world component","k":"motion","s":"corecn","c":"motion/globe","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"corecn:complex-component","t":"Complex Component","d":"A complex component showing hooks, libs and components.","s":"corecn","c":"data-display/card","hc":1},{"id":"corecn:example-with-css","t":"Example with CSS","d":"A login form with a CSS file.","s":"corecn","c":"data-display/card","hc":1},{"id":"corr:accordion-list","t":"Accordion List","d":"A clean accordion list wrapper for FAQs, settings, and dense help content.","s":"corr","c":"data-display/accordion","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"corr:animated-buttons","t":"Animated Buttons","d":"Animated action buttons that transition through hover, loading, and complete states.","s":"corr","c":"actions/button","sb":"Animated","hc":1},{"id":"corr:animated-copy-button","t":"Animated Copy Button","d":"A copy button that animates between idle and copied states.","s":"corr","c":"actions/copy-button","hc":1},{"id":"corr:animated-dialog","t":"Animated Dialog","d":"A dialog wrapper with subtle Motion transitions for confirmation and form flows.","s":"corr","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"corr:animated-disclosure","t":"Animated Disclosure","d":"An expandable disclosure panel with vertical and horizontal motion directions.","s":"corr","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"corr:animated-list","t":"Animated List","d":"A generic list wrapper with Motion entry, exit, and reorder transitions.","s":"corr","c":"data-display/list","hc":1},{"id":"corr:animated-number","t":"Animated Number","d":"A NumberFlow-powered animated number primitive for counters, timers, and metrics.","k":"motion","s":"corr","c":"motion/number-ticker","hc":1},{"id":"corr:animated-progress","t":"Animated Progress","d":"A smooth progress bar with determinate, semantic, and pending states.","s":"corr","c":"data-viz/progress-bar","hc":1},{"id":"corr:animated-spinner","t":"Animated Spinner","d":"A restrained Motion-powered spinner for buttons, cards, and async loading states.","s":"corr","c":"status/loader","sb":"Spinners","hc":1},{"id":"corr:animated-toggle-card","t":"Animated Toggle Card","d":"Selectable cards with a shared animated active state.","s":"corr","c":"actions/switch","sb":"Animated","hc":1},{"id":"corr:area-chart","t":"Area Chart","d":"A styled EvilCharts area chart for showing trends with filled ranges, gradients, brushes, ","s":"corr","c":"data-viz/chart","tg":["gradient"],"sb":"Area","sy":["gradient"],"hc":1},{"id":"corr:audit-log","t":"Audit Log","d":"A timestamped activity log block for registry and product events.","k":"section","s":"corr","c":"marketing/marketing","hc":1},{"id":"corr:availability","t":"Availability","d":"A draggable weekly availability scheduler for creating, resizing, moving, disabling, and d","s":"corr","c":"data-display/calendar","hc":1},{"id":"corr:bar-chart","t":"Bar Chart","d":"A styled EvilCharts bar chart for comparing categories with stacked, gradient, hatched, an","s":"corr","c":"data-viz/chart","tg":["gradient"],"sb":"Bar","sy":["gradient"],"hc":1},{"id":"corr:carousel","t":"Carousel","d":"A center-snapping carousel primitive with responsive edge blur and button controls.","s":"corr","c":"media/carousel","hc":1},{"id":"corr:chart-empty-loading-error","t":"Chart Empty Loading Error","d":"A standardized chart state frame for ready, loading, empty, and error states.","s":"corr","c":"status/loader","hc":1},{"id":"corr:code-block","t":"Code Block","d":"A copyable code block with line numbers, language selection, and lightweight language-awar","s":"corr","c":"data-display/code-block","hc":1},{"id":"corr:command-palette","t":"Command Palette","d":"A reusable command dialog wrapper for grouped actions, app navigation, and searchable comm","s":"corr","c":"navigation/command-palette","hc":1},{"id":"corr:component-health-panel","t":"Component Health Panel","d":"A registry health panel for dependencies, source files, JSON URLs, and install commands.","s":"corr","c":"data-display/card","hc":1},{"id":"corr:composed-chart","t":"Composed Chart","d":"A styled EvilCharts composed chart for mixing bars and lines in a single operational view.","s":"corr","c":"data-viz/chart","hc":1},{"id":"corr:data-table","t":"Data Table","d":"A generic data table with search, sorting, row selection, CSV export, pagination, row acti","s":"corr","c":"data-display/table","sb":"Data tables","hc":1},{"id":"corr:date-picker-field","t":"Date Picker Field","d":"A date picker field with local-safe date normalization and optional ISO date string output","s":"corr","c":"inputs/date-picker","hc":1},{"id":"corr:destructive-gate","t":"Destructive Gate","d":"A dialog and mobile drawer confirmation that gates destructive actions behind a generated ","s":"corr","c":"overlays/dialog","tg":["webgl"],"sb":"Confirm","sy":["webgl"],"hc":1},{"id":"corr:action-dialog","t":"Dialog","d":"A compact dialog wrapper for focused confirmation and form actions.","s":"corr","c":"overlays/dialog","hc":1},{"id":"corr:action-drawer","t":"Drawer","d":"A mobile-friendly drawer wrapper with title, description, content, and footer actions.","s":"corr","c":"overlays/sheet","hc":1},{"id":"corr:empty-state","t":"Empty State","d":"A small empty-state wrapper around the shadcn empty primitive with action slots and visual","s":"corr","c":"data-display/empty-state","hc":1},{"id":"corr:file-manager","t":"File Manager","d":"A file manager block with upload, list/grid layout, and item actions.","s":"corr","c":"inputs/file-upload","hc":1},{"id":"corr:file-upload-dropzone","t":"File Upload Dropzone","d":"A controlled drag-and-drop file upload field with selected file rows.","s":"corr","c":"inputs/file-upload","hc":1},{"id":"corr:filters","t":"Filters","d":"A composable filter builder with searchable fields, operators, select and multiselect valu","s":"corr","c":"inputs/select","hc":1},{"id":"corr:form-builder","t":"Form Builder","d":"A reusable form builder block with drag-and-drop fields, JSON definitions, previews, and k","s":"corr","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"corr:kanban","t":"Kanban","d":"A composable drag-and-drop kanban board with sortable columns, sortable cards, handles, ov","s":"corr","c":"data-display/kanban","hc":1},{"id":"corr:key-value-list","t":"Key Value List","d":"A small definition-list component for metadata and registry payload details.","s":"corr","c":"data-display/list","hc":1},{"id":"corr:line-chart","t":"Line Chart","d":"A styled EvilCharts line chart for tracking change over time with dots, glow states, brush","s":"corr","c":"data-viz/chart","tg":["neon"],"sb":"Line and sparkline","sy":["neon"],"hc":1},{"id":"corr:mailbox","t":"Mailbox","d":"A responsive mailbox block with folders, message lists, compose flow, confirmations, and t","s":"corr","c":"overlays/toast","hc":1},{"id":"corr:metric-badge","t":"Metric Badge","d":"A small badge for counts, states, and operational tags with semantic tones.","s":"corr","c":"data-display/badge","hc":1},{"id":"corr:metric-chart-card","t":"Metric Chart Card","d":"A compact metric card with animated numbers, deltas, and a small line, bar, or area chart.","s":"corr","c":"data-viz/chart","sb":"Flow and funnel","hc":1},{"id":"corr:notice-alert","t":"Notice Alert","d":"A restrained alert wrapper with info, success, warning, and destructive tones.","s":"corr","c":"overlays/alert-banner","hc":1},{"id":"corr:pie-chart","t":"Pie Chart","d":"A styled EvilCharts pie chart for showing parts of a whole with labels, legends, and donut","s":"corr","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"corr:presence-fade","t":"Presence Fade","d":"A tiny mount and unmount wrapper for fade, scale, and slide transitions.","s":"corr","c":"status/status-dot","hc":1},{"id":"corr:preview-data-provider","t":"Preview Data Provider","d":"A shared mock data provider for consistent registry demos and examples.","k":"section","s":"corr","c":"marketing/testimonials","hc":1},{"id":"corr:preview-link","t":"Preview Link","d":"A link wrapper that shows a static page preview card on hover.","s":"corr","c":"actions/link","hc":1},{"id":"corr:profile-avatar","t":"Profile Avatar","d":"An animated profile avatar preview that morphs from the trigger into a focused overlay.","s":"corr","c":"data-display/avatar","hc":1},{"id":"corr:project-card-carousel","t":"Project Card Carousel","d":"A responsive project carousel block with preview cards, edge blur, controls, stack badges,","s":"corr","c":"media/carousel","hc":1},{"id":"corr:radar-chart","t":"Radar Chart","d":"A styled EvilCharts radar chart for comparing multi-metric profiles across radial axes.","s":"corr","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"corr:radial-chart","t":"Radial Chart","d":"A styled EvilCharts radial chart for circular totals, progress groups, and semi-radial lay","s":"corr","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"corr:registry-install-card","t":"Registry Install Card","d":"A registry install surface with copy actions, JSON links, and compact usage metrics.","s":"corr","c":"data-display/card","hc":1},{"id":"corr:resource-wiki","t":"Resource Wiki","d":"A reusable Markdown resource/wiki block with search, SPA-style page navigation, copy and d","s":"corr","c":"navigation/table-of-contents","hc":1},{"id":"corr:responsive-preview-shell","t":"Responsive Preview Shell","d":"A responsive preview utility with viewport controls and a smooth carousel with soft blurre","k":"layout","s":"corr","c":"layout/page-shell","hc":1},{"id":"corr:sankey-chart","t":"Sankey Chart","d":"A styled EvilCharts sankey chart for weighted flows between stages.","s":"corr","c":"data-viz/chart","sb":"Flow and funnel","hc":1},{"id":"corr:screen-size-guard","t":"Screen Size Guard","d":"A responsive fallback wrapper for components that are not ready for smaller screens yet.","s":"corr","c":"other/other","hc":1},{"id":"corr:scroll-blur","t":"Scroll Blur","d":"A scroll utility with top, bottom, left, and right edge blurs plus optional snap-item help","k":"layout","s":"corr","c":"layout/scroll-area","hc":1},{"id":"corr:section-tabs","t":"Section Tabs","d":"A compact tabs wrapper for switching between related panels.","s":"corr","c":"navigation/tabs","hc":1},{"id":"corr:settings-page","t":"Settings Page","d":"A responsive settings page block with profile, notification, and security sections.","k":"layout","s":"corr","c":"flows/settings","hc":1},{"id":"corr:shimmer-skeleton","t":"Shimmer Skeleton","d":"A subtle shimmer skeleton for loading cards, lists, and table rows.","s":"corr","c":"status/skeleton","hc":1},{"id":"corr:status-page","t":"Status Page","d":"A status page block with uptime metrics, GitHub-style day bars, service filtering, and inc","k":"motion","s":"corr","c":"motion/number-ticker","hc":1},{"id":"corr:status-pill","t":"Status Pill","d":"A compact status badge with semantic color, icon, and label variants for operational inter","s":"corr","c":"data-display/badge","sb":"Status","hc":1},{"id":"corr:stepper","t":"Stepper","d":"A compact horizontal or vertical stepper for install, publish, and form flows.","s":"corr","c":"navigation/wizard-steps","hc":1},{"id":"corr:timeline","t":"Timeline","d":"A composable horizontal timeline with draggable slots, rows, drop validation, current-time","s":"corr","c":"data-display/timeline","hc":1},{"id":"corr:toast-action","t":"Toast Action","d":"A simple sonner toast trigger with title, description, and undo action.","s":"corr","c":"overlays/toast","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"corr:typography-effects","t":"Typography Effects","d":"Motion typography utilities for shimmer text, cycling loading messages, and lyric-style ac","s":"corr","c":"data-display/typography","hc":1},{"id":"corsair-ui:theme","t":"Theme","d":"Corsair colour, radius and base styles for light and dark mode. Every component relies on ","k":"theme","s":"corsair-ui","c":"themes/theme","vn":5},{"id":"corsair-ui:utils","t":"Utils","d":"The cn() helper: merges class names and resolves conflicting Tailwind utilities.","k":"lib","s":"corsair-ui","c":"lib/utility","sb":"Class helpers","hc":1,"cp":1},{"id":"corsair-ui:spotify-track","t":"getSpotifyTrack","d":"Title, artist, cover and preview clip for a Spotify link, read on the server from the publ","k":"lib","s":"corsair-ui","c":"lib/utility","hc":1},{"id":"corsair-ui:use-media-query","t":"useMediaQuery","d":"Subscribes to a CSS media query. SSR-safe: renders a fallback on the server and hydrates w","k":"lib","s":"corsair-ui","c":"lib/hook","hc":1},{"id":"corsair-ui:use-in-view","t":"useInView","d":"Whether an element is in the viewport, from IntersectionObserver, with once, margin and am","k":"lib","s":"corsair-ui","c":"lib/hook","hc":1},{"id":"corsair-ui:use-entrance","t":"useEntrance","d":"When a one-shot entrance runs: on first paint, or once in view, without hiding server-rend","k":"lib","s":"corsair-ui","c":"lib/hook","hc":1},{"id":"corsair-ui:use-scroll-spy","t":"useScrollSpy","d":"The id of the section on screen, for a table of contents, from one IntersectionObserver. S","k":"lib","s":"corsair-ui","c":"lib/hook","hc":1},{"id":"corsair-ui:button","t":"Button","d":"Triggers an action. Variants default, secondary, outline, ghost, destructive and link; siz","s":"corsair-ui","c":"actions/button","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"corsair-ui:spinner","t":"Spinner","d":"Animated status indicator for work in progress, announced as Loading.","s":"corsair-ui","c":"status/loader","sb":"Spinners","hc":1},{"id":"corsair-ui:badge","t":"Badge","d":"Short status or metadata label. Solid, secondary and outline styles, plus success, warning","s":"corsair-ui","c":"data-display/badge","hc":1},{"id":"corsair-ui:label","t":"Label","d":"Accessible name for a form control.","s":"corsair-ui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"corsair-ui:input","t":"Input","d":"Single-line text control. Its error state comes from aria-invalid, so any form library can","s":"corsair-ui","c":"inputs/form-field","vn":1,"hc":1},{"id":"corsair-ui:textarea","t":"Textarea","d":"Multi-line text control with the same states as Input.","s":"corsair-ui","c":"inputs/textarea","hc":1},{"id":"corsair-ui:field","t":"Field","d":"Layout for a control with its label, description and error, plus fieldset and group helper","s":"corsair-ui","c":"inputs/form-field","hc":1},{"id":"corsair-ui:form","t":"Form Field (react hook form)","d":"FormField: a react-hook-form Controller laid out with Field, with the id, label and ARIA w","s":"corsair-ui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"corsair-ui:checkbox","t":"Checkbox","d":"Checkbox with checked, unchecked and indeterminate states.","s":"corsair-ui","c":"inputs/checkbox","hc":1},{"id":"corsair-ui:radio-group","t":"Radio Group","d":"A set of options where exactly one can be selected.","s":"corsair-ui","c":"inputs/radio","hc":1},{"id":"corsair-ui:switch","t":"Switch","d":"On/off control for settings that apply immediately.","s":"corsair-ui","c":"actions/switch","hc":1},{"id":"corsair-ui:select","t":"Select","d":"Pick one option from a list, with groups, labels and separators.","s":"corsair-ui","c":"inputs/select","hc":1},{"id":"corsair-ui:separator","t":"Separator","d":"Horizontal or vertical divider.","k":"layout","s":"corsair-ui","c":"layout/page-shell","hc":1},{"id":"corsair-ui:card","t":"Card","d":"Container with header, title, description, action, content and footer parts.","s":"corsair-ui","c":"data-display/card","hc":1},{"id":"corsair-ui:flip-card","t":"Flip Card","d":"A card with two faces that turns over in 3D on hover, from a trigger, or from a prop.","s":"corsair-ui","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"corsair-ui:stamp","t":"Stamp","d":"A rubber stamp that slams onto the page: it starts large and transparent and lands rotated","s":"corsair-ui","c":"other/other","hc":1},{"id":"corsair-ui:alert","t":"Alert","d":"Callout for important messages on a neutral surface; default, success, warning and destruc","s":"corsair-ui","c":"overlays/alert-banner","hc":1},{"id":"corsair-ui:skeleton","t":"Skeleton","d":"Placeholder shape shown while content loads.","s":"corsair-ui","c":"status/skeleton","hc":1},{"id":"corsair-ui:popover","t":"Popover","d":"Floating panel anchored to a trigger, with header, title and description parts.","s":"corsair-ui","c":"overlays/popover","hc":1},{"id":"corsair-ui:command","t":"Command","d":"Searchable list navigated with the arrow keys; the base for comboboxes and command menus.","s":"corsair-ui","c":"navigation/command-palette","hc":1},{"id":"corsair-ui:calendar","t":"Calendar","d":"Month grid for picking a date, several dates or a range, with dropdown captions and week n","s":"corsair-ui","c":"data-display/calendar","hc":1},{"id":"corsair-ui:date-picker","t":"Date Picker","d":"DatePicker and DateRangePicker: a calendar in a popover behind a button that shows the cho","s":"corsair-ui","c":"inputs/date-picker","hc":1},{"id":"corsair-ui:combobox","t":"Combobox","d":"A select with a search box, for long lists of options.","s":"corsair-ui","c":"inputs/combobox","hc":1},{"id":"corsair-ui:input-otp","t":"Input OTP","d":"One-time code input drawn as separate slots, with paste and autofill support.","s":"corsair-ui","c":"inputs/otp-input","hc":1},{"id":"corsair-ui:slider","t":"Slider","d":"Pick a number or a range by dragging or with the arrow keys, horizontal or vertical.","s":"corsair-ui","c":"inputs/slider","hc":1},{"id":"corsair-ui:toggle","t":"Toggle","d":"A button that stays pressed, in default and outline variants and three sizes.","s":"corsair-ui","c":"actions/switch","tg":["webgl"],"sy":["webgl"],"vn":1,"hc":1},{"id":"corsair-ui:segmented-control","t":"Segmented Control","d":"A switch between two or more options with one thumb that slides to the active one, in thre","s":"corsair-ui","c":"actions/segmented-control","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"corsair-ui:number-input","t":"Number Input","d":"Number field with decrement and increment buttons, min, max and step, following the spinbu","s":"corsair-ui","c":"inputs/number-input","hc":1},{"id":"corsair-ui:password-input","t":"Password Input","d":"Password field with a button that shows what was typed.","s":"corsair-ui","c":"inputs/form-field","sb":"Password","hc":1},{"id":"corsair-ui:tooltip","t":"Tooltip","d":"A short label shown on hover and keyboard focus.","s":"corsair-ui","c":"overlays/tooltip","hc":1},{"id":"corsair-ui:reveal","t":"Reveal","d":"Fades and moves content into place when it scrolls into view, alone or staggered in a grou","s":"corsair-ui","c":"data-display/badge","hc":1},{"id":"corsair-ui:text-reveal","t":"Text Reveal","d":"Reveals text word by word, when it comes into view or tied to the scroll position.","k":"motion","s":"corsair-ui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"corsair-ui:magnetic","t":"Magnetic","d":"Pulls its content toward the mouse while hovered and springs it back on leave.","s":"corsair-ui","c":"other/other","hc":1},{"id":"corsair-ui:parallax","t":"Parallax","d":"Drifts content at a different speed from the page as it scrolls past, with CSS scroll-driv","k":"layout","s":"corsair-ui","c":"layout/scroll-area","hc":1},{"id":"corsair-ui:tilt-scroll","t":"Tilt Scroll","d":"Content that starts tilted back in perspective and straightens as you scroll, with CSS scr","k":"layout","s":"corsair-ui","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"corsair-ui:spotlight","t":"Spotlight","d":"A soft light that follows the pointer across a surface and along its edge.","k":"motion","s":"corsair-ui","c":"motion/background","sb":"Beams and light","hc":1},{"id":"corsair-ui:animated-border","t":"Animated Border","d":"A border with a light travelling around it, paused off screen.","k":"motion","s":"corsair-ui","c":"motion/border","hc":1},{"id":"corsair-ui:aurora","t":"Aurora","d":"Slow, soft light drifting behind its content, from three radial gradients.","k":"motion","s":"corsair-ui","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"corsair-ui:signature","t":"Signature","d":"Draws SVG strokes as if by hand, with optional ink filling in behind the pen, on view or w","k":"layout","s":"corsair-ui","c":"layout/scroll-area","hc":1},{"id":"corsair-ui:path-beam","t":"Path Beam","d":"A beam of light travelling along the paths of a flow diagram, one after another, on view, ","k":"motion","s":"corsair-ui","c":"motion/background","sb":"Beams and light","hc":1},{"id":"corsair-ui:copy-button","t":"Copy Button","d":"An icon button that copies a value and swaps to a check mark, announcing it to screen read","s":"corsair-ui","c":"actions/copy-button","hc":1},{"id":"corsair-ui:dash-button","t":"Dash Button","d":"A pill button whose fill gives way to a dashed outline that marches on hover.","s":"corsair-ui","c":"actions/button","hc":1},{"id":"corsair-ui:color-swatches","t":"Color Swatches","d":"Pick one colour from a row of swatches: a radio group with arrow keys and form support.","s":"corsair-ui","c":"inputs/color-picker","hc":1},{"id":"corsair-ui:bars-spinner","t":"Bars Spinner","d":"Twelve bars around a hub fading in turn, announced as Loading. No JavaScript.","s":"corsair-ui","c":"status/loader","sb":"Spinners","hc":1},{"id":"corsair-ui:shimmer-text","t":"Shimmer Text","d":"A band of light sweeping across text now and then, paused off screen.","k":"motion","s":"corsair-ui","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"corsair-ui:blur-text","t":"Blur Text","d":"Text that comes into focus one character at a time, and can blur back out.","k":"motion","s":"corsair-ui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"corsair-ui:slide-text","t":"Slide Text","d":"Words, characters or lines rising into place from below their own baseline.","k":"motion","s":"corsair-ui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"corsair-ui:flip-text","t":"Flip Text","d":"Kinetic type in 3D: characters or words turning into place around their horizontal axis, o","k":"motion","s":"corsair-ui","c":"motion/text-effect","tg":["3d"],"sb":"Rotating words","sy":["3d"],"hc":1},{"id":"corsair-ui:split-flap","t":"Split Flap","d":"A split-flap board: when the value changes, only the characters that changed flip, like a ","k":"motion","s":"corsair-ui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"corsair-ui:dissolve-text","t":"Dissolve Text","d":"Words or characters surfacing at scattered moments, the same on server and client.","k":"motion","s":"corsair-ui","c":"motion/text-effect","hc":1},{"id":"corsair-ui:highlight-text","t":"Highlight Text","d":"A marker that slides in behind a phrase, or a hand-drawn line drawn under it.","k":"motion","s":"corsair-ui","c":"motion/text-effect","tg":["playful"],"sy":["playful"],"hc":1},{"id":"corsair-ui:scramble-text","t":"Scramble Text","d":"Text that decodes itself: noise sweeps across, then each character locks in.","k":"motion","s":"corsair-ui","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"corsair-ui:wave-text","t":"Wave Text","d":"Bands of colour washing through text like a swell, on one CSS animation.","k":"motion","s":"corsair-ui","c":"motion/text-effect","sb":"Bouncy and wavy","hc":1},{"id":"corsair-ui:text-signature","t":"Text Signature","d":"Writes any text in any font as a signature: outlines drawn by the pen, then inked.","k":"motion","s":"corsair-ui","c":"motion/text-effect","sb":"Handwriting and SVG","hc":1},{"id":"corsair-ui:marquee","t":"Marquee","d":"Content scrolling in a seamless loop, pausing on focus and off screen, and draggable by th","k":"motion","s":"corsair-ui","c":"motion/marquee","hc":1},{"id":"corsair-ui:line-chart","t":"Line Chart","d":"One series as a line, with a cursor that snaps to points; a slider for keyboards and scree","s":"corsair-ui","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"corsair-ui:qr-code","t":"QR Code","d":"A crisp SVG QR code in dots, rounded or square modules. Renders on the server, and can dra","k":"motion","s":"corsair-ui","c":"motion/background","hc":1},{"id":"corsair-ui:tweet-card","t":"Tweet Card","d":"A post from X in your theme, with no embed script: a card, a server component that fetches","s":"corsair-ui","c":"data-display/card","hc":1},{"id":"corsair-ui:spotify-card","t":"Spotify Card","d":"A track card with cover art, a link to Spotify and a preview clip that spins a record whil","s":"corsair-ui","c":"data-display/card","hc":1},{"id":"corsair-ui:light-rays","t":"Light Rays","d":"Soft beams of light falling from above, from a small WebGL2 shader.","k":"motion","s":"corsair-ui","c":"motion/background","tg":["webgl"],"sb":"Beams and light","sy":["webgl"],"hc":1},{"id":"corsair-ui:warp-gradient","t":"Warp Gradient","d":"A liquid field of colour carried along by layered noise, from one WebGL2 shader.","k":"motion","s":"corsair-ui","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"corsair-ui:dialog","t":"Dialog","d":"Modal window centred over the page, with a focus trap, overlay, close button, header, foot","s":"corsair-ui","c":"overlays/dialog","hc":1},{"id":"corsair-ui:alert-dialog","t":"Alert Dialog","d":"Modal that asks the user to confirm or cancel before an action, with action and cancel but","s":"corsair-ui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"corsair-ui:sheet","t":"Sheet","d":"Dialog that slides in from any edge of the screen, for menus, filters and side panels.","s":"corsair-ui","c":"overlays/sheet","hc":1},{"id":"corsair-ui:toast","t":"Toast","d":"Brief notifications shown with a toast() call and a Toaster mounted once, with variants, a","s":"corsair-ui","c":"overlays/toast","hc":1},{"id":"corsair-ui:nav-link","t":"Nav Link","d":"A navigation link that marks the current page with aria-current and data-active. Supports ","s":"corsair-ui","c":"actions/link","hc":1},{"id":"corsair-ui:site-header","t":"Site Header","d":"A sticky page header with brand, navigation, actions and a sheet menu for small screens, f","s":"corsair-ui","c":"navigation/top-nav","hc":1},{"id":"corsair-ui:dock","t":"Dock","d":"A floating bar of icon links pinned to the bottom or top of the viewport, with tooltips an","s":"corsair-ui","c":"navigation/dock","hc":1},{"id":"corsair-ui:tabs","t":"Tabs","d":"Sections of content shown one at a time, with a segmented or underlined tab list, horizont","s":"corsair-ui","c":"navigation/tabs","hc":1},{"id":"corsair-ui:avatar","t":"Avatar","d":"A round picture of a person with a fallback while it loads or when it fails, in three size","s":"corsair-ui","c":"data-display/avatar","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"corsair-ui:rating","t":"Rating","d":"Stars for giving a score as a radio group, or for showing one read-only with fractional fi","s":"corsair-ui","c":"inputs/rating","hc":1},{"id":"corsair-ui:wave-rating","t":"Wave Rating","d":"The rating, animated: sweeping a finger, pen or mouse across the stars lifts them in a wav","s":"corsair-ui","c":"inputs/rating","hc":1},{"id":"corsair-ui:stat","t":"Stat","d":"Key figures as a description list: label, value and a caption with an optional trend arrow","s":"corsair-ui","c":"data-display/stat","hc":1},{"id":"corsair-ui:number-ticker","t":"Number Ticker","d":"A number that counts up to its value when it comes into view, formatted for the locale.","k":"motion","s":"corsair-ui","c":"motion/number-ticker","hc":1},{"id":"corsair-ui:code-block","t":"Code Block","d":"A block of code with an optional caption, a language label and a copy button.","s":"corsair-ui","c":"data-display/code-block","hc":1},{"id":"corsair-ui:corner-frame","t":"Corner Frame","d":"A box with bracket marks on its corners, in any size, thickness, colour and inset.","s":"corsair-ui","c":"other/other","hc":1},{"id":"corsair-ui:phone-frame","t":"Phone Frame","d":"A generic phone drawn in CSS around a screenshot or any content, with an island, a notch o","s":"corsair-ui","c":"media/mockup","hc":1},{"id":"corsair-ui:browser-frame","t":"Browser Frame","d":"A browser window drawn in CSS around a page or a screenshot, with window dots, an address ","s":"corsair-ui","c":"media/mockup","hc":1},{"id":"corsair-ui:youtube-embed","t":"YouTube Embed","d":"A YouTube video that costs one poster image until it is played, with player controls throu","s":"corsair-ui","c":"media/player","hc":1},{"id":"corsair-ui:carousel","t":"Carousel","d":"Slides on a native scroll-snap track, with keyboard steps, previous and next buttons, dots","s":"corsair-ui","c":"media/carousel","hc":1},{"id":"corsair-ui:preloader","t":"Preloader","d":"A full-screen cover that counts to 100 on first load, waits for your content to be ready, ","s":"corsair-ui","c":"status/loader","hc":1},{"id":"corsair-ui:custom-cursor","t":"Custom Cursor","d":"A dot and a trailing ring that follow a mouse pointer, growing over interactive elements a","k":"motion","s":"corsair-ui","c":"motion/cursor","hc":1},{"id":"corsair-ui:scroll-progress","t":"Scroll Progress","d":"A reading progress bar that fills as the page scrolls, with CSS scroll-driven animations a","s":"corsair-ui","c":"data-viz/progress-bar","hc":1},{"id":"corsair-ui:scroll-background","t":"Scroll Background","d":"A background that blends from one colour to the next as you scroll, with CSS scroll-driven","k":"motion","s":"corsair-ui","c":"motion/background","hc":1},{"id":"corsair-ui:scroll-scene","t":"Scroll Scene","d":"A scrollytelling scene: a stage pinned beside steps, crossfading to the slide of the step ","k":"layout","s":"corsair-ui","c":"layout/scroll-area","hc":1},{"id":"corsair-ui:wipe-transition","t":"Wipe Transition","d":"Switches content behind a band that sweeps across it, swapping while covered, with a cross","s":"corsair-ui","c":"other/other","hc":1},{"id":"corsair-ui:smooth-scroll","t":"Smooth Scroll","d":"Smooth wheel and trackpad scrolling for the page, off with reduced motion, with a scrollTo","k":"layout","s":"corsair-ui","c":"layout/scroll-area","hc":1},{"id":"corsair-ui:grain","t":"Grain","d":"Film grain over a surface, from a tile of SVG noise, with an optional stepped jitter.","k":"motion","s":"corsair-ui","c":"motion/background","sb":"Noise and texture","hc":1},{"id":"corsair-ui:hover-reveal","t":"Hover Reveal","d":"A second layer seen through a soft circle that follows the pointer.","k":"motion","s":"corsair-ui","c":"motion/cursor","hc":1},{"id":"corsair-ui:particles","t":"Particles","d":"Dots drifting slowly across a surface, laid out from a seed and moved with CSS alone.","k":"motion","s":"corsair-ui","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"corsair-ui:topography","t":"Topography","d":"Contour lines like a topographic map over slowly shifting terrain, from one WebGL2 shader.","k":"motion","s":"corsair-ui","c":"motion/background","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"corsair-ui:roll-text","t":"Roll Text","d":"Characters that roll up to a copy of themselves on hover or keyboard focus.","k":"motion","s":"corsair-ui","c":"motion/text-effect","hc":1},{"id":"corsair-ui:dropdown-menu","t":"Dropdown Menu","d":"A menu of actions and options that opens from a button, with checkbox and radio items, lab","s":"corsair-ui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"corsair-ui:context-menu","t":"Context Menu","d":"A menu of actions for an area of the page that opens on right click or long press, with ch","s":"corsair-ui","c":"overlays/context-menu","hc":1},{"id":"corsair-ui:navigation-menu","t":"Navigation Menu","d":"Site navigation with links and triggers that open panels of links in a shared, animated vi","s":"corsair-ui","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"corsair-ui:hover-card","t":"Hover Card","d":"A preview card that appears while a link is hovered or focused, for supplementary content.","s":"corsair-ui","c":"overlays/hover-card","hc":1},{"id":"corsair-ui:accordion","t":"Accordion","d":"Stacked sections that open and close under their headings, one or several at a time, with ","s":"corsair-ui","c":"data-display/accordion","hc":1},{"id":"corsair-ui:collapsible","t":"Collapsible","d":"A region that a trigger button shows and hides, with a height animation.","s":"corsair-ui","c":"data-display/accordion","hc":1},{"id":"corsair-ui:progress","t":"Progress","d":"A progress bar for tasks with a known amount, or an indeterminate one when the amount is u","s":"corsair-ui","c":"data-viz/progress-bar","hc":1},{"id":"corsair-ui:scroll-area","t":"Scroll Area","d":"A scrolling box with thin themed scrollbars that keeps native scrolling.","k":"layout","s":"corsair-ui","c":"layout/scroll-area","hc":1},{"id":"corsair-ui:breadcrumb","t":"Breadcrumb","d":"The trail of links from the top of a site to the current page, with separators and an elli","s":"corsair-ui","c":"navigation/breadcrumb","hc":1},{"id":"corsair-ui:pagination","t":"Pagination","d":"Page links with previous and next, an ellipsis, and a helper that works out which page num","s":"corsair-ui","c":"navigation/pagination","hc":1},{"id":"corsair-ui:table","t":"Table","d":"A data table on native table elements, with a scroll container, selected rows and sortable","s":"corsair-ui","c":"data-display/table","hc":1},{"id":"corsair-ui:sidebar","t":"Sidebar","d":"An application sidebar that collapses to icons or off canvas on desktop and opens as a she","s":"corsair-ui","c":"navigation/sidebar","hc":1},{"id":"corsair-ui:drawer","t":"Drawer","d":"A bottom sheet dialog for phones that can also be dragged down to close.","s":"corsair-ui","c":"overlays/sheet","hc":1},{"id":"corsair-ui:data-table","t":"Data Table","d":"A table with sortable headers, a text filter, pagination and row selection, built on TanSt","s":"corsair-ui","c":"data-display/table","sb":"Data tables","hc":1},{"id":"corsair-ui:dropzone","t":"Dropzone","d":"A file drop area on a native file input that checks type, size and count, and lists the ch","s":"corsair-ui","c":"inputs/file-upload","hc":1},{"id":"corsair-ui:kbd","t":"Kbd","d":"A key or key combination shown as a small keycap, alone or in a group.","s":"corsair-ui","c":"data-display/typography","hc":1},{"id":"corsair-ui:empty-state","t":"Empty State","d":"What a list, table or page shows when it has nothing in it yet, with an icon, title, descr","s":"corsair-ui","c":"data-display/empty-state","hc":1},{"id":"corsair-ui:stepper","t":"Stepper","d":"The steps of a multi-step flow with complete, current and upcoming states, horizontal or v","s":"corsair-ui","c":"navigation/wizard-steps","hc":1},{"id":"corsair-ui:timeline","t":"Timeline","d":"A vertical list of events with a coloured dot for each status and a line joining them.","s":"corsair-ui","c":"data-display/timeline","hc":1},{"id":"corsair-ui:resizable","t":"Resizable","d":"Panels resized by dragging or with the keyboard, side by side or stacked.","k":"layout","s":"corsair-ui","c":"layout/split-pane","hc":1},{"id":"corsair-ui:bar-chart","t":"Bar Chart","d":"One series as vertical or horizontal bars that grow in on first view, with a keyboard slid","s":"corsair-ui","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"corsair-ui:area-chart","t":"Area Chart","d":"One or more series as gradient-filled areas, stacked or overlapping, with a legend and a k","s":"corsair-ui","c":"data-viz/chart","tg":["gradient"],"sb":"Area","sy":["gradient"],"hc":1},{"id":"corsair-ui:donut-chart","t":"Donut Chart","d":"Parts of a whole as a ring with the total in the middle and a keyboard-navigable legend of","s":"corsair-ui","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"corsair-ui:hero","t":"Hero","d":"The opening section of a landing page with an eyebrow, a title, a description, actions and","k":"section","s":"corsair-ui","c":"marketing/hero","hc":1},{"id":"corsair-ui:feature-grid","t":"Feature Grid","d":"A grid of features with an icon, a title and a description under a centred section header.","k":"section","s":"corsair-ui","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"corsair-ui:stats","t":"Stats","d":"A row of key figures that count up when they scroll into view, under a centred section hea","s":"corsair-ui","c":"data-display/stat","hc":1},{"id":"corsair-ui:logo-cloud","t":"Logo Cloud","d":"Customer or partner logos in a grid or a scrolling marquee under a small title.","k":"section","s":"corsair-ui","c":"marketing/logos","hc":1},{"id":"corsair-ui:cta","t":"Call to Action","d":"A closing band with a title, a description and one or two actions.","k":"section","s":"corsair-ui","c":"marketing/cta","hc":1},{"id":"corsair-ui:pricing","t":"Pricing","d":"A pricing section with plan cards, a featured plan and an optional monthly or yearly billi","k":"section","s":"corsair-ui","c":"marketing/pricing","hc":1},{"id":"corsair-ui:faq","t":"FAQ","d":"A frequently asked questions section with a header and the answers in an accordion, split ","k":"section","s":"corsair-ui","c":"marketing/faq","hc":1},{"id":"corsair-ui:testimonials","t":"Testimonials","d":"A section of customer quotes with names, roles and avatars, in a masonry or grid layout.","k":"section","s":"corsair-ui","c":"marketing/testimonials","hc":1},{"id":"corsair-ui:contact-form","t":"Contact Form","d":"A contact section with a header, contact details and a validated message form that reports","k":"section","s":"corsair-ui","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"corsair-ui:newsletter","t":"Newsletter","d":"A compact sign-up band with an inline email form that reports pending, success and error s","k":"section","s":"corsair-ui","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"corsair-ui:site-footer","t":"Site Footer","d":"A page footer with a brand, link columns in a navigation landmark, a copyright line and op","k":"section","s":"corsair-ui","c":"marketing/footer","hc":1},{"id":"corsair-ui:login-form","t":"Login Form","d":"A centred sign-in card with email and password fields, a remember-me checkbox, optional si","k":"layout","s":"corsair-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"corsair-ui:signup-form","t":"Signup Form","d":"A centred sign-up card with name, email and password fields, a required terms checkbox, op","k":"layout","s":"corsair-ui","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"corsair-ui:not-found","t":"Not Found","d":"A 404 page section with a large decorative error code, a page heading, a description, an o","k":"page","s":"corsair-ui","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"corsair-ui:dashboard","t":"Dashboard","d":"An application page with a collapsible sidebar, a header, stat cards, a line chart and a r","k":"layout","s":"corsair-ui","c":"layout/dashboard","hc":1},{"id":"corsair-ui:settings","t":"Settings","d":"An account settings page with tabs for a profile form, a password change and delete-accoun","k":"layout","s":"corsair-ui","c":"flows/settings","hc":1},{"id":"coss:ui","t":"Ui","s":"coss","c":"other/other"},{"id":"coss:accordion","t":"Accordion","s":"coss","c":"data-display/accordion","hc":1},{"id":"coss:alert","t":"Alert","s":"coss","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"coss:alert-dialog","t":"Alert dialog","s":"coss","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"coss:autocomplete","t":"Autocomplete","s":"coss","c":"inputs/combobox","hc":1},{"id":"coss:avatar","t":"Avatar","s":"coss","c":"data-display/avatar","hc":1},{"id":"coss:badge","t":"Badge","s":"coss","c":"data-display/badge","hc":1,"cp":1},{"id":"coss:breadcrumb","t":"Breadcrumb","s":"coss","c":"navigation/breadcrumb","hc":1},{"id":"coss:button","t":"Button","s":"coss","c":"actions/button","hc":1},{"id":"coss:calendar","t":"Calendar","s":"coss","c":"data-display/calendar","hc":1},{"id":"coss:card","t":"Card","s":"coss","c":"data-display/card","vn":1,"hc":1},{"id":"coss:checkbox","t":"Checkbox","s":"coss","c":"inputs/checkbox","hc":1},{"id":"coss:checkbox-group","t":"Checkbox group","s":"coss","c":"inputs/checkbox","hc":1,"cp":1},{"id":"coss:collapsible","t":"Collapsible","s":"coss","c":"data-display/accordion","hc":1},{"id":"coss:combobox","t":"Combobox","s":"coss","c":"inputs/combobox","hc":1},{"id":"coss:command","t":"Command","s":"coss","c":"navigation/command-palette","hc":1},{"id":"coss:context-menu","t":"Context menu","s":"coss","c":"overlays/context-menu","hc":1},{"id":"coss:dialog","t":"Dialog","s":"coss","c":"overlays/dialog","hc":1},{"id":"coss:drawer","t":"Drawer","s":"coss","c":"overlays/sheet","hc":1},{"id":"coss:empty","t":"Empty","s":"coss","c":"data-display/empty-state","hc":1,"cp":1},{"id":"coss:field","t":"Field","s":"coss","c":"inputs/form-field","hc":1,"cp":1},{"id":"coss:fieldset","t":"Fieldset","s":"coss","c":"inputs/form-field","hc":1},{"id":"coss:form","t":"Form","s":"coss","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"coss:frame","t":"Frame","s":"coss","c":"other/other","hc":1,"cp":1},{"id":"coss:group","t":"Group","s":"coss","c":"other/other","hc":1},{"id":"coss:input","t":"Input","s":"coss","c":"inputs/form-field","vn":1,"hc":1},{"id":"coss:otp-field","t":"Otp field","s":"coss","c":"inputs/otp-input","hc":1,"cp":1},{"id":"coss:kbd","t":"Kbd","s":"coss","c":"data-display/typography","hc":1},{"id":"coss:label","t":"Label","s":"coss","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"coss:menu","t":"Menu","s":"coss","c":"navigation/menu","hc":1},{"id":"coss:meter","t":"Meter","s":"coss","c":"data-viz/gauge","hc":1,"cp":1},{"id":"coss:number-field","t":"Number field","s":"coss","c":"inputs/number-input","hc":1},{"id":"coss:pagination","t":"Pagination","s":"coss","c":"navigation/pagination","hc":1,"cp":1},{"id":"coss:popover","t":"Popover","s":"coss","c":"overlays/popover","hc":1},{"id":"coss:progress","t":"Progress","s":"coss","c":"data-viz/progress-bar","hc":1},{"id":"coss:radio-group","t":"Radio group","s":"coss","c":"inputs/radio","hc":1},{"id":"coss:scroll-area","t":"Scroll area","k":"layout","s":"coss","c":"layout/scroll-area","hc":1},{"id":"coss:select","t":"Select","s":"coss","c":"inputs/select","hc":1},{"id":"coss:separator","t":"Separator","k":"layout","s":"coss","c":"layout/page-shell","hc":1,"cp":1},{"id":"coss:sheet","t":"Sheet","s":"coss","c":"overlays/sheet","hc":1},{"id":"coss:sidebar","t":"Sidebar","s":"coss","c":"navigation/sidebar","hc":1},{"id":"coss:skeleton","t":"Skeleton","s":"coss","c":"status/skeleton","hc":1,"cp":1},{"id":"coss:slider","t":"Slider","s":"coss","c":"inputs/slider","hc":1,"cp":1},{"id":"coss:spinner","t":"Spinner","s":"coss","c":"status/loader","sb":"Spinners","hc":1,"cp":1},{"id":"coss:switch","t":"Switch","s":"coss","c":"actions/switch","hc":1},{"id":"coss:table","t":"Table","s":"coss","c":"data-display/table","hc":1},{"id":"coss:tabs","t":"Tabs","s":"coss","c":"navigation/tabs","hc":1},{"id":"coss:textarea","t":"Textarea","s":"coss","c":"inputs/textarea","hc":1},{"id":"coss:toast","t":"Toast","s":"coss","c":"overlays/toast","hc":1},{"id":"coss:toggle","t":"Toggle","s":"coss","c":"actions/switch","vn":1,"hc":1,"cp":1},{"id":"coss:toolbar","t":"Toolbar","s":"coss","c":"navigation/menu","sb":"Menubars","hc":1,"cp":1},{"id":"coss:tooltip","t":"Tooltip","s":"coss","c":"overlays/tooltip","hc":1},{"id":"coss:p-accordion-1","t":"P accordion #1","d":"Basic accordion","s":"coss","c":"data-display/accordion","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-accordion-2","t":"P accordion #2","d":"Accordion with one panel open","s":"coss","c":"data-display/accordion","hc":1,"cp":1},{"id":"coss:p-accordion-3","t":"P accordion #3","d":"Accordion allowing multiple panels open","s":"coss","c":"data-display/accordion","hc":1,"cp":1},{"id":"coss:p-accordion-4","t":"P accordion #4","d":"Controlled accordion","s":"coss","c":"data-display/accordion","hc":1,"cp":1},{"id":"coss:p-alert-1","t":"P alert #1","d":"Basic alert","s":"coss","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-alert-2","t":"P alert #2","d":"Alert with icon","s":"coss","c":"overlays/alert-banner","hc":1},{"id":"coss:p-alert-3","t":"P alert #3","d":"Alert with icon and action buttons","s":"coss","c":"overlays/alert-banner","hc":1},{"id":"coss:p-alert-4","t":"P alert #4","d":"Info alert","s":"coss","c":"overlays/alert-banner","hc":1},{"id":"coss:p-alert-5","t":"P alert #5","d":"Success alert","s":"coss","c":"overlays/alert-banner","hc":1},{"id":"coss:p-alert-6","t":"P alert #6","d":"Warning alert","s":"coss","c":"overlays/alert-banner","hc":1},{"id":"coss:p-alert-7","t":"P alert #7","d":"Error alert","s":"coss","c":"overlays/alert-banner","hc":1},{"id":"coss:p-alert-dialog-1","t":"P alert dialog #1","d":"Alert dialog","s":"coss","c":"overlays/dialog","sb":"Confirm","hc":1,"cp":1},{"id":"coss:p-alert-dialog-2","t":"P alert dialog #2","d":"Alert dialog with bare footer","s":"coss","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"coss:p-autocomplete-1","t":"P autocomplete #1","d":"Basic autocomplete","s":"coss","c":"inputs/combobox","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-autocomplete-2","t":"P autocomplete #2","d":"Disabled autocomplete","s":"coss","c":"inputs/combobox","hc":1,"cp":1},{"id":"coss:p-autocomplete-3","t":"P autocomplete #3","d":"Small autocomplete","s":"coss","c":"inputs/combobox","hc":1},{"id":"coss:p-autocomplete-4","t":"P autocomplete #4","d":"Large autocomplete","s":"coss","c":"inputs/combobox","hc":1},{"id":"coss:p-autocomplete-5","t":"P autocomplete #5","d":"Autocomplete with label","s":"coss","c":"inputs/combobox","hc":1,"cp":1},{"id":"coss:p-autocomplete-6","t":"P autocomplete #6","d":"Autocomplete autofilling the input with the highlighted item","s":"coss","c":"inputs/combobox","hc":1,"cp":1},{"id":"coss:p-autocomplete-7","t":"P autocomplete #7","d":"Autocomplete auto highlighting the first option","s":"coss","c":"inputs/combobox","hc":1,"cp":1},{"id":"coss:p-autocomplete-8","t":"P autocomplete #8","d":"Autocomplete with clear button","s":"coss","c":"inputs/combobox","hc":1,"cp":1},{"id":"coss:p-autocomplete-9","t":"P autocomplete #9","d":"Autocomplete with trigger and clear buttons","s":"coss","c":"inputs/combobox","hc":1,"cp":1},{"id":"coss:p-autocomplete-10","t":"P autocomplete #10","d":"Autocomplete with grouped items","s":"coss","c":"inputs/combobox","hc":1,"cp":1},{"id":"coss:p-autocomplete-11","t":"P autocomplete #11","d":"Autocomplete with limited number of results","s":"coss","c":"inputs/combobox","hc":1,"cp":1},{"id":"coss:p-autocomplete-12","t":"P autocomplete #12","d":"Autocomplete with async items loading","s":"coss","c":"inputs/combobox","hc":1,"cp":1},{"id":"coss:p-autocomplete-13","t":"P autocomplete #13","d":"Autocomplete form","s":"coss","c":"inputs/combobox","hc":1,"cp":1},{"id":"coss:p-autocomplete-14","t":"P autocomplete #14","d":"Autocomplete form","s":"coss","c":"inputs/combobox","hc":1,"cp":1},{"id":"coss:p-autocomplete-15","t":"P autocomplete #15","d":"Pill-shaped autocomplete","s":"coss","c":"inputs/combobox","hc":1},{"id":"coss:p-autocomplete-16","t":"P autocomplete #16","d":"Address autocomplete with Google Maps Places API","s":"coss","c":"inputs/combobox","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"coss:p-avatar-1","t":"P avatar #1","d":"Avatar with image and fallback","s":"coss","c":"data-display/avatar","hc":1,"cp":1},{"id":"coss:p-avatar-2","t":"P avatar #2","d":"Fallback-only avatar","s":"coss","c":"data-display/avatar","hc":1},{"id":"coss:p-avatar-3","t":"P avatar #3","d":"Avatars with different sizes","s":"coss","c":"data-display/avatar","hc":1,"cp":1},{"id":"coss:p-avatar-4","t":"P avatar #4","d":"Avatars with different radii","s":"coss","c":"data-display/avatar","hc":1,"cp":1},{"id":"coss:p-avatar-5","t":"P avatar #5","d":"Overlapping avatar group","s":"coss","c":"data-display/avatar","hc":1},{"id":"coss:p-avatar-6","t":"P avatar #6","d":"Avatar with user icon fallback","s":"coss","c":"data-display/avatar","hc":1},{"id":"coss:p-avatar-7","t":"P avatar #7","d":"Avatar with emerald status dot","s":"coss","c":"data-display/avatar","hc":1},{"id":"coss:p-avatar-8","t":"P avatar #8","d":"Avatar with muted status dot","s":"coss","c":"data-display/avatar","hc":1},{"id":"coss:p-avatar-9","t":"P avatar #9","d":"Rounded avatar with top-right emerald status","s":"coss","c":"data-display/avatar","hc":1},{"id":"coss:p-avatar-10","t":"P avatar #10","d":"Avatar with notification badge","s":"coss","c":"data-display/avatar","hc":1},{"id":"coss:p-avatar-11","t":"P avatar #11","d":"Rounded avatar with notification badge","s":"coss","c":"data-display/avatar","hc":1},{"id":"coss:p-avatar-12","t":"P avatar #12","d":"Avatar with verified badge","s":"coss","c":"data-display/avatar","hc":1},{"id":"coss:p-avatar-13","t":"P avatar #13","d":"Small overlapping avatar group","s":"coss","c":"data-display/avatar","hc":1},{"id":"coss:p-avatar-14","t":"P avatar #14","d":"Large overlapping avatar group","s":"coss","c":"data-display/avatar","hc":1},{"id":"coss:p-badge-1","t":"P badge #1","d":"Basic badge","s":"coss","c":"data-display/badge","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"coss:p-badge-2","t":"P badge #2","d":"Outline badge","s":"coss","c":"data-display/badge","hc":1},{"id":"coss:p-badge-3","t":"P badge #3","d":"Secondary badge","s":"coss","c":"data-display/badge","hc":1},{"id":"coss:p-badge-4","t":"P badge #4","d":"Destructive badge","s":"coss","c":"data-display/badge","hc":1},{"id":"coss:p-badge-5","t":"P badge #5","d":"Info badge","s":"coss","c":"data-display/badge","hc":1},{"id":"coss:p-badge-6","t":"P badge #6","d":"Success badge","s":"coss","c":"data-display/badge","hc":1},{"id":"coss:p-badge-7","t":"P badge #7","d":"Warning badge","s":"coss","c":"data-display/badge","hc":1},{"id":"coss:p-badge-8","t":"P badge #8","d":"Error badge","s":"coss","c":"data-display/badge","hc":1},{"id":"coss:p-badge-9","t":"P badge #9","d":"Small badge","s":"coss","c":"data-display/badge","hc":1},{"id":"coss:p-badge-10","t":"P badge #10","d":"Large badge","s":"coss","c":"data-display/badge","hc":1},{"id":"coss:p-badge-11","t":"P badge #11","d":"Badge with icon","s":"coss","c":"data-display/badge","hc":1,"cp":1},{"id":"coss:p-badge-12","t":"P badge #12","d":"Badge with link","s":"coss","c":"data-display/badge","hc":1},{"id":"coss:p-badge-13","t":"P badge #13","d":"Badge with count","s":"coss","c":"data-display/badge","hc":1},{"id":"coss:p-badge-14","t":"P badge #14","d":"Full rounded badge (pill)","s":"coss","c":"data-display/badge","hc":1},{"id":"coss:p-badge-15","t":"P badge #15","d":"Badge with number after text","s":"coss","c":"data-display/badge","hc":1},{"id":"coss:p-badge-16","t":"P badge #16","d":"Status badge - Paid","s":"coss","c":"data-display/badge","hc":1},{"id":"coss:p-badge-17","t":"P badge #17","d":"Status badge - Pending","s":"coss","c":"data-display/badge","hc":1},{"id":"coss:p-badge-18","t":"P badge #18","d":"Status badge - Failed","s":"coss","c":"data-display/badge","hc":1},{"id":"coss:p-badge-19","t":"P badge #19","d":"Selectable badge with checkbox","s":"coss","c":"data-display/badge","hc":1},{"id":"coss:p-badge-20","t":"P badge #20","d":"Removable badge","s":"coss","c":"data-display/badge","hc":1},{"id":"coss:p-breadcrumb-1","t":"P breadcrumb #1","d":"Breadcrumb with menu example","s":"coss","c":"navigation/breadcrumb","hc":1,"cp":1},{"id":"coss:p-breadcrumb-2","t":"P breadcrumb #2","d":"Breadcrumb with custom separator","s":"coss","c":"navigation/breadcrumb","hc":1,"cp":1},{"id":"coss:p-breadcrumb-3","t":"P breadcrumb #3","d":"Breadcrumb with home icon for home link only","s":"coss","c":"navigation/breadcrumb","hc":1},{"id":"coss:p-breadcrumb-4","t":"P breadcrumb #4","d":"Breadcrumb with folders icon menu","s":"coss","c":"navigation/breadcrumb","hc":1},{"id":"coss:p-breadcrumb-5","t":"P breadcrumb #5","d":"Breadcrumb with icons before text","s":"coss","c":"navigation/breadcrumb","hc":1},{"id":"coss:p-breadcrumb-6","t":"P breadcrumb #6","d":"Breadcrumb with dot separators","s":"coss","c":"navigation/breadcrumb","hc":1},{"id":"coss:p-breadcrumb-7","t":"P breadcrumb #7","d":"Breadcrumb with select dropdown","s":"coss","c":"navigation/breadcrumb","hc":1},{"id":"coss:p-button-1","t":"P button #1","d":"Default button","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-2","t":"P button #2","d":"Outline button","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-3","t":"P button #3","d":"Secondary button","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-4","t":"P button #4","d":"Destructive button","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-5","t":"P button #5","d":"Destructive outline button","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-6","t":"P button #6","d":"Ghost button","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-7","t":"P button #7","d":"Link button","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-8","t":"P button #8","d":"Extra-small button","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-9","t":"P button #9","d":"Small button","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-10","t":"P button #10","d":"Large button","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-11","t":"P button #11","d":"Extra-large button","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-12","t":"P button #12","d":"Disabled button","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-13","t":"P button #13","d":"Icon button","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-14","t":"P button #14","d":"Small icon button","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-15","t":"P button #15","d":"Large icon button","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-16","t":"P button #16","d":"Button with icon","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-17","t":"P button #17","d":"Link rendered as button","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-41","t":"P button #41","d":"Button using the built-in loading prop","s":"coss","c":"actions/button","sb":"Loading and states","hc":1},{"id":"coss:p-button-18","t":"P button #18","d":"Custom loading button with manual Spinner","s":"coss","c":"actions/button","sb":"Loading and states","hc":1},{"id":"coss:p-button-19","t":"P button #19","d":"Expandable show more/less toggle button","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-20","t":"P button #20","d":"Back link button with chevron","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-21","t":"P button #21","d":"Card-style button with heading and description","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-22","t":"P button #22","d":"Directional pad control buttons","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-23","t":"P button #23","d":"Outline like button with count","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-24","t":"P button #24","d":"Social login icon buttons","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-26","t":"P button #26","d":"Star button with count badge","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-27","t":"P button #27","d":"Button group with QR code icon and sign in","s":"coss","c":"actions/button","sb":"Groups and split","hc":1},{"id":"coss:p-button-28","t":"P button #28","d":"Button with avatar","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-29","t":"P button #29","d":"Pill-shaped button with rounded-full styling","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-30","t":"P button #30","d":"Button with animated arrow on hover","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-31","t":"P button #31","d":"Button with keyboard shortcut indicator","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-32","t":"P button #32","d":"Button with notification badge","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-33","t":"P button #33","d":"Paired buttons (Cancel/Save)","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-34","t":"P button #34","d":"Button with animated status dot","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-35","t":"P button #35","d":"Icon-only copy button with feedback","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-36","t":"P button #36","d":"Copy button with feedback","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-37","t":"P button #37","d":"Rotating icon button (FAB-style toggle)","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-39","t":"P button #39","d":"Hamburger menu button with animated icon","s":"coss","c":"actions/button","sb":"Animated","hc":1},{"id":"coss:p-button-40","t":"P button #40","d":"Download button with progress and cancel action","s":"coss","c":"actions/button","sb":"Groups and split","hc":1},{"id":"coss:p-button-38","t":"P button #38","d":"Social login buttons (Google, X, GitHub)","s":"coss","c":"actions/button","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"coss:p-calendar-1","t":"P calendar #1","d":"Basic calendar","s":"coss","c":"data-display/calendar","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-calendar-3","t":"P calendar #3","d":"Calendar with date range selection","s":"coss","c":"data-display/calendar","hc":1},{"id":"coss:p-calendar-4","t":"P calendar #4","d":"Calendar with month/year dropdown navigation","s":"coss","c":"data-display/calendar","hc":1,"cp":1},{"id":"coss:p-calendar-5","t":"P calendar #5","d":"Calendar with custom Select dropdown for month/year","s":"coss","c":"data-display/calendar","hc":1},{"id":"coss:p-calendar-6","t":"P calendar #6","d":"Calendar with Combobox dropdown for month/year","s":"coss","c":"data-display/calendar","hc":1},{"id":"coss:p-calendar-7","t":"P calendar #7","d":"Calendar with disabled dates","s":"coss","c":"data-display/calendar","hc":1},{"id":"coss:p-calendar-8","t":"P calendar #8","d":"Calendar with multiple date selection","s":"coss","c":"data-display/calendar","hc":1},{"id":"coss:p-calendar-2","t":"P calendar #2","d":"Calendar with custom cell size","s":"coss","c":"data-display/calendar","hc":1,"cp":1},{"id":"coss:p-calendar-9","t":"P calendar #9","d":"Calendar with rounded day buttons","s":"coss","c":"data-display/calendar","hc":1},{"id":"coss:p-calendar-10","t":"P calendar #10","d":"Calendar with rounded range selection style","s":"coss","c":"data-display/calendar","hc":1},{"id":"coss:p-calendar-11","t":"P calendar #11","d":"Calendar with right-aligned navigation","s":"coss","c":"data-display/calendar","hc":1},{"id":"coss:p-calendar-12","t":"P calendar #12","d":"Calendar with week numbers","s":"coss","c":"data-display/calendar","hc":1},{"id":"coss:p-calendar-13","t":"P calendar #13","d":"Calendar with year-only combobox dropdown","s":"coss","c":"data-display/calendar","hc":1},{"id":"coss:p-calendar-14","t":"P calendar #14","d":"Calendar without arrow navigation (dropdown only)","s":"coss","c":"data-display/calendar","hc":1},{"id":"coss:p-calendar-15","t":"P calendar #15","d":"Calendar with current month button","s":"coss","c":"data-display/calendar","hc":1},{"id":"coss:p-calendar-16","t":"P calendar #16","d":"Calendar with today button","s":"coss","c":"data-display/calendar","hc":1},{"id":"coss:p-calendar-17","t":"P calendar #17","d":"Calendar with date input","s":"coss","c":"data-display/calendar","hc":1},{"id":"coss:p-calendar-18","t":"P calendar #18","d":"Calendar with time input","s":"coss","c":"data-display/calendar","hc":1},{"id":"coss:p-calendar-19","t":"P calendar #19","d":"Calendar with time slots (appointment picker)","s":"coss","c":"data-display/calendar","hc":1},{"id":"coss:p-calendar-20","t":"P calendar #20","d":"Calendar with date presets","s":"coss","c":"data-display/calendar","hc":1},{"id":"coss:p-calendar-21","t":"P calendar #21","d":"Range calendar with date presets","s":"coss","c":"data-display/calendar","hc":1},{"id":"coss:p-calendar-22","t":"P calendar #22","d":"Two months calendar","s":"coss","c":"data-display/calendar","hc":1},{"id":"coss:p-calendar-23","t":"P calendar #23","d":"Three months calendar","s":"coss","c":"data-display/calendar","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"coss:p-calendar-24","t":"P calendar #24","d":"Pricing calendar with custom day buttons","s":"coss","c":"data-display/calendar","hc":1},{"id":"coss:p-calendar-25","t":"P calendar #25","d":"Calendar with 24-hour autocomplete time input","s":"coss","c":"data-display/calendar","hc":1},{"id":"coss:p-date-picker-1","t":"P date picker #1","d":"Basic date picker","s":"coss","c":"inputs/date-picker","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-date-picker-2","t":"P date picker #2","d":"Date range picker","s":"coss","c":"inputs/date-picker","hc":1},{"id":"coss:p-date-picker-9","t":"P date picker #9","d":"Two months calendar with range date","s":"coss","c":"inputs/date-picker","hc":1},{"id":"coss:p-date-picker-3","t":"P date picker #3","d":"Date picker with field and dropdown navigation","s":"coss","c":"inputs/date-picker","hc":1},{"id":"coss:p-date-picker-4","t":"P date picker #4","d":"Date picker with presets","s":"coss","c":"inputs/date-picker","hc":1,"cp":1},{"id":"coss:p-date-picker-5","t":"P date picker #5","d":"Date picker with input","s":"coss","c":"inputs/date-picker","hc":1,"cp":1},{"id":"coss:p-date-picker-6","t":"P date picker #6","d":"Date picker that closes on select","s":"coss","c":"inputs/date-picker","hc":1,"cp":1},{"id":"coss:p-date-picker-7","t":"P date picker #7","d":"Multiple dates picker","s":"coss","c":"inputs/date-picker","hc":1},{"id":"coss:p-date-picker-8","t":"P date picker #8","d":"Date picker with select-like trigger","s":"coss","c":"inputs/date-picker","hc":1},{"id":"coss:p-card-1","t":"P card #1","d":"A basic card with header and footer","s":"coss","c":"data-display/card","tg":["minimal"],"sb":"Article","sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-card-2","t":"P card #2","d":"Authentication card with actions","s":"coss","c":"data-display/card","sb":"Article","hc":1},{"id":"coss:p-card-3","t":"P card #3","d":"Authentication card with separators","s":"coss","c":"data-display/card","sb":"Article","hc":1},{"id":"coss:p-card-4","t":"P card #4","d":"Framed card with footer","s":"coss","c":"data-display/card","sb":"Article","hc":1},{"id":"coss:p-card-5","t":"P card #5","d":"Framed card with header","s":"coss","c":"data-display/card","sb":"Article","hc":1},{"id":"coss:p-card-6","t":"P card #6","d":"Framed card with header and footer","s":"coss","c":"data-display/card","sb":"Article","hc":1},{"id":"coss:p-card-7","t":"P card #7","d":"Framed card with no rounded bottom","s":"coss","c":"data-display/card","sb":"Article","hc":1},{"id":"coss:p-card-8","t":"P card #8","d":"Card within a frame and footer","s":"coss","c":"data-display/card","sb":"Article","hc":1},{"id":"coss:p-card-9","t":"P card #9","d":"Card within a frame and footer","s":"coss","c":"data-display/card","sb":"Article","hc":1},{"id":"coss:p-card-10","t":"P card #10","d":"Card within a frame with header and footer","s":"coss","c":"data-display/card","sb":"Article","hc":1},{"id":"coss:p-card-11","t":"P card #11","d":"CardFrame with header action","s":"coss","c":"data-display/card","sb":"Article","hc":1},{"id":"coss:p-checkbox-1","t":"P checkbox #1","d":"Basic checkbox","s":"coss","c":"inputs/checkbox","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-checkbox-2","t":"P checkbox #2","d":"Disabled checkbox","s":"coss","c":"inputs/checkbox","hc":1,"cp":1},{"id":"coss:p-checkbox-3","t":"P checkbox #3","d":"Checkbox with description","s":"coss","c":"inputs/checkbox","hc":1,"cp":1},{"id":"coss:p-checkbox-4","t":"P checkbox #4","d":"Card-style checkbox","s":"coss","c":"inputs/checkbox","hc":1,"cp":1},{"id":"coss:p-checkbox-5","t":"P checkbox #5","d":"Checkbox form","s":"coss","c":"inputs/checkbox","hc":1,"cp":1},{"id":"coss:p-checkbox-group-1","t":"P checkbox group 1","d":"Basic checkbox group","s":"coss","c":"inputs/checkbox","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-checkbox-group-2","t":"P checkbox group 2","d":"Checkbox group with disabled items","s":"coss","c":"inputs/checkbox","hc":1,"cp":1},{"id":"coss:p-checkbox-group-3","t":"P checkbox group 3","d":"Checkbox group with parent checkbox","s":"coss","c":"inputs/checkbox","hc":1,"cp":1},{"id":"coss:p-checkbox-group-4","t":"P checkbox group 4","d":"Nested checkbox group with parent","s":"coss","c":"inputs/checkbox","hc":1,"cp":1},{"id":"coss:p-checkbox-group-5","t":"P checkbox group 5","d":"Checkbox group form","s":"coss","c":"inputs/checkbox","hc":1},{"id":"coss:p-collapsible-1","t":"P collapsible #1","d":"Basic collapsible","s":"coss","c":"data-display/accordion","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-combobox-1","t":"P combobox #1","d":"Basic combobox","s":"coss","c":"inputs/combobox","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-combobox-2","t":"P combobox #2","d":"Disabled combobox","s":"coss","c":"inputs/combobox","hc":1,"cp":1},{"id":"coss:p-combobox-3","t":"P combobox #3","d":"Small combobox","s":"coss","c":"inputs/combobox","hc":1},{"id":"coss:p-combobox-4","t":"P combobox #4","d":"Large combobox","s":"coss","c":"inputs/combobox","hc":1},{"id":"coss:p-combobox-5","t":"P combobox #5","d":"Combobox with label","s":"coss","c":"inputs/combobox","hc":1,"cp":1},{"id":"coss:p-combobox-6","t":"P combobox #6","d":"Combobox auto highlighting the first option","s":"coss","c":"inputs/combobox","hc":1,"cp":1},{"id":"coss:p-combobox-7","t":"P combobox #7","d":"Combobox with clear button","s":"coss","c":"inputs/combobox","hc":1,"cp":1},{"id":"coss:p-combobox-8","t":"P combobox #8","d":"Combobox with grouped items","s":"coss","c":"inputs/combobox","hc":1,"cp":1},{"id":"coss:p-combobox-9","t":"P combobox #9","d":"Combobox with multiple selection","s":"coss","c":"inputs/combobox","hc":1,"cp":1},{"id":"coss:p-combobox-10","t":"P combobox #10","d":"Combobox with input inside popup","s":"coss","c":"inputs/combobox","hc":1,"cp":1},{"id":"coss:p-combobox-11","t":"P combobox #11","d":"Combobox form","s":"coss","c":"inputs/combobox","hc":1,"cp":1},{"id":"coss:p-combobox-12","t":"P combobox #12","d":"Combobox multiple form","s":"coss","c":"inputs/combobox","hc":1,"cp":1},{"id":"coss:p-combobox-13","t":"P combobox #13","d":"Combobox with start addon","s":"coss","c":"inputs/combobox","hc":1,"cp":1},{"id":"coss:p-combobox-14","t":"P combobox #14","d":"Combobox multiple with start addon","s":"coss","c":"inputs/combobox","hc":1},{"id":"coss:p-combobox-15","t":"P combobox #15","d":"Pill-shaped combobox","s":"coss","c":"inputs/combobox","hc":1},{"id":"coss:p-combobox-16","t":"P combobox #16","d":"Timezone combobox","s":"coss","c":"inputs/combobox","hc":1},{"id":"coss:p-combobox-17","t":"P combobox #17","d":"Timezone combobox with search input","s":"coss","c":"inputs/combobox","hc":1},{"id":"coss:p-combobox-18","t":"P combobox #18","d":"Combobox with select trigger","s":"coss","c":"inputs/combobox","hc":1,"cp":1},{"id":"coss:p-combobox-19","t":"P combobox #19","d":"Combobox multiple with stacked chips","s":"coss","c":"inputs/combobox","hc":1},{"id":"coss:p-combobox-20","t":"P combobox #20","d":"Combobox multiple with stacked divided chips","s":"coss","c":"inputs/combobox","hc":1},{"id":"coss:p-command-1","t":"P command #1","d":"Command palette with dialog","s":"coss","c":"navigation/command-palette","hc":1,"cp":1},{"id":"coss:p-command-2","t":"P command #2","d":"Command palette with AI assistant","s":"coss","c":"navigation/command-palette","hc":1},{"id":"coss:p-dialog-1","t":"P dialog #1","d":"Dialog with form","s":"coss","c":"overlays/dialog","hc":1,"cp":1},{"id":"coss:p-dialog-6","t":"P dialog #6","d":"Dialog with bare footer","s":"coss","c":"overlays/dialog","hc":1,"cp":1},{"id":"coss:p-dialog-2","t":"P dialog #2","d":"Dialog opened from menu","s":"coss","c":"overlays/dialog","hc":1,"cp":1},{"id":"coss:p-dialog-3","t":"P dialog #3","d":"Nested dialogs","s":"coss","c":"overlays/dialog","hc":1,"cp":1},{"id":"coss:p-dialog-4","t":"P dialog #4","d":"Dialog with close confirmation","s":"coss","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"coss:p-dialog-5","t":"P dialog #5","d":"Dialog with long content","s":"coss","c":"overlays/dialog","hc":1,"cp":1},{"id":"coss:p-drawer-1","t":"P drawer #1","d":"Simple bottom drawer with close button","s":"coss","c":"overlays/sheet","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-drawer-2","t":"P drawer #2","d":"Bottom drawer without drag bar","s":"coss","c":"overlays/sheet","hc":1},{"id":"coss:p-drawer-3","t":"P drawer #3","d":"Drawer with close button","s":"coss","c":"overlays/sheet","hc":1},{"id":"coss:p-drawer-4","t":"P drawer #4","d":"Inset variant drawers for all four positions","s":"coss","c":"overlays/sheet","hc":1,"cp":1},{"id":"coss:p-drawer-5","t":"P drawer #5","d":"Straight variant drawers for all four positions","s":"coss","c":"overlays/sheet","hc":1,"cp":1},{"id":"coss:p-drawer-6","t":"P drawer #6","d":"Scrollable content with terms and conditions","s":"coss","c":"overlays/sheet","hc":1},{"id":"coss:p-drawer-7","t":"P drawer #7","d":"Nested bottom drawers with centered content","s":"coss","c":"overlays/sheet","hc":1,"cp":1},{"id":"coss:p-drawer-8","t":"P drawer #8","d":"Nested right drawers with inset variant","s":"coss","c":"overlays/sheet","hc":1},{"id":"coss:p-drawer-9","t":"P drawer #9","d":"Bottom drawer with snap points","s":"coss","c":"overlays/sheet","hc":1},{"id":"coss:p-drawer-10","t":"P drawer #10","d":"Edit profile form with default and bare footer variants","s":"coss","c":"overlays/sheet","hc":1},{"id":"coss:p-drawer-11","t":"P drawer #11","d":"Mobile menu drawer from the left","s":"coss","c":"overlays/sheet","hc":1,"cp":1},{"id":"coss:p-drawer-12","t":"P drawer #12","d":"Responsive edit profile: dialog on desktop, drawer on mobile","s":"coss","c":"overlays/sheet","hc":1},{"id":"coss:p-drawer-13","t":"P drawer #13","d":"Responsive actions menu: menu on desktop, drawer on mobile","s":"coss","c":"overlays/sheet","hc":1},{"id":"coss:p-drawer-14","t":"P drawer #14","d":"Left drawer with swipe area","s":"coss","c":"overlays/sheet","hc":1},{"id":"coss:p-empty-1","t":"P empty #1","d":"Empty state with icon and actions","k":"motion","s":"coss","c":"motion/background","sb":"Particles and stars","hc":1,"cp":1},{"id":"coss:p-field-1","t":"P field #1","d":"Field with description","s":"coss","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"coss:p-field-2","t":"P field #2","d":"Field with required indicator","s":"coss","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"coss:p-field-3","t":"P field #3","d":"Field in disabled state","s":"coss","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"coss:p-field-4","t":"P field #4","d":"Field showing validation error","s":"coss","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"coss:p-field-5","t":"P field #5","d":"Show field validity state","s":"coss","c":"inputs/form-field","hc":1},{"id":"coss:p-field-6","t":"P field #6","d":"Input group with field","s":"coss","c":"inputs/form-field","hc":1,"cp":1},{"id":"coss:p-field-7","t":"P field #7","d":"Field with autocomplete","s":"coss","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"coss:p-field-8","t":"P field #8","d":"Field with combobox","s":"coss","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"coss:p-field-9","t":"P field #9","d":"Field with multiple selection combobox","s":"coss","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"coss:p-field-10","t":"P field #10","d":"Field with textarea","s":"coss","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"coss:p-field-11","t":"P field #11","d":"Field with select","s":"coss","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"coss:p-field-12","t":"P field #12","d":"Field with checkbox","s":"coss","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"coss:p-field-13","t":"P field #13","d":"Field with checkbox group","s":"coss","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"coss:p-field-14","t":"P field #14","d":"Field with radio group","s":"coss","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"coss:p-field-15","t":"P field #15","d":"Field with toggle switch","s":"coss","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"coss:p-field-16","t":"P field #16","d":"Field with slider","s":"coss","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"coss:p-field-17","t":"P field #17","d":"Field with number field","s":"coss","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"coss:p-field-18","t":"P field #18","d":"Complete form built with field","s":"coss","c":"inputs/form-field","sb":"Whole forms","hc":1,"cp":1},{"id":"coss:p-fieldset-1","t":"P fieldset #1","d":"Fieldset with multiple fields","s":"coss","c":"inputs/form-field","hc":1,"cp":1},{"id":"coss:p-form-1","t":"P form #1","d":"Input in a form","s":"coss","c":"inputs/form-field","sb":"Whole forms","hc":1,"cp":1},{"id":"coss:p-form-2","t":"P form #2","d":"Form with zod validation","s":"coss","c":"inputs/form-field","sb":"Whole forms","hc":1,"cp":1},{"id":"coss:p-frame-1","t":"P frame #1","d":"Basic frame","k":"motion","s":"coss","c":"motion/background","tg":["minimal"],"sb":"Particles and stars","sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-frame-3","t":"P frame #3","d":"Frame with multiple separated panels","k":"motion","s":"coss","c":"motion/background","sb":"Particles and stars","hc":1,"cp":1},{"id":"coss:p-frame-4","t":"P frame #4","d":"Frame with multiple stacked panels","k":"motion","s":"coss","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"coss:p-frame-2","t":"P frame #2","d":"Frame with collapsible content and delete button","s":"coss","c":"data-display/accordion","hc":1},{"id":"coss:p-kbd-1","t":"P kbd #1","d":"Keyboard shortcuts display","s":"coss","c":"data-display/typography","hc":1,"cp":1},{"id":"coss:p-group-1","t":"P group #1","d":"Basic group","k":"motion","s":"coss","c":"motion/background","tg":["minimal"],"sb":"Particles and stars","sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-group-2","t":"P group #2","d":"Group with input","s":"coss","c":"inputs/form-field","hc":1},{"id":"coss:p-group-3","t":"P group #3","d":"Small group","k":"motion","s":"coss","c":"motion/background","sb":"Particles and stars","hc":1,"cp":1},{"id":"coss:p-group-4","t":"P group #4","d":"Large group","k":"motion","s":"coss","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"coss:p-group-5","t":"P group #5","d":"Group with disabled button","s":"coss","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"coss:p-group-6","t":"P group #6","d":"Group with default button","s":"coss","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"coss:p-group-7","t":"P group #7","d":"Group with start text","k":"motion","s":"coss","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"coss:p-group-8","t":"P group #8","d":"Group with end text","k":"motion","s":"coss","c":"motion/background","sb":"Particles and stars","hc":1,"cp":1},{"id":"coss:p-group-9","t":"P group #9","d":"Vertical group","k":"motion","s":"coss","c":"motion/background","sb":"Particles and stars","hc":1,"cp":1},{"id":"coss:p-group-10","t":"P group #10","d":"Nested groups","k":"motion","s":"coss","c":"motion/background","sb":"Particles and stars","hc":1,"cp":1},{"id":"coss:p-group-11","t":"P group #11","d":"Group with popup","k":"motion","s":"coss","c":"motion/background","sb":"Particles and stars","hc":1,"cp":1},{"id":"coss:p-group-12","t":"P group #12","d":"Group with input group","s":"coss","c":"inputs/form-field","hc":1,"cp":1},{"id":"coss:p-group-13","t":"P group #13","d":"Group with menu","s":"coss","c":"navigation/menu","sb":"Dropdowns","hc":1,"cp":1},{"id":"coss:p-group-14","t":"P group #14","d":"Group with select","s":"coss","c":"inputs/select","hc":1,"cp":1},{"id":"coss:p-group-15","t":"P group #15","d":"Group with search","s":"coss","c":"inputs/search","hc":1},{"id":"coss:p-group-16","t":"P group #16","d":"Group with add button and input","s":"coss","c":"inputs/form-field","hc":1},{"id":"coss:p-group-17","t":"P group #17","d":"Group with input and currency text","s":"coss","c":"inputs/form-field","hc":1},{"id":"coss:p-group-18","t":"P group #18","d":"Group with select and input","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-group-19","t":"P group #19","d":"Group with input and select","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-group-20","t":"P group #20","d":"Group with input and text button","s":"coss","c":"inputs/form-field","hc":1},{"id":"coss:p-group-22","t":"P group #22","d":"Group with two number inputs for range","s":"coss","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"coss:p-group-23","t":"P group #23","d":"Group with filter label, combobox multi-select, and remove button","s":"coss","c":"inputs/combobox","hc":1},{"id":"coss:p-input-1","t":"P input #1","d":"Basic input","s":"coss","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"coss:p-input-2","t":"P input #2","d":"Small input","s":"coss","c":"inputs/form-field","hc":1},{"id":"coss:p-input-3","t":"P input #3","d":"Large input","s":"coss","c":"inputs/form-field","hc":1},{"id":"coss:p-input-4","t":"P input #4","d":"Disabled input","s":"coss","c":"inputs/form-field","hc":1},{"id":"coss:p-input-5","t":"P input #5","d":"File input","s":"coss","c":"inputs/form-field","hc":1},{"id":"coss:p-input-6","t":"P input #6","d":"Input with label","s":"coss","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"coss:p-input-7","t":"P input #7","d":"Input with button using Group","s":"coss","c":"inputs/form-field","hc":1},{"id":"coss:p-input-8","t":"P input #8","d":"Input with start text and end tooltip","s":"coss","c":"inputs/form-field","hc":1},{"id":"coss:p-input-9","t":"P input #9","d":"Password input with toggle visibility","s":"coss","c":"inputs/form-field","hc":1},{"id":"coss:p-input-10","t":"P input #10","d":"Input group mimicking a URL bar","s":"coss","c":"inputs/form-field","hc":1},{"id":"coss:p-input-11","t":"P input #11","d":"Input group with keyboard shortcut","s":"coss","c":"inputs/form-field","hc":1},{"id":"coss:p-input-12","t":"P input #12","d":"Input group with start loading spinner","s":"coss","c":"inputs/form-field","hc":1,"cp":1},{"id":"coss:p-input-13","t":"P input #13","d":"Input with label and required indicator","s":"coss","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"coss:p-input-14","t":"P input #14","d":"Input with optional label","s":"coss","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"coss:p-input-15","t":"P input #15","d":"Input with custom border and background","s":"coss","c":"inputs/form-field","hc":1},{"id":"coss:p-input-16","t":"P input #16","d":"Input group with end loading spinner","s":"coss","c":"inputs/form-field","hc":1},{"id":"coss:p-input-17","t":"P input #17","d":"Read-only input","s":"coss","c":"inputs/form-field","hc":1},{"id":"coss:p-otp-field-1","t":"P otp field #1","d":"Basic OTP field","s":"coss","c":"inputs/otp-input","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"coss:p-otp-field-2","t":"P otp field #2","d":"Large OTP field","s":"coss","c":"inputs/otp-input","hc":1},{"id":"coss:p-otp-field-3","t":"P otp field #3","d":"OTP field with separator","s":"coss","c":"inputs/otp-input","hc":1},{"id":"coss:p-otp-field-4","t":"P otp field #4","d":"OTP field with label","s":"coss","c":"inputs/otp-input","hc":1},{"id":"coss:p-otp-field-6","t":"P otp field #6","d":"OTP field with custom sanitization","s":"coss","c":"inputs/otp-input","hc":1},{"id":"coss:p-otp-field-7","t":"P otp field #7","d":"OTP field with auto validation","s":"coss","c":"inputs/otp-input","hc":1},{"id":"coss:p-otp-field-8","t":"P otp field #8","d":"Alphanumeric OTP field","s":"coss","c":"inputs/otp-input","hc":1},{"id":"coss:p-otp-field-9","t":"P otp field #9","d":"OTP field with placeholder hints","s":"coss","c":"inputs/otp-input","hc":1},{"id":"coss:p-otp-field-10","t":"P otp field #10","d":"Masked OTP field","s":"coss","c":"inputs/otp-input","hc":1},{"id":"coss:p-input-group-1","t":"P input group #1","d":"Basic input group","s":"coss","c":"inputs/form-field","tg":["minimal"],"sb":"Input groups","sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-input-group-2","t":"P input group #2","d":"Input group with end icon","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1,"cp":1},{"id":"coss:p-input-group-3","t":"P input group #3","d":"Input group with start text","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1,"cp":1},{"id":"coss:p-input-group-4","t":"P input group #4","d":"Input group with end text","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"coss:p-input-group-5","t":"P input group #5","d":"Input group with start and end text","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1,"cp":1},{"id":"coss:p-input-group-6","t":"P input group #6","d":"Input group with number field","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1,"cp":1},{"id":"coss:p-input-group-7","t":"P input group #7","d":"Input group with end tooltip","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1,"cp":1},{"id":"coss:p-input-group-8","t":"P input group #8","d":"Input group with icon button","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"coss:p-input-group-9","t":"P input group #9","d":"Input group with button","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1,"cp":1},{"id":"coss:p-input-group-10","t":"P input group #10","d":"Input group with badge","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1,"cp":1},{"id":"coss:p-input-group-11","t":"P input group #11","d":"Input group with keyboard shortcut","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1,"cp":1},{"id":"coss:p-input-group-12","t":"P input group #12","d":"Input group with inner label","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"coss:p-input-group-13","t":"P input group #13","d":"Small input group","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"coss:p-input-group-14","t":"P input group #14","d":"Large input group","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"coss:p-input-group-15","t":"P input group #15","d":"Disabled input group","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1,"cp":1},{"id":"coss:p-input-group-16","t":"P input group #16","d":"Input group with loading spinner","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1,"cp":1},{"id":"coss:p-input-group-17","t":"P input group #17","d":"Input group with textarea","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1,"cp":1},{"id":"coss:p-input-group-18","t":"P input group #18","d":"Input group with badge and menu","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"coss:p-input-group-19","t":"P input group #19","d":"Mini editor built with input group and toggle","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"coss:p-input-group-20","t":"P input group #20","d":"Input group with search icon","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"coss:p-input-group-21","t":"P input group #21","d":"Input group with start tooltip","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"coss:p-input-group-22","t":"P input group #22","d":"Input group with clear button","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"coss:p-input-group-23","t":"P input group #23","d":"Search input group with loader and voice button","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"coss:p-input-group-24","t":"P input group #24","d":"Input group with character counter","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"coss:p-input-18","t":"P input #18","d":"Input with characters remaining counter","s":"coss","c":"inputs/form-field","hc":1},{"id":"coss:p-input-19","t":"P input #19","d":"Pill-shaped input","s":"coss","c":"inputs/form-field","hc":1},{"id":"coss:p-input-group-26","t":"P input group #26","d":"Password input with strength indicator","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"coss:p-input-group-27","t":"P input group #27","d":"Code snippet input with language selector","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"coss:p-input-group-28","t":"P input group #28","d":"Message composer with attachment buttons","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"coss:p-input-group-29","t":"P input group #29","d":"Chat input with voice and send buttons","s":"coss","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"coss:p-meter-1","t":"P meter #1","d":"Basic meter","s":"coss","c":"data-viz/gauge","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-meter-2","t":"P meter #2","d":"Simple meter","s":"coss","c":"data-viz/gauge","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"coss:p-meter-3","t":"P meter #3","d":"Meter with formatted value","s":"coss","c":"data-viz/gauge","hc":1,"cp":1},{"id":"coss:p-meter-4","t":"P meter #4","d":"Meter with range","s":"coss","c":"data-viz/gauge","hc":1,"cp":1},{"id":"coss:p-menu-1","t":"P menu #1","d":"Basic menu","s":"coss","c":"navigation/menu","tg":["minimal"],"sb":"Dropdowns","sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-menu-2","t":"P menu #2","d":"Menu with hover","s":"coss","c":"navigation/menu","sb":"Dropdowns","hc":1,"cp":1},{"id":"coss:p-menu-3","t":"P menu #3","d":"Menu with checkbox","s":"coss","c":"navigation/menu","sb":"Dropdowns","hc":1,"cp":1},{"id":"coss:p-menu-9","t":"P menu #9","d":"Menu with checkbox items as switches","s":"coss","c":"navigation/menu","sb":"Dropdowns","hc":1,"cp":1},{"id":"coss:p-menu-4","t":"P menu #4","d":"Menu with radio group","s":"coss","c":"navigation/menu","sb":"Dropdowns","hc":1,"cp":1},{"id":"coss:p-menu-5","t":"P menu #5","d":"Menu with link","s":"coss","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"coss:p-menu-6","t":"P menu #6","d":"Menu with group labels","s":"coss","c":"navigation/menu","sb":"Dropdowns","hc":1,"cp":1},{"id":"coss:p-menu-7","t":"P menu #7","d":"Nested menu","s":"coss","c":"navigation/menu","sb":"Dropdowns","hc":1,"cp":1},{"id":"coss:p-menu-8","t":"P menu #8","d":"Menu close on click","s":"coss","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"coss:p-context-menu-1","t":"P context menu #1","d":"Basic context menu","s":"coss","c":"overlays/context-menu","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"coss:p-context-menu-2","t":"P context menu #2","d":"Context menu with link items","s":"coss","c":"overlays/context-menu","hc":1},{"id":"coss:p-context-menu-3","t":"P context menu #3","d":"Nested context menu","s":"coss","c":"overlays/context-menu","hc":1},{"id":"coss:p-context-menu-4","t":"P context menu #4","d":"Context menu with checkbox items","s":"coss","c":"overlays/context-menu","hc":1},{"id":"coss:p-context-menu-5","t":"P context menu #5","d":"Context menu with group labels","s":"coss","c":"overlays/context-menu","hc":1},{"id":"coss:p-context-menu-6","t":"P context menu #6","d":"Context menu with icons","s":"coss","c":"overlays/context-menu","hc":1},{"id":"coss:p-context-menu-7","t":"P context menu #7","d":"Context menu with radio group","s":"coss","c":"overlays/context-menu","hc":1},{"id":"coss:p-context-menu-8","t":"P context menu #8","d":"Context menu with switch checkbox items","s":"coss","c":"overlays/context-menu","hc":1},{"id":"coss:p-number-field-1","t":"P number field #1","d":"Basic number field","s":"coss","c":"inputs/number-input","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-number-field-2","t":"P number field #2","d":"Small number field","s":"coss","c":"inputs/number-input","hc":1},{"id":"coss:p-number-field-3","t":"P number field #3","d":"Large number field","s":"coss","c":"inputs/number-input","hc":1},{"id":"coss:p-number-field-4","t":"P number field #4","d":"Disabled number field","s":"coss","c":"inputs/number-input","hc":1,"cp":1},{"id":"coss:p-number-field-5","t":"P number field #5","d":"Number field with label","s":"coss","c":"inputs/number-input","hc":1,"cp":1},{"id":"coss:p-number-field-6","t":"P number field #6","d":"Number field with scrub","s":"coss","c":"inputs/number-input","hc":1,"cp":1},{"id":"coss:p-number-field-7","t":"P number field #7","d":"Number field with range","s":"coss","c":"inputs/number-input","hc":1,"cp":1},{"id":"coss:p-number-field-8","t":"P number field #8","d":"Number field with formatted value","s":"coss","c":"inputs/number-input","hc":1,"cp":1},{"id":"coss:p-number-field-9","t":"P number field #9","d":"Number field with step","s":"coss","c":"inputs/number-input","hc":1,"cp":1},{"id":"coss:p-number-field-10","t":"P number field #10","d":"Number field in form","s":"coss","c":"inputs/number-input","hc":1,"cp":1},{"id":"coss:p-number-field-11","t":"P number field #11","d":"Pill-shaped number field","s":"coss","c":"inputs/number-input","hc":1},{"id":"coss:p-navigation-1","t":"P navigation #1","d":"Segmented navigation built with links","s":"coss","c":"navigation/tabs","hc":1},{"id":"coss:p-navigation-2","t":"P navigation #2","d":"Small segmented navigation built with links","s":"coss","c":"navigation/tabs","hc":1},{"id":"coss:p-navigation-3","t":"P navigation #3","d":"Large segmented navigation built with links","s":"coss","c":"navigation/tabs","hc":1},{"id":"coss:p-pagination-1","t":"P pagination #1","d":"Pagination example","s":"coss","c":"navigation/pagination","hc":1,"cp":1},{"id":"coss:p-pagination-2","t":"P pagination #2","d":"Pagination with previous and next buttons only","s":"coss","c":"navigation/pagination","hc":1},{"id":"coss:p-pagination-3","t":"P pagination #3","d":"Pagination with select, and previous and next buttons","s":"coss","c":"navigation/pagination","hc":1},{"id":"coss:p-popover-1","t":"P popover #1","d":"Popover with a form","s":"coss","c":"overlays/popover","hc":1,"cp":1},{"id":"coss:p-popover-2","t":"P popover #2","d":"Popover with close button","s":"coss","c":"overlays/popover","hc":1},{"id":"coss:p-popover-3","t":"P popover #3","d":"Animated popovers","s":"coss","c":"overlays/popover","hc":1,"cp":1},{"id":"coss:p-popover-4","t":"P popover #4","d":"Split button with popover to confirm multiple occurrences","s":"coss","c":"overlays/popover","hc":1},{"id":"coss:p-preview-card-1","t":"P preview card #1","d":"Preview card with popup","s":"coss","c":"overlays/hover-card","hc":1},{"id":"coss:p-progress-1","t":"P progress #1","d":"Basic progress bar","s":"coss","c":"data-viz/progress-bar","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"coss:p-progress-2","t":"P progress #2","d":"Progress with label and value","s":"coss","c":"data-viz/progress-bar","hc":1},{"id":"coss:p-progress-3","t":"P progress #3","d":"Progress with formatted value","s":"coss","c":"data-viz/progress-bar","hc":1,"cp":1},{"id":"coss:p-radio-group-1","t":"P radio group #1","d":"Basic radio group","s":"coss","c":"inputs/radio","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-radio-group-2","t":"P radio group #2","d":"Disabled radio group","s":"coss","c":"inputs/radio","hc":1,"cp":1},{"id":"coss:p-radio-group-3","t":"P radio group #3","d":"Radio group with description","s":"coss","c":"inputs/radio","hc":1,"cp":1},{"id":"coss:p-radio-group-4","t":"P radio group #4","d":"Radio group card","s":"coss","c":"inputs/radio","hc":1,"cp":1},{"id":"coss:p-radio-group-5","t":"P radio group #5","d":"Radio group in form","s":"coss","c":"inputs/radio","hc":1},{"id":"coss:p-radio-group-6","t":"P radio group #6","d":"Theme selector with image cards","s":"coss","c":"inputs/radio","hc":1},{"id":"coss:p-radio-group-7","t":"P radio group #7","d":"Small segmented control built with a radio group","s":"coss","c":"inputs/radio","hc":1},{"id":"coss:p-radio-group-8","t":"P radio group #8","d":"Segmented control built with a radio group","s":"coss","c":"inputs/radio","hc":1},{"id":"coss:p-radio-group-9","t":"P radio group #9","d":"Large segmented control built with a radio group","s":"coss","c":"inputs/radio","hc":1},{"id":"coss:p-radio-group-10","t":"P radio group #10","d":"Color palette radio cards in a four-column grid","s":"coss","c":"inputs/radio","hc":1},{"id":"coss:p-scroll-area-1","t":"P scroll area #1","d":"Basic scroll area","k":"layout","s":"coss","c":"layout/scroll-area","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-scroll-area-2","t":"P scroll area #2","d":"Horizontal scroll area","k":"layout","s":"coss","c":"layout/scroll-area","hc":1,"cp":1},{"id":"coss:p-scroll-area-3","t":"P scroll area #3","d":"Scroll area with both directions","k":"layout","s":"coss","c":"layout/scroll-area","hc":1},{"id":"coss:p-scroll-area-4","t":"P scroll area #4","d":"Scroll area with fading edges","k":"layout","s":"coss","c":"layout/scroll-area","hc":1,"cp":1},{"id":"coss:p-scroll-area-5","t":"P scroll area #5","d":"Horizontal scroll area with scrollbar gutter","k":"layout","s":"coss","c":"layout/scroll-area","hc":1,"cp":1},{"id":"coss:p-select-1","t":"P select #1","d":"Basic select","s":"coss","c":"inputs/select","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"coss:p-select-2","t":"P select #2","d":"Small select","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-select-3","t":"P select #3","d":"Large select","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-select-4","t":"P select #4","d":"Disabled select","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-select-5","t":"P select #5","d":"Select without item alignment","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-select-6","t":"P select #6","d":"Select with groups","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-select-7","t":"P select #7","d":"Multiple select","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-select-8","t":"P select #8","d":"Select with icon","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-select-9","t":"P select #9","d":"Select options with icon","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-select-10","t":"P select #10","d":"Select with object values","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-select-12","t":"P select #12","d":"Select with disabled items","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-select-13","t":"P select #13","d":"Timezone select","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-select-14","t":"P select #14","d":"Status select with colored dot","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-select-15","t":"P select #15","d":"Pill-shaped select trigger","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-select-16","t":"P select #16","d":"Select with left text label","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-select-17","t":"P select #17","d":"Select with country flags","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-select-18","t":"P select #18","d":"Select with description in options only","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-select-19","t":"P select #19","d":"Select with avatars","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-select-20","t":"P select #20","d":"Rich select with avatars and usernames","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-select-21","t":"P select #21","d":"Auto width select","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-select-22","t":"P select #22","d":"Select with custom border and background","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-select-23","t":"P select #23","d":"Select with label","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-select-24","t":"P select #24","d":"Color palette select with three-color swatches","s":"coss","c":"inputs/select","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"coss:p-select-11","t":"P select #11","d":"Select in form","s":"coss","c":"inputs/select","hc":1},{"id":"coss:p-separator-1","t":"P separator #1","d":"Separator with horizontal and vertical orientations","k":"motion","s":"coss","c":"motion/background","sb":"Particles and stars","hc":1,"cp":1},{"id":"coss:p-sheet-1","t":"P sheet #1","d":"Basic sheet","s":"coss","c":"overlays/sheet","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-sheet-2","t":"P sheet #2","d":"Sheet inset","s":"coss","c":"overlays/sheet","hc":1,"cp":1},{"id":"coss:p-sheet-3","t":"P sheet #3","d":"Sheet position","s":"coss","c":"overlays/sheet","hc":1,"cp":1},{"id":"coss:p-skeleton-1","t":"P skeleton #1","d":"Basic skeleton","s":"coss","c":"status/skeleton","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-skeleton-2","t":"P skeleton #2","d":"Skeleton only","s":"coss","c":"status/skeleton","hc":1,"cp":1},{"id":"coss:p-slider-1","t":"P slider #1","d":"Basic slider","s":"coss","c":"inputs/slider","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"coss:p-slider-2","t":"P slider #2","d":"Slider with label and value","s":"coss","c":"inputs/slider","hc":1,"cp":1},{"id":"coss:p-slider-3","t":"P slider #3","d":"Disabled slider","s":"coss","c":"inputs/slider","hc":1},{"id":"coss:p-slider-4","t":"P slider #4","d":"Slider with reference labels","s":"coss","c":"inputs/slider","hc":1,"cp":1},{"id":"coss:p-slider-5","t":"P slider #5","d":"Slider with ticks","s":"coss","c":"inputs/slider","hc":1,"cp":1},{"id":"coss:p-slider-6","t":"P slider #6","d":"Slider with labels above","s":"coss","c":"inputs/slider","hc":1},{"id":"coss:p-slider-7","t":"P slider #7","d":"Range slider","s":"coss","c":"inputs/slider","hc":1},{"id":"coss:p-slider-8","t":"P slider #8","d":"Slider with 3 thumbs","s":"coss","c":"inputs/slider","hc":1},{"id":"coss:p-slider-9","t":"P slider #9","d":"Range slider with collision behavior none","s":"coss","c":"inputs/slider","hc":1},{"id":"coss:p-slider-10","t":"P slider #10","d":"Range slider with collision behavior swap","s":"coss","c":"inputs/slider","hc":1},{"id":"coss:p-slider-11","t":"P slider #11","d":"Slider with icons","s":"coss","c":"inputs/slider","hc":1},{"id":"coss:p-slider-12","t":"P slider #12","d":"Slider with input","s":"coss","c":"inputs/slider","hc":1},{"id":"coss:p-slider-13","t":"P slider #13","d":"Range slider with inputs","s":"coss","c":"inputs/slider","hc":1},{"id":"coss:p-slider-14","t":"P slider #14","d":"Slider with increment and decrement buttons","s":"coss","c":"inputs/slider","hc":1},{"id":"coss:p-slider-15","t":"P slider #15","d":"Price range slider","s":"coss","c":"inputs/slider","hc":1},{"id":"coss:p-slider-16","t":"P slider #16","d":"Emoji rating slider","s":"coss","c":"inputs/slider","hc":1},{"id":"coss:p-slider-17","t":"P slider #17","d":"Vertical slider","s":"coss","c":"inputs/slider","hc":1},{"id":"coss:p-slider-18","t":"P slider #18","d":"Vertical range slider","s":"coss","c":"inputs/slider","hc":1},{"id":"coss:p-slider-19","t":"P slider #19","d":"Vertical slider with input","s":"coss","c":"inputs/slider","hc":1},{"id":"coss:p-slider-20","t":"P slider #20","d":"Equalizer with vertical sliders","s":"coss","c":"inputs/slider","hc":1},{"id":"coss:p-slider-21","t":"P slider #21","d":"Object position sliders with reset","s":"coss","c":"inputs/slider","hc":1},{"id":"coss:p-slider-22","t":"P slider #22","d":"Price slider with histogram","s":"coss","c":"inputs/slider","hc":1},{"id":"coss:p-slider-23","t":"P slider #23","d":"Slider in form","s":"coss","c":"inputs/slider","hc":1},{"id":"coss:p-spinner-1","t":"P spinner #1","d":"Basic spinner","s":"coss","c":"status/loader","tg":["minimal"],"sb":"Spinners","sy":["minimal"],"hc":1},{"id":"coss:p-switch-1","t":"P switch #1","d":"Basic switch","s":"coss","c":"actions/switch","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-switch-2","t":"P switch #2","d":"Disabled switch","s":"coss","c":"actions/switch","hc":1},{"id":"coss:p-switch-3","t":"P switch #3","d":"Switch with description","s":"coss","c":"actions/switch","hc":1,"cp":1},{"id":"coss:p-switch-4","t":"P switch #4","d":"Switch card","s":"coss","c":"actions/switch","hc":1},{"id":"coss:p-switch-5","t":"P switch #5","d":"Switch in form","s":"coss","c":"actions/switch","hc":1},{"id":"coss:p-switch-6","t":"P switch #6","d":"Custom size switch","s":"coss","c":"actions/switch","hc":1},{"id":"coss:p-switch-7","t":"P switch #7","d":"Weekly availability editor with time range combobox pickers","s":"coss","c":"actions/switch","hc":1},{"id":"coss:p-switch-8","t":"P switch #8","d":"Weekly availability editor with grouped time range controls","s":"coss","c":"actions/switch","hc":1},{"id":"coss:p-switch-9","t":"P switch #9","d":"Weekly availability editor with From/To labeled time groups","s":"coss","c":"actions/switch","hc":1},{"id":"coss:p-table-1","t":"P table #1","d":"Basic table","s":"coss","c":"data-display/table","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"coss:p-table-2","t":"P table #2","d":"Frame with card-style table","s":"coss","c":"data-display/table","hc":1,"cp":1},{"id":"coss:p-table-3","t":"P table #3","d":"Table with TanStack Table and checkboxes","s":"coss","c":"data-display/table","sb":"Data tables","hc":1},{"id":"coss:p-table-4","t":"P table #4","d":"Table with TanStack Table, sorting, and pagination","s":"coss","c":"data-display/table","sb":"Data tables","hc":1},{"id":"coss:p-table-5","t":"P table #5","d":"Card-style table variant","s":"coss","c":"data-display/table","hc":1},{"id":"coss:p-table-7","t":"P table #7","d":"CardFrame with card-style table","s":"coss","c":"data-display/table","hc":1,"cp":1},{"id":"coss:p-table-6","t":"P table #6","d":"CardFrame with TanStack Table and checkboxes","s":"coss","c":"data-display/table","sb":"Data tables","hc":1},{"id":"coss:p-table-8","t":"P table #8","d":"CardFrame with TanStack Table, sorting, and pagination","s":"coss","c":"data-display/table","sb":"Data tables","hc":1},{"id":"coss:p-tabs-1","t":"P tabs #1","d":"Segmented control built with tabs","s":"coss","c":"navigation/tabs","hc":1,"cp":1},{"id":"coss:p-tabs-2","t":"P tabs #2","d":"Tabs with underline","s":"coss","c":"navigation/tabs","hc":1,"cp":1},{"id":"coss:p-tabs-3","t":"P tabs #3","d":"Vertical tabs","s":"coss","c":"navigation/tabs","hc":1,"cp":1},{"id":"coss:p-tabs-4","t":"P tabs #4","d":"Vertical tabs with underline","s":"coss","c":"navigation/tabs","hc":1,"cp":1},{"id":"coss:p-tabs-5","t":"P tabs #5","d":"Tabs with full rounded triggers","s":"coss","c":"navigation/tabs","hc":1},{"id":"coss:p-tabs-6","t":"P tabs #6","d":"Tabs with icon before name","s":"coss","c":"navigation/tabs","hc":1},{"id":"coss:p-tabs-7","t":"P tabs #7","d":"Tabs with icon before name and underline","s":"coss","c":"navigation/tabs","hc":1},{"id":"coss:p-tabs-8","t":"P tabs #8","d":"Tabs with icon only","s":"coss","c":"navigation/tabs","hc":1},{"id":"coss:p-tabs-9","t":"P tabs #9","d":"Tabs with underline and icon on top","s":"coss","c":"navigation/tabs","hc":1},{"id":"coss:p-tabs-10","t":"P tabs #10","d":"Tabs with count badge","s":"coss","c":"navigation/tabs","hc":1},{"id":"coss:p-tabs-11","t":"P tabs #11","d":"Vertical tabs with underline and icon before name","s":"coss","c":"navigation/tabs","hc":1},{"id":"coss:p-tabs-12","t":"P tabs #12","d":"Tabs with icon only and count badge","s":"coss","c":"navigation/tabs","hc":1},{"id":"coss:p-tabs-13","t":"P tabs #13","d":"Tabs with icon only and grouped tooltips","s":"coss","c":"navigation/tabs","hc":1},{"id":"coss:p-tabs-14","t":"P tabs #14","d":"Small segmented control built with tabs","s":"coss","c":"navigation/tabs","hc":1},{"id":"coss:p-tabs-15","t":"P tabs #15","d":"Large segmented control built with tabs","s":"coss","c":"navigation/tabs","hc":1},{"id":"coss:p-textarea-1","t":"P textarea #1","d":"Basic textarea","s":"coss","c":"inputs/textarea","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"coss:p-textarea-2","t":"P textarea #2","d":"Small textarea","s":"coss","c":"inputs/textarea","hc":1},{"id":"coss:p-textarea-3","t":"P textarea #3","d":"Large textarea","s":"coss","c":"inputs/textarea","hc":1},{"id":"coss:p-textarea-4","t":"P textarea #4","d":"Disabled textarea","s":"coss","c":"inputs/textarea","hc":1},{"id":"coss:p-textarea-5","t":"P textarea #5","d":"Textarea with label","s":"coss","c":"inputs/textarea","hc":1,"cp":1},{"id":"coss:p-textarea-6","t":"P textarea #6","d":"Textarea in form","s":"coss","c":"inputs/textarea","hc":1,"cp":1},{"id":"coss:p-textarea-7","t":"P textarea #7","d":"Textarea with label and required indicator","s":"coss","c":"inputs/textarea","hc":1},{"id":"coss:p-textarea-8","t":"P textarea #8","d":"Textarea with optional label","s":"coss","c":"inputs/textarea","hc":1},{"id":"coss:p-textarea-9","t":"P textarea #9","d":"Textarea with custom border and background","s":"coss","c":"inputs/textarea","hc":1},{"id":"coss:p-textarea-10","t":"P textarea #10","d":"Read-only textarea","s":"coss","c":"inputs/textarea","hc":1},{"id":"coss:p-textarea-11","t":"P textarea #11","d":"Textarea with characters remaining counter","s":"coss","c":"inputs/textarea","hc":1},{"id":"coss:p-textarea-12","t":"P textarea #12","d":"Textarea field with required indicator","s":"coss","c":"inputs/textarea","hc":1},{"id":"coss:p-textarea-13","t":"P textarea #13","d":"Shorter textarea with fixed height","s":"coss","c":"inputs/textarea","hc":1},{"id":"coss:p-textarea-14","t":"P textarea #14","d":"Textarea with button aligned right","s":"coss","c":"inputs/textarea","hc":1},{"id":"coss:p-textarea-15","t":"P textarea #15","d":"Textarea with button aligned left","s":"coss","c":"inputs/textarea","hc":1},{"id":"coss:p-toast-1","t":"P toast #1","d":"Default stacked toast with title and description","s":"coss","c":"overlays/toast","hc":1,"cp":1},{"id":"coss:p-toast-2","t":"P toast #2","d":"Stacked toasts by semantic type (success, error, info, warning)","s":"coss","c":"overlays/toast","hc":1,"cp":1},{"id":"coss:p-toast-3","t":"P toast #3","d":"Loading-state stacked toast","s":"coss","c":"overlays/toast","hc":1,"cp":1},{"id":"coss:p-toast-4","t":"P toast #4","d":"Stacked toast with primary action (undo)","s":"coss","c":"overlays/toast","hc":1,"cp":1},{"id":"coss:p-toast-5","t":"P toast #5","d":"Promise-based stacked toast","s":"coss","c":"overlays/toast","hc":1,"cp":1},{"id":"coss:p-toast-6","t":"P toast #6","d":"Stacked toasts with varying content height","s":"coss","c":"overlays/toast","hc":1,"cp":1},{"id":"coss:p-toast-7","t":"P toast #7","d":"Anchored tooltip-style toast after copy","s":"coss","c":"overlays/toast","hc":1},{"id":"coss:p-toast-8","t":"P toast #8","d":"Anchored error toast after async failure","s":"coss","c":"overlays/toast","hc":1,"cp":1},{"id":"coss:p-toast-9","t":"P toast #9","d":"Long-running promise toast with cancel","s":"coss","c":"overlays/toast","hc":1},{"id":"coss:p-toast-10","t":"P toast #10","d":"Deduplicated success toast","s":"coss","c":"overlays/toast","hc":1},{"id":"coss:p-toast-11","t":"P toast #11","d":"Deduplicated error toast","s":"coss","c":"overlays/toast","hc":1},{"id":"coss:p-toast-12","t":"P toast #12","d":"Anchored deduplicated success toast","s":"coss","c":"overlays/toast","hc":1},{"id":"coss:p-toast-13","t":"P toast #13","d":"Anchored deduplicated error toast","s":"coss","c":"overlays/toast","hc":1},{"id":"coss:p-toggle-group-1","t":"P toggle group #1","d":"Basic toggle group","s":"coss","c":"actions/switch","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-toggle-group-2","t":"P toggle group #2","d":"Small toggle group","s":"coss","c":"actions/switch","hc":1},{"id":"coss:p-toggle-group-3","t":"P toggle group #3","d":"Large toggle group","s":"coss","c":"actions/switch","hc":1},{"id":"coss:p-toggle-group-4","t":"P toggle group #4","d":"Toggle group with outline","s":"coss","c":"actions/switch","hc":1,"cp":1},{"id":"coss:p-toggle-group-5","t":"P toggle group #5","d":"Vertical toggle group with outline","s":"coss","c":"actions/switch","hc":1,"cp":1},{"id":"coss:p-toggle-group-6","t":"P toggle group #6","d":"Disabled toggle group","s":"coss","c":"actions/switch","hc":1},{"id":"coss:p-toggle-group-7","t":"P toggle group #7","d":"Toggle group with disabled item","s":"coss","c":"actions/switch","hc":1},{"id":"coss:p-toggle-group-8","t":"P toggle group #8","d":"Multiple selection toggle group","s":"coss","c":"actions/switch","hc":1,"cp":1},{"id":"coss:p-toggle-group-9","t":"P toggle group #9","d":"Toggle group with tooltips","s":"coss","c":"actions/switch","hc":1,"cp":1},{"id":"coss:p-toggle-1","t":"P toggle #1","d":"Basic toggle","s":"coss","c":"actions/switch","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"coss:p-toggle-2","t":"P toggle #2","d":"Toggle with outline","s":"coss","c":"actions/switch","hc":1},{"id":"coss:p-toggle-3","t":"P toggle #3","d":"Toggle with icon","s":"coss","c":"actions/switch","hc":1},{"id":"coss:p-toggle-4","t":"P toggle #4","d":"Small toggle","s":"coss","c":"actions/switch","hc":1},{"id":"coss:p-toggle-5","t":"P toggle #5","d":"Large toggle","s":"coss","c":"actions/switch","hc":1},{"id":"coss:p-toggle-6","t":"P toggle #6","d":"Disabled toggle","s":"coss","c":"actions/switch","hc":1},{"id":"coss:p-toggle-7","t":"P toggle #7","d":"Toggle icon group","s":"coss","c":"actions/switch","hc":1},{"id":"coss:p-toggle-8","t":"P toggle #8","d":"Bookmark toggle with tooltip and success toast","s":"coss","c":"actions/switch","hc":1},{"id":"coss:p-toolbar-1","t":"P toolbar #1","d":"Toolbar with toggles, buttons, and select","s":"coss","c":"navigation/menu","sb":"Menubars","hc":1,"cp":1},{"id":"coss:p-tooltip-1","t":"P tooltip #1","d":"Basic tooltip","s":"coss","c":"overlays/tooltip","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"coss:p-tooltip-2","t":"P tooltip #2","d":"Grouped tooltips","s":"coss","c":"overlays/tooltip","hc":1,"cp":1},{"id":"coss:p-tooltip-3","t":"P tooltip #3","d":"Toggle group animated tooltip","s":"coss","c":"overlays/tooltip","hc":1,"cp":1},{"id":"coss:p-tooltip-4","t":"P tooltip #4","d":"Vertical group with animated tooltip","s":"coss","c":"overlays/tooltip","hc":1},{"id":"coss:style","t":"Style","d":"Complete coss theme: colors, sidebar, fonts, and base styles. Use with `npx shadcn init @c","k":"theme","s":"coss","c":"themes/style"},{"id":"coss:colors-neutral","t":"Colors neutral","k":"theme","s":"coss","c":"themes/style"},{"id":"coss:fonts","t":"Fonts","k":"resource","s":"coss","c":"assets/font"},{"id":"coss:font-sans","t":"Font sans","k":"resource","s":"coss","c":"assets/font"},{"id":"coss:font-heading","t":"Font heading","k":"resource","s":"coss","c":"assets/font"},{"id":"coss:font-mono","t":"Font mono","k":"resource","s":"coss","c":"assets/font"},{"id":"coss:segmented-control","t":"Segmented control","k":"lib","s":"coss","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"coss:utils","t":"Utils","k":"lib","s":"coss","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"coss:use-render","t":"Use render","k":"lib","s":"coss","c":"lib/utility","hc":1},{"id":"coss:merge-props","t":"Merge props","k":"lib","s":"coss","c":"lib/utility","hc":1},{"id":"coss:csp-provider","t":"Csp provider","k":"lib","s":"coss","c":"lib/utility","sb":"State","hc":1},{"id":"coss:direction-provider","t":"Direction provider","k":"lib","s":"coss","c":"lib/utility","sb":"State","hc":1},{"id":"coss:use-media-query","t":"Use media query","k":"lib","s":"coss","c":"lib/hook","hc":1,"cp":1},{"id":"coss:use-copy-to-clipboard","t":"Use copy to clipboard","k":"lib","s":"coss","c":"lib/hook","hc":1,"cp":1},{"id":"crafterui:arrow-tooltip","t":"Arrow Tooltip","d":"A tooltip with a fully outlined border arrow that stays seamlessly connected to the panel ","s":"crafterui","c":"overlays/tooltip","hc":1},{"id":"crafterui:dynamic-island","t":"Dynamic Island","d":"An Apple-style Dynamic Island that morphs between idle, ring, silent, and timer states wit","s":"crafterui","c":"data-display/stat","hc":1},{"id":"crafterui:countdown-timer","t":"Countdown Timer","d":"A full-screen countdown with fluid rolling digits, play/pause and reset controls, and auto","k":"motion","s":"crafterui","c":"motion/number-ticker","hc":1},{"id":"crafterui:super-hover","t":"Super Hover","d":"Headless cursor hit-testing engine: tracks which element is under the pointer frame-by-fra","s":"crafterui","c":"data-display/list","vn":1,"hc":1},{"id":"crafterui:username-reel","t":"Username Reel","d":"A slot-machine handle picker that spins a vertical reel of names past a fixed prefix, high","s":"crafterui","c":"inputs/select","hc":1},{"id":"crafterui:handwritten-response","t":"Handwritten Response","d":"An AI answer written out in marker pen: Caveat handwriting, a highlighter swipe, a hand-dr","s":"crafterui","c":"ai-agent/ai-agent","tg":["playful"],"sy":["playful"],"hc":1},{"id":"crafterui:letter-reveal","t":"Letter Reveal","d":"Headline type that writes itself in on scroll, one letter at a time, with a synthesised ti","k":"motion","s":"crafterui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"crafterui:hero-carousel","t":"Hero Carousel","d":"A full-bleed editorial hero driven by a filmstrip: cards share one top edge, the focused c","s":"crafterui","c":"media/carousel","hc":1},{"id":"crafterui:works-wheel","t":"Works Wheel","d":"A portfolio index that rests as a ring of cards around a title and, on the first notch of ","s":"crafterui","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"crafterui:glass-lens-carousel","t":"Glass Lens Carousel","d":"A looping image strip that is never drawn straight to screen: it renders to an offscreen t","s":"crafterui","c":"media/carousel","tg":["glass"],"sy":["glass"],"hc":1},{"id":"crafterui:dither-helix-carousel","t":"Dither Helix Carousel","d":"A spiral column of cards, each mapped onto the surface of the cylinder it orbits so its ou","s":"crafterui","c":"media/carousel","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"crafterui:molten-ring-carousel","t":"Molten Ring Carousel","d":"A carousel with no mesh and no image elements: every card is a rounded-box distance field,","s":"crafterui","c":"media/carousel","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"crafterui:corridor-carousel","t":"Corridor Carousel","d":"A gallery you fly down instead of scroll through: four walls - left, right, ceiling and fl","s":"crafterui","c":"media/carousel","tg":["3d"],"sy":["3d"],"hc":1},{"id":"crafterui:spine-accordion","t":"Spine Accordion","d":"A shelf of work you open one piece at a time. Closed, every project is a hairline spine wi","s":"crafterui","c":"data-display/accordion","hc":1},{"id":"crafterui:mercury-surface","t":"Mercury Surface","d":"Headless gooey-surface engine: an SVG metaball filter whose border never swells, because e","s":"crafterui","c":"other/other","hc":1},{"id":"crafterui:mercury-dial","t":"Mercury Dial","d":"A speed dial that bursts into droplets. The trigger swells while the drops gather inside i","s":"crafterui","c":"inputs/slider","hc":1},{"id":"crafterui:mercury-menu","t":"Mercury Menu","d":"A dropdown the button pours out of itself. The trigger swells, the panel oozes up under it","s":"crafterui","c":"navigation/menu","hc":1},{"id":"craftui:craftui-base","t":"CraftUI Base","d":"Core dependencies for CraftUI — framer-motion and motion.","k":"lib","s":"craftui","c":"lib/utility","tg":["animated"],"sb":"Motion helpers","sy":["animated"],"vn":133},{"id":"craftui:trash-shake","t":"Trash Icon   Lid Lift","d":"Lid lifts and bounces during delete operation","k":"resource","s":"craftui","c":"assets/icon","sb":"Animated","hc":1},{"id":"craftui:trash-bounce","t":"Trash Icon   Fill & Crush","d":"Lines fill up and trash compresses during delete operation","k":"resource","s":"craftui","c":"assets/icon","sb":"Animated","hc":1},{"id":"craftui:trash-dissolve","t":"Trash Icon   Dissolve Up","d":"Paths dissolve upward sequentially like smoke during delete operation","k":"resource","s":"craftui","c":"assets/icon","sb":"Animated"},{"id":"craftui:refresh-stroke","t":"Refresh Icon   Stroke Drawing","d":"Circular stroke drawing effect","k":"resource","s":"craftui","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"craftui:refresh-dash","t":"Refresh Icon   Traveling Dash","d":"Dashed segments travel along the path","k":"resource","s":"craftui","c":"assets/icon","hc":1},{"id":"craftui:msg-glass-typing","t":"Messages Icon   Typing Indicator","d":"Front bubble bounces gently up and down to indicate someone is typing. Perfect for real-ti","k":"motion","s":"craftui","c":"motion/text-effect","tg":["glass"],"sb":"Typewriter","sy":["glass"],"hc":1},{"id":"craftui:msg-glass-wiggle","t":"Messages Icon   Wiggle","d":"Entire icon rotates gently (±5°) on hover. Great for unread message indicators or clickabl","k":"resource","s":"craftui","c":"assets/icon","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"craftui:msg-glass-slideIn","t":"Messages Icon   Slide In","d":"Bubbles slide in from opposite sides with spring bounce. Perfect for chat interface loadin","k":"resource","s":"craftui","c":"assets/icon","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"craftui:mail-notification","t":"Mail Icon   Notification Badge","d":"Icon bounces and shows glowing ping indicator when new mail arrives","s":"craftui","c":"overlays/notifications","tg":["neon"],"sy":["neon"],"hc":1},{"id":"craftui:lock-glass-unlock","t":"Lock Icon   Unlock","d":"For premium content unlock or access granted states - shackle lifts upward and rotates 90°","k":"resource","s":"craftui","c":"assets/icon","tg":["3d","glass"],"sb":"Animated","sy":["3d","glass"],"hc":1},{"id":"craftui:layout-swap","t":"Layout Dashboard Icon   Swap","d":"On hover, the filled boxes physically morph and travel to take the position and shape of t","k":"resource","s":"craftui","c":"assets/icon","sb":"Animated","hc":1},{"id":"craftui:home-draw","t":"Home Icon   Sketch Reveal","d":"Stroke animation draws the house from foundation to roof during loading","k":"resource","s":"craftui","c":"assets/icon","tg":["playful"],"sb":"Animated","sy":["playful"],"hc":1},{"id":"craftui:calendar-page-flip","t":"Calendar Icon   Page Flip","d":"Calendar body rotates in 3D along the top edge like flipping a physical calendar page. Hea","s":"craftui","c":"data-display/calendar","tg":["3d"],"sy":["3d"],"hc":1},{"id":"craftui:calendar-picker-open","t":"Calendar Icon   Picker Open","d":"Calendar body splits and opens like a book on hover. Left half slides left, right half sli","s":"craftui","c":"inputs/select","hc":1},{"id":"craftui:calendar-slide-month","t":"Calendar Icon   Slide Month Change","d":"Date dots slide out to the left and new dots slide in from the right when month changes. C","s":"craftui","c":"data-display/calendar","hc":1},{"id":"craftui:alarm-clock-tick","t":"Alarm Icon   Tick","d":"The clock hand sweeps a full clockwise rotation on click, like dialing an alarm to confirm","k":"resource","s":"craftui","c":"assets/icon","sb":"Animated","hc":1},{"id":"craftui:bars-scale-01-scale","t":"Bars Scale   Bars Scale","d":"Three vertical bars scaling up and down with sequential animation","k":"motion","s":"craftui","c":"motion/shader","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"craftui:bars-fade-01-fade","t":"Bars Fade   Bars Fade","d":"Three vertical bars with smooth fade animation","k":"motion","s":"craftui","c":"motion/shader","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"craftui:profile-card-navbar","t":"Profile Card   Navbar","d":"Small avatar in a phone frame expands via layoutId into a floating profile card with stagg","s":"craftui","c":"navigation/top-nav","hc":1},{"id":"craftui:subitem-navbar-subitem-navbar","t":"SubItem Navbar   SubItem Navbar","d":"Tabs expand a panel above the bar via a spring-driven height animation. Panels are either ","s":"craftui","c":"navigation/top-nav","hc":1},{"id":"craftui:frosted-navbar-frosted-navbar","t":"Frosted Navbar   Frosted Navbar","d":"No hardcoded height or width: the bar sizes to its content and its parent's width, so it d","s":"craftui","c":"navigation/top-nav","tg":["glass","minimal"],"sy":["glass","minimal"],"hc":1},{"id":"craftui:category-ticker-vertical-marquee","t":"Vertical Marquee   Vertical Marquee","d":"Auto-scrolling vertical word ticker with kinetic typography. A fixed arrow pointer highlig","k":"motion","s":"craftui","c":"motion/marquee","hc":1},{"id":"craftui:otp-input-ripple","t":"OTP Input   Ripple","d":"Each box wears an SVG outline that behaves like a liquid surface — typing nudges it, movin","k":"motion","s":"craftui","c":"motion/background","tg":["playful"],"sb":"Waves and warps","sy":["playful"],"hc":1},{"id":"craftui:alert-dialog-scale","t":"Alert Dialog   Scale","s":"craftui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"craftui:alert-dialog-blur","t":"Alert Dialog   Blur","s":"craftui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"craftui:alert-dialog-slam","t":"Alert Dialog   Slam","s":"craftui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"craftui:alert-dialog-ios","t":"Alert Dialog   iOS","s":"craftui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"craftui:alert-dialog-terminal","t":"Alert Dialog   Terminal","s":"craftui","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"craftui:alert-dialog-curtain","t":"Alert Dialog   Curtain","s":"craftui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"craftui:alert-dialog-reactive","t":"Alert Dialog   Reactive","s":"craftui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"craftui:button-whimsical","t":"Button   Whimsical","d":"On hover or focus, five color-shifted sparkle particles launch along the button's border v","s":"craftui","c":"actions/button","sb":"Animated","hc":1},{"id":"craftui:button-confetti","t":"Button   Confetti Burst","d":"On click, a burst of color-varied confetti pieces launches from the button center — each w","s":"craftui","c":"actions/button","sb":"Animated","hc":1},{"id":"craftui:button-scramble","t":"Button   Scramble Text","d":"On hover or focus, the label's characters cycle rapidly through random glyphs before locki","s":"craftui","c":"actions/button","sb":"Animated","hc":1},{"id":"craftui:accordion-clip","t":"Accordion   Clip","d":"Two-layer card reveal — the question clips away via clip-path in the chosen direction, exp","s":"craftui","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"craftui:accordion-drawer","t":"Accordion   Drawer","d":"Each trigger lifts with a 3D spring when open, and the content slides up from behind it. S","s":"craftui","c":"overlays/sheet","tg":["3d"],"sy":["3d"],"hc":1},{"id":"craftui:accordion-ease","t":"Accordion   Ease","d":"Content panel opens and closes with a cubic-bezier easing curve. Use the DialKit easing ed","s":"craftui","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"cubby-ui:accordion","t":"Accordion","d":"A accordion component.","s":"cubby-ui","c":"data-display/accordion","hc":1},{"id":"cubby-ui:alert","t":"Alert","d":"A alert component.","s":"cubby-ui","c":"overlays/alert-banner","hc":1},{"id":"cubby-ui:alert-dialog","t":"Alert dialog","d":"A alert-dialog component.","s":"cubby-ui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"cubby-ui:all","t":"All Components","d":"Install all Cubby UI components with a single command.","k":"section","s":"cubby-ui","c":"marketing/marketing"},{"id":"cubby-ui:aspect-ratio","t":"Aspect ratio","d":"A aspect-ratio component.","k":"layout","s":"cubby-ui","c":"layout/page-shell","hc":1},{"id":"cubby-ui:autocomplete","t":"Autocomplete","d":"A autocomplete component.","s":"cubby-ui","c":"inputs/combobox","hc":1},{"id":"cubby-ui:avatar","t":"Avatar","d":"A avatar component.","s":"cubby-ui","c":"data-display/avatar","hc":1},{"id":"cubby-ui:badge","t":"Badge","d":"A badge component.","s":"cubby-ui","c":"data-display/badge","hc":1},{"id":"cubby-ui:base-drawer","t":"Base Drawer","d":"A base-drawer component.","s":"cubby-ui","c":"overlays/sheet","hc":1},{"id":"cubby-ui:breadcrumbs","t":"Breadcrumbs","d":"A breadcrumbs component.","s":"cubby-ui","c":"navigation/breadcrumb","hc":1},{"id":"cubby-ui:button","t":"Button","d":"A simple button component.","s":"cubby-ui","c":"actions/button","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"cubby-ui:button-group","t":"Button Group","d":"A button-group component.","s":"cubby-ui","c":"actions/button","sb":"Groups and split","hc":1},{"id":"cubby-ui:calendar","t":"Calendar","d":"A calendar component.","s":"cubby-ui","c":"data-display/calendar","hc":1},{"id":"cubby-ui:card","t":"Card","d":"A card component.","s":"cubby-ui","c":"data-display/card","sb":"Profile","vn":1,"hc":1},{"id":"cubby-ui:carousel","t":"Carousel","d":"A carousel component.","s":"cubby-ui","c":"media/carousel","hc":1},{"id":"cubby-ui:checkbox","t":"Checkbox","d":"A checkbox component.","s":"cubby-ui","c":"inputs/checkbox","hc":1},{"id":"cubby-ui:checkbox-group","t":"Checkbox group","d":"A checkbox-group component.","s":"cubby-ui","c":"inputs/checkbox","hc":1},{"id":"cubby-ui:circular-slider","t":"Circular Slider","d":"A circular-slider component.","s":"cubby-ui","c":"inputs/slider","hc":1},{"id":"cubby-ui:code-block","t":"Code block","d":"A code-block component.","s":"cubby-ui","c":"data-display/code-block","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"cubby-ui:collapsible","t":"Collapsible","d":"A collapsible component.","s":"cubby-ui","c":"data-display/accordion","hc":1},{"id":"cubby-ui:combobox","t":"Combobox","d":"A combobox component.","s":"cubby-ui","c":"inputs/combobox","hc":1},{"id":"cubby-ui:command","t":"Command","d":"A command component.","s":"cubby-ui","c":"navigation/command-palette","hc":1},{"id":"cubby-ui:context-menu","t":"Context menu","d":"A context-menu component.","s":"cubby-ui","c":"overlays/context-menu","hc":1},{"id":"cubby-ui:copy-button","t":"Copy Button","d":"A copy-button component.","s":"cubby-ui","c":"actions/copy-button","hc":1},{"id":"cubby-ui:data-table","t":"Data Table","d":"A data-table component.","s":"cubby-ui","c":"data-display/table","sb":"Data tables","hc":1},{"id":"cubby-ui:date-picker","t":"Date picker","d":"A date-picker component.","s":"cubby-ui","c":"inputs/date-picker","hc":1},{"id":"cubby-ui:date-range-picker","t":"Date range picker","d":"A date-range-picker component.","s":"cubby-ui","c":"inputs/date-range","hc":1},{"id":"cubby-ui:date-utils","t":"dateUtils","d":"A utility function for date utils.","k":"lib","s":"cubby-ui","c":"lib/utility","tg":["playful"],"sb":"Class helpers","sy":["playful"],"hc":1},{"id":"cubby-ui:dialog","t":"Dialog","d":"A dialog component.","s":"cubby-ui","c":"overlays/dialog","hc":1},{"id":"cubby-ui:drawer","t":"Drawer","d":"A drawer component.","s":"cubby-ui","c":"overlays/sheet","hc":1},{"id":"cubby-ui:dropdown-menu","t":"Dropdown menu","d":"A dropdown-menu component.","s":"cubby-ui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"cubby-ui:elevated","t":"Elevated","d":"A utility function for elevated.","k":"lib","s":"cubby-ui","c":"lib/utility","tg":["playful"],"sy":["playful"],"hc":1},{"id":"cubby-ui:fancy-button","t":"Fancy Button","d":"A fancy-button component.","s":"cubby-ui","c":"actions/button","hc":1},{"id":"cubby-ui:field","t":"Field","d":"A field component.","s":"cubby-ui","c":"inputs/form-field","hc":1},{"id":"cubby-ui:fieldset","t":"Fieldset","d":"A fieldset component.","s":"cubby-ui","c":"inputs/form-field","hc":1},{"id":"cubby-ui:filters","t":"Filters","d":"A filter bar of sentence-like chips with per-field operators and a two-step add menu.","s":"cubby-ui","c":"navigation/menu","hc":1},{"id":"cubby-ui:form","t":"Form","d":"A form component.","s":"cubby-ui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"cubby-ui:highlight-text","t":"highlightText","d":"A utility function for highlight text.","k":"lib","s":"cubby-ui","c":"lib/utility","tg":["playful"],"sy":["playful"],"hc":1},{"id":"cubby-ui:input","t":"Input","d":"A input component.","s":"cubby-ui","c":"inputs/form-field","vn":1,"hc":1},{"id":"cubby-ui:kbd","t":"Kbd","d":"A kbd component.","s":"cubby-ui","c":"data-display/typography","hc":1},{"id":"cubby-ui:label","t":"Label","d":"A label component.","s":"cubby-ui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"cubby-ui:marching-border","t":"Marching Border","d":"A marching-border component.","s":"cubby-ui","c":"other/other","hc":1},{"id":"cubby-ui:menubar","t":"Menubar","d":"A menubar component.","s":"cubby-ui","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"cubby-ui:meter","t":"Meter","d":"A meter component.","s":"cubby-ui","c":"data-viz/gauge","hc":1},{"id":"cubby-ui:navigation-menu","t":"Navigation menu","d":"A navigation-menu component.","s":"cubby-ui","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"cubby-ui:number-field","t":"Number Field","d":"A number-field component.","s":"cubby-ui","c":"inputs/number-input","hc":1},{"id":"cubby-ui:otp-field","t":"Otp Field","d":"A otp-field component.","s":"cubby-ui","c":"inputs/otp-input","hc":1},{"id":"cubby-ui:pagination","t":"Pagination","d":"A pagination component.","s":"cubby-ui","c":"navigation/pagination","hc":1},{"id":"cubby-ui:parse-date","t":"parseDate","d":"A utility function for parse date.","k":"lib","s":"cubby-ui","c":"lib/utility","tg":["playful"],"sb":"Formatting","sy":["playful"],"hc":1},{"id":"cubby-ui:popover","t":"Popover","d":"A popover component.","s":"cubby-ui","c":"overlays/popover","hc":1},{"id":"cubby-ui:progress","t":"Progress","d":"A progress component.","s":"cubby-ui","c":"data-viz/progress-bar","hc":1},{"id":"cubby-ui:qr-code","t":"QR Code","d":"A from-scratch, zero-dependency QR code generator rendered as pure scalable SVG.","s":"cubby-ui","c":"other/other","hc":1},{"id":"cubby-ui:radio-group","t":"Radio group","d":"A radio-group component.","s":"cubby-ui","c":"inputs/radio","hc":1},{"id":"cubby-ui:resizable","t":"Resizable","d":"A resizable component.","k":"layout","s":"cubby-ui","c":"layout/split-pane","hc":1},{"id":"cubby-ui:scroll-area","t":"Scroll area","d":"A scroll-area component.","k":"layout","s":"cubby-ui","c":"layout/scroll-area","hc":1},{"id":"cubby-ui:scroll-fade","t":"Scroll Fade","d":"A CSS utility that fades the edges of any scroll container as you scroll, with no componen","k":"layout","s":"cubby-ui","c":"layout/scroll-area","fw":"CSS","hc":1},{"id":"cubby-ui:select","t":"Select","d":"A select component.","s":"cubby-ui","c":"inputs/select","hc":1},{"id":"cubby-ui:separator","t":"Separator","d":"A separator component.","k":"layout","s":"cubby-ui","c":"layout/page-shell","hc":1},{"id":"cubby-ui:sheet","t":"Sheet","d":"A sheet component.","s":"cubby-ui","c":"overlays/sheet","hc":1},{"id":"cubby-ui:shimmer","t":"Shimmer","d":"A CSS utility that sweeps an animated highlight across text for live status and streaming ","k":"motion","s":"cubby-ui","c":"motion/text-effect","sb":"Gradient and shimmer","fw":"CSS","hc":1},{"id":"cubby-ui:skeleton","t":"Skeleton","d":"A skeleton component.","s":"cubby-ui","c":"status/skeleton","hc":1},{"id":"cubby-ui:slider","t":"Slider","d":"A slider component.","s":"cubby-ui","c":"inputs/slider","hc":1},{"id":"cubby-ui:style","t":"Cubby UI Theme","d":"Initialize your project with Cubby UI's theme system including OKLCH colors and CSS variab","k":"theme","s":"cubby-ui","c":"themes/style"},{"id":"cubby-ui:switch","t":"Switch","d":"A switch component.","s":"cubby-ui","c":"actions/switch","hc":1},{"id":"cubby-ui:table","t":"Table","d":"A table component.","s":"cubby-ui","c":"data-display/table","hc":1},{"id":"cubby-ui:tabs","t":"Tabs","d":"A tabs component.","s":"cubby-ui","c":"navigation/tabs","hc":1},{"id":"cubby-ui:text-morph","t":"Text Morph","d":"Animates a label from one value to the next, glyph by glyph.","k":"motion","s":"cubby-ui","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"cubby-ui:textarea","t":"Textarea","d":"A textarea component.","s":"cubby-ui","c":"inputs/textarea","hc":1},{"id":"cubby-ui:timeline","t":"Timeline","d":"A timeline component.","s":"cubby-ui","c":"data-display/timeline","hc":1},{"id":"cubby-ui:toast","t":"Toast","d":"A toast component.","s":"cubby-ui","c":"overlays/toast","hc":1},{"id":"cubby-ui:toggle","t":"Toggle","d":"A toggle component.","s":"cubby-ui","c":"actions/switch","vn":1,"hc":1},{"id":"cubby-ui:toolbar","t":"Toolbar","d":"A toolbar component.","s":"cubby-ui","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"cubby-ui:tooltip","t":"Tooltip","d":"A tooltip component.","s":"cubby-ui","c":"overlays/tooltip","hc":1},{"id":"cubby-ui:transition-panel","t":"Transition Panel","d":"A transition-panel component.","s":"cubby-ui","c":"data-display/card","hc":1},{"id":"cubby-ui:tree","t":"Tree","d":"A tree component.","s":"cubby-ui","c":"data-display/tree","hc":1},{"id":"cubby-ui:use-animated-height","t":"useAnimatedHeight","d":"A custom React hook for animated height.","k":"lib","s":"cubby-ui","c":"lib/hook","hc":1},{"id":"cubby-ui:use-controllable-state","t":"useControllableState","d":"A custom React hook for controllable state.","k":"lib","s":"cubby-ui","c":"lib/hook","hc":1},{"id":"cubby-ui:use-fuzzy-filter","t":"useFuzzyFilter","d":"A custom React hook for fuzzy filter.","k":"lib","s":"cubby-ui","c":"lib/hook","hc":1},{"id":"cubby-ui:use-list-virtualizer","t":"useListVirtualizer","d":"A custom React hook for list virtualizer.","k":"lib","s":"cubby-ui","c":"lib/hook","hc":1},{"id":"cult-ui:text-animate","t":"Text animate","d":"Animated text component with customizable reveal effects and timing","k":"motion","s":"cult-ui","c":"motion/text-effect","vn":1,"hc":1},{"id":"cult-ui:cosmic-button","t":"Cosmic button","d":"Animated button/link with cosmic gradient border effect, renders as anchor or button","s":"cult-ui","c":"actions/button","tg":["gradient"],"sy":["gradient"],"vn":1,"hc":1},{"id":"cult-ui:texture-button","t":"Texture button","d":"Button component with texture overlay effects and customizable variants","s":"cult-ui","c":"actions/button","vn":1,"hc":1},{"id":"cult-ui:texture-card","t":"Texture card","d":"Card component with texture background and customizable styling options","s":"cult-ui","c":"data-display/card","vn":1,"hc":1},{"id":"cult-ui:timer","t":"Timer","d":"Countdown timer component with customizable duration and visual styles","k":"motion","s":"cult-ui","c":"motion/number-ticker","vn":1,"hc":1},{"id":"cult-ui:shift-card","t":"Shift card","d":"Card component with shift animation effects and hover interactions","s":"cult-ui","c":"data-display/card","vn":1,"hc":1},{"id":"cult-ui:minimal-card","t":"Minimal card","d":"Clean and minimal card component with subtle styling and hover effects","s":"cult-ui","c":"data-display/card","tg":["minimal"],"sy":["minimal"],"vn":1,"hc":1},{"id":"cult-ui:cutout-card","t":"Cutout card","d":"Image card with cutout corners, hover motion, inset labels, pins, and reveal actions","s":"cult-ui","c":"data-display/card","sb":"Metric","vn":1,"hc":1},{"id":"cult-ui:dynamic-island","t":"Dynamic island","d":"iOS-style dynamic island component with expandable content and smooth animations","s":"cult-ui","c":"data-display/accordion","sb":"Animated","vn":1,"hc":1},{"id":"cult-ui:direction-aware-tabs","t":"Direction aware tabs","d":"Tab component with direction-aware animations and smooth transitions","s":"cult-ui","c":"navigation/tabs","vn":1,"hc":1},{"id":"cult-ui:bg-animate-button","t":"Bg animate button","d":"Button component with animated background effects and gradient transitions","s":"cult-ui","c":"actions/button","tg":["gradient"],"sy":["gradient"],"vn":1,"hc":1},{"id":"cult-ui:border-beam-button","t":"Border beam button","d":"Shadcn Button wrapped in Border Beam: animated border glow with compact icon and text vari","s":"cult-ui","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"],"vn":1,"hc":1},{"id":"cult-ui:family-button","t":"Family button","d":"Button component with family-style design and interactive hover effects","s":"cult-ui","c":"actions/button","sb":"Animated","vn":1,"hc":1},{"id":"cult-ui:side-panel","t":"Side panel","d":"Sliding side panel component with customizable positioning and animations","s":"cult-ui","c":"overlays/sheet","vn":1,"hc":1},{"id":"cult-ui:bg-media","t":"Bg media","d":"Background media component with video/image support and overlay effects","k":"motion","s":"cult-ui","c":"motion/background","vn":1,"hc":1},{"id":"cult-ui:three-d-carousel","t":"Three d carousel","d":"3D carousel component with perspective effects and smooth item transitions","s":"cult-ui","c":"media/carousel","tg":["3d","webgl"],"sy":["3d","webgl"],"vn":1,"hc":1},{"id":"cult-ui:tweet-grid","t":"Tweet grid","d":"Grid layout component for displaying tweet-like content cards","s":"cult-ui","c":"data-display/card","sb":"Profile","vn":1,"hc":1},{"id":"cult-ui:gradient-heading","t":"Gradient heading","d":"Heading component with gradient text effects and customizable styling","k":"motion","s":"cult-ui","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"vn":1,"hc":1},{"id":"cult-ui:typewriter","t":"Typewriter","d":"Typewriter effect component with customizable typing speed and cursor animation","k":"motion","s":"cult-ui","c":"motion/text-effect","sb":"Typewriter","vn":1,"hc":1},{"id":"cult-ui:rolling-number","t":"Rolling number","d":"Number component with smooth counting animations and customizable formatting","s":"cult-ui","c":"inputs/form-field","vn":1,"hc":1},{"id":"cult-ui:sortable-list","t":"Sortable list","d":"Drag-and-drop sortable list component with smooth animations and reordering","s":"cult-ui","c":"data-display/list","sb":"Sortable","vn":1,"hc":1},{"id":"cult-ui:dock","t":"Dock","d":"macOS-style dock component with hover effects and smooth animations","s":"cult-ui","c":"navigation/dock","vn":1,"hc":1},{"id":"cult-ui:lightboard","t":"Lightboard","d":"Interactive lightboard component with customizable grid and lighting effects","s":"cult-ui","c":"other/other","vn":1,"hc":1},{"id":"cult-ui:canvas-fractal-grid","t":"Canvas fractal grid","d":"Interactive canvas-based fractal dot grid with mouse tracking and wave effects","k":"motion","s":"cult-ui","c":"motion/background","sb":"Grids and patterns","vn":1,"hc":1},{"id":"cult-ui:bg-animated-fractal-dot-grid","t":"Bg animated fractal dot grid","d":"Background animated fractal dot grid with performance optimization and responsive design","k":"motion","s":"cult-ui","c":"motion/background","sb":"Grids and patterns","vn":1,"hc":1},{"id":"cult-ui:bg-animated-gradient","t":"Bg animated gradient","d":"Animated gradient background component with customizable color transitions","k":"motion","s":"cult-ui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"vn":1,"hc":1},{"id":"cult-ui:bg-image-texture","t":"Bg image texture","d":"Background texture component with multiple texture variants and customizable opacity","s":"cult-ui","c":"media/gallery","vn":1,"hc":1},{"id":"cult-ui:popover","t":"Popover","d":"Animated popover component with form support and smooth transitions","s":"cult-ui","c":"overlays/popover","vn":1,"hc":1},{"id":"cult-ui:floating-panel","t":"Floating panel","d":"Floating panel component with backdrop blur and position-aware animations","s":"cult-ui","c":"overlays/popover","vn":1,"hc":1},{"id":"cult-ui:color-picker","t":"Color picker","d":"Interactive color picker component with HSL support and preset colors","s":"cult-ui","c":"inputs/color-picker","vn":1,"hc":1},{"id":"cult-ui:shader-lens-blur","t":"Shader lens blur","d":"WebGL shader component with lens blur effects and mouse interaction","s":"cult-ui","c":"media/gallery","tg":["webgl"],"sb":"Zoom and lens","sy":["webgl"],"vn":1,"hc":1},{"id":"cult-ui:edge-blur","t":"Edge blur","d":"Stacked backdrop-blur layers with a gradient mask for soft top or bottom screen edges","k":"motion","s":"cult-ui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"vn":1,"hc":1},{"id":"cult-ui:dither-image","t":"Dither image","d":"Compound Next.js image figure with CSS Bayer dither via dither-plugin, partial reveal over","s":"cult-ui","c":"media/gallery","vn":2,"hc":1},{"id":"cult-ui:popover-form","t":"Popover form","d":"Form popover component with success states and animated transitions","s":"cult-ui","c":"overlays/popover","vn":1,"hc":1},{"id":"cult-ui:expandable","t":"Expandable","d":"Expandable component system with smooth animations and customizable presets","s":"cult-ui","c":"data-display/accordion","sb":"Animated","vn":1,"hc":1},{"id":"cult-ui:logo-carousel","t":"Logo carousel","d":"Animated logo carousel with staggered animations and customizable columns","k":"section","s":"cult-ui","c":"marketing/logos","vn":1,"hc":1},{"id":"cult-ui:loading-carousel","t":"Loading carousel","d":"Loading carousel component with smooth transitions and customizable content","s":"cult-ui","c":"media/carousel","vn":1,"hc":1},{"id":"cult-ui:hover-video-player","t":"Hover video player","d":"Video player component that plays on hover with smooth animations","s":"cult-ui","c":"media/player","vn":1,"hc":1},{"id":"cult-ui:neumorph-eyebrow","t":"Neumorph eyebrow","d":"Neumorphic eyebrow component with soft shadow effects and modern styling","s":"cult-ui","c":"other/other","vn":1,"hc":1},{"id":"cult-ui:neumorph-button","t":"Neumorph button","d":"Neumorphic button component with soft shadows and tactile interaction effects","s":"cult-ui","c":"actions/button","sb":"Animated","vn":1,"hc":1},{"id":"cult-ui:feature-carousel","t":"Feature carousel","d":"Feature carousel component with smooth transitions and customizable layouts","s":"cult-ui","c":"media/carousel","vn":1,"hc":1},{"id":"cult-ui:choice-poll","t":"Choice poll","d":"Poll component with single or multiple selection, optional results, and keyboard navigatio","s":"cult-ui","c":"data-display/badge","vn":1,"hc":1},{"id":"cult-ui:feature-poll","t":"Feature poll","d":"Feature poll component with single or multiple selection, optional results, and keyboard n","k":"section","s":"cult-ui","c":"marketing/features","vn":1,"hc":1},{"id":"cult-ui:feature-voting","t":"Feature voting","d":"List of features with up-vote support, optional sorting by vote count, and controlled or u","k":"section","s":"cult-ui","c":"marketing/features","vn":1,"hc":1},{"id":"cult-ui:vote-tally","t":"Vote tally","d":"List of items with up-vote support, optional sorting by vote count, and controlled or unco","s":"cult-ui","c":"data-display/list","vn":1,"hc":1},{"id":"cult-ui:poll-widget","t":"Poll widget","d":"Poll widget with inline, popover, and dialog modes, optional results, and animations","s":"cult-ui","c":"data-display/card","sb":"Profile","vn":1,"hc":1},{"id":"cult-ui:prompt-library","t":"Prompt library","d":"Browse, insert, and manage prompt templates with categories and custom prompts","s":"cult-ui","c":"ai-agent/composer","vn":1,"hc":1},{"id":"cult-ui:ai-instructions","t":"Ai instructions","d":"Manage and toggle AI instructions with a popover, search, and create-dialog","s":"cult-ui","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"cult-ui:intro-disclosure","t":"Intro disclosure","d":"Intro disclosure component with expandable content and smooth animations","s":"cult-ui","c":"data-display/accordion","sb":"Animated","vn":1,"hc":1},{"id":"cult-ui:text-gif","t":"Text gif","d":"Text component with GIF-like animation effects and customizable styling","k":"motion","s":"cult-ui","c":"motion/text-effect","vn":1,"hc":1},{"id":"cult-ui:stripe-bg-guides","t":"Stripe bg guides","d":"Stripe-style background guides component with animated patterns and effects","k":"motion","s":"cult-ui","c":"motion/background","vn":1,"hc":1},{"id":"cult-ui:svg-shapes","t":"Svg shapes","d":"Wide-aspect SVG shape and panel components for backgrounds and hero decorations","k":"resource","s":"cult-ui","c":"assets/shape","vn":1,"hc":1},{"id":"cult-ui:svg-shapes-animated","t":"Svg shapes animated","d":"Scroll-triggered stroke-draw animations for wide SVG shapes and panels using Motion","k":"resource","s":"cult-ui","c":"assets/shape","vn":1,"hc":1},{"id":"cult-ui:svg-bands","t":"Svg bands","d":"Wide SVG section bands, battlement and zigzag trims, steep hero edges, and ornamental fram","k":"section","s":"cult-ui","c":"marketing/hero","vn":1,"hc":1},{"id":"cult-ui:grid-beam","t":"Grid beam","d":"Canvas grid beam animation with palette presets, SVG dividers, and composable headless pie","k":"motion","s":"cult-ui","c":"motion/background","sb":"Grids and patterns","vn":1,"hc":1},{"id":"cult-ui:youtube-video-player","t":"Youtube video player","d":"YouTube video player component with custom controls and smooth animations","s":"cult-ui","c":"media/player","vn":1,"hc":1},{"id":"cult-ui:toolbar-expandable","t":"Toolbar expandable","d":"Expandable toolbar component with step-based navigation, smooth animations, and enhanced s","s":"cult-ui","c":"data-display/accordion","sb":"Animated","vn":1,"hc":1},{"id":"cult-ui:texture-overlay","t":"Texture overlay","d":"Texture overlay component with various CSS gradient patterns for adding visual texture to ","k":"motion","s":"cult-ui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"vn":1,"hc":1},{"id":"cult-ui:squiggle-arrow","t":"Squiggle arrow","d":"A playful, hand-drawn squiggly arrow component with customizable variants, directions, and","k":"resource","s":"cult-ui","c":"assets/shape","tg":["playful"],"sy":["playful"],"vn":1,"hc":1},{"id":"cult-ui:code-block","t":"Code block","d":"A beautiful code block component with tabs, copy functionality, and smooth animations","s":"cult-ui","c":"data-display/code-block","tg":["playful"],"sy":["playful"],"vn":1,"hc":1},{"id":"cult-ui:mock-browser-window","t":"Mock browser window","d":"A customizable browser window mockup component with support for Chrome, Safari, and generi","s":"cult-ui","c":"media/mockup","vn":1,"hc":1},{"id":"cult-ui:metal-button","t":"Metal button","d":"Shadcn Button wrapped in MetalFx: animated liquid metal ring with text and icon variants","s":"cult-ui","c":"actions/button","vn":1,"hc":1},{"id":"cult-ui:morph-surface","t":"Morph surface","d":"A morphing surface component with smooth animations, customizable dimensions, and configur","k":"motion","s":"cult-ui","c":"motion/text-effect","sb":"Rotating words","vn":1,"hc":1},{"id":"cult-ui:distorted-glass","t":"Distorted glass","d":"A glass morphism effect component using SVG filters with fractal noise to create visual tr","k":"motion","s":"cult-ui","c":"motion/background","tg":["glass"],"sy":["glass"],"vn":1,"hc":1},{"id":"cult-ui:family-drawer","t":"Family drawer","d":"A multi-view drawer component with smooth animations, view navigation, and customizable co","s":"cult-ui","c":"overlays/sheet","vn":1,"hc":1},{"id":"cult-ui:expandable-screen","t":"Expandable screen","d":"A full-screen expandable component with morphing animations using shared layout IDs for sm","s":"cult-ui","c":"data-display/accordion","sb":"Animated","vn":1,"hc":1},{"id":"cult-ui:pixel-heading-character","t":"Pixel heading character","d":"Per-character pixel-font heading with four animation modes using Geist pixel fonts","k":"motion","s":"cult-ui","c":"motion/text-effect","tg":["retro and HUD"],"sy":["retro and HUD"],"vn":1,"hc":1},{"id":"cult-ui:pixel-heading-word","t":"Pixel heading word","d":"Whole-word pixel-font heading that swaps or cycles fonts on hover using Geist pixel fonts","k":"motion","s":"cult-ui","c":"motion/text-effect","tg":["retro and HUD"],"sy":["retro and HUD"],"vn":1,"hc":1},{"id":"cult-ui:pixel-paragraph-words-inverse","t":"Pixel paragraph words inverse","d":"Paragraph in pixel font where specific words escape into interactive sans/mono with hover ","k":"motion","s":"cult-ui","c":"motion/text-effect","tg":["retro and HUD"],"sb":"Rotating words","sy":["retro and HUD"],"vn":1,"hc":1},{"id":"cult-ui:pixel-paragraph-words","t":"Pixel paragraph words","d":"Paragraph where specific words render in an interactive pixel font that swaps or cycles on","k":"motion","s":"cult-ui","c":"motion/text-effect","tg":["retro and HUD"],"sb":"Rotating words","sy":["retro and HUD"],"vn":1,"hc":1},{"id":"cult-ui:onboarding","t":"Onboarding","d":"Composable multi-step onboarding primitives: Onboarding root with step navigation, Feature","s":"cult-ui","c":"navigation/wizard-steps","vn":1,"hc":1},{"id":"cult-ui:gradient-button-group","t":"Gradient button group","d":"Premium layered button group with animated active state, gradient ring accents, and theme ","s":"cult-ui","c":"actions/button","tg":["gradient"],"sb":"Groups and split","sy":["gradient"],"vn":1,"hc":1},{"id":"cult-ui:terminal-animation","t":"Terminal animation","d":"Composable terminal animation primitives with typed command playback, tabbed scenarios, an","s":"cult-ui","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"vn":1,"hc":1},{"id":"cult-ui:hero-dithering","t":"Hero dithering","d":"Split-layout hero section with responsive dithering shader visuals, CTA, and tech stack ba","k":"section","s":"cult-ui","c":"marketing/hero","tg":["webgl"],"sb":"Animated background","sy":["webgl"],"vn":1,"hc":1},{"id":"cult-ui:hero-color-panel","t":"Hero color panel","d":"Split-layout hero section with responsive ColorPanels shader visuals, CTA, and tech stack ","k":"section","s":"cult-ui","c":"marketing/hero","tg":["webgl"],"sb":"Animated background","sy":["webgl"],"vn":1,"hc":1},{"id":"cult-ui:hero-static-radial-gradient","t":"Hero static radial gradient","d":"Split-layout hero section with responsive StaticRadialGradient shader visuals, CTA, and te","k":"section","s":"cult-ui","c":"marketing/hero","tg":["gradient","webgl"],"sb":"Animated background","sy":["gradient","webgl"],"vn":1,"hc":1},{"id":"cult-ui:hero-heatmap","t":"Hero heatmap","d":"Split-layout hero section with responsive Heatmap shader visuals, CTA, and tech stack badg","s":"cult-ui","c":"data-viz/chart","tg":["webgl"],"sb":"Heatmap","sy":["webgl"],"vn":1,"hc":1},{"id":"cult-ui:hero-liquid-metal","t":"Hero liquid metal","d":"Split-layout hero section with responsive LiquidMetal shader visuals, CTA, and tech stack ","k":"section","s":"cult-ui","c":"marketing/hero","tg":["webgl"],"sb":"Animated background","sy":["webgl"],"vn":1,"hc":1},{"id":"cult-ui:base-select","t":"Base select","d":"Base UI select primitives used by Halo Select","s":"cult-ui","c":"inputs/select","hc":1},{"id":"cult-ui:base-tooltip","t":"Base tooltip","d":"Base UI tooltip primitives used by Apple Pro Display XDR","s":"cult-ui","c":"overlays/tooltip","hc":1},{"id":"cult-ui:gateway-endpoint-illustration","t":"Gateway endpoint illustration","d":"Illustration for gateway endpoint concepts","k":"resource","s":"cult-ui","c":"assets/illustration","vn":1,"hc":1},{"id":"cult-ui:gateway-route-illustration","t":"Gateway route illustration","d":"Illustration for gateway routing","k":"resource","s":"cult-ui","c":"assets/illustration","vn":1,"hc":1},{"id":"cult-ui:gateway-svg-illustration","t":"Gateway svg illustration","d":"SVG illustration for gateway overhead","k":"resource","s":"cult-ui","c":"assets/illustration","vn":1,"hc":1},{"id":"cult-ui:illustration-card-grid","t":"Illustration card grid","d":"Grid of cards with gateway illustrations","k":"resource","s":"cult-ui","c":"assets/illustration","vn":1,"hc":1},{"id":"cult-ui:illustration-cursor","t":"Illustration cursor","d":"Cursor illustration and demo for collaboration UI","k":"resource","s":"cult-ui","c":"assets/illustration","vn":1,"hc":1},{"id":"cult-ui:illustration-comment-bubble","t":"Illustration comment bubble","d":"Comment bubble illustration for code or chat UI","k":"resource","s":"cult-ui","c":"assets/illustration","vn":1,"hc":1},{"id":"cult-ui:illustration-fluid-rendering","t":"Illustration fluid rendering","d":"Fluid rendering illustration","k":"resource","s":"cult-ui","c":"assets/illustration","vn":1,"hc":1},{"id":"cult-ui:illustration-globe-vercel","t":"Illustration globe vercel","d":"Globe deployment illustration","k":"resource","s":"cult-ui","c":"assets/illustration","vn":1,"hc":1},{"id":"cult-ui:illustration-graph","t":"Illustration graph","d":"Graph illustration component","k":"resource","s":"cult-ui","c":"assets/illustration","vn":1,"hc":1},{"id":"cult-ui:tabs-illustration-vercel","t":"Tabs illustration vercel","d":"Tabs with Vercel-style illustrations","k":"resource","s":"cult-ui","c":"assets/illustration","vn":1,"hc":1},{"id":"cult-ui:circuit-board","t":"Circuit board","d":"Animated SVG circuit illustration with glowing traces and a central chip, for hero or prod","s":"cult-ui","c":"data-display/kanban","tg":["neon"],"sy":["neon"],"vn":1,"hc":1},{"id":"cult-ui:fluid-ai-workloads","t":"Fluid ai workloads","d":"Fluid visualization for AI workload states","s":"cult-ui","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"cult-ui:security-checkpoint","t":"Security checkpoint","d":"Security checkpoint illustration or component","k":"resource","s":"cult-ui","c":"assets/illustration","vn":1,"hc":1},{"id":"cult-ui:merging-bubbles","t":"Merging bubbles","d":"Merging bubbles visualization","s":"cult-ui","c":"ai-agent/ai-agent","sb":"Chat","vn":1,"hc":1},{"id":"cult-ui:ai-blob-warp","t":"Ai blob warp","d":"Circular avatar with Paper Design Warp shader; motion-safe pulse, pauses off-screen and wh","s":"cult-ui","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"],"vn":1,"hc":1},{"id":"cult-ui:folded-card","t":"Folded card","d":"Card with folded corner clip-path accent","s":"cult-ui","c":"data-display/card","vn":1,"hc":1},{"id":"cult-ui:shadow-card","t":"Shadow card","d":"Composable marketing card with L-shaped extrusion, optional pixel gradient mesh, and Radix","s":"cult-ui","c":"data-display/card","tg":["gradient","retro and HUD"],"sy":["gradient","retro and HUD"],"vn":1,"hc":1},{"id":"cult-ui:organic-card","t":"Organic card","d":"Composable marketing card with optional link root, image slot, eyebrow/title/body, accent ","s":"cult-ui","c":"data-display/card","vn":1,"hc":1},{"id":"cult-ui:organic-card-small","t":"Organic card small","d":"Compact card with SVG silhouette, category and date, motion morph on hover, and optional l","s":"cult-ui","c":"data-display/card","vn":1,"hc":1},{"id":"cult-ui:organic-button","t":"Organic button","d":"Anchor-based CTA with fixed SVG end caps, shared surface colors via CSS variables, and siz","s":"cult-ui","c":"actions/button","vn":1,"hc":1},{"id":"cult-ui:fluted-glass","t":"Fluted glass","d":"Paper Design fluted-glass image shader with sensible defaults — ribbed, streaked distortio","s":"cult-ui","c":"data-display/gamification","tg":["glass","webgl"],"sy":["glass","webgl"],"vn":1,"hc":1},{"id":"cult-ui:speech-bubble","t":"Speech bubble","d":"Speech bubble component","s":"cult-ui","c":"ai-agent/ai-agent","sb":"Chat","vn":1,"hc":1},{"id":"cult-ui:apple-iphone-17-pro","t":"Apple iphone 17 pro","d":"iPhone-style device frame with Dynamic Island, status bar, and configurable frame colors","s":"cult-ui","c":"media/mockup","vn":1,"hc":1},{"id":"cult-ui:apple-keyboard","t":"Apple keyboard","d":"Compact Apple-style keyboard with labeled keys and media row","s":"cult-ui","c":"data-display/list","vn":1,"hc":1},{"id":"cult-ui:apple-watch-ultra","t":"Apple watch ultra","d":"Watch Ultra–style case, complications, crown, and action button","s":"cult-ui","c":"actions/button","sb":"Social and sign-in","vn":1,"hc":1},{"id":"cult-ui:mac-screen","t":"Mac screen","d":"Classic Mac frame with an image or GIF composited into the CRT","s":"cult-ui","c":"media/gallery","tg":["retro and HUD"],"sy":["retro and HUD"],"vn":1,"hc":1},{"id":"cult-ui:apple-pro-display-xdr","t":"Apple pro display xdr","d":"Studio Display–style aluminum frame, screen modes, and interactive macOS dock","s":"cult-ui","c":"navigation/dock","vn":1,"hc":1},{"id":"cult-ui:marketing-hero-analytics","t":"Marketing hero analytics","d":"Analytics hero section for marketing pages","k":"section","s":"cult-ui","c":"marketing/hero","vn":1,"hc":1},{"id":"cult-ui:marketing-feature-code","t":"Marketing feature code","d":"Marketing section for code or network policy features","k":"section","s":"cult-ui","c":"marketing/features","vn":1,"hc":1},{"id":"cult-ui:feature-sticky-section","t":"Feature sticky section","d":"Sticky section with controllable panels and scroll behavior","k":"section","s":"cult-ui","c":"marketing/features","sb":"Scroll","vn":1,"hc":1},{"id":"cult-ui:analytics-chart","t":"Analytics chart","d":"Vercel-style gradient line chart with floating tooltip cards","s":"cult-ui","c":"data-viz/chart","tg":["gradient"],"sy":["gradient"],"vn":1,"hc":1},{"id":"cult-ui:kanban-board","t":"Kanban board","d":"Kanban board with drag-and-drop columns and cards","s":"cult-ui","c":"data-display/kanban","vn":1,"hc":1},{"id":"cult-ui:agent-suggest-card-stack","t":"Agent suggest card stack","d":"Stack of suggestion cards for AI agent responses","s":"cult-ui","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"cult-ui:collab-avatar","t":"Collab avatar","d":"Collaboration avatar with initials and color","s":"cult-ui","c":"data-display/avatar","vn":1,"hc":1},{"id":"cult-ui:collab-toolbar","t":"Collab toolbar","d":"Toolbar component for collaborative editing UI","s":"cult-ui","c":"navigation/menu","sb":"Menubars","vn":1,"hc":1},{"id":"cult-ui:halo-dropzone","t":"Halo dropzone","d":"File dropzone with animated rim, frosted fill, moving border trail, and file-type glyphs","s":"cult-ui","c":"inputs/file-upload","tg":["glass"],"sy":["glass"],"vn":1,"hc":1},{"id":"cult-ui:halo-search","t":"Halo search","d":"Search input with animated gradient border, staggered placeholder, blur deletion on clear,","s":"cult-ui","c":"inputs/search","tg":["gradient","webgl"],"sy":["gradient","webgl"],"vn":1,"hc":1},{"id":"cult-ui:globe","t":"Globe","d":"COBE-powered 3D globe with showcase presets, markers, arcs, DOM overlays, and theme-aware ","k":"motion","s":"cult-ui","c":"motion/globe","tg":["3d"],"sy":["3d"],"vn":1,"hc":1},{"id":"cult-ui:file-icons","t":"File icons","d":"Icon set for file types and languages","k":"resource","s":"cult-ui","c":"assets/icon","vn":1,"hc":1},{"id":"cult-ui:halo-button","t":"Halo button","d":"Primary action button with animated gradient rim, frosted fill, staggered label, and loadi","s":"cult-ui","c":"actions/button","tg":["glass","gradient"],"sb":"Animated","sy":["glass","gradient"],"vn":1,"hc":1},{"id":"cult-ui:copy-button","t":"Copy button","d":"Button that copies content to clipboard with feedback","s":"cult-ui","c":"actions/copy-button","vn":1,"hc":1},{"id":"cult-ui:halo-card","t":"Halo card","d":"Composable card with animated gradient rim, frosted fill, layered shadow, and Base UI butt","s":"cult-ui","c":"data-display/card","tg":["glass","gradient"],"sy":["glass","gradient"],"vn":1,"hc":1},{"id":"cult-ui:border-beam-card","t":"Border beam card","d":"border-beam around compound Card API with balanced title and description","s":"cult-ui","c":"data-display/card","sb":"Animated and glowing","vn":1,"hc":1},{"id":"cult-ui:halo-tabs","t":"Halo tabs","d":"Base UI tabs with gradient indicator: underline or pill variant aligned with Halo Card rim","s":"cult-ui","c":"navigation/tabs","tg":["gradient"],"sy":["gradient"],"vn":1,"hc":1},{"id":"cult-ui:halo-segmented","t":"Halo segmented","d":"Segmented control with frosted track, gradient rim, and spring sliding thumb","s":"cult-ui","c":"navigation/tabs","tg":["glass","gradient"],"sy":["glass","gradient"],"vn":1,"hc":1},{"id":"cult-ui:halo-toggle-group","t":"Halo toggle group","d":"Segmented single-select control with frosted track, gradient rim, and spring-driven slidin","s":"cult-ui","c":"actions/switch","tg":["glass","gradient"],"sb":"Animated","sy":["glass","gradient"],"vn":1,"hc":1},{"id":"cult-ui:halo-notification","t":"Halo notification","d":"Polished notification surface for local AnimatePresence use with rim variants and glyph st","s":"cult-ui","c":"overlays/notifications","vn":1,"hc":1},{"id":"cult-ui:halo-toast","t":"Halo toast","d":"Sonner-backed polished toasts with rim variants; mount PolishedToaster once in the root la","s":"cult-ui","c":"overlays/toast","vn":1,"hc":1},{"id":"cult-ui:halo-switch","t":"Halo switch","d":"Toggle switch with spring thumb, frosted track, and extended touch hit area","s":"cult-ui","c":"actions/switch","tg":["glass"],"sb":"Animated","sy":["glass"],"vn":1,"hc":1},{"id":"cult-ui:halo-input","t":"Halo input","d":"Single-line and multiline inputs with frosted fill and gradient rim for generic forms","s":"cult-ui","c":"inputs/form-field","tg":["glass","gradient"],"sy":["glass","gradient"],"vn":1,"hc":1},{"id":"cult-ui:halo-field","t":"Halo field","d":"Form field layout (label, description, error) for HaloInput and HaloTextarea","s":"cult-ui","c":"inputs/form-field","vn":1,"hc":1},{"id":"cult-ui:halo-progress","t":"Halo progress","d":"Progress bar with spring-driven determinate fill and indeterminate gradient strip","s":"cult-ui","c":"data-viz/progress-bar","tg":["gradient"],"sy":["gradient"],"vn":1,"hc":1},{"id":"cult-ui:border-beam-input","t":"Border beam input","d":"border-beam on Base UI input and input-group primitives with line or full border glow","s":"cult-ui","c":"inputs/form-field","tg":["neon"],"sy":["neon"],"vn":1,"hc":1},{"id":"cult-ui:halo-badge","t":"Halo badge","d":"Badge with optional layout animation, live status dot, and gradient rim aligned with Halo ","s":"cult-ui","c":"data-display/badge","tg":["gradient"],"sy":["gradient"],"vn":1,"hc":1},{"id":"cult-ui:halo-select","t":"Halo select","d":"Composable animated select with gradient rim, frosted fill, and staggered label","s":"cult-ui","c":"inputs/select","tg":["glass","gradient"],"sy":["glass","gradient"],"vn":1,"hc":1},{"id":"cult-ui:prompt-composer","t":"Prompt composer","d":"Multiline prompt field with shader avatar, staggered placeholder, loading line, and send/a","s":"cult-ui","c":"ai-agent/composer","tg":["webgl"],"sy":["webgl"],"vn":1,"hc":1},{"id":"cult-ui:wizard-expandable","t":"Wizard expandable","d":"Expandable multi-step wizard with optional forward validation, scrollable step rail, and M","s":"cult-ui","c":"data-display/accordion","sb":"Animated","vn":1,"hc":1},{"id":"cult-ui:animated-badge","t":"Animated badge","d":"Deprecated alias for halo-badge. Prefer npx shadcn add https://cult-ui.com/r/halo-badge.js","s":"cult-ui","c":"data-display/badge","sb":"Animated","vn":1},{"id":"cult-ui:animated-button","t":"Animated button","d":"Deprecated alias for halo-button. Prefer npx shadcn add https://cult-ui.com/r/halo-button.","s":"cult-ui","c":"actions/button","sb":"Animated","vn":1},{"id":"cult-ui:animated-card","t":"Animated card","d":"Deprecated alias for halo-card. Prefer npx shadcn add https://cult-ui.com/r/halo-card.json","s":"cult-ui","c":"data-display/card","vn":1},{"id":"cult-ui:animated-composer","t":"Animated composer","d":"Deprecated alias for prompt-composer. Prefer npx shadcn add https://cult-ui.com/r/prompt-c","s":"cult-ui","c":"ai-agent/composer","vn":1},{"id":"cult-ui:animated-dropzone","t":"Animated dropzone","d":"Deprecated alias for halo-dropzone. Prefer npx shadcn add https://cult-ui.com/r/halo-dropz","s":"cult-ui","c":"inputs/file-upload","vn":1},{"id":"cult-ui:animated-field","t":"Animated field","d":"Deprecated alias for halo-field. Prefer npx shadcn add https://cult-ui.com/r/halo-field.js","s":"cult-ui","c":"inputs/form-field","sb":"Animated fields","vn":1},{"id":"cult-ui:animated-input","t":"Animated input","d":"Deprecated alias for halo-input. Prefer npx shadcn add https://cult-ui.com/r/halo-input.js","s":"cult-ui","c":"inputs/form-field","sb":"Animated fields","vn":1},{"id":"cult-ui:animated-notification","t":"Animated notification","d":"Deprecated alias for halo-notification. Prefer npx shadcn add https://cult-ui.com/r/halo-n","s":"cult-ui","c":"overlays/notifications","vn":1},{"id":"cult-ui:animated-number","t":"Animated number","d":"Deprecated alias for rolling-number. Prefer npx shadcn add https://cult-ui.com/r/rolling-n","k":"motion","s":"cult-ui","c":"motion/number-ticker","vn":1},{"id":"cult-ui:animated-progress","t":"Animated progress","d":"Deprecated alias for halo-progress. Prefer npx shadcn add https://cult-ui.com/r/halo-progr","s":"cult-ui","c":"data-viz/progress-bar","vn":1},{"id":"cult-ui:animated-search","t":"Animated search","d":"Deprecated alias for halo-search. Prefer npx shadcn add https://cult-ui.com/r/halo-search.","s":"cult-ui","c":"inputs/search","vn":1},{"id":"cult-ui:animated-segmented","t":"Animated segmented","d":"Deprecated alias for halo-segmented. Prefer npx shadcn add https://cult-ui.com/r/halo-segm","s":"cult-ui","c":"navigation/tabs","vn":1},{"id":"cult-ui:animated-select","t":"Animated select","d":"Deprecated alias for halo-select. Prefer npx shadcn add https://cult-ui.com/r/halo-select.","s":"cult-ui","c":"inputs/select","vn":1},{"id":"cult-ui:animated-switch","t":"Animated switch","d":"Deprecated alias for halo-switch. Prefer npx shadcn add https://cult-ui.com/r/halo-switch.","s":"cult-ui","c":"actions/switch","sb":"Animated","vn":1},{"id":"cult-ui:animated-tabs","t":"Animated tabs","d":"Deprecated alias for halo-tabs. Prefer npx shadcn add https://cult-ui.com/r/halo-tabs.json","s":"cult-ui","c":"navigation/tabs","vn":1},{"id":"cult-ui:animated-toast","t":"Animated toast","d":"Deprecated alias for halo-toast. Prefer npx shadcn add https://cult-ui.com/r/halo-toast.js","s":"cult-ui","c":"overlays/toast","vn":1},{"id":"cult-ui:animated-toggle-group","t":"Animated toggle group","d":"Deprecated alias for halo-toggle-group. Prefer npx shadcn add https://cult-ui.com/r/halo-t","s":"cult-ui","c":"actions/switch","sb":"Animated","vn":1},{"id":"d2:ai-block","t":"AI Block","d":"AI prompt template grid with creative prompts, summarizer, story, poetry and study presets","s":"d2","c":"ai-agent/ai-agent","tg":["glass"],"sy":["glass"],"hc":1},{"id":"d2:ai-content-creator-card","t":"AI Content Creator Card","d":"Pro version content creation card","s":"d2","c":"ai-agent/ai-agent","tg":["glass"],"sy":["glass"],"vn":1,"hc":1},{"id":"d2:dashboard-01","t":"Dashboard #1","d":"Hotel booking dashboard with guest and vacancy stats, booking search and a check-in and ch","k":"layout","s":"d2","c":"layout/dashboard","hc":1},{"id":"d2:bento-01","t":"Bento #1","d":"Bento grid for an education program platform with admin overview, faculty view and a progr","k":"layout","s":"d2","c":"layout/bento-grid","hc":1},{"id":"d2:ai-v2","t":"AI Tabs","d":"Tabbed AI prompt input with assistant, blog and pro modes plus file upload.","s":"d2","c":"ai-agent/ai-agent","tg":["glass"],"sy":["glass"],"hc":1},{"id":"d2:hero-01","t":"Hero #1","d":"Startup mentorship landing hero with a headline, call to action and mentor avatar group.","k":"section","s":"d2","c":"marketing/hero","hc":1},{"id":"d2:input","t":"Input","d":"Displays a form input field or a component that looks like an input field.","s":"d2","c":"inputs/form-field","hc":1},{"id":"d2:label","t":"Label","d":"Renders an accessible label associated with controls.","s":"d2","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"d2:card","t":"Card","d":"Displays a card with header, content, and footer.","s":"d2","c":"data-display/card","hc":1},{"id":"d2:select","t":"Select","d":"Displays a list of options for the user to pick from—triggered by a button.","s":"d2","c":"inputs/select","hc":1},{"id":"d2:checkbox","t":"Checkbox","d":"A control that allows the user to toggle between checked and not checked.","s":"d2","c":"inputs/checkbox","hc":1},{"id":"d2:progress","t":"Progress","d":"Displays an indicator showing the completion progress of a task.","s":"d2","c":"data-viz/progress-bar","hc":1},{"id":"d2:alert","t":"Alert","d":"Displays a callout for user attention.","s":"d2","c":"overlays/alert-banner","hc":1},{"id":"d2:drawer","t":"Drawer","d":"A drawer component that slides in from the bottom or sides of the screen.","s":"d2","c":"overlays/sheet","hc":1,"cp":1},{"id":"d2:pricing-01","t":"Pricing Cards","d":"Responsive three-tier pricing cards with feature comparison and popular plan highlighting","k":"section","s":"d2","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"],"hc":1},{"id":"d2:hero-section-01","t":"Hero Section #1","d":"Premium landing page hero with a serif accent headline, badge and mentor avatar group.","k":"section","s":"d2","c":"marketing/hero","hc":1},{"id":"d2:hero-section-02","t":"Hero Section #2","d":"Modern landing page hero section with badge, headline and avatar social proof.","k":"section","s":"d2","c":"marketing/hero","hc":1},{"id":"d2:ai-writing-assistance","t":"AI Writing Assistant","d":"AI writing assistant panel with assistant, blog and pro modes and a prompt field.","s":"d2","c":"ai-agent/ai-agent","tg":["glass"],"sy":["glass"],"hc":1},{"id":"d2:block-01","t":"Block #1","d":"AI feature showcase with smart summarizer, creative prompts, document analysis and engagem","s":"d2","c":"ai-agent/ai-agent","tg":["glass"],"sy":["glass"],"hc":1},{"id":"d2:notification-bento","t":"Notification Bento","d":"A four-panel notification bento: a pure-CSS metallic bell on a lit dot-matrix field, recen","k":"layout","s":"d2","c":"layout/bento-grid","hc":1},{"id":"d2:bento-02","t":"Bento #2","d":"A five-card feature bento with metallic-gradient glyphs on lifting icon tiles, a dot-matri","k":"layout","s":"d2","c":"layout/bento-grid","tg":["gradient","neon"],"sy":["gradient","neon"],"hc":1},{"id":"d2:bento-03","t":"Bento #3","d":"A flat 3×2 feature grid on thin edge-masked rules — no cards, no fills. Each cell pairs a ","k":"layout","s":"d2","c":"layout/bento-grid","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"d2:bento-04","t":"Bento #4","d":"A four-card services bento on marching dashed blueprint frames. Hover blooms each card's i","k":"layout","s":"d2","c":"layout/bento-grid","tg":["animated","gradient","minimal"],"sy":["animated","gradient","minimal"],"hc":1},{"id":"d2:bento-05","t":"Bento #5","d":"A four-card studio bento on a masked dot field. Each card is a Figma gradient export carry","k":"layout","s":"d2","c":"layout/bento-grid","tg":["glass","gradient"],"sy":["glass","gradient"],"hc":1},{"id":"d2:metallic-shimmer","t":"Metallic Shimmer","d":"Brushed-metal text: a bright band travels across the glyphs like a reflection, not a glow.","k":"motion","s":"d2","c":"motion/text-effect","tg":["neon"],"sb":"Gradient and shimmer","sy":["neon"],"hc":1},{"id":"d2:progress-bar","t":"Progress Bar","d":"A frosted-glass progress pill with technical-drawing leader lines bracketing a monospace r","s":"d2","c":"data-viz/progress-bar","tg":["glass","gradient","webgl"],"sy":["glass","gradient","webgl"],"hc":1},{"id":"d2:button-matt","t":"Matte Button","d":"A matte chip button with a holographic rim: three blurred glows pinned under the top edge,","s":"d2","c":"actions/button","tg":["gradient","neon","webgl"],"sy":["gradient","neon","webgl"],"hc":1},{"id":"d2:d2-card","t":"D2 Card","d":"The card surface pricing-01 is built on: header, content, footer and a title/description p","s":"d2","c":"data-display/card","hc":1},{"id":"d2:pixel-spinner","t":"Pixel Spinner","d":"The pixel-grid spinner engine every spinner preset builds on.","s":"d2","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"d2:spinner-spiral-in-5","t":"Spinner Spiral In 5","d":"A 5×5 pixel-grid loading spinner: 25 frames at 75ms (1875ms loop).","s":"d2","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"d2:spinner-ring-4-cw","t":"Spinner Ring 4 Cw","d":"A 4×4 pixel-grid loading spinner: 12 frames at 110ms (1320ms loop).","s":"d2","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"d2:spinner-dual-ring-5","t":"Spinner Dual Ring 5","d":"A 5×5 pixel-grid loading spinner: 16 frames at 110ms (1760ms loop).","s":"d2","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"d2:spinner-vortex-in","t":"Spinner Vortex In","d":"A 4×4 pixel-grid loading spinner: 16 frames at 90ms (1440ms loop).","k":"motion","s":"d2","c":"motion/background","tg":["retro and HUD"],"sb":"Waves and warps","sy":["retro and HUD"],"hc":1},{"id":"d2:spinner-col-wave-5","t":"Spinner Col Wave 5","d":"A 5×5 pixel-grid loading spinner: 8 frames at 120ms (960ms loop).","k":"motion","s":"d2","c":"motion/background","tg":["retro and HUD"],"sb":"Waves and warps","sy":["retro and HUD"],"hc":1},{"id":"d2:spinner-swell-roll","t":"Spinner Swell Roll","d":"A 4×4 pixel-grid loading spinner: 4 frames at 160ms (640ms loop).","s":"d2","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"d2:spinner-rain-4","t":"Spinner Rain #4","d":"A 4×4 pixel-grid loading spinner: 4 frames at 180ms (720ms loop).","s":"d2","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"d2:spinner-tide-roll","t":"Spinner Tide Roll","d":"A 4×4 pixel-grid loading spinner: 6 frames at 180ms (1080ms loop).","s":"d2","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"d2:spinner-billboard-tiles","t":"Spinner Billboard Tiles","d":"A 4×4 pixel-grid loading spinner: 5 frames at 180ms (900ms loop).","s":"d2","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"d2:spinner-ripple-out","t":"Spinner Ripple Out","d":"A 3×3 pixel-grid loading spinner: 3 frames at 260ms (780ms loop).","k":"motion","s":"d2","c":"motion/background","tg":["retro and HUD"],"sb":"Waves and warps","sy":["retro and HUD"],"hc":1},{"id":"dashboardcn:format","t":"Format","d":"Number, currency, percent, and delta formatters for analytics UI.","k":"lib","s":"dashboardcn","c":"lib/utility","sb":"Formatting","hc":1},{"id":"dashboardcn:sparkline","t":"Sparkline","d":"A tiny inline area or line chart for showing a trend at a glance.","s":"dashboardcn","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"dashboardcn:kpi-card","t":"KPI Card","d":"A metric card with value, period-over-period delta, and an optional sparkline.","s":"dashboardcn","c":"data-display/stat","hc":1},{"id":"dashboardcn:bar-list","t":"Bar List","d":"A ranked list with proportional bars, for top pages, referrers, or countries.","s":"dashboardcn","c":"data-display/list","hc":1},{"id":"dashboardcn:distribution-bar","t":"Distribution Bar","d":"A single stacked bar showing how a total splits across categories.","k":"layout","s":"dashboardcn","c":"layout/dashboard","hc":1},{"id":"dashboardcn:funnel-chart","t":"Funnel Chart","d":"Step-by-step conversion, as stacked bars with drop-off or as a flow of tapering stages wit","s":"dashboardcn","c":"data-viz/chart","tg":["playful"],"sb":"Flow and funnel","sy":["playful"],"hc":1},{"id":"dashboardcn:activity-heatmap","t":"Activity Heatmap","d":"A calendar heatmap of daily activity, in the style of a contribution graph.","s":"dashboardcn","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"dashboardcn:trend-chart","t":"Trend Chart","d":"Area, line, or bar chart over time with tooltips and legend, built on shadcn's chart primi","s":"dashboardcn","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"dashboardcn:bar-chart","t":"Bar Chart","d":"A single-series bar chart with gradient or striped fills, highlighted bars, and a hover ma","s":"dashboardcn","c":"data-viz/chart","tg":["gradient"],"sb":"Bar","sy":["gradient"],"hc":1},{"id":"dashboardcn:data-table","t":"Data Table","d":"A sortable, filterable, paginated table with column visibility, row selection, sticky and ","s":"dashboardcn","c":"data-display/table","sb":"Data tables","hc":1},{"id":"dashboardcn:delta-badge","t":"Delta Badge","d":"A signed percentage change with a trend icon, colored by whether the change is good.","s":"dashboardcn","c":"data-display/badge","hc":1},{"id":"dashboardcn:metric-value","t":"Metric Value","d":"A formatted number that abbreviates large values and shows the full value in a tooltip on ","s":"dashboardcn","c":"data-display/stat","hc":1},{"id":"dashboardcn:radial-gauge","t":"Radial Gauge","d":"A semicircular or ring gauge, continuous or segmented, with content in the middle.","s":"dashboardcn","c":"data-viz/gauge","hc":1},{"id":"dashboardcn:donut-chart","t":"Donut Chart","d":"A donut, pie, or half-donut with a center label, tooltip, and legend, on shadcn's chart pr","s":"dashboardcn","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"dashboardcn:composed-chart","t":"Composed Chart","d":"Mix areas, lines, and bars in one chart with dual axes, reference lines, peak markers, and","s":"dashboardcn","c":"data-viz/chart","hc":1},{"id":"dashboardcn:segmented-meter","t":"Segmented Meter","d":"A zoned bar meter with a marker at the current value, for heart-rate zones, allocations, o","s":"dashboardcn","c":"data-viz/gauge","hc":1},{"id":"dashboardcn:period-tabs","t":"Period Tabs","d":"A small segmented control for switching a chart between week, month, and year.","s":"dashboardcn","c":"navigation/tabs","hc":1},{"id":"dashboardcn:metric-list","t":"Metric List","d":"Compact rows of label, sparkline, value, and delta.","s":"dashboardcn","c":"data-display/stat","hc":1},{"id":"dashboardcn:tick-bar","t":"Tick Bar","d":"A progress bar drawn as a row of ticks, lit up to the current value.","s":"dashboardcn","c":"data-viz/progress-bar","hc":1},{"id":"dashboardcn:dot-plot","t":"Dot Plot","d":"A distribution drawn as columns of stacked dots, with the peak columns at full strength.","s":"dashboardcn","c":"data-viz/chart","hc":1},{"id":"dashboardcn:timeline","t":"Timeline","d":"A vertical chronology of events, each with a marker, connector, and free-form content. Use","s":"dashboardcn","c":"data-display/timeline","hc":1},{"id":"dashboardcn:activity-rings","t":"Activity Rings","d":"Concentric progress rings, one per goal, in the style of a fitness watch.","s":"dashboardcn","c":"data-viz/progress-bar","hc":1},{"id":"dashboardcn:heatmap-chart","t":"Heatmap Chart","d":"A matrix heatmap with a row per line and a column per label, e.g. weekday by hour, with ho","s":"dashboardcn","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"dashboardcn:radar-chart","t":"Radar Chart","d":"A filled, outlined, or dotted radar chart with polygon or circle grids, for scores and mul","s":"dashboardcn","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"dashboardcn:scatter-chart","t":"Scatter Chart","d":"Correlation dots per series that become bubbles when a size key is set, with a per-point t","s":"dashboardcn","c":"data-viz/chart","sb":"Scatter","hc":1},{"id":"dashboardcn:sankey-chart","t":"Sankey Chart","d":"A flow diagram with tinted links, colored node bars, and share labels, on shadcn's chart p","s":"dashboardcn","c":"data-viz/chart","sb":"Flow and funnel","hc":1},{"id":"dashboardcn:kpi-row-card","t":"KPI Row Card","d":"A card with a period switcher, a row of KPI tiles with sparklines and deltas, and a footer","s":"dashboardcn","c":"data-display/stat","hc":1},{"id":"dashboardcn:balance-chart-card","t":"Balance Chart Card","d":"A balance or price card with a big value, delta, stat row, and a line chart with reference","s":"dashboardcn","c":"data-viz/chart","sb":"Financial","hc":1},{"id":"dashboardcn:status-gauge-card","t":"Status Gauge Card","d":"A status card with a headline word, a metric, an avatar stack, and a segmented semicircula","s":"dashboardcn","c":"data-viz/gauge","hc":1},{"id":"dashboardcn:ring-kpi-card","t":"Ring KPI Card","d":"A card with a row of KPI tiles, each with a segmented ring next to the value and a compari","s":"dashboardcn","c":"data-display/stat","hc":1},{"id":"dashboardcn:distribution-card","t":"Distribution Card","d":"A total with delta, a stacked share bar, and a ranked list of the contributors with their ","s":"dashboardcn","c":"data-display/card","sb":"Metric","hc":1},{"id":"dashboardcn:tick-kpi-card","t":"Tick KPI Card","d":"A card with a row of KPI tiles, each with a value out of a whole and a tick bar showing ho","s":"dashboardcn","c":"data-display/stat","hc":1},{"id":"dashboardcn:allocation-card","t":"Allocation Card","d":"A share-of-total card with a period switcher, a big percentage with delta, a tick bar, and","s":"dashboardcn","c":"data-display/card","hc":1},{"id":"dashboardcn:dual-metric-card","t":"Dual Metric Card","d":"A card with two metrics side by side, each with a value, share badge, meter, and a support","s":"dashboardcn","c":"data-display/stat","hc":1},{"id":"dashboardcn:period-bar-chart-card","t":"Period Bar Chart Card","d":"A card with a total for the selected period, a range switcher, and a bar chart that highli","s":"dashboardcn","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"dashboardcn:progress-card","t":"Progress Card","d":"A compact progress card with an icon title, a pill tick bar, and a count with a secondary ","s":"dashboardcn","c":"data-viz/progress-bar","hc":1},{"id":"dashboardcn:breakdown-card","t":"Breakdown Card","d":"A total with delta and a list of contributors, each with a value and a hatched bar showing","s":"dashboardcn","c":"data-display/card","hc":1},{"id":"dashboardcn:dot-plot-card","t":"Dot Plot Card","d":"A metric card with a big value, a dot-plot distribution with its peak called out, and the ","s":"dashboardcn","c":"data-viz/chart","hc":1},{"id":"dashboardcn:insight-card","t":"Insight Card","d":"A hero card with a badge, a very large number, a headline, and a paged set of insights ove","s":"dashboardcn","c":"data-display/card","tg":["gradient"],"sb":"Metric","sy":["gradient"],"hc":1},{"id":"dashboardcn:metric-tabs-chart-card","t":"Metric Tabs Chart Card","d":"A row of metric tabs, each with a value and delta, above a line chart of the selected metr","s":"dashboardcn","c":"navigation/tabs","hc":1},{"id":"dashboardcn:data-table-card","t":"Data Table Card","d":"A card around a data table: title, toolbar, rows, and pagination in the footer.","s":"dashboardcn","c":"data-display/table","sb":"Data tables","hc":1},{"id":"dashboardcn:activity-rings-card","t":"Activity Rings Card","d":"A card with concentric goal rings and a tile per ring with its value. Hovering a tile or a","s":"dashboardcn","c":"data-display/card","sb":"Metric","hc":1},{"id":"dashboardcn:funnel-chart-card","t":"Funnel Chart Card","d":"A conversion card with a flow funnel: a headline value with delta, a range picker that car","s":"dashboardcn","c":"data-viz/chart","tg":["playful"],"sb":"Flow and funnel","sy":["playful"],"hc":1},{"id":"dashboardcn:stage-bars-card","t":"Stage Bars Card","d":"The funnel as a list: a rounded bar per stage with its name, value, and share of the first","s":"dashboardcn","c":"data-display/card","tg":["playful"],"sb":"Metric","sy":["playful"],"hc":1},{"id":"dashboardcn:contributions-card","t":"Contributions Card","d":"A contribution-graph card: a headline total with delta, a row of stat tiles, a period swit","s":"dashboardcn","c":"data-display/card","sb":"Metric","hc":1},{"id":"dashboardcn:heatmap-chart-card","t":"Heatmap Chart Card","d":"A card with a headline total, a delta, an optional period switcher, and a matrix heatmap w","s":"dashboardcn","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"dashboardcn:score-gauge-card","t":"Score Gauge Card","d":"A score card with a headline word, a radial gauge around the score, and a breakdown list o","s":"dashboardcn","c":"data-viz/gauge","hc":1},{"id":"dashboardcn:goal-chart-card","t":"Goal Chart Card","d":"A card with a total, a period switcher, and a bar chart with a dashed goal line that color","s":"dashboardcn","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"dashboardcn:corner-frame","t":"Corner Frame","d":"A content frame with configurable registration marks at every corner.","k":"layout","s":"dashboardcn","c":"layout/dashboard","hc":1},{"id":"dashboardcn:command-palette","t":"Command Palette","d":"A data-driven Command+K menu with dialog and inline variants, grouped results, metadata, s","s":"dashboardcn","c":"navigation/command-palette","hc":1},{"id":"dashboardcn:revenue-ring-card","t":"Revenue Ring Card","d":"A centered revenue metric inside a dense segmented ring, with a legend and full-width acti","s":"dashboardcn","c":"data-display/card","sb":"Metric","hc":1},{"id":"dashboardcn:payment-summary-card","t":"Payment Summary Card","d":"A segmented customer metric above a compact payment or record summary with status and acti","s":"dashboardcn","c":"data-display/card","sb":"Payment","hc":1},{"id":"dashboardcn:commerce-kpi-row","t":"Commerce KPI Row","d":"A responsive metric strip with dotted sparklines, semantic deltas, and registration-mark c","s":"dashboardcn","c":"data-display/stat","hc":1},{"id":"dashboardcn:skill","t":"Agent skill","d":"A skill that teaches coding agents how to pick, install, and compose dashboardcn component","k":"lib","s":"dashboardcn","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"data-table-filters:data-table","t":"Data Table with Filters","d":"Data table with search, checkbox, slider, date range filters, sorting, infinite scroll, vi","s":"data-table-filters","c":"data-display/table","sb":"Data tables","vn":14,"hc":1},{"id":"delego:delego-theme","t":"Delego Theme","d":"Delego design tokens mapped onto shadcn variables (OKLCH, light + dark). Electric-indigo p","k":"theme","s":"delego","c":"themes/theme"},{"id":"delego:button","t":"Button","d":"Delego button — primary (indigo glow), secondary, ghost, outline, link, plus protocol-sema","s":"delego","c":"actions/button","tg":["neon"],"sy":["neon"],"hc":1},{"id":"delego:status-badge","t":"Status Badge","d":"Mono pill with leading icon + status color. Variants: allow, approval, deny, indigo (princ","s":"delego","c":"data-display/badge","sb":"Status","hc":1},{"id":"delego:decision-pill","t":"Decision Pill","d":"The signature Delego element: renders a Decision outcome (allow / needs_approval / deny) w","s":"delego","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"delego:signed-receipt","t":"Signed Receipt","d":"The ownable audit visual — one hash-chained, Ed25519-signed ledger record, with the signal","s":"delego","c":"other/other","hc":1},{"id":"delego:field","t":"Field","d":"Labeled input with optional leading icon and mono hint, lit by the indigo focus halo. Drop","s":"delego","c":"inputs/form-field","hc":1},{"id":"delta:surfaces","t":"Surfaces","d":"Eight-level surface and shadow ladder for elevation. Light: two color steps then flat whit","k":"theme","s":"delta","c":"themes/theme"},{"id":"delta:tokens","t":"Interaction Tokens","d":"Shared interaction-state tokens: surface-relative hover/active overlays (bg-hover, bg-acti","k":"theme","s":"delta","c":"themes/theme"},{"id":"delta:utils","t":"Utilities","d":"Utility function for merging Tailwind CSS classes with clsx and tailwind-merge.","k":"lib","s":"delta","c":"lib/utility","tg":["playful"],"sb":"Class helpers","sy":["playful"],"hc":1},{"id":"delta:motion","t":"Motion Tiers","d":"Three duration tiers and one easing, as CSS custom properties: --motion-fast/moderate/slow","k":"lib","s":"delta","c":"lib/utility","tg":["webgl"],"sb":"Motion helpers","sy":["webgl"],"hc":1},{"id":"delta:font-weight","t":"Font Weight Tokens","d":"Variable font weight tokens for Inter (normal, medium, semibold, bold) using font-variatio","k":"lib","s":"delta","c":"lib/utility","sb":"Theme","hc":1},{"id":"delta:surface-context","t":"Surface Context","d":"React context that tracks the current substrate elevation level. Elevated components (Drop","k":"lib","s":"delta","c":"lib/utility","sb":"State","hc":1,"cp":1},{"id":"delta:surface-classes","t":"Surface Class Lookup","d":"Static lookup tables for bg-surface-N and shadow-surface-N utilities. Required because Tai","k":"lib","s":"delta","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"delta:icon-context","t":"Icon Context","d":"Named icon slots with a Lucide default set; swap any icon via IconProvider.","k":"lib","s":"delta","c":"lib/utility","sb":"State","hc":1},{"id":"delta:clipboard","t":"Clipboard","d":"Copy text to the clipboard, falling back to a selection and execCommand where the async Cl","k":"lib","s":"delta","c":"lib/utility","hc":1},{"id":"delta:button","t":"Button","d":"Versatile button with variants, sizes, loading state, and icon support.","s":"delta","c":"actions/button","hc":1},{"id":"delta:tooltip","t":"Tooltip","d":"Floating tooltip with configurable placement, a follow-cursor mode, and rich content suppo","s":"delta","c":"overlays/tooltip","hc":1},{"id":"delta:tabs","t":"Tabs","d":"Tab navigation with underline, background, and ghost variants, and an indicator that follo","s":"delta","c":"navigation/tabs","hc":1},{"id":"delta:code","t":"Code","d":"Syntax-highlighted code with a copy button, a filename bar, and a package-manager tab stri","k":"resource","s":"delta","c":"assets/icon","hc":1},{"id":"delta:product-card","t":"Product Card","d":"Compound card for commerce rows — image well, overlaid badge, and a title/subtitle/metric ","s":"delta","c":"data-display/card","sb":"Product","hc":1},{"id":"delta:glyph","t":"Glyph","d":"The Twitter/X-style verified checkmark, with the check cut out of the rosette as a real ho","k":"motion","s":"delta","c":"motion/background","hc":1},{"id":"delta:alert","t":"Alert","d":"Inline callout carried by a pastel fill alone, no border or icon, that turns into pastel i","s":"delta","c":"overlays/alert-banner","hc":1},{"id":"delta:editor","t":"Editor","d":"Always-on live-preview markdown editor: one surface that is both the rendered document and","s":"delta","c":"inputs/textarea","hc":1},{"id":"delta:embed","t":"Embed","d":"Turns a URL into what it points to: a YouTube facade, a lazy Spotify player, an image, a v","s":"delta","c":"actions/link","hc":1},{"id":"delta:image","t":"Image","d":"A figure with an optional caption, a native-dialog zoom sized from the picture's own propo","s":"delta","c":"media/gallery","hc":1},{"id":"delta:mp3-player","t":"MP3 Player","d":"Inline audio player with a transport, an elapsed/remaining clock, and a seek bar that rend","s":"delta","c":"media/player","hc":1},{"id":"designali:iphone","t":"Iphone","s":"designali","c":"media/mockup","vn":5,"hc":1},{"id":"designali:iphone-duo","t":"Iphone duo","s":"designali","c":"media/mockup","vn":7,"hc":1},{"id":"designali:ipad","t":"Ipad","s":"designali","c":"media/mockup","vn":10,"hc":1},{"id":"designali:imac","t":"Imac","s":"designali","c":"media/mockup","vn":6,"hc":1},{"id":"designali:studio-display","t":"Studio display","s":"designali","c":"other/other","vn":5,"hc":1},{"id":"designali:macbook","t":"Macbook","s":"designali","c":"media/mockup","vn":5,"hc":1},{"id":"designali:gauge","t":"Gauge","s":"designali","c":"data-viz/gauge","hc":1},{"id":"designali:bento","t":"Bento","k":"layout","s":"designali","c":"layout/bento-grid","vn":5,"hc":1},{"id":"designali:calculation","t":"Calculation","s":"designali","c":"other/other","vn":21,"hc":1},{"id":"designali:counter-number","t":"Counter number","k":"motion","s":"designali","c":"motion/number-ticker","vn":1,"hc":1},{"id":"designali:dot-pattern","t":"Dot pattern","s":"designali","c":"other/other","vn":5,"hc":1},{"id":"designali:grid-pattern","t":"Grid pattern","k":"motion","s":"designali","c":"motion/background","sb":"Grids and patterns","vn":5,"hc":1},{"id":"designali:marquee","t":"Marquee","k":"motion","s":"designali","c":"motion/marquee","vn":5,"hc":1},{"id":"designali:typewriter","t":"Typewriter","k":"motion","s":"designali","c":"motion/text-effect","sb":"Typewriter","vn":5,"hc":1},{"id":"designali:header-01","t":"Header #1","d":"A simple header section.","s":"designali","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:header-02","t":"Header #2","d":"A simple header section.","s":"designali","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:header-03","t":"Header #3","d":"A simple header section.","s":"designali","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:header-04","t":"Header #4","d":"A simple header section.","s":"designali","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:header-05","t":"Header #5","d":"A simple header section.","s":"designali","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:header-06","t":"Header #6","d":"A simple header section.","s":"designali","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:hero-1","t":"Hero #1","d":"A split-screen hero section with branding, theme toggle, video, work, and contact cards.","k":"section","s":"designali","c":"marketing/hero","hc":1},{"id":"designali:hero-2","t":"Hero #2","d":"A split-screen hero section with branding, theme toggle, video, work, and contact cards.","k":"section","s":"designali","c":"marketing/hero","hc":1},{"id":"designali:hero-3","t":"Hero #3","d":"A split-screen hero section with branding, theme toggle, video, work, and contact cards.","k":"section","s":"designali","c":"marketing/hero","hc":1},{"id":"designali:hero-4","t":"Hero #4","d":"A split-screen hero section with branding, theme toggle, video, work, and contact cards.","k":"section","s":"designali","c":"marketing/hero","hc":1},{"id":"designali:hero-5","t":"Hero #5","d":"A split-screen hero section with branding, theme toggle, video, work, and contact cards.","k":"section","s":"designali","c":"marketing/hero","hc":1},{"id":"designali:footer-01","t":"Footer #1","d":"A simple footer.","k":"section","s":"designali","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:footer-02","t":"Footer #2","d":"A simple footer.","k":"section","s":"designali","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:footer-03","t":"Footer #3","d":"A simple footer.","k":"section","s":"designali","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:footer-04","t":"Footer #4","d":"A simple footer.","k":"section","s":"designali","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:footer-05","t":"Footer #5","d":"A simple footer.","k":"section","s":"designali","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:footer-06","t":"Footer #6","d":"A simple footer.","k":"section","s":"designali","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:logos-01","t":"Logos #1","d":"A simple logos section.","k":"resource","s":"designali","c":"assets/logo","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:logos-02","t":"Logos #2","d":"A simple logos section.","k":"resource","s":"designali","c":"assets/logo","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:logos-03","t":"Logos #3","d":"A simple logos section.","k":"resource","s":"designali","c":"assets/logo","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:logos-04","t":"Logos #4","d":"A simple logos section.","k":"resource","s":"designali","c":"assets/logo","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:logos-05","t":"Logos #5","d":"A simple logos section.","k":"resource","s":"designali","c":"assets/logo","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:call-to-action-01","t":"Call to action #1","d":"A simple call-to-action section.","k":"section","s":"designali","c":"marketing/cta","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:feature-01","t":"Feature #1","d":"A simple feature section.","k":"section","s":"designali","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:feature-02","t":"Feature #2","d":"A simple feature section.","k":"section","s":"designali","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:feature-03","t":"Feature #3","d":"A simple feature section.","k":"section","s":"designali","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:feature-04","t":"Feature #4","d":"A simple feature section.","k":"section","s":"designali","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:faqs-01","t":"Faqs #1","d":"A simple pricing section.","k":"section","s":"designali","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:faqs-02","t":"Faqs #2","d":"A simple pricing section.","k":"section","s":"designali","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:faqs-03","t":"Faqs #3","d":"A simple pricing section.","k":"section","s":"designali","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:pricing-01","t":"Pricing #1","d":"A simple pricing section.","k":"section","s":"designali","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:pricing-02","t":"Pricing #2","d":"A simple pricing section.","k":"section","s":"designali","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:pricing-03","t":"Pricing #3","d":"A simple pricing section.","k":"section","s":"designali","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:pricing-04","t":"Pricing #4","d":"A simple pricing section.","k":"section","s":"designali","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:testimonial-01","t":"Testimonial #1","d":"A simple pricing section.","k":"section","s":"designali","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:gallery-01","t":"Gallery #1","d":"A simple gallery section.","s":"designali","c":"media/gallery","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:gallery-02","t":"Gallery #2","d":"A simple gallery section.","s":"designali","c":"media/gallery","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:media-01","t":"Media #1","d":"A simple media section.","k":"section","s":"designali","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:landing-01","t":"Landing #1","d":"A simple header section.","k":"section","s":"designali","c":"marketing/hero","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:accordion-01","t":"Accordion #1","d":"Personal FAQ accordion introducing Ali Imam, his design approach, inspirations, and ways t","s":"designali","c":"data-display/accordion","hc":1},{"id":"designali:accordion-02","t":"Accordion #2","d":"Personal FAQ accordion introducing Ali Imam, his design approach, inspirations, and ways t","s":"designali","c":"data-display/accordion","hc":1},{"id":"designali:accordion-03","t":"Accordion #3","d":"Personal FAQ accordion introducing Ali Imam, his design approach, inspirations, and ways t","s":"designali","c":"data-display/accordion","hc":1},{"id":"designali:accordion-04","t":"Accordion #4","d":"Personal FAQ accordion introducing Ali Imam, his design approach, inspirations, and ways t","s":"designali","c":"data-display/accordion","hc":1},{"id":"designali:accordion-05","t":"Accordion #5","d":"Personal FAQ accordion introducing Ali Imam, his design approach, inspirations, and ways t","s":"designali","c":"data-display/accordion","hc":1},{"id":"designali:accordion-06","t":"Accordion #6","d":"Personal FAQ accordion introducing Ali Imam, his design approach, inspirations, and ways t","s":"designali","c":"data-display/accordion","hc":1},{"id":"designali:alert-01","t":"Alert #1","d":"Alert component showcase","s":"designali","c":"overlays/alert-banner","hc":1},{"id":"designali:alert-02","t":"Alert #2","d":"Alert with icon showcase","s":"designali","c":"overlays/alert-banner","hc":1},{"id":"designali:alert-03","t":"Alert #3","d":"Alert with action buttons showcase","s":"designali","c":"overlays/alert-banner","hc":1},{"id":"designali:alert-04","t":"Alert #4","d":"Alert variants showcase","s":"designali","c":"overlays/alert-banner","hc":1},{"id":"designali:alert-05","t":"Alert #5","d":"Alert success variant showcase","s":"designali","c":"overlays/alert-banner","hc":1},{"id":"designali:alert-06","t":"Alert #6","d":"Alert warning variant showcase","s":"designali","c":"overlays/alert-banner","hc":1},{"id":"designali:alert-07","t":"Alert #7","d":"Alert error variant showcase","s":"designali","c":"overlays/alert-banner","hc":1},{"id":"designali:alert-dialog-01","t":"Alert dialog #1","d":"Alert dialog error variant showcase","s":"designali","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"designali:alert-dialog-02","t":"Alert dialog #2","d":"Alert dialog error variant showcase","s":"designali","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"designali:aspect-ratio-01","t":"Aspect ratio #1","d":"Aspect ratio default 16:9 showcase","k":"layout","s":"designali","c":"layout/page-shell","hc":1},{"id":"designali:aspect-ratio-02","t":"Aspect ratio #2","d":"Aspect ratio square 1:1 showcase","k":"layout","s":"designali","c":"layout/page-shell","hc":1},{"id":"designali:aspect-ratio-03","t":"Aspect ratio #3","d":"Aspect ratio portrait 9:16 showcase","k":"layout","s":"designali","c":"layout/page-shell","hc":1},{"id":"designali:aspect-ratio-04","t":"Aspect ratio #4","d":"Aspect ratio RTL translation showcase","k":"layout","s":"designali","c":"layout/page-shell","hc":1},{"id":"designali:avatar-01","t":"Avatar #1","d":"Basic avatar showcase","s":"designali","c":"data-display/avatar","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:avatar-02","t":"Avatar #2","d":"Avatar with status badge showcase","s":"designali","c":"data-display/avatar","hc":1},{"id":"designali:avatar-03","t":"Avatar #3","d":"Avatar with badge icon showcase","s":"designali","c":"data-display/avatar","hc":1},{"id":"designali:avatar-04","t":"Avatar #4","d":"Avatar group stack showcase","s":"designali","c":"data-display/avatar","hc":1},{"id":"designali:avatar-05","t":"Avatar #5","d":"Avatar group with numerical count showcase","s":"designali","c":"data-display/avatar","hc":1},{"id":"designali:avatar-06","t":"Avatar #6","d":"Avatar group with icon count showcase","s":"designali","c":"data-display/avatar","hc":1},{"id":"designali:avatar-07","t":"Avatar #7","d":"Avatar different sizes showcase","s":"designali","c":"data-display/avatar","hc":1},{"id":"designali:avatar-08","t":"Avatar #8","d":"Avatar dropdown menu trigger showcase","s":"designali","c":"data-display/avatar","hc":1},{"id":"designali:badge-01","t":"Badge #1","d":"Badge variants showcase","s":"designali","c":"data-display/badge","hc":1},{"id":"designali:badge-02","t":"Badge #2","d":"Badge with icons showcase","s":"designali","c":"data-display/badge","hc":1},{"id":"designali:badge-03","t":"Badge #3","d":"Badge with spinner showcase","s":"designali","c":"data-display/badge","hc":1},{"id":"designali:badge-04","t":"Badge #4","d":"Badge rendered as link showcase","s":"designali","c":"data-display/badge","hc":1},{"id":"designali:badge-05","t":"Badge #5","d":"Badge custom color variants showcase","s":"designali","c":"data-display/badge","hc":1},{"id":"designali:breadcrumb-01","t":"Breadcrumb #1","d":"Basic breadcrumb showcase","s":"designali","c":"navigation/breadcrumb","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:breadcrumb-02","t":"Breadcrumb #2","d":"Breadcrumb with custom separators showcase","s":"designali","c":"navigation/breadcrumb","hc":1},{"id":"designali:breadcrumb-03","t":"Breadcrumb #3","d":"Breadcrumb with dropdown menu showcase","s":"designali","c":"navigation/breadcrumb","hc":1},{"id":"designali:breadcrumb-04","t":"Breadcrumb #4","d":"Breadcrumb with collapsed ellipsis showcase","s":"designali","c":"navigation/breadcrumb","hc":1},{"id":"designali:breadcrumb-05","t":"Breadcrumb #5","d":"Breadcrumb with custom link components showcase","s":"designali","c":"navigation/breadcrumb","hc":1},{"id":"designali:button-01","t":"Button #1","d":"Button sizes and icon-only variants","s":"designali","c":"actions/button","hc":1},{"id":"designali:button-02","t":"Button #2","d":"Button with leading and trailing icons","s":"designali","c":"actions/button","hc":1},{"id":"designali:button-03","t":"Button #3","d":"Rounded full button variant","s":"designali","c":"actions/button","hc":1},{"id":"designali:button-04","t":"Button #4","d":"Button with loading spinner state","s":"designali","c":"actions/button","hc":1},{"id":"designali:button-05","t":"Button #5","d":"Button group with dropdown actions","s":"designali","c":"actions/button","hc":1},{"id":"designali:button-06","t":"Button #6","d":"Button rendered using buttonVariants helper","s":"designali","c":"actions/button","hc":1},{"id":"designali:button-07","t":"Button #7","d":"Button custom variant showcase","s":"designali","c":"actions/button","hc":1},{"id":"designali:button-07","t":"Button #7","d":"Button custom variant showcase","s":"designali","c":"actions/button","hc":1},{"id":"designali:calendar-01","t":"Calendar #1","d":"Simple popover single date picker with button trigger.","s":"designali","c":"data-display/calendar","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:calendar-02","t":"Calendar #2","d":"Dual-month range picker inside a card container.","s":"designali","c":"data-display/calendar","hc":1},{"id":"designali:calendar-03","t":"Calendar #3","d":"Date range picker with quick preset options.","s":"designali","c":"data-display/calendar","hc":1,"cp":1},{"id":"designali:calendar-04","t":"Calendar #4","d":"Calendar with month and year dropdown navigation.","s":"designali","c":"data-display/calendar","hc":1},{"id":"designali:calendar-05","t":"Calendar #5","d":"Multiple individual dates selection mode.","s":"designali","c":"data-display/calendar","hc":1},{"id":"designali:calendar-06","t":"Calendar #6","d":"Calendar with disabled dates, weekends, and bounds.","s":"designali","c":"data-display/calendar","hc":1},{"id":"designali:calendar-07","t":"Calendar #7","d":"Calendar with custom modifier classes and availability indicators.","s":"designali","c":"data-display/calendar","hc":1},{"id":"designali:calendar-08","t":"Calendar #8","d":"Calendar picker integrated with a time slot selector.","s":"designali","c":"data-display/calendar","hc":1},{"id":"designali:card-01","t":"Card #1","d":"Compact workspace management card with checklist and action buttons.","s":"designali","c":"data-display/card","hc":1},{"id":"designali:card-02","t":"Card #2","d":"Login form card with custom spacing toggle control.","s":"designali","c":"data-display/card","hc":1},{"id":"designali:card-03","t":"Card #3","d":"Terms of service card with edge-to-edge scrollable content area.","s":"designali","c":"data-display/card","hc":1},{"id":"designali:card-04","t":"Card #4","d":"Featured event card with full-width image header and overlay badge.","s":"designali","c":"data-display/card","hc":1},{"id":"designali:card-05","t":"Card #5","d":"Standard authentication login form card with social login button.","s":"designali","c":"data-display/card","hc":1},{"id":"designali:carousel-01","t":"Carousel #1","d":"Basic horizontal carousel with previous and next controls.","s":"designali","c":"media/carousel","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:carousel-02","t":"Carousel #2","d":"Responsive multi-item carousel with custom basis sizes.","s":"designali","c":"media/carousel","hc":1},{"id":"designali:carousel-03","t":"Carousel #3","d":"Carousel with explicit negative item spacing and padding options.","s":"designali","c":"media/carousel","hc":1},{"id":"designali:carousel-04","t":"Carousel #4","d":"Vertical orientation carousel with fixed height container.","s":"designali","c":"media/carousel","hc":1},{"id":"designali:carousel-05","t":"Carousel #5","d":"Carousel with API event listener for current slide and total count indicator.","s":"designali","c":"media/carousel","hc":1},{"id":"designali:carousel-06","t":"Carousel #6","d":"Autoplay carousel plugin with hover pause and resume controls.","s":"designali","c":"media/carousel","hc":1},{"id":"designali:checkbox-01","t":"Checkbox #1","d":"Simple single checkbox with an aligned label field.","s":"designali","c":"inputs/checkbox","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:checkbox-02","t":"Checkbox #2","d":"Checkbox with supporting helper text description block.","s":"designali","c":"inputs/checkbox","hc":1,"cp":1},{"id":"designali:checkbox-03","t":"Checkbox #3","d":"Disabled state checkbox wrapped in a field group with data attributes.","s":"designali","c":"inputs/checkbox","hc":1},{"id":"designali:checkbox-04","t":"Checkbox #4","d":"Multiple stacked options using FieldSet and FieldLegend layout components.","s":"designali","c":"inputs/checkbox","hc":1,"cp":1},{"id":"designali:checkbox-05","t":"Checkbox #5","d":"Interactive data table rows with batch and row-level selection checkboxes.","s":"designali","c":"inputs/checkbox","hc":1},{"id":"designali:checkbox-06","t":"Checkbox #6","d":"Comprehensive checkbox demo displaying basic, descriptive, disabled, and wrapped variants.","s":"designali","c":"inputs/checkbox","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:collapsible-01","t":"Collapsible #1","d":"Basic order status details toggle with header and content trigger.","s":"designali","c":"data-display/accordion","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:collapsible-02","t":"Collapsible #2","d":"Expandable product details section inside a card container.","s":"designali","c":"data-display/accordion","hc":1},{"id":"designali:collapsible-03","t":"Collapsible #3","d":"Settings card with collapsible field controls and expand/collapse trigger.","s":"designali","c":"data-display/accordion","hc":1},{"id":"designali:collapsible-04","t":"Collapsible #4","d":"Recursive file tree explorer with nested collapsible folders.","s":"designali","c":"data-display/accordion","hc":1},{"id":"designali:combobox-01","t":"Combobox #1","d":"Basic single selection combobox with framework list.","s":"designali","c":"inputs/combobox","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:combobox-02","t":"Combobox #2","d":"Multi-select combobox with interactive tag chips.","s":"designali","c":"inputs/combobox","hc":1},{"id":"designali:combobox-03","t":"Combobox #3","d":"Combobox input featuring a clear selection action button.","s":"designali","c":"inputs/combobox","hc":1,"cp":1},{"id":"designali:combobox-04","t":"Combobox #4","d":"Grouped timezone options with visual separators between sections.","s":"designali","c":"inputs/combobox","hc":1},{"id":"designali:combobox-05","t":"Combobox #5","d":"Custom rich item layout displaying country code and continent metadata.","s":"designali","c":"inputs/combobox","hc":1,"cp":1},{"id":"designali:combobox-06","t":"Combobox #6","d":"Combobox displaying aria-invalid validation error state.","s":"designali","c":"inputs/combobox","hc":1},{"id":"designali:combobox-07","t":"Combobox #7","d":"Comprehensive combobox demo showcasing form integration and variations.","s":"designali","c":"inputs/combobox","hc":1,"cp":1},{"id":"designali:command-01","t":"Command #1","d":"Default context menu with submenus, checkboxes, and radio items.","s":"designali","c":"navigation/command-palette","hc":1},{"id":"designali:command-02","t":"Command #2","d":"Default context menu with submenus, checkboxes, and radio items.","s":"designali","c":"navigation/command-palette","hc":1},{"id":"designali:command-03","t":"Command #3","d":"Default context menu with submenus, checkboxes, and radio items.","s":"designali","c":"navigation/command-palette","hc":1},{"id":"designali:context-menu-01","t":"Context menu #1","d":"Default context menu with submenus, checkboxes, and radio items.","s":"designali","c":"overlays/context-menu","hc":1},{"id":"designali:context-menu-02","t":"Context menu #2","d":"Context menu with keyboard shortcut indicators.","s":"designali","c":"overlays/context-menu","hc":1},{"id":"designali:context-menu-03","t":"Context menu #3","d":"Context menu items with Lucide icons and destructive actions.","s":"designali","c":"overlays/context-menu","hc":1},{"id":"designali:dialog-01","t":"Dialog #1","d":"Standard modal dialog with form fields and submit action.","s":"designali","c":"overlays/dialog","hc":1},{"id":"designali:dialog-02","t":"Dialog #2","d":"Dialog configured without a default top-right close button.","s":"designali","c":"overlays/dialog","hc":1},{"id":"designali:dialog-03","t":"Dialog #3","d":"Dialog with a scrollable content body and sticky footer action controls.","s":"designali","c":"overlays/dialog","hc":1},{"id":"designali:drawer-01","t":"Drawer #1","d":"Drawer with radio group selection for interactive options.","s":"designali","c":"overlays/sheet","hc":1},{"id":"designali:drawer-02","t":"Drawer #2","d":"Drawer featuring a visible top/side swipe indicator handle.","s":"designali","c":"overlays/sheet","hc":1},{"id":"designali:drawer-03","t":"Drawer #3","d":"Non-modal drawer configuration with rightward swipe direction.","s":"designali","c":"overlays/sheet","hc":1},{"id":"designali:dropdown-menu-01","t":"Dropdown menu #1","d":"Complex dropdown menu with submenus, shortcuts, groups, and separator items.","s":"designali","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"designali:dropdown-menu-02","t":"Dropdown menu #2","d":"Dropdown menu featuring item keyboard shortcuts and labels.","s":"designali","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"designali:dropdown-menu-03","t":"Dropdown menu #3","d":"Dropdown menu with interactive toggleable checkbox items.","s":"designali","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"designali:hover-card-01","t":"Hover card #1","d":"Standard hover card displaying preview information on hover trigger.","s":"designali","c":"overlays/hover-card","hc":1},{"id":"designali:hover-card-02","t":"Hover card #2","d":"Hover card with custom delay configurations and rich avatar content.","s":"designali","c":"overlays/hover-card","hc":1},{"id":"designali:input-01","t":"Input #1","d":"Input example","s":"designali","c":"inputs/form-field","hc":1},{"id":"designali:input-02","t":"Input #2","d":"Input example","s":"designali","c":"inputs/form-field","hc":1},{"id":"designali:input-03","t":"Input #3","d":"Input example","s":"designali","c":"inputs/form-field","hc":1},{"id":"designali:input-otp-01","t":"Input otp #1","d":"Standard 6-digit OTP input field with default value.","s":"designali","c":"inputs/otp-input","hc":1},{"id":"designali:input-otp-02","t":"Input otp #2","d":"6-digit OTP input with separators dividing field groups.","s":"designali","c":"inputs/otp-input","hc":1},{"id":"designali:input-otp-03","t":"Input otp #3","d":"4-digit numeric OTP input restricted with digit-only regex pattern validation.","s":"designali","c":"inputs/otp-input","hc":1},{"id":"designali:label-01","t":"Label #1","s":"designali","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"designali:label-02","t":"Label #2","s":"designali","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"designali:menubar-01","t":"Menubar #1","d":"Desktop application top navigation bar with nested submenus, shortcuts, and selections.","s":"designali","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"designali:menubar-02","t":"Menubar #2","d":"Menubar featuring single-select radio button groups for active user and theme selections.","s":"designali","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"designali:navigation-menu-01","t":"Navigation menu 01","d":"Full-featured navigation menu with rich dropdown layouts, component grids, and icons.","s":"designali","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"designali:field-01","t":"Field #1","d":"A complete checkout form demonstrating nested field groups, fieldsets, field legends, and ","s":"designali","c":"inputs/form-field","hc":1},{"id":"designali:field-02","t":"Field #2","d":"An account credentials fieldset featuring username and password inputs with field descript","s":"designali","c":"inputs/form-field","hc":1},{"id":"designali:field-03","t":"Field #3","d":"A feedback form field configuration utilizing a textarea control with descriptive field te","s":"designali","c":"inputs/form-field","hc":1},{"id":"designali:pagination-01","t":"Pagination #1","d":"Standard pagination bar with previous, next, page numbers, and ellipsis indicator.","s":"designali","c":"navigation/pagination","hc":1},{"id":"designali:pagination-02","t":"Pagination #2","d":"Compact pagination layout featuring rows-per-page selector paired with icon-only previous ","s":"designali","c":"navigation/pagination","hc":1,"cp":1},{"id":"designali:pagination-03","t":"Pagination #3","d":"Simple, minimal pagination listing numbered page links without previous or next buttons.","s":"designali","c":"navigation/pagination","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"designali:popover-01","t":"Popover #1","d":"Standard popover with dimension controls and field inputs.","s":"designali","c":"overlays/popover","hc":1},{"id":"designali:popover-02","t":"Popover #2","d":"Popover content alignment variants illustrating start, center, and end placements.","s":"designali","c":"overlays/popover","hc":1},{"id":"designali:popover-03","t":"Popover #3","d":"Popover containing a structured form with headers, descriptions, and horizontal field inpu","s":"designali","c":"overlays/popover","hc":1},{"id":"designali:progress-01","t":"Progress #1","d":"Standard animated progress bar component demonstrating a dynamic loading state.","s":"designali","c":"data-viz/progress-bar","hc":1},{"id":"designali:progress-02","t":"Progress #2","d":"Progress component featuring built-in label and numerical percentage indicators.","s":"designali","c":"data-viz/progress-bar","hc":1},{"id":"designali:progress-03","t":"Progress #3","d":"Controlled progress indicator paired with an interactive slider control.","s":"designali","c":"data-viz/progress-bar","hc":1},{"id":"designali:radio-group-01","t":"Radio group #1","d":"Standard radio button group with text labels.","s":"designali","c":"inputs/radio","hc":1},{"id":"designali:radio-group-02","t":"Radio group #2","d":"Radio group integrated with field components for layout and detailed descriptions.","s":"designali","c":"inputs/radio","hc":1,"cp":1},{"id":"designali:radio-group-03","t":"Radio group #3","d":"Radio group styled as interactive choice cards with title and description fields.","s":"designali","c":"inputs/radio","hc":1,"cp":1},{"id":"designali:resizable-01","t":"Resizable #1","d":"Nested horizontal and vertical resizable panel groups with visible drag handles.","k":"layout","s":"designali","c":"layout/split-pane","hc":1},{"id":"designali:resizable-02","t":"Resizable #2","d":"Vertical resizable panel layout configured for header and content areas.","k":"layout","s":"designali","c":"layout/split-pane","hc":1,"cp":1},{"id":"designali:resizable-03","t":"Resizable #3","d":"Horizontal resizable panel layout with a drag handle icon for sidebar and main content.","k":"layout","s":"designali","c":"layout/split-pane","hc":1},{"id":"designali:scroll-area-01","t":"Scroll area #1","d":"Vertical scroll area component displaying a long list with subtle dividers.","k":"layout","s":"designali","c":"layout/scroll-area","hc":1},{"id":"designali:scroll-area-02","t":"Scroll area #2","d":"Horizontal scroll area featuring image thumbnails and an explicit scroll bar orientation.","k":"layout","s":"designali","c":"layout/scroll-area","hc":1},{"id":"designali:select-01","t":"Select #1","d":"Basic select dropdown component with grouped items and a clear placeholder state.","s":"designali","c":"inputs/select","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:select-02","t":"Select #2","d":"Interactive select component with a toggle switch to dynamically adjust trigger alignment.","s":"designali","c":"inputs/select","hc":1},{"id":"designali:select-03","t":"Select #3","d":"Select dropdown featuring grouped categories separated by visual dividers.","s":"designali","c":"inputs/select","hc":1},{"id":"designali:separator-01","t":"Separator #1","d":"Horizontal separator component dividing text content and headers.","k":"motion","s":"designali","c":"motion/text-effect","hc":1},{"id":"designali:separator-02","t":"Separator #2","d":"Vertical separator component used as a divider between inline navigation links.","k":"layout","s":"designali","c":"layout/page-shell","hc":1},{"id":"designali:separator-03","t":"Separator #3","d":"Multiple horizontal separators dividing items in a key-value list layout.","s":"designali","c":"data-display/list","hc":1},{"id":"designali:sheet-01","t":"Sheet #1","d":"Slide-over sheet component with header, form fields, and footer actions.","s":"designali","c":"overlays/sheet","hc":1},{"id":"designali:sheet-02","t":"Sheet #2","d":"Sheet component featuring custom side placements and interaction options.","s":"designali","c":"overlays/sheet","hc":1},{"id":"designali:skeleton-01","t":"Skeleton #1","d":"Basic skeleton loading state for an avatar and multi-line text block.","s":"designali","c":"status/skeleton","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:skeleton-02","t":"Skeleton #2","d":"Skeleton loader structured inside a card container with header and video placeholder.","s":"designali","c":"status/skeleton","hc":1},{"id":"designali:skeleton-03","t":"Skeleton #3","d":"Complex skeleton placeholder layout for a data table or feed item.","s":"designali","c":"status/skeleton","hc":1,"cp":1},{"id":"designali:slider-01","t":"Slider #1","d":"Basic single-thumb range slider component.","s":"designali","c":"inputs/slider","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:slider-02","t":"Slider #2","d":"Controlled dual-thumb range slider with label and dynamic value output.","s":"designali","c":"inputs/slider","hc":1,"cp":1},{"id":"designali:slider-03","t":"Slider #3","d":"Slider component configured with custom step intervals and tick indicators.","s":"designali","c":"inputs/slider","hc":1,"cp":1},{"id":"designali:slider-04","t":"Slider #4","d":"Vertical slider variant with boundary limits and disabled state showcase.","s":"designali","c":"inputs/slider","hc":1},{"id":"designali:spinner-01","t":"Spinner #1","d":"Loading spinner integrated within an item component to indicate an active processing state","s":"designali","c":"status/loader","sb":"Spinners","hc":1},{"id":"designali:spinner-02","t":"Spinner #2","d":"Standalone spinner indicator with varying size and color utility configurations.","s":"designali","c":"status/loader","sb":"Spinners","hc":1,"cp":1},{"id":"designali:switch-01","t":"Switch #1","d":"Basic toggle switch component paired with an inline text label.","s":"designali","c":"actions/switch","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:switch-02","t":"Switch #2","d":"Grouped layout containing switches alongside titles and descriptions.","s":"designali","c":"actions/switch","hc":1,"cp":1},{"id":"designali:table-01","t":"Table #1","d":"Standard data table display with caption, styled header, row items, and total calculation ","s":"designali","c":"data-display/table","hc":1},{"id":"designali:table-02","t":"Table #2","d":"Interactive data table with per-row dropdown action menus.","s":"designali","c":"data-display/table","hc":1},{"id":"designali:tabs-01","t":"Tabs #1","d":"Standard tabs layout with card components inside tab content panels.","s":"designali","c":"navigation/tabs","hc":1},{"id":"designali:tabs-02","t":"Tabs #2","d":"Tabs navigation rendered with an active underline indicator variant.","s":"designali","c":"navigation/tabs","hc":1,"cp":1},{"id":"designali:textarea-01","t":"Textarea #1","d":"Standard multi-line text input field component.","s":"designali","c":"inputs/textarea","hc":1},{"id":"designali:textarea-02","t":"Textarea #2","d":"Textarea input integrated within a field wrapper with label and helper description.","s":"designali","c":"inputs/textarea","hc":1},{"id":"designali:toast-01","t":"Toast #1","d":"Actionable toast notification triggered via button interaction.","s":"designali","c":"overlays/toast","hc":1},{"id":"designali:toast-02","t":"Toast #2","d":"Variant toast notifications displaying default, success, info, warning, and error states.","s":"designali","c":"overlays/toast","hc":1},{"id":"designali:toggle-01","t":"Toggle #1","d":"Small outline toggle button featuring an icon and text label.","s":"designali","c":"actions/switch","hc":1},{"id":"designali:toggle-02","t":"Toggle #2","d":"Group of outline toggle buttons for text formatting controls.","s":"designali","c":"actions/switch","hc":1},{"id":"designali:toggle-group-01","t":"Toggle group #1","d":"Multiple-selection outline toggle group for text formatting icon controls.","s":"designali","c":"actions/switch","hc":1},{"id":"designali:toggle-group-02","t":"Toggle group #2","d":"Outline toggle group for filter selection with a default active state.","s":"designali","c":"actions/switch","hc":1},{"id":"designali:tooltip-01","t":"Tooltip #1","d":"Standard tooltip triggered by hovering over an outline button.","s":"designali","c":"overlays/tooltip","hc":1},{"id":"designali:tooltip-02","t":"Tooltip #2","d":"Tooltips demonstrated across all directional sides (left, top, bottom, right).","s":"designali","c":"overlays/tooltip","hc":1},{"id":"designali:counter-number-currency","t":"Counter Number","k":"motion","s":"designali","c":"motion/number-ticker","hc":1},{"id":"designali:counter-number-custom","t":"Counter Number","k":"motion","s":"designali","c":"motion/number-ticker","hc":1},{"id":"designali:counter-number-decimal","t":"Counter Number","k":"motion","s":"designali","c":"motion/number-ticker","hc":1},{"id":"designali:counter-number-percentage","t":"Counter Number","k":"motion","s":"designali","c":"motion/number-ticker","hc":1},{"id":"designali:counter-number-prefix","t":"Counter Number","k":"motion","s":"designali","c":"motion/number-ticker","hc":1},{"id":"designali:counter-number-seperator","t":"Counter Number","k":"motion","s":"designali","c":"motion/number-ticker","hc":1},{"id":"designali:gauge-demo-basic","t":"Gauge demo basic","d":"Basic gauge demo","s":"designali","c":"data-viz/gauge","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"designali:gauge-demo-custom-value","t":"Gauge demo custom value","d":"Gauge with custom value text","s":"designali","c":"data-viz/gauge","hc":1},{"id":"designali:gauge-demo-sizes","t":"Gauge demo sizes","d":"Gauge size variations","s":"designali","c":"data-viz/gauge","hc":1},{"id":"designali:gauge-demo-thickness","t":"Gauge demo thickness","d":"Gauge thickness variations","s":"designali","c":"data-viz/gauge","hc":1},{"id":"designali:gauge-demo-gap","t":"Gauge demo gap","d":"Gauge gap variations","s":"designali","c":"data-viz/gauge","hc":1},{"id":"designali:gauge-demo-segments","t":"Gauge demo segments","d":"Gauge segment variations","s":"designali","c":"data-viz/gauge","hc":1},{"id":"designali:gauge-demo-angles","t":"Gauge demo angles","d":"Gauge angle variations","s":"designali","c":"data-viz/gauge","hc":1},{"id":"designali:gauge-demo-radius","t":"Gauge demo radius","d":"Gauge radius customization","s":"designali","c":"data-viz/gauge","hc":1},{"id":"designali:gauge-demo-states","t":"Gauge demo states","d":"Gauge loading and complete states","s":"designali","c":"data-viz/gauge","hc":1},{"id":"designali:gauge-demo-range","t":"Gauge demo range","d":"Gauge with custom min and max ranges","s":"designali","c":"inputs/slider","hc":1},{"id":"designali:gauge-demo-label","t":"Gauge demo label","d":"Gauge with label","s":"designali","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"designali:gauge-demo-custom-content","t":"Gauge demo custom content","d":"Gauge with custom center content","s":"designali","c":"data-viz/gauge","hc":1},{"id":"designali:gauge-demo-biomarker","t":"Gauge demo biomarker","d":"Biomarker gauge components","s":"designali","c":"data-viz/gauge","hc":1},{"id":"designali:gauge-demo-multiple","t":"Gauge demo multiple","d":"Multiple gauges displayed together","s":"designali","c":"data-viz/gauge","hc":1},{"id":"designali:gauge-demo-combined","t":"Gauge demo combined","d":"Combined gauge composition demo","s":"designali","c":"data-viz/gauge","hc":1},{"id":"dgit:theme","t":"Theme","d":"Neutral gray scale (light and dark), shadcn's color names on it, type scale, menu animatio","k":"lib","s":"dgit","c":"lib/utility","sb":"Theme","fw":"CSS","hc":1},{"id":"dgit:use-theme","t":"useTheme","d":"System, light or dark, kept in localStorage and applied as <html data-theme>. Includes the","k":"lib","s":"dgit","c":"lib/utility","sb":"Theme","hc":1},{"id":"dgit:button","t":"Button","d":"Pill buttons, 40px tall by default.","s":"dgit","c":"actions/button","hc":1},{"id":"dgit:menu","t":"Menu","d":"A floating panel from a trigger: 12px corners, 36px rows, grows from the trigger. No posit","s":"dgit","c":"navigation/menu","hc":1},{"id":"dgit:account-menu","t":"Account menu","d":"Avatar button and menu: name and email, a system/light/dark switch, your links, log out.","s":"dgit","c":"navigation/menu","hc":1},{"id":"dgit:page","t":"Page","d":"PageHeader, Section, List (rounded rows), Notice, and ago() for relative times.","s":"dgit","c":"overlays/alert-banner","hc":1},{"id":"dgit:copy","t":"Copy","d":"CopyButton and CopyField (a monospace value with a copy button).","s":"dgit","c":"actions/copy-button","hc":1},{"id":"dgit:segmented","t":"Segmented","d":"Two or three choices in one small pill.","s":"dgit","c":"navigation/tabs","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"dgit:app-header","t":"App header","d":"Dashboard top bar: brand, pill navigation, and a slot for the account menu.","s":"dgit","c":"navigation/top-nav","hc":1},{"id":"dgit:sidebar-layout","t":"Sidebar layout","d":"Dashboard with a sidebar: drill-in groups and route layers that slide in with a back row, ","s":"dgit","c":"navigation/sidebar","hc":1},{"id":"dgit:auth-page","t":"Sign in page","d":"Centered 384px column, 30px title, stacked 40px pill choices, code field, 'Signing in to <","k":"layout","s":"dgit","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"diarmuradi:accordion","t":"Accordion","s":"diarmuradi","c":"data-display/accordion","hc":1},{"id":"diarmuradi:alert","t":"Alert","s":"diarmuradi","c":"overlays/alert-banner","hc":1},{"id":"diarmuradi:alert-dialog","t":"Alert dialog","s":"diarmuradi","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"diarmuradi:aspect-ratio","t":"Aspect ratio","k":"layout","s":"diarmuradi","c":"layout/page-shell","hc":1},{"id":"diarmuradi:attachment","t":"Attachment","s":"diarmuradi","c":"inputs/file-upload","hc":1},{"id":"diarmuradi:auto-resize","t":"Auto Resize","k":"lib","s":"diarmuradi","c":"lib/hook","hc":1},{"id":"diarmuradi:avatar","t":"Avatar","s":"diarmuradi","c":"data-display/avatar","hc":1},{"id":"diarmuradi:badge","t":"Badge","s":"diarmuradi","c":"data-display/badge","hc":1},{"id":"diarmuradi:breadcrumb","t":"Breadcrumb","s":"diarmuradi","c":"navigation/breadcrumb","hc":1},{"id":"diarmuradi:bubble","t":"Bubble","s":"diarmuradi","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"diarmuradi:button","t":"Button","s":"diarmuradi","c":"actions/button","hc":1},{"id":"diarmuradi:button-group","t":"Button group","s":"diarmuradi","c":"actions/button","sb":"Groups and split","hc":1},{"id":"diarmuradi:calendar","t":"Calendar","s":"diarmuradi","c":"data-display/calendar","hc":1},{"id":"diarmuradi:card","t":"Card","s":"diarmuradi","c":"data-display/card","hc":1},{"id":"diarmuradi:carousel","t":"Carousel","s":"diarmuradi","c":"media/carousel","hc":1},{"id":"diarmuradi:chart","t":"Chart","s":"diarmuradi","c":"data-viz/chart","hc":1},{"id":"diarmuradi:checkbox","t":"Checkbox","s":"diarmuradi","c":"inputs/checkbox","hc":1},{"id":"diarmuradi:collapsible","t":"Collapsible","s":"diarmuradi","c":"data-display/accordion","hc":1},{"id":"diarmuradi:combobox","t":"Combobox","s":"diarmuradi","c":"inputs/combobox","hc":1},{"id":"diarmuradi:command","t":"Command","s":"diarmuradi","c":"navigation/command-palette","hc":1},{"id":"diarmuradi:context-menu","t":"Context menu","s":"diarmuradi","c":"overlays/context-menu","hc":1},{"id":"diarmuradi:dialog","t":"Dialog","s":"diarmuradi","c":"overlays/dialog","hc":1},{"id":"diarmuradi:direction","t":"Direction","s":"diarmuradi","c":"other/other","hc":1},{"id":"diarmuradi:drawer","t":"Drawer","s":"diarmuradi","c":"overlays/sheet","hc":1},{"id":"diarmuradi:dropdown-menu","t":"Dropdown menu","s":"diarmuradi","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"diarmuradi:empty","t":"Empty","s":"diarmuradi","c":"data-display/empty-state","hc":1},{"id":"diarmuradi:fancy-button","t":"Fancy Button","k":"lib","s":"diarmuradi","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"diarmuradi:faq-1","t":"Faq #1","k":"section","s":"diarmuradi","c":"marketing/faq","hc":1},{"id":"diarmuradi:faq-10","t":"Faq #10","k":"section","s":"diarmuradi","c":"marketing/faq","hc":1},{"id":"diarmuradi:faq-11","t":"Faq #11","k":"section","s":"diarmuradi","c":"marketing/faq","hc":1},{"id":"diarmuradi:faq-12","t":"Faq #12","k":"section","s":"diarmuradi","c":"marketing/faq","hc":1},{"id":"diarmuradi:faq-13","t":"Faq #13","k":"section","s":"diarmuradi","c":"marketing/faq","hc":1},{"id":"diarmuradi:faq-14","t":"Faq #14","k":"section","s":"diarmuradi","c":"marketing/faq","hc":1},{"id":"diarmuradi:faq-2","t":"Faq #2","k":"section","s":"diarmuradi","c":"marketing/faq","hc":1},{"id":"diarmuradi:faq-3","t":"Faq #3","k":"section","s":"diarmuradi","c":"marketing/faq","hc":1},{"id":"diarmuradi:faq-4","t":"Faq #4","k":"section","s":"diarmuradi","c":"marketing/faq","hc":1},{"id":"diarmuradi:faq-5","t":"Faq #5","k":"section","s":"diarmuradi","c":"marketing/faq","hc":1},{"id":"diarmuradi:faq-6","t":"Faq #6","k":"section","s":"diarmuradi","c":"marketing/faq","hc":1},{"id":"diarmuradi:faq-7","t":"Faq #7","k":"section","s":"diarmuradi","c":"marketing/faq","hc":1},{"id":"diarmuradi:faq-8","t":"Faq #8","k":"section","s":"diarmuradi","c":"marketing/faq","hc":1},{"id":"diarmuradi:faq-9","t":"Faq #9","k":"section","s":"diarmuradi","c":"marketing/faq","hc":1},{"id":"diarmuradi:field","t":"Field","s":"diarmuradi","c":"inputs/form-field","hc":1},{"id":"diarmuradi:header-1","t":"Header #1","s":"diarmuradi","c":"navigation/top-nav","hc":1},{"id":"diarmuradi:header-2","t":"Header #2","s":"diarmuradi","c":"navigation/top-nav","hc":1},{"id":"diarmuradi:header-3","t":"Header #3","s":"diarmuradi","c":"navigation/top-nav","hc":1},{"id":"diarmuradi:header-4","t":"Header #4","s":"diarmuradi","c":"navigation/top-nav","hc":1},{"id":"diarmuradi:header-5","t":"Header #5","s":"diarmuradi","c":"navigation/top-nav","hc":1},{"id":"diarmuradi:header-6","t":"Header #6","s":"diarmuradi","c":"navigation/top-nav","hc":1},{"id":"diarmuradi:hover-card","t":"Hover card","s":"diarmuradi","c":"overlays/hover-card","hc":1},{"id":"diarmuradi:icons","t":"Icons","k":"lib","s":"diarmuradi","c":"lib/utility","hc":1},{"id":"diarmuradi:input","t":"Input","s":"diarmuradi","c":"inputs/form-field","vn":1,"hc":1},{"id":"diarmuradi:input-otp","t":"Input otp","s":"diarmuradi","c":"inputs/otp-input","hc":1},{"id":"diarmuradi:iphone-mockup","t":"Iphone Mockup","k":"lib","s":"diarmuradi","c":"lib/utility","hc":1},{"id":"diarmuradi:item","t":"Item","s":"diarmuradi","c":"data-display/list","hc":1},{"id":"diarmuradi:kbd","t":"Kbd","s":"diarmuradi","c":"data-display/typography","hc":1},{"id":"diarmuradi:label","t":"Label","s":"diarmuradi","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"diarmuradi:marker","t":"Marker","s":"diarmuradi","c":"other/other","hc":1},{"id":"diarmuradi:menubar","t":"Menubar","s":"diarmuradi","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"diarmuradi:message","t":"Message","s":"diarmuradi","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"diarmuradi:message-scroller","t":"Message scroller","s":"diarmuradi","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"diarmuradi:native-select","t":"Native select","s":"diarmuradi","c":"inputs/select","hc":1},{"id":"diarmuradi:navigation-menu","t":"Navigation menu","s":"diarmuradi","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"diarmuradi:new-password-1","t":"New Password #1","k":"section","s":"diarmuradi","c":"marketing/marketing","hc":1},{"id":"diarmuradi:new-password-2","t":"New Password #2","k":"section","s":"diarmuradi","c":"marketing/marketing","hc":1},{"id":"diarmuradi:pagination","t":"Pagination","s":"diarmuradi","c":"navigation/pagination","hc":1},{"id":"diarmuradi:popover","t":"Popover","s":"diarmuradi","c":"overlays/popover","hc":1},{"id":"diarmuradi:pricing-1","t":"Pricing #1","k":"section","s":"diarmuradi","c":"marketing/pricing","hc":1},{"id":"diarmuradi:pricing-10","t":"Pricing #10","k":"section","s":"diarmuradi","c":"marketing/pricing","hc":1},{"id":"diarmuradi:pricing-11","t":"Pricing #11","k":"section","s":"diarmuradi","c":"marketing/pricing","hc":1},{"id":"diarmuradi:pricing-12","t":"Pricing #12","k":"section","s":"diarmuradi","c":"marketing/pricing","hc":1},{"id":"diarmuradi:pricing-13","t":"Pricing #13","k":"section","s":"diarmuradi","c":"marketing/pricing","hc":1},{"id":"diarmuradi:pricing-14","t":"Pricing #14","k":"section","s":"diarmuradi","c":"marketing/pricing","hc":1},{"id":"diarmuradi:pricing-2","t":"Pricing #2","k":"section","s":"diarmuradi","c":"marketing/pricing","hc":1},{"id":"diarmuradi:pricing-3","t":"Pricing #3","k":"section","s":"diarmuradi","c":"marketing/pricing","hc":1},{"id":"diarmuradi:pricing-4","t":"Pricing #4","k":"section","s":"diarmuradi","c":"marketing/pricing","hc":1},{"id":"diarmuradi:pricing-5","t":"Pricing #5","k":"section","s":"diarmuradi","c":"marketing/pricing","hc":1},{"id":"diarmuradi:pricing-6","t":"Pricing #6","k":"section","s":"diarmuradi","c":"marketing/pricing","hc":1},{"id":"diarmuradi:pricing-7","t":"Pricing #7","k":"section","s":"diarmuradi","c":"marketing/pricing","hc":1},{"id":"diarmuradi:pricing-8","t":"Pricing #8","k":"section","s":"diarmuradi","c":"marketing/pricing","hc":1},{"id":"diarmuradi:pricing-9","t":"Pricing #9","k":"section","s":"diarmuradi","c":"marketing/pricing","hc":1},{"id":"diarmuradi:progress","t":"Progress","s":"diarmuradi","c":"data-viz/progress-bar","hc":1},{"id":"diarmuradi:qr-code","t":"Qr Code","k":"lib","s":"diarmuradi","c":"lib/utility","hc":1},{"id":"diarmuradi:questionnaire","t":"Questionnaire","s":"diarmuradi","c":"other/other","hc":1},{"id":"diarmuradi:radio-group","t":"Radio group","s":"diarmuradi","c":"inputs/radio","hc":1},{"id":"diarmuradi:recovery-code-1","t":"Recovery Code #1","k":"section","s":"diarmuradi","c":"marketing/marketing","hc":1},{"id":"diarmuradi:recovery-code-2","t":"Recovery Code #2","k":"section","s":"diarmuradi","c":"marketing/marketing","hc":1},{"id":"diarmuradi:reset-password-1","t":"Reset Password #1","k":"layout","s":"diarmuradi","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"diarmuradi:reset-password-2","t":"Reset Password #2","k":"layout","s":"diarmuradi","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"diarmuradi:resizable","t":"Resizable","k":"layout","s":"diarmuradi","c":"layout/split-pane","hc":1},{"id":"diarmuradi:scroll-area","t":"Scroll area","k":"layout","s":"diarmuradi","c":"layout/scroll-area","hc":1},{"id":"diarmuradi:select","t":"Select","s":"diarmuradi","c":"inputs/select","hc":1},{"id":"diarmuradi:separator","t":"Separator","k":"layout","s":"diarmuradi","c":"layout/page-shell","hc":1},{"id":"diarmuradi:sheet","t":"Sheet","s":"diarmuradi","c":"overlays/sheet","hc":1},{"id":"diarmuradi:sidebar","t":"Sidebar","s":"diarmuradi","c":"navigation/sidebar","hc":1},{"id":"diarmuradi:sign-in-1","t":"Sign In #1","k":"layout","s":"diarmuradi","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"diarmuradi:sign-in-2","t":"Sign In #2","k":"layout","s":"diarmuradi","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"diarmuradi:sign-up-1","t":"Sign Up #1","k":"layout","s":"diarmuradi","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"diarmuradi:sign-up-2","t":"Sign Up #2","k":"layout","s":"diarmuradi","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"diarmuradi:skeleton","t":"Skeleton","s":"diarmuradi","c":"status/skeleton","hc":1},{"id":"diarmuradi:slider","t":"Slider","s":"diarmuradi","c":"inputs/slider","hc":1},{"id":"diarmuradi:sonner","t":"Sonner","s":"diarmuradi","c":"overlays/toast","hc":1},{"id":"diarmuradi:spinner","t":"Spinner","s":"diarmuradi","c":"status/loader","sb":"Spinners","hc":1},{"id":"diarmuradi:switch","t":"Switch","s":"diarmuradi","c":"actions/switch","hc":1},{"id":"diarmuradi:table","t":"Table","s":"diarmuradi","c":"data-display/table","hc":1},{"id":"diarmuradi:tabs","t":"Tabs","s":"diarmuradi","c":"navigation/tabs","hc":1},{"id":"diarmuradi:textarea","t":"Textarea","s":"diarmuradi","c":"inputs/textarea","hc":1},{"id":"diarmuradi:toast","t":"Toast","s":"diarmuradi","c":"overlays/toast","hc":1},{"id":"diarmuradi:toggle","t":"Toggle","s":"diarmuradi","c":"actions/switch","vn":1,"hc":1},{"id":"diarmuradi:tooltip","t":"Tooltip","s":"diarmuradi","c":"overlays/tooltip","hc":1},{"id":"diarmuradi:two-factor-1","t":"Two Factor #1","k":"layout","s":"diarmuradi","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"diarmuradi:two-factor-2","t":"Two Factor #2","k":"layout","s":"diarmuradi","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"diarmuradi:use-media-query","t":"Use Media Query","k":"lib","s":"diarmuradi","c":"lib/hook","hc":1},{"id":"diarmuradi:use-mobile","t":"Use mobile","k":"lib","s":"diarmuradi","c":"lib/hook","hc":1,"cp":1},{"id":"diarmuradi:use-mounted","t":"Use Mounted","k":"lib","s":"diarmuradi","c":"lib/hook","hc":1},{"id":"diarmuradi:utils","t":"Utils","k":"lib","s":"diarmuradi","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"diarmuradi:verification-1","t":"Verification #1","k":"section","s":"diarmuradi","c":"marketing/marketing","hc":1},{"id":"diarmuradi:verification-2","t":"Verification #2","k":"section","s":"diarmuradi","c":"marketing/marketing","hc":1},{"id":"diklein:dk-product-card","t":"DKProductCard","d":"A product card for MDX blogs. Title, description, image, status strip, and note-style bodi","s":"diklein","c":"data-display/card","sb":"Product","hc":1},{"id":"diklein:dk-media-viewer","t":"DKMediaViewer","d":"A minimalist, performant, and elegant photo and video viewer for React. Masonry grid, fly-","s":"diklein","c":"overlays/lightbox","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"diklein:dk-bezeler","t":"DKBezeler","d":"Display components for DKBezeler's baked device frames: a framed still as a plain image, a","s":"diklein","c":"media/player","hc":1},{"id":"dominik-ui:expandable-tabs","t":"Expandable Tabs","d":"Animated icon tabs with a sliding active pill and an expanding label, built on the shadcn ","s":"dominik-ui","c":"navigation/tabs","hc":1},{"id":"dominik-ui:command-tabs","t":"Command Tabs","d":"A copyable command block with attached agent tabs and a sliding active pill — tabs can sit","s":"dominik-ui","c":"navigation/tabs","hc":1},{"id":"dominik-ui:permission-selector","t":"Permission Selector","d":"A composable segmented permission control with an animated sliding pill — read/write level","s":"dominik-ui","c":"navigation/tabs","hc":1},{"id":"dominik-ui:braille-loader","t":"Braille Loader","d":"An animated braille loading indicator with wave, typewriter, shimmer, and pulse variants.","s":"dominik-ui","c":"status/loader","sb":"Text loaders","hc":1},{"id":"dotmatrix:dotm-square-1","t":"Neon Drift","d":"Same ripple family as the icon, with a wave that sweeps from the top-right toward the bott","k":"resource","s":"dotmatrix","c":"assets/icon","tg":["neon"],"sy":["neon"],"hc":1},{"id":"dotmatrix:dotm-square-2","t":"Pulse Ladder","d":"Clockwise snake route: starts bottom-left up column 1, jumps to column 3 down, then column","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-square-3","t":"Core Spiral","d":"A 4-dot tail spirals clockwise from the outer border toward the center of the 5x5 grid.","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-square-4","t":"Twin Orbit","d":"Outer ring snake moves clockwise, middle ring snake moves anticlockwise, and the center do","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-square-5","t":"Prism Sweep","d":"Snake-style trail that traverses the 5x5 grid on alternating diagonals.","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-square-6","t":"Flux Columns","d":"Five simultaneous snakes: columns 1/3/5 move up while columns 2/4 move down.","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-square-7","t":"Block Drop","d":"Tetromino-like frames drop and stack in a 5x5 matrix, then flash a row-clear beat.","s":"dotmatrix","c":"data-display/list","hc":1},{"id":"dotmatrix:dotm-square-8","t":"Strobe Stack","d":"Each column stacks upward on a stagger (Tetris-style), the full grid blinks twice, then co","s":"dotmatrix","c":"data-display/badge","hc":1},{"id":"dotmatrix:dotm-square-9","t":"Glyph Pulse","d":"Two synced 2×3 cells (Unicode dot order) step through clear motifs: rails, full grid, thre","s":"dotmatrix","c":"data-display/list","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"dotmatrix:dotm-square-10","t":"CRT Glide","d":"A CRT-style horizontal scanline moves down the matrix; swept rows leave a soft phosphor tr","s":"dotmatrix","c":"data-display/list","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"dotmatrix:dotm-square-11","t":"Echo Ring","d":"Concentric diamond ripple with a soft secondary echo pulse per ring.","k":"motion","s":"dotmatrix","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"dotmatrix:dotm-square-12","t":"Origin Wave","d":"Ripple starts at cell (2,2) and expands outward in concentric rings.","k":"motion","s":"dotmatrix","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"dotmatrix:dotm-square-13","t":"Core Rotor","d":"Single fan blade rotating around a center hub for a clean, readable loop.","s":"dotmatrix","c":"other/other","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"dotmatrix:dotm-square-14","t":"Prism Bloom","d":"A symmetric kaleidoscope bloom cycling through clean radial motifs.","s":"dotmatrix","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"dotmatrix:dotm-square-15","t":"Helix Glow","d":"Two mirrored strands with periodic bridges pulse like a compact DNA helix.","k":"motion","s":"dotmatrix","c":"motion/background","tg":["neon"],"sb":"Grids and patterns","sy":["neon"],"hc":1},{"id":"dotmatrix:dotm-square-16","t":"Helix Core","d":"A narrower helix variant that stays in the center band while preserving strand/rung rhythm","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-square-17","t":"Half Helix","d":"Single-strand helix variant that shows one side of the DNA wave.","k":"motion","s":"dotmatrix","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"dotmatrix:dotm-square-18","t":"Sound Bars","d":"Equalizer-style vertical bars that pulse like live music levels.","k":"resource","s":"dotmatrix","c":"assets/sound","hc":1},{"id":"dotmatrix:dotm-square-19","t":"Infinity Run","d":"Dual counter-rotating heads trace a figure-eight with a soft crossover pulse at center.","k":"motion","s":"dotmatrix","c":"motion/number-ticker","hc":1},{"id":"dotmatrix:dotm-square-20","t":"Mobius Run","d":"A bright head and tail run around the outer ring; a dimmer second train stays half a lap b","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-circular-1","t":"Halo Drift","d":"A circular-masked half-helix that travels diagonally from top-left to bottom-right with a ","k":"motion","s":"dotmatrix","c":"motion/background","hc":1},{"id":"dotmatrix:dotm-circular-2","t":"Tri Orbit","d":"Three luminous heads orbit the circular ring at equal offsets, creating a triad chase that","k":"motion","s":"dotmatrix","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"dotmatrix:dotm-circular-3","t":"Plasma Veil","d":"A plasma-like diagonal sweep and pulsing core weave through the circular mask for a distin","k":"motion","s":"dotmatrix","c":"motion/background","hc":1},{"id":"dotmatrix:dotm-circular-4","t":"Radar Arc","d":"A rotating radar arm scans the circular grid with a bright beam front, soft wake, and fain","s":"dotmatrix","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"dotmatrix:dotm-circular-5","t":"Nova Wheel","d":"Four rotating pinwheel blades spin through the circular matrix with a glowing center and s","s":"dotmatrix","c":"other/other","tg":["neon"],"sy":["neon"],"hc":1},{"id":"dotmatrix:dotm-circular-6","t":"Phase Orb","d":"An off-center orbiting energy point traces a phase-shifted loop, creating a drifting orbit","s":"dotmatrix","c":"ai-agent/ai-agent","tg":["neon"],"sb":"Orbs and presence","sy":["neon"],"hc":1},{"id":"dotmatrix:dotm-circular-7","t":"Gate Shift","d":"A scanning gate flips between vertical and horizontal sweeps, producing a crisp alternatin","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-circular-8","t":"Heart Pulse","d":"Pulse bursts from the center with a dual-beat cadence, sending soft concentric pressure wa","k":"motion","s":"dotmatrix","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"dotmatrix:dotm-circular-9","t":"Star Compass","d":"A cardinal beacon pattern: N/E/S/W sectors pulse in sequence with a dim opposite echo, cre","s":"dotmatrix","c":"data-display/card","hc":1},{"id":"dotmatrix:dotm-circular-10","t":"Binary Bloom","d":"Binary-style opacity tiers pulse in modular steps so only a few cells peak at once while o","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-circular-11","t":"Lunar Breathe","d":"A rotating crescent moon silhouette: bright lunar body, soft rim, and faint directional ha","k":"motion","s":"dotmatrix","c":"motion/background","hc":1},{"id":"dotmatrix:dotm-circular-12","t":"Arc Beacon","d":"A stepped 8-direction beacon beam sweeps around the circle with a dim opposite echo and di","k":"motion","s":"dotmatrix","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"dotmatrix:dotm-circular-13","t":"Twin Helix","d":"A circular-masked twin-helix: mirrored side strands weave inward and outward with intermit","k":"motion","s":"dotmatrix","c":"motion/background","hc":1},{"id":"dotmatrix:dotm-circular-14","t":"Rung Shift","d":"A shifting DNA ladder where a bright horizontal rung steps row-by-row while side anchors s","s":"dotmatrix","c":"data-display/list","hc":1},{"id":"dotmatrix:dotm-circular-15","t":"Glyph Cluster","d":"Braille-inspired grouped dot motifs cycle through rails, bridges, and cross forms inside t","s":"dotmatrix","c":"inputs/form-field","hc":1},{"id":"dotmatrix:dotm-circular-16","t":"Rail Scan","d":"A braille rail scanline sweeps row-by-row between left and right cells, with near-column a","s":"dotmatrix","c":"data-display/list","hc":1},{"id":"dotmatrix:dotm-circular-17","t":"Checker Shift","d":"Braille-biased checker phases alternate in stepped shifts, keeping rails pronounced while ","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-circular-18","t":"Pulse Pair","d":"Mirrored braille dot pairs pulse from top and bottom toward the center, with a connective ","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-circular-19","t":"Orbit Cell","d":"A bright braille cell head orbits the inner ring with a dim tail while rail columns remain","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-circular-20","t":"Glyph Cycle","d":"Distinct braille-like glyphs cycle in sequence with previous-frame ghosting for a crisp re","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-triangle-1","t":"Core Spokes","d":"A triangle-masked matrix where three spoke lines originate at the center and travel outwar","k":"motion","s":"dotmatrix","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"dotmatrix:dotm-triangle-2","t":"Altitude Wave","d":"A soft altitude wave travels between apex and base while the center column remains gently ","k":"motion","s":"dotmatrix","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"dotmatrix:dotm-triangle-3","t":"Corner Bounce","d":"A single head bounces between triangle corners along the perimeter path with a short fadin","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-triangle-4","t":"Vertex Chase","d":"Three staggered heads chase around the triangle perimeter, leaving short fading tails whil","k":"motion","s":"dotmatrix","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"dotmatrix:dotm-triangle-5","t":"Row Sweep","d":"A reflected scanline sweeps from apex to base and back, animating only opacity bands acros","s":"dotmatrix","c":"data-display/list","hc":1},{"id":"dotmatrix:dotm-triangle-6","t":"Braille Beat","d":"Triangle-masked braille dots fill down the left rail, then the right, then blink full and ","k":"motion","s":"dotmatrix","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"dotmatrix:dotm-triangle-7","t":"Oblique Weave","d":"Diagonal harmonics keyed on row + col: bright bands glide along oblique lines through the ","s":"dotmatrix","c":"data-display/list","hc":1},{"id":"dotmatrix:dotm-triangle-8","t":"Wing Metronome","d":"The lower triangle splits into left and right wings that trade emphasis on a pendulum beat","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-triangle-9","t":"Corona Tier","d":"Eight-connected distance rings from the heart cell: a bright corona sweeps outward through","k":"layout","s":"dotmatrix","c":"layout/page-shell","tg":["3d"],"sy":["3d"],"hc":1},{"id":"dotmatrix:dotm-triangle-10","t":"Column Rake","d":"A stepped head and tail snake the mask in strict column order (bottom to top per column, c","k":"motion","s":"dotmatrix","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"dotmatrix:dotm-triangle-11","t":"Shelf Descent","d":"Cosine bands keyed on Manhattan distance from the apex (not the center): energy reads as h","s":"dotmatrix","c":"data-display/badge","hc":1},{"id":"dotmatrix:dotm-triangle-12","t":"Skew Drift","d":"Traveling harmonics on `row - col` so bright ridges move along NE–SW obliques, orthogonal ","s":"dotmatrix","c":"data-display/list","hc":1},{"id":"dotmatrix:dotm-triangle-13","t":"Serpent Zip","d":"A stepped snake follows row-wise serpentine order (base left→right, then alternating row d","s":"dotmatrix","c":"data-display/list","hc":1},{"id":"dotmatrix:dotm-triangle-14","t":"Pillar Sweep","d":"A smooth vertical beam sweeps grid columns 0→6; only triangle-masked dots respond so the s","k":"motion","s":"dotmatrix","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"dotmatrix:dotm-triangle-15","t":"Tripod Handoff","d":"Brightness hands off smoothly among the three silhouette vertices (apex, left base, right ","k":"motion","s":"dotmatrix","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"dotmatrix:dotm-triangle-16","t":"Updraft","d":"A V-shaped thermal ridge moves through row-and-column space: brightness peaks along an inv","s":"dotmatrix","c":"data-display/list","hc":1},{"id":"dotmatrix:dotm-triangle-17","t":"Infinity Trace","d":"A stepped head and tail follow a single 10-cell path: left base up to the apex, down the r","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-triangle-18","t":"Hollow Shell","d":"The heart cell stays locked dim while every other triangle dot breathes together in phase ","k":"layout","s":"dotmatrix","c":"layout/page-shell","hc":1},{"id":"dotmatrix:dotm-triangle-19","t":"Pivot Ray","d":"A Gaussian wedge of brightness rotates around the heart cell using each dot’s polar angle ","s":"dotmatrix","c":"inputs/form-field","hc":1},{"id":"dotmatrix:dotm-triangle-20","t":"Twin Perimeter","d":"Two stepped heads chase the outer perimeter path half a lap apart, each with its own tail;","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-hex-1","t":"Hex Orbit","d":"A 3-4-5-4-3 hexagonal dot field with two soft perimeter heads chasing around the shell whi","k":"layout","s":"dotmatrix","c":"layout/page-shell","hc":1},{"id":"dotmatrix:dotm-hex-2","t":"Prism Bloom","d":"Three rotating spokes sweep through the hex field with a soft outer shell pulse and a brea","k":"layout","s":"dotmatrix","c":"layout/page-shell","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"dotmatrix:dotm-hex-3","t":"Honey Gate","d":"Two diagonal bands slide through the honeycomb from opposite sides, meeting in a bright ce","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-hex-4","t":"Vertex Relay","d":"A bright signal hands off around the hex vertices while inner echo dots answer each corner","k":"motion","s":"dotmatrix","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"dotmatrix:dotm-hex-5","t":"Spiral Lattice","d":"Counter-rotating spiral waves cross through the hex lattice, creating a fast core pulse an","k":"motion","s":"dotmatrix","c":"motion/number-ticker","hc":1},{"id":"dotmatrix:dotm-hex-6","t":"Chevron March","d":"Smooth chevron bands flow through the hex field in a wrapped loop, keeping an obvious arro","s":"dotmatrix","c":"inputs/form-field","hc":1},{"id":"dotmatrix:dotm-hex-7","t":"Hourglass Flip","d":"Top and bottom bars squeeze into a bright center hourglass, then flip into side rails and ","s":"dotmatrix","c":"other/other","tg":["glass"],"sy":["glass"],"hc":1},{"id":"dotmatrix:dotm-hex-8","t":"Glyph Flip","d":"Crisp symbolic masks flip between stars, chevrons, and rails for a snappy pixel-glyph load","s":"dotmatrix","c":"status/loader","tg":["retro and HUD"],"sb":"Dots and pulse","sy":["retro and HUD"],"hc":1},{"id":"dotmatrix:dotm-hex-9","t":"Petal Shimmer","d":"A four-petal highlight rotates through the hex with a soft shell sheen and steady center g","k":"layout","s":"dotmatrix","c":"layout/page-shell","tg":["neon"],"sy":["neon"],"hc":1},{"id":"dotmatrix:dotm-hex-10","t":"Liquid Vortex","d":"Refined swirl bands and a slower lens highlight create a smoother liquid shimmer through t","k":"motion","s":"dotmatrix","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"dotmatrix:dotm-3x3-1","t":"Square Spiral","d":"A compact 3×3 grid with a four-dot tail spiraling clockwise from the outer border toward t","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-3x3-2","t":"Drift TR","d":"Diagonal bands pulse in sequence across the 3×3 grid from the top-right corner toward the ","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-3x3-3","t":"Drift TL","d":"Diagonal bands pulse in sequence across the 3×3 grid from the top-left corner toward the b","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-3x3-4","t":"Drift BR","d":"Diagonal bands pulse in sequence across the 3×3 grid from the bottom-right corner toward t","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-3x3-5","t":"Drift BL","d":"Diagonal bands pulse in sequence across the 3×3 grid from the bottom-left corner toward th","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-3x3-6","t":"Core Echo","d":"Manhattan rings ripple outward from the center cell, expanding through the 3×3 grid in eve","k":"motion","s":"dotmatrix","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"dotmatrix:dotm-3x3-7","t":"Column Flux","d":"Vertical bands pulse in sequence from the left column through the right, lighting all thre","s":"dotmatrix","c":"data-display/list","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"dotmatrix:dotm-3x3-8","t":"Row Sweep","d":"Horizontal bands pulse in sequence from the top row down through the bottom of the 3×3 mat","s":"dotmatrix","c":"data-display/list","hc":1},{"id":"dotmatrix:dotm-3x3-9","t":"Serpent","d":"A narrow pulse travels the full serpentine path across all nine cells, row by row.","s":"dotmatrix","c":"data-display/list","hc":1},{"id":"dotmatrix:dotm-3x3-10","t":"Frame Chase","d":"A highlight runs clockwise around the outer frame while the center cell holds a steady pul","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-3x3-11","t":"Glyph Pulse","d":"Bold symbol motifs flash in sequence — corners, cross, full grid, center, ring, X, and sid","s":"dotmatrix","c":"other/other","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"dotmatrix:dotm-3x3-12","t":"Drop Ripple","d":"Concentric ripples expand from the center of the 3×3 grid, like a stone dropped in still w","k":"motion","s":"dotmatrix","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"dotmatrix:dotm-3x3-13","t":"Right Surge","d":"A vertical wave pulse sweeps from the right column toward the left, illuminating every row","s":"dotmatrix","c":"data-display/list","hc":1},{"id":"dotmatrix:dotm-3x3-14","t":"Comet Trail","d":"A bright comet with a two-dot tail races clockwise around the outer frame while the center","s":"dotmatrix","c":"other/other","hc":1},{"id":"dotmatrix:dotm-3x3-15","t":"Echo Rings","d":"Soft square ripples echo outward from the center through Manhattan rings, with a gentle al","k":"motion","s":"dotmatrix","c":"motion/text-effect","hc":1},{"id":"dotmatrix:dotm-3x3-16","t":"Smiley Spin","d":"A pixel smiley face rotates continuously in the 3×3 grid.","s":"dotmatrix","c":"other/other","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"dotmatrix:dotm-3x3-18","t":"Check Spin","d":"A pixel checkmark rotates continuously in the 3×3 grid.","s":"dotmatrix","c":"other/other","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"dotmatrix:dotm-3x3-19","t":"Arrow Spin","d":"A pixel right arrow rotates continuously in the 3×3 grid.","s":"dotmatrix","c":"other/other","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"dotmatrix:dotm-3x3-20","t":"Corner Spin","d":"An L-shaped pixel corner rotates continuously in the 3×3 grid.","s":"dotmatrix","c":"other/other","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"dotmatrix:dotm-3x3-21","t":"Play Spin","d":"A pixel play triangle rotates continuously in the 3×3 grid.","s":"dotmatrix","c":"other/other","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"dotmatrix:all","t":"All Dot Matrix Loaders","d":"Installs every Dot Matrix loader and shared runtime files in one command.","s":"dotmatrix","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"dsikeres1:date-range-picker","t":"Date Range Picker","d":"Compound component date range picker suite.","s":"dsikeres1","c":"inputs/date-range","hc":1},{"id":"easeui:accordion","t":"Accordion","d":"Expanding sections that grow to their natural height with no measuring, with arrow key nav","s":"easeui","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"easeui:alert","t":"Alert","d":"Banner with a colored accent stripe. Body text stays neutral so contrast never depends on ","s":"easeui","c":"overlays/alert-banner","hc":1},{"id":"easeui:avatar","t":"Avatar","d":"Round avatar in three sizes with an optional status dot. The image fades in on load and fa","s":"easeui","c":"data-display/avatar","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"easeui:badge","t":"Badge","d":"Small status pill in five colors, with a crossfade for when its variant changes.","s":"easeui","c":"data-display/badge","hc":1},{"id":"easeui:button","t":"Button","d":"Button with a quick press, hairline rings instead of borders, four variants, and a 44px ta","s":"easeui","c":"actions/button","sb":"Animated","hc":1},{"id":"easeui:card","t":"Card","d":"Bordered surface with header, content, and footer parts for grouping related content.","s":"easeui","c":"data-display/card","hc":1},{"id":"easeui:checkbox","t":"Checkbox","d":"Checkbox on a real checkbox input, with a check mark that pops in rather than just appeari","s":"easeui","c":"inputs/checkbox","hc":1},{"id":"easeui:command-palette","t":"Command Palette","d":"Command-K style search overlay that filters as you type, with arrow keys to move the highl","s":"easeui","c":"navigation/command-palette","hc":1},{"id":"easeui:copy-button","t":"Copy Button","d":"Copies text to the clipboard and trades its icon for a check for a moment, with a label or","s":"easeui","c":"actions/copy-button","hc":1},{"id":"easeui:diff-view","t":"Diff View","d":"A line-by-line diff with an added or removed mark in the gutter and a tinted row for each ","s":"easeui","c":"data-display/diff","hc":1},{"id":"easeui:drawer","t":"Drawer","d":"Sheet that slides up from the bottom edge on the native dialog element. Drag the handle do","s":"easeui","c":"overlays/sheet","hc":1},{"id":"easeui:dropdown-menu","t":"Dropdown Menu","d":"Action menu that opens from a trigger, flips upward when there is no room below, and suppo","s":"easeui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"easeui:dynamic-island","t":"Dynamic Island","d":"A pill that morphs between a compact status line and any number of named live-activity vie","s":"easeui","c":"data-display/badge","hc":1},{"id":"easeui:expandable-tabs","t":"Expandable Tabs","d":"A row of icon tabs where the selected one expands to reveal its label, sliding a shared ba","s":"easeui","c":"navigation/tabs","hc":1},{"id":"easeui:file-upload","t":"File Upload","d":"Dropzone that also opens the native file picker, with a list below it that pops each file ","s":"easeui","c":"inputs/file-upload","hc":1},{"id":"easeui:gradient-text","t":"Gradient Text","d":"Text filled with a slowly drifting rainbow. It pauses while off screen and holds still whe","k":"motion","s":"easeui","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"hc":1},{"id":"easeui:hold-to-confirm","t":"Hold to Confirm","d":"Button for destructive actions that fills while you hold it and only fires once the fill c","s":"easeui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"easeui:input","t":"Input","d":"Text input whose focus ring grows from a hairline to two px, with a destructive ring for a","s":"easeui","c":"inputs/form-field","hc":1},{"id":"easeui:insight-card","t":"Insight Card","d":"A stat tile: a label, a headline value, and an optional trend pill. Pass a Number Ticker a","s":"easeui","c":"data-display/card","hc":1},{"id":"easeui:modal","t":"Modal","d":"Centered dialog on the native dialog element that fades and scales in, leaves faster than ","s":"easeui","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"easeui:morphing-search","t":"Morphing Search","d":"A circular search button that morphs into a text field: the same element grows and reshape","s":"easeui","c":"inputs/search","hc":1},{"id":"easeui:notification-stack","t":"Notification Stack","d":"A deck of notification cards: collapsed to the top card with peeking edges behind it, fann","s":"easeui","c":"overlays/notifications","hc":1},{"id":"easeui:number-ticker","t":"Number Ticker","d":"Number that rolls to a new value like an odometer, one changed digit at a time.","k":"motion","s":"easeui","c":"motion/number-ticker","hc":1},{"id":"easeui:otp-input","t":"OTP Input","d":"One box per digit for a verification code, with paste and SMS autofill support and a shake","s":"easeui","c":"inputs/otp-input","hc":1},{"id":"easeui:popover","t":"Popover","d":"A panel of arbitrary content anchored to a trigger, opening on click and flipping above it","s":"easeui","c":"overlays/popover","hc":1},{"id":"easeui:progress","t":"Progress","d":"Progress bar that fills with scale instead of width, plus an indeterminate state for unkno","s":"easeui","c":"data-viz/progress-bar","hc":1},{"id":"easeui:pull-to-refresh","t":"Pull to Refresh","d":"A pull-down gesture over scrollable content: the indicator tracks the finger 1:1, then res","s":"easeui","c":"other/other","hc":1},{"id":"easeui:range-slider","t":"Range Slider","d":"Native range input with a filled track and tick dots, so keyboard and screen reader suppor","s":"easeui","c":"inputs/slider","hc":1},{"id":"easeui:rating","t":"Rating","d":"A row of stars that previews the score on hover, fills up to the pick in a quick wave, and","s":"easeui","c":"inputs/rating","hc":1},{"id":"easeui:select","t":"Select","d":"Composable select whose menu fades and scales out of the trigger, and opens upward when th","s":"easeui","c":"inputs/select","hc":1},{"id":"easeui:selection-actions","t":"Selection Actions","d":"A floating bar of bulk actions that fades and rises in once a selection leaves zero, for p","s":"easeui","c":"data-display/table","hc":1},{"id":"easeui:skeleton","t":"Skeleton","d":"Loading placeholder with one shimmer shared across the page. Wrap real content and it take","s":"easeui","c":"status/skeleton","hc":1},{"id":"easeui:stepper","t":"Stepper","d":"Numbered steps joined by a line that fills as you move forward. Finished steps trade their","s":"easeui","c":"navigation/wizard-steps","hc":1},{"id":"easeui:switch","t":"Switch","d":"On and off switch with a quick slide and no bounce. Inside a label, the whole row is the t","s":"easeui","c":"actions/switch","sb":"Animated","hc":1},{"id":"easeui:table","t":"Table","d":"A plain, composable data table: sortable headers with an arrow that only shows on hover un","s":"easeui","c":"data-display/table","hc":1},{"id":"easeui:tabs","t":"Tabs","d":"Pill, segment, or underline tabs with an indicator that slides to the selected tab.","s":"easeui","c":"navigation/tabs","hc":1},{"id":"easeui:tag-input","t":"Tag Input","d":"A field that turns what you type into tags. Enter or a comma adds one, Backspace marks the","s":"easeui","c":"inputs/tag-input","hc":1},{"id":"easeui:text-animation","t":"Text Animation","d":"One component, three ways to animate text: a scramble that resolves into place, a word or ","k":"motion","s":"easeui","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"easeui:textarea","t":"Textarea","d":"Textarea that grows with its content instead of scrolling, down to three rows and up to a ","s":"easeui","c":"inputs/textarea","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"easeui:theme-toggle","t":"Theme Toggle","d":"Light and dark switch that reveals the new theme as a circle growing from the center of th","s":"easeui","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"easeui:toast","t":"Toast","d":"Toasts that stay long enough to read based on their word count, and pause while hovered or","s":"easeui","c":"overlays/toast","hc":1},{"id":"easeui:tooltip","t":"Tooltip","d":"Tooltip that shows a label with its keyboard shortcut, using Command on Mac and Ctrl elsew","s":"easeui","c":"overlays/tooltip","hc":1},{"id":"easeui:agent-loading-states","t":"Agent Loading States","d":"Three loading states for AI interfaces: shimmering status text, live agent progress, and c","s":"easeui","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"easeui:code-block","t":"Code Block","d":"A code block with a label, a copy button, and light coloring for keywords, strings, commen","s":"easeui","c":"actions/copy-button","hc":1},{"id":"easeui:flowchart","t":"Flowchart","d":"A sequence of steps on a dotted canvas, connected by curves that measure the actual cards ","s":"easeui","c":"data-display/badge","hc":1},{"id":"easeui:message-bubble","t":"Message Bubble","d":"A focused conversational surface with visual tones, independent alignment, and a speech-bu","s":"easeui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"easeui:pixel-loader","t":"Pixel Loader","d":"A 3x3 grid of cells that twinkle on independent, randomized cycles, paired with a shimmeri","s":"easeui","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"easeui:prompt-input","t":"Prompt Input","d":"A chat composer that grows with its content, submits on Enter, and crossfades its send but","s":"easeui","c":"ai-agent/composer","hc":1},{"id":"easeui:streaming-response","t":"Streaming Response","d":"Wraps a response with the actions people expect once it settles: copy, replay, share, a th","s":"easeui","c":"ai-agent/ai-agent","hc":1},{"id":"easeui:streaming-text","t":"Streaming Text","d":"Reveals a model response as it streams in, fading each newly arrived word in on its own wi","s":"easeui","c":"ai-agent/ai-agent","hc":1},{"id":"easeui:todo-list","t":"Todo List","d":"A collapsible agent task plan with morphing status marks and a completion count.","s":"easeui","c":"data-display/list","sb":"Tasks and to-dos","hc":1},{"id":"easeui:tool-approval","t":"Tool Approval","d":"A card for an agent action waiting on approval, with Approve and Deny that collapse into a","s":"easeui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"easeui:tool-chip","t":"Tool Chip","d":"A small pill naming a tool an agent used, with a spinner, check, or error mark that crossf","s":"easeui","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"ecomcn:price-tag","t":"Price Tag","d":"Locale-aware price with compare-at strike, computed discount badge and a screen-reader ann","s":"ecomcn","c":"data-display/badge","sb":"Labels","hc":1},{"id":"ecomcn:product-card","t":"Product Card","d":"Catalogue tile with badges, compare-at pricing, colour swatches that swap the image, ratin","s":"ecomcn","c":"data-display/card","sb":"Product","hc":1},{"id":"ecomcn:product-grid","t":"Product Grid","d":"Responsive catalogue grid with box-matched loading skeletons, appended skeletons while mor","s":"ecomcn","c":"actions/switch","hc":1},{"id":"ecomcn:sort-toolbar","t":"Sort Toolbar","d":"The rule above a listing: a result count announced to screen readers once results settle, ","s":"ecomcn","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"ecomcn:empty-results","t":"Empty Results","d":"A no-match state that names the filters that emptied the grid, offers the single change th","s":"ecomcn","c":"data-display/empty-state","hc":1},{"id":"ecomcn:filter-panel","t":"Filter Panel","d":"Faceted filters with state that lives in the URL: applied-filter chips, checkbox lists wit","s":"ecomcn","c":"data-display/card","sb":"Product","hc":1},{"id":"ecomcn:filter-sheet","t":"Filter Sheet","d":"The filter panel in a slide-over for small screens. Changes are staged and applied once — ","s":"ecomcn","c":"overlays/sheet","hc":1},{"id":"ecomcn:load-more","t":"Load More","d":"Progressive loading for a product list: a progress rule and “Showing 24 of 312” count, a L","s":"ecomcn","c":"navigation/pagination","hc":1},{"id":"ecomcn:product-quick-view","t":"Product Quick View","d":"Quick view with a shared-element morph: the card image grows into the dialog and shrinks b","s":"ecomcn","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"ecomcn:product-details-accordion","t":"Product Details Accordion","d":"Materials, care, shipping and maker sections on your shadcn Accordion, first section open.","s":"ecomcn","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"ecomcn:size-guide-dialog","t":"Size Guide Dialog","d":"A measurement table in your shadcn Dialog that morphs out of a quiet link beside the size ","s":"ecomcn","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"ecomcn:variant-swatches","t":"Variant Swatches","d":"Colour swatches and a ruled size grid that work out stock from your variants: with a colou","k":"section","s":"ecomcn","c":"marketing/marketing","sb":"Shop sections","hc":1},{"id":"ecomcn:product-buy-box","t":"Product Buy Box","d":"The buy box: brand, name, a rating that links to the reviews, the price (the variant's own","s":"ecomcn","c":"navigation/wizard-steps","hc":1},{"id":"ecomcn:review-summary","t":"Review Summary","d":"The reviews section: the average set large, a star histogram whose rows are buttons that f","s":"ecomcn","c":"actions/button","sb":"Animated","hc":1},{"id":"ecomcn:related-products","t":"Related Products","d":"A \"pairs well with\" rail of the exact product card on your shadcn Carousel, with the Carou","s":"ecomcn","c":"navigation/top-nav","hc":1},{"id":"ecomcn:product-gallery","t":"Product Gallery","d":"The product's photos: a main image on your shadcn Carousel with a counter, and thumbnails ","s":"ecomcn","c":"media/gallery","hc":1},{"id":"ecomcn:cart-line-item","t":"Cart Line Item","d":"One line in a bag: thumbnail, name and variant, a quantity stepper, a right-aligned tabula","s":"ecomcn","c":"data-display/list","hc":1},{"id":"ecomcn:cart-sheet","t":"Cart Sheet","d":"The mini cart on your shadcn Sheet: a bag button with a count that turns over, and a sheet","s":"ecomcn","c":"overlays/sheet","hc":1},{"id":"ecomcn:order-summary","t":"Order Summary","d":"Free-shipping progress, promo code field with applied state, itemised totals and the check","k":"section","s":"ecomcn","c":"marketing/pricing","hc":1},{"id":"ecomcn:checkout-stepper","t":"Checkout Stepper","d":"Where the shopper is in checkout: a rail of equal ruled cells, edge to edge. Done steps ca","s":"ecomcn","c":"navigation/wizard-steps","hc":1},{"id":"ecomcn:theme-editorial","t":"Editorial Theme","d":"The ecomcn house style — warm paper, near-black ink, a single vermilion signal colour, and","k":"theme","s":"ecomcn","c":"themes/theme"},{"id":"efferd:index","t":"Index","k":"theme","s":"efferd","c":"themes/style"},{"id":"efferd:logo","t":"Logo","d":"Efferd logo component.","k":"resource","s":"efferd","c":"assets/logo","vn":1,"hc":1},{"id":"efferd:copy-button","t":"Copy button","d":"Copy button component.","s":"efferd","c":"actions/copy-button","hc":1},{"id":"efferd:full-width-divider","t":"Full width divider","d":"Full-width divider component.","k":"layout","s":"efferd","c":"layout/page-shell","hc":1},{"id":"efferd:decor-icon","t":"Decor icon","d":"Decor icon component.","k":"resource","s":"efferd","c":"assets/icon","hc":1},{"id":"efferd:grid-filler","t":"Grid filler","d":"Grid filler component.","s":"efferd","c":"other/other","hc":1},{"id":"efferd:indicator","t":"Indicator","d":"Indicator component.","s":"efferd","c":"other/other","hc":1},{"id":"efferd:lazy-image","t":"Lazy image","d":"Lazy image component.","s":"efferd","c":"media/gallery","hc":1},{"id":"efferd:outline-text","t":"Outline text","d":"Outline text component.","k":"motion","s":"efferd","c":"motion/text-effect","hc":1},{"id":"efferd:portal","t":"Portal","d":"react portal component.","s":"efferd","c":"other/other","hc":1},{"id":"efferd:auth-divider","t":"Auth divider","d":"Auth divider component.","k":"layout","s":"efferd","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"efferd:infinite-slider","t":"Infinite slider","d":"Infinite slider component.","k":"motion","s":"efferd","c":"motion/marquee","hc":1},{"id":"efferd:progressive-blur","t":"Progressive blur","d":"Progressive blur component.","s":"efferd","c":"other/other","hc":1},{"id":"efferd:text-effect","t":"Text effect","d":"Text effect component.","k":"motion","s":"efferd","c":"motion/text-effect","hc":1},{"id":"efferd:use-scroll","t":"Use scroll","d":"Use scroll hook.","k":"lib","s":"efferd","c":"lib/hook","hc":1},{"id":"efferd:use-media-query","t":"Use media query","d":"Use media query hook.","k":"lib","s":"efferd","c":"lib/hook","hc":1},{"id":"efferd:use-copy-to-clipboard","t":"Use copy to clipboard","d":"Use copy to clipboard hook.","k":"lib","s":"efferd","c":"lib/hook","hc":1},{"id":"efferd:use-keypress","t":"Use keypress","d":"Use keypress hook.","k":"lib","s":"efferd","c":"lib/hook","hc":1},{"id":"efferd:apple-icon","t":"Apple icon","d":"Apple icon","k":"resource","s":"efferd","c":"assets/logo","hc":1},{"id":"efferd:claude-icon","t":"Claude icon","d":"Claude icon","k":"resource","s":"efferd","c":"assets/icon","hc":1},{"id":"efferd:deepseek-icon","t":"Deepseek icon","d":"DeepSeek icon","k":"resource","s":"efferd","c":"assets/logo","hc":1},{"id":"efferd:discord-icon","t":"Discord icon","d":"Discord icon","k":"resource","s":"efferd","c":"assets/logo","hc":1},{"id":"efferd:facebook-icon","t":"Facebook icon","d":"Facebook icon","k":"resource","s":"efferd","c":"assets/logo","hc":1},{"id":"efferd:figma-icon","t":"Figma icon","d":"Figma icon","k":"resource","s":"efferd","c":"assets/logo","hc":1},{"id":"efferd:framer-icon","t":"Framer icon","d":"Framer icon","k":"resource","s":"efferd","c":"assets/logo","hc":1},{"id":"efferd:gemini-icon","t":"Gemini icon","d":"Gemini icon","k":"resource","s":"efferd","c":"assets/logo","hc":1},{"id":"efferd:github-icon","t":"Github icon","d":"GitHub icon","k":"resource","s":"efferd","c":"assets/logo","hc":1},{"id":"efferd:gitlab-icon","t":"Gitlab icon","d":"GitLab icon","k":"resource","s":"efferd","c":"assets/logo","hc":1},{"id":"efferd:google-icon","t":"Google icon","d":"Google icon","k":"resource","s":"efferd","c":"assets/logo","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"efferd:google-play-icon","t":"Google play icon","d":"Google Play icon","k":"resource","s":"efferd","c":"assets/logo","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"efferd:groq-icon","t":"Groq icon","d":"Groq icon","k":"resource","s":"efferd","c":"assets/logo","hc":1},{"id":"efferd:instagram-icon","t":"Instagram icon","d":"Instagram icon","k":"resource","s":"efferd","c":"assets/logo","hc":1},{"id":"efferd:kimi-icon","t":"Kimi icon","d":"Kimi icon","k":"resource","s":"efferd","c":"assets/logo","hc":1},{"id":"efferd:linkedin-icon","t":"Linkedin icon","d":"LinkedIn icon","k":"resource","s":"efferd","c":"assets/logo","hc":1},{"id":"efferd:ollama-icon","t":"Ollama icon","d":"Ollama icon","k":"resource","s":"efferd","c":"assets/logo","hc":1},{"id":"efferd:openai-icon","t":"Openai icon","d":"OpenAI icon","k":"resource","s":"efferd","c":"assets/logo","hc":1},{"id":"efferd:perplexity-icon","t":"Perplexity icon","d":"Perplexity icon","k":"resource","s":"efferd","c":"assets/icon","hc":1},{"id":"efferd:polar-icon","t":"Polar icon","d":"Polar icon","k":"resource","s":"efferd","c":"assets/logo","hc":1},{"id":"efferd:qwen-icon","t":"Qwen icon","d":"Qwen icon","k":"resource","s":"efferd","c":"assets/logo","hc":1},{"id":"efferd:react-icon","t":"React icon","d":"React icon","k":"resource","s":"efferd","c":"assets/logo","hc":1},{"id":"efferd:shadcn-icon","t":"Shadcn icon","d":"shadcn/ui icon","k":"resource","s":"efferd","c":"assets/icon","hc":1},{"id":"efferd:sidebar-icon","t":"Sidebar icon","d":"Sidebar icon","k":"resource","s":"efferd","c":"assets/icon","hc":1},{"id":"efferd:slack-icon","t":"Slack icon","d":"Slack icon","k":"resource","s":"efferd","c":"assets/logo","hc":1},{"id":"efferd:vercel-icon","t":"Vercel icon","d":"Vercel icon","k":"resource","s":"efferd","c":"assets/logo","hc":1},{"id":"efferd:x-icon","t":"X icon","d":"X (Twitter) icon","k":"resource","s":"efferd","c":"assets/icon","hc":1},{"id":"efferd:xai-icon","t":"Xai icon","d":"xAI icon","k":"resource","s":"efferd","c":"assets/logo","hc":1},{"id":"efferd:youtube-icon","t":"Youtube icon","d":"YouTube icon","k":"resource","s":"efferd","c":"assets/logo","hc":1},{"id":"efferd:formater","t":"Formater","d":"Formater utilities.","s":"efferd","c":"inputs/form-field","hc":1},{"id":"efferd:app-shell-1","t":"App shell #1","d":"Dashboard shell with max-width bordered frame, full-width divider, sidebar, breadcrumb hea","k":"layout","s":"efferd","c":"layout/dashboard"},{"id":"efferd:app-shell-2","t":"App shell #2","d":"Full-viewport sidebar layout with breadcrumb navbar, keyboard shortcut hints, and dashboar","k":"layout","s":"efferd","c":"layout/dashboard"},{"id":"efferd:app-shell-3","t":"App shell #3","d":"Scrollable main column with collapsible sidebar groups, breadcrumb bar, and dashboard plac","k":"layout","s":"efferd","c":"layout/dashboard"},{"id":"efferd:app-shell-4","t":"App shell #4","d":"Inset sidebar layout with collapsible navigation and padded main shell.","k":"layout","s":"efferd","c":"layout/dashboard"},{"id":"efferd:app-shell-5","t":"App shell #5","d":"Sidebar workspace with command-style search, custom trigger and theme controls, navbar str","k":"layout","s":"efferd","c":"layout/dashboard","hc":1},{"id":"efferd:app-shell-6","t":"App shell #6","d":"Animated inset sidebar with org switcher, shared row, dedicated header trigger, mobile nav","k":"layout","s":"efferd","c":"layout/dashboard"},{"id":"efferd:app-shell-7","t":"App shell #7","d":"Inset shell with progressive blur footer, command search, notifications popover, shared na","k":"layout","s":"efferd","c":"layout/dashboard"},{"id":"efferd:app-shell-8","t":"App shell #8","d":"Top app header over sidebar with projects and notifications, search, tooltip-rich trigger,","k":"layout","s":"efferd","c":"layout/dashboard"},{"id":"efferd:app-shell-9","t":"App shell #9","d":"Inset dashboard shell with hover-expand icon sidebar, breadcrumb header, command search, n","k":"layout","s":"efferd","c":"layout/dashboard"},{"id":"efferd:app-shell-10","t":"App shell #10","d":"App shell with project-switching sidebar, command search, latest-change footer row, custom","k":"layout","s":"efferd","c":"layout/dashboard"},{"id":"efferd:app-shell-11","t":"App shell #11","d":"Max-width seller shell with store switcher, collapsible nav, plan-usage footer, breadcrumb","k":"layout","s":"efferd","c":"layout/dashboard"},{"id":"efferd:app-shell-12","t":"App shell #12","d":"Inset icon-collapsible sidebar with command search, what's-new card, mobile header, and da","k":"layout","s":"efferd","c":"layout/dashboard"},{"id":"efferd:app-shell-13","t":"App shell #13","d":"Inset sidebar with business switcher, command search, theme-aware user menu, and mobile ti","k":"layout","s":"efferd","c":"layout/dashboard"},{"id":"efferd:app-shell-14","t":"App shell #14","d":"Top header over floating sidebar with workspace switcher, theme toggle, new-chat action, a","k":"layout","s":"efferd","c":"layout/dashboard"},{"id":"efferd:auth-1","t":"Auth #1","d":"Modern sign-in page with particle background and social buttons.","k":"layout","s":"efferd","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"efferd:auth-2","t":"Auth #2","d":"Split sign-in layout with social buttons and email form.","k":"layout","s":"efferd","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"efferd:auth-3","t":"Auth #3","d":"Minimal sign-in page with logo header and focused form.","k":"layout","s":"efferd","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"efferd:auth-4","t":"Auth #4","d":"Clean sign-in screen with full-width divider and social actions.","k":"layout","s":"efferd","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"efferd:auth-5","t":"Auth #5","d":"Modern signup page with testimonial sidebar and social sign-in.","k":"layout","s":"efferd","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"efferd:auth-6","t":"Auth #6","d":"Sign-in layout with modern branding and compact form.","k":"layout","s":"efferd","c":"flows/sign-in","sb":"Sign in"},{"id":"efferd:auth-7","t":"Auth #7","d":"Split sign-in page with decorative icons and social login.","k":"layout","s":"efferd","c":"flows/sign-in","sb":"Sign in"},{"id":"efferd:auth-8","t":"Auth #8","d":"Sign-in page with flickering grid backdrop and clean form.","k":"layout","s":"efferd","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"]},{"id":"efferd:auth-9","t":"Auth #9","d":"Sign-in layout with subtle grid pattern and social actions.","k":"layout","s":"efferd","c":"flows/sign-in","sb":"Sign in"},{"id":"efferd:auth-10","t":"Auth #10","d":"Sign-in page with testimonial card and email form.","k":"layout","s":"efferd","c":"flows/sign-in","sb":"Sign in"},{"id":"efferd:auth-11","t":"Auth #11","d":"Sign-in screen with patterned backdrop and centered form.","k":"layout","s":"efferd","c":"flows/sign-in","sb":"Sign in"},{"id":"efferd:auth-12","t":"Auth #12","d":"Signup page with avatar accents, social buttons, and email form.","k":"layout","s":"efferd","c":"flows/sign-in","sb":"Sign in"},{"id":"efferd:auth-13","t":"Auth #13","d":"Minimal sign-in layout with logo header and clean fields.","k":"layout","s":"efferd","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"]},{"id":"efferd:auth-14","t":"Auth #14","d":"Sign-in page with avatar accents and polished social flow.","k":"layout","s":"efferd","c":"flows/sign-in","sb":"Sign in"},{"id":"efferd:blogs-1","t":"Blogs #1","d":"Minimalist list with dashed dividers.","k":"section","s":"efferd","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"],"hc":1},{"id":"efferd:blogs-2","t":"Blogs #2","d":"Clean grid layout with bordered cards.","k":"section","s":"efferd","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"],"hc":1},{"id":"efferd:blogs-3","t":"Blogs #3","d":"Immersive grid with images and gradients.","k":"section","s":"efferd","c":"marketing/marketing","tg":["gradient"],"sb":"Blog and posts","sy":["gradient"],"hc":1},{"id":"efferd:blogs-4","t":"Blogs #4","d":"Bento-style grid with spanning items.","k":"section","s":"efferd","c":"marketing/marketing","sb":"Blog and posts"},{"id":"efferd:blogs-5","t":"Blogs #5","d":"Magazine layout with featured post.","k":"section","s":"efferd","c":"marketing/marketing","sb":"Blog and posts"},{"id":"efferd:contact-1","t":"Contact #1","d":"Compact contact strip with phone, email, and office details.","k":"section","s":"efferd","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"efferd:contact-2","t":"Contact #2","d":"Three-card contact layout with email, community, and social links.","k":"section","s":"efferd","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"],"hc":1},{"id":"efferd:contact-3","t":"Contact #3","d":"Elegant contact page with office info, email, phone, and social links.","k":"section","s":"efferd","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"efferd:contact-4","t":"Contact #4","d":"Modern contact card with info section and built-in form area.","k":"section","s":"efferd","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"efferd:contact-5","t":"Contact #5","d":"Bordered contact section with key details and a two-column form.","k":"section","s":"efferd","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"efferd:contact-6","t":"Contact #6","d":"Full contact page with support cards, details panel, and lead form.","k":"section","s":"efferd","c":"marketing/marketing","sb":"Contact"},{"id":"efferd:contact-7","t":"Contact #7","d":"Two-column contact page with intro content and a card-based form.","k":"section","s":"efferd","c":"marketing/marketing","sb":"Contact"},{"id":"efferd:contact-8","t":"Contact #8","d":"Split contact page with company details, social links, and form panel.","k":"section","s":"efferd","c":"marketing/marketing","sb":"Contact"},{"id":"efferd:contact-9","t":"Contact #9","d":"Centered contact page with team form, chat links, and map section.","k":"section","s":"efferd","c":"marketing/marketing","sb":"Contact"},{"id":"efferd:contact-10","t":"Contact #10","d":"Sidebar-style contact layout with brand links and a detailed form.","k":"section","s":"efferd","c":"marketing/marketing","sb":"Contact"},{"id":"efferd:contact-11","t":"Contact #11","d":"Editorial contact page with direct links, map embed, and message form.","k":"section","s":"efferd","c":"marketing/marketing","sb":"Contact"},{"id":"efferd:cta-1","t":"Cta #1","d":"Centered call-to-action bar with bold heading and dual action buttons.","k":"section","s":"efferd","c":"marketing/cta","hc":1},{"id":"efferd:cta-2","t":"Cta #2","d":"Minimal call-to-action section with headline, short description, and dual buttons for sale","k":"section","s":"efferd","c":"marketing/cta","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"efferd:cta-3","t":"Cta #3","d":"Stylish call-to-action block featuring bordered layout, decorative icons, and clear button","k":"section","s":"efferd","c":"marketing/cta","hc":1},{"id":"efferd:cta-4","t":"Cta #4","d":"Modern call-to-action card with rounded edges, subtle shadow, and dual buttons for contact","k":"section","s":"efferd","c":"marketing/cta","hc":1},{"id":"efferd:cta-5","t":"Cta #5","d":"Newsletter subscription section with email input, submit button, and expert avatars for ad","k":"section","s":"efferd","c":"marketing/cta","hc":1},{"id":"efferd:cta-6","t":"Cta #6","d":"A call-to-action Block with a heading and an animated 'Join Now!' button with hover effect","k":"section","s":"efferd","c":"marketing/cta"},{"id":"efferd:cta-7","t":"Cta #7","d":"CTA with heading and animated 'Join Now!' button.","k":"section","s":"efferd","c":"marketing/cta"},{"id":"efferd:cta-8","t":"Cta #8","d":"Grid pattern background with email input and 'Join Now' button.","k":"section","s":"efferd","c":"marketing/cta"},{"id":"efferd:cta-9","t":"Cta #9","d":"Ethereal shadow effect with number ticker and dual action buttons.","k":"section","s":"efferd","c":"marketing/cta"},{"id":"efferd:cta-10","t":"Cta #10","d":"Animated border lines with 'Get Started' button.","k":"section","s":"efferd","c":"marketing/cta"},{"id":"efferd:cta-11","t":"Cta #11","d":"Social proof with star ratings, number ticker, and dual action buttons.","k":"section","s":"efferd","c":"marketing/cta"},{"id":"efferd:cta-12","t":"Cta #12","d":"Installation command with animated border lines and copy button.","k":"section","s":"efferd","c":"marketing/cta"},{"id":"efferd:cta-13","t":"Cta #13","d":"Animated circular border with centered heading and action button.","k":"section","s":"efferd","c":"marketing/cta"},{"id":"efferd:cta-14","t":"Cta #14","d":"Bold inverted design with large typography and email/calendar buttons.","k":"section","s":"efferd","c":"marketing/cta"},{"id":"efferd:cta-15","t":"Cta #15","d":"Open-source showcase with animated notification cards and GitHub link.","k":"section","s":"efferd","c":"marketing/cta"},{"id":"efferd:cta-16","t":"Cta #16","d":"Logo branding with animated expanding border frame.","k":"section","s":"efferd","c":"marketing/cta"},{"id":"efferd:cta-17","t":"Cta #17","d":"Custom clip-path shape with pulsing dot and corner action button.","k":"section","s":"efferd","c":"marketing/cta"},{"id":"efferd:cta-18","t":"Cta #18","d":"Event registration with animated floating cards and emoji badges.","k":"section","s":"efferd","c":"marketing/cta"},{"id":"efferd:cta-19","t":"Cta #19","d":"Floating tool icons surrounding centered headline and action buttons.","k":"section","s":"efferd","c":"marketing/cta"},{"id":"efferd:cta-20","t":"Cta #20","d":"Concentric animated circles with pricing headline and button.","k":"section","s":"efferd","c":"marketing/cta"},{"id":"efferd:dashboard-1","t":"Dashboard #1","d":"Welcome header with KPI stats, sales area chart, and recent invoices in a bordered three-c","k":"layout","s":"efferd","c":"layout/dashboard","tg":["webgl"],"sy":["webgl"]},{"id":"efferd:dashboard-2","t":"Dashboard #2","d":"Dense KPI grid with net revenue, channel sales lines, invoices table, billing health, and ","k":"layout","s":"efferd","c":"layout/dashboard","hc":1},{"id":"efferd:dashboard-3","t":"Dashboard #3","d":"Customer support dashboard with conversation charts, CSAT scores, on-duty team, and recent","k":"layout","s":"efferd","c":"layout/dashboard","hc":1},{"id":"efferd:dashboard-4","t":"Dashboard #4","d":"Commerce dashboard with revenue trends, refund rates, category ranking pie, and quick acti","k":"layout","s":"efferd","c":"layout/dashboard","tg":["playful"],"sy":["playful"],"hc":1},{"id":"efferd:dashboard-5","t":"Dashboard #5","d":"Web analytics dashboard with visitors chart, live users, top pages, traffic sources, and C","k":"layout","s":"efferd","c":"layout/dashboard","hc":1},{"id":"efferd:dashboard-6","t":"Dashboard #6","d":"Finance overview with date toolbar, KPI stats, MOR chart, budget insights, orders chart, a","k":"layout","s":"efferd","c":"layout/dashboard"},{"id":"efferd:dashboard-7","t":"Dashboard #7","d":"Marketing dashboard with time-range toggles, main revenue chart, lead breakdowns, and tran","k":"layout","s":"efferd","c":"layout/dashboard"},{"id":"efferd:dashboard-8","t":"Dashboard #8","d":"Store ops today view with gross revenue hero, peak hours, date toolbar, and conversion met","k":"layout","s":"efferd","c":"layout/dashboard"},{"id":"efferd:dashboard-9","t":"Dashboard #9","d":"Ecommerce growth dashboard with sales charts, funnel, channel orders pie, heatmap, and tea","k":"layout","s":"efferd","c":"layout/dashboard","tg":["playful"],"sy":["playful"]},{"id":"efferd:dashboard-10","t":"Dashboard #10","d":"Observability dashboard with period toolbar, sparkline KPIs, latency cards, AI insight, an","k":"layout","s":"efferd","c":"layout/dashboard"},{"id":"efferd:dashboard-11","t":"Dashboard #11","d":"Store dashboard with KPI stats, revenue area chart, AI insight, conversion bars, payout ba","k":"layout","s":"efferd","c":"layout/dashboard"},{"id":"efferd:dashboard-12","t":"Dashboard #12","d":"CRM dashboard with Ask AI toolbar, KPI stats, revenue chart, agenda calendar, retention ba","k":"layout","s":"efferd","c":"layout/dashboard","tg":["playful"],"sy":["playful"]},{"id":"efferd:dashboard-13","t":"Dashboard #13","d":"Membership dashboard with add-client toolbar, KPI stats, revenue area charts, conversion t","k":"layout","s":"efferd","c":"layout/dashboard"},{"id":"efferd:dashboard-14","t":"Dashboard #14","d":"AI usage dashboard with billing meters, activity heatmap, token charts, model usage bars, ","k":"layout","s":"efferd","c":"layout/dashboard"},{"id":"efferd:faqs-1","t":"Faqs #1","d":"Elegant FAQ section with accordion-style questions, smooth transitions, and clear support ","k":"section","s":"efferd","c":"marketing/faq"},{"id":"efferd:faqs-2","t":"Faqs #2","d":"Split-screen FAQ layout with bordered sections, interactive accordion, and a clean call-to","k":"section","s":"efferd","c":"marketing/faq","tg":["minimal"],"sy":["minimal"]},{"id":"efferd:faqs-3","t":"Faqs #3","d":"Two-column FAQ section featuring bordered layout, vertical guide line, and elegant accordi","k":"section","s":"efferd","c":"marketing/faq"},{"id":"efferd:faqs-4","t":"Faqs #4","d":"Multi-category FAQ section with sidebar filters, adaptive accordion layout, and elegant in","k":"section","s":"efferd","c":"marketing/faq"},{"id":"efferd:faqs-5","t":"Faqs #5","d":"Responsive FAQ section with filters, search, and accordions for quick answers.","k":"section","s":"efferd","c":"marketing/faq"},{"id":"efferd:faqs-6","t":"Faqs #6","d":"Two-column FAQ layout with a heading panel, outline button, and card-style accordion list.","k":"section","s":"efferd","c":"marketing/faq"},{"id":"efferd:faqs-7","t":"Faqs #7","d":"Split FAQ section with numbered accordion rows and full-width dividers for visual structur","k":"section","s":"efferd","c":"marketing/faq"},{"id":"efferd:faqs-8","t":"Faqs #8","d":"Centered FAQ page with grouped categories, bordered sections, and accordion-based answers.","k":"section","s":"efferd","c":"marketing/faq"},{"id":"efferd:logo-cloud-1","t":"Logo cloud #1","d":"Simple logo grid displaying brand icons in a clean, bordered layout with light and dark mo","k":"section","s":"efferd","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"efferd:logo-cloud-2","t":"Logo cloud #2","d":"Stylish logo grid featuring top tech brands with decorative plus icons and dynamic borders","k":"section","s":"efferd","c":"marketing/logos","hc":1},{"id":"efferd:logo-cloud-3","t":"Logo cloud #3","d":"Smooth infinite-scrolling logo showcase highlighting trusted brands with gradient masking ","k":"section","s":"efferd","c":"marketing/logos","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"efferd:logo-cloud-4","t":"Logo cloud #4","d":"Animated logo carousel with soft edge blurs and gradient accents for a sleek, modern brand","k":"section","s":"efferd","c":"marketing/logos","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"efferd:logo-cloud-5","t":"Logo cloud #5","d":"Clean, centered logo grid with flexible wrapping layout showcasing brand partners in a sim","k":"section","s":"efferd","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"efferd:logo-cloud-6","t":"Logo cloud #6","d":"Rotating logo carousel with fade-in blur animations, automatically cycling through brand p","k":"section","s":"efferd","c":"marketing/logos"},{"id":"efferd:logo-cloud-7","t":"Logo cloud #7","d":"Animated logo rotation with scale and blur transitions, displaying partner brands in timed","k":"section","s":"efferd","c":"marketing/logos"},{"id":"efferd:logo-cloud-8","t":"Logo cloud #8","d":"Dynamic grid layout with randomized logo swapping, featuring smooth transitions as brands ","k":"section","s":"efferd","c":"marketing/logos"},{"id":"efferd:logo-cloud-9","t":"Logo cloud #9","d":"Responsive grid with continuous random logo rotation, showcasing partner brands with fast-","k":"section","s":"efferd","c":"marketing/logos"},{"id":"efferd:logo-cloud-10","t":"Logo cloud #10","d":"Interactive bordered logo grid with hover case study badges, featuring clickable brand car","k":"section","s":"efferd","c":"marketing/logos"},{"id":"efferd:pricing-1","t":"Pricing #1","d":"Side-by-side monthly and yearly pricing cards with discount badges.","k":"section","s":"efferd","c":"marketing/pricing","hc":1},{"id":"efferd:pricing-2","t":"Pricing #2","d":"Grid layout pricing with full-width dividers and feature lists.","k":"section","s":"efferd","c":"marketing/pricing","hc":1},{"id":"efferd:pricing-3","t":"Pricing #3","d":"Three-card pricing with plan icons and feature comparison.","k":"section","s":"efferd","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"],"hc":1},{"id":"efferd:pricing-4","t":"Pricing #4","d":"Interactive pricing with frequency toggle and numeric animations.","k":"section","s":"efferd","c":"marketing/pricing","sb":"With billing toggle","hc":1},{"id":"efferd:pricing-5","t":"Pricing #5","d":"Three-column pricing with toggle and decorative elements.","k":"section","s":"efferd","c":"marketing/pricing","tg":["webgl"],"sb":"With billing toggle","sy":["webgl"]},{"id":"efferd:pricing-6","t":"Pricing #6","d":"Clean grid pricing with best value highlights and secure indicators.","k":"section","s":"efferd","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"]},{"id":"efferd:pricing-7","t":"Pricing #7","d":"Credit-based pricing with auto-recharge options and billing toggle.","k":"section","s":"efferd","c":"marketing/pricing"},{"id":"efferd:testimonials-1","t":"Testimonials #1","d":"Testimonial with centered quote, author details, and company logo.","k":"section","s":"efferd","c":"marketing/testimonials","hc":1},{"id":"efferd:testimonials-2","t":"Testimonials #2","d":"Minimalist testimonial with decorative cross-hair lines around the avatar.","k":"section","s":"efferd","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"efferd:testimonials-3","t":"Testimonials #3","d":"Staggered grid layout of testimonial cards with quote icons.","k":"section","s":"efferd","c":"marketing/testimonials","hc":1},{"id":"efferd:testimonials-4","t":"Testimonials #4","d":"Multi-column testimonial layout with quote icons, warm gradient background, and vertical d","k":"section","s":"efferd","c":"marketing/testimonials","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"efferd:testimonials-5","t":"Testimonials #5","d":"Clean grid layout with full-width dividers and auto-filled grid cells.","k":"section","s":"efferd","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"efferd:testimonials-6","t":"Testimonials #6","d":"Infinite vertical testimonial scroller with smooth motion and repeated card animation.","k":"section","s":"efferd","c":"marketing/testimonials","hc":1},{"id":"efferd:testimonials-7","t":"Testimonials #7","d":"Infinite horizontal scroll of testimonial cards with full-width dividers.","k":"section","s":"efferd","c":"marketing/testimonials"},{"id":"efferd:testimonials-8","t":"Testimonials #8","d":"Dual-row infinite slider moving in opposite directions.","k":"section","s":"efferd","c":"marketing/testimonials"},{"id":"efferd:footer-1","t":"Footer #1","d":"Simple layout with logo, nav links, and social icons.","k":"section","s":"efferd","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"efferd:footer-2","t":"Footer #2","d":"Clean footer with company links, resources, and social icons.","k":"section","s":"efferd","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"efferd:footer-3","t":"Footer #3","d":"Animated footer with link sections, brand logo, and social icons.","k":"section","s":"efferd","c":"marketing/footer","hc":1},{"id":"efferd:footer-4","t":"Footer #4","d":"Grid-based footer with social cards, link groups, and copyright bar.","k":"section","s":"efferd","c":"marketing/footer","hc":1},{"id":"efferd:footer-5","t":"Footer #5","d":"Multi-column footer with app store buttons, social icons, and link groups.","k":"section","s":"efferd","c":"marketing/footer","hc":1},{"id":"efferd:footer-6","t":"Footer #6","d":"Sticky layered footer with gradient background, social icons, and animated link groups.","k":"section","s":"efferd","c":"marketing/footer","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"efferd:footer-7","t":"Footer #7","d":"Grid layout with status indicator and detailed links.","k":"section","s":"efferd","c":"marketing/footer"},{"id":"efferd:footer-8","t":"Footer #8","d":"Newsletter signup form with theme toggle.","k":"section","s":"efferd","c":"marketing/footer"},{"id":"efferd:footer-9","t":"Footer #9","d":"Prominent newsletter section with theme toggle.","k":"section","s":"efferd","c":"marketing/footer"},{"id":"efferd:footer-10","t":"Footer #10","d":"Minimalist footer with newsletter subscription.","k":"section","s":"efferd","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"efferd:footer-11","t":"Footer #11","d":"Clean footer with newsletter form and social links.","k":"section","s":"efferd","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"efferd:footer-12","t":"Footer #12","d":"CTA section with newsletter and quick links.","k":"section","s":"efferd","c":"marketing/footer"},{"id":"efferd:footer-13","t":"Footer #13","d":"Centered layout with navigation and social icons.","k":"section","s":"efferd","c":"marketing/footer"},{"id":"efferd:footer-14","t":"Footer #14","d":"Large typography footer with status indicator.","k":"section","s":"efferd","c":"marketing/footer"},{"id":"efferd:image-gallery-1","t":"Image gallery #1","d":"Masonry-style responsive gallery using random images with dynamic aspect ratios.","s":"efferd","c":"media/gallery","hc":1},{"id":"efferd:header-1","t":"Header #1","d":"Responsive sticky header with scroll blur effect, animated mobile menu, and adaptive navig","s":"efferd","c":"navigation/top-nav","sb":"Mobile","hc":1},{"id":"efferd:header-2","t":"Header #2","d":"Elegant responsive header with scroll-based styling, mobile drawer menu, and smooth transi","s":"efferd","c":"navigation/top-nav","sb":"Mobile","hc":1},{"id":"efferd:header-3","t":"Header #3","d":"Feature-rich responsive header with scroll blur, animated mobile drawer, and nested naviga","s":"efferd","c":"navigation/top-nav","sb":"Mobile"},{"id":"efferd:header-4","t":"Header #4","d":"A sticky responsive header with logo, navigation menu, and scroll-aware animations that ad","s":"efferd","c":"navigation/top-nav","sb":"Mobile"},{"id":"efferd:header-5","t":"Header #5","d":"A sticky animated header with dropdown navigation menus for courses and community, featuri","s":"efferd","c":"navigation/top-nav","sb":"Mobile"},{"id":"efferd:header-6","t":"Header #6","d":"A sticky header with multi-column dropdown menus for product and company navigation, featu","s":"efferd","c":"navigation/top-nav","sb":"Mobile"},{"id":"efferd:header-7","t":"Header #7","d":"Floating squircle navigation with popover menu and social links.","s":"efferd","c":"navigation/top-nav","sb":"Mega menus"},{"id":"efferd:header-8","t":"Header #8","d":"Compact navigation with dropdown menus and separated action buttons.","s":"efferd","c":"navigation/top-nav","sb":"Mobile"},{"id":"efferd:header-9","t":"Header #9","d":"Scroll-aware navigation with featured cards and affiliate section.","s":"efferd","c":"navigation/top-nav","sb":"Mobile"},{"id":"efferd:header-10","t":"Header #10","d":"Fixed navigation with dropdown menus and mobile accordion.","s":"efferd","c":"navigation/top-nav","sb":"Mobile"},{"id":"efferd:header-11","t":"Header #11","d":"Centered navigation with dropdown menus and action buttons.","s":"efferd","c":"navigation/top-nav","sb":"Mobile"},{"id":"efferd:header-12","t":"Header #12","d":"Bordered navigation with GitHub stars counter and dropdown menus.","s":"efferd","c":"navigation/top-nav","sb":"Mobile"},{"id":"efferd:header-13","t":"Header #13","d":"Scroll-triggered navigation with featured customer stories and open-source cards.","s":"efferd","c":"navigation/top-nav","sb":"Mobile"},{"id":"efferd:header-14","t":"Header #14","d":"Sticky header with scroll-based resizing and multi-column dropdowns.","s":"efferd","c":"navigation/top-nav","sb":"Mobile"},{"id":"efferd:hero-1","t":"Hero #1","d":"Centered hero with radial gradient background and announcement badge","k":"section","s":"efferd","c":"marketing/hero","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"efferd:hero-2","t":"Hero #2","d":"Hero with vertical border accents and gradient text effect","k":"section","s":"efferd","c":"marketing/hero","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"efferd:hero-3","t":"Hero #3","d":"Left-aligned hero with dashboard screenshot preview","k":"section","s":"efferd","c":"marketing/hero","hc":1},{"id":"efferd:hero-4","t":"Hero #4","d":"Centered hero with outline text effect and dot grid pattern","k":"section","s":"efferd","c":"marketing/hero"},{"id":"efferd:hero-5","t":"Hero #5","d":"Modern hero page with particle background and social login buttons.","k":"section","s":"efferd","c":"marketing/hero"},{"id":"efferd:hero-6","t":"Hero #6","d":"Hero with animated gradient bars visualization","k":"section","s":"efferd","c":"marketing/hero","tg":["gradient"],"sy":["gradient"]},{"id":"efferd:hero-7","t":"Hero #7","d":"Left-aligned hero with 3D perspective dashboard mockup","k":"section","s":"efferd","c":"marketing/hero","tg":["3d"],"sb":"Animated background","sy":["3d"]},{"id":"efferd:hero-8","t":"Hero #8","d":"Centered hero with animated multi-screen card display","k":"section","s":"efferd","c":"marketing/hero","sb":"Animated background"},{"id":"efferd:hero-9","t":"Hero #9","d":"Centered hero with announcement tag and dashboard preview frame","k":"section","s":"efferd","c":"marketing/hero"},{"id":"efferd:features-1","t":"Features #1","d":"Linear feature grid with icons and descriptions, separated by vertical lines.","k":"section","s":"efferd","c":"marketing/features","hc":1},{"id":"efferd:features-2","t":"Features #2","d":"Three-column grid with decorative corner icons and dashed lines highlighting workflow feat","k":"section","s":"efferd","c":"marketing/features","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"efferd:features-3","t":"Features #3","d":"Grid layout with full-width dividers, showcasing features with icons and concise text.","k":"section","s":"efferd","c":"marketing/features","hc":1},{"id":"efferd:features-4","t":"Features #4","d":"Modern feature cards with extended borders, corner decorators, and detailed feature breakd","k":"section","s":"efferd","c":"marketing/features","hc":1},{"id":"efferd:features-5","t":"Features #5","d":"Minimal feature card with icon, title, and subtle grid background.","k":"section","s":"efferd","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"efferd:features-6","t":"Features #6","d":"Bento grid layout with varying card sizes, featuring interactive visuals like a globe, cha","k":"section","s":"efferd","c":"marketing/features","hc":1},{"id":"efferd:features-7","t":"Features #7","d":"Three interactive feature cards with animated visual elements showcasing integration, anal","k":"section","s":"efferd","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"efferd:features-8","t":"Features #8","d":"Bento grid for AI agent features, including model selection, knowledge base, memory, and t","k":"section","s":"efferd","c":"marketing/features"},{"id":"efferd:features-9","t":"Features #9","d":"Comprehensive feature grid showcasing collaboration tools like comments, text editor, AI c","k":"section","s":"efferd","c":"marketing/features"},{"id":"efferd:features-10","t":"Features #10","d":"Interactive feature grid with hover effects, showcasing dashboard, analytics, shortcuts, a","k":"section","s":"efferd","c":"marketing/features"},{"id":"efferd:integrations-1","t":"Integrations #1","d":"Grid layout with integration cards and view all link.","k":"section","s":"efferd","c":"marketing/logos","hc":1},{"id":"efferd:integrations-2","t":"Integrations #2","d":"Grid layout with bordered integration cards and decorative plus icons.","k":"section","s":"efferd","c":"marketing/logos","hc":1},{"id":"efferd:integrations-3","t":"Integrations #3","d":"Split layout with text content and scattered grid-based integration logos.","k":"section","s":"efferd","c":"marketing/logos","hc":1},{"id":"efferd:integrations-4","t":"Integrations #4","d":"Split layout with heading and scattered rounded integration cards with mask.","k":"section","s":"efferd","c":"marketing/logos","hc":1},{"id":"efferd:integrations-5","t":"Integrations #5","d":"Horizontal scrolling row of overlapping circular integration logos with mask.","k":"section","s":"efferd","c":"marketing/logos","hc":1},{"id":"efferd:integrations-6","t":"Integrations #6","d":"Three-column layout with centered text and connector lines to integration cards.","k":"section","s":"efferd","c":"marketing/logos","tg":["webgl"],"sy":["webgl"]},{"id":"efferd:integrations-7","t":"Integrations #7","d":"Stacked circular integration cards with hover expand effect and vertical mask.","k":"section","s":"efferd","c":"marketing/logos"},{"id":"efferd:integrations-8","t":"Integrations #8","d":"Bento-style grid with mixed aspect ratios and integration logos.","k":"section","s":"efferd","c":"marketing/logos"},{"id":"efferd:integrations-9","t":"Integrations #9","d":"Floating animated integration boxes around centered heading text.","k":"section","s":"efferd","c":"marketing/logos"},{"id":"efferd:integrations-10","t":"Integrations #10","d":"Animated integration boxes with center logo and connecting SVG pattern lines.","k":"section","s":"efferd","c":"marketing/logos"},{"id":"efferd:integrations-11","t":"Integrations #11","d":"Split layout with infinite vertical slider columns of integration logos.","k":"section","s":"efferd","c":"marketing/logos"},{"id":"efferd:integrations-12","t":"Integrations #12","d":"Circular orbit layout with integration logos positioned around central circle.","k":"section","s":"efferd","c":"marketing/logos"},{"id":"efferd:not-found-1","t":"Not found #1","d":"Minimal 404 error page with bold typography, subtle borders, and clear navigation actions.","k":"page","s":"efferd","c":"pages/templates","tg":["minimal"],"sb":"Error and status pages","sy":["minimal"],"hc":1},{"id":"efferd:not-found-2","t":"Not found #2","d":"Minimalist 404 page featuring large masked typography and clear navigation actions.","k":"page","s":"efferd","c":"pages/templates","tg":["minimal"],"sb":"Error and status pages","sy":["minimal"],"hc":1},{"id":"efferd:team-1","t":"Team #1","d":"Centered team grid with grayscale avatars, names, and roles, split by vertical column line","k":"section","s":"efferd","c":"marketing/team","hc":1},{"id":"efferd:team-2","t":"Team #2","d":"Compact team list with avatars, names, roles, and social links in a bordered layout with a","k":"section","s":"efferd","c":"marketing/team","hc":1},{"id":"efferd:team-3","t":"Team #3","d":"Three-column team grid with centered avatars, names, roles, and social icons, plus a hirin","k":"section","s":"efferd","c":"marketing/team","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"efferd:team-4","t":"Team #4","d":"Staggered photo columns with a name list, hover highlight, and social icons.","k":"section","s":"efferd","c":"marketing/team"},{"id":"efferd:team-5","t":"Team #5","d":"Department-grouped team list with avatars, first names, and hiring slots in a four-column ","k":"section","s":"efferd","c":"marketing/team"},{"id":"efferd:team-6","t":"Team #6","d":"Square portraits grouped under team headings, with a closing call-to-action for open roles","k":"section","s":"efferd","c":"marketing/team"},{"id":"efferd:team-7","t":"Team #7","d":"Split credits layout with a made-by label, name-to-role table, and social links at the end","k":"section","s":"efferd","c":"marketing/team"},{"id":"efferd:team-8","t":"Team #8","d":"Centered team intro with stats and rounded portraits that lift on hover to reveal social l","k":"section","s":"efferd","c":"marketing/team"},{"id":"efferd:team-9","t":"Team #9","d":"Split team intro with three grayscale portraits, names, roles, and social icons beside eac","k":"section","s":"efferd","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"einui:glass-avatar","t":"Glass Avatar","d":"Circular profile images with gradient glow effects and fallback initials for user represen","s":"einui","c":"data-display/avatar","tg":["glass","gradient","neon"],"sy":["glass","gradient","neon"],"hc":1},{"id":"einui:glass-badge","t":"Glass Badge","d":"Small visual indicators for status, labels, or categories with frosted glass styling and c","s":"einui","c":"data-display/badge","tg":["glass"],"sy":["glass"],"hc":1},{"id":"einui:glass-button","t":"Glass Button","d":"Interactive button components with multiple variants, sizes, and optional glow effects.","s":"einui","c":"actions/button","tg":["glass","neon"],"sb":"Animated","sy":["glass","neon"],"hc":1},{"id":"einui:glass-card","t":"Glass Card","d":"Flexible container components with frosted glass morphism effect, perfect for displaying g","s":"einui","c":"data-display/card","tg":["glass"],"sb":"Animated and glowing","sy":["glass"],"hc":1},{"id":"einui:glass-dialog","t":"Glass Dialog","d":"Modal dialog components with backdrop blur and smooth animations for confirmations and for","s":"einui","c":"overlays/dialog","tg":["glass"],"sy":["glass"],"hc":1},{"id":"einui:glass-input","t":"Glass Input","d":"Form input components with focus glow animations and glass morphism styling.","s":"einui","c":"inputs/form-field","tg":["glass","neon"],"sy":["glass","neon"],"hc":1},{"id":"einui:glass-progress","t":"Glass Progress","d":"Visual indicators for task completion with animated gradient fill and glow effects.","s":"einui","c":"data-viz/progress-bar","tg":["glass","gradient","neon"],"sy":["glass","gradient","neon"],"hc":1},{"id":"einui:glass-slider","t":"Glass Slider","d":"Range input controls with gradient track, glow effects, and smooth thumb interaction.","s":"einui","c":"inputs/slider","tg":["glass","gradient","neon"],"sy":["glass","gradient","neon"],"hc":1},{"id":"einui:glass-switch","t":"Glass Switch","d":"Toggle controls for binary options with smooth transitions and glow effects when activated","s":"einui","c":"actions/switch","tg":["glass","neon"],"sb":"Animated","sy":["glass","neon"],"hc":1},{"id":"einui:glass-tabs","t":"Glass Tabs","d":"Tabbed interface components with smooth transitions and glass morphism styling.","s":"einui","c":"navigation/tabs","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"einui:glass-tooltip","t":"Glass Tooltip","d":"Contextual information popups with glass morphism styling and smooth animations on hover.","s":"einui","c":"overlays/tooltip","tg":["glass"],"sy":["glass"],"hc":1},{"id":"einui:glass-command-palette","t":"Glass Command Palette","d":"A spotlight-style command palette with keyboard navigation, search filtering, customizable","s":"einui","c":"navigation/command-palette","tg":["glass"],"sy":["glass"],"hc":1},{"id":"einui:glass-notification","t":"Glass Notification","d":"A customizable notification system with glass morphism styling, allowing for different typ","s":"einui","c":"overlays/notifications","tg":["glass"],"sy":["glass"],"hc":1},{"id":"einui:glass-dock","t":"Glass Dock","d":"A dock component with glass morphism styling and smooth animations.","s":"einui","c":"navigation/dock","tg":["glass"],"sy":["glass"],"hc":1},{"id":"einui:glass-gauge","t":"Glass Gauge","d":"A gauge component with glass morphism styling, suitable for displaying progress or perform","s":"einui","c":"data-viz/gauge","tg":["glass"],"sy":["glass"],"hc":1},{"id":"einui:glass-morph-card","t":"Glass Morph Card","d":"A card component with a morphing glass effect, suitable for displaying content in a visual","s":"einui","c":"data-display/card","tg":["glass"],"sb":"Animated and glowing","sy":["glass"],"hc":1},{"id":"einui:glass-ripple","t":"Glass Ripple","d":"A ripple effect component that can be applied to various elements for a dynamic interactio","k":"motion","s":"einui","c":"motion/background","tg":["glass"],"sb":"Waves and warps","sy":["glass"],"hc":1},{"id":"einui:glass-spotlight","t":"Glass Spotlight","d":"A spotlight component that highlights specific areas of the UI with a glass morphism effec","k":"motion","s":"einui","c":"motion/background","tg":["glass"],"sb":"Beams and light","sy":["glass"],"hc":1},{"id":"einui:glass-orb","t":"Glass Orb","d":"An interactive ambient orb that follows the cursor, emits soft glass particle trails, and ","s":"einui","c":"ai-agent/ai-agent","tg":["glass","neon"],"sb":"Orbs and presence","sy":["glass","neon"],"hc":1},{"id":"einui:glass-waveform","t":"Glass Waveform","d":"An audio visualizer with liquid glass bars, gradient fills, and a frozen glass paused stat","s":"einui","c":"media/player","tg":["glass","gradient"],"sy":["glass","gradient"],"hc":1},{"id":"einui:glass-timeline","t":"Glass Timeline","d":"A timeline component with glass morphism styling, suitable for displaying events or proces","s":"einui","c":"data-display/timeline","tg":["glass"],"sy":["glass"],"hc":1},{"id":"einui:base-widget","t":"Base Widget","d":"base widgets component","s":"einui","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"einui:calendar-widget","t":"Calendar Widgets","d":"Calendar widgets for displaying dates, events, and scheduling information.","s":"einui","c":"data-display/calendar","hc":1},{"id":"einui:clock-widget","t":"Clock Widgets","d":"Clock widgets including analog, digital, world clock, stopwatch, and timer with liquid gla","s":"einui","c":"data-display/card","tg":["glass"],"sy":["glass"],"hc":1},{"id":"einui:weather-widget","t":"Weather Widgets","d":"Weather widgets for displaying temperature, conditions, forecasts, and hourly data with li","s":"einui","c":"data-display/card","tg":["glass"],"sy":["glass"],"hc":1},{"id":"einui:stats-widget","t":"Stats Widgets","d":"Statistics and metrics widgets for displaying data, comparisons, and progress with liquid ","s":"einui","c":"data-display/stat","tg":["glass"],"sy":["glass"],"hc":1},{"id":"einui:stock-widget","t":"Stock Widgets","d":"Stock market widgets for displaying stock prices, trends, and news with liquid glass styli","s":"einui","c":"data-display/card","tg":["glass"],"sy":["glass"],"hc":1},{"id":"einui:admin-panel","t":"Admin Panel","d":"A complete admin dashboard built with liquid glass components.","k":"layout","s":"einui","c":"layout/dashboard","tg":["glass"],"sy":["glass"],"hc":1},{"id":"einui:glass-select","t":"Glass Select","d":"A liquid glass styled select dropdown with frosted glass styling.","s":"einui","c":"inputs/select","tg":["glass"],"sy":["glass"],"hc":1},{"id":"einui:glass-textarea","t":"Glass Textarea","d":"A liquid glass styled textarea with focus glow effects.","s":"einui","c":"inputs/textarea","tg":["animated","glass","neon"],"sy":["animated","glass","neon"],"hc":1},{"id":"einui:glass-checkbox","t":"Glass Checkbox","d":"A liquid glass styled checkbox with animated check indicator.","s":"einui","c":"inputs/checkbox","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"einui:glass-radio","t":"Glass Radio Group","d":"A liquid glass styled radio group with animated selection.","s":"einui","c":"inputs/radio","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"einui:glass-skeleton","t":"Glass Skeleton","d":"A liquid glass styled skeleton loading component with shimmer.","s":"einui","c":"status/skeleton","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"einui:glass-table","t":"Glass Table","d":"A liquid glass styled table for displaying tabular data.","s":"einui","c":"data-display/table","tg":["glass"],"sy":["glass"],"hc":1},{"id":"einui:glass-breadcrumb","t":"Glass Breadcrumb","d":"A liquid glass styled breadcrumb navigation component.","s":"einui","c":"navigation/breadcrumb","tg":["glass"],"sy":["glass"],"hc":1},{"id":"einui:glass-sheet","t":"Glass Sheet","d":"A liquid glass styled sheet/drawer with slide animations.","s":"einui","c":"overlays/sheet","tg":["glass"],"sy":["glass"],"hc":1},{"id":"einui:glass-popover","t":"Glass Popover","d":"A liquid glass styled popover for floating content.","s":"einui","c":"overlays/popover","tg":["glass"],"sy":["glass"],"hc":1},{"id":"einui:glass-alert-dialog","t":"Glass Alert Dialog","d":"A liquid glass styled alert dialog for confirmations.","s":"einui","c":"overlays/dialog","tg":["glass"],"sb":"Confirm","sy":["glass"],"hc":1},{"id":"einui:glass-separator","t":"Glass Separator","d":"A liquid glass styled separator/divider component.","k":"layout","s":"einui","c":"layout/page-shell","tg":["glass"],"sy":["glass"],"hc":1},{"id":"einui:glass-scroll-area","t":"Glass Scroll Area","d":"A liquid glass styled custom scrollbar component.","k":"layout","s":"einui","c":"layout/scroll-area","tg":["glass"],"sy":["glass"],"hc":1},{"id":"einui:forgot-password-page","t":"Forgot Password Page","d":"A forgot password recovery page with email submission and confirmation state, including he","k":"layout","s":"einui","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"einui:login-page","t":"Login Page","d":"A complete login page with email and password authentication, password visibility toggle, ","k":"layout","s":"einui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"einui:signup-page","t":"Sign Up Page","d":"A complete sign up page with multi-step validation, password strength indicator, confirm p","k":"layout","s":"einui","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"einui:pricing-page","t":"Pricing Page","d":"A modern pricing page with multiple plan tiers, monthly and yearly billing, highlighted re","k":"section","s":"einui","c":"marketing/pricing","hc":1},{"id":"einui:map-widget","t":"Glass Map Widget","d":"A liquid glass styled map widget with dotted geographic grid visualization, active node ba","s":"einui","c":"data-viz/map","tg":["glass"],"sy":["glass"],"hc":1},{"id":"einui:area-chart-widget","t":"Glass Area Chart Widget","d":"A liquid glass styled area chart widget with glowing multi-layer gradient fills, smooth cu","s":"einui","c":"data-viz/chart","tg":["glass","gradient","neon"],"sb":"Area","sy":["glass","gradient","neon"],"hc":1},{"id":"eldoraui:index","t":"Index","k":"theme","s":"eldoraui","c":"themes/style"},{"id":"eldoraui:safari-browser","t":"Safari browser","d":"A safari browser component.","s":"eldoraui","c":"other/other","vn":1,"hc":1},{"id":"eldoraui:macbook-pro","t":"Macbook pro","d":"A MacBook Pro SVG component.","s":"eldoraui","c":"media/mockup","vn":1,"hc":1},{"id":"eldoraui:iphone-17-pro","t":"Iphone 17 pro","d":"An iPhone 17 Pro SVG component.","s":"eldoraui","c":"media/mockup","vn":1,"hc":1},{"id":"eldoraui:ipad","t":"Ipad","d":"An iPad SVG component.","s":"eldoraui","c":"media/mockup","vn":1,"hc":1},{"id":"eldoraui:browser","t":"Browser","d":"A browser SVG component.","s":"eldoraui","c":"other/other","vn":2,"hc":1},{"id":"eldoraui:cobe-globe","t":"Cobe globe","d":"A cobe globe component.","k":"motion","s":"eldoraui","c":"motion/globe","tg":["animated"],"sy":["animated"],"vn":5,"hc":1},{"id":"eldoraui:github-inline-comments","t":"Github inline comments","d":"A github inline comments component.","s":"eldoraui","c":"other/other","vn":1,"hc":1},{"id":"eldoraui:animated-badge","t":"Animated badge","d":"An animated badge component.","s":"eldoraui","c":"data-display/badge","sb":"Animated","vn":1,"hc":1},{"id":"eldoraui:grid","t":"Grid","d":"A grid component.","s":"eldoraui","c":"other/other","vn":5,"hc":1},{"id":"eldoraui:clerk-otp","t":"Clerk otp","d":"A clerk OTP component.","s":"eldoraui","c":"inputs/otp-input","vn":2,"hc":1},{"id":"eldoraui:marquee","t":"Marquee","d":"A performant, customizable marquee (scrolling text/content) component.","k":"motion","s":"eldoraui","c":"motion/marquee","hc":1},{"id":"eldoraui:integrations","t":"Integrations","d":"An integrations component.","k":"section","s":"eldoraui","c":"marketing/logos","vn":2,"hc":1},{"id":"eldoraui:terminal","t":"Terminal","d":"A terminal component.","s":"eldoraui","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"vn":1,"hc":1},{"id":"eldoraui:testimonal-slider","t":"Testimonal slider","d":"A testimonial slider component.","s":"eldoraui","c":"inputs/slider","vn":1,"hc":1},{"id":"eldoraui:map","t":"Map","d":"An animated map component with location markers.","s":"eldoraui","c":"data-viz/map","vn":1,"hc":1},{"id":"eldoraui:svg-ripple-effect","t":"Svg ripple effect","d":"An SVG ripple effect component.","k":"motion","s":"eldoraui","c":"motion/background","sb":"Waves and warps","vn":2,"hc":1},{"id":"eldoraui:animated-frameworks","t":"Animated frameworks","d":"An animated frameworks component.","s":"eldoraui","c":"other/other","vn":1,"hc":1},{"id":"eldoraui:blur-in-text","t":"Blur in text","d":"A blur in text component.","k":"motion","s":"eldoraui","c":"motion/text-effect","sb":"Reveal and entrance","vn":1,"hc":1},{"id":"eldoraui:fade-text","t":"Fade text","d":"A combined fade text component with support for in, up, and down directions.","k":"motion","s":"eldoraui","c":"motion/text-effect","sb":"Reveal and entrance","vn":3,"hc":1},{"id":"eldoraui:gradual-spacing-text","t":"Gradual spacing text","d":"A gradual spacing text component.","k":"motion","s":"eldoraui","c":"motion/text-effect","vn":1,"hc":1},{"id":"eldoraui:letter-pull-up-text","t":"Letter pull up text","d":"A letter pull up text component.","k":"motion","s":"eldoraui","c":"motion/text-effect","vn":1,"hc":1},{"id":"eldoraui:multi-direction-slide-text","t":"Multi direction slide text","d":"A multi direction slide text component.","k":"motion","s":"eldoraui","c":"motion/text-effect","sb":"Reveal and entrance","vn":1,"hc":1},{"id":"eldoraui:seperate-away-text","t":"Seperate away text","d":"A seperate away text component.","k":"motion","s":"eldoraui","c":"motion/text-effect","vn":1,"hc":1},{"id":"eldoraui:wavy-text","t":"Wavy text","d":"A wavy text component.","k":"motion","s":"eldoraui","c":"motion/text-effect","sb":"Bouncy and wavy","vn":1,"hc":1},{"id":"eldoraui:word-pull-up-text","t":"Word pull up text","d":"A word pull up text component.","k":"motion","s":"eldoraui","c":"motion/text-effect","vn":1,"hc":1},{"id":"eldoraui:novatrix-background","t":"Novatrix background","d":"A novatrix background component.","k":"motion","s":"eldoraui","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"vn":2,"hc":1},{"id":"eldoraui:photon-beam","t":"Photon beam","d":"A photon beam background component with animated light trails.","k":"motion","s":"eldoraui","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"vn":1,"hc":1},{"id":"eldoraui:hacker-background","t":"Hacker background","d":"A hacker background component.","k":"motion","s":"eldoraui","c":"motion/background","vn":2,"hc":1},{"id":"eldoraui:card-flip-hover","t":"Card flip hover","d":"A card flip hover component.","s":"eldoraui","c":"data-display/card","sb":"Animated and glowing","vn":1,"hc":1},{"id":"eldoraui:scale-letter-text","t":"Scale letter text","d":"A scale letter text component.","k":"motion","s":"eldoraui","c":"motion/text-effect","vn":1,"hc":1},{"id":"eldoraui:font-weight-text","t":"Font weight text","d":"A font weight text component.","k":"resource","s":"eldoraui","c":"assets/font","vn":1,"hc":1},{"id":"eldoraui:animated-grid-pattern","t":"Animated grid pattern","d":"An animated grid pattern component.","k":"motion","s":"eldoraui","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"vn":1,"hc":1},{"id":"eldoraui:live-button","t":"Live button","d":"A live button component.","s":"eldoraui","c":"actions/button","vn":1,"hc":1},{"id":"eldoraui:animated-shiny-button","t":"Animated shiny button","d":"An animated shiny button component.","s":"eldoraui","c":"actions/button","sb":"Animated","vn":1,"hc":1},{"id":"eldoraui:animated-list","t":"Animated list","d":"An animated list component.","s":"eldoraui","c":"data-display/list","vn":1,"hc":1},{"id":"eldoraui:orbit-rotation","t":"Orbit rotation","d":"An orbit rotation component with customizable icons.","k":"resource","s":"eldoraui","c":"assets/icon","vn":1,"hc":1},{"id":"eldoraui:logo-timeline","t":"Logo timeline","d":"An animated logo timeline component with horizontal scrolling logos.","k":"resource","s":"eldoraui","c":"assets/logo","sb":"Dev tools","vn":2,"hc":1},{"id":"eldoraui:dock-text","t":"Dock text","d":"A dock text component with interactive hover effects.","k":"motion","s":"eldoraui","c":"motion/text-effect","vn":2,"hc":1},{"id":"eldoraui:holographic-card","t":"Holographic card","d":"An interactive card with a holographic gradient and mouse‑reactive tilt effect.","s":"eldoraui","c":"data-display/card","tg":["3d","gradient"],"sy":["3d","gradient"],"vn":3,"hc":1},{"id":"eldoraui:utils","t":"Utils","k":"lib","s":"eldoraui","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"eldoraui:header-01","t":"Header #1","d":"A simple header.","s":"eldoraui","c":"navigation/top-nav","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"eldoraui:header-02","t":"Header #2","d":"A simple header.","s":"eldoraui","c":"navigation/top-nav","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"eldoraui:logo-cloud-01","t":"Logo cloud #1","d":"A simple logo cloud.","k":"section","s":"eldoraui","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"eldoraui:logo-cloud-02","t":"Logo cloud #2","d":"A logo cloud with flex wrap layout.","k":"section","s":"eldoraui","c":"marketing/logos","hc":1},{"id":"eldoraui:logo-cloud-03","t":"Logo cloud #3","d":"A logo cloud with marquee effect.","k":"section","s":"eldoraui","c":"marketing/logos","hc":1},{"id":"eldoraui:logo-cloud-04","t":"Logo cloud #4","d":"A logo cloud with motion.","k":"section","s":"eldoraui","c":"marketing/logos","tg":["animated"],"sy":["animated"],"hc":1},{"id":"eldoraui:testimonal-01","t":"Testimonal #1","d":"A testimonial slider.","k":"section","s":"eldoraui","c":"marketing/testimonials","hc":1},{"id":"eldoraui:testimonal-02","t":"Testimonal #2","d":"A testimonial marquee.","k":"section","s":"eldoraui","c":"marketing/testimonials","tg":["animated"],"sy":["animated"],"hc":1},{"id":"eldoraui:testimonal-03","t":"Testimonal #3","d":"A testimonial card grid.","k":"section","s":"eldoraui","c":"marketing/testimonials","hc":1},{"id":"eldoraui:features-01","t":"Features #1","d":"Features section with accordion and image carousel.","k":"section","s":"eldoraui","c":"marketing/features","tg":["animated"],"sy":["animated"],"hc":1},{"id":"eldoraui:cta-01","t":"Cta #1","d":"CTA with heading, grid background, and animated side lines.","k":"section","s":"eldoraui","c":"marketing/cta","tg":["animated"],"sy":["animated"],"hc":1},{"id":"eldoraui:cta-02","t":"Cta #2","d":"CTA with heading, button, and orbiting app icons.","k":"section","s":"eldoraui","c":"marketing/cta","tg":["animated"],"sy":["animated"],"hc":1},{"id":"eldoraui:cta-03","t":"Cta #3","d":"CTA with heading, button, and ripple background.","k":"section","s":"eldoraui","c":"marketing/cta","hc":1},{"id":"eldoraui:pricing-01","t":"Pricing #1","d":"A pricing section.","k":"section","s":"eldoraui","c":"marketing/pricing","tg":["animated"],"sy":["animated"],"hc":1},{"id":"eldoraui:pricing-02","t":"Pricing #2","d":"A pricing table with a dropdown menu.","k":"section","s":"eldoraui","c":"marketing/pricing","tg":["animated"],"sb":"Comparison tables","sy":["animated"],"hc":1},{"id":"eldoraui:footer-01","t":"Footer #1","d":"A footer.","k":"section","s":"eldoraui","c":"marketing/footer","hc":1},{"id":"elements:ably-logo","t":"Ably Logo","d":"Ably logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:agent-context","t":"AI Agent Context","d":"Display and optionally edit agent context data with type indicators, nested object support","s":"elements","c":"ai-agent/ai-agent","hc":1},{"id":"elements:agent-roster","t":"AI Agent Roster","d":"Display a directory of AI agents with status indicators, match patterns, and selection sup","s":"elements","c":"ai-agent/ai-agent","hc":1},{"id":"elements:agent-status","t":"AI Agent Status","d":"Display current agent handling a request with status indicators, animated pulse for active","s":"elements","c":"ai-agent/ai-agent","hc":1},{"id":"elements:agentic-coding","t":"Agentic Coding","d":"AI coding agents, IDEs, and copilots","k":"resource","s":"elements","c":"assets/logo","sb":"AI"},{"id":"elements:agentmail-logo","t":"AgentMail Logo","d":"AgentMail logo with icon variant and dark/light modes","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:ai-badge","t":"AI Badge","d":"Interactive 3D badge component with Atropos effect, customizable branding, QR code, and AI","s":"elements","c":"ai-agent/ai-agent","tg":["3d"],"sy":["3d"],"hc":1},{"id":"elements:ai-services","t":"AI Services","d":"Major AI service providers and LLM platforms","s":"elements","c":"ai-agent/ai-agent"},{"id":"elements:algolia-logo","t":"Algolia Logo","d":"Algolia logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:amp-logo","t":"Amp Logo","d":"Amp (by Sourcegraph) coding agent logo with icon and wordmark variants","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:anthropic-logo","t":"Anthropic Logo","d":"Anthropic logo component with theme-adaptive colors","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:antigravity-logo","t":"Antigravity Logo","d":"Google Antigravity agentic IDE logo with icon and color variants","k":"resource","s":"elements","c":"assets/logo","tg":["webgl"],"sb":"AI","sy":["webgl"],"hc":1},{"id":"elements:api-response-viewer","t":"API Response Viewer","d":"HTTP response viewer with tabbed Body, Headers, and Timing display","s":"elements","c":"other/other","hc":1},{"id":"elements:apple-logo","t":"Apple Logo","d":"Apple logo component with theme-adaptive colors","k":"resource","s":"elements","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"elements:artifact","t":"Ai Artifact","d":"TODO: Add description","s":"elements","c":"ai-agent/ai-agent","hc":1},{"id":"elements:astro-logo","t":"Astro Logo","d":"Astro web framework logo with icon and icon-mono variants","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:auth0-logo","t":"Auth0 Logo","d":"Auth0 logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:aws-all","t":"AWS All Services","d":"Complete collection of AWS service logos","k":"section","s":"elements","c":"marketing/features"},{"id":"elements:aws-amplify","t":"AWS Amplify Logo","d":"AWS Amplify service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-analytics","t":"AWS Analytics","d":"AWS analytics service logos","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data"},{"id":"elements:aws-api-gateway","t":"Amazon API Gateway Logo","d":"Amazon API Gateway service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-appsync","t":"AWS AppSync Logo","d":"AWS AppSync service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-athena","t":"Amazon Athena Logo","d":"Amazon Athena service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-bedrock","t":"Amazon Bedrock Logo","d":"Amazon Bedrock service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-cloudformation","t":"AWS CloudFormation Logo","d":"AWS CloudFormation service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-cloudfront","t":"Amazon CloudFront Logo","d":"Amazon CloudFront service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-cloudwatch","t":"Amazon CloudWatch Logo","d":"Amazon CloudWatch service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-codebuild","t":"AWS CodeBuild Logo","d":"AWS CodeBuild service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-codecommit","t":"AWS CodeCommit Logo","d":"AWS CodeCommit service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-codedeploy","t":"AWS CodeDeploy Logo","d":"AWS CodeDeploy service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-codepipeline","t":"AWS CodePipeline Logo","d":"AWS CodePipeline service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-cognito","t":"Amazon Cognito Logo","d":"Amazon Cognito service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-compute","t":"AWS Compute","d":"AWS compute service logos","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data"},{"id":"elements:aws-database","t":"AWS Database","d":"AWS database service logos","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data"},{"id":"elements:aws-devtools","t":"AWS Developer Tools","d":"AWS developer tool logos","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data"},{"id":"elements:aws-dynamodb","t":"Amazon DynamoDB Logo","d":"Amazon DynamoDB service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-ec2","t":"Amazon EC2 Logo","d":"Amazon EC2 service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-ecs","t":"Amazon ECS Logo","d":"Amazon ECS service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-eks","t":"Amazon EKS Logo","d":"Amazon EKS service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-elastic-beanstalk","t":"AWS Elastic Beanstalk Logo","d":"AWS Elastic Beanstalk service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-eventbridge","t":"Amazon EventBridge Logo","d":"Amazon EventBridge service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-fargate","t":"AWS Fargate Logo","d":"AWS Fargate service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-glue","t":"AWS Glue Logo","d":"AWS Glue service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-iam","t":"AWS IAM Logo","d":"AWS IAM service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-kinesis","t":"Amazon Kinesis Logo","d":"Amazon Kinesis service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-kms","t":"AWS KMS Logo","d":"AWS KMS service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-lambda","t":"AWS Lambda Logo","d":"AWS Lambda service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-logo","t":"AWS Logo","d":"AWS logo component with brand orange and white","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-messaging","t":"AWS Messaging","d":"AWS messaging service logos","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data"},{"id":"elements:aws-ml","t":"AWS Machine Learning","d":"AWS ML service logos","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data"},{"id":"elements:aws-monitoring","t":"AWS Monitoring","d":"AWS monitoring service logos","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data"},{"id":"elements:aws-networking","t":"AWS Networking","d":"AWS networking service logos","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data"},{"id":"elements:aws-rds","t":"Amazon RDS Logo","d":"Amazon RDS service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-redshift","t":"Amazon Redshift Logo","d":"Amazon Redshift service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-route53","t":"Amazon Route 53 Logo","d":"Amazon Route 53 service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-s3","t":"Amazon S3 Logo","d":"Amazon S3 service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-sagemaker","t":"Amazon SageMaker Logo","d":"Amazon SageMaker service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-secrets-manager","t":"AWS Secrets Manager Logo","d":"AWS Secrets Manager service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-security","t":"AWS Security","d":"AWS security service logos","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data"},{"id":"elements:aws-serverless","t":"AWS Serverless","d":"AWS serverless service logos","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data"},{"id":"elements:aws-sns","t":"Amazon SNS Logo","d":"Amazon SNS service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-sqs","t":"Amazon SQS Logo","d":"Amazon SQS service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:aws-step-functions","t":"AWS Step Functions Logo","d":"AWS Step Functions service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","tg":["playful"],"sb":"Cloud and data","sy":["playful"],"hc":1},{"id":"elements:aws-storage","t":"AWS Storage","d":"AWS storage service logos","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data"},{"id":"elements:aws-vpc","t":"Amazon VPC Logo","d":"Amazon VPC service logo component with official brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:axiom-logo","t":"Axiom Logo","d":"Axiom logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:bash-logo","t":"Bash Logo","d":"Bash shell logo component","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:beincrypto-logo","t":"BeInCrypto Logo","d":"BeInCrypto logo component with icon and wordmark variants","k":"resource","s":"elements","c":"assets/logo","sb":"Crypto","hc":1},{"id":"elements:better-auth-logo","t":"Better Auth Logo","d":"Better Auth logo component with theme-adaptive colors","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:biome-logo","t":"Biome Logo","d":"Biome - One toolchain for your web project","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:braintrust-logo","t":"Braintrust Logo","d":"Braintrust logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:browser-use-logo","t":"Browser Use Logo","d":"Browser Use logo with icon variant and dark/light modes","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:browserbase-logo","t":"Browserbase Logo","d":"Browserbase logo with icon and wordmark variants","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:bun-logo","t":"Bun Logo","d":"Bun logo component - fast all-in-one JavaScript runtime","k":"resource","s":"elements","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"elements:bytedance-logo","t":"ByteDance Logo","d":"ByteDance logo with variant support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:cerebras-logo","t":"Cerebras Logo","d":"Cerebras logo with variant support","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:chain-of-thought","t":"AI Chain of Thought","d":"Visualize AI reasoning steps with search results and images for step-by-step thinking disp","s":"elements","c":"ai-agent/ai-agent","hc":1},{"id":"elements:chat","t":"AI Chat","d":"Main chat container with header, body, and footer sections for building AI chat interfaces","s":"elements","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"elements:chat-input","t":"AI Chat Input","d":"Expandable chat input with send button, file attachments, and keyboard shortcuts","s":"elements","c":"ai-agent/composer","hc":1},{"id":"elements:claude-code-logo","t":"Claude Code Logo","d":"Claude Code logo with variant support","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:claude-logo","t":"Claude Logo","d":"Claude logo component with brand orange","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:clerk-logo","t":"Clerk Logo","d":"Clerk logo component with variants, color schemes, modes, and backgrounds","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:clerk-oauth-buttons","t":"Clerk OAuth Buttons","d":"Social login button group with Google, GitHub, Apple, and Microsoft. Supports default, out","s":"elements","c":"actions/button","tg":["webgl"],"sb":"Social and sign-in","sy":["webgl"],"hc":1},{"id":"elements:clerk-org-switcher","t":"Clerk Organization Switcher","d":"Organization switcher dropdown with personal account, org list with role badges, and creat","s":"elements","c":"navigation/menu","hc":1},{"id":"elements:clerk-sign-in","t":"Clerk Sign In","d":"Multi-step sign-in form with email/password and social OAuth buttons. Features step transi","k":"layout","s":"elements","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"elements:clerk-sign-up","t":"Clerk Sign Up","d":"Multi-step sign-up form with name, email, password and email verification via OTP input. I","k":"layout","s":"elements","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"elements:clerk-user-button","t":"Clerk User Button","d":"User avatar with dropdown menu showing profile, settings, and sign-out options. Features i","s":"elements","c":"actions/button","hc":1},{"id":"elements:clerk-waitlist","t":"Clerk Waitlist","d":"Waitlist signup form with email input, animated success state, and queue position display.","k":"section","s":"elements","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"elements:cli-output","t":"CLI Output","d":"Terminal-style output display with ANSI color support and controls","s":"elements","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"elements:cline-logo","t":"Cline Logo","d":"Cline autonomous coding agent logo","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:cloud-infrastructure","t":"Cloud & Infrastructure","d":"Cloud services, infrastructure, and backend platforms","k":"section","s":"elements","c":"marketing/features"},{"id":"elements:cloudflare-logo","t":"Cloudflare Logo","d":"Cloudflare brand logo component with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:cloudinary-logo","t":"Cloudinary Logo","d":"Cloudinary logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:code-diff-viewer","t":"Code Diff Viewer","d":"Side-by-side or unified diff view with syntax highlighting via Shiki","s":"elements","c":"data-display/diff","hc":1},{"id":"elements:codex-logo","t":"Codex Logo","d":"OpenAI Codex coding agent logo with mono, color, and wordmark variants","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:cohere-logo","t":"Cohere Logo","d":"Cohere logo component with brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:composio-logo","t":"Composio Logo","d":"Composio logo with icon variant and dark/light modes","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:confirmation","t":"AI Confirmation","d":"Human-in-the-loop tool approval workflow with accept/reject states for agentic AI applicat","s":"elements","c":"ai-agent/ai-agent","hc":1},{"id":"elements:continue-logo","t":"Continue Logo","d":"Continue open-source AI code agent logo","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:conversation-tree","t":"AI Conversation Tree","d":"Visualize branching conversations with a tree structure. Shows node types (user, assistant","s":"elements","c":"ai-agent/ai-agent","tg":["playful"],"sb":"Chat","sy":["playful"],"hc":1},{"id":"elements:convex-logo","t":"Convex Logo","d":"Convex logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:cplusplus-logo","t":"C++ Logo","d":"C++ programming language logo component","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:crafter-station-logo","t":"Crafter Station Logo","d":"Crafter Station logo component with icon, wordmark, and logo variants","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:css-logo","t":"CSS Logo","d":"CSS programming language logo component","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:cursor-logo","t":"Cursor Logo","d":"Cursor - The AI Code Editor","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:datadog-logo","t":"Datadog Logo","d":"Datadog logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:daytona-logo","t":"Daytona Logo","d":"Daytona logo with icon variant and dark/light modes","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:deepl-logo","t":"DeepL Logo","d":"DeepL logo with variant support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:deepseek-logo","t":"DeepSeek Logo","d":"DeepSeek logo component with brand purple","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:developer-tools","t":"Developer Tools & Platforms","d":"Development platforms, productivity tools, and workflows","k":"resource","s":"elements","c":"assets/logo"},{"id":"elements:dify-logo","t":"Dify Logo","d":"Dify logo with variant support","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:discord-logo","t":"Discord Logo","d":"Discord logo component with brand purple","k":"resource","s":"elements","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"elements:docker-logo","t":"Docker Logo","d":"Docker container platform logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"elements:drizzle-logo","t":"Drizzle Logo","d":"Drizzle ORM brand logo component with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:e2b-logo","t":"E2B Logo","d":"E2B logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:elevenlabs-logo","t":"ElevenLabs Logo","d":"ElevenLabs AI voice platform logo with icon and wordmark variants","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:env-editor","t":"Env Editor","d":"Environment variable editor with key-value grid, masked values, and import/export","s":"elements","c":"inputs/textarea","hc":1},{"id":"elements:error-boundary-ui","t":"Error Boundary UI","d":"Error display component for React error boundaries with stack trace and retry","s":"elements","c":"other/other","hc":1},{"id":"elements:exa-logo","t":"Exa Logo","d":"Exa logo with icon variant and dark/light modes","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:expo-logo","t":"Expo Logo","d":"Expo logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:fal-logo","t":"fal Logo","d":"fal logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:figma-logo","t":"Figma Logo","d":"Figma brand logo with icon, icon-mono, wordmark, and logo variants","k":"resource","s":"elements","c":"assets/logo","sb":"Design and work","hc":1},{"id":"elements:fireworks-logo","t":"Fireworks Logo","d":"Fireworks logo with variant support","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:flyio-logo","t":"Fly.io Logo","d":"Fly.io logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:gemini-logo","t":"Gemini Logo","d":"Gemini logo component with brand gradient colors","k":"resource","s":"elements","c":"assets/logo","tg":["gradient"],"sb":"AI","sy":["gradient"],"hc":1},{"id":"elements:generate-badge","t":"Generate Badge","d":"Hook and utilities for generating badge images from SVG, with PNG/JPEG export support","s":"elements","c":"data-display/badge","hc":1},{"id":"elements:ghostty-logo","t":"Ghostty Logo","d":"Ghostty - A fast, feature-rich terminal emulator","k":"resource","s":"elements","c":"assets/logo","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"elements:github-activity-calendar","t":"GitHub Activity Calendar","d":"The iconic GitHub contribution calendar showing activity levels throughout the year with c","s":"elements","c":"data-display/calendar","hc":1},{"id":"elements:github-contributions","t":"GitHub Contributions","d":"Display contribution activity grid like GitHub's profile","s":"elements","c":"data-display/profile","hc":1},{"id":"elements:github-copilot-logo","t":"GitHub Copilot Logo","d":"GitHub Copilot AI coding assistant logo","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:github-languages","t":"GitHub Languages","d":"A visual language breakdown bar showing the programming languages used in a GitHub reposit","s":"elements","c":"inputs/form-field","hc":1},{"id":"elements:github-logo","t":"GitHub Logo","d":"GitHub logo component with theme-aware variants","k":"resource","s":"elements","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"elements:github-profile-card","t":"GitHub Profile Card","d":"A comprehensive profile card displaying GitHub user information including avatar, bio, loc","s":"elements","c":"data-display/profile","hc":1},{"id":"elements:github-repo-card","t":"GitHub Repo Card","d":"A card component displaying GitHub repository information including name, description, sta","s":"elements","c":"data-display/card","hc":1},{"id":"elements:github-star-button","t":"GitHub Star Button","d":"An interactive star button with live star count that links to a GitHub repository. Perfect","s":"elements","c":"actions/button","sb":"Social and sign-in","hc":1},{"id":"elements:github-stars","t":"GitHub Stars","d":"Display repository star history with area chart visualization","k":"motion","s":"elements","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"elements:gitlab-logo","t":"GitLab Logo","d":"GitLab logo component with brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"elements:go-logo","t":"Go Logo","d":"Go programming language logo component with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:google-logo","t":"Google Logo","d":"Google logo component with brand colors","k":"resource","s":"elements","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"elements:goose-logo","t":"Goose Logo","d":"Goose by Block open-source AI agent logo","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:grafana-logo","t":"Grafana Logo","d":"Grafana logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:grok-logo","t":"Grok Logo","d":"Grok logo component with theme-adaptive colors","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:groq-logo","t":"Groq Logo","d":"Groq logo component with brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:guardrails","t":"AI Guardrails","d":"Display content moderation and safety check results with blocked/modified/approved states,","s":"elements","c":"ai-agent/ai-agent","hc":1},{"id":"elements:handoff-chain","t":"AI Handoff Chain","d":"Visualize agent transition breadcrumbs showing the chain of agents with arrows, active age","s":"elements","c":"ai-agent/ai-agent","hc":1},{"id":"elements:herdr-logo","t":"Herdr Logo","d":"Herdr coding agent runtime logo","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:hook-auto-format","t":"Auto Format","d":"Automatically run your project formatter (Biome, Prettier, Black, rustfmt) after Claude ed","s":"elements","c":"inputs/form-field","hc":1},{"id":"elements:hook-cat-sounds","t":"Cat Sounds","d":"Play cat meow sounds when Claude Code needs your attention. Fun personality hook.","k":"resource","s":"elements","c":"assets/sound","tg":["playful"],"sy":["playful"],"hc":1},{"id":"elements:hook-context-monitor","t":"Context Monitor","d":"Warn when Claude Code context window is running low. Alerts at 40%, 25%, and 15%.","s":"elements","c":"overlays/alert-banner","hc":1},{"id":"elements:hook-guard-branch","t":"Branch Guard","d":"Block pushes to protected branches (main, master, production).","s":"elements","c":"other/other","hc":1},{"id":"elements:hook-guard-destructive","t":"Destructive Command Guard","d":"Block dangerous commands like rm -rf, git reset --hard, and DROP TABLE.","s":"elements","c":"data-display/table","hc":1},{"id":"elements:hook-guard-secrets","t":"Secrets Guard","d":"Block edits to .env files and credential files.","s":"elements","c":"other/other","hc":1},{"id":"elements:hook-notify-discord","t":"Discord Notification","d":"Send a Discord notification when Claude Code needs input or finishes a task.","s":"elements","c":"overlays/notifications","hc":1},{"id":"elements:hook-notify-macos","t":"macOS Notification","d":"Native macOS notification when Claude Code needs input or finishes a task.","s":"elements","c":"overlays/notifications","hc":1},{"id":"elements:hook-notify-slack","t":"Slack Notification","d":"Send a Slack notification when Claude Code needs input or finishes a task.","s":"elements","c":"overlays/notifications","hc":1},{"id":"elements:hook-notify-sound","t":"Sound Notification","d":"Play a system sound when Claude Code needs input or finishes a task. Cross-platform.","k":"resource","s":"elements","c":"assets/sound","sb":"Notifications","hc":1},{"id":"elements:hook-notify-telegram","t":"Telegram Notification","d":"Send a Telegram notification when Claude Code needs input or finishes a task.","s":"elements","c":"overlays/notifications","hc":1},{"id":"elements:hook-session-summary","t":"Session Summary","d":"Generate a summary of your Claude Code session when it ends.","s":"elements","c":"other/other","hc":1},{"id":"elements:html-logo","t":"HTML Logo","d":"HTML5 programming language logo component","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:hugging-face-logo","t":"Hugging Face Logo","d":"Hugging Face logo component with brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:hyperbrowser-logo","t":"Hyperbrowser Logo","d":"Hyperbrowser logo with icon variant and dark/light modes","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:inngest-logo","t":"Inngest Logo","d":"Inngest logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:instagram-logo","t":"Instagram Logo","d":"Instagram logo component with brand gradient and theme-aware icon","k":"resource","s":"elements","c":"assets/logo","tg":["gradient"],"sb":"Big tech and social","sy":["gradient"],"hc":1},{"id":"elements:java-logo","t":"Java Logo","d":"Java programming language logo component","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:javascript-logo","t":"JavaScript Logo","d":"JavaScript programming language logo component with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"elements:json-logo","t":"JSON Logo","d":"JSON data format logo component","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:json-viewer","t":"JSON Viewer","d":"Collapsible JSON tree viewer with syntax highlighting, search, and copy path","s":"elements","c":"data-display/json-viewer","hc":1},{"id":"elements:kapso-logo","t":"Kapso Logo","d":"Kapso WhatsApp notifications platform logo with icon, wordmark, and logo variants","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:kebo-logo","t":"Kebo Logo","d":"Kebo logo component with brand purple","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:kilo-code-logo","t":"Kilo Code Logo","d":"Kilo Code agentic coding platform logo with brand yellow","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:kimi-logo","t":"Kimi Logo","d":"Kimi logo component with theme-adaptive colors","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:kite-logo","t":"Kite Logo","d":"Kite logo with icon variant and dark/light modes","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:kotlin-logo","t":"Kotlin Logo","d":"Kotlin programming language logo component","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:langchain-logo","t":"LangChain Logo","d":"LangChain logo with variant support","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:langfuse-logo","t":"Langfuse Logo","d":"Langfuse logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:latency-meter","t":"AI Latency Meter","d":"Response time visualization with TTFB and total duration display, color-coded performance ","s":"elements","c":"ai-agent/ai-agent","hc":1},{"id":"elements:launchdarkly-logo","t":"LaunchDarkly Logo","d":"LaunchDarkly logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:linear-logo","t":"Linear Logo","d":"Linear issue tracking and project management platform logo with multiple variants","k":"resource","s":"elements","c":"assets/logo","sb":"Design and work","hc":1},{"id":"elements:linkedin-logo","t":"LinkedIn Logo","d":"LinkedIn logo component with color schemes and variants","k":"resource","s":"elements","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"elements:loader-cli-spinner","t":"CLI Spinner Loader","d":"90 terminal-style text spinners in a single React component. Zero dependencies, keyboard-s","s":"elements","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"elements:loader-dot-matrix","t":"Dot Matrix Loader","d":"A grid of dots with ripple, wave, and cascade animation effects","s":"elements","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"elements:loader-glitch-text","t":"Glitch Text Loader","d":"Text with RGB channel splitting, clip-path distortion, and character scrambling","k":"motion","s":"elements","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"elements:loader-helix","t":"Helix Loader","d":"DNA double-helix with dots traveling along sinusoidal paths creating a 3D illusion","s":"elements","c":"status/loader","tg":["3d"],"sy":["3d"],"hc":1},{"id":"elements:loader-morphing-blob","t":"Morphing Blob Loader","d":"Polished liquid sphere with subtle organic deformation and specular highlights","k":"resource","s":"elements","c":"assets/shape","hc":1},{"id":"elements:loader-signal-bars","t":"Signal Bars Loader","d":"Audio waveform / frequency spectrum bars that pulse rhythmically as a loading indicator","s":"elements","c":"status/loader","sb":"Bars","hc":1},{"id":"elements:loader-terminal-decode","t":"Terminal Decode Loader","d":"Terminal-style text decoder that cycles through random characters before resolving","s":"elements","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"elements:logos","t":"Brand Logos Collection","d":"All popular tech companies and services","k":"resource","s":"elements","c":"assets/logo"},{"id":"elements:lovable-logo","t":"Lovable Logo","d":"Lovable logo component with brand gradient colors","k":"resource","s":"elements","c":"assets/logo","tg":["gradient"],"sb":"AI","sy":["gradient"],"hc":1},{"id":"elements:luma-logo","t":"Luma Logo","d":"Luma logo with variant support","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:meilisearch-logo","t":"Meilisearch Logo","d":"Meilisearch logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:mem0-logo","t":"Mem0 Logo","d":"Mem0 logo with icon and wordmark variants","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:memory-viewer","t":"AI Memory Viewer","d":"Display and manage working memory and conversation history with source badges, timestamps,","s":"elements","c":"ai-agent/ai-agent","tg":["playful"],"sy":["playful"],"hc":1},{"id":"elements:message-bubble","t":"AI Message Bubble","d":"Chat message component with user/assistant variants and copy functionality","s":"elements","c":"ai-agent/ai-agent","tg":["playful"],"sb":"Chat","sy":["playful"],"hc":1},{"id":"elements:messages","t":"AI Messages","d":"Scrollable message list with auto-scroll to bottom and scroll-to-bottom button","s":"elements","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"elements:meta-logo","t":"Meta Logo","d":"Meta logo component with brand gradient blue","k":"resource","s":"elements","c":"assets/logo","tg":["gradient"],"sb":"Big tech and social","sy":["gradient"],"hc":1},{"id":"elements:microsoft-logo","t":"Microsoft Logo","d":"Microsoft logo component with brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"elements:mistral-logo","t":"Mistral Logo","d":"Mistral logo component with brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:modal-logo","t":"Modal Logo","d":"Modal logo with icon variant and dark/light modes","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:model-info","t":"AI Model Info","d":"Display AI model metadata including provider, context window, capabilities badges (vision,","s":"elements","c":"ai-agent/ai-agent","tg":["playful"],"sy":["playful"],"hc":1},{"id":"elements:model-selector","t":"AI Model Selector","d":"A functional AI model selector with provider logos and popular models from Vercel AI Gatew","s":"elements","c":"ai-agent/ai-agent","tg":["playful"],"sy":["playful"],"hc":1},{"id":"elements:mongodb-logo","t":"MongoDB Logo","d":"MongoDB database logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:moonshot-ai-logo","t":"MoonshotAI Logo","d":"MoonshotAI logo component with theme-adaptive colors","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:n8n-logo","t":"n8n Logo","d":"n8n logo with variant support","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:neon-logo","t":"Neon Logo","d":"Neon database brand logo component with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","tg":["neon"],"sb":"Cloud and data","sy":["neon"],"hc":1},{"id":"elements:nextjs-logo","t":"Next.js Logo","d":"Next.js brand logo component with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"elements:nodejs-logo","t":"Node.js Logo","d":"Node.js brand logo component with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"elements:notion-logo","t":"Notion Logo","d":"Notion logo component with theme-adaptive colors","k":"resource","s":"elements","c":"assets/logo","sb":"Design and work","hc":1},{"id":"elements:npm-logo","t":"npm Logo","d":"npm logo component - Node package manager","k":"resource","s":"elements","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"elements:nvidia-logo","t":"Nvidia Logo","d":"Nvidia logo with variant support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:obsidian-logo","t":"Obsidian Logo","d":"Obsidian - A knowledge base that works on local Markdown files","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:og-image-explorer","t":"OG Image Explorer","d":"A dev tool to audit and preview Open Graph images from all routes in your app. Visual gall","k":"resource","s":"elements","c":"assets/og-image","hc":1},{"id":"elements:ollama-logo","t":"Ollama Logo","d":"Ollama logo with variant support","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:openai-logo","t":"OpenAI Logo","d":"OpenAI logo with icon and wordmark variants","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:opencode-logo","t":"OpenCode Logo","d":"OpenCode terminal AI coding agent pixelated wordmark","k":"resource","s":"elements","c":"assets/logo","tg":["retro and HUD"],"sb":"AI","sy":["retro and HUD"],"hc":1},{"id":"elements:openhands-logo","t":"OpenHands Logo","d":"OpenHands AI-driven development platform logo","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:package-managers","t":"Package Managers","d":"JavaScript package managers: npm, pnpm, Yarn, and Bun","k":"resource","s":"elements","c":"assets/logo"},{"id":"elements:page-comments","t":"Page Comments","d":"Figma-style commenting overlay with text selection highlights, pin comments, keyboard navi","k":"motion","s":"elements","c":"motion/text-effect","hc":1},{"id":"elements:pagerduty-logo","t":"PagerDuty Logo","d":"PagerDuty logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:payload-logo","t":"Payload Logo","d":"Payload logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:pdf-utils","t":"PDF Utils","d":"Utility functions for PDF manipulation: extract pages, screenshots, search text, and more","s":"elements","c":"inputs/search","tg":["playful"],"sy":["playful"],"hc":1},{"id":"elements:pdf-viewer","t":"PDF Viewer","d":"Multi-mode PDF viewer with single page, continuous scroll, and book layout modes","k":"layout","s":"elements","c":"layout/scroll-area","hc":1},{"id":"elements:perplexity-logo","t":"Perplexity Logo","d":"Perplexity logo component with brand teal","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:pika-logo","t":"Pika Logo","d":"Pika logo with variant support","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:pipeline","t":"AI Pipeline","d":"Multi-stage workflow visualization with horizontal or vertical layout, stage status indica","s":"elements","c":"ai-agent/ai-agent","hc":1},{"id":"elements:plan","t":"Ai Plan","d":"TODO: Add description","s":"elements","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"elements:planetscale-logo","t":"PlanetScale Logo","d":"PlanetScale logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:pnpm-logo","t":"pnpm Logo","d":"pnpm logo component - Fast, disk space efficient package manager","k":"resource","s":"elements","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"elements:polar-license-key","t":"Polar License Key","d":"Styled license key display with masking, copy functionality, and status indicators.","k":"section","s":"elements","c":"marketing/marketing","tg":["playful"],"sy":["playful"],"hc":1},{"id":"elements:polar-logo","t":"Polar Logo","d":"Polar logo component with brand blue","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:polar-pricing-card","t":"Polar Pricing Card","d":"Product pricing card with features list, price display, and checkout CTA. Supports monthly","k":"section","s":"elements","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"elements:polar-revenue-card","t":"Polar Revenue Card","d":"MRR/ARR metric card with trend sparkline and percentage change indicator.","s":"elements","c":"data-display/card","hc":1},{"id":"elements:polar-sponsor-grid","t":"Polar Sponsor Grid","d":"Grid of sponsor avatars grouped by tier with customizable colors and avatar sizes.","s":"elements","c":"data-display/avatar","hc":1},{"id":"elements:polar-subscription-badge","t":"Polar Subscription Badge","d":"Subscription tier badge with status indicators and automatic tier-based coloring.","s":"elements","c":"data-display/badge","hc":1},{"id":"elements:postgresql-logo","t":"PostgreSQL Logo","d":"PostgreSQL database logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:posthog-logo","t":"PostHog Logo","d":"PostHog logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:prisma-logo","t":"Prisma Logo","d":"Prisma brand logo component with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:programming-languages","t":"Programming Languages","d":"Popular programming language logos: TypeScript, JavaScript, Python, Rust, Go, and more","k":"resource","s":"elements","c":"assets/logo"},{"id":"elements:prompt-diff","t":"AI Prompt Diff","d":"Compare system prompts with side-by-side or unified diff views. Shows added/removed line h","s":"elements","c":"ai-agent/composer","hc":1},{"id":"elements:python-logo","t":"Python Logo","d":"Python programming language logo component with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"elements:qwen-logo","t":"Qwen Logo","d":"Qwen logo component with theme-adaptive colors","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:railway-logo","t":"Railway Logo","d":"Railway logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:raycast-logo","t":"Raycast Logo","d":"Raycast - A blazingly fast, totally extendable launcher","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:react-logo","t":"React Logo","d":"React brand logo component with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"elements:reasoning","t":"AI Reasoning","d":"Collapsible reasoning content with streaming awareness for DeepSeek R1-style thinking visu","s":"elements","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"elements:redis-logo","t":"Redis Logo","d":"Redis in-memory data store logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:render-logo","t":"Render Logo","d":"Render logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:replicate-logo","t":"Replicate Logo","d":"Replicate logo with variant support","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:replit-logo","t":"Replit Logo","d":"Replit logo with variant support","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:request-inspector","t":"AI Request Inspector","d":"Display raw AI request/response data with collapsible sections, JSON syntax highlighting, ","s":"elements","c":"ai-agent/ai-agent","hc":1},{"id":"elements:resend-logo","t":"Resend Logo","d":"Resend brand logo with icon and wordmark variants","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:response-actions","t":"AI Response Actions","d":"Action buttons for AI responses: copy, regenerate, thumbs up/down, share","s":"elements","c":"ai-agent/ai-agent","hc":1},{"id":"elements:roo-code-logo","t":"Roo Code Logo","d":"Roo Code AI dev team agent logo","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:routing-indicator","t":"AI Routing Indicator","d":"Visualize real-time message routing with pattern matching highlights, target agent display","s":"elements","c":"ai-agent/ai-agent","hc":1},{"id":"elements:ruby-logo","t":"Ruby Logo","d":"Ruby programming language logo component","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:runway-logo","t":"Runway Logo","d":"Runway logo with variant support","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:rust-logo","t":"Rust Logo","d":"Rust programming language logo component with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"elements:sambanova-logo","t":"SambaNova Logo","d":"SambaNova logo with variant support","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:sanity-logo","t":"Sanity Logo","d":"Sanity logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:schema-viewer","t":"Schema Viewer","d":"JSON Schema visualizer with tree view, type badges, and required indicators","s":"elements","c":"data-display/tree","hc":1},{"id":"elements:sentry-logo","t":"Sentry Logo","d":"Sentry error monitoring and performance platform logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:sfx-all","t":"All SFX Bundle","d":"Complete sound effects collection: 17 CC0-licensed sounds for transitions, UI, and cinemat","k":"resource","s":"elements","c":"assets/sound"},{"id":"elements:sfx-boom","t":"Boom SFX","d":"Impact bass hit for dramatic hooks and reveals. CC0 license.","k":"resource","s":"elements","c":"assets/sound","hc":1},{"id":"elements:sfx-cinematic","t":"Cinematic SFX Bundle","d":"Cinematic sound effects: riser, shutter, glitch, boom, drone.","k":"resource","s":"elements","c":"assets/sound"},{"id":"elements:sfx-click","t":"Click SFX","d":"Dry UI click for text overlays and button taps. CC0 license.","k":"resource","s":"elements","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"elements:sfx-drone","t":"Drone SFX","d":"Low atmospheric hum for tension and ambient padding. CC0 license.","k":"resource","s":"elements","c":"assets/sound","hc":1},{"id":"elements:sfx-error","t":"Error SFX","d":"Short error beep for failed builds and terminal errors. CC0 license.","k":"resource","s":"elements","c":"assets/sound","tg":["retro and HUD"],"sb":"UI clicks","sy":["retro and HUD"],"hc":1},{"id":"elements:sfx-glitch","t":"Glitch SFX","d":"Digital glitch sound for tech aesthetic and error states. CC0 license.","k":"resource","s":"elements","c":"assets/sound","hc":1},{"id":"elements:sfx-keyboard","t":"Keyboard SFX","d":"Keyboard typing sound for hook cards and outros. CC0 license.","k":"resource","s":"elements","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"elements:sfx-magic-reveal","t":"Magic Reveal SFX","d":"Dramatic reveal sound for before/after transitions. CC0 license.","k":"resource","s":"elements","c":"assets/sound","sb":"Transitions","hc":1},{"id":"elements:sfx-notification","t":"Notification SFX","d":"Bell chime for system alerts and notifications. CC0 license.","k":"resource","s":"elements","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"elements:sfx-pop","t":"Pop SFX","d":"Quick pop sound for text reveals and UI element appearances. CC0 license.","k":"resource","s":"elements","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"elements:sfx-reverse-whoosh","t":"Reverse Whoosh SFX","d":"Reverse swoosh for rewind and undo moments. CC0 license.","k":"resource","s":"elements","c":"assets/sound","sb":"Transitions","hc":1},{"id":"elements:sfx-riser","t":"Riser SFX","d":"Tension-building riser for dramatic reveals. CC0 license.","k":"resource","s":"elements","c":"assets/sound","hc":1},{"id":"elements:sfx-shutter","t":"Camera Shutter SFX","d":"Camera shutter click for scene changes and photo-style cuts. CC0 license.","k":"resource","s":"elements","c":"assets/sound","hc":1},{"id":"elements:sfx-success","t":"Success SFX","d":"Positive completion chime for deploys and achievements. CC0 license.","k":"resource","s":"elements","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"elements:sfx-swoosh","t":"Swoosh SFX","d":"Quick light transition for fast scene cuts. CC0 license.","k":"resource","s":"elements","c":"assets/sound","sb":"Transitions","hc":1},{"id":"elements:sfx-transitions","t":"Transition SFX Bundle","d":"All transition sound effects: whoosh, whoosh-alt1, whoosh-alt2, magic-reveal, reverse-whoo","k":"resource","s":"elements","c":"assets/sound","sb":"Transitions"},{"id":"elements:sfx-ui","t":"UI SFX Bundle","d":"UI interaction sound effects: pop, keyboard, click, notification, error, success.","k":"resource","s":"elements","c":"assets/sound","sb":"UI clicks"},{"id":"elements:sfx-whoosh","t":"Whoosh SFX","d":"Smooth transition whoosh sound effect. CC0 license.","k":"resource","s":"elements","c":"assets/sound","sb":"Transitions","hc":1},{"id":"elements:sfx-whoosh-alt1","t":"Whoosh Alt 1 SFX","d":"Alternative whoosh transition sound effect. CC0 license.","k":"resource","s":"elements","c":"assets/sound","sb":"Transitions","hc":1},{"id":"elements:sfx-whoosh-alt2","t":"Whoosh Alt 2 SFX","d":"Alternative whoosh transition sound effect. CC0 license.","k":"resource","s":"elements","c":"assets/sound","sb":"Transitions","hc":1},{"id":"elements:sixtyfour-logo","t":"Sixtyfour Logo","d":"Sixtyfour logo with icon variant and dark/light modes","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:slack-logo","t":"Slack Logo","d":"Slack logo component with brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Design and work","hc":1},{"id":"elements:snowflake-logo","t":"Snowflake Logo","d":"Snowflake logo with variant support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:social-media","t":"Social Media & Communication","d":"Social media and communication platforms","k":"resource","s":"elements","c":"assets/logo"},{"id":"elements:sound-engine","t":"Sound Engine","d":"Web Audio API engine for playing sound assets","k":"lib","s":"elements","c":"lib/utility","hc":1},{"id":"elements:sound-types","t":"Sound Types","d":"TypeScript types for sound assets","k":"lib","s":"elements","c":"lib/utility","hc":1,"cp":1},{"id":"elements:sources","t":"AI Sources","d":"Collapsible citations viewer with favicons, source links, and snippets for RAG/search resu","s":"elements","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"elements:spotify-logo","t":"Spotify Logo","d":"Spotify logo component with brand green","k":"resource","s":"elements","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"elements:spring-boot-logo","t":"Spring Boot Logo","d":"Spring Boot logo component with theme-adaptive colors","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:sql-logo","t":"SQL Logo","d":"SQL database language logo component (SQLite icon)","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:stability-logo","t":"Stability AI Logo","d":"Stability AI logo with variant support","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:storybook-logo","t":"Storybook Logo","d":"Storybook UI component development tool logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:stream-debugger","t":"AI Stream Debugger","d":"Real-time streaming chunk visualization for AI responses with auto-scroll, pause/resume, c","s":"elements","c":"ai-agent/ai-agent","hc":1},{"id":"elements:streaming-text","t":"AI Streaming Text","d":"Animated text that streams in character-by-character or word-by-word","s":"elements","c":"ai-agent/ai-agent","hc":1},{"id":"elements:stripe-logo","t":"Stripe Logo","d":"Stripe logo component with brand purple","k":"resource","s":"elements","c":"assets/logo","sb":"Payments","hc":1},{"id":"elements:stytch-logo","t":"Stytch Logo","d":"Stytch logo with icon and wordmark variants","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:suggested-actions","t":"AI Suggested Actions","d":"Grid of suggestion buttons for quick chat prompts and actions","s":"elements","c":"ai-agent/ai-agent","hc":1},{"id":"elements:suno-logo","t":"Suno Logo","d":"Suno logo with variant support","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:supabase-logo","t":"Supabase Logo","d":"Supabase logo component with brand colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:svelte-logo","t":"Svelte Logo","d":"Svelte reactive JavaScript framework logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"elements:swift-logo","t":"Swift Logo","d":"Swift programming language logo component","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:tailwindcss-logo","t":"Tailwind CSS Logo","d":"Tailwind CSS brand logo component with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"elements:task-list","t":"AI Task List","d":"Display AI workflow progress with task status indicators, file references, and progress tr","s":"elements","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"elements:tech-giants","t":"Tech Giants","d":"Leading technology companies","k":"resource","s":"elements","c":"assets/logo"},{"id":"elements:temperature-slider","t":"AI Temperature Slider","d":"Temperature slider with labeled presets for AI model tuning","s":"elements","c":"ai-agent/ai-agent","hc":1},{"id":"elements:terraform-logo","t":"Terraform Logo","d":"Terraform logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:text-shimmer","t":"Text Shimmer","d":"Animated shimmer effect for text with customizable timing and spread","k":"motion","s":"elements","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"elements:theme-switcher-button","t":"Theme Switcher Button","d":"Button-based theme switcher with rotating icons","s":"elements","c":"actions/button","hc":1},{"id":"elements:theme-switcher-classic","t":"Theme Switcher Classic","d":"A classic theme switcher component with animated sun/moon icons","s":"elements","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"elements:theme-switcher-dropdown","t":"Theme Switcher Dropdown","d":"Dropdown theme switcher with system/light/dark options","s":"elements","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"elements:theme-switcher-multi-button","t":"Theme Switcher Multi Button","d":"Multi-button theme switcher with system/light/dark options","s":"elements","c":"actions/button","hc":1},{"id":"elements:theme-switcher-switch","t":"Theme Switcher Switch","d":"Switch-based theme switcher with animated sun/moon icons","s":"elements","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"elements:theme-switcher-toggle","t":"Theme Switcher Toggle","d":"Custom toggle theme switcher with sliding animation","s":"elements","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"elements:thinking-indicator","t":"AI Thinking Indicator","d":"Loading indicator with multiple variants for AI processing states","s":"elements","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"elements:threads-logo","t":"Threads Logo","d":"Threads logo component with brand and grayscale color schemes","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:tinte-editor","t":"Tinte Theme Editor","d":"Live theme editor with AI-powered theme generation, Browse tab for tinte.dev themes, and m","s":"elements","c":"inputs/textarea","hc":1},{"id":"elements:tinte-logo","t":"Tinte Logo","d":"Tinte logo component with theme-adaptive colors","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:together-logo","t":"together.ai Logo","d":"together.ai logo with variant support","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:token-counter","t":"AI Token Counter","d":"Real-time token count display with progress bar and model presets","s":"elements","c":"ai-agent/ai-agent","hc":1},{"id":"elements:token-viewer","t":"AI Token Viewer","d":"Token usage visualization with input/output/total counts, cost estimation for popular mode","s":"elements","c":"ai-agent/ai-agent","hc":1},{"id":"elements:tool-call","t":"AI Tool Call","d":"Display AI tool/function invocations with status indicators, input/output visualization, a","s":"elements","c":"ai-agent/ai-agent","tg":["playful"],"sb":"Reasoning and tools","sy":["playful"],"hc":1},{"id":"elements:tool-inspector","t":"AI Tool Inspector","d":"Debug panel for inspecting AI tool executions with timing, status indicators, and expandab","s":"elements","c":"ai-agent/ai-agent","tg":["playful"],"sb":"Reasoning and tools","sy":["playful"],"hc":1},{"id":"elements:trae-logo","t":"Trae Logo","d":"Trae AI IDE by ByteDance logo with brand green","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:trigger-logo","t":"Trigger.dev Logo","d":"Trigger.dev logo component with variants, color schemes, and modes","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:turso-logo","t":"Turso Logo","d":"Turso logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:twilio-logo","t":"Twilio Logo","d":"Twilio logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:twitch-logo","t":"Twitch Logo","d":"Twitch logo component with brand purple","k":"resource","s":"elements","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"elements:twitter-logo","t":"Twitter/X Logo","d":"Twitter (X) logo component with theme-adaptive colors","k":"resource","s":"elements","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"elements:typescript-logo","t":"TypeScript Logo","d":"TypeScript brand logo component with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"elements:typewriter","t":"Typewriter","d":"Framework-agnostic typewriter effect with multi-segment support, per-segment styling, view","k":"motion","s":"elements","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"elements:uploadthing-avatar","t":"UploadThing Avatar","d":"A circular avatar uploader with preview, hover state, and upload progress. Perfect for pro","s":"elements","c":"data-display/avatar","hc":1},{"id":"elements:uploadthing-button","t":"UploadThing Button","d":"A simple upload button with loading states and file validation. Self-contained component t","s":"elements","c":"actions/button","tg":["minimal"],"sb":"Loading and states","sy":["minimal"],"hc":1},{"id":"elements:uploadthing-dropzone","t":"UploadThing Dropzone","d":"Drag and drop file upload zone with progress tracking and file management. Self-contained ","s":"elements","c":"inputs/file-upload","hc":1},{"id":"elements:uploadthing-file-card","t":"UploadThing File Card","d":"A beautiful file card displaying uploaded file info with copy URL, download, open, and rem","s":"elements","c":"data-display/card","hc":1},{"id":"elements:uploadthing-image-grid","t":"UploadThing Image Grid","d":"A multi-image upload grid with preview thumbnails, remove buttons, and configurable column","s":"elements","c":"media/gallery","sb":"Grids","hc":1},{"id":"elements:uploadthing-logo","t":"UploadThing Logo","d":"UploadThing logo component with brand and grayscale color schemes","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:uploadthing-paste","t":"UploadThing Paste","d":"A clipboard paste zone that accepts pasted images and files. Perfect for quick screenshot ","s":"elements","c":"inputs/file-upload","hc":1},{"id":"elements:uploadthing-progress","t":"UploadThing Progress","d":"A standalone upload progress indicator with bar, ring, and minimal variants.","s":"elements","c":"data-viz/progress-bar","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"elements:upstash-cache-badge","t":"Upstash Cache Badge","d":"Inline cache status indicator showing HIT/MISS/STALE/EXPIRED states with TTL countdown.","s":"elements","c":"data-display/badge","hc":1},{"id":"elements:upstash-counter","t":"Upstash Counter","d":"Animated counter display for Redis INCR patterns with optional increment/decrement control","k":"motion","s":"elements","c":"motion/number-ticker","hc":1},{"id":"elements:upstash-leaderboard","t":"Upstash Leaderboard","d":"Ranked leaderboard display for Redis sorted sets (ZSET) with positions, scores, and avatar","s":"elements","c":"data-display/gamification","hc":1},{"id":"elements:upstash-logo","t":"Upstash Logo","d":"Upstash logo component with brand green","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:upstash-queue-card","t":"Upstash Queue Card","d":"QStash message/task status card showing state, retries, scheduled time, and payload previe","s":"elements","c":"data-display/card","hc":1},{"id":"elements:upstash-ratelimit","t":"Upstash Ratelimit","d":"Visual rate limit indicator with progress bar, remaining count, and reset timer. Perfect f","s":"elements","c":"data-viz/progress-bar","hc":1},{"id":"elements:use-ai-avatar","t":"Use AI Avatar","d":"React hook for generating AI avatars from photos with multiple style options","s":"elements","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"elements:use-sound","t":"useSound Hook","d":"React hook for playing sound assets via Web Audio API","k":"lib","s":"elements","c":"lib/hook","hc":1},{"id":"elements:v0-logo","t":"v0 Logo","d":"v0 logo component with theme-adaptive colors","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:vapi-logo","t":"Vapi Logo","d":"Vapi logo with icon and wordmark variants","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:vercel-logo","t":"Vercel Logo","d":"Vercel logo component with theme-adaptive colors","k":"resource","s":"elements","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"elements:vite-logo","t":"Vite Logo","d":"Vite build tool logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"elements:vuejs-logo","t":"Vue.js Logo","d":"Vue.js progressive JavaScript framework logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"elements:webhook-tester","t":"Webhook Tester","d":"HTTP request testing UI with URL, method, headers, body inputs and response viewer","s":"elements","c":"inputs/form-field","hc":1},{"id":"elements:windsurf-logo","t":"Windsurf Logo","d":"Windsurf (Codeium) agentic IDE logo with brand turquoise","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:workos-logo","t":"WorkOS Logo","d":"WorkOS logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:xai-logo","t":"xAI Logo","d":"xAI logo component with theme-adaptive colors","k":"resource","s":"elements","c":"assets/logo","sb":"AI","hc":1},{"id":"elements:xata-logo","t":"Xata Logo","d":"Xata logo with dark/light mode support","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:yarn-logo","t":"Yarn Logo","d":"Yarn logo component - Fast, reliable, and secure dependency management","k":"resource","s":"elements","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"elements:zed-logo","t":"Zed Logo","d":"Zed - The editor for what's next","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elements:zep-logo","t":"Zep Logo","d":"Zep logo with icon and wordmark variants","k":"resource","s":"elements","c":"assets/logo","hc":1},{"id":"elsecase:async-state","t":"AsyncState","d":"A declarative boundary for loading, refreshing, empty, error, offline, forbidden, and succ","s":"elsecase","c":"status/loader","hc":1},{"id":"elsecase:data-explorer","t":"ResponsiveDataExplorer","d":"A responsive data-management workflow with search, filters, sorting, pagination, selection","s":"elsecase","c":"navigation/pagination","hc":1},{"id":"elsecase:form-workflow","t":"FormWorkflow","d":"A validated, recoverable form workflow with server errors, autosave, unsaved-change warnin","s":"elsecase","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"emailcn:react-email/theme-airbnb","t":"Airbnb Email Theme (React Email)","d":"Airbnb email theme tokens for React Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:react-email/theme-apple","t":"Apple Email Theme (React Email)","d":"Apple email theme tokens for React Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:react-email/theme-default","t":"Default Email Theme (React Email)","d":"Default email theme tokens for React Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:react-email/theme-dropbox","t":"Dropbox Email Theme (React Email)","d":"Dropbox email theme tokens for React Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:react-email/theme-github","t":"Github Email Theme (React Email)","d":"Github email theme tokens for React Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:react-email/theme-linear","t":"Linear Email Theme (React Email)","d":"Linear email theme tokens for React Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:react-email/theme-nike","t":"Nike Email Theme (React Email)","d":"Nike email theme tokens for React Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:react-email/theme-notion","t":"Notion Email Theme (React Email)","d":"Notion email theme tokens for React Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:react-email/theme-raycast","t":"Raycast Email Theme (React Email)","d":"Raycast email theme tokens for React Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:react-email/theme-slack","t":"Slack Email Theme (React Email)","d":"Slack email theme tokens for React Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:react-email/theme-stack-overflow","t":"Stack Overflow Email Theme (React Email)","d":"Stack Overflow email theme tokens for React Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:react-email/theme-stripe","t":"Stripe Email Theme (React Email)","d":"Stripe email theme tokens for React Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:react-email/theme-twitch","t":"Twitch Email Theme (React Email)","d":"Twitch email theme tokens for React Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:react-email/theme-vercel","t":"Vercel Email Theme (React Email)","d":"Vercel email theme tokens for React Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:react-email/collage-fonts","t":"Collage Fonts (React Email)","d":"Inter weights for React Email","k":"lib","s":"emailcn","c":"lib/utility","hc":1},{"id":"emailcn:react-email/default-fonts","t":"Email Default Fonts","d":"Inter webfont declarations for React Email templates (use inside Head)","k":"lib","s":"emailcn","c":"lib/utility","hc":1},{"id":"emailcn:react-email/dither-fonts","t":"Dither Fonts (React Email)","d":"IBM Plex Sans Condensed + Inter","k":"lib","s":"emailcn","c":"lib/utility","hc":1},{"id":"emailcn:react-email/skin-fonts","t":"Skin Fonts (React Email)","d":"Instrument Serif + Inter","k":"lib","s":"emailcn","c":"lib/utility","hc":1},{"id":"emailcn:react-email/tech-fonts","t":"Tech Fonts (React Email)","d":"Geist + Inter","k":"lib","s":"emailcn","c":"lib/utility","hc":1},{"id":"emailcn:react-email/category-preview","t":"Category Preview","d":"Category Preview email component","k":"section","s":"emailcn","c":"marketing/testimonials","hc":1},{"id":"emailcn:react-email/billing-order-summary","t":"Billing Order Summary","d":"Billing Order Summary email component","s":"emailcn","c":"other/other","hc":1},{"id":"emailcn:react-email/order-summary-table","t":"Order Summary Table","d":"Order Summary Table email component","s":"emailcn","c":"data-display/table","sb":"Transactions","hc":1},{"id":"emailcn:react-email/masonry-product-detail","t":"Masonry Product Detail","d":"Masonry Product Detail email component","s":"emailcn","c":"media/gallery","sb":"Masonry","hc":1},{"id":"emailcn:react-email/single-image-product-detail","t":"Single Image Product Detail","d":"Single Image Product Detail email component","s":"emailcn","c":"media/gallery","hc":1},{"id":"emailcn:react-email/split-product-detail","t":"Split Product Detail","d":"Ecommerce product-detail variant for email templates","s":"emailcn","c":"other/other","hc":1},{"id":"emailcn:react-email/three-image-product-detail","t":"Three Image Product Detail","d":"Three Image Product Detail email component","s":"emailcn","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"emailcn:react-email/two-image-product-detail","t":"Two Image Product Detail","d":"Two Image Product Detail email component","s":"emailcn","c":"media/gallery","hc":1},{"id":"emailcn:react-email/product-list","t":"Product List","d":"Product List email component","s":"emailcn","c":"data-display/list","sb":"Inbox","hc":1},{"id":"emailcn:react-email/reviews","t":"Reviews","d":"Reviews email component","k":"section","s":"emailcn","c":"marketing/testimonials","hc":1},{"id":"emailcn:react-email/shopping-cart","t":"Shopping Cart","d":"Shopping Cart email component","s":"emailcn","c":"other/other","hc":1},{"id":"emailcn:react-email/bento-image-grid","t":"Bento Image Grid","d":"Bento Image Grid email component","s":"emailcn","c":"media/gallery","sb":"Grids","hc":1},{"id":"emailcn:react-email/bento-product-grid","t":"Bento Product Grid","d":"Bento Product Grid email component","k":"layout","s":"emailcn","c":"layout/bento-grid","hc":1},{"id":"emailcn:react-email/bento-stats-grid","t":"Bento Stats Grid","d":"Bento Stats Grid email component","s":"emailcn","c":"data-display/stat","hc":1},{"id":"emailcn:react-email/blog-grid","t":"Blog Grid","d":"Blog Grid email component","k":"section","s":"emailcn","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"emailcn:react-email/featured-blog-post","t":"Featured Blog Post","d":"Marketing blog variant for email templates","k":"section","s":"emailcn","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"emailcn:react-email/horizontal-blog-post","t":"Horizontal Blog Post","d":"Horizontal Blog Post email component","k":"section","s":"emailcn","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"emailcn:react-email/podcast-blog","t":"Podcast Blog","d":"Podcast Blog email component","k":"section","s":"emailcn","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"emailcn:react-email/content","t":"Content","d":"Marketing content variant for email templates","s":"emailcn","c":"other/other","hc":1},{"id":"emailcn:react-email/card-coupons","t":"Card Coupons","d":"Marketing coupons variant for email templates","s":"emailcn","c":"data-display/card","hc":1},{"id":"emailcn:react-email/coupons-with-centered-text","t":"Coupons With Centered Text","d":"Marketing coupons variant for email templates","k":"motion","s":"emailcn","c":"motion/text-effect","hc":1},{"id":"emailcn:react-email/coupons-with-content-overlayed","t":"Coupons With Content Overlayed","d":"Marketing coupons variant for email templates","s":"emailcn","c":"other/other","hc":1},{"id":"emailcn:react-email/avatar-call-to-action","t":"Avatar Call To Action","d":"Avatar Call To Action email component","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:react-email/background-call-to-action","t":"Background Call To Action","d":"Background Call To Action email component","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:react-email/call-to-action","t":"Call To Action","d":"Call To Action email component","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:react-email/collage-call-to-action","t":"Collage Call To Action","d":"Collage Call To Action email component","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:react-email/image-strip-call-to-action","t":"Image Strip Call To Action","d":"Image Strip Call To Action email component","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:react-email/top-image-call-to-action","t":"Top Image Call To Action","d":"Top Image Call To Action email component","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:react-email/faq","t":"Faq","d":"Faq email component","k":"section","s":"emailcn","c":"marketing/faq","hc":1},{"id":"emailcn:react-email/image-feature","t":"Image Feature","d":"Image Feature email component","k":"section","s":"emailcn","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"emailcn:react-email/portrait-feature","t":"Portrait Feature","d":"Portrait Feature email component","k":"section","s":"emailcn","c":"marketing/features","hc":1},{"id":"emailcn:react-email/product-images-feature","t":"Product Images Feature","d":"Product Images Feature email component","k":"section","s":"emailcn","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"emailcn:react-email/tall-background-images-feature","t":"Tall Background Images Feature","d":"Tall Background Images Feature email component","k":"section","s":"emailcn","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"emailcn:react-email/navigation-footer","t":"Navigation Footer","d":"Navigation Footer email component","k":"section","s":"emailcn","c":"marketing/footer","hc":1},{"id":"emailcn:react-email/promotion-footer","t":"Promotion Footer","d":"Promotion Footer email component","k":"section","s":"emailcn","c":"marketing/footer","hc":1},{"id":"emailcn:react-email/utility-footer","t":"Utility Footer","d":"Utility Footer email component","k":"section","s":"emailcn","c":"marketing/footer","hc":1},{"id":"emailcn:react-email/header-with-logo-and-badge","t":"Header With Logo And Badge","d":"Marketing headers variant for email templates","k":"resource","s":"emailcn","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"emailcn:react-email/header-with-logo-and-finance-stats","t":"Header With Logo And Finance Stats","d":"Marketing headers variant for email templates","k":"resource","s":"emailcn","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"emailcn:react-email/header-with-logo-and-menu","t":"Header With Logo And Menu","d":"Marketing headers variant for email templates","k":"resource","s":"emailcn","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"emailcn:react-email/header-with-logo-and-social-icons","t":"Header With Logo And Social Icons","d":"Marketing headers variant for email templates","k":"resource","s":"emailcn","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"emailcn:react-email/header-with-logo","t":"Header With Logo","d":"Marketing headers variant for email templates","k":"resource","s":"emailcn","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"emailcn:react-email/header-with-user-details","t":"Header With User Details","d":"Marketing headers variant for email templates","s":"emailcn","c":"navigation/top-nav","hc":1},{"id":"emailcn:react-email/image-grid-hero","t":"Image Grid Hero","d":"Image Grid Hero email component","k":"section","s":"emailcn","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"emailcn:react-email/overlap-hero","t":"Overlap Hero","d":"Overlap Hero email component","k":"section","s":"emailcn","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"emailcn:react-email/overlay-hero","t":"Overlay Hero","d":"Overlay Hero email component","k":"section","s":"emailcn","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"emailcn:react-email/split-hero","t":"Split Hero","d":"Split Hero email component","k":"section","s":"emailcn","c":"marketing/hero","sb":"Split","hc":1},{"id":"emailcn:react-email/featured-image-grid","t":"Featured Image Grid","d":"Featured Image Grid email component","s":"emailcn","c":"media/gallery","sb":"Grids","hc":1},{"id":"emailcn:react-email/full-width-image","t":"Full Width Image","d":"Marketing images variant for email templates","s":"emailcn","c":"media/gallery","hc":1},{"id":"emailcn:react-email/image-grid","t":"Image Grid","d":"Image Grid email component","s":"emailcn","c":"media/gallery","sb":"Grids","hc":1},{"id":"emailcn:react-email/masonry-image-grid","t":"Masonry Image Grid","d":"Masonry Image Grid email component","s":"emailcn","c":"media/gallery","sb":"Masonry","hc":1},{"id":"emailcn:react-email/logo-cloud","t":"Logo Cloud","d":"Logo Cloud email component","k":"section","s":"emailcn","c":"marketing/logos","hc":1},{"id":"emailcn:react-email/purchase-pricing","t":"Purchase Pricing","d":"Purchase Pricing email component","k":"section","s":"emailcn","c":"marketing/pricing","hc":1},{"id":"emailcn:react-email/subscription-pricing","t":"Subscription Pricing","d":"Subscription Pricing email component","k":"section","s":"emailcn","c":"marketing/pricing","hc":1},{"id":"emailcn:react-email/social-links","t":"Social Links","d":"Social Links email component","s":"emailcn","c":"actions/link","hc":1},{"id":"emailcn:react-email/collection-stats","t":"Collection Stats","d":"Collection Stats email component","s":"emailcn","c":"data-display/stat","hc":1},{"id":"emailcn:react-email/milestone-stats","t":"Milestone Stats","d":"Marketing stats variant for email templates","s":"emailcn","c":"data-display/stat","hc":1},{"id":"emailcn:react-email/spotlight-stats","t":"Spotlight Stats","d":"Spotlight Stats email component","s":"emailcn","c":"data-display/stat","hc":1},{"id":"emailcn:react-email/stacked-stats","t":"Stacked Stats","d":"Marketing stats variant for email templates","s":"emailcn","c":"data-display/stat","hc":1},{"id":"emailcn:react-email/team","t":"Team","d":"Team email component","k":"section","s":"emailcn","c":"marketing/team","hc":1},{"id":"emailcn:react-email/testimonial","t":"Testimonial","d":"Testimonial email component","k":"section","s":"emailcn","c":"marketing/testimonials","hc":1},{"id":"emailcn:react-email/payment-timeline","t":"Payment Timeline","d":"Marketing timelines variant for email templates","s":"emailcn","c":"data-display/timeline","hc":1},{"id":"emailcn:react-email/timeline","t":"Timeline","d":"Timeline email component","s":"emailcn","c":"data-display/timeline","hc":1},{"id":"emailcn:react-email/avatar-details","t":"Avatar Details","d":"Avatar Details email component","s":"emailcn","c":"data-display/accordion","hc":1},{"id":"emailcn:react-email/avatar-group","t":"Avatar Group","d":"Avatar Group email component","s":"emailcn","c":"data-display/avatar","hc":1},{"id":"emailcn:react-email/button","t":"Button","d":"Button email component","s":"emailcn","c":"actions/button","hc":1},{"id":"emailcn:react-email/container","t":"Container","d":"UI Elements containers variant for email templates","k":"layout","s":"emailcn","c":"layout/page-shell","hc":1},{"id":"emailcn:react-email/data-table","t":"Data Table","d":"Data Table email component","s":"emailcn","c":"data-display/table","sb":"Data tables","hc":1},{"id":"emailcn:react-email/grid","t":"Grid","d":"UI Elements grids variant for email templates","s":"emailcn","c":"other/other","hc":1},{"id":"emailcn:react-email/pills","t":"Pills","d":"Pills email component","s":"emailcn","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"emailcn:react-email/progress","t":"Progress","d":"Progress email component","s":"emailcn","c":"data-viz/progress-bar","hc":1},{"id":"emailcn:react-email/divider","t":"Divider","d":"Divider email component","k":"layout","s":"emailcn","c":"layout/page-shell","hc":1},{"id":"emailcn:react-email/spacer","t":"Spacer","d":"Spacer email component","s":"emailcn","c":"other/other","hc":1},{"id":"emailcn:react-email/block-auth-magic-link-default","t":"Auth Magic Link — Default","d":"Default magic link login email","k":"layout","s":"emailcn","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"emailcn:react-email/block-auth-magic-link-raycast","t":"Auth Magic Link — Raycast","d":"Raycast-style dark magic link login email","s":"emailcn","c":"actions/link","hc":1},{"id":"emailcn:react-email/block-auth-magic-link-stripe","t":"Auth Magic Link — Stripe","d":"Stripe-style magic link login email","s":"emailcn","c":"actions/link","hc":1},{"id":"emailcn:react-email/block-auth-otp-default","t":"Auth OTP — Default","d":"Default OTP verification code email","s":"emailcn","c":"inputs/otp-input","hc":1},{"id":"emailcn:react-email/block-auth-otp-twitch","t":"Auth OTP — Twitch","d":"Twitch-style OTP verification code email","s":"emailcn","c":"inputs/otp-input","hc":1},{"id":"emailcn:react-email/block-auth-password-reset-default","t":"Password Reset — Default","d":"Default password reset email","k":"layout","s":"emailcn","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"emailcn:react-email/block-auth-password-reset-dropbox","t":"Password Reset — Dropbox","d":"Dropbox-style password reset email","k":"layout","s":"emailcn","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"emailcn:react-email/block-auth-password-reset-notion","t":"Password Reset — Notion","d":"Notion-style password reset email","k":"layout","s":"emailcn","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"emailcn:react-email/block-invite-default","t":"Team Invite — Default","d":"Default team invitation email","k":"section","s":"emailcn","c":"marketing/team","hc":1},{"id":"emailcn:react-email/block-invite-vercel","t":"Team Invite — Vercel","d":"Vercel-style team invitation email","k":"section","s":"emailcn","c":"marketing/team","hc":1},{"id":"emailcn:react-email/block-newsletter-default","t":"Newsletter — Default","d":"Default newsletter email with article grid","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:react-email/block-newsletter-stack-overflow","t":"Newsletter — Stack Overflow","d":"Stack Overflow-style newsletter with orange accent","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:react-email/block-notification-airbnb","t":"Notification — Airbnb","d":"Airbnb review request notification","s":"emailcn","c":"overlays/notifications","hc":1},{"id":"emailcn:react-email/block-notification-default","t":"Notification — Default","d":"Default notification email","s":"emailcn","c":"overlays/notifications","hc":1},{"id":"emailcn:react-email/block-notification-linear","t":"Notification — Linear","d":"Linear-style issue notification with issue number","s":"emailcn","c":"overlays/notifications","hc":1},{"id":"emailcn:react-email/block-notification-slack","t":"Notification — Slack","d":"Slack workspace invite notification","s":"emailcn","c":"overlays/notifications","hc":1},{"id":"emailcn:react-email/block-onboarding-default","t":"Onboarding Email — Default","d":"Default welcome email with feature grid and CTA","s":"emailcn","c":"navigation/wizard-steps","hc":1},{"id":"emailcn:react-email/block-onboarding-linear","t":"Onboarding Email — Linear","d":"Linear-style welcome email with feature grid and CTA","s":"emailcn","c":"navigation/wizard-steps","hc":1},{"id":"emailcn:react-email/block-onboarding-vercel","t":"Onboarding Email — Vercel","d":"Dark Vercel-style welcome email with feature grid and CTA","s":"emailcn","c":"navigation/wizard-steps","hc":1},{"id":"emailcn:react-email/block-receipt-apple","t":"Receipt — Apple","d":"Apple-style receipt email","k":"section","s":"emailcn","c":"marketing/marketing","hc":1},{"id":"emailcn:react-email/block-receipt-default","t":"Receipt — Default","d":"Default receipt email with product cards and summary","s":"emailcn","c":"data-display/card","hc":1},{"id":"emailcn:react-email/block-receipt-nike","t":"Receipt — Nike","d":"Nike-style receipt email","k":"section","s":"emailcn","c":"marketing/marketing","hc":1},{"id":"emailcn:react-email/block-receipt-stripe","t":"Receipt — Stripe","d":"Stripe-style invoice receipt email","k":"section","s":"emailcn","c":"marketing/marketing","hc":1},{"id":"emailcn:mjml-react/theme-airbnb","t":"Airbnb Email Theme (MJML)","d":"Airbnb email theme tokens for MJML templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:mjml-react/theme-apple","t":"Apple Email Theme (MJML)","d":"Apple email theme tokens for MJML templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:mjml-react/theme-default","t":"Default Email Theme (MJML)","d":"Default email theme tokens for MJML templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:mjml-react/theme-dropbox","t":"Dropbox Email Theme (MJML)","d":"Dropbox email theme tokens for MJML templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:mjml-react/theme-github","t":"Github Email Theme (MJML)","d":"Github email theme tokens for MJML templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:mjml-react/theme-linear","t":"Linear Email Theme (MJML)","d":"Linear email theme tokens for MJML templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:mjml-react/theme-nike","t":"Nike Email Theme (MJML)","d":"Nike email theme tokens for MJML templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:mjml-react/theme-notion","t":"Notion Email Theme (MJML)","d":"Notion email theme tokens for MJML templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:mjml-react/theme-raycast","t":"Raycast Email Theme (MJML)","d":"Raycast email theme tokens for MJML templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:mjml-react/theme-slack","t":"Slack Email Theme (MJML)","d":"Slack email theme tokens for MJML templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:mjml-react/theme-stack-overflow","t":"Stack Overflow Email Theme (MJML)","d":"Stack Overflow email theme tokens for MJML templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:mjml-react/theme-stripe","t":"Stripe Email Theme (MJML)","d":"Stripe email theme tokens for MJML templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:mjml-react/theme-twitch","t":"Twitch Email Theme (MJML)","d":"Twitch email theme tokens for MJML templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:mjml-react/theme-vercel","t":"Vercel Email Theme (MJML)","d":"Vercel email theme tokens for MJML templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:mjml-react/category-preview","t":"Category Preview","d":"Category Preview email component","k":"section","s":"emailcn","c":"marketing/testimonials","hc":1},{"id":"emailcn:mjml-react/billing-order-summary","t":"Billing Order Summary","d":"Billing Order Summary email component","s":"emailcn","c":"other/other","hc":1},{"id":"emailcn:mjml-react/order-summary-table","t":"Order Summary Table","d":"Order Summary Table email component","s":"emailcn","c":"data-display/table","sb":"Transactions","hc":1},{"id":"emailcn:mjml-react/masonry-product-detail","t":"Masonry Product Detail","d":"Masonry Product Detail email component","s":"emailcn","c":"media/gallery","sb":"Masonry","hc":1},{"id":"emailcn:mjml-react/single-image-product-detail","t":"Single Image Product Detail","d":"Single Image Product Detail email component","s":"emailcn","c":"media/gallery","hc":1},{"id":"emailcn:mjml-react/split-product-detail","t":"Split Product Detail","d":"Ecommerce product-detail variant for email templates","s":"emailcn","c":"other/other","hc":1},{"id":"emailcn:mjml-react/three-image-product-detail","t":"Three Image Product Detail","d":"Three Image Product Detail email component","s":"emailcn","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"emailcn:mjml-react/two-image-product-detail","t":"Two Image Product Detail","d":"Two Image Product Detail email component","s":"emailcn","c":"media/gallery","hc":1},{"id":"emailcn:mjml-react/product-list","t":"Product List","d":"Product List email component","s":"emailcn","c":"data-display/list","sb":"Inbox","hc":1},{"id":"emailcn:mjml-react/reviews","t":"Reviews","d":"Reviews email component","k":"section","s":"emailcn","c":"marketing/testimonials","hc":1},{"id":"emailcn:mjml-react/shopping-cart","t":"Shopping Cart","d":"Shopping Cart email component","s":"emailcn","c":"other/other","hc":1},{"id":"emailcn:mjml-react/bento-image-grid","t":"Bento Image Grid","d":"Bento Image Grid email component","s":"emailcn","c":"media/gallery","sb":"Grids","hc":1},{"id":"emailcn:mjml-react/bento-product-grid","t":"Bento Product Grid","d":"Bento Product Grid email component","k":"layout","s":"emailcn","c":"layout/bento-grid","hc":1},{"id":"emailcn:mjml-react/bento-stats-grid","t":"Bento Stats Grid","d":"Bento Stats Grid email component","s":"emailcn","c":"data-display/stat","hc":1},{"id":"emailcn:mjml-react/blog-grid","t":"Blog Grid","d":"Blog Grid email component","k":"section","s":"emailcn","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"emailcn:mjml-react/featured-blog-post","t":"Featured Blog Post","d":"Marketing blog variant for email templates","k":"section","s":"emailcn","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"emailcn:mjml-react/horizontal-blog-post","t":"Horizontal Blog Post","d":"Horizontal Blog Post email component","k":"section","s":"emailcn","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"emailcn:mjml-react/podcast-blog","t":"Podcast Blog","d":"Podcast Blog email component","k":"section","s":"emailcn","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"emailcn:mjml-react/content","t":"Content","d":"Marketing content variant for email templates","s":"emailcn","c":"other/other","hc":1},{"id":"emailcn:mjml-react/card-coupons","t":"Card Coupons","d":"Marketing coupons variant for email templates","s":"emailcn","c":"data-display/card","hc":1},{"id":"emailcn:mjml-react/coupons-with-centered-text","t":"Coupons With Centered Text","d":"Marketing coupons variant for email templates","k":"motion","s":"emailcn","c":"motion/text-effect","hc":1},{"id":"emailcn:mjml-react/coupons-with-content-overlayed","t":"Coupons With Content Overlayed","d":"Marketing coupons variant for email templates","s":"emailcn","c":"other/other","hc":1},{"id":"emailcn:mjml-react/avatar-call-to-action","t":"Avatar Call To Action","d":"Avatar Call To Action email component","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:mjml-react/background-call-to-action","t":"Background Call To Action","d":"Background Call To Action email component","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:mjml-react/call-to-action","t":"Call To Action","d":"Call To Action email component","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:mjml-react/collage-call-to-action","t":"Collage Call To Action","d":"Collage Call To Action email component","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:mjml-react/image-strip-call-to-action","t":"Image Strip Call To Action","d":"Image Strip Call To Action email component","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:mjml-react/top-image-call-to-action","t":"Top Image Call To Action","d":"Top Image Call To Action email component","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:mjml-react/faq","t":"Faq","d":"Faq email component","k":"section","s":"emailcn","c":"marketing/faq","hc":1},{"id":"emailcn:mjml-react/image-feature","t":"Image Feature","d":"Image Feature email component","k":"section","s":"emailcn","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"emailcn:mjml-react/portrait-feature","t":"Portrait Feature","d":"Portrait Feature email component","k":"section","s":"emailcn","c":"marketing/features","hc":1},{"id":"emailcn:mjml-react/product-images-feature","t":"Product Images Feature","d":"Product Images Feature email component","k":"section","s":"emailcn","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"emailcn:mjml-react/tall-background-images-feature","t":"Tall Background Images Feature","d":"Tall Background Images Feature email component","k":"section","s":"emailcn","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"emailcn:mjml-react/navigation-footer","t":"Navigation Footer","d":"Navigation Footer email component","k":"section","s":"emailcn","c":"marketing/footer","hc":1},{"id":"emailcn:mjml-react/promotion-footer","t":"Promotion Footer","d":"Promotion Footer email component","k":"section","s":"emailcn","c":"marketing/footer","hc":1},{"id":"emailcn:mjml-react/utility-footer","t":"Utility Footer","d":"Utility Footer email component","k":"section","s":"emailcn","c":"marketing/footer","hc":1},{"id":"emailcn:mjml-react/header-with-logo-and-badge","t":"Header With Logo And Badge","d":"Marketing headers variant for email templates","k":"resource","s":"emailcn","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"emailcn:mjml-react/header-with-logo-and-finance-stats","t":"Header With Logo And Finance Stats","d":"Marketing headers variant for email templates","k":"resource","s":"emailcn","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"emailcn:mjml-react/header-with-logo-and-menu","t":"Header With Logo And Menu","d":"Marketing headers variant for email templates","k":"resource","s":"emailcn","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"emailcn:mjml-react/header-with-logo-and-social-icons","t":"Header With Logo And Social Icons","d":"Marketing headers variant for email templates","k":"resource","s":"emailcn","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"emailcn:mjml-react/header-with-logo","t":"Header With Logo","d":"Marketing headers variant for email templates","k":"resource","s":"emailcn","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"emailcn:mjml-react/header-with-user-details","t":"Header With User Details","d":"Marketing headers variant for email templates","s":"emailcn","c":"navigation/top-nav","hc":1},{"id":"emailcn:mjml-react/image-grid-hero","t":"Image Grid Hero","d":"Image Grid Hero email component","k":"section","s":"emailcn","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"emailcn:mjml-react/overlap-hero","t":"Overlap Hero","d":"Overlap Hero email component","k":"section","s":"emailcn","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"emailcn:mjml-react/overlay-hero","t":"Overlay Hero","d":"Overlay Hero email component","k":"section","s":"emailcn","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"emailcn:mjml-react/split-hero","t":"Split Hero","d":"Split Hero email component","k":"section","s":"emailcn","c":"marketing/hero","sb":"Split","hc":1},{"id":"emailcn:mjml-react/featured-image-grid","t":"Featured Image Grid","d":"Featured Image Grid email component","s":"emailcn","c":"media/gallery","sb":"Grids","hc":1},{"id":"emailcn:mjml-react/full-width-image","t":"Full Width Image","d":"Marketing images variant for email templates","s":"emailcn","c":"media/gallery","hc":1},{"id":"emailcn:mjml-react/image-grid","t":"Image Grid","d":"Image Grid email component","s":"emailcn","c":"media/gallery","sb":"Grids","hc":1},{"id":"emailcn:mjml-react/masonry-image-grid","t":"Masonry Image Grid","d":"Masonry Image Grid email component","s":"emailcn","c":"media/gallery","sb":"Masonry","hc":1},{"id":"emailcn:mjml-react/logo-cloud","t":"Logo Cloud","d":"Logo Cloud email component","k":"section","s":"emailcn","c":"marketing/logos","hc":1},{"id":"emailcn:mjml-react/purchase-pricing","t":"Purchase Pricing","d":"Purchase Pricing email component","k":"section","s":"emailcn","c":"marketing/pricing","hc":1},{"id":"emailcn:mjml-react/subscription-pricing","t":"Subscription Pricing","d":"Subscription Pricing email component","k":"section","s":"emailcn","c":"marketing/pricing","hc":1},{"id":"emailcn:mjml-react/social-links","t":"Social Links","d":"Social Links email component","s":"emailcn","c":"actions/link","hc":1},{"id":"emailcn:mjml-react/collection-stats","t":"Collection Stats","d":"Collection Stats email component","s":"emailcn","c":"data-display/stat","hc":1},{"id":"emailcn:mjml-react/milestone-stats","t":"Milestone Stats","d":"Marketing stats variant for email templates","s":"emailcn","c":"data-display/stat","hc":1},{"id":"emailcn:mjml-react/spotlight-stats","t":"Spotlight Stats","d":"Spotlight Stats email component","s":"emailcn","c":"data-display/stat","hc":1},{"id":"emailcn:mjml-react/stacked-stats","t":"Stacked Stats","d":"Marketing stats variant for email templates","s":"emailcn","c":"data-display/stat","hc":1},{"id":"emailcn:mjml-react/team","t":"Team","d":"Team email component","k":"section","s":"emailcn","c":"marketing/team","hc":1},{"id":"emailcn:mjml-react/testimonial","t":"Testimonial","d":"Testimonial email component","k":"section","s":"emailcn","c":"marketing/testimonials","hc":1},{"id":"emailcn:mjml-react/payment-timeline","t":"Payment Timeline","d":"Marketing timelines variant for email templates","s":"emailcn","c":"data-display/timeline","hc":1},{"id":"emailcn:mjml-react/timeline","t":"Timeline","d":"Timeline email component","s":"emailcn","c":"data-display/timeline","hc":1},{"id":"emailcn:mjml-react/avatar-details","t":"Avatar Details","d":"Avatar Details email component","s":"emailcn","c":"data-display/accordion","hc":1},{"id":"emailcn:mjml-react/avatar-group","t":"Avatar Group","d":"Avatar Group email component","s":"emailcn","c":"data-display/avatar","hc":1},{"id":"emailcn:mjml-react/button","t":"Button","d":"Button email component","s":"emailcn","c":"actions/button","hc":1},{"id":"emailcn:mjml-react/container","t":"Container","d":"UI Elements containers variant for email templates","k":"layout","s":"emailcn","c":"layout/page-shell","hc":1},{"id":"emailcn:mjml-react/data-table","t":"Data Table","d":"Data Table email component","s":"emailcn","c":"data-display/table","sb":"Data tables","hc":1},{"id":"emailcn:mjml-react/grid","t":"Grid","d":"UI Elements grids variant for email templates","s":"emailcn","c":"other/other","hc":1},{"id":"emailcn:mjml-react/pills","t":"Pills","d":"Pills email component","s":"emailcn","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"emailcn:mjml-react/progress","t":"Progress","d":"Progress email component","s":"emailcn","c":"data-viz/progress-bar","hc":1},{"id":"emailcn:mjml-react/divider","t":"Divider","d":"Divider email component","k":"layout","s":"emailcn","c":"layout/page-shell","hc":1},{"id":"emailcn:mjml-react/spacer","t":"Spacer","d":"Spacer email component","s":"emailcn","c":"other/other","hc":1},{"id":"emailcn:mjml-react/block-auth-magic-link-default","t":"Auth Magic Link — Default (MJML)","d":"Default magic link login email","k":"layout","s":"emailcn","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"emailcn:mjml-react/block-auth-magic-link-raycast","t":"Auth Magic Link — Raycast (MJML)","d":"Raycast-style dark magic link login email","s":"emailcn","c":"actions/link","hc":1},{"id":"emailcn:mjml-react/block-auth-magic-link-stripe","t":"Auth Magic Link — Stripe (MJML)","d":"Stripe-style magic link login email","s":"emailcn","c":"actions/link","hc":1},{"id":"emailcn:mjml-react/block-auth-otp-default","t":"Auth OTP — Default (MJML)","d":"Default OTP verification code email","s":"emailcn","c":"inputs/otp-input","hc":1},{"id":"emailcn:mjml-react/block-auth-otp-twitch","t":"Auth OTP — Twitch (MJML)","d":"Twitch-style OTP verification code email","s":"emailcn","c":"inputs/otp-input","hc":1},{"id":"emailcn:mjml-react/block-auth-password-reset-default","t":"Password Reset — Default (MJML)","d":"Default password reset email","k":"layout","s":"emailcn","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"emailcn:mjml-react/block-auth-password-reset-dropbox","t":"Password Reset — Dropbox (MJML)","d":"Dropbox-style password reset email","k":"layout","s":"emailcn","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"emailcn:mjml-react/block-auth-password-reset-notion","t":"Password Reset — Notion (MJML)","d":"Notion-style password reset email","k":"layout","s":"emailcn","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"emailcn:mjml-react/block-shared","t":"Block Shared","d":"Block Shared email component","k":"section","s":"emailcn","c":"marketing/marketing","hc":1},{"id":"emailcn:mjml-react/block-invite-default","t":"Team Invite — Default (MJML)","d":"Default team invitation email","k":"section","s":"emailcn","c":"marketing/team","hc":1},{"id":"emailcn:mjml-react/block-invite-vercel","t":"Team Invite — Vercel (MJML)","d":"Vercel-style team invitation email","k":"section","s":"emailcn","c":"marketing/team","hc":1},{"id":"emailcn:mjml-react/block-newsletter-default","t":"Newsletter — Default (MJML)","d":"Default newsletter email with article grid","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:mjml-react/block-newsletter-stack-overflow","t":"Newsletter — Stack Overflow (MJML)","d":"Stack Overflow-style newsletter with orange accent","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:mjml-react/block-notification-airbnb","t":"Notification — Airbnb (MJML)","d":"Airbnb review request notification","s":"emailcn","c":"overlays/notifications","hc":1},{"id":"emailcn:mjml-react/block-notification-default","t":"Notification — Default (MJML)","d":"Default notification email","s":"emailcn","c":"overlays/notifications","hc":1},{"id":"emailcn:mjml-react/block-notification-linear","t":"Notification — Linear (MJML)","d":"Linear-style issue notification with issue number","s":"emailcn","c":"overlays/notifications","hc":1},{"id":"emailcn:mjml-react/block-notification-slack","t":"Notification — Slack (MJML)","d":"Slack workspace invite notification","s":"emailcn","c":"overlays/notifications","hc":1},{"id":"emailcn:mjml-react/block-onboarding-default","t":"Onboarding Email — Default (MJML)","d":"Default welcome email with feature grid and CTA","s":"emailcn","c":"navigation/wizard-steps","hc":1},{"id":"emailcn:mjml-react/block-onboarding-linear","t":"Onboarding Email — Linear (MJML)","d":"Linear-style welcome email with feature grid and CTA","s":"emailcn","c":"navigation/wizard-steps","hc":1},{"id":"emailcn:mjml-react/block-onboarding-vercel","t":"Onboarding Email — Vercel (MJML)","d":"Dark Vercel-style welcome email with feature grid and CTA","s":"emailcn","c":"navigation/wizard-steps","hc":1},{"id":"emailcn:mjml-react/block-receipt-apple","t":"Receipt — Apple (MJML)","d":"Apple-style receipt email","k":"section","s":"emailcn","c":"marketing/marketing","hc":1},{"id":"emailcn:mjml-react/block-receipt-default","t":"Receipt — Default (MJML)","d":"Default receipt email with product cards and summary","s":"emailcn","c":"data-display/card","hc":1},{"id":"emailcn:mjml-react/block-receipt-nike","t":"Receipt — Nike (MJML)","d":"Nike-style receipt email","k":"section","s":"emailcn","c":"marketing/marketing","hc":1},{"id":"emailcn:mjml-react/block-receipt-stripe","t":"Receipt — Stripe (MJML)","d":"Stripe-style invoice receipt email","k":"section","s":"emailcn","c":"marketing/marketing","hc":1},{"id":"emailcn:jsx-email/theme-airbnb","t":"Airbnb Email Theme (JSX Email)","d":"Airbnb email theme tokens for JSX Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:jsx-email/theme-apple","t":"Apple Email Theme (JSX Email)","d":"Apple email theme tokens for JSX Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:jsx-email/theme-default","t":"Default Email Theme (JSX Email)","d":"Default email theme tokens for JSX Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:jsx-email/theme-dropbox","t":"Dropbox Email Theme (JSX Email)","d":"Dropbox email theme tokens for JSX Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:jsx-email/theme-github","t":"Github Email Theme (JSX Email)","d":"Github email theme tokens for JSX Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:jsx-email/theme-linear","t":"Linear Email Theme (JSX Email)","d":"Linear email theme tokens for JSX Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:jsx-email/theme-nike","t":"Nike Email Theme (JSX Email)","d":"Nike email theme tokens for JSX Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:jsx-email/theme-notion","t":"Notion Email Theme (JSX Email)","d":"Notion email theme tokens for JSX Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:jsx-email/theme-raycast","t":"Raycast Email Theme (JSX Email)","d":"Raycast email theme tokens for JSX Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:jsx-email/theme-slack","t":"Slack Email Theme (JSX Email)","d":"Slack email theme tokens for JSX Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:jsx-email/theme-stack-overflow","t":"Stack Overflow Email Theme (JSX Email)","d":"Stack Overflow email theme tokens for JSX Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:jsx-email/theme-stripe","t":"Stripe Email Theme (JSX Email)","d":"Stripe email theme tokens for JSX Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:jsx-email/theme-twitch","t":"Twitch Email Theme (JSX Email)","d":"Twitch email theme tokens for JSX Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:jsx-email/theme-vercel","t":"Vercel Email Theme (JSX Email)","d":"Vercel email theme tokens for JSX Email templates","k":"lib","s":"emailcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"emailcn:jsx-email/collage-fonts","t":"Collage Fonts (React Email)","d":"Inter weights for JSX Email","k":"lib","s":"emailcn","c":"lib/utility","hc":1},{"id":"emailcn:jsx-email/default-fonts","t":"Email Default Fonts","d":"Inter webfont declarations for JSX Email templates (use inside Head)","k":"lib","s":"emailcn","c":"lib/utility","hc":1},{"id":"emailcn:jsx-email/dither-fonts","t":"Dither Fonts (React Email)","d":"IBM Plex Sans Condensed + Inter","k":"lib","s":"emailcn","c":"lib/utility","hc":1},{"id":"emailcn:jsx-email/skin-fonts","t":"Skin Fonts (React Email)","d":"Instrument Serif + Inter","k":"lib","s":"emailcn","c":"lib/utility","hc":1},{"id":"emailcn:jsx-email/tech-fonts","t":"Tech Fonts (React Email)","d":"Geist + Inter","k":"lib","s":"emailcn","c":"lib/utility","hc":1},{"id":"emailcn:jsx-email/category-preview","t":"Category Preview","d":"Category Preview email component","k":"section","s":"emailcn","c":"marketing/testimonials","hc":1},{"id":"emailcn:jsx-email/billing-order-summary","t":"Billing Order Summary","d":"Billing Order Summary email component","s":"emailcn","c":"other/other","hc":1},{"id":"emailcn:jsx-email/order-summary-table","t":"Order Summary Table","d":"Order Summary Table email component","s":"emailcn","c":"data-display/table","sb":"Transactions","hc":1},{"id":"emailcn:jsx-email/masonry-product-detail","t":"Masonry Product Detail","d":"Masonry Product Detail email component","s":"emailcn","c":"media/gallery","sb":"Masonry","hc":1},{"id":"emailcn:jsx-email/single-image-product-detail","t":"Single Image Product Detail","d":"Single Image Product Detail email component","s":"emailcn","c":"media/gallery","hc":1},{"id":"emailcn:jsx-email/split-product-detail","t":"Split Product Detail","d":"Ecommerce product-detail variant for email templates","s":"emailcn","c":"other/other","hc":1},{"id":"emailcn:jsx-email/three-image-product-detail","t":"Three Image Product Detail","d":"Three Image Product Detail email component","s":"emailcn","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"emailcn:jsx-email/two-image-product-detail","t":"Two Image Product Detail","d":"Two Image Product Detail email component","s":"emailcn","c":"media/gallery","hc":1},{"id":"emailcn:jsx-email/product-list","t":"Product List","d":"Product List email component","s":"emailcn","c":"data-display/list","sb":"Inbox","hc":1},{"id":"emailcn:jsx-email/reviews","t":"Reviews","d":"Reviews email component","k":"section","s":"emailcn","c":"marketing/testimonials","hc":1},{"id":"emailcn:jsx-email/shopping-cart","t":"Shopping Cart","d":"Shopping Cart email component","s":"emailcn","c":"other/other","hc":1},{"id":"emailcn:jsx-email/bento-image-grid","t":"Bento Image Grid","d":"Bento Image Grid email component","s":"emailcn","c":"media/gallery","sb":"Grids","hc":1},{"id":"emailcn:jsx-email/bento-product-grid","t":"Bento Product Grid","d":"Bento Product Grid email component","k":"layout","s":"emailcn","c":"layout/bento-grid","hc":1},{"id":"emailcn:jsx-email/bento-stats-grid","t":"Bento Stats Grid","d":"Bento Stats Grid email component","s":"emailcn","c":"data-display/stat","hc":1},{"id":"emailcn:jsx-email/blog-grid","t":"Blog Grid","d":"Blog Grid email component","k":"section","s":"emailcn","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"emailcn:jsx-email/featured-blog-post","t":"Featured Blog Post","d":"Marketing blog variant for email templates","k":"section","s":"emailcn","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"emailcn:jsx-email/horizontal-blog-post","t":"Horizontal Blog Post","d":"Horizontal Blog Post email component","k":"section","s":"emailcn","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"emailcn:jsx-email/podcast-blog","t":"Podcast Blog","d":"Podcast Blog email component","k":"section","s":"emailcn","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"emailcn:jsx-email/content","t":"Content","d":"Marketing content variant for email templates","s":"emailcn","c":"other/other","hc":1},{"id":"emailcn:jsx-email/card-coupons","t":"Card Coupons","d":"Marketing coupons variant for email templates","s":"emailcn","c":"data-display/card","hc":1},{"id":"emailcn:jsx-email/coupons-with-centered-text","t":"Coupons With Centered Text","d":"Marketing coupons variant for email templates","k":"motion","s":"emailcn","c":"motion/text-effect","hc":1},{"id":"emailcn:jsx-email/coupons-with-content-overlayed","t":"Coupons With Content Overlayed","d":"Marketing coupons variant for email templates","s":"emailcn","c":"other/other","hc":1},{"id":"emailcn:jsx-email/avatar-call-to-action","t":"Avatar Call To Action","d":"Avatar Call To Action email component","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:jsx-email/background-call-to-action","t":"Background Call To Action","d":"Background Call To Action email component","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:jsx-email/call-to-action","t":"Call To Action","d":"Call To Action email component","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:jsx-email/collage-call-to-action","t":"Collage Call To Action","d":"Collage Call To Action email component","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:jsx-email/image-strip-call-to-action","t":"Image Strip Call To Action","d":"Image Strip Call To Action email component","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:jsx-email/top-image-call-to-action","t":"Top Image Call To Action","d":"Top Image Call To Action email component","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:jsx-email/faq","t":"Faq","d":"Faq email component","k":"section","s":"emailcn","c":"marketing/faq","hc":1},{"id":"emailcn:jsx-email/image-feature","t":"Image Feature","d":"Image Feature email component","k":"section","s":"emailcn","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"emailcn:jsx-email/portrait-feature","t":"Portrait Feature","d":"Portrait Feature email component","k":"section","s":"emailcn","c":"marketing/features","hc":1},{"id":"emailcn:jsx-email/product-images-feature","t":"Product Images Feature","d":"Product Images Feature email component","k":"section","s":"emailcn","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"emailcn:jsx-email/tall-background-images-feature","t":"Tall Background Images Feature","d":"Tall Background Images Feature email component","k":"section","s":"emailcn","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"emailcn:jsx-email/navigation-footer","t":"Navigation Footer","d":"Navigation Footer email component","k":"section","s":"emailcn","c":"marketing/footer","hc":1},{"id":"emailcn:jsx-email/promotion-footer","t":"Promotion Footer","d":"Promotion Footer email component","k":"section","s":"emailcn","c":"marketing/footer","hc":1},{"id":"emailcn:jsx-email/utility-footer","t":"Utility Footer","d":"Utility Footer email component","k":"section","s":"emailcn","c":"marketing/footer","hc":1},{"id":"emailcn:jsx-email/header-with-logo-and-badge","t":"Header With Logo And Badge","d":"Marketing headers variant for email templates","k":"resource","s":"emailcn","c":"assets/logo","hc":1},{"id":"emailcn:jsx-email/header-with-logo-and-finance-stats","t":"Header With Logo And Finance Stats","d":"Marketing headers variant for email templates","k":"resource","s":"emailcn","c":"assets/logo","hc":1},{"id":"emailcn:jsx-email/header-with-logo-and-menu","t":"Header With Logo And Menu","d":"Marketing headers variant for email templates","k":"resource","s":"emailcn","c":"assets/logo","hc":1},{"id":"emailcn:jsx-email/header-with-logo-and-social-icons","t":"Header With Logo And Social Icons","d":"Marketing headers variant for email templates","k":"resource","s":"emailcn","c":"assets/logo","hc":1},{"id":"emailcn:jsx-email/header-with-logo","t":"Header With Logo","d":"Marketing headers variant for email templates","k":"resource","s":"emailcn","c":"assets/logo","hc":1},{"id":"emailcn:jsx-email/header-with-user-details","t":"Header With User Details","d":"Marketing headers variant for email templates","s":"emailcn","c":"navigation/top-nav","hc":1},{"id":"emailcn:jsx-email/image-grid-hero","t":"Image Grid Hero","d":"Image Grid Hero email component","k":"section","s":"emailcn","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"emailcn:jsx-email/overlap-hero","t":"Overlap Hero","d":"Overlap Hero email component","k":"section","s":"emailcn","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"emailcn:jsx-email/overlay-hero","t":"Overlay Hero","d":"Overlay Hero email component","k":"section","s":"emailcn","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"emailcn:jsx-email/split-hero","t":"Split Hero","d":"Split Hero email component","k":"section","s":"emailcn","c":"marketing/hero","sb":"Split","hc":1},{"id":"emailcn:jsx-email/featured-image-grid","t":"Featured Image Grid","d":"Featured Image Grid email component","s":"emailcn","c":"media/gallery","sb":"Grids","hc":1},{"id":"emailcn:jsx-email/full-width-image","t":"Full Width Image","d":"Marketing images variant for email templates","s":"emailcn","c":"media/gallery","hc":1},{"id":"emailcn:jsx-email/image-grid","t":"Image Grid","d":"Image Grid email component","s":"emailcn","c":"media/gallery","sb":"Grids","hc":1},{"id":"emailcn:jsx-email/masonry-image-grid","t":"Masonry Image Grid","d":"Masonry Image Grid email component","s":"emailcn","c":"media/gallery","sb":"Masonry","hc":1},{"id":"emailcn:jsx-email/logo-cloud","t":"Logo Cloud","d":"Logo Cloud email component","k":"section","s":"emailcn","c":"marketing/logos","hc":1},{"id":"emailcn:jsx-email/purchase-pricing","t":"Purchase Pricing","d":"Purchase Pricing email component","k":"section","s":"emailcn","c":"marketing/pricing","hc":1},{"id":"emailcn:jsx-email/subscription-pricing","t":"Subscription Pricing","d":"Subscription Pricing email component","k":"section","s":"emailcn","c":"marketing/pricing","hc":1},{"id":"emailcn:jsx-email/social-links","t":"Social Links","d":"Social Links email component","s":"emailcn","c":"actions/link","hc":1},{"id":"emailcn:jsx-email/collection-stats","t":"Collection Stats","d":"Collection Stats email component","s":"emailcn","c":"data-display/stat","hc":1},{"id":"emailcn:jsx-email/milestone-stats","t":"Milestone Stats","d":"Marketing stats variant for email templates","s":"emailcn","c":"data-display/stat","hc":1},{"id":"emailcn:jsx-email/spotlight-stats","t":"Spotlight Stats","d":"Spotlight Stats email component","s":"emailcn","c":"data-display/stat","hc":1},{"id":"emailcn:jsx-email/stacked-stats","t":"Stacked Stats","d":"Marketing stats variant for email templates","s":"emailcn","c":"data-display/stat","hc":1},{"id":"emailcn:jsx-email/team","t":"Team","d":"Team email component","k":"section","s":"emailcn","c":"marketing/team","hc":1},{"id":"emailcn:jsx-email/testimonial","t":"Testimonial","d":"Testimonial email component","k":"section","s":"emailcn","c":"marketing/testimonials","hc":1},{"id":"emailcn:jsx-email/payment-timeline","t":"Payment Timeline","d":"Marketing timelines variant for email templates","s":"emailcn","c":"data-display/timeline","hc":1},{"id":"emailcn:jsx-email/timeline","t":"Timeline","d":"Timeline email component","s":"emailcn","c":"data-display/timeline","hc":1},{"id":"emailcn:jsx-email/avatar-details","t":"Avatar Details","d":"Avatar Details email component","s":"emailcn","c":"data-display/accordion","hc":1},{"id":"emailcn:jsx-email/avatar-group","t":"Avatar Group","d":"Avatar Group email component","s":"emailcn","c":"data-display/avatar","hc":1},{"id":"emailcn:jsx-email/button","t":"Button","d":"Button email component","s":"emailcn","c":"actions/button","hc":1},{"id":"emailcn:jsx-email/container","t":"Container","d":"UI Elements containers variant for email templates","k":"layout","s":"emailcn","c":"layout/page-shell","hc":1},{"id":"emailcn:jsx-email/data-table","t":"Data Table","d":"Data Table email component","s":"emailcn","c":"data-display/table","sb":"Data tables","hc":1},{"id":"emailcn:jsx-email/grid","t":"Grid","d":"UI Elements grids variant for email templates","s":"emailcn","c":"other/other","hc":1},{"id":"emailcn:jsx-email/pills","t":"Pills","d":"Pills email component","s":"emailcn","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"emailcn:jsx-email/progress","t":"Progress","d":"Progress email component","s":"emailcn","c":"data-viz/progress-bar","hc":1},{"id":"emailcn:jsx-email/divider","t":"Divider","d":"Divider email component","k":"layout","s":"emailcn","c":"layout/page-shell","hc":1},{"id":"emailcn:jsx-email/spacer","t":"Spacer","d":"Spacer email component","s":"emailcn","c":"other/other","hc":1},{"id":"emailcn:jsx-email/block-auth-magic-link-default","t":"Auth Magic Link — Default","d":"Default magic link login email","k":"layout","s":"emailcn","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"emailcn:jsx-email/block-auth-magic-link-raycast","t":"Auth Magic Link — Raycast","d":"Raycast-style dark magic link login email","s":"emailcn","c":"actions/link","hc":1},{"id":"emailcn:jsx-email/block-auth-magic-link-stripe","t":"Auth Magic Link — Stripe","d":"Stripe-style magic link login email","s":"emailcn","c":"actions/link","hc":1},{"id":"emailcn:jsx-email/block-auth-otp-default","t":"Auth OTP — Default","d":"Default OTP verification code email","s":"emailcn","c":"inputs/otp-input","hc":1},{"id":"emailcn:jsx-email/block-auth-otp-twitch","t":"Auth OTP — Twitch","d":"Twitch-style OTP verification code email","s":"emailcn","c":"inputs/otp-input","hc":1},{"id":"emailcn:jsx-email/block-auth-password-reset-default","t":"Password Reset — Default","d":"Default password reset email","k":"layout","s":"emailcn","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"emailcn:jsx-email/block-auth-password-reset-dropbox","t":"Password Reset — Dropbox","d":"Dropbox-style password reset email","k":"layout","s":"emailcn","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"emailcn:jsx-email/block-auth-password-reset-notion","t":"Password Reset — Notion","d":"Notion-style password reset email","k":"layout","s":"emailcn","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"emailcn:jsx-email/block-invite-default","t":"Team Invite — Default","d":"Default team invitation email","k":"section","s":"emailcn","c":"marketing/team","hc":1},{"id":"emailcn:jsx-email/block-invite-vercel","t":"Team Invite — Vercel","d":"Vercel-style team invitation email","k":"section","s":"emailcn","c":"marketing/team","hc":1},{"id":"emailcn:jsx-email/block-newsletter-default","t":"Newsletter — Default","d":"Default newsletter email with article grid","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:jsx-email/block-newsletter-stack-overflow","t":"Newsletter — Stack Overflow","d":"Stack Overflow-style newsletter with orange accent","k":"section","s":"emailcn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"emailcn:jsx-email/block-notification-airbnb","t":"Notification — Airbnb","d":"Airbnb review request notification","s":"emailcn","c":"overlays/notifications","hc":1},{"id":"emailcn:jsx-email/block-notification-default","t":"Notification — Default","d":"Default notification email","s":"emailcn","c":"overlays/notifications","hc":1},{"id":"emailcn:jsx-email/block-notification-linear","t":"Notification — Linear","d":"Linear-style issue notification with issue number","s":"emailcn","c":"overlays/notifications","hc":1},{"id":"emailcn:jsx-email/block-notification-slack","t":"Notification — Slack","d":"Slack workspace invite notification","s":"emailcn","c":"overlays/notifications","hc":1},{"id":"emailcn:jsx-email/block-onboarding-default","t":"Onboarding Email — Default","d":"Default welcome email with feature grid and CTA","s":"emailcn","c":"navigation/wizard-steps","hc":1},{"id":"emailcn:jsx-email/block-onboarding-linear","t":"Onboarding Email — Linear","d":"Linear-style welcome email with feature grid and CTA","s":"emailcn","c":"navigation/wizard-steps","hc":1},{"id":"emailcn:jsx-email/block-onboarding-vercel","t":"Onboarding Email — Vercel","d":"Dark Vercel-style welcome email with feature grid and CTA","s":"emailcn","c":"navigation/wizard-steps","hc":1},{"id":"emailcn:jsx-email/block-receipt-apple","t":"Receipt — Apple","d":"Apple-style receipt email","k":"section","s":"emailcn","c":"marketing/marketing","hc":1},{"id":"emailcn:jsx-email/block-receipt-default","t":"Receipt — Default","d":"Default receipt email with product cards and summary","s":"emailcn","c":"data-display/card","hc":1},{"id":"emailcn:jsx-email/block-receipt-nike","t":"Receipt — Nike","d":"Nike-style receipt email","k":"section","s":"emailcn","c":"marketing/marketing","hc":1},{"id":"emailcn:jsx-email/block-receipt-stripe","t":"Receipt — Stripe","d":"Stripe-style invoice receipt email","k":"section","s":"emailcn","c":"marketing/marketing","hc":1},{"id":"emstein-ui:table","t":"Table","d":"A virtualized shadcn-compatible table with sorting, resizing, and optional selection.","s":"emstein-ui","c":"data-display/table","sb":"Data tables","hc":1},{"id":"ericts:expandable-subscribe","t":"Expandable Subscribe","d":"A compact button that expands into an email form, with async submission, loading, confirma","k":"section","s":"ericts","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"ericts:smooth-height","t":"Smooth Height","d":"A Motion-powered layout primitive that observes content size and animates height changes.","s":"ericts","c":"other/other","hc":1},{"id":"ericts:copy-button","t":"Copy Button","d":"A shadcn Button-based clipboard control with animated copy and success states.","s":"ericts","c":"actions/copy-button","hc":1},{"id":"ericts:icon-swap","t":"Icon Swap","d":"A controlled binary icon transition with stable layout, interruptible state changes, and r","k":"resource","s":"ericts","c":"assets/icon","sb":"Animated","hc":1},{"id":"ericts:like","t":"Like","d":"A composable like toggle whose heart fills from a chosen origin while miniature hearts sca","s":"ericts","c":"actions/switch","vn":1,"hc":1},{"id":"ericts:like-burst","t":"Like Burst","d":"A like toggle with the same props as Like, whose outline collapses into a bubble that holl","s":"ericts","c":"actions/switch","hc":1},{"id":"ericts:status-button","t":"Status Button","d":"A shadcn Button-based action that transitions through idle, loading, and success states.","s":"ericts","c":"actions/button","sb":"Animated","hc":1},{"id":"ericts:expandable-toggle-button","t":"Expandable Toggle Button","d":"A shadcn toggle button that expands from an icon into an icon-and-label action while keepi","s":"ericts","c":"actions/button","sb":"Animated","hc":1},{"id":"ericts:play-button","t":"Play Button","d":"A circular media toggle whose glyph morphs between a play triangle and pause bars, with a ","s":"ericts","c":"actions/button","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"ericts:sliding-play-button","t":"Sliding Play Button","d":"A circular media toggle built from three overlapping SVG elements that compress, slide, ex","s":"ericts","c":"actions/button","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"ericts:seek-button","t":"Seek Button","d":"A circular media skip control whose ring spins one full turn per press while the seconds i","s":"ericts","c":"actions/button","sb":"Animated","hc":1},{"id":"ericts:floating-shortcut-button","t":"Floating Shortcut Button","d":"A configurable floating action menu with coordinated size presets, a shrinking trigger, cr","s":"ericts","c":"actions/button","sb":"Animated","hc":1},{"id":"ericts:arc-menu","t":"Arc Menu","d":"A bottom-anchored shortcut menu that fans actions along a configurable arc while its trigg","s":"ericts","c":"navigation/menu","hc":1},{"id":"ericts:status-badge","t":"Status Badge","d":"A compact animated badge for status labels with icon and text slot transitions.","s":"ericts","c":"data-display/badge","sb":"Status","hc":1},{"id":"ericts:floating-select","t":"Floating Select","d":"A single-button floating select that expands into an animated option list.","s":"ericts","c":"inputs/select","hc":1},{"id":"ericts:expandable-slider","t":"Expandable Slider","d":"A composable slider that stays expanded on mobile and grows from an icon button on desktop","s":"ericts","c":"inputs/slider","hc":1},{"id":"ericts:expandable-toolbar","t":"Expandable Toolbar","d":"A controlled or uncontrolled toolbar primitive that measures its action slot and expands f","s":"ericts","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"ericts:check-mark","t":"Check Mark","d":"A pure SVG checkmark animation that draws a square or circle before the check.","s":"ericts","c":"other/other","hc":1},{"id":"ericts:shy-heart","t":"Shy Heart","d":"A resizable brand-outline heart that leans left on hover before revealing soft blush marks","k":"layout","s":"ericts","c":"layout/split-pane","hc":1},{"id":"ericts:jitter","t":"Jitter","d":"A jitter animation primitive plus a ready-made vibration icon.","k":"resource","s":"ericts","c":"assets/icon","sb":"Animated","hc":1},{"id":"ericts:squeeze","t":"Squeeze","d":"A squeeze animation primitive plus a ready-made SVG card icon.","s":"ericts","c":"data-display/card","hc":1},{"id":"ericts:heartbeat","t":"Heartbeat","d":"A Motion-powered heartbeat primitive with a projected shadow layer and reduced-motion supp","s":"ericts","c":"other/other","hc":1},{"id":"ericts:projected-shadow","t":"Projected Shadow","d":"A CSS-powered primitive that layers an element with projected and contact shadows, support","k":"section","s":"ericts","c":"marketing/marketing","sb":"Portfolio","hc":1},{"id":"ericts:otp-input","t":"OTP Input","d":"A fixed-slot one-time passcode input with paste, autofill, an error shake, and a staggered","s":"ericts","c":"inputs/otp-input","hc":1},{"id":"ericts:adaptive-switch","t":"Adaptive Switch","d":"An accessible switch with optional state labels, three sizes, and configurable motion.","s":"ericts","c":"actions/switch","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"ericts:nav-link","t":"Nav Link","d":"Adds active, exact, and pending route state to Next.js App Router links, with typed routes","s":"ericts","c":"actions/link","hc":1},{"id":"ericts:highlight-tabs","t":"Highlight Tabs","d":"A Motion-powered tab list with a shared highlight indicator and keyboard navigation.","s":"ericts","c":"navigation/tabs","hc":1},{"id":"ericts:filter-tags","t":"Filter Tags","d":"A horizontally scrollable multi-select tag row that groups selected tags first in selectio","s":"ericts","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"ericts:sliding-list","t":"Sliding List","d":"A controlled or uncontrolled vertical list with optional initial selection, mirrored align","s":"ericts","c":"data-display/list","hc":1},{"id":"ericts:rail-list","t":"Rail List","d":"A controlled or uncontrolled horizontal selector rail with centered labels, roving focus, ","s":"ericts","c":"data-display/list","hc":1},{"id":"ericts:rail-stage","t":"Rail Stage","d":"A composed content browser that pairs a scalable vertical rail with one focused stage, col","k":"section","s":"ericts","c":"marketing/marketing","hc":1},{"id":"ericts:mermaid-diagram","t":"Mermaid Diagram","d":"A responsive Mermaid rendering surface with streaming and error states, repair hooks, and ","s":"ericts","c":"media/gallery","hc":1},{"id":"ericts:expandable-segmented-tabs","t":"Expandable Segmented Tabs","d":"A Motion-powered segmented tab list for switching modes or views, with an active tab that ","s":"ericts","c":"navigation/tabs","hc":1},{"id":"ericts:expandable-tabs","t":"Expandable Tabs","d":"A DynamicIsland-style toolbar whose icon tabs expand into actionable menu or content panel","s":"ericts","c":"navigation/tabs","hc":1},{"id":"ericts:expandable-panel","t":"Expandable Panel","d":"A floating panel that grows from a compact icon trigger and holds arbitrary content.","s":"ericts","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"ericts:navigation-menu","t":"Navigation Menu","d":"A Base UI navigation menu with centered popups, animated viewport sizing, and shadcn-style","s":"ericts","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"ericts:text-morph","t":"Text Morph","d":"A Motion-powered text primitive that morphs matching characters between string updates.","k":"motion","s":"ericts","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"ericts:timer","t":"Timer","d":"Countdown and count-up timers with optional controls, accurate deadline tracking, customiz","k":"motion","s":"ericts","c":"motion/number-ticker","hc":1},{"id":"ericts:expandable-dialog","t":"Expandable Dialog","d":"A shared-layout dialog that expands list items into an accessible detail view.","s":"ericts","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"ericts:context-cursor","t":"Context Cursor","d":"A scoped custom cursor for pointer-rich surfaces where each target can register its own la","k":"motion","s":"ericts","c":"motion/cursor","hc":1},{"id":"ericts:feedback-popover","t":"Feedback Popover","d":"A Motion-powered feedback popover that expands from a trigger, supports keyboard submissio","s":"ericts","c":"overlays/popover","hc":1},{"id":"ericts:multi-step","t":"Multi Step Flow","d":"A Motion-powered multi-step container that slides between steps and animates height change","s":"ericts","c":"navigation/wizard-steps","hc":1},{"id":"ericts:adaptive-drawer","t":"Adaptive Drawer","d":"A shadcn Drawer that measures panel content and animates height changes.","s":"ericts","c":"overlays/sheet","hc":1},{"id":"ericts:staggered-entrance","t":"Staggered Entrance","d":"A CSS-powered staggered entrance primitive for lists, cards, steps, rows, and search resul","s":"ericts","c":"inputs/search","hc":1},{"id":"ericts:scroll-expand","t":"Scroll Expand & Focus Hero","d":"An art-directed scroll hero that expands a detail into context or focuses a full-bleed sce","k":"layout","s":"ericts","c":"layout/scroll-area","hc":1},{"id":"ericts:ripple-scene","t":"Ripple Scene Gallery","d":"An immersive scene selector whose photo lifts into a travelling corrugated wave, swapping ","k":"motion","s":"ericts","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"ericts:vertical-scene","t":"Vertical Scene Gallery","d":"A direction-aware gallery that reveals later scenes from below and earlier scenes from abo","s":"ericts","c":"media/gallery","hc":1},{"id":"ericts:deck-lift","t":"Deck Lift","d":"A screen whose resting card deck lifts to the top, drops the sheet away, and pulls a full ","s":"ericts","c":"media/card-stack","hc":1},{"id":"ericts:use-scroll-progress","t":"useScrollProgress","d":"A render-free vertical scroll progress hook for window or element scrollers with optional ","k":"lib","s":"ericts","c":"lib/hook","hc":1},{"id":"ericts:use-swipe-navigation","t":"useSwipeNavigation","d":"A touch-first React hook for previous and next navigation with configurable feedback, live","k":"lib","s":"ericts","c":"lib/hook","hc":1},{"id":"ericts:use-sequence-player","t":"useSequencePlayer","d":"A client-safe React hook that spotlights one scripted animation sequence at a time, pausin","k":"lib","s":"ericts","c":"lib/hook","hc":1},{"id":"ericts:use-reduced-motion","t":"useReducedMotion","d":"A client-safe React hook for reading prefers-reduced-motion and reacting to preference cha","k":"lib","s":"ericts","c":"lib/hook","vn":1,"hc":1},{"id":"ericts:use-element-height","t":"useElementHeight","d":"A client-safe React hook that measures an element's height with ResizeObserver so a contai","k":"lib","s":"ericts","c":"lib/hook","hc":1},{"id":"ericts:use-element-size-map","t":"useElementSizeMap","d":"A client-safe React hook that measures multiple keyed element sizes with ResizeObserver so","k":"lib","s":"ericts","c":"lib/hook","hc":1},{"id":"ericts:use-scroll-anchor","t":"useScrollAnchor","d":"A client-safe React hook that parks a selected item at a fixed anchor point in a scroll co","k":"lib","s":"ericts","c":"lib/hook","hc":1},{"id":"evex:brand-visual-asset-generator","t":"Brand Visual Asset Generator","d":"Generate brand-aligned SVG asset packs for SaaS products using Context.dev brand extractio","s":"evex","c":"ai-agent/ai-agent","hc":1},{"id":"evex:branded-seo-page-builder","t":"Branded SEO Page Builder","d":"Generate an on-brand, SEO-optimized HTML page from a domain using Context.dev brand, conte","s":"evex","c":"ai-agent/ai-agent","hc":1},{"id":"evex:code-reviewer","t":"Code Reviewer","d":"Eve agent for GitHub PR review. Mention it on a PR for inline comments on bugs, not style.","s":"evex","c":"ai-agent/ai-agent","hc":1},{"id":"evex:competitor-intel-monitor","t":"Competitor Intel Monitor","d":"Scheduled competitor URL monitor that diffs pages and delivers scored Slack or email diges","s":"evex","c":"ai-agent/ai-agent","hc":1},{"id":"evex:crm-hygiene-agent","t":"CRM Hygiene Agent","d":"Scheduled CRM hygiene via Connect that proposes dedupe, normalize, and enrich batches for ","s":"evex","c":"ai-agent/ai-agent","hc":1},{"id":"evex:docs-knowledge-assistant","t":"Docs Knowledge Assistant","d":"Answers from your repo docs and cites the file.","s":"evex","c":"ai-agent/ai-agent","hc":1},{"id":"evex:email-triage-assistant","t":"Email Triage Assistant","d":"Inbox triage that classifies threads and writes draft replies without sending.","s":"evex","c":"ai-agent/ai-agent","hc":1},{"id":"evex:eve-agent-builder","t":"Eve Agent Builder","d":"An Eve coding agent that creates Eve agents, runs their checks, deploys them to Vercel, an","s":"evex","c":"ai-agent/ai-agent","hc":1},{"id":"evex:github-ci-explainer","t":"GitHub CI Explainer","d":"Explains failed GitHub Actions checks from the log.","s":"evex","c":"ai-agent/ai-agent","hc":1},{"id":"evex:github-issue-maintainer","t":"GitHub Issue Maintainer","d":"Labels GitHub issues, asks for missing repro, and emails a weekly digest.","s":"evex","c":"ai-agent/ai-agent","hc":1},{"id":"evex:inbound-lead-qualifier","t":"Inbound Lead Qualifier","d":"Inbound lead qualifier via signed intake or Connect CRM/Typeform that scores ICP fit, draf","s":"evex","c":"ai-agent/ai-agent","hc":1},{"id":"evex:invoice-chase-drafter","t":"Invoice Chase Drafter","d":"Weekday AR chase via Connect that drafts mailbox reminders from QuickBooks or Xero and pos","s":"evex","c":"ai-agent/ai-agent","sb":"Voice","hc":1},{"id":"evex:knowledge-base-gardener","t":"Knowledge Base Gardener","d":"Finds stale product docs and drafts updates with file cites.","s":"evex","c":"ai-agent/ai-agent","hc":1},{"id":"evex:linear-operations-agent","t":"Linear Operations Agent","d":"An Eve agent for Linear operations across Linear, Slack, and scheduled runs.","s":"evex","c":"ai-agent/ai-agent","hc":1},{"id":"evex:meeting-action-extractor","t":"Meeting Action Extractor","d":"Extracts owners and deadlines from a meeting transcript and drafts Linear follow-ups for a","s":"evex","c":"ai-agent/ai-agent","hc":1},{"id":"evex:openui-assistant","t":"OpenUI Assistant","d":"An Eve agent that streams OpenUI Lang generative UI using the official openuiChatLibrary, ","s":"evex","c":"ai-agent/ai-agent","hc":1},{"id":"evex:postgres-data-analyst","t":"Postgres Data Analyst","d":"An Eve-native Slack analyst for a single Postgres database. It answers Slack mentions and ","s":"evex","c":"ai-agent/ai-agent","hc":1},{"id":"evex:programmatic-seo-agent","t":"Programmatic SEO Agent","d":"Weekly scheduled agent that grows a product's organic traffic with programmatic SEO: it ch","s":"evex","c":"ai-agent/ai-agent","hc":1},{"id":"evex:rfp-response-drafter","t":"RFP Response Drafter","d":"RFP response drafter via Google Drive Connect and sandbox files that cites every claim, Sl","s":"evex","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"evex:supabase-data-analyst","t":"Supabase Data Analyst","d":"A Slack-native Eve analyst for a single Supabase project that only runs read-only SQL quer","s":"evex","c":"ai-agent/ai-agent","tg":["playful"],"sy":["playful"],"hc":1},{"id":"evex:support-reply-draft","t":"Support Reply Draft","d":"Drafts a customer reply from product docs and cites the file.","s":"evex","c":"ai-agent/ai-agent","hc":1},{"id":"evex:x-draft-assistant","t":"X Draft Assistant","d":"A scheduled Eve agent that scans a configured set of X (Twitter) profiles every day, surfa","s":"evex","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"evex:x-hot-topic-digest","t":"X Hot Topic Digest","d":"A scheduled Eve agent that scans a configured set of X (Twitter) profiles every day, surfa","s":"evex","c":"ai-agent/ai-agent","hc":1},{"id":"evilcharts:recharts-chart","t":"Recharts chart","s":"evilcharts","c":"data-viz/chart","hc":1},{"id":"evilcharts:recharts-tooltip","t":"Recharts tooltip","s":"evilcharts","c":"overlays/tooltip","hc":1},{"id":"evilcharts:recharts-legend","t":"Recharts legend","s":"evilcharts","c":"data-viz/chart","hc":1},{"id":"evilcharts:recharts-dot","t":"Recharts dot","s":"evilcharts","c":"data-viz/chart","hc":1},{"id":"evilcharts:recharts-brush","t":"Recharts brush","s":"evilcharts","c":"data-viz/chart","hc":1},{"id":"evilcharts:recharts-background","t":"Recharts background","k":"motion","s":"evilcharts","c":"motion/background","hc":1},{"id":"evilcharts:echarts-chart","t":"Echarts chart","s":"evilcharts","c":"data-viz/chart","hc":1},{"id":"evilcharts:echarts-tooltip","t":"Echarts tooltip","s":"evilcharts","c":"overlays/tooltip","hc":1},{"id":"evilcharts:echarts-legend","t":"Echarts legend","s":"evilcharts","c":"data-viz/chart","hc":1},{"id":"evilcharts:echarts-dot","t":"Echarts dot","s":"evilcharts","c":"data-viz/chart","hc":1},{"id":"evilcharts:echarts-brush","t":"Echarts brush","s":"evilcharts","c":"data-viz/chart","hc":1},{"id":"evilcharts:echarts-area-chart","t":"Echarts area chart","d":"Area chart component rendered with Apache ECharts","s":"evilcharts","c":"data-viz/chart","sb":"Area","vn":24,"hc":1},{"id":"evilcharts:echarts-line-chart","t":"Echarts line chart","d":"Line chart component rendered with Apache ECharts","s":"evilcharts","c":"data-viz/chart","sb":"Line and sparkline","vn":26,"hc":1},{"id":"evilcharts:echarts-bar-chart","t":"Echarts bar chart","d":"Bar chart component rendered with Apache ECharts","s":"evilcharts","c":"data-viz/chart","sb":"Bar","vn":24,"hc":1},{"id":"evilcharts:echarts-composed-chart","t":"Echarts composed chart","d":"Composed chart component rendered with Apache ECharts","s":"evilcharts","c":"data-viz/chart","vn":14,"hc":1},{"id":"evilcharts:echarts-radar-chart","t":"Echarts radar chart","d":"Radar chart component rendered with Apache ECharts","s":"evilcharts","c":"data-viz/chart","sb":"Radar","vn":6,"hc":1},{"id":"evilcharts:echarts-pie-chart","t":"Echarts pie chart","d":"Pie chart component rendered with Apache ECharts","s":"evilcharts","c":"data-viz/chart","sb":"Pie, donut and radial","vn":9,"hc":1},{"id":"evilcharts:echarts-radial-chart","t":"Echarts radial chart","d":"Radial chart component rendered with Apache ECharts","s":"evilcharts","c":"data-viz/chart","sb":"Pie, donut and radial","vn":5,"hc":1},{"id":"evilcharts:echarts-sankey-chart","t":"Echarts sankey chart","d":"Sankey chart component rendered with Apache ECharts","s":"evilcharts","c":"data-viz/chart","sb":"Flow and funnel","vn":9,"hc":1},{"id":"evilcharts:recharts-area-chart","t":"Recharts area chart","d":"Area chart component","s":"evilcharts","c":"data-viz/chart","sb":"Area","vn":20,"hc":1},{"id":"evilcharts:recharts-line-chart","t":"Recharts line chart","d":"Line chart component","s":"evilcharts","c":"data-viz/chart","sb":"Line and sparkline","vn":34,"hc":1},{"id":"evilcharts:recharts-bar-chart","t":"Recharts bar chart","d":"Bar chart component","s":"evilcharts","c":"data-viz/chart","sb":"Bar","vn":20,"hc":1},{"id":"evilcharts:recharts-composed-chart","t":"Recharts composed chart","d":"Composed chart component combining bar and line charts","s":"evilcharts","c":"data-viz/chart","vn":13,"hc":1},{"id":"evilcharts:recharts-pie-chart","t":"Recharts pie chart","d":"Pie chart component with donut, gradient, and glow effects","s":"evilcharts","c":"data-viz/chart","tg":["gradient","neon"],"sb":"Pie, donut and radial","sy":["gradient","neon"],"vn":8,"hc":1},{"id":"evilcharts:recharts-radial-chart","t":"Recharts radial chart","d":"Radial bar chart component with full and semi-circle variants","s":"evilcharts","c":"data-viz/chart","sb":"Pie, donut and radial","vn":4,"hc":1},{"id":"evilcharts:recharts-radar-chart","t":"Recharts radar chart","d":"Radar chart component with filled and lines variants","s":"evilcharts","c":"data-viz/chart","sb":"Radar","vn":6,"hc":1},{"id":"evilcharts:recharts-sankey-chart","t":"Recharts sankey chart","d":"Sankey chart component for visualizing flow data with nodes and links","s":"evilcharts","c":"data-viz/chart","sb":"Flow and funnel","vn":8,"hc":1},{"id":"evilcharts:monospace-bar-chart","t":"Monospace bar chart","d":"Monospace bar chart component","s":"evilcharts","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"evilcharts:hover-trace-bar-chart","t":"Hover trace bar chart","d":"Bar chart with active value line and animated marker","s":"evilcharts","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"evilcharts:grid-bar-chart","t":"Grid bar chart","d":"Bar chart where each bar is composed of stacked 10x10px squares","s":"evilcharts","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"evilcharts:isometric-bar-chart","t":"Isometric bar chart","d":"Bar chart with isometric 3D-extruded bars and a highlighted max value","s":"evilcharts","c":"data-viz/chart","tg":["3d"],"sb":"Bar","sy":["3d"],"hc":1},{"id":"evilcharts:latency-echarts-area-chart","t":"Latency echarts area chart","d":"Latency percentile monitor with an HTML stat row, on the ECharts area chart","s":"evilcharts","c":"data-viz/chart","sb":"Area","hc":1},{"id":"evilcharts:portfolio-echarts-area-chart","t":"Portfolio echarts area chart","d":"Portfolio comparison card with hover-reveal, on the ECharts area chart","s":"evilcharts","c":"data-viz/chart","sb":"Area","hc":1},{"id":"evilcharts:benchmark-echarts-area-chart","t":"Benchmark echarts area chart","d":"Growth against a dashed benchmark — hatched lead area, rounded step plateaus","s":"evilcharts","c":"data-viz/chart","sb":"Area","hc":1},{"id":"evilcharts:audience-echarts-area-chart","t":"Audience echarts area chart","d":"Audience growth card with a multi-stop gradient line and faded wash","s":"evilcharts","c":"data-viz/chart","tg":["gradient"],"sb":"Area","sy":["gradient"],"hc":1},{"id":"evilcharts:market-share-echarts-pie-chart","t":"Market share echarts pie chart","d":"Grayscale donut with a center total and a two-column value legend","s":"evilcharts","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"evilcharts:progress-rings-echarts-pie-chart","t":"Progress rings echarts pie chart","d":"Dotted progress rings with a centered stat, built from per-dot pie sectors","s":"evilcharts","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"evilcharts:budget-echarts-radial-chart","t":"Budget echarts radial chart","d":"Budget breakdown card with four gauges and a value list, on the radial chart","s":"evilcharts","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"evilcharts:ride-echarts-radial-chart","t":"Ride echarts radial chart","d":"Activity summary card with a distance goal bar and three metric gauges","s":"evilcharts","c":"data-viz/chart","tg":["webgl"],"sb":"Pie, donut and radial","sy":["webgl"],"hc":1},{"id":"evilcharts:cache-tiers-echarts-radial-chart","t":"Cache tiers echarts radial chart","d":"Semi-circle multi-ring gauge with a stat grid and a share legend","s":"evilcharts","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"evilcharts:revenue-mix-echarts-pie-chart","t":"Revenue mix echarts pie chart","d":"Gapped donut with a center total and a side legend of amounts","s":"evilcharts","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"evilcharts:reliability-score-echarts-pie-chart","t":"Reliability score echarts pie chart","d":"Banded score arc with a range scale, built from pie sectors","s":"evilcharts","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"evilcharts:payouts-echarts-line-chart","t":"Payouts echarts line chart","d":"Payout trend card with a glowing gradient line and stat rows","s":"evilcharts","c":"data-viz/chart","tg":["gradient","neon"],"sb":"Line and sparkline","sy":["gradient","neon"],"hc":1},{"id":"evilcharts:shipments-echarts-line-chart","t":"Shipments echarts line chart","d":"Week-over-week comparison with a solid and a dashed grayscale line","s":"evilcharts","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"evilcharts:grid-echarts-bar-chart","t":"Grid echarts bar chart","d":"Bar chart whose columns are stacks of blocks, on the ECharts blocks variant","s":"evilcharts","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"evilcharts:monospace-echarts-bar-chart","t":"Monospace echarts bar chart","d":"Monospace sales card whose hairline bars expand on hover, on the ECharts bar chart","s":"evilcharts","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"evilcharts:peak-echarts-bar-chart","t":"Peak echarts bar chart","d":"Stacked weekly signups with only the best week in color","s":"evilcharts","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"evilcharts:allocation-echarts-sankey-chart","t":"Allocation echarts sankey chart","d":"Fund allocation flow with labelled nodes and a stat row","s":"evilcharts","c":"data-viz/chart","tg":["playful"],"sb":"Flow and funnel","sy":["playful"],"hc":1},{"id":"evilcharts:pipeline-echarts-sankey-chart","t":"Pipeline echarts sankey chart","d":"Revenue sources converging through a hub and fanning back out, with a centered total","s":"evilcharts","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"exabase:base","t":"Base","k":"theme","s":"exabase","c":"themes/style"},{"id":"exabase:accordion","t":"Accordion","s":"exabase","c":"data-display/accordion","hc":1},{"id":"exabase:alert","t":"Alert","s":"exabase","c":"overlays/alert-banner","hc":1},{"id":"exabase:alert-dialog","t":"Alert dialog","s":"exabase","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"exabase:aspect-ratio","t":"Aspect ratio","k":"layout","s":"exabase","c":"layout/page-shell","hc":1},{"id":"exabase:autocomplete","t":"Autocomplete","s":"exabase","c":"inputs/combobox","hc":1},{"id":"exabase:avatar","t":"Avatar","s":"exabase","c":"data-display/avatar","hc":1},{"id":"exabase:badge","t":"Badge","s":"exabase","c":"data-display/badge","hc":1},{"id":"exabase:breadcrumb","t":"Breadcrumb","s":"exabase","c":"navigation/breadcrumb","hc":1},{"id":"exabase:button","t":"Button","s":"exabase","c":"actions/button","hc":1},{"id":"exabase:button-group","t":"Button group","s":"exabase","c":"actions/button","sb":"Groups and split","hc":1},{"id":"exabase:calendar","t":"Calendar","s":"exabase","c":"data-display/calendar","hc":1},{"id":"exabase:card","t":"Card","s":"exabase","c":"data-display/card","hc":1},{"id":"exabase:carousel","t":"Carousel","s":"exabase","c":"media/carousel","hc":1},{"id":"exabase:chart","t":"Chart","s":"exabase","c":"data-viz/chart","hc":1},{"id":"exabase:checkbox","t":"Checkbox","s":"exabase","c":"inputs/checkbox","hc":1},{"id":"exabase:collapsible","t":"Collapsible","s":"exabase","c":"data-display/accordion","hc":1,"cp":1},{"id":"exabase:combobox","t":"Combobox","s":"exabase","c":"inputs/combobox","hc":1},{"id":"exabase:command","t":"Command","s":"exabase","c":"navigation/command-palette","hc":1},{"id":"exabase:context-menu","t":"Context menu","s":"exabase","c":"overlays/context-menu","hc":1},{"id":"exabase:dialog","t":"Dialog","s":"exabase","c":"overlays/dialog","hc":1},{"id":"exabase:drawer","t":"Drawer","s":"exabase","c":"overlays/sheet","hc":1},{"id":"exabase:dropdown-menu","t":"Dropdown menu","s":"exabase","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"exabase:empty","t":"Empty","s":"exabase","c":"data-display/empty-state","hc":1},{"id":"exabase:field","t":"Field","s":"exabase","c":"inputs/form-field","hc":1},{"id":"exabase:hover-card","t":"Hover card","s":"exabase","c":"overlays/hover-card","hc":1},{"id":"exabase:icon","t":"Icon","k":"resource","s":"exabase","c":"assets/icon","hc":1},{"id":"exabase:input","t":"Input","s":"exabase","c":"inputs/form-field","vn":1,"hc":1},{"id":"exabase:input-otp","t":"Input otp","s":"exabase","c":"inputs/otp-input","hc":1},{"id":"exabase:item","t":"Item","s":"exabase","c":"data-display/list","hc":1},{"id":"exabase:kbd","t":"Kbd","s":"exabase","c":"data-display/typography","hc":1},{"id":"exabase:label","t":"Label","s":"exabase","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"exabase:menubar","t":"Menubar","s":"exabase","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"exabase:navigation-menu","t":"Navigation menu","s":"exabase","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"exabase:pagination","t":"Pagination","s":"exabase","c":"navigation/pagination","hc":1},{"id":"exabase:popover","t":"Popover","s":"exabase","c":"overlays/popover","hc":1},{"id":"exabase:progress","t":"Progress","s":"exabase","c":"data-viz/progress-bar","hc":1},{"id":"exabase:radio-group","t":"Radio group","s":"exabase","c":"inputs/radio","hc":1},{"id":"exabase:resizable","t":"Resizable","k":"layout","s":"exabase","c":"layout/split-pane","hc":1},{"id":"exabase:scroll-area","t":"Scroll area","k":"layout","s":"exabase","c":"layout/scroll-area","hc":1},{"id":"exabase:select","t":"Select","s":"exabase","c":"inputs/select","hc":1},{"id":"exabase:separator","t":"Separator","k":"layout","s":"exabase","c":"layout/page-shell","hc":1},{"id":"exabase:sheet","t":"Sheet","s":"exabase","c":"overlays/sheet","hc":1},{"id":"exabase:sidebar","t":"Sidebar","s":"exabase","c":"navigation/sidebar","hc":1},{"id":"exabase:skeleton","t":"Skeleton","s":"exabase","c":"status/skeleton","hc":1},{"id":"exabase:slider","t":"Slider","s":"exabase","c":"inputs/slider","hc":1},{"id":"exabase:spinner","t":"Spinner","s":"exabase","c":"status/loader","sb":"Spinners","hc":1},{"id":"exabase:switch","t":"Switch","s":"exabase","c":"actions/switch","hc":1},{"id":"exabase:table","t":"Table","s":"exabase","c":"data-display/table","hc":1},{"id":"exabase:tabs","t":"Tabs","s":"exabase","c":"navigation/tabs","hc":1},{"id":"exabase:textarea","t":"Textarea","s":"exabase","c":"inputs/textarea","hc":1},{"id":"exabase:toast","t":"Toast","s":"exabase","c":"overlays/toast","hc":1},{"id":"exabase:toggle","t":"Toggle","s":"exabase","c":"actions/switch","vn":1,"hc":1},{"id":"exabase:tooltip","t":"Tooltip","s":"exabase","c":"overlays/tooltip","hc":1},{"id":"exabase:use-mobile","t":"Use mobile","k":"lib","s":"exabase","c":"lib/hook","hc":1,"cp":1},{"id":"exabase:utils","t":"Utils","k":"lib","s":"exabase","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"exabase:font-inter","t":"Inter","k":"resource","s":"exabase","c":"assets/font"},{"id":"exabase:font-noto-sans-jp","t":"Noto Sans JP","k":"resource","s":"exabase","c":"assets/font"},{"id":"exabase:fonts","t":"Fonts","k":"resource","s":"exabase","c":"assets/font"},{"id":"extend:utils","t":"Utils","d":"Shared class name helper used by Extend UI registry components.","k":"lib","s":"extend","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"extend:use-mobile","t":"Use Mobile","d":"A media query hook for mobile responsive UI.","k":"lib","s":"extend","c":"lib/hook","hc":1},{"id":"extend:accordion","t":"Accordion","d":"A vertically stacked set of expandable content panels.","s":"extend","c":"data-display/accordion","hc":1},{"id":"extend:alert","t":"Alert","d":"A callout for displaying contextual messages.","s":"extend","c":"overlays/alert-banner","hc":1},{"id":"extend:aspect-ratio","t":"Aspect Ratio","d":"A small wrapper for preserving media aspect ratios.","k":"layout","s":"extend","c":"layout/page-shell","hc":1},{"id":"extend:autocomplete","t":"Autocomplete","d":"An autocomplete input built on Base UI primitives.","s":"extend","c":"inputs/combobox","hc":1},{"id":"extend:badge","t":"Badge","d":"A compact label for status, metadata, and categorization.","s":"extend","c":"data-display/badge","sb":"Labels","hc":1},{"id":"extend:breadcrumb","t":"Breadcrumb","d":"Navigation breadcrumbs for page hierarchy.","s":"extend","c":"navigation/breadcrumb","hc":1},{"id":"extend:button","t":"Button","d":"A polymorphic button primitive with variants, sizes, and loading state.","s":"extend","c":"actions/button","hc":1},{"id":"extend:card","t":"Card","d":"A flexible container primitive for grouped content.","s":"extend","c":"data-display/card","hc":1},{"id":"extend:collapsible","t":"Collapsible","d":"A disclosure primitive for expandable content.","s":"extend","c":"data-display/accordion","hc":1},{"id":"extend:color-picker","t":"Color Picker","d":"An OKLCH-aware popover color picker with OKLCH, HSL, RGB, and hex input formats.","s":"extend","c":"inputs/color-picker","hc":1},{"id":"extend:command","t":"Command","d":"A command menu surface powered by cmdk.","s":"extend","c":"navigation/command-palette","hc":1},{"id":"extend:dialog","t":"Dialog","d":"An accessible modal dialog built on Base UI.","s":"extend","c":"overlays/dialog","hc":1},{"id":"extend:dropdown-menu","t":"Dropdown Menu","d":"A dropdown menu built on Base UI menu primitives.","s":"extend","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"extend:input","t":"Input","d":"A styled text input built on Base UI.","s":"extend","c":"inputs/form-field","hc":1},{"id":"extend:group","t":"Group","d":"A connected control group primitive for buttons, inputs, separators, and text addons.","s":"extend","c":"inputs/form-field","hc":1},{"id":"extend:kbd","t":"Kbd","d":"A keyboard shortcut display primitive.","s":"extend","c":"data-display/typography","hc":1},{"id":"extend:popover","t":"Popover","d":"A floating popover built on Base UI.","s":"extend","c":"overlays/popover","hc":1},{"id":"extend:scroll-area","t":"Scroll Area","d":"A custom scroll area built on Base UI.","k":"layout","s":"extend","c":"layout/scroll-area","hc":1},{"id":"extend:select","t":"Select","d":"A select control built on Base UI.","s":"extend","c":"inputs/select","hc":1},{"id":"extend:separator","t":"Separator","d":"A visual separator built on Base UI.","k":"layout","s":"extend","c":"layout/page-shell","hc":1},{"id":"extend:sheet","t":"Sheet","d":"A side sheet built on Base UI dialog primitives.","s":"extend","c":"overlays/sheet","hc":1},{"id":"extend:sidebar","t":"Sidebar","d":"A responsive application sidebar with menu, rail, and provider primitives.","s":"extend","c":"navigation/sidebar","hc":1},{"id":"extend:skeleton","t":"Skeleton","d":"A loading placeholder with shimmer animation.","s":"extend","c":"status/skeleton","hc":1},{"id":"extend:sonner","t":"Sonner","d":"A themed toast provider for Sonner.","s":"extend","c":"overlays/toast","hc":1},{"id":"extend:spinner","t":"Spinner","d":"A compact loading spinner using Hugeicons.","s":"extend","c":"status/loader","sb":"Spinners","hc":1},{"id":"extend:switch","t":"Switch","d":"A binary toggle control built on Base UI.","s":"extend","c":"actions/switch","hc":1},{"id":"extend:tabs","t":"Tabs","d":"A tabs primitive built on Base UI.","s":"extend","c":"navigation/tabs","hc":1},{"id":"extend:toast","t":"Toast","d":"A toast provider built on Base UI.","s":"extend","c":"overlays/toast","hc":1},{"id":"extend:tooltip","t":"Tooltip","d":"A tooltip primitive built on Base UI.","s":"extend","c":"overlays/tooltip","hc":1},{"id":"extend:toggle","t":"Toggle","d":"A two-state command button and grouped toggle controls.","s":"extend","c":"actions/switch","hc":1},{"id":"extend:resizable","t":"Resizable","d":"Resizable panel primitives using react-resizable-panels.","k":"layout","s":"extend","c":"layout/split-pane","hc":1},{"id":"extend:pdf-block-resizable-shell","t":"PDF Block Resizable Shell","d":"A reusable resizable left document viewer and right review panel shell for PDF-style block","k":"layout","s":"extend","c":"layout/page-shell","hc":1},{"id":"extend:file-upload","t":"File Upload","d":"A drag-and-drop file upload surface with accepted file type icons and a compact file list.","s":"extend","c":"inputs/file-upload","hc":1},{"id":"extend:file-thumbnail","t":"File Thumbnail","d":"A compact file preview thumbnail shell for externally generated images, loading states, an","k":"layout","s":"extend","c":"layout/page-shell","hc":1},{"id":"extend:file-system","t":"File System (Finder)","d":"A macOS Finder-style file browser for flat object-store manifests with icon, list, column,","s":"extend","c":"data-display/list","sb":"Files and trees","vn":1,"hc":1},{"id":"extend:pdf-viewer","t":"PDF Viewer","d":"A PDF viewer with page virtualization, thumbnails, search, zoom, rotation, upload, and pag","s":"extend","c":"inputs/file-upload","hc":1},{"id":"extend:pdf-editor","t":"PDF Editor","d":"A PDF editor with annotations, comments, redaction, form filling and design, signatures, r","s":"extend","c":"inputs/textarea","vn":1},{"id":"extend:pdf-editor-core","t":"PDF Editor Core","d":"Shared PDF editor behavior and state for the Base UI and Radix UI artifacts.","s":"extend","c":"inputs/textarea","hc":1},{"id":"extend:docx-viewer","t":"DOCX Viewer","d":"A DOCX viewer with upload, zoom, theme controls, and read-only rendering.","s":"extend","c":"data-display/card","hc":1},{"id":"extend:docx-editor","t":"DOCX Editor","d":"An experimental DOCX editor with a Word-style toolbar, page thumbnails, import, export, an","s":"extend","c":"inputs/textarea","vn":1,"hc":1},{"id":"extend:xlsx-viewer","t":"Excel Viewer","d":"An XLSX viewer with workbook loading, thumbnails, sheet tabs, upload, zoom, and theme cont","s":"extend","c":"navigation/tabs","hc":1},{"id":"extend:pptx-viewer","t":"PowerPoint Viewer","d":"A PowerPoint viewer with slide navigation, zoom, upload, download, custom scroll areas, an","s":"extend","c":"inputs/file-upload","hc":1},{"id":"extend:xlsx-editor","t":"Excel Editor","d":"An experimental XLSX editor with formula input, undo and redo, sheet controls, export, and","s":"extend","c":"inputs/textarea","hc":1},{"id":"extend:csv-viewer","t":"CSV Viewer","d":"A CSV and TSV viewer with parsing, upload, search, zoom, theme-aware grid rendering, and G","s":"extend","c":"inputs/file-upload","hc":1},{"id":"extend:pdf-dropzone","t":"PDF Dropzone","d":"A PDF-only upload dropzone that opens the dropped file in the shared PDF viewer.","s":"extend","c":"inputs/file-upload","hc":1},{"id":"extend:layout-blocks","t":"Layout Blocks","d":"A structured layout review panel with typed blocks and confidence cards.","s":"extend","c":"data-display/card","vn":1,"hc":1},{"id":"extend:e-signature","t":"E Signature","d":"A PDF signature review block with field overlays and signing actions.","s":"extend","c":"inputs/form-field","hc":1},{"id":"extend:bounding-box-citations","t":"Bounding Box Citations","d":"An extraction citation panel connected to source bounding boxes and editable values.","s":"extend","c":"ai-agent/ai-agent","sb":"Sources","vn":1,"hc":1},{"id":"extend:schema-builder","t":"Schema Builder","d":"A JSON schema builder with form and JSON views for extraction schemas.","s":"extend","c":"inputs/form-field","hc":1},{"id":"extend:document-splits","t":"Document Splits","d":"A split-group review panel for organizing pages into output documents.","s":"extend","c":"data-display/card","vn":1,"hc":1},{"id":"extend:excel-editor","t":"Excel Editor","d":"A full Excel editor block with workbook upload, cell formatting, merge tools, sheets, zoom","s":"extend","c":"inputs/textarea","hc":1},{"id":"extend:document-viewer-sidebar","t":"Document Viewer Sidebar","d":"Shared thumbnail sidebar behavior for document viewers, including viewer-width responsive ","s":"extend","c":"navigation/sidebar","hc":1},{"id":"extend:document-color-popover","t":"Color Picker Popover","s":"extend","c":"overlays/popover","hc":1},{"id":"extend:document-controls","t":"Document controls","s":"extend","c":"other/other","hc":1},{"id":"extend:document-scroll-area","t":"Document scroll area","k":"layout","s":"extend","c":"layout/scroll-area","hc":1},{"id":"extend:document-preview-card","t":"Document preview card","s":"extend","c":"overlays/hover-card","hc":1},{"id":"extend:document-color-picker","t":"Document color picker","s":"extend","c":"inputs/color-picker","hc":1},{"id":"extend:document-toast","t":"Document toast","s":"extend","c":"overlays/toast","hc":1},{"id":"extend:registry-icon-props","t":"Registry icon props","k":"resource","s":"extend","c":"assets/icon","hc":1},{"id":"fab-ui:accordion","t":"Accordion","s":"fab-ui","c":"data-display/accordion","hc":1},{"id":"fab-ui:alert-dialog","t":"Alert Dialog","s":"fab-ui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"fab-ui:autocomplete","t":"Autocomplete","s":"fab-ui","c":"inputs/combobox","hc":1},{"id":"fab-ui:avatar","t":"Avatar","s":"fab-ui","c":"data-display/avatar","hc":1},{"id":"fab-ui:badge","t":"Badge","s":"fab-ui","c":"data-display/badge","hc":1},{"id":"fab-ui:button","t":"Button","s":"fab-ui","c":"actions/button","hc":1},{"id":"fab-ui:card","t":"Card","s":"fab-ui","c":"data-display/card","hc":1},{"id":"fab-ui:checkbox","t":"Checkbox","s":"fab-ui","c":"inputs/checkbox","hc":1},{"id":"fab-ui:checkbox-group","t":"Checkbox Group","s":"fab-ui","c":"inputs/checkbox","hc":1},{"id":"fab-ui:collapsible","t":"Collapsible","s":"fab-ui","c":"data-display/accordion","hc":1},{"id":"fab-ui:combobox","t":"Combobox","s":"fab-ui","c":"inputs/combobox","hc":1},{"id":"fab-ui:context-menu","t":"Context Menu","s":"fab-ui","c":"overlays/context-menu","hc":1},{"id":"fab-ui:dialog","t":"Dialog","s":"fab-ui","c":"overlays/dialog","hc":1},{"id":"fab-ui:drawer","t":"Drawer","s":"fab-ui","c":"overlays/sheet","hc":1},{"id":"fab-ui:dropdown-menu","t":"Dropdown Menu","s":"fab-ui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"fab-ui:field","t":"Field","s":"fab-ui","c":"inputs/form-field","hc":1},{"id":"fab-ui:fieldset","t":"Fieldset","s":"fab-ui","c":"inputs/form-field","hc":1},{"id":"fab-ui:form","t":"Form","s":"fab-ui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"fab-ui:input","t":"Input","s":"fab-ui","c":"inputs/form-field","vn":1,"hc":1},{"id":"fab-ui:label","t":"Label","s":"fab-ui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"fab-ui:liquid-metal-avatar","t":"Liquid Metal Avatar","s":"fab-ui","c":"data-display/avatar","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"fab-ui:liquid-metal-button","t":"Liquid Metal Button","s":"fab-ui","c":"actions/button","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"fab-ui:liquid-metal-card","t":"Liquid Metal Card","s":"fab-ui","c":"data-display/card","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"fab-ui:mesh-gradient-card","t":"Mesh Gradient Card","s":"fab-ui","c":"data-display/card","tg":["gradient","webgl"],"sb":"Animated and glowing","sy":["gradient","webgl"],"hc":1},{"id":"fab-ui:meter","t":"Meter","s":"fab-ui","c":"data-viz/gauge","hc":1},{"id":"fab-ui:navigation-menu","t":"Navigation Menu","s":"fab-ui","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"fab-ui:number-field","t":"Number Field","s":"fab-ui","c":"inputs/number-input","hc":1},{"id":"fab-ui:popover","t":"Popover","s":"fab-ui","c":"overlays/popover","hc":1},{"id":"fab-ui:hover-card","t":"Hover Card","s":"fab-ui","c":"overlays/hover-card","hc":1},{"id":"fab-ui:progress","t":"Progress","s":"fab-ui","c":"data-viz/progress-bar","hc":1},{"id":"fab-ui:radio-group","t":"Radio Group","s":"fab-ui","c":"inputs/radio","hc":1},{"id":"fab-ui:scroll-area","t":"Scroll Area","k":"layout","s":"fab-ui","c":"layout/scroll-area","hc":1},{"id":"fab-ui:select","t":"Select","s":"fab-ui","c":"inputs/select","hc":1},{"id":"fab-ui:separator","t":"Separator","k":"layout","s":"fab-ui","c":"layout/page-shell","hc":1},{"id":"fab-ui:slider","t":"Slider","s":"fab-ui","c":"inputs/slider","hc":1},{"id":"fab-ui:switch","t":"Switch","s":"fab-ui","c":"actions/switch","hc":1},{"id":"fab-ui:tabs","t":"Tabs","s":"fab-ui","c":"navigation/tabs","hc":1},{"id":"fab-ui:textarea","t":"Textarea","s":"fab-ui","c":"inputs/textarea","hc":1},{"id":"fab-ui:toggle","t":"Toggle","s":"fab-ui","c":"actions/switch","vn":1,"hc":1},{"id":"fab-ui:toolbar","t":"Toolbar","s":"fab-ui","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"fab-ui:tooltip","t":"Tooltip","s":"fab-ui","c":"overlays/tooltip","hc":1},{"id":"fab-ui:utils","t":"Utils","k":"lib","s":"fab-ui","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"facade:tokens","t":"Design tokens","d":"The design tokens Facade UI needs: shadcn colour names, plus --facade-* variables for head","k":"lib","s":"facade","c":"lib/utility","sb":"Theme","fw":"CSS","hc":1},{"id":"facade:themes","t":"Theme presets","d":"Three more colour themes: neutral, warm and vivid. Apply one with the data-facade-theme at","k":"lib","s":"facade","c":"lib/utility","tg":["webgl"],"sb":"Theme","fw":"CSS","sy":["webgl"],"hc":1},{"id":"facade:utils","t":"Cn","d":"A helper that merges class names, using clsx and tailwind-merge. It is the same as the one","k":"lib","s":"facade","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"facade:types","t":"Shared types","d":"Types that every section uses: heading levels, image and link components you can replace, ","k":"lib","s":"facade","c":"lib/utility","hc":1},{"id":"facade:motion-primitives","t":"Motion primitives","d":"Animation building blocks: FacadeMotionProvider, FadeIn, Reveal, Stagger and Collapse. The","k":"layout","s":"facade","c":"flows/settings","vn":1,"hc":1},{"id":"facade:button","t":"Button","d":"A button built on Base UI, with Facade styles. Every size is at least 44 by 44 pixels.","s":"facade","c":"actions/button","tg":["retro and HUD"],"sy":["retro and HUD"],"vn":1,"hc":1},{"id":"facade:badge","t":"Badge","d":"A small label for a status or category. You can add a prefix that only screen readers anno","s":"facade","c":"data-display/badge","vn":1,"hc":1},{"id":"facade:heading","t":"Heading","d":"Renders an h1 to h6 from a number, so you set the heading level and the visual size separa","k":"motion","s":"facade","c":"motion/text-effect","vn":1,"hc":1},{"id":"facade:eyebrow","t":"Eyebrow","d":"The small label above a section heading. It is a paragraph, not a heading.","s":"facade","c":"inputs/form-field","vn":1,"hc":1},{"id":"facade:container","t":"Container","d":"Sets the maximum width and side padding that every section uses. Both come from the contai","k":"layout","s":"facade","c":"layout/page-shell","vn":1,"hc":1},{"id":"facade:section","t":"Section","d":"The outer wrapper of a section. It sets the element, the vertical spacing, and the link to","s":"facade","c":"actions/link","vn":1,"hc":1},{"id":"facade:section-header","t":"Section header","d":"An eyebrow, a heading and a description. It also sets the heading id that a section uses f","s":"facade","c":"navigation/top-nav","vn":1,"hc":1},{"id":"facade:cta-group","t":"CTA group","d":"A row of call-to-action links styled as buttons. Because they are links, people can open t","k":"section","s":"facade","c":"marketing/cta","vn":1,"hc":1},{"id":"facade:stat","t":"Stat","d":"One number with its label, as part of a description list. You can give a spoken form for a","s":"facade","c":"data-display/stat","vn":1,"hc":1},{"id":"facade:logo-mark","t":"Logo mark","d":"One customer logo, with an optional link. Logos get the same visual height, and the compan","k":"resource","s":"facade","c":"assets/logo","vn":1,"hc":1},{"id":"facade:feature-icon","t":"Feature icon","d":"A tinted box that holds an icon. You pass an icon component, and it is hidden from screen ","k":"resource","s":"facade","c":"assets/icon","vn":1,"hc":1},{"id":"facade:testimonial","t":"Testimonial","d":"A quote with the name of the person who said it, and an optional star rating that screen r","k":"section","s":"facade","c":"marketing/testimonials","vn":2,"hc":1},{"id":"facade:pricing-tier","t":"Pricing tier","d":"One pricing plan as a card. The price has a spoken form, a feature that is not included sa","k":"section","s":"facade","c":"marketing/pricing","sb":"Plan cards","vn":1,"hc":1},{"id":"facade:input","t":"Input","d":"A text field built on Base UI's Field, which connects the label, help text and error messa","s":"facade","c":"inputs/form-field","hc":1},{"id":"facade:select","t":"Select","d":"A drop-down list built on Base UI's Select and Field. The label, help text and error messa","s":"facade","c":"inputs/select","vn":1,"hc":1},{"id":"facade:nav-top","t":"Top navigation","d":"A site header and navigation bar built from one list of links. Large screens get dropdown ","s":"facade","c":"navigation/top-nav","vn":1,"hc":1},{"id":"facade:hero-centered","t":"Hero — centred","d":"A centred landing page hero: eyebrow, headline, text and buttons, with optional media belo","k":"section","s":"facade","c":"marketing/hero","sb":"Centered and minimal","vn":2,"hc":1},{"id":"facade:hero-split","t":"Hero — split","d":"A landing page hero with text on one side and media on the other. The text comes first in ","k":"section","s":"facade","c":"marketing/hero","sb":"Split","vn":2,"hc":1},{"id":"facade:hero-with-media","t":"Hero — with media","d":"A landing page hero with centred text over a full-width background image, or above a frame","k":"section","s":"facade","c":"marketing/hero","vn":2,"hc":1},{"id":"facade:logo-cloud","t":"Logo cloud","d":"A \"trusted by\" row of customer logos. Company names are available as text, so screen reade","k":"section","s":"facade","c":"marketing/logos","vn":2,"hc":1},{"id":"facade:usp-list","t":"USP list","d":"Three or four short selling points or benefits, each with an icon and a line of text.","s":"facade","c":"data-display/list","tg":["webgl"],"sy":["webgl"],"vn":2,"hc":1},{"id":"facade:feature-grid","t":"Feature grid","d":"A features section: a grid of feature cards, two to four per row. A whole card can be a li","k":"section","s":"facade","c":"marketing/features","sb":"Grid of cards","vn":2,"hc":1},{"id":"facade:feature-rows","t":"Feature rows","d":"Rows of media and text that alternate sides. Only the layout alternates: in reading order,","s":"facade","c":"data-display/list","vn":2,"hc":1},{"id":"facade:bento-grid","t":"Bento grid","d":"Feature tiles in mixed sizes. Tiles are placed in the order you give, so reading order mat","k":"layout","s":"facade","c":"layout/bento-grid","vn":2,"hc":1},{"id":"facade:faq-accordion","t":"FAQ accordion","d":"A FAQ section: questions and answers built on Base UI's Accordion. Each question is a butt","s":"facade","c":"data-display/accordion","sb":"FAQ","vn":2,"hc":1},{"id":"facade:cta-band","t":"CTA band","d":"A closing call to action band. Choose a muted, card, plain or primary-coloured background.","k":"section","s":"facade","c":"marketing/cta","vn":2,"hc":1},{"id":"facade:footer","t":"Footer","d":"A site footer with link groups in columns, a brand area, social links and a legal line. Ea","k":"section","s":"facade","c":"marketing/footer","vn":1,"hc":1},{"id":"facade:stats","t":"Stats","d":"A row of key numbers or metrics as a description list. You can give a spoken form for abbr","s":"facade","c":"data-display/stat","vn":2,"hc":1},{"id":"facade:testimonials-grid","t":"Testimonials grid","d":"A social proof section: a grid of customer quotes and reviews. It can use columns of uneve","k":"section","s":"facade","c":"marketing/testimonials","vn":2,"hc":1},{"id":"facade:pricing-tiers","t":"Pricing tiers","d":"A pricing table: plans as a row of cards. Each price has a spoken form, and a feature that","k":"section","s":"facade","c":"marketing/pricing","sb":"Plan cards","vn":2,"hc":1},{"id":"facade:pricing-comparison","t":"Pricing comparison","d":"A pricing comparison table with row and column headers. Each cell states its value in text","k":"section","s":"facade","c":"marketing/comparison","vn":1,"hc":1},{"id":"facade:card-list","t":"Card list","d":"A grid of linked cards for blog posts, changelog entries or case studies. Dates are marked","s":"facade","c":"data-display/card","vn":2,"hc":1},{"id":"facade:feature-tabs","t":"Feature tabs","d":"Features shown in tabs, built on Base UI. A tab opens when you press Enter, not when you m","s":"facade","c":"navigation/tabs","vn":1,"hc":1},{"id":"facade:steps","t":"Steps","d":"A \"how it works\" sequence as an ordered list, so the order is in the markup and not only i","s":"facade","c":"navigation/wizard-steps","vn":2,"hc":1},{"id":"facade:team","t":"Team","d":"An \"about us\" team section. Each social link names the person as well as the network.","k":"section","s":"facade","c":"marketing/team","vn":2,"hc":1},{"id":"facade:newsletter","t":"Newsletter","d":"An email sign-up (newsletter subscribe) form. It announces the result to screen readers th","k":"section","s":"facade","c":"marketing/cta","sb":"Newsletter and waitlist","vn":1,"hc":1},{"id":"facade:banner","t":"Banner","d":"An announcement bar at the top of the page that people can dismiss. It is a named landmark","s":"facade","c":"overlays/alert-banner","vn":1,"hc":1},{"id":"facade:nav-side","t":"Side navigation","d":"Side navigation for documentation, with collapsible groups and one named landmark. On smal","s":"facade","c":"navigation/top-nav","vn":1,"hc":1},{"id":"facade:saas-landing","t":"SaaS landing page","d":"A complete SaaS landing page built from Facade UI sections. You supply one content object.","k":"page","s":"facade","c":"pages/templates","sb":"Landing pages","vn":1,"hc":1},{"id":"facade:agency","t":"Agency site","d":"An agency or studio website: a hero over an image, a grid of work, process steps, a featur","k":"page","s":"facade","c":"pages/templates","vn":1,"hc":1},{"id":"facade:product-launch","t":"Product launch","d":"A product launch landing page: an announcement banner, a bento grid of highlights, details","k":"page","s":"facade","c":"pages/templates","sb":"Shops","vn":1,"hc":1},{"id":"facade:examples-content","t":"Example content","d":"Sample content and placeholders shared by the Facade UI examples. Installed with any *-dem","s":"facade","c":"data-display/list","hc":1},{"id":"fibo:avatar","t":"Avatar","d":"A person's photo, or their initials when there's no photo.","s":"fibo","c":"data-display/avatar","hc":1},{"id":"fibo:badge","t":"Badge","d":"A short label for status, category or count.","s":"fibo","c":"data-display/badge","hc":1},{"id":"fibo:button","t":"Button","d":"Triggers an action or event with a single click.","s":"fibo","c":"actions/button","hc":1},{"id":"fibo:calendar","t":"Calendar","d":"A month grid for picking a day or a range, with full keyboard use; pages side by side, scr","s":"fibo","c":"data-display/calendar","hc":1},{"id":"fibo:chapter-scrubber","t":"Chapter scrubber","d":"A rail of marks that swell under the pointer like the Dock, previewing the chapter at the ","s":"fibo","c":"inputs/slider","hc":1},{"id":"fibo:chat-composer","t":"Chat composer","d":"A message box built from parts around one draft, so each chat surface composes its own.","s":"fibo","c":"ai-agent/composer","hc":1},{"id":"fibo:checkbox","t":"Checkbox","d":"Turns a single option on or off, or picks many from a list.","s":"fibo","c":"inputs/checkbox","hc":1},{"id":"fibo:command-menu","t":"Command menu","d":"A Cmd+K palette with nested pages, recent commands, ranked search and a preview pane.","s":"fibo","c":"navigation/command-palette","hc":1},{"id":"fibo:count","t":"Count","d":"A number at a glance: capped at 99+, shortened to 1.2K or signed as +4, read out in full.","s":"fibo","c":"other/other","hc":1},{"id":"fibo:data-table","t":"Data table","d":"A table for lists people work through, on TanStack Table: sorting, search, filters with co","s":"fibo","c":"data-display/table","sb":"Data tables","hc":1},{"id":"fibo:date-picker","t":"Date picker","d":"A field that opens a calendar to pick a day, or a range with presets and Apply; a popover ","s":"fibo","c":"inputs/date-picker","hc":1},{"id":"fibo:empty-state","t":"Empty state","d":"What shows where content would be: a title, why it's empty, and what to do next.","s":"fibo","c":"data-display/empty-state","hc":1},{"id":"fibo:field","t":"Field","d":"A label, description and error wired to one form control, with a group that sets the size ","s":"fibo","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"fibo:filter-menu","t":"Filter menu","d":"A filter menu of fields and values that turns into a search as you type.","s":"fibo","c":"navigation/menu","hc":1},{"id":"fibo:floating-nav","t":"Floating nav","d":"A pill of destinations that floats above the bottom of a phone screen and steps aside whil","s":"fibo","c":"navigation/dock","hc":1},{"id":"fibo:input-group","t":"Input group","d":"An input with an icon, text or button beside it, drawn as one field.","s":"fibo","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"fibo:input","t":"Input","d":"A single line of free text.","s":"fibo","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"fibo:integration-visual","t":"Integration visual","d":"A hub and the tools wired into it, with pulses along the routes.","k":"section","s":"fibo","c":"marketing/logos","hc":1},{"id":"fibo:jump-bar","t":"Jump bar","d":"Takes people to unread messages, new messages or the present in a conversation.","k":"section","s":"fibo","c":"marketing/team","hc":1},{"id":"fibo:kbd","t":"Kbd","d":"Shows a key or a keyboard shortcut in text.","s":"fibo","c":"data-display/typography","hc":1},{"id":"fibo:label","t":"Label","d":"Names a form control and widens its hit area.","s":"fibo","c":"inputs/form-field","sb":"Whole forms","hc":1,"cp":1},{"id":"fibo:map-pin","t":"Map pin","d":"A pin for a point on a map, with a preview that opens on click or tap.","s":"fibo","c":"data-viz/map","hc":1},{"id":"fibo:menu","t":"Menu","d":"A short list of actions that opens from a button.","s":"fibo","c":"navigation/menu","hc":1},{"id":"fibo:message-list","t":"Message list","d":"A conversation that groups each person's messages under one heading, with a single tab sto","s":"fibo","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"fibo:pagination","t":"Pagination","d":"Moves through a long list one page at a time.","s":"fibo","c":"navigation/pagination","hc":1},{"id":"fibo:pixel-snail","t":"Pixel snail","d":"A one-color pixel snail that crawls on a loop while something loads.","s":"fibo","c":"other/other","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"fibo:progress","t":"Progress","d":"Shows how far a task has got, or that it's under way.","s":"fibo","c":"data-viz/progress-bar","hc":1},{"id":"fibo:radio-group","t":"Radio group","d":"Picks exactly one option from a short list.","s":"fibo","c":"inputs/radio","hc":1},{"id":"fibo:reactions","t":"Reactions","d":"Lets people respond to content with an emoji in one tap.","k":"section","s":"fibo","c":"marketing/team","hc":1},{"id":"fibo:rich-text-editor","t":"Rich text editor","d":"Formatted writing on Tiptap: headings, marks, lists, quotes and links from a toolbar or Ma","s":"fibo","c":"inputs/textarea","hc":1},{"id":"fibo:select","t":"Select","d":"Picks one option from a list that opens on demand.","s":"fibo","c":"inputs/select","hc":1},{"id":"fibo:separator","t":"Separator","d":"A thin rule between groups of content, across or down, with an optional label.","s":"fibo","c":"inputs/form-field","hc":1},{"id":"fibo:sheet","t":"Sheet","d":"A panel that slides in from an edge for a focused task.","s":"fibo","c":"overlays/sheet","hc":1},{"id":"fibo:skeleton","t":"Skeleton","d":"A placeholder in the shape of content that's still loading.","s":"fibo","c":"status/skeleton","hc":1},{"id":"fibo:slider","t":"Slider","d":"Picks a number, or a range, by dragging along a track.","s":"fibo","c":"inputs/slider","hc":1},{"id":"fibo:spinner","t":"Spinner","d":"A spinning ring that says something is loading.","s":"fibo","c":"status/loader","sb":"Spinners","hc":1},{"id":"fibo:status-dot","t":"Status dot","d":"A small mark for whether someone is present, away or offline, told apart by shape.","s":"fibo","c":"status/status-dot","hc":1},{"id":"fibo:sticker-avatar","t":"Sticker avatar","d":"An avatar cut out like a die-cut sticker, with a paper edge that follows its shape and a s","s":"fibo","c":"data-display/avatar","hc":1},{"id":"fibo:switch","t":"Switch","d":"Turns a setting on or off, taking effect at once.","s":"fibo","c":"actions/switch","sb":"With labels","hc":1},{"id":"fibo:table","t":"Table","d":"Rows and columns of data, at one compact density.","s":"fibo","c":"data-display/table","hc":1},{"id":"fibo:tabs","t":"Tabs","d":"Switches between views of one subject in place, as a segmented control or a row of tabs wi","s":"fibo","c":"navigation/tabs","hc":1},{"id":"fibo:textarea","t":"Textarea","d":"Several lines of free text that grow with the content.","s":"fibo","c":"inputs/textarea","hc":1},{"id":"fibo:toast","t":"Toast","d":"A brief message in the corner about something that just happened.","s":"fibo","c":"overlays/toast","hc":1},{"id":"fibo:token-flow","t":"Token flow","d":"Walks a color token from raw value to primitive to semantic role.","s":"fibo","c":"other/other","hc":1},{"id":"fibo:tooltip","t":"Tooltip","d":"A short label that appears when a control is hovered or focused.","s":"fibo","c":"overlays/tooltip","hc":1},{"id":"fibo:typing-indicator","t":"Typing indicator","d":"Says who's typing in a conversation, naming up to three people.","k":"motion","s":"fibo","c":"motion/text-effect","tg":["webgl"],"sb":"Typewriter","sy":["webgl"],"hc":1},{"id":"fibo:voice-memo","t":"Voice memo","d":"An aluminum recorder that writes down what you say, with the transcript filling in beside ","s":"fibo","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"fibo:theme","t":"Theme","d":"fibo's full token set, light and dark: the achromatic roles, status colors and named -subt","k":"theme","s":"fibo","c":"themes/theme"},{"id":"fibo:theme-mechanical","t":"Mechanical theme","d":"A warm, tactile theme: a beige page, a terracotta primary, and raised controls that press ","k":"theme","s":"fibo","c":"themes/theme"},{"id":"fibo:theme-electrical","t":"Electrical theme","d":"A flat, ledger-like theme: a sage page, white cards, ink buttons and one yellow highlight ","k":"theme","s":"fibo","c":"themes/theme"},{"id":"flagcn:flag","t":"Flag","d":"An accessible no-crop flag image primitive with 4:3, 1:1, and original frames in SVG, PNG,","k":"resource","s":"flagcn","c":"assets/flag","vn":2,"hc":1},{"id":"flagcn:all","t":"All Flagcn Components","d":"The flag primitive, picker, typed catalog, and all 306 individually named flag components.","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:country-data","t":"Country Data","d":"A generated and validated typed country dataset with ISO identifiers, native names, aliase","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:calling-codes","t":"Calling Code Utilities","d":"Typed country calling-code helpers that correctly return every country sharing a calling c","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:country-picker","t":"Country Picker","d":"A searchable country-only picker with flags, aliases, native names, ISO-3 codes, and calli","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:country-select","t":"Country Select","d":"A lightweight native country select with emoji and optional calling codes.","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:country-badge","t":"Country Badge","d":"A shadcn Badge composed with a flag and country name, ISO code, or calling code.","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:phone-input","t":"Phone Input","d":"A design-system-native international phone input with compact country search, inferred fla","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:language-picker","t":"Language Picker","d":"A searchable language picker with native names and RTL metadata.","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:currency-picker","t":"Currency Picker","d":"A searchable currency picker with ISO codes, localized names, and native symbols.","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:currency","t":"Currency Components","d":"Typed currency labels and Intl.NumberFormat-backed currency values.","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:gcc","t":"GCC Country Collection","d":"The six current Gulf Cooperation Council member country codes as a typed collection.","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:eu-collection","t":"EU Country Collection","d":"The 27 current European Union member country codes as a typed collection.","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ad","t":"Andorra Flag","d":"A typed Andorra flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ae","t":"United Arab Emirates Flag","d":"A typed United Arab Emirates flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG,","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:af","t":"Afghanistan Flag","d":"A typed Afghanistan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, an","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ag","t":"Antigua and Barbuda Flag","d":"A typed Antigua and Barbuda flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ai","t":"Anguilla Flag","d":"A typed Anguilla flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:al","t":"Albania Flag","d":"A typed Albania flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:am","t":"Armenia Flag","d":"A typed Armenia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ao","t":"Angola Flag","d":"A typed Angola flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:aq","t":"Antarctica Flag","d":"A typed Antarctica flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ar","t":"Argentina Flag","d":"A typed Argentina flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:as","t":"American Samoa Flag","d":"A typed American Samoa flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP,","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:at","t":"Austria Flag","d":"A typed Austria flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:au","t":"Australia Flag","d":"A typed Australia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:aw","t":"Aruba Flag","d":"A typed Aruba flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ax","t":"Åland Islands Flag","d":"A typed Åland Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:az","t":"Azerbaijan Flag","d":"A typed Azerbaijan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ba","t":"Bosnia and Herzegovina Flag","d":"A typed Bosnia and Herzegovina flag component with no-crop 4:3 and 1:1 frames plus SVG, PN","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:bb","t":"Barbados Flag","d":"A typed Barbados flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:bd","t":"Bangladesh Flag","d":"A typed Bangladesh flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:be","t":"Belgium Flag","d":"A typed Belgium flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:bf","t":"Burkina Faso Flag","d":"A typed Burkina Faso flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, a","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:bg","t":"Bulgaria Flag","d":"A typed Bulgaria flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:bh","t":"Bahrain Flag","d":"A typed Bahrain flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:bi","t":"Burundi Flag","d":"A typed Burundi flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:bj","t":"Benin Flag","d":"A typed Benin flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:bl","t":"Saint Barthélemy Flag","d":"A typed Saint Barthélemy flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, Web","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:bm","t":"Bermuda Flag","d":"A typed Bermuda flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:bn","t":"Brunei Flag","d":"A typed Brunei flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:bo","t":"Bolivia Flag","d":"A typed Bolivia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:bq","t":"Caribbean Netherlands Flag","d":"A typed Caribbean Netherlands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:br","t":"Brazil Flag","d":"A typed Brazil flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:bs","t":"Bahamas Flag","d":"A typed Bahamas flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:bt","t":"Bhutan Flag","d":"A typed Bhutan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:bv","t":"Bouvet Island Flag","d":"A typed Bouvet Island flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:bw","t":"Botswana Flag","d":"A typed Botswana flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:by","t":"Belarus Flag","d":"A typed Belarus flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:bz","t":"Belize Flag","d":"A typed Belize flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ca","t":"Canada Flag","d":"A typed Canada flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:cc","t":"Cocos (Keeling) Islands Flag","d":"A typed Cocos (Keeling) Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, P","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:cd","t":"DR Congo Flag","d":"A typed DR Congo flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:cf","t":"Central African Republic Flag","d":"A typed Central African Republic flag component with no-crop 4:3 and 1:1 frames plus SVG, ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:cg","t":"Republic of the Congo Flag","d":"A typed Republic of the Congo flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ch","t":"Switzerland Flag","d":"A typed Switzerland flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, an","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ci","t":"Côte d'Ivoire (Ivory Coast) Flag","d":"A typed Côte d'Ivoire (Ivory Coast) flag component with no-crop 4:3 and 1:1 frames plus SV","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ck","t":"Cook Islands Flag","d":"A typed Cook Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, a","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:cl","t":"Chile Flag","d":"A typed Chile flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:cm","t":"Cameroon Flag","d":"A typed Cameroon flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:cn","t":"China Flag","d":"A typed China flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:co","t":"Colombia Flag","d":"A typed Colombia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:cr","t":"Costa Rica Flag","d":"A typed Costa Rica flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:cu","t":"Cuba Flag","d":"A typed Cuba flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:cv","t":"Cape Verde Flag","d":"A typed Cape Verde flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:cw","t":"Curaçao Flag","d":"A typed Curaçao flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:cx","t":"Christmas Island Flag","d":"A typed Christmas Island flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, Web","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:cy","t":"Cyprus Flag","d":"A typed Cyprus flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:cz","t":"Czechia Flag","d":"A typed Czechia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:de","t":"Germany Flag","d":"A typed Germany flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:dj","t":"Djibouti Flag","d":"A typed Djibouti flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:dk","t":"Denmark Flag","d":"A typed Denmark flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:dm","t":"Dominica Flag","d":"A typed Dominica flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:do","t":"Dominican Republic Flag","d":"A typed Dominican Republic flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, W","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:dz","t":"Algeria Flag","d":"A typed Algeria flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ec","t":"Ecuador Flag","d":"A typed Ecuador flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ee","t":"Estonia Flag","d":"A typed Estonia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:eg","t":"Egypt Flag","d":"A typed Egypt flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:eh","t":"Western Sahara Flag","d":"A typed Western Sahara flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP,","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:er","t":"Eritrea Flag","d":"A typed Eritrea flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:es","t":"Spain Flag","d":"A typed Spain flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:et","t":"Ethiopia Flag","d":"A typed Ethiopia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:eu","t":"European Union Flag","d":"A typed European Union flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP,","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:fi","t":"Finland Flag","d":"A typed Finland flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:fj","t":"Fiji Flag","d":"A typed Fiji flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:fk","t":"Falkland Islands Flag","d":"A typed Falkland Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, Web","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:fm","t":"Micronesia Flag","d":"A typed Micronesia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:fo","t":"Faroe Islands Flag","d":"A typed Faroe Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:fr","t":"France Flag","d":"A typed France flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ga","t":"Gabon Flag","d":"A typed Gabon flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:gb","t":"United Kingdom Flag","d":"A typed United Kingdom flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP,","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:gb-eng","t":"England Flag","d":"A typed England flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:gb-nir","t":"Northern Ireland Flag","d":"A typed Northern Ireland flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, Web","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:gb-sct","t":"Scotland Flag","d":"A typed Scotland flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:gb-wls","t":"Wales Flag","d":"A typed Wales flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:gd","t":"Grenada Flag","d":"A typed Grenada flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ge","t":"Georgia Flag","d":"A typed Georgia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:gf","t":"French Guiana Flag","d":"A typed French Guiana flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:gg","t":"Guernsey Flag","d":"A typed Guernsey flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:gh","t":"Ghana Flag","d":"A typed Ghana flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:gi","t":"Gibraltar Flag","d":"A typed Gibraltar flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:gl","t":"Greenland Flag","d":"A typed Greenland flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:gm","t":"Gambia Flag","d":"A typed Gambia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:gn","t":"Guinea Flag","d":"A typed Guinea flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:gp","t":"Guadeloupe Flag","d":"A typed Guadeloupe flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:gq","t":"Equatorial Guinea Flag","d":"A typed Equatorial Guinea flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, We","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:gr","t":"Greece Flag","d":"A typed Greece flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:gs","t":"South Georgia Flag","d":"A typed South Georgia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:gt","t":"Guatemala Flag","d":"A typed Guatemala flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:gu","t":"Guam Flag","d":"A typed Guam flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:gw","t":"Guinea Bissau Flag","d":"A typed Guinea-Bissau flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:gy","t":"Guyana Flag","d":"A typed Guyana flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:hk","t":"Hong Kong Flag","d":"A typed Hong Kong flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:hm","t":"Heard Island and McDonald Islands Flag","d":"A typed Heard Island and McDonald Islands flag component with no-crop 4:3 and 1:1 frames p","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:hn","t":"Honduras Flag","d":"A typed Honduras flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:hr","t":"Croatia Flag","d":"A typed Croatia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ht","t":"Haiti Flag","d":"A typed Haiti flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:hu","t":"Hungary Flag","d":"A typed Hungary flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:id","t":"Indonesia Flag","d":"A typed Indonesia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ie","t":"Ireland Flag","d":"A typed Ireland flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:il","t":"Israel Flag","d":"A typed Israel flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:im","t":"Isle of Man Flag","d":"A typed Isle of Man flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, an","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:in","t":"India Flag","d":"A typed India flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:io","t":"British Indian Ocean Territory Flag","d":"A typed British Indian Ocean Territory flag component with no-crop 4:3 and 1:1 frames plus","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:iq","t":"Iraq Flag","d":"A typed Iraq flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ir","t":"Iran Flag","d":"A typed Iran flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:is","t":"Iceland Flag","d":"A typed Iceland flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:it","t":"Italy Flag","d":"A typed Italy flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:je","t":"Jersey Flag","d":"A typed Jersey flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:jm","t":"Jamaica Flag","d":"A typed Jamaica flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:jo","t":"Jordan Flag","d":"A typed Jordan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:jp","t":"Japan Flag","d":"A typed Japan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ke","t":"Kenya Flag","d":"A typed Kenya flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:kg","t":"Kyrgyzstan Flag","d":"A typed Kyrgyzstan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:kh","t":"Cambodia Flag","d":"A typed Cambodia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ki","t":"Kiribati Flag","d":"A typed Kiribati flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:km","t":"Comoros Flag","d":"A typed Comoros flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:kn","t":"Saint Kitts and Nevis Flag","d":"A typed Saint Kitts and Nevis flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:kp","t":"North Korea Flag","d":"A typed North Korea flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, an","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:kr","t":"South Korea Flag","d":"A typed South Korea flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, an","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:kw","t":"Kuwait Flag","d":"A typed Kuwait flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ky","t":"Cayman Islands Flag","d":"A typed Cayman Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP,","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:kz","t":"Kazakhstan Flag","d":"A typed Kazakhstan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:la","t":"Laos Flag","d":"A typed Laos flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:lb","t":"Lebanon Flag","d":"A typed Lebanon flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:lc","t":"Saint Lucia Flag","d":"A typed Saint Lucia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, an","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:li","t":"Liechtenstein Flag","d":"A typed Liechtenstein flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:lk","t":"Sri Lanka Flag","d":"A typed Sri Lanka flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:lr","t":"Liberia Flag","d":"A typed Liberia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ls","t":"Lesotho Flag","d":"A typed Lesotho flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:lt","t":"Lithuania Flag","d":"A typed Lithuania flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:lu","t":"Luxembourg Flag","d":"A typed Luxembourg flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:lv","t":"Latvia Flag","d":"A typed Latvia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ly","t":"Libya Flag","d":"A typed Libya flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ma","t":"Morocco Flag","d":"A typed Morocco flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:mc","t":"Monaco Flag","d":"A typed Monaco flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:md","t":"Moldova Flag","d":"A typed Moldova flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:me","t":"Montenegro Flag","d":"A typed Montenegro flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:mf","t":"Saint Martin Flag","d":"A typed Saint Martin flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, a","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:mg","t":"Madagascar Flag","d":"A typed Madagascar flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:mh","t":"Marshall Islands Flag","d":"A typed Marshall Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, Web","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:mk","t":"North Macedonia Flag","d":"A typed North Macedonia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ml","t":"Mali Flag","d":"A typed Mali flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:mm","t":"Myanmar Flag","d":"A typed Myanmar flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:mn","t":"Mongolia Flag","d":"A typed Mongolia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:mo","t":"Macau Flag","d":"A typed Macau flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:mp","t":"Northern Mariana Islands Flag","d":"A typed Northern Mariana Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:mq","t":"Martinique Flag","d":"A typed Martinique flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:mr","t":"Mauritania Flag","d":"A typed Mauritania flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ms","t":"Montserrat Flag","d":"A typed Montserrat flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:mt","t":"Malta Flag","d":"A typed Malta flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:mu","t":"Mauritius Flag","d":"A typed Mauritius flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:mv","t":"Maldives Flag","d":"A typed Maldives flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:mw","t":"Malawi Flag","d":"A typed Malawi flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:mx","t":"Mexico Flag","d":"A typed Mexico flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:my","t":"Malaysia Flag","d":"A typed Malaysia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:mz","t":"Mozambique Flag","d":"A typed Mozambique flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:na","t":"Namibia Flag","d":"A typed Namibia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:nc","t":"New Caledonia Flag","d":"A typed New Caledonia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ne","t":"Niger Flag","d":"A typed Niger flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:nf","t":"Norfolk Island Flag","d":"A typed Norfolk Island flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP,","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ng","t":"Nigeria Flag","d":"A typed Nigeria flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ni","t":"Nicaragua Flag","d":"A typed Nicaragua flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:nl","t":"Netherlands Flag","d":"A typed Netherlands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, an","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:no","t":"Norway Flag","d":"A typed Norway flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:np","t":"Nepal Flag","d":"A typed Nepal flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:nr","t":"Nauru Flag","d":"A typed Nauru flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:nu","t":"Niue Flag","d":"A typed Niue flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:nz","t":"New Zealand Flag","d":"A typed New Zealand flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, an","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:om","t":"Oman Flag","d":"A typed Oman flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:pa","t":"Panama Flag","d":"A typed Panama flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:pe","t":"Peru Flag","d":"A typed Peru flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:pf","t":"French Polynesia Flag","d":"A typed French Polynesia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, Web","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:pg","t":"Papua New Guinea Flag","d":"A typed Papua New Guinea flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, Web","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ph","t":"Philippines Flag","d":"A typed Philippines flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, an","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:pk","t":"Pakistan Flag","d":"A typed Pakistan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:pl","t":"Poland Flag","d":"A typed Poland flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:pm","t":"Saint Pierre and Miquelon Flag","d":"A typed Saint Pierre and Miquelon flag component with no-crop 4:3 and 1:1 frames plus SVG,","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:pn","t":"Pitcairn Islands Flag","d":"A typed Pitcairn Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, Web","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:pr","t":"Puerto Rico Flag","d":"A typed Puerto Rico flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, an","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ps","t":"Palestine Flag","d":"A typed Palestine flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:pt","t":"Portugal Flag","d":"A typed Portugal flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:pw","t":"Palau Flag","d":"A typed Palau flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:py","t":"Paraguay Flag","d":"A typed Paraguay flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:qa","t":"Qatar Flag","d":"A typed Qatar flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:re","t":"Réunion Flag","d":"A typed Réunion flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ro","t":"Romania Flag","d":"A typed Romania flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:rs","t":"Serbia Flag","d":"A typed Serbia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ru","t":"Russia Flag","d":"A typed Russia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:rw","t":"Rwanda Flag","d":"A typed Rwanda flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:sa","t":"Saudi Arabia Flag","d":"A typed Saudi Arabia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, a","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:sb","t":"Solomon Islands Flag","d":"A typed Solomon Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:sc","t":"Seychelles Flag","d":"A typed Seychelles flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:sd","t":"Sudan Flag","d":"A typed Sudan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:se","t":"Sweden Flag","d":"A typed Sweden flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:sg","t":"Singapore Flag","d":"A typed Singapore flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:sh","t":"Saint Helena, Ascension and Tristan da Cunha Flag","d":"A typed Saint Helena, Ascension and Tristan da Cunha flag component with no-crop 4:3 and 1","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:si","t":"Slovenia Flag","d":"A typed Slovenia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:sj","t":"Svalbard and Jan Mayen Flag","d":"A typed Svalbard and Jan Mayen flag component with no-crop 4:3 and 1:1 frames plus SVG, PN","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:sk","t":"Slovakia Flag","d":"A typed Slovakia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:sl","t":"Sierra Leone Flag","d":"A typed Sierra Leone flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, a","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:sm","t":"San Marino Flag","d":"A typed San Marino flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:sn","t":"Senegal Flag","d":"A typed Senegal flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:so","t":"Somalia Flag","d":"A typed Somalia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:sr","t":"Suriname Flag","d":"A typed Suriname flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ss","t":"South Sudan Flag","d":"A typed South Sudan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, an","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:st","t":"São Tomé and Príncipe Flag","d":"A typed São Tomé and Príncipe flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:sv","t":"El Salvador Flag","d":"A typed El Salvador flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, an","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:sx","t":"Sint Maarten Flag","d":"A typed Sint Maarten flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, a","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:sy","t":"Syria Flag","d":"A typed Syria flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:sz","t":"Eswatini (Swaziland) Flag","d":"A typed Eswatini (Swaziland) flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG,","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:tc","t":"Turks and Caicos Islands Flag","d":"A typed Turks and Caicos Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:td","t":"Chad Flag","d":"A typed Chad flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:tf","t":"French Southern and Antarctic Lands Flag","d":"A typed French Southern and Antarctic Lands flag component with no-crop 4:3 and 1:1 frames","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:tg","t":"Togo Flag","d":"A typed Togo flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:th","t":"Thailand Flag","d":"A typed Thailand flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:tj","t":"Tajikistan Flag","d":"A typed Tajikistan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:tk","t":"Tokelau Flag","d":"A typed Tokelau flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:tl","t":"Timor Leste Flag","d":"A typed Timor-Leste flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, an","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:tm","t":"Turkmenistan Flag","d":"A typed Turkmenistan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, a","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:tn","t":"Tunisia Flag","d":"A typed Tunisia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:to","t":"Tonga Flag","d":"A typed Tonga flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:tr","t":"Turkey Flag","d":"A typed Turkey flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","s":"flagcn","c":"data-display/badge","hc":1},{"id":"flagcn:tt","t":"Trinidad and Tobago Flag","d":"A typed Trinidad and Tobago flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:tv","t":"Tuvalu Flag","d":"A typed Tuvalu flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:tw","t":"Taiwan Flag","d":"A typed Taiwan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:tz","t":"Tanzania Flag","d":"A typed Tanzania flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ua","t":"Ukraine Flag","d":"A typed Ukraine flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ug","t":"Uganda Flag","d":"A typed Uganda flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:um","t":"United States Minor Outlying Islands Flag","d":"A typed United States Minor Outlying Islands flag component with no-crop 4:3 and 1:1 frame","s":"flagcn","c":"data-display/stat","hc":1},{"id":"flagcn:un","t":"United Nations Flag","d":"A typed United Nations flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP,","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us","t":"United States Flag","d":"A typed United States flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, ","s":"flagcn","c":"data-display/stat","hc":1},{"id":"flagcn:us-ak","t":"Alaska Flag","d":"A typed Alaska flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-al","t":"Alabama Flag","d":"A typed Alabama flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-ar","t":"Arkansas Flag","d":"A typed Arkansas flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-az","t":"Arizona Flag","d":"A typed Arizona flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-ca","t":"California Flag","d":"A typed California flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-co","t":"Colorado Flag","d":"A typed Colorado flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-ct","t":"Connecticut Flag","d":"A typed Connecticut flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, an","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-de","t":"Delaware Flag","d":"A typed Delaware flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-fl","t":"Florida Flag","d":"A typed Florida flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-ga","t":"Georgia Flag","d":"A typed Georgia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-hi","t":"Hawaii Flag","d":"A typed Hawaii flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-ia","t":"Iowa Flag","d":"A typed Iowa flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-id","t":"Idaho Flag","d":"A typed Idaho flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-il","t":"Illinois Flag","d":"A typed Illinois flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-in","t":"Indiana Flag","d":"A typed Indiana flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-ks","t":"Kansas Flag","d":"A typed Kansas flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-ky","t":"Kentucky Flag","d":"A typed Kentucky flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-la","t":"Louisiana Flag","d":"A typed Louisiana flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-ma","t":"Massachusetts Flag","d":"A typed Massachusetts flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-md","t":"Maryland Flag","d":"A typed Maryland flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-me","t":"Maine Flag","d":"A typed Maine flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-mi","t":"Michigan Flag","d":"A typed Michigan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-mn","t":"Minnesota Flag","d":"A typed Minnesota flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-mo","t":"Missouri Flag","d":"A typed Missouri flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-ms","t":"Mississippi Flag","d":"A typed Mississippi flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, an","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-mt","t":"Montana Flag","d":"A typed Montana flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-nc","t":"North Carolina Flag","d":"A typed North Carolina flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP,","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-nd","t":"North Dakota Flag","d":"A typed North Dakota flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, a","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-ne","t":"Nebraska Flag","d":"A typed Nebraska flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-nh","t":"New Hampshire Flag","d":"A typed New Hampshire flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-nj","t":"New Jersey Flag","d":"A typed New Jersey flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-nm","t":"New Mexico Flag","d":"A typed New Mexico flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-nv","t":"Nevada Flag","d":"A typed Nevada flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-ny","t":"New York Flag","d":"A typed New York flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-oh","t":"Ohio Flag","d":"A typed Ohio flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-ok","t":"Oklahoma Flag","d":"A typed Oklahoma flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-or","t":"Oregon Flag","d":"A typed Oregon flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-pa","t":"Pennsylvania Flag","d":"A typed Pennsylvania flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, a","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-ri","t":"Rhode Island Flag","d":"A typed Rhode Island flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, a","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-sc","t":"South Carolina Flag","d":"A typed South Carolina flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP,","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-sd","t":"South Dakota Flag","d":"A typed South Dakota flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, a","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-tn","t":"Tennessee Flag","d":"A typed Tennessee flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-tx","t":"Texas Flag","d":"A typed Texas flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-ut","t":"Utah Flag","d":"A typed Utah flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-va","t":"Virginia Flag","d":"A typed Virginia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-vt","t":"Vermont Flag","d":"A typed Vermont flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-wa","t":"Washington Flag","d":"A typed Washington flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-wi","t":"Wisconsin Flag","d":"A typed Wisconsin flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-wv","t":"West Virginia Flag","d":"A typed West Virginia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:us-wy","t":"Wyoming Flag","d":"A typed Wyoming flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:uy","t":"Uruguay Flag","d":"A typed Uruguay flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:uz","t":"Uzbekistan Flag","d":"A typed Uzbekistan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:va","t":"Vatican City (Holy See) Flag","d":"A typed Vatican City (Holy See) flag component with no-crop 4:3 and 1:1 frames plus SVG, P","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:vc","t":"Saint Vincent and the Grenadines Flag","d":"A typed Saint Vincent and the Grenadines flag component with no-crop 4:3 and 1:1 frames pl","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ve","t":"Venezuela Flag","d":"A typed Venezuela flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and ","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:vg","t":"British Virgin Islands Flag","d":"A typed British Virgin Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, PN","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:vi","t":"United States Virgin Islands Flag","d":"A typed United States Virgin Islands flag component with no-crop 4:3 and 1:1 frames plus S","s":"flagcn","c":"data-display/stat","hc":1},{"id":"flagcn:vn","t":"Vietnam Flag","d":"A typed Vietnam flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:vu","t":"Vanuatu Flag","d":"A typed Vanuatu flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:wf","t":"Wallis and Futuna Flag","d":"A typed Wallis and Futuna flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, We","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ws","t":"Samoa Flag","d":"A typed Samoa flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:xk","t":"Kosovo Flag","d":"A typed Kosovo flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:ye","t":"Yemen Flag","d":"A typed Yemen flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:yt","t":"Mayotte Flag","d":"A typed Mayotte flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JP","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:za","t":"South Africa Flag","d":"A typed South Africa flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, a","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:zm","t":"Zambia Flag","d":"A typed Zambia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPE","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flagcn:zw","t":"Zimbabwe Flag","d":"A typed Zimbabwe flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and J","k":"resource","s":"flagcn","c":"assets/flag","hc":1},{"id":"flightcn:flight","t":"Flight","d":"Composable flight map components for routes, live tracking, weighted networks, geodesic ra","s":"flightcn","c":"data-viz/map","vn":3,"hc":1},{"id":"flightcn:satellite","t":"Satellite","d":"A globe-based satellite orbit overlay with animated motion, ground tracks, and custom SVG ","k":"motion","s":"flightcn","c":"motion/globe","vn":1,"hc":1},{"id":"flightcn:airline-network-dashboard","t":"Airline Network Dashboard","d":"Weighted hub-and-spoke route network with a ranked destination sidebar and two-way airport","k":"layout","s":"flightcn","c":"layout/dashboard","hc":1},{"id":"flightcn:airport-search-map","t":"Airport Search Map","d":"Searchable panel over the built-in 500+ airport database with fly-to markers on selection.","s":"flightcn","c":"data-viz/map","hc":1},{"id":"flightcn:aircraft-trail-replay","t":"Aircraft Trail Replay","d":"Recorded flight track replay with an altitude-graded trail, dashed planned continuation, a","s":"flightcn","c":"inputs/slider","hc":1},{"id":"flightcn:live-traffic-flow","t":"Live Traffic Flow","d":"Animated aircraft flowing along weighted global corridors with density presets and togglea","k":"section","s":"flightcn","c":"marketing/marketing","hc":1},{"id":"flightcn:departures-board","t":"Departures Board","d":"Status-filterable departure list that draws the selected flight on the map — live progress","s":"flightcn","c":"data-display/kanban","hc":1},{"id":"flightcn:aircraft-range-explorer","t":"Aircraft Range Explorer","d":"Compare aircraft reach from a departure airport, with labeled 75% and maximum-range bounda","s":"flightcn","c":"inputs/slider","hc":1},{"id":"flightcn:network-coverage-grid","t":"Network Coverage Grid","d":"Region-filtered airport coverage map above a stats card grid with two-way selection betwee","s":"flightcn","c":"data-viz/map","hc":1},{"id":"flowkit-ui:creatable-combobox","t":"Creatable Combobox","d":"Combobox with creatable items, built on Base UI and shadcn-style primitives (combobox, inp","s":"flowkit-ui","c":"inputs/combobox","hc":1},{"id":"flowui:changing-text","t":"Changing Text","d":"A component that changes text with fade and slide transitions.","k":"motion","s":"flowui","c":"motion/text-effect","hc":1},{"id":"flowui:debounced-input","t":"Debounced Input","d":"An input component with optional debouncing support.","s":"flowui","c":"inputs/form-field","hc":1},{"id":"flowui:auth-buttons","t":"Auth Buttons","d":"A set of authentication buttons (Google, Github) based on shadcn Button.","s":"flowui","c":"actions/button","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"flowui:copy-button","t":"Copy Button","d":"A copy button component with two types: normal and animated.","s":"flowui","c":"actions/copy-button","hc":1},{"id":"flowui:file-select","t":"File Select","d":"A customized file selection component.","s":"flowui","c":"inputs/select","hc":1},{"id":"flowui:lift-button","t":"Lift Button","d":"A scroll-to-top button with custom triggers and target containers.","s":"flowui","c":"actions/button","hc":1},{"id":"flowui:password-input","t":"Password Input","d":"An input component for passwords with a visibility toggle.","s":"flowui","c":"inputs/form-field","sb":"Password","hc":1},{"id":"flowui:slider-captcha","t":"Slider Captcha","d":"A slider-based puzzle captcha verification component.","s":"flowui","c":"inputs/slider","hc":1},{"id":"flowui:speaker","t":"Speaker","d":"A text-to-speech speaker button component.","s":"flowui","c":"actions/button","hc":1},{"id":"flowui:text-divider","t":"Text Divider","d":"A divider line with text in the middle.","k":"motion","s":"flowui","c":"motion/text-effect","hc":1},{"id":"fluent2-react-kit:accordion","t":"Accordion","d":"Fluent 2-styled accordion (expand/collapse groups) with a shadcn API. Built on @base-ui/re","s":"fluent2-react-kit","c":"data-display/accordion","hc":1},{"id":"fluent2-react-kit:alert","t":"Alert","d":"Fluent 2 MessageBar-styled alert with shadcn APIs. Three composable parts (Alert, AlertTit","s":"fluent2-react-kit","c":"overlays/alert-banner","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"fluent2-react-kit:avatar","t":"Avatar","d":"Fluent 2-styled avatar with shadcn APIs. Built on @base-ui/react's Avatar primitive for ge","s":"fluent2-react-kit","c":"data-display/avatar","hc":1},{"id":"fluent2-react-kit:badge","t":"Badge","d":"Fluent 2-styled badge with shadcn APIs. Six variants (default, secondary, destructive, out","s":"fluent2-react-kit","c":"data-display/badge","hc":1},{"id":"fluent2-react-kit:breadcrumb","t":"Breadcrumb","d":"Fluent 2-styled breadcrumb with shadcn APIs. Seven composable parts (Breadcrumb, Breadcrum","s":"fluent2-react-kit","c":"navigation/breadcrumb","hc":1},{"id":"fluent2-react-kit:button","t":"Button","d":"Fluent 2-styled button with shadcn APIs. Six variants (default, secondary, outline, ghost,","s":"fluent2-react-kit","c":"actions/button","hc":1},{"id":"fluent2-react-kit:card","t":"Card","d":"Fluent 2-styled card with shadcn APIs. Seven composable parts (Card, CardHeader, CardTitle","s":"fluent2-react-kit","c":"data-display/card","hc":1},{"id":"fluent2-react-kit:checkbox","t":"Checkbox","d":"Fluent 2-styled checkbox with shadcn APIs. Built on @base-ui/react's Checkbox primitive fo","s":"fluent2-react-kit","c":"inputs/checkbox","hc":1},{"id":"fluent2-react-kit:combobox","t":"Combobox","d":"Fluent 2-styled filterable select with shadcn-style composable APIs. Built on @base-ui/rea","s":"fluent2-react-kit","c":"inputs/combobox","hc":1},{"id":"fluent2-react-kit:command","t":"Command","d":"Fluent 2-styled command palette (cmdk surface) with shadcn-style composable APIs, built on","s":"fluent2-react-kit","c":"navigation/command-palette","hc":1},{"id":"fluent2-react-kit:dialog","t":"Dialog","d":"Fluent 2-styled modal dialog with shadcn APIs. Built on @base-ui/react's Dialog for focus ","s":"fluent2-react-kit","c":"overlays/dialog","hc":1},{"id":"fluent2-react-kit:dropdown-menu","t":"Dropdown Menu","d":"Fluent 2-styled dropdown menu with shadcn APIs. Built on @base-ui/react's Menu for portall","s":"fluent2-react-kit","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"fluent2-react-kit:input","t":"Input","d":"Fluent 2-styled text input with shadcn APIs. 32px medium field, file-input styling, and th","s":"fluent2-react-kit","c":"inputs/form-field","hc":1},{"id":"fluent2-react-kit:label","t":"Label","d":"Fluent 2-styled form label with shadcn APIs. Native <label> (no JS primitive needed), 14px","s":"fluent2-react-kit","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"fluent2-react-kit:link","t":"Link","d":"Fluent 2-styled link with shadcn APIs. Brand-colored text with a hover-only underline for ","s":"fluent2-react-kit","c":"actions/link","hc":1},{"id":"fluent2-react-kit:multi-select","t":"Multi Select","d":"Fluent 2-styled multiple-selection combobox with a chips field, built on the kit's Combobo","s":"fluent2-react-kit","c":"inputs/select","hc":1},{"id":"fluent2-react-kit:overflow","t":"Overflow","d":"Headless priority-overflow system — the core mechanism behind a single-line Fluent 2 Ribbo","k":"section","s":"fluent2-react-kit","c":"marketing/announcement","hc":1},{"id":"fluent2-react-kit:pagination","t":"Pagination","d":"Fluent 2-styled pagination with shadcn APIs. Seven composable parts (Pagination, Paginatio","s":"fluent2-react-kit","c":"navigation/pagination","hc":1},{"id":"fluent2-react-kit:popover","t":"Popover","d":"Fluent 2-styled non-modal popover with shadcn APIs. Built on @base-ui/react's Popover for ","s":"fluent2-react-kit","c":"overlays/popover","hc":1},{"id":"fluent2-react-kit:progress","t":"Progress","d":"Fluent 2-styled progress bar with a shadcn API. Wraps Base UI's Progress primitive (Root/T","s":"fluent2-react-kit","c":"data-viz/progress-bar","hc":1},{"id":"fluent2-react-kit:radio-group","t":"Radio Group","d":"Fluent 2-styled radio group with shadcn APIs. Built on @base-ui/react's RadioGroup and Rad","s":"fluent2-react-kit","c":"inputs/radio","hc":1},{"id":"fluent2-react-kit:ribbon-collapse","t":"Ribbon collapse","d":"Headless group-collapse system — the mechanism behind a classic (expanded) Fluent 2 Ribbon","k":"section","s":"fluent2-react-kit","c":"marketing/announcement","hc":1},{"id":"fluent2-react-kit:ribbon","t":"Ribbon","d":"Fluent 2-styled, Office-like Ribbon — the kit's flagship composite, with two layouts from ","k":"section","s":"fluent2-react-kit","c":"marketing/announcement","hc":1},{"id":"fluent2-react-kit:select","t":"Select","d":"Fluent 2-styled select (dropdown listbox) with shadcn APIs. Built on @base-ui/react's Sele","s":"fluent2-react-kit","c":"inputs/select","hc":1},{"id":"fluent2-react-kit:separator","t":"Separator","d":"Fluent 2-styled 1px divider with shadcn APIs. Horizontal or vertical orientation, decorati","k":"layout","s":"fluent2-react-kit","c":"layout/page-shell","hc":1},{"id":"fluent2-react-kit:skeleton","t":"Skeleton","d":"Fluent 2-styled loading placeholder: a pulsing bg-accent block with rounded-md corners, re","s":"fluent2-react-kit","c":"status/skeleton","hc":1},{"id":"fluent2-react-kit:spinner","t":"Spinner","d":"Fluent 2-styled loading indicator: a rotating brand-colored arc (not a full ring) over an ","s":"fluent2-react-kit","c":"status/loader","sb":"Spinners","hc":1},{"id":"fluent2-react-kit:split-button","t":"Split Button","d":"Fluent 2-styled split button with shadcn-style APIs. Three composable parts (SplitButton, ","s":"fluent2-react-kit","c":"actions/button","tg":["webgl"],"sb":"Groups and split","sy":["webgl"],"hc":1},{"id":"fluent2-react-kit:switch","t":"Switch","d":"Fluent 2-styled on/off toggle with shadcn APIs. Built on @base-ui/react's Switch primitive","s":"fluent2-react-kit","c":"actions/switch","hc":1},{"id":"fluent2-react-kit:tabs","t":"Tabs","d":"Fluent 2-styled tabs with shadcn APIs. Built on @base-ui/react's Tabs for roving-tabindex ","s":"fluent2-react-kit","c":"navigation/tabs","hc":1},{"id":"fluent2-react-kit:textarea","t":"Textarea","d":"Fluent 2-styled multi-line text field with shadcn APIs. Grows with content (field-sizing-c","s":"fluent2-react-kit","c":"inputs/textarea","hc":1},{"id":"fluent2-react-kit:theme","t":"Fluent 2 Theme","d":"The Fluent 2-inspired design token layer for @graundtech/fluent2-react-kit: light, dark, a","k":"theme","s":"fluent2-react-kit","c":"themes/theme","fw":"CSS","hc":1},{"id":"fluent2-react-kit:toast","t":"Toast","d":"Fluent 2-styled, shadcn-API toast notifications on Base UI's toast manager. A Provider + p","s":"fluent2-react-kit","c":"overlays/toast","hc":1},{"id":"fluent2-react-kit:toggle","t":"Toggle","d":"Fluent 2-styled toggle button with shadcn APIs. Two variants (default, outline) and three ","s":"fluent2-react-kit","c":"actions/switch","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"fluent2-react-kit:toolbar","t":"Toolbar","d":"Fluent 2-styled toolbar part family built on @base-ui/react's Toolbar for a single tab sto","s":"fluent2-react-kit","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"fluent2-react-kit:tooltip","t":"Tooltip","d":"Fluent 2-styled tooltip with shadcn APIs. Built on @base-ui/react's Tooltip for hover/focu","s":"fluent2-react-kit","c":"overlays/tooltip","hc":1},{"id":"fluent2-react-kit:utils","t":"Utils","d":"Class name helper that composes clsx and tailwind-merge for conflict-free Tailwind class c","k":"lib","s":"fluent2-react-kit","c":"lib/utility","sb":"Class helpers","hc":1,"cp":1},{"id":"fluid:surfaces","t":"Surfaces","d":"Eight-level surface and shadow ladder for elevation. Light: two color steps then flat whit","k":"theme","s":"fluid","c":"themes/theme"},{"id":"fluid:tokens","t":"Interaction Tokens","d":"Shared interaction-state tokens: surface-relative hover/active overlays (bg-hover, bg-acti","k":"theme","s":"fluid","c":"themes/theme"},{"id":"fluid:type-scale","t":"Type Scale","d":"Six type roles (display, title, subtitle, body, caption, micro), each a font size and a li","k":"resource","s":"fluid","c":"assets/font"},{"id":"fluid:typography","t":"Typography","d":"The type scale and prose styles in one install. size-context brings the 6 roles, typeClass","s":"fluid","c":"data-display/typography"},{"id":"fluid:utils","t":"Utilities","d":"Utility function for merging Tailwind CSS classes with clsx and tailwind-merge.","k":"lib","s":"fluid","c":"lib/utility","tg":["playful"],"sb":"Class helpers","sy":["playful"],"hc":1},{"id":"fluid:springs","t":"Spring Animations","d":"Spring animation token presets for Framer Motion (fast, moderate, slow).","k":"lib","s":"fluid","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"fluid:font-weight","t":"Font Weight Tokens","d":"Variable font weight tokens for Inter (normal, medium, semibold, bold) using font-variatio","k":"lib","s":"fluid","c":"lib/utility","sb":"Theme","hc":1},{"id":"fluid:surface-context","t":"Surface Context","d":"React context that tracks the current substrate elevation level. Elevated components (Drop","k":"lib","s":"fluid","c":"lib/utility","sb":"State","hc":1},{"id":"fluid:surface-classes","t":"Surface Class Lookup","d":"Static lookup tables for bg-surface-N and shadow-surface-N utilities. Required because Tai","k":"lib","s":"fluid","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"fluid:elevated","t":"Elevated","d":"Elevation primitive. Wraps the read-substrate / compute-level / apply-classes / re-provide","k":"lib","s":"fluid","c":"lib/utility","hc":1},{"id":"fluid:popup","t":"Popup chrome","d":"Shared popup chrome for the dropdown, select, and combobox popups: side-aware enter/exit m","k":"lib","s":"fluid","c":"lib/utility","hc":1},{"id":"fluid:shape-context","t":"Shape Context","d":"React context provider for runtime shape variant switching (pill or rounded). Controls bor","k":"lib","s":"fluid","c":"lib/utility","tg":["playful"],"sb":"State","sy":["playful"],"hc":1},{"id":"fluid:size-context","t":"Size Context","d":"React context provider for the two-step size ladder (36px default, 28px compact). Controls","k":"lib","s":"fluid","c":"lib/utility","tg":["playful"],"sb":"State","sy":["playful"],"hc":1},{"id":"fluid:icon-context","t":"Icon Context","d":"Named icon slots with a Lucide default set; swap any icon via IconProvider.","k":"lib","s":"fluid","c":"lib/utility","sb":"State","hc":1},{"id":"fluid:use-fluid-hover","t":"useFluidHover + FluidHoverHighlight","d":"Fluid hover: the hook that tracks the item nearest the cursor within a container, and the ","k":"lib","s":"fluid","c":"lib/hook","tg":["animated"],"sy":["animated"],"hc":1},{"id":"fluid:use-touch-primary","t":"useTouchPrimary","d":"Detects touch-primary devices (coarse pointer + touch points), updating live on pointer-mo","k":"lib","s":"fluid","c":"lib/hook","hc":1,"cp":1},{"id":"fluid:use-keyboard-nav-gate","t":"useKeyboardNavGate","d":"Gates a popup's keyboard focus ring on keyboard use: seeded at open from the focused eleme","k":"lib","s":"fluid","c":"lib/hook","hc":1},{"id":"fluid:use-merge-split","t":"useMergeSplitBlocks","d":"React hook + renderer for the selected-background merge/split animation. When one row brid","k":"lib","s":"fluid","c":"lib/hook","hc":1},{"id":"fluid:accordion","t":"Accordion","d":"Collapsible accordion with animated height transitions, spring-animated chevron, and fluid","s":"fluid","c":"data-display/accordion","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"fluid:accordion-base","t":"Accordion (Base UI)","d":"Collapsible accordion with animated height transitions, spring-animated chevron, and fluid","s":"fluid","c":"data-display/accordion","tg":["animated"],"sb":"Animated","sy":["animated"]},{"id":"fluid:ask-user-questions","t":"Ask User Questions","d":"Stepped question flow with numbered options, keyboard shortcuts (1–9), single or multi-sel","k":"section","s":"fluid","c":"marketing/faq","tg":["animated"],"sy":["animated"],"hc":1},{"id":"fluid:badge","t":"Badge","d":"Compact label with solid and dot variants, Tailwind color palette, and three sizes.","s":"fluid","c":"data-display/badge","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"fluid:banner","t":"Banner","d":"Status message built from parts (Banner, BannerTitle, BannerDescription, BannerActions, Ba","s":"fluid","c":"overlays/alert-banner","tg":["animated"],"sy":["animated"],"hc":1},{"id":"fluid:button","t":"Button","d":"Animated button with variants (primary, secondary, tertiary, ghost), icon support, loading","s":"fluid","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"fluid:button-base","t":"Button (Base UI)","d":"Animated button with variants (primary, secondary, tertiary, ghost), icon support, loading","s":"fluid","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"]},{"id":"fluid:dropdown","t":"Dropdown","d":"Dropdown menu with fluid hover, animated selection indicator, inline panel or triggered po","s":"fluid","c":"navigation/menu","tg":["animated"],"sb":"Dropdowns","sy":["animated"],"hc":1},{"id":"fluid:dropdown-base","t":"Dropdown","d":"Dropdown menu with fluid hover, animated selection indicator, inline panel or triggered po","s":"fluid","c":"navigation/menu","tg":["animated"],"sb":"Dropdowns","sy":["animated"]},{"id":"fluid:checkbox-group","t":"Checkbox Group","d":"Animated checkbox group with fluid hover, contiguous selection merging, and spring-animate","s":"fluid","c":"inputs/checkbox","tg":["animated"],"sy":["animated"],"hc":1},{"id":"fluid:checkbox-group-base","t":"Checkbox Group (Base UI)","d":"Animated checkbox group with fluid hover, contiguous selection merging, and spring-animate","s":"fluid","c":"inputs/checkbox","tg":["animated"],"sy":["animated"]},{"id":"fluid:radio-group","t":"Radio Group","d":"Animated radio group with fluid hover, spring-animated selection dot, and optional Radix U","s":"fluid","c":"inputs/radio","tg":["animated"],"sy":["animated"],"hc":1},{"id":"fluid:radio-group-base","t":"Radio Group (Base UI)","d":"Animated radio group with fluid hover, spring-animated selection dot. Base UI flavor.","s":"fluid","c":"inputs/radio","tg":["animated"],"sy":["animated"]},{"id":"fluid:dialog","t":"Dialog","d":"Animated modal dialog with spring-based scale and opacity transitions in three widths (sm,","s":"fluid","c":"overlays/dialog","tg":["animated","webgl"],"sb":"Animated","sy":["animated","webgl"],"vn":1,"hc":1},{"id":"fluid:dialog-base","t":"Dialog (Base UI)","d":"Animated modal dialog with spring-based scale and opacity transitions in three widths (sm,","s":"fluid","c":"overlays/dialog","tg":["animated","webgl"],"sb":"Animated","sy":["animated","webgl"]},{"id":"fluid:mobile-drawer","t":"Mobile Drawer","d":"Slide-in navigation drawer with scrim, focus trap, and scroll lock. Radix flavor.","s":"fluid","c":"overlays/sheet","tg":["animated"],"sy":["animated"],"hc":1},{"id":"fluid:mobile-drawer-base","t":"Mobile Drawer","d":"Slide-in navigation drawer with scrim, focus trap, and scroll lock. Base UI flavor.","s":"fluid","c":"overlays/sheet","tg":["animated"],"sy":["animated"]},{"id":"fluid:input-copy","t":"Input Copy","d":"Read-only input with a copy-to-clipboard button and animated check feedback. Supports opti","s":"fluid","c":"inputs/form-field","tg":["animated"],"sy":["animated"],"hc":1},{"id":"fluid:input-group","t":"Input Group","d":"Grouped input fields with fluid hover highlighting, animated label transitions, optional i","s":"fluid","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"fluid:input-message","t":"Input Message","d":"Chat-style message composer with auto-resizing textarea, drag-and-drop file attachments (P","s":"fluid","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Chat","sy":["animated"],"hc":1},{"id":"fluid:file-thumbnail","t":"File Thumbnail","d":"Read-only square preview of a File. Images render via object-cover; PDFs render their firs","k":"resource","s":"fluid","c":"assets/shape","hc":1},{"id":"fluid:queued-stack","t":"Queued message stack","d":"Sonner-style stack of queued composer messages: collapsed cards fan out on hover (tap on t","s":"fluid","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Chat","sy":["animated"],"hc":1},{"id":"fluid:chat-message","t":"Chat Message","d":"A single chat transcript entry with baked-in entrance and layout motion. Right-aligned acc","s":"fluid","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Chat","sy":["animated"],"hc":1},{"id":"fluid:tabs-subtle","t":"Tabs Subtle","d":"Horizontal tab navigation with fluid hover, animated pill selection indicator, and fluid f","s":"fluid","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"fluid:tabs-subtle-base","t":"Tabs Subtle","d":"Horizontal tab navigation with fluid hover, animated pill selection indicator, and fluid f","s":"fluid","c":"navigation/tabs","tg":["animated"],"sy":["animated"]},{"id":"fluid:switch","t":"Switch","d":"Animated toggle switch with spring-based thumb animation and fluid font-weight label trans","s":"fluid","c":"actions/switch","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"fluid:switch-base","t":"Switch (Base UI)","d":"Animated toggle switch with spring-based thumb animation and fluid font-weight label trans","s":"fluid","c":"actions/switch","tg":["animated"],"sb":"Animated","sy":["animated"]},{"id":"fluid:carousel-dots","t":"Carousel Dots","d":"Carousel dots, static or on autoplay: fluid-hover click areas, and a current pill that fil","k":"motion","s":"fluid","c":"motion/background","tg":["animated"],"sb":"Grids and patterns","sy":["animated"],"hc":1},{"id":"fluid:table","t":"Table","d":"Animated table with fluid hover row highlighting and fluid border transitions. Includes Ta","s":"fluid","c":"data-display/table","tg":["animated"],"sy":["animated"],"hc":1},{"id":"fluid:card","t":"Card","d":"shadcn's compositional card (Card, CardHeader, CardTitle, CardDescription, CardAction, Car","s":"fluid","c":"data-display/card","tg":["animated","playful"],"sy":["animated","playful"],"hc":1},{"id":"fluid:sidebar","t":"Sidebar","d":"Refined, composable app sidebar with offcanvas collapse, floating and inset variants, a mo","s":"fluid","c":"navigation/sidebar","tg":["animated"],"sy":["animated"],"vn":5,"hc":1},{"id":"fluid:sidebar-base","t":"Sidebar","d":"Refined, composable app sidebar with offcanvas collapse, floating and inset variants, a mo","s":"fluid","c":"navigation/sidebar","tg":["animated"],"sy":["animated"]},{"id":"fluid:sidebar-menu-grid","t":"Sidebar Menu Grid","d":"Shared popup geometry for sidebar-anchored dropdown menus: trigger width +10px shifted -4p","k":"lib","s":"fluid","c":"lib/utility","hc":1},{"id":"fluid:slider","t":"Slider","d":"Animated slider with spring-snapped thumb, step dots, range mode, and click-to-edit value ","s":"fluid","c":"inputs/slider","tg":["animated"],"sy":["animated"],"hc":1},{"id":"fluid:slider-base","t":"Slider (Base UI)","d":"Animated slider with spring-snapped thumb, step dots, range mode, and click-to-edit value ","s":"fluid","c":"inputs/slider","tg":["animated"],"sy":["animated"]},{"id":"fluid:tabs","t":"Tabs","d":"Segmented control tabs with sliding active indicator, fluid hover, and spring animations. ","s":"fluid","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"fluid:tabs-base","t":"Tabs (Base UI)","d":"Segmented control tabs with sliding active indicator, fluid hover, and spring animations. ","s":"fluid","c":"navigation/tabs","tg":["animated"],"sy":["animated"]},{"id":"fluid:thinking-indicator","t":"Thinking Indicator","d":"Animated loading indicator with morphing SVG path (circle to infinity loop) and shimmer te","s":"fluid","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Reasoning and tools","sy":["animated"],"hc":1},{"id":"fluid:scroll-area","t":"Scroll Area","d":"Scroll container with a restyled overlay scrollbar that stays discoverable on hover and fo","k":"layout","s":"fluid","c":"layout/scroll-area","hc":1},{"id":"fluid:scroll-area-base","t":"Scroll Area (Base UI)","d":"Scroll container with a restyled overlay scrollbar that stays discoverable on hover and fo","k":"layout","s":"fluid","c":"layout/scroll-area"},{"id":"fluid:select","t":"Select","d":"Animated select menu with collision-aware positioning, typeahead, fluid hover, spring-anim","s":"fluid","c":"inputs/select","tg":["animated"],"sy":["animated"],"hc":1},{"id":"fluid:select-base","t":"Select","d":"Animated select menu with collision-aware positioning, typeahead, fluid hover, spring-anim","s":"fluid","c":"inputs/select","tg":["animated"],"sy":["animated"]},{"id":"fluid:combobox","t":"Combobox","d":"Type-to-filter combobox with single or multiple (chips, merged selection backgrounds) sele","s":"fluid","c":"inputs/combobox","tg":["animated"],"sy":["animated"],"hc":1},{"id":"fluid:combobox-base","t":"Combobox","d":"Type-to-filter combobox with single or multiple (chips, merged selection backgrounds) sele","s":"fluid","c":"inputs/combobox","tg":["animated"],"sy":["animated"]},{"id":"fluid:command-menu","t":"Command Menu","d":"Search field over a list of actions: type to filter, arrows to move the fluid hover highli","s":"fluid","c":"navigation/command-palette","tg":["animated"],"sy":["animated"],"hc":1},{"id":"fluid:tooltip","t":"Tooltip","d":"Floating tooltip with spring-based animations, configurable placement, and rich content su","s":"fluid","c":"overlays/tooltip","tg":["animated"],"sy":["animated"],"hc":1},{"id":"fluid:tooltip-base","t":"Tooltip (Base UI)","d":"Floating tooltip with spring-based animations, configurable placement, and rich content su","s":"fluid","c":"overlays/tooltip","tg":["animated"],"sy":["animated"]},{"id":"fluid:thinking-steps","t":"Thinking Steps","d":"Collapsible AI reasoning steps with animated expand/collapse, per-step icons, sources, and","s":"fluid","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Reasoning and tools","sy":["animated"],"hc":1},{"id":"fluid:thinking-steps-base","t":"Thinking Steps","d":"Collapsible AI reasoning steps with animated expand/collapse, per-step icons, sources, and","s":"fluid","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Reasoning and tools","sy":["animated"]},{"id":"fluid:color-picker","t":"Color Picker","d":"Color picker with HEX, RGB, HSL, and OKLCH formats, alpha channel, optional swatches, and ","s":"fluid","c":"inputs/color-picker","tg":["animated"],"sy":["animated"],"hc":1},{"id":"flx:bento-grids-01","t":"Bento grids #1","d":"Three-column bento: primary tile (two-thirds) with title, description, CTA and media, plus","k":"layout","s":"flx","c":"layout/bento-grid","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"flx:carousel-01","t":"Carousel #1","d":"Auto-scroll carousel that pauses on item hover and reveals title.","s":"flx","c":"media/carousel","hc":1},{"id":"flx:carousel-03","t":"Carousel #3","d":"A carousel of cards with a title and description.","s":"flx","c":"media/carousel","hc":1},{"id":"flx:carousel-02","t":"Carousel #2","d":"A carousel of media with a title and description.","s":"flx","c":"media/carousel","hc":1},{"id":"flx:content-06","t":"Content #6","d":"Two-column split with serif headline, supporting copy, optional CTA, and a media panel.","k":"section","s":"flx","c":"marketing/cta","hc":1},{"id":"flx:content-09","t":"Content #9","d":"Two-column icon card grid with serif section header and subtle entrance motion.","s":"flx","c":"navigation/top-nav","hc":1},{"id":"flx:content-02","t":"Content #2","d":"A grid of media cards with a section header and item details below each image.","s":"flx","c":"navigation/top-nav","hc":1},{"id":"flx:content-07","t":"Content #7","d":"Two-column grid with serif header, media on top, copy, and optional CTA per column.","k":"section","s":"flx","c":"marketing/cta","hc":1},{"id":"flx:content-05","t":"Content #5","d":"A focus grid with items that can be focused and dimmed.","s":"flx","c":"data-display/list","hc":1},{"id":"flx:content-04","t":"Content #4","d":"Two-column card grid with a serif section header, copy above each image, and subtle entran","s":"flx","c":"navigation/top-nav","hc":1},{"id":"flx:content-11","t":"Content #11","d":"A billing overview split with a dashboard preview card and two feature highlights, built f","k":"layout","s":"flx","c":"layout/dashboard","hc":1},{"id":"flx:feature-01","t":"Feature #1","d":"List of items: select one to reveal its description and media.","k":"section","s":"flx","c":"marketing/features","hc":1},{"id":"flx:feature-02","t":"Feature #2","d":"A process section with a split title/description header and a portrait image flanked by tw","k":"section","s":"flx","c":"marketing/features","hc":1},{"id":"flx:feature-03","t":"Feature #3","d":"A sticky title/description column paired with a scrolling list of features, each with its ","k":"section","s":"flx","c":"marketing/features","hc":1},{"id":"flx:hero-01","t":"Hero #1","d":"A centered serif hero with a soft gradient wash, pill CTA, and a floating integration clou","k":"section","s":"flx","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"],"hc":1},{"id":"flx:hero-02","t":"Hero #2","d":"A left-aligned serif hero with a media panel: an image backdrop with a floating dashboard ","k":"section","s":"flx","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"flx:hero-03","t":"Hero #3","d":"A centered hero with dual CTAs and an image that fades into the page below the copy.","k":"section","s":"flx","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"flx:hero-04","t":"Hero #4","d":"A two-column editorial hero with a soft background wash and a layered collage of two overl","k":"section","s":"flx","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"flx:hero-05","t":"Hero #5","d":"An editorial hero with a left tagline, right-aligned headline and copy, and a full-width i","k":"section","s":"flx","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"flx:hero-06","t":"Hero #6","d":"A split product hero with dual CTA, a compact logo row, and the Spot 01 illustration.","k":"section","s":"flx","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"flx:hero-07","t":"Hero #7","d":"An editorial hero with a full-width image above, a top-aligned tagline, and right-aligned ","k":"section","s":"flx","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"flx:hero-08","t":"Hero #8","d":"A split hero with a bold headline, avatar social proof, and two image cards with invertibl","k":"section","s":"flx","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"flx:hero-09","t":"Hero #9","d":"A centered real-estate hero with a search bar, a masked architecture image that fades into","k":"section","s":"flx","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"flx:hero-10","t":"Hero #10","d":"A centered hero with a highlighted headline, dual CTAs, social proof, and a fanned collage","k":"section","s":"flx","c":"marketing/hero","tg":["webgl"],"sb":"Animated background","sy":["webgl"],"hc":1},{"id":"flx:hero-11","t":"Hero #11","d":"A split-copy hero with a light product studio mock — issue feed, properties, and a floatin","k":"section","s":"flx","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"flx:hero-12","t":"Hero #12","d":"A full-bleed image hero with an oversized name, an established label, and a floating pill ","k":"section","s":"flx","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"flx:hero-13","t":"Hero #13","d":"Asymmetric editorial hero with serif brand title, supporting copy, and two overlapping med","k":"section","s":"flx","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"flx:hero-14","t":"Hero #14","d":"A centered product hero with dual CTAs, a full-width photo with a floating block-builder d","k":"section","s":"flx","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"flx:logos-01","t":"Logos #1","d":"Logo carousel with auto-scroll, edge gradient and minimalist style.","k":"resource","s":"flx","c":"assets/logo","tg":["gradient","minimal"],"sy":["gradient","minimal"],"hc":1},{"id":"flx:scroll-01","t":"Scroll #1","d":"Sticky media that changes as you scroll through text content.","k":"layout","s":"flx","c":"layout/scroll-area","hc":1},{"id":"flx:cta","t":"CTA (Call to Action)","d":"Shared CTA component with link and button variant","k":"section","s":"flx","c":"marketing/cta","vn":1,"hc":1},{"id":"flx:dynamic-icon","t":"Dynamic Icon","d":"A dynamic icon component with a name and size.","k":"resource","s":"flx","c":"assets/icon","hc":1},{"id":"flx:testimonials-01","t":"Testimonials #1","d":"A single testimonial with quote, avatar, author name and role.","k":"section","s":"flx","c":"marketing/testimonials","hc":1},{"id":"flx:accordion-01","t":"Basic","d":"Only one section open at a time, type=\"single\" collapsible. The default behavior.","s":"flx","c":"data-display/accordion","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"flx:accordion-02","t":"Multiple","d":"type=\"multiple\" keeps several sections open at once.","s":"flx","c":"data-display/accordion","sb":"Nested","hc":1},{"id":"flx:accordion-03","t":"With icons","d":"Leading icon beside each trigger label.","s":"flx","c":"data-display/accordion","hc":1},{"id":"flx:accordion-04","t":"FAQ","d":"A titled question-and-answer list.","s":"flx","c":"data-display/accordion","sb":"FAQ","hc":1},{"id":"flx:accordion-05","t":"Separated cards","d":"Each item is a bordered card with spacing between them.","s":"flx","c":"data-display/accordion","sb":"Cards","hc":1},{"id":"flx:accordion-06","t":"Plus / minus icon","d":"Plus icon on each trigger that turns into a minus when open, instead of a chevron.","s":"flx","c":"data-display/accordion","hc":1},{"id":"flx:accordion-07","t":"Left chevron","d":"Rotating chevron placed before the label instead of after it.","s":"flx","c":"data-display/accordion","hc":1},{"id":"flx:accordion-09","t":"Rich content","d":"Lists, links, and a button inside the panel body.","s":"flx","c":"data-display/accordion","hc":1},{"id":"flx:accordion-10","t":"Disabled item","d":"One trigger disabled while the others stay interactive.","s":"flx","c":"data-display/accordion","hc":1},{"id":"flx:accordion-11","t":"Nested","d":"An accordion rendered inside another panel body.","s":"flx","c":"data-display/accordion","sb":"Nested","hc":1},{"id":"flx:accordion-12","t":"Ghost","d":"Borderless minimal rows with an active color on open.","s":"flx","c":"data-display/accordion","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"flx:accordion-13","t":"Filled trigger","d":"Each trigger sits on a muted, rounded background.","s":"flx","c":"data-display/accordion","hc":1},{"id":"flx:accordion-14","t":"Expand all","d":"Controlled value with expand-all / collapse-all buttons.","s":"flx","c":"data-display/accordion","hc":1},{"id":"flx:accordion-15","t":"Settings sections","d":"Grouped switch rows revealed inside each panel.","s":"flx","c":"data-display/accordion","hc":1},{"id":"flx:accordion-16","t":"With subtitle","d":"Two-line trigger pairing a title with helper text.","s":"flx","c":"data-display/accordion","hc":1},{"id":"flx:avatar-01","t":"Basic","d":"Image avatar with an initials fallback.","s":"flx","c":"data-display/avatar","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"flx:avatar-02","t":"Fallback initials","d":"Missing image falls back to initials.","s":"flx","c":"data-display/avatar","hc":1},{"id":"flx:avatar-03","t":"Icon fallback","d":"Generic user icon when there is no image or name.","s":"flx","c":"data-display/avatar","hc":1},{"id":"flx:avatar-04","t":"Sizes","d":"Small, default, and large sizes side-by-side.","s":"flx","c":"data-display/avatar","hc":1},{"id":"flx:avatar-05","t":"Colored fallback","d":"Tinted initials fallbacks using semantic tokens.","s":"flx","c":"data-display/avatar","hc":1},{"id":"flx:avatar-06","t":"Status badge","d":"Presence dot in the corner showing online, away, or offline.","s":"flx","c":"data-display/avatar","hc":1},{"id":"flx:avatar-07","t":"Badge with icon","d":"Verified check icon inside the AvatarBadge.","s":"flx","c":"data-display/avatar","hc":1},{"id":"flx:avatar-08","t":"With name","d":"Avatar beside a name and email, forming a user row.","s":"flx","c":"data-display/avatar","hc":1},{"id":"flx:avatar-09","t":"Group","d":"Overlapping AvatarGroup stack of members.","s":"flx","c":"data-display/avatar","hc":1},{"id":"flx:avatar-10","t":"Group with count","d":"Overlapping group with a +N count for the remaining members.","s":"flx","c":"data-display/avatar","hc":1},{"id":"flx:avatar-11","t":"Group with tooltip","d":"Hover each avatar in the group to reveal its name.","s":"flx","c":"data-display/avatar","hc":1},{"id":"flx:avatar-12","t":"Loading skeleton","d":"Skeleton placeholder while the avatar loads.","s":"flx","c":"data-display/avatar","hc":1},{"id":"flx:avatar-13","t":"Icon on top","d":"Icon badge pinned to the top-right corner.","s":"flx","c":"data-display/avatar","hc":1},{"id":"flx:badge-01","t":"Basic","d":"A single default badge.","s":"flx","c":"data-display/badge","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"flx:badge-02","t":"Variants","d":"All six variants side-by-side: default, secondary, destructive, outline, ghost, link.","s":"flx","c":"data-display/badge","hc":1},{"id":"flx:badge-03","t":"With icon","d":"Leading verified icon before the label.","s":"flx","c":"data-display/badge","hc":1},{"id":"flx:badge-04","t":"With status dot","d":"A colored presence dot beside an outline label.","s":"flx","c":"data-display/badge","sb":"Status","hc":1},{"id":"flx:badge-05","t":"Status colors","d":"Tinted success, warning, error, and info states.","s":"flx","c":"data-display/badge","sb":"Status","hc":1},{"id":"flx:badge-06","t":"Count","d":"Pill-shaped numeric counts with tabular figures.","s":"flx","c":"data-display/badge","sb":"Counts","hc":1},{"id":"flx:badge-07","t":"As link","d":"render prop renders the badge as an anchor with a trailing icon.","s":"flx","c":"data-display/badge","hc":1},{"id":"flx:badge-08","t":"Removable","d":"Dismissible tag chips with a trailing remove button.","s":"flx","c":"data-display/badge","hc":1},{"id":"flx:badge-09","t":"With avatar","d":"Assignee chip with a leading avatar inside the badge.","s":"flx","c":"data-display/badge","sb":"User","hc":1},{"id":"flx:badge-10","t":"Sizes","d":"Small, default, and large sizes via className.","s":"flx","c":"data-display/badge","hc":1},{"id":"flx:badge-11","t":"Trend delta","d":"Up and down arrows with tinted gain / loss percentages.","s":"flx","c":"data-display/badge","hc":1},{"id":"flx:badge-12","t":"Icon only","d":"Round icon-only badges across variants.","s":"flx","c":"data-display/badge","hc":1},{"id":"flx:badge-13","t":"Tag list","d":"A wrapping group of outline badges as tags.","s":"flx","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"flx:banner-01","t":"Basic","d":"Icon, message, and a subtle bordered surface.","s":"flx","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"flx:banner-02","t":"Variants","d":"Info, success, warning, and error tones stacked.","s":"flx","c":"overlays/alert-banner","hc":1},{"id":"flx:banner-03","t":"Dismissible","d":"A close button hides the banner with a restore link.","s":"flx","c":"overlays/alert-banner","hc":1},{"id":"flx:banner-04","t":"With actions","d":"Message paired with Later and Update now buttons.","s":"flx","c":"overlays/alert-banner","hc":1},{"id":"flx:banner-06","t":"Announcement bar","d":"Full-width gradient promo with a New tag and arrow.","s":"flx","c":"overlays/alert-banner","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"flx:banner-07","t":"Expandable","d":"Collapsible release notes that reveal highlights.","s":"flx","c":"overlays/alert-banner","hc":1},{"id":"flx:banner-09","t":"Maintenance","d":"Amber system notice with a pulsing status dot.","s":"flx","c":"overlays/alert-banner","hc":1},{"id":"flx:banner-11","t":"Email verification","d":"Blue prompt with a Resend email button that switches to a sent confirmation.","s":"flx","c":"overlays/alert-banner","hc":1},{"id":"flx:banner-12","t":"Stacked","d":"A list of dismissible notices, each removed on its own.","s":"flx","c":"overlays/alert-banner","hc":1},{"id":"flx:banner-14","t":"With progress","d":"Live import banner with a spinner and a progress bar.","s":"flx","c":"overlays/alert-banner","hc":1},{"id":"flx:breadcrumb-01","t":"Basic","d":"Links with a current page and chevron separators.","s":"flx","c":"navigation/breadcrumb","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"flx:breadcrumb-02","t":"With icons","d":"Each crumb prefixed with a small icon, such as a house, folder, or file.","s":"flx","c":"navigation/breadcrumb","hc":1},{"id":"flx:breadcrumb-03","t":"Custom separator","d":"Swap the chevron for a slash via separator children.","s":"flx","c":"navigation/breadcrumb","hc":1},{"id":"flx:breadcrumb-04","t":"Dot separator","d":"Lighter middle dot divider between crumbs.","s":"flx","c":"navigation/breadcrumb","hc":1},{"id":"flx:breadcrumb-05","t":"With ellipsis","d":"Middle levels replaced by a static ellipsis icon, showing only the first and last crumbs.","s":"flx","c":"navigation/breadcrumb","hc":1},{"id":"flx:breadcrumb-06","t":"With dropdown","d":"Ghost icon Button opens a menu of the hidden levels.","s":"flx","c":"navigation/breadcrumb","hc":1},{"id":"flx:breadcrumb-07","t":"Responsive collapse","d":"Dropdown on small screens, full inline path from sm up.","s":"flx","c":"navigation/breadcrumb","hc":1},{"id":"flx:breadcrumb-08","t":"As link","d":"Breadcrumb links that open in a new tab, with an external-link icon on the outbound crumb.","s":"flx","c":"navigation/breadcrumb","hc":1},{"id":"flx:breadcrumb-09","t":"Dropdown at end","d":"Last crumb is a Button switcher for sibling pages.","s":"flx","c":"navigation/breadcrumb","hc":1},{"id":"flx:button-01","t":"Basic","d":"Default button with text label.","s":"flx","c":"actions/button","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"flx:button-02","t":"Variants","d":"All six variants side-by-side: default, secondary, outline, ghost, destructive, link.","s":"flx","c":"actions/button","hc":1},{"id":"flx:button-03","t":"Sizes","d":"Extra small, small, default, and large sizes.","s":"flx","c":"actions/button","hc":1},{"id":"flx:button-04","t":"With leading icon","d":"Button with an icon placed before the text label.","s":"flx","c":"actions/button","sb":"Icon buttons","hc":1},{"id":"flx:button-05","t":"With trailing icon","d":"Button with an icon placed after the text label.","s":"flx","c":"actions/button","sb":"Icon buttons","hc":1},{"id":"flx:button-06","t":"Icon only","d":"Square icon-only buttons in every icon size.","s":"flx","c":"actions/button","sb":"Icon buttons","hc":1},{"id":"flx:button-07","t":"Disabled","d":"Button in the disabled state, visually dimmed and non-interactive.","s":"flx","c":"actions/button","hc":1},{"id":"flx:button-08","t":"Loading","d":"Button with a spinning loader icon and label, indicating an in-progress async action.","s":"flx","c":"actions/button","sb":"Loading and states","hc":1},{"id":"flx:button-09","t":"As link","d":"Link-styled button that navigates to an external URL, rendered as an anchor with a trailin","s":"flx","c":"actions/button","hc":1},{"id":"flx:button-10","t":"With avatar","d":"User picker style button with a small avatar image leading the text label.","s":"flx","c":"actions/button","hc":1},{"id":"flx:button-11","t":"Hover slide arrow","d":"CTA arrow nudges right on hover.","s":"flx","c":"actions/button","sb":"Animated","hc":1},{"id":"flx:button-12","t":"With badge","d":"Notification count badge overlapping an icon button.","s":"flx","c":"actions/button","hc":1},{"id":"flx:button-13","t":"Copy to clipboard","d":"Icon and label swap to a check on copy.","s":"flx","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"flx:button-14","t":"Hover rotate refresh","d":"Refresh button whose icon rotates a full 360° on each click.","s":"flx","c":"actions/button","sb":"Animated","hc":1},{"id":"flx:button-15","t":"Hamburger toggle","d":"Three bars morph into an X on press.","s":"flx","c":"actions/button","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"flx:button-16","t":"Basic group","d":"Horizontal row of buttons with merged borders, used for segmented controls like date range","s":"flx","c":"actions/button","tg":["minimal"],"sb":"Groups and split","sy":["minimal"],"hc":1},{"id":"flx:button-17","t":"Vertical group","d":"Stacked column of buttons with merged borders, used for vertical navigation menus.","s":"flx","c":"actions/button","sb":"Groups and split","hc":1},{"id":"flx:button-18","t":"Icon toolbar","d":"Compact toolbar of icon-only buttons with merged borders, used for text formatting actions","s":"flx","c":"actions/button","sb":"Icon buttons","hc":1},{"id":"flx:button-20","t":"With label prefix","d":"Static text label leading a group of action buttons, useful for labelled sort or filter co","s":"flx","c":"actions/button","hc":1},{"id":"flx:button-21","t":"Split button","d":"Primary action button paired with a chevron that opens a dropdown of secondary actions.","s":"flx","c":"actions/button","sb":"Groups and split","hc":1},{"id":"flx:button-22","t":"Pagination","d":"Prev arrow, numbered page buttons, and Next arrow in a merged-border row.","s":"flx","c":"actions/button","hc":1},{"id":"flx:button-23","t":"Copy field","d":"Read-only text value paired with a trailing icon button that copies it to the clipboard, w","s":"flx","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"flx:button-24","t":"Group with disabled","d":"Merged-border button row where one step is visually disabled and non-interactive.","s":"flx","c":"actions/button","sb":"Groups and split","hc":1},{"id":"flx:button-25","t":"Destructive pair","d":"Cancel + Delete spaced action pair.","s":"flx","c":"actions/button","hc":1},{"id":"flx:button-26","t":"With select","d":"Sort dropdown paired with a direction-toggle icon button in a merged-border row.","s":"flx","c":"actions/button","hc":1},{"id":"flx:button-27","t":"With popover swatch","d":"Color swatch button that opens a grid of color swatches, paired with a hex value label in ","s":"flx","c":"actions/button","hc":1},{"id":"flx:card-01","t":"Basic","d":"Header, action, content, and a bordered footer.","s":"flx","c":"data-display/card","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"flx:card-02","t":"With image","d":"Top media banner above title, body, and a CTA footer.","s":"flx","c":"data-display/card","hc":1},{"id":"flx:card-03","t":"Horizontal","d":"Image on the left beside a category, title, and link.","s":"flx","c":"data-display/card","hc":1},{"id":"flx:card-04","t":"With action menu","d":"Three-dot icon button in the header corner opens a dropdown with rename, share, and delete","s":"flx","c":"data-display/card","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"flx:card-05","t":"Stat","d":"KPI value with an icon and a tinted trend badge.","s":"flx","c":"data-display/card","sb":"Metric","hc":1},{"id":"flx:card-06","t":"Login form","d":"Email and password fields with sign-in and OAuth buttons.","s":"flx","c":"data-display/card","hc":1},{"id":"flx:card-07","t":"Opens in dialog","d":"A footer button launches a modal with subscription detail.","s":"flx","c":"data-display/card","hc":1},{"id":"flx:card-08","t":"Profile","d":"Centered avatar, stats row, and follow / message actions.","s":"flx","c":"data-display/card","sb":"Profile","hc":1},{"id":"flx:card-09","t":"Pricing","d":"Highlighted plan with a Popular badge and feature checklist.","s":"flx","c":"data-display/card","sb":"Pricing","hc":1},{"id":"flx:card-10","t":"Product","d":"Square image with a sale badge, price, and add-to-cart.","s":"flx","c":"data-display/card","sb":"Product","hc":1},{"id":"flx:card-11","t":"Notification settings","d":"Horizontal field rows each toggled with a switch.","s":"flx","c":"data-display/card","hc":1},{"id":"flx:card-12","t":"Selectable","d":"Clickable plan cards with a ring and check on the active one.","s":"flx","c":"data-display/card","hc":1},{"id":"flx:card-13","t":"Image overlay","d":"Text and a CTA over a gradient-darkened cover image.","s":"flx","c":"data-display/card","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"flx:card-14","t":"Payment form","d":"Name on card, card number with icon, expiry, CVC, and country select fields with a pay but","s":"flx","c":"data-display/card","sb":"Payment","hc":1},{"id":"flx:checkbox-01","t":"Basic","d":"Single checkbox with a label.","s":"flx","c":"inputs/checkbox","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"flx:checkbox-02","t":"With description","d":"Checkbox with a label and helper description.","s":"flx","c":"inputs/checkbox","hc":1},{"id":"flx:checkbox-03","t":"Disabled","d":"Disabled unchecked and disabled checked states.","s":"flx","c":"inputs/checkbox","hc":1},{"id":"flx:checkbox-04","t":"Group","d":"Grouped list of notification checkboxes, each with a label and helper description, inside ","s":"flx","c":"inputs/checkbox","hc":1},{"id":"flx:checkbox-06","t":"Select all","d":"Parent checkbox with an indeterminate mixed state.","s":"flx","c":"inputs/checkbox","hc":1},{"id":"flx:checkbox-07","t":"Nested tree","d":"Multi-level file tree; parents derive checked / indeterminate from children.","s":"flx","c":"inputs/checkbox","hc":1},{"id":"flx:checkbox-08","t":"Choice cards","d":"Bordered add-on cards that highlight when checked.","s":"flx","c":"inputs/checkbox","hc":1},{"id":"flx:checkbox-09","t":"Payment methods","d":"Selectable saved credit cards with brand and last four.","s":"flx","c":"inputs/checkbox","hc":1},{"id":"flx:checkbox-10","t":"Table row selection","d":"Data table with a select-all header, per-row checkboxes, and a count.","s":"flx","c":"inputs/checkbox","hc":1},{"id":"flx:checkbox-11","t":"Invalid / required","d":"Checkbox with an inline error message that appears when the form is submitted without chec","s":"flx","c":"inputs/checkbox","hc":1},{"id":"flx:checkbox-12","t":"React Hook Form + Zod","d":"Controller binds a checkbox group to React Hook Form; Zod requires at least one selection.","s":"flx","c":"inputs/checkbox","hc":1},{"id":"flx:checkbox-13","t":"TanStack Form + Zod","d":"form.Field wires a checkbox group to TanStack Form; Zod validates on submit and shows an e","s":"flx","c":"inputs/checkbox","hc":1},{"id":"flx:collapsible-01","t":"Basic","d":"Canonical starred-repos toggle with a chevron trigger.","s":"flx","c":"data-display/accordion","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"flx:collapsible-02","t":"FAQ list","d":"Stacked question rows; each answer expands with an animated chevron.","s":"flx","c":"data-display/accordion","sb":"FAQ","hc":1},{"id":"flx:collapsible-03","t":"File tree","d":"Nested folders built from collapsible rows, with folder icons that swap on open.","s":"flx","c":"data-display/accordion","sb":"Nested","hc":1},{"id":"flx:collapsible-04","t":"Read more","d":"Truncated paragraph reveals the rest; trigger label swaps to Show less.","s":"flx","c":"data-display/accordion","hc":1},{"id":"flx:collapsible-05","t":"Sidebar nav group","d":"Collapsible navigation sections with sub-items and a rotating chevron.","s":"flx","c":"data-display/accordion","hc":1},{"id":"flx:collapsible-06","t":"Advanced options","d":"Form reveals extra fields behind an Advanced options toggle.","s":"flx","c":"data-display/accordion","hc":1},{"id":"flx:command-01","t":"Basic","d":"Canonical command menu with grouped items, icons, and shortcuts.","s":"flx","c":"navigation/command-palette","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"flx:command-02","t":"Command dialog","d":"Spotlight-style ⌘K palette toggled by a button or keyboard shortcut.","s":"flx","c":"navigation/command-palette","hc":1},{"id":"flx:command-03","t":"Global search","d":"Rich search dialog with recent, pages, and people plus a hint footer.","s":"flx","c":"navigation/command-palette","hc":1},{"id":"flx:command-04","t":"Async loading","d":"Debounced search with skeleton rows while loading, an empty state, and shouldFilter disabl","s":"flx","c":"navigation/command-palette","hc":1},{"id":"flx:command-05","t":"Combobox","d":"Popover + Command framework picker with a check mark.","s":"flx","c":"navigation/command-palette","hc":1},{"id":"flx:command-06","t":"Combobox with clear","d":"Selected value shows an inline X that clears without reopening.","s":"flx","c":"navigation/command-palette","hc":1},{"id":"flx:command-07","t":"Multiple — chips","d":"Multi-select showing every choice as a removable badge chip in the trigger.","s":"flx","c":"navigation/command-palette","hc":1},{"id":"flx:command-14","t":"Multiple — count summary","d":"Trigger shows \"first, +N\" with a separate button to clear all.","s":"flx","c":"navigation/command-palette","hc":1},{"id":"flx:command-15","t":"Multiple — faceted filter","d":"Dashed trigger with count badges, checkbox rows, facet counts, and a clear footer.","s":"flx","c":"navigation/command-palette","hc":1},{"id":"flx:command-08","t":"Grouped picker","d":"Options split into labeled groups with separators, demonstrated with timezones organized b","s":"flx","c":"navigation/command-palette","hc":1},{"id":"flx:command-09","t":"Assignee picker","d":"Avatars with name and email subtext in the trigger and options.","s":"flx","c":"navigation/command-palette","hc":1},{"id":"flx:command-10","t":"Status picker","d":"Ghost trigger with a colored status dot, issue-tracker style.","s":"flx","c":"navigation/command-palette","hc":1},{"id":"flx:command-11","t":"With label","d":"Combobox composed with an accessible field Label.","s":"flx","c":"navigation/command-palette","hc":1},{"id":"flx:command-12","t":"React Hook Form + Zod","d":"Controller binds the combobox to RHF; Zod resolver drives FieldError on submit.","s":"flx","c":"navigation/command-palette","hc":1},{"id":"flx:command-13","t":"TanStack Form + Zod","d":"form.Field wires the combobox; Zod onSubmit validator surfaces FieldError when touched.","s":"flx","c":"navigation/command-palette","hc":1},{"id":"flx:dialog-01","t":"Confirm action","d":"Polished yes/no with icon and clear hierarchy.","s":"flx","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"flx:dialog-02","t":"Edit profile","d":"FieldGroup form with Save and Cancel footer.","s":"flx","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"flx:dialog-03","t":"Delete account","d":"Destructive warning with icon and emphasized copy.","s":"flx","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"flx:dialog-04","t":"Terms, sticky footer","d":"Long scroll body; Accept and Decline pinned footer.","s":"flx","c":"overlays/dialog","hc":1},{"id":"flx:dialog-05","t":"Share link","d":"Readonly URL with copy control; minimal footer.","s":"flx","c":"overlays/dialog","tg":["minimal"],"sb":"Share and invite","sy":["minimal"],"hc":1},{"id":"flx:dialog-06","t":"Sticky header","d":"Header fixed; scrollable changelog-style body.","s":"flx","c":"overlays/dialog","hc":1},{"id":"flx:dialog-08","t":"Verify code (OTP)","d":"6-digit InputOTP with separator; Verify footer.","s":"flx","c":"overlays/dialog","hc":1},{"id":"flx:dialog-09","t":"Onboarding welcome","d":"Compact hero image, title, and description; dual CTAs.","s":"flx","c":"overlays/dialog","sb":"Onboarding","hc":1},{"id":"flx:dialog-10","t":"Footer only dismiss","d":"No corner close button; dismiss only through the footer.","s":"flx","c":"overlays/dialog","hc":1},{"id":"flx:dialog-11","t":"Pick teammates","d":"Scrollable avatar rows with selection; Invite footer.","s":"flx","c":"overlays/dialog","sb":"Share and invite","hc":1},{"id":"flx:dialog-12","t":"Success","d":"Completion check icon and Continue action.","s":"flx","c":"overlays/dialog","hc":1},{"id":"flx:dialog-13","t":"Type to confirm","d":"Type delete to enable destructive button.","s":"flx","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"flx:dialog-14","t":"Settings sections","d":"Notifications and Security blocks via Separator.","s":"flx","c":"overlays/dialog","hc":1},{"id":"flx:dialog-15","t":"Choose image","d":"Thumbnail grid with selection ring.","s":"flx","c":"overlays/dialog","sb":"Media","hc":1},{"id":"flx:dialog-16","t":"Invite team","d":"Icon header plus email field.","s":"flx","c":"overlays/dialog","sb":"Share and invite","hc":1},{"id":"flx:dialog-17","t":"Long form, sticky footer","d":"Many fields in scroll; footer-only sticky.","s":"flx","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"flx:dialog-18","t":"Stacked actions","d":"Full-width footer buttons for mobile-friendly CTAs.","s":"flx","c":"overlays/dialog","hc":1},{"id":"flx:dialog-19","t":"React Hook Form","d":"Dialog form with RHF, Zod resolver, and FieldError on invalid fields.","s":"flx","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"flx:dialog-20","t":"TanStack Form","d":"Dialog form with TanStack Form and Zod onSubmit validation.","s":"flx","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"flx:dialog-21","t":"Nested dialog","d":"Dialog stacked inside another dialog, e.g. avatar picker from profile.","s":"flx","c":"overlays/dialog","hc":1},{"id":"flx:dialog-22","t":"From dropdown","d":"Dialog triggered by a DropdownMenuItem with onSelect preventDefault.","s":"flx","c":"overlays/dialog","hc":1},{"id":"flx:dropdown-01","t":"Basic","d":"Label, separator, and a list of action items.","s":"flx","c":"navigation/menu","tg":["minimal"],"sb":"Dropdowns","sy":["minimal"],"hc":1},{"id":"flx:dropdown-02","t":"With icons and shortcuts","d":"Leading icons paired with trailing keyboard shortcuts.","s":"flx","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"flx:dropdown-03","t":"Grouped","d":"Multiple labeled groups divided by separators.","s":"flx","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"flx:dropdown-04","t":"Destructive item","d":"A red destructive Delete action separated from the regular items.","s":"flx","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"flx:dropdown-05","t":"Disabled items","d":"Non-interactive items dimmed with the disabled prop.","s":"flx","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"flx:dropdown-06","t":"Checkbox items","d":"Toggle multiple view options with checkbox items.","s":"flx","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"flx:dropdown-07","t":"Radio group","d":"Radio items that keep exactly one option selected at a time.","s":"flx","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"flx:dropdown-08","t":"Submenu","d":"A menu item that reveals a nested flyout panel with more options.","s":"flx","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"flx:dropdown-09","t":"Account menu","d":"Avatar trigger with a name and email header block.","s":"flx","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"flx:dropdown-10","t":"Icon button actions","d":"Ghost ellipsis trigger opens a compact actions menu.","s":"flx","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"flx:dropdown-11","t":"Table row actions","d":"Per-row ellipsis menu with edit, copy, and remove.","s":"flx","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"flx:dropdown-12","t":"Sides and alignment","d":"Align start or end and open the menu to the side.","s":"flx","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"flx:dropdown-13","t":"Controlled open","d":"Menu whose open/closed state is managed externally and reflected in the trigger label.","s":"flx","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"flx:dropdown-14","t":"Theme switcher","d":"Radio group toggling light, dark, and system themes.","s":"flx","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"flx:dropdown-15","t":"Multi select filter","d":"Checkbox items with a count badge and a clear action.","s":"flx","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"flx:dropdown-16","t":"Notifications","d":"Bell trigger with an unread badge and an activity list.","s":"flx","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"flx:dropdown-17","t":"With dialog","d":"A menu item opens a controlled confirmation dialog.","s":"flx","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"flx:dropdown-18","t":"React Hook Form + Zod","d":"Controller binds a radio group to RHF; Zod requires a selection.","s":"flx","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"flx:dropdown-19","t":"TanStack Form + Zod","d":"form.Field wires the radio group; Zod onSubmit surfaces FieldError.","s":"flx","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"flx:empty-01","t":"Basic","d":"Icon, title, and description for an empty list.","s":"flx","c":"data-display/list","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"flx:empty-02","t":"With actions","d":"First-run state with primary and secondary CTAs.","k":"section","s":"flx","c":"marketing/cta","hc":1},{"id":"flx:empty-03","t":"No results","d":"Search empty state with a clear-filters action.","s":"flx","c":"data-display/empty-state","hc":1},{"id":"flx:empty-04","t":"Avatar group","d":"Bordered empty team card with an avatar stack and invite.","s":"flx","c":"data-display/avatar","hc":1},{"id":"flx:empty-05","t":"In dialog","d":"Empty inbox state composed inside a Dialog.","s":"flx","c":"overlays/dialog","hc":1},{"id":"flx:input-01","t":"Basic","d":"Plain text input with a placeholder, no addons.","s":"flx","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"flx:input-02","t":"With Addon","d":"Input with trailing search icon addon.","s":"flx","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"flx:input-03","t":"Disabled","d":"Text input rendered in a disabled, non-interactive state.","s":"flx","c":"inputs/form-field","hc":1},{"id":"flx:input-04","t":"With Addon in the end","d":"Password input with a trailing eye-off icon to indicate visibility toggle.","s":"flx","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"flx:input-05","t":"With prefix and suffix","d":"URL input with a fixed \"https://\" prefix and \".com\" suffix text addons.","s":"flx","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"flx:input-06","t":"With loading spinner","d":"Spinning loader in the trailing addon while searching.","s":"flx","c":"inputs/form-field","hc":1},{"id":"flx:input-07","t":"With clear button","d":"Clear button appears in the trailing addon when the field has text.","s":"flx","c":"inputs/form-field","hc":1},{"id":"flx:input-08","t":"With tooltip","d":"Help icon in the trailing addon opens a tooltip on hover.","s":"flx","c":"inputs/form-field","hc":1},{"id":"flx:input-09","t":"With popover","d":"Info button in the trailing addon opens a popover with helper content.","s":"flx","c":"inputs/form-field","hc":1},{"id":"flx:input-10","t":"With dropdown menu","d":"Trailing addon button opens a menu to choose search scope.","s":"flx","c":"inputs/form-field","hc":1},{"id":"flx:input-11","t":"In Form","d":"Labeled text input with a supporting description line below the field.","s":"flx","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"flx:input-12","t":"React Hook Form + Zod","d":"Controller binds Input to RHF; Zod resolver drives FieldError on submit.","s":"flx","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"flx:input-13","t":"TanStack Form + Zod","d":"form.Field wires Input; Zod onSubmit validator surfaces FieldError when touched.","s":"flx","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"flx:input-14","t":"With search button","d":"ButtonGroup pairs a text input with a trailing search action button.","s":"flx","c":"inputs/form-field","hc":1},{"id":"flx:input-16","t":"With email domain","d":"Username field with a fixed @company.com suffix addon, locking the email domain.","s":"flx","c":"inputs/form-field","sb":"Email","hc":1},{"id":"flx:input-15","t":"With currency select","d":"Nested ButtonGroup: currency Select, amount input, and submit icon button.","s":"flx","c":"inputs/form-field","hc":1},{"id":"flx:input-17","t":"With nested input group","d":"Attach button plus InputGroup message field and send action in a ButtonGroup.","s":"flx","c":"inputs/form-field","hc":1},{"id":"flx:item-02","t":"Basic","d":"Title plus supporting description.","s":"flx","c":"data-display/list","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"flx:item-03","t":"Variants","d":"Default, outline, and muted variants side-by-side.","s":"flx","c":"data-display/list","hc":1},{"id":"flx:item-04","t":"Sizes","d":"Default, sm, and xs sizes side-by-side.","s":"flx","c":"data-display/list","hc":1},{"id":"flx:item-05","t":"With icon","d":"Leading icon placed before the title and description.","s":"flx","c":"data-display/list","hc":1},{"id":"flx:item-06","t":"With avatar","d":"User avatar photo placed before the name and subtitle.","s":"flx","c":"data-display/list","hc":1},{"id":"flx:item-07","t":"With thumbnail","d":"Small image thumbnail placed before the title and subtitle.","s":"flx","c":"data-display/list","hc":1},{"id":"flx:item-08","t":"With actions","d":"Avatar, name, role, and a trailing action button.","s":"flx","c":"data-display/list","hc":1},{"id":"flx:item-09","t":"Header and footer","d":"Status badge above the title and a metadata row below the description.","s":"flx","c":"data-display/list","hc":1},{"id":"flx:item-10","t":"As link","d":"The entire row is clickable, navigating to a URL with a trailing arrow icon.","s":"flx","c":"data-display/list","hc":1},{"id":"flx:item-11","t":"Group","d":"Multiple rows grouped together with thin dividers between each row.","s":"flx","c":"data-display/list","hc":1},{"id":"flx:item-12","t":"User list","d":"Avatars with name, role, and Follow action per row.","s":"flx","c":"data-display/list","sb":"People","hc":1},{"id":"flx:item-13","t":"Notifications","d":"Leading icon, title with an unread dot indicator, and a trailing timestamp.","s":"flx","c":"data-display/list","sb":"Inbox","hc":1},{"id":"flx:item-14","t":"File list","d":"File icon, name, size metadata, and a trailing overflow menu with actions per row.","s":"flx","c":"data-display/list","sb":"Files and trees","hc":1},{"id":"flx:item-15","t":"Settings row","d":"Title and description with a trailing Switch.","s":"flx","c":"data-display/list","hc":1},{"id":"flx:item-16","t":"Integrations","d":"Brand icon, status badge in title, connect Switch.","s":"flx","c":"data-display/list","hc":1},{"id":"flx:item-17","t":"Stat rows","d":"Stacked KPI rows with label, value, and trend delta.","s":"flx","c":"data-display/list","hc":1},{"id":"flx:item-18","t":"Pricing tiers","d":"Stacked tier rows with Popular badge, price, and CTA button.","s":"flx","c":"data-display/list","hc":1},{"id":"flx:item-19","t":"Activity feed","d":"Icon timeline rows with relative time footer.","s":"flx","c":"data-display/list","sb":"Activity and feeds","hc":1},{"id":"flx:item-20","t":"In dropdown menu","d":"Compact user avatar and email placed at the top of a dropdown menu.","s":"flx","c":"data-display/list","hc":1},{"id":"flx:item-21","t":"In popover","d":"File rows with image thumbnails displayed inside a floating popover panel.","s":"flx","c":"data-display/list","hc":1},{"id":"flx:item-24","t":"Empty team","d":"Overlapping avatar stack above an empty-state message with an invite button.","s":"flx","c":"data-display/list","sb":"People","hc":1},{"id":"flx:pagination-01","t":"Basic","d":"Numbers with ellipsis, previous, and next links.","s":"flx","c":"navigation/pagination","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"flx:pagination-02","t":"Compact","d":"Inline numbers from sm up, \"Page X of Y\" on mobile.","s":"flx","c":"navigation/pagination","hc":1},{"id":"flx:pagination-03","t":"Interactive window","d":"Stateful current page with a sliding ellipsis range.","s":"flx","c":"navigation/pagination","hc":1},{"id":"flx:pagination-04","t":"Rows per page","d":"Page-size select with first, prev, next, and last.","s":"flx","c":"navigation/pagination","hc":1},{"id":"flx:pagination-05","t":"Results summary","d":"Showing 1–10 of 97 alongside the page controls.","s":"flx","c":"navigation/pagination","hc":1},{"id":"flx:pagination-06","t":"Article prev / next","d":"Two linked cards with titles for adjacent articles.","s":"flx","c":"navigation/pagination","hc":1},{"id":"flx:pagination-07","t":"Dots","d":"Carousel-style dots; the active page expands to a pill.","s":"flx","c":"navigation/pagination","hc":1},{"id":"flx:pagination-08","t":"Jump to page","d":"Numeric input to jump directly to any page.","s":"flx","c":"navigation/pagination","hc":1},{"id":"flx:popover-01","t":"Basic","d":"Default popover with a button trigger and simple text.","s":"flx","c":"overlays/popover","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"flx:popover-02","t":"With header","d":"Popover with a bold title and a short description below it.","s":"flx","c":"overlays/popover","hc":1},{"id":"flx:popover-03","t":"Sides","d":"Place the popover on top, right, bottom, or left of the trigger.","s":"flx","c":"overlays/popover","hc":1},{"id":"flx:popover-04","t":"Alignment","d":"Align the content to the start, center, or end of the trigger.","s":"flx","c":"overlays/popover","hc":1},{"id":"flx:popover-05","t":"Custom width","d":"Override the default width via className on PopoverContent.","s":"flx","c":"overlays/popover","hc":1},{"id":"flx:popover-06","t":"Dimensions form","d":"Form with inline labeled inputs for width, max-width, height, and max-height.","s":"flx","c":"overlays/popover","hc":1},{"id":"flx:popover-07","t":"Notification settings","d":"Switches with labels and descriptions inside the popover.","s":"flx","c":"overlays/popover","hc":1},{"id":"flx:popover-08","t":"Color picker","d":"Swatch grid with a check icon on the active color.","s":"flx","c":"overlays/popover","hc":1},{"id":"flx:popover-09","t":"Share link","d":"Readonly URL input with a trailing copy button.","s":"flx","c":"overlays/popover","hc":1},{"id":"flx:popover-10","t":"Notifications list","d":"Notification rows with an icon, message text, timestamp, and unread indicator dot.","s":"flx","c":"overlays/popover","hc":1},{"id":"flx:popover-11","t":"Profile card","d":"Banner image, avatar, bio, and follow / message actions.","s":"flx","c":"overlays/popover","hc":1},{"id":"flx:popover-12","t":"Cover picker","d":"Thumbnail grid with a selection ring for choosing a cover image.","s":"flx","c":"overlays/popover","hc":1},{"id":"flx:popover-13","t":"Filters","d":"Grouped toggle button filters for status and priority, with reset and apply actions.","s":"flx","c":"overlays/popover","hc":1},{"id":"flx:popover-14","t":"Scrollable list","d":"Scrollable list of team members with avatars and roles inside a fixed-height popover.","s":"flx","c":"overlays/popover","hc":1},{"id":"flx:select-01","t":"Basic","d":"Minimal single-value dropdown with a placeholder and a flat list of options.","s":"flx","c":"inputs/select","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"flx:select-02","t":"Grouped","d":"Options organized into labeled groups.","s":"flx","c":"inputs/select","hc":1},{"id":"flx:select-03","t":"Disabled","d":"Non-interactive select state.","s":"flx","c":"inputs/select","hc":1},{"id":"flx:select-04","t":"With Icons","d":"Options with leading icons.","s":"flx","c":"inputs/select","hc":1},{"id":"flx:select-05","t":"With Object","d":"Each option shows a bold label and a muted description sub-line; the trigger displays the ","s":"flx","c":"inputs/select","hc":1},{"id":"flx:select-06","t":"With description only items","d":"Options show a bold label and a muted description sub-line; the trigger shows only the lab","s":"flx","c":"inputs/select","hc":1},{"id":"flx:select-07","t":"Disabled Items","d":"Select with individual disabled options.","s":"flx","c":"inputs/select","hc":1},{"id":"flx:select-08","t":"With Avatar","d":"User picker with avatars in trigger and options.","s":"flx","c":"inputs/select","hc":1},{"id":"flx:select-09","t":"Custom Border & Background","d":"Muted background and custom border on the trigger.","s":"flx","c":"inputs/select","hc":1},{"id":"flx:select-10","t":"With Label","d":"Accessible field label linked to the select trigger.","s":"flx","c":"inputs/select","hc":1},{"id":"flx:select-11","t":"In Form","d":"Select composed with Field, FieldLabel, and description.","s":"flx","c":"inputs/select","hc":1},{"id":"flx:select-12","t":"React Hook Form + Zod","d":"Controller binds Select to RHF; Zod resolver drives FieldError on submit.","s":"flx","c":"inputs/select","hc":1},{"id":"flx:select-13","t":"TanStack Form + Zod","d":"form.Field wires Select; Zod onSubmit validator surfaces FieldError when touched.","s":"flx","c":"inputs/select","hc":1},{"id":"flx:select-14","t":"With inline label","d":"Muted prefix label inside the trigger, left of the selected value.","s":"flx","c":"inputs/select","hc":1},{"id":"flx:select-15","t":"Animated content","d":"Dropdown opens in popper position anchored below the trigger with a small offset, giving a","s":"flx","c":"inputs/select","hc":1},{"id":"flx:select-16","t":"Icon in the trigger","d":"Fixed leading icon in the trigger alongside the selected value; dropdown options are text ","s":"flx","c":"inputs/select","hc":1},{"id":"flx:skeleton-01","t":"Basic","d":"A stack of placeholder lines for a text block.","s":"flx","c":"status/skeleton","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"flx:skeleton-02","t":"Avatar with text","d":"A circle beside two lines, mimicking a loading user row.","s":"flx","c":"status/skeleton","hc":1},{"id":"flx:skeleton-03","t":"Card","d":"Media banner above a title, body lines, and a footer.","s":"flx","c":"status/skeleton","hc":1},{"id":"flx:skeleton-04","t":"Paragraph","d":"A heading followed by full-width body lines.","s":"flx","c":"status/skeleton","hc":1},{"id":"flx:skeleton-05","t":"List","d":"Repeated rows, each with a circular avatar and two text lines.","s":"flx","c":"status/skeleton","hc":1},{"id":"flx:skeleton-06","t":"Table","d":"A header row above several placeholder data rows.","s":"flx","c":"status/skeleton","hc":1},{"id":"flx:skeleton-07","t":"Form","d":"Labelled fields above a submit button placeholder.","s":"flx","c":"status/skeleton","hc":1},{"id":"flx:skeleton-08","t":"Select","d":"A field label above a trigger with a chevron block.","s":"flx","c":"status/skeleton","hc":1},{"id":"flx:skeleton-10","t":"Stat cards","d":"A grid of KPI cards with label, value, and trend lines.","s":"flx","c":"status/skeleton","hc":1},{"id":"flx:skeleton-12","t":"Chat thread","d":"Alternating inbound and outbound message bubbles.","s":"flx","c":"status/skeleton","hc":1},{"id":"flx:skeleton-13","t":"Gallery grid","d":"A grid of square image tiles for a loading gallery.","s":"flx","c":"status/skeleton","hc":1},{"id":"flx:skeleton-14","t":"Article","d":"A hero image, title, byline, and stacked body lines.","s":"flx","c":"status/skeleton","hc":1},{"id":"flx:skeleton-15","t":"Pricing card","d":"A plan name, price, feature rows, and a CTA button.","s":"flx","c":"status/skeleton","hc":1},{"id":"flx:skeleton-16","t":"Sidebar nav","d":"A logo header above a list of icon-and-label nav rows, with a user profile row at the bott","s":"flx","c":"status/skeleton","hc":1},{"id":"flx:switch-01","t":"Basic","d":"A single standalone switch.","s":"flx","c":"actions/switch","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"flx:switch-02","t":"With label","d":"Switch paired with an accessible field label.","s":"flx","c":"actions/switch","sb":"With labels","hc":1},{"id":"flx:switch-03","t":"With description","d":"Label and helper description beside the switch.","s":"flx","c":"actions/switch","sb":"With labels","hc":1},{"id":"flx:switch-04","t":"Sizes","d":"The sm and default sizes side-by-side.","s":"flx","c":"actions/switch","hc":1},{"id":"flx:switch-05","t":"Disabled","d":"Disabled off and disabled on states.","s":"flx","c":"actions/switch","hc":1},{"id":"flx:switch-06","t":"Theme toggle","d":"Sun and moon icons flank a light / dark toggle.","s":"flx","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"flx:switch-07","t":"Icon in thumb","d":"Custom larger toggle with sun / moon icons that swap inside the thumb.","s":"flx","c":"actions/switch","sb":"With icons","hc":1},{"id":"flx:switch-08","t":"Settings group","d":"A grouped list of notification settings, each row with a label, helper text, and a switch.","s":"flx","c":"actions/switch","hc":1},{"id":"flx:switch-09","t":"Credit card auto pay","d":"A visual credit card mockup above a labeled switch for enabling automatic monthly payments","s":"flx","c":"actions/switch","hc":1},{"id":"flx:switch-10","t":"Choice cards","d":"Clickable add-on rows showing a title, description, price, and a switch, each fully tappab","s":"flx","c":"actions/switch","hc":1},{"id":"flx:switch-11","t":"Invalid / required","d":"A required switch in a form that shows an inline error message when submitted while off.","s":"flx","c":"actions/switch","hc":1},{"id":"flx:switch-12","t":"React Hook Form + Zod","d":"Controller binds the switch to RHF; Zod requires opt-in on submit.","s":"flx","c":"actions/switch","sb":"With labels","hc":1},{"id":"flx:switch-13","t":"TanStack Form + Zod","d":"form.Field wires the switch; Zod onSubmit validator surfaces FieldError.","s":"flx","c":"actions/switch","sb":"With labels","hc":1},{"id":"flx:table-01","t":"Basic","d":"Caption, header, and a footer total row.","s":"flx","c":"data-display/table","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"flx:table-02","t":"With images","d":"Avatar thumbnails beside name and email in each row.","s":"flx","c":"data-display/table","hc":1},{"id":"flx:table-03","t":"Without dividers","d":"Borderless rows for a clean, list-like layout.","s":"flx","c":"data-display/table","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"flx:table-04","t":"Striped rows","d":"Zebra striping tints every other row.","s":"flx","c":"data-display/table","hc":1},{"id":"flx:table-05","t":"With vertical lines","d":"Column grid lines via per-cell right borders.","s":"flx","c":"data-display/table","hc":1},{"id":"flx:table-06","t":"Dense","d":"Compact padding and type for high-density data.","s":"flx","c":"data-display/table","hc":1},{"id":"flx:table-07","t":"With checkbox","d":"Select-all header, per-row checkboxes, and a selection count.","s":"flx","c":"data-display/table","hc":1},{"id":"flx:table-08","t":"Card table","d":"Table inside a Card with title and status badges.","s":"flx","c":"data-display/table","hc":1},{"id":"flx:table-09","t":"Vertical","d":"Key-value details with row headers down the left.","s":"flx","c":"data-display/table","hc":1},{"id":"flx:table-10","t":"Sticky header","d":"Header pinned while the capped body scrolls.","s":"flx","c":"data-display/table","hc":1},{"id":"flx:table-11","t":"Sortable","d":"TanStack Table, click a column header to sort ascending or descending.","s":"flx","c":"data-display/table","sb":"Data tables","hc":1},{"id":"flx:table-12","t":"With filters","d":"TanStack Table, global search input plus a status column filter dropdown.","s":"flx","c":"data-display/table","sb":"Data tables","hc":1},{"id":"flx:table-13","t":"Pagination","d":"TanStack Table, prev / next controls with a rows-per-page select.","s":"flx","c":"data-display/table","sb":"Data tables","hc":1},{"id":"flx:table-14","t":"Numeric pagination","d":"TanStack Table, numbered page buttons with prev / next arrows.","s":"flx","c":"data-display/table","sb":"Data tables","hc":1},{"id":"flx:table-15","t":"Column visibility","d":"TanStack Table, toggle individual columns on or off from a dropdown menu.","s":"flx","c":"data-display/table","sb":"Data tables","hc":1},{"id":"flx:table-16","t":"Resizable columns","d":"TanStack Table, drag the header edge to resize column widths.","s":"flx","c":"data-display/table","sb":"Data tables","hc":1},{"id":"flx:table-17","t":"Pinnable columns","d":"TanStack Table, a column pinned to the right stays visible while scrolling horizontally.","s":"flx","c":"data-display/table","sb":"Data tables","hc":1},{"id":"flx:table-18","t":"Row selection","d":"TanStack Table, row checkboxes with a bulk actions toolbar showing count, clear, and delet","s":"flx","c":"data-display/table","sb":"Data tables","hc":1},{"id":"flx:table-19","t":"Expanding sub rows","d":"TanStack Table, expandable parent rows reveal nested child rows for tree-shaped data.","s":"flx","c":"data-display/table","sb":"Expandable","hc":1},{"id":"flx:table-20","t":"Complex data table","d":"TanStack Table, combines sorting, column filter, pagination, row selection, column visibil","s":"flx","c":"data-display/table","sb":"Data tables","hc":1},{"id":"flx:tabs-01","t":"Basic","d":"Three tabs with the default filled variant.","s":"flx","c":"navigation/tabs","tg":["minimal","webgl"],"sy":["minimal","webgl"],"hc":1},{"id":"flx:tabs-02","t":"Line variant","d":"Underline indicator instead of filled background.","s":"flx","c":"navigation/tabs","hc":1},{"id":"flx:tabs-04","t":"Vertical line","d":"Vertical orientation with underline indicators, suited for sidebar navigation.","s":"flx","c":"navigation/tabs","hc":1},{"id":"flx:tabs-05","t":"Disabled tab","d":"One trigger disabled while others stay interactive.","s":"flx","c":"navigation/tabs","hc":1},{"id":"flx:tabs-06","t":"With icons","d":"Tabs with a small icon placed before each label in the trigger.","s":"flx","c":"navigation/tabs","hc":1},{"id":"flx:tabs-07","t":"With count badges","d":"Trigger labels paired with secondary count badges.","s":"flx","c":"navigation/tabs","hc":1},{"id":"flx:tabs-08","t":"Icon only","d":"Compact icon-only triggers for view switching.","s":"flx","c":"navigation/tabs","hc":1},{"id":"flx:tabs-10","t":"Icon with title","d":"Icon stacked above the title in each trigger, with a visual panel below.","s":"flx","c":"navigation/tabs","hc":1},{"id":"flx:tabs-11","t":"Account and password","d":"Two-tab card with a profile edit form on one tab and a password change form on the other.","s":"flx","c":"navigation/tabs","hc":1},{"id":"flx:tabs-12","t":"In card","d":"Tabs inside a card with stats, member list, and billing summary panels.","s":"flx","c":"navigation/tabs","hc":1},{"id":"flx:tabs-13","t":"Preview and code","d":"Docs-style switch between live preview and code snippet.","s":"flx","c":"navigation/tabs","hc":1},{"id":"flx:tabs-14","t":"Pricing toggle","d":"Monthly versus yearly billing toggle swaps the price.","s":"flx","c":"navigation/tabs","hc":1},{"id":"flx:tabs-15","t":"Pill track","d":"Rounded pill triggers in a bordered track with cross-fading mood boards.","s":"flx","c":"navigation/tabs","hc":1},{"id":"flx:tooltip-01","t":"Basic","d":"Default dark tooltip on a button.","s":"flx","c":"overlays/tooltip","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"flx:tooltip-02","t":"Sides","d":"Place the tooltip on top, right, bottom, or left.","s":"flx","c":"overlays/tooltip","hc":1},{"id":"flx:tooltip-03","t":"With shortcut","d":"Label paired with a keyboard shortcut badge inside the tooltip.","s":"flx","c":"overlays/tooltip","hc":1},{"id":"flx:tooltip-04","t":"On icon button","d":"Labels icon-only buttons in a toolbar.","s":"flx","c":"overlays/tooltip","hc":1},{"id":"flx:tooltip-05","t":"Custom delay","d":"Tooltips that open instantly, after 500ms, or after 1.2s, showing different hover delay be","s":"flx","c":"overlays/tooltip","hc":1},{"id":"flx:tooltip-06","t":"Rich content","d":"Title plus supporting description in the content.","s":"flx","c":"overlays/tooltip","hc":1},{"id":"flx:tooltip-07","t":"Light via dark class","d":"A light-colored tooltip that appears in light mode, inverted from the default dark style.","s":"flx","c":"overlays/tooltip","hc":1},{"id":"flx:tooltip-08","t":"Colored","d":"Primary, secondary, and destructive tooltips with arrow color matching the content.","s":"flx","c":"overlays/tooltip","hc":1},{"id":"flx:tooltip-09","t":"No arrow","d":"Hide the pointer arrow for a flatter look.","s":"flx","c":"overlays/tooltip","hc":1},{"id":"flx:tooltip-10","t":"Side offset","d":"Adjust the gap between trigger and content.","s":"flx","c":"overlays/tooltip","hc":1},{"id":"flx:rhf-fields-02","t":"Text Input","d":"Native text and email inputs bound with register and Zod validation.","s":"flx","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"flx:rhf-fields-03","t":"Textarea","d":"Multi-line textarea with a description and length-constrained Zod rule.","s":"flx","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"flx:rhf-fields-04","t":"Slider","d":"Numeric slider bound via Controller, validated against a Zod range.","s":"flx","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"flx:rhf-fields-05","t":"Checkbox Group","d":"Multiple checkboxes collected into a string array with a min-selection rule.","s":"flx","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"flx:rhf-fields-06","t":"Toggle Group","d":"Single-select toggle group bound via Controller with Zod validation.","s":"flx","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"flx:rhf-fields-07","t":"Select","d":"Grouped select with labelled option groups bound via Controller.","s":"flx","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"flx:rhf-fields-08","t":"Command","d":"Searchable combobox using Command inside a Popover, bound via Controller.","s":"flx","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"flx:rhf-fields-09","t":"Dropdown","d":"Single choice via a dropdown menu radio group bound through Controller.","s":"flx","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"flx:rhf-rules-01","t":"Password Confirmation","d":"Pick a strong password and confirm it matches.","s":"flx","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"flx:rhf-rules-02","t":"Email Address","d":"Validate an email address with instant feedback.","k":"section","s":"flx","c":"marketing/marketing","hc":1},{"id":"flx:rhf-rules-03","t":"Number Range","d":"Keep a numeric input within a sensible range.","s":"flx","c":"inputs/slider","hc":1},{"id":"flx:rhf-rules-04","t":"Character Limit","d":"Cap text length with a live character counter.","k":"motion","s":"flx","c":"motion/number-ticker","hc":1},{"id":"flx:rhf-recipes-01","t":"Contact Form","d":"Name, email, topic and message validated on submit.","k":"section","s":"flx","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"flx:rhf-recipes-02","t":"Create Account","d":"Sign up with name, email, a strong password and terms.","k":"section","s":"flx","c":"marketing/marketing","hc":1},{"id":"flx:rhf-recipes-03","t":"Sign In","d":"Email and password validated on submit.","k":"layout","s":"flx","c":"flows/sign-in","hc":1},{"id":"flx:rhf-recipes-04","t":"Newsletter","d":"Subscribe with an email and a delivery frequency.","k":"section","s":"flx","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"flx:rhf-advanced-01","t":"Dynamic Field Array","d":"Start from an empty state, then add and remove teammate rows with per-item validation.","s":"flx","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"flx:rhf-advanced-02","t":"Form in a Dialog","d":"Build an invoice while a dialog validates each line item against its own schema.","s":"flx","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"flx:tsf-fields-02","t":"Text Input","d":"Native text and email inputs wired with form.Field and Zod validation.","s":"flx","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"flx:tsf-fields-03","t":"Textarea","d":"Multi-line textarea with a description and length-constrained Zod rule.","s":"flx","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"flx:tsf-fields-04","t":"Slider","d":"Numeric slider wired with form.Field, validated against a Zod range.","s":"flx","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"flx:tsf-fields-05","t":"Checkbox Group","d":"Multiple checkboxes collected into a string array with a min-selection rule.","s":"flx","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"flx:tsf-fields-06","t":"Toggle Group","d":"Single-select toggle group wired with form.Field and Zod validation.","s":"flx","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"flx:tsf-fields-07","t":"Select","d":"Grouped select with labelled option groups wired with form.Field.","s":"flx","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"flx:tsf-fields-08","t":"Command","d":"Searchable combobox using Command inside a Popover, wired with form.Field.","s":"flx","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"flx:tsf-fields-09","t":"Dropdown","d":"Single choice via a dropdown menu radio group wired with form.Field.","s":"flx","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"flx:tsf-rules-01","t":"Password Confirmation","d":"Pick a strong password and confirm it matches.","s":"flx","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"flx:tsf-rules-02","t":"Email Address","d":"Validate an email address with instant feedback.","k":"section","s":"flx","c":"marketing/marketing","hc":1},{"id":"flx:tsf-rules-03","t":"Number Range","d":"Keep a numeric input within a sensible range.","s":"flx","c":"inputs/slider","hc":1},{"id":"flx:tsf-rules-04","t":"Character Limit","d":"Cap text length with a live character counter.","k":"motion","s":"flx","c":"motion/number-ticker","hc":1},{"id":"flx:tsf-recipes-01","t":"Contact Form","d":"Name, email, topic and message validated on submit.","k":"section","s":"flx","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"flx:tsf-recipes-02","t":"Create Account","d":"Sign up with name, email, a strong password and terms.","k":"section","s":"flx","c":"marketing/marketing","hc":1},{"id":"flx:tsf-recipes-03","t":"Sign In","d":"Email and password validated on submit.","k":"layout","s":"flx","c":"flows/sign-in","hc":1},{"id":"flx:tsf-recipes-04","t":"Newsletter","d":"Subscribe with an email and a delivery frequency.","k":"section","s":"flx","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"flx:tsf-advanced-01","t":"Dynamic Field Array","d":"Start from an empty state, then add and remove teammate rows with per-item validation.","s":"flx","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"flx:tsf-advanced-02","t":"Form in a Dialog","d":"Build an invoice while a dialog validates each line item against its own schema.","s":"flx","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"flx:settings-1","t":"Tabbed Sections","d":"Tabbed Sections for Settings.","k":"layout","s":"flx","c":"flows/settings","hc":1},{"id":"flx:settings-2","t":"Sidebar Layout","d":"Sidebar Layout for Settings.","k":"layout","s":"flx","c":"flows/settings","hc":1},{"id":"flx:settings-3","t":"Inline Edit","d":"Inline Edit for Settings.","k":"layout","s":"flx","c":"flows/settings","hc":1},{"id":"flx:settings-4","t":"Preferences Dialog","d":"Preferences Dialog for Settings.","k":"layout","s":"flx","c":"flows/settings","hc":1},{"id":"flx:notifications-1","t":"Channel Matrix","d":"Channel Matrix for Notifications.","s":"flx","c":"overlays/notifications","hc":1},{"id":"flx:notifications-2","t":"Grouped Toggles","d":"Grouped Toggles for Notifications.","s":"flx","c":"overlays/notifications","hc":1},{"id":"flx:notifications-3","t":"Digest Frequency","d":"Digest Frequency for Notifications.","s":"flx","c":"overlays/notifications","hc":1},{"id":"flx:delete-account-1","t":"Confirm Dialog","d":"Confirm Dialog for Delete Account.","s":"flx","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"flx:delete-account-2","t":"Multi Step","d":"Multi-Step for Delete Account.","s":"flx","c":"navigation/wizard-steps","hc":1},{"id":"flx:delete-account-3","t":"Grace Period","d":"Grace Period for Delete Account.","s":"flx","c":"inputs/date-range","hc":1},{"id":"flx:verify-identity-1","t":"Password Re auth","d":"Password Re-auth for Verify Identity.","k":"layout","s":"flx","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"flx:verify-identity-2","t":"OTP Challenge","d":"OTP Challenge for Verify Identity.","s":"flx","c":"inputs/otp-input","hc":1},{"id":"flx:verify-identity-3","t":"Push Approval","d":"Push Approval for Verify Identity.","k":"section","s":"flx","c":"marketing/marketing","hc":1},{"id":"flx:verify-identity-4","t":"Biometric","d":"Biometric for Verify Identity.","k":"section","s":"flx","c":"marketing/marketing","sb":"Stats","hc":1},{"id":"flx:sign-in-1","t":"Social First","d":"Social First for Sign In.","k":"layout","s":"flx","c":"flows/sign-in","sb":"Social","hc":1},{"id":"flx:sign-in-2","t":"Email & Password","d":"Email & Password for Sign In.","k":"layout","s":"flx","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"flx:sign-in-3","t":"Magic Link","d":"Magic Link for Sign In.","k":"layout","s":"flx","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"flx:sign-in-4","t":"Passkey","d":"Passkey for Sign In.","k":"layout","s":"flx","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"flx:sign-in-5","t":"Phone & OTP","d":"Phone & OTP for Sign In.","k":"layout","s":"flx","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"flx:sign-in-6","t":"Split Screen","d":"Split Screen for Sign In.","k":"layout","s":"flx","c":"flows/sign-in","sb":"Split with image","hc":1},{"id":"flx:reset-password-1","t":"Email Link","d":"Email Link for Reset Password.","k":"layout","s":"flx","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"flx:reset-password-2","t":"OTP Code","d":"OTP Code for Reset Password.","k":"layout","s":"flx","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"flx:reset-password-3","t":"Security Questions","d":"Security Questions for Reset Password.","k":"layout","s":"flx","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"flx:two-factor-setup-1","t":"Authenticator App","d":"Authenticator App for Two-Factor Setup.","k":"layout","s":"flx","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"flx:two-factor-setup-2","t":"SMS Code","d":"SMS Code for Two-Factor Setup.","k":"layout","s":"flx","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"flx:two-factor-setup-3","t":"Passkey","d":"Passkey for Two-Factor Setup.","k":"layout","s":"flx","c":"flows/sign-in","hc":1},{"id":"flx:two-factor-setup-4","t":"Backup Codes","d":"Backup Codes for Two-Factor Setup.","k":"layout","s":"flx","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"flx:select-a-plan-1","t":"Tiered Cards","d":"Tiered Cards for Select a Plan.","k":"section","s":"flx","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"flx:select-a-plan-2","t":"Comparison Table","d":"Comparison Table for Select a Plan.","k":"section","s":"flx","c":"marketing/pricing","sb":"Comparison tables","hc":1},{"id":"flx:select-a-plan-3","t":"Audience Segments","d":"Audience Segments for Select a Plan.","k":"section","s":"flx","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"flx:select-a-plan-4","t":"Usage Slider","d":"Usage Slider for Select a Plan.","k":"section","s":"flx","c":"marketing/pricing","sb":"Usage and sliders","hc":1},{"id":"flx:select-a-plan-5","t":"Spotlight Recommendation","d":"Spotlight Recommendation for Select a Plan.","k":"section","s":"flx","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"flx:payment-1","t":"Card Form","d":"Card Form for Payment.","s":"flx","c":"data-display/card","sb":"Payment","hc":1},{"id":"flx:payment-2","t":"Saved Methods","d":"Saved Methods for Payment.","k":"section","s":"flx","c":"marketing/marketing","hc":1},{"id":"flx:payment-3","t":"Express Wallets","d":"Express Wallets for Payment.","k":"section","s":"flx","c":"marketing/marketing","hc":1},{"id":"flx:manage-subscription-1","t":"Plan Overview","d":"Plan Overview for Manage Subscription.","k":"section","s":"flx","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"flx:manage-subscription-2","t":"Change Plan","d":"Change Plan for Manage Subscription.","k":"section","s":"flx","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"flx:manage-subscription-3","t":"Cancel Flow","d":"Cancel Flow for Manage Subscription.","k":"section","s":"flx","c":"marketing/pricing","hc":1},{"id":"flx:share-access-1","t":"Link with Scope","d":"Link with Scope for Share Access.","s":"flx","c":"actions/link","hc":1},{"id":"flx:share-access-2","t":"People Picker","d":"People Picker for Share Access.","k":"section","s":"flx","c":"marketing/team","hc":1},{"id":"flx:share-access-3","t":"Request Access","d":"Request Access for Share Access.","k":"section","s":"flx","c":"marketing/marketing","hc":1},{"id":"flx:comment-thread-1","t":"Inline Anchored","d":"Inline Anchored for Comment Thread.","k":"section","s":"flx","c":"marketing/marketing","hc":1},{"id":"flx:comment-thread-2","t":"Side Panel","d":"Side Panel for Comment Thread.","s":"flx","c":"overlays/sheet","hc":1},{"id":"flx:comment-thread-3","t":"Activity Feed","d":"Activity Feed for Comment Thread.","s":"flx","c":"data-display/timeline","hc":1},{"id":"flx:live-presence-1","t":"Avatar Stack","d":"Avatar Stack for Live Presence.","s":"flx","c":"status/status-dot","hc":1},{"id":"flx:live-presence-3","t":"Activity Status","d":"Activity Status for Live Presence.","s":"flx","c":"status/status-dot","hc":1},{"id":"flx:dashboard-01","t":"Analytics overview","d":"Sidebar, KPI cards, a bar chart, and a recent activity list.","k":"layout","s":"flx","c":"layout/dashboard","hc":1},{"id":"flx:sketch-dashboard-01","t":"Analytics overview","d":"Wireframe: sidebar, stat cards, chart, and a list.","k":"layout","s":"flx","c":"layout/dashboard","tg":["playful"],"sy":["playful"],"hc":1},{"id":"flx:spot-01","t":"Metrics","d":"A stat card with trend and sparkline, layered over a second.","s":"flx","c":"data-display/stat","hc":1},{"id":"flx:spot-02","t":"Notifications","d":"A fanned stack of notification cards.","s":"flx","c":"overlays/notifications","hc":1},{"id":"flx:spot-03","t":"Media card","d":"An image card with a soft gradient fade and caption.","s":"flx","c":"data-display/card","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"flx:spot-04","t":"Analytics","d":"A card with a gradient area chart.","s":"flx","c":"data-viz/chart","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"flx:scene-01","t":"Dashboard preview","d":"A layered app dashboard with a floating notification.","k":"layout","s":"flx","c":"layout/dashboard","hc":1},{"id":"flx:preset-scope","t":"Preset Scope","d":"Activates a preset for a subtree by writing the data-preset attribute. Required by every p","k":"motion","s":"flx","c":"motion/text-effect","hc":1},{"id":"flx:preset-vellum","t":"Vellum Preset","d":"The Flexnative shell as shipped: near-neutral surfaces, a warm charcoal primary, soft gray","k":"layout","s":"flx","c":"layout/page-shell"},{"id":"flx:preset-sienna","t":"Sienna Preset","d":"Cream paper and burnt-earth ink. Warm off-white surfaces, a deep brown primary, soft warm-","k":"motion","s":"flx","c":"motion/globe"},{"id":"forgeui:animated-form","t":"Animated Form","d":"Animated form mimicking account creation with progressive name/password animation and comp","s":"forgeui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"forgeui:animated-otp","t":"Animated OTP","d":"Animated OTP input with glowing digit transitions, inspired by Clerk’s authentication UI a","s":"forgeui","c":"inputs/otp-input","tg":["neon"],"sy":["neon"],"hc":1},{"id":"forgeui:animated-tabs","t":"Animated Tabs","d":"Switch tabs smoothly with motion-based underline or highlight effects.","s":"forgeui","c":"navigation/tabs","hc":1},{"id":"forgeui:auralis","t":"Auralis","d":"A WebGL-powered animated background featuring layered simplex noise, glowing light effects","k":"motion","s":"forgeui","c":"motion/shader","tg":["minimal","neon","webgl"],"sy":["minimal","neon","webgl"],"hc":1},{"id":"forgeui:bot-detection","t":"Bot Detection","d":"Animated radar-style component that simulates real-time bot detection using glowing pulses","s":"forgeui","c":"data-viz/chart","tg":["neon"],"sy":["neon"],"hc":1},{"id":"forgeui:chromatic-fluid","t":"Chromatic Fluid","d":"A WebGL-powered animated fluid effect featuring procedural noise, chromatic glint highligh","k":"motion","s":"forgeui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"forgeui:cloudscape","t":"Cloudscape","d":"A WebGL-powered animated cloud gradient that creates a soft, flowing sky-like background u","k":"motion","s":"forgeui","c":"motion/shader","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"forgeui:cosmicrift","t":"Cosmic Rift","d":"A WebGL-powered animated cosmic background featuring a procedural starfield with twinkling","k":"motion","s":"forgeui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"forgeui:framework-agnostic","t":"Framework Agnostic","d":"Visually demonstrates cross-framework adaptability using animated stack icons and a glowin","s":"forgeui","c":"data-display/timeline","tg":["neon"],"sy":["neon"],"hc":1},{"id":"forgeui:fraud-card","t":"Fraud Card","d":"A security alert card inspired by Clerk's landing page, showcasing blocked emails with smo","s":"forgeui","c":"data-display/card","hc":1},{"id":"forgeui:lumadrift","t":"Luma Drift","d":"A WebGL-powered animated gradient that produces smooth, flowing light patterns using proce","k":"motion","s":"forgeui","c":"motion/shader","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"forgeui:noctylis","t":"Noctylis","d":"A WebGL-powered nocturnal glow background with layered simplex noise, soft violet blooms, ","k":"motion","s":"forgeui","c":"motion/shader","tg":["minimal","neon","webgl"],"sy":["minimal","neon","webgl"],"hc":1},{"id":"forgeui:notification-center","t":"Notification Center","d":"Beautifully animated mobile UI inspired by Clerk’s product design, showcasing notification","s":"forgeui","c":"overlays/notifications","hc":1},{"id":"forgeui:progress-stack","t":"Progress Stack","d":"Animated onboarding progress card showing three steps with visual loaders, transitions, an","s":"forgeui","c":"data-viz/progress-bar","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"forgeui:security-card","t":"Security Card","d":"Dynamic security identity card with animated verification, glowing avatar outline, and inf","s":"forgeui","c":"data-display/card","tg":["neon"],"sy":["neon"],"hc":1},{"id":"forgeui:spectrum-switcher","t":"Spectrum Switcher","d":"Interactive spectrum switcher with animated gradients, smooth dropdown transitions, and se","s":"forgeui","c":"navigation/menu","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"forgeui:stack-ripple","t":"Stack Ripple","d":"Animated stacked notification cards ripple open with smooth transitions, showing messages,","k":"motion","s":"forgeui","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"forgeui:stats-card","t":"Stats Card","d":"A dynamic stats card comparing two individuals with avatars, data points, and animated bac","s":"forgeui","c":"data-display/stat","hc":1},{"id":"forgeui:text-morph","t":"Text Morph","d":"A React component that animates rotating text characters using Motion, customizable by wor","k":"motion","s":"forgeui","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"forgeui:text-reveal","t":"Text Reveal","d":"A stylish effect that sequentially fades in text on page load, creating a dynamic reveal.","k":"motion","s":"forgeui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"forgeui:text-shimmer","t":"Text Shimmer","d":"A React component that creates an animated text shimmer effect using Motion, customizable ","k":"motion","s":"forgeui","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"forgeui:vault-lock","t":"Vault Lock","d":"Animated vault showcasing secure password input with motion effects and interactive hover-","s":"forgeui","c":"inputs/form-field","hc":1},{"id":"forgeui:velaris","t":"Velaris","d":"A WebGL-powered animated background featuring layered simplex noise, multi-color blending,","k":"motion","s":"forgeui","c":"motion/shader","tg":["minimal","neon","webgl"],"sy":["minimal","neon","webgl"],"hc":1},{"id":"forgeui:velora","t":"Velora","d":"A WebGL-powered animated radial light effect featuring swirling color streaks, 3D noise-ba","s":"forgeui","c":"data-display/gamification","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"formcn:tag-input","t":"Tag Input","d":"Tag input component","s":"formcn","c":"inputs/tag-input","hc":1},{"id":"formcn:password","t":"Password","d":"Password input with show/hide toggle","s":"formcn","c":"inputs/form-field","sb":"Password","hc":1},{"id":"formcn:multi-select","t":"Multi select","d":"Multi-select dropdown","s":"formcn","c":"inputs/select","hc":1},{"id":"formcn:rating","t":"Rating","d":"Rating component","s":"formcn","c":"inputs/rating","hc":1},{"id":"formcn:file-upload","t":"File Input","d":"File upload component","s":"formcn","c":"inputs/file-upload","hc":1},{"id":"formcn:use-file-upload","t":"File upload hook","d":"state management hook for file upload component","k":"lib","s":"formcn","c":"lib/hook","hc":1},{"id":"formcn:use-multi-step-viewer","t":"Multi step viewer hook","d":"Multi-step viewer hook","k":"lib","s":"formcn","c":"lib/hook","hc":1},{"id":"formcn:multi-step-viewer","t":"Multi step form","d":"Multi-step form","s":"formcn","c":"navigation/wizard-steps","hc":1},{"id":"formcn:stepper","t":"Stepper","d":"Stepper component","s":"formcn","c":"navigation/wizard-steps","hc":1},{"id":"formscn:base-form","t":"Base form","d":"Base form dependencies","s":"formscn","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"formscn:button","t":"Button","d":"Button component","s":"formscn","c":"actions/button","hc":1},{"id":"formscn:card","t":"Card","d":"Card component","s":"formscn","c":"data-display/card","hc":1},{"id":"formscn:input","t":"Input","d":"Input component","s":"formscn","c":"inputs/form-field","hc":1},{"id":"formscn:switch","t":"Switch","d":"Switch component","s":"formscn","c":"actions/switch","hc":1},{"id":"formscn:textarea","t":"Textarea","d":"Textarea component","s":"formscn","c":"inputs/textarea","hc":1},{"id":"formscn:label","t":"Label","d":"Label component","s":"formscn","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"formscn:select","t":"Select","d":"Select component","s":"formscn","c":"inputs/select","hc":1},{"id":"formscn:checkbox","t":"Checkbox","d":"Checkbox component","s":"formscn","c":"inputs/checkbox","hc":1},{"id":"formscn:radio-group","t":"Radio group","d":"Radio Group component","s":"formscn","c":"inputs/radio","hc":1},{"id":"formscn:phone-input","t":"Phone input","d":"Phone input component with country selection","s":"formscn","c":"inputs/form-field","sb":"Phone","hc":1},{"id":"formscn:field","t":"Field","d":"Field components for TanStack Form (Field, FieldLabel, FieldError, FieldDescription)","s":"formscn","c":"inputs/form-field","hc":1},{"id":"formscn:popover","t":"Popover","d":"Popover component","s":"formscn","c":"overlays/popover","hc":1},{"id":"formscn:calendar","t":"Calendar","d":"Calendar component","s":"formscn","c":"data-display/calendar","hc":1},{"id":"formscn:progress","t":"Progress","d":"Progress component","s":"formscn","c":"data-viz/progress-bar","hc":1},{"id":"formscn:auth-client","t":"Auth client","d":"Better Auth React client utilities","k":"lib","s":"formscn","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"formscn:login-form","t":"Login form","d":"Simple email and password login form","k":"layout","s":"formscn","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"formscn:signup-form","t":"Signup form","d":"User registration form with email and password","k":"layout","s":"formscn","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"formscn:contact-form","t":"Contact form","d":"Contact form with name, email, subject, and message","k":"section","s":"formscn","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"formscn:newsletter-form","t":"Newsletter form","d":"Newsletter subscription form with email frequency selection","k":"section","s":"formscn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"formscn:job-application-form","t":"Job application form","d":"Job application form with resume and cover letter","s":"formscn","c":"inputs/form-field","sb":"Phone","hc":1},{"id":"formscn:feedback-form","t":"Feedback form","d":"Product feedback form with rating and comments","s":"formscn","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"formscn:event-registration-form","t":"Event registration form","d":"Event registration form with attendee details","s":"formscn","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"formscn:waitlist-form","t":"Waitlist form","d":"Waitlist signup form","k":"section","s":"formscn","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"formscn:support-ticket-form","t":"Support ticket form","d":"Support ticket submission form","s":"formscn","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"formscn:booking-request-form","t":"Booking request form","d":"Booking request form with date and service selection","s":"formscn","c":"data-display/calendar","hc":1},{"id":"formscn:ecommerce-checkout-form","t":"Ecommerce checkout form","d":"Checkout form with shipping and payment details","k":"section","s":"formscn","c":"marketing/pricing","hc":1},{"id":"formscn:onboarding-wizard-form","t":"Onboarding wizard form","d":"Multi-step user onboarding wizard","s":"formscn","c":"navigation/wizard-steps","hc":1},{"id":"formscn:detailed-application-form","t":"Detailed application form","d":"Multi-step detailed application form","s":"formscn","c":"inputs/form-field","sb":"Phone","hc":1},{"id":"formscn:form-generator","t":"Form generator","d":"Form code generation utilities","k":"lib","s":"formscn","c":"lib/utility","hc":1},{"id":"framecn:blur-reveal","t":"Blur Reveal","d":"Text fades in from a heavy blur into sharp focus.","k":"motion","s":"framecn","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"framecn:typewriter","t":"Typewriter","d":"Character-by-character text reveal with a deterministic blinking cursor.","k":"motion","s":"framecn","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"framecn:inline-highlight","t":"Inline Highlight","d":"Animates one word inside a sentence from a base color to a brand color.","k":"motion","s":"framecn","c":"motion/text-effect","hc":1},{"id":"framecn:text-fade-replace","t":"Text Fade Replace","d":"Cross-fades between two strings on the same line without layout shift.","k":"motion","s":"framecn","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"framecn:strikethrough-replace","t":"Strikethrough Replace","d":"Draws a strike line across old text then reveals new text in its place.","k":"motion","s":"framecn","c":"motion/text-effect","hc":1},{"id":"framecn:staggered-fade-up","t":"Staggered Fade Up","d":"Words fade in and slide up one after another with a configurable delay.","k":"motion","s":"framecn","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"framecn:masked-slide-reveal","t":"Masked Slide Reveal","d":"Words slide up out of an invisible horizontal mask, one after another.","k":"motion","s":"framecn","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"framecn:tracking-in","t":"Tracking In","d":"Letter-spacing collapses and blur clears with a springy motion.","k":"motion","s":"framecn","c":"motion/text-effect","hc":1},{"id":"framecn:shimmer-sweep","t":"Shimmer Sweep","d":"Light shine sweeps across muted text via background-clip:text.","k":"motion","s":"framecn","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"framecn:marker-highlight","t":"Marker Highlight","d":"Colored marker block draws behind a phrase as the text color shifts.","k":"motion","s":"framecn","c":"motion/text-effect","hc":1},{"id":"framecn:slot-machine-roll","t":"Slot Machine Roll","d":"Vertical reel scrolls characters from one value to another.","s":"framecn","c":"other/other","hc":1},{"id":"framecn:matrix-decode","t":"Matrix Decode","d":"Random scramble resolves left-to-right into the target text.","k":"motion","s":"framecn","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"framecn:rgb-glitch-text","t":"RGB Glitch Text","d":"Three RGB-offset text copies jitter for a brief glitch window.","k":"motion","s":"framecn","c":"motion/text-effect","tg":["webgl"],"sb":"Scramble and glitch","sy":["webgl"],"hc":1},{"id":"framecn:infinite-marquee","t":"Infinite Marquee","d":"Seamlessly looping horizontal text strip with optional stroke style.","k":"motion","s":"framecn","c":"motion/marquee","hc":1},{"id":"framecn:mesh-gradient-bg","t":"Mesh Gradient Background","d":"Living gradient with amorphous color blobs slowly drifting across the frame.","k":"motion","s":"framecn","c":"motion/background","tg":["gradient"],"sb":"Gradients and aurora","sy":["gradient"],"hc":1},{"id":"framecn:dynamic-grid","t":"Dynamic Grid","d":"Subtle moving grid background with configurable cell size and direction.","k":"motion","s":"framecn","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"framecn:spring-pop-in","t":"Spring Pop In","d":"Elastic spring-driven scale-in wrapper for any child element.","s":"framecn","c":"other/other","hc":1},{"id":"framecn:simulated-cursor","t":"Simulated Cursor","d":"Animated mouse cursor moving between waypoints with click ripple feedback.","k":"motion","s":"framecn","c":"motion/cursor","hc":1},{"id":"framecn:pulsing-indicator","t":"Pulsing Indicator","d":"Continuous pulsing dot with ping ring for loading or live states.","s":"framecn","c":"status/loader","hc":1},{"id":"framecn:directional-wipe","t":"Directional Wipe","d":"Slide one scene in while pushing the other out.","s":"framecn","c":"other/other","hc":1},{"id":"framecn:device-mockup-zoom","t":"Device Mockup Zoom","d":"Pull back from a UI to reveal it inside a device frame.","s":"framecn","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"framecn:zoom-through-transition","t":"Zoom Through Transition","d":"Aggressively scale into the center of an element.","s":"framecn","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"framecn:staggered-bento-grid","t":"Staggered Bento Grid","d":"Cards pop into a bento grid one after another with a spring.","k":"layout","s":"framecn","c":"layout/bento-grid","hc":1},{"id":"framecn:chat-to-preview-layout","t":"Chat to Preview Layout","d":"Two-column layout where chat shrinks and preview expands.","s":"framecn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"framecn:bounding-box-selector","t":"Bounding Box Selector","d":"Figma-style selection rectangle appears around any element.","s":"framecn","c":"inputs/select","hc":1},{"id":"framecn:animated-line-chart","t":"Animated Line Chart","d":"Line chart whose SVG path draws on from left to right with a leading dot.","s":"framecn","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"framecn:animated-bar-chart","t":"Animated Bar Chart","d":"Bars spring up from the baseline in a staggered cascade.","s":"framecn","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"framecn:terminal-simulator","t":"Terminal Simulator","d":"Terminal window that types out commands and rolls old lines off the top.","s":"framecn","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"framecn:code-diff-wipe","t":"Code Diff Wipe","d":"Before/after code reveal via clip-path wipe with a handle marker.","s":"framecn","c":"data-display/diff","hc":1},{"id":"framecn:toast-notification","t":"Toast Notification","d":"System-style toast pops in, holds, then slides out.","s":"framecn","c":"overlays/notifications","hc":1},{"id":"framecn:drag-and-drop-flow","t":"Drag and Drop Flow","d":"Simulated file drag into a dropzone followed by upload progress.","s":"framecn","c":"inputs/file-upload","hc":1},{"id":"framecn:progress-steps","t":"Progress Steps","d":"Multi-step pipeline with sequentially activating nodes and filling lines.","s":"framecn","c":"navigation/wizard-steps","hc":1},{"id":"framecn:morphing-modal","t":"Morphing Modal","d":"A bento card lifts off the grid and blooms into a full-screen modal driven by a single hea","s":"framecn","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"framecn:data-flow-pipes","t":"Data Flow Pipes","d":"Glowing data packets travel along SVG bezier pipes between system nodes, leaving fading tr","s":"framecn","c":"other/other","tg":["neon"],"sy":["neon"],"hc":1},{"id":"framecn:cursor-flow","t":"Cursor Flow","d":"A realistic mouse that arcs along cubic Bezier paths, pauses, and clicks targets that dip ","k":"motion","s":"framecn","c":"motion/cursor","hc":1},{"id":"framecn:code-accordion","t":"Code Accordion","d":"A code window that springs a range of lines closed and replaces them with a \"N lines colla","s":"framecn","c":"data-display/accordion","hc":1},{"id":"framecn:glass-code-block","t":"Glass Code Block","d":"A premium frosted-glass code editor window with a regex tokenizer and line-by-line stagger","s":"framecn","c":"data-display/code-block","tg":["glass"],"sy":["glass"],"hc":1},{"id":"framecn:spotlight-card","t":"Spotlight Card","d":"A card with a moonlight-cool radial spotlight that follows a synthetic cursor and lights u","s":"framecn","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"framecn:perspective-marquee","t":"Perspective Marquee","d":"A 3D-tilted infinite marquee with depth-of-field blur on items rolling toward the horizon.","k":"motion","s":"framecn","c":"motion/marquee","tg":["3d"],"sy":["3d"],"hc":1},{"id":"framecn:success-confetti","t":"Success Confetti","d":"Deterministic seeded confetti burst with optional headline.","k":"motion","s":"framecn","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"framecn:frosted-glass-wipe","t":"Frosted Glass Wipe","d":"Elegant scene transition through a sliding pane of frosted glass.","s":"framecn","c":"other/other","tg":["glass"],"sy":["glass"],"hc":1},{"id":"framecn:kinetic-type-mask","t":"Kinetic Type Mask","d":"Use giant typography as a window into the next scene.","s":"framecn","c":"data-display/typography","hc":1},{"id":"framecn:spatial-push","t":"Spatial Push","d":"A new scene physically presses the old one back into the frame.","s":"framecn","c":"other/other","hc":1},{"id":"framecn:grid-pixelate-wipe","t":"Grid Pixelate Wipe","d":"Dissolve from one scene to the next through a deterministic grid of mask cells.","k":"motion","s":"framecn","c":"motion/background","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"framecn:chromatic-aberration-wipe","t":"Chromatic Aberration Wipe","d":"An ultra-fast slide transition with an RGB glitch on the peak frames.","s":"framecn","c":"other/other","hc":1},{"id":"framecn:hero-device-assemble","t":"Hero Device Assemble","d":"Floating device layers spring together into a laptop or phone mockup, then the screen wake","k":"section","s":"framecn","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"framecn:ecosystem-constellation","t":"Ecosystem Constellation","d":"A central logo orbited by integration satellites with pulsing data lines.","k":"resource","s":"framecn","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"framecn:ai-generation-canvas","t":"AI Generation Canvas","d":"A prompt input transforms into a header, then a skeleton dashboard flips into populated ca","s":"framecn","c":"ai-agent/ai-agent","hc":1},{"id":"framecn:live-code-compilation","t":"Live Code Compilation","d":"Split-screen where typed code on the left snaps a live UI preview on the right, HMR-style.","k":"section","s":"framecn","c":"marketing/testimonials","hc":1},{"id":"framecn:landing-code-showcase","t":"Landing Code Showcase","d":"Magical split-screen: code types itself on the left while the preview reactively re-render","k":"section","s":"framecn","c":"marketing/testimonials","hc":1},{"id":"framecn:pipeline-journey","t":"Pipeline Journey","d":"A Kanban ticket arcs across columns triggering landings and a final confetti burst.","s":"framecn","c":"data-display/timeline","hc":1},{"id":"framecn:dashboard-populate","t":"Dashboard Populate","d":"An empty dashboard cascades to life with KPI count-ups, bar bounces, line traces, and a do","k":"layout","s":"framecn","c":"layout/dashboard","hc":1},{"id":"framecn:terminal-to-browser-deploy","t":"Terminal to Browser Deploy","d":"A CLI deploy completes, the terminal blurs back, and a browser window springs from the dep","s":"framecn","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"framecn:browser-flow","t":"Browser Flow","d":"Full Safari/Chrome simulation: typed URL, progress bar, page render, scroll, and a virtual","s":"framecn","c":"data-viz/progress-bar","hc":1},{"id":"framecn:pricing-tier-focus","t":"Pricing Tier Focus","d":"Three pricing cards where the focused tier rises and brightens while siblings dim and blur","k":"section","s":"framecn","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"],"hc":1},{"id":"framecn:infinite-bento-pan","t":"Infinite Bento Pan","d":"A camera diagonally drifts across an oversized bento grid behind a soft vignette.","k":"layout","s":"framecn","c":"layout/bento-grid","hc":1},{"id":"framecn:ai-generate-overlay","t":"AI Generate Overlay","d":"Source image blurs under a shimmering dot grid and a pulsing 'Generating…' pill before a n","s":"framecn","c":"ai-agent/ai-agent","hc":1},{"id":"framecn:node-reveal","t":"Node Reveal","d":"A wordmark splits apart as a design node scales up from nothing between the two words.","k":"resource","s":"framecn","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"framecn:format-morph","t":"Format Morph","d":"One asset reframes itself through every aspect ratio while the headline stretches and comp","k":"motion","s":"framecn","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"framecn:image-expand-to-fullscreen","t":"Image Expand To Fullscreen","d":"An image lifts out of a feed post and morphs into a fullscreen editor with toolbars slidin","s":"framecn","c":"media/gallery","sb":"Hover effects","hc":1},{"id":"framecn:swipe-transition-wipe","t":"Swipe Transition Wipe","d":"Two scenes laid out side-by-side flick across the screen with a parallax background and a ","k":"layout","s":"framecn","c":"layout/scroll-area","hc":1},{"id":"framecn:product-launch-trailer","t":"Product Launch Trailer","d":"Cinematic Product Hunt teaser: pulsing logo, zoom-through transition, 3D bento fly-over, a","k":"resource","s":"framecn","c":"assets/logo","tg":["3d"],"sb":"Dev tools","sy":["3d"],"hc":1},{"id":"framecn:caption-highlight","t":"Caption Highlight","d":"Word-by-word captions with an accent-colored highlight background that sweeps in behind ea","k":"motion","s":"framecn","c":"motion/text-effect","hc":1},{"id":"framecn:caption-pill-karaoke","t":"Caption Pill Karaoke","d":"Karaoke-style captions where each word sits inside a pill-shaped background.","s":"framecn","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"framecn:caption-kinetic-slam","t":"Caption Kinetic Slam","d":"Dynamic word-by-word captions: each word pops in with a springy scale/opacity entrance, th","k":"motion","s":"framecn","c":"motion/text-effect","hc":1},{"id":"framecn:caption-clip-wipe","t":"Caption Clip Wipe","d":"Words reveal left-to-right via clip-path; keywords turn gold on speak; the group exits wit","k":"motion","s":"framecn","c":"motion/text-effect","hc":1},{"id":"framecn:caption-editorial-emphasis","t":"Caption Editorial Emphasis","d":"Headline-style captions that emphasise specific words using accent colors and weight shift","k":"motion","s":"framecn","c":"motion/text-effect","hc":1},{"id":"framecn:caption-emoji-pop","t":"Caption Emoji Pop","d":"Captions with emoji that pop in alongside words.","k":"motion","s":"framecn","c":"motion/text-effect","hc":1},{"id":"framecn:caption-glitch-rgb","t":"Caption Glitch RGB","d":"Captions with a glitchy RGB-split effect on each word.","k":"motion","s":"framecn","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"framecn:caption-gradient-fill","t":"Caption Gradient Fill","d":"Captions where words fill with a horizontal gradient from left to right.","k":"motion","s":"framecn","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"framecn:caption-matrix-decode","t":"Caption Matrix Decode","d":"Matrix-style green text decodes from blur to sharp on each word.","k":"motion","s":"framecn","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"framecn:caption-neon-accent","t":"Caption Neon Accent","d":"Captions where words glow with a bright neon accent border and subtle glow.","k":"motion","s":"framecn","c":"motion/text-effect","tg":["neon"],"sy":["neon"],"hc":1},{"id":"framecn:caption-neon-glow","t":"Caption Neon Glow","d":"Captions with a neon glow effect on each word.","k":"motion","s":"framecn","c":"motion/background","tg":["neon"],"sb":"Gradients and aurora","sy":["neon"],"hc":1},{"id":"framecn:caption-parallax-layers","t":"Caption Parallax Layers","d":"Multi-layer captions where background and foreground words move at different depths, creat","k":"layout","s":"framecn","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"framecn:caption-particle-burst","t":"Caption Particle Burst","d":"Captions where each word explodes into particles as it exits.","k":"motion","s":"framecn","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"framecn:caption-texture","t":"Caption Texture","d":"Captions filled with a rich gradient texture that animates across words.","k":"motion","s":"framecn","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"framecn:caption-weight-shift","t":"Caption Weight Shift","d":"Font weight animates from 100 to 900 when each word is spoken, back to thin after.","k":"resource","s":"framecn","c":"assets/font","hc":1},{"id":"framecn:confetti","t":"Confetti","d":"Deterministic CSS-animated particle burst celebration effect.","k":"motion","s":"framecn","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"framecn:logo-enter","t":"Logo Enter","d":"Row of overlapping logo circles that spring in one by one.","k":"resource","s":"framecn","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"framecn:backdrop","t":"Backdrop","d":"Layout wrapper providing a background fill with optional padding, radius, and shadow.","k":"motion","s":"framecn","c":"motion/background","hc":1},{"id":"framecn:top-down-letters","t":"Top Down Letters","d":"Letters animate in from top to bottom.","k":"motion","s":"framecn","c":"motion/text-effect","hc":1},{"id":"framecn:blur-out-up","t":"Blur Out Up","d":"Words blur and drift upward while fading out, staggered per word.","k":"motion","s":"framecn","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"framecn:focus-blur-resolve","t":"Focus Blur Resolve","d":"Text resolves into focus from a blurred, shifted state, then blurs back out on exit.","k":"motion","s":"framecn","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"framecn:per-character-rise","t":"Per Character Rise","d":"Characters rise from below with a smooth spring-like easing, staggered one frame apart.","s":"framecn","c":"data-display/badge","hc":1},{"id":"framecn:scale-down-fade","t":"Scale Down Fade","d":"Text enters scaling down into place with a fade, then shrinks and fades out.","k":"motion","s":"framecn","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"framecn:shader-color-panels","t":"Shader Color Panels","d":"Overlapping translucent color panels sliding past each other.","k":"motion","s":"framecn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"framecn:shader-dithering","t":"Shader Dithering","d":"Ordered-dither shading over an animated gradient field.","k":"motion","s":"framecn","c":"motion/shader","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"framecn:shader-dot-orbit","t":"Shader Dot Orbit","d":"Dots orbiting on concentric paths across the frame.","k":"motion","s":"framecn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"framecn:shader-god-rays","t":"Shader God Rays","d":"Volumetric light rays radiating from an off-screen source.","k":"motion","s":"framecn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"framecn:shader-grain-gradient","t":"Shader Grain Gradient","d":"Grainy multi-stop gradient that drifts slowly with film-grain texture over the blend.","k":"motion","s":"framecn","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"framecn:shader-liquid-metal","t":"Shader Liquid Metal","d":"Molten metallic surface with flowing specular highlights.","k":"motion","s":"framecn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"framecn:shader-mesh-gradient","t":"Shader Mesh Gradient","d":"WebGL mesh gradient backdrop driven per-frame for deterministic Editframe renders.","k":"motion","s":"framecn","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"framecn:shader-metaballs","t":"Shader Metaballs","d":"Organic blobs merging and splitting like lava.","k":"motion","s":"framecn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"framecn:shader-neuro-noise","t":"Shader Neuro Noise","d":"Organic neural-web noise field that slowly morphs.","k":"motion","s":"framecn","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"framecn:shader-perlin-noise","t":"Shader Perlin Noise","d":"Classic Perlin noise clouds drifting across the frame.","k":"motion","s":"framecn","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"framecn:shader-pulsing-border","t":"Shader Pulsing Border","d":"Glowing border frame that pulses around the edges.","k":"motion","s":"framecn","c":"motion/shader","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"framecn:shader-simplex-noise","t":"Shader Simplex Noise","d":"Simplex noise flow field, smoother than Perlin.","k":"motion","s":"framecn","c":"motion/background","tg":["minimal","webgl"],"sb":"Shaders and WebGL","sy":["minimal","webgl"],"hc":1},{"id":"framecn:shader-smoke-ring","t":"Shader Smoke Ring","d":"Soft smoke ring curling and dissipating in place.","k":"motion","s":"framecn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"framecn:shader-spiral","t":"Shader Spiral","d":"Rotating spiral arms radiating from the center.","k":"motion","s":"framecn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"framecn:shader-swirl","t":"Shader Swirl","d":"Concentric bands swirling around a center point.","k":"motion","s":"framecn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"framecn:shader-voronoi","t":"Shader Voronoi","d":"Animated Voronoi cells shifting and re-tessellating.","k":"motion","s":"framecn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"framecn:shader-warp","t":"Shader Warp","d":"Domain-warped color field that folds and stretches like liquid.","k":"motion","s":"framecn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"framecn:shader-water","t":"Shader Water","d":"Caustic water-surface ripples with subtle refraction.","k":"motion","s":"framecn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"framecn:framecn-ui","t":"Framecn UI Core","d":"Frame context, timeline transitions, official shadcn theme palettes, and selectable icons.","k":"lib","s":"framecn","c":"lib/utility","hc":1},{"id":"framecn:accordion","t":"Accordion","d":"Timeline-driven accordion.","s":"framecn","c":"data-display/accordion","hc":1},{"id":"framecn:ai-prompt-flow","t":"Ai Prompt Flow","d":"Timeline-driven ai prompt flow.","s":"framecn","c":"ai-agent/composer","hc":1},{"id":"framecn:alert-dialog","t":"Alert Dialog","d":"Timeline-driven alert dialog.","s":"framecn","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"framecn:blur-in","t":"Blur In","d":"Timeline-driven blur in.","s":"framecn","c":"data-display/timeline","hc":1},{"id":"framecn:button","t":"Button","d":"Timeline-driven button.","s":"framecn","c":"actions/button","hc":1},{"id":"framecn:caret","t":"Caret","d":"Timeline-driven caret.","s":"framecn","c":"data-display/timeline","hc":1},{"id":"framecn:chat-flow","t":"Chat Flow","d":"Timeline-driven chat flow.","s":"framecn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"framecn:checkbox","t":"Checkbox","d":"Timeline-driven checkbox.","s":"framecn","c":"inputs/checkbox","hc":1},{"id":"framecn:checkout-flow","t":"Checkout Flow","d":"Timeline-driven checkout flow.","k":"section","s":"framecn","c":"marketing/pricing","hc":1},{"id":"framecn:combobox","t":"Combobox","d":"Timeline-driven combobox.","s":"framecn","c":"inputs/combobox","hc":1},{"id":"framecn:command-menu","t":"Command Menu","d":"Timeline-driven command menu.","s":"framecn","c":"navigation/command-palette","hc":1},{"id":"framecn:command-menu-item","t":"Command menu item","d":"Timeline-driven command menu item.","s":"framecn","c":"navigation/command-palette","hc":1},{"id":"framecn:context-menu","t":"Context Menu","d":"Timeline-driven context menu.","s":"framecn","c":"overlays/context-menu","hc":1},{"id":"framecn:cursor","t":"Cursor","d":"Timeline-driven cursor.","k":"motion","s":"framecn","c":"motion/cursor","hc":1},{"id":"framecn:dialog","t":"Dialog","d":"Timeline-driven dialog.","s":"framecn","c":"overlays/dialog","hc":1},{"id":"framecn:drawer","t":"Drawer","d":"Timeline-driven drawer.","s":"framecn","c":"overlays/sheet","hc":1},{"id":"framecn:dropdown-menu","t":"Dropdown Menu","d":"Timeline-driven dropdown menu.","s":"framecn","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"framecn:dropdown-menu-item","t":"Dropdown menu item","d":"Timeline-driven dropdown menu item.","s":"framecn","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"framecn:field","t":"Field","d":"Timeline-driven field.","s":"framecn","c":"inputs/form-field","hc":1},{"id":"framecn:imessage-chat-flow","t":"Imessage Chat Flow","d":"Timeline-driven imessage chat flow.","s":"framecn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"framecn:input","t":"Input","d":"Timeline-driven input.","s":"framecn","c":"inputs/form-field","hc":1},{"id":"framecn:message-bubble","t":"Message Bubble","d":"Timeline-driven message bubble.","s":"framecn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"framecn:onboarding-stepper-flow","t":"Onboarding Stepper Flow","d":"Timeline-driven onboarding stepper flow.","s":"framecn","c":"navigation/wizard-steps","hc":1},{"id":"framecn:popover","t":"Popover","d":"Timeline-driven popover.","s":"framecn","c":"overlays/popover","hc":1},{"id":"framecn:progress","t":"Progress","d":"Timeline-driven progress.","s":"framecn","c":"data-viz/progress-bar","hc":1},{"id":"framecn:radio","t":"Radio","d":"Timeline-driven radio.","s":"framecn","c":"inputs/radio","hc":1},{"id":"framecn:resizable","t":"Resizable","d":"Timeline-driven resizable.","k":"layout","s":"framecn","c":"layout/split-pane","hc":1},{"id":"framecn:select","t":"Select","d":"Timeline-driven select.","s":"framecn","c":"inputs/select","hc":1},{"id":"framecn:select-item","t":"Select item","d":"Timeline-driven select item.","s":"framecn","c":"inputs/select","hc":1},{"id":"framecn:settings-toggle-flow","t":"Settings Toggle Flow","d":"Timeline-driven settings toggle flow.","s":"framecn","c":"actions/switch","hc":1},{"id":"framecn:sheet","t":"Sheet","d":"Timeline-driven sheet.","s":"framecn","c":"overlays/sheet","hc":1},{"id":"framecn:signup-flow","t":"Signup Flow","d":"Timeline-driven signup flow.","k":"layout","s":"framecn","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"framecn:skeleton","t":"Skeleton","d":"Timeline-driven skeleton.","s":"framecn","c":"status/skeleton","hc":1},{"id":"framecn:skeleton-block","t":"Skeleton block","d":"Timeline-driven skeleton block.","s":"framecn","c":"status/skeleton","hc":1},{"id":"framecn:slider","t":"Slider","d":"Timeline-driven slider.","s":"framecn","c":"inputs/slider","hc":1},{"id":"framecn:spinner","t":"Spinner","d":"Timeline-driven spinner.","s":"framecn","c":"status/loader","sb":"Spinners","hc":1},{"id":"framecn:stepper","t":"Stepper","d":"Timeline-driven stepper.","s":"framecn","c":"navigation/wizard-steps","hc":1},{"id":"framecn:switch","t":"Switch","d":"Timeline-driven switch.","s":"framecn","c":"actions/switch","hc":1},{"id":"framecn:tabs","t":"Tabs","d":"Timeline-driven tabs.","s":"framecn","c":"navigation/tabs","hc":1},{"id":"framecn:telegram-chat-flow","t":"Telegram Chat Flow","d":"Timeline-driven telegram chat flow.","s":"framecn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"framecn:toast","t":"Toast","d":"Timeline-driven toast.","s":"framecn","c":"overlays/toast","hc":1},{"id":"framecn:toggle-group","t":"Toggle Group","d":"Timeline-driven toggle group.","s":"framecn","c":"actions/switch","hc":1},{"id":"framecn:tooltip","t":"Tooltip","d":"Timeline-driven tooltip.","s":"framecn","c":"overlays/tooltip","hc":1},{"id":"framecn:typing-indicator","t":"Typing Indicator","d":"Timeline-driven typing indicator.","k":"motion","s":"framecn","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"gaia:icons","t":"Icons","d":"Hugeicons wrapper for all components. Uses free icons by default - upgrade to Pro by chang","k":"resource","s":"gaia","c":"assets/icon","vn":1,"hc":1},{"id":"gaia:holo-card","t":"Holo Card","d":"An interactive 3D holographic profile card with tilt effects, sparkle animations, and flip","s":"gaia","c":"data-display/card","tg":["3d","playful"],"sb":"Animated and glowing","sy":["3d","playful"],"hc":1},{"id":"gaia:nested-menu","t":"Nested Menu","d":"A hover-activated nested menu component for multi-level navigation with smooth animations.","s":"gaia","c":"navigation/menu","hc":1},{"id":"gaia:raised-button","t":"Raised Button","d":"A beautiful 3D raised button with customizable colors and dynamic text contrast.","s":"gaia","c":"actions/button","tg":["3d"],"sy":["3d"],"hc":1},{"id":"gaia:navbar-menu","t":"Navbar Menu","d":"A beautiful animated dropdown menu for navigation with support for icons, descriptions, an","s":"gaia","c":"navigation/menu","hc":1},{"id":"gaia:github-stars-button","t":"GitHub Stars Button","d":"A beautiful button that displays your GitHub repository's star count with real-time data f","s":"gaia","c":"actions/button","sb":"Social and sign-in","hc":1},{"id":"gaia:author-tooltip","t":"Author Tooltip","d":"An interactive avatar with tooltip showing author information and social links.","s":"gaia","c":"overlays/tooltip","hc":1},{"id":"gaia:email-compose-card","t":"Email Compose Card","d":"An AI-powered email composition card with recipient validation, smart inputs, and beautifu","s":"gaia","c":"data-display/card","hc":1},{"id":"gaia:search-results-tabs","t":"Search Results Tabs","d":"A beautiful component for displaying search results with web pages, images, and news in an","s":"gaia","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"gaia:message-bubble","t":"iOS Message Bubbles","d":"Beautiful iOS-style message bubbles with authentic iMessage appearance, message grouping, ","s":"gaia","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"gaia:iphone-mockup","t":"iPhone Mockup","d":"Pixel-perfect iPhone Pro mockup with Dynamic Island, side buttons, status bar and home ind","s":"gaia","c":"media/mockup","tg":["retro and HUD"],"sy":["retro and HUD"],"vn":1,"hc":1},{"id":"gaia:weather-card","t":"Weather Card","d":"A beautiful, interactive weather card component with forecast, detailed metrics, and multi","s":"gaia","c":"data-display/card","hc":1},{"id":"gaia:slash-command-dropdown","t":"Slash Command Dropdown","d":"A slash command dropdown for selecting tools and actions with categorization and search.","s":"gaia","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"gaia:composer","t":"Composer","d":"A chat message input component with file attachments, auto-growing textarea, and tool inte","s":"gaia","c":"ai-agent/composer","hc":1},{"id":"gaia:pricing-card","t":"Pricing Card","d":"A beautiful glassmorphism pricing card component with nested card design, feature lists, a","k":"section","s":"gaia","c":"marketing/pricing","tg":["glass"],"sb":"Plan cards","sy":["glass"],"hc":1},{"id":"gaia:knowledge-graph","t":"Knowledge Graph","d":"An interactive D3.js-powered knowledge graph visualization with zoom, pan, drag, tooltips,","s":"gaia","c":"data-viz/chart","tg":["playful"],"sy":["playful"],"hc":1},{"id":"gaia:tool-calls-section","t":"Tool Calls Section","d":"An expandable section showing AI agent tool usage with icons, inputs, and outputs.","s":"gaia","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"gaia:wave-spinner","t":"Wave Spinner","d":"A beautiful animated loading spinner with wave effects, multiple patterns, colors, and hig","s":"gaia","c":"status/loader","sb":"Spinners","hc":1},{"id":"gaia:stat-row","t":"Stat Row","d":"A compact KPI tile with optional trend indicator for dashboards and summary panels.","s":"gaia","c":"data-display/stat","hc":1},{"id":"gaia:bar-chart","t":"Bar Chart","d":"A bar chart for comparisons and distributions, with stacked, horizontal, and grouped varia","s":"gaia","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"gaia:line-chart","t":"Line Chart","d":"A line chart for trends over time with optional dots, labels, and multiple series.","s":"gaia","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"gaia:area-chart","t":"Area Chart","d":"A filled area chart with gradient fills for cumulative trends and stacked totals.","s":"gaia","c":"data-viz/chart","tg":["gradient"],"sb":"Area","sy":["gradient"],"hc":1},{"id":"gaia:pie-chart","t":"Pie Chart","d":"A pie chart for proportions with donut, label, and legend display modes.","s":"gaia","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"gaia:scatter-chart","t":"Scatter Chart","d":"A scatter chart for exploring correlation between two numeric variables.","s":"gaia","c":"data-viz/chart","sb":"Scatter","hc":1},{"id":"gaia:radar-chart","t":"Radar Chart","d":"A radar chart for multi-axis comparisons across several dimensions.","s":"gaia","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"gaia:gauge-chart","t":"Gauge Chart","d":"A radial gauge for a single value with thresholds, plus text and stacked variants.","s":"gaia","c":"data-viz/chart","hc":1},{"id":"gaia:footer-glow","t":"Footer Glow","d":"A glowing footer backdrop with an interactive halftone wordmark.","k":"section","s":"gaia","c":"marketing/footer","tg":["neon"],"sy":["neon"],"hc":1},{"id":"gamekitui:snake","t":"Snake","d":"A tiny, themeable Snake game. ≤6KB gzipped, zero external assets.","s":"gamekitui","c":"data-display/gamification","hc":1},{"id":"gamekitui:tic-tac-toe","t":"Tic Tac Toe","d":"Classic 3×3 Tic-Tac-Toe with an unbeatable CPU. Pure DOM, fully themeable.","s":"gamekitui","c":"data-display/table","hc":1},{"id":"gamekitui:2048","t":"Card #2048","d":"The addictive sliding-tile puzzle. Reach 2048. Swipe or arrow keys.","s":"gamekitui","c":"data-display/card","hc":1},{"id":"gamekitui:memory-match","t":"Memory Match","d":"Flip cards to find matching pairs in as few moves as possible.","s":"gamekitui","c":"inputs/search","hc":1},{"id":"gamekitui:whack-a-mole","t":"Whack a Mole","d":"Tap the moles before they duck. 30-second pointer-only arcade game.","k":"motion","s":"gamekitui","c":"motion/cursor","hc":1},{"id":"gamekitui:minesweeper","t":"Minesweeper","d":"Deterministic 9×9 Minesweeper. Left-click reveals, right-click / long-press flags.","s":"gamekitui","c":"overlays/context-menu","hc":1},{"id":"gamekitui:pong","t":"Pong","d":"The original. Player vs CPU. First to 7. W/S or arrow keys.","k":"section","s":"gamekitui","c":"marketing/comparison","hc":1},{"id":"gamekitui:breakout","t":"Breakout","d":"Bounce the ball, clear the bricks, don't drop. Endless levels.","s":"gamekitui","c":"other/other","hc":1},{"id":"gamekitui:dino-runner","t":"Dino Runner","d":"The offline-dino endless runner. Jump the cacti. Perfect for 404 pages.","k":"page","s":"gamekitui","c":"pages/templates","hc":1},{"id":"gamekitui:flappy","t":"Flappy","d":"Tap to flap through the pipes. A tiny infinite runner for loading screens.","s":"gamekitui","c":"status/loader","hc":1},{"id":"gamekitui:fruit-ninja","t":"Fruit Ninja","d":"Slice the flying fruit, dodge the bombs, beat the clock. A juicy 60-second arcade run.","s":"gamekitui","c":"other/other","hc":1},{"id":"gamekitui:stack","t":"Stack","d":"The one-tap tower builder. Drop the sliding block, keep the overlap, stack as high as you ","s":"gamekitui","c":"other/other","hc":1},{"id":"gamifykit:daily-streak","t":"Daily Streak","d":"A card component that displays a user's daily streak with a 7-day dot grid","s":"gamifykit","c":"data-display/gamification","hc":1},{"id":"gamifykit:achievements","t":"Achievements","d":"A card component that displays a user's achievements and unlockable achievements","s":"gamifykit","c":"data-display/gamification","hc":1},{"id":"gamifykit:leaderboard","t":"Leaderboard","d":"A card component that displays a user ranking with scores and avatars","s":"gamifykit","c":"data-display/gamification","hc":1},{"id":"gammaui:index","t":"Index","k":"theme","s":"gammaui","c":"themes/style"},{"id":"gammaui:data-feeding-in","t":"Data Feeding In","d":"An animated data ingestion visualization with flowing SVG paths, pulsing gradient beams, a","s":"gammaui","c":"data-viz/chart","tg":["gradient"],"sy":["gradient"],"vn":1,"hc":1},{"id":"gammaui:aurora-glass","t":"Aurora Glass","d":"A shimmering glass tile background with ripple layers, bevel shading, and chromatic spread","k":"motion","s":"gammaui","c":"motion/gradient","tg":["glass","gradient"],"sy":["glass","gradient"],"vn":1,"hc":1},{"id":"gammaui:live-waveform","t":"Live Waveform","d":"A customizable live audio waveform visualizer using the Web Audio API.","s":"gammaui","c":"media/player","vn":1,"hc":1},{"id":"gammaui:support-box","t":"Support Box","d":"A collapsible animated support widget for quick help actions using Framer Motion.","s":"gammaui","c":"data-display/accordion","sb":"Animated","vn":1,"hc":1},{"id":"gammaui:overlay-button","t":"Overlay Button","d":"An animated gradient button using Framer Motion with looping motion and spring transitions","s":"gammaui","c":"actions/button","tg":["gradient"],"sb":"Animated","sy":["gradient"],"vn":1,"hc":1},{"id":"gammaui:border-button","t":"Border Button","d":"A reactive border animation button that follows cursor movement using Framer Motion and CS","s":"gammaui","c":"actions/button","sb":"Animated","vn":1,"hc":1},{"id":"gammaui:wavy-text-block","t":"Wavy Text Block","d":"A scroll-triggered wavy text animation component that creates flowing motion effects using","k":"motion","s":"gammaui","c":"motion/text-effect","sb":"Bouncy and wavy","vn":1,"hc":1},{"id":"gammaui:inverted-cursor","t":"Inverted Cursor","d":"A smooth, animated custom cursor component with blend mode effects.","k":"motion","s":"gammaui","c":"motion/cursor","vn":1,"hc":1},{"id":"gammaui:pixel-button","t":"Pixel Button","d":"A pixelated button animation effect built with Tailwind CSS and React.","s":"gammaui","c":"actions/button","tg":["retro and HUD"],"sy":["retro and HUD"],"vn":1,"hc":1},{"id":"gammaui:plasma","t":"Plasma","d":"A mesmerizing plasma shader animation rendered with WebGL, perfect for dynamic backgrounds","k":"motion","s":"gammaui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"vn":1,"hc":1},{"id":"gammaui:radial-intro","t":"Radial Intro","d":"A dynamic radial orbit animation built with Motion and React, featuring upright spinning i","s":"gammaui","c":"media/gallery","vn":1,"hc":1},{"id":"gammaui:logo-cloud","t":"Logo Cloud","d":"A responsive logo grid component supporting dark mode, decorations, and flexible layout.","k":"section","s":"gammaui","c":"marketing/logos","vn":1,"hc":1},{"id":"gammaui:wave-path","t":"Wave Path","d":"A dynamic interactive SVG wave component that responds to pointer movement.","k":"motion","s":"gammaui","c":"motion/background","sb":"Waves and warps","vn":1,"hc":1},{"id":"gammaui:magnetize-button","t":"Magnetize Button","d":"A magnetic particle-attraction button built with Framer Motion.","s":"gammaui","c":"actions/button","sb":"Animated","vn":1,"hc":1},{"id":"gammaui:text-roll","t":"Text Roll","d":"A rolling hover-animated text component built with Motion One.","k":"motion","s":"gammaui","c":"motion/text-effect","vn":1,"hc":1},{"id":"gammaui:activity-dropdown","t":"Activity Dropdown","d":"A modern activity/notification dropdown with smooth animations and responsive motion.","s":"gammaui","c":"navigation/menu","sb":"Dropdowns","vn":1,"hc":1},{"id":"gammaui:badge","t":"Badge","d":"A flexible and customizable Badge component for labels, statuses, and indicators.","s":"gammaui","c":"data-display/badge","vn":1,"hc":1},{"id":"gammaui:animated-list","t":"Animated List","d":"A dynamic list component with smooth animations that forms a column and scrolls through it","s":"gammaui","c":"data-display/list","vn":1,"hc":1},{"id":"gammaui:logo-timeline","t":"Logo Timeline","d":"A multi-row infinitely scrolling logo timeline built with Motion One, supporting hover-act","k":"resource","s":"gammaui","c":"assets/logo","sb":"Dev tools","vn":2,"hc":1},{"id":"gammaui:logo-loop","t":"Logo Timeline","d":"A looping logo marquee component with horizontal and vertical motion, hover effects, fadin","k":"resource","s":"gammaui","c":"assets/logo","sb":"Dev tools","vn":1,"hc":1},{"id":"gammaui:pricing-interaction","t":"Pricing Interaction","d":"An interactive pricing switcher with animated numbers, selectable plans, and monthly/yearl","k":"section","s":"gammaui","c":"marketing/pricing","vn":1,"hc":1},{"id":"gammaui:cloud-flow","t":"Cloud Flow","d":"An interactive cloud architecture visualization component featuring animated SVG flow path","s":"gammaui","c":"data-viz/chart","tg":["neon"],"sb":"Flow and funnel","sy":["neon"],"vn":1,"hc":1},{"id":"gammaui:macbook-keyboard","t":"Macbook Keyboard","d":"Interactive animated MacBook keyboard component.","s":"gammaui","c":"media/mockup","vn":1,"hc":1},{"id":"gammaui:cpu-architecture","t":"CPU Architecture","d":"A fully animated CPU architecture SVG component with dynamic paths, gradients, and optiona","k":"motion","s":"gammaui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"vn":1,"hc":1},{"id":"gammaui:shadcn-ui","t":"Shadcn UI","d":"Animated ShadCN UI SVG with glowing masked paths, motion shapes, and dynamic shimmering te","k":"resource","s":"gammaui","c":"assets/shape","tg":["neon"],"sy":["neon"],"vn":1,"hc":1},{"id":"gammaui:location-map","t":"Location Map","d":"An interactive 3D-tilting location card with expandable animated map, live indicator, and ","s":"gammaui","c":"data-viz/map","tg":["3d"],"sy":["3d"],"vn":1,"hc":1},{"id":"gammaui:3d-folder","t":"3D Folder","d":"A 3D animated folder component that reveals project cards on hover and expands into a smoo","s":"gammaui","c":"overlays/lightbox","tg":["3d"],"sy":["3d"],"vn":1,"hc":1},{"id":"gammaui:usage-card","t":"Usage Card","d":"An animated system monitor card that displays a title, percentage, and neon-lit pill indic","s":"gammaui","c":"data-display/card","tg":["neon"],"sy":["neon"],"vn":1,"hc":1},{"id":"gammaui:voxel-wall","t":"Voxel Wall","d":"A dark voxel tunnel with volumetric light rays, drifting cubes, and mouse-driven camera pa","k":"layout","s":"gammaui","c":"layout/scroll-area","tg":["webgl"],"sy":["webgl"],"vn":1,"hc":1},{"id":"gammaui:rabbit-mascot","t":"Rabbit Mascot","d":"An expressive rabbit boy mascot with round glasses and mood-driven face animations.","s":"gammaui","c":"other/other","tg":["glass"],"sy":["glass"],"vn":1,"hc":1},{"id":"gammaui:utils","t":"Utils","k":"lib","s":"gammaui","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"gauge-ui:gauge","t":"Gauge","d":"Composable SVG gauge primitives: track, arc, zones, ticks, labels, needle, hub, dot, toolt","s":"gauge-ui","c":"data-viz/gauge","hc":1},{"id":"gc-solid:utils","t":"Utils","k":"lib","s":"gc-solid","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"gc-solid:accordion","t":"Accordion","s":"gc-solid","c":"data-display/accordion","hc":1},{"id":"gc-solid:alert","t":"Alert","s":"gc-solid","c":"overlays/alert-banner","hc":1},{"id":"gc-solid:alert-dialog","t":"Alert dialog","s":"gc-solid","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"gc-solid:aspect-ratio","t":"Aspect ratio","k":"layout","s":"gc-solid","c":"layout/page-shell","hc":1},{"id":"gc-solid:avatar","t":"Avatar","s":"gc-solid","c":"data-display/avatar","hc":1},{"id":"gc-solid:badge","t":"Badge","s":"gc-solid","c":"data-display/badge","hc":1},{"id":"gc-solid:breadcrumb","t":"Breadcrumb","s":"gc-solid","c":"navigation/breadcrumb","hc":1},{"id":"gc-solid:button","t":"Button","s":"gc-solid","c":"actions/button","vn":1,"hc":1},{"id":"gc-solid:card","t":"Card","s":"gc-solid","c":"data-display/card","hc":1},{"id":"gc-solid:calendar","t":"Calendar","s":"gc-solid","c":"data-display/calendar","hc":1},{"id":"gc-solid:carousel","t":"Carousel","s":"gc-solid","c":"media/carousel","hc":1},{"id":"gc-solid:chart","t":"Chart","s":"gc-solid","c":"data-viz/chart","hc":1},{"id":"gc-solid:checkbox","t":"Checkbox","s":"gc-solid","c":"inputs/checkbox","hc":1},{"id":"gc-solid:collapsible","t":"Collapsible","s":"gc-solid","c":"data-display/accordion","hc":1},{"id":"gc-solid:combobox","t":"Combobox","s":"gc-solid","c":"inputs/combobox","hc":1},{"id":"gc-solid:command","t":"Command","s":"gc-solid","c":"navigation/command-palette","hc":1},{"id":"gc-solid:context-menu","t":"Context menu","s":"gc-solid","c":"overlays/context-menu","hc":1},{"id":"gc-solid:date-picker","t":"Date picker","s":"gc-solid","c":"inputs/date-picker","hc":1},{"id":"gc-solid:dialog","t":"Dialog","s":"gc-solid","c":"overlays/dialog","hc":1},{"id":"gc-solid:direction","t":"Direction","s":"gc-solid","c":"other/other","hc":1},{"id":"gc-solid:drawer","t":"Drawer","s":"gc-solid","c":"overlays/sheet","hc":1},{"id":"gc-solid:dropdown-menu","t":"Dropdown menu","s":"gc-solid","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"gc-solid:empty","t":"Empty","s":"gc-solid","c":"data-display/empty-state","hc":1},{"id":"gc-solid:field","t":"Field","s":"gc-solid","c":"inputs/form-field","hc":1},{"id":"gc-solid:form","t":"Form","s":"gc-solid","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"gc-solid:hover-card","t":"Hover card","s":"gc-solid","c":"overlays/hover-card","hc":1},{"id":"gc-solid:input","t":"Input","s":"gc-solid","c":"inputs/form-field","vn":1,"hc":1},{"id":"gc-solid:input-otp","t":"Input otp","s":"gc-solid","c":"inputs/otp-input","hc":1},{"id":"gc-solid:item","t":"Item","s":"gc-solid","c":"data-display/list","hc":1},{"id":"gc-solid:kbd","t":"Kbd","s":"gc-solid","c":"data-display/typography","hc":1},{"id":"gc-solid:label","t":"Label","s":"gc-solid","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"gc-solid:menubar","t":"Menubar","s":"gc-solid","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"gc-solid:navigation-menu","t":"Navigation menu","s":"gc-solid","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"gc-solid:native-select","t":"Native select","s":"gc-solid","c":"inputs/select","hc":1},{"id":"gc-solid:pagination","t":"Pagination","s":"gc-solid","c":"navigation/pagination","hc":1},{"id":"gc-solid:popover","t":"Popover","s":"gc-solid","c":"overlays/popover","hc":1},{"id":"gc-solid:progress","t":"Progress","s":"gc-solid","c":"data-viz/progress-bar","hc":1},{"id":"gc-solid:radio-group","t":"Radio group","s":"gc-solid","c":"inputs/radio","hc":1},{"id":"gc-solid:resizable","t":"Resizable","k":"layout","s":"gc-solid","c":"layout/split-pane","hc":1},{"id":"gc-solid:scroll-area","t":"Scroll area","k":"layout","s":"gc-solid","c":"layout/scroll-area","hc":1},{"id":"gc-solid:select","t":"Select","s":"gc-solid","c":"inputs/select","hc":1},{"id":"gc-solid:separator","t":"Separator","k":"layout","s":"gc-solid","c":"layout/page-shell","hc":1},{"id":"gc-solid:sheet","t":"Sheet","s":"gc-solid","c":"overlays/sheet","hc":1},{"id":"gc-solid:sidebar","t":"Sidebar","s":"gc-solid","c":"navigation/sidebar","hc":1},{"id":"gc-solid:skeleton","t":"Skeleton","s":"gc-solid","c":"status/skeleton","hc":1},{"id":"gc-solid:slider","t":"Slider","s":"gc-solid","c":"inputs/slider","hc":1},{"id":"gc-solid:sonner","t":"Sonner","s":"gc-solid","c":"overlays/toast","hc":1},{"id":"gc-solid:spinner","t":"Spinner","s":"gc-solid","c":"status/loader","sb":"Spinners","hc":1},{"id":"gc-solid:switch","t":"Switch","s":"gc-solid","c":"actions/switch","hc":1},{"id":"gc-solid:tabs","t":"Tabs","s":"gc-solid","c":"navigation/tabs","hc":1},{"id":"gc-solid:table","t":"Table","s":"gc-solid","c":"data-display/table","hc":1},{"id":"gc-solid:textarea","t":"Textarea","s":"gc-solid","c":"inputs/textarea","hc":1},{"id":"gc-solid:toggle","t":"Toggle","s":"gc-solid","c":"actions/switch","vn":1,"hc":1},{"id":"gc-solid:tooltip","t":"Tooltip","s":"gc-solid","c":"overlays/tooltip","hc":1},{"id":"gc-solid:use-mobile","t":"Use mobile","k":"lib","s":"gc-solid","c":"lib/hook","hc":1},{"id":"gc-solid:vega","t":"Vega","k":"theme","s":"gc-solid","c":"themes/style","fw":"CSS","hc":1},{"id":"gc-solid:grasscup","t":"Grasscup","k":"theme","s":"gc-solid","c":"themes/style","fw":"CSS","hc":1},{"id":"glass-ui:button","t":"Button","d":"Displays a button or a component that looks like a button with glassy variants.","s":"glass-ui","c":"actions/button","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"glass-ui:card","t":"Card","d":"Displays a card with optional glassy variant.","s":"glass-ui","c":"data-display/card","tg":["glass"],"sb":"Animated and glowing","sy":["glass"],"hc":1},{"id":"glass-ui:input","t":"Input","d":"Displays a form input field with optional glassy variant.","s":"glass-ui","c":"inputs/form-field","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:textarea","t":"Textarea","d":"Displays a form textarea with optional glassy variant.","s":"glass-ui","c":"inputs/textarea","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:label","t":"Label","d":"Renders an accessible label associated with controls.","s":"glass-ui","c":"inputs/form-field","tg":["glass"],"sb":"Animated fields","sy":["glass"],"hc":1},{"id":"glass-ui:badge","t":"Badge","d":"Displays a badge or a component that looks like a badge with glassy variant.","s":"glass-ui","c":"data-display/badge","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:avatar","t":"Avatar","d":"An image element with a fallback for representing the user.","s":"glass-ui","c":"data-display/avatar","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:dialog","t":"Dialog","d":"A window overlaid on either the primary window or another dialog window, rendering the con","s":"glass-ui","c":"overlays/dialog","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:alert-dialog","t":"Alert Dialog","d":"A modal dialog that interrupts the user with important content and expects a response.","s":"glass-ui","c":"overlays/dialog","tg":["glass"],"sb":"Confirm","sy":["glass"],"hc":1},{"id":"glass-ui:separator","t":"Separator","d":"Visually or semantically separates content with optional glassy variant.","k":"layout","s":"glass-ui","c":"layout/page-shell","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:switch","t":"Switch","d":"A control that allows the user to toggle between checked and not checked with optional gla","s":"glass-ui","c":"actions/switch","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:checkbox","t":"Checkbox","d":"A control that allows the user to toggle between checked and not checked with optional gla","s":"glass-ui","c":"inputs/checkbox","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:tabs","t":"Tabs","d":"A set of layered sections of content—known as tab panels—that are displayed one at a time ","s":"glass-ui","c":"navigation/tabs","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:tooltip","t":"Tooltip","d":"A popup that displays information related to an element when the element receives keyboard","s":"glass-ui","c":"overlays/tooltip","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:popover","t":"Popover","d":"Displays rich content in a portal, triggered by a button with optional glassy variant.","s":"glass-ui","c":"overlays/popover","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:dropdown-menu","t":"Dropdown Menu","d":"Displays a menu to the user — such as a set of actions or functions — triggered by a butto","s":"glass-ui","c":"navigation/menu","tg":["glass","playful"],"sb":"Dropdowns","sy":["glass","playful"],"hc":1},{"id":"glass-ui:select","t":"Select","d":"Displays a list of options for the user to pick from—triggered by a button with optional g","s":"glass-ui","c":"inputs/select","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:radio-group","t":"Radio Group","d":"A set of checkable buttons—known as radio buttons—where no more than one of the buttons ca","s":"glass-ui","c":"inputs/radio","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:skeleton","t":"Skeleton","d":"Use to show a placeholder while content is loading with optional glassy variant.","s":"glass-ui","c":"status/skeleton","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:alert","t":"Alert","d":"Displays a callout for user attention with optional glassy variant.","s":"glass-ui","c":"overlays/alert-banner","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:accordion","t":"Accordion","d":"A vertically stacked set of interactive headings that each reveal a section of content.","s":"glass-ui","c":"data-display/accordion","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:breadcrumb","t":"Breadcrumb","d":"Displays the path to the current resource using a hierarchy of links.","s":"glass-ui","c":"navigation/breadcrumb","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:calendar","t":"Calendar","d":"A date field component that allows users to enter and edit date.","s":"glass-ui","c":"data-display/calendar","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:chart","t":"Chart","d":"Chart components built with Recharts with optional glassy variant.","s":"glass-ui","c":"data-viz/chart","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:collapsible","t":"Collapsible","d":"An interactive component which expands/collapses a panel.","s":"glass-ui","c":"data-display/accordion","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:command","t":"Command","d":"Fast, composable, unstyled command menu for React.","s":"glass-ui","c":"navigation/command-palette","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:cropper","t":"Cropper","d":"An image cropper component with optional glassy variant.","s":"glass-ui","c":"media/gallery","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:drawer","t":"Drawer","d":"A drawer component for mobile with optional glassy variant.","s":"glass-ui","c":"overlays/sheet","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:hover-card","t":"Hover Card","d":"For sighted users to preview content available behind a link.","s":"glass-ui","c":"overlays/hover-card","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:input-otp","t":"Input OTP","d":"Accessible one-time password component with copy paste functionality.","s":"glass-ui","c":"inputs/otp-input","tg":["glass","playful"],"sy":["glass","playful"],"hc":1},{"id":"glass-ui:navigation-menu","t":"Navigation Menu","d":"A collection of links for navigating websites.","s":"glass-ui","c":"navigation/top-nav","tg":["glass"],"sb":"Mega menus","sy":["glass"],"hc":1},{"id":"glass-ui:pagination","t":"Pagination","d":"Pagination with page navigation with optional glassy variant.","s":"glass-ui","c":"navigation/pagination","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:scroll-area","t":"Scroll Area","d":"Augments native scroll functionality for custom, cross-browser styling.","k":"layout","s":"glass-ui","c":"layout/scroll-area","tg":["glass","playful"],"sy":["glass","playful"],"hc":1},{"id":"glass-ui:sheet","t":"Sheet","d":"Extends the Dialog component to display content that complements the main content of the s","s":"glass-ui","c":"overlays/sheet","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:sidebar","t":"Sidebar","d":"A sidebar component with optional glassy variant.","s":"glass-ui","c":"navigation/sidebar","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:slider","t":"Slider","d":"An input where the user selects a value from within a given range.","s":"glass-ui","c":"inputs/slider","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:sonner","t":"Sonner","d":"An opinionated toast component for React.","s":"glass-ui","c":"overlays/toast","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:table","t":"Table","d":"A responsive table component with optional glassy variant.","s":"glass-ui","c":"data-display/table","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:toggle","t":"Toggle","d":"A two-state button that can be either on or off.","s":"glass-ui","c":"actions/switch","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:toggle-group","t":"Toggle Group","d":"A set of two-state buttons that can be toggled on or off.","s":"glass-ui","c":"actions/switch","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:mode-toggle","t":"Mode Toggle","d":"A theme switcher component with optional glassy variant.","s":"glass-ui","c":"actions/switch","tg":["glass"],"sb":"Theme toggles","sy":["glass"],"hc":1},{"id":"glass-ui:spinner","t":"Spinner","d":"A loading spinner component with glassy variants.","s":"glass-ui","c":"status/loader","tg":["glass"],"sb":"Spinners","sy":["glass"],"hc":1},{"id":"glass-ui:button-group","t":"Button Group","d":"A group of buttons with glassy variants.","s":"glass-ui","c":"actions/button","tg":["glass"],"sb":"Groups and split","sy":["glass"],"hc":1},{"id":"glass-ui:input-group","t":"Input Group","d":"A group of inputs with glassy variants.","s":"glass-ui","c":"inputs/form-field","tg":["glass"],"sb":"Input groups","sy":["glass"],"hc":1},{"id":"glass-ui:empty-state","t":"Empty State","d":"An empty state component with glassy variants.","s":"glass-ui","c":"data-display/empty-state","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:menu-bar","t":"Menu Bar","d":"A menu bar component with glassy variants.","s":"glass-ui","c":"navigation/menu","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:date-picker-input","t":"Date Picker Input","d":"A date picker input component with glassy variants.","s":"glass-ui","c":"inputs/date-picker","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:context-menu","t":"Context Menu","d":"A context menu component with glassy variants.","s":"glass-ui","c":"overlays/context-menu","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glass-ui:carousel","t":"Carousel","d":"A carousel component with glassy variants.","s":"glass-ui","c":"media/carousel","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glasscn:utils","t":"Utils","k":"lib","s":"glasscn","c":"lib/utility","sb":"Class helpers","vn":1,"hc":1},{"id":"glasscn:highlight-text","t":"Highlight Text","d":"Inline text highlight with preset color variants and custom background class support.","k":"motion","s":"glasscn","c":"motion/text-effect","hc":1},{"id":"glasscn:button","t":"Button","s":"glasscn","c":"actions/button","hc":1,"cp":1},{"id":"glasscn:badge","t":"Badge","s":"glasscn","c":"data-display/badge","hc":1,"cp":1},{"id":"glasscn:avatar","t":"Avatar","s":"glasscn","c":"data-display/avatar","hc":1,"cp":1},{"id":"glasscn:checkbox","t":"Checkbox","s":"glasscn","c":"inputs/checkbox","hc":1},{"id":"glasscn:input","t":"Input","s":"glasscn","c":"inputs/form-field","vn":1,"hc":1,"cp":1},{"id":"glasscn:textarea","t":"Textarea","s":"glasscn","c":"inputs/textarea","hc":1,"cp":1},{"id":"glasscn:item","t":"Item","s":"glasscn","c":"data-display/list","hc":1},{"id":"glasscn:combobox","t":"Combobox","s":"glasscn","c":"inputs/combobox","hc":1},{"id":"glasscn:command","t":"Command","s":"glasscn","c":"navigation/command-palette","hc":1},{"id":"glasscn:dropdown-menu","t":"Dropdown Menu","s":"glasscn","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"glasscn:select","t":"Select","s":"glasscn","c":"inputs/select","hc":1},{"id":"glasscn:switch","t":"Switch","s":"glasscn","c":"actions/switch","hc":1},{"id":"glasscn:progress","t":"Progress","s":"glasscn","c":"data-viz/progress-bar","hc":1},{"id":"glasscn:glass-button","t":"Glass Button","d":"Glass Button with five variants: clear, frosted, subtle, liquid, and liquid-refract","s":"glasscn","c":"actions/button","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"glasscn:glass-badge","t":"Glass Badge","d":"Glass Badge with five variants: clear, frosted, subtle, liquid, and liquid-refract","s":"glasscn","c":"data-display/badge","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glasscn:glass-checkbox","t":"Glass Checkbox","d":"Glass Checkbox with five variants: clear, frosted, subtle, liquid, and liquid-refract","s":"glasscn","c":"inputs/checkbox","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glasscn:glass-command","t":"Glass Command","d":"Glass Command with five variants: clear, frosted, subtle, liquid, and liquid-refract","s":"glasscn","c":"navigation/command-palette","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glasscn:glass-dropdown-menu","t":"Glass Dropdown Menu","d":"Glass Dropdown Menu with five variants: clear, frosted, subtle, liquid, and liquid-refract","s":"glasscn","c":"navigation/menu","tg":["glass"],"sb":"Dropdowns","sy":["glass"],"hc":1},{"id":"glasscn:glass-combobox","t":"Glass Combobox","d":"Glass Combobox with five variants: clear, frosted, subtle, liquid, and liquid-refract","s":"glasscn","c":"inputs/combobox","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glasscn:glass-select","t":"Glass Select","d":"Glass Select with five variants: clear, frosted, subtle, liquid, and liquid-refract","s":"glasscn","c":"inputs/select","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glasscn:card","t":"Card","s":"glasscn","c":"data-display/card","hc":1},{"id":"glasscn:liquid-glass","t":"Liquid Glass","d":"Low-level refractive glass wrapper used by liquid-refract components.","s":"glasscn","c":"other/other","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glasscn:glass-card","t":"Glass Card","d":"Glass Card with five variants: clear, frosted, subtle, liquid, and liquid-refract","s":"glasscn","c":"data-display/card","tg":["glass"],"sb":"Animated and glowing","sy":["glass"],"hc":1},{"id":"glasscn:glass-scrim-card","t":"Glass Scrim Card","d":"Siri-style liquid-refract card with a black scrim that eases from one edge into clear glas","s":"glasscn","c":"data-display/card","tg":["glass"],"sb":"Animated and glowing","sy":["glass"],"hc":1},{"id":"glasscn:glance","t":"Glance","d":"CSS-only hover shine. Add the glance class to any element and a diagonal highlight sweeps ","s":"glasscn","c":"other/other"},{"id":"glasscn:glass-contact-pill","t":"Glass Contact Pill","d":"Liquid-glass contact chip with an avatar (image or initials fallback) and name, for messag","s":"glasscn","c":"data-display/badge","tg":["glass"],"sb":"Tags and pills","sy":["glass"],"hc":1},{"id":"glasscn:glass-icon","t":"Glass Icon","d":"A circular glass chip that wraps any icon, iOS-control-center style. Preset sizes scale th","k":"resource","s":"glasscn","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glasscn:calendar","t":"Calendar","s":"glasscn","c":"data-display/calendar","hc":1},{"id":"glasscn:glass-calendar","t":"Glass Calendar","d":"Glass Calendar with five variants: clear, frosted, subtle, liquid, and liquid-refract","s":"glasscn","c":"data-display/calendar","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glasscn:glass-variants","t":"Glass Variants","k":"lib","s":"glasscn","c":"lib/utility","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glasscn:wavy-border","t":"Wavy Border","d":"A global CSS class that applies a small, even wavy border shape.","k":"theme","s":"glasscn","c":"themes/style"},{"id":"glasscn:sheet","t":"Sheet","s":"glasscn","c":"overlays/sheet","hc":1},{"id":"glasscn:separator","t":"Separator","k":"layout","s":"glasscn","c":"layout/page-shell","hc":1,"cp":1},{"id":"glasscn:skeleton","t":"Skeleton","s":"glasscn","c":"status/skeleton","hc":1,"cp":1},{"id":"glasscn:button-group","t":"Button Group","s":"glasscn","c":"actions/button","sb":"Groups and split","hc":1},{"id":"glasscn:popover","t":"Popover","s":"glasscn","c":"overlays/popover","hc":1},{"id":"glasscn:radio-group","t":"Radio Group","s":"glasscn","c":"inputs/radio","hc":1},{"id":"glasscn:tooltip","t":"Tooltip","s":"glasscn","c":"overlays/tooltip","hc":1},{"id":"glasscn:sidebar","t":"Sidebar","s":"glasscn","c":"navigation/sidebar","hc":1},{"id":"glasscn:glass-separator","t":"Glass Separator","d":"Glass Separator with five variants: clear, frosted, subtle, liquid, and liquid-refract","k":"layout","s":"glasscn","c":"layout/page-shell","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glasscn:glass-sidebar","t":"Glass Sidebar","d":"Glass Sidebar with five variants: clear, frosted, subtle, liquid, and liquid-refract","s":"glasscn","c":"navigation/sidebar","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glasscn:alert","t":"Alert","s":"glasscn","c":"overlays/alert-banner","hc":1},{"id":"glasscn:alert-dialog","t":"Alert Dialog","s":"glasscn","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"glasscn:dialog","t":"Dialog","s":"glasscn","c":"overlays/dialog","hc":1},{"id":"glasscn:glass-alert","t":"Glass Alert","d":"Glass Alert with five variants: clear, frosted, subtle, liquid, and liquid-refract","s":"glasscn","c":"overlays/alert-banner","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glasscn:glass-alert-dialog","t":"Glass Alert Dialog","d":"Glass Alert Dialog with five variants: clear, frosted, subtle, liquid, and liquid-refract","s":"glasscn","c":"overlays/dialog","tg":["glass"],"sb":"Confirm","sy":["glass"],"hc":1},{"id":"glasscn:code-block-command","t":"Code Block Command","s":"glasscn","c":"data-display/code-block","hc":1},{"id":"glasscn:glass-code-block-command","t":"Glass Code Block Command","d":"Glass Code Block Command with five variants: clear, frosted, subtle, liquid, and liquid-re","s":"glasscn","c":"data-display/code-block","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glasscn:glass-button-group","t":"Glass Button Group","d":"Glass Button Group with five variants: clear, frosted, subtle, liquid, and liquid-refract","s":"glasscn","c":"actions/button","tg":["glass"],"sb":"Groups and split","sy":["glass"],"hc":1},{"id":"glasscn:glass-toggle-group","t":"Glass Toggle Group","d":"A segmented control with a sliding glass puck indicator supporting icons, text, or any Rea","s":"glasscn","c":"actions/switch","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"glasscn:glass-input","t":"Glass Input","d":"Glass Input with five variants: clear, frosted, subtle, liquid, and liquid-refract","s":"glasscn","c":"inputs/form-field","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glasscn:glass-item","t":"Glass Item","d":"Glass Item with five variants: clear, frosted, subtle, liquid, and liquid-refract","s":"glasscn","c":"data-display/list","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glasscn:glass-popover","t":"Glass Popover","d":"Glass Popover with five variants: clear, frosted, subtle, liquid, and liquid-refract","s":"glasscn","c":"overlays/popover","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glasscn:glass-progress","t":"Glass Progress","d":"Glass Progress with five variants: clear, frosted, subtle, liquid, and liquid-refract","s":"glasscn","c":"data-viz/progress-bar","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glasscn:glass-radio-group","t":"Glass Radio Group","d":"Glass Radio Group with five variants: clear, frosted, subtle, liquid, and liquid-refract","s":"glasscn","c":"inputs/radio","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glasscn:glass-skeleton","t":"Glass Skeleton","d":"Glass Skeleton with five variants: clear, frosted, subtle, liquid, and liquid-refract","s":"glasscn","c":"status/skeleton","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glasscn:liquid-text","t":"Liquid Text","d":"Animated text filled with a liquid shader mask.","k":"motion","s":"glasscn","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"glasscn:liquid-watch","t":"Liquid Watch","d":"Compact watch-style stacked time display built from liquid text inspired by Apple Watch.","k":"motion","s":"glasscn","c":"motion/text-effect","hc":1},{"id":"glasscn:liquid-switch","t":"Liquid Switch","d":"A liquid-glass switch wrapper built on top of the default switch component.","s":"glasscn","c":"actions/switch","tg":["glass","webgl"],"sb":"Animated","sy":["glass","webgl"],"hc":1},{"id":"glasscn:liquid-badge","t":"Liquid Badge","d":"A liquid-glass badge wrapper that keeps the base badge fill and applies the effect to the ","s":"glasscn","c":"data-display/badge","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"glasscn:preference","t":"Preference","d":"A weighted preference bar with icon badges, hover tinting, and tooltip descriptions.","s":"glasscn","c":"overlays/tooltip","hc":1},{"id":"glint-ui:accordion","t":"Accordion","d":"Stacked disclosure sections with smooth auto-height animation, a springy chevron and full ","s":"glint-ui","c":"data-display/accordion","hc":1},{"id":"glint-ui:accordion-gallery","t":"Accordion Gallery","d":"A row of image panels where the hovered or focused one glides open with its caption while ","s":"glint-ui","c":"media/gallery","sb":"Hover effects","hc":1},{"id":"glint-ui:acid-squares","t":"Acid Squares","d":"A grid of rounded squares cycling through acid neon colors in interfering waves; the curso","k":"motion","s":"glint-ui","c":"motion/cursor","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"glint-ui:aero-shards","t":"Aero Shards","d":"Translucent glass shards drift in layers over soft glowing color, bending the light with r","k":"layout","s":"glint-ui","c":"layout/scroll-area","tg":["glass","neon","webgl"],"sy":["glass","neon","webgl"],"hc":1},{"id":"glint-ui:alert-dialog","t":"Alert Dialog","d":"Confirmation modal on the native <dialog> with a springy scale-in, focus starting on Cance","s":"glint-ui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"glint-ui:animated-button","t":"Animated Button","d":"On hover a slanted fill sweeps across while the label slides out and an arrow slides in.","s":"glint-ui","c":"actions/button","sb":"Animated","hc":1},{"id":"glint-ui:animated-content","t":"Animated Content","d":"Slides, scales and fades its children into place when they scroll into view.","k":"layout","s":"glint-ui","c":"layout/scroll-area","hc":1},{"id":"glint-ui:animated-list","t":"Animated List","d":"Items drop in one at a time, like a live notification feed.","s":"glint-ui","c":"data-display/list","hc":1},{"id":"glint-ui:animated-tabs","t":"Animated Tabs","d":"Tab bar with a springy shared-layout indicator and panels that slide and blur in the direc","s":"glint-ui","c":"navigation/tabs","hc":1},{"id":"glint-ui:animated-testimonials","t":"Animated Testimonials","d":"A stack of tilted photo cards that shuffles to the active person while their quote blurs i","k":"section","s":"glint-ui","c":"marketing/testimonials","tg":["3d"],"sy":["3d"],"hc":1},{"id":"glint-ui:announcement","t":"Announcement","d":"Pill-shaped news link with a highlighted tag, a periodic shine sweep and a chevron that ex","k":"section","s":"glint-ui","c":"marketing/announcement","hc":1},{"id":"glint-ui:antigravity","t":"Antigravity","d":"Weightless glowing dust that drifts upward and curls away from the cursor.","k":"motion","s":"glint-ui","c":"motion/cursor","tg":["neon"],"sy":["neon"],"hc":1},{"id":"glint-ui:arc-sidebar","t":"Arc Sidebar","d":"A sectioned nav whose active marker arcs between rows, shoves the label aside on landing a","s":"glint-ui","c":"navigation/sidebar","hc":1},{"id":"glint-ui:ascii-text","t":"ASCII Text","d":"Text rasterized into shimmering ASCII glyphs on a canvas, rippling in a slow wave and bulg","k":"motion","s":"glint-ui","c":"motion/text-effect","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"glint-ui:aspect-ratio","t":"Aspect Ratio","d":"Box locked to a width/height ratio, with a shimmer placeholder that dissolves into the ima","s":"glint-ui","c":"media/gallery","hc":1},{"id":"glint-ui:aurora","t":"Aurora","d":"Slow drifting color blobs, blurred into a northern-lights glow. Pure CSS.","k":"motion","s":"glint-ui","c":"motion/gradient","tg":["gradient","neon"],"sy":["gradient","neon"],"hc":1},{"id":"glint-ui:aurora-dots","t":"Aurora Dots","d":"A dot matrix lit by drifting aurora ribbons; each dot takes its color from the moving ligh","k":"motion","s":"glint-ui","c":"motion/background","tg":["gradient","neon","webgl"],"sb":"Grids and patterns","sy":["gradient","neon","webgl"],"hc":1},{"id":"glint-ui:avatar","t":"Avatar","d":"Profile picture that fades in once loaded, falls back to colorful initials, and shows an o","s":"glint-ui","c":"data-display/avatar","hc":1},{"id":"glint-ui:avatar-group","t":"Avatar Group","d":"Overlapping avatar stack that fans apart on hover, with name tooltips and a +N overflow ch","s":"glint-ui","c":"data-display/avatar","hc":1},{"id":"glint-ui:background-paths","t":"Background Paths","d":"Two layered ribbons of flowing SVG curves with light running along their strokes. Pure SVG","k":"motion","s":"glint-ui","c":"motion/background","hc":1},{"id":"glint-ui:badge","t":"Badge","d":"Compact status label in six variants with an optional live dot, pulse ring and a glinting ","s":"glint-ui","c":"data-display/badge","hc":1},{"id":"glint-ui:ballpit","t":"Ballpit","d":"Glossy colored balls tumble in with gravity, collide and pile up; sweep the cursor through","k":"motion","s":"glint-ui","c":"motion/cursor","hc":1},{"id":"glint-ui:bars-wave","t":"Bars Wave","d":"A row of glowing equalizer bars whose heights roll across the screen as a layered wave. Ca","k":"motion","s":"glint-ui","c":"motion/background","tg":["neon"],"sb":"Waves and warps","sy":["neon"],"hc":1},{"id":"glint-ui:beams","t":"Beams","d":"Soft volumetric light beams slanting across a dark scene, drifting and breathing through n","k":"motion","s":"glint-ui","c":"motion/background","tg":["webgl"],"sb":"Beams and light","sy":["webgl"],"hc":1},{"id":"glint-ui:beams-upstream","t":"Beams Upstream","d":"Thin light beams rise along the vertical lines of a softly masked grid, trailing a glowing","k":"motion","s":"glint-ui","c":"motion/background","tg":["neon"],"sb":"Beams and light","sy":["neon"],"hc":1},{"id":"glint-ui:bell-toggle","t":"Bell Toggle","d":"A notification switch whose bell swings and rings when enabled, and gets a drawn slash whe","s":"glint-ui","c":"actions/switch","sb":"Animated","hc":1},{"id":"glint-ui:bento-grid","t":"Bento Grid","d":"Responsive bento layout of feature tiles with hover lifts, playful icons and a cursor spot","k":"layout","s":"glint-ui","c":"layout/bento-grid","tg":["neon","playful"],"sy":["neon","playful"],"hc":1},{"id":"glint-ui:blob-cursor","t":"Blob Cursor","d":"A trail of gooey blobs that stretch, merge and split as they chase the pointer.","k":"motion","s":"glint-ui","c":"motion/cursor","hc":1},{"id":"glint-ui:blur-text","t":"Blur Text","d":"Words or letters drift in from above or below, sharpening out of a heavy blur as they scro","k":"motion","s":"glint-ui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"glint-ui:bolt-strike","t":"Bolt Strike","d":"A night storm where procedural, forking lightning bolts strike at random spots and light u","k":"motion","s":"glint-ui","c":"motion/background","hc":1},{"id":"glint-ui:bounce-cards","t":"Bounce Cards","d":"A fanned stack of photo cards that bounce into place when scrolled into view and spread ap","s":"glint-ui","c":"data-display/card","hc":1},{"id":"glint-ui:branched-menu","t":"Branched Menu","d":"A trigger that grows curved branches out to its sub-actions, then pulls them back in when ","s":"glint-ui","c":"navigation/menu","hc":1},{"id":"glint-ui:bubble-menu","t":"Bubble Menu","d":"A pill navbar whose toggle bursts into a cloud of springy bubble links that pop in one aft","s":"glint-ui","c":"navigation/menu","hc":1},{"id":"glint-ui:button","t":"Button","d":"shadcn-style button with six variants, a tactile press, icon slots and a loading spinner t","s":"glint-ui","c":"actions/button","hc":1},{"id":"glint-ui:calendar","t":"Calendar","d":"Dependency-free date picker grid with single or range selection, springy month slides, ran","s":"glint-ui","c":"data-display/calendar","hc":1},{"id":"glint-ui:call-chip","t":"Call Chip","d":"An incoming-call pill with pulsing rings that expands into accept and decline, then morphs","s":"glint-ui","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"glint-ui:card","t":"Card","d":"Composable card surface (header, title, description, content, footer) with an optional hov","s":"glint-ui","c":"data-display/card","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"glint-ui:card-flip","t":"Card Flip","d":"A 3D card that springs over to reveal its back on hover or click, with Enter/Space to togg","s":"glint-ui","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"glint-ui:card-nav","t":"Card Nav","d":"A compact navbar that springs open downward into a row of colorful link cards.","s":"glint-ui","c":"navigation/top-nav","hc":1},{"id":"glint-ui:card-swap","t":"Card Swap","d":"A skewed 3D stack of cards that cycles on its own: the front card drops away and springs b","s":"glint-ui","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"glint-ui:carousel","t":"Carousel","d":"A draggable, snapping carousel whose off-center slides tilt away in 3D, with dots, autopla","s":"glint-ui","c":"media/carousel","tg":["3d"],"sy":["3d"],"hc":1},{"id":"glint-ui:checkbox","t":"Checkbox","d":"Native checkbox restyled with a hand-drawn tick animation, indeterminate dash, label and d","s":"glint-ui","c":"inputs/checkbox","tg":["playful"],"sy":["playful"],"hc":1},{"id":"glint-ui:checklist-cell","t":"Checklist Cell","d":"A checklist card whose ticks draw in, labels strike through, finished items glide to the b","s":"glint-ui","c":"inputs/checkbox","hc":1},{"id":"glint-ui:chroma-grid","t":"Chroma Grid","d":"A grid of profile cards drained to grayscale, with a soft spotlight of full color that tra","s":"glint-ui","c":"data-display/profile","hc":1},{"id":"glint-ui:circular-gallery","t":"Circular Gallery","d":"An endless ribbon of images bent along an arc that you scroll, drag or arrow through, easi","s":"glint-ui","c":"media/gallery","hc":1},{"id":"glint-ui:circular-text","t":"Circular Text","d":"Text wrapped around a slowly spinning ring that speeds up, slows down or stops when hovere","k":"motion","s":"glint-ui","c":"motion/text-effect","hc":1},{"id":"glint-ui:click-spark","t":"Click Spark","d":"Bursts of sparks radiate from every click inside the area.","s":"glint-ui","c":"other/other","hc":1},{"id":"glint-ui:clock","t":"Clock","d":"An elegant analog clock with a smooth sweeping (or bouncy ticking) second hand, minute tic","s":"glint-ui","c":"other/other","tg":["playful"],"sy":["playful"],"hc":1},{"id":"glint-ui:code-block","t":"Code Block","d":"Code display with a filename tab, line numbers, highlighted lines that sweep in, lightweig","s":"glint-ui","c":"data-display/code-block","hc":1},{"id":"glint-ui:code-slots","t":"Code Slots","d":"A one-time code input where each digit spins in like a slot reel, shakes on a wrong code a","s":"glint-ui","c":"inputs/otp-input","tg":["neon"],"sy":["neon"],"hc":1},{"id":"glint-ui:collapsible","t":"Collapsible","d":"Show-more region whose height, opacity and blur ease open smoothly, controlled or uncontro","s":"glint-ui","c":"data-display/accordion","hc":1},{"id":"glint-ui:color-bends","t":"Color Bends","d":"Smooth ribbons of color that bend, fold and drift; the cursor gently warps them like a len","s":"glint-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"glint-ui:column-lines","t":"Column Lines","d":"Evenly spaced column lines with colored light pulses falling down them at random. Canvas 2","k":"motion","s":"glint-ui","c":"motion/background","sb":"Beams and light","hc":1},{"id":"glint-ui:comet-dial","t":"Comet Dial","d":"A drag-around knob whose indicator trails a glowing comet tail, with a live readout and fu","s":"glint-ui","c":"inputs/slider","tg":["neon"],"sy":["neon"],"hc":1},{"id":"glint-ui:cosmic-background","t":"Cosmic Background","d":"Deep-space nebula clouds with parallax star layers, twinkling flares and the odd shooting ","k":"motion","s":"glint-ui","c":"motion/background","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"glint-ui:count-up","t":"Count Up","d":"Animates a number from one value to another when it enters the viewport.","k":"motion","s":"glint-ui","c":"motion/number-ticker","hc":1},{"id":"glint-ui:counter","t":"Counter","d":"An odometer-style number where every digit column rolls on a spring, with − / + controls a","k":"motion","s":"glint-ui","c":"motion/number-ticker","hc":1},{"id":"glint-ui:crosshair","t":"Crosshair","d":"Full-bleed crosshair lines with live coordinates that tear and glitch when you hover a lin","s":"glint-ui","c":"actions/link","hc":1},{"id":"glint-ui:crt-warp","t":"CRT Warp","d":"A glowing gradient seen through an old CRT: barrel curvature, scanlines, RGB mask, flicker","k":"motion","s":"glint-ui","c":"motion/shader","tg":["gradient","neon","retro and HUD"],"sy":["gradient","neon","retro and HUD"],"hc":1},{"id":"glint-ui:cubes","t":"Cubes","d":"A field of 3D cubes that tilt toward the cursor and flip in a glowing ripple when clicked.","s":"glint-ui","c":"inputs/form-field","tg":["3d","neon"],"sy":["3d","neon"],"hc":1},{"id":"glint-ui:cursor-grid","t":"Cursor Grid","d":"A grid of cells that light up under the cursor and cool into a fading color trail.","k":"motion","s":"glint-ui","c":"motion/cursor","hc":1},{"id":"glint-ui:cursor-highlight","t":"Cursor Highlight","d":"A soft glow follows the cursor and springs into a pill that wraps whatever link or card yo","k":"motion","s":"glint-ui","c":"motion/cursor","tg":["neon"],"sy":["neon"],"hc":1},{"id":"glint-ui:curved-input","t":"Curved Input","d":"A text field whose words and underline droop along an arc while idle, then spring flat the","s":"glint-ui","c":"inputs/form-field","hc":1},{"id":"glint-ui:curved-loop","t":"Curved Loop","d":"An endless marquee flowing along a curved path. Grab it to scrub, and flick to send it the","k":"motion","s":"glint-ui","c":"motion/marquee","hc":1},{"id":"glint-ui:dark-veil","t":"Dark Veil","d":"A dark, moody veil of slowly folding noise with a soft color tint and film grain. WebGL.","k":"motion","s":"glint-ui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"glint-ui:decay-card","t":"Decay Card","d":"An image card that leans toward the cursor and melts into noisy SVG displacement the faste","s":"glint-ui","c":"data-display/card","hc":1},{"id":"glint-ui:decorated-text","t":"Decorated Text","d":"Frames a word with corner brackets, a dashed selection box and twinkling sparkles that dra","k":"motion","s":"glint-ui","c":"motion/text-effect","hc":1},{"id":"glint-ui:decrypted-text","t":"Decrypted Text","d":"Scrambled glyphs resolve into the real text, on view or on hover.","k":"motion","s":"glint-ui","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"glint-ui:depth-carousel","t":"Depth Carousel","d":"A looping carousel where cards recede into 3D depth and blur the further they sit from cen","s":"glint-ui","c":"media/carousel","tg":["3d"],"sy":["3d"],"hc":1},{"id":"glint-ui:depth-text","t":"Depth Text","d":"Chunky extruded 3D lettering built from stacked layers that tilts toward the pointer and s","k":"motion","s":"glint-ui","c":"motion/text-effect","tg":["3d"],"sb":"3D text","sy":["3d"],"hc":1},{"id":"glint-ui:dialog","t":"Dialog","d":"Modal built on the native <dialog>: blurred backdrop, spring scale-in and fade-out, Escape","s":"glint-ui","c":"overlays/dialog","hc":1},{"id":"glint-ui:dither","t":"Dither","d":"Flowing waves rendered with 8x8 ordered Bayer dithering in two colors; the cursor sends ri","k":"motion","s":"glint-ui","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"glint-ui:dither-veil","t":"Dither Veil","d":"A flowing 1-bit ordered-dither veil that dissolves around the cursor to reveal what is und","k":"motion","s":"glint-ui","c":"motion/cursor","hc":1},{"id":"glint-ui:dock","t":"Dock","d":"macOS-style toolbar where icons magnify as the cursor passes.","s":"glint-ui","c":"navigation/dock","hc":1},{"id":"glint-ui:dodge-field","t":"Dodge Field","d":"A playful yes/no prompt whose No button springs away from the cursor, leaning into each ho","s":"glint-ui","c":"inputs/form-field","tg":["playful"],"sy":["playful"],"hc":1},{"id":"glint-ui:dome-gallery","t":"Dome Gallery","d":"Photos tiled across the inside of a sphere that you drag to look around, with inertia and ","s":"glint-ui","c":"media/gallery","hc":1},{"id":"glint-ui:dot-field","t":"Dot Field","d":"A perspective field of glowing dots rolling toward you in terrain-like waves; the camera l","s":"glint-ui","c":"inputs/form-field","tg":["3d","neon","webgl"],"sy":["3d","neon","webgl"],"hc":1},{"id":"glint-ui:dot-grid","t":"Dot Grid","d":"A calm dot matrix that lights up around the cursor. Redraws only on movement.","k":"motion","s":"glint-ui","c":"motion/cursor","hc":1},{"id":"glint-ui:dot-wave","t":"Dot Wave","d":"A perspective field of dots rolling in layered sine waves, fading into the horizon. Canvas","k":"motion","s":"glint-ui","c":"motion/background","tg":["3d"],"sb":"Grids and patterns","sy":["3d"],"hc":1},{"id":"glint-ui:draggable-avatar","t":"Draggable Avatar","d":"An avatar you can drag and fling around its container; it springs to the nearest corner wi","s":"glint-ui","c":"data-display/avatar","hc":1},{"id":"glint-ui:drawer","t":"Drawer","d":"Bottom sheet on the native <dialog> that springs up, drags with a rubber-band feel, snaps ","s":"glint-ui","c":"overlays/sheet","hc":1},{"id":"glint-ui:drift-card","t":"Drift Card","d":"A card whose photo, text and chips drift at different parallax depths as the pointer moves","s":"glint-ui","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"glint-ui:drift-wall","t":"Drift Wall","d":"A tilted wall of image columns drifting up and down at different speeds, pausing on hover.","s":"glint-ui","c":"media/gallery","tg":["3d"],"sy":["3d"],"hc":1},{"id":"glint-ui:dropdown-menu","t":"Dropdown Menu","d":"Menu button on the native Popover API with a highlight that glides between items, shortcut","s":"glint-ui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"glint-ui:dual-sparks","t":"Dual Sparks","d":"Two streams of sparks rush in from opposite edges and burst against each other in a glowin","k":"motion","s":"glint-ui","c":"motion/background","tg":["neon"],"sy":["neon"],"hc":1},{"id":"glint-ui:duration-picker","t":"Duration Picker","d":"Hours, minutes and a save button fused into one bar that pulls apart on a liquid thread wh","s":"glint-ui","c":"inputs/select","hc":1},{"id":"glint-ui:dynamic-island","t":"Dynamic Island","d":"A squircle pill that eases into a slab when tapped, swaps its content on the way, and glow","s":"glint-ui","c":"overlays/alert-banner","tg":["neon"],"sy":["neon"],"hc":1},{"id":"glint-ui:echo-text","t":"Echo Text","d":"A headline trailed by fading echo copies that lag behind it, drifting on a loop or chasing","k":"motion","s":"glint-ui","c":"motion/text-effect","hc":1},{"id":"glint-ui:elastic-mesh","t":"Elastic Mesh","d":"A wireframe mesh that stretches around the cursor like cloth and springs back; click to se","k":"motion","s":"glint-ui","c":"motion/cursor","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"glint-ui:elastic-slider","t":"Elastic Slider","d":"Range slider whose track stretches like rubber when dragged past either end, then springs ","s":"glint-ui","c":"inputs/slider","hc":1},{"id":"glint-ui:electric-border","t":"Electric Border","d":"Wraps any element in crackling, glowing arcs of electricity that crawl around its edge.","s":"glint-ui","c":"other/other","tg":["neon"],"sy":["neon"],"hc":1},{"id":"glint-ui:electric-logo","t":"Electric Logo","d":"Pulses of glowing current race along any SVG outline, flickering and arcing as they go.","k":"resource","s":"glint-ui","c":"assets/logo","tg":["neon"],"sy":["neon"],"hc":1},{"id":"glint-ui:electric-text","t":"Electric Text","d":"Text wrapped in a crackling electric outline, driven by animated SVG turbulence displaceme","k":"motion","s":"glint-ui","c":"motion/text-effect","hc":1},{"id":"glint-ui:evil-eye","t":"Evil Eye","d":"A giant smoldering eye with a churning iris and slit pupil that tracks the cursor and blin","k":"motion","s":"glint-ui","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"glint-ui:expandable-cards","t":"Expandable Cards","d":"A list of cards where the one you pick morphs into a detail view with a shared-layout spri","s":"glint-ui","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"glint-ui:expandable-dock","t":"Expandable Dock","d":"A compact pill of actions that springs open into a panel (search, quick actions, inbox, pl","s":"glint-ui","c":"navigation/dock","hc":1},{"id":"glint-ui:facescape","t":"Facescape","d":"A little face built from simple shapes that watches your cursor, lifts its brows and grins","k":"resource","s":"glint-ui","c":"assets/shape","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"glint-ui:fade-content","t":"Fade Content","d":"Fades and un-blurs its children as they scroll into view, like a lens pulling focus.","s":"glint-ui","c":"media/gallery","hc":1},{"id":"glint-ui:falling-text","t":"Falling Text","d":"A paragraph whose words tumble down and pile up with real physics on hover, click or view,","k":"motion","s":"glint-ui","c":"motion/text-effect","hc":1},{"id":"glint-ui:fancy-text","t":"Fancy Text","d":"Outlined letters that lift and fill with a sweeping gradient, one after another, on hover.","k":"motion","s":"glint-ui","c":"motion/text-effect","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"glint-ui:faulty-terminal","t":"Faulty Terminal","d":"A scrolling wall of phosphor glyphs on a worn CRT, with scanlines, flicker, torn glitch ba","s":"glint-ui","c":"data-display/code-block","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"glint-ui:feature-showcase","t":"Feature Showcase","d":"Feature list with an expanding description and a filling progress bar that auto-advances, ","k":"section","s":"glint-ui","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"glint-ui:ferrofluid","t":"Ferrofluid","d":"A glossy black ferrofluid blob whose spikes rise toward the cursor like it is chasing a ma","k":"resource","s":"glint-ui","c":"assets/shape","hc":1},{"id":"glint-ui:flashy-card","t":"Flashy Card","d":"A card with a comet of gradient light sweeping its border that brightens, blooms into a gl","s":"glint-ui","c":"data-display/card","tg":["gradient","neon"],"sy":["gradient","neon"],"hc":1},{"id":"glint-ui:flex-carousel","t":"Flex Carousel","d":"Row of photo panels where the active one flex-grows open while the rest shrink, auto-advan","s":"glint-ui","c":"media/carousel","hc":1},{"id":"glint-ui:flex-navbar","t":"Flex Navbar","d":"Icon navbar whose items spring open to reveal a tinted label on hover or focus while their","s":"glint-ui","c":"navigation/top-nav","hc":1},{"id":"glint-ui:flip-card","t":"Flip Card","d":"A small flash card that lifts off the table and springs over toward the side you tap, with","s":"glint-ui","c":"data-display/card","hc":1},{"id":"glint-ui:flip-flow","t":"Flip Flow","d":"Split-flap tiles that flip through their items like a flip clock, the top half falling ove","s":"glint-ui","c":"data-display/list","hc":1},{"id":"glint-ui:flip-stack","t":"Flip Stack","d":"A pile of cards where clicking tosses the top card up, flips it end over end and drops it ","s":"glint-ui","c":"data-display/card","hc":1},{"id":"glint-ui:floating-lines","t":"Floating Lines","d":"Three depth layers of thin glowing wave lines drifting with parallax and parting around th","k":"motion","s":"glint-ui","c":"motion/background","tg":["3d","neon","webgl"],"sb":"Beams and light","sy":["3d","neon","webgl"],"hc":1},{"id":"glint-ui:flowing-menu","t":"Flowing Menu","d":"Full-width menu rows; hovering one wipes in a marquee of text and images from the edge you","s":"glint-ui","c":"navigation/menu","hc":1},{"id":"glint-ui:fluid-glass","t":"Fluid Glass","d":"A liquid glass lens that trails the cursor, magnifying and refracting the content beneath ","k":"motion","s":"glint-ui","c":"motion/shader","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glint-ui:flying-posters","t":"Flying Posters","d":"Posters fly through 3D space in a curving vertical stream you steer by scrolling or draggi","k":"layout","s":"glint-ui","c":"layout/page-shell","tg":["3d"],"sy":["3d"],"hc":1},{"id":"glint-ui:fold-text","t":"Fold Text","d":"Lines or letters swing open like creased paper in 3D, with a soft shadow lifting as each p","k":"motion","s":"glint-ui","c":"motion/text-effect","tg":["3d"],"sy":["3d"],"hc":1},{"id":"glint-ui:folder","t":"Folder","d":"A folder that springs open on hover or click, fanning out the paper cards tucked inside.","s":"glint-ui","c":"data-display/card","hc":1},{"id":"glint-ui:folder-float","t":"Folder Float","d":"A folder whose flap tips open on hover or focus so its files float up and fan out, then se","s":"glint-ui","c":"other/other","hc":1},{"id":"glint-ui:folder-tree","t":"Folder Tree","d":"File explorer tree with springy expand/collapse, a highlight that glides to the selected r","s":"glint-ui","c":"data-display/tree","hc":1},{"id":"glint-ui:follow-cursor","t":"Follow Cursor","d":"A pill label that trails the cursor across a card on a spring, leans into motion and squis","k":"motion","s":"glint-ui","c":"motion/cursor","hc":1},{"id":"glint-ui:fuse-button","t":"Fuse Button","d":"Hold to light a spark that burns along the border; if it makes it all the way round, it bu","s":"glint-ui","c":"actions/button","hc":1},{"id":"glint-ui:fuzzy-text","t":"Fuzzy Text","d":"Canvas-drawn lettering whose pixel rows jitter sideways like a weak signal, getting noisie","k":"motion","s":"glint-ui","c":"motion/text-effect","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"glint-ui:galaxy","t":"Galaxy","d":"A slowly spinning spiral galaxy of twinkling stars and glowing dust, with depth parallax u","k":"layout","s":"glint-ui","c":"layout/scroll-area","tg":["3d","neon"],"sy":["3d","neon"],"hc":1},{"id":"glint-ui:ghost-cursor","t":"Ghost Cursor","d":"Translucent, drifting echoes of the cursor trail behind the pointer like afterimages.","k":"motion","s":"glint-ui","c":"motion/cursor","hc":1},{"id":"glint-ui:ghost-fibers","t":"Ghost Fibers","d":"Translucent glowing fibers that braid, drift apart and fade in and out like ghostly silk.","s":"glint-ui","c":"other/other","tg":["neon"],"sy":["neon"],"hc":1},{"id":"glint-ui:github-activity","t":"GitHub Activity","d":"A contribution calendar on a squircle card whose busiest repos stack as avatars and expand","s":"glint-ui","c":"overlays/sheet","hc":1},{"id":"glint-ui:glare-hover","t":"Glare Hover","d":"A glossy band of light sweeps across the card on hover or focus, like light catching foil.","s":"glint-ui","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"glint-ui:glass-card","t":"Glass Card","d":"Frosted glassmorphism card with a refractive edge light, film grain and a pointer-follow s","s":"glint-ui","c":"data-display/card","tg":["glass"],"sb":"Animated and glowing","sy":["glass"],"hc":1},{"id":"glint-ui:glass-icons","t":"Glass Icons","d":"Icon tiles with a colored backplate behind a frosted glass front that lifts and tilts towa","k":"resource","s":"glint-ui","c":"assets/icon","tg":["3d","glass"],"sy":["3d","glass"],"hc":1},{"id":"glint-ui:glass-surface","t":"Glass Surface","d":"A liquid-glass panel whose rim bends the backdrop through an SVG displacement map, with ch","s":"glint-ui","c":"data-viz/map","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glint-ui:glide-select","t":"Glide Select","d":"A segmented control whose highlight stretches like a drop of liquid as it glides to the ne","s":"glint-ui","c":"inputs/select","hc":1},{"id":"glint-ui:glint-bot","t":"Glint Bot","d":"A retro robot with a lit CSS-3D visor head that turns toward your cursor, spinning reel ey","k":"motion","s":"glint-ui","c":"motion/cursor","tg":["3d","retro and HUD"],"sy":["3d","retro and HUD"],"hc":1},{"id":"glint-ui:glitch-text","t":"Glitch Text","d":"RGB-split slices jitter across the text like a broken signal.","k":"motion","s":"glint-ui","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"glint-ui:globe","t":"Globe","d":"A rotating dotted globe drawn on canvas, with pulsing city markers, great-circle arcs carr","k":"motion","s":"glint-ui","c":"motion/globe","hc":1},{"id":"glint-ui:globe-wireframe","t":"Globe Wireframe","d":"A rotating wireframe globe of latitude and longitude lines with depth-faded hidden lines a","k":"motion","s":"glint-ui","c":"motion/globe","tg":["3d","neon"],"sy":["3d","neon"],"hc":1},{"id":"glint-ui:glow-border","t":"Glow Border","d":"A comet of light orbits the element's border.","k":"motion","s":"glint-ui","c":"motion/background","tg":["neon"],"sb":"Gradients and aurora","sy":["neon"],"hc":1},{"id":"glint-ui:glow-cursor","t":"Glow Cursor","d":"A soft colored glow trails the cursor inside its container and swells over interactive chi","k":"motion","s":"glint-ui","c":"motion/cursor","tg":["neon"],"sy":["neon"],"hc":1},{"id":"glint-ui:gooey-nav","t":"Gooey Nav","d":"A segmented tray where the active item pulls out on a liquid metaball thread and drops a b","s":"glint-ui","c":"navigation/top-nav","hc":1},{"id":"glint-ui:gradient-blinds","t":"Gradient Blinds","d":"Venetian-blind strips refracting a drifting gradient, lit by a spotlight that follows the ","k":"motion","s":"glint-ui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"glint-ui:gradient-text","t":"Gradient Text","d":"Text filled with a slowly flowing multi-stop gradient.","k":"motion","s":"glint-ui","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"hc":1},{"id":"glint-ui:gradient-waves","t":"Gradient Waves","d":"Stacked gradient waves rolling at different speeds, each casting a soft shadow on the laye","k":"motion","s":"glint-ui","c":"motion/background","tg":["gradient"],"sb":"Gradients and aurora","sy":["gradient"],"hc":1},{"id":"glint-ui:gradual-blur","t":"Gradual Blur","d":"A progressive edge blur built from stacked, masked backdrop-filter layers. Drop it over an","k":"motion","s":"glint-ui","c":"motion/background","hc":1},{"id":"glint-ui:grain-gradient","t":"Grain Gradient","d":"A slowly morphing mesh gradient of four colors under a layer of moving film grain.","k":"motion","s":"glint-ui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"glint-ui:gravity","t":"Gravity","d":"Drops any elements into a real physics box where they tumble, stack, and can be grabbed an","s":"glint-ui","c":"other/other","hc":1},{"id":"glint-ui:grid-background","t":"Grid Background","d":"A fine grid where random cells softly light up and fade out, framed by a radial fade. Canv","k":"motion","s":"glint-ui","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"glint-ui:grid-distortion","t":"Grid Distortion","d":"An image on a grid of tiles that smear along with the cursor and ease back into place.","s":"glint-ui","c":"media/gallery","sb":"Grids","hc":1},{"id":"glint-ui:grid-motion","t":"Grid Motion","d":"Tilted rows of tiles that slide in alternating directions as the cursor moves across.","s":"glint-ui","c":"data-display/list","tg":["3d"],"sy":["3d"],"hc":1},{"id":"glint-ui:grid-scan","t":"Grid Scan","d":"A neon perspective grid floor swept by a glowing scan line, with a horizon that follows th","k":"motion","s":"glint-ui","c":"motion/cursor","tg":["3d","neon"],"sy":["3d","neon"],"hc":1},{"id":"glint-ui:halftone-reveal","t":"Halftone Reveal","d":"Renders an image as breathing halftone dots that swell and melt into the full photo around","s":"glint-ui","c":"media/gallery","hc":1},{"id":"glint-ui:hold-to-confirm","t":"Hold To Confirm","d":"Destructive action guard: press and hold until the bar fills. Works with Space and Enter.","s":"glint-ui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"glint-ui:hover-card","t":"Hover Card","d":"Rich preview card that blooms out of a link on hover or focus, with open/close delays, an ","s":"glint-ui","c":"overlays/hover-card","hc":1},{"id":"glint-ui:hyperlink","t":"Hyperlink","d":"An inline link whose underline draws in from the left and exits to the right, with a sprin","s":"glint-ui","c":"actions/link","hc":1},{"id":"glint-ui:hyperspeed","t":"Hyperspeed","d":"A night highway of light trails rushing toward you. Hold the pointer down to punch it into","k":"motion","s":"glint-ui","c":"motion/cursor","hc":1},{"id":"glint-ui:image-trail","t":"Image Trail","d":"Photos pop in along the cursor path, then drift, shrink and fade away.","s":"glint-ui","c":"media/gallery","hc":1},{"id":"glint-ui:infinite-canvas","t":"Infinite Canvas","d":"A bounded moodboard-style canvas on a dotted grid: drag to pan with inertia, scroll or pin","s":"glint-ui","c":"media/gallery","hc":1},{"id":"glint-ui:infinite-menu","t":"Infinite Menu","d":"Menu items wrapped around a sphere you drag to spin; it settles on the disc facing you and","s":"glint-ui","c":"navigation/menu","hc":1},{"id":"glint-ui:infinite-spiral","t":"Infinite Spiral","d":"Cards wound around an endless 3D helix that keeps turning, and spins faster when you scrol","s":"glint-ui","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"glint-ui:input","t":"Input","d":"Text input with icon slots, three sizes, a focus line that sweeps out from the center and ","s":"glint-ui","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"glint-ui:input-otp","t":"Input OTP","d":"One-time-code field: slots that pop each digit in, a blinking caret, paste and SMS autofil","s":"glint-ui","c":"inputs/otp-input","hc":1},{"id":"glint-ui:interactive-input","t":"Interactive Input","d":"A text field with a floating label, a focus ring that blooms out of the border, a spring-i","s":"glint-ui","c":"inputs/form-field","hc":1},{"id":"glint-ui:iphone-mockup","t":"iPhone Mockup","d":"A realistic, pure-CSS titanium phone frame with dynamic island, side buttons, status bar a","s":"glint-ui","c":"media/mockup","tg":["3d","glass"],"sy":["3d","glass"],"hc":1},{"id":"glint-ui:iridescence","t":"Iridescence","d":"An oil-slick film of flowing interference colors that swirls around the cursor.","k":"motion","s":"glint-ui","c":"motion/cursor","hc":1},{"id":"glint-ui:jelly-radio","t":"Jelly Radio","d":"A radio group with one gooey dot that stretches as it slides to the new option, splats on ","s":"glint-ui","c":"inputs/radio","hc":1},{"id":"glint-ui:kbd","t":"Kbd","d":"Keyboard keys drawn as 3D keycaps that physically sink when the matching key is pressed, p","s":"glint-ui","c":"data-display/typography","tg":["3d"],"sy":["3d"],"hc":1},{"id":"glint-ui:keyboard","t":"Keyboard","d":"A realistic compact keyboard whose keycaps sink and glow with backlight when you press the","k":"motion","s":"glint-ui","c":"motion/text-effect","tg":["neon"],"sy":["neon"],"hc":1},{"id":"glint-ui:kinetic-testimonials","t":"Kinetic Testimonials","d":"Rows of testimonial cards drifting in opposite directions, pausing on hover with soft edge","k":"section","s":"glint-ui","c":"marketing/testimonials","hc":1},{"id":"glint-ui:label","t":"Label","d":"Form label with a required asterisk, optional tag and hint text that lights up while its c","s":"glint-ui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"glint-ui:lamp-hero","t":"Lamp Hero","d":"Hero section lit by a glowing light tube whose cone swings open and the heading rises into","k":"section","s":"glint-ui","c":"marketing/hero","tg":["neon"],"sb":"Animated background","sy":["neon"],"hc":1},{"id":"glint-ui:lanyard","t":"Lanyard","d":"An ID badge hanging from a woven strap with verlet rope physics. Grab it, fling it and wat","s":"glint-ui","c":"data-display/badge","hc":1},{"id":"glint-ui:laser-flow","t":"Laser Flow","d":"A glowing laser beam pours down into a misty splash, with volumetric haze, flicker and dri","k":"motion","s":"glint-ui","c":"motion/shader","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"glint-ui:lattice-loader","t":"Lattice Loader","d":"A tiny isometric lattice of cubes or dots that pulses in a diagonal wave while the whole g","s":"glint-ui","c":"status/loader","tg":["3d"],"sy":["3d"],"hc":1},{"id":"glint-ui:layer-stack","t":"Layer Stack","d":"Translucent design layers stacked in isometric view that fan apart on hover, with a layers","s":"glint-ui","c":"data-display/card","hc":1},{"id":"glint-ui:layered-button","t":"Layered Button","d":"A 3D keycap of stacked offset layers that spread on hover and compress on press.","s":"glint-ui","c":"actions/button","tg":["3d"],"sy":["3d"],"hc":1},{"id":"glint-ui:layered-text","t":"Layered Text","d":"Colored copies hide behind each letter and fan out in a springy cascade on hover, then sta","k":"motion","s":"glint-ui","c":"motion/text-effect","hc":1},{"id":"glint-ui:lean-card","t":"Lean Card","d":"A card that leans and drifts toward the pointer while its shadow slides away and the conte","s":"glint-ui","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"glint-ui:letter-glitch","t":"Letter Glitch","d":"A full grid of monospace glyphs that keep swapping characters and colors, framed by a soft","k":"motion","s":"glint-ui","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"glint-ui:light-pillar","t":"Light Pillar","d":"A tall column of light filled with slowly swirling volumetric smoke. WebGL.","k":"motion","s":"glint-ui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"glint-ui:light-rays","t":"Light Rays","d":"Soft god rays streaming from an edge or corner, swaying gently and leaning toward the curs","k":"motion","s":"glint-ui","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"glint-ui:light-tunnel","t":"Light Tunnel","d":"An endless flight through a bending tunnel of glowing rings and spark-lit lines. WebGL.","k":"motion","s":"glint-ui","c":"motion/shader","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"glint-ui:lightfall","t":"Lightfall","d":"Streaks of light falling like rain across three depth layers, each with a glowing head and","s":"glint-ui","c":"data-display/gamification","tg":["3d","neon","webgl"],"sy":["3d","neon","webgl"],"hc":1},{"id":"glint-ui:lightning","t":"Lightning","d":"A crackling procedural lightning bolt with forking branches, strobing strikes and storm cl","k":"motion","s":"glint-ui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"glint-ui:line-sidebar","t":"Line Sidebar","d":"Sidebar navigation whose glowing line indicator stretches toward the new item and springs ","s":"glint-ui","c":"navigation/sidebar","tg":["neon"],"sy":["neon"],"hc":1},{"id":"glint-ui:line-waves","t":"Line Waves","d":"Dozens of fine horizontal lines weaving into flowing silk-like waves that bulge away from ","k":"motion","s":"glint-ui","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"glint-ui:liquid-chrome","t":"Liquid Chrome","d":"A slowly folding mirror-like chrome surface that ripples wherever the cursor moves or clic","k":"motion","s":"glint-ui","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"glint-ui:liquid-ether","t":"Liquid Ether","d":"Luminous, colorful ether that flows on its own and swirls into eddies wherever the cursor ","k":"motion","s":"glint-ui","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"glint-ui:loader","t":"Loader","d":"Five small, clean loaders in one component: a stretching arc spinner, squashy hopping dots","s":"glint-ui","c":"status/loader","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"glint-ui:login-form","t":"Login Form","d":"A polished sign-in card with social buttons, password reveal, remember me, animated inline","k":"layout","s":"glint-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"glint-ui:logo-stepper","t":"Logo Stepper","d":"A row of logos that steps through one at a time, with a spring focus ring sliding between ","k":"resource","s":"glint-ui","c":"assets/logo","hc":1},{"id":"glint-ui:luminescent-flows","t":"Luminescent Flows","d":"Glowing currents drift like bioluminescent tides, with light pulses traveling along them a","k":"motion","s":"glint-ui","c":"motion/shader","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"glint-ui:lustre-text","t":"Lustre Text","d":"Polished metal lettering with a bevel and a specular glint that sweeps across, or follows ","k":"motion","s":"glint-ui","c":"motion/text-effect","hc":1},{"id":"glint-ui:magic-bento","t":"Magic Bento","d":"Bento grid whose cards light up with a cursor-following border glow, tilt gently and fill ","k":"layout","s":"glint-ui","c":"layout/bento-grid","tg":["3d","neon"],"sy":["3d","neon"],"hc":1},{"id":"glint-ui:magic-rings","t":"Magic Rings","d":"Concentric glowing rings spin at their own pace, breathe, and bend toward the cursor.","k":"motion","s":"glint-ui","c":"motion/cursor","tg":["neon"],"sy":["neon"],"hc":1},{"id":"glint-ui:magnet","t":"Magnet","d":"Pulls its children toward the cursor when it gets close.","k":"motion","s":"glint-ui","c":"motion/cursor","hc":1},{"id":"glint-ui:magnet-lines","t":"Magnet Lines","d":"A field of short lines that swing to point at the cursor like iron filings, glowing and st","k":"motion","s":"glint-ui","c":"motion/background","tg":["neon"],"sb":"Beams and light","sy":["neon"],"hc":1},{"id":"glint-ui:marquee","t":"Marquee","d":"Infinite logo loop that eases to a stop on hover, grows the logo under the cursor and fade","k":"motion","s":"glint-ui","c":"motion/marquee","hc":1},{"id":"glint-ui:masked-heading","t":"Masked Heading","d":"A big heading wiped into view by a feathered mask sweep, with a gradient or photo flowing ","k":"motion","s":"glint-ui","c":"motion/text-effect","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"glint-ui:masonry","t":"Masonry","d":"Animated masonry image grid: tiles fly in with a staggered blur-to-focus, glide to new slo","s":"glint-ui","c":"media/gallery","sb":"Masonry","hc":1},{"id":"glint-ui:matrix-orb","t":"Matrix Orb","d":"A liquid metaball orb for voice or AI status: it breathes when idle, ripples when listenin","s":"glint-ui","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"glint-ui:media-card","t":"Media Card","d":"Music player card with cover art, a scrubbable progress bar, a morphing play/pause icon an","s":"glint-ui","c":"data-display/card","hc":1},{"id":"glint-ui:meta-balls","t":"Meta Balls","d":"Glossy liquid blobs that drift, merge and split, with one that follows your cursor. Raw We","k":"resource","s":"glint-ui","c":"assets/shape","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"glint-ui:metallic-paint","t":"Metallic Paint","d":"Liquid chrome flows inside a beveled star, heart, ring or glyph, with reflections that lea","k":"motion","s":"glint-ui","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"glint-ui:meteor-orbit","t":"Meteor Orbit","d":"Icons circling a center on concentric rings while glowing meteor streaks race along each o","k":"motion","s":"glint-ui","c":"motion/background","tg":["neon"],"sb":"Particles and stars","sy":["neon"],"hc":1},{"id":"glint-ui:meteors","t":"Meteors","d":"Shooting stars streak across the container. Pure CSS, SSR-safe.","k":"motion","s":"glint-ui","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"glint-ui:model-viewer","t":"Model Viewer","d":"Three.js studio viewer for a procedural model: physical clearcoat material, soft shadows, ","s":"glint-ui","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"glint-ui:modern-loader","t":"Modern Loader","d":"A gradient comet arc orbits with a glowing head while the ring breathes between circle and","s":"glint-ui","c":"status/loader","tg":["gradient","neon"],"sy":["gradient","neon"],"hc":1},{"id":"glint-ui:molten-metal","t":"Molten Metal","d":"Slowly drifting plates of dark crust split by white-hot, pulsing cracks of molten metal. W","k":"motion","s":"glint-ui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"glint-ui:morning-widget","t":"Morning Widget","d":"A squircle card on a drifting sunrise mesh that greets you by name, rolls a live clock dig","s":"glint-ui","c":"data-display/card","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"glint-ui:morph-slider","t":"Morph Slider","d":"Range slider whose thumb stretches with drag speed and drips a gooey value bubble while yo","s":"glint-ui","c":"inputs/slider","hc":1},{"id":"glint-ui:morph-text","t":"Morph Text","d":"Cycles through words that melt into one another through a gooey blur-and-threshold crossfa","k":"motion","s":"glint-ui","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"glint-ui:morphy-button","t":"Morphy Button","d":"A pill that morphs into a spinning circle while loading, then pops a drawn check on succes","s":"glint-ui","c":"actions/button","sb":"Animated","hc":1},{"id":"glint-ui:motion-cards","t":"Motion Cards","d":"A card grid that springs in with a stagger and, when filtered by tag, shrinks leaving card","s":"glint-ui","c":"data-display/card","hc":1},{"id":"glint-ui:motion-grid","t":"Motion Grid","d":"A grid of tiles that shrink, spin and flash in rolling waves radiating from whichever tile","s":"glint-ui","c":"data-display/card","hc":1},{"id":"glint-ui:motion-navbar","t":"Motion Navbar","d":"Site navbar with a hover pill that glides between links and a single dropdown that morphs ","s":"glint-ui","c":"navigation/top-nav","hc":1},{"id":"glint-ui:moving-lines","t":"Moving Lines","d":"Fine diagonal lines drift sideways while bright comets of light race along them. Canvas 2D","k":"motion","s":"glint-ui","c":"motion/background","sb":"Beams and light","hc":1},{"id":"glint-ui:navbar-flow","t":"Navbar Flow","d":"A full-width navbar that flows into a floating glass pill as you scroll, with a sliding ho","s":"glint-ui","c":"navigation/top-nav","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glint-ui:noise","t":"Noise","d":"An animated film-grain overlay. Pre-baked canvas frames, so it costs almost nothing to run","k":"motion","s":"glint-ui","c":"motion/background","sb":"Noise and texture","hc":1},{"id":"glint-ui:not-found","t":"Not Found","d":"Drop-in 404 section: a huge parallax code with RGB-split glitch bursts, a friendly message","k":"page","s":"glint-ui","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"glint-ui:number-ticker","t":"Number Ticker","d":"An odometer-style number in a squircle window: every digit is a 0-9 strip that rolls to it","k":"motion","s":"glint-ui","c":"motion/number-ticker","hc":1},{"id":"glint-ui:option-wheel","t":"Option Wheel","d":"iOS-style picker wheel: rows curve around a 3D cylinder, snap into place and respond to wh","s":"glint-ui","c":"inputs/select","tg":["3d"],"sy":["3d"],"hc":1},{"id":"glint-ui:orb","t":"Orb","d":"A glowing iridescent orb whose film of color slides around its rim; it wobbles and brighte","s":"glint-ui","c":"ai-agent/ai-agent","tg":["neon","webgl"],"sb":"Orbs and presence","sy":["neon","webgl"],"hc":1},{"id":"glint-ui:orb-button","t":"Orb Button","d":"A glowing gradient orb drifts inside the button and swells to chase the pointer on hover.","s":"glint-ui","c":"ai-agent/ai-agent","tg":["gradient","neon"],"sb":"Orbs and presence","sy":["gradient","neon"],"hc":1},{"id":"glint-ui:orbit-images","t":"Orbit Images","d":"Photos circle a tilted ellipse in pseudo-3D, scaling and dimming with depth, and glide to ","s":"glint-ui","c":"media/gallery","tg":["3d"],"sy":["3d"],"hc":1},{"id":"glint-ui:page-transition","t":"Page Transition","d":"A staggered, layered column curtain that covers the old view, swaps content, then sweeps a","s":"glint-ui","c":"data-display/badge","hc":1},{"id":"glint-ui:pagination","t":"Pagination","d":"Page controls with fixed-width ellipsis logic, a spring-sliding active pill, and ellipses ","s":"glint-ui","c":"navigation/pagination","hc":1},{"id":"glint-ui:paper-crumple","t":"Paper Crumple","d":"Deleting a note scrunches it into a paper ball that arcs into a bin, whose lid flips open ","s":"glint-ui","c":"other/other","hc":1},{"id":"glint-ui:parallax-cards","t":"Parallax Cards","d":"A draggable, snapping row of photo cards whose images drift inside their frames as the row","k":"layout","s":"glint-ui","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"glint-ui:particle-text","t":"Particle Text","d":"Thousands of tiny particles swarm together to spell a word, burst away from the cursor and","k":"motion","s":"glint-ui","c":"motion/text-effect","hc":1},{"id":"glint-ui:particles","t":"Particles","d":"A drifting constellation that links nearby points and flees the cursor.","k":"motion","s":"glint-ui","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"glint-ui:peek-rating","t":"Peek Rating","d":"Star rating with a little character that peeks over the card, rising and grinning wider th","s":"glint-ui","c":"inputs/rating","hc":1},{"id":"glint-ui:pill-nav","t":"Pill Nav","d":"Pill navigation whose items flood with a rising circle of color on hover, with a sliding a","s":"glint-ui","c":"navigation/top-nav","sb":"Floating","hc":1},{"id":"glint-ui:pixel-background","t":"Pixel Background","d":"A coarse pixel mosaic whose tiles drift through a palette in slow waves and light up aroun","k":"motion","s":"glint-ui","c":"motion/background","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"glint-ui:pixel-blast","t":"Pixel Blast","d":"A dithered field of tiny pixels that breathes with noise and bursts into shockwave rings o","s":"glint-ui","c":"inputs/form-field","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"glint-ui:pixel-card","t":"Pixel Card","d":"A card whose background ripples into a field of twinkling canvas pixels on hover or focus,","s":"glint-ui","c":"data-display/card","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"glint-ui:pixel-highlight","t":"Pixel Highlight","d":"Hovering or focusing fills the element with twinkling pixels that ripple out from the poin","k":"motion","s":"glint-ui","c":"motion/cursor","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"glint-ui:pixel-snow","t":"Pixel Snow","d":"Chunky pixel-art snowflakes drifting down in parallax layers, swaying in the wind. WebGL.","k":"motion","s":"glint-ui","c":"motion/background","tg":["retro and HUD","webgl"],"sb":"Particles and stars","sy":["retro and HUD","webgl"],"hc":1},{"id":"glint-ui:pixel-swap","t":"Pixel Swap","d":"On hover or focus, an image dissolves into a second one through a wave of pixel blocks spr","s":"glint-ui","c":"media/gallery","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"glint-ui:pixel-trail","t":"Pixel Trail","d":"Grid pixels ignite along the cursor path, burn white-hot and shrink away as they fade.","k":"motion","s":"glint-ui","c":"motion/cursor","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"glint-ui:pixel-transition","t":"Pixel Transition","d":"A card that dissolves into a random pixel grid on hover and reassembles as its second face","s":"glint-ui","c":"data-display/card","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"glint-ui:plasma","t":"Plasma","d":"Smooth, glossy plasma flowing through a three-color palette; the cursor twists it into a w","k":"motion","s":"glint-ui","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"glint-ui:plasma-wave","t":"Plasma Wave","d":"A glowing horizontal band of plasma wrapped in flickering electric filaments; it bends tow","k":"motion","s":"glint-ui","c":"motion/background","tg":["neon","webgl"],"sb":"Waves and warps","sy":["neon","webgl"],"hc":1},{"id":"glint-ui:popover","t":"Popover","d":"Anchored popover on the native Popover API: top-layer, light dismiss and Escape for free, ","s":"glint-ui","c":"overlays/popover","hc":1},{"id":"glint-ui:prism","t":"Prism","d":"A slowly rotating glass prism splitting a white beam into a shimmering rainbow fan. Aim th","k":"motion","s":"glint-ui","c":"motion/cursor","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"glint-ui:prismatic-burst","t":"Prismatic Burst","d":"A radial burst of light rays pulsing outward from the center, split into rainbow fringes b","k":"motion","s":"glint-ui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"glint-ui:profile-card","t":"Profile Card","d":"Holographic profile card that tilts toward the pointer while rainbow foil, glitter and gla","s":"glint-ui","c":"data-display/profile","tg":["3d","glass"],"sy":["3d","glass"],"hc":1},{"id":"glint-ui:progress","t":"Progress","d":"Linear and circular progress with a spring-animated value and counting label, a moving she","s":"glint-ui","c":"data-viz/progress-bar","hc":1},{"id":"glint-ui:prompt-bar","t":"Prompt Bar","d":"AI prompt input that grows with your text, holds springy attachment chips, and morphs its ","s":"glint-ui","c":"ai-agent/composer","hc":1},{"id":"glint-ui:pulse-heart","t":"Pulse Heart","d":"Like button whose heart squashes, pops and bursts into particles while the count rolls up ","s":"glint-ui","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"glint-ui:radar","t":"Radar","d":"A phosphor radar scope: a rotating sweep with a fading trail, range rings, bearing ticks a","s":"glint-ui","c":"data-viz/chart","tg":["webgl"],"sb":"Radar","sy":["webgl"],"hc":1},{"id":"glint-ui:radial-flow","t":"Radial Flow","d":"A hub-and-spoke diagram where glowing data pulses stream along curved links between a cent","k":"section","s":"glint-ui","c":"marketing/features","tg":["neon"],"sy":["neon"],"hc":1},{"id":"glint-ui:radial-socials","t":"Radial Socials","d":"A share button that fans social links out along a radial arc with a staggered spring, a dr","s":"glint-ui","c":"actions/button","sb":"Social and sign-in","hc":1},{"id":"glint-ui:radio-group","t":"Radio Group","d":"Native radio group restyled with a springy dot and ripple, plus a card variant whose selec","s":"glint-ui","c":"inputs/radio","hc":1},{"id":"glint-ui:reel","t":"Reel","d":"A vertical short-video reel that snaps clip to clip on scroll or drag, with story-style pr","s":"glint-ui","c":"data-viz/progress-bar","hc":1},{"id":"glint-ui:refine-frame","t":"Refine Frame","d":"Crop frame with springy corner handles that magnetically snap to edges, thirds and center,","s":"glint-ui","c":"other/other","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"glint-ui:reflective-card","t":"Reflective Card","d":"Polished metal or glass card whose streaks, specular band and hotspot slide across the sur","s":"glint-ui","c":"data-display/card","tg":["3d","glass"],"sy":["3d","glass"],"hc":1},{"id":"glint-ui:reveal-text","t":"Reveal Text","d":"Letters rise out of a mask as they scroll into view; hover and a photo shows through the t","k":"motion","s":"glint-ui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"glint-ui:ribbons","t":"Ribbons","d":"Silky, twisting ribbons that chase the cursor on springs and fan out as they lag behind.","k":"section","s":"glint-ui","c":"marketing/announcement","hc":1},{"id":"glint-ui:ripple-distortion","t":"Ripple Distortion","d":"An image that ripples like a water surface wherever the cursor passes, with a hint of chro","k":"motion","s":"glint-ui","c":"motion/background","tg":["webgl"],"sb":"Waves and warps","sy":["webgl"],"hc":1},{"id":"glint-ui:ripple-grid","t":"Ripple Grid","d":"Glowing grid lines bent by ripples spreading from the center and from the cursor. WebGL.","k":"motion","s":"glint-ui","c":"motion/background","tg":["neon","webgl"],"sb":"Grids and patterns","sy":["neon","webgl"],"hc":1},{"id":"glint-ui:rotating-text","t":"Rotating Text","d":"Cycles through a list of words with a vertical slide.","k":"motion","s":"glint-ui","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"glint-ui:rubber-segment","t":"Rubber Segment","d":"Segmented control whose pill indicator stretches like rubber toward the new option, thins ","s":"glint-ui","c":"navigation/tabs","hc":1},{"id":"glint-ui:scanner","t":"Scanner","d":"A bright scan line sweeping back and forth over a faint dot grid, leaving a fading aftergl","k":"motion","s":"glint-ui","c":"motion/shader","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"glint-ui:scrambled-text","t":"Scrambled Text","d":"Letters near the cursor dissolve into flickering glyphs and settle back into the original ","k":"motion","s":"glint-ui","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"glint-ui:scroll-area","t":"Scroll Area","d":"Native scrolling with slim overlay scrollbars that fade in on hover or scroll, draggable t","k":"layout","s":"glint-ui","c":"layout/scroll-area","hc":1},{"id":"glint-ui:scroll-expand","t":"Scroll Expand","d":"A media card that grows from an inset, rounded frame to full-bleed as you scroll, splittin","k":"layout","s":"glint-ui","c":"layout/scroll-area","hc":1},{"id":"glint-ui:scroll-float","t":"Scroll Float","d":"Characters stretch, rise and fade into place one after another, scrubbed by scroll positio","k":"layout","s":"glint-ui","c":"layout/scroll-area","hc":1},{"id":"glint-ui:scroll-reveal","t":"Scroll Reveal","d":"A paragraph whose words sharpen from dim and blurred to crisp as it scrolls through view.","k":"layout","s":"glint-ui","c":"layout/scroll-area","hc":1},{"id":"glint-ui:scroll-stack","t":"Scroll Stack","d":"Cards pin to the top of a scroll container and pile onto each other, with covered cards sh","k":"layout","s":"glint-ui","c":"layout/scroll-area","hc":1},{"id":"glint-ui:scroll-velocity","t":"Scroll Velocity","d":"Rows of oversized marquee text that drift on their own and surge or reverse with scroll sp","k":"layout","s":"glint-ui","c":"layout/scroll-area","hc":1},{"id":"glint-ui:scrub-field","t":"Scrub Field","d":"Design-tool number field: drag sideways to scrub the value over a sliding tick ruler, Shif","s":"glint-ui","c":"inputs/form-field","hc":1},{"id":"glint-ui:search-cell","t":"Search Cell","d":"A command-style search field that widens on focus and unfolds grouped, ranked results with","s":"glint-ui","c":"inputs/search","hc":1},{"id":"glint-ui:select","t":"Select","d":"Custom listbox select in the native top layer: grouped options with icons, a gliding highl","s":"glint-ui","c":"inputs/select","hc":1},{"id":"glint-ui:sensitive-text","t":"Sensitive Text","d":"Spoiler text veiled by blur and shimmering noise particles until you hover, focus or click","k":"motion","s":"glint-ui","c":"motion/text-effect","hc":1},{"id":"glint-ui:separator","t":"Separator","d":"Horizontal or vertical divider with an optional centered label, a primary gradient variant","s":"glint-ui","c":"inputs/form-field","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"glint-ui:shape-blur","t":"Shape Blur","d":"A soft, glowing outline that snaps into razor focus wherever the cursor comes near. WebGL ","k":"resource","s":"glint-ui","c":"assets/shape","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"glint-ui:shape-waves","t":"Shape Waves","d":"Rows of small circles, squares and triangles bobbing and turning in rolling waves; they sw","k":"motion","s":"glint-ui","c":"motion/background","tg":["webgl"],"sb":"Waves and warps","sy":["webgl"],"hc":1},{"id":"glint-ui:sheet","t":"Sheet","d":"Side panel on the native <dialog> that slides in from any edge with a springy ease, stagge","s":"glint-ui","c":"overlays/sheet","hc":1},{"id":"glint-ui:shiny-button","t":"Shiny Button","d":"Gradient border and inner glow that follow the cursor.","s":"glint-ui","c":"actions/button","tg":["gradient","neon"],"sy":["gradient","neon"],"hc":1},{"id":"glint-ui:shiny-text","t":"Shiny Text","d":"A soft highlight sweeps across the text on a loop.","k":"motion","s":"glint-ui","c":"motion/text-effect","hc":1},{"id":"glint-ui:shredder","t":"Shredder","d":"Delete a document card and it feeds into a rattling shredder, coming out as strips that sc","s":"glint-ui","c":"data-viz/chart","hc":1},{"id":"glint-ui:shuffle-text","t":"Shuffle Text","d":"Each letter spins like a slot-machine reel and lands on its final character, on view and o","k":"motion","s":"glint-ui","c":"motion/text-effect","hc":1},{"id":"glint-ui:side-rays","t":"Side Rays","d":"Warm light slanting in from one side through window blinds, with dust motes glinting in th","k":"motion","s":"glint-ui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"glint-ui:signup-form","t":"Signup Form","d":"A sign-up card with a live, animated password-strength meter and rule checklist, terms con","k":"layout","s":"glint-ui","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"glint-ui:silk","t":"Silk","d":"Flowing silk fabric with soft folds, a satin sheen and fine film grain. WebGL.","k":"motion","s":"glint-ui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"glint-ui:sliced-waves","t":"Sliced Waves","d":"A flowing wave gradient cut into horizontal strips that glide sideways independently. WebG","k":"motion","s":"glint-ui","c":"motion/background","tg":["gradient","webgl"],"sb":"Waves and warps","sy":["gradient","webgl"],"hc":1},{"id":"glint-ui:slide-commit","t":"Slide Commit","d":"Slide-to-confirm track: the knob stretches as you fling it, commits past the threshold wit","s":"glint-ui","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"glint-ui:slide-text","t":"Slide Text","d":"On hover every letter rolls out of view and a fresh copy slides in behind it, in a stagger","k":"motion","s":"glint-ui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"glint-ui:slider","t":"Slider","d":"Single or range slider with springy thumbs, a value bubble, tick marks with labels, glide-","s":"glint-ui","c":"inputs/slider","hc":1},{"id":"glint-ui:sling-button","t":"Sling Button","d":"Pull the button back on rubber bands and let go: past the threshold it fires and whips hom","s":"glint-ui","c":"actions/button","sb":"Animated","hc":1},{"id":"glint-ui:slosh-gauge","t":"Slosh Gauge","d":"Round liquid gauge whose level springs to each new value and sloshes side to side before s","s":"glint-ui","c":"data-viz/gauge","hc":1},{"id":"glint-ui:social-orbit","t":"Social Orbit","d":"An avatar with social links circling it on two counter-rotating rings, upright icons, bran","s":"glint-ui","c":"overlays/tooltip","hc":1},{"id":"glint-ui:soft-aurora","t":"Soft Aurora","d":"Gentle pastel aurora curtains that sway in slow vertical folds, with soft light rays. WebG","k":"motion","s":"glint-ui","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"glint-ui:spark-waves","t":"Spark Waves","d":"Glowing sine waves braid across the stage and shed drifting sparks from their crests. Canv","k":"motion","s":"glint-ui","c":"motion/background","tg":["neon"],"sb":"Waves and warps","sy":["neon"],"hc":1},{"id":"glint-ui:specular-button","t":"Specular Button","d":"A glossy glass pill with a specular hotspot and rim light that glide after the pointer.","s":"glint-ui","c":"actions/button","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glint-ui:splash-cursor","t":"Splash Cursor","d":"Real-time fluid ink that swirls off the cursor in shifting colors. A compact WebGL2 stable","k":"motion","s":"glint-ui","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"glint-ui:split-flap-text","t":"Split Flap Text","d":"An airport departures board: every tile flips through the drum until it lands on the next ","k":"motion","s":"glint-ui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"glint-ui:split-text","t":"Split Text","d":"Reveals text character by character or word by word when it scrolls into view.","k":"motion","s":"glint-ui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"glint-ui:splitter","t":"Splitter","d":"Resizable split panes with a draggable handle, min/max limits, and full keyboard resizing.","k":"layout","s":"glint-ui","c":"layout/split-pane","hc":1},{"id":"glint-ui:spotlight-card","t":"Spotlight Card","d":"A soft light follows the cursor across the card surface.","s":"glint-ui","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"glint-ui:spring-check","t":"Spring Check","d":"Checkbox that squashes on press, pops and wobbles when checked, floods with color from the","s":"glint-ui","c":"inputs/checkbox","hc":1},{"id":"glint-ui:squares-grid","t":"Squares Grid","d":"An endlessly scrolling grid; the square under the cursor fills in.","k":"motion","s":"glint-ui","c":"motion/cursor","hc":1},{"id":"glint-ui:squish-switch","t":"Squish Switch","d":"Toggle switch whose thumb widens in anticipation while pressed, stretches and flattens as ","s":"glint-ui","c":"actions/switch","sb":"Animated","hc":1},{"id":"glint-ui:stagger-button","t":"Stagger Button","d":"Each letter of the label rolls upward one after another on hover.","s":"glint-ui","c":"actions/button","hc":1},{"id":"glint-ui:stagger-chars","t":"Stagger Chars","d":"Hover and a wave of bouncing, tilting characters ripples through the text with a flash of ","k":"motion","s":"glint-ui","c":"motion/text-effect","tg":["3d"],"sb":"Reveal and entrance","sy":["3d"],"hc":1},{"id":"glint-ui:staggered-menu","t":"Staggered Menu","d":"Menu button that sweeps staggered colored layers across the screen before a panel of overs","s":"glint-ui","c":"navigation/menu","hc":1},{"id":"glint-ui:stats-carousel","t":"Stats Carousel","d":"A carousel of KPI cards whose numbers count up and sparklines draw in as each one slides t","s":"glint-ui","c":"media/carousel","hc":1},{"id":"glint-ui:stats-count","t":"Stats Count","d":"A row of big statistics that count up with a staggered reveal when scrolled into view.","s":"glint-ui","c":"data-display/stat","hc":1},{"id":"glint-ui:status","t":"Status","d":"Presence indicator (online, away, busy, offline): a colored dot with rippling rings, an op","s":"glint-ui","c":"data-display/badge","sb":"Status","hc":1},{"id":"glint-ui:status-mark","t":"Status Mark","d":"One status icon that morphs between idle dot, spinning arc, a ring that closes into a popp","k":"resource","s":"glint-ui","c":"assets/icon","sb":"Animated","hc":1},{"id":"glint-ui:stepper","t":"Stepper","d":"Multi-step flow with a filling progress track, pulsing active step, sliding content that r","s":"glint-ui","c":"navigation/wizard-steps","hc":1},{"id":"glint-ui:sticker-peel","t":"Sticker Peel","d":"A glossy sticker whose corner curls back on hover and follows your drag, showing its paper","s":"glint-ui","c":"other/other","hc":1},{"id":"glint-ui:strands","t":"Strands","d":"A curtain of hanging verlet ropes that sway in a soft breeze and part around the cursor.","k":"motion","s":"glint-ui","c":"motion/cursor","hc":1},{"id":"glint-ui:stripe-button","t":"Stripe Button","d":"Diagonal barber stripes that brighten and scroll on hover, like a live progress bar.","s":"glint-ui","c":"actions/button","hc":1},{"id":"glint-ui:striped-grid","t":"Striped Grid","d":"A slowly scrolling grid of diagonally hatched cells that light up and fade as the cursor p","k":"motion","s":"glint-ui","c":"motion/cursor","hc":1},{"id":"glint-ui:stroke-text","t":"Stroke Text","d":"Outlined lettering that draws its stroke, then wipes in a solid fill on view or on hover.","k":"motion","s":"glint-ui","c":"motion/text-effect","sb":"Handwriting and SVG","hc":1},{"id":"glint-ui:swarm-cursor","t":"Swarm Cursor","d":"A flock of boids that separates, aligns and swirls around the cursor, leaving luminous tra","k":"motion","s":"glint-ui","c":"motion/cursor","hc":1},{"id":"glint-ui:swipe-row","t":"Swipe Row","d":"List row you swipe right to archive or left to delete, with rubber-band resistance, an arm","s":"glint-ui","c":"data-display/list","hc":1},{"id":"glint-ui:swipe-stack","t":"Swipe Stack","d":"A deck of cards you drag away to reveal the next one. Keyboard accessible.","s":"glint-ui","c":"data-display/card","hc":1},{"id":"glint-ui:swipe-toast","t":"Swipe Toast","d":"Stacked toasts that fan out on hover, pause their progress timers while you read, and flin","s":"glint-ui","c":"overlays/toast","hc":1},{"id":"glint-ui:swirl","t":"Swirl","d":"A psychedelic paint swirl in two bold colors outlined with ink, with an optional chunky-pi","k":"motion","s":"glint-ui","c":"motion/shader","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"glint-ui:table","t":"Table","d":"Data table with sortable headers (flipping chevron arrows), rows that glide into their new","s":"glint-ui","c":"data-display/table","hc":1},{"id":"glint-ui:tabs","t":"Tabs","d":"Accessible tabs with a spring-animated pill or underline indicator, roving arrow-key focus","s":"glint-ui","c":"navigation/tabs","hc":1},{"id":"glint-ui:target-cursor","t":"Target Cursor","d":"A spinning reticle cursor whose corner brackets snap around any element you mark as a targ","k":"motion","s":"glint-ui","c":"motion/cursor","hc":1},{"id":"glint-ui:task-widget","t":"Task Widget","d":"An iOS-like glass widget with a live clock, weather line and tactile task cards that frost","s":"glint-ui","c":"data-display/card","tg":["glass"],"sy":["glass"],"hc":1},{"id":"glint-ui:tear-ticket","t":"Tear Ticket","d":"An event ticket whose perforated stub you pull against rubber-band tension until it rips f","s":"glint-ui","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"glint-ui:tech-text","t":"Tech Text","d":"HUD-style lettering that flickers on inside bracket frames, with a scan line, live readout","k":"motion","s":"glint-ui","c":"motion/text-effect","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"glint-ui:testimonial-carousel","t":"Testimonial Carousel","d":"One testimonial at a time with avatar, star rating and quote. Swipe, arrows, dots, and aut","s":"glint-ui","c":"media/carousel","hc":1},{"id":"glint-ui:text-cursor","t":"Text Cursor","d":"A trail of glyphs or emoji that spills from the pointer inside its container, spinning and","k":"motion","s":"glint-ui","c":"motion/cursor","hc":1},{"id":"glint-ui:text-generate","t":"Text Generate","d":"Words stream in one by one out of a soft blur, like a model typing its answer, with an opt","k":"motion","s":"glint-ui","c":"motion/text-effect","tg":["neon"],"sy":["neon"],"hc":1},{"id":"glint-ui:text-highlighter","t":"Text Highlighter","d":"A marker-pen stroke swipes behind chosen words as they scroll into view, flipping the ink ","k":"motion","s":"glint-ui","c":"motion/text-effect","hc":1},{"id":"glint-ui:text-loop","t":"Text Loop","d":"Lines of text roll endlessly through a soft-masked window, the active line sharp and its n","k":"motion","s":"glint-ui","c":"motion/text-effect","hc":1},{"id":"glint-ui:text-modifier","t":"Text Modifier","d":"Hand-drawn pen annotations (circles, underlines, boxes, strikes and crosses) that sketch t","k":"motion","s":"glint-ui","c":"motion/text-effect","tg":["playful"],"sy":["playful"],"hc":1},{"id":"glint-ui:text-pressure","t":"Text Pressure","d":"A full-width headline whose letters swell in weight and stretch taller as the cursor press","k":"motion","s":"glint-ui","c":"motion/text-effect","hc":1},{"id":"glint-ui:text-spotlight","t":"Text Spotlight","d":"Dimmed text with a soft, gradient-lit spotlight that trails your cursor and drifts on its ","k":"motion","s":"glint-ui","c":"motion/background","tg":["gradient"],"sb":"Beams and light","sy":["gradient"],"hc":1},{"id":"glint-ui:theme-toggle","t":"Theme Toggle","d":"A day/night switch: the sun rolls across, its rays retract as a shadow bites it into a cre","s":"glint-ui","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"glint-ui:thought-line","t":"Thought Line","d":"An AI reasoning indicator: the label ripples letter by letter, the current step shimmers p","s":"glint-ui","c":"ai-agent/ai-agent","hc":1},{"id":"glint-ui:threads","t":"Threads","d":"A bundle of thin glowing threads twisting like strings in the wind, bending toward the cur","k":"motion","s":"glint-ui","c":"motion/cursor","tg":["neon"],"sy":["neon"],"hc":1},{"id":"glint-ui:thunder-loader","t":"Thunder Loader","d":"A lightning bolt that charges up in stuttering surges while arcs crackle around it, then f","s":"glint-ui","c":"status/loader","hc":1},{"id":"glint-ui:tilt-card","t":"Tilt Card","d":"3D perspective tilt that follows the pointer, with an optional glare.","s":"glint-ui","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"hc":1},{"id":"glint-ui:timeline","t":"Timeline","d":"Vertical timeline whose glowing progress line fills as you scroll, lighting up markers and","s":"glint-ui","c":"data-display/timeline","tg":["neon"],"sy":["neon"],"hc":1},{"id":"glint-ui:toast","t":"Toast","d":"Toast system (provider + useToast hook) with variants, actions, in-place updates, a collap","s":"glint-ui","c":"overlays/toast","hc":1},{"id":"glint-ui:toggle-vault","t":"Toggle Vault","d":"A lock switch styled as a vault door: the combination dial winds back, spins, and the bolt","s":"glint-ui","c":"actions/switch","sb":"Animated","hc":1},{"id":"glint-ui:tooltip","t":"Tooltip","d":"Hover and focus tooltip in the native top layer: open delay with instant hand-off between ","s":"glint-ui","c":"overlays/tooltip","hc":1},{"id":"glint-ui:topography","t":"Topography","d":"Animated topographic contour lines over slowly shifting terrain, with a hill that rises un","k":"motion","s":"glint-ui","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"glint-ui:true-focus","t":"True Focus","d":"One word at a time snaps into focus inside gliding corner brackets while the rest of the s","k":"motion","s":"glint-ui","c":"motion/text-effect","hc":1},{"id":"glint-ui:typewriter","t":"Typewriter","d":"Types and deletes a list of phrases with a blinking cursor.","k":"motion","s":"glint-ui","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"glint-ui:variable-proximity","t":"Variable Proximity","d":"Letters grow bolder, larger and brighter the closer the pointer gets, with a tunable radiu","k":"motion","s":"glint-ui","c":"motion/cursor","hc":1},{"id":"glint-ui:venom-beam","t":"Venom Beam","d":"A dark beam of oily, noise-driven tendrils writhing over a toxic green glow, shedding veno","k":"motion","s":"glint-ui","c":"motion/background","tg":["neon","webgl"],"sb":"Beams and light","sy":["neon","webgl"],"hc":1},{"id":"glint-ui:vercel-card","t":"Vercel Card","d":"Minimal monochrome card with a fading grid, corner plus markers and a pointer spotlight th","s":"glint-ui","c":"data-display/card","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"glint-ui:voice-pill","t":"Voice Pill","d":"A voice-note recorder pill that springs open into live waveform bars and a timer, then col","s":"glint-ui","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"glint-ui:wake-slider","t":"Wake Slider","d":"A range slider whose thumb drags a glowing wake behind it and squashes when flicked fast. ","s":"glint-ui","c":"inputs/slider","tg":["neon"],"sy":["neon"],"hc":1},{"id":"glint-ui:warm-tooltip","t":"Warm Tooltip","d":"A tooltip that springs out of its trigger with a soft bounce, then drifts and leans after ","s":"glint-ui","c":"overlays/tooltip","tg":["neon"],"sy":["neon"],"hc":1},{"id":"glint-ui:warp-text","t":"Warp Text","d":"Type that ripples like heat haze through an SVG turbulence filter on hover, with an option","k":"motion","s":"glint-ui","c":"motion/text-effect","hc":1},{"id":"glint-ui:waves","t":"Waves","d":"Stacked lines flowing like a noise-driven sea; the cursor drags through them and they spri","k":"motion","s":"glint-ui","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"glint-ui:wavy-button","t":"Wavy Button","d":"Liquid sloshes at the bottom and rises in a rolling SVG wave to fill the button on hover.","s":"glint-ui","c":"actions/button","hc":1},{"id":"glint-ui:web-threads","t":"Web Threads","d":"A spider web of silk threads swaying in a breeze; the cursor stretches them and they rippl","k":"motion","s":"glint-ui","c":"motion/cursor","hc":1},{"id":"glint-ui:white-stripes","t":"White Stripes","d":"Layers of satin-shaded diagonal stripes drift at different speeds, casting soft shadows wi","k":"layout","s":"glint-ui","c":"layout/scroll-area","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"gooseui:theme-customizer","t":"Theme Customizer","d":"Floating theme and color picker with 5 different variants.","s":"gooseui","c":"inputs/select","hc":1},{"id":"gooseui:animated-timer","t":"Animated Timer","d":"A beautiful animated clock with sliding digits and gradient border.","k":"motion","s":"gooseui","c":"motion/number-ticker","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"gooseui:border-beam","t":"Border Beam","d":"Animated beam of light traveling along the border of a container.","k":"motion","s":"gooseui","c":"motion/border","hc":1},{"id":"gooseui:slot","t":"Slot","d":"Composition utility for asChild pattern. Renders child element with merged props.","k":"lib","s":"gooseui","c":"lib/utility","hc":1},{"id":"gooseui:button","t":"Button","d":"Displays a button or a component that looks like a button.","s":"gooseui","c":"actions/button","hc":1},{"id":"gooseui:card","t":"Card","d":"Displays a card with header, content, and footer.","s":"gooseui","c":"data-display/card","hc":1},{"id":"gooseui:input","t":"Input","d":"Displays an input field.","s":"gooseui","c":"inputs/form-field","hc":1},{"id":"gooseui:label","t":"Label","d":"Renders an accessible label associated with controls.","s":"gooseui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"gooseui:textarea","t":"Textarea","d":"Displays a textarea for multiline text input.","s":"gooseui","c":"inputs/textarea","hc":1},{"id":"gooseui:typography","t":"Typography","d":"Consistent text styling with semantic variants and gradient effects.","s":"gooseui","c":"data-display/typography","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"gooseui:sonner","t":"Sonner","d":"Toast notification component with theming support.","s":"gooseui","c":"overlays/toast","hc":1},{"id":"gooseui:custom-toast","t":"Custom Toast","d":"Beautiful toast with progress bar and colored variants.","s":"gooseui","c":"overlays/toast","hc":1},{"id":"gooseui:toast","t":"Toast Utility","d":"Helper functions to show custom toast notifications.","k":"lib","s":"gooseui","c":"lib/utility","tg":["playful"],"sy":["playful"],"hc":1},{"id":"gooseui:promo-banner","t":"Promo Banner","d":"Floating promotional banner with marquee animation, discount badges, and localStorage pers","s":"gooseui","c":"overlays/alert-banner","hc":1},{"id":"gooseui:morphing-dialog","t":"Morphing Dialog","d":"Dialog with morphing animation using native View Transitions API. Supports click-outside a","s":"gooseui","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"gooseui:baseline-status","t":"Baseline Status","d":"Display browser support status for web features based on the W3C WebDX Baseline specificat","k":"section","s":"gooseui","c":"marketing/features","hc":1},{"id":"gooseui:features-grid","t":"Features Grid","d":"Six-column grid showcasing product features with icons. Perfect for landing pages.","k":"section","s":"gooseui","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"gooseui:badge","t":"Badge","d":"Small status indicator with variants for labels, tags, and status.","s":"gooseui","c":"data-display/badge","hc":1},{"id":"gooseui:scroll-to-top","t":"Scroll To Top","d":"Floating scroll-to-top button with 4 variants: default, pill, minimal, and progress indica","k":"layout","s":"gooseui","c":"layout/scroll-area","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"gpt-vis:gpt-vis","t":"GPT Vis","d":"A React component wrapping the @antv/gpt-vis GPTVis class. Supports 26 chart types via vis","s":"gpt-vis","c":"ai-agent/ai-agent","hc":1},{"id":"gpt-vis:line","t":"GPT Vis Line Chart","d":"A line chart component for @antv/gpt-vis. Visualize trends over time with optional multi-s","s":"gpt-vis","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"gpt-vis:pie","t":"GPT Vis Pie Chart","d":"A pie chart component for @antv/gpt-vis. Show proportions of parts with optional donut sty","s":"gpt-vis","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"gpt-vis:bar","t":"GPT Vis Bar Chart","d":"A horizontal bar chart component for @antv/gpt-vis. Compare categorical data with optional","s":"gpt-vis","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"gpt-vis:column","t":"GPT Vis Column Chart","d":"A vertical column chart component for @antv/gpt-vis. Compare categorical data with optiona","s":"gpt-vis","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"gpt-vis:area","t":"GPT Vis Area Chart","d":"An area chart component for @antv/gpt-vis. Show data trends over time with optional stacki","s":"gpt-vis","c":"data-viz/chart","sb":"Area","hc":1},{"id":"gpt-vis:scatter","t":"GPT Vis Scatter Chart","d":"A scatter chart component for @antv/gpt-vis. Show relationships between two variables with","s":"gpt-vis","c":"data-viz/chart","sb":"Scatter","hc":1},{"id":"gpt-vis:radar","t":"GPT Vis Radar Chart","d":"A radar chart component for @antv/gpt-vis. Display multidimensional data across four or mo","s":"gpt-vis","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"gpt-vis:funnel","t":"GPT Vis Funnel Chart","d":"A funnel chart component for @antv/gpt-vis. Visualize progressive data reduction through s","s":"gpt-vis","c":"data-viz/chart","tg":["playful"],"sb":"Flow and funnel","sy":["playful"],"hc":1},{"id":"gpt-vis:waterfall","t":"GPT Vis Waterfall Chart","d":"A waterfall chart component for @antv/gpt-vis. Show cumulative effect of sequential positi","s":"gpt-vis","c":"data-viz/chart","hc":1},{"id":"gpt-vis:histogram","t":"GPT Vis Histogram Chart","d":"A histogram chart component for @antv/gpt-vis. Show frequency distribution of data points ","s":"gpt-vis","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"gpt-vis:boxplot","t":"GPT Vis Boxplot Chart","d":"A boxplot chart component for @antv/gpt-vis. Compare statistical distributions across cate","s":"gpt-vis","c":"data-viz/chart","hc":1},{"id":"gpt-vis:violin","t":"GPT Vis Violin Chart","d":"A violin chart component for @antv/gpt-vis. Show data distribution density across categori","s":"gpt-vis","c":"data-viz/chart","hc":1},{"id":"gpt-vis:dual-axes","t":"GPT Vis Dual Axes Chart","d":"A dual axes chart component for @antv/gpt-vis. Combine column and line charts for trend an","s":"gpt-vis","c":"data-viz/chart","hc":1},{"id":"gpt-vis:liquid","t":"GPT Vis Liquid Chart","d":"A liquid fill chart component for @antv/gpt-vis. Display a single percentage value with va","s":"gpt-vis","c":"data-viz/chart","hc":1},{"id":"gpt-vis:word-cloud","t":"GPT Vis Word Cloud Chart","d":"A word cloud chart component for @antv/gpt-vis. Visualize word frequency by text size.","k":"motion","s":"gpt-vis","c":"motion/text-effect","hc":1},{"id":"gpt-vis:sankey","t":"GPT Vis Sankey Diagram","d":"A sankey diagram component for @antv/gpt-vis. Show data flow between stages or categories.","s":"gpt-vis","c":"data-viz/chart","sb":"Flow and funnel","hc":1},{"id":"gpt-vis:treemap","t":"GPT Vis Treemap Chart","d":"A treemap chart component for @antv/gpt-vis. Display hierarchical data with nested rectang","s":"gpt-vis","c":"data-viz/chart","sb":"Flow and funnel","hc":1},{"id":"gpt-vis:venn","t":"GPT Vis Venn Diagram","d":"A Venn diagram component for @antv/gpt-vis. Show set relationships and intersections.","s":"gpt-vis","c":"other/other","hc":1},{"id":"gpt-vis:summary","t":"GPT Vis Summary","d":"A summary component for @antv/gpt-vis. Render rich text narratives with T8 markdown-like s","s":"gpt-vis","c":"data-display/code-block","hc":1},{"id":"gpt-vis:table","t":"GPT Vis Table","d":"A table component for @antv/gpt-vis. Display tabular data with optional theming.","s":"gpt-vis","c":"data-display/table","hc":1},{"id":"gpt-vis:mindmap","t":"GPT Vis Mind Map","d":"A mind map component for @antv/gpt-vis. Organize hierarchical information with branches fr","s":"gpt-vis","c":"data-viz/map","hc":1},{"id":"gpt-vis:fishbone-diagram","t":"GPT Vis Fishbone Diagram","d":"A fishbone diagram component for @antv/gpt-vis. Display cause-and-effect analysis with a f","s":"gpt-vis","c":"status/skeleton","hc":1},{"id":"gpt-vis:flow-diagram","t":"GPT Vis Flow Diagram","d":"A flow diagram component for @antv/gpt-vis. Show process steps and decision points.","k":"section","s":"gpt-vis","c":"marketing/features","hc":1},{"id":"gpt-vis:network-graph","t":"GPT Vis Network Graph","d":"A network graph component for @antv/gpt-vis. Display relationships between entities with v","s":"gpt-vis","c":"data-viz/chart","hc":1},{"id":"gpt-vis:organization-chart","t":"GPT Vis Organization Chart","d":"An organization chart component for @antv/gpt-vis. Visualize hierarchical organizational s","s":"gpt-vis","c":"data-viz/chart","hc":1},{"id":"gpt-vis:indented-tree","t":"GPT Vis Indented Tree","d":"An indented tree component for @antv/gpt-vis. Display hierarchical data with indented layo","s":"gpt-vis","c":"data-display/tree","hc":1},{"id":"gridcn:data-grid","t":"Data Grid","d":"An editable data grid: range selection, spreadsheet clipboard, editing engine, validation,","s":"gridcn","c":"data-display/table","sb":"Editable","vn":48,"hc":1},{"id":"gridcn:dropzone","t":"Dropzone","d":"Dependency-free file dropzone: drag and drop or click to choose, with accept, size, and co","s":"gridcn","c":"inputs/file-upload","hc":1},{"id":"grootstudio:glow-card","t":"Glow Card","d":"A card with a glowing hover effect.","s":"grootstudio","c":"data-display/card","tg":["neon"],"sb":"Animated and glowing","sy":["neon"],"hc":1},{"id":"grootstudio:github-stars","t":"GitHub Stars","d":"Displays a GitHub repo star count with auto-fetch, daily revalidation, compact formatting,","k":"motion","s":"grootstudio","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"grootstudio:github-stars-react","t":"GitHub Stars (React / Vite)","d":"GitHub star count for Vite and non-Next.js React projects. Fetches client-side with localS","k":"motion","s":"grootstudio","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"grootstudio:gradient-text-fill","t":"Gradient Text Fill","d":"Animated gradient fills the text itself with 3D depth. Works on any background color.","k":"motion","s":"grootstudio","c":"motion/text-effect","tg":["3d","gradient"],"sb":"Gradient and shimmer","sy":["3d","gradient"],"hc":1},{"id":"grootstudio:gradient-background-text","t":"Gradient Background Text","d":"Animated gradient background orb text with 3D engraved effect. Works on any background col","k":"motion","s":"grootstudio","c":"motion/text-effect","tg":["3d","gradient"],"sb":"Gradient and shimmer","sy":["3d","gradient"],"hc":1},{"id":"grootstudio:discord-online","t":"Discord Online (Next.js)","d":"Shows live Discord member presence count fetched server-side with 60s revalidation. Label ","s":"grootstudio","c":"overlays/tooltip","hc":1},{"id":"grootstudio:discord-online-react","t":"Discord Online (React / Vite)","d":"Shows live Discord member presence count fetched client-side with 60s localStorage cache. ","s":"grootstudio","c":"overlays/tooltip","hc":1},{"id":"grootstudio:logo-marquee","t":"Logo Marquee","d":"Infinite marquee logo slider with mask fade edges and hover speed control.","k":"section","s":"grootstudio","c":"marketing/logos","hc":1},{"id":"grootstudio:blurred-marquee","t":"Blurred Marquee","d":"Infinite marquee logo slider with mask blurred edges and hover speed control.","k":"motion","s":"grootstudio","c":"motion/marquee","hc":1},{"id":"grootstudio:logo-grid","t":"Logo Grid","d":"Grid of client logos with plus-sign separators and highlighted rows.","k":"section","s":"grootstudio","c":"marketing/logos","hc":1},{"id":"grootstudio:github-calendar","t":"GitHub Calendar","d":"A Next.js/React component to display GitHub contributions in a calendar grid format.","s":"grootstudio","c":"data-display/calendar","hc":1},{"id":"grootstudio:avatar-tooltips","t":"Avatar Tooltips","d":"Interactive overlapping avatars that reveal animated, spring-based tooltips on hover.","s":"grootstudio","c":"data-display/avatar","hc":1},{"id":"grootstudio:3d-button","t":"3D Button","d":"A premium 3D button component with customizable dual-tone gradients, shimmer effects and d","s":"grootstudio","c":"actions/button","tg":["3d","gradient"],"sb":"Animated","sy":["3d","gradient"],"hc":1},{"id":"grootstudio:sliding-button","t":"Sliding Button","d":"A high-performance interactive button that slides an icon into view on hover with spring a","s":"grootstudio","c":"actions/button","tg":["3d"],"sb":"Animated","sy":["3d"],"hc":1},{"id":"grootstudio:drag-button","t":"Drag Button","d":"An interactive draggable button requiring a left-to-right swipe to confirm actions, featur","s":"grootstudio","c":"actions/button","sb":"Animated","hc":1},{"id":"grootstudio:press-button","t":"Press Button","d":"An industry-grade neobrutalist button with a 3D press effect.","s":"grootstudio","c":"actions/button","tg":["3d","brutalist"],"sy":["3d","brutalist"],"hc":1},{"id":"grootstudio:cursor-trail","t":"Cursor Trail","d":"A smooth and refined shape trail effect that beautifully interpolates along your mouse cur","k":"motion","s":"grootstudio","c":"motion/cursor","hc":1},{"id":"grootstudio:image-trail","t":"Image Trail","d":"A very smooth and interactive trail of images that follows your mouse cursor with discrete","s":"grootstudio","c":"media/gallery","hc":1},{"id":"grootstudio:text-outline-glow","t":"Text Outline Glow","d":"A very smooth and interactive trail of images that follows your mouse cursor with discrete","k":"motion","s":"grootstudio","c":"motion/background","tg":["animated","neon"],"sb":"Gradients and aurora","sy":["animated","neon"],"hc":1},{"id":"grootstudio:animated-bars","t":"Animated Bars","d":"A dynamic background component with pulsating, gradient bars that create a fluid energy ef","k":"motion","s":"grootstudio","c":"motion/shader","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"grootstudio:animated-layout","t":"Animated Layout","d":"A modern and dynamic layout component featuring fluid animations, smooth transitions, and ","k":"motion","s":"grootstudio","c":"motion/shader","hc":1},{"id":"grootstudio:theme-toggler","t":"Theme Toggler","d":"A minimal theme toggle button with a cinematic full-screen curtain wipe animation. Support","s":"grootstudio","c":"actions/switch","tg":["minimal"],"sb":"Theme toggles","sy":["minimal"],"hc":1},{"id":"grootstudio:styled-button","t":"Styled Button","d":"An elegant styled button with vibrant radial gradients, shadow glows, and smooth active tr","s":"grootstudio","c":"actions/button","tg":["gradient","neon"],"sy":["gradient","neon"],"hc":1},{"id":"grootstudio:pebble-toast","t":"Pebble Toast","d":"A premium notification stack with beautiful center/corner positioning, micro-animations, a","s":"grootstudio","c":"overlays/toast","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"grootstudio:text-frame","t":"Text Frame","d":"A canvas boundary like frame for texts to wrap around with blur effect and dashed or solid","k":"motion","s":"grootstudio","c":"motion/text-effect","hc":1},{"id":"grootstudio:shimmer-text-flip","t":"Shimmer Text Flip","d":"A sequence of texts cycles through fliping transition with shimmer glow effect.","k":"motion","s":"grootstudio","c":"motion/text-effect","tg":["neon"],"sb":"Gradient and shimmer","sy":["neon"],"hc":1},{"id":"gtm:subscription-state","t":"Subscription state","d":"One function that turns a Stripe subscription into the product decision: needs card, trial","k":"lib","s":"gtm","c":"lib/utility","tg":["playful"],"sb":"State","sy":["playful"],"hc":1},{"id":"gtm:cancel-flow","t":"Cancel flow","d":"An in-app Stripe cancel dialog: a reason with one follow-up question, then a full refund i","s":"gtm","c":"overlays/dialog","tg":["playful"],"sy":["playful"],"hc":1},{"id":"gymnopedies:utils","t":"Cn utility","d":"Class-name merging helper (clsx + tailwind-merge).","k":"lib","s":"gymnopedies","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"gymnopedies:theme","t":"Gymnopédies Theme","d":"Dark, serif, glow-leaning theme tokens — the gymnopédies identity layer.","k":"theme","s":"gymnopedies","c":"themes/style","tg":["neon"],"fw":"CSS","sy":["neon"],"hc":1},{"id":"gymnopedies:accordion","t":"Accordion","d":"Accordion — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"data-display/accordion","hc":1},{"id":"gymnopedies:alert","t":"Alert","d":"Alert — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"gymnopedies:alert-dialog","t":"Alert Dialog","d":"Alert Dialog — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"gymnopedies:aspect-ratio","t":"Aspect Ratio","d":"Aspect Ratio — gymnopédies-themed shadcn primitive.","k":"layout","s":"gymnopedies","c":"layout/page-shell","hc":1,"cp":1},{"id":"gymnopedies:avatar","t":"Avatar","d":"Avatar — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"data-display/avatar","hc":1,"cp":1},{"id":"gymnopedies:badge","t":"Badge","d":"Badge — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"data-display/badge","hc":1,"cp":1},{"id":"gymnopedies:breadcrumb","t":"Breadcrumb","d":"Breadcrumb — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"navigation/breadcrumb","hc":1},{"id":"gymnopedies:button","t":"Button","d":"Button — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"actions/button","hc":1,"cp":1},{"id":"gymnopedies:card","t":"Card","d":"Card — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"data-display/card","hc":1},{"id":"gymnopedies:carousel","t":"Carousel","d":"Carousel — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"media/carousel","hc":1},{"id":"gymnopedies:chart","t":"Chart","d":"Chart — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"data-viz/chart","hc":1,"cp":1},{"id":"gymnopedies:collapsible","t":"Collapsible","d":"Collapsible — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"data-display/accordion","hc":1,"cp":1},{"id":"gymnopedies:command","t":"Command","d":"Command — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"navigation/command-palette","hc":1},{"id":"gymnopedies:context-menu","t":"Context Menu","d":"Context Menu — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"overlays/context-menu","hc":1},{"id":"gymnopedies:dialog","t":"Dialog","d":"Dialog — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"overlays/dialog","hc":1},{"id":"gymnopedies:drawer","t":"Drawer","d":"Drawer — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"overlays/sheet","hc":1},{"id":"gymnopedies:dropdown-menu","t":"Dropdown Menu","d":"Dropdown Menu — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"gymnopedies:hover-card","t":"Hover Card","d":"Hover Card — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"overlays/hover-card","hc":1,"cp":1},{"id":"gymnopedies:input","t":"Input","d":"Input — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"inputs/form-field","hc":1,"cp":1},{"id":"gymnopedies:input-group","t":"Input Group","d":"Input Group — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"inputs/form-field","sb":"Input groups","hc":1,"cp":1},{"id":"gymnopedies:menubar","t":"Menubar","d":"Menubar — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"gymnopedies:navigation-menu","t":"Navigation Menu","d":"Navigation Menu — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"gymnopedies:pagination","t":"Pagination","d":"Pagination — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"navigation/pagination","hc":1},{"id":"gymnopedies:popover","t":"Popover","d":"Popover — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"overlays/popover","hc":1,"cp":1},{"id":"gymnopedies:progress","t":"Progress","d":"Progress — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"data-viz/progress-bar","hc":1,"cp":1},{"id":"gymnopedies:resizable","t":"Resizable","d":"Resizable — gymnopédies-themed shadcn primitive.","k":"layout","s":"gymnopedies","c":"layout/split-pane","hc":1},{"id":"gymnopedies:scroll-area","t":"Scroll Area","d":"Scroll Area — gymnopédies-themed shadcn primitive.","k":"layout","s":"gymnopedies","c":"layout/scroll-area","hc":1},{"id":"gymnopedies:separator","t":"Separator","d":"Separator — gymnopédies-themed shadcn primitive.","k":"layout","s":"gymnopedies","c":"layout/page-shell","hc":1,"cp":1},{"id":"gymnopedies:sheet","t":"Sheet","d":"Sheet — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"overlays/sheet","hc":1},{"id":"gymnopedies:sidebar","t":"Sidebar","d":"Sidebar — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"navigation/sidebar","hc":1},{"id":"gymnopedies:skeleton","t":"Skeleton","d":"Skeleton — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"status/skeleton","hc":1,"cp":1},{"id":"gymnopedies:sonner","t":"Sonner","d":"Sonner — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"overlays/toast","hc":1},{"id":"gymnopedies:table","t":"Table","d":"Table — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"data-display/table","hc":1},{"id":"gymnopedies:tabs","t":"Tabs","d":"Tabs — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"navigation/tabs","hc":1},{"id":"gymnopedies:textarea","t":"Textarea","d":"Textarea — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"inputs/textarea","hc":1,"cp":1},{"id":"gymnopedies:toggle","t":"Toggle","d":"Toggle — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"actions/switch","hc":1},{"id":"gymnopedies:toggle-group","t":"Toggle Group","d":"Toggle Group — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"actions/switch","hc":1},{"id":"gymnopedies:tooltip","t":"Tooltip","d":"Tooltip — gymnopédies-themed shadcn primitive.","s":"gymnopedies","c":"overlays/tooltip","hc":1,"cp":1},{"id":"gymnopedies:article","t":"Article","d":"Article — gymnopédies blog reading primitive.","k":"section","s":"gymnopedies","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"gymnopedies:content","t":"Content","d":"Content — gymnopédies blog reading primitive.","k":"section","s":"gymnopedies","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"gymnopedies:date-time","t":"Date Time","d":"Date Time — gymnopédies blog reading primitive.","k":"section","s":"gymnopedies","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"gymnopedies:global-styles","t":"Global Styles","d":"Global Styles — gymnopédies blog reading primitive.","k":"section","s":"gymnopedies","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"gymnopedies:header-navigation","t":"Header Navigation","d":"Header Navigation — gymnopédies blog reading primitive.","s":"gymnopedies","c":"navigation/top-nav","hc":1},{"id":"gymnopedies:hero","t":"Hero","d":"Hero — gymnopédies blog reading primitive.","k":"section","s":"gymnopedies","c":"marketing/hero","hc":1},{"id":"gymnopedies:picture","t":"Picture","d":"Picture — gymnopédies blog reading primitive.","s":"gymnopedies","c":"media/gallery","hc":1},{"id":"gymnopedies:use-mobile","t":"Use Mobile","d":"Use Mobile — gymnopédies hook.","k":"lib","s":"gymnopedies","c":"lib/hook","hc":1,"cp":1},{"id":"gymnopedies:gymnopedies","t":"Gymnopédies — read only design system","d":"A dark, serif, glow-leaning shadcn registry preset for long-form reading experiences. Inst","k":"theme","s":"gymnopedies","c":"themes/style","tg":["neon"],"sy":["neon"]},{"id":"ha-components:type-generator","t":"Type Generator","d":"Script to generate types","s":"ha-components","c":"other/other","hc":1},{"id":"ha-components:auth","t":"Auth Files and Components","d":"A complex component used to setup Auth.","k":"layout","s":"ha-components","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"ha-components:camera","t":"Simple Camera Component","d":"A WebRTC Camera component for go2RTC","s":"ha-components","c":"actions/button","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ha-components:trigger","t":"Simple Trigger Button Component","d":"Button that with an attached Entity trigger","s":"ha-components","c":"actions/button","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ha-components:toggle","t":"Simple Toggle Switch Component","d":"Switch with an attached Entity trigger","s":"ha-components","c":"actions/switch","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ha-components:light","t":"Simple Light Control Component","d":"A component which allows full control of a light","s":"ha-components","c":"other/other","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ha-components:weather","t":"Simple Weather Component","k":"section","s":"ha-components","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ha-components:proxy","t":"Python Websocket Proxy Server","d":"Development websocket server for camera component","k":"section","s":"ha-components","c":"marketing/marketing","hc":1},{"id":"ha-components:accordion","t":"Accordion","s":"ha-components","c":"data-display/accordion","hc":1},{"id":"ha-components:popover","t":"Popover","s":"ha-components","c":"overlays/popover","hc":1},{"id":"ha-components:slider","t":"Slider","s":"ha-components","c":"inputs/slider","hc":1},{"id":"ha-components:switch","t":"Switch","s":"ha-components","c":"actions/switch","hc":1},{"id":"harshj:transfer-list","t":"Transfer List","d":"A dual-listbox for moving items between two lists, with search, check-all and keyboard sup","s":"harshj","c":"data-display/list","hc":1},{"id":"herocn:index","t":"Index","k":"theme","s":"herocn","c":"themes/style"},{"id":"herocn:style","t":"Style","k":"theme","s":"herocn","c":"themes/style"},{"id":"herocn:alert","t":"Alert","s":"herocn","c":"overlays/alert-banner","vn":5,"hc":1},{"id":"herocn:alert-dialog","t":"Alert dialog","s":"herocn","c":"overlays/dialog","sb":"Confirm","vn":7,"hc":1},{"id":"herocn:accordion","t":"Accordion","s":"herocn","c":"data-display/accordion","vn":8,"hc":1},{"id":"herocn:aspect-ratio","t":"Aspect ratio","k":"layout","s":"herocn","c":"layout/page-shell","vn":4,"hc":1},{"id":"herocn:attachment","t":"Attachment","s":"herocn","c":"inputs/file-upload","vn":6,"hc":1},{"id":"herocn:avatar","t":"Avatar","s":"herocn","c":"data-display/avatar","vn":16,"hc":1},{"id":"herocn:button","t":"Button","s":"herocn","c":"actions/button","vn":96,"hc":1},{"id":"herocn:button-group","t":"Button group","s":"herocn","c":"actions/button","sb":"Groups and split","vn":2,"hc":1},{"id":"herocn:breadcrumb","t":"Breadcrumb","s":"herocn","c":"navigation/breadcrumb","vn":7,"hc":1},{"id":"herocn:badge","t":"Badge","s":"herocn","c":"data-display/badge","sb":"Labels","vn":9,"hc":1},{"id":"herocn:breadcrumb","t":"Breadcrumb","s":"herocn","c":"navigation/breadcrumb","vn":7,"hc":1},{"id":"herocn:bubble","t":"Bubble","s":"herocn","c":"ai-agent/ai-agent","sb":"Chat","vn":9,"hc":1},{"id":"herocn:calendar","t":"Calendar","s":"herocn","c":"data-display/calendar","vn":11,"hc":1},{"id":"herocn:card","t":"Card","s":"herocn","c":"data-display/card","vn":13,"hc":1},{"id":"herocn:chart","t":"Chart","s":"herocn","c":"data-viz/chart","vn":73,"hc":1},{"id":"herocn:carousel","t":"Carousel","s":"herocn","c":"media/carousel","vn":7,"hc":1},{"id":"herocn:checkbox","t":"Checkbox","s":"herocn","c":"inputs/checkbox","vn":10,"hc":1},{"id":"herocn:collapsible","t":"Collapsible","s":"herocn","c":"data-display/accordion","vn":4,"hc":1},{"id":"herocn:command","t":"Command","s":"herocn","c":"navigation/command-palette","vn":2,"hc":1},{"id":"herocn:combobox","t":"Combobox","s":"herocn","c":"inputs/combobox","vn":10,"hc":1},{"id":"herocn:context-menu","t":"Context menu","s":"herocn","c":"overlays/context-menu","vn":11,"hc":1},{"id":"herocn:popover","t":"Popover","s":"herocn","c":"overlays/popover","vn":2,"hc":1},{"id":"herocn:progress","t":"Progress","s":"herocn","c":"data-viz/progress-bar","vn":6,"hc":1},{"id":"herocn:questionnaire","t":"Questionnaire","s":"herocn","c":"other/other","vn":9,"hc":1},{"id":"herocn:tooltip","t":"Tooltip","s":"herocn","c":"overlays/tooltip","vn":1,"hc":1},{"id":"herocn:dropdown-menu","t":"Dropdown menu","s":"herocn","c":"navigation/menu","sb":"Dropdowns","vn":3,"hc":1},{"id":"herocn:drawer","t":"Drawer","s":"herocn","c":"overlays/sheet","vn":1,"hc":1},{"id":"herocn:empty","t":"Empty","s":"herocn","c":"data-display/empty-state","vn":2,"hc":1},{"id":"herocn:dialog","t":"Dialog","s":"herocn","c":"overlays/dialog","vn":1,"hc":1},{"id":"herocn:sheet","t":"Sheet","s":"herocn","c":"overlays/sheet","vn":1,"hc":1},{"id":"herocn:field","t":"Field","s":"herocn","c":"inputs/form-field","vn":39,"hc":1},{"id":"herocn:hover-card","t":"Hover card","s":"herocn","c":"overlays/hover-card","vn":1,"hc":1},{"id":"herocn:surface","t":"Surface","s":"herocn","c":"other/other","vn":3,"hc":1},{"id":"herocn:scroll-area","t":"Scroll area","k":"layout","s":"herocn","c":"layout/scroll-area","vn":3,"hc":1},{"id":"herocn:sheet","t":"Sheet","s":"herocn","c":"overlays/sheet","vn":1,"hc":1},{"id":"herocn:input","t":"Input","s":"herocn","c":"inputs/form-field","vn":4,"hc":1},{"id":"herocn:input-otp","t":"Input otp","s":"herocn","c":"inputs/otp-input","vn":8,"hc":1},{"id":"herocn:item","t":"Item","s":"herocn","c":"data-display/list","vn":6,"hc":1},{"id":"herocn:kbd","t":"Kbd","s":"herocn","c":"data-display/typography","vn":4,"hc":1},{"id":"herocn:label","t":"Label","s":"herocn","c":"inputs/form-field","sb":"Animated fields","vn":3,"hc":1},{"id":"herocn:menubar","t":"Menubar","s":"herocn","c":"navigation/top-nav","sb":"Mega menus","vn":8,"hc":1},{"id":"herocn:marker","t":"Marker","s":"herocn","c":"other/other","vn":8,"hc":1},{"id":"herocn:message","t":"Message","s":"herocn","c":"ai-agent/ai-agent","sb":"Chat","vn":6,"hc":1},{"id":"herocn:message-scroller","t":"Message scroller","s":"herocn","c":"ai-agent/ai-agent","sb":"Chat","vn":11,"hc":1},{"id":"herocn:navigation-menu","t":"Navigation menu","s":"herocn","c":"navigation/top-nav","sb":"Mega menus","vn":3,"hc":1},{"id":"herocn:native-select","t":"Native select","s":"herocn","c":"inputs/select","vn":8,"hc":1},{"id":"herocn:pagination","t":"Pagination","s":"herocn","c":"navigation/pagination","vn":5,"hc":1},{"id":"herocn:select","t":"Select","s":"herocn","c":"inputs/select","vn":8,"hc":1},{"id":"herocn:separator","t":"Separator","k":"layout","s":"herocn","c":"layout/page-shell","vn":6,"hc":1},{"id":"herocn:switch","t":"Switch","s":"herocn","c":"actions/switch","vn":1,"hc":1},{"id":"herocn:checkbox","t":"Checkbox","s":"herocn","c":"inputs/checkbox","vn":10,"hc":1},{"id":"herocn:sidebar","t":"Sidebar","s":"herocn","c":"navigation/sidebar","vn":21,"hc":1},{"id":"herocn:slider","t":"Slider","s":"herocn","c":"inputs/slider","vn":6,"hc":1},{"id":"herocn:skeleton","t":"Skeleton","s":"herocn","c":"status/skeleton","vn":8,"hc":1},{"id":"herocn:spinner","t":"Spinner","s":"herocn","c":"status/loader","sb":"Spinners","vn":4,"hc":1},{"id":"herocn:tabs","t":"Tabs","s":"herocn","c":"navigation/tabs","vn":6,"hc":1},{"id":"herocn:table","t":"Table","s":"herocn","c":"data-display/table","vn":5,"hc":1},{"id":"herocn:toggle","t":"Toggle","s":"herocn","c":"actions/switch","vn":6,"hc":1},{"id":"herocn:toast","t":"Toast","s":"herocn","c":"overlays/toast","vn":1,"hc":1},{"id":"herocn:textarea","t":"Textarea","s":"herocn","c":"inputs/textarea","vn":3,"hc":1},{"id":"herocn:radio-group","t":"Radio group","s":"herocn","c":"inputs/radio","vn":1,"hc":1},{"id":"herocn:resizable","t":"Resizable","k":"layout","s":"herocn","c":"layout/split-pane","vn":4,"hc":1},{"id":"herocn:use-mobile","t":"Use mobile","k":"lib","s":"herocn","c":"lib/hook","hc":1},{"id":"herocn:login-01","t":"Login #1","d":"A simple login form.","k":"layout","s":"herocn","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"herocn:login-02","t":"Login #2","d":"A two column login page with a cover image.","k":"layout","s":"herocn","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"herocn:login-03","t":"Login #3","d":"A login page with a muted background color.","k":"layout","s":"herocn","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"herocn:login-04","t":"Login #4","d":"A login page with form and image.","k":"layout","s":"herocn","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"herocn:login-05","t":"Login #5","d":"A simple email-only login page.","k":"layout","s":"herocn","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"herocn:signup-01","t":"Signup #1","d":"A simple signup form.","k":"layout","s":"herocn","c":"flows/sign-in","tg":["minimal"],"sb":"Sign up","sy":["minimal"],"hc":1},{"id":"herocn:signup-02","t":"Signup #2","d":"A two column signup page with a cover image.","k":"layout","s":"herocn","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"herocn:signup-03","t":"Signup #3","d":"A signup page with a muted background color.","k":"layout","s":"herocn","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"herocn:signup-04","t":"Signup #4","d":"A signup page with form and image.","k":"layout","s":"herocn","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"herocn:signup-05","t":"Signup #5","d":"A simple signup form with social providers.","k":"layout","s":"herocn","c":"flows/sign-in","tg":["minimal"],"sb":"Sign up","sy":["minimal"],"hc":1},{"id":"herocn:dashboard-01","t":"Dashboard #1","d":"A dashboard with sidebar, charts and data table.","k":"layout","s":"herocn","c":"layout/dashboard","hc":1},{"id":"heroicons-animated:academic-cap","t":"Academic cap","d":"Animated academic-cap icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:adjustments-horizontal","t":"Adjustments horizontal","d":"Animated adjustments-horizontal icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:adjustments-vertical","t":"Adjustments vertical","d":"Animated adjustments-vertical icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:archive-box-arrow-down","t":"Archive box arrow down","d":"Animated archive-box-arrow-down icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:archive-box-x-mark","t":"Archive box x mark","d":"Animated archive-box-x-mark icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:archive-box","t":"Archive box","d":"Animated archive-box icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-down-circle","t":"Arrow down circle","d":"Animated arrow-down-circle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-down-left","t":"Arrow down left","d":"Animated arrow-down-left icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-down-on-square-stack","t":"Arrow down on square stack","d":"Animated arrow-down-on-square-stack icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-down-on-square","t":"Arrow down on square","d":"Animated arrow-down-on-square icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-down-right","t":"Arrow down right","d":"Animated arrow-down-right icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-down-tray","t":"Arrow down tray","d":"Animated arrow-down-tray icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-down","t":"Arrow down","d":"Animated arrow-down icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-left-circle","t":"Arrow left circle","d":"Animated arrow-left-circle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-left-end-on-rectangle","t":"Arrow left end on rectangle","d":"Animated arrow-left-end-on-rectangle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-left-start-on-rectangle","t":"Arrow left start on rectangle","d":"Animated arrow-left-start-on-rectangle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-left","t":"Arrow left","d":"Animated arrow-left icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-long-down","t":"Arrow long down","d":"Animated arrow-long-down icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-long-left","t":"Arrow long left","d":"Animated arrow-long-left icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-long-right","t":"Arrow long right","d":"Animated arrow-long-right icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-long-up","t":"Arrow long up","d":"Animated arrow-long-up icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-path-rounded-square","t":"Arrow path rounded square","d":"Animated arrow-path-rounded-square icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-path","t":"Arrow path","d":"Animated arrow-path icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-right-circle","t":"Arrow right circle","d":"Animated arrow-right-circle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-right-end-on-rectangle","t":"Arrow right end on rectangle","d":"Animated arrow-right-end-on-rectangle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-right-start-on-rectangle","t":"Arrow right start on rectangle","d":"Animated arrow-right-start-on-rectangle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-right","t":"Arrow right","d":"Animated arrow-right icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-top-right-on-square","t":"Arrow top right on square","d":"Animated arrow-top-right-on-square icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-trending-down","t":"Arrow trending down","d":"Animated arrow-trending-down icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-trending-up","t":"Arrow trending up","d":"Animated arrow-trending-up icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-turn-down-left","t":"Arrow turn down left","d":"Animated arrow-turn-down-left icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-turn-down-right","t":"Arrow turn down right","d":"Animated arrow-turn-down-right icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-turn-left-down","t":"Arrow turn left down","d":"Animated arrow-turn-left-down icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-turn-left-up","t":"Arrow turn left up","d":"Animated arrow-turn-left-up icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-turn-right-down","t":"Arrow turn right down","d":"Animated arrow-turn-right-down icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-turn-right-up","t":"Arrow turn right up","d":"Animated arrow-turn-right-up icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-turn-up-left","t":"Arrow turn up left","d":"Animated arrow-turn-up-left icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-turn-up-right","t":"Arrow turn up right","d":"Animated arrow-turn-up-right icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-up-circle","t":"Arrow up circle","d":"Animated arrow-up-circle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-up-left","t":"Arrow up left","d":"Animated arrow-up-left icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-up-on-square-stack","t":"Arrow up on square stack","d":"Animated arrow-up-on-square-stack icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-up-on-square","t":"Arrow up on square","d":"Animated arrow-up-on-square icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-up-right","t":"Arrow up right","d":"Animated arrow-up-right icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-up-tray","t":"Arrow up tray","d":"Animated arrow-up-tray icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-up","t":"Arrow up","d":"Animated arrow-up icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-uturn-down","t":"Arrow uturn down","d":"Animated arrow-uturn-down icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-uturn-left","t":"Arrow uturn left","d":"Animated arrow-uturn-left icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-uturn-right","t":"Arrow uturn right","d":"Animated arrow-uturn-right icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrow-uturn-up","t":"Arrow uturn up","d":"Animated arrow-uturn-up icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrows-pointing-in","t":"Arrows pointing in","d":"Animated arrows-pointing-in icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrows-pointing-out","t":"Arrows pointing out","d":"Animated arrows-pointing-out icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrows-right-left","t":"Arrows right left","d":"Animated arrows-right-left icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:arrows-up-down","t":"Arrows up down","d":"Animated arrows-up-down icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:at-symbol","t":"At symbol","d":"Animated at-symbol icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:backspace","t":"Backspace","d":"Animated backspace icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:backward","t":"Backward","d":"Animated backward icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:banknotes","t":"Banknotes","d":"Animated banknotes icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:bars-2","t":"Bars #2","d":"Animated bars-2 icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:bars-3-bottom-left","t":"Bars 3 bottom left","d":"Animated bars-3-bottom-left icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:bars-3-bottom-right","t":"Bars 3 bottom right","d":"Animated bars-3-bottom-right icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:bars-3-center-left","t":"Bars 3 center left","d":"Animated bars-3-center-left icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:bars-3","t":"Bars #3","d":"Animated bars-3 icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:bars-4","t":"Bars #4","d":"Animated bars-4 icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:bars-arrow-down","t":"Bars arrow down","d":"Animated bars-arrow-down icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:bars-arrow-up","t":"Bars arrow up","d":"Animated bars-arrow-up icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:battery-0","t":"Battery #0","d":"Animated battery-0 icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:battery-100","t":"Battery #100","d":"Animated battery-100 icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:battery-50","t":"Battery #50","d":"Animated battery-50 icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:beaker","t":"Beaker","d":"Animated beaker icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:bell-alert","t":"Bell alert","d":"Animated bell-alert icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:bell-slash","t":"Bell slash","d":"Animated bell-slash icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:bell-snooze","t":"Bell snooze","d":"Animated bell-snooze icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:bell","t":"Bell","d":"Animated bell icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:bold","t":"Bold","d":"Animated bold icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:bolt-slash","t":"Bolt slash","d":"Animated bolt-slash icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:bolt","t":"Bolt","d":"Animated bolt icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:book-open","t":"Book open","d":"Animated book-open icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:bookmark-slash","t":"Bookmark slash","d":"Animated bookmark-slash icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:bookmark-square","t":"Bookmark square","d":"Animated bookmark-square icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:bookmark","t":"Bookmark","d":"Animated bookmark icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:briefcase","t":"Briefcase","d":"Animated briefcase icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:bug-ant","t":"Bug ant","d":"Animated bug-ant icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:building-library","t":"Building library","d":"Animated building-library icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:building-office","t":"Building office","d":"Animated building-office icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"heroicons-animated:building-storefront","t":"Building storefront","d":"Animated building-storefront icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:cake","t":"Cake","d":"Animated cake icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:calculator","t":"Calculator","d":"Animated calculator icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:calendar-date-range","t":"Calendar date range","d":"Animated calendar-date-range icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:calendar-days","t":"Calendar days","d":"Animated calendar-days icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:calendar","t":"Calendar","d":"Animated calendar icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:camera","t":"Camera","d":"Animated camera icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:chart-bar-square","t":"Chart bar square","d":"Animated chart-bar-square icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:chart-bar","t":"Chart bar","d":"Animated chart-bar icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:chart-pie","t":"Chart pie","d":"Animated chart-pie icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:chat-bubble-bottom-center-text","t":"Chat bubble bottom center text","d":"Animated chat-bubble-bottom-center-text icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:chat-bubble-bottom-center","t":"Chat bubble bottom center","d":"Animated chat-bubble-bottom-center icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:chat-bubble-left-ellipsis","t":"Chat bubble left ellipsis","d":"Animated chat-bubble-left-ellipsis icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:chat-bubble-left-right","t":"Chat bubble left right","d":"Animated chat-bubble-left-right icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:chat-bubble-left","t":"Chat bubble left","d":"Animated chat-bubble-left icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:chat-bubble-oval-left-ellipsis","t":"Chat bubble oval left ellipsis","d":"Animated chat-bubble-oval-left-ellipsis icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:chat-bubble-oval-left","t":"Chat bubble oval left","d":"Animated chat-bubble-oval-left icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:check-badge","t":"Check badge","d":"Animated check-badge icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:check-circle","t":"Check circle","d":"Animated check-circle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:check","t":"Check","d":"Animated check icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:chevron-double-down","t":"Chevron double down","d":"Animated chevron-double-down icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:chevron-double-left","t":"Chevron double left","d":"Animated chevron-double-left icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:chevron-double-right","t":"Chevron double right","d":"Animated chevron-double-right icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:chevron-double-up","t":"Chevron double up","d":"Animated chevron-double-up icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:chevron-down","t":"Chevron down","d":"Animated chevron-down icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:chevron-left","t":"Chevron left","d":"Animated chevron-left icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:chevron-right","t":"Chevron right","d":"Animated chevron-right icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:chevron-up-down","t":"Chevron up down","d":"Animated chevron-up-down icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:chevron-up","t":"Chevron up","d":"Animated chevron-up icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:circle-stack","t":"Circle stack","d":"Animated circle-stack icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:clipboard-document-check","t":"Clipboard document check","d":"Animated clipboard-document-check icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:clipboard-document-list","t":"Clipboard document list","d":"Animated clipboard-document-list icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:clipboard-document","t":"Clipboard document","d":"Animated clipboard-document icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:clipboard","t":"Clipboard","d":"Animated clipboard icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:clock","t":"Clock","d":"Animated clock icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:cloud-arrow-down","t":"Cloud arrow down","d":"Animated cloud-arrow-down icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:cloud-arrow-up","t":"Cloud arrow up","d":"Animated cloud-arrow-up icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:cloud","t":"Cloud","d":"Animated cloud icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:code-bracket-square","t":"Code bracket square","d":"Animated code-bracket-square icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:code-bracket","t":"Code bracket","d":"Animated code-bracket icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:cog-6-tooth","t":"Cog 6 tooth","d":"Animated cog-6-tooth icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:cog-8-tooth","t":"Cog 8 tooth","d":"Animated cog-8-tooth icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:cog","t":"Cog","d":"Animated cog icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:command-line","t":"Command line","d":"Animated command-line icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:computer-desktop","t":"Computer desktop","d":"Animated computer-desktop icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:cpu-chip","t":"Cpu chip","d":"Animated cpu-chip icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:credit-card","t":"Credit card","d":"Animated credit-card icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:cube-transparent","t":"Cube transparent","d":"Animated cube-transparent icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:cube","t":"Cube","d":"Animated cube icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:currency-bangladeshi","t":"Currency bangladeshi","d":"Animated currency-bangladeshi icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:currency-dollar","t":"Currency dollar","d":"Animated currency-dollar icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:currency-euro","t":"Currency euro","d":"Animated currency-euro icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:currency-pound","t":"Currency pound","d":"Animated currency-pound icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:currency-rupee","t":"Currency rupee","d":"Animated currency-rupee icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:currency-yen","t":"Currency yen","d":"Animated currency-yen icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:cursor-arrow-rays","t":"Cursor arrow rays","d":"Animated cursor-arrow-rays icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:cursor-arrow-ripple","t":"Cursor arrow ripple","d":"Animated cursor-arrow-ripple icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:device-phone-mobile","t":"Device phone mobile","d":"Animated device-phone-mobile icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:device-tablet","t":"Device tablet","d":"Animated device-tablet icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:divide","t":"Divide","d":"Animated divide icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:document-arrow-down","t":"Document arrow down","d":"Animated document-arrow-down icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:document-arrow-up","t":"Document arrow up","d":"Animated document-arrow-up icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:document-chart-bar","t":"Document chart bar","d":"Animated document-chart-bar icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:document-check","t":"Document check","d":"Animated document-check icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:document-currency-bangladeshi","t":"Document currency bangladeshi","d":"Animated document-currency-bangladeshi icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:document-currency-dollar","t":"Document currency dollar","d":"Animated document-currency-dollar icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:document-currency-euro","t":"Document currency euro","d":"Animated document-currency-euro icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:document-currency-pound","t":"Document currency pound","d":"Animated document-currency-pound icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:document-currency-rupee","t":"Document currency rupee","d":"Animated document-currency-rupee icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:document-currency-yen","t":"Document currency yen","d":"Animated document-currency-yen icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:document-duplicate","t":"Document duplicate","d":"Animated document-duplicate icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:document-magnifying-glass","t":"Document magnifying glass","d":"Animated document-magnifying-glass icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"heroicons-animated:document-minus","t":"Document minus","d":"Animated document-minus icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:document-plus","t":"Document plus","d":"Animated document-plus icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:document-text","t":"Document text","d":"Animated document-text icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:document","t":"Document","d":"Animated document icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:ellipsis-horizontal-circle","t":"Ellipsis horizontal circle","d":"Animated ellipsis-horizontal-circle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:ellipsis-horizontal","t":"Ellipsis horizontal","d":"Animated ellipsis-horizontal icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:ellipsis-vertical","t":"Ellipsis vertical","d":"Animated ellipsis-vertical icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:envelope-open","t":"Envelope open","d":"Animated envelope-open icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:envelope","t":"Envelope","d":"Animated envelope icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:equals","t":"Equals","d":"Animated equals icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:exclamation-circle","t":"Exclamation circle","d":"Animated exclamation-circle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:exclamation-triangle","t":"Exclamation triangle","d":"Animated exclamation-triangle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:eye-dropper","t":"Eye dropper","d":"Animated eye-dropper icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:eye-slash","t":"Eye slash","d":"Animated eye-slash icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:eye","t":"Eye","d":"Animated eye icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:face-frown","t":"Face frown","d":"Animated face-frown icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:face-smile","t":"Face smile","d":"Animated face-smile icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:film","t":"Film","d":"Animated film icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:finger-print","t":"Finger print","d":"Animated finger-print icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:fire","t":"Fire","d":"Animated fire icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:flag","t":"Flag","d":"Animated flag icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:folder-arrow-down","t":"Folder arrow down","d":"Animated folder-arrow-down icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:folder-minus","t":"Folder minus","d":"Animated folder-minus icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:folder-open","t":"Folder open","d":"Animated folder-open icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:folder-plus","t":"Folder plus","d":"Animated folder-plus icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:folder","t":"Folder","d":"Animated folder icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:forward","t":"Forward","d":"Animated forward icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:funnel","t":"Funnel","d":"Animated funnel icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","tg":["playful"],"sb":"Animated","sy":["playful"],"hc":1},{"id":"heroicons-animated:gif","t":"Gif","d":"Animated gif icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:gift-top","t":"Gift top","d":"Animated gift-top icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:gift","t":"Gift","d":"Animated gift icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:globe-alt","t":"Globe alt","d":"Animated globe-alt icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:globe-americas","t":"Globe americas","d":"Animated globe-americas icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:globe-asia-australia","t":"Globe asia australia","d":"Animated globe-asia-australia icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:globe-europe-africa","t":"Globe europe africa","d":"Animated globe-europe-africa icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:h1","t":"H #1","d":"Animated h1 icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:h2","t":"H #2","d":"Animated h2 icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:h3","t":"H #3","d":"Animated h3 icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:hand-raised","t":"Hand raised","d":"Animated hand-raised icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:hand-thumb-down","t":"Hand thumb down","d":"Animated hand-thumb-down icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:hand-thumb-up","t":"Hand thumb up","d":"Animated hand-thumb-up icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:hashtag","t":"Hashtag","d":"Animated hashtag icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:heart","t":"Heart","d":"Animated heart icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:home-modern","t":"Home modern","d":"Animated home-modern icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:home","t":"Home","d":"Animated home icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:identification","t":"Identification","d":"Animated identification icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:inbox-arrow-down","t":"Inbox arrow down","d":"Animated inbox-arrow-down icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:inbox-stack","t":"Inbox stack","d":"Animated inbox-stack icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:inbox","t":"Inbox","d":"Animated inbox icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:information-circle","t":"Information circle","d":"Animated information-circle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:italic","t":"Italic","d":"Animated italic icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:key","t":"Key","d":"Animated key icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:language","t":"Language","d":"Animated language icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:lifebuoy","t":"Lifebuoy","d":"Animated lifebuoy icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:light-bulb","t":"Light bulb","d":"Animated light-bulb icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:link-slash","t":"Link slash","d":"Animated link-slash icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:link","t":"Link","d":"Animated link icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:list-bullet","t":"List bullet","d":"Animated list-bullet icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:lock-closed","t":"Lock closed","d":"Animated lock-closed icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:lock-open","t":"Lock open","d":"Animated lock-open icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:magnifying-glass-circle","t":"Magnifying glass circle","d":"Animated magnifying-glass-circle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"heroicons-animated:magnifying-glass-minus","t":"Magnifying glass minus","d":"Animated magnifying-glass-minus icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"heroicons-animated:magnifying-glass-plus","t":"Magnifying glass plus","d":"Animated magnifying-glass-plus icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"heroicons-animated:magnifying-glass","t":"Magnifying glass","d":"Animated magnifying-glass icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"heroicons-animated:map-pin","t":"Map pin","d":"Animated map-pin icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:map","t":"Map","d":"Animated map icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:megaphone","t":"Megaphone","d":"Animated megaphone icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:microphone","t":"Microphone","d":"Animated microphone icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:minus-circle","t":"Minus circle","d":"Animated minus-circle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:minus","t":"Minus","d":"Animated minus icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:moon","t":"Moon","d":"Animated moon icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:musical-note","t":"Musical note","d":"Animated musical-note icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:newspaper","t":"Newspaper","d":"Animated newspaper icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:no-symbol","t":"No symbol","d":"Animated no-symbol icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:numbered-list","t":"Numbered list","d":"Animated numbered-list icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:paint-brush","t":"Paint brush","d":"Animated paint-brush icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:paper-airplane","t":"Paper airplane","d":"Animated paper-airplane icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:paper-clip","t":"Paper clip","d":"Animated paper-clip icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:pause-circle","t":"Pause circle","d":"Animated pause-circle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:pause","t":"Pause","d":"Animated pause icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:pencil-square","t":"Pencil square","d":"Animated pencil-square icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:pencil","t":"Pencil","d":"Animated pencil icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:percent-badge","t":"Percent badge","d":"Animated percent-badge icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:phone-arrow-down-left","t":"Phone arrow down left","d":"Animated phone-arrow-down-left icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:phone-arrow-up-right","t":"Phone arrow up right","d":"Animated phone-arrow-up-right icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:phone-x-mark","t":"Phone x mark","d":"Animated phone-x-mark icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:phone","t":"Phone","d":"Animated phone icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:photo","t":"Photo","d":"Animated photo icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:play-circle","t":"Play circle","d":"Animated play-circle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:play-pause","t":"Play pause","d":"Animated play-pause icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:play","t":"Play","d":"Animated play icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:plus-circle","t":"Plus circle","d":"Animated plus-circle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:plus","t":"Plus","d":"Animated plus icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:power","t":"Power","d":"Animated power icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:presentation-chart-bar","t":"Presentation chart bar","d":"Animated presentation-chart-bar icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:presentation-chart-line","t":"Presentation chart line","d":"Animated presentation-chart-line icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:printer","t":"Printer","d":"Animated printer icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:puzzle-piece","t":"Puzzle piece","d":"Animated puzzle-piece icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:qr-code","t":"Qr code","d":"Animated qr-code icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:question-mark-circle","t":"Question mark circle","d":"Animated question-mark-circle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:queue-list","t":"Queue list","d":"Animated queue-list icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:radio","t":"Radio","d":"Animated radio icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:receipt-percent","t":"Receipt percent","d":"Animated receipt-percent icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:receipt-refund","t":"Receipt refund","d":"Animated receipt-refund icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","tg":["playful"],"sb":"Animated","sy":["playful"],"hc":1},{"id":"heroicons-animated:rectangle-group","t":"Rectangle group","d":"Animated rectangle-group icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:rectangle-stack","t":"Rectangle stack","d":"Animated rectangle-stack icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:rocket-launch","t":"Rocket launch","d":"Animated rocket-launch icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:rss","t":"Rss","d":"Animated rss icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:scale","t":"Scale","d":"Animated scale icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:scissors","t":"Scissors","d":"Animated scissors icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:server-stack","t":"Server stack","d":"Animated server-stack icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:server","t":"Server","d":"Animated server icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:share","t":"Share","d":"Animated share icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:shield-check","t":"Shield check","d":"Animated shield-check icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:shield-exclamation","t":"Shield exclamation","d":"Animated shield-exclamation icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:shopping-bag","t":"Shopping bag","d":"Animated shopping-bag icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:shopping-cart","t":"Shopping cart","d":"Animated shopping-cart icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:signal-slash","t":"Signal slash","d":"Animated signal-slash icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:signal","t":"Signal","d":"Animated signal icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:slash","t":"Slash","d":"Animated slash icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:sparkles","t":"Sparkles","d":"Animated sparkles icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:speaker-wave","t":"Speaker wave","d":"Animated speaker-wave icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:speaker-x-mark","t":"Speaker x mark","d":"Animated speaker-x-mark icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:square-2-stack","t":"Square 2 stack","d":"Animated square-2-stack icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:square-3-stack-3d","t":"Square 3 stack 3d","d":"Animated square-3-stack-3d icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","tg":["3d"],"sb":"Animated","sy":["3d"],"hc":1},{"id":"heroicons-animated:squares-2x2","t":"Squares 2x #2","d":"Animated squares-2x2 icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:squares-plus","t":"Squares plus","d":"Animated squares-plus icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:star","t":"Star","d":"Animated star icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:stop-circle","t":"Stop circle","d":"Animated stop-circle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:stop","t":"Stop","d":"Animated stop icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:strikethrough","t":"Strikethrough","d":"Animated strikethrough icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:sun","t":"Sun","d":"Animated sun icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:swatch","t":"Swatch","d":"Animated swatch icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:table-cells","t":"Table cells","d":"Animated table-cells icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:tag","t":"Tag","d":"Animated tag icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:ticket","t":"Ticket","d":"Animated ticket icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:trash","t":"Trash","d":"Animated trash icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:trophy","t":"Trophy","d":"Animated trophy icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:truck","t":"Truck","d":"Animated truck icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:tv","t":"Tv","d":"Animated tv icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:underline","t":"Underline","d":"Animated underline icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:user-circle","t":"User circle","d":"Animated user-circle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:user-group","t":"User group","d":"Animated user-group icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:user-minus","t":"User minus","d":"Animated user-minus icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:user-plus","t":"User plus","d":"Animated user-plus icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:user","t":"User","d":"Animated user icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:users","t":"Users","d":"Animated users icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:variable","t":"Variable","d":"Animated variable icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:video-camera-slash","t":"Video camera slash","d":"Animated video-camera-slash icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:video-camera","t":"Video camera","d":"Animated video-camera icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:view-columns","t":"View columns","d":"Animated view-columns icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:viewfinder-circle","t":"Viewfinder circle","d":"Animated viewfinder-circle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:wallet","t":"Wallet","d":"Animated wallet icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:wifi","t":"Wifi","d":"Animated wifi icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:window","t":"Window","d":"Animated window icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:wrench-screwdriver","t":"Wrench screwdriver","d":"Animated wrench-screwdriver icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:wrench","t":"Wrench","d":"Animated wrench icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:x-circle","t":"X circle","d":"Animated x-circle icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"heroicons-animated:x-mark","t":"X mark","d":"Animated x-mark icon for React","k":"resource","s":"heroicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hextaui:theme","t":"Theme","d":"HextaUI design tokens: status colors, easing curves, hairline borders, type scale and the ","k":"theme","s":"hextaui","c":"themes/theme"},{"id":"hextaui:hotkey","t":"Hotkey","d":"Parse, label, announce and match keyboard shortcuts, with ⌘ on Apple platforms and Ctrl ev","k":"lib","s":"hextaui","c":"lib/utility","vn":3,"hc":1},{"id":"hextaui:motion","t":"Motion","d":"The easing curves, durations and reduced-motion check every component animates with, plus ","k":"lib","s":"hextaui","c":"lib/utility","sb":"Motion helpers","vn":2,"hc":1},{"id":"hextaui:use-autosize","t":"useAutosize","d":"Grows a textarea with what you write between its minimum and maximum height, animating eac","k":"lib","s":"hextaui","c":"lib/hook","vn":1,"hc":1},{"id":"hextaui:use-button-feedback","t":"useButtonFeedback","d":"Runs an async action through loading, success and error, skipping the spinner for fast req","k":"lib","s":"hextaui","c":"lib/hook","hc":1},{"id":"hextaui:use-composed-ref","t":"useComposedRef","d":"Keeps a ref to your own element while still forwarding it to whatever ref the parent passe","k":"lib","s":"hextaui","c":"lib/hook","vn":1,"hc":1},{"id":"hextaui:use-delayed-loading","t":"useDelayedLoading","d":"Shows a loading state only when work is actually slow, then keeps it up long enough that i","k":"lib","s":"hextaui","c":"lib/hook","vn":1,"hc":1},{"id":"hextaui:use-held-keys","t":"useHeldKeys","d":"The keys someone is holding down right now, shared by every subscriber through a single se","k":"lib","s":"hextaui","c":"lib/hook","vn":1,"hc":1},{"id":"hextaui:use-invalid-shake","t":"useInvalidShake","d":"Shakes a form control when a submit attempt finds it invalid, and never while someone is s","k":"lib","s":"hextaui","c":"lib/hook","vn":1,"hc":1},{"id":"hextaui:use-merged-ref","t":"useMergedRef","d":"Combines any number of callback and object refs into one, with React 19 ref cleanup for ea","k":"lib","s":"hextaui","c":"lib/hook","tg":["minimal"],"sy":["minimal"],"vn":1,"hc":1},{"id":"hextaui:use-pagination","t":"usePagination","d":"Turns a page and a page count into the list of pages and ellipses to render, keeping its l","k":"lib","s":"hextaui","c":"lib/hook","vn":2,"hc":1},{"id":"hextaui:use-today","t":"useToday","d":"Today's date that rolls over at midnight and when the tab comes back, without a hydration ","k":"lib","s":"hextaui","c":"lib/hook","vn":1,"hc":1},{"id":"hextaui:accordion","t":"Accordion","d":"Stacked headings that each reveal a panel, with height motion you can reverse mid-way and ","s":"hextaui","c":"data-display/accordion","vn":12,"hc":1},{"id":"hextaui:alert","t":"Alert","d":"Inline messages for status and feedback, with a neutral surface, a colored icon and a dism","s":"hextaui","c":"overlays/alert-banner","vn":11,"hc":1},{"id":"hextaui:alert-dialog","t":"Alert dialog","d":"A confirmation dialog for destructive or important actions that waits for async work, and ","s":"hextaui","c":"overlays/dialog","sb":"Confirm","vn":15,"hc":1},{"id":"hextaui:aspect-ratio","t":"Aspect ratio","d":"A box that holds its shape before media loads, shimmers while loading, fades the media in ","k":"resource","s":"hextaui","c":"assets/shape","vn":12,"hc":1},{"id":"hextaui:attachment","t":"Attachment","d":"File and image cards for uploads, with progress, states, actions, a full-card trigger and ","s":"hextaui","c":"inputs/file-upload","vn":11,"hc":1},{"id":"hextaui:avatar","t":"Avatar","d":"User photos with an initials fallback, status badges and stacked groups that collapse into","s":"hextaui","c":"data-display/avatar","vn":23,"hc":1},{"id":"hextaui:badge","t":"Badge","d":"Status labels with colored dots, removable tags that slide closed and counts that roll to ","s":"hextaui","c":"data-display/badge","vn":18,"hc":1},{"id":"hextaui:breadcrumb","t":"Breadcrumb","d":"A trail of links to the current page that wraps safely, mirrors in right-to-left layouts a","s":"hextaui","c":"navigation/breadcrumb","vn":10,"hc":1},{"id":"hextaui:bubble","t":"Bubble","d":"Chat message bubbles with variants, grouped corners, reactions and room for interactive co","s":"hextaui","c":"ai-agent/ai-agent","sb":"Chat","vn":19,"hc":1},{"id":"hextaui:button","t":"Button","d":"Buttons in every variant and size, with a built-in loading, success and error flow that sk","s":"hextaui","c":"actions/button","vn":176,"hc":1},{"id":"hextaui:calendar","t":"Calendar","d":"A date grid for single, range and multiple selection, with sliding months, range previews ","s":"hextaui","c":"data-display/calendar","vn":10,"hc":1},{"id":"hextaui:card","t":"Card","d":"A surface for grouping content, with three variants, edge-to-edge media, concentric radii ","s":"hextaui","c":"data-display/card","tg":["webgl"],"sb":"Profile","sy":["webgl"],"vn":5,"hc":1},{"id":"hextaui:carousel","t":"Carousel","d":"Native scroll-snap slides with momentum on touch, mouse dragging, arrow keys, dots, thumbn","s":"hextaui","c":"media/carousel","vn":12,"hc":1},{"id":"hextaui:chart","t":"Chart","d":"Recharts charts with themed colors, a tooltip and legend that read labels from one config,","s":"hextaui","c":"data-viz/chart","vn":14,"hc":1},{"id":"hextaui:checkbox","t":"Checkbox","d":"A checkbox whose check draws in, with indeterminate parents, groups and labels that share ","s":"hextaui","c":"inputs/checkbox","vn":16,"hc":1},{"id":"hextaui:collapsible","t":"Collapsible","d":"A panel that shows and hides with height motion you can reverse mid-way, without jumping t","s":"hextaui","c":"data-display/accordion","vn":2,"hc":1},{"id":"hextaui:combobox","t":"Combobox","d":"A filterable select with chips, groups and async results, in a popup that resizes as you t","s":"hextaui","c":"inputs/combobox","vn":10,"hc":1},{"id":"hextaui:command","t":"Command","d":"A searchable list of actions, inline or as a ⌘K palette, with pages, shortcuts and highlig","s":"hextaui","c":"navigation/command-palette","vn":7,"hc":1},{"id":"hextaui:context-menu","t":"Context menu","d":"A menu of actions on right click or long press, with submenus, checkbox and radio items, a","s":"hextaui","c":"overlays/context-menu","vn":8,"hc":1},{"id":"hextaui:data-table","t":"Data table","d":"A table for real data, with sorting, search, row selection, pinned columns, a sticky heade","s":"hextaui","c":"data-display/table","sb":"Data tables","vn":1,"hc":1},{"id":"hextaui:date-picker","t":"Date picker","d":"A button that opens a calendar in a popover, or a bottom sheet on phones, for single dates","s":"hextaui","c":"inputs/date-picker","vn":7,"hc":1},{"id":"hextaui:dialog","t":"Dialog","d":"A window over the page for forms and focused tasks, with a pinned header and footer, nesti","s":"hextaui","c":"overlays/dialog","sb":"Forms","vn":1,"hc":1},{"id":"hextaui:drawer","t":"Drawer","d":"A panel that slides in from any edge and follows your finger, with snap points, a working ","s":"hextaui","c":"overlays/sheet","vn":1,"hc":1},{"id":"hextaui:dropdown-menu","t":"Dropdown menu","d":"A menu of actions and options behind a button, with groups, submenus, checkbox and radio i","s":"hextaui","c":"navigation/menu","sb":"Dropdowns","vn":2,"hc":1},{"id":"hextaui:empty","t":"Empty","d":"A placeholder for screens with nothing to show yet, with an icon, a message and the next a","k":"resource","s":"hextaui","c":"assets/icon","vn":1,"hc":1},{"id":"hextaui:field","t":"Field","d":"Labels, descriptions and errors wired to their control, with validation states and layouts","s":"hextaui","c":"inputs/form-field","sb":"Whole forms","vn":13,"hc":1},{"id":"hextaui:hover-card","t":"Hover card","d":"A preview card that opens when a link is hovered or focused, for content sighted users can","s":"hextaui","c":"overlays/hover-card","vn":3,"hc":1},{"id":"hextaui:input","t":"Input","d":"A text input with three sizes, invalid and read-only states, native validation styling and","s":"hextaui","c":"inputs/form-field","tg":["webgl"],"sb":"Whole forms","sy":["webgl"],"vn":16,"hc":1},{"id":"hextaui:input-otp","t":"Input OTP","d":"One-time code slots that take typing, paste and SMS autofill, with an opt-in animation tha","s":"hextaui","c":"inputs/otp-input","vn":12,"hc":1},{"id":"hextaui:item","t":"Item","d":"A row of media, text and actions for lists, settings and pickers, with a grouped surface a","s":"hextaui","c":"data-display/list","vn":6,"hc":1},{"id":"hextaui:kbd","t":"Kbd","d":"Key caps for shortcuts that show the right symbols on every platform, read them out proper","s":"hextaui","c":"data-display/typography","vn":8,"hc":1},{"id":"hextaui:label","t":"Label","d":"A label that follows its control, dimming when it's disabled and marking it required or op","s":"hextaui","c":"inputs/form-field","sb":"Whole forms","vn":1,"hc":1},{"id":"hextaui:marker","t":"Marker","d":"Quiet notes between content, like date dividers and system events, with sticky dates and t","s":"hextaui","c":"ai-agent/ai-agent","sb":"Chat","vn":6,"hc":1},{"id":"hextaui:menubar","t":"Menubar","d":"A desktop-style bar of menus with one highlight that slides between open menus and instant","s":"hextaui","c":"navigation/top-nav","sb":"Mega menus","vn":6,"hc":1},{"id":"hextaui:message","t":"Message","d":"A chat message row with an avatar, name, bubbles and status, where new messages rise in fr","s":"hextaui","c":"ai-agent/ai-agent","sb":"Chat","vn":2,"hc":1},{"id":"hextaui:native-select","t":"Native select","d":"The browser's own select, styled to match Input, with a quiet placeholder, Field support a","s":"hextaui","c":"inputs/select","vn":7,"hc":1},{"id":"hextaui:navigation-menu","t":"Navigation menu","d":"Site navigation with dropdowns, or one full-width panel that stays open while its content ","s":"hextaui","c":"navigation/top-nav","sb":"Mega menus","vn":4,"hc":1},{"id":"hextaui:number-flow","t":"Number flow","d":"Animated numbers where only the changed digits spin, with any Intl format and locale.","k":"motion","s":"hextaui","c":"motion/number-ticker","vn":1,"hc":1},{"id":"hextaui:pagination","t":"Pagination","d":"Page navigation that keeps every button in place, glides to the current page and jumps to ","s":"hextaui","c":"navigation/pagination","vn":6,"hc":1},{"id":"hextaui:popover","t":"Popover","d":"A floating panel anchored to a trigger that resizes smoothly with its content and follows ","s":"hextaui","c":"overlays/popover","vn":1,"hc":1},{"id":"hextaui:progress","t":"Progress","d":"A bar or ring that shows how far a task has come, eases between updates and slides while t","s":"hextaui","c":"data-viz/progress-bar","vn":10,"hc":1},{"id":"hextaui:questionnaire","t":"Questionnaire","d":"A step-by-step form that moves between questions with a sense of direction, shows real pro","s":"hextaui","c":"inputs/form-field","sb":"Whole forms","vn":5,"hc":1},{"id":"hextaui:radio-group","t":"Radio group","d":"Pick one option from a set, with a dot that hands off between choices and cards whose sele","s":"hextaui","c":"inputs/radio","vn":5,"hc":1},{"id":"hextaui:resizable","t":"Resizable","d":"Panels you can drag apart, with a quiet divider that wakes up on hover, sizes that glide o","k":"layout","s":"hextaui","c":"layout/split-pane","vn":6,"hc":1},{"id":"hextaui:safe-area","t":"Safe area","d":"A pointer safe triangle that keeps submenus and flyouts open while the cursor travels diag","k":"motion","s":"hextaui","c":"motion/cursor","hc":1},{"id":"hextaui:scroll-area","t":"Scroll area","d":"Native scrolling with a minimal scrollbar, edges that fade only where there’s more to see,","k":"layout","s":"hextaui","c":"layout/scroll-area","tg":["minimal"],"sy":["minimal"],"vn":9,"hc":1},{"id":"hextaui:select","t":"Select","d":"Pick one or more options from a list that opens on the current value, with typeahead, grou","s":"hextaui","c":"inputs/select","vn":8,"hc":1},{"id":"hextaui:separator","t":"Separator","d":"A hairline that divides content horizontally or vertically, with an optional label and a d","s":"hextaui","c":"inputs/form-field","vn":7,"hc":1},{"id":"hextaui:sheet","t":"Sheet","d":"A panel that slides in from any edge, with swipe-to-dismiss, scroll lock and stacked nesti","s":"hextaui","c":"overlays/sheet","vn":1,"hc":1},{"id":"hextaui:sidebar","t":"Sidebar","d":"An app sidebar that collapses to icons or off canvas, stays pinned under your header, and ","s":"hextaui","c":"navigation/sidebar","vn":8,"hc":1},{"id":"hextaui:skeleton","t":"Skeleton","d":"Placeholders that wait 150ms before showing, take the exact size of the content they wrap,","s":"hextaui","c":"status/skeleton","vn":7,"hc":1},{"id":"hextaui:slider","t":"Slider","d":"Pick a value or a range by dragging, tapping the track or using the keys, with jumps that ","s":"hextaui","c":"inputs/slider","vn":10,"hc":1},{"id":"hextaui:spinner","t":"Spinner","d":"A loading indicator with Apple-style ticks or a breathing ring that can wait before showin","s":"hextaui","c":"status/loader","sb":"Spinners","vn":4,"hc":1},{"id":"hextaui:switch","t":"Switch","d":"An on/off toggle you can tap, press or drag, with a thumb that stretches under your finger","s":"hextaui","c":"actions/switch","sb":"With icons","vn":8,"hc":1},{"id":"hextaui:table","t":"Table","d":"A responsive table with a surface style, wrapping or compact cells, sticky headers, pinned","s":"hextaui","c":"data-display/table","vn":9,"hc":1},{"id":"hextaui:tabs","t":"Tabs","d":"Switch between views with an indicator that slides to the active tab, as a segmented contr","s":"hextaui","c":"navigation/tabs","vn":7,"hc":1},{"id":"hextaui:textarea","t":"Textarea","d":"Multi-line text that grows smoothly with what you write between a minimum and maximum numb","s":"hextaui","c":"inputs/textarea","vn":5,"hc":1},{"id":"hextaui:toast","t":"Toast","d":"Brief messages that stack neatly, expand on hover, swipe away, and turn a loading state in","s":"hextaui","c":"overlays/toast","vn":1,"hc":1},{"id":"hextaui:toggle","t":"Toggle","d":"A button that stays on or off, with a fill that settles in when pressed, a clear hover-to-","s":"hextaui","c":"actions/switch","vn":10,"hc":1},{"id":"hextaui:tooltip","t":"Tooltip","d":"A short hint on hover or keyboard focus that opens after a brief rest, switches instantly ","s":"hextaui","c":"overlays/tooltip","vn":1,"hc":1},{"id":"hextaui:tree","t":"Tree","d":"Nested, expandable rows for files and hierarchies, with indent guides, connector lines, ca","s":"hextaui","c":"data-display/tree","vn":10,"hc":1},{"id":"hextaui:video-player","t":"Video player","d":"A video player with a scrubbable seek bar, auto-hiding controls, keyboard shortcuts, speed","s":"hextaui","c":"media/player","vn":7,"hc":1},{"id":"hextaui:all","t":"All components","d":"Every HextaUI component, the theme, shared libs and hooks in one install.","s":"hextaui","c":"other/other"},{"id":"hextaui:hairline-demo","t":"Hairline demo","d":"The main Hairline demo from the docs.","s":"hextaui","c":"other/other","hc":1},{"id":"hextaui:hairline-list","t":"Hairline: Lists and cards","d":"The Lists and cards example from the Hairline docs.","s":"hextaui","c":"data-display/list","hc":1},{"id":"hextaui:scroll-fade-demo","t":"Scroll fade demo","d":"The main Scroll fade demo from the docs.","k":"layout","s":"hextaui","c":"layout/scroll-area","hc":1},{"id":"hextaui:scroll-fade-edge","t":"Scroll fade: One edge","d":"The One edge example from the Scroll fade docs.","k":"layout","s":"hextaui","c":"layout/scroll-area","hc":1},{"id":"hextaui:scroll-fade-horizontal","t":"Scroll fade: Horizontal","d":"The Horizontal example from the Scroll fade docs.","k":"layout","s":"hextaui","c":"layout/scroll-area","hc":1},{"id":"hextaui:shimmer-demo","t":"Shimmer demo","d":"The main Shimmer demo from the docs.","k":"motion","s":"hextaui","c":"motion/text-effect","hc":1},{"id":"hextaui:shimmer-options","t":"Shimmer: Options","d":"The Options example from the Shimmer docs.","k":"motion","s":"hextaui","c":"motion/text-effect","hc":1},{"id":"hexui:banner-1","t":"Banner #1","d":"A dismissible announcement bar","s":"hexui","c":"overlays/alert-banner","hc":1},{"id":"hexui:banner-2","t":"Banner #2","d":"A full-width dismissible announcement bar","s":"hexui","c":"overlays/alert-banner","hc":1},{"id":"hexui:cta-1","t":"Cta #1","d":"A simple full-width CTA section","k":"section","s":"hexui","c":"marketing/cta","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"hexui:cta-2","t":"Cta #2","d":"A simple CTA section with spacious padding","k":"section","s":"hexui","c":"marketing/cta","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"hexui:cta-3","t":"Cta #3","d":"A CTA section designed to showcase mobile product mockups","k":"section","s":"hexui","c":"marketing/cta","hc":1},{"id":"hexui:cta-4","t":"Cta #4","d":"A split CTA section built to display large amounts of information","k":"section","s":"hexui","c":"marketing/cta","hc":1},{"id":"hexui:faq-1","t":"Faq #1","d":"A simple and professional FAQ section with collapsible questions and answers","k":"section","s":"hexui","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"hexui:faq-2","t":"Faq #2","d":"A simple and professional FAQ section with categorized collapsible questions and answers","k":"section","s":"hexui","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"hexui:faq-3","t":"Faq #3","d":"A simple FAQ section arranged in a clean grid layout","k":"section","s":"hexui","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"hexui:faq-4","t":"Faq #4","d":"A simple FAQ section with icons arranged in a clean grid layout","k":"section","s":"hexui","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"hexui:footer-1","t":"Footer #1","d":"A simple, professional footer that includes a subscription form","k":"section","s":"hexui","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"hexui:footer-2","t":"Footer #2","d":"A simple footer with social media buttons and language switching","k":"section","s":"hexui","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"hexui:footer-3","t":"Footer #3","d":"Footer for organizations that place typography at the bottom","k":"section","s":"hexui","c":"marketing/footer","hc":1},{"id":"hexui:footer-4","t":"Footer #4","d":"A simple footer for portfolios with a signature","k":"section","s":"hexui","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"hexui:footer-5","t":"Footer #5","d":"A footer with interactive text that responds to pointer movement","k":"section","s":"hexui","c":"marketing/footer","hc":1},{"id":"hexui:hero-1","t":"Hero #1","d":"A simple and versatile hero section","k":"section","s":"hexui","c":"marketing/hero","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"hexui:hero-2","t":"Hero #2","d":"A hero section designed to showcase media content","k":"section","s":"hexui","c":"marketing/hero","hc":1},{"id":"hexui:hero-3","t":"Hero #3","d":"A simple horizontally aligned hero section","k":"section","s":"hexui","c":"marketing/hero","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"hexui:hero-4","t":"Hero #4","d":"A hero section with bold visuals that emphasize brand presence","k":"section","s":"hexui","c":"marketing/hero","hc":1},{"id":"hexui:hero-5","t":"Hero #5","d":"A hero section with a large background image and centered content to present a brand or pr","k":"section","s":"hexui","c":"marketing/hero","hc":1},{"id":"hexui:login-1","t":"Login #1","d":"A simple login form","k":"layout","s":"hexui","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"hexui:login-2","t":"Login #2","d":"A login form with social sign-in options below the credentials","k":"layout","s":"hexui","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"hexui:login-3","t":"Login #3","d":"A login form with a customizable side background","k":"layout","s":"hexui","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"hexui:login-4","t":"Login #4","d":"A login form with a customizable side background and a testimonial panel","k":"layout","s":"hexui","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"hexui:sidebar-1","t":"Sidebar #1","d":"A sidebar for a note-taking application.","s":"hexui","c":"navigation/sidebar","hc":1},{"id":"hexui:sidebar-2","t":"Sidebar #2","d":"A sidebar built for developer app dashboards","s":"hexui","c":"navigation/sidebar","hc":1},{"id":"hexui:sidebar-3","t":"Sidebar #3","d":"A sidebar designed for AI applications","s":"hexui","c":"navigation/sidebar","hc":1},{"id":"hexui:social-proof-companies-1","t":"Social Proof Companies 1","d":"A social proof section that displays brand logos in a grid layout","k":"section","s":"hexui","c":"marketing/testimonials","hc":1},{"id":"hexui:social-proof-companies-2","t":"Social Proof Companies 2","d":"A social proof section with animated brand logos arranged in a grid layout","k":"section","s":"hexui","c":"marketing/testimonials","hc":1},{"id":"hexui:social-proof-companies-3","t":"Social Proof Companies 3","d":"A social proof section with brand logos arranged in a grid layout and hover interactions t","k":"section","s":"hexui","c":"marketing/testimonials","hc":1},{"id":"hexui:social-proof-companies-4","t":"Social Proof Companies 4","d":"A social proof section that showcases brand logos in a marquee layout","k":"section","s":"hexui","c":"marketing/testimonials","hc":1},{"id":"hexui:social-proof-testimonials-1","t":"Social Proof Testimonials 1","d":"A social proof section with expert testimonial cards arranged in a grid layout","k":"section","s":"hexui","c":"marketing/testimonials","hc":1},{"id":"hexui:social-proof-testimonials-2","t":"Social Proof Testimonials 2","d":"A social proof section that displays expert testimonial cards in a marquee layout","k":"section","s":"hexui","c":"marketing/testimonials","hc":1},{"id":"hexui:marquee","t":"Marquee","d":"A marquee component that infinitely scrolls content in a horizontal or vertical direction.","k":"motion","s":"hexui","c":"motion/marquee","hc":1},{"id":"hirael:multi-select","t":"Multi Select","d":"Chip-based multi-select with command-palette dropdown, search, select-all and a loading st","s":"hirael","c":"inputs/select","hc":1},{"id":"hirael:number-range","t":"Number Range","d":"Two-thumb slider paired with synced number inputs. Min/max/step, currency or unit formatti","s":"hirael","c":"inputs/slider","hc":1},{"id":"hirael:year-picker","t":"Year Picker","d":"Decade-grid year picker with keyboard nav, min/max bounds, single or range mode.","s":"hirael","c":"inputs/date-picker","hc":1},{"id":"hirael:tag-input","t":"Tag Input","d":"Chip input with paste-to-split, dedupe, validation hook and max tags.","s":"hirael","c":"inputs/tag-input","hc":1},{"id":"hirael:duration-input","t":"Duration Input","d":"Segmented duration field over days, hours, minutes and seconds. Digits auto-advance, arrow","s":"hirael","c":"inputs/form-field","hc":1},{"id":"hirael:number-field","t":"Number Field","d":"Number input with step buttons, arrow-key and hold-to-repeat stepping, min and max, and In","s":"hirael","c":"inputs/number-input","hc":1},{"id":"hirael:segmented-control","t":"Segmented Control","d":"Single-choice control with a sliding thumb. Keyboard works like a radio group and mirrors ","s":"hirael","c":"actions/segmented-control","hc":1},{"id":"hirael:autocomplete","t":"Autocomplete","d":"A free-text input with suggestions from a local list or an async search, with optional inl","s":"hirael","c":"inputs/combobox","hc":1},{"id":"hirael:checkbox-group","t":"Checkbox Group","d":"A group of checkboxes with a select-all parent, nested groups, min and max limits, and an ","s":"hirael","c":"inputs/checkbox","hc":1},{"id":"hirael:lazy-select","t":"Lazy Select","d":"Autocomplete single-select that defers loading until open and pages through results on scr","s":"hirael","c":"inputs/select","hc":1},{"id":"hirael:password-input","t":"Password Input","d":"Password field with a show/hide toggle and an optional pluggable strength meter.","s":"hirael","c":"inputs/form-field","sb":"Password","hc":1},{"id":"hirael:currency-input","t":"Currency Input","d":"Locale-aware grouping with currency-symbol prefix and configurable decimal precision.","s":"hirael","c":"inputs/form-field","hc":1},{"id":"hirael:phone-input","t":"Phone Input","d":"Phone number field with a country dial-code picker and E.164 output from libphonenumber-js","s":"hirael","c":"inputs/form-field","sb":"Phone","hc":1},{"id":"hirael:file-dropzone","t":"File Dropzone","d":"Drag-and-drop or click upload zone on react-dropzone, with a file list, type and size vali","s":"hirael","c":"inputs/file-upload","hc":1},{"id":"hirael:rating","t":"Rating","d":"Star rating with hover preview, half-star precision, read-only mode and sm / md / lg sizes","s":"hirael","c":"inputs/rating","hc":1},{"id":"hirael:timeline","t":"Timeline","d":"Vertical event timeline with default or icon dots, tone variants and labelled time / title","s":"hirael","c":"data-display/timeline","hc":1},{"id":"hirael:kbd-button","t":"Kbd Button","d":"A pressable 3D keycap with hover lift and a pressed state, for shortcut legends and keyboa","s":"hirael","c":"actions/button","tg":["3d"],"sy":["3d"],"hc":1},{"id":"hirael:callout","t":"Callout","d":"MDX-style admonition with neutral / info / success / warning / destructive variants, Callo","s":"hirael","c":"overlays/alert-banner","hc":1},{"id":"hirael:scroll-progress","t":"Scroll Progress","d":"Fixed reading progress bar. Tracks document scroll by default or a scoped container ref.","s":"hirael","c":"data-viz/progress-bar","hc":1},{"id":"hirael:hero-01","t":"Beam Shader Hero","d":"Full-bleed hero card over an animated light-beam shader, with a glass pill nav, a trust ba","k":"section","s":"hirael","c":"marketing/hero","tg":["glass","webgl"],"sb":"Animated background","sy":["glass","webgl"],"hc":1},{"id":"hirael:hero-02","t":"Gradient Stripe Hero","d":"Centered hero over animated gradient bars, with a release pill, a serif headline with an u","k":"section","s":"hirael","c":"marketing/hero","tg":["gradient","webgl"],"sb":"Animated background","sy":["gradient","webgl"],"hc":1},{"id":"hirael:hero-03","t":"Hero with Logo Cloud","d":"Editorial centered hero on a faded grid, with a serif headline, sub-copy, dual CTA and a l","k":"section","s":"hirael","c":"marketing/hero","hc":1},{"id":"hirael:hero-04","t":"Image Banner Hero","d":"Full-bleed image-banner hero with a dark scrim, a slim nav, a serif headline and dual CTA ","k":"section","s":"hirael","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"hirael:hero-05","t":"Aurora Shader Hero","d":"Full-bleed hero card over an animated aurora shader, with a pill nav, a live status pill, ","k":"section","s":"hirael","c":"marketing/hero","tg":["gradient","webgl"],"sb":"Animated background","sy":["gradient","webgl"],"hc":1},{"id":"hirael:feature-01","t":"Alternating Feature Rows","d":"One bordered card of stacked stripes: a centered intro, three alternating rows pairing an ","k":"section","s":"hirael","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"],"hc":1},{"id":"hirael:feature-02","t":"Indexed Feature List","d":"Centered header above a six-item list of what every catalog item includes, laid out on hai","k":"section","s":"hirael","c":"marketing/features","sb":"Lists","hc":1},{"id":"hirael:pricing-01","t":"Three Tier Pricing","d":"Three-tier card row with a monthly/yearly toggle that swaps each price and billing note, a","k":"section","s":"hirael","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"],"hc":1},{"id":"hirael:pricing-02","t":"Pricing Comparison Table","d":"Plan comparison table with grouped feature rows and a per-plan CTA in the header; on small","k":"section","s":"hirael","c":"marketing/pricing","sb":"Comparison tables","hc":1},{"id":"hirael:pricing-03","t":"Animated Pricing Cards","d":"Three-tier card row with a monthly/yearly billing toggle that tweens the price, a featured","k":"section","s":"hirael","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"],"hc":1},{"id":"hirael:testimonial-01","t":"Single Quote Testimonial","d":"Centered single quote with stylized open-mark, author block (avatar, name, role, company) ","k":"section","s":"hirael","c":"marketing/testimonials","hc":1},{"id":"hirael:testimonial-02","t":"Masonry Testimonial Wall","d":"Masonry quote grid (CSS columns) with ~6 bordered quote cards of varying length and author","k":"section","s":"hirael","c":"marketing/testimonials","hc":1},{"id":"hirael:cta-01","t":"Split Install CTA","d":"Framed CTA card with headline and sub-copy on the left, and an install command with a copy","k":"section","s":"hirael","c":"marketing/cta","hc":1},{"id":"hirael:cta-02","t":"Centered Install CTA","d":"Full-bleed centered CTA with framing top/bottom rules, highlight underlay on the key word,","k":"section","s":"hirael","c":"marketing/cta","hc":1},{"id":"hirael:cta-03","t":"Dithered Shader CTA","d":"Full-bleed CTA card with an animated dithered shader backdrop, an eyebrow pill, a serif he","k":"section","s":"hirael","c":"marketing/cta","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"hirael:faq-01","t":"Sticky Numbered FAQ","d":"Two-column FAQ: sticky heading and a hairline help note on the start side, numbered accord","k":"section","s":"hirael","c":"marketing/faq","hc":1},{"id":"hirael:faq-02","t":"Two Column FAQ Grid","d":"Centered heading with two-column accordion grid below. Each row tagged with a Qn index.","k":"section","s":"hirael","c":"marketing/faq","hc":1},{"id":"hirael:faq-03","t":"Searchable FAQ","d":"Searchable FAQ with category tabs, a live-filtered accordion, an empty state for missed qu","k":"section","s":"hirael","c":"marketing/faq","hc":1},{"id":"hirael:faq-04","t":"Grouped Topics FAQ","d":"Framed single-column FAQ with side rules, a centered display header with a topic jump nav,","k":"section","s":"hirael","c":"marketing/faq","hc":1},{"id":"hirael:login-01","t":"Login Card","d":"Centered login card with monogram, email + password (using the password-input component), ","k":"layout","s":"hirael","c":"flows/sign-in","tg":["webgl"],"sb":"Sign in","sy":["webgl"],"hc":1},{"id":"hirael:login-02","t":"Login with Testimonial","d":"Two-pane login: form on the left, dark testimonial panel with quote and metrics on the rig","k":"layout","s":"hirael","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"hirael:signup-01","t":"Sign Up Card","d":"Centered signup card with monogram, name + email, strength-meter password-input, terms che","k":"layout","s":"hirael","c":"flows/sign-in","tg":["webgl"],"sb":"Sign up","sy":["webgl"],"hc":1},{"id":"hirael:forgot-password-01","t":"Forgot Password Card","d":"Centered reset-request card: email with inline validation and a pending submit, swapping t","k":"layout","s":"hirael","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"hirael:otp-verify-01","t":"OTP Verification Card","d":"Centered verification card built on InputOTP: six slots that fit a phone screen, paste sup","s":"hirael","c":"inputs/otp-input","hc":1},{"id":"hirael:header-01","t":"Sticky Blur Header","d":"Sticky top nav with brand monogram, centered anchor links, dual auth CTAs and a slide-down","s":"hirael","c":"navigation/top-nav","sb":"On scroll","hc":1},{"id":"hirael:header-02","t":"Shrinking Pill Header","d":"Floating nav that runs full width at the top of the page and shrinks into a blurred pill o","s":"hirael","c":"navigation/top-nav","sb":"Floating","hc":1},{"id":"hirael:header-03","t":"Mega Menu Header","d":"Sticky marketing header with Product, Solutions and Resources mega menus, each a two-colum","s":"hirael","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"hirael:footer-01","t":"Four Column Footer","d":"Brand + tagline column alongside Product / Company / Resources link columns, with a copyri","k":"section","s":"hirael","c":"marketing/footer","hc":1},{"id":"hirael:not-found-01","t":"404 with Suggestions","d":"Centered 404 with mono eyebrow, display headline, paired CTAs and a 'try one of these' sug","k":"page","s":"hirael","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"hirael:month-picker","t":"Month Picker","d":"4×3 month grid with year stepper, keyboard nav, min/max bounds, single or range mode.","s":"hirael","c":"inputs/date-picker","hc":1},{"id":"hirael:time-picker","t":"Time Picker","d":"Hour, minute and optional second scroll columns with 12/24h modes, step intervals and keyb","s":"hirael","c":"inputs/time-picker","hc":1},{"id":"hirael:color-picker","t":"Color Picker","d":"Color picker on react-colorful with HEX / RGB / HSL inputs (colord), an eyedropper where s","s":"hirael","c":"inputs/color-picker","hc":1},{"id":"hirael:avatar-stack","t":"Avatar Stack","d":"Overlapping avatar group with size (sm/md/lg) and spacing (tight/normal/loose) variants, i","s":"hirael","c":"data-display/avatar","hc":1},{"id":"hirael:announcement-bar","t":"Announcement Bar","d":"Top-of-page banner with default / primary / muted tones, optional dismiss button and local","k":"section","s":"hirael","c":"marketing/announcement","hc":1},{"id":"hirael:logo-cloud-01","t":"Logo Grid with Stats","d":"Centered eyebrow + headline above a 6-column bordered wordmark grid, with stat strip and c","k":"section","s":"hirael","c":"marketing/logos","hc":1},{"id":"hirael:logo-cloud-02","t":"Marquee Logo Cloud","d":"Two full-bleed marquee rows of wordmarks running in opposite directions, edges faded into ","k":"section","s":"hirael","c":"marketing/logos","hc":1},{"id":"hirael:logo-cloud-03","t":"Logo Strip with Quote","d":"Quiet single-row wordmark strip that brightens on hover, a rule, then a pull quote with an","k":"section","s":"hirael","c":"marketing/logos","hc":1},{"id":"hirael:logo-cloud-04","t":"Logo Tabs with Metrics","d":"Six customer wordmarks as tabs, each opening a proof panel with a metric, a short quote an","k":"resource","s":"hirael","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"hirael:contact-01","t":"Contact Form","d":"Production contact form with controlled state, inline validation, character counter, topic","k":"section","s":"hirael","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"hirael:blog-01","t":"Featured Post Blog Grid","d":"Editorial blog index with a featured post on top and a 4-column grid of post cards underne","k":"section","s":"hirael","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"hirael:blog-02","t":"Filterable Blog List","d":"Editorial post index as dated rows with a thumbnail that surfaces on hover, category tabs ","k":"section","s":"hirael","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"hirael:ecommerce-01","t":"Product Grid","d":"Product grid with category filter pills, sale and new badges, wishlist toggles, star ratin","k":"section","s":"hirael","c":"marketing/pricing","hc":1},{"id":"hirael:ecommerce-02","t":"Shopping Cart","d":"Shopping cart with capped quantity steppers, animated line-item removal, promo-code valida","k":"section","s":"hirael","c":"marketing/pricing","hc":1},{"id":"hirael:ecommerce-03","t":"Product Detail Page","d":"Product detail page with a thumbnail gallery, colour swatches, a size grid that knows what","s":"hirael","c":"navigation/wizard-steps","hc":1},{"id":"hirael:ecommerce-04","t":"Product Filter Sidebar","d":"Category page with a sticky filter sidebar (category counts that react to the other filter","s":"hirael","c":"navigation/sidebar","hc":1},{"id":"hirael:dashboard-01","t":"Operations Dashboard","d":"Operations dashboard with a Tabs date-range switcher (1d / 7d / 30d / 90d), a 4-up metric ","k":"layout","s":"hirael","c":"layout/dashboard","hc":1},{"id":"hirael:dashboard-02","t":"Analytics Dashboard","d":"Analytics dashboard with a date-range select, four sparkline KPI tiles, a layered two-seri","k":"layout","s":"hirael","c":"layout/dashboard","hc":1},{"id":"hirael:dashboard-03","t":"Revenue Dashboard","d":"Revenue dashboard with a month stepper, a plan-mix donut and legend, an invoice status lis","k":"layout","s":"hirael","c":"layout/dashboard","hc":1},{"id":"hirael:dashboard-04","t":"Commerce Dashboard","d":"Commerce operations dashboard in a card-in-card style: four inset stat tiles, a Today band","k":"layout","s":"hirael","c":"layout/dashboard","hc":1},{"id":"hirael:dashboard-05","t":"Observability Dashboard","d":"Observability dashboard composed as one bordered lattice: greeting strip with range select","k":"layout","s":"hirael","c":"layout/dashboard","hc":1},{"id":"hirael:integrations-01","t":"Hub and Spoke Integrations","d":"Two-column integrations section with copy and a linked integration list on the left, and a","k":"section","s":"hirael","c":"marketing/logos","hc":1},{"id":"hirael:integrations-02","t":"Integrations Card Grid","d":"Filterable connector grid: a category toggle group above a card grid, where each card conn","k":"section","s":"hirael","c":"marketing/logos","hc":1},{"id":"hirael:integrations-03","t":"Integrations with Request Form","d":"Two-column integrations page: a sticky intro with a request-an-integration popover form be","k":"section","s":"hirael","c":"marketing/logos","hc":1},{"id":"hirael:integrations-04","t":"Centered Hub Integrations","d":"Centered integrations section: heading and copy above a hub with 6 linked tool tiles on st","k":"section","s":"hirael","c":"marketing/logos","hc":1},{"id":"hirael:integrations-05","t":"Two Way Sync Integrations","d":"Centered integrations section with three source tools on one side and three targets on the","k":"section","s":"hirael","c":"marketing/logos","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"hirael:integrations-06","t":"Floating Tiles Integrations","d":"Centered integrations section with a row of tool tiles hung on a shallow arc over a faded ","k":"section","s":"hirael","c":"marketing/logos","hc":1},{"id":"hirael:integrations-07","t":"Featured Tool Integrations","d":"Two-column integrations section with copy and a call to action beside a 3 by 3 tile grid w","k":"section","s":"hirael","c":"marketing/logos","hc":1},{"id":"hirael:integrations-08","t":"Logo Row Integrations","d":"Minimal integrations section: a short heading, a single row of tool icons and a link to th","k":"resource","s":"hirael","c":"assets/logo","tg":["minimal"],"sb":"Dev tools","sy":["minimal"],"hc":1},{"id":"hirael:image-gallery-01","t":"Masonry Photo Gallery","d":"Studio-style masonry gallery with a Tabs category filter showing counts, photo tiles in va","s":"hirael","c":"media/gallery","sb":"Masonry","hc":1},{"id":"hirael:image-gallery-02","t":"Layout Switch Gallery","d":"Photo grid with a Grid and Rows layout switch, captions on hover or focus, and a lightbox ","s":"hirael","c":"media/gallery","hc":1},{"id":"hirael:app-shell-01","t":"Sidebar Admin Shell","d":"Drop-in admin shell built on the shadcn Sidebar primitive: collapsible icon rail with nav ","k":"layout","s":"hirael","c":"layout/dashboard","hc":1},{"id":"hirael:app-shell-02","t":"Top Nav Settings Shell","d":"Sidebar-free admin shell with a sticky top bar over a working settings screen: vertical ta","k":"layout","s":"hirael","c":"layout/dashboard","hc":1},{"id":"hirael:app-shell-03","t":"Inbox App Shell","d":"Split-pane inbox shell: icon rail with unread indicator, a searchable conversation listbox","k":"layout","s":"hirael","c":"layout/dashboard","hc":1},{"id":"hirael:app-shell-04","t":"Workspace Sidebar Shell","d":"Starter shell on the shadcn Sidebar primitive (inset variant): a workspace switcher that s","k":"layout","s":"hirael","c":"layout/dashboard","hc":1},{"id":"hirael:copy-button","t":"Copy Button","d":"Click-to-copy button with copied feedback, icon-only or labelled, ghost / outline variants","s":"hirael","c":"actions/copy-button","hc":1},{"id":"hirael:icon-stack","t":"Icon Stack","d":"Isometric stack of plates with an icon skewed onto the front face, for feature headers and","k":"resource","s":"hirael","c":"assets/icon","hc":1},{"id":"hirael:marquee","t":"Marquee","d":"Infinite scrolling row or column for logos and testimonials, with pause-on-hover, reverse ","k":"motion","s":"hirael","c":"motion/marquee","hc":1},{"id":"hirael:tree-view","t":"Tree View","d":"Collapsible nested tree for file explorers and hierarchical data, with auto folder/file ic","s":"hirael","c":"data-display/tree","tg":["3d"],"sy":["3d"],"hc":1},{"id":"hirael:animated-number","t":"Animated Number","d":"Count-up number that tweens to its target with easing, Intl formatting (currency, compact,","k":"motion","s":"hirael","c":"motion/number-ticker","hc":1},{"id":"hirael:stepper","t":"Stepper","d":"Multi-step progress indicator with horizontal and vertical orientation, completed / active","s":"hirael","c":"navigation/wizard-steps","hc":1},{"id":"hirael:sortable","t":"Sortable","d":"Drag-to-reorder list on dnd-kit: pointer and keyboard sorting, handle or whole-item draggi","s":"hirael","c":"data-display/list","sb":"Sortable","hc":1},{"id":"hirael:date-picker","t":"Date Picker","d":"Single-date picker: a trigger that formats the date, opening shadcn Calendar in a popover.","s":"hirael","c":"inputs/date-picker","hc":1},{"id":"hirael:date-range-picker","t":"Date Range Picker","d":"Range picker on shadcn Calendar: preset column, one or two months, and react-day-picker ma","s":"hirael","c":"inputs/date-range","hc":1},{"id":"hirael:mention-input","t":"Mention Input","d":"@-mention textarea with caret-anchored autocomplete, highlighted mention chips, async sear","s":"hirael","c":"inputs/combobox","hc":1},{"id":"hirael:rich-text-editor","t":"Rich Text Editor","d":"Tiptap editor with a formatting toolbar (headings, lists, links, highlight, alignment) and","s":"hirael","c":"inputs/textarea","hc":1},{"id":"hirael:inline-edit","t":"Inline Edit","d":"Click-to-edit text with preview, validation, async submit and confirm/cancel controls. Inp","s":"hirael","c":"inputs/form-field","hc":1},{"id":"hirael:signature-pad","t":"Signature Pad","d":"Signature capture on signature_pad: smooth ink, per-stroke undo, ink that follows the them","s":"hirael","c":"inputs/form-field","hc":1},{"id":"hirael:image-cropper","t":"Image Cropper","d":"Pan-and-zoom image cropper on react-easy-crop: rect or round mask, fixed aspect, zoom slid","s":"hirael","c":"media/gallery","hc":1},{"id":"hirael:image-compare","t":"Image Compare","d":"Before/after comparison slider with a draggable, keyboard-accessible divider, horizontal o","s":"hirael","c":"media/image-compare","hc":1},{"id":"hirael:lightbox","t":"Lightbox","d":"Fullscreen image lightbox on Radix Dialog with gallery navigation, zoom and pan, swipe ges","s":"hirael","c":"overlays/lightbox","hc":1},{"id":"hirael:countdown-timer","t":"Countdown Timer","d":"Count-down-to-date timer with boxed / inline / minimal variants, a useCountdown hook, digi","k":"motion","s":"hirael","c":"motion/number-ticker","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"hirael:relative-time","t":"Relative Time","d":"Live \"3 minutes ago\" label on a semantic <time>, formatted with Intl for any locale. Every","s":"hirael","c":"inputs/form-field","hc":1},{"id":"hirael:qr-code","t":"QR Code","d":"QR code on uqr, rendered as crisp SVG, with L/M/Q/H error correction, quiet-zone control a","s":"hirael","c":"other/other","hc":1},{"id":"hirael:calendar-heatmap","t":"Calendar Heatmap","d":"GitHub-style contribution heatmap with month and weekday labels, tooltips, configurable in","s":"hirael","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"hirael:code-block","t":"Code Block","d":"Code display with built-in dependency-free syntax highlighting via theme tokens, line numb","s":"hirael","c":"data-display/code-block","hc":1},{"id":"hirael:masonry","t":"Masonry","d":"True masonry layout that balances children into the shortest column by measured height, or","s":"hirael","c":"media/gallery","sb":"Masonry","hc":1},{"id":"hirael:audio-player","t":"Audio Player","d":"Composable audio player with play/pause, scrub-safe seek with buffered tint, skip, time re","s":"hirael","c":"media/player","hc":1},{"id":"hirael:video-player","t":"Video Player","d":"Composable video player with click or Space to play, scrub-safe seek with buffered tint, t","s":"hirael","c":"media/player","hc":1},{"id":"hirael:media-input","t":"Media Input","d":"Local media file picker that previews via an object URL; empty-state prompt, replace and c","s":"hirael","c":"inputs/form-field","hc":1},{"id":"hirael:tour","t":"Tour","d":"Onboarding spotlight that dims the page around a target element and walks users through st","s":"hirael","c":"navigation/wizard-steps","hc":1},{"id":"hirael:activity-feed","t":"Activity Feed","d":"Avatar-led event feed with a connecting rail, actor and action lines, timestamps, quoted b","s":"hirael","c":"data-display/timeline","hc":1},{"id":"hirael:audit-log","t":"Audit Log","d":"Compliance-style event log with expandable rows that reveal actor, action, status and requ","s":"hirael","c":"data-display/accordion","hc":1},{"id":"hirael:blur-reveal","t":"Blur Reveal","d":"Reveals content with a blur, fade and lift as it scrolls into view. Configurable delay, du","k":"motion","s":"hirael","c":"motion/text-effect","hc":1},{"id":"hirael:text-reveal","t":"Text Reveal","d":"Staggered text entrance that masks and slides each word, character or line into place on s","k":"motion","s":"hirael","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"hirael:text-shimmer","t":"Text Shimmer","d":"Text with a moving highlight for loading labels like \"Thinking...\". CSS only, follows the ","k":"motion","s":"hirael","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"hirael:scroll-reveal","t":"Scroll Reveal","d":"Fades and slides content in from any direction as it enters the viewport. Configurable dis","k":"layout","s":"hirael","c":"layout/scroll-area","hc":1},{"id":"hirael:spotlight-card","t":"Spotlight Card","d":"Card surface with a crisp spotlight that tracks the cursor and fades in on hover. Built on","s":"hirael","c":"data-display/card","tg":["neon"],"sb":"Animated and glowing","sy":["neon"],"hc":1},{"id":"hirael:magnetic-button","t":"Magnetic Button","d":"Button that pulls toward the cursor and springs back on leave. Adjustable strength, asChil","s":"hirael","c":"actions/button","sb":"Animated","hc":1},{"id":"hirael:cursor-glow","t":"Cursor Glow","d":"Ambient glow layer that follows the pointer across its container and fades when it leaves.","k":"motion","s":"hirael","c":"motion/background","tg":["neon"],"sb":"Gradients and aurora","sy":["neon"],"hc":1},{"id":"hirael:sparkles","t":"Sparkles","d":"Canvas particle field that drifts and twinkles behind any container. Density scales with s","k":"motion","s":"hirael","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"hirael:tilt-card","t":"Tilt Card","d":"3D pointer tilt with optional cursor-following glare and configurable max angle, scale and","s":"hirael","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"hc":1},{"id":"hirael:morphing-dialog","t":"Morphing Dialog","d":"A trigger card that morphs into a centered dialog via shared-layout animation, with focus ","s":"hirael","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"hirael:dock","t":"Dock","d":"macOS-style dock with cursor magnification: icons scale and spring as the pointer passes, ","s":"hirael","c":"navigation/dock","hc":1},{"id":"hirael:floating-action-button","t":"Floating Action Button","d":"Expanding speed-dial FAB: a primary trigger that rotates open to stagger a stack of second","s":"hirael","c":"actions/button","sb":"Animated","hc":1},{"id":"hirael:floating-toolbar","t":"Floating Toolbar","d":"Floating pill toolbar for text selection and canvas actions, with toggle buttons, separato","s":"hirael","c":"navigation/dock","hc":1},{"id":"hirael:split-view","t":"Split View","d":"Two-pane master/detail layout with a draggable, keyboard-accessible divider and min/max bo","k":"layout","s":"hirael","c":"layout/split-pane","hc":1},{"id":"hirael:inspector-panel","t":"Inspector Panel","d":"Design-tool inspector with a header, collapsible sections and label/control rows. Composab","s":"hirael","c":"data-display/card","hc":1},{"id":"hirael:tenant-switcher","t":"Tenant Switcher","d":"Workspace, organization or project switcher for multi-tenant apps. Logo or initials, plan ","k":"resource","s":"hirael","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"hirael:kpi-grid","t":"KPI Grid","d":"Hairline-joined grid of KPI tiles with label, value, an up/down/flat delta chip and a spar","s":"hirael","c":"data-display/stat","hc":1},{"id":"hirael:quick-actions","t":"Quick Actions","d":"Grid of dashboard shortcut tiles with icon, label and description; each opens a small form","k":"layout","s":"hirael","c":"layout/dashboard","hc":1},{"id":"hirael:notifications","t":"Notifications","d":"Notification panel with an All/Unread filter, mark all read, per-item mark read and dismis","s":"hirael","c":"overlays/notifications","hc":1},{"id":"hirael:billing-card","t":"Billing Card","d":"Current-plan summary with price, a usage meter, billing detail rows and footer actions. Co","s":"hirael","c":"data-display/card","hc":1},{"id":"hirael:subscription-plans","t":"Subscription Plans","d":"In-app plan selector with featured and current states, a badge, feature checklist and per-","k":"section","s":"hirael","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"hirael:api-keys","t":"API Keys","d":"API key manager with reveal/hide, copy-to-clipboard, key metadata and a create action. Shi","s":"hirael","c":"actions/copy-button","hc":1},{"id":"hirael:usage-dashboard","t":"Usage Dashboard","d":"Metered usage panel with per-resource progress bars that tint amber near the limit and red","k":"layout","s":"hirael","c":"layout/dashboard","hc":1},{"id":"hirael:creative-studio","t":"Creative Studio","d":"Dark, cinematic creative-studio landing page: a full-viewport hero with an animated backdr","k":"section","s":"hirael","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"hirael:agency-landing","t":"Agency Landing","d":"Bright, shader-lit agency landing page: a full-viewport hero with an animated WebGL backdr","k":"section","s":"hirael","c":"marketing/hero","tg":["webgl"],"sb":"Animated background","sy":["webgl"],"hc":1},{"id":"hirael:mindloop","t":"Mindloop","d":"Dark, monochrome newsletter landing page: a full-screen video hero with an inline subscrib","s":"hirael","c":"navigation/top-nav","tg":["glass"],"sy":["glass"],"hc":1},{"id":"hirael:portfolio","t":"Portfolio","d":"Dark, single-page personal portfolio: a counter loading screen, an HLS video hero with a f","s":"hirael","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"hirael:usd-halo","t":"USD Halo","d":"Premium fintech landing page for a stablecoin: a full-bleed video hero with a custom halo ","s":"hirael","c":"navigation/top-nav","hc":1},{"id":"hirael:rivr","t":"Rivr","d":"DeFi staking landing page for a fluid-asset protocol: a video hero on a rounded card with ","s":"hirael","c":"navigation/top-nav","tg":["glass"],"sy":["glass"],"hc":1},{"id":"hirael:velorah","t":"Velorah","d":"Dark, premium landing page for an electric RV brand: a full-screen video hero with liquid-","s":"hirael","c":"navigation/top-nav","tg":["glass"],"sy":["glass"],"hc":1},{"id":"hirael:asme","t":"Asme","d":"Dark, liquid-glass marketing landing page: a full-viewport hero with a cross-fading backgr","k":"section","s":"hirael","c":"marketing/hero","tg":["glass"],"sb":"Animated background","sy":["glass"],"hc":1},{"id":"hirael:prism","t":"Prism","d":"Dark, liquid-glass landing page for an AI web design agency: a fixed glass pill nav, a ful","s":"hirael","c":"navigation/top-nav","tg":["glass"],"sy":["glass"],"hc":1},{"id":"hirael:akor","t":"AKOR","d":"Dark landing page for an intelligent-security firm: a fixed uppercase navbar, a full-scree","s":"hirael","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"hirael:nexacore","t":"NexaCore","d":"Light enterprise-infrastructure landing page: a floating pill navbar that shrinks on scrol","s":"hirael","c":"navigation/top-nav","hc":1},{"id":"hirael:aurael","t":"Aurael","d":"Bilingual (EN/AR) landing page for a home-solar brand, built around a day/night control th","k":"section","s":"hirael","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"hirael:novael","t":"Novael","d":"Bilingual (EN/AR) landing page for a technology services firm: a fixed scroll-spy navbar o","s":"hirael","c":"navigation/top-nav","hc":1},{"id":"hirael:hero-06","t":"Personal Portfolio Hero","d":"Centered personal hero: a live \"available for work\" badge, a serif headline with a primary","k":"section","s":"hirael","c":"marketing/hero","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"hirael:hero-07","t":"Word Reveal Hero","d":"Centered hero with a word-by-word blur-in serif headline, a glass beta badge with a live d","k":"section","s":"hirael","c":"marketing/hero","tg":["glass"],"sb":"Animated background","sy":["glass"],"hc":1},{"id":"hirael:hero-08","t":"App Preview Hero","d":"Centered hero on a framed, token-lit panel: a pill badge, a serif headline with an italic ","k":"section","s":"hirael","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"hirael:testimonial-03","t":"Statement Quote Testimonial","d":"Centered statement quote with a serif display, an inline quote glyph in the corner, gradie","k":"section","s":"hirael","c":"marketing/testimonials","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"hirael:testimonial-04","t":"Testimonial Card Grid","d":"Three-column quote grid under a centered pill badge and word-by-word headline. Each card o","k":"section","s":"hirael","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"hirael:testimonial-05","t":"Case Study Carousel","d":"Customer stories carousel where each card leads with a measured result, then a short quote","k":"section","s":"hirael","c":"marketing/testimonials","hc":1},{"id":"hirael:cta-04","t":"Copy Email CTA","d":"Centered get-in-touch CTA with a pill eyebrow, serif headline, mail button, a copy-to-clip","k":"section","s":"hirael","c":"marketing/cta","tg":["neon"],"sb":"Newsletter and waitlist","sy":["neon"],"hc":1},{"id":"hirael:cta-05","t":"Email and Call CTA","d":"Contact CTA panel with a scroll-reactive radial glow, an eyebrow badge, a word-by-word rev","k":"section","s":"hirael","c":"marketing/cta","tg":["neon"],"sb":"Newsletter and waitlist","sy":["neon"],"hc":1},{"id":"hirael:cta-06","t":"Gradient Banner CTA","d":"CTA banner on one tokenized gradient surface: an eyebrow label, a serif headline with an i","k":"section","s":"hirael","c":"marketing/cta","tg":["gradient"],"sb":"Banners","sy":["gradient"],"hc":1},{"id":"hirael:footer-02","t":"Rounded Top Footer","d":"Rounded-top footer with a brand block beside a multi-column link grid. Each column caps at","k":"section","s":"hirael","c":"marketing/footer","hc":1},{"id":"hirael:footer-03","t":"Boxed Panel Footer","d":"Boxed link-column footer: a two-column brand block with wordmark, blurb, and ghost social ","k":"section","s":"hirael","c":"marketing/footer","hc":1},{"id":"hirael:footer-04","t":"Newsletter Footer","d":"Four-column footer lit by slow light rays falling from the top edge: brand mark and blurb,","k":"section","s":"hirael","c":"marketing/footer","hc":1},{"id":"hirael:faq-05","t":"Split Layout FAQ","d":"Two-column FAQ block: an eyebrow, serif headline and short intro sit on the start side; a ","k":"section","s":"hirael","c":"marketing/faq","hc":1},{"id":"hirael:faq-06","t":"Card Accordion FAQ","d":"Centered FAQ with a pill badge, a word-by-word headline reveal and a short intro above a m","k":"section","s":"hirael","c":"marketing/faq","hc":1},{"id":"hirael:contact-02","t":"Contact Info Grid","d":"Bordered contact section with a serif header and a three-column info grid: email with a co","k":"section","s":"hirael","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"],"hc":1},{"id":"hirael:contact-03","t":"Glow Contact Panel","d":"Centered contact panel whose bottom glow widens as the section scrolls into view, with a p","k":"section","s":"hirael","c":"marketing/marketing","tg":["neon"],"sb":"Contact","sy":["neon"],"hc":1},{"id":"hirael:contact-04","t":"Support Ticket Form","d":"Support contact section with a live reply-time line from fixed support hours, contact chan","k":"section","s":"hirael","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"hirael:login-03","t":"Split GitHub Login","d":"Split-screen sign-in: a decorative animated-paths aside with a brand mark and a short quot","k":"layout","s":"hirael","c":"flows/sign-in","tg":["minimal","neon"],"sb":"Split with image","sy":["minimal","neon"],"hc":1},{"id":"hirael:toc","t":"Table of Contents","d":"On-this-page navigation that tracks the active heading as you scroll and highlights it wit","s":"hirael","c":"navigation/table-of-contents","hc":1},{"id":"hirael:app-shell-05","t":"Documents App Shell","d":"Inset sidebar app shell: a collapsible icon sidebar with a brand header, grouped Workspace","k":"layout","s":"hirael","c":"layout/dashboard","hc":1},{"id":"hirael:app-shell-06","t":"Nested App Sidebar","d":"A nested app sidebar for shadcn/ui. Open a project or settings and the whole sidebar slide","k":"layout","s":"hirael","c":"layout/dashboard","hc":1},{"id":"hirael:dashboard-06","t":"Pipeline Runs Dashboard","d":"Pipeline overview dashboard: four stat cards for success, failure, skipped, and live activ","k":"layout","s":"hirael","c":"layout/dashboard","hc":1},{"id":"hirael:confirm","t":"Confirm","d":"Imperative confirmation dialog: a root provider plus a useConfirm hook that resolves a pro","s":"hirael","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"hirael:unsaved-guard","t":"Unsaved Guard","d":"Unsaved-changes guard: a root provider plus a useUnsavedGuard hook. Warns before reload, t","s":"hirael","c":"navigation/tabs","hc":1},{"id":"hirael:data-table","t":"Data Table","d":"TanStack-powered data table: faceted, text, range and date filters, sortable columns, colu","s":"hirael","c":"data-display/table","sb":"Data tables","hc":1},{"id":"hirael:process-01","t":"Getting Started Steps","d":"Team onboarding in three indexed steps (invite, connect tools, ship the first project), ea","k":"section","s":"hirael","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"],"hc":1},{"id":"hirael:process-02","t":"Install Steps Walkthrough","d":"Four-step install section. Picking a step fills the connector up to it and swaps in a deta","k":"section","s":"hirael","c":"marketing/features","sb":"Steps","hc":1},{"id":"hirael:feature-03","t":"Terminal Feature Bento","d":"Bento explaining install: a lead tile with the shadcn add command and the files it writes,","k":"section","s":"hirael","c":"marketing/features","tg":["retro and HUD"],"sb":"Bento","sy":["retro and HUD"],"hc":1},{"id":"hirael:feature-04","t":"Services Card Grid","d":"Services grid: a pill badge, title and intro over a three-column set of cards, each with a","k":"section","s":"hirael","c":"marketing/features","tg":["neon","webgl"],"sb":"Grid of cards","sy":["neon","webgl"],"hc":1},{"id":"hirael:feature-05","t":"Company Values Grid","d":"Values section: a centered header over a two-column, offset grid of six glass cards, each ","k":"section","s":"hirael","c":"marketing/features","tg":["glass"],"sb":"Grid of cards","sy":["glass"],"hc":1},{"id":"hirael:feature-06","t":"About Story Cards","d":"About section: a centered animated header over two equal story cards, each decorated with ","k":"section","s":"hirael","c":"marketing/features","tg":["gradient"],"sb":"Grid of cards","sy":["gradient"],"hc":1},{"id":"hirael:comparison-01","t":"Competitor Comparison","d":"Two-column us-and-them panel: a featured column of checked points beside a muted column of","k":"section","s":"hirael","c":"marketing/comparison","hc":1},{"id":"hirael:comparison-02","t":"Feature Matrix Comparison","d":"Three-column feature matrix with a highlighted middle column, mixed tick and text cells, a","k":"section","s":"hirael","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"hirael:comparison-03","t":"Before and After Comparison","d":"Before and after panels side by side, the old way muted with crosses and the new way ticke","k":"section","s":"hirael","c":"marketing/comparison","hc":1},{"id":"hirael:comparison-04","t":"Sticky Plan Comparison","d":"Three-plan feature matrix with a sticky plan header, a column highlight that follows the p","k":"section","s":"hirael","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"hirael:newsletter-01","t":"Newsletter Signup","d":"Centered subscribe panel with an inline email form, inline validation and a success state ","k":"section","s":"hirael","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"hirael:newsletter-02","t":"Referral Waitlist","d":"Waitlist form that validates the address, shows a brief loading state, then returns your p","k":"section","s":"hirael","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"hirael:careers-01","t":"Open Roles List","d":"Open-roles list with department filter pills and rows that show title, department, locatio","k":"section","s":"hirael","c":"marketing/marketing","sb":"Careers","hc":1},{"id":"hirael:careers-02","t":"Job Posting Page","d":"Single job posting with the role details, a numbered hiring process and a sticky apply for","k":"section","s":"hirael","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"hirael:hero-09","t":"Scroll Zoom Hero","d":"Full-viewport product hero on a rounded card that zooms out as the page scrolls: an inline","k":"section","s":"hirael","c":"marketing/hero","tg":["gradient","webgl"],"sb":"Animated background","sy":["gradient","webgl"],"hc":1},{"id":"hirael:feature-07","t":"Problem Framing Cards","d":"Problem-framing trio: a badge and serif headline with a muted second half above three card","k":"section","s":"hirael","c":"marketing/features","tg":["neon","webgl"],"sb":"Grid of cards","sy":["neon","webgl"],"hc":1},{"id":"hirael:feature-08","t":"Spotlight Feature Grid","d":"Six-card feature grid on hairline rails: each card carries an inline icon beside its title","k":"section","s":"hirael","c":"marketing/features","tg":["neon"],"sb":"Grid of cards","sy":["neon"],"hc":1},{"id":"hirael:feature-09","t":"Selectable Feature Bento","d":"Selectable catalog bento on a hairline grid: step cells with a large faded icon, title and","k":"section","s":"hirael","c":"marketing/features","sb":"Bento","hc":1},{"id":"hirael:feature-10","t":"Mixed Overview Bento","d":"Mixed-cell overview bento: a quote with attribution, two metric tiles, a latest-drop card ","k":"section","s":"hirael","c":"marketing/features","tg":["webgl"],"sb":"Bento","sy":["webgl"],"hc":1},{"id":"hirael:feature-11","t":"Vertical Feature Tabs","d":"Feature switcher for a shared inbox: a vertical tab list of three capabilities beside a pa","k":"section","s":"hirael","c":"marketing/features","tg":["webgl"],"sb":"Tabs","sy":["webgl"],"hc":1},{"id":"hirael:bento-01","t":"Developer Platform Bento","d":"A developer platform bento where a deploy log streams when you press Deploy, region latenc","k":"layout","s":"hirael","c":"layout/bento-grid","hc":1},{"id":"hirael:bento-02","t":"Team Collaboration Bento","d":"A team collaboration bento with live presence you can follow, a comment thread you can rep","k":"layout","s":"hirael","c":"layout/bento-grid","hc":1},{"id":"hirael:bento-03","t":"Analytics Bento","d":"An analytics bento where a range toggle, segment chips and saved reports drive one shared ","k":"layout","s":"hirael","c":"layout/bento-grid","tg":["playful"],"sy":["playful"],"hc":1},{"id":"hirael:bento-04","t":"Security Compliance Bento","d":"A security and compliance bento with a live audit trail you can pause, a role permission m","k":"layout","s":"hirael","c":"layout/bento-grid","hc":1},{"id":"hirael:pricing-04","t":"Featured Glow Pricing","d":"Three-tier pricing row with a monthly/yearly toggle, an uppercase plan label, a large pric","k":"section","s":"hirael","c":"marketing/pricing","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"hirael:pricing-05","t":"Usage Pricing Calculator","d":"Usage pricing calculator with sliders for active users and build minutes, a priority suppo","k":"section","s":"hirael","c":"marketing/pricing","sb":"Usage and sliders","hc":1},{"id":"hirael:faq-07","t":"Topic Index FAQ","d":"Split FAQ: a heading, lead and numbered topic index on the start side; picking a topic ope","k":"section","s":"hirael","c":"marketing/faq","hc":1},{"id":"hirael:cta-07","t":"Glow Border CTA","d":"Closing CTA panel wrapped in a scroll-reactive primary rim glow that widens as the section","k":"section","s":"hirael","c":"marketing/cta","tg":["neon"],"sy":["neon"],"hc":1},{"id":"hirael:hero-10","t":"Blurred Image Hero","d":"Bordered hero card over a blurred full-bleed image: a rocket badge, a large centered headl","k":"section","s":"hirael","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"hirael:footer-06","t":"CTA Panel Footer","d":"Two-part footer: a bordered CTA panel over a rotated, blurred image with a headline, sub-c","k":"section","s":"hirael","c":"marketing/footer","hc":1},{"id":"hirael:footer-05","t":"Floating Card Footer","d":"Floating card footer inset from the page edge: a brand block with mark and tagline, three ","k":"section","s":"hirael","c":"marketing/footer","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"hirael:status-01","t":"Uptime Status Page","d":"Service status page: an operational banner with an inline check, a 90-day uptime grid of t","k":"page","s":"hirael","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"hirael:status-02","t":"Service Health Grid","d":"Service health cards in a responsive grid: each with a status dot, a response-time sparkli","k":"section","s":"hirael","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"hirael:metric-card","t":"Metric Card","d":"Compact metric card with a value and unit, a tone-aware sparkline and an up / down trend l","s":"hirael","c":"data-display/stat","hc":1},{"id":"hirael:yaml-editor","t":"YAML Editor","d":"Editable code field with dependency-free YAML syntax highlighting, a line-number gutter an","s":"hirael","c":"inputs/textarea","hc":1},{"id":"hirael:server-card","t":"Server Card","d":"Fleet of host cards, each with a status pill, region, CPU / memory / disk specs and thresh","s":"hirael","c":"data-display/card","hc":1},{"id":"hirael:vm-table","t":"VM Table","d":"Virtual-machine instance table with live status dots, size, region, IP and uptime. Self-co","s":"hirael","c":"data-display/table","hc":1},{"id":"hirael:k8s-pod-table","t":"Kubernetes Pod Table","d":"Kubernetes pod table with phase pills (Running, Pending, CrashLoopBackOff), ready and rest","s":"hirael","c":"data-display/table","hc":1},{"id":"hirael:resource-status","t":"Resource Status","d":"Statuspage-style panel: an overall banner over a list of resources, each with an operation","k":"page","s":"hirael","c":"pages/templates","hc":1},{"id":"hirael:cluster-map","t":"Cluster Map","d":"Grid heatmap of cluster nodes, each cell tinted by health and load with a hover label, plu","s":"hirael","c":"data-viz/map","hc":1},{"id":"hirael:network-topology","t":"Network Topology","d":"Coordinate-placed topology diagram: nodes with status and icons over an SVG edge layer, wi","k":"resource","s":"hirael","c":"assets/icon","hc":1},{"id":"hirael:storage-browser","t":"Storage Browser","d":"Object-storage file browser with a clickable path breadcrumb, folder and file rows, sizes ","s":"hirael","c":"navigation/breadcrumb","hc":1},{"id":"hirael:log-viewer","t":"Log Viewer","d":"Streaming log panel with severity-colored lines, timestamps and sources, a level filter wi","s":"hirael","c":"actions/switch","hc":1},{"id":"hirael:terminal","t":"Terminal","d":"Terminal surface with a title bar, output lines and an interactive prompt input with comma","s":"hirael","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"hirael:deployment-history","t":"Deployment History","d":"Deployment feed on a connecting rail: version, environment and status (deployed, failed, b","s":"hirael","c":"data-display/timeline","hc":1},{"id":"hirael:kanban","t":"Kanban","d":"Board of columns and cards on dnd-kit: pointer and keyboard drag-and-drop across columns, ","s":"hirael","c":"data-display/kanban","hc":1},{"id":"hirael:sparkline","t":"Sparkline","d":"Tiny inline chart on recharts in line, area or bar form with optional curve, last-point do","s":"hirael","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"hirael:gauge","t":"Gauge","d":"Radial SVG gauge for a single reading on a scale, with threshold bands that recolour the a","s":"hirael","c":"data-viz/gauge","hc":1},{"id":"hirael:meter","t":"Meter","d":"Linear meter for how much of a limit is used, like storage or an API quota, with stacked s","s":"hirael","c":"data-viz/gauge","hc":1},{"id":"hirael:json-viewer","t":"JSON Viewer","d":"Collapsible JSON tree with typed value colors, item counts on closed nodes, long-string tr","s":"hirael","c":"data-display/json-viewer","hc":1},{"id":"hirael:cron-editor","t":"Cron Editor","d":"Visual cron builder kept in sync with the raw expression. Presets, per-field modes, valida","s":"hirael","c":"inputs/textarea","hc":1},{"id":"hirael:country-select","t":"Country Select","d":"Searchable country picker with flag emoji, pinned countries, optional dial codes, and sing","s":"hirael","c":"inputs/select","hc":1},{"id":"hirael:command-palette","t":"Command Palette","d":"Keyboard-first command menu with a platform shortcut, nested pages, remembered recents and","s":"hirael","c":"navigation/command-palette","hc":1},{"id":"hirael:address-input","t":"Address Input","d":"Postal address field group that follows the selected country: which fields appear, the ord","s":"hirael","c":"inputs/form-field","sb":"Address","hc":1},{"id":"hirael:credit-card-input","t":"Credit Card Input","d":"Card number, expiry, and CVC in one row with brand detection, per-brand grouping, Luhn and","s":"hirael","c":"inputs/form-field","sb":"Payment","hc":1},{"id":"hirael:emoji-picker","t":"Emoji Picker","d":"Emoji picker on frimousse: the full emoji set by category, search, skin tones, keyboard na","s":"hirael","c":"inputs/select","hc":1},{"id":"hirael:avatar-upload","t":"Avatar Upload","d":"Click or drop an image, crop it to a circle or square with zoom, and preview the result. I","s":"hirael","c":"inputs/file-upload","hc":1},{"id":"hirael:settings-01","t":"Account Settings Page","d":"Account settings page with a sticky section nav, card sections with label/control rows tha","k":"layout","s":"hirael","c":"flows/settings","hc":1},{"id":"hirael:settings-02","t":"Security Settings Tabs","d":"Security and notifications settings in tabs: change password with strength meter, two-fact","k":"layout","s":"hirael","c":"flows/settings","hc":1},{"id":"hirael:members-01","t":"Team Members Manager","d":"Team members management: live search, inline role select, status badges, row actions menu,","k":"section","s":"hirael","c":"marketing/team","hc":1},{"id":"hirael:onboarding-01","t":"Onboarding Wizard","d":"Four-step setup wizard on the Stepper: controlled or uncontrolled step, per-step validatio","s":"hirael","c":"navigation/wizard-steps","hc":1},{"id":"hirael:two-factor-setup-01","t":"Two Factor Setup","d":"Three-step 2FA enrollment card: scan a real otpauth QR or copy the key, confirm a six-digi","k":"layout","s":"hirael","c":"flows/sign-in","tg":["webgl"],"sb":"Sign in","sy":["webgl"],"hc":1},{"id":"hirael:coming-soon-01","t":"Countdown Coming Soon","d":"Full-viewport launch page with a live countdown, an email notify form that shows an inline","k":"page","s":"hirael","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"hirael:coming-soon-02","t":"Sparkle Coming Soon","d":"Full-viewport launch teaser: a pill badge, a word-by-word serif headline, sub-copy and an ","k":"page","s":"hirael","c":"pages/templates","tg":["neon"],"sb":"Error and status pages","sy":["neon"],"hc":1},{"id":"hirael:maintenance-01","t":"Scheduled Maintenance Page","d":"Scheduled maintenance page with a pulsing status dot, window card showing start, expected ","k":"page","s":"hirael","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"hirael:maintenance-02","t":"Offline Maintenance Page","d":"Full-viewport offline page with a blurred primary glow and a sparkle field behind a pill b","k":"page","s":"hirael","c":"pages/templates","tg":["neon"],"sb":"Error and status pages","sy":["neon"],"hc":1},{"id":"hirael:error-01","t":"Server Error Page","d":"500 page with a retry action, home link, collapsible technical details (request id, timest","k":"page","s":"hirael","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"hirael:team-01","t":"Meet the Team","d":"Team section with a serif headline, a department filter, a grid of members with portraits ","k":"section","s":"hirael","c":"marketing/team","hc":1},{"id":"hirael:team-02","t":"Team Profiles with Skills","d":"Single-profile experience section: a four-up metric strip, a bio card with a grid-pattern ","k":"section","s":"hirael","c":"marketing/team","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"hirael:team-03","t":"Distributed Team Directory","d":"Distributed team directory grouped by department, showing each person’s live local time an","k":"section","s":"hirael","c":"marketing/team","hc":1},{"id":"hirael:stats-01","t":"Count Up Stats","d":"Metrics band with four large numbers that count up on scroll, labels, optional deltas, and","s":"hirael","c":"data-display/stat","hc":1},{"id":"hirael:stats-02","t":"Stats with Sparklines","d":"Four metric tiles with a 4w, 12w or 52w range toggle that swaps each figure, trend chip an","s":"hirael","c":"data-display/stat","hc":1},{"id":"hirael:stats-03","t":"Stats with Targets","d":"Split stats section: a short growth story on one side, four metrics tracked against their ","s":"hirael","c":"data-display/stat","hc":1},{"id":"hirael:cookie-consent","t":"Cookie Consent","d":"Floating consent banner with per-category switches, accept, reject, and save actions, and ","s":"hirael","c":"overlays/alert-banner","hc":1},{"id":"hirael:changelog-01","t":"Changelog Timeline","d":"Release notes with a sticky date rail, version badges, New / Improved / Fixed tags, a subs","k":"section","s":"hirael","c":"marketing/marketing","hc":1},{"id":"hirael:changelog-02","t":"Public Roadmap Board","d":"Public roadmap board with Now, Next and Later columns. Every item can be upvoted, the boar","k":"section","s":"hirael","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"hirael:not-found-02","t":"Framed 404 Page","d":"A 404 page framed by side rails, with a photo, an error code, a home link and a band of po","k":"page","s":"hirael","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"hirael:page-header-01","t":"Detail Page Header","d":"Detail page header with a breadcrumb that collapses on small screens, a status badge, owne","s":"hirael","c":"navigation/top-nav","hc":1},{"id":"hirael:page-header-02","t":"Tabbed Page Header","d":"Workspace header with a primary action and line tabs for Overview, Members, Billing and Se","s":"hirael","c":"navigation/top-nav","hc":1},{"id":"hirael:page-header-03","t":"Filter Toolbar Page Header","d":"Invoice list header with a live count, a New invoice dialog and a toolbar for search, stat","s":"hirael","c":"navigation/top-nav","hc":1},{"id":"hirael:page-header-04","t":"Analytics Page Header","d":"Analytics header with a 7, 30 or 90 day range and CSV export, above a strip of four metric","s":"hirael","c":"navigation/top-nav","hc":1},{"id":"hirael:empty-state-01","t":"First Run Empty State","d":"A first-run projects panel. Create a project with a validated name or import a GitHub repo","s":"hirael","c":"data-display/empty-state","hc":1},{"id":"hirael:empty-state-02","t":"No Results Empty State","d":"A customer list with search and plan and status filters. When nothing matches, it repeats ","s":"hirael","c":"data-display/empty-state","hc":1},{"id":"hirael:empty-state-03","t":"Load Error Empty State","d":"A deployments panel that failed to load, with a copyable error reference and a support lin","s":"hirael","c":"data-display/empty-state","hc":1},{"id":"hirael:empty-state-04","t":"Invite Members Empty State","d":"A members panel with an invite form inside the empty state. Invites are validated and list","s":"hirael","c":"data-display/empty-state","hc":1},{"id":"hirael:search-01","t":"Faceted Docs Search","d":"Docs search with type, product area and date facets whose counts reflect the other active ","s":"hirael","c":"inputs/search","hc":1},{"id":"hirael:search-02","t":"Search Suggestions Dropdown","d":"Search field with a suggestion dropdown: recent and popular searches when empty, matching ","s":"hirael","c":"inputs/search","hc":1},{"id":"hirael:search-03","t":"Search Results Page","d":"Search results page with type tabs and counts, results laid out for docs, people and files","s":"hirael","c":"inputs/search","hc":1},{"id":"hirael:search-04","t":"Help Center Search","d":"Help center search section with popular topics that fill the query, live matching articles","s":"hirael","c":"inputs/search","hc":1},{"id":"hirael:survey-01","t":"NPS Survey","d":"NPS card built on Questionnaire: a 0 to 10 scale with number-key shortcuts, then a require","s":"hirael","c":"inputs/rating","hc":1},{"id":"hirael:survey-02","t":"Feedback Survey","d":"Four-question feedback card built on the Questionnaire: single choice, pick up to 3, a 1 t","k":"section","s":"hirael","c":"marketing/faq","hc":1},{"id":"hirael:survey-03","t":"Cancellation Survey","d":"Plan card with a cancellation survey in a dialog, built on Questionnaire. The reason you p","k":"section","s":"hirael","c":"marketing/pricing","hc":1},{"id":"hirael:survey-04","t":"Conversational Survey","d":"Full-height survey that shows one question per screen, with letter-key answers, Enter to c","s":"hirael","c":"data-viz/progress-bar","hc":1},{"id":"hirael:chart-01","t":"Revenue Bar Chart","d":"Monthly revenue bar chart by plan with a year select, a stacked or grouped toggle, totals ","s":"hirael","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"hirael:chart-02","t":"Traffic Area Chart","d":"Traffic area charts for visitors and signups with a 7, 30 or 90 day range, legend cards th","s":"hirael","c":"data-viz/chart","sb":"Area","hc":1},{"id":"hirael:chart-03","t":"Channel Donut Chart","d":"Revenue by channel donut with the total in the centre and a ranked list of value, share an","s":"hirael","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"hirael:chart-04","t":"Conversion Funnel Chart","d":"Signup funnel from visited to subscribed, showing the count, share of visitors, step conve","s":"hirael","c":"data-viz/chart","tg":["playful"],"sb":"Flow and funnel","sy":["playful"],"hc":1},{"id":"hirael:chat-01","t":"Two Pane Messenger","d":"Messenger with a searchable conversation list, unread counts that clear when opened, and a","s":"hirael","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"hirael:chat-02","t":"Support Chat Widget","d":"Floating support widget with the typical reply time, quick replies, an agent that answers ","s":"hirael","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"hirael:chat-03","t":"Team Channel with Threads","d":"Team channel with emoji reactions, a pinned message, @mentions in the composer, and replie","s":"hirael","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"hirael:chat-04","t":"Shared Inbox","d":"Shared customer inbox with Open, Snoozed and Closed tabs, an assignee filter, internal not","s":"hirael","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"hirael:env-editor","t":"Env Variables Editor","d":"Environment variables editor with masked secrets, copy, per-environment chips, .env import","s":"hirael","c":"inputs/textarea","hc":1},{"id":"hirael:prompt-input","t":"Prompt Input","d":"Chat composer with an auto-growing textarea, Enter to send, attachments, a model picker, a","s":"hirael","c":"ai-agent/composer","hc":1},{"id":"hirael:message-thread","t":"Message Thread","d":"Message list that follows streaming output, with tool calls, reasoning, sources, hover act","s":"hirael","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"hirael:ai-chat-01","t":"AI Chat with History","d":"Full chat screen: grouped history sidebar that collapses to a sheet, top bar with model ba","s":"hirael","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"hirael:use-controllable-state","t":"useControllableState","d":"A value that is controlled through a prop or kept internally, with one setter that updates","k":"lib","s":"hirael","c":"lib/hook","hc":1},{"id":"hirael:use-reduced-motion","t":"useReducedMotion","d":"Live prefers-reduced-motion match without an animation library. Renders false on the serve","k":"lib","s":"hirael","c":"lib/hook","hc":1},{"id":"hirael:compose-refs","t":"composeRefs","d":"Merges several refs into one callback ref, so a part can keep its own ref and still forwar","k":"lib","s":"hirael","c":"lib/utility","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"hirael:format-bytes","t":"formatBytes","d":"Human-readable file sizes in binary steps, such as 1.5 KB or 12.0 MB, for upload lists and","k":"lib","s":"hirael","c":"lib/utility","sb":"Formatting","hc":1},{"id":"hirael:use-media-query","t":"useMediaQuery","d":"Live match for any CSS media query, like a breakpoint, dark mode or a touch screen. Render","k":"lib","s":"hirael","c":"lib/hook","hc":1},{"id":"hirael:use-debounce","t":"useDebounce","d":"useDebouncedValue holds a value back until it stops changing, for search as you type. useD","k":"lib","s":"hirael","c":"lib/hook","tg":["playful"],"sy":["playful"],"hc":1},{"id":"hirael:use-copy-to-clipboard","t":"useCopyToClipboard","d":"Copies text and reports copied for a moment, so a copy button can swap to a check mark. Re","k":"lib","s":"hirael","c":"lib/hook","hc":1},{"id":"hirael:description-list","t":"Description List","d":"Label and value pairs for detail pages, like an invoice, a user or a server. Terms sit bes","s":"hirael","c":"data-display/list","hc":1},{"id":"hirael:theme-toggle","t":"Theme Toggle","d":"Light and dark mode controls on next-themes: a one-click toggle, a Light / Dark / System m","s":"hirael","c":"actions/switch","tg":["webgl"],"sb":"Theme toggles","sy":["webgl"],"hc":1},{"id":"hirael:language-switcher","t":"Language Switcher","d":"Locale menu that lists each language in its own script, with the translated name beside it","s":"hirael","c":"navigation/menu","hc":1},{"id":"hirael:date-time-picker","t":"Date Time Picker","d":"One field for a day and a time: a calendar beside hour and minute columns, with an AM/PM c","s":"hirael","c":"inputs/time-picker","hc":1},{"id":"hirael:masked-input","t":"Masked Input","d":"A shadcn Input that formats as you type, for IBANs, postcodes, dates, licence plates or yo","s":"hirael","c":"inputs/form-field","hc":1},{"id":"hirael:filter-builder","t":"Filter Builder","d":"A Linear-style filter bar for lists and tables: pick a field, then an option, and get a ch","s":"hirael","c":"inputs/form-field","hc":1},{"id":"hirael:reasoning","t":"Reasoning","d":"A collapsible panel for a model's thinking. It opens while the reasoning streams in with a","s":"hirael","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"hirael:tool-call","t":"Tool Call","d":"Shows a tool the model called: its name, a status from pending to done, the input and outp","s":"hirael","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"hirael:sources","t":"Sources","d":"Citations for AI answers: numbered inline chips that preview their page on hover or focus,","s":"hirael","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"hirael:model-selector","t":"Model Selector","d":"A searchable model picker grouped by provider, showing each model's context size, a short ","s":"hirael","c":"ai-agent/ai-agent","hc":1},{"id":"hirael:comment-thread","t":"Comment Thread","d":"A discussion thread for documents, designs or issues: comments with avatars, emoji reactio","s":"hirael","c":"ai-agent/composer","hc":1},{"id":"hirael:virtual-list","t":"Virtual List","d":"A list that renders only the rows in view, so thousands of items scroll smoothly. Rows can","s":"hirael","c":"data-display/list","sb":"Long lists","hc":1},{"id":"hirael:time-slot-picker","t":"Time Slot Picker","d":"Pick a meeting time: a calendar where days without free slots are disabled, beside the tim","s":"hirael","c":"inputs/select","hc":1},{"id":"hirael:pdf-viewer","t":"PDF Viewer","d":"Shows a PDF in your page on react-pdf: page arrows and a page number field, zoom steps, fi","s":"hirael","c":"inputs/form-field","hc":1},{"id":"hirael:file-card","t":"File Card","d":"A file as a row for lists or a tile for grids: an icon picked from the type, or an image p","s":"hirael","c":"data-display/card","hc":1},{"id":"hirael:upload-queue","t":"Upload Queue","d":"Uploads files a few at a time with progress for each and overall, plus cancel, retry and c","s":"hirael","c":"inputs/file-upload","tg":["playful"],"sy":["playful"],"hc":1},{"id":"hirael:bottom-nav","t":"Bottom Navigation","d":"A mobile tab bar with icons, labels, an active pill and count or dot badges. Items can be ","s":"hirael","c":"navigation/top-nav","hc":1},{"id":"hirael:swipe-actions","t":"Swipe Actions","d":"List rows that slide aside to reveal actions, like archive or delete in a mail app. Works ","s":"hirael","c":"data-display/list","hc":1},{"id":"hirael:pull-to-refresh","t":"Pull to Refresh","d":"A scroll area that refreshes when pulled down from the top, with a rubber-band feel, an ar","s":"hirael","c":"status/loader","hc":1},{"id":"hirael:reveal-observer","t":"Reveal Observer","d":"One shared IntersectionObserver per threshold for scroll reveals, so a page of reveal comp","k":"lib","s":"hirael","c":"lib/utility","hc":1},{"id":"hirael:accordion","t":"Accordion","d":"Radix-powered accordion primitive used by the FAQ blocks. Plus icon rotates to an X on ope","s":"hirael","c":"data-display/accordion","hc":1},{"id":"hirael:theme-emerald","t":"Emerald theme","d":"Emerald accent preset for the hirael palette. Sets --primary, --primary-foreground and --r","k":"theme","s":"hirael","c":"themes/theme"},{"id":"honestui:accordion","t":"Accordion","s":"honestui","c":"data-display/accordion","hc":1},{"id":"honestui:action-swap","t":"Action swap","s":"honestui","c":"other/other","hc":1},{"id":"honestui:action-swap-blur","t":"Action swap blur","s":"honestui","c":"other/other","hc":1},{"id":"honestui:action-swap-cascade","t":"Action swap cascade","s":"honestui","c":"other/other","hc":1},{"id":"honestui:action-swap-roll","t":"Action swap roll","s":"honestui","c":"other/other","hc":1},{"id":"honestui:alert","t":"Alert","s":"honestui","c":"overlays/alert-banner","hc":1},{"id":"honestui:alert-dialog","t":"Alert dialog","s":"honestui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"honestui:analytics-dashboard","t":"Analytics dashboard","k":"layout","s":"honestui","c":"layout/dashboard","hc":1},{"id":"honestui:async-action","t":"Async action","s":"honestui","c":"other/other","hc":1},{"id":"honestui:autocomplete","t":"Autocomplete","s":"honestui","c":"inputs/combobox","hc":1},{"id":"honestui:avatar","t":"Avatar","s":"honestui","c":"data-display/avatar","hc":1},{"id":"honestui:badge","t":"Badge","s":"honestui","c":"data-display/badge","hc":1},{"id":"honestui:blinds","t":"Blinds","s":"honestui","c":"other/other","hc":1},{"id":"honestui:bouncy-accordion","t":"Bouncy accordion","s":"honestui","c":"data-display/accordion","tg":["playful"],"sy":["playful"],"hc":1},{"id":"honestui:breadcrumb","t":"Breadcrumb","s":"honestui","c":"navigation/breadcrumb","hc":1},{"id":"honestui:brush","t":"Brush","s":"honestui","c":"other/other","hc":1},{"id":"honestui:button","t":"Button","s":"honestui","c":"actions/button","hc":1},{"id":"honestui:card","t":"Card","s":"honestui","c":"data-display/card","vn":1,"hc":1},{"id":"honestui:change-review","t":"Change review","s":"honestui","c":"other/other","hc":1},{"id":"honestui:chart","t":"Chart","s":"honestui","c":"data-viz/chart","hc":1},{"id":"honestui:checkbox","t":"Checkbox","s":"honestui","c":"inputs/checkbox","hc":1},{"id":"honestui:checkbox-group","t":"Checkbox group","s":"honestui","c":"inputs/checkbox","hc":1},{"id":"honestui:chromatic-image","t":"Chromatic image","s":"honestui","c":"media/gallery","hc":1},{"id":"honestui:chromatic-text-reveal","t":"Chromatic text reveal","k":"motion","s":"honestui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"honestui:collapsible","t":"Collapsible","s":"honestui","c":"data-display/accordion","hc":1},{"id":"honestui:color-picker","t":"Color picker","s":"honestui","c":"inputs/color-picker","hc":1},{"id":"honestui:combobox","t":"Combobox","s":"honestui","c":"inputs/combobox","hc":1},{"id":"honestui:command","t":"Command","s":"honestui","c":"navigation/command-palette","hc":1},{"id":"honestui:context-menu","t":"Context menu","s":"honestui","c":"overlays/context-menu","hc":1},{"id":"honestui:data-grid","t":"Data grid","s":"honestui","c":"data-display/table","hc":1},{"id":"honestui:data-quality","t":"Data quality","s":"honestui","c":"other/other","hc":1},{"id":"honestui:data-table","t":"Data table","s":"honestui","c":"data-display/table","sb":"Data tables","hc":1},{"id":"honestui:date-range-picker","t":"Date range picker","s":"honestui","c":"inputs/date-range","hc":1},{"id":"honestui:density","t":"Density","s":"honestui","c":"other/other","hc":1},{"id":"honestui:dialog","t":"Dialog","s":"honestui","c":"overlays/dialog","hc":1},{"id":"honestui:dither","t":"Dither","s":"honestui","c":"other/other","hc":1},{"id":"honestui:dock","t":"Dock","s":"honestui","c":"navigation/dock","hc":1},{"id":"honestui:dot","t":"Dot","s":"honestui","c":"other/other","hc":1,"cp":1},{"id":"honestui:dropdown-menu","t":"Dropdown menu","s":"honestui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"honestui:empty","t":"Empty","s":"honestui","c":"other/other","hc":1},{"id":"honestui:field","t":"Field","s":"honestui","c":"inputs/form-field","hc":1},{"id":"honestui:fieldset","t":"Fieldset","s":"honestui","c":"inputs/form-field","hc":1},{"id":"honestui:file-upload","t":"File upload","s":"honestui","c":"inputs/file-upload","hc":1},{"id":"honestui:filter-bar","t":"Filter bar","s":"honestui","c":"other/other","hc":1},{"id":"honestui:form","t":"Form","s":"honestui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"honestui:frame","t":"Frame","s":"honestui","c":"other/other","hc":1},{"id":"honestui:grainient","t":"Grainient","s":"honestui","c":"other/other","hc":1},{"id":"honestui:group","t":"Group","s":"honestui","c":"other/other","hc":1},{"id":"honestui:input","t":"Input","s":"honestui","c":"inputs/form-field","hc":1},{"id":"honestui:input-group","t":"Input group","s":"honestui","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"honestui:kanban-list","t":"Kanban list","s":"honestui","c":"data-display/kanban","hc":1},{"id":"honestui:label","t":"Label","s":"honestui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"honestui:legend","t":"Legend","s":"honestui","c":"other/other","hc":1},{"id":"honestui:light-rays","t":"Light rays","s":"honestui","c":"other/other","hc":1},{"id":"honestui:magnetic","t":"Magnetic","s":"honestui","c":"other/other","hc":1},{"id":"honestui:marquee","t":"Marquee","k":"motion","s":"honestui","c":"motion/marquee","hc":1},{"id":"honestui:menu","t":"Menu","s":"honestui","c":"navigation/menu","hc":1},{"id":"honestui:meter","t":"Meter","s":"honestui","c":"data-viz/gauge","hc":1},{"id":"honestui:number-field","t":"Number field","s":"honestui","c":"inputs/number-input","hc":1},{"id":"honestui:number-ticker","t":"Number ticker","k":"motion","s":"honestui","c":"motion/number-ticker","hc":1},{"id":"honestui:overflow-toolbar","t":"Overflow toolbar","s":"honestui","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"honestui:pagination","t":"Pagination","s":"honestui","c":"navigation/pagination","hc":1},{"id":"honestui:paste-table","t":"Paste table","s":"honestui","c":"data-display/table","hc":1},{"id":"honestui:popover","t":"Popover","s":"honestui","c":"overlays/popover","hc":1},{"id":"honestui:progress","t":"Progress","s":"honestui","c":"data-viz/progress-bar","hc":1},{"id":"honestui:quantity-field","t":"Quantity field","s":"honestui","c":"inputs/number-input","hc":1},{"id":"honestui:radio-group","t":"Radio group","s":"honestui","c":"inputs/radio","hc":1},{"id":"honestui:scroll-area","t":"Scroll area","k":"layout","s":"honestui","c":"layout/scroll-area","hc":1},{"id":"honestui:select","t":"Select","s":"honestui","c":"inputs/select","hc":1},{"id":"honestui:separator","t":"Separator","s":"honestui","c":"other/other","hc":1},{"id":"honestui:shared-layout-bg","t":"Shared layout bg","k":"motion","s":"honestui","c":"motion/background","hc":1},{"id":"honestui:sheet","t":"Sheet","s":"honestui","c":"overlays/sheet","hc":1},{"id":"honestui:skeleton","t":"Skeleton","s":"honestui","c":"status/skeleton","hc":1},{"id":"honestui:slider","t":"Slider","s":"honestui","c":"inputs/slider","hc":1},{"id":"honestui:switch","t":"Switch","s":"honestui","c":"actions/switch","hc":1},{"id":"honestui:table","t":"Table","s":"honestui","c":"data-display/table","hc":1},{"id":"honestui:tabs","t":"Tabs","s":"honestui","c":"navigation/tabs","hc":1},{"id":"honestui:text-reveal","t":"Text reveal","k":"motion","s":"honestui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"honestui:text-shimmer","t":"Text shimmer","k":"motion","s":"honestui","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"honestui:textarea","t":"Textarea","s":"honestui","c":"inputs/textarea","hc":1},{"id":"honestui:tilt-card","t":"Tilt card","s":"honestui","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"hc":1},{"id":"honestui:toast","t":"Toast","s":"honestui","c":"overlays/toast","hc":1},{"id":"honestui:toast-gooey","t":"Toast gooey","s":"honestui","c":"overlays/toast","hc":1},{"id":"honestui:toast-gooey-icons","t":"Toast gooey icons","k":"resource","s":"honestui","c":"assets/icon","hc":1},{"id":"honestui:toast-gooey-renderer","t":"Toast gooey renderer","s":"honestui","c":"overlays/toast","hc":1},{"id":"honestui:toast-gooey-types","t":"Toast gooey types","s":"honestui","c":"overlays/toast","hc":1},{"id":"honestui:toggle","t":"Toggle","s":"honestui","c":"actions/switch","hc":1},{"id":"honestui:toggle-group","t":"Toggle group","s":"honestui","c":"actions/switch","hc":1},{"id":"honestui:toolbar","t":"Toolbar","s":"honestui","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"honestui:tooltip","t":"Tooltip","s":"honestui","c":"overlays/tooltip","hc":1},{"id":"hugeicons-animated:add-circle","t":"Add circle","d":"Animated add circle icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:airplane-take-off-01","t":"Airplane take off 01","d":"Animated airplane take off icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:alarm-clock","t":"Alarm clock","d":"Animated alarm clock icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:alert-circle","t":"Alert circle","d":"Animated alert circle icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:archive-02","t":"Archive #2","d":"Animated archive icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:arrow-down-02","t":"Arrow down #2","d":"Animated arrow down icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:arrow-down-left-01","t":"Arrow down left 01","d":"Animated arrow down left icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:arrow-down-right-01","t":"Arrow down right 01","d":"Animated arrow down right icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:arrow-left-02","t":"Arrow left #2","d":"Animated arrow left icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:arrow-right-02","t":"Arrow right #2","d":"Animated arrow right icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:arrow-up-02","t":"Arrow up #2","d":"Animated arrow up icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:arrow-up-left-01","t":"Arrow up left #1","d":"Animated arrow up left icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:arrow-up-right-01","t":"Arrow up right #1","d":"Animated arrow up right icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:attachment","t":"Attachment","d":"Animated attachment icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:battery-charging-01","t":"Battery charging 01","d":"Animated battery charging icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:bluetooth","t":"Bluetooth","d":"Animated bluetooth icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:bookmark-01","t":"Bookmark #1","d":"Animated bookmark icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:bug-01","t":"Bug #1","d":"Animated bug icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:bulb","t":"Bulb","d":"Animated bulb icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:calendar-03","t":"Calendar #3","d":"Animated calendar icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:calendar-add-01","t":"Calendar add #1","d":"Animated calendar add icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:call-02","t":"Call #2","d":"Animated call icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:call-incoming-01","t":"Call incoming #1","d":"Animated call incoming icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:call-outgoing-01","t":"Call outgoing #1","d":"Animated call outgoing icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:camera-01","t":"Camera #1","d":"Animated camera icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:cancel-01","t":"Cancel #1","d":"Animated cancel icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:chevron-down","t":"Chevron down","d":"Animated chevron down icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:chevron-left","t":"Chevron left","d":"Animated chevron left icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:chevron-right","t":"Chevron right","d":"Animated chevron right icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:chevron-up","t":"Chevron up","d":"Animated chevron up icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:circle-check","t":"Circle check","d":"Animated circle check icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:circle-x","t":"Circle x","d":"Animated circle x icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:clipboard-paste","t":"Clipboard paste","d":"Animated clipboard paste icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:clipboard","t":"Clipboard","d":"Animated clipboard icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:clock-01","t":"Clock #1","d":"Animated clock icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:cloud-download","t":"Cloud download","d":"Animated cloud download icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:cloud-lightning","t":"Cloud lightning","d":"Animated cloud lightning icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:cloud-rain","t":"Cloud rain","d":"Animated cloud rain icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:cloud-upload","t":"Cloud upload","d":"Animated cloud upload icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:cloud","t":"Cloud","d":"Animated cloud icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:code-xml","t":"Code xml","d":"Animated code xml icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:coffee-02","t":"Coffee #2","d":"Animated coffee icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:command","t":"Command","d":"Animated command icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:compass","t":"Compass","d":"Animated compass icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:copy-01","t":"Copy #1","d":"Animated copy icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:credit-card","t":"Credit card","d":"Animated credit card icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:crown","t":"Crown","d":"Animated crown icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:cursor-pointer-01","t":"Cursor pointer #1","d":"Animated cursor pointer icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:dashboard-square-01","t":"Dashboard square 01","d":"Animated dashboard square icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:database","t":"Database","d":"Animated database icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:delete-02","t":"Delete #2","d":"Animated delete icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:diamond-02","t":"Diamond #2","d":"Animated diamond icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:document-attachment","t":"Document attachment","d":"Animated document attachment icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:download-01","t":"Download #1","d":"Animated download icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:earth","t":"Earth","d":"Animated earth icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:edit-02","t":"Edit #2","d":"Animated edit icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:external-link","t":"External link","d":"Animated external link icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:eye-off","t":"Eye off","d":"Animated eye off icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:eye","t":"Eye","d":"Animated eye icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:favourite","t":"Favourite","d":"Animated favourite icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:file-01","t":"File #1","d":"Animated file icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:file-add","t":"File add","d":"Animated file add icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:file-download","t":"File download","d":"Animated file download icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:file-upload","t":"File upload","d":"Animated file upload icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:filter","t":"Filter","d":"Animated filter icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:fire","t":"Fire","d":"Animated fire icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:flash","t":"Flash","d":"Animated flash icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:flower","t":"Flower","d":"Animated flower icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:folder-01","t":"Folder #1","d":"Animated folder icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:folder-add","t":"Folder add","d":"Animated folder add icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:folder-open","t":"Folder open","d":"Animated folder open icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:full-screen","t":"Full screen","d":"Animated full screen icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:ghost","t":"Ghost","d":"Animated ghost icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:gift","t":"Gift","d":"Animated gift icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:github","t":"Github","d":"Animated github icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:grid-view","t":"Grid view","d":"Animated grid view icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:headphone-off","t":"Headphone off","d":"Animated headphone off icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:headphones","t":"Headphones","d":"Animated headphones icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:help-circle","t":"Help circle","d":"Animated help circle icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:history","t":"History","d":"Animated history icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:home-01","t":"Home #1","d":"Animated home icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:image-01","t":"Image #1","d":"Animated image icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:inbox","t":"Inbox","d":"Animated inbox icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:information-circle","t":"Information circle","d":"Animated information circle icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:key-01","t":"Key #1","d":"Animated key icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:leaf-01","t":"Leaf #1","d":"Animated leaf icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:link-01","t":"Link #1","d":"Animated link icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:link-square-02","t":"Link square #2","d":"Animated link square icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:list-view","t":"List view","d":"Animated list view icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:loading-03","t":"Loading #3","d":"Animated loading icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:location-01","t":"Location #1","d":"Animated location icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:location-add-01","t":"Location add #1","d":"Animated location add icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:lock","t":"Lock","d":"Animated lock icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:login-01","t":"Login #1","d":"Animated login icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:logout-01","t":"Logout #1","d":"Animated logout icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:magic-wand-01","t":"Magic wand #1","d":"Animated magic wand icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:mail-01","t":"Mail #1","d":"Animated mail icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:mail-open","t":"Mail open","d":"Animated mail open icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:maximize-screen","t":"Maximize screen","d":"Animated maximize screen icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:menu-01","t":"Menu #1","d":"Animated menu icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:message-01","t":"Message #1","d":"Animated message icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:message-add-01","t":"Message add #1","d":"Animated message add icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:mic-01","t":"Mic #1","d":"Animated mic icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:minimize-screen","t":"Minimize screen","d":"Animated minimize screen icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:minus-sign-circle","t":"Minus sign circle","d":"Animated minus sign circle icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:minus-sign","t":"Minus sign","d":"Animated minus sign icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:moon-02","t":"Moon #2","d":"Animated moon icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:more-horizontal","t":"More horizontal","d":"Animated more horizontal icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:more-vertical","t":"More vertical","d":"Animated more vertical icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:mouse-left-click-01","t":"Mouse left click 01","d":"Animated mouse left click icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:music-note-01","t":"Music note #1","d":"Animated music note icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:notification-03","t":"Notification #3","d":"Animated notification icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:notification-off-01","t":"Notification off 01","d":"Animated notification off icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:paint-brush-02","t":"Paint brush #2","d":"Animated paint brush icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:panel-left","t":"Panel left","d":"Animated panel left icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:party","t":"Party","d":"Animated party icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:pause","t":"Pause","d":"Animated pause icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:pin","t":"Pin","d":"Animated pin icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:play","t":"Play","d":"Animated play icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:plus-sign","t":"Plus sign","d":"Animated plus sign icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:printer","t":"Printer","d":"Animated printer icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:puzzle","t":"Puzzle","d":"Animated puzzle icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:qr-code-01","t":"Qr code #1","d":"Animated qr code icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:redo","t":"Redo","d":"Animated redo icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:refresh","t":"Refresh","d":"Animated refresh icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:robot-01","t":"Robot #1","d":"Animated robot icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:rocket-01","t":"Rocket #1","d":"Animated rocket icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:save","t":"Save","d":"Animated save icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:scissor-01","t":"Scissor #1","d":"Animated scissor icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:search-01","t":"Search #1","d":"Animated search icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:sent","t":"Sent","d":"Animated sent icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:settings-01","t":"Settings #1","d":"Animated settings icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:share-08","t":"Share #8","d":"Animated share icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:shield-02","t":"Shield #2","d":"Animated shield icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:shopping-cart-01","t":"Shopping cart #1","d":"Animated shopping cart icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:shopping-cart-add-01","t":"Shopping cart add 01","d":"Animated shopping cart add icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:sleeping","t":"Sleeping","d":"Animated sleeping icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:sliders-horizontal","t":"Sliders horizontal","d":"Animated sliders horizontal icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:smile","t":"Smile","d":"Animated smile icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:snow","t":"Snow","d":"Animated snow icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:sort-by-down-01","t":"Sort by down #1","d":"Animated sort by down icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:sort-by-up-01","t":"Sort by up #1","d":"Animated sort by up icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:sparkles","t":"Sparkles","d":"Animated sparkles icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:square-lock-01","t":"Square lock #1","d":"Animated square lock icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:star","t":"Star","d":"Animated star icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:sun-03","t":"Sun #3","d":"Animated sun icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:target-01","t":"Target #1","d":"Animated target icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:thumbs-up","t":"Thumbs up","d":"Animated thumbs up icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:tick-02","t":"Tick #2","d":"Animated tick icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:umbrella","t":"Umbrella","d":"Animated umbrella icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:undo","t":"Undo","d":"Animated undo icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:upload-01","t":"Upload #1","d":"Animated upload icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:user-add-01","t":"User add #1","d":"Animated user add icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:user-check-01","t":"User check #1","d":"Animated user check icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:user-group","t":"User group","d":"Animated user group icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:user-multiple-02","t":"User multiple #2","d":"Animated user multiple icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:user-remove-01","t":"User remove #1","d":"Animated user remove icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:user","t":"User","d":"Animated user icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:video-01","t":"Video #1","d":"Animated video icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:volume-high","t":"Volume high","d":"Animated volume high icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:volume-mute-01","t":"Volume mute #1","d":"Animated volume mute icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:wallet-01","t":"Wallet #1","d":"Animated wallet icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:wifi-01","t":"Wifi #1","d":"Animated wifi icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:zoom-in-area","t":"Zoom in area","d":"Animated zoom in area icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated:zoom-out-area","t":"Zoom out area","d":"Animated zoom out area icon","k":"resource","s":"hugeicons-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"hugeicons-animated-vue:a-arrow-down","t":"A arrow down","d":"Animated a arrow down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:a-arrow-up","t":"A arrow up","d":"Animated a arrow up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:a-large-small","t":"A large small","d":"Animated a large small icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:abacus","t":"Abacus","d":"Animated abacus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:absolute","t":"Absolute","d":"Animated absolute icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:acceleration","t":"Acceleration","d":"Animated acceleration icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:access","t":"Access","d":"Animated access icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:accessibility","t":"Accessibility","d":"Animated accessibility icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:accident","t":"Accident","d":"Animated accident icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:account-recovery","t":"Account recovery","d":"Animated account recovery icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:account-setting","t":"Account setting","d":"Animated account setting icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:activity-circle","t":"Activity circle","d":"Animated activity circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:activity-spark","t":"Activity spark","d":"Animated activity spark icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:activity","t":"Activity","d":"Animated activity icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:acute","t":"Acute","d":"Animated acute icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:add-circle-half-dot","t":"Add circle half dot","d":"Animated add circle half dot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:add-circle","t":"Add circle","d":"Animated add circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:add-female","t":"Add female","d":"Animated add female icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:add-invoice","t":"Add invoice","d":"Animated add invoice icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:add-male","t":"Add male","d":"Animated add male icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:add-money-circle","t":"Add money circle","d":"Animated add money circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:add-square","t":"Add square","d":"Animated add square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:add-team","t":"Add team","d":"Animated add team icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:add-to-list","t":"Add to list","d":"Animated add to list icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:add","t":"Add","d":"Animated add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:address-book","t":"Address book","d":"Animated address book icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:adjust-position","t":"Adjust position","d":"Animated adjust position icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:adobe-after-effect","t":"Adobe after effect","d":"Animated adobe after effect icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:adobe-illustrator","t":"Adobe illustrator","d":"Animated adobe illustrator icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:adobe-indesign","t":"Adobe indesign","d":"Animated adobe indesign icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:adobe-photoshop","t":"Adobe photoshop","d":"Animated adobe photoshop icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:adobe-premier","t":"Adobe premier","d":"Animated adobe premier icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:adobe-xd","t":"Adobe xd","d":"Animated adobe xd icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:adventure","t":"Adventure","d":"Animated adventure icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:advertisiment","t":"Advertisiment","d":"Animated advertisiment icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:adzan","t":"Adzan","d":"Animated adzan icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:affiliate","t":"Affiliate","d":"Animated affiliate icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:agreement","t":"Agreement","d":"Animated agreement icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:ai-audio","t":"Ai audio","d":"Animated ai audio icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-beautify","t":"Ai beautify","d":"Animated ai beautify icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-book","t":"Ai book","d":"Animated ai book icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-brain","t":"Ai brain","d":"Animated ai brain icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:ai-browser","t":"Ai browser","d":"Animated ai browser icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-chat","t":"Ai chat","d":"Animated ai chat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:ai-chemistry","t":"Ai chemistry","d":"Animated ai chemistry icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:ai-chip","t":"Ai chip","d":"Animated ai chip icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-cloud","t":"Ai cloud","d":"Animated ai cloud icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:ai-computer","t":"Ai computer","d":"Animated ai computer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-content-generator","t":"Ai content generator","d":"Animated ai content generator icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:ai-dna","t":"Ai dna","d":"Animated ai dna icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-editing","t":"Ai editing","d":"Animated ai editing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-eraser","t":"Ai eraser","d":"Animated ai eraser icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-file","t":"Ai file","d":"Animated ai file icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-folder","t":"Ai folder","d":"Animated ai folder icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:ai-game","t":"Ai game","d":"Animated ai game icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-generative","t":"Ai generative","d":"Animated ai generative icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-idea","t":"Ai idea","d":"Animated ai idea icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-image","t":"Ai image","d":"Animated ai image icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-innovation","t":"Ai innovation","d":"Animated ai innovation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:ai-laptop","t":"Ai laptop","d":"Animated ai laptop icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-learning","t":"Ai learning","d":"Animated ai learning icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-lock","t":"Ai lock","d":"Animated ai lock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-magic","t":"Ai magic","d":"Animated ai magic icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-mail","t":"Ai mail","d":"Animated ai mail icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:ai-mic","t":"Ai mic","d":"Animated ai mic icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-network","t":"Ai network","d":"Animated ai network icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-phone","t":"Ai phone","d":"Animated ai phone icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:ai-programming","t":"Ai programming","d":"Animated ai programming icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-scan","t":"Ai scan","d":"Animated ai scan icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-scheduling","t":"Ai scheduling","d":"Animated ai scheduling icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-search","t":"Ai search","d":"Animated ai search icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:ai-security","t":"Ai security","d":"Animated ai security icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:ai-setting","t":"Ai setting","d":"Animated ai setting icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-sheets","t":"Ai sheets","d":"Animated ai sheets icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-smartwatch","t":"Ai smartwatch","d":"Animated ai smartwatch icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-user","t":"Ai user","d":"Animated ai user icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-video","t":"Ai video","d":"Animated ai video icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-view","t":"Ai view","d":"Animated ai view icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-vision-recognition","t":"Ai vision recognition","d":"Animated ai vision recognition icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-voice-generator","t":"Ai voice generator","d":"Animated ai voice generator icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-voice","t":"Ai voice","d":"Animated ai voice icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ai-web-browsing","t":"Ai web browsing","d":"Animated ai web browsing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:aids","t":"Aids","d":"Animated aids icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:air-vent","t":"Air vent","d":"Animated air vent icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:airbnb","t":"Airbnb","d":"Animated airbnb icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:aircraft-game","t":"Aircraft game","d":"Animated aircraft game icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:airdrop","t":"Airdrop","d":"Animated airdrop icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:airplane-landing","t":"Airplane landing","d":"Animated airplane landing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:airplane-mode-off","t":"Airplane mode off","d":"Animated airplane mode off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:airplane-mode","t":"Airplane mode","d":"Animated airplane mode icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:airplane-seat","t":"Airplane seat","d":"Animated airplane seat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:airplane-take-off","t":"Airplane take off","d":"Animated airplane take off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:airplane","t":"Airplane","d":"Animated airplane icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:airplay-line","t":"Airplay line","d":"Animated airplay line icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:airplay","t":"Airplay","d":"Animated airplay icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:airpod","t":"Airpod","d":"Animated airpod icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:airport-tower","t":"Airport tower","d":"Animated airport tower icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:airport","t":"Airport","d":"Animated airport icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:al-aqsa-mosque","t":"Al aqsa mosque","d":"Animated al aqsa mosque icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alarm-clock-check","t":"Alarm clock check","d":"Animated alarm clock check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alarm-clock-minus","t":"Alarm clock minus","d":"Animated alarm clock minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alarm-clock-off","t":"Alarm clock off","d":"Animated alarm clock off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alarm-clock-plus","t":"Alarm clock plus","d":"Animated alarm clock plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alarm-clock","t":"Alarm clock","d":"Animated alarm clock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alarm-smoke","t":"Alarm smoke","d":"Animated alarm smoke icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:album-not-found","t":"Album not found","d":"Animated album not found icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:album","t":"Album","d":"Animated album icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:alert-circle","t":"Alert circle","d":"Animated alert circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alert-diamond","t":"Alert diamond","d":"Animated alert diamond icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alert-square","t":"Alert square","d":"Animated alert square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alert","t":"Alert","d":"Animated alert icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:algorithm","t":"Algorithm","d":"Animated algorithm icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alien","t":"Alien","d":"Animated alien icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:align-bottom","t":"Align bottom","d":"Animated align bottom icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-box-bottom-center","t":"Align box bottom center","d":"Animated align box bottom center icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-box-bottom-left","t":"Align box bottom left","d":"Animated align box bottom left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-box-bottom-right","t":"Align box bottom right","d":"Animated align box bottom right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-box-middle-center","t":"Align box middle center","d":"Animated align box middle center icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-box-middle-left","t":"Align box middle left","d":"Animated align box middle left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-box-middle-right","t":"Align box middle right","d":"Animated align box middle right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-box-top-center","t":"Align box top center","d":"Animated align box top center icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-box-top-left","t":"Align box top left","d":"Animated align box top left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-box-top-right","t":"Align box top right","d":"Animated align box top right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-end-horizontal","t":"Align end horizontal","d":"Animated align end horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-end-vertical","t":"Align end vertical","d":"Animated align end vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-horizontal-center","t":"Align horizontal center","d":"Animated align horizontal center icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-horizontal-distribute-center","t":"Align horizontal distribute center","d":"Animated align horizontal distribute center icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-horizontal-distribute-end","t":"Align horizontal distribute end","d":"Animated align horizontal distribute end icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-horizontal-distribute-start","t":"Align horizontal distribute start","d":"Animated align horizontal distribute start icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-horizontal-justify-center","t":"Align horizontal justify center","d":"Animated align horizontal justify center icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-horizontal-justify-end","t":"Align horizontal justify end","d":"Animated align horizontal justify end icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-horizontal-justify-start","t":"Align horizontal justify start","d":"Animated align horizontal justify start icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-horizontal-space-around","t":"Align horizontal space around","d":"Animated align horizontal space around icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-horizontal-space-between","t":"Align horizontal space between","d":"Animated align horizontal space between icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-key-object","t":"Align key object","d":"Animated align key object icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-left","t":"Align left","d":"Animated align left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-right","t":"Align right","d":"Animated align right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-selection","t":"Align selection","d":"Animated align selection icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-start-horizontal","t":"Align start horizontal","d":"Animated align start horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-start-vertical","t":"Align start vertical","d":"Animated align start vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-top","t":"Align top","d":"Animated align top icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-vertical-center","t":"Align vertical center","d":"Animated align vertical center icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-vertical-distribute-center","t":"Align vertical distribute center","d":"Animated align vertical distribute center icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-vertical-distribute-end","t":"Align vertical distribute end","d":"Animated align vertical distribute end icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-vertical-distribute-start","t":"Align vertical distribute start","d":"Animated align vertical distribute start icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-vertical-justify-center","t":"Align vertical justify center","d":"Animated align vertical justify center icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-vertical-justify-end","t":"Align vertical justify end","d":"Animated align vertical justify end icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-vertical-justify-start","t":"Align vertical justify start","d":"Animated align vertical justify start icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-vertical-space-around","t":"Align vertical space around","d":"Animated align vertical space around icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:align-vertical-space-between","t":"Align vertical space between","d":"Animated align vertical space between icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:all-bookmark","t":"All bookmark","d":"Animated all bookmark icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:allah","t":"Allah","d":"Animated allah icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alms","t":"Alms","d":"Animated alms icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alpha-circle","t":"Alpha circle","d":"Animated alpha circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alpha-square","t":"Alpha square","d":"Animated alpha square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alpha","t":"Alpha","d":"Animated alpha icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alphabet-arabic","t":"Alphabet arabic","d":"Animated alphabet arabic icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alphabet-bangla","t":"Alphabet bangla","d":"Animated alphabet bangla icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alphabet-chinese","t":"Alphabet chinese","d":"Animated alphabet chinese icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alphabet-greek","t":"Alphabet greek","d":"Animated alphabet greek icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alphabet-hebrew","t":"Alphabet hebrew","d":"Animated alphabet hebrew icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alphabet-hindi","t":"Alphabet hindi","d":"Animated alphabet hindi icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alphabet-japanese","t":"Alphabet japanese","d":"Animated alphabet japanese icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alphabet-korean","t":"Alphabet korean","d":"Animated alphabet korean icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:alphabet-thai","t":"Alphabet thai","d":"Animated alphabet thai icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:amazon","t":"Amazon","d":"Animated amazon icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ambulance","t":"Ambulance","d":"Animated ambulance icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:american-football","t":"American football","d":"Animated american football icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:amie","t":"Amie","d":"Animated amie icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ammo","t":"Ammo","d":"Animated ammo icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ampersand","t":"Ampersand","d":"Animated ampersand icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ampersands","t":"Ampersands","d":"Animated ampersands icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:amphora","t":"Amphora","d":"Animated amphora icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ampoule","t":"Ampoule","d":"Animated ampoule icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:analysis-text-link","t":"Analysis text link","d":"Animated analysis text link icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:analytics-down","t":"Analytics down","d":"Animated analytics down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:analytics-up","t":"Analytics up","d":"Animated analytics up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:analytics","t":"Analytics","d":"Animated analytics icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:anchor-point","t":"Anchor point","d":"Animated anchor point icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:anchor","t":"Anchor","d":"Animated anchor icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:android","t":"Android","d":"Animated android icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:angel","t":"Angel","d":"Animated angel icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:angle","t":"Angle","d":"Animated angle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:angry-bird","t":"Angry bird","d":"Animated angry bird icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:angry","t":"Angry","d":"Animated angry icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:annoyed","t":"Annoyed","d":"Animated annoyed icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:anonymous","t":"Anonymous","d":"Animated anonymous icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:antenna","t":"Antenna","d":"Animated antenna icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:anvil","t":"Anvil","d":"Animated anvil icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:apartment","t":"Apartment","d":"Animated apartment icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:aperture","t":"Aperture","d":"Animated aperture icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:api-gateway","t":"Api gateway","d":"Animated api gateway icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:api","t":"Api","d":"Animated api icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:app-store","t":"App store","d":"Animated app store icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:app-window-mac","t":"App window mac","d":"Animated app window mac icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:app-window","t":"App window","d":"Animated app window icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:apple-finder","t":"Apple finder","d":"Animated apple finder icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:apple-intelligence","t":"Apple intelligence","d":"Animated apple intelligence icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:apple-music","t":"Apple music","d":"Animated apple music icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:apple-news","t":"Apple news","d":"Animated apple news icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:apple-pie","t":"Apple pie","d":"Animated apple pie icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:apple-reminder","t":"Apple reminder","d":"Animated apple reminder icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:apple-stocks","t":"Apple stocks","d":"Animated apple stocks icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:apple-vision-pro","t":"Apple vision pro","d":"Animated apple vision pro icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:apple","t":"Apple","d":"Animated apple icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:appointment","t":"Appointment","d":"Animated appointment icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:approximately-equal-circle","t":"Approximately equal circle","d":"Animated approximately equal circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:approximately-equal-square","t":"Approximately equal square","d":"Animated approximately equal square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:approximately-equal","t":"Approximately equal","d":"Animated approximately equal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:apricot","t":"Apricot","d":"Animated apricot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:apron","t":"Apron","d":"Animated apron icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arc-browser","t":"Arc browser","d":"Animated arc browser icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:archer","t":"Archer","d":"Animated archer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:archive-arrow-down","t":"Archive arrow down","d":"Animated archive arrow down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:archive-arrow-up","t":"Archive arrow up","d":"Animated archive arrow up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:archive-off-03","t":"Archive off #3","d":"Animated archive off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:archive-off-04","t":"Archive off #4","d":"Animated archive off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:archive-restore","t":"Archive restore","d":"Animated archive restore icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:archive","t":"Archive","d":"Animated archive icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:armchair","t":"Armchair","d":"Animated armchair icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:armored-boot","t":"Armored boot","d":"Animated armored boot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrange-by-letters-az","t":"Arrange by letters az","d":"Animated arrange by letters az icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrange-by-letters-za","t":"Arrange by letters za","d":"Animated arrange by letters za icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrange-by-numbers-nine-one","t":"Arrange by numbers nine one","d":"Animated arrange by numbers nine one icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrange-by-numbers-one-nine","t":"Arrange by numbers one nine","d":"Animated arrange by numbers one nine icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrange","t":"Arrange","d":"Animated arrange icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-all-direction","t":"Arrow all direction","d":"Animated arrow all direction icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-big-down-dash","t":"Arrow big down dash","d":"Animated arrow big down dash icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-big-left-dash","t":"Arrow big left dash","d":"Animated arrow big left dash icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-big-right-dash","t":"Arrow big right dash","d":"Animated arrow big right dash icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-big-up-dash","t":"Arrow big up dash","d":"Animated arrow big up dash icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-data-transfer-diagonal","t":"Arrow data transfer diagonal","d":"Animated arrow data transfer diagonal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-data-transfer-horizontal","t":"Arrow data transfer horizontal","d":"Animated arrow data transfer horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-data-transfer-vertical","t":"Arrow data transfer vertical","d":"Animated arrow data transfer vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-diagonal","t":"Arrow diagonal","d":"Animated arrow diagonal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-down-az","t":"Arrow down az","d":"Animated arrow down az icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-down-big","t":"Arrow down big","d":"Animated arrow down big icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-down-double","t":"Arrow down double","d":"Animated arrow down double icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-down-from-line","t":"Arrow down from line","d":"Animated arrow down from line icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-down-left","t":"Arrow down left","d":"Animated arrow down left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:arrow-down-narrow-wide","t":"Arrow down narrow wide","d":"Animated arrow down narrow wide icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-down-one-zero","t":"Arrow down one zero","d":"Animated arrow down one zero icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-down-right","t":"Arrow down right","d":"Animated arrow down right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:arrow-down-to-dot","t":"Arrow down to dot","d":"Animated arrow down to dot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-down-to-line","t":"Arrow down to line","d":"Animated arrow down to line icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-down-wide-narrow","t":"Arrow down wide narrow","d":"Animated arrow down wide narrow icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-down-za","t":"Arrow down za","d":"Animated arrow down za icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-down-zero-one","t":"Arrow down zero one","d":"Animated arrow down zero one icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-down","t":"Arrow down","d":"Animated arrow down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:arrow-expand-diagonal","t":"Arrow expand diagonal","d":"Animated arrow expand diagonal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:arrow-expand","t":"Arrow expand","d":"Animated arrow expand icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:arrow-horizontal","t":"Arrow horizontal","d":"Animated arrow horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-left-big","t":"Arrow left big","d":"Animated arrow left big icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-left-double","t":"Arrow left double","d":"Animated arrow left double icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-left-from-line","t":"Arrow left from line","d":"Animated arrow left from line icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-left-right","t":"Arrow left right","d":"Animated arrow left right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-left-to-line","t":"Arrow left to line","d":"Animated arrow left to line icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-left","t":"Arrow left","d":"Animated arrow left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:arrow-move-down-left","t":"Arrow move down left","d":"Animated arrow move down left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-move-down-right","t":"Arrow move down right","d":"Animated arrow move down right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-move-left-down","t":"Arrow move left down","d":"Animated arrow move left down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-move-right-down","t":"Arrow move right down","d":"Animated arrow move right down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-move-up-left","t":"Arrow move up left","d":"Animated arrow move up left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-move-up-right","t":"Arrow move up right","d":"Animated arrow move up right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-reload-horizontal","t":"Arrow reload horizontal","d":"Animated arrow reload horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-reload-vertical","t":"Arrow reload vertical","d":"Animated arrow reload vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-right-big","t":"Arrow right big","d":"Animated arrow right big icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-right-double","t":"Arrow right double","d":"Animated arrow right double icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-right-from-line","t":"Arrow right from line","d":"Animated arrow right from line icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-right-to-line","t":"Arrow right to line","d":"Animated arrow right to line icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-right","t":"Arrow right","d":"Animated arrow right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:arrow-shrink","t":"Arrow shrink","d":"Animated arrow shrink icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:arrow-turn-backward","t":"Arrow turn backward","d":"Animated arrow turn backward icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-turn-down","t":"Arrow turn down","d":"Animated arrow turn down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-turn-forward","t":"Arrow turn forward","d":"Animated arrow turn forward icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-turn-up","t":"Arrow turn up","d":"Animated arrow turn up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-up-az","t":"Arrow up az","d":"Animated arrow up az icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-up-big","t":"Arrow up big","d":"Animated arrow up big icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-up-double","t":"Arrow up double","d":"Animated arrow up double icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-up-down","t":"Arrow up down","d":"Animated arrow up down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-up-from-dot","t":"Arrow up from dot","d":"Animated arrow up from dot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-up-from-line","t":"Arrow up from line","d":"Animated arrow up from line icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-up-left","t":"Arrow up left","d":"Animated arrow up left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:arrow-up-narrow-wide","t":"Arrow up narrow wide","d":"Animated arrow up narrow wide icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-up-one-zero","t":"Arrow up one zero","d":"Animated arrow up one zero icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-up-right-stack","t":"Arrow up right stack","d":"Animated arrow up right stack icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-up-right","t":"Arrow up right","d":"Animated arrow up right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:arrow-up-to-line","t":"Arrow up to line","d":"Animated arrow up to line icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-up-wide-narrow","t":"Arrow up wide narrow","d":"Animated arrow up wide narrow icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-up-za","t":"Arrow up za","d":"Animated arrow up za icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-up-zero-one","t":"Arrow up zero one","d":"Animated arrow up zero one icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrow-up","t":"Arrow up","d":"Animated arrow up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:arrow-vertical","t":"Arrow vertical","d":"Animated arrow vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:arrows-up-from-line","t":"Arrows up from line","d":"Animated arrows up from line icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:artboard-tool","t":"Artboard tool","d":"Animated artboard tool icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:artboard","t":"Artboard","d":"Animated artboard icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:artificial-intelligence","t":"Artificial intelligence","d":"Animated artificial intelligence icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":8,"hc":1},{"id":"hugeicons-animated-vue:aspect-ratio","t":"Aspect ratio","d":"Animated aspect ratio icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:assignments","t":"Assignments","d":"Animated assignments icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:asterisk","t":"Asterisk","d":"Animated asterisk icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:asteroid","t":"Asteroid","d":"Animated asteroid icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:astronaut","t":"Astronaut","d":"Animated astronaut icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:at-sign","t":"At sign","d":"Animated at sign icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:at","t":"At","d":"Animated at icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:atm","t":"Atm","d":"Animated atm icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:atom","t":"Atom","d":"Animated atom icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:atomic-power","t":"Atomic power","d":"Animated atomic power icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:attachment-circle","t":"Attachment circle","d":"Animated attachment circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:attachment-square","t":"Attachment square","d":"Animated attachment square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:attachment","t":"Attachment","d":"Animated attachment icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:auction","t":"Auction","d":"Animated auction icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:audio-book","t":"Audio book","d":"Animated audio book icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:audio-lines","t":"Audio lines","d":"Animated audio lines icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:audio-wave","t":"Audio wave","d":"Animated audio wave icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:audio-waveform","t":"Audio waveform","d":"Animated audio waveform icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:audit","t":"Audit","d":"Animated audit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:augmented-reality-ar","t":"Augmented reality ar","d":"Animated augmented reality ar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:authorized","t":"Authorized","d":"Animated authorized icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:auto-conversations","t":"Auto conversations","d":"Animated auto conversations icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:automotive-battery","t":"Automotive battery","d":"Animated automotive battery icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:avalanche","t":"Avalanche","d":"Animated avalanche icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:avocado","t":"Avocado","d":"Animated avocado icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:award","t":"Award","d":"Animated award icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:aws-lambda","t":"Aws lambda","d":"Animated aws lambda icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:axe","t":"Axe","d":"Animated axe icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:axis-three-d","t":"Axis three d","d":"Animated axis three d icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:baby-bed","t":"Baby bed","d":"Animated baby bed icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:baby-bottle","t":"Baby bottle","d":"Animated baby bottle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:baby-boy-dress","t":"Baby boy dress","d":"Animated baby boy dress icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:baby-girl-dress","t":"Baby girl dress","d":"Animated baby girl dress icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:baby","t":"Baby","d":"Animated baby icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:back-muscle-body","t":"Back muscle body","d":"Animated back muscle body icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:background","t":"Background","d":"Animated background icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:backpack","t":"Backpack","d":"Animated backpack icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:backward","t":"Backward","d":"Animated backward icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:bacteria","t":"Bacteria","d":"Animated bacteria icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:badge-alert","t":"Badge alert","d":"Animated badge alert icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:badge-cent","t":"Badge cent","d":"Animated badge cent icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:badge-check","t":"Badge check","d":"Animated badge check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:badge-dollar-sign","t":"Badge dollar sign","d":"Animated badge dollar sign icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:badge-euro","t":"Badge euro","d":"Animated badge euro icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:badge-indian-rupee","t":"Badge indian rupee","d":"Animated badge indian rupee icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:badge-info","t":"Badge info","d":"Animated badge info icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:badge-japanese-yen","t":"Badge japanese yen","d":"Animated badge japanese yen icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:badge-minus","t":"Badge minus","d":"Animated badge minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:badge-percent","t":"Badge percent","d":"Animated badge percent icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:badge-plus","t":"Badge plus","d":"Animated badge plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:badge-pound-sterling","t":"Badge pound sterling","d":"Animated badge pound sterling icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:badge-question-mark","t":"Badge question mark","d":"Animated badge question mark icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:badge-russian-ruble","t":"Badge russian ruble","d":"Animated badge russian ruble icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:badge-swiss-franc","t":"Badge swiss franc","d":"Animated badge swiss franc icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:badge-turkish-lira","t":"Badge turkish lira","d":"Animated badge turkish lira icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:badge","t":"Badge","d":"Animated badge icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:badminton-shuttle","t":"Badminton shuttle","d":"Animated badminton shuttle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:badminton","t":"Badminton","d":"Animated badminton icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:baggage-claim","t":"Baggage claim","d":"Animated baggage claim icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:balance-scale","t":"Balance scale","d":"Animated balance scale icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:balloon","t":"Balloon","d":"Animated balloon icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:balloons","t":"Balloons","d":"Animated balloons icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ban","t":"Ban","d":"Animated ban icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:banana","t":"Banana","d":"Animated banana icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bandage","t":"Bandage","d":"Animated bandage icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bank","t":"Bank","d":"Animated bank icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:banknote-arrow-down","t":"Banknote arrow down","d":"Animated banknote arrow down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:banknote-arrow-up","t":"Banknote arrow up","d":"Animated banknote arrow up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:banknote","t":"Banknote","d":"Animated banknote icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:bar-chart-horizontal","t":"Bar chart horizontal","d":"Animated bar chart horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bar-chart","t":"Bar chart","d":"Animated bar chart icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bar-code","t":"Bar code","d":"Animated bar code icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:barcode-scan","t":"Barcode scan","d":"Animated barcode scan icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:barcode","t":"Barcode","d":"Animated barcode icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:barns","t":"Barns","d":"Animated barns icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:barrel","t":"Barrel","d":"Animated barrel icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:baseball-bat","t":"Baseball bat","d":"Animated baseball bat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:baseball-helmet","t":"Baseball helmet","d":"Animated baseball helmet icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:baseball","t":"Baseball","d":"Animated baseball icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:baseline","t":"Baseline","d":"Animated baseline icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bash","t":"Bash","d":"Animated bash icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:basketball-hoop","t":"Basketball hoop","d":"Animated basketball hoop icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:basketball","t":"Basketball","d":"Animated basketball icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:bath","t":"Bath","d":"Animated bath icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bathtub","t":"Bathtub","d":"Animated bathtub icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:batteries-energy","t":"Batteries energy","d":"Animated batteries energy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:battery-charging","t":"Battery charging","d":"Animated battery charging icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:battery-eco-charging","t":"Battery eco charging","d":"Animated battery eco charging icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:battery-empty","t":"Battery empty","d":"Animated battery empty icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:battery-full","t":"Battery full","d":"Animated battery full icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:battery-low","t":"Battery low","d":"Animated battery low icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:battery-medium","t":"Battery medium","d":"Animated battery medium icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:battery-plus","t":"Battery plus","d":"Animated battery plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:battery-warning","t":"Battery warning","d":"Animated battery warning icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:battery","t":"Battery","d":"Animated battery icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bbq-grill","t":"Bbq grill","d":"Animated bbq grill icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:beach","t":"Beach","d":"Animated beach icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:beaker","t":"Beaker","d":"Animated beaker icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bean-off","t":"Bean off","d":"Animated bean off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bean","t":"Bean","d":"Animated bean icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:beater","t":"Beater","d":"Animated beater icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bebo","t":"Bebo","d":"Animated bebo icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bed-bunk","t":"Bed bunk","d":"Animated bed bunk icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bed-double","t":"Bed double","d":"Animated bed double icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bed-single","t":"Bed single","d":"Animated bed single icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:bed","t":"Bed","d":"Animated bed icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bedug","t":"Bedug","d":"Animated bedug icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:beef-off","t":"Beef off","d":"Animated beef off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:beef","t":"Beef","d":"Animated beef icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:beer-off","t":"Beer off","d":"Animated beer off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:beer","t":"Beer","d":"Animated beer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:behance","t":"Behance","d":"Animated behance icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:bell-dot","t":"Bell dot","d":"Animated bell dot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bell-electric","t":"Bell electric","d":"Animated bell electric icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bell-minus","t":"Bell minus","d":"Animated bell minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bell-off","t":"Bell off","d":"Animated bell off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bell-plus","t":"Bell plus","d":"Animated bell plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bell-ring","t":"Bell ring","d":"Animated bell ring icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bell","t":"Bell","d":"Animated bell icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:belt","t":"Belt","d":"Animated belt icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bend-tool","t":"Bend tool","d":"Animated bend tool icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:berlin-tower","t":"Berlin tower","d":"Animated berlin tower icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:berlin","t":"Berlin","d":"Animated berlin icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:beta","t":"Beta","d":"Animated beta icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:between-horizontal-end","t":"Between horizontal end","d":"Animated between horizontal end icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:between-horizontal-start","t":"Between horizontal start","d":"Animated between horizontal start icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:between-vertical-end","t":"Between vertical end","d":"Animated between vertical end icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:between-vertical-start","t":"Between vertical start","d":"Animated between vertical start icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:biceps-flexed","t":"Biceps flexed","d":"Animated biceps flexed icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bicycle","t":"Bicycle","d":"Animated bicycle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:bike","t":"Bike","d":"Animated bike icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:billiard","t":"Billiard","d":"Animated billiard icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:binary-code","t":"Binary code","d":"Animated binary code icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:binary","t":"Binary","d":"Animated binary icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bing","t":"Bing","d":"Animated bing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:binoculars","t":"Binoculars","d":"Animated binoculars icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bio-energy","t":"Bio energy","d":"Animated bio energy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:biohazard","t":"Biohazard","d":"Animated biohazard icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:biomass-energy","t":"Biomass energy","d":"Animated biomass energy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:biometric-access","t":"Biometric access","d":"Animated biometric access icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:biometric-device","t":"Biometric device","d":"Animated biometric device icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bird","t":"Bird","d":"Animated bird icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:birdhouse","t":"Birdhouse","d":"Animated birdhouse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:birthday-cake","t":"Birthday cake","d":"Animated birthday cake icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:biscuit","t":"Biscuit","d":"Animated biscuit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-bag","t":"Bitcoin bag","d":"Animated bitcoin bag icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-circle","t":"Bitcoin circle","d":"Animated bitcoin circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-cloud","t":"Bitcoin cloud","d":"Animated bitcoin cloud icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-cpu","t":"Bitcoin cpu","d":"Animated bitcoin cpu icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-credit-card","t":"Bitcoin credit card","d":"Animated bitcoin credit card icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-database","t":"Bitcoin database","d":"Animated bitcoin database icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-down","t":"Bitcoin down","d":"Animated bitcoin down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:bitcoin-ellipse","t":"Bitcoin ellipse","d":"Animated bitcoin ellipse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-eye","t":"Bitcoin eye","d":"Animated bitcoin eye icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-filter","t":"Bitcoin filter","d":"Animated bitcoin filter icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-flashdisk","t":"Bitcoin flashdisk","d":"Animated bitcoin flashdisk icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-graph","t":"Bitcoin graph","d":"Animated bitcoin graph icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-invoice","t":"Bitcoin invoice","d":"Animated bitcoin invoice icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-key","t":"Bitcoin key","d":"Animated bitcoin key icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-location","t":"Bitcoin location","d":"Animated bitcoin location icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-lock","t":"Bitcoin lock","d":"Animated bitcoin lock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-mail","t":"Bitcoin mail","d":"Animated bitcoin mail icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-mind","t":"Bitcoin mind","d":"Animated bitcoin mind icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-money","t":"Bitcoin money","d":"Animated bitcoin money icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:bitcoin-pie-chart","t":"Bitcoin pie chart","d":"Animated bitcoin pie chart icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-piggy-bank","t":"Bitcoin piggy bank","d":"Animated bitcoin piggy bank icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-presentation","t":"Bitcoin presentation","d":"Animated bitcoin presentation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-receipt","t":"Bitcoin receipt","d":"Animated bitcoin receipt icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-receive","t":"Bitcoin receive","d":"Animated bitcoin receive icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-rectangle","t":"Bitcoin rectangle","d":"Animated bitcoin rectangle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-safe","t":"Bitcoin safe","d":"Animated bitcoin safe icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-search","t":"Bitcoin search","d":"Animated bitcoin search icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-send","t":"Bitcoin send","d":"Animated bitcoin send icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-setting","t":"Bitcoin setting","d":"Animated bitcoin setting icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-shield","t":"Bitcoin shield","d":"Animated bitcoin shield icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-shopping","t":"Bitcoin shopping","d":"Animated bitcoin shopping icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-smartphone","t":"Bitcoin smartphone","d":"Animated bitcoin smartphone icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:bitcoin-square","t":"Bitcoin square","d":"Animated bitcoin square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-store","t":"Bitcoin store","d":"Animated bitcoin store icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-tag","t":"Bitcoin tag","d":"Animated bitcoin tag icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-target","t":"Bitcoin target","d":"Animated bitcoin target icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-transaction","t":"Bitcoin transaction","d":"Animated bitcoin transaction icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-up","t":"Bitcoin up","d":"Animated bitcoin up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:bitcoin-wallet","t":"Bitcoin wallet","d":"Animated bitcoin wallet icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin-withdraw","t":"Bitcoin withdraw","d":"Animated bitcoin withdraw icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bitcoin","t":"Bitcoin","d":"Animated bitcoin icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:black-hole","t":"Black hole","d":"Animated black hole icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:blend","t":"Blend","d":"Animated blend icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:blender","t":"Blender","d":"Animated blender icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:blinds","t":"Blinds","d":"Animated blinds icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:block-game","t":"Block game","d":"Animated block game icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:blockchain","t":"Blockchain","d":"Animated blockchain icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":7,"hc":1},{"id":"hugeicons-animated-vue:blocked","t":"Blocked","d":"Animated blocked icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:blocks","t":"Blocks","d":"Animated blocks icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:blogger","t":"Blogger","d":"Animated blogger icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:blood-bag","t":"Blood bag","d":"Animated blood bag icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:blood-bottle","t":"Blood bottle","d":"Animated blood bottle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:blood-pressure","t":"Blood pressure","d":"Animated blood pressure icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:blood-type","t":"Blood type","d":"Animated blood type icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:blood","t":"Blood","d":"Animated blood icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bluesky","t":"Bluesky","d":"Animated bluesky icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bluetooth-circle","t":"Bluetooth circle","d":"Animated bluetooth circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bluetooth-connected","t":"Bluetooth connected","d":"Animated bluetooth connected icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bluetooth-not-connected","t":"Bluetooth not connected","d":"Animated bluetooth not connected icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bluetooth-off","t":"Bluetooth off","d":"Animated bluetooth off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bluetooth-search","t":"Bluetooth search","d":"Animated bluetooth search icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bluetooth-searching","t":"Bluetooth searching","d":"Animated bluetooth searching icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bluetooth-square","t":"Bluetooth square","d":"Animated bluetooth square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bluetooth","t":"Bluetooth","d":"Animated bluetooth icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:blur","t":"Blur","d":"Animated blur icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:blush-brush","t":"Blush brush","d":"Animated blush brush icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:board-math","t":"Board math","d":"Animated board math icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:boat","t":"Boat","d":"Animated boat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:body-armor","t":"Body armor","d":"Animated body armor icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:body-part-leg","t":"Body part leg","d":"Animated body part leg icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:body-part-muscle","t":"Body part muscle","d":"Animated body part muscle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:body-part-six-pack","t":"Body part six pack","d":"Animated body part six pack icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:body-soap","t":"Body soap","d":"Animated body soap icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:body-weight","t":"Body weight","d":"Animated body weight icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bold","t":"Bold","d":"Animated bold icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bolt","t":"Bolt","d":"Animated bolt icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bomb","t":"Bomb","d":"Animated bomb icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bone","t":"Bone","d":"Animated bone icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:book-a","t":"Book a","d":"Animated book a icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-alert","t":"Book alert","d":"Animated book alert icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-bookmark","t":"Book bookmark","d":"Animated book bookmark icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:book-check","t":"Book check","d":"Animated book check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-copy","t":"Book copy","d":"Animated book copy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-dashed","t":"Book dashed","d":"Animated book dashed icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-down","t":"Book down","d":"Animated book down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-download","t":"Book download","d":"Animated book download icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-edit","t":"Book edit","d":"Animated book edit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-headphones","t":"Book headphones","d":"Animated book headphones icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-heart","t":"Book heart","d":"Animated book heart icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-image","t":"Book image","d":"Animated book image icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-key","t":"Book key","d":"Animated book key icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-lock","t":"Book lock","d":"Animated book lock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-marked","t":"Book marked","d":"Animated book marked icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-minus","t":"Book minus","d":"Animated book minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-open-check","t":"Book open check","d":"Animated book open check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-open-text","t":"Book open text","d":"Animated book open text icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-open","t":"Book open","d":"Animated book open icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:book-plus","t":"Book plus","d":"Animated book plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-search","t":"Book search","d":"Animated book search icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-text","t":"Book text","d":"Animated book text icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-type","t":"Book type","d":"Animated book type icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-up-two","t":"Book up two","d":"Animated book up two icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-upload","t":"Book upload","d":"Animated book upload icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book-user","t":"Book user","d":"Animated book user icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:book","t":"Book","d":"Animated book icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:bookmark-add","t":"Bookmark add","d":"Animated bookmark add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:bookmark-block","t":"Bookmark block","d":"Animated bookmark block icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:bookmark-check","t":"Bookmark check","d":"Animated bookmark check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:bookmark-minus","t":"Bookmark minus","d":"Animated bookmark minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:bookmark-off","t":"Bookmark off","d":"Animated bookmark off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:bookmark-plus","t":"Bookmark plus","d":"Animated bookmark plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bookmark-remove","t":"Bookmark remove","d":"Animated bookmark remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:bookmark","t":"Bookmark","d":"Animated bookmark icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:books","t":"Books","d":"Animated books icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:bookshelf","t":"Bookshelf","d":"Animated bookshelf icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:boom-box","t":"Boom box","d":"Animated boom box icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bootstrap","t":"Bootstrap","d":"Animated bootstrap icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:border-all","t":"Border all","d":"Animated border all icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:border-bottom","t":"Border bottom","d":"Animated border bottom icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:border-full","t":"Border full","d":"Animated border full icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:border-horizontal","t":"Border horizontal","d":"Animated border horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:border-inner","t":"Border inner","d":"Animated border inner icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:border-left","t":"Border left","d":"Animated border left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:border-none","t":"Border none","d":"Animated border none icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:border-right","t":"Border right","d":"Animated border right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:border-top","t":"Border top","d":"Animated border top icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:border-vertical","t":"Border vertical","d":"Animated border vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:borobudur","t":"Borobudur","d":"Animated borobudur icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bot-message-square","t":"Bot message square","d":"Animated bot message square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bot-off","t":"Bot off","d":"Animated bot off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bot","t":"Bot","d":"Animated bot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bounce-left","t":"Bounce left","d":"Animated bounce left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bounce-right","t":"Bounce right","d":"Animated bounce right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bounding-box","t":"Bounding box","d":"Animated bounding box icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bow-arrow","t":"Bow arrow","d":"Animated bow arrow icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bow-tie","t":"Bow tie","d":"Animated bow tie icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bowling-ball","t":"Bowling ball","d":"Animated bowling ball icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bowling-pins","t":"Bowling pins","d":"Animated bowling pins icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bowling","t":"Bowling","d":"Animated bowling icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:box","t":"Box","d":"Animated box icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:boxer","t":"Boxer","d":"Animated boxer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:boxes","t":"Boxes","d":"Animated boxes icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:boxing-bag","t":"Boxing bag","d":"Animated boxing bag icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:boxing-glove","t":"Boxing glove","d":"Animated boxing glove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:braces","t":"Braces","d":"Animated braces icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:brackets","t":"Brackets","d":"Animated brackets icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:brain-circuit","t":"Brain circuit","d":"Animated brain circuit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:brain-cog","t":"Brain cog","d":"Animated brain cog icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:brain","t":"Brain","d":"Animated brain icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:brandfetch","t":"Brandfetch","d":"Animated brandfetch icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bread","t":"Bread","d":"Animated bread icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:breast-pump","t":"Breast pump","d":"Animated breast pump icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:brick-wall-fire","t":"Brick wall fire","d":"Animated brick wall fire icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:brick-wall-shield","t":"Brick wall shield","d":"Animated brick wall shield icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:brick-wall","t":"Brick wall","d":"Animated brick wall icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bridge","t":"Bridge","d":"Animated bridge icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:briefcase-business","t":"Briefcase business","d":"Animated briefcase business icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:briefcase-conveyor-belt","t":"Briefcase conveyor belt","d":"Animated briefcase conveyor belt icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:briefcase-dollar","t":"Briefcase dollar","d":"Animated briefcase dollar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:briefcase-medical","t":"Briefcase medical","d":"Animated briefcase medical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:briefcase","t":"Briefcase","d":"Animated briefcase icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":9,"hc":1},{"id":"hugeicons-animated-vue:bring-to-front","t":"Bring to front","d":"Animated bring to front icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:broccoli","t":"Broccoli","d":"Animated broccoli icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:brochure","t":"Brochure","d":"Animated brochure icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:broken-bone","t":"Broken bone","d":"Animated broken bone icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:browser","t":"Browser","d":"Animated browser icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:brush-cleaning","t":"Brush cleaning","d":"Animated brush cleaning icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","minimal"],"sb":"Animated","fw":"Vue","sy":["animated","minimal"],"hc":1},{"id":"hugeicons-animated-vue:brush","t":"Brush","d":"Animated brush icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bubble-chat-add","t":"Bubble chat add","d":"Animated bubble chat add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bubble-chat-blocked","t":"Bubble chat blocked","d":"Animated bubble chat blocked icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bubble-chat-cancel","t":"Bubble chat cancel","d":"Animated bubble chat cancel icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bubble-chat-delay","t":"Bubble chat delay","d":"Animated bubble chat delay icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bubble-chat-done","t":"Bubble chat done","d":"Animated bubble chat done icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bubble-chat-download","t":"Bubble chat download","d":"Animated bubble chat download icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:bubble-chat-edit","t":"Bubble chat edit","d":"Animated bubble chat edit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bubble-chat-favourite","t":"Bubble chat favourite","d":"Animated bubble chat favourite icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bubble-chat-income","t":"Bubble chat income","d":"Animated bubble chat income icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bubble-chat-lock","t":"Bubble chat lock","d":"Animated bubble chat lock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bubble-chat-notification","t":"Bubble chat notification","d":"Animated bubble chat notification icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bubble-chat-outcome","t":"Bubble chat outcome","d":"Animated bubble chat outcome icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bubble-chat-question","t":"Bubble chat question","d":"Animated bubble chat question icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bubble-chat-search","t":"Bubble chat search","d":"Animated bubble chat search icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bubble-chat-secure","t":"Bubble chat secure","d":"Animated bubble chat secure icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bubble-chat-spark","t":"Bubble chat spark","d":"Animated bubble chat spark icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:bubble-chat-temporary","t":"Bubble chat temporary","d":"Animated bubble chat temporary icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bubble-chat-translate","t":"Bubble chat translate","d":"Animated bubble chat translate icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bubble-chat-unlock","t":"Bubble chat unlock","d":"Animated bubble chat unlock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bubble-chat-upload","t":"Bubble chat upload","d":"Animated bubble chat upload icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bubble-chat-user","t":"Bubble chat user","d":"Animated bubble chat user icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bubble-chat","t":"Bubble chat","d":"Animated bubble chat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:bubble-tea","t":"Bubble tea","d":"Animated bubble tea icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:bubbles","t":"Bubbles","d":"Animated bubbles icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bucket","t":"Bucket","d":"Animated bucket icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bug","t":"Bug","d":"Animated bug icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:building","t":"Building","d":"Animated building icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":6,"hc":1},{"id":"hugeicons-animated-vue:bulb-charging","t":"Bulb charging","d":"Animated bulb charging icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bulb","t":"Bulb","d":"Animated bulb icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bullet","t":"Bullet","d":"Animated bullet icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bulletproof-vest","t":"Bulletproof vest","d":"Animated bulletproof vest icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:burj-al-arab","t":"Burj al arab","d":"Animated burj al arab icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:burning-cd","t":"Burning cd","d":"Animated burning cd icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bus-front","t":"Bus front","d":"Animated bus front icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:bus","t":"Bus","d":"Animated bus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:c-programming","t":"C programming","d":"Animated c programming icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:c","t":"C","d":"Animated c icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cabinet","t":"Cabinet","d":"Animated cabinet icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:cable-car","t":"Cable car","d":"Animated cable car icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cable","t":"Cable","d":"Animated cable icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cactus","t":"Cactus","d":"Animated cactus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:caduceus","t":"Caduceus","d":"Animated caduceus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cafe","t":"Cafe","d":"Animated cafe icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cake-slice","t":"Cake slice","d":"Animated cake slice icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cake","t":"Cake","d":"Animated cake icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:calculate","t":"Calculate","d":"Animated calculate icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:calculator","t":"Calculator","d":"Animated calculator icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:calendar-add","t":"Calendar add","d":"Animated calendar add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:calendar-analysis","t":"Calendar analysis","d":"Animated calendar analysis icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:calendar-arrow-down","t":"Calendar arrow down","d":"Animated calendar arrow down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:calendar-arrow-up","t":"Calendar arrow up","d":"Animated calendar arrow up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:calendar-block","t":"Calendar block","d":"Animated calendar block icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:calendar-check-in","t":"Calendar check in","d":"Animated calendar check in icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:calendar-check-out","t":"Calendar check out","d":"Animated calendar check out icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:calendar-check","t":"Calendar check","d":"Animated calendar check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:calendar-clock","t":"Calendar clock","d":"Animated calendar clock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:calendar-cog","t":"Calendar cog","d":"Animated calendar cog icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:calendar-days","t":"Calendar days","d":"Animated calendar days icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:calendar-download","t":"Calendar download","d":"Animated calendar download icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:calendar-favorite","t":"Calendar favorite","d":"Animated calendar favorite icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:calendar-fold","t":"Calendar fold","d":"Animated calendar fold icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:calendar-heart","t":"Calendar heart","d":"Animated calendar heart icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:calendar-lock","t":"Calendar lock","d":"Animated calendar lock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:calendar-love","t":"Calendar love","d":"Animated calendar love icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:calendar-minus","t":"Calendar minus","d":"Animated calendar minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:calendar-mortarboard","t":"Calendar mortarboard","d":"Animated calendar mortarboard icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:calendar-off","t":"Calendar off","d":"Animated calendar off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:calendar-plus","t":"Calendar plus","d":"Animated calendar plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:calendar-range","t":"Calendar range","d":"Animated calendar range icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:calendar-remove","t":"Calendar remove","d":"Animated calendar remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:calendar-search","t":"Calendar search","d":"Animated calendar search icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:calendar-setting","t":"Calendar setting","d":"Animated calendar setting icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:calendar-sync","t":"Calendar sync","d":"Animated calendar sync icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:calendar-upload","t":"Calendar upload","d":"Animated calendar upload icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:calendar-user","t":"Calendar user","d":"Animated calendar user icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:calendar","t":"Calendar","d":"Animated calendar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":6,"hc":1},{"id":"hugeicons-animated-vue:calendars","t":"Calendars","d":"Animated calendars icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:call-add","t":"Call add","d":"Animated call add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:call-blocked","t":"Call blocked","d":"Animated call blocked icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:call-disabled","t":"Call disabled","d":"Animated call disabled icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:call-done","t":"Call done","d":"Animated call done icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:call-end","t":"Call end","d":"Animated call end icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:call-incoming","t":"Call incoming","d":"Animated call incoming icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:call-internal","t":"Call internal","d":"Animated call internal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:call-locked","t":"Call locked","d":"Animated call locked icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:call-minus","t":"Call minus","d":"Animated call minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:call-missed","t":"Call missed","d":"Animated call missed icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:call-outgoing","t":"Call outgoing","d":"Animated call outgoing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:call-paused","t":"Call paused","d":"Animated call paused icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:call-received","t":"Call received","d":"Animated call received icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:call-ringing","t":"Call ringing","d":"Animated call ringing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:call-spark","t":"Call spark","d":"Animated call spark icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:call-unlocked","t":"Call unlocked","d":"Animated call unlocked icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:call","t":"Call","d":"Animated call icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:calling","t":"Calling","d":"Animated calling icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:camel","t":"Camel","d":"Animated camel icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:camera-add","t":"Camera add","d":"Animated camera add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:camera-ai","t":"Camera ai","d":"Animated camera ai icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:camera-automatically","t":"Camera automatically","d":"Animated camera automatically icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:camera-lens","t":"Camera lens","d":"Animated camera lens icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:camera-microphone","t":"Camera microphone","d":"Animated camera microphone icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:camera-night-mode","t":"Camera night mode","d":"Animated camera night mode icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:camera-off","t":"Camera off","d":"Animated camera off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:camera-rotated","t":"Camera rotated","d":"Animated camera rotated icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:camera-smile","t":"Camera smile","d":"Animated camera smile icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:camera-tripod","t":"Camera tripod","d":"Animated camera tripod icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:camera-video","t":"Camera video","d":"Animated camera video icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:camera","t":"Camera","d":"Animated camera icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:camper","t":"Camper","d":"Animated camper icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:campfire","t":"Campfire","d":"Animated campfire icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cancel-circle-half-dot","t":"Cancel circle half dot","d":"Animated cancel circle half dot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cancel-circle","t":"Cancel circle","d":"Animated cancel circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cancel-square","t":"Cancel square","d":"Animated cancel square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cancel","t":"Cancel","d":"Animated cancel icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:candelier","t":"Candelier","d":"Animated candelier icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:candy-cane","t":"Candy cane","d":"Animated candy cane icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:candy-off","t":"Candy off","d":"Animated candy off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:candy","t":"Candy","d":"Animated candy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cannabis-off","t":"Cannabis off","d":"Animated cannabis off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cannabis","t":"Cannabis","d":"Animated cannabis icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:canvas","t":"Canvas","d":"Animated canvas icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cap-projecting","t":"Cap projecting","d":"Animated cap projecting icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cap-round","t":"Cap round","d":"Animated cap round icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cap-straight","t":"Cap straight","d":"Animated cap straight icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cap","t":"Cap","d":"Animated cap icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:capcut-rectangle","t":"Capcut rectangle","d":"Animated capcut rectangle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:capcut","t":"Capcut","d":"Animated capcut icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:captions-off","t":"Captions off","d":"Animated captions off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:captions","t":"Captions","d":"Animated captions icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:car-alert","t":"Car alert","d":"Animated car alert icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:car-front","t":"Car front","d":"Animated car front icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:car-parking","t":"Car parking","d":"Animated car parking icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:car-signal","t":"Car signal","d":"Animated car signal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:car-taxi-front","t":"Car taxi front","d":"Animated car taxi front icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:car-time","t":"Car time","d":"Animated car time icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:car","t":"Car","d":"Animated car icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:caravan","t":"Caravan","d":"Animated caravan icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:card-exchange","t":"Card exchange","d":"Animated card exchange icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:card-sim","t":"Card sim","d":"Animated card sim icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cardigan","t":"Cardigan","d":"Animated cardigan icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cardiogram","t":"Cardiogram","d":"Animated cardiogram icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:cards","t":"Cards","d":"Animated cards icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:cargo-ship","t":"Cargo ship","d":"Animated cargo ship icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:carousel-horizontal","t":"Carousel horizontal","d":"Animated carousel horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:carousel-vertical","t":"Carousel vertical","d":"Animated carousel vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:carrot","t":"Carrot","d":"Animated carrot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:case-lower","t":"Case lower","d":"Animated case lower icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:case-sensitive","t":"Case sensitive","d":"Animated case sensitive icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:case-upper","t":"Case upper","d":"Animated case upper icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cash","t":"Cash","d":"Animated cash icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:cashback-bitcoin","t":"Cashback bitcoin","d":"Animated cashback bitcoin icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cashback-euro","t":"Cashback euro","d":"Animated cashback euro icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cashback-pound","t":"Cashback pound","d":"Animated cashback pound icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cashback-yen","t":"Cashback yen","d":"Animated cashback yen icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cashback","t":"Cashback","d":"Animated cashback icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cashier","t":"Cashier","d":"Animated cashier icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:cassette-tape","t":"Cassette tape","d":"Animated cassette tape icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cast","t":"Cast","d":"Animated cast icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:castbox","t":"Castbox","d":"Animated castbox icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:castle","t":"Castle","d":"Animated castle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:cat","t":"Cat","d":"Animated cat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:catalogue","t":"Catalogue","d":"Animated catalogue icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cayan-tower","t":"Cayan tower","d":"Animated cayan tower icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cctv-camera","t":"Cctv camera","d":"Animated cctv camera icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cctv-off","t":"Cctv off","d":"Animated cctv off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cctv","t":"Cctv","d":"Animated cctv icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cd","t":"Cd","d":"Animated cd icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cells","t":"Cells","d":"Animated cells icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cellular-network-offline","t":"Cellular network offline","d":"Animated cellular network offline icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cellular-network","t":"Cellular network","d":"Animated cellular network icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:celsius","t":"Celsius","d":"Animated celsius icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:center-focus","t":"Center focus","d":"Animated center focus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:central-shaheed-minar","t":"Central shaheed minar","d":"Animated central shaheed minar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:centralized","t":"Centralized","d":"Animated centralized icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:certificate","t":"Certificate","d":"Animated certificate icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:chair-barber","t":"Chair barber","d":"Animated chair barber icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chair","t":"Chair","d":"Animated chair icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:champion","t":"Champion","d":"Animated champion icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:change-screen-mode","t":"Change screen mode","d":"Animated change screen mode icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:character-phonetic","t":"Character phonetic","d":"Animated character phonetic icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:charity","t":"Charity","d":"Animated charity icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-analysis","t":"Chart analysis","d":"Animated chart analysis icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-area","t":"Chart area","d":"Animated chart area icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-average","t":"Chart average","d":"Animated chart average icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-bar-big","t":"Chart bar big","d":"Animated chart bar big icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-bar-decreasing","t":"Chart bar decreasing","d":"Animated chart bar decreasing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-bar-increasing","t":"Chart bar increasing","d":"Animated chart bar increasing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-bar-line","t":"Chart bar line","d":"Animated chart bar line icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-bar-stacked","t":"Chart bar stacked","d":"Animated chart bar stacked icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-breakout-circle","t":"Chart breakout circle","d":"Animated chart breakout circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-breakout-square","t":"Chart breakout square","d":"Animated chart breakout square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-bubble","t":"Chart bubble","d":"Animated chart bubble icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:chart-candle","t":"Chart candle","d":"Animated chart candle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-candlestick","t":"Chart candlestick","d":"Animated chart candlestick icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-column-big","t":"Chart column big","d":"Animated chart column big icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-column-decreasing","t":"Chart column decreasing","d":"Animated chart column decreasing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-column-increasing","t":"Chart column increasing","d":"Animated chart column increasing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-column-stacked","t":"Chart column stacked","d":"Animated chart column stacked icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-column","t":"Chart column","d":"Animated chart column icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-decrease","t":"Chart decrease","d":"Animated chart decrease icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-down","t":"Chart down","d":"Animated chart down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-evaluation","t":"Chart evaluation","d":"Animated chart evaluation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-gantt","t":"Chart gantt","d":"Animated chart gantt icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-high-low","t":"Chart high low","d":"Animated chart high low icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-histogram","t":"Chart histogram","d":"Animated chart histogram icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-increase","t":"Chart increase","d":"Animated chart increase icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-line-data","t":"Chart line data","d":"Animated chart line data icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:chart-line","t":"Chart line","d":"Animated chart line icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-maximum","t":"Chart maximum","d":"Animated chart maximum icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-medium","t":"Chart medium","d":"Animated chart medium icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-minimum","t":"Chart minimum","d":"Animated chart minimum icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-network","t":"Chart network","d":"Animated chart network icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-no-axes-column-decreasing","t":"Chart no axes column decreasing","d":"Animated chart no axes column decreasing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-no-axes-column-increasing","t":"Chart no axes column increasing","d":"Animated chart no axes column increasing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-no-axes-column","t":"Chart no axes column","d":"Animated chart no axes column icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-no-axes-combined","t":"Chart no axes combined","d":"Animated chart no axes combined icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-no-axes-gantt","t":"Chart no axes gantt","d":"Animated chart no axes gantt icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-radar","t":"Chart radar","d":"Animated chart radar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-relationship","t":"Chart relationship","d":"Animated chart relationship icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-ring","t":"Chart ring","d":"Animated chart ring icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-rose","t":"Chart rose","d":"Animated chart rose icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-scatter","t":"Chart scatter","d":"Animated chart scatter icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-spline","t":"Chart spline","d":"Animated chart spline icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart-up","t":"Chart up","d":"Animated chart up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chart","t":"Chart","d":"Animated chart icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:chat-add","t":"Chat add","d":"Animated chat add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:chat-blocked","t":"Chat blocked","d":"Animated chat blocked icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:chat-bot","t":"Chat bot","d":"Animated chat bot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chat-cancel","t":"Chat cancel","d":"Animated chat cancel icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:chat-delay","t":"Chat delay","d":"Animated chat delay icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:chat-done","t":"Chat done","d":"Animated chat done icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:chat-download","t":"Chat download","d":"Animated chat download icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:chat-edit","t":"Chat edit","d":"Animated chat edit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:chat-favourite","t":"Chat favourite","d":"Animated chat favourite icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:chat-feedback","t":"Chat feedback","d":"Animated chat feedback icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:chat-gpt","t":"Chat gpt","d":"Animated chat gpt icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chat-income","t":"Chat income","d":"Animated chat income icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:chat-lock","t":"Chat lock","d":"Animated chat lock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:chat-notification","t":"Chat notification","d":"Animated chat notification icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:chat-outcome","t":"Chat outcome","d":"Animated chat outcome icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:chat-question","t":"Chat question","d":"Animated chat question icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:chat-search","t":"Chat search","d":"Animated chat search icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:chat-secure","t":"Chat secure","d":"Animated chat secure icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:chat-spark","t":"Chat spark","d":"Animated chat spark icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:chat-translate","t":"Chat translate","d":"Animated chat translate icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:chat-unlock","t":"Chat unlock","d":"Animated chat unlock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:chat-upload","t":"Chat upload","d":"Animated chat upload icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:chat-user","t":"Chat user","d":"Animated chat user icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:chat","t":"Chat","d":"Animated chat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:chatting","t":"Chatting","d":"Animated chatting icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:check-check","t":"Check check","d":"Animated check check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:check-line","t":"Check line","d":"Animated check line icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:check-list","t":"Check list","d":"Animated check list icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:check-unread","t":"Check unread","d":"Animated check unread icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:check","t":"Check","d":"Animated check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:checkmark-badge","t":"Checkmark badge","d":"Animated checkmark badge icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:checkmark-circle","t":"Checkmark circle","d":"Animated checkmark circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:checkmark-square","t":"Checkmark square","d":"Animated checkmark square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:cheese-cake","t":"Cheese cake","d":"Animated cheese cake icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:cheese","t":"Cheese","d":"Animated cheese icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chef-hat","t":"Chef hat","d":"Animated chef hat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chef","t":"Chef","d":"Animated chef icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chemistry","t":"Chemistry","d":"Animated chemistry icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:cherry","t":"Cherry","d":"Animated cherry icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chess-bishop","t":"Chess bishop","d":"Animated chess bishop icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chess-king","t":"Chess king","d":"Animated chess king icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chess-knight","t":"Chess knight","d":"Animated chess knight icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chess-pawn","t":"Chess pawn","d":"Animated chess pawn icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chess-queen","t":"Chess queen","d":"Animated chess queen icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chess-rook","t":"Chess rook","d":"Animated chess rook icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chess","t":"Chess","d":"Animated chess icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:chevron-double-close","t":"Chevron double close","d":"Animated chevron double close icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chevron-down","t":"Chevron down","d":"Animated chevron down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chevron-first","t":"Chevron first","d":"Animated chevron first icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chevron-last","t":"Chevron last","d":"Animated chevron last icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chevron-left","t":"Chevron left","d":"Animated chevron left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chevron-right","t":"Chevron right","d":"Animated chevron right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chevron-up","t":"Chevron up","d":"Animated chevron up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chevrons-down-up","t":"Chevrons down up","d":"Animated chevrons down up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chevrons-down","t":"Chevrons down","d":"Animated chevrons down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chevrons-left-right-ellipsis","t":"Chevrons left right ellipsis","d":"Animated chevrons left right ellipsis icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chevrons-left-right","t":"Chevrons left right","d":"Animated chevrons left right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chevrons-left","t":"Chevrons left","d":"Animated chevrons left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chevrons-right-left","t":"Chevrons right left","d":"Animated chevrons right left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chevrons-right","t":"Chevrons right","d":"Animated chevrons right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chevrons-up","t":"Chevrons up","d":"Animated chevrons up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chicken-thighs","t":"Chicken thighs","d":"Animated chicken thighs icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:child","t":"Child","d":"Animated child icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chimney","t":"Chimney","d":"Animated chimney icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:china-temple","t":"China temple","d":"Animated china temple icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chip","t":"Chip","d":"Animated chip icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:chocolate","t":"Chocolate","d":"Animated chocolate icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chopsticks","t":"Chopsticks","d":"Animated chopsticks icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chrome","t":"Chrome","d":"Animated chrome icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:chrysler","t":"Chrysler","d":"Animated chrysler icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:church","t":"Church","d":"Animated church icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cigarette-off","t":"Cigarette off","d":"Animated cigarette off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cigarette","t":"Cigarette","d":"Animated cigarette icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cinnamon-roll","t":"Cinnamon roll","d":"Animated cinnamon roll icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-data-transfer-diagonal","t":"Circle arrow data transfer diagonal","d":"Animated circle arrow data transfer diagonal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-data-transfer-horizontal","t":"Circle arrow data transfer horizontal","d":"Animated circle arrow data transfer horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-data-transfer-vertical","t":"Circle arrow data transfer vertical","d":"Animated circle arrow data transfer vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-diagonal","t":"Circle arrow diagonal","d":"Animated circle arrow diagonal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-down-double","t":"Circle arrow down double","d":"Animated circle arrow down double icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-down-left","t":"Circle arrow down left","d":"Animated circle arrow down left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-down-right","t":"Circle arrow down right","d":"Animated circle arrow down right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-down","t":"Circle arrow down","d":"Animated circle arrow down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-expand","t":"Circle arrow expand","d":"Animated circle arrow expand icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-horizontal","t":"Circle arrow horizontal","d":"Animated circle arrow horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-left-double","t":"Circle arrow left double","d":"Animated circle arrow left double icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-left-right","t":"Circle arrow left right","d":"Animated circle arrow left right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-left","t":"Circle arrow left","d":"Animated circle arrow left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-move-down-left","t":"Circle arrow move down left","d":"Animated circle arrow move down left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-move-down-right","t":"Circle arrow move down right","d":"Animated circle arrow move down right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-move-left-down","t":"Circle arrow move left down","d":"Animated circle arrow move left down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-move-right-down","t":"Circle arrow move right down","d":"Animated circle arrow move right down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-move-up-left","t":"Circle arrow move up left","d":"Animated circle arrow move up left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-move-up-right","t":"Circle arrow move up right","d":"Animated circle arrow move up right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-out-down-left","t":"Circle arrow out down left","d":"Animated circle arrow out down left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-out-down-right","t":"Circle arrow out down right","d":"Animated circle arrow out down right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-out-up-left","t":"Circle arrow out up left","d":"Animated circle arrow out up left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-out-up-right","t":"Circle arrow out up right","d":"Animated circle arrow out up right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-reload","t":"Circle arrow reload","d":"Animated circle arrow reload icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-right-double","t":"Circle arrow right double","d":"Animated circle arrow right double icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-right","t":"Circle arrow right","d":"Animated circle arrow right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-shrink","t":"Circle arrow shrink","d":"Animated circle arrow shrink icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-up-double","t":"Circle arrow up double","d":"Animated circle arrow up double icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-up-down","t":"Circle arrow up down","d":"Animated circle arrow up down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-up-left","t":"Circle arrow up left","d":"Animated circle arrow up left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-up-right","t":"Circle arrow up right","d":"Animated circle arrow up right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-up","t":"Circle arrow up","d":"Animated circle arrow up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:circle-arrow-vertical","t":"Circle arrow vertical","d":"Animated circle arrow vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-check-big","t":"Circle check big","d":"Animated circle check big icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-check","t":"Circle check","d":"Animated circle check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-chevron-down","t":"Circle chevron down","d":"Animated circle chevron down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-chevron-left","t":"Circle chevron left","d":"Animated circle chevron left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-chevron-right","t":"Circle chevron right","d":"Animated circle chevron right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-chevron-up","t":"Circle chevron up","d":"Animated circle chevron up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-dashed","t":"Circle dashed","d":"Animated circle dashed icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-dollar-sign","t":"Circle dollar sign","d":"Animated circle dollar sign icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-dot-dashed","t":"Circle dot dashed","d":"Animated circle dot dashed icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-dot","t":"Circle dot","d":"Animated circle dot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-ellipsis","t":"Circle ellipsis","d":"Animated circle ellipsis icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-fading-arrow-up","t":"Circle fading arrow up","d":"Animated circle fading arrow up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-fading-plus","t":"Circle fading plus","d":"Animated circle fading plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-gauge","t":"Circle gauge","d":"Animated circle gauge icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-lock-add","t":"Circle lock add","d":"Animated circle lock add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:circle-lock-check","t":"Circle lock check","d":"Animated circle lock check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:circle-lock-minus","t":"Circle lock minus","d":"Animated circle lock minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:circle-lock-remove","t":"Circle lock remove","d":"Animated circle lock remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:circle-lock","t":"Circle lock","d":"Animated circle lock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:circle-minus","t":"Circle minus","d":"Animated circle minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-off","t":"Circle off","d":"Animated circle off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-parking-off","t":"Circle parking off","d":"Animated circle parking off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-parking","t":"Circle parking","d":"Animated circle parking icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-password","t":"Circle password","d":"Animated circle password icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-pile","t":"Circle pile","d":"Animated circle pile icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-plus","t":"Circle plus","d":"Animated circle plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-pound-sterling","t":"Circle pound sterling","d":"Animated circle pound sterling icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-power","t":"Circle power","d":"Animated circle power icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-question-mark","t":"Circle question mark","d":"Animated circle question mark icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-slash-two","t":"Circle slash two","d":"Animated circle slash two icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-small","t":"Circle small","d":"Animated circle small icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:circle-unlock","t":"Circle unlock","d":"Animated circle unlock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:circle","t":"Circle","d":"Animated circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:circuit-board","t":"Circuit board","d":"Animated circuit board icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:citrus","t":"Citrus","d":"Animated citrus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:city","t":"City","d":"Animated city icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:clapperboard","t":"Clapperboard","d":"Animated clapperboard icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clapping","t":"Clapping","d":"Animated clapping icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:claude","t":"Claude","d":"Animated claude icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clean","t":"Clean","d":"Animated clean icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","minimal"],"sb":"Animated","fw":"Vue","sy":["animated","minimal"],"hc":1},{"id":"hugeicons-animated-vue:cleaning-bucket","t":"Cleaning bucket","d":"Animated cleaning bucket icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","minimal"],"sb":"Animated","fw":"Vue","sy":["animated","minimal"],"hc":1},{"id":"hugeicons-animated-vue:clinic","t":"Clinic","d":"Animated clinic icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clip","t":"Clip","d":"Animated clip icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cliparts","t":"Cliparts","d":"Animated cliparts icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clipboard-check","t":"Clipboard check","d":"Animated clipboard check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clipboard-clock","t":"Clipboard clock","d":"Animated clipboard clock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clipboard-copy","t":"Clipboard copy","d":"Animated clipboard copy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clipboard-list","t":"Clipboard list","d":"Animated clipboard list icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clipboard-minus","t":"Clipboard minus","d":"Animated clipboard minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clipboard-paste","t":"Clipboard paste","d":"Animated clipboard paste icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clipboard-pen-line","t":"Clipboard pen line","d":"Animated clipboard pen line icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clipboard-pen","t":"Clipboard pen","d":"Animated clipboard pen icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clipboard-plus","t":"Clipboard plus","d":"Animated clipboard plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clipboard-type","t":"Clipboard type","d":"Animated clipboard type icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clipboard","t":"Clipboard","d":"Animated clipboard icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:clock-add","t":"Clock add","d":"Animated clock add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clock-alert","t":"Clock alert","d":"Animated clock alert icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clock-arrow-down","t":"Clock arrow down","d":"Animated clock arrow down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clock-arrow-up","t":"Clock arrow up","d":"Animated clock arrow up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clock-check","t":"Clock check","d":"Animated clock check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clock-fading","t":"Clock fading","d":"Animated clock fading icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clock-plus","t":"Clock plus","d":"Animated clock plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clock","t":"Clock","d":"Animated clock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:closed-caption-alt","t":"Closed caption alt","d":"Animated closed caption alt icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:closed-caption","t":"Closed caption","d":"Animated closed caption icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clothes","t":"Clothes","d":"Animated clothes icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-alert","t":"Cloud alert","d":"Animated cloud alert icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-angled-rain-zap","t":"Cloud angled rain zap","d":"Animated cloud angled rain zap icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-angled-rain","t":"Cloud angled rain","d":"Animated cloud angled rain icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-angled-zap","t":"Cloud angled zap","d":"Animated cloud angled zap icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-backup","t":"Cloud backup","d":"Animated cloud backup icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-big-rain","t":"Cloud big rain","d":"Animated cloud big rain icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-check","t":"Cloud check","d":"Animated cloud check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-cog","t":"Cloud cog","d":"Animated cloud cog icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-download","t":"Cloud download","d":"Animated cloud download icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-drizzle","t":"Cloud drizzle","d":"Animated cloud drizzle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-fast-wind","t":"Cloud fast wind","d":"Animated cloud fast wind icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-fog","t":"Cloud fog","d":"Animated cloud fog icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-hail","t":"Cloud hail","d":"Animated cloud hail icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-hailstone","t":"Cloud hailstone","d":"Animated cloud hailstone icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-lightning","t":"Cloud lightning","d":"Animated cloud lightning icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-little-rain","t":"Cloud little rain","d":"Animated cloud little rain icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-little-snow","t":"Cloud little snow","d":"Animated cloud little snow icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-loading","t":"Cloud loading","d":"Animated cloud loading icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-mid-rain","t":"Cloud mid rain","d":"Animated cloud mid rain icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-mid-snow","t":"Cloud mid snow","d":"Animated cloud mid snow icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-moon-rain","t":"Cloud moon rain","d":"Animated cloud moon rain icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-off","t":"Cloud off","d":"Animated cloud off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-rain-wind","t":"Cloud rain wind","d":"Animated cloud rain wind icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-rain","t":"Cloud rain","d":"Animated cloud rain icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-saving-done","t":"Cloud saving done","d":"Animated cloud saving done icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:cloud-server","t":"Cloud server","d":"Animated cloud server icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-slow-wind","t":"Cloud slow wind","d":"Animated cloud slow wind icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-snow","t":"Cloud snow","d":"Animated cloud snow icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-sun-rain","t":"Cloud sun rain","d":"Animated cloud sun rain icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-sync","t":"Cloud sync","d":"Animated cloud sync icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud-upload","t":"Cloud upload","d":"Animated cloud upload icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloud","t":"Cloud","d":"Animated cloud icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cloudy","t":"Cloudy","d":"Animated cloudy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clover","t":"Clover","d":"Animated clover icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:club","t":"Club","d":"Animated club icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:clubs","t":"Clubs","d":"Animated clubs icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:co-present","t":"Co present","d":"Animated co present icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:code-circle","t":"Code circle","d":"Animated code circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:code-folder","t":"Code folder","d":"Animated code folder icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:code-simple","t":"Code simple","d":"Animated code simple icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","minimal"],"sb":"Animated","fw":"Vue","sy":["animated","minimal"],"hc":1},{"id":"hugeicons-animated-vue:code-square","t":"Code square","d":"Animated code square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:code-xml","t":"Code xml","d":"Animated code xml icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:code","t":"Code","d":"Animated code icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:codepen","t":"Codepen","d":"Animated codepen icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:codesandbox","t":"Codesandbox","d":"Animated codesandbox icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:coffee-beans","t":"Coffee beans","d":"Animated coffee beans icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:coffee","t":"Coffee","d":"Animated coffee icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:cog","t":"Cog","d":"Animated cog icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:coinbase","t":"Coinbase","d":"Animated coinbase icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:coins-bitcoin","t":"Coins bitcoin","d":"Animated coins bitcoin icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:coins-dollar","t":"Coins dollar","d":"Animated coins dollar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:coins-euro","t":"Coins euro","d":"Animated coins euro icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:coins-pound","t":"Coins pound","d":"Animated coins pound icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:coins-swap","t":"Coins swap","d":"Animated coins swap icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:coins-yen","t":"Coins yen","d":"Animated coins yen icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:coins","t":"Coins","d":"Animated coins icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:collapse","t":"Collapse","d":"Animated collapse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:collections-bookmark","t":"Collections bookmark","d":"Animated collections bookmark icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:color-picker","t":"Color picker","d":"Animated color picker icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:colors","t":"Colors","d":"Animated colors icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:colosseum","t":"Colosseum","d":"Animated colosseum icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:column-delete","t":"Column delete","d":"Animated column delete icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:column-insert","t":"Column insert","d":"Animated column insert icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:columns-three-cog","t":"Columns three cog","d":"Animated columns three cog icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:combine","t":"Combine","d":"Animated combine icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:comet","t":"Comet","d":"Animated comet icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:coming-soon","t":"Coming soon","d":"Animated coming soon icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:command-line","t":"Command line","d":"Animated command line icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:command","t":"Command","d":"Animated command icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:comment-add","t":"Comment add","d":"Animated comment add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:comment-block","t":"Comment block","d":"Animated comment block icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:comment-remove","t":"Comment remove","d":"Animated comment remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:comment","t":"Comment","d":"Animated comment icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:compass","t":"Compass","d":"Animated compass icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:complaint","t":"Complaint","d":"Animated complaint icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:component","t":"Component","d":"Animated component icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:computer-activity","t":"Computer activity","d":"Animated computer activity icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:computer-add","t":"Computer add","d":"Animated computer add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:computer-arrow-down","t":"Computer arrow down","d":"Animated computer arrow down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:computer-arrow-up","t":"Computer arrow up","d":"Animated computer arrow up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:computer-chart-down","t":"Computer chart down","d":"Animated computer chart down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:computer-chart-up","t":"Computer chart up","d":"Animated computer chart up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:computer-check","t":"Computer check","d":"Animated computer check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:computer-cloud","t":"Computer cloud","d":"Animated computer cloud icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:computer-desk","t":"Computer desk","d":"Animated computer desk icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:computer-dollar","t":"Computer dollar","d":"Animated computer dollar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:computer-ethernet","t":"Computer ethernet","d":"Animated computer ethernet icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:computer-phone-sync","t":"Computer phone sync","d":"Animated computer phone sync icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:computer-programming","t":"Computer programming","d":"Animated computer programming icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:computer-protection","t":"Computer protection","d":"Animated computer protection icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:computer-remove","t":"Computer remove","d":"Animated computer remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:computer-screen-share","t":"Computer screen share","d":"Animated computer screen share icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:computer-settings","t":"Computer settings","d":"Animated computer settings icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:computer-terminal","t":"Computer terminal","d":"Animated computer terminal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","retro and HUD"],"sb":"Animated","fw":"Vue","sy":["animated","retro and HUD"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:computer-user","t":"Computer user","d":"Animated computer user icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:computer-video-call","t":"Computer video call","d":"Animated computer video call icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:computer-video","t":"Computer video","d":"Animated computer video icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:computer","t":"Computer","d":"Animated computer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:concierge-bell","t":"Concierge bell","d":"Animated concierge bell icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cone","t":"Cone","d":"Animated cone icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:conference","t":"Conference","d":"Animated conference icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:configuration","t":"Configuration","d":"Animated configuration icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:confused","t":"Confused","d":"Animated confused icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:congruent-to-circle","t":"Congruent to circle","d":"Animated congruent to circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:congruent-to-square","t":"Congruent to square","d":"Animated congruent to square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:congruent-to","t":"Congruent to","d":"Animated congruent to icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:connect","t":"Connect","d":"Animated connect icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:console","t":"Console","d":"Animated console icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:constellation","t":"Constellation","d":"Animated constellation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:construction","t":"Construction","d":"Animated construction icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:contact-book","t":"Contact book","d":"Animated contact book icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:contact-round","t":"Contact round","d":"Animated contact round icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:contact","t":"Contact","d":"Animated contact icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:container-truck","t":"Container truck","d":"Animated container truck icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:container","t":"Container","d":"Animated container icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:content-writing","t":"Content writing","d":"Animated content writing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:contracts","t":"Contracts","d":"Animated contracts icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:contrast","t":"Contrast","d":"Animated contrast icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:conversation","t":"Conversation","d":"Animated conversation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cook-book","t":"Cook book","d":"Animated cook book icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cookie","t":"Cookie","d":"Animated cookie icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cooking-pot","t":"Cooking pot","d":"Animated cooking pot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:coordinate","t":"Coordinate","d":"Animated coordinate icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:copilot","t":"Copilot","d":"Animated copilot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:copy-check","t":"Copy check","d":"Animated copy check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:copy-link","t":"Copy link","d":"Animated copy link icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:copy-minus","t":"Copy minus","d":"Animated copy minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:copy-plus","t":"Copy plus","d":"Animated copy plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:copy-slash","t":"Copy slash","d":"Animated copy slash icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:copy","t":"Copy","d":"Animated copy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:copyleft","t":"Copyleft","d":"Animated copyleft icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:copyright","t":"Copyright","d":"Animated copyright icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:corn","t":"Corn","d":"Animated corn icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:corner-down-left","t":"Corner down left","d":"Animated corner down left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:corner-down-right","t":"Corner down right","d":"Animated corner down right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:corner-left-down","t":"Corner left down","d":"Animated corner left down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:corner-left-up","t":"Corner left up","d":"Animated corner left up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:corner-right-down","t":"Corner right down","d":"Animated corner right down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:corner-right-up","t":"Corner right up","d":"Animated corner right up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:corner-up-left","t":"Corner up left","d":"Animated corner up left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:corner-up-right","t":"Corner up right","d":"Animated corner up right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:corporate","t":"Corporate","d":"Animated corporate icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cos","t":"Cos","d":"Animated cos icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cosine","t":"Cosine","d":"Animated cosine icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:cottage","t":"Cottage","d":"Animated cottage icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cotton-candy","t":"Cotton candy","d":"Animated cotton candy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:coupon-percent","t":"Coupon percent","d":"Animated coupon percent icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:coupon","t":"Coupon","d":"Animated coupon icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:course","t":"Course","d":"Animated course icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:court-house","t":"Court house","d":"Animated court house icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:court-law","t":"Court law","d":"Animated court law icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:covariate","t":"Covariate","d":"Animated covariate icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:covid-info","t":"Covid info","d":"Animated covid info icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cowboy-hat","t":"Cowboy hat","d":"Animated cowboy hat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cpp","t":"Cpp","d":"Animated cpp icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cpu-charge","t":"Cpu charge","d":"Animated cpu charge icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cpu-settings","t":"Cpu settings","d":"Animated cpu settings icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cpu","t":"Cpu","d":"Animated cpu icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:crab","t":"Crab","d":"Animated crab icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:crane","t":"Crane","d":"Animated crane icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:crazy","t":"Crazy","d":"Animated crazy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:creative-commons","t":"Creative commons","d":"Animated creative commons icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:creative-market","t":"Creative market","d":"Animated creative market icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:credit-card-accept","t":"Credit card accept","d":"Animated credit card accept icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:credit-card-add","t":"Credit card add","d":"Animated credit card add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:credit-card-change","t":"Credit card change","d":"Animated credit card change icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:credit-card-defrost","t":"Credit card defrost","d":"Animated credit card defrost icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","glass"],"sb":"Animated","fw":"Vue","sy":["animated","glass"],"hc":1},{"id":"hugeicons-animated-vue:credit-card-freeze","t":"Credit card freeze","d":"Animated credit card freeze icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:credit-card-not-accept","t":"Credit card not accept","d":"Animated credit card not accept icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:credit-card-not-found","t":"Credit card not found","d":"Animated credit card not found icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:credit-card-pos","t":"Credit card pos","d":"Animated credit card pos icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:credit-card-validation","t":"Credit card validation","d":"Animated credit card validation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:credit-card","t":"Credit card","d":"Animated credit card icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cricket-bat","t":"Cricket bat","d":"Animated cricket bat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cricket-helmet","t":"Cricket helmet","d":"Animated cricket helmet icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:croissant","t":"Croissant","d":"Animated croissant icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:crop","t":"Crop","d":"Animated crop icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cross","t":"Cross","d":"Animated cross icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:crosshair","t":"Crosshair","d":"Animated crosshair icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:crowdfunding","t":"Crowdfunding","d":"Animated crowdfunding icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","playful"],"sb":"Animated","fw":"Vue","sy":["animated","playful"],"hc":1},{"id":"hugeicons-animated-vue:crown-minus","t":"Crown minus","d":"Animated crown minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:crown-plus","t":"Crown plus","d":"Animated crown plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:crown","t":"Crown","d":"Animated crown icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:crying","t":"Crying","d":"Animated crying icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:css-file","t":"Css file","d":"Animated css file icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:css-three","t":"Css three","d":"Animated css three icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:csv","t":"Csv","d":"Animated csv icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:cube","t":"Cube","d":"Animated cube icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cup-soda","t":"Cup soda","d":"Animated cup soda icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cupcake","t":"Cupcake","d":"Animated cupcake icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:curling","t":"Curling","d":"Animated curling icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:currency","t":"Currency","d":"Animated currency icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cursor-add-selection","t":"Cursor add selection","d":"Animated cursor add selection icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:cursor-circle-selection","t":"Cursor circle selection","d":"Animated cursor circle selection icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:cursor-disabled","t":"Cursor disabled","d":"Animated cursor disabled icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:cursor-edit","t":"Cursor edit","d":"Animated cursor edit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:cursor-hold","t":"Cursor hold","d":"Animated cursor hold icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:cursor-in-window","t":"Cursor in window","d":"Animated cursor in window icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cursor-info","t":"Cursor info","d":"Animated cursor info icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:cursor-loading","t":"Cursor loading","d":"Animated cursor loading icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:cursor-magic-selection","t":"Cursor magic selection","d":"Animated cursor magic selection icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:cursor-move","t":"Cursor move","d":"Animated cursor move icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:cursor-pointer","t":"Cursor pointer","d":"Animated cursor pointer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:cursor-progress","t":"Cursor progress","d":"Animated cursor progress icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:cursor-rectangle-selection","t":"Cursor rectangle selection","d":"Animated cursor rectangle selection icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:cursor-remove-selection","t":"Cursor remove selection","d":"Animated cursor remove selection icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:cursor-text","t":"Cursor text","d":"Animated cursor text icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cursor","t":"Cursor","d":"Animated cursor icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:curtains","t":"Curtains","d":"Animated curtains icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:curvy-left-direction","t":"Curvy left direction","d":"Animated curvy left direction icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:curvy-left-right-direction","t":"Curvy left right direction","d":"Animated curvy left right direction icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:curvy-right-direction","t":"Curvy right direction","d":"Animated curvy right direction icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:curvy-up-down-direction","t":"Curvy up down direction","d":"Animated curvy up down direction icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:custom-field","t":"Custom field","d":"Animated custom field icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:customer-service","t":"Customer service","d":"Animated customer service icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:customer-support","t":"Customer support","d":"Animated customer support icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:customize","t":"Customize","d":"Animated customize icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:cylinder","t":"Cylinder","d":"Animated cylinder icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:dam","t":"Dam","d":"Animated dam icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:danger","t":"Danger","d":"Animated danger icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dark-mode","t":"Dark mode","d":"Animated dark mode icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dart","t":"Dart","d":"Animated dart icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dashboard-browsing","t":"Dashboard browsing","d":"Animated dashboard browsing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dashboard-circle-add","t":"Dashboard circle add","d":"Animated dashboard circle add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dashboard-circle-edit","t":"Dashboard circle edit","d":"Animated dashboard circle edit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dashboard-circle-remove","t":"Dashboard circle remove","d":"Animated dashboard circle remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dashboard-circle-settings","t":"Dashboard circle settings","d":"Animated dashboard circle settings icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dashboard-circle","t":"Dashboard circle","d":"Animated dashboard circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dashboard-speed","t":"Dashboard speed","d":"Animated dashboard speed icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:dashboard-square-add","t":"Dashboard square add","d":"Animated dashboard square add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dashboard-square-edit","t":"Dashboard square edit","d":"Animated dashboard square edit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dashboard-square-remove","t":"Dashboard square remove","d":"Animated dashboard square remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dashboard-square-setting","t":"Dashboard square setting","d":"Animated dashboard square setting icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dashboard-square","t":"Dashboard square","d":"Animated dashboard square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:dashed-line-circle","t":"Dashed line circle","d":"Animated dashed line circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dashed-line","t":"Dashed line","d":"Animated dashed line icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:data-recovery","t":"Data recovery","d":"Animated data recovery icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:database-add","t":"Database add","d":"Animated database add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:database-backup","t":"Database backup","d":"Animated database backup icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:database-expand","t":"Database expand","d":"Animated database expand icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:database-export","t":"Database export","d":"Animated database export icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:database-import","t":"Database import","d":"Animated database import icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:database-lightning","t":"Database lightning","d":"Animated database lightning icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:database-locked","t":"Database locked","d":"Animated database locked icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:database-restore","t":"Database restore","d":"Animated database restore icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:database-search","t":"Database search","d":"Animated database search icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:database-setting","t":"Database setting","d":"Animated database setting icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:database-sync","t":"Database sync","d":"Animated database sync icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:database-zap","t":"Database zap","d":"Animated database zap icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:database","t":"Database","d":"Animated database icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:date-time","t":"Date time","d":"Animated date time icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dates","t":"Dates","d":"Animated dates icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:datev","t":"Datev","d":"Animated datev icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dead","t":"Dead","d":"Animated dead icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:deepseek","t":"Deepseek","d":"Animated deepseek icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:delete-column","t":"Delete column","d":"Animated delete column icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:delete-put-back","t":"Delete put back","d":"Animated delete put back icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:delete-row","t":"Delete row","d":"Animated delete row icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:delete-throw","t":"Delete throw","d":"Animated delete throw icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:delete","t":"Delete","d":"Animated delete icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:delivered-sent","t":"Delivered sent","d":"Animated delivered sent icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:delivery-box","t":"Delivery box","d":"Animated delivery box icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:delivery-delay","t":"Delivery delay","d":"Animated delivery delay icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:delivery-return","t":"Delivery return","d":"Animated delivery return icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:delivery-secure","t":"Delivery secure","d":"Animated delivery secure icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:delivery-sent","t":"Delivery sent","d":"Animated delivery sent icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:delivery-tracking","t":"Delivery tracking","d":"Animated delivery tracking icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:delivery-truck","t":"Delivery truck","d":"Animated delivery truck icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:delivery-view","t":"Delivery view","d":"Animated delivery view icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:dental-braces","t":"Dental braces","d":"Animated dental braces icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dental-broken-tooth","t":"Dental broken tooth","d":"Animated dental broken tooth icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dental-care","t":"Dental care","d":"Animated dental care icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dental-tooth","t":"Dental tooth","d":"Animated dental tooth icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:departement","t":"Departement","d":"Animated departement icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:desert","t":"Desert","d":"Animated desert icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:desk","t":"Desk","d":"Animated desk icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:dessert","t":"Dessert","d":"Animated dessert icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:detergent","t":"Detergent","d":"Animated detergent icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:developer","t":"Developer","d":"Animated developer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:deviantart","t":"Deviantart","d":"Animated deviantart icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:device-access","t":"Device access","d":"Animated device access icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:diagonal-scroll-point","t":"Diagonal scroll point","d":"Animated diagonal scroll point icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:dialpad-circle","t":"Dialpad circle","d":"Animated dialpad circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:dialpad-square","t":"Dialpad square","d":"Animated dialpad square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:diameter","t":"Diameter","d":"Animated diameter icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:diamond-minus","t":"Diamond minus","d":"Animated diamond minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:diamond-percent","t":"Diamond percent","d":"Animated diamond percent icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:diamond-plus","t":"Diamond plus","d":"Animated diamond plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:diamond","t":"Diamond","d":"Animated diamond icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:diaper","t":"Diaper","d":"Animated diaper icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dice-faces","t":"Dice faces","d":"Animated dice faces icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":6,"hc":1},{"id":"hugeicons-animated-vue:dice","t":"Dice","d":"Animated dice icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dices","t":"Dices","d":"Animated dices icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:digestion","t":"Digestion","d":"Animated digestion icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:digg","t":"Digg","d":"Animated digg icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:digital-clock","t":"Digital clock","d":"Animated digital clock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dim-sum","t":"Dim sum","d":"Animated dim sum icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:dining-table","t":"Dining table","d":"Animated dining table icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:diploma","t":"Diploma","d":"Animated diploma icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:direction-left","t":"Direction left","d":"Animated direction left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:direction-right","t":"Direction right","d":"Animated direction right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:directions","t":"Directions","d":"Animated directions icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:dirham","t":"Dirham","d":"Animated dirham icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:disability","t":"Disability","d":"Animated disability icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:disc-album","t":"Disc album","d":"Animated disc album icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:disc-three","t":"Disc three","d":"Animated disc three icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:disc-two","t":"Disc two","d":"Animated disc two icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:disc","t":"Disc","d":"Animated disc icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:discord","t":"Discord","d":"Animated discord icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:discount-tag","t":"Discount tag","d":"Animated discount tag icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:discount","t":"Discount","d":"Animated discount icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:discover-circle","t":"Discover circle","d":"Animated discover circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:discover-square","t":"Discover square","d":"Animated discover square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dish-washer","t":"Dish washer","d":"Animated dish washer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dish","t":"Dish","d":"Animated dish icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:displeased","t":"Displeased","d":"Animated displeased icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:distribute-horizontal-center","t":"Distribute horizontal center","d":"Animated distribute horizontal center icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:distribute-horizontal-left","t":"Distribute horizontal left","d":"Animated distribute horizontal left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:distribute-horizontal-right","t":"Distribute horizontal right","d":"Animated distribute horizontal right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:distribute-vertical-bottom","t":"Distribute vertical bottom","d":"Animated distribute vertical bottom icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:distribute-vertical-center","t":"Distribute vertical center","d":"Animated distribute vertical center icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:distribute-vertical-top","t":"Distribute vertical top","d":"Animated distribute vertical top icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:distribution","t":"Distribution","d":"Animated distribution icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:divide-sign-circle","t":"Divide sign circle","d":"Animated divide sign circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:divide-sign-square","t":"Divide sign square","d":"Animated divide sign square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:divide-sign","t":"Divide sign","d":"Animated divide sign icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dna-off","t":"Dna off","d":"Animated dna off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dna","t":"Dna","d":"Animated dna icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:do-not-touch","t":"Do not touch","d":"Animated do not touch icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:doc","t":"Doc","d":"Animated doc icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:dock","t":"Dock","d":"Animated dock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:doctor","t":"Doctor","d":"Animated doctor icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:document-attachment","t":"Document attachment","d":"Animated document attachment icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:document-code","t":"Document code","d":"Animated document code icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:document-validation","t":"Document validation","d":"Animated document validation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dollar-circle","t":"Dollar circle","d":"Animated dollar circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dollar-receive","t":"Dollar receive","d":"Animated dollar receive icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:dollar-send","t":"Dollar send","d":"Animated dollar send icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:dollar-sign","t":"Dollar sign","d":"Animated dollar sign icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dollar-square","t":"Dollar square","d":"Animated dollar square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dollar","t":"Dollar","d":"Animated dollar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:dome","t":"Dome","d":"Animated dome icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:domino","t":"Domino","d":"Animated domino icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:donut","t":"Donut","d":"Animated donut icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:door-closed-locked","t":"Door closed locked","d":"Animated door closed locked icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:door-closed","t":"Door closed","d":"Animated door closed icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:door-lock","t":"Door lock","d":"Animated door lock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:door-open","t":"Door open","d":"Animated door open icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:door","t":"Door","d":"Animated door icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:dot","t":"Dot","d":"Animated dot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:doughnut","t":"Doughnut","d":"Animated doughnut icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:download-circle","t":"Download circle","d":"Animated download circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:download-square","t":"Download square","d":"Animated download square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:download","t":"Download","d":"Animated download icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":6,"hc":1},{"id":"hugeicons-animated-vue:drafting-compass","t":"Drafting compass","d":"Animated drafting compass icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:drag-drop-horizontal","t":"Drag drop horizontal","d":"Animated drag drop horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:drag-drop-vertical","t":"Drag drop vertical","d":"Animated drag drop vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:drag-drop","t":"Drag drop","d":"Animated drag drop icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:drag-left","t":"Drag left","d":"Animated drag left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:drag-right","t":"Drag right","d":"Animated drag right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:drag","t":"Drag","d":"Animated drag icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:drama","t":"Drama","d":"Animated drama icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:drawing-compass","t":"Drawing compass","d":"Animated drawing compass icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:drawing-mode","t":"Drawing mode","d":"Animated drawing mode icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dress","t":"Dress","d":"Animated dress icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":7,"hc":1},{"id":"hugeicons-animated-vue:dressing-table","t":"Dressing table","d":"Animated dressing table icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:dribbble","t":"Dribbble","d":"Animated dribbble icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:drill","t":"Drill","d":"Animated drill icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:drink","t":"Drink","d":"Animated drink icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:drive","t":"Drive","d":"Animated drive icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:drone","t":"Drone","d":"Animated drone icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:drooling","t":"Drooling","d":"Animated drooling icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dropbox","t":"Dropbox","d":"Animated dropbox icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dropdown-field-type","t":"Dropdown field type","d":"Animated dropdown field type icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:droplet-off","t":"Droplet off","d":"Animated droplet off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:droplet","t":"Droplet","d":"Animated droplet icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:droplets","t":"Droplets","d":"Animated droplets icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dropper","t":"Dropper","d":"Animated dropper icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:drum","t":"Drum","d":"Animated drum icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:drumstick","t":"Drumstick","d":"Animated drumstick icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ds-3-tool","t":"Ds 3 tool","d":"Animated ds 3 tool icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dua","t":"Dua","d":"Animated dua icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:dumbbell","t":"Dumbbell","d":"Animated dumbbell icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:duplex","t":"Duplex","d":"Animated duplex icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ear-off","t":"Ear off","d":"Animated ear off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ear-rings","t":"Ear rings","d":"Animated ear rings icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:ear","t":"Ear","d":"Animated ear icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:earth-lock","t":"Earth lock","d":"Animated earth lock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:earth","t":"Earth","d":"Animated earth icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ease-curve-control-points","t":"Ease curve control points","d":"Animated ease curve control points icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ease-in-control-point","t":"Ease in control point","d":"Animated ease in control point icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ease-in-out","t":"Ease in out","d":"Animated ease in out icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ease-in","t":"Ease in","d":"Animated ease in icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ease-out-control-point","t":"Ease out control point","d":"Animated ease out control point icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ease-out","t":"Ease out","d":"Animated ease out icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:eclipse","t":"Eclipse","d":"Animated eclipse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:eco-energy","t":"Eco energy","d":"Animated eco energy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:eco-lab","t":"Eco lab","d":"Animated eco lab icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:eco-power","t":"Eco power","d":"Animated eco power icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:edge-style","t":"Edge style","d":"Animated edge style icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:edit-off","t":"Edit off","d":"Animated edit off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:edit-road","t":"Edit road","d":"Animated edit road icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:edit-table","t":"Edit table","d":"Animated edit table icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:edit-user-02","t":"Edit user #2","d":"Animated edit user icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:edit","t":"Edit","d":"Animated edit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:egg-fried","t":"Egg fried","d":"Animated egg fried icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:egg-off","t":"Egg off","d":"Animated egg off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:egg","t":"Egg","d":"Animated egg icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:eggs","t":"Eggs","d":"Animated eggs icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:eid-mubarak","t":"Eid mubarak","d":"Animated eid mubarak icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:eiffel-tower","t":"Eiffel tower","d":"Animated eiffel tower icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:eight-circle","t":"Eight circle","d":"Animated eight circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:eight-square","t":"Eight square","d":"Animated eight square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:elearning-exchange","t":"Elearning exchange","d":"Animated elearning exchange icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:electric-home","t":"Electric home","d":"Animated electric home icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:electric-plugs","t":"Electric plugs","d":"Animated electric plugs icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:electric-tower","t":"Electric tower","d":"Animated electric tower icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:electric-wire","t":"Electric wire","d":"Animated electric wire icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:electricity-stack","t":"Electricity stack","d":"Animated electricity stack icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ellipse-selection","t":"Ellipse selection","d":"Animated ellipse selection icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ellipse","t":"Ellipse","d":"Animated ellipse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ellipsis-vertical","t":"Ellipsis vertical","d":"Animated ellipsis vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ellipsis","t":"Ellipsis","d":"Animated ellipsis icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:encrypt","t":"Encrypt","d":"Animated encrypt icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:energy-ellipse","t":"Energy ellipse","d":"Animated energy ellipse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:energy-rectangle","t":"Energy rectangle","d":"Animated energy rectangle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:energy","t":"Energy","d":"Animated energy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:engine-slash","t":"Engine slash","d":"Animated engine slash icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:engine","t":"Engine","d":"Animated engine icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:entering-geo-fence","t":"Entering geo fence","d":"Animated entering geo fence icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:entrance-stairs","t":"Entrance stairs","d":"Animated entrance stairs icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:envato","t":"Envato","d":"Animated envato icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:equal-sign-circle","t":"Equal sign circle","d":"Animated equal sign circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:equal-sign-square","t":"Equal sign square","d":"Animated equal sign square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:equal-sign","t":"Equal sign","d":"Animated equal sign icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:equipment-bench-press","t":"Equipment bench press","d":"Animated equipment bench press icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:equipment-chest-press","t":"Equipment chest press","d":"Animated equipment chest press icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:equipment-gym","t":"Equipment gym","d":"Animated equipment gym icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:equipment-weightlifting","t":"Equipment weightlifting","d":"Animated equipment weightlifting icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:eraser-add","t":"Eraser add","d":"Animated eraser add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:eraser-auto","t":"Eraser auto","d":"Animated eraser auto icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:eraser","t":"Eraser","d":"Animated eraser icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:estimate","t":"Estimate","d":"Animated estimate icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:ethereum-ellipse","t":"Ethereum ellipse","d":"Animated ethereum ellipse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ethereum-rectangle","t":"Ethereum rectangle","d":"Animated ethereum rectangle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ethereum","t":"Ethereum","d":"Animated ethereum icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ethernet-port","t":"Ethernet port","d":"Animated ethernet port icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:euro-circle","t":"Euro circle","d":"Animated euro circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:euro-receive","t":"Euro receive","d":"Animated euro receive icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:euro-send","t":"Euro send","d":"Animated euro send icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:euro-square","t":"Euro square","d":"Animated euro square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:euro","t":"Euro","d":"Animated euro icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ev-charger","t":"Ev charger","d":"Animated ev charger icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ev-charging","t":"Ev charging","d":"Animated ev charging icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:evil","t":"Evil","d":"Animated evil icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:exchange-bitcoin","t":"Exchange bitcoin","d":"Animated exchange bitcoin icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:exchange-dollar","t":"Exchange dollar","d":"Animated exchange dollar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:exchange","t":"Exchange","d":"Animated exchange icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:exclamation-mark-big-slash","t":"Exclamation mark big slash","d":"Animated exclamation mark big slash icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:exclamation-mark-big","t":"Exclamation mark big","d":"Animated exclamation mark big icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:exclamation-mark-slash","t":"Exclamation mark slash","d":"Animated exclamation mark slash icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:exclamation-mark","t":"Exclamation mark","d":"Animated exclamation mark icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:expand-paragraph","t":"Expand paragraph","d":"Animated expand paragraph icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:expand","t":"Expand","d":"Animated expand icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:expander","t":"Expander","d":"Animated expander icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:external-drive","t":"External drive","d":"Animated external drive icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:external-link","t":"External link","d":"Animated external link icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:eye-closed","t":"Eye closed","d":"Animated eye closed icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:eye-off","t":"Eye off","d":"Animated eye off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:eye","t":"Eye","d":"Animated eye icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:face-id","t":"Face id","d":"Animated face id icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:facebook","t":"Facebook","d":"Animated facebook icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:factory","t":"Factory","d":"Animated factory icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:fahrenheit","t":"Fahrenheit","d":"Animated fahrenheit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:falling-star","t":"Falling star","d":"Animated falling star icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fan","t":"Fan","d":"Animated fan icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:fast-forward","t":"Fast forward","d":"Animated fast forward icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fast-wind","t":"Fast wind","d":"Animated fast wind icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:favourite-circle","t":"Favourite circle","d":"Animated favourite circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:favourite-square","t":"Favourite square","d":"Animated favourite square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:favourite","t":"Favourite","d":"Animated favourite icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:feather","t":"Feather","d":"Animated feather icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:female-02","t":"Female #2","d":"Animated female icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:female-symbol","t":"Female symbol","d":"Animated female symbol icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fence","t":"Fence","d":"Animated fence icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fencing-mask","t":"Fencing mask","d":"Animated fencing mask icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fencing","t":"Fencing","d":"Animated fencing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ferris-wheel","t":"Ferris wheel","d":"Animated ferris wheel icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ferry-boat","t":"Ferry boat","d":"Animated ferry boat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:figma","t":"Figma","d":"Animated figma icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-add","t":"File add","d":"Animated file add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-archive","t":"File archive","d":"Animated file archive icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-attachment","t":"File attachment","d":"Animated file attachment icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-audio","t":"File audio","d":"Animated file audio icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-axis-three-d","t":"File axis three d","d":"Animated file axis three d icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:file-badge","t":"File badge","d":"Animated file badge icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-bitcoin","t":"File bitcoin","d":"Animated file bitcoin icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-block","t":"File block","d":"Animated file block icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-bookmark","t":"File bookmark","d":"Animated file bookmark icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-box","t":"File box","d":"Animated file box icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-braces-corner","t":"File braces corner","d":"Animated file braces corner icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-braces","t":"File braces","d":"Animated file braces icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-chart-column-increasing","t":"File chart column increasing","d":"Animated file chart column increasing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-chart-column","t":"File chart column","d":"Animated file chart column icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-chart-line","t":"File chart line","d":"Animated file chart line icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-chart-pie","t":"File chart pie","d":"Animated file chart pie icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-check-corner","t":"File check corner","d":"Animated file check corner icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-check","t":"File check","d":"Animated file check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-clock","t":"File clock","d":"Animated file clock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-cloud","t":"File cloud","d":"Animated file cloud icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-code-corner","t":"File code corner","d":"Animated file code corner icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-code","t":"File code","d":"Animated file code icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-cog","t":"File cog","d":"Animated file cog icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-corrupt","t":"File corrupt","d":"Animated file corrupt icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-database","t":"File database","d":"Animated file database icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-diff","t":"File diff","d":"Animated file diff icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-digit","t":"File digit","d":"Animated file digit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-dollar","t":"File dollar","d":"Animated file dollar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-down","t":"File down","d":"Animated file down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-download","t":"File download","d":"Animated file download icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-edit","t":"File edit","d":"Animated file edit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-empty","t":"File empty","d":"Animated file empty icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:file-euro","t":"File euro","d":"Animated file euro icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-exclamation-point","t":"File exclamation point","d":"Animated file exclamation point icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-export","t":"File export","d":"Animated file export icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-favourite","t":"File favourite","d":"Animated file favourite icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-headphone","t":"File headphone","d":"Animated file headphone icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-heart","t":"File heart","d":"Animated file heart icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-image","t":"File image","d":"Animated file image icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-import","t":"File import","d":"Animated file import icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-input","t":"File input","d":"Animated file input icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-key","t":"File key","d":"Animated file key icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-link","t":"File link","d":"Animated file link icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-lock","t":"File lock","d":"Animated file lock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-locked","t":"File locked","d":"Animated file locked icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-management","t":"File management","d":"Animated file management icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-minus","t":"File minus","d":"Animated file minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-music","t":"File music","d":"Animated file music icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-not-found","t":"File not found","d":"Animated file not found icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-paste","t":"File paste","d":"Animated file paste icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-pen","t":"File pen","d":"Animated file pen icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-pin","t":"File pin","d":"Animated file pin icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-play","t":"File play","d":"Animated file play icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-plus","t":"File plus","d":"Animated file plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-pound","t":"File pound","d":"Animated file pound icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-question-mark","t":"File question mark","d":"Animated file question mark icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-remove","t":"File remove","d":"Animated file remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-scan","t":"File scan","d":"Animated file scan icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-script","t":"File script","d":"Animated file script icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-search","t":"File search","d":"Animated file search icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-security","t":"File security","d":"Animated file security icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-shredder","t":"File shredder","d":"Animated file shredder icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-signal","t":"File signal","d":"Animated file signal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-sliders","t":"File sliders","d":"Animated file sliders icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-spreadsheet","t":"File spreadsheet","d":"Animated file spreadsheet icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-stack","t":"File stack","d":"Animated file stack icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-star","t":"File star","d":"Animated file star icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-sync","t":"File sync","d":"Animated file sync icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-terminal","t":"File terminal","d":"Animated file terminal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","retro and HUD"],"sb":"Animated","fw":"Vue","sy":["animated","retro and HUD"],"hc":1},{"id":"hugeicons-animated-vue:file-type","t":"File type","d":"Animated file type icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-unknown","t":"File unknown","d":"Animated file unknown icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-unlocked","t":"File unlocked","d":"Animated file unlocked icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-up","t":"File up","d":"Animated file up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-upload","t":"File upload","d":"Animated file upload icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-user","t":"File user","d":"Animated file user icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-validation","t":"File validation","d":"Animated file validation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-verified","t":"File verified","d":"Animated file verified icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-video-camera","t":"File video camera","d":"Animated file video camera icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-video","t":"File video","d":"Animated file video icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-view","t":"File view","d":"Animated file view icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-volume","t":"File volume","d":"Animated file volume icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-x-corner","t":"File x corner","d":"Animated file x corner icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-yen","t":"File yen","d":"Animated file yen icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file-zip","t":"File zip","d":"Animated file zip icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:file","t":"File","d":"Animated file icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:files","t":"Files","d":"Animated files icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:film-roll","t":"Film roll","d":"Animated film roll icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:film","t":"Film","d":"Animated film icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:filter-add","t":"Filter add","d":"Animated filter add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:filter-edit","t":"Filter edit","d":"Animated filter edit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:filter-horizontal","t":"Filter horizontal","d":"Animated filter horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:filter-mail-circle","t":"Filter mail circle","d":"Animated filter mail circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:filter-mail-edit","t":"Filter mail edit","d":"Animated filter mail edit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:filter-mail-remove","t":"Filter mail remove","d":"Animated filter mail remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:filter-mail-square","t":"Filter mail square","d":"Animated filter mail square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:filter-mail","t":"Filter mail","d":"Animated filter mail icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:filter-remove","t":"Filter remove","d":"Animated filter remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:filter-reset","t":"Filter reset","d":"Animated filter reset icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:filter-vertical","t":"Filter vertical","d":"Animated filter vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:filter","t":"Filter","d":"Animated filter icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:finger-access","t":"Finger access","d":"Animated finger access icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:finger-print-add","t":"Finger print add","d":"Animated finger print add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:finger-print-check","t":"Finger print check","d":"Animated finger print check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:finger-print-minus","t":"Finger print minus","d":"Animated finger print minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:finger-print-remove","t":"Finger print remove","d":"Animated finger print remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:finger-print-scan","t":"Finger print scan","d":"Animated finger print scan icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:finger-print","t":"Finger print","d":"Animated finger print icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fingerprint-pattern","t":"Fingerprint pattern","d":"Animated fingerprint pattern icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fins","t":"Fins","d":"Animated fins icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fire-extinguisher","t":"Fire extinguisher","d":"Animated fire extinguisher icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fire-pit","t":"Fire pit","d":"Animated fire pit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fire-security","t":"Fire security","d":"Animated fire security icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fire","t":"Fire","d":"Animated fire icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:firewall","t":"Firewall","d":"Animated firewall icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fireworks","t":"Fireworks","d":"Animated fireworks icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:first-aid-kit","t":"First aid kit","d":"Animated first aid kit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:first-bracket-circle","t":"First bracket circle","d":"Animated first bracket circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:first-bracket-square","t":"First bracket square","d":"Animated first bracket square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:first-bracket","t":"First bracket","d":"Animated first bracket icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fish-food","t":"Fish food","d":"Animated fish food icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fish-off","t":"Fish off","d":"Animated fish off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fish-symbol","t":"Fish symbol","d":"Animated fish symbol icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fish","t":"Fish","d":"Animated fish icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fishing-hook","t":"Fishing hook","d":"Animated fishing hook icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fishing-rod","t":"Fishing rod","d":"Animated fishing rod icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fit-to-screen","t":"Fit to screen","d":"Animated fit to screen icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:five-circle","t":"Five circle","d":"Animated five circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:five-square","t":"Five square","d":"Animated five square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fiverr","t":"Fiverr","d":"Animated fiverr icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flag-off","t":"Flag off","d":"Animated flag off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flag-triangle-left","t":"Flag triangle left","d":"Animated flag triangle left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flag-triangle-right","t":"Flag triangle right","d":"Animated flag triangle right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flag","t":"Flag","d":"Animated flag icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:flame-kindling","t":"Flame kindling","d":"Animated flame kindling icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flame","t":"Flame","d":"Animated flame icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flash-off","t":"Flash off","d":"Animated flash off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flash","t":"Flash","d":"Animated flash icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flashlight-off","t":"Flashlight off","d":"Animated flashlight off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flashlight","t":"Flashlight","d":"Animated flashlight icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flask-conical-off","t":"Flask conical off","d":"Animated flask conical off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flask-conical","t":"Flask conical","d":"Animated flask conical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flask-round","t":"Flask round","d":"Animated flask round icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flaticon","t":"Flaticon","d":"Animated flaticon icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flickr","t":"Flickr","d":"Animated flickr icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flim-slate","t":"Flim slate","d":"Animated flim slate icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flip-bottom","t":"Flip bottom","d":"Animated flip bottom icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flip-horizontal","t":"Flip horizontal","d":"Animated flip horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flip-left","t":"Flip left","d":"Animated flip left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flip-phone","t":"Flip phone","d":"Animated flip phone icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flip-right","t":"Flip right","d":"Animated flip right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flip-top","t":"Flip top","d":"Animated flip top icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flip-vertical","t":"Flip vertical","d":"Animated flip vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:floor-plan","t":"Floor plan","d":"Animated floor plan icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:floppy-disk","t":"Floppy disk","d":"Animated floppy disk icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flow-circle","t":"Flow circle","d":"Animated flow circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flow-connection","t":"Flow connection","d":"Animated flow connection icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flow-square","t":"Flow square","d":"Animated flow square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flow","t":"Flow","d":"Animated flow icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flowchart","t":"Flowchart","d":"Animated flowchart icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:flower-pot","t":"Flower pot","d":"Animated flower pot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flower","t":"Flower","d":"Animated flower icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flushed","t":"Flushed","d":"Animated flushed icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:flying-human","t":"Flying human","d":"Animated flying human icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:focus-point","t":"Focus point","d":"Animated focus point icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:focus","t":"Focus","d":"Animated focus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fold-horizontal","t":"Fold horizontal","d":"Animated fold horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fold-vertical","t":"Fold vertical","d":"Animated fold vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-add","t":"Folder add","d":"Animated folder add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-archive","t":"Folder archive","d":"Animated folder archive icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-attachment","t":"Folder attachment","d":"Animated folder attachment icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-audio","t":"Folder audio","d":"Animated folder audio icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-block","t":"Folder block","d":"Animated folder block icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-check","t":"Folder check","d":"Animated folder check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-clock","t":"Folder clock","d":"Animated folder clock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-cloud","t":"Folder cloud","d":"Animated folder cloud icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-code","t":"Folder code","d":"Animated folder code icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-cog","t":"Folder cog","d":"Animated folder cog icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-details-reference","t":"Folder details reference","d":"Animated folder details reference icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-details","t":"Folder details","d":"Animated folder details icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-dot","t":"Folder dot","d":"Animated folder dot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-download","t":"Folder download","d":"Animated folder download icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-edit","t":"Folder edit","d":"Animated folder edit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-export","t":"Folder export","d":"Animated folder export icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-favourite","t":"Folder favourite","d":"Animated folder favourite icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-file-storage","t":"Folder file storage","d":"Animated folder file storage icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-git-two","t":"Folder git two","d":"Animated folder git two icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-git","t":"Folder git","d":"Animated folder git icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-heart","t":"Folder heart","d":"Animated folder heart icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-import","t":"Folder import","d":"Animated folder import icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-input","t":"Folder input","d":"Animated folder input icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-kanban","t":"Folder kanban","d":"Animated folder kanban icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-key","t":"Folder key","d":"Animated folder key icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-library","t":"Folder library","d":"Animated folder library icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-links","t":"Folder links","d":"Animated folder links icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-locked","t":"Folder locked","d":"Animated folder locked icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-management","t":"Folder management","d":"Animated folder management icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-minus","t":"Folder minus","d":"Animated folder minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-music","t":"Folder music","d":"Animated folder music icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-off","t":"Folder off","d":"Animated folder off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-open","t":"Folder open","d":"Animated folder open icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-output","t":"Folder output","d":"Animated folder output icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-pen","t":"Folder pen","d":"Animated folder pen icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-pin","t":"Folder pin","d":"Animated folder pin icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-remove","t":"Folder remove","d":"Animated folder remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-root","t":"Folder root","d":"Animated folder root icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-search-two","t":"Folder search two","d":"Animated folder search two icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-search","t":"Folder search","d":"Animated folder search icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-security","t":"Folder security","d":"Animated folder security icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-shared","t":"Folder shared","d":"Animated folder shared icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:folder-symlink","t":"Folder symlink","d":"Animated folder symlink icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-sync","t":"Folder sync","d":"Animated folder sync icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-transfer","t":"Folder transfer","d":"Animated folder transfer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-tree","t":"Folder tree","d":"Animated folder tree icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-unknown","t":"Folder unknown","d":"Animated folder unknown icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-unlocked","t":"Folder unlocked","d":"Animated folder unlocked icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-upload","t":"Folder upload","d":"Animated folder upload icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-video","t":"Folder video","d":"Animated folder video icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-view","t":"Folder view","d":"Animated folder view icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder-zip","t":"Folder zip","d":"Animated folder zip icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:folder","t":"Folder","d":"Animated folder icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:folders","t":"Folders","d":"Animated folders icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:football-pitch","t":"Football pitch","d":"Animated football pitch icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:football","t":"Football","d":"Animated football icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:footprints","t":"Footprints","d":"Animated footprints icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:forgot-password","t":"Forgot password","d":"Animated forgot password icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fork","t":"Fork","d":"Animated fork icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:forklift","t":"Forklift","d":"Animated forklift icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:form","t":"Form","d":"Animated form icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:forrst","t":"Forrst","d":"Animated forrst icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fortress","t":"Fortress","d":"Animated fortress icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:forward","t":"Forward","d":"Animated forward icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:four-circle","t":"Four circle","d":"Animated four circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:four-finger-02","t":"Four finger #2","d":"Animated four finger icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:four-finger-03","t":"Four finger #3","d":"Animated four finger icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:four-k","t":"Four k","d":"Animated four k icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:four-square","t":"Four square","d":"Animated four square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:frame","t":"Frame","d":"Animated frame icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:framer","t":"Framer","d":"Animated framer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:frameworks","t":"Frameworks","d":"Animated frameworks icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:french-fries","t":"French fries","d":"Animated french fries icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:fridge","t":"Fridge","d":"Animated fridge icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:frisbee","t":"Frisbee","d":"Animated frisbee icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:frown","t":"Frown","d":"Animated frown icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fry","t":"Fry","d":"Animated fry icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fuel-station","t":"Fuel station","d":"Animated fuel station icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:fuel","t":"Fuel","d":"Animated fuel icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:full-screen","t":"Full screen","d":"Animated full screen icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:full-signal","t":"Full signal","d":"Animated full signal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:function-circle","t":"Function circle","d":"Animated function circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","playful"],"sb":"Animated","fw":"Vue","sy":["animated","playful"],"hc":1},{"id":"hugeicons-animated-vue:function-of-x","t":"Function of x","d":"Animated function of x icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","playful"],"sb":"Animated","fw":"Vue","sy":["animated","playful"],"hc":1},{"id":"hugeicons-animated-vue:function-square","t":"Function square","d":"Animated function square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","playful"],"sb":"Animated","fw":"Vue","sy":["animated","playful"],"hc":1},{"id":"hugeicons-animated-vue:function","t":"Function","d":"Animated function icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","playful"],"sb":"Animated","fw":"Vue","sy":["animated","playful"],"hc":1},{"id":"hugeicons-animated-vue:funnel-plus","t":"Funnel plus","d":"Animated funnel plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","playful"],"sb":"Animated","fw":"Vue","sy":["animated","playful"],"hc":1},{"id":"hugeicons-animated-vue:funnel","t":"Funnel","d":"Animated funnel icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","playful"],"sb":"Animated","fw":"Vue","sy":["animated","playful"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:galaxy","t":"Galaxy","d":"Animated galaxy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gallery-horizontal-end","t":"Gallery horizontal end","d":"Animated gallery horizontal end icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gallery-horizontal","t":"Gallery horizontal","d":"Animated gallery horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gallery-thumbnails","t":"Gallery thumbnails","d":"Animated gallery thumbnails icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gallery-vertical-end","t":"Gallery vertical end","d":"Animated gallery vertical end icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gallery-vertical","t":"Gallery vertical","d":"Animated gallery vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:game-controller","t":"Game controller","d":"Animated game controller icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:game","t":"Game","d":"Animated game icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gameboy","t":"Gameboy","d":"Animated gameboy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gamepad-directional","t":"Gamepad directional","d":"Animated gamepad directional icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gamepad","t":"Gamepad","d":"Animated gamepad icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:garage","t":"Garage","d":"Animated garage icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:garbage-truck","t":"Garbage truck","d":"Animated garbage truck icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:garlands","t":"Garlands","d":"Animated garlands icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gas-pipe","t":"Gas pipe","d":"Animated gas pipe icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gas-stove","t":"Gas stove","d":"Animated gas stove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gauge","t":"Gauge","d":"Animated gauge icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gavel","t":"Gavel","d":"Animated gavel icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gears","t":"Gears","d":"Animated gears icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gem","t":"Gem","d":"Animated gem icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:geology-crust","t":"Geology crust","d":"Animated geology crust icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:geometric-shapes","t":"Geometric shapes","d":"Animated geometric shapes icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:georgian-lari","t":"Georgian lari","d":"Animated georgian lari icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ghost","t":"Ghost","d":"Animated ghost icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gibbous-moon","t":"Gibbous moon","d":"Animated gibbous moon icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gif","t":"Gif","d":"Animated gif icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:gift-card","t":"Gift card","d":"Animated gift card icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:gift","t":"Gift","d":"Animated gift icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:git-branch-minus","t":"Git branch minus","d":"Animated git branch minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:git-branch-plus","t":"Git branch plus","d":"Animated git branch plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:git-branch","t":"Git branch","d":"Animated git branch icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:git-commit-horizontal","t":"Git commit horizontal","d":"Animated git commit horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:git-commit-vertical","t":"Git commit vertical","d":"Animated git commit vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:git-commit","t":"Git commit","d":"Animated git commit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:git-compare-arrows","t":"Git compare arrows","d":"Animated git compare arrows icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:git-compare","t":"Git compare","d":"Animated git compare icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:git-fork","t":"Git fork","d":"Animated git fork icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:git-graph","t":"Git graph","d":"Animated git graph icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:git-merge-conflict","t":"Git merge conflict","d":"Animated git merge conflict icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:git-merge","t":"Git merge","d":"Animated git merge icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:git-pull-request-arrow","t":"Git pull request arrow","d":"Animated git pull request arrow icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:git-pull-request-closed","t":"Git pull request closed","d":"Animated git pull request closed icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:git-pull-request-create-arrow","t":"Git pull request create arrow","d":"Animated git pull request create arrow icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:git-pull-request-create","t":"Git pull request create","d":"Animated git pull request create icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:git-pull-request-draft","t":"Git pull request draft","d":"Animated git pull request draft icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:git-pull-request","t":"Git pull request","d":"Animated git pull request icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gitbook","t":"Gitbook","d":"Animated gitbook icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:github","t":"Github","d":"Animated github icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:gitlab","t":"Gitlab","d":"Animated gitlab icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:give-blood","t":"Give blood","d":"Animated give blood icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:give-pill","t":"Give pill","d":"Animated give pill icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:glass-water","t":"Glass water","d":"Animated glass water icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","glass"],"sb":"Animated","fw":"Vue","sy":["animated","glass"],"hc":1},{"id":"hugeicons-animated-vue:glasses","t":"Glasses","d":"Animated glasses icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","glass"],"sb":"Animated","fw":"Vue","sy":["animated","glass"],"hc":1},{"id":"hugeicons-animated-vue:global-editing","t":"Global editing","d":"Animated global editing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:global-education","t":"Global education","d":"Animated global education icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:global-refresh","t":"Global refresh","d":"Animated global refresh icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:global-search","t":"Global search","d":"Animated global search icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:global","t":"Global","d":"Animated global icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:globe-lock","t":"Globe lock","d":"Animated globe lock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:globe-off","t":"Globe off","d":"Animated globe off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:globe","t":"Globe","d":"Animated globe icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:glove","t":"Glove","d":"Animated glove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gnome","t":"Gnome","d":"Animated gnome icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:go-backward-10-sec","t":"Go backward 10 sec","d":"Animated go backward 10 sec icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:go-backward-15-sec","t":"Go backward 15 sec","d":"Animated go backward 15 sec icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:go-backward-30-sec","t":"Go backward 30 sec","d":"Animated go backward 30 sec icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:go-backward-60-sec","t":"Go backward 60 sec","d":"Animated go backward 60 sec icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:go-backward-five-sec","t":"Go backward five sec","d":"Animated go backward five sec icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:go-forward-10-sec","t":"Go forward 10 sec","d":"Animated go forward 10 sec icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:go-forward-15-sec","t":"Go forward 15 sec","d":"Animated go forward 15 sec icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:go-forward-30-sec","t":"Go forward 30 sec","d":"Animated go forward 30 sec icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:go-forward-60-sec","t":"Go forward 60 sec","d":"Animated go forward 60 sec icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:go-forward-five-sec","t":"Go forward five sec","d":"Animated go forward five sec icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:goal","t":"Goal","d":"Animated goal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gold-buy","t":"Gold buy","d":"Animated gold buy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gold-ingots","t":"Gold ingots","d":"Animated gold ingots icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gold-sell","t":"Gold sell","d":"Animated gold sell icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gold","t":"Gold","d":"Animated gold icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:golf-ball","t":"Golf ball","d":"Animated golf ball icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:golf-bat","t":"Golf bat","d":"Animated golf bat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:golf-cart","t":"Golf cart","d":"Animated golf cart icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:golf-hole","t":"Golf hole","d":"Animated golf hole icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:google-doc","t":"Google doc","d":"Animated google doc icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:google-drive","t":"Google drive","d":"Animated google drive icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:google-gemini","t":"Google gemini","d":"Animated google gemini icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:google-home","t":"Google home","d":"Animated google home icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:google-lens","t":"Google lens","d":"Animated google lens icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:google-maps","t":"Google maps","d":"Animated google maps icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:google-photos","t":"Google photos","d":"Animated google photos icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:google-sheet","t":"Google sheet","d":"Animated google sheet icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:google","t":"Google","d":"Animated google icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:gps-disconnected","t":"Gps disconnected","d":"Animated gps disconnected icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gps-off","t":"Gps off","d":"Animated gps off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:gps-signal","t":"Gps signal","d":"Animated gps signal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:gps","t":"Gps","d":"Animated gps icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:gpu","t":"Gpu","d":"Animated gpu icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:graduate-female","t":"Graduate female","d":"Animated graduate female icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:graduate-male","t":"Graduate male","d":"Animated graduate male icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:graduation-cap","t":"Graduation cap","d":"Animated graduation cap icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:graduation-scroll","t":"Graduation scroll","d":"Animated graduation scroll icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:grape","t":"Grape","d":"Animated grape icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:grapes","t":"Grapes","d":"Animated grapes icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:graphic-card","t":"Graphic card","d":"Animated graphic card icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gravity","t":"Gravity","d":"Animated gravity icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:greater-than-circle","t":"Greater than circle","d":"Animated greater than circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:greater-than-square","t":"Greater than square","d":"Animated greater than square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:greater-than","t":"Greater than","d":"Animated greater than icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:greek-helmet","t":"Greek helmet","d":"Animated greek helmet icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:green-house","t":"Green house","d":"Animated green house icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:grid-2-x2-check","t":"Grid 2 x2 check","d":"Animated grid 2 x2 check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:grid-2-x2-plus","t":"Grid 2 x2 plus","d":"Animated grid 2 x2 plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:grid-2-x2","t":"Grid 2 x #2","d":"Animated grid 2 x2 icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:grid-3-x2","t":"Grid 3 x #2","d":"Animated grid 3 x2 icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:grid-3-x3","t":"Grid 3 x #3","d":"Animated grid 3 x3 icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:grid-off","t":"Grid off","d":"Animated grid off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:grid-table","t":"Grid table","d":"Animated grid table icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:grid-view","t":"Grid view","d":"Animated grid view icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:grid","t":"Grid","d":"Animated grid icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:grimacing","t":"Grimacing","d":"Animated grimacing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:grinning","t":"Grinning","d":"Animated grinning icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:grip-horizontal","t":"Grip horizontal","d":"Animated grip horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:grip-vertical","t":"Grip vertical","d":"Animated grip vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:grip","t":"Grip","d":"Animated grip icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:grok","t":"Grok","d":"Animated grok icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:group-items","t":"Group items","d":"Animated group items icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:group-layers","t":"Group layers","d":"Animated group layers icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:group","t":"Group","d":"Animated group icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:groww","t":"Groww","d":"Animated groww icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:guest-house","t":"Guest house","d":"Animated guest house icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:guitar","t":"Guitar","d":"Animated guitar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gun","t":"Gun","d":"Animated gun icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gymnastic-rings","t":"Gymnastic rings","d":"Animated gymnastic rings icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:gymnastic","t":"Gymnastic","d":"Animated gymnastic icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hackerrank","t":"Hackerrank","d":"Animated hackerrank icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hair-clips","t":"Hair clips","d":"Animated hair clips icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hair-dryer","t":"Hair dryer","d":"Animated hair dryer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:haji","t":"Haji","d":"Animated haji icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:halal-lab","t":"Halal lab","d":"Animated halal lab icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:halal","t":"Halal","d":"Animated halal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ham","t":"Ham","d":"Animated ham icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hamburger","t":"Hamburger","d":"Animated hamburger icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:hammer","t":"Hammer","d":"Animated hammer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hand-bag","t":"Hand bag","d":"Animated hand bag icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:hand-beater","t":"Hand beater","d":"Animated hand beater icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hand-coins","t":"Hand coins","d":"Animated hand coins icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hand-fist","t":"Hand fist","d":"Animated hand fist icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hand-grab","t":"Hand grab","d":"Animated hand grab icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hand-grip","t":"Hand grip","d":"Animated hand grip icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hand-heart","t":"Hand heart","d":"Animated hand heart icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hand-helping","t":"Hand helping","d":"Animated hand helping icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hand-metal","t":"Hand metal","d":"Animated hand metal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hand-platter","t":"Hand platter","d":"Animated hand platter icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hand-pointing-down","t":"Hand pointing down","d":"Animated hand pointing down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:hand-pointing-left","t":"Hand pointing left","d":"Animated hand pointing left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:hand-pointing-right","t":"Hand pointing right","d":"Animated hand pointing right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:hand-prayer","t":"Hand prayer","d":"Animated hand prayer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hand-sanitizer","t":"Hand sanitizer","d":"Animated hand sanitizer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hand","t":"Hand","d":"Animated hand icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:handbag","t":"Handbag","d":"Animated handbag icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:handcuffs","t":"Handcuffs","d":"Animated handcuffs icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hands-clapping","t":"Hands clapping","d":"Animated hands clapping icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:handshake","t":"Handshake","d":"Animated handshake icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hanger","t":"Hanger","d":"Animated hanger icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hanging-clock","t":"Hanging clock","d":"Animated hanging clock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hangout","t":"Hangout","d":"Animated hangout icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:happy","t":"Happy","d":"Animated happy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:hard-drive-download","t":"Hard drive download","d":"Animated hard drive download icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hard-drive-upload","t":"Hard drive upload","d":"Animated hard drive upload icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hard-drive","t":"Hard drive","d":"Animated hard drive icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hard-hat","t":"Hard hat","d":"Animated hard hat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hash","t":"Hash","d":"Animated hash icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hashtag","t":"Hashtag","d":"Animated hashtag icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hat-glasses","t":"Hat glasses","d":"Animated hat glasses icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","glass"],"sb":"Animated","fw":"Vue","sy":["animated","glass"],"hc":1},{"id":"hugeicons-animated-vue:hat","t":"Hat","d":"Animated hat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:haze","t":"Haze","d":"Animated haze icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hd","t":"Hd","d":"Animated hd icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hdd","t":"Hdd","d":"Animated hdd icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hdmi-port","t":"Hdmi port","d":"Animated hdmi port icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hdr","t":"Hdr","d":"Animated hdr icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:heading","t":"Heading","d":"Animated heading icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":6,"hc":1},{"id":"hugeicons-animated-vue:headphone-mute","t":"Headphone mute","d":"Animated headphone mute icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:headphone-off","t":"Headphone off","d":"Animated headphone off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:headphones","t":"Headphones","d":"Animated headphones icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:headset-connected","t":"Headset connected","d":"Animated headset connected icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:headset-off","t":"Headset off","d":"Animated headset off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:headset","t":"Headset","d":"Animated headset icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:healtcare","t":"Healtcare","d":"Animated healtcare icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:health","t":"Health","d":"Animated health icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:heart-add","t":"Heart add","d":"Animated heart add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:heart-check","t":"Heart check","d":"Animated heart check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:heart-crack","t":"Heart crack","d":"Animated heart crack icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:heart-handshake","t":"Heart handshake","d":"Animated heart handshake icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:heart-minus","t":"Heart minus","d":"Animated heart minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:heart-off","t":"Heart off","d":"Animated heart off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:heart-plus","t":"Heart plus","d":"Animated heart plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:heart-pulse","t":"Heart pulse","d":"Animated heart pulse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:heart-remove","t":"Heart remove","d":"Animated heart remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:heart","t":"Heart","d":"Animated heart icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:heartbreak","t":"Heartbreak","d":"Animated heartbreak icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:heater","t":"Heater","d":"Animated heater icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:helicopter","t":"Helicopter","d":"Animated helicopter icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:help-circle","t":"Help circle","d":"Animated help circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:help-square","t":"Help square","d":"Animated help square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hexagon","t":"Hexagon","d":"Animated hexagon icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:hierarchy-circle","t":"Hierarchy circle","d":"Animated hierarchy circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:hierarchy-files","t":"Hierarchy files","d":"Animated hierarchy files icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hierarchy-square","t":"Hierarchy square","d":"Animated hierarchy square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":9,"hc":1},{"id":"hugeicons-animated-vue:hierarchy","t":"Hierarchy","d":"Animated hierarchy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:high-heels","t":"High heels","d":"Animated high heels icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:highlighter","t":"Highlighter","d":"Animated highlighter icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hijab","t":"Hijab","d":"Animated hijab icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:history","t":"History","d":"Animated history icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hockey","t":"Hockey","d":"Animated hockey icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hold-locked","t":"Hold locked","d":"Animated hold locked icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:hold-phone","t":"Hold phone","d":"Animated hold phone icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hold","t":"Hold","d":"Animated hold icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:hologram","t":"Hologram","d":"Animated hologram icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:home-wifi","t":"Home wifi","d":"Animated home wifi icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:home","t":"Home","d":"Animated home icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":13,"hc":1},{"id":"hugeicons-animated-vue:honey","t":"Honey","d":"Animated honey icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:honor","t":"Honor","d":"Animated honor icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:honour-star","t":"Honour star","d":"Animated honour star icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hoodie","t":"Hoodie","d":"Animated hoodie icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hop-off","t":"Hop off","d":"Animated hop off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hop","t":"Hop","d":"Animated hop icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:horizonal-scroll-point","t":"Horizonal scroll point","d":"Animated horizonal scroll point icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:horizontal-resize","t":"Horizontal resize","d":"Animated horizontal resize icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:horse-head","t":"Horse head","d":"Animated horse head icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:horse-saddle","t":"Horse saddle","d":"Animated horse saddle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:horse","t":"Horse","d":"Animated horse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hospital-bed","t":"Hospital bed","d":"Animated hospital bed icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:hospital-location","t":"Hospital location","d":"Animated hospital location icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hospital","t":"Hospital","d":"Animated hospital icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:hot-air-balloon","t":"Hot air balloon","d":"Animated hot air balloon icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hot-price","t":"Hot price","d":"Animated hot price icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hot-tube","t":"Hot tube","d":"Animated hot tube icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hotdog","t":"Hotdog","d":"Animated hotdog icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hotel-bell","t":"Hotel bell","d":"Animated hotel bell icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hotel","t":"Hotel","d":"Animated hotel icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:hotspot-offline","t":"Hotspot offline","d":"Animated hotspot offline icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hotspot","t":"Hotspot","d":"Animated hotspot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hourglass-off","t":"Hourglass off","d":"Animated hourglass off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","glass"],"sb":"Animated","fw":"Vue","sy":["animated","glass"],"hc":1},{"id":"hugeicons-animated-vue:hourglass","t":"Hourglass","d":"Animated hourglass icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","glass"],"sb":"Animated","fw":"Vue","sy":["animated","glass"],"hc":1},{"id":"hugeicons-animated-vue:house-heart","t":"House heart","d":"Animated house heart icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:house-plug","t":"House plug","d":"Animated house plug icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:house-plus","t":"House plus","d":"Animated house plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:house-solar-panel","t":"House solar panel","d":"Animated house solar panel icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:house-wifi","t":"House wifi","d":"Animated house wifi icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:house","t":"House","d":"Animated house icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:html-file","t":"Html file","d":"Animated html file icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:html-five","t":"Html five","d":"Animated html five icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hugeicons","t":"Hugeicons","d":"Animated hugeicons icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:humidity","t":"Humidity","d":"Animated humidity icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hut","t":"Hut","d":"Animated hut icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hydro-power","t":"Hydro power","d":"Animated hydro power icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:hyperbole","t":"Hyperbole","d":"Animated hyperbole icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ice-cream","t":"Ice cream","d":"Animated ice cream icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:ice-cubes","t":"Ice cubes","d":"Animated ice cubes icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ice-hockey","t":"Ice hockey","d":"Animated ice hockey icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ice-skating","t":"Ice skating","d":"Animated ice skating icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ico","t":"Ico","d":"Animated ico icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:iconjar","t":"Iconjar","d":"Animated iconjar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:id-card-lanyard","t":"Id card lanyard","d":"Animated id card lanyard icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:id-not-verified","t":"Id not verified","d":"Animated id not verified icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:id-verified","t":"Id verified","d":"Animated id verified icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:id","t":"Id","d":"Animated id icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:idea","t":"Idea","d":"Animated idea icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:identification","t":"Identification","d":"Animated identification icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:identity-card","t":"Identity card","d":"Animated identity card icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:image-actual-size","t":"Image actual size","d":"Animated image actual size icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:image-add","t":"Image add","d":"Animated image add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:image-composition-oval","t":"Image composition oval","d":"Animated image composition oval icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:image-composition","t":"Image composition","d":"Animated image composition icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:image-counter-clockwise","t":"Image counter clockwise","d":"Animated image counter clockwise icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:image-crop","t":"Image crop","d":"Animated image crop icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:image-delete","t":"Image delete","d":"Animated image delete icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:image-done","t":"Image done","d":"Animated image done icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:image-download","t":"Image download","d":"Animated image download icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:image-flip-horizontal","t":"Image flip horizontal","d":"Animated image flip horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:image-flip-vertical","t":"Image flip vertical","d":"Animated image flip vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:image-not-found","t":"Image not found","d":"Animated image not found icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:image-play","t":"Image play","d":"Animated image play icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:image-remove","t":"Image remove","d":"Animated image remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:image-rotation-clockwise","t":"Image rotation clockwise","d":"Animated image rotation clockwise icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:image-upload","t":"Image upload","d":"Animated image upload icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:image","t":"Image","d":"Animated image icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:imo","t":"Imo","d":"Animated imo icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:important-book","t":"Important book","d":"Animated important book icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:in-love","t":"In love","d":"Animated in love icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:inbox-check","t":"Inbox check","d":"Animated inbox check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:inbox-download","t":"Inbox download","d":"Animated inbox download icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:inbox-unread","t":"Inbox unread","d":"Animated inbox unread icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:inbox-upload","t":"Inbox upload","d":"Animated inbox upload icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:inbox","t":"Inbox","d":"Animated inbox icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:incognito","t":"Incognito","d":"Animated incognito icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:india-gate","t":"India gate","d":"Animated india gate icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:inequality-circle","t":"Inequality circle","d":"Animated inequality circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:inequality-square","t":"Inequality square","d":"Animated inequality square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:inequality","t":"Inequality","d":"Animated inequality icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:infant","t":"Infant","d":"Animated infant icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:infinity-circle","t":"Infinity circle","d":"Animated infinity circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:infinity-square","t":"Infinity square","d":"Animated infinity square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:infinity","t":"Infinity","d":"Animated infinity icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:information-circle","t":"Information circle","d":"Animated information circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:information-diamond","t":"Information diamond","d":"Animated information diamond icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:information-square","t":"Information square","d":"Animated information square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:injection","t":"Injection","d":"Animated injection icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:input-cursor-text","t":"Input cursor text","d":"Animated input cursor text icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:input-long-text","t":"Input long text","d":"Animated input long text icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:input-numeric","t":"Input numeric","d":"Animated input numeric icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:input-short-text","t":"Input short text","d":"Animated input short text icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:input-text","t":"Input text","d":"Animated input text icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:insert-bottom-image","t":"Insert bottom image","d":"Animated insert bottom image icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:insert-center-image","t":"Insert center image","d":"Animated insert center image icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:insert-column-left","t":"Insert column left","d":"Animated insert column left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:insert-column-right","t":"Insert column right","d":"Animated insert column right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:insert-column","t":"Insert column","d":"Animated insert column icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:insert-pi","t":"Insert pi","d":"Animated insert pi icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:insert-row-down","t":"Insert row down","d":"Animated insert row down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:insert-row-up","t":"Insert row up","d":"Animated insert row up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:insert-row","t":"Insert row","d":"Animated insert row icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:insert-top-image","t":"Insert top image","d":"Animated insert top image icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:inspect-code","t":"Inspect code","d":"Animated inspect code icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:instagram","t":"Instagram","d":"Animated instagram icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:installing-updates","t":"Installing updates","d":"Animated installing updates icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:internet-antenna","t":"Internet antenna","d":"Animated internet antenna icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:internet","t":"Internet","d":"Animated internet icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:investigation","t":"Investigation","d":"Animated investigation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:invoice","t":"Invoice","d":"Animated invoice icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:ipod","t":"Ipod","d":"Animated ipod icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:iris-scan","t":"Iris scan","d":"Animated iris scan icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:island","t":"Island","d":"Animated island icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:iteration-ccw","t":"Iteration ccw","d":"Animated iteration ccw icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:iteration-cw","t":"Iteration cw","d":"Animated iteration cw icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:jar","t":"Jar","d":"Animated jar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:java-script","t":"Java script","d":"Animated java script icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:java","t":"Java","d":"Animated java icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:job-link","t":"Job link","d":"Animated job link icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:job-search","t":"Job search","d":"Animated job search icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:job-share","t":"Job share","d":"Animated job share icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:jogger-pants","t":"Jogger pants","d":"Animated jogger pants icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:join-bevel","t":"Join bevel","d":"Animated join bevel icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:join-round","t":"Join round","d":"Animated join round icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:join-straight","t":"Join straight","d":"Animated join straight icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:joker","t":"Joker","d":"Animated joker icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:joystick","t":"Joystick","d":"Animated joystick icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:jpg","t":"Jpg","d":"Animated jpg icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:jsx","t":"Jsx","d":"Animated jsx icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:judge","t":"Judge","d":"Animated judge icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:jumpers","t":"Jumpers","d":"Animated jumpers icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:jupiter","t":"Jupiter","d":"Animated jupiter icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:justice-scale","t":"Justice scale","d":"Animated justice scale icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:kaaba","t":"Kaaba","d":"Animated kaaba icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:kanban","t":"Kanban","d":"Animated kanban icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:kayak","t":"Kayak","d":"Animated kayak icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:keffiyeh","t":"Keffiyeh","d":"Animated keffiyeh icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:kettle","t":"Kettle","d":"Animated kettle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:kettlebell","t":"Kettlebell","d":"Animated kettlebell icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ketupat","t":"Ketupat","d":"Animated ketupat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:key-generator-fob","t":"Key generator fob","d":"Animated key generator fob icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:key","t":"Key","d":"Animated key icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:keyboard","t":"Keyboard","d":"Animated keyboard icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:keyframe-add","t":"Keyframe add","d":"Animated keyframe add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:keyframe-align-center","t":"Keyframe align center","d":"Animated keyframe align center icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:keyframe-align-horizontal","t":"Keyframe align horizontal","d":"Animated keyframe align horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:keyframe-align-vertical","t":"Keyframe align vertical","d":"Animated keyframe align vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:keyframe-bottom","t":"Keyframe bottom","d":"Animated keyframe bottom icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:keyframe-left","t":"Keyframe left","d":"Animated keyframe left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:keyframe-remove","t":"Keyframe remove","d":"Animated keyframe remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:keyframe-right","t":"Keyframe right","d":"Animated keyframe right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:keyframe-top","t":"Keyframe top","d":"Animated keyframe top icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:keyframe","t":"Keyframe","d":"Animated keyframe icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:keyframes-double-add","t":"Keyframes double add","d":"Animated keyframes double add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:keyframes-double-remove","t":"Keyframes double remove","d":"Animated keyframes double remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:keyframes-double","t":"Keyframes double","d":"Animated keyframes double icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:keyframes-multiple-add","t":"Keyframes multiple add","d":"Animated keyframes multiple add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:keyframes-multiple-remove","t":"Keyframes multiple remove","d":"Animated keyframes multiple remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:keyframes-multiple","t":"Keyframes multiple","d":"Animated keyframes multiple icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:kickstarter","t":"Kickstarter","d":"Animated kickstarter icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:kid","t":"Kid","d":"Animated kid icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:kidneys","t":"Kidneys","d":"Animated kidneys icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:kimi-ai","t":"Kimi ai","d":"Animated kimi ai icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:kissing","t":"Kissing","d":"Animated kissing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:kitchen-utensils","t":"Kitchen utensils","d":"Animated kitchen utensils icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:kite","t":"Kite","d":"Animated kite icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:klarna","t":"Klarna","d":"Animated klarna icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:knife-bread","t":"Knife bread","d":"Animated knife bread icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:knife","t":"Knife","d":"Animated knife icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:knight-shield","t":"Knight shield","d":"Animated knight shield icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:knives","t":"Knives","d":"Animated knives icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:knowledge","t":"Knowledge","d":"Animated knowledge icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:ko-fi","t":"Ko fi","d":"Animated ko fi icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:kurta","t":"Kurta","d":"Animated kurta icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:label-important","t":"Label important","d":"Animated label important icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:label","t":"Label","d":"Animated label icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:labor","t":"Labor","d":"Animated labor icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:labs","t":"Labs","d":"Animated labs icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:lake","t":"Lake","d":"Animated lake icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:lamp-wall-down","t":"Lamp wall down","d":"Animated lamp wall down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:lamp-wall-up","t":"Lamp wall up","d":"Animated lamp wall up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:lamp","t":"Lamp","d":"Animated lamp icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:land-plot","t":"Land plot","d":"Animated land plot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:landmark","t":"Landmark","d":"Animated landmark icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:language-circle","t":"Language circle","d":"Animated language circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:language-skill","t":"Language skill","d":"Animated language skill icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:language-square","t":"Language square","d":"Animated language square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:lantern","t":"Lantern","d":"Animated lantern icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:laptop-add","t":"Laptop add","d":"Animated laptop add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:laptop-charging","t":"Laptop charging","d":"Animated laptop charging icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:laptop-check","t":"Laptop check","d":"Animated laptop check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:laptop-cloud","t":"Laptop cloud","d":"Animated laptop cloud icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:laptop-issue","t":"Laptop issue","d":"Animated laptop issue icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:laptop-performance","t":"Laptop performance","d":"Animated laptop performance icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:laptop-phone-sync","t":"Laptop phone sync","d":"Animated laptop phone sync icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:laptop-programming","t":"Laptop programming","d":"Animated laptop programming icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:laptop-remove","t":"Laptop remove","d":"Animated laptop remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:laptop-settings","t":"Laptop settings","d":"Animated laptop settings icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:laptop-video","t":"Laptop video","d":"Animated laptop video icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:laptop","t":"Laptop","d":"Animated laptop icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:lasso-select","t":"Lasso select","d":"Animated lasso select icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:lasso-tool","t":"Lasso tool","d":"Animated lasso tool icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:last-fm","t":"Last fm","d":"Animated last fm icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:latitude","t":"Latitude","d":"Animated latitude icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:laughing","t":"Laughing","d":"Animated laughing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:laurel-wreath-first","t":"Laurel wreath first","d":"Animated laurel wreath first icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:laurel-wreath-left","t":"Laurel wreath left","d":"Animated laurel wreath left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:laurel-wreath-right","t":"Laurel wreath right","d":"Animated laurel wreath right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:laurel-wreath","t":"Laurel wreath","d":"Animated laurel wreath icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:layer-add","t":"Layer add","d":"Animated layer add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:layer-bring-forward","t":"Layer bring forward","d":"Animated layer bring forward icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:layer-bring-to-front","t":"Layer bring to front","d":"Animated layer bring to front icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:layer-mask","t":"Layer mask","d":"Animated layer mask icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:layer-send-backward","t":"Layer send backward","d":"Animated layer send backward icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:layer-send-to-back","t":"Layer send to back","d":"Animated layer send to back icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:layer","t":"Layer","d":"Animated layer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:layers-logo","t":"Layers logo","d":"Animated layers logo icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:layers","t":"Layers","d":"Animated layers icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:layout-align-bottom","t":"Layout align bottom","d":"Animated layout align bottom icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:layout-align-left","t":"Layout align left","d":"Animated layout align left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:layout-align-right","t":"Layout align right","d":"Animated layout align right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:layout-align-top","t":"Layout align top","d":"Animated layout align top icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:layout-bottom","t":"Layout bottom","d":"Animated layout bottom icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:layout-grid","t":"Layout grid","d":"Animated layout grid icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:layout-left","t":"Layout left","d":"Animated layout left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:layout-right","t":"Layout right","d":"Animated layout right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:layout-table","t":"Layout table","d":"Animated layout table icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:layout-three-column","t":"Layout three column","d":"Animated layout three column icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:layout-three-row","t":"Layout three row","d":"Animated layout three row icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:layout-top","t":"Layout top","d":"Animated layout top icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:layout-two-column","t":"Layout two column","d":"Animated layout two column icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:layout-two-row","t":"Layout two row","d":"Animated layout two row icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:layout","t":"Layout","d":"Animated layout icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":7,"hc":1},{"id":"hugeicons-animated-vue:leaf","t":"Leaf","d":"Animated leaf icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:leafy-green","t":"Leafy green","d":"Animated leafy green icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:leaving-geo-fence","t":"Leaving geo fence","d":"Animated leaving geo fence icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:leetcode","t":"Leetcode","d":"Animated leetcode icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:left-angle","t":"Left angle","d":"Animated left angle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:left-to-right-block-quote","t":"Left to right block quote","d":"Animated left to right block quote icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:left-to-right-list-bullet","t":"Left to right list bullet","d":"Animated left to right list bullet icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:left-to-right-list-dash","t":"Left to right list dash","d":"Animated left to right list dash icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:left-to-right-list-number","t":"Left to right list number","d":"Animated left to right list number icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:left-to-right-list-star","t":"Left to right list star","d":"Animated left to right list star icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:left-to-right-list-triangle","t":"Left to right list triangle","d":"Animated left to right list triangle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:left-triangle","t":"Left triangle","d":"Animated left triangle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:legal-document","t":"Legal document","d":"Animated legal document icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:legal-hammer","t":"Legal hammer","d":"Animated legal hammer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:legal","t":"Legal","d":"Animated legal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:less-than-circle","t":"Less than circle","d":"Animated less than circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:less-than-square","t":"Less than square","d":"Animated less than square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:less-than","t":"Less than","d":"Animated less than icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:letter-spacing","t":"Letter spacing","d":"Animated letter spacing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:libraries","t":"Libraries","d":"Animated libraries icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:library","t":"Library","d":"Animated library icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:license-draft","t":"License draft","d":"Animated license draft icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:license-maintenance","t":"License maintenance","d":"Animated license maintenance icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:license-no","t":"License no","d":"Animated license no icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:license-pin","t":"License pin","d":"Animated license pin icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:license-third-party","t":"License third party","d":"Animated license third party icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:license","t":"License","d":"Animated license icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:lifebuoy","t":"Lifebuoy","d":"Animated lifebuoy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:lift-truck","t":"Lift truck","d":"Animated lift truck icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ligature","t":"Ligature","d":"Animated ligature icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:lightbulb-off","t":"Lightbulb off","d":"Animated lightbulb off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:lighthouse","t":"Lighthouse","d":"Animated lighthouse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:limit-order","t":"Limit order","d":"Animated limit order icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:limitation","t":"Limitation","d":"Animated limitation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:line","t":"Line","d":"Animated line icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:liner","t":"Liner","d":"Animated liner icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:link-backward","t":"Link backward","d":"Animated link backward icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:link-circle","t":"Link circle","d":"Animated link circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:link-forward","t":"Link forward","d":"Animated link forward icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:link-square","t":"Link square","d":"Animated link square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:link","t":"Link","d":"Animated link icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":6,"hc":1},{"id":"hugeicons-animated-vue:linkedin","t":"Linkedin","d":"Animated linkedin icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:list-chevrons-down-up","t":"List chevrons down up","d":"Animated list chevrons down up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:list-filter-plus","t":"List filter plus","d":"Animated list filter plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:list-indent-decrease","t":"List indent decrease","d":"Animated list indent decrease icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:list-indent-increase","t":"List indent increase","d":"Animated list indent increase icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:list-music","t":"List music","d":"Animated list music icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:list-plus","t":"List plus","d":"Animated list plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:list-restart","t":"List restart","d":"Animated list restart icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:list-setting","t":"List setting","d":"Animated list setting icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:list-start","t":"List start","d":"Animated list start icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:list-tree","t":"List tree","d":"Animated list tree icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:list-video","t":"List video","d":"Animated list video icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:list-view","t":"List view","d":"Animated list view icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:list-x","t":"List x","d":"Animated list x icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:litecoin","t":"Litecoin","d":"Animated litecoin icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:live-streaming","t":"Live streaming","d":"Animated live streaming icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:liver","t":"Liver","d":"Animated liver icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:loader-pinwheel","t":"Loader pinwheel","d":"Animated loader pinwheel icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:loading","t":"Loading","d":"Animated loading icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:location-add","t":"Location add","d":"Animated location add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:location-check","t":"Location check","d":"Animated location check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:location-favourite","t":"Location favourite","d":"Animated location favourite icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:location-offline","t":"Location offline","d":"Animated location offline icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:location-remove","t":"Location remove","d":"Animated location remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:location-share","t":"Location share","d":"Animated location share icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:location-star","t":"Location star","d":"Animated location star icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:location-update","t":"Location update","d":"Animated location update icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:location-user","t":"Location user","d":"Animated location user icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:location","t":"Location","d":"Animated location icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":10,"hc":1},{"id":"hugeicons-animated-vue:lock-computer","t":"Lock computer","d":"Animated lock computer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:lock-key","t":"Lock key","d":"Animated lock key icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:lock-password","t":"Lock password","d":"Animated lock password icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:lock-sync","t":"Lock sync","d":"Animated lock sync icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:lock","t":"Lock","d":"Animated lock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:locked","t":"Locked","d":"Animated locked icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:locker","t":"Locker","d":"Animated locker icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:login-circle","t":"Login circle","d":"Animated login circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:login-method","t":"Login method","d":"Animated login method icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:login-square","t":"Login square","d":"Animated login square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:login","t":"Login","d":"Animated login icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:logout-circle","t":"Logout circle","d":"Animated logout circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:logout-square","t":"Logout square","d":"Animated logout square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:logout","t":"Logout","d":"Animated logout icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:lollipop","t":"Lollipop","d":"Animated lollipop icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:long-sleeve-shirt","t":"Long sleeve shirt","d":"Animated long sleeve shirt icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:longitude","t":"Longitude","d":"Animated longitude icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:look-bottom","t":"Look bottom","d":"Animated look bottom icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:look-left","t":"Look left","d":"Animated look left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:look-right","t":"Look right","d":"Animated look right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:look-top","t":"Look top","d":"Animated look top icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:loom","t":"Loom","d":"Animated loom icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:lottiefiles","t":"Lottiefiles","d":"Animated lottiefiles icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:love-korean-finger","t":"Love korean finger","d":"Animated love korean finger icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:low-signal","t":"Low signal","d":"Animated low signal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:loyalty-card","t":"Loyalty card","d":"Animated loyalty card icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:luggage","t":"Luggage","d":"Animated luggage icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:lungs","t":"Lungs","d":"Animated lungs icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:machine-robot","t":"Machine robot","d":"Animated machine robot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:magic-wand","t":"Magic wand","d":"Animated magic wand icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:magnet","t":"Magnet","d":"Animated magnet icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-account","t":"Mail account","d":"Animated mail account icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-add","t":"Mail add","d":"Animated mail add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-at-sign","t":"Mail at sign","d":"Animated mail at sign icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-block","t":"Mail block","d":"Animated mail block icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-download","t":"Mail download","d":"Animated mail download icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-edit","t":"Mail edit","d":"Animated mail edit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-lock","t":"Mail lock","d":"Animated mail lock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-love","t":"Mail love","d":"Animated mail love icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-minus","t":"Mail minus","d":"Animated mail minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-open-love","t":"Mail open love","d":"Animated mail open love icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mail-open","t":"Mail open","d":"Animated mail open icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-question-mark","t":"Mail question mark","d":"Animated mail question mark icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mail-receive","t":"Mail receive","d":"Animated mail receive icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-remove","t":"Mail remove","d":"Animated mail remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-reply-all","t":"Mail reply all","d":"Animated mail reply all icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-reply","t":"Mail reply","d":"Animated mail reply icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-search","t":"Mail search","d":"Animated mail search icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-secure","t":"Mail secure","d":"Animated mail secure icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-send","t":"Mail send","d":"Animated mail send icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-setting","t":"Mail setting","d":"Animated mail setting icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-unlock","t":"Mail unlock","d":"Animated mail unlock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-upload","t":"Mail upload","d":"Animated mail upload icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-validation","t":"Mail validation","d":"Animated mail validation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-voice","t":"Mail voice","d":"Animated mail voice icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mail-warning","t":"Mail warning","d":"Animated mail warning icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mail","t":"Mail","d":"Animated mail icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mailbox","t":"Mailbox","d":"Animated mailbox icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:mails","t":"Mails","d":"Animated mails icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:male-02","t":"Male #2","d":"Animated male icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:male-symbol","t":"Male symbol","d":"Animated male symbol icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:man-woman","t":"Man woman","d":"Animated man woman icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:man","t":"Man","d":"Animated man icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:manager","t":"Manager","d":"Animated manager icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:map-pin-check","t":"Map pin check","d":"Animated map pin check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:map-pin-house","t":"Map pin house","d":"Animated map pin house icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:map-pin-minus","t":"Map pin minus","d":"Animated map pin minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:map-pin-pen","t":"Map pin pen","d":"Animated map pin pen icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:map-pin-plus","t":"Map pin plus","d":"Animated map pin plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:map-pin-x-inside","t":"Map pin x inside","d":"Animated map pin x inside icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:map-pin","t":"Map pin","d":"Animated map pin icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:map-pinpoint","t":"Map pinpoint","d":"Animated map pinpoint icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:maping","t":"Maping","d":"Animated maping icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:maps-circle","t":"Maps circle","d":"Animated maps circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:maps-editing","t":"Maps editing","d":"Animated maps editing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:maps-global","t":"Maps global","d":"Animated maps global icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:maps-location","t":"Maps location","d":"Animated maps location icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:maps-off","t":"Maps off","d":"Animated maps off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:maps-refresh","t":"Maps refresh","d":"Animated maps refresh icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:maps-search","t":"Maps search","d":"Animated maps search icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:maps-square","t":"Maps square","d":"Animated maps square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:maps","t":"Maps","d":"Animated maps icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:market-analysis","t":"Market analysis","d":"Animated market analysis icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:market-order","t":"Market order","d":"Animated market order icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:marketing","t":"Marketing","d":"Animated marketing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mask-love","t":"Mask love","d":"Animated mask love icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mask-theater","t":"Mask theater","d":"Animated mask theater icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mask","t":"Mask","d":"Animated mask icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:master-card","t":"Master card","d":"Animated master card icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mastodon","t":"Mastodon","d":"Animated mastodon icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:matches","t":"Matches","d":"Animated matches icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:material-and-texture","t":"Material and texture","d":"Animated material and texture icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:math","t":"Math","d":"Animated math icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:matrix","t":"Matrix","d":"Animated matrix icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:maximize-screen","t":"Maximize screen","d":"Animated maximize screen icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:maximize","t":"Maximize","d":"Animated maximize icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:mayan-pyramid","t":"Mayan pyramid","d":"Animated mayan pyramid icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:maze","t":"Maze","d":"Animated maze icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mcp-server","t":"Mcp server","d":"Animated mcp server icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:meal-scan","t":"Meal scan","d":"Animated meal scan icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:medal-first-place","t":"Medal first place","d":"Animated medal first place icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:medal-second-place","t":"Medal second place","d":"Animated medal second place icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:medal-third-place","t":"Medal third place","d":"Animated medal third place icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:medal","t":"Medal","d":"Animated medal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":7,"hc":1},{"id":"hugeicons-animated-vue:medical-file","t":"Medical file","d":"Animated medical file icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:medical-mask","t":"Medical mask","d":"Animated medical mask icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:medicine-bottle","t":"Medicine bottle","d":"Animated medicine bottle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:medicine-syrup","t":"Medicine syrup","d":"Animated medicine syrup icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:medicine","t":"Medicine","d":"Animated medicine icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:medium-signal","t":"Medium signal","d":"Animated medium signal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:medium-square","t":"Medium square","d":"Animated medium square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:medium","t":"Medium","d":"Animated medium icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:meeting-room","t":"Meeting room","d":"Animated meeting room icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:megaphone","t":"Megaphone","d":"Animated megaphone icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:meh","t":"Meh","d":"Animated meh icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:memory-stick","t":"Memory stick","d":"Animated memory stick icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mentor","t":"Mentor","d":"Animated mentor icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mentoring","t":"Mentoring","d":"Animated mentoring icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:menu-circle","t":"Menu circle","d":"Animated menu circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:menu-collapse","t":"Menu collapse","d":"Animated menu collapse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:menu-restaurant","t":"Menu restaurant","d":"Animated menu restaurant icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:menu-square","t":"Menu square","d":"Animated menu square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:menu-two-line","t":"Menu two line","d":"Animated menu two line icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:menu","t":"Menu","d":"Animated menu icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":11,"hc":1},{"id":"hugeicons-animated-vue:message-add","t":"Message add","d":"Animated message add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:message-blocked","t":"Message blocked","d":"Animated message blocked icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:message-cancel","t":"Message cancel","d":"Animated message cancel icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:message-circle-code","t":"Message circle code","d":"Animated message circle code icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:message-circle-reply","t":"Message circle reply","d":"Animated message circle reply icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:message-delay","t":"Message delay","d":"Animated message delay icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:message-done","t":"Message done","d":"Animated message done icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:message-download","t":"Message download","d":"Animated message download icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:message-edit","t":"Message edit","d":"Animated message edit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:message-favourite","t":"Message favourite","d":"Animated message favourite icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:message-incoming","t":"Message incoming","d":"Animated message incoming icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:message-lock","t":"Message lock","d":"Animated message lock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:message-multiple","t":"Message multiple","d":"Animated message multiple icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:message-notification","t":"Message notification","d":"Animated message notification icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:message-outgoing","t":"Message outgoing","d":"Animated message outgoing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:message-programming","t":"Message programming","d":"Animated message programming icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:message-question","t":"Message question","d":"Animated message question icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:message-search","t":"Message search","d":"Animated message search icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:message-secure","t":"Message secure","d":"Animated message secure icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:message-square-code","t":"Message square code","d":"Animated message square code icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:message-square-dashed","t":"Message square dashed","d":"Animated message square dashed icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:message-square-diff","t":"Message square diff","d":"Animated message square diff icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:message-square-share","t":"Message square share","d":"Animated message square share icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:message-translate","t":"Message translate","d":"Animated message translate icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:message-unlock","t":"Message unlock","d":"Animated message unlock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:message-upload","t":"Message upload","d":"Animated message upload icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:message-user","t":"Message user","d":"Animated message user icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:message","t":"Message","d":"Animated message icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:messenger","t":"Messenger","d":"Animated messenger icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:meta","t":"Meta","d":"Animated meta icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:metro","t":"Metro","d":"Animated metro icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mic-off","t":"Mic off","d":"Animated mic off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mic","t":"Mic","d":"Animated mic icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:microchip","t":"Microchip","d":"Animated microchip icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:microscope","t":"Microscope","d":"Animated microscope icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:microsoft-admin","t":"Microsoft admin","d":"Animated microsoft admin icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:microsoft","t":"Microsoft","d":"Animated microsoft icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:microwave","t":"Microwave","d":"Animated microwave icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:milk-bottle","t":"Milk bottle","d":"Animated milk bottle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:milk-carton","t":"Milk carton","d":"Animated milk carton icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:milk-coconut","t":"Milk coconut","d":"Animated milk coconut icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:milk-oat","t":"Milk oat","d":"Animated milk oat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:minimize-screen","t":"Minimize screen","d":"Animated minimize screen icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:minimize","t":"Minimize","d":"Animated minimize icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:mining","t":"Mining","d":"Animated mining icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:minus-plus-circle","t":"Minus plus circle","d":"Animated minus plus circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:minus-plus-square","t":"Minus plus square","d":"Animated minus plus square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:minus-plus","t":"Minus plus","d":"Animated minus plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:minus-sign-circle","t":"Minus sign circle","d":"Animated minus sign circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:minus-sign-square","t":"Minus sign square","d":"Animated minus sign square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:minus-sign","t":"Minus sign","d":"Animated minus sign icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mirror","t":"Mirror","d":"Animated mirror icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mirroring-screen","t":"Mirroring screen","d":"Animated mirroring screen icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mistral","t":"Mistral","d":"Animated mistral icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mixer","t":"Mixer","d":"Animated mixer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mobile-navigator","t":"Mobile navigator","d":"Animated mobile navigator icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mobile-programming","t":"Mobile programming","d":"Animated mobile programming icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mobile-protection","t":"Mobile protection","d":"Animated mobile protection icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mobile-security","t":"Mobile security","d":"Animated mobile security icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mochi","t":"Mochi","d":"Animated mochi icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:modern-tv-four-k","t":"Modern tv four k","d":"Animated modern tv four k icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:modern-tv-issue","t":"Modern tv issue","d":"Animated modern tv issue icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:modern-tv","t":"Modern tv","d":"Animated modern tv icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:molecules","t":"Molecules","d":"Animated molecules icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mollie","t":"Mollie","d":"Animated mollie icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:monas","t":"Monas","d":"Animated monas icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:money-add","t":"Money add","d":"Animated money add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:money-bag","t":"Money bag","d":"Animated money bag icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:money-exchange","t":"Money exchange","d":"Animated money exchange icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:money-lock","t":"Money lock","d":"Animated money lock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:money-not-found","t":"Money not found","d":"Animated money not found icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:money-receive-circle","t":"Money receive circle","d":"Animated money receive circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:money-receive-flow","t":"Money receive flow","d":"Animated money receive flow icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:money-receive-square","t":"Money receive square","d":"Animated money receive square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:money-receive","t":"Money receive","d":"Animated money receive icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:money-remove","t":"Money remove","d":"Animated money remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:money-safe","t":"Money safe","d":"Animated money safe icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:money-saving-jar","t":"Money saving jar","d":"Animated money saving jar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:money-security","t":"Money security","d":"Animated money security icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:money-send-circle","t":"Money send circle","d":"Animated money send circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:money-send-flow","t":"Money send flow","d":"Animated money send flow icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:money-send-square","t":"Money send square","d":"Animated money send square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:money-send","t":"Money send","d":"Animated money send icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:money","t":"Money","d":"Animated money icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:monitor-dot","t":"Monitor dot","d":"Animated monitor dot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:monitor-pause","t":"Monitor pause","d":"Animated monitor pause icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:monitor-speaker","t":"Monitor speaker","d":"Animated monitor speaker icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:monitor-stop","t":"Monitor stop","d":"Animated monitor stop icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:monocle","t":"Monocle","d":"Animated monocle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:monster","t":"Monster","d":"Animated monster icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:moon-angled-rain-zap","t":"Moon angled rain zap","d":"Animated moon angled rain zap icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:moon-cloud-angled-rain","t":"Moon cloud angled rain","d":"Animated moon cloud angled rain icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:moon-cloud-angled-zap","t":"Moon cloud angled zap","d":"Animated moon cloud angled zap icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:moon-cloud-big-rain","t":"Moon cloud big rain","d":"Animated moon cloud big rain icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:moon-cloud-fast-wind","t":"Moon cloud fast wind","d":"Animated moon cloud fast wind icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:moon-cloud-hailstone","t":"Moon cloud hailstone","d":"Animated moon cloud hailstone icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:moon-cloud-little-rain","t":"Moon cloud little rain","d":"Animated moon cloud little rain icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:moon-cloud-little-snow","t":"Moon cloud little snow","d":"Animated moon cloud little snow icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:moon-cloud-mid-rain","t":"Moon cloud mid rain","d":"Animated moon cloud mid rain icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:moon-cloud-mid-snow","t":"Moon cloud mid snow","d":"Animated moon cloud mid snow icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:moon-cloud-slow-wind","t":"Moon cloud slow wind","d":"Animated moon cloud slow wind icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:moon-cloud-snow","t":"Moon cloud snow","d":"Animated moon cloud snow icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:moon-cloud","t":"Moon cloud","d":"Animated moon cloud icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:moon-eclipse","t":"Moon eclipse","d":"Animated moon eclipse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:moon-fast-wind","t":"Moon fast wind","d":"Animated moon fast wind icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:moon-landing","t":"Moon landing","d":"Animated moon landing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:moon-slow-wind","t":"Moon slow wind","d":"Animated moon slow wind icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:moon","t":"Moon","d":"Animated moon icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:moonset","t":"Moonset","d":"Animated moonset icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:more-horizontal-circle","t":"More horizontal circle","d":"Animated more horizontal circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:more-horizontal-square","t":"More horizontal square","d":"Animated more horizontal square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:more-horizontal","t":"More horizontal","d":"Animated more horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:more-or-less-circle","t":"More or less circle","d":"Animated more or less circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:more-or-less-square","t":"More or less square","d":"Animated more or less square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:more-or-less","t":"More or less","d":"Animated more or less icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:more-vertical-circle","t":"More vertical circle","d":"Animated more vertical circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:more-vertical-square","t":"More vertical square","d":"Animated more vertical square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:more-vertical","t":"More vertical","d":"Animated more vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:more","t":"More","d":"Animated more icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:mortar","t":"Mortar","d":"Animated mortar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mortarboard","t":"Mortarboard","d":"Animated mortarboard icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mosque-location","t":"Mosque location","d":"Animated mosque location icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mosque","t":"Mosque","d":"Animated mosque icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:motion","t":"Motion","d":"Animated motion icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:motorbike","t":"Motorbike","d":"Animated motorbike icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mountain","t":"Mountain","d":"Animated mountain icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mouse-left-click","t":"Mouse left click","d":"Animated mouse left click icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":6,"hc":1},{"id":"hugeicons-animated-vue:mouse-pointer-off","t":"Mouse pointer off","d":"Animated mouse pointer off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mouse-right-click","t":"Mouse right click","d":"Animated mouse right click icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":6,"hc":1},{"id":"hugeicons-animated-vue:mouse-scroll","t":"Mouse scroll","d":"Animated mouse scroll icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mouse","t":"Mouse","d":"Animated mouse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":23,"hc":1},{"id":"hugeicons-animated-vue:move-bottom","t":"Move bottom","d":"Animated move bottom icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:move-left","t":"Move left","d":"Animated move left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:move-right","t":"Move right","d":"Animated move right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:move-to","t":"Move to","d":"Animated move to icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:move-top","t":"Move top","d":"Animated move top icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:move","t":"Move","d":"Animated move icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mp-3","t":"Mp #3","d":"Animated mp icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mp-301","t":"Mp #301","d":"Animated mp icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mp-four","t":"Mp four","d":"Animated mp four icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:mp-three-02","t":"Mp three #2","d":"Animated mp three icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:muhammad","t":"Muhammad","d":"Animated muhammad icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:multiplication-sign-circle","t":"Multiplication sign circle","d":"Animated multiplication sign circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:multiplication-sign-square","t":"Multiplication sign square","d":"Animated multiplication sign square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:multiplication-sign","t":"Multiplication sign","d":"Animated multiplication sign icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mushroom","t":"Mushroom","d":"Animated mushroom icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:music-note-square","t":"Music note square","d":"Animated music note square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:music-note","t":"Music note","d":"Animated music note icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:music-three","t":"Music three","d":"Animated music three icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:muslim","t":"Muslim","d":"Animated muslim icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mute","t":"Mute","d":"Animated mute icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:mymind","t":"Mymind","d":"Animated mymind icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:n-th-root-circle","t":"N th root circle","d":"Animated n th root circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:n-th-root-square","t":"N th root square","d":"Animated n th root square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:n-th-root","t":"N th root","d":"Animated n th root icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:nano-technology","t":"Nano technology","d":"Animated nano technology icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:napkins","t":"Napkins","d":"Animated napkins icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:natural-food","t":"Natural food","d":"Animated natural food icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:navigation-off","t":"Navigation off","d":"Animated navigation off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:navigation-two-off","t":"Navigation two off","d":"Animated navigation two off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:navigation-two","t":"Navigation two","d":"Animated navigation two icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:navigation","t":"Navigation","d":"Animated navigation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":6,"hc":1},{"id":"hugeicons-animated-vue:navigator","t":"Navigator","d":"Animated navigator icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:necklace","t":"Necklace","d":"Animated necklace icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:nerd","t":"Nerd","d":"Animated nerd icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:neural-network","t":"Neural network","d":"Animated neural network icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:neutral","t":"Neutral","d":"Animated neutral icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:new-job","t":"New job","d":"Animated new job icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:new-office","t":"New office","d":"Animated new office icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:new-releases","t":"New releases","d":"Animated new releases icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:new-twitter-ellipse","t":"New twitter ellipse","d":"Animated new twitter ellipse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:new-twitter-rectangle","t":"New twitter rectangle","d":"Animated new twitter rectangle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:new-twitter","t":"New twitter","d":"Animated new twitter icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:news","t":"News","d":"Animated news icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:next-week","t":"Next week","d":"Animated next week icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:next","t":"Next","d":"Animated next icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:nfc","t":"Nfc","d":"Animated nfc icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:nike","t":"Nike","d":"Animated nike icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:nine-circle","t":"Nine circle","d":"Animated nine circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:nine-square","t":"Nine square","d":"Animated nine square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:nintendo-switch","t":"Nintendo switch","d":"Animated nintendo switch icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:nintendo","t":"Nintendo","d":"Animated nintendo icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:niqab","t":"Niqab","d":"Animated niqab icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:no-internet","t":"No internet","d":"Animated no internet icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:no-meeting-room","t":"No meeting room","d":"Animated no meeting room icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:no-signal","t":"No signal","d":"Animated no signal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:node-add","t":"Node add","d":"Animated node add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:node-edit","t":"Node edit","d":"Animated node edit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:node-move-down","t":"Node move down","d":"Animated node move down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:node-move-up","t":"Node move up","d":"Animated node move up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:node-remove","t":"Node remove","d":"Animated node remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:noodles","t":"Noodles","d":"Animated noodles icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:nose","t":"Nose","d":"Animated nose icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:not-equal-sign-circle","t":"Not equal sign circle","d":"Animated not equal sign circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:not-equal-sign-square","t":"Not equal sign square","d":"Animated not equal sign square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:not-equal-sign","t":"Not equal sign","d":"Animated not equal sign icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:note-add","t":"Note add","d":"Animated note add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:note-done","t":"Note done","d":"Animated note done icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:note-edit","t":"Note edit","d":"Animated note edit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:note-remove","t":"Note remove","d":"Animated note remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:note","t":"Note","d":"Animated note icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:notebook","t":"Notebook","d":"Animated notebook icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:notepad-text-dashed","t":"Notepad text dashed","d":"Animated notepad text dashed icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:notification-block","t":"Notification block","d":"Animated notification block icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:notification-bubble","t":"Notification bubble","d":"Animated notification bubble icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:notification-circle","t":"Notification circle","d":"Animated notification circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:notification-off","t":"Notification off","d":"Animated notification off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:notification-snooze","t":"Notification snooze","d":"Animated notification snooze icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:notification-square","t":"Notification square","d":"Animated notification square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:notification","t":"Notification","d":"Animated notification icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:notion","t":"Notion","d":"Animated notion icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:npm","t":"Npm","d":"Animated npm icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:nuclear-power","t":"Nuclear power","d":"Animated nuclear power icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:nut-off","t":"Nut off","d":"Animated nut off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:nut","t":"Nut","d":"Animated nut icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:obtuse","t":"Obtuse","d":"Animated obtuse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:octagon","t":"Octagon","d":"Animated octagon icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:octopus","t":"Octopus","d":"Animated octopus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:office-chair","t":"Office chair","d":"Animated office chair icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:office","t":"Office","d":"Animated office icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:oil-barrel","t":"Oil barrel","d":"Animated oil barrel icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ok-finger","t":"Ok finger","d":"Animated ok finger icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:olympic-torch","t":"Olympic torch","d":"Animated olympic torch icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:one-circle","t":"One circle","d":"Animated one circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:one-square","t":"One square","d":"Animated one square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:online-learning","t":"Online learning","d":"Animated online learning icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:open-caption","t":"Open caption","d":"Animated open caption icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:open-source","t":"Open source","d":"Animated open source icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:option","t":"Option","d":"Animated option icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:options-call","t":"Options call","d":"Animated options call icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:orange","t":"Orange","d":"Animated orange icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:orbit","t":"Orbit","d":"Animated orbit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:organic-food","t":"Organic food","d":"Animated organic food icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:orientation-image-landscape-to-potrait","t":"Orientation image landscape to potrait","d":"Animated orientation image landscape to potrait icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:orientation-image-potrait-to-landscape","t":"Orientation image potrait to landscape","d":"Animated orientation image potrait to landscape icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:orientation-landscape-to-potrait","t":"Orientation landscape to potrait","d":"Animated orientation landscape to potrait icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:orientation-potrait-to-landscape","t":"Orientation potrait to landscape","d":"Animated orientation potrait to landscape icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:origami","t":"Origami","d":"Animated origami icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:orthogonal-edge","t":"Orthogonal edge","d":"Animated orthogonal edge icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:oval","t":"Oval","d":"Animated oval icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:oven","t":"Oven","d":"Animated oven icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:package-add","t":"Package add","d":"Animated package add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:package-delivered","t":"Package delivered","d":"Animated package delivered icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:package-dimensions","t":"Package dimensions","d":"Animated package dimensions icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:package-moving","t":"Package moving","d":"Animated package moving icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:package-open","t":"Package open","d":"Animated package open icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:package-out-of-stock","t":"Package out of stock","d":"Animated package out of stock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:package-process","t":"Package process","d":"Animated package process icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:package-receive","t":"Package receive","d":"Animated package receive icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:package-remove","t":"Package remove","d":"Animated package remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:package-search","t":"Package search","d":"Animated package search icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:package-sent","t":"Package sent","d":"Animated package sent icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:package","t":"Package","d":"Animated package icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:packaging","t":"Packaging","d":"Animated packaging icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pacman","t":"Pacman","d":"Animated pacman icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:paella","t":"Paella","d":"Animated paella icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:paint-board","t":"Paint board","d":"Animated paint board icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:paint-brush","t":"Paint brush","d":"Animated paint brush icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:paint-bucket","t":"Paint bucket","d":"Animated paint bucket icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pan","t":"Pan","d":"Animated pan icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:panel-bottom-close","t":"Panel bottom close","d":"Animated panel bottom close icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:panel-left-close","t":"Panel left close","d":"Animated panel left close icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:panel-left-dashed","t":"Panel left dashed","d":"Animated panel left dashed icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:panel-left-open","t":"Panel left open","d":"Animated panel left open icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:panel-left","t":"Panel left","d":"Animated panel left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:panel-right-close","t":"Panel right close","d":"Animated panel right close icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:panel-right-dashed","t":"Panel right dashed","d":"Animated panel right dashed icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:panel-right-open","t":"Panel right open","d":"Animated panel right open icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:panel-right","t":"Panel right","d":"Animated panel right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:panel-top-bottom-dashed","t":"Panel top bottom dashed","d":"Animated panel top bottom dashed icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:parabola","t":"Parabola","d":"Animated parabola icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:paragliding","t":"Paragliding","d":"Animated paragliding icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:paragraph-bullets-point","t":"Paragraph bullets point","d":"Animated paragraph bullets point icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:paragraph-spacing","t":"Paragraph spacing","d":"Animated paragraph spacing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:paragraph","t":"Paragraph","d":"Animated paragraph icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:parallelogram","t":"Parallelogram","d":"Animated parallelogram icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:parking-area-circle","t":"Parking area circle","d":"Animated parking area circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:parking-area-square","t":"Parking area square","d":"Animated parking area square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:parking-meter","t":"Parking meter","d":"Animated parking meter icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:party","t":"Party","d":"Animated party icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:passport-expired","t":"Passport expired","d":"Animated passport expired icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:passport-valid","t":"Passport valid","d":"Animated passport valid icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:passport","t":"Passport","d":"Animated passport icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:password-validation","t":"Password validation","d":"Animated password validation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:path","t":"Path","d":"Animated path icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pathfinder-crop","t":"Pathfinder crop","d":"Animated pathfinder crop icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pathfinder-divide","t":"Pathfinder divide","d":"Animated pathfinder divide icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pathfinder-exclude","t":"Pathfinder exclude","d":"Animated pathfinder exclude icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pathfinder-intersect","t":"Pathfinder intersect","d":"Animated pathfinder intersect icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pathfinder-merge","t":"Pathfinder merge","d":"Animated pathfinder merge icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pathfinder-minus-back","t":"Pathfinder minus back","d":"Animated pathfinder minus back icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pathfinder-minus-front","t":"Pathfinder minus front","d":"Animated pathfinder minus front icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pathfinder-outline","t":"Pathfinder outline","d":"Animated pathfinder outline icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pathfinder-trim","t":"Pathfinder trim","d":"Animated pathfinder trim icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pathfinder-unite","t":"Pathfinder unite","d":"Animated pathfinder unite icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:patient","t":"Patient","d":"Animated patient icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:patio","t":"Patio","d":"Animated patio icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pause-circle","t":"Pause circle","d":"Animated pause circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pause","t":"Pause","d":"Animated pause icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pavilon","t":"Pavilon","d":"Animated pavilon icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pay-by-check","t":"Pay by check","d":"Animated pay by check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:payment-success","t":"Payment success","d":"Animated payment success icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:payment","t":"Payment","d":"Animated payment icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:payoneer","t":"Payoneer","d":"Animated payoneer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:paypal","t":"Paypal","d":"Animated paypal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pc-case","t":"Pc case","d":"Animated pc case icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pdf","t":"Pdf","d":"Animated pdf icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:peer-to-peer","t":"Peer to peer","d":"Animated peer to peer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:pen-connect-bluetooth","t":"Pen connect bluetooth","d":"Animated pen connect bluetooth icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pen-connect-usb","t":"Pen connect usb","d":"Animated pen connect usb icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pen-connect-wifi","t":"Pen connect wifi","d":"Animated pen connect wifi icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pen-tool-add","t":"Pen tool add","d":"Animated pen tool add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pen-tool-minus","t":"Pen tool minus","d":"Animated pen tool minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pen-tool","t":"Pen tool","d":"Animated pen tool icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:pen","t":"Pen","d":"Animated pen icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:pencil-edit","t":"Pencil edit","d":"Animated pencil edit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:pencil-ruler","t":"Pencil ruler","d":"Animated pencil ruler icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pencil","t":"Pencil","d":"Animated pencil icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pendulum","t":"Pendulum","d":"Animated pendulum icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pensive","t":"Pensive","d":"Animated pensive icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pentagon","t":"Pentagon","d":"Animated pentagon icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:percent-circle","t":"Percent circle","d":"Animated percent circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:percent-square","t":"Percent square","d":"Animated percent square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:percent","t":"Percent","d":"Animated percent icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:perfume","t":"Perfume","d":"Animated perfume icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:periscope","t":"Periscope","d":"Animated periscope icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:permanent-job","t":"Permanent job","d":"Animated permanent job icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:perplexity-ai","t":"Perplexity ai","d":"Animated perplexity ai icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:perspective","t":"Perspective","d":"Animated perspective icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["3d","animated"],"sb":"Animated","fw":"Vue","sy":["3d","animated"],"hc":1},{"id":"hugeicons-animated-vue:petrol-pump","t":"Petrol pump","d":"Animated petrol pump icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pexels","t":"Pexels","d":"Animated pexels icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:philippine-peso","t":"Philippine peso","d":"Animated philippine peso icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:phone-arrow-down","t":"Phone arrow down","d":"Animated phone arrow down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:phone-arrow-up","t":"Phone arrow up","d":"Animated phone arrow up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:phone-check","t":"Phone check","d":"Animated phone check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:phone-developer-mode","t":"Phone developer mode","d":"Animated phone developer mode icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:phone-erase","t":"Phone erase","d":"Animated phone erase icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:phone-lock","t":"Phone lock","d":"Animated phone lock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:phone-off","t":"Phone off","d":"Animated phone off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:php","t":"Php","d":"Animated php icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:physics","t":"Physics","d":"Animated physics icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pi-circle","t":"Pi circle","d":"Animated pi circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pi-square","t":"Pi square","d":"Animated pi square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pi","t":"Pi","d":"Animated pi icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:picasa","t":"Picasa","d":"Animated picasa icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pickup","t":"Pickup","d":"Animated pickup icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:picture-in-picture-exit","t":"Picture in picture exit","d":"Animated picture in picture exit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:picture-in-picture-on","t":"Picture in picture on","d":"Animated picture in picture on icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pie-chart-square","t":"Pie chart square","d":"Animated pie chart square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pie-chart","t":"Pie chart","d":"Animated pie chart icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":9,"hc":1},{"id":"hugeicons-animated-vue:pie","t":"Pie","d":"Animated pie icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:piggy-bank","t":"Piggy bank","d":"Animated piggy bank icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pill-bottle","t":"Pill bottle","d":"Animated pill bottle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pill-off","t":"Pill off","d":"Animated pill off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pill","t":"Pill","d":"Animated pill icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pills-tablet","t":"Pills tablet","d":"Animated pills tablet icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pin-code","t":"Pin code","d":"Animated pin code icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pin-location","t":"Pin location","d":"Animated pin location icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:pin-off","t":"Pin off","d":"Animated pin off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pin","t":"Pin","d":"Animated pin icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:pine-tree","t":"Pine tree","d":"Animated pine tree icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pinterest","t":"Pinterest","d":"Animated pinterest icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pipeline","t":"Pipeline","d":"Animated pipeline icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pisa-tower","t":"Pisa tower","d":"Animated pisa tower icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pivot","t":"Pivot","d":"Animated pivot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pizza-cutter","t":"Pizza cutter","d":"Animated pizza cutter icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pizza","t":"Pizza","d":"Animated pizza icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:plane","t":"Plane","d":"Animated plane icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:plant","t":"Plant","d":"Animated plant icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:plate","t":"Plate","d":"Animated plate icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:plaxo","t":"Plaxo","d":"Animated plaxo icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:play-circle","t":"Play circle","d":"Animated play circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:play-list-add","t":"Play list add","d":"Animated play list add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:play-list-favourite","t":"Play list favourite","d":"Animated play list favourite icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:play-list-minus","t":"Play list minus","d":"Animated play list minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:play-list-remove","t":"Play list remove","d":"Animated play list remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:play-list","t":"Play list","d":"Animated play list icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:play-square","t":"Play square","d":"Animated play square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:play-store","t":"Play store","d":"Animated play store icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:play","t":"Play","d":"Animated play icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:playlist","t":"Playlist","d":"Animated playlist icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:plaza","t":"Plaza","d":"Animated plaza icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:plug-socket","t":"Plug socket","d":"Animated plug socket icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:plug","t":"Plug","d":"Animated plug icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:plus-minus-circle","t":"Plus minus circle","d":"Animated plus minus circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:plus-minus-square","t":"Plus minus square","d":"Animated plus minus square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:plus-minus","t":"Plus minus","d":"Animated plus minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:plus-sign-circle","t":"Plus sign circle","d":"Animated plus sign circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:plus-sign-square","t":"Plus sign square","d":"Animated plus sign square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:plus-sign","t":"Plus sign","d":"Animated plus sign icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:png","t":"Png","d":"Animated png icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:pocket-knife","t":"Pocket knife","d":"Animated pocket knife icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pocket","t":"Pocket","d":"Animated pocket icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:podcast","t":"Podcast","d":"Animated podcast icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:podium","t":"Podium","d":"Animated podium icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pointing-left","t":"Pointing left","d":"Animated pointing left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":8,"hc":1},{"id":"hugeicons-animated-vue:pointing-right","t":"Pointing right","d":"Animated pointing right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":8,"hc":1},{"id":"hugeicons-animated-vue:pokeball","t":"Pokeball","d":"Animated pokeball icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pokemon","t":"Pokemon","d":"Animated pokemon icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:police-badge","t":"Police badge","d":"Animated police badge icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:police-cap","t":"Police cap","d":"Animated police cap icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:police-car","t":"Police car","d":"Animated police car icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:police-station","t":"Police station","d":"Animated police station icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:policy","t":"Policy","d":"Animated policy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:poly-tank","t":"Poly tank","d":"Animated poly tank icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:polygon","t":"Polygon","d":"Animated polygon icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pool-table","t":"Pool table","d":"Animated pool table icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pool","t":"Pool","d":"Animated pool icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:poop","t":"Poop","d":"Animated poop icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:popcorn","t":"Popcorn","d":"Animated popcorn icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:popsicle","t":"Popsicle","d":"Animated popsicle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pot","t":"Pot","d":"Animated pot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:potion","t":"Potion","d":"Animated potion icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pound-circle","t":"Pound circle","d":"Animated pound circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pound-receive","t":"Pound receive","d":"Animated pound receive icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pound-send","t":"Pound send","d":"Animated pound send icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pound-square","t":"Pound square","d":"Animated pound square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pound","t":"Pound","d":"Animated pound icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:power-off","t":"Power off","d":"Animated power off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:power-service","t":"Power service","d":"Animated power service icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:power-socket","t":"Power socket","d":"Animated power socket icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:power","t":"Power","d":"Animated power icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ppt","t":"Ppt","d":"Animated ppt icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:prawn","t":"Prawn","d":"Animated prawn icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:prayer-rug","t":"Prayer rug","d":"Animated prayer rug icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:preference-horizontal","t":"Preference horizontal","d":"Animated preference horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:preference-vertical","t":"Preference vertical","d":"Animated preference vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:prescription","t":"Prescription","d":"Animated prescription icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:prescriptions","t":"Prescriptions","d":"Animated prescriptions icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:presentation-bar-chart","t":"Presentation bar chart","d":"Animated presentation bar chart icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:presentation-line-chart","t":"Presentation line chart","d":"Animated presentation line chart icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:presentation-online","t":"Presentation online","d":"Animated presentation online icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:presentation-podium","t":"Presentation podium","d":"Animated presentation podium icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:presentation","t":"Presentation","d":"Animated presentation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":7,"hc":1},{"id":"hugeicons-animated-vue:previous","t":"Previous","d":"Animated previous icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:printer-check","t":"Printer check","d":"Animated printer check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:printer-off","t":"Printer off","d":"Animated printer off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:printer-three-d","t":"Printer three d","d":"Animated printer three d icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:printer","t":"Printer","d":"Animated printer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:prism","t":"Prism","d":"Animated prism icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:prison-guard","t":"Prison guard","d":"Animated prison guard icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:prison","t":"Prison","d":"Animated prison icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:prisoner","t":"Prisoner","d":"Animated prisoner icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:product-loading","t":"Product loading","d":"Animated product loading icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:profile","t":"Profile","d":"Animated profile icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:profit","t":"Profit","d":"Animated profit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:programming-flag","t":"Programming flag","d":"Animated programming flag icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:progress","t":"Progress","d":"Animated progress icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:projector","t":"Projector","d":"Animated projector icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:promotion","t":"Promotion","d":"Animated promotion icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:property-add","t":"Property add","d":"Animated property add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:property-delete","t":"Property delete","d":"Animated property delete icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:property-edit","t":"Property edit","d":"Animated property edit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:property-new","t":"Property new","d":"Animated property new icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:property-search","t":"Property search","d":"Animated property search icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:property-view","t":"Property view","d":"Animated property view icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:proportions","t":"Proportions","d":"Animated proportions icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:protection-mask","t":"Protection mask","d":"Animated protection mask icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pulley","t":"Pulley","d":"Animated pulley icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pulse-rectangle","t":"Pulse rectangle","d":"Animated pulse rectangle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:pulse","t":"Pulse","d":"Animated pulse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:pumpkin","t":"Pumpkin","d":"Animated pumpkin icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:punch","t":"Punch","d":"Animated punch icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:punching-ball","t":"Punching ball","d":"Animated punching ball icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:purse","t":"Purse","d":"Animated purse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:push-up-bar","t":"Push up bar","d":"Animated push up bar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:puzzle","t":"Puzzle","d":"Animated puzzle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pyramid-maslowo","t":"Pyramid maslowo","d":"Animated pyramid maslowo icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:pyramid-structure","t":"Pyramid structure","d":"Animated pyramid structure icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:pyramid","t":"Pyramid","d":"Animated pyramid icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:python","t":"Python","d":"Animated python icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:qq-plot","t":"Qq plot","d":"Animated qq plot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:qr-code-scan","t":"Qr code scan","d":"Animated qr code scan icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:qr-code","t":"Qr code","d":"Animated qr code icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:question","t":"Question","d":"Animated question icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:queue","t":"Queue","d":"Animated queue icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:quill-write","t":"Quill write","d":"Animated quill write icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:quiz","t":"Quiz","d":"Animated quiz icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:quora","t":"Quora","d":"Animated quora icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:quote-down-circle","t":"Quote down circle","d":"Animated quote down circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:quote-down-square","t":"Quote down square","d":"Animated quote down square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:quote-down","t":"Quote down","d":"Animated quote down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:quote-up-circle","t":"Quote up circle","d":"Animated quote up circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:quote-up-square","t":"Quote up square","d":"Animated quote up square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:quote-up","t":"Quote up","d":"Animated quote up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:quotes","t":"Quotes","d":"Animated quotes icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:quran","t":"Quran","d":"Animated quran icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:qwen","t":"Qwen","d":"Animated qwen icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:racing-flag","t":"Racing flag","d":"Animated racing flag icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:radar","t":"Radar","d":"Animated radar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:radial","t":"Radial","d":"Animated radial icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:radiation","t":"Radiation","d":"Animated radiation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:radio-button","t":"Radio button","d":"Animated radio button icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:radio","t":"Radio","d":"Animated radio icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:radioactive-alert","t":"Radioactive alert","d":"Animated radioactive alert icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:radius","t":"Radius","d":"Animated radius icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rail-symbol","t":"Rail symbol","d":"Animated rail symbol icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rain-double-drop","t":"Rain double drop","d":"Animated rain double drop icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rain-drop","t":"Rain drop","d":"Animated rain drop icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rain","t":"Rain","d":"Animated rain icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rainbow","t":"Rainbow","d":"Animated rainbow icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ram-memory","t":"Ram memory","d":"Animated ram memory icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ramadhan-month","t":"Ramadhan month","d":"Animated ramadhan month icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ramadhan","t":"Ramadhan","d":"Animated ramadhan icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:ranking","t":"Ranking","d":"Animated ranking icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rar","t":"Rar","d":"Animated rar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:ratio","t":"Ratio","d":"Animated ratio icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:raw","t":"Raw","d":"Animated raw icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:re","t":"Re","d":"Animated re icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:react","t":"React","d":"Animated react icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:real-estate","t":"Real estate","d":"Animated real estate icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:receipt-cent","t":"Receipt cent","d":"Animated receipt cent icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:receipt-dollar","t":"Receipt dollar","d":"Animated receipt dollar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:receipt-euro","t":"Receipt euro","d":"Animated receipt euro icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:receipt-indian-rupee","t":"Receipt indian rupee","d":"Animated receipt indian rupee icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:receipt-japanese-yen","t":"Receipt japanese yen","d":"Animated receipt japanese yen icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:receipt-pound-sterling","t":"Receipt pound sterling","d":"Animated receipt pound sterling icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:receipt-russian-ruble","t":"Receipt russian ruble","d":"Animated receipt russian ruble icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:receipt-swiss-franc","t":"Receipt swiss franc","d":"Animated receipt swiss franc icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:receipt-text","t":"Receipt text","d":"Animated receipt text icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:receipt-turkish-lira","t":"Receipt turkish lira","d":"Animated receipt turkish lira icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:record","t":"Record","d":"Animated record icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:recovery-mail","t":"Recovery mail","d":"Animated recovery mail icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rectangle-circle","t":"Rectangle circle","d":"Animated rectangle circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rectangular","t":"Rectangular","d":"Animated rectangular icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:recycle","t":"Recycle","d":"Animated recycle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:reddit","t":"Reddit","d":"Animated reddit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:redo-dot","t":"Redo dot","d":"Animated redo dot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:redo","t":"Redo","d":"Animated redo icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:reduce-paragraph","t":"Reduce paragraph","d":"Animated reduce paragraph icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:reflex","t":"Reflex","d":"Animated reflex icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:refresh-cw-off","t":"Refresh cw off","d":"Animated refresh cw off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:refresh-dot","t":"Refresh dot","d":"Animated refresh dot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:refresh","t":"Refresh","d":"Animated refresh icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:refrigerator","t":"Refrigerator","d":"Animated refrigerator icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:regex","t":"Regex","d":"Animated regex icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:register","t":"Register","d":"Animated register icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:registered","t":"Registered","d":"Animated registered icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:relieved","t":"Relieved","d":"Animated relieved icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:reload","t":"Reload","d":"Animated reload icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:reminder","t":"Reminder","d":"Animated reminder icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:remote-control","t":"Remote control","d":"Animated remote control icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:remove-circle-half-dot","t":"Remove circle half dot","d":"Animated remove circle half dot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:remove-circle","t":"Remove circle","d":"Animated remove circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:remove-female","t":"Remove female","d":"Animated remove female icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:remove-male","t":"Remove male","d":"Animated remove male icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:remove-pi","t":"Remove pi","d":"Animated remove pi icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:remove-square","t":"Remove square","d":"Animated remove square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:remove","t":"Remove","d":"Animated remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:renewable-energy","t":"Renewable energy","d":"Animated renewable energy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:repair","t":"Repair","d":"Animated repair icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:repeat-off","t":"Repeat off","d":"Animated repeat off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:repeat-one","t":"Repeat one","d":"Animated repeat one icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:repeat","t":"Repeat","d":"Animated repeat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:replace-all","t":"Replace all","d":"Animated replace all icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:replace","t":"Replace","d":"Animated replace icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:replay","t":"Replay","d":"Animated replay icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:replit","t":"Replit","d":"Animated replit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:repository","t":"Repository","d":"Animated repository icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:repost","t":"Repost","d":"Animated repost icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:reset-password","t":"Reset password","d":"Animated reset password icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:resize-field-rectangle","t":"Resize field rectangle","d":"Animated resize field rectangle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:resize-field","t":"Resize field","d":"Animated resize field icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:resize","t":"Resize","d":"Animated resize icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:resources-add","t":"Resources add","d":"Animated resources add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:resources-remove","t":"Resources remove","d":"Animated resources remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:restaurant-table","t":"Restaurant table","d":"Animated restaurant table icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:restaurant","t":"Restaurant","d":"Animated restaurant icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:restore-bin","t":"Restore bin","d":"Animated restore bin icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:return-request","t":"Return request","d":"Animated return request icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:reverse-withdrawal","t":"Reverse withdrawal","d":"Animated reverse withdrawal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:rhombus","t":"Rhombus","d":"Animated rhombus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:ribbon","t":"Ribbon","d":"Animated ribbon icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rice-bowl","t":"Rice bowl","d":"Animated rice bowl icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:right-angle","t":"Right angle","d":"Animated right angle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:right-to-left-block-quote","t":"Right to left block quote","d":"Animated right to left block quote icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:right-to-left-list-bullet","t":"Right to left list bullet","d":"Animated right to left list bullet icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:right-to-left-list-dash","t":"Right to left list dash","d":"Animated right to left list dash icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:right-to-left-list-number","t":"Right to left list number","d":"Animated right to left list number icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:right-to-left-list-triangle","t":"Right to left list triangle","d":"Animated right to left list triangle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:right-triangle","t":"Right triangle","d":"Animated right triangle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ripple","t":"Ripple","d":"Animated ripple icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:riyal-rectangle","t":"Riyal rectangle","d":"Animated riyal rectangle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:riyal","t":"Riyal","d":"Animated riyal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:road-location","t":"Road location","d":"Animated road location icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:road-wayside","t":"Road wayside","d":"Animated road wayside icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:road","t":"Road","d":"Animated road icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:robot","t":"Robot","d":"Animated robot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:robotic","t":"Robotic","d":"Animated robotic icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rocket","t":"Rocket","d":"Animated rocket icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:rocking-chair","t":"Rocking chair","d":"Animated rocking chair icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rocking-horse","t":"Rocking horse","d":"Animated rocking horse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:roller-coaster","t":"Roller coaster","d":"Animated roller coaster icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:roller-skate","t":"Roller skate","d":"Animated roller skate icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rolling-pin","t":"Rolling pin","d":"Animated rolling pin icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:root-circle","t":"Root circle","d":"Animated root circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:root-first-bracket","t":"Root first bracket","d":"Animated root first bracket icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:root-second-bracket","t":"Root second bracket","d":"Animated root second bracket icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:root-third-bracket","t":"Root third bracket","d":"Animated root third bracket icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:root","t":"Root","d":"Animated root icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:rose","t":"Rose","d":"Animated rose icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rotate-bottom-left","t":"Rotate bottom left","d":"Animated rotate bottom left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rotate-bottom-right","t":"Rotate bottom right","d":"Animated rotate bottom right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rotate-ccw-square","t":"Rotate ccw square","d":"Animated rotate ccw square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rotate-clockwise","t":"Rotate clockwise","d":"Animated rotate clockwise icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rotate-crop","t":"Rotate crop","d":"Animated rotate crop icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rotate-cw-square","t":"Rotate cw square","d":"Animated rotate cw square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rotate-left","t":"Rotate left","d":"Animated rotate left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":6,"hc":1},{"id":"hugeicons-animated-vue:rotate-right","t":"Rotate right","d":"Animated rotate right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":6,"hc":1},{"id":"hugeicons-animated-vue:rotate-square","t":"Rotate square","d":"Animated rotate square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rotate-top-left","t":"Rotate top left","d":"Animated rotate top left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rotate-top-right","t":"Rotate top right","d":"Animated rotate top right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rotate","t":"Rotate","d":"Animated rotate icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:route-block","t":"Route block","d":"Animated route block icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:route","t":"Route","d":"Animated route icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:router","t":"Router","d":"Animated router icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:row-delete","t":"Row delete","d":"Animated row delete icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:row-insert","t":"Row insert","d":"Animated row insert icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rss-connected","t":"Rss connected","d":"Animated rss connected icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:rss-error","t":"Rss error","d":"Animated rss error icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rss-locked","t":"Rss locked","d":"Animated rss locked icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rss-unlocked","t":"Rss unlocked","d":"Animated rss unlocked icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rss","t":"Rss","d":"Animated rss icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rub-el-hizb","t":"Rub el hizb","d":"Animated rub el hizb icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rubber-duck","t":"Rubber duck","d":"Animated rubber duck icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rubiks-cube","t":"Rubiks cube","d":"Animated rubiks cube icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ruku","t":"Ruku","d":"Animated ruku icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ruler","t":"Ruler","d":"Animated ruler icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:running-shoes","t":"Running shoes","d":"Animated running shoes icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rupee-circle","t":"Rupee circle","d":"Animated rupee circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rupee-shield","t":"Rupee shield","d":"Animated rupee shield icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rupee-square","t":"Rupee square","d":"Animated rupee square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:rupee","t":"Rupee","d":"Animated rupee icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:russian-ruble","t":"Russian ruble","d":"Animated russian ruble icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sad-dizzy","t":"Sad dizzy","d":"Animated sad dizzy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sad","t":"Sad","d":"Animated sad icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:safari","t":"Safari","d":"Animated safari icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:safe-box","t":"Safe box","d":"Animated safe box icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:safe-delivery","t":"Safe delivery","d":"Animated safe delivery icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:safe","t":"Safe","d":"Animated safe icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:safety-pin","t":"Safety pin","d":"Animated safety pin icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sailboat-coastal","t":"Sailboat coastal","d":"Animated sailboat coastal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sailboat-offshore","t":"Sailboat offshore","d":"Animated sailboat offshore icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sakura","t":"Sakura","d":"Animated sakura icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:salad","t":"Salad","d":"Animated salad icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:salah-time","t":"Salah time","d":"Animated salah time icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:salah","t":"Salah","d":"Animated salah icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sale-tag","t":"Sale tag","d":"Animated sale tag icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sandals","t":"Sandals","d":"Animated sandals icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:satellite","t":"Satellite","d":"Animated satellite icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:saturn","t":"Saturn","d":"Animated saturn icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:saudi-riyal","t":"Saudi riyal","d":"Animated saudi riyal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sausage","t":"Sausage","d":"Animated sausage icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:save-all","t":"Save all","d":"Animated save all icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:save-energy","t":"Save energy","d":"Animated save energy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:save-money-dollar","t":"Save money dollar","d":"Animated save money dollar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:save-money-euro","t":"Save money euro","d":"Animated save money euro icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:save-money-pound","t":"Save money pound","d":"Animated save money pound icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:save-money-yen","t":"Save money yen","d":"Animated save money yen icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:save-off","t":"Save off","d":"Animated save off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:save","t":"Save","d":"Animated save icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:savings","t":"Savings","d":"Animated savings icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:scan-eye","t":"Scan eye","d":"Animated scan eye icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:scan-heart","t":"Scan heart","d":"Animated scan heart icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:scan-image","t":"Scan image","d":"Animated scan image icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:scan","t":"Scan","d":"Animated scan icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:scheme","t":"Scheme","d":"Animated scheme icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:school-bell","t":"School bell","d":"Animated school bell icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:school-bus","t":"School bus","d":"Animated school bus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:school-report-card","t":"School report card","d":"Animated school report card icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:school-tie","t":"School tie","d":"Animated school tie icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:school","t":"School","d":"Animated school icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:scissor-rectangle","t":"Scissor rectangle","d":"Animated scissor rectangle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:scissor","t":"Scissor","d":"Animated scissor icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:scooter-electric","t":"Scooter electric","d":"Animated scooter electric icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:scooter","t":"Scooter","d":"Animated scooter icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:scratch-card","t":"Scratch card","d":"Animated scratch card icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:screen-add-to-home","t":"Screen add to home","d":"Animated screen add to home icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:screen-lock-rotation","t":"Screen lock rotation","d":"Animated screen lock rotation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:screen-rotation","t":"Screen rotation","d":"Animated screen rotation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:scribd","t":"Scribd","d":"Animated scribd icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:scroll-horizontal","t":"Scroll horizontal","d":"Animated scroll horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:scroll-vertical","t":"Scroll vertical","d":"Animated scroll vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:scroll","t":"Scroll","d":"Animated scroll icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:sd-card","t":"Sd card","d":"Animated sd card icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:seal","t":"Seal","d":"Animated seal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:search-add","t":"Search add","d":"Animated search add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:search-area","t":"Search area","d":"Animated search area icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:search-circle","t":"Search circle","d":"Animated search circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:search-code","t":"Search code","d":"Animated search code icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:search-dollar","t":"Search dollar","d":"Animated search dollar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:search-focus","t":"Search focus","d":"Animated search focus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:search-list","t":"Search list","d":"Animated search list icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:search-minus","t":"Search minus","d":"Animated search minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:search-remove","t":"Search remove","d":"Animated search remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:search-replace","t":"Search replace","d":"Animated search replace icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:search-square","t":"Search square","d":"Animated search square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:search-visual","t":"Search visual","d":"Animated search visual icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:search","t":"Search","d":"Animated search icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:searching","t":"Searching","d":"Animated searching icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:seat-selector","t":"Seat selector","d":"Animated seat selector icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:second-bracket-circle","t":"Second bracket circle","d":"Animated second bracket circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:second-bracket-square","t":"Second bracket square","d":"Animated second bracket square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:second-bracket","t":"Second bracket","d":"Animated second bracket icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:section","t":"Section","d":"Animated section icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:secured-network","t":"Secured network","d":"Animated secured network icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:security-block","t":"Security block","d":"Animated security block icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:security-check","t":"Security check","d":"Animated security check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:security-key-usb","t":"Security key usb","d":"Animated security key usb icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:security-lock","t":"Security lock","d":"Animated security lock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:security-password","t":"Security password","d":"Animated security password icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:security-validation","t":"Security validation","d":"Animated security validation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:security-warning","t":"Security warning","d":"Animated security warning icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:security-wifi","t":"Security wifi","d":"Animated security wifi icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:security","t":"Security","d":"Animated security icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:seesaw","t":"Seesaw","d":"Animated seesaw icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:segment","t":"Segment","d":"Animated segment icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:select","t":"Select","d":"Animated select icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:self-transfer","t":"Self transfer","d":"Animated self transfer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:semi-truck","t":"Semi truck","d":"Animated semi truck icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:send-to-back","t":"Send to back","d":"Animated send to back icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:send-to-mobile","t":"Send to mobile","d":"Animated send to mobile icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:sending-order","t":"Sending order","d":"Animated sending order icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:senseless","t":"Senseless","d":"Animated senseless icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sent","t":"Sent","d":"Animated sent icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:seo","t":"Seo","d":"Animated seo icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:separator-horizontal","t":"Separator horizontal","d":"Animated separator horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:server-stack","t":"Server stack","d":"Animated server stack icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:service","t":"Service","d":"Animated service icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:serving-food","t":"Serving food","d":"Animated serving food icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:setting-06","t":"Setting #6","d":"Animated setting icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:setting-07","t":"Setting #7","d":"Animated setting icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:setting-done","t":"Setting done","d":"Animated setting done icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:setting-error-03","t":"Setting error #3","d":"Animated setting error icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:setting-error-04","t":"Setting error #4","d":"Animated setting error icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:settings-error","t":"Settings error","d":"Animated settings error icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:settings","t":"Settings","d":"Animated settings icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:setup","t":"Setup","d":"Animated setup icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:seven-circle","t":"Seven circle","d":"Animated seven circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:seven-square","t":"Seven square","d":"Animated seven square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:seven-z","t":"Seven z","d":"Animated seven z icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:seven-z01","t":"Seven z #1","d":"Animated seven z01 icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:seven-z02","t":"Seven z #2","d":"Animated seven z02 icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shadcn-square","t":"Shadcn square","d":"Animated shadcn square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shadcn","t":"Shadcn","d":"Animated shadcn icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shaka","t":"Shaka","d":"Animated shaka icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:shampoo","t":"Shampoo","d":"Animated shampoo icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shape-collection","t":"Shape collection","d":"Animated shape collection icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shapes","t":"Shapes","d":"Animated shapes icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:share-knowledge","t":"Share knowledge","d":"Animated share knowledge icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:share-location","t":"Share location","d":"Animated share location icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:share","t":"Share","d":"Animated share icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":8,"hc":1},{"id":"hugeicons-animated-vue:shared-drive","t":"Shared drive","d":"Animated shared drive icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shared-wifi","t":"Shared wifi","d":"Animated shared wifi icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sharing","t":"Sharing","d":"Animated sharing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shell","t":"Shell","d":"Animated shell icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shellfish","t":"Shellfish","d":"Animated shellfish icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sheriff","t":"Sheriff","d":"Animated sheriff icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:shield-ban","t":"Shield ban","d":"Animated shield ban icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shield-blockchain","t":"Shield blockchain","d":"Animated shield blockchain icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shield-energy","t":"Shield energy","d":"Animated shield energy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shield-half","t":"Shield half","d":"Animated shield half icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shield-key","t":"Shield key","d":"Animated shield key icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shield-minus","t":"Shield minus","d":"Animated shield minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shield-plus","t":"Shield plus","d":"Animated shield plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shield-question-mark","t":"Shield question mark","d":"Animated shield question mark icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shield-user","t":"Shield user","d":"Animated shield user icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shield","t":"Shield","d":"Animated shield icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:shipment-tracking","t":"Shipment tracking","d":"Animated shipment tracking icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shipping-center","t":"Shipping center","d":"Animated shipping center icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shipping-loading","t":"Shipping loading","d":"Animated shipping loading icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shipping-truck","t":"Shipping truck","d":"Animated shipping truck icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:shirt","t":"Shirt","d":"Animated shirt icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:shocked","t":"Shocked","d":"Animated shocked icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shop-sign","t":"Shop sign","d":"Animated shop sign icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shopify","t":"Shopify","d":"Animated shopify icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shopping-bag-add","t":"Shopping bag add","d":"Animated shopping bag add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shopping-bag-check","t":"Shopping bag check","d":"Animated shopping bag check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shopping-bag-favorite","t":"Shopping bag favorite","d":"Animated shopping bag favorite icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shopping-bag-remove","t":"Shopping bag remove","d":"Animated shopping bag remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shopping-bag","t":"Shopping bag","d":"Animated shopping bag icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:shopping-basket-add","t":"Shopping basket add","d":"Animated shopping basket add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:shopping-basket-check-in","t":"Shopping basket check in","d":"Animated shopping basket check in icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:shopping-basket-check-out","t":"Shopping basket check out","d":"Animated shopping basket check out icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:shopping-basket-done","t":"Shopping basket done","d":"Animated shopping basket done icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:shopping-basket-favorite","t":"Shopping basket favorite","d":"Animated shopping basket favorite icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:shopping-basket-remove","t":"Shopping basket remove","d":"Animated shopping basket remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:shopping-basket-secure","t":"Shopping basket secure","d":"Animated shopping basket secure icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:shopping-basket","t":"Shopping basket","d":"Animated shopping basket icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:shopping-cart-add","t":"Shopping cart add","d":"Animated shopping cart add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:shopping-cart-check-in","t":"Shopping cart check in","d":"Animated shopping cart check in icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:shopping-cart-check-out","t":"Shopping cart check out","d":"Animated shopping cart check out icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:shopping-cart-check","t":"Shopping cart check","d":"Animated shopping cart check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:shopping-cart-favorite","t":"Shopping cart favorite","d":"Animated shopping cart favorite icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:shopping-cart-remove","t":"Shopping cart remove","d":"Animated shopping cart remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:shopping-cart","t":"Shopping cart","d":"Animated shopping cart icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:shorts-pants","t":"Shorts pants","d":"Animated shorts pants icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shoulder","t":"Shoulder","d":"Animated shoulder icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shovel","t":"Shovel","d":"Animated shovel icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shower-head","t":"Shower head","d":"Animated shower head icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shrink-dot","t":"Shrink dot","d":"Animated shrink dot icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shuffle-square","t":"Shuffle square","d":"Animated shuffle square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shuffle","t":"Shuffle","d":"Animated shuffle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shut-down","t":"Shut down","d":"Animated shut down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:shutterstock","t":"Shutterstock","d":"Animated shutterstock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sidebar-bottom","t":"Sidebar bottom","d":"Animated sidebar bottom icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sidebar-left","t":"Sidebar left","d":"Animated sidebar left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:sidebar-right","t":"Sidebar right","d":"Animated sidebar right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:sidebar-top","t":"Sidebar top","d":"Animated sidebar top icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sign-language-c","t":"Sign language c","d":"Animated sign language c icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:signal-full","t":"Signal full","d":"Animated signal full icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:signal-low-medium","t":"Signal low medium","d":"Animated signal low medium icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:signal-low","t":"Signal low","d":"Animated signal low icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:signal-medium","t":"Signal medium","d":"Animated signal medium icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:signal-no","t":"Signal no","d":"Animated signal no icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:signal","t":"Signal","d":"Animated signal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:signature","t":"Signature","d":"Animated signature icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:silence","t":"Silence","d":"Animated silence icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:simcard-dual","t":"Simcard dual","d":"Animated simcard dual icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:simcard","t":"Simcard","d":"Animated simcard icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sin","t":"Sin","d":"Animated sin icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sine","t":"Sine","d":"Animated sine icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sing-left","t":"Sing left","d":"Animated sing left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sing-right","t":"Sing right","d":"Animated sing right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sink","t":"Sink","d":"Animated sink icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:siri-new","t":"Siri new","d":"Animated siri new icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:siri","t":"Siri","d":"Animated siri icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:six-circle","t":"Six circle","d":"Animated six circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:six-square","t":"Six square","d":"Animated six square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sketch","t":"Sketch","d":"Animated sketch icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","playful"],"sb":"Animated","fw":"Vue","sy":["animated","playful"],"hc":1},{"id":"hugeicons-animated-vue:skew","t":"Skew","d":"Animated skew icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ski","t":"Ski","d":"Animated ski icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:skipping-rope","t":"Skipping rope","d":"Animated skipping rope icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:skool","t":"Skool","d":"Animated skool icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:skull","t":"Skull","d":"Animated skull icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:skype","t":"Skype","d":"Animated skype icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:slack","t":"Slack","d":"Animated slack icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sleeping","t":"Sleeping","d":"Animated sleeping icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sleeveless","t":"Sleeveless","d":"Animated sleeveless icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:slide","t":"Slide","d":"Animated slide icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sliders-horizontal","t":"Sliders horizontal","d":"Animated sliders horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sliders-vertical","t":"Sliders vertical","d":"Animated sliders vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:slideshare","t":"Slideshare","d":"Animated slideshare icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:slow-winds","t":"Slow winds","d":"Animated slow winds icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:smart-ac","t":"Smart ac","d":"Animated smart ac icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:smart-phone-landscape","t":"Smart phone landscape","d":"Animated smart phone landscape icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:smart-phone","t":"Smart phone","d":"Animated smart phone icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:smart-watch","t":"Smart watch","d":"Animated smart watch icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:smart","t":"Smart","d":"Animated smart icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:smartphone-charging","t":"Smartphone charging","d":"Animated smartphone charging icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:smartphone-lost-wifi","t":"Smartphone lost wifi","d":"Animated smartphone lost wifi icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:smartphone-nfc","t":"Smartphone nfc","d":"Animated smartphone nfc icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:smartphone-wifi","t":"Smartphone wifi","d":"Animated smartphone wifi icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:smile-dizzy","t":"Smile dizzy","d":"Animated smile dizzy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:smile-plus","t":"Smile plus","d":"Animated smile plus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:smile","t":"Smile","d":"Animated smile icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sms-code","t":"Sms code","d":"Animated sms code icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:snail","t":"Snail","d":"Animated snail icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:snapchat","t":"Snapchat","d":"Animated snapchat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:snow","t":"Snow","d":"Animated snow icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:socks","t":"Socks","d":"Animated socks icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:soda-can","t":"Soda can","d":"Animated soda can icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sofa-single","t":"Sofa single","d":"Animated sofa single icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sofa","t":"Sofa","d":"Animated sofa icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:soft-drink","t":"Soft drink","d":"Animated soft drink icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:software-license","t":"Software license","d":"Animated software license icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:software-uninstall","t":"Software uninstall","d":"Animated software uninstall icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:software","t":"Software","d":"Animated software icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:soil-moisture-field","t":"Soil moisture field","d":"Animated soil moisture field icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:soil-moisture-global","t":"Soil moisture global","d":"Animated soil moisture global icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:soil-temperature-field","t":"Soil temperature field","d":"Animated soil temperature field icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:soil-temperature-global","t":"Soil temperature global","d":"Animated soil temperature global icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:solar-energy","t":"Solar energy","d":"Animated solar energy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:solar-panel","t":"Solar panel","d":"Animated solar panel icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:solar-power","t":"Solar power","d":"Animated solar power icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:solar-system","t":"Solar system","d":"Animated solar system icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:solid-line","t":"Solid line","d":"Animated solid line icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sort-by-down","t":"Sort by down","d":"Animated sort by down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sort-by-up","t":"Sort by up","d":"Animated sort by up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sort-descending","t":"Sort descending","d":"Animated sort descending icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sorting-az","t":"Sorting az","d":"Animated sorting az icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sorting-az01","t":"Sorting az #1","d":"Animated sorting az01 icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sorting-az02","t":"Sorting az #2","d":"Animated sorting az02 icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sorting-down","t":"Sorting down","d":"Animated sorting down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sorting-nine-one","t":"Sorting nine one","d":"Animated sorting nine one icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sorting-one-nine","t":"Sorting one nine","d":"Animated sorting one nine icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sorting-up","t":"Sorting up","d":"Animated sorting up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sorting-za","t":"Sorting za","d":"Animated sorting za icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sorting-za01","t":"Sorting za #1","d":"Animated sorting za01 icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sorting","t":"Sorting","d":"Animated sorting icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:soundcloud","t":"Soundcloud","d":"Animated soundcloud icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:source-code-circle","t":"Source code circle","d":"Animated source code circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:source-code-square","t":"Source code square","d":"Animated source code square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:source-code","t":"Source code","d":"Animated source code icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:spaceship","t":"Spaceship","d":"Animated spaceship icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:spades","t":"Spades","d":"Animated spades icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:spaghetti","t":"Spaghetti","d":"Animated spaghetti icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:spam","t":"Spam","d":"Animated spam icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sparkles","t":"Sparkles","d":"Animated sparkles icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:spartan-helmet","t":"Spartan helmet","d":"Animated spartan helmet icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:spatula","t":"Spatula","d":"Animated spatula icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:speaker","t":"Speaker","d":"Animated speaker icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:speech-to-text","t":"Speech to text","d":"Animated speech to text icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:speech","t":"Speech","d":"Animated speech icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:speed-train","t":"Speed train","d":"Animated speed train icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sperm","t":"Sperm","d":"Animated sperm icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sphere","t":"Sphere","d":"Animated sphere icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:spirals","t":"Spirals","d":"Animated spirals icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:spline-pointer","t":"Spline pointer","d":"Animated spline pointer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:split","t":"Split","d":"Animated split icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:spool","t":"Spool","d":"Animated spool icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:spoon-and-fork","t":"Spoon and fork","d":"Animated spoon and fork icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:spoon-and-knife","t":"Spoon and knife","d":"Animated spoon and knife icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:spoon","t":"Spoon","d":"Animated spoon icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:spotify","t":"Spotify","d":"Animated spotify icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:spotlight","t":"Spotlight","d":"Animated spotlight icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:spray-can","t":"Spray can","d":"Animated spray can icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sql","t":"Sql","d":"Animated sql icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-arrow-data-transfer-diagonal","t":"Square arrow data transfer diagonal","d":"Animated square arrow data transfer diagonal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-arrow-data-transfer-horizontal","t":"Square arrow data transfer horizontal","d":"Animated square arrow data transfer horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-arrow-data-transfer-vertical","t":"Square arrow data transfer vertical","d":"Animated square arrow data transfer vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-arrow-diagonal","t":"Square arrow diagonal","d":"Animated square arrow diagonal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:square-arrow-down-double","t":"Square arrow down double","d":"Animated square arrow down double icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-arrow-down-left","t":"Square arrow down left","d":"Animated square arrow down left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-arrow-down-right","t":"Square arrow down right","d":"Animated square arrow down right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-arrow-down","t":"Square arrow down","d":"Animated square arrow down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:square-arrow-expand","t":"Square arrow expand","d":"Animated square arrow expand icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:square-arrow-horizontal","t":"Square arrow horizontal","d":"Animated square arrow horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-arrow-left-double","t":"Square arrow left double","d":"Animated square arrow left double icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-arrow-left-right","t":"Square arrow left right","d":"Animated square arrow left right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-arrow-left","t":"Square arrow left","d":"Animated square arrow left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:square-arrow-move-down-left","t":"Square arrow move down left","d":"Animated square arrow move down left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-arrow-move-down-right","t":"Square arrow move down right","d":"Animated square arrow move down right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-arrow-move-left-down","t":"Square arrow move left down","d":"Animated square arrow move left down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-arrow-move-left-up","t":"Square arrow move left up","d":"Animated square arrow move left up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-arrow-move-right-down","t":"Square arrow move right down","d":"Animated square arrow move right down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-arrow-move-right-up","t":"Square arrow move right up","d":"Animated square arrow move right up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-arrow-reload","t":"Square arrow reload","d":"Animated square arrow reload icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:square-arrow-right-double","t":"Square arrow right double","d":"Animated square arrow right double icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-arrow-right","t":"Square arrow right","d":"Animated square arrow right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:square-arrow-shrink","t":"Square arrow shrink","d":"Animated square arrow shrink icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:square-arrow-up-double","t":"Square arrow up double","d":"Animated square arrow up double icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-arrow-up-down","t":"Square arrow up down","d":"Animated square arrow up down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-arrow-up-left","t":"Square arrow up left","d":"Animated square arrow up left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-arrow-up-right","t":"Square arrow up right","d":"Animated square arrow up right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:square-arrow-up","t":"Square arrow up","d":"Animated square arrow up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:square-arrow-vertical","t":"Square arrow vertical","d":"Animated square arrow vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-asterisk","t":"Square asterisk","d":"Animated square asterisk icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-bottom-dashed-scissors","t":"Square bottom dashed scissors","d":"Animated square bottom dashed scissors icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-chart-gantt","t":"Square chart gantt","d":"Animated square chart gantt icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-circle","t":"Square circle","d":"Animated square circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-dashed-kanban","t":"Square dashed kanban","d":"Animated square dashed kanban icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-dashed-top-solid","t":"Square dashed top solid","d":"Animated square dashed top solid icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-f","t":"Square f","d":"Animated square f icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-lock-add","t":"Square lock add","d":"Animated square lock add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:square-lock-check","t":"Square lock check","d":"Animated square lock check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:square-lock-minus","t":"Square lock minus","d":"Animated square lock minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:square-lock-password","t":"Square lock password","d":"Animated square lock password icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-lock-remove","t":"Square lock remove","d":"Animated square lock remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:square-lock","t":"Square lock","d":"Animated square lock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:square-m","t":"Square m","d":"Animated square m icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-mouse-pointer","t":"Square mouse pointer","d":"Animated square mouse pointer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-parking-off","t":"Square parking off","d":"Animated square parking off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-power","t":"Square power","d":"Animated square power icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-root-square","t":"Square root square","d":"Animated square root square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-round-corner","t":"Square round corner","d":"Animated square round corner icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-square","t":"Square square","d":"Animated square square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-stack","t":"Square stack","d":"Animated square stack icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:square-unlock","t":"Square unlock","d":"Animated square unlock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:square","t":"Square","d":"Animated square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:squares-exclude","t":"Squares exclude","d":"Animated squares exclude icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:stack-star","t":"Stack star","d":"Animated stack star icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:stairs","t":"Stairs","d":"Animated stairs icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:stake","t":"Stake","d":"Animated stake icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:stamp","t":"Stamp","d":"Animated stamp icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:star-award","t":"Star award","d":"Animated star award icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:star-circle","t":"Star circle","d":"Animated star circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:star-face","t":"Star face","d":"Animated star face icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:star-half","t":"Star half","d":"Animated star half icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:star-off","t":"Star off","d":"Animated star off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:star-square","t":"Star square","d":"Animated star square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:star","t":"Star","d":"Animated star icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:stars","t":"Stars","d":"Animated stars icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:start-up","t":"Start up","d":"Animated start up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:stationery","t":"Stationery","d":"Animated stationery icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:status","t":"Status","d":"Animated status icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:steak","t":"Steak","d":"Animated steak icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:steering","t":"Steering","d":"Animated steering icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:step-into","t":"Step into","d":"Animated step into icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:step-out","t":"Step out","d":"Animated step out icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:step-over","t":"Step over","d":"Animated step over icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:stethoscope","t":"Stethoscope","d":"Animated stethoscope icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:sticker","t":"Sticker","d":"Animated sticker icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sticky-note","t":"Sticky note","d":"Animated sticky note icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:stop-circle","t":"Stop circle","d":"Animated stop circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:stop-loss-order","t":"Stop loss order","d":"Animated stop loss order icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:stop-watch","t":"Stop watch","d":"Animated stop watch icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:stop","t":"Stop","d":"Animated stop icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:store-add","t":"Store add","d":"Animated store add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:store-location","t":"Store location","d":"Animated store location icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:store-management","t":"Store management","d":"Animated store management icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:store-remove","t":"Store remove","d":"Animated store remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:store-verified","t":"Store verified","d":"Animated store verified icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:store","t":"Store","d":"Animated store icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:straight-edge","t":"Straight edge","d":"Animated straight edge icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:strategy","t":"Strategy","d":"Animated strategy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:streering-wheel","t":"Streering wheel","d":"Animated streering wheel icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:street-food","t":"Street food","d":"Animated street food icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:stripe","t":"Stripe","d":"Animated stripe icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:stroke-bottom","t":"Stroke bottom","d":"Animated stroke bottom icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:stroke-center","t":"Stroke center","d":"Animated stroke center icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:stroke-inside","t":"Stroke inside","d":"Animated stroke inside icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:stroke-left","t":"Stroke left","d":"Animated stroke left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:stroke-outside","t":"Stroke outside","d":"Animated stroke outside icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:stroke-right","t":"Stroke right","d":"Animated stroke right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:stroke-top","t":"Stroke top","d":"Animated stroke top icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:structure-add","t":"Structure add","d":"Animated structure add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:structure-check","t":"Structure check","d":"Animated structure check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:structure-fail","t":"Structure fail","d":"Animated structure fail icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:structure-folder-circle","t":"Structure folder circle","d":"Animated structure folder circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:structure-folder","t":"Structure folder","d":"Animated structure folder icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:structure","t":"Structure","d":"Animated structure icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:student-card","t":"Student card","d":"Animated student card icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:student","t":"Student","d":"Animated student icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:students","t":"Students","d":"Animated students icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:study-desk","t":"Study desk","d":"Animated study desk icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:study-lamp","t":"Study lamp","d":"Animated study lamp icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:stumbleupon","t":"Stumbleupon","d":"Animated stumbleupon icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:submarine","t":"Submarine","d":"Animated submarine icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:submerge","t":"Submerge","d":"Animated submerge icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:subnode-add","t":"Subnode add","d":"Animated subnode add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:subnode-delete","t":"Subnode delete","d":"Animated subnode delete icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:subpoena","t":"Subpoena","d":"Animated subpoena icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:subtitle","t":"Subtitle","d":"Animated subtitle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:suit","t":"Suit","d":"Animated suit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sujood","t":"Sujood","d":"Animated sujood icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:summation-circle","t":"Summation circle","d":"Animated summation circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:summation-square","t":"Summation square","d":"Animated summation square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:summation","t":"Summation","d":"Animated summation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sun-cloud-angled-rain-zap","t":"Sun cloud angled rain zap","d":"Animated sun cloud angled rain zap icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sun-cloud-angled-rain","t":"Sun cloud angled rain","d":"Animated sun cloud angled rain icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sun-cloud-angled-zap","t":"Sun cloud angled zap","d":"Animated sun cloud angled zap icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sun-cloud-big-rain","t":"Sun cloud big rain","d":"Animated sun cloud big rain icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sun-cloud-fast-wind","t":"Sun cloud fast wind","d":"Animated sun cloud fast wind icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sun-cloud-hailstone","t":"Sun cloud hailstone","d":"Animated sun cloud hailstone icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sun-cloud-little-rain","t":"Sun cloud little rain","d":"Animated sun cloud little rain icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sun-cloud-little-snow","t":"Sun cloud little snow","d":"Animated sun cloud little snow icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sun-cloud-mid-rain","t":"Sun cloud mid rain","d":"Animated sun cloud mid rain icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sun-cloud-mid-snow","t":"Sun cloud mid snow","d":"Animated sun cloud mid snow icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sun-cloud-slow-wind","t":"Sun cloud slow wind","d":"Animated sun cloud slow wind icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sun-cloud-snow","t":"Sun cloud snow","d":"Animated sun cloud snow icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sun-cloud","t":"Sun cloud","d":"Animated sun cloud icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:sun","t":"Sun","d":"Animated sun icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:sunglasses","t":"Sunglasses","d":"Animated sunglasses icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","glass"],"sb":"Animated","fw":"Vue","sy":["animated","glass"],"hc":1},{"id":"hugeicons-animated-vue:sunrise","t":"Sunrise","d":"Animated sunrise icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sunset","t":"Sunset","d":"Animated sunset icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:super-mario-toad","t":"Super mario toad","d":"Animated super mario toad icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:super-mario","t":"Super mario","d":"Animated super mario icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:surfboard","t":"Surfboard","d":"Animated surfboard icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:surprise","t":"Surprise","d":"Animated surprise icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sushi","t":"Sushi","d":"Animated sushi icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:suspicious","t":"Suspicious","d":"Animated suspicious icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sustainable-energy","t":"Sustainable energy","d":"Animated sustainable energy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:svg","t":"Svg","d":"Animated svg icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:swarm","t":"Swarm","d":"Animated swarm icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:swatch","t":"Swatch","d":"Animated swatch icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:swimming-cap","t":"Swimming cap","d":"Animated swimming cap icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:swimming","t":"Swimming","d":"Animated swimming icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:swipe-down","t":"Swipe down","d":"Animated swipe down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":8,"hc":1},{"id":"hugeicons-animated-vue:swipe-left","t":"Swipe left","d":"Animated swipe left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":9,"hc":1},{"id":"hugeicons-animated-vue:swipe-right","t":"Swipe right","d":"Animated swipe right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":9,"hc":1},{"id":"hugeicons-animated-vue:swipe-up","t":"Swipe up","d":"Animated swipe up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":8,"hc":1},{"id":"hugeicons-animated-vue:swiss-franc","t":"Swiss franc","d":"Animated swiss franc icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:switch-camera","t":"Switch camera","d":"Animated switch camera icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:sword","t":"Sword","d":"Animated sword icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:system-update","t":"System update","d":"Animated system update icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:t-shirt","t":"T shirt","d":"Animated t shirt icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:table-columns-split","t":"Table columns split","d":"Animated table columns split icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:table-lamp","t":"Table lamp","d":"Animated table lamp icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:table-round","t":"Table round","d":"Animated table round icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:table-rows-split","t":"Table rows split","d":"Animated table rows split icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:table-tennis-bat","t":"Table tennis bat","d":"Animated table tennis bat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:table","t":"Table","d":"Animated table icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:tablet-connected-bluetooth","t":"Tablet connected bluetooth","d":"Animated tablet connected bluetooth icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tablet-connected-usb","t":"Tablet connected usb","d":"Animated tablet connected usb icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tablet-connected-wifi","t":"Tablet connected wifi","d":"Animated tablet connected wifi icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tablet-pen","t":"Tablet pen","d":"Animated tablet pen icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tablet","t":"Tablet","d":"Animated tablet icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:tablets","t":"Tablets","d":"Animated tablets icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:taco","t":"Taco","d":"Animated taco icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:tag","t":"Tag","d":"Animated tag icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:tags","t":"Tags","d":"Animated tags icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tailwindcss","t":"Tailwindcss","d":"Animated tailwindcss icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:taj-mahal","t":"Taj mahal","d":"Animated taj mahal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tally-five","t":"Tally five","d":"Animated tally five icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tally-four","t":"Tally four","d":"Animated tally four icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tally-one","t":"Tally one","d":"Animated tally one icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tally-three","t":"Tally three","d":"Animated tally three icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:tally-two","t":"Tally two","d":"Animated tally two icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tan","t":"Tan","d":"Animated tan icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tangent","t":"Tangent","d":"Animated tangent icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tank-top","t":"Tank top","d":"Animated tank top icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tanker-truck","t":"Tanker truck","d":"Animated tanker truck icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tap","t":"Tap","d":"Animated tap icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":8,"hc":1},{"id":"hugeicons-animated-vue:tape-measure","t":"Tape measure","d":"Animated tape measure icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:target-dollar","t":"Target dollar","d":"Animated target dollar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:target","t":"Target","d":"Animated target icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:tasbih","t":"Tasbih","d":"Animated tasbih icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:task-add","t":"Task add","d":"Animated task add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:task-daily","t":"Task daily","d":"Animated task daily icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:task-done","t":"Task done","d":"Animated task done icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:task-edit","t":"Task edit","d":"Animated task edit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:task-remove","t":"Task remove","d":"Animated task remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:task","t":"Task","d":"Animated task icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:taxes","t":"Taxes","d":"Animated taxes icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:taxi","t":"Taxi","d":"Animated taxi icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:tea-pod","t":"Tea pod","d":"Animated tea pod icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tea","t":"Tea","d":"Animated tea icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:teacher","t":"Teacher","d":"Animated teacher icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:teaching","t":"Teaching","d":"Animated teaching icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:team-work","t":"Team work","d":"Animated team work icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:teamviewer","t":"Teamviewer","d":"Animated teamviewer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:telegram","t":"Telegram","d":"Animated telegram icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:telephone","t":"Telephone","d":"Animated telephone icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:telescope","t":"Telescope","d":"Animated telescope icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:television-table","t":"Television table","d":"Animated television table icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:temperature","t":"Temperature","d":"Animated temperature icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tennis-ball","t":"Tennis ball","d":"Animated tennis ball icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tennis-racket","t":"Tennis racket","d":"Animated tennis racket icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tent-tree","t":"Tent tree","d":"Animated tent tree icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tent","t":"Tent","d":"Animated tent icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:terminal","t":"Terminal","d":"Animated terminal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","retro and HUD"],"sb":"Animated","fw":"Vue","sy":["animated","retro and HUD"],"hc":1},{"id":"hugeicons-animated-vue:terrace","t":"Terrace","d":"Animated terrace icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:test-tube-diagonal","t":"Test tube diagonal","d":"Animated test tube diagonal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:test-tube","t":"Test tube","d":"Animated test tube icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:test-tubes","t":"Test tubes","d":"Animated test tubes icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tetris","t":"Tetris","d":"Animated tetris icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-align-center","t":"Text align center","d":"Animated text align center icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-align-justify-center","t":"Text align justify center","d":"Animated text align justify center icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-align-justify-left","t":"Text align justify left","d":"Animated text align justify left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-align-justify-right","t":"Text align justify right","d":"Animated text align justify right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-align-left","t":"Text align left","d":"Animated text align left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:text-align-right","t":"Text align right","d":"Animated text align right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:text-all-caps","t":"Text all caps","d":"Animated text all caps icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-bold","t":"Text bold","d":"Animated text bold icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-centerline-center-top","t":"Text centerline center top","d":"Animated text centerline center top icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-centerline-left","t":"Text centerline left","d":"Animated text centerline left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-centerline-middle","t":"Text centerline middle","d":"Animated text centerline middle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-centerline-right","t":"Text centerline right","d":"Animated text centerline right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-check","t":"Text check","d":"Animated text check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-circle","t":"Text circle","d":"Animated text circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-clear","t":"Text clear","d":"Animated text clear icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-color","t":"Text color","d":"Animated text color icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-creation","t":"Text creation","d":"Animated text creation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-firstline-left","t":"Text firstline left","d":"Animated text firstline left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-firstline-right","t":"Text firstline right","d":"Animated text firstline right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-font","t":"Text font","d":"Animated text font icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-footnote","t":"Text footnote","d":"Animated text footnote icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-indent-less","t":"Text indent less","d":"Animated text indent less icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-indent-more","t":"Text indent more","d":"Animated text indent more icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-indent","t":"Text indent","d":"Animated text indent icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:text-italic-slash","t":"Text italic slash","d":"Animated text italic slash icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-italic","t":"Text italic","d":"Animated text italic icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-kerning","t":"Text kerning","d":"Animated text kerning icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-number-sign","t":"Text number sign","d":"Animated text number sign icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-select","t":"Text select","d":"Animated text select icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-selection","t":"Text selection","d":"Animated text selection icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-smallcaps","t":"Text smallcaps","d":"Animated text smallcaps icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-square","t":"Text square","d":"Animated text square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-strikethrough","t":"Text strikethrough","d":"Animated text strikethrough icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-subscript","t":"Text subscript","d":"Animated text subscript icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-superscript","t":"Text superscript","d":"Animated text superscript icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-tracking","t":"Text tracking","d":"Animated text tracking icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-underline","t":"Text underline","d":"Animated text underline icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-variable-front","t":"Text variable front","d":"Animated text variable front icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-vertical-alignment","t":"Text vertical alignment","d":"Animated text vertical alignment icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text-wrap","t":"Text wrap","d":"Animated text wrap icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:text","t":"Text","d":"Animated text icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:the-prophets-mosque","t":"The prophets mosque","d":"Animated the prophets mosque icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:theater","t":"Theater","d":"Animated theater icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:thermometer-cold","t":"Thermometer cold","d":"Animated thermometer cold icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:thermometer-warm","t":"Thermometer warm","d":"Animated thermometer warm icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:thermometer","t":"Thermometer","d":"Animated thermometer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:third-bracket-circle","t":"Third bracket circle","d":"Animated third bracket circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:third-bracket-square","t":"Third bracket square","d":"Animated third bracket square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:third-bracket","t":"Third bracket","d":"Animated third bracket icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:thread","t":"Thread","d":"Animated thread icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:threads-ellipse","t":"Threads ellipse","d":"Animated threads ellipse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:threads-rectangle","t":"Threads rectangle","d":"Animated threads rectangle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:threads","t":"Threads","d":"Animated threads icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:three-circle","t":"Three circle","d":"Animated three circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:three-d-move","t":"Three d move","d":"Animated three d move icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:three-d-printer","t":"Three d printer","d":"Animated three d printer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:three-d-rotate","t":"Three d rotate","d":"Animated three d rotate icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:three-d-scale","t":"Three d scale","d":"Animated three d scale icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:three-d-view","t":"Three d view","d":"Animated three d view icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:three-finger","t":"Three finger","d":"Animated three finger icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:three-square","t":"Three square","d":"Animated three square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:thumbs-down-ellipse","t":"Thumbs down ellipse","d":"Animated thumbs down ellipse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:thumbs-down-rectangle","t":"Thumbs down rectangle","d":"Animated thumbs down rectangle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:thumbs-down","t":"Thumbs down","d":"Animated thumbs down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:thumbs-up-down","t":"Thumbs up down","d":"Animated thumbs up down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:thumbs-up-ellipse","t":"Thumbs up ellipse","d":"Animated thumbs up ellipse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:thumbs-up-rectangle","t":"Thumbs up rectangle","d":"Animated thumbs up rectangle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:thumbs-up","t":"Thumbs up","d":"Animated thumbs up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tic-tac-toe","t":"Tic tac toe","d":"Animated tic tac toe icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tick-double","t":"Tick double","d":"Animated tick double icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:tick","t":"Tick","d":"Animated tick icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:ticket-star","t":"Ticket star","d":"Animated ticket star icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ticket","t":"Ticket","d":"Animated ticket icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:tie","t":"Tie","d":"Animated tie icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tiff","t":"Tiff","d":"Animated tiff icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:tiktok","t":"Tiktok","d":"Animated tiktok icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tiltify","t":"Tiltify","d":"Animated tiltify icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["3d","animated"],"sb":"Animated","fw":"Vue","sy":["3d","animated"],"hc":1},{"id":"hugeicons-animated-vue:time-half-pass","t":"Time half pass","d":"Animated time half pass icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:time-management-circle","t":"Time management circle","d":"Animated time management circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:time-management","t":"Time management","d":"Animated time management icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:time-quarter-pass","t":"Time quarter pass","d":"Animated time quarter pass icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:time-quarter","t":"Time quarter","d":"Animated time quarter icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:time-schedule","t":"Time schedule","d":"Animated time schedule icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:time-setting","t":"Time setting","d":"Animated time setting icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:time-zone","t":"Time zone","d":"Animated time zone icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:time","t":"Time","d":"Animated time icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:timeline-event","t":"Timeline event","d":"Animated timeline event icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:timeline-list","t":"Timeline list","d":"Animated timeline list icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:timeline","t":"Timeline","d":"Animated timeline icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:timer","t":"Timer","d":"Animated timer icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:tips","t":"Tips","d":"Animated tips icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tire","t":"Tire","d":"Animated tire icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tired","t":"Tired","d":"Animated tired icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:tissue-paper","t":"Tissue paper","d":"Animated tissue paper icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:toggle-off","t":"Toggle off","d":"Animated toggle off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:toggle-on","t":"Toggle on","d":"Animated toggle on icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:toilet","t":"Toilet","d":"Animated toilet icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:token-circle","t":"Token circle","d":"Animated token circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:token-square","t":"Token square","d":"Animated token square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tongue-wink-left","t":"Tongue wink left","d":"Animated tongue wink left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tongue-wink-right","t":"Tongue wink right","d":"Animated tongue wink right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tongue","t":"Tongue","d":"Animated tongue icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:tool-case","t":"Tool case","d":"Animated tool case icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:toolbox","t":"Toolbox","d":"Animated toolbox icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tools","t":"Tools","d":"Animated tools icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tornado","t":"Tornado","d":"Animated tornado icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:torri-gate","t":"Torri gate","d":"Animated torri gate icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:torus","t":"Torus","d":"Animated torus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:touch-interaction","t":"Touch interaction","d":"Animated touch interaction icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:touch-locked","t":"Touch locked","d":"Animated touch locked icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:touch","t":"Touch","d":"Animated touch icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":10,"hc":1},{"id":"hugeicons-animated-vue:touchpad-off","t":"Touchpad off","d":"Animated touchpad off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:touchpad","t":"Touchpad","d":"Animated touchpad icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:tow-truck","t":"Tow truck","d":"Animated tow truck icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:towels","t":"Towels","d":"Animated towels icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:toy-brick","t":"Toy brick","d":"Animated toy brick icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:toy-train","t":"Toy train","d":"Animated toy train icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tractor","t":"Tractor","d":"Animated tractor icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:trade-down","t":"Trade down","d":"Animated trade down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:trade-mark","t":"Trade mark","d":"Animated trade mark icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:trade-up","t":"Trade up","d":"Animated trade up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:traffic-incident","t":"Traffic incident","d":"Animated traffic incident icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:traffic-jam","t":"Traffic jam","d":"Animated traffic jam icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:traffic-light","t":"Traffic light","d":"Animated traffic light icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:train-track","t":"Train track","d":"Animated train track icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:train","t":"Train","d":"Animated train icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:tram","t":"Tram","d":"Animated tram icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:trampoline","t":"Trampoline","d":"Animated trampoline icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:transaction-history","t":"Transaction history","d":"Animated transaction history icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:transaction","t":"Transaction","d":"Animated transaction icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:transition-bottom","t":"Transition bottom","d":"Animated transition bottom icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:transition-left","t":"Transition left","d":"Animated transition left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:transition-right","t":"Transition right","d":"Animated transition right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:transition-top","t":"Transition top","d":"Animated transition top icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:translate","t":"Translate","d":"Animated translate icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:translation","t":"Translation","d":"Animated translation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:transmission","t":"Transmission","d":"Animated transmission icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:transparency","t":"Transparency","d":"Animated transparency icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:trapezoid-line-horizontal","t":"Trapezoid line horizontal","d":"Animated trapezoid line horizontal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:trapezoid-line-vertical","t":"Trapezoid line vertical","d":"Animated trapezoid line vertical icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:travel-bag","t":"Travel bag","d":"Animated travel bag icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:treadmill","t":"Treadmill","d":"Animated treadmill icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:treatment","t":"Treatment","d":"Animated treatment icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tree-palm","t":"Tree palm","d":"Animated tree palm icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tree","t":"Tree","d":"Animated tree icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":7,"hc":1},{"id":"hugeicons-animated-vue:trees","t":"Trees","d":"Animated trees icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:trello","t":"Trello","d":"Animated trello icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:trending-up-down","t":"Trending up down","d":"Animated trending up down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:triangle-dash","t":"Triangle dash","d":"Animated triangle dash icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:triangle-right","t":"Triangle right","d":"Animated triangle right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:triangle","t":"Triangle","d":"Animated triangle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:trolley","t":"Trolley","d":"Animated trolley icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:tropical-storm-tracks","t":"Tropical storm tracks","d":"Animated tropical storm tracks icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:tropical-storm","t":"Tropical storm","d":"Animated tropical storm icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:truck-delivery","t":"Truck delivery","d":"Animated truck delivery icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:truck-monster","t":"Truck monster","d":"Animated truck monster icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:truck-return","t":"Truck return","d":"Animated truck return icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:truck","t":"Truck","d":"Animated truck icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:trulli","t":"Trulli","d":"Animated trulli icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tsunami","t":"Tsunami","d":"Animated tsunami icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tulip","t":"Tulip","d":"Animated tulip icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tumblr","t":"Tumblr","d":"Animated tumblr icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:turkish-lira","t":"Turkish lira","d":"Animated turkish lira icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:turtle-neck","t":"Turtle neck","d":"Animated turtle neck icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tv-fix","t":"Tv fix","d":"Animated tv fix icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tv-issue","t":"Tv issue","d":"Animated tv issue icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tv-smart","t":"Tv smart","d":"Animated tv smart icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:tv","t":"Tv","d":"Animated tv icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:twenty-four-hours-clock","t":"Twenty four hours clock","d":"Animated twenty four hours clock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:twin-tower","t":"Twin tower","d":"Animated twin tower icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:twitch","t":"Twitch","d":"Animated twitch icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:twitter-square","t":"Twitter square","d":"Animated twitter square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:twitter","t":"Twitter","d":"Animated twitter icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:two-circle","t":"Two circle","d":"Animated two circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:two-factor-access","t":"Two factor access","d":"Animated two factor access icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:two-finger","t":"Two finger","d":"Animated two finger icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:two-square","t":"Two square","d":"Animated two square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:txt","t":"Txt","d":"Animated txt icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:type-cursor","t":"Type cursor","d":"Animated type cursor icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:typescript","t":"Typescript","d":"Animated typescript icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:uber","t":"Uber","d":"Animated uber icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ufo","t":"Ufo","d":"Animated ufo icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:umbrella-dollar","t":"Umbrella dollar","d":"Animated umbrella dollar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:umbrella-off","t":"Umbrella off","d":"Animated umbrella off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:umbrella","t":"Umbrella","d":"Animated umbrella icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:unamused","t":"Unamused","d":"Animated unamused icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:unarchive-03","t":"Unarchive #3","d":"Animated unarchive icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:unavailable","t":"Unavailable","d":"Animated unavailable icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:underpants","t":"Underpants","d":"Animated underpants icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:undo","t":"Undo","d":"Animated undo icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:unfold-less","t":"Unfold less","d":"Animated unfold less icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:unfold-more-down","t":"Unfold more down","d":"Animated unfold more down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:unfold-more-up","t":"Unfold more up","d":"Animated unfold more up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:unfold-more","t":"Unfold more","d":"Animated unfold more icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ungroup-items","t":"Ungroup items","d":"Animated ungroup items icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ungroup-layers","t":"Ungroup layers","d":"Animated ungroup layers icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:ungroup","t":"Ungroup","d":"Animated ungroup icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:unhappy","t":"Unhappy","d":"Animated unhappy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:universal-access-circle","t":"Universal access circle","d":"Animated universal access circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:universal-access","t":"Universal access","d":"Animated universal access icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:university","t":"University","d":"Animated university icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:unlink","t":"Unlink","d":"Animated unlink icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":6,"hc":1},{"id":"hugeicons-animated-vue:unsplash","t":"Unsplash","d":"Animated unsplash icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:upload-circle","t":"Upload circle","d":"Animated upload circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:upload-square","t":"Upload square","d":"Animated upload square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:upload","t":"Upload","d":"Animated upload icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":6,"hc":1},{"id":"hugeicons-animated-vue:upwork","t":"Upwork","d":"Animated upwork icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:usb-bugs","t":"Usb bugs","d":"Animated usb bugs icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:usb-connected","t":"Usb connected","d":"Animated usb connected icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:usb-error","t":"Usb error","d":"Animated usb error icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:usb-memory","t":"Usb memory","d":"Animated usb memory icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:usb-not-connected","t":"Usb not connected","d":"Animated usb not connected icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:usb","t":"Usb","d":"Animated usb icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:usdt","t":"Usdt","d":"Animated usdt icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:user-account","t":"User account","d":"Animated user account icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:user-add","t":"User add","d":"Animated user add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:user-ai","t":"User ai","d":"Animated user ai icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:user-arrow-left-right","t":"User arrow left right","d":"Animated user arrow left right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:user-block","t":"User block","d":"Animated user block icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:user-check","t":"User check","d":"Animated user check icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:user-circle","t":"User circle","d":"Animated user circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:user-dollar","t":"User dollar","d":"Animated user dollar icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:user-edit","t":"User edit","d":"Animated user edit icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:user-full-view","t":"User full view","d":"Animated user full view icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:user-group","t":"User group","d":"Animated user group icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:user-id-verification","t":"User id verification","d":"Animated user id verification icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:user-list","t":"User list","d":"Animated user list icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:user-lock","t":"User lock","d":"Animated user lock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:user-love","t":"User love","d":"Animated user love icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:user-minus","t":"User minus","d":"Animated user minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:user-multiple","t":"User multiple","d":"Animated user multiple icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:user-question","t":"User question","d":"Animated user question icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:user-remove","t":"User remove","d":"Animated user remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:user-roadside","t":"User roadside","d":"Animated user roadside icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:user-search","t":"User search","d":"Animated user search icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:user-settings","t":"User settings","d":"Animated user settings icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:user-sharing","t":"User sharing","d":"Animated user sharing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:user-shield","t":"User shield","d":"Animated user shield icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:user-square","t":"User square","d":"Animated user square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:user-star","t":"User star","d":"Animated user star icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:user-status","t":"User status","d":"Animated user status icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:user-switch","t":"User switch","d":"Animated user switch icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:user-time","t":"User time","d":"Animated user time icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:user-unlock","t":"User unlock","d":"Animated user unlock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:user-warning","t":"User warning","d":"Animated user warning icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:user","t":"User","d":"Animated user icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:utility-pole","t":"Utility pole","d":"Animated utility pole icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:uv","t":"Uv","d":"Animated uv icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:vaccine","t":"Vaccine","d":"Animated vaccine icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:vacuum-cleaner","t":"Vacuum cleaner","d":"Animated vacuum cleaner icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","minimal"],"sb":"Animated","fw":"Vue","sy":["animated","minimal"],"hc":1},{"id":"hugeicons-animated-vue:validation-approval","t":"Validation approval","d":"Animated validation approval icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:validation","t":"Validation","d":"Animated validation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:van","t":"Van","d":"Animated van icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:variable","t":"Variable","d":"Animated variable icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:vector-square","t":"Vector square","d":"Animated vector square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:vegetarian-food","t":"Vegetarian food","d":"Animated vegetarian food icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:venetian-mask","t":"Venetian mask","d":"Animated venetian mask icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:versus","t":"Versus","d":"Animated versus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:vertical-resize","t":"Vertical resize","d":"Animated vertical resize icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:vertical-scroll-point","t":"Vertical scroll point","d":"Animated vertical scroll point icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:vest","t":"Vest","d":"Animated vest icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:viber","t":"Viber","d":"Animated viber icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:vibrate","t":"Vibrate","d":"Animated vibrate icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:victory-finger","t":"Victory finger","d":"Animated victory finger icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:video-ai","t":"Video ai","d":"Animated video ai icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:video-camera-ai","t":"Video camera ai","d":"Animated video camera ai icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:video-console","t":"Video console","d":"Animated video console icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:video-off","t":"Video off","d":"Animated video off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:video-replay","t":"Video replay","d":"Animated video replay icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:video","t":"Video","d":"Animated video icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:videotape","t":"Videotape","d":"Animated videotape icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:view-agenda","t":"View agenda","d":"Animated view agenda icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:view-off-slash","t":"View off slash","d":"Animated view off slash icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:view-off","t":"View off","d":"Animated view off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:view-sidebar-left","t":"View sidebar left","d":"Animated view sidebar left icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:view-sidebar-right","t":"View sidebar right","d":"Animated view sidebar right icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:view","t":"View","d":"Animated view icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:villa","t":"Villa","d":"Animated villa icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:vimeo","t":"Vimeo","d":"Animated vimeo icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:vine-square","t":"Vine square","d":"Animated vine square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:vine","t":"Vine","d":"Animated vine icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:vintage-clock","t":"Vintage clock","d":"Animated vintage clock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:virtual-reality-vr","t":"Virtual reality vr","d":"Animated virtual reality vr icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:vision","t":"Vision","d":"Animated vision icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:visual-studio-code","t":"Visual studio code","d":"Animated visual studio code icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:vk-square","t":"Vk square","d":"Animated vk square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:vk","t":"Vk","d":"Animated vk icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:voice-id","t":"Voice id","d":"Animated voice id icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:voice","t":"Voice","d":"Animated voice icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:volleyball","t":"Volleyball","d":"Animated volleyball icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:volume-high","t":"Volume high","d":"Animated volume high icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:volume-low","t":"Volume low","d":"Animated volume low icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:volume-minus","t":"Volume minus","d":"Animated volume minus icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:volume-mute","t":"Volume mute","d":"Animated volume mute icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:volume-off","t":"Volume off","d":"Animated volume off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:volume-up","t":"Volume up","d":"Animated volume up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:vomiting","t":"Vomiting","d":"Animated vomiting icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:voucher","t":"Voucher","d":"Animated voucher icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:vr-glasses","t":"Vr glasses","d":"Animated vr glasses icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","glass"],"sb":"Animated","fw":"Vue","sy":["animated","glass"],"hc":1},{"id":"hugeicons-animated-vue:vr","t":"Vr","d":"Animated vr icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:vynil","t":"Vynil","d":"Animated vynil icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:w-three-schools","t":"W three schools","d":"Animated w three schools icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"hugeicons-animated-vue:waiter","t":"Waiter","d":"Animated waiter icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:waiters","t":"Waiters","d":"Animated waiters icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:walking","t":"Walking","d":"Animated walking icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wall-lamp","t":"Wall lamp","d":"Animated wall lamp icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wallet-add","t":"Wallet add","d":"Animated wallet add icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:wallet-cards","t":"Wallet cards","d":"Animated wallet cards icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wallet-done","t":"Wallet done","d":"Animated wallet done icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:wallet-not-found","t":"Wallet not found","d":"Animated wallet not found icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:wallet-remove","t":"Wallet remove","d":"Animated wallet remove icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:wallet","t":"Wallet","d":"Animated wallet icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":5,"hc":1},{"id":"hugeicons-animated-vue:walpaper","t":"Walpaper","d":"Animated walpaper icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wanted","t":"Wanted","d":"Animated wanted icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wardrobe","t":"Wardrobe","d":"Animated wardrobe icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:warehouse","t":"Warehouse","d":"Animated warehouse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:washing-machine","t":"Washing machine","d":"Animated washing machine icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:washington-monument","t":"Washington monument","d":"Animated washington monument icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:waste-restore","t":"Waste restore","d":"Animated waste restore icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:waste","t":"Waste","d":"Animated waste icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:watch","t":"Watch","d":"Animated watch icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:water-energy","t":"Water energy","d":"Animated water energy icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:water-polo","t":"Water polo","d":"Animated water polo icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:water-pump","t":"Water pump","d":"Animated water pump icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:waterfall-down","t":"Waterfall down","d":"Animated waterfall down icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:waterfall-up","t":"Waterfall up","d":"Animated waterfall up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:watermelon","t":"Watermelon","d":"Animated watermelon icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wattpad-square","t":"Wattpad square","d":"Animated wattpad square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wattpad","t":"Wattpad","d":"Animated wattpad icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wav","t":"Wav","d":"Animated wav icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:wave-square","t":"Wave square","d":"Animated wave square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wave-triangle","t":"Wave triangle","d":"Animated wave triangle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wave","t":"Wave","d":"Animated wave icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:waving-hand","t":"Waving hand","d":"Animated waving hand icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:waze","t":"Waze","d":"Animated waze icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:web-design","t":"Web design","d":"Animated web design icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:web-programming","t":"Web programming","d":"Animated web programming icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:web-protection","t":"Web protection","d":"Animated web protection icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:web-security","t":"Web security","d":"Animated web security icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:web-validation","t":"Web validation","d":"Animated web validation icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:webflow-ellipse","t":"Webflow ellipse","d":"Animated webflow ellipse icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:webflow-rectangle","t":"Webflow rectangle","d":"Animated webflow rectangle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:webflow","t":"Webflow","d":"Animated webflow icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:webhook-off","t":"Webhook off","d":"Animated webhook off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:webhook","t":"Webhook","d":"Animated webhook icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wechat","t":"Wechat","d":"Animated wechat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wedding","t":"Wedding","d":"Animated wedding icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:weight-scale","t":"Weight scale","d":"Animated weight scale icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":1,"hc":1},{"id":"hugeicons-animated-vue:weight","t":"Weight","d":"Animated weight icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wellness","t":"Wellness","d":"Animated wellness icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:whatsapp-business","t":"Whatsapp business","d":"Animated whatsapp business icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:whatsapp","t":"Whatsapp","d":"Animated whatsapp icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wheat-off","t":"Wheat off","d":"Animated wheat off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wheat","t":"Wheat","d":"Animated wheat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wheelchair","t":"Wheelchair","d":"Animated wheelchair icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:whisk","t":"Whisk","d":"Animated whisk icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:whistle","t":"Whistle","d":"Animated whistle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:whiteboard","t":"Whiteboard","d":"Animated whiteboard icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wifi-circle","t":"Wifi circle","d":"Animated wifi circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wifi-connected","t":"Wifi connected","d":"Animated wifi connected icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:wifi-disconnected","t":"Wifi disconnected","d":"Animated wifi disconnected icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":4,"hc":1},{"id":"hugeicons-animated-vue:wifi-error","t":"Wifi error","d":"Animated wifi error icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:wifi-full-signal","t":"Wifi full signal","d":"Animated wifi full signal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wifi-location","t":"Wifi location","d":"Animated wifi location icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wifi-lock","t":"Wifi lock","d":"Animated wifi lock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wifi-low-signal","t":"Wifi low signal","d":"Animated wifi low signal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wifi-medium-signal","t":"Wifi medium signal","d":"Animated wifi medium signal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wifi-no-signal","t":"Wifi no signal","d":"Animated wifi no signal icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wifi-off","t":"Wifi off","d":"Animated wifi off icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:wifi-pen","t":"Wifi pen","d":"Animated wifi pen icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wifi-square","t":"Wifi square","d":"Animated wifi square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wifi-sync","t":"Wifi sync","d":"Animated wifi sync icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wifi-unlock","t":"Wifi unlock","d":"Animated wifi unlock icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wifi","t":"Wifi","d":"Animated wifi icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:wikipedia","t":"Wikipedia","d":"Animated wikipedia icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wind-power","t":"Wind power","d":"Animated wind power icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:wind-surf","t":"Wind surf","d":"Animated wind surf icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wind-turbine","t":"Wind turbine","d":"Animated wind turbine icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:windows-new","t":"Windows new","d":"Animated windows new icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:windows-old","t":"Windows old","d":"Animated windows old icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wink","t":"Wink","d":"Animated wink icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:winking","t":"Winking","d":"Animated winking icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wireless-cloud-access","t":"Wireless cloud access","d":"Animated wireless cloud access icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wireless","t":"Wireless","d":"Animated wireless icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wise","t":"Wise","d":"Animated wise icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:woman","t":"Woman","d":"Animated woman icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wordpress","t":"Wordpress","d":"Animated wordpress icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:work-alert","t":"Work alert","d":"Animated work alert icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:work-history","t":"Work history","d":"Animated work history icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:work-update","t":"Work update","d":"Animated work update icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:work","t":"Work","d":"Animated work icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:workflow-circle","t":"Workflow circle","d":"Animated workflow circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":6,"hc":1},{"id":"hugeicons-animated-vue:workflow-square","t":"Workflow square","d":"Animated workflow square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":10,"hc":1},{"id":"hugeicons-animated-vue:workout-battle-ropes","t":"Workout battle ropes","d":"Animated workout battle ropes icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:workout-gymnastics","t":"Workout gymnastics","d":"Animated workout gymnastics icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:workout-kicking","t":"Workout kicking","d":"Animated workout kicking icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:workout-run","t":"Workout run","d":"Animated workout run icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:workout-sport","t":"Workout sport","d":"Animated workout sport icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:workout-squats","t":"Workout squats","d":"Animated workout squats icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:workout-stretching","t":"Workout stretching","d":"Animated workout stretching icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:workout-warm-up","t":"Workout warm up","d":"Animated workout warm up icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:worry","t":"Worry","d":"Animated worry icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wps-office-rectangle","t":"Wps office rectangle","d":"Animated wps office rectangle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wps-office","t":"Wps office","d":"Animated wps office icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:wrench","t":"Wrench","d":"Animated wrench icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:wudu","t":"Wudu","d":"Animated wudu icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:x-ray","t":"X ray","d":"Animated x ray icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:x-variable-circle","t":"X variable circle","d":"Animated x variable circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:x-variable-square","t":"X variable square","d":"Animated x variable square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:x-variable","t":"X variable","d":"Animated x variable icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:xing","t":"Xing","d":"Animated xing icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:xls","t":"Xls","d":"Animated xls icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:xml","t":"Xml","d":"Animated xml icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:xsl","t":"Xsl","d":"Animated xsl icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:yelp","t":"Yelp","d":"Animated yelp icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:yen-circle","t":"Yen circle","d":"Animated yen circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:yen-receive","t":"Yen receive","d":"Animated yen receive icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:yen-send","t":"Yen send","d":"Animated yen send icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:yen-square","t":"Yen square","d":"Animated yen square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:yen","t":"Yen","d":"Animated yen icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:yoga-ball","t":"Yoga ball","d":"Animated yoga ball icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:yoga-mat","t":"Yoga mat","d":"Animated yoga mat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:yoga","t":"Yoga","d":"Animated yoga icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":3,"hc":1},{"id":"hugeicons-animated-vue:yogurt","t":"Yogurt","d":"Animated yogurt icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:youtube","t":"Youtube","d":"Animated youtube icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:yurt","t":"Yurt","d":"Animated yurt icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:zakat","t":"Zakat","d":"Animated zakat icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:zap","t":"Zap","d":"Animated zap icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:zeppelin","t":"Zeppelin","d":"Animated zeppelin icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:zero-circle","t":"Zero circle","d":"Animated zero circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:zero-square","t":"Zero square","d":"Animated zero square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:zip","t":"Zip","d":"Animated zip icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"vn":2,"hc":1},{"id":"hugeicons-animated-vue:zoom-circle","t":"Zoom circle","d":"Animated zoom circle icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:zoom-in-area","t":"Zoom in area","d":"Animated zoom in area icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:zoom-out-area","t":"Zoom out area","d":"Animated zoom out area icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:zoom-square","t":"Zoom square","d":"Animated zoom square icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:zoom","t":"Zoom","d":"Animated zoom icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:zsh","t":"Zsh","d":"Animated zsh icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"hugeicons-animated-vue:zzz","t":"Zzz","d":"Animated zzz icon for Vue","k":"resource","s":"hugeicons-animated-vue","c":"assets/icon","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"iandefined:backlight","t":"Backlight","d":"An SVG filter wrapper that adds a soft, saturated backlight glow around wrapped content.","k":"motion","s":"iandefined","c":"motion/background","tg":["neon"],"sb":"Beams and light","sy":["neon"],"hc":1},{"id":"iandefined:calendar","t":"Calendar","d":"An Ark UI calendar with native Date values, single, multiple and range selection, and day,","s":"iandefined","c":"data-display/calendar","hc":1},{"id":"iandefined:date-picker","t":"Date Picker","d":"An accessible Ark UI date picker with typed inputs, a calendar popup, presets and separate","s":"iandefined","c":"inputs/date-picker","hc":1},{"id":"iandefined:date-input","t":"Date Input","d":"A segmented Ark UI date input with native Date values, range and time editing, and no cale","s":"iandefined","c":"inputs/date-picker","hc":1},{"id":"iandefined:button","t":"Button","d":"A Base UI button with oklch-tinted hover and active states, custom colors, variants, secti","s":"iandefined","c":"actions/button","hc":1},{"id":"iandefined:button-group","t":"Button Group","d":"A container that groups related buttons together with consistent styling.","s":"iandefined","c":"actions/button","sb":"Groups and split","hc":1},{"id":"iandefined:breadcrumbs","t":"Breadcrumbs","d":"A responsive breadcrumb trail with surface variants, sizes, custom separators, and collaps","s":"iandefined","c":"navigation/breadcrumb","hc":1},{"id":"iandefined:card","t":"Card","d":"A compound card with default and inset frame variants.","s":"iandefined","c":"data-display/card","hc":1},{"id":"iandefined:checkbox","t":"Checkbox","d":"A Base UI checkbox component with sizes, radius variants, and a snappy indicator animation","s":"iandefined","c":"inputs/checkbox","hc":1},{"id":"iandefined:switch","t":"Switch","d":"A draggable Base UI switch with spring-based thumb animation.","s":"iandefined","c":"actions/switch","sb":"Animated","hc":1},{"id":"iandefined:avatar","t":"Avatar","d":"An image element with a fallback for representing the user.","s":"iandefined","c":"data-display/avatar","hc":1},{"id":"iandefined:slider","t":"Slider","d":"A Base UI slider with compact track and rectangular control layouts, cursor previews, and ","s":"iandefined","c":"inputs/slider","hc":1},{"id":"iandefined:radio-group","t":"Radio Group","d":"A Base UI radio group component with orientation, sizes, and a snappy indicator animation.","s":"iandefined","c":"inputs/radio","hc":1},{"id":"iandefined:badge","t":"Badge","d":"A compact label with semantic and translucent variants.","s":"iandefined","c":"data-display/badge","hc":1},{"id":"iandefined:drawer","t":"Drawer","d":"A swipe gesture drawer with positions, snap points, nested panels, and composed menu rows.","s":"iandefined","c":"overlays/sheet","hc":1},{"id":"iandefined:sheet","t":"Sheet","d":"A sliding panel from a screen edge for navigation, forms, or supplementary content.","s":"iandefined","c":"overlays/sheet","hc":1},{"id":"iandefined:kbd","t":"Kbd","d":"Displays textual keyboard input and shortcut combinations.","s":"iandefined","c":"data-display/typography","hc":1},{"id":"iandefined:label","t":"Label","d":"An accessible label for form controls.","s":"iandefined","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"iandefined:hitbox","t":"Hitbox","d":"Tailwind CSS v4 utilities that expand pointer hit areas without changing layout.","k":"theme","s":"iandefined","c":"themes/style","fw":"CSS","hc":1},{"id":"iandefined:icon-swap","t":"Icon Swap","d":"A consistent keyed scale, blur, and fade transition for changing icons.","k":"resource","s":"iandefined","c":"assets/icon","sb":"Animated","hc":1},{"id":"iandefined:text-morph","t":"Text Morph","d":"The standard animated-text primitive, powered by Calligraph with smooth container resizing","k":"motion","s":"iandefined","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"iandefined:marquee","t":"Marquee","d":"A seamless content marquee that measures overflow and respects reduced motion.","k":"motion","s":"iandefined","c":"motion/marquee","hc":1},{"id":"iandefined:skeleton","t":"Skeleton","d":"A shimmer placeholder with configurable corners and animation.","s":"iandefined","c":"status/skeleton","hc":1},{"id":"iandefined:dropdown-menu","t":"Dropdown Menu","d":"A keyboard-navigable menu with checkbox, radio, and submenu items.","s":"iandefined","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"iandefined:dialog","t":"Dialog","d":"A modal window with composed content, scroll modes, and detached triggers.","s":"iandefined","c":"overlays/dialog","hc":1},{"id":"iandefined:lightbox","t":"Lightbox","d":"A composable, accessible media lightbox with shared-element transitions, gestures, zoom, c","s":"iandefined","c":"overlays/lightbox","hc":1},{"id":"iandefined:spinner","t":"Spinner","d":"An SVG loading indicator with four sizes and a rotating arc.","s":"iandefined","c":"status/loader","sb":"Spinners","hc":1},{"id":"iandefined:separator","t":"Separator","d":"A visual or semantic divider with horizontal and vertical orientations.","k":"layout","s":"iandefined","c":"layout/page-shell","hc":1},{"id":"iandefined:scroll-area","t":"Scroll Area","d":"A scrollable region with optional custom scrollbars and conditional background fades.","k":"layout","s":"iandefined","c":"layout/scroll-area","hc":1},{"id":"iandefined:field","t":"Field","d":"An accessible form field with automatic labels, descriptions, validation state, and error ","s":"iandefined","c":"inputs/form-field","hc":1},{"id":"iandefined:form","t":"Form","d":"A TanStack Form submission wrapper for composing type-safe forms with registry controls.","s":"iandefined","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"iandefined:fieldset","t":"Fieldset","d":"A semantic field group with a styled legend.","s":"iandefined","c":"inputs/form-field","hc":1},{"id":"iandefined:input","t":"Input","d":"A styled Base UI text input with size variants.","s":"iandefined","c":"inputs/form-field","vn":1,"hc":1},{"id":"iandefined:input-otp","t":"Input OTP","d":"An accessible one-time-code input with animated slots, invalid states, and masked entry.","s":"iandefined","c":"inputs/otp-input","hc":1},{"id":"iandefined:number-field","t":"Number Field","d":"A numeric input with increment, decrement, and scrub controls.","s":"iandefined","c":"inputs/number-input","hc":1},{"id":"iandefined:textarea","t":"Textarea","d":"A styled Base UI multiline text control with size variants.","s":"iandefined","c":"inputs/textarea","hc":1},{"id":"iandefined:tooltip","t":"Tooltip","d":"Contextual information shown on hover or focus.","s":"iandefined","c":"overlays/tooltip","hc":1},{"id":"iandefined:toast","t":"Toast","d":"Brief, self-dismissing feedback with stacked and anchored placement.","s":"iandefined","c":"overlays/toast","hc":1},{"id":"iandefined:popover","t":"Popover","d":"An accessible popup anchored to a button.","s":"iandefined","c":"overlays/popover","hc":1},{"id":"iandefined:select","t":"Select","d":"An accessible, customizable select component.","s":"iandefined","c":"inputs/select","hc":1},{"id":"iandefined:sidebar-01","t":"Sidebar #1","d":"A simple sidebar with navigation grouped by section.","s":"iandefined","c":"navigation/sidebar","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"iandefined:combobox","t":"Combobox","d":"A filterable input for selecting one or more predefined values.","s":"iandefined","c":"inputs/combobox","hc":1},{"id":"iandefined:autocomplete","t":"Autocomplete","d":"A filterable text input that suggests matching options while accepting free-form text.","s":"iandefined","c":"inputs/combobox","hc":1},{"id":"iandefined:use-fuzzy-filter","t":"useFuzzyFilter","d":"Fuzzy matching hook for filtering and sorting items by relevance.","k":"lib","s":"iandefined","c":"lib/hook","hc":1},{"id":"iandefined:tabs","t":"Tabs","d":"A component for toggling between related panels on the same page.","s":"iandefined","c":"navigation/tabs","hc":1},{"id":"iandefined:segmented-control","t":"Segmented Control","d":"A compact radio-group input for choosing one value from a small set of options.","s":"iandefined","c":"actions/segmented-control","hc":1},{"id":"iandefined:transition-panel","t":"Transition Panel","d":"A compound panel that swaps between named views with direction-aware transitions and autom","s":"iandefined","c":"data-display/card","hc":1},{"id":"iandefined:table","t":"Table","d":"A responsive table with sticky header, scroll area container, row dividers, striped and bo","s":"iandefined","c":"data-display/table","hc":1},{"id":"iandefined:pagination","t":"Pagination","d":"Pagination navigation with page links, previous and next triggers, and ellipsis disclosure","s":"iandefined","c":"navigation/pagination","hc":1},{"id":"iandefined:data-table","t":"Data Table","d":"A feature-rich data table built with TanStack Table, supporting sorting, filtering, row se","s":"iandefined","c":"data-display/table","sb":"Data tables","hc":1},{"id":"iandefined:accordion","t":"Accordion","d":"A vertically stacked set of interactive headings that reveal or hide associated content se","s":"iandefined","c":"data-display/accordion","hc":1},{"id":"iandefined:collapsible","t":"Collapsible","d":"An interactive component which expands and collapses content with smooth animations.","s":"iandefined","c":"data-display/accordion","hc":1},{"id":"iandefined:shimmer","t":"Shimmer","d":"A sweeping light gradient shimmer animation for text elements.","k":"motion","s":"iandefined","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"iandefined:twemoji","t":"Twemoji","d":"Render Unicode emoji as Twemoji SVG images inline with text.","s":"iandefined","c":"media/gallery","hc":1},{"id":"iandefined:noise-texture","t":"Noise Texture","d":"An SVG fractal noise layer using feTurbulence for subtle texture overlays.","k":"motion","s":"iandefined","c":"motion/background","sb":"Noise and texture","hc":1},{"id":"iconiq:accordion","t":"Accordion","d":"Accordion with spring height, staggered text, default or quiet disclosure styles, and opti","s":"iconiq","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"iconiq:ai-input","t":"AI Input","d":"Chat-style AI composer with agent and model chips, sent-message bubbles, and an Apple Inte","s":"iconiq","c":"ai-agent/ai-agent","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"iconiq:alert","t":"Alert","d":"Compound Alert, AlertTitle, and AlertDescription parts with optional icons, legacy prop su","s":"iconiq","c":"overlays/alert-banner","hc":1},{"id":"iconiq:avatar","t":"Avatar","d":"Compound Base UI avatar with image, fallback, variant status badge, grouped stack, overflo","s":"iconiq","c":"data-display/avatar","hc":1},{"id":"iconiq:b-accordion","t":"Accordion (Base UI)","d":"Compound Accordion, AccordionItem, AccordionTrigger, and AccordionContent parts layered ov","s":"iconiq","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"iconiq:b-alert-dialog","t":"Alert Dialog (Base UI)","d":"Alert dialog with asChild triggers, action variants, optional media, controlled async flow","s":"iconiq","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"iconiq:b-autocomplete","t":"Autocomplete (Base UI)","d":"Base UI autocomplete with list filtering, suggestion highlight motion, and the same Iconiq","s":"iconiq","c":"inputs/combobox","hc":1},{"id":"iconiq:b-avatar","t":"Avatar (Base UI)","d":"Avatar with the same single Iconiq API layered over Base UI primitives, keeping immediate ","s":"iconiq","c":"data-display/avatar","hc":1},{"id":"iconiq:b-button","t":"Button (Base UI)","d":"Button with embedded Iconiq theme tokens, optional loading, href link rendering, ripple, p","s":"iconiq","c":"actions/button","sb":"Animated","hc":1},{"id":"iconiq:b-checkbox-group","t":"Checkbox Group (Base UI)","d":"Checkbox group with the same Iconiq API layered over Base UI primitives, preserving the or","s":"iconiq","c":"inputs/checkbox","hc":1},{"id":"iconiq:b-checkbox","t":"Checkbox (Base UI)","d":"Checkbox with the same Iconiq API layered over Base UI primitives, preserving the original","s":"iconiq","c":"inputs/checkbox","hc":1},{"id":"iconiq:b-collapsible","t":"Collapsible (Base UI)","d":"Collapsible with the same Iconiq API layered over Base UI primitives, preserving the same ","s":"iconiq","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"iconiq:b-combobox","t":"Combobox (Base UI)","d":"Compound Combobox parts layered over Base UI primitives, preserving the original input she","s":"iconiq","c":"inputs/combobox","hc":1},{"id":"iconiq:b-context-menu","t":"Context Menu (Base UI)","d":"Composable context menu layered over Base UI primitives, preserving the original panel spr","s":"iconiq","c":"overlays/context-menu","hc":1},{"id":"iconiq:b-dialog","t":"Dialog (Base UI)","d":"Dialog with the same exported Iconiq parts layered over Base UI primitives, preserving the","s":"iconiq","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"iconiq:b-hover-card","t":"Hover Card (Base UI)","d":"Hover card with the same Iconiq API layered over Base UI popover primitives, preserving de","s":"iconiq","c":"overlays/hover-card","hc":1},{"id":"iconiq:b-popover","t":"Popover (Base UI)","d":"Popover with the same Iconiq API layered over Base UI popover primitives, preserving side-","s":"iconiq","c":"overlays/popover","hc":1},{"id":"iconiq:b-progress","t":"Progress (Base UI)","d":"Progress bar with the same Iconiq API layered over Base UI primitives, preserving the spri","s":"iconiq","c":"data-viz/progress-bar","hc":1},{"id":"iconiq:b-radio-group","t":"Radio Group (Base UI)","d":"Radio group with the same Iconiq API layered over Base UI primitives, preserving the origi","s":"iconiq","c":"inputs/radio","hc":1},{"id":"iconiq:b-select","t":"Select (Base UI)","d":"Compound Select parts layered over Base UI primitives, preserving the original trigger pre","s":"iconiq","c":"inputs/select","hc":1},{"id":"iconiq:b-selection-toolbar","t":"Selection Toolbar (Base UI)","d":"Floating selection toolbar with the same Iconiq API layered over Base UI toolbar primitive","s":"iconiq","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"iconiq:b-separator","t":"Separator (Base UI)","d":"Separator with line, dashed, and dotted variants layered over the Base UI primitive, suppo","k":"layout","s":"iconiq","c":"layout/page-shell","hc":1},{"id":"iconiq:b-slider","t":"Slider (Base UI)","d":"Slider with the same Iconiq API layered over Base UI primitives, preserving the original s","s":"iconiq","c":"inputs/slider","hc":1},{"id":"iconiq:b-switch","t":"Switch (Base UI)","d":"Switch with the same Iconiq API layered over Base UI primitives, preserving the original s","s":"iconiq","c":"actions/switch","sb":"Animated","hc":1},{"id":"iconiq:b-tabs","t":"Tabs (Base UI)","d":"Tabs with the same Iconiq API layered over Base UI primitives, preserving the measured und","s":"iconiq","c":"navigation/tabs","hc":1},{"id":"iconiq:b-toggle","t":"Toggle (Base UI)","d":"Two-state button with spring press feedback, a muted fill that bounces in when pressed, an","s":"iconiq","c":"actions/switch","sb":"Animated","hc":1},{"id":"iconiq:b-togglegroup","t":"Toggle Group (Base UI)","d":"Segmented toggle group with the same fluid wipe fill, sheen sweep, and icon press feedback","s":"iconiq","c":"actions/segmented-control","hc":1},{"id":"iconiq:b-tooltip","t":"Tooltip (Base UI)","d":"Tooltip with the same Iconiq API layered over Base UI primitives, preserving the original ","s":"iconiq","c":"overlays/tooltip","hc":1},{"id":"iconiq:badge","t":"Badge","d":"Preset-color badge with tinted fills, semantic aliases, animated default shimmer, dot vari","s":"iconiq","c":"data-display/badge","hc":1},{"id":"iconiq:banner","t":"Banner","d":"Top-of-screen announcement banner with four gradient tones, a left-aligned ringed icon and","s":"iconiq","c":"overlays/alert-banner","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"iconiq:bento-builder","t":"Bento Builder","d":"Interactive bento-grid layout tool — drag tiles to reposition, tap to rename, drag a corne","k":"layout","s":"iconiq","c":"layout/bento-grid","hc":1},{"id":"iconiq:breadcrumbs","t":"Breadcrumbs","d":"Compound breadcrumb trail with Base UI render composition, subtle Motion transitions, and ","s":"iconiq","c":"navigation/breadcrumb","hc":1},{"id":"iconiq:button-group","t":"Button Group","d":"Grouped action buttons, text segments, separators, segmented button rows, and a selectable","s":"iconiq","c":"actions/button","sb":"Groups and split","hc":1},{"id":"iconiq:button","t":"Button","d":"Primary action control with larger default hit targets, spring press feedback, optional in","s":"iconiq","c":"actions/button","sb":"Animated","hc":1},{"id":"iconiq:calendar","t":"Calendar","d":"shadcn-style monthly calendar with animated month/year transitions, selectable days, and d","s":"iconiq","c":"data-display/calendar","hc":1},{"id":"iconiq:card","t":"Card","d":"Compound card surface with optional interactive lift, Motion-smoothed layout transitions, ","s":"iconiq","c":"data-display/card","hc":1},{"id":"iconiq:carousel","t":"Carousel","d":"Embla-powered carousel with aspect-ratio presets, responsive navigation placement, and hor","s":"iconiq","c":"media/carousel","hc":1},{"id":"iconiq:charts","t":"Charts","d":"Recharts shell with registry chart tokens, ease-out series growth, and calm tooltip and le","s":"iconiq","c":"data-viz/chart","hc":1},{"id":"iconiq:checkbox-group","t":"Checkbox group","d":"Multi-select option list with bordered empty state and a primary tick only when checked, p","s":"iconiq","c":"inputs/checkbox","hc":1},{"id":"iconiq:checkbox","t":"Checkbox","d":"Single checkbox with spring-pressed feedback, a line-drawn checkmark, and an optional inli","s":"iconiq","c":"inputs/checkbox","hc":1},{"id":"iconiq:code-block","t":"Code Block","d":"Editor-style code block with a filename tab, a top-right spring-crossfade copy button, a b","s":"iconiq","c":"data-display/code-block","hc":1},{"id":"iconiq:color-picker","t":"Color Picker","d":"HSV panel with saturation field, hue/alpha sliders, multi-format readouts, hex input, and ","s":"iconiq","c":"inputs/color-picker","hc":1},{"id":"iconiq:combobox","t":"Combobox","d":"Searchable single-select input with inline filtering, arrow-key navigation, animated dropd","s":"iconiq","c":"inputs/combobox","hc":1},{"id":"iconiq:command-palette","t":"Command Palette","d":"Radix dialog command menu with grouped search, keyboard shortcuts, navigation items, custo","s":"iconiq","c":"navigation/command-palette","hc":1},{"id":"iconiq:context-menu","t":"Context Menu","d":"Native-feeling context menu with fixed-position viewport-aware placement, per-item icons a","s":"iconiq","c":"overlays/context-menu","hc":1},{"id":"iconiq:contribution-graph","t":"Contribution Graph","d":"GitHub-style contribution calendar with compound calendar, block, total-count, and legend ","s":"iconiq","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"iconiq:date-picker","t":"Date Picker","d":"Collapsible date picker trigger with the shared Iconiq Calendar panel, spring open motion,","s":"iconiq","c":"inputs/date-picker","hc":1},{"id":"iconiq:dia-text","t":"Dia Text","d":"Animated inline text reveal with a sweeping gradient band, repeat controls, and optional f","k":"motion","s":"iconiq","c":"motion/text-effect","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"iconiq:dialog","t":"Dialog","d":"Modal dialog on Radix Dialog with Motion overlay and content springs, staggered children, ","s":"iconiq","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"iconiq:drawer","t":"Drawer","d":"Compound Vaul drawer with direction-aware layout, drag gestures, snap points, size variant","s":"iconiq","c":"overlays/sheet","hc":1},{"id":"iconiq:dropdown","t":"Dropdown","d":"Animated dropdown with a selectable value mode and an action-menu mode, plus chevron rotat","s":"iconiq","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"iconiq:faq-pro","t":"FAQ Pro","d":"Searchable FAQ accordion with rounded cards, animated panels, automatic match expansion, a","k":"section","s":"iconiq","c":"marketing/faq","hc":1},{"id":"iconiq:favicon-badge","t":"Favicon Badge","d":"Circular website favicon badge with optional label text, spring entrance animation, and Go","s":"iconiq","c":"data-display/badge","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"iconiq:feedback","t":"Feedback Form","d":"Collapsed pill that morphs into an expanded feedback panel with a send button, loading sta","s":"iconiq","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"iconiq:file-tree","t":"File Tree","d":"Compound file tree with nested FileTreeItem rows, Base UI Button folder toggles, extension","s":"iconiq","c":"data-display/tree","hc":1},{"id":"iconiq:file-upload","t":"File Upload","d":"Drag-and-drop file uploader with click-to-browse fallback, queued file rows, image preview","s":"iconiq","c":"inputs/file-upload","hc":1},{"id":"iconiq:flux-button","t":"Flux Button","d":"Async button with idle, loading, and success states.","s":"iconiq","c":"actions/button","sb":"Animated","hc":1},{"id":"iconiq:hover-card","t":"Hover Card","d":"Inline hover card with hover-only timing delays, instant focus reveal, collision-aware Pop","s":"iconiq","c":"overlays/hover-card","hc":1},{"id":"iconiq:icon-bar","t":"Icon Bar","d":"Row of compact icon chips that expand on hover or focus and stay open when selected. Built","k":"resource","s":"iconiq","c":"assets/icon","sb":"Animated","hc":1},{"id":"iconiq:infiniteribbon","t":"Infinite Ribbon","d":"Full-width looping announcement ribbon with repeated content, optional reverse direction, ","k":"section","s":"iconiq","c":"marketing/announcement","hc":1},{"id":"iconiq:input-otp","t":"Input OTP","d":"Animated one-time password field built on Base UI OTP Field with focus border motion, char","s":"iconiq","c":"inputs/otp-input","hc":1},{"id":"iconiq:input","t":"Input","d":"Input with a spring-animated caret.","s":"iconiq","c":"inputs/form-field","hc":1},{"id":"iconiq:logo-carousal","t":"Logo Carousel","d":"Multi-column logo grid that cycles through sponsor logos with a staggered wave animation.","k":"resource","s":"iconiq","c":"assets/logo","hc":1},{"id":"iconiq:marker","t":"Marker","d":"Hand-drawn text annotations — wavy, circle, highlight, underline, and more — that draw the","k":"layout","s":"iconiq","c":"layout/scroll-area","tg":["playful"],"sy":["playful"],"hc":1},{"id":"iconiq:message","t":"Message","d":"Composable chat message primitives — group, row, avatar, bubble, header, and footer — wher","s":"iconiq","c":"ai-agent/ai-agent","tg":["playful"],"sb":"Chat","sy":["playful"],"hc":1},{"id":"iconiq:morph-texts","t":"Morph Text","d":"Cycling headline words with a goo-filter morph transition powered by Motion.","k":"motion","s":"iconiq","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"iconiq:popover","t":"Popover","d":"Popover built on Radix with portal-based positioning, optional anchor support, side-aware ","s":"iconiq","c":"overlays/popover","hc":1},{"id":"iconiq:r-accordion","t":"Accordion (Radix UI)","d":"Compound Accordion, AccordionItem, AccordionTrigger, and AccordionContent parts layered ov","s":"iconiq","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"iconiq:r-alert-dialog","t":"Alert Dialog (Radix UI)","d":"Alert dialog with asChild triggers, action variants, optional media, controlled async flow","s":"iconiq","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"iconiq:r-avatar","t":"Avatar (Radix UI)","d":"Avatar with the same single Iconiq API layered over Radix UI primitives, preserving immedi","s":"iconiq","c":"data-display/avatar","hc":1},{"id":"iconiq:r-checkbox","t":"Checkbox (Radix UI)","d":"Checkbox with the same Iconiq API layered over Radix UI primitives, preserving the origina","s":"iconiq","c":"inputs/checkbox","hc":1},{"id":"iconiq:r-collapsible","t":"Collapsible (Radix UI)","d":"Collapsible with the same Iconiq API layered over Radix UI primitives, preserving the same","s":"iconiq","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"iconiq:r-dialog","t":"Dialog (Radix UI)","d":"Dialog with the same exported Iconiq parts layered over Radix UI primitives, preserving th","s":"iconiq","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"iconiq:r-dropdown","t":"Dropdown (Radix UI)","d":"Dropdown with the same Iconiq trigger, grouped rows, action and select variants, and exact","s":"iconiq","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"iconiq:r-hover-card","t":"Hover Card (Radix UI)","d":"Hover card with the same Iconiq API layered over the dedicated Radix Hover Card primitive,","s":"iconiq","c":"overlays/hover-card","hc":1},{"id":"iconiq:r-popover","t":"Popover (Radix UI)","d":"Popover with the same Iconiq API layered over Radix UI popover primitives, preserving side","s":"iconiq","c":"overlays/popover","hc":1},{"id":"iconiq:r-progress","t":"Progress (Radix UI)","d":"Progress bar with the same Iconiq API layered over Radix UI primitives, preserving the spr","s":"iconiq","c":"data-viz/progress-bar","hc":1},{"id":"iconiq:r-radio-group","t":"Radio Group (Radix UI)","d":"Radio group with the same Iconiq API layered over Radix UI primitives, preserving the orig","s":"iconiq","c":"inputs/radio","hc":1},{"id":"iconiq:r-select","t":"Select (Radix UI)","d":"Compound Select parts layered over Radix UI primitives, preserving the original trigger pr","s":"iconiq","c":"inputs/select","hc":1},{"id":"iconiq:r-selection-toolbar","t":"Selection Toolbar (Radix UI)","d":"Floating selection toolbar with the same Iconiq API layered over Radix UI toolbar primitiv","s":"iconiq","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"iconiq:r-separator","t":"Separator (Radix UI)","d":"Separator with line, dashed, and dotted variants layered over the Radix UI primitive, supp","k":"layout","s":"iconiq","c":"layout/page-shell","hc":1},{"id":"iconiq:r-slider","t":"Slider (Radix UI)","d":"Slider with the same Iconiq API layered over Radix UI primitives, preserving the original ","s":"iconiq","c":"inputs/slider","hc":1},{"id":"iconiq:r-switch","t":"Switch (Radix UI)","d":"Switch with the same Iconiq API layered over Radix UI primitives, preserving the original ","s":"iconiq","c":"actions/switch","sb":"Animated","hc":1},{"id":"iconiq:r-tabs","t":"Tabs (Radix UI)","d":"Tabs with the same Iconiq API layered over Radix UI primitives, preserving the measured un","s":"iconiq","c":"navigation/tabs","hc":1},{"id":"iconiq:r-toggle","t":"Toggle (Radix UI)","d":"Two-state button with spring press feedback, a muted fill that bounces in when pressed, an","s":"iconiq","c":"actions/switch","sb":"Animated","hc":1},{"id":"iconiq:r-togglegroup","t":"Toggle Group (Radix UI)","d":"Segmented toggle group with the same fluid wipe fill, sheen sweep, and icon press feedback","s":"iconiq","c":"actions/segmented-control","hc":1},{"id":"iconiq:r-tooltip","t":"Tooltip (Radix UI)","d":"Tooltip with the same Iconiq API layered over Radix Tooltip primitives, preserving the ori","s":"iconiq","c":"overlays/tooltip","hc":1},{"id":"iconiq:radial-button","t":"Radial Button","d":"Rounded action button with a radial foreground fill that spreads on hover or focus-visible","s":"iconiq","c":"actions/button","sb":"Animated","hc":1},{"id":"iconiq:radiogroup","t":"Radio group","d":"Single-select option list with shared layoutId highlight, spring ring/dot on the control, ","s":"iconiq","c":"inputs/radio","hc":1},{"id":"iconiq:rating","t":"Rating","d":"Compound star rating built from Rating and RatingButton — hover to preview, click or use a","s":"iconiq","c":"inputs/rating","hc":1},{"id":"iconiq:reasoning-steps","t":"Reasoning Steps","d":"Base UI collapsible reasoning trace for AI replies with a shimmering trigger label and no ","s":"iconiq","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"iconiq:reveal-text","t":"Reveal Text","d":"Staggered word or character reveal with spring lift, blur fade, and optional scroll-trigge","k":"motion","s":"iconiq","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"iconiq:rolling-digits","t":"Rolling Digits","d":"Spring-animated digit counter with transform, opacity, and vertical motion.","k":"motion","s":"iconiq","c":"motion/number-ticker","hc":1},{"id":"iconiq:scroll-progress","t":"Scroll Progress","d":"Ruler-style scroll indicator with tick marks that fill in as the page scrolls and a live p","s":"iconiq","c":"data-viz/progress-bar","hc":1},{"id":"iconiq:select","t":"Select","d":"Animated single-select dropdown with staggered options, chevron rotation, scaleY panel, ro","s":"iconiq","c":"inputs/select","hc":1},{"id":"iconiq:selectiontoolbar","t":"Selection Toolbar","d":"Floating inline formatting toolbar for editable text selections with viewport-aware positi","s":"iconiq","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"iconiq:setup-checklist","t":"Setup Checklist","d":"Animated onboarding checklist card with staggered task rows, a drawn checkmark badge, and ","s":"iconiq","c":"inputs/checkbox","hc":1},{"id":"iconiq:shimmer-text","t":"Shimmer Text","d":"Animated shimmer text with a sweeping highlight band, adjustable spread, and configurable ","k":"motion","s":"iconiq","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"iconiq:skeleton","t":"Skeleton","d":"Shimmer or fade loading placeholder with preset helpers, configurable radius, optional ani","s":"iconiq","c":"status/skeleton","hc":1},{"id":"iconiq:slider","t":"Slider","d":"Range control with spring-animated track and thumb, full-width pointer drag, and optional ","s":"iconiq","c":"inputs/slider","hc":1},{"id":"iconiq:spinner","t":"Spinner","d":"Loading indicator with ring, bouncing dots, or dot-matrix sweep variants. Motion; uses pri","s":"iconiq","c":"status/loader","sb":"Spinners","hc":1},{"id":"iconiq:status-dot","t":"Status Dot","d":"Rippling inline status dot with deployment presets, generic tones, sizing, and dot-only ac","s":"iconiq","c":"status/status-dot","hc":1},{"id":"iconiq:streaming-text","t":"Streaming Text","d":"Word-by-word AI text streaming where each word fades in crisply wearing a blue gradient, t","s":"iconiq","c":"ai-agent/ai-agent","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"iconiq:switch","t":"Switch","d":"Animated Radix switch with spring thumb travel, pressure-like thumb squash, foreground tra","s":"iconiq","c":"actions/switch","sb":"Animated","hc":1},{"id":"iconiq:table","t":"Table","d":"Composable table primitives with grid-aligned rows, optional animated sort buttons, and la","s":"iconiq","c":"data-display/table","hc":1},{"id":"iconiq:tabs","t":"Tabs","d":"Segmented tabs with a sliding active pill, mix-blend label treatment, and Radix keyboard n","s":"iconiq","c":"navigation/tabs","hc":1},{"id":"iconiq:team-invitation","t":"Team Invitation","d":"Team invitation block with fluid morphing variants for inviting members, managing the team","k":"section","s":"iconiq","c":"marketing/team","hc":1},{"id":"iconiq:testimonials","t":"Testimonials","d":"Inline testimonial wall where hovering one quote blurs and dims the rest while the author ","k":"section","s":"iconiq","c":"marketing/testimonials","hc":1},{"id":"iconiq:text-inertia","t":"Text Inertia","d":"Pointer-reactive word treatment that maps cursor velocity into Motion-powered spring movem","k":"motion","s":"iconiq","c":"motion/text-effect","hc":1},{"id":"iconiq:text-loop","t":"Text Loop","d":"Cycling text with vertical slide transitions—pass your own items and interval for rotating","k":"motion","s":"iconiq","c":"motion/text-effect","hc":1},{"id":"iconiq:theme-toggle","t":"Theme Toggle","d":"Animated light/dark switch with a sliding knob, sun and moon icons, and bouncy track trans","s":"iconiq","c":"actions/switch","tg":["playful"],"sb":"Theme toggles","sy":["playful"],"hc":1},{"id":"iconiq:thinking-indicator","t":"Thinking Indicator","d":"AI loading state with a sparkle glyph that wobbles through liquid blob keyframes into a ci","s":"iconiq","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"iconiq:timezone","t":"Timezone","d":"Inline live clock for city aliases or IANA timezones with fluid digit rolls, pulsing separ","k":"motion","s":"iconiq","c":"motion/shader","hc":1},{"id":"iconiq:tooltip","t":"Tooltip","d":"Animated hover/focus tooltip with collision-aware portaled positioning, Slot-based trigger","s":"iconiq","c":"overlays/tooltip","hc":1},{"id":"iconiq:typewriter","t":"Typewriter","d":"Looping typewriter text effect with brief glitch substitutions and a blinking cursor.","k":"motion","s":"iconiq","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"iconiq:typography","t":"Typography","d":"Single typography primitive that maps the full heading, label, paragraph, subheading, and ","s":"iconiq","c":"data-display/typography","hc":1},{"id":"iconiq:verified-badge","t":"Verified Badge","d":"X-style verified scallop with shimmer or static variants, size presets, brand/gold/neutral","s":"iconiq","c":"data-display/badge","sb":"Labels","hc":1},{"id":"iconiq:week-calendar","t":"Week Calendar","d":"Week strip that morphs into a full month grid, with a shared-layout spring pill and a drag","s":"iconiq","c":"data-display/calendar","hc":1},{"id":"iconiq:wheel-picker","t":"Wheel Picker","d":"iOS-style wheel picker with a 3D barrel, drag and flick inertia, detent snapping, velocity","s":"iconiq","c":"inputs/select","tg":["3d"],"sy":["3d"],"hc":1},{"id":"iconiq:iconiq-theme","t":"Iconiq theme tokens","d":"Shared Tailwind arbitrary property tokens used by Iconiq registry components.","k":"lib","s":"iconiq","c":"lib/utility","sb":"Theme","hc":1},{"id":"ilinxa:data-table","t":"Data Table","d":"A typed, composable table primitive with column accessors and per-cell rendering.","s":"ilinxa","c":"data-display/table","sb":"Data tables","vn":1,"hc":1},{"id":"ilinxa:card-tree","t":"Card Tree","d":"JSON-driven recursive card tree with a full structural editor — drag and drop, multi-selec","s":"ilinxa","c":"data-display/tree","vn":2,"hc":1},{"id":"ilinxa:split-workspace","t":"Split Workspace","d":"Splittable, mergeable canvas of editor areas — a dynamic layout primitive for dashboards, ","s":"ilinxa","c":"inputs/textarea","vn":1,"hc":1},{"id":"ilinxa:properties-form","t":"Properties Form","d":"Schema-driven read and edit form for typed records — six field types, per-field permission","s":"ilinxa","c":"inputs/form-field","sb":"Whole forms","vn":1,"hc":1},{"id":"ilinxa:detail-panel","t":"Detail Panel","d":"Selection-aware detail container with read and edit modes, lifecycle states, sticky header","s":"ilinxa","c":"data-display/card","vn":1,"hc":1},{"id":"ilinxa:empty-state","t":"Empty State","d":"The designed answer for empty surfaces — icon or illustration, title, description, capabil","s":"ilinxa","c":"data-display/empty-state","vn":1,"hc":1},{"id":"ilinxa:filter-panel","t":"Filter Panel","d":"Schema-driven filter panel — checkbox lists, toggles, text, and custom filter types with A","s":"ilinxa","c":"data-display/card","vn":1,"hc":1},{"id":"ilinxa:entity-picker","t":"Entity Picker","d":"Searchable picker for typed entities — single or multi select, kind badges, chip cluster w","s":"ilinxa","c":"inputs/select","vn":1,"hc":1},{"id":"ilinxa:markdown-editor","t":"Markdown Editor","d":"CodeMirror 6 markdown editor with GFM, wikilink autocomplete, a slot-able toolbar, and edi","s":"ilinxa","c":"inputs/textarea","vn":1,"hc":1},{"id":"ilinxa:news-card","t":"News Card","d":"Magazine-style news card in five sizes — role-aware editor and viewer modes, permissions m","k":"section","s":"ilinxa","c":"marketing/marketing","sb":"Blog and posts","vn":1,"hc":1},{"id":"ilinxa:newsletter-signup","t":"Newsletter Signup","d":"Newsletter signup card — inline email form or CTA-only variant, async status tracking, thr","k":"layout","s":"ilinxa","c":"flows/sign-in","tg":["webgl"],"sb":"Sign up","sy":["webgl"],"vn":1,"hc":1},{"id":"ilinxa:category-cloud","t":"Category Cloud","d":"Flex-wrapped cloud of clickable category chips with optional counts — single-select, toggl","s":"ilinxa","c":"inputs/form-field","sb":"Whole forms","vn":2,"hc":1},{"id":"ilinxa:filter-bar","t":"Filter Bar","d":"Composite filter bar — search, category pills, date-range picker, and results count, each ","s":"ilinxa","c":"inputs/form-field","sb":"Whole forms","vn":2,"hc":1},{"id":"ilinxa:page-hero","t":"Page Hero","d":"Full-bleed gradient hero band — badge, title, highlight, description, stats row, and a rev","k":"section","s":"ilinxa","c":"marketing/hero","tg":["gradient"],"sy":["gradient"],"vn":2,"hc":1},{"id":"ilinxa:magazine-layout","t":"Magazine Layout","d":"Slot-based magazine layout — hero, filter bar, sidebar, and a mixed-size article grid with","k":"section","s":"ilinxa","c":"marketing/marketing","sb":"Blog and posts","vn":1,"hc":1},{"id":"ilinxa:author-card","t":"Author Card","d":"Person identity card — avatar, name, role, optional bio, optionally clickable.","s":"ilinxa","c":"data-display/card","sb":"Profile","vn":2,"hc":1},{"id":"ilinxa:thumbnail-list","t":"Thumbnail List","d":"Linked thumbnail list — small image, title, and meta line per row, each row one link targe","s":"ilinxa","c":"data-display/list","vn":1,"hc":1},{"id":"ilinxa:stat-card","t":"Stat Card","d":"Single-metric dashboard card — value, label, delta, and a dependency-free SVG sparkline wi","s":"ilinxa","c":"data-display/stat","vn":1,"hc":1},{"id":"ilinxa:article-meta","t":"Article Meta","d":"Icon-and-value metadata strip for article headers — author, date, read time, view count, o","k":"section","s":"ilinxa","c":"marketing/marketing","sb":"Blog and posts","vn":2,"hc":1},{"id":"ilinxa:share-bar","t":"Share Bar","d":"Social share button row — nine built-in platforms, custom targets, and copy-link with succ","s":"ilinxa","c":"actions/link","vn":2,"hc":1},{"id":"ilinxa:pricing-table","t":"Pricing Table","d":"Pricing tiers side by side — monthly and annual toggle, highlighted tier, per-feature tool","k":"section","s":"ilinxa","c":"marketing/pricing","sb":"Comparison tables","vn":2,"hc":1},{"id":"ilinxa:rich-text-editor","t":"Rich Text Editor","d":"Plate-powered WYSIWYG editor and read-only viewer for long-form articles — code blocks, ca","s":"ilinxa","c":"inputs/textarea","tg":["minimal"],"sy":["minimal"],"vn":1,"hc":1},{"id":"ilinxa:event-card","t":"Event Card","d":"Event preview card with six status states and four layouts — capacity-aware badges, overla","s":"ilinxa","c":"data-display/card","vn":2,"hc":1},{"id":"ilinxa:schedule-list","t":"Schedule List","d":"Time-anchored agenda list — time or range, title, optional description and icons, per-row ","s":"ilinxa","c":"data-display/calendar","vn":2,"hc":1},{"id":"ilinxa:progress-timeline","t":"Progress Timeline","d":"Horizontal progress bar with a current-position marker and start, state-aware center, and ","s":"ilinxa","c":"data-display/timeline","tg":["webgl"],"sy":["webgl"],"vn":2,"hc":1},{"id":"ilinxa:info-list","t":"Info List","d":"Card-framed list of icon-prefixed rows — primary and secondary text, optional actions, per","s":"ilinxa","c":"data-display/list","vn":2,"hc":1},{"id":"ilinxa:people-grid","t":"People Grid","d":"Responsive grid of person cards — avatar with initials fallback, name, title, per-card lin","k":"section","s":"ilinxa","c":"marketing/team","vn":2,"hc":1},{"id":"ilinxa:registration-card","t":"Registration Card","d":"Event registration status card — capacity progress, spots-left counter, status-aware call ","s":"ilinxa","c":"data-display/card","vn":2,"hc":1},{"id":"ilinxa:expandable-text","t":"Expandable Text","d":"Truncating text block that only shows its toggle when text actually overflows — configurab","k":"motion","s":"ilinxa","c":"motion/text-effect","vn":2,"hc":1},{"id":"ilinxa:video-player","t":"Video Player","d":"Video element wrapper — autoplay-friendly defaults, slot-based controls, carousel-coordina","s":"ilinxa","c":"media/player","vn":2,"hc":1},{"id":"ilinxa:media-carousel","t":"Media Carousel","d":"Embla image and video carousel — gallery or linear variants, coordinated video pause for i","s":"ilinxa","c":"media/carousel","vn":2,"hc":1},{"id":"ilinxa:engagement-bar","t":"Engagement Bar","d":"Social action row — like, comment, share, bookmark, custom actions, and a multi-reaction p","s":"ilinxa","c":"inputs/select","vn":2,"hc":1},{"id":"ilinxa:comment-thread","t":"Comment Thread","d":"Recursive comment thread with composer, optimistic add, like, and delete, inline expansion","s":"ilinxa","c":"ai-agent/composer","tg":["3d"],"sy":["3d"],"vn":2,"hc":1},{"id":"ilinxa:post-card","t":"Post Card","d":"Social post composite in four layouts — text expansion, media carousel, engagement bar, an","k":"section","s":"ilinxa","c":"marketing/marketing","sb":"Blog and posts","vn":2,"hc":1},{"id":"ilinxa:story-rail","t":"Story Rail","d":"Horizontal story rail with unread gradient rings, drag-free skim scrolling, an add-story t","s":"ilinxa","c":"data-display/card","tg":["gradient"],"sb":"Article","sy":["gradient"],"vn":2,"hc":1},{"id":"ilinxa:story-viewer","t":"Story Viewer","d":"Full-screen story viewer — segmented progress, 3D cube transitions, finger-following swipe","s":"ilinxa","c":"navigation/tabs","tg":["3d"],"sy":["3d"],"vn":2,"hc":1},{"id":"ilinxa:project-card","t":"Project Card","d":"Project and case-study card with editorial status states and grid or feature layouts — ove","s":"ilinxa","c":"data-display/card","vn":2,"hc":1},{"id":"ilinxa:kanban-board","t":"Kanban Board","d":"Drag-and-drop kanban board with swimlanes, tinted columns, per-column rules, and a rendere","s":"ilinxa","c":"data-display/kanban","vn":2,"hc":1},{"id":"ilinxa:flow-canvas","t":"Flow Canvas","d":"Node-and-edge canvas with typed ports, pluggable node renderers, edge and port-type regist","s":"ilinxa","c":"inputs/textarea","vn":2,"hc":1},{"id":"ilinxa:pdf-viewer","t":"PDF Viewer","d":"Drop-in PDF reader — toolbar, zoom, selectable text, drag-drop, and a themed context menu.","s":"ilinxa","c":"navigation/menu","vn":1,"hc":1},{"id":"ilinxa:file-tree","t":"File Tree","d":"VS Code-style file tree — format-aware icons, full CRUD, drag-and-drop, lazy children, and","s":"ilinxa","c":"data-display/tree","vn":1,"hc":1},{"id":"ilinxa:file-clipboard","t":"File Clipboard primitive","d":"Shared clipboard provider and hook that sync cut, copy, and paste across multiple file com","s":"ilinxa","c":"actions/copy-button","hc":1},{"id":"ilinxa:gamification-kit","t":"Gamification Kit","d":"Shared helpers for team gamification components — a numeric clamp, name-to-initials resolu","s":"ilinxa","c":"data-display/gamification","hc":1},{"id":"ilinxa:file-manager","t":"File Manager","d":"Finder-style file browser — grid and list views, marquee multi-select, cut copy paste, dra","s":"ilinxa","c":"inputs/select","vn":1,"hc":1},{"id":"ilinxa:code-block","t":"Code Block","d":"Code surface with view, edit, and terminal modes — Shiki highlighting, dual-theme CSS vari","s":"ilinxa","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"vn":1,"hc":1},{"id":"ilinxa:json-form","t":"JSON Form","d":"Schema-driven form engine — a field DSL compiled to Zod, 25 field types including rich tex","s":"ilinxa","c":"inputs/form-field","sb":"Whole forms","vn":1,"hc":1},{"id":"ilinxa:signup-form","t":"Signup Form","d":"Email and password signup with optional profile step, OAuth row, password strength meter, ","k":"layout","s":"ilinxa","c":"flows/sign-in","sb":"Sign up","vn":1,"hc":1},{"id":"ilinxa:task-card","t":"Task Card","d":"Schema-driven task card with time-aware color coding, popup and inline editing, clipboard ","s":"ilinxa","c":"data-display/card","vn":1,"hc":1},{"id":"ilinxa:task-tree","t":"Task Tree","d":"Hierarchical task outline with multi-select, bulk operations, search and filter toolbar, d","s":"ilinxa","c":"data-display/tree","vn":1,"hc":1},{"id":"ilinxa:app-sidebar","t":"App Sidebar","d":"App-shell sidebar with mobile drawer mode, twelve composition slots, prefab nav parts, and","s":"ilinxa","c":"navigation/sidebar","vn":1,"hc":1},{"id":"ilinxa:account-switcher","t":"Account Switcher","d":"Popover account and context switcher — active label trigger, switchable context list, and ","k":"layout","s":"ilinxa","c":"layout/dashboard","vn":2,"hc":1},{"id":"ilinxa:story-composer","t":"Story Composer","d":"Instagram-style story creation surface — a locked 9:16 wrapper around the media editor.","s":"ilinxa","c":"ai-agent/composer","vn":2,"hc":1},{"id":"ilinxa:media-editor","t":"Media Editor","d":"Media capture and edit surface for photo, video, and text — capability dials and an Instag","s":"ilinxa","c":"inputs/textarea","vn":3,"hc":1},{"id":"ilinxa:content-composer","t":"Content Composer","d":"Multi-step content authoring shell — each content type is a JSON config composing form, ri","s":"ilinxa","c":"ai-agent/composer","vn":2,"hc":1},{"id":"ilinxa:carousel-composer","t":"Carousel Composer","d":"Multi-item media post composer — drag in photos and videos, reorder them on a rail, and ed","s":"ilinxa","c":"ai-agent/composer","vn":1,"hc":1},{"id":"ilinxa:media-library","t":"Media Library","d":"Drive-style media library — folders and files, lazy loading, drag-drop upload, drag-to-mov","s":"ilinxa","c":"inputs/file-upload","vn":2,"hc":1},{"id":"ilinxa:blackboard","t":"Blackboard","d":"Chalkboard-style team notes board — handwritten ink notes with pens, widths, pins, @mentio","k":"resource","s":"ilinxa","c":"assets/font","vn":2,"hc":1},{"id":"ilinxa:gantt-timeline","t":"Gantt Timeline","d":"Editable Gantt timeline — per-task bars, collapsible summary rows, milestone diamonds, con","s":"ilinxa","c":"data-display/timeline","vn":2,"hc":1},{"id":"ilinxa:event-calendar","t":"Event Calendar","d":"Editable event calendar with month, week, day, and agenda views — multi-day spans, drag an","s":"ilinxa","c":"data-display/calendar","vn":2,"hc":1},{"id":"ilinxa:team-progress-bar","t":"Team Progress Bar","d":"Read-only team progress bar showing milestone completion — optional ticks and numeric read","s":"ilinxa","c":"data-viz/progress-bar","vn":2,"hc":1},{"id":"ilinxa:team-trophy-shelf","t":"Team Trophy Shelf","d":"Gallery of earned team badges with honest locked slots, an optional count header, and a br","k":"section","s":"ilinxa","c":"marketing/team","vn":2,"hc":1},{"id":"ilinxa:team-feedback-loop","t":"Team Feedback Loop","d":"Non-blocking celebration layer — a brief skippable overlay when team progress advances, pl","k":"section","s":"ilinxa","c":"marketing/team","vn":2,"hc":1},{"id":"ilinxa:team-challenge","t":"Team Challenge","d":"Cooperative team challenge card — one shared goal, collective progress, a whole-team rewar","k":"section","s":"ilinxa","c":"marketing/team","vn":1,"hc":1},{"id":"ilinxa:team-task-claim","t":"Team Task Claim","d":"Task autonomy control — an open-for-anyone toggle, a volunteer claim button, and an assign","k":"section","s":"ilinxa","c":"marketing/team","vn":1,"hc":1},{"id":"ilinxa:team-quest-log","t":"Team Quest Log","d":"Team quest overlay — an editable skippable quest name plus a milestone chapter timeline wi","k":"section","s":"ilinxa","c":"marketing/team","vn":2,"hc":1},{"id":"ilinxa:article-body-01","t":"Rich Text Editor (deprecated alias)","d":"Deprecated alias — renamed to rich-text-editor in the 2026-08 naming canon. Install @ilinx","k":"section","s":"ilinxa","c":"marketing/marketing","sb":"Blog and posts"},{"id":"ilinxa:calendar-01","t":"Event Calendar (deprecated alias)","d":"Deprecated alias — renamed to event-calendar in the 2026-08 naming canon. Install @ilinxa/","s":"ilinxa","c":"data-display/calendar"},{"id":"ilinxa:content-card-news-01","t":"News Card (deprecated alias)","d":"Deprecated alias — renamed to news-card in the 2026-08 naming canon. Install @ilinxa/news-","k":"section","s":"ilinxa","c":"marketing/marketing","sb":"Blog and posts"},{"id":"ilinxa:rich-card","t":"Card Tree (deprecated alias)","d":"Deprecated alias — renamed to card-tree in the 2026-08 naming canon. Install @ilinxa/card-","s":"ilinxa","c":"data-display/card"},{"id":"ilinxa:rich-card-in-flow","t":"Card Tree Node (deprecated alias)","d":"Deprecated alias — renamed to card-tree-node in the 2026-08 naming canon. Install @ilinxa/","s":"ilinxa","c":"data-display/card"},{"id":"ilinxa:thumb-list-01","t":"Thumbnail List (deprecated alias)","d":"Deprecated alias — renamed to thumbnail-list in the 2026-08 naming canon. Install @ilinxa/","s":"ilinxa","c":"data-display/list"},{"id":"ilinxa:todo-rich-card","t":"Task Card (deprecated alias)","d":"Deprecated alias — renamed to task-card in the 2026-08 naming canon. Install @ilinxa/task-","s":"ilinxa","c":"data-display/card"},{"id":"ilinxa:todo-tree","t":"Task Tree (deprecated alias)","d":"Deprecated alias — renamed to task-tree in the 2026-08 naming canon. Install @ilinxa/task-","s":"ilinxa","c":"data-display/tree"},{"id":"ilinxa:filter-stack","t":"Filter Panel (deprecated alias)","d":"Deprecated alias — renamed to filter-panel in the 2026-08 naming canon. Install @ilinxa/fi","s":"ilinxa","c":"data-display/card"},{"id":"ilinxa:registration-form-01","t":"Signup Form (deprecated alias)","d":"Deprecated alias — renamed to signup-form in the 2026-08 naming canon. Install @ilinxa/sig","s":"ilinxa","c":"inputs/form-field","sb":"Whole forms"},{"id":"ilinxa:cooperative-challenge-01","t":"Team Challenge (deprecated alias)","d":"Deprecated alias — renamed to team-challenge in the 2026-08 naming canon. Install @ilinxa/","k":"section","s":"ilinxa","c":"marketing/team"},{"id":"ilinxa:task-choice-control-01","t":"Team Task Claim (deprecated alias)","d":"Deprecated alias — renamed to team-task-claim in the 2026-08 naming canon. Install @ilinxa","k":"section","s":"ilinxa","c":"marketing/team"},{"id":"ilinxa:grid-layout-news-01","t":"Magazine Layout (deprecated alias)","d":"Deprecated alias — renamed to magazine-layout in the 2026-08 naming canon. Install @ilinxa","k":"section","s":"ilinxa","c":"marketing/marketing","sb":"Blog and posts"},{"id":"ilinxa:workspace","t":"Split Workspace (deprecated alias)","d":"Deprecated alias — renamed to split-workspace in the 2026-08 naming canon. Install @ilinxa","k":"section","s":"ilinxa","c":"marketing/marketing","sb":"Portfolio"},{"id":"ilinxa:newsletter-card-01","t":"Newsletter Signup (deprecated alias)","d":"Deprecated alias — renamed to newsletter-signup in the 2026-08 naming canon. Install @ilin","k":"section","s":"ilinxa","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"ilinxa:media-carousel-editor-01","t":"Carousel Composer (deprecated alias)","d":"Deprecated alias — renamed to carousel-composer in the 2026-08 naming canon. Install @ilin","s":"ilinxa","c":"ai-agent/composer"},{"id":"ilinxa:rich-sidebar","t":"App Sidebar (deprecated alias)","d":"Deprecated alias — renamed to app-sidebar in the 2026-08 naming canon. Install @ilinxa/app","s":"ilinxa","c":"navigation/sidebar"},{"id":"indiacn:theme","t":"IndiaCN UX4G theme","d":"UX4G 2.0 design tokens — 8 semantic colors with 50–900 scales, focus-shadow utilities, rad","k":"theme","s":"indiacn","c":"themes/theme"},{"id":"indiacn:typography","t":"Typography","d":"21 typography components: 6 Display, 6 Headline, 3 Title, 3 Label, 3 Body. Required by eve","s":"indiacn","c":"data-display/typography","hc":1},{"id":"indiacn:button","t":"Button","d":"Versatile button with filled/outlined/tonal/text variants, primary/success/destructive the","s":"indiacn","c":"actions/button","vn":1,"hc":1},{"id":"indiacn:badge","t":"Badge","d":"Compact label for status, counts, or categories. 9 themes × 3 variants × 3 sizes × 2 shape","s":"indiacn","c":"data-display/badge","hc":1},{"id":"indiacn:alert","t":"Alert","d":"Contextual feedback message. 8 themes (primary, secondary, success, danger, warning, info,","s":"indiacn","c":"overlays/alert-banner","hc":1},{"id":"indiacn:accordion","t":"Accordion","d":"Vertically-stacked collapsible sections. Built on Radix Accordion primitive.","s":"indiacn","c":"data-display/accordion","hc":1},{"id":"indiacn:breadcrumb","t":"Breadcrumb","d":"Navigation trail showing the current page's hierarchy.","s":"indiacn","c":"navigation/breadcrumb","hc":1},{"id":"indiacn:card","t":"Card","d":"Composable container with header, content, footer, image, title, and description sub-parts","s":"indiacn","c":"data-display/card","hc":1},{"id":"indiacn:chip","t":"Chip","d":"Tags, filters, or selections. 7 themes × 3 variants × 3 sizes; supports icons, avatars, di","s":"indiacn","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"indiacn:collapse","t":"Collapse","d":"Single collapsible region powered by Radix Collapsible.","s":"indiacn","c":"data-display/accordion","hc":1},{"id":"indiacn:dropdown","t":"Dropdown","d":"Dropdown menu with items, checkbox/radio items, sub-menus, separators, and shortcuts.","s":"indiacn","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"indiacn:list-group","t":"List Group","d":"Vertical list with optional flush, horizontal, and contextual-color variants.","s":"indiacn","c":"data-display/list","hc":1},{"id":"indiacn:modal","t":"Modal","d":"Dialog with sm/md/lg/xl/fullscreen sizes and optional scrollable body.","s":"indiacn","c":"overlays/dialog","hc":1},{"id":"indiacn:offcanvas","t":"Offcanvas","d":"Slide-in panel from any side with optional body-scroll mode.","s":"indiacn","c":"data-display/card","hc":1},{"id":"indiacn:pagination","t":"Pagination","d":"Page navigation with default and flat variants in 3 sizes.","s":"indiacn","c":"navigation/pagination","hc":1},{"id":"indiacn:popover","t":"Popover","d":"Anchored floating panel powered by Radix Popover.","s":"indiacn","c":"overlays/popover","hc":1},{"id":"indiacn:progress","t":"Progress","d":"Linear progress bar with theme colors, sizes, striped + animated stripes.","s":"indiacn","c":"data-viz/progress-bar","hc":1},{"id":"indiacn:search","t":"Search","d":"Search input with icon, sizes, and optional clear button.","s":"indiacn","c":"inputs/search","hc":1},{"id":"indiacn:separator","t":"Separator","d":"Horizontal or vertical divider built on Radix Separator.","k":"layout","s":"indiacn","c":"layout/page-shell","hc":1},{"id":"indiacn:skeleton","t":"Skeleton","d":"Loading placeholder with rect/circle/pill/text shapes and pulse/wave animations.","s":"indiacn","c":"status/skeleton","hc":1},{"id":"indiacn:spinner","t":"Spinner","d":"Loading indicator with border/grow variants, theme colors, and sm/md/lg sizes.","s":"indiacn","c":"status/loader","sb":"Spinners","hc":1},{"id":"indiacn:stepper","t":"Stepper","d":"Step indicator for multi-step flows with horizontal/vertical orientation and completed/act","s":"indiacn","c":"navigation/wizard-steps","hc":1},{"id":"indiacn:tabs","t":"Tabs","d":"Tab list with tabs, pills, and underline variants. Built on Radix Tabs.","s":"indiacn","c":"navigation/tabs","hc":1},{"id":"indiacn:toast","t":"Toast","d":"Notification toast with provider, hook, container, and theme variants.","s":"indiacn","c":"overlays/toast","hc":1},{"id":"indiacn:tooltip","t":"Tooltip","d":"Hover/focus tooltip with 8 theme variants. Built on Radix Tooltip.","s":"indiacn","c":"overlays/tooltip","hc":1},{"id":"indiacn:label","t":"Label","d":"Accessible caption for a form control. Built on Radix Label.","s":"indiacn","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"indiacn:checkbox","t":"Checkbox","d":"Tri-state checkbox with checked, indeterminate, and unchecked types across five states. Bu","s":"indiacn","c":"inputs/checkbox","hc":1},{"id":"indiacn:radio-group","t":"Radio Group","d":"Mutually exclusive options with a 40px state layer and AA focus ring. Built on Radix Radio","s":"indiacn","c":"inputs/radio","hc":1},{"id":"indiacn:switch","t":"Switch","d":"On/off toggle in default and small sizes; the handle grows on check per UX4G. Built on Rad","s":"indiacn","c":"actions/switch","hc":1},{"id":"indiacn:indicator","t":"Indicator","d":"Notification dot, count, or short status label. UX4G's Badge component.","s":"indiacn","c":"overlays/notifications","hc":1},{"id":"indiacn:avatar","t":"Avatar","d":"Person or entity avatar with picture, initials, or icon fallback. Four sizes, circular or ","s":"indiacn","c":"data-display/avatar","hc":1},{"id":"indiacn:empty-state","t":"Empty State","d":"Centred placeholder for empty lists and panels, with a themable UX4G illustration.","s":"indiacn","c":"data-display/empty-state","hc":1},{"id":"indiacn:input","t":"Input","d":"Text field with sizes, validation states, leading icon and clear button.","s":"indiacn","c":"inputs/form-field","hc":1},{"id":"indiacn:textarea","t":"Textarea","d":"Multi-line text field with validation states and a character counter.","s":"indiacn","c":"inputs/textarea","hc":1},{"id":"indiacn:close-button","t":"Close Button","d":"Dismiss control for modals, toasts and panels, with a guaranteed accessible name.","s":"indiacn","c":"actions/button","hc":1},{"id":"indiacn:progress-circle","t":"Progress Circle","d":"Circular and half-circular progress indicator with an optional caption.","s":"indiacn","c":"data-viz/progress-bar","hc":1},{"id":"indiacn:carousel","t":"Carousel","d":"Slideshow with bar indicators, keyboard navigation and an accessible pause control.","s":"indiacn","c":"media/carousel","hc":1},{"id":"indiacn:accessibility-widget","t":"Accessibility Widget","d":"Floating panel of reading adjustments that apply to the whole document and persist.","s":"indiacn","c":"data-display/card","hc":1},{"id":"indiacn:navbar","t":"Navbar","d":"Government website header with a utility bar, brand, navigation and actions.","s":"indiacn","c":"navigation/top-nav","hc":1},{"id":"indiacn:chart","t":"Chart","d":"Chart.js charts with UX4G presentation defaults and a screen-reader data table.","s":"indiacn","c":"data-viz/chart","hc":1},{"id":"indiacn:table","t":"Table","d":"Data table with a header, selectable rows, row headers and a footer.","s":"indiacn","c":"data-display/table","hc":1},{"id":"indiacn:footer","t":"Footer","d":"Government site footer with link columns, social links and a bottom bar.","k":"section","s":"indiacn","c":"marketing/footer","hc":1},{"id":"indiacn:feedback-widget","t":"Feedback Widget","d":"Edge tab opening a feedback form with a five-point rating.","s":"indiacn","c":"inputs/rating","hc":1},{"id":"indiacn:calendar","t":"Calendar","d":"Date grid with day, month and decade views and full keyboard support.","s":"indiacn","c":"data-display/calendar","hc":1},{"id":"indiacn:time-picker","t":"Time Picker","d":"Hour, minute and second columns driven as listboxes.","s":"indiacn","c":"inputs/time-picker","hc":1},{"id":"indiacn:date-picker","t":"Date Picker","d":"Date, range, time and date-time pickers behind a field or icon trigger.","s":"indiacn","c":"inputs/date-picker","hc":1},{"id":"indiacn:slider","t":"Slider","d":"Single or range slider with optional value labels.","s":"indiacn","c":"inputs/slider","hc":1},{"id":"inferencesh:agent","t":"Agent Chat","d":"Full-featured AI agent chat with state management, tools, and widgets.","s":"inferencesh","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"inferencesh:chat","t":"Chat UI Primitives","d":"Virtualized chat with measured markdown. Auto-scroll, message strategies, typing indicator","s":"inferencesh","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"inferencesh:tools","t":"Tool Invocation UI","d":"Displays tool lifecycle: pending, in-progress, approval, and results.","s":"inferencesh","c":"data-viz/progress-bar","hc":1},{"id":"inferencesh:task","t":"Task","d":"Real-time task display with streaming support, status indicators, and logs viewer.","k":"section","s":"inferencesh","c":"marketing/marketing","hc":1},{"id":"inferencesh:widgets","t":"Widget Renderer","d":"Renders declarative UI nodes (forms, buttons, cards) from agent tool outputs.","s":"inferencesh","c":"data-display/card","hc":1},{"id":"inferencesh:pretext-md","t":"Pretext md","d":"Measured markdown renderer powered by pretext. DOM-free text measurement, plugin architect","k":"motion","s":"inferencesh","c":"motion/text-effect","hc":1},{"id":"inferencesh:virtualize","t":"Virtualize","d":"Typed virtualization with measurement strategies, incremental caching, and scroll correcti","k":"layout","s":"inferencesh","c":"layout/scroll-area","hc":1},{"id":"inferencesh:markdown","t":"Markdown Renderer (legacy)","d":"react-markdown based renderer. Consider using pretext-md instead.","k":"section","s":"inferencesh","c":"marketing/marketing","hc":1},{"id":"inferencesh:code-block","t":"Code Block","d":"Syntax-highlighted code block with line numbers and copy button.","s":"inferencesh","c":"data-display/code-block","hc":1},{"id":"inferencesh:youtube-embed","t":"YouTube Embed","d":"Responsive YouTube video embed with loading state.","s":"inferencesh","c":"status/loader","hc":1},{"id":"inferencesh:zoomable-image","t":"Zoomable Image","d":"Click-to-zoom image component with medium.com-style lightbox.","s":"inferencesh","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"inferencesh:steps","t":"Steps","d":"Numbered step component with connecting line for sequential instructions.","s":"inferencesh","c":"navigation/wizard-steps","hc":1},{"id":"inferencesh:sidebar-light","t":"Sidebar Light","d":"Lightweight sidebar navigation with nested items and active state.","s":"inferencesh","c":"navigation/sidebar","hc":1},{"id":"inferencesh:table-of-contents","t":"Table of Contents","d":"Auto-scrolling table of contents with intersection observer for active section.","s":"inferencesh","c":"navigation/table-of-contents","hc":1},{"id":"initium:initium-styles","t":"Initium Styles","d":"Initium layout utilities, typography classes, and infinite-scroll animation for landing pa","k":"theme","s":"initium","c":"themes/style"},{"id":"initium:typeset","t":"Typeset","d":"Shadcn typeset stylesheet that styles rich text article bodies. Import it after Tailwind i","k":"lib","s":"initium","c":"lib/utility","fw":"CSS","hc":1},{"id":"initium:initium-agent","t":"Initium Agent","d":"Portable agent workflow for building conversion-focused websites with Initium styles, stra","k":"lib","s":"initium","c":"lib/utility"},{"id":"initium:media","t":"Media","d":"Custom UI component (media) required by Initium sections.","s":"initium","c":"other/other","hc":1},{"id":"initium:button-default","t":"Button Default","d":"Button Default button component that installs as the default shadcn button.","s":"initium","c":"actions/button","hc":1},{"id":"initium:button-bold","t":"Button Bold","d":"Button Bold button component that installs as the default shadcn button.","s":"initium","c":"actions/button","hc":1},{"id":"initium:button-3d","t":"Button 3d","d":"Button 3d button component that installs as the default shadcn button.","s":"initium","c":"actions/button","tg":["3d"],"sb":"Animated","sy":["3d"],"hc":1},{"id":"initium:button-gradient","t":"Button Gradient","d":"Button Gradient button component that installs as the default shadcn button.","s":"initium","c":"actions/button","tg":["gradient"],"sb":"Animated","sy":["gradient"],"hc":1},{"id":"initium:button-shadow","t":"Button Shadow","d":"Button Shadow button component that installs as the default shadcn button.","s":"initium","c":"actions/button","hc":1},{"id":"initium:button-clipped","t":"Button Clipped","d":"Button Clipped button component that installs as the default shadcn button.","s":"initium","c":"actions/button","hc":1},{"id":"initium:button-strong-outline","t":"Button Strong Outline","d":"Button Strong Outline button component that installs as the default shadcn button.","s":"initium","c":"actions/button","hc":1},{"id":"initium:button-bold-skewed","t":"Button Bold Skewed","d":"Button Bold Skewed button component that installs as the default shadcn button.","s":"initium","c":"actions/button","hc":1},{"id":"initium:form-elements-default","t":"Form Elements Default","d":"Form Elements Default style pack that installs as the default shadcn form controls.","s":"initium","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"initium:form-elements-bold","t":"Form Elements Bold","d":"Form Elements Bold style pack that installs as the default shadcn form controls.","s":"initium","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"initium:form-elements-outline","t":"Form Elements Outline","d":"Form Elements Outline style pack that installs as the default shadcn form controls.","s":"initium","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"initium:form-elements-strong-outline","t":"Form Elements Strong Outline","d":"Form Elements Strong Outline style pack that installs as the default shadcn form controls.","s":"initium","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"initium:form-elements-shadow","t":"Form Elements Shadow","d":"Form Elements Shadow style pack that installs as the default shadcn form controls.","s":"initium","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"initium:form-elements-neutral","t":"Form Elements Neutral","d":"Form Elements Neutral style pack that installs as the default shadcn form controls.","s":"initium","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"initium:form-elements-bold-skewed","t":"Form Elements Bold Skewed","d":"Form Elements Bold Skewed style pack that installs as the default shadcn form controls.","s":"initium","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"initium:form-elements-underline","t":"Form Elements Underline","d":"Form Elements Underline style pack that installs as the default shadcn form controls.","s":"initium","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"initium:button-showcase","t":"Button Showcase","d":"Button section with background contrast section.","s":"initium","c":"actions/button","hc":1},{"id":"initium:form-elements-showcase","t":"Form Elements Showcase","d":"Form element section with form fields, textarea, checkboxes, select inputs, two-column lay","s":"initium","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"initium:404-section-1","t":"404 Section #1","d":"404 page section 1 with 404 messaging, centered content, background contrast section.","k":"page","s":"initium","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"initium:404-section-2","t":"404 Section #2","d":"404 page section 2 with media, two-column layout, 404 messaging, primary and secondary CTA","k":"section","s":"initium","c":"marketing/cta"},{"id":"initium:404-section-3","t":"404 Section #3","d":"404 page section 3 with media, two-column layout, 404 messaging, centered content, backgro","k":"page","s":"initium","c":"pages/templates","sb":"Error and status pages"},{"id":"initium:banner-1","t":"Banner #1","d":"Announcement banner section 1 with centered content, sidebar layout.","s":"initium","c":"overlays/alert-banner","hc":1},{"id":"initium:banner-2","t":"Banner #2","d":"Announcement banner section 2 with sidebar layout.","s":"initium","c":"overlays/alert-banner"},{"id":"initium:banner-3","t":"Banner #3","d":"Announcement banner section 3 with centered content, reversed column order, sidebar layout","s":"initium","c":"overlays/alert-banner"},{"id":"initium:banner-4","t":"Banner #4","d":"Announcement banner section 4 with rounded visuals, sidebar layout.","s":"initium","c":"overlays/alert-banner"},{"id":"initium:banner-5","t":"Banner #5","d":"Announcement banner section 5 with avatars, customer quotes, rounded visuals, reversed col","s":"initium","c":"overlays/alert-banner"},{"id":"initium:banner-6","t":"Banner #6","d":"Announcement banner section 6 with sidebar layout.","s":"initium","c":"overlays/alert-banner"},{"id":"initium:bento-grid-1","t":"Bento Grid #1","d":"Bento grid section 1 with cards, media, two-column layout, three-column grid, bento-style ","k":"layout","s":"initium","c":"layout/bento-grid","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"initium:bento-grid-2","t":"Bento Grid #2","d":"Bento grid section 2 with cards, media, three-column grid, bento-style grid, centered cont","k":"layout","s":"initium","c":"layout/bento-grid","tg":["webgl"],"sy":["webgl"]},{"id":"initium:bento-grid-3","t":"Bento Grid #3","d":"Bento grid section 3 with cards, media, bento-style grid, centered content, background con","k":"layout","s":"initium","c":"layout/bento-grid"},{"id":"initium:bento-grid-4","t":"Bento Grid #4","d":"Bento grid section 4 with cards, media, two-column layout, bento-style grid, centered cont","k":"layout","s":"initium","c":"layout/bento-grid"},{"id":"initium:bento-grid-5","t":"Bento Grid #5","d":"Bento grid section 5 with cards, media, two-column layout, bento-style grid, centered cont","k":"layout","s":"initium","c":"layout/bento-grid"},{"id":"initium:bento-grid-6","t":"Bento Grid #6","d":"Bento grid section 6 with cards, media, three-column grid, bento-style grid, centered cont","k":"layout","s":"initium","c":"layout/bento-grid","tg":["webgl"],"sy":["webgl"]},{"id":"initium:blog-section-1","t":"Blog Section #1","d":"Blog posts section 1 with media, three-column grid, centered content, background contrast ","k":"section","s":"initium","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"],"hc":1},{"id":"initium:blog-section-2","t":"Blog Section #2","d":"Blog posts section 2 with avatars, cards, three-column grid, background contrast section.","k":"section","s":"initium","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"initium:blog-section-3","t":"Blog Section #3","d":"Blog posts section 3 with cards, media, three-column grid, background contrast section, vi","k":"section","s":"initium","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"initium:blog-section-4","t":"Blog Section #4","d":"Blog posts section 4 with cards, media, two-column layout, bento-style grid, background co","k":"section","s":"initium","c":"marketing/marketing","sb":"Blog and posts"},{"id":"initium:blog-section-5","t":"Blog Section #5","d":"Blog posts section 5 with avatars, media, background contrast section.","k":"section","s":"initium","c":"marketing/marketing","sb":"Blog and posts"},{"id":"initium:blog-section-6","t":"Blog Section #6","d":"Blog posts section 6 with cards, media, bento-style grid, background contrast section, vid","k":"section","s":"initium","c":"marketing/marketing","sb":"Blog and posts"},{"id":"initium:blog-section-7","t":"Blog Section #7","d":"Blog posts section 7 with avatars, cards, media, two-column layout, three-column grid.","k":"section","s":"initium","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"initium:blog-section-8","t":"Blog Section #8","d":"Blog posts section 8 with select inputs, avatars, media, two-column layout, background con","k":"section","s":"initium","c":"marketing/marketing","sb":"Blog and posts"},{"id":"initium:career-section-1","t":"Career Section #1","d":"Career sections section 1 with tabbed content, centered content, background contrast secti","k":"section","s":"initium","c":"marketing/marketing","sb":"Careers","hc":1},{"id":"initium:career-section-2","t":"Career Section #2","d":"Career sections section 2 with centered content, background contrast section, rounded visu","k":"section","s":"initium","c":"marketing/marketing","sb":"Careers"},{"id":"initium:career-section-3","t":"Career Section #3","d":"Career sections section 3 with accordion FAQ, select inputs, centered content, background ","k":"section","s":"initium","c":"marketing/faq"},{"id":"initium:career-section-4","t":"Career Section #4","d":"Career sections section 4 with comparison table, background contrast section.","k":"section","s":"initium","c":"marketing/comparison"},{"id":"initium:coming-soon-section-1","t":"Coming Soon Section 1","d":"Coming soon page section 1 with form fields, centered content, background contrast section","k":"page","s":"initium","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"initium:coming-soon-section-2","t":"Coming Soon Section 2","d":"Coming soon page section 2 with form fields, centered content, background contrast section","k":"page","s":"initium","c":"pages/templates","sb":"Error and status pages"},{"id":"initium:coming-soon-section-3","t":"Coming Soon Section 3","d":"Coming soon page section 3 with media, primary and secondary CTAs, background contrast sec","k":"section","s":"initium","c":"marketing/cta"},{"id":"initium:coming-soon-section-4","t":"Coming Soon Section 4","d":"Coming soon page section 4 with form fields, media, centered content, background contrast ","k":"page","s":"initium","c":"pages/templates","sb":"Error and status pages"},{"id":"initium:coming-soon-section-5","t":"Coming Soon Section 5","d":"Coming soon page section 5 with form fields, centered content, background contrast section","k":"page","s":"initium","c":"pages/templates","tg":["minimal"],"sb":"Error and status pages","sy":["minimal"]},{"id":"initium:countdown-timer","t":"Countdown Timer","d":"Coming soon page section with rounded visuals.","k":"motion","s":"initium","c":"motion/number-ticker","hc":1},{"id":"initium:comparison-section-1","t":"Comparison Section 1","d":"Feature comparison section 1 with comparison table, two-column layout, centered content, b","k":"section","s":"initium","c":"marketing/features","sb":"Comparison","hc":1},{"id":"initium:comparison-section-2","t":"Comparison Section 2","d":"Feature comparison section 2 with comparison table, three-column grid, centered content, b","k":"section","s":"initium","c":"marketing/features","tg":["webgl"],"sb":"Comparison","sy":["webgl"]},{"id":"initium:comparison-section-3","t":"Comparison Section 3","d":"Feature comparison section 3 with cards, two-column layout, feature checklist, brand logo ","k":"section","s":"initium","c":"marketing/features","sb":"Comparison"},{"id":"initium:comparison-section-4","t":"Comparison Section 4","d":"Feature comparison section 4 with cards, three-column grid, feature checklist, brand logo ","k":"section","s":"initium","c":"marketing/features","tg":["webgl"],"sb":"Comparison","sy":["webgl"]},{"id":"initium:comparison-section-5","t":"Comparison Section 5","d":"Feature comparison section 5 with comparison table, two-column layout, bento-style grid, b","k":"section","s":"initium","c":"marketing/features","sb":"Comparison"},{"id":"initium:comparison-section-6","t":"Comparison Section 6","d":"Feature comparison section 6 with media, two-column layout, three-column grid, bento-style","k":"section","s":"initium","c":"marketing/features","tg":["webgl"],"sb":"Comparison","sy":["webgl"]},{"id":"initium:contact-section-1","t":"Contact Section 1","d":"Contact section 1 with form fields, textarea, checkboxes, centered content, background con","k":"section","s":"initium","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"initium:contact-section-2","t":"Contact Section 2","d":"Contact section 2 with media, two-column layout, background contrast section.","k":"section","s":"initium","c":"marketing/marketing","sb":"Contact"},{"id":"initium:contact-section-3","t":"Contact Section 3","d":"Contact section 3 with media, background contrast section.","k":"section","s":"initium","c":"marketing/marketing","sb":"Contact"},{"id":"initium:contact-section-4","t":"Contact Section 4","d":"Contact section 4 with form fields, textarea, checkboxes, media, background contrast secti","k":"section","s":"initium","c":"marketing/marketing","sb":"Contact"},{"id":"initium:contact-section-5","t":"Contact Section 5","d":"Contact section 5 with media, background contrast section, reversed column order.","k":"section","s":"initium","c":"marketing/marketing","sb":"Contact"},{"id":"initium:contact-section-6","t":"Contact Section 6","d":"Contact section 6 with form fields, textarea, checkboxes, background contrast section.","k":"section","s":"initium","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"]},{"id":"initium:contact-section-7","t":"Contact Section 7","d":"Contact section 7 with media, three-column grid, background contrast section.","k":"section","s":"initium","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"initium:contact-section-8","t":"Contact Section 8","d":"Contact section 8 with form fields, checkboxes, two-column layout, feature checklist, bran","k":"section","s":"initium","c":"marketing/features"},{"id":"initium:contact-section-9","t":"Contact Section 9","d":"Contact section 9 with form fields, textarea, checkboxes, media, two-column layout.","k":"section","s":"initium","c":"marketing/marketing","sb":"Contact"},{"id":"initium:cta-section-1","t":"Cta Section #1","d":"Call-to-action section 1 with primary and secondary CTAs, centered content, background con","k":"section","s":"initium","c":"marketing/cta","hc":1},{"id":"initium:cta-section-10","t":"Cta Section #10","d":"Call-to-action section 10 with form fields, media, centered content, background contrast s","k":"section","s":"initium","c":"marketing/cta"},{"id":"initium:cta-section-2","t":"Cta Section #2","d":"Call-to-action section 2 with primary and secondary CTAs, centered content, background con","k":"section","s":"initium","c":"marketing/cta"},{"id":"initium:cta-section-3","t":"Cta Section #3","d":"Call-to-action section 3 with media, primary and secondary CTAs, centered content, backgro","k":"section","s":"initium","c":"marketing/cta"},{"id":"initium:cta-section-4","t":"Cta Section #4","d":"Call-to-action section 4 with form fields, media, background contrast section, video aspec","k":"section","s":"initium","c":"marketing/cta"},{"id":"initium:cta-section-5","t":"Cta Section #5","d":"Call-to-action section 5 with media, primary and secondary CTAs, centered content, backgro","k":"section","s":"initium","c":"marketing/cta"},{"id":"initium:cta-section-6","t":"Cta Section #6","d":"Call-to-action section 6 with primary and secondary CTAs, centered content, background con","k":"section","s":"initium","c":"marketing/cta"},{"id":"initium:cta-section-7","t":"Cta Section #7","d":"Call-to-action section 7 with primary and secondary CTAs, centered content, background con","k":"section","s":"initium","c":"marketing/cta"},{"id":"initium:cta-section-8","t":"Cta Section #8","d":"Call-to-action section 8 with form fields, centered content, background contrast section.","k":"section","s":"initium","c":"marketing/cta"},{"id":"initium:cta-section-9","t":"Cta Section #9","d":"Call-to-action section 9 with form fields, centered content, background contrast section.","k":"section","s":"initium","c":"marketing/cta"},{"id":"initium:empty-lp-section-1","t":"Empty Lp Section 1","d":"Empty state section 1 with centered content, background contrast section.","k":"motion","s":"initium","c":"motion/background","hc":1},{"id":"initium:empty-lp-section-2","t":"Empty Lp Section 2","d":"Empty state section 2 with centered content, background contrast section.","k":"motion","s":"initium","c":"motion/background"},{"id":"initium:empty-lp-section-3","t":"Empty Lp Section 3","d":"Empty state section 3 with centered content, background contrast section.","k":"motion","s":"initium","c":"motion/background"},{"id":"initium:empty-lp-section-4","t":"Empty Lp Section 4","d":"Empty state section 4 with centered content, background contrast section.","k":"motion","s":"initium","c":"motion/background"},{"id":"initium:empty-lp-section-5","t":"Empty Lp Section 5","d":"Empty state section 5 with two-column layout, centered content, background contrast sectio","k":"motion","s":"initium","c":"motion/background"},{"id":"initium:faq-section-1","t":"Faq Section #1","d":"FAQ section 1 with accordion FAQ, centered content, background contrast section.","k":"section","s":"initium","c":"marketing/faq","hc":1},{"id":"initium:faq-section-2","t":"Faq Section #2","d":"FAQ section 2 with accordion FAQ, two-column layout, background contrast section.","k":"section","s":"initium","c":"marketing/faq"},{"id":"initium:faq-section-3","t":"Faq Section #3","d":"FAQ section 3 with two-column layout, centered content, background contrast section.","k":"section","s":"initium","c":"marketing/faq"},{"id":"initium:faq-section-4","t":"Faq Section #4","d":"FAQ section 4 with centered content, background contrast section.","k":"section","s":"initium","c":"marketing/faq"},{"id":"initium:faq-section-5","t":"Faq Section #5","d":"FAQ section 5 with accordion FAQ, tabbed content, site links and legal, centered content, ","k":"section","s":"initium","c":"marketing/faq"},{"id":"initium:faq-section-6","t":"Faq Section #6","d":"FAQ section 6 with accordion FAQ, tabbed content, select inputs, background contrast secti","k":"section","s":"initium","c":"marketing/faq"},{"id":"initium:feature-section-1","t":"Feature Section 1","d":"Features section 1 with media, two-column layout, primary and secondary CTAs, background c","k":"section","s":"initium","c":"marketing/features","hc":1},{"id":"initium:feature-section-10","t":"Feature Section 10","d":"Features section 10 with media, three-column grid, background contrast section.","k":"section","s":"initium","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"initium:feature-section-11","t":"Feature Section 11","d":"Features section 11 with media, three-column grid, centered content, background contrast s","k":"section","s":"initium","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"initium:feature-section-12","t":"Feature Section 12","d":"Features section 12 with avatars, media, two-column layout, customer quotes, primary and s","k":"section","s":"initium","c":"marketing/features"},{"id":"initium:feature-section-13","t":"Feature Section 13","d":"Features section 13 with two-column layout, bento-style grid, feature checklist, backgroun","k":"section","s":"initium","c":"marketing/features"},{"id":"initium:feature-section-14","t":"Feature Section 14","d":"Features section 14 with media, three-column grid, centered content, background contrast s","k":"section","s":"initium","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"initium:feature-section-15","t":"Feature Section 15","d":"Features section 15 with media, two-column layout, background contrast section, video aspe","k":"section","s":"initium","c":"marketing/features"},{"id":"initium:feature-section-16","t":"Feature Section 16","d":"Features section 16 with tabbed content, media, centered content, background contrast sect","k":"section","s":"initium","c":"marketing/features"},{"id":"initium:feature-section-17","t":"Feature Section 17","d":"Features section 17 with tabbed content, media, two-column layout, centered content, backg","k":"section","s":"initium","c":"marketing/features"},{"id":"initium:feature-section-18","t":"Feature Section 18","d":"Features section 18 with tabbed content, feature checklist, background contrast section.","k":"section","s":"initium","c":"marketing/features"},{"id":"initium:feature-section-19","t":"Feature Section 19","d":"Features section 19 with tabbed content, cards, media, two-column layout, three-column gri","k":"section","s":"initium","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"initium:feature-section-2","t":"Feature Section 2","d":"Features section 2 with media, two-column layout, primary and secondary CTAs, background c","k":"section","s":"initium","c":"marketing/features"},{"id":"initium:feature-section-20","t":"Feature Section 20","d":"Features section 20 with accordion FAQ, tabbed content, media, two-column layout, centered","k":"section","s":"initium","c":"marketing/features"},{"id":"initium:feature-section-21","t":"Feature Section 21","d":"Features section 21 with carousel, media, background contrast section, video aspect media.","k":"section","s":"initium","c":"marketing/features"},{"id":"initium:feature-section-22","t":"Feature Section 22","d":"Features section 22 with media, background contrast section, video aspect media.","k":"section","s":"initium","c":"marketing/features"},{"id":"initium:feature-section-23","t":"Feature Section 23","d":"Features section 23 with tabbed content, media, two-column layout, centered content, backg","k":"section","s":"initium","c":"marketing/features"},{"id":"initium:feature-section-3","t":"Feature Section 3","d":"Features section 3 with media, two-column layout, background contrast section, video aspec","k":"section","s":"initium","c":"marketing/features"},{"id":"initium:feature-section-4","t":"Feature Section 4","d":"Features section 4 with media, two-column layout, primary and secondary CTAs, background c","k":"section","s":"initium","c":"marketing/features"},{"id":"initium:feature-section-5","t":"Feature Section 5","d":"Features section 5 with media, two-column layout, background contrast section, video aspec","k":"section","s":"initium","c":"marketing/features"},{"id":"initium:feature-section-6","t":"Feature Section 6","d":"Features section 6 with media, two-column layout, primary and secondary CTAs, background c","k":"section","s":"initium","c":"marketing/features"},{"id":"initium:feature-section-7","t":"Feature Section 7","d":"Features section 7 with media, primary and secondary CTAs, background contrast section, vi","k":"section","s":"initium","c":"marketing/features"},{"id":"initium:feature-section-8","t":"Feature Section 8","d":"Features section 8 with media, two-column layout, primary and secondary CTAs, background c","k":"section","s":"initium","c":"marketing/features"},{"id":"initium:feature-section-9","t":"Feature Section 9","d":"Features section 9 with media, two-column layout, centered content, background contrast se","k":"section","s":"initium","c":"marketing/features"},{"id":"initium:footer-1","t":"Footer #1","d":"Footer section 1 with site links and legal, centered content, reversed flex direction.","k":"section","s":"initium","c":"marketing/footer","hc":1},{"id":"initium:footer-2","t":"Footer #2","d":"Footer section 2 with form fields, site links and legal, centered content, reversed column","k":"section","s":"initium","c":"marketing/footer"},{"id":"initium:footer-3","t":"Footer #3","d":"Footer section 3 with site links and legal, centered content, rounded visuals, reversed co","k":"section","s":"initium","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"initium:footer-4","t":"Footer #4","d":"Footer section 4 with site links and legal, centered content, reversed column order.","k":"section","s":"initium","c":"marketing/footer"},{"id":"initium:footer-5","t":"Footer #5","d":"Footer section 5 with site links and legal, centered content, reversed column order.","k":"section","s":"initium","c":"marketing/footer"},{"id":"initium:footer-6","t":"Footer #6","d":"Footer section 6 with bento-style grid, site links and legal, centered content, reversed c","k":"section","s":"initium","c":"marketing/footer"},{"id":"initium:footer-7","t":"Footer #7","d":"Footer section 7 with bento-style grid, site links and legal, centered content, reversed c","k":"section","s":"initium","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"initium:footer-8","t":"Footer #8","d":"Footer section 8 with form fields, bento-style grid, site links and legal, centered conten","k":"section","s":"initium","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"initium:footer-9","t":"Footer #9","d":"Footer section 9 with site links and legal, centered content, reversed column order.","k":"section","s":"initium","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"initium:gallery-section-1","t":"Gallery Section 1","d":"Image gallery section 1 with media, centered content, background contrast section, video a","s":"initium","c":"media/gallery","hc":1},{"id":"initium:gallery-section-10","t":"Gallery Section 10","d":"Image gallery section 10 with carousel, media, centered content, background contrast secti","s":"initium","c":"media/gallery"},{"id":"initium:gallery-section-11","t":"Gallery Section 11","d":"Image gallery section 11 with carousel, media, two-column layout, centered content, backgr","s":"initium","c":"media/gallery"},{"id":"initium:gallery-section-12","t":"Gallery Section 12","d":"Image gallery section 12 with media, centered content, background contrast section, video ","s":"initium","c":"media/gallery"},{"id":"initium:gallery-section-2","t":"Gallery Section 2","d":"Image gallery section 2 with media, two-column layout, centered content, background contra","s":"initium","c":"media/gallery"},{"id":"initium:gallery-section-3","t":"Gallery Section 3","d":"Image gallery section 3 with media, three-column grid, centered content, background contra","s":"initium","c":"media/gallery","tg":["webgl"],"sy":["webgl"]},{"id":"initium:gallery-section-4","t":"Gallery Section 4","d":"Image gallery section 4 with media, two-column layout, centered content, background contra","s":"initium","c":"media/gallery"},{"id":"initium:gallery-section-5","t":"Gallery Section 5","d":"Image gallery section 5 with media, two-column layout, three-column grid, bento-style grid","s":"initium","c":"media/gallery","tg":["webgl"],"sy":["webgl"]},{"id":"initium:gallery-section-6","t":"Gallery Section 6","d":"Image gallery section 6 with media, two-column layout, three-column grid, centered content","s":"initium","c":"media/gallery","tg":["webgl"],"sy":["webgl"]},{"id":"initium:gallery-section-7","t":"Gallery Section 7","d":"Image gallery section 7 with carousel, media, centered content, background contrast sectio","s":"initium","c":"media/gallery"},{"id":"initium:gallery-section-8","t":"Gallery Section 8","d":"Image gallery section 8 with carousel, media, centered content, background contrast sectio","s":"initium","c":"media/gallery"},{"id":"initium:gallery-section-9","t":"Gallery Section 9","d":"Image gallery section 9 with carousel, media, centered content, background contrast sectio","s":"initium","c":"media/gallery"},{"id":"initium:header-section-1","t":"Header Section #1","d":"Page header section 1 with centered content, background contrast section.","k":"section","s":"initium","c":"marketing/hero","hc":1},{"id":"initium:header-section-10","t":"Header Section #10","d":"Page header section 10 with primary and secondary CTAs, centered content, background contr","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:header-section-11","t":"Header Section #11","d":"Page header section 11 with breadcrumbs, primary and secondary CTAs, background contrast s","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:header-section-12","t":"Header Section #12","d":"Page header section 12 with primary and secondary CTAs, centered content, background contr","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:header-section-13","t":"Header Section #13","d":"Page header section 13 with form fields, centered content, background contrast section.","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:header-section-14","t":"Header Section #14","d":"Page header section 14 with form fields, background contrast section.","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:header-section-15","t":"Header Section #15","d":"Page header section 15 with form fields, breadcrumbs, background contrast section.","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:header-section-16","t":"Header Section #16","d":"Page header section 16 with form fields, centered content, background contrast section.","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:header-section-17","t":"Header Section #17","d":"Page header section 17 with centered content, background contrast section.","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:header-section-18","t":"Header Section #18","d":"Page header section 18 with background contrast section.","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:header-section-19","t":"Header Section #19","d":"Page header section 19 with breadcrumbs, background contrast section.","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:header-section-2","t":"Header Section #2","d":"Page header section 2 with centered content, background contrast section.","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:header-section-20","t":"Header Section #20","d":"Page header section 20 with centered content, background contrast section.","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:header-section-3","t":"Header Section #3","d":"Page header section 3 with centered content.","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:header-section-4","t":"Header Section #4","d":"Page header section 4 with centered content.","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:header-section-5","t":"Header Section #5","d":"Page header section 5 with breadcrumbs, background contrast section.","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:header-section-6","t":"Header Section #6","d":"Page header section 6 with breadcrumbs.","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:header-section-7","t":"Header Section #7","d":"Page header section 7 with centered content, background contrast section.","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:header-section-8","t":"Header Section #8","d":"Page header section 8 with centered content.","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:header-section-9","t":"Header Section #9","d":"Page header section 9 with primary and secondary CTAs, centered content, background contra","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:hero-section-1","t":"Hero Section #1","d":"Hero section 1 with media, two-column layout, primary and secondary CTAs, background contr","k":"section","s":"initium","c":"marketing/hero","hc":1},{"id":"initium:hero-section-10","t":"Hero Section #10","d":"Hero section 10 with media, primary and secondary CTAs, brand logo strip, centered content","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:hero-section-11","t":"Hero Section #11","d":"Hero section 11 with media, two-column layout, primary and secondary CTAs, background cont","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:hero-section-12","t":"Hero Section #12","d":"Hero section 12 with avatars, media, two-column layout, primary and secondary CTAs, center","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:hero-section-13","t":"Hero Section #13","d":"Hero section 13 with centered content.","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:hero-section-14","t":"Hero Section #14","d":"Hero section 14 with media, primary and secondary CTAs, brand logo strip, centered content","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:hero-section-15","t":"Hero Section #15","d":"Hero section 15 with media, two-column layout, primary and secondary CTAs, brand logo stri","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:hero-section-16","t":"Hero Section #16","d":"Hero section 16 with media, bento-style grid, primary and secondary CTAs, centered content","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:hero-section-17","t":"Hero Section #17","d":"Hero section 17 with media, two-column layout, primary and secondary CTAs, centered conten","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:hero-section-18","t":"Hero Section #18","d":"Hero section 18 with primary and secondary CTAs, centered content.","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:hero-section-19","t":"Hero Section #19","d":"Hero section 19 with media, two-column layout, primary and secondary CTAs, centered conten","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:hero-section-2","t":"Hero Section #2","d":"Hero section 2 with media, two-column layout, feature checklist, primary and secondary CTA","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:hero-section-20","t":"Hero Section #20","d":"Hero section 20 with media, primary and secondary CTAs, centered content, background contr","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:hero-section-21","t":"Hero Section #21","d":"Hero section 21 with media, primary and secondary CTAs, centered content.","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:hero-section-22","t":"Hero Section #22","d":"Hero section 22 with media, two-column layout, primary and secondary CTAs.","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:hero-section-3","t":"Hero Section #3","d":"Hero section 3 with media, two-column layout, primary and secondary CTAs, centered content","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:hero-section-4","t":"Hero Section #4","d":"Hero section 4 with form fields, media, two-column layout, primary and secondary CTAs, cen","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:hero-section-5","t":"Hero Section #5","d":"Hero section 5 with form fields, media, two-column layout, primary and secondary CTAs, cen","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:hero-section-6","t":"Hero Section #6","d":"Hero section 6 with primary and secondary CTAs, centered content, background contrast sect","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:hero-section-7","t":"Hero Section #7","d":"Hero section 7 with media, primary and secondary CTAs.","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:hero-section-8","t":"Hero Section #8","d":"Hero section 8 with avatars, customer quotes, primary and secondary CTAs, centered content","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:hero-section-9","t":"Hero Section #9","d":"Hero section 9 with media, primary and secondary CTAs, centered content.","k":"section","s":"initium","c":"marketing/hero"},{"id":"initium:logo-section-1","t":"Logo Section #1","d":"Client logos section 1 with bento-style grid, brand logo strip, centered content, backgrou","k":"resource","s":"initium","c":"assets/logo","hc":1},{"id":"initium:logo-section-2","t":"Logo Section #2","d":"Client logos section 2 with two-column layout, brand logo strip, centered content, backgro","k":"resource","s":"initium","c":"assets/logo"},{"id":"initium:logo-section-3","t":"Logo Section #3","d":"Client logos section 3 with two-column layout, three-column grid, brand logo strip, center","k":"resource","s":"initium","c":"assets/logo","tg":["webgl"],"sy":["webgl"]},{"id":"initium:logo-section-4","t":"Logo Section #4","d":"Client logos section 4 with two-column layout, three-column grid, brand logo strip, center","k":"resource","s":"initium","c":"assets/logo","tg":["webgl"],"sy":["webgl"]},{"id":"initium:logo-section-5","t":"Logo Section #5","d":"Client logos section 5 with two-column layout, three-column grid, brand logo strip, backgr","k":"resource","s":"initium","c":"assets/logo","tg":["webgl"],"sy":["webgl"]},{"id":"initium:logo-section-6","t":"Logo Section #6","d":"Client logos section 6 with infinite logo scroll, brand logo strip, centered content, back","k":"resource","s":"initium","c":"assets/logo"},{"id":"initium:logo-section-7","t":"Logo Section #7","d":"Client logos section 7 with infinite logo scroll, brand logo strip, centered content, back","k":"resource","s":"initium","c":"assets/logo"},{"id":"initium:logo-section-8","t":"Logo Section #8","d":"Client logos section 8 with infinite logo scroll, brand logo strip, centered content, back","k":"resource","s":"initium","c":"assets/logo"},{"id":"initium:lp-navbar-1","t":"LP Navbar #1","d":"Landing navbar section 1 with primary and secondary CTAs, navigation links, sticky element","s":"initium","c":"navigation/top-nav","hc":1},{"id":"initium:lp-navbar-10","t":"LP Navbar #10","d":"Landing navbar section 10 with primary and secondary CTAs, navigation links, sticky elemen","s":"initium","c":"navigation/top-nav"},{"id":"initium:lp-navbar-2","t":"LP Navbar #2","d":"Landing navbar section 2 with primary and secondary CTAs, navigation links, sticky element","s":"initium","c":"navigation/top-nav"},{"id":"initium:lp-navbar-3","t":"LP Navbar #3","d":"Landing navbar section 3 with navigation links, sticky elements.","s":"initium","c":"navigation/top-nav"},{"id":"initium:lp-navbar-4","t":"LP Navbar #4","d":"Landing navbar section 4 with primary and secondary CTAs, navigation links, rounded visual","s":"initium","c":"navigation/top-nav"},{"id":"initium:lp-navbar-5","t":"LP Navbar #5","d":"Landing navbar section 5 with sticky elements, image zoom.","s":"initium","c":"navigation/top-nav"},{"id":"initium:lp-navbar-6","t":"LP Navbar #6","d":"Landing navbar section 6 with mobile sheet menu, sticky elements, image zoom.","s":"initium","c":"navigation/top-nav"},{"id":"initium:lp-navbar-7","t":"LP Navbar #7","d":"Landing navbar section 7 with sticky elements, rounded visuals, image zoom.","s":"initium","c":"navigation/top-nav"},{"id":"initium:lp-navbar-8","t":"LP Navbar #8","d":"Landing navbar section 8 with navigation menu, three-column grid, primary and secondary CT","s":"initium","c":"navigation/top-nav","tg":["webgl"],"sy":["webgl"]},{"id":"initium:lp-navbar-9","t":"LP Navbar #9","d":"Landing navbar section 9 with command palette, primary and secondary CTAs, navigation link","s":"initium","c":"navigation/top-nav"},{"id":"initium:404-page-1","t":"404 Page #1","d":"404 page example section 1 with site links and legal, 404 messaging, primary and secondary","k":"page","s":"initium","c":"pages/templates","sb":"Error and status pages"},{"id":"initium:404-page-2","t":"404 Page #2","d":"404 page example section 2 with media, site links and legal, 404 messaging, primary and se","k":"page","s":"initium","c":"pages/templates","sb":"Error and status pages"},{"id":"initium:404-page-3","t":"404 Page #3","d":"404 page example section 3 with site links and legal, 404 messaging, navigation links.","k":"page","s":"initium","c":"pages/templates","sb":"Error and status pages"},{"id":"initium:about-page-1","t":"About Page #1","d":"About page example section 1 with key metrics, site links and legal, primary and secondary","k":"section","s":"initium","c":"marketing/cta"},{"id":"initium:about-page-2","t":"About Page #2","d":"About page example section 2 with key metrics, site links and legal, primary and secondary","k":"section","s":"initium","c":"marketing/cta"},{"id":"initium:about-page-3","t":"About Page #3","d":"About page example section 3 with key metrics, site links and legal, primary and secondary","k":"section","s":"initium","c":"marketing/cta"},{"id":"initium:blog-page-1","t":"Blog Page #1","d":"Blog page example section 1 with site links and legal, primary and secondary CTAs, navigat","k":"section","s":"initium","c":"marketing/marketing","sb":"Blog and posts"},{"id":"initium:blog-page-2","t":"Blog Page #2","d":"Blog page example section 2 with site links and legal, primary and secondary CTAs, navigat","k":"section","s":"initium","c":"marketing/marketing","sb":"Blog and posts"},{"id":"initium:blog-page-3","t":"Blog Page #3","d":"Blog page example section 3 with site links and legal, primary and secondary CTAs, navigat","k":"section","s":"initium","c":"marketing/marketing","sb":"Blog and posts"},{"id":"initium:blog-post-page-1","t":"Blog Post Page #1","d":"Blog post page example section 1 with site links and legal, primary and secondary CTAs, na","k":"section","s":"initium","c":"marketing/marketing","sb":"Blog and posts"},{"id":"initium:blog-post-page-2","t":"Blog Post Page #2","d":"Blog post page example section 2 with site links and legal, primary and secondary CTAs, na","k":"section","s":"initium","c":"marketing/marketing","sb":"Blog and posts"},{"id":"initium:blog-post-page-3","t":"Blog Post Page #3","d":"Blog post page example section 3 with site links and legal, primary and secondary CTAs, na","k":"section","s":"initium","c":"marketing/marketing","sb":"Blog and posts"},{"id":"initium:career-page-1","t":"Career Page #1","d":"Career page example section 1 with key metrics, site links and legal, primary and secondar","k":"section","s":"initium","c":"marketing/marketing","sb":"Careers"},{"id":"initium:career-page-2","t":"Career Page #2","d":"Career page example section 2 with key metrics, site links and legal, primary and secondar","k":"section","s":"initium","c":"marketing/marketing","sb":"Careers"},{"id":"initium:career-page-3","t":"Career Page #3","d":"Career page example section 3 with customer quotes, key metrics, site links and legal, pri","k":"section","s":"initium","c":"marketing/marketing","sb":"Careers"},{"id":"initium:contact-page-1","t":"Contact Page #1","d":"Contact page example section 1 with site links and legal, primary and secondary CTAs, navi","k":"section","s":"initium","c":"marketing/marketing","sb":"Contact"},{"id":"initium:contact-page-2","t":"Contact Page #2","d":"Contact page example section 2 with site links and legal, primary and secondary CTAs, navi","k":"section","s":"initium","c":"marketing/marketing","sb":"Contact"},{"id":"initium:contact-page-3","t":"Contact Page #3","d":"Contact page example section 3 with site links and legal, primary and secondary CTAs, navi","k":"section","s":"initium","c":"marketing/marketing","sb":"Contact"},{"id":"initium:faq-page-1","t":"Faq Page #1","d":"FAQ page example section 1 with site links and legal, primary and secondary CTAs, navigati","k":"section","s":"initium","c":"marketing/faq"},{"id":"initium:faq-page-2","t":"Faq Page #2","d":"FAQ page example section 2 with site links and legal, primary and secondary CTAs, navigati","k":"section","s":"initium","c":"marketing/faq"},{"id":"initium:faq-page-3","t":"Faq Page #3","d":"FAQ page example section 3 with site links and legal, primary and secondary CTAs, navigati","k":"section","s":"initium","c":"marketing/faq"},{"id":"initium:legal-page-1","t":"Legal Page #1","d":"Legal page example section 1 with site links and legal, primary and secondary CTAs, naviga","k":"section","s":"initium","c":"marketing/cta"},{"id":"initium:legal-page-2","t":"Legal Page #2","d":"Legal page example section 2 with site links and legal, primary and secondary CTAs, naviga","k":"section","s":"initium","c":"marketing/cta"},{"id":"initium:legal-page-3","t":"Legal Page #3","d":"Legal page example section 3 with site links and legal, navigation links.","k":"section","s":"initium","c":"marketing/marketing"},{"id":"initium:pricing-page-1","t":"Pricing Page #1","d":"Pricing page example section 1 with customer quotes, site links and legal, primary and sec","k":"section","s":"initium","c":"marketing/pricing"},{"id":"initium:pricing-page-2","t":"Pricing Page #2","d":"Pricing page example section 2 with customer quotes, site links and legal, primary and sec","k":"section","s":"initium","c":"marketing/pricing"},{"id":"initium:pricing-page-3","t":"Pricing Page #3","d":"Pricing page example section 3 with site links and legal, navigation links.","k":"section","s":"initium","c":"marketing/pricing"},{"id":"initium:placeholder-logo-buzzsnap","t":"Placeholder Logo Buzzsnap","d":"Placeholder SVG logo component for the buzzsnap brand used in logo and hero sections.","k":"resource","s":"initium","c":"assets/logo","hc":1},{"id":"initium:placeholder-logo-dashstar","t":"Placeholder Logo Dashstar","d":"Placeholder SVG logo component for the dashstar brand used in logo and hero sections.","k":"resource","s":"initium","c":"assets/logo","hc":1},{"id":"initium:placeholder-logo-editly","t":"Placeholder Logo Editly","d":"Placeholder SVG logo component for the editly brand used in logo and hero sections.","k":"resource","s":"initium","c":"assets/logo","hc":1},{"id":"initium:placeholder-logo-geoaura","t":"Placeholder Logo Geoaura","d":"Placeholder SVG logo component for the geoaura brand used in logo and hero sections.","k":"resource","s":"initium","c":"assets/logo","hc":1},{"id":"initium:placeholder-logo-nanodea","t":"Placeholder Logo Nanodea","d":"Placeholder SVG logo component for the nanodea brand used in logo and hero sections.","k":"resource","s":"initium","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"initium:placeholder-logo-orionbo","t":"Placeholder Logo Orionbo","d":"Placeholder SVG logo component for the orionbo brand used in logo and hero sections.","k":"resource","s":"initium","c":"assets/logo","hc":1},{"id":"initium:placeholder-logo-revahub","t":"Placeholder Logo Revahub","d":"Placeholder SVG logo component for the revahub brand used in logo and hero sections.","k":"resource","s":"initium","c":"assets/logo","hc":1},{"id":"initium:placeholder-logo-starlight","t":"Placeholder Logo Starlight","d":"Placeholder SVG logo component for the starlight brand used in logo and hero sections.","k":"resource","s":"initium","c":"assets/logo","hc":1},{"id":"initium:pricing-section-1","t":"Pricing Section 1","d":"Pricing section 1 with pricing tiers, tabbed content, cards, badges, three-column grid.","k":"section","s":"initium","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"initium:pricing-section-2","t":"Pricing Section 2","d":"Pricing section 2 with pricing tiers, cards, two-column layout, feature checklist, centere","k":"section","s":"initium","c":"marketing/pricing"},{"id":"initium:pricing-section-3","t":"Pricing Section 3","d":"Pricing section 3 with pricing tiers, cards, feature checklist, centered content, backgrou","k":"section","s":"initium","c":"marketing/pricing"},{"id":"initium:pricing-section-4","t":"Pricing Section 4","d":"Pricing section 4 with pricing tiers, tabbed content, cards, badges, feature checklist.","k":"section","s":"initium","c":"marketing/pricing"},{"id":"initium:pricing-section-5","t":"Pricing Section 5","d":"Pricing section 5 with pricing tiers, comparison table, two-column layout, feature checkli","k":"section","s":"initium","c":"marketing/pricing"},{"id":"initium:rich-text-section-1-demo-content","t":"Rich Text Section 1 Demo Content","d":"Demo article body content with headings, lists, tables, and code blocks for rich text sect","k":"section","s":"initium","c":"marketing/marketing","hc":1},{"id":"initium:rich-text-section-1","t":"Rich Text Section 1","d":"Rich text article section 1 with avatars, media, typeset article body, background contrast","k":"section","s":"initium","c":"marketing/marketing","hc":1},{"id":"initium:rich-text-section-2","t":"Rich Text Section 2","d":"Rich text article section 2 with avatars, media, typeset article body, background contrast","k":"section","s":"initium","c":"marketing/marketing"},{"id":"initium:rich-text-section-3","t":"Rich Text Section 3","d":"Rich text article section 3 with avatars, media, typeset article body, background contrast","k":"section","s":"initium","c":"marketing/marketing"},{"id":"initium:rich-text-section-4","t":"Rich Text Section 4","d":"Rich text article section 4 with avatars, media, typeset article body, centered content, b","k":"section","s":"initium","c":"marketing/marketing"},{"id":"initium:rich-text-section-5","t":"Rich Text Section 5","d":"Rich text article section 5 with avatars, media, typeset article body, background contrast","k":"section","s":"initium","c":"marketing/marketing"},{"id":"initium:rich-text-section-types","t":"Rich Text Section Types","d":"Shared TypeScript types for rich text article sections (author, meta, cover image).","k":"lib","s":"initium","c":"lib/utility","hc":1},{"id":"initium:rich-text-toc-aside","t":"Rich Text Toc Aside","d":"Sticky table-of-contents aside navigation for long-form rich text article layouts.","s":"initium","c":"navigation/table-of-contents","hc":1},{"id":"initium:stats-section-1","t":"Stats Section #1","d":"Statistics section 1 with media, two-column layout, key metrics, background contrast secti","k":"section","s":"initium","c":"marketing/marketing","sb":"Stats","hc":1},{"id":"initium:stats-section-2","t":"Stats Section #2","d":"Statistics section 2 with key metrics, background contrast section.","k":"section","s":"initium","c":"marketing/marketing","sb":"Stats"},{"id":"initium:stats-section-3","t":"Stats Section #3","d":"Statistics section 3 with media, two-column layout, key metrics, background contrast secti","k":"section","s":"initium","c":"marketing/marketing","sb":"Stats"},{"id":"initium:stats-section-4","t":"Stats Section #4","d":"Statistics section 4 with cards, key metrics, background contrast section.","k":"section","s":"initium","c":"marketing/marketing","sb":"Stats"},{"id":"initium:stats-section-5","t":"Stats Section #5","d":"Statistics section 5 with key metrics.","k":"section","s":"initium","c":"marketing/marketing","sb":"Stats"},{"id":"initium:stats-section-6","t":"Stats Section #6","d":"Statistics section 6 with centered content, background contrast section.","k":"section","s":"initium","c":"marketing/marketing","sb":"Stats"},{"id":"initium:stats-section-7","t":"Stats Section #7","d":"Statistics section 7 with two-column layout, key metrics, background contrast section.","k":"section","s":"initium","c":"marketing/marketing","sb":"Stats"},{"id":"initium:team-section-1","t":"Team Section #1","d":"Team section 1 with avatars, two-column layout, three-column grid, centered content, backg","k":"section","s":"initium","c":"marketing/team","tg":["minimal","webgl"],"sy":["minimal","webgl"],"hc":1},{"id":"initium:team-section-2","t":"Team Section #2","d":"Team section 2 with avatars, two-column layout, three-column grid, background contrast sec","k":"section","s":"initium","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"initium:team-section-3","t":"Team Section #3","d":"Team section 3 with avatars, centered content, background contrast section.","k":"section","s":"initium","c":"marketing/team"},{"id":"initium:team-section-4","t":"Team Section #4","d":"Team section 4 with avatars, two-column layout, three-column grid, background contrast sec","k":"section","s":"initium","c":"marketing/team","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"initium:testimonials-section-1","t":"Testimonials Section 1","d":"Testimonials section 1 with avatars, customer quotes, centered content, background contras","k":"section","s":"initium","c":"marketing/testimonials","hc":1},{"id":"initium:testimonials-section-2","t":"Testimonials Section 2","d":"Testimonials section 2 with avatars, customer quotes, centered content, background contras","k":"section","s":"initium","c":"marketing/testimonials"},{"id":"initium:testimonials-section-3","t":"Testimonials Section 3","d":"Testimonials section 3 with media, two-column layout, customer quotes, centered content, b","k":"section","s":"initium","c":"marketing/testimonials"},{"id":"initium:testimonials-section-4","t":"Testimonials Section 4","d":"Testimonials section 4 with avatars, cards, three-column grid, customer quotes, centered c","k":"section","s":"initium","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"initium:testimonials-section-5","t":"Testimonials Section 5","d":"Testimonials section 5 with avatars, customer quotes, centered content, background contras","k":"section","s":"initium","c":"marketing/testimonials"},{"id":"initium:testimonials-section-6","t":"Testimonials Section 6","d":"Testimonials section 6 with media, customer quotes, background contrast section.","k":"section","s":"initium","c":"marketing/testimonials"},{"id":"initium:testimonials-section-7","t":"Testimonials Section 7","d":"Testimonials section 7 with carousel, avatars, customer quotes, centered content, backgrou","k":"section","s":"initium","c":"marketing/testimonials"},{"id":"initium:timeline-section-1","t":"Timeline Section 1","d":"Timeline section 1 with centered content, background contrast section, rounded visuals, ch","k":"section","s":"initium","c":"marketing/marketing","hc":1},{"id":"initium:timeline-section-2","t":"Timeline Section 2","d":"Timeline section 2 with media, background contrast section, sticky elements, video aspect ","s":"initium","c":"data-display/timeline"},{"id":"initium:timeline-section-3","t":"Timeline Section 3","d":"Timeline section 3 with media, background contrast section, video aspect media, rounded vi","s":"initium","c":"data-display/timeline"},{"id":"initium:timeline-section-4","t":"Timeline Section 4","d":"Timeline section 4 with media, background contrast section, sticky elements, video aspect ","s":"initium","c":"data-display/timeline"},{"id":"initium:timeline-section-5","t":"Timeline Section 5","d":"Timeline section 5 with badges, two-column layout, primary and secondary CTAs, background ","k":"section","s":"initium","c":"marketing/cta"},{"id":"initium:style-guide-buttons","t":"Style Guide Buttons","d":"Style guide buttons section rendering every button variant across sizes and states in a ma","s":"initium","c":"actions/button"},{"id":"initium:style-guide-colors","t":"Style Guide Colors","d":"Style guide colors section listing every semantic color token in grouped swatch cards with","s":"initium","c":"actions/copy-button"},{"id":"initium:style-guide-forms","t":"Style Guide Forms","d":"Style guide forms section showing inputs, textareas, selects, checkboxes, radio groups, an","s":"initium","c":"inputs/form-field","sb":"Whole forms"},{"id":"initium:style-guide-layout","t":"Style Guide Layout","d":"Style guide layout section measuring wrapper container metrics at the current viewport and","s":"initium","c":"data-display/stat"},{"id":"initium:style-guide-logo","t":"Style Guide Logo","d":"Style guide logo section showcasing the project mark on light and dark backgrounds.","k":"resource","s":"initium","c":"assets/logo"},{"id":"initium:style-guide-radius","t":"Style Guide Radius","d":"Style guide radius section visualizing the corner radius scale derived from the base --rad","k":"section","s":"initium","c":"marketing/marketing","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"initium:style-guide-shared","t":"Style Guide Shared","d":"Shared style guide primitives: runtime CSS variable resolution, theme change tracking, sec","s":"initium","c":"inputs/form-field"},{"id":"initium:style-guide-shell","t":"Style Guide Shell","d":"Style guide layout shell with a sticky top bar (logo, token search), a page title header, ","k":"layout","s":"initium","c":"layout/page-shell"},{"id":"initium:style-guide-typography","t":"Style Guide Typography","d":"Style guide typography section with font family specimens and a semantic type scale table ","s":"initium","c":"data-display/typography"},{"id":"initium:style-guide","t":"Style Guide","d":"Installable style guide page that renders the project's own theme live: logo, color tokens","k":"resource","s":"initium","c":"assets/logo"},{"id":"initium:project-logo","t":"Project Logo","d":"SVG project logo mark used in navbars, footers, and comparison sections.","k":"resource","s":"initium","c":"assets/logo","hc":1},{"id":"intentui:theme-default","t":"Theme default","k":"theme","s":"intentui","c":"themes/style"},{"id":"intentui:theme-blue","t":"Theme blue","k":"theme","s":"intentui","c":"themes/style"},{"id":"intentui:theme-sky","t":"Theme sky","k":"theme","s":"intentui","c":"themes/style"},{"id":"intentui:theme-indigo","t":"Theme indigo","k":"theme","s":"intentui","c":"themes/style"},{"id":"intentui:theme-emerald","t":"Theme emerald","k":"theme","s":"intentui","c":"themes/style"},{"id":"intentui:theme-teal","t":"Theme teal","k":"theme","s":"intentui","c":"themes/style"},{"id":"intentui:theme-purple","t":"Theme purple","k":"theme","s":"intentui","c":"themes/style"},{"id":"intentui:theme-pink","t":"Theme pink","k":"theme","s":"intentui","c":"themes/style"},{"id":"intentui:theme-rose","t":"Theme rose","k":"theme","s":"intentui","c":"themes/style"},{"id":"intentui:theme-green","t":"Theme green","k":"theme","s":"intentui","c":"themes/style"},{"id":"intentui:theme-lime","t":"Theme lime","k":"theme","s":"intentui","c":"themes/style"},{"id":"intentui:theme-cyan","t":"Theme cyan","k":"theme","s":"intentui","c":"themes/style"},{"id":"intentui:area-chart","t":"Area chart","d":"area-chart","s":"intentui","c":"data-viz/chart","sb":"Area","vn":8,"hc":1},{"id":"intentui:avatar","t":"Avatar","d":"avatar","s":"intentui","c":"data-display/avatar","vn":19,"hc":1},{"id":"intentui:badge","t":"Badge","d":"badge","s":"intentui","c":"data-display/badge","vn":5,"hc":1},{"id":"intentui:bar-chart","t":"Bar chart","d":"bar-chart","s":"intentui","c":"data-viz/chart","sb":"Bar","vn":8,"hc":1},{"id":"intentui:bar-list","t":"Bar list","d":"bar-list","s":"intentui","c":"data-display/list","vn":2,"hc":1},{"id":"intentui:breadcrumbs","t":"Breadcrumbs","d":"breadcrumbs","s":"intentui","c":"navigation/breadcrumb","vn":5,"hc":1},{"id":"intentui:button-group","t":"Button group","d":"button-group","s":"intentui","c":"actions/button","sb":"Groups and split","vn":1,"hc":1},{"id":"intentui:button","t":"Button","d":"button","s":"intentui","c":"actions/button","vn":74,"hc":1},{"id":"intentui:calendar","t":"Calendar","d":"calendar","s":"intentui","c":"data-display/calendar","vn":1,"hc":1},{"id":"intentui:card","t":"Card","d":"card","s":"intentui","c":"data-display/card","vn":28,"hc":1},{"id":"intentui:carousel","t":"Carousel","d":"carousel","s":"intentui","c":"media/carousel","vn":1,"hc":1},{"id":"intentui:chart","t":"Chart","d":"chart","s":"intentui","c":"data-viz/chart","vn":3,"hc":1},{"id":"intentui:checkbox","t":"Checkbox","d":"checkbox","s":"intentui","c":"inputs/checkbox","vn":13,"hc":1},{"id":"intentui:choice-box","t":"Choice box","d":"choice-box","s":"intentui","c":"inputs/radio","vn":6,"hc":1},{"id":"intentui:color-area","t":"Color area","d":"color-area","s":"intentui","c":"other/other","vn":6,"hc":1},{"id":"intentui:color-field","t":"Color field","d":"color-field","s":"intentui","c":"inputs/form-field","vn":5,"hc":1},{"id":"intentui:color-picker","t":"Color picker","d":"color-picker","s":"intentui","c":"inputs/color-picker","vn":1,"hc":1},{"id":"intentui:color-slider","t":"Color slider","d":"color-slider","s":"intentui","c":"inputs/slider","vn":5,"hc":1},{"id":"intentui:color-swatch-picker","t":"Color swatch picker","d":"color-swatch-picker","s":"intentui","c":"inputs/color-picker","vn":1,"hc":1},{"id":"intentui:color-swatch","t":"Color swatch","d":"color-swatch","s":"intentui","c":"inputs/color-picker","vn":4,"hc":1},{"id":"intentui:color-thumb","t":"Color thumb","d":"color-thumb","s":"intentui","c":"other/other","hc":1},{"id":"intentui:color-wheel","t":"Color wheel","d":"color-wheel","s":"intentui","c":"inputs/color-picker","vn":3,"hc":1},{"id":"intentui:combo-box","t":"Combo box","d":"combo-box","s":"intentui","c":"inputs/combobox","vn":8,"hc":1},{"id":"intentui:command-menu","t":"Command menu","d":"command-menu","s":"intentui","c":"navigation/command-palette","vn":2,"hc":1},{"id":"intentui:container","t":"Container","d":"container","k":"layout","s":"intentui","c":"layout/page-shell","hc":1},{"id":"intentui:context-menu","t":"Context menu","d":"context-menu","s":"intentui","c":"overlays/context-menu","vn":7,"hc":1},{"id":"intentui:date-field","t":"Date field","d":"date-field","s":"intentui","c":"inputs/date-picker","vn":10,"hc":1},{"id":"intentui:date-picker","t":"Date picker","d":"date-picker","s":"intentui","c":"inputs/date-picker","vn":4,"hc":1},{"id":"intentui:date-range-picker","t":"Date range picker","d":"date-range-picker","s":"intentui","c":"inputs/date-range","vn":5,"hc":1},{"id":"intentui:description-list","t":"Description list","d":"description-list","s":"intentui","c":"data-display/list","vn":2,"hc":1},{"id":"intentui:dialog","t":"Dialog","d":"dialog","s":"intentui","c":"overlays/dialog","vn":1,"hc":1},{"id":"intentui:disclosure-group","t":"Disclosure group","d":"disclosure-group","s":"intentui","c":"data-display/accordion","vn":9,"hc":1},{"id":"intentui:drop-zone","t":"Drop zone","d":"drop-zone","s":"intentui","c":"other/other","vn":2,"hc":1},{"id":"intentui:dropdown","t":"Dropdown","d":"dropdown","s":"intentui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"intentui:field","t":"Field","d":"field","s":"intentui","c":"inputs/form-field","vn":60,"hc":1},{"id":"intentui:file-trigger","t":"File trigger","d":"file-trigger","s":"intentui","c":"other/other","vn":7,"hc":1},{"id":"intentui:grid-list","t":"Grid list","d":"grid-list","s":"intentui","c":"data-display/list","vn":9,"hc":1},{"id":"intentui:heading","t":"Heading","d":"heading","k":"motion","s":"intentui","c":"motion/text-effect","vn":2,"hc":1},{"id":"intentui:input-otp","t":"Input otp","d":"input-otp","s":"intentui","c":"inputs/otp-input","vn":2,"hc":1},{"id":"intentui:input","t":"Input","d":"input","s":"intentui","c":"inputs/form-field","vn":3,"hc":1},{"id":"intentui:keyboard","t":"Keyboard","d":"keyboard","s":"intentui","c":"data-display/badge","vn":1,"hc":1},{"id":"intentui:leaderboard","t":"Leaderboard","d":"leaderboard","s":"intentui","c":"data-display/gamification","vn":5,"hc":1},{"id":"intentui:line-chart","t":"Line chart","d":"line-chart","s":"intentui","c":"data-viz/chart","sb":"Line and sparkline","vn":1,"hc":1},{"id":"intentui:link","t":"Link","d":"link","s":"intentui","c":"actions/link","vn":3,"hc":1},{"id":"intentui:list-box","t":"List box","d":"list-box","s":"intentui","c":"data-display/list","vn":7,"hc":1},{"id":"intentui:loader","t":"Loader","d":"loader","s":"intentui","c":"status/loader","vn":4,"hc":1},{"id":"intentui:menu","t":"Menu","d":"menu","s":"intentui","c":"navigation/menu","vn":5,"hc":1},{"id":"intentui:meter","t":"Meter","d":"meter","s":"intentui","c":"data-viz/gauge","vn":1,"hc":1},{"id":"intentui:modal","t":"Modal","d":"modal","s":"intentui","c":"overlays/dialog","vn":1,"hc":1},{"id":"intentui:multiple-select","t":"Multiple select","d":"multiple-select","s":"intentui","c":"inputs/select","vn":1,"hc":1},{"id":"intentui:native-select","t":"Native select","d":"native-select","s":"intentui","c":"inputs/select","vn":1,"hc":1},{"id":"intentui:navbar","t":"Navbar","d":"navbar","s":"intentui","c":"navigation/top-nav","vn":5,"hc":1},{"id":"intentui:note","t":"Note","d":"note","s":"intentui","c":"other/other","vn":2,"hc":1},{"id":"intentui:number-field","t":"Number field","d":"number-field","s":"intentui","c":"inputs/number-input","vn":1,"hc":1},{"id":"intentui:pagination","t":"Pagination","d":"pagination","s":"intentui","c":"navigation/pagination","vn":2,"hc":1},{"id":"intentui:pie-chart","t":"Pie chart","d":"pie-chart","s":"intentui","c":"data-viz/chart","sb":"Pie, donut and radial","vn":1,"hc":1},{"id":"intentui:popover","t":"Popover","d":"popover","s":"intentui","c":"overlays/popover","vn":3,"hc":1},{"id":"intentui:preview","t":"Preview","d":"preview","k":"section","s":"intentui","c":"marketing/testimonials","vn":3,"hc":1},{"id":"intentui:progress-bar","t":"Progress bar","d":"progress-bar","s":"intentui","c":"data-viz/progress-bar","vn":1,"hc":1},{"id":"intentui:progress-circle","t":"Progress circle","d":"progress-circle","s":"intentui","c":"data-viz/progress-bar","vn":6,"hc":1},{"id":"intentui:radar-chart","t":"Radar chart","d":"radar-chart","s":"intentui","c":"data-viz/chart","sb":"Radar","vn":1,"hc":1},{"id":"intentui:radial-bar-chart","t":"Radial bar chart","d":"radial-bar-chart","s":"intentui","c":"data-viz/chart","sb":"Bar","vn":1,"hc":1},{"id":"intentui:radio","t":"Radio","d":"radio","s":"intentui","c":"inputs/radio","hc":1},{"id":"intentui:range-calendar","t":"Range calendar","d":"range-calendar","s":"intentui","c":"data-display/calendar","vn":3,"hc":1},{"id":"intentui:scroll-area","t":"Scroll area","d":"scroll-area","k":"layout","s":"intentui","c":"layout/scroll-area","vn":4,"hc":1},{"id":"intentui:search-field","t":"Search field","d":"search-field","s":"intentui","c":"inputs/search","vn":4,"hc":1},{"id":"intentui:select","t":"Select","d":"select","s":"intentui","c":"inputs/select","vn":4,"hc":1},{"id":"intentui:separator","t":"Separator","d":"separator","k":"layout","s":"intentui","c":"layout/page-shell","vn":3,"hc":1},{"id":"intentui:sheet","t":"Sheet","d":"sheet","s":"intentui","c":"overlays/sheet","vn":1,"hc":1},{"id":"intentui:show-more","t":"Show more","d":"show-more","s":"intentui","c":"other/other","vn":4,"hc":1},{"id":"intentui:sidebar","t":"Sidebar","d":"sidebar","s":"intentui","c":"navigation/sidebar","vn":15,"hc":1},{"id":"intentui:skeleton","t":"Skeleton","d":"skeleton","s":"intentui","c":"status/skeleton","vn":2,"hc":1},{"id":"intentui:slider","t":"Slider","d":"slider","s":"intentui","c":"inputs/slider","vn":1,"hc":1},{"id":"intentui:snippet","t":"Snippet","d":"snippet","s":"intentui","c":"data-display/code-block","vn":1,"hc":1},{"id":"intentui:switch","t":"Switch","d":"switch","s":"intentui","c":"actions/switch","vn":3,"hc":1},{"id":"intentui:table","t":"Table","d":"table","s":"intentui","c":"data-display/table","vn":4,"hc":1},{"id":"intentui:tabs","t":"Tabs","d":"tabs","s":"intentui","c":"navigation/tabs","vn":5,"hc":1},{"id":"intentui:tag-field","t":"Tag field","d":"tag-field","s":"intentui","c":"inputs/tag-input","vn":1,"hc":1},{"id":"intentui:tag-group","t":"Tag group","d":"tag-group","s":"intentui","c":"data-display/badge","sb":"Tags and pills","vn":3,"hc":1},{"id":"intentui:text-field","t":"Text field","d":"text-field","s":"intentui","c":"inputs/form-field","vn":2,"hc":1},{"id":"intentui:text","t":"Text","d":"text","k":"motion","s":"intentui","c":"motion/text-effect","vn":2,"hc":1},{"id":"intentui:textarea","t":"Textarea","d":"textarea","s":"intentui","c":"inputs/textarea","vn":1,"hc":1},{"id":"intentui:time-field","t":"Time field","d":"time-field","s":"intentui","c":"inputs/time-picker","vn":1,"hc":1},{"id":"intentui:toast","t":"Toast","d":"toast","s":"intentui","c":"overlays/toast","vn":1,"hc":1},{"id":"intentui:toggle-group","t":"Toggle group","d":"toggle-group","s":"intentui","c":"actions/switch","vn":7,"hc":1},{"id":"intentui:toggle","t":"Toggle","d":"toggle","s":"intentui","c":"actions/switch","vn":5,"hc":1},{"id":"intentui:toolbar","t":"Toolbar","d":"toolbar","s":"intentui","c":"navigation/menu","sb":"Menubars","vn":3,"hc":1},{"id":"intentui:tooltip","t":"Tooltip","d":"tooltip","s":"intentui","c":"overlays/tooltip","vn":1,"hc":1},{"id":"intentui:tracker","t":"Tracker","d":"tracker","s":"intentui","c":"other/other","vn":1,"hc":1},{"id":"intentui:tree","t":"Tree","d":"tree","s":"intentui","c":"data-display/tree","vn":4,"hc":1},{"id":"intentui:option-preview","t":"Option Preview","d":"option-preview","k":"page","s":"intentui","c":"pages/templates","hc":1},{"id":"intentui:controlled-values","t":"Controlled Values","d":"controlled-values","k":"page","s":"intentui","c":"pages/templates","hc":1},{"id":"intentui:date","t":"Date","d":"date","k":"lib","s":"intentui","c":"lib/utility","sb":"Formatting","hc":1},{"id":"intentui:primitive","t":"Primitive","d":"primitive","k":"lib","s":"intentui","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"intentui:use-clipboard","t":"Use clipboard","d":"use-clipboard","k":"lib","s":"intentui","c":"lib/hook","hc":1},{"id":"intentui:use-media-query","t":"Use media query","d":"use-media-query","k":"lib","s":"intentui","c":"lib/hook","hc":1},{"id":"intentui:use-mobile","t":"Use mobile","d":"use-mobile","k":"lib","s":"intentui","c":"lib/hook","hc":1},{"id":"intentui:auth-03","t":"Auth #3","d":"auth-03","k":"layout","s":"intentui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"intentui:auth-02","t":"Auth #2","d":"auth-02","k":"layout","s":"intentui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"intentui:auth-01","t":"Auth #1","d":"auth-01","k":"layout","s":"intentui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"intentui:all","t":"All UI components","d":"Installs all UI components from this registry.","s":"intentui","c":"other/other"},{"id":"interior:copy-button","t":"Copy Button","d":"Copy to tick, width locked, reverts after 2s.","s":"interior","c":"actions/copy-button","hc":1},{"id":"interior:loading-button","t":"Loading Button","d":"Label to state without layout shift.","s":"interior","c":"actions/button","sb":"Loading and states","hc":1},{"id":"interior:hold-to-confirm","t":"Hold to Confirm","d":"A guard rail in front of destructive actions.","s":"interior","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"interior:like-burst","t":"Like Burst","d":"Optimistic like that survives rapid taps.","s":"interior","c":"other/other","hc":1},{"id":"interior:ripple","t":"Ripple","d":"Touch feedback from the pointer origin.","k":"motion","s":"interior","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"interior:icon-morph","t":"Icon Morph","d":"Play/pause, menu/close as one mechanism.","k":"resource","s":"interior","c":"assets/icon","sb":"Animated","hc":1},{"id":"interior:press-depth","t":"Press Depth","d":"The feeling that the press landed.","s":"interior","c":"other/other","tg":["3d"],"sy":["3d"],"hc":1},{"id":"interior:floating-label","t":"Floating Label","d":"The label makes room instead of disappearing.","s":"interior","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"interior:inline-validation","t":"Inline Validation","d":"Error message that does not shove the form.","s":"interior","c":"inputs/form-field","hc":1},{"id":"interior:password-strength","t":"Password Strength","d":"Strength read segment by segment.","s":"interior","c":"inputs/form-field","sb":"Password","hc":1},{"id":"interior:otp-input","t":"OTP Input","d":"Auto advance, paste, error recovery.","s":"interior","c":"inputs/otp-input","hc":1},{"id":"interior:tag-input","t":"Tag Input","d":"Enter adds, backspace highlights then removes.","s":"interior","c":"inputs/tag-input","hc":1},{"id":"interior:expanding-search","t":"Expanding Search","d":"Icon to field with focus handled.","s":"interior","c":"inputs/search","hc":1},{"id":"interior:skeleton-swap","t":"Skeleton Swap","d":"Skeleton to content with zero layout shift.","s":"interior","c":"status/skeleton","hc":1},{"id":"interior:progress-bar","t":"Progress Bar","d":"Indeterminate handing over to determinate.","s":"interior","c":"data-viz/progress-bar","hc":1},{"id":"interior:load-more","t":"Load More","d":"Sentinel that loads before you hit the end.","s":"interior","c":"other/other","hc":1},{"id":"interior:streaming-text","t":"Streaming Text","d":"Token by token with a caret.","s":"interior","c":"ai-agent/ai-agent","hc":1},{"id":"interior:task-steps","t":"Task Steps","d":"The system narrates its work.","s":"interior","c":"navigation/wizard-steps","hc":1},{"id":"interior:live-activity","t":"Live Activity","d":"The system's ongoing work, worn as a small object.","s":"interior","c":"overlays/notifications","hc":1},{"id":"interior:collapsible-banner","t":"Collapsible Banner","d":"Folds to its title, or lets go entirely.","s":"interior","c":"overlays/alert-banner","hc":1},{"id":"interior:presence-avatars","t":"Presence Avatars","d":"Join and leave as a layout change.","s":"interior","c":"data-display/avatar","hc":1},{"id":"interior:typing-indicator","t":"Typing Indicator","d":"Someone is writing.","k":"motion","s":"interior","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"interior:new-items-pill","t":"New Items Pill","d":"New content without stealing your scroll.","s":"interior","c":"data-display/badge","sb":"Counts","hc":1},{"id":"interior:modal","t":"Modal","d":"Backdrop, scroll lock, focus trap.","s":"interior","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"interior:popover","t":"Popover","d":"Knows its origin, flips on collision.","s":"interior","c":"overlays/popover","hc":1},{"id":"interior:tooltip-group","t":"Tooltip Group","d":"Delayed once, instant after that.","s":"interior","c":"overlays/tooltip","hc":1},{"id":"interior:command-palette","t":"Command Palette","d":"Results reorder as you type.","s":"interior","c":"navigation/command-palette","hc":1},{"id":"interior:drawer","t":"Drawer","d":"Side panel that keeps its place.","s":"interior","c":"overlays/sheet","hc":1},{"id":"interior:context-menu","t":"Context Menu","d":"Opens from the pointer, not the corner.","s":"interior","c":"overlays/context-menu","hc":1},{"id":"interior:dropdown","t":"Dropdown","d":"Active highlight travels between items.","s":"interior","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"interior:tabs","t":"Tabs","d":"One indicator shared across tabs.","s":"interior","c":"navigation/tabs","hc":1},{"id":"interior:segmented-control","t":"Segmented Control","d":"Thumb slides, label inverts through it.","s":"interior","c":"actions/segmented-control","hc":1},{"id":"interior:accordion","t":"Accordion","d":"height auto, done correctly.","s":"interior","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"interior:wizard-steps","t":"Wizard Steps","d":"Transition knows forward from back.","s":"interior","c":"navigation/wizard-steps","hc":1},{"id":"interior:pagination","t":"Pagination","d":"The window moves, the row does not.","s":"interior","c":"navigation/pagination","hc":1},{"id":"interior:tree-view","t":"Tree View","d":"Disclosure the arrow keys can walk.","s":"interior","c":"data-display/tree","hc":1},{"id":"interior:sticky-header","t":"Sticky Header","d":"Condenses as you go down.","s":"interior","c":"navigation/top-nav","sb":"On scroll","hc":1},{"id":"interior:reading-progress","t":"Reading Progress","d":"How much is left.","s":"interior","c":"data-viz/progress-bar","hc":1},{"id":"interior:scroll-spy","t":"Scroll Spy","d":"The section you are actually in.","k":"layout","s":"interior","c":"layout/scroll-area","hc":1},{"id":"interior:snap-carousel","t":"Snap Carousel","d":"Momentum that lands on a slide.","s":"interior","c":"media/carousel","hc":1},{"id":"interior:hide-on-scroll","t":"Hide on Scroll","d":"Toolbar yields to the content.","k":"layout","s":"interior","c":"layout/scroll-area","hc":1},{"id":"interior:sortable-table","t":"Sortable Table","d":"Rows travel to their new order.","s":"interior","c":"data-display/table","sb":"Data tables","hc":1},{"id":"interior:filter-grid","t":"Filter Grid","d":"Filtering rearranges, it does not blink.","s":"interior","c":"other/other","hc":1},{"id":"interior:value-flash","t":"Value Flash","d":"Marks what just changed.","s":"interior","c":"other/other","hc":1},{"id":"interior:poll-results","t":"Poll Results","d":"The winner lands last.","s":"interior","c":"other/other","hc":1},{"id":"interior:slider-detents","t":"Slider Detents","d":"Stops you can feel.","s":"interior","c":"inputs/slider","hc":1},{"id":"interior:swipe-deck","t":"Swipe Deck","d":"A stack you decide through.","s":"interior","c":"media/card-stack","hc":1},{"id":"interior:reorder-list","t":"Reorder List","d":"The gap the siblings open is the drop target.","s":"interior","c":"data-display/list","sb":"Sortable","hc":1},{"id":"interior:long-press","t":"Long Press","d":"Intent confirmed by time, and cancelled by everything else.","s":"interior","c":"other/other","hc":1},{"id":"interior:lightbox","t":"Lightbox","d":"Zoom that returns where it started.","s":"interior","c":"overlays/lightbox","hc":1},{"id":"interior:text-reveal","t":"Text Reveal","d":"Words arrive in reading order.","k":"motion","s":"interior","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"interior:logo-marquee","t":"Logo Marquee","d":"Stops when you look at it.","k":"section","s":"interior","c":"marketing/logos","hc":1},{"id":"interior:blur-up-image","t":"Blur up Image","d":"Placeholder resolves into the photo.","s":"interior","c":"media/gallery","hc":1},{"id":"interior:show-more","t":"Show More","d":"Height animates, text does not reflow.","k":"motion","s":"interior","c":"motion/text-effect","hc":1},{"id":"isometric:isometric-engine","t":"Isometric Engine","d":"The engine behind every figure: orthographic projection, meshes with hidden faces removed,","k":"lib","s":"isometric","c":"lib/utility","tg":["gradient"],"sb":"Motion helpers","sy":["gradient"],"hc":1},{"id":"isometric:iso-depth","t":"Iso Depth","d":"The line-drawn depth every primitive stands on: an offset outline and three diagonals that","k":"motion","s":"isometric","c":"motion/shader","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"isometric:skyline","t":"Skyline","d":"A city block of towers on a plinth. Towers near the pointer rise, the nearer the higher.","k":"motion","s":"isometric","c":"motion/cursor","hc":1},{"id":"isometric:stack","t":"Stack","d":"An app window taken apart into four layers. Moving across opens the gap; moving down picks","s":"isometric","c":"data-display/stat","hc":1},{"id":"isometric:keys","t":"Keys","d":"A forty-key keyboard. The key under the pointer sinks and its neighbours follow; a click p","k":"motion","s":"isometric","c":"motion/cursor","hc":1},{"id":"isometric:rack","t":"Rack","d":"An open server rack of eight units. The pointer's height pulls the nearest units out and w","k":"motion","s":"isometric","c":"motion/cursor","hc":1},{"id":"isometric:laptop","t":"Laptop","d":"A thin laptop. The pointer's height sets how far the lid stands open; the screen lights as","k":"motion","s":"isometric","c":"motion/cursor","hc":1},{"id":"isometric:bars","t":"Bars","d":"An isometric bar chart drawn from your data. The bar under the pointer lifts and reads its","s":"isometric","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"isometric:steps","t":"Steps","d":"A staircase that reads as progress. A token rests on the current step and hops as the poin","s":"isometric","c":"navigation/wizard-steps","hc":1},{"id":"isometric:files","t":"Files","d":"An upright folder of five sheets. As the pointer comes near the sheets rise; the nearest r","k":"motion","s":"isometric","c":"motion/cursor","hc":1},{"id":"isometric:cylinders","t":"Cylinders","d":"A database drawn as three stacked disks. The pointer's height parts the stack above the di","k":"motion","s":"isometric","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"isometric:parcel","t":"Parcel","d":"A sealed box. Its flaps fold open as the pointer comes near, and a cube rises out.","k":"motion","s":"isometric","c":"motion/cursor","hc":1},{"id":"isometric:nodes","t":"Nodes","d":"A network of a hub and eight nodes. A pulse runs the shortest route to the node nearest th","k":"motion","s":"isometric","c":"motion/cursor","hc":1},{"id":"isometric:cube","t":"Cube","d":"A three by three cube. The pointer's height picks a layer and moving across twists it; it ","k":"motion","s":"isometric","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"isometric:pc-case","t":"PC Case","d":"A tower you can take apart: slide the glass panel off, lift the memory out, pull the graph","s":"isometric","c":"data-display/card","tg":["glass"],"sy":["glass"],"hc":1},{"id":"isometric:heart","t":"Heart","d":"A heart cut from a slab, beating. Point at it to quicken the pulse; click to like it, and ","s":"isometric","c":"data-display/stat","hc":1},{"id":"isometric:pulley","t":"Pulley","d":"A block and tackle on a frame. Drag the rope's handle down and the load rises by the pull ","s":"isometric","c":"data-display/stat","hc":1},{"id":"isometric:church","t":"Church","d":"A small stone church: a nave under a tiled roof, buttresses between pointed windows, a ros","s":"isometric","c":"data-display/stat","hc":1},{"id":"isometric:reactor","t":"Reactor","d":"A ring-core reactor: a glowing core inside ten coils. The coils charge as the pointer come","k":"motion","s":"isometric","c":"motion/cursor","tg":["neon"],"sy":["neon"],"hc":1},{"id":"isometric:block","t":"Block","d":"One block you can mine, in nine materials. Each click cracks it; the last breaks it into f","s":"isometric","c":"data-display/list","hc":1},{"id":"isometric:chest","t":"Chest","d":"A wooden chest with an iron latch. Click to lift the lid on its hinge; what is inside floa","s":"isometric","c":"data-display/stat","hc":1},{"id":"isometric:torch","t":"Torch","d":"A torch set in a stone block. Its flame flickers and lights a ring around it; click to snu","s":"isometric","c":"data-display/stat","hc":1},{"id":"isometric:tree","t":"Tree","d":"A block tree: a log trunk under a crown of leaves. It sways while the pointer is over it; ","s":"isometric","c":"data-display/tree","hc":1},{"id":"isometric:block-icon","t":"Block Icon","d":"A block as a small static icon in its material's tint, plus the recessed slot that holds o","k":"resource","s":"isometric","c":"assets/icon","hc":1},{"id":"isometric:hotbar","t":"Hotbar","d":"A row of nine slots. Click a slot, use the arrow keys, scroll over it, or press 1 to 9 any","s":"isometric","c":"data-display/list","hc":1},{"id":"isometric:inventory","t":"Inventory","d":"A grid of slots holding blocks and their counts. Click a slot, or move with the arrow keys","s":"isometric","c":"data-display/badge","hc":1},{"id":"isometric:hearts-meter","t":"Hearts Meter","d":"Health as a row of pixel hearts, with halves. A heart that is lost blinks once.","s":"isometric","c":"data-viz/gauge","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"isometric:xp-bar","t":"XP Bar","d":"Experience: a segmented bar with the level standing over its middle.","s":"isometric","c":"data-display/gamification","hc":1},{"id":"isometric:world","t":"World","d":"A small isometric town where everything works: the church, a reactor in the square, a pull","k":"motion","s":"isometric","c":"motion/globe","hc":1},{"id":"isometric:iso-button","t":"Iso Button","d":"A button that stands on its own depth and sinks into it when pressed.","s":"isometric","c":"actions/button","tg":["3d"],"sy":["3d"],"hc":1},{"id":"isometric:iso-card","t":"Iso Card","d":"A slab: a card standing on its own depth, composed like shadcn's Card.","s":"isometric","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"isometric:iso-switch","t":"Iso Switch","d":"A block that slides along a recessed groove. Built on Radix Switch.","s":"isometric","c":"actions/switch","hc":1},{"id":"isometric:iso-tabs","t":"Iso Tabs","d":"A row of tiles: the chosen tile stands up and the rest are pressed flat. Built on Radix Ta","s":"isometric","c":"navigation/tabs","hc":1},{"id":"isometric:iso-slider","t":"Iso Slider","d":"A rail with a cube riding it, with optional ticks. Built on Radix Slider.","s":"isometric","c":"inputs/slider","hc":1},{"id":"isometric:iso-toggle-group","t":"Iso Toggle Group","d":"A row of keys; a key that is on stays pressed down. Built on Radix Toggle Group.","s":"isometric","c":"actions/switch","hc":1},{"id":"isometric:iso-kbd","t":"Iso Kbd","d":"A keycap for shortcuts, which can be shown held down.","s":"isometric","c":"data-display/typography","hc":1},{"id":"isometric:iso-badge","t":"Iso Badge","d":"A small slab for status and counts.","s":"isometric","c":"data-display/badge","hc":1},{"id":"isometric:iso-progress","t":"Iso Progress","d":"Progress as a row of blocks: filled blocks stand up, empty ones lie flat.","s":"isometric","c":"data-viz/progress-bar","hc":1},{"id":"isometric:iso-input","t":"Iso Input","d":"A recessed well: an input whose inner walls read as depth going into the page.","s":"isometric","c":"inputs/form-field","tg":["3d"],"sy":["3d"],"hc":1},{"id":"isometric:iso-grid","t":"Iso Grid","d":"An isometric lattice of fine lines to put behind content, fading toward its edges.","k":"motion","s":"isometric","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"isometric:all","t":"Everything","d":"Every Isometric figure and primitive in one install.","s":"isometric","c":"data-display/stat"},{"id":"jolyui:style","t":"Style","k":"theme","s":"jolyui","c":"themes/style"},{"id":"jolyui:animated-beam","t":"Animated beam","k":"motion","s":"jolyui","c":"motion/background","sb":"Beams and light","vn":4,"hc":1},{"id":"jolyui:animated-theme-toggle","t":"Animated theme toggle","s":"jolyui","c":"actions/switch","sb":"Theme toggles","vn":3,"hc":1},{"id":"jolyui:animated-table","t":"Animated table","s":"jolyui","c":"data-display/table","vn":8,"hc":1},{"id":"jolyui:bento-grid","t":"Bento grid","k":"layout","s":"jolyui","c":"layout/bento-grid","vn":2,"hc":1},{"id":"jolyui:expanded-map","t":"Expanded map","s":"jolyui","c":"data-viz/map","vn":4,"hc":1},{"id":"jolyui:button","t":"Button","s":"jolyui","c":"actions/button","sb":"Animated","vn":4,"hc":1},{"id":"jolyui:dock","t":"Dock","s":"jolyui","c":"navigation/dock","vn":3,"hc":1},{"id":"jolyui:image-comparison","t":"Image comparison","k":"section","s":"jolyui","c":"marketing/comparison","vn":6,"hc":1},{"id":"jolyui:animated-tooltip","t":"Animated tooltip","s":"jolyui","c":"overlays/tooltip","vn":5,"hc":1},{"id":"jolyui:animated-toast","t":"Animated toast","s":"jolyui","c":"overlays/toast","vn":6,"hc":1},{"id":"jolyui:rainbow-button","t":"Rainbow button","s":"jolyui","c":"actions/button","sb":"Animated","vn":1,"hc":1},{"id":"jolyui:file-tree","t":"File tree","s":"jolyui","c":"data-display/tree","vn":5,"hc":1},{"id":"jolyui:github-contributors","t":"Github contributors","s":"jolyui","c":"other/other","vn":2,"hc":1},{"id":"jolyui:glitch-text","t":"Glitch text","k":"motion","s":"jolyui","c":"motion/text-effect","sb":"Scramble and glitch","vn":2,"hc":1},{"id":"jolyui:phone-card","t":"Phone card","s":"jolyui","c":"data-display/card","vn":2,"hc":1},{"id":"jolyui:rotate-text","t":"Rotate text","k":"motion","s":"jolyui","c":"motion/text-effect","sb":"Rotating words","vn":2,"hc":1},{"id":"jolyui:lazy-video","t":"Lazy video","s":"jolyui","c":"media/player","hc":1},{"id":"jolyui:vercel-tabs","t":"Vercel tabs","s":"jolyui","c":"navigation/tabs","vn":1,"hc":1},{"id":"jolyui:magnetic","t":"Magnetic","s":"jolyui","c":"other/other","vn":5,"hc":1},{"id":"jolyui:video-player","t":"Video player","s":"jolyui","c":"media/player","vn":7,"hc":1},{"id":"jolyui:calender","t":"Calender","s":"jolyui","c":"other/other","vn":7,"hc":1},{"id":"jolyui:character-morph","t":"Character morph","k":"motion","s":"jolyui","c":"motion/text-effect","sb":"Rotating words","vn":2,"hc":1},{"id":"jolyui:code-block","t":"Code block","s":"jolyui","c":"data-display/code-block","vn":7,"hc":1},{"id":"jolyui:text-morphing","t":"Text morphing","k":"motion","s":"jolyui","c":"motion/text-effect","sb":"Rotating words","vn":2,"hc":1},{"id":"jolyui:scroll-text","t":"Scroll text","k":"motion","s":"jolyui","c":"motion/text-effect","sb":"Reveal and entrance","vn":10,"hc":1},{"id":"jolyui:segmented-button","t":"Segmented button","s":"jolyui","c":"actions/button","sb":"Animated","vn":5,"hc":1},{"id":"jolyui:typewritter-text","t":"Typewritter text","k":"motion","s":"jolyui","c":"motion/text-effect","sb":"Handwriting and SVG","vn":2,"hc":1},{"id":"jolyui:velocity-morph","t":"Velocity morph","k":"motion","s":"jolyui","c":"motion/text-effect","sb":"Rotating words","vn":2,"hc":1},{"id":"jolyui:number-counter","t":"Number counter","k":"motion","s":"jolyui","c":"motion/number-ticker","vn":4,"hc":1},{"id":"jolyui:highlight-text","t":"Highlight text","k":"motion","s":"jolyui","c":"motion/text-effect","vn":3,"hc":1},{"id":"jolyui:command-palette","t":"Command palette","s":"jolyui","c":"navigation/command-palette","vn":2,"hc":1},{"id":"jolyui:github-star","t":"Github star","s":"jolyui","c":"other/other","vn":1,"hc":1},{"id":"jolyui:gooey-text-morphing","t":"Gooey text morphing","k":"motion","s":"jolyui","c":"motion/text-effect","sb":"Rotating words","vn":1,"hc":1},{"id":"jolyui:feedback-widget","t":"Feedback widget","s":"jolyui","c":"inputs/rating","vn":2,"hc":1},{"id":"jolyui:image-sphere","t":"Image sphere","s":"jolyui","c":"media/gallery","vn":4,"hc":1},{"id":"jolyui:infinite-ribbon","t":"Infinite ribbon","k":"section","s":"jolyui","c":"marketing/announcement","vn":3,"hc":1},{"id":"jolyui:hover-preview","t":"Hover preview","k":"section","s":"jolyui","c":"marketing/testimonials","vn":4,"hc":1},{"id":"jolyui:ai-prompt-box","t":"Ai prompt box","s":"jolyui","c":"ai-agent/composer","vn":2,"hc":1},{"id":"jolyui:date-wheel-picker","t":"Date wheel picker","s":"jolyui","c":"inputs/select","vn":3,"hc":1},{"id":"jolyui:liquid-metal-button","t":"Liquid metal button","s":"jolyui","c":"actions/button","tg":["webgl"],"sb":"Animated","sy":["webgl"],"vn":1,"hc":1},{"id":"jolyui:morphing-cursor","t":"Morphing cursor","k":"motion","s":"jolyui","c":"motion/cursor","vn":3,"hc":1},{"id":"jolyui:falling-text","t":"Falling text","k":"motion","s":"jolyui","c":"motion/text-effect","vn":4,"hc":1},{"id":"jolyui:shutter-text","t":"Shutter text","k":"motion","s":"jolyui","c":"motion/text-effect","vn":4,"hc":1},{"id":"jolyui:utils","t":"Utils","k":"lib","s":"jolyui","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"jolyui:use-mobile","t":"Use mobile","k":"lib","s":"jolyui","c":"lib/hook","hc":1},{"id":"jolyui:theme-daylight","t":"Theme daylight","k":"theme","s":"jolyui","c":"themes/theme"},{"id":"jolyui:theme-midnight","t":"Theme midnight","k":"theme","s":"jolyui","c":"themes/theme"},{"id":"jolyui:theme-emerald","t":"Theme emerald","k":"theme","s":"jolyui","c":"themes/theme"},{"id":"joyco:infinite-list","t":"Infinite List","d":"A bias-based infinite scroll wrapper and hook.","s":"joyco","c":"data-display/list","sb":"Long lists","hc":1},{"id":"joyco:marquee","t":"Marquee","d":"The all in one marquee component with smooth Web Animations API.","k":"motion","s":"joyco","c":"motion/marquee","hc":1},{"id":"joyco:file-button","t":"File Button","d":"A button that opens a file input when clicked.","s":"joyco","c":"actions/button","sb":"Loading and states","hc":1},{"id":"joyco:file-dropzone","t":"File Dropzone","d":"A drag-and-drop file upload component with image preview, validation, and error handling.","s":"joyco","c":"inputs/file-upload","hc":1},{"id":"joyco:mobile-menu","t":"Mobile Menu","d":"A full-screen overlay mobile menu.","s":"joyco","c":"navigation/menu","hc":1},{"id":"joyco:scroll-area","t":"Scroll Area","d":"A scrollable area component with customizable top and bottom shadows that appear when cont","k":"layout","s":"joyco","c":"layout/scroll-area","hc":1},{"id":"joyco:chat","t":"Chat","d":"A composable chat component","s":"joyco","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"joyco:hls-video-player","t":"HLS Video Player","d":"A headless HLS video player with native HLS detection and error handling.","s":"joyco","c":"media/player","hc":1},{"id":"joyco:action-hint","t":"Action Hint","d":"A particle emitter for showing ephemeral action feedback hints that fade out.","s":"joyco","c":"overlays/tooltip","hc":1},{"id":"joyco:image-sequence","t":"Responsive Image Sequence","d":"A responsive native-image sequence player with shared transfers, bounded decode readiness,","s":"joyco","c":"media/gallery","hc":1},{"id":"joyco:typewriter","t":"Typewriter","d":"A lightweight typewriter text component that cycles through phrases with minimal JavaScrip","k":"motion","s":"joyco","c":"motion/text-effect","tg":["minimal"],"sb":"Typewriter","sy":["minimal"],"hc":1},{"id":"joyco:spritesheet-sequencer","t":"Spritesheet Sequencer","d":"A WAAPI-powered spritesheet animator for squared grid-based spritesheets with stepped fram","s":"joyco","c":"other/other","hc":1},{"id":"joyco:magnetic","t":"Magnetic","d":"A cursor-attraction wrapper that makes inner content subtly follow the mouse position.","k":"motion","s":"joyco","c":"motion/cursor","hc":1},{"id":"joyco:scramble","t":"Scramble","d":"A GSAP registered effect that decodes text with staggered character-by-character reveal an","k":"motion","s":"joyco","c":"motion/text-effect","tg":["animated"],"sb":"Scramble and glitch","sy":["animated"],"vn":1,"hc":1},{"id":"joyco:brick-breaker","t":"Brick Breaker","d":"A fully-featured brick breaker game with multiple levels, brick types, and proper collisio","s":"joyco","c":"data-display/gamification","hc":1},{"id":"joyco:snake-game","t":"Snake Game","d":"A minimal, themeable snake game component with highscore persistence.","s":"joyco","c":"data-display/gamification","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"joyco:space-invaders","t":"Space Invaders","d":"A vertical-scrolling shoot-'em-up with enemy waves, a scaling boss (REBEL CRUSHER), pause,","k":"motion","s":"joyco","c":"motion/background","hc":1},{"id":"joyco:typed-emitter","t":"Typed Emitter","d":"A thin typed wrapper around tiny-emitter that lets subclasses pin an event-map type for fu","k":"lib","s":"joyco","c":"lib/utility","hc":1},{"id":"joyco:canvas-2d","t":"Canvas 2D","d":"A DPR-aware 2D canvas component and hook that handles sizing, pixel ratio, and context set","k":"motion","s":"joyco","c":"motion/background","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"joyco:debug","t":"Debug Hooks","d":"A tweakpane-powered debug panel with URL-persisted state, draggable UI, and reactive hooks","s":"joyco","c":"data-display/card","vn":1,"hc":1},{"id":"joyco:avatar","t":"Avatar","d":"An image element with a fallback for representing the user.","s":"joyco","c":"data-display/avatar","hc":1},{"id":"joyco:badge","t":"Badge","d":"Displays a badge or a component that looks like a badge.","s":"joyco","c":"data-display/badge","hc":1},{"id":"joyco:button","t":"Button","d":"Displays a button or a component that looks like a button.","s":"joyco","c":"actions/button","hc":1},{"id":"joyco:button-group","t":"Button Group","d":"Groups multiple buttons or inputs into a single visual unit.","s":"joyco","c":"actions/button","sb":"Groups and split","hc":1},{"id":"joyco:card","t":"Card","d":"Displays a card with header, content, and footer.","s":"joyco","c":"data-display/card","hc":1},{"id":"joyco:chart","t":"Chart","d":"Composable charting components built on top of Recharts.","s":"joyco","c":"data-viz/chart","hc":1},{"id":"joyco:collapsible","t":"Collapsible","d":"An interactive component which expands/collapses a panel.","s":"joyco","c":"data-display/accordion","hc":1},{"id":"joyco:dropdown-menu","t":"Dropdown Menu","d":"Displays a menu to the user triggered by a button.","s":"joyco","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"joyco:input","t":"Input","d":"Displays a form input field.","s":"joyco","c":"inputs/form-field","vn":1,"hc":1},{"id":"joyco:kbd","t":"Kbd","d":"Displays a keyboard key or shortcut.","s":"joyco","c":"data-display/typography","hc":1},{"id":"joyco:media-player","t":"Media Player","d":"A composable media player with controls, settings, captions, and PiP support.","s":"joyco","c":"media/player","hc":1},{"id":"joyco:mention","t":"Mention","d":"An autocomplete mention input component.","s":"joyco","c":"inputs/combobox","hc":1},{"id":"joyco:popover","t":"Popover","d":"Displays rich content in a portal triggered by a button.","s":"joyco","c":"overlays/popover","hc":1},{"id":"joyco:select","t":"Select","d":"Displays a list of options for the user to pick from.","s":"joyco","c":"inputs/select","hc":1},{"id":"joyco:separator","t":"Separator","d":"Visually or semantically separates content.","k":"layout","s":"joyco","c":"layout/page-shell","hc":1},{"id":"joyco:slider","t":"Slider","d":"An input where the user selects a value from within a given range.","s":"joyco","c":"inputs/slider","hc":1},{"id":"joyco:switch","t":"Switch","d":"A control that allows the user to toggle between checked and unchecked.","s":"joyco","c":"actions/switch","hc":1},{"id":"joyco:tabs","t":"Tabs","d":"A set of layered sections of content displayed one at a time.","s":"joyco","c":"navigation/tabs","hc":1},{"id":"joyco:textarea","t":"Textarea","d":"Displays a form textarea field.","s":"joyco","c":"inputs/textarea","hc":1},{"id":"joyco:tooltip","t":"Tooltip","d":"A popup that displays information related to an element on hover.","s":"joyco","c":"overlays/tooltip","hc":1},{"id":"joyco:cluster","t":"Cluster","d":"A flex container with the design system gap and an optional filler for space distribution.","k":"layout","s":"joyco","c":"layout/page-shell","hc":1},{"id":"joyco:joyco-theme","t":"JOYCO Theme","d":"JOYCO brand theme with light and dark mode color tokens.","k":"theme","s":"joyco","c":"themes/theme"},{"id":"joyco:joyco-fonts","t":"JOYCO Fonts","d":"JOYCO brand font configuration with Public Sans and Roboto Mono.","k":"lib","s":"joyco","c":"lib/utility","hc":1},{"id":"joyco:utils","t":"Utils","d":"The cn class-merge helper used by every JOYCO UI component.","k":"lib","s":"joyco","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"joyco:ui","t":"JOYCO UI","d":"The full JOYCO UI kit — all components and brand theming.","k":"theme","s":"joyco","c":"themes/style"},{"id":"jpmarques:pie-menu","t":"Pie Menu","d":"A radial menu with press-drag-release selection, keyboard support, and enter and exit anim","s":"jpmarques","c":"navigation/menu","sb":"Radial menus","hc":1},{"id":"json-view-cn:json-view","t":"JSON Viewer (Base UI)","d":"A fully-customizable, collapsible, syntax-highlighted JSON tree viewer component. For proj","s":"json-view-cn","c":"data-display/json-viewer","hc":1},{"id":"kanpeki:accordion","t":"Accordion","s":"kanpeki","c":"data-display/accordion","vn":1,"hc":1},{"id":"kanpeki:alert","t":"Alert","s":"kanpeki","c":"overlays/alert-banner","vn":3,"hc":1},{"id":"kanpeki:aspect-ratio","t":"Aspect ratio","k":"layout","s":"kanpeki","c":"layout/page-shell","vn":3,"hc":1},{"id":"kanpeki:autocomplete","t":"Autocomplete","s":"kanpeki","c":"inputs/combobox","vn":2,"hc":1},{"id":"kanpeki:avatar","t":"Avatar","s":"kanpeki","c":"data-display/avatar","vn":2,"hc":1},{"id":"kanpeki:badge","t":"Badge","s":"kanpeki","c":"data-display/badge","vn":4,"hc":1},{"id":"kanpeki:breadcrumb","t":"Breadcrumb","s":"kanpeki","c":"navigation/breadcrumb","vn":4,"hc":1},{"id":"kanpeki:button","t":"Button","s":"kanpeki","c":"actions/button","vn":4,"hc":1},{"id":"kanpeki:button-group","t":"Button group","s":"kanpeki","c":"actions/button","sb":"Groups and split","vn":11,"hc":1},{"id":"kanpeki:calendar","t":"Calendar","s":"kanpeki","c":"data-display/calendar","vn":2,"hc":1},{"id":"kanpeki:card","t":"Card","s":"kanpeki","c":"data-display/card","vn":1,"hc":1},{"id":"kanpeki:carousel","t":"Carousel","s":"kanpeki","c":"media/carousel","vn":6,"hc":1},{"id":"kanpeki:chart","t":"Chart","s":"kanpeki","c":"data-viz/chart","vn":4,"hc":1},{"id":"kanpeki:checkbox","t":"Checkbox","s":"kanpeki","c":"inputs/checkbox","vn":3,"hc":1},{"id":"kanpeki:collapsible","t":"Collapsible","s":"kanpeki","c":"data-display/accordion","vn":1,"hc":1},{"id":"kanpeki:combobox","t":"Combobox","s":"kanpeki","c":"inputs/combobox","vn":1,"hc":1},{"id":"kanpeki:date-field","t":"Date field","s":"kanpeki","c":"inputs/date-picker","vn":2,"hc":1},{"id":"kanpeki:date-picker","t":"Date picker","s":"kanpeki","c":"inputs/date-picker","vn":1,"hc":1},{"id":"kanpeki:dialog","t":"Dialog","s":"kanpeki","c":"overlays/dialog","vn":3,"hc":1},{"id":"kanpeki:drawer","t":"Drawer","s":"kanpeki","c":"overlays/sheet","vn":1,"hc":1},{"id":"kanpeki:dropzone","t":"Dropzone","s":"kanpeki","c":"inputs/file-upload","vn":3,"hc":1},{"id":"kanpeki:field","t":"Field","s":"kanpeki","c":"inputs/form-field","vn":10,"hc":1},{"id":"kanpeki:form","t":"Form","s":"kanpeki","c":"inputs/form-field","sb":"Whole forms","vn":23,"hc":1},{"id":"kanpeki:input","t":"Input","s":"kanpeki","c":"inputs/form-field","vn":6,"hc":1},{"id":"kanpeki:input-otp","t":"Input otp","s":"kanpeki","c":"inputs/otp-input","vn":4,"hc":1},{"id":"kanpeki:keyboard","t":"Keyboard","s":"kanpeki","c":"data-display/badge","hc":1},{"id":"kanpeki:label","t":"Label","s":"kanpeki","c":"inputs/form-field","sb":"Animated fields","vn":1,"hc":1},{"id":"kanpeki:link","t":"Link","s":"kanpeki","c":"actions/link","vn":1,"hc":1},{"id":"kanpeki:link-button","t":"Link button","s":"kanpeki","c":"actions/button","hc":1},{"id":"kanpeki:list-box","t":"List box","s":"kanpeki","c":"data-display/list","vn":1,"hc":1},{"id":"kanpeki:menu","t":"Menu","s":"kanpeki","c":"navigation/menu","vn":3,"hc":1},{"id":"kanpeki:number-field","t":"Number field","s":"kanpeki","c":"inputs/number-input","vn":1,"hc":1},{"id":"kanpeki:pagination","t":"Pagination","s":"kanpeki","c":"navigation/pagination","vn":3,"hc":1},{"id":"kanpeki:popover","t":"Popover","s":"kanpeki","c":"overlays/popover","vn":2,"hc":1},{"id":"kanpeki:progress","t":"Progress","s":"kanpeki","c":"data-viz/progress-bar","vn":1,"hc":1},{"id":"kanpeki:radio-group","t":"Radio group","s":"kanpeki","c":"inputs/radio","vn":3,"hc":1},{"id":"kanpeki:resizable","t":"Resizable","k":"layout","s":"kanpeki","c":"layout/split-pane","vn":3,"hc":1},{"id":"kanpeki:scroll-area","t":"Scroll area","k":"layout","s":"kanpeki","c":"layout/scroll-area","vn":2,"hc":1},{"id":"kanpeki:search-field","t":"Search field","s":"kanpeki","c":"inputs/search","hc":1},{"id":"kanpeki:select","t":"Select","s":"kanpeki","c":"inputs/select","vn":4,"hc":1},{"id":"kanpeki:separator","t":"Separator","k":"layout","s":"kanpeki","c":"layout/page-shell","vn":2,"hc":1},{"id":"kanpeki:sheet","t":"Sheet","s":"kanpeki","c":"overlays/sheet","vn":2,"hc":1},{"id":"kanpeki:sidebar","t":"Sidebar","s":"kanpeki","c":"navigation/sidebar","hc":1},{"id":"kanpeki:skeleton","t":"Skeleton","s":"kanpeki","c":"status/skeleton","vn":2,"hc":1},{"id":"kanpeki:slider","t":"Slider","s":"kanpeki","c":"inputs/slider","vn":5,"hc":1},{"id":"kanpeki:spinner","t":"Spinner","s":"kanpeki","c":"status/loader","sb":"Spinners","vn":3,"hc":1},{"id":"kanpeki:switch","t":"Switch","s":"kanpeki","c":"actions/switch","vn":2,"hc":1},{"id":"kanpeki:table","t":"Table","s":"kanpeki","c":"data-display/table","vn":1,"hc":1},{"id":"kanpeki:tabs","t":"Tabs","s":"kanpeki","c":"navigation/tabs","vn":3,"hc":1},{"id":"kanpeki:textarea","t":"Textarea","s":"kanpeki","c":"inputs/textarea","vn":5,"hc":1},{"id":"kanpeki:text-field","t":"Text field","s":"kanpeki","c":"inputs/form-field","hc":1},{"id":"kanpeki:toast","t":"Toast","s":"kanpeki","c":"overlays/toast","vn":5,"hc":1},{"id":"kanpeki:toggle","t":"Toggle","s":"kanpeki","c":"actions/switch","vn":7,"hc":1},{"id":"kanpeki:tooltip","t":"Tooltip","s":"kanpeki","c":"overlays/tooltip","vn":4,"hc":1},{"id":"kanpeki:cva","t":"Cva","k":"lib","s":"kanpeki","c":"lib/utility","hc":1},{"id":"kanpeki:use-is-mobile","t":"Use is mobile","k":"lib","s":"kanpeki","c":"lib/hook","hc":1},{"id":"kanpeki:hover-card-demo","t":"Hover card demo","s":"kanpeki","c":"overlays/hover-card","hc":1},{"id":"kanpeki:textfield-demo","t":"Textfield demo","s":"kanpeki","c":"other/other","hc":1},{"id":"kanpeki:textfield-form-demo","t":"Textfield form demo","s":"kanpeki","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"kanpeki:textfield-password-demo","t":"Textfield password demo","s":"kanpeki","c":"inputs/form-field","hc":1},{"id":"kanpeki:textfield-validation-demo","t":"Textfield validation demo","s":"kanpeki","c":"other/other","hc":1},{"id":"kanpeki:textfield-with-description-demo","t":"Textfield with description demo","s":"kanpeki","c":"other/other","hc":1},{"id":"kanpeki:textfield-with-icon-demo","t":"Textfield with icon demo","k":"resource","s":"kanpeki","c":"assets/icon","hc":1},{"id":"kanpeki:typography-blockquote-demo","t":"Typography blockquote demo","s":"kanpeki","c":"data-display/typography","hc":1},{"id":"kanpeki:typography-demo","t":"Typography demo","s":"kanpeki","c":"data-display/typography","hc":1},{"id":"kanpeki:typography-h1-demo","t":"Typography h1 demo","s":"kanpeki","c":"data-display/typography","hc":1},{"id":"kanpeki:typography-h2-demo","t":"Typography h2 demo","s":"kanpeki","c":"data-display/typography","hc":1},{"id":"kanpeki:typography-h3-demo","t":"Typography h3 demo","s":"kanpeki","c":"data-display/typography","hc":1},{"id":"kanpeki:typography-h4-demo","t":"Typography h4 demo","s":"kanpeki","c":"data-display/typography","hc":1},{"id":"kanpeki:typography-p-demo","t":"Typography p demo","s":"kanpeki","c":"data-display/typography","hc":1},{"id":"kanpeki:custom-plugin","t":"Custom plugin","s":"kanpeki","c":"other/other"},{"id":"kapwa:article","t":"Article","d":"Article card and content components for displaying news, blog posts, and long-form content","k":"section","s":"kapwa","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"kapwa:civic-tech-banner","t":"Civic Tech Banner","d":"Full-width banner for civic tech campaigns and community engagement with gradient backgrou","s":"kapwa","c":"overlays/alert-banner","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"kapwa:list","t":"List","d":"List component for displaying categorized items with optional action links. Perfect for se","s":"kapwa","c":"data-display/list","hc":1},{"id":"kapwa:strip-banner","t":"Strip Banner","d":"Compact notification banner for urgent announcements, alerts, and time-sensitive informati","s":"kapwa","c":"overlays/alert-banner","hc":1},{"id":"kapwa:table","t":"Table","d":"Data table component with status badges, hover states, and action buttons. Perfect for use","s":"kapwa","c":"data-display/table","hc":1},{"id":"kapwa:tables","t":"Tables Section","d":"A section showcasing table styles for data presentation.","s":"kapwa","c":"data-display/table","hc":1},{"id":"kapwa:articles","t":"Articles Section","d":"A section showcasing article cards and content styles.","k":"section","s":"kapwa","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"kapwa:banners","t":"Banners Section","d":"A section showcasing banner and call-to-action components for community engagement.","k":"section","s":"kapwa","c":"marketing/cta","sb":"Banners","hc":1},{"id":"kapwa:biography","t":"Biography Section","d":"A section showcasing government official profile and official biography layout.","s":"kapwa","c":"data-display/profile","hc":1},{"id":"kapwa:official-biography","t":"Official Biography","d":"A component showcasing government official profile and official biography layout.","s":"kapwa","c":"data-display/profile","hc":1},{"id":"kapwa:lists","t":"Lists Section","d":"A section showcasing different list styles and search results.","s":"kapwa","c":"data-display/list","hc":1},{"id":"kaui:use-async","t":"Use async","d":"A hook that owns the async action lifecycle — loading state, success, error, and settled c","k":"lib","s":"kaui","c":"lib/hook","hc":1},{"id":"kaui:async-button","t":"Async button","d":"A button that performs async operations with a no-layout-shift loading state","s":"kaui","c":"actions/button","sb":"Loading and states","hc":1},{"id":"kaui:async-scope","t":"Async scope","d":"A coordination layer for async UI — decouple what fires an action from what reacts to it.","s":"kaui","c":"other/other","hc":1},{"id":"kaui:confirm-action","t":"Confirm action","d":"A confirmation dialog that wraps an async action with loading state","s":"kaui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"kaui:use-debounce","t":"Use debounce","d":"A debounce hook that returns a stable { execute, cancel } object — safe to call without wr","k":"lib","s":"kaui","c":"lib/hook","hc":1},{"id":"kaui:use-controlled-state","t":"Use controlled state","d":"Uncontrolled/controlled state bridge — use like useState but accepts optional value and on","k":"lib","s":"kaui","c":"lib/hook","hc":1},{"id":"kaui:combobox","t":"Combobox","d":"A single-select combobox with inline search, async loading support, and full controlled/un","s":"kaui","c":"inputs/combobox","hc":1},{"id":"kaui:input-group","t":"Input group","d":"Compose inputs with inline addons, buttons, and labels in a styled container","s":"kaui","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"kaui:multi-select","t":"Multi select","d":"A multi-select combobox with inline search, toggle-based selection, and full controlled/un","s":"kaui","c":"inputs/select","hc":1},{"id":"kaui:password-input","t":"Password input","d":"A password input with show/hide toggle and an optional strength indicator","s":"kaui","c":"inputs/form-field","sb":"Password","hc":1},{"id":"keyline:a-arrow-down","t":"AArrowDown","d":"AArrowDown, the stroke drawing of a-arrow-down on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/a-arrow-down","t":"AArrowDown","d":"AArrowDown, the two-tone drawing of a-arrow-down on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/a-arrow-down","t":"AArrowDown","d":"AArrowDown, the duotone drawing of a-arrow-down on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/a-arrow-down","t":"AArrowDown","d":"AArrowDown, the fill drawing of a-arrow-down on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/a-arrow-down","t":"AArrowDown","d":"AArrowDown, the stroke drawing of a-arrow-down on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/a-arrow-down","t":"AArrowDown","d":"AArrowDown, the two-tone drawing of a-arrow-down on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/a-arrow-down","t":"AArrowDown","d":"AArrowDown, the duotone drawing of a-arrow-down on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/a-arrow-down","t":"AArrowDown","d":"AArrowDown, the fill drawing of a-arrow-down on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:a-arrow-up","t":"AArrowUp","d":"AArrowUp, the stroke drawing of a-arrow-up on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/a-arrow-up","t":"AArrowUp","d":"AArrowUp, the two-tone drawing of a-arrow-up on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/a-arrow-up","t":"AArrowUp","d":"AArrowUp, the duotone drawing of a-arrow-up on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/a-arrow-up","t":"AArrowUp","d":"AArrowUp, the fill drawing of a-arrow-up on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/a-arrow-up","t":"AArrowUp","d":"AArrowUp, the stroke drawing of a-arrow-up on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/a-arrow-up","t":"AArrowUp","d":"AArrowUp, the two-tone drawing of a-arrow-up on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/a-arrow-up","t":"AArrowUp","d":"AArrowUp, the duotone drawing of a-arrow-up on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/a-arrow-up","t":"AArrowUp","d":"AArrowUp, the fill drawing of a-arrow-up on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:accessibility","t":"Accessibility","d":"Accessibility, the stroke drawing of accessibility on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/accessibility","t":"Accessibility","d":"Accessibility, the two-tone drawing of accessibility on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/accessibility","t":"Accessibility","d":"Accessibility, the duotone drawing of accessibility on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/accessibility","t":"Accessibility","d":"Accessibility, the fill drawing of accessibility on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/accessibility","t":"Accessibility","d":"Accessibility, the stroke drawing of accessibility on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/accessibility","t":"Accessibility","d":"Accessibility, the two-tone drawing of accessibility on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/accessibility","t":"Accessibility","d":"Accessibility, the duotone drawing of accessibility on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/accessibility","t":"Accessibility","d":"Accessibility, the fill drawing of accessibility on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-activity","t":"CircleActivity","d":"CircleActivity, the stroke drawing of circle-activity on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-activity","t":"CircleActivity","d":"CircleActivity, the two-tone drawing of circle-activity on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-activity","t":"CircleActivity","d":"CircleActivity, the duotone drawing of circle-activity on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-activity","t":"CircleActivity","d":"CircleActivity, the fill drawing of circle-activity on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-activity","t":"CircleActivity","d":"CircleActivity, the stroke drawing of circle-activity on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-activity","t":"CircleActivity","d":"CircleActivity, the two-tone drawing of circle-activity on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-activity","t":"CircleActivity","d":"CircleActivity, the duotone drawing of circle-activity on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-activity","t":"CircleActivity","d":"CircleActivity, the fill drawing of circle-activity on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:activity","t":"Activity","d":"Activity, the stroke drawing of activity on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/activity","t":"Activity","d":"Activity, the two-tone drawing of activity on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/activity","t":"Activity","d":"Activity, the duotone drawing of activity on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/activity","t":"Activity","d":"Activity, the fill drawing of activity on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/activity","t":"Activity","d":"Activity, the stroke drawing of activity on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/activity","t":"Activity","d":"Activity, the two-tone drawing of activity on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/activity","t":"Activity","d":"Activity, the duotone drawing of activity on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/activity","t":"Activity","d":"Activity, the fill drawing of activity on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-activity","t":"SquareActivity","d":"SquareActivity, the stroke drawing of square-activity on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-activity","t":"SquareActivity","d":"SquareActivity, the two-tone drawing of square-activity on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-activity","t":"SquareActivity","d":"SquareActivity, the duotone drawing of square-activity on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-activity","t":"SquareActivity","d":"SquareActivity, the fill drawing of square-activity on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-activity","t":"SquareActivity","d":"SquareActivity, the stroke drawing of square-activity on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-activity","t":"SquareActivity","d":"SquareActivity, the two-tone drawing of square-activity on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-activity","t":"SquareActivity","d":"SquareActivity, the duotone drawing of square-activity on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-activity","t":"SquareActivity","d":"SquareActivity, the fill drawing of square-activity on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:activity-sparkles","t":"ActivitySparkles","d":"ActivitySparkles, the stroke drawing of activity-sparkles on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/activity-sparkles","t":"ActivitySparkles","d":"ActivitySparkles, the two-tone drawing of activity-sparkles on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/activity-sparkles","t":"ActivitySparkles","d":"ActivitySparkles, the duotone drawing of activity-sparkles on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/activity-sparkles","t":"ActivitySparkles","d":"ActivitySparkles, the fill drawing of activity-sparkles on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/activity-sparkles","t":"ActivitySparkles","d":"ActivitySparkles, the stroke drawing of activity-sparkles on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/activity-sparkles","t":"ActivitySparkles","d":"ActivitySparkles, the two-tone drawing of activity-sparkles on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/activity-sparkles","t":"ActivitySparkles","d":"ActivitySparkles, the duotone drawing of activity-sparkles on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/activity-sparkles","t":"ActivitySparkles","d":"ActivitySparkles, the fill drawing of activity-sparkles on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:airplay","t":"Airplay","d":"Airplay, the stroke drawing of airplay on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/airplay","t":"Airplay","d":"Airplay, the two-tone drawing of airplay on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/airplay","t":"Airplay","d":"Airplay, the duotone drawing of airplay on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/airplay","t":"Airplay","d":"Airplay, the fill drawing of airplay on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/airplay","t":"Airplay","d":"Airplay, the stroke drawing of airplay on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/airplay","t":"Airplay","d":"Airplay, the two-tone drawing of airplay on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/airplay","t":"Airplay","d":"Airplay, the duotone drawing of airplay on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/airplay","t":"Airplay","d":"Airplay, the fill drawing of airplay on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:airpods","t":"Airpods","d":"Airpods, the stroke drawing of airpods on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/airpods","t":"Airpods","d":"Airpods, the two-tone drawing of airpods on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/airpods","t":"Airpods","d":"Airpods, the duotone drawing of airpods on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/airpods","t":"Airpods","d":"Airpods, the fill drawing of airpods on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/airpods","t":"Airpods","d":"Airpods, the stroke drawing of airpods on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/airpods","t":"Airpods","d":"Airpods, the two-tone drawing of airpods on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/airpods","t":"Airpods","d":"Airpods, the duotone drawing of airpods on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/airpods","t":"Airpods","d":"Airpods, the fill drawing of airpods on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:airpods-open","t":"AirpodsOpen","d":"AirpodsOpen, the stroke drawing of airpods-open on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/airpods-open","t":"AirpodsOpen","d":"AirpodsOpen, the two-tone drawing of airpods-open on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/airpods-open","t":"AirpodsOpen","d":"AirpodsOpen, the duotone drawing of airpods-open on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/airpods-open","t":"AirpodsOpen","d":"AirpodsOpen, the fill drawing of airpods-open on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/airpods-open","t":"AirpodsOpen","d":"AirpodsOpen, the stroke drawing of airpods-open on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/airpods-open","t":"AirpodsOpen","d":"AirpodsOpen, the two-tone drawing of airpods-open on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/airpods-open","t":"AirpodsOpen","d":"AirpodsOpen, the duotone drawing of airpods-open on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/airpods-open","t":"AirpodsOpen","d":"AirpodsOpen, the fill drawing of airpods-open on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:alarm-clock","t":"AlarmClock","d":"AlarmClock, the stroke drawing of alarm-clock on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/alarm-clock","t":"AlarmClock","d":"AlarmClock, the two-tone drawing of alarm-clock on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/alarm-clock","t":"AlarmClock","d":"AlarmClock, the duotone drawing of alarm-clock on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/alarm-clock","t":"AlarmClock","d":"AlarmClock, the fill drawing of alarm-clock on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/alarm-clock","t":"AlarmClock","d":"AlarmClock, the stroke drawing of alarm-clock on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/alarm-clock","t":"AlarmClock","d":"AlarmClock, the two-tone drawing of alarm-clock on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/alarm-clock","t":"AlarmClock","d":"AlarmClock, the duotone drawing of alarm-clock on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/alarm-clock","t":"AlarmClock","d":"AlarmClock, the fill drawing of alarm-clock on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:alarm-clock-check","t":"AlarmClockCheck","d":"AlarmClockCheck, the stroke drawing of alarm-clock-check on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/alarm-clock-check","t":"AlarmClockCheck","d":"AlarmClockCheck, the two-tone drawing of alarm-clock-check on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/alarm-clock-check","t":"AlarmClockCheck","d":"AlarmClockCheck, the duotone drawing of alarm-clock-check on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/alarm-clock-check","t":"AlarmClockCheck","d":"AlarmClockCheck, the fill drawing of alarm-clock-check on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/alarm-clock-check","t":"AlarmClockCheck","d":"AlarmClockCheck, the stroke drawing of alarm-clock-check on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/alarm-clock-check","t":"AlarmClockCheck","d":"AlarmClockCheck, the two-tone drawing of alarm-clock-check on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/alarm-clock-check","t":"AlarmClockCheck","d":"AlarmClockCheck, the duotone drawing of alarm-clock-check on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/alarm-clock-check","t":"AlarmClockCheck","d":"AlarmClockCheck, the fill drawing of alarm-clock-check on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:alarm-clock-minus","t":"AlarmClockMinus","d":"AlarmClockMinus, the stroke drawing of alarm-clock-minus on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/alarm-clock-minus","t":"AlarmClockMinus","d":"AlarmClockMinus, the two-tone drawing of alarm-clock-minus on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/alarm-clock-minus","t":"AlarmClockMinus","d":"AlarmClockMinus, the duotone drawing of alarm-clock-minus on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/alarm-clock-minus","t":"AlarmClockMinus","d":"AlarmClockMinus, the fill drawing of alarm-clock-minus on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/alarm-clock-minus","t":"AlarmClockMinus","d":"AlarmClockMinus, the stroke drawing of alarm-clock-minus on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/alarm-clock-minus","t":"AlarmClockMinus","d":"AlarmClockMinus, the two-tone drawing of alarm-clock-minus on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/alarm-clock-minus","t":"AlarmClockMinus","d":"AlarmClockMinus, the duotone drawing of alarm-clock-minus on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/alarm-clock-minus","t":"AlarmClockMinus","d":"AlarmClockMinus, the fill drawing of alarm-clock-minus on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:alarm-clock-plus","t":"AlarmClockPlus","d":"AlarmClockPlus, the stroke drawing of alarm-clock-plus on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/alarm-clock-plus","t":"AlarmClockPlus","d":"AlarmClockPlus, the two-tone drawing of alarm-clock-plus on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/alarm-clock-plus","t":"AlarmClockPlus","d":"AlarmClockPlus, the duotone drawing of alarm-clock-plus on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/alarm-clock-plus","t":"AlarmClockPlus","d":"AlarmClockPlus, the fill drawing of alarm-clock-plus on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/alarm-clock-plus","t":"AlarmClockPlus","d":"AlarmClockPlus, the stroke drawing of alarm-clock-plus on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/alarm-clock-plus","t":"AlarmClockPlus","d":"AlarmClockPlus, the two-tone drawing of alarm-clock-plus on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/alarm-clock-plus","t":"AlarmClockPlus","d":"AlarmClockPlus, the duotone drawing of alarm-clock-plus on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/alarm-clock-plus","t":"AlarmClockPlus","d":"AlarmClockPlus, the fill drawing of alarm-clock-plus on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-alert","t":"CircleAlert","d":"CircleAlert, the stroke drawing of circle-alert on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-alert","t":"CircleAlert","d":"CircleAlert, the two-tone drawing of circle-alert on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-alert","t":"CircleAlert","d":"CircleAlert, the duotone drawing of circle-alert on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-alert","t":"CircleAlert","d":"CircleAlert, the fill drawing of circle-alert on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-alert","t":"CircleAlert","d":"CircleAlert, the stroke drawing of circle-alert on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-alert","t":"CircleAlert","d":"CircleAlert, the two-tone drawing of circle-alert on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-alert","t":"CircleAlert","d":"CircleAlert, the duotone drawing of circle-alert on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-alert","t":"CircleAlert","d":"CircleAlert, the fill drawing of circle-alert on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:alert","t":"Alert","d":"Alert, the stroke drawing of alert on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/alert","t":"Alert","d":"Alert, the two-tone drawing of alert on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/alert","t":"Alert","d":"Alert, the duotone drawing of alert on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/alert","t":"Alert","d":"Alert, the fill drawing of alert on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/alert","t":"Alert","d":"Alert, the stroke drawing of alert on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/alert","t":"Alert","d":"Alert, the two-tone drawing of alert on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/alert","t":"Alert","d":"Alert, the duotone drawing of alert on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/alert","t":"Alert","d":"Alert, the fill drawing of alert on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-alert","t":"SquareAlert","d":"SquareAlert, the stroke drawing of square-alert on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-alert","t":"SquareAlert","d":"SquareAlert, the two-tone drawing of square-alert on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-alert","t":"SquareAlert","d":"SquareAlert, the duotone drawing of square-alert on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-alert","t":"SquareAlert","d":"SquareAlert, the fill drawing of square-alert on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-alert","t":"SquareAlert","d":"SquareAlert, the stroke drawing of square-alert on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-alert","t":"SquareAlert","d":"SquareAlert, the two-tone drawing of square-alert on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-alert","t":"SquareAlert","d":"SquareAlert, the duotone drawing of square-alert on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-alert","t":"SquareAlert","d":"SquareAlert, the fill drawing of square-alert on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:alien","t":"Alien","d":"Alien, the stroke drawing of alien on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/alien","t":"Alien","d":"Alien, the two-tone drawing of alien on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/alien","t":"Alien","d":"Alien, the duotone drawing of alien on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/alien","t":"Alien","d":"Alien, the fill drawing of alien on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/alien","t":"Alien","d":"Alien, the stroke drawing of alien on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/alien","t":"Alien","d":"Alien, the two-tone drawing of alien on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/alien","t":"Alien","d":"Alien, the duotone drawing of alien on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/alien","t":"Alien","d":"Alien, the fill drawing of alien on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:align-center","t":"AlignCenter","d":"AlignCenter, the stroke drawing of align-center on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/align-center","t":"AlignCenter","d":"AlignCenter, the two-tone drawing of align-center on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/align-center","t":"AlignCenter","d":"AlignCenter, the duotone drawing of align-center on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/align-center","t":"AlignCenter","d":"AlignCenter, the fill drawing of align-center on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/align-center","t":"AlignCenter","d":"AlignCenter, the stroke drawing of align-center on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/align-center","t":"AlignCenter","d":"AlignCenter, the two-tone drawing of align-center on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/align-center","t":"AlignCenter","d":"AlignCenter, the duotone drawing of align-center on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/align-center","t":"AlignCenter","d":"AlignCenter, the fill drawing of align-center on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:align-justify","t":"AlignJustify","d":"AlignJustify, the stroke drawing of align-justify on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/align-justify","t":"AlignJustify","d":"AlignJustify, the two-tone drawing of align-justify on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/align-justify","t":"AlignJustify","d":"AlignJustify, the duotone drawing of align-justify on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/align-justify","t":"AlignJustify","d":"AlignJustify, the fill drawing of align-justify on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/align-justify","t":"AlignJustify","d":"AlignJustify, the stroke drawing of align-justify on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/align-justify","t":"AlignJustify","d":"AlignJustify, the two-tone drawing of align-justify on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/align-justify","t":"AlignJustify","d":"AlignJustify, the duotone drawing of align-justify on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/align-justify","t":"AlignJustify","d":"AlignJustify, the fill drawing of align-justify on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:align-left","t":"AlignLeft","d":"AlignLeft, the stroke drawing of align-left on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/align-left","t":"AlignLeft","d":"AlignLeft, the two-tone drawing of align-left on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/align-left","t":"AlignLeft","d":"AlignLeft, the duotone drawing of align-left on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/align-left","t":"AlignLeft","d":"AlignLeft, the fill drawing of align-left on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/align-left","t":"AlignLeft","d":"AlignLeft, the stroke drawing of align-left on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/align-left","t":"AlignLeft","d":"AlignLeft, the two-tone drawing of align-left on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/align-left","t":"AlignLeft","d":"AlignLeft, the duotone drawing of align-left on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/align-left","t":"AlignLeft","d":"AlignLeft, the fill drawing of align-left on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-align-offset-bottom","t":"CircleAlignOffsetBottom","d":"CircleAlignOffsetBottom, the stroke drawing of circle-align-offset-bottom on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-align-offset-bottom","t":"CircleAlignOffsetBottom","d":"CircleAlignOffsetBottom, the two-tone drawing of circle-align-offset-bottom on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-align-offset-bottom","t":"CircleAlignOffsetBottom","d":"CircleAlignOffsetBottom, the duotone drawing of circle-align-offset-bottom on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-align-offset-bottom","t":"CircleAlignOffsetBottom","d":"CircleAlignOffsetBottom, the fill drawing of circle-align-offset-bottom on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-align-offset-bottom","t":"CircleAlignOffsetBottom","d":"CircleAlignOffsetBottom, the stroke drawing of circle-align-offset-bottom on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-align-offset-bottom","t":"CircleAlignOffsetBottom","d":"CircleAlignOffsetBottom, the two-tone drawing of circle-align-offset-bottom on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-align-offset-bottom","t":"CircleAlignOffsetBottom","d":"CircleAlignOffsetBottom, the duotone drawing of circle-align-offset-bottom on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-align-offset-bottom","t":"CircleAlignOffsetBottom","d":"CircleAlignOffsetBottom, the fill drawing of circle-align-offset-bottom on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:align-offset-bottom","t":"AlignOffsetBottom","d":"AlignOffsetBottom, the stroke drawing of align-offset-bottom on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/align-offset-bottom","t":"AlignOffsetBottom","d":"AlignOffsetBottom, the two-tone drawing of align-offset-bottom on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/align-offset-bottom","t":"AlignOffsetBottom","d":"AlignOffsetBottom, the duotone drawing of align-offset-bottom on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/align-offset-bottom","t":"AlignOffsetBottom","d":"AlignOffsetBottom, the fill drawing of align-offset-bottom on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/align-offset-bottom","t":"AlignOffsetBottom","d":"AlignOffsetBottom, the stroke drawing of align-offset-bottom on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/align-offset-bottom","t":"AlignOffsetBottom","d":"AlignOffsetBottom, the two-tone drawing of align-offset-bottom on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/align-offset-bottom","t":"AlignOffsetBottom","d":"AlignOffsetBottom, the duotone drawing of align-offset-bottom on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/align-offset-bottom","t":"AlignOffsetBottom","d":"AlignOffsetBottom, the fill drawing of align-offset-bottom on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-align-offset-bottom","t":"SquareAlignOffsetBottom","d":"SquareAlignOffsetBottom, the stroke drawing of square-align-offset-bottom on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-align-offset-bottom","t":"SquareAlignOffsetBottom","d":"SquareAlignOffsetBottom, the two-tone drawing of square-align-offset-bottom on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-align-offset-bottom","t":"SquareAlignOffsetBottom","d":"SquareAlignOffsetBottom, the duotone drawing of square-align-offset-bottom on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-align-offset-bottom","t":"SquareAlignOffsetBottom","d":"SquareAlignOffsetBottom, the fill drawing of square-align-offset-bottom on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-align-offset-bottom","t":"SquareAlignOffsetBottom","d":"SquareAlignOffsetBottom, the stroke drawing of square-align-offset-bottom on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-align-offset-bottom","t":"SquareAlignOffsetBottom","d":"SquareAlignOffsetBottom, the two-tone drawing of square-align-offset-bottom on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-align-offset-bottom","t":"SquareAlignOffsetBottom","d":"SquareAlignOffsetBottom, the duotone drawing of square-align-offset-bottom on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-align-offset-bottom","t":"SquareAlignOffsetBottom","d":"SquareAlignOffsetBottom, the fill drawing of square-align-offset-bottom on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-align-offset-left","t":"CircleAlignOffsetLeft","d":"CircleAlignOffsetLeft, the stroke drawing of circle-align-offset-left on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-align-offset-left","t":"CircleAlignOffsetLeft","d":"CircleAlignOffsetLeft, the two-tone drawing of circle-align-offset-left on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-align-offset-left","t":"CircleAlignOffsetLeft","d":"CircleAlignOffsetLeft, the duotone drawing of circle-align-offset-left on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-align-offset-left","t":"CircleAlignOffsetLeft","d":"CircleAlignOffsetLeft, the fill drawing of circle-align-offset-left on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-align-offset-left","t":"CircleAlignOffsetLeft","d":"CircleAlignOffsetLeft, the stroke drawing of circle-align-offset-left on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-align-offset-left","t":"CircleAlignOffsetLeft","d":"CircleAlignOffsetLeft, the two-tone drawing of circle-align-offset-left on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-align-offset-left","t":"CircleAlignOffsetLeft","d":"CircleAlignOffsetLeft, the duotone drawing of circle-align-offset-left on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-align-offset-left","t":"CircleAlignOffsetLeft","d":"CircleAlignOffsetLeft, the fill drawing of circle-align-offset-left on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:align-offset-left","t":"AlignOffsetLeft","d":"AlignOffsetLeft, the stroke drawing of align-offset-left on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/align-offset-left","t":"AlignOffsetLeft","d":"AlignOffsetLeft, the two-tone drawing of align-offset-left on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/align-offset-left","t":"AlignOffsetLeft","d":"AlignOffsetLeft, the duotone drawing of align-offset-left on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/align-offset-left","t":"AlignOffsetLeft","d":"AlignOffsetLeft, the fill drawing of align-offset-left on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/align-offset-left","t":"AlignOffsetLeft","d":"AlignOffsetLeft, the stroke drawing of align-offset-left on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/align-offset-left","t":"AlignOffsetLeft","d":"AlignOffsetLeft, the two-tone drawing of align-offset-left on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/align-offset-left","t":"AlignOffsetLeft","d":"AlignOffsetLeft, the duotone drawing of align-offset-left on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/align-offset-left","t":"AlignOffsetLeft","d":"AlignOffsetLeft, the fill drawing of align-offset-left on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-align-offset-left","t":"SquareAlignOffsetLeft","d":"SquareAlignOffsetLeft, the stroke drawing of square-align-offset-left on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-align-offset-left","t":"SquareAlignOffsetLeft","d":"SquareAlignOffsetLeft, the two-tone drawing of square-align-offset-left on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-align-offset-left","t":"SquareAlignOffsetLeft","d":"SquareAlignOffsetLeft, the duotone drawing of square-align-offset-left on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-align-offset-left","t":"SquareAlignOffsetLeft","d":"SquareAlignOffsetLeft, the fill drawing of square-align-offset-left on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-align-offset-left","t":"SquareAlignOffsetLeft","d":"SquareAlignOffsetLeft, the stroke drawing of square-align-offset-left on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-align-offset-left","t":"SquareAlignOffsetLeft","d":"SquareAlignOffsetLeft, the two-tone drawing of square-align-offset-left on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-align-offset-left","t":"SquareAlignOffsetLeft","d":"SquareAlignOffsetLeft, the duotone drawing of square-align-offset-left on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-align-offset-left","t":"SquareAlignOffsetLeft","d":"SquareAlignOffsetLeft, the fill drawing of square-align-offset-left on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-align-offset-right","t":"CircleAlignOffsetRight","d":"CircleAlignOffsetRight, the stroke drawing of circle-align-offset-right on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-align-offset-right","t":"CircleAlignOffsetRight","d":"CircleAlignOffsetRight, the two-tone drawing of circle-align-offset-right on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-align-offset-right","t":"CircleAlignOffsetRight","d":"CircleAlignOffsetRight, the duotone drawing of circle-align-offset-right on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-align-offset-right","t":"CircleAlignOffsetRight","d":"CircleAlignOffsetRight, the fill drawing of circle-align-offset-right on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-align-offset-right","t":"CircleAlignOffsetRight","d":"CircleAlignOffsetRight, the stroke drawing of circle-align-offset-right on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-align-offset-right","t":"CircleAlignOffsetRight","d":"CircleAlignOffsetRight, the two-tone drawing of circle-align-offset-right on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-align-offset-right","t":"CircleAlignOffsetRight","d":"CircleAlignOffsetRight, the duotone drawing of circle-align-offset-right on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-align-offset-right","t":"CircleAlignOffsetRight","d":"CircleAlignOffsetRight, the fill drawing of circle-align-offset-right on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:align-offset-right","t":"AlignOffsetRight","d":"AlignOffsetRight, the stroke drawing of align-offset-right on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/align-offset-right","t":"AlignOffsetRight","d":"AlignOffsetRight, the two-tone drawing of align-offset-right on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/align-offset-right","t":"AlignOffsetRight","d":"AlignOffsetRight, the duotone drawing of align-offset-right on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/align-offset-right","t":"AlignOffsetRight","d":"AlignOffsetRight, the fill drawing of align-offset-right on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/align-offset-right","t":"AlignOffsetRight","d":"AlignOffsetRight, the stroke drawing of align-offset-right on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/align-offset-right","t":"AlignOffsetRight","d":"AlignOffsetRight, the two-tone drawing of align-offset-right on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/align-offset-right","t":"AlignOffsetRight","d":"AlignOffsetRight, the duotone drawing of align-offset-right on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/align-offset-right","t":"AlignOffsetRight","d":"AlignOffsetRight, the fill drawing of align-offset-right on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-align-offset-right","t":"SquareAlignOffsetRight","d":"SquareAlignOffsetRight, the stroke drawing of square-align-offset-right on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-align-offset-right","t":"SquareAlignOffsetRight","d":"SquareAlignOffsetRight, the two-tone drawing of square-align-offset-right on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-align-offset-right","t":"SquareAlignOffsetRight","d":"SquareAlignOffsetRight, the duotone drawing of square-align-offset-right on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-align-offset-right","t":"SquareAlignOffsetRight","d":"SquareAlignOffsetRight, the fill drawing of square-align-offset-right on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-align-offset-right","t":"SquareAlignOffsetRight","d":"SquareAlignOffsetRight, the stroke drawing of square-align-offset-right on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-align-offset-right","t":"SquareAlignOffsetRight","d":"SquareAlignOffsetRight, the two-tone drawing of square-align-offset-right on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-align-offset-right","t":"SquareAlignOffsetRight","d":"SquareAlignOffsetRight, the duotone drawing of square-align-offset-right on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-align-offset-right","t":"SquareAlignOffsetRight","d":"SquareAlignOffsetRight, the fill drawing of square-align-offset-right on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-align-offset-top","t":"CircleAlignOffsetTop","d":"CircleAlignOffsetTop, the stroke drawing of circle-align-offset-top on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-align-offset-top","t":"CircleAlignOffsetTop","d":"CircleAlignOffsetTop, the two-tone drawing of circle-align-offset-top on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-align-offset-top","t":"CircleAlignOffsetTop","d":"CircleAlignOffsetTop, the duotone drawing of circle-align-offset-top on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-align-offset-top","t":"CircleAlignOffsetTop","d":"CircleAlignOffsetTop, the fill drawing of circle-align-offset-top on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-align-offset-top","t":"CircleAlignOffsetTop","d":"CircleAlignOffsetTop, the stroke drawing of circle-align-offset-top on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-align-offset-top","t":"CircleAlignOffsetTop","d":"CircleAlignOffsetTop, the two-tone drawing of circle-align-offset-top on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-align-offset-top","t":"CircleAlignOffsetTop","d":"CircleAlignOffsetTop, the duotone drawing of circle-align-offset-top on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-align-offset-top","t":"CircleAlignOffsetTop","d":"CircleAlignOffsetTop, the fill drawing of circle-align-offset-top on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:align-offset-top","t":"AlignOffsetTop","d":"AlignOffsetTop, the stroke drawing of align-offset-top on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/align-offset-top","t":"AlignOffsetTop","d":"AlignOffsetTop, the two-tone drawing of align-offset-top on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/align-offset-top","t":"AlignOffsetTop","d":"AlignOffsetTop, the duotone drawing of align-offset-top on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/align-offset-top","t":"AlignOffsetTop","d":"AlignOffsetTop, the fill drawing of align-offset-top on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/align-offset-top","t":"AlignOffsetTop","d":"AlignOffsetTop, the stroke drawing of align-offset-top on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/align-offset-top","t":"AlignOffsetTop","d":"AlignOffsetTop, the two-tone drawing of align-offset-top on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/align-offset-top","t":"AlignOffsetTop","d":"AlignOffsetTop, the duotone drawing of align-offset-top on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/align-offset-top","t":"AlignOffsetTop","d":"AlignOffsetTop, the fill drawing of align-offset-top on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-align-offset-top","t":"SquareAlignOffsetTop","d":"SquareAlignOffsetTop, the stroke drawing of square-align-offset-top on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-align-offset-top","t":"SquareAlignOffsetTop","d":"SquareAlignOffsetTop, the two-tone drawing of square-align-offset-top on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-align-offset-top","t":"SquareAlignOffsetTop","d":"SquareAlignOffsetTop, the duotone drawing of square-align-offset-top on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-align-offset-top","t":"SquareAlignOffsetTop","d":"SquareAlignOffsetTop, the fill drawing of square-align-offset-top on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-align-offset-top","t":"SquareAlignOffsetTop","d":"SquareAlignOffsetTop, the stroke drawing of square-align-offset-top on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-align-offset-top","t":"SquareAlignOffsetTop","d":"SquareAlignOffsetTop, the two-tone drawing of square-align-offset-top on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-align-offset-top","t":"SquareAlignOffsetTop","d":"SquareAlignOffsetTop, the duotone drawing of square-align-offset-top on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-align-offset-top","t":"SquareAlignOffsetTop","d":"SquareAlignOffsetTop, the fill drawing of square-align-offset-top on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:align-right","t":"AlignRight","d":"AlignRight, the stroke drawing of align-right on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/align-right","t":"AlignRight","d":"AlignRight, the two-tone drawing of align-right on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/align-right","t":"AlignRight","d":"AlignRight, the duotone drawing of align-right on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/align-right","t":"AlignRight","d":"AlignRight, the fill drawing of align-right on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/align-right","t":"AlignRight","d":"AlignRight, the stroke drawing of align-right on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/align-right","t":"AlignRight","d":"AlignRight, the two-tone drawing of align-right on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/align-right","t":"AlignRight","d":"AlignRight, the duotone drawing of align-right on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/align-right","t":"AlignRight","d":"AlignRight, the fill drawing of align-right on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:american-football","t":"AmericanFootball","d":"AmericanFootball, the stroke drawing of american-football on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/american-football","t":"AmericanFootball","d":"AmericanFootball, the two-tone drawing of american-football on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/american-football","t":"AmericanFootball","d":"AmericanFootball, the duotone drawing of american-football on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/american-football","t":"AmericanFootball","d":"AmericanFootball, the fill drawing of american-football on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/american-football","t":"AmericanFootball","d":"AmericanFootball, the stroke drawing of american-football on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/american-football","t":"AmericanFootball","d":"AmericanFootball, the two-tone drawing of american-football on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/american-football","t":"AmericanFootball","d":"AmericanFootball, the duotone drawing of american-football on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/american-football","t":"AmericanFootball","d":"AmericanFootball, the fill drawing of american-football on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:anchor","t":"Anchor","d":"Anchor, the stroke drawing of anchor on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/anchor","t":"Anchor","d":"Anchor, the two-tone drawing of anchor on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/anchor","t":"Anchor","d":"Anchor, the duotone drawing of anchor on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/anchor","t":"Anchor","d":"Anchor, the fill drawing of anchor on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/anchor","t":"Anchor","d":"Anchor, the stroke drawing of anchor on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/anchor","t":"Anchor","d":"Anchor, the two-tone drawing of anchor on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/anchor","t":"Anchor","d":"Anchor, the duotone drawing of anchor on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/anchor","t":"Anchor","d":"Anchor, the fill drawing of anchor on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:app-check","t":"AppCheck","d":"AppCheck, the stroke drawing of app-check on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/app-check","t":"AppCheck","d":"AppCheck, the two-tone drawing of app-check on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/app-check","t":"AppCheck","d":"AppCheck, the duotone drawing of app-check on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/app-check","t":"AppCheck","d":"AppCheck, the fill drawing of app-check on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/app-check","t":"AppCheck","d":"AppCheck, the stroke drawing of app-check on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/app-check","t":"AppCheck","d":"AppCheck, the two-tone drawing of app-check on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/app-check","t":"AppCheck","d":"AppCheck, the duotone drawing of app-check on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/app-check","t":"AppCheck","d":"AppCheck, the fill drawing of app-check on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:app-dot","t":"AppDot","d":"AppDot, the stroke drawing of app-dot on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/app-dot","t":"AppDot","d":"AppDot, the two-tone drawing of app-dot on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/app-dot","t":"AppDot","d":"AppDot, the duotone drawing of app-dot on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/app-dot","t":"AppDot","d":"AppDot, the fill drawing of app-dot on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/app-dot","t":"AppDot","d":"AppDot, the stroke drawing of app-dot on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/app-dot","t":"AppDot","d":"AppDot, the two-tone drawing of app-dot on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/app-dot","t":"AppDot","d":"AppDot, the duotone drawing of app-dot on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/app-dot","t":"AppDot","d":"AppDot, the fill drawing of app-dot on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:app-minus","t":"AppMinus","d":"AppMinus, the stroke drawing of app-minus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/app-minus","t":"AppMinus","d":"AppMinus, the two-tone drawing of app-minus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/app-minus","t":"AppMinus","d":"AppMinus, the duotone drawing of app-minus on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/app-minus","t":"AppMinus","d":"AppMinus, the fill drawing of app-minus on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/app-minus","t":"AppMinus","d":"AppMinus, the stroke drawing of app-minus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/app-minus","t":"AppMinus","d":"AppMinus, the two-tone drawing of app-minus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/app-minus","t":"AppMinus","d":"AppMinus, the duotone drawing of app-minus on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/app-minus","t":"AppMinus","d":"AppMinus, the fill drawing of app-minus on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:app-plus","t":"AppPlus","d":"AppPlus, the stroke drawing of app-plus on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/app-plus","t":"AppPlus","d":"AppPlus, the two-tone drawing of app-plus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/app-plus","t":"AppPlus","d":"AppPlus, the duotone drawing of app-plus on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/app-plus","t":"AppPlus","d":"AppPlus, the fill drawing of app-plus on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/app-plus","t":"AppPlus","d":"AppPlus, the stroke drawing of app-plus on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/app-plus","t":"AppPlus","d":"AppPlus, the two-tone drawing of app-plus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/app-plus","t":"AppPlus","d":"AppPlus, the duotone drawing of app-plus on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/app-plus","t":"AppPlus","d":"AppPlus, the fill drawing of app-plus on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:app-window","t":"AppWindow","d":"AppWindow, the stroke drawing of app-window on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","vn":16,"hc":1},{"id":"keyline:two-tone/app-window","t":"AppWindow","d":"AppWindow, the two-tone drawing of app-window on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/app-window","t":"AppWindow","d":"AppWindow, the duotone drawing of app-window on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/app-window","t":"AppWindow","d":"AppWindow, the fill drawing of app-window on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/app-window","t":"AppWindow","d":"AppWindow, the stroke drawing of app-window on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/app-window","t":"AppWindow","d":"AppWindow, the two-tone drawing of app-window on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/app-window","t":"AppWindow","d":"AppWindow, the duotone drawing of app-window on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/app-window","t":"AppWindow","d":"AppWindow, the fill drawing of app-window on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:app-window-cursor","t":"AppWindowCursor","d":"AppWindowCursor, the stroke drawing of app-window-cursor on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/app-window-cursor","t":"AppWindowCursor","d":"AppWindowCursor, the two-tone drawing of app-window-cursor on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/app-window-cursor","t":"AppWindowCursor","d":"AppWindowCursor, the duotone drawing of app-window-cursor on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/app-window-cursor","t":"AppWindowCursor","d":"AppWindowCursor, the fill drawing of app-window-cursor on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/app-window-cursor","t":"AppWindowCursor","d":"AppWindowCursor, the stroke drawing of app-window-cursor on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/app-window-cursor","t":"AppWindowCursor","d":"AppWindowCursor, the two-tone drawing of app-window-cursor on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/app-window-cursor","t":"AppWindowCursor","d":"AppWindowCursor, the duotone drawing of app-window-cursor on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/app-window-cursor","t":"AppWindowCursor","d":"AppWindowCursor, the fill drawing of app-window-cursor on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:app-window-minus","t":"AppWindowMinus","d":"AppWindowMinus, the stroke drawing of app-window-minus on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/app-window-minus","t":"AppWindowMinus","d":"AppWindowMinus, the two-tone drawing of app-window-minus on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/app-window-minus","t":"AppWindowMinus","d":"AppWindowMinus, the duotone drawing of app-window-minus on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/app-window-minus","t":"AppWindowMinus","d":"AppWindowMinus, the fill drawing of app-window-minus on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/app-window-minus","t":"AppWindowMinus","d":"AppWindowMinus, the stroke drawing of app-window-minus on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/app-window-minus","t":"AppWindowMinus","d":"AppWindowMinus, the two-tone drawing of app-window-minus on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/app-window-minus","t":"AppWindowMinus","d":"AppWindowMinus, the duotone drawing of app-window-minus on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/app-window-minus","t":"AppWindowMinus","d":"AppWindowMinus, the fill drawing of app-window-minus on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:app-window-plus","t":"AppWindowPlus","d":"AppWindowPlus, the stroke drawing of app-window-plus on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/app-window-plus","t":"AppWindowPlus","d":"AppWindowPlus, the two-tone drawing of app-window-plus on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/app-window-plus","t":"AppWindowPlus","d":"AppWindowPlus, the duotone drawing of app-window-plus on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/app-window-plus","t":"AppWindowPlus","d":"AppWindowPlus, the fill drawing of app-window-plus on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/app-window-plus","t":"AppWindowPlus","d":"AppWindowPlus, the stroke drawing of app-window-plus on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/app-window-plus","t":"AppWindowPlus","d":"AppWindowPlus, the two-tone drawing of app-window-plus on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/app-window-plus","t":"AppWindowPlus","d":"AppWindowPlus, the duotone drawing of app-window-plus on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/app-window-plus","t":"AppWindowPlus","d":"AppWindowPlus, the fill drawing of app-window-plus on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:app-window-sparkles","t":"AppWindowSparkles","d":"AppWindowSparkles, the stroke drawing of app-window-sparkles on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/app-window-sparkles","t":"AppWindowSparkles","d":"AppWindowSparkles, the two-tone drawing of app-window-sparkles on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/app-window-sparkles","t":"AppWindowSparkles","d":"AppWindowSparkles, the duotone drawing of app-window-sparkles on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/app-window-sparkles","t":"AppWindowSparkles","d":"AppWindowSparkles, the fill drawing of app-window-sparkles on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/app-window-sparkles","t":"AppWindowSparkles","d":"AppWindowSparkles, the stroke drawing of app-window-sparkles on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/app-window-sparkles","t":"AppWindowSparkles","d":"AppWindowSparkles, the two-tone drawing of app-window-sparkles on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/app-window-sparkles","t":"AppWindowSparkles","d":"AppWindowSparkles, the duotone drawing of app-window-sparkles on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/app-window-sparkles","t":"AppWindowSparkles","d":"AppWindowSparkles, the fill drawing of app-window-sparkles on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:app-window-terminal","t":"AppWindowTerminal","d":"AppWindowTerminal, the stroke drawing of app-window-terminal on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:two-tone/app-window-terminal","t":"AppWindowTerminal","d":"AppWindowTerminal, the two-tone drawing of app-window-terminal on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:duotone/app-window-terminal","t":"AppWindowTerminal","d":"AppWindowTerminal, the duotone drawing of app-window-terminal on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:fill/app-window-terminal","t":"AppWindowTerminal","d":"AppWindowTerminal, the fill drawing of app-window-terminal on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/app-window-terminal","t":"AppWindowTerminal","d":"AppWindowTerminal, the stroke drawing of app-window-terminal on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/two-tone/app-window-terminal","t":"AppWindowTerminal","d":"AppWindowTerminal, the two-tone drawing of app-window-terminal on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/duotone/app-window-terminal","t":"AppWindowTerminal","d":"AppWindowTerminal, the duotone drawing of app-window-terminal on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/fill/app-window-terminal","t":"AppWindowTerminal","d":"AppWindowTerminal, the fill drawing of app-window-terminal on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:app-x","t":"AppX","d":"AppX, the stroke drawing of app-x on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/app-x","t":"AppX","d":"AppX, the two-tone drawing of app-x on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/app-x","t":"AppX","d":"AppX, the duotone drawing of app-x on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/app-x","t":"AppX","d":"AppX, the fill drawing of app-x on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/app-x","t":"AppX","d":"AppX, the stroke drawing of app-x on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/app-x","t":"AppX","d":"AppX, the two-tone drawing of app-x on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/app-x","t":"AppX","d":"AppX, the duotone drawing of app-x on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/app-x","t":"AppX","d":"AppX, the fill drawing of app-x on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:archive","t":"Archive","d":"Archive, the stroke drawing of archive on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/archive","t":"Archive","d":"Archive, the two-tone drawing of archive on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/archive","t":"Archive","d":"Archive, the duotone drawing of archive on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/archive","t":"Archive","d":"Archive, the fill drawing of archive on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/archive","t":"Archive","d":"Archive, the stroke drawing of archive on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/archive","t":"Archive","d":"Archive, the two-tone drawing of archive on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/archive","t":"Archive","d":"Archive, the duotone drawing of archive on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/archive","t":"Archive","d":"Archive, the fill drawing of archive on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-big-down","t":"ArrowBigDown","d":"ArrowBigDown, the stroke drawing of arrow-big-down on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-big-down","t":"ArrowBigDown","d":"ArrowBigDown, the two-tone drawing of arrow-big-down on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-big-down","t":"ArrowBigDown","d":"ArrowBigDown, the duotone drawing of arrow-big-down on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-big-down","t":"ArrowBigDown","d":"ArrowBigDown, the fill drawing of arrow-big-down on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-big-down","t":"ArrowBigDown","d":"ArrowBigDown, the stroke drawing of arrow-big-down on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-big-down","t":"ArrowBigDown","d":"ArrowBigDown, the two-tone drawing of arrow-big-down on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-big-down","t":"ArrowBigDown","d":"ArrowBigDown, the duotone drawing of arrow-big-down on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-big-down","t":"ArrowBigDown","d":"ArrowBigDown, the fill drawing of arrow-big-down on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-big-down-short","t":"ArrowBigDownShort","d":"ArrowBigDownShort, the stroke drawing of arrow-big-down-short on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-big-down-short","t":"ArrowBigDownShort","d":"ArrowBigDownShort, the two-tone drawing of arrow-big-down-short on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-big-down-short","t":"ArrowBigDownShort","d":"ArrowBigDownShort, the duotone drawing of arrow-big-down-short on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-big-down-short","t":"ArrowBigDownShort","d":"ArrowBigDownShort, the fill drawing of arrow-big-down-short on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-big-down-short","t":"ArrowBigDownShort","d":"ArrowBigDownShort, the stroke drawing of arrow-big-down-short on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-big-down-short","t":"ArrowBigDownShort","d":"ArrowBigDownShort, the two-tone drawing of arrow-big-down-short on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-big-down-short","t":"ArrowBigDownShort","d":"ArrowBigDownShort, the duotone drawing of arrow-big-down-short on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-big-down-short","t":"ArrowBigDownShort","d":"ArrowBigDownShort, the fill drawing of arrow-big-down-short on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-big-left","t":"ArrowBigLeft","d":"ArrowBigLeft, the stroke drawing of arrow-big-left on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-big-left","t":"ArrowBigLeft","d":"ArrowBigLeft, the two-tone drawing of arrow-big-left on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-big-left","t":"ArrowBigLeft","d":"ArrowBigLeft, the duotone drawing of arrow-big-left on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-big-left","t":"ArrowBigLeft","d":"ArrowBigLeft, the fill drawing of arrow-big-left on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-big-left","t":"ArrowBigLeft","d":"ArrowBigLeft, the stroke drawing of arrow-big-left on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-big-left","t":"ArrowBigLeft","d":"ArrowBigLeft, the two-tone drawing of arrow-big-left on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-big-left","t":"ArrowBigLeft","d":"ArrowBigLeft, the duotone drawing of arrow-big-left on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-big-left","t":"ArrowBigLeft","d":"ArrowBigLeft, the fill drawing of arrow-big-left on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-big-left-short","t":"ArrowBigLeftShort","d":"ArrowBigLeftShort, the stroke drawing of arrow-big-left-short on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-big-left-short","t":"ArrowBigLeftShort","d":"ArrowBigLeftShort, the two-tone drawing of arrow-big-left-short on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-big-left-short","t":"ArrowBigLeftShort","d":"ArrowBigLeftShort, the duotone drawing of arrow-big-left-short on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-big-left-short","t":"ArrowBigLeftShort","d":"ArrowBigLeftShort, the fill drawing of arrow-big-left-short on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-big-left-short","t":"ArrowBigLeftShort","d":"ArrowBigLeftShort, the stroke drawing of arrow-big-left-short on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-big-left-short","t":"ArrowBigLeftShort","d":"ArrowBigLeftShort, the two-tone drawing of arrow-big-left-short on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-big-left-short","t":"ArrowBigLeftShort","d":"ArrowBigLeftShort, the duotone drawing of arrow-big-left-short on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-big-left-short","t":"ArrowBigLeftShort","d":"ArrowBigLeftShort, the fill drawing of arrow-big-left-short on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-big-right","t":"ArrowBigRight","d":"ArrowBigRight, the stroke drawing of arrow-big-right on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-big-right","t":"ArrowBigRight","d":"ArrowBigRight, the two-tone drawing of arrow-big-right on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-big-right","t":"ArrowBigRight","d":"ArrowBigRight, the duotone drawing of arrow-big-right on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-big-right","t":"ArrowBigRight","d":"ArrowBigRight, the fill drawing of arrow-big-right on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-big-right","t":"ArrowBigRight","d":"ArrowBigRight, the stroke drawing of arrow-big-right on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-big-right","t":"ArrowBigRight","d":"ArrowBigRight, the two-tone drawing of arrow-big-right on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-big-right","t":"ArrowBigRight","d":"ArrowBigRight, the duotone drawing of arrow-big-right on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-big-right","t":"ArrowBigRight","d":"ArrowBigRight, the fill drawing of arrow-big-right on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-big-right-short","t":"ArrowBigRightShort","d":"ArrowBigRightShort, the stroke drawing of arrow-big-right-short on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-big-right-short","t":"ArrowBigRightShort","d":"ArrowBigRightShort, the two-tone drawing of arrow-big-right-short on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-big-right-short","t":"ArrowBigRightShort","d":"ArrowBigRightShort, the duotone drawing of arrow-big-right-short on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-big-right-short","t":"ArrowBigRightShort","d":"ArrowBigRightShort, the fill drawing of arrow-big-right-short on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-big-right-short","t":"ArrowBigRightShort","d":"ArrowBigRightShort, the stroke drawing of arrow-big-right-short on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-big-right-short","t":"ArrowBigRightShort","d":"ArrowBigRightShort, the two-tone drawing of arrow-big-right-short on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-big-right-short","t":"ArrowBigRightShort","d":"ArrowBigRightShort, the duotone drawing of arrow-big-right-short on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-big-right-short","t":"ArrowBigRightShort","d":"ArrowBigRightShort, the fill drawing of arrow-big-right-short on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-big-up","t":"ArrowBigUp","d":"ArrowBigUp, the stroke drawing of arrow-big-up on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-big-up","t":"ArrowBigUp","d":"ArrowBigUp, the two-tone drawing of arrow-big-up on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-big-up","t":"ArrowBigUp","d":"ArrowBigUp, the duotone drawing of arrow-big-up on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-big-up","t":"ArrowBigUp","d":"ArrowBigUp, the fill drawing of arrow-big-up on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-big-up","t":"ArrowBigUp","d":"ArrowBigUp, the stroke drawing of arrow-big-up on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-big-up","t":"ArrowBigUp","d":"ArrowBigUp, the two-tone drawing of arrow-big-up on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-big-up","t":"ArrowBigUp","d":"ArrowBigUp, the duotone drawing of arrow-big-up on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-big-up","t":"ArrowBigUp","d":"ArrowBigUp, the fill drawing of arrow-big-up on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-big-up-dash","t":"ArrowBigUpDash","d":"ArrowBigUpDash, the stroke drawing of arrow-big-up-dash on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-big-up-dash","t":"ArrowBigUpDash","d":"ArrowBigUpDash, the two-tone drawing of arrow-big-up-dash on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-big-up-dash","t":"ArrowBigUpDash","d":"ArrowBigUpDash, the duotone drawing of arrow-big-up-dash on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-big-up-dash","t":"ArrowBigUpDash","d":"ArrowBigUpDash, the fill drawing of arrow-big-up-dash on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-big-up-dash","t":"ArrowBigUpDash","d":"ArrowBigUpDash, the stroke drawing of arrow-big-up-dash on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-big-up-dash","t":"ArrowBigUpDash","d":"ArrowBigUpDash, the two-tone drawing of arrow-big-up-dash on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-big-up-dash","t":"ArrowBigUpDash","d":"ArrowBigUpDash, the duotone drawing of arrow-big-up-dash on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-big-up-dash","t":"ArrowBigUpDash","d":"ArrowBigUpDash, the fill drawing of arrow-big-up-dash on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-big-up-short","t":"ArrowBigUpShort","d":"ArrowBigUpShort, the stroke drawing of arrow-big-up-short on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-big-up-short","t":"ArrowBigUpShort","d":"ArrowBigUpShort, the two-tone drawing of arrow-big-up-short on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-big-up-short","t":"ArrowBigUpShort","d":"ArrowBigUpShort, the duotone drawing of arrow-big-up-short on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-big-up-short","t":"ArrowBigUpShort","d":"ArrowBigUpShort, the fill drawing of arrow-big-up-short on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-big-up-short","t":"ArrowBigUpShort","d":"ArrowBigUpShort, the stroke drawing of arrow-big-up-short on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-big-up-short","t":"ArrowBigUpShort","d":"ArrowBigUpShort, the two-tone drawing of arrow-big-up-short on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-big-up-short","t":"ArrowBigUpShort","d":"ArrowBigUpShort, the duotone drawing of arrow-big-up-short on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-big-up-short","t":"ArrowBigUpShort","d":"ArrowBigUpShort, the fill drawing of arrow-big-up-short on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-arrow-down","t":"CircleArrowDown","d":"CircleArrowDown, the stroke drawing of circle-arrow-down on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-arrow-down","t":"CircleArrowDown","d":"CircleArrowDown, the two-tone drawing of circle-arrow-down on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-arrow-down","t":"CircleArrowDown","d":"CircleArrowDown, the duotone drawing of circle-arrow-down on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-arrow-down","t":"CircleArrowDown","d":"CircleArrowDown, the fill drawing of circle-arrow-down on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-arrow-down","t":"CircleArrowDown","d":"CircleArrowDown, the stroke drawing of circle-arrow-down on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-arrow-down","t":"CircleArrowDown","d":"CircleArrowDown, the two-tone drawing of circle-arrow-down on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-arrow-down","t":"CircleArrowDown","d":"CircleArrowDown, the duotone drawing of circle-arrow-down on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-arrow-down","t":"CircleArrowDown","d":"CircleArrowDown, the fill drawing of circle-arrow-down on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-down","t":"ArrowDown","d":"ArrowDown, the stroke drawing of arrow-down on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-down","t":"ArrowDown","d":"ArrowDown, the two-tone drawing of arrow-down on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-down","t":"ArrowDown","d":"ArrowDown, the duotone drawing of arrow-down on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-down","t":"ArrowDown","d":"ArrowDown, the fill drawing of arrow-down on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-down","t":"ArrowDown","d":"ArrowDown, the stroke drawing of arrow-down on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-down","t":"ArrowDown","d":"ArrowDown, the two-tone drawing of arrow-down on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-down","t":"ArrowDown","d":"ArrowDown, the duotone drawing of arrow-down on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-down","t":"ArrowDown","d":"ArrowDown, the fill drawing of arrow-down on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-arrow-down","t":"SquareArrowDown","d":"SquareArrowDown, the stroke drawing of square-arrow-down on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-arrow-down","t":"SquareArrowDown","d":"SquareArrowDown, the two-tone drawing of square-arrow-down on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-arrow-down","t":"SquareArrowDown","d":"SquareArrowDown, the duotone drawing of square-arrow-down on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-arrow-down","t":"SquareArrowDown","d":"SquareArrowDown, the fill drawing of square-arrow-down on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-arrow-down","t":"SquareArrowDown","d":"SquareArrowDown, the stroke drawing of square-arrow-down on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-arrow-down","t":"SquareArrowDown","d":"SquareArrowDown, the two-tone drawing of square-arrow-down on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-arrow-down","t":"SquareArrowDown","d":"SquareArrowDown, the duotone drawing of square-arrow-down on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-arrow-down","t":"SquareArrowDown","d":"SquareArrowDown, the fill drawing of square-arrow-down on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-down-dashed-panel","t":"ArrowDownDashedPanel","d":"ArrowDownDashedPanel, the stroke drawing of arrow-down-dashed-panel on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-down-dashed-panel","t":"ArrowDownDashedPanel","d":"ArrowDownDashedPanel, the two-tone drawing of arrow-down-dashed-panel on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-down-dashed-panel","t":"ArrowDownDashedPanel","d":"ArrowDownDashedPanel, the duotone drawing of arrow-down-dashed-panel on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-down-dashed-panel","t":"ArrowDownDashedPanel","d":"ArrowDownDashedPanel, the fill drawing of arrow-down-dashed-panel on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-down-dashed-panel","t":"ArrowDownDashedPanel","d":"ArrowDownDashedPanel, the stroke drawing of arrow-down-dashed-panel on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-down-dashed-panel","t":"ArrowDownDashedPanel","d":"ArrowDownDashedPanel, the two-tone drawing of arrow-down-dashed-panel on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-down-dashed-panel","t":"ArrowDownDashedPanel","d":"ArrowDownDashedPanel, the duotone drawing of arrow-down-dashed-panel on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-down-dashed-panel","t":"ArrowDownDashedPanel","d":"ArrowDownDashedPanel, the fill drawing of arrow-down-dashed-panel on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-arrow-down-left","t":"CircleArrowDownLeft","d":"CircleArrowDownLeft, the stroke drawing of circle-arrow-down-left on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-arrow-down-left","t":"CircleArrowDownLeft","d":"CircleArrowDownLeft, the two-tone drawing of circle-arrow-down-left on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-arrow-down-left","t":"CircleArrowDownLeft","d":"CircleArrowDownLeft, the duotone drawing of circle-arrow-down-left on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-arrow-down-left","t":"CircleArrowDownLeft","d":"CircleArrowDownLeft, the fill drawing of circle-arrow-down-left on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-arrow-down-left","t":"CircleArrowDownLeft","d":"CircleArrowDownLeft, the stroke drawing of circle-arrow-down-left on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-arrow-down-left","t":"CircleArrowDownLeft","d":"CircleArrowDownLeft, the two-tone drawing of circle-arrow-down-left on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-arrow-down-left","t":"CircleArrowDownLeft","d":"CircleArrowDownLeft, the duotone drawing of circle-arrow-down-left on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-arrow-down-left","t":"CircleArrowDownLeft","d":"CircleArrowDownLeft, the fill drawing of circle-arrow-down-left on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-down-left","t":"ArrowDownLeft","d":"ArrowDownLeft, the stroke drawing of arrow-down-left on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-down-left","t":"ArrowDownLeft","d":"ArrowDownLeft, the two-tone drawing of arrow-down-left on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-down-left","t":"ArrowDownLeft","d":"ArrowDownLeft, the duotone drawing of arrow-down-left on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-down-left","t":"ArrowDownLeft","d":"ArrowDownLeft, the fill drawing of arrow-down-left on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-down-left","t":"ArrowDownLeft","d":"ArrowDownLeft, the stroke drawing of arrow-down-left on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-down-left","t":"ArrowDownLeft","d":"ArrowDownLeft, the two-tone drawing of arrow-down-left on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-down-left","t":"ArrowDownLeft","d":"ArrowDownLeft, the duotone drawing of arrow-down-left on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-down-left","t":"ArrowDownLeft","d":"ArrowDownLeft, the fill drawing of arrow-down-left on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-arrow-down-left","t":"SquareArrowDownLeft","d":"SquareArrowDownLeft, the stroke drawing of square-arrow-down-left on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-arrow-down-left","t":"SquareArrowDownLeft","d":"SquareArrowDownLeft, the two-tone drawing of square-arrow-down-left on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-arrow-down-left","t":"SquareArrowDownLeft","d":"SquareArrowDownLeft, the duotone drawing of square-arrow-down-left on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-arrow-down-left","t":"SquareArrowDownLeft","d":"SquareArrowDownLeft, the fill drawing of square-arrow-down-left on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-arrow-down-left","t":"SquareArrowDownLeft","d":"SquareArrowDownLeft, the stroke drawing of square-arrow-down-left on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-arrow-down-left","t":"SquareArrowDownLeft","d":"SquareArrowDownLeft, the two-tone drawing of square-arrow-down-left on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-arrow-down-left","t":"SquareArrowDownLeft","d":"SquareArrowDownLeft, the duotone drawing of square-arrow-down-left on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-arrow-down-left","t":"SquareArrowDownLeft","d":"SquareArrowDownLeft, the fill drawing of square-arrow-down-left on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-down-left-dashed-panel","t":"ArrowDownLeftDashedPanel","d":"ArrowDownLeftDashedPanel, the stroke drawing of arrow-down-left-dashed-panel on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-down-left-dashed-panel","t":"ArrowDownLeftDashedPanel","d":"ArrowDownLeftDashedPanel, the two-tone drawing of arrow-down-left-dashed-panel on a 24×24 ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-down-left-dashed-panel","t":"ArrowDownLeftDashedPanel","d":"ArrowDownLeftDashedPanel, the duotone drawing of arrow-down-left-dashed-panel on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-down-left-dashed-panel","t":"ArrowDownLeftDashedPanel","d":"ArrowDownLeftDashedPanel, the fill drawing of arrow-down-left-dashed-panel on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-down-left-dashed-panel","t":"ArrowDownLeftDashedPanel","d":"ArrowDownLeftDashedPanel, the stroke drawing of arrow-down-left-dashed-panel on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-down-left-dashed-panel","t":"ArrowDownLeftDashedPanel","d":"ArrowDownLeftDashedPanel, the two-tone drawing of arrow-down-left-dashed-panel on a 24×24 ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-down-left-dashed-panel","t":"ArrowDownLeftDashedPanel","d":"ArrowDownLeftDashedPanel, the duotone drawing of arrow-down-left-dashed-panel on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-down-left-dashed-panel","t":"ArrowDownLeftDashedPanel","d":"ArrowDownLeftDashedPanel, the fill drawing of arrow-down-left-dashed-panel on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-down-narrow-wide","t":"ArrowDownNarrowWide","d":"ArrowDownNarrowWide, the stroke drawing of arrow-down-narrow-wide on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-down-narrow-wide","t":"ArrowDownNarrowWide","d":"ArrowDownNarrowWide, the two-tone drawing of arrow-down-narrow-wide on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-down-narrow-wide","t":"ArrowDownNarrowWide","d":"ArrowDownNarrowWide, the duotone drawing of arrow-down-narrow-wide on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-down-narrow-wide","t":"ArrowDownNarrowWide","d":"ArrowDownNarrowWide, the fill drawing of arrow-down-narrow-wide on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-down-narrow-wide","t":"ArrowDownNarrowWide","d":"ArrowDownNarrowWide, the stroke drawing of arrow-down-narrow-wide on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-down-narrow-wide","t":"ArrowDownNarrowWide","d":"ArrowDownNarrowWide, the two-tone drawing of arrow-down-narrow-wide on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-down-narrow-wide","t":"ArrowDownNarrowWide","d":"ArrowDownNarrowWide, the duotone drawing of arrow-down-narrow-wide on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-down-narrow-wide","t":"ArrowDownNarrowWide","d":"ArrowDownNarrowWide, the fill drawing of arrow-down-narrow-wide on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-arrow-down-right","t":"CircleArrowDownRight","d":"CircleArrowDownRight, the stroke drawing of circle-arrow-down-right on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-arrow-down-right","t":"CircleArrowDownRight","d":"CircleArrowDownRight, the two-tone drawing of circle-arrow-down-right on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-arrow-down-right","t":"CircleArrowDownRight","d":"CircleArrowDownRight, the duotone drawing of circle-arrow-down-right on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-arrow-down-right","t":"CircleArrowDownRight","d":"CircleArrowDownRight, the fill drawing of circle-arrow-down-right on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-arrow-down-right","t":"CircleArrowDownRight","d":"CircleArrowDownRight, the stroke drawing of circle-arrow-down-right on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-arrow-down-right","t":"CircleArrowDownRight","d":"CircleArrowDownRight, the two-tone drawing of circle-arrow-down-right on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-arrow-down-right","t":"CircleArrowDownRight","d":"CircleArrowDownRight, the duotone drawing of circle-arrow-down-right on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-arrow-down-right","t":"CircleArrowDownRight","d":"CircleArrowDownRight, the fill drawing of circle-arrow-down-right on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-down-right","t":"ArrowDownRight","d":"ArrowDownRight, the stroke drawing of arrow-down-right on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-down-right","t":"ArrowDownRight","d":"ArrowDownRight, the two-tone drawing of arrow-down-right on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-down-right","t":"ArrowDownRight","d":"ArrowDownRight, the duotone drawing of arrow-down-right on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-down-right","t":"ArrowDownRight","d":"ArrowDownRight, the fill drawing of arrow-down-right on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-down-right","t":"ArrowDownRight","d":"ArrowDownRight, the stroke drawing of arrow-down-right on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-down-right","t":"ArrowDownRight","d":"ArrowDownRight, the two-tone drawing of arrow-down-right on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-down-right","t":"ArrowDownRight","d":"ArrowDownRight, the duotone drawing of arrow-down-right on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-down-right","t":"ArrowDownRight","d":"ArrowDownRight, the fill drawing of arrow-down-right on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-arrow-down-right","t":"SquareArrowDownRight","d":"SquareArrowDownRight, the stroke drawing of square-arrow-down-right on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-arrow-down-right","t":"SquareArrowDownRight","d":"SquareArrowDownRight, the two-tone drawing of square-arrow-down-right on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-arrow-down-right","t":"SquareArrowDownRight","d":"SquareArrowDownRight, the duotone drawing of square-arrow-down-right on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-arrow-down-right","t":"SquareArrowDownRight","d":"SquareArrowDownRight, the fill drawing of square-arrow-down-right on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-arrow-down-right","t":"SquareArrowDownRight","d":"SquareArrowDownRight, the stroke drawing of square-arrow-down-right on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-arrow-down-right","t":"SquareArrowDownRight","d":"SquareArrowDownRight, the two-tone drawing of square-arrow-down-right on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-arrow-down-right","t":"SquareArrowDownRight","d":"SquareArrowDownRight, the duotone drawing of square-arrow-down-right on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-arrow-down-right","t":"SquareArrowDownRight","d":"SquareArrowDownRight, the fill drawing of square-arrow-down-right on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-down-right-dashed-panel","t":"ArrowDownRightDashedPanel","d":"ArrowDownRightDashedPanel, the stroke drawing of arrow-down-right-dashed-panel on a 24×24 ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-down-right-dashed-panel","t":"ArrowDownRightDashedPanel","d":"ArrowDownRightDashedPanel, the two-tone drawing of arrow-down-right-dashed-panel on a 24×2","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-down-right-dashed-panel","t":"ArrowDownRightDashedPanel","d":"ArrowDownRightDashedPanel, the duotone drawing of arrow-down-right-dashed-panel on a 24×24","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-down-right-dashed-panel","t":"ArrowDownRightDashedPanel","d":"ArrowDownRightDashedPanel, the fill drawing of arrow-down-right-dashed-panel on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-down-right-dashed-panel","t":"ArrowDownRightDashedPanel","d":"ArrowDownRightDashedPanel, the stroke drawing of arrow-down-right-dashed-panel on a 24×24 ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-down-right-dashed-panel","t":"ArrowDownRightDashedPanel","d":"ArrowDownRightDashedPanel, the two-tone drawing of arrow-down-right-dashed-panel on a 24×2","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-down-right-dashed-panel","t":"ArrowDownRightDashedPanel","d":"ArrowDownRightDashedPanel, the duotone drawing of arrow-down-right-dashed-panel on a 24×24","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-down-right-dashed-panel","t":"ArrowDownRightDashedPanel","d":"ArrowDownRightDashedPanel, the fill drawing of arrow-down-right-dashed-panel on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-down-up","t":"ArrowDownUp","d":"ArrowDownUp, the stroke drawing of arrow-down-up on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/arrow-down-up","t":"ArrowDownUp","d":"ArrowDownUp, the two-tone drawing of arrow-down-up on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-down-up","t":"ArrowDownUp","d":"ArrowDownUp, the duotone drawing of arrow-down-up on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-down-up","t":"ArrowDownUp","d":"ArrowDownUp, the fill drawing of arrow-down-up on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-down-up","t":"ArrowDownUp","d":"ArrowDownUp, the stroke drawing of arrow-down-up on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-down-up","t":"ArrowDownUp","d":"ArrowDownUp, the two-tone drawing of arrow-down-up on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-down-up","t":"ArrowDownUp","d":"ArrowDownUp, the duotone drawing of arrow-down-up on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-down-up","t":"ArrowDownUp","d":"ArrowDownUp, the fill drawing of arrow-down-up on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-down-wide-narrow","t":"ArrowDownWideNarrow","d":"ArrowDownWideNarrow, the stroke drawing of arrow-down-wide-narrow on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-down-wide-narrow","t":"ArrowDownWideNarrow","d":"ArrowDownWideNarrow, the two-tone drawing of arrow-down-wide-narrow on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-down-wide-narrow","t":"ArrowDownWideNarrow","d":"ArrowDownWideNarrow, the duotone drawing of arrow-down-wide-narrow on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-down-wide-narrow","t":"ArrowDownWideNarrow","d":"ArrowDownWideNarrow, the fill drawing of arrow-down-wide-narrow on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-down-wide-narrow","t":"ArrowDownWideNarrow","d":"ArrowDownWideNarrow, the stroke drawing of arrow-down-wide-narrow on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-down-wide-narrow","t":"ArrowDownWideNarrow","d":"ArrowDownWideNarrow, the two-tone drawing of arrow-down-wide-narrow on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-down-wide-narrow","t":"ArrowDownWideNarrow","d":"ArrowDownWideNarrow, the duotone drawing of arrow-down-wide-narrow on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-down-wide-narrow","t":"ArrowDownWideNarrow","d":"ArrowDownWideNarrow, the fill drawing of arrow-down-wide-narrow on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-in-down-dashed-panel","t":"ArrowInDownDashedPanel","d":"ArrowInDownDashedPanel, the stroke drawing of arrow-in-down-dashed-panel on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-in-down-dashed-panel","t":"ArrowInDownDashedPanel","d":"ArrowInDownDashedPanel, the two-tone drawing of arrow-in-down-dashed-panel on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-in-down-dashed-panel","t":"ArrowInDownDashedPanel","d":"ArrowInDownDashedPanel, the duotone drawing of arrow-in-down-dashed-panel on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-in-down-dashed-panel","t":"ArrowInDownDashedPanel","d":"ArrowInDownDashedPanel, the fill drawing of arrow-in-down-dashed-panel on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-in-down-dashed-panel","t":"ArrowInDownDashedPanel","d":"ArrowInDownDashedPanel, the stroke drawing of arrow-in-down-dashed-panel on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-in-down-dashed-panel","t":"ArrowInDownDashedPanel","d":"ArrowInDownDashedPanel, the two-tone drawing of arrow-in-down-dashed-panel on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-in-down-dashed-panel","t":"ArrowInDownDashedPanel","d":"ArrowInDownDashedPanel, the duotone drawing of arrow-in-down-dashed-panel on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-in-down-dashed-panel","t":"ArrowInDownDashedPanel","d":"ArrowInDownDashedPanel, the fill drawing of arrow-in-down-dashed-panel on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-in-down-left-dashed-panel","t":"ArrowInDownLeftDashedPanel","d":"ArrowInDownLeftDashedPanel, the stroke drawing of arrow-in-down-left-dashed-panel on a 24×","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-in-down-left-dashed-panel","t":"ArrowInDownLeftDashedPanel","d":"ArrowInDownLeftDashedPanel, the two-tone drawing of arrow-in-down-left-dashed-panel on a 2","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-in-down-left-dashed-panel","t":"ArrowInDownLeftDashedPanel","d":"ArrowInDownLeftDashedPanel, the duotone drawing of arrow-in-down-left-dashed-panel on a 24","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-in-down-left-dashed-panel","t":"ArrowInDownLeftDashedPanel","d":"ArrowInDownLeftDashedPanel, the fill drawing of arrow-in-down-left-dashed-panel on a 24×24","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-in-down-left-dashed-panel","t":"ArrowInDownLeftDashedPanel","d":"ArrowInDownLeftDashedPanel, the stroke drawing of arrow-in-down-left-dashed-panel on a 24×","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-in-down-left-dashed-panel","t":"ArrowInDownLeftDashedPanel","d":"ArrowInDownLeftDashedPanel, the two-tone drawing of arrow-in-down-left-dashed-panel on a 2","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-in-down-left-dashed-panel","t":"ArrowInDownLeftDashedPanel","d":"ArrowInDownLeftDashedPanel, the duotone drawing of arrow-in-down-left-dashed-panel on a 24","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-in-down-left-dashed-panel","t":"ArrowInDownLeftDashedPanel","d":"ArrowInDownLeftDashedPanel, the fill drawing of arrow-in-down-left-dashed-panel on a 24×24","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-in-down-right-dashed-panel","t":"ArrowInDownRightDashedPanel","d":"ArrowInDownRightDashedPanel, the stroke drawing of arrow-in-down-right-dashed-panel on a 2","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-in-down-right-dashed-panel","t":"ArrowInDownRightDashedPanel","d":"ArrowInDownRightDashedPanel, the two-tone drawing of arrow-in-down-right-dashed-panel on a","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-in-down-right-dashed-panel","t":"ArrowInDownRightDashedPanel","d":"ArrowInDownRightDashedPanel, the duotone drawing of arrow-in-down-right-dashed-panel on a ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-in-down-right-dashed-panel","t":"ArrowInDownRightDashedPanel","d":"ArrowInDownRightDashedPanel, the fill drawing of arrow-in-down-right-dashed-panel on a 24×","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-in-down-right-dashed-panel","t":"ArrowInDownRightDashedPanel","d":"ArrowInDownRightDashedPanel, the stroke drawing of arrow-in-down-right-dashed-panel on a 2","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-in-down-right-dashed-panel","t":"ArrowInDownRightDashedPanel","d":"ArrowInDownRightDashedPanel, the two-tone drawing of arrow-in-down-right-dashed-panel on a","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-in-down-right-dashed-panel","t":"ArrowInDownRightDashedPanel","d":"ArrowInDownRightDashedPanel, the duotone drawing of arrow-in-down-right-dashed-panel on a ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-in-down-right-dashed-panel","t":"ArrowInDownRightDashedPanel","d":"ArrowInDownRightDashedPanel, the fill drawing of arrow-in-down-right-dashed-panel on a 24×","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-in-left-dashed-panel","t":"ArrowInLeftDashedPanel","d":"ArrowInLeftDashedPanel, the stroke drawing of arrow-in-left-dashed-panel on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-in-left-dashed-panel","t":"ArrowInLeftDashedPanel","d":"ArrowInLeftDashedPanel, the two-tone drawing of arrow-in-left-dashed-panel on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-in-left-dashed-panel","t":"ArrowInLeftDashedPanel","d":"ArrowInLeftDashedPanel, the duotone drawing of arrow-in-left-dashed-panel on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-in-left-dashed-panel","t":"ArrowInLeftDashedPanel","d":"ArrowInLeftDashedPanel, the fill drawing of arrow-in-left-dashed-panel on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-in-left-dashed-panel","t":"ArrowInLeftDashedPanel","d":"ArrowInLeftDashedPanel, the stroke drawing of arrow-in-left-dashed-panel on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-in-left-dashed-panel","t":"ArrowInLeftDashedPanel","d":"ArrowInLeftDashedPanel, the two-tone drawing of arrow-in-left-dashed-panel on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-in-left-dashed-panel","t":"ArrowInLeftDashedPanel","d":"ArrowInLeftDashedPanel, the duotone drawing of arrow-in-left-dashed-panel on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-in-left-dashed-panel","t":"ArrowInLeftDashedPanel","d":"ArrowInLeftDashedPanel, the fill drawing of arrow-in-left-dashed-panel on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-in-right-dashed-panel","t":"ArrowInRightDashedPanel","d":"ArrowInRightDashedPanel, the stroke drawing of arrow-in-right-dashed-panel on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-in-right-dashed-panel","t":"ArrowInRightDashedPanel","d":"ArrowInRightDashedPanel, the two-tone drawing of arrow-in-right-dashed-panel on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-in-right-dashed-panel","t":"ArrowInRightDashedPanel","d":"ArrowInRightDashedPanel, the duotone drawing of arrow-in-right-dashed-panel on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-in-right-dashed-panel","t":"ArrowInRightDashedPanel","d":"ArrowInRightDashedPanel, the fill drawing of arrow-in-right-dashed-panel on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-in-right-dashed-panel","t":"ArrowInRightDashedPanel","d":"ArrowInRightDashedPanel, the stroke drawing of arrow-in-right-dashed-panel on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-in-right-dashed-panel","t":"ArrowInRightDashedPanel","d":"ArrowInRightDashedPanel, the two-tone drawing of arrow-in-right-dashed-panel on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-in-right-dashed-panel","t":"ArrowInRightDashedPanel","d":"ArrowInRightDashedPanel, the duotone drawing of arrow-in-right-dashed-panel on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-in-right-dashed-panel","t":"ArrowInRightDashedPanel","d":"ArrowInRightDashedPanel, the fill drawing of arrow-in-right-dashed-panel on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-in-up-dashed-panel","t":"ArrowInUpDashedPanel","d":"ArrowInUpDashedPanel, the stroke drawing of arrow-in-up-dashed-panel on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-in-up-dashed-panel","t":"ArrowInUpDashedPanel","d":"ArrowInUpDashedPanel, the two-tone drawing of arrow-in-up-dashed-panel on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-in-up-dashed-panel","t":"ArrowInUpDashedPanel","d":"ArrowInUpDashedPanel, the duotone drawing of arrow-in-up-dashed-panel on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-in-up-dashed-panel","t":"ArrowInUpDashedPanel","d":"ArrowInUpDashedPanel, the fill drawing of arrow-in-up-dashed-panel on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-in-up-dashed-panel","t":"ArrowInUpDashedPanel","d":"ArrowInUpDashedPanel, the stroke drawing of arrow-in-up-dashed-panel on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-in-up-dashed-panel","t":"ArrowInUpDashedPanel","d":"ArrowInUpDashedPanel, the two-tone drawing of arrow-in-up-dashed-panel on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-in-up-dashed-panel","t":"ArrowInUpDashedPanel","d":"ArrowInUpDashedPanel, the duotone drawing of arrow-in-up-dashed-panel on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-in-up-dashed-panel","t":"ArrowInUpDashedPanel","d":"ArrowInUpDashedPanel, the fill drawing of arrow-in-up-dashed-panel on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-in-up-left-dashed-panel","t":"ArrowInUpLeftDashedPanel","d":"ArrowInUpLeftDashedPanel, the stroke drawing of arrow-in-up-left-dashed-panel on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-in-up-left-dashed-panel","t":"ArrowInUpLeftDashedPanel","d":"ArrowInUpLeftDashedPanel, the two-tone drawing of arrow-in-up-left-dashed-panel on a 24×24","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-in-up-left-dashed-panel","t":"ArrowInUpLeftDashedPanel","d":"ArrowInUpLeftDashedPanel, the duotone drawing of arrow-in-up-left-dashed-panel on a 24×24 ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-in-up-left-dashed-panel","t":"ArrowInUpLeftDashedPanel","d":"ArrowInUpLeftDashedPanel, the fill drawing of arrow-in-up-left-dashed-panel on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-in-up-left-dashed-panel","t":"ArrowInUpLeftDashedPanel","d":"ArrowInUpLeftDashedPanel, the stroke drawing of arrow-in-up-left-dashed-panel on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-in-up-left-dashed-panel","t":"ArrowInUpLeftDashedPanel","d":"ArrowInUpLeftDashedPanel, the two-tone drawing of arrow-in-up-left-dashed-panel on a 24×24","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-in-up-left-dashed-panel","t":"ArrowInUpLeftDashedPanel","d":"ArrowInUpLeftDashedPanel, the duotone drawing of arrow-in-up-left-dashed-panel on a 24×24 ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-in-up-left-dashed-panel","t":"ArrowInUpLeftDashedPanel","d":"ArrowInUpLeftDashedPanel, the fill drawing of arrow-in-up-left-dashed-panel on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-in-up-right-dashed-panel","t":"ArrowInUpRightDashedPanel","d":"ArrowInUpRightDashedPanel, the stroke drawing of arrow-in-up-right-dashed-panel on a 24×24","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-in-up-right-dashed-panel","t":"ArrowInUpRightDashedPanel","d":"ArrowInUpRightDashedPanel, the two-tone drawing of arrow-in-up-right-dashed-panel on a 24×","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-in-up-right-dashed-panel","t":"ArrowInUpRightDashedPanel","d":"ArrowInUpRightDashedPanel, the duotone drawing of arrow-in-up-right-dashed-panel on a 24×2","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-in-up-right-dashed-panel","t":"ArrowInUpRightDashedPanel","d":"ArrowInUpRightDashedPanel, the fill drawing of arrow-in-up-right-dashed-panel on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-in-up-right-dashed-panel","t":"ArrowInUpRightDashedPanel","d":"ArrowInUpRightDashedPanel, the stroke drawing of arrow-in-up-right-dashed-panel on a 24×24","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-in-up-right-dashed-panel","t":"ArrowInUpRightDashedPanel","d":"ArrowInUpRightDashedPanel, the two-tone drawing of arrow-in-up-right-dashed-panel on a 24×","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-in-up-right-dashed-panel","t":"ArrowInUpRightDashedPanel","d":"ArrowInUpRightDashedPanel, the duotone drawing of arrow-in-up-right-dashed-panel on a 24×2","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-in-up-right-dashed-panel","t":"ArrowInUpRightDashedPanel","d":"ArrowInUpRightDashedPanel, the fill drawing of arrow-in-up-right-dashed-panel on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-arrow-left","t":"CircleArrowLeft","d":"CircleArrowLeft, the stroke drawing of circle-arrow-left on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-arrow-left","t":"CircleArrowLeft","d":"CircleArrowLeft, the two-tone drawing of circle-arrow-left on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-arrow-left","t":"CircleArrowLeft","d":"CircleArrowLeft, the duotone drawing of circle-arrow-left on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-arrow-left","t":"CircleArrowLeft","d":"CircleArrowLeft, the fill drawing of circle-arrow-left on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-arrow-left","t":"CircleArrowLeft","d":"CircleArrowLeft, the stroke drawing of circle-arrow-left on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-arrow-left","t":"CircleArrowLeft","d":"CircleArrowLeft, the two-tone drawing of circle-arrow-left on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-arrow-left","t":"CircleArrowLeft","d":"CircleArrowLeft, the duotone drawing of circle-arrow-left on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-arrow-left","t":"CircleArrowLeft","d":"CircleArrowLeft, the fill drawing of circle-arrow-left on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-left","t":"ArrowLeft","d":"ArrowLeft, the stroke drawing of arrow-left on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-left","t":"ArrowLeft","d":"ArrowLeft, the two-tone drawing of arrow-left on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-left","t":"ArrowLeft","d":"ArrowLeft, the duotone drawing of arrow-left on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-left","t":"ArrowLeft","d":"ArrowLeft, the fill drawing of arrow-left on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-left","t":"ArrowLeft","d":"ArrowLeft, the stroke drawing of arrow-left on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-left","t":"ArrowLeft","d":"ArrowLeft, the two-tone drawing of arrow-left on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-left","t":"ArrowLeft","d":"ArrowLeft, the duotone drawing of arrow-left on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-left","t":"ArrowLeft","d":"ArrowLeft, the fill drawing of arrow-left on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-arrow-left","t":"SquareArrowLeft","d":"SquareArrowLeft, the stroke drawing of square-arrow-left on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-arrow-left","t":"SquareArrowLeft","d":"SquareArrowLeft, the two-tone drawing of square-arrow-left on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-arrow-left","t":"SquareArrowLeft","d":"SquareArrowLeft, the duotone drawing of square-arrow-left on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-arrow-left","t":"SquareArrowLeft","d":"SquareArrowLeft, the fill drawing of square-arrow-left on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-arrow-left","t":"SquareArrowLeft","d":"SquareArrowLeft, the stroke drawing of square-arrow-left on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-arrow-left","t":"SquareArrowLeft","d":"SquareArrowLeft, the two-tone drawing of square-arrow-left on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-arrow-left","t":"SquareArrowLeft","d":"SquareArrowLeft, the duotone drawing of square-arrow-left on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-arrow-left","t":"SquareArrowLeft","d":"SquareArrowLeft, the fill drawing of square-arrow-left on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-left-dashed-panel","t":"ArrowLeftDashedPanel","d":"ArrowLeftDashedPanel, the stroke drawing of arrow-left-dashed-panel on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-left-dashed-panel","t":"ArrowLeftDashedPanel","d":"ArrowLeftDashedPanel, the two-tone drawing of arrow-left-dashed-panel on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-left-dashed-panel","t":"ArrowLeftDashedPanel","d":"ArrowLeftDashedPanel, the duotone drawing of arrow-left-dashed-panel on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-left-dashed-panel","t":"ArrowLeftDashedPanel","d":"ArrowLeftDashedPanel, the fill drawing of arrow-left-dashed-panel on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-left-dashed-panel","t":"ArrowLeftDashedPanel","d":"ArrowLeftDashedPanel, the stroke drawing of arrow-left-dashed-panel on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-left-dashed-panel","t":"ArrowLeftDashedPanel","d":"ArrowLeftDashedPanel, the two-tone drawing of arrow-left-dashed-panel on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-left-dashed-panel","t":"ArrowLeftDashedPanel","d":"ArrowLeftDashedPanel, the duotone drawing of arrow-left-dashed-panel on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-left-dashed-panel","t":"ArrowLeftDashedPanel","d":"ArrowLeftDashedPanel, the fill drawing of arrow-left-dashed-panel on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-left-right","t":"ArrowLeftRight","d":"ArrowLeftRight, the stroke drawing of arrow-left-right on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/arrow-left-right","t":"ArrowLeftRight","d":"ArrowLeftRight, the two-tone drawing of arrow-left-right on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-left-right","t":"ArrowLeftRight","d":"ArrowLeftRight, the duotone drawing of arrow-left-right on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-left-right","t":"ArrowLeftRight","d":"ArrowLeftRight, the fill drawing of arrow-left-right on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-left-right","t":"ArrowLeftRight","d":"ArrowLeftRight, the stroke drawing of arrow-left-right on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-left-right","t":"ArrowLeftRight","d":"ArrowLeftRight, the two-tone drawing of arrow-left-right on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-left-right","t":"ArrowLeftRight","d":"ArrowLeftRight, the duotone drawing of arrow-left-right on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-left-right","t":"ArrowLeftRight","d":"ArrowLeftRight, the fill drawing of arrow-left-right on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-arrow-right","t":"CircleArrowRight","d":"CircleArrowRight, the stroke drawing of circle-arrow-right on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-arrow-right","t":"CircleArrowRight","d":"CircleArrowRight, the two-tone drawing of circle-arrow-right on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-arrow-right","t":"CircleArrowRight","d":"CircleArrowRight, the duotone drawing of circle-arrow-right on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-arrow-right","t":"CircleArrowRight","d":"CircleArrowRight, the fill drawing of circle-arrow-right on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-arrow-right","t":"CircleArrowRight","d":"CircleArrowRight, the stroke drawing of circle-arrow-right on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-arrow-right","t":"CircleArrowRight","d":"CircleArrowRight, the two-tone drawing of circle-arrow-right on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-arrow-right","t":"CircleArrowRight","d":"CircleArrowRight, the duotone drawing of circle-arrow-right on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-arrow-right","t":"CircleArrowRight","d":"CircleArrowRight, the fill drawing of circle-arrow-right on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-right","t":"ArrowRight","d":"ArrowRight, the stroke drawing of arrow-right on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-right","t":"ArrowRight","d":"ArrowRight, the two-tone drawing of arrow-right on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-right","t":"ArrowRight","d":"ArrowRight, the duotone drawing of arrow-right on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-right","t":"ArrowRight","d":"ArrowRight, the fill drawing of arrow-right on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-right","t":"ArrowRight","d":"ArrowRight, the stroke drawing of arrow-right on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-right","t":"ArrowRight","d":"ArrowRight, the two-tone drawing of arrow-right on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-right","t":"ArrowRight","d":"ArrowRight, the duotone drawing of arrow-right on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-right","t":"ArrowRight","d":"ArrowRight, the fill drawing of arrow-right on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-arrow-right","t":"SquareArrowRight","d":"SquareArrowRight, the stroke drawing of square-arrow-right on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-arrow-right","t":"SquareArrowRight","d":"SquareArrowRight, the two-tone drawing of square-arrow-right on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-arrow-right","t":"SquareArrowRight","d":"SquareArrowRight, the duotone drawing of square-arrow-right on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-arrow-right","t":"SquareArrowRight","d":"SquareArrowRight, the fill drawing of square-arrow-right on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-arrow-right","t":"SquareArrowRight","d":"SquareArrowRight, the stroke drawing of square-arrow-right on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-arrow-right","t":"SquareArrowRight","d":"SquareArrowRight, the two-tone drawing of square-arrow-right on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-arrow-right","t":"SquareArrowRight","d":"SquareArrowRight, the duotone drawing of square-arrow-right on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-arrow-right","t":"SquareArrowRight","d":"SquareArrowRight, the fill drawing of square-arrow-right on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-right-dashed-panel","t":"ArrowRightDashedPanel","d":"ArrowRightDashedPanel, the stroke drawing of arrow-right-dashed-panel on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-right-dashed-panel","t":"ArrowRightDashedPanel","d":"ArrowRightDashedPanel, the two-tone drawing of arrow-right-dashed-panel on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-right-dashed-panel","t":"ArrowRightDashedPanel","d":"ArrowRightDashedPanel, the duotone drawing of arrow-right-dashed-panel on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-right-dashed-panel","t":"ArrowRightDashedPanel","d":"ArrowRightDashedPanel, the fill drawing of arrow-right-dashed-panel on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-right-dashed-panel","t":"ArrowRightDashedPanel","d":"ArrowRightDashedPanel, the stroke drawing of arrow-right-dashed-panel on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-right-dashed-panel","t":"ArrowRightDashedPanel","d":"ArrowRightDashedPanel, the two-tone drawing of arrow-right-dashed-panel on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-right-dashed-panel","t":"ArrowRightDashedPanel","d":"ArrowRightDashedPanel, the duotone drawing of arrow-right-dashed-panel on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-right-dashed-panel","t":"ArrowRightDashedPanel","d":"ArrowRightDashedPanel, the fill drawing of arrow-right-dashed-panel on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-right-left","t":"ArrowRightLeft","d":"ArrowRightLeft, the stroke drawing of arrow-right-left on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/arrow-right-left","t":"ArrowRightLeft","d":"ArrowRightLeft, the two-tone drawing of arrow-right-left on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-right-left","t":"ArrowRightLeft","d":"ArrowRightLeft, the duotone drawing of arrow-right-left on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-right-left","t":"ArrowRightLeft","d":"ArrowRightLeft, the fill drawing of arrow-right-left on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-right-left","t":"ArrowRightLeft","d":"ArrowRightLeft, the stroke drawing of arrow-right-left on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-right-left","t":"ArrowRightLeft","d":"ArrowRightLeft, the two-tone drawing of arrow-right-left on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-right-left","t":"ArrowRightLeft","d":"ArrowRightLeft, the duotone drawing of arrow-right-left on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-right-left","t":"ArrowRightLeft","d":"ArrowRightLeft, the fill drawing of arrow-right-left on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-right-to-line","t":"ArrowRightToLine","d":"ArrowRightToLine, the stroke drawing of arrow-right-to-line on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:two-tone/arrow-right-to-line","t":"ArrowRightToLine","d":"ArrowRightToLine, the two-tone drawing of arrow-right-to-line on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-right-to-line","t":"ArrowRightToLine","d":"ArrowRightToLine, the duotone drawing of arrow-right-to-line on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-right-to-line","t":"ArrowRightToLine","d":"ArrowRightToLine, the fill drawing of arrow-right-to-line on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/arrow-right-to-line","t":"ArrowRightToLine","d":"ArrowRightToLine, the stroke drawing of arrow-right-to-line on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/two-tone/arrow-right-to-line","t":"ArrowRightToLine","d":"ArrowRightToLine, the two-tone drawing of arrow-right-to-line on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-right-to-line","t":"ArrowRightToLine","d":"ArrowRightToLine, the duotone drawing of arrow-right-to-line on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-right-to-line","t":"ArrowRightToLine","d":"ArrowRightToLine, the fill drawing of arrow-right-to-line on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:circle-arrow-u-turn-left","t":"CircleArrowUTurnLeft","d":"CircleArrowUTurnLeft, the stroke drawing of circle-arrow-u-turn-left on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-arrow-u-turn-left","t":"CircleArrowUTurnLeft","d":"CircleArrowUTurnLeft, the two-tone drawing of circle-arrow-u-turn-left on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-arrow-u-turn-left","t":"CircleArrowUTurnLeft","d":"CircleArrowUTurnLeft, the duotone drawing of circle-arrow-u-turn-left on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-arrow-u-turn-left","t":"CircleArrowUTurnLeft","d":"CircleArrowUTurnLeft, the fill drawing of circle-arrow-u-turn-left on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-arrow-u-turn-left","t":"CircleArrowUTurnLeft","d":"CircleArrowUTurnLeft, the stroke drawing of circle-arrow-u-turn-left on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-arrow-u-turn-left","t":"CircleArrowUTurnLeft","d":"CircleArrowUTurnLeft, the two-tone drawing of circle-arrow-u-turn-left on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-arrow-u-turn-left","t":"CircleArrowUTurnLeft","d":"CircleArrowUTurnLeft, the duotone drawing of circle-arrow-u-turn-left on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-arrow-u-turn-left","t":"CircleArrowUTurnLeft","d":"CircleArrowUTurnLeft, the fill drawing of circle-arrow-u-turn-left on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-u-turn-left","t":"ArrowUTurnLeft","d":"ArrowUTurnLeft, the stroke drawing of arrow-u-turn-left on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-u-turn-left","t":"ArrowUTurnLeft","d":"ArrowUTurnLeft, the two-tone drawing of arrow-u-turn-left on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-u-turn-left","t":"ArrowUTurnLeft","d":"ArrowUTurnLeft, the duotone drawing of arrow-u-turn-left on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-u-turn-left","t":"ArrowUTurnLeft","d":"ArrowUTurnLeft, the fill drawing of arrow-u-turn-left on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-u-turn-left","t":"ArrowUTurnLeft","d":"ArrowUTurnLeft, the stroke drawing of arrow-u-turn-left on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-u-turn-left","t":"ArrowUTurnLeft","d":"ArrowUTurnLeft, the two-tone drawing of arrow-u-turn-left on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-u-turn-left","t":"ArrowUTurnLeft","d":"ArrowUTurnLeft, the duotone drawing of arrow-u-turn-left on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-u-turn-left","t":"ArrowUTurnLeft","d":"ArrowUTurnLeft, the fill drawing of arrow-u-turn-left on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-arrow-u-turn-left","t":"SquareArrowUTurnLeft","d":"SquareArrowUTurnLeft, the stroke drawing of square-arrow-u-turn-left on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-arrow-u-turn-left","t":"SquareArrowUTurnLeft","d":"SquareArrowUTurnLeft, the two-tone drawing of square-arrow-u-turn-left on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-arrow-u-turn-left","t":"SquareArrowUTurnLeft","d":"SquareArrowUTurnLeft, the duotone drawing of square-arrow-u-turn-left on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-arrow-u-turn-left","t":"SquareArrowUTurnLeft","d":"SquareArrowUTurnLeft, the fill drawing of square-arrow-u-turn-left on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-arrow-u-turn-left","t":"SquareArrowUTurnLeft","d":"SquareArrowUTurnLeft, the stroke drawing of square-arrow-u-turn-left on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-arrow-u-turn-left","t":"SquareArrowUTurnLeft","d":"SquareArrowUTurnLeft, the two-tone drawing of square-arrow-u-turn-left on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-arrow-u-turn-left","t":"SquareArrowUTurnLeft","d":"SquareArrowUTurnLeft, the duotone drawing of square-arrow-u-turn-left on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-arrow-u-turn-left","t":"SquareArrowUTurnLeft","d":"SquareArrowUTurnLeft, the fill drawing of square-arrow-u-turn-left on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-arrow-u-turn-right","t":"CircleArrowUTurnRight","d":"CircleArrowUTurnRight, the stroke drawing of circle-arrow-u-turn-right on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-arrow-u-turn-right","t":"CircleArrowUTurnRight","d":"CircleArrowUTurnRight, the two-tone drawing of circle-arrow-u-turn-right on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-arrow-u-turn-right","t":"CircleArrowUTurnRight","d":"CircleArrowUTurnRight, the duotone drawing of circle-arrow-u-turn-right on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-arrow-u-turn-right","t":"CircleArrowUTurnRight","d":"CircleArrowUTurnRight, the fill drawing of circle-arrow-u-turn-right on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-arrow-u-turn-right","t":"CircleArrowUTurnRight","d":"CircleArrowUTurnRight, the stroke drawing of circle-arrow-u-turn-right on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-arrow-u-turn-right","t":"CircleArrowUTurnRight","d":"CircleArrowUTurnRight, the two-tone drawing of circle-arrow-u-turn-right on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-arrow-u-turn-right","t":"CircleArrowUTurnRight","d":"CircleArrowUTurnRight, the duotone drawing of circle-arrow-u-turn-right on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-arrow-u-turn-right","t":"CircleArrowUTurnRight","d":"CircleArrowUTurnRight, the fill drawing of circle-arrow-u-turn-right on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-u-turn-right","t":"ArrowUTurnRight","d":"ArrowUTurnRight, the stroke drawing of arrow-u-turn-right on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-u-turn-right","t":"ArrowUTurnRight","d":"ArrowUTurnRight, the two-tone drawing of arrow-u-turn-right on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-u-turn-right","t":"ArrowUTurnRight","d":"ArrowUTurnRight, the duotone drawing of arrow-u-turn-right on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-u-turn-right","t":"ArrowUTurnRight","d":"ArrowUTurnRight, the fill drawing of arrow-u-turn-right on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-u-turn-right","t":"ArrowUTurnRight","d":"ArrowUTurnRight, the stroke drawing of arrow-u-turn-right on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-u-turn-right","t":"ArrowUTurnRight","d":"ArrowUTurnRight, the two-tone drawing of arrow-u-turn-right on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-u-turn-right","t":"ArrowUTurnRight","d":"ArrowUTurnRight, the duotone drawing of arrow-u-turn-right on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-u-turn-right","t":"ArrowUTurnRight","d":"ArrowUTurnRight, the fill drawing of arrow-u-turn-right on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-arrow-u-turn-right","t":"SquareArrowUTurnRight","d":"SquareArrowUTurnRight, the stroke drawing of square-arrow-u-turn-right on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-arrow-u-turn-right","t":"SquareArrowUTurnRight","d":"SquareArrowUTurnRight, the two-tone drawing of square-arrow-u-turn-right on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-arrow-u-turn-right","t":"SquareArrowUTurnRight","d":"SquareArrowUTurnRight, the duotone drawing of square-arrow-u-turn-right on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-arrow-u-turn-right","t":"SquareArrowUTurnRight","d":"SquareArrowUTurnRight, the fill drawing of square-arrow-u-turn-right on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-arrow-u-turn-right","t":"SquareArrowUTurnRight","d":"SquareArrowUTurnRight, the stroke drawing of square-arrow-u-turn-right on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-arrow-u-turn-right","t":"SquareArrowUTurnRight","d":"SquareArrowUTurnRight, the two-tone drawing of square-arrow-u-turn-right on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-arrow-u-turn-right","t":"SquareArrowUTurnRight","d":"SquareArrowUTurnRight, the duotone drawing of square-arrow-u-turn-right on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-arrow-u-turn-right","t":"SquareArrowUTurnRight","d":"SquareArrowUTurnRight, the fill drawing of square-arrow-u-turn-right on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-arrow-up","t":"CircleArrowUp","d":"CircleArrowUp, the stroke drawing of circle-arrow-up on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-arrow-up","t":"CircleArrowUp","d":"CircleArrowUp, the two-tone drawing of circle-arrow-up on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-arrow-up","t":"CircleArrowUp","d":"CircleArrowUp, the duotone drawing of circle-arrow-up on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-arrow-up","t":"CircleArrowUp","d":"CircleArrowUp, the fill drawing of circle-arrow-up on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-arrow-up","t":"CircleArrowUp","d":"CircleArrowUp, the stroke drawing of circle-arrow-up on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-arrow-up","t":"CircleArrowUp","d":"CircleArrowUp, the two-tone drawing of circle-arrow-up on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-arrow-up","t":"CircleArrowUp","d":"CircleArrowUp, the duotone drawing of circle-arrow-up on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-arrow-up","t":"CircleArrowUp","d":"CircleArrowUp, the fill drawing of circle-arrow-up on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-up","t":"ArrowUp","d":"ArrowUp, the stroke drawing of arrow-up on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-up","t":"ArrowUp","d":"ArrowUp, the two-tone drawing of arrow-up on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-up","t":"ArrowUp","d":"ArrowUp, the duotone drawing of arrow-up on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-up","t":"ArrowUp","d":"ArrowUp, the fill drawing of arrow-up on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-up","t":"ArrowUp","d":"ArrowUp, the stroke drawing of arrow-up on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-up","t":"ArrowUp","d":"ArrowUp, the two-tone drawing of arrow-up on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-up","t":"ArrowUp","d":"ArrowUp, the duotone drawing of arrow-up on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-up","t":"ArrowUp","d":"ArrowUp, the fill drawing of arrow-up on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-arrow-up","t":"SquareArrowUp","d":"SquareArrowUp, the stroke drawing of square-arrow-up on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-arrow-up","t":"SquareArrowUp","d":"SquareArrowUp, the two-tone drawing of square-arrow-up on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-arrow-up","t":"SquareArrowUp","d":"SquareArrowUp, the duotone drawing of square-arrow-up on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-arrow-up","t":"SquareArrowUp","d":"SquareArrowUp, the fill drawing of square-arrow-up on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-arrow-up","t":"SquareArrowUp","d":"SquareArrowUp, the stroke drawing of square-arrow-up on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-arrow-up","t":"SquareArrowUp","d":"SquareArrowUp, the two-tone drawing of square-arrow-up on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-arrow-up","t":"SquareArrowUp","d":"SquareArrowUp, the duotone drawing of square-arrow-up on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-arrow-up","t":"SquareArrowUp","d":"SquareArrowUp, the fill drawing of square-arrow-up on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-up-dashed-panel","t":"ArrowUpDashedPanel","d":"ArrowUpDashedPanel, the stroke drawing of arrow-up-dashed-panel on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-up-dashed-panel","t":"ArrowUpDashedPanel","d":"ArrowUpDashedPanel, the two-tone drawing of arrow-up-dashed-panel on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-up-dashed-panel","t":"ArrowUpDashedPanel","d":"ArrowUpDashedPanel, the duotone drawing of arrow-up-dashed-panel on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-up-dashed-panel","t":"ArrowUpDashedPanel","d":"ArrowUpDashedPanel, the fill drawing of arrow-up-dashed-panel on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-up-dashed-panel","t":"ArrowUpDashedPanel","d":"ArrowUpDashedPanel, the stroke drawing of arrow-up-dashed-panel on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-up-dashed-panel","t":"ArrowUpDashedPanel","d":"ArrowUpDashedPanel, the two-tone drawing of arrow-up-dashed-panel on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-up-dashed-panel","t":"ArrowUpDashedPanel","d":"ArrowUpDashedPanel, the duotone drawing of arrow-up-dashed-panel on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-up-dashed-panel","t":"ArrowUpDashedPanel","d":"ArrowUpDashedPanel, the fill drawing of arrow-up-dashed-panel on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-up-down","t":"ArrowUpDown","d":"ArrowUpDown, the stroke drawing of arrow-up-down on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/arrow-up-down","t":"ArrowUpDown","d":"ArrowUpDown, the two-tone drawing of arrow-up-down on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-up-down","t":"ArrowUpDown","d":"ArrowUpDown, the duotone drawing of arrow-up-down on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-up-down","t":"ArrowUpDown","d":"ArrowUpDown, the fill drawing of arrow-up-down on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-up-down","t":"ArrowUpDown","d":"ArrowUpDown, the stroke drawing of arrow-up-down on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-up-down","t":"ArrowUpDown","d":"ArrowUpDown, the two-tone drawing of arrow-up-down on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-up-down","t":"ArrowUpDown","d":"ArrowUpDown, the duotone drawing of arrow-up-down on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-up-down","t":"ArrowUpDown","d":"ArrowUpDown, the fill drawing of arrow-up-down on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-arrow-up-left","t":"CircleArrowUpLeft","d":"CircleArrowUpLeft, the stroke drawing of circle-arrow-up-left on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-arrow-up-left","t":"CircleArrowUpLeft","d":"CircleArrowUpLeft, the two-tone drawing of circle-arrow-up-left on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-arrow-up-left","t":"CircleArrowUpLeft","d":"CircleArrowUpLeft, the duotone drawing of circle-arrow-up-left on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-arrow-up-left","t":"CircleArrowUpLeft","d":"CircleArrowUpLeft, the fill drawing of circle-arrow-up-left on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-arrow-up-left","t":"CircleArrowUpLeft","d":"CircleArrowUpLeft, the stroke drawing of circle-arrow-up-left on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-arrow-up-left","t":"CircleArrowUpLeft","d":"CircleArrowUpLeft, the two-tone drawing of circle-arrow-up-left on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-arrow-up-left","t":"CircleArrowUpLeft","d":"CircleArrowUpLeft, the duotone drawing of circle-arrow-up-left on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-arrow-up-left","t":"CircleArrowUpLeft","d":"CircleArrowUpLeft, the fill drawing of circle-arrow-up-left on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-up-left","t":"ArrowUpLeft","d":"ArrowUpLeft, the stroke drawing of arrow-up-left on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-up-left","t":"ArrowUpLeft","d":"ArrowUpLeft, the two-tone drawing of arrow-up-left on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-up-left","t":"ArrowUpLeft","d":"ArrowUpLeft, the duotone drawing of arrow-up-left on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-up-left","t":"ArrowUpLeft","d":"ArrowUpLeft, the fill drawing of arrow-up-left on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-up-left","t":"ArrowUpLeft","d":"ArrowUpLeft, the stroke drawing of arrow-up-left on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-up-left","t":"ArrowUpLeft","d":"ArrowUpLeft, the two-tone drawing of arrow-up-left on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-up-left","t":"ArrowUpLeft","d":"ArrowUpLeft, the duotone drawing of arrow-up-left on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-up-left","t":"ArrowUpLeft","d":"ArrowUpLeft, the fill drawing of arrow-up-left on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-arrow-up-left","t":"SquareArrowUpLeft","d":"SquareArrowUpLeft, the stroke drawing of square-arrow-up-left on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-arrow-up-left","t":"SquareArrowUpLeft","d":"SquareArrowUpLeft, the two-tone drawing of square-arrow-up-left on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-arrow-up-left","t":"SquareArrowUpLeft","d":"SquareArrowUpLeft, the duotone drawing of square-arrow-up-left on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-arrow-up-left","t":"SquareArrowUpLeft","d":"SquareArrowUpLeft, the fill drawing of square-arrow-up-left on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-arrow-up-left","t":"SquareArrowUpLeft","d":"SquareArrowUpLeft, the stroke drawing of square-arrow-up-left on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-arrow-up-left","t":"SquareArrowUpLeft","d":"SquareArrowUpLeft, the two-tone drawing of square-arrow-up-left on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-arrow-up-left","t":"SquareArrowUpLeft","d":"SquareArrowUpLeft, the duotone drawing of square-arrow-up-left on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-arrow-up-left","t":"SquareArrowUpLeft","d":"SquareArrowUpLeft, the fill drawing of square-arrow-up-left on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-up-left-dashed-panel","t":"ArrowUpLeftDashedPanel","d":"ArrowUpLeftDashedPanel, the stroke drawing of arrow-up-left-dashed-panel on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-up-left-dashed-panel","t":"ArrowUpLeftDashedPanel","d":"ArrowUpLeftDashedPanel, the two-tone drawing of arrow-up-left-dashed-panel on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-up-left-dashed-panel","t":"ArrowUpLeftDashedPanel","d":"ArrowUpLeftDashedPanel, the duotone drawing of arrow-up-left-dashed-panel on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-up-left-dashed-panel","t":"ArrowUpLeftDashedPanel","d":"ArrowUpLeftDashedPanel, the fill drawing of arrow-up-left-dashed-panel on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-up-left-dashed-panel","t":"ArrowUpLeftDashedPanel","d":"ArrowUpLeftDashedPanel, the stroke drawing of arrow-up-left-dashed-panel on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-up-left-dashed-panel","t":"ArrowUpLeftDashedPanel","d":"ArrowUpLeftDashedPanel, the two-tone drawing of arrow-up-left-dashed-panel on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-up-left-dashed-panel","t":"ArrowUpLeftDashedPanel","d":"ArrowUpLeftDashedPanel, the duotone drawing of arrow-up-left-dashed-panel on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-up-left-dashed-panel","t":"ArrowUpLeftDashedPanel","d":"ArrowUpLeftDashedPanel, the fill drawing of arrow-up-left-dashed-panel on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-up-narrow-wide","t":"ArrowUpNarrowWide","d":"ArrowUpNarrowWide, the stroke drawing of arrow-up-narrow-wide on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-up-narrow-wide","t":"ArrowUpNarrowWide","d":"ArrowUpNarrowWide, the two-tone drawing of arrow-up-narrow-wide on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-up-narrow-wide","t":"ArrowUpNarrowWide","d":"ArrowUpNarrowWide, the duotone drawing of arrow-up-narrow-wide on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-up-narrow-wide","t":"ArrowUpNarrowWide","d":"ArrowUpNarrowWide, the fill drawing of arrow-up-narrow-wide on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-up-narrow-wide","t":"ArrowUpNarrowWide","d":"ArrowUpNarrowWide, the stroke drawing of arrow-up-narrow-wide on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-up-narrow-wide","t":"ArrowUpNarrowWide","d":"ArrowUpNarrowWide, the two-tone drawing of arrow-up-narrow-wide on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-up-narrow-wide","t":"ArrowUpNarrowWide","d":"ArrowUpNarrowWide, the duotone drawing of arrow-up-narrow-wide on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-up-narrow-wide","t":"ArrowUpNarrowWide","d":"ArrowUpNarrowWide, the fill drawing of arrow-up-narrow-wide on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-arrow-up-right","t":"CircleArrowUpRight","d":"CircleArrowUpRight, the stroke drawing of circle-arrow-up-right on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-arrow-up-right","t":"CircleArrowUpRight","d":"CircleArrowUpRight, the two-tone drawing of circle-arrow-up-right on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-arrow-up-right","t":"CircleArrowUpRight","d":"CircleArrowUpRight, the duotone drawing of circle-arrow-up-right on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-arrow-up-right","t":"CircleArrowUpRight","d":"CircleArrowUpRight, the fill drawing of circle-arrow-up-right on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-arrow-up-right","t":"CircleArrowUpRight","d":"CircleArrowUpRight, the stroke drawing of circle-arrow-up-right on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-arrow-up-right","t":"CircleArrowUpRight","d":"CircleArrowUpRight, the two-tone drawing of circle-arrow-up-right on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-arrow-up-right","t":"CircleArrowUpRight","d":"CircleArrowUpRight, the duotone drawing of circle-arrow-up-right on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-arrow-up-right","t":"CircleArrowUpRight","d":"CircleArrowUpRight, the fill drawing of circle-arrow-up-right on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-up-right","t":"ArrowUpRight","d":"ArrowUpRight, the stroke drawing of arrow-up-right on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-up-right","t":"ArrowUpRight","d":"ArrowUpRight, the two-tone drawing of arrow-up-right on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-up-right","t":"ArrowUpRight","d":"ArrowUpRight, the duotone drawing of arrow-up-right on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-up-right","t":"ArrowUpRight","d":"ArrowUpRight, the fill drawing of arrow-up-right on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-up-right","t":"ArrowUpRight","d":"ArrowUpRight, the stroke drawing of arrow-up-right on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-up-right","t":"ArrowUpRight","d":"ArrowUpRight, the two-tone drawing of arrow-up-right on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-up-right","t":"ArrowUpRight","d":"ArrowUpRight, the duotone drawing of arrow-up-right on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-up-right","t":"ArrowUpRight","d":"ArrowUpRight, the fill drawing of arrow-up-right on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-arrow-up-right","t":"SquareArrowUpRight","d":"SquareArrowUpRight, the stroke drawing of square-arrow-up-right on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-arrow-up-right","t":"SquareArrowUpRight","d":"SquareArrowUpRight, the two-tone drawing of square-arrow-up-right on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-arrow-up-right","t":"SquareArrowUpRight","d":"SquareArrowUpRight, the duotone drawing of square-arrow-up-right on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-arrow-up-right","t":"SquareArrowUpRight","d":"SquareArrowUpRight, the fill drawing of square-arrow-up-right on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-arrow-up-right","t":"SquareArrowUpRight","d":"SquareArrowUpRight, the stroke drawing of square-arrow-up-right on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-arrow-up-right","t":"SquareArrowUpRight","d":"SquareArrowUpRight, the two-tone drawing of square-arrow-up-right on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-arrow-up-right","t":"SquareArrowUpRight","d":"SquareArrowUpRight, the duotone drawing of square-arrow-up-right on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-arrow-up-right","t":"SquareArrowUpRight","d":"SquareArrowUpRight, the fill drawing of square-arrow-up-right on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-up-right-dashed-panel","t":"ArrowUpRightDashedPanel","d":"ArrowUpRightDashedPanel, the stroke drawing of arrow-up-right-dashed-panel on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-up-right-dashed-panel","t":"ArrowUpRightDashedPanel","d":"ArrowUpRightDashedPanel, the two-tone drawing of arrow-up-right-dashed-panel on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-up-right-dashed-panel","t":"ArrowUpRightDashedPanel","d":"ArrowUpRightDashedPanel, the duotone drawing of arrow-up-right-dashed-panel on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-up-right-dashed-panel","t":"ArrowUpRightDashedPanel","d":"ArrowUpRightDashedPanel, the fill drawing of arrow-up-right-dashed-panel on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-up-right-dashed-panel","t":"ArrowUpRightDashedPanel","d":"ArrowUpRightDashedPanel, the stroke drawing of arrow-up-right-dashed-panel on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-up-right-dashed-panel","t":"ArrowUpRightDashedPanel","d":"ArrowUpRightDashedPanel, the two-tone drawing of arrow-up-right-dashed-panel on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-up-right-dashed-panel","t":"ArrowUpRightDashedPanel","d":"ArrowUpRightDashedPanel, the duotone drawing of arrow-up-right-dashed-panel on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-up-right-dashed-panel","t":"ArrowUpRightDashedPanel","d":"ArrowUpRightDashedPanel, the fill drawing of arrow-up-right-dashed-panel on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:arrow-up-wide-narrow","t":"ArrowUpWideNarrow","d":"ArrowUpWideNarrow, the stroke drawing of arrow-up-wide-narrow on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/arrow-up-wide-narrow","t":"ArrowUpWideNarrow","d":"ArrowUpWideNarrow, the two-tone drawing of arrow-up-wide-narrow on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/arrow-up-wide-narrow","t":"ArrowUpWideNarrow","d":"ArrowUpWideNarrow, the duotone drawing of arrow-up-wide-narrow on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/arrow-up-wide-narrow","t":"ArrowUpWideNarrow","d":"ArrowUpWideNarrow, the fill drawing of arrow-up-wide-narrow on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/arrow-up-wide-narrow","t":"ArrowUpWideNarrow","d":"ArrowUpWideNarrow, the stroke drawing of arrow-up-wide-narrow on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/arrow-up-wide-narrow","t":"ArrowUpWideNarrow","d":"ArrowUpWideNarrow, the two-tone drawing of arrow-up-wide-narrow on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/arrow-up-wide-narrow","t":"ArrowUpWideNarrow","d":"ArrowUpWideNarrow, the duotone drawing of arrow-up-wide-narrow on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/arrow-up-wide-narrow","t":"ArrowUpWideNarrow","d":"ArrowUpWideNarrow, the fill drawing of arrow-up-wide-narrow on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-asterisk","t":"CircleAsterisk","d":"CircleAsterisk, the stroke drawing of circle-asterisk on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-asterisk","t":"CircleAsterisk","d":"CircleAsterisk, the two-tone drawing of circle-asterisk on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-asterisk","t":"CircleAsterisk","d":"CircleAsterisk, the duotone drawing of circle-asterisk on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-asterisk","t":"CircleAsterisk","d":"CircleAsterisk, the fill drawing of circle-asterisk on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-asterisk","t":"CircleAsterisk","d":"CircleAsterisk, the stroke drawing of circle-asterisk on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-asterisk","t":"CircleAsterisk","d":"CircleAsterisk, the two-tone drawing of circle-asterisk on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-asterisk","t":"CircleAsterisk","d":"CircleAsterisk, the duotone drawing of circle-asterisk on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-asterisk","t":"CircleAsterisk","d":"CircleAsterisk, the fill drawing of circle-asterisk on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:asterisk","t":"Asterisk","d":"Asterisk, the stroke drawing of asterisk on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/asterisk","t":"Asterisk","d":"Asterisk, the two-tone drawing of asterisk on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/asterisk","t":"Asterisk","d":"Asterisk, the duotone drawing of asterisk on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/asterisk","t":"Asterisk","d":"Asterisk, the fill drawing of asterisk on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/asterisk","t":"Asterisk","d":"Asterisk, the stroke drawing of asterisk on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/asterisk","t":"Asterisk","d":"Asterisk, the two-tone drawing of asterisk on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/asterisk","t":"Asterisk","d":"Asterisk, the duotone drawing of asterisk on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/asterisk","t":"Asterisk","d":"Asterisk, the fill drawing of asterisk on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-asterisk","t":"SquareAsterisk","d":"SquareAsterisk, the stroke drawing of square-asterisk on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-asterisk","t":"SquareAsterisk","d":"SquareAsterisk, the two-tone drawing of square-asterisk on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-asterisk","t":"SquareAsterisk","d":"SquareAsterisk, the duotone drawing of square-asterisk on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-asterisk","t":"SquareAsterisk","d":"SquareAsterisk, the fill drawing of square-asterisk on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-asterisk","t":"SquareAsterisk","d":"SquareAsterisk, the stroke drawing of square-asterisk on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-asterisk","t":"SquareAsterisk","d":"SquareAsterisk, the two-tone drawing of square-asterisk on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-asterisk","t":"SquareAsterisk","d":"SquareAsterisk, the duotone drawing of square-asterisk on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-asterisk","t":"SquareAsterisk","d":"SquareAsterisk, the fill drawing of square-asterisk on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:at","t":"At","d":"At, the stroke drawing of at on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/at","t":"At","d":"At, the two-tone drawing of at on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/at","t":"At","d":"At, the duotone drawing of at on a 24×24 grid, with rounded corners. Available in stroke, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/at","t":"At","d":"At, the fill drawing of at on a 24×24 grid, with rounded corners. Available in stroke, two","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/at","t":"At","d":"At, the stroke drawing of at on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/at","t":"At","d":"At, the two-tone drawing of at on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/at","t":"At","d":"At, the duotone drawing of at on a 24×24 grid, with squared corners. Available in stroke, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/at","t":"At","d":"At, the fill drawing of at on a 24×24 grid, with squared corners. Available in stroke, two","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:atom","t":"Atom","d":"Atom, the stroke drawing of atom on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/atom","t":"Atom","d":"Atom, the two-tone drawing of atom on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/atom","t":"Atom","d":"Atom, the duotone drawing of atom on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/atom","t":"Atom","d":"Atom, the fill drawing of atom on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/atom","t":"Atom","d":"Atom, the stroke drawing of atom on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/atom","t":"Atom","d":"Atom, the two-tone drawing of atom on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/atom","t":"Atom","d":"Atom, the duotone drawing of atom on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/atom","t":"Atom","d":"Atom, the fill drawing of atom on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:audio-lines","t":"AudioLines","d":"AudioLines, the stroke drawing of audio-lines on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:two-tone/audio-lines","t":"AudioLines","d":"AudioLines, the two-tone drawing of audio-lines on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/audio-lines","t":"AudioLines","d":"AudioLines, the duotone drawing of audio-lines on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/audio-lines","t":"AudioLines","d":"AudioLines, the fill drawing of audio-lines on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/audio-lines","t":"AudioLines","d":"AudioLines, the stroke drawing of audio-lines on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/two-tone/audio-lines","t":"AudioLines","d":"AudioLines, the two-tone drawing of audio-lines on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/audio-lines","t":"AudioLines","d":"AudioLines, the duotone drawing of audio-lines on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/audio-lines","t":"AudioLines","d":"AudioLines, the fill drawing of audio-lines on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:audio-lines-search","t":"AudioLinesSearch","d":"AudioLinesSearch, the stroke drawing of audio-lines-search on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:two-tone/audio-lines-search","t":"AudioLinesSearch","d":"AudioLinesSearch, the two-tone drawing of audio-lines-search on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/audio-lines-search","t":"AudioLinesSearch","d":"AudioLinesSearch, the duotone drawing of audio-lines-search on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/audio-lines-search","t":"AudioLinesSearch","d":"AudioLinesSearch, the fill drawing of audio-lines-search on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/audio-lines-search","t":"AudioLinesSearch","d":"AudioLinesSearch, the stroke drawing of audio-lines-search on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/two-tone/audio-lines-search","t":"AudioLinesSearch","d":"AudioLinesSearch, the two-tone drawing of audio-lines-search on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/audio-lines-search","t":"AudioLinesSearch","d":"AudioLinesSearch, the duotone drawing of audio-lines-search on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/audio-lines-search","t":"AudioLinesSearch","d":"AudioLinesSearch, the fill drawing of audio-lines-search on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:audio-lines-sparkles","t":"AudioLinesSparkles","d":"AudioLinesSparkles, the stroke drawing of audio-lines-sparkles on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:two-tone/audio-lines-sparkles","t":"AudioLinesSparkles","d":"AudioLinesSparkles, the two-tone drawing of audio-lines-sparkles on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/audio-lines-sparkles","t":"AudioLinesSparkles","d":"AudioLinesSparkles, the duotone drawing of audio-lines-sparkles on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/audio-lines-sparkles","t":"AudioLinesSparkles","d":"AudioLinesSparkles, the fill drawing of audio-lines-sparkles on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/audio-lines-sparkles","t":"AudioLinesSparkles","d":"AudioLinesSparkles, the stroke drawing of audio-lines-sparkles on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/two-tone/audio-lines-sparkles","t":"AudioLinesSparkles","d":"AudioLinesSparkles, the two-tone drawing of audio-lines-sparkles on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/audio-lines-sparkles","t":"AudioLinesSparkles","d":"AudioLinesSparkles, the duotone drawing of audio-lines-sparkles on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/audio-lines-sparkles","t":"AudioLinesSparkles","d":"AudioLinesSparkles, the fill drawing of audio-lines-sparkles on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:award","t":"Award","d":"Award, the stroke drawing of award on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/award","t":"Award","d":"Award, the two-tone drawing of award on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/award","t":"Award","d":"Award, the duotone drawing of award on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/award","t":"Award","d":"Award, the fill drawing of award on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/award","t":"Award","d":"Award, the stroke drawing of award on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/award","t":"Award","d":"Award, the two-tone drawing of award on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/award","t":"Award","d":"Award, the duotone drawing of award on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/award","t":"Award","d":"Award, the fill drawing of award on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:baby-2-boy","t":"Baby2Boy","d":"Baby2Boy, the stroke drawing of baby-2-boy on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/baby-2-boy","t":"Baby2Boy","d":"Baby2Boy, the two-tone drawing of baby-2-boy on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/baby-2-boy","t":"Baby2Boy","d":"Baby2Boy, the duotone drawing of baby-2-boy on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/baby-2-boy","t":"Baby2Boy","d":"Baby2Boy, the fill drawing of baby-2-boy on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/baby-2-boy","t":"Baby2Boy","d":"Baby2Boy, the stroke drawing of baby-2-boy on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/baby-2-boy","t":"Baby2Boy","d":"Baby2Boy, the two-tone drawing of baby-2-boy on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/baby-2-boy","t":"Baby2Boy","d":"Baby2Boy, the duotone drawing of baby-2-boy on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/baby-2-boy","t":"Baby2Boy","d":"Baby2Boy, the fill drawing of baby-2-boy on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:baby-2-girl","t":"Baby2Girl","d":"Baby2Girl, the stroke drawing of baby-2-girl on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/baby-2-girl","t":"Baby2Girl","d":"Baby2Girl, the two-tone drawing of baby-2-girl on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/baby-2-girl","t":"Baby2Girl","d":"Baby2Girl, the duotone drawing of baby-2-girl on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/baby-2-girl","t":"Baby2Girl","d":"Baby2Girl, the fill drawing of baby-2-girl on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/baby-2-girl","t":"Baby2Girl","d":"Baby2Girl, the stroke drawing of baby-2-girl on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/baby-2-girl","t":"Baby2Girl","d":"Baby2Girl, the two-tone drawing of baby-2-girl on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/baby-2-girl","t":"Baby2Girl","d":"Baby2Girl, the duotone drawing of baby-2-girl on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/baby-2-girl","t":"Baby2Girl","d":"Baby2Girl, the fill drawing of baby-2-girl on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:baby-boy","t":"BabyBoy","d":"BabyBoy, the stroke drawing of baby-boy on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/baby-boy","t":"BabyBoy","d":"BabyBoy, the two-tone drawing of baby-boy on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/baby-boy","t":"BabyBoy","d":"BabyBoy, the duotone drawing of baby-boy on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/baby-boy","t":"BabyBoy","d":"BabyBoy, the fill drawing of baby-boy on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/baby-boy","t":"BabyBoy","d":"BabyBoy, the stroke drawing of baby-boy on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/baby-boy","t":"BabyBoy","d":"BabyBoy, the two-tone drawing of baby-boy on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/baby-boy","t":"BabyBoy","d":"BabyBoy, the duotone drawing of baby-boy on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/baby-boy","t":"BabyBoy","d":"BabyBoy, the fill drawing of baby-boy on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:baby-girl","t":"BabyGirl","d":"BabyGirl, the stroke drawing of baby-girl on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/baby-girl","t":"BabyGirl","d":"BabyGirl, the two-tone drawing of baby-girl on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/baby-girl","t":"BabyGirl","d":"BabyGirl, the duotone drawing of baby-girl on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/baby-girl","t":"BabyGirl","d":"BabyGirl, the fill drawing of baby-girl on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/baby-girl","t":"BabyGirl","d":"BabyGirl, the stroke drawing of baby-girl on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/baby-girl","t":"BabyGirl","d":"BabyGirl, the two-tone drawing of baby-girl on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/baby-girl","t":"BabyGirl","d":"BabyGirl, the duotone drawing of baby-girl on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/baby-girl","t":"BabyGirl","d":"BabyGirl, the fill drawing of baby-girl on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:badge","t":"Badge","d":"Badge, the stroke drawing of badge on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/badge","t":"Badge","d":"Badge, the two-tone drawing of badge on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/badge","t":"Badge","d":"Badge, the duotone drawing of badge on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/badge","t":"Badge","d":"Badge, the fill drawing of badge on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/badge","t":"Badge","d":"Badge, the stroke drawing of badge on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/badge","t":"Badge","d":"Badge, the two-tone drawing of badge on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/badge","t":"Badge","d":"Badge, the duotone drawing of badge on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/badge","t":"Badge","d":"Badge, the fill drawing of badge on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:badge-alert","t":"BadgeAlert","d":"BadgeAlert, the stroke drawing of badge-alert on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/badge-alert","t":"BadgeAlert","d":"BadgeAlert, the two-tone drawing of badge-alert on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/badge-alert","t":"BadgeAlert","d":"BadgeAlert, the duotone drawing of badge-alert on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/badge-alert","t":"BadgeAlert","d":"BadgeAlert, the fill drawing of badge-alert on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/badge-alert","t":"BadgeAlert","d":"BadgeAlert, the stroke drawing of badge-alert on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/badge-alert","t":"BadgeAlert","d":"BadgeAlert, the two-tone drawing of badge-alert on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/badge-alert","t":"BadgeAlert","d":"BadgeAlert, the duotone drawing of badge-alert on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/badge-alert","t":"BadgeAlert","d":"BadgeAlert, the fill drawing of badge-alert on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:badge-check","t":"BadgeCheck","d":"BadgeCheck, the stroke drawing of badge-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/badge-check","t":"BadgeCheck","d":"BadgeCheck, the two-tone drawing of badge-check on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/badge-check","t":"BadgeCheck","d":"BadgeCheck, the duotone drawing of badge-check on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/badge-check","t":"BadgeCheck","d":"BadgeCheck, the fill drawing of badge-check on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/badge-check","t":"BadgeCheck","d":"BadgeCheck, the stroke drawing of badge-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/badge-check","t":"BadgeCheck","d":"BadgeCheck, the two-tone drawing of badge-check on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/badge-check","t":"BadgeCheck","d":"BadgeCheck, the duotone drawing of badge-check on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/badge-check","t":"BadgeCheck","d":"BadgeCheck, the fill drawing of badge-check on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:badge-dollar-sign","t":"BadgeDollarSign","d":"BadgeDollarSign, the stroke drawing of badge-dollar-sign on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/badge-dollar-sign","t":"BadgeDollarSign","d":"BadgeDollarSign, the two-tone drawing of badge-dollar-sign on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/badge-dollar-sign","t":"BadgeDollarSign","d":"BadgeDollarSign, the duotone drawing of badge-dollar-sign on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/badge-dollar-sign","t":"BadgeDollarSign","d":"BadgeDollarSign, the fill drawing of badge-dollar-sign on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/badge-dollar-sign","t":"BadgeDollarSign","d":"BadgeDollarSign, the stroke drawing of badge-dollar-sign on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/badge-dollar-sign","t":"BadgeDollarSign","d":"BadgeDollarSign, the two-tone drawing of badge-dollar-sign on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/badge-dollar-sign","t":"BadgeDollarSign","d":"BadgeDollarSign, the duotone drawing of badge-dollar-sign on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/badge-dollar-sign","t":"BadgeDollarSign","d":"BadgeDollarSign, the fill drawing of badge-dollar-sign on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:badge-info","t":"BadgeInfo","d":"BadgeInfo, the stroke drawing of badge-info on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/badge-info","t":"BadgeInfo","d":"BadgeInfo, the two-tone drawing of badge-info on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/badge-info","t":"BadgeInfo","d":"BadgeInfo, the duotone drawing of badge-info on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/badge-info","t":"BadgeInfo","d":"BadgeInfo, the fill drawing of badge-info on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/badge-info","t":"BadgeInfo","d":"BadgeInfo, the stroke drawing of badge-info on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/badge-info","t":"BadgeInfo","d":"BadgeInfo, the two-tone drawing of badge-info on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/badge-info","t":"BadgeInfo","d":"BadgeInfo, the duotone drawing of badge-info on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/badge-info","t":"BadgeInfo","d":"BadgeInfo, the fill drawing of badge-info on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:badge-minus","t":"BadgeMinus","d":"BadgeMinus, the stroke drawing of badge-minus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/badge-minus","t":"BadgeMinus","d":"BadgeMinus, the two-tone drawing of badge-minus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/badge-minus","t":"BadgeMinus","d":"BadgeMinus, the duotone drawing of badge-minus on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/badge-minus","t":"BadgeMinus","d":"BadgeMinus, the fill drawing of badge-minus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/badge-minus","t":"BadgeMinus","d":"BadgeMinus, the stroke drawing of badge-minus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/badge-minus","t":"BadgeMinus","d":"BadgeMinus, the two-tone drawing of badge-minus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/badge-minus","t":"BadgeMinus","d":"BadgeMinus, the duotone drawing of badge-minus on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/badge-minus","t":"BadgeMinus","d":"BadgeMinus, the fill drawing of badge-minus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:badge-percent","t":"BadgePercent","d":"BadgePercent, the stroke drawing of badge-percent on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/badge-percent","t":"BadgePercent","d":"BadgePercent, the two-tone drawing of badge-percent on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/badge-percent","t":"BadgePercent","d":"BadgePercent, the duotone drawing of badge-percent on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/badge-percent","t":"BadgePercent","d":"BadgePercent, the fill drawing of badge-percent on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/badge-percent","t":"BadgePercent","d":"BadgePercent, the stroke drawing of badge-percent on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/badge-percent","t":"BadgePercent","d":"BadgePercent, the two-tone drawing of badge-percent on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/badge-percent","t":"BadgePercent","d":"BadgePercent, the duotone drawing of badge-percent on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/badge-percent","t":"BadgePercent","d":"BadgePercent, the fill drawing of badge-percent on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:badge-plus","t":"BadgePlus","d":"BadgePlus, the stroke drawing of badge-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/badge-plus","t":"BadgePlus","d":"BadgePlus, the two-tone drawing of badge-plus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/badge-plus","t":"BadgePlus","d":"BadgePlus, the duotone drawing of badge-plus on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/badge-plus","t":"BadgePlus","d":"BadgePlus, the fill drawing of badge-plus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/badge-plus","t":"BadgePlus","d":"BadgePlus, the stroke drawing of badge-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/badge-plus","t":"BadgePlus","d":"BadgePlus, the two-tone drawing of badge-plus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/badge-plus","t":"BadgePlus","d":"BadgePlus, the duotone drawing of badge-plus on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/badge-plus","t":"BadgePlus","d":"BadgePlus, the fill drawing of badge-plus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:badge-question","t":"BadgeQuestion","d":"BadgeQuestion, the stroke drawing of badge-question on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/badge-question","t":"BadgeQuestion","d":"BadgeQuestion, the two-tone drawing of badge-question on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/badge-question","t":"BadgeQuestion","d":"BadgeQuestion, the duotone drawing of badge-question on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/badge-question","t":"BadgeQuestion","d":"BadgeQuestion, the fill drawing of badge-question on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/badge-question","t":"BadgeQuestion","d":"BadgeQuestion, the stroke drawing of badge-question on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/badge-question","t":"BadgeQuestion","d":"BadgeQuestion, the two-tone drawing of badge-question on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/badge-question","t":"BadgeQuestion","d":"BadgeQuestion, the duotone drawing of badge-question on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/badge-question","t":"BadgeQuestion","d":"BadgeQuestion, the fill drawing of badge-question on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:ban","t":"Ban","d":"Ban, the stroke drawing of ban on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/ban","t":"Ban","d":"Ban, the two-tone drawing of ban on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/ban","t":"Ban","d":"Ban, the duotone drawing of ban on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/ban","t":"Ban","d":"Ban, the fill drawing of ban on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/ban","t":"Ban","d":"Ban, the stroke drawing of ban on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/ban","t":"Ban","d":"Ban, the two-tone drawing of ban on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/ban","t":"Ban","d":"Ban, the duotone drawing of ban on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/ban","t":"Ban","d":"Ban, the fill drawing of ban on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bandage","t":"Bandage","d":"Bandage, the stroke drawing of bandage on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bandage","t":"Bandage","d":"Bandage, the two-tone drawing of bandage on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bandage","t":"Bandage","d":"Bandage, the duotone drawing of bandage on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bandage","t":"Bandage","d":"Bandage, the fill drawing of bandage on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bandage","t":"Bandage","d":"Bandage, the stroke drawing of bandage on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bandage","t":"Bandage","d":"Bandage, the two-tone drawing of bandage on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bandage","t":"Bandage","d":"Bandage, the duotone drawing of bandage on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bandage","t":"Bandage","d":"Bandage, the fill drawing of bandage on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:banknote","t":"Banknote","d":"Banknote, the stroke drawing of banknote on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","vn":16,"hc":1},{"id":"keyline:two-tone/banknote","t":"Banknote","d":"Banknote, the two-tone drawing of banknote on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/banknote","t":"Banknote","d":"Banknote, the duotone drawing of banknote on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/banknote","t":"Banknote","d":"Banknote, the fill drawing of banknote on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/banknote","t":"Banknote","d":"Banknote, the stroke drawing of banknote on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/banknote","t":"Banknote","d":"Banknote, the two-tone drawing of banknote on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/banknote","t":"Banknote","d":"Banknote, the duotone drawing of banknote on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/banknote","t":"Banknote","d":"Banknote, the fill drawing of banknote on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:banknote-2-check","t":"Banknote2Check","d":"Banknote2Check, the stroke drawing of banknote-2-check on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/banknote-2-check","t":"Banknote2Check","d":"Banknote2Check, the two-tone drawing of banknote-2-check on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/banknote-2-check","t":"Banknote2Check","d":"Banknote2Check, the duotone drawing of banknote-2-check on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/banknote-2-check","t":"Banknote2Check","d":"Banknote2Check, the fill drawing of banknote-2-check on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/banknote-2-check","t":"Banknote2Check","d":"Banknote2Check, the stroke drawing of banknote-2-check on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/banknote-2-check","t":"Banknote2Check","d":"Banknote2Check, the two-tone drawing of banknote-2-check on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/banknote-2-check","t":"Banknote2Check","d":"Banknote2Check, the duotone drawing of banknote-2-check on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/banknote-2-check","t":"Banknote2Check","d":"Banknote2Check, the fill drawing of banknote-2-check on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:banknote-2-minus","t":"Banknote2Minus","d":"Banknote2Minus, the stroke drawing of banknote-2-minus on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/banknote-2-minus","t":"Banknote2Minus","d":"Banknote2Minus, the two-tone drawing of banknote-2-minus on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/banknote-2-minus","t":"Banknote2Minus","d":"Banknote2Minus, the duotone drawing of banknote-2-minus on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/banknote-2-minus","t":"Banknote2Minus","d":"Banknote2Minus, the fill drawing of banknote-2-minus on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/banknote-2-minus","t":"Banknote2Minus","d":"Banknote2Minus, the stroke drawing of banknote-2-minus on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/banknote-2-minus","t":"Banknote2Minus","d":"Banknote2Minus, the two-tone drawing of banknote-2-minus on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/banknote-2-minus","t":"Banknote2Minus","d":"Banknote2Minus, the duotone drawing of banknote-2-minus on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/banknote-2-minus","t":"Banknote2Minus","d":"Banknote2Minus, the fill drawing of banknote-2-minus on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:banknote-2-plus","t":"Banknote2Plus","d":"Banknote2Plus, the stroke drawing of banknote-2-plus on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/banknote-2-plus","t":"Banknote2Plus","d":"Banknote2Plus, the two-tone drawing of banknote-2-plus on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/banknote-2-plus","t":"Banknote2Plus","d":"Banknote2Plus, the duotone drawing of banknote-2-plus on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/banknote-2-plus","t":"Banknote2Plus","d":"Banknote2Plus, the fill drawing of banknote-2-plus on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/banknote-2-plus","t":"Banknote2Plus","d":"Banknote2Plus, the stroke drawing of banknote-2-plus on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/banknote-2-plus","t":"Banknote2Plus","d":"Banknote2Plus, the two-tone drawing of banknote-2-plus on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/banknote-2-plus","t":"Banknote2Plus","d":"Banknote2Plus, the duotone drawing of banknote-2-plus on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/banknote-2-plus","t":"Banknote2Plus","d":"Banknote2Plus, the fill drawing of banknote-2-plus on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:banknote-check","t":"BanknoteCheck","d":"BanknoteCheck, the stroke drawing of banknote-check on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/banknote-check","t":"BanknoteCheck","d":"BanknoteCheck, the two-tone drawing of banknote-check on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/banknote-check","t":"BanknoteCheck","d":"BanknoteCheck, the duotone drawing of banknote-check on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/banknote-check","t":"BanknoteCheck","d":"BanknoteCheck, the fill drawing of banknote-check on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/banknote-check","t":"BanknoteCheck","d":"BanknoteCheck, the stroke drawing of banknote-check on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/banknote-check","t":"BanknoteCheck","d":"BanknoteCheck, the two-tone drawing of banknote-check on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/banknote-check","t":"BanknoteCheck","d":"BanknoteCheck, the duotone drawing of banknote-check on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/banknote-check","t":"BanknoteCheck","d":"BanknoteCheck, the fill drawing of banknote-check on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:banknote-minus","t":"BanknoteMinus","d":"BanknoteMinus, the stroke drawing of banknote-minus on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/banknote-minus","t":"BanknoteMinus","d":"BanknoteMinus, the two-tone drawing of banknote-minus on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/banknote-minus","t":"BanknoteMinus","d":"BanknoteMinus, the duotone drawing of banknote-minus on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/banknote-minus","t":"BanknoteMinus","d":"BanknoteMinus, the fill drawing of banknote-minus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/banknote-minus","t":"BanknoteMinus","d":"BanknoteMinus, the stroke drawing of banknote-minus on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/banknote-minus","t":"BanknoteMinus","d":"BanknoteMinus, the two-tone drawing of banknote-minus on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/banknote-minus","t":"BanknoteMinus","d":"BanknoteMinus, the duotone drawing of banknote-minus on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/banknote-minus","t":"BanknoteMinus","d":"BanknoteMinus, the fill drawing of banknote-minus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:banknote-plus","t":"BanknotePlus","d":"BanknotePlus, the stroke drawing of banknote-plus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/banknote-plus","t":"BanknotePlus","d":"BanknotePlus, the two-tone drawing of banknote-plus on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/banknote-plus","t":"BanknotePlus","d":"BanknotePlus, the duotone drawing of banknote-plus on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/banknote-plus","t":"BanknotePlus","d":"BanknotePlus, the fill drawing of banknote-plus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/banknote-plus","t":"BanknotePlus","d":"BanknotePlus, the stroke drawing of banknote-plus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/banknote-plus","t":"BanknotePlus","d":"BanknotePlus, the two-tone drawing of banknote-plus on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/banknote-plus","t":"BanknotePlus","d":"BanknotePlus, the duotone drawing of banknote-plus on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/banknote-plus","t":"BanknotePlus","d":"BanknotePlus, the fill drawing of banknote-plus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-bar-chart","t":"CircleBarChart","d":"CircleBarChart, the stroke drawing of circle-bar-chart on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/circle-bar-chart","t":"CircleBarChart","d":"CircleBarChart, the two-tone drawing of circle-bar-chart on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-bar-chart","t":"CircleBarChart","d":"CircleBarChart, the duotone drawing of circle-bar-chart on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-bar-chart","t":"CircleBarChart","d":"CircleBarChart, the fill drawing of circle-bar-chart on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-bar-chart","t":"CircleBarChart","d":"CircleBarChart, the stroke drawing of circle-bar-chart on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-bar-chart","t":"CircleBarChart","d":"CircleBarChart, the two-tone drawing of circle-bar-chart on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-bar-chart","t":"CircleBarChart","d":"CircleBarChart, the duotone drawing of circle-bar-chart on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-bar-chart","t":"CircleBarChart","d":"CircleBarChart, the fill drawing of circle-bar-chart on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bar-chart","t":"BarChart","d":"BarChart, the stroke drawing of bar-chart on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/bar-chart","t":"BarChart","d":"BarChart, the two-tone drawing of bar-chart on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bar-chart","t":"BarChart","d":"BarChart, the duotone drawing of bar-chart on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bar-chart","t":"BarChart","d":"BarChart, the fill drawing of bar-chart on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bar-chart","t":"BarChart","d":"BarChart, the stroke drawing of bar-chart on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bar-chart","t":"BarChart","d":"BarChart, the two-tone drawing of bar-chart on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bar-chart","t":"BarChart","d":"BarChart, the duotone drawing of bar-chart on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bar-chart","t":"BarChart","d":"BarChart, the fill drawing of bar-chart on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-bar-chart","t":"SquareBarChart","d":"SquareBarChart, the stroke drawing of square-bar-chart on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/square-bar-chart","t":"SquareBarChart","d":"SquareBarChart, the two-tone drawing of square-bar-chart on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-bar-chart","t":"SquareBarChart","d":"SquareBarChart, the duotone drawing of square-bar-chart on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-bar-chart","t":"SquareBarChart","d":"SquareBarChart, the fill drawing of square-bar-chart on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-bar-chart","t":"SquareBarChart","d":"SquareBarChart, the stroke drawing of square-bar-chart on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-bar-chart","t":"SquareBarChart","d":"SquareBarChart, the two-tone drawing of square-bar-chart on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-bar-chart","t":"SquareBarChart","d":"SquareBarChart, the duotone drawing of square-bar-chart on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-bar-chart","t":"SquareBarChart","d":"SquareBarChart, the fill drawing of square-bar-chart on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-bar-chart-2-down","t":"CircleBarChart2Down","d":"CircleBarChart2Down, the stroke drawing of circle-bar-chart-2-down on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-bar-chart-2-down","t":"CircleBarChart2Down","d":"CircleBarChart2Down, the two-tone drawing of circle-bar-chart-2-down on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-bar-chart-2-down","t":"CircleBarChart2Down","d":"CircleBarChart2Down, the duotone drawing of circle-bar-chart-2-down on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-bar-chart-2-down","t":"CircleBarChart2Down","d":"CircleBarChart2Down, the fill drawing of circle-bar-chart-2-down on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-bar-chart-2-down","t":"CircleBarChart2Down","d":"CircleBarChart2Down, the stroke drawing of circle-bar-chart-2-down on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-bar-chart-2-down","t":"CircleBarChart2Down","d":"CircleBarChart2Down, the two-tone drawing of circle-bar-chart-2-down on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-bar-chart-2-down","t":"CircleBarChart2Down","d":"CircleBarChart2Down, the duotone drawing of circle-bar-chart-2-down on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-bar-chart-2-down","t":"CircleBarChart2Down","d":"CircleBarChart2Down, the fill drawing of circle-bar-chart-2-down on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bar-chart-2-down","t":"BarChart2Down","d":"BarChart2Down, the stroke drawing of bar-chart-2-down on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bar-chart-2-down","t":"BarChart2Down","d":"BarChart2Down, the two-tone drawing of bar-chart-2-down on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bar-chart-2-down","t":"BarChart2Down","d":"BarChart2Down, the duotone drawing of bar-chart-2-down on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bar-chart-2-down","t":"BarChart2Down","d":"BarChart2Down, the fill drawing of bar-chart-2-down on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bar-chart-2-down","t":"BarChart2Down","d":"BarChart2Down, the stroke drawing of bar-chart-2-down on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bar-chart-2-down","t":"BarChart2Down","d":"BarChart2Down, the two-tone drawing of bar-chart-2-down on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bar-chart-2-down","t":"BarChart2Down","d":"BarChart2Down, the duotone drawing of bar-chart-2-down on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bar-chart-2-down","t":"BarChart2Down","d":"BarChart2Down, the fill drawing of bar-chart-2-down on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-bar-chart-2-down","t":"SquareBarChart2Down","d":"SquareBarChart2Down, the stroke drawing of square-bar-chart-2-down on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-bar-chart-2-down","t":"SquareBarChart2Down","d":"SquareBarChart2Down, the two-tone drawing of square-bar-chart-2-down on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-bar-chart-2-down","t":"SquareBarChart2Down","d":"SquareBarChart2Down, the duotone drawing of square-bar-chart-2-down on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-bar-chart-2-down","t":"SquareBarChart2Down","d":"SquareBarChart2Down, the fill drawing of square-bar-chart-2-down on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-bar-chart-2-down","t":"SquareBarChart2Down","d":"SquareBarChart2Down, the stroke drawing of square-bar-chart-2-down on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-bar-chart-2-down","t":"SquareBarChart2Down","d":"SquareBarChart2Down, the two-tone drawing of square-bar-chart-2-down on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-bar-chart-2-down","t":"SquareBarChart2Down","d":"SquareBarChart2Down, the duotone drawing of square-bar-chart-2-down on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-bar-chart-2-down","t":"SquareBarChart2Down","d":"SquareBarChart2Down, the fill drawing of square-bar-chart-2-down on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-bar-chart-2-horizontal-end","t":"CircleBarChart2HorizontalEnd","d":"CircleBarChart2HorizontalEnd, the stroke drawing of circle-bar-chart-2-horizontal-end on a","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-bar-chart-2-horizontal-end","t":"CircleBarChart2HorizontalEnd","d":"CircleBarChart2HorizontalEnd, the two-tone drawing of circle-bar-chart-2-horizontal-end on","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-bar-chart-2-horizontal-end","t":"CircleBarChart2HorizontalEnd","d":"CircleBarChart2HorizontalEnd, the duotone drawing of circle-bar-chart-2-horizontal-end on ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-bar-chart-2-horizontal-end","t":"CircleBarChart2HorizontalEnd","d":"CircleBarChart2HorizontalEnd, the fill drawing of circle-bar-chart-2-horizontal-end on a 2","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-bar-chart-2-horizontal-end","t":"CircleBarChart2HorizontalEnd","d":"CircleBarChart2HorizontalEnd, the stroke drawing of circle-bar-chart-2-horizontal-end on a","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-bar-chart-2-horizontal-end","t":"CircleBarChart2HorizontalEnd","d":"CircleBarChart2HorizontalEnd, the two-tone drawing of circle-bar-chart-2-horizontal-end on","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-bar-chart-2-horizontal-end","t":"CircleBarChart2HorizontalEnd","d":"CircleBarChart2HorizontalEnd, the duotone drawing of circle-bar-chart-2-horizontal-end on ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-bar-chart-2-horizontal-end","t":"CircleBarChart2HorizontalEnd","d":"CircleBarChart2HorizontalEnd, the fill drawing of circle-bar-chart-2-horizontal-end on a 2","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bar-chart-2-horizontal-end","t":"BarChart2HorizontalEnd","d":"BarChart2HorizontalEnd, the stroke drawing of bar-chart-2-horizontal-end on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bar-chart-2-horizontal-end","t":"BarChart2HorizontalEnd","d":"BarChart2HorizontalEnd, the two-tone drawing of bar-chart-2-horizontal-end on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bar-chart-2-horizontal-end","t":"BarChart2HorizontalEnd","d":"BarChart2HorizontalEnd, the duotone drawing of bar-chart-2-horizontal-end on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bar-chart-2-horizontal-end","t":"BarChart2HorizontalEnd","d":"BarChart2HorizontalEnd, the fill drawing of bar-chart-2-horizontal-end on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bar-chart-2-horizontal-end","t":"BarChart2HorizontalEnd","d":"BarChart2HorizontalEnd, the stroke drawing of bar-chart-2-horizontal-end on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bar-chart-2-horizontal-end","t":"BarChart2HorizontalEnd","d":"BarChart2HorizontalEnd, the two-tone drawing of bar-chart-2-horizontal-end on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bar-chart-2-horizontal-end","t":"BarChart2HorizontalEnd","d":"BarChart2HorizontalEnd, the duotone drawing of bar-chart-2-horizontal-end on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bar-chart-2-horizontal-end","t":"BarChart2HorizontalEnd","d":"BarChart2HorizontalEnd, the fill drawing of bar-chart-2-horizontal-end on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-bar-chart-2-horizontal-end","t":"SquareBarChart2HorizontalEnd","d":"SquareBarChart2HorizontalEnd, the stroke drawing of square-bar-chart-2-horizontal-end on a","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-bar-chart-2-horizontal-end","t":"SquareBarChart2HorizontalEnd","d":"SquareBarChart2HorizontalEnd, the two-tone drawing of square-bar-chart-2-horizontal-end on","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-bar-chart-2-horizontal-end","t":"SquareBarChart2HorizontalEnd","d":"SquareBarChart2HorizontalEnd, the duotone drawing of square-bar-chart-2-horizontal-end on ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-bar-chart-2-horizontal-end","t":"SquareBarChart2HorizontalEnd","d":"SquareBarChart2HorizontalEnd, the fill drawing of square-bar-chart-2-horizontal-end on a 2","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-bar-chart-2-horizontal-end","t":"SquareBarChart2HorizontalEnd","d":"SquareBarChart2HorizontalEnd, the stroke drawing of square-bar-chart-2-horizontal-end on a","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-bar-chart-2-horizontal-end","t":"SquareBarChart2HorizontalEnd","d":"SquareBarChart2HorizontalEnd, the two-tone drawing of square-bar-chart-2-horizontal-end on","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-bar-chart-2-horizontal-end","t":"SquareBarChart2HorizontalEnd","d":"SquareBarChart2HorizontalEnd, the duotone drawing of square-bar-chart-2-horizontal-end on ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-bar-chart-2-horizontal-end","t":"SquareBarChart2HorizontalEnd","d":"SquareBarChart2HorizontalEnd, the fill drawing of square-bar-chart-2-horizontal-end on a 2","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-bar-chart-2-horizontal-start","t":"CircleBarChart2HorizontalStart","d":"CircleBarChart2HorizontalStart, the stroke drawing of circle-bar-chart-2-horizontal-start ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-bar-chart-2-horizontal-start","t":"CircleBarChart2HorizontalStart","d":"CircleBarChart2HorizontalStart, the two-tone drawing of circle-bar-chart-2-horizontal-star","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-bar-chart-2-horizontal-start","t":"CircleBarChart2HorizontalStart","d":"CircleBarChart2HorizontalStart, the duotone drawing of circle-bar-chart-2-horizontal-start","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-bar-chart-2-horizontal-start","t":"CircleBarChart2HorizontalStart","d":"CircleBarChart2HorizontalStart, the fill drawing of circle-bar-chart-2-horizontal-start on","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-bar-chart-2-horizontal-start","t":"CircleBarChart2HorizontalStart","d":"CircleBarChart2HorizontalStart, the stroke drawing of circle-bar-chart-2-horizontal-start ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-bar-chart-2-horizontal-start","t":"CircleBarChart2HorizontalStart","d":"CircleBarChart2HorizontalStart, the two-tone drawing of circle-bar-chart-2-horizontal-star","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-bar-chart-2-horizontal-start","t":"CircleBarChart2HorizontalStart","d":"CircleBarChart2HorizontalStart, the duotone drawing of circle-bar-chart-2-horizontal-start","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-bar-chart-2-horizontal-start","t":"CircleBarChart2HorizontalStart","d":"CircleBarChart2HorizontalStart, the fill drawing of circle-bar-chart-2-horizontal-start on","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bar-chart-2-horizontal-start","t":"BarChart2HorizontalStart","d":"BarChart2HorizontalStart, the stroke drawing of bar-chart-2-horizontal-start on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bar-chart-2-horizontal-start","t":"BarChart2HorizontalStart","d":"BarChart2HorizontalStart, the two-tone drawing of bar-chart-2-horizontal-start on a 24×24 ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bar-chart-2-horizontal-start","t":"BarChart2HorizontalStart","d":"BarChart2HorizontalStart, the duotone drawing of bar-chart-2-horizontal-start on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bar-chart-2-horizontal-start","t":"BarChart2HorizontalStart","d":"BarChart2HorizontalStart, the fill drawing of bar-chart-2-horizontal-start on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bar-chart-2-horizontal-start","t":"BarChart2HorizontalStart","d":"BarChart2HorizontalStart, the stroke drawing of bar-chart-2-horizontal-start on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bar-chart-2-horizontal-start","t":"BarChart2HorizontalStart","d":"BarChart2HorizontalStart, the two-tone drawing of bar-chart-2-horizontal-start on a 24×24 ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bar-chart-2-horizontal-start","t":"BarChart2HorizontalStart","d":"BarChart2HorizontalStart, the duotone drawing of bar-chart-2-horizontal-start on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bar-chart-2-horizontal-start","t":"BarChart2HorizontalStart","d":"BarChart2HorizontalStart, the fill drawing of bar-chart-2-horizontal-start on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-bar-chart-2-horizontal-start","t":"SquareBarChart2HorizontalStart","d":"SquareBarChart2HorizontalStart, the stroke drawing of square-bar-chart-2-horizontal-start ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-bar-chart-2-horizontal-start","t":"SquareBarChart2HorizontalStart","d":"SquareBarChart2HorizontalStart, the two-tone drawing of square-bar-chart-2-horizontal-star","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-bar-chart-2-horizontal-start","t":"SquareBarChart2HorizontalStart","d":"SquareBarChart2HorizontalStart, the duotone drawing of square-bar-chart-2-horizontal-start","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-bar-chart-2-horizontal-start","t":"SquareBarChart2HorizontalStart","d":"SquareBarChart2HorizontalStart, the fill drawing of square-bar-chart-2-horizontal-start on","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-bar-chart-2-horizontal-start","t":"SquareBarChart2HorizontalStart","d":"SquareBarChart2HorizontalStart, the stroke drawing of square-bar-chart-2-horizontal-start ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-bar-chart-2-horizontal-start","t":"SquareBarChart2HorizontalStart","d":"SquareBarChart2HorizontalStart, the two-tone drawing of square-bar-chart-2-horizontal-star","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-bar-chart-2-horizontal-start","t":"SquareBarChart2HorizontalStart","d":"SquareBarChart2HorizontalStart, the duotone drawing of square-bar-chart-2-horizontal-start","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-bar-chart-2-horizontal-start","t":"SquareBarChart2HorizontalStart","d":"SquareBarChart2HorizontalStart, the fill drawing of square-bar-chart-2-horizontal-start on","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-bar-chart-down","t":"CircleBarChartDown","d":"CircleBarChartDown, the stroke drawing of circle-bar-chart-down on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-bar-chart-down","t":"CircleBarChartDown","d":"CircleBarChartDown, the two-tone drawing of circle-bar-chart-down on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-bar-chart-down","t":"CircleBarChartDown","d":"CircleBarChartDown, the duotone drawing of circle-bar-chart-down on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-bar-chart-down","t":"CircleBarChartDown","d":"CircleBarChartDown, the fill drawing of circle-bar-chart-down on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-bar-chart-down","t":"CircleBarChartDown","d":"CircleBarChartDown, the stroke drawing of circle-bar-chart-down on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-bar-chart-down","t":"CircleBarChartDown","d":"CircleBarChartDown, the two-tone drawing of circle-bar-chart-down on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-bar-chart-down","t":"CircleBarChartDown","d":"CircleBarChartDown, the duotone drawing of circle-bar-chart-down on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-bar-chart-down","t":"CircleBarChartDown","d":"CircleBarChartDown, the fill drawing of circle-bar-chart-down on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bar-chart-down","t":"BarChartDown","d":"BarChartDown, the stroke drawing of bar-chart-down on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bar-chart-down","t":"BarChartDown","d":"BarChartDown, the two-tone drawing of bar-chart-down on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bar-chart-down","t":"BarChartDown","d":"BarChartDown, the duotone drawing of bar-chart-down on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bar-chart-down","t":"BarChartDown","d":"BarChartDown, the fill drawing of bar-chart-down on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bar-chart-down","t":"BarChartDown","d":"BarChartDown, the stroke drawing of bar-chart-down on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bar-chart-down","t":"BarChartDown","d":"BarChartDown, the two-tone drawing of bar-chart-down on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bar-chart-down","t":"BarChartDown","d":"BarChartDown, the duotone drawing of bar-chart-down on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bar-chart-down","t":"BarChartDown","d":"BarChartDown, the fill drawing of bar-chart-down on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-bar-chart-down","t":"SquareBarChartDown","d":"SquareBarChartDown, the stroke drawing of square-bar-chart-down on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-bar-chart-down","t":"SquareBarChartDown","d":"SquareBarChartDown, the two-tone drawing of square-bar-chart-down on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-bar-chart-down","t":"SquareBarChartDown","d":"SquareBarChartDown, the duotone drawing of square-bar-chart-down on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-bar-chart-down","t":"SquareBarChartDown","d":"SquareBarChartDown, the fill drawing of square-bar-chart-down on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-bar-chart-down","t":"SquareBarChartDown","d":"SquareBarChartDown, the stroke drawing of square-bar-chart-down on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-bar-chart-down","t":"SquareBarChartDown","d":"SquareBarChartDown, the two-tone drawing of square-bar-chart-down on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-bar-chart-down","t":"SquareBarChartDown","d":"SquareBarChartDown, the duotone drawing of square-bar-chart-down on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-bar-chart-down","t":"SquareBarChartDown","d":"SquareBarChartDown, the fill drawing of square-bar-chart-down on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-bar-chart-horizontal-end","t":"CircleBarChartHorizontalEnd","d":"CircleBarChartHorizontalEnd, the stroke drawing of circle-bar-chart-horizontal-end on a 24","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-bar-chart-horizontal-end","t":"CircleBarChartHorizontalEnd","d":"CircleBarChartHorizontalEnd, the two-tone drawing of circle-bar-chart-horizontal-end on a ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-bar-chart-horizontal-end","t":"CircleBarChartHorizontalEnd","d":"CircleBarChartHorizontalEnd, the duotone drawing of circle-bar-chart-horizontal-end on a 2","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-bar-chart-horizontal-end","t":"CircleBarChartHorizontalEnd","d":"CircleBarChartHorizontalEnd, the fill drawing of circle-bar-chart-horizontal-end on a 24×2","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-bar-chart-horizontal-end","t":"CircleBarChartHorizontalEnd","d":"CircleBarChartHorizontalEnd, the stroke drawing of circle-bar-chart-horizontal-end on a 24","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-bar-chart-horizontal-end","t":"CircleBarChartHorizontalEnd","d":"CircleBarChartHorizontalEnd, the two-tone drawing of circle-bar-chart-horizontal-end on a ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-bar-chart-horizontal-end","t":"CircleBarChartHorizontalEnd","d":"CircleBarChartHorizontalEnd, the duotone drawing of circle-bar-chart-horizontal-end on a 2","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-bar-chart-horizontal-end","t":"CircleBarChartHorizontalEnd","d":"CircleBarChartHorizontalEnd, the fill drawing of circle-bar-chart-horizontal-end on a 24×2","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bar-chart-horizontal-end","t":"BarChartHorizontalEnd","d":"BarChartHorizontalEnd, the stroke drawing of bar-chart-horizontal-end on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bar-chart-horizontal-end","t":"BarChartHorizontalEnd","d":"BarChartHorizontalEnd, the two-tone drawing of bar-chart-horizontal-end on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bar-chart-horizontal-end","t":"BarChartHorizontalEnd","d":"BarChartHorizontalEnd, the duotone drawing of bar-chart-horizontal-end on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bar-chart-horizontal-end","t":"BarChartHorizontalEnd","d":"BarChartHorizontalEnd, the fill drawing of bar-chart-horizontal-end on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bar-chart-horizontal-end","t":"BarChartHorizontalEnd","d":"BarChartHorizontalEnd, the stroke drawing of bar-chart-horizontal-end on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bar-chart-horizontal-end","t":"BarChartHorizontalEnd","d":"BarChartHorizontalEnd, the two-tone drawing of bar-chart-horizontal-end on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bar-chart-horizontal-end","t":"BarChartHorizontalEnd","d":"BarChartHorizontalEnd, the duotone drawing of bar-chart-horizontal-end on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bar-chart-horizontal-end","t":"BarChartHorizontalEnd","d":"BarChartHorizontalEnd, the fill drawing of bar-chart-horizontal-end on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-bar-chart-horizontal-end","t":"SquareBarChartHorizontalEnd","d":"SquareBarChartHorizontalEnd, the stroke drawing of square-bar-chart-horizontal-end on a 24","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-bar-chart-horizontal-end","t":"SquareBarChartHorizontalEnd","d":"SquareBarChartHorizontalEnd, the two-tone drawing of square-bar-chart-horizontal-end on a ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-bar-chart-horizontal-end","t":"SquareBarChartHorizontalEnd","d":"SquareBarChartHorizontalEnd, the duotone drawing of square-bar-chart-horizontal-end on a 2","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-bar-chart-horizontal-end","t":"SquareBarChartHorizontalEnd","d":"SquareBarChartHorizontalEnd, the fill drawing of square-bar-chart-horizontal-end on a 24×2","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-bar-chart-horizontal-end","t":"SquareBarChartHorizontalEnd","d":"SquareBarChartHorizontalEnd, the stroke drawing of square-bar-chart-horizontal-end on a 24","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-bar-chart-horizontal-end","t":"SquareBarChartHorizontalEnd","d":"SquareBarChartHorizontalEnd, the two-tone drawing of square-bar-chart-horizontal-end on a ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-bar-chart-horizontal-end","t":"SquareBarChartHorizontalEnd","d":"SquareBarChartHorizontalEnd, the duotone drawing of square-bar-chart-horizontal-end on a 2","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-bar-chart-horizontal-end","t":"SquareBarChartHorizontalEnd","d":"SquareBarChartHorizontalEnd, the fill drawing of square-bar-chart-horizontal-end on a 24×2","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-bar-chart-horizontal-start","t":"CircleBarChartHorizontalStart","d":"CircleBarChartHorizontalStart, the stroke drawing of circle-bar-chart-horizontal-start on ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-bar-chart-horizontal-start","t":"CircleBarChartHorizontalStart","d":"CircleBarChartHorizontalStart, the two-tone drawing of circle-bar-chart-horizontal-start o","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-bar-chart-horizontal-start","t":"CircleBarChartHorizontalStart","d":"CircleBarChartHorizontalStart, the duotone drawing of circle-bar-chart-horizontal-start on","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-bar-chart-horizontal-start","t":"CircleBarChartHorizontalStart","d":"CircleBarChartHorizontalStart, the fill drawing of circle-bar-chart-horizontal-start on a ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-bar-chart-horizontal-start","t":"CircleBarChartHorizontalStart","d":"CircleBarChartHorizontalStart, the stroke drawing of circle-bar-chart-horizontal-start on ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-bar-chart-horizontal-start","t":"CircleBarChartHorizontalStart","d":"CircleBarChartHorizontalStart, the two-tone drawing of circle-bar-chart-horizontal-start o","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-bar-chart-horizontal-start","t":"CircleBarChartHorizontalStart","d":"CircleBarChartHorizontalStart, the duotone drawing of circle-bar-chart-horizontal-start on","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-bar-chart-horizontal-start","t":"CircleBarChartHorizontalStart","d":"CircleBarChartHorizontalStart, the fill drawing of circle-bar-chart-horizontal-start on a ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bar-chart-horizontal-start","t":"BarChartHorizontalStart","d":"BarChartHorizontalStart, the stroke drawing of bar-chart-horizontal-start on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bar-chart-horizontal-start","t":"BarChartHorizontalStart","d":"BarChartHorizontalStart, the two-tone drawing of bar-chart-horizontal-start on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bar-chart-horizontal-start","t":"BarChartHorizontalStart","d":"BarChartHorizontalStart, the duotone drawing of bar-chart-horizontal-start on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bar-chart-horizontal-start","t":"BarChartHorizontalStart","d":"BarChartHorizontalStart, the fill drawing of bar-chart-horizontal-start on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bar-chart-horizontal-start","t":"BarChartHorizontalStart","d":"BarChartHorizontalStart, the stroke drawing of bar-chart-horizontal-start on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bar-chart-horizontal-start","t":"BarChartHorizontalStart","d":"BarChartHorizontalStart, the two-tone drawing of bar-chart-horizontal-start on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bar-chart-horizontal-start","t":"BarChartHorizontalStart","d":"BarChartHorizontalStart, the duotone drawing of bar-chart-horizontal-start on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bar-chart-horizontal-start","t":"BarChartHorizontalStart","d":"BarChartHorizontalStart, the fill drawing of bar-chart-horizontal-start on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-bar-chart-horizontal-start","t":"SquareBarChartHorizontalStart","d":"SquareBarChartHorizontalStart, the stroke drawing of square-bar-chart-horizontal-start on ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-bar-chart-horizontal-start","t":"SquareBarChartHorizontalStart","d":"SquareBarChartHorizontalStart, the two-tone drawing of square-bar-chart-horizontal-start o","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-bar-chart-horizontal-start","t":"SquareBarChartHorizontalStart","d":"SquareBarChartHorizontalStart, the duotone drawing of square-bar-chart-horizontal-start on","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-bar-chart-horizontal-start","t":"SquareBarChartHorizontalStart","d":"SquareBarChartHorizontalStart, the fill drawing of square-bar-chart-horizontal-start on a ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-bar-chart-horizontal-start","t":"SquareBarChartHorizontalStart","d":"SquareBarChartHorizontalStart, the stroke drawing of square-bar-chart-horizontal-start on ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-bar-chart-horizontal-start","t":"SquareBarChartHorizontalStart","d":"SquareBarChartHorizontalStart, the two-tone drawing of square-bar-chart-horizontal-start o","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-bar-chart-horizontal-start","t":"SquareBarChartHorizontalStart","d":"SquareBarChartHorizontalStart, the duotone drawing of square-bar-chart-horizontal-start on","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-bar-chart-horizontal-start","t":"SquareBarChartHorizontalStart","d":"SquareBarChartHorizontalStart, the fill drawing of square-bar-chart-horizontal-start on a ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bars-progress","t":"BarsProgress","d":"BarsProgress, the stroke drawing of bars-progress on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bars-progress","t":"BarsProgress","d":"BarsProgress, the two-tone drawing of bars-progress on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bars-progress","t":"BarsProgress","d":"BarsProgress, the duotone drawing of bars-progress on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bars-progress","t":"BarsProgress","d":"BarsProgress, the fill drawing of bars-progress on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bars-progress","t":"BarsProgress","d":"BarsProgress, the stroke drawing of bars-progress on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bars-progress","t":"BarsProgress","d":"BarsProgress, the two-tone drawing of bars-progress on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bars-progress","t":"BarsProgress","d":"BarsProgress, the duotone drawing of bars-progress on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bars-progress","t":"BarsProgress","d":"BarsProgress, the fill drawing of bars-progress on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:baseball","t":"Baseball","d":"Baseball, the stroke drawing of baseball on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/baseball","t":"Baseball","d":"Baseball, the two-tone drawing of baseball on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/baseball","t":"Baseball","d":"Baseball, the duotone drawing of baseball on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/baseball","t":"Baseball","d":"Baseball, the fill drawing of baseball on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/baseball","t":"Baseball","d":"Baseball, the stroke drawing of baseball on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/baseball","t":"Baseball","d":"Baseball, the two-tone drawing of baseball on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/baseball","t":"Baseball","d":"Baseball, the duotone drawing of baseball on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/baseball","t":"Baseball","d":"Baseball, the fill drawing of baseball on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:basketball","t":"Basketball","d":"Basketball, the stroke drawing of basketball on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/basketball","t":"Basketball","d":"Basketball, the two-tone drawing of basketball on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/basketball","t":"Basketball","d":"Basketball, the duotone drawing of basketball on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/basketball","t":"Basketball","d":"Basketball, the fill drawing of basketball on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/basketball","t":"Basketball","d":"Basketball, the stroke drawing of basketball on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/basketball","t":"Basketball","d":"Basketball, the two-tone drawing of basketball on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/basketball","t":"Basketball","d":"Basketball, the duotone drawing of basketball on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/basketball","t":"Basketball","d":"Basketball, the fill drawing of basketball on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:battery","t":"Battery","d":"Battery, the stroke drawing of battery on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/battery","t":"Battery","d":"Battery, the two-tone drawing of battery on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/battery","t":"Battery","d":"Battery, the duotone drawing of battery on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/battery","t":"Battery","d":"Battery, the fill drawing of battery on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/battery","t":"Battery","d":"Battery, the stroke drawing of battery on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/battery","t":"Battery","d":"Battery, the two-tone drawing of battery on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/battery","t":"Battery","d":"Battery, the duotone drawing of battery on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/battery","t":"Battery","d":"Battery, the fill drawing of battery on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:battery-charging","t":"BatteryCharging","d":"BatteryCharging, the stroke drawing of battery-charging on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/battery-charging","t":"BatteryCharging","d":"BatteryCharging, the two-tone drawing of battery-charging on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/battery-charging","t":"BatteryCharging","d":"BatteryCharging, the duotone drawing of battery-charging on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/battery-charging","t":"BatteryCharging","d":"BatteryCharging, the fill drawing of battery-charging on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/battery-charging","t":"BatteryCharging","d":"BatteryCharging, the stroke drawing of battery-charging on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/battery-charging","t":"BatteryCharging","d":"BatteryCharging, the two-tone drawing of battery-charging on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/battery-charging","t":"BatteryCharging","d":"BatteryCharging, the duotone drawing of battery-charging on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/battery-charging","t":"BatteryCharging","d":"BatteryCharging, the fill drawing of battery-charging on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:battery-full","t":"BatteryFull","d":"BatteryFull, the stroke drawing of battery-full on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/battery-full","t":"BatteryFull","d":"BatteryFull, the two-tone drawing of battery-full on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/battery-full","t":"BatteryFull","d":"BatteryFull, the duotone drawing of battery-full on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/battery-full","t":"BatteryFull","d":"BatteryFull, the fill drawing of battery-full on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/battery-full","t":"BatteryFull","d":"BatteryFull, the stroke drawing of battery-full on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/battery-full","t":"BatteryFull","d":"BatteryFull, the two-tone drawing of battery-full on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/battery-full","t":"BatteryFull","d":"BatteryFull, the duotone drawing of battery-full on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/battery-full","t":"BatteryFull","d":"BatteryFull, the fill drawing of battery-full on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:battery-low","t":"BatteryLow","d":"BatteryLow, the stroke drawing of battery-low on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/battery-low","t":"BatteryLow","d":"BatteryLow, the two-tone drawing of battery-low on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/battery-low","t":"BatteryLow","d":"BatteryLow, the duotone drawing of battery-low on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/battery-low","t":"BatteryLow","d":"BatteryLow, the fill drawing of battery-low on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/battery-low","t":"BatteryLow","d":"BatteryLow, the stroke drawing of battery-low on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/battery-low","t":"BatteryLow","d":"BatteryLow, the two-tone drawing of battery-low on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/battery-low","t":"BatteryLow","d":"BatteryLow, the duotone drawing of battery-low on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/battery-low","t":"BatteryLow","d":"BatteryLow, the fill drawing of battery-low on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:battery-medium","t":"BatteryMedium","d":"BatteryMedium, the stroke drawing of battery-medium on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/battery-medium","t":"BatteryMedium","d":"BatteryMedium, the two-tone drawing of battery-medium on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/battery-medium","t":"BatteryMedium","d":"BatteryMedium, the duotone drawing of battery-medium on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/battery-medium","t":"BatteryMedium","d":"BatteryMedium, the fill drawing of battery-medium on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/battery-medium","t":"BatteryMedium","d":"BatteryMedium, the stroke drawing of battery-medium on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/battery-medium","t":"BatteryMedium","d":"BatteryMedium, the two-tone drawing of battery-medium on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/battery-medium","t":"BatteryMedium","d":"BatteryMedium, the duotone drawing of battery-medium on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/battery-medium","t":"BatteryMedium","d":"BatteryMedium, the fill drawing of battery-medium on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:battery-sparkles","t":"BatterySparkles","d":"BatterySparkles, the stroke drawing of battery-sparkles on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/battery-sparkles","t":"BatterySparkles","d":"BatterySparkles, the two-tone drawing of battery-sparkles on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/battery-sparkles","t":"BatterySparkles","d":"BatterySparkles, the duotone drawing of battery-sparkles on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/battery-sparkles","t":"BatterySparkles","d":"BatterySparkles, the fill drawing of battery-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/battery-sparkles","t":"BatterySparkles","d":"BatterySparkles, the stroke drawing of battery-sparkles on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/battery-sparkles","t":"BatterySparkles","d":"BatterySparkles, the two-tone drawing of battery-sparkles on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/battery-sparkles","t":"BatterySparkles","d":"BatterySparkles, the duotone drawing of battery-sparkles on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/battery-sparkles","t":"BatterySparkles","d":"BatterySparkles, the fill drawing of battery-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bed","t":"Bed","d":"Bed, the stroke drawing of bed on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bed","t":"Bed","d":"Bed, the two-tone drawing of bed on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bed","t":"Bed","d":"Bed, the duotone drawing of bed on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bed","t":"Bed","d":"Bed, the fill drawing of bed on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bed","t":"Bed","d":"Bed, the stroke drawing of bed on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bed","t":"Bed","d":"Bed, the two-tone drawing of bed on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bed","t":"Bed","d":"Bed, the duotone drawing of bed on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bed","t":"Bed","d":"Bed, the fill drawing of bed on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bed-double","t":"BedDouble","d":"BedDouble, the stroke drawing of bed-double on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bed-double","t":"BedDouble","d":"BedDouble, the two-tone drawing of bed-double on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bed-double","t":"BedDouble","d":"BedDouble, the duotone drawing of bed-double on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bed-double","t":"BedDouble","d":"BedDouble, the fill drawing of bed-double on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bed-double","t":"BedDouble","d":"BedDouble, the stroke drawing of bed-double on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bed-double","t":"BedDouble","d":"BedDouble, the two-tone drawing of bed-double on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bed-double","t":"BedDouble","d":"BedDouble, the duotone drawing of bed-double on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bed-double","t":"BedDouble","d":"BedDouble, the fill drawing of bed-double on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bed-single","t":"BedSingle","d":"BedSingle, the stroke drawing of bed-single on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bed-single","t":"BedSingle","d":"BedSingle, the two-tone drawing of bed-single on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bed-single","t":"BedSingle","d":"BedSingle, the duotone drawing of bed-single on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bed-single","t":"BedSingle","d":"BedSingle, the fill drawing of bed-single on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bed-single","t":"BedSingle","d":"BedSingle, the stroke drawing of bed-single on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bed-single","t":"BedSingle","d":"BedSingle, the two-tone drawing of bed-single on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bed-single","t":"BedSingle","d":"BedSingle, the duotone drawing of bed-single on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bed-single","t":"BedSingle","d":"BedSingle, the fill drawing of bed-single on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bell","t":"Bell","d":"Bell, the stroke drawing of bell on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/bell","t":"Bell","d":"Bell, the two-tone drawing of bell on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bell","t":"Bell","d":"Bell, the duotone drawing of bell on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bell","t":"Bell","d":"Bell, the fill drawing of bell on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bell","t":"Bell","d":"Bell, the stroke drawing of bell on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bell","t":"Bell","d":"Bell, the two-tone drawing of bell on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bell","t":"Bell","d":"Bell, the duotone drawing of bell on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bell","t":"Bell","d":"Bell, the fill drawing of bell on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bell-check","t":"BellCheck","d":"BellCheck, the stroke drawing of bell-check on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bell-check","t":"BellCheck","d":"BellCheck, the two-tone drawing of bell-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bell-check","t":"BellCheck","d":"BellCheck, the duotone drawing of bell-check on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bell-check","t":"BellCheck","d":"BellCheck, the fill drawing of bell-check on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bell-check","t":"BellCheck","d":"BellCheck, the stroke drawing of bell-check on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bell-check","t":"BellCheck","d":"BellCheck, the two-tone drawing of bell-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bell-check","t":"BellCheck","d":"BellCheck, the duotone drawing of bell-check on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bell-check","t":"BellCheck","d":"BellCheck, the fill drawing of bell-check on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bell-dot","t":"BellDot","d":"BellDot, the stroke drawing of bell-dot on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bell-dot","t":"BellDot","d":"BellDot, the two-tone drawing of bell-dot on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bell-dot","t":"BellDot","d":"BellDot, the duotone drawing of bell-dot on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bell-dot","t":"BellDot","d":"BellDot, the fill drawing of bell-dot on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bell-dot","t":"BellDot","d":"BellDot, the stroke drawing of bell-dot on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bell-dot","t":"BellDot","d":"BellDot, the two-tone drawing of bell-dot on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bell-dot","t":"BellDot","d":"BellDot, the duotone drawing of bell-dot on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bell-dot","t":"BellDot","d":"BellDot, the fill drawing of bell-dot on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bell-minus","t":"BellMinus","d":"BellMinus, the stroke drawing of bell-minus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bell-minus","t":"BellMinus","d":"BellMinus, the two-tone drawing of bell-minus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bell-minus","t":"BellMinus","d":"BellMinus, the duotone drawing of bell-minus on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bell-minus","t":"BellMinus","d":"BellMinus, the fill drawing of bell-minus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bell-minus","t":"BellMinus","d":"BellMinus, the stroke drawing of bell-minus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bell-minus","t":"BellMinus","d":"BellMinus, the two-tone drawing of bell-minus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bell-minus","t":"BellMinus","d":"BellMinus, the duotone drawing of bell-minus on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bell-minus","t":"BellMinus","d":"BellMinus, the fill drawing of bell-minus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bell-off","t":"BellOff","d":"BellOff, the stroke drawing of bell-off on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bell-off","t":"BellOff","d":"BellOff, the two-tone drawing of bell-off on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bell-off","t":"BellOff","d":"BellOff, the duotone drawing of bell-off on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bell-off","t":"BellOff","d":"BellOff, the fill drawing of bell-off on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bell-off","t":"BellOff","d":"BellOff, the stroke drawing of bell-off on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bell-off","t":"BellOff","d":"BellOff, the two-tone drawing of bell-off on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bell-off","t":"BellOff","d":"BellOff, the duotone drawing of bell-off on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bell-off","t":"BellOff","d":"BellOff, the fill drawing of bell-off on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bell-plus","t":"BellPlus","d":"BellPlus, the stroke drawing of bell-plus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bell-plus","t":"BellPlus","d":"BellPlus, the two-tone drawing of bell-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bell-plus","t":"BellPlus","d":"BellPlus, the duotone drawing of bell-plus on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bell-plus","t":"BellPlus","d":"BellPlus, the fill drawing of bell-plus on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bell-plus","t":"BellPlus","d":"BellPlus, the stroke drawing of bell-plus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bell-plus","t":"BellPlus","d":"BellPlus, the two-tone drawing of bell-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bell-plus","t":"BellPlus","d":"BellPlus, the duotone drawing of bell-plus on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bell-plus","t":"BellPlus","d":"BellPlus, the fill drawing of bell-plus on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bell-ring","t":"BellRing","d":"BellRing, the stroke drawing of bell-ring on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bell-ring","t":"BellRing","d":"BellRing, the two-tone drawing of bell-ring on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bell-ring","t":"BellRing","d":"BellRing, the duotone drawing of bell-ring on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bell-ring","t":"BellRing","d":"BellRing, the fill drawing of bell-ring on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bell-ring","t":"BellRing","d":"BellRing, the stroke drawing of bell-ring on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bell-ring","t":"BellRing","d":"BellRing, the two-tone drawing of bell-ring on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bell-ring","t":"BellRing","d":"BellRing, the duotone drawing of bell-ring on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bell-ring","t":"BellRing","d":"BellRing, the fill drawing of bell-ring on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bell-sparkles","t":"BellSparkles","d":"BellSparkles, the stroke drawing of bell-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bell-sparkles","t":"BellSparkles","d":"BellSparkles, the two-tone drawing of bell-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bell-sparkles","t":"BellSparkles","d":"BellSparkles, the duotone drawing of bell-sparkles on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bell-sparkles","t":"BellSparkles","d":"BellSparkles, the fill drawing of bell-sparkles on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bell-sparkles","t":"BellSparkles","d":"BellSparkles, the stroke drawing of bell-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bell-sparkles","t":"BellSparkles","d":"BellSparkles, the two-tone drawing of bell-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bell-sparkles","t":"BellSparkles","d":"BellSparkles, the duotone drawing of bell-sparkles on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bell-sparkles","t":"BellSparkles","d":"BellSparkles, the fill drawing of bell-sparkles on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bell-zap","t":"BellZap","d":"BellZap, the stroke drawing of bell-zap on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bell-zap","t":"BellZap","d":"BellZap, the two-tone drawing of bell-zap on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bell-zap","t":"BellZap","d":"BellZap, the duotone drawing of bell-zap on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bell-zap","t":"BellZap","d":"BellZap, the fill drawing of bell-zap on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bell-zap","t":"BellZap","d":"BellZap, the stroke drawing of bell-zap on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bell-zap","t":"BellZap","d":"BellZap, the two-tone drawing of bell-zap on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bell-zap","t":"BellZap","d":"BellZap, the duotone drawing of bell-zap on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bell-zap","t":"BellZap","d":"BellZap, the fill drawing of bell-zap on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bike","t":"Bike","d":"Bike, the stroke drawing of bike on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/bike","t":"Bike","d":"Bike, the two-tone drawing of bike on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bike","t":"Bike","d":"Bike, the duotone drawing of bike on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bike","t":"Bike","d":"Bike, the fill drawing of bike on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bike","t":"Bike","d":"Bike, the stroke drawing of bike on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bike","t":"Bike","d":"Bike, the two-tone drawing of bike on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bike","t":"Bike","d":"Bike, the duotone drawing of bike on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bike","t":"Bike","d":"Bike, the fill drawing of bike on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bike-fast","t":"BikeFast","d":"BikeFast, the stroke drawing of bike-fast on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bike-fast","t":"BikeFast","d":"BikeFast, the two-tone drawing of bike-fast on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bike-fast","t":"BikeFast","d":"BikeFast, the duotone drawing of bike-fast on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bike-fast","t":"BikeFast","d":"BikeFast, the fill drawing of bike-fast on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bike-fast","t":"BikeFast","d":"BikeFast, the stroke drawing of bike-fast on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bike-fast","t":"BikeFast","d":"BikeFast, the two-tone drawing of bike-fast on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bike-fast","t":"BikeFast","d":"BikeFast, the duotone drawing of bike-fast on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bike-fast","t":"BikeFast","d":"BikeFast, the fill drawing of bike-fast on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bin","t":"Bin","d":"Bin, the stroke drawing of bin on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/bin","t":"Bin","d":"Bin, the two-tone drawing of bin on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bin","t":"Bin","d":"Bin, the duotone drawing of bin on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bin","t":"Bin","d":"Bin, the fill drawing of bin on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bin","t":"Bin","d":"Bin, the stroke drawing of bin on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bin","t":"Bin","d":"Bin, the two-tone drawing of bin on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bin","t":"Bin","d":"Bin, the duotone drawing of bin on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bin","t":"Bin","d":"Bin, the fill drawing of bin on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bird","t":"Bird","d":"Bird, the stroke drawing of bird on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bird","t":"Bird","d":"Bird, the two-tone drawing of bird on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bird","t":"Bird","d":"Bird, the duotone drawing of bird on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bird","t":"Bird","d":"Bird, the fill drawing of bird on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bird","t":"Bird","d":"Bird, the stroke drawing of bird on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bird","t":"Bird","d":"Bird, the two-tone drawing of bird on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bird","t":"Bird","d":"Bird, the duotone drawing of bird on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bird","t":"Bird","d":"Bird, the fill drawing of bird on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bitcoin","t":"Bitcoin","d":"Bitcoin, the stroke drawing of bitcoin on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bitcoin","t":"Bitcoin","d":"Bitcoin, the two-tone drawing of bitcoin on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bitcoin","t":"Bitcoin","d":"Bitcoin, the duotone drawing of bitcoin on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bitcoin","t":"Bitcoin","d":"Bitcoin, the fill drawing of bitcoin on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bitcoin","t":"Bitcoin","d":"Bitcoin, the stroke drawing of bitcoin on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bitcoin","t":"Bitcoin","d":"Bitcoin, the two-tone drawing of bitcoin on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bitcoin","t":"Bitcoin","d":"Bitcoin, the duotone drawing of bitcoin on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bitcoin","t":"Bitcoin","d":"Bitcoin, the fill drawing of bitcoin on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:blocks","t":"Blocks","d":"Blocks, the stroke drawing of blocks on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/blocks","t":"Blocks","d":"Blocks, the two-tone drawing of blocks on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/blocks","t":"Blocks","d":"Blocks, the duotone drawing of blocks on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/blocks","t":"Blocks","d":"Blocks, the fill drawing of blocks on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/blocks","t":"Blocks","d":"Blocks, the stroke drawing of blocks on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/blocks","t":"Blocks","d":"Blocks, the two-tone drawing of blocks on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/blocks","t":"Blocks","d":"Blocks, the duotone drawing of blocks on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/blocks","t":"Blocks","d":"Blocks, the fill drawing of blocks on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bluetooth","t":"Bluetooth","d":"Bluetooth, the stroke drawing of bluetooth on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bluetooth","t":"Bluetooth","d":"Bluetooth, the two-tone drawing of bluetooth on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bluetooth","t":"Bluetooth","d":"Bluetooth, the duotone drawing of bluetooth on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bluetooth","t":"Bluetooth","d":"Bluetooth, the fill drawing of bluetooth on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bluetooth","t":"Bluetooth","d":"Bluetooth, the stroke drawing of bluetooth on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bluetooth","t":"Bluetooth","d":"Bluetooth, the two-tone drawing of bluetooth on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bluetooth","t":"Bluetooth","d":"Bluetooth, the duotone drawing of bluetooth on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bluetooth","t":"Bluetooth","d":"Bluetooth, the fill drawing of bluetooth on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bold","t":"Bold","d":"Bold, the stroke drawing of bold on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bold","t":"Bold","d":"Bold, the two-tone drawing of bold on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bold","t":"Bold","d":"Bold, the duotone drawing of bold on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bold","t":"Bold","d":"Bold, the fill drawing of bold on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bold","t":"Bold","d":"Bold, the stroke drawing of bold on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bold","t":"Bold","d":"Bold, the two-tone drawing of bold on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bold","t":"Bold","d":"Bold, the duotone drawing of bold on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bold","t":"Bold","d":"Bold, the fill drawing of bold on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:book","t":"Book","d":"Book, the stroke drawing of book on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/book","t":"Book","d":"Book, the two-tone drawing of book on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/book","t":"Book","d":"Book, the duotone drawing of book on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/book","t":"Book","d":"Book, the fill drawing of book on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/book","t":"Book","d":"Book, the stroke drawing of book on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/book","t":"Book","d":"Book, the two-tone drawing of book on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/book","t":"Book","d":"Book, the duotone drawing of book on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/book","t":"Book","d":"Book, the fill drawing of book on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:book-check","t":"BookCheck","d":"BookCheck, the stroke drawing of book-check on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/book-check","t":"BookCheck","d":"BookCheck, the two-tone drawing of book-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/book-check","t":"BookCheck","d":"BookCheck, the duotone drawing of book-check on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/book-check","t":"BookCheck","d":"BookCheck, the fill drawing of book-check on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/book-check","t":"BookCheck","d":"BookCheck, the stroke drawing of book-check on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/book-check","t":"BookCheck","d":"BookCheck, the two-tone drawing of book-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/book-check","t":"BookCheck","d":"BookCheck, the duotone drawing of book-check on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/book-check","t":"BookCheck","d":"BookCheck, the fill drawing of book-check on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:book-minus","t":"BookMinus","d":"BookMinus, the stroke drawing of book-minus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/book-minus","t":"BookMinus","d":"BookMinus, the two-tone drawing of book-minus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/book-minus","t":"BookMinus","d":"BookMinus, the duotone drawing of book-minus on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/book-minus","t":"BookMinus","d":"BookMinus, the fill drawing of book-minus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/book-minus","t":"BookMinus","d":"BookMinus, the stroke drawing of book-minus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/book-minus","t":"BookMinus","d":"BookMinus, the two-tone drawing of book-minus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/book-minus","t":"BookMinus","d":"BookMinus, the duotone drawing of book-minus on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/book-minus","t":"BookMinus","d":"BookMinus, the fill drawing of book-minus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:book-open","t":"BookOpen","d":"BookOpen, the stroke drawing of book-open on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/book-open","t":"BookOpen","d":"BookOpen, the two-tone drawing of book-open on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/book-open","t":"BookOpen","d":"BookOpen, the duotone drawing of book-open on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/book-open","t":"BookOpen","d":"BookOpen, the fill drawing of book-open on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/book-open","t":"BookOpen","d":"BookOpen, the stroke drawing of book-open on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/book-open","t":"BookOpen","d":"BookOpen, the two-tone drawing of book-open on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/book-open","t":"BookOpen","d":"BookOpen, the duotone drawing of book-open on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/book-open","t":"BookOpen","d":"BookOpen, the fill drawing of book-open on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:book-plus","t":"BookPlus","d":"BookPlus, the stroke drawing of book-plus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/book-plus","t":"BookPlus","d":"BookPlus, the two-tone drawing of book-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/book-plus","t":"BookPlus","d":"BookPlus, the duotone drawing of book-plus on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/book-plus","t":"BookPlus","d":"BookPlus, the fill drawing of book-plus on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/book-plus","t":"BookPlus","d":"BookPlus, the stroke drawing of book-plus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/book-plus","t":"BookPlus","d":"BookPlus, the two-tone drawing of book-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/book-plus","t":"BookPlus","d":"BookPlus, the duotone drawing of book-plus on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/book-plus","t":"BookPlus","d":"BookPlus, the fill drawing of book-plus on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bookmark","t":"Bookmark","d":"Bookmark, the stroke drawing of bookmark on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bookmark","t":"Bookmark","d":"Bookmark, the two-tone drawing of bookmark on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bookmark","t":"Bookmark","d":"Bookmark, the duotone drawing of bookmark on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bookmark","t":"Bookmark","d":"Bookmark, the fill drawing of bookmark on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bookmark","t":"Bookmark","d":"Bookmark, the stroke drawing of bookmark on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bookmark","t":"Bookmark","d":"Bookmark, the two-tone drawing of bookmark on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bookmark","t":"Bookmark","d":"Bookmark, the duotone drawing of bookmark on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bookmark","t":"Bookmark","d":"Bookmark, the fill drawing of bookmark on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bookmark-plus","t":"BookmarkPlus","d":"BookmarkPlus, the stroke drawing of bookmark-plus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bookmark-plus","t":"BookmarkPlus","d":"BookmarkPlus, the two-tone drawing of bookmark-plus on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bookmark-plus","t":"BookmarkPlus","d":"BookmarkPlus, the duotone drawing of bookmark-plus on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bookmark-plus","t":"BookmarkPlus","d":"BookmarkPlus, the fill drawing of bookmark-plus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bookmark-plus","t":"BookmarkPlus","d":"BookmarkPlus, the stroke drawing of bookmark-plus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bookmark-plus","t":"BookmarkPlus","d":"BookmarkPlus, the two-tone drawing of bookmark-plus on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bookmark-plus","t":"BookmarkPlus","d":"BookmarkPlus, the duotone drawing of bookmark-plus on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bookmark-plus","t":"BookmarkPlus","d":"BookmarkPlus, the fill drawing of bookmark-plus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bot","t":"Bot","d":"Bot, the stroke drawing of bot on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bot","t":"Bot","d":"Bot, the two-tone drawing of bot on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bot","t":"Bot","d":"Bot, the duotone drawing of bot on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bot","t":"Bot","d":"Bot, the fill drawing of bot on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bot","t":"Bot","d":"Bot, the stroke drawing of bot on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bot","t":"Bot","d":"Bot, the two-tone drawing of bot on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bot","t":"Bot","d":"Bot, the duotone drawing of bot on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bot","t":"Bot","d":"Bot, the fill drawing of bot on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bot-circle","t":"BotCircle","d":"BotCircle, the stroke drawing of bot-circle on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bot-circle","t":"BotCircle","d":"BotCircle, the two-tone drawing of bot-circle on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bot-circle","t":"BotCircle","d":"BotCircle, the duotone drawing of bot-circle on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bot-circle","t":"BotCircle","d":"BotCircle, the fill drawing of bot-circle on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bot-circle","t":"BotCircle","d":"BotCircle, the stroke drawing of bot-circle on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bot-circle","t":"BotCircle","d":"BotCircle, the two-tone drawing of bot-circle on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bot-circle","t":"BotCircle","d":"BotCircle, the duotone drawing of bot-circle on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bot-circle","t":"BotCircle","d":"BotCircle, the fill drawing of bot-circle on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bot-cloud","t":"BotCloud","d":"BotCloud, the stroke drawing of bot-cloud on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bot-cloud","t":"BotCloud","d":"BotCloud, the two-tone drawing of bot-cloud on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bot-cloud","t":"BotCloud","d":"BotCloud, the duotone drawing of bot-cloud on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bot-cloud","t":"BotCloud","d":"BotCloud, the fill drawing of bot-cloud on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bot-cloud","t":"BotCloud","d":"BotCloud, the stroke drawing of bot-cloud on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bot-cloud","t":"BotCloud","d":"BotCloud, the two-tone drawing of bot-cloud on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bot-cloud","t":"BotCloud","d":"BotCloud, the duotone drawing of bot-cloud on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bot-cloud","t":"BotCloud","d":"BotCloud, the fill drawing of bot-cloud on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bot-droplet","t":"BotDroplet","d":"BotDroplet, the stroke drawing of bot-droplet on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bot-droplet","t":"BotDroplet","d":"BotDroplet, the two-tone drawing of bot-droplet on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bot-droplet","t":"BotDroplet","d":"BotDroplet, the duotone drawing of bot-droplet on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bot-droplet","t":"BotDroplet","d":"BotDroplet, the fill drawing of bot-droplet on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bot-droplet","t":"BotDroplet","d":"BotDroplet, the stroke drawing of bot-droplet on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bot-droplet","t":"BotDroplet","d":"BotDroplet, the two-tone drawing of bot-droplet on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bot-droplet","t":"BotDroplet","d":"BotDroplet, the duotone drawing of bot-droplet on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bot-droplet","t":"BotDroplet","d":"BotDroplet, the fill drawing of bot-droplet on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bot-heart","t":"BotHeart","d":"BotHeart, the stroke drawing of bot-heart on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bot-heart","t":"BotHeart","d":"BotHeart, the two-tone drawing of bot-heart on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bot-heart","t":"BotHeart","d":"BotHeart, the duotone drawing of bot-heart on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bot-heart","t":"BotHeart","d":"BotHeart, the fill drawing of bot-heart on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bot-heart","t":"BotHeart","d":"BotHeart, the stroke drawing of bot-heart on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bot-heart","t":"BotHeart","d":"BotHeart, the two-tone drawing of bot-heart on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bot-heart","t":"BotHeart","d":"BotHeart, the duotone drawing of bot-heart on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bot-heart","t":"BotHeart","d":"BotHeart, the fill drawing of bot-heart on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bot-message","t":"BotMessage","d":"BotMessage, the stroke drawing of bot-message on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bot-message","t":"BotMessage","d":"BotMessage, the two-tone drawing of bot-message on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bot-message","t":"BotMessage","d":"BotMessage, the duotone drawing of bot-message on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bot-message","t":"BotMessage","d":"BotMessage, the fill drawing of bot-message on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bot-message","t":"BotMessage","d":"BotMessage, the stroke drawing of bot-message on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bot-message","t":"BotMessage","d":"BotMessage, the two-tone drawing of bot-message on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bot-message","t":"BotMessage","d":"BotMessage, the duotone drawing of bot-message on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bot-message","t":"BotMessage","d":"BotMessage, the fill drawing of bot-message on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bot-off","t":"BotOff","d":"BotOff, the stroke drawing of bot-off on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bot-off","t":"BotOff","d":"BotOff, the two-tone drawing of bot-off on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bot-off","t":"BotOff","d":"BotOff, the duotone drawing of bot-off on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bot-off","t":"BotOff","d":"BotOff, the fill drawing of bot-off on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bot-off","t":"BotOff","d":"BotOff, the stroke drawing of bot-off on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bot-off","t":"BotOff","d":"BotOff, the two-tone drawing of bot-off on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bot-off","t":"BotOff","d":"BotOff, the duotone drawing of bot-off on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bot-off","t":"BotOff","d":"BotOff, the fill drawing of bot-off on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bot-square","t":"BotSquare","d":"BotSquare, the stroke drawing of bot-square on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bot-square","t":"BotSquare","d":"BotSquare, the two-tone drawing of bot-square on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bot-square","t":"BotSquare","d":"BotSquare, the duotone drawing of bot-square on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bot-square","t":"BotSquare","d":"BotSquare, the fill drawing of bot-square on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bot-square","t":"BotSquare","d":"BotSquare, the stroke drawing of bot-square on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bot-square","t":"BotSquare","d":"BotSquare, the two-tone drawing of bot-square on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bot-square","t":"BotSquare","d":"BotSquare, the duotone drawing of bot-square on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bot-square","t":"BotSquare","d":"BotSquare, the fill drawing of bot-square on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bot-star","t":"BotStar","d":"BotStar, the stroke drawing of bot-star on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bot-star","t":"BotStar","d":"BotStar, the two-tone drawing of bot-star on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bot-star","t":"BotStar","d":"BotStar, the duotone drawing of bot-star on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bot-star","t":"BotStar","d":"BotStar, the fill drawing of bot-star on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bot-star","t":"BotStar","d":"BotStar, the stroke drawing of bot-star on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bot-star","t":"BotStar","d":"BotStar, the two-tone drawing of bot-star on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bot-star","t":"BotStar","d":"BotStar, the duotone drawing of bot-star on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bot-star","t":"BotStar","d":"BotStar, the fill drawing of bot-star on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bottle","t":"Bottle","d":"Bottle, the stroke drawing of bottle on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bottle","t":"Bottle","d":"Bottle, the two-tone drawing of bottle on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bottle","t":"Bottle","d":"Bottle, the duotone drawing of bottle on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bottle","t":"Bottle","d":"Bottle, the fill drawing of bottle on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bottle","t":"Bottle","d":"Bottle, the stroke drawing of bottle on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bottle","t":"Bottle","d":"Bottle, the two-tone drawing of bottle on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bottle","t":"Bottle","d":"Bottle, the duotone drawing of bottle on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bottle","t":"Bottle","d":"Bottle, the fill drawing of bottle on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:boy","t":"Boy","d":"Boy, the stroke drawing of boy on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/boy","t":"Boy","d":"Boy, the two-tone drawing of boy on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/boy","t":"Boy","d":"Boy, the duotone drawing of boy on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/boy","t":"Boy","d":"Boy, the fill drawing of boy on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/boy","t":"Boy","d":"Boy, the stroke drawing of boy on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/boy","t":"Boy","d":"Boy, the two-tone drawing of boy on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/boy","t":"Boy","d":"Boy, the duotone drawing of boy on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/boy","t":"Boy","d":"Boy, the fill drawing of boy on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:braces","t":"Braces","d":"Braces, the stroke drawing of braces on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/braces","t":"Braces","d":"Braces, the two-tone drawing of braces on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/braces","t":"Braces","d":"Braces, the duotone drawing of braces on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/braces","t":"Braces","d":"Braces, the fill drawing of braces on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/braces","t":"Braces","d":"Braces, the stroke drawing of braces on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/braces","t":"Braces","d":"Braces, the two-tone drawing of braces on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/braces","t":"Braces","d":"Braces, the duotone drawing of braces on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/braces","t":"Braces","d":"Braces, the fill drawing of braces on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bracket-arrow-down","t":"BracketArrowDown","d":"BracketArrowDown, the stroke drawing of bracket-arrow-down on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bracket-arrow-down","t":"BracketArrowDown","d":"BracketArrowDown, the two-tone drawing of bracket-arrow-down on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bracket-arrow-down","t":"BracketArrowDown","d":"BracketArrowDown, the duotone drawing of bracket-arrow-down on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bracket-arrow-down","t":"BracketArrowDown","d":"BracketArrowDown, the fill drawing of bracket-arrow-down on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bracket-arrow-down","t":"BracketArrowDown","d":"BracketArrowDown, the stroke drawing of bracket-arrow-down on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bracket-arrow-down","t":"BracketArrowDown","d":"BracketArrowDown, the two-tone drawing of bracket-arrow-down on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bracket-arrow-down","t":"BracketArrowDown","d":"BracketArrowDown, the duotone drawing of bracket-arrow-down on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bracket-arrow-down","t":"BracketArrowDown","d":"BracketArrowDown, the fill drawing of bracket-arrow-down on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bracket-arrow-left","t":"BracketArrowLeft","d":"BracketArrowLeft, the stroke drawing of bracket-arrow-left on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bracket-arrow-left","t":"BracketArrowLeft","d":"BracketArrowLeft, the two-tone drawing of bracket-arrow-left on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bracket-arrow-left","t":"BracketArrowLeft","d":"BracketArrowLeft, the duotone drawing of bracket-arrow-left on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bracket-arrow-left","t":"BracketArrowLeft","d":"BracketArrowLeft, the fill drawing of bracket-arrow-left on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bracket-arrow-left","t":"BracketArrowLeft","d":"BracketArrowLeft, the stroke drawing of bracket-arrow-left on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bracket-arrow-left","t":"BracketArrowLeft","d":"BracketArrowLeft, the two-tone drawing of bracket-arrow-left on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bracket-arrow-left","t":"BracketArrowLeft","d":"BracketArrowLeft, the duotone drawing of bracket-arrow-left on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bracket-arrow-left","t":"BracketArrowLeft","d":"BracketArrowLeft, the fill drawing of bracket-arrow-left on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bracket-arrow-right","t":"BracketArrowRight","d":"BracketArrowRight, the stroke drawing of bracket-arrow-right on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bracket-arrow-right","t":"BracketArrowRight","d":"BracketArrowRight, the two-tone drawing of bracket-arrow-right on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bracket-arrow-right","t":"BracketArrowRight","d":"BracketArrowRight, the duotone drawing of bracket-arrow-right on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bracket-arrow-right","t":"BracketArrowRight","d":"BracketArrowRight, the fill drawing of bracket-arrow-right on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bracket-arrow-right","t":"BracketArrowRight","d":"BracketArrowRight, the stroke drawing of bracket-arrow-right on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bracket-arrow-right","t":"BracketArrowRight","d":"BracketArrowRight, the two-tone drawing of bracket-arrow-right on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bracket-arrow-right","t":"BracketArrowRight","d":"BracketArrowRight, the duotone drawing of bracket-arrow-right on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bracket-arrow-right","t":"BracketArrowRight","d":"BracketArrowRight, the fill drawing of bracket-arrow-right on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bracket-arrow-up","t":"BracketArrowUp","d":"BracketArrowUp, the stroke drawing of bracket-arrow-up on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bracket-arrow-up","t":"BracketArrowUp","d":"BracketArrowUp, the two-tone drawing of bracket-arrow-up on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bracket-arrow-up","t":"BracketArrowUp","d":"BracketArrowUp, the duotone drawing of bracket-arrow-up on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bracket-arrow-up","t":"BracketArrowUp","d":"BracketArrowUp, the fill drawing of bracket-arrow-up on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bracket-arrow-up","t":"BracketArrowUp","d":"BracketArrowUp, the stroke drawing of bracket-arrow-up on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bracket-arrow-up","t":"BracketArrowUp","d":"BracketArrowUp, the two-tone drawing of bracket-arrow-up on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bracket-arrow-up","t":"BracketArrowUp","d":"BracketArrowUp, the duotone drawing of bracket-arrow-up on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bracket-arrow-up","t":"BracketArrowUp","d":"BracketArrowUp, the fill drawing of bracket-arrow-up on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:brackets","t":"Brackets","d":"Brackets, the stroke drawing of brackets on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/brackets","t":"Brackets","d":"Brackets, the two-tone drawing of brackets on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/brackets","t":"Brackets","d":"Brackets, the duotone drawing of brackets on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/brackets","t":"Brackets","d":"Brackets, the fill drawing of brackets on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/brackets","t":"Brackets","d":"Brackets, the stroke drawing of brackets on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/brackets","t":"Brackets","d":"Brackets, the two-tone drawing of brackets on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/brackets","t":"Brackets","d":"Brackets, the duotone drawing of brackets on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/brackets","t":"Brackets","d":"Brackets, the fill drawing of brackets on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:brain","t":"Brain","d":"Brain, the stroke drawing of brain on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/brain","t":"Brain","d":"Brain, the two-tone drawing of brain on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/brain","t":"Brain","d":"Brain, the duotone drawing of brain on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/brain","t":"Brain","d":"Brain, the fill drawing of brain on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/brain","t":"Brain","d":"Brain, the stroke drawing of brain on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/brain","t":"Brain","d":"Brain, the two-tone drawing of brain on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/brain","t":"Brain","d":"Brain, the duotone drawing of brain on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/brain","t":"Brain","d":"Brain, the fill drawing of brain on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:brain-circuit","t":"BrainCircuit","d":"BrainCircuit, the stroke drawing of brain-circuit on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/brain-circuit","t":"BrainCircuit","d":"BrainCircuit, the two-tone drawing of brain-circuit on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/brain-circuit","t":"BrainCircuit","d":"BrainCircuit, the duotone drawing of brain-circuit on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/brain-circuit","t":"BrainCircuit","d":"BrainCircuit, the fill drawing of brain-circuit on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/brain-circuit","t":"BrainCircuit","d":"BrainCircuit, the stroke drawing of brain-circuit on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/brain-circuit","t":"BrainCircuit","d":"BrainCircuit, the two-tone drawing of brain-circuit on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/brain-circuit","t":"BrainCircuit","d":"BrainCircuit, the duotone drawing of brain-circuit on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/brain-circuit","t":"BrainCircuit","d":"BrainCircuit, the fill drawing of brain-circuit on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:brain-cog","t":"BrainCog","d":"BrainCog, the stroke drawing of brain-cog on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/brain-cog","t":"BrainCog","d":"BrainCog, the two-tone drawing of brain-cog on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/brain-cog","t":"BrainCog","d":"BrainCog, the duotone drawing of brain-cog on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/brain-cog","t":"BrainCog","d":"BrainCog, the fill drawing of brain-cog on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/brain-cog","t":"BrainCog","d":"BrainCog, the stroke drawing of brain-cog on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/brain-cog","t":"BrainCog","d":"BrainCog, the two-tone drawing of brain-cog on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/brain-cog","t":"BrainCog","d":"BrainCog, the duotone drawing of brain-cog on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/brain-cog","t":"BrainCog","d":"BrainCog, the fill drawing of brain-cog on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:brain-sparkles","t":"BrainSparkles","d":"BrainSparkles, the stroke drawing of brain-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/brain-sparkles","t":"BrainSparkles","d":"BrainSparkles, the two-tone drawing of brain-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/brain-sparkles","t":"BrainSparkles","d":"BrainSparkles, the duotone drawing of brain-sparkles on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/brain-sparkles","t":"BrainSparkles","d":"BrainSparkles, the fill drawing of brain-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/brain-sparkles","t":"BrainSparkles","d":"BrainSparkles, the stroke drawing of brain-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/brain-sparkles","t":"BrainSparkles","d":"BrainSparkles, the two-tone drawing of brain-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/brain-sparkles","t":"BrainSparkles","d":"BrainSparkles, the duotone drawing of brain-sparkles on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/brain-sparkles","t":"BrainSparkles","d":"BrainSparkles, the fill drawing of brain-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:brick-wall","t":"BrickWall","d":"BrickWall, the stroke drawing of brick-wall on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/brick-wall","t":"BrickWall","d":"BrickWall, the two-tone drawing of brick-wall on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/brick-wall","t":"BrickWall","d":"BrickWall, the duotone drawing of brick-wall on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/brick-wall","t":"BrickWall","d":"BrickWall, the fill drawing of brick-wall on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/brick-wall","t":"BrickWall","d":"BrickWall, the stroke drawing of brick-wall on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/brick-wall","t":"BrickWall","d":"BrickWall, the two-tone drawing of brick-wall on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/brick-wall","t":"BrickWall","d":"BrickWall, the duotone drawing of brick-wall on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/brick-wall","t":"BrickWall","d":"BrickWall, the fill drawing of brick-wall on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:briefcase","t":"Briefcase","d":"Briefcase, the stroke drawing of briefcase on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/briefcase","t":"Briefcase","d":"Briefcase, the two-tone drawing of briefcase on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/briefcase","t":"Briefcase","d":"Briefcase, the duotone drawing of briefcase on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/briefcase","t":"Briefcase","d":"Briefcase, the fill drawing of briefcase on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/briefcase","t":"Briefcase","d":"Briefcase, the stroke drawing of briefcase on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/briefcase","t":"Briefcase","d":"Briefcase, the two-tone drawing of briefcase on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/briefcase","t":"Briefcase","d":"Briefcase, the duotone drawing of briefcase on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/briefcase","t":"Briefcase","d":"Briefcase, the fill drawing of briefcase on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:broadcast","t":"Broadcast","d":"Broadcast, the stroke drawing of broadcast on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/broadcast","t":"Broadcast","d":"Broadcast, the two-tone drawing of broadcast on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/broadcast","t":"Broadcast","d":"Broadcast, the duotone drawing of broadcast on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/broadcast","t":"Broadcast","d":"Broadcast, the fill drawing of broadcast on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/broadcast","t":"Broadcast","d":"Broadcast, the stroke drawing of broadcast on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/broadcast","t":"Broadcast","d":"Broadcast, the two-tone drawing of broadcast on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/broadcast","t":"Broadcast","d":"Broadcast, the duotone drawing of broadcast on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/broadcast","t":"Broadcast","d":"Broadcast, the fill drawing of broadcast on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:broom","t":"Broom","d":"Broom, the stroke drawing of broom on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/broom","t":"Broom","d":"Broom, the two-tone drawing of broom on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/broom","t":"Broom","d":"Broom, the duotone drawing of broom on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/broom","t":"Broom","d":"Broom, the fill drawing of broom on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/broom","t":"Broom","d":"Broom, the stroke drawing of broom on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/broom","t":"Broom","d":"Broom, the two-tone drawing of broom on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/broom","t":"Broom","d":"Broom, the duotone drawing of broom on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/broom","t":"Broom","d":"Broom, the fill drawing of broom on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:bug","t":"Bug","d":"Bug, the stroke drawing of bug on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/bug","t":"Bug","d":"Bug, the two-tone drawing of bug on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/bug","t":"Bug","d":"Bug, the duotone drawing of bug on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/bug","t":"Bug","d":"Bug, the fill drawing of bug on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/bug","t":"Bug","d":"Bug, the stroke drawing of bug on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/bug","t":"Bug","d":"Bug, the two-tone drawing of bug on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/bug","t":"Bug","d":"Bug, the duotone drawing of bug on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/bug","t":"Bug","d":"Bug, the fill drawing of bug on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:building","t":"Building","d":"Building, the stroke drawing of building on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/building","t":"Building","d":"Building, the two-tone drawing of building on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/building","t":"Building","d":"Building, the duotone drawing of building on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/building","t":"Building","d":"Building, the fill drawing of building on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/building","t":"Building","d":"Building, the stroke drawing of building on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/building","t":"Building","d":"Building, the two-tone drawing of building on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/building","t":"Building","d":"Building, the duotone drawing of building on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/building","t":"Building","d":"Building, the fill drawing of building on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:buildings","t":"Buildings","d":"Buildings, the stroke drawing of buildings on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/buildings","t":"Buildings","d":"Buildings, the two-tone drawing of buildings on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/buildings","t":"Buildings","d":"Buildings, the duotone drawing of buildings on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/buildings","t":"Buildings","d":"Buildings, the fill drawing of buildings on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/buildings","t":"Buildings","d":"Buildings, the stroke drawing of buildings on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/buildings","t":"Buildings","d":"Buildings, the two-tone drawing of buildings on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/buildings","t":"Buildings","d":"Buildings, the duotone drawing of buildings on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/buildings","t":"Buildings","d":"Buildings, the fill drawing of buildings on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cable","t":"Cable","d":"Cable, the stroke drawing of cable on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cable","t":"Cable","d":"Cable, the two-tone drawing of cable on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cable","t":"Cable","d":"Cable, the duotone drawing of cable on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cable","t":"Cable","d":"Cable, the fill drawing of cable on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cable","t":"Cable","d":"Cable, the stroke drawing of cable on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cable","t":"Cable","d":"Cable, the two-tone drawing of cable on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cable","t":"Cable","d":"Cable, the duotone drawing of cable on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cable","t":"Cable","d":"Cable, the fill drawing of cable on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cake","t":"Cake","d":"Cake, the stroke drawing of cake on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cake","t":"Cake","d":"Cake, the two-tone drawing of cake on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cake","t":"Cake","d":"Cake, the duotone drawing of cake on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cake","t":"Cake","d":"Cake, the fill drawing of cake on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cake","t":"Cake","d":"Cake, the stroke drawing of cake on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cake","t":"Cake","d":"Cake, the two-tone drawing of cake on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cake","t":"Cake","d":"Cake, the duotone drawing of cake on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cake","t":"Cake","d":"Cake, the fill drawing of cake on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:calculator","t":"Calculator","d":"Calculator, the stroke drawing of calculator on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/calculator","t":"Calculator","d":"Calculator, the two-tone drawing of calculator on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/calculator","t":"Calculator","d":"Calculator, the duotone drawing of calculator on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/calculator","t":"Calculator","d":"Calculator, the fill drawing of calculator on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/calculator","t":"Calculator","d":"Calculator, the stroke drawing of calculator on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/calculator","t":"Calculator","d":"Calculator, the two-tone drawing of calculator on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/calculator","t":"Calculator","d":"Calculator, the duotone drawing of calculator on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/calculator","t":"Calculator","d":"Calculator, the fill drawing of calculator on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:calculator-sparkles","t":"CalculatorSparkles","d":"CalculatorSparkles, the stroke drawing of calculator-sparkles on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/calculator-sparkles","t":"CalculatorSparkles","d":"CalculatorSparkles, the two-tone drawing of calculator-sparkles on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/calculator-sparkles","t":"CalculatorSparkles","d":"CalculatorSparkles, the duotone drawing of calculator-sparkles on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/calculator-sparkles","t":"CalculatorSparkles","d":"CalculatorSparkles, the fill drawing of calculator-sparkles on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/calculator-sparkles","t":"CalculatorSparkles","d":"CalculatorSparkles, the stroke drawing of calculator-sparkles on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/calculator-sparkles","t":"CalculatorSparkles","d":"CalculatorSparkles, the two-tone drawing of calculator-sparkles on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/calculator-sparkles","t":"CalculatorSparkles","d":"CalculatorSparkles, the duotone drawing of calculator-sparkles on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/calculator-sparkles","t":"CalculatorSparkles","d":"CalculatorSparkles, the fill drawing of calculator-sparkles on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:calendar","t":"Calendar","d":"Calendar, the stroke drawing of calendar on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/calendar","t":"Calendar","d":"Calendar, the two-tone drawing of calendar on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/calendar","t":"Calendar","d":"Calendar, the duotone drawing of calendar on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/calendar","t":"Calendar","d":"Calendar, the fill drawing of calendar on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/calendar","t":"Calendar","d":"Calendar, the stroke drawing of calendar on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/calendar","t":"Calendar","d":"Calendar, the two-tone drawing of calendar on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/calendar","t":"Calendar","d":"Calendar, the duotone drawing of calendar on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/calendar","t":"Calendar","d":"Calendar, the fill drawing of calendar on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:calendar-arrow-down","t":"CalendarArrowDown","d":"CalendarArrowDown, the stroke drawing of calendar-arrow-down on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/calendar-arrow-down","t":"CalendarArrowDown","d":"CalendarArrowDown, the two-tone drawing of calendar-arrow-down on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/calendar-arrow-down","t":"CalendarArrowDown","d":"CalendarArrowDown, the duotone drawing of calendar-arrow-down on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/calendar-arrow-down","t":"CalendarArrowDown","d":"CalendarArrowDown, the fill drawing of calendar-arrow-down on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/calendar-arrow-down","t":"CalendarArrowDown","d":"CalendarArrowDown, the stroke drawing of calendar-arrow-down on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/calendar-arrow-down","t":"CalendarArrowDown","d":"CalendarArrowDown, the two-tone drawing of calendar-arrow-down on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/calendar-arrow-down","t":"CalendarArrowDown","d":"CalendarArrowDown, the duotone drawing of calendar-arrow-down on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/calendar-arrow-down","t":"CalendarArrowDown","d":"CalendarArrowDown, the fill drawing of calendar-arrow-down on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:calendar-arrow-left","t":"CalendarArrowLeft","d":"CalendarArrowLeft, the stroke drawing of calendar-arrow-left on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/calendar-arrow-left","t":"CalendarArrowLeft","d":"CalendarArrowLeft, the two-tone drawing of calendar-arrow-left on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/calendar-arrow-left","t":"CalendarArrowLeft","d":"CalendarArrowLeft, the duotone drawing of calendar-arrow-left on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/calendar-arrow-left","t":"CalendarArrowLeft","d":"CalendarArrowLeft, the fill drawing of calendar-arrow-left on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/calendar-arrow-left","t":"CalendarArrowLeft","d":"CalendarArrowLeft, the stroke drawing of calendar-arrow-left on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/calendar-arrow-left","t":"CalendarArrowLeft","d":"CalendarArrowLeft, the two-tone drawing of calendar-arrow-left on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/calendar-arrow-left","t":"CalendarArrowLeft","d":"CalendarArrowLeft, the duotone drawing of calendar-arrow-left on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/calendar-arrow-left","t":"CalendarArrowLeft","d":"CalendarArrowLeft, the fill drawing of calendar-arrow-left on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:calendar-arrow-right","t":"CalendarArrowRight","d":"CalendarArrowRight, the stroke drawing of calendar-arrow-right on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/calendar-arrow-right","t":"CalendarArrowRight","d":"CalendarArrowRight, the two-tone drawing of calendar-arrow-right on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/calendar-arrow-right","t":"CalendarArrowRight","d":"CalendarArrowRight, the duotone drawing of calendar-arrow-right on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/calendar-arrow-right","t":"CalendarArrowRight","d":"CalendarArrowRight, the fill drawing of calendar-arrow-right on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/calendar-arrow-right","t":"CalendarArrowRight","d":"CalendarArrowRight, the stroke drawing of calendar-arrow-right on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/calendar-arrow-right","t":"CalendarArrowRight","d":"CalendarArrowRight, the two-tone drawing of calendar-arrow-right on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/calendar-arrow-right","t":"CalendarArrowRight","d":"CalendarArrowRight, the duotone drawing of calendar-arrow-right on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/calendar-arrow-right","t":"CalendarArrowRight","d":"CalendarArrowRight, the fill drawing of calendar-arrow-right on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:calendar-arrow-up","t":"CalendarArrowUp","d":"CalendarArrowUp, the stroke drawing of calendar-arrow-up on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/calendar-arrow-up","t":"CalendarArrowUp","d":"CalendarArrowUp, the two-tone drawing of calendar-arrow-up on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/calendar-arrow-up","t":"CalendarArrowUp","d":"CalendarArrowUp, the duotone drawing of calendar-arrow-up on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/calendar-arrow-up","t":"CalendarArrowUp","d":"CalendarArrowUp, the fill drawing of calendar-arrow-up on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/calendar-arrow-up","t":"CalendarArrowUp","d":"CalendarArrowUp, the stroke drawing of calendar-arrow-up on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/calendar-arrow-up","t":"CalendarArrowUp","d":"CalendarArrowUp, the two-tone drawing of calendar-arrow-up on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/calendar-arrow-up","t":"CalendarArrowUp","d":"CalendarArrowUp, the duotone drawing of calendar-arrow-up on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/calendar-arrow-up","t":"CalendarArrowUp","d":"CalendarArrowUp, the fill drawing of calendar-arrow-up on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:calendar-check","t":"CalendarCheck","d":"CalendarCheck, the stroke drawing of calendar-check on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/calendar-check","t":"CalendarCheck","d":"CalendarCheck, the two-tone drawing of calendar-check on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/calendar-check","t":"CalendarCheck","d":"CalendarCheck, the duotone drawing of calendar-check on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/calendar-check","t":"CalendarCheck","d":"CalendarCheck, the fill drawing of calendar-check on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/calendar-check","t":"CalendarCheck","d":"CalendarCheck, the stroke drawing of calendar-check on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/calendar-check","t":"CalendarCheck","d":"CalendarCheck, the two-tone drawing of calendar-check on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/calendar-check","t":"CalendarCheck","d":"CalendarCheck, the duotone drawing of calendar-check on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/calendar-check","t":"CalendarCheck","d":"CalendarCheck, the fill drawing of calendar-check on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:calendar-days","t":"CalendarDays","d":"CalendarDays, the stroke drawing of calendar-days on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/calendar-days","t":"CalendarDays","d":"CalendarDays, the two-tone drawing of calendar-days on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/calendar-days","t":"CalendarDays","d":"CalendarDays, the duotone drawing of calendar-days on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/calendar-days","t":"CalendarDays","d":"CalendarDays, the fill drawing of calendar-days on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/calendar-days","t":"CalendarDays","d":"CalendarDays, the stroke drawing of calendar-days on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/calendar-days","t":"CalendarDays","d":"CalendarDays, the two-tone drawing of calendar-days on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/calendar-days","t":"CalendarDays","d":"CalendarDays, the duotone drawing of calendar-days on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/calendar-days","t":"CalendarDays","d":"CalendarDays, the fill drawing of calendar-days on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:calendar-minus","t":"CalendarMinus","d":"CalendarMinus, the stroke drawing of calendar-minus on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/calendar-minus","t":"CalendarMinus","d":"CalendarMinus, the two-tone drawing of calendar-minus on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/calendar-minus","t":"CalendarMinus","d":"CalendarMinus, the duotone drawing of calendar-minus on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/calendar-minus","t":"CalendarMinus","d":"CalendarMinus, the fill drawing of calendar-minus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/calendar-minus","t":"CalendarMinus","d":"CalendarMinus, the stroke drawing of calendar-minus on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/calendar-minus","t":"CalendarMinus","d":"CalendarMinus, the two-tone drawing of calendar-minus on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/calendar-minus","t":"CalendarMinus","d":"CalendarMinus, the duotone drawing of calendar-minus on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/calendar-minus","t":"CalendarMinus","d":"CalendarMinus, the fill drawing of calendar-minus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:calendar-off","t":"CalendarOff","d":"CalendarOff, the stroke drawing of calendar-off on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/calendar-off","t":"CalendarOff","d":"CalendarOff, the two-tone drawing of calendar-off on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/calendar-off","t":"CalendarOff","d":"CalendarOff, the duotone drawing of calendar-off on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/calendar-off","t":"CalendarOff","d":"CalendarOff, the fill drawing of calendar-off on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/calendar-off","t":"CalendarOff","d":"CalendarOff, the stroke drawing of calendar-off on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/calendar-off","t":"CalendarOff","d":"CalendarOff, the two-tone drawing of calendar-off on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/calendar-off","t":"CalendarOff","d":"CalendarOff, the duotone drawing of calendar-off on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/calendar-off","t":"CalendarOff","d":"CalendarOff, the fill drawing of calendar-off on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:calendar-plus","t":"CalendarPlus","d":"CalendarPlus, the stroke drawing of calendar-plus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/calendar-plus","t":"CalendarPlus","d":"CalendarPlus, the two-tone drawing of calendar-plus on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/calendar-plus","t":"CalendarPlus","d":"CalendarPlus, the duotone drawing of calendar-plus on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/calendar-plus","t":"CalendarPlus","d":"CalendarPlus, the fill drawing of calendar-plus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/calendar-plus","t":"CalendarPlus","d":"CalendarPlus, the stroke drawing of calendar-plus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/calendar-plus","t":"CalendarPlus","d":"CalendarPlus, the two-tone drawing of calendar-plus on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/calendar-plus","t":"CalendarPlus","d":"CalendarPlus, the duotone drawing of calendar-plus on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/calendar-plus","t":"CalendarPlus","d":"CalendarPlus, the fill drawing of calendar-plus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:calendar-sparkles","t":"CalendarSparkles","d":"CalendarSparkles, the stroke drawing of calendar-sparkles on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/calendar-sparkles","t":"CalendarSparkles","d":"CalendarSparkles, the two-tone drawing of calendar-sparkles on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/calendar-sparkles","t":"CalendarSparkles","d":"CalendarSparkles, the duotone drawing of calendar-sparkles on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/calendar-sparkles","t":"CalendarSparkles","d":"CalendarSparkles, the fill drawing of calendar-sparkles on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/calendar-sparkles","t":"CalendarSparkles","d":"CalendarSparkles, the stroke drawing of calendar-sparkles on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/calendar-sparkles","t":"CalendarSparkles","d":"CalendarSparkles, the two-tone drawing of calendar-sparkles on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/calendar-sparkles","t":"CalendarSparkles","d":"CalendarSparkles, the duotone drawing of calendar-sparkles on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/calendar-sparkles","t":"CalendarSparkles","d":"CalendarSparkles, the fill drawing of calendar-sparkles on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:calendar-zap","t":"CalendarZap","d":"CalendarZap, the stroke drawing of calendar-zap on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/calendar-zap","t":"CalendarZap","d":"CalendarZap, the two-tone drawing of calendar-zap on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/calendar-zap","t":"CalendarZap","d":"CalendarZap, the duotone drawing of calendar-zap on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/calendar-zap","t":"CalendarZap","d":"CalendarZap, the fill drawing of calendar-zap on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/calendar-zap","t":"CalendarZap","d":"CalendarZap, the stroke drawing of calendar-zap on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/calendar-zap","t":"CalendarZap","d":"CalendarZap, the two-tone drawing of calendar-zap on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/calendar-zap","t":"CalendarZap","d":"CalendarZap, the duotone drawing of calendar-zap on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/calendar-zap","t":"CalendarZap","d":"CalendarZap, the fill drawing of calendar-zap on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:camera","t":"Camera","d":"Camera, the stroke drawing of camera on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/camera","t":"Camera","d":"Camera, the two-tone drawing of camera on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/camera","t":"Camera","d":"Camera, the duotone drawing of camera on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/camera","t":"Camera","d":"Camera, the fill drawing of camera on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/camera","t":"Camera","d":"Camera, the stroke drawing of camera on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/camera","t":"Camera","d":"Camera, the two-tone drawing of camera on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/camera","t":"Camera","d":"Camera, the duotone drawing of camera on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/camera","t":"Camera","d":"Camera, the fill drawing of camera on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:camera-off","t":"CameraOff","d":"CameraOff, the stroke drawing of camera-off on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/camera-off","t":"CameraOff","d":"CameraOff, the two-tone drawing of camera-off on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/camera-off","t":"CameraOff","d":"CameraOff, the duotone drawing of camera-off on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/camera-off","t":"CameraOff","d":"CameraOff, the fill drawing of camera-off on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/camera-off","t":"CameraOff","d":"CameraOff, the stroke drawing of camera-off on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/camera-off","t":"CameraOff","d":"CameraOff, the two-tone drawing of camera-off on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/camera-off","t":"CameraOff","d":"CameraOff, the duotone drawing of camera-off on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/camera-off","t":"CameraOff","d":"CameraOff, the fill drawing of camera-off on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:camera-sparkles","t":"CameraSparkles","d":"CameraSparkles, the stroke drawing of camera-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/camera-sparkles","t":"CameraSparkles","d":"CameraSparkles, the two-tone drawing of camera-sparkles on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/camera-sparkles","t":"CameraSparkles","d":"CameraSparkles, the duotone drawing of camera-sparkles on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/camera-sparkles","t":"CameraSparkles","d":"CameraSparkles, the fill drawing of camera-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/camera-sparkles","t":"CameraSparkles","d":"CameraSparkles, the stroke drawing of camera-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/camera-sparkles","t":"CameraSparkles","d":"CameraSparkles, the two-tone drawing of camera-sparkles on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/camera-sparkles","t":"CameraSparkles","d":"CameraSparkles, the duotone drawing of camera-sparkles on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/camera-sparkles","t":"CameraSparkles","d":"CameraSparkles, the fill drawing of camera-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:captions","t":"Captions","d":"Captions, the stroke drawing of captions on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/captions","t":"Captions","d":"Captions, the two-tone drawing of captions on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/captions","t":"Captions","d":"Captions, the duotone drawing of captions on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/captions","t":"Captions","d":"Captions, the fill drawing of captions on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/captions","t":"Captions","d":"Captions, the stroke drawing of captions on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/captions","t":"Captions","d":"Captions, the two-tone drawing of captions on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/captions","t":"Captions","d":"Captions, the duotone drawing of captions on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/captions","t":"Captions","d":"Captions, the fill drawing of captions on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:captions-off","t":"CaptionsOff","d":"CaptionsOff, the stroke drawing of captions-off on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/captions-off","t":"CaptionsOff","d":"CaptionsOff, the two-tone drawing of captions-off on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/captions-off","t":"CaptionsOff","d":"CaptionsOff, the duotone drawing of captions-off on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/captions-off","t":"CaptionsOff","d":"CaptionsOff, the fill drawing of captions-off on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/captions-off","t":"CaptionsOff","d":"CaptionsOff, the stroke drawing of captions-off on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/captions-off","t":"CaptionsOff","d":"CaptionsOff, the two-tone drawing of captions-off on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/captions-off","t":"CaptionsOff","d":"CaptionsOff, the duotone drawing of captions-off on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/captions-off","t":"CaptionsOff","d":"CaptionsOff, the fill drawing of captions-off on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:captions-sparkles","t":"CaptionsSparkles","d":"CaptionsSparkles, the stroke drawing of captions-sparkles on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/captions-sparkles","t":"CaptionsSparkles","d":"CaptionsSparkles, the two-tone drawing of captions-sparkles on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/captions-sparkles","t":"CaptionsSparkles","d":"CaptionsSparkles, the duotone drawing of captions-sparkles on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/captions-sparkles","t":"CaptionsSparkles","d":"CaptionsSparkles, the fill drawing of captions-sparkles on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/captions-sparkles","t":"CaptionsSparkles","d":"CaptionsSparkles, the stroke drawing of captions-sparkles on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/captions-sparkles","t":"CaptionsSparkles","d":"CaptionsSparkles, the two-tone drawing of captions-sparkles on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/captions-sparkles","t":"CaptionsSparkles","d":"CaptionsSparkles, the duotone drawing of captions-sparkles on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/captions-sparkles","t":"CaptionsSparkles","d":"CaptionsSparkles, the fill drawing of captions-sparkles on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:car","t":"Car","d":"Car, the stroke drawing of car on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/car","t":"Car","d":"Car, the two-tone drawing of car on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/car","t":"Car","d":"Car, the duotone drawing of car on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/car","t":"Car","d":"Car, the fill drawing of car on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/car","t":"Car","d":"Car, the stroke drawing of car on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/car","t":"Car","d":"Car, the two-tone drawing of car on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/car","t":"Car","d":"Car, the duotone drawing of car on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/car","t":"Car","d":"Car, the fill drawing of car on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-caret-down","t":"CircleCaretDown","d":"CircleCaretDown, the stroke drawing of circle-caret-down on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-caret-down","t":"CircleCaretDown","d":"CircleCaretDown, the two-tone drawing of circle-caret-down on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-caret-down","t":"CircleCaretDown","d":"CircleCaretDown, the duotone drawing of circle-caret-down on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-caret-down","t":"CircleCaretDown","d":"CircleCaretDown, the fill drawing of circle-caret-down on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-caret-down","t":"CircleCaretDown","d":"CircleCaretDown, the stroke drawing of circle-caret-down on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-caret-down","t":"CircleCaretDown","d":"CircleCaretDown, the two-tone drawing of circle-caret-down on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-caret-down","t":"CircleCaretDown","d":"CircleCaretDown, the duotone drawing of circle-caret-down on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-caret-down","t":"CircleCaretDown","d":"CircleCaretDown, the fill drawing of circle-caret-down on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:caret-down","t":"CaretDown","d":"CaretDown, the stroke drawing of caret-down on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/caret-down","t":"CaretDown","d":"CaretDown, the two-tone drawing of caret-down on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/caret-down","t":"CaretDown","d":"CaretDown, the duotone drawing of caret-down on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/caret-down","t":"CaretDown","d":"CaretDown, the fill drawing of caret-down on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/caret-down","t":"CaretDown","d":"CaretDown, the stroke drawing of caret-down on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/caret-down","t":"CaretDown","d":"CaretDown, the two-tone drawing of caret-down on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/caret-down","t":"CaretDown","d":"CaretDown, the duotone drawing of caret-down on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/caret-down","t":"CaretDown","d":"CaretDown, the fill drawing of caret-down on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-caret-down","t":"SquareCaretDown","d":"SquareCaretDown, the stroke drawing of square-caret-down on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-caret-down","t":"SquareCaretDown","d":"SquareCaretDown, the two-tone drawing of square-caret-down on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-caret-down","t":"SquareCaretDown","d":"SquareCaretDown, the duotone drawing of square-caret-down on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-caret-down","t":"SquareCaretDown","d":"SquareCaretDown, the fill drawing of square-caret-down on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-caret-down","t":"SquareCaretDown","d":"SquareCaretDown, the stroke drawing of square-caret-down on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-caret-down","t":"SquareCaretDown","d":"SquareCaretDown, the two-tone drawing of square-caret-down on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-caret-down","t":"SquareCaretDown","d":"SquareCaretDown, the duotone drawing of square-caret-down on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-caret-down","t":"SquareCaretDown","d":"SquareCaretDown, the fill drawing of square-caret-down on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-caret-left","t":"CircleCaretLeft","d":"CircleCaretLeft, the stroke drawing of circle-caret-left on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-caret-left","t":"CircleCaretLeft","d":"CircleCaretLeft, the two-tone drawing of circle-caret-left on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-caret-left","t":"CircleCaretLeft","d":"CircleCaretLeft, the duotone drawing of circle-caret-left on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-caret-left","t":"CircleCaretLeft","d":"CircleCaretLeft, the fill drawing of circle-caret-left on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-caret-left","t":"CircleCaretLeft","d":"CircleCaretLeft, the stroke drawing of circle-caret-left on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-caret-left","t":"CircleCaretLeft","d":"CircleCaretLeft, the two-tone drawing of circle-caret-left on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-caret-left","t":"CircleCaretLeft","d":"CircleCaretLeft, the duotone drawing of circle-caret-left on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-caret-left","t":"CircleCaretLeft","d":"CircleCaretLeft, the fill drawing of circle-caret-left on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:caret-left","t":"CaretLeft","d":"CaretLeft, the stroke drawing of caret-left on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/caret-left","t":"CaretLeft","d":"CaretLeft, the two-tone drawing of caret-left on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/caret-left","t":"CaretLeft","d":"CaretLeft, the duotone drawing of caret-left on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/caret-left","t":"CaretLeft","d":"CaretLeft, the fill drawing of caret-left on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/caret-left","t":"CaretLeft","d":"CaretLeft, the stroke drawing of caret-left on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/caret-left","t":"CaretLeft","d":"CaretLeft, the two-tone drawing of caret-left on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/caret-left","t":"CaretLeft","d":"CaretLeft, the duotone drawing of caret-left on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/caret-left","t":"CaretLeft","d":"CaretLeft, the fill drawing of caret-left on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-caret-left","t":"SquareCaretLeft","d":"SquareCaretLeft, the stroke drawing of square-caret-left on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-caret-left","t":"SquareCaretLeft","d":"SquareCaretLeft, the two-tone drawing of square-caret-left on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-caret-left","t":"SquareCaretLeft","d":"SquareCaretLeft, the duotone drawing of square-caret-left on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-caret-left","t":"SquareCaretLeft","d":"SquareCaretLeft, the fill drawing of square-caret-left on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-caret-left","t":"SquareCaretLeft","d":"SquareCaretLeft, the stroke drawing of square-caret-left on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-caret-left","t":"SquareCaretLeft","d":"SquareCaretLeft, the two-tone drawing of square-caret-left on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-caret-left","t":"SquareCaretLeft","d":"SquareCaretLeft, the duotone drawing of square-caret-left on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-caret-left","t":"SquareCaretLeft","d":"SquareCaretLeft, the fill drawing of square-caret-left on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-caret-right","t":"CircleCaretRight","d":"CircleCaretRight, the stroke drawing of circle-caret-right on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-caret-right","t":"CircleCaretRight","d":"CircleCaretRight, the two-tone drawing of circle-caret-right on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-caret-right","t":"CircleCaretRight","d":"CircleCaretRight, the duotone drawing of circle-caret-right on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-caret-right","t":"CircleCaretRight","d":"CircleCaretRight, the fill drawing of circle-caret-right on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-caret-right","t":"CircleCaretRight","d":"CircleCaretRight, the stroke drawing of circle-caret-right on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-caret-right","t":"CircleCaretRight","d":"CircleCaretRight, the two-tone drawing of circle-caret-right on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-caret-right","t":"CircleCaretRight","d":"CircleCaretRight, the duotone drawing of circle-caret-right on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-caret-right","t":"CircleCaretRight","d":"CircleCaretRight, the fill drawing of circle-caret-right on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:caret-right","t":"CaretRight","d":"CaretRight, the stroke drawing of caret-right on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/caret-right","t":"CaretRight","d":"CaretRight, the two-tone drawing of caret-right on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/caret-right","t":"CaretRight","d":"CaretRight, the duotone drawing of caret-right on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/caret-right","t":"CaretRight","d":"CaretRight, the fill drawing of caret-right on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/caret-right","t":"CaretRight","d":"CaretRight, the stroke drawing of caret-right on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/caret-right","t":"CaretRight","d":"CaretRight, the two-tone drawing of caret-right on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/caret-right","t":"CaretRight","d":"CaretRight, the duotone drawing of caret-right on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/caret-right","t":"CaretRight","d":"CaretRight, the fill drawing of caret-right on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-caret-right","t":"SquareCaretRight","d":"SquareCaretRight, the stroke drawing of square-caret-right on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-caret-right","t":"SquareCaretRight","d":"SquareCaretRight, the two-tone drawing of square-caret-right on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-caret-right","t":"SquareCaretRight","d":"SquareCaretRight, the duotone drawing of square-caret-right on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-caret-right","t":"SquareCaretRight","d":"SquareCaretRight, the fill drawing of square-caret-right on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-caret-right","t":"SquareCaretRight","d":"SquareCaretRight, the stroke drawing of square-caret-right on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-caret-right","t":"SquareCaretRight","d":"SquareCaretRight, the two-tone drawing of square-caret-right on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-caret-right","t":"SquareCaretRight","d":"SquareCaretRight, the duotone drawing of square-caret-right on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-caret-right","t":"SquareCaretRight","d":"SquareCaretRight, the fill drawing of square-caret-right on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-caret-up","t":"CircleCaretUp","d":"CircleCaretUp, the stroke drawing of circle-caret-up on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-caret-up","t":"CircleCaretUp","d":"CircleCaretUp, the two-tone drawing of circle-caret-up on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-caret-up","t":"CircleCaretUp","d":"CircleCaretUp, the duotone drawing of circle-caret-up on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-caret-up","t":"CircleCaretUp","d":"CircleCaretUp, the fill drawing of circle-caret-up on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-caret-up","t":"CircleCaretUp","d":"CircleCaretUp, the stroke drawing of circle-caret-up on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-caret-up","t":"CircleCaretUp","d":"CircleCaretUp, the two-tone drawing of circle-caret-up on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-caret-up","t":"CircleCaretUp","d":"CircleCaretUp, the duotone drawing of circle-caret-up on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-caret-up","t":"CircleCaretUp","d":"CircleCaretUp, the fill drawing of circle-caret-up on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:caret-up","t":"CaretUp","d":"CaretUp, the stroke drawing of caret-up on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/caret-up","t":"CaretUp","d":"CaretUp, the two-tone drawing of caret-up on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/caret-up","t":"CaretUp","d":"CaretUp, the duotone drawing of caret-up on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/caret-up","t":"CaretUp","d":"CaretUp, the fill drawing of caret-up on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/caret-up","t":"CaretUp","d":"CaretUp, the stroke drawing of caret-up on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/caret-up","t":"CaretUp","d":"CaretUp, the two-tone drawing of caret-up on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/caret-up","t":"CaretUp","d":"CaretUp, the duotone drawing of caret-up on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/caret-up","t":"CaretUp","d":"CaretUp, the fill drawing of caret-up on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-caret-up","t":"SquareCaretUp","d":"SquareCaretUp, the stroke drawing of square-caret-up on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-caret-up","t":"SquareCaretUp","d":"SquareCaretUp, the two-tone drawing of square-caret-up on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-caret-up","t":"SquareCaretUp","d":"SquareCaretUp, the duotone drawing of square-caret-up on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-caret-up","t":"SquareCaretUp","d":"SquareCaretUp, the fill drawing of square-caret-up on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-caret-up","t":"SquareCaretUp","d":"SquareCaretUp, the stroke drawing of square-caret-up on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-caret-up","t":"SquareCaretUp","d":"SquareCaretUp, the two-tone drawing of square-caret-up on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-caret-up","t":"SquareCaretUp","d":"SquareCaretUp, the duotone drawing of square-caret-up on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-caret-up","t":"SquareCaretUp","d":"SquareCaretUp, the fill drawing of square-caret-up on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:case-sensitive","t":"CaseSensitive","d":"CaseSensitive, the stroke drawing of case-sensitive on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/case-sensitive","t":"CaseSensitive","d":"CaseSensitive, the two-tone drawing of case-sensitive on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/case-sensitive","t":"CaseSensitive","d":"CaseSensitive, the duotone drawing of case-sensitive on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/case-sensitive","t":"CaseSensitive","d":"CaseSensitive, the fill drawing of case-sensitive on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/case-sensitive","t":"CaseSensitive","d":"CaseSensitive, the stroke drawing of case-sensitive on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/case-sensitive","t":"CaseSensitive","d":"CaseSensitive, the two-tone drawing of case-sensitive on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/case-sensitive","t":"CaseSensitive","d":"CaseSensitive, the duotone drawing of case-sensitive on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/case-sensitive","t":"CaseSensitive","d":"CaseSensitive, the fill drawing of case-sensitive on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:case-upper","t":"CaseUpper","d":"CaseUpper, the stroke drawing of case-upper on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/case-upper","t":"CaseUpper","d":"CaseUpper, the two-tone drawing of case-upper on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/case-upper","t":"CaseUpper","d":"CaseUpper, the duotone drawing of case-upper on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/case-upper","t":"CaseUpper","d":"CaseUpper, the fill drawing of case-upper on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/case-upper","t":"CaseUpper","d":"CaseUpper, the stroke drawing of case-upper on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/case-upper","t":"CaseUpper","d":"CaseUpper, the two-tone drawing of case-upper on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/case-upper","t":"CaseUpper","d":"CaseUpper, the duotone drawing of case-upper on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/case-upper","t":"CaseUpper","d":"CaseUpper, the fill drawing of case-upper on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cast","t":"Cast","d":"Cast, the stroke drawing of cast on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cast","t":"Cast","d":"Cast, the two-tone drawing of cast on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cast","t":"Cast","d":"Cast, the duotone drawing of cast on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cast","t":"Cast","d":"Cast, the fill drawing of cast on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cast","t":"Cast","d":"Cast, the stroke drawing of cast on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cast","t":"Cast","d":"Cast, the two-tone drawing of cast on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cast","t":"Cast","d":"Cast, the duotone drawing of cast on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cast","t":"Cast","d":"Cast, the fill drawing of cast on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cctv","t":"Cctv","d":"Cctv, the stroke drawing of cctv on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cctv","t":"Cctv","d":"Cctv, the two-tone drawing of cctv on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cctv","t":"Cctv","d":"Cctv, the duotone drawing of cctv on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cctv","t":"Cctv","d":"Cctv, the fill drawing of cctv on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cctv","t":"Cctv","d":"Cctv, the stroke drawing of cctv on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cctv","t":"Cctv","d":"Cctv, the two-tone drawing of cctv on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cctv","t":"Cctv","d":"Cctv, the duotone drawing of cctv on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cctv","t":"Cctv","d":"Cctv, the fill drawing of cctv on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cctv-off","t":"CctvOff","d":"CctvOff, the stroke drawing of cctv-off on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cctv-off","t":"CctvOff","d":"CctvOff, the two-tone drawing of cctv-off on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cctv-off","t":"CctvOff","d":"CctvOff, the duotone drawing of cctv-off on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cctv-off","t":"CctvOff","d":"CctvOff, the fill drawing of cctv-off on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cctv-off","t":"CctvOff","d":"CctvOff, the stroke drawing of cctv-off on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cctv-off","t":"CctvOff","d":"CctvOff, the two-tone drawing of cctv-off on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cctv-off","t":"CctvOff","d":"CctvOff, the duotone drawing of cctv-off on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cctv-off","t":"CctvOff","d":"CctvOff, the fill drawing of cctv-off on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-area","t":"ChartArea","d":"ChartArea, the stroke drawing of chart-area on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-area","t":"ChartArea","d":"ChartArea, the two-tone drawing of chart-area on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-area","t":"ChartArea","d":"ChartArea, the duotone drawing of chart-area on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-area","t":"ChartArea","d":"ChartArea, the fill drawing of chart-area on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-area","t":"ChartArea","d":"ChartArea, the stroke drawing of chart-area on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-area","t":"ChartArea","d":"ChartArea, the two-tone drawing of chart-area on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-area","t":"ChartArea","d":"ChartArea, the duotone drawing of chart-area on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-area","t":"ChartArea","d":"ChartArea, the fill drawing of chart-area on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-area-sparkles","t":"ChartAreaSparkles","d":"ChartAreaSparkles, the stroke drawing of chart-area-sparkles on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-area-sparkles","t":"ChartAreaSparkles","d":"ChartAreaSparkles, the two-tone drawing of chart-area-sparkles on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-area-sparkles","t":"ChartAreaSparkles","d":"ChartAreaSparkles, the duotone drawing of chart-area-sparkles on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-area-sparkles","t":"ChartAreaSparkles","d":"ChartAreaSparkles, the fill drawing of chart-area-sparkles on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-area-sparkles","t":"ChartAreaSparkles","d":"ChartAreaSparkles, the stroke drawing of chart-area-sparkles on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-area-sparkles","t":"ChartAreaSparkles","d":"ChartAreaSparkles, the two-tone drawing of chart-area-sparkles on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-area-sparkles","t":"ChartAreaSparkles","d":"ChartAreaSparkles, the duotone drawing of chart-area-sparkles on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-area-sparkles","t":"ChartAreaSparkles","d":"ChartAreaSparkles, the fill drawing of chart-area-sparkles on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-bar","t":"ChartBar","d":"ChartBar, the stroke drawing of chart-bar on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-bar","t":"ChartBar","d":"ChartBar, the two-tone drawing of chart-bar on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-bar","t":"ChartBar","d":"ChartBar, the duotone drawing of chart-bar on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-bar","t":"ChartBar","d":"ChartBar, the fill drawing of chart-bar on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-bar","t":"ChartBar","d":"ChartBar, the stroke drawing of chart-bar on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-bar","t":"ChartBar","d":"ChartBar, the two-tone drawing of chart-bar on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-bar","t":"ChartBar","d":"ChartBar, the duotone drawing of chart-bar on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-bar","t":"ChartBar","d":"ChartBar, the fill drawing of chart-bar on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-bar-big","t":"ChartBarBig","d":"ChartBarBig, the stroke drawing of chart-bar-big on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-bar-big","t":"ChartBarBig","d":"ChartBarBig, the two-tone drawing of chart-bar-big on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-bar-big","t":"ChartBarBig","d":"ChartBarBig, the duotone drawing of chart-bar-big on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-bar-big","t":"ChartBarBig","d":"ChartBarBig, the fill drawing of chart-bar-big on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-bar-big","t":"ChartBarBig","d":"ChartBarBig, the stroke drawing of chart-bar-big on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-bar-big","t":"ChartBarBig","d":"ChartBarBig, the two-tone drawing of chart-bar-big on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-bar-big","t":"ChartBarBig","d":"ChartBarBig, the duotone drawing of chart-bar-big on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-bar-big","t":"ChartBarBig","d":"ChartBarBig, the fill drawing of chart-bar-big on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-bar-sparkles","t":"ChartBarSparkles","d":"ChartBarSparkles, the stroke drawing of chart-bar-sparkles on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-bar-sparkles","t":"ChartBarSparkles","d":"ChartBarSparkles, the two-tone drawing of chart-bar-sparkles on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-bar-sparkles","t":"ChartBarSparkles","d":"ChartBarSparkles, the duotone drawing of chart-bar-sparkles on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-bar-sparkles","t":"ChartBarSparkles","d":"ChartBarSparkles, the fill drawing of chart-bar-sparkles on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-bar-sparkles","t":"ChartBarSparkles","d":"ChartBarSparkles, the stroke drawing of chart-bar-sparkles on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-bar-sparkles","t":"ChartBarSparkles","d":"ChartBarSparkles, the two-tone drawing of chart-bar-sparkles on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-bar-sparkles","t":"ChartBarSparkles","d":"ChartBarSparkles, the duotone drawing of chart-bar-sparkles on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-bar-sparkles","t":"ChartBarSparkles","d":"ChartBarSparkles, the fill drawing of chart-bar-sparkles on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-bar-stacked","t":"ChartBarStacked","d":"ChartBarStacked, the stroke drawing of chart-bar-stacked on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-bar-stacked","t":"ChartBarStacked","d":"ChartBarStacked, the two-tone drawing of chart-bar-stacked on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-bar-stacked","t":"ChartBarStacked","d":"ChartBarStacked, the duotone drawing of chart-bar-stacked on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-bar-stacked","t":"ChartBarStacked","d":"ChartBarStacked, the fill drawing of chart-bar-stacked on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-bar-stacked","t":"ChartBarStacked","d":"ChartBarStacked, the stroke drawing of chart-bar-stacked on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-bar-stacked","t":"ChartBarStacked","d":"ChartBarStacked, the two-tone drawing of chart-bar-stacked on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-bar-stacked","t":"ChartBarStacked","d":"ChartBarStacked, the duotone drawing of chart-bar-stacked on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-bar-stacked","t":"ChartBarStacked","d":"ChartBarStacked, the fill drawing of chart-bar-stacked on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-candlestick","t":"ChartCandlestick","d":"ChartCandlestick, the stroke drawing of chart-candlestick on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-candlestick","t":"ChartCandlestick","d":"ChartCandlestick, the two-tone drawing of chart-candlestick on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-candlestick","t":"ChartCandlestick","d":"ChartCandlestick, the duotone drawing of chart-candlestick on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-candlestick","t":"ChartCandlestick","d":"ChartCandlestick, the fill drawing of chart-candlestick on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-candlestick","t":"ChartCandlestick","d":"ChartCandlestick, the stroke drawing of chart-candlestick on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-candlestick","t":"ChartCandlestick","d":"ChartCandlestick, the two-tone drawing of chart-candlestick on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-candlestick","t":"ChartCandlestick","d":"ChartCandlestick, the duotone drawing of chart-candlestick on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-candlestick","t":"ChartCandlestick","d":"ChartCandlestick, the fill drawing of chart-candlestick on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-column","t":"ChartColumn","d":"ChartColumn, the stroke drawing of chart-column on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-column","t":"ChartColumn","d":"ChartColumn, the two-tone drawing of chart-column on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-column","t":"ChartColumn","d":"ChartColumn, the duotone drawing of chart-column on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-column","t":"ChartColumn","d":"ChartColumn, the fill drawing of chart-column on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-column","t":"ChartColumn","d":"ChartColumn, the stroke drawing of chart-column on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-column","t":"ChartColumn","d":"ChartColumn, the two-tone drawing of chart-column on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-column","t":"ChartColumn","d":"ChartColumn, the duotone drawing of chart-column on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-column","t":"ChartColumn","d":"ChartColumn, the fill drawing of chart-column on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-column-big","t":"ChartColumnBig","d":"ChartColumnBig, the stroke drawing of chart-column-big on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-column-big","t":"ChartColumnBig","d":"ChartColumnBig, the two-tone drawing of chart-column-big on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-column-big","t":"ChartColumnBig","d":"ChartColumnBig, the duotone drawing of chart-column-big on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-column-big","t":"ChartColumnBig","d":"ChartColumnBig, the fill drawing of chart-column-big on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-column-big","t":"ChartColumnBig","d":"ChartColumnBig, the stroke drawing of chart-column-big on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-column-big","t":"ChartColumnBig","d":"ChartColumnBig, the two-tone drawing of chart-column-big on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-column-big","t":"ChartColumnBig","d":"ChartColumnBig, the duotone drawing of chart-column-big on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-column-big","t":"ChartColumnBig","d":"ChartColumnBig, the fill drawing of chart-column-big on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-column-sparkles","t":"ChartColumnSparkles","d":"ChartColumnSparkles, the stroke drawing of chart-column-sparkles on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-column-sparkles","t":"ChartColumnSparkles","d":"ChartColumnSparkles, the two-tone drawing of chart-column-sparkles on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-column-sparkles","t":"ChartColumnSparkles","d":"ChartColumnSparkles, the duotone drawing of chart-column-sparkles on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-column-sparkles","t":"ChartColumnSparkles","d":"ChartColumnSparkles, the fill drawing of chart-column-sparkles on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-column-sparkles","t":"ChartColumnSparkles","d":"ChartColumnSparkles, the stroke drawing of chart-column-sparkles on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-column-sparkles","t":"ChartColumnSparkles","d":"ChartColumnSparkles, the two-tone drawing of chart-column-sparkles on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-column-sparkles","t":"ChartColumnSparkles","d":"ChartColumnSparkles, the duotone drawing of chart-column-sparkles on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-column-sparkles","t":"ChartColumnSparkles","d":"ChartColumnSparkles, the fill drawing of chart-column-sparkles on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-column-stacked","t":"ChartColumnStacked","d":"ChartColumnStacked, the stroke drawing of chart-column-stacked on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-column-stacked","t":"ChartColumnStacked","d":"ChartColumnStacked, the two-tone drawing of chart-column-stacked on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-column-stacked","t":"ChartColumnStacked","d":"ChartColumnStacked, the duotone drawing of chart-column-stacked on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-column-stacked","t":"ChartColumnStacked","d":"ChartColumnStacked, the fill drawing of chart-column-stacked on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-column-stacked","t":"ChartColumnStacked","d":"ChartColumnStacked, the stroke drawing of chart-column-stacked on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-column-stacked","t":"ChartColumnStacked","d":"ChartColumnStacked, the two-tone drawing of chart-column-stacked on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-column-stacked","t":"ChartColumnStacked","d":"ChartColumnStacked, the duotone drawing of chart-column-stacked on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-column-stacked","t":"ChartColumnStacked","d":"ChartColumnStacked, the fill drawing of chart-column-stacked on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-diagram","t":"ChartDiagram","d":"ChartDiagram, the stroke drawing of chart-diagram on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-diagram","t":"ChartDiagram","d":"ChartDiagram, the two-tone drawing of chart-diagram on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-diagram","t":"ChartDiagram","d":"ChartDiagram, the duotone drawing of chart-diagram on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-diagram","t":"ChartDiagram","d":"ChartDiagram, the fill drawing of chart-diagram on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-diagram","t":"ChartDiagram","d":"ChartDiagram, the stroke drawing of chart-diagram on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-diagram","t":"ChartDiagram","d":"ChartDiagram, the two-tone drawing of chart-diagram on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-diagram","t":"ChartDiagram","d":"ChartDiagram, the duotone drawing of chart-diagram on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-diagram","t":"ChartDiagram","d":"ChartDiagram, the fill drawing of chart-diagram on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-gantt","t":"ChartGantt","d":"ChartGantt, the stroke drawing of chart-gantt on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-gantt","t":"ChartGantt","d":"ChartGantt, the two-tone drawing of chart-gantt on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-gantt","t":"ChartGantt","d":"ChartGantt, the duotone drawing of chart-gantt on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-gantt","t":"ChartGantt","d":"ChartGantt, the fill drawing of chart-gantt on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-gantt","t":"ChartGantt","d":"ChartGantt, the stroke drawing of chart-gantt on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-gantt","t":"ChartGantt","d":"ChartGantt, the two-tone drawing of chart-gantt on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-gantt","t":"ChartGantt","d":"ChartGantt, the duotone drawing of chart-gantt on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-gantt","t":"ChartGantt","d":"ChartGantt, the fill drawing of chart-gantt on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-gantt-sparkles","t":"ChartGanttSparkles","d":"ChartGanttSparkles, the stroke drawing of chart-gantt-sparkles on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-gantt-sparkles","t":"ChartGanttSparkles","d":"ChartGanttSparkles, the two-tone drawing of chart-gantt-sparkles on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-gantt-sparkles","t":"ChartGanttSparkles","d":"ChartGanttSparkles, the duotone drawing of chart-gantt-sparkles on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-gantt-sparkles","t":"ChartGanttSparkles","d":"ChartGanttSparkles, the fill drawing of chart-gantt-sparkles on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-gantt-sparkles","t":"ChartGanttSparkles","d":"ChartGanttSparkles, the stroke drawing of chart-gantt-sparkles on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-gantt-sparkles","t":"ChartGanttSparkles","d":"ChartGanttSparkles, the two-tone drawing of chart-gantt-sparkles on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-gantt-sparkles","t":"ChartGanttSparkles","d":"ChartGanttSparkles, the duotone drawing of chart-gantt-sparkles on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-gantt-sparkles","t":"ChartGanttSparkles","d":"ChartGanttSparkles, the fill drawing of chart-gantt-sparkles on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-line","t":"ChartLine","d":"ChartLine, the stroke drawing of chart-line on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:two-tone/chart-line","t":"ChartLine","d":"ChartLine, the two-tone drawing of chart-line on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-line","t":"ChartLine","d":"ChartLine, the duotone drawing of chart-line on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-line","t":"ChartLine","d":"ChartLine, the fill drawing of chart-line on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/chart-line","t":"ChartLine","d":"ChartLine, the stroke drawing of chart-line on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/two-tone/chart-line","t":"ChartLine","d":"ChartLine, the two-tone drawing of chart-line on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-line","t":"ChartLine","d":"ChartLine, the duotone drawing of chart-line on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-line","t":"ChartLine","d":"ChartLine, the fill drawing of chart-line on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:chart-line-decreasing","t":"ChartLineDecreasing","d":"ChartLineDecreasing, the stroke drawing of chart-line-decreasing on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:two-tone/chart-line-decreasing","t":"ChartLineDecreasing","d":"ChartLineDecreasing, the two-tone drawing of chart-line-decreasing on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-line-decreasing","t":"ChartLineDecreasing","d":"ChartLineDecreasing, the duotone drawing of chart-line-decreasing on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-line-decreasing","t":"ChartLineDecreasing","d":"ChartLineDecreasing, the fill drawing of chart-line-decreasing on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/chart-line-decreasing","t":"ChartLineDecreasing","d":"ChartLineDecreasing, the stroke drawing of chart-line-decreasing on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/two-tone/chart-line-decreasing","t":"ChartLineDecreasing","d":"ChartLineDecreasing, the two-tone drawing of chart-line-decreasing on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-line-decreasing","t":"ChartLineDecreasing","d":"ChartLineDecreasing, the duotone drawing of chart-line-decreasing on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-line-decreasing","t":"ChartLineDecreasing","d":"ChartLineDecreasing, the fill drawing of chart-line-decreasing on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:chart-line-down","t":"ChartLineDown","d":"ChartLineDown, the stroke drawing of chart-line-down on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:two-tone/chart-line-down","t":"ChartLineDown","d":"ChartLineDown, the two-tone drawing of chart-line-down on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-line-down","t":"ChartLineDown","d":"ChartLineDown, the duotone drawing of chart-line-down on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-line-down","t":"ChartLineDown","d":"ChartLineDown, the fill drawing of chart-line-down on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/chart-line-down","t":"ChartLineDown","d":"ChartLineDown, the stroke drawing of chart-line-down on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/two-tone/chart-line-down","t":"ChartLineDown","d":"ChartLineDown, the two-tone drawing of chart-line-down on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-line-down","t":"ChartLineDown","d":"ChartLineDown, the duotone drawing of chart-line-down on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-line-down","t":"ChartLineDown","d":"ChartLineDown, the fill drawing of chart-line-down on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:chart-line-increasing","t":"ChartLineIncreasing","d":"ChartLineIncreasing, the stroke drawing of chart-line-increasing on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:two-tone/chart-line-increasing","t":"ChartLineIncreasing","d":"ChartLineIncreasing, the two-tone drawing of chart-line-increasing on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-line-increasing","t":"ChartLineIncreasing","d":"ChartLineIncreasing, the duotone drawing of chart-line-increasing on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-line-increasing","t":"ChartLineIncreasing","d":"ChartLineIncreasing, the fill drawing of chart-line-increasing on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/chart-line-increasing","t":"ChartLineIncreasing","d":"ChartLineIncreasing, the stroke drawing of chart-line-increasing on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/two-tone/chart-line-increasing","t":"ChartLineIncreasing","d":"ChartLineIncreasing, the two-tone drawing of chart-line-increasing on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-line-increasing","t":"ChartLineIncreasing","d":"ChartLineIncreasing, the duotone drawing of chart-line-increasing on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-line-increasing","t":"ChartLineIncreasing","d":"ChartLineIncreasing, the fill drawing of chart-line-increasing on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:chart-line-increasing-sparkles","t":"ChartLineIncreasingSparkles","d":"ChartLineIncreasingSparkles, the stroke drawing of chart-line-increasing-sparkles on a 24×","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:two-tone/chart-line-increasing-sparkles","t":"ChartLineIncreasingSparkles","d":"ChartLineIncreasingSparkles, the two-tone drawing of chart-line-increasing-sparkles on a 2","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-line-increasing-sparkles","t":"ChartLineIncreasingSparkles","d":"ChartLineIncreasingSparkles, the duotone drawing of chart-line-increasing-sparkles on a 24","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-line-increasing-sparkles","t":"ChartLineIncreasingSparkles","d":"ChartLineIncreasingSparkles, the fill drawing of chart-line-increasing-sparkles on a 24×24","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/chart-line-increasing-sparkles","t":"ChartLineIncreasingSparkles","d":"ChartLineIncreasingSparkles, the stroke drawing of chart-line-increasing-sparkles on a 24×","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/two-tone/chart-line-increasing-sparkles","t":"ChartLineIncreasingSparkles","d":"ChartLineIncreasingSparkles, the two-tone drawing of chart-line-increasing-sparkles on a 2","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-line-increasing-sparkles","t":"ChartLineIncreasingSparkles","d":"ChartLineIncreasingSparkles, the duotone drawing of chart-line-increasing-sparkles on a 24","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-line-increasing-sparkles","t":"ChartLineIncreasingSparkles","d":"ChartLineIncreasingSparkles, the fill drawing of chart-line-increasing-sparkles on a 24×24","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:chart-line-sparkles","t":"ChartLineSparkles","d":"ChartLineSparkles, the stroke drawing of chart-line-sparkles on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:two-tone/chart-line-sparkles","t":"ChartLineSparkles","d":"ChartLineSparkles, the two-tone drawing of chart-line-sparkles on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-line-sparkles","t":"ChartLineSparkles","d":"ChartLineSparkles, the duotone drawing of chart-line-sparkles on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-line-sparkles","t":"ChartLineSparkles","d":"ChartLineSparkles, the fill drawing of chart-line-sparkles on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/chart-line-sparkles","t":"ChartLineSparkles","d":"ChartLineSparkles, the stroke drawing of chart-line-sparkles on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/two-tone/chart-line-sparkles","t":"ChartLineSparkles","d":"ChartLineSparkles, the two-tone drawing of chart-line-sparkles on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-line-sparkles","t":"ChartLineSparkles","d":"ChartLineSparkles, the duotone drawing of chart-line-sparkles on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-line-sparkles","t":"ChartLineSparkles","d":"ChartLineSparkles, the fill drawing of chart-line-sparkles on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:chart-line-up","t":"ChartLineUp","d":"ChartLineUp, the stroke drawing of chart-line-up on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:two-tone/chart-line-up","t":"ChartLineUp","d":"ChartLineUp, the two-tone drawing of chart-line-up on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-line-up","t":"ChartLineUp","d":"ChartLineUp, the duotone drawing of chart-line-up on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-line-up","t":"ChartLineUp","d":"ChartLineUp, the fill drawing of chart-line-up on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/chart-line-up","t":"ChartLineUp","d":"ChartLineUp, the stroke drawing of chart-line-up on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/two-tone/chart-line-up","t":"ChartLineUp","d":"ChartLineUp, the two-tone drawing of chart-line-up on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-line-up","t":"ChartLineUp","d":"ChartLineUp, the duotone drawing of chart-line-up on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-line-up","t":"ChartLineUp","d":"ChartLineUp, the fill drawing of chart-line-up on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:chart-network","t":"ChartNetwork","d":"ChartNetwork, the stroke drawing of chart-network on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-network","t":"ChartNetwork","d":"ChartNetwork, the two-tone drawing of chart-network on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-network","t":"ChartNetwork","d":"ChartNetwork, the duotone drawing of chart-network on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-network","t":"ChartNetwork","d":"ChartNetwork, the fill drawing of chart-network on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-network","t":"ChartNetwork","d":"ChartNetwork, the stroke drawing of chart-network on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-network","t":"ChartNetwork","d":"ChartNetwork, the two-tone drawing of chart-network on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-network","t":"ChartNetwork","d":"ChartNetwork, the duotone drawing of chart-network on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-network","t":"ChartNetwork","d":"ChartNetwork, the fill drawing of chart-network on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-no-axes-combined","t":"ChartNoAxesCombined","d":"ChartNoAxesCombined, the stroke drawing of chart-no-axes-combined on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-no-axes-combined","t":"ChartNoAxesCombined","d":"ChartNoAxesCombined, the two-tone drawing of chart-no-axes-combined on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-no-axes-combined","t":"ChartNoAxesCombined","d":"ChartNoAxesCombined, the duotone drawing of chart-no-axes-combined on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-no-axes-combined","t":"ChartNoAxesCombined","d":"ChartNoAxesCombined, the fill drawing of chart-no-axes-combined on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-no-axes-combined","t":"ChartNoAxesCombined","d":"ChartNoAxesCombined, the stroke drawing of chart-no-axes-combined on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-no-axes-combined","t":"ChartNoAxesCombined","d":"ChartNoAxesCombined, the two-tone drawing of chart-no-axes-combined on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-no-axes-combined","t":"ChartNoAxesCombined","d":"ChartNoAxesCombined, the duotone drawing of chart-no-axes-combined on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-no-axes-combined","t":"ChartNoAxesCombined","d":"ChartNoAxesCombined, the fill drawing of chart-no-axes-combined on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-no-axes-combined-sparkles","t":"ChartNoAxesCombinedSparkles","d":"ChartNoAxesCombinedSparkles, the stroke drawing of chart-no-axes-combined-sparkles on a 24","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-no-axes-combined-sparkles","t":"ChartNoAxesCombinedSparkles","d":"ChartNoAxesCombinedSparkles, the two-tone drawing of chart-no-axes-combined-sparkles on a ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-no-axes-combined-sparkles","t":"ChartNoAxesCombinedSparkles","d":"ChartNoAxesCombinedSparkles, the duotone drawing of chart-no-axes-combined-sparkles on a 2","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-no-axes-combined-sparkles","t":"ChartNoAxesCombinedSparkles","d":"ChartNoAxesCombinedSparkles, the fill drawing of chart-no-axes-combined-sparkles on a 24×2","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-no-axes-combined-sparkles","t":"ChartNoAxesCombinedSparkles","d":"ChartNoAxesCombinedSparkles, the stroke drawing of chart-no-axes-combined-sparkles on a 24","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-no-axes-combined-sparkles","t":"ChartNoAxesCombinedSparkles","d":"ChartNoAxesCombinedSparkles, the two-tone drawing of chart-no-axes-combined-sparkles on a ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-no-axes-combined-sparkles","t":"ChartNoAxesCombinedSparkles","d":"ChartNoAxesCombinedSparkles, the duotone drawing of chart-no-axes-combined-sparkles on a 2","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-no-axes-combined-sparkles","t":"ChartNoAxesCombinedSparkles","d":"ChartNoAxesCombinedSparkles, the fill drawing of chart-no-axes-combined-sparkles on a 24×2","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-pie","t":"ChartPie","d":"ChartPie, the stroke drawing of chart-pie on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-pie","t":"ChartPie","d":"ChartPie, the two-tone drawing of chart-pie on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-pie","t":"ChartPie","d":"ChartPie, the duotone drawing of chart-pie on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-pie","t":"ChartPie","d":"ChartPie, the fill drawing of chart-pie on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-pie","t":"ChartPie","d":"ChartPie, the stroke drawing of chart-pie on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-pie","t":"ChartPie","d":"ChartPie, the two-tone drawing of chart-pie on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-pie","t":"ChartPie","d":"ChartPie, the duotone drawing of chart-pie on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-pie","t":"ChartPie","d":"ChartPie, the fill drawing of chart-pie on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-pyramid","t":"ChartPyramid","d":"ChartPyramid, the stroke drawing of chart-pyramid on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-pyramid","t":"ChartPyramid","d":"ChartPyramid, the two-tone drawing of chart-pyramid on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-pyramid","t":"ChartPyramid","d":"ChartPyramid, the duotone drawing of chart-pyramid on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-pyramid","t":"ChartPyramid","d":"ChartPyramid, the fill drawing of chart-pyramid on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-pyramid","t":"ChartPyramid","d":"ChartPyramid, the stroke drawing of chart-pyramid on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-pyramid","t":"ChartPyramid","d":"ChartPyramid, the two-tone drawing of chart-pyramid on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-pyramid","t":"ChartPyramid","d":"ChartPyramid, the duotone drawing of chart-pyramid on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-pyramid","t":"ChartPyramid","d":"ChartPyramid, the fill drawing of chart-pyramid on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-scatter","t":"ChartScatter","d":"ChartScatter, the stroke drawing of chart-scatter on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-scatter","t":"ChartScatter","d":"ChartScatter, the two-tone drawing of chart-scatter on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-scatter","t":"ChartScatter","d":"ChartScatter, the duotone drawing of chart-scatter on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-scatter","t":"ChartScatter","d":"ChartScatter, the fill drawing of chart-scatter on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-scatter","t":"ChartScatter","d":"ChartScatter, the stroke drawing of chart-scatter on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-scatter","t":"ChartScatter","d":"ChartScatter, the two-tone drawing of chart-scatter on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-scatter","t":"ChartScatter","d":"ChartScatter, the duotone drawing of chart-scatter on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-scatter","t":"ChartScatter","d":"ChartScatter, the fill drawing of chart-scatter on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-scatter-3d","t":"ChartScatter3d","d":"ChartScatter3d, the stroke drawing of chart-scatter-3d on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","tg":["3d"],"sy":["3d"],"hc":1},{"id":"keyline:two-tone/chart-scatter-3d","t":"ChartScatter3d","d":"ChartScatter3d, the two-tone drawing of chart-scatter-3d on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","tg":["3d"],"sb":"Styled sets","sy":["3d"],"hc":1},{"id":"keyline:duotone/chart-scatter-3d","t":"ChartScatter3d","d":"ChartScatter3d, the duotone drawing of chart-scatter-3d on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","tg":["3d"],"sb":"Styled sets","sy":["3d"],"hc":1},{"id":"keyline:fill/chart-scatter-3d","t":"ChartScatter3d","d":"ChartScatter3d, the fill drawing of chart-scatter-3d on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","tg":["3d"],"sy":["3d"],"hc":1},{"id":"keyline:sharp/chart-scatter-3d","t":"ChartScatter3d","d":"ChartScatter3d, the stroke drawing of chart-scatter-3d on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","tg":["3d"],"sy":["3d"],"hc":1},{"id":"keyline:sharp/two-tone/chart-scatter-3d","t":"ChartScatter3d","d":"ChartScatter3d, the two-tone drawing of chart-scatter-3d on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","tg":["3d"],"sb":"Styled sets","sy":["3d"],"hc":1},{"id":"keyline:sharp/duotone/chart-scatter-3d","t":"ChartScatter3d","d":"ChartScatter3d, the duotone drawing of chart-scatter-3d on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","tg":["3d"],"sb":"Styled sets","sy":["3d"],"hc":1},{"id":"keyline:sharp/fill/chart-scatter-3d","t":"ChartScatter3d","d":"ChartScatter3d, the fill drawing of chart-scatter-3d on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","tg":["3d"],"sy":["3d"],"hc":1},{"id":"keyline:chart-scatter-bubble","t":"ChartScatterBubble","d":"ChartScatterBubble, the stroke drawing of chart-scatter-bubble on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-scatter-bubble","t":"ChartScatterBubble","d":"ChartScatterBubble, the two-tone drawing of chart-scatter-bubble on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-scatter-bubble","t":"ChartScatterBubble","d":"ChartScatterBubble, the duotone drawing of chart-scatter-bubble on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-scatter-bubble","t":"ChartScatterBubble","d":"ChartScatterBubble, the fill drawing of chart-scatter-bubble on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-scatter-bubble","t":"ChartScatterBubble","d":"ChartScatterBubble, the stroke drawing of chart-scatter-bubble on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-scatter-bubble","t":"ChartScatterBubble","d":"ChartScatterBubble, the two-tone drawing of chart-scatter-bubble on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-scatter-bubble","t":"ChartScatterBubble","d":"ChartScatterBubble, the duotone drawing of chart-scatter-bubble on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-scatter-bubble","t":"ChartScatterBubble","d":"ChartScatterBubble, the fill drawing of chart-scatter-bubble on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-scatter-bubble-sparkles","t":"ChartScatterBubbleSparkles","d":"ChartScatterBubbleSparkles, the stroke drawing of chart-scatter-bubble-sparkles on a 24×24","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-scatter-bubble-sparkles","t":"ChartScatterBubbleSparkles","d":"ChartScatterBubbleSparkles, the two-tone drawing of chart-scatter-bubble-sparkles on a 24×","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-scatter-bubble-sparkles","t":"ChartScatterBubbleSparkles","d":"ChartScatterBubbleSparkles, the duotone drawing of chart-scatter-bubble-sparkles on a 24×2","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-scatter-bubble-sparkles","t":"ChartScatterBubbleSparkles","d":"ChartScatterBubbleSparkles, the fill drawing of chart-scatter-bubble-sparkles on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-scatter-bubble-sparkles","t":"ChartScatterBubbleSparkles","d":"ChartScatterBubbleSparkles, the stroke drawing of chart-scatter-bubble-sparkles on a 24×24","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-scatter-bubble-sparkles","t":"ChartScatterBubbleSparkles","d":"ChartScatterBubbleSparkles, the two-tone drawing of chart-scatter-bubble-sparkles on a 24×","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-scatter-bubble-sparkles","t":"ChartScatterBubbleSparkles","d":"ChartScatterBubbleSparkles, the duotone drawing of chart-scatter-bubble-sparkles on a 24×2","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-scatter-bubble-sparkles","t":"ChartScatterBubbleSparkles","d":"ChartScatterBubbleSparkles, the fill drawing of chart-scatter-bubble-sparkles on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-scatter-sparkles","t":"ChartScatterSparkles","d":"ChartScatterSparkles, the stroke drawing of chart-scatter-sparkles on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-scatter-sparkles","t":"ChartScatterSparkles","d":"ChartScatterSparkles, the two-tone drawing of chart-scatter-sparkles on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-scatter-sparkles","t":"ChartScatterSparkles","d":"ChartScatterSparkles, the duotone drawing of chart-scatter-sparkles on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-scatter-sparkles","t":"ChartScatterSparkles","d":"ChartScatterSparkles, the fill drawing of chart-scatter-sparkles on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-scatter-sparkles","t":"ChartScatterSparkles","d":"ChartScatterSparkles, the stroke drawing of chart-scatter-sparkles on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-scatter-sparkles","t":"ChartScatterSparkles","d":"ChartScatterSparkles, the two-tone drawing of chart-scatter-sparkles on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-scatter-sparkles","t":"ChartScatterSparkles","d":"ChartScatterSparkles, the duotone drawing of chart-scatter-sparkles on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-scatter-sparkles","t":"ChartScatterSparkles","d":"ChartScatterSparkles, the fill drawing of chart-scatter-sparkles on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-spline","t":"ChartSpline","d":"ChartSpline, the stroke drawing of chart-spline on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:two-tone/chart-spline","t":"ChartSpline","d":"ChartSpline, the two-tone drawing of chart-spline on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-spline","t":"ChartSpline","d":"ChartSpline, the duotone drawing of chart-spline on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-spline","t":"ChartSpline","d":"ChartSpline, the fill drawing of chart-spline on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/chart-spline","t":"ChartSpline","d":"ChartSpline, the stroke drawing of chart-spline on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/two-tone/chart-spline","t":"ChartSpline","d":"ChartSpline, the two-tone drawing of chart-spline on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-spline","t":"ChartSpline","d":"ChartSpline, the duotone drawing of chart-spline on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-spline","t":"ChartSpline","d":"ChartSpline, the fill drawing of chart-spline on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:chart-spline-sparkles","t":"ChartSplineSparkles","d":"ChartSplineSparkles, the stroke drawing of chart-spline-sparkles on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:two-tone/chart-spline-sparkles","t":"ChartSplineSparkles","d":"ChartSplineSparkles, the two-tone drawing of chart-spline-sparkles on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-spline-sparkles","t":"ChartSplineSparkles","d":"ChartSplineSparkles, the duotone drawing of chart-spline-sparkles on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-spline-sparkles","t":"ChartSplineSparkles","d":"ChartSplineSparkles, the fill drawing of chart-spline-sparkles on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/chart-spline-sparkles","t":"ChartSplineSparkles","d":"ChartSplineSparkles, the stroke drawing of chart-spline-sparkles on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/two-tone/chart-spline-sparkles","t":"ChartSplineSparkles","d":"ChartSplineSparkles, the two-tone drawing of chart-spline-sparkles on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-spline-sparkles","t":"ChartSplineSparkles","d":"ChartSplineSparkles, the duotone drawing of chart-spline-sparkles on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-spline-sparkles","t":"ChartSplineSparkles","d":"ChartSplineSparkles, the fill drawing of chart-spline-sparkles on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:chart-stock-down","t":"ChartStockDown","d":"ChartStockDown, the stroke drawing of chart-stock-down on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-stock-down","t":"ChartStockDown","d":"ChartStockDown, the two-tone drawing of chart-stock-down on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-stock-down","t":"ChartStockDown","d":"ChartStockDown, the duotone drawing of chart-stock-down on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-stock-down","t":"ChartStockDown","d":"ChartStockDown, the fill drawing of chart-stock-down on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-stock-down","t":"ChartStockDown","d":"ChartStockDown, the stroke drawing of chart-stock-down on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-stock-down","t":"ChartStockDown","d":"ChartStockDown, the two-tone drawing of chart-stock-down on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-stock-down","t":"ChartStockDown","d":"ChartStockDown, the duotone drawing of chart-stock-down on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-stock-down","t":"ChartStockDown","d":"ChartStockDown, the fill drawing of chart-stock-down on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-stock-up","t":"ChartStockUp","d":"ChartStockUp, the stroke drawing of chart-stock-up on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-stock-up","t":"ChartStockUp","d":"ChartStockUp, the two-tone drawing of chart-stock-up on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-stock-up","t":"ChartStockUp","d":"ChartStockUp, the duotone drawing of chart-stock-up on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-stock-up","t":"ChartStockUp","d":"ChartStockUp, the fill drawing of chart-stock-up on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-stock-up","t":"ChartStockUp","d":"ChartStockUp, the stroke drawing of chart-stock-up on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-stock-up","t":"ChartStockUp","d":"ChartStockUp, the two-tone drawing of chart-stock-up on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-stock-up","t":"ChartStockUp","d":"ChartStockUp, the duotone drawing of chart-stock-up on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-stock-up","t":"ChartStockUp","d":"ChartStockUp, the fill drawing of chart-stock-up on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-tree-map","t":"ChartTreeMap","d":"ChartTreeMap, the stroke drawing of chart-tree-map on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-tree-map","t":"ChartTreeMap","d":"ChartTreeMap, the two-tone drawing of chart-tree-map on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-tree-map","t":"ChartTreeMap","d":"ChartTreeMap, the duotone drawing of chart-tree-map on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-tree-map","t":"ChartTreeMap","d":"ChartTreeMap, the fill drawing of chart-tree-map on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-tree-map","t":"ChartTreeMap","d":"ChartTreeMap, the stroke drawing of chart-tree-map on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-tree-map","t":"ChartTreeMap","d":"ChartTreeMap, the two-tone drawing of chart-tree-map on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-tree-map","t":"ChartTreeMap","d":"ChartTreeMap, the duotone drawing of chart-tree-map on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-tree-map","t":"ChartTreeMap","d":"ChartTreeMap, the fill drawing of chart-tree-map on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chart-waterfall","t":"ChartWaterfall","d":"ChartWaterfall, the stroke drawing of chart-waterfall on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chart-waterfall","t":"ChartWaterfall","d":"ChartWaterfall, the two-tone drawing of chart-waterfall on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chart-waterfall","t":"ChartWaterfall","d":"ChartWaterfall, the duotone drawing of chart-waterfall on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chart-waterfall","t":"ChartWaterfall","d":"ChartWaterfall, the fill drawing of chart-waterfall on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chart-waterfall","t":"ChartWaterfall","d":"ChartWaterfall, the stroke drawing of chart-waterfall on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chart-waterfall","t":"ChartWaterfall","d":"ChartWaterfall, the two-tone drawing of chart-waterfall on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chart-waterfall","t":"ChartWaterfall","d":"ChartWaterfall, the duotone drawing of chart-waterfall on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chart-waterfall","t":"ChartWaterfall","d":"ChartWaterfall, the fill drawing of chart-waterfall on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-check","t":"CircleCheck","d":"CircleCheck, the stroke drawing of circle-check on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-check","t":"CircleCheck","d":"CircleCheck, the two-tone drawing of circle-check on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-check","t":"CircleCheck","d":"CircleCheck, the duotone drawing of circle-check on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-check","t":"CircleCheck","d":"CircleCheck, the fill drawing of circle-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-check","t":"CircleCheck","d":"CircleCheck, the stroke drawing of circle-check on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-check","t":"CircleCheck","d":"CircleCheck, the two-tone drawing of circle-check on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-check","t":"CircleCheck","d":"CircleCheck, the duotone drawing of circle-check on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-check","t":"CircleCheck","d":"CircleCheck, the fill drawing of circle-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:check","t":"Check","d":"Check, the stroke drawing of check on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/check","t":"Check","d":"Check, the two-tone drawing of check on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/check","t":"Check","d":"Check, the duotone drawing of check on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/check","t":"Check","d":"Check, the fill drawing of check on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/check","t":"Check","d":"Check, the stroke drawing of check on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/check","t":"Check","d":"Check, the two-tone drawing of check on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/check","t":"Check","d":"Check, the duotone drawing of check on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/check","t":"Check","d":"Check, the fill drawing of check on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-check","t":"SquareCheck","d":"SquareCheck, the stroke drawing of square-check on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-check","t":"SquareCheck","d":"SquareCheck, the two-tone drawing of square-check on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-check","t":"SquareCheck","d":"SquareCheck, the duotone drawing of square-check on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-check","t":"SquareCheck","d":"SquareCheck, the fill drawing of square-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-check","t":"SquareCheck","d":"SquareCheck, the stroke drawing of square-check on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-check","t":"SquareCheck","d":"SquareCheck, the two-tone drawing of square-check on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-check","t":"SquareCheck","d":"SquareCheck, the duotone drawing of square-check on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-check","t":"SquareCheck","d":"SquareCheck, the fill drawing of square-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-chevron-down","t":"CircleChevronDown","d":"CircleChevronDown, the stroke drawing of circle-chevron-down on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-chevron-down","t":"CircleChevronDown","d":"CircleChevronDown, the two-tone drawing of circle-chevron-down on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-chevron-down","t":"CircleChevronDown","d":"CircleChevronDown, the duotone drawing of circle-chevron-down on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-chevron-down","t":"CircleChevronDown","d":"CircleChevronDown, the fill drawing of circle-chevron-down on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-chevron-down","t":"CircleChevronDown","d":"CircleChevronDown, the stroke drawing of circle-chevron-down on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-chevron-down","t":"CircleChevronDown","d":"CircleChevronDown, the two-tone drawing of circle-chevron-down on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-chevron-down","t":"CircleChevronDown","d":"CircleChevronDown, the duotone drawing of circle-chevron-down on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-chevron-down","t":"CircleChevronDown","d":"CircleChevronDown, the fill drawing of circle-chevron-down on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chevron-down","t":"ChevronDown","d":"ChevronDown, the stroke drawing of chevron-down on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chevron-down","t":"ChevronDown","d":"ChevronDown, the two-tone drawing of chevron-down on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chevron-down","t":"ChevronDown","d":"ChevronDown, the duotone drawing of chevron-down on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chevron-down","t":"ChevronDown","d":"ChevronDown, the fill drawing of chevron-down on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chevron-down","t":"ChevronDown","d":"ChevronDown, the stroke drawing of chevron-down on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chevron-down","t":"ChevronDown","d":"ChevronDown, the two-tone drawing of chevron-down on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chevron-down","t":"ChevronDown","d":"ChevronDown, the duotone drawing of chevron-down on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chevron-down","t":"ChevronDown","d":"ChevronDown, the fill drawing of chevron-down on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-chevron-down","t":"SquareChevronDown","d":"SquareChevronDown, the stroke drawing of square-chevron-down on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-chevron-down","t":"SquareChevronDown","d":"SquareChevronDown, the two-tone drawing of square-chevron-down on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-chevron-down","t":"SquareChevronDown","d":"SquareChevronDown, the duotone drawing of square-chevron-down on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-chevron-down","t":"SquareChevronDown","d":"SquareChevronDown, the fill drawing of square-chevron-down on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-chevron-down","t":"SquareChevronDown","d":"SquareChevronDown, the stroke drawing of square-chevron-down on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-chevron-down","t":"SquareChevronDown","d":"SquareChevronDown, the two-tone drawing of square-chevron-down on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-chevron-down","t":"SquareChevronDown","d":"SquareChevronDown, the duotone drawing of square-chevron-down on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-chevron-down","t":"SquareChevronDown","d":"SquareChevronDown, the fill drawing of square-chevron-down on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-chevron-left","t":"CircleChevronLeft","d":"CircleChevronLeft, the stroke drawing of circle-chevron-left on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-chevron-left","t":"CircleChevronLeft","d":"CircleChevronLeft, the two-tone drawing of circle-chevron-left on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-chevron-left","t":"CircleChevronLeft","d":"CircleChevronLeft, the duotone drawing of circle-chevron-left on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-chevron-left","t":"CircleChevronLeft","d":"CircleChevronLeft, the fill drawing of circle-chevron-left on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-chevron-left","t":"CircleChevronLeft","d":"CircleChevronLeft, the stroke drawing of circle-chevron-left on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-chevron-left","t":"CircleChevronLeft","d":"CircleChevronLeft, the two-tone drawing of circle-chevron-left on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-chevron-left","t":"CircleChevronLeft","d":"CircleChevronLeft, the duotone drawing of circle-chevron-left on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-chevron-left","t":"CircleChevronLeft","d":"CircleChevronLeft, the fill drawing of circle-chevron-left on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chevron-left","t":"ChevronLeft","d":"ChevronLeft, the stroke drawing of chevron-left on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chevron-left","t":"ChevronLeft","d":"ChevronLeft, the two-tone drawing of chevron-left on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chevron-left","t":"ChevronLeft","d":"ChevronLeft, the duotone drawing of chevron-left on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chevron-left","t":"ChevronLeft","d":"ChevronLeft, the fill drawing of chevron-left on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chevron-left","t":"ChevronLeft","d":"ChevronLeft, the stroke drawing of chevron-left on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chevron-left","t":"ChevronLeft","d":"ChevronLeft, the two-tone drawing of chevron-left on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chevron-left","t":"ChevronLeft","d":"ChevronLeft, the duotone drawing of chevron-left on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chevron-left","t":"ChevronLeft","d":"ChevronLeft, the fill drawing of chevron-left on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-chevron-left","t":"SquareChevronLeft","d":"SquareChevronLeft, the stroke drawing of square-chevron-left on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-chevron-left","t":"SquareChevronLeft","d":"SquareChevronLeft, the two-tone drawing of square-chevron-left on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-chevron-left","t":"SquareChevronLeft","d":"SquareChevronLeft, the duotone drawing of square-chevron-left on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-chevron-left","t":"SquareChevronLeft","d":"SquareChevronLeft, the fill drawing of square-chevron-left on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-chevron-left","t":"SquareChevronLeft","d":"SquareChevronLeft, the stroke drawing of square-chevron-left on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-chevron-left","t":"SquareChevronLeft","d":"SquareChevronLeft, the two-tone drawing of square-chevron-left on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-chevron-left","t":"SquareChevronLeft","d":"SquareChevronLeft, the duotone drawing of square-chevron-left on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-chevron-left","t":"SquareChevronLeft","d":"SquareChevronLeft, the fill drawing of square-chevron-left on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-chevron-right","t":"CircleChevronRight","d":"CircleChevronRight, the stroke drawing of circle-chevron-right on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-chevron-right","t":"CircleChevronRight","d":"CircleChevronRight, the two-tone drawing of circle-chevron-right on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-chevron-right","t":"CircleChevronRight","d":"CircleChevronRight, the duotone drawing of circle-chevron-right on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-chevron-right","t":"CircleChevronRight","d":"CircleChevronRight, the fill drawing of circle-chevron-right on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-chevron-right","t":"CircleChevronRight","d":"CircleChevronRight, the stroke drawing of circle-chevron-right on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-chevron-right","t":"CircleChevronRight","d":"CircleChevronRight, the two-tone drawing of circle-chevron-right on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-chevron-right","t":"CircleChevronRight","d":"CircleChevronRight, the duotone drawing of circle-chevron-right on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-chevron-right","t":"CircleChevronRight","d":"CircleChevronRight, the fill drawing of circle-chevron-right on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chevron-right","t":"ChevronRight","d":"ChevronRight, the stroke drawing of chevron-right on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chevron-right","t":"ChevronRight","d":"ChevronRight, the two-tone drawing of chevron-right on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chevron-right","t":"ChevronRight","d":"ChevronRight, the duotone drawing of chevron-right on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chevron-right","t":"ChevronRight","d":"ChevronRight, the fill drawing of chevron-right on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chevron-right","t":"ChevronRight","d":"ChevronRight, the stroke drawing of chevron-right on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chevron-right","t":"ChevronRight","d":"ChevronRight, the two-tone drawing of chevron-right on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chevron-right","t":"ChevronRight","d":"ChevronRight, the duotone drawing of chevron-right on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chevron-right","t":"ChevronRight","d":"ChevronRight, the fill drawing of chevron-right on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-chevron-right","t":"SquareChevronRight","d":"SquareChevronRight, the stroke drawing of square-chevron-right on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-chevron-right","t":"SquareChevronRight","d":"SquareChevronRight, the two-tone drawing of square-chevron-right on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-chevron-right","t":"SquareChevronRight","d":"SquareChevronRight, the duotone drawing of square-chevron-right on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-chevron-right","t":"SquareChevronRight","d":"SquareChevronRight, the fill drawing of square-chevron-right on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-chevron-right","t":"SquareChevronRight","d":"SquareChevronRight, the stroke drawing of square-chevron-right on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-chevron-right","t":"SquareChevronRight","d":"SquareChevronRight, the two-tone drawing of square-chevron-right on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-chevron-right","t":"SquareChevronRight","d":"SquareChevronRight, the duotone drawing of square-chevron-right on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-chevron-right","t":"SquareChevronRight","d":"SquareChevronRight, the fill drawing of square-chevron-right on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-chevron-up","t":"CircleChevronUp","d":"CircleChevronUp, the stroke drawing of circle-chevron-up on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-chevron-up","t":"CircleChevronUp","d":"CircleChevronUp, the two-tone drawing of circle-chevron-up on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-chevron-up","t":"CircleChevronUp","d":"CircleChevronUp, the duotone drawing of circle-chevron-up on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-chevron-up","t":"CircleChevronUp","d":"CircleChevronUp, the fill drawing of circle-chevron-up on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-chevron-up","t":"CircleChevronUp","d":"CircleChevronUp, the stroke drawing of circle-chevron-up on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-chevron-up","t":"CircleChevronUp","d":"CircleChevronUp, the two-tone drawing of circle-chevron-up on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-chevron-up","t":"CircleChevronUp","d":"CircleChevronUp, the duotone drawing of circle-chevron-up on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-chevron-up","t":"CircleChevronUp","d":"CircleChevronUp, the fill drawing of circle-chevron-up on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chevron-up","t":"ChevronUp","d":"ChevronUp, the stroke drawing of chevron-up on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chevron-up","t":"ChevronUp","d":"ChevronUp, the two-tone drawing of chevron-up on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chevron-up","t":"ChevronUp","d":"ChevronUp, the duotone drawing of chevron-up on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chevron-up","t":"ChevronUp","d":"ChevronUp, the fill drawing of chevron-up on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chevron-up","t":"ChevronUp","d":"ChevronUp, the stroke drawing of chevron-up on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chevron-up","t":"ChevronUp","d":"ChevronUp, the two-tone drawing of chevron-up on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chevron-up","t":"ChevronUp","d":"ChevronUp, the duotone drawing of chevron-up on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chevron-up","t":"ChevronUp","d":"ChevronUp, the fill drawing of chevron-up on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-chevron-up","t":"SquareChevronUp","d":"SquareChevronUp, the stroke drawing of square-chevron-up on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-chevron-up","t":"SquareChevronUp","d":"SquareChevronUp, the two-tone drawing of square-chevron-up on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-chevron-up","t":"SquareChevronUp","d":"SquareChevronUp, the duotone drawing of square-chevron-up on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-chevron-up","t":"SquareChevronUp","d":"SquareChevronUp, the fill drawing of square-chevron-up on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-chevron-up","t":"SquareChevronUp","d":"SquareChevronUp, the stroke drawing of square-chevron-up on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-chevron-up","t":"SquareChevronUp","d":"SquareChevronUp, the two-tone drawing of square-chevron-up on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-chevron-up","t":"SquareChevronUp","d":"SquareChevronUp, the duotone drawing of square-chevron-up on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-chevron-up","t":"SquareChevronUp","d":"SquareChevronUp, the fill drawing of square-chevron-up on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-chevrons-down","t":"CircleChevronsDown","d":"CircleChevronsDown, the stroke drawing of circle-chevrons-down on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-chevrons-down","t":"CircleChevronsDown","d":"CircleChevronsDown, the two-tone drawing of circle-chevrons-down on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-chevrons-down","t":"CircleChevronsDown","d":"CircleChevronsDown, the duotone drawing of circle-chevrons-down on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-chevrons-down","t":"CircleChevronsDown","d":"CircleChevronsDown, the fill drawing of circle-chevrons-down on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-chevrons-down","t":"CircleChevronsDown","d":"CircleChevronsDown, the stroke drawing of circle-chevrons-down on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-chevrons-down","t":"CircleChevronsDown","d":"CircleChevronsDown, the two-tone drawing of circle-chevrons-down on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-chevrons-down","t":"CircleChevronsDown","d":"CircleChevronsDown, the duotone drawing of circle-chevrons-down on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-chevrons-down","t":"CircleChevronsDown","d":"CircleChevronsDown, the fill drawing of circle-chevrons-down on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chevrons-down","t":"ChevronsDown","d":"ChevronsDown, the stroke drawing of chevrons-down on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chevrons-down","t":"ChevronsDown","d":"ChevronsDown, the two-tone drawing of chevrons-down on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chevrons-down","t":"ChevronsDown","d":"ChevronsDown, the duotone drawing of chevrons-down on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chevrons-down","t":"ChevronsDown","d":"ChevronsDown, the fill drawing of chevrons-down on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chevrons-down","t":"ChevronsDown","d":"ChevronsDown, the stroke drawing of chevrons-down on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chevrons-down","t":"ChevronsDown","d":"ChevronsDown, the two-tone drawing of chevrons-down on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chevrons-down","t":"ChevronsDown","d":"ChevronsDown, the duotone drawing of chevrons-down on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chevrons-down","t":"ChevronsDown","d":"ChevronsDown, the fill drawing of chevrons-down on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-chevrons-down","t":"SquareChevronsDown","d":"SquareChevronsDown, the stroke drawing of square-chevrons-down on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-chevrons-down","t":"SquareChevronsDown","d":"SquareChevronsDown, the two-tone drawing of square-chevrons-down on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-chevrons-down","t":"SquareChevronsDown","d":"SquareChevronsDown, the duotone drawing of square-chevrons-down on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-chevrons-down","t":"SquareChevronsDown","d":"SquareChevronsDown, the fill drawing of square-chevrons-down on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-chevrons-down","t":"SquareChevronsDown","d":"SquareChevronsDown, the stroke drawing of square-chevrons-down on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-chevrons-down","t":"SquareChevronsDown","d":"SquareChevronsDown, the two-tone drawing of square-chevrons-down on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-chevrons-down","t":"SquareChevronsDown","d":"SquareChevronsDown, the duotone drawing of square-chevrons-down on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-chevrons-down","t":"SquareChevronsDown","d":"SquareChevronsDown, the fill drawing of square-chevrons-down on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-chevrons-left","t":"CircleChevronsLeft","d":"CircleChevronsLeft, the stroke drawing of circle-chevrons-left on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-chevrons-left","t":"CircleChevronsLeft","d":"CircleChevronsLeft, the two-tone drawing of circle-chevrons-left on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-chevrons-left","t":"CircleChevronsLeft","d":"CircleChevronsLeft, the duotone drawing of circle-chevrons-left on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-chevrons-left","t":"CircleChevronsLeft","d":"CircleChevronsLeft, the fill drawing of circle-chevrons-left on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-chevrons-left","t":"CircleChevronsLeft","d":"CircleChevronsLeft, the stroke drawing of circle-chevrons-left on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-chevrons-left","t":"CircleChevronsLeft","d":"CircleChevronsLeft, the two-tone drawing of circle-chevrons-left on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-chevrons-left","t":"CircleChevronsLeft","d":"CircleChevronsLeft, the duotone drawing of circle-chevrons-left on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-chevrons-left","t":"CircleChevronsLeft","d":"CircleChevronsLeft, the fill drawing of circle-chevrons-left on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chevrons-left","t":"ChevronsLeft","d":"ChevronsLeft, the stroke drawing of chevrons-left on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chevrons-left","t":"ChevronsLeft","d":"ChevronsLeft, the two-tone drawing of chevrons-left on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chevrons-left","t":"ChevronsLeft","d":"ChevronsLeft, the duotone drawing of chevrons-left on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chevrons-left","t":"ChevronsLeft","d":"ChevronsLeft, the fill drawing of chevrons-left on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chevrons-left","t":"ChevronsLeft","d":"ChevronsLeft, the stroke drawing of chevrons-left on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chevrons-left","t":"ChevronsLeft","d":"ChevronsLeft, the two-tone drawing of chevrons-left on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chevrons-left","t":"ChevronsLeft","d":"ChevronsLeft, the duotone drawing of chevrons-left on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chevrons-left","t":"ChevronsLeft","d":"ChevronsLeft, the fill drawing of chevrons-left on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-chevrons-left","t":"SquareChevronsLeft","d":"SquareChevronsLeft, the stroke drawing of square-chevrons-left on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-chevrons-left","t":"SquareChevronsLeft","d":"SquareChevronsLeft, the two-tone drawing of square-chevrons-left on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-chevrons-left","t":"SquareChevronsLeft","d":"SquareChevronsLeft, the duotone drawing of square-chevrons-left on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-chevrons-left","t":"SquareChevronsLeft","d":"SquareChevronsLeft, the fill drawing of square-chevrons-left on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-chevrons-left","t":"SquareChevronsLeft","d":"SquareChevronsLeft, the stroke drawing of square-chevrons-left on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-chevrons-left","t":"SquareChevronsLeft","d":"SquareChevronsLeft, the two-tone drawing of square-chevrons-left on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-chevrons-left","t":"SquareChevronsLeft","d":"SquareChevronsLeft, the duotone drawing of square-chevrons-left on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-chevrons-left","t":"SquareChevronsLeft","d":"SquareChevronsLeft, the fill drawing of square-chevrons-left on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chevrons-left-right","t":"ChevronsLeftRight","d":"ChevronsLeftRight, the stroke drawing of chevrons-left-right on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chevrons-left-right","t":"ChevronsLeftRight","d":"ChevronsLeftRight, the two-tone drawing of chevrons-left-right on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chevrons-left-right","t":"ChevronsLeftRight","d":"ChevronsLeftRight, the duotone drawing of chevrons-left-right on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chevrons-left-right","t":"ChevronsLeftRight","d":"ChevronsLeftRight, the fill drawing of chevrons-left-right on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chevrons-left-right","t":"ChevronsLeftRight","d":"ChevronsLeftRight, the stroke drawing of chevrons-left-right on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chevrons-left-right","t":"ChevronsLeftRight","d":"ChevronsLeftRight, the two-tone drawing of chevrons-left-right on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chevrons-left-right","t":"ChevronsLeftRight","d":"ChevronsLeftRight, the duotone drawing of chevrons-left-right on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chevrons-left-right","t":"ChevronsLeftRight","d":"ChevronsLeftRight, the fill drawing of chevrons-left-right on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-chevrons-right","t":"CircleChevronsRight","d":"CircleChevronsRight, the stroke drawing of circle-chevrons-right on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-chevrons-right","t":"CircleChevronsRight","d":"CircleChevronsRight, the two-tone drawing of circle-chevrons-right on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-chevrons-right","t":"CircleChevronsRight","d":"CircleChevronsRight, the duotone drawing of circle-chevrons-right on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-chevrons-right","t":"CircleChevronsRight","d":"CircleChevronsRight, the fill drawing of circle-chevrons-right on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-chevrons-right","t":"CircleChevronsRight","d":"CircleChevronsRight, the stroke drawing of circle-chevrons-right on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-chevrons-right","t":"CircleChevronsRight","d":"CircleChevronsRight, the two-tone drawing of circle-chevrons-right on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-chevrons-right","t":"CircleChevronsRight","d":"CircleChevronsRight, the duotone drawing of circle-chevrons-right on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-chevrons-right","t":"CircleChevronsRight","d":"CircleChevronsRight, the fill drawing of circle-chevrons-right on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chevrons-right","t":"ChevronsRight","d":"ChevronsRight, the stroke drawing of chevrons-right on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chevrons-right","t":"ChevronsRight","d":"ChevronsRight, the two-tone drawing of chevrons-right on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chevrons-right","t":"ChevronsRight","d":"ChevronsRight, the duotone drawing of chevrons-right on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chevrons-right","t":"ChevronsRight","d":"ChevronsRight, the fill drawing of chevrons-right on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chevrons-right","t":"ChevronsRight","d":"ChevronsRight, the stroke drawing of chevrons-right on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chevrons-right","t":"ChevronsRight","d":"ChevronsRight, the two-tone drawing of chevrons-right on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chevrons-right","t":"ChevronsRight","d":"ChevronsRight, the duotone drawing of chevrons-right on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chevrons-right","t":"ChevronsRight","d":"ChevronsRight, the fill drawing of chevrons-right on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-chevrons-right","t":"SquareChevronsRight","d":"SquareChevronsRight, the stroke drawing of square-chevrons-right on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-chevrons-right","t":"SquareChevronsRight","d":"SquareChevronsRight, the two-tone drawing of square-chevrons-right on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-chevrons-right","t":"SquareChevronsRight","d":"SquareChevronsRight, the duotone drawing of square-chevrons-right on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-chevrons-right","t":"SquareChevronsRight","d":"SquareChevronsRight, the fill drawing of square-chevrons-right on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-chevrons-right","t":"SquareChevronsRight","d":"SquareChevronsRight, the stroke drawing of square-chevrons-right on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-chevrons-right","t":"SquareChevronsRight","d":"SquareChevronsRight, the two-tone drawing of square-chevrons-right on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-chevrons-right","t":"SquareChevronsRight","d":"SquareChevronsRight, the duotone drawing of square-chevrons-right on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-chevrons-right","t":"SquareChevronsRight","d":"SquareChevronsRight, the fill drawing of square-chevrons-right on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-chevrons-up","t":"CircleChevronsUp","d":"CircleChevronsUp, the stroke drawing of circle-chevrons-up on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-chevrons-up","t":"CircleChevronsUp","d":"CircleChevronsUp, the two-tone drawing of circle-chevrons-up on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-chevrons-up","t":"CircleChevronsUp","d":"CircleChevronsUp, the duotone drawing of circle-chevrons-up on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-chevrons-up","t":"CircleChevronsUp","d":"CircleChevronsUp, the fill drawing of circle-chevrons-up on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-chevrons-up","t":"CircleChevronsUp","d":"CircleChevronsUp, the stroke drawing of circle-chevrons-up on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-chevrons-up","t":"CircleChevronsUp","d":"CircleChevronsUp, the two-tone drawing of circle-chevrons-up on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-chevrons-up","t":"CircleChevronsUp","d":"CircleChevronsUp, the duotone drawing of circle-chevrons-up on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-chevrons-up","t":"CircleChevronsUp","d":"CircleChevronsUp, the fill drawing of circle-chevrons-up on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chevrons-up","t":"ChevronsUp","d":"ChevronsUp, the stroke drawing of chevrons-up on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chevrons-up","t":"ChevronsUp","d":"ChevronsUp, the two-tone drawing of chevrons-up on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chevrons-up","t":"ChevronsUp","d":"ChevronsUp, the duotone drawing of chevrons-up on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chevrons-up","t":"ChevronsUp","d":"ChevronsUp, the fill drawing of chevrons-up on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chevrons-up","t":"ChevronsUp","d":"ChevronsUp, the stroke drawing of chevrons-up on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chevrons-up","t":"ChevronsUp","d":"ChevronsUp, the two-tone drawing of chevrons-up on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chevrons-up","t":"ChevronsUp","d":"ChevronsUp, the duotone drawing of chevrons-up on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chevrons-up","t":"ChevronsUp","d":"ChevronsUp, the fill drawing of chevrons-up on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-chevrons-up","t":"SquareChevronsUp","d":"SquareChevronsUp, the stroke drawing of square-chevrons-up on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-chevrons-up","t":"SquareChevronsUp","d":"SquareChevronsUp, the two-tone drawing of square-chevrons-up on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-chevrons-up","t":"SquareChevronsUp","d":"SquareChevronsUp, the duotone drawing of square-chevrons-up on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-chevrons-up","t":"SquareChevronsUp","d":"SquareChevronsUp, the fill drawing of square-chevrons-up on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-chevrons-up","t":"SquareChevronsUp","d":"SquareChevronsUp, the stroke drawing of square-chevrons-up on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-chevrons-up","t":"SquareChevronsUp","d":"SquareChevronsUp, the two-tone drawing of square-chevrons-up on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-chevrons-up","t":"SquareChevronsUp","d":"SquareChevronsUp, the duotone drawing of square-chevrons-up on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-chevrons-up","t":"SquareChevronsUp","d":"SquareChevronsUp, the fill drawing of square-chevrons-up on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:chevrons-up-down","t":"ChevronsUpDown","d":"ChevronsUpDown, the stroke drawing of chevrons-up-down on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/chevrons-up-down","t":"ChevronsUpDown","d":"ChevronsUpDown, the two-tone drawing of chevrons-up-down on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/chevrons-up-down","t":"ChevronsUpDown","d":"ChevronsUpDown, the duotone drawing of chevrons-up-down on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/chevrons-up-down","t":"ChevronsUpDown","d":"ChevronsUpDown, the fill drawing of chevrons-up-down on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/chevrons-up-down","t":"ChevronsUpDown","d":"ChevronsUpDown, the stroke drawing of chevrons-up-down on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/chevrons-up-down","t":"ChevronsUpDown","d":"ChevronsUpDown, the two-tone drawing of chevrons-up-down on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/chevrons-up-down","t":"ChevronsUpDown","d":"ChevronsUpDown, the duotone drawing of chevrons-up-down on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/chevrons-up-down","t":"ChevronsUpDown","d":"ChevronsUpDown, the fill drawing of chevrons-up-down on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle","t":"Circle","d":"Circle, the stroke drawing of circle on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/circle","t":"Circle","d":"Circle, the two-tone drawing of circle on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle","t":"Circle","d":"Circle, the duotone drawing of circle on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle","t":"Circle","d":"Circle, the fill drawing of circle on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle","t":"Circle","d":"Circle, the stroke drawing of circle on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle","t":"Circle","d":"Circle, the two-tone drawing of circle on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle","t":"Circle","d":"Circle, the duotone drawing of circle on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle","t":"Circle","d":"Circle, the fill drawing of circle on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-dashed","t":"CircleDashed","d":"CircleDashed, the stroke drawing of circle-dashed on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-dashed","t":"CircleDashed","d":"CircleDashed, the two-tone drawing of circle-dashed on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-dashed","t":"CircleDashed","d":"CircleDashed, the duotone drawing of circle-dashed on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-dashed","t":"CircleDashed","d":"CircleDashed, the fill drawing of circle-dashed on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-dashed","t":"CircleDashed","d":"CircleDashed, the stroke drawing of circle-dashed on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-dashed","t":"CircleDashed","d":"CircleDashed, the two-tone drawing of circle-dashed on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-dashed","t":"CircleDashed","d":"CircleDashed, the duotone drawing of circle-dashed on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-dashed","t":"CircleDashed","d":"CircleDashed, the fill drawing of circle-dashed on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-dashed-check","t":"CircleDashedCheck","d":"CircleDashedCheck, the stroke drawing of circle-dashed-check on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-dashed-check","t":"CircleDashedCheck","d":"CircleDashedCheck, the two-tone drawing of circle-dashed-check on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-dashed-check","t":"CircleDashedCheck","d":"CircleDashedCheck, the duotone drawing of circle-dashed-check on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-dashed-check","t":"CircleDashedCheck","d":"CircleDashedCheck, the fill drawing of circle-dashed-check on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-dashed-check","t":"CircleDashedCheck","d":"CircleDashedCheck, the stroke drawing of circle-dashed-check on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-dashed-check","t":"CircleDashedCheck","d":"CircleDashedCheck, the two-tone drawing of circle-dashed-check on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-dashed-check","t":"CircleDashedCheck","d":"CircleDashedCheck, the duotone drawing of circle-dashed-check on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-dashed-check","t":"CircleDashedCheck","d":"CircleDashedCheck, the fill drawing of circle-dashed-check on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-dashed-full","t":"CircleDashedFull","d":"CircleDashedFull, the stroke drawing of circle-dashed-full on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-dashed-full","t":"CircleDashedFull","d":"CircleDashedFull, the two-tone drawing of circle-dashed-full on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-dashed-full","t":"CircleDashedFull","d":"CircleDashedFull, the duotone drawing of circle-dashed-full on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-dashed-full","t":"CircleDashedFull","d":"CircleDashedFull, the fill drawing of circle-dashed-full on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-dashed-full","t":"CircleDashedFull","d":"CircleDashedFull, the stroke drawing of circle-dashed-full on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-dashed-full","t":"CircleDashedFull","d":"CircleDashedFull, the two-tone drawing of circle-dashed-full on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-dashed-full","t":"CircleDashedFull","d":"CircleDashedFull, the duotone drawing of circle-dashed-full on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-dashed-full","t":"CircleDashedFull","d":"CircleDashedFull, the fill drawing of circle-dashed-full on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-dashed-half","t":"CircleDashedHalf","d":"CircleDashedHalf, the stroke drawing of circle-dashed-half on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-dashed-half","t":"CircleDashedHalf","d":"CircleDashedHalf, the two-tone drawing of circle-dashed-half on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-dashed-half","t":"CircleDashedHalf","d":"CircleDashedHalf, the duotone drawing of circle-dashed-half on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-dashed-half","t":"CircleDashedHalf","d":"CircleDashedHalf, the fill drawing of circle-dashed-half on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-dashed-half","t":"CircleDashedHalf","d":"CircleDashedHalf, the stroke drawing of circle-dashed-half on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-dashed-half","t":"CircleDashedHalf","d":"CircleDashedHalf, the two-tone drawing of circle-dashed-half on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-dashed-half","t":"CircleDashedHalf","d":"CircleDashedHalf, the duotone drawing of circle-dashed-half on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-dashed-half","t":"CircleDashedHalf","d":"CircleDashedHalf, the fill drawing of circle-dashed-half on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-dashed-plus","t":"CircleDashedPlus","d":"CircleDashedPlus, the stroke drawing of circle-dashed-plus on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-dashed-plus","t":"CircleDashedPlus","d":"CircleDashedPlus, the two-tone drawing of circle-dashed-plus on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-dashed-plus","t":"CircleDashedPlus","d":"CircleDashedPlus, the duotone drawing of circle-dashed-plus on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-dashed-plus","t":"CircleDashedPlus","d":"CircleDashedPlus, the fill drawing of circle-dashed-plus on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-dashed-plus","t":"CircleDashedPlus","d":"CircleDashedPlus, the stroke drawing of circle-dashed-plus on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-dashed-plus","t":"CircleDashedPlus","d":"CircleDashedPlus, the two-tone drawing of circle-dashed-plus on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-dashed-plus","t":"CircleDashedPlus","d":"CircleDashedPlus, the duotone drawing of circle-dashed-plus on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-dashed-plus","t":"CircleDashedPlus","d":"CircleDashedPlus, the fill drawing of circle-dashed-plus on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-dashed-quarter","t":"CircleDashedQuarter","d":"CircleDashedQuarter, the stroke drawing of circle-dashed-quarter on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-dashed-quarter","t":"CircleDashedQuarter","d":"CircleDashedQuarter, the two-tone drawing of circle-dashed-quarter on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-dashed-quarter","t":"CircleDashedQuarter","d":"CircleDashedQuarter, the duotone drawing of circle-dashed-quarter on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-dashed-quarter","t":"CircleDashedQuarter","d":"CircleDashedQuarter, the fill drawing of circle-dashed-quarter on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-dashed-quarter","t":"CircleDashedQuarter","d":"CircleDashedQuarter, the stroke drawing of circle-dashed-quarter on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-dashed-quarter","t":"CircleDashedQuarter","d":"CircleDashedQuarter, the two-tone drawing of circle-dashed-quarter on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-dashed-quarter","t":"CircleDashedQuarter","d":"CircleDashedQuarter, the duotone drawing of circle-dashed-quarter on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-dashed-quarter","t":"CircleDashedQuarter","d":"CircleDashedQuarter, the fill drawing of circle-dashed-quarter on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-dashed-three-quarter","t":"CircleDashedThreeQuarter","d":"CircleDashedThreeQuarter, the stroke drawing of circle-dashed-three-quarter on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"keyline:two-tone/circle-dashed-three-quarter","t":"CircleDashedThreeQuarter","d":"CircleDashedThreeQuarter, the two-tone drawing of circle-dashed-three-quarter on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sb":"Styled sets","sy":["webgl"],"hc":1},{"id":"keyline:duotone/circle-dashed-three-quarter","t":"CircleDashedThreeQuarter","d":"CircleDashedThreeQuarter, the duotone drawing of circle-dashed-three-quarter on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sb":"Styled sets","sy":["webgl"],"hc":1},{"id":"keyline:fill/circle-dashed-three-quarter","t":"CircleDashedThreeQuarter","d":"CircleDashedThreeQuarter, the fill drawing of circle-dashed-three-quarter on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"keyline:sharp/circle-dashed-three-quarter","t":"CircleDashedThreeQuarter","d":"CircleDashedThreeQuarter, the stroke drawing of circle-dashed-three-quarter on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"keyline:sharp/two-tone/circle-dashed-three-quarter","t":"CircleDashedThreeQuarter","d":"CircleDashedThreeQuarter, the two-tone drawing of circle-dashed-three-quarter on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sb":"Styled sets","sy":["webgl"],"hc":1},{"id":"keyline:sharp/duotone/circle-dashed-three-quarter","t":"CircleDashedThreeQuarter","d":"CircleDashedThreeQuarter, the duotone drawing of circle-dashed-three-quarter on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sb":"Styled sets","sy":["webgl"],"hc":1},{"id":"keyline:sharp/fill/circle-dashed-three-quarter","t":"CircleDashedThreeQuarter","d":"CircleDashedThreeQuarter, the fill drawing of circle-dashed-three-quarter on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"keyline:circle-full","t":"CircleFull","d":"CircleFull, the stroke drawing of circle-full on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-full","t":"CircleFull","d":"CircleFull, the two-tone drawing of circle-full on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-full","t":"CircleFull","d":"CircleFull, the duotone drawing of circle-full on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-full","t":"CircleFull","d":"CircleFull, the fill drawing of circle-full on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-full","t":"CircleFull","d":"CircleFull, the stroke drawing of circle-full on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-full","t":"CircleFull","d":"CircleFull, the two-tone drawing of circle-full on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-full","t":"CircleFull","d":"CircleFull, the duotone drawing of circle-full on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-full","t":"CircleFull","d":"CircleFull, the fill drawing of circle-full on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-half","t":"CircleHalf","d":"CircleHalf, the stroke drawing of circle-half on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-half","t":"CircleHalf","d":"CircleHalf, the two-tone drawing of circle-half on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-half","t":"CircleHalf","d":"CircleHalf, the duotone drawing of circle-half on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-half","t":"CircleHalf","d":"CircleHalf, the fill drawing of circle-half on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-half","t":"CircleHalf","d":"CircleHalf, the stroke drawing of circle-half on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-half","t":"CircleHalf","d":"CircleHalf, the two-tone drawing of circle-half on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-half","t":"CircleHalf","d":"CircleHalf, the duotone drawing of circle-half on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-half","t":"CircleHalf","d":"CircleHalf, the fill drawing of circle-half on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-off","t":"CircleOff","d":"CircleOff, the stroke drawing of circle-off on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-off","t":"CircleOff","d":"CircleOff, the two-tone drawing of circle-off on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-off","t":"CircleOff","d":"CircleOff, the duotone drawing of circle-off on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-off","t":"CircleOff","d":"CircleOff, the fill drawing of circle-off on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-off","t":"CircleOff","d":"CircleOff, the stroke drawing of circle-off on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-off","t":"CircleOff","d":"CircleOff, the two-tone drawing of circle-off on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-off","t":"CircleOff","d":"CircleOff, the duotone drawing of circle-off on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-off","t":"CircleOff","d":"CircleOff, the fill drawing of circle-off on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-pen","t":"CirclePen","d":"CirclePen, the stroke drawing of circle-pen on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-pen","t":"CirclePen","d":"CirclePen, the two-tone drawing of circle-pen on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-pen","t":"CirclePen","d":"CirclePen, the duotone drawing of circle-pen on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-pen","t":"CirclePen","d":"CirclePen, the fill drawing of circle-pen on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-pen","t":"CirclePen","d":"CirclePen, the stroke drawing of circle-pen on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-pen","t":"CirclePen","d":"CirclePen, the two-tone drawing of circle-pen on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-pen","t":"CirclePen","d":"CirclePen, the duotone drawing of circle-pen on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-pen","t":"CirclePen","d":"CirclePen, the fill drawing of circle-pen on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-progress-arrow-up","t":"CircleProgressArrowUp","d":"CircleProgressArrowUp, the stroke drawing of circle-progress-arrow-up on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-progress-arrow-up","t":"CircleProgressArrowUp","d":"CircleProgressArrowUp, the two-tone drawing of circle-progress-arrow-up on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-progress-arrow-up","t":"CircleProgressArrowUp","d":"CircleProgressArrowUp, the duotone drawing of circle-progress-arrow-up on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-progress-arrow-up","t":"CircleProgressArrowUp","d":"CircleProgressArrowUp, the fill drawing of circle-progress-arrow-up on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-progress-arrow-up","t":"CircleProgressArrowUp","d":"CircleProgressArrowUp, the stroke drawing of circle-progress-arrow-up on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-progress-arrow-up","t":"CircleProgressArrowUp","d":"CircleProgressArrowUp, the two-tone drawing of circle-progress-arrow-up on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-progress-arrow-up","t":"CircleProgressArrowUp","d":"CircleProgressArrowUp, the duotone drawing of circle-progress-arrow-up on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-progress-arrow-up","t":"CircleProgressArrowUp","d":"CircleProgressArrowUp, the fill drawing of circle-progress-arrow-up on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-progress-check","t":"CircleProgressCheck","d":"CircleProgressCheck, the stroke drawing of circle-progress-check on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-progress-check","t":"CircleProgressCheck","d":"CircleProgressCheck, the two-tone drawing of circle-progress-check on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-progress-check","t":"CircleProgressCheck","d":"CircleProgressCheck, the duotone drawing of circle-progress-check on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-progress-check","t":"CircleProgressCheck","d":"CircleProgressCheck, the fill drawing of circle-progress-check on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-progress-check","t":"CircleProgressCheck","d":"CircleProgressCheck, the stroke drawing of circle-progress-check on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-progress-check","t":"CircleProgressCheck","d":"CircleProgressCheck, the two-tone drawing of circle-progress-check on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-progress-check","t":"CircleProgressCheck","d":"CircleProgressCheck, the duotone drawing of circle-progress-check on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-progress-check","t":"CircleProgressCheck","d":"CircleProgressCheck, the fill drawing of circle-progress-check on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-progress-half","t":"CircleProgressHalf","d":"CircleProgressHalf, the stroke drawing of circle-progress-half on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-progress-half","t":"CircleProgressHalf","d":"CircleProgressHalf, the two-tone drawing of circle-progress-half on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-progress-half","t":"CircleProgressHalf","d":"CircleProgressHalf, the duotone drawing of circle-progress-half on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-progress-half","t":"CircleProgressHalf","d":"CircleProgressHalf, the fill drawing of circle-progress-half on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-progress-half","t":"CircleProgressHalf","d":"CircleProgressHalf, the stroke drawing of circle-progress-half on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-progress-half","t":"CircleProgressHalf","d":"CircleProgressHalf, the two-tone drawing of circle-progress-half on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-progress-half","t":"CircleProgressHalf","d":"CircleProgressHalf, the duotone drawing of circle-progress-half on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-progress-half","t":"CircleProgressHalf","d":"CircleProgressHalf, the fill drawing of circle-progress-half on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-progress-pause","t":"CircleProgressPause","d":"CircleProgressPause, the stroke drawing of circle-progress-pause on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-progress-pause","t":"CircleProgressPause","d":"CircleProgressPause, the two-tone drawing of circle-progress-pause on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-progress-pause","t":"CircleProgressPause","d":"CircleProgressPause, the duotone drawing of circle-progress-pause on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-progress-pause","t":"CircleProgressPause","d":"CircleProgressPause, the fill drawing of circle-progress-pause on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-progress-pause","t":"CircleProgressPause","d":"CircleProgressPause, the stroke drawing of circle-progress-pause on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-progress-pause","t":"CircleProgressPause","d":"CircleProgressPause, the two-tone drawing of circle-progress-pause on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-progress-pause","t":"CircleProgressPause","d":"CircleProgressPause, the duotone drawing of circle-progress-pause on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-progress-pause","t":"CircleProgressPause","d":"CircleProgressPause, the fill drawing of circle-progress-pause on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-progress-play","t":"CircleProgressPlay","d":"CircleProgressPlay, the stroke drawing of circle-progress-play on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-progress-play","t":"CircleProgressPlay","d":"CircleProgressPlay, the two-tone drawing of circle-progress-play on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-progress-play","t":"CircleProgressPlay","d":"CircleProgressPlay, the duotone drawing of circle-progress-play on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-progress-play","t":"CircleProgressPlay","d":"CircleProgressPlay, the fill drawing of circle-progress-play on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-progress-play","t":"CircleProgressPlay","d":"CircleProgressPlay, the stroke drawing of circle-progress-play on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-progress-play","t":"CircleProgressPlay","d":"CircleProgressPlay, the two-tone drawing of circle-progress-play on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-progress-play","t":"CircleProgressPlay","d":"CircleProgressPlay, the duotone drawing of circle-progress-play on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-progress-play","t":"CircleProgressPlay","d":"CircleProgressPlay, the fill drawing of circle-progress-play on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-progress-plus","t":"CircleProgressPlus","d":"CircleProgressPlus, the stroke drawing of circle-progress-plus on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-progress-plus","t":"CircleProgressPlus","d":"CircleProgressPlus, the two-tone drawing of circle-progress-plus on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-progress-plus","t":"CircleProgressPlus","d":"CircleProgressPlus, the duotone drawing of circle-progress-plus on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-progress-plus","t":"CircleProgressPlus","d":"CircleProgressPlus, the fill drawing of circle-progress-plus on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-progress-plus","t":"CircleProgressPlus","d":"CircleProgressPlus, the stroke drawing of circle-progress-plus on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-progress-plus","t":"CircleProgressPlus","d":"CircleProgressPlus, the two-tone drawing of circle-progress-plus on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-progress-plus","t":"CircleProgressPlus","d":"CircleProgressPlus, the duotone drawing of circle-progress-plus on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-progress-plus","t":"CircleProgressPlus","d":"CircleProgressPlus, the fill drawing of circle-progress-plus on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-progress-quarter","t":"CircleProgressQuarter","d":"CircleProgressQuarter, the stroke drawing of circle-progress-quarter on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-progress-quarter","t":"CircleProgressQuarter","d":"CircleProgressQuarter, the two-tone drawing of circle-progress-quarter on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-progress-quarter","t":"CircleProgressQuarter","d":"CircleProgressQuarter, the duotone drawing of circle-progress-quarter on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-progress-quarter","t":"CircleProgressQuarter","d":"CircleProgressQuarter, the fill drawing of circle-progress-quarter on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-progress-quarter","t":"CircleProgressQuarter","d":"CircleProgressQuarter, the stroke drawing of circle-progress-quarter on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-progress-quarter","t":"CircleProgressQuarter","d":"CircleProgressQuarter, the two-tone drawing of circle-progress-quarter on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-progress-quarter","t":"CircleProgressQuarter","d":"CircleProgressQuarter, the duotone drawing of circle-progress-quarter on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-progress-quarter","t":"CircleProgressQuarter","d":"CircleProgressQuarter, the fill drawing of circle-progress-quarter on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-progress-stop","t":"CircleProgressStop","d":"CircleProgressStop, the stroke drawing of circle-progress-stop on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-progress-stop","t":"CircleProgressStop","d":"CircleProgressStop, the two-tone drawing of circle-progress-stop on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-progress-stop","t":"CircleProgressStop","d":"CircleProgressStop, the duotone drawing of circle-progress-stop on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-progress-stop","t":"CircleProgressStop","d":"CircleProgressStop, the fill drawing of circle-progress-stop on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-progress-stop","t":"CircleProgressStop","d":"CircleProgressStop, the stroke drawing of circle-progress-stop on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-progress-stop","t":"CircleProgressStop","d":"CircleProgressStop, the two-tone drawing of circle-progress-stop on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-progress-stop","t":"CircleProgressStop","d":"CircleProgressStop, the duotone drawing of circle-progress-stop on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-progress-stop","t":"CircleProgressStop","d":"CircleProgressStop, the fill drawing of circle-progress-stop on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-progress-three-quarter","t":"CircleProgressThreeQuarter","d":"CircleProgressThreeQuarter, the stroke drawing of circle-progress-three-quarter on a 24×24","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"keyline:two-tone/circle-progress-three-quarter","t":"CircleProgressThreeQuarter","d":"CircleProgressThreeQuarter, the two-tone drawing of circle-progress-three-quarter on a 24×","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sb":"Styled sets","sy":["webgl"],"hc":1},{"id":"keyline:duotone/circle-progress-three-quarter","t":"CircleProgressThreeQuarter","d":"CircleProgressThreeQuarter, the duotone drawing of circle-progress-three-quarter on a 24×2","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sb":"Styled sets","sy":["webgl"],"hc":1},{"id":"keyline:fill/circle-progress-three-quarter","t":"CircleProgressThreeQuarter","d":"CircleProgressThreeQuarter, the fill drawing of circle-progress-three-quarter on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"keyline:sharp/circle-progress-three-quarter","t":"CircleProgressThreeQuarter","d":"CircleProgressThreeQuarter, the stroke drawing of circle-progress-three-quarter on a 24×24","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"keyline:sharp/two-tone/circle-progress-three-quarter","t":"CircleProgressThreeQuarter","d":"CircleProgressThreeQuarter, the two-tone drawing of circle-progress-three-quarter on a 24×","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sb":"Styled sets","sy":["webgl"],"hc":1},{"id":"keyline:sharp/duotone/circle-progress-three-quarter","t":"CircleProgressThreeQuarter","d":"CircleProgressThreeQuarter, the duotone drawing of circle-progress-three-quarter on a 24×2","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sb":"Styled sets","sy":["webgl"],"hc":1},{"id":"keyline:sharp/fill/circle-progress-three-quarter","t":"CircleProgressThreeQuarter","d":"CircleProgressThreeQuarter, the fill drawing of circle-progress-three-quarter on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"keyline:circle-progress-x","t":"CircleProgressX","d":"CircleProgressX, the stroke drawing of circle-progress-x on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-progress-x","t":"CircleProgressX","d":"CircleProgressX, the two-tone drawing of circle-progress-x on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-progress-x","t":"CircleProgressX","d":"CircleProgressX, the duotone drawing of circle-progress-x on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-progress-x","t":"CircleProgressX","d":"CircleProgressX, the fill drawing of circle-progress-x on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-progress-x","t":"CircleProgressX","d":"CircleProgressX, the stroke drawing of circle-progress-x on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-progress-x","t":"CircleProgressX","d":"CircleProgressX, the two-tone drawing of circle-progress-x on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-progress-x","t":"CircleProgressX","d":"CircleProgressX, the duotone drawing of circle-progress-x on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-progress-x","t":"CircleProgressX","d":"CircleProgressX, the fill drawing of circle-progress-x on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-quarter","t":"CircleQuarter","d":"CircleQuarter, the stroke drawing of circle-quarter on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-quarter","t":"CircleQuarter","d":"CircleQuarter, the two-tone drawing of circle-quarter on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-quarter","t":"CircleQuarter","d":"CircleQuarter, the duotone drawing of circle-quarter on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-quarter","t":"CircleQuarter","d":"CircleQuarter, the fill drawing of circle-quarter on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-quarter","t":"CircleQuarter","d":"CircleQuarter, the stroke drawing of circle-quarter on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-quarter","t":"CircleQuarter","d":"CircleQuarter, the two-tone drawing of circle-quarter on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-quarter","t":"CircleQuarter","d":"CircleQuarter, the duotone drawing of circle-quarter on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-quarter","t":"CircleQuarter","d":"CircleQuarter, the fill drawing of circle-quarter on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-square","t":"CircleSquare","d":"CircleSquare, the stroke drawing of circle-square on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-square","t":"CircleSquare","d":"CircleSquare, the two-tone drawing of circle-square on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-square","t":"CircleSquare","d":"CircleSquare, the duotone drawing of circle-square on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-square","t":"CircleSquare","d":"CircleSquare, the fill drawing of circle-square on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-square","t":"CircleSquare","d":"CircleSquare, the stroke drawing of circle-square on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-square","t":"CircleSquare","d":"CircleSquare, the two-tone drawing of circle-square on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-square","t":"CircleSquare","d":"CircleSquare, the duotone drawing of circle-square on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-square","t":"CircleSquare","d":"CircleSquare, the fill drawing of circle-square on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-square-dashed","t":"CircleSquareDashed","d":"CircleSquareDashed, the stroke drawing of circle-square-dashed on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-square-dashed","t":"CircleSquareDashed","d":"CircleSquareDashed, the two-tone drawing of circle-square-dashed on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-square-dashed","t":"CircleSquareDashed","d":"CircleSquareDashed, the duotone drawing of circle-square-dashed on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-square-dashed","t":"CircleSquareDashed","d":"CircleSquareDashed, the fill drawing of circle-square-dashed on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-square-dashed","t":"CircleSquareDashed","d":"CircleSquareDashed, the stroke drawing of circle-square-dashed on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-square-dashed","t":"CircleSquareDashed","d":"CircleSquareDashed, the two-tone drawing of circle-square-dashed on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-square-dashed","t":"CircleSquareDashed","d":"CircleSquareDashed, the duotone drawing of circle-square-dashed on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-square-dashed","t":"CircleSquareDashed","d":"CircleSquareDashed, the fill drawing of circle-square-dashed on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-three-quarter","t":"CircleThreeQuarter","d":"CircleThreeQuarter, the stroke drawing of circle-three-quarter on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"keyline:two-tone/circle-three-quarter","t":"CircleThreeQuarter","d":"CircleThreeQuarter, the two-tone drawing of circle-three-quarter on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sb":"Styled sets","sy":["webgl"],"hc":1},{"id":"keyline:duotone/circle-three-quarter","t":"CircleThreeQuarter","d":"CircleThreeQuarter, the duotone drawing of circle-three-quarter on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sb":"Styled sets","sy":["webgl"],"hc":1},{"id":"keyline:fill/circle-three-quarter","t":"CircleThreeQuarter","d":"CircleThreeQuarter, the fill drawing of circle-three-quarter on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"keyline:sharp/circle-three-quarter","t":"CircleThreeQuarter","d":"CircleThreeQuarter, the stroke drawing of circle-three-quarter on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"keyline:sharp/two-tone/circle-three-quarter","t":"CircleThreeQuarter","d":"CircleThreeQuarter, the two-tone drawing of circle-three-quarter on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sb":"Styled sets","sy":["webgl"],"hc":1},{"id":"keyline:sharp/duotone/circle-three-quarter","t":"CircleThreeQuarter","d":"CircleThreeQuarter, the duotone drawing of circle-three-quarter on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sb":"Styled sets","sy":["webgl"],"hc":1},{"id":"keyline:sharp/fill/circle-three-quarter","t":"CircleThreeQuarter","d":"CircleThreeQuarter, the fill drawing of circle-three-quarter on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"keyline:circle-trending-up-sparkles","t":"CircleTrendingUpSparkles","d":"CircleTrendingUpSparkles, the stroke drawing of circle-trending-up-sparkles on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-trending-up-sparkles","t":"CircleTrendingUpSparkles","d":"CircleTrendingUpSparkles, the two-tone drawing of circle-trending-up-sparkles on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-trending-up-sparkles","t":"CircleTrendingUpSparkles","d":"CircleTrendingUpSparkles, the duotone drawing of circle-trending-up-sparkles on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-trending-up-sparkles","t":"CircleTrendingUpSparkles","d":"CircleTrendingUpSparkles, the fill drawing of circle-trending-up-sparkles on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-trending-up-sparkles","t":"CircleTrendingUpSparkles","d":"CircleTrendingUpSparkles, the stroke drawing of circle-trending-up-sparkles on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-trending-up-sparkles","t":"CircleTrendingUpSparkles","d":"CircleTrendingUpSparkles, the two-tone drawing of circle-trending-up-sparkles on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-trending-up-sparkles","t":"CircleTrendingUpSparkles","d":"CircleTrendingUpSparkles, the duotone drawing of circle-trending-up-sparkles on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-trending-up-sparkles","t":"CircleTrendingUpSparkles","d":"CircleTrendingUpSparkles, the fill drawing of circle-trending-up-sparkles on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circles","t":"Circles","d":"Circles, the stroke drawing of circles on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circles","t":"Circles","d":"Circles, the two-tone drawing of circles on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circles","t":"Circles","d":"Circles, the duotone drawing of circles on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circles","t":"Circles","d":"Circles, the fill drawing of circles on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circles","t":"Circles","d":"Circles, the stroke drawing of circles on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circles","t":"Circles","d":"Circles, the two-tone drawing of circles on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circles","t":"Circles","d":"Circles, the duotone drawing of circles on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circles","t":"Circles","d":"Circles, the fill drawing of circles on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circles-dashed","t":"CirclesDashed","d":"CirclesDashed, the stroke drawing of circles-dashed on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circles-dashed","t":"CirclesDashed","d":"CirclesDashed, the two-tone drawing of circles-dashed on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circles-dashed","t":"CirclesDashed","d":"CirclesDashed, the duotone drawing of circles-dashed on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circles-dashed","t":"CirclesDashed","d":"CirclesDashed, the fill drawing of circles-dashed on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circles-dashed","t":"CirclesDashed","d":"CirclesDashed, the stroke drawing of circles-dashed on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circles-dashed","t":"CirclesDashed","d":"CirclesDashed, the two-tone drawing of circles-dashed on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circles-dashed","t":"CirclesDashed","d":"CirclesDashed, the duotone drawing of circles-dashed on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circles-dashed","t":"CirclesDashed","d":"CirclesDashed, the fill drawing of circles-dashed on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:clipboard","t":"Clipboard","d":"Clipboard, the stroke drawing of clipboard on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/clipboard","t":"Clipboard","d":"Clipboard, the two-tone drawing of clipboard on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/clipboard","t":"Clipboard","d":"Clipboard, the duotone drawing of clipboard on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/clipboard","t":"Clipboard","d":"Clipboard, the fill drawing of clipboard on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/clipboard","t":"Clipboard","d":"Clipboard, the stroke drawing of clipboard on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/clipboard","t":"Clipboard","d":"Clipboard, the two-tone drawing of clipboard on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/clipboard","t":"Clipboard","d":"Clipboard, the duotone drawing of clipboard on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/clipboard","t":"Clipboard","d":"Clipboard, the fill drawing of clipboard on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:clipboard-alert","t":"ClipboardAlert","d":"ClipboardAlert, the stroke drawing of clipboard-alert on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/clipboard-alert","t":"ClipboardAlert","d":"ClipboardAlert, the two-tone drawing of clipboard-alert on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/clipboard-alert","t":"ClipboardAlert","d":"ClipboardAlert, the duotone drawing of clipboard-alert on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/clipboard-alert","t":"ClipboardAlert","d":"ClipboardAlert, the fill drawing of clipboard-alert on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/clipboard-alert","t":"ClipboardAlert","d":"ClipboardAlert, the stroke drawing of clipboard-alert on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/clipboard-alert","t":"ClipboardAlert","d":"ClipboardAlert, the two-tone drawing of clipboard-alert on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/clipboard-alert","t":"ClipboardAlert","d":"ClipboardAlert, the duotone drawing of clipboard-alert on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/clipboard-alert","t":"ClipboardAlert","d":"ClipboardAlert, the fill drawing of clipboard-alert on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:clipboard-check","t":"ClipboardCheck","d":"ClipboardCheck, the stroke drawing of clipboard-check on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/clipboard-check","t":"ClipboardCheck","d":"ClipboardCheck, the two-tone drawing of clipboard-check on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/clipboard-check","t":"ClipboardCheck","d":"ClipboardCheck, the duotone drawing of clipboard-check on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/clipboard-check","t":"ClipboardCheck","d":"ClipboardCheck, the fill drawing of clipboard-check on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/clipboard-check","t":"ClipboardCheck","d":"ClipboardCheck, the stroke drawing of clipboard-check on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/clipboard-check","t":"ClipboardCheck","d":"ClipboardCheck, the two-tone drawing of clipboard-check on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/clipboard-check","t":"ClipboardCheck","d":"ClipboardCheck, the duotone drawing of clipboard-check on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/clipboard-check","t":"ClipboardCheck","d":"ClipboardCheck, the fill drawing of clipboard-check on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:clipboard-code","t":"ClipboardCode","d":"ClipboardCode, the stroke drawing of clipboard-code on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/clipboard-code","t":"ClipboardCode","d":"ClipboardCode, the two-tone drawing of clipboard-code on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/clipboard-code","t":"ClipboardCode","d":"ClipboardCode, the duotone drawing of clipboard-code on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/clipboard-code","t":"ClipboardCode","d":"ClipboardCode, the fill drawing of clipboard-code on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/clipboard-code","t":"ClipboardCode","d":"ClipboardCode, the stroke drawing of clipboard-code on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/clipboard-code","t":"ClipboardCode","d":"ClipboardCode, the two-tone drawing of clipboard-code on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/clipboard-code","t":"ClipboardCode","d":"ClipboardCode, the duotone drawing of clipboard-code on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/clipboard-code","t":"ClipboardCode","d":"ClipboardCode, the fill drawing of clipboard-code on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:clipboard-copy","t":"ClipboardCopy","d":"ClipboardCopy, the stroke drawing of clipboard-copy on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/clipboard-copy","t":"ClipboardCopy","d":"ClipboardCopy, the two-tone drawing of clipboard-copy on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/clipboard-copy","t":"ClipboardCopy","d":"ClipboardCopy, the duotone drawing of clipboard-copy on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/clipboard-copy","t":"ClipboardCopy","d":"ClipboardCopy, the fill drawing of clipboard-copy on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/clipboard-copy","t":"ClipboardCopy","d":"ClipboardCopy, the stroke drawing of clipboard-copy on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/clipboard-copy","t":"ClipboardCopy","d":"ClipboardCopy, the two-tone drawing of clipboard-copy on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/clipboard-copy","t":"ClipboardCopy","d":"ClipboardCopy, the duotone drawing of clipboard-copy on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/clipboard-copy","t":"ClipboardCopy","d":"ClipboardCopy, the fill drawing of clipboard-copy on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:clipboard-list","t":"ClipboardList","d":"ClipboardList, the stroke drawing of clipboard-list on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/clipboard-list","t":"ClipboardList","d":"ClipboardList, the two-tone drawing of clipboard-list on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/clipboard-list","t":"ClipboardList","d":"ClipboardList, the duotone drawing of clipboard-list on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/clipboard-list","t":"ClipboardList","d":"ClipboardList, the fill drawing of clipboard-list on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/clipboard-list","t":"ClipboardList","d":"ClipboardList, the stroke drawing of clipboard-list on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/clipboard-list","t":"ClipboardList","d":"ClipboardList, the two-tone drawing of clipboard-list on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/clipboard-list","t":"ClipboardList","d":"ClipboardList, the duotone drawing of clipboard-list on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/clipboard-list","t":"ClipboardList","d":"ClipboardList, the fill drawing of clipboard-list on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:clipboard-minus","t":"ClipboardMinus","d":"ClipboardMinus, the stroke drawing of clipboard-minus on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/clipboard-minus","t":"ClipboardMinus","d":"ClipboardMinus, the two-tone drawing of clipboard-minus on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/clipboard-minus","t":"ClipboardMinus","d":"ClipboardMinus, the duotone drawing of clipboard-minus on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/clipboard-minus","t":"ClipboardMinus","d":"ClipboardMinus, the fill drawing of clipboard-minus on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/clipboard-minus","t":"ClipboardMinus","d":"ClipboardMinus, the stroke drawing of clipboard-minus on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/clipboard-minus","t":"ClipboardMinus","d":"ClipboardMinus, the two-tone drawing of clipboard-minus on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/clipboard-minus","t":"ClipboardMinus","d":"ClipboardMinus, the duotone drawing of clipboard-minus on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/clipboard-minus","t":"ClipboardMinus","d":"ClipboardMinus, the fill drawing of clipboard-minus on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:clipboard-paste","t":"ClipboardPaste","d":"ClipboardPaste, the stroke drawing of clipboard-paste on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/clipboard-paste","t":"ClipboardPaste","d":"ClipboardPaste, the two-tone drawing of clipboard-paste on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/clipboard-paste","t":"ClipboardPaste","d":"ClipboardPaste, the duotone drawing of clipboard-paste on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/clipboard-paste","t":"ClipboardPaste","d":"ClipboardPaste, the fill drawing of clipboard-paste on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/clipboard-paste","t":"ClipboardPaste","d":"ClipboardPaste, the stroke drawing of clipboard-paste on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/clipboard-paste","t":"ClipboardPaste","d":"ClipboardPaste, the two-tone drawing of clipboard-paste on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/clipboard-paste","t":"ClipboardPaste","d":"ClipboardPaste, the duotone drawing of clipboard-paste on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/clipboard-paste","t":"ClipboardPaste","d":"ClipboardPaste, the fill drawing of clipboard-paste on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:clipboard-plus","t":"ClipboardPlus","d":"ClipboardPlus, the stroke drawing of clipboard-plus on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/clipboard-plus","t":"ClipboardPlus","d":"ClipboardPlus, the two-tone drawing of clipboard-plus on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/clipboard-plus","t":"ClipboardPlus","d":"ClipboardPlus, the duotone drawing of clipboard-plus on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/clipboard-plus","t":"ClipboardPlus","d":"ClipboardPlus, the fill drawing of clipboard-plus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/clipboard-plus","t":"ClipboardPlus","d":"ClipboardPlus, the stroke drawing of clipboard-plus on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/clipboard-plus","t":"ClipboardPlus","d":"ClipboardPlus, the two-tone drawing of clipboard-plus on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/clipboard-plus","t":"ClipboardPlus","d":"ClipboardPlus, the duotone drawing of clipboard-plus on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/clipboard-plus","t":"ClipboardPlus","d":"ClipboardPlus, the fill drawing of clipboard-plus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:clipboard-terminal","t":"ClipboardTerminal","d":"ClipboardTerminal, the stroke drawing of clipboard-terminal on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:two-tone/clipboard-terminal","t":"ClipboardTerminal","d":"ClipboardTerminal, the two-tone drawing of clipboard-terminal on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:duotone/clipboard-terminal","t":"ClipboardTerminal","d":"ClipboardTerminal, the duotone drawing of clipboard-terminal on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:fill/clipboard-terminal","t":"ClipboardTerminal","d":"ClipboardTerminal, the fill drawing of clipboard-terminal on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/clipboard-terminal","t":"ClipboardTerminal","d":"ClipboardTerminal, the stroke drawing of clipboard-terminal on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/two-tone/clipboard-terminal","t":"ClipboardTerminal","d":"ClipboardTerminal, the two-tone drawing of clipboard-terminal on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/duotone/clipboard-terminal","t":"ClipboardTerminal","d":"ClipboardTerminal, the duotone drawing of clipboard-terminal on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/fill/clipboard-terminal","t":"ClipboardTerminal","d":"ClipboardTerminal, the fill drawing of clipboard-terminal on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:clipboard-type","t":"ClipboardType","d":"ClipboardType, the stroke drawing of clipboard-type on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/clipboard-type","t":"ClipboardType","d":"ClipboardType, the two-tone drawing of clipboard-type on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/clipboard-type","t":"ClipboardType","d":"ClipboardType, the duotone drawing of clipboard-type on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/clipboard-type","t":"ClipboardType","d":"ClipboardType, the fill drawing of clipboard-type on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/clipboard-type","t":"ClipboardType","d":"ClipboardType, the stroke drawing of clipboard-type on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/clipboard-type","t":"ClipboardType","d":"ClipboardType, the two-tone drawing of clipboard-type on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/clipboard-type","t":"ClipboardType","d":"ClipboardType, the duotone drawing of clipboard-type on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/clipboard-type","t":"ClipboardType","d":"ClipboardType, the fill drawing of clipboard-type on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:clock","t":"Clock","d":"Clock, the stroke drawing of clock on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","vn":104,"hc":1},{"id":"keyline:two-tone/clock","t":"Clock","d":"Clock, the two-tone drawing of clock on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/clock","t":"Clock","d":"Clock, the duotone drawing of clock on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/clock","t":"Clock","d":"Clock, the fill drawing of clock on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/clock","t":"Clock","d":"Clock, the stroke drawing of clock on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/clock","t":"Clock","d":"Clock, the two-tone drawing of clock on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/clock","t":"Clock","d":"Clock, the duotone drawing of clock on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/clock","t":"Clock","d":"Clock, the fill drawing of clock on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:clock-arrow-down","t":"ClockArrowDown","d":"ClockArrowDown, the stroke drawing of clock-arrow-down on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/clock-arrow-down","t":"ClockArrowDown","d":"ClockArrowDown, the two-tone drawing of clock-arrow-down on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/clock-arrow-down","t":"ClockArrowDown","d":"ClockArrowDown, the duotone drawing of clock-arrow-down on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/clock-arrow-down","t":"ClockArrowDown","d":"ClockArrowDown, the fill drawing of clock-arrow-down on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/clock-arrow-down","t":"ClockArrowDown","d":"ClockArrowDown, the stroke drawing of clock-arrow-down on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/clock-arrow-down","t":"ClockArrowDown","d":"ClockArrowDown, the two-tone drawing of clock-arrow-down on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/clock-arrow-down","t":"ClockArrowDown","d":"ClockArrowDown, the duotone drawing of clock-arrow-down on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/clock-arrow-down","t":"ClockArrowDown","d":"ClockArrowDown, the fill drawing of clock-arrow-down on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:clock-arrow-left","t":"ClockArrowLeft","d":"ClockArrowLeft, the stroke drawing of clock-arrow-left on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/clock-arrow-left","t":"ClockArrowLeft","d":"ClockArrowLeft, the two-tone drawing of clock-arrow-left on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/clock-arrow-left","t":"ClockArrowLeft","d":"ClockArrowLeft, the duotone drawing of clock-arrow-left on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/clock-arrow-left","t":"ClockArrowLeft","d":"ClockArrowLeft, the fill drawing of clock-arrow-left on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/clock-arrow-left","t":"ClockArrowLeft","d":"ClockArrowLeft, the stroke drawing of clock-arrow-left on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/clock-arrow-left","t":"ClockArrowLeft","d":"ClockArrowLeft, the two-tone drawing of clock-arrow-left on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/clock-arrow-left","t":"ClockArrowLeft","d":"ClockArrowLeft, the duotone drawing of clock-arrow-left on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/clock-arrow-left","t":"ClockArrowLeft","d":"ClockArrowLeft, the fill drawing of clock-arrow-left on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:clock-arrow-right","t":"ClockArrowRight","d":"ClockArrowRight, the stroke drawing of clock-arrow-right on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/clock-arrow-right","t":"ClockArrowRight","d":"ClockArrowRight, the two-tone drawing of clock-arrow-right on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/clock-arrow-right","t":"ClockArrowRight","d":"ClockArrowRight, the duotone drawing of clock-arrow-right on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/clock-arrow-right","t":"ClockArrowRight","d":"ClockArrowRight, the fill drawing of clock-arrow-right on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/clock-arrow-right","t":"ClockArrowRight","d":"ClockArrowRight, the stroke drawing of clock-arrow-right on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/clock-arrow-right","t":"ClockArrowRight","d":"ClockArrowRight, the two-tone drawing of clock-arrow-right on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/clock-arrow-right","t":"ClockArrowRight","d":"ClockArrowRight, the duotone drawing of clock-arrow-right on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/clock-arrow-right","t":"ClockArrowRight","d":"ClockArrowRight, the fill drawing of clock-arrow-right on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:clock-arrow-up","t":"ClockArrowUp","d":"ClockArrowUp, the stroke drawing of clock-arrow-up on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/clock-arrow-up","t":"ClockArrowUp","d":"ClockArrowUp, the two-tone drawing of clock-arrow-up on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/clock-arrow-up","t":"ClockArrowUp","d":"ClockArrowUp, the duotone drawing of clock-arrow-up on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/clock-arrow-up","t":"ClockArrowUp","d":"ClockArrowUp, the fill drawing of clock-arrow-up on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/clock-arrow-up","t":"ClockArrowUp","d":"ClockArrowUp, the stroke drawing of clock-arrow-up on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/clock-arrow-up","t":"ClockArrowUp","d":"ClockArrowUp, the two-tone drawing of clock-arrow-up on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/clock-arrow-up","t":"ClockArrowUp","d":"ClockArrowUp, the duotone drawing of clock-arrow-up on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/clock-arrow-up","t":"ClockArrowUp","d":"ClockArrowUp, the fill drawing of clock-arrow-up on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:clock-check","t":"ClockCheck","d":"ClockCheck, the stroke drawing of clock-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/clock-check","t":"ClockCheck","d":"ClockCheck, the two-tone drawing of clock-check on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/clock-check","t":"ClockCheck","d":"ClockCheck, the duotone drawing of clock-check on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/clock-check","t":"ClockCheck","d":"ClockCheck, the fill drawing of clock-check on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/clock-check","t":"ClockCheck","d":"ClockCheck, the stroke drawing of clock-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/clock-check","t":"ClockCheck","d":"ClockCheck, the two-tone drawing of clock-check on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/clock-check","t":"ClockCheck","d":"ClockCheck, the duotone drawing of clock-check on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/clock-check","t":"ClockCheck","d":"ClockCheck, the fill drawing of clock-check on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:clock-minus","t":"ClockMinus","d":"ClockMinus, the stroke drawing of clock-minus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/clock-minus","t":"ClockMinus","d":"ClockMinus, the two-tone drawing of clock-minus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/clock-minus","t":"ClockMinus","d":"ClockMinus, the duotone drawing of clock-minus on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/clock-minus","t":"ClockMinus","d":"ClockMinus, the fill drawing of clock-minus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/clock-minus","t":"ClockMinus","d":"ClockMinus, the stroke drawing of clock-minus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/clock-minus","t":"ClockMinus","d":"ClockMinus, the two-tone drawing of clock-minus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/clock-minus","t":"ClockMinus","d":"ClockMinus, the duotone drawing of clock-minus on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/clock-minus","t":"ClockMinus","d":"ClockMinus, the fill drawing of clock-minus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:clock-plus","t":"ClockPlus","d":"ClockPlus, the stroke drawing of clock-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/clock-plus","t":"ClockPlus","d":"ClockPlus, the two-tone drawing of clock-plus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/clock-plus","t":"ClockPlus","d":"ClockPlus, the duotone drawing of clock-plus on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/clock-plus","t":"ClockPlus","d":"ClockPlus, the fill drawing of clock-plus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/clock-plus","t":"ClockPlus","d":"ClockPlus, the stroke drawing of clock-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/clock-plus","t":"ClockPlus","d":"ClockPlus, the two-tone drawing of clock-plus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/clock-plus","t":"ClockPlus","d":"ClockPlus, the duotone drawing of clock-plus on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/clock-plus","t":"ClockPlus","d":"ClockPlus, the fill drawing of clock-plus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:clock-sparkles","t":"ClockSparkles","d":"ClockSparkles, the stroke drawing of clock-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/clock-sparkles","t":"ClockSparkles","d":"ClockSparkles, the two-tone drawing of clock-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/clock-sparkles","t":"ClockSparkles","d":"ClockSparkles, the duotone drawing of clock-sparkles on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/clock-sparkles","t":"ClockSparkles","d":"ClockSparkles, the fill drawing of clock-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/clock-sparkles","t":"ClockSparkles","d":"ClockSparkles, the stroke drawing of clock-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/clock-sparkles","t":"ClockSparkles","d":"ClockSparkles, the two-tone drawing of clock-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/clock-sparkles","t":"ClockSparkles","d":"ClockSparkles, the duotone drawing of clock-sparkles on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/clock-sparkles","t":"ClockSparkles","d":"ClockSparkles, the fill drawing of clock-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:clock-zap","t":"ClockZap","d":"ClockZap, the stroke drawing of clock-zap on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/clock-zap","t":"ClockZap","d":"ClockZap, the two-tone drawing of clock-zap on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/clock-zap","t":"ClockZap","d":"ClockZap, the duotone drawing of clock-zap on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/clock-zap","t":"ClockZap","d":"ClockZap, the fill drawing of clock-zap on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/clock-zap","t":"ClockZap","d":"ClockZap, the stroke drawing of clock-zap on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/clock-zap","t":"ClockZap","d":"ClockZap, the two-tone drawing of clock-zap on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/clock-zap","t":"ClockZap","d":"ClockZap, the duotone drawing of clock-zap on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/clock-zap","t":"ClockZap","d":"ClockZap, the fill drawing of clock-zap on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cloud","t":"Cloud","d":"Cloud, the stroke drawing of cloud on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/cloud","t":"Cloud","d":"Cloud, the two-tone drawing of cloud on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cloud","t":"Cloud","d":"Cloud, the duotone drawing of cloud on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cloud","t":"Cloud","d":"Cloud, the fill drawing of cloud on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cloud","t":"Cloud","d":"Cloud, the stroke drawing of cloud on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cloud","t":"Cloud","d":"Cloud, the two-tone drawing of cloud on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cloud","t":"Cloud","d":"Cloud, the duotone drawing of cloud on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cloud","t":"Cloud","d":"Cloud, the fill drawing of cloud on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cloud-alert","t":"CloudAlert","d":"CloudAlert, the stroke drawing of cloud-alert on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cloud-alert","t":"CloudAlert","d":"CloudAlert, the two-tone drawing of cloud-alert on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cloud-alert","t":"CloudAlert","d":"CloudAlert, the duotone drawing of cloud-alert on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cloud-alert","t":"CloudAlert","d":"CloudAlert, the fill drawing of cloud-alert on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cloud-alert","t":"CloudAlert","d":"CloudAlert, the stroke drawing of cloud-alert on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cloud-alert","t":"CloudAlert","d":"CloudAlert, the two-tone drawing of cloud-alert on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cloud-alert","t":"CloudAlert","d":"CloudAlert, the duotone drawing of cloud-alert on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cloud-alert","t":"CloudAlert","d":"CloudAlert, the fill drawing of cloud-alert on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cloud-check","t":"CloudCheck","d":"CloudCheck, the stroke drawing of cloud-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cloud-check","t":"CloudCheck","d":"CloudCheck, the two-tone drawing of cloud-check on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cloud-check","t":"CloudCheck","d":"CloudCheck, the duotone drawing of cloud-check on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cloud-check","t":"CloudCheck","d":"CloudCheck, the fill drawing of cloud-check on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cloud-check","t":"CloudCheck","d":"CloudCheck, the stroke drawing of cloud-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cloud-check","t":"CloudCheck","d":"CloudCheck, the two-tone drawing of cloud-check on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cloud-check","t":"CloudCheck","d":"CloudCheck, the duotone drawing of cloud-check on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cloud-check","t":"CloudCheck","d":"CloudCheck, the fill drawing of cloud-check on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cloud-download","t":"CloudDownload","d":"CloudDownload, the stroke drawing of cloud-download on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cloud-download","t":"CloudDownload","d":"CloudDownload, the two-tone drawing of cloud-download on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cloud-download","t":"CloudDownload","d":"CloudDownload, the duotone drawing of cloud-download on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cloud-download","t":"CloudDownload","d":"CloudDownload, the fill drawing of cloud-download on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cloud-download","t":"CloudDownload","d":"CloudDownload, the stroke drawing of cloud-download on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cloud-download","t":"CloudDownload","d":"CloudDownload, the two-tone drawing of cloud-download on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cloud-download","t":"CloudDownload","d":"CloudDownload, the duotone drawing of cloud-download on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cloud-download","t":"CloudDownload","d":"CloudDownload, the fill drawing of cloud-download on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cloud-moon","t":"CloudMoon","d":"CloudMoon, the stroke drawing of cloud-moon on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cloud-moon","t":"CloudMoon","d":"CloudMoon, the two-tone drawing of cloud-moon on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cloud-moon","t":"CloudMoon","d":"CloudMoon, the duotone drawing of cloud-moon on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cloud-moon","t":"CloudMoon","d":"CloudMoon, the fill drawing of cloud-moon on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cloud-moon","t":"CloudMoon","d":"CloudMoon, the stroke drawing of cloud-moon on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cloud-moon","t":"CloudMoon","d":"CloudMoon, the two-tone drawing of cloud-moon on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cloud-moon","t":"CloudMoon","d":"CloudMoon, the duotone drawing of cloud-moon on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cloud-moon","t":"CloudMoon","d":"CloudMoon, the fill drawing of cloud-moon on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cloud-network","t":"CloudNetwork","d":"CloudNetwork, the stroke drawing of cloud-network on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cloud-network","t":"CloudNetwork","d":"CloudNetwork, the two-tone drawing of cloud-network on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cloud-network","t":"CloudNetwork","d":"CloudNetwork, the duotone drawing of cloud-network on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cloud-network","t":"CloudNetwork","d":"CloudNetwork, the fill drawing of cloud-network on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cloud-network","t":"CloudNetwork","d":"CloudNetwork, the stroke drawing of cloud-network on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cloud-network","t":"CloudNetwork","d":"CloudNetwork, the two-tone drawing of cloud-network on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cloud-network","t":"CloudNetwork","d":"CloudNetwork, the duotone drawing of cloud-network on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cloud-network","t":"CloudNetwork","d":"CloudNetwork, the fill drawing of cloud-network on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cloud-off","t":"CloudOff","d":"CloudOff, the stroke drawing of cloud-off on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cloud-off","t":"CloudOff","d":"CloudOff, the two-tone drawing of cloud-off on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cloud-off","t":"CloudOff","d":"CloudOff, the duotone drawing of cloud-off on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cloud-off","t":"CloudOff","d":"CloudOff, the fill drawing of cloud-off on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cloud-off","t":"CloudOff","d":"CloudOff, the stroke drawing of cloud-off on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cloud-off","t":"CloudOff","d":"CloudOff, the two-tone drawing of cloud-off on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cloud-off","t":"CloudOff","d":"CloudOff, the duotone drawing of cloud-off on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cloud-off","t":"CloudOff","d":"CloudOff, the fill drawing of cloud-off on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cloud-plus","t":"CloudPlus","d":"CloudPlus, the stroke drawing of cloud-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cloud-plus","t":"CloudPlus","d":"CloudPlus, the two-tone drawing of cloud-plus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cloud-plus","t":"CloudPlus","d":"CloudPlus, the duotone drawing of cloud-plus on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cloud-plus","t":"CloudPlus","d":"CloudPlus, the fill drawing of cloud-plus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cloud-plus","t":"CloudPlus","d":"CloudPlus, the stroke drawing of cloud-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cloud-plus","t":"CloudPlus","d":"CloudPlus, the two-tone drawing of cloud-plus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cloud-plus","t":"CloudPlus","d":"CloudPlus, the duotone drawing of cloud-plus on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cloud-plus","t":"CloudPlus","d":"CloudPlus, the fill drawing of cloud-plus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cloud-rain","t":"CloudRain","d":"CloudRain, the stroke drawing of cloud-rain on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cloud-rain","t":"CloudRain","d":"CloudRain, the two-tone drawing of cloud-rain on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cloud-rain","t":"CloudRain","d":"CloudRain, the duotone drawing of cloud-rain on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cloud-rain","t":"CloudRain","d":"CloudRain, the fill drawing of cloud-rain on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cloud-rain","t":"CloudRain","d":"CloudRain, the stroke drawing of cloud-rain on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cloud-rain","t":"CloudRain","d":"CloudRain, the two-tone drawing of cloud-rain on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cloud-rain","t":"CloudRain","d":"CloudRain, the duotone drawing of cloud-rain on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cloud-rain","t":"CloudRain","d":"CloudRain, the fill drawing of cloud-rain on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cloud-search","t":"CloudSearch","d":"CloudSearch, the stroke drawing of cloud-search on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cloud-search","t":"CloudSearch","d":"CloudSearch, the two-tone drawing of cloud-search on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cloud-search","t":"CloudSearch","d":"CloudSearch, the duotone drawing of cloud-search on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cloud-search","t":"CloudSearch","d":"CloudSearch, the fill drawing of cloud-search on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cloud-search","t":"CloudSearch","d":"CloudSearch, the stroke drawing of cloud-search on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cloud-search","t":"CloudSearch","d":"CloudSearch, the two-tone drawing of cloud-search on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cloud-search","t":"CloudSearch","d":"CloudSearch, the duotone drawing of cloud-search on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cloud-search","t":"CloudSearch","d":"CloudSearch, the fill drawing of cloud-search on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cloud-sparkles","t":"CloudSparkles","d":"CloudSparkles, the stroke drawing of cloud-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cloud-sparkles","t":"CloudSparkles","d":"CloudSparkles, the two-tone drawing of cloud-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cloud-sparkles","t":"CloudSparkles","d":"CloudSparkles, the duotone drawing of cloud-sparkles on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cloud-sparkles","t":"CloudSparkles","d":"CloudSparkles, the fill drawing of cloud-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cloud-sparkles","t":"CloudSparkles","d":"CloudSparkles, the stroke drawing of cloud-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cloud-sparkles","t":"CloudSparkles","d":"CloudSparkles, the two-tone drawing of cloud-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cloud-sparkles","t":"CloudSparkles","d":"CloudSparkles, the duotone drawing of cloud-sparkles on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cloud-sparkles","t":"CloudSparkles","d":"CloudSparkles, the fill drawing of cloud-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cloud-sun","t":"CloudSun","d":"CloudSun, the stroke drawing of cloud-sun on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cloud-sun","t":"CloudSun","d":"CloudSun, the two-tone drawing of cloud-sun on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cloud-sun","t":"CloudSun","d":"CloudSun, the duotone drawing of cloud-sun on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cloud-sun","t":"CloudSun","d":"CloudSun, the fill drawing of cloud-sun on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cloud-sun","t":"CloudSun","d":"CloudSun, the stroke drawing of cloud-sun on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cloud-sun","t":"CloudSun","d":"CloudSun, the two-tone drawing of cloud-sun on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cloud-sun","t":"CloudSun","d":"CloudSun, the duotone drawing of cloud-sun on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cloud-sun","t":"CloudSun","d":"CloudSun, the fill drawing of cloud-sun on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cloud-terminal","t":"CloudTerminal","d":"CloudTerminal, the stroke drawing of cloud-terminal on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:two-tone/cloud-terminal","t":"CloudTerminal","d":"CloudTerminal, the two-tone drawing of cloud-terminal on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:duotone/cloud-terminal","t":"CloudTerminal","d":"CloudTerminal, the duotone drawing of cloud-terminal on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:fill/cloud-terminal","t":"CloudTerminal","d":"CloudTerminal, the fill drawing of cloud-terminal on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/cloud-terminal","t":"CloudTerminal","d":"CloudTerminal, the stroke drawing of cloud-terminal on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/two-tone/cloud-terminal","t":"CloudTerminal","d":"CloudTerminal, the two-tone drawing of cloud-terminal on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/duotone/cloud-terminal","t":"CloudTerminal","d":"CloudTerminal, the duotone drawing of cloud-terminal on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/fill/cloud-terminal","t":"CloudTerminal","d":"CloudTerminal, the fill drawing of cloud-terminal on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:cloud-upload","t":"CloudUpload","d":"CloudUpload, the stroke drawing of cloud-upload on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cloud-upload","t":"CloudUpload","d":"CloudUpload, the two-tone drawing of cloud-upload on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cloud-upload","t":"CloudUpload","d":"CloudUpload, the duotone drawing of cloud-upload on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cloud-upload","t":"CloudUpload","d":"CloudUpload, the fill drawing of cloud-upload on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cloud-upload","t":"CloudUpload","d":"CloudUpload, the stroke drawing of cloud-upload on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cloud-upload","t":"CloudUpload","d":"CloudUpload, the two-tone drawing of cloud-upload on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cloud-upload","t":"CloudUpload","d":"CloudUpload, the duotone drawing of cloud-upload on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cloud-upload","t":"CloudUpload","d":"CloudUpload, the fill drawing of cloud-upload on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:clouds","t":"Clouds","d":"Clouds, the stroke drawing of clouds on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/clouds","t":"Clouds","d":"Clouds, the two-tone drawing of clouds on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/clouds","t":"Clouds","d":"Clouds, the duotone drawing of clouds on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/clouds","t":"Clouds","d":"Clouds, the fill drawing of clouds on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/clouds","t":"Clouds","d":"Clouds, the stroke drawing of clouds on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/clouds","t":"Clouds","d":"Clouds, the two-tone drawing of clouds on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/clouds","t":"Clouds","d":"Clouds, the duotone drawing of clouds on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/clouds","t":"Clouds","d":"Clouds, the fill drawing of clouds on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:code","t":"Code","d":"Code, the stroke drawing of code on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/code","t":"Code","d":"Code, the two-tone drawing of code on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/code","t":"Code","d":"Code, the duotone drawing of code on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/code","t":"Code","d":"Code, the fill drawing of code on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/code","t":"Code","d":"Code, the stroke drawing of code on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/code","t":"Code","d":"Code, the two-tone drawing of code on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/code","t":"Code","d":"Code, the duotone drawing of code on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/code","t":"Code","d":"Code, the fill drawing of code on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:code-xml","t":"CodeXml","d":"CodeXml, the stroke drawing of code-xml on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/code-xml","t":"CodeXml","d":"CodeXml, the two-tone drawing of code-xml on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/code-xml","t":"CodeXml","d":"CodeXml, the duotone drawing of code-xml on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/code-xml","t":"CodeXml","d":"CodeXml, the fill drawing of code-xml on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/code-xml","t":"CodeXml","d":"CodeXml, the stroke drawing of code-xml on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/code-xml","t":"CodeXml","d":"CodeXml, the two-tone drawing of code-xml on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/code-xml","t":"CodeXml","d":"CodeXml, the duotone drawing of code-xml on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/code-xml","t":"CodeXml","d":"CodeXml, the fill drawing of code-xml on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:coffee","t":"Coffee","d":"Coffee, the stroke drawing of coffee on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/coffee","t":"Coffee","d":"Coffee, the two-tone drawing of coffee on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/coffee","t":"Coffee","d":"Coffee, the duotone drawing of coffee on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/coffee","t":"Coffee","d":"Coffee, the fill drawing of coffee on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/coffee","t":"Coffee","d":"Coffee, the stroke drawing of coffee on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/coffee","t":"Coffee","d":"Coffee, the two-tone drawing of coffee on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/coffee","t":"Coffee","d":"Coffee, the duotone drawing of coffee on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/coffee","t":"Coffee","d":"Coffee, the fill drawing of coffee on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:coins","t":"Coins","d":"Coins, the stroke drawing of coins on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/coins","t":"Coins","d":"Coins, the two-tone drawing of coins on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/coins","t":"Coins","d":"Coins, the duotone drawing of coins on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/coins","t":"Coins","d":"Coins, the fill drawing of coins on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/coins","t":"Coins","d":"Coins, the stroke drawing of coins on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/coins","t":"Coins","d":"Coins, the two-tone drawing of coins on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/coins","t":"Coins","d":"Coins, the duotone drawing of coins on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/coins","t":"Coins","d":"Coins, the fill drawing of coins on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:columns-3","t":"Columns #3","d":"Columns3, the stroke drawing of columns-3 on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/columns-3","t":"Columns #3","d":"Columns3, the two-tone drawing of columns-3 on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/columns-3","t":"Columns #3","d":"Columns3, the duotone drawing of columns-3 on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/columns-3","t":"Columns #3","d":"Columns3, the fill drawing of columns-3 on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/columns-3","t":"Columns #3","d":"Columns3, the stroke drawing of columns-3 on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/columns-3","t":"Columns #3","d":"Columns3, the two-tone drawing of columns-3 on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/columns-3","t":"Columns #3","d":"Columns3, the duotone drawing of columns-3 on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/columns-3","t":"Columns #3","d":"Columns3, the fill drawing of columns-3 on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:command","t":"Command","d":"Command, the stroke drawing of command on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/command","t":"Command","d":"Command, the two-tone drawing of command on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/command","t":"Command","d":"Command, the duotone drawing of command on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/command","t":"Command","d":"Command, the fill drawing of command on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/command","t":"Command","d":"Command, the stroke drawing of command on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/command","t":"Command","d":"Command, the two-tone drawing of command on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/command","t":"Command","d":"Command, the duotone drawing of command on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/command","t":"Command","d":"Command, the fill drawing of command on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:compass","t":"Compass","d":"Compass, the stroke drawing of compass on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/compass","t":"Compass","d":"Compass, the two-tone drawing of compass on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/compass","t":"Compass","d":"Compass, the duotone drawing of compass on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/compass","t":"Compass","d":"Compass, the fill drawing of compass on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/compass","t":"Compass","d":"Compass, the stroke drawing of compass on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/compass","t":"Compass","d":"Compass, the two-tone drawing of compass on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/compass","t":"Compass","d":"Compass, the duotone drawing of compass on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/compass","t":"Compass","d":"Compass, the fill drawing of compass on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:contacts","t":"Contacts","d":"Contacts, the stroke drawing of contacts on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/contacts","t":"Contacts","d":"Contacts, the two-tone drawing of contacts on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/contacts","t":"Contacts","d":"Contacts, the duotone drawing of contacts on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/contacts","t":"Contacts","d":"Contacts, the fill drawing of contacts on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/contacts","t":"Contacts","d":"Contacts, the stroke drawing of contacts on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/contacts","t":"Contacts","d":"Contacts, the two-tone drawing of contacts on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/contacts","t":"Contacts","d":"Contacts, the duotone drawing of contacts on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/contacts","t":"Contacts","d":"Contacts, the fill drawing of contacts on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:container","t":"Container","d":"Container, the stroke drawing of container on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/container","t":"Container","d":"Container, the two-tone drawing of container on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/container","t":"Container","d":"Container, the duotone drawing of container on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/container","t":"Container","d":"Container, the fill drawing of container on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/container","t":"Container","d":"Container, the stroke drawing of container on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/container","t":"Container","d":"Container, the two-tone drawing of container on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/container","t":"Container","d":"Container, the duotone drawing of container on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/container","t":"Container","d":"Container, the fill drawing of container on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:copy","t":"Copy","d":"Copy, the stroke drawing of copy on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/copy","t":"Copy","d":"Copy, the two-tone drawing of copy on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/copy","t":"Copy","d":"Copy, the duotone drawing of copy on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/copy","t":"Copy","d":"Copy, the fill drawing of copy on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/copy","t":"Copy","d":"Copy, the stroke drawing of copy on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/copy","t":"Copy","d":"Copy, the two-tone drawing of copy on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/copy","t":"Copy","d":"Copy, the duotone drawing of copy on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/copy","t":"Copy","d":"Copy, the fill drawing of copy on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:copy-check","t":"CopyCheck","d":"CopyCheck, the stroke drawing of copy-check on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/copy-check","t":"CopyCheck","d":"CopyCheck, the two-tone drawing of copy-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/copy-check","t":"CopyCheck","d":"CopyCheck, the duotone drawing of copy-check on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/copy-check","t":"CopyCheck","d":"CopyCheck, the fill drawing of copy-check on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/copy-check","t":"CopyCheck","d":"CopyCheck, the stroke drawing of copy-check on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/copy-check","t":"CopyCheck","d":"CopyCheck, the two-tone drawing of copy-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/copy-check","t":"CopyCheck","d":"CopyCheck, the duotone drawing of copy-check on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/copy-check","t":"CopyCheck","d":"CopyCheck, the fill drawing of copy-check on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:copy-plus","t":"CopyPlus","d":"CopyPlus, the stroke drawing of copy-plus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/copy-plus","t":"CopyPlus","d":"CopyPlus, the two-tone drawing of copy-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/copy-plus","t":"CopyPlus","d":"CopyPlus, the duotone drawing of copy-plus on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/copy-plus","t":"CopyPlus","d":"CopyPlus, the fill drawing of copy-plus on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/copy-plus","t":"CopyPlus","d":"CopyPlus, the stroke drawing of copy-plus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/copy-plus","t":"CopyPlus","d":"CopyPlus, the two-tone drawing of copy-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/copy-plus","t":"CopyPlus","d":"CopyPlus, the duotone drawing of copy-plus on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/copy-plus","t":"CopyPlus","d":"CopyPlus, the fill drawing of copy-plus on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:corner-down-left","t":"CornerDownLeft","d":"CornerDownLeft, the stroke drawing of corner-down-left on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/corner-down-left","t":"CornerDownLeft","d":"CornerDownLeft, the two-tone drawing of corner-down-left on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/corner-down-left","t":"CornerDownLeft","d":"CornerDownLeft, the duotone drawing of corner-down-left on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/corner-down-left","t":"CornerDownLeft","d":"CornerDownLeft, the fill drawing of corner-down-left on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/corner-down-left","t":"CornerDownLeft","d":"CornerDownLeft, the stroke drawing of corner-down-left on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/corner-down-left","t":"CornerDownLeft","d":"CornerDownLeft, the two-tone drawing of corner-down-left on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/corner-down-left","t":"CornerDownLeft","d":"CornerDownLeft, the duotone drawing of corner-down-left on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/corner-down-left","t":"CornerDownLeft","d":"CornerDownLeft, the fill drawing of corner-down-left on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:corner-down-right","t":"CornerDownRight","d":"CornerDownRight, the stroke drawing of corner-down-right on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/corner-down-right","t":"CornerDownRight","d":"CornerDownRight, the two-tone drawing of corner-down-right on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/corner-down-right","t":"CornerDownRight","d":"CornerDownRight, the duotone drawing of corner-down-right on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/corner-down-right","t":"CornerDownRight","d":"CornerDownRight, the fill drawing of corner-down-right on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/corner-down-right","t":"CornerDownRight","d":"CornerDownRight, the stroke drawing of corner-down-right on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/corner-down-right","t":"CornerDownRight","d":"CornerDownRight, the two-tone drawing of corner-down-right on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/corner-down-right","t":"CornerDownRight","d":"CornerDownRight, the duotone drawing of corner-down-right on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/corner-down-right","t":"CornerDownRight","d":"CornerDownRight, the fill drawing of corner-down-right on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:corner-left-down","t":"CornerLeftDown","d":"CornerLeftDown, the stroke drawing of corner-left-down on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/corner-left-down","t":"CornerLeftDown","d":"CornerLeftDown, the two-tone drawing of corner-left-down on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/corner-left-down","t":"CornerLeftDown","d":"CornerLeftDown, the duotone drawing of corner-left-down on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/corner-left-down","t":"CornerLeftDown","d":"CornerLeftDown, the fill drawing of corner-left-down on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/corner-left-down","t":"CornerLeftDown","d":"CornerLeftDown, the stroke drawing of corner-left-down on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/corner-left-down","t":"CornerLeftDown","d":"CornerLeftDown, the two-tone drawing of corner-left-down on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/corner-left-down","t":"CornerLeftDown","d":"CornerLeftDown, the duotone drawing of corner-left-down on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/corner-left-down","t":"CornerLeftDown","d":"CornerLeftDown, the fill drawing of corner-left-down on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:corner-left-up","t":"CornerLeftUp","d":"CornerLeftUp, the stroke drawing of corner-left-up on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/corner-left-up","t":"CornerLeftUp","d":"CornerLeftUp, the two-tone drawing of corner-left-up on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/corner-left-up","t":"CornerLeftUp","d":"CornerLeftUp, the duotone drawing of corner-left-up on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/corner-left-up","t":"CornerLeftUp","d":"CornerLeftUp, the fill drawing of corner-left-up on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/corner-left-up","t":"CornerLeftUp","d":"CornerLeftUp, the stroke drawing of corner-left-up on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/corner-left-up","t":"CornerLeftUp","d":"CornerLeftUp, the two-tone drawing of corner-left-up on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/corner-left-up","t":"CornerLeftUp","d":"CornerLeftUp, the duotone drawing of corner-left-up on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/corner-left-up","t":"CornerLeftUp","d":"CornerLeftUp, the fill drawing of corner-left-up on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:corner-right-down","t":"CornerRightDown","d":"CornerRightDown, the stroke drawing of corner-right-down on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/corner-right-down","t":"CornerRightDown","d":"CornerRightDown, the two-tone drawing of corner-right-down on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/corner-right-down","t":"CornerRightDown","d":"CornerRightDown, the duotone drawing of corner-right-down on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/corner-right-down","t":"CornerRightDown","d":"CornerRightDown, the fill drawing of corner-right-down on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/corner-right-down","t":"CornerRightDown","d":"CornerRightDown, the stroke drawing of corner-right-down on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/corner-right-down","t":"CornerRightDown","d":"CornerRightDown, the two-tone drawing of corner-right-down on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/corner-right-down","t":"CornerRightDown","d":"CornerRightDown, the duotone drawing of corner-right-down on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/corner-right-down","t":"CornerRightDown","d":"CornerRightDown, the fill drawing of corner-right-down on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:corner-right-up","t":"CornerRightUp","d":"CornerRightUp, the stroke drawing of corner-right-up on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/corner-right-up","t":"CornerRightUp","d":"CornerRightUp, the two-tone drawing of corner-right-up on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/corner-right-up","t":"CornerRightUp","d":"CornerRightUp, the duotone drawing of corner-right-up on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/corner-right-up","t":"CornerRightUp","d":"CornerRightUp, the fill drawing of corner-right-up on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/corner-right-up","t":"CornerRightUp","d":"CornerRightUp, the stroke drawing of corner-right-up on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/corner-right-up","t":"CornerRightUp","d":"CornerRightUp, the two-tone drawing of corner-right-up on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/corner-right-up","t":"CornerRightUp","d":"CornerRightUp, the duotone drawing of corner-right-up on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/corner-right-up","t":"CornerRightUp","d":"CornerRightUp, the fill drawing of corner-right-up on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:coupon","t":"Coupon","d":"Coupon, the stroke drawing of coupon on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/coupon","t":"Coupon","d":"Coupon, the two-tone drawing of coupon on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/coupon","t":"Coupon","d":"Coupon, the duotone drawing of coupon on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/coupon","t":"Coupon","d":"Coupon, the fill drawing of coupon on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/coupon","t":"Coupon","d":"Coupon, the stroke drawing of coupon on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/coupon","t":"Coupon","d":"Coupon, the two-tone drawing of coupon on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/coupon","t":"Coupon","d":"Coupon, the duotone drawing of coupon on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/coupon","t":"Coupon","d":"Coupon, the fill drawing of coupon on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cpu","t":"Cpu","d":"Cpu, the stroke drawing of cpu on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cpu","t":"Cpu","d":"Cpu, the two-tone drawing of cpu on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cpu","t":"Cpu","d":"Cpu, the duotone drawing of cpu on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cpu","t":"Cpu","d":"Cpu, the fill drawing of cpu on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cpu","t":"Cpu","d":"Cpu, the stroke drawing of cpu on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cpu","t":"Cpu","d":"Cpu, the two-tone drawing of cpu on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cpu","t":"Cpu","d":"Cpu, the duotone drawing of cpu on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cpu","t":"Cpu","d":"Cpu, the fill drawing of cpu on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cpu-sparkles","t":"CpuSparkles","d":"CpuSparkles, the stroke drawing of cpu-sparkles on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cpu-sparkles","t":"CpuSparkles","d":"CpuSparkles, the two-tone drawing of cpu-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cpu-sparkles","t":"CpuSparkles","d":"CpuSparkles, the duotone drawing of cpu-sparkles on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cpu-sparkles","t":"CpuSparkles","d":"CpuSparkles, the fill drawing of cpu-sparkles on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cpu-sparkles","t":"CpuSparkles","d":"CpuSparkles, the stroke drawing of cpu-sparkles on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cpu-sparkles","t":"CpuSparkles","d":"CpuSparkles, the two-tone drawing of cpu-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cpu-sparkles","t":"CpuSparkles","d":"CpuSparkles, the duotone drawing of cpu-sparkles on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cpu-sparkles","t":"CpuSparkles","d":"CpuSparkles, the fill drawing of cpu-sparkles on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:credit-card","t":"CreditCard","d":"CreditCard, the stroke drawing of credit-card on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","vn":16,"hc":1},{"id":"keyline:two-tone/credit-card","t":"CreditCard","d":"CreditCard, the two-tone drawing of credit-card on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/credit-card","t":"CreditCard","d":"CreditCard, the duotone drawing of credit-card on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/credit-card","t":"CreditCard","d":"CreditCard, the fill drawing of credit-card on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/credit-card","t":"CreditCard","d":"CreditCard, the stroke drawing of credit-card on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/credit-card","t":"CreditCard","d":"CreditCard, the two-tone drawing of credit-card on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/credit-card","t":"CreditCard","d":"CreditCard, the duotone drawing of credit-card on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/credit-card","t":"CreditCard","d":"CreditCard, the fill drawing of credit-card on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:credit-card-2-sparkles","t":"CreditCard2Sparkles","d":"CreditCard2Sparkles, the stroke drawing of credit-card-2-sparkles on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/credit-card-2-sparkles","t":"CreditCard2Sparkles","d":"CreditCard2Sparkles, the two-tone drawing of credit-card-2-sparkles on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/credit-card-2-sparkles","t":"CreditCard2Sparkles","d":"CreditCard2Sparkles, the duotone drawing of credit-card-2-sparkles on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/credit-card-2-sparkles","t":"CreditCard2Sparkles","d":"CreditCard2Sparkles, the fill drawing of credit-card-2-sparkles on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/credit-card-2-sparkles","t":"CreditCard2Sparkles","d":"CreditCard2Sparkles, the stroke drawing of credit-card-2-sparkles on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/credit-card-2-sparkles","t":"CreditCard2Sparkles","d":"CreditCard2Sparkles, the two-tone drawing of credit-card-2-sparkles on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/credit-card-2-sparkles","t":"CreditCard2Sparkles","d":"CreditCard2Sparkles, the duotone drawing of credit-card-2-sparkles on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/credit-card-2-sparkles","t":"CreditCard2Sparkles","d":"CreditCard2Sparkles, the fill drawing of credit-card-2-sparkles on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:credit-card-check","t":"CreditCardCheck","d":"CreditCardCheck, the stroke drawing of credit-card-check on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/credit-card-check","t":"CreditCardCheck","d":"CreditCardCheck, the two-tone drawing of credit-card-check on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/credit-card-check","t":"CreditCardCheck","d":"CreditCardCheck, the duotone drawing of credit-card-check on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/credit-card-check","t":"CreditCardCheck","d":"CreditCardCheck, the fill drawing of credit-card-check on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/credit-card-check","t":"CreditCardCheck","d":"CreditCardCheck, the stroke drawing of credit-card-check on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/credit-card-check","t":"CreditCardCheck","d":"CreditCardCheck, the two-tone drawing of credit-card-check on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/credit-card-check","t":"CreditCardCheck","d":"CreditCardCheck, the duotone drawing of credit-card-check on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/credit-card-check","t":"CreditCardCheck","d":"CreditCardCheck, the fill drawing of credit-card-check on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:credit-card-minus","t":"CreditCardMinus","d":"CreditCardMinus, the stroke drawing of credit-card-minus on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/credit-card-minus","t":"CreditCardMinus","d":"CreditCardMinus, the two-tone drawing of credit-card-minus on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/credit-card-minus","t":"CreditCardMinus","d":"CreditCardMinus, the duotone drawing of credit-card-minus on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/credit-card-minus","t":"CreditCardMinus","d":"CreditCardMinus, the fill drawing of credit-card-minus on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/credit-card-minus","t":"CreditCardMinus","d":"CreditCardMinus, the stroke drawing of credit-card-minus on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/credit-card-minus","t":"CreditCardMinus","d":"CreditCardMinus, the two-tone drawing of credit-card-minus on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/credit-card-minus","t":"CreditCardMinus","d":"CreditCardMinus, the duotone drawing of credit-card-minus on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/credit-card-minus","t":"CreditCardMinus","d":"CreditCardMinus, the fill drawing of credit-card-minus on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:credit-card-plus","t":"CreditCardPlus","d":"CreditCardPlus, the stroke drawing of credit-card-plus on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/credit-card-plus","t":"CreditCardPlus","d":"CreditCardPlus, the two-tone drawing of credit-card-plus on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/credit-card-plus","t":"CreditCardPlus","d":"CreditCardPlus, the duotone drawing of credit-card-plus on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/credit-card-plus","t":"CreditCardPlus","d":"CreditCardPlus, the fill drawing of credit-card-plus on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/credit-card-plus","t":"CreditCardPlus","d":"CreditCardPlus, the stroke drawing of credit-card-plus on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/credit-card-plus","t":"CreditCardPlus","d":"CreditCardPlus, the two-tone drawing of credit-card-plus on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/credit-card-plus","t":"CreditCardPlus","d":"CreditCardPlus, the duotone drawing of credit-card-plus on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/credit-card-plus","t":"CreditCardPlus","d":"CreditCardPlus, the fill drawing of credit-card-plus on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:credit-card-sparkles","t":"CreditCardSparkles","d":"CreditCardSparkles, the stroke drawing of credit-card-sparkles on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/credit-card-sparkles","t":"CreditCardSparkles","d":"CreditCardSparkles, the two-tone drawing of credit-card-sparkles on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/credit-card-sparkles","t":"CreditCardSparkles","d":"CreditCardSparkles, the duotone drawing of credit-card-sparkles on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/credit-card-sparkles","t":"CreditCardSparkles","d":"CreditCardSparkles, the fill drawing of credit-card-sparkles on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/credit-card-sparkles","t":"CreditCardSparkles","d":"CreditCardSparkles, the stroke drawing of credit-card-sparkles on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/credit-card-sparkles","t":"CreditCardSparkles","d":"CreditCardSparkles, the two-tone drawing of credit-card-sparkles on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/credit-card-sparkles","t":"CreditCardSparkles","d":"CreditCardSparkles, the duotone drawing of credit-card-sparkles on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/credit-card-sparkles","t":"CreditCardSparkles","d":"CreditCardSparkles, the fill drawing of credit-card-sparkles on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cricket-bat","t":"CricketBat","d":"CricketBat, the stroke drawing of cricket-bat on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cricket-bat","t":"CricketBat","d":"CricketBat, the two-tone drawing of cricket-bat on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cricket-bat","t":"CricketBat","d":"CricketBat, the duotone drawing of cricket-bat on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cricket-bat","t":"CricketBat","d":"CricketBat, the fill drawing of cricket-bat on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cricket-bat","t":"CricketBat","d":"CricketBat, the stroke drawing of cricket-bat on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cricket-bat","t":"CricketBat","d":"CricketBat, the two-tone drawing of cricket-bat on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cricket-bat","t":"CricketBat","d":"CricketBat, the duotone drawing of cricket-bat on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cricket-bat","t":"CricketBat","d":"CricketBat, the fill drawing of cricket-bat on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:crown","t":"Crown","d":"Crown, the stroke drawing of crown on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/crown","t":"Crown","d":"Crown, the two-tone drawing of crown on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/crown","t":"Crown","d":"Crown, the duotone drawing of crown on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/crown","t":"Crown","d":"Crown, the fill drawing of crown on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/crown","t":"Crown","d":"Crown, the stroke drawing of crown on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/crown","t":"Crown","d":"Crown, the two-tone drawing of crown on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/crown","t":"Crown","d":"Crown, the duotone drawing of crown on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/crown","t":"Crown","d":"Crown, the fill drawing of crown on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-cursor","t":"CircleCursor","d":"CircleCursor, the stroke drawing of circle-cursor on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-cursor","t":"CircleCursor","d":"CircleCursor, the two-tone drawing of circle-cursor on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-cursor","t":"CircleCursor","d":"CircleCursor, the duotone drawing of circle-cursor on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-cursor","t":"CircleCursor","d":"CircleCursor, the fill drawing of circle-cursor on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-cursor","t":"CircleCursor","d":"CircleCursor, the stroke drawing of circle-cursor on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-cursor","t":"CircleCursor","d":"CircleCursor, the two-tone drawing of circle-cursor on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-cursor","t":"CircleCursor","d":"CircleCursor, the duotone drawing of circle-cursor on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-cursor","t":"CircleCursor","d":"CircleCursor, the fill drawing of circle-cursor on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cursor","t":"Cursor","d":"Cursor, the stroke drawing of cursor on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cursor","t":"Cursor","d":"Cursor, the two-tone drawing of cursor on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cursor","t":"Cursor","d":"Cursor, the duotone drawing of cursor on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cursor","t":"Cursor","d":"Cursor, the fill drawing of cursor on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cursor","t":"Cursor","d":"Cursor, the stroke drawing of cursor on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cursor","t":"Cursor","d":"Cursor, the two-tone drawing of cursor on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cursor","t":"Cursor","d":"Cursor, the duotone drawing of cursor on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cursor","t":"Cursor","d":"Cursor, the fill drawing of cursor on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-cursor","t":"SquareCursor","d":"SquareCursor, the stroke drawing of square-cursor on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-cursor","t":"SquareCursor","d":"SquareCursor, the two-tone drawing of square-cursor on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-cursor","t":"SquareCursor","d":"SquareCursor, the duotone drawing of square-cursor on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-cursor","t":"SquareCursor","d":"SquareCursor, the fill drawing of square-cursor on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-cursor","t":"SquareCursor","d":"SquareCursor, the stroke drawing of square-cursor on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-cursor","t":"SquareCursor","d":"SquareCursor, the two-tone drawing of square-cursor on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-cursor","t":"SquareCursor","d":"SquareCursor, the duotone drawing of square-cursor on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-cursor","t":"SquareCursor","d":"SquareCursor, the fill drawing of square-cursor on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cursor-click","t":"CursorClick","d":"CursorClick, the stroke drawing of cursor-click on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cursor-click","t":"CursorClick","d":"CursorClick, the two-tone drawing of cursor-click on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cursor-click","t":"CursorClick","d":"CursorClick, the duotone drawing of cursor-click on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cursor-click","t":"CursorClick","d":"CursorClick, the fill drawing of cursor-click on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cursor-click","t":"CursorClick","d":"CursorClick, the stroke drawing of cursor-click on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cursor-click","t":"CursorClick","d":"CursorClick, the two-tone drawing of cursor-click on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cursor-click","t":"CursorClick","d":"CursorClick, the duotone drawing of cursor-click on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cursor-click","t":"CursorClick","d":"CursorClick, the fill drawing of cursor-click on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cursor-dashed-panel","t":"CursorDashedPanel","d":"CursorDashedPanel, the stroke drawing of cursor-dashed-panel on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cursor-dashed-panel","t":"CursorDashedPanel","d":"CursorDashedPanel, the two-tone drawing of cursor-dashed-panel on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cursor-dashed-panel","t":"CursorDashedPanel","d":"CursorDashedPanel, the duotone drawing of cursor-dashed-panel on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cursor-dashed-panel","t":"CursorDashedPanel","d":"CursorDashedPanel, the fill drawing of cursor-dashed-panel on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cursor-dashed-panel","t":"CursorDashedPanel","d":"CursorDashedPanel, the stroke drawing of cursor-dashed-panel on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cursor-dashed-panel","t":"CursorDashedPanel","d":"CursorDashedPanel, the two-tone drawing of cursor-dashed-panel on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cursor-dashed-panel","t":"CursorDashedPanel","d":"CursorDashedPanel, the duotone drawing of cursor-dashed-panel on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cursor-dashed-panel","t":"CursorDashedPanel","d":"CursorDashedPanel, the fill drawing of cursor-dashed-panel on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cursor-off","t":"CursorOff","d":"CursorOff, the stroke drawing of cursor-off on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cursor-off","t":"CursorOff","d":"CursorOff, the two-tone drawing of cursor-off on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cursor-off","t":"CursorOff","d":"CursorOff, the duotone drawing of cursor-off on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cursor-off","t":"CursorOff","d":"CursorOff, the fill drawing of cursor-off on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cursor-off","t":"CursorOff","d":"CursorOff, the stroke drawing of cursor-off on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cursor-off","t":"CursorOff","d":"CursorOff, the two-tone drawing of cursor-off on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cursor-off","t":"CursorOff","d":"CursorOff, the duotone drawing of cursor-off on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cursor-off","t":"CursorOff","d":"CursorOff, the fill drawing of cursor-off on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cursor-panel","t":"CursorPanel","d":"CursorPanel, the stroke drawing of cursor-panel on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cursor-panel","t":"CursorPanel","d":"CursorPanel, the two-tone drawing of cursor-panel on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cursor-panel","t":"CursorPanel","d":"CursorPanel, the duotone drawing of cursor-panel on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cursor-panel","t":"CursorPanel","d":"CursorPanel, the fill drawing of cursor-panel on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cursor-panel","t":"CursorPanel","d":"CursorPanel, the stroke drawing of cursor-panel on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cursor-panel","t":"CursorPanel","d":"CursorPanel, the two-tone drawing of cursor-panel on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cursor-panel","t":"CursorPanel","d":"CursorPanel, the duotone drawing of cursor-panel on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cursor-panel","t":"CursorPanel","d":"CursorPanel, the fill drawing of cursor-panel on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cursor-signal","t":"CursorSignal","d":"CursorSignal, the stroke drawing of cursor-signal on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cursor-signal","t":"CursorSignal","d":"CursorSignal, the two-tone drawing of cursor-signal on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cursor-signal","t":"CursorSignal","d":"CursorSignal, the duotone drawing of cursor-signal on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cursor-signal","t":"CursorSignal","d":"CursorSignal, the fill drawing of cursor-signal on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cursor-signal","t":"CursorSignal","d":"CursorSignal, the stroke drawing of cursor-signal on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cursor-signal","t":"CursorSignal","d":"CursorSignal, the two-tone drawing of cursor-signal on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cursor-signal","t":"CursorSignal","d":"CursorSignal, the duotone drawing of cursor-signal on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cursor-signal","t":"CursorSignal","d":"CursorSignal, the fill drawing of cursor-signal on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cursor-sparkles","t":"CursorSparkles","d":"CursorSparkles, the stroke drawing of cursor-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cursor-sparkles","t":"CursorSparkles","d":"CursorSparkles, the two-tone drawing of cursor-sparkles on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cursor-sparkles","t":"CursorSparkles","d":"CursorSparkles, the duotone drawing of cursor-sparkles on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cursor-sparkles","t":"CursorSparkles","d":"CursorSparkles, the fill drawing of cursor-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cursor-sparkles","t":"CursorSparkles","d":"CursorSparkles, the stroke drawing of cursor-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cursor-sparkles","t":"CursorSparkles","d":"CursorSparkles, the two-tone drawing of cursor-sparkles on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cursor-sparkles","t":"CursorSparkles","d":"CursorSparkles, the duotone drawing of cursor-sparkles on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cursor-sparkles","t":"CursorSparkles","d":"CursorSparkles, the fill drawing of cursor-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cursor-text","t":"CursorText","d":"CursorText, the stroke drawing of cursor-text on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cursor-text","t":"CursorText","d":"CursorText, the two-tone drawing of cursor-text on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cursor-text","t":"CursorText","d":"CursorText, the duotone drawing of cursor-text on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cursor-text","t":"CursorText","d":"CursorText, the fill drawing of cursor-text on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cursor-text","t":"CursorText","d":"CursorText, the stroke drawing of cursor-text on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cursor-text","t":"CursorText","d":"CursorText, the two-tone drawing of cursor-text on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cursor-text","t":"CursorText","d":"CursorText, the duotone drawing of cursor-text on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cursor-text","t":"CursorText","d":"CursorText, the fill drawing of cursor-text on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:cursor-window","t":"CursorWindow","d":"CursorWindow, the stroke drawing of cursor-window on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/cursor-window","t":"CursorWindow","d":"CursorWindow, the two-tone drawing of cursor-window on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/cursor-window","t":"CursorWindow","d":"CursorWindow, the duotone drawing of cursor-window on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/cursor-window","t":"CursorWindow","d":"CursorWindow, the fill drawing of cursor-window on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/cursor-window","t":"CursorWindow","d":"CursorWindow, the stroke drawing of cursor-window on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/cursor-window","t":"CursorWindow","d":"CursorWindow, the two-tone drawing of cursor-window on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/cursor-window","t":"CursorWindow","d":"CursorWindow, the duotone drawing of cursor-window on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/cursor-window","t":"CursorWindow","d":"CursorWindow, the fill drawing of cursor-window on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:database","t":"Database","d":"Database, the stroke drawing of database on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/database","t":"Database","d":"Database, the two-tone drawing of database on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/database","t":"Database","d":"Database, the duotone drawing of database on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/database","t":"Database","d":"Database, the fill drawing of database on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/database","t":"Database","d":"Database, the stroke drawing of database on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/database","t":"Database","d":"Database, the two-tone drawing of database on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/database","t":"Database","d":"Database, the duotone drawing of database on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/database","t":"Database","d":"Database, the fill drawing of database on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:database-arrow-down","t":"DatabaseArrowDown","d":"DatabaseArrowDown, the stroke drawing of database-arrow-down on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/database-arrow-down","t":"DatabaseArrowDown","d":"DatabaseArrowDown, the two-tone drawing of database-arrow-down on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/database-arrow-down","t":"DatabaseArrowDown","d":"DatabaseArrowDown, the duotone drawing of database-arrow-down on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/database-arrow-down","t":"DatabaseArrowDown","d":"DatabaseArrowDown, the fill drawing of database-arrow-down on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/database-arrow-down","t":"DatabaseArrowDown","d":"DatabaseArrowDown, the stroke drawing of database-arrow-down on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/database-arrow-down","t":"DatabaseArrowDown","d":"DatabaseArrowDown, the two-tone drawing of database-arrow-down on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/database-arrow-down","t":"DatabaseArrowDown","d":"DatabaseArrowDown, the duotone drawing of database-arrow-down on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/database-arrow-down","t":"DatabaseArrowDown","d":"DatabaseArrowDown, the fill drawing of database-arrow-down on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:database-arrow-left","t":"DatabaseArrowLeft","d":"DatabaseArrowLeft, the stroke drawing of database-arrow-left on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/database-arrow-left","t":"DatabaseArrowLeft","d":"DatabaseArrowLeft, the two-tone drawing of database-arrow-left on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/database-arrow-left","t":"DatabaseArrowLeft","d":"DatabaseArrowLeft, the duotone drawing of database-arrow-left on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/database-arrow-left","t":"DatabaseArrowLeft","d":"DatabaseArrowLeft, the fill drawing of database-arrow-left on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/database-arrow-left","t":"DatabaseArrowLeft","d":"DatabaseArrowLeft, the stroke drawing of database-arrow-left on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/database-arrow-left","t":"DatabaseArrowLeft","d":"DatabaseArrowLeft, the two-tone drawing of database-arrow-left on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/database-arrow-left","t":"DatabaseArrowLeft","d":"DatabaseArrowLeft, the duotone drawing of database-arrow-left on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/database-arrow-left","t":"DatabaseArrowLeft","d":"DatabaseArrowLeft, the fill drawing of database-arrow-left on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:database-arrow-right","t":"DatabaseArrowRight","d":"DatabaseArrowRight, the stroke drawing of database-arrow-right on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/database-arrow-right","t":"DatabaseArrowRight","d":"DatabaseArrowRight, the two-tone drawing of database-arrow-right on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/database-arrow-right","t":"DatabaseArrowRight","d":"DatabaseArrowRight, the duotone drawing of database-arrow-right on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/database-arrow-right","t":"DatabaseArrowRight","d":"DatabaseArrowRight, the fill drawing of database-arrow-right on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/database-arrow-right","t":"DatabaseArrowRight","d":"DatabaseArrowRight, the stroke drawing of database-arrow-right on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/database-arrow-right","t":"DatabaseArrowRight","d":"DatabaseArrowRight, the two-tone drawing of database-arrow-right on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/database-arrow-right","t":"DatabaseArrowRight","d":"DatabaseArrowRight, the duotone drawing of database-arrow-right on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/database-arrow-right","t":"DatabaseArrowRight","d":"DatabaseArrowRight, the fill drawing of database-arrow-right on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:database-arrow-up","t":"DatabaseArrowUp","d":"DatabaseArrowUp, the stroke drawing of database-arrow-up on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/database-arrow-up","t":"DatabaseArrowUp","d":"DatabaseArrowUp, the two-tone drawing of database-arrow-up on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/database-arrow-up","t":"DatabaseArrowUp","d":"DatabaseArrowUp, the duotone drawing of database-arrow-up on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/database-arrow-up","t":"DatabaseArrowUp","d":"DatabaseArrowUp, the fill drawing of database-arrow-up on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/database-arrow-up","t":"DatabaseArrowUp","d":"DatabaseArrowUp, the stroke drawing of database-arrow-up on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/database-arrow-up","t":"DatabaseArrowUp","d":"DatabaseArrowUp, the two-tone drawing of database-arrow-up on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/database-arrow-up","t":"DatabaseArrowUp","d":"DatabaseArrowUp, the duotone drawing of database-arrow-up on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/database-arrow-up","t":"DatabaseArrowUp","d":"DatabaseArrowUp, the fill drawing of database-arrow-up on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:database-check","t":"DatabaseCheck","d":"DatabaseCheck, the stroke drawing of database-check on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/database-check","t":"DatabaseCheck","d":"DatabaseCheck, the two-tone drawing of database-check on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/database-check","t":"DatabaseCheck","d":"DatabaseCheck, the duotone drawing of database-check on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/database-check","t":"DatabaseCheck","d":"DatabaseCheck, the fill drawing of database-check on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/database-check","t":"DatabaseCheck","d":"DatabaseCheck, the stroke drawing of database-check on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/database-check","t":"DatabaseCheck","d":"DatabaseCheck, the two-tone drawing of database-check on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/database-check","t":"DatabaseCheck","d":"DatabaseCheck, the duotone drawing of database-check on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/database-check","t":"DatabaseCheck","d":"DatabaseCheck, the fill drawing of database-check on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:database-cog","t":"DatabaseCog","d":"DatabaseCog, the stroke drawing of database-cog on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/database-cog","t":"DatabaseCog","d":"DatabaseCog, the two-tone drawing of database-cog on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/database-cog","t":"DatabaseCog","d":"DatabaseCog, the duotone drawing of database-cog on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/database-cog","t":"DatabaseCog","d":"DatabaseCog, the fill drawing of database-cog on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/database-cog","t":"DatabaseCog","d":"DatabaseCog, the stroke drawing of database-cog on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/database-cog","t":"DatabaseCog","d":"DatabaseCog, the two-tone drawing of database-cog on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/database-cog","t":"DatabaseCog","d":"DatabaseCog, the duotone drawing of database-cog on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/database-cog","t":"DatabaseCog","d":"DatabaseCog, the fill drawing of database-cog on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:database-minus","t":"DatabaseMinus","d":"DatabaseMinus, the stroke drawing of database-minus on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/database-minus","t":"DatabaseMinus","d":"DatabaseMinus, the two-tone drawing of database-minus on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/database-minus","t":"DatabaseMinus","d":"DatabaseMinus, the duotone drawing of database-minus on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/database-minus","t":"DatabaseMinus","d":"DatabaseMinus, the fill drawing of database-minus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/database-minus","t":"DatabaseMinus","d":"DatabaseMinus, the stroke drawing of database-minus on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/database-minus","t":"DatabaseMinus","d":"DatabaseMinus, the two-tone drawing of database-minus on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/database-minus","t":"DatabaseMinus","d":"DatabaseMinus, the duotone drawing of database-minus on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/database-minus","t":"DatabaseMinus","d":"DatabaseMinus, the fill drawing of database-minus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:database-plus","t":"DatabasePlus","d":"DatabasePlus, the stroke drawing of database-plus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/database-plus","t":"DatabasePlus","d":"DatabasePlus, the two-tone drawing of database-plus on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/database-plus","t":"DatabasePlus","d":"DatabasePlus, the duotone drawing of database-plus on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/database-plus","t":"DatabasePlus","d":"DatabasePlus, the fill drawing of database-plus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/database-plus","t":"DatabasePlus","d":"DatabasePlus, the stroke drawing of database-plus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/database-plus","t":"DatabasePlus","d":"DatabasePlus, the two-tone drawing of database-plus on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/database-plus","t":"DatabasePlus","d":"DatabasePlus, the duotone drawing of database-plus on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/database-plus","t":"DatabasePlus","d":"DatabasePlus, the fill drawing of database-plus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:database-sparkles","t":"DatabaseSparkles","d":"DatabaseSparkles, the stroke drawing of database-sparkles on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/database-sparkles","t":"DatabaseSparkles","d":"DatabaseSparkles, the two-tone drawing of database-sparkles on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/database-sparkles","t":"DatabaseSparkles","d":"DatabaseSparkles, the duotone drawing of database-sparkles on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/database-sparkles","t":"DatabaseSparkles","d":"DatabaseSparkles, the fill drawing of database-sparkles on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/database-sparkles","t":"DatabaseSparkles","d":"DatabaseSparkles, the stroke drawing of database-sparkles on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/database-sparkles","t":"DatabaseSparkles","d":"DatabaseSparkles, the two-tone drawing of database-sparkles on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/database-sparkles","t":"DatabaseSparkles","d":"DatabaseSparkles, the duotone drawing of database-sparkles on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/database-sparkles","t":"DatabaseSparkles","d":"DatabaseSparkles, the fill drawing of database-sparkles on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:database-zap","t":"DatabaseZap","d":"DatabaseZap, the stroke drawing of database-zap on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/database-zap","t":"DatabaseZap","d":"DatabaseZap, the two-tone drawing of database-zap on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/database-zap","t":"DatabaseZap","d":"DatabaseZap, the duotone drawing of database-zap on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/database-zap","t":"DatabaseZap","d":"DatabaseZap, the fill drawing of database-zap on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/database-zap","t":"DatabaseZap","d":"DatabaseZap, the stroke drawing of database-zap on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/database-zap","t":"DatabaseZap","d":"DatabaseZap, the two-tone drawing of database-zap on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/database-zap","t":"DatabaseZap","d":"DatabaseZap, the duotone drawing of database-zap on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/database-zap","t":"DatabaseZap","d":"DatabaseZap, the fill drawing of database-zap on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:delete","t":"Delete","d":"Delete, the stroke drawing of delete on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/delete","t":"Delete","d":"Delete, the two-tone drawing of delete on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/delete","t":"Delete","d":"Delete, the duotone drawing of delete on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/delete","t":"Delete","d":"Delete, the fill drawing of delete on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/delete","t":"Delete","d":"Delete, the stroke drawing of delete on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/delete","t":"Delete","d":"Delete, the two-tone drawing of delete on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/delete","t":"Delete","d":"Delete, the duotone drawing of delete on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/delete","t":"Delete","d":"Delete, the fill drawing of delete on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:diagram-predecessor","t":"DiagramPredecessor","d":"DiagramPredecessor, the stroke drawing of diagram-predecessor on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/diagram-predecessor","t":"DiagramPredecessor","d":"DiagramPredecessor, the two-tone drawing of diagram-predecessor on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/diagram-predecessor","t":"DiagramPredecessor","d":"DiagramPredecessor, the duotone drawing of diagram-predecessor on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/diagram-predecessor","t":"DiagramPredecessor","d":"DiagramPredecessor, the fill drawing of diagram-predecessor on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/diagram-predecessor","t":"DiagramPredecessor","d":"DiagramPredecessor, the stroke drawing of diagram-predecessor on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/diagram-predecessor","t":"DiagramPredecessor","d":"DiagramPredecessor, the two-tone drawing of diagram-predecessor on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/diagram-predecessor","t":"DiagramPredecessor","d":"DiagramPredecessor, the duotone drawing of diagram-predecessor on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/diagram-predecessor","t":"DiagramPredecessor","d":"DiagramPredecessor, the fill drawing of diagram-predecessor on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:diagram-project","t":"DiagramProject","d":"DiagramProject, the stroke drawing of diagram-project on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/diagram-project","t":"DiagramProject","d":"DiagramProject, the two-tone drawing of diagram-project on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/diagram-project","t":"DiagramProject","d":"DiagramProject, the duotone drawing of diagram-project on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/diagram-project","t":"DiagramProject","d":"DiagramProject, the fill drawing of diagram-project on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/diagram-project","t":"DiagramProject","d":"DiagramProject, the stroke drawing of diagram-project on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/diagram-project","t":"DiagramProject","d":"DiagramProject, the two-tone drawing of diagram-project on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/diagram-project","t":"DiagramProject","d":"DiagramProject, the duotone drawing of diagram-project on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/diagram-project","t":"DiagramProject","d":"DiagramProject, the fill drawing of diagram-project on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:diagram-subtask","t":"DiagramSubtask","d":"DiagramSubtask, the stroke drawing of diagram-subtask on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/diagram-subtask","t":"DiagramSubtask","d":"DiagramSubtask, the two-tone drawing of diagram-subtask on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/diagram-subtask","t":"DiagramSubtask","d":"DiagramSubtask, the duotone drawing of diagram-subtask on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/diagram-subtask","t":"DiagramSubtask","d":"DiagramSubtask, the fill drawing of diagram-subtask on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/diagram-subtask","t":"DiagramSubtask","d":"DiagramSubtask, the stroke drawing of diagram-subtask on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/diagram-subtask","t":"DiagramSubtask","d":"DiagramSubtask, the two-tone drawing of diagram-subtask on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/diagram-subtask","t":"DiagramSubtask","d":"DiagramSubtask, the duotone drawing of diagram-subtask on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/diagram-subtask","t":"DiagramSubtask","d":"DiagramSubtask, the fill drawing of diagram-subtask on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:diagram-successor","t":"DiagramSuccessor","d":"DiagramSuccessor, the stroke drawing of diagram-successor on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/diagram-successor","t":"DiagramSuccessor","d":"DiagramSuccessor, the two-tone drawing of diagram-successor on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/diagram-successor","t":"DiagramSuccessor","d":"DiagramSuccessor, the duotone drawing of diagram-successor on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/diagram-successor","t":"DiagramSuccessor","d":"DiagramSuccessor, the fill drawing of diagram-successor on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/diagram-successor","t":"DiagramSuccessor","d":"DiagramSuccessor, the stroke drawing of diagram-successor on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/diagram-successor","t":"DiagramSuccessor","d":"DiagramSuccessor, the two-tone drawing of diagram-successor on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/diagram-successor","t":"DiagramSuccessor","d":"DiagramSuccessor, the duotone drawing of diagram-successor on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/diagram-successor","t":"DiagramSuccessor","d":"DiagramSuccessor, the fill drawing of diagram-successor on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:dice-1","t":"Dice #1","d":"Dice1, the stroke drawing of dice-1 on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/dice-1","t":"Dice #1","d":"Dice1, the two-tone drawing of dice-1 on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/dice-1","t":"Dice #1","d":"Dice1, the duotone drawing of dice-1 on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/dice-1","t":"Dice #1","d":"Dice1, the fill drawing of dice-1 on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/dice-1","t":"Dice #1","d":"Dice1, the stroke drawing of dice-1 on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/dice-1","t":"Dice #1","d":"Dice1, the two-tone drawing of dice-1 on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/dice-1","t":"Dice #1","d":"Dice1, the duotone drawing of dice-1 on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/dice-1","t":"Dice #1","d":"Dice1, the fill drawing of dice-1 on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:dice-2","t":"Dice #2","d":"Dice2, the stroke drawing of dice-2 on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/dice-2","t":"Dice #2","d":"Dice2, the two-tone drawing of dice-2 on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/dice-2","t":"Dice #2","d":"Dice2, the duotone drawing of dice-2 on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/dice-2","t":"Dice #2","d":"Dice2, the fill drawing of dice-2 on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/dice-2","t":"Dice #2","d":"Dice2, the stroke drawing of dice-2 on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/dice-2","t":"Dice #2","d":"Dice2, the two-tone drawing of dice-2 on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/dice-2","t":"Dice #2","d":"Dice2, the duotone drawing of dice-2 on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/dice-2","t":"Dice #2","d":"Dice2, the fill drawing of dice-2 on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:dice-3","t":"Dice #3","d":"Dice3, the stroke drawing of dice-3 on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/dice-3","t":"Dice #3","d":"Dice3, the two-tone drawing of dice-3 on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/dice-3","t":"Dice #3","d":"Dice3, the duotone drawing of dice-3 on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/dice-3","t":"Dice #3","d":"Dice3, the fill drawing of dice-3 on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/dice-3","t":"Dice #3","d":"Dice3, the stroke drawing of dice-3 on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/dice-3","t":"Dice #3","d":"Dice3, the two-tone drawing of dice-3 on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/dice-3","t":"Dice #3","d":"Dice3, the duotone drawing of dice-3 on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/dice-3","t":"Dice #3","d":"Dice3, the fill drawing of dice-3 on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:dice-4","t":"Dice #4","d":"Dice4, the stroke drawing of dice-4 on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/dice-4","t":"Dice #4","d":"Dice4, the two-tone drawing of dice-4 on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/dice-4","t":"Dice #4","d":"Dice4, the duotone drawing of dice-4 on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/dice-4","t":"Dice #4","d":"Dice4, the fill drawing of dice-4 on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/dice-4","t":"Dice #4","d":"Dice4, the stroke drawing of dice-4 on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/dice-4","t":"Dice #4","d":"Dice4, the two-tone drawing of dice-4 on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/dice-4","t":"Dice #4","d":"Dice4, the duotone drawing of dice-4 on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/dice-4","t":"Dice #4","d":"Dice4, the fill drawing of dice-4 on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:dice-5","t":"Dice #5","d":"Dice5, the stroke drawing of dice-5 on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/dice-5","t":"Dice #5","d":"Dice5, the two-tone drawing of dice-5 on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/dice-5","t":"Dice #5","d":"Dice5, the duotone drawing of dice-5 on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/dice-5","t":"Dice #5","d":"Dice5, the fill drawing of dice-5 on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/dice-5","t":"Dice #5","d":"Dice5, the stroke drawing of dice-5 on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/dice-5","t":"Dice #5","d":"Dice5, the two-tone drawing of dice-5 on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/dice-5","t":"Dice #5","d":"Dice5, the duotone drawing of dice-5 on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/dice-5","t":"Dice #5","d":"Dice5, the fill drawing of dice-5 on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:dice-6","t":"Dice #6","d":"Dice6, the stroke drawing of dice-6 on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/dice-6","t":"Dice #6","d":"Dice6, the two-tone drawing of dice-6 on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/dice-6","t":"Dice #6","d":"Dice6, the duotone drawing of dice-6 on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/dice-6","t":"Dice #6","d":"Dice6, the fill drawing of dice-6 on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/dice-6","t":"Dice #6","d":"Dice6, the stroke drawing of dice-6 on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/dice-6","t":"Dice #6","d":"Dice6, the two-tone drawing of dice-6 on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/dice-6","t":"Dice #6","d":"Dice6, the duotone drawing of dice-6 on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/dice-6","t":"Dice #6","d":"Dice6, the fill drawing of dice-6 on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:dice-6-horizontal","t":"Dice6Horizontal","d":"Dice6Horizontal, the stroke drawing of dice-6-horizontal on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/dice-6-horizontal","t":"Dice6Horizontal","d":"Dice6Horizontal, the two-tone drawing of dice-6-horizontal on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/dice-6-horizontal","t":"Dice6Horizontal","d":"Dice6Horizontal, the duotone drawing of dice-6-horizontal on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/dice-6-horizontal","t":"Dice6Horizontal","d":"Dice6Horizontal, the fill drawing of dice-6-horizontal on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/dice-6-horizontal","t":"Dice6Horizontal","d":"Dice6Horizontal, the stroke drawing of dice-6-horizontal on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/dice-6-horizontal","t":"Dice6Horizontal","d":"Dice6Horizontal, the two-tone drawing of dice-6-horizontal on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/dice-6-horizontal","t":"Dice6Horizontal","d":"Dice6Horizontal, the duotone drawing of dice-6-horizontal on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/dice-6-horizontal","t":"Dice6Horizontal","d":"Dice6Horizontal, the fill drawing of dice-6-horizontal on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-divide","t":"CircleDivide","d":"CircleDivide, the stroke drawing of circle-divide on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-divide","t":"CircleDivide","d":"CircleDivide, the two-tone drawing of circle-divide on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-divide","t":"CircleDivide","d":"CircleDivide, the duotone drawing of circle-divide on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-divide","t":"CircleDivide","d":"CircleDivide, the fill drawing of circle-divide on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-divide","t":"CircleDivide","d":"CircleDivide, the stroke drawing of circle-divide on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-divide","t":"CircleDivide","d":"CircleDivide, the two-tone drawing of circle-divide on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-divide","t":"CircleDivide","d":"CircleDivide, the duotone drawing of circle-divide on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-divide","t":"CircleDivide","d":"CircleDivide, the fill drawing of circle-divide on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:divide","t":"Divide","d":"Divide, the stroke drawing of divide on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/divide","t":"Divide","d":"Divide, the two-tone drawing of divide on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/divide","t":"Divide","d":"Divide, the duotone drawing of divide on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/divide","t":"Divide","d":"Divide, the fill drawing of divide on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/divide","t":"Divide","d":"Divide, the stroke drawing of divide on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/divide","t":"Divide","d":"Divide, the two-tone drawing of divide on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/divide","t":"Divide","d":"Divide, the duotone drawing of divide on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/divide","t":"Divide","d":"Divide, the fill drawing of divide on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-divide","t":"SquareDivide","d":"SquareDivide, the stroke drawing of square-divide on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-divide","t":"SquareDivide","d":"SquareDivide, the two-tone drawing of square-divide on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-divide","t":"SquareDivide","d":"SquareDivide, the duotone drawing of square-divide on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-divide","t":"SquareDivide","d":"SquareDivide, the fill drawing of square-divide on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-divide","t":"SquareDivide","d":"SquareDivide, the stroke drawing of square-divide on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-divide","t":"SquareDivide","d":"SquareDivide, the two-tone drawing of square-divide on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-divide","t":"SquareDivide","d":"SquareDivide, the duotone drawing of square-divide on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-divide","t":"SquareDivide","d":"SquareDivide, the fill drawing of square-divide on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-dollar-sign","t":"CircleDollarSign","d":"CircleDollarSign, the stroke drawing of circle-dollar-sign on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-dollar-sign","t":"CircleDollarSign","d":"CircleDollarSign, the two-tone drawing of circle-dollar-sign on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-dollar-sign","t":"CircleDollarSign","d":"CircleDollarSign, the duotone drawing of circle-dollar-sign on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-dollar-sign","t":"CircleDollarSign","d":"CircleDollarSign, the fill drawing of circle-dollar-sign on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-dollar-sign","t":"CircleDollarSign","d":"CircleDollarSign, the stroke drawing of circle-dollar-sign on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-dollar-sign","t":"CircleDollarSign","d":"CircleDollarSign, the two-tone drawing of circle-dollar-sign on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-dollar-sign","t":"CircleDollarSign","d":"CircleDollarSign, the duotone drawing of circle-dollar-sign on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-dollar-sign","t":"CircleDollarSign","d":"CircleDollarSign, the fill drawing of circle-dollar-sign on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:dollar-sign","t":"DollarSign","d":"DollarSign, the stroke drawing of dollar-sign on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/dollar-sign","t":"DollarSign","d":"DollarSign, the two-tone drawing of dollar-sign on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/dollar-sign","t":"DollarSign","d":"DollarSign, the duotone drawing of dollar-sign on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/dollar-sign","t":"DollarSign","d":"DollarSign, the fill drawing of dollar-sign on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/dollar-sign","t":"DollarSign","d":"DollarSign, the stroke drawing of dollar-sign on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/dollar-sign","t":"DollarSign","d":"DollarSign, the two-tone drawing of dollar-sign on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/dollar-sign","t":"DollarSign","d":"DollarSign, the duotone drawing of dollar-sign on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/dollar-sign","t":"DollarSign","d":"DollarSign, the fill drawing of dollar-sign on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:dollar-sign-sparkles","t":"DollarSignSparkles","d":"DollarSignSparkles, the stroke drawing of dollar-sign-sparkles on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/dollar-sign-sparkles","t":"DollarSignSparkles","d":"DollarSignSparkles, the two-tone drawing of dollar-sign-sparkles on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/dollar-sign-sparkles","t":"DollarSignSparkles","d":"DollarSignSparkles, the duotone drawing of dollar-sign-sparkles on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/dollar-sign-sparkles","t":"DollarSignSparkles","d":"DollarSignSparkles, the fill drawing of dollar-sign-sparkles on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/dollar-sign-sparkles","t":"DollarSignSparkles","d":"DollarSignSparkles, the stroke drawing of dollar-sign-sparkles on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/dollar-sign-sparkles","t":"DollarSignSparkles","d":"DollarSignSparkles, the two-tone drawing of dollar-sign-sparkles on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/dollar-sign-sparkles","t":"DollarSignSparkles","d":"DollarSignSparkles, the duotone drawing of dollar-sign-sparkles on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/dollar-sign-sparkles","t":"DollarSignSparkles","d":"DollarSignSparkles, the fill drawing of dollar-sign-sparkles on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:door","t":"Door","d":"Door, the stroke drawing of door on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/door","t":"Door","d":"Door, the two-tone drawing of door on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/door","t":"Door","d":"Door, the duotone drawing of door on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/door","t":"Door","d":"Door, the fill drawing of door on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/door","t":"Door","d":"Door, the stroke drawing of door on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/door","t":"Door","d":"Door, the two-tone drawing of door on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/door","t":"Door","d":"Door, the duotone drawing of door on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/door","t":"Door","d":"Door, the fill drawing of door on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:door-open","t":"DoorOpen","d":"DoorOpen, the stroke drawing of door-open on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/door-open","t":"DoorOpen","d":"DoorOpen, the two-tone drawing of door-open on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/door-open","t":"DoorOpen","d":"DoorOpen, the duotone drawing of door-open on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/door-open","t":"DoorOpen","d":"DoorOpen, the fill drawing of door-open on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/door-open","t":"DoorOpen","d":"DoorOpen, the stroke drawing of door-open on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/door-open","t":"DoorOpen","d":"DoorOpen, the two-tone drawing of door-open on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/door-open","t":"DoorOpen","d":"DoorOpen, the duotone drawing of door-open on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/door-open","t":"DoorOpen","d":"DoorOpen, the fill drawing of door-open on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:dot","t":"Dot","d":"Dot, the stroke drawing of dot on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/dot","t":"Dot","d":"Dot, the two-tone drawing of dot on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/dot","t":"Dot","d":"Dot, the duotone drawing of dot on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/dot","t":"Dot","d":"Dot, the fill drawing of dot on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/dot","t":"Dot","d":"Dot, the stroke drawing of dot on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/dot","t":"Dot","d":"Dot, the two-tone drawing of dot on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/dot","t":"Dot","d":"Dot, the duotone drawing of dot on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/dot","t":"Dot","d":"Dot, the fill drawing of dot on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:double-check","t":"DoubleCheck","d":"DoubleCheck, the stroke drawing of double-check on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/double-check","t":"DoubleCheck","d":"DoubleCheck, the two-tone drawing of double-check on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/double-check","t":"DoubleCheck","d":"DoubleCheck, the duotone drawing of double-check on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/double-check","t":"DoubleCheck","d":"DoubleCheck, the fill drawing of double-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/double-check","t":"DoubleCheck","d":"DoubleCheck, the stroke drawing of double-check on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/double-check","t":"DoubleCheck","d":"DoubleCheck, the two-tone drawing of double-check on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/double-check","t":"DoubleCheck","d":"DoubleCheck, the duotone drawing of double-check on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/double-check","t":"DoubleCheck","d":"DoubleCheck, the fill drawing of double-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:download","t":"Download","d":"Download, the stroke drawing of download on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/download","t":"Download","d":"Download, the two-tone drawing of download on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/download","t":"Download","d":"Download, the duotone drawing of download on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/download","t":"Download","d":"Download, the fill drawing of download on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/download","t":"Download","d":"Download, the stroke drawing of download on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/download","t":"Download","d":"Download, the two-tone drawing of download on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/download","t":"Download","d":"Download, the duotone drawing of download on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/download","t":"Download","d":"Download, the fill drawing of download on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:droplet","t":"Droplet","d":"Droplet, the stroke drawing of droplet on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/droplet","t":"Droplet","d":"Droplet, the two-tone drawing of droplet on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/droplet","t":"Droplet","d":"Droplet, the duotone drawing of droplet on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/droplet","t":"Droplet","d":"Droplet, the fill drawing of droplet on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/droplet","t":"Droplet","d":"Droplet, the stroke drawing of droplet on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/droplet","t":"Droplet","d":"Droplet, the two-tone drawing of droplet on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/droplet","t":"Droplet","d":"Droplet, the duotone drawing of droplet on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/droplet","t":"Droplet","d":"Droplet, the fill drawing of droplet on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:droplet-off","t":"DropletOff","d":"DropletOff, the stroke drawing of droplet-off on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/droplet-off","t":"DropletOff","d":"DropletOff, the two-tone drawing of droplet-off on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/droplet-off","t":"DropletOff","d":"DropletOff, the duotone drawing of droplet-off on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/droplet-off","t":"DropletOff","d":"DropletOff, the fill drawing of droplet-off on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/droplet-off","t":"DropletOff","d":"DropletOff, the stroke drawing of droplet-off on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/droplet-off","t":"DropletOff","d":"DropletOff, the two-tone drawing of droplet-off on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/droplet-off","t":"DropletOff","d":"DropletOff, the duotone drawing of droplet-off on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/droplet-off","t":"DropletOff","d":"DropletOff, the fill drawing of droplet-off on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:droplets","t":"Droplets","d":"Droplets, the stroke drawing of droplets on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/droplets","t":"Droplets","d":"Droplets, the two-tone drawing of droplets on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/droplets","t":"Droplets","d":"Droplets, the duotone drawing of droplets on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/droplets","t":"Droplets","d":"Droplets, the fill drawing of droplets on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/droplets","t":"Droplets","d":"Droplets, the stroke drawing of droplets on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/droplets","t":"Droplets","d":"Droplets, the two-tone drawing of droplets on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/droplets","t":"Droplets","d":"Droplets, the duotone drawing of droplets on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/droplets","t":"Droplets","d":"Droplets, the fill drawing of droplets on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:ear","t":"Ear","d":"Ear, the stroke drawing of ear on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/ear","t":"Ear","d":"Ear, the two-tone drawing of ear on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/ear","t":"Ear","d":"Ear, the duotone drawing of ear on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/ear","t":"Ear","d":"Ear, the fill drawing of ear on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/ear","t":"Ear","d":"Ear, the stroke drawing of ear on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/ear","t":"Ear","d":"Ear, the two-tone drawing of ear on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/ear","t":"Ear","d":"Ear, the duotone drawing of ear on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/ear","t":"Ear","d":"Ear, the fill drawing of ear on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:ear-listen","t":"EarListen","d":"EarListen, the stroke drawing of ear-listen on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/ear-listen","t":"EarListen","d":"EarListen, the two-tone drawing of ear-listen on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/ear-listen","t":"EarListen","d":"EarListen, the duotone drawing of ear-listen on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/ear-listen","t":"EarListen","d":"EarListen, the fill drawing of ear-listen on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/ear-listen","t":"EarListen","d":"EarListen, the stroke drawing of ear-listen on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/ear-listen","t":"EarListen","d":"EarListen, the two-tone drawing of ear-listen on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/ear-listen","t":"EarListen","d":"EarListen, the duotone drawing of ear-listen on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/ear-listen","t":"EarListen","d":"EarListen, the fill drawing of ear-listen on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:ear-waveform","t":"EarWaveform","d":"EarWaveform, the stroke drawing of ear-waveform on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/ear-waveform","t":"EarWaveform","d":"EarWaveform, the two-tone drawing of ear-waveform on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/ear-waveform","t":"EarWaveform","d":"EarWaveform, the duotone drawing of ear-waveform on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/ear-waveform","t":"EarWaveform","d":"EarWaveform, the fill drawing of ear-waveform on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/ear-waveform","t":"EarWaveform","d":"EarWaveform, the stroke drawing of ear-waveform on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/ear-waveform","t":"EarWaveform","d":"EarWaveform, the two-tone drawing of ear-waveform on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/ear-waveform","t":"EarWaveform","d":"EarWaveform, the duotone drawing of ear-waveform on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/ear-waveform","t":"EarWaveform","d":"EarWaveform, the fill drawing of ear-waveform on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:earbuds","t":"Earbuds","d":"Earbuds, the stroke drawing of earbuds on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/earbuds","t":"Earbuds","d":"Earbuds, the two-tone drawing of earbuds on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/earbuds","t":"Earbuds","d":"Earbuds, the duotone drawing of earbuds on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/earbuds","t":"Earbuds","d":"Earbuds, the fill drawing of earbuds on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/earbuds","t":"Earbuds","d":"Earbuds, the stroke drawing of earbuds on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/earbuds","t":"Earbuds","d":"Earbuds, the two-tone drawing of earbuds on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/earbuds","t":"Earbuds","d":"Earbuds, the duotone drawing of earbuds on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/earbuds","t":"Earbuds","d":"Earbuds, the fill drawing of earbuds on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:earth","t":"Earth","d":"Earth, the stroke drawing of earth on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/earth","t":"Earth","d":"Earth, the two-tone drawing of earth on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/earth","t":"Earth","d":"Earth, the duotone drawing of earth on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/earth","t":"Earth","d":"Earth, the fill drawing of earth on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/earth","t":"Earth","d":"Earth, the stroke drawing of earth on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/earth","t":"Earth","d":"Earth, the two-tone drawing of earth on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/earth","t":"Earth","d":"Earth, the duotone drawing of earth on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/earth","t":"Earth","d":"Earth, the fill drawing of earth on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:easel","t":"Easel","d":"Easel, the stroke drawing of easel on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/easel","t":"Easel","d":"Easel, the two-tone drawing of easel on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/easel","t":"Easel","d":"Easel, the duotone drawing of easel on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/easel","t":"Easel","d":"Easel, the fill drawing of easel on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/easel","t":"Easel","d":"Easel, the stroke drawing of easel on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/easel","t":"Easel","d":"Easel, the two-tone drawing of easel on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/easel","t":"Easel","d":"Easel, the duotone drawing of easel on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/easel","t":"Easel","d":"Easel, the fill drawing of easel on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:eject","t":"Eject","d":"Eject, the stroke drawing of eject on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/eject","t":"Eject","d":"Eject, the two-tone drawing of eject on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/eject","t":"Eject","d":"Eject, the duotone drawing of eject on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/eject","t":"Eject","d":"Eject, the fill drawing of eject on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/eject","t":"Eject","d":"Eject, the stroke drawing of eject on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/eject","t":"Eject","d":"Eject, the two-tone drawing of eject on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/eject","t":"Eject","d":"Eject, the duotone drawing of eject on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/eject","t":"Eject","d":"Eject, the fill drawing of eject on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-equal","t":"CircleEqual","d":"CircleEqual, the stroke drawing of circle-equal on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-equal","t":"CircleEqual","d":"CircleEqual, the two-tone drawing of circle-equal on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-equal","t":"CircleEqual","d":"CircleEqual, the duotone drawing of circle-equal on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-equal","t":"CircleEqual","d":"CircleEqual, the fill drawing of circle-equal on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-equal","t":"CircleEqual","d":"CircleEqual, the stroke drawing of circle-equal on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-equal","t":"CircleEqual","d":"CircleEqual, the two-tone drawing of circle-equal on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-equal","t":"CircleEqual","d":"CircleEqual, the duotone drawing of circle-equal on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-equal","t":"CircleEqual","d":"CircleEqual, the fill drawing of circle-equal on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:equal","t":"Equal","d":"Equal, the stroke drawing of equal on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/equal","t":"Equal","d":"Equal, the two-tone drawing of equal on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/equal","t":"Equal","d":"Equal, the duotone drawing of equal on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/equal","t":"Equal","d":"Equal, the fill drawing of equal on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/equal","t":"Equal","d":"Equal, the stroke drawing of equal on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/equal","t":"Equal","d":"Equal, the two-tone drawing of equal on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/equal","t":"Equal","d":"Equal, the duotone drawing of equal on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/equal","t":"Equal","d":"Equal, the fill drawing of equal on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-equal","t":"SquareEqual","d":"SquareEqual, the stroke drawing of square-equal on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-equal","t":"SquareEqual","d":"SquareEqual, the two-tone drawing of square-equal on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-equal","t":"SquareEqual","d":"SquareEqual, the duotone drawing of square-equal on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-equal","t":"SquareEqual","d":"SquareEqual, the fill drawing of square-equal on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-equal","t":"SquareEqual","d":"SquareEqual, the stroke drawing of square-equal on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-equal","t":"SquareEqual","d":"SquareEqual, the two-tone drawing of square-equal on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-equal","t":"SquareEqual","d":"SquareEqual, the duotone drawing of square-equal on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-equal","t":"SquareEqual","d":"SquareEqual, the fill drawing of square-equal on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:equal-approximately","t":"EqualApproximately","d":"EqualApproximately, the stroke drawing of equal-approximately on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/equal-approximately","t":"EqualApproximately","d":"EqualApproximately, the two-tone drawing of equal-approximately on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/equal-approximately","t":"EqualApproximately","d":"EqualApproximately, the duotone drawing of equal-approximately on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/equal-approximately","t":"EqualApproximately","d":"EqualApproximately, the fill drawing of equal-approximately on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/equal-approximately","t":"EqualApproximately","d":"EqualApproximately, the stroke drawing of equal-approximately on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/equal-approximately","t":"EqualApproximately","d":"EqualApproximately, the two-tone drawing of equal-approximately on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/equal-approximately","t":"EqualApproximately","d":"EqualApproximately, the duotone drawing of equal-approximately on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/equal-approximately","t":"EqualApproximately","d":"EqualApproximately, the fill drawing of equal-approximately on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:equal-approximately-not","t":"EqualApproximatelyNot","d":"EqualApproximatelyNot, the stroke drawing of equal-approximately-not on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/equal-approximately-not","t":"EqualApproximatelyNot","d":"EqualApproximatelyNot, the two-tone drawing of equal-approximately-not on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/equal-approximately-not","t":"EqualApproximatelyNot","d":"EqualApproximatelyNot, the duotone drawing of equal-approximately-not on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/equal-approximately-not","t":"EqualApproximatelyNot","d":"EqualApproximatelyNot, the fill drawing of equal-approximately-not on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/equal-approximately-not","t":"EqualApproximatelyNot","d":"EqualApproximatelyNot, the stroke drawing of equal-approximately-not on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/equal-approximately-not","t":"EqualApproximatelyNot","d":"EqualApproximatelyNot, the two-tone drawing of equal-approximately-not on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/equal-approximately-not","t":"EqualApproximatelyNot","d":"EqualApproximatelyNot, the duotone drawing of equal-approximately-not on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/equal-approximately-not","t":"EqualApproximatelyNot","d":"EqualApproximatelyNot, the fill drawing of equal-approximately-not on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:equal-not","t":"EqualNot","d":"EqualNot, the stroke drawing of equal-not on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/equal-not","t":"EqualNot","d":"EqualNot, the two-tone drawing of equal-not on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/equal-not","t":"EqualNot","d":"EqualNot, the duotone drawing of equal-not on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/equal-not","t":"EqualNot","d":"EqualNot, the fill drawing of equal-not on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/equal-not","t":"EqualNot","d":"EqualNot, the stroke drawing of equal-not on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/equal-not","t":"EqualNot","d":"EqualNot, the two-tone drawing of equal-not on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/equal-not","t":"EqualNot","d":"EqualNot, the duotone drawing of equal-not on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/equal-not","t":"EqualNot","d":"EqualNot, the fill drawing of equal-not on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:eraser","t":"Eraser","d":"Eraser, the stroke drawing of eraser on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/eraser","t":"Eraser","d":"Eraser, the two-tone drawing of eraser on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/eraser","t":"Eraser","d":"Eraser, the duotone drawing of eraser on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/eraser","t":"Eraser","d":"Eraser, the fill drawing of eraser on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/eraser","t":"Eraser","d":"Eraser, the stroke drawing of eraser on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/eraser","t":"Eraser","d":"Eraser, the two-tone drawing of eraser on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/eraser","t":"Eraser","d":"Eraser, the duotone drawing of eraser on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/eraser","t":"Eraser","d":"Eraser, the fill drawing of eraser on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:eraser-sparkles","t":"EraserSparkles","d":"EraserSparkles, the stroke drawing of eraser-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/eraser-sparkles","t":"EraserSparkles","d":"EraserSparkles, the two-tone drawing of eraser-sparkles on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/eraser-sparkles","t":"EraserSparkles","d":"EraserSparkles, the duotone drawing of eraser-sparkles on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/eraser-sparkles","t":"EraserSparkles","d":"EraserSparkles, the fill drawing of eraser-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/eraser-sparkles","t":"EraserSparkles","d":"EraserSparkles, the stroke drawing of eraser-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/eraser-sparkles","t":"EraserSparkles","d":"EraserSparkles, the two-tone drawing of eraser-sparkles on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/eraser-sparkles","t":"EraserSparkles","d":"EraserSparkles, the duotone drawing of eraser-sparkles on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/eraser-sparkles","t":"EraserSparkles","d":"EraserSparkles, the fill drawing of eraser-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:escape","t":"Escape","d":"Escape, the stroke drawing of escape on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/escape","t":"Escape","d":"Escape, the two-tone drawing of escape on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/escape","t":"Escape","d":"Escape, the duotone drawing of escape on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/escape","t":"Escape","d":"Escape, the fill drawing of escape on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/escape","t":"Escape","d":"Escape, the stroke drawing of escape on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/escape","t":"Escape","d":"Escape, the two-tone drawing of escape on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/escape","t":"Escape","d":"Escape, the duotone drawing of escape on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/escape","t":"Escape","d":"Escape, the fill drawing of escape on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-euro","t":"CircleEuro","d":"CircleEuro, the stroke drawing of circle-euro on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-euro","t":"CircleEuro","d":"CircleEuro, the two-tone drawing of circle-euro on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-euro","t":"CircleEuro","d":"CircleEuro, the duotone drawing of circle-euro on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-euro","t":"CircleEuro","d":"CircleEuro, the fill drawing of circle-euro on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-euro","t":"CircleEuro","d":"CircleEuro, the stroke drawing of circle-euro on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-euro","t":"CircleEuro","d":"CircleEuro, the two-tone drawing of circle-euro on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-euro","t":"CircleEuro","d":"CircleEuro, the duotone drawing of circle-euro on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-euro","t":"CircleEuro","d":"CircleEuro, the fill drawing of circle-euro on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:euro","t":"Euro","d":"Euro, the stroke drawing of euro on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/euro","t":"Euro","d":"Euro, the two-tone drawing of euro on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/euro","t":"Euro","d":"Euro, the duotone drawing of euro on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/euro","t":"Euro","d":"Euro, the fill drawing of euro on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/euro","t":"Euro","d":"Euro, the stroke drawing of euro on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/euro","t":"Euro","d":"Euro, the two-tone drawing of euro on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/euro","t":"Euro","d":"Euro, the duotone drawing of euro on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/euro","t":"Euro","d":"Euro, the fill drawing of euro on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:expand-dashed-down-left","t":"ExpandDashedDownLeft","d":"ExpandDashedDownLeft, the stroke drawing of expand-dashed-down-left on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/expand-dashed-down-left","t":"ExpandDashedDownLeft","d":"ExpandDashedDownLeft, the two-tone drawing of expand-dashed-down-left on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/expand-dashed-down-left","t":"ExpandDashedDownLeft","d":"ExpandDashedDownLeft, the duotone drawing of expand-dashed-down-left on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/expand-dashed-down-left","t":"ExpandDashedDownLeft","d":"ExpandDashedDownLeft, the fill drawing of expand-dashed-down-left on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/expand-dashed-down-left","t":"ExpandDashedDownLeft","d":"ExpandDashedDownLeft, the stroke drawing of expand-dashed-down-left on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/expand-dashed-down-left","t":"ExpandDashedDownLeft","d":"ExpandDashedDownLeft, the two-tone drawing of expand-dashed-down-left on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/expand-dashed-down-left","t":"ExpandDashedDownLeft","d":"ExpandDashedDownLeft, the duotone drawing of expand-dashed-down-left on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/expand-dashed-down-left","t":"ExpandDashedDownLeft","d":"ExpandDashedDownLeft, the fill drawing of expand-dashed-down-left on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:expand-dashed-down-left-box","t":"ExpandDashedDownLeftBox","d":"ExpandDashedDownLeftBox, the stroke drawing of expand-dashed-down-left-box on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/expand-dashed-down-left-box","t":"ExpandDashedDownLeftBox","d":"ExpandDashedDownLeftBox, the two-tone drawing of expand-dashed-down-left-box on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/expand-dashed-down-left-box","t":"ExpandDashedDownLeftBox","d":"ExpandDashedDownLeftBox, the duotone drawing of expand-dashed-down-left-box on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/expand-dashed-down-left-box","t":"ExpandDashedDownLeftBox","d":"ExpandDashedDownLeftBox, the fill drawing of expand-dashed-down-left-box on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/expand-dashed-down-left-box","t":"ExpandDashedDownLeftBox","d":"ExpandDashedDownLeftBox, the stroke drawing of expand-dashed-down-left-box on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/expand-dashed-down-left-box","t":"ExpandDashedDownLeftBox","d":"ExpandDashedDownLeftBox, the two-tone drawing of expand-dashed-down-left-box on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/expand-dashed-down-left-box","t":"ExpandDashedDownLeftBox","d":"ExpandDashedDownLeftBox, the duotone drawing of expand-dashed-down-left-box on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/expand-dashed-down-left-box","t":"ExpandDashedDownLeftBox","d":"ExpandDashedDownLeftBox, the fill drawing of expand-dashed-down-left-box on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:expand-dashed-down-right","t":"ExpandDashedDownRight","d":"ExpandDashedDownRight, the stroke drawing of expand-dashed-down-right on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/expand-dashed-down-right","t":"ExpandDashedDownRight","d":"ExpandDashedDownRight, the two-tone drawing of expand-dashed-down-right on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/expand-dashed-down-right","t":"ExpandDashedDownRight","d":"ExpandDashedDownRight, the duotone drawing of expand-dashed-down-right on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/expand-dashed-down-right","t":"ExpandDashedDownRight","d":"ExpandDashedDownRight, the fill drawing of expand-dashed-down-right on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/expand-dashed-down-right","t":"ExpandDashedDownRight","d":"ExpandDashedDownRight, the stroke drawing of expand-dashed-down-right on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/expand-dashed-down-right","t":"ExpandDashedDownRight","d":"ExpandDashedDownRight, the two-tone drawing of expand-dashed-down-right on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/expand-dashed-down-right","t":"ExpandDashedDownRight","d":"ExpandDashedDownRight, the duotone drawing of expand-dashed-down-right on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/expand-dashed-down-right","t":"ExpandDashedDownRight","d":"ExpandDashedDownRight, the fill drawing of expand-dashed-down-right on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:expand-dashed-down-right-box","t":"ExpandDashedDownRightBox","d":"ExpandDashedDownRightBox, the stroke drawing of expand-dashed-down-right-box on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/expand-dashed-down-right-box","t":"ExpandDashedDownRightBox","d":"ExpandDashedDownRightBox, the two-tone drawing of expand-dashed-down-right-box on a 24×24 ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/expand-dashed-down-right-box","t":"ExpandDashedDownRightBox","d":"ExpandDashedDownRightBox, the duotone drawing of expand-dashed-down-right-box on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/expand-dashed-down-right-box","t":"ExpandDashedDownRightBox","d":"ExpandDashedDownRightBox, the fill drawing of expand-dashed-down-right-box on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/expand-dashed-down-right-box","t":"ExpandDashedDownRightBox","d":"ExpandDashedDownRightBox, the stroke drawing of expand-dashed-down-right-box on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/expand-dashed-down-right-box","t":"ExpandDashedDownRightBox","d":"ExpandDashedDownRightBox, the two-tone drawing of expand-dashed-down-right-box on a 24×24 ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/expand-dashed-down-right-box","t":"ExpandDashedDownRightBox","d":"ExpandDashedDownRightBox, the duotone drawing of expand-dashed-down-right-box on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/expand-dashed-down-right-box","t":"ExpandDashedDownRightBox","d":"ExpandDashedDownRightBox, the fill drawing of expand-dashed-down-right-box on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:expand-dashed-up-left","t":"ExpandDashedUpLeft","d":"ExpandDashedUpLeft, the stroke drawing of expand-dashed-up-left on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/expand-dashed-up-left","t":"ExpandDashedUpLeft","d":"ExpandDashedUpLeft, the two-tone drawing of expand-dashed-up-left on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/expand-dashed-up-left","t":"ExpandDashedUpLeft","d":"ExpandDashedUpLeft, the duotone drawing of expand-dashed-up-left on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/expand-dashed-up-left","t":"ExpandDashedUpLeft","d":"ExpandDashedUpLeft, the fill drawing of expand-dashed-up-left on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/expand-dashed-up-left","t":"ExpandDashedUpLeft","d":"ExpandDashedUpLeft, the stroke drawing of expand-dashed-up-left on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/expand-dashed-up-left","t":"ExpandDashedUpLeft","d":"ExpandDashedUpLeft, the two-tone drawing of expand-dashed-up-left on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/expand-dashed-up-left","t":"ExpandDashedUpLeft","d":"ExpandDashedUpLeft, the duotone drawing of expand-dashed-up-left on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/expand-dashed-up-left","t":"ExpandDashedUpLeft","d":"ExpandDashedUpLeft, the fill drawing of expand-dashed-up-left on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:expand-dashed-up-left-box","t":"ExpandDashedUpLeftBox","d":"ExpandDashedUpLeftBox, the stroke drawing of expand-dashed-up-left-box on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/expand-dashed-up-left-box","t":"ExpandDashedUpLeftBox","d":"ExpandDashedUpLeftBox, the two-tone drawing of expand-dashed-up-left-box on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/expand-dashed-up-left-box","t":"ExpandDashedUpLeftBox","d":"ExpandDashedUpLeftBox, the duotone drawing of expand-dashed-up-left-box on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/expand-dashed-up-left-box","t":"ExpandDashedUpLeftBox","d":"ExpandDashedUpLeftBox, the fill drawing of expand-dashed-up-left-box on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/expand-dashed-up-left-box","t":"ExpandDashedUpLeftBox","d":"ExpandDashedUpLeftBox, the stroke drawing of expand-dashed-up-left-box on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/expand-dashed-up-left-box","t":"ExpandDashedUpLeftBox","d":"ExpandDashedUpLeftBox, the two-tone drawing of expand-dashed-up-left-box on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/expand-dashed-up-left-box","t":"ExpandDashedUpLeftBox","d":"ExpandDashedUpLeftBox, the duotone drawing of expand-dashed-up-left-box on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/expand-dashed-up-left-box","t":"ExpandDashedUpLeftBox","d":"ExpandDashedUpLeftBox, the fill drawing of expand-dashed-up-left-box on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:expand-dashed-up-right","t":"ExpandDashedUpRight","d":"ExpandDashedUpRight, the stroke drawing of expand-dashed-up-right on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/expand-dashed-up-right","t":"ExpandDashedUpRight","d":"ExpandDashedUpRight, the two-tone drawing of expand-dashed-up-right on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/expand-dashed-up-right","t":"ExpandDashedUpRight","d":"ExpandDashedUpRight, the duotone drawing of expand-dashed-up-right on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/expand-dashed-up-right","t":"ExpandDashedUpRight","d":"ExpandDashedUpRight, the fill drawing of expand-dashed-up-right on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/expand-dashed-up-right","t":"ExpandDashedUpRight","d":"ExpandDashedUpRight, the stroke drawing of expand-dashed-up-right on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/expand-dashed-up-right","t":"ExpandDashedUpRight","d":"ExpandDashedUpRight, the two-tone drawing of expand-dashed-up-right on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/expand-dashed-up-right","t":"ExpandDashedUpRight","d":"ExpandDashedUpRight, the duotone drawing of expand-dashed-up-right on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/expand-dashed-up-right","t":"ExpandDashedUpRight","d":"ExpandDashedUpRight, the fill drawing of expand-dashed-up-right on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:expand-dashed-up-right-box","t":"ExpandDashedUpRightBox","d":"ExpandDashedUpRightBox, the stroke drawing of expand-dashed-up-right-box on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/expand-dashed-up-right-box","t":"ExpandDashedUpRightBox","d":"ExpandDashedUpRightBox, the two-tone drawing of expand-dashed-up-right-box on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/expand-dashed-up-right-box","t":"ExpandDashedUpRightBox","d":"ExpandDashedUpRightBox, the duotone drawing of expand-dashed-up-right-box on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/expand-dashed-up-right-box","t":"ExpandDashedUpRightBox","d":"ExpandDashedUpRightBox, the fill drawing of expand-dashed-up-right-box on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/expand-dashed-up-right-box","t":"ExpandDashedUpRightBox","d":"ExpandDashedUpRightBox, the stroke drawing of expand-dashed-up-right-box on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/expand-dashed-up-right-box","t":"ExpandDashedUpRightBox","d":"ExpandDashedUpRightBox, the two-tone drawing of expand-dashed-up-right-box on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/expand-dashed-up-right-box","t":"ExpandDashedUpRightBox","d":"ExpandDashedUpRightBox, the duotone drawing of expand-dashed-up-right-box on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/expand-dashed-up-right-box","t":"ExpandDashedUpRightBox","d":"ExpandDashedUpRightBox, the fill drawing of expand-dashed-up-right-box on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:eye","t":"Eye","d":"Eye, the stroke drawing of eye on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/eye","t":"Eye","d":"Eye, the two-tone drawing of eye on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/eye","t":"Eye","d":"Eye, the duotone drawing of eye on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/eye","t":"Eye","d":"Eye, the fill drawing of eye on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/eye","t":"Eye","d":"Eye, the stroke drawing of eye on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/eye","t":"Eye","d":"Eye, the two-tone drawing of eye on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/eye","t":"Eye","d":"Eye, the duotone drawing of eye on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/eye","t":"Eye","d":"Eye, the fill drawing of eye on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:eye-off","t":"EyeOff","d":"EyeOff, the stroke drawing of eye-off on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/eye-off","t":"EyeOff","d":"EyeOff, the two-tone drawing of eye-off on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/eye-off","t":"EyeOff","d":"EyeOff, the duotone drawing of eye-off on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/eye-off","t":"EyeOff","d":"EyeOff, the fill drawing of eye-off on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/eye-off","t":"EyeOff","d":"EyeOff, the stroke drawing of eye-off on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/eye-off","t":"EyeOff","d":"EyeOff, the two-tone drawing of eye-off on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/eye-off","t":"EyeOff","d":"EyeOff, the duotone drawing of eye-off on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/eye-off","t":"EyeOff","d":"EyeOff, the fill drawing of eye-off on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:eye-sparkles","t":"EyeSparkles","d":"EyeSparkles, the stroke drawing of eye-sparkles on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/eye-sparkles","t":"EyeSparkles","d":"EyeSparkles, the two-tone drawing of eye-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/eye-sparkles","t":"EyeSparkles","d":"EyeSparkles, the duotone drawing of eye-sparkles on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/eye-sparkles","t":"EyeSparkles","d":"EyeSparkles, the fill drawing of eye-sparkles on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/eye-sparkles","t":"EyeSparkles","d":"EyeSparkles, the stroke drawing of eye-sparkles on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/eye-sparkles","t":"EyeSparkles","d":"EyeSparkles, the two-tone drawing of eye-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/eye-sparkles","t":"EyeSparkles","d":"EyeSparkles, the duotone drawing of eye-sparkles on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/eye-sparkles","t":"EyeSparkles","d":"EyeSparkles, the fill drawing of eye-sparkles on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:face-angry","t":"FaceAngry","d":"FaceAngry, the stroke drawing of face-angry on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/face-angry","t":"FaceAngry","d":"FaceAngry, the two-tone drawing of face-angry on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/face-angry","t":"FaceAngry","d":"FaceAngry, the duotone drawing of face-angry on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/face-angry","t":"FaceAngry","d":"FaceAngry, the fill drawing of face-angry on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/face-angry","t":"FaceAngry","d":"FaceAngry, the stroke drawing of face-angry on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/face-angry","t":"FaceAngry","d":"FaceAngry, the two-tone drawing of face-angry on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/face-angry","t":"FaceAngry","d":"FaceAngry, the duotone drawing of face-angry on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/face-angry","t":"FaceAngry","d":"FaceAngry, the fill drawing of face-angry on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:face-expressionless","t":"FaceExpressionless","d":"FaceExpressionless, the stroke drawing of face-expressionless on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/face-expressionless","t":"FaceExpressionless","d":"FaceExpressionless, the two-tone drawing of face-expressionless on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/face-expressionless","t":"FaceExpressionless","d":"FaceExpressionless, the duotone drawing of face-expressionless on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/face-expressionless","t":"FaceExpressionless","d":"FaceExpressionless, the fill drawing of face-expressionless on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/face-expressionless","t":"FaceExpressionless","d":"FaceExpressionless, the stroke drawing of face-expressionless on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/face-expressionless","t":"FaceExpressionless","d":"FaceExpressionless, the two-tone drawing of face-expressionless on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/face-expressionless","t":"FaceExpressionless","d":"FaceExpressionless, the duotone drawing of face-expressionless on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/face-expressionless","t":"FaceExpressionless","d":"FaceExpressionless, the fill drawing of face-expressionless on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:face-frown","t":"FaceFrown","d":"FaceFrown, the stroke drawing of face-frown on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/face-frown","t":"FaceFrown","d":"FaceFrown, the two-tone drawing of face-frown on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/face-frown","t":"FaceFrown","d":"FaceFrown, the duotone drawing of face-frown on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/face-frown","t":"FaceFrown","d":"FaceFrown, the fill drawing of face-frown on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/face-frown","t":"FaceFrown","d":"FaceFrown, the stroke drawing of face-frown on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/face-frown","t":"FaceFrown","d":"FaceFrown, the two-tone drawing of face-frown on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/face-frown","t":"FaceFrown","d":"FaceFrown, the duotone drawing of face-frown on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/face-frown","t":"FaceFrown","d":"FaceFrown, the fill drawing of face-frown on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:face-laugh","t":"FaceLaugh","d":"FaceLaugh, the stroke drawing of face-laugh on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/face-laugh","t":"FaceLaugh","d":"FaceLaugh, the two-tone drawing of face-laugh on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/face-laugh","t":"FaceLaugh","d":"FaceLaugh, the duotone drawing of face-laugh on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/face-laugh","t":"FaceLaugh","d":"FaceLaugh, the fill drawing of face-laugh on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/face-laugh","t":"FaceLaugh","d":"FaceLaugh, the stroke drawing of face-laugh on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/face-laugh","t":"FaceLaugh","d":"FaceLaugh, the two-tone drawing of face-laugh on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/face-laugh","t":"FaceLaugh","d":"FaceLaugh, the duotone drawing of face-laugh on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/face-laugh","t":"FaceLaugh","d":"FaceLaugh, the fill drawing of face-laugh on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:face-neutral","t":"FaceNeutral","d":"FaceNeutral, the stroke drawing of face-neutral on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/face-neutral","t":"FaceNeutral","d":"FaceNeutral, the two-tone drawing of face-neutral on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/face-neutral","t":"FaceNeutral","d":"FaceNeutral, the duotone drawing of face-neutral on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/face-neutral","t":"FaceNeutral","d":"FaceNeutral, the fill drawing of face-neutral on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/face-neutral","t":"FaceNeutral","d":"FaceNeutral, the stroke drawing of face-neutral on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/face-neutral","t":"FaceNeutral","d":"FaceNeutral, the two-tone drawing of face-neutral on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/face-neutral","t":"FaceNeutral","d":"FaceNeutral, the duotone drawing of face-neutral on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/face-neutral","t":"FaceNeutral","d":"FaceNeutral, the fill drawing of face-neutral on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:face-smile","t":"FaceSmile","d":"FaceSmile, the stroke drawing of face-smile on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/face-smile","t":"FaceSmile","d":"FaceSmile, the two-tone drawing of face-smile on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/face-smile","t":"FaceSmile","d":"FaceSmile, the duotone drawing of face-smile on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/face-smile","t":"FaceSmile","d":"FaceSmile, the fill drawing of face-smile on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/face-smile","t":"FaceSmile","d":"FaceSmile, the stroke drawing of face-smile on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/face-smile","t":"FaceSmile","d":"FaceSmile, the two-tone drawing of face-smile on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/face-smile","t":"FaceSmile","d":"FaceSmile, the duotone drawing of face-smile on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/face-smile","t":"FaceSmile","d":"FaceSmile, the fill drawing of face-smile on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:face-smile-plus","t":"FaceSmilePlus","d":"FaceSmilePlus, the stroke drawing of face-smile-plus on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/face-smile-plus","t":"FaceSmilePlus","d":"FaceSmilePlus, the two-tone drawing of face-smile-plus on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/face-smile-plus","t":"FaceSmilePlus","d":"FaceSmilePlus, the duotone drawing of face-smile-plus on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/face-smile-plus","t":"FaceSmilePlus","d":"FaceSmilePlus, the fill drawing of face-smile-plus on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/face-smile-plus","t":"FaceSmilePlus","d":"FaceSmilePlus, the stroke drawing of face-smile-plus on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/face-smile-plus","t":"FaceSmilePlus","d":"FaceSmilePlus, the two-tone drawing of face-smile-plus on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/face-smile-plus","t":"FaceSmilePlus","d":"FaceSmilePlus, the duotone drawing of face-smile-plus on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/face-smile-plus","t":"FaceSmilePlus","d":"FaceSmilePlus, the fill drawing of face-smile-plus on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:fast-forward","t":"FastForward","d":"FastForward, the stroke drawing of fast-forward on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/fast-forward","t":"FastForward","d":"FastForward, the two-tone drawing of fast-forward on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/fast-forward","t":"FastForward","d":"FastForward, the duotone drawing of fast-forward on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/fast-forward","t":"FastForward","d":"FastForward, the fill drawing of fast-forward on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/fast-forward","t":"FastForward","d":"FastForward, the stroke drawing of fast-forward on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/fast-forward","t":"FastForward","d":"FastForward, the two-tone drawing of fast-forward on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/fast-forward","t":"FastForward","d":"FastForward, the duotone drawing of fast-forward on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/fast-forward","t":"FastForward","d":"FastForward, the fill drawing of fast-forward on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file","t":"File","d":"File, the stroke drawing of file on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/file","t":"File","d":"File, the two-tone drawing of file on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file","t":"File","d":"File, the duotone drawing of file on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file","t":"File","d":"File, the fill drawing of file on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file","t":"File","d":"File, the stroke drawing of file on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file","t":"File","d":"File, the two-tone drawing of file on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file","t":"File","d":"File, the duotone drawing of file on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file","t":"File","d":"File, the fill drawing of file on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-alert","t":"FileAlert","d":"FileAlert, the stroke drawing of file-alert on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-alert","t":"FileAlert","d":"FileAlert, the two-tone drawing of file-alert on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-alert","t":"FileAlert","d":"FileAlert, the duotone drawing of file-alert on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-alert","t":"FileAlert","d":"FileAlert, the fill drawing of file-alert on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-alert","t":"FileAlert","d":"FileAlert, the stroke drawing of file-alert on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-alert","t":"FileAlert","d":"FileAlert, the two-tone drawing of file-alert on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-alert","t":"FileAlert","d":"FileAlert, the duotone drawing of file-alert on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-alert","t":"FileAlert","d":"FileAlert, the fill drawing of file-alert on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-arrow-down","t":"FileArrowDown","d":"FileArrowDown, the stroke drawing of file-arrow-down on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-arrow-down","t":"FileArrowDown","d":"FileArrowDown, the two-tone drawing of file-arrow-down on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-arrow-down","t":"FileArrowDown","d":"FileArrowDown, the duotone drawing of file-arrow-down on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-arrow-down","t":"FileArrowDown","d":"FileArrowDown, the fill drawing of file-arrow-down on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-arrow-down","t":"FileArrowDown","d":"FileArrowDown, the stroke drawing of file-arrow-down on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-arrow-down","t":"FileArrowDown","d":"FileArrowDown, the two-tone drawing of file-arrow-down on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-arrow-down","t":"FileArrowDown","d":"FileArrowDown, the duotone drawing of file-arrow-down on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-arrow-down","t":"FileArrowDown","d":"FileArrowDown, the fill drawing of file-arrow-down on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-arrow-left","t":"FileArrowLeft","d":"FileArrowLeft, the stroke drawing of file-arrow-left on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-arrow-left","t":"FileArrowLeft","d":"FileArrowLeft, the two-tone drawing of file-arrow-left on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-arrow-left","t":"FileArrowLeft","d":"FileArrowLeft, the duotone drawing of file-arrow-left on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-arrow-left","t":"FileArrowLeft","d":"FileArrowLeft, the fill drawing of file-arrow-left on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-arrow-left","t":"FileArrowLeft","d":"FileArrowLeft, the stroke drawing of file-arrow-left on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-arrow-left","t":"FileArrowLeft","d":"FileArrowLeft, the two-tone drawing of file-arrow-left on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-arrow-left","t":"FileArrowLeft","d":"FileArrowLeft, the duotone drawing of file-arrow-left on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-arrow-left","t":"FileArrowLeft","d":"FileArrowLeft, the fill drawing of file-arrow-left on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-arrow-right","t":"FileArrowRight","d":"FileArrowRight, the stroke drawing of file-arrow-right on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-arrow-right","t":"FileArrowRight","d":"FileArrowRight, the two-tone drawing of file-arrow-right on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-arrow-right","t":"FileArrowRight","d":"FileArrowRight, the duotone drawing of file-arrow-right on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-arrow-right","t":"FileArrowRight","d":"FileArrowRight, the fill drawing of file-arrow-right on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-arrow-right","t":"FileArrowRight","d":"FileArrowRight, the stroke drawing of file-arrow-right on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-arrow-right","t":"FileArrowRight","d":"FileArrowRight, the two-tone drawing of file-arrow-right on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-arrow-right","t":"FileArrowRight","d":"FileArrowRight, the duotone drawing of file-arrow-right on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-arrow-right","t":"FileArrowRight","d":"FileArrowRight, the fill drawing of file-arrow-right on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-arrow-up","t":"FileArrowUp","d":"FileArrowUp, the stroke drawing of file-arrow-up on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-arrow-up","t":"FileArrowUp","d":"FileArrowUp, the two-tone drawing of file-arrow-up on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-arrow-up","t":"FileArrowUp","d":"FileArrowUp, the duotone drawing of file-arrow-up on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-arrow-up","t":"FileArrowUp","d":"FileArrowUp, the fill drawing of file-arrow-up on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-arrow-up","t":"FileArrowUp","d":"FileArrowUp, the stroke drawing of file-arrow-up on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-arrow-up","t":"FileArrowUp","d":"FileArrowUp, the two-tone drawing of file-arrow-up on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-arrow-up","t":"FileArrowUp","d":"FileArrowUp, the duotone drawing of file-arrow-up on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-arrow-up","t":"FileArrowUp","d":"FileArrowUp, the fill drawing of file-arrow-up on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-audio","t":"FileAudio","d":"FileAudio, the stroke drawing of file-audio on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-audio","t":"FileAudio","d":"FileAudio, the two-tone drawing of file-audio on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-audio","t":"FileAudio","d":"FileAudio, the duotone drawing of file-audio on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-audio","t":"FileAudio","d":"FileAudio, the fill drawing of file-audio on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-audio","t":"FileAudio","d":"FileAudio, the stroke drawing of file-audio on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-audio","t":"FileAudio","d":"FileAudio, the two-tone drawing of file-audio on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-audio","t":"FileAudio","d":"FileAudio, the duotone drawing of file-audio on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-audio","t":"FileAudio","d":"FileAudio, the fill drawing of file-audio on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-chart-column","t":"FileChartColumn","d":"FileChartColumn, the stroke drawing of file-chart-column on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-chart-column","t":"FileChartColumn","d":"FileChartColumn, the two-tone drawing of file-chart-column on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-chart-column","t":"FileChartColumn","d":"FileChartColumn, the duotone drawing of file-chart-column on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-chart-column","t":"FileChartColumn","d":"FileChartColumn, the fill drawing of file-chart-column on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-chart-column","t":"FileChartColumn","d":"FileChartColumn, the stroke drawing of file-chart-column on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-chart-column","t":"FileChartColumn","d":"FileChartColumn, the two-tone drawing of file-chart-column on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-chart-column","t":"FileChartColumn","d":"FileChartColumn, the duotone drawing of file-chart-column on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-chart-column","t":"FileChartColumn","d":"FileChartColumn, the fill drawing of file-chart-column on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-check","t":"FileCheck","d":"FileCheck, the stroke drawing of file-check on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-check","t":"FileCheck","d":"FileCheck, the two-tone drawing of file-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-check","t":"FileCheck","d":"FileCheck, the duotone drawing of file-check on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-check","t":"FileCheck","d":"FileCheck, the fill drawing of file-check on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-check","t":"FileCheck","d":"FileCheck, the stroke drawing of file-check on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-check","t":"FileCheck","d":"FileCheck, the two-tone drawing of file-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-check","t":"FileCheck","d":"FileCheck, the duotone drawing of file-check on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-check","t":"FileCheck","d":"FileCheck, the fill drawing of file-check on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-code","t":"FileCode","d":"FileCode, the stroke drawing of file-code on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-code","t":"FileCode","d":"FileCode, the two-tone drawing of file-code on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-code","t":"FileCode","d":"FileCode, the duotone drawing of file-code on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-code","t":"FileCode","d":"FileCode, the fill drawing of file-code on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-code","t":"FileCode","d":"FileCode, the stroke drawing of file-code on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-code","t":"FileCode","d":"FileCode, the two-tone drawing of file-code on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-code","t":"FileCode","d":"FileCode, the duotone drawing of file-code on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-code","t":"FileCode","d":"FileCode, the fill drawing of file-code on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-cog","t":"FileCog","d":"FileCog, the stroke drawing of file-cog on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-cog","t":"FileCog","d":"FileCog, the two-tone drawing of file-cog on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-cog","t":"FileCog","d":"FileCog, the duotone drawing of file-cog on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-cog","t":"FileCog","d":"FileCog, the fill drawing of file-cog on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-cog","t":"FileCog","d":"FileCog, the stroke drawing of file-cog on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-cog","t":"FileCog","d":"FileCog, the two-tone drawing of file-cog on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-cog","t":"FileCog","d":"FileCog, the duotone drawing of file-cog on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-cog","t":"FileCog","d":"FileCog, the fill drawing of file-cog on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-image","t":"FileImage","d":"FileImage, the stroke drawing of file-image on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-image","t":"FileImage","d":"FileImage, the two-tone drawing of file-image on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-image","t":"FileImage","d":"FileImage, the duotone drawing of file-image on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-image","t":"FileImage","d":"FileImage, the fill drawing of file-image on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-image","t":"FileImage","d":"FileImage, the stroke drawing of file-image on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-image","t":"FileImage","d":"FileImage, the two-tone drawing of file-image on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-image","t":"FileImage","d":"FileImage, the duotone drawing of file-image on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-image","t":"FileImage","d":"FileImage, the fill drawing of file-image on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-minus","t":"FileMinus","d":"FileMinus, the stroke drawing of file-minus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-minus","t":"FileMinus","d":"FileMinus, the two-tone drawing of file-minus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-minus","t":"FileMinus","d":"FileMinus, the duotone drawing of file-minus on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-minus","t":"FileMinus","d":"FileMinus, the fill drawing of file-minus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-minus","t":"FileMinus","d":"FileMinus, the stroke drawing of file-minus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-minus","t":"FileMinus","d":"FileMinus, the two-tone drawing of file-minus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-minus","t":"FileMinus","d":"FileMinus, the duotone drawing of file-minus on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-minus","t":"FileMinus","d":"FileMinus, the fill drawing of file-minus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-off","t":"FileOff","d":"FileOff, the stroke drawing of file-off on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-off","t":"FileOff","d":"FileOff, the two-tone drawing of file-off on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-off","t":"FileOff","d":"FileOff, the duotone drawing of file-off on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-off","t":"FileOff","d":"FileOff, the fill drawing of file-off on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-off","t":"FileOff","d":"FileOff, the stroke drawing of file-off on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-off","t":"FileOff","d":"FileOff, the two-tone drawing of file-off on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-off","t":"FileOff","d":"FileOff, the duotone drawing of file-off on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-off","t":"FileOff","d":"FileOff, the fill drawing of file-off on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-plus","t":"FilePlus","d":"FilePlus, the stroke drawing of file-plus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-plus","t":"FilePlus","d":"FilePlus, the two-tone drawing of file-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-plus","t":"FilePlus","d":"FilePlus, the duotone drawing of file-plus on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-plus","t":"FilePlus","d":"FilePlus, the fill drawing of file-plus on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-plus","t":"FilePlus","d":"FilePlus, the stroke drawing of file-plus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-plus","t":"FilePlus","d":"FilePlus, the two-tone drawing of file-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-plus","t":"FilePlus","d":"FilePlus, the duotone drawing of file-plus on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-plus","t":"FilePlus","d":"FilePlus, the fill drawing of file-plus on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-search","t":"FileSearch","d":"FileSearch, the stroke drawing of file-search on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-search","t":"FileSearch","d":"FileSearch, the two-tone drawing of file-search on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-search","t":"FileSearch","d":"FileSearch, the duotone drawing of file-search on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-search","t":"FileSearch","d":"FileSearch, the fill drawing of file-search on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-search","t":"FileSearch","d":"FileSearch, the stroke drawing of file-search on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-search","t":"FileSearch","d":"FileSearch, the two-tone drawing of file-search on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-search","t":"FileSearch","d":"FileSearch, the duotone drawing of file-search on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-search","t":"FileSearch","d":"FileSearch, the fill drawing of file-search on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-sparkles","t":"FileSparkles","d":"FileSparkles, the stroke drawing of file-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-sparkles","t":"FileSparkles","d":"FileSparkles, the two-tone drawing of file-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-sparkles","t":"FileSparkles","d":"FileSparkles, the duotone drawing of file-sparkles on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-sparkles","t":"FileSparkles","d":"FileSparkles, the fill drawing of file-sparkles on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-sparkles","t":"FileSparkles","d":"FileSparkles, the stroke drawing of file-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-sparkles","t":"FileSparkles","d":"FileSparkles, the two-tone drawing of file-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-sparkles","t":"FileSparkles","d":"FileSparkles, the duotone drawing of file-sparkles on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-sparkles","t":"FileSparkles","d":"FileSparkles, the fill drawing of file-sparkles on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-spreadsheet","t":"FileSpreadsheet","d":"FileSpreadsheet, the stroke drawing of file-spreadsheet on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-spreadsheet","t":"FileSpreadsheet","d":"FileSpreadsheet, the two-tone drawing of file-spreadsheet on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-spreadsheet","t":"FileSpreadsheet","d":"FileSpreadsheet, the duotone drawing of file-spreadsheet on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-spreadsheet","t":"FileSpreadsheet","d":"FileSpreadsheet, the fill drawing of file-spreadsheet on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-spreadsheet","t":"FileSpreadsheet","d":"FileSpreadsheet, the stroke drawing of file-spreadsheet on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-spreadsheet","t":"FileSpreadsheet","d":"FileSpreadsheet, the two-tone drawing of file-spreadsheet on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-spreadsheet","t":"FileSpreadsheet","d":"FileSpreadsheet, the duotone drawing of file-spreadsheet on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-spreadsheet","t":"FileSpreadsheet","d":"FileSpreadsheet, the fill drawing of file-spreadsheet on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-terminal","t":"FileTerminal","d":"FileTerminal, the stroke drawing of file-terminal on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:two-tone/file-terminal","t":"FileTerminal","d":"FileTerminal, the two-tone drawing of file-terminal on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:duotone/file-terminal","t":"FileTerminal","d":"FileTerminal, the duotone drawing of file-terminal on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:fill/file-terminal","t":"FileTerminal","d":"FileTerminal, the fill drawing of file-terminal on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/file-terminal","t":"FileTerminal","d":"FileTerminal, the stroke drawing of file-terminal on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/two-tone/file-terminal","t":"FileTerminal","d":"FileTerminal, the two-tone drawing of file-terminal on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/duotone/file-terminal","t":"FileTerminal","d":"FileTerminal, the duotone drawing of file-terminal on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/fill/file-terminal","t":"FileTerminal","d":"FileTerminal, the fill drawing of file-terminal on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:file-text","t":"FileText","d":"FileText, the stroke drawing of file-text on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-text","t":"FileText","d":"FileText, the two-tone drawing of file-text on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-text","t":"FileText","d":"FileText, the duotone drawing of file-text on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-text","t":"FileText","d":"FileText, the fill drawing of file-text on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-text","t":"FileText","d":"FileText, the stroke drawing of file-text on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-text","t":"FileText","d":"FileText, the two-tone drawing of file-text on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-text","t":"FileText","d":"FileText, the duotone drawing of file-text on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-text","t":"FileText","d":"FileText, the fill drawing of file-text on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-type","t":"FileType","d":"FileType, the stroke drawing of file-type on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-type","t":"FileType","d":"FileType, the two-tone drawing of file-type on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-type","t":"FileType","d":"FileType, the duotone drawing of file-type on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-type","t":"FileType","d":"FileType, the fill drawing of file-type on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-type","t":"FileType","d":"FileType, the stroke drawing of file-type on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-type","t":"FileType","d":"FileType, the two-tone drawing of file-type on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-type","t":"FileType","d":"FileType, the duotone drawing of file-type on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-type","t":"FileType","d":"FileType, the fill drawing of file-type on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-type-corner","t":"FileTypeCorner","d":"FileTypeCorner, the stroke drawing of file-type-corner on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-type-corner","t":"FileTypeCorner","d":"FileTypeCorner, the two-tone drawing of file-type-corner on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-type-corner","t":"FileTypeCorner","d":"FileTypeCorner, the duotone drawing of file-type-corner on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-type-corner","t":"FileTypeCorner","d":"FileTypeCorner, the fill drawing of file-type-corner on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-type-corner","t":"FileTypeCorner","d":"FileTypeCorner, the stroke drawing of file-type-corner on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-type-corner","t":"FileTypeCorner","d":"FileTypeCorner, the two-tone drawing of file-type-corner on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-type-corner","t":"FileTypeCorner","d":"FileTypeCorner, the duotone drawing of file-type-corner on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-type-corner","t":"FileTypeCorner","d":"FileTypeCorner, the fill drawing of file-type-corner on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-video","t":"FileVideo","d":"FileVideo, the stroke drawing of file-video on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-video","t":"FileVideo","d":"FileVideo, the two-tone drawing of file-video on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-video","t":"FileVideo","d":"FileVideo, the duotone drawing of file-video on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-video","t":"FileVideo","d":"FileVideo, the fill drawing of file-video on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-video","t":"FileVideo","d":"FileVideo, the stroke drawing of file-video on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-video","t":"FileVideo","d":"FileVideo, the two-tone drawing of file-video on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-video","t":"FileVideo","d":"FileVideo, the duotone drawing of file-video on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-video","t":"FileVideo","d":"FileVideo, the fill drawing of file-video on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-zap","t":"FileZap","d":"FileZap, the stroke drawing of file-zap on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-zap","t":"FileZap","d":"FileZap, the two-tone drawing of file-zap on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-zap","t":"FileZap","d":"FileZap, the duotone drawing of file-zap on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-zap","t":"FileZap","d":"FileZap, the fill drawing of file-zap on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-zap","t":"FileZap","d":"FileZap, the stroke drawing of file-zap on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-zap","t":"FileZap","d":"FileZap, the two-tone drawing of file-zap on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-zap","t":"FileZap","d":"FileZap, the duotone drawing of file-zap on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-zap","t":"FileZap","d":"FileZap, the fill drawing of file-zap on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:file-zip","t":"FileZip","d":"FileZip, the stroke drawing of file-zip on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/file-zip","t":"FileZip","d":"FileZip, the two-tone drawing of file-zip on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/file-zip","t":"FileZip","d":"FileZip, the duotone drawing of file-zip on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/file-zip","t":"FileZip","d":"FileZip, the fill drawing of file-zip on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/file-zip","t":"FileZip","d":"FileZip, the stroke drawing of file-zip on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/file-zip","t":"FileZip","d":"FileZip, the two-tone drawing of file-zip on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/file-zip","t":"FileZip","d":"FileZip, the duotone drawing of file-zip on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/file-zip","t":"FileZip","d":"FileZip, the fill drawing of file-zip on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:film","t":"Film","d":"Film, the stroke drawing of film on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/film","t":"Film","d":"Film, the two-tone drawing of film on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/film","t":"Film","d":"Film, the duotone drawing of film on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/film","t":"Film","d":"Film, the fill drawing of film on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/film","t":"Film","d":"Film, the stroke drawing of film on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/film","t":"Film","d":"Film, the two-tone drawing of film on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/film","t":"Film","d":"Film, the duotone drawing of film on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/film","t":"Film","d":"Film, the fill drawing of film on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:film-sparkles","t":"FilmSparkles","d":"FilmSparkles, the stroke drawing of film-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/film-sparkles","t":"FilmSparkles","d":"FilmSparkles, the two-tone drawing of film-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/film-sparkles","t":"FilmSparkles","d":"FilmSparkles, the duotone drawing of film-sparkles on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/film-sparkles","t":"FilmSparkles","d":"FilmSparkles, the fill drawing of film-sparkles on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/film-sparkles","t":"FilmSparkles","d":"FilmSparkles, the stroke drawing of film-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/film-sparkles","t":"FilmSparkles","d":"FilmSparkles, the two-tone drawing of film-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/film-sparkles","t":"FilmSparkles","d":"FilmSparkles, the duotone drawing of film-sparkles on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/film-sparkles","t":"FilmSparkles","d":"FilmSparkles, the fill drawing of film-sparkles on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:filter","t":"Filter","d":"Filter, the stroke drawing of filter on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/filter","t":"Filter","d":"Filter, the two-tone drawing of filter on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/filter","t":"Filter","d":"Filter, the duotone drawing of filter on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/filter","t":"Filter","d":"Filter, the fill drawing of filter on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/filter","t":"Filter","d":"Filter, the stroke drawing of filter on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/filter","t":"Filter","d":"Filter, the two-tone drawing of filter on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/filter","t":"Filter","d":"Filter, the duotone drawing of filter on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/filter","t":"Filter","d":"Filter, the fill drawing of filter on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:fingerprint-pattern","t":"FingerprintPattern","d":"FingerprintPattern, the stroke drawing of fingerprint-pattern on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/fingerprint-pattern","t":"FingerprintPattern","d":"FingerprintPattern, the two-tone drawing of fingerprint-pattern on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/fingerprint-pattern","t":"FingerprintPattern","d":"FingerprintPattern, the duotone drawing of fingerprint-pattern on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/fingerprint-pattern","t":"FingerprintPattern","d":"FingerprintPattern, the fill drawing of fingerprint-pattern on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/fingerprint-pattern","t":"FingerprintPattern","d":"FingerprintPattern, the stroke drawing of fingerprint-pattern on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/fingerprint-pattern","t":"FingerprintPattern","d":"FingerprintPattern, the two-tone drawing of fingerprint-pattern on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/fingerprint-pattern","t":"FingerprintPattern","d":"FingerprintPattern, the duotone drawing of fingerprint-pattern on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/fingerprint-pattern","t":"FingerprintPattern","d":"FingerprintPattern, the fill drawing of fingerprint-pattern on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:flag","t":"Flag","d":"Flag, the stroke drawing of flag on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/flag","t":"Flag","d":"Flag, the two-tone drawing of flag on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/flag","t":"Flag","d":"Flag, the duotone drawing of flag on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/flag","t":"Flag","d":"Flag, the fill drawing of flag on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/flag","t":"Flag","d":"Flag, the stroke drawing of flag on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/flag","t":"Flag","d":"Flag, the two-tone drawing of flag on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/flag","t":"Flag","d":"Flag, the duotone drawing of flag on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/flag","t":"Flag","d":"Flag, the fill drawing of flag on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:flag-chequered","t":"FlagChequered","d":"FlagChequered, the stroke drawing of flag-chequered on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/flag-chequered","t":"FlagChequered","d":"FlagChequered, the two-tone drawing of flag-chequered on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/flag-chequered","t":"FlagChequered","d":"FlagChequered, the duotone drawing of flag-chequered on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/flag-chequered","t":"FlagChequered","d":"FlagChequered, the fill drawing of flag-chequered on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/flag-chequered","t":"FlagChequered","d":"FlagChequered, the stroke drawing of flag-chequered on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/flag-chequered","t":"FlagChequered","d":"FlagChequered, the two-tone drawing of flag-chequered on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/flag-chequered","t":"FlagChequered","d":"FlagChequered, the duotone drawing of flag-chequered on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/flag-chequered","t":"FlagChequered","d":"FlagChequered, the fill drawing of flag-chequered on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:flame","t":"Flame","d":"Flame, the stroke drawing of flame on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/flame","t":"Flame","d":"Flame, the two-tone drawing of flame on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/flame","t":"Flame","d":"Flame, the duotone drawing of flame on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/flame","t":"Flame","d":"Flame, the fill drawing of flame on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/flame","t":"Flame","d":"Flame, the stroke drawing of flame on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/flame","t":"Flame","d":"Flame, the two-tone drawing of flame on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/flame","t":"Flame","d":"Flame, the duotone drawing of flame on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/flame","t":"Flame","d":"Flame, the fill drawing of flame on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:flask-conical","t":"FlaskConical","d":"FlaskConical, the stroke drawing of flask-conical on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/flask-conical","t":"FlaskConical","d":"FlaskConical, the two-tone drawing of flask-conical on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/flask-conical","t":"FlaskConical","d":"FlaskConical, the duotone drawing of flask-conical on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/flask-conical","t":"FlaskConical","d":"FlaskConical, the fill drawing of flask-conical on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/flask-conical","t":"FlaskConical","d":"FlaskConical, the stroke drawing of flask-conical on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/flask-conical","t":"FlaskConical","d":"FlaskConical, the two-tone drawing of flask-conical on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/flask-conical","t":"FlaskConical","d":"FlaskConical, the duotone drawing of flask-conical on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/flask-conical","t":"FlaskConical","d":"FlaskConical, the fill drawing of flask-conical on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:flask-conical-off","t":"FlaskConicalOff","d":"FlaskConicalOff, the stroke drawing of flask-conical-off on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/flask-conical-off","t":"FlaskConicalOff","d":"FlaskConicalOff, the two-tone drawing of flask-conical-off on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/flask-conical-off","t":"FlaskConicalOff","d":"FlaskConicalOff, the duotone drawing of flask-conical-off on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/flask-conical-off","t":"FlaskConicalOff","d":"FlaskConicalOff, the fill drawing of flask-conical-off on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/flask-conical-off","t":"FlaskConicalOff","d":"FlaskConicalOff, the stroke drawing of flask-conical-off on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/flask-conical-off","t":"FlaskConicalOff","d":"FlaskConicalOff, the two-tone drawing of flask-conical-off on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/flask-conical-off","t":"FlaskConicalOff","d":"FlaskConicalOff, the duotone drawing of flask-conical-off on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/flask-conical-off","t":"FlaskConicalOff","d":"FlaskConicalOff, the fill drawing of flask-conical-off on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:flask-round","t":"FlaskRound","d":"FlaskRound, the stroke drawing of flask-round on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/flask-round","t":"FlaskRound","d":"FlaskRound, the two-tone drawing of flask-round on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/flask-round","t":"FlaskRound","d":"FlaskRound, the duotone drawing of flask-round on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/flask-round","t":"FlaskRound","d":"FlaskRound, the fill drawing of flask-round on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/flask-round","t":"FlaskRound","d":"FlaskRound, the stroke drawing of flask-round on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/flask-round","t":"FlaskRound","d":"FlaskRound, the two-tone drawing of flask-round on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/flask-round","t":"FlaskRound","d":"FlaskRound, the duotone drawing of flask-round on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/flask-round","t":"FlaskRound","d":"FlaskRound, the fill drawing of flask-round on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:flip-horizontal","t":"FlipHorizontal","d":"FlipHorizontal, the stroke drawing of flip-horizontal on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/flip-horizontal","t":"FlipHorizontal","d":"FlipHorizontal, the two-tone drawing of flip-horizontal on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/flip-horizontal","t":"FlipHorizontal","d":"FlipHorizontal, the duotone drawing of flip-horizontal on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/flip-horizontal","t":"FlipHorizontal","d":"FlipHorizontal, the fill drawing of flip-horizontal on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/flip-horizontal","t":"FlipHorizontal","d":"FlipHorizontal, the stroke drawing of flip-horizontal on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/flip-horizontal","t":"FlipHorizontal","d":"FlipHorizontal, the two-tone drawing of flip-horizontal on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/flip-horizontal","t":"FlipHorizontal","d":"FlipHorizontal, the duotone drawing of flip-horizontal on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/flip-horizontal","t":"FlipHorizontal","d":"FlipHorizontal, the fill drawing of flip-horizontal on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:flip-vertical","t":"FlipVertical","d":"FlipVertical, the stroke drawing of flip-vertical on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/flip-vertical","t":"FlipVertical","d":"FlipVertical, the two-tone drawing of flip-vertical on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/flip-vertical","t":"FlipVertical","d":"FlipVertical, the duotone drawing of flip-vertical on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/flip-vertical","t":"FlipVertical","d":"FlipVertical, the fill drawing of flip-vertical on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/flip-vertical","t":"FlipVertical","d":"FlipVertical, the stroke drawing of flip-vertical on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/flip-vertical","t":"FlipVertical","d":"FlipVertical, the two-tone drawing of flip-vertical on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/flip-vertical","t":"FlipVertical","d":"FlipVertical, the duotone drawing of flip-vertical on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/flip-vertical","t":"FlipVertical","d":"FlipVertical, the fill drawing of flip-vertical on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:flower","t":"Flower","d":"Flower, the stroke drawing of flower on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/flower","t":"Flower","d":"Flower, the two-tone drawing of flower on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/flower","t":"Flower","d":"Flower, the duotone drawing of flower on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/flower","t":"Flower","d":"Flower, the fill drawing of flower on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/flower","t":"Flower","d":"Flower, the stroke drawing of flower on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/flower","t":"Flower","d":"Flower, the two-tone drawing of flower on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/flower","t":"Flower","d":"Flower, the duotone drawing of flower on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/flower","t":"Flower","d":"Flower, the fill drawing of flower on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:folder","t":"Folder","d":"Folder, the stroke drawing of folder on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/folder","t":"Folder","d":"Folder, the two-tone drawing of folder on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/folder","t":"Folder","d":"Folder, the duotone drawing of folder on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/folder","t":"Folder","d":"Folder, the fill drawing of folder on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/folder","t":"Folder","d":"Folder, the stroke drawing of folder on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/folder","t":"Folder","d":"Folder, the two-tone drawing of folder on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/folder","t":"Folder","d":"Folder, the duotone drawing of folder on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/folder","t":"Folder","d":"Folder, the fill drawing of folder on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:folder-arrow-down","t":"FolderArrowDown","d":"FolderArrowDown, the stroke drawing of folder-arrow-down on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/folder-arrow-down","t":"FolderArrowDown","d":"FolderArrowDown, the two-tone drawing of folder-arrow-down on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/folder-arrow-down","t":"FolderArrowDown","d":"FolderArrowDown, the duotone drawing of folder-arrow-down on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/folder-arrow-down","t":"FolderArrowDown","d":"FolderArrowDown, the fill drawing of folder-arrow-down on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/folder-arrow-down","t":"FolderArrowDown","d":"FolderArrowDown, the stroke drawing of folder-arrow-down on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/folder-arrow-down","t":"FolderArrowDown","d":"FolderArrowDown, the two-tone drawing of folder-arrow-down on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/folder-arrow-down","t":"FolderArrowDown","d":"FolderArrowDown, the duotone drawing of folder-arrow-down on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/folder-arrow-down","t":"FolderArrowDown","d":"FolderArrowDown, the fill drawing of folder-arrow-down on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:folder-arrow-left","t":"FolderArrowLeft","d":"FolderArrowLeft, the stroke drawing of folder-arrow-left on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/folder-arrow-left","t":"FolderArrowLeft","d":"FolderArrowLeft, the two-tone drawing of folder-arrow-left on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/folder-arrow-left","t":"FolderArrowLeft","d":"FolderArrowLeft, the duotone drawing of folder-arrow-left on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/folder-arrow-left","t":"FolderArrowLeft","d":"FolderArrowLeft, the fill drawing of folder-arrow-left on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/folder-arrow-left","t":"FolderArrowLeft","d":"FolderArrowLeft, the stroke drawing of folder-arrow-left on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/folder-arrow-left","t":"FolderArrowLeft","d":"FolderArrowLeft, the two-tone drawing of folder-arrow-left on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/folder-arrow-left","t":"FolderArrowLeft","d":"FolderArrowLeft, the duotone drawing of folder-arrow-left on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/folder-arrow-left","t":"FolderArrowLeft","d":"FolderArrowLeft, the fill drawing of folder-arrow-left on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:folder-arrow-right","t":"FolderArrowRight","d":"FolderArrowRight, the stroke drawing of folder-arrow-right on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/folder-arrow-right","t":"FolderArrowRight","d":"FolderArrowRight, the two-tone drawing of folder-arrow-right on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/folder-arrow-right","t":"FolderArrowRight","d":"FolderArrowRight, the duotone drawing of folder-arrow-right on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/folder-arrow-right","t":"FolderArrowRight","d":"FolderArrowRight, the fill drawing of folder-arrow-right on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/folder-arrow-right","t":"FolderArrowRight","d":"FolderArrowRight, the stroke drawing of folder-arrow-right on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/folder-arrow-right","t":"FolderArrowRight","d":"FolderArrowRight, the two-tone drawing of folder-arrow-right on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/folder-arrow-right","t":"FolderArrowRight","d":"FolderArrowRight, the duotone drawing of folder-arrow-right on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/folder-arrow-right","t":"FolderArrowRight","d":"FolderArrowRight, the fill drawing of folder-arrow-right on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:folder-arrow-up","t":"FolderArrowUp","d":"FolderArrowUp, the stroke drawing of folder-arrow-up on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/folder-arrow-up","t":"FolderArrowUp","d":"FolderArrowUp, the two-tone drawing of folder-arrow-up on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/folder-arrow-up","t":"FolderArrowUp","d":"FolderArrowUp, the duotone drawing of folder-arrow-up on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/folder-arrow-up","t":"FolderArrowUp","d":"FolderArrowUp, the fill drawing of folder-arrow-up on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/folder-arrow-up","t":"FolderArrowUp","d":"FolderArrowUp, the stroke drawing of folder-arrow-up on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/folder-arrow-up","t":"FolderArrowUp","d":"FolderArrowUp, the two-tone drawing of folder-arrow-up on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/folder-arrow-up","t":"FolderArrowUp","d":"FolderArrowUp, the duotone drawing of folder-arrow-up on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/folder-arrow-up","t":"FolderArrowUp","d":"FolderArrowUp, the fill drawing of folder-arrow-up on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:folder-check","t":"FolderCheck","d":"FolderCheck, the stroke drawing of folder-check on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/folder-check","t":"FolderCheck","d":"FolderCheck, the two-tone drawing of folder-check on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/folder-check","t":"FolderCheck","d":"FolderCheck, the duotone drawing of folder-check on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/folder-check","t":"FolderCheck","d":"FolderCheck, the fill drawing of folder-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/folder-check","t":"FolderCheck","d":"FolderCheck, the stroke drawing of folder-check on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/folder-check","t":"FolderCheck","d":"FolderCheck, the two-tone drawing of folder-check on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/folder-check","t":"FolderCheck","d":"FolderCheck, the duotone drawing of folder-check on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/folder-check","t":"FolderCheck","d":"FolderCheck, the fill drawing of folder-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:folder-cog","t":"FolderCog","d":"FolderCog, the stroke drawing of folder-cog on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/folder-cog","t":"FolderCog","d":"FolderCog, the two-tone drawing of folder-cog on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/folder-cog","t":"FolderCog","d":"FolderCog, the duotone drawing of folder-cog on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/folder-cog","t":"FolderCog","d":"FolderCog, the fill drawing of folder-cog on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/folder-cog","t":"FolderCog","d":"FolderCog, the stroke drawing of folder-cog on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/folder-cog","t":"FolderCog","d":"FolderCog, the two-tone drawing of folder-cog on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/folder-cog","t":"FolderCog","d":"FolderCog, the duotone drawing of folder-cog on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/folder-cog","t":"FolderCog","d":"FolderCog, the fill drawing of folder-cog on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:folder-minus","t":"FolderMinus","d":"FolderMinus, the stroke drawing of folder-minus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/folder-minus","t":"FolderMinus","d":"FolderMinus, the two-tone drawing of folder-minus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/folder-minus","t":"FolderMinus","d":"FolderMinus, the duotone drawing of folder-minus on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/folder-minus","t":"FolderMinus","d":"FolderMinus, the fill drawing of folder-minus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/folder-minus","t":"FolderMinus","d":"FolderMinus, the stroke drawing of folder-minus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/folder-minus","t":"FolderMinus","d":"FolderMinus, the two-tone drawing of folder-minus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/folder-minus","t":"FolderMinus","d":"FolderMinus, the duotone drawing of folder-minus on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/folder-minus","t":"FolderMinus","d":"FolderMinus, the fill drawing of folder-minus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:folder-open","t":"FolderOpen","d":"FolderOpen, the stroke drawing of folder-open on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/folder-open","t":"FolderOpen","d":"FolderOpen, the two-tone drawing of folder-open on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/folder-open","t":"FolderOpen","d":"FolderOpen, the duotone drawing of folder-open on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/folder-open","t":"FolderOpen","d":"FolderOpen, the fill drawing of folder-open on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/folder-open","t":"FolderOpen","d":"FolderOpen, the stroke drawing of folder-open on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/folder-open","t":"FolderOpen","d":"FolderOpen, the two-tone drawing of folder-open on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/folder-open","t":"FolderOpen","d":"FolderOpen, the duotone drawing of folder-open on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/folder-open","t":"FolderOpen","d":"FolderOpen, the fill drawing of folder-open on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:folder-plus","t":"FolderPlus","d":"FolderPlus, the stroke drawing of folder-plus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/folder-plus","t":"FolderPlus","d":"FolderPlus, the two-tone drawing of folder-plus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/folder-plus","t":"FolderPlus","d":"FolderPlus, the duotone drawing of folder-plus on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/folder-plus","t":"FolderPlus","d":"FolderPlus, the fill drawing of folder-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/folder-plus","t":"FolderPlus","d":"FolderPlus, the stroke drawing of folder-plus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/folder-plus","t":"FolderPlus","d":"FolderPlus, the two-tone drawing of folder-plus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/folder-plus","t":"FolderPlus","d":"FolderPlus, the duotone drawing of folder-plus on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/folder-plus","t":"FolderPlus","d":"FolderPlus, the fill drawing of folder-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:folder-search","t":"FolderSearch","d":"FolderSearch, the stroke drawing of folder-search on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/folder-search","t":"FolderSearch","d":"FolderSearch, the two-tone drawing of folder-search on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/folder-search","t":"FolderSearch","d":"FolderSearch, the duotone drawing of folder-search on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/folder-search","t":"FolderSearch","d":"FolderSearch, the fill drawing of folder-search on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/folder-search","t":"FolderSearch","d":"FolderSearch, the stroke drawing of folder-search on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/folder-search","t":"FolderSearch","d":"FolderSearch, the two-tone drawing of folder-search on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/folder-search","t":"FolderSearch","d":"FolderSearch, the duotone drawing of folder-search on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/folder-search","t":"FolderSearch","d":"FolderSearch, the fill drawing of folder-search on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:folder-sparkles","t":"FolderSparkles","d":"FolderSparkles, the stroke drawing of folder-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/folder-sparkles","t":"FolderSparkles","d":"FolderSparkles, the two-tone drawing of folder-sparkles on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/folder-sparkles","t":"FolderSparkles","d":"FolderSparkles, the duotone drawing of folder-sparkles on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/folder-sparkles","t":"FolderSparkles","d":"FolderSparkles, the fill drawing of folder-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/folder-sparkles","t":"FolderSparkles","d":"FolderSparkles, the stroke drawing of folder-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/folder-sparkles","t":"FolderSparkles","d":"FolderSparkles, the two-tone drawing of folder-sparkles on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/folder-sparkles","t":"FolderSparkles","d":"FolderSparkles, the duotone drawing of folder-sparkles on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/folder-sparkles","t":"FolderSparkles","d":"FolderSparkles, the fill drawing of folder-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:folder-tree","t":"FolderTree","d":"FolderTree, the stroke drawing of folder-tree on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/folder-tree","t":"FolderTree","d":"FolderTree, the two-tone drawing of folder-tree on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/folder-tree","t":"FolderTree","d":"FolderTree, the duotone drawing of folder-tree on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/folder-tree","t":"FolderTree","d":"FolderTree, the fill drawing of folder-tree on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/folder-tree","t":"FolderTree","d":"FolderTree, the stroke drawing of folder-tree on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/folder-tree","t":"FolderTree","d":"FolderTree, the two-tone drawing of folder-tree on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/folder-tree","t":"FolderTree","d":"FolderTree, the duotone drawing of folder-tree on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/folder-tree","t":"FolderTree","d":"FolderTree, the fill drawing of folder-tree on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:folder-zap","t":"FolderZap","d":"FolderZap, the stroke drawing of folder-zap on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/folder-zap","t":"FolderZap","d":"FolderZap, the two-tone drawing of folder-zap on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/folder-zap","t":"FolderZap","d":"FolderZap, the duotone drawing of folder-zap on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/folder-zap","t":"FolderZap","d":"FolderZap, the fill drawing of folder-zap on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/folder-zap","t":"FolderZap","d":"FolderZap, the stroke drawing of folder-zap on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/folder-zap","t":"FolderZap","d":"FolderZap, the two-tone drawing of folder-zap on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/folder-zap","t":"FolderZap","d":"FolderZap, the duotone drawing of folder-zap on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/folder-zap","t":"FolderZap","d":"FolderZap, the fill drawing of folder-zap on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:folder-zip","t":"FolderZip","d":"FolderZip, the stroke drawing of folder-zip on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/folder-zip","t":"FolderZip","d":"FolderZip, the two-tone drawing of folder-zip on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/folder-zip","t":"FolderZip","d":"FolderZip, the duotone drawing of folder-zip on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/folder-zip","t":"FolderZip","d":"FolderZip, the fill drawing of folder-zip on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/folder-zip","t":"FolderZip","d":"FolderZip, the stroke drawing of folder-zip on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/folder-zip","t":"FolderZip","d":"FolderZip, the two-tone drawing of folder-zip on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/folder-zip","t":"FolderZip","d":"FolderZip, the duotone drawing of folder-zip on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/folder-zip","t":"FolderZip","d":"FolderZip, the fill drawing of folder-zip on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:folders","t":"Folders","d":"Folders, the stroke drawing of folders on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/folders","t":"Folders","d":"Folders, the two-tone drawing of folders on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/folders","t":"Folders","d":"Folders, the duotone drawing of folders on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/folders","t":"Folders","d":"Folders, the fill drawing of folders on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/folders","t":"Folders","d":"Folders, the stroke drawing of folders on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/folders","t":"Folders","d":"Folders, the two-tone drawing of folders on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/folders","t":"Folders","d":"Folders, the duotone drawing of folders on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/folders","t":"Folders","d":"Folders, the fill drawing of folders on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:forward","t":"Forward","d":"Forward, the stroke drawing of forward on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/forward","t":"Forward","d":"Forward, the two-tone drawing of forward on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/forward","t":"Forward","d":"Forward, the duotone drawing of forward on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/forward","t":"Forward","d":"Forward, the fill drawing of forward on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/forward","t":"Forward","d":"Forward, the stroke drawing of forward on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/forward","t":"Forward","d":"Forward, the two-tone drawing of forward on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/forward","t":"Forward","d":"Forward, the duotone drawing of forward on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/forward","t":"Forward","d":"Forward, the fill drawing of forward on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:frame","t":"Frame","d":"Frame, the stroke drawing of frame on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/frame","t":"Frame","d":"Frame, the two-tone drawing of frame on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/frame","t":"Frame","d":"Frame, the duotone drawing of frame on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/frame","t":"Frame","d":"Frame, the fill drawing of frame on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/frame","t":"Frame","d":"Frame, the stroke drawing of frame on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/frame","t":"Frame","d":"Frame, the two-tone drawing of frame on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/frame","t":"Frame","d":"Frame, the duotone drawing of frame on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/frame","t":"Frame","d":"Frame, the fill drawing of frame on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:fullscreen","t":"Fullscreen","d":"Fullscreen, the stroke drawing of fullscreen on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/fullscreen","t":"Fullscreen","d":"Fullscreen, the two-tone drawing of fullscreen on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/fullscreen","t":"Fullscreen","d":"Fullscreen, the duotone drawing of fullscreen on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/fullscreen","t":"Fullscreen","d":"Fullscreen, the fill drawing of fullscreen on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/fullscreen","t":"Fullscreen","d":"Fullscreen, the stroke drawing of fullscreen on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/fullscreen","t":"Fullscreen","d":"Fullscreen, the two-tone drawing of fullscreen on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/fullscreen","t":"Fullscreen","d":"Fullscreen, the duotone drawing of fullscreen on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/fullscreen","t":"Fullscreen","d":"Fullscreen, the fill drawing of fullscreen on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:fullscreen-exit","t":"FullscreenExit","d":"FullscreenExit, the stroke drawing of fullscreen-exit on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/fullscreen-exit","t":"FullscreenExit","d":"FullscreenExit, the two-tone drawing of fullscreen-exit on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/fullscreen-exit","t":"FullscreenExit","d":"FullscreenExit, the duotone drawing of fullscreen-exit on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/fullscreen-exit","t":"FullscreenExit","d":"FullscreenExit, the fill drawing of fullscreen-exit on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/fullscreen-exit","t":"FullscreenExit","d":"FullscreenExit, the stroke drawing of fullscreen-exit on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/fullscreen-exit","t":"FullscreenExit","d":"FullscreenExit, the two-tone drawing of fullscreen-exit on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/fullscreen-exit","t":"FullscreenExit","d":"FullscreenExit, the duotone drawing of fullscreen-exit on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/fullscreen-exit","t":"FullscreenExit","d":"FullscreenExit, the fill drawing of fullscreen-exit on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:gallery-horizontal","t":"GalleryHorizontal","d":"GalleryHorizontal, the stroke drawing of gallery-horizontal on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/gallery-horizontal","t":"GalleryHorizontal","d":"GalleryHorizontal, the two-tone drawing of gallery-horizontal on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/gallery-horizontal","t":"GalleryHorizontal","d":"GalleryHorizontal, the duotone drawing of gallery-horizontal on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/gallery-horizontal","t":"GalleryHorizontal","d":"GalleryHorizontal, the fill drawing of gallery-horizontal on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/gallery-horizontal","t":"GalleryHorizontal","d":"GalleryHorizontal, the stroke drawing of gallery-horizontal on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/gallery-horizontal","t":"GalleryHorizontal","d":"GalleryHorizontal, the two-tone drawing of gallery-horizontal on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/gallery-horizontal","t":"GalleryHorizontal","d":"GalleryHorizontal, the duotone drawing of gallery-horizontal on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/gallery-horizontal","t":"GalleryHorizontal","d":"GalleryHorizontal, the fill drawing of gallery-horizontal on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:gallery-horizontal-end","t":"GalleryHorizontalEnd","d":"GalleryHorizontalEnd, the stroke drawing of gallery-horizontal-end on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/gallery-horizontal-end","t":"GalleryHorizontalEnd","d":"GalleryHorizontalEnd, the two-tone drawing of gallery-horizontal-end on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/gallery-horizontal-end","t":"GalleryHorizontalEnd","d":"GalleryHorizontalEnd, the duotone drawing of gallery-horizontal-end on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/gallery-horizontal-end","t":"GalleryHorizontalEnd","d":"GalleryHorizontalEnd, the fill drawing of gallery-horizontal-end on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/gallery-horizontal-end","t":"GalleryHorizontalEnd","d":"GalleryHorizontalEnd, the stroke drawing of gallery-horizontal-end on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/gallery-horizontal-end","t":"GalleryHorizontalEnd","d":"GalleryHorizontalEnd, the two-tone drawing of gallery-horizontal-end on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/gallery-horizontal-end","t":"GalleryHorizontalEnd","d":"GalleryHorizontalEnd, the duotone drawing of gallery-horizontal-end on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/gallery-horizontal-end","t":"GalleryHorizontalEnd","d":"GalleryHorizontalEnd, the fill drawing of gallery-horizontal-end on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:gallery-horizontal-start","t":"GalleryHorizontalStart","d":"GalleryHorizontalStart, the stroke drawing of gallery-horizontal-start on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/gallery-horizontal-start","t":"GalleryHorizontalStart","d":"GalleryHorizontalStart, the two-tone drawing of gallery-horizontal-start on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/gallery-horizontal-start","t":"GalleryHorizontalStart","d":"GalleryHorizontalStart, the duotone drawing of gallery-horizontal-start on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/gallery-horizontal-start","t":"GalleryHorizontalStart","d":"GalleryHorizontalStart, the fill drawing of gallery-horizontal-start on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/gallery-horizontal-start","t":"GalleryHorizontalStart","d":"GalleryHorizontalStart, the stroke drawing of gallery-horizontal-start on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/gallery-horizontal-start","t":"GalleryHorizontalStart","d":"GalleryHorizontalStart, the two-tone drawing of gallery-horizontal-start on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/gallery-horizontal-start","t":"GalleryHorizontalStart","d":"GalleryHorizontalStart, the duotone drawing of gallery-horizontal-start on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/gallery-horizontal-start","t":"GalleryHorizontalStart","d":"GalleryHorizontalStart, the fill drawing of gallery-horizontal-start on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:gallery-vertical","t":"GalleryVertical","d":"GalleryVertical, the stroke drawing of gallery-vertical on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/gallery-vertical","t":"GalleryVertical","d":"GalleryVertical, the two-tone drawing of gallery-vertical on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/gallery-vertical","t":"GalleryVertical","d":"GalleryVertical, the duotone drawing of gallery-vertical on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/gallery-vertical","t":"GalleryVertical","d":"GalleryVertical, the fill drawing of gallery-vertical on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/gallery-vertical","t":"GalleryVertical","d":"GalleryVertical, the stroke drawing of gallery-vertical on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/gallery-vertical","t":"GalleryVertical","d":"GalleryVertical, the two-tone drawing of gallery-vertical on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/gallery-vertical","t":"GalleryVertical","d":"GalleryVertical, the duotone drawing of gallery-vertical on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/gallery-vertical","t":"GalleryVertical","d":"GalleryVertical, the fill drawing of gallery-vertical on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:gallery-vertical-end","t":"GalleryVerticalEnd","d":"GalleryVerticalEnd, the stroke drawing of gallery-vertical-end on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/gallery-vertical-end","t":"GalleryVerticalEnd","d":"GalleryVerticalEnd, the two-tone drawing of gallery-vertical-end on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/gallery-vertical-end","t":"GalleryVerticalEnd","d":"GalleryVerticalEnd, the duotone drawing of gallery-vertical-end on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/gallery-vertical-end","t":"GalleryVerticalEnd","d":"GalleryVerticalEnd, the fill drawing of gallery-vertical-end on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/gallery-vertical-end","t":"GalleryVerticalEnd","d":"GalleryVerticalEnd, the stroke drawing of gallery-vertical-end on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/gallery-vertical-end","t":"GalleryVerticalEnd","d":"GalleryVerticalEnd, the two-tone drawing of gallery-vertical-end on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/gallery-vertical-end","t":"GalleryVerticalEnd","d":"GalleryVerticalEnd, the duotone drawing of gallery-vertical-end on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/gallery-vertical-end","t":"GalleryVerticalEnd","d":"GalleryVerticalEnd, the fill drawing of gallery-vertical-end on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:gallery-vertical-start","t":"GalleryVerticalStart","d":"GalleryVerticalStart, the stroke drawing of gallery-vertical-start on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/gallery-vertical-start","t":"GalleryVerticalStart","d":"GalleryVerticalStart, the two-tone drawing of gallery-vertical-start on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/gallery-vertical-start","t":"GalleryVerticalStart","d":"GalleryVerticalStart, the duotone drawing of gallery-vertical-start on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/gallery-vertical-start","t":"GalleryVerticalStart","d":"GalleryVerticalStart, the fill drawing of gallery-vertical-start on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/gallery-vertical-start","t":"GalleryVerticalStart","d":"GalleryVerticalStart, the stroke drawing of gallery-vertical-start on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/gallery-vertical-start","t":"GalleryVerticalStart","d":"GalleryVerticalStart, the two-tone drawing of gallery-vertical-start on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/gallery-vertical-start","t":"GalleryVerticalStart","d":"GalleryVerticalStart, the duotone drawing of gallery-vertical-start on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/gallery-vertical-start","t":"GalleryVerticalStart","d":"GalleryVerticalStart, the fill drawing of gallery-vertical-start on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:gamepad","t":"Gamepad","d":"Gamepad, the stroke drawing of gamepad on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/gamepad","t":"Gamepad","d":"Gamepad, the two-tone drawing of gamepad on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/gamepad","t":"Gamepad","d":"Gamepad, the duotone drawing of gamepad on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/gamepad","t":"Gamepad","d":"Gamepad, the fill drawing of gamepad on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/gamepad","t":"Gamepad","d":"Gamepad, the stroke drawing of gamepad on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/gamepad","t":"Gamepad","d":"Gamepad, the two-tone drawing of gamepad on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/gamepad","t":"Gamepad","d":"Gamepad, the duotone drawing of gamepad on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/gamepad","t":"Gamepad","d":"Gamepad, the fill drawing of gamepad on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:gauge","t":"Gauge","d":"Gauge, the stroke drawing of gauge on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/gauge","t":"Gauge","d":"Gauge, the two-tone drawing of gauge on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/gauge","t":"Gauge","d":"Gauge, the duotone drawing of gauge on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/gauge","t":"Gauge","d":"Gauge, the fill drawing of gauge on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/gauge","t":"Gauge","d":"Gauge, the stroke drawing of gauge on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/gauge","t":"Gauge","d":"Gauge, the two-tone drawing of gauge on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/gauge","t":"Gauge","d":"Gauge, the duotone drawing of gauge on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/gauge","t":"Gauge","d":"Gauge, the fill drawing of gauge on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:gauge-high","t":"GaugeHigh","d":"GaugeHigh, the stroke drawing of gauge-high on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/gauge-high","t":"GaugeHigh","d":"GaugeHigh, the two-tone drawing of gauge-high on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/gauge-high","t":"GaugeHigh","d":"GaugeHigh, the duotone drawing of gauge-high on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/gauge-high","t":"GaugeHigh","d":"GaugeHigh, the fill drawing of gauge-high on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/gauge-high","t":"GaugeHigh","d":"GaugeHigh, the stroke drawing of gauge-high on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/gauge-high","t":"GaugeHigh","d":"GaugeHigh, the two-tone drawing of gauge-high on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/gauge-high","t":"GaugeHigh","d":"GaugeHigh, the duotone drawing of gauge-high on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/gauge-high","t":"GaugeHigh","d":"GaugeHigh, the fill drawing of gauge-high on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:gauge-low","t":"GaugeLow","d":"GaugeLow, the stroke drawing of gauge-low on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/gauge-low","t":"GaugeLow","d":"GaugeLow, the two-tone drawing of gauge-low on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/gauge-low","t":"GaugeLow","d":"GaugeLow, the duotone drawing of gauge-low on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/gauge-low","t":"GaugeLow","d":"GaugeLow, the fill drawing of gauge-low on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/gauge-low","t":"GaugeLow","d":"GaugeLow, the stroke drawing of gauge-low on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/gauge-low","t":"GaugeLow","d":"GaugeLow, the two-tone drawing of gauge-low on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/gauge-low","t":"GaugeLow","d":"GaugeLow, the duotone drawing of gauge-low on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/gauge-low","t":"GaugeLow","d":"GaugeLow, the fill drawing of gauge-low on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:gavel","t":"Gavel","d":"Gavel, the stroke drawing of gavel on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/gavel","t":"Gavel","d":"Gavel, the two-tone drawing of gavel on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/gavel","t":"Gavel","d":"Gavel, the duotone drawing of gavel on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/gavel","t":"Gavel","d":"Gavel, the fill drawing of gavel on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/gavel","t":"Gavel","d":"Gavel, the stroke drawing of gavel on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/gavel","t":"Gavel","d":"Gavel, the two-tone drawing of gavel on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/gavel","t":"Gavel","d":"Gavel, the duotone drawing of gavel on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/gavel","t":"Gavel","d":"Gavel, the fill drawing of gavel on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:gift","t":"Gift","d":"Gift, the stroke drawing of gift on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/gift","t":"Gift","d":"Gift, the two-tone drawing of gift on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/gift","t":"Gift","d":"Gift, the duotone drawing of gift on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/gift","t":"Gift","d":"Gift, the fill drawing of gift on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/gift","t":"Gift","d":"Gift, the stroke drawing of gift on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/gift","t":"Gift","d":"Gift, the two-tone drawing of gift on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/gift","t":"Gift","d":"Gift, the duotone drawing of gift on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/gift","t":"Gift","d":"Gift, the fill drawing of gift on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:gift-sparkles","t":"GiftSparkles","d":"GiftSparkles, the stroke drawing of gift-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/gift-sparkles","t":"GiftSparkles","d":"GiftSparkles, the two-tone drawing of gift-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/gift-sparkles","t":"GiftSparkles","d":"GiftSparkles, the duotone drawing of gift-sparkles on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/gift-sparkles","t":"GiftSparkles","d":"GiftSparkles, the fill drawing of gift-sparkles on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/gift-sparkles","t":"GiftSparkles","d":"GiftSparkles, the stroke drawing of gift-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/gift-sparkles","t":"GiftSparkles","d":"GiftSparkles, the two-tone drawing of gift-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/gift-sparkles","t":"GiftSparkles","d":"GiftSparkles, the duotone drawing of gift-sparkles on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/gift-sparkles","t":"GiftSparkles","d":"GiftSparkles, the fill drawing of gift-sparkles on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:girl","t":"Girl","d":"Girl, the stroke drawing of girl on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/girl","t":"Girl","d":"Girl, the two-tone drawing of girl on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/girl","t":"Girl","d":"Girl, the duotone drawing of girl on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/girl","t":"Girl","d":"Girl, the fill drawing of girl on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/girl","t":"Girl","d":"Girl, the stroke drawing of girl on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/girl","t":"Girl","d":"Girl, the two-tone drawing of girl on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/girl","t":"Girl","d":"Girl, the duotone drawing of girl on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/girl","t":"Girl","d":"Girl, the fill drawing of girl on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-arrow-right","t":"GitArrowRight","d":"GitArrowRight, the stroke drawing of git-arrow-right on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-arrow-right","t":"GitArrowRight","d":"GitArrowRight, the two-tone drawing of git-arrow-right on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-arrow-right","t":"GitArrowRight","d":"GitArrowRight, the duotone drawing of git-arrow-right on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-arrow-right","t":"GitArrowRight","d":"GitArrowRight, the fill drawing of git-arrow-right on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-arrow-right","t":"GitArrowRight","d":"GitArrowRight, the stroke drawing of git-arrow-right on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-arrow-right","t":"GitArrowRight","d":"GitArrowRight, the two-tone drawing of git-arrow-right on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-arrow-right","t":"GitArrowRight","d":"GitArrowRight, the duotone drawing of git-arrow-right on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-arrow-right","t":"GitArrowRight","d":"GitArrowRight, the fill drawing of git-arrow-right on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-branch","t":"GitBranch","d":"GitBranch, the stroke drawing of git-branch on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-branch","t":"GitBranch","d":"GitBranch, the two-tone drawing of git-branch on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-branch","t":"GitBranch","d":"GitBranch, the duotone drawing of git-branch on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-branch","t":"GitBranch","d":"GitBranch, the fill drawing of git-branch on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-branch","t":"GitBranch","d":"GitBranch, the stroke drawing of git-branch on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-branch","t":"GitBranch","d":"GitBranch, the two-tone drawing of git-branch on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-branch","t":"GitBranch","d":"GitBranch, the duotone drawing of git-branch on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-branch","t":"GitBranch","d":"GitBranch, the fill drawing of git-branch on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-branch-minus","t":"GitBranchMinus","d":"GitBranchMinus, the stroke drawing of git-branch-minus on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-branch-minus","t":"GitBranchMinus","d":"GitBranchMinus, the two-tone drawing of git-branch-minus on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-branch-minus","t":"GitBranchMinus","d":"GitBranchMinus, the duotone drawing of git-branch-minus on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-branch-minus","t":"GitBranchMinus","d":"GitBranchMinus, the fill drawing of git-branch-minus on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-branch-minus","t":"GitBranchMinus","d":"GitBranchMinus, the stroke drawing of git-branch-minus on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-branch-minus","t":"GitBranchMinus","d":"GitBranchMinus, the two-tone drawing of git-branch-minus on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-branch-minus","t":"GitBranchMinus","d":"GitBranchMinus, the duotone drawing of git-branch-minus on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-branch-minus","t":"GitBranchMinus","d":"GitBranchMinus, the fill drawing of git-branch-minus on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-branch-plus","t":"GitBranchPlus","d":"GitBranchPlus, the stroke drawing of git-branch-plus on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-branch-plus","t":"GitBranchPlus","d":"GitBranchPlus, the two-tone drawing of git-branch-plus on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-branch-plus","t":"GitBranchPlus","d":"GitBranchPlus, the duotone drawing of git-branch-plus on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-branch-plus","t":"GitBranchPlus","d":"GitBranchPlus, the fill drawing of git-branch-plus on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-branch-plus","t":"GitBranchPlus","d":"GitBranchPlus, the stroke drawing of git-branch-plus on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-branch-plus","t":"GitBranchPlus","d":"GitBranchPlus, the two-tone drawing of git-branch-plus on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-branch-plus","t":"GitBranchPlus","d":"GitBranchPlus, the duotone drawing of git-branch-plus on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-branch-plus","t":"GitBranchPlus","d":"GitBranchPlus, the fill drawing of git-branch-plus on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-check","t":"GitCheck","d":"GitCheck, the stroke drawing of git-check on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-check","t":"GitCheck","d":"GitCheck, the two-tone drawing of git-check on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-check","t":"GitCheck","d":"GitCheck, the duotone drawing of git-check on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-check","t":"GitCheck","d":"GitCheck, the fill drawing of git-check on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-check","t":"GitCheck","d":"GitCheck, the stroke drawing of git-check on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-check","t":"GitCheck","d":"GitCheck, the two-tone drawing of git-check on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-check","t":"GitCheck","d":"GitCheck, the duotone drawing of git-check on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-check","t":"GitCheck","d":"GitCheck, the fill drawing of git-check on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-commit-horizontal","t":"GitCommitHorizontal","d":"GitCommitHorizontal, the stroke drawing of git-commit-horizontal on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-commit-horizontal","t":"GitCommitHorizontal","d":"GitCommitHorizontal, the two-tone drawing of git-commit-horizontal on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-commit-horizontal","t":"GitCommitHorizontal","d":"GitCommitHorizontal, the duotone drawing of git-commit-horizontal on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-commit-horizontal","t":"GitCommitHorizontal","d":"GitCommitHorizontal, the fill drawing of git-commit-horizontal on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-commit-horizontal","t":"GitCommitHorizontal","d":"GitCommitHorizontal, the stroke drawing of git-commit-horizontal on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-commit-horizontal","t":"GitCommitHorizontal","d":"GitCommitHorizontal, the two-tone drawing of git-commit-horizontal on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-commit-horizontal","t":"GitCommitHorizontal","d":"GitCommitHorizontal, the duotone drawing of git-commit-horizontal on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-commit-horizontal","t":"GitCommitHorizontal","d":"GitCommitHorizontal, the fill drawing of git-commit-horizontal on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-commit-vertical","t":"GitCommitVertical","d":"GitCommitVertical, the stroke drawing of git-commit-vertical on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-commit-vertical","t":"GitCommitVertical","d":"GitCommitVertical, the two-tone drawing of git-commit-vertical on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-commit-vertical","t":"GitCommitVertical","d":"GitCommitVertical, the duotone drawing of git-commit-vertical on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-commit-vertical","t":"GitCommitVertical","d":"GitCommitVertical, the fill drawing of git-commit-vertical on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-commit-vertical","t":"GitCommitVertical","d":"GitCommitVertical, the stroke drawing of git-commit-vertical on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-commit-vertical","t":"GitCommitVertical","d":"GitCommitVertical, the two-tone drawing of git-commit-vertical on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-commit-vertical","t":"GitCommitVertical","d":"GitCommitVertical, the duotone drawing of git-commit-vertical on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-commit-vertical","t":"GitCommitVertical","d":"GitCommitVertical, the fill drawing of git-commit-vertical on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-compare","t":"GitCompare","d":"GitCompare, the stroke drawing of git-compare on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-compare","t":"GitCompare","d":"GitCompare, the two-tone drawing of git-compare on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-compare","t":"GitCompare","d":"GitCompare, the duotone drawing of git-compare on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-compare","t":"GitCompare","d":"GitCompare, the fill drawing of git-compare on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-compare","t":"GitCompare","d":"GitCompare, the stroke drawing of git-compare on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-compare","t":"GitCompare","d":"GitCompare, the two-tone drawing of git-compare on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-compare","t":"GitCompare","d":"GitCompare, the duotone drawing of git-compare on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-compare","t":"GitCompare","d":"GitCompare, the fill drawing of git-compare on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-compare-arrows","t":"GitCompareArrows","d":"GitCompareArrows, the stroke drawing of git-compare-arrows on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-compare-arrows","t":"GitCompareArrows","d":"GitCompareArrows, the two-tone drawing of git-compare-arrows on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-compare-arrows","t":"GitCompareArrows","d":"GitCompareArrows, the duotone drawing of git-compare-arrows on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-compare-arrows","t":"GitCompareArrows","d":"GitCompareArrows, the fill drawing of git-compare-arrows on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-compare-arrows","t":"GitCompareArrows","d":"GitCompareArrows, the stroke drawing of git-compare-arrows on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-compare-arrows","t":"GitCompareArrows","d":"GitCompareArrows, the two-tone drawing of git-compare-arrows on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-compare-arrows","t":"GitCompareArrows","d":"GitCompareArrows, the duotone drawing of git-compare-arrows on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-compare-arrows","t":"GitCompareArrows","d":"GitCompareArrows, the fill drawing of git-compare-arrows on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-connection","t":"GitConnection","d":"GitConnection, the stroke drawing of git-connection on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-connection","t":"GitConnection","d":"GitConnection, the two-tone drawing of git-connection on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-connection","t":"GitConnection","d":"GitConnection, the duotone drawing of git-connection on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-connection","t":"GitConnection","d":"GitConnection, the fill drawing of git-connection on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-connection","t":"GitConnection","d":"GitConnection, the stroke drawing of git-connection on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-connection","t":"GitConnection","d":"GitConnection, the two-tone drawing of git-connection on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-connection","t":"GitConnection","d":"GitConnection, the duotone drawing of git-connection on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-connection","t":"GitConnection","d":"GitConnection, the fill drawing of git-connection on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-fork","t":"GitFork","d":"GitFork, the stroke drawing of git-fork on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-fork","t":"GitFork","d":"GitFork, the two-tone drawing of git-fork on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-fork","t":"GitFork","d":"GitFork, the duotone drawing of git-fork on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-fork","t":"GitFork","d":"GitFork, the fill drawing of git-fork on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-fork","t":"GitFork","d":"GitFork, the stroke drawing of git-fork on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-fork","t":"GitFork","d":"GitFork, the two-tone drawing of git-fork on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-fork","t":"GitFork","d":"GitFork, the duotone drawing of git-fork on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-fork","t":"GitFork","d":"GitFork, the fill drawing of git-fork on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-graph","t":"GitGraph","d":"GitGraph, the stroke drawing of git-graph on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-graph","t":"GitGraph","d":"GitGraph, the two-tone drawing of git-graph on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-graph","t":"GitGraph","d":"GitGraph, the duotone drawing of git-graph on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-graph","t":"GitGraph","d":"GitGraph, the fill drawing of git-graph on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-graph","t":"GitGraph","d":"GitGraph, the stroke drawing of git-graph on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-graph","t":"GitGraph","d":"GitGraph, the two-tone drawing of git-graph on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-graph","t":"GitGraph","d":"GitGraph, the duotone drawing of git-graph on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-graph","t":"GitGraph","d":"GitGraph, the fill drawing of git-graph on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-join","t":"GitJoin","d":"GitJoin, the stroke drawing of git-join on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-join","t":"GitJoin","d":"GitJoin, the two-tone drawing of git-join on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-join","t":"GitJoin","d":"GitJoin, the duotone drawing of git-join on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-join","t":"GitJoin","d":"GitJoin, the fill drawing of git-join on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-join","t":"GitJoin","d":"GitJoin, the stroke drawing of git-join on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-join","t":"GitJoin","d":"GitJoin, the two-tone drawing of git-join on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-join","t":"GitJoin","d":"GitJoin, the duotone drawing of git-join on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-join","t":"GitJoin","d":"GitJoin, the fill drawing of git-join on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-merge","t":"GitMerge","d":"GitMerge, the stroke drawing of git-merge on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-merge","t":"GitMerge","d":"GitMerge, the two-tone drawing of git-merge on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-merge","t":"GitMerge","d":"GitMerge, the duotone drawing of git-merge on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-merge","t":"GitMerge","d":"GitMerge, the fill drawing of git-merge on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-merge","t":"GitMerge","d":"GitMerge, the stroke drawing of git-merge on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-merge","t":"GitMerge","d":"GitMerge, the two-tone drawing of git-merge on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-merge","t":"GitMerge","d":"GitMerge, the duotone drawing of git-merge on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-merge","t":"GitMerge","d":"GitMerge, the fill drawing of git-merge on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-merge-conflict","t":"GitMergeConflict","d":"GitMergeConflict, the stroke drawing of git-merge-conflict on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-merge-conflict","t":"GitMergeConflict","d":"GitMergeConflict, the two-tone drawing of git-merge-conflict on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-merge-conflict","t":"GitMergeConflict","d":"GitMergeConflict, the duotone drawing of git-merge-conflict on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-merge-conflict","t":"GitMergeConflict","d":"GitMergeConflict, the fill drawing of git-merge-conflict on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-merge-conflict","t":"GitMergeConflict","d":"GitMergeConflict, the stroke drawing of git-merge-conflict on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-merge-conflict","t":"GitMergeConflict","d":"GitMergeConflict, the two-tone drawing of git-merge-conflict on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-merge-conflict","t":"GitMergeConflict","d":"GitMergeConflict, the duotone drawing of git-merge-conflict on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-merge-conflict","t":"GitMergeConflict","d":"GitMergeConflict, the fill drawing of git-merge-conflict on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-pull-request","t":"GitPullRequest","d":"GitPullRequest, the stroke drawing of git-pull-request on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-pull-request","t":"GitPullRequest","d":"GitPullRequest, the two-tone drawing of git-pull-request on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-pull-request","t":"GitPullRequest","d":"GitPullRequest, the duotone drawing of git-pull-request on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-pull-request","t":"GitPullRequest","d":"GitPullRequest, the fill drawing of git-pull-request on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-pull-request","t":"GitPullRequest","d":"GitPullRequest, the stroke drawing of git-pull-request on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-pull-request","t":"GitPullRequest","d":"GitPullRequest, the two-tone drawing of git-pull-request on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-pull-request","t":"GitPullRequest","d":"GitPullRequest, the duotone drawing of git-pull-request on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-pull-request","t":"GitPullRequest","d":"GitPullRequest, the fill drawing of git-pull-request on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-pull-request-arrow","t":"GitPullRequestArrow","d":"GitPullRequestArrow, the stroke drawing of git-pull-request-arrow on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-pull-request-arrow","t":"GitPullRequestArrow","d":"GitPullRequestArrow, the two-tone drawing of git-pull-request-arrow on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-pull-request-arrow","t":"GitPullRequestArrow","d":"GitPullRequestArrow, the duotone drawing of git-pull-request-arrow on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-pull-request-arrow","t":"GitPullRequestArrow","d":"GitPullRequestArrow, the fill drawing of git-pull-request-arrow on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-pull-request-arrow","t":"GitPullRequestArrow","d":"GitPullRequestArrow, the stroke drawing of git-pull-request-arrow on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-pull-request-arrow","t":"GitPullRequestArrow","d":"GitPullRequestArrow, the two-tone drawing of git-pull-request-arrow on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-pull-request-arrow","t":"GitPullRequestArrow","d":"GitPullRequestArrow, the duotone drawing of git-pull-request-arrow on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-pull-request-arrow","t":"GitPullRequestArrow","d":"GitPullRequestArrow, the fill drawing of git-pull-request-arrow on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-pull-request-closed","t":"GitPullRequestClosed","d":"GitPullRequestClosed, the stroke drawing of git-pull-request-closed on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-pull-request-closed","t":"GitPullRequestClosed","d":"GitPullRequestClosed, the two-tone drawing of git-pull-request-closed on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-pull-request-closed","t":"GitPullRequestClosed","d":"GitPullRequestClosed, the duotone drawing of git-pull-request-closed on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-pull-request-closed","t":"GitPullRequestClosed","d":"GitPullRequestClosed, the fill drawing of git-pull-request-closed on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-pull-request-closed","t":"GitPullRequestClosed","d":"GitPullRequestClosed, the stroke drawing of git-pull-request-closed on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-pull-request-closed","t":"GitPullRequestClosed","d":"GitPullRequestClosed, the two-tone drawing of git-pull-request-closed on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-pull-request-closed","t":"GitPullRequestClosed","d":"GitPullRequestClosed, the duotone drawing of git-pull-request-closed on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-pull-request-closed","t":"GitPullRequestClosed","d":"GitPullRequestClosed, the fill drawing of git-pull-request-closed on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-pull-request-create","t":"GitPullRequestCreate","d":"GitPullRequestCreate, the stroke drawing of git-pull-request-create on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-pull-request-create","t":"GitPullRequestCreate","d":"GitPullRequestCreate, the two-tone drawing of git-pull-request-create on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-pull-request-create","t":"GitPullRequestCreate","d":"GitPullRequestCreate, the duotone drawing of git-pull-request-create on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-pull-request-create","t":"GitPullRequestCreate","d":"GitPullRequestCreate, the fill drawing of git-pull-request-create on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-pull-request-create","t":"GitPullRequestCreate","d":"GitPullRequestCreate, the stroke drawing of git-pull-request-create on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-pull-request-create","t":"GitPullRequestCreate","d":"GitPullRequestCreate, the two-tone drawing of git-pull-request-create on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-pull-request-create","t":"GitPullRequestCreate","d":"GitPullRequestCreate, the duotone drawing of git-pull-request-create on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-pull-request-create","t":"GitPullRequestCreate","d":"GitPullRequestCreate, the fill drawing of git-pull-request-create on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-pull-request-create-arrow","t":"GitPullRequestCreateArrow","d":"GitPullRequestCreateArrow, the stroke drawing of git-pull-request-create-arrow on a 24×24 ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-pull-request-create-arrow","t":"GitPullRequestCreateArrow","d":"GitPullRequestCreateArrow, the two-tone drawing of git-pull-request-create-arrow on a 24×2","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-pull-request-create-arrow","t":"GitPullRequestCreateArrow","d":"GitPullRequestCreateArrow, the duotone drawing of git-pull-request-create-arrow on a 24×24","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-pull-request-create-arrow","t":"GitPullRequestCreateArrow","d":"GitPullRequestCreateArrow, the fill drawing of git-pull-request-create-arrow on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-pull-request-create-arrow","t":"GitPullRequestCreateArrow","d":"GitPullRequestCreateArrow, the stroke drawing of git-pull-request-create-arrow on a 24×24 ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-pull-request-create-arrow","t":"GitPullRequestCreateArrow","d":"GitPullRequestCreateArrow, the two-tone drawing of git-pull-request-create-arrow on a 24×2","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-pull-request-create-arrow","t":"GitPullRequestCreateArrow","d":"GitPullRequestCreateArrow, the duotone drawing of git-pull-request-create-arrow on a 24×24","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-pull-request-create-arrow","t":"GitPullRequestCreateArrow","d":"GitPullRequestCreateArrow, the fill drawing of git-pull-request-create-arrow on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-pull-request-draft","t":"GitPullRequestDraft","d":"GitPullRequestDraft, the stroke drawing of git-pull-request-draft on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-pull-request-draft","t":"GitPullRequestDraft","d":"GitPullRequestDraft, the two-tone drawing of git-pull-request-draft on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-pull-request-draft","t":"GitPullRequestDraft","d":"GitPullRequestDraft, the duotone drawing of git-pull-request-draft on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-pull-request-draft","t":"GitPullRequestDraft","d":"GitPullRequestDraft, the fill drawing of git-pull-request-draft on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-pull-request-draft","t":"GitPullRequestDraft","d":"GitPullRequestDraft, the stroke drawing of git-pull-request-draft on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-pull-request-draft","t":"GitPullRequestDraft","d":"GitPullRequestDraft, the two-tone drawing of git-pull-request-draft on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-pull-request-draft","t":"GitPullRequestDraft","d":"GitPullRequestDraft, the duotone drawing of git-pull-request-draft on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-pull-request-draft","t":"GitPullRequestDraft","d":"GitPullRequestDraft, the fill drawing of git-pull-request-draft on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-pull-request-plus","t":"GitPullRequestPlus","d":"GitPullRequestPlus, the stroke drawing of git-pull-request-plus on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-pull-request-plus","t":"GitPullRequestPlus","d":"GitPullRequestPlus, the two-tone drawing of git-pull-request-plus on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-pull-request-plus","t":"GitPullRequestPlus","d":"GitPullRequestPlus, the duotone drawing of git-pull-request-plus on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-pull-request-plus","t":"GitPullRequestPlus","d":"GitPullRequestPlus, the fill drawing of git-pull-request-plus on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-pull-request-plus","t":"GitPullRequestPlus","d":"GitPullRequestPlus, the stroke drawing of git-pull-request-plus on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-pull-request-plus","t":"GitPullRequestPlus","d":"GitPullRequestPlus, the two-tone drawing of git-pull-request-plus on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-pull-request-plus","t":"GitPullRequestPlus","d":"GitPullRequestPlus, the duotone drawing of git-pull-request-plus on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-pull-request-plus","t":"GitPullRequestPlus","d":"GitPullRequestPlus, the fill drawing of git-pull-request-plus on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-refresh","t":"GitRefresh","d":"GitRefresh, the stroke drawing of git-refresh on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-refresh","t":"GitRefresh","d":"GitRefresh, the two-tone drawing of git-refresh on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-refresh","t":"GitRefresh","d":"GitRefresh, the duotone drawing of git-refresh on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-refresh","t":"GitRefresh","d":"GitRefresh, the fill drawing of git-refresh on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-refresh","t":"GitRefresh","d":"GitRefresh, the stroke drawing of git-refresh on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-refresh","t":"GitRefresh","d":"GitRefresh, the two-tone drawing of git-refresh on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-refresh","t":"GitRefresh","d":"GitRefresh, the duotone drawing of git-refresh on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-refresh","t":"GitRefresh","d":"GitRefresh, the fill drawing of git-refresh on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-return","t":"GitReturn","d":"GitReturn, the stroke drawing of git-return on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-return","t":"GitReturn","d":"GitReturn, the two-tone drawing of git-return on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-return","t":"GitReturn","d":"GitReturn, the duotone drawing of git-return on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-return","t":"GitReturn","d":"GitReturn, the fill drawing of git-return on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-return","t":"GitReturn","d":"GitReturn, the stroke drawing of git-return on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-return","t":"GitReturn","d":"GitReturn, the two-tone drawing of git-return on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-return","t":"GitReturn","d":"GitReturn, the duotone drawing of git-return on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-return","t":"GitReturn","d":"GitReturn, the fill drawing of git-return on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:git-x","t":"GitX","d":"GitX, the stroke drawing of git-x on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/git-x","t":"GitX","d":"GitX, the two-tone drawing of git-x on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/git-x","t":"GitX","d":"GitX, the duotone drawing of git-x on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/git-x","t":"GitX","d":"GitX, the fill drawing of git-x on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/git-x","t":"GitX","d":"GitX, the stroke drawing of git-x on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/git-x","t":"GitX","d":"GitX, the two-tone drawing of git-x on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/git-x","t":"GitX","d":"GitX, the duotone drawing of git-x on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/git-x","t":"GitX","d":"GitX, the fill drawing of git-x on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:glasses","t":"Glasses","d":"Glasses, the stroke drawing of glasses on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:two-tone/glasses","t":"Glasses","d":"Glasses, the two-tone drawing of glasses on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:duotone/glasses","t":"Glasses","d":"Glasses, the duotone drawing of glasses on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:fill/glasses","t":"Glasses","d":"Glasses, the fill drawing of glasses on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:sharp/glasses","t":"Glasses","d":"Glasses, the stroke drawing of glasses on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:sharp/two-tone/glasses","t":"Glasses","d":"Glasses, the two-tone drawing of glasses on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:sharp/duotone/glasses","t":"Glasses","d":"Glasses, the duotone drawing of glasses on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:sharp/fill/glasses","t":"Glasses","d":"Glasses, the fill drawing of glasses on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:globe","t":"Globe","d":"Globe, the stroke drawing of globe on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/globe","t":"Globe","d":"Globe, the two-tone drawing of globe on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/globe","t":"Globe","d":"Globe, the duotone drawing of globe on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/globe","t":"Globe","d":"Globe, the fill drawing of globe on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/globe","t":"Globe","d":"Globe, the stroke drawing of globe on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/globe","t":"Globe","d":"Globe, the two-tone drawing of globe on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/globe","t":"Globe","d":"Globe, the duotone drawing of globe on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/globe","t":"Globe","d":"Globe, the fill drawing of globe on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:globe-check","t":"GlobeCheck","d":"GlobeCheck, the stroke drawing of globe-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/globe-check","t":"GlobeCheck","d":"GlobeCheck, the two-tone drawing of globe-check on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/globe-check","t":"GlobeCheck","d":"GlobeCheck, the duotone drawing of globe-check on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/globe-check","t":"GlobeCheck","d":"GlobeCheck, the fill drawing of globe-check on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/globe-check","t":"GlobeCheck","d":"GlobeCheck, the stroke drawing of globe-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/globe-check","t":"GlobeCheck","d":"GlobeCheck, the two-tone drawing of globe-check on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/globe-check","t":"GlobeCheck","d":"GlobeCheck, the duotone drawing of globe-check on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/globe-check","t":"GlobeCheck","d":"GlobeCheck, the fill drawing of globe-check on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:globe-cog","t":"GlobeCog","d":"GlobeCog, the stroke drawing of globe-cog on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/globe-cog","t":"GlobeCog","d":"GlobeCog, the two-tone drawing of globe-cog on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/globe-cog","t":"GlobeCog","d":"GlobeCog, the duotone drawing of globe-cog on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/globe-cog","t":"GlobeCog","d":"GlobeCog, the fill drawing of globe-cog on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/globe-cog","t":"GlobeCog","d":"GlobeCog, the stroke drawing of globe-cog on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/globe-cog","t":"GlobeCog","d":"GlobeCog, the two-tone drawing of globe-cog on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/globe-cog","t":"GlobeCog","d":"GlobeCog, the duotone drawing of globe-cog on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/globe-cog","t":"GlobeCog","d":"GlobeCog, the fill drawing of globe-cog on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:globe-cursor","t":"GlobeCursor","d":"GlobeCursor, the stroke drawing of globe-cursor on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/globe-cursor","t":"GlobeCursor","d":"GlobeCursor, the two-tone drawing of globe-cursor on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/globe-cursor","t":"GlobeCursor","d":"GlobeCursor, the duotone drawing of globe-cursor on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/globe-cursor","t":"GlobeCursor","d":"GlobeCursor, the fill drawing of globe-cursor on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/globe-cursor","t":"GlobeCursor","d":"GlobeCursor, the stroke drawing of globe-cursor on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/globe-cursor","t":"GlobeCursor","d":"GlobeCursor, the two-tone drawing of globe-cursor on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/globe-cursor","t":"GlobeCursor","d":"GlobeCursor, the duotone drawing of globe-cursor on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/globe-cursor","t":"GlobeCursor","d":"GlobeCursor, the fill drawing of globe-cursor on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:globe-off","t":"GlobeOff","d":"GlobeOff, the stroke drawing of globe-off on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/globe-off","t":"GlobeOff","d":"GlobeOff, the two-tone drawing of globe-off on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/globe-off","t":"GlobeOff","d":"GlobeOff, the duotone drawing of globe-off on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/globe-off","t":"GlobeOff","d":"GlobeOff, the fill drawing of globe-off on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/globe-off","t":"GlobeOff","d":"GlobeOff, the stroke drawing of globe-off on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/globe-off","t":"GlobeOff","d":"GlobeOff, the two-tone drawing of globe-off on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/globe-off","t":"GlobeOff","d":"GlobeOff, the duotone drawing of globe-off on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/globe-off","t":"GlobeOff","d":"GlobeOff, the fill drawing of globe-off on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:globe-plus","t":"GlobePlus","d":"GlobePlus, the stroke drawing of globe-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/globe-plus","t":"GlobePlus","d":"GlobePlus, the two-tone drawing of globe-plus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/globe-plus","t":"GlobePlus","d":"GlobePlus, the duotone drawing of globe-plus on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/globe-plus","t":"GlobePlus","d":"GlobePlus, the fill drawing of globe-plus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/globe-plus","t":"GlobePlus","d":"GlobePlus, the stroke drawing of globe-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/globe-plus","t":"GlobePlus","d":"GlobePlus, the two-tone drawing of globe-plus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/globe-plus","t":"GlobePlus","d":"GlobePlus, the duotone drawing of globe-plus on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/globe-plus","t":"GlobePlus","d":"GlobePlus, the fill drawing of globe-plus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:globe-search","t":"GlobeSearch","d":"GlobeSearch, the stroke drawing of globe-search on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/globe-search","t":"GlobeSearch","d":"GlobeSearch, the two-tone drawing of globe-search on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/globe-search","t":"GlobeSearch","d":"GlobeSearch, the duotone drawing of globe-search on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/globe-search","t":"GlobeSearch","d":"GlobeSearch, the fill drawing of globe-search on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/globe-search","t":"GlobeSearch","d":"GlobeSearch, the stroke drawing of globe-search on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/globe-search","t":"GlobeSearch","d":"GlobeSearch, the two-tone drawing of globe-search on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/globe-search","t":"GlobeSearch","d":"GlobeSearch, the duotone drawing of globe-search on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/globe-search","t":"GlobeSearch","d":"GlobeSearch, the fill drawing of globe-search on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:gold-bars","t":"GoldBars","d":"GoldBars, the stroke drawing of gold-bars on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/gold-bars","t":"GoldBars","d":"GoldBars, the two-tone drawing of gold-bars on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/gold-bars","t":"GoldBars","d":"GoldBars, the duotone drawing of gold-bars on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/gold-bars","t":"GoldBars","d":"GoldBars, the fill drawing of gold-bars on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/gold-bars","t":"GoldBars","d":"GoldBars, the stroke drawing of gold-bars on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/gold-bars","t":"GoldBars","d":"GoldBars, the two-tone drawing of gold-bars on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/gold-bars","t":"GoldBars","d":"GoldBars, the duotone drawing of gold-bars on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/gold-bars","t":"GoldBars","d":"GoldBars, the fill drawing of gold-bars on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:golf-hole","t":"GolfHole","d":"GolfHole, the stroke drawing of golf-hole on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/golf-hole","t":"GolfHole","d":"GolfHole, the two-tone drawing of golf-hole on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/golf-hole","t":"GolfHole","d":"GolfHole, the duotone drawing of golf-hole on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/golf-hole","t":"GolfHole","d":"GolfHole, the fill drawing of golf-hole on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/golf-hole","t":"GolfHole","d":"GolfHole, the stroke drawing of golf-hole on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/golf-hole","t":"GolfHole","d":"GolfHole, the two-tone drawing of golf-hole on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/golf-hole","t":"GolfHole","d":"GolfHole, the duotone drawing of golf-hole on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/golf-hole","t":"GolfHole","d":"GolfHole, the fill drawing of golf-hole on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:graduation-cap","t":"GraduationCap","d":"GraduationCap, the stroke drawing of graduation-cap on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/graduation-cap","t":"GraduationCap","d":"GraduationCap, the two-tone drawing of graduation-cap on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/graduation-cap","t":"GraduationCap","d":"GraduationCap, the duotone drawing of graduation-cap on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/graduation-cap","t":"GraduationCap","d":"GraduationCap, the fill drawing of graduation-cap on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/graduation-cap","t":"GraduationCap","d":"GraduationCap, the stroke drawing of graduation-cap on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/graduation-cap","t":"GraduationCap","d":"GraduationCap, the two-tone drawing of graduation-cap on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/graduation-cap","t":"GraduationCap","d":"GraduationCap, the duotone drawing of graduation-cap on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/graduation-cap","t":"GraduationCap","d":"GraduationCap, the fill drawing of graduation-cap on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:grid-2x2","t":"Grid2x #2","d":"Grid2x2, the stroke drawing of grid-2x2 on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/grid-2x2","t":"Grid2x #2","d":"Grid2x2, the two-tone drawing of grid-2x2 on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/grid-2x2","t":"Grid2x #2","d":"Grid2x2, the duotone drawing of grid-2x2 on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/grid-2x2","t":"Grid2x #2","d":"Grid2x2, the fill drawing of grid-2x2 on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/grid-2x2","t":"Grid2x #2","d":"Grid2x2, the stroke drawing of grid-2x2 on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/grid-2x2","t":"Grid2x #2","d":"Grid2x2, the two-tone drawing of grid-2x2 on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/grid-2x2","t":"Grid2x #2","d":"Grid2x2, the duotone drawing of grid-2x2 on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/grid-2x2","t":"Grid2x #2","d":"Grid2x2, the fill drawing of grid-2x2 on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:grid-2x2-plus","t":"Grid2x2Plus","d":"Grid2x2Plus, the stroke drawing of grid-2x2-plus on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/grid-2x2-plus","t":"Grid2x2Plus","d":"Grid2x2Plus, the two-tone drawing of grid-2x2-plus on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/grid-2x2-plus","t":"Grid2x2Plus","d":"Grid2x2Plus, the duotone drawing of grid-2x2-plus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/grid-2x2-plus","t":"Grid2x2Plus","d":"Grid2x2Plus, the fill drawing of grid-2x2-plus on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/grid-2x2-plus","t":"Grid2x2Plus","d":"Grid2x2Plus, the stroke drawing of grid-2x2-plus on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/grid-2x2-plus","t":"Grid2x2Plus","d":"Grid2x2Plus, the two-tone drawing of grid-2x2-plus on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/grid-2x2-plus","t":"Grid2x2Plus","d":"Grid2x2Plus, the duotone drawing of grid-2x2-plus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/grid-2x2-plus","t":"Grid2x2Plus","d":"Grid2x2Plus, the fill drawing of grid-2x2-plus on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:grid-2x3","t":"Grid2x #3","d":"Grid2x3, the stroke drawing of grid-2x3 on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/grid-2x3","t":"Grid2x #3","d":"Grid2x3, the two-tone drawing of grid-2x3 on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/grid-2x3","t":"Grid2x #3","d":"Grid2x3, the duotone drawing of grid-2x3 on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/grid-2x3","t":"Grid2x #3","d":"Grid2x3, the fill drawing of grid-2x3 on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/grid-2x3","t":"Grid2x #3","d":"Grid2x3, the stroke drawing of grid-2x3 on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/grid-2x3","t":"Grid2x #3","d":"Grid2x3, the two-tone drawing of grid-2x3 on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/grid-2x3","t":"Grid2x #3","d":"Grid2x3, the duotone drawing of grid-2x3 on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/grid-2x3","t":"Grid2x #3","d":"Grid2x3, the fill drawing of grid-2x3 on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:grid-3x2","t":"Grid3x #2","d":"Grid3x2, the stroke drawing of grid-3x2 on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/grid-3x2","t":"Grid3x #2","d":"Grid3x2, the two-tone drawing of grid-3x2 on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/grid-3x2","t":"Grid3x #2","d":"Grid3x2, the duotone drawing of grid-3x2 on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/grid-3x2","t":"Grid3x #2","d":"Grid3x2, the fill drawing of grid-3x2 on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/grid-3x2","t":"Grid3x #2","d":"Grid3x2, the stroke drawing of grid-3x2 on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/grid-3x2","t":"Grid3x #2","d":"Grid3x2, the two-tone drawing of grid-3x2 on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/grid-3x2","t":"Grid3x #2","d":"Grid3x2, the duotone drawing of grid-3x2 on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/grid-3x2","t":"Grid3x #2","d":"Grid3x2, the fill drawing of grid-3x2 on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:grid-3x3","t":"Grid3x #3","d":"Grid3x3, the stroke drawing of grid-3x3 on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/grid-3x3","t":"Grid3x #3","d":"Grid3x3, the two-tone drawing of grid-3x3 on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/grid-3x3","t":"Grid3x #3","d":"Grid3x3, the duotone drawing of grid-3x3 on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/grid-3x3","t":"Grid3x #3","d":"Grid3x3, the fill drawing of grid-3x3 on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/grid-3x3","t":"Grid3x #3","d":"Grid3x3, the stroke drawing of grid-3x3 on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/grid-3x3","t":"Grid3x #3","d":"Grid3x3, the two-tone drawing of grid-3x3 on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/grid-3x3","t":"Grid3x #3","d":"Grid3x3, the duotone drawing of grid-3x3 on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/grid-3x3","t":"Grid3x #3","d":"Grid3x3, the fill drawing of grid-3x3 on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:grid-circles","t":"GridCircles","d":"GridCircles, the stroke drawing of grid-circles on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/grid-circles","t":"GridCircles","d":"GridCircles, the two-tone drawing of grid-circles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/grid-circles","t":"GridCircles","d":"GridCircles, the duotone drawing of grid-circles on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/grid-circles","t":"GridCircles","d":"GridCircles, the fill drawing of grid-circles on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/grid-circles","t":"GridCircles","d":"GridCircles, the stroke drawing of grid-circles on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/grid-circles","t":"GridCircles","d":"GridCircles, the two-tone drawing of grid-circles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/grid-circles","t":"GridCircles","d":"GridCircles, the duotone drawing of grid-circles on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/grid-circles","t":"GridCircles","d":"GridCircles, the fill drawing of grid-circles on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:grid-circles-check","t":"GridCirclesCheck","d":"GridCirclesCheck, the stroke drawing of grid-circles-check on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/grid-circles-check","t":"GridCirclesCheck","d":"GridCirclesCheck, the two-tone drawing of grid-circles-check on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/grid-circles-check","t":"GridCirclesCheck","d":"GridCirclesCheck, the duotone drawing of grid-circles-check on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/grid-circles-check","t":"GridCirclesCheck","d":"GridCirclesCheck, the fill drawing of grid-circles-check on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/grid-circles-check","t":"GridCirclesCheck","d":"GridCirclesCheck, the stroke drawing of grid-circles-check on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/grid-circles-check","t":"GridCirclesCheck","d":"GridCirclesCheck, the two-tone drawing of grid-circles-check on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/grid-circles-check","t":"GridCirclesCheck","d":"GridCirclesCheck, the duotone drawing of grid-circles-check on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/grid-circles-check","t":"GridCirclesCheck","d":"GridCirclesCheck, the fill drawing of grid-circles-check on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:grid-circles-plus","t":"GridCirclesPlus","d":"GridCirclesPlus, the stroke drawing of grid-circles-plus on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/grid-circles-plus","t":"GridCirclesPlus","d":"GridCirclesPlus, the two-tone drawing of grid-circles-plus on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/grid-circles-plus","t":"GridCirclesPlus","d":"GridCirclesPlus, the duotone drawing of grid-circles-plus on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/grid-circles-plus","t":"GridCirclesPlus","d":"GridCirclesPlus, the fill drawing of grid-circles-plus on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/grid-circles-plus","t":"GridCirclesPlus","d":"GridCirclesPlus, the stroke drawing of grid-circles-plus on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/grid-circles-plus","t":"GridCirclesPlus","d":"GridCirclesPlus, the two-tone drawing of grid-circles-plus on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/grid-circles-plus","t":"GridCirclesPlus","d":"GridCirclesPlus, the duotone drawing of grid-circles-plus on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/grid-circles-plus","t":"GridCirclesPlus","d":"GridCirclesPlus, the fill drawing of grid-circles-plus on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:grid-squares","t":"GridSquares","d":"GridSquares, the stroke drawing of grid-squares on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/grid-squares","t":"GridSquares","d":"GridSquares, the two-tone drawing of grid-squares on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/grid-squares","t":"GridSquares","d":"GridSquares, the duotone drawing of grid-squares on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/grid-squares","t":"GridSquares","d":"GridSquares, the fill drawing of grid-squares on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/grid-squares","t":"GridSquares","d":"GridSquares, the stroke drawing of grid-squares on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/grid-squares","t":"GridSquares","d":"GridSquares, the two-tone drawing of grid-squares on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/grid-squares","t":"GridSquares","d":"GridSquares, the duotone drawing of grid-squares on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/grid-squares","t":"GridSquares","d":"GridSquares, the fill drawing of grid-squares on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:grid-squares-check","t":"GridSquaresCheck","d":"GridSquaresCheck, the stroke drawing of grid-squares-check on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/grid-squares-check","t":"GridSquaresCheck","d":"GridSquaresCheck, the two-tone drawing of grid-squares-check on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/grid-squares-check","t":"GridSquaresCheck","d":"GridSquaresCheck, the duotone drawing of grid-squares-check on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/grid-squares-check","t":"GridSquaresCheck","d":"GridSquaresCheck, the fill drawing of grid-squares-check on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/grid-squares-check","t":"GridSquaresCheck","d":"GridSquaresCheck, the stroke drawing of grid-squares-check on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/grid-squares-check","t":"GridSquaresCheck","d":"GridSquaresCheck, the two-tone drawing of grid-squares-check on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/grid-squares-check","t":"GridSquaresCheck","d":"GridSquaresCheck, the duotone drawing of grid-squares-check on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/grid-squares-check","t":"GridSquaresCheck","d":"GridSquaresCheck, the fill drawing of grid-squares-check on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:grid-squares-plus","t":"GridSquaresPlus","d":"GridSquaresPlus, the stroke drawing of grid-squares-plus on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/grid-squares-plus","t":"GridSquaresPlus","d":"GridSquaresPlus, the two-tone drawing of grid-squares-plus on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/grid-squares-plus","t":"GridSquaresPlus","d":"GridSquaresPlus, the duotone drawing of grid-squares-plus on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/grid-squares-plus","t":"GridSquaresPlus","d":"GridSquaresPlus, the fill drawing of grid-squares-plus on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/grid-squares-plus","t":"GridSquaresPlus","d":"GridSquaresPlus, the stroke drawing of grid-squares-plus on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/grid-squares-plus","t":"GridSquaresPlus","d":"GridSquaresPlus, the two-tone drawing of grid-squares-plus on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/grid-squares-plus","t":"GridSquaresPlus","d":"GridSquaresPlus, the duotone drawing of grid-squares-plus on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/grid-squares-plus","t":"GridSquaresPlus","d":"GridSquaresPlus, the fill drawing of grid-squares-plus on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:grip-horizontal","t":"GripHorizontal","d":"GripHorizontal, the stroke drawing of grip-horizontal on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/grip-horizontal","t":"GripHorizontal","d":"GripHorizontal, the two-tone drawing of grip-horizontal on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/grip-horizontal","t":"GripHorizontal","d":"GripHorizontal, the duotone drawing of grip-horizontal on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/grip-horizontal","t":"GripHorizontal","d":"GripHorizontal, the fill drawing of grip-horizontal on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/grip-horizontal","t":"GripHorizontal","d":"GripHorizontal, the stroke drawing of grip-horizontal on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/grip-horizontal","t":"GripHorizontal","d":"GripHorizontal, the two-tone drawing of grip-horizontal on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/grip-horizontal","t":"GripHorizontal","d":"GripHorizontal, the duotone drawing of grip-horizontal on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/grip-horizontal","t":"GripHorizontal","d":"GripHorizontal, the fill drawing of grip-horizontal on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:grip-vertical","t":"GripVertical","d":"GripVertical, the stroke drawing of grip-vertical on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/grip-vertical","t":"GripVertical","d":"GripVertical, the two-tone drawing of grip-vertical on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/grip-vertical","t":"GripVertical","d":"GripVertical, the duotone drawing of grip-vertical on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/grip-vertical","t":"GripVertical","d":"GripVertical, the fill drawing of grip-vertical on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/grip-vertical","t":"GripVertical","d":"GripVertical, the stroke drawing of grip-vertical on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/grip-vertical","t":"GripVertical","d":"GripVertical, the two-tone drawing of grip-vertical on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/grip-vertical","t":"GripVertical","d":"GripVertical, the duotone drawing of grip-vertical on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/grip-vertical","t":"GripVertical","d":"GripVertical, the fill drawing of grip-vertical on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:hammer","t":"Hammer","d":"Hammer, the stroke drawing of hammer on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/hammer","t":"Hammer","d":"Hammer, the two-tone drawing of hammer on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/hammer","t":"Hammer","d":"Hammer, the duotone drawing of hammer on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/hammer","t":"Hammer","d":"Hammer, the fill drawing of hammer on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/hammer","t":"Hammer","d":"Hammer, the stroke drawing of hammer on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/hammer","t":"Hammer","d":"Hammer, the two-tone drawing of hammer on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/hammer","t":"Hammer","d":"Hammer, the duotone drawing of hammer on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/hammer","t":"Hammer","d":"Hammer, the fill drawing of hammer on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:hand-closed","t":"HandClosed","d":"HandClosed, the stroke drawing of hand-closed on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/hand-closed","t":"HandClosed","d":"HandClosed, the two-tone drawing of hand-closed on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/hand-closed","t":"HandClosed","d":"HandClosed, the duotone drawing of hand-closed on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/hand-closed","t":"HandClosed","d":"HandClosed, the fill drawing of hand-closed on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/hand-closed","t":"HandClosed","d":"HandClosed, the stroke drawing of hand-closed on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/hand-closed","t":"HandClosed","d":"HandClosed, the two-tone drawing of hand-closed on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/hand-closed","t":"HandClosed","d":"HandClosed, the duotone drawing of hand-closed on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/hand-closed","t":"HandClosed","d":"HandClosed, the fill drawing of hand-closed on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:hand-coins","t":"HandCoins","d":"HandCoins, the stroke drawing of hand-coins on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/hand-coins","t":"HandCoins","d":"HandCoins, the two-tone drawing of hand-coins on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/hand-coins","t":"HandCoins","d":"HandCoins, the duotone drawing of hand-coins on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/hand-coins","t":"HandCoins","d":"HandCoins, the fill drawing of hand-coins on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/hand-coins","t":"HandCoins","d":"HandCoins, the stroke drawing of hand-coins on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/hand-coins","t":"HandCoins","d":"HandCoins, the two-tone drawing of hand-coins on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/hand-coins","t":"HandCoins","d":"HandCoins, the duotone drawing of hand-coins on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/hand-coins","t":"HandCoins","d":"HandCoins, the fill drawing of hand-coins on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:hand-heart","t":"HandHeart","d":"HandHeart, the stroke drawing of hand-heart on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/hand-heart","t":"HandHeart","d":"HandHeart, the two-tone drawing of hand-heart on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/hand-heart","t":"HandHeart","d":"HandHeart, the duotone drawing of hand-heart on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/hand-heart","t":"HandHeart","d":"HandHeart, the fill drawing of hand-heart on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/hand-heart","t":"HandHeart","d":"HandHeart, the stroke drawing of hand-heart on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/hand-heart","t":"HandHeart","d":"HandHeart, the two-tone drawing of hand-heart on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/hand-heart","t":"HandHeart","d":"HandHeart, the duotone drawing of hand-heart on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/hand-heart","t":"HandHeart","d":"HandHeart, the fill drawing of hand-heart on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:hand-open","t":"HandOpen","d":"HandOpen, the stroke drawing of hand-open on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/hand-open","t":"HandOpen","d":"HandOpen, the two-tone drawing of hand-open on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/hand-open","t":"HandOpen","d":"HandOpen, the duotone drawing of hand-open on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/hand-open","t":"HandOpen","d":"HandOpen, the fill drawing of hand-open on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/hand-open","t":"HandOpen","d":"HandOpen, the stroke drawing of hand-open on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/hand-open","t":"HandOpen","d":"HandOpen, the two-tone drawing of hand-open on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/hand-open","t":"HandOpen","d":"HandOpen, the duotone drawing of hand-open on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/hand-open","t":"HandOpen","d":"HandOpen, the fill drawing of hand-open on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:hand-pointer","t":"HandPointer","d":"HandPointer, the stroke drawing of hand-pointer on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/hand-pointer","t":"HandPointer","d":"HandPointer, the two-tone drawing of hand-pointer on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/hand-pointer","t":"HandPointer","d":"HandPointer, the duotone drawing of hand-pointer on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/hand-pointer","t":"HandPointer","d":"HandPointer, the fill drawing of hand-pointer on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/hand-pointer","t":"HandPointer","d":"HandPointer, the stroke drawing of hand-pointer on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/hand-pointer","t":"HandPointer","d":"HandPointer, the two-tone drawing of hand-pointer on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/hand-pointer","t":"HandPointer","d":"HandPointer, the duotone drawing of hand-pointer on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/hand-pointer","t":"HandPointer","d":"HandPointer, the fill drawing of hand-pointer on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:hand-pointer-down","t":"HandPointerDown","d":"HandPointerDown, the stroke drawing of hand-pointer-down on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/hand-pointer-down","t":"HandPointerDown","d":"HandPointerDown, the two-tone drawing of hand-pointer-down on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/hand-pointer-down","t":"HandPointerDown","d":"HandPointerDown, the duotone drawing of hand-pointer-down on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/hand-pointer-down","t":"HandPointerDown","d":"HandPointerDown, the fill drawing of hand-pointer-down on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/hand-pointer-down","t":"HandPointerDown","d":"HandPointerDown, the stroke drawing of hand-pointer-down on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/hand-pointer-down","t":"HandPointerDown","d":"HandPointerDown, the two-tone drawing of hand-pointer-down on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/hand-pointer-down","t":"HandPointerDown","d":"HandPointerDown, the duotone drawing of hand-pointer-down on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/hand-pointer-down","t":"HandPointerDown","d":"HandPointerDown, the fill drawing of hand-pointer-down on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:hand-pointer-left","t":"HandPointerLeft","d":"HandPointerLeft, the stroke drawing of hand-pointer-left on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/hand-pointer-left","t":"HandPointerLeft","d":"HandPointerLeft, the two-tone drawing of hand-pointer-left on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/hand-pointer-left","t":"HandPointerLeft","d":"HandPointerLeft, the duotone drawing of hand-pointer-left on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/hand-pointer-left","t":"HandPointerLeft","d":"HandPointerLeft, the fill drawing of hand-pointer-left on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/hand-pointer-left","t":"HandPointerLeft","d":"HandPointerLeft, the stroke drawing of hand-pointer-left on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/hand-pointer-left","t":"HandPointerLeft","d":"HandPointerLeft, the two-tone drawing of hand-pointer-left on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/hand-pointer-left","t":"HandPointerLeft","d":"HandPointerLeft, the duotone drawing of hand-pointer-left on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/hand-pointer-left","t":"HandPointerLeft","d":"HandPointerLeft, the fill drawing of hand-pointer-left on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:hand-pointer-right","t":"HandPointerRight","d":"HandPointerRight, the stroke drawing of hand-pointer-right on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/hand-pointer-right","t":"HandPointerRight","d":"HandPointerRight, the two-tone drawing of hand-pointer-right on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/hand-pointer-right","t":"HandPointerRight","d":"HandPointerRight, the duotone drawing of hand-pointer-right on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/hand-pointer-right","t":"HandPointerRight","d":"HandPointerRight, the fill drawing of hand-pointer-right on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/hand-pointer-right","t":"HandPointerRight","d":"HandPointerRight, the stroke drawing of hand-pointer-right on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/hand-pointer-right","t":"HandPointerRight","d":"HandPointerRight, the two-tone drawing of hand-pointer-right on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/hand-pointer-right","t":"HandPointerRight","d":"HandPointerRight, the duotone drawing of hand-pointer-right on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/hand-pointer-right","t":"HandPointerRight","d":"HandPointerRight, the fill drawing of hand-pointer-right on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:hand-pointer-sparkles","t":"HandPointerSparkles","d":"HandPointerSparkles, the stroke drawing of hand-pointer-sparkles on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/hand-pointer-sparkles","t":"HandPointerSparkles","d":"HandPointerSparkles, the two-tone drawing of hand-pointer-sparkles on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/hand-pointer-sparkles","t":"HandPointerSparkles","d":"HandPointerSparkles, the duotone drawing of hand-pointer-sparkles on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/hand-pointer-sparkles","t":"HandPointerSparkles","d":"HandPointerSparkles, the fill drawing of hand-pointer-sparkles on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/hand-pointer-sparkles","t":"HandPointerSparkles","d":"HandPointerSparkles, the stroke drawing of hand-pointer-sparkles on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/hand-pointer-sparkles","t":"HandPointerSparkles","d":"HandPointerSparkles, the two-tone drawing of hand-pointer-sparkles on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/hand-pointer-sparkles","t":"HandPointerSparkles","d":"HandPointerSparkles, the duotone drawing of hand-pointer-sparkles on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/hand-pointer-sparkles","t":"HandPointerSparkles","d":"HandPointerSparkles, the fill drawing of hand-pointer-sparkles on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:handbag","t":"Handbag","d":"Handbag, the stroke drawing of handbag on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/handbag","t":"Handbag","d":"Handbag, the two-tone drawing of handbag on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/handbag","t":"Handbag","d":"Handbag, the duotone drawing of handbag on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/handbag","t":"Handbag","d":"Handbag, the fill drawing of handbag on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/handbag","t":"Handbag","d":"Handbag, the stroke drawing of handbag on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/handbag","t":"Handbag","d":"Handbag, the two-tone drawing of handbag on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/handbag","t":"Handbag","d":"Handbag, the duotone drawing of handbag on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/handbag","t":"Handbag","d":"Handbag, the fill drawing of handbag on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:handbag-sparkles","t":"HandbagSparkles","d":"HandbagSparkles, the stroke drawing of handbag-sparkles on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/handbag-sparkles","t":"HandbagSparkles","d":"HandbagSparkles, the two-tone drawing of handbag-sparkles on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/handbag-sparkles","t":"HandbagSparkles","d":"HandbagSparkles, the duotone drawing of handbag-sparkles on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/handbag-sparkles","t":"HandbagSparkles","d":"HandbagSparkles, the fill drawing of handbag-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/handbag-sparkles","t":"HandbagSparkles","d":"HandbagSparkles, the stroke drawing of handbag-sparkles on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/handbag-sparkles","t":"HandbagSparkles","d":"HandbagSparkles, the two-tone drawing of handbag-sparkles on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/handbag-sparkles","t":"HandbagSparkles","d":"HandbagSparkles, the duotone drawing of handbag-sparkles on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/handbag-sparkles","t":"HandbagSparkles","d":"HandbagSparkles, the fill drawing of handbag-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:hard-drive","t":"HardDrive","d":"HardDrive, the stroke drawing of hard-drive on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/hard-drive","t":"HardDrive","d":"HardDrive, the two-tone drawing of hard-drive on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/hard-drive","t":"HardDrive","d":"HardDrive, the duotone drawing of hard-drive on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/hard-drive","t":"HardDrive","d":"HardDrive, the fill drawing of hard-drive on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/hard-drive","t":"HardDrive","d":"HardDrive, the stroke drawing of hard-drive on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/hard-drive","t":"HardDrive","d":"HardDrive, the two-tone drawing of hard-drive on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/hard-drive","t":"HardDrive","d":"HardDrive, the duotone drawing of hard-drive on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/hard-drive","t":"HardDrive","d":"HardDrive, the fill drawing of hard-drive on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:hash","t":"Hash","d":"Hash, the stroke drawing of hash on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/hash","t":"Hash","d":"Hash, the two-tone drawing of hash on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/hash","t":"Hash","d":"Hash, the duotone drawing of hash on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/hash","t":"Hash","d":"Hash, the fill drawing of hash on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/hash","t":"Hash","d":"Hash, the stroke drawing of hash on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/hash","t":"Hash","d":"Hash, the two-tone drawing of hash on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/hash","t":"Hash","d":"Hash, the duotone drawing of hash on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/hash","t":"Hash","d":"Hash, the fill drawing of hash on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:hat-glasses","t":"HatGlasses","d":"HatGlasses, the stroke drawing of hat-glasses on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:two-tone/hat-glasses","t":"HatGlasses","d":"HatGlasses, the two-tone drawing of hat-glasses on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:duotone/hat-glasses","t":"HatGlasses","d":"HatGlasses, the duotone drawing of hat-glasses on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:fill/hat-glasses","t":"HatGlasses","d":"HatGlasses, the fill drawing of hat-glasses on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:sharp/hat-glasses","t":"HatGlasses","d":"HatGlasses, the stroke drawing of hat-glasses on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:sharp/two-tone/hat-glasses","t":"HatGlasses","d":"HatGlasses, the two-tone drawing of hat-glasses on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:sharp/duotone/hat-glasses","t":"HatGlasses","d":"HatGlasses, the duotone drawing of hat-glasses on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:sharp/fill/hat-glasses","t":"HatGlasses","d":"HatGlasses, the fill drawing of hat-glasses on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:heading","t":"Heading","d":"Heading, the stroke drawing of heading on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","vn":48,"hc":1},{"id":"keyline:two-tone/heading","t":"Heading","d":"Heading, the two-tone drawing of heading on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/heading","t":"Heading","d":"Heading, the duotone drawing of heading on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/heading","t":"Heading","d":"Heading, the fill drawing of heading on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/heading","t":"Heading","d":"Heading, the stroke drawing of heading on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/heading","t":"Heading","d":"Heading, the two-tone drawing of heading on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/heading","t":"Heading","d":"Heading, the duotone drawing of heading on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/heading","t":"Heading","d":"Heading, the fill drawing of heading on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:headphones","t":"Headphones","d":"Headphones, the stroke drawing of headphones on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/headphones","t":"Headphones","d":"Headphones, the two-tone drawing of headphones on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/headphones","t":"Headphones","d":"Headphones, the duotone drawing of headphones on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/headphones","t":"Headphones","d":"Headphones, the fill drawing of headphones on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/headphones","t":"Headphones","d":"Headphones, the stroke drawing of headphones on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/headphones","t":"Headphones","d":"Headphones, the two-tone drawing of headphones on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/headphones","t":"Headphones","d":"Headphones, the duotone drawing of headphones on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/headphones","t":"Headphones","d":"Headphones, the fill drawing of headphones on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:headphones-off","t":"HeadphonesOff","d":"HeadphonesOff, the stroke drawing of headphones-off on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/headphones-off","t":"HeadphonesOff","d":"HeadphonesOff, the two-tone drawing of headphones-off on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/headphones-off","t":"HeadphonesOff","d":"HeadphonesOff, the duotone drawing of headphones-off on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/headphones-off","t":"HeadphonesOff","d":"HeadphonesOff, the fill drawing of headphones-off on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/headphones-off","t":"HeadphonesOff","d":"HeadphonesOff, the stroke drawing of headphones-off on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/headphones-off","t":"HeadphonesOff","d":"HeadphonesOff, the two-tone drawing of headphones-off on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/headphones-off","t":"HeadphonesOff","d":"HeadphonesOff, the duotone drawing of headphones-off on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/headphones-off","t":"HeadphonesOff","d":"HeadphonesOff, the fill drawing of headphones-off on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:headset","t":"Headset","d":"Headset, the stroke drawing of headset on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/headset","t":"Headset","d":"Headset, the two-tone drawing of headset on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/headset","t":"Headset","d":"Headset, the duotone drawing of headset on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/headset","t":"Headset","d":"Headset, the fill drawing of headset on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/headset","t":"Headset","d":"Headset, the stroke drawing of headset on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/headset","t":"Headset","d":"Headset, the two-tone drawing of headset on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/headset","t":"Headset","d":"Headset, the duotone drawing of headset on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/headset","t":"Headset","d":"Headset, the fill drawing of headset on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:headset-off","t":"HeadsetOff","d":"HeadsetOff, the stroke drawing of headset-off on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/headset-off","t":"HeadsetOff","d":"HeadsetOff, the two-tone drawing of headset-off on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/headset-off","t":"HeadsetOff","d":"HeadsetOff, the duotone drawing of headset-off on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/headset-off","t":"HeadsetOff","d":"HeadsetOff, the fill drawing of headset-off on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/headset-off","t":"HeadsetOff","d":"HeadsetOff, the stroke drawing of headset-off on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/headset-off","t":"HeadsetOff","d":"HeadsetOff, the two-tone drawing of headset-off on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/headset-off","t":"HeadsetOff","d":"HeadsetOff, the duotone drawing of headset-off on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/headset-off","t":"HeadsetOff","d":"HeadsetOff, the fill drawing of headset-off on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:heart","t":"Heart","d":"Heart, the stroke drawing of heart on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/heart","t":"Heart","d":"Heart, the two-tone drawing of heart on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/heart","t":"Heart","d":"Heart, the duotone drawing of heart on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/heart","t":"Heart","d":"Heart, the fill drawing of heart on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/heart","t":"Heart","d":"Heart, the stroke drawing of heart on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/heart","t":"Heart","d":"Heart, the two-tone drawing of heart on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/heart","t":"Heart","d":"Heart, the duotone drawing of heart on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/heart","t":"Heart","d":"Heart, the fill drawing of heart on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:heart-crack","t":"HeartCrack","d":"HeartCrack, the stroke drawing of heart-crack on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/heart-crack","t":"HeartCrack","d":"HeartCrack, the two-tone drawing of heart-crack on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/heart-crack","t":"HeartCrack","d":"HeartCrack, the duotone drawing of heart-crack on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/heart-crack","t":"HeartCrack","d":"HeartCrack, the fill drawing of heart-crack on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/heart-crack","t":"HeartCrack","d":"HeartCrack, the stroke drawing of heart-crack on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/heart-crack","t":"HeartCrack","d":"HeartCrack, the two-tone drawing of heart-crack on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/heart-crack","t":"HeartCrack","d":"HeartCrack, the duotone drawing of heart-crack on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/heart-crack","t":"HeartCrack","d":"HeartCrack, the fill drawing of heart-crack on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:heart-off","t":"HeartOff","d":"HeartOff, the stroke drawing of heart-off on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/heart-off","t":"HeartOff","d":"HeartOff, the two-tone drawing of heart-off on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/heart-off","t":"HeartOff","d":"HeartOff, the duotone drawing of heart-off on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/heart-off","t":"HeartOff","d":"HeartOff, the fill drawing of heart-off on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/heart-off","t":"HeartOff","d":"HeartOff, the stroke drawing of heart-off on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/heart-off","t":"HeartOff","d":"HeartOff, the two-tone drawing of heart-off on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/heart-off","t":"HeartOff","d":"HeartOff, the duotone drawing of heart-off on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/heart-off","t":"HeartOff","d":"HeartOff, the fill drawing of heart-off on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:heart-plus","t":"HeartPlus","d":"HeartPlus, the stroke drawing of heart-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/heart-plus","t":"HeartPlus","d":"HeartPlus, the two-tone drawing of heart-plus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/heart-plus","t":"HeartPlus","d":"HeartPlus, the duotone drawing of heart-plus on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/heart-plus","t":"HeartPlus","d":"HeartPlus, the fill drawing of heart-plus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/heart-plus","t":"HeartPlus","d":"HeartPlus, the stroke drawing of heart-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/heart-plus","t":"HeartPlus","d":"HeartPlus, the two-tone drawing of heart-plus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/heart-plus","t":"HeartPlus","d":"HeartPlus, the duotone drawing of heart-plus on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/heart-plus","t":"HeartPlus","d":"HeartPlus, the fill drawing of heart-plus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:heart-pulse","t":"HeartPulse","d":"HeartPulse, the stroke drawing of heart-pulse on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/heart-pulse","t":"HeartPulse","d":"HeartPulse, the two-tone drawing of heart-pulse on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/heart-pulse","t":"HeartPulse","d":"HeartPulse, the duotone drawing of heart-pulse on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/heart-pulse","t":"HeartPulse","d":"HeartPulse, the fill drawing of heart-pulse on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/heart-pulse","t":"HeartPulse","d":"HeartPulse, the stroke drawing of heart-pulse on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/heart-pulse","t":"HeartPulse","d":"HeartPulse, the two-tone drawing of heart-pulse on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/heart-pulse","t":"HeartPulse","d":"HeartPulse, the duotone drawing of heart-pulse on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/heart-pulse","t":"HeartPulse","d":"HeartPulse, the fill drawing of heart-pulse on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:heart-sparkles","t":"HeartSparkles","d":"HeartSparkles, the stroke drawing of heart-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/heart-sparkles","t":"HeartSparkles","d":"HeartSparkles, the two-tone drawing of heart-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/heart-sparkles","t":"HeartSparkles","d":"HeartSparkles, the duotone drawing of heart-sparkles on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/heart-sparkles","t":"HeartSparkles","d":"HeartSparkles, the fill drawing of heart-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/heart-sparkles","t":"HeartSparkles","d":"HeartSparkles, the stroke drawing of heart-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/heart-sparkles","t":"HeartSparkles","d":"HeartSparkles, the two-tone drawing of heart-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/heart-sparkles","t":"HeartSparkles","d":"HeartSparkles, the duotone drawing of heart-sparkles on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/heart-sparkles","t":"HeartSparkles","d":"HeartSparkles, the fill drawing of heart-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:hearts","t":"Hearts","d":"Hearts, the stroke drawing of hearts on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/hearts","t":"Hearts","d":"Hearts, the two-tone drawing of hearts on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/hearts","t":"Hearts","d":"Hearts, the duotone drawing of hearts on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/hearts","t":"Hearts","d":"Hearts, the fill drawing of hearts on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/hearts","t":"Hearts","d":"Hearts, the stroke drawing of hearts on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/hearts","t":"Hearts","d":"Hearts, the two-tone drawing of hearts on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/hearts","t":"Hearts","d":"Hearts, the duotone drawing of hearts on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/hearts","t":"Hearts","d":"Hearts, the fill drawing of hearts on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:hexagons","t":"Hexagons","d":"Hexagons, the stroke drawing of hexagons on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/hexagons","t":"Hexagons","d":"Hexagons, the two-tone drawing of hexagons on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/hexagons","t":"Hexagons","d":"Hexagons, the duotone drawing of hexagons on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/hexagons","t":"Hexagons","d":"Hexagons, the fill drawing of hexagons on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/hexagons","t":"Hexagons","d":"Hexagons, the stroke drawing of hexagons on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/hexagons","t":"Hexagons","d":"Hexagons, the two-tone drawing of hexagons on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/hexagons","t":"Hexagons","d":"Hexagons, the duotone drawing of hexagons on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/hexagons","t":"Hexagons","d":"Hexagons, the fill drawing of hexagons on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:history","t":"History","d":"History, the stroke drawing of history on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/history","t":"History","d":"History, the two-tone drawing of history on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/history","t":"History","d":"History, the duotone drawing of history on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/history","t":"History","d":"History, the fill drawing of history on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/history","t":"History","d":"History, the stroke drawing of history on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/history","t":"History","d":"History, the two-tone drawing of history on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/history","t":"History","d":"History, the duotone drawing of history on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/history","t":"History","d":"History, the fill drawing of history on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:hockey-sticks","t":"HockeySticks","d":"HockeySticks, the stroke drawing of hockey-sticks on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/hockey-sticks","t":"HockeySticks","d":"HockeySticks, the two-tone drawing of hockey-sticks on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/hockey-sticks","t":"HockeySticks","d":"HockeySticks, the duotone drawing of hockey-sticks on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/hockey-sticks","t":"HockeySticks","d":"HockeySticks, the fill drawing of hockey-sticks on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/hockey-sticks","t":"HockeySticks","d":"HockeySticks, the stroke drawing of hockey-sticks on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/hockey-sticks","t":"HockeySticks","d":"HockeySticks, the two-tone drawing of hockey-sticks on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/hockey-sticks","t":"HockeySticks","d":"HockeySticks, the duotone drawing of hockey-sticks on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/hockey-sticks","t":"HockeySticks","d":"HockeySticks, the fill drawing of hockey-sticks on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:home","t":"Home","d":"Home, the stroke drawing of home on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/home","t":"Home","d":"Home, the two-tone drawing of home on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/home","t":"Home","d":"Home, the duotone drawing of home on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/home","t":"Home","d":"Home, the fill drawing of home on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/home","t":"Home","d":"Home, the stroke drawing of home on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/home","t":"Home","d":"Home, the two-tone drawing of home on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/home","t":"Home","d":"Home, the duotone drawing of home on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/home","t":"Home","d":"Home, the fill drawing of home on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:home-check","t":"HomeCheck","d":"HomeCheck, the stroke drawing of home-check on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/home-check","t":"HomeCheck","d":"HomeCheck, the two-tone drawing of home-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/home-check","t":"HomeCheck","d":"HomeCheck, the duotone drawing of home-check on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/home-check","t":"HomeCheck","d":"HomeCheck, the fill drawing of home-check on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/home-check","t":"HomeCheck","d":"HomeCheck, the stroke drawing of home-check on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/home-check","t":"HomeCheck","d":"HomeCheck, the two-tone drawing of home-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/home-check","t":"HomeCheck","d":"HomeCheck, the duotone drawing of home-check on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/home-check","t":"HomeCheck","d":"HomeCheck, the fill drawing of home-check on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:home-heart","t":"HomeHeart","d":"HomeHeart, the stroke drawing of home-heart on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/home-heart","t":"HomeHeart","d":"HomeHeart, the two-tone drawing of home-heart on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/home-heart","t":"HomeHeart","d":"HomeHeart, the duotone drawing of home-heart on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/home-heart","t":"HomeHeart","d":"HomeHeart, the fill drawing of home-heart on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/home-heart","t":"HomeHeart","d":"HomeHeart, the stroke drawing of home-heart on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/home-heart","t":"HomeHeart","d":"HomeHeart, the two-tone drawing of home-heart on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/home-heart","t":"HomeHeart","d":"HomeHeart, the duotone drawing of home-heart on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/home-heart","t":"HomeHeart","d":"HomeHeart, the fill drawing of home-heart on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:home-plus","t":"HomePlus","d":"HomePlus, the stroke drawing of home-plus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/home-plus","t":"HomePlus","d":"HomePlus, the two-tone drawing of home-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/home-plus","t":"HomePlus","d":"HomePlus, the duotone drawing of home-plus on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/home-plus","t":"HomePlus","d":"HomePlus, the fill drawing of home-plus on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/home-plus","t":"HomePlus","d":"HomePlus, the stroke drawing of home-plus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/home-plus","t":"HomePlus","d":"HomePlus, the two-tone drawing of home-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/home-plus","t":"HomePlus","d":"HomePlus, the duotone drawing of home-plus on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/home-plus","t":"HomePlus","d":"HomePlus, the fill drawing of home-plus on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:home-simple","t":"HomeSimple","d":"HomeSimple, the stroke drawing of home-simple on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"keyline:two-tone/home-simple","t":"HomeSimple","d":"HomeSimple, the two-tone drawing of home-simple on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","tg":["minimal"],"sb":"Styled sets","sy":["minimal"],"hc":1},{"id":"keyline:duotone/home-simple","t":"HomeSimple","d":"HomeSimple, the duotone drawing of home-simple on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","tg":["minimal"],"sb":"Styled sets","sy":["minimal"],"hc":1},{"id":"keyline:fill/home-simple","t":"HomeSimple","d":"HomeSimple, the fill drawing of home-simple on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"keyline:sharp/home-simple","t":"HomeSimple","d":"HomeSimple, the stroke drawing of home-simple on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"keyline:sharp/two-tone/home-simple","t":"HomeSimple","d":"HomeSimple, the two-tone drawing of home-simple on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","tg":["minimal"],"sb":"Styled sets","sy":["minimal"],"hc":1},{"id":"keyline:sharp/duotone/home-simple","t":"HomeSimple","d":"HomeSimple, the duotone drawing of home-simple on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","tg":["minimal"],"sb":"Styled sets","sy":["minimal"],"hc":1},{"id":"keyline:sharp/fill/home-simple","t":"HomeSimple","d":"HomeSimple, the fill drawing of home-simple on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"keyline:home-zap","t":"HomeZap","d":"HomeZap, the stroke drawing of home-zap on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/home-zap","t":"HomeZap","d":"HomeZap, the two-tone drawing of home-zap on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/home-zap","t":"HomeZap","d":"HomeZap, the duotone drawing of home-zap on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/home-zap","t":"HomeZap","d":"HomeZap, the fill drawing of home-zap on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/home-zap","t":"HomeZap","d":"HomeZap, the stroke drawing of home-zap on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/home-zap","t":"HomeZap","d":"HomeZap, the two-tone drawing of home-zap on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/home-zap","t":"HomeZap","d":"HomeZap, the duotone drawing of home-zap on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/home-zap","t":"HomeZap","d":"HomeZap, the fill drawing of home-zap on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:homes","t":"Homes","d":"Homes, the stroke drawing of homes on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/homes","t":"Homes","d":"Homes, the two-tone drawing of homes on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/homes","t":"Homes","d":"Homes, the duotone drawing of homes on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/homes","t":"Homes","d":"Homes, the fill drawing of homes on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/homes","t":"Homes","d":"Homes, the stroke drawing of homes on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/homes","t":"Homes","d":"Homes, the two-tone drawing of homes on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/homes","t":"Homes","d":"Homes, the duotone drawing of homes on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/homes","t":"Homes","d":"Homes, the fill drawing of homes on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:hourglass","t":"Hourglass","d":"Hourglass, the stroke drawing of hourglass on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:two-tone/hourglass","t":"Hourglass","d":"Hourglass, the two-tone drawing of hourglass on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:duotone/hourglass","t":"Hourglass","d":"Hourglass, the duotone drawing of hourglass on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:fill/hourglass","t":"Hourglass","d":"Hourglass, the fill drawing of hourglass on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:sharp/hourglass","t":"Hourglass","d":"Hourglass, the stroke drawing of hourglass on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:sharp/two-tone/hourglass","t":"Hourglass","d":"Hourglass, the two-tone drawing of hourglass on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:sharp/duotone/hourglass","t":"Hourglass","d":"Hourglass, the duotone drawing of hourglass on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:sharp/fill/hourglass","t":"Hourglass","d":"Hourglass, the fill drawing of hourglass on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:hourglass-end","t":"HourglassEnd","d":"HourglassEnd, the stroke drawing of hourglass-end on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:two-tone/hourglass-end","t":"HourglassEnd","d":"HourglassEnd, the two-tone drawing of hourglass-end on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:duotone/hourglass-end","t":"HourglassEnd","d":"HourglassEnd, the duotone drawing of hourglass-end on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:fill/hourglass-end","t":"HourglassEnd","d":"HourglassEnd, the fill drawing of hourglass-end on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:sharp/hourglass-end","t":"HourglassEnd","d":"HourglassEnd, the stroke drawing of hourglass-end on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:sharp/two-tone/hourglass-end","t":"HourglassEnd","d":"HourglassEnd, the two-tone drawing of hourglass-end on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:sharp/duotone/hourglass-end","t":"HourglassEnd","d":"HourglassEnd, the duotone drawing of hourglass-end on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:sharp/fill/hourglass-end","t":"HourglassEnd","d":"HourglassEnd, the fill drawing of hourglass-end on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:hourglass-half","t":"HourglassHalf","d":"HourglassHalf, the stroke drawing of hourglass-half on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:two-tone/hourglass-half","t":"HourglassHalf","d":"HourglassHalf, the two-tone drawing of hourglass-half on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:duotone/hourglass-half","t":"HourglassHalf","d":"HourglassHalf, the duotone drawing of hourglass-half on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:fill/hourglass-half","t":"HourglassHalf","d":"HourglassHalf, the fill drawing of hourglass-half on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:sharp/hourglass-half","t":"HourglassHalf","d":"HourglassHalf, the stroke drawing of hourglass-half on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:sharp/two-tone/hourglass-half","t":"HourglassHalf","d":"HourglassHalf, the two-tone drawing of hourglass-half on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:sharp/duotone/hourglass-half","t":"HourglassHalf","d":"HourglassHalf, the duotone drawing of hourglass-half on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:sharp/fill/hourglass-half","t":"HourglassHalf","d":"HourglassHalf, the fill drawing of hourglass-half on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:hourglass-start","t":"HourglassStart","d":"HourglassStart, the stroke drawing of hourglass-start on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:two-tone/hourglass-start","t":"HourglassStart","d":"HourglassStart, the two-tone drawing of hourglass-start on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:duotone/hourglass-start","t":"HourglassStart","d":"HourglassStart, the duotone drawing of hourglass-start on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:fill/hourglass-start","t":"HourglassStart","d":"HourglassStart, the fill drawing of hourglass-start on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:sharp/hourglass-start","t":"HourglassStart","d":"HourglassStart, the stroke drawing of hourglass-start on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:sharp/two-tone/hourglass-start","t":"HourglassStart","d":"HourglassStart, the two-tone drawing of hourglass-start on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:sharp/duotone/hourglass-start","t":"HourglassStart","d":"HourglassStart, the duotone drawing of hourglass-start on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:sharp/fill/hourglass-start","t":"HourglassStart","d":"HourglassStart, the fill drawing of hourglass-start on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:house","t":"House","d":"House, the stroke drawing of house on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/house","t":"House","d":"House, the two-tone drawing of house on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/house","t":"House","d":"House, the duotone drawing of house on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/house","t":"House","d":"House, the fill drawing of house on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/house","t":"House","d":"House, the stroke drawing of house on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/house","t":"House","d":"House, the two-tone drawing of house on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/house","t":"House","d":"House, the duotone drawing of house on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/house","t":"House","d":"House, the fill drawing of house on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:house-cast","t":"HouseCast","d":"HouseCast, the stroke drawing of house-cast on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/house-cast","t":"HouseCast","d":"HouseCast, the two-tone drawing of house-cast on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/house-cast","t":"HouseCast","d":"HouseCast, the duotone drawing of house-cast on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/house-cast","t":"HouseCast","d":"HouseCast, the fill drawing of house-cast on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/house-cast","t":"HouseCast","d":"HouseCast, the stroke drawing of house-cast on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/house-cast","t":"HouseCast","d":"HouseCast, the two-tone drawing of house-cast on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/house-cast","t":"HouseCast","d":"HouseCast, the duotone drawing of house-cast on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/house-cast","t":"HouseCast","d":"HouseCast, the fill drawing of house-cast on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:house-check","t":"HouseCheck","d":"HouseCheck, the stroke drawing of house-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/house-check","t":"HouseCheck","d":"HouseCheck, the two-tone drawing of house-check on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/house-check","t":"HouseCheck","d":"HouseCheck, the duotone drawing of house-check on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/house-check","t":"HouseCheck","d":"HouseCheck, the fill drawing of house-check on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/house-check","t":"HouseCheck","d":"HouseCheck, the stroke drawing of house-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/house-check","t":"HouseCheck","d":"HouseCheck, the two-tone drawing of house-check on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/house-check","t":"HouseCheck","d":"HouseCheck, the duotone drawing of house-check on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/house-check","t":"HouseCheck","d":"HouseCheck, the fill drawing of house-check on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:house-chimney","t":"HouseChimney","d":"HouseChimney, the stroke drawing of house-chimney on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/house-chimney","t":"HouseChimney","d":"HouseChimney, the two-tone drawing of house-chimney on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/house-chimney","t":"HouseChimney","d":"HouseChimney, the duotone drawing of house-chimney on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/house-chimney","t":"HouseChimney","d":"HouseChimney, the fill drawing of house-chimney on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/house-chimney","t":"HouseChimney","d":"HouseChimney, the stroke drawing of house-chimney on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/house-chimney","t":"HouseChimney","d":"HouseChimney, the two-tone drawing of house-chimney on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/house-chimney","t":"HouseChimney","d":"HouseChimney, the duotone drawing of house-chimney on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/house-chimney","t":"HouseChimney","d":"HouseChimney, the fill drawing of house-chimney on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:house-cog","t":"HouseCog","d":"HouseCog, the stroke drawing of house-cog on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/house-cog","t":"HouseCog","d":"HouseCog, the two-tone drawing of house-cog on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/house-cog","t":"HouseCog","d":"HouseCog, the duotone drawing of house-cog on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/house-cog","t":"HouseCog","d":"HouseCog, the fill drawing of house-cog on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/house-cog","t":"HouseCog","d":"HouseCog, the stroke drawing of house-cog on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/house-cog","t":"HouseCog","d":"HouseCog, the two-tone drawing of house-cog on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/house-cog","t":"HouseCog","d":"HouseCog, the duotone drawing of house-cog on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/house-cog","t":"HouseCog","d":"HouseCog, the fill drawing of house-cog on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:house-heart","t":"HouseHeart","d":"HouseHeart, the stroke drawing of house-heart on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/house-heart","t":"HouseHeart","d":"HouseHeart, the two-tone drawing of house-heart on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/house-heart","t":"HouseHeart","d":"HouseHeart, the duotone drawing of house-heart on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/house-heart","t":"HouseHeart","d":"HouseHeart, the fill drawing of house-heart on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/house-heart","t":"HouseHeart","d":"HouseHeart, the stroke drawing of house-heart on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/house-heart","t":"HouseHeart","d":"HouseHeart, the two-tone drawing of house-heart on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/house-heart","t":"HouseHeart","d":"HouseHeart, the duotone drawing of house-heart on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/house-heart","t":"HouseHeart","d":"HouseHeart, the fill drawing of house-heart on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:house-plug","t":"HousePlug","d":"HousePlug, the stroke drawing of house-plug on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/house-plug","t":"HousePlug","d":"HousePlug, the two-tone drawing of house-plug on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/house-plug","t":"HousePlug","d":"HousePlug, the duotone drawing of house-plug on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/house-plug","t":"HousePlug","d":"HousePlug, the fill drawing of house-plug on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/house-plug","t":"HousePlug","d":"HousePlug, the stroke drawing of house-plug on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/house-plug","t":"HousePlug","d":"HousePlug, the two-tone drawing of house-plug on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/house-plug","t":"HousePlug","d":"HousePlug, the duotone drawing of house-plug on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/house-plug","t":"HousePlug","d":"HousePlug, the fill drawing of house-plug on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:house-plus","t":"HousePlus","d":"HousePlus, the stroke drawing of house-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/house-plus","t":"HousePlus","d":"HousePlus, the two-tone drawing of house-plus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/house-plus","t":"HousePlus","d":"HousePlus, the duotone drawing of house-plus on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/house-plus","t":"HousePlus","d":"HousePlus, the fill drawing of house-plus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/house-plus","t":"HousePlus","d":"HousePlus, the stroke drawing of house-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/house-plus","t":"HousePlus","d":"HousePlus, the two-tone drawing of house-plus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/house-plus","t":"HousePlus","d":"HousePlus, the duotone drawing of house-plus on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/house-plus","t":"HousePlus","d":"HousePlus, the fill drawing of house-plus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:house-simple","t":"HouseSimple","d":"HouseSimple, the stroke drawing of house-simple on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"keyline:two-tone/house-simple","t":"HouseSimple","d":"HouseSimple, the two-tone drawing of house-simple on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","tg":["minimal"],"sb":"Styled sets","sy":["minimal"],"hc":1},{"id":"keyline:duotone/house-simple","t":"HouseSimple","d":"HouseSimple, the duotone drawing of house-simple on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","tg":["minimal"],"sb":"Styled sets","sy":["minimal"],"hc":1},{"id":"keyline:fill/house-simple","t":"HouseSimple","d":"HouseSimple, the fill drawing of house-simple on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"keyline:sharp/house-simple","t":"HouseSimple","d":"HouseSimple, the stroke drawing of house-simple on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"keyline:sharp/two-tone/house-simple","t":"HouseSimple","d":"HouseSimple, the two-tone drawing of house-simple on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","tg":["minimal"],"sb":"Styled sets","sy":["minimal"],"hc":1},{"id":"keyline:sharp/duotone/house-simple","t":"HouseSimple","d":"HouseSimple, the duotone drawing of house-simple on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","tg":["minimal"],"sb":"Styled sets","sy":["minimal"],"hc":1},{"id":"keyline:sharp/fill/house-simple","t":"HouseSimple","d":"HouseSimple, the fill drawing of house-simple on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"keyline:house-wifi","t":"HouseWifi","d":"HouseWifi, the stroke drawing of house-wifi on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/house-wifi","t":"HouseWifi","d":"HouseWifi, the two-tone drawing of house-wifi on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/house-wifi","t":"HouseWifi","d":"HouseWifi, the duotone drawing of house-wifi on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/house-wifi","t":"HouseWifi","d":"HouseWifi, the fill drawing of house-wifi on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/house-wifi","t":"HouseWifi","d":"HouseWifi, the stroke drawing of house-wifi on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/house-wifi","t":"HouseWifi","d":"HouseWifi, the two-tone drawing of house-wifi on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/house-wifi","t":"HouseWifi","d":"HouseWifi, the duotone drawing of house-wifi on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/house-wifi","t":"HouseWifi","d":"HouseWifi, the fill drawing of house-wifi on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:house-zap","t":"HouseZap","d":"HouseZap, the stroke drawing of house-zap on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/house-zap","t":"HouseZap","d":"HouseZap, the two-tone drawing of house-zap on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/house-zap","t":"HouseZap","d":"HouseZap, the duotone drawing of house-zap on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/house-zap","t":"HouseZap","d":"HouseZap, the fill drawing of house-zap on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/house-zap","t":"HouseZap","d":"HouseZap, the stroke drawing of house-zap on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/house-zap","t":"HouseZap","d":"HouseZap, the two-tone drawing of house-zap on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/house-zap","t":"HouseZap","d":"HouseZap, the duotone drawing of house-zap on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/house-zap","t":"HouseZap","d":"HouseZap, the fill drawing of house-zap on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:houses","t":"Houses","d":"Houses, the stroke drawing of houses on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/houses","t":"Houses","d":"Houses, the two-tone drawing of houses on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/houses","t":"Houses","d":"Houses, the duotone drawing of houses on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/houses","t":"Houses","d":"Houses, the fill drawing of houses on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/houses","t":"Houses","d":"Houses, the stroke drawing of houses on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/houses","t":"Houses","d":"Houses, the two-tone drawing of houses on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/houses","t":"Houses","d":"Houses, the duotone drawing of houses on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/houses","t":"Houses","d":"Houses, the fill drawing of houses on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:humidity","t":"Humidity","d":"Humidity, the stroke drawing of humidity on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/humidity","t":"Humidity","d":"Humidity, the two-tone drawing of humidity on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/humidity","t":"Humidity","d":"Humidity, the duotone drawing of humidity on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/humidity","t":"Humidity","d":"Humidity, the fill drawing of humidity on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/humidity","t":"Humidity","d":"Humidity, the stroke drawing of humidity on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/humidity","t":"Humidity","d":"Humidity, the two-tone drawing of humidity on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/humidity","t":"Humidity","d":"Humidity, the duotone drawing of humidity on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/humidity","t":"Humidity","d":"Humidity, the fill drawing of humidity on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:id-badge","t":"IdBadge","d":"IdBadge, the stroke drawing of id-badge on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/id-badge","t":"IdBadge","d":"IdBadge, the two-tone drawing of id-badge on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/id-badge","t":"IdBadge","d":"IdBadge, the duotone drawing of id-badge on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/id-badge","t":"IdBadge","d":"IdBadge, the fill drawing of id-badge on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/id-badge","t":"IdBadge","d":"IdBadge, the stroke drawing of id-badge on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/id-badge","t":"IdBadge","d":"IdBadge, the two-tone drawing of id-badge on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/id-badge","t":"IdBadge","d":"IdBadge, the duotone drawing of id-badge on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/id-badge","t":"IdBadge","d":"IdBadge, the fill drawing of id-badge on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:id-card","t":"IdCard","d":"IdCard, the stroke drawing of id-card on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/id-card","t":"IdCard","d":"IdCard, the two-tone drawing of id-card on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/id-card","t":"IdCard","d":"IdCard, the duotone drawing of id-card on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/id-card","t":"IdCard","d":"IdCard, the fill drawing of id-card on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/id-card","t":"IdCard","d":"IdCard, the stroke drawing of id-card on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/id-card","t":"IdCard","d":"IdCard, the two-tone drawing of id-card on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/id-card","t":"IdCard","d":"IdCard, the duotone drawing of id-card on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/id-card","t":"IdCard","d":"IdCard, the fill drawing of id-card on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:image","t":"Image","d":"Image, the stroke drawing of image on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/image","t":"Image","d":"Image, the two-tone drawing of image on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/image","t":"Image","d":"Image, the duotone drawing of image on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/image","t":"Image","d":"Image, the fill drawing of image on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/image","t":"Image","d":"Image, the stroke drawing of image on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/image","t":"Image","d":"Image, the two-tone drawing of image on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/image","t":"Image","d":"Image, the duotone drawing of image on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/image","t":"Image","d":"Image, the fill drawing of image on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:image-arrow-down","t":"ImageArrowDown","d":"ImageArrowDown, the stroke drawing of image-arrow-down on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/image-arrow-down","t":"ImageArrowDown","d":"ImageArrowDown, the two-tone drawing of image-arrow-down on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/image-arrow-down","t":"ImageArrowDown","d":"ImageArrowDown, the duotone drawing of image-arrow-down on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/image-arrow-down","t":"ImageArrowDown","d":"ImageArrowDown, the fill drawing of image-arrow-down on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/image-arrow-down","t":"ImageArrowDown","d":"ImageArrowDown, the stroke drawing of image-arrow-down on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/image-arrow-down","t":"ImageArrowDown","d":"ImageArrowDown, the two-tone drawing of image-arrow-down on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/image-arrow-down","t":"ImageArrowDown","d":"ImageArrowDown, the duotone drawing of image-arrow-down on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/image-arrow-down","t":"ImageArrowDown","d":"ImageArrowDown, the fill drawing of image-arrow-down on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:image-arrow-left","t":"ImageArrowLeft","d":"ImageArrowLeft, the stroke drawing of image-arrow-left on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/image-arrow-left","t":"ImageArrowLeft","d":"ImageArrowLeft, the two-tone drawing of image-arrow-left on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/image-arrow-left","t":"ImageArrowLeft","d":"ImageArrowLeft, the duotone drawing of image-arrow-left on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/image-arrow-left","t":"ImageArrowLeft","d":"ImageArrowLeft, the fill drawing of image-arrow-left on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/image-arrow-left","t":"ImageArrowLeft","d":"ImageArrowLeft, the stroke drawing of image-arrow-left on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/image-arrow-left","t":"ImageArrowLeft","d":"ImageArrowLeft, the two-tone drawing of image-arrow-left on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/image-arrow-left","t":"ImageArrowLeft","d":"ImageArrowLeft, the duotone drawing of image-arrow-left on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/image-arrow-left","t":"ImageArrowLeft","d":"ImageArrowLeft, the fill drawing of image-arrow-left on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:image-arrow-right","t":"ImageArrowRight","d":"ImageArrowRight, the stroke drawing of image-arrow-right on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/image-arrow-right","t":"ImageArrowRight","d":"ImageArrowRight, the two-tone drawing of image-arrow-right on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/image-arrow-right","t":"ImageArrowRight","d":"ImageArrowRight, the duotone drawing of image-arrow-right on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/image-arrow-right","t":"ImageArrowRight","d":"ImageArrowRight, the fill drawing of image-arrow-right on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/image-arrow-right","t":"ImageArrowRight","d":"ImageArrowRight, the stroke drawing of image-arrow-right on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/image-arrow-right","t":"ImageArrowRight","d":"ImageArrowRight, the two-tone drawing of image-arrow-right on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/image-arrow-right","t":"ImageArrowRight","d":"ImageArrowRight, the duotone drawing of image-arrow-right on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/image-arrow-right","t":"ImageArrowRight","d":"ImageArrowRight, the fill drawing of image-arrow-right on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:image-arrow-up","t":"ImageArrowUp","d":"ImageArrowUp, the stroke drawing of image-arrow-up on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/image-arrow-up","t":"ImageArrowUp","d":"ImageArrowUp, the two-tone drawing of image-arrow-up on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/image-arrow-up","t":"ImageArrowUp","d":"ImageArrowUp, the duotone drawing of image-arrow-up on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/image-arrow-up","t":"ImageArrowUp","d":"ImageArrowUp, the fill drawing of image-arrow-up on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/image-arrow-up","t":"ImageArrowUp","d":"ImageArrowUp, the stroke drawing of image-arrow-up on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/image-arrow-up","t":"ImageArrowUp","d":"ImageArrowUp, the two-tone drawing of image-arrow-up on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/image-arrow-up","t":"ImageArrowUp","d":"ImageArrowUp, the duotone drawing of image-arrow-up on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/image-arrow-up","t":"ImageArrowUp","d":"ImageArrowUp, the fill drawing of image-arrow-up on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:image-check","t":"ImageCheck","d":"ImageCheck, the stroke drawing of image-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/image-check","t":"ImageCheck","d":"ImageCheck, the two-tone drawing of image-check on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/image-check","t":"ImageCheck","d":"ImageCheck, the duotone drawing of image-check on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/image-check","t":"ImageCheck","d":"ImageCheck, the fill drawing of image-check on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/image-check","t":"ImageCheck","d":"ImageCheck, the stroke drawing of image-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/image-check","t":"ImageCheck","d":"ImageCheck, the two-tone drawing of image-check on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/image-check","t":"ImageCheck","d":"ImageCheck, the duotone drawing of image-check on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/image-check","t":"ImageCheck","d":"ImageCheck, the fill drawing of image-check on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:image-minus","t":"ImageMinus","d":"ImageMinus, the stroke drawing of image-minus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/image-minus","t":"ImageMinus","d":"ImageMinus, the two-tone drawing of image-minus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/image-minus","t":"ImageMinus","d":"ImageMinus, the duotone drawing of image-minus on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/image-minus","t":"ImageMinus","d":"ImageMinus, the fill drawing of image-minus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/image-minus","t":"ImageMinus","d":"ImageMinus, the stroke drawing of image-minus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/image-minus","t":"ImageMinus","d":"ImageMinus, the two-tone drawing of image-minus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/image-minus","t":"ImageMinus","d":"ImageMinus, the duotone drawing of image-minus on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/image-minus","t":"ImageMinus","d":"ImageMinus, the fill drawing of image-minus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:image-off","t":"ImageOff","d":"ImageOff, the stroke drawing of image-off on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/image-off","t":"ImageOff","d":"ImageOff, the two-tone drawing of image-off on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/image-off","t":"ImageOff","d":"ImageOff, the duotone drawing of image-off on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/image-off","t":"ImageOff","d":"ImageOff, the fill drawing of image-off on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/image-off","t":"ImageOff","d":"ImageOff, the stroke drawing of image-off on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/image-off","t":"ImageOff","d":"ImageOff, the two-tone drawing of image-off on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/image-off","t":"ImageOff","d":"ImageOff, the duotone drawing of image-off on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/image-off","t":"ImageOff","d":"ImageOff, the fill drawing of image-off on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:image-plus","t":"ImagePlus","d":"ImagePlus, the stroke drawing of image-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/image-plus","t":"ImagePlus","d":"ImagePlus, the two-tone drawing of image-plus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/image-plus","t":"ImagePlus","d":"ImagePlus, the duotone drawing of image-plus on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/image-plus","t":"ImagePlus","d":"ImagePlus, the fill drawing of image-plus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/image-plus","t":"ImagePlus","d":"ImagePlus, the stroke drawing of image-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/image-plus","t":"ImagePlus","d":"ImagePlus, the two-tone drawing of image-plus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/image-plus","t":"ImagePlus","d":"ImagePlus, the duotone drawing of image-plus on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/image-plus","t":"ImagePlus","d":"ImagePlus, the fill drawing of image-plus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:image-sparkles","t":"ImageSparkles","d":"ImageSparkles, the stroke drawing of image-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/image-sparkles","t":"ImageSparkles","d":"ImageSparkles, the two-tone drawing of image-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/image-sparkles","t":"ImageSparkles","d":"ImageSparkles, the duotone drawing of image-sparkles on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/image-sparkles","t":"ImageSparkles","d":"ImageSparkles, the fill drawing of image-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/image-sparkles","t":"ImageSparkles","d":"ImageSparkles, the stroke drawing of image-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/image-sparkles","t":"ImageSparkles","d":"ImageSparkles, the two-tone drawing of image-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/image-sparkles","t":"ImageSparkles","d":"ImageSparkles, the duotone drawing of image-sparkles on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/image-sparkles","t":"ImageSparkles","d":"ImageSparkles, the fill drawing of image-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:images","t":"Images","d":"Images, the stroke drawing of images on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/images","t":"Images","d":"Images, the two-tone drawing of images on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/images","t":"Images","d":"Images, the duotone drawing of images on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/images","t":"Images","d":"Images, the fill drawing of images on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/images","t":"Images","d":"Images, the stroke drawing of images on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/images","t":"Images","d":"Images, the two-tone drawing of images on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/images","t":"Images","d":"Images, the duotone drawing of images on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/images","t":"Images","d":"Images, the fill drawing of images on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:inbox","t":"Inbox","d":"Inbox, the stroke drawing of inbox on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/inbox","t":"Inbox","d":"Inbox, the two-tone drawing of inbox on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/inbox","t":"Inbox","d":"Inbox, the duotone drawing of inbox on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/inbox","t":"Inbox","d":"Inbox, the fill drawing of inbox on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/inbox","t":"Inbox","d":"Inbox, the stroke drawing of inbox on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/inbox","t":"Inbox","d":"Inbox, the two-tone drawing of inbox on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/inbox","t":"Inbox","d":"Inbox, the duotone drawing of inbox on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/inbox","t":"Inbox","d":"Inbox, the fill drawing of inbox on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:inbox-sparkles","t":"InboxSparkles","d":"InboxSparkles, the stroke drawing of inbox-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/inbox-sparkles","t":"InboxSparkles","d":"InboxSparkles, the two-tone drawing of inbox-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/inbox-sparkles","t":"InboxSparkles","d":"InboxSparkles, the duotone drawing of inbox-sparkles on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/inbox-sparkles","t":"InboxSparkles","d":"InboxSparkles, the fill drawing of inbox-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/inbox-sparkles","t":"InboxSparkles","d":"InboxSparkles, the stroke drawing of inbox-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/inbox-sparkles","t":"InboxSparkles","d":"InboxSparkles, the two-tone drawing of inbox-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/inbox-sparkles","t":"InboxSparkles","d":"InboxSparkles, the duotone drawing of inbox-sparkles on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/inbox-sparkles","t":"InboxSparkles","d":"InboxSparkles, the fill drawing of inbox-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-indian-rupee","t":"CircleIndianRupee","d":"CircleIndianRupee, the stroke drawing of circle-indian-rupee on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-indian-rupee","t":"CircleIndianRupee","d":"CircleIndianRupee, the two-tone drawing of circle-indian-rupee on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-indian-rupee","t":"CircleIndianRupee","d":"CircleIndianRupee, the duotone drawing of circle-indian-rupee on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-indian-rupee","t":"CircleIndianRupee","d":"CircleIndianRupee, the fill drawing of circle-indian-rupee on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-indian-rupee","t":"CircleIndianRupee","d":"CircleIndianRupee, the stroke drawing of circle-indian-rupee on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-indian-rupee","t":"CircleIndianRupee","d":"CircleIndianRupee, the two-tone drawing of circle-indian-rupee on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-indian-rupee","t":"CircleIndianRupee","d":"CircleIndianRupee, the duotone drawing of circle-indian-rupee on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-indian-rupee","t":"CircleIndianRupee","d":"CircleIndianRupee, the fill drawing of circle-indian-rupee on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:indian-rupee","t":"IndianRupee","d":"IndianRupee, the stroke drawing of indian-rupee on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/indian-rupee","t":"IndianRupee","d":"IndianRupee, the two-tone drawing of indian-rupee on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/indian-rupee","t":"IndianRupee","d":"IndianRupee, the duotone drawing of indian-rupee on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/indian-rupee","t":"IndianRupee","d":"IndianRupee, the fill drawing of indian-rupee on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/indian-rupee","t":"IndianRupee","d":"IndianRupee, the stroke drawing of indian-rupee on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/indian-rupee","t":"IndianRupee","d":"IndianRupee, the two-tone drawing of indian-rupee on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/indian-rupee","t":"IndianRupee","d":"IndianRupee, the duotone drawing of indian-rupee on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/indian-rupee","t":"IndianRupee","d":"IndianRupee, the fill drawing of indian-rupee on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:infinity","t":"Infinity","d":"Infinity, the stroke drawing of infinity on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/infinity","t":"Infinity","d":"Infinity, the two-tone drawing of infinity on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/infinity","t":"Infinity","d":"Infinity, the duotone drawing of infinity on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/infinity","t":"Infinity","d":"Infinity, the fill drawing of infinity on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/infinity","t":"Infinity","d":"Infinity, the stroke drawing of infinity on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/infinity","t":"Infinity","d":"Infinity, the two-tone drawing of infinity on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/infinity","t":"Infinity","d":"Infinity, the duotone drawing of infinity on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/infinity","t":"Infinity","d":"Infinity, the fill drawing of infinity on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:info","t":"Info","d":"Info, the stroke drawing of info on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/info","t":"Info","d":"Info, the two-tone drawing of info on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/info","t":"Info","d":"Info, the duotone drawing of info on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/info","t":"Info","d":"Info, the fill drawing of info on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/info","t":"Info","d":"Info, the stroke drawing of info on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/info","t":"Info","d":"Info, the two-tone drawing of info on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/info","t":"Info","d":"Info, the duotone drawing of info on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/info","t":"Info","d":"Info, the fill drawing of info on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:italic","t":"Italic","d":"Italic, the stroke drawing of italic on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/italic","t":"Italic","d":"Italic, the two-tone drawing of italic on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/italic","t":"Italic","d":"Italic, the duotone drawing of italic on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/italic","t":"Italic","d":"Italic, the fill drawing of italic on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/italic","t":"Italic","d":"Italic, the stroke drawing of italic on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/italic","t":"Italic","d":"Italic, the two-tone drawing of italic on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/italic","t":"Italic","d":"Italic, the duotone drawing of italic on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/italic","t":"Italic","d":"Italic, the fill drawing of italic on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-japanese-yen","t":"CircleJapaneseYen","d":"CircleJapaneseYen, the stroke drawing of circle-japanese-yen on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-japanese-yen","t":"CircleJapaneseYen","d":"CircleJapaneseYen, the two-tone drawing of circle-japanese-yen on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-japanese-yen","t":"CircleJapaneseYen","d":"CircleJapaneseYen, the duotone drawing of circle-japanese-yen on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-japanese-yen","t":"CircleJapaneseYen","d":"CircleJapaneseYen, the fill drawing of circle-japanese-yen on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-japanese-yen","t":"CircleJapaneseYen","d":"CircleJapaneseYen, the stroke drawing of circle-japanese-yen on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-japanese-yen","t":"CircleJapaneseYen","d":"CircleJapaneseYen, the two-tone drawing of circle-japanese-yen on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-japanese-yen","t":"CircleJapaneseYen","d":"CircleJapaneseYen, the duotone drawing of circle-japanese-yen on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-japanese-yen","t":"CircleJapaneseYen","d":"CircleJapaneseYen, the fill drawing of circle-japanese-yen on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:japanese-yen","t":"JapaneseYen","d":"JapaneseYen, the stroke drawing of japanese-yen on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/japanese-yen","t":"JapaneseYen","d":"JapaneseYen, the two-tone drawing of japanese-yen on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/japanese-yen","t":"JapaneseYen","d":"JapaneseYen, the duotone drawing of japanese-yen on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/japanese-yen","t":"JapaneseYen","d":"JapaneseYen, the fill drawing of japanese-yen on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/japanese-yen","t":"JapaneseYen","d":"JapaneseYen, the stroke drawing of japanese-yen on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/japanese-yen","t":"JapaneseYen","d":"JapaneseYen, the two-tone drawing of japanese-yen on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/japanese-yen","t":"JapaneseYen","d":"JapaneseYen, the duotone drawing of japanese-yen on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/japanese-yen","t":"JapaneseYen","d":"JapaneseYen, the fill drawing of japanese-yen on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:key","t":"Key","d":"Key, the stroke drawing of key on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/key","t":"Key","d":"Key, the two-tone drawing of key on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/key","t":"Key","d":"Key, the duotone drawing of key on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/key","t":"Key","d":"Key, the fill drawing of key on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/key","t":"Key","d":"Key, the stroke drawing of key on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/key","t":"Key","d":"Key, the two-tone drawing of key on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/key","t":"Key","d":"Key, the duotone drawing of key on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/key","t":"Key","d":"Key, the fill drawing of key on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:key-round","t":"KeyRound","d":"KeyRound, the stroke drawing of key-round on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/key-round","t":"KeyRound","d":"KeyRound, the two-tone drawing of key-round on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/key-round","t":"KeyRound","d":"KeyRound, the duotone drawing of key-round on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/key-round","t":"KeyRound","d":"KeyRound, the fill drawing of key-round on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/key-round","t":"KeyRound","d":"KeyRound, the stroke drawing of key-round on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/key-round","t":"KeyRound","d":"KeyRound, the two-tone drawing of key-round on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/key-round","t":"KeyRound","d":"KeyRound, the duotone drawing of key-round on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/key-round","t":"KeyRound","d":"KeyRound, the fill drawing of key-round on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:key-square","t":"KeySquare","d":"KeySquare, the stroke drawing of key-square on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/key-square","t":"KeySquare","d":"KeySquare, the two-tone drawing of key-square on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/key-square","t":"KeySquare","d":"KeySquare, the duotone drawing of key-square on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/key-square","t":"KeySquare","d":"KeySquare, the fill drawing of key-square on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/key-square","t":"KeySquare","d":"KeySquare, the stroke drawing of key-square on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/key-square","t":"KeySquare","d":"KeySquare, the two-tone drawing of key-square on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/key-square","t":"KeySquare","d":"KeySquare, the duotone drawing of key-square on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/key-square","t":"KeySquare","d":"KeySquare, the fill drawing of key-square on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:keyboard","t":"Keyboard","d":"Keyboard, the stroke drawing of keyboard on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/keyboard","t":"Keyboard","d":"Keyboard, the two-tone drawing of keyboard on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/keyboard","t":"Keyboard","d":"Keyboard, the duotone drawing of keyboard on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/keyboard","t":"Keyboard","d":"Keyboard, the fill drawing of keyboard on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/keyboard","t":"Keyboard","d":"Keyboard, the stroke drawing of keyboard on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/keyboard","t":"Keyboard","d":"Keyboard, the two-tone drawing of keyboard on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/keyboard","t":"Keyboard","d":"Keyboard, the duotone drawing of keyboard on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/keyboard","t":"Keyboard","d":"Keyboard, the fill drawing of keyboard on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:landmark","t":"Landmark","d":"Landmark, the stroke drawing of landmark on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/landmark","t":"Landmark","d":"Landmark, the two-tone drawing of landmark on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/landmark","t":"Landmark","d":"Landmark, the duotone drawing of landmark on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/landmark","t":"Landmark","d":"Landmark, the fill drawing of landmark on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/landmark","t":"Landmark","d":"Landmark, the stroke drawing of landmark on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/landmark","t":"Landmark","d":"Landmark, the two-tone drawing of landmark on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/landmark","t":"Landmark","d":"Landmark, the duotone drawing of landmark on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/landmark","t":"Landmark","d":"Landmark, the fill drawing of landmark on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:language","t":"Language","d":"Language, the stroke drawing of language on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/language","t":"Language","d":"Language, the two-tone drawing of language on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/language","t":"Language","d":"Language, the duotone drawing of language on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/language","t":"Language","d":"Language, the fill drawing of language on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/language","t":"Language","d":"Language, the stroke drawing of language on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/language","t":"Language","d":"Language, the two-tone drawing of language on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/language","t":"Language","d":"Language, the duotone drawing of language on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/language","t":"Language","d":"Language, the fill drawing of language on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:language-sparkles","t":"LanguageSparkles","d":"LanguageSparkles, the stroke drawing of language-sparkles on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/language-sparkles","t":"LanguageSparkles","d":"LanguageSparkles, the two-tone drawing of language-sparkles on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/language-sparkles","t":"LanguageSparkles","d":"LanguageSparkles, the duotone drawing of language-sparkles on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/language-sparkles","t":"LanguageSparkles","d":"LanguageSparkles, the fill drawing of language-sparkles on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/language-sparkles","t":"LanguageSparkles","d":"LanguageSparkles, the stroke drawing of language-sparkles on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/language-sparkles","t":"LanguageSparkles","d":"LanguageSparkles, the two-tone drawing of language-sparkles on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/language-sparkles","t":"LanguageSparkles","d":"LanguageSparkles, the duotone drawing of language-sparkles on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/language-sparkles","t":"LanguageSparkles","d":"LanguageSparkles, the fill drawing of language-sparkles on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:laptop","t":"Laptop","d":"Laptop, the stroke drawing of laptop on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/laptop","t":"Laptop","d":"Laptop, the two-tone drawing of laptop on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/laptop","t":"Laptop","d":"Laptop, the duotone drawing of laptop on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/laptop","t":"Laptop","d":"Laptop, the fill drawing of laptop on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/laptop","t":"Laptop","d":"Laptop, the stroke drawing of laptop on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/laptop","t":"Laptop","d":"Laptop, the two-tone drawing of laptop on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/laptop","t":"Laptop","d":"Laptop, the duotone drawing of laptop on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/laptop","t":"Laptop","d":"Laptop, the fill drawing of laptop on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:laptop-smartphone","t":"LaptopSmartphone","d":"LaptopSmartphone, the stroke drawing of laptop-smartphone on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/laptop-smartphone","t":"LaptopSmartphone","d":"LaptopSmartphone, the two-tone drawing of laptop-smartphone on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/laptop-smartphone","t":"LaptopSmartphone","d":"LaptopSmartphone, the duotone drawing of laptop-smartphone on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/laptop-smartphone","t":"LaptopSmartphone","d":"LaptopSmartphone, the fill drawing of laptop-smartphone on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/laptop-smartphone","t":"LaptopSmartphone","d":"LaptopSmartphone, the stroke drawing of laptop-smartphone on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/laptop-smartphone","t":"LaptopSmartphone","d":"LaptopSmartphone, the two-tone drawing of laptop-smartphone on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/laptop-smartphone","t":"LaptopSmartphone","d":"LaptopSmartphone, the duotone drawing of laptop-smartphone on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/laptop-smartphone","t":"LaptopSmartphone","d":"LaptopSmartphone, the fill drawing of laptop-smartphone on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:laptop-sparkles","t":"LaptopSparkles","d":"LaptopSparkles, the stroke drawing of laptop-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/laptop-sparkles","t":"LaptopSparkles","d":"LaptopSparkles, the two-tone drawing of laptop-sparkles on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/laptop-sparkles","t":"LaptopSparkles","d":"LaptopSparkles, the duotone drawing of laptop-sparkles on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/laptop-sparkles","t":"LaptopSparkles","d":"LaptopSparkles, the fill drawing of laptop-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/laptop-sparkles","t":"LaptopSparkles","d":"LaptopSparkles, the stroke drawing of laptop-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/laptop-sparkles","t":"LaptopSparkles","d":"LaptopSparkles, the two-tone drawing of laptop-sparkles on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/laptop-sparkles","t":"LaptopSparkles","d":"LaptopSparkles, the duotone drawing of laptop-sparkles on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/laptop-sparkles","t":"LaptopSparkles","d":"LaptopSparkles, the fill drawing of laptop-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:layers","t":"Layers","d":"Layers, the stroke drawing of layers on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/layers","t":"Layers","d":"Layers, the two-tone drawing of layers on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/layers","t":"Layers","d":"Layers, the duotone drawing of layers on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/layers","t":"Layers","d":"Layers, the fill drawing of layers on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/layers","t":"Layers","d":"Layers, the stroke drawing of layers on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/layers","t":"Layers","d":"Layers, the two-tone drawing of layers on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/layers","t":"Layers","d":"Layers, the duotone drawing of layers on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/layers","t":"Layers","d":"Layers, the fill drawing of layers on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:layout-dashboard","t":"LayoutDashboard","d":"LayoutDashboard, the stroke drawing of layout-dashboard on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/layout-dashboard","t":"LayoutDashboard","d":"LayoutDashboard, the two-tone drawing of layout-dashboard on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/layout-dashboard","t":"LayoutDashboard","d":"LayoutDashboard, the duotone drawing of layout-dashboard on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/layout-dashboard","t":"LayoutDashboard","d":"LayoutDashboard, the fill drawing of layout-dashboard on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/layout-dashboard","t":"LayoutDashboard","d":"LayoutDashboard, the stroke drawing of layout-dashboard on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/layout-dashboard","t":"LayoutDashboard","d":"LayoutDashboard, the two-tone drawing of layout-dashboard on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/layout-dashboard","t":"LayoutDashboard","d":"LayoutDashboard, the duotone drawing of layout-dashboard on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/layout-dashboard","t":"LayoutDashboard","d":"LayoutDashboard, the fill drawing of layout-dashboard on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:leaf","t":"Leaf","d":"Leaf, the stroke drawing of leaf on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/leaf","t":"Leaf","d":"Leaf, the two-tone drawing of leaf on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/leaf","t":"Leaf","d":"Leaf, the duotone drawing of leaf on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/leaf","t":"Leaf","d":"Leaf, the fill drawing of leaf on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/leaf","t":"Leaf","d":"Leaf, the stroke drawing of leaf on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/leaf","t":"Leaf","d":"Leaf, the two-tone drawing of leaf on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/leaf","t":"Leaf","d":"Leaf, the duotone drawing of leaf on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/leaf","t":"Leaf","d":"Leaf, the fill drawing of leaf on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:lifebuoy","t":"Lifebuoy","d":"Lifebuoy, the stroke drawing of lifebuoy on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/lifebuoy","t":"Lifebuoy","d":"Lifebuoy, the two-tone drawing of lifebuoy on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/lifebuoy","t":"Lifebuoy","d":"Lifebuoy, the duotone drawing of lifebuoy on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/lifebuoy","t":"Lifebuoy","d":"Lifebuoy, the fill drawing of lifebuoy on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/lifebuoy","t":"Lifebuoy","d":"Lifebuoy, the stroke drawing of lifebuoy on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/lifebuoy","t":"Lifebuoy","d":"Lifebuoy, the two-tone drawing of lifebuoy on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/lifebuoy","t":"Lifebuoy","d":"Lifebuoy, the duotone drawing of lifebuoy on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/lifebuoy","t":"Lifebuoy","d":"Lifebuoy, the fill drawing of lifebuoy on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:lightbulb","t":"Lightbulb","d":"Lightbulb, the stroke drawing of lightbulb on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/lightbulb","t":"Lightbulb","d":"Lightbulb, the two-tone drawing of lightbulb on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/lightbulb","t":"Lightbulb","d":"Lightbulb, the duotone drawing of lightbulb on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/lightbulb","t":"Lightbulb","d":"Lightbulb, the fill drawing of lightbulb on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/lightbulb","t":"Lightbulb","d":"Lightbulb, the stroke drawing of lightbulb on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/lightbulb","t":"Lightbulb","d":"Lightbulb, the two-tone drawing of lightbulb on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/lightbulb","t":"Lightbulb","d":"Lightbulb, the duotone drawing of lightbulb on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/lightbulb","t":"Lightbulb","d":"Lightbulb, the fill drawing of lightbulb on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:lightbulb-on","t":"LightbulbOn","d":"LightbulbOn, the stroke drawing of lightbulb-on on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/lightbulb-on","t":"LightbulbOn","d":"LightbulbOn, the two-tone drawing of lightbulb-on on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/lightbulb-on","t":"LightbulbOn","d":"LightbulbOn, the duotone drawing of lightbulb-on on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/lightbulb-on","t":"LightbulbOn","d":"LightbulbOn, the fill drawing of lightbulb-on on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/lightbulb-on","t":"LightbulbOn","d":"LightbulbOn, the stroke drawing of lightbulb-on on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/lightbulb-on","t":"LightbulbOn","d":"LightbulbOn, the two-tone drawing of lightbulb-on on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/lightbulb-on","t":"LightbulbOn","d":"LightbulbOn, the duotone drawing of lightbulb-on on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/lightbulb-on","t":"LightbulbOn","d":"LightbulbOn, the fill drawing of lightbulb-on on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:lightbulb-sparkles","t":"LightbulbSparkles","d":"LightbulbSparkles, the stroke drawing of lightbulb-sparkles on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/lightbulb-sparkles","t":"LightbulbSparkles","d":"LightbulbSparkles, the two-tone drawing of lightbulb-sparkles on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/lightbulb-sparkles","t":"LightbulbSparkles","d":"LightbulbSparkles, the duotone drawing of lightbulb-sparkles on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/lightbulb-sparkles","t":"LightbulbSparkles","d":"LightbulbSparkles, the fill drawing of lightbulb-sparkles on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/lightbulb-sparkles","t":"LightbulbSparkles","d":"LightbulbSparkles, the stroke drawing of lightbulb-sparkles on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/lightbulb-sparkles","t":"LightbulbSparkles","d":"LightbulbSparkles, the two-tone drawing of lightbulb-sparkles on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/lightbulb-sparkles","t":"LightbulbSparkles","d":"LightbulbSparkles, the duotone drawing of lightbulb-sparkles on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/lightbulb-sparkles","t":"LightbulbSparkles","d":"LightbulbSparkles, the fill drawing of lightbulb-sparkles on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:link","t":"Link","d":"Link, the stroke drawing of link on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/link","t":"Link","d":"Link, the two-tone drawing of link on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/link","t":"Link","d":"Link, the duotone drawing of link on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/link","t":"Link","d":"Link, the fill drawing of link on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/link","t":"Link","d":"Link, the stroke drawing of link on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/link","t":"Link","d":"Link, the two-tone drawing of link on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/link","t":"Link","d":"Link, the duotone drawing of link on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/link","t":"Link","d":"Link, the fill drawing of link on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:link-2-off","t":"Link2Off","d":"Link2Off, the stroke drawing of link-2-off on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/link-2-off","t":"Link2Off","d":"Link2Off, the two-tone drawing of link-2-off on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/link-2-off","t":"Link2Off","d":"Link2Off, the duotone drawing of link-2-off on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/link-2-off","t":"Link2Off","d":"Link2Off, the fill drawing of link-2-off on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/link-2-off","t":"Link2Off","d":"Link2Off, the stroke drawing of link-2-off on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/link-2-off","t":"Link2Off","d":"Link2Off, the two-tone drawing of link-2-off on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/link-2-off","t":"Link2Off","d":"Link2Off, the duotone drawing of link-2-off on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/link-2-off","t":"Link2Off","d":"Link2Off, the fill drawing of link-2-off on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:link-plus","t":"LinkPlus","d":"LinkPlus, the stroke drawing of link-plus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/link-plus","t":"LinkPlus","d":"LinkPlus, the two-tone drawing of link-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/link-plus","t":"LinkPlus","d":"LinkPlus, the duotone drawing of link-plus on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/link-plus","t":"LinkPlus","d":"LinkPlus, the fill drawing of link-plus on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/link-plus","t":"LinkPlus","d":"LinkPlus, the stroke drawing of link-plus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/link-plus","t":"LinkPlus","d":"LinkPlus, the two-tone drawing of link-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/link-plus","t":"LinkPlus","d":"LinkPlus, the duotone drawing of link-plus on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/link-plus","t":"LinkPlus","d":"LinkPlus, the fill drawing of link-plus on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:list","t":"List","d":"List, the stroke drawing of list on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/list","t":"List","d":"List, the two-tone drawing of list on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/list","t":"List","d":"List, the duotone drawing of list on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/list","t":"List","d":"List, the fill drawing of list on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/list","t":"List","d":"List, the stroke drawing of list on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/list","t":"List","d":"List, the two-tone drawing of list on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/list","t":"List","d":"List, the duotone drawing of list on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/list","t":"List","d":"List, the fill drawing of list on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:list-check","t":"ListCheck","d":"ListCheck, the stroke drawing of list-check on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/list-check","t":"ListCheck","d":"ListCheck, the two-tone drawing of list-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/list-check","t":"ListCheck","d":"ListCheck, the duotone drawing of list-check on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/list-check","t":"ListCheck","d":"ListCheck, the fill drawing of list-check on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/list-check","t":"ListCheck","d":"ListCheck, the stroke drawing of list-check on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/list-check","t":"ListCheck","d":"ListCheck, the two-tone drawing of list-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/list-check","t":"ListCheck","d":"ListCheck, the duotone drawing of list-check on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/list-check","t":"ListCheck","d":"ListCheck, the fill drawing of list-check on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:list-collapse","t":"ListCollapse","d":"ListCollapse, the stroke drawing of list-collapse on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/list-collapse","t":"ListCollapse","d":"ListCollapse, the two-tone drawing of list-collapse on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/list-collapse","t":"ListCollapse","d":"ListCollapse, the duotone drawing of list-collapse on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/list-collapse","t":"ListCollapse","d":"ListCollapse, the fill drawing of list-collapse on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/list-collapse","t":"ListCollapse","d":"ListCollapse, the stroke drawing of list-collapse on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/list-collapse","t":"ListCollapse","d":"ListCollapse, the two-tone drawing of list-collapse on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/list-collapse","t":"ListCollapse","d":"ListCollapse, the duotone drawing of list-collapse on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/list-collapse","t":"ListCollapse","d":"ListCollapse, the fill drawing of list-collapse on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:list-collapse-horizontal","t":"ListCollapseHorizontal","d":"ListCollapseHorizontal, the stroke drawing of list-collapse-horizontal on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/list-collapse-horizontal","t":"ListCollapseHorizontal","d":"ListCollapseHorizontal, the two-tone drawing of list-collapse-horizontal on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/list-collapse-horizontal","t":"ListCollapseHorizontal","d":"ListCollapseHorizontal, the duotone drawing of list-collapse-horizontal on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/list-collapse-horizontal","t":"ListCollapseHorizontal","d":"ListCollapseHorizontal, the fill drawing of list-collapse-horizontal on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/list-collapse-horizontal","t":"ListCollapseHorizontal","d":"ListCollapseHorizontal, the stroke drawing of list-collapse-horizontal on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/list-collapse-horizontal","t":"ListCollapseHorizontal","d":"ListCollapseHorizontal, the two-tone drawing of list-collapse-horizontal on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/list-collapse-horizontal","t":"ListCollapseHorizontal","d":"ListCollapseHorizontal, the duotone drawing of list-collapse-horizontal on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/list-collapse-horizontal","t":"ListCollapseHorizontal","d":"ListCollapseHorizontal, the fill drawing of list-collapse-horizontal on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:list-filter","t":"ListFilter","d":"ListFilter, the stroke drawing of list-filter on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/list-filter","t":"ListFilter","d":"ListFilter, the two-tone drawing of list-filter on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/list-filter","t":"ListFilter","d":"ListFilter, the duotone drawing of list-filter on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/list-filter","t":"ListFilter","d":"ListFilter, the fill drawing of list-filter on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/list-filter","t":"ListFilter","d":"ListFilter, the stroke drawing of list-filter on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/list-filter","t":"ListFilter","d":"ListFilter, the two-tone drawing of list-filter on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/list-filter","t":"ListFilter","d":"ListFilter, the duotone drawing of list-filter on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/list-filter","t":"ListFilter","d":"ListFilter, the fill drawing of list-filter on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:list-minus","t":"ListMinus","d":"ListMinus, the stroke drawing of list-minus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/list-minus","t":"ListMinus","d":"ListMinus, the two-tone drawing of list-minus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/list-minus","t":"ListMinus","d":"ListMinus, the duotone drawing of list-minus on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/list-minus","t":"ListMinus","d":"ListMinus, the fill drawing of list-minus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/list-minus","t":"ListMinus","d":"ListMinus, the stroke drawing of list-minus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/list-minus","t":"ListMinus","d":"ListMinus, the two-tone drawing of list-minus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/list-minus","t":"ListMinus","d":"ListMinus, the duotone drawing of list-minus on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/list-minus","t":"ListMinus","d":"ListMinus, the fill drawing of list-minus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:list-music","t":"ListMusic","d":"ListMusic, the stroke drawing of list-music on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/list-music","t":"ListMusic","d":"ListMusic, the two-tone drawing of list-music on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/list-music","t":"ListMusic","d":"ListMusic, the duotone drawing of list-music on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/list-music","t":"ListMusic","d":"ListMusic, the fill drawing of list-music on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/list-music","t":"ListMusic","d":"ListMusic, the stroke drawing of list-music on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/list-music","t":"ListMusic","d":"ListMusic, the two-tone drawing of list-music on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/list-music","t":"ListMusic","d":"ListMusic, the duotone drawing of list-music on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/list-music","t":"ListMusic","d":"ListMusic, the fill drawing of list-music on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:list-ordered","t":"ListOrdered","d":"ListOrdered, the stroke drawing of list-ordered on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/list-ordered","t":"ListOrdered","d":"ListOrdered, the two-tone drawing of list-ordered on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/list-ordered","t":"ListOrdered","d":"ListOrdered, the duotone drawing of list-ordered on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/list-ordered","t":"ListOrdered","d":"ListOrdered, the fill drawing of list-ordered on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/list-ordered","t":"ListOrdered","d":"ListOrdered, the stroke drawing of list-ordered on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/list-ordered","t":"ListOrdered","d":"ListOrdered, the two-tone drawing of list-ordered on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/list-ordered","t":"ListOrdered","d":"ListOrdered, the duotone drawing of list-ordered on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/list-ordered","t":"ListOrdered","d":"ListOrdered, the fill drawing of list-ordered on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:list-plus","t":"ListPlus","d":"ListPlus, the stroke drawing of list-plus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/list-plus","t":"ListPlus","d":"ListPlus, the two-tone drawing of list-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/list-plus","t":"ListPlus","d":"ListPlus, the duotone drawing of list-plus on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/list-plus","t":"ListPlus","d":"ListPlus, the fill drawing of list-plus on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/list-plus","t":"ListPlus","d":"ListPlus, the stroke drawing of list-plus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/list-plus","t":"ListPlus","d":"ListPlus, the two-tone drawing of list-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/list-plus","t":"ListPlus","d":"ListPlus, the duotone drawing of list-plus on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/list-plus","t":"ListPlus","d":"ListPlus, the fill drawing of list-plus on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:list-sort","t":"ListSort","d":"ListSort, the stroke drawing of list-sort on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/list-sort","t":"ListSort","d":"ListSort, the two-tone drawing of list-sort on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/list-sort","t":"ListSort","d":"ListSort, the duotone drawing of list-sort on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/list-sort","t":"ListSort","d":"ListSort, the fill drawing of list-sort on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/list-sort","t":"ListSort","d":"ListSort, the stroke drawing of list-sort on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/list-sort","t":"ListSort","d":"ListSort, the two-tone drawing of list-sort on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/list-sort","t":"ListSort","d":"ListSort, the duotone drawing of list-sort on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/list-sort","t":"ListSort","d":"ListSort, the fill drawing of list-sort on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:list-sort-horizontal","t":"ListSortHorizontal","d":"ListSortHorizontal, the stroke drawing of list-sort-horizontal on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/list-sort-horizontal","t":"ListSortHorizontal","d":"ListSortHorizontal, the two-tone drawing of list-sort-horizontal on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/list-sort-horizontal","t":"ListSortHorizontal","d":"ListSortHorizontal, the duotone drawing of list-sort-horizontal on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/list-sort-horizontal","t":"ListSortHorizontal","d":"ListSortHorizontal, the fill drawing of list-sort-horizontal on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/list-sort-horizontal","t":"ListSortHorizontal","d":"ListSortHorizontal, the stroke drawing of list-sort-horizontal on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/list-sort-horizontal","t":"ListSortHorizontal","d":"ListSortHorizontal, the two-tone drawing of list-sort-horizontal on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/list-sort-horizontal","t":"ListSortHorizontal","d":"ListSortHorizontal, the duotone drawing of list-sort-horizontal on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/list-sort-horizontal","t":"ListSortHorizontal","d":"ListSortHorizontal, the fill drawing of list-sort-horizontal on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:list-sparkles","t":"ListSparkles","d":"ListSparkles, the stroke drawing of list-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/list-sparkles","t":"ListSparkles","d":"ListSparkles, the two-tone drawing of list-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/list-sparkles","t":"ListSparkles","d":"ListSparkles, the duotone drawing of list-sparkles on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/list-sparkles","t":"ListSparkles","d":"ListSparkles, the fill drawing of list-sparkles on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/list-sparkles","t":"ListSparkles","d":"ListSparkles, the stroke drawing of list-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/list-sparkles","t":"ListSparkles","d":"ListSparkles, the two-tone drawing of list-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/list-sparkles","t":"ListSparkles","d":"ListSparkles, the duotone drawing of list-sparkles on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/list-sparkles","t":"ListSparkles","d":"ListSparkles, the fill drawing of list-sparkles on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:list-todo","t":"ListTodo","d":"ListTodo, the stroke drawing of list-todo on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/list-todo","t":"ListTodo","d":"ListTodo, the two-tone drawing of list-todo on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/list-todo","t":"ListTodo","d":"ListTodo, the duotone drawing of list-todo on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/list-todo","t":"ListTodo","d":"ListTodo, the fill drawing of list-todo on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/list-todo","t":"ListTodo","d":"ListTodo, the stroke drawing of list-todo on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/list-todo","t":"ListTodo","d":"ListTodo, the two-tone drawing of list-todo on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/list-todo","t":"ListTodo","d":"ListTodo, the duotone drawing of list-todo on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/list-todo","t":"ListTodo","d":"ListTodo, the fill drawing of list-todo on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:list-video","t":"ListVideo","d":"ListVideo, the stroke drawing of list-video on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/list-video","t":"ListVideo","d":"ListVideo, the two-tone drawing of list-video on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/list-video","t":"ListVideo","d":"ListVideo, the duotone drawing of list-video on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/list-video","t":"ListVideo","d":"ListVideo, the fill drawing of list-video on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/list-video","t":"ListVideo","d":"ListVideo, the stroke drawing of list-video on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/list-video","t":"ListVideo","d":"ListVideo, the two-tone drawing of list-video on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/list-video","t":"ListVideo","d":"ListVideo, the duotone drawing of list-video on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/list-video","t":"ListVideo","d":"ListVideo, the fill drawing of list-video on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:loader","t":"Loader","d":"Loader, the stroke drawing of loader on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/loader","t":"Loader","d":"Loader, the two-tone drawing of loader on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/loader","t":"Loader","d":"Loader, the duotone drawing of loader on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/loader","t":"Loader","d":"Loader, the fill drawing of loader on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/loader","t":"Loader","d":"Loader, the stroke drawing of loader on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/loader","t":"Loader","d":"Loader, the two-tone drawing of loader on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/loader","t":"Loader","d":"Loader, the duotone drawing of loader on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/loader","t":"Loader","d":"Loader, the fill drawing of loader on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:loader-circle","t":"LoaderCircle","d":"LoaderCircle, the stroke drawing of loader-circle on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/loader-circle","t":"LoaderCircle","d":"LoaderCircle, the two-tone drawing of loader-circle on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/loader-circle","t":"LoaderCircle","d":"LoaderCircle, the duotone drawing of loader-circle on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/loader-circle","t":"LoaderCircle","d":"LoaderCircle, the fill drawing of loader-circle on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/loader-circle","t":"LoaderCircle","d":"LoaderCircle, the stroke drawing of loader-circle on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/loader-circle","t":"LoaderCircle","d":"LoaderCircle, the two-tone drawing of loader-circle on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/loader-circle","t":"LoaderCircle","d":"LoaderCircle, the duotone drawing of loader-circle on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/loader-circle","t":"LoaderCircle","d":"LoaderCircle, the fill drawing of loader-circle on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:locate","t":"Locate","d":"Locate, the stroke drawing of locate on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/locate","t":"Locate","d":"Locate, the two-tone drawing of locate on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/locate","t":"Locate","d":"Locate, the duotone drawing of locate on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/locate","t":"Locate","d":"Locate, the fill drawing of locate on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/locate","t":"Locate","d":"Locate, the stroke drawing of locate on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/locate","t":"Locate","d":"Locate, the two-tone drawing of locate on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/locate","t":"Locate","d":"Locate, the duotone drawing of locate on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/locate","t":"Locate","d":"Locate, the fill drawing of locate on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:locate-fixed","t":"LocateFixed","d":"LocateFixed, the stroke drawing of locate-fixed on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/locate-fixed","t":"LocateFixed","d":"LocateFixed, the two-tone drawing of locate-fixed on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/locate-fixed","t":"LocateFixed","d":"LocateFixed, the duotone drawing of locate-fixed on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/locate-fixed","t":"LocateFixed","d":"LocateFixed, the fill drawing of locate-fixed on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/locate-fixed","t":"LocateFixed","d":"LocateFixed, the stroke drawing of locate-fixed on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/locate-fixed","t":"LocateFixed","d":"LocateFixed, the two-tone drawing of locate-fixed on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/locate-fixed","t":"LocateFixed","d":"LocateFixed, the duotone drawing of locate-fixed on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/locate-fixed","t":"LocateFixed","d":"LocateFixed, the fill drawing of locate-fixed on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:lock","t":"Lock","d":"Lock, the stroke drawing of lock on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/lock","t":"Lock","d":"Lock, the two-tone drawing of lock on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/lock","t":"Lock","d":"Lock, the duotone drawing of lock on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/lock","t":"Lock","d":"Lock, the fill drawing of lock on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/lock","t":"Lock","d":"Lock, the stroke drawing of lock on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/lock","t":"Lock","d":"Lock, the two-tone drawing of lock on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/lock","t":"Lock","d":"Lock, the duotone drawing of lock on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/lock","t":"Lock","d":"Lock, the fill drawing of lock on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:log-in","t":"LogIn","d":"LogIn, the stroke drawing of log-in on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/log-in","t":"LogIn","d":"LogIn, the two-tone drawing of log-in on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/log-in","t":"LogIn","d":"LogIn, the duotone drawing of log-in on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/log-in","t":"LogIn","d":"LogIn, the fill drawing of log-in on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/log-in","t":"LogIn","d":"LogIn, the stroke drawing of log-in on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/log-in","t":"LogIn","d":"LogIn, the two-tone drawing of log-in on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/log-in","t":"LogIn","d":"LogIn, the duotone drawing of log-in on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/log-in","t":"LogIn","d":"LogIn, the fill drawing of log-in on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:log-out","t":"LogOut","d":"LogOut, the stroke drawing of log-out on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/log-out","t":"LogOut","d":"LogOut, the two-tone drawing of log-out on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/log-out","t":"LogOut","d":"LogOut, the duotone drawing of log-out on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/log-out","t":"LogOut","d":"LogOut, the fill drawing of log-out on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/log-out","t":"LogOut","d":"LogOut, the stroke drawing of log-out on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/log-out","t":"LogOut","d":"LogOut, the two-tone drawing of log-out on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/log-out","t":"LogOut","d":"LogOut, the duotone drawing of log-out on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/log-out","t":"LogOut","d":"LogOut, the fill drawing of log-out on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:lungs","t":"Lungs","d":"Lungs, the stroke drawing of lungs on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/lungs","t":"Lungs","d":"Lungs, the two-tone drawing of lungs on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/lungs","t":"Lungs","d":"Lungs, the duotone drawing of lungs on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/lungs","t":"Lungs","d":"Lungs, the fill drawing of lungs on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/lungs","t":"Lungs","d":"Lungs, the stroke drawing of lungs on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/lungs","t":"Lungs","d":"Lungs, the two-tone drawing of lungs on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/lungs","t":"Lungs","d":"Lungs, the duotone drawing of lungs on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/lungs","t":"Lungs","d":"Lungs, the fill drawing of lungs on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:mail","t":"Mail","d":"Mail, the stroke drawing of mail on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/mail","t":"Mail","d":"Mail, the two-tone drawing of mail on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/mail","t":"Mail","d":"Mail, the duotone drawing of mail on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/mail","t":"Mail","d":"Mail, the fill drawing of mail on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/mail","t":"Mail","d":"Mail, the stroke drawing of mail on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/mail","t":"Mail","d":"Mail, the two-tone drawing of mail on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/mail","t":"Mail","d":"Mail, the duotone drawing of mail on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/mail","t":"Mail","d":"Mail, the fill drawing of mail on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:mail-check","t":"MailCheck","d":"MailCheck, the stroke drawing of mail-check on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/mail-check","t":"MailCheck","d":"MailCheck, the two-tone drawing of mail-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/mail-check","t":"MailCheck","d":"MailCheck, the duotone drawing of mail-check on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/mail-check","t":"MailCheck","d":"MailCheck, the fill drawing of mail-check on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/mail-check","t":"MailCheck","d":"MailCheck, the stroke drawing of mail-check on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/mail-check","t":"MailCheck","d":"MailCheck, the two-tone drawing of mail-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/mail-check","t":"MailCheck","d":"MailCheck, the duotone drawing of mail-check on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/mail-check","t":"MailCheck","d":"MailCheck, the fill drawing of mail-check on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:mail-dot","t":"MailDot","d":"MailDot, the stroke drawing of mail-dot on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/mail-dot","t":"MailDot","d":"MailDot, the two-tone drawing of mail-dot on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/mail-dot","t":"MailDot","d":"MailDot, the duotone drawing of mail-dot on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/mail-dot","t":"MailDot","d":"MailDot, the fill drawing of mail-dot on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/mail-dot","t":"MailDot","d":"MailDot, the stroke drawing of mail-dot on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/mail-dot","t":"MailDot","d":"MailDot, the two-tone drawing of mail-dot on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/mail-dot","t":"MailDot","d":"MailDot, the duotone drawing of mail-dot on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/mail-dot","t":"MailDot","d":"MailDot, the fill drawing of mail-dot on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:mail-minus","t":"MailMinus","d":"MailMinus, the stroke drawing of mail-minus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/mail-minus","t":"MailMinus","d":"MailMinus, the two-tone drawing of mail-minus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/mail-minus","t":"MailMinus","d":"MailMinus, the duotone drawing of mail-minus on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/mail-minus","t":"MailMinus","d":"MailMinus, the fill drawing of mail-minus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/mail-minus","t":"MailMinus","d":"MailMinus, the stroke drawing of mail-minus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/mail-minus","t":"MailMinus","d":"MailMinus, the two-tone drawing of mail-minus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/mail-minus","t":"MailMinus","d":"MailMinus, the duotone drawing of mail-minus on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/mail-minus","t":"MailMinus","d":"MailMinus, the fill drawing of mail-minus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:mail-open","t":"MailOpen","d":"MailOpen, the stroke drawing of mail-open on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/mail-open","t":"MailOpen","d":"MailOpen, the two-tone drawing of mail-open on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/mail-open","t":"MailOpen","d":"MailOpen, the duotone drawing of mail-open on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/mail-open","t":"MailOpen","d":"MailOpen, the fill drawing of mail-open on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/mail-open","t":"MailOpen","d":"MailOpen, the stroke drawing of mail-open on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/mail-open","t":"MailOpen","d":"MailOpen, the two-tone drawing of mail-open on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/mail-open","t":"MailOpen","d":"MailOpen, the duotone drawing of mail-open on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/mail-open","t":"MailOpen","d":"MailOpen, the fill drawing of mail-open on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:mail-plus","t":"MailPlus","d":"MailPlus, the stroke drawing of mail-plus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/mail-plus","t":"MailPlus","d":"MailPlus, the two-tone drawing of mail-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/mail-plus","t":"MailPlus","d":"MailPlus, the duotone drawing of mail-plus on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/mail-plus","t":"MailPlus","d":"MailPlus, the fill drawing of mail-plus on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/mail-plus","t":"MailPlus","d":"MailPlus, the stroke drawing of mail-plus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/mail-plus","t":"MailPlus","d":"MailPlus, the two-tone drawing of mail-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/mail-plus","t":"MailPlus","d":"MailPlus, the duotone drawing of mail-plus on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/mail-plus","t":"MailPlus","d":"MailPlus, the fill drawing of mail-plus on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:mail-sparkles","t":"MailSparkles","d":"MailSparkles, the stroke drawing of mail-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/mail-sparkles","t":"MailSparkles","d":"MailSparkles, the two-tone drawing of mail-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/mail-sparkles","t":"MailSparkles","d":"MailSparkles, the duotone drawing of mail-sparkles on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/mail-sparkles","t":"MailSparkles","d":"MailSparkles, the fill drawing of mail-sparkles on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/mail-sparkles","t":"MailSparkles","d":"MailSparkles, the stroke drawing of mail-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/mail-sparkles","t":"MailSparkles","d":"MailSparkles, the two-tone drawing of mail-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/mail-sparkles","t":"MailSparkles","d":"MailSparkles, the duotone drawing of mail-sparkles on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/mail-sparkles","t":"MailSparkles","d":"MailSparkles, the fill drawing of mail-sparkles on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:mail-zap","t":"MailZap","d":"MailZap, the stroke drawing of mail-zap on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/mail-zap","t":"MailZap","d":"MailZap, the two-tone drawing of mail-zap on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/mail-zap","t":"MailZap","d":"MailZap, the duotone drawing of mail-zap on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/mail-zap","t":"MailZap","d":"MailZap, the fill drawing of mail-zap on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/mail-zap","t":"MailZap","d":"MailZap, the stroke drawing of mail-zap on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/mail-zap","t":"MailZap","d":"MailZap, the two-tone drawing of mail-zap on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/mail-zap","t":"MailZap","d":"MailZap, the duotone drawing of mail-zap on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/mail-zap","t":"MailZap","d":"MailZap, the fill drawing of mail-zap on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:map","t":"Map","d":"Map, the stroke drawing of map on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/map","t":"Map","d":"Map, the two-tone drawing of map on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/map","t":"Map","d":"Map, the duotone drawing of map on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/map","t":"Map","d":"Map, the fill drawing of map on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/map","t":"Map","d":"Map, the stroke drawing of map on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/map","t":"Map","d":"Map, the two-tone drawing of map on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/map","t":"Map","d":"Map, the duotone drawing of map on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/map","t":"Map","d":"Map, the fill drawing of map on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:map-pin","t":"MapPin","d":"MapPin, the stroke drawing of map-pin on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/map-pin","t":"MapPin","d":"MapPin, the two-tone drawing of map-pin on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/map-pin","t":"MapPin","d":"MapPin, the duotone drawing of map-pin on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/map-pin","t":"MapPin","d":"MapPin, the fill drawing of map-pin on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/map-pin","t":"MapPin","d":"MapPin, the stroke drawing of map-pin on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/map-pin","t":"MapPin","d":"MapPin, the two-tone drawing of map-pin on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/map-pin","t":"MapPin","d":"MapPin, the duotone drawing of map-pin on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/map-pin","t":"MapPin","d":"MapPin, the fill drawing of map-pin on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:map-pin-check","t":"MapPinCheck","d":"MapPinCheck, the stroke drawing of map-pin-check on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/map-pin-check","t":"MapPinCheck","d":"MapPinCheck, the two-tone drawing of map-pin-check on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/map-pin-check","t":"MapPinCheck","d":"MapPinCheck, the duotone drawing of map-pin-check on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/map-pin-check","t":"MapPinCheck","d":"MapPinCheck, the fill drawing of map-pin-check on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/map-pin-check","t":"MapPinCheck","d":"MapPinCheck, the stroke drawing of map-pin-check on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/map-pin-check","t":"MapPinCheck","d":"MapPinCheck, the two-tone drawing of map-pin-check on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/map-pin-check","t":"MapPinCheck","d":"MapPinCheck, the duotone drawing of map-pin-check on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/map-pin-check","t":"MapPinCheck","d":"MapPinCheck, the fill drawing of map-pin-check on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:map-pin-heart","t":"MapPinHeart","d":"MapPinHeart, the stroke drawing of map-pin-heart on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/map-pin-heart","t":"MapPinHeart","d":"MapPinHeart, the two-tone drawing of map-pin-heart on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/map-pin-heart","t":"MapPinHeart","d":"MapPinHeart, the duotone drawing of map-pin-heart on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/map-pin-heart","t":"MapPinHeart","d":"MapPinHeart, the fill drawing of map-pin-heart on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/map-pin-heart","t":"MapPinHeart","d":"MapPinHeart, the stroke drawing of map-pin-heart on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/map-pin-heart","t":"MapPinHeart","d":"MapPinHeart, the two-tone drawing of map-pin-heart on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/map-pin-heart","t":"MapPinHeart","d":"MapPinHeart, the duotone drawing of map-pin-heart on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/map-pin-heart","t":"MapPinHeart","d":"MapPinHeart, the fill drawing of map-pin-heart on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:map-pin-minus","t":"MapPinMinus","d":"MapPinMinus, the stroke drawing of map-pin-minus on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/map-pin-minus","t":"MapPinMinus","d":"MapPinMinus, the two-tone drawing of map-pin-minus on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/map-pin-minus","t":"MapPinMinus","d":"MapPinMinus, the duotone drawing of map-pin-minus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/map-pin-minus","t":"MapPinMinus","d":"MapPinMinus, the fill drawing of map-pin-minus on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/map-pin-minus","t":"MapPinMinus","d":"MapPinMinus, the stroke drawing of map-pin-minus on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/map-pin-minus","t":"MapPinMinus","d":"MapPinMinus, the two-tone drawing of map-pin-minus on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/map-pin-minus","t":"MapPinMinus","d":"MapPinMinus, the duotone drawing of map-pin-minus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/map-pin-minus","t":"MapPinMinus","d":"MapPinMinus, the fill drawing of map-pin-minus on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:map-pin-off","t":"MapPinOff","d":"MapPinOff, the stroke drawing of map-pin-off on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/map-pin-off","t":"MapPinOff","d":"MapPinOff, the two-tone drawing of map-pin-off on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/map-pin-off","t":"MapPinOff","d":"MapPinOff, the duotone drawing of map-pin-off on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/map-pin-off","t":"MapPinOff","d":"MapPinOff, the fill drawing of map-pin-off on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/map-pin-off","t":"MapPinOff","d":"MapPinOff, the stroke drawing of map-pin-off on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/map-pin-off","t":"MapPinOff","d":"MapPinOff, the two-tone drawing of map-pin-off on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/map-pin-off","t":"MapPinOff","d":"MapPinOff, the duotone drawing of map-pin-off on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/map-pin-off","t":"MapPinOff","d":"MapPinOff, the fill drawing of map-pin-off on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:map-pin-plus","t":"MapPinPlus","d":"MapPinPlus, the stroke drawing of map-pin-plus on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/map-pin-plus","t":"MapPinPlus","d":"MapPinPlus, the two-tone drawing of map-pin-plus on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/map-pin-plus","t":"MapPinPlus","d":"MapPinPlus, the duotone drawing of map-pin-plus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/map-pin-plus","t":"MapPinPlus","d":"MapPinPlus, the fill drawing of map-pin-plus on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/map-pin-plus","t":"MapPinPlus","d":"MapPinPlus, the stroke drawing of map-pin-plus on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/map-pin-plus","t":"MapPinPlus","d":"MapPinPlus, the two-tone drawing of map-pin-plus on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/map-pin-plus","t":"MapPinPlus","d":"MapPinPlus, the duotone drawing of map-pin-plus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/map-pin-plus","t":"MapPinPlus","d":"MapPinPlus, the fill drawing of map-pin-plus on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:map-pin-search","t":"MapPinSearch","d":"MapPinSearch, the stroke drawing of map-pin-search on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/map-pin-search","t":"MapPinSearch","d":"MapPinSearch, the two-tone drawing of map-pin-search on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/map-pin-search","t":"MapPinSearch","d":"MapPinSearch, the duotone drawing of map-pin-search on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/map-pin-search","t":"MapPinSearch","d":"MapPinSearch, the fill drawing of map-pin-search on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/map-pin-search","t":"MapPinSearch","d":"MapPinSearch, the stroke drawing of map-pin-search on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/map-pin-search","t":"MapPinSearch","d":"MapPinSearch, the two-tone drawing of map-pin-search on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/map-pin-search","t":"MapPinSearch","d":"MapPinSearch, the duotone drawing of map-pin-search on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/map-pin-search","t":"MapPinSearch","d":"MapPinSearch, the fill drawing of map-pin-search on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:mars","t":"Mars","d":"Mars, the stroke drawing of mars on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/mars","t":"Mars","d":"Mars, the two-tone drawing of mars on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/mars","t":"Mars","d":"Mars, the duotone drawing of mars on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/mars","t":"Mars","d":"Mars, the fill drawing of mars on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/mars","t":"Mars","d":"Mars, the stroke drawing of mars on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/mars","t":"Mars","d":"Mars, the two-tone drawing of mars on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/mars","t":"Mars","d":"Mars, the duotone drawing of mars on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/mars","t":"Mars","d":"Mars, the fill drawing of mars on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:maximize","t":"Maximize","d":"Maximize, the stroke drawing of maximize on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/maximize","t":"Maximize","d":"Maximize, the two-tone drawing of maximize on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/maximize","t":"Maximize","d":"Maximize, the duotone drawing of maximize on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/maximize","t":"Maximize","d":"Maximize, the fill drawing of maximize on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/maximize","t":"Maximize","d":"Maximize, the stroke drawing of maximize on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/maximize","t":"Maximize","d":"Maximize, the two-tone drawing of maximize on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/maximize","t":"Maximize","d":"Maximize, the duotone drawing of maximize on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/maximize","t":"Maximize","d":"Maximize, the fill drawing of maximize on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:megaphone","t":"Megaphone","d":"Megaphone, the stroke drawing of megaphone on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/megaphone","t":"Megaphone","d":"Megaphone, the two-tone drawing of megaphone on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/megaphone","t":"Megaphone","d":"Megaphone, the duotone drawing of megaphone on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/megaphone","t":"Megaphone","d":"Megaphone, the fill drawing of megaphone on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/megaphone","t":"Megaphone","d":"Megaphone, the stroke drawing of megaphone on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/megaphone","t":"Megaphone","d":"Megaphone, the two-tone drawing of megaphone on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/megaphone","t":"Megaphone","d":"Megaphone, the duotone drawing of megaphone on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/megaphone","t":"Megaphone","d":"Megaphone, the fill drawing of megaphone on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-menu","t":"CircleMenu","d":"CircleMenu, the stroke drawing of circle-menu on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-menu","t":"CircleMenu","d":"CircleMenu, the two-tone drawing of circle-menu on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-menu","t":"CircleMenu","d":"CircleMenu, the duotone drawing of circle-menu on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-menu","t":"CircleMenu","d":"CircleMenu, the fill drawing of circle-menu on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-menu","t":"CircleMenu","d":"CircleMenu, the stroke drawing of circle-menu on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-menu","t":"CircleMenu","d":"CircleMenu, the two-tone drawing of circle-menu on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-menu","t":"CircleMenu","d":"CircleMenu, the duotone drawing of circle-menu on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-menu","t":"CircleMenu","d":"CircleMenu, the fill drawing of circle-menu on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:menu","t":"Menu","d":"Menu, the stroke drawing of menu on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/menu","t":"Menu","d":"Menu, the two-tone drawing of menu on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/menu","t":"Menu","d":"Menu, the duotone drawing of menu on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/menu","t":"Menu","d":"Menu, the fill drawing of menu on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/menu","t":"Menu","d":"Menu, the stroke drawing of menu on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/menu","t":"Menu","d":"Menu, the two-tone drawing of menu on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/menu","t":"Menu","d":"Menu, the duotone drawing of menu on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/menu","t":"Menu","d":"Menu, the fill drawing of menu on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-menu","t":"SquareMenu","d":"SquareMenu, the stroke drawing of square-menu on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-menu","t":"SquareMenu","d":"SquareMenu, the two-tone drawing of square-menu on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-menu","t":"SquareMenu","d":"SquareMenu, the duotone drawing of square-menu on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-menu","t":"SquareMenu","d":"SquareMenu, the fill drawing of square-menu on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-menu","t":"SquareMenu","d":"SquareMenu, the stroke drawing of square-menu on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-menu","t":"SquareMenu","d":"SquareMenu, the two-tone drawing of square-menu on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-menu","t":"SquareMenu","d":"SquareMenu, the duotone drawing of square-menu on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-menu","t":"SquareMenu","d":"SquareMenu, the fill drawing of square-menu on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:menu-sparkles","t":"MenuSparkles","d":"MenuSparkles, the stroke drawing of menu-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/menu-sparkles","t":"MenuSparkles","d":"MenuSparkles, the two-tone drawing of menu-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/menu-sparkles","t":"MenuSparkles","d":"MenuSparkles, the duotone drawing of menu-sparkles on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/menu-sparkles","t":"MenuSparkles","d":"MenuSparkles, the fill drawing of menu-sparkles on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/menu-sparkles","t":"MenuSparkles","d":"MenuSparkles, the stroke drawing of menu-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/menu-sparkles","t":"MenuSparkles","d":"MenuSparkles, the two-tone drawing of menu-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/menu-sparkles","t":"MenuSparkles","d":"MenuSparkles, the duotone drawing of menu-sparkles on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/menu-sparkles","t":"MenuSparkles","d":"MenuSparkles, the fill drawing of menu-sparkles on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:message","t":"Message","d":"Message, the stroke drawing of message on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/message","t":"Message","d":"Message, the two-tone drawing of message on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/message","t":"Message","d":"Message, the duotone drawing of message on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/message","t":"Message","d":"Message, the fill drawing of message on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/message","t":"Message","d":"Message, the stroke drawing of message on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/message","t":"Message","d":"Message, the two-tone drawing of message on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/message","t":"Message","d":"Message, the duotone drawing of message on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/message","t":"Message","d":"Message, the fill drawing of message on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:message-check","t":"MessageCheck","d":"MessageCheck, the stroke drawing of message-check on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/message-check","t":"MessageCheck","d":"MessageCheck, the two-tone drawing of message-check on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/message-check","t":"MessageCheck","d":"MessageCheck, the duotone drawing of message-check on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/message-check","t":"MessageCheck","d":"MessageCheck, the fill drawing of message-check on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/message-check","t":"MessageCheck","d":"MessageCheck, the stroke drawing of message-check on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/message-check","t":"MessageCheck","d":"MessageCheck, the two-tone drawing of message-check on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/message-check","t":"MessageCheck","d":"MessageCheck, the duotone drawing of message-check on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/message-check","t":"MessageCheck","d":"MessageCheck, the fill drawing of message-check on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:message-dot","t":"MessageDot","d":"MessageDot, the stroke drawing of message-dot on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/message-dot","t":"MessageDot","d":"MessageDot, the two-tone drawing of message-dot on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/message-dot","t":"MessageDot","d":"MessageDot, the duotone drawing of message-dot on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/message-dot","t":"MessageDot","d":"MessageDot, the fill drawing of message-dot on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/message-dot","t":"MessageDot","d":"MessageDot, the stroke drawing of message-dot on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/message-dot","t":"MessageDot","d":"MessageDot, the two-tone drawing of message-dot on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/message-dot","t":"MessageDot","d":"MessageDot, the duotone drawing of message-dot on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/message-dot","t":"MessageDot","d":"MessageDot, the fill drawing of message-dot on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:message-lines","t":"MessageLines","d":"MessageLines, the stroke drawing of message-lines on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:two-tone/message-lines","t":"MessageLines","d":"MessageLines, the two-tone drawing of message-lines on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/message-lines","t":"MessageLines","d":"MessageLines, the duotone drawing of message-lines on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/message-lines","t":"MessageLines","d":"MessageLines, the fill drawing of message-lines on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/message-lines","t":"MessageLines","d":"MessageLines, the stroke drawing of message-lines on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/two-tone/message-lines","t":"MessageLines","d":"MessageLines, the two-tone drawing of message-lines on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/message-lines","t":"MessageLines","d":"MessageLines, the duotone drawing of message-lines on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/message-lines","t":"MessageLines","d":"MessageLines, the fill drawing of message-lines on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:message-minus","t":"MessageMinus","d":"MessageMinus, the stroke drawing of message-minus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/message-minus","t":"MessageMinus","d":"MessageMinus, the two-tone drawing of message-minus on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/message-minus","t":"MessageMinus","d":"MessageMinus, the duotone drawing of message-minus on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/message-minus","t":"MessageMinus","d":"MessageMinus, the fill drawing of message-minus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/message-minus","t":"MessageMinus","d":"MessageMinus, the stroke drawing of message-minus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/message-minus","t":"MessageMinus","d":"MessageMinus, the two-tone drawing of message-minus on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/message-minus","t":"MessageMinus","d":"MessageMinus, the duotone drawing of message-minus on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/message-minus","t":"MessageMinus","d":"MessageMinus, the fill drawing of message-minus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:message-off","t":"MessageOff","d":"MessageOff, the stroke drawing of message-off on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/message-off","t":"MessageOff","d":"MessageOff, the two-tone drawing of message-off on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/message-off","t":"MessageOff","d":"MessageOff, the duotone drawing of message-off on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/message-off","t":"MessageOff","d":"MessageOff, the fill drawing of message-off on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/message-off","t":"MessageOff","d":"MessageOff, the stroke drawing of message-off on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/message-off","t":"MessageOff","d":"MessageOff, the two-tone drawing of message-off on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/message-off","t":"MessageOff","d":"MessageOff, the duotone drawing of message-off on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/message-off","t":"MessageOff","d":"MessageOff, the fill drawing of message-off on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:message-plus","t":"MessagePlus","d":"MessagePlus, the stroke drawing of message-plus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/message-plus","t":"MessagePlus","d":"MessagePlus, the two-tone drawing of message-plus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/message-plus","t":"MessagePlus","d":"MessagePlus, the duotone drawing of message-plus on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/message-plus","t":"MessagePlus","d":"MessagePlus, the fill drawing of message-plus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/message-plus","t":"MessagePlus","d":"MessagePlus, the stroke drawing of message-plus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/message-plus","t":"MessagePlus","d":"MessagePlus, the two-tone drawing of message-plus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/message-plus","t":"MessagePlus","d":"MessagePlus, the duotone drawing of message-plus on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/message-plus","t":"MessagePlus","d":"MessagePlus, the fill drawing of message-plus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:message-question","t":"MessageQuestion","d":"MessageQuestion, the stroke drawing of message-question on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/message-question","t":"MessageQuestion","d":"MessageQuestion, the two-tone drawing of message-question on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/message-question","t":"MessageQuestion","d":"MessageQuestion, the duotone drawing of message-question on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/message-question","t":"MessageQuestion","d":"MessageQuestion, the fill drawing of message-question on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/message-question","t":"MessageQuestion","d":"MessageQuestion, the stroke drawing of message-question on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/message-question","t":"MessageQuestion","d":"MessageQuestion, the two-tone drawing of message-question on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/message-question","t":"MessageQuestion","d":"MessageQuestion, the duotone drawing of message-question on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/message-question","t":"MessageQuestion","d":"MessageQuestion, the fill drawing of message-question on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:message-sparkle","t":"MessageSparkle","d":"MessageSparkle, the stroke drawing of message-sparkle on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/message-sparkle","t":"MessageSparkle","d":"MessageSparkle, the two-tone drawing of message-sparkle on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/message-sparkle","t":"MessageSparkle","d":"MessageSparkle, the duotone drawing of message-sparkle on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/message-sparkle","t":"MessageSparkle","d":"MessageSparkle, the fill drawing of message-sparkle on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/message-sparkle","t":"MessageSparkle","d":"MessageSparkle, the stroke drawing of message-sparkle on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/message-sparkle","t":"MessageSparkle","d":"MessageSparkle, the two-tone drawing of message-sparkle on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/message-sparkle","t":"MessageSparkle","d":"MessageSparkle, the duotone drawing of message-sparkle on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/message-sparkle","t":"MessageSparkle","d":"MessageSparkle, the fill drawing of message-sparkle on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:message-sparkles","t":"MessageSparkles","d":"MessageSparkles, the stroke drawing of message-sparkles on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/message-sparkles","t":"MessageSparkles","d":"MessageSparkles, the two-tone drawing of message-sparkles on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/message-sparkles","t":"MessageSparkles","d":"MessageSparkles, the duotone drawing of message-sparkles on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/message-sparkles","t":"MessageSparkles","d":"MessageSparkles, the fill drawing of message-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/message-sparkles","t":"MessageSparkles","d":"MessageSparkles, the stroke drawing of message-sparkles on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/message-sparkles","t":"MessageSparkles","d":"MessageSparkles, the two-tone drawing of message-sparkles on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/message-sparkles","t":"MessageSparkles","d":"MessageSparkles, the duotone drawing of message-sparkles on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/message-sparkles","t":"MessageSparkles","d":"MessageSparkles, the fill drawing of message-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:message-square","t":"MessageSquare","d":"MessageSquare, the stroke drawing of message-square on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/message-square","t":"MessageSquare","d":"MessageSquare, the two-tone drawing of message-square on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/message-square","t":"MessageSquare","d":"MessageSquare, the duotone drawing of message-square on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/message-square","t":"MessageSquare","d":"MessageSquare, the fill drawing of message-square on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/message-square","t":"MessageSquare","d":"MessageSquare, the stroke drawing of message-square on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/message-square","t":"MessageSquare","d":"MessageSquare, the two-tone drawing of message-square on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/message-square","t":"MessageSquare","d":"MessageSquare, the duotone drawing of message-square on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/message-square","t":"MessageSquare","d":"MessageSquare, the fill drawing of message-square on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:message-square-check","t":"MessageSquareCheck","d":"MessageSquareCheck, the stroke drawing of message-square-check on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/message-square-check","t":"MessageSquareCheck","d":"MessageSquareCheck, the two-tone drawing of message-square-check on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/message-square-check","t":"MessageSquareCheck","d":"MessageSquareCheck, the duotone drawing of message-square-check on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/message-square-check","t":"MessageSquareCheck","d":"MessageSquareCheck, the fill drawing of message-square-check on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/message-square-check","t":"MessageSquareCheck","d":"MessageSquareCheck, the stroke drawing of message-square-check on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/message-square-check","t":"MessageSquareCheck","d":"MessageSquareCheck, the two-tone drawing of message-square-check on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/message-square-check","t":"MessageSquareCheck","d":"MessageSquareCheck, the duotone drawing of message-square-check on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/message-square-check","t":"MessageSquareCheck","d":"MessageSquareCheck, the fill drawing of message-square-check on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:message-square-dot","t":"MessageSquareDot","d":"MessageSquareDot, the stroke drawing of message-square-dot on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/message-square-dot","t":"MessageSquareDot","d":"MessageSquareDot, the two-tone drawing of message-square-dot on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/message-square-dot","t":"MessageSquareDot","d":"MessageSquareDot, the duotone drawing of message-square-dot on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/message-square-dot","t":"MessageSquareDot","d":"MessageSquareDot, the fill drawing of message-square-dot on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/message-square-dot","t":"MessageSquareDot","d":"MessageSquareDot, the stroke drawing of message-square-dot on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/message-square-dot","t":"MessageSquareDot","d":"MessageSquareDot, the two-tone drawing of message-square-dot on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/message-square-dot","t":"MessageSquareDot","d":"MessageSquareDot, the duotone drawing of message-square-dot on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/message-square-dot","t":"MessageSquareDot","d":"MessageSquareDot, the fill drawing of message-square-dot on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:message-square-lines","t":"MessageSquareLines","d":"MessageSquareLines, the stroke drawing of message-square-lines on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:two-tone/message-square-lines","t":"MessageSquareLines","d":"MessageSquareLines, the two-tone drawing of message-square-lines on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/message-square-lines","t":"MessageSquareLines","d":"MessageSquareLines, the duotone drawing of message-square-lines on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/message-square-lines","t":"MessageSquareLines","d":"MessageSquareLines, the fill drawing of message-square-lines on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/message-square-lines","t":"MessageSquareLines","d":"MessageSquareLines, the stroke drawing of message-square-lines on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/two-tone/message-square-lines","t":"MessageSquareLines","d":"MessageSquareLines, the two-tone drawing of message-square-lines on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/message-square-lines","t":"MessageSquareLines","d":"MessageSquareLines, the duotone drawing of message-square-lines on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/message-square-lines","t":"MessageSquareLines","d":"MessageSquareLines, the fill drawing of message-square-lines on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:message-square-minus","t":"MessageSquareMinus","d":"MessageSquareMinus, the stroke drawing of message-square-minus on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/message-square-minus","t":"MessageSquareMinus","d":"MessageSquareMinus, the two-tone drawing of message-square-minus on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/message-square-minus","t":"MessageSquareMinus","d":"MessageSquareMinus, the duotone drawing of message-square-minus on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/message-square-minus","t":"MessageSquareMinus","d":"MessageSquareMinus, the fill drawing of message-square-minus on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/message-square-minus","t":"MessageSquareMinus","d":"MessageSquareMinus, the stroke drawing of message-square-minus on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/message-square-minus","t":"MessageSquareMinus","d":"MessageSquareMinus, the two-tone drawing of message-square-minus on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/message-square-minus","t":"MessageSquareMinus","d":"MessageSquareMinus, the duotone drawing of message-square-minus on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/message-square-minus","t":"MessageSquareMinus","d":"MessageSquareMinus, the fill drawing of message-square-minus on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:message-square-off","t":"MessageSquareOff","d":"MessageSquareOff, the stroke drawing of message-square-off on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/message-square-off","t":"MessageSquareOff","d":"MessageSquareOff, the two-tone drawing of message-square-off on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/message-square-off","t":"MessageSquareOff","d":"MessageSquareOff, the duotone drawing of message-square-off on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/message-square-off","t":"MessageSquareOff","d":"MessageSquareOff, the fill drawing of message-square-off on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/message-square-off","t":"MessageSquareOff","d":"MessageSquareOff, the stroke drawing of message-square-off on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/message-square-off","t":"MessageSquareOff","d":"MessageSquareOff, the two-tone drawing of message-square-off on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/message-square-off","t":"MessageSquareOff","d":"MessageSquareOff, the duotone drawing of message-square-off on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/message-square-off","t":"MessageSquareOff","d":"MessageSquareOff, the fill drawing of message-square-off on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:message-square-plus","t":"MessageSquarePlus","d":"MessageSquarePlus, the stroke drawing of message-square-plus on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/message-square-plus","t":"MessageSquarePlus","d":"MessageSquarePlus, the two-tone drawing of message-square-plus on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/message-square-plus","t":"MessageSquarePlus","d":"MessageSquarePlus, the duotone drawing of message-square-plus on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/message-square-plus","t":"MessageSquarePlus","d":"MessageSquarePlus, the fill drawing of message-square-plus on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/message-square-plus","t":"MessageSquarePlus","d":"MessageSquarePlus, the stroke drawing of message-square-plus on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/message-square-plus","t":"MessageSquarePlus","d":"MessageSquarePlus, the two-tone drawing of message-square-plus on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/message-square-plus","t":"MessageSquarePlus","d":"MessageSquarePlus, the duotone drawing of message-square-plus on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/message-square-plus","t":"MessageSquarePlus","d":"MessageSquarePlus, the fill drawing of message-square-plus on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:message-square-sparkle","t":"MessageSquareSparkle","d":"MessageSquareSparkle, the stroke drawing of message-square-sparkle on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/message-square-sparkle","t":"MessageSquareSparkle","d":"MessageSquareSparkle, the two-tone drawing of message-square-sparkle on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/message-square-sparkle","t":"MessageSquareSparkle","d":"MessageSquareSparkle, the duotone drawing of message-square-sparkle on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/message-square-sparkle","t":"MessageSquareSparkle","d":"MessageSquareSparkle, the fill drawing of message-square-sparkle on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/message-square-sparkle","t":"MessageSquareSparkle","d":"MessageSquareSparkle, the stroke drawing of message-square-sparkle on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/message-square-sparkle","t":"MessageSquareSparkle","d":"MessageSquareSparkle, the two-tone drawing of message-square-sparkle on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/message-square-sparkle","t":"MessageSquareSparkle","d":"MessageSquareSparkle, the duotone drawing of message-square-sparkle on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/message-square-sparkle","t":"MessageSquareSparkle","d":"MessageSquareSparkle, the fill drawing of message-square-sparkle on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:message-square-sparkles","t":"MessageSquareSparkles","d":"MessageSquareSparkles, the stroke drawing of message-square-sparkles on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/message-square-sparkles","t":"MessageSquareSparkles","d":"MessageSquareSparkles, the two-tone drawing of message-square-sparkles on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/message-square-sparkles","t":"MessageSquareSparkles","d":"MessageSquareSparkles, the duotone drawing of message-square-sparkles on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/message-square-sparkles","t":"MessageSquareSparkles","d":"MessageSquareSparkles, the fill drawing of message-square-sparkles on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/message-square-sparkles","t":"MessageSquareSparkles","d":"MessageSquareSparkles, the stroke drawing of message-square-sparkles on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/message-square-sparkles","t":"MessageSquareSparkles","d":"MessageSquareSparkles, the two-tone drawing of message-square-sparkles on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/message-square-sparkles","t":"MessageSquareSparkles","d":"MessageSquareSparkles, the duotone drawing of message-square-sparkles on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/message-square-sparkles","t":"MessageSquareSparkles","d":"MessageSquareSparkles, the fill drawing of message-square-sparkles on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:messages","t":"Messages","d":"Messages, the stroke drawing of messages on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/messages","t":"Messages","d":"Messages, the two-tone drawing of messages on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/messages","t":"Messages","d":"Messages, the duotone drawing of messages on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/messages","t":"Messages","d":"Messages, the fill drawing of messages on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/messages","t":"Messages","d":"Messages, the stroke drawing of messages on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/messages","t":"Messages","d":"Messages, the two-tone drawing of messages on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/messages","t":"Messages","d":"Messages, the duotone drawing of messages on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/messages","t":"Messages","d":"Messages, the fill drawing of messages on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:messages-square","t":"MessagesSquare","d":"MessagesSquare, the stroke drawing of messages-square on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/messages-square","t":"MessagesSquare","d":"MessagesSquare, the two-tone drawing of messages-square on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/messages-square","t":"MessagesSquare","d":"MessagesSquare, the duotone drawing of messages-square on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/messages-square","t":"MessagesSquare","d":"MessagesSquare, the fill drawing of messages-square on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/messages-square","t":"MessagesSquare","d":"MessagesSquare, the stroke drawing of messages-square on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/messages-square","t":"MessagesSquare","d":"MessagesSquare, the two-tone drawing of messages-square on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/messages-square","t":"MessagesSquare","d":"MessagesSquare, the duotone drawing of messages-square on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/messages-square","t":"MessagesSquare","d":"MessagesSquare, the fill drawing of messages-square on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:mic","t":"Mic","d":"Mic, the stroke drawing of mic on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/mic","t":"Mic","d":"Mic, the two-tone drawing of mic on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/mic","t":"Mic","d":"Mic, the duotone drawing of mic on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/mic","t":"Mic","d":"Mic, the fill drawing of mic on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/mic","t":"Mic","d":"Mic, the stroke drawing of mic on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/mic","t":"Mic","d":"Mic, the two-tone drawing of mic on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/mic","t":"Mic","d":"Mic, the duotone drawing of mic on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/mic","t":"Mic","d":"Mic, the fill drawing of mic on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:mic-off","t":"MicOff","d":"MicOff, the stroke drawing of mic-off on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/mic-off","t":"MicOff","d":"MicOff, the two-tone drawing of mic-off on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/mic-off","t":"MicOff","d":"MicOff, the duotone drawing of mic-off on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/mic-off","t":"MicOff","d":"MicOff, the fill drawing of mic-off on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/mic-off","t":"MicOff","d":"MicOff, the stroke drawing of mic-off on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/mic-off","t":"MicOff","d":"MicOff, the two-tone drawing of mic-off on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/mic-off","t":"MicOff","d":"MicOff, the duotone drawing of mic-off on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/mic-off","t":"MicOff","d":"MicOff, the fill drawing of mic-off on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:mic-sparkles","t":"MicSparkles","d":"MicSparkles, the stroke drawing of mic-sparkles on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/mic-sparkles","t":"MicSparkles","d":"MicSparkles, the two-tone drawing of mic-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/mic-sparkles","t":"MicSparkles","d":"MicSparkles, the duotone drawing of mic-sparkles on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/mic-sparkles","t":"MicSparkles","d":"MicSparkles, the fill drawing of mic-sparkles on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/mic-sparkles","t":"MicSparkles","d":"MicSparkles, the stroke drawing of mic-sparkles on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/mic-sparkles","t":"MicSparkles","d":"MicSparkles, the two-tone drawing of mic-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/mic-sparkles","t":"MicSparkles","d":"MicSparkles, the duotone drawing of mic-sparkles on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/mic-sparkles","t":"MicSparkles","d":"MicSparkles, the fill drawing of mic-sparkles on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:milestone","t":"Milestone","d":"Milestone, the stroke drawing of milestone on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/milestone","t":"Milestone","d":"Milestone, the two-tone drawing of milestone on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/milestone","t":"Milestone","d":"Milestone, the duotone drawing of milestone on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/milestone","t":"Milestone","d":"Milestone, the fill drawing of milestone on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/milestone","t":"Milestone","d":"Milestone, the stroke drawing of milestone on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/milestone","t":"Milestone","d":"Milestone, the two-tone drawing of milestone on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/milestone","t":"Milestone","d":"Milestone, the duotone drawing of milestone on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/milestone","t":"Milestone","d":"Milestone, the fill drawing of milestone on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:minimize","t":"Minimize","d":"Minimize, the stroke drawing of minimize on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/minimize","t":"Minimize","d":"Minimize, the two-tone drawing of minimize on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/minimize","t":"Minimize","d":"Minimize, the duotone drawing of minimize on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/minimize","t":"Minimize","d":"Minimize, the fill drawing of minimize on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/minimize","t":"Minimize","d":"Minimize, the stroke drawing of minimize on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/minimize","t":"Minimize","d":"Minimize, the two-tone drawing of minimize on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/minimize","t":"Minimize","d":"Minimize, the duotone drawing of minimize on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/minimize","t":"Minimize","d":"Minimize, the fill drawing of minimize on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-minus","t":"CircleMinus","d":"CircleMinus, the stroke drawing of circle-minus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-minus","t":"CircleMinus","d":"CircleMinus, the two-tone drawing of circle-minus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-minus","t":"CircleMinus","d":"CircleMinus, the duotone drawing of circle-minus on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-minus","t":"CircleMinus","d":"CircleMinus, the fill drawing of circle-minus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-minus","t":"CircleMinus","d":"CircleMinus, the stroke drawing of circle-minus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-minus","t":"CircleMinus","d":"CircleMinus, the two-tone drawing of circle-minus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-minus","t":"CircleMinus","d":"CircleMinus, the duotone drawing of circle-minus on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-minus","t":"CircleMinus","d":"CircleMinus, the fill drawing of circle-minus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:minus","t":"Minus","d":"Minus, the stroke drawing of minus on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/minus","t":"Minus","d":"Minus, the two-tone drawing of minus on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/minus","t":"Minus","d":"Minus, the duotone drawing of minus on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/minus","t":"Minus","d":"Minus, the fill drawing of minus on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/minus","t":"Minus","d":"Minus, the stroke drawing of minus on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/minus","t":"Minus","d":"Minus, the two-tone drawing of minus on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/minus","t":"Minus","d":"Minus, the duotone drawing of minus on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/minus","t":"Minus","d":"Minus, the fill drawing of minus on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-minus","t":"SquareMinus","d":"SquareMinus, the stroke drawing of square-minus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-minus","t":"SquareMinus","d":"SquareMinus, the two-tone drawing of square-minus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-minus","t":"SquareMinus","d":"SquareMinus, the duotone drawing of square-minus on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-minus","t":"SquareMinus","d":"SquareMinus, the fill drawing of square-minus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-minus","t":"SquareMinus","d":"SquareMinus, the stroke drawing of square-minus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-minus","t":"SquareMinus","d":"SquareMinus, the two-tone drawing of square-minus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-minus","t":"SquareMinus","d":"SquareMinus, the duotone drawing of square-minus on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-minus","t":"SquareMinus","d":"SquareMinus, the fill drawing of square-minus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:money-bag","t":"MoneyBag","d":"MoneyBag, the stroke drawing of money-bag on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/money-bag","t":"MoneyBag","d":"MoneyBag, the two-tone drawing of money-bag on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/money-bag","t":"MoneyBag","d":"MoneyBag, the duotone drawing of money-bag on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/money-bag","t":"MoneyBag","d":"MoneyBag, the fill drawing of money-bag on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/money-bag","t":"MoneyBag","d":"MoneyBag, the stroke drawing of money-bag on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/money-bag","t":"MoneyBag","d":"MoneyBag, the two-tone drawing of money-bag on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/money-bag","t":"MoneyBag","d":"MoneyBag, the duotone drawing of money-bag on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/money-bag","t":"MoneyBag","d":"MoneyBag, the fill drawing of money-bag on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:money-bag-check","t":"MoneyBagCheck","d":"MoneyBagCheck, the stroke drawing of money-bag-check on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/money-bag-check","t":"MoneyBagCheck","d":"MoneyBagCheck, the two-tone drawing of money-bag-check on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/money-bag-check","t":"MoneyBagCheck","d":"MoneyBagCheck, the duotone drawing of money-bag-check on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/money-bag-check","t":"MoneyBagCheck","d":"MoneyBagCheck, the fill drawing of money-bag-check on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/money-bag-check","t":"MoneyBagCheck","d":"MoneyBagCheck, the stroke drawing of money-bag-check on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/money-bag-check","t":"MoneyBagCheck","d":"MoneyBagCheck, the two-tone drawing of money-bag-check on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/money-bag-check","t":"MoneyBagCheck","d":"MoneyBagCheck, the duotone drawing of money-bag-check on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/money-bag-check","t":"MoneyBagCheck","d":"MoneyBagCheck, the fill drawing of money-bag-check on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:money-bag-dollar-sign","t":"MoneyBagDollarSign","d":"MoneyBagDollarSign, the stroke drawing of money-bag-dollar-sign on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/money-bag-dollar-sign","t":"MoneyBagDollarSign","d":"MoneyBagDollarSign, the two-tone drawing of money-bag-dollar-sign on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/money-bag-dollar-sign","t":"MoneyBagDollarSign","d":"MoneyBagDollarSign, the duotone drawing of money-bag-dollar-sign on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/money-bag-dollar-sign","t":"MoneyBagDollarSign","d":"MoneyBagDollarSign, the fill drawing of money-bag-dollar-sign on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/money-bag-dollar-sign","t":"MoneyBagDollarSign","d":"MoneyBagDollarSign, the stroke drawing of money-bag-dollar-sign on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/money-bag-dollar-sign","t":"MoneyBagDollarSign","d":"MoneyBagDollarSign, the two-tone drawing of money-bag-dollar-sign on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/money-bag-dollar-sign","t":"MoneyBagDollarSign","d":"MoneyBagDollarSign, the duotone drawing of money-bag-dollar-sign on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/money-bag-dollar-sign","t":"MoneyBagDollarSign","d":"MoneyBagDollarSign, the fill drawing of money-bag-dollar-sign on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:money-bag-minus","t":"MoneyBagMinus","d":"MoneyBagMinus, the stroke drawing of money-bag-minus on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/money-bag-minus","t":"MoneyBagMinus","d":"MoneyBagMinus, the two-tone drawing of money-bag-minus on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/money-bag-minus","t":"MoneyBagMinus","d":"MoneyBagMinus, the duotone drawing of money-bag-minus on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/money-bag-minus","t":"MoneyBagMinus","d":"MoneyBagMinus, the fill drawing of money-bag-minus on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/money-bag-minus","t":"MoneyBagMinus","d":"MoneyBagMinus, the stroke drawing of money-bag-minus on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/money-bag-minus","t":"MoneyBagMinus","d":"MoneyBagMinus, the two-tone drawing of money-bag-minus on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/money-bag-minus","t":"MoneyBagMinus","d":"MoneyBagMinus, the duotone drawing of money-bag-minus on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/money-bag-minus","t":"MoneyBagMinus","d":"MoneyBagMinus, the fill drawing of money-bag-minus on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:money-bag-plus","t":"MoneyBagPlus","d":"MoneyBagPlus, the stroke drawing of money-bag-plus on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/money-bag-plus","t":"MoneyBagPlus","d":"MoneyBagPlus, the two-tone drawing of money-bag-plus on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/money-bag-plus","t":"MoneyBagPlus","d":"MoneyBagPlus, the duotone drawing of money-bag-plus on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/money-bag-plus","t":"MoneyBagPlus","d":"MoneyBagPlus, the fill drawing of money-bag-plus on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/money-bag-plus","t":"MoneyBagPlus","d":"MoneyBagPlus, the stroke drawing of money-bag-plus on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/money-bag-plus","t":"MoneyBagPlus","d":"MoneyBagPlus, the two-tone drawing of money-bag-plus on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/money-bag-plus","t":"MoneyBagPlus","d":"MoneyBagPlus, the duotone drawing of money-bag-plus on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/money-bag-plus","t":"MoneyBagPlus","d":"MoneyBagPlus, the fill drawing of money-bag-plus on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:monitor","t":"Monitor","d":"Monitor, the stroke drawing of monitor on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/monitor","t":"Monitor","d":"Monitor, the two-tone drawing of monitor on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/monitor","t":"Monitor","d":"Monitor, the duotone drawing of monitor on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/monitor","t":"Monitor","d":"Monitor, the fill drawing of monitor on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/monitor","t":"Monitor","d":"Monitor, the stroke drawing of monitor on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/monitor","t":"Monitor","d":"Monitor, the two-tone drawing of monitor on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/monitor","t":"Monitor","d":"Monitor, the duotone drawing of monitor on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/monitor","t":"Monitor","d":"Monitor, the fill drawing of monitor on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:monitor-off","t":"MonitorOff","d":"MonitorOff, the stroke drawing of monitor-off on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/monitor-off","t":"MonitorOff","d":"MonitorOff, the two-tone drawing of monitor-off on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/monitor-off","t":"MonitorOff","d":"MonitorOff, the duotone drawing of monitor-off on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/monitor-off","t":"MonitorOff","d":"MonitorOff, the fill drawing of monitor-off on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/monitor-off","t":"MonitorOff","d":"MonitorOff, the stroke drawing of monitor-off on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/monitor-off","t":"MonitorOff","d":"MonitorOff, the two-tone drawing of monitor-off on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/monitor-off","t":"MonitorOff","d":"MonitorOff, the duotone drawing of monitor-off on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/monitor-off","t":"MonitorOff","d":"MonitorOff, the fill drawing of monitor-off on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:monitor-sparkles","t":"MonitorSparkles","d":"MonitorSparkles, the stroke drawing of monitor-sparkles on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/monitor-sparkles","t":"MonitorSparkles","d":"MonitorSparkles, the two-tone drawing of monitor-sparkles on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/monitor-sparkles","t":"MonitorSparkles","d":"MonitorSparkles, the duotone drawing of monitor-sparkles on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/monitor-sparkles","t":"MonitorSparkles","d":"MonitorSparkles, the fill drawing of monitor-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/monitor-sparkles","t":"MonitorSparkles","d":"MonitorSparkles, the stroke drawing of monitor-sparkles on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/monitor-sparkles","t":"MonitorSparkles","d":"MonitorSparkles, the two-tone drawing of monitor-sparkles on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/monitor-sparkles","t":"MonitorSparkles","d":"MonitorSparkles, the duotone drawing of monitor-sparkles on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/monitor-sparkles","t":"MonitorSparkles","d":"MonitorSparkles, the fill drawing of monitor-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:moon","t":"Moon","d":"Moon, the stroke drawing of moon on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/moon","t":"Moon","d":"Moon, the two-tone drawing of moon on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/moon","t":"Moon","d":"Moon, the duotone drawing of moon on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/moon","t":"Moon","d":"Moon, the fill drawing of moon on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/moon","t":"Moon","d":"Moon, the stroke drawing of moon on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/moon","t":"Moon","d":"Moon, the two-tone drawing of moon on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/moon","t":"Moon","d":"Moon, the duotone drawing of moon on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/moon","t":"Moon","d":"Moon, the fill drawing of moon on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:moon-star","t":"MoonStar","d":"MoonStar, the stroke drawing of moon-star on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/moon-star","t":"MoonStar","d":"MoonStar, the two-tone drawing of moon-star on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/moon-star","t":"MoonStar","d":"MoonStar, the duotone drawing of moon-star on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/moon-star","t":"MoonStar","d":"MoonStar, the fill drawing of moon-star on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/moon-star","t":"MoonStar","d":"MoonStar, the stroke drawing of moon-star on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/moon-star","t":"MoonStar","d":"MoonStar, the two-tone drawing of moon-star on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/moon-star","t":"MoonStar","d":"MoonStar, the duotone drawing of moon-star on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/moon-star","t":"MoonStar","d":"MoonStar, the fill drawing of moon-star on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-more-horizontal","t":"CircleMoreHorizontal","d":"CircleMoreHorizontal, the stroke drawing of circle-more-horizontal on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-more-horizontal","t":"CircleMoreHorizontal","d":"CircleMoreHorizontal, the two-tone drawing of circle-more-horizontal on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-more-horizontal","t":"CircleMoreHorizontal","d":"CircleMoreHorizontal, the duotone drawing of circle-more-horizontal on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-more-horizontal","t":"CircleMoreHorizontal","d":"CircleMoreHorizontal, the fill drawing of circle-more-horizontal on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-more-horizontal","t":"CircleMoreHorizontal","d":"CircleMoreHorizontal, the stroke drawing of circle-more-horizontal on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-more-horizontal","t":"CircleMoreHorizontal","d":"CircleMoreHorizontal, the two-tone drawing of circle-more-horizontal on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-more-horizontal","t":"CircleMoreHorizontal","d":"CircleMoreHorizontal, the duotone drawing of circle-more-horizontal on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-more-horizontal","t":"CircleMoreHorizontal","d":"CircleMoreHorizontal, the fill drawing of circle-more-horizontal on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:more-horizontal","t":"MoreHorizontal","d":"MoreHorizontal, the stroke drawing of more-horizontal on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/more-horizontal","t":"MoreHorizontal","d":"MoreHorizontal, the two-tone drawing of more-horizontal on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/more-horizontal","t":"MoreHorizontal","d":"MoreHorizontal, the duotone drawing of more-horizontal on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/more-horizontal","t":"MoreHorizontal","d":"MoreHorizontal, the fill drawing of more-horizontal on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/more-horizontal","t":"MoreHorizontal","d":"MoreHorizontal, the stroke drawing of more-horizontal on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/more-horizontal","t":"MoreHorizontal","d":"MoreHorizontal, the two-tone drawing of more-horizontal on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/more-horizontal","t":"MoreHorizontal","d":"MoreHorizontal, the duotone drawing of more-horizontal on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/more-horizontal","t":"MoreHorizontal","d":"MoreHorizontal, the fill drawing of more-horizontal on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-more-horizontal","t":"SquareMoreHorizontal","d":"SquareMoreHorizontal, the stroke drawing of square-more-horizontal on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-more-horizontal","t":"SquareMoreHorizontal","d":"SquareMoreHorizontal, the two-tone drawing of square-more-horizontal on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-more-horizontal","t":"SquareMoreHorizontal","d":"SquareMoreHorizontal, the duotone drawing of square-more-horizontal on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-more-horizontal","t":"SquareMoreHorizontal","d":"SquareMoreHorizontal, the fill drawing of square-more-horizontal on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-more-horizontal","t":"SquareMoreHorizontal","d":"SquareMoreHorizontal, the stroke drawing of square-more-horizontal on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-more-horizontal","t":"SquareMoreHorizontal","d":"SquareMoreHorizontal, the two-tone drawing of square-more-horizontal on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-more-horizontal","t":"SquareMoreHorizontal","d":"SquareMoreHorizontal, the duotone drawing of square-more-horizontal on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-more-horizontal","t":"SquareMoreHorizontal","d":"SquareMoreHorizontal, the fill drawing of square-more-horizontal on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-more-vertical","t":"CircleMoreVertical","d":"CircleMoreVertical, the stroke drawing of circle-more-vertical on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-more-vertical","t":"CircleMoreVertical","d":"CircleMoreVertical, the two-tone drawing of circle-more-vertical on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-more-vertical","t":"CircleMoreVertical","d":"CircleMoreVertical, the duotone drawing of circle-more-vertical on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-more-vertical","t":"CircleMoreVertical","d":"CircleMoreVertical, the fill drawing of circle-more-vertical on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-more-vertical","t":"CircleMoreVertical","d":"CircleMoreVertical, the stroke drawing of circle-more-vertical on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-more-vertical","t":"CircleMoreVertical","d":"CircleMoreVertical, the two-tone drawing of circle-more-vertical on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-more-vertical","t":"CircleMoreVertical","d":"CircleMoreVertical, the duotone drawing of circle-more-vertical on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-more-vertical","t":"CircleMoreVertical","d":"CircleMoreVertical, the fill drawing of circle-more-vertical on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:more-vertical","t":"MoreVertical","d":"MoreVertical, the stroke drawing of more-vertical on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/more-vertical","t":"MoreVertical","d":"MoreVertical, the two-tone drawing of more-vertical on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/more-vertical","t":"MoreVertical","d":"MoreVertical, the duotone drawing of more-vertical on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/more-vertical","t":"MoreVertical","d":"MoreVertical, the fill drawing of more-vertical on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/more-vertical","t":"MoreVertical","d":"MoreVertical, the stroke drawing of more-vertical on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/more-vertical","t":"MoreVertical","d":"MoreVertical, the two-tone drawing of more-vertical on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/more-vertical","t":"MoreVertical","d":"MoreVertical, the duotone drawing of more-vertical on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/more-vertical","t":"MoreVertical","d":"MoreVertical, the fill drawing of more-vertical on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-more-vertical","t":"SquareMoreVertical","d":"SquareMoreVertical, the stroke drawing of square-more-vertical on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-more-vertical","t":"SquareMoreVertical","d":"SquareMoreVertical, the two-tone drawing of square-more-vertical on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-more-vertical","t":"SquareMoreVertical","d":"SquareMoreVertical, the duotone drawing of square-more-vertical on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-more-vertical","t":"SquareMoreVertical","d":"SquareMoreVertical, the fill drawing of square-more-vertical on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-more-vertical","t":"SquareMoreVertical","d":"SquareMoreVertical, the stroke drawing of square-more-vertical on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-more-vertical","t":"SquareMoreVertical","d":"SquareMoreVertical, the two-tone drawing of square-more-vertical on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-more-vertical","t":"SquareMoreVertical","d":"SquareMoreVertical, the duotone drawing of square-more-vertical on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-more-vertical","t":"SquareMoreVertical","d":"SquareMoreVertical, the fill drawing of square-more-vertical on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:mouse","t":"Mouse","d":"Mouse, the stroke drawing of mouse on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/mouse","t":"Mouse","d":"Mouse, the two-tone drawing of mouse on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/mouse","t":"Mouse","d":"Mouse, the duotone drawing of mouse on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/mouse","t":"Mouse","d":"Mouse, the fill drawing of mouse on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/mouse","t":"Mouse","d":"Mouse, the stroke drawing of mouse on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/mouse","t":"Mouse","d":"Mouse, the two-tone drawing of mouse on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/mouse","t":"Mouse","d":"Mouse, the duotone drawing of mouse on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/mouse","t":"Mouse","d":"Mouse, the fill drawing of mouse on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:move","t":"Move","d":"Move, the stroke drawing of move on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/move","t":"Move","d":"Move, the two-tone drawing of move on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/move","t":"Move","d":"Move, the duotone drawing of move on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/move","t":"Move","d":"Move, the fill drawing of move on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/move","t":"Move","d":"Move, the stroke drawing of move on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/move","t":"Move","d":"Move, the two-tone drawing of move on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/move","t":"Move","d":"Move, the duotone drawing of move on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/move","t":"Move","d":"Move, the fill drawing of move on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:music-note","t":"MusicNote","d":"MusicNote, the stroke drawing of music-note on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/music-note","t":"MusicNote","d":"MusicNote, the two-tone drawing of music-note on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/music-note","t":"MusicNote","d":"MusicNote, the duotone drawing of music-note on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/music-note","t":"MusicNote","d":"MusicNote, the fill drawing of music-note on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/music-note","t":"MusicNote","d":"MusicNote, the stroke drawing of music-note on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/music-note","t":"MusicNote","d":"MusicNote, the two-tone drawing of music-note on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/music-note","t":"MusicNote","d":"MusicNote, the duotone drawing of music-note on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/music-note","t":"MusicNote","d":"MusicNote, the fill drawing of music-note on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:music-note-off","t":"MusicNoteOff","d":"MusicNoteOff, the stroke drawing of music-note-off on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/music-note-off","t":"MusicNoteOff","d":"MusicNoteOff, the two-tone drawing of music-note-off on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/music-note-off","t":"MusicNoteOff","d":"MusicNoteOff, the duotone drawing of music-note-off on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/music-note-off","t":"MusicNoteOff","d":"MusicNoteOff, the fill drawing of music-note-off on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/music-note-off","t":"MusicNoteOff","d":"MusicNoteOff, the stroke drawing of music-note-off on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/music-note-off","t":"MusicNoteOff","d":"MusicNoteOff, the two-tone drawing of music-note-off on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/music-note-off","t":"MusicNoteOff","d":"MusicNoteOff, the duotone drawing of music-note-off on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/music-note-off","t":"MusicNoteOff","d":"MusicNoteOff, the fill drawing of music-note-off on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-navigation","t":"CircleNavigation","d":"CircleNavigation, the stroke drawing of circle-navigation on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-navigation","t":"CircleNavigation","d":"CircleNavigation, the two-tone drawing of circle-navigation on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-navigation","t":"CircleNavigation","d":"CircleNavigation, the duotone drawing of circle-navigation on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-navigation","t":"CircleNavigation","d":"CircleNavigation, the fill drawing of circle-navigation on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-navigation","t":"CircleNavigation","d":"CircleNavigation, the stroke drawing of circle-navigation on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-navigation","t":"CircleNavigation","d":"CircleNavigation, the two-tone drawing of circle-navigation on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-navigation","t":"CircleNavigation","d":"CircleNavigation, the duotone drawing of circle-navigation on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-navigation","t":"CircleNavigation","d":"CircleNavigation, the fill drawing of circle-navigation on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:navigation","t":"Navigation","d":"Navigation, the stroke drawing of navigation on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/navigation","t":"Navigation","d":"Navigation, the two-tone drawing of navigation on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/navigation","t":"Navigation","d":"Navigation, the duotone drawing of navigation on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/navigation","t":"Navigation","d":"Navigation, the fill drawing of navigation on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/navigation","t":"Navigation","d":"Navigation, the stroke drawing of navigation on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/navigation","t":"Navigation","d":"Navigation, the two-tone drawing of navigation on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/navigation","t":"Navigation","d":"Navigation, the duotone drawing of navigation on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/navigation","t":"Navigation","d":"Navigation, the fill drawing of navigation on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-navigation","t":"SquareNavigation","d":"SquareNavigation, the stroke drawing of square-navigation on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-navigation","t":"SquareNavigation","d":"SquareNavigation, the two-tone drawing of square-navigation on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-navigation","t":"SquareNavigation","d":"SquareNavigation, the duotone drawing of square-navigation on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-navigation","t":"SquareNavigation","d":"SquareNavigation, the fill drawing of square-navigation on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-navigation","t":"SquareNavigation","d":"SquareNavigation, the stroke drawing of square-navigation on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-navigation","t":"SquareNavigation","d":"SquareNavigation, the two-tone drawing of square-navigation on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-navigation","t":"SquareNavigation","d":"SquareNavigation, the duotone drawing of square-navigation on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-navigation","t":"SquareNavigation","d":"SquareNavigation, the fill drawing of square-navigation on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:newspaper","t":"Newspaper","d":"Newspaper, the stroke drawing of newspaper on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/newspaper","t":"Newspaper","d":"Newspaper, the two-tone drawing of newspaper on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/newspaper","t":"Newspaper","d":"Newspaper, the duotone drawing of newspaper on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/newspaper","t":"Newspaper","d":"Newspaper, the fill drawing of newspaper on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/newspaper","t":"Newspaper","d":"Newspaper, the stroke drawing of newspaper on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/newspaper","t":"Newspaper","d":"Newspaper, the two-tone drawing of newspaper on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/newspaper","t":"Newspaper","d":"Newspaper, the duotone drawing of newspaper on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/newspaper","t":"Newspaper","d":"Newspaper, the fill drawing of newspaper on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:notebook","t":"Notebook","d":"Notebook, the stroke drawing of notebook on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/notebook","t":"Notebook","d":"Notebook, the two-tone drawing of notebook on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/notebook","t":"Notebook","d":"Notebook, the duotone drawing of notebook on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/notebook","t":"Notebook","d":"Notebook, the fill drawing of notebook on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/notebook","t":"Notebook","d":"Notebook, the stroke drawing of notebook on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/notebook","t":"Notebook","d":"Notebook, the two-tone drawing of notebook on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/notebook","t":"Notebook","d":"Notebook, the duotone drawing of notebook on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/notebook","t":"Notebook","d":"Notebook, the fill drawing of notebook on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:notebook-pen","t":"NotebookPen","d":"NotebookPen, the stroke drawing of notebook-pen on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/notebook-pen","t":"NotebookPen","d":"NotebookPen, the two-tone drawing of notebook-pen on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/notebook-pen","t":"NotebookPen","d":"NotebookPen, the duotone drawing of notebook-pen on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/notebook-pen","t":"NotebookPen","d":"NotebookPen, the fill drawing of notebook-pen on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/notebook-pen","t":"NotebookPen","d":"NotebookPen, the stroke drawing of notebook-pen on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/notebook-pen","t":"NotebookPen","d":"NotebookPen, the two-tone drawing of notebook-pen on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/notebook-pen","t":"NotebookPen","d":"NotebookPen, the duotone drawing of notebook-pen on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/notebook-pen","t":"NotebookPen","d":"NotebookPen, the fill drawing of notebook-pen on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:octagon-alert","t":"OctagonAlert","d":"OctagonAlert, the stroke drawing of octagon-alert on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/octagon-alert","t":"OctagonAlert","d":"OctagonAlert, the two-tone drawing of octagon-alert on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/octagon-alert","t":"OctagonAlert","d":"OctagonAlert, the duotone drawing of octagon-alert on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/octagon-alert","t":"OctagonAlert","d":"OctagonAlert, the fill drawing of octagon-alert on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/octagon-alert","t":"OctagonAlert","d":"OctagonAlert, the stroke drawing of octagon-alert on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/octagon-alert","t":"OctagonAlert","d":"OctagonAlert, the two-tone drawing of octagon-alert on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/octagon-alert","t":"OctagonAlert","d":"OctagonAlert, the duotone drawing of octagon-alert on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/octagon-alert","t":"OctagonAlert","d":"OctagonAlert, the fill drawing of octagon-alert on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:octagon-x","t":"OctagonX","d":"OctagonX, the stroke drawing of octagon-x on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/octagon-x","t":"OctagonX","d":"OctagonX, the two-tone drawing of octagon-x on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/octagon-x","t":"OctagonX","d":"OctagonX, the duotone drawing of octagon-x on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/octagon-x","t":"OctagonX","d":"OctagonX, the fill drawing of octagon-x on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/octagon-x","t":"OctagonX","d":"OctagonX, the stroke drawing of octagon-x on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/octagon-x","t":"OctagonX","d":"OctagonX, the two-tone drawing of octagon-x on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/octagon-x","t":"OctagonX","d":"OctagonX, the duotone drawing of octagon-x on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/octagon-x","t":"OctagonX","d":"OctagonX, the fill drawing of octagon-x on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:option","t":"Option","d":"Option, the stroke drawing of option on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/option","t":"Option","d":"Option, the two-tone drawing of option on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/option","t":"Option","d":"Option, the duotone drawing of option on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/option","t":"Option","d":"Option, the fill drawing of option on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/option","t":"Option","d":"Option, the stroke drawing of option on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/option","t":"Option","d":"Option, the two-tone drawing of option on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/option","t":"Option","d":"Option, the duotone drawing of option on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/option","t":"Option","d":"Option, the fill drawing of option on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:package","t":"Package","d":"Package, the stroke drawing of package on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/package","t":"Package","d":"Package, the two-tone drawing of package on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/package","t":"Package","d":"Package, the duotone drawing of package on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/package","t":"Package","d":"Package, the fill drawing of package on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/package","t":"Package","d":"Package, the stroke drawing of package on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/package","t":"Package","d":"Package, the two-tone drawing of package on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/package","t":"Package","d":"Package, the duotone drawing of package on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/package","t":"Package","d":"Package, the fill drawing of package on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:package-alert","t":"PackageAlert","d":"PackageAlert, the stroke drawing of package-alert on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/package-alert","t":"PackageAlert","d":"PackageAlert, the two-tone drawing of package-alert on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/package-alert","t":"PackageAlert","d":"PackageAlert, the duotone drawing of package-alert on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/package-alert","t":"PackageAlert","d":"PackageAlert, the fill drawing of package-alert on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/package-alert","t":"PackageAlert","d":"PackageAlert, the stroke drawing of package-alert on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/package-alert","t":"PackageAlert","d":"PackageAlert, the two-tone drawing of package-alert on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/package-alert","t":"PackageAlert","d":"PackageAlert, the duotone drawing of package-alert on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/package-alert","t":"PackageAlert","d":"PackageAlert, the fill drawing of package-alert on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:package-arrow-down","t":"PackageArrowDown","d":"PackageArrowDown, the stroke drawing of package-arrow-down on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/package-arrow-down","t":"PackageArrowDown","d":"PackageArrowDown, the two-tone drawing of package-arrow-down on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/package-arrow-down","t":"PackageArrowDown","d":"PackageArrowDown, the duotone drawing of package-arrow-down on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/package-arrow-down","t":"PackageArrowDown","d":"PackageArrowDown, the fill drawing of package-arrow-down on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/package-arrow-down","t":"PackageArrowDown","d":"PackageArrowDown, the stroke drawing of package-arrow-down on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/package-arrow-down","t":"PackageArrowDown","d":"PackageArrowDown, the two-tone drawing of package-arrow-down on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/package-arrow-down","t":"PackageArrowDown","d":"PackageArrowDown, the duotone drawing of package-arrow-down on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/package-arrow-down","t":"PackageArrowDown","d":"PackageArrowDown, the fill drawing of package-arrow-down on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:package-arrow-left","t":"PackageArrowLeft","d":"PackageArrowLeft, the stroke drawing of package-arrow-left on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/package-arrow-left","t":"PackageArrowLeft","d":"PackageArrowLeft, the two-tone drawing of package-arrow-left on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/package-arrow-left","t":"PackageArrowLeft","d":"PackageArrowLeft, the duotone drawing of package-arrow-left on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/package-arrow-left","t":"PackageArrowLeft","d":"PackageArrowLeft, the fill drawing of package-arrow-left on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/package-arrow-left","t":"PackageArrowLeft","d":"PackageArrowLeft, the stroke drawing of package-arrow-left on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/package-arrow-left","t":"PackageArrowLeft","d":"PackageArrowLeft, the two-tone drawing of package-arrow-left on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/package-arrow-left","t":"PackageArrowLeft","d":"PackageArrowLeft, the duotone drawing of package-arrow-left on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/package-arrow-left","t":"PackageArrowLeft","d":"PackageArrowLeft, the fill drawing of package-arrow-left on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:package-arrow-right","t":"PackageArrowRight","d":"PackageArrowRight, the stroke drawing of package-arrow-right on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/package-arrow-right","t":"PackageArrowRight","d":"PackageArrowRight, the two-tone drawing of package-arrow-right on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/package-arrow-right","t":"PackageArrowRight","d":"PackageArrowRight, the duotone drawing of package-arrow-right on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/package-arrow-right","t":"PackageArrowRight","d":"PackageArrowRight, the fill drawing of package-arrow-right on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/package-arrow-right","t":"PackageArrowRight","d":"PackageArrowRight, the stroke drawing of package-arrow-right on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/package-arrow-right","t":"PackageArrowRight","d":"PackageArrowRight, the two-tone drawing of package-arrow-right on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/package-arrow-right","t":"PackageArrowRight","d":"PackageArrowRight, the duotone drawing of package-arrow-right on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/package-arrow-right","t":"PackageArrowRight","d":"PackageArrowRight, the fill drawing of package-arrow-right on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:package-arrow-up","t":"PackageArrowUp","d":"PackageArrowUp, the stroke drawing of package-arrow-up on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/package-arrow-up","t":"PackageArrowUp","d":"PackageArrowUp, the two-tone drawing of package-arrow-up on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/package-arrow-up","t":"PackageArrowUp","d":"PackageArrowUp, the duotone drawing of package-arrow-up on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/package-arrow-up","t":"PackageArrowUp","d":"PackageArrowUp, the fill drawing of package-arrow-up on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/package-arrow-up","t":"PackageArrowUp","d":"PackageArrowUp, the stroke drawing of package-arrow-up on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/package-arrow-up","t":"PackageArrowUp","d":"PackageArrowUp, the two-tone drawing of package-arrow-up on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/package-arrow-up","t":"PackageArrowUp","d":"PackageArrowUp, the duotone drawing of package-arrow-up on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/package-arrow-up","t":"PackageArrowUp","d":"PackageArrowUp, the fill drawing of package-arrow-up on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:package-check","t":"PackageCheck","d":"PackageCheck, the stroke drawing of package-check on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/package-check","t":"PackageCheck","d":"PackageCheck, the two-tone drawing of package-check on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/package-check","t":"PackageCheck","d":"PackageCheck, the duotone drawing of package-check on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/package-check","t":"PackageCheck","d":"PackageCheck, the fill drawing of package-check on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/package-check","t":"PackageCheck","d":"PackageCheck, the stroke drawing of package-check on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/package-check","t":"PackageCheck","d":"PackageCheck, the two-tone drawing of package-check on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/package-check","t":"PackageCheck","d":"PackageCheck, the duotone drawing of package-check on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/package-check","t":"PackageCheck","d":"PackageCheck, the fill drawing of package-check on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:package-minus","t":"PackageMinus","d":"PackageMinus, the stroke drawing of package-minus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/package-minus","t":"PackageMinus","d":"PackageMinus, the two-tone drawing of package-minus on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/package-minus","t":"PackageMinus","d":"PackageMinus, the duotone drawing of package-minus on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/package-minus","t":"PackageMinus","d":"PackageMinus, the fill drawing of package-minus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/package-minus","t":"PackageMinus","d":"PackageMinus, the stroke drawing of package-minus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/package-minus","t":"PackageMinus","d":"PackageMinus, the two-tone drawing of package-minus on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/package-minus","t":"PackageMinus","d":"PackageMinus, the duotone drawing of package-minus on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/package-minus","t":"PackageMinus","d":"PackageMinus, the fill drawing of package-minus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:package-plus","t":"PackagePlus","d":"PackagePlus, the stroke drawing of package-plus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/package-plus","t":"PackagePlus","d":"PackagePlus, the two-tone drawing of package-plus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/package-plus","t":"PackagePlus","d":"PackagePlus, the duotone drawing of package-plus on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/package-plus","t":"PackagePlus","d":"PackagePlus, the fill drawing of package-plus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/package-plus","t":"PackagePlus","d":"PackagePlus, the stroke drawing of package-plus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/package-plus","t":"PackagePlus","d":"PackagePlus, the two-tone drawing of package-plus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/package-plus","t":"PackagePlus","d":"PackagePlus, the duotone drawing of package-plus on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/package-plus","t":"PackagePlus","d":"PackagePlus, the fill drawing of package-plus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:package-zap","t":"PackageZap","d":"PackageZap, the stroke drawing of package-zap on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/package-zap","t":"PackageZap","d":"PackageZap, the two-tone drawing of package-zap on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/package-zap","t":"PackageZap","d":"PackageZap, the duotone drawing of package-zap on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/package-zap","t":"PackageZap","d":"PackageZap, the fill drawing of package-zap on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/package-zap","t":"PackageZap","d":"PackageZap, the stroke drawing of package-zap on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/package-zap","t":"PackageZap","d":"PackageZap, the two-tone drawing of package-zap on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/package-zap","t":"PackageZap","d":"PackageZap, the duotone drawing of package-zap on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/package-zap","t":"PackageZap","d":"PackageZap, the fill drawing of package-zap on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:paint-roller","t":"PaintRoller","d":"PaintRoller, the stroke drawing of paint-roller on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/paint-roller","t":"PaintRoller","d":"PaintRoller, the two-tone drawing of paint-roller on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/paint-roller","t":"PaintRoller","d":"PaintRoller, the duotone drawing of paint-roller on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/paint-roller","t":"PaintRoller","d":"PaintRoller, the fill drawing of paint-roller on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/paint-roller","t":"PaintRoller","d":"PaintRoller, the stroke drawing of paint-roller on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/paint-roller","t":"PaintRoller","d":"PaintRoller, the two-tone drawing of paint-roller on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/paint-roller","t":"PaintRoller","d":"PaintRoller, the duotone drawing of paint-roller on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/paint-roller","t":"PaintRoller","d":"PaintRoller, the fill drawing of paint-roller on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:paintbrush","t":"Paintbrush","d":"Paintbrush, the stroke drawing of paintbrush on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/paintbrush","t":"Paintbrush","d":"Paintbrush, the two-tone drawing of paintbrush on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/paintbrush","t":"Paintbrush","d":"Paintbrush, the duotone drawing of paintbrush on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/paintbrush","t":"Paintbrush","d":"Paintbrush, the fill drawing of paintbrush on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/paintbrush","t":"Paintbrush","d":"Paintbrush, the stroke drawing of paintbrush on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/paintbrush","t":"Paintbrush","d":"Paintbrush, the two-tone drawing of paintbrush on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/paintbrush","t":"Paintbrush","d":"Paintbrush, the duotone drawing of paintbrush on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/paintbrush","t":"Paintbrush","d":"Paintbrush, the fill drawing of paintbrush on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:palette","t":"Palette","d":"Palette, the stroke drawing of palette on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/palette","t":"Palette","d":"Palette, the two-tone drawing of palette on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/palette","t":"Palette","d":"Palette, the duotone drawing of palette on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/palette","t":"Palette","d":"Palette, the fill drawing of palette on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/palette","t":"Palette","d":"Palette, the stroke drawing of palette on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/palette","t":"Palette","d":"Palette, the two-tone drawing of palette on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/palette","t":"Palette","d":"Palette, the duotone drawing of palette on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/palette","t":"Palette","d":"Palette, the fill drawing of palette on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:palette-sparkles","t":"PaletteSparkles","d":"PaletteSparkles, the stroke drawing of palette-sparkles on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/palette-sparkles","t":"PaletteSparkles","d":"PaletteSparkles, the two-tone drawing of palette-sparkles on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/palette-sparkles","t":"PaletteSparkles","d":"PaletteSparkles, the duotone drawing of palette-sparkles on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/palette-sparkles","t":"PaletteSparkles","d":"PaletteSparkles, the fill drawing of palette-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/palette-sparkles","t":"PaletteSparkles","d":"PaletteSparkles, the stroke drawing of palette-sparkles on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/palette-sparkles","t":"PaletteSparkles","d":"PaletteSparkles, the two-tone drawing of palette-sparkles on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/palette-sparkles","t":"PaletteSparkles","d":"PaletteSparkles, the duotone drawing of palette-sparkles on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/palette-sparkles","t":"PaletteSparkles","d":"PaletteSparkles, the fill drawing of palette-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-bottom","t":"PanelBottom","d":"PanelBottom, the stroke drawing of panel-bottom on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-bottom","t":"PanelBottom","d":"PanelBottom, the two-tone drawing of panel-bottom on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-bottom","t":"PanelBottom","d":"PanelBottom, the duotone drawing of panel-bottom on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-bottom","t":"PanelBottom","d":"PanelBottom, the fill drawing of panel-bottom on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-bottom","t":"PanelBottom","d":"PanelBottom, the stroke drawing of panel-bottom on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-bottom","t":"PanelBottom","d":"PanelBottom, the two-tone drawing of panel-bottom on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-bottom","t":"PanelBottom","d":"PanelBottom, the duotone drawing of panel-bottom on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-bottom","t":"PanelBottom","d":"PanelBottom, the fill drawing of panel-bottom on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-bottom-close","t":"PanelBottomClose","d":"PanelBottomClose, the stroke drawing of panel-bottom-close on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-bottom-close","t":"PanelBottomClose","d":"PanelBottomClose, the two-tone drawing of panel-bottom-close on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-bottom-close","t":"PanelBottomClose","d":"PanelBottomClose, the duotone drawing of panel-bottom-close on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-bottom-close","t":"PanelBottomClose","d":"PanelBottomClose, the fill drawing of panel-bottom-close on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-bottom-close","t":"PanelBottomClose","d":"PanelBottomClose, the stroke drawing of panel-bottom-close on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-bottom-close","t":"PanelBottomClose","d":"PanelBottomClose, the two-tone drawing of panel-bottom-close on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-bottom-close","t":"PanelBottomClose","d":"PanelBottomClose, the duotone drawing of panel-bottom-close on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-bottom-close","t":"PanelBottomClose","d":"PanelBottomClose, the fill drawing of panel-bottom-close on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-bottom-close-dashed","t":"PanelBottomCloseDashed","d":"PanelBottomCloseDashed, the stroke drawing of panel-bottom-close-dashed on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-bottom-close-dashed","t":"PanelBottomCloseDashed","d":"PanelBottomCloseDashed, the two-tone drawing of panel-bottom-close-dashed on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-bottom-close-dashed","t":"PanelBottomCloseDashed","d":"PanelBottomCloseDashed, the duotone drawing of panel-bottom-close-dashed on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-bottom-close-dashed","t":"PanelBottomCloseDashed","d":"PanelBottomCloseDashed, the fill drawing of panel-bottom-close-dashed on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-bottom-close-dashed","t":"PanelBottomCloseDashed","d":"PanelBottomCloseDashed, the stroke drawing of panel-bottom-close-dashed on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-bottom-close-dashed","t":"PanelBottomCloseDashed","d":"PanelBottomCloseDashed, the two-tone drawing of panel-bottom-close-dashed on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-bottom-close-dashed","t":"PanelBottomCloseDashed","d":"PanelBottomCloseDashed, the duotone drawing of panel-bottom-close-dashed on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-bottom-close-dashed","t":"PanelBottomCloseDashed","d":"PanelBottomCloseDashed, the fill drawing of panel-bottom-close-dashed on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-bottom-dashed","t":"PanelBottomDashed","d":"PanelBottomDashed, the stroke drawing of panel-bottom-dashed on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-bottom-dashed","t":"PanelBottomDashed","d":"PanelBottomDashed, the two-tone drawing of panel-bottom-dashed on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-bottom-dashed","t":"PanelBottomDashed","d":"PanelBottomDashed, the duotone drawing of panel-bottom-dashed on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-bottom-dashed","t":"PanelBottomDashed","d":"PanelBottomDashed, the fill drawing of panel-bottom-dashed on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-bottom-dashed","t":"PanelBottomDashed","d":"PanelBottomDashed, the stroke drawing of panel-bottom-dashed on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-bottom-dashed","t":"PanelBottomDashed","d":"PanelBottomDashed, the two-tone drawing of panel-bottom-dashed on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-bottom-dashed","t":"PanelBottomDashed","d":"PanelBottomDashed, the duotone drawing of panel-bottom-dashed on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-bottom-dashed","t":"PanelBottomDashed","d":"PanelBottomDashed, the fill drawing of panel-bottom-dashed on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-bottom-open","t":"PanelBottomOpen","d":"PanelBottomOpen, the stroke drawing of panel-bottom-open on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-bottom-open","t":"PanelBottomOpen","d":"PanelBottomOpen, the two-tone drawing of panel-bottom-open on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-bottom-open","t":"PanelBottomOpen","d":"PanelBottomOpen, the duotone drawing of panel-bottom-open on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-bottom-open","t":"PanelBottomOpen","d":"PanelBottomOpen, the fill drawing of panel-bottom-open on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-bottom-open","t":"PanelBottomOpen","d":"PanelBottomOpen, the stroke drawing of panel-bottom-open on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-bottom-open","t":"PanelBottomOpen","d":"PanelBottomOpen, the two-tone drawing of panel-bottom-open on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-bottom-open","t":"PanelBottomOpen","d":"PanelBottomOpen, the duotone drawing of panel-bottom-open on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-bottom-open","t":"PanelBottomOpen","d":"PanelBottomOpen, the fill drawing of panel-bottom-open on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-bottom-open-dashed","t":"PanelBottomOpenDashed","d":"PanelBottomOpenDashed, the stroke drawing of panel-bottom-open-dashed on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-bottom-open-dashed","t":"PanelBottomOpenDashed","d":"PanelBottomOpenDashed, the two-tone drawing of panel-bottom-open-dashed on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-bottom-open-dashed","t":"PanelBottomOpenDashed","d":"PanelBottomOpenDashed, the duotone drawing of panel-bottom-open-dashed on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-bottom-open-dashed","t":"PanelBottomOpenDashed","d":"PanelBottomOpenDashed, the fill drawing of panel-bottom-open-dashed on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-bottom-open-dashed","t":"PanelBottomOpenDashed","d":"PanelBottomOpenDashed, the stroke drawing of panel-bottom-open-dashed on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-bottom-open-dashed","t":"PanelBottomOpenDashed","d":"PanelBottomOpenDashed, the two-tone drawing of panel-bottom-open-dashed on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-bottom-open-dashed","t":"PanelBottomOpenDashed","d":"PanelBottomOpenDashed, the duotone drawing of panel-bottom-open-dashed on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-bottom-open-dashed","t":"PanelBottomOpenDashed","d":"PanelBottomOpenDashed, the fill drawing of panel-bottom-open-dashed on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-left","t":"PanelLeft","d":"PanelLeft, the stroke drawing of panel-left on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-left","t":"PanelLeft","d":"PanelLeft, the two-tone drawing of panel-left on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-left","t":"PanelLeft","d":"PanelLeft, the duotone drawing of panel-left on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-left","t":"PanelLeft","d":"PanelLeft, the fill drawing of panel-left on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-left","t":"PanelLeft","d":"PanelLeft, the stroke drawing of panel-left on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-left","t":"PanelLeft","d":"PanelLeft, the two-tone drawing of panel-left on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-left","t":"PanelLeft","d":"PanelLeft, the duotone drawing of panel-left on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-left","t":"PanelLeft","d":"PanelLeft, the fill drawing of panel-left on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-left-close","t":"PanelLeftClose","d":"PanelLeftClose, the stroke drawing of panel-left-close on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-left-close","t":"PanelLeftClose","d":"PanelLeftClose, the two-tone drawing of panel-left-close on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-left-close","t":"PanelLeftClose","d":"PanelLeftClose, the duotone drawing of panel-left-close on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-left-close","t":"PanelLeftClose","d":"PanelLeftClose, the fill drawing of panel-left-close on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-left-close","t":"PanelLeftClose","d":"PanelLeftClose, the stroke drawing of panel-left-close on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-left-close","t":"PanelLeftClose","d":"PanelLeftClose, the two-tone drawing of panel-left-close on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-left-close","t":"PanelLeftClose","d":"PanelLeftClose, the duotone drawing of panel-left-close on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-left-close","t":"PanelLeftClose","d":"PanelLeftClose, the fill drawing of panel-left-close on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-left-close-dashed","t":"PanelLeftCloseDashed","d":"PanelLeftCloseDashed, the stroke drawing of panel-left-close-dashed on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-left-close-dashed","t":"PanelLeftCloseDashed","d":"PanelLeftCloseDashed, the two-tone drawing of panel-left-close-dashed on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-left-close-dashed","t":"PanelLeftCloseDashed","d":"PanelLeftCloseDashed, the duotone drawing of panel-left-close-dashed on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-left-close-dashed","t":"PanelLeftCloseDashed","d":"PanelLeftCloseDashed, the fill drawing of panel-left-close-dashed on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-left-close-dashed","t":"PanelLeftCloseDashed","d":"PanelLeftCloseDashed, the stroke drawing of panel-left-close-dashed on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-left-close-dashed","t":"PanelLeftCloseDashed","d":"PanelLeftCloseDashed, the two-tone drawing of panel-left-close-dashed on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-left-close-dashed","t":"PanelLeftCloseDashed","d":"PanelLeftCloseDashed, the duotone drawing of panel-left-close-dashed on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-left-close-dashed","t":"PanelLeftCloseDashed","d":"PanelLeftCloseDashed, the fill drawing of panel-left-close-dashed on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-left-dashed","t":"PanelLeftDashed","d":"PanelLeftDashed, the stroke drawing of panel-left-dashed on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-left-dashed","t":"PanelLeftDashed","d":"PanelLeftDashed, the two-tone drawing of panel-left-dashed on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-left-dashed","t":"PanelLeftDashed","d":"PanelLeftDashed, the duotone drawing of panel-left-dashed on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-left-dashed","t":"PanelLeftDashed","d":"PanelLeftDashed, the fill drawing of panel-left-dashed on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-left-dashed","t":"PanelLeftDashed","d":"PanelLeftDashed, the stroke drawing of panel-left-dashed on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-left-dashed","t":"PanelLeftDashed","d":"PanelLeftDashed, the two-tone drawing of panel-left-dashed on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-left-dashed","t":"PanelLeftDashed","d":"PanelLeftDashed, the duotone drawing of panel-left-dashed on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-left-dashed","t":"PanelLeftDashed","d":"PanelLeftDashed, the fill drawing of panel-left-dashed on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-left-open","t":"PanelLeftOpen","d":"PanelLeftOpen, the stroke drawing of panel-left-open on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-left-open","t":"PanelLeftOpen","d":"PanelLeftOpen, the two-tone drawing of panel-left-open on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-left-open","t":"PanelLeftOpen","d":"PanelLeftOpen, the duotone drawing of panel-left-open on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-left-open","t":"PanelLeftOpen","d":"PanelLeftOpen, the fill drawing of panel-left-open on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-left-open","t":"PanelLeftOpen","d":"PanelLeftOpen, the stroke drawing of panel-left-open on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-left-open","t":"PanelLeftOpen","d":"PanelLeftOpen, the two-tone drawing of panel-left-open on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-left-open","t":"PanelLeftOpen","d":"PanelLeftOpen, the duotone drawing of panel-left-open on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-left-open","t":"PanelLeftOpen","d":"PanelLeftOpen, the fill drawing of panel-left-open on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-left-open-dashed","t":"PanelLeftOpenDashed","d":"PanelLeftOpenDashed, the stroke drawing of panel-left-open-dashed on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-left-open-dashed","t":"PanelLeftOpenDashed","d":"PanelLeftOpenDashed, the two-tone drawing of panel-left-open-dashed on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-left-open-dashed","t":"PanelLeftOpenDashed","d":"PanelLeftOpenDashed, the duotone drawing of panel-left-open-dashed on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-left-open-dashed","t":"PanelLeftOpenDashed","d":"PanelLeftOpenDashed, the fill drawing of panel-left-open-dashed on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-left-open-dashed","t":"PanelLeftOpenDashed","d":"PanelLeftOpenDashed, the stroke drawing of panel-left-open-dashed on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-left-open-dashed","t":"PanelLeftOpenDashed","d":"PanelLeftOpenDashed, the two-tone drawing of panel-left-open-dashed on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-left-open-dashed","t":"PanelLeftOpenDashed","d":"PanelLeftOpenDashed, the duotone drawing of panel-left-open-dashed on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-left-open-dashed","t":"PanelLeftOpenDashed","d":"PanelLeftOpenDashed, the fill drawing of panel-left-open-dashed on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-right","t":"PanelRight","d":"PanelRight, the stroke drawing of panel-right on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-right","t":"PanelRight","d":"PanelRight, the two-tone drawing of panel-right on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-right","t":"PanelRight","d":"PanelRight, the duotone drawing of panel-right on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-right","t":"PanelRight","d":"PanelRight, the fill drawing of panel-right on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-right","t":"PanelRight","d":"PanelRight, the stroke drawing of panel-right on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-right","t":"PanelRight","d":"PanelRight, the two-tone drawing of panel-right on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-right","t":"PanelRight","d":"PanelRight, the duotone drawing of panel-right on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-right","t":"PanelRight","d":"PanelRight, the fill drawing of panel-right on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-right-close","t":"PanelRightClose","d":"PanelRightClose, the stroke drawing of panel-right-close on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-right-close","t":"PanelRightClose","d":"PanelRightClose, the two-tone drawing of panel-right-close on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-right-close","t":"PanelRightClose","d":"PanelRightClose, the duotone drawing of panel-right-close on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-right-close","t":"PanelRightClose","d":"PanelRightClose, the fill drawing of panel-right-close on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-right-close","t":"PanelRightClose","d":"PanelRightClose, the stroke drawing of panel-right-close on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-right-close","t":"PanelRightClose","d":"PanelRightClose, the two-tone drawing of panel-right-close on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-right-close","t":"PanelRightClose","d":"PanelRightClose, the duotone drawing of panel-right-close on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-right-close","t":"PanelRightClose","d":"PanelRightClose, the fill drawing of panel-right-close on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-right-close-dashed","t":"PanelRightCloseDashed","d":"PanelRightCloseDashed, the stroke drawing of panel-right-close-dashed on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-right-close-dashed","t":"PanelRightCloseDashed","d":"PanelRightCloseDashed, the two-tone drawing of panel-right-close-dashed on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-right-close-dashed","t":"PanelRightCloseDashed","d":"PanelRightCloseDashed, the duotone drawing of panel-right-close-dashed on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-right-close-dashed","t":"PanelRightCloseDashed","d":"PanelRightCloseDashed, the fill drawing of panel-right-close-dashed on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-right-close-dashed","t":"PanelRightCloseDashed","d":"PanelRightCloseDashed, the stroke drawing of panel-right-close-dashed on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-right-close-dashed","t":"PanelRightCloseDashed","d":"PanelRightCloseDashed, the two-tone drawing of panel-right-close-dashed on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-right-close-dashed","t":"PanelRightCloseDashed","d":"PanelRightCloseDashed, the duotone drawing of panel-right-close-dashed on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-right-close-dashed","t":"PanelRightCloseDashed","d":"PanelRightCloseDashed, the fill drawing of panel-right-close-dashed on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-right-dashed","t":"PanelRightDashed","d":"PanelRightDashed, the stroke drawing of panel-right-dashed on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-right-dashed","t":"PanelRightDashed","d":"PanelRightDashed, the two-tone drawing of panel-right-dashed on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-right-dashed","t":"PanelRightDashed","d":"PanelRightDashed, the duotone drawing of panel-right-dashed on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-right-dashed","t":"PanelRightDashed","d":"PanelRightDashed, the fill drawing of panel-right-dashed on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-right-dashed","t":"PanelRightDashed","d":"PanelRightDashed, the stroke drawing of panel-right-dashed on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-right-dashed","t":"PanelRightDashed","d":"PanelRightDashed, the two-tone drawing of panel-right-dashed on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-right-dashed","t":"PanelRightDashed","d":"PanelRightDashed, the duotone drawing of panel-right-dashed on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-right-dashed","t":"PanelRightDashed","d":"PanelRightDashed, the fill drawing of panel-right-dashed on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-right-open","t":"PanelRightOpen","d":"PanelRightOpen, the stroke drawing of panel-right-open on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-right-open","t":"PanelRightOpen","d":"PanelRightOpen, the two-tone drawing of panel-right-open on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-right-open","t":"PanelRightOpen","d":"PanelRightOpen, the duotone drawing of panel-right-open on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-right-open","t":"PanelRightOpen","d":"PanelRightOpen, the fill drawing of panel-right-open on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-right-open","t":"PanelRightOpen","d":"PanelRightOpen, the stroke drawing of panel-right-open on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-right-open","t":"PanelRightOpen","d":"PanelRightOpen, the two-tone drawing of panel-right-open on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-right-open","t":"PanelRightOpen","d":"PanelRightOpen, the duotone drawing of panel-right-open on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-right-open","t":"PanelRightOpen","d":"PanelRightOpen, the fill drawing of panel-right-open on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-right-open-dashed","t":"PanelRightOpenDashed","d":"PanelRightOpenDashed, the stroke drawing of panel-right-open-dashed on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-right-open-dashed","t":"PanelRightOpenDashed","d":"PanelRightOpenDashed, the two-tone drawing of panel-right-open-dashed on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-right-open-dashed","t":"PanelRightOpenDashed","d":"PanelRightOpenDashed, the duotone drawing of panel-right-open-dashed on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-right-open-dashed","t":"PanelRightOpenDashed","d":"PanelRightOpenDashed, the fill drawing of panel-right-open-dashed on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-right-open-dashed","t":"PanelRightOpenDashed","d":"PanelRightOpenDashed, the stroke drawing of panel-right-open-dashed on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-right-open-dashed","t":"PanelRightOpenDashed","d":"PanelRightOpenDashed, the two-tone drawing of panel-right-open-dashed on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-right-open-dashed","t":"PanelRightOpenDashed","d":"PanelRightOpenDashed, the duotone drawing of panel-right-open-dashed on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-right-open-dashed","t":"PanelRightOpenDashed","d":"PanelRightOpenDashed, the fill drawing of panel-right-open-dashed on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-top","t":"PanelTop","d":"PanelTop, the stroke drawing of panel-top on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-top","t":"PanelTop","d":"PanelTop, the two-tone drawing of panel-top on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-top","t":"PanelTop","d":"PanelTop, the duotone drawing of panel-top on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-top","t":"PanelTop","d":"PanelTop, the fill drawing of panel-top on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-top","t":"PanelTop","d":"PanelTop, the stroke drawing of panel-top on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-top","t":"PanelTop","d":"PanelTop, the two-tone drawing of panel-top on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-top","t":"PanelTop","d":"PanelTop, the duotone drawing of panel-top on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-top","t":"PanelTop","d":"PanelTop, the fill drawing of panel-top on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-top-close","t":"PanelTopClose","d":"PanelTopClose, the stroke drawing of panel-top-close on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-top-close","t":"PanelTopClose","d":"PanelTopClose, the two-tone drawing of panel-top-close on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-top-close","t":"PanelTopClose","d":"PanelTopClose, the duotone drawing of panel-top-close on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-top-close","t":"PanelTopClose","d":"PanelTopClose, the fill drawing of panel-top-close on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-top-close","t":"PanelTopClose","d":"PanelTopClose, the stroke drawing of panel-top-close on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-top-close","t":"PanelTopClose","d":"PanelTopClose, the two-tone drawing of panel-top-close on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-top-close","t":"PanelTopClose","d":"PanelTopClose, the duotone drawing of panel-top-close on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-top-close","t":"PanelTopClose","d":"PanelTopClose, the fill drawing of panel-top-close on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-top-close-dashed","t":"PanelTopCloseDashed","d":"PanelTopCloseDashed, the stroke drawing of panel-top-close-dashed on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-top-close-dashed","t":"PanelTopCloseDashed","d":"PanelTopCloseDashed, the two-tone drawing of panel-top-close-dashed on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-top-close-dashed","t":"PanelTopCloseDashed","d":"PanelTopCloseDashed, the duotone drawing of panel-top-close-dashed on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-top-close-dashed","t":"PanelTopCloseDashed","d":"PanelTopCloseDashed, the fill drawing of panel-top-close-dashed on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-top-close-dashed","t":"PanelTopCloseDashed","d":"PanelTopCloseDashed, the stroke drawing of panel-top-close-dashed on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-top-close-dashed","t":"PanelTopCloseDashed","d":"PanelTopCloseDashed, the two-tone drawing of panel-top-close-dashed on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-top-close-dashed","t":"PanelTopCloseDashed","d":"PanelTopCloseDashed, the duotone drawing of panel-top-close-dashed on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-top-close-dashed","t":"PanelTopCloseDashed","d":"PanelTopCloseDashed, the fill drawing of panel-top-close-dashed on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-top-dashed","t":"PanelTopDashed","d":"PanelTopDashed, the stroke drawing of panel-top-dashed on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-top-dashed","t":"PanelTopDashed","d":"PanelTopDashed, the two-tone drawing of panel-top-dashed on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-top-dashed","t":"PanelTopDashed","d":"PanelTopDashed, the duotone drawing of panel-top-dashed on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-top-dashed","t":"PanelTopDashed","d":"PanelTopDashed, the fill drawing of panel-top-dashed on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-top-dashed","t":"PanelTopDashed","d":"PanelTopDashed, the stroke drawing of panel-top-dashed on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-top-dashed","t":"PanelTopDashed","d":"PanelTopDashed, the two-tone drawing of panel-top-dashed on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-top-dashed","t":"PanelTopDashed","d":"PanelTopDashed, the duotone drawing of panel-top-dashed on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-top-dashed","t":"PanelTopDashed","d":"PanelTopDashed, the fill drawing of panel-top-dashed on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-top-open","t":"PanelTopOpen","d":"PanelTopOpen, the stroke drawing of panel-top-open on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-top-open","t":"PanelTopOpen","d":"PanelTopOpen, the two-tone drawing of panel-top-open on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-top-open","t":"PanelTopOpen","d":"PanelTopOpen, the duotone drawing of panel-top-open on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-top-open","t":"PanelTopOpen","d":"PanelTopOpen, the fill drawing of panel-top-open on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-top-open","t":"PanelTopOpen","d":"PanelTopOpen, the stroke drawing of panel-top-open on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-top-open","t":"PanelTopOpen","d":"PanelTopOpen, the two-tone drawing of panel-top-open on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-top-open","t":"PanelTopOpen","d":"PanelTopOpen, the duotone drawing of panel-top-open on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-top-open","t":"PanelTopOpen","d":"PanelTopOpen, the fill drawing of panel-top-open on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panel-top-open-dashed","t":"PanelTopOpenDashed","d":"PanelTopOpenDashed, the stroke drawing of panel-top-open-dashed on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panel-top-open-dashed","t":"PanelTopOpenDashed","d":"PanelTopOpenDashed, the two-tone drawing of panel-top-open-dashed on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panel-top-open-dashed","t":"PanelTopOpenDashed","d":"PanelTopOpenDashed, the duotone drawing of panel-top-open-dashed on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panel-top-open-dashed","t":"PanelTopOpenDashed","d":"PanelTopOpenDashed, the fill drawing of panel-top-open-dashed on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panel-top-open-dashed","t":"PanelTopOpenDashed","d":"PanelTopOpenDashed, the stroke drawing of panel-top-open-dashed on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panel-top-open-dashed","t":"PanelTopOpenDashed","d":"PanelTopOpenDashed, the two-tone drawing of panel-top-open-dashed on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panel-top-open-dashed","t":"PanelTopOpenDashed","d":"PanelTopOpenDashed, the duotone drawing of panel-top-open-dashed on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panel-top-open-dashed","t":"PanelTopOpenDashed","d":"PanelTopOpenDashed, the fill drawing of panel-top-open-dashed on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panels-left-bottom","t":"PanelsLeftBottom","d":"PanelsLeftBottom, the stroke drawing of panels-left-bottom on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panels-left-bottom","t":"PanelsLeftBottom","d":"PanelsLeftBottom, the two-tone drawing of panels-left-bottom on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panels-left-bottom","t":"PanelsLeftBottom","d":"PanelsLeftBottom, the duotone drawing of panels-left-bottom on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panels-left-bottom","t":"PanelsLeftBottom","d":"PanelsLeftBottom, the fill drawing of panels-left-bottom on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panels-left-bottom","t":"PanelsLeftBottom","d":"PanelsLeftBottom, the stroke drawing of panels-left-bottom on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panels-left-bottom","t":"PanelsLeftBottom","d":"PanelsLeftBottom, the two-tone drawing of panels-left-bottom on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panels-left-bottom","t":"PanelsLeftBottom","d":"PanelsLeftBottom, the duotone drawing of panels-left-bottom on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panels-left-bottom","t":"PanelsLeftBottom","d":"PanelsLeftBottom, the fill drawing of panels-left-bottom on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panels-right-bottom","t":"PanelsRightBottom","d":"PanelsRightBottom, the stroke drawing of panels-right-bottom on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panels-right-bottom","t":"PanelsRightBottom","d":"PanelsRightBottom, the two-tone drawing of panels-right-bottom on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panels-right-bottom","t":"PanelsRightBottom","d":"PanelsRightBottom, the duotone drawing of panels-right-bottom on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panels-right-bottom","t":"PanelsRightBottom","d":"PanelsRightBottom, the fill drawing of panels-right-bottom on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panels-right-bottom","t":"PanelsRightBottom","d":"PanelsRightBottom, the stroke drawing of panels-right-bottom on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panels-right-bottom","t":"PanelsRightBottom","d":"PanelsRightBottom, the two-tone drawing of panels-right-bottom on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panels-right-bottom","t":"PanelsRightBottom","d":"PanelsRightBottom, the duotone drawing of panels-right-bottom on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panels-right-bottom","t":"PanelsRightBottom","d":"PanelsRightBottom, the fill drawing of panels-right-bottom on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:panels-top-left","t":"PanelsTopLeft","d":"PanelsTopLeft, the stroke drawing of panels-top-left on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/panels-top-left","t":"PanelsTopLeft","d":"PanelsTopLeft, the two-tone drawing of panels-top-left on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/panels-top-left","t":"PanelsTopLeft","d":"PanelsTopLeft, the duotone drawing of panels-top-left on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/panels-top-left","t":"PanelsTopLeft","d":"PanelsTopLeft, the fill drawing of panels-top-left on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/panels-top-left","t":"PanelsTopLeft","d":"PanelsTopLeft, the stroke drawing of panels-top-left on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/panels-top-left","t":"PanelsTopLeft","d":"PanelsTopLeft, the two-tone drawing of panels-top-left on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/panels-top-left","t":"PanelsTopLeft","d":"PanelsTopLeft, the duotone drawing of panels-top-left on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/panels-top-left","t":"PanelsTopLeft","d":"PanelsTopLeft, the fill drawing of panels-top-left on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:paper-bag","t":"PaperBag","d":"PaperBag, the stroke drawing of paper-bag on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/paper-bag","t":"PaperBag","d":"PaperBag, the two-tone drawing of paper-bag on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/paper-bag","t":"PaperBag","d":"PaperBag, the duotone drawing of paper-bag on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/paper-bag","t":"PaperBag","d":"PaperBag, the fill drawing of paper-bag on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/paper-bag","t":"PaperBag","d":"PaperBag, the stroke drawing of paper-bag on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/paper-bag","t":"PaperBag","d":"PaperBag, the two-tone drawing of paper-bag on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/paper-bag","t":"PaperBag","d":"PaperBag, the duotone drawing of paper-bag on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/paper-bag","t":"PaperBag","d":"PaperBag, the fill drawing of paper-bag on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:paper-bag-sparkles","t":"PaperBagSparkles","d":"PaperBagSparkles, the stroke drawing of paper-bag-sparkles on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/paper-bag-sparkles","t":"PaperBagSparkles","d":"PaperBagSparkles, the two-tone drawing of paper-bag-sparkles on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/paper-bag-sparkles","t":"PaperBagSparkles","d":"PaperBagSparkles, the duotone drawing of paper-bag-sparkles on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/paper-bag-sparkles","t":"PaperBagSparkles","d":"PaperBagSparkles, the fill drawing of paper-bag-sparkles on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/paper-bag-sparkles","t":"PaperBagSparkles","d":"PaperBagSparkles, the stroke drawing of paper-bag-sparkles on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/paper-bag-sparkles","t":"PaperBagSparkles","d":"PaperBagSparkles, the two-tone drawing of paper-bag-sparkles on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/paper-bag-sparkles","t":"PaperBagSparkles","d":"PaperBagSparkles, the duotone drawing of paper-bag-sparkles on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/paper-bag-sparkles","t":"PaperBagSparkles","d":"PaperBagSparkles, the fill drawing of paper-bag-sparkles on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:paperclip","t":"Paperclip","d":"Paperclip, the stroke drawing of paperclip on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/paperclip","t":"Paperclip","d":"Paperclip, the two-tone drawing of paperclip on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/paperclip","t":"Paperclip","d":"Paperclip, the duotone drawing of paperclip on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/paperclip","t":"Paperclip","d":"Paperclip, the fill drawing of paperclip on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/paperclip","t":"Paperclip","d":"Paperclip, the stroke drawing of paperclip on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/paperclip","t":"Paperclip","d":"Paperclip, the two-tone drawing of paperclip on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/paperclip","t":"Paperclip","d":"Paperclip, the duotone drawing of paperclip on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/paperclip","t":"Paperclip","d":"Paperclip, the fill drawing of paperclip on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:parasol","t":"Parasol","d":"Parasol, the stroke drawing of parasol on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/parasol","t":"Parasol","d":"Parasol, the two-tone drawing of parasol on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/parasol","t":"Parasol","d":"Parasol, the duotone drawing of parasol on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/parasol","t":"Parasol","d":"Parasol, the fill drawing of parasol on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/parasol","t":"Parasol","d":"Parasol, the stroke drawing of parasol on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/parasol","t":"Parasol","d":"Parasol, the two-tone drawing of parasol on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/parasol","t":"Parasol","d":"Parasol, the duotone drawing of parasol on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/parasol","t":"Parasol","d":"Parasol, the fill drawing of parasol on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:parentheses","t":"Parentheses","d":"Parentheses, the stroke drawing of parentheses on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/parentheses","t":"Parentheses","d":"Parentheses, the two-tone drawing of parentheses on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/parentheses","t":"Parentheses","d":"Parentheses, the duotone drawing of parentheses on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/parentheses","t":"Parentheses","d":"Parentheses, the fill drawing of parentheses on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/parentheses","t":"Parentheses","d":"Parentheses, the stroke drawing of parentheses on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/parentheses","t":"Parentheses","d":"Parentheses, the two-tone drawing of parentheses on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/parentheses","t":"Parentheses","d":"Parentheses, the duotone drawing of parentheses on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/parentheses","t":"Parentheses","d":"Parentheses, the fill drawing of parentheses on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:paste","t":"Paste","d":"Paste, the stroke drawing of paste on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/paste","t":"Paste","d":"Paste, the two-tone drawing of paste on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/paste","t":"Paste","d":"Paste, the duotone drawing of paste on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/paste","t":"Paste","d":"Paste, the fill drawing of paste on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/paste","t":"Paste","d":"Paste, the stroke drawing of paste on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/paste","t":"Paste","d":"Paste, the two-tone drawing of paste on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/paste","t":"Paste","d":"Paste, the duotone drawing of paste on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/paste","t":"Paste","d":"Paste, the fill drawing of paste on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-pause","t":"CirclePause","d":"CirclePause, the stroke drawing of circle-pause on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-pause","t":"CirclePause","d":"CirclePause, the two-tone drawing of circle-pause on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-pause","t":"CirclePause","d":"CirclePause, the duotone drawing of circle-pause on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-pause","t":"CirclePause","d":"CirclePause, the fill drawing of circle-pause on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-pause","t":"CirclePause","d":"CirclePause, the stroke drawing of circle-pause on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-pause","t":"CirclePause","d":"CirclePause, the two-tone drawing of circle-pause on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-pause","t":"CirclePause","d":"CirclePause, the duotone drawing of circle-pause on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-pause","t":"CirclePause","d":"CirclePause, the fill drawing of circle-pause on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:pause","t":"Pause","d":"Pause, the stroke drawing of pause on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/pause","t":"Pause","d":"Pause, the two-tone drawing of pause on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/pause","t":"Pause","d":"Pause, the duotone drawing of pause on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/pause","t":"Pause","d":"Pause, the fill drawing of pause on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/pause","t":"Pause","d":"Pause, the stroke drawing of pause on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/pause","t":"Pause","d":"Pause, the two-tone drawing of pause on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/pause","t":"Pause","d":"Pause, the duotone drawing of pause on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/pause","t":"Pause","d":"Pause, the fill drawing of pause on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-pause","t":"SquarePause","d":"SquarePause, the stroke drawing of square-pause on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-pause","t":"SquarePause","d":"SquarePause, the two-tone drawing of square-pause on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-pause","t":"SquarePause","d":"SquarePause, the duotone drawing of square-pause on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-pause","t":"SquarePause","d":"SquarePause, the fill drawing of square-pause on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-pause","t":"SquarePause","d":"SquarePause, the stroke drawing of square-pause on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-pause","t":"SquarePause","d":"SquarePause, the two-tone drawing of square-pause on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-pause","t":"SquarePause","d":"SquarePause, the duotone drawing of square-pause on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-pause","t":"SquarePause","d":"SquarePause, the fill drawing of square-pause on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:paw-print","t":"PawPrint","d":"PawPrint, the stroke drawing of paw-print on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/paw-print","t":"PawPrint","d":"PawPrint, the two-tone drawing of paw-print on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/paw-print","t":"PawPrint","d":"PawPrint, the duotone drawing of paw-print on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/paw-print","t":"PawPrint","d":"PawPrint, the fill drawing of paw-print on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/paw-print","t":"PawPrint","d":"PawPrint, the stroke drawing of paw-print on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/paw-print","t":"PawPrint","d":"PawPrint, the two-tone drawing of paw-print on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/paw-print","t":"PawPrint","d":"PawPrint, the duotone drawing of paw-print on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/paw-print","t":"PawPrint","d":"PawPrint, the fill drawing of paw-print on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:pen","t":"Pen","d":"Pen, the stroke drawing of pen on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/pen","t":"Pen","d":"Pen, the two-tone drawing of pen on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/pen","t":"Pen","d":"Pen, the duotone drawing of pen on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/pen","t":"Pen","d":"Pen, the fill drawing of pen on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/pen","t":"Pen","d":"Pen, the stroke drawing of pen on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/pen","t":"Pen","d":"Pen, the two-tone drawing of pen on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/pen","t":"Pen","d":"Pen, the duotone drawing of pen on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/pen","t":"Pen","d":"Pen, the fill drawing of pen on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:pen-line","t":"PenLine","d":"PenLine, the stroke drawing of pen-line on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:two-tone/pen-line","t":"PenLine","d":"PenLine, the two-tone drawing of pen-line on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/pen-line","t":"PenLine","d":"PenLine, the duotone drawing of pen-line on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/pen-line","t":"PenLine","d":"PenLine, the fill drawing of pen-line on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/pen-line","t":"PenLine","d":"PenLine, the stroke drawing of pen-line on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/two-tone/pen-line","t":"PenLine","d":"PenLine, the two-tone drawing of pen-line on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/pen-line","t":"PenLine","d":"PenLine, the duotone drawing of pen-line on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/pen-line","t":"PenLine","d":"PenLine, the fill drawing of pen-line on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:pen-off","t":"PenOff","d":"PenOff, the stroke drawing of pen-off on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/pen-off","t":"PenOff","d":"PenOff, the two-tone drawing of pen-off on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/pen-off","t":"PenOff","d":"PenOff, the duotone drawing of pen-off on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/pen-off","t":"PenOff","d":"PenOff, the fill drawing of pen-off on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/pen-off","t":"PenOff","d":"PenOff, the stroke drawing of pen-off on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/pen-off","t":"PenOff","d":"PenOff, the two-tone drawing of pen-off on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/pen-off","t":"PenOff","d":"PenOff, the duotone drawing of pen-off on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/pen-off","t":"PenOff","d":"PenOff, the fill drawing of pen-off on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:pen-sparkles","t":"PenSparkles","d":"PenSparkles, the stroke drawing of pen-sparkles on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/pen-sparkles","t":"PenSparkles","d":"PenSparkles, the two-tone drawing of pen-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/pen-sparkles","t":"PenSparkles","d":"PenSparkles, the duotone drawing of pen-sparkles on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/pen-sparkles","t":"PenSparkles","d":"PenSparkles, the fill drawing of pen-sparkles on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/pen-sparkles","t":"PenSparkles","d":"PenSparkles, the stroke drawing of pen-sparkles on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/pen-sparkles","t":"PenSparkles","d":"PenSparkles, the two-tone drawing of pen-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/pen-sparkles","t":"PenSparkles","d":"PenSparkles, the duotone drawing of pen-sparkles on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/pen-sparkles","t":"PenSparkles","d":"PenSparkles, the fill drawing of pen-sparkles on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:pencil-ruler","t":"PencilRuler","d":"PencilRuler, the stroke drawing of pencil-ruler on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/pencil-ruler","t":"PencilRuler","d":"PencilRuler, the two-tone drawing of pencil-ruler on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/pencil-ruler","t":"PencilRuler","d":"PencilRuler, the duotone drawing of pencil-ruler on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/pencil-ruler","t":"PencilRuler","d":"PencilRuler, the fill drawing of pencil-ruler on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/pencil-ruler","t":"PencilRuler","d":"PencilRuler, the stroke drawing of pencil-ruler on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/pencil-ruler","t":"PencilRuler","d":"PencilRuler, the two-tone drawing of pencil-ruler on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/pencil-ruler","t":"PencilRuler","d":"PencilRuler, the duotone drawing of pencil-ruler on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/pencil-ruler","t":"PencilRuler","d":"PencilRuler, the fill drawing of pencil-ruler on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-percent","t":"CirclePercent","d":"CirclePercent, the stroke drawing of circle-percent on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-percent","t":"CirclePercent","d":"CirclePercent, the two-tone drawing of circle-percent on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-percent","t":"CirclePercent","d":"CirclePercent, the duotone drawing of circle-percent on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-percent","t":"CirclePercent","d":"CirclePercent, the fill drawing of circle-percent on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-percent","t":"CirclePercent","d":"CirclePercent, the stroke drawing of circle-percent on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-percent","t":"CirclePercent","d":"CirclePercent, the two-tone drawing of circle-percent on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-percent","t":"CirclePercent","d":"CirclePercent, the duotone drawing of circle-percent on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-percent","t":"CirclePercent","d":"CirclePercent, the fill drawing of circle-percent on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:percent","t":"Percent","d":"Percent, the stroke drawing of percent on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/percent","t":"Percent","d":"Percent, the two-tone drawing of percent on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/percent","t":"Percent","d":"Percent, the duotone drawing of percent on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/percent","t":"Percent","d":"Percent, the fill drawing of percent on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/percent","t":"Percent","d":"Percent, the stroke drawing of percent on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/percent","t":"Percent","d":"Percent, the two-tone drawing of percent on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/percent","t":"Percent","d":"Percent, the duotone drawing of percent on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/percent","t":"Percent","d":"Percent, the fill drawing of percent on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-percent","t":"SquarePercent","d":"SquarePercent, the stroke drawing of square-percent on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-percent","t":"SquarePercent","d":"SquarePercent, the two-tone drawing of square-percent on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-percent","t":"SquarePercent","d":"SquarePercent, the duotone drawing of square-percent on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-percent","t":"SquarePercent","d":"SquarePercent, the fill drawing of square-percent on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-percent","t":"SquarePercent","d":"SquarePercent, the stroke drawing of square-percent on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-percent","t":"SquarePercent","d":"SquarePercent, the two-tone drawing of square-percent on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-percent","t":"SquarePercent","d":"SquarePercent, the duotone drawing of square-percent on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-percent","t":"SquarePercent","d":"SquarePercent, the fill drawing of square-percent on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:phone","t":"Phone","d":"Phone, the stroke drawing of phone on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/phone","t":"Phone","d":"Phone, the two-tone drawing of phone on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/phone","t":"Phone","d":"Phone, the duotone drawing of phone on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/phone","t":"Phone","d":"Phone, the fill drawing of phone on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/phone","t":"Phone","d":"Phone, the stroke drawing of phone on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/phone","t":"Phone","d":"Phone, the two-tone drawing of phone on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/phone","t":"Phone","d":"Phone, the duotone drawing of phone on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/phone","t":"Phone","d":"Phone, the fill drawing of phone on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:phone-call","t":"PhoneCall","d":"PhoneCall, the stroke drawing of phone-call on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/phone-call","t":"PhoneCall","d":"PhoneCall, the two-tone drawing of phone-call on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/phone-call","t":"PhoneCall","d":"PhoneCall, the duotone drawing of phone-call on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/phone-call","t":"PhoneCall","d":"PhoneCall, the fill drawing of phone-call on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/phone-call","t":"PhoneCall","d":"PhoneCall, the stroke drawing of phone-call on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/phone-call","t":"PhoneCall","d":"PhoneCall, the two-tone drawing of phone-call on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/phone-call","t":"PhoneCall","d":"PhoneCall, the duotone drawing of phone-call on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/phone-call","t":"PhoneCall","d":"PhoneCall, the fill drawing of phone-call on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:phone-forwarded","t":"PhoneForwarded","d":"PhoneForwarded, the stroke drawing of phone-forwarded on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/phone-forwarded","t":"PhoneForwarded","d":"PhoneForwarded, the two-tone drawing of phone-forwarded on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/phone-forwarded","t":"PhoneForwarded","d":"PhoneForwarded, the duotone drawing of phone-forwarded on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/phone-forwarded","t":"PhoneForwarded","d":"PhoneForwarded, the fill drawing of phone-forwarded on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/phone-forwarded","t":"PhoneForwarded","d":"PhoneForwarded, the stroke drawing of phone-forwarded on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/phone-forwarded","t":"PhoneForwarded","d":"PhoneForwarded, the two-tone drawing of phone-forwarded on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/phone-forwarded","t":"PhoneForwarded","d":"PhoneForwarded, the duotone drawing of phone-forwarded on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/phone-forwarded","t":"PhoneForwarded","d":"PhoneForwarded, the fill drawing of phone-forwarded on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:phone-incoming","t":"PhoneIncoming","d":"PhoneIncoming, the stroke drawing of phone-incoming on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/phone-incoming","t":"PhoneIncoming","d":"PhoneIncoming, the two-tone drawing of phone-incoming on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/phone-incoming","t":"PhoneIncoming","d":"PhoneIncoming, the duotone drawing of phone-incoming on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/phone-incoming","t":"PhoneIncoming","d":"PhoneIncoming, the fill drawing of phone-incoming on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/phone-incoming","t":"PhoneIncoming","d":"PhoneIncoming, the stroke drawing of phone-incoming on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/phone-incoming","t":"PhoneIncoming","d":"PhoneIncoming, the two-tone drawing of phone-incoming on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/phone-incoming","t":"PhoneIncoming","d":"PhoneIncoming, the duotone drawing of phone-incoming on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/phone-incoming","t":"PhoneIncoming","d":"PhoneIncoming, the fill drawing of phone-incoming on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:phone-missed","t":"PhoneMissed","d":"PhoneMissed, the stroke drawing of phone-missed on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/phone-missed","t":"PhoneMissed","d":"PhoneMissed, the two-tone drawing of phone-missed on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/phone-missed","t":"PhoneMissed","d":"PhoneMissed, the duotone drawing of phone-missed on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/phone-missed","t":"PhoneMissed","d":"PhoneMissed, the fill drawing of phone-missed on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/phone-missed","t":"PhoneMissed","d":"PhoneMissed, the stroke drawing of phone-missed on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/phone-missed","t":"PhoneMissed","d":"PhoneMissed, the two-tone drawing of phone-missed on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/phone-missed","t":"PhoneMissed","d":"PhoneMissed, the duotone drawing of phone-missed on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/phone-missed","t":"PhoneMissed","d":"PhoneMissed, the fill drawing of phone-missed on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:phone-off","t":"PhoneOff","d":"PhoneOff, the stroke drawing of phone-off on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/phone-off","t":"PhoneOff","d":"PhoneOff, the two-tone drawing of phone-off on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/phone-off","t":"PhoneOff","d":"PhoneOff, the duotone drawing of phone-off on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/phone-off","t":"PhoneOff","d":"PhoneOff, the fill drawing of phone-off on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/phone-off","t":"PhoneOff","d":"PhoneOff, the stroke drawing of phone-off on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/phone-off","t":"PhoneOff","d":"PhoneOff, the two-tone drawing of phone-off on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/phone-off","t":"PhoneOff","d":"PhoneOff, the duotone drawing of phone-off on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/phone-off","t":"PhoneOff","d":"PhoneOff, the fill drawing of phone-off on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:phone-outgoing","t":"PhoneOutgoing","d":"PhoneOutgoing, the stroke drawing of phone-outgoing on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/phone-outgoing","t":"PhoneOutgoing","d":"PhoneOutgoing, the two-tone drawing of phone-outgoing on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/phone-outgoing","t":"PhoneOutgoing","d":"PhoneOutgoing, the duotone drawing of phone-outgoing on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/phone-outgoing","t":"PhoneOutgoing","d":"PhoneOutgoing, the fill drawing of phone-outgoing on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/phone-outgoing","t":"PhoneOutgoing","d":"PhoneOutgoing, the stroke drawing of phone-outgoing on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/phone-outgoing","t":"PhoneOutgoing","d":"PhoneOutgoing, the two-tone drawing of phone-outgoing on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/phone-outgoing","t":"PhoneOutgoing","d":"PhoneOutgoing, the duotone drawing of phone-outgoing on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/phone-outgoing","t":"PhoneOutgoing","d":"PhoneOutgoing, the fill drawing of phone-outgoing on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:phone-sparkles","t":"PhoneSparkles","d":"PhoneSparkles, the stroke drawing of phone-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/phone-sparkles","t":"PhoneSparkles","d":"PhoneSparkles, the two-tone drawing of phone-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/phone-sparkles","t":"PhoneSparkles","d":"PhoneSparkles, the duotone drawing of phone-sparkles on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/phone-sparkles","t":"PhoneSparkles","d":"PhoneSparkles, the fill drawing of phone-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/phone-sparkles","t":"PhoneSparkles","d":"PhoneSparkles, the stroke drawing of phone-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/phone-sparkles","t":"PhoneSparkles","d":"PhoneSparkles, the two-tone drawing of phone-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/phone-sparkles","t":"PhoneSparkles","d":"PhoneSparkles, the duotone drawing of phone-sparkles on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/phone-sparkles","t":"PhoneSparkles","d":"PhoneSparkles, the fill drawing of phone-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:picture-in-picture","t":"PictureInPicture","d":"PictureInPicture, the stroke drawing of picture-in-picture on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/picture-in-picture","t":"PictureInPicture","d":"PictureInPicture, the two-tone drawing of picture-in-picture on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/picture-in-picture","t":"PictureInPicture","d":"PictureInPicture, the duotone drawing of picture-in-picture on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/picture-in-picture","t":"PictureInPicture","d":"PictureInPicture, the fill drawing of picture-in-picture on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/picture-in-picture","t":"PictureInPicture","d":"PictureInPicture, the stroke drawing of picture-in-picture on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/picture-in-picture","t":"PictureInPicture","d":"PictureInPicture, the two-tone drawing of picture-in-picture on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/picture-in-picture","t":"PictureInPicture","d":"PictureInPicture, the duotone drawing of picture-in-picture on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/picture-in-picture","t":"PictureInPicture","d":"PictureInPicture, the fill drawing of picture-in-picture on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:pig","t":"Pig","d":"Pig, the stroke drawing of pig on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/pig","t":"Pig","d":"Pig, the two-tone drawing of pig on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/pig","t":"Pig","d":"Pig, the duotone drawing of pig on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/pig","t":"Pig","d":"Pig, the fill drawing of pig on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/pig","t":"Pig","d":"Pig, the stroke drawing of pig on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/pig","t":"Pig","d":"Pig, the two-tone drawing of pig on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/pig","t":"Pig","d":"Pig, the duotone drawing of pig on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/pig","t":"Pig","d":"Pig, the fill drawing of pig on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:piggy-bank","t":"PiggyBank","d":"PiggyBank, the stroke drawing of piggy-bank on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/piggy-bank","t":"PiggyBank","d":"PiggyBank, the two-tone drawing of piggy-bank on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/piggy-bank","t":"PiggyBank","d":"PiggyBank, the duotone drawing of piggy-bank on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/piggy-bank","t":"PiggyBank","d":"PiggyBank, the fill drawing of piggy-bank on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/piggy-bank","t":"PiggyBank","d":"PiggyBank, the stroke drawing of piggy-bank on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/piggy-bank","t":"PiggyBank","d":"PiggyBank, the two-tone drawing of piggy-bank on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/piggy-bank","t":"PiggyBank","d":"PiggyBank, the duotone drawing of piggy-bank on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/piggy-bank","t":"PiggyBank","d":"PiggyBank, the fill drawing of piggy-bank on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:pill","t":"Pill","d":"Pill, the stroke drawing of pill on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/pill","t":"Pill","d":"Pill, the two-tone drawing of pill on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/pill","t":"Pill","d":"Pill, the duotone drawing of pill on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/pill","t":"Pill","d":"Pill, the fill drawing of pill on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/pill","t":"Pill","d":"Pill, the stroke drawing of pill on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/pill","t":"Pill","d":"Pill, the two-tone drawing of pill on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/pill","t":"Pill","d":"Pill, the duotone drawing of pill on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/pill","t":"Pill","d":"Pill, the fill drawing of pill on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:pin","t":"Pin","d":"Pin, the stroke drawing of pin on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/pin","t":"Pin","d":"Pin, the two-tone drawing of pin on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/pin","t":"Pin","d":"Pin, the duotone drawing of pin on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/pin","t":"Pin","d":"Pin, the fill drawing of pin on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/pin","t":"Pin","d":"Pin, the stroke drawing of pin on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/pin","t":"Pin","d":"Pin, the two-tone drawing of pin on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/pin","t":"Pin","d":"Pin, the duotone drawing of pin on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/pin","t":"Pin","d":"Pin, the fill drawing of pin on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:pin-off","t":"PinOff","d":"PinOff, the stroke drawing of pin-off on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/pin-off","t":"PinOff","d":"PinOff, the two-tone drawing of pin-off on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/pin-off","t":"PinOff","d":"PinOff, the duotone drawing of pin-off on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/pin-off","t":"PinOff","d":"PinOff, the fill drawing of pin-off on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/pin-off","t":"PinOff","d":"PinOff, the stroke drawing of pin-off on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/pin-off","t":"PinOff","d":"PinOff, the two-tone drawing of pin-off on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/pin-off","t":"PinOff","d":"PinOff, the duotone drawing of pin-off on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/pin-off","t":"PinOff","d":"PinOff, the fill drawing of pin-off on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:plane","t":"Plane","d":"Plane, the stroke drawing of plane on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/plane","t":"Plane","d":"Plane, the two-tone drawing of plane on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/plane","t":"Plane","d":"Plane, the duotone drawing of plane on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/plane","t":"Plane","d":"Plane, the fill drawing of plane on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/plane","t":"Plane","d":"Plane, the stroke drawing of plane on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/plane","t":"Plane","d":"Plane, the two-tone drawing of plane on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/plane","t":"Plane","d":"Plane, the duotone drawing of plane on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/plane","t":"Plane","d":"Plane, the fill drawing of plane on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:plane-landing","t":"PlaneLanding","d":"PlaneLanding, the stroke drawing of plane-landing on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/plane-landing","t":"PlaneLanding","d":"PlaneLanding, the two-tone drawing of plane-landing on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/plane-landing","t":"PlaneLanding","d":"PlaneLanding, the duotone drawing of plane-landing on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/plane-landing","t":"PlaneLanding","d":"PlaneLanding, the fill drawing of plane-landing on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/plane-landing","t":"PlaneLanding","d":"PlaneLanding, the stroke drawing of plane-landing on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/plane-landing","t":"PlaneLanding","d":"PlaneLanding, the two-tone drawing of plane-landing on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/plane-landing","t":"PlaneLanding","d":"PlaneLanding, the duotone drawing of plane-landing on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/plane-landing","t":"PlaneLanding","d":"PlaneLanding, the fill drawing of plane-landing on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:plane-takeoff","t":"PlaneTakeoff","d":"PlaneTakeoff, the stroke drawing of plane-takeoff on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/plane-takeoff","t":"PlaneTakeoff","d":"PlaneTakeoff, the two-tone drawing of plane-takeoff on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/plane-takeoff","t":"PlaneTakeoff","d":"PlaneTakeoff, the duotone drawing of plane-takeoff on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/plane-takeoff","t":"PlaneTakeoff","d":"PlaneTakeoff, the fill drawing of plane-takeoff on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/plane-takeoff","t":"PlaneTakeoff","d":"PlaneTakeoff, the stroke drawing of plane-takeoff on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/plane-takeoff","t":"PlaneTakeoff","d":"PlaneTakeoff, the two-tone drawing of plane-takeoff on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/plane-takeoff","t":"PlaneTakeoff","d":"PlaneTakeoff, the duotone drawing of plane-takeoff on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/plane-takeoff","t":"PlaneTakeoff","d":"PlaneTakeoff, the fill drawing of plane-takeoff on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-play","t":"CirclePlay","d":"CirclePlay, the stroke drawing of circle-play on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-play","t":"CirclePlay","d":"CirclePlay, the two-tone drawing of circle-play on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-play","t":"CirclePlay","d":"CirclePlay, the duotone drawing of circle-play on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-play","t":"CirclePlay","d":"CirclePlay, the fill drawing of circle-play on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-play","t":"CirclePlay","d":"CirclePlay, the stroke drawing of circle-play on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-play","t":"CirclePlay","d":"CirclePlay, the two-tone drawing of circle-play on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-play","t":"CirclePlay","d":"CirclePlay, the duotone drawing of circle-play on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-play","t":"CirclePlay","d":"CirclePlay, the fill drawing of circle-play on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:play","t":"Play","d":"Play, the stroke drawing of play on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/play","t":"Play","d":"Play, the two-tone drawing of play on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/play","t":"Play","d":"Play, the duotone drawing of play on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/play","t":"Play","d":"Play, the fill drawing of play on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/play","t":"Play","d":"Play, the stroke drawing of play on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/play","t":"Play","d":"Play, the two-tone drawing of play on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/play","t":"Play","d":"Play, the duotone drawing of play on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/play","t":"Play","d":"Play, the fill drawing of play on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-play","t":"SquarePlay","d":"SquarePlay, the stroke drawing of square-play on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-play","t":"SquarePlay","d":"SquarePlay, the two-tone drawing of square-play on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-play","t":"SquarePlay","d":"SquarePlay, the duotone drawing of square-play on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-play","t":"SquarePlay","d":"SquarePlay, the fill drawing of square-play on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-play","t":"SquarePlay","d":"SquarePlay, the stroke drawing of square-play on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-play","t":"SquarePlay","d":"SquarePlay, the two-tone drawing of square-play on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-play","t":"SquarePlay","d":"SquarePlay, the duotone drawing of square-play on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-play","t":"SquarePlay","d":"SquarePlay, the fill drawing of square-play on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-play-off","t":"CirclePlayOff","d":"CirclePlayOff, the stroke drawing of circle-play-off on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-play-off","t":"CirclePlayOff","d":"CirclePlayOff, the two-tone drawing of circle-play-off on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-play-off","t":"CirclePlayOff","d":"CirclePlayOff, the duotone drawing of circle-play-off on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-play-off","t":"CirclePlayOff","d":"CirclePlayOff, the fill drawing of circle-play-off on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-play-off","t":"CirclePlayOff","d":"CirclePlayOff, the stroke drawing of circle-play-off on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-play-off","t":"CirclePlayOff","d":"CirclePlayOff, the two-tone drawing of circle-play-off on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-play-off","t":"CirclePlayOff","d":"CirclePlayOff, the duotone drawing of circle-play-off on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-play-off","t":"CirclePlayOff","d":"CirclePlayOff, the fill drawing of circle-play-off on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:play-off","t":"PlayOff","d":"PlayOff, the stroke drawing of play-off on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/play-off","t":"PlayOff","d":"PlayOff, the two-tone drawing of play-off on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/play-off","t":"PlayOff","d":"PlayOff, the duotone drawing of play-off on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/play-off","t":"PlayOff","d":"PlayOff, the fill drawing of play-off on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/play-off","t":"PlayOff","d":"PlayOff, the stroke drawing of play-off on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/play-off","t":"PlayOff","d":"PlayOff, the two-tone drawing of play-off on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/play-off","t":"PlayOff","d":"PlayOff, the duotone drawing of play-off on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/play-off","t":"PlayOff","d":"PlayOff, the fill drawing of play-off on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-play-off","t":"SquarePlayOff","d":"SquarePlayOff, the stroke drawing of square-play-off on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-play-off","t":"SquarePlayOff","d":"SquarePlayOff, the two-tone drawing of square-play-off on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-play-off","t":"SquarePlayOff","d":"SquarePlayOff, the duotone drawing of square-play-off on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-play-off","t":"SquarePlayOff","d":"SquarePlayOff, the fill drawing of square-play-off on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-play-off","t":"SquarePlayOff","d":"SquarePlayOff, the stroke drawing of square-play-off on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-play-off","t":"SquarePlayOff","d":"SquarePlayOff, the two-tone drawing of square-play-off on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-play-off","t":"SquarePlayOff","d":"SquarePlayOff, the duotone drawing of square-play-off on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-play-off","t":"SquarePlayOff","d":"SquarePlayOff, the fill drawing of square-play-off on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:plug","t":"Plug","d":"Plug, the stroke drawing of plug on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/plug","t":"Plug","d":"Plug, the two-tone drawing of plug on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/plug","t":"Plug","d":"Plug, the duotone drawing of plug on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/plug","t":"Plug","d":"Plug, the fill drawing of plug on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/plug","t":"Plug","d":"Plug, the stroke drawing of plug on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/plug","t":"Plug","d":"Plug, the two-tone drawing of plug on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/plug","t":"Plug","d":"Plug, the duotone drawing of plug on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/plug","t":"Plug","d":"Plug, the fill drawing of plug on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-plus","t":"CirclePlus","d":"CirclePlus, the stroke drawing of circle-plus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-plus","t":"CirclePlus","d":"CirclePlus, the two-tone drawing of circle-plus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-plus","t":"CirclePlus","d":"CirclePlus, the duotone drawing of circle-plus on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-plus","t":"CirclePlus","d":"CirclePlus, the fill drawing of circle-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-plus","t":"CirclePlus","d":"CirclePlus, the stroke drawing of circle-plus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-plus","t":"CirclePlus","d":"CirclePlus, the two-tone drawing of circle-plus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-plus","t":"CirclePlus","d":"CirclePlus, the duotone drawing of circle-plus on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-plus","t":"CirclePlus","d":"CirclePlus, the fill drawing of circle-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:plus","t":"Plus","d":"Plus, the stroke drawing of plus on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/plus","t":"Plus","d":"Plus, the two-tone drawing of plus on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/plus","t":"Plus","d":"Plus, the duotone drawing of plus on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/plus","t":"Plus","d":"Plus, the fill drawing of plus on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/plus","t":"Plus","d":"Plus, the stroke drawing of plus on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/plus","t":"Plus","d":"Plus, the two-tone drawing of plus on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/plus","t":"Plus","d":"Plus, the duotone drawing of plus on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/plus","t":"Plus","d":"Plus, the fill drawing of plus on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-plus","t":"SquarePlus","d":"SquarePlus, the stroke drawing of square-plus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-plus","t":"SquarePlus","d":"SquarePlus, the two-tone drawing of square-plus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-plus","t":"SquarePlus","d":"SquarePlus, the duotone drawing of square-plus on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-plus","t":"SquarePlus","d":"SquarePlus, the fill drawing of square-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-plus","t":"SquarePlus","d":"SquarePlus, the stroke drawing of square-plus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-plus","t":"SquarePlus","d":"SquarePlus, the two-tone drawing of square-plus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-plus","t":"SquarePlus","d":"SquarePlus, the duotone drawing of square-plus on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-plus","t":"SquarePlus","d":"SquarePlus, the fill drawing of square-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:podcast","t":"Podcast","d":"Podcast, the stroke drawing of podcast on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/podcast","t":"Podcast","d":"Podcast, the two-tone drawing of podcast on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/podcast","t":"Podcast","d":"Podcast, the duotone drawing of podcast on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/podcast","t":"Podcast","d":"Podcast, the fill drawing of podcast on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/podcast","t":"Podcast","d":"Podcast, the stroke drawing of podcast on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/podcast","t":"Podcast","d":"Podcast, the two-tone drawing of podcast on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/podcast","t":"Podcast","d":"Podcast, the duotone drawing of podcast on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/podcast","t":"Podcast","d":"Podcast, the fill drawing of podcast on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:podium","t":"Podium","d":"Podium, the stroke drawing of podium on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","vn":24,"hc":1},{"id":"keyline:two-tone/podium","t":"Podium","d":"Podium, the two-tone drawing of podium on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/podium","t":"Podium","d":"Podium, the duotone drawing of podium on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/podium","t":"Podium","d":"Podium, the fill drawing of podium on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/podium","t":"Podium","d":"Podium, the stroke drawing of podium on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/podium","t":"Podium","d":"Podium, the two-tone drawing of podium on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/podium","t":"Podium","d":"Podium, the duotone drawing of podium on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/podium","t":"Podium","d":"Podium, the fill drawing of podium on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-pound-sterling","t":"CirclePoundSterling","d":"CirclePoundSterling, the stroke drawing of circle-pound-sterling on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-pound-sterling","t":"CirclePoundSterling","d":"CirclePoundSterling, the two-tone drawing of circle-pound-sterling on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-pound-sterling","t":"CirclePoundSterling","d":"CirclePoundSterling, the duotone drawing of circle-pound-sterling on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-pound-sterling","t":"CirclePoundSterling","d":"CirclePoundSterling, the fill drawing of circle-pound-sterling on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-pound-sterling","t":"CirclePoundSterling","d":"CirclePoundSterling, the stroke drawing of circle-pound-sterling on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-pound-sterling","t":"CirclePoundSterling","d":"CirclePoundSterling, the two-tone drawing of circle-pound-sterling on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-pound-sterling","t":"CirclePoundSterling","d":"CirclePoundSterling, the duotone drawing of circle-pound-sterling on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-pound-sterling","t":"CirclePoundSterling","d":"CirclePoundSterling, the fill drawing of circle-pound-sterling on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:pound-sterling","t":"PoundSterling","d":"PoundSterling, the stroke drawing of pound-sterling on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/pound-sterling","t":"PoundSterling","d":"PoundSterling, the two-tone drawing of pound-sterling on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/pound-sterling","t":"PoundSterling","d":"PoundSterling, the duotone drawing of pound-sterling on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/pound-sterling","t":"PoundSterling","d":"PoundSterling, the fill drawing of pound-sterling on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/pound-sterling","t":"PoundSterling","d":"PoundSterling, the stroke drawing of pound-sterling on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/pound-sterling","t":"PoundSterling","d":"PoundSterling, the two-tone drawing of pound-sterling on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/pound-sterling","t":"PoundSterling","d":"PoundSterling, the duotone drawing of pound-sterling on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/pound-sterling","t":"PoundSterling","d":"PoundSterling, the fill drawing of pound-sterling on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:power","t":"Power","d":"Power, the stroke drawing of power on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/power","t":"Power","d":"Power, the two-tone drawing of power on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/power","t":"Power","d":"Power, the duotone drawing of power on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/power","t":"Power","d":"Power, the fill drawing of power on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/power","t":"Power","d":"Power, the stroke drawing of power on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/power","t":"Power","d":"Power, the two-tone drawing of power on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/power","t":"Power","d":"Power, the duotone drawing of power on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/power","t":"Power","d":"Power, the fill drawing of power on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:power-off","t":"PowerOff","d":"PowerOff, the stroke drawing of power-off on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/power-off","t":"PowerOff","d":"PowerOff, the two-tone drawing of power-off on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/power-off","t":"PowerOff","d":"PowerOff, the duotone drawing of power-off on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/power-off","t":"PowerOff","d":"PowerOff, the fill drawing of power-off on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/power-off","t":"PowerOff","d":"PowerOff, the stroke drawing of power-off on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/power-off","t":"PowerOff","d":"PowerOff, the two-tone drawing of power-off on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/power-off","t":"PowerOff","d":"PowerOff, the duotone drawing of power-off on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/power-off","t":"PowerOff","d":"PowerOff, the fill drawing of power-off on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:printer","t":"Printer","d":"Printer, the stroke drawing of printer on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/printer","t":"Printer","d":"Printer, the two-tone drawing of printer on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/printer","t":"Printer","d":"Printer, the duotone drawing of printer on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/printer","t":"Printer","d":"Printer, the fill drawing of printer on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/printer","t":"Printer","d":"Printer, the stroke drawing of printer on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/printer","t":"Printer","d":"Printer, the two-tone drawing of printer on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/printer","t":"Printer","d":"Printer, the duotone drawing of printer on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/printer","t":"Printer","d":"Printer, the fill drawing of printer on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:puzzle","t":"Puzzle","d":"Puzzle, the stroke drawing of puzzle on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/puzzle","t":"Puzzle","d":"Puzzle, the two-tone drawing of puzzle on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/puzzle","t":"Puzzle","d":"Puzzle, the duotone drawing of puzzle on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/puzzle","t":"Puzzle","d":"Puzzle, the fill drawing of puzzle on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/puzzle","t":"Puzzle","d":"Puzzle, the stroke drawing of puzzle on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/puzzle","t":"Puzzle","d":"Puzzle, the two-tone drawing of puzzle on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/puzzle","t":"Puzzle","d":"Puzzle, the duotone drawing of puzzle on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/puzzle","t":"Puzzle","d":"Puzzle, the fill drawing of puzzle on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:qr-code","t":"QrCode","d":"QrCode, the stroke drawing of qr-code on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/qr-code","t":"QrCode","d":"QrCode, the two-tone drawing of qr-code on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/qr-code","t":"QrCode","d":"QrCode, the duotone drawing of qr-code on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/qr-code","t":"QrCode","d":"QrCode, the fill drawing of qr-code on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/qr-code","t":"QrCode","d":"QrCode, the stroke drawing of qr-code on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/qr-code","t":"QrCode","d":"QrCode, the two-tone drawing of qr-code on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/qr-code","t":"QrCode","d":"QrCode, the duotone drawing of qr-code on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/qr-code","t":"QrCode","d":"QrCode, the fill drawing of qr-code on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-question","t":"CircleQuestion","d":"CircleQuestion, the stroke drawing of circle-question on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-question","t":"CircleQuestion","d":"CircleQuestion, the two-tone drawing of circle-question on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-question","t":"CircleQuestion","d":"CircleQuestion, the duotone drawing of circle-question on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-question","t":"CircleQuestion","d":"CircleQuestion, the fill drawing of circle-question on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-question","t":"CircleQuestion","d":"CircleQuestion, the stroke drawing of circle-question on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-question","t":"CircleQuestion","d":"CircleQuestion, the two-tone drawing of circle-question on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-question","t":"CircleQuestion","d":"CircleQuestion, the duotone drawing of circle-question on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-question","t":"CircleQuestion","d":"CircleQuestion, the fill drawing of circle-question on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:question","t":"Question","d":"Question, the stroke drawing of question on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/question","t":"Question","d":"Question, the two-tone drawing of question on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/question","t":"Question","d":"Question, the duotone drawing of question on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/question","t":"Question","d":"Question, the fill drawing of question on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/question","t":"Question","d":"Question, the stroke drawing of question on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/question","t":"Question","d":"Question, the two-tone drawing of question on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/question","t":"Question","d":"Question, the duotone drawing of question on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/question","t":"Question","d":"Question, the fill drawing of question on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-question","t":"SquareQuestion","d":"SquareQuestion, the stroke drawing of square-question on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-question","t":"SquareQuestion","d":"SquareQuestion, the two-tone drawing of square-question on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-question","t":"SquareQuestion","d":"SquareQuestion, the duotone drawing of square-question on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-question","t":"SquareQuestion","d":"SquareQuestion, the fill drawing of square-question on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-question","t":"SquareQuestion","d":"SquareQuestion, the stroke drawing of square-question on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-question","t":"SquareQuestion","d":"SquareQuestion, the two-tone drawing of square-question on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-question","t":"SquareQuestion","d":"SquareQuestion, the duotone drawing of square-question on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-question","t":"SquareQuestion","d":"SquareQuestion, the fill drawing of square-question on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:queue","t":"Queue","d":"Queue, the stroke drawing of queue on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/queue","t":"Queue","d":"Queue, the two-tone drawing of queue on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/queue","t":"Queue","d":"Queue, the duotone drawing of queue on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/queue","t":"Queue","d":"Queue, the fill drawing of queue on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/queue","t":"Queue","d":"Queue, the stroke drawing of queue on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/queue","t":"Queue","d":"Queue, the two-tone drawing of queue on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/queue","t":"Queue","d":"Queue, the duotone drawing of queue on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/queue","t":"Queue","d":"Queue, the fill drawing of queue on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:quote","t":"Quote","d":"Quote, the stroke drawing of quote on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/quote","t":"Quote","d":"Quote, the two-tone drawing of quote on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/quote","t":"Quote","d":"Quote, the duotone drawing of quote on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/quote","t":"Quote","d":"Quote, the fill drawing of quote on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/quote","t":"Quote","d":"Quote, the stroke drawing of quote on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/quote","t":"Quote","d":"Quote, the two-tone drawing of quote on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/quote","t":"Quote","d":"Quote, the duotone drawing of quote on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/quote","t":"Quote","d":"Quote, the fill drawing of quote on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:quote-end","t":"QuoteEnd","d":"QuoteEnd, the stroke drawing of quote-end on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/quote-end","t":"QuoteEnd","d":"QuoteEnd, the two-tone drawing of quote-end on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/quote-end","t":"QuoteEnd","d":"QuoteEnd, the duotone drawing of quote-end on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/quote-end","t":"QuoteEnd","d":"QuoteEnd, the fill drawing of quote-end on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/quote-end","t":"QuoteEnd","d":"QuoteEnd, the stroke drawing of quote-end on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/quote-end","t":"QuoteEnd","d":"QuoteEnd, the two-tone drawing of quote-end on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/quote-end","t":"QuoteEnd","d":"QuoteEnd, the duotone drawing of quote-end on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/quote-end","t":"QuoteEnd","d":"QuoteEnd, the fill drawing of quote-end on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:quote-single","t":"QuoteSingle","d":"QuoteSingle, the stroke drawing of quote-single on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/quote-single","t":"QuoteSingle","d":"QuoteSingle, the two-tone drawing of quote-single on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/quote-single","t":"QuoteSingle","d":"QuoteSingle, the duotone drawing of quote-single on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/quote-single","t":"QuoteSingle","d":"QuoteSingle, the fill drawing of quote-single on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/quote-single","t":"QuoteSingle","d":"QuoteSingle, the stroke drawing of quote-single on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/quote-single","t":"QuoteSingle","d":"QuoteSingle, the two-tone drawing of quote-single on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/quote-single","t":"QuoteSingle","d":"QuoteSingle, the duotone drawing of quote-single on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/quote-single","t":"QuoteSingle","d":"QuoteSingle, the fill drawing of quote-single on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:quote-single-end","t":"QuoteSingleEnd","d":"QuoteSingleEnd, the stroke drawing of quote-single-end on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/quote-single-end","t":"QuoteSingleEnd","d":"QuoteSingleEnd, the two-tone drawing of quote-single-end on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/quote-single-end","t":"QuoteSingleEnd","d":"QuoteSingleEnd, the duotone drawing of quote-single-end on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/quote-single-end","t":"QuoteSingleEnd","d":"QuoteSingleEnd, the fill drawing of quote-single-end on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/quote-single-end","t":"QuoteSingleEnd","d":"QuoteSingleEnd, the stroke drawing of quote-single-end on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/quote-single-end","t":"QuoteSingleEnd","d":"QuoteSingleEnd, the two-tone drawing of quote-single-end on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/quote-single-end","t":"QuoteSingleEnd","d":"QuoteSingleEnd, the duotone drawing of quote-single-end on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/quote-single-end","t":"QuoteSingleEnd","d":"QuoteSingleEnd, the fill drawing of quote-single-end on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:radar","t":"Radar","d":"Radar, the stroke drawing of radar on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/radar","t":"Radar","d":"Radar, the two-tone drawing of radar on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/radar","t":"Radar","d":"Radar, the duotone drawing of radar on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/radar","t":"Radar","d":"Radar, the fill drawing of radar on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/radar","t":"Radar","d":"Radar, the stroke drawing of radar on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/radar","t":"Radar","d":"Radar, the two-tone drawing of radar on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/radar","t":"Radar","d":"Radar, the duotone drawing of radar on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/radar","t":"Radar","d":"Radar, the fill drawing of radar on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-radical","t":"CircleRadical","d":"CircleRadical, the stroke drawing of circle-radical on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-radical","t":"CircleRadical","d":"CircleRadical, the two-tone drawing of circle-radical on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-radical","t":"CircleRadical","d":"CircleRadical, the duotone drawing of circle-radical on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-radical","t":"CircleRadical","d":"CircleRadical, the fill drawing of circle-radical on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-radical","t":"CircleRadical","d":"CircleRadical, the stroke drawing of circle-radical on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-radical","t":"CircleRadical","d":"CircleRadical, the two-tone drawing of circle-radical on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-radical","t":"CircleRadical","d":"CircleRadical, the duotone drawing of circle-radical on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-radical","t":"CircleRadical","d":"CircleRadical, the fill drawing of circle-radical on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:radical","t":"Radical","d":"Radical, the stroke drawing of radical on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/radical","t":"Radical","d":"Radical, the two-tone drawing of radical on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/radical","t":"Radical","d":"Radical, the duotone drawing of radical on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/radical","t":"Radical","d":"Radical, the fill drawing of radical on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/radical","t":"Radical","d":"Radical, the stroke drawing of radical on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/radical","t":"Radical","d":"Radical, the two-tone drawing of radical on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/radical","t":"Radical","d":"Radical, the duotone drawing of radical on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/radical","t":"Radical","d":"Radical, the fill drawing of radical on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-radical","t":"SquareRadical","d":"SquareRadical, the stroke drawing of square-radical on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-radical","t":"SquareRadical","d":"SquareRadical, the two-tone drawing of square-radical on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-radical","t":"SquareRadical","d":"SquareRadical, the duotone drawing of square-radical on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-radical","t":"SquareRadical","d":"SquareRadical, the fill drawing of square-radical on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-radical","t":"SquareRadical","d":"SquareRadical, the stroke drawing of square-radical on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-radical","t":"SquareRadical","d":"SquareRadical, the two-tone drawing of square-radical on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-radical","t":"SquareRadical","d":"SquareRadical, the duotone drawing of square-radical on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-radical","t":"SquareRadical","d":"SquareRadical, the fill drawing of square-radical on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:radio","t":"Radio","d":"Radio, the stroke drawing of radio on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/radio","t":"Radio","d":"Radio, the two-tone drawing of radio on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/radio","t":"Radio","d":"Radio, the duotone drawing of radio on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/radio","t":"Radio","d":"Radio, the fill drawing of radio on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/radio","t":"Radio","d":"Radio, the stroke drawing of radio on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/radio","t":"Radio","d":"Radio, the two-tone drawing of radio on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/radio","t":"Radio","d":"Radio, the duotone drawing of radio on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/radio","t":"Radio","d":"Radio, the fill drawing of radio on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:receipt","t":"Receipt","d":"Receipt, the stroke drawing of receipt on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/receipt","t":"Receipt","d":"Receipt, the two-tone drawing of receipt on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/receipt","t":"Receipt","d":"Receipt, the duotone drawing of receipt on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/receipt","t":"Receipt","d":"Receipt, the fill drawing of receipt on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/receipt","t":"Receipt","d":"Receipt, the stroke drawing of receipt on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/receipt","t":"Receipt","d":"Receipt, the two-tone drawing of receipt on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/receipt","t":"Receipt","d":"Receipt, the duotone drawing of receipt on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/receipt","t":"Receipt","d":"Receipt, the fill drawing of receipt on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-record","t":"CircleRecord","d":"CircleRecord, the stroke drawing of circle-record on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-record","t":"CircleRecord","d":"CircleRecord, the two-tone drawing of circle-record on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-record","t":"CircleRecord","d":"CircleRecord, the duotone drawing of circle-record on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-record","t":"CircleRecord","d":"CircleRecord, the fill drawing of circle-record on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-record","t":"CircleRecord","d":"CircleRecord, the stroke drawing of circle-record on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-record","t":"CircleRecord","d":"CircleRecord, the two-tone drawing of circle-record on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-record","t":"CircleRecord","d":"CircleRecord, the duotone drawing of circle-record on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-record","t":"CircleRecord","d":"CircleRecord, the fill drawing of circle-record on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:record","t":"Record","d":"Record, the stroke drawing of record on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/record","t":"Record","d":"Record, the two-tone drawing of record on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/record","t":"Record","d":"Record, the duotone drawing of record on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/record","t":"Record","d":"Record, the fill drawing of record on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/record","t":"Record","d":"Record, the stroke drawing of record on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/record","t":"Record","d":"Record, the two-tone drawing of record on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/record","t":"Record","d":"Record, the duotone drawing of record on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/record","t":"Record","d":"Record, the fill drawing of record on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-record","t":"SquareRecord","d":"SquareRecord, the stroke drawing of square-record on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-record","t":"SquareRecord","d":"SquareRecord, the two-tone drawing of square-record on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-record","t":"SquareRecord","d":"SquareRecord, the duotone drawing of square-record on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-record","t":"SquareRecord","d":"SquareRecord, the fill drawing of square-record on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-record","t":"SquareRecord","d":"SquareRecord, the stroke drawing of square-record on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-record","t":"SquareRecord","d":"SquareRecord, the two-tone drawing of square-record on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-record","t":"SquareRecord","d":"SquareRecord, the duotone drawing of square-record on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-record","t":"SquareRecord","d":"SquareRecord, the fill drawing of square-record on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:recycle","t":"Recycle","d":"Recycle, the stroke drawing of recycle on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/recycle","t":"Recycle","d":"Recycle, the two-tone drawing of recycle on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/recycle","t":"Recycle","d":"Recycle, the duotone drawing of recycle on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/recycle","t":"Recycle","d":"Recycle, the fill drawing of recycle on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/recycle","t":"Recycle","d":"Recycle, the stroke drawing of recycle on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/recycle","t":"Recycle","d":"Recycle, the two-tone drawing of recycle on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/recycle","t":"Recycle","d":"Recycle, the duotone drawing of recycle on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/recycle","t":"Recycle","d":"Recycle, the fill drawing of recycle on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:refresh-ccw","t":"RefreshCcw","d":"RefreshCcw, the stroke drawing of refresh-ccw on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/refresh-ccw","t":"RefreshCcw","d":"RefreshCcw, the two-tone drawing of refresh-ccw on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/refresh-ccw","t":"RefreshCcw","d":"RefreshCcw, the duotone drawing of refresh-ccw on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/refresh-ccw","t":"RefreshCcw","d":"RefreshCcw, the fill drawing of refresh-ccw on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/refresh-ccw","t":"RefreshCcw","d":"RefreshCcw, the stroke drawing of refresh-ccw on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/refresh-ccw","t":"RefreshCcw","d":"RefreshCcw, the two-tone drawing of refresh-ccw on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/refresh-ccw","t":"RefreshCcw","d":"RefreshCcw, the duotone drawing of refresh-ccw on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/refresh-ccw","t":"RefreshCcw","d":"RefreshCcw, the fill drawing of refresh-ccw on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:refresh-ccw-sparkles","t":"RefreshCcwSparkles","d":"RefreshCcwSparkles, the stroke drawing of refresh-ccw-sparkles on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/refresh-ccw-sparkles","t":"RefreshCcwSparkles","d":"RefreshCcwSparkles, the two-tone drawing of refresh-ccw-sparkles on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/refresh-ccw-sparkles","t":"RefreshCcwSparkles","d":"RefreshCcwSparkles, the duotone drawing of refresh-ccw-sparkles on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/refresh-ccw-sparkles","t":"RefreshCcwSparkles","d":"RefreshCcwSparkles, the fill drawing of refresh-ccw-sparkles on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/refresh-ccw-sparkles","t":"RefreshCcwSparkles","d":"RefreshCcwSparkles, the stroke drawing of refresh-ccw-sparkles on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/refresh-ccw-sparkles","t":"RefreshCcwSparkles","d":"RefreshCcwSparkles, the two-tone drawing of refresh-ccw-sparkles on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/refresh-ccw-sparkles","t":"RefreshCcwSparkles","d":"RefreshCcwSparkles, the duotone drawing of refresh-ccw-sparkles on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/refresh-ccw-sparkles","t":"RefreshCcwSparkles","d":"RefreshCcwSparkles, the fill drawing of refresh-ccw-sparkles on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:refresh-cw","t":"RefreshCw","d":"RefreshCw, the stroke drawing of refresh-cw on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/refresh-cw","t":"RefreshCw","d":"RefreshCw, the two-tone drawing of refresh-cw on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/refresh-cw","t":"RefreshCw","d":"RefreshCw, the duotone drawing of refresh-cw on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/refresh-cw","t":"RefreshCw","d":"RefreshCw, the fill drawing of refresh-cw on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/refresh-cw","t":"RefreshCw","d":"RefreshCw, the stroke drawing of refresh-cw on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/refresh-cw","t":"RefreshCw","d":"RefreshCw, the two-tone drawing of refresh-cw on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/refresh-cw","t":"RefreshCw","d":"RefreshCw, the duotone drawing of refresh-cw on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/refresh-cw","t":"RefreshCw","d":"RefreshCw, the fill drawing of refresh-cw on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:refresh-cw-sparkles","t":"RefreshCwSparkles","d":"RefreshCwSparkles, the stroke drawing of refresh-cw-sparkles on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/refresh-cw-sparkles","t":"RefreshCwSparkles","d":"RefreshCwSparkles, the two-tone drawing of refresh-cw-sparkles on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/refresh-cw-sparkles","t":"RefreshCwSparkles","d":"RefreshCwSparkles, the duotone drawing of refresh-cw-sparkles on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/refresh-cw-sparkles","t":"RefreshCwSparkles","d":"RefreshCwSparkles, the fill drawing of refresh-cw-sparkles on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/refresh-cw-sparkles","t":"RefreshCwSparkles","d":"RefreshCwSparkles, the stroke drawing of refresh-cw-sparkles on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/refresh-cw-sparkles","t":"RefreshCwSparkles","d":"RefreshCwSparkles, the two-tone drawing of refresh-cw-sparkles on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/refresh-cw-sparkles","t":"RefreshCwSparkles","d":"RefreshCwSparkles, the duotone drawing of refresh-cw-sparkles on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/refresh-cw-sparkles","t":"RefreshCwSparkles","d":"RefreshCwSparkles, the fill drawing of refresh-cw-sparkles on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:regex","t":"Regex","d":"Regex, the stroke drawing of regex on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/regex","t":"Regex","d":"Regex, the two-tone drawing of regex on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/regex","t":"Regex","d":"Regex, the duotone drawing of regex on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/regex","t":"Regex","d":"Regex, the fill drawing of regex on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/regex","t":"Regex","d":"Regex, the stroke drawing of regex on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/regex","t":"Regex","d":"Regex, the two-tone drawing of regex on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/regex","t":"Regex","d":"Regex, the duotone drawing of regex on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/regex","t":"Regex","d":"Regex, the fill drawing of regex on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:repeat","t":"Repeat","d":"Repeat, the stroke drawing of repeat on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/repeat","t":"Repeat","d":"Repeat, the two-tone drawing of repeat on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/repeat","t":"Repeat","d":"Repeat, the duotone drawing of repeat on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/repeat","t":"Repeat","d":"Repeat, the fill drawing of repeat on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/repeat","t":"Repeat","d":"Repeat, the stroke drawing of repeat on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/repeat","t":"Repeat","d":"Repeat, the two-tone drawing of repeat on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/repeat","t":"Repeat","d":"Repeat, the duotone drawing of repeat on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/repeat","t":"Repeat","d":"Repeat, the fill drawing of repeat on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:replay","t":"Replay","d":"Replay, the stroke drawing of replay on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/replay","t":"Replay","d":"Replay, the two-tone drawing of replay on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/replay","t":"Replay","d":"Replay, the duotone drawing of replay on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/replay","t":"Replay","d":"Replay, the fill drawing of replay on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/replay","t":"Replay","d":"Replay, the stroke drawing of replay on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/replay","t":"Replay","d":"Replay, the two-tone drawing of replay on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/replay","t":"Replay","d":"Replay, the duotone drawing of replay on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/replay","t":"Replay","d":"Replay, the fill drawing of replay on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:reply","t":"Reply","d":"Reply, the stroke drawing of reply on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/reply","t":"Reply","d":"Reply, the two-tone drawing of reply on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/reply","t":"Reply","d":"Reply, the duotone drawing of reply on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/reply","t":"Reply","d":"Reply, the fill drawing of reply on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/reply","t":"Reply","d":"Reply, the stroke drawing of reply on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/reply","t":"Reply","d":"Reply, the two-tone drawing of reply on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/reply","t":"Reply","d":"Reply, the duotone drawing of reply on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/reply","t":"Reply","d":"Reply, the fill drawing of reply on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:reply-all","t":"ReplyAll","d":"ReplyAll, the stroke drawing of reply-all on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/reply-all","t":"ReplyAll","d":"ReplyAll, the two-tone drawing of reply-all on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/reply-all","t":"ReplyAll","d":"ReplyAll, the duotone drawing of reply-all on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/reply-all","t":"ReplyAll","d":"ReplyAll, the fill drawing of reply-all on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/reply-all","t":"ReplyAll","d":"ReplyAll, the stroke drawing of reply-all on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/reply-all","t":"ReplyAll","d":"ReplyAll, the two-tone drawing of reply-all on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/reply-all","t":"ReplyAll","d":"ReplyAll, the duotone drawing of reply-all on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/reply-all","t":"ReplyAll","d":"ReplyAll, the fill drawing of reply-all on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:rewind","t":"Rewind","d":"Rewind, the stroke drawing of rewind on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/rewind","t":"Rewind","d":"Rewind, the two-tone drawing of rewind on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/rewind","t":"Rewind","d":"Rewind, the duotone drawing of rewind on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/rewind","t":"Rewind","d":"Rewind, the fill drawing of rewind on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/rewind","t":"Rewind","d":"Rewind, the stroke drawing of rewind on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/rewind","t":"Rewind","d":"Rewind, the two-tone drawing of rewind on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/rewind","t":"Rewind","d":"Rewind, the duotone drawing of rewind on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/rewind","t":"Rewind","d":"Rewind, the fill drawing of rewind on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:rocket","t":"Rocket","d":"Rocket, the stroke drawing of rocket on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/rocket","t":"Rocket","d":"Rocket, the two-tone drawing of rocket on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/rocket","t":"Rocket","d":"Rocket, the duotone drawing of rocket on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/rocket","t":"Rocket","d":"Rocket, the fill drawing of rocket on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/rocket","t":"Rocket","d":"Rocket, the stroke drawing of rocket on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/rocket","t":"Rocket","d":"Rocket, the two-tone drawing of rocket on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/rocket","t":"Rocket","d":"Rocket, the duotone drawing of rocket on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/rocket","t":"Rocket","d":"Rocket, the fill drawing of rocket on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:rocket-fast","t":"RocketFast","d":"RocketFast, the stroke drawing of rocket-fast on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/rocket-fast","t":"RocketFast","d":"RocketFast, the two-tone drawing of rocket-fast on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/rocket-fast","t":"RocketFast","d":"RocketFast, the duotone drawing of rocket-fast on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/rocket-fast","t":"RocketFast","d":"RocketFast, the fill drawing of rocket-fast on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/rocket-fast","t":"RocketFast","d":"RocketFast, the stroke drawing of rocket-fast on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/rocket-fast","t":"RocketFast","d":"RocketFast, the two-tone drawing of rocket-fast on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/rocket-fast","t":"RocketFast","d":"RocketFast, the duotone drawing of rocket-fast on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/rocket-fast","t":"RocketFast","d":"RocketFast, the fill drawing of rocket-fast on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:rocket-vertical","t":"RocketVertical","d":"RocketVertical, the stroke drawing of rocket-vertical on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/rocket-vertical","t":"RocketVertical","d":"RocketVertical, the two-tone drawing of rocket-vertical on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/rocket-vertical","t":"RocketVertical","d":"RocketVertical, the duotone drawing of rocket-vertical on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/rocket-vertical","t":"RocketVertical","d":"RocketVertical, the fill drawing of rocket-vertical on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/rocket-vertical","t":"RocketVertical","d":"RocketVertical, the stroke drawing of rocket-vertical on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/rocket-vertical","t":"RocketVertical","d":"RocketVertical, the two-tone drawing of rocket-vertical on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/rocket-vertical","t":"RocketVertical","d":"RocketVertical, the duotone drawing of rocket-vertical on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/rocket-vertical","t":"RocketVertical","d":"RocketVertical, the fill drawing of rocket-vertical on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:rotate-ccw","t":"RotateCcw","d":"RotateCcw, the stroke drawing of rotate-ccw on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/rotate-ccw","t":"RotateCcw","d":"RotateCcw, the two-tone drawing of rotate-ccw on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/rotate-ccw","t":"RotateCcw","d":"RotateCcw, the duotone drawing of rotate-ccw on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/rotate-ccw","t":"RotateCcw","d":"RotateCcw, the fill drawing of rotate-ccw on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/rotate-ccw","t":"RotateCcw","d":"RotateCcw, the stroke drawing of rotate-ccw on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/rotate-ccw","t":"RotateCcw","d":"RotateCcw, the two-tone drawing of rotate-ccw on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/rotate-ccw","t":"RotateCcw","d":"RotateCcw, the duotone drawing of rotate-ccw on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/rotate-ccw","t":"RotateCcw","d":"RotateCcw, the fill drawing of rotate-ccw on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:rotate-cw","t":"RotateCw","d":"RotateCw, the stroke drawing of rotate-cw on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/rotate-cw","t":"RotateCw","d":"RotateCw, the two-tone drawing of rotate-cw on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/rotate-cw","t":"RotateCw","d":"RotateCw, the duotone drawing of rotate-cw on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/rotate-cw","t":"RotateCw","d":"RotateCw, the fill drawing of rotate-cw on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/rotate-cw","t":"RotateCw","d":"RotateCw, the stroke drawing of rotate-cw on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/rotate-cw","t":"RotateCw","d":"RotateCw, the two-tone drawing of rotate-cw on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/rotate-cw","t":"RotateCw","d":"RotateCw, the duotone drawing of rotate-cw on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/rotate-cw","t":"RotateCw","d":"RotateCw, the fill drawing of rotate-cw on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:rotate-cw-plus","t":"RotateCwPlus","d":"RotateCwPlus, the stroke drawing of rotate-cw-plus on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/rotate-cw-plus","t":"RotateCwPlus","d":"RotateCwPlus, the two-tone drawing of rotate-cw-plus on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/rotate-cw-plus","t":"RotateCwPlus","d":"RotateCwPlus, the duotone drawing of rotate-cw-plus on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/rotate-cw-plus","t":"RotateCwPlus","d":"RotateCwPlus, the fill drawing of rotate-cw-plus on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/rotate-cw-plus","t":"RotateCwPlus","d":"RotateCwPlus, the stroke drawing of rotate-cw-plus on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/rotate-cw-plus","t":"RotateCwPlus","d":"RotateCwPlus, the two-tone drawing of rotate-cw-plus on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/rotate-cw-plus","t":"RotateCwPlus","d":"RotateCwPlus, the duotone drawing of rotate-cw-plus on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/rotate-cw-plus","t":"RotateCwPlus","d":"RotateCwPlus, the fill drawing of rotate-cw-plus on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:route","t":"Route","d":"Route, the stroke drawing of route on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/route","t":"Route","d":"Route, the two-tone drawing of route on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/route","t":"Route","d":"Route, the duotone drawing of route on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/route","t":"Route","d":"Route, the fill drawing of route on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/route","t":"Route","d":"Route, the stroke drawing of route on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/route","t":"Route","d":"Route, the two-tone drawing of route on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/route","t":"Route","d":"Route, the duotone drawing of route on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/route","t":"Route","d":"Route, the fill drawing of route on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:route-off","t":"RouteOff","d":"RouteOff, the stroke drawing of route-off on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/route-off","t":"RouteOff","d":"RouteOff, the two-tone drawing of route-off on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/route-off","t":"RouteOff","d":"RouteOff, the duotone drawing of route-off on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/route-off","t":"RouteOff","d":"RouteOff, the fill drawing of route-off on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/route-off","t":"RouteOff","d":"RouteOff, the stroke drawing of route-off on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/route-off","t":"RouteOff","d":"RouteOff, the two-tone drawing of route-off on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/route-off","t":"RouteOff","d":"RouteOff, the duotone drawing of route-off on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/route-off","t":"RouteOff","d":"RouteOff, the fill drawing of route-off on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:save","t":"Save","d":"Save, the stroke drawing of save on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/save","t":"Save","d":"Save, the two-tone drawing of save on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/save","t":"Save","d":"Save, the duotone drawing of save on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/save","t":"Save","d":"Save, the fill drawing of save on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/save","t":"Save","d":"Save, the stroke drawing of save on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/save","t":"Save","d":"Save, the two-tone drawing of save on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/save","t":"Save","d":"Save, the duotone drawing of save on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/save","t":"Save","d":"Save, the fill drawing of save on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:save-check","t":"SaveCheck","d":"SaveCheck, the stroke drawing of save-check on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/save-check","t":"SaveCheck","d":"SaveCheck, the two-tone drawing of save-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/save-check","t":"SaveCheck","d":"SaveCheck, the duotone drawing of save-check on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/save-check","t":"SaveCheck","d":"SaveCheck, the fill drawing of save-check on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/save-check","t":"SaveCheck","d":"SaveCheck, the stroke drawing of save-check on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/save-check","t":"SaveCheck","d":"SaveCheck, the two-tone drawing of save-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/save-check","t":"SaveCheck","d":"SaveCheck, the duotone drawing of save-check on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/save-check","t":"SaveCheck","d":"SaveCheck, the fill drawing of save-check on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:save-minus","t":"SaveMinus","d":"SaveMinus, the stroke drawing of save-minus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/save-minus","t":"SaveMinus","d":"SaveMinus, the two-tone drawing of save-minus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/save-minus","t":"SaveMinus","d":"SaveMinus, the duotone drawing of save-minus on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/save-minus","t":"SaveMinus","d":"SaveMinus, the fill drawing of save-minus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/save-minus","t":"SaveMinus","d":"SaveMinus, the stroke drawing of save-minus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/save-minus","t":"SaveMinus","d":"SaveMinus, the two-tone drawing of save-minus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/save-minus","t":"SaveMinus","d":"SaveMinus, the duotone drawing of save-minus on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/save-minus","t":"SaveMinus","d":"SaveMinus, the fill drawing of save-minus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:save-off","t":"SaveOff","d":"SaveOff, the stroke drawing of save-off on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/save-off","t":"SaveOff","d":"SaveOff, the two-tone drawing of save-off on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/save-off","t":"SaveOff","d":"SaveOff, the duotone drawing of save-off on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/save-off","t":"SaveOff","d":"SaveOff, the fill drawing of save-off on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/save-off","t":"SaveOff","d":"SaveOff, the stroke drawing of save-off on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/save-off","t":"SaveOff","d":"SaveOff, the two-tone drawing of save-off on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/save-off","t":"SaveOff","d":"SaveOff, the duotone drawing of save-off on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/save-off","t":"SaveOff","d":"SaveOff, the fill drawing of save-off on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:save-plus","t":"SavePlus","d":"SavePlus, the stroke drawing of save-plus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/save-plus","t":"SavePlus","d":"SavePlus, the two-tone drawing of save-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/save-plus","t":"SavePlus","d":"SavePlus, the duotone drawing of save-plus on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/save-plus","t":"SavePlus","d":"SavePlus, the fill drawing of save-plus on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/save-plus","t":"SavePlus","d":"SavePlus, the stroke drawing of save-plus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/save-plus","t":"SavePlus","d":"SavePlus, the two-tone drawing of save-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/save-plus","t":"SavePlus","d":"SavePlus, the duotone drawing of save-plus on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/save-plus","t":"SavePlus","d":"SavePlus, the fill drawing of save-plus on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:scale","t":"Scale","d":"Scale, the stroke drawing of scale on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/scale","t":"Scale","d":"Scale, the two-tone drawing of scale on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/scale","t":"Scale","d":"Scale, the duotone drawing of scale on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/scale","t":"Scale","d":"Scale, the fill drawing of scale on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/scale","t":"Scale","d":"Scale, the stroke drawing of scale on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/scale","t":"Scale","d":"Scale, the two-tone drawing of scale on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/scale","t":"Scale","d":"Scale, the duotone drawing of scale on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/scale","t":"Scale","d":"Scale, the fill drawing of scale on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:scale-unbalanced","t":"ScaleUnbalanced","d":"ScaleUnbalanced, the stroke drawing of scale-unbalanced on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/scale-unbalanced","t":"ScaleUnbalanced","d":"ScaleUnbalanced, the two-tone drawing of scale-unbalanced on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/scale-unbalanced","t":"ScaleUnbalanced","d":"ScaleUnbalanced, the duotone drawing of scale-unbalanced on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/scale-unbalanced","t":"ScaleUnbalanced","d":"ScaleUnbalanced, the fill drawing of scale-unbalanced on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/scale-unbalanced","t":"ScaleUnbalanced","d":"ScaleUnbalanced, the stroke drawing of scale-unbalanced on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/scale-unbalanced","t":"ScaleUnbalanced","d":"ScaleUnbalanced, the two-tone drawing of scale-unbalanced on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/scale-unbalanced","t":"ScaleUnbalanced","d":"ScaleUnbalanced, the duotone drawing of scale-unbalanced on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/scale-unbalanced","t":"ScaleUnbalanced","d":"ScaleUnbalanced, the fill drawing of scale-unbalanced on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:scale-unbalanced-flip","t":"ScaleUnbalancedFlip","d":"ScaleUnbalancedFlip, the stroke drawing of scale-unbalanced-flip on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/scale-unbalanced-flip","t":"ScaleUnbalancedFlip","d":"ScaleUnbalancedFlip, the two-tone drawing of scale-unbalanced-flip on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/scale-unbalanced-flip","t":"ScaleUnbalancedFlip","d":"ScaleUnbalancedFlip, the duotone drawing of scale-unbalanced-flip on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/scale-unbalanced-flip","t":"ScaleUnbalancedFlip","d":"ScaleUnbalancedFlip, the fill drawing of scale-unbalanced-flip on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/scale-unbalanced-flip","t":"ScaleUnbalancedFlip","d":"ScaleUnbalancedFlip, the stroke drawing of scale-unbalanced-flip on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/scale-unbalanced-flip","t":"ScaleUnbalancedFlip","d":"ScaleUnbalancedFlip, the two-tone drawing of scale-unbalanced-flip on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/scale-unbalanced-flip","t":"ScaleUnbalancedFlip","d":"ScaleUnbalancedFlip, the duotone drawing of scale-unbalanced-flip on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/scale-unbalanced-flip","t":"ScaleUnbalancedFlip","d":"ScaleUnbalancedFlip, the fill drawing of scale-unbalanced-flip on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:scan","t":"Scan","d":"Scan, the stroke drawing of scan on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/scan","t":"Scan","d":"Scan, the two-tone drawing of scan on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/scan","t":"Scan","d":"Scan, the duotone drawing of scan on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/scan","t":"Scan","d":"Scan, the fill drawing of scan on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/scan","t":"Scan","d":"Scan, the stroke drawing of scan on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/scan","t":"Scan","d":"Scan, the two-tone drawing of scan on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/scan","t":"Scan","d":"Scan, the duotone drawing of scan on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/scan","t":"Scan","d":"Scan, the fill drawing of scan on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:scan-barcode","t":"ScanBarcode","d":"ScanBarcode, the stroke drawing of scan-barcode on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/scan-barcode","t":"ScanBarcode","d":"ScanBarcode, the two-tone drawing of scan-barcode on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/scan-barcode","t":"ScanBarcode","d":"ScanBarcode, the duotone drawing of scan-barcode on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/scan-barcode","t":"ScanBarcode","d":"ScanBarcode, the fill drawing of scan-barcode on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/scan-barcode","t":"ScanBarcode","d":"ScanBarcode, the stroke drawing of scan-barcode on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/scan-barcode","t":"ScanBarcode","d":"ScanBarcode, the two-tone drawing of scan-barcode on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/scan-barcode","t":"ScanBarcode","d":"ScanBarcode, the duotone drawing of scan-barcode on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/scan-barcode","t":"ScanBarcode","d":"ScanBarcode, the fill drawing of scan-barcode on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:scan-eye","t":"ScanEye","d":"ScanEye, the stroke drawing of scan-eye on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/scan-eye","t":"ScanEye","d":"ScanEye, the two-tone drawing of scan-eye on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/scan-eye","t":"ScanEye","d":"ScanEye, the duotone drawing of scan-eye on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/scan-eye","t":"ScanEye","d":"ScanEye, the fill drawing of scan-eye on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/scan-eye","t":"ScanEye","d":"ScanEye, the stroke drawing of scan-eye on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/scan-eye","t":"ScanEye","d":"ScanEye, the two-tone drawing of scan-eye on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/scan-eye","t":"ScanEye","d":"ScanEye, the duotone drawing of scan-eye on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/scan-eye","t":"ScanEye","d":"ScanEye, the fill drawing of scan-eye on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:scan-face","t":"ScanFace","d":"ScanFace, the stroke drawing of scan-face on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/scan-face","t":"ScanFace","d":"ScanFace, the two-tone drawing of scan-face on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/scan-face","t":"ScanFace","d":"ScanFace, the duotone drawing of scan-face on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/scan-face","t":"ScanFace","d":"ScanFace, the fill drawing of scan-face on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/scan-face","t":"ScanFace","d":"ScanFace, the stroke drawing of scan-face on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/scan-face","t":"ScanFace","d":"ScanFace, the two-tone drawing of scan-face on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/scan-face","t":"ScanFace","d":"ScanFace, the duotone drawing of scan-face on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/scan-face","t":"ScanFace","d":"ScanFace, the fill drawing of scan-face on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:scan-line","t":"ScanLine","d":"ScanLine, the stroke drawing of scan-line on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:two-tone/scan-line","t":"ScanLine","d":"ScanLine, the two-tone drawing of scan-line on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/scan-line","t":"ScanLine","d":"ScanLine, the duotone drawing of scan-line on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/scan-line","t":"ScanLine","d":"ScanLine, the fill drawing of scan-line on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/scan-line","t":"ScanLine","d":"ScanLine, the stroke drawing of scan-line on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/two-tone/scan-line","t":"ScanLine","d":"ScanLine, the two-tone drawing of scan-line on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/scan-line","t":"ScanLine","d":"ScanLine, the duotone drawing of scan-line on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/scan-line","t":"ScanLine","d":"ScanLine, the fill drawing of scan-line on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:scan-qr-code","t":"ScanQrCode","d":"ScanQrCode, the stroke drawing of scan-qr-code on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/scan-qr-code","t":"ScanQrCode","d":"ScanQrCode, the two-tone drawing of scan-qr-code on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/scan-qr-code","t":"ScanQrCode","d":"ScanQrCode, the duotone drawing of scan-qr-code on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/scan-qr-code","t":"ScanQrCode","d":"ScanQrCode, the fill drawing of scan-qr-code on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/scan-qr-code","t":"ScanQrCode","d":"ScanQrCode, the stroke drawing of scan-qr-code on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/scan-qr-code","t":"ScanQrCode","d":"ScanQrCode, the two-tone drawing of scan-qr-code on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/scan-qr-code","t":"ScanQrCode","d":"ScanQrCode, the duotone drawing of scan-qr-code on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/scan-qr-code","t":"ScanQrCode","d":"ScanQrCode, the fill drawing of scan-qr-code on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:scan-search","t":"ScanSearch","d":"ScanSearch, the stroke drawing of scan-search on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/scan-search","t":"ScanSearch","d":"ScanSearch, the two-tone drawing of scan-search on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/scan-search","t":"ScanSearch","d":"ScanSearch, the duotone drawing of scan-search on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/scan-search","t":"ScanSearch","d":"ScanSearch, the fill drawing of scan-search on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/scan-search","t":"ScanSearch","d":"ScanSearch, the stroke drawing of scan-search on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/scan-search","t":"ScanSearch","d":"ScanSearch, the two-tone drawing of scan-search on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/scan-search","t":"ScanSearch","d":"ScanSearch, the duotone drawing of scan-search on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/scan-search","t":"ScanSearch","d":"ScanSearch, the fill drawing of scan-search on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:scan-text","t":"ScanText","d":"ScanText, the stroke drawing of scan-text on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/scan-text","t":"ScanText","d":"ScanText, the two-tone drawing of scan-text on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/scan-text","t":"ScanText","d":"ScanText, the duotone drawing of scan-text on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/scan-text","t":"ScanText","d":"ScanText, the fill drawing of scan-text on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/scan-text","t":"ScanText","d":"ScanText, the stroke drawing of scan-text on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/scan-text","t":"ScanText","d":"ScanText, the two-tone drawing of scan-text on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/scan-text","t":"ScanText","d":"ScanText, the duotone drawing of scan-text on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/scan-text","t":"ScanText","d":"ScanText, the fill drawing of scan-text on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:scan-text-sparkles","t":"ScanTextSparkles","d":"ScanTextSparkles, the stroke drawing of scan-text-sparkles on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/scan-text-sparkles","t":"ScanTextSparkles","d":"ScanTextSparkles, the two-tone drawing of scan-text-sparkles on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/scan-text-sparkles","t":"ScanTextSparkles","d":"ScanTextSparkles, the duotone drawing of scan-text-sparkles on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/scan-text-sparkles","t":"ScanTextSparkles","d":"ScanTextSparkles, the fill drawing of scan-text-sparkles on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/scan-text-sparkles","t":"ScanTextSparkles","d":"ScanTextSparkles, the stroke drawing of scan-text-sparkles on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/scan-text-sparkles","t":"ScanTextSparkles","d":"ScanTextSparkles, the two-tone drawing of scan-text-sparkles on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/scan-text-sparkles","t":"ScanTextSparkles","d":"ScanTextSparkles, the duotone drawing of scan-text-sparkles on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/scan-text-sparkles","t":"ScanTextSparkles","d":"ScanTextSparkles, the fill drawing of scan-text-sparkles on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:scissors","t":"Scissors","d":"Scissors, the stroke drawing of scissors on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/scissors","t":"Scissors","d":"Scissors, the two-tone drawing of scissors on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/scissors","t":"Scissors","d":"Scissors, the duotone drawing of scissors on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/scissors","t":"Scissors","d":"Scissors, the fill drawing of scissors on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/scissors","t":"Scissors","d":"Scissors, the stroke drawing of scissors on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/scissors","t":"Scissors","d":"Scissors, the two-tone drawing of scissors on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/scissors","t":"Scissors","d":"Scissors, the duotone drawing of scissors on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/scissors","t":"Scissors","d":"Scissors, the fill drawing of scissors on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:scissors-horizontal","t":"ScissorsHorizontal","d":"ScissorsHorizontal, the stroke drawing of scissors-horizontal on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/scissors-horizontal","t":"ScissorsHorizontal","d":"ScissorsHorizontal, the two-tone drawing of scissors-horizontal on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/scissors-horizontal","t":"ScissorsHorizontal","d":"ScissorsHorizontal, the duotone drawing of scissors-horizontal on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/scissors-horizontal","t":"ScissorsHorizontal","d":"ScissorsHorizontal, the fill drawing of scissors-horizontal on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/scissors-horizontal","t":"ScissorsHorizontal","d":"ScissorsHorizontal, the stroke drawing of scissors-horizontal on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/scissors-horizontal","t":"ScissorsHorizontal","d":"ScissorsHorizontal, the two-tone drawing of scissors-horizontal on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/scissors-horizontal","t":"ScissorsHorizontal","d":"ScissorsHorizontal, the duotone drawing of scissors-horizontal on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/scissors-horizontal","t":"ScissorsHorizontal","d":"ScissorsHorizontal, the fill drawing of scissors-horizontal on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:search","t":"Search","d":"Search, the stroke drawing of search on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","vn":16,"hc":1},{"id":"keyline:two-tone/search","t":"Search","d":"Search, the two-tone drawing of search on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/search","t":"Search","d":"Search, the duotone drawing of search on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/search","t":"Search","d":"Search, the fill drawing of search on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/search","t":"Search","d":"Search, the stroke drawing of search on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/search","t":"Search","d":"Search, the two-tone drawing of search on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/search","t":"Search","d":"Search, the duotone drawing of search on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/search","t":"Search","d":"Search, the fill drawing of search on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:search-2-check","t":"Search2Check","d":"Search2Check, the stroke drawing of search-2-check on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/search-2-check","t":"Search2Check","d":"Search2Check, the two-tone drawing of search-2-check on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/search-2-check","t":"Search2Check","d":"Search2Check, the duotone drawing of search-2-check on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/search-2-check","t":"Search2Check","d":"Search2Check, the fill drawing of search-2-check on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/search-2-check","t":"Search2Check","d":"Search2Check, the stroke drawing of search-2-check on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/search-2-check","t":"Search2Check","d":"Search2Check, the two-tone drawing of search-2-check on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/search-2-check","t":"Search2Check","d":"Search2Check, the duotone drawing of search-2-check on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/search-2-check","t":"Search2Check","d":"Search2Check, the fill drawing of search-2-check on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:search-2-list","t":"Search2List","d":"Search2List, the stroke drawing of search-2-list on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/search-2-list","t":"Search2List","d":"Search2List, the two-tone drawing of search-2-list on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/search-2-list","t":"Search2List","d":"Search2List, the duotone drawing of search-2-list on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/search-2-list","t":"Search2List","d":"Search2List, the fill drawing of search-2-list on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/search-2-list","t":"Search2List","d":"Search2List, the stroke drawing of search-2-list on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/search-2-list","t":"Search2List","d":"Search2List, the two-tone drawing of search-2-list on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/search-2-list","t":"Search2List","d":"Search2List, the duotone drawing of search-2-list on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/search-2-list","t":"Search2List","d":"Search2List, the fill drawing of search-2-list on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:search-2-minus","t":"Search2Minus","d":"Search2Minus, the stroke drawing of search-2-minus on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/search-2-minus","t":"Search2Minus","d":"Search2Minus, the two-tone drawing of search-2-minus on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/search-2-minus","t":"Search2Minus","d":"Search2Minus, the duotone drawing of search-2-minus on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/search-2-minus","t":"Search2Minus","d":"Search2Minus, the fill drawing of search-2-minus on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/search-2-minus","t":"Search2Minus","d":"Search2Minus, the stroke drawing of search-2-minus on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/search-2-minus","t":"Search2Minus","d":"Search2Minus, the two-tone drawing of search-2-minus on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/search-2-minus","t":"Search2Minus","d":"Search2Minus, the duotone drawing of search-2-minus on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/search-2-minus","t":"Search2Minus","d":"Search2Minus, the fill drawing of search-2-minus on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:search-2-plus","t":"Search2Plus","d":"Search2Plus, the stroke drawing of search-2-plus on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/search-2-plus","t":"Search2Plus","d":"Search2Plus, the two-tone drawing of search-2-plus on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/search-2-plus","t":"Search2Plus","d":"Search2Plus, the duotone drawing of search-2-plus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/search-2-plus","t":"Search2Plus","d":"Search2Plus, the fill drawing of search-2-plus on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/search-2-plus","t":"Search2Plus","d":"Search2Plus, the stroke drawing of search-2-plus on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/search-2-plus","t":"Search2Plus","d":"Search2Plus, the two-tone drawing of search-2-plus on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/search-2-plus","t":"Search2Plus","d":"Search2Plus, the duotone drawing of search-2-plus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/search-2-plus","t":"Search2Plus","d":"Search2Plus, the fill drawing of search-2-plus on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:search-2-sparkles","t":"Search2Sparkles","d":"Search2Sparkles, the stroke drawing of search-2-sparkles on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/search-2-sparkles","t":"Search2Sparkles","d":"Search2Sparkles, the two-tone drawing of search-2-sparkles on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/search-2-sparkles","t":"Search2Sparkles","d":"Search2Sparkles, the duotone drawing of search-2-sparkles on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/search-2-sparkles","t":"Search2Sparkles","d":"Search2Sparkles, the fill drawing of search-2-sparkles on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/search-2-sparkles","t":"Search2Sparkles","d":"Search2Sparkles, the stroke drawing of search-2-sparkles on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/search-2-sparkles","t":"Search2Sparkles","d":"Search2Sparkles, the two-tone drawing of search-2-sparkles on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/search-2-sparkles","t":"Search2Sparkles","d":"Search2Sparkles, the duotone drawing of search-2-sparkles on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/search-2-sparkles","t":"Search2Sparkles","d":"Search2Sparkles, the fill drawing of search-2-sparkles on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:search-check","t":"SearchCheck","d":"SearchCheck, the stroke drawing of search-check on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/search-check","t":"SearchCheck","d":"SearchCheck, the two-tone drawing of search-check on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/search-check","t":"SearchCheck","d":"SearchCheck, the duotone drawing of search-check on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/search-check","t":"SearchCheck","d":"SearchCheck, the fill drawing of search-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/search-check","t":"SearchCheck","d":"SearchCheck, the stroke drawing of search-check on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/search-check","t":"SearchCheck","d":"SearchCheck, the two-tone drawing of search-check on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/search-check","t":"SearchCheck","d":"SearchCheck, the duotone drawing of search-check on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/search-check","t":"SearchCheck","d":"SearchCheck, the fill drawing of search-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:search-list","t":"SearchList","d":"SearchList, the stroke drawing of search-list on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/search-list","t":"SearchList","d":"SearchList, the two-tone drawing of search-list on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/search-list","t":"SearchList","d":"SearchList, the duotone drawing of search-list on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/search-list","t":"SearchList","d":"SearchList, the fill drawing of search-list on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/search-list","t":"SearchList","d":"SearchList, the stroke drawing of search-list on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/search-list","t":"SearchList","d":"SearchList, the two-tone drawing of search-list on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/search-list","t":"SearchList","d":"SearchList, the duotone drawing of search-list on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/search-list","t":"SearchList","d":"SearchList, the fill drawing of search-list on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:search-minus","t":"SearchMinus","d":"SearchMinus, the stroke drawing of search-minus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/search-minus","t":"SearchMinus","d":"SearchMinus, the two-tone drawing of search-minus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/search-minus","t":"SearchMinus","d":"SearchMinus, the duotone drawing of search-minus on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/search-minus","t":"SearchMinus","d":"SearchMinus, the fill drawing of search-minus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/search-minus","t":"SearchMinus","d":"SearchMinus, the stroke drawing of search-minus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/search-minus","t":"SearchMinus","d":"SearchMinus, the two-tone drawing of search-minus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/search-minus","t":"SearchMinus","d":"SearchMinus, the duotone drawing of search-minus on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/search-minus","t":"SearchMinus","d":"SearchMinus, the fill drawing of search-minus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:search-plus","t":"SearchPlus","d":"SearchPlus, the stroke drawing of search-plus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/search-plus","t":"SearchPlus","d":"SearchPlus, the two-tone drawing of search-plus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/search-plus","t":"SearchPlus","d":"SearchPlus, the duotone drawing of search-plus on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/search-plus","t":"SearchPlus","d":"SearchPlus, the fill drawing of search-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/search-plus","t":"SearchPlus","d":"SearchPlus, the stroke drawing of search-plus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/search-plus","t":"SearchPlus","d":"SearchPlus, the two-tone drawing of search-plus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/search-plus","t":"SearchPlus","d":"SearchPlus, the duotone drawing of search-plus on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/search-plus","t":"SearchPlus","d":"SearchPlus, the fill drawing of search-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:search-slash","t":"SearchSlash","d":"SearchSlash, the stroke drawing of search-slash on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/search-slash","t":"SearchSlash","d":"SearchSlash, the two-tone drawing of search-slash on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/search-slash","t":"SearchSlash","d":"SearchSlash, the duotone drawing of search-slash on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/search-slash","t":"SearchSlash","d":"SearchSlash, the fill drawing of search-slash on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/search-slash","t":"SearchSlash","d":"SearchSlash, the stroke drawing of search-slash on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/search-slash","t":"SearchSlash","d":"SearchSlash, the two-tone drawing of search-slash on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/search-slash","t":"SearchSlash","d":"SearchSlash, the duotone drawing of search-slash on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/search-slash","t":"SearchSlash","d":"SearchSlash, the fill drawing of search-slash on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:search-sparkles","t":"SearchSparkles","d":"SearchSparkles, the stroke drawing of search-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/search-sparkles","t":"SearchSparkles","d":"SearchSparkles, the two-tone drawing of search-sparkles on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/search-sparkles","t":"SearchSparkles","d":"SearchSparkles, the duotone drawing of search-sparkles on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/search-sparkles","t":"SearchSparkles","d":"SearchSparkles, the fill drawing of search-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/search-sparkles","t":"SearchSparkles","d":"SearchSparkles, the stroke drawing of search-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/search-sparkles","t":"SearchSparkles","d":"SearchSparkles, the two-tone drawing of search-sparkles on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/search-sparkles","t":"SearchSparkles","d":"SearchSparkles, the duotone drawing of search-sparkles on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/search-sparkles","t":"SearchSparkles","d":"SearchSparkles, the fill drawing of search-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:send","t":"Send","d":"Send, the stroke drawing of send on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/send","t":"Send","d":"Send, the two-tone drawing of send on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/send","t":"Send","d":"Send, the duotone drawing of send on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/send","t":"Send","d":"Send, the fill drawing of send on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/send","t":"Send","d":"Send, the stroke drawing of send on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/send","t":"Send","d":"Send, the two-tone drawing of send on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/send","t":"Send","d":"Send, the duotone drawing of send on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/send","t":"Send","d":"Send, the fill drawing of send on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:send-clock","t":"SendClock","d":"SendClock, the stroke drawing of send-clock on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/send-clock","t":"SendClock","d":"SendClock, the two-tone drawing of send-clock on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/send-clock","t":"SendClock","d":"SendClock, the duotone drawing of send-clock on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/send-clock","t":"SendClock","d":"SendClock, the fill drawing of send-clock on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/send-clock","t":"SendClock","d":"SendClock, the stroke drawing of send-clock on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/send-clock","t":"SendClock","d":"SendClock, the two-tone drawing of send-clock on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/send-clock","t":"SendClock","d":"SendClock, the duotone drawing of send-clock on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/send-clock","t":"SendClock","d":"SendClock, the fill drawing of send-clock on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:send-fast","t":"SendFast","d":"SendFast, the stroke drawing of send-fast on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/send-fast","t":"SendFast","d":"SendFast, the two-tone drawing of send-fast on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/send-fast","t":"SendFast","d":"SendFast, the duotone drawing of send-fast on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/send-fast","t":"SendFast","d":"SendFast, the fill drawing of send-fast on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/send-fast","t":"SendFast","d":"SendFast, the stroke drawing of send-fast on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/send-fast","t":"SendFast","d":"SendFast, the two-tone drawing of send-fast on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/send-fast","t":"SendFast","d":"SendFast, the duotone drawing of send-fast on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/send-fast","t":"SendFast","d":"SendFast, the fill drawing of send-fast on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:send-horizontal","t":"SendHorizontal","d":"SendHorizontal, the stroke drawing of send-horizontal on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/send-horizontal","t":"SendHorizontal","d":"SendHorizontal, the two-tone drawing of send-horizontal on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/send-horizontal","t":"SendHorizontal","d":"SendHorizontal, the duotone drawing of send-horizontal on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/send-horizontal","t":"SendHorizontal","d":"SendHorizontal, the fill drawing of send-horizontal on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/send-horizontal","t":"SendHorizontal","d":"SendHorizontal, the stroke drawing of send-horizontal on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/send-horizontal","t":"SendHorizontal","d":"SendHorizontal, the two-tone drawing of send-horizontal on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/send-horizontal","t":"SendHorizontal","d":"SendHorizontal, the duotone drawing of send-horizontal on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/send-horizontal","t":"SendHorizontal","d":"SendHorizontal, the fill drawing of send-horizontal on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:send-horizontal-sparkles","t":"SendHorizontalSparkles","d":"SendHorizontalSparkles, the stroke drawing of send-horizontal-sparkles on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/send-horizontal-sparkles","t":"SendHorizontalSparkles","d":"SendHorizontalSparkles, the two-tone drawing of send-horizontal-sparkles on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/send-horizontal-sparkles","t":"SendHorizontalSparkles","d":"SendHorizontalSparkles, the duotone drawing of send-horizontal-sparkles on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/send-horizontal-sparkles","t":"SendHorizontalSparkles","d":"SendHorizontalSparkles, the fill drawing of send-horizontal-sparkles on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/send-horizontal-sparkles","t":"SendHorizontalSparkles","d":"SendHorizontalSparkles, the stroke drawing of send-horizontal-sparkles on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/send-horizontal-sparkles","t":"SendHorizontalSparkles","d":"SendHorizontalSparkles, the two-tone drawing of send-horizontal-sparkles on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/send-horizontal-sparkles","t":"SendHorizontalSparkles","d":"SendHorizontalSparkles, the duotone drawing of send-horizontal-sparkles on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/send-horizontal-sparkles","t":"SendHorizontalSparkles","d":"SendHorizontalSparkles, the fill drawing of send-horizontal-sparkles on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:send-sparkles","t":"SendSparkles","d":"SendSparkles, the stroke drawing of send-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/send-sparkles","t":"SendSparkles","d":"SendSparkles, the two-tone drawing of send-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/send-sparkles","t":"SendSparkles","d":"SendSparkles, the duotone drawing of send-sparkles on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/send-sparkles","t":"SendSparkles","d":"SendSparkles, the fill drawing of send-sparkles on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/send-sparkles","t":"SendSparkles","d":"SendSparkles, the stroke drawing of send-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/send-sparkles","t":"SendSparkles","d":"SendSparkles, the two-tone drawing of send-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/send-sparkles","t":"SendSparkles","d":"SendSparkles, the duotone drawing of send-sparkles on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/send-sparkles","t":"SendSparkles","d":"SendSparkles, the fill drawing of send-sparkles on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:server","t":"Server","d":"Server, the stroke drawing of server on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/server","t":"Server","d":"Server, the two-tone drawing of server on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/server","t":"Server","d":"Server, the duotone drawing of server on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/server","t":"Server","d":"Server, the fill drawing of server on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/server","t":"Server","d":"Server, the stroke drawing of server on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/server","t":"Server","d":"Server, the two-tone drawing of server on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/server","t":"Server","d":"Server, the duotone drawing of server on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/server","t":"Server","d":"Server, the fill drawing of server on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:server-minus","t":"ServerMinus","d":"ServerMinus, the stroke drawing of server-minus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/server-minus","t":"ServerMinus","d":"ServerMinus, the two-tone drawing of server-minus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/server-minus","t":"ServerMinus","d":"ServerMinus, the duotone drawing of server-minus on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/server-minus","t":"ServerMinus","d":"ServerMinus, the fill drawing of server-minus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/server-minus","t":"ServerMinus","d":"ServerMinus, the stroke drawing of server-minus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/server-minus","t":"ServerMinus","d":"ServerMinus, the two-tone drawing of server-minus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/server-minus","t":"ServerMinus","d":"ServerMinus, the duotone drawing of server-minus on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/server-minus","t":"ServerMinus","d":"ServerMinus, the fill drawing of server-minus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:server-plus","t":"ServerPlus","d":"ServerPlus, the stroke drawing of server-plus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/server-plus","t":"ServerPlus","d":"ServerPlus, the two-tone drawing of server-plus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/server-plus","t":"ServerPlus","d":"ServerPlus, the duotone drawing of server-plus on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/server-plus","t":"ServerPlus","d":"ServerPlus, the fill drawing of server-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/server-plus","t":"ServerPlus","d":"ServerPlus, the stroke drawing of server-plus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/server-plus","t":"ServerPlus","d":"ServerPlus, the two-tone drawing of server-plus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/server-plus","t":"ServerPlus","d":"ServerPlus, the duotone drawing of server-plus on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/server-plus","t":"ServerPlus","d":"ServerPlus, the fill drawing of server-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:server-zap","t":"ServerZap","d":"ServerZap, the stroke drawing of server-zap on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/server-zap","t":"ServerZap","d":"ServerZap, the two-tone drawing of server-zap on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/server-zap","t":"ServerZap","d":"ServerZap, the duotone drawing of server-zap on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/server-zap","t":"ServerZap","d":"ServerZap, the fill drawing of server-zap on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/server-zap","t":"ServerZap","d":"ServerZap, the stroke drawing of server-zap on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/server-zap","t":"ServerZap","d":"ServerZap, the two-tone drawing of server-zap on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/server-zap","t":"ServerZap","d":"ServerZap, the duotone drawing of server-zap on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/server-zap","t":"ServerZap","d":"ServerZap, the fill drawing of server-zap on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:settings","t":"Settings","d":"Settings, the stroke drawing of settings on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/settings","t":"Settings","d":"Settings, the two-tone drawing of settings on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/settings","t":"Settings","d":"Settings, the duotone drawing of settings on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/settings","t":"Settings","d":"Settings, the fill drawing of settings on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/settings","t":"Settings","d":"Settings, the stroke drawing of settings on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/settings","t":"Settings","d":"Settings, the two-tone drawing of settings on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/settings","t":"Settings","d":"Settings, the duotone drawing of settings on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/settings","t":"Settings","d":"Settings, the fill drawing of settings on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:settings-dot","t":"SettingsDot","d":"SettingsDot, the stroke drawing of settings-dot on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/settings-dot","t":"SettingsDot","d":"SettingsDot, the two-tone drawing of settings-dot on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/settings-dot","t":"SettingsDot","d":"SettingsDot, the duotone drawing of settings-dot on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/settings-dot","t":"SettingsDot","d":"SettingsDot, the fill drawing of settings-dot on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/settings-dot","t":"SettingsDot","d":"SettingsDot, the stroke drawing of settings-dot on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/settings-dot","t":"SettingsDot","d":"SettingsDot, the two-tone drawing of settings-dot on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/settings-dot","t":"SettingsDot","d":"SettingsDot, the duotone drawing of settings-dot on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/settings-dot","t":"SettingsDot","d":"SettingsDot, the fill drawing of settings-dot on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shapes","t":"Shapes","d":"Shapes, the stroke drawing of shapes on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/shapes","t":"Shapes","d":"Shapes, the two-tone drawing of shapes on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shapes","t":"Shapes","d":"Shapes, the duotone drawing of shapes on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shapes","t":"Shapes","d":"Shapes, the fill drawing of shapes on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shapes","t":"Shapes","d":"Shapes, the stroke drawing of shapes on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shapes","t":"Shapes","d":"Shapes, the two-tone drawing of shapes on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shapes","t":"Shapes","d":"Shapes, the duotone drawing of shapes on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shapes","t":"Shapes","d":"Shapes, the fill drawing of shapes on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:share","t":"Share","d":"Share, the stroke drawing of share on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/share","t":"Share","d":"Share, the two-tone drawing of share on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/share","t":"Share","d":"Share, the duotone drawing of share on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/share","t":"Share","d":"Share, the fill drawing of share on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/share","t":"Share","d":"Share, the stroke drawing of share on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/share","t":"Share","d":"Share, the two-tone drawing of share on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/share","t":"Share","d":"Share, the duotone drawing of share on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/share","t":"Share","d":"Share, the fill drawing of share on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shield","t":"Shield","d":"Shield, the stroke drawing of shield on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/shield","t":"Shield","d":"Shield, the two-tone drawing of shield on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shield","t":"Shield","d":"Shield, the duotone drawing of shield on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shield","t":"Shield","d":"Shield, the fill drawing of shield on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shield","t":"Shield","d":"Shield, the stroke drawing of shield on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shield","t":"Shield","d":"Shield, the two-tone drawing of shield on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shield","t":"Shield","d":"Shield, the duotone drawing of shield on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shield","t":"Shield","d":"Shield, the fill drawing of shield on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shield-alert","t":"ShieldAlert","d":"ShieldAlert, the stroke drawing of shield-alert on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/shield-alert","t":"ShieldAlert","d":"ShieldAlert, the two-tone drawing of shield-alert on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shield-alert","t":"ShieldAlert","d":"ShieldAlert, the duotone drawing of shield-alert on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shield-alert","t":"ShieldAlert","d":"ShieldAlert, the fill drawing of shield-alert on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shield-alert","t":"ShieldAlert","d":"ShieldAlert, the stroke drawing of shield-alert on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shield-alert","t":"ShieldAlert","d":"ShieldAlert, the two-tone drawing of shield-alert on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shield-alert","t":"ShieldAlert","d":"ShieldAlert, the duotone drawing of shield-alert on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shield-alert","t":"ShieldAlert","d":"ShieldAlert, the fill drawing of shield-alert on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shield-check","t":"ShieldCheck","d":"ShieldCheck, the stroke drawing of shield-check on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/shield-check","t":"ShieldCheck","d":"ShieldCheck, the two-tone drawing of shield-check on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shield-check","t":"ShieldCheck","d":"ShieldCheck, the duotone drawing of shield-check on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shield-check","t":"ShieldCheck","d":"ShieldCheck, the fill drawing of shield-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shield-check","t":"ShieldCheck","d":"ShieldCheck, the stroke drawing of shield-check on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shield-check","t":"ShieldCheck","d":"ShieldCheck, the two-tone drawing of shield-check on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shield-check","t":"ShieldCheck","d":"ShieldCheck, the duotone drawing of shield-check on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shield-check","t":"ShieldCheck","d":"ShieldCheck, the fill drawing of shield-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shield-heart","t":"ShieldHeart","d":"ShieldHeart, the stroke drawing of shield-heart on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/shield-heart","t":"ShieldHeart","d":"ShieldHeart, the two-tone drawing of shield-heart on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shield-heart","t":"ShieldHeart","d":"ShieldHeart, the duotone drawing of shield-heart on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shield-heart","t":"ShieldHeart","d":"ShieldHeart, the fill drawing of shield-heart on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shield-heart","t":"ShieldHeart","d":"ShieldHeart, the stroke drawing of shield-heart on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shield-heart","t":"ShieldHeart","d":"ShieldHeart, the two-tone drawing of shield-heart on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shield-heart","t":"ShieldHeart","d":"ShieldHeart, the duotone drawing of shield-heart on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shield-heart","t":"ShieldHeart","d":"ShieldHeart, the fill drawing of shield-heart on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shield-key","t":"ShieldKey","d":"ShieldKey, the stroke drawing of shield-key on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/shield-key","t":"ShieldKey","d":"ShieldKey, the two-tone drawing of shield-key on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shield-key","t":"ShieldKey","d":"ShieldKey, the duotone drawing of shield-key on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shield-key","t":"ShieldKey","d":"ShieldKey, the fill drawing of shield-key on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shield-key","t":"ShieldKey","d":"ShieldKey, the stroke drawing of shield-key on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shield-key","t":"ShieldKey","d":"ShieldKey, the two-tone drawing of shield-key on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shield-key","t":"ShieldKey","d":"ShieldKey, the duotone drawing of shield-key on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shield-key","t":"ShieldKey","d":"ShieldKey, the fill drawing of shield-key on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shield-lock","t":"ShieldLock","d":"ShieldLock, the stroke drawing of shield-lock on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/shield-lock","t":"ShieldLock","d":"ShieldLock, the two-tone drawing of shield-lock on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shield-lock","t":"ShieldLock","d":"ShieldLock, the duotone drawing of shield-lock on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shield-lock","t":"ShieldLock","d":"ShieldLock, the fill drawing of shield-lock on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shield-lock","t":"ShieldLock","d":"ShieldLock, the stroke drawing of shield-lock on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shield-lock","t":"ShieldLock","d":"ShieldLock, the two-tone drawing of shield-lock on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shield-lock","t":"ShieldLock","d":"ShieldLock, the duotone drawing of shield-lock on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shield-lock","t":"ShieldLock","d":"ShieldLock, the fill drawing of shield-lock on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shield-minus","t":"ShieldMinus","d":"ShieldMinus, the stroke drawing of shield-minus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/shield-minus","t":"ShieldMinus","d":"ShieldMinus, the two-tone drawing of shield-minus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shield-minus","t":"ShieldMinus","d":"ShieldMinus, the duotone drawing of shield-minus on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shield-minus","t":"ShieldMinus","d":"ShieldMinus, the fill drawing of shield-minus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shield-minus","t":"ShieldMinus","d":"ShieldMinus, the stroke drawing of shield-minus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shield-minus","t":"ShieldMinus","d":"ShieldMinus, the two-tone drawing of shield-minus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shield-minus","t":"ShieldMinus","d":"ShieldMinus, the duotone drawing of shield-minus on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shield-minus","t":"ShieldMinus","d":"ShieldMinus, the fill drawing of shield-minus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shield-off","t":"ShieldOff","d":"ShieldOff, the stroke drawing of shield-off on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/shield-off","t":"ShieldOff","d":"ShieldOff, the two-tone drawing of shield-off on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shield-off","t":"ShieldOff","d":"ShieldOff, the duotone drawing of shield-off on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shield-off","t":"ShieldOff","d":"ShieldOff, the fill drawing of shield-off on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shield-off","t":"ShieldOff","d":"ShieldOff, the stroke drawing of shield-off on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shield-off","t":"ShieldOff","d":"ShieldOff, the two-tone drawing of shield-off on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shield-off","t":"ShieldOff","d":"ShieldOff, the duotone drawing of shield-off on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shield-off","t":"ShieldOff","d":"ShieldOff, the fill drawing of shield-off on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shield-plus","t":"ShieldPlus","d":"ShieldPlus, the stroke drawing of shield-plus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/shield-plus","t":"ShieldPlus","d":"ShieldPlus, the two-tone drawing of shield-plus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shield-plus","t":"ShieldPlus","d":"ShieldPlus, the duotone drawing of shield-plus on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shield-plus","t":"ShieldPlus","d":"ShieldPlus, the fill drawing of shield-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shield-plus","t":"ShieldPlus","d":"ShieldPlus, the stroke drawing of shield-plus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shield-plus","t":"ShieldPlus","d":"ShieldPlus, the two-tone drawing of shield-plus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shield-plus","t":"ShieldPlus","d":"ShieldPlus, the duotone drawing of shield-plus on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shield-plus","t":"ShieldPlus","d":"ShieldPlus, the fill drawing of shield-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shield-question","t":"ShieldQuestion","d":"ShieldQuestion, the stroke drawing of shield-question on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/shield-question","t":"ShieldQuestion","d":"ShieldQuestion, the two-tone drawing of shield-question on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shield-question","t":"ShieldQuestion","d":"ShieldQuestion, the duotone drawing of shield-question on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shield-question","t":"ShieldQuestion","d":"ShieldQuestion, the fill drawing of shield-question on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shield-question","t":"ShieldQuestion","d":"ShieldQuestion, the stroke drawing of shield-question on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shield-question","t":"ShieldQuestion","d":"ShieldQuestion, the two-tone drawing of shield-question on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shield-question","t":"ShieldQuestion","d":"ShieldQuestion, the duotone drawing of shield-question on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shield-question","t":"ShieldQuestion","d":"ShieldQuestion, the fill drawing of shield-question on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shield-sparkles","t":"ShieldSparkles","d":"ShieldSparkles, the stroke drawing of shield-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/shield-sparkles","t":"ShieldSparkles","d":"ShieldSparkles, the two-tone drawing of shield-sparkles on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shield-sparkles","t":"ShieldSparkles","d":"ShieldSparkles, the duotone drawing of shield-sparkles on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shield-sparkles","t":"ShieldSparkles","d":"ShieldSparkles, the fill drawing of shield-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shield-sparkles","t":"ShieldSparkles","d":"ShieldSparkles, the stroke drawing of shield-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shield-sparkles","t":"ShieldSparkles","d":"ShieldSparkles, the two-tone drawing of shield-sparkles on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shield-sparkles","t":"ShieldSparkles","d":"ShieldSparkles, the duotone drawing of shield-sparkles on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shield-sparkles","t":"ShieldSparkles","d":"ShieldSparkles, the fill drawing of shield-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shield-terminal","t":"ShieldTerminal","d":"ShieldTerminal, the stroke drawing of shield-terminal on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:two-tone/shield-terminal","t":"ShieldTerminal","d":"ShieldTerminal, the two-tone drawing of shield-terminal on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:duotone/shield-terminal","t":"ShieldTerminal","d":"ShieldTerminal, the duotone drawing of shield-terminal on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:fill/shield-terminal","t":"ShieldTerminal","d":"ShieldTerminal, the fill drawing of shield-terminal on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/shield-terminal","t":"ShieldTerminal","d":"ShieldTerminal, the stroke drawing of shield-terminal on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/two-tone/shield-terminal","t":"ShieldTerminal","d":"ShieldTerminal, the two-tone drawing of shield-terminal on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/duotone/shield-terminal","t":"ShieldTerminal","d":"ShieldTerminal, the duotone drawing of shield-terminal on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/fill/shield-terminal","t":"ShieldTerminal","d":"ShieldTerminal, the fill drawing of shield-terminal on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:shield-user","t":"ShieldUser","d":"ShieldUser, the stroke drawing of shield-user on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/shield-user","t":"ShieldUser","d":"ShieldUser, the two-tone drawing of shield-user on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shield-user","t":"ShieldUser","d":"ShieldUser, the duotone drawing of shield-user on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shield-user","t":"ShieldUser","d":"ShieldUser, the fill drawing of shield-user on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shield-user","t":"ShieldUser","d":"ShieldUser, the stroke drawing of shield-user on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shield-user","t":"ShieldUser","d":"ShieldUser, the two-tone drawing of shield-user on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shield-user","t":"ShieldUser","d":"ShieldUser, the duotone drawing of shield-user on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shield-user","t":"ShieldUser","d":"ShieldUser, the fill drawing of shield-user on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:ship","t":"Ship","d":"Ship, the stroke drawing of ship on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/ship","t":"Ship","d":"Ship, the two-tone drawing of ship on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/ship","t":"Ship","d":"Ship, the duotone drawing of ship on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/ship","t":"Ship","d":"Ship, the fill drawing of ship on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/ship","t":"Ship","d":"Ship, the stroke drawing of ship on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/ship","t":"Ship","d":"Ship, the two-tone drawing of ship on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/ship","t":"Ship","d":"Ship, the duotone drawing of ship on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/ship","t":"Ship","d":"Ship, the fill drawing of ship on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shirt","t":"Shirt","d":"Shirt, the stroke drawing of shirt on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/shirt","t":"Shirt","d":"Shirt, the two-tone drawing of shirt on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shirt","t":"Shirt","d":"Shirt, the duotone drawing of shirt on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shirt","t":"Shirt","d":"Shirt, the fill drawing of shirt on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shirt","t":"Shirt","d":"Shirt, the stroke drawing of shirt on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shirt","t":"Shirt","d":"Shirt, the two-tone drawing of shirt on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shirt","t":"Shirt","d":"Shirt, the duotone drawing of shirt on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shirt","t":"Shirt","d":"Shirt, the fill drawing of shirt on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shirt-sparkles","t":"ShirtSparkles","d":"ShirtSparkles, the stroke drawing of shirt-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/shirt-sparkles","t":"ShirtSparkles","d":"ShirtSparkles, the two-tone drawing of shirt-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shirt-sparkles","t":"ShirtSparkles","d":"ShirtSparkles, the duotone drawing of shirt-sparkles on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shirt-sparkles","t":"ShirtSparkles","d":"ShirtSparkles, the fill drawing of shirt-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shirt-sparkles","t":"ShirtSparkles","d":"ShirtSparkles, the stroke drawing of shirt-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shirt-sparkles","t":"ShirtSparkles","d":"ShirtSparkles, the two-tone drawing of shirt-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shirt-sparkles","t":"ShirtSparkles","d":"ShirtSparkles, the duotone drawing of shirt-sparkles on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shirt-sparkles","t":"ShirtSparkles","d":"ShirtSparkles, the fill drawing of shirt-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shopping-bag","t":"ShoppingBag","d":"ShoppingBag, the stroke drawing of shopping-bag on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/shopping-bag","t":"ShoppingBag","d":"ShoppingBag, the two-tone drawing of shopping-bag on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shopping-bag","t":"ShoppingBag","d":"ShoppingBag, the duotone drawing of shopping-bag on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shopping-bag","t":"ShoppingBag","d":"ShoppingBag, the fill drawing of shopping-bag on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shopping-bag","t":"ShoppingBag","d":"ShoppingBag, the stroke drawing of shopping-bag on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shopping-bag","t":"ShoppingBag","d":"ShoppingBag, the two-tone drawing of shopping-bag on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shopping-bag","t":"ShoppingBag","d":"ShoppingBag, the duotone drawing of shopping-bag on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shopping-bag","t":"ShoppingBag","d":"ShoppingBag, the fill drawing of shopping-bag on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shopping-basket","t":"ShoppingBasket","d":"ShoppingBasket, the stroke drawing of shopping-basket on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/shopping-basket","t":"ShoppingBasket","d":"ShoppingBasket, the two-tone drawing of shopping-basket on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shopping-basket","t":"ShoppingBasket","d":"ShoppingBasket, the duotone drawing of shopping-basket on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shopping-basket","t":"ShoppingBasket","d":"ShoppingBasket, the fill drawing of shopping-basket on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shopping-basket","t":"ShoppingBasket","d":"ShoppingBasket, the stroke drawing of shopping-basket on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shopping-basket","t":"ShoppingBasket","d":"ShoppingBasket, the two-tone drawing of shopping-basket on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shopping-basket","t":"ShoppingBasket","d":"ShoppingBasket, the duotone drawing of shopping-basket on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shopping-basket","t":"ShoppingBasket","d":"ShoppingBasket, the fill drawing of shopping-basket on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shopping-basket-plus","t":"ShoppingBasketPlus","d":"ShoppingBasketPlus, the stroke drawing of shopping-basket-plus on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/shopping-basket-plus","t":"ShoppingBasketPlus","d":"ShoppingBasketPlus, the two-tone drawing of shopping-basket-plus on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shopping-basket-plus","t":"ShoppingBasketPlus","d":"ShoppingBasketPlus, the duotone drawing of shopping-basket-plus on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shopping-basket-plus","t":"ShoppingBasketPlus","d":"ShoppingBasketPlus, the fill drawing of shopping-basket-plus on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shopping-basket-plus","t":"ShoppingBasketPlus","d":"ShoppingBasketPlus, the stroke drawing of shopping-basket-plus on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shopping-basket-plus","t":"ShoppingBasketPlus","d":"ShoppingBasketPlus, the two-tone drawing of shopping-basket-plus on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shopping-basket-plus","t":"ShoppingBasketPlus","d":"ShoppingBasketPlus, the duotone drawing of shopping-basket-plus on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shopping-basket-plus","t":"ShoppingBasketPlus","d":"ShoppingBasketPlus, the fill drawing of shopping-basket-plus on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shopping-cart","t":"ShoppingCart","d":"ShoppingCart, the stroke drawing of shopping-cart on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/shopping-cart","t":"ShoppingCart","d":"ShoppingCart, the two-tone drawing of shopping-cart on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shopping-cart","t":"ShoppingCart","d":"ShoppingCart, the duotone drawing of shopping-cart on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shopping-cart","t":"ShoppingCart","d":"ShoppingCart, the fill drawing of shopping-cart on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shopping-cart","t":"ShoppingCart","d":"ShoppingCart, the stroke drawing of shopping-cart on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shopping-cart","t":"ShoppingCart","d":"ShoppingCart, the two-tone drawing of shopping-cart on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shopping-cart","t":"ShoppingCart","d":"ShoppingCart, the duotone drawing of shopping-cart on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shopping-cart","t":"ShoppingCart","d":"ShoppingCart, the fill drawing of shopping-cart on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shopping-cart-plus","t":"ShoppingCartPlus","d":"ShoppingCartPlus, the stroke drawing of shopping-cart-plus on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/shopping-cart-plus","t":"ShoppingCartPlus","d":"ShoppingCartPlus, the two-tone drawing of shopping-cart-plus on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shopping-cart-plus","t":"ShoppingCartPlus","d":"ShoppingCartPlus, the duotone drawing of shopping-cart-plus on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shopping-cart-plus","t":"ShoppingCartPlus","d":"ShoppingCartPlus, the fill drawing of shopping-cart-plus on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shopping-cart-plus","t":"ShoppingCartPlus","d":"ShoppingCartPlus, the stroke drawing of shopping-cart-plus on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shopping-cart-plus","t":"ShoppingCartPlus","d":"ShoppingCartPlus, the two-tone drawing of shopping-cart-plus on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shopping-cart-plus","t":"ShoppingCartPlus","d":"ShoppingCartPlus, the duotone drawing of shopping-cart-plus on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shopping-cart-plus","t":"ShoppingCartPlus","d":"ShoppingCartPlus, the fill drawing of shopping-cart-plus on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shopping-cart-sparkles","t":"ShoppingCartSparkles","d":"ShoppingCartSparkles, the stroke drawing of shopping-cart-sparkles on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/shopping-cart-sparkles","t":"ShoppingCartSparkles","d":"ShoppingCartSparkles, the two-tone drawing of shopping-cart-sparkles on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shopping-cart-sparkles","t":"ShoppingCartSparkles","d":"ShoppingCartSparkles, the duotone drawing of shopping-cart-sparkles on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shopping-cart-sparkles","t":"ShoppingCartSparkles","d":"ShoppingCartSparkles, the fill drawing of shopping-cart-sparkles on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shopping-cart-sparkles","t":"ShoppingCartSparkles","d":"ShoppingCartSparkles, the stroke drawing of shopping-cart-sparkles on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shopping-cart-sparkles","t":"ShoppingCartSparkles","d":"ShoppingCartSparkles, the two-tone drawing of shopping-cart-sparkles on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shopping-cart-sparkles","t":"ShoppingCartSparkles","d":"ShoppingCartSparkles, the duotone drawing of shopping-cart-sparkles on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shopping-cart-sparkles","t":"ShoppingCartSparkles","d":"ShoppingCartSparkles, the fill drawing of shopping-cart-sparkles on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shredder","t":"Shredder","d":"Shredder, the stroke drawing of shredder on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/shredder","t":"Shredder","d":"Shredder, the two-tone drawing of shredder on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shredder","t":"Shredder","d":"Shredder, the duotone drawing of shredder on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shredder","t":"Shredder","d":"Shredder, the fill drawing of shredder on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shredder","t":"Shredder","d":"Shredder, the stroke drawing of shredder on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shredder","t":"Shredder","d":"Shredder, the two-tone drawing of shredder on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shredder","t":"Shredder","d":"Shredder, the duotone drawing of shredder on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shredder","t":"Shredder","d":"Shredder, the fill drawing of shredder on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:shuffle","t":"Shuffle","d":"Shuffle, the stroke drawing of shuffle on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/shuffle","t":"Shuffle","d":"Shuffle, the two-tone drawing of shuffle on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/shuffle","t":"Shuffle","d":"Shuffle, the duotone drawing of shuffle on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/shuffle","t":"Shuffle","d":"Shuffle, the fill drawing of shuffle on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/shuffle","t":"Shuffle","d":"Shuffle, the stroke drawing of shuffle on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/shuffle","t":"Shuffle","d":"Shuffle, the two-tone drawing of shuffle on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/shuffle","t":"Shuffle","d":"Shuffle, the duotone drawing of shuffle on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/shuffle","t":"Shuffle","d":"Shuffle, the fill drawing of shuffle on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:signal","t":"Signal","d":"Signal, the stroke drawing of signal on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/signal","t":"Signal","d":"Signal, the two-tone drawing of signal on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/signal","t":"Signal","d":"Signal, the duotone drawing of signal on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/signal","t":"Signal","d":"Signal, the fill drawing of signal on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/signal","t":"Signal","d":"Signal, the stroke drawing of signal on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/signal","t":"Signal","d":"Signal, the two-tone drawing of signal on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/signal","t":"Signal","d":"Signal, the duotone drawing of signal on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/signal","t":"Signal","d":"Signal, the fill drawing of signal on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:signal-high","t":"SignalHigh","d":"SignalHigh, the stroke drawing of signal-high on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/signal-high","t":"SignalHigh","d":"SignalHigh, the two-tone drawing of signal-high on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/signal-high","t":"SignalHigh","d":"SignalHigh, the duotone drawing of signal-high on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/signal-high","t":"SignalHigh","d":"SignalHigh, the fill drawing of signal-high on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/signal-high","t":"SignalHigh","d":"SignalHigh, the stroke drawing of signal-high on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/signal-high","t":"SignalHigh","d":"SignalHigh, the two-tone drawing of signal-high on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/signal-high","t":"SignalHigh","d":"SignalHigh, the duotone drawing of signal-high on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/signal-high","t":"SignalHigh","d":"SignalHigh, the fill drawing of signal-high on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:signal-low","t":"SignalLow","d":"SignalLow, the stroke drawing of signal-low on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/signal-low","t":"SignalLow","d":"SignalLow, the two-tone drawing of signal-low on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/signal-low","t":"SignalLow","d":"SignalLow, the duotone drawing of signal-low on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/signal-low","t":"SignalLow","d":"SignalLow, the fill drawing of signal-low on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/signal-low","t":"SignalLow","d":"SignalLow, the stroke drawing of signal-low on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/signal-low","t":"SignalLow","d":"SignalLow, the two-tone drawing of signal-low on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/signal-low","t":"SignalLow","d":"SignalLow, the duotone drawing of signal-low on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/signal-low","t":"SignalLow","d":"SignalLow, the fill drawing of signal-low on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:signal-medium","t":"SignalMedium","d":"SignalMedium, the stroke drawing of signal-medium on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/signal-medium","t":"SignalMedium","d":"SignalMedium, the two-tone drawing of signal-medium on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/signal-medium","t":"SignalMedium","d":"SignalMedium, the duotone drawing of signal-medium on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/signal-medium","t":"SignalMedium","d":"SignalMedium, the fill drawing of signal-medium on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/signal-medium","t":"SignalMedium","d":"SignalMedium, the stroke drawing of signal-medium on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/signal-medium","t":"SignalMedium","d":"SignalMedium, the two-tone drawing of signal-medium on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/signal-medium","t":"SignalMedium","d":"SignalMedium, the duotone drawing of signal-medium on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/signal-medium","t":"SignalMedium","d":"SignalMedium, the fill drawing of signal-medium on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:signal-sparkles","t":"SignalSparkles","d":"SignalSparkles, the stroke drawing of signal-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/signal-sparkles","t":"SignalSparkles","d":"SignalSparkles, the two-tone drawing of signal-sparkles on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/signal-sparkles","t":"SignalSparkles","d":"SignalSparkles, the duotone drawing of signal-sparkles on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/signal-sparkles","t":"SignalSparkles","d":"SignalSparkles, the fill drawing of signal-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/signal-sparkles","t":"SignalSparkles","d":"SignalSparkles, the stroke drawing of signal-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/signal-sparkles","t":"SignalSparkles","d":"SignalSparkles, the two-tone drawing of signal-sparkles on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/signal-sparkles","t":"SignalSparkles","d":"SignalSparkles, the duotone drawing of signal-sparkles on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/signal-sparkles","t":"SignalSparkles","d":"SignalSparkles, the fill drawing of signal-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:signature","t":"Signature","d":"Signature, the stroke drawing of signature on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/signature","t":"Signature","d":"Signature, the two-tone drawing of signature on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/signature","t":"Signature","d":"Signature, the duotone drawing of signature on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/signature","t":"Signature","d":"Signature, the fill drawing of signature on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/signature","t":"Signature","d":"Signature, the stroke drawing of signature on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/signature","t":"Signature","d":"Signature, the two-tone drawing of signature on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/signature","t":"Signature","d":"Signature, the duotone drawing of signature on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/signature","t":"Signature","d":"Signature, the fill drawing of signature on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:siren","t":"Siren","d":"Siren, the stroke drawing of siren on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/siren","t":"Siren","d":"Siren, the two-tone drawing of siren on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/siren","t":"Siren","d":"Siren, the duotone drawing of siren on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/siren","t":"Siren","d":"Siren, the fill drawing of siren on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/siren","t":"Siren","d":"Siren, the stroke drawing of siren on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/siren","t":"Siren","d":"Siren, the two-tone drawing of siren on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/siren","t":"Siren","d":"Siren, the duotone drawing of siren on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/siren","t":"Siren","d":"Siren, the fill drawing of siren on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:skip-back","t":"SkipBack","d":"SkipBack, the stroke drawing of skip-back on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/skip-back","t":"SkipBack","d":"SkipBack, the two-tone drawing of skip-back on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/skip-back","t":"SkipBack","d":"SkipBack, the duotone drawing of skip-back on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/skip-back","t":"SkipBack","d":"SkipBack, the fill drawing of skip-back on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/skip-back","t":"SkipBack","d":"SkipBack, the stroke drawing of skip-back on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/skip-back","t":"SkipBack","d":"SkipBack, the two-tone drawing of skip-back on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/skip-back","t":"SkipBack","d":"SkipBack, the duotone drawing of skip-back on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/skip-back","t":"SkipBack","d":"SkipBack, the fill drawing of skip-back on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:skip-forward","t":"SkipForward","d":"SkipForward, the stroke drawing of skip-forward on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/skip-forward","t":"SkipForward","d":"SkipForward, the two-tone drawing of skip-forward on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/skip-forward","t":"SkipForward","d":"SkipForward, the duotone drawing of skip-forward on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/skip-forward","t":"SkipForward","d":"SkipForward, the fill drawing of skip-forward on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/skip-forward","t":"SkipForward","d":"SkipForward, the stroke drawing of skip-forward on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/skip-forward","t":"SkipForward","d":"SkipForward, the two-tone drawing of skip-forward on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/skip-forward","t":"SkipForward","d":"SkipForward, the duotone drawing of skip-forward on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/skip-forward","t":"SkipForward","d":"SkipForward, the fill drawing of skip-forward on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-slash","t":"CircleSlash","d":"CircleSlash, the stroke drawing of circle-slash on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-slash","t":"CircleSlash","d":"CircleSlash, the two-tone drawing of circle-slash on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-slash","t":"CircleSlash","d":"CircleSlash, the duotone drawing of circle-slash on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-slash","t":"CircleSlash","d":"CircleSlash, the fill drawing of circle-slash on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-slash","t":"CircleSlash","d":"CircleSlash, the stroke drawing of circle-slash on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-slash","t":"CircleSlash","d":"CircleSlash, the two-tone drawing of circle-slash on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-slash","t":"CircleSlash","d":"CircleSlash, the duotone drawing of circle-slash on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-slash","t":"CircleSlash","d":"CircleSlash, the fill drawing of circle-slash on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:slash","t":"Slash","d":"Slash, the stroke drawing of slash on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/slash","t":"Slash","d":"Slash, the two-tone drawing of slash on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/slash","t":"Slash","d":"Slash, the duotone drawing of slash on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/slash","t":"Slash","d":"Slash, the fill drawing of slash on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/slash","t":"Slash","d":"Slash, the stroke drawing of slash on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/slash","t":"Slash","d":"Slash, the two-tone drawing of slash on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/slash","t":"Slash","d":"Slash, the duotone drawing of slash on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/slash","t":"Slash","d":"Slash, the fill drawing of slash on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-slash","t":"SquareSlash","d":"SquareSlash, the stroke drawing of square-slash on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-slash","t":"SquareSlash","d":"SquareSlash, the two-tone drawing of square-slash on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-slash","t":"SquareSlash","d":"SquareSlash, the duotone drawing of square-slash on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-slash","t":"SquareSlash","d":"SquareSlash, the fill drawing of square-slash on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-slash","t":"SquareSlash","d":"SquareSlash, the stroke drawing of square-slash on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-slash","t":"SquareSlash","d":"SquareSlash, the two-tone drawing of square-slash on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-slash","t":"SquareSlash","d":"SquareSlash, the duotone drawing of square-slash on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-slash","t":"SquareSlash","d":"SquareSlash, the fill drawing of square-slash on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sliders-2-horizontal","t":"Sliders2Horizontal","d":"Sliders2Horizontal, the stroke drawing of sliders-2-horizontal on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/sliders-2-horizontal","t":"Sliders2Horizontal","d":"Sliders2Horizontal, the two-tone drawing of sliders-2-horizontal on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/sliders-2-horizontal","t":"Sliders2Horizontal","d":"Sliders2Horizontal, the duotone drawing of sliders-2-horizontal on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/sliders-2-horizontal","t":"Sliders2Horizontal","d":"Sliders2Horizontal, the fill drawing of sliders-2-horizontal on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/sliders-2-horizontal","t":"Sliders2Horizontal","d":"Sliders2Horizontal, the stroke drawing of sliders-2-horizontal on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/sliders-2-horizontal","t":"Sliders2Horizontal","d":"Sliders2Horizontal, the two-tone drawing of sliders-2-horizontal on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/sliders-2-horizontal","t":"Sliders2Horizontal","d":"Sliders2Horizontal, the duotone drawing of sliders-2-horizontal on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/sliders-2-horizontal","t":"Sliders2Horizontal","d":"Sliders2Horizontal, the fill drawing of sliders-2-horizontal on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sliders-2-vertical","t":"Sliders2Vertical","d":"Sliders2Vertical, the stroke drawing of sliders-2-vertical on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/sliders-2-vertical","t":"Sliders2Vertical","d":"Sliders2Vertical, the two-tone drawing of sliders-2-vertical on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/sliders-2-vertical","t":"Sliders2Vertical","d":"Sliders2Vertical, the duotone drawing of sliders-2-vertical on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/sliders-2-vertical","t":"Sliders2Vertical","d":"Sliders2Vertical, the fill drawing of sliders-2-vertical on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/sliders-2-vertical","t":"Sliders2Vertical","d":"Sliders2Vertical, the stroke drawing of sliders-2-vertical on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/sliders-2-vertical","t":"Sliders2Vertical","d":"Sliders2Vertical, the two-tone drawing of sliders-2-vertical on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/sliders-2-vertical","t":"Sliders2Vertical","d":"Sliders2Vertical, the duotone drawing of sliders-2-vertical on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/sliders-2-vertical","t":"Sliders2Vertical","d":"Sliders2Vertical, the fill drawing of sliders-2-vertical on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sliders-horizontal","t":"SlidersHorizontal","d":"SlidersHorizontal, the stroke drawing of sliders-horizontal on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/sliders-horizontal","t":"SlidersHorizontal","d":"SlidersHorizontal, the two-tone drawing of sliders-horizontal on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/sliders-horizontal","t":"SlidersHorizontal","d":"SlidersHorizontal, the duotone drawing of sliders-horizontal on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/sliders-horizontal","t":"SlidersHorizontal","d":"SlidersHorizontal, the fill drawing of sliders-horizontal on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/sliders-horizontal","t":"SlidersHorizontal","d":"SlidersHorizontal, the stroke drawing of sliders-horizontal on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/sliders-horizontal","t":"SlidersHorizontal","d":"SlidersHorizontal, the two-tone drawing of sliders-horizontal on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/sliders-horizontal","t":"SlidersHorizontal","d":"SlidersHorizontal, the duotone drawing of sliders-horizontal on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/sliders-horizontal","t":"SlidersHorizontal","d":"SlidersHorizontal, the fill drawing of sliders-horizontal on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sliders-horizontal-sparkles","t":"SlidersHorizontalSparkles","d":"SlidersHorizontalSparkles, the stroke drawing of sliders-horizontal-sparkles on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/sliders-horizontal-sparkles","t":"SlidersHorizontalSparkles","d":"SlidersHorizontalSparkles, the two-tone drawing of sliders-horizontal-sparkles on a 24×24 ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/sliders-horizontal-sparkles","t":"SlidersHorizontalSparkles","d":"SlidersHorizontalSparkles, the duotone drawing of sliders-horizontal-sparkles on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/sliders-horizontal-sparkles","t":"SlidersHorizontalSparkles","d":"SlidersHorizontalSparkles, the fill drawing of sliders-horizontal-sparkles on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/sliders-horizontal-sparkles","t":"SlidersHorizontalSparkles","d":"SlidersHorizontalSparkles, the stroke drawing of sliders-horizontal-sparkles on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/sliders-horizontal-sparkles","t":"SlidersHorizontalSparkles","d":"SlidersHorizontalSparkles, the two-tone drawing of sliders-horizontal-sparkles on a 24×24 ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/sliders-horizontal-sparkles","t":"SlidersHorizontalSparkles","d":"SlidersHorizontalSparkles, the duotone drawing of sliders-horizontal-sparkles on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/sliders-horizontal-sparkles","t":"SlidersHorizontalSparkles","d":"SlidersHorizontalSparkles, the fill drawing of sliders-horizontal-sparkles on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sliders-vertical","t":"SlidersVertical","d":"SlidersVertical, the stroke drawing of sliders-vertical on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/sliders-vertical","t":"SlidersVertical","d":"SlidersVertical, the two-tone drawing of sliders-vertical on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/sliders-vertical","t":"SlidersVertical","d":"SlidersVertical, the duotone drawing of sliders-vertical on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/sliders-vertical","t":"SlidersVertical","d":"SlidersVertical, the fill drawing of sliders-vertical on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/sliders-vertical","t":"SlidersVertical","d":"SlidersVertical, the stroke drawing of sliders-vertical on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/sliders-vertical","t":"SlidersVertical","d":"SlidersVertical, the two-tone drawing of sliders-vertical on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/sliders-vertical","t":"SlidersVertical","d":"SlidersVertical, the duotone drawing of sliders-vertical on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/sliders-vertical","t":"SlidersVertical","d":"SlidersVertical, the fill drawing of sliders-vertical on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:smartphone","t":"Smartphone","d":"Smartphone, the stroke drawing of smartphone on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/smartphone","t":"Smartphone","d":"Smartphone, the two-tone drawing of smartphone on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/smartphone","t":"Smartphone","d":"Smartphone, the duotone drawing of smartphone on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/smartphone","t":"Smartphone","d":"Smartphone, the fill drawing of smartphone on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/smartphone","t":"Smartphone","d":"Smartphone, the stroke drawing of smartphone on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/smartphone","t":"Smartphone","d":"Smartphone, the two-tone drawing of smartphone on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/smartphone","t":"Smartphone","d":"Smartphone, the duotone drawing of smartphone on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/smartphone","t":"Smartphone","d":"Smartphone, the fill drawing of smartphone on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:smartphone-arrow-down","t":"SmartphoneArrowDown","d":"SmartphoneArrowDown, the stroke drawing of smartphone-arrow-down on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/smartphone-arrow-down","t":"SmartphoneArrowDown","d":"SmartphoneArrowDown, the two-tone drawing of smartphone-arrow-down on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/smartphone-arrow-down","t":"SmartphoneArrowDown","d":"SmartphoneArrowDown, the duotone drawing of smartphone-arrow-down on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/smartphone-arrow-down","t":"SmartphoneArrowDown","d":"SmartphoneArrowDown, the fill drawing of smartphone-arrow-down on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/smartphone-arrow-down","t":"SmartphoneArrowDown","d":"SmartphoneArrowDown, the stroke drawing of smartphone-arrow-down on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/smartphone-arrow-down","t":"SmartphoneArrowDown","d":"SmartphoneArrowDown, the two-tone drawing of smartphone-arrow-down on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/smartphone-arrow-down","t":"SmartphoneArrowDown","d":"SmartphoneArrowDown, the duotone drawing of smartphone-arrow-down on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/smartphone-arrow-down","t":"SmartphoneArrowDown","d":"SmartphoneArrowDown, the fill drawing of smartphone-arrow-down on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:smartphone-arrow-down-left","t":"SmartphoneArrowDownLeft","d":"SmartphoneArrowDownLeft, the stroke drawing of smartphone-arrow-down-left on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/smartphone-arrow-down-left","t":"SmartphoneArrowDownLeft","d":"SmartphoneArrowDownLeft, the two-tone drawing of smartphone-arrow-down-left on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/smartphone-arrow-down-left","t":"SmartphoneArrowDownLeft","d":"SmartphoneArrowDownLeft, the duotone drawing of smartphone-arrow-down-left on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/smartphone-arrow-down-left","t":"SmartphoneArrowDownLeft","d":"SmartphoneArrowDownLeft, the fill drawing of smartphone-arrow-down-left on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/smartphone-arrow-down-left","t":"SmartphoneArrowDownLeft","d":"SmartphoneArrowDownLeft, the stroke drawing of smartphone-arrow-down-left on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/smartphone-arrow-down-left","t":"SmartphoneArrowDownLeft","d":"SmartphoneArrowDownLeft, the two-tone drawing of smartphone-arrow-down-left on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/smartphone-arrow-down-left","t":"SmartphoneArrowDownLeft","d":"SmartphoneArrowDownLeft, the duotone drawing of smartphone-arrow-down-left on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/smartphone-arrow-down-left","t":"SmartphoneArrowDownLeft","d":"SmartphoneArrowDownLeft, the fill drawing of smartphone-arrow-down-left on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:smartphone-arrow-in-down-right","t":"SmartphoneArrowInDownRight","d":"SmartphoneArrowInDownRight, the stroke drawing of smartphone-arrow-in-down-right on a 24×2","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/smartphone-arrow-in-down-right","t":"SmartphoneArrowInDownRight","d":"SmartphoneArrowInDownRight, the two-tone drawing of smartphone-arrow-in-down-right on a 24","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/smartphone-arrow-in-down-right","t":"SmartphoneArrowInDownRight","d":"SmartphoneArrowInDownRight, the duotone drawing of smartphone-arrow-in-down-right on a 24×","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/smartphone-arrow-in-down-right","t":"SmartphoneArrowInDownRight","d":"SmartphoneArrowInDownRight, the fill drawing of smartphone-arrow-in-down-right on a 24×24 ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/smartphone-arrow-in-down-right","t":"SmartphoneArrowInDownRight","d":"SmartphoneArrowInDownRight, the stroke drawing of smartphone-arrow-in-down-right on a 24×2","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/smartphone-arrow-in-down-right","t":"SmartphoneArrowInDownRight","d":"SmartphoneArrowInDownRight, the two-tone drawing of smartphone-arrow-in-down-right on a 24","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/smartphone-arrow-in-down-right","t":"SmartphoneArrowInDownRight","d":"SmartphoneArrowInDownRight, the duotone drawing of smartphone-arrow-in-down-right on a 24×","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/smartphone-arrow-in-down-right","t":"SmartphoneArrowInDownRight","d":"SmartphoneArrowInDownRight, the fill drawing of smartphone-arrow-in-down-right on a 24×24 ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:smartphone-arrow-in-right","t":"SmartphoneArrowInRight","d":"SmartphoneArrowInRight, the stroke drawing of smartphone-arrow-in-right on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/smartphone-arrow-in-right","t":"SmartphoneArrowInRight","d":"SmartphoneArrowInRight, the two-tone drawing of smartphone-arrow-in-right on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/smartphone-arrow-in-right","t":"SmartphoneArrowInRight","d":"SmartphoneArrowInRight, the duotone drawing of smartphone-arrow-in-right on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/smartphone-arrow-in-right","t":"SmartphoneArrowInRight","d":"SmartphoneArrowInRight, the fill drawing of smartphone-arrow-in-right on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/smartphone-arrow-in-right","t":"SmartphoneArrowInRight","d":"SmartphoneArrowInRight, the stroke drawing of smartphone-arrow-in-right on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/smartphone-arrow-in-right","t":"SmartphoneArrowInRight","d":"SmartphoneArrowInRight, the two-tone drawing of smartphone-arrow-in-right on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/smartphone-arrow-in-right","t":"SmartphoneArrowInRight","d":"SmartphoneArrowInRight, the duotone drawing of smartphone-arrow-in-right on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/smartphone-arrow-in-right","t":"SmartphoneArrowInRight","d":"SmartphoneArrowInRight, the fill drawing of smartphone-arrow-in-right on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:smartphone-arrow-in-up","t":"SmartphoneArrowInUp","d":"SmartphoneArrowInUp, the stroke drawing of smartphone-arrow-in-up on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/smartphone-arrow-in-up","t":"SmartphoneArrowInUp","d":"SmartphoneArrowInUp, the two-tone drawing of smartphone-arrow-in-up on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/smartphone-arrow-in-up","t":"SmartphoneArrowInUp","d":"SmartphoneArrowInUp, the duotone drawing of smartphone-arrow-in-up on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/smartphone-arrow-in-up","t":"SmartphoneArrowInUp","d":"SmartphoneArrowInUp, the fill drawing of smartphone-arrow-in-up on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/smartphone-arrow-in-up","t":"SmartphoneArrowInUp","d":"SmartphoneArrowInUp, the stroke drawing of smartphone-arrow-in-up on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/smartphone-arrow-in-up","t":"SmartphoneArrowInUp","d":"SmartphoneArrowInUp, the two-tone drawing of smartphone-arrow-in-up on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/smartphone-arrow-in-up","t":"SmartphoneArrowInUp","d":"SmartphoneArrowInUp, the duotone drawing of smartphone-arrow-in-up on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/smartphone-arrow-in-up","t":"SmartphoneArrowInUp","d":"SmartphoneArrowInUp, the fill drawing of smartphone-arrow-in-up on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:smartphone-arrow-in-up-right","t":"SmartphoneArrowInUpRight","d":"SmartphoneArrowInUpRight, the stroke drawing of smartphone-arrow-in-up-right on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/smartphone-arrow-in-up-right","t":"SmartphoneArrowInUpRight","d":"SmartphoneArrowInUpRight, the two-tone drawing of smartphone-arrow-in-up-right on a 24×24 ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/smartphone-arrow-in-up-right","t":"SmartphoneArrowInUpRight","d":"SmartphoneArrowInUpRight, the duotone drawing of smartphone-arrow-in-up-right on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/smartphone-arrow-in-up-right","t":"SmartphoneArrowInUpRight","d":"SmartphoneArrowInUpRight, the fill drawing of smartphone-arrow-in-up-right on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/smartphone-arrow-in-up-right","t":"SmartphoneArrowInUpRight","d":"SmartphoneArrowInUpRight, the stroke drawing of smartphone-arrow-in-up-right on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/smartphone-arrow-in-up-right","t":"SmartphoneArrowInUpRight","d":"SmartphoneArrowInUpRight, the two-tone drawing of smartphone-arrow-in-up-right on a 24×24 ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/smartphone-arrow-in-up-right","t":"SmartphoneArrowInUpRight","d":"SmartphoneArrowInUpRight, the duotone drawing of smartphone-arrow-in-up-right on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/smartphone-arrow-in-up-right","t":"SmartphoneArrowInUpRight","d":"SmartphoneArrowInUpRight, the fill drawing of smartphone-arrow-in-up-right on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:smartphone-arrow-left","t":"SmartphoneArrowLeft","d":"SmartphoneArrowLeft, the stroke drawing of smartphone-arrow-left on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/smartphone-arrow-left","t":"SmartphoneArrowLeft","d":"SmartphoneArrowLeft, the two-tone drawing of smartphone-arrow-left on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/smartphone-arrow-left","t":"SmartphoneArrowLeft","d":"SmartphoneArrowLeft, the duotone drawing of smartphone-arrow-left on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/smartphone-arrow-left","t":"SmartphoneArrowLeft","d":"SmartphoneArrowLeft, the fill drawing of smartphone-arrow-left on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/smartphone-arrow-left","t":"SmartphoneArrowLeft","d":"SmartphoneArrowLeft, the stroke drawing of smartphone-arrow-left on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/smartphone-arrow-left","t":"SmartphoneArrowLeft","d":"SmartphoneArrowLeft, the two-tone drawing of smartphone-arrow-left on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/smartphone-arrow-left","t":"SmartphoneArrowLeft","d":"SmartphoneArrowLeft, the duotone drawing of smartphone-arrow-left on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/smartphone-arrow-left","t":"SmartphoneArrowLeft","d":"SmartphoneArrowLeft, the fill drawing of smartphone-arrow-left on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:smartphone-arrow-up-left","t":"SmartphoneArrowUpLeft","d":"SmartphoneArrowUpLeft, the stroke drawing of smartphone-arrow-up-left on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/smartphone-arrow-up-left","t":"SmartphoneArrowUpLeft","d":"SmartphoneArrowUpLeft, the two-tone drawing of smartphone-arrow-up-left on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/smartphone-arrow-up-left","t":"SmartphoneArrowUpLeft","d":"SmartphoneArrowUpLeft, the duotone drawing of smartphone-arrow-up-left on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/smartphone-arrow-up-left","t":"SmartphoneArrowUpLeft","d":"SmartphoneArrowUpLeft, the fill drawing of smartphone-arrow-up-left on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/smartphone-arrow-up-left","t":"SmartphoneArrowUpLeft","d":"SmartphoneArrowUpLeft, the stroke drawing of smartphone-arrow-up-left on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/smartphone-arrow-up-left","t":"SmartphoneArrowUpLeft","d":"SmartphoneArrowUpLeft, the two-tone drawing of smartphone-arrow-up-left on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/smartphone-arrow-up-left","t":"SmartphoneArrowUpLeft","d":"SmartphoneArrowUpLeft, the duotone drawing of smartphone-arrow-up-left on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/smartphone-arrow-up-left","t":"SmartphoneArrowUpLeft","d":"SmartphoneArrowUpLeft, the fill drawing of smartphone-arrow-up-left on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:smartphone-cast","t":"SmartphoneCast","d":"SmartphoneCast, the stroke drawing of smartphone-cast on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/smartphone-cast","t":"SmartphoneCast","d":"SmartphoneCast, the two-tone drawing of smartphone-cast on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/smartphone-cast","t":"SmartphoneCast","d":"SmartphoneCast, the duotone drawing of smartphone-cast on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/smartphone-cast","t":"SmartphoneCast","d":"SmartphoneCast, the fill drawing of smartphone-cast on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/smartphone-cast","t":"SmartphoneCast","d":"SmartphoneCast, the stroke drawing of smartphone-cast on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/smartphone-cast","t":"SmartphoneCast","d":"SmartphoneCast, the two-tone drawing of smartphone-cast on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/smartphone-cast","t":"SmartphoneCast","d":"SmartphoneCast, the duotone drawing of smartphone-cast on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/smartphone-cast","t":"SmartphoneCast","d":"SmartphoneCast, the fill drawing of smartphone-cast on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:smartphone-check","t":"SmartphoneCheck","d":"SmartphoneCheck, the stroke drawing of smartphone-check on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/smartphone-check","t":"SmartphoneCheck","d":"SmartphoneCheck, the two-tone drawing of smartphone-check on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/smartphone-check","t":"SmartphoneCheck","d":"SmartphoneCheck, the duotone drawing of smartphone-check on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/smartphone-check","t":"SmartphoneCheck","d":"SmartphoneCheck, the fill drawing of smartphone-check on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/smartphone-check","t":"SmartphoneCheck","d":"SmartphoneCheck, the stroke drawing of smartphone-check on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/smartphone-check","t":"SmartphoneCheck","d":"SmartphoneCheck, the two-tone drawing of smartphone-check on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/smartphone-check","t":"SmartphoneCheck","d":"SmartphoneCheck, the duotone drawing of smartphone-check on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/smartphone-check","t":"SmartphoneCheck","d":"SmartphoneCheck, the fill drawing of smartphone-check on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:smartphone-horizontal","t":"SmartphoneHorizontal","d":"SmartphoneHorizontal, the stroke drawing of smartphone-horizontal on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/smartphone-horizontal","t":"SmartphoneHorizontal","d":"SmartphoneHorizontal, the two-tone drawing of smartphone-horizontal on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/smartphone-horizontal","t":"SmartphoneHorizontal","d":"SmartphoneHorizontal, the duotone drawing of smartphone-horizontal on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/smartphone-horizontal","t":"SmartphoneHorizontal","d":"SmartphoneHorizontal, the fill drawing of smartphone-horizontal on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/smartphone-horizontal","t":"SmartphoneHorizontal","d":"SmartphoneHorizontal, the stroke drawing of smartphone-horizontal on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/smartphone-horizontal","t":"SmartphoneHorizontal","d":"SmartphoneHorizontal, the two-tone drawing of smartphone-horizontal on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/smartphone-horizontal","t":"SmartphoneHorizontal","d":"SmartphoneHorizontal, the duotone drawing of smartphone-horizontal on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/smartphone-horizontal","t":"SmartphoneHorizontal","d":"SmartphoneHorizontal, the fill drawing of smartphone-horizontal on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:smartphone-minus","t":"SmartphoneMinus","d":"SmartphoneMinus, the stroke drawing of smartphone-minus on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/smartphone-minus","t":"SmartphoneMinus","d":"SmartphoneMinus, the two-tone drawing of smartphone-minus on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/smartphone-minus","t":"SmartphoneMinus","d":"SmartphoneMinus, the duotone drawing of smartphone-minus on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/smartphone-minus","t":"SmartphoneMinus","d":"SmartphoneMinus, the fill drawing of smartphone-minus on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/smartphone-minus","t":"SmartphoneMinus","d":"SmartphoneMinus, the stroke drawing of smartphone-minus on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/smartphone-minus","t":"SmartphoneMinus","d":"SmartphoneMinus, the two-tone drawing of smartphone-minus on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/smartphone-minus","t":"SmartphoneMinus","d":"SmartphoneMinus, the duotone drawing of smartphone-minus on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/smartphone-minus","t":"SmartphoneMinus","d":"SmartphoneMinus, the fill drawing of smartphone-minus on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:smartphone-nfc","t":"SmartphoneNfc","d":"SmartphoneNfc, the stroke drawing of smartphone-nfc on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/smartphone-nfc","t":"SmartphoneNfc","d":"SmartphoneNfc, the two-tone drawing of smartphone-nfc on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/smartphone-nfc","t":"SmartphoneNfc","d":"SmartphoneNfc, the duotone drawing of smartphone-nfc on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/smartphone-nfc","t":"SmartphoneNfc","d":"SmartphoneNfc, the fill drawing of smartphone-nfc on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/smartphone-nfc","t":"SmartphoneNfc","d":"SmartphoneNfc, the stroke drawing of smartphone-nfc on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/smartphone-nfc","t":"SmartphoneNfc","d":"SmartphoneNfc, the two-tone drawing of smartphone-nfc on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/smartphone-nfc","t":"SmartphoneNfc","d":"SmartphoneNfc, the duotone drawing of smartphone-nfc on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/smartphone-nfc","t":"SmartphoneNfc","d":"SmartphoneNfc, the fill drawing of smartphone-nfc on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:smartphone-plus","t":"SmartphonePlus","d":"SmartphonePlus, the stroke drawing of smartphone-plus on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/smartphone-plus","t":"SmartphonePlus","d":"SmartphonePlus, the two-tone drawing of smartphone-plus on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/smartphone-plus","t":"SmartphonePlus","d":"SmartphonePlus, the duotone drawing of smartphone-plus on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/smartphone-plus","t":"SmartphonePlus","d":"SmartphonePlus, the fill drawing of smartphone-plus on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/smartphone-plus","t":"SmartphonePlus","d":"SmartphonePlus, the stroke drawing of smartphone-plus on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/smartphone-plus","t":"SmartphonePlus","d":"SmartphonePlus, the two-tone drawing of smartphone-plus on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/smartphone-plus","t":"SmartphonePlus","d":"SmartphonePlus, the duotone drawing of smartphone-plus on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/smartphone-plus","t":"SmartphonePlus","d":"SmartphonePlus, the fill drawing of smartphone-plus on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:smartphone-ringing","t":"SmartphoneRinging","d":"SmartphoneRinging, the stroke drawing of smartphone-ringing on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/smartphone-ringing","t":"SmartphoneRinging","d":"SmartphoneRinging, the two-tone drawing of smartphone-ringing on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/smartphone-ringing","t":"SmartphoneRinging","d":"SmartphoneRinging, the duotone drawing of smartphone-ringing on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/smartphone-ringing","t":"SmartphoneRinging","d":"SmartphoneRinging, the fill drawing of smartphone-ringing on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/smartphone-ringing","t":"SmartphoneRinging","d":"SmartphoneRinging, the stroke drawing of smartphone-ringing on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/smartphone-ringing","t":"SmartphoneRinging","d":"SmartphoneRinging, the two-tone drawing of smartphone-ringing on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/smartphone-ringing","t":"SmartphoneRinging","d":"SmartphoneRinging, the duotone drawing of smartphone-ringing on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/smartphone-ringing","t":"SmartphoneRinging","d":"SmartphoneRinging, the fill drawing of smartphone-ringing on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:smartphone-sparkles","t":"SmartphoneSparkles","d":"SmartphoneSparkles, the stroke drawing of smartphone-sparkles on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/smartphone-sparkles","t":"SmartphoneSparkles","d":"SmartphoneSparkles, the two-tone drawing of smartphone-sparkles on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/smartphone-sparkles","t":"SmartphoneSparkles","d":"SmartphoneSparkles, the duotone drawing of smartphone-sparkles on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/smartphone-sparkles","t":"SmartphoneSparkles","d":"SmartphoneSparkles, the fill drawing of smartphone-sparkles on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/smartphone-sparkles","t":"SmartphoneSparkles","d":"SmartphoneSparkles, the stroke drawing of smartphone-sparkles on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/smartphone-sparkles","t":"SmartphoneSparkles","d":"SmartphoneSparkles, the two-tone drawing of smartphone-sparkles on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/smartphone-sparkles","t":"SmartphoneSparkles","d":"SmartphoneSparkles, the duotone drawing of smartphone-sparkles on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/smartphone-sparkles","t":"SmartphoneSparkles","d":"SmartphoneSparkles, the fill drawing of smartphone-sparkles on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:smartphone-zap","t":"SmartphoneZap","d":"SmartphoneZap, the stroke drawing of smartphone-zap on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/smartphone-zap","t":"SmartphoneZap","d":"SmartphoneZap, the two-tone drawing of smartphone-zap on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/smartphone-zap","t":"SmartphoneZap","d":"SmartphoneZap, the duotone drawing of smartphone-zap on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/smartphone-zap","t":"SmartphoneZap","d":"SmartphoneZap, the fill drawing of smartphone-zap on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/smartphone-zap","t":"SmartphoneZap","d":"SmartphoneZap, the stroke drawing of smartphone-zap on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/smartphone-zap","t":"SmartphoneZap","d":"SmartphoneZap, the two-tone drawing of smartphone-zap on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/smartphone-zap","t":"SmartphoneZap","d":"SmartphoneZap, the duotone drawing of smartphone-zap on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/smartphone-zap","t":"SmartphoneZap","d":"SmartphoneZap, the fill drawing of smartphone-zap on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:snowflake","t":"Snowflake","d":"Snowflake, the stroke drawing of snowflake on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/snowflake","t":"Snowflake","d":"Snowflake, the two-tone drawing of snowflake on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/snowflake","t":"Snowflake","d":"Snowflake, the duotone drawing of snowflake on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/snowflake","t":"Snowflake","d":"Snowflake, the fill drawing of snowflake on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/snowflake","t":"Snowflake","d":"Snowflake, the stroke drawing of snowflake on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/snowflake","t":"Snowflake","d":"Snowflake, the two-tone drawing of snowflake on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/snowflake","t":"Snowflake","d":"Snowflake, the duotone drawing of snowflake on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/snowflake","t":"Snowflake","d":"Snowflake, the fill drawing of snowflake on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:soccer-ball","t":"SoccerBall","d":"SoccerBall, the stroke drawing of soccer-ball on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/soccer-ball","t":"SoccerBall","d":"SoccerBall, the two-tone drawing of soccer-ball on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/soccer-ball","t":"SoccerBall","d":"SoccerBall, the duotone drawing of soccer-ball on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/soccer-ball","t":"SoccerBall","d":"SoccerBall, the fill drawing of soccer-ball on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/soccer-ball","t":"SoccerBall","d":"SoccerBall, the stroke drawing of soccer-ball on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/soccer-ball","t":"SoccerBall","d":"SoccerBall, the two-tone drawing of soccer-ball on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/soccer-ball","t":"SoccerBall","d":"SoccerBall, the duotone drawing of soccer-ball on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/soccer-ball","t":"SoccerBall","d":"SoccerBall, the fill drawing of soccer-ball on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sofa","t":"Sofa","d":"Sofa, the stroke drawing of sofa on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/sofa","t":"Sofa","d":"Sofa, the two-tone drawing of sofa on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/sofa","t":"Sofa","d":"Sofa, the duotone drawing of sofa on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/sofa","t":"Sofa","d":"Sofa, the fill drawing of sofa on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/sofa","t":"Sofa","d":"Sofa, the stroke drawing of sofa on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/sofa","t":"Sofa","d":"Sofa, the two-tone drawing of sofa on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/sofa","t":"Sofa","d":"Sofa, the duotone drawing of sofa on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/sofa","t":"Sofa","d":"Sofa, the fill drawing of sofa on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:soup","t":"Soup","d":"Soup, the stroke drawing of soup on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/soup","t":"Soup","d":"Soup, the two-tone drawing of soup on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/soup","t":"Soup","d":"Soup, the duotone drawing of soup on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/soup","t":"Soup","d":"Soup, the fill drawing of soup on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/soup","t":"Soup","d":"Soup, the stroke drawing of soup on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/soup","t":"Soup","d":"Soup, the two-tone drawing of soup on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/soup","t":"Soup","d":"Soup, the duotone drawing of soup on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/soup","t":"Soup","d":"Soup, the fill drawing of soup on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:space","t":"Space","d":"Space, the stroke drawing of space on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/space","t":"Space","d":"Space, the two-tone drawing of space on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/space","t":"Space","d":"Space, the duotone drawing of space on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/space","t":"Space","d":"Space, the fill drawing of space on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/space","t":"Space","d":"Space, the stroke drawing of space on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/space","t":"Space","d":"Space, the two-tone drawing of space on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/space","t":"Space","d":"Space, the duotone drawing of space on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/space","t":"Space","d":"Space, the fill drawing of space on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sparkle","t":"Sparkle","d":"Sparkle, the stroke drawing of sparkle on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/sparkle","t":"Sparkle","d":"Sparkle, the two-tone drawing of sparkle on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/sparkle","t":"Sparkle","d":"Sparkle, the duotone drawing of sparkle on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/sparkle","t":"Sparkle","d":"Sparkle, the fill drawing of sparkle on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/sparkle","t":"Sparkle","d":"Sparkle, the stroke drawing of sparkle on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/sparkle","t":"Sparkle","d":"Sparkle, the two-tone drawing of sparkle on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/sparkle","t":"Sparkle","d":"Sparkle, the duotone drawing of sparkle on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/sparkle","t":"Sparkle","d":"Sparkle, the fill drawing of sparkle on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sparkles","t":"Sparkles","d":"Sparkles, the stroke drawing of sparkles on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/sparkles","t":"Sparkles","d":"Sparkles, the two-tone drawing of sparkles on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/sparkles","t":"Sparkles","d":"Sparkles, the duotone drawing of sparkles on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/sparkles","t":"Sparkles","d":"Sparkles, the fill drawing of sparkles on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/sparkles","t":"Sparkles","d":"Sparkles, the stroke drawing of sparkles on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/sparkles","t":"Sparkles","d":"Sparkles, the two-tone drawing of sparkles on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/sparkles","t":"Sparkles","d":"Sparkles, the duotone drawing of sparkles on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/sparkles","t":"Sparkles","d":"Sparkles, the fill drawing of sparkles on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:spell-check","t":"SpellCheck","d":"SpellCheck, the stroke drawing of spell-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/spell-check","t":"SpellCheck","d":"SpellCheck, the two-tone drawing of spell-check on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/spell-check","t":"SpellCheck","d":"SpellCheck, the duotone drawing of spell-check on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/spell-check","t":"SpellCheck","d":"SpellCheck, the fill drawing of spell-check on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/spell-check","t":"SpellCheck","d":"SpellCheck, the stroke drawing of spell-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/spell-check","t":"SpellCheck","d":"SpellCheck, the two-tone drawing of spell-check on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/spell-check","t":"SpellCheck","d":"SpellCheck, the duotone drawing of spell-check on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/spell-check","t":"SpellCheck","d":"SpellCheck, the fill drawing of spell-check on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square","t":"Square","d":"Square, the stroke drawing of square on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/square","t":"Square","d":"Square, the two-tone drawing of square on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square","t":"Square","d":"Square, the duotone drawing of square on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square","t":"Square","d":"Square, the fill drawing of square on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square","t":"Square","d":"Square, the stroke drawing of square on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square","t":"Square","d":"Square, the two-tone drawing of square on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square","t":"Square","d":"Square, the duotone drawing of square on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square","t":"Square","d":"Square, the fill drawing of square on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-arrow-in-down-left","t":"SquareArrowInDownLeft","d":"SquareArrowInDownLeft, the stroke drawing of square-arrow-in-down-left on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-arrow-in-down-left","t":"SquareArrowInDownLeft","d":"SquareArrowInDownLeft, the two-tone drawing of square-arrow-in-down-left on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-arrow-in-down-left","t":"SquareArrowInDownLeft","d":"SquareArrowInDownLeft, the duotone drawing of square-arrow-in-down-left on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-arrow-in-down-left","t":"SquareArrowInDownLeft","d":"SquareArrowInDownLeft, the fill drawing of square-arrow-in-down-left on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-arrow-in-down-left","t":"SquareArrowInDownLeft","d":"SquareArrowInDownLeft, the stroke drawing of square-arrow-in-down-left on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-arrow-in-down-left","t":"SquareArrowInDownLeft","d":"SquareArrowInDownLeft, the two-tone drawing of square-arrow-in-down-left on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-arrow-in-down-left","t":"SquareArrowInDownLeft","d":"SquareArrowInDownLeft, the duotone drawing of square-arrow-in-down-left on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-arrow-in-down-left","t":"SquareArrowInDownLeft","d":"SquareArrowInDownLeft, the fill drawing of square-arrow-in-down-left on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-arrow-in-down-right","t":"SquareArrowInDownRight","d":"SquareArrowInDownRight, the stroke drawing of square-arrow-in-down-right on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-arrow-in-down-right","t":"SquareArrowInDownRight","d":"SquareArrowInDownRight, the two-tone drawing of square-arrow-in-down-right on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-arrow-in-down-right","t":"SquareArrowInDownRight","d":"SquareArrowInDownRight, the duotone drawing of square-arrow-in-down-right on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-arrow-in-down-right","t":"SquareArrowInDownRight","d":"SquareArrowInDownRight, the fill drawing of square-arrow-in-down-right on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-arrow-in-down-right","t":"SquareArrowInDownRight","d":"SquareArrowInDownRight, the stroke drawing of square-arrow-in-down-right on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-arrow-in-down-right","t":"SquareArrowInDownRight","d":"SquareArrowInDownRight, the two-tone drawing of square-arrow-in-down-right on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-arrow-in-down-right","t":"SquareArrowInDownRight","d":"SquareArrowInDownRight, the duotone drawing of square-arrow-in-down-right on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-arrow-in-down-right","t":"SquareArrowInDownRight","d":"SquareArrowInDownRight, the fill drawing of square-arrow-in-down-right on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-arrow-in-up-left","t":"SquareArrowInUpLeft","d":"SquareArrowInUpLeft, the stroke drawing of square-arrow-in-up-left on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-arrow-in-up-left","t":"SquareArrowInUpLeft","d":"SquareArrowInUpLeft, the two-tone drawing of square-arrow-in-up-left on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-arrow-in-up-left","t":"SquareArrowInUpLeft","d":"SquareArrowInUpLeft, the duotone drawing of square-arrow-in-up-left on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-arrow-in-up-left","t":"SquareArrowInUpLeft","d":"SquareArrowInUpLeft, the fill drawing of square-arrow-in-up-left on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-arrow-in-up-left","t":"SquareArrowInUpLeft","d":"SquareArrowInUpLeft, the stroke drawing of square-arrow-in-up-left on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-arrow-in-up-left","t":"SquareArrowInUpLeft","d":"SquareArrowInUpLeft, the two-tone drawing of square-arrow-in-up-left on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-arrow-in-up-left","t":"SquareArrowInUpLeft","d":"SquareArrowInUpLeft, the duotone drawing of square-arrow-in-up-left on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-arrow-in-up-left","t":"SquareArrowInUpLeft","d":"SquareArrowInUpLeft, the fill drawing of square-arrow-in-up-left on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-arrow-in-up-right","t":"SquareArrowInUpRight","d":"SquareArrowInUpRight, the stroke drawing of square-arrow-in-up-right on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-arrow-in-up-right","t":"SquareArrowInUpRight","d":"SquareArrowInUpRight, the two-tone drawing of square-arrow-in-up-right on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-arrow-in-up-right","t":"SquareArrowInUpRight","d":"SquareArrowInUpRight, the duotone drawing of square-arrow-in-up-right on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-arrow-in-up-right","t":"SquareArrowInUpRight","d":"SquareArrowInUpRight, the fill drawing of square-arrow-in-up-right on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-arrow-in-up-right","t":"SquareArrowInUpRight","d":"SquareArrowInUpRight, the stroke drawing of square-arrow-in-up-right on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-arrow-in-up-right","t":"SquareArrowInUpRight","d":"SquareArrowInUpRight, the two-tone drawing of square-arrow-in-up-right on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-arrow-in-up-right","t":"SquareArrowInUpRight","d":"SquareArrowInUpRight, the duotone drawing of square-arrow-in-up-right on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-arrow-in-up-right","t":"SquareArrowInUpRight","d":"SquareArrowInUpRight, the fill drawing of square-arrow-in-up-right on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-arrow-out-down-left","t":"SquareArrowOutDownLeft","d":"SquareArrowOutDownLeft, the stroke drawing of square-arrow-out-down-left on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-arrow-out-down-left","t":"SquareArrowOutDownLeft","d":"SquareArrowOutDownLeft, the two-tone drawing of square-arrow-out-down-left on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-arrow-out-down-left","t":"SquareArrowOutDownLeft","d":"SquareArrowOutDownLeft, the duotone drawing of square-arrow-out-down-left on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-arrow-out-down-left","t":"SquareArrowOutDownLeft","d":"SquareArrowOutDownLeft, the fill drawing of square-arrow-out-down-left on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-arrow-out-down-left","t":"SquareArrowOutDownLeft","d":"SquareArrowOutDownLeft, the stroke drawing of square-arrow-out-down-left on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-arrow-out-down-left","t":"SquareArrowOutDownLeft","d":"SquareArrowOutDownLeft, the two-tone drawing of square-arrow-out-down-left on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-arrow-out-down-left","t":"SquareArrowOutDownLeft","d":"SquareArrowOutDownLeft, the duotone drawing of square-arrow-out-down-left on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-arrow-out-down-left","t":"SquareArrowOutDownLeft","d":"SquareArrowOutDownLeft, the fill drawing of square-arrow-out-down-left on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-arrow-out-down-right","t":"SquareArrowOutDownRight","d":"SquareArrowOutDownRight, the stroke drawing of square-arrow-out-down-right on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-arrow-out-down-right","t":"SquareArrowOutDownRight","d":"SquareArrowOutDownRight, the two-tone drawing of square-arrow-out-down-right on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-arrow-out-down-right","t":"SquareArrowOutDownRight","d":"SquareArrowOutDownRight, the duotone drawing of square-arrow-out-down-right on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-arrow-out-down-right","t":"SquareArrowOutDownRight","d":"SquareArrowOutDownRight, the fill drawing of square-arrow-out-down-right on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-arrow-out-down-right","t":"SquareArrowOutDownRight","d":"SquareArrowOutDownRight, the stroke drawing of square-arrow-out-down-right on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-arrow-out-down-right","t":"SquareArrowOutDownRight","d":"SquareArrowOutDownRight, the two-tone drawing of square-arrow-out-down-right on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-arrow-out-down-right","t":"SquareArrowOutDownRight","d":"SquareArrowOutDownRight, the duotone drawing of square-arrow-out-down-right on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-arrow-out-down-right","t":"SquareArrowOutDownRight","d":"SquareArrowOutDownRight, the fill drawing of square-arrow-out-down-right on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-arrow-out-up-left","t":"SquareArrowOutUpLeft","d":"SquareArrowOutUpLeft, the stroke drawing of square-arrow-out-up-left on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-arrow-out-up-left","t":"SquareArrowOutUpLeft","d":"SquareArrowOutUpLeft, the two-tone drawing of square-arrow-out-up-left on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-arrow-out-up-left","t":"SquareArrowOutUpLeft","d":"SquareArrowOutUpLeft, the duotone drawing of square-arrow-out-up-left on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-arrow-out-up-left","t":"SquareArrowOutUpLeft","d":"SquareArrowOutUpLeft, the fill drawing of square-arrow-out-up-left on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-arrow-out-up-left","t":"SquareArrowOutUpLeft","d":"SquareArrowOutUpLeft, the stroke drawing of square-arrow-out-up-left on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-arrow-out-up-left","t":"SquareArrowOutUpLeft","d":"SquareArrowOutUpLeft, the two-tone drawing of square-arrow-out-up-left on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-arrow-out-up-left","t":"SquareArrowOutUpLeft","d":"SquareArrowOutUpLeft, the duotone drawing of square-arrow-out-up-left on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-arrow-out-up-left","t":"SquareArrowOutUpLeft","d":"SquareArrowOutUpLeft, the fill drawing of square-arrow-out-up-left on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-arrow-out-up-right","t":"SquareArrowOutUpRight","d":"SquareArrowOutUpRight, the stroke drawing of square-arrow-out-up-right on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-arrow-out-up-right","t":"SquareArrowOutUpRight","d":"SquareArrowOutUpRight, the two-tone drawing of square-arrow-out-up-right on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-arrow-out-up-right","t":"SquareArrowOutUpRight","d":"SquareArrowOutUpRight, the duotone drawing of square-arrow-out-up-right on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-arrow-out-up-right","t":"SquareArrowOutUpRight","d":"SquareArrowOutUpRight, the fill drawing of square-arrow-out-up-right on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-arrow-out-up-right","t":"SquareArrowOutUpRight","d":"SquareArrowOutUpRight, the stroke drawing of square-arrow-out-up-right on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-arrow-out-up-right","t":"SquareArrowOutUpRight","d":"SquareArrowOutUpRight, the two-tone drawing of square-arrow-out-up-right on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-arrow-out-up-right","t":"SquareArrowOutUpRight","d":"SquareArrowOutUpRight, the duotone drawing of square-arrow-out-up-right on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-arrow-out-up-right","t":"SquareArrowOutUpRight","d":"SquareArrowOutUpRight, the fill drawing of square-arrow-out-up-right on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-dashed","t":"SquareDashed","d":"SquareDashed, the stroke drawing of square-dashed on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-dashed","t":"SquareDashed","d":"SquareDashed, the two-tone drawing of square-dashed on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-dashed","t":"SquareDashed","d":"SquareDashed, the duotone drawing of square-dashed on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-dashed","t":"SquareDashed","d":"SquareDashed, the fill drawing of square-dashed on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-dashed","t":"SquareDashed","d":"SquareDashed, the stroke drawing of square-dashed on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-dashed","t":"SquareDashed","d":"SquareDashed, the two-tone drawing of square-dashed on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-dashed","t":"SquareDashed","d":"SquareDashed, the duotone drawing of square-dashed on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-dashed","t":"SquareDashed","d":"SquareDashed, the fill drawing of square-dashed on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-dashed-full","t":"SquareDashedFull","d":"SquareDashedFull, the stroke drawing of square-dashed-full on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-dashed-full","t":"SquareDashedFull","d":"SquareDashedFull, the two-tone drawing of square-dashed-full on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-dashed-full","t":"SquareDashedFull","d":"SquareDashedFull, the duotone drawing of square-dashed-full on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-dashed-full","t":"SquareDashedFull","d":"SquareDashedFull, the fill drawing of square-dashed-full on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-dashed-full","t":"SquareDashedFull","d":"SquareDashedFull, the stroke drawing of square-dashed-full on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-dashed-full","t":"SquareDashedFull","d":"SquareDashedFull, the two-tone drawing of square-dashed-full on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-dashed-full","t":"SquareDashedFull","d":"SquareDashedFull, the duotone drawing of square-dashed-full on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-dashed-full","t":"SquareDashedFull","d":"SquareDashedFull, the fill drawing of square-dashed-full on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-dashed-half","t":"SquareDashedHalf","d":"SquareDashedHalf, the stroke drawing of square-dashed-half on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-dashed-half","t":"SquareDashedHalf","d":"SquareDashedHalf, the two-tone drawing of square-dashed-half on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-dashed-half","t":"SquareDashedHalf","d":"SquareDashedHalf, the duotone drawing of square-dashed-half on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-dashed-half","t":"SquareDashedHalf","d":"SquareDashedHalf, the fill drawing of square-dashed-half on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-dashed-half","t":"SquareDashedHalf","d":"SquareDashedHalf, the stroke drawing of square-dashed-half on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-dashed-half","t":"SquareDashedHalf","d":"SquareDashedHalf, the two-tone drawing of square-dashed-half on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-dashed-half","t":"SquareDashedHalf","d":"SquareDashedHalf, the duotone drawing of square-dashed-half on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-dashed-half","t":"SquareDashedHalf","d":"SquareDashedHalf, the fill drawing of square-dashed-half on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-dashed-quarter","t":"SquareDashedQuarter","d":"SquareDashedQuarter, the stroke drawing of square-dashed-quarter on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-dashed-quarter","t":"SquareDashedQuarter","d":"SquareDashedQuarter, the two-tone drawing of square-dashed-quarter on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-dashed-quarter","t":"SquareDashedQuarter","d":"SquareDashedQuarter, the duotone drawing of square-dashed-quarter on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-dashed-quarter","t":"SquareDashedQuarter","d":"SquareDashedQuarter, the fill drawing of square-dashed-quarter on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-dashed-quarter","t":"SquareDashedQuarter","d":"SquareDashedQuarter, the stroke drawing of square-dashed-quarter on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-dashed-quarter","t":"SquareDashedQuarter","d":"SquareDashedQuarter, the two-tone drawing of square-dashed-quarter on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-dashed-quarter","t":"SquareDashedQuarter","d":"SquareDashedQuarter, the duotone drawing of square-dashed-quarter on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-dashed-quarter","t":"SquareDashedQuarter","d":"SquareDashedQuarter, the fill drawing of square-dashed-quarter on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-dashed-three-quarter","t":"SquareDashedThreeQuarter","d":"SquareDashedThreeQuarter, the stroke drawing of square-dashed-three-quarter on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"keyline:two-tone/square-dashed-three-quarter","t":"SquareDashedThreeQuarter","d":"SquareDashedThreeQuarter, the two-tone drawing of square-dashed-three-quarter on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sb":"Styled sets","sy":["webgl"],"hc":1},{"id":"keyline:duotone/square-dashed-three-quarter","t":"SquareDashedThreeQuarter","d":"SquareDashedThreeQuarter, the duotone drawing of square-dashed-three-quarter on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sb":"Styled sets","sy":["webgl"],"hc":1},{"id":"keyline:fill/square-dashed-three-quarter","t":"SquareDashedThreeQuarter","d":"SquareDashedThreeQuarter, the fill drawing of square-dashed-three-quarter on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"keyline:sharp/square-dashed-three-quarter","t":"SquareDashedThreeQuarter","d":"SquareDashedThreeQuarter, the stroke drawing of square-dashed-three-quarter on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"keyline:sharp/two-tone/square-dashed-three-quarter","t":"SquareDashedThreeQuarter","d":"SquareDashedThreeQuarter, the two-tone drawing of square-dashed-three-quarter on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sb":"Styled sets","sy":["webgl"],"hc":1},{"id":"keyline:sharp/duotone/square-dashed-three-quarter","t":"SquareDashedThreeQuarter","d":"SquareDashedThreeQuarter, the duotone drawing of square-dashed-three-quarter on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sb":"Styled sets","sy":["webgl"],"hc":1},{"id":"keyline:sharp/fill/square-dashed-three-quarter","t":"SquareDashedThreeQuarter","d":"SquareDashedThreeQuarter, the fill drawing of square-dashed-three-quarter on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"keyline:square-full","t":"SquareFull","d":"SquareFull, the stroke drawing of square-full on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-full","t":"SquareFull","d":"SquareFull, the two-tone drawing of square-full on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-full","t":"SquareFull","d":"SquareFull, the duotone drawing of square-full on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-full","t":"SquareFull","d":"SquareFull, the fill drawing of square-full on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-full","t":"SquareFull","d":"SquareFull, the stroke drawing of square-full on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-full","t":"SquareFull","d":"SquareFull, the two-tone drawing of square-full on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-full","t":"SquareFull","d":"SquareFull, the duotone drawing of square-full on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-full","t":"SquareFull","d":"SquareFull, the fill drawing of square-full on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-half","t":"SquareHalf","d":"SquareHalf, the stroke drawing of square-half on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-half","t":"SquareHalf","d":"SquareHalf, the two-tone drawing of square-half on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-half","t":"SquareHalf","d":"SquareHalf, the duotone drawing of square-half on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-half","t":"SquareHalf","d":"SquareHalf, the fill drawing of square-half on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-half","t":"SquareHalf","d":"SquareHalf, the stroke drawing of square-half on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-half","t":"SquareHalf","d":"SquareHalf, the two-tone drawing of square-half on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-half","t":"SquareHalf","d":"SquareHalf, the duotone drawing of square-half on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-half","t":"SquareHalf","d":"SquareHalf, the fill drawing of square-half on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-pen","t":"SquarePen","d":"SquarePen, the stroke drawing of square-pen on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-pen","t":"SquarePen","d":"SquarePen, the two-tone drawing of square-pen on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-pen","t":"SquarePen","d":"SquarePen, the duotone drawing of square-pen on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-pen","t":"SquarePen","d":"SquarePen, the fill drawing of square-pen on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-pen","t":"SquarePen","d":"SquarePen, the stroke drawing of square-pen on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-pen","t":"SquarePen","d":"SquarePen, the two-tone drawing of square-pen on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-pen","t":"SquarePen","d":"SquarePen, the duotone drawing of square-pen on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-pen","t":"SquarePen","d":"SquarePen, the fill drawing of square-pen on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-quarter","t":"SquareQuarter","d":"SquareQuarter, the stroke drawing of square-quarter on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-quarter","t":"SquareQuarter","d":"SquareQuarter, the two-tone drawing of square-quarter on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-quarter","t":"SquareQuarter","d":"SquareQuarter, the duotone drawing of square-quarter on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-quarter","t":"SquareQuarter","d":"SquareQuarter, the fill drawing of square-quarter on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-quarter","t":"SquareQuarter","d":"SquareQuarter, the stroke drawing of square-quarter on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-quarter","t":"SquareQuarter","d":"SquareQuarter, the two-tone drawing of square-quarter on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-quarter","t":"SquareQuarter","d":"SquareQuarter, the duotone drawing of square-quarter on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-quarter","t":"SquareQuarter","d":"SquareQuarter, the fill drawing of square-quarter on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-three-quarter","t":"SquareThreeQuarter","d":"SquareThreeQuarter, the stroke drawing of square-three-quarter on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"keyline:two-tone/square-three-quarter","t":"SquareThreeQuarter","d":"SquareThreeQuarter, the two-tone drawing of square-three-quarter on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sb":"Styled sets","sy":["webgl"],"hc":1},{"id":"keyline:duotone/square-three-quarter","t":"SquareThreeQuarter","d":"SquareThreeQuarter, the duotone drawing of square-three-quarter on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sb":"Styled sets","sy":["webgl"],"hc":1},{"id":"keyline:fill/square-three-quarter","t":"SquareThreeQuarter","d":"SquareThreeQuarter, the fill drawing of square-three-quarter on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"keyline:sharp/square-three-quarter","t":"SquareThreeQuarter","d":"SquareThreeQuarter, the stroke drawing of square-three-quarter on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"keyline:sharp/two-tone/square-three-quarter","t":"SquareThreeQuarter","d":"SquareThreeQuarter, the two-tone drawing of square-three-quarter on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sb":"Styled sets","sy":["webgl"],"hc":1},{"id":"keyline:sharp/duotone/square-three-quarter","t":"SquareThreeQuarter","d":"SquareThreeQuarter, the duotone drawing of square-three-quarter on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sb":"Styled sets","sy":["webgl"],"hc":1},{"id":"keyline:sharp/fill/square-three-quarter","t":"SquareThreeQuarter","d":"SquareThreeQuarter, the fill drawing of square-three-quarter on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"keyline:stamp","t":"Stamp","d":"Stamp, the stroke drawing of stamp on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/stamp","t":"Stamp","d":"Stamp, the two-tone drawing of stamp on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/stamp","t":"Stamp","d":"Stamp, the duotone drawing of stamp on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/stamp","t":"Stamp","d":"Stamp, the fill drawing of stamp on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/stamp","t":"Stamp","d":"Stamp, the stroke drawing of stamp on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/stamp","t":"Stamp","d":"Stamp, the two-tone drawing of stamp on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/stamp","t":"Stamp","d":"Stamp, the duotone drawing of stamp on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/stamp","t":"Stamp","d":"Stamp, the fill drawing of stamp on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:star","t":"Star","d":"Star, the stroke drawing of star on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/star","t":"Star","d":"Star, the two-tone drawing of star on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/star","t":"Star","d":"Star, the duotone drawing of star on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/star","t":"Star","d":"Star, the fill drawing of star on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/star","t":"Star","d":"Star, the stroke drawing of star on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/star","t":"Star","d":"Star, the two-tone drawing of star on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/star","t":"Star","d":"Star, the duotone drawing of star on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/star","t":"Star","d":"Star, the fill drawing of star on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:star-off","t":"StarOff","d":"StarOff, the stroke drawing of star-off on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/star-off","t":"StarOff","d":"StarOff, the two-tone drawing of star-off on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/star-off","t":"StarOff","d":"StarOff, the duotone drawing of star-off on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/star-off","t":"StarOff","d":"StarOff, the fill drawing of star-off on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/star-off","t":"StarOff","d":"StarOff, the stroke drawing of star-off on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/star-off","t":"StarOff","d":"StarOff, the two-tone drawing of star-off on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/star-off","t":"StarOff","d":"StarOff, the duotone drawing of star-off on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/star-off","t":"StarOff","d":"StarOff, the fill drawing of star-off on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:star-shooting","t":"StarShooting","d":"StarShooting, the stroke drawing of star-shooting on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/star-shooting","t":"StarShooting","d":"StarShooting, the two-tone drawing of star-shooting on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/star-shooting","t":"StarShooting","d":"StarShooting, the duotone drawing of star-shooting on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/star-shooting","t":"StarShooting","d":"StarShooting, the fill drawing of star-shooting on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/star-shooting","t":"StarShooting","d":"StarShooting, the stroke drawing of star-shooting on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/star-shooting","t":"StarShooting","d":"StarShooting, the two-tone drawing of star-shooting on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/star-shooting","t":"StarShooting","d":"StarShooting, the duotone drawing of star-shooting on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/star-shooting","t":"StarShooting","d":"StarShooting, the fill drawing of star-shooting on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:stethoscope","t":"Stethoscope","d":"Stethoscope, the stroke drawing of stethoscope on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/stethoscope","t":"Stethoscope","d":"Stethoscope, the two-tone drawing of stethoscope on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/stethoscope","t":"Stethoscope","d":"Stethoscope, the duotone drawing of stethoscope on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/stethoscope","t":"Stethoscope","d":"Stethoscope, the fill drawing of stethoscope on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/stethoscope","t":"Stethoscope","d":"Stethoscope, the stroke drawing of stethoscope on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/stethoscope","t":"Stethoscope","d":"Stethoscope, the two-tone drawing of stethoscope on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/stethoscope","t":"Stethoscope","d":"Stethoscope, the duotone drawing of stethoscope on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/stethoscope","t":"Stethoscope","d":"Stethoscope, the fill drawing of stethoscope on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sticky-note","t":"StickyNote","d":"StickyNote, the stroke drawing of sticky-note on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/sticky-note","t":"StickyNote","d":"StickyNote, the two-tone drawing of sticky-note on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/sticky-note","t":"StickyNote","d":"StickyNote, the duotone drawing of sticky-note on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/sticky-note","t":"StickyNote","d":"StickyNote, the fill drawing of sticky-note on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/sticky-note","t":"StickyNote","d":"StickyNote, the stroke drawing of sticky-note on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/sticky-note","t":"StickyNote","d":"StickyNote, the two-tone drawing of sticky-note on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/sticky-note","t":"StickyNote","d":"StickyNote, the duotone drawing of sticky-note on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/sticky-note","t":"StickyNote","d":"StickyNote, the fill drawing of sticky-note on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sticky-note-check","t":"StickyNoteCheck","d":"StickyNoteCheck, the stroke drawing of sticky-note-check on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/sticky-note-check","t":"StickyNoteCheck","d":"StickyNoteCheck, the two-tone drawing of sticky-note-check on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/sticky-note-check","t":"StickyNoteCheck","d":"StickyNoteCheck, the duotone drawing of sticky-note-check on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/sticky-note-check","t":"StickyNoteCheck","d":"StickyNoteCheck, the fill drawing of sticky-note-check on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/sticky-note-check","t":"StickyNoteCheck","d":"StickyNoteCheck, the stroke drawing of sticky-note-check on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/sticky-note-check","t":"StickyNoteCheck","d":"StickyNoteCheck, the two-tone drawing of sticky-note-check on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/sticky-note-check","t":"StickyNoteCheck","d":"StickyNoteCheck, the duotone drawing of sticky-note-check on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/sticky-note-check","t":"StickyNoteCheck","d":"StickyNoteCheck, the fill drawing of sticky-note-check on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sticky-note-minus","t":"StickyNoteMinus","d":"StickyNoteMinus, the stroke drawing of sticky-note-minus on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/sticky-note-minus","t":"StickyNoteMinus","d":"StickyNoteMinus, the two-tone drawing of sticky-note-minus on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/sticky-note-minus","t":"StickyNoteMinus","d":"StickyNoteMinus, the duotone drawing of sticky-note-minus on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/sticky-note-minus","t":"StickyNoteMinus","d":"StickyNoteMinus, the fill drawing of sticky-note-minus on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/sticky-note-minus","t":"StickyNoteMinus","d":"StickyNoteMinus, the stroke drawing of sticky-note-minus on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/sticky-note-minus","t":"StickyNoteMinus","d":"StickyNoteMinus, the two-tone drawing of sticky-note-minus on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/sticky-note-minus","t":"StickyNoteMinus","d":"StickyNoteMinus, the duotone drawing of sticky-note-minus on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/sticky-note-minus","t":"StickyNoteMinus","d":"StickyNoteMinus, the fill drawing of sticky-note-minus on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sticky-note-off","t":"StickyNoteOff","d":"StickyNoteOff, the stroke drawing of sticky-note-off on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/sticky-note-off","t":"StickyNoteOff","d":"StickyNoteOff, the two-tone drawing of sticky-note-off on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/sticky-note-off","t":"StickyNoteOff","d":"StickyNoteOff, the duotone drawing of sticky-note-off on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/sticky-note-off","t":"StickyNoteOff","d":"StickyNoteOff, the fill drawing of sticky-note-off on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/sticky-note-off","t":"StickyNoteOff","d":"StickyNoteOff, the stroke drawing of sticky-note-off on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/sticky-note-off","t":"StickyNoteOff","d":"StickyNoteOff, the two-tone drawing of sticky-note-off on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/sticky-note-off","t":"StickyNoteOff","d":"StickyNoteOff, the duotone drawing of sticky-note-off on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/sticky-note-off","t":"StickyNoteOff","d":"StickyNoteOff, the fill drawing of sticky-note-off on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sticky-note-plus","t":"StickyNotePlus","d":"StickyNotePlus, the stroke drawing of sticky-note-plus on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/sticky-note-plus","t":"StickyNotePlus","d":"StickyNotePlus, the two-tone drawing of sticky-note-plus on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/sticky-note-plus","t":"StickyNotePlus","d":"StickyNotePlus, the duotone drawing of sticky-note-plus on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/sticky-note-plus","t":"StickyNotePlus","d":"StickyNotePlus, the fill drawing of sticky-note-plus on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/sticky-note-plus","t":"StickyNotePlus","d":"StickyNotePlus, the stroke drawing of sticky-note-plus on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/sticky-note-plus","t":"StickyNotePlus","d":"StickyNotePlus, the two-tone drawing of sticky-note-plus on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/sticky-note-plus","t":"StickyNotePlus","d":"StickyNotePlus, the duotone drawing of sticky-note-plus on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/sticky-note-plus","t":"StickyNotePlus","d":"StickyNotePlus, the fill drawing of sticky-note-plus on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sticky-note-sparkles","t":"StickyNoteSparkles","d":"StickyNoteSparkles, the stroke drawing of sticky-note-sparkles on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/sticky-note-sparkles","t":"StickyNoteSparkles","d":"StickyNoteSparkles, the two-tone drawing of sticky-note-sparkles on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/sticky-note-sparkles","t":"StickyNoteSparkles","d":"StickyNoteSparkles, the duotone drawing of sticky-note-sparkles on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/sticky-note-sparkles","t":"StickyNoteSparkles","d":"StickyNoteSparkles, the fill drawing of sticky-note-sparkles on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/sticky-note-sparkles","t":"StickyNoteSparkles","d":"StickyNoteSparkles, the stroke drawing of sticky-note-sparkles on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/sticky-note-sparkles","t":"StickyNoteSparkles","d":"StickyNoteSparkles, the two-tone drawing of sticky-note-sparkles on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/sticky-note-sparkles","t":"StickyNoteSparkles","d":"StickyNoteSparkles, the duotone drawing of sticky-note-sparkles on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/sticky-note-sparkles","t":"StickyNoteSparkles","d":"StickyNoteSparkles, the fill drawing of sticky-note-sparkles on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sticky-notes","t":"StickyNotes","d":"StickyNotes, the stroke drawing of sticky-notes on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/sticky-notes","t":"StickyNotes","d":"StickyNotes, the two-tone drawing of sticky-notes on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/sticky-notes","t":"StickyNotes","d":"StickyNotes, the duotone drawing of sticky-notes on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/sticky-notes","t":"StickyNotes","d":"StickyNotes, the fill drawing of sticky-notes on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/sticky-notes","t":"StickyNotes","d":"StickyNotes, the stroke drawing of sticky-notes on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/sticky-notes","t":"StickyNotes","d":"StickyNotes, the two-tone drawing of sticky-notes on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/sticky-notes","t":"StickyNotes","d":"StickyNotes, the duotone drawing of sticky-notes on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/sticky-notes","t":"StickyNotes","d":"StickyNotes, the fill drawing of sticky-notes on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-stop","t":"CircleStop","d":"CircleStop, the stroke drawing of circle-stop on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-stop","t":"CircleStop","d":"CircleStop, the two-tone drawing of circle-stop on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-stop","t":"CircleStop","d":"CircleStop, the duotone drawing of circle-stop on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-stop","t":"CircleStop","d":"CircleStop, the fill drawing of circle-stop on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-stop","t":"CircleStop","d":"CircleStop, the stroke drawing of circle-stop on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-stop","t":"CircleStop","d":"CircleStop, the two-tone drawing of circle-stop on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-stop","t":"CircleStop","d":"CircleStop, the duotone drawing of circle-stop on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-stop","t":"CircleStop","d":"CircleStop, the fill drawing of circle-stop on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:stop","t":"Stop","d":"Stop, the stroke drawing of stop on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/stop","t":"Stop","d":"Stop, the two-tone drawing of stop on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/stop","t":"Stop","d":"Stop, the duotone drawing of stop on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/stop","t":"Stop","d":"Stop, the fill drawing of stop on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/stop","t":"Stop","d":"Stop, the stroke drawing of stop on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/stop","t":"Stop","d":"Stop, the two-tone drawing of stop on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/stop","t":"Stop","d":"Stop, the duotone drawing of stop on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/stop","t":"Stop","d":"Stop, the fill drawing of stop on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-stop","t":"SquareStop","d":"SquareStop, the stroke drawing of square-stop on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-stop","t":"SquareStop","d":"SquareStop, the two-tone drawing of square-stop on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-stop","t":"SquareStop","d":"SquareStop, the duotone drawing of square-stop on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-stop","t":"SquareStop","d":"SquareStop, the fill drawing of square-stop on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-stop","t":"SquareStop","d":"SquareStop, the stroke drawing of square-stop on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-stop","t":"SquareStop","d":"SquareStop, the two-tone drawing of square-stop on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-stop","t":"SquareStop","d":"SquareStop, the duotone drawing of square-stop on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-stop","t":"SquareStop","d":"SquareStop, the fill drawing of square-stop on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:store","t":"Store","d":"Store, the stroke drawing of store on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/store","t":"Store","d":"Store, the two-tone drawing of store on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/store","t":"Store","d":"Store, the duotone drawing of store on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/store","t":"Store","d":"Store, the fill drawing of store on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/store","t":"Store","d":"Store, the stroke drawing of store on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/store","t":"Store","d":"Store, the two-tone drawing of store on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/store","t":"Store","d":"Store, the duotone drawing of store on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/store","t":"Store","d":"Store, the fill drawing of store on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:strikethrough","t":"Strikethrough","d":"Strikethrough, the stroke drawing of strikethrough on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/strikethrough","t":"Strikethrough","d":"Strikethrough, the two-tone drawing of strikethrough on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/strikethrough","t":"Strikethrough","d":"Strikethrough, the duotone drawing of strikethrough on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/strikethrough","t":"Strikethrough","d":"Strikethrough, the fill drawing of strikethrough on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/strikethrough","t":"Strikethrough","d":"Strikethrough, the stroke drawing of strikethrough on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/strikethrough","t":"Strikethrough","d":"Strikethrough, the two-tone drawing of strikethrough on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/strikethrough","t":"Strikethrough","d":"Strikethrough, the duotone drawing of strikethrough on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/strikethrough","t":"Strikethrough","d":"Strikethrough, the fill drawing of strikethrough on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:subtitles","t":"Subtitles","d":"Subtitles, the stroke drawing of subtitles on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/subtitles","t":"Subtitles","d":"Subtitles, the two-tone drawing of subtitles on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/subtitles","t":"Subtitles","d":"Subtitles, the duotone drawing of subtitles on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/subtitles","t":"Subtitles","d":"Subtitles, the fill drawing of subtitles on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/subtitles","t":"Subtitles","d":"Subtitles, the stroke drawing of subtitles on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/subtitles","t":"Subtitles","d":"Subtitles, the two-tone drawing of subtitles on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/subtitles","t":"Subtitles","d":"Subtitles, the duotone drawing of subtitles on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/subtitles","t":"Subtitles","d":"Subtitles, the fill drawing of subtitles on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:subtitles-off","t":"SubtitlesOff","d":"SubtitlesOff, the stroke drawing of subtitles-off on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/subtitles-off","t":"SubtitlesOff","d":"SubtitlesOff, the two-tone drawing of subtitles-off on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/subtitles-off","t":"SubtitlesOff","d":"SubtitlesOff, the duotone drawing of subtitles-off on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/subtitles-off","t":"SubtitlesOff","d":"SubtitlesOff, the fill drawing of subtitles-off on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/subtitles-off","t":"SubtitlesOff","d":"SubtitlesOff, the stroke drawing of subtitles-off on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/subtitles-off","t":"SubtitlesOff","d":"SubtitlesOff, the two-tone drawing of subtitles-off on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/subtitles-off","t":"SubtitlesOff","d":"SubtitlesOff, the duotone drawing of subtitles-off on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/subtitles-off","t":"SubtitlesOff","d":"SubtitlesOff, the fill drawing of subtitles-off on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:subtitles-sparkles","t":"SubtitlesSparkles","d":"SubtitlesSparkles, the stroke drawing of subtitles-sparkles on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/subtitles-sparkles","t":"SubtitlesSparkles","d":"SubtitlesSparkles, the two-tone drawing of subtitles-sparkles on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/subtitles-sparkles","t":"SubtitlesSparkles","d":"SubtitlesSparkles, the duotone drawing of subtitles-sparkles on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/subtitles-sparkles","t":"SubtitlesSparkles","d":"SubtitlesSparkles, the fill drawing of subtitles-sparkles on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/subtitles-sparkles","t":"SubtitlesSparkles","d":"SubtitlesSparkles, the stroke drawing of subtitles-sparkles on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/subtitles-sparkles","t":"SubtitlesSparkles","d":"SubtitlesSparkles, the two-tone drawing of subtitles-sparkles on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/subtitles-sparkles","t":"SubtitlesSparkles","d":"SubtitlesSparkles, the duotone drawing of subtitles-sparkles on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/subtitles-sparkles","t":"SubtitlesSparkles","d":"SubtitlesSparkles, the fill drawing of subtitles-sparkles on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sun","t":"Sun","d":"Sun, the stroke drawing of sun on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/sun","t":"Sun","d":"Sun, the two-tone drawing of sun on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/sun","t":"Sun","d":"Sun, the duotone drawing of sun on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/sun","t":"Sun","d":"Sun, the fill drawing of sun on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/sun","t":"Sun","d":"Sun, the stroke drawing of sun on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/sun","t":"Sun","d":"Sun, the two-tone drawing of sun on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/sun","t":"Sun","d":"Sun, the duotone drawing of sun on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/sun","t":"Sun","d":"Sun, the fill drawing of sun on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sun-dim","t":"SunDim","d":"SunDim, the stroke drawing of sun-dim on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/sun-dim","t":"SunDim","d":"SunDim, the two-tone drawing of sun-dim on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/sun-dim","t":"SunDim","d":"SunDim, the duotone drawing of sun-dim on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/sun-dim","t":"SunDim","d":"SunDim, the fill drawing of sun-dim on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/sun-dim","t":"SunDim","d":"SunDim, the stroke drawing of sun-dim on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/sun-dim","t":"SunDim","d":"SunDim, the two-tone drawing of sun-dim on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/sun-dim","t":"SunDim","d":"SunDim, the duotone drawing of sun-dim on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/sun-dim","t":"SunDim","d":"SunDim, the fill drawing of sun-dim on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sun-medium","t":"SunMedium","d":"SunMedium, the stroke drawing of sun-medium on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/sun-medium","t":"SunMedium","d":"SunMedium, the two-tone drawing of sun-medium on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/sun-medium","t":"SunMedium","d":"SunMedium, the duotone drawing of sun-medium on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/sun-medium","t":"SunMedium","d":"SunMedium, the fill drawing of sun-medium on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/sun-medium","t":"SunMedium","d":"SunMedium, the stroke drawing of sun-medium on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/sun-medium","t":"SunMedium","d":"SunMedium, the two-tone drawing of sun-medium on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/sun-medium","t":"SunMedium","d":"SunMedium, the duotone drawing of sun-medium on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/sun-medium","t":"SunMedium","d":"SunMedium, the fill drawing of sun-medium on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sunglasses","t":"Sunglasses","d":"Sunglasses, the stroke drawing of sunglasses on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:two-tone/sunglasses","t":"Sunglasses","d":"Sunglasses, the two-tone drawing of sunglasses on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:duotone/sunglasses","t":"Sunglasses","d":"Sunglasses, the duotone drawing of sunglasses on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:fill/sunglasses","t":"Sunglasses","d":"Sunglasses, the fill drawing of sunglasses on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:sharp/sunglasses","t":"Sunglasses","d":"Sunglasses, the stroke drawing of sunglasses on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:sharp/two-tone/sunglasses","t":"Sunglasses","d":"Sunglasses, the two-tone drawing of sunglasses on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:sharp/duotone/sunglasses","t":"Sunglasses","d":"Sunglasses, the duotone drawing of sunglasses on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sb":"Styled sets","sy":["glass"],"hc":1},{"id":"keyline:sharp/fill/sunglasses","t":"Sunglasses","d":"Sunglasses, the fill drawing of sunglasses on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"keyline:sunrise","t":"Sunrise","d":"Sunrise, the stroke drawing of sunrise on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/sunrise","t":"Sunrise","d":"Sunrise, the two-tone drawing of sunrise on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/sunrise","t":"Sunrise","d":"Sunrise, the duotone drawing of sunrise on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/sunrise","t":"Sunrise","d":"Sunrise, the fill drawing of sunrise on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/sunrise","t":"Sunrise","d":"Sunrise, the stroke drawing of sunrise on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/sunrise","t":"Sunrise","d":"Sunrise, the two-tone drawing of sunrise on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/sunrise","t":"Sunrise","d":"Sunrise, the duotone drawing of sunrise on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/sunrise","t":"Sunrise","d":"Sunrise, the fill drawing of sunrise on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sunset","t":"Sunset","d":"Sunset, the stroke drawing of sunset on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/sunset","t":"Sunset","d":"Sunset, the two-tone drawing of sunset on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/sunset","t":"Sunset","d":"Sunset, the duotone drawing of sunset on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/sunset","t":"Sunset","d":"Sunset, the fill drawing of sunset on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/sunset","t":"Sunset","d":"Sunset, the stroke drawing of sunset on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/sunset","t":"Sunset","d":"Sunset, the two-tone drawing of sunset on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/sunset","t":"Sunset","d":"Sunset, the duotone drawing of sunset on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/sunset","t":"Sunset","d":"Sunset, the fill drawing of sunset on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:swatch-book","t":"SwatchBook","d":"SwatchBook, the stroke drawing of swatch-book on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/swatch-book","t":"SwatchBook","d":"SwatchBook, the two-tone drawing of swatch-book on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/swatch-book","t":"SwatchBook","d":"SwatchBook, the duotone drawing of swatch-book on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/swatch-book","t":"SwatchBook","d":"SwatchBook, the fill drawing of swatch-book on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/swatch-book","t":"SwatchBook","d":"SwatchBook, the stroke drawing of swatch-book on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/swatch-book","t":"SwatchBook","d":"SwatchBook, the two-tone drawing of swatch-book on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/swatch-book","t":"SwatchBook","d":"SwatchBook, the duotone drawing of swatch-book on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/swatch-book","t":"SwatchBook","d":"SwatchBook, the fill drawing of swatch-book on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-swiss-franc","t":"CircleSwissFranc","d":"CircleSwissFranc, the stroke drawing of circle-swiss-franc on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-swiss-franc","t":"CircleSwissFranc","d":"CircleSwissFranc, the two-tone drawing of circle-swiss-franc on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-swiss-franc","t":"CircleSwissFranc","d":"CircleSwissFranc, the duotone drawing of circle-swiss-franc on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-swiss-franc","t":"CircleSwissFranc","d":"CircleSwissFranc, the fill drawing of circle-swiss-franc on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-swiss-franc","t":"CircleSwissFranc","d":"CircleSwissFranc, the stroke drawing of circle-swiss-franc on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-swiss-franc","t":"CircleSwissFranc","d":"CircleSwissFranc, the two-tone drawing of circle-swiss-franc on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-swiss-franc","t":"CircleSwissFranc","d":"CircleSwissFranc, the duotone drawing of circle-swiss-franc on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-swiss-franc","t":"CircleSwissFranc","d":"CircleSwissFranc, the fill drawing of circle-swiss-franc on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:swiss-franc","t":"SwissFranc","d":"SwissFranc, the stroke drawing of swiss-franc on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/swiss-franc","t":"SwissFranc","d":"SwissFranc, the two-tone drawing of swiss-franc on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/swiss-franc","t":"SwissFranc","d":"SwissFranc, the duotone drawing of swiss-franc on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/swiss-franc","t":"SwissFranc","d":"SwissFranc, the fill drawing of swiss-franc on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/swiss-franc","t":"SwissFranc","d":"SwissFranc, the stroke drawing of swiss-franc on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/swiss-franc","t":"SwissFranc","d":"SwissFranc, the two-tone drawing of swiss-franc on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/swiss-franc","t":"SwissFranc","d":"SwissFranc, the duotone drawing of swiss-franc on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/swiss-franc","t":"SwissFranc","d":"SwissFranc, the fill drawing of swiss-franc on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:syringe","t":"Syringe","d":"Syringe, the stroke drawing of syringe on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/syringe","t":"Syringe","d":"Syringe, the two-tone drawing of syringe on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/syringe","t":"Syringe","d":"Syringe, the duotone drawing of syringe on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/syringe","t":"Syringe","d":"Syringe, the fill drawing of syringe on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/syringe","t":"Syringe","d":"Syringe, the stroke drawing of syringe on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/syringe","t":"Syringe","d":"Syringe, the two-tone drawing of syringe on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/syringe","t":"Syringe","d":"Syringe, the duotone drawing of syringe on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/syringe","t":"Syringe","d":"Syringe, the fill drawing of syringe on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:table","t":"Table","d":"Table, the stroke drawing of table on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/table","t":"Table","d":"Table, the two-tone drawing of table on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/table","t":"Table","d":"Table, the duotone drawing of table on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/table","t":"Table","d":"Table, the fill drawing of table on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/table","t":"Table","d":"Table, the stroke drawing of table on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/table","t":"Table","d":"Table, the two-tone drawing of table on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/table","t":"Table","d":"Table, the duotone drawing of table on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/table","t":"Table","d":"Table, the fill drawing of table on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:table-cells-merge","t":"TableCellsMerge","d":"TableCellsMerge, the stroke drawing of table-cells-merge on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/table-cells-merge","t":"TableCellsMerge","d":"TableCellsMerge, the two-tone drawing of table-cells-merge on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/table-cells-merge","t":"TableCellsMerge","d":"TableCellsMerge, the duotone drawing of table-cells-merge on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/table-cells-merge","t":"TableCellsMerge","d":"TableCellsMerge, the fill drawing of table-cells-merge on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/table-cells-merge","t":"TableCellsMerge","d":"TableCellsMerge, the stroke drawing of table-cells-merge on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/table-cells-merge","t":"TableCellsMerge","d":"TableCellsMerge, the two-tone drawing of table-cells-merge on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/table-cells-merge","t":"TableCellsMerge","d":"TableCellsMerge, the duotone drawing of table-cells-merge on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/table-cells-merge","t":"TableCellsMerge","d":"TableCellsMerge, the fill drawing of table-cells-merge on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:table-cells-rows","t":"TableCellsRows","d":"TableCellsRows, the stroke drawing of table-cells-rows on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/table-cells-rows","t":"TableCellsRows","d":"TableCellsRows, the two-tone drawing of table-cells-rows on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/table-cells-rows","t":"TableCellsRows","d":"TableCellsRows, the duotone drawing of table-cells-rows on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/table-cells-rows","t":"TableCellsRows","d":"TableCellsRows, the fill drawing of table-cells-rows on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/table-cells-rows","t":"TableCellsRows","d":"TableCellsRows, the stroke drawing of table-cells-rows on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/table-cells-rows","t":"TableCellsRows","d":"TableCellsRows, the two-tone drawing of table-cells-rows on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/table-cells-rows","t":"TableCellsRows","d":"TableCellsRows, the duotone drawing of table-cells-rows on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/table-cells-rows","t":"TableCellsRows","d":"TableCellsRows, the fill drawing of table-cells-rows on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:table-cells-split","t":"TableCellsSplit","d":"TableCellsSplit, the stroke drawing of table-cells-split on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/table-cells-split","t":"TableCellsSplit","d":"TableCellsSplit, the two-tone drawing of table-cells-split on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/table-cells-split","t":"TableCellsSplit","d":"TableCellsSplit, the duotone drawing of table-cells-split on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/table-cells-split","t":"TableCellsSplit","d":"TableCellsSplit, the fill drawing of table-cells-split on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/table-cells-split","t":"TableCellsSplit","d":"TableCellsSplit, the stroke drawing of table-cells-split on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/table-cells-split","t":"TableCellsSplit","d":"TableCellsSplit, the two-tone drawing of table-cells-split on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/table-cells-split","t":"TableCellsSplit","d":"TableCellsSplit, the duotone drawing of table-cells-split on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/table-cells-split","t":"TableCellsSplit","d":"TableCellsSplit, the fill drawing of table-cells-split on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:table-columns-add-after","t":"TableColumnsAddAfter","d":"TableColumnsAddAfter, the stroke drawing of table-columns-add-after on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/table-columns-add-after","t":"TableColumnsAddAfter","d":"TableColumnsAddAfter, the two-tone drawing of table-columns-add-after on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/table-columns-add-after","t":"TableColumnsAddAfter","d":"TableColumnsAddAfter, the duotone drawing of table-columns-add-after on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/table-columns-add-after","t":"TableColumnsAddAfter","d":"TableColumnsAddAfter, the fill drawing of table-columns-add-after on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/table-columns-add-after","t":"TableColumnsAddAfter","d":"TableColumnsAddAfter, the stroke drawing of table-columns-add-after on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/table-columns-add-after","t":"TableColumnsAddAfter","d":"TableColumnsAddAfter, the two-tone drawing of table-columns-add-after on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/table-columns-add-after","t":"TableColumnsAddAfter","d":"TableColumnsAddAfter, the duotone drawing of table-columns-add-after on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/table-columns-add-after","t":"TableColumnsAddAfter","d":"TableColumnsAddAfter, the fill drawing of table-columns-add-after on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:table-columns-add-before","t":"TableColumnsAddBefore","d":"TableColumnsAddBefore, the stroke drawing of table-columns-add-before on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/table-columns-add-before","t":"TableColumnsAddBefore","d":"TableColumnsAddBefore, the two-tone drawing of table-columns-add-before on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/table-columns-add-before","t":"TableColumnsAddBefore","d":"TableColumnsAddBefore, the duotone drawing of table-columns-add-before on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/table-columns-add-before","t":"TableColumnsAddBefore","d":"TableColumnsAddBefore, the fill drawing of table-columns-add-before on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/table-columns-add-before","t":"TableColumnsAddBefore","d":"TableColumnsAddBefore, the stroke drawing of table-columns-add-before on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/table-columns-add-before","t":"TableColumnsAddBefore","d":"TableColumnsAddBefore, the two-tone drawing of table-columns-add-before on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/table-columns-add-before","t":"TableColumnsAddBefore","d":"TableColumnsAddBefore, the duotone drawing of table-columns-add-before on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/table-columns-add-before","t":"TableColumnsAddBefore","d":"TableColumnsAddBefore, the fill drawing of table-columns-add-before on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:table-columns-merge-next","t":"TableColumnsMergeNext","d":"TableColumnsMergeNext, the stroke drawing of table-columns-merge-next on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/table-columns-merge-next","t":"TableColumnsMergeNext","d":"TableColumnsMergeNext, the two-tone drawing of table-columns-merge-next on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/table-columns-merge-next","t":"TableColumnsMergeNext","d":"TableColumnsMergeNext, the duotone drawing of table-columns-merge-next on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/table-columns-merge-next","t":"TableColumnsMergeNext","d":"TableColumnsMergeNext, the fill drawing of table-columns-merge-next on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/table-columns-merge-next","t":"TableColumnsMergeNext","d":"TableColumnsMergeNext, the stroke drawing of table-columns-merge-next on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/table-columns-merge-next","t":"TableColumnsMergeNext","d":"TableColumnsMergeNext, the two-tone drawing of table-columns-merge-next on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/table-columns-merge-next","t":"TableColumnsMergeNext","d":"TableColumnsMergeNext, the duotone drawing of table-columns-merge-next on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/table-columns-merge-next","t":"TableColumnsMergeNext","d":"TableColumnsMergeNext, the fill drawing of table-columns-merge-next on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:table-columns-merge-previous","t":"TableColumnsMergePrevious","d":"TableColumnsMergePrevious, the stroke drawing of table-columns-merge-previous on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/table-columns-merge-previous","t":"TableColumnsMergePrevious","d":"TableColumnsMergePrevious, the two-tone drawing of table-columns-merge-previous on a 24×24","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/table-columns-merge-previous","t":"TableColumnsMergePrevious","d":"TableColumnsMergePrevious, the duotone drawing of table-columns-merge-previous on a 24×24 ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/table-columns-merge-previous","t":"TableColumnsMergePrevious","d":"TableColumnsMergePrevious, the fill drawing of table-columns-merge-previous on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/table-columns-merge-previous","t":"TableColumnsMergePrevious","d":"TableColumnsMergePrevious, the stroke drawing of table-columns-merge-previous on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/table-columns-merge-previous","t":"TableColumnsMergePrevious","d":"TableColumnsMergePrevious, the two-tone drawing of table-columns-merge-previous on a 24×24","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/table-columns-merge-previous","t":"TableColumnsMergePrevious","d":"TableColumnsMergePrevious, the duotone drawing of table-columns-merge-previous on a 24×24 ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/table-columns-merge-previous","t":"TableColumnsMergePrevious","d":"TableColumnsMergePrevious, the fill drawing of table-columns-merge-previous on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:table-columns-remove-after","t":"TableColumnsRemoveAfter","d":"TableColumnsRemoveAfter, the stroke drawing of table-columns-remove-after on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/table-columns-remove-after","t":"TableColumnsRemoveAfter","d":"TableColumnsRemoveAfter, the two-tone drawing of table-columns-remove-after on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/table-columns-remove-after","t":"TableColumnsRemoveAfter","d":"TableColumnsRemoveAfter, the duotone drawing of table-columns-remove-after on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/table-columns-remove-after","t":"TableColumnsRemoveAfter","d":"TableColumnsRemoveAfter, the fill drawing of table-columns-remove-after on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/table-columns-remove-after","t":"TableColumnsRemoveAfter","d":"TableColumnsRemoveAfter, the stroke drawing of table-columns-remove-after on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/table-columns-remove-after","t":"TableColumnsRemoveAfter","d":"TableColumnsRemoveAfter, the two-tone drawing of table-columns-remove-after on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/table-columns-remove-after","t":"TableColumnsRemoveAfter","d":"TableColumnsRemoveAfter, the duotone drawing of table-columns-remove-after on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/table-columns-remove-after","t":"TableColumnsRemoveAfter","d":"TableColumnsRemoveAfter, the fill drawing of table-columns-remove-after on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:table-columns-remove-before","t":"TableColumnsRemoveBefore","d":"TableColumnsRemoveBefore, the stroke drawing of table-columns-remove-before on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/table-columns-remove-before","t":"TableColumnsRemoveBefore","d":"TableColumnsRemoveBefore, the two-tone drawing of table-columns-remove-before on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/table-columns-remove-before","t":"TableColumnsRemoveBefore","d":"TableColumnsRemoveBefore, the duotone drawing of table-columns-remove-before on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/table-columns-remove-before","t":"TableColumnsRemoveBefore","d":"TableColumnsRemoveBefore, the fill drawing of table-columns-remove-before on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/table-columns-remove-before","t":"TableColumnsRemoveBefore","d":"TableColumnsRemoveBefore, the stroke drawing of table-columns-remove-before on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/table-columns-remove-before","t":"TableColumnsRemoveBefore","d":"TableColumnsRemoveBefore, the two-tone drawing of table-columns-remove-before on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/table-columns-remove-before","t":"TableColumnsRemoveBefore","d":"TableColumnsRemoveBefore, the duotone drawing of table-columns-remove-before on a 24×24 gr","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/table-columns-remove-before","t":"TableColumnsRemoveBefore","d":"TableColumnsRemoveBefore, the fill drawing of table-columns-remove-before on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:table-off","t":"TableOff","d":"TableOff, the stroke drawing of table-off on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/table-off","t":"TableOff","d":"TableOff, the two-tone drawing of table-off on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/table-off","t":"TableOff","d":"TableOff, the duotone drawing of table-off on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/table-off","t":"TableOff","d":"TableOff, the fill drawing of table-off on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/table-off","t":"TableOff","d":"TableOff, the stroke drawing of table-off on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/table-off","t":"TableOff","d":"TableOff, the two-tone drawing of table-off on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/table-off","t":"TableOff","d":"TableOff, the duotone drawing of table-off on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/table-off","t":"TableOff","d":"TableOff, the fill drawing of table-off on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:table-pivot","t":"TablePivot","d":"TablePivot, the stroke drawing of table-pivot on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/table-pivot","t":"TablePivot","d":"TablePivot, the two-tone drawing of table-pivot on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/table-pivot","t":"TablePivot","d":"TablePivot, the duotone drawing of table-pivot on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/table-pivot","t":"TablePivot","d":"TablePivot, the fill drawing of table-pivot on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/table-pivot","t":"TablePivot","d":"TablePivot, the stroke drawing of table-pivot on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/table-pivot","t":"TablePivot","d":"TablePivot, the two-tone drawing of table-pivot on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/table-pivot","t":"TablePivot","d":"TablePivot, the duotone drawing of table-pivot on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/table-pivot","t":"TablePivot","d":"TablePivot, the fill drawing of table-pivot on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:table-rows","t":"TableRows","d":"TableRows, the stroke drawing of table-rows on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/table-rows","t":"TableRows","d":"TableRows, the two-tone drawing of table-rows on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/table-rows","t":"TableRows","d":"TableRows, the duotone drawing of table-rows on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/table-rows","t":"TableRows","d":"TableRows, the fill drawing of table-rows on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/table-rows","t":"TableRows","d":"TableRows, the stroke drawing of table-rows on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/table-rows","t":"TableRows","d":"TableRows, the two-tone drawing of table-rows on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/table-rows","t":"TableRows","d":"TableRows, the duotone drawing of table-rows on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/table-rows","t":"TableRows","d":"TableRows, the fill drawing of table-rows on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:table-rows-add-above","t":"TableRowsAddAbove","d":"TableRowsAddAbove, the stroke drawing of table-rows-add-above on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/table-rows-add-above","t":"TableRowsAddAbove","d":"TableRowsAddAbove, the two-tone drawing of table-rows-add-above on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/table-rows-add-above","t":"TableRowsAddAbove","d":"TableRowsAddAbove, the duotone drawing of table-rows-add-above on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/table-rows-add-above","t":"TableRowsAddAbove","d":"TableRowsAddAbove, the fill drawing of table-rows-add-above on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/table-rows-add-above","t":"TableRowsAddAbove","d":"TableRowsAddAbove, the stroke drawing of table-rows-add-above on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/table-rows-add-above","t":"TableRowsAddAbove","d":"TableRowsAddAbove, the two-tone drawing of table-rows-add-above on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/table-rows-add-above","t":"TableRowsAddAbove","d":"TableRowsAddAbove, the duotone drawing of table-rows-add-above on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/table-rows-add-above","t":"TableRowsAddAbove","d":"TableRowsAddAbove, the fill drawing of table-rows-add-above on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:table-rows-add-below","t":"TableRowsAddBelow","d":"TableRowsAddBelow, the stroke drawing of table-rows-add-below on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/table-rows-add-below","t":"TableRowsAddBelow","d":"TableRowsAddBelow, the two-tone drawing of table-rows-add-below on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/table-rows-add-below","t":"TableRowsAddBelow","d":"TableRowsAddBelow, the duotone drawing of table-rows-add-below on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/table-rows-add-below","t":"TableRowsAddBelow","d":"TableRowsAddBelow, the fill drawing of table-rows-add-below on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/table-rows-add-below","t":"TableRowsAddBelow","d":"TableRowsAddBelow, the stroke drawing of table-rows-add-below on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/table-rows-add-below","t":"TableRowsAddBelow","d":"TableRowsAddBelow, the two-tone drawing of table-rows-add-below on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/table-rows-add-below","t":"TableRowsAddBelow","d":"TableRowsAddBelow, the duotone drawing of table-rows-add-below on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/table-rows-add-below","t":"TableRowsAddBelow","d":"TableRowsAddBelow, the fill drawing of table-rows-add-below on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:table-rows-merge-next","t":"TableRowsMergeNext","d":"TableRowsMergeNext, the stroke drawing of table-rows-merge-next on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/table-rows-merge-next","t":"TableRowsMergeNext","d":"TableRowsMergeNext, the two-tone drawing of table-rows-merge-next on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/table-rows-merge-next","t":"TableRowsMergeNext","d":"TableRowsMergeNext, the duotone drawing of table-rows-merge-next on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/table-rows-merge-next","t":"TableRowsMergeNext","d":"TableRowsMergeNext, the fill drawing of table-rows-merge-next on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/table-rows-merge-next","t":"TableRowsMergeNext","d":"TableRowsMergeNext, the stroke drawing of table-rows-merge-next on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/table-rows-merge-next","t":"TableRowsMergeNext","d":"TableRowsMergeNext, the two-tone drawing of table-rows-merge-next on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/table-rows-merge-next","t":"TableRowsMergeNext","d":"TableRowsMergeNext, the duotone drawing of table-rows-merge-next on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/table-rows-merge-next","t":"TableRowsMergeNext","d":"TableRowsMergeNext, the fill drawing of table-rows-merge-next on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:table-rows-merge-previous","t":"TableRowsMergePrevious","d":"TableRowsMergePrevious, the stroke drawing of table-rows-merge-previous on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/table-rows-merge-previous","t":"TableRowsMergePrevious","d":"TableRowsMergePrevious, the two-tone drawing of table-rows-merge-previous on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/table-rows-merge-previous","t":"TableRowsMergePrevious","d":"TableRowsMergePrevious, the duotone drawing of table-rows-merge-previous on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/table-rows-merge-previous","t":"TableRowsMergePrevious","d":"TableRowsMergePrevious, the fill drawing of table-rows-merge-previous on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/table-rows-merge-previous","t":"TableRowsMergePrevious","d":"TableRowsMergePrevious, the stroke drawing of table-rows-merge-previous on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/table-rows-merge-previous","t":"TableRowsMergePrevious","d":"TableRowsMergePrevious, the two-tone drawing of table-rows-merge-previous on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/table-rows-merge-previous","t":"TableRowsMergePrevious","d":"TableRowsMergePrevious, the duotone drawing of table-rows-merge-previous on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/table-rows-merge-previous","t":"TableRowsMergePrevious","d":"TableRowsMergePrevious, the fill drawing of table-rows-merge-previous on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:table-rows-remove-above","t":"TableRowsRemoveAbove","d":"TableRowsRemoveAbove, the stroke drawing of table-rows-remove-above on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/table-rows-remove-above","t":"TableRowsRemoveAbove","d":"TableRowsRemoveAbove, the two-tone drawing of table-rows-remove-above on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/table-rows-remove-above","t":"TableRowsRemoveAbove","d":"TableRowsRemoveAbove, the duotone drawing of table-rows-remove-above on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/table-rows-remove-above","t":"TableRowsRemoveAbove","d":"TableRowsRemoveAbove, the fill drawing of table-rows-remove-above on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/table-rows-remove-above","t":"TableRowsRemoveAbove","d":"TableRowsRemoveAbove, the stroke drawing of table-rows-remove-above on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/table-rows-remove-above","t":"TableRowsRemoveAbove","d":"TableRowsRemoveAbove, the two-tone drawing of table-rows-remove-above on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/table-rows-remove-above","t":"TableRowsRemoveAbove","d":"TableRowsRemoveAbove, the duotone drawing of table-rows-remove-above on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/table-rows-remove-above","t":"TableRowsRemoveAbove","d":"TableRowsRemoveAbove, the fill drawing of table-rows-remove-above on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:table-rows-remove-below","t":"TableRowsRemoveBelow","d":"TableRowsRemoveBelow, the stroke drawing of table-rows-remove-below on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/table-rows-remove-below","t":"TableRowsRemoveBelow","d":"TableRowsRemoveBelow, the two-tone drawing of table-rows-remove-below on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/table-rows-remove-below","t":"TableRowsRemoveBelow","d":"TableRowsRemoveBelow, the duotone drawing of table-rows-remove-below on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/table-rows-remove-below","t":"TableRowsRemoveBelow","d":"TableRowsRemoveBelow, the fill drawing of table-rows-remove-below on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/table-rows-remove-below","t":"TableRowsRemoveBelow","d":"TableRowsRemoveBelow, the stroke drawing of table-rows-remove-below on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/table-rows-remove-below","t":"TableRowsRemoveBelow","d":"TableRowsRemoveBelow, the two-tone drawing of table-rows-remove-below on a 24×24 grid, wit","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/table-rows-remove-below","t":"TableRowsRemoveBelow","d":"TableRowsRemoveBelow, the duotone drawing of table-rows-remove-below on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/table-rows-remove-below","t":"TableRowsRemoveBelow","d":"TableRowsRemoveBelow, the fill drawing of table-rows-remove-below on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:table-tree","t":"TableTree","d":"TableTree, the stroke drawing of table-tree on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/table-tree","t":"TableTree","d":"TableTree, the two-tone drawing of table-tree on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/table-tree","t":"TableTree","d":"TableTree, the duotone drawing of table-tree on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/table-tree","t":"TableTree","d":"TableTree, the fill drawing of table-tree on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/table-tree","t":"TableTree","d":"TableTree, the stroke drawing of table-tree on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/table-tree","t":"TableTree","d":"TableTree, the two-tone drawing of table-tree on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/table-tree","t":"TableTree","d":"TableTree, the duotone drawing of table-tree on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/table-tree","t":"TableTree","d":"TableTree, the fill drawing of table-tree on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:tablet","t":"Tablet","d":"Tablet, the stroke drawing of tablet on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/tablet","t":"Tablet","d":"Tablet, the two-tone drawing of tablet on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/tablet","t":"Tablet","d":"Tablet, the duotone drawing of tablet on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/tablet","t":"Tablet","d":"Tablet, the fill drawing of tablet on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/tablet","t":"Tablet","d":"Tablet, the stroke drawing of tablet on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/tablet","t":"Tablet","d":"Tablet, the two-tone drawing of tablet on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/tablet","t":"Tablet","d":"Tablet, the duotone drawing of tablet on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/tablet","t":"Tablet","d":"Tablet, the fill drawing of tablet on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:tablet-arrow-down","t":"TabletArrowDown","d":"TabletArrowDown, the stroke drawing of tablet-arrow-down on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/tablet-arrow-down","t":"TabletArrowDown","d":"TabletArrowDown, the two-tone drawing of tablet-arrow-down on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/tablet-arrow-down","t":"TabletArrowDown","d":"TabletArrowDown, the duotone drawing of tablet-arrow-down on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/tablet-arrow-down","t":"TabletArrowDown","d":"TabletArrowDown, the fill drawing of tablet-arrow-down on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/tablet-arrow-down","t":"TabletArrowDown","d":"TabletArrowDown, the stroke drawing of tablet-arrow-down on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/tablet-arrow-down","t":"TabletArrowDown","d":"TabletArrowDown, the two-tone drawing of tablet-arrow-down on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/tablet-arrow-down","t":"TabletArrowDown","d":"TabletArrowDown, the duotone drawing of tablet-arrow-down on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/tablet-arrow-down","t":"TabletArrowDown","d":"TabletArrowDown, the fill drawing of tablet-arrow-down on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:tablet-arrow-in-right","t":"TabletArrowInRight","d":"TabletArrowInRight, the stroke drawing of tablet-arrow-in-right on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/tablet-arrow-in-right","t":"TabletArrowInRight","d":"TabletArrowInRight, the two-tone drawing of tablet-arrow-in-right on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/tablet-arrow-in-right","t":"TabletArrowInRight","d":"TabletArrowInRight, the duotone drawing of tablet-arrow-in-right on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/tablet-arrow-in-right","t":"TabletArrowInRight","d":"TabletArrowInRight, the fill drawing of tablet-arrow-in-right on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/tablet-arrow-in-right","t":"TabletArrowInRight","d":"TabletArrowInRight, the stroke drawing of tablet-arrow-in-right on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/tablet-arrow-in-right","t":"TabletArrowInRight","d":"TabletArrowInRight, the two-tone drawing of tablet-arrow-in-right on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/tablet-arrow-in-right","t":"TabletArrowInRight","d":"TabletArrowInRight, the duotone drawing of tablet-arrow-in-right on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/tablet-arrow-in-right","t":"TabletArrowInRight","d":"TabletArrowInRight, the fill drawing of tablet-arrow-in-right on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:tablet-arrow-in-up","t":"TabletArrowInUp","d":"TabletArrowInUp, the stroke drawing of tablet-arrow-in-up on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/tablet-arrow-in-up","t":"TabletArrowInUp","d":"TabletArrowInUp, the two-tone drawing of tablet-arrow-in-up on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/tablet-arrow-in-up","t":"TabletArrowInUp","d":"TabletArrowInUp, the duotone drawing of tablet-arrow-in-up on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/tablet-arrow-in-up","t":"TabletArrowInUp","d":"TabletArrowInUp, the fill drawing of tablet-arrow-in-up on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/tablet-arrow-in-up","t":"TabletArrowInUp","d":"TabletArrowInUp, the stroke drawing of tablet-arrow-in-up on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/tablet-arrow-in-up","t":"TabletArrowInUp","d":"TabletArrowInUp, the two-tone drawing of tablet-arrow-in-up on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/tablet-arrow-in-up","t":"TabletArrowInUp","d":"TabletArrowInUp, the duotone drawing of tablet-arrow-in-up on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/tablet-arrow-in-up","t":"TabletArrowInUp","d":"TabletArrowInUp, the fill drawing of tablet-arrow-in-up on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:tablet-arrow-left","t":"TabletArrowLeft","d":"TabletArrowLeft, the stroke drawing of tablet-arrow-left on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/tablet-arrow-left","t":"TabletArrowLeft","d":"TabletArrowLeft, the two-tone drawing of tablet-arrow-left on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/tablet-arrow-left","t":"TabletArrowLeft","d":"TabletArrowLeft, the duotone drawing of tablet-arrow-left on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/tablet-arrow-left","t":"TabletArrowLeft","d":"TabletArrowLeft, the fill drawing of tablet-arrow-left on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/tablet-arrow-left","t":"TabletArrowLeft","d":"TabletArrowLeft, the stroke drawing of tablet-arrow-left on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/tablet-arrow-left","t":"TabletArrowLeft","d":"TabletArrowLeft, the two-tone drawing of tablet-arrow-left on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/tablet-arrow-left","t":"TabletArrowLeft","d":"TabletArrowLeft, the duotone drawing of tablet-arrow-left on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/tablet-arrow-left","t":"TabletArrowLeft","d":"TabletArrowLeft, the fill drawing of tablet-arrow-left on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:tablet-check","t":"TabletCheck","d":"TabletCheck, the stroke drawing of tablet-check on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/tablet-check","t":"TabletCheck","d":"TabletCheck, the two-tone drawing of tablet-check on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/tablet-check","t":"TabletCheck","d":"TabletCheck, the duotone drawing of tablet-check on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/tablet-check","t":"TabletCheck","d":"TabletCheck, the fill drawing of tablet-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/tablet-check","t":"TabletCheck","d":"TabletCheck, the stroke drawing of tablet-check on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/tablet-check","t":"TabletCheck","d":"TabletCheck, the two-tone drawing of tablet-check on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/tablet-check","t":"TabletCheck","d":"TabletCheck, the duotone drawing of tablet-check on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/tablet-check","t":"TabletCheck","d":"TabletCheck, the fill drawing of tablet-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:tablet-minus","t":"TabletMinus","d":"TabletMinus, the stroke drawing of tablet-minus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/tablet-minus","t":"TabletMinus","d":"TabletMinus, the two-tone drawing of tablet-minus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/tablet-minus","t":"TabletMinus","d":"TabletMinus, the duotone drawing of tablet-minus on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/tablet-minus","t":"TabletMinus","d":"TabletMinus, the fill drawing of tablet-minus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/tablet-minus","t":"TabletMinus","d":"TabletMinus, the stroke drawing of tablet-minus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/tablet-minus","t":"TabletMinus","d":"TabletMinus, the two-tone drawing of tablet-minus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/tablet-minus","t":"TabletMinus","d":"TabletMinus, the duotone drawing of tablet-minus on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/tablet-minus","t":"TabletMinus","d":"TabletMinus, the fill drawing of tablet-minus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:tablet-plus","t":"TabletPlus","d":"TabletPlus, the stroke drawing of tablet-plus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/tablet-plus","t":"TabletPlus","d":"TabletPlus, the two-tone drawing of tablet-plus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/tablet-plus","t":"TabletPlus","d":"TabletPlus, the duotone drawing of tablet-plus on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/tablet-plus","t":"TabletPlus","d":"TabletPlus, the fill drawing of tablet-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/tablet-plus","t":"TabletPlus","d":"TabletPlus, the stroke drawing of tablet-plus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/tablet-plus","t":"TabletPlus","d":"TabletPlus, the two-tone drawing of tablet-plus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/tablet-plus","t":"TabletPlus","d":"TabletPlus, the duotone drawing of tablet-plus on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/tablet-plus","t":"TabletPlus","d":"TabletPlus, the fill drawing of tablet-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:tablet-vertical","t":"TabletVertical","d":"TabletVertical, the stroke drawing of tablet-vertical on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/tablet-vertical","t":"TabletVertical","d":"TabletVertical, the two-tone drawing of tablet-vertical on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/tablet-vertical","t":"TabletVertical","d":"TabletVertical, the duotone drawing of tablet-vertical on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/tablet-vertical","t":"TabletVertical","d":"TabletVertical, the fill drawing of tablet-vertical on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/tablet-vertical","t":"TabletVertical","d":"TabletVertical, the stroke drawing of tablet-vertical on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/tablet-vertical","t":"TabletVertical","d":"TabletVertical, the two-tone drawing of tablet-vertical on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/tablet-vertical","t":"TabletVertical","d":"TabletVertical, the duotone drawing of tablet-vertical on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/tablet-vertical","t":"TabletVertical","d":"TabletVertical, the fill drawing of tablet-vertical on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:tablet-zap","t":"TabletZap","d":"TabletZap, the stroke drawing of tablet-zap on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/tablet-zap","t":"TabletZap","d":"TabletZap, the two-tone drawing of tablet-zap on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/tablet-zap","t":"TabletZap","d":"TabletZap, the duotone drawing of tablet-zap on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/tablet-zap","t":"TabletZap","d":"TabletZap, the fill drawing of tablet-zap on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/tablet-zap","t":"TabletZap","d":"TabletZap, the stroke drawing of tablet-zap on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/tablet-zap","t":"TabletZap","d":"TabletZap, the two-tone drawing of tablet-zap on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/tablet-zap","t":"TabletZap","d":"TabletZap, the duotone drawing of tablet-zap on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/tablet-zap","t":"TabletZap","d":"TabletZap, the fill drawing of tablet-zap on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:tag","t":"Tag","d":"Tag, the stroke drawing of tag on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/tag","t":"Tag","d":"Tag, the two-tone drawing of tag on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/tag","t":"Tag","d":"Tag, the duotone drawing of tag on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/tag","t":"Tag","d":"Tag, the fill drawing of tag on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/tag","t":"Tag","d":"Tag, the stroke drawing of tag on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/tag","t":"Tag","d":"Tag, the two-tone drawing of tag on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/tag","t":"Tag","d":"Tag, the duotone drawing of tag on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/tag","t":"Tag","d":"Tag, the fill drawing of tag on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:tag-horizontal-end","t":"TagHorizontalEnd","d":"TagHorizontalEnd, the stroke drawing of tag-horizontal-end on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/tag-horizontal-end","t":"TagHorizontalEnd","d":"TagHorizontalEnd, the two-tone drawing of tag-horizontal-end on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/tag-horizontal-end","t":"TagHorizontalEnd","d":"TagHorizontalEnd, the duotone drawing of tag-horizontal-end on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/tag-horizontal-end","t":"TagHorizontalEnd","d":"TagHorizontalEnd, the fill drawing of tag-horizontal-end on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/tag-horizontal-end","t":"TagHorizontalEnd","d":"TagHorizontalEnd, the stroke drawing of tag-horizontal-end on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/tag-horizontal-end","t":"TagHorizontalEnd","d":"TagHorizontalEnd, the two-tone drawing of tag-horizontal-end on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/tag-horizontal-end","t":"TagHorizontalEnd","d":"TagHorizontalEnd, the duotone drawing of tag-horizontal-end on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/tag-horizontal-end","t":"TagHorizontalEnd","d":"TagHorizontalEnd, the fill drawing of tag-horizontal-end on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:tag-horizontal-end-percent","t":"TagHorizontalEndPercent","d":"TagHorizontalEndPercent, the stroke drawing of tag-horizontal-end-percent on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/tag-horizontal-end-percent","t":"TagHorizontalEndPercent","d":"TagHorizontalEndPercent, the two-tone drawing of tag-horizontal-end-percent on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/tag-horizontal-end-percent","t":"TagHorizontalEndPercent","d":"TagHorizontalEndPercent, the duotone drawing of tag-horizontal-end-percent on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/tag-horizontal-end-percent","t":"TagHorizontalEndPercent","d":"TagHorizontalEndPercent, the fill drawing of tag-horizontal-end-percent on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/tag-horizontal-end-percent","t":"TagHorizontalEndPercent","d":"TagHorizontalEndPercent, the stroke drawing of tag-horizontal-end-percent on a 24×24 grid,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/tag-horizontal-end-percent","t":"TagHorizontalEndPercent","d":"TagHorizontalEndPercent, the two-tone drawing of tag-horizontal-end-percent on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/tag-horizontal-end-percent","t":"TagHorizontalEndPercent","d":"TagHorizontalEndPercent, the duotone drawing of tag-horizontal-end-percent on a 24×24 grid","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/tag-horizontal-end-percent","t":"TagHorizontalEndPercent","d":"TagHorizontalEndPercent, the fill drawing of tag-horizontal-end-percent on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:tag-horizontal-start","t":"TagHorizontalStart","d":"TagHorizontalStart, the stroke drawing of tag-horizontal-start on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/tag-horizontal-start","t":"TagHorizontalStart","d":"TagHorizontalStart, the two-tone drawing of tag-horizontal-start on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/tag-horizontal-start","t":"TagHorizontalStart","d":"TagHorizontalStart, the duotone drawing of tag-horizontal-start on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/tag-horizontal-start","t":"TagHorizontalStart","d":"TagHorizontalStart, the fill drawing of tag-horizontal-start on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/tag-horizontal-start","t":"TagHorizontalStart","d":"TagHorizontalStart, the stroke drawing of tag-horizontal-start on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/tag-horizontal-start","t":"TagHorizontalStart","d":"TagHorizontalStart, the two-tone drawing of tag-horizontal-start on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/tag-horizontal-start","t":"TagHorizontalStart","d":"TagHorizontalStart, the duotone drawing of tag-horizontal-start on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/tag-horizontal-start","t":"TagHorizontalStart","d":"TagHorizontalStart, the fill drawing of tag-horizontal-start on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:tag-horizontal-start-percent","t":"TagHorizontalStartPercent","d":"TagHorizontalStartPercent, the stroke drawing of tag-horizontal-start-percent on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/tag-horizontal-start-percent","t":"TagHorizontalStartPercent","d":"TagHorizontalStartPercent, the two-tone drawing of tag-horizontal-start-percent on a 24×24","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/tag-horizontal-start-percent","t":"TagHorizontalStartPercent","d":"TagHorizontalStartPercent, the duotone drawing of tag-horizontal-start-percent on a 24×24 ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/tag-horizontal-start-percent","t":"TagHorizontalStartPercent","d":"TagHorizontalStartPercent, the fill drawing of tag-horizontal-start-percent on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/tag-horizontal-start-percent","t":"TagHorizontalStartPercent","d":"TagHorizontalStartPercent, the stroke drawing of tag-horizontal-start-percent on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/tag-horizontal-start-percent","t":"TagHorizontalStartPercent","d":"TagHorizontalStartPercent, the two-tone drawing of tag-horizontal-start-percent on a 24×24","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/tag-horizontal-start-percent","t":"TagHorizontalStartPercent","d":"TagHorizontalStartPercent, the duotone drawing of tag-horizontal-start-percent on a 24×24 ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/tag-horizontal-start-percent","t":"TagHorizontalStartPercent","d":"TagHorizontalStartPercent, the fill drawing of tag-horizontal-start-percent on a 24×24 gri","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:tag-horizontal-start-sparkles","t":"TagHorizontalStartSparkles","d":"TagHorizontalStartSparkles, the stroke drawing of tag-horizontal-start-sparkles on a 24×24","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/tag-horizontal-start-sparkles","t":"TagHorizontalStartSparkles","d":"TagHorizontalStartSparkles, the two-tone drawing of tag-horizontal-start-sparkles on a 24×","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/tag-horizontal-start-sparkles","t":"TagHorizontalStartSparkles","d":"TagHorizontalStartSparkles, the duotone drawing of tag-horizontal-start-sparkles on a 24×2","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/tag-horizontal-start-sparkles","t":"TagHorizontalStartSparkles","d":"TagHorizontalStartSparkles, the fill drawing of tag-horizontal-start-sparkles on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/tag-horizontal-start-sparkles","t":"TagHorizontalStartSparkles","d":"TagHorizontalStartSparkles, the stroke drawing of tag-horizontal-start-sparkles on a 24×24","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/tag-horizontal-start-sparkles","t":"TagHorizontalStartSparkles","d":"TagHorizontalStartSparkles, the two-tone drawing of tag-horizontal-start-sparkles on a 24×","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/tag-horizontal-start-sparkles","t":"TagHorizontalStartSparkles","d":"TagHorizontalStartSparkles, the duotone drawing of tag-horizontal-start-sparkles on a 24×2","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/tag-horizontal-start-sparkles","t":"TagHorizontalStartSparkles","d":"TagHorizontalStartSparkles, the fill drawing of tag-horizontal-start-sparkles on a 24×24 g","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:tag-sparkles","t":"TagSparkles","d":"TagSparkles, the stroke drawing of tag-sparkles on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/tag-sparkles","t":"TagSparkles","d":"TagSparkles, the two-tone drawing of tag-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/tag-sparkles","t":"TagSparkles","d":"TagSparkles, the duotone drawing of tag-sparkles on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/tag-sparkles","t":"TagSparkles","d":"TagSparkles, the fill drawing of tag-sparkles on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/tag-sparkles","t":"TagSparkles","d":"TagSparkles, the stroke drawing of tag-sparkles on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/tag-sparkles","t":"TagSparkles","d":"TagSparkles, the two-tone drawing of tag-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/tag-sparkles","t":"TagSparkles","d":"TagSparkles, the duotone drawing of tag-sparkles on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/tag-sparkles","t":"TagSparkles","d":"TagSparkles, the fill drawing of tag-sparkles on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:tape","t":"Tape","d":"Tape, the stroke drawing of tape on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/tape","t":"Tape","d":"Tape, the two-tone drawing of tape on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/tape","t":"Tape","d":"Tape, the duotone drawing of tape on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/tape","t":"Tape","d":"Tape, the fill drawing of tape on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/tape","t":"Tape","d":"Tape, the stroke drawing of tape on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/tape","t":"Tape","d":"Tape, the two-tone drawing of tape on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/tape","t":"Tape","d":"Tape, the duotone drawing of tape on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/tape","t":"Tape","d":"Tape, the fill drawing of tape on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:target","t":"Target","d":"Target, the stroke drawing of target on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/target","t":"Target","d":"Target, the two-tone drawing of target on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/target","t":"Target","d":"Target, the duotone drawing of target on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/target","t":"Target","d":"Target, the fill drawing of target on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/target","t":"Target","d":"Target, the stroke drawing of target on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/target","t":"Target","d":"Target, the two-tone drawing of target on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/target","t":"Target","d":"Target, the duotone drawing of target on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/target","t":"Target","d":"Target, the fill drawing of target on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:telescope","t":"Telescope","d":"Telescope, the stroke drawing of telescope on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/telescope","t":"Telescope","d":"Telescope, the two-tone drawing of telescope on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/telescope","t":"Telescope","d":"Telescope, the duotone drawing of telescope on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/telescope","t":"Telescope","d":"Telescope, the fill drawing of telescope on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/telescope","t":"Telescope","d":"Telescope, the stroke drawing of telescope on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/telescope","t":"Telescope","d":"Telescope, the two-tone drawing of telescope on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/telescope","t":"Telescope","d":"Telescope, the duotone drawing of telescope on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/telescope","t":"Telescope","d":"Telescope, the fill drawing of telescope on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:temperature-empty","t":"TemperatureEmpty","d":"TemperatureEmpty, the stroke drawing of temperature-empty on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/temperature-empty","t":"TemperatureEmpty","d":"TemperatureEmpty, the two-tone drawing of temperature-empty on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/temperature-empty","t":"TemperatureEmpty","d":"TemperatureEmpty, the duotone drawing of temperature-empty on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/temperature-empty","t":"TemperatureEmpty","d":"TemperatureEmpty, the fill drawing of temperature-empty on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/temperature-empty","t":"TemperatureEmpty","d":"TemperatureEmpty, the stroke drawing of temperature-empty on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/temperature-empty","t":"TemperatureEmpty","d":"TemperatureEmpty, the two-tone drawing of temperature-empty on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/temperature-empty","t":"TemperatureEmpty","d":"TemperatureEmpty, the duotone drawing of temperature-empty on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/temperature-empty","t":"TemperatureEmpty","d":"TemperatureEmpty, the fill drawing of temperature-empty on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:temperature-full","t":"TemperatureFull","d":"TemperatureFull, the stroke drawing of temperature-full on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/temperature-full","t":"TemperatureFull","d":"TemperatureFull, the two-tone drawing of temperature-full on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/temperature-full","t":"TemperatureFull","d":"TemperatureFull, the duotone drawing of temperature-full on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/temperature-full","t":"TemperatureFull","d":"TemperatureFull, the fill drawing of temperature-full on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/temperature-full","t":"TemperatureFull","d":"TemperatureFull, the stroke drawing of temperature-full on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/temperature-full","t":"TemperatureFull","d":"TemperatureFull, the two-tone drawing of temperature-full on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/temperature-full","t":"TemperatureFull","d":"TemperatureFull, the duotone drawing of temperature-full on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/temperature-full","t":"TemperatureFull","d":"TemperatureFull, the fill drawing of temperature-full on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:temperature-half","t":"TemperatureHalf","d":"TemperatureHalf, the stroke drawing of temperature-half on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/temperature-half","t":"TemperatureHalf","d":"TemperatureHalf, the two-tone drawing of temperature-half on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/temperature-half","t":"TemperatureHalf","d":"TemperatureHalf, the duotone drawing of temperature-half on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/temperature-half","t":"TemperatureHalf","d":"TemperatureHalf, the fill drawing of temperature-half on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/temperature-half","t":"TemperatureHalf","d":"TemperatureHalf, the stroke drawing of temperature-half on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/temperature-half","t":"TemperatureHalf","d":"TemperatureHalf, the two-tone drawing of temperature-half on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/temperature-half","t":"TemperatureHalf","d":"TemperatureHalf, the duotone drawing of temperature-half on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/temperature-half","t":"TemperatureHalf","d":"TemperatureHalf, the fill drawing of temperature-half on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:temperature-high","t":"TemperatureHigh","d":"TemperatureHigh, the stroke drawing of temperature-high on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/temperature-high","t":"TemperatureHigh","d":"TemperatureHigh, the two-tone drawing of temperature-high on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/temperature-high","t":"TemperatureHigh","d":"TemperatureHigh, the duotone drawing of temperature-high on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/temperature-high","t":"TemperatureHigh","d":"TemperatureHigh, the fill drawing of temperature-high on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/temperature-high","t":"TemperatureHigh","d":"TemperatureHigh, the stroke drawing of temperature-high on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/temperature-high","t":"TemperatureHigh","d":"TemperatureHigh, the two-tone drawing of temperature-high on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/temperature-high","t":"TemperatureHigh","d":"TemperatureHigh, the duotone drawing of temperature-high on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/temperature-high","t":"TemperatureHigh","d":"TemperatureHigh, the fill drawing of temperature-high on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:temperature-quarter","t":"TemperatureQuarter","d":"TemperatureQuarter, the stroke drawing of temperature-quarter on a 24×24 grid, with rounde","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/temperature-quarter","t":"TemperatureQuarter","d":"TemperatureQuarter, the two-tone drawing of temperature-quarter on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/temperature-quarter","t":"TemperatureQuarter","d":"TemperatureQuarter, the duotone drawing of temperature-quarter on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/temperature-quarter","t":"TemperatureQuarter","d":"TemperatureQuarter, the fill drawing of temperature-quarter on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/temperature-quarter","t":"TemperatureQuarter","d":"TemperatureQuarter, the stroke drawing of temperature-quarter on a 24×24 grid, with square","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/temperature-quarter","t":"TemperatureQuarter","d":"TemperatureQuarter, the two-tone drawing of temperature-quarter on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/temperature-quarter","t":"TemperatureQuarter","d":"TemperatureQuarter, the duotone drawing of temperature-quarter on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/temperature-quarter","t":"TemperatureQuarter","d":"TemperatureQuarter, the fill drawing of temperature-quarter on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:tennis-ball","t":"TennisBall","d":"TennisBall, the stroke drawing of tennis-ball on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/tennis-ball","t":"TennisBall","d":"TennisBall, the two-tone drawing of tennis-ball on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/tennis-ball","t":"TennisBall","d":"TennisBall, the duotone drawing of tennis-ball on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/tennis-ball","t":"TennisBall","d":"TennisBall, the fill drawing of tennis-ball on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/tennis-ball","t":"TennisBall","d":"TennisBall, the stroke drawing of tennis-ball on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/tennis-ball","t":"TennisBall","d":"TennisBall, the two-tone drawing of tennis-ball on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/tennis-ball","t":"TennisBall","d":"TennisBall, the duotone drawing of tennis-ball on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/tennis-ball","t":"TennisBall","d":"TennisBall, the fill drawing of tennis-ball on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:terminal","t":"Terminal","d":"Terminal, the stroke drawing of terminal on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:two-tone/terminal","t":"Terminal","d":"Terminal, the two-tone drawing of terminal on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:duotone/terminal","t":"Terminal","d":"Terminal, the duotone drawing of terminal on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:fill/terminal","t":"Terminal","d":"Terminal, the fill drawing of terminal on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/terminal","t":"Terminal","d":"Terminal, the stroke drawing of terminal on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/two-tone/terminal","t":"Terminal","d":"Terminal, the two-tone drawing of terminal on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/duotone/terminal","t":"Terminal","d":"Terminal, the duotone drawing of terminal on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/fill/terminal","t":"Terminal","d":"Terminal, the fill drawing of terminal on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:square-terminal","t":"SquareTerminal","d":"SquareTerminal, the stroke drawing of square-terminal on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:two-tone/square-terminal","t":"SquareTerminal","d":"SquareTerminal, the two-tone drawing of square-terminal on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:duotone/square-terminal","t":"SquareTerminal","d":"SquareTerminal, the duotone drawing of square-terminal on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:fill/square-terminal","t":"SquareTerminal","d":"SquareTerminal, the fill drawing of square-terminal on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/square-terminal","t":"SquareTerminal","d":"SquareTerminal, the stroke drawing of square-terminal on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/two-tone/square-terminal","t":"SquareTerminal","d":"SquareTerminal, the two-tone drawing of square-terminal on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/duotone/square-terminal","t":"SquareTerminal","d":"SquareTerminal, the duotone drawing of square-terminal on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/fill/square-terminal","t":"SquareTerminal","d":"SquareTerminal, the fill drawing of square-terminal on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:terminal-asterisk","t":"TerminalAsterisk","d":"TerminalAsterisk, the stroke drawing of terminal-asterisk on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:two-tone/terminal-asterisk","t":"TerminalAsterisk","d":"TerminalAsterisk, the two-tone drawing of terminal-asterisk on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:duotone/terminal-asterisk","t":"TerminalAsterisk","d":"TerminalAsterisk, the duotone drawing of terminal-asterisk on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:fill/terminal-asterisk","t":"TerminalAsterisk","d":"TerminalAsterisk, the fill drawing of terminal-asterisk on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/terminal-asterisk","t":"TerminalAsterisk","d":"TerminalAsterisk, the stroke drawing of terminal-asterisk on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/two-tone/terminal-asterisk","t":"TerminalAsterisk","d":"TerminalAsterisk, the two-tone drawing of terminal-asterisk on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/duotone/terminal-asterisk","t":"TerminalAsterisk","d":"TerminalAsterisk, the duotone drawing of terminal-asterisk on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/fill/terminal-asterisk","t":"TerminalAsterisk","d":"TerminalAsterisk, the fill drawing of terminal-asterisk on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:square-terminal-asterisk","t":"SquareTerminalAsterisk","d":"SquareTerminalAsterisk, the stroke drawing of square-terminal-asterisk on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:two-tone/square-terminal-asterisk","t":"SquareTerminalAsterisk","d":"SquareTerminalAsterisk, the two-tone drawing of square-terminal-asterisk on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:duotone/square-terminal-asterisk","t":"SquareTerminalAsterisk","d":"SquareTerminalAsterisk, the duotone drawing of square-terminal-asterisk on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:fill/square-terminal-asterisk","t":"SquareTerminalAsterisk","d":"SquareTerminalAsterisk, the fill drawing of square-terminal-asterisk on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/square-terminal-asterisk","t":"SquareTerminalAsterisk","d":"SquareTerminalAsterisk, the stroke drawing of square-terminal-asterisk on a 24×24 grid, wi","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/two-tone/square-terminal-asterisk","t":"SquareTerminalAsterisk","d":"SquareTerminalAsterisk, the two-tone drawing of square-terminal-asterisk on a 24×24 grid, ","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/duotone/square-terminal-asterisk","t":"SquareTerminalAsterisk","d":"SquareTerminalAsterisk, the duotone drawing of square-terminal-asterisk on a 24×24 grid, w","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/fill/square-terminal-asterisk","t":"SquareTerminalAsterisk","d":"SquareTerminalAsterisk, the fill drawing of square-terminal-asterisk on a 24×24 grid, with","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:terminal-cursor","t":"TerminalCursor","d":"TerminalCursor, the stroke drawing of terminal-cursor on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:two-tone/terminal-cursor","t":"TerminalCursor","d":"TerminalCursor, the two-tone drawing of terminal-cursor on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:duotone/terminal-cursor","t":"TerminalCursor","d":"TerminalCursor, the duotone drawing of terminal-cursor on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:fill/terminal-cursor","t":"TerminalCursor","d":"TerminalCursor, the fill drawing of terminal-cursor on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/terminal-cursor","t":"TerminalCursor","d":"TerminalCursor, the stroke drawing of terminal-cursor on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/two-tone/terminal-cursor","t":"TerminalCursor","d":"TerminalCursor, the two-tone drawing of terminal-cursor on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/duotone/terminal-cursor","t":"TerminalCursor","d":"TerminalCursor, the duotone drawing of terminal-cursor on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/fill/terminal-cursor","t":"TerminalCursor","d":"TerminalCursor, the fill drawing of terminal-cursor on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:terminal-plus","t":"TerminalPlus","d":"TerminalPlus, the stroke drawing of terminal-plus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:two-tone/terminal-plus","t":"TerminalPlus","d":"TerminalPlus, the two-tone drawing of terminal-plus on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:duotone/terminal-plus","t":"TerminalPlus","d":"TerminalPlus, the duotone drawing of terminal-plus on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:fill/terminal-plus","t":"TerminalPlus","d":"TerminalPlus, the fill drawing of terminal-plus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/terminal-plus","t":"TerminalPlus","d":"TerminalPlus, the stroke drawing of terminal-plus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/two-tone/terminal-plus","t":"TerminalPlus","d":"TerminalPlus, the two-tone drawing of terminal-plus on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/duotone/terminal-plus","t":"TerminalPlus","d":"TerminalPlus, the duotone drawing of terminal-plus on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/fill/terminal-plus","t":"TerminalPlus","d":"TerminalPlus, the fill drawing of terminal-plus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:terminal-sparkles","t":"TerminalSparkles","d":"TerminalSparkles, the stroke drawing of terminal-sparkles on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:two-tone/terminal-sparkles","t":"TerminalSparkles","d":"TerminalSparkles, the two-tone drawing of terminal-sparkles on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:duotone/terminal-sparkles","t":"TerminalSparkles","d":"TerminalSparkles, the duotone drawing of terminal-sparkles on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:fill/terminal-sparkles","t":"TerminalSparkles","d":"TerminalSparkles, the fill drawing of terminal-sparkles on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/terminal-sparkles","t":"TerminalSparkles","d":"TerminalSparkles, the stroke drawing of terminal-sparkles on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/two-tone/terminal-sparkles","t":"TerminalSparkles","d":"TerminalSparkles, the two-tone drawing of terminal-sparkles on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/duotone/terminal-sparkles","t":"TerminalSparkles","d":"TerminalSparkles, the duotone drawing of terminal-sparkles on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sb":"Styled sets","sy":["retro and HUD"],"hc":1},{"id":"keyline:sharp/fill/terminal-sparkles","t":"TerminalSparkles","d":"TerminalSparkles, the fill drawing of terminal-sparkles on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"keyline:test-tube","t":"TestTube","d":"TestTube, the stroke drawing of test-tube on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/test-tube","t":"TestTube","d":"TestTube, the two-tone drawing of test-tube on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/test-tube","t":"TestTube","d":"TestTube, the duotone drawing of test-tube on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/test-tube","t":"TestTube","d":"TestTube, the fill drawing of test-tube on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/test-tube","t":"TestTube","d":"TestTube, the stroke drawing of test-tube on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/test-tube","t":"TestTube","d":"TestTube, the two-tone drawing of test-tube on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/test-tube","t":"TestTube","d":"TestTube, the duotone drawing of test-tube on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/test-tube","t":"TestTube","d":"TestTube, the fill drawing of test-tube on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:test-tube-diagonal","t":"TestTubeDiagonal","d":"TestTubeDiagonal, the stroke drawing of test-tube-diagonal on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/test-tube-diagonal","t":"TestTubeDiagonal","d":"TestTubeDiagonal, the two-tone drawing of test-tube-diagonal on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/test-tube-diagonal","t":"TestTubeDiagonal","d":"TestTubeDiagonal, the duotone drawing of test-tube-diagonal on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/test-tube-diagonal","t":"TestTubeDiagonal","d":"TestTubeDiagonal, the fill drawing of test-tube-diagonal on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/test-tube-diagonal","t":"TestTubeDiagonal","d":"TestTubeDiagonal, the stroke drawing of test-tube-diagonal on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/test-tube-diagonal","t":"TestTubeDiagonal","d":"TestTubeDiagonal, the two-tone drawing of test-tube-diagonal on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/test-tube-diagonal","t":"TestTubeDiagonal","d":"TestTubeDiagonal, the duotone drawing of test-tube-diagonal on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/test-tube-diagonal","t":"TestTubeDiagonal","d":"TestTubeDiagonal, the fill drawing of test-tube-diagonal on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:test-tubes","t":"TestTubes","d":"TestTubes, the stroke drawing of test-tubes on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/test-tubes","t":"TestTubes","d":"TestTubes, the two-tone drawing of test-tubes on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/test-tubes","t":"TestTubes","d":"TestTubes, the duotone drawing of test-tubes on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/test-tubes","t":"TestTubes","d":"TestTubes, the fill drawing of test-tubes on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/test-tubes","t":"TestTubes","d":"TestTubes, the stroke drawing of test-tubes on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/test-tubes","t":"TestTubes","d":"TestTubes, the two-tone drawing of test-tubes on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/test-tubes","t":"TestTubes","d":"TestTubes, the duotone drawing of test-tubes on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/test-tubes","t":"TestTubes","d":"TestTubes, the fill drawing of test-tubes on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:text-quote","t":"TextQuote","d":"TextQuote, the stroke drawing of text-quote on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/text-quote","t":"TextQuote","d":"TextQuote, the two-tone drawing of text-quote on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/text-quote","t":"TextQuote","d":"TextQuote, the duotone drawing of text-quote on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/text-quote","t":"TextQuote","d":"TextQuote, the fill drawing of text-quote on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/text-quote","t":"TextQuote","d":"TextQuote, the stroke drawing of text-quote on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/text-quote","t":"TextQuote","d":"TextQuote, the two-tone drawing of text-quote on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/text-quote","t":"TextQuote","d":"TextQuote, the duotone drawing of text-quote on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/text-quote","t":"TextQuote","d":"TextQuote, the fill drawing of text-quote on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:thermometer","t":"Thermometer","d":"Thermometer, the stroke drawing of thermometer on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/thermometer","t":"Thermometer","d":"Thermometer, the two-tone drawing of thermometer on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/thermometer","t":"Thermometer","d":"Thermometer, the duotone drawing of thermometer on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/thermometer","t":"Thermometer","d":"Thermometer, the fill drawing of thermometer on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/thermometer","t":"Thermometer","d":"Thermometer, the stroke drawing of thermometer on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/thermometer","t":"Thermometer","d":"Thermometer, the two-tone drawing of thermometer on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/thermometer","t":"Thermometer","d":"Thermometer, the duotone drawing of thermometer on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/thermometer","t":"Thermometer","d":"Thermometer, the fill drawing of thermometer on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:thermometer-snowflake","t":"ThermometerSnowflake","d":"ThermometerSnowflake, the stroke drawing of thermometer-snowflake on a 24×24 grid, with ro","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/thermometer-snowflake","t":"ThermometerSnowflake","d":"ThermometerSnowflake, the two-tone drawing of thermometer-snowflake on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/thermometer-snowflake","t":"ThermometerSnowflake","d":"ThermometerSnowflake, the duotone drawing of thermometer-snowflake on a 24×24 grid, with r","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/thermometer-snowflake","t":"ThermometerSnowflake","d":"ThermometerSnowflake, the fill drawing of thermometer-snowflake on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/thermometer-snowflake","t":"ThermometerSnowflake","d":"ThermometerSnowflake, the stroke drawing of thermometer-snowflake on a 24×24 grid, with sq","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/thermometer-snowflake","t":"ThermometerSnowflake","d":"ThermometerSnowflake, the two-tone drawing of thermometer-snowflake on a 24×24 grid, with ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/thermometer-snowflake","t":"ThermometerSnowflake","d":"ThermometerSnowflake, the duotone drawing of thermometer-snowflake on a 24×24 grid, with s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/thermometer-snowflake","t":"ThermometerSnowflake","d":"ThermometerSnowflake, the fill drawing of thermometer-snowflake on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:thermometer-sun","t":"ThermometerSun","d":"ThermometerSun, the stroke drawing of thermometer-sun on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/thermometer-sun","t":"ThermometerSun","d":"ThermometerSun, the two-tone drawing of thermometer-sun on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/thermometer-sun","t":"ThermometerSun","d":"ThermometerSun, the duotone drawing of thermometer-sun on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/thermometer-sun","t":"ThermometerSun","d":"ThermometerSun, the fill drawing of thermometer-sun on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/thermometer-sun","t":"ThermometerSun","d":"ThermometerSun, the stroke drawing of thermometer-sun on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/thermometer-sun","t":"ThermometerSun","d":"ThermometerSun, the two-tone drawing of thermometer-sun on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/thermometer-sun","t":"ThermometerSun","d":"ThermometerSun, the duotone drawing of thermometer-sun on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/thermometer-sun","t":"ThermometerSun","d":"ThermometerSun, the fill drawing of thermometer-sun on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:thumbs-down","t":"ThumbsDown","d":"ThumbsDown, the stroke drawing of thumbs-down on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/thumbs-down","t":"ThumbsDown","d":"ThumbsDown, the two-tone drawing of thumbs-down on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/thumbs-down","t":"ThumbsDown","d":"ThumbsDown, the duotone drawing of thumbs-down on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/thumbs-down","t":"ThumbsDown","d":"ThumbsDown, the fill drawing of thumbs-down on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/thumbs-down","t":"ThumbsDown","d":"ThumbsDown, the stroke drawing of thumbs-down on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/thumbs-down","t":"ThumbsDown","d":"ThumbsDown, the two-tone drawing of thumbs-down on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/thumbs-down","t":"ThumbsDown","d":"ThumbsDown, the duotone drawing of thumbs-down on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/thumbs-down","t":"ThumbsDown","d":"ThumbsDown, the fill drawing of thumbs-down on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:thumbs-up","t":"ThumbsUp","d":"ThumbsUp, the stroke drawing of thumbs-up on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/thumbs-up","t":"ThumbsUp","d":"ThumbsUp, the two-tone drawing of thumbs-up on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/thumbs-up","t":"ThumbsUp","d":"ThumbsUp, the duotone drawing of thumbs-up on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/thumbs-up","t":"ThumbsUp","d":"ThumbsUp, the fill drawing of thumbs-up on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/thumbs-up","t":"ThumbsUp","d":"ThumbsUp, the stroke drawing of thumbs-up on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/thumbs-up","t":"ThumbsUp","d":"ThumbsUp, the two-tone drawing of thumbs-up on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/thumbs-up","t":"ThumbsUp","d":"ThumbsUp, the duotone drawing of thumbs-up on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/thumbs-up","t":"ThumbsUp","d":"ThumbsUp, the fill drawing of thumbs-up on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:timer","t":"Timer","d":"Timer, the stroke drawing of timer on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/timer","t":"Timer","d":"Timer, the two-tone drawing of timer on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/timer","t":"Timer","d":"Timer, the duotone drawing of timer on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/timer","t":"Timer","d":"Timer, the fill drawing of timer on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/timer","t":"Timer","d":"Timer, the stroke drawing of timer on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/timer","t":"Timer","d":"Timer, the two-tone drawing of timer on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/timer","t":"Timer","d":"Timer, the duotone drawing of timer on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/timer","t":"Timer","d":"Timer, the fill drawing of timer on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:timer-fast","t":"TimerFast","d":"TimerFast, the stroke drawing of timer-fast on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/timer-fast","t":"TimerFast","d":"TimerFast, the two-tone drawing of timer-fast on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/timer-fast","t":"TimerFast","d":"TimerFast, the duotone drawing of timer-fast on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/timer-fast","t":"TimerFast","d":"TimerFast, the fill drawing of timer-fast on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/timer-fast","t":"TimerFast","d":"TimerFast, the stroke drawing of timer-fast on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/timer-fast","t":"TimerFast","d":"TimerFast, the two-tone drawing of timer-fast on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/timer-fast","t":"TimerFast","d":"TimerFast, the duotone drawing of timer-fast on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/timer-fast","t":"TimerFast","d":"TimerFast, the fill drawing of timer-fast on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:timer-reset","t":"TimerReset","d":"TimerReset, the stroke drawing of timer-reset on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/timer-reset","t":"TimerReset","d":"TimerReset, the two-tone drawing of timer-reset on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/timer-reset","t":"TimerReset","d":"TimerReset, the duotone drawing of timer-reset on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/timer-reset","t":"TimerReset","d":"TimerReset, the fill drawing of timer-reset on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/timer-reset","t":"TimerReset","d":"TimerReset, the stroke drawing of timer-reset on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/timer-reset","t":"TimerReset","d":"TimerReset, the two-tone drawing of timer-reset on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/timer-reset","t":"TimerReset","d":"TimerReset, the duotone drawing of timer-reset on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/timer-reset","t":"TimerReset","d":"TimerReset, the fill drawing of timer-reset on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:toggle-off","t":"ToggleOff","d":"ToggleOff, the stroke drawing of toggle-off on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/toggle-off","t":"ToggleOff","d":"ToggleOff, the two-tone drawing of toggle-off on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/toggle-off","t":"ToggleOff","d":"ToggleOff, the duotone drawing of toggle-off on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/toggle-off","t":"ToggleOff","d":"ToggleOff, the fill drawing of toggle-off on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/toggle-off","t":"ToggleOff","d":"ToggleOff, the stroke drawing of toggle-off on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/toggle-off","t":"ToggleOff","d":"ToggleOff, the two-tone drawing of toggle-off on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/toggle-off","t":"ToggleOff","d":"ToggleOff, the duotone drawing of toggle-off on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/toggle-off","t":"ToggleOff","d":"ToggleOff, the fill drawing of toggle-off on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:toggle-on","t":"ToggleOn","d":"ToggleOn, the stroke drawing of toggle-on on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/toggle-on","t":"ToggleOn","d":"ToggleOn, the two-tone drawing of toggle-on on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/toggle-on","t":"ToggleOn","d":"ToggleOn, the duotone drawing of toggle-on on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/toggle-on","t":"ToggleOn","d":"ToggleOn, the fill drawing of toggle-on on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/toggle-on","t":"ToggleOn","d":"ToggleOn, the stroke drawing of toggle-on on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/toggle-on","t":"ToggleOn","d":"ToggleOn, the two-tone drawing of toggle-on on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/toggle-on","t":"ToggleOn","d":"ToggleOn, the duotone drawing of toggle-on on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/toggle-on","t":"ToggleOn","d":"ToggleOn, the fill drawing of toggle-on on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:toggles","t":"Toggles","d":"Toggles, the stroke drawing of toggles on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/toggles","t":"Toggles","d":"Toggles, the two-tone drawing of toggles on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/toggles","t":"Toggles","d":"Toggles, the duotone drawing of toggles on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/toggles","t":"Toggles","d":"Toggles, the fill drawing of toggles on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/toggles","t":"Toggles","d":"Toggles, the stroke drawing of toggles on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/toggles","t":"Toggles","d":"Toggles, the two-tone drawing of toggles on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/toggles","t":"Toggles","d":"Toggles, the duotone drawing of toggles on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/toggles","t":"Toggles","d":"Toggles, the fill drawing of toggles on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:toolbox","t":"Toolbox","d":"Toolbox, the stroke drawing of toolbox on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/toolbox","t":"Toolbox","d":"Toolbox, the two-tone drawing of toolbox on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/toolbox","t":"Toolbox","d":"Toolbox, the duotone drawing of toolbox on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/toolbox","t":"Toolbox","d":"Toolbox, the fill drawing of toolbox on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/toolbox","t":"Toolbox","d":"Toolbox, the stroke drawing of toolbox on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/toolbox","t":"Toolbox","d":"Toolbox, the two-tone drawing of toolbox on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/toolbox","t":"Toolbox","d":"Toolbox, the duotone drawing of toolbox on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/toolbox","t":"Toolbox","d":"Toolbox, the fill drawing of toolbox on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:traffic-light","t":"TrafficLight","d":"TrafficLight, the stroke drawing of traffic-light on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/traffic-light","t":"TrafficLight","d":"TrafficLight, the two-tone drawing of traffic-light on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/traffic-light","t":"TrafficLight","d":"TrafficLight, the duotone drawing of traffic-light on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/traffic-light","t":"TrafficLight","d":"TrafficLight, the fill drawing of traffic-light on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/traffic-light","t":"TrafficLight","d":"TrafficLight, the stroke drawing of traffic-light on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/traffic-light","t":"TrafficLight","d":"TrafficLight, the two-tone drawing of traffic-light on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/traffic-light","t":"TrafficLight","d":"TrafficLight, the duotone drawing of traffic-light on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/traffic-light","t":"TrafficLight","d":"TrafficLight, the fill drawing of traffic-light on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:train","t":"Train","d":"Train, the stroke drawing of train on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/train","t":"Train","d":"Train, the two-tone drawing of train on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/train","t":"Train","d":"Train, the duotone drawing of train on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/train","t":"Train","d":"Train, the fill drawing of train on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/train","t":"Train","d":"Train, the stroke drawing of train on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/train","t":"Train","d":"Train, the two-tone drawing of train on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/train","t":"Train","d":"Train, the duotone drawing of train on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/train","t":"Train","d":"Train, the fill drawing of train on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:tree-deciduous","t":"TreeDeciduous","d":"TreeDeciduous, the stroke drawing of tree-deciduous on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/tree-deciduous","t":"TreeDeciduous","d":"TreeDeciduous, the two-tone drawing of tree-deciduous on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/tree-deciduous","t":"TreeDeciduous","d":"TreeDeciduous, the duotone drawing of tree-deciduous on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/tree-deciduous","t":"TreeDeciduous","d":"TreeDeciduous, the fill drawing of tree-deciduous on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/tree-deciduous","t":"TreeDeciduous","d":"TreeDeciduous, the stroke drawing of tree-deciduous on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/tree-deciduous","t":"TreeDeciduous","d":"TreeDeciduous, the two-tone drawing of tree-deciduous on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/tree-deciduous","t":"TreeDeciduous","d":"TreeDeciduous, the duotone drawing of tree-deciduous on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/tree-deciduous","t":"TreeDeciduous","d":"TreeDeciduous, the fill drawing of tree-deciduous on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:tree-palm","t":"TreePalm","d":"TreePalm, the stroke drawing of tree-palm on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/tree-palm","t":"TreePalm","d":"TreePalm, the two-tone drawing of tree-palm on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/tree-palm","t":"TreePalm","d":"TreePalm, the duotone drawing of tree-palm on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/tree-palm","t":"TreePalm","d":"TreePalm, the fill drawing of tree-palm on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/tree-palm","t":"TreePalm","d":"TreePalm, the stroke drawing of tree-palm on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/tree-palm","t":"TreePalm","d":"TreePalm, the two-tone drawing of tree-palm on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/tree-palm","t":"TreePalm","d":"TreePalm, the duotone drawing of tree-palm on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/tree-palm","t":"TreePalm","d":"TreePalm, the fill drawing of tree-palm on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-trending-down","t":"CircleTrendingDown","d":"CircleTrendingDown, the stroke drawing of circle-trending-down on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-trending-down","t":"CircleTrendingDown","d":"CircleTrendingDown, the two-tone drawing of circle-trending-down on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-trending-down","t":"CircleTrendingDown","d":"CircleTrendingDown, the duotone drawing of circle-trending-down on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-trending-down","t":"CircleTrendingDown","d":"CircleTrendingDown, the fill drawing of circle-trending-down on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-trending-down","t":"CircleTrendingDown","d":"CircleTrendingDown, the stroke drawing of circle-trending-down on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-trending-down","t":"CircleTrendingDown","d":"CircleTrendingDown, the two-tone drawing of circle-trending-down on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-trending-down","t":"CircleTrendingDown","d":"CircleTrendingDown, the duotone drawing of circle-trending-down on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-trending-down","t":"CircleTrendingDown","d":"CircleTrendingDown, the fill drawing of circle-trending-down on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:trending-down","t":"TrendingDown","d":"TrendingDown, the stroke drawing of trending-down on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/trending-down","t":"TrendingDown","d":"TrendingDown, the two-tone drawing of trending-down on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/trending-down","t":"TrendingDown","d":"TrendingDown, the duotone drawing of trending-down on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/trending-down","t":"TrendingDown","d":"TrendingDown, the fill drawing of trending-down on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/trending-down","t":"TrendingDown","d":"TrendingDown, the stroke drawing of trending-down on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/trending-down","t":"TrendingDown","d":"TrendingDown, the two-tone drawing of trending-down on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/trending-down","t":"TrendingDown","d":"TrendingDown, the duotone drawing of trending-down on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/trending-down","t":"TrendingDown","d":"TrendingDown, the fill drawing of trending-down on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-trending-down","t":"SquareTrendingDown","d":"SquareTrendingDown, the stroke drawing of square-trending-down on a 24×24 grid, with round","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-trending-down","t":"SquareTrendingDown","d":"SquareTrendingDown, the two-tone drawing of square-trending-down on a 24×24 grid, with rou","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-trending-down","t":"SquareTrendingDown","d":"SquareTrendingDown, the duotone drawing of square-trending-down on a 24×24 grid, with roun","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-trending-down","t":"SquareTrendingDown","d":"SquareTrendingDown, the fill drawing of square-trending-down on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-trending-down","t":"SquareTrendingDown","d":"SquareTrendingDown, the stroke drawing of square-trending-down on a 24×24 grid, with squar","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-trending-down","t":"SquareTrendingDown","d":"SquareTrendingDown, the two-tone drawing of square-trending-down on a 24×24 grid, with squ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-trending-down","t":"SquareTrendingDown","d":"SquareTrendingDown, the duotone drawing of square-trending-down on a 24×24 grid, with squa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-trending-down","t":"SquareTrendingDown","d":"SquareTrendingDown, the fill drawing of square-trending-down on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-trending-up","t":"CircleTrendingUp","d":"CircleTrendingUp, the stroke drawing of circle-trending-up on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-trending-up","t":"CircleTrendingUp","d":"CircleTrendingUp, the two-tone drawing of circle-trending-up on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-trending-up","t":"CircleTrendingUp","d":"CircleTrendingUp, the duotone drawing of circle-trending-up on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-trending-up","t":"CircleTrendingUp","d":"CircleTrendingUp, the fill drawing of circle-trending-up on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-trending-up","t":"CircleTrendingUp","d":"CircleTrendingUp, the stroke drawing of circle-trending-up on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-trending-up","t":"CircleTrendingUp","d":"CircleTrendingUp, the two-tone drawing of circle-trending-up on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-trending-up","t":"CircleTrendingUp","d":"CircleTrendingUp, the duotone drawing of circle-trending-up on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-trending-up","t":"CircleTrendingUp","d":"CircleTrendingUp, the fill drawing of circle-trending-up on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:trending-up","t":"TrendingUp","d":"TrendingUp, the stroke drawing of trending-up on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/trending-up","t":"TrendingUp","d":"TrendingUp, the two-tone drawing of trending-up on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/trending-up","t":"TrendingUp","d":"TrendingUp, the duotone drawing of trending-up on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/trending-up","t":"TrendingUp","d":"TrendingUp, the fill drawing of trending-up on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/trending-up","t":"TrendingUp","d":"TrendingUp, the stroke drawing of trending-up on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/trending-up","t":"TrendingUp","d":"TrendingUp, the two-tone drawing of trending-up on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/trending-up","t":"TrendingUp","d":"TrendingUp, the duotone drawing of trending-up on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/trending-up","t":"TrendingUp","d":"TrendingUp, the fill drawing of trending-up on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:square-trending-up","t":"SquareTrendingUp","d":"SquareTrendingUp, the stroke drawing of square-trending-up on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/square-trending-up","t":"SquareTrendingUp","d":"SquareTrendingUp, the two-tone drawing of square-trending-up on a 24×24 grid, with rounded","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/square-trending-up","t":"SquareTrendingUp","d":"SquareTrendingUp, the duotone drawing of square-trending-up on a 24×24 grid, with rounded ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/square-trending-up","t":"SquareTrendingUp","d":"SquareTrendingUp, the fill drawing of square-trending-up on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/square-trending-up","t":"SquareTrendingUp","d":"SquareTrendingUp, the stroke drawing of square-trending-up on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/square-trending-up","t":"SquareTrendingUp","d":"SquareTrendingUp, the two-tone drawing of square-trending-up on a 24×24 grid, with squared","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/square-trending-up","t":"SquareTrendingUp","d":"SquareTrendingUp, the duotone drawing of square-trending-up on a 24×24 grid, with squared ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/square-trending-up","t":"SquareTrendingUp","d":"SquareTrendingUp, the fill drawing of square-trending-up on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:trending-up-down","t":"TrendingUpDown","d":"TrendingUpDown, the stroke drawing of trending-up-down on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/trending-up-down","t":"TrendingUpDown","d":"TrendingUpDown, the two-tone drawing of trending-up-down on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/trending-up-down","t":"TrendingUpDown","d":"TrendingUpDown, the duotone drawing of trending-up-down on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/trending-up-down","t":"TrendingUpDown","d":"TrendingUpDown, the fill drawing of trending-up-down on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/trending-up-down","t":"TrendingUpDown","d":"TrendingUpDown, the stroke drawing of trending-up-down on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/trending-up-down","t":"TrendingUpDown","d":"TrendingUpDown, the two-tone drawing of trending-up-down on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/trending-up-down","t":"TrendingUpDown","d":"TrendingUpDown, the duotone drawing of trending-up-down on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/trending-up-down","t":"TrendingUpDown","d":"TrendingUpDown, the fill drawing of trending-up-down on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:triangle-alert","t":"TriangleAlert","d":"TriangleAlert, the stroke drawing of triangle-alert on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/triangle-alert","t":"TriangleAlert","d":"TriangleAlert, the two-tone drawing of triangle-alert on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/triangle-alert","t":"TriangleAlert","d":"TriangleAlert, the duotone drawing of triangle-alert on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/triangle-alert","t":"TriangleAlert","d":"TriangleAlert, the fill drawing of triangle-alert on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/triangle-alert","t":"TriangleAlert","d":"TriangleAlert, the stroke drawing of triangle-alert on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/triangle-alert","t":"TriangleAlert","d":"TriangleAlert, the two-tone drawing of triangle-alert on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/triangle-alert","t":"TriangleAlert","d":"TriangleAlert, the duotone drawing of triangle-alert on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/triangle-alert","t":"TriangleAlert","d":"TriangleAlert, the fill drawing of triangle-alert on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:trophy","t":"Trophy","d":"Trophy, the stroke drawing of trophy on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/trophy","t":"Trophy","d":"Trophy, the two-tone drawing of trophy on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/trophy","t":"Trophy","d":"Trophy, the duotone drawing of trophy on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/trophy","t":"Trophy","d":"Trophy, the fill drawing of trophy on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/trophy","t":"Trophy","d":"Trophy, the stroke drawing of trophy on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/trophy","t":"Trophy","d":"Trophy, the two-tone drawing of trophy on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/trophy","t":"Trophy","d":"Trophy, the duotone drawing of trophy on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/trophy","t":"Trophy","d":"Trophy, the fill drawing of trophy on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:truck","t":"Truck","d":"Truck, the stroke drawing of truck on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/truck","t":"Truck","d":"Truck, the two-tone drawing of truck on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/truck","t":"Truck","d":"Truck, the duotone drawing of truck on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/truck","t":"Truck","d":"Truck, the fill drawing of truck on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/truck","t":"Truck","d":"Truck, the stroke drawing of truck on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/truck","t":"Truck","d":"Truck, the two-tone drawing of truck on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/truck","t":"Truck","d":"Truck, the duotone drawing of truck on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/truck","t":"Truck","d":"Truck, the fill drawing of truck on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:truck-arrow-down","t":"TruckArrowDown","d":"TruckArrowDown, the stroke drawing of truck-arrow-down on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/truck-arrow-down","t":"TruckArrowDown","d":"TruckArrowDown, the two-tone drawing of truck-arrow-down on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/truck-arrow-down","t":"TruckArrowDown","d":"TruckArrowDown, the duotone drawing of truck-arrow-down on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/truck-arrow-down","t":"TruckArrowDown","d":"TruckArrowDown, the fill drawing of truck-arrow-down on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/truck-arrow-down","t":"TruckArrowDown","d":"TruckArrowDown, the stroke drawing of truck-arrow-down on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/truck-arrow-down","t":"TruckArrowDown","d":"TruckArrowDown, the two-tone drawing of truck-arrow-down on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/truck-arrow-down","t":"TruckArrowDown","d":"TruckArrowDown, the duotone drawing of truck-arrow-down on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/truck-arrow-down","t":"TruckArrowDown","d":"TruckArrowDown, the fill drawing of truck-arrow-down on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:truck-arrow-left","t":"TruckArrowLeft","d":"TruckArrowLeft, the stroke drawing of truck-arrow-left on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/truck-arrow-left","t":"TruckArrowLeft","d":"TruckArrowLeft, the two-tone drawing of truck-arrow-left on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/truck-arrow-left","t":"TruckArrowLeft","d":"TruckArrowLeft, the duotone drawing of truck-arrow-left on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/truck-arrow-left","t":"TruckArrowLeft","d":"TruckArrowLeft, the fill drawing of truck-arrow-left on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/truck-arrow-left","t":"TruckArrowLeft","d":"TruckArrowLeft, the stroke drawing of truck-arrow-left on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/truck-arrow-left","t":"TruckArrowLeft","d":"TruckArrowLeft, the two-tone drawing of truck-arrow-left on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/truck-arrow-left","t":"TruckArrowLeft","d":"TruckArrowLeft, the duotone drawing of truck-arrow-left on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/truck-arrow-left","t":"TruckArrowLeft","d":"TruckArrowLeft, the fill drawing of truck-arrow-left on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:truck-arrow-right","t":"TruckArrowRight","d":"TruckArrowRight, the stroke drawing of truck-arrow-right on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/truck-arrow-right","t":"TruckArrowRight","d":"TruckArrowRight, the two-tone drawing of truck-arrow-right on a 24×24 grid, with rounded c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/truck-arrow-right","t":"TruckArrowRight","d":"TruckArrowRight, the duotone drawing of truck-arrow-right on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/truck-arrow-right","t":"TruckArrowRight","d":"TruckArrowRight, the fill drawing of truck-arrow-right on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/truck-arrow-right","t":"TruckArrowRight","d":"TruckArrowRight, the stroke drawing of truck-arrow-right on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/truck-arrow-right","t":"TruckArrowRight","d":"TruckArrowRight, the two-tone drawing of truck-arrow-right on a 24×24 grid, with squared c","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/truck-arrow-right","t":"TruckArrowRight","d":"TruckArrowRight, the duotone drawing of truck-arrow-right on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/truck-arrow-right","t":"TruckArrowRight","d":"TruckArrowRight, the fill drawing of truck-arrow-right on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:truck-arrow-up","t":"TruckArrowUp","d":"TruckArrowUp, the stroke drawing of truck-arrow-up on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/truck-arrow-up","t":"TruckArrowUp","d":"TruckArrowUp, the two-tone drawing of truck-arrow-up on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/truck-arrow-up","t":"TruckArrowUp","d":"TruckArrowUp, the duotone drawing of truck-arrow-up on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/truck-arrow-up","t":"TruckArrowUp","d":"TruckArrowUp, the fill drawing of truck-arrow-up on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/truck-arrow-up","t":"TruckArrowUp","d":"TruckArrowUp, the stroke drawing of truck-arrow-up on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/truck-arrow-up","t":"TruckArrowUp","d":"TruckArrowUp, the two-tone drawing of truck-arrow-up on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/truck-arrow-up","t":"TruckArrowUp","d":"TruckArrowUp, the duotone drawing of truck-arrow-up on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/truck-arrow-up","t":"TruckArrowUp","d":"TruckArrowUp, the fill drawing of truck-arrow-up on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:truck-check","t":"TruckCheck","d":"TruckCheck, the stroke drawing of truck-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/truck-check","t":"TruckCheck","d":"TruckCheck, the two-tone drawing of truck-check on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/truck-check","t":"TruckCheck","d":"TruckCheck, the duotone drawing of truck-check on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/truck-check","t":"TruckCheck","d":"TruckCheck, the fill drawing of truck-check on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/truck-check","t":"TruckCheck","d":"TruckCheck, the stroke drawing of truck-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/truck-check","t":"TruckCheck","d":"TruckCheck, the two-tone drawing of truck-check on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/truck-check","t":"TruckCheck","d":"TruckCheck, the duotone drawing of truck-check on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/truck-check","t":"TruckCheck","d":"TruckCheck, the fill drawing of truck-check on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:truck-electric","t":"TruckElectric","d":"TruckElectric, the stroke drawing of truck-electric on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/truck-electric","t":"TruckElectric","d":"TruckElectric, the two-tone drawing of truck-electric on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/truck-electric","t":"TruckElectric","d":"TruckElectric, the duotone drawing of truck-electric on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/truck-electric","t":"TruckElectric","d":"TruckElectric, the fill drawing of truck-electric on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/truck-electric","t":"TruckElectric","d":"TruckElectric, the stroke drawing of truck-electric on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/truck-electric","t":"TruckElectric","d":"TruckElectric, the two-tone drawing of truck-electric on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/truck-electric","t":"TruckElectric","d":"TruckElectric, the duotone drawing of truck-electric on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/truck-electric","t":"TruckElectric","d":"TruckElectric, the fill drawing of truck-electric on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:truck-fast","t":"TruckFast","d":"TruckFast, the stroke drawing of truck-fast on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/truck-fast","t":"TruckFast","d":"TruckFast, the two-tone drawing of truck-fast on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/truck-fast","t":"TruckFast","d":"TruckFast, the duotone drawing of truck-fast on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/truck-fast","t":"TruckFast","d":"TruckFast, the fill drawing of truck-fast on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/truck-fast","t":"TruckFast","d":"TruckFast, the stroke drawing of truck-fast on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/truck-fast","t":"TruckFast","d":"TruckFast, the two-tone drawing of truck-fast on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/truck-fast","t":"TruckFast","d":"TruckFast, the duotone drawing of truck-fast on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/truck-fast","t":"TruckFast","d":"TruckFast, the fill drawing of truck-fast on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:truck-minus","t":"TruckMinus","d":"TruckMinus, the stroke drawing of truck-minus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/truck-minus","t":"TruckMinus","d":"TruckMinus, the two-tone drawing of truck-minus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/truck-minus","t":"TruckMinus","d":"TruckMinus, the duotone drawing of truck-minus on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/truck-minus","t":"TruckMinus","d":"TruckMinus, the fill drawing of truck-minus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/truck-minus","t":"TruckMinus","d":"TruckMinus, the stroke drawing of truck-minus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/truck-minus","t":"TruckMinus","d":"TruckMinus, the two-tone drawing of truck-minus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/truck-minus","t":"TruckMinus","d":"TruckMinus, the duotone drawing of truck-minus on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/truck-minus","t":"TruckMinus","d":"TruckMinus, the fill drawing of truck-minus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:truck-plus","t":"TruckPlus","d":"TruckPlus, the stroke drawing of truck-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/truck-plus","t":"TruckPlus","d":"TruckPlus, the two-tone drawing of truck-plus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/truck-plus","t":"TruckPlus","d":"TruckPlus, the duotone drawing of truck-plus on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/truck-plus","t":"TruckPlus","d":"TruckPlus, the fill drawing of truck-plus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/truck-plus","t":"TruckPlus","d":"TruckPlus, the stroke drawing of truck-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/truck-plus","t":"TruckPlus","d":"TruckPlus, the two-tone drawing of truck-plus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/truck-plus","t":"TruckPlus","d":"TruckPlus, the duotone drawing of truck-plus on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/truck-plus","t":"TruckPlus","d":"TruckPlus, the fill drawing of truck-plus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:truck-sparkles","t":"TruckSparkles","d":"TruckSparkles, the stroke drawing of truck-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/truck-sparkles","t":"TruckSparkles","d":"TruckSparkles, the two-tone drawing of truck-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/truck-sparkles","t":"TruckSparkles","d":"TruckSparkles, the duotone drawing of truck-sparkles on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/truck-sparkles","t":"TruckSparkles","d":"TruckSparkles, the fill drawing of truck-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/truck-sparkles","t":"TruckSparkles","d":"TruckSparkles, the stroke drawing of truck-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/truck-sparkles","t":"TruckSparkles","d":"TruckSparkles, the two-tone drawing of truck-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/truck-sparkles","t":"TruckSparkles","d":"TruckSparkles, the duotone drawing of truck-sparkles on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/truck-sparkles","t":"TruckSparkles","d":"TruckSparkles, the fill drawing of truck-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:tv","t":"Tv","d":"Tv, the stroke drawing of tv on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/tv","t":"Tv","d":"Tv, the two-tone drawing of tv on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/tv","t":"Tv","d":"Tv, the duotone drawing of tv on a 24×24 grid, with rounded corners. Available in stroke, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/tv","t":"Tv","d":"Tv, the fill drawing of tv on a 24×24 grid, with rounded corners. Available in stroke, two","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/tv","t":"Tv","d":"Tv, the stroke drawing of tv on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/tv","t":"Tv","d":"Tv, the two-tone drawing of tv on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/tv","t":"Tv","d":"Tv, the duotone drawing of tv on a 24×24 grid, with squared corners. Available in stroke, ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/tv","t":"Tv","d":"Tv, the fill drawing of tv on a 24×24 grid, with squared corners. Available in stroke, two","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:type","t":"Type","d":"Type, the stroke drawing of type on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/type","t":"Type","d":"Type, the two-tone drawing of type on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/type","t":"Type","d":"Type, the duotone drawing of type on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/type","t":"Type","d":"Type, the fill drawing of type on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/type","t":"Type","d":"Type, the stroke drawing of type on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/type","t":"Type","d":"Type, the two-tone drawing of type on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/type","t":"Type","d":"Type, the duotone drawing of type on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/type","t":"Type","d":"Type, the fill drawing of type on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:type-outline","t":"TypeOutline","d":"TypeOutline, the stroke drawing of type-outline on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:two-tone/type-outline","t":"TypeOutline","d":"TypeOutline, the two-tone drawing of type-outline on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/type-outline","t":"TypeOutline","d":"TypeOutline, the duotone drawing of type-outline on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/type-outline","t":"TypeOutline","d":"TypeOutline, the fill drawing of type-outline on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/type-outline","t":"TypeOutline","d":"TypeOutline, the stroke drawing of type-outline on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/two-tone/type-outline","t":"TypeOutline","d":"TypeOutline, the two-tone drawing of type-outline on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/type-outline","t":"TypeOutline","d":"TypeOutline, the duotone drawing of type-outline on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/type-outline","t":"TypeOutline","d":"TypeOutline, the fill drawing of type-outline on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:umbrella","t":"Umbrella","d":"Umbrella, the stroke drawing of umbrella on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/umbrella","t":"Umbrella","d":"Umbrella, the two-tone drawing of umbrella on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/umbrella","t":"Umbrella","d":"Umbrella, the duotone drawing of umbrella on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/umbrella","t":"Umbrella","d":"Umbrella, the fill drawing of umbrella on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/umbrella","t":"Umbrella","d":"Umbrella, the stroke drawing of umbrella on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/umbrella","t":"Umbrella","d":"Umbrella, the two-tone drawing of umbrella on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/umbrella","t":"Umbrella","d":"Umbrella, the duotone drawing of umbrella on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/umbrella","t":"Umbrella","d":"Umbrella, the fill drawing of umbrella on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:umbrella-off","t":"UmbrellaOff","d":"UmbrellaOff, the stroke drawing of umbrella-off on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/umbrella-off","t":"UmbrellaOff","d":"UmbrellaOff, the two-tone drawing of umbrella-off on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/umbrella-off","t":"UmbrellaOff","d":"UmbrellaOff, the duotone drawing of umbrella-off on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/umbrella-off","t":"UmbrellaOff","d":"UmbrellaOff, the fill drawing of umbrella-off on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/umbrella-off","t":"UmbrellaOff","d":"UmbrellaOff, the stroke drawing of umbrella-off on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/umbrella-off","t":"UmbrellaOff","d":"UmbrellaOff, the two-tone drawing of umbrella-off on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/umbrella-off","t":"UmbrellaOff","d":"UmbrellaOff, the duotone drawing of umbrella-off on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/umbrella-off","t":"UmbrellaOff","d":"UmbrellaOff, the fill drawing of umbrella-off on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:underline","t":"Underline","d":"Underline, the stroke drawing of underline on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:two-tone/underline","t":"Underline","d":"Underline, the two-tone drawing of underline on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/underline","t":"Underline","d":"Underline, the duotone drawing of underline on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/underline","t":"Underline","d":"Underline, the fill drawing of underline on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/underline","t":"Underline","d":"Underline, the stroke drawing of underline on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/two-tone/underline","t":"Underline","d":"Underline, the two-tone drawing of underline on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/underline","t":"Underline","d":"Underline, the duotone drawing of underline on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/underline","t":"Underline","d":"Underline, the fill drawing of underline on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:unlink","t":"Unlink","d":"Unlink, the stroke drawing of unlink on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/unlink","t":"Unlink","d":"Unlink, the two-tone drawing of unlink on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/unlink","t":"Unlink","d":"Unlink, the duotone drawing of unlink on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/unlink","t":"Unlink","d":"Unlink, the fill drawing of unlink on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/unlink","t":"Unlink","d":"Unlink, the stroke drawing of unlink on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/unlink","t":"Unlink","d":"Unlink, the two-tone drawing of unlink on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/unlink","t":"Unlink","d":"Unlink, the duotone drawing of unlink on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/unlink","t":"Unlink","d":"Unlink, the fill drawing of unlink on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:unlock","t":"Unlock","d":"Unlock, the stroke drawing of unlock on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/unlock","t":"Unlock","d":"Unlock, the two-tone drawing of unlock on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/unlock","t":"Unlock","d":"Unlock, the duotone drawing of unlock on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/unlock","t":"Unlock","d":"Unlock, the fill drawing of unlock on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/unlock","t":"Unlock","d":"Unlock, the stroke drawing of unlock on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/unlock","t":"Unlock","d":"Unlock, the two-tone drawing of unlock on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/unlock","t":"Unlock","d":"Unlock, the duotone drawing of unlock on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/unlock","t":"Unlock","d":"Unlock, the fill drawing of unlock on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:upload","t":"Upload","d":"Upload, the stroke drawing of upload on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/upload","t":"Upload","d":"Upload, the two-tone drawing of upload on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/upload","t":"Upload","d":"Upload, the duotone drawing of upload on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/upload","t":"Upload","d":"Upload, the fill drawing of upload on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/upload","t":"Upload","d":"Upload, the stroke drawing of upload on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/upload","t":"Upload","d":"Upload, the two-tone drawing of upload on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/upload","t":"Upload","d":"Upload, the duotone drawing of upload on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/upload","t":"Upload","d":"Upload, the fill drawing of upload on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:usb","t":"Usb","d":"Usb, the stroke drawing of usb on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/usb","t":"Usb","d":"Usb, the two-tone drawing of usb on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/usb","t":"Usb","d":"Usb, the duotone drawing of usb on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/usb","t":"Usb","d":"Usb, the fill drawing of usb on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/usb","t":"Usb","d":"Usb, the stroke drawing of usb on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/usb","t":"Usb","d":"Usb, the two-tone drawing of usb on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/usb","t":"Usb","d":"Usb, the duotone drawing of usb on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/usb","t":"Usb","d":"Usb, the fill drawing of usb on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:usb-drive","t":"UsbDrive","d":"UsbDrive, the stroke drawing of usb-drive on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/usb-drive","t":"UsbDrive","d":"UsbDrive, the two-tone drawing of usb-drive on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/usb-drive","t":"UsbDrive","d":"UsbDrive, the duotone drawing of usb-drive on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/usb-drive","t":"UsbDrive","d":"UsbDrive, the fill drawing of usb-drive on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/usb-drive","t":"UsbDrive","d":"UsbDrive, the stroke drawing of usb-drive on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/usb-drive","t":"UsbDrive","d":"UsbDrive, the two-tone drawing of usb-drive on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/usb-drive","t":"UsbDrive","d":"UsbDrive, the duotone drawing of usb-drive on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/usb-drive","t":"UsbDrive","d":"UsbDrive, the fill drawing of usb-drive on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:circle-user","t":"CircleUser","d":"CircleUser, the stroke drawing of circle-user on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/circle-user","t":"CircleUser","d":"CircleUser, the two-tone drawing of circle-user on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/circle-user","t":"CircleUser","d":"CircleUser, the duotone drawing of circle-user on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/circle-user","t":"CircleUser","d":"CircleUser, the fill drawing of circle-user on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/circle-user","t":"CircleUser","d":"CircleUser, the stroke drawing of circle-user on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/circle-user","t":"CircleUser","d":"CircleUser, the two-tone drawing of circle-user on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/circle-user","t":"CircleUser","d":"CircleUser, the duotone drawing of circle-user on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/circle-user","t":"CircleUser","d":"CircleUser, the fill drawing of circle-user on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:user","t":"User","d":"User, the stroke drawing of user on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/user","t":"User","d":"User, the two-tone drawing of user on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/user","t":"User","d":"User, the duotone drawing of user on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/user","t":"User","d":"User, the fill drawing of user on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/user","t":"User","d":"User, the stroke drawing of user on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/user","t":"User","d":"User, the two-tone drawing of user on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/user","t":"User","d":"User, the duotone drawing of user on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/user","t":"User","d":"User, the fill drawing of user on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:user-check","t":"UserCheck","d":"UserCheck, the stroke drawing of user-check on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/user-check","t":"UserCheck","d":"UserCheck, the two-tone drawing of user-check on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/user-check","t":"UserCheck","d":"UserCheck, the duotone drawing of user-check on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/user-check","t":"UserCheck","d":"UserCheck, the fill drawing of user-check on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/user-check","t":"UserCheck","d":"UserCheck, the stroke drawing of user-check on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/user-check","t":"UserCheck","d":"UserCheck, the two-tone drawing of user-check on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/user-check","t":"UserCheck","d":"UserCheck, the duotone drawing of user-check on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/user-check","t":"UserCheck","d":"UserCheck, the fill drawing of user-check on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:user-cog","t":"UserCog","d":"UserCog, the stroke drawing of user-cog on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/user-cog","t":"UserCog","d":"UserCog, the two-tone drawing of user-cog on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/user-cog","t":"UserCog","d":"UserCog, the duotone drawing of user-cog on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/user-cog","t":"UserCog","d":"UserCog, the fill drawing of user-cog on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/user-cog","t":"UserCog","d":"UserCog, the stroke drawing of user-cog on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/user-cog","t":"UserCog","d":"UserCog, the two-tone drawing of user-cog on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/user-cog","t":"UserCog","d":"UserCog, the duotone drawing of user-cog on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/user-cog","t":"UserCog","d":"UserCog, the fill drawing of user-cog on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:user-heart","t":"UserHeart","d":"UserHeart, the stroke drawing of user-heart on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/user-heart","t":"UserHeart","d":"UserHeart, the two-tone drawing of user-heart on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/user-heart","t":"UserHeart","d":"UserHeart, the duotone drawing of user-heart on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/user-heart","t":"UserHeart","d":"UserHeart, the fill drawing of user-heart on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/user-heart","t":"UserHeart","d":"UserHeart, the stroke drawing of user-heart on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/user-heart","t":"UserHeart","d":"UserHeart, the two-tone drawing of user-heart on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/user-heart","t":"UserHeart","d":"UserHeart, the duotone drawing of user-heart on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/user-heart","t":"UserHeart","d":"UserHeart, the fill drawing of user-heart on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:user-key","t":"UserKey","d":"UserKey, the stroke drawing of user-key on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/user-key","t":"UserKey","d":"UserKey, the two-tone drawing of user-key on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/user-key","t":"UserKey","d":"UserKey, the duotone drawing of user-key on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/user-key","t":"UserKey","d":"UserKey, the fill drawing of user-key on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/user-key","t":"UserKey","d":"UserKey, the stroke drawing of user-key on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/user-key","t":"UserKey","d":"UserKey, the two-tone drawing of user-key on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/user-key","t":"UserKey","d":"UserKey, the duotone drawing of user-key on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/user-key","t":"UserKey","d":"UserKey, the fill drawing of user-key on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:user-list","t":"UserList","d":"UserList, the stroke drawing of user-list on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/user-list","t":"UserList","d":"UserList, the two-tone drawing of user-list on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/user-list","t":"UserList","d":"UserList, the duotone drawing of user-list on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/user-list","t":"UserList","d":"UserList, the fill drawing of user-list on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/user-list","t":"UserList","d":"UserList, the stroke drawing of user-list on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/user-list","t":"UserList","d":"UserList, the two-tone drawing of user-list on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/user-list","t":"UserList","d":"UserList, the duotone drawing of user-list on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/user-list","t":"UserList","d":"UserList, the fill drawing of user-list on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:user-lock","t":"UserLock","d":"UserLock, the stroke drawing of user-lock on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/user-lock","t":"UserLock","d":"UserLock, the two-tone drawing of user-lock on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/user-lock","t":"UserLock","d":"UserLock, the duotone drawing of user-lock on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/user-lock","t":"UserLock","d":"UserLock, the fill drawing of user-lock on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/user-lock","t":"UserLock","d":"UserLock, the stroke drawing of user-lock on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/user-lock","t":"UserLock","d":"UserLock, the two-tone drawing of user-lock on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/user-lock","t":"UserLock","d":"UserLock, the duotone drawing of user-lock on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/user-lock","t":"UserLock","d":"UserLock, the fill drawing of user-lock on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:user-message","t":"UserMessage","d":"UserMessage, the stroke drawing of user-message on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/user-message","t":"UserMessage","d":"UserMessage, the two-tone drawing of user-message on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/user-message","t":"UserMessage","d":"UserMessage, the duotone drawing of user-message on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/user-message","t":"UserMessage","d":"UserMessage, the fill drawing of user-message on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/user-message","t":"UserMessage","d":"UserMessage, the stroke drawing of user-message on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/user-message","t":"UserMessage","d":"UserMessage, the two-tone drawing of user-message on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/user-message","t":"UserMessage","d":"UserMessage, the duotone drawing of user-message on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/user-message","t":"UserMessage","d":"UserMessage, the fill drawing of user-message on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:user-minus","t":"UserMinus","d":"UserMinus, the stroke drawing of user-minus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/user-minus","t":"UserMinus","d":"UserMinus, the two-tone drawing of user-minus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/user-minus","t":"UserMinus","d":"UserMinus, the duotone drawing of user-minus on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/user-minus","t":"UserMinus","d":"UserMinus, the fill drawing of user-minus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/user-minus","t":"UserMinus","d":"UserMinus, the stroke drawing of user-minus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/user-minus","t":"UserMinus","d":"UserMinus, the two-tone drawing of user-minus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/user-minus","t":"UserMinus","d":"UserMinus, the duotone drawing of user-minus on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/user-minus","t":"UserMinus","d":"UserMinus, the fill drawing of user-minus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:user-pen","t":"UserPen","d":"UserPen, the stroke drawing of user-pen on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/user-pen","t":"UserPen","d":"UserPen, the two-tone drawing of user-pen on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/user-pen","t":"UserPen","d":"UserPen, the duotone drawing of user-pen on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/user-pen","t":"UserPen","d":"UserPen, the fill drawing of user-pen on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/user-pen","t":"UserPen","d":"UserPen, the stroke drawing of user-pen on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/user-pen","t":"UserPen","d":"UserPen, the two-tone drawing of user-pen on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/user-pen","t":"UserPen","d":"UserPen, the duotone drawing of user-pen on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/user-pen","t":"UserPen","d":"UserPen, the fill drawing of user-pen on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:user-plus","t":"UserPlus","d":"UserPlus, the stroke drawing of user-plus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/user-plus","t":"UserPlus","d":"UserPlus, the two-tone drawing of user-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/user-plus","t":"UserPlus","d":"UserPlus, the duotone drawing of user-plus on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/user-plus","t":"UserPlus","d":"UserPlus, the fill drawing of user-plus on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/user-plus","t":"UserPlus","d":"UserPlus, the stroke drawing of user-plus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/user-plus","t":"UserPlus","d":"UserPlus, the two-tone drawing of user-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/user-plus","t":"UserPlus","d":"UserPlus, the duotone drawing of user-plus on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/user-plus","t":"UserPlus","d":"UserPlus, the fill drawing of user-plus on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:user-search","t":"UserSearch","d":"UserSearch, the stroke drawing of user-search on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/user-search","t":"UserSearch","d":"UserSearch, the two-tone drawing of user-search on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/user-search","t":"UserSearch","d":"UserSearch, the duotone drawing of user-search on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/user-search","t":"UserSearch","d":"UserSearch, the fill drawing of user-search on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/user-search","t":"UserSearch","d":"UserSearch, the stroke drawing of user-search on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/user-search","t":"UserSearch","d":"UserSearch, the two-tone drawing of user-search on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/user-search","t":"UserSearch","d":"UserSearch, the duotone drawing of user-search on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/user-search","t":"UserSearch","d":"UserSearch, the fill drawing of user-search on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:user-shield","t":"UserShield","d":"UserShield, the stroke drawing of user-shield on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/user-shield","t":"UserShield","d":"UserShield, the two-tone drawing of user-shield on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/user-shield","t":"UserShield","d":"UserShield, the duotone drawing of user-shield on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/user-shield","t":"UserShield","d":"UserShield, the fill drawing of user-shield on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/user-shield","t":"UserShield","d":"UserShield, the stroke drawing of user-shield on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/user-shield","t":"UserShield","d":"UserShield, the two-tone drawing of user-shield on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/user-shield","t":"UserShield","d":"UserShield, the duotone drawing of user-shield on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/user-shield","t":"UserShield","d":"UserShield, the fill drawing of user-shield on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:user-sparkles","t":"UserSparkles","d":"UserSparkles, the stroke drawing of user-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/user-sparkles","t":"UserSparkles","d":"UserSparkles, the two-tone drawing of user-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/user-sparkles","t":"UserSparkles","d":"UserSparkles, the duotone drawing of user-sparkles on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/user-sparkles","t":"UserSparkles","d":"UserSparkles, the fill drawing of user-sparkles on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/user-sparkles","t":"UserSparkles","d":"UserSparkles, the stroke drawing of user-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/user-sparkles","t":"UserSparkles","d":"UserSparkles, the two-tone drawing of user-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/user-sparkles","t":"UserSparkles","d":"UserSparkles, the duotone drawing of user-sparkles on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/user-sparkles","t":"UserSparkles","d":"UserSparkles, the fill drawing of user-sparkles on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:user-voice","t":"UserVoice","d":"UserVoice, the stroke drawing of user-voice on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/user-voice","t":"UserVoice","d":"UserVoice, the two-tone drawing of user-voice on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/user-voice","t":"UserVoice","d":"UserVoice, the duotone drawing of user-voice on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/user-voice","t":"UserVoice","d":"UserVoice, the fill drawing of user-voice on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/user-voice","t":"UserVoice","d":"UserVoice, the stroke drawing of user-voice on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/user-voice","t":"UserVoice","d":"UserVoice, the two-tone drawing of user-voice on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/user-voice","t":"UserVoice","d":"UserVoice, the duotone drawing of user-voice on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/user-voice","t":"UserVoice","d":"UserVoice, the fill drawing of user-voice on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:user-zap","t":"UserZap","d":"UserZap, the stroke drawing of user-zap on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/user-zap","t":"UserZap","d":"UserZap, the two-tone drawing of user-zap on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/user-zap","t":"UserZap","d":"UserZap, the duotone drawing of user-zap on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/user-zap","t":"UserZap","d":"UserZap, the fill drawing of user-zap on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/user-zap","t":"UserZap","d":"UserZap, the stroke drawing of user-zap on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/user-zap","t":"UserZap","d":"UserZap, the two-tone drawing of user-zap on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/user-zap","t":"UserZap","d":"UserZap, the duotone drawing of user-zap on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/user-zap","t":"UserZap","d":"UserZap, the fill drawing of user-zap on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:users","t":"Users","d":"Users, the stroke drawing of users on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/users","t":"Users","d":"Users, the two-tone drawing of users on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/users","t":"Users","d":"Users, the duotone drawing of users on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/users","t":"Users","d":"Users, the fill drawing of users on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/users","t":"Users","d":"Users, the stroke drawing of users on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/users","t":"Users","d":"Users, the two-tone drawing of users on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/users","t":"Users","d":"Users, the duotone drawing of users on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/users","t":"Users","d":"Users, the fill drawing of users on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:variable","t":"Variable","d":"Variable, the stroke drawing of variable on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/variable","t":"Variable","d":"Variable, the two-tone drawing of variable on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/variable","t":"Variable","d":"Variable, the duotone drawing of variable on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/variable","t":"Variable","d":"Variable, the fill drawing of variable on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/variable","t":"Variable","d":"Variable, the stroke drawing of variable on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/variable","t":"Variable","d":"Variable, the two-tone drawing of variable on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/variable","t":"Variable","d":"Variable, the duotone drawing of variable on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/variable","t":"Variable","d":"Variable, the fill drawing of variable on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:venus","t":"Venus","d":"Venus, the stroke drawing of venus on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/venus","t":"Venus","d":"Venus, the two-tone drawing of venus on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/venus","t":"Venus","d":"Venus, the duotone drawing of venus on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/venus","t":"Venus","d":"Venus, the fill drawing of venus on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/venus","t":"Venus","d":"Venus, the stroke drawing of venus on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/venus","t":"Venus","d":"Venus, the two-tone drawing of venus on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/venus","t":"Venus","d":"Venus, the duotone drawing of venus on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/venus","t":"Venus","d":"Venus, the fill drawing of venus on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:video","t":"Video","d":"Video, the stroke drawing of video on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/video","t":"Video","d":"Video, the two-tone drawing of video on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/video","t":"Video","d":"Video, the duotone drawing of video on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/video","t":"Video","d":"Video, the fill drawing of video on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/video","t":"Video","d":"Video, the stroke drawing of video on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/video","t":"Video","d":"Video, the two-tone drawing of video on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/video","t":"Video","d":"Video, the duotone drawing of video on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/video","t":"Video","d":"Video, the fill drawing of video on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:video-sparkles","t":"VideoSparkles","d":"VideoSparkles, the stroke drawing of video-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/video-sparkles","t":"VideoSparkles","d":"VideoSparkles, the two-tone drawing of video-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/video-sparkles","t":"VideoSparkles","d":"VideoSparkles, the duotone drawing of video-sparkles on a 24×24 grid, with rounded corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/video-sparkles","t":"VideoSparkles","d":"VideoSparkles, the fill drawing of video-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/video-sparkles","t":"VideoSparkles","d":"VideoSparkles, the stroke drawing of video-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/video-sparkles","t":"VideoSparkles","d":"VideoSparkles, the two-tone drawing of video-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/video-sparkles","t":"VideoSparkles","d":"VideoSparkles, the duotone drawing of video-sparkles on a 24×24 grid, with squared corners","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/video-sparkles","t":"VideoSparkles","d":"VideoSparkles, the fill drawing of video-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:vision-pro","t":"VisionPro","d":"VisionPro, the stroke drawing of vision-pro on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/vision-pro","t":"VisionPro","d":"VisionPro, the two-tone drawing of vision-pro on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/vision-pro","t":"VisionPro","d":"VisionPro, the duotone drawing of vision-pro on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/vision-pro","t":"VisionPro","d":"VisionPro, the fill drawing of vision-pro on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/vision-pro","t":"VisionPro","d":"VisionPro, the stroke drawing of vision-pro on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/vision-pro","t":"VisionPro","d":"VisionPro, the two-tone drawing of vision-pro on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/vision-pro","t":"VisionPro","d":"VisionPro, the duotone drawing of vision-pro on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/vision-pro","t":"VisionPro","d":"VisionPro, the fill drawing of vision-pro on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:voicemail","t":"Voicemail","d":"Voicemail, the stroke drawing of voicemail on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/voicemail","t":"Voicemail","d":"Voicemail, the two-tone drawing of voicemail on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/voicemail","t":"Voicemail","d":"Voicemail, the duotone drawing of voicemail on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/voicemail","t":"Voicemail","d":"Voicemail, the fill drawing of voicemail on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/voicemail","t":"Voicemail","d":"Voicemail, the stroke drawing of voicemail on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/voicemail","t":"Voicemail","d":"Voicemail, the two-tone drawing of voicemail on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/voicemail","t":"Voicemail","d":"Voicemail, the duotone drawing of voicemail on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/voicemail","t":"Voicemail","d":"Voicemail, the fill drawing of voicemail on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:volume","t":"Volume","d":"Volume, the stroke drawing of volume on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/volume","t":"Volume","d":"Volume, the two-tone drawing of volume on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/volume","t":"Volume","d":"Volume, the duotone drawing of volume on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/volume","t":"Volume","d":"Volume, the fill drawing of volume on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/volume","t":"Volume","d":"Volume, the stroke drawing of volume on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/volume","t":"Volume","d":"Volume, the two-tone drawing of volume on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/volume","t":"Volume","d":"Volume, the duotone drawing of volume on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/volume","t":"Volume","d":"Volume, the fill drawing of volume on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:volume-low","t":"VolumeLow","d":"VolumeLow, the stroke drawing of volume-low on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/volume-low","t":"VolumeLow","d":"VolumeLow, the two-tone drawing of volume-low on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/volume-low","t":"VolumeLow","d":"VolumeLow, the duotone drawing of volume-low on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/volume-low","t":"VolumeLow","d":"VolumeLow, the fill drawing of volume-low on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/volume-low","t":"VolumeLow","d":"VolumeLow, the stroke drawing of volume-low on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/volume-low","t":"VolumeLow","d":"VolumeLow, the two-tone drawing of volume-low on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/volume-low","t":"VolumeLow","d":"VolumeLow, the duotone drawing of volume-low on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/volume-low","t":"VolumeLow","d":"VolumeLow, the fill drawing of volume-low on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:volume-minus","t":"VolumeMinus","d":"VolumeMinus, the stroke drawing of volume-minus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/volume-minus","t":"VolumeMinus","d":"VolumeMinus, the two-tone drawing of volume-minus on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/volume-minus","t":"VolumeMinus","d":"VolumeMinus, the duotone drawing of volume-minus on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/volume-minus","t":"VolumeMinus","d":"VolumeMinus, the fill drawing of volume-minus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/volume-minus","t":"VolumeMinus","d":"VolumeMinus, the stroke drawing of volume-minus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/volume-minus","t":"VolumeMinus","d":"VolumeMinus, the two-tone drawing of volume-minus on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/volume-minus","t":"VolumeMinus","d":"VolumeMinus, the duotone drawing of volume-minus on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/volume-minus","t":"VolumeMinus","d":"VolumeMinus, the fill drawing of volume-minus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:volume-off","t":"VolumeOff","d":"VolumeOff, the stroke drawing of volume-off on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/volume-off","t":"VolumeOff","d":"VolumeOff, the two-tone drawing of volume-off on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/volume-off","t":"VolumeOff","d":"VolumeOff, the duotone drawing of volume-off on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/volume-off","t":"VolumeOff","d":"VolumeOff, the fill drawing of volume-off on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/volume-off","t":"VolumeOff","d":"VolumeOff, the stroke drawing of volume-off on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/volume-off","t":"VolumeOff","d":"VolumeOff, the two-tone drawing of volume-off on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/volume-off","t":"VolumeOff","d":"VolumeOff, the duotone drawing of volume-off on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/volume-off","t":"VolumeOff","d":"VolumeOff, the fill drawing of volume-off on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:volume-plus","t":"VolumePlus","d":"VolumePlus, the stroke drawing of volume-plus on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/volume-plus","t":"VolumePlus","d":"VolumePlus, the two-tone drawing of volume-plus on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/volume-plus","t":"VolumePlus","d":"VolumePlus, the duotone drawing of volume-plus on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/volume-plus","t":"VolumePlus","d":"VolumePlus, the fill drawing of volume-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/volume-plus","t":"VolumePlus","d":"VolumePlus, the stroke drawing of volume-plus on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/volume-plus","t":"VolumePlus","d":"VolumePlus, the two-tone drawing of volume-plus on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/volume-plus","t":"VolumePlus","d":"VolumePlus, the duotone drawing of volume-plus on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/volume-plus","t":"VolumePlus","d":"VolumePlus, the fill drawing of volume-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:wallet","t":"Wallet","d":"Wallet, the stroke drawing of wallet on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/wallet","t":"Wallet","d":"Wallet, the two-tone drawing of wallet on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/wallet","t":"Wallet","d":"Wallet, the duotone drawing of wallet on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/wallet","t":"Wallet","d":"Wallet, the fill drawing of wallet on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/wallet","t":"Wallet","d":"Wallet, the stroke drawing of wallet on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/wallet","t":"Wallet","d":"Wallet, the two-tone drawing of wallet on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/wallet","t":"Wallet","d":"Wallet, the duotone drawing of wallet on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/wallet","t":"Wallet","d":"Wallet, the fill drawing of wallet on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:wallet-cards","t":"WalletCards","d":"WalletCards, the stroke drawing of wallet-cards on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/wallet-cards","t":"WalletCards","d":"WalletCards, the two-tone drawing of wallet-cards on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/wallet-cards","t":"WalletCards","d":"WalletCards, the duotone drawing of wallet-cards on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/wallet-cards","t":"WalletCards","d":"WalletCards, the fill drawing of wallet-cards on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/wallet-cards","t":"WalletCards","d":"WalletCards, the stroke drawing of wallet-cards on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/wallet-cards","t":"WalletCards","d":"WalletCards, the two-tone drawing of wallet-cards on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/wallet-cards","t":"WalletCards","d":"WalletCards, the duotone drawing of wallet-cards on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/wallet-cards","t":"WalletCards","d":"WalletCards, the fill drawing of wallet-cards on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:wallet-sparkles","t":"WalletSparkles","d":"WalletSparkles, the stroke drawing of wallet-sparkles on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/wallet-sparkles","t":"WalletSparkles","d":"WalletSparkles, the two-tone drawing of wallet-sparkles on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/wallet-sparkles","t":"WalletSparkles","d":"WalletSparkles, the duotone drawing of wallet-sparkles on a 24×24 grid, with rounded corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/wallet-sparkles","t":"WalletSparkles","d":"WalletSparkles, the fill drawing of wallet-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/wallet-sparkles","t":"WalletSparkles","d":"WalletSparkles, the stroke drawing of wallet-sparkles on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/wallet-sparkles","t":"WalletSparkles","d":"WalletSparkles, the two-tone drawing of wallet-sparkles on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/wallet-sparkles","t":"WalletSparkles","d":"WalletSparkles, the duotone drawing of wallet-sparkles on a 24×24 grid, with squared corne","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/wallet-sparkles","t":"WalletSparkles","d":"WalletSparkles, the fill drawing of wallet-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:wand","t":"Wand","d":"Wand, the stroke drawing of wand on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/wand","t":"Wand","d":"Wand, the two-tone drawing of wand on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/wand","t":"Wand","d":"Wand, the duotone drawing of wand on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/wand","t":"Wand","d":"Wand, the fill drawing of wand on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/wand","t":"Wand","d":"Wand, the stroke drawing of wand on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/wand","t":"Wand","d":"Wand, the two-tone drawing of wand on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/wand","t":"Wand","d":"Wand, the duotone drawing of wand on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/wand","t":"Wand","d":"Wand, the fill drawing of wand on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:wand-sparkles","t":"WandSparkles","d":"WandSparkles, the stroke drawing of wand-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/wand-sparkles","t":"WandSparkles","d":"WandSparkles, the two-tone drawing of wand-sparkles on a 24×24 grid, with rounded corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/wand-sparkles","t":"WandSparkles","d":"WandSparkles, the duotone drawing of wand-sparkles on a 24×24 grid, with rounded corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/wand-sparkles","t":"WandSparkles","d":"WandSparkles, the fill drawing of wand-sparkles on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/wand-sparkles","t":"WandSparkles","d":"WandSparkles, the stroke drawing of wand-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/wand-sparkles","t":"WandSparkles","d":"WandSparkles, the two-tone drawing of wand-sparkles on a 24×24 grid, with squared corners.","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/wand-sparkles","t":"WandSparkles","d":"WandSparkles, the duotone drawing of wand-sparkles on a 24×24 grid, with squared corners. ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/wand-sparkles","t":"WandSparkles","d":"WandSparkles, the fill drawing of wand-sparkles on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:watch","t":"Watch","d":"Watch, the stroke drawing of watch on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/watch","t":"Watch","d":"Watch, the two-tone drawing of watch on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/watch","t":"Watch","d":"Watch, the duotone drawing of watch on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/watch","t":"Watch","d":"Watch, the fill drawing of watch on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/watch","t":"Watch","d":"Watch, the stroke drawing of watch on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/watch","t":"Watch","d":"Watch, the two-tone drawing of watch on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/watch","t":"Watch","d":"Watch, the duotone drawing of watch on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/watch","t":"Watch","d":"Watch, the fill drawing of watch on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:webcam","t":"Webcam","d":"Webcam, the stroke drawing of webcam on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/webcam","t":"Webcam","d":"Webcam, the two-tone drawing of webcam on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/webcam","t":"Webcam","d":"Webcam, the duotone drawing of webcam on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/webcam","t":"Webcam","d":"Webcam, the fill drawing of webcam on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/webcam","t":"Webcam","d":"Webcam, the stroke drawing of webcam on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/webcam","t":"Webcam","d":"Webcam, the two-tone drawing of webcam on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/webcam","t":"Webcam","d":"Webcam, the duotone drawing of webcam on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/webcam","t":"Webcam","d":"Webcam, the fill drawing of webcam on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:whole-word","t":"WholeWord","d":"WholeWord, the stroke drawing of whole-word on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/whole-word","t":"WholeWord","d":"WholeWord, the two-tone drawing of whole-word on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/whole-word","t":"WholeWord","d":"WholeWord, the duotone drawing of whole-word on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/whole-word","t":"WholeWord","d":"WholeWord, the fill drawing of whole-word on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/whole-word","t":"WholeWord","d":"WholeWord, the stroke drawing of whole-word on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/whole-word","t":"WholeWord","d":"WholeWord, the two-tone drawing of whole-word on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/whole-word","t":"WholeWord","d":"WholeWord, the duotone drawing of whole-word on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/whole-word","t":"WholeWord","d":"WholeWord, the fill drawing of whole-word on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:wifi","t":"Wifi","d":"Wifi, the stroke drawing of wifi on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","vn":8,"hc":1},{"id":"keyline:two-tone/wifi","t":"Wifi","d":"Wifi, the two-tone drawing of wifi on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/wifi","t":"Wifi","d":"Wifi, the duotone drawing of wifi on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/wifi","t":"Wifi","d":"Wifi, the fill drawing of wifi on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/wifi","t":"Wifi","d":"Wifi, the stroke drawing of wifi on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/wifi","t":"Wifi","d":"Wifi, the two-tone drawing of wifi on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/wifi","t":"Wifi","d":"Wifi, the duotone drawing of wifi on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/wifi","t":"Wifi","d":"Wifi, the fill drawing of wifi on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:wifi-exclamation","t":"WifiExclamation","d":"WifiExclamation, the stroke drawing of wifi-exclamation on a 24×24 grid, with rounded corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/wifi-exclamation","t":"WifiExclamation","d":"WifiExclamation, the two-tone drawing of wifi-exclamation on a 24×24 grid, with rounded co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/wifi-exclamation","t":"WifiExclamation","d":"WifiExclamation, the duotone drawing of wifi-exclamation on a 24×24 grid, with rounded cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/wifi-exclamation","t":"WifiExclamation","d":"WifiExclamation, the fill drawing of wifi-exclamation on a 24×24 grid, with rounded corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/wifi-exclamation","t":"WifiExclamation","d":"WifiExclamation, the stroke drawing of wifi-exclamation on a 24×24 grid, with squared corn","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/wifi-exclamation","t":"WifiExclamation","d":"WifiExclamation, the two-tone drawing of wifi-exclamation on a 24×24 grid, with squared co","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/wifi-exclamation","t":"WifiExclamation","d":"WifiExclamation, the duotone drawing of wifi-exclamation on a 24×24 grid, with squared cor","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/wifi-exclamation","t":"WifiExclamation","d":"WifiExclamation, the fill drawing of wifi-exclamation on a 24×24 grid, with squared corner","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:wifi-info","t":"WifiInfo","d":"WifiInfo, the stroke drawing of wifi-info on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/wifi-info","t":"WifiInfo","d":"WifiInfo, the two-tone drawing of wifi-info on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/wifi-info","t":"WifiInfo","d":"WifiInfo, the duotone drawing of wifi-info on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/wifi-info","t":"WifiInfo","d":"WifiInfo, the fill drawing of wifi-info on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/wifi-info","t":"WifiInfo","d":"WifiInfo, the stroke drawing of wifi-info on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/wifi-info","t":"WifiInfo","d":"WifiInfo, the two-tone drawing of wifi-info on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/wifi-info","t":"WifiInfo","d":"WifiInfo, the duotone drawing of wifi-info on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/wifi-info","t":"WifiInfo","d":"WifiInfo, the fill drawing of wifi-info on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:wifi-low","t":"WifiLow","d":"WifiLow, the stroke drawing of wifi-low on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/wifi-low","t":"WifiLow","d":"WifiLow, the two-tone drawing of wifi-low on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/wifi-low","t":"WifiLow","d":"WifiLow, the duotone drawing of wifi-low on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/wifi-low","t":"WifiLow","d":"WifiLow, the fill drawing of wifi-low on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/wifi-low","t":"WifiLow","d":"WifiLow, the stroke drawing of wifi-low on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/wifi-low","t":"WifiLow","d":"WifiLow, the two-tone drawing of wifi-low on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/wifi-low","t":"WifiLow","d":"WifiLow, the duotone drawing of wifi-low on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/wifi-low","t":"WifiLow","d":"WifiLow, the fill drawing of wifi-low on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:wifi-medium","t":"WifiMedium","d":"WifiMedium, the stroke drawing of wifi-medium on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/wifi-medium","t":"WifiMedium","d":"WifiMedium, the two-tone drawing of wifi-medium on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/wifi-medium","t":"WifiMedium","d":"WifiMedium, the duotone drawing of wifi-medium on a 24×24 grid, with rounded corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/wifi-medium","t":"WifiMedium","d":"WifiMedium, the fill drawing of wifi-medium on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/wifi-medium","t":"WifiMedium","d":"WifiMedium, the stroke drawing of wifi-medium on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/wifi-medium","t":"WifiMedium","d":"WifiMedium, the two-tone drawing of wifi-medium on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/wifi-medium","t":"WifiMedium","d":"WifiMedium, the duotone drawing of wifi-medium on a 24×24 grid, with squared corners. Avai","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/wifi-medium","t":"WifiMedium","d":"WifiMedium, the fill drawing of wifi-medium on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:wifi-plus","t":"WifiPlus","d":"WifiPlus, the stroke drawing of wifi-plus on a 24×24 grid, with rounded corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/wifi-plus","t":"WifiPlus","d":"WifiPlus, the two-tone drawing of wifi-plus on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/wifi-plus","t":"WifiPlus","d":"WifiPlus, the duotone drawing of wifi-plus on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/wifi-plus","t":"WifiPlus","d":"WifiPlus, the fill drawing of wifi-plus on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/wifi-plus","t":"WifiPlus","d":"WifiPlus, the stroke drawing of wifi-plus on a 24×24 grid, with squared corners. Available","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/wifi-plus","t":"WifiPlus","d":"WifiPlus, the two-tone drawing of wifi-plus on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/wifi-plus","t":"WifiPlus","d":"WifiPlus, the duotone drawing of wifi-plus on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/wifi-plus","t":"WifiPlus","d":"WifiPlus, the fill drawing of wifi-plus on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:wind","t":"Wind","d":"Wind, the stroke drawing of wind on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/wind","t":"Wind","d":"Wind, the two-tone drawing of wind on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/wind","t":"Wind","d":"Wind, the duotone drawing of wind on a 24×24 grid, with rounded corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/wind","t":"Wind","d":"Wind, the fill drawing of wind on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/wind","t":"Wind","d":"Wind, the stroke drawing of wind on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/wind","t":"Wind","d":"Wind, the two-tone drawing of wind on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/wind","t":"Wind","d":"Wind, the duotone drawing of wind on a 24×24 grid, with squared corners. Available in stro","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/wind","t":"Wind","d":"Wind, the fill drawing of wind on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:wind-turbine","t":"WindTurbine","d":"WindTurbine, the stroke drawing of wind-turbine on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/wind-turbine","t":"WindTurbine","d":"WindTurbine, the two-tone drawing of wind-turbine on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/wind-turbine","t":"WindTurbine","d":"WindTurbine, the duotone drawing of wind-turbine on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/wind-turbine","t":"WindTurbine","d":"WindTurbine, the fill drawing of wind-turbine on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/wind-turbine","t":"WindTurbine","d":"WindTurbine, the stroke drawing of wind-turbine on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/wind-turbine","t":"WindTurbine","d":"WindTurbine, the two-tone drawing of wind-turbine on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/wind-turbine","t":"WindTurbine","d":"WindTurbine, the duotone drawing of wind-turbine on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/wind-turbine","t":"WindTurbine","d":"WindTurbine, the fill drawing of wind-turbine on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:wrench","t":"Wrench","d":"Wrench, the stroke drawing of wrench on a 24×24 grid, with rounded corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/wrench","t":"Wrench","d":"Wrench, the two-tone drawing of wrench on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/wrench","t":"Wrench","d":"Wrench, the duotone drawing of wrench on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/wrench","t":"Wrench","d":"Wrench, the fill drawing of wrench on a 24×24 grid, with rounded corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/wrench","t":"Wrench","d":"Wrench, the stroke drawing of wrench on a 24×24 grid, with squared corners. Available in s","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/wrench","t":"Wrench","d":"Wrench, the two-tone drawing of wrench on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/wrench","t":"Wrench","d":"Wrench, the duotone drawing of wrench on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/wrench","t":"Wrench","d":"Wrench, the fill drawing of wrench on a 24×24 grid, with squared corners. Available in str","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:x","t":"X","d":"X, the stroke drawing of x on a 24×24 grid, with rounded corners. Available in stroke, two","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/x","t":"X","d":"X, the two-tone drawing of x on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/x","t":"X","d":"X, the duotone drawing of x on a 24×24 grid, with rounded corners. Available in stroke, tw","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/x","t":"X","d":"X, the fill drawing of x on a 24×24 grid, with rounded corners. Available in stroke, two-t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/x","t":"X","d":"X, the stroke drawing of x on a 24×24 grid, with squared corners. Available in stroke, two","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/x","t":"X","d":"X, the two-tone drawing of x on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/x","t":"X","d":"X, the duotone drawing of x on a 24×24 grid, with squared corners. Available in stroke, tw","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/x","t":"X","d":"X, the fill drawing of x on a 24×24 grid, with squared corners. Available in stroke, two-t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:x-line-top","t":"XLineTop","d":"XLineTop, the stroke drawing of x-line-top on a 24×24 grid, with rounded corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:two-tone/x-line-top","t":"XLineTop","d":"XLineTop, the two-tone drawing of x-line-top on a 24×24 grid, with rounded corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/x-line-top","t":"XLineTop","d":"XLineTop, the duotone drawing of x-line-top on a 24×24 grid, with rounded corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/x-line-top","t":"XLineTop","d":"XLineTop, the fill drawing of x-line-top on a 24×24 grid, with rounded corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/x-line-top","t":"XLineTop","d":"XLineTop, the stroke drawing of x-line-top on a 24×24 grid, with squared corners. Availabl","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/two-tone/x-line-top","t":"XLineTop","d":"XLineTop, the two-tone drawing of x-line-top on a 24×24 grid, with squared corners. Availa","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/x-line-top","t":"XLineTop","d":"XLineTop, the duotone drawing of x-line-top on a 24×24 grid, with squared corners. Availab","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/x-line-top","t":"XLineTop","d":"XLineTop, the fill drawing of x-line-top on a 24×24 grid, with squared corners. Available ","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:zap","t":"Zap","d":"Zap, the stroke drawing of zap on a 24×24 grid, with rounded corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/zap","t":"Zap","d":"Zap, the two-tone drawing of zap on a 24×24 grid, with rounded corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/zap","t":"Zap","d":"Zap, the duotone drawing of zap on a 24×24 grid, with rounded corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/zap","t":"Zap","d":"Zap, the fill drawing of zap on a 24×24 grid, with rounded corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/zap","t":"Zap","d":"Zap, the stroke drawing of zap on a 24×24 grid, with squared corners. Available in stroke,","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/zap","t":"Zap","d":"Zap, the two-tone drawing of zap on a 24×24 grid, with squared corners. Available in strok","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/zap","t":"Zap","d":"Zap, the duotone drawing of zap on a 24×24 grid, with squared corners. Available in stroke","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/zap","t":"Zap","d":"Zap, the fill drawing of zap on a 24×24 grid, with squared corners. Available in stroke, t","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:zap-off","t":"ZapOff","d":"ZapOff, the stroke drawing of zap-off on a 24×24 grid, with rounded corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/zap-off","t":"ZapOff","d":"ZapOff, the two-tone drawing of zap-off on a 24×24 grid, with rounded corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/zap-off","t":"ZapOff","d":"ZapOff, the duotone drawing of zap-off on a 24×24 grid, with rounded corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/zap-off","t":"ZapOff","d":"ZapOff, the fill drawing of zap-off on a 24×24 grid, with rounded corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/zap-off","t":"ZapOff","d":"ZapOff, the stroke drawing of zap-off on a 24×24 grid, with squared corners. Available in ","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/zap-off","t":"ZapOff","d":"ZapOff, the two-tone drawing of zap-off on a 24×24 grid, with squared corners. Available i","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/zap-off","t":"ZapOff","d":"ZapOff, the duotone drawing of zap-off on a 24×24 grid, with squared corners. Available in","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/zap-off","t":"ZapOff","d":"ZapOff, the fill drawing of zap-off on a 24×24 grid, with squared corners. Available in st","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:zap-sparkles","t":"ZapSparkles","d":"ZapSparkles, the stroke drawing of zap-sparkles on a 24×24 grid, with rounded corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:two-tone/zap-sparkles","t":"ZapSparkles","d":"ZapSparkles, the two-tone drawing of zap-sparkles on a 24×24 grid, with rounded corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:duotone/zap-sparkles","t":"ZapSparkles","d":"ZapSparkles, the duotone drawing of zap-sparkles on a 24×24 grid, with rounded corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:fill/zap-sparkles","t":"ZapSparkles","d":"ZapSparkles, the fill drawing of zap-sparkles on a 24×24 grid, with rounded corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/zap-sparkles","t":"ZapSparkles","d":"ZapSparkles, the stroke drawing of zap-sparkles on a 24×24 grid, with squared corners. Ava","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"keyline:sharp/two-tone/zap-sparkles","t":"ZapSparkles","d":"ZapSparkles, the two-tone drawing of zap-sparkles on a 24×24 grid, with squared corners. A","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/duotone/zap-sparkles","t":"ZapSparkles","d":"ZapSparkles, the duotone drawing of zap-sparkles on a 24×24 grid, with squared corners. Av","k":"resource","s":"keyline","c":"assets/icon","sb":"Styled sets","hc":1},{"id":"keyline:sharp/fill/zap-sparkles","t":"ZapSparkles","d":"ZapSparkles, the fill drawing of zap-sparkles on a 24×24 grid, with squared corners. Avail","k":"resource","s":"keyline","c":"assets/icon","hc":1},{"id":"kibo-ui:announcement","t":"Announcement","d":"A compound badge designed to display an announcement.","k":"section","s":"kibo-ui","c":"marketing/announcement","hc":1},{"id":"kibo-ui:avatar-stack","t":"Avatar stack","d":"Avatar Stack is a component that allows you to stack and overlap avatars.","s":"kibo-ui","c":"data-display/avatar","hc":1},{"id":"kibo-ui:banner","t":"Banner","d":"A banner is a full-width component that can be used to show a message and action to the us","s":"kibo-ui","c":"overlays/alert-banner","hc":1},{"id":"kibo-ui:calendar","t":"Calendar","d":"The calendar view displays features on a grid calendar. Specifically it shows the end date","s":"kibo-ui","c":"data-display/calendar","hc":1},{"id":"kibo-ui:choicebox","t":"Choicebox","d":"Choiceboxes are a great way to show radio or checkbox options with a card style.","s":"kibo-ui","c":"inputs/radio","hc":1},{"id":"kibo-ui:code-block","t":"Code block","d":"Provides syntax highlighting, line numbers, and copy to clipboard functionality for code b","s":"kibo-ui","c":"data-display/code-block","tg":["playful"],"sy":["playful"],"hc":1},{"id":"kibo-ui:color-picker","t":"Color picker","d":"Allows users to select a color. Modeled after the color picker in Figma.","s":"kibo-ui","c":"inputs/color-picker","hc":1},{"id":"kibo-ui:combobox","t":"Combobox","d":"Autocomplete input and command palette with a list of suggestions.","s":"kibo-ui","c":"inputs/combobox","hc":1},{"id":"kibo-ui:comparison","t":"Comparison","d":"A slider-based component for comparing two items in an overlay.","k":"section","s":"kibo-ui","c":"marketing/comparison","hc":1},{"id":"kibo-ui:contribution-graph","t":"Contribution graph","d":"A GitHub-style contribution graph component that displays activity levels over time.","s":"kibo-ui","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"kibo-ui:credit-card","t":"Credit card","d":"Credit card components for displaying and validating credit card information.","s":"kibo-ui","c":"data-display/card","sb":"Payment","hc":1},{"id":"kibo-ui:cursor","t":"Cursor","d":"A cursor component, great for realtime interactive applications.","k":"motion","s":"kibo-ui","c":"motion/cursor","hc":1},{"id":"kibo-ui:deck","t":"Deck","d":"A Tinder-like swipeable card stack component with smooth animations.","s":"kibo-ui","c":"media/card-stack","hc":1},{"id":"kibo-ui:dialog-stack","t":"Dialog stack","d":"Composable stacked dialogs, useful for creating a wizard, nested form or multi-step proces","s":"kibo-ui","c":"overlays/dialog","hc":1},{"id":"kibo-ui:dropzone","t":"Dropzone","d":"Allows users to drag-and-drop files into a container to upload or process them.","s":"kibo-ui","c":"inputs/file-upload","hc":1},{"id":"kibo-ui:editor","t":"Editor","d":"The Editor component is a powerful and flexible text editor that allows you to create and ","s":"kibo-ui","c":"inputs/textarea","hc":1},{"id":"kibo-ui:gantt","t":"Gantt","d":"The Gantt chart is a powerful tool for visualizing project schedules and tracking the prog","s":"kibo-ui","c":"data-viz/progress-bar","hc":1},{"id":"kibo-ui:glimpse","t":"Glimpse","d":"A component that shows a preview of a URL when hovering over a link.","s":"kibo-ui","c":"actions/link","hc":1},{"id":"kibo-ui:image-crop","t":"Image crop","d":"Helps you crop images to a specific size or aspect ratio.","s":"kibo-ui","c":"media/gallery","hc":1},{"id":"kibo-ui:image-zoom","t":"Image zoom","d":"Image zoom is a component that allows you to zoom in on an image.","s":"kibo-ui","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"kibo-ui:kanban","t":"Kanban","d":"A kanban board is a visual tool that helps you manage and visualize your work. It is a boa","s":"kibo-ui","c":"data-display/kanban","hc":1},{"id":"kibo-ui:list","t":"List","d":"List views are a great way to show a list of tasks grouped by status and ranked by priorit","s":"kibo-ui","c":"data-display/list","sb":"Sortable","hc":1},{"id":"kibo-ui:marquee","t":"Marquee","d":"Marquees are a great way to show a list of items in a horizontal scrolling motion.","k":"motion","s":"kibo-ui","c":"motion/marquee","hc":1},{"id":"kibo-ui:mini-calendar","t":"Mini calendar","d":"A composable mini calendar component for picking dates close to today.","s":"kibo-ui","c":"data-display/calendar","hc":1},{"id":"kibo-ui:pill","t":"Pill","d":"A flexible badge component designed for a variety of use cases.","s":"kibo-ui","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"kibo-ui:qr-code","t":"Qr code","d":"QR Code is a component that generates a QR code from a string.","s":"kibo-ui","c":"other/other","hc":1},{"id":"kibo-ui:rating","t":"Rating","d":"A star rating component with keyboard navigation and hover effects.","s":"kibo-ui","c":"inputs/rating","hc":1},{"id":"kibo-ui:reel","t":"Reel","d":"A composable Reel component that looks like Instagram Stories - a full-height, 9:16 aspect","s":"kibo-ui","c":"data-viz/progress-bar","hc":1},{"id":"kibo-ui:relative-time","t":"Relative time","d":"A component that displays time in various timezones.","s":"kibo-ui","c":"other/other","hc":1},{"id":"kibo-ui:sandbox","t":"Sandbox","d":"The sandbox component allows you to preview and test components in a sandboxed environment","k":"section","s":"kibo-ui","c":"marketing/testimonials","hc":1},{"id":"kibo-ui:snippet","t":"Snippet","d":"Snippet is a component that allows you to display and copy code in a tabbed interface.","s":"kibo-ui","c":"data-display/code-block","hc":1},{"id":"kibo-ui:spinner","t":"Spinner","d":"A spinner is a visual indicator that shows progress or activity.","s":"kibo-ui","c":"status/loader","sb":"Spinners","hc":1},{"id":"kibo-ui:status","t":"Status","d":"Status components are used to display the uptime of a service.","k":"section","s":"kibo-ui","c":"marketing/features","hc":1},{"id":"kibo-ui:stories","t":"Stories","d":"A composable Stories component - a carousel of individual video cards like you'd see on Fa","s":"kibo-ui","c":"data-display/card","hc":1},{"id":"kibo-ui:table","t":"Table","d":"Table views are used to display data in a tabular format. They are useful for displaying l","s":"kibo-ui","c":"data-display/table","sb":"Data tables","hc":1},{"id":"kibo-ui:tags","t":"Tags","d":"Tags are a way to apply multiple labels to an item.","s":"kibo-ui","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"kibo-ui:theme-switcher","t":"Theme switcher","d":"A component to switch between light, dark and system theme.","s":"kibo-ui","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"kibo-ui:ticker","t":"Ticker","d":"A composable finance ticker for displaying symbols, prices and changes.","k":"motion","s":"kibo-ui","c":"motion/marquee","hc":1},{"id":"kibo-ui:tree","t":"Tree","d":"A composable tree component with animated expand/collapse and customizable nodes.","s":"kibo-ui","c":"data-display/tree","hc":1},{"id":"kibo-ui:typography","t":"Typography","d":"A typography component designed to display text with a consistent style.","k":"theme","s":"kibo-ui","c":"themes/style"},{"id":"kibo-ui:video-player","t":"Video player","d":"A composable, shadcn/ui styled video player component that uses the media-chrome library.","s":"kibo-ui","c":"media/player","hc":1},{"id":"kinetic:scrub-number-field","t":"Scrub Number Field","d":"A Figma-like scrub number input with drag-to-scrub, click-to-edit, digit animation by Call","s":"kinetic","c":"inputs/number-input","hc":1},{"id":"knock-codes:blur-veil","t":"Blur veil","d":"Shows an inert blurred teaser beneath a prompt; blur is presentation, not security. Does n","s":"knock-codes","c":"ai-agent/composer","hc":1},{"id":"knock-codes:code-field","t":"Code field","d":"Displays controlled demo-code entry, normalizing pasted message artifacts. Does not verify","s":"knock-codes","c":"inputs/form-field","vn":1,"hc":1},{"id":"knock-codes:cooldown-notice","t":"Cooldown notice","d":"Displays a calm countdown without enforcing a retry policy. Does not verify codes, persist","s":"knock-codes","c":"overlays/alert-banner","hc":1},{"id":"knock-codes:expiry-pill","t":"Expiry pill","d":"Shows a preview lifetime as fine, expiring soon, or expired. Does not verify codes, persis","s":"knock-codes","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"knock-codes:preview-bar","t":"Preview bar","d":"Keeps build identity, expiry, feedback and relocking available after unlock. Does not veri","k":"section","s":"knock-codes","c":"marketing/testimonials","hc":1},{"id":"knock-codes:preview-ribbon","t":"Preview ribbon","d":"Keeps a draft label visible within preview screenshots. Does not verify codes, persist sta","k":"section","s":"knock-codes","c":"marketing/announcement","hc":1},{"id":"knock-codes:preview-watermark","t":"Preview watermark","d":"Marks unlocked work with a light recipient or build overlay for screenshots. Does not veri","k":"section","s":"knock-codes","c":"marketing/testimonials","hc":1},{"id":"knock-codes:recipient-line","t":"Recipient line","d":"Addresses a private preview to its intended recipient. Does not verify codes, persist stat","k":"section","s":"knock-codes","c":"marketing/testimonials","hc":1},{"id":"knock-codes:relock-control","t":"Relock control","d":"Lets the consumer hide a preview on a shared screen. Does not verify codes, persist state,","k":"section","s":"knock-codes","c":"marketing/testimonials","hc":1},{"id":"knock-codes:request-access","t":"Request access","d":"Routes a recipient without a code to the preview owner. Does not verify codes, persist sta","k":"section","s":"knock-codes","c":"marketing/testimonials","hc":1},{"id":"knock-codes:client-preview-gate","t":"Client preview gate","d":"Your next chapter is ready for a first look. Enter the code from your invitation. Does not","s":"knock-codes","c":"inputs/form-field","hc":1},{"id":"knock-codes:cooldown-screen","t":"Cooldown screen","d":"Your preview is still here. Give it a moment before your next try. Does not verify codes, ","s":"knock-codes","c":"inputs/form-field","hc":1},{"id":"knock-codes:expired-notice","t":"Expired notice","d":"The invitation window has ended. Ask the studio for a fresh link. Does not verify codes, p","s":"knock-codes","c":"overlays/alert-banner","hc":1},{"id":"knock-codes:gated-section","t":"Gated section","d":"This part of the preview was prepared for invited reviewers. Does not verify codes, persis","s":"knock-codes","c":"inputs/form-field","hc":1},{"id":"knock-codes:open-invitation","t":"Open invitation","d":"This look is for you. Continue when you are ready. Does not verify codes, persist state, o","s":"knock-codes","c":"inputs/form-field","hc":1},{"id":"knock-codes:quick-gate","t":"Quick gate","d":"Enter your preview code to continue. Does not verify codes, persist state, or grant or rev","s":"knock-codes","c":"inputs/form-field","hc":1},{"id":"knock-codes:revoked-notice","t":"Revoked notice","d":"The owner has withdrawn access. Contact them if you need another look. Does not verify cod","s":"knock-codes","c":"overlays/alert-banner","hc":1},{"id":"knock-codes:teaser-gate","t":"Teaser gate","d":"Your private preview is just one invitation away. Does not verify codes, persist state, or","s":"knock-codes","c":"inputs/form-field","hc":1},{"id":"knot-ui:button","t":"Premium Snow Button","d":"A cinematic button with realistic snowflake particle effects rendered on a canvas.","s":"knot-ui","c":"actions/button","hc":1},{"id":"knot-ui:rise-button","t":"Rise Button","d":"A button with a rising overlay animation on hover.","s":"knot-ui","c":"actions/button","hc":1},{"id":"knot-ui:glare-button","t":"Glare Button","d":"A dark button with a sweeping glare highlight on hover.","s":"knot-ui","c":"actions/button","hc":1},{"id":"knot-ui:flip-button","t":"Flip Button","d":"A button that flips between a light front face and dark back face in 3D on hover.","s":"knot-ui","c":"actions/button","tg":["3d"],"sy":["3d"],"hc":1},{"id":"knot-ui:glass-button","t":"Glass Button","d":"A frosted-glass morphism button with backdrop blur and inset highlights.","s":"knot-ui","c":"actions/button","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"knot-ui:slide-button","t":"Slide Button","d":"A button with a sliding color overlay revealing from one side on hover.","s":"knot-ui","c":"actions/button","hc":1},{"id":"knot-ui:slide-link-button","t":"Slide Link Button","d":"A minimal link-style button with a sliding underlay on hover.","s":"knot-ui","c":"actions/button","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"knot-ui:square-button","t":"Square Button","d":"A sharp-cornered button with decorative corner brackets.","s":"knot-ui","c":"actions/button","hc":1},{"id":"knot-ui:flip-card","t":"Flip Card","d":"A book-style flip card with a spine tab that reveals on hover.","s":"knot-ui","c":"data-display/card","hc":1},{"id":"knot-ui:navbar","t":"Navbar","d":"A floating navbar that shrinks and collapses to a pill shape on scroll.","s":"knot-ui","c":"navigation/top-nav","hc":1},{"id":"knot-ui:orbiting-avatars","t":"Orbiting Avatars","d":"A circular orbit of avatar images that spin around a central CTA button.","s":"knot-ui","c":"data-display/avatar","hc":1},{"id":"knot-ui:fan-folder","t":"Fan Folder","d":"Cards fan out and spread behind the folder on hover.","s":"knot-ui","c":"data-display/card","hc":1},{"id":"knot-ui:open-folder","t":"Open Folder","d":"Lid opens with 3D perspective and floating cards emerge on hover.","s":"knot-ui","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"knot-ui:lift-folder","t":"Lift Folder","d":"Lid lifts up in 3D while stacked cards reveal behind it on hover.","s":"knot-ui","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"knot-ui:hand-toggle","t":"Theme Toggle","d":"A dithered 'hand of god' dark-mode toggle with a circular view-transition reveal.","s":"knot-ui","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"kobra:chat-history","t":"Chat History","d":"A chat whose button gathers everything you asked into one column over the blurred transcri","s":"kobra","c":"data-display/timeline"},{"id":"kokonutui:ai-prompt","t":"AI Input Selector","d":"Animated AI chat input with model selection dropdown, file attachment and auto-resizing te","s":"kokonutui","c":"ai-agent/composer","hc":1},{"id":"kokonutui:command-button","t":"Command Button","d":"Keyboard shortcut button with a Command icon, hover shimmer sweep, and smooth CSS transiti","s":"kokonutui","c":"actions/button","hc":1},{"id":"kokonutui:card-flip","t":"Card Flip","d":"Interactive card that flips in 3D on hover to reveal features and a call to action, built ","s":"kokonutui","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"kokonutui:smooth-drawer","t":"Smooth Drawer","d":"Bottom drawer with spring-based slide-in and staggered content reveal, built on Vaul with ","s":"kokonutui","c":"overlays/sheet","hc":1},{"id":"kokonutui:shape-hero","t":"Shapes Hero","d":"Hero section with translucent geometric shapes that drop in and float over a gradient back","k":"section","s":"kokonutui","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"],"hc":1},{"id":"kokonutui:ai-text-loading","t":"AI Text Loading","d":"Animated AI thinking indicator that cycles status messages with a shimmering gradient text","s":"kokonutui","c":"ai-agent/ai-agent","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"kokonutui:shimmer-text","t":"Shimmer Text","d":"Animated shimmer text with a looping gradient sweep across the letters, built with React, ","k":"motion","s":"kokonutui","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"hc":1},{"id":"kokonutui:carousel-cards","t":"Carousel Cards","d":"Horizontally scrolling card carousel with ratings, badges and arrow navigation, built with","s":"kokonutui","c":"media/carousel","hc":1},{"id":"kokonutui:file-upload","t":"File Upload","d":"Drag and drop file upload with animated progress, file validation and error states. Built ","s":"kokonutui","c":"inputs/file-upload","hc":1},{"id":"kokonutui:action-search-bar","t":"Action Search Bar","d":"Search bar with debounced input, shortcut hints, and an animated action suggestions dropdo","s":"kokonutui","c":"inputs/search","hc":1},{"id":"kokonutui:ai-input-search","t":"AI Input Search","d":"AI search chat input with toggleable web search mode, file attachment and auto-resizing te","s":"kokonutui","c":"ai-agent/ai-agent","hc":1},{"id":"kokonutui:currency-transfer","t":"Currency Transfer","d":"Multi-step currency exchange card with animated progress and SVG checkmark confirmation, b","s":"kokonutui","c":"navigation/wizard-steps","hc":1},{"id":"kokonutui:background-paths","t":"Background Paths","d":"Animated background of flowing SVG line paths drawn across the hero section. Built with Re","k":"motion","s":"kokonutui","c":"motion/background","hc":1},{"id":"kokonutui:mouse-effect-card","t":"Mouse Effect Card","d":"Interactive card with an animated dot pattern that repels away from the cursor, powered by","s":"kokonutui","c":"data-display/card","hc":1},{"id":"kokonutui:beams-background","t":"Beams Background","d":"Animated background of drifting light beams rendered on an HTML canvas with configurable i","k":"motion","s":"kokonutui","c":"motion/background","sb":"Beams and light","hc":1},{"id":"kokonutui:flow-field","t":"Flow Field","d":"Canvas particle flow field background with noise-driven streams of glowing light, color th","s":"kokonutui","c":"inputs/form-field","tg":["neon"],"sy":["neon"],"hc":1},{"id":"kokonutui:apple-activity-card","t":"Apple Activity Card","d":"Animated activity rings card inspired by the Apple Fitness app, with progress circles buil","s":"kokonutui","c":"data-display/card","hc":1},{"id":"kokonutui:ai-voice","t":"AI Voice","d":"AI voice input button with recording timer, pulsing waveform bars and listening state. Bui","s":"kokonutui","c":"ai-agent/ai-agent","sb":"Voice","hc":1},{"id":"kokonutui:smooth-tab","t":"Smooth Tab","d":"Animated tab switcher with a sliding active indicator and smooth card content transitions,","s":"kokonutui","c":"navigation/tabs","hc":1},{"id":"kokonutui:team-selector","t":"Team Selector","d":"Animated team size selector with stacked overlapping avatars, spring transitions and incre","k":"section","s":"kokonutui","c":"marketing/team","hc":1},{"id":"kokonutui:switch-button","t":"Switch Button","d":"Light and dark theme toggle button with a rotating sun icon and shimmer hover effect, buil","s":"kokonutui","c":"actions/button","hc":1},{"id":"kokonutui:bento-grid","t":"Bento Grid","d":"Responsive bento grid of feature cards with animated charts, counters and timelines, built","k":"layout","s":"kokonutui","c":"layout/bento-grid","hc":1},{"id":"kokonutui:social-button","t":"Social Button","d":"Share button that expands into a row of social icon buttons with staggered Motion animatio","s":"kokonutui","c":"actions/button","sb":"Social and sign-in","hc":1},{"id":"kokonutui:hold-button","t":"Hold Button","d":"Press-and-hold confirmation button with an animated progress fill, configurable hold durat","s":"kokonutui","c":"actions/button","sb":"Loading and states","hc":1},{"id":"kokonutui:attract-button","t":"Magnet Button","d":"Magnetic button that pulls floating particles to its center on hover using Motion spring a","s":"kokonutui","c":"actions/button","sb":"Animated","hc":1},{"id":"kokonutui:gradient-button","t":"Gradient Button","d":"Layered gradient button with emerald, purple, and orange variants, soft inner glow, and ho","s":"kokonutui","c":"actions/button","tg":["gradient","neon"],"sb":"Animated","sy":["gradient","neon"],"hc":1},{"id":"kokonutui:v0-button","t":"V0 Button","d":"Open in v0 button that sends a component registry JSON to v0.dev for instant editing, buil","s":"kokonutui","c":"actions/button","hc":1},{"id":"kokonutui:toolbar","t":"Toolbar","d":"Figma-inspired toolbar where the selected tool expands to reveal its label with spring ani","s":"kokonutui","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"kokonutui:ai-loading","t":"AI State Loading","d":"Animated AI loading state cycling task statuses through a scrolling code-style log with an","s":"kokonutui","c":"ai-agent/ai-agent","hc":1},{"id":"kokonutui:card-stack","t":"Stack","d":"Stack of product cards that expands on click to reveal details and specs, animated with Mo","s":"kokonutui","c":"media/card-stack","hc":1},{"id":"kokonutui:avatar-picker","t":"Avatar Picker","d":"Animated avatar picker with SVG avatar options, colored selection ring and username input.","s":"kokonutui","c":"inputs/select","hc":1},{"id":"kokonutui:type-writer","t":"Typing Text","d":"Typewriter text animation that types and deletes multiple sequences with a blinking cursor","k":"motion","s":"kokonutui","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"kokonutui:swoosh-text","t":"Swoosh Text","d":"Hover text effect with layered colorful shadows that snap flat on mouseover, built with Re","k":"motion","s":"kokonutui","c":"motion/text-effect","hc":1},{"id":"kokonutui:sliced-text","t":"Sliced Text","d":"Text effect that splits into two offset slices and merges together on hover using clip-pat","k":"motion","s":"kokonutui","c":"motion/text-effect","hc":1},{"id":"kokonutui:glitch-text","t":"Glitch Text","d":"Customizable glitch text effect with adjustable intensity, colors and sizes, animated in R","k":"motion","s":"kokonutui","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"kokonutui:matrix-text","t":"Matrix Text","d":"Matrix-style text effect where letters scramble through binary characters before revealing","k":"motion","s":"kokonutui","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"kokonutui:dynamic-text","t":"Dynamic Text","d":"Animated text switcher that cycles through greetings in multiple languages, built with Rea","k":"motion","s":"kokonutui","c":"motion/text-effect","hc":1},{"id":"kokonutui:particle-button","t":"Particle Button","d":"Button that bursts animated particles from its center on click with a quick scale press ef","s":"kokonutui","c":"actions/button","sb":"Animated","hc":1},{"id":"kokonutui:tweet-card","t":"X Card","d":"X (Twitter) style post card with author details, verified badge, reply thread and hover gr","s":"kokonutui","c":"data-display/card","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"kokonutui:scroll-text","t":"Scroll Text","d":"Scroll-driven text list that highlights the active word as you scroll, using IntersectionO","k":"motion","s":"kokonutui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"kokonutui:liquid-glass-card","t":"Liquid Glass","d":"Apple-inspired liquid glass card and buttons using SVG displacement filters for a refracti","s":"kokonutui","c":"data-display/card","tg":["glass"],"sb":"Animated and glowing","sy":["glass"],"hc":1},{"id":"kokonutui:profile-dropdown","t":"Profile Dropdown","d":"User profile dropdown menu with avatar, subscription and model details, and quick action l","s":"kokonutui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"kokonutui:loader","t":"Loader","d":"Animated loading indicator with rotating gradient rings, size variants and customizable ti","s":"kokonutui","c":"status/loader","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"kokonutui:slide-text-button","t":"Slide Text Button","d":"Animated link button with a vertical text slide on hover and default and ghost variants, b","s":"kokonutui","c":"actions/button","sb":"Animated","hc":1},{"id":"kokonutui:morphic-navbar","t":"Morphic Navbar","d":"Navigation bar whose active link morphs into a rounded pill with smooth CSS transitions, b","s":"kokonutui","c":"navigation/top-nav","hc":1},{"id":"kokonutui:spotlight-cards","t":"Spotlight Cards","d":"Feature card grid with ambient aurora glow, magnetic 3D tilt and focus dimming on hover, b","s":"kokonutui","c":"data-display/card","tg":["3d","gradient","neon"],"sb":"Animated and glowing","sy":["3d","gradient","neon"],"hc":1},{"id":"kokonutui:use-auto-resize-textarea","t":"Use Auto Resize Textarea","d":"React hook that auto-resizes a textarea to fit its content between a min and max height.","k":"lib","s":"kokonutui","c":"lib/hook","hc":1},{"id":"kokonutui:use-click-outside","t":"Use Click Outside","d":"React hook that runs a callback when the user clicks outside the referenced element.","k":"lib","s":"kokonutui","c":"lib/hook","hc":1},{"id":"kokonutui:use-copy-to-clipboard","t":"Use Copy To Clipboard","d":"React hook that copies text to the clipboard and exposes a copied state with a reset timeo","k":"lib","s":"kokonutui","c":"lib/hook","hc":1},{"id":"kokonutui:use-mobile","t":"Use Mobile","d":"React hook that reports whether the viewport is below the 768px mobile breakpoint.","k":"lib","s":"kokonutui","c":"lib/hook","hc":1},{"id":"kokonutui:utils","t":"Utils","d":"The cn utility for merging Tailwind CSS classes, built on clsx and tailwind-merge.","k":"lib","s":"kokonutui","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"launchui:launchui","t":"Launch UI Base","d":"Base styles, CSS utilities, and configuration for Launch UI components.","k":"lib","s":"launchui","c":"lib/utility","hc":1},{"id":"launchui:navbar","t":"Navbar","d":"A responsive navigation bar with mobile menu support and customizable links.","s":"launchui","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"launchui:hero","t":"Hero Section","d":"A hero section with badge, title, description, CTA buttons, and mockup display.","k":"section","s":"launchui","c":"marketing/hero","hc":1},{"id":"launchui:items","t":"Items Section","d":"A grid of items with icons and descriptions, perfect for features or benefits.","k":"section","s":"launchui","c":"marketing/features","hc":1},{"id":"launchui:logos","t":"Logos Section","d":"A logo cloud section to showcase partners, clients, or technologies.","k":"section","s":"launchui","c":"marketing/logos","hc":1},{"id":"launchui:bento-grid","t":"Bento Grid","d":"A bento-style grid layout for showcasing features or content blocks.","k":"layout","s":"launchui","c":"layout/bento-grid"},{"id":"launchui:feature","t":"Feature Section","d":"Feature sections with various layouts for highlighting product capabilities.","k":"section","s":"launchui","c":"marketing/features"},{"id":"launchui:tabs","t":"Tabs Section","d":"Tabbed content sections for organizing information.","s":"launchui","c":"navigation/tabs"},{"id":"launchui:social-proof","t":"Social Proof","d":"Social proof sections with testimonials, ratings, and trust badges.","k":"section","s":"launchui","c":"marketing/testimonials"},{"id":"launchui:testimonials","t":"Testimonials","d":"Customer testimonial sections with carousel and grid layouts.","k":"section","s":"launchui","c":"marketing/testimonials"},{"id":"launchui:faq","t":"FAQ Section","d":"Frequently asked questions section with accordion functionality.","k":"section","s":"launchui","c":"marketing/faq","tg":["playful"],"sy":["playful"],"hc":1},{"id":"launchui:cta","t":"CTA Section","d":"Call-to-action sections with various styles and glow effects.","k":"section","s":"launchui","c":"marketing/cta","tg":["neon"],"sy":["neon"],"hc":1},{"id":"launchui:carousel","t":"Carousel","d":"Image and content carousels with multiple display options.","s":"launchui","c":"media/carousel"},{"id":"launchui:stats","t":"Stats Section","d":"Statistics display section for showcasing numbers and metrics.","s":"launchui","c":"data-display/stat","hc":1},{"id":"launchui:pricing","t":"Pricing Section","d":"Pricing tables and cards with feature comparisons.","k":"section","s":"launchui","c":"marketing/pricing","hc":1},{"id":"launchui:footer","t":"Footer","d":"Website footer with navigation links, social icons, and theme toggle.","k":"section","s":"launchui","c":"marketing/footer","hc":1},{"id":"launchui:gallery","t":"Gallery","d":"Image gallery sections with grid and masonry layouts.","s":"launchui","c":"media/gallery"},{"id":"launchui:pro","t":"Pro Dependencies","d":"All dependencies required for Launch UI Pro components.","s":"launchui","c":"other/other"},{"id":"launchui:button","t":"Button","d":"A customizable button component with multiple variants and sizes.","s":"launchui","c":"actions/button","hc":1},{"id":"launchui:badge","t":"Badge","d":"A badge component for labels, tags, and status indicators.","s":"launchui","c":"data-display/badge","hc":1},{"id":"launchui:card","t":"Card","d":"A card component for containing related content.","s":"launchui","c":"data-display/card"},{"id":"launchui:screenshot","t":"Screenshot","d":"A theme-aware screenshot component that switches between light and dark images.","s":"launchui","c":"media/gallery","hc":1},{"id":"launchui:mockup","t":"Mockup","d":"Device mockup frames for showcasing app screenshots.","s":"launchui","c":"media/mockup","hc":1},{"id":"launchui:glow","t":"Glow","d":"Decorative glow effects for adding visual interest.","k":"motion","s":"launchui","c":"motion/background","tg":["neon"],"sb":"Gradients and aurora","sy":["neon"],"hc":1},{"id":"layish:ask","t":"Ask","d":"A questionnaire wrap with HITL onResult for AI SDK addToolOutput.","s":"layish","c":"ai-agent/ai-agent","hc":1},{"id":"layish:composer","t":"Composer","d":"A prompt shell on input-group with mode and mic slots for AI SDK useChat.","s":"layish","c":"ai-agent/composer","hc":1},{"id":"lema-ds:accordion","t":"Accordion","d":"A vertically stacked set of interactive headings that each reveal a section of content.","s":"lema-ds","c":"data-display/accordion","hc":1},{"id":"lema-ds:alert","t":"Alert","d":"A contextual notification banner for displaying feedback messages with title, description,","s":"lema-ds","c":"overlays/alert-banner","hc":1},{"id":"lema-ds:alert-dialog","t":"Alert Dialog","d":"A modal dialog that interrupts users with urgent information, actions, or confirmation pro","s":"lema-ds","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"lema-ds:aspect-ratio","t":"Aspect Ratio","d":"A wrapper that maintains a consistent aspect ratio for its child content.","k":"layout","s":"lema-ds","c":"layout/page-shell","hc":1},{"id":"lema-ds:attachment","t":"Attachment","d":"A file attachment component with support for media preview, title, description, actions, t","s":"lema-ds","c":"inputs/file-upload","hc":1},{"id":"lema-ds:avatar","t":"Avatar","d":"An image element representing a user or entity, with a fallback display for when the image","s":"lema-ds","c":"data-display/avatar","hc":1},{"id":"lema-ds:badge","t":"Badge","d":"A small visual indicator for categorization, counts, or status labels.","s":"lema-ds","c":"data-display/badge","vn":1,"hc":1},{"id":"lema-ds:breadcrumb","t":"Breadcrumb","d":"A navigation aid showing the user's location in a hierarchical page structure with separat","s":"lema-ds","c":"navigation/breadcrumb","hc":1},{"id":"lema-ds:bubble","t":"Bubble","d":"A chat bubble component with support for sent/received variants, tail indicators, and grou","s":"lema-ds","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"lema-ds:button","t":"Button","d":"An interactive button control used to trigger actions, submit forms, or navigate.","s":"lema-ds","c":"actions/button","hc":1},{"id":"lema-ds:button-group","t":"Button Group","d":"A container that groups related buttons or inputs with connected or separated styling.","s":"lema-ds","c":"actions/button","sb":"Groups and split","hc":1},{"id":"lema-ds:calendar","t":"Calendar","d":"A date picker with day selection, range support, and dropdown navigation.","s":"lema-ds","c":"data-display/calendar","hc":1},{"id":"lema-ds:card","t":"Card","d":"A versatile card container with sub-components for header, title, action buttons, descript","s":"lema-ds","c":"data-display/card","hc":1},{"id":"lema-ds:card-stat-shared","t":"Card Stat Shared","d":"Shared utilities, CVA variants, and helper components (TrendBadge, CardStatEmptySlot) for ","s":"lema-ds","c":"data-display/stat","hc":1},{"id":"lema-ds:carousel","t":"Carousel","d":"A sliding carousel for cycling through elements with previous/next navigation using Embla.","s":"lema-ds","c":"media/carousel","hc":1},{"id":"lema-ds:chart","t":"Chart","d":"A charting container with config-driven tooltips, legends, and CSS variable styling integr","s":"lema-ds","c":"data-viz/chart","hc":1},{"id":"lema-ds:chart-axis-width","t":"Chart Axis Width","d":"Canvas-based text measurement that sizes a numeric Recharts axis to fit its actual formatt","k":"lib","s":"lema-ds","c":"lib/utility","hc":1},{"id":"lema-ds:checkbox","t":"Checkbox","d":"A form control for selecting one or more options from a set.","s":"lema-ds","c":"inputs/checkbox","hc":1},{"id":"lema-ds:collapsible","t":"Collapsible","d":"An expandable/collapsible section with trigger and content regions.","s":"lema-ds","c":"data-display/accordion","hc":1},{"id":"lema-ds:combobox","t":"Combobox","d":"An autocomplete combobox built on @base-ui/react with search, groups, multi-select chips, ","s":"lema-ds","c":"inputs/combobox","hc":1},{"id":"lema-ds:command","t":"Command","d":"A fast, searchable command palette and menu list interface driven by keyboard navigation.","s":"lema-ds","c":"navigation/command-palette","hc":1},{"id":"lema-ds:context-menu","t":"Context Menu","d":"A right-click context menu with items, submenus, checkboxes, radio items, and separators.","s":"lema-ds","c":"overlays/context-menu","hc":1},{"id":"lema-ds:dialog","t":"Dialog","d":"A modal overlay that interrupts the user with critical information or requires direct inte","s":"lema-ds","c":"overlays/dialog","hc":1},{"id":"lema-ds:direction","t":"Direction","d":"A provider component for setting text direction (LTR/RTL) using Radix UI Direction.","k":"layout","s":"lema-ds","c":"flows/settings","hc":1},{"id":"lema-ds:drawer","t":"Drawer","d":"A slide-over panel built on vaul, supporting bottom, left, right, and top directions with ","s":"lema-ds","c":"overlays/sheet","hc":1},{"id":"lema-ds:dropdown-menu","t":"Dropdown Menu","d":"A popover style menu listing choices or operations that is triggered by a button control.","s":"lema-ds","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"lema-ds:ds-about-manifesto-hero","t":"About Manifesto Hero","d":"Hero imersivo de manifesto institucional combinando declaração tipográfica, métricas e CTA","k":"section","s":"lema-ds","c":"marketing/hero","hc":1},{"id":"lema-ds:ds-about-milestones","t":"About Milestones","d":"Bloco turnkey da trajetória histórica com cabeçalho de seção e MilestoneStepper.","k":"section","s":"lema-ds","c":"marketing/marketing","sb":"Team and about","hc":1},{"id":"lema-ds:ds-about-section","t":"AboutSection","d":"Bloco composto de página 'Sobre' — história + citação do fundador + tira de estatísticas +","k":"section","s":"lema-ds","c":"marketing/hero","tg":["playful"],"sy":["playful"],"hc":1},{"id":"lema-ds:ds-about-values-grid","t":"About Values Grid","d":"Bloco turnkey completo de apresentação de valores e pilares com grid responsivo de ValuesC","k":"section","s":"lema-ds","c":"marketing/marketing","sb":"Team and about","hc":1},{"id":"lema-ds:ds-accordion","t":"Accordion UI","d":"Extended accordion with icon style variants (chevron/plus/arrow/sign), size variants, roun","s":"lema-ds","c":"data-display/accordion","hc":1},{"id":"lema-ds:ds-activity-feed","t":"Activity Feed","d":"Feed cronológico de eventos e trilha de auditoria com avatar, badge de status e timestamp ","s":"lema-ds","c":"data-display/timeline","hc":1},{"id":"lema-ds:ds-ai-chat","t":"AI Chat","d":"Chat assistente — ReUI AI Chat 12.","s":"lema-ds","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"lema-ds:ds-animated-number","t":"AnimatedNumber","d":"Contador numérico animado com formatação por locale e fallback sr-only para leitores de te","k":"motion","s":"lema-ds","c":"motion/number-ticker","hc":1},{"id":"lema-ds:ds-announcement-badge","t":"AnnouncementBadge","d":"Badge ou pill de anúncio para o topo de seções hero com micro-animação e suporte a ping.","s":"lema-ds","c":"data-display/badge","hc":1},{"id":"lema-ds:ds-app-sidebar","t":"App Sidebar","d":"Sidebar completa com TeamSwitcher, Search, NavMain colapsável, Projects, NavUser e Rail — ","s":"lema-ds","c":"navigation/sidebar","hc":1},{"id":"lema-ds:ds-app-store-badges","t":"AppStoreBadges","d":"Botões de download para App Store e Google Play, com ícone e texto sobrescrevíveis.","s":"lema-ds","c":"data-display/badge","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"lema-ds:ds-audio-player","t":"Ds audio player","d":"Full-featured audio player using native HTML5 Audio API.","s":"lema-ds","c":"media/player","hc":1},{"id":"lema-ds:ds-aurora-background","t":"Aurora Background","d":"Fundo aurora com gradientes animados, grid sutil e máscara radial — inspirado em Aceternit","k":"motion","s":"lema-ds","c":"motion/background","tg":["gradient","playful"],"sb":"Gradients and aurora","sy":["gradient","playful"],"hc":1},{"id":"lema-ds:ds-auth-card","t":"Auth Card","d":"Shell de autenticação unificado com variantes centered/muted/split/cover — consolida shadc","k":"layout","s":"lema-ds","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"lema-ds:ds-auth-separator","t":"AuthSeparator","d":"Divisor estilizado com rótulo centralizado para transição entre autenticação social e cred","k":"layout","s":"lema-ds","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"lema-ds:ds-auth-split-screen","t":"AuthSplitScreen","d":"Shell de layout de tela dividida (split-screen) completo com vitrine da marca, depoimento ","k":"layout","s":"lema-ds","c":"flows/sign-in","sb":"Split with image","hc":1},{"id":"lema-ds:ds-autocomplete","t":"Autocomplete","d":"Busca autocomplete async — ReUI Autocomplete.","s":"lema-ds","c":"inputs/combobox","hc":1},{"id":"lema-ds:ds-avatar","t":"Avatar UI","d":"Extended avatar with size scale (sm through 2xl), status indicator dots, initials color ge","s":"lema-ds","c":"data-display/avatar","hc":1},{"id":"lema-ds:ds-avatar-presence","t":"Avatar Presence","d":"Indicador de presença em tempo real para avatar com anel de isolamento temático e animação","s":"lema-ds","c":"status/status-dot","hc":1},{"id":"lema-ds:ds-background-glow","t":"BackgroundGlow","d":"Ambientação luminosa e texturas de fundo em CSS puro (Aurora, Spotlight, Beam e Grid-dots)","k":"motion","s":"lema-ds","c":"motion/background","tg":["gradient","neon","playful"],"sb":"Gradients and aurora","sy":["gradient","neon","playful"],"hc":1},{"id":"lema-ds:ds-badge","t":"Badge UI","d":"Extended badge with dot indicator, removable close icon, icon support, counter/overflow di","s":"lema-ds","c":"data-display/badge","hc":1},{"id":"lema-ds:ds-banner","t":"Banner","d":"Faixa full-width dismissível com intent, variante, posição e CTAs. Base blockus banners.","s":"lema-ds","c":"overlays/alert-banner","vn":1,"hc":1},{"id":"lema-ds:ds-banner-app","t":"Banner App","d":"Download de app com ícone, rating e store badges — blockus #14-17.","s":"lema-ds","c":"overlays/alert-banner","hc":1},{"id":"lema-ds:ds-banner-cookie","t":"Banner Cookie","d":"Barra de consentimento cookies fixed bottom/floating — blockus #09-12.","s":"lema-ds","c":"overlays/alert-banner","hc":1},{"id":"lema-ds:ds-banner-marquee","t":"Banner Marquee","d":"Faixa com rolagem infinita horizontal para highlights — blockus banner #13.","s":"lema-ds","c":"overlays/alert-banner","hc":1},{"id":"lema-ds:ds-banner-promo","t":"Banner Promo","d":"Card promo centrado com gradiente/imagem e 1-2 CTAs — blockus #05-08.","k":"section","s":"lema-ds","c":"marketing/announcement","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"lema-ds:ds-bar-chart","t":"Bar Chart","d":"A fully featured bar chart with tooltips, legend, stacking, rounded corners, and brush zoo","s":"lema-ds","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"lema-ds:ds-bento-features","t":"BentoFeatures","d":"Grid bento misturando tiles de feature com ícone e tiles de estatística — composto de ds-b","k":"section","s":"lema-ds","c":"marketing/features","sb":"Bento","hc":1},{"id":"lema-ds:ds-bento-grid","t":"BentoGrid","d":"Grid assimétrico com spans configuráveis para tiles de feature/mídia.","k":"layout","s":"lema-ds","c":"layout/bento-grid","hc":1},{"id":"lema-ds:ds-bento-metrics","t":"BentoMetrics","d":"Grid bento combinando um gráfico de barras com uma tira de estatísticas — composto de ds-b","s":"lema-ds","c":"data-display/stat","hc":1},{"id":"lema-ds:ds-bento-showcase","t":"BentoShowcase","d":"Grid bento exibindo screenshot de produto, preview de terminal e snippet de instalação — c","k":"layout","s":"lema-ds","c":"layout/bento-grid","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"lema-ds:ds-bento-social-proof","t":"BentoSocialProof","d":"Grid bento misturando tiles de depoimento com um mural de logos — composto de ds-bento-gri","k":"section","s":"lema-ds","c":"marketing/testimonials","hc":1},{"id":"lema-ds:ds-billing","t":"Billing","d":"Card de plano e fatura — ReUI Billing.","s":"lema-ds","c":"data-display/card","sb":"Profile","hc":1},{"id":"lema-ds:ds-blog-author","t":"Blog Author","d":"Avatar + nome + role do autor para blog.","k":"section","s":"lema-ds","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"lema-ds:ds-blog-card","t":"Blog Card","d":"Card de post com imagem, categoria, título, excerpt, tags e autor — átomo base blog.","k":"section","s":"lema-ds","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"lema-ds:ds-blog-featured","t":"Blog Featured","d":"Hero featured grande + 2 cards laterais — blockus #15-22.","k":"section","s":"lema-ds","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"lema-ds:ds-blog-grid","t":"Blog Grid","d":"Grid responsivo 3 cols com filtros categoria + busca — blockus blog #01-07.","k":"section","s":"lema-ds","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"lema-ds:ds-blog-list","t":"Blog List","d":"Lista horizontal imagem à esquerda — blockus #08-12.","k":"section","s":"lema-ds","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"lema-ds:ds-blog-meta","t":"Blog Meta","d":"Linha de metadados: data, reading time e categoria.","k":"section","s":"lema-ds","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"lema-ds:ds-border-beam","t":"BorderBeam","d":"Brilho que percorre a borda do container pai via offset-path (correto em qualquer proporçã","k":"motion","s":"lema-ds","c":"motion/border","hc":1},{"id":"lema-ds:ds-boxplot-chart","t":"Boxplot Chart","d":"A fully custom SVG box-and-whisker chart with ResizeObserver for responsive layout, notch ","s":"lema-ds","c":"data-viz/chart","hc":1},{"id":"lema-ds:ds-breadcrumbs","t":"Breadcrumbs","d":"A data-driven breadcrumbs component.","s":"lema-ds","c":"navigation/breadcrumb","hc":1},{"id":"lema-ds:ds-browser-mockup","t":"BrowserMockup","d":"Moldura simulando janela de navegador ou terminal de sistema operacional para screenshots ","s":"lema-ds","c":"media/mockup","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"lema-ds:ds-bullet-chart","t":"Ds bullet chart","d":"Compact bullet chart with qualitative range bands, value bar, and target marker.","s":"lema-ds","c":"data-viz/chart","hc":1},{"id":"lema-ds:ds-button","t":"Button UI","d":"Feature-rich button with loading state, start/end icons, rounded variant (full/lg/md/none)","s":"lema-ds","c":"actions/button","hc":1},{"id":"lema-ds:ds-callout","t":"Callout","d":"A highlighted alert component.","s":"lema-ds","c":"overlays/alert-banner","hc":1},{"id":"lema-ds:ds-candlestick-chart","t":"Candlestick Chart","d":"A financial candlestick chart with volume bars, moving averages, reference lines, and brus","s":"lema-ds","c":"data-viz/chart","sb":"Financial","hc":1},{"id":"lema-ds:ds-card-icon","t":"Card Icon","d":"Feature / navigation card with a tinted icon medallion, title and description. Icon colour","k":"resource","s":"lema-ds","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"lema-ds:ds-card-stat","t":"Card Stat","d":"A statistical display card with label, value, trend indicator, optional icon, and loading ","s":"lema-ds","c":"data-display/stat","hc":1},{"id":"lema-ds:ds-card-stat-compact","t":"Card Stat Compact","d":"A compact statistical card with trend badge, description, icon, and loading skeleton.","s":"lema-ds","c":"data-display/stat","hc":1},{"id":"lema-ds:ds-card-stat-comparison","t":"Card Stat Comparison","d":"A side-by-side comparison card for current vs. previous period values with trend indicator","k":"section","s":"lema-ds","c":"marketing/comparison","hc":1},{"id":"lema-ds:ds-card-stat-gauge","t":"Card Stat Gauge","d":"A statistical card with a gauge visualization for showing metrics within a target range.","s":"lema-ds","c":"data-viz/gauge","hc":1},{"id":"lema-ds:ds-card-stat-heatbar","t":"Card Stat Heatbar","d":"A statistical card with a segmented heatbar visualization for multi-zone metric display.","s":"lema-ds","c":"data-display/stat","hc":1},{"id":"lema-ds:ds-card-stat-highlight","t":"Card Stat Highlight","d":"A high-emphasis statistical card with a colored background for key metric prominence.","s":"lema-ds","c":"data-display/stat","hc":1},{"id":"lema-ds:ds-card-stat-list","t":"Card Stat List","d":"A statistical card containing a list of labeled items with icons and trend indicators.","s":"lema-ds","c":"data-display/stat","hc":1},{"id":"lema-ds:ds-card-stat-progress","t":"Card Stat Progress","d":"A statistical card with an embedded progress bar for showing completion or attainment leve","s":"lema-ds","c":"data-viz/progress-bar","hc":1},{"id":"lema-ds:ds-card-stat-sparkline","t":"Card Stat Sparkline","d":"A statistical card with an inline sparkline chart for visual trend representation.","s":"lema-ds","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"lema-ds:ds-card-stats","t":"Card Stats (All)","d":"A portfolio of all statistical display cards: CardStat, CardStatCompact, CardStatProgress,","s":"lema-ds","c":"data-display/stat","hc":1},{"id":"lema-ds:ds-carousel","t":"Carousel UI","d":"Extended carousel with autoplay support via embla-carousel-autoplay, multiple nav variants","s":"lema-ds","c":"media/carousel","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"lema-ds:ds-cascader","t":"Cascader","d":"Seleção em cascata níveis — ReUI Cascader.","s":"lema-ds","c":"other/other","hc":1},{"id":"lema-ds:ds-changelog","t":"Changelog","d":"Visualização estruturada de release notes com categorização semântica e timeline de versõe","k":"section","s":"lema-ds","c":"marketing/marketing","hc":1},{"id":"lema-ds:ds-checkout","t":"Checkout","d":"Resumo de pedido — ReUI Checkout.","k":"section","s":"lema-ds","c":"marketing/pricing","hc":1},{"id":"lema-ds:ds-color-picker","t":"Color Picker","d":"A color picker input.","s":"lema-ds","c":"inputs/color-picker","hc":1},{"id":"lema-ds:ds-combobox","t":"Combobox UI","d":"A batteries-included combobox with virtual scrolling, search, single/multi-select, groups,","s":"lema-ds","c":"inputs/combobox","hc":1},{"id":"lema-ds:ds-command-palette","t":"Command Palette","d":"A high-level command palette modal triggered by keyboard shortcuts.","s":"lema-ds","c":"navigation/command-palette","hc":1},{"id":"lema-ds:ds-compare-slider","t":"CompareSlider","d":"Slider de comparação antes/depois com clip-path, arrastável ou via teclado (range input na","s":"lema-ds","c":"media/image-compare","hc":1},{"id":"lema-ds:ds-comparison","t":"Comparison","d":"Before/after slider — adaptado Kibo.","k":"section","s":"lema-ds","c":"marketing/comparison","hc":1},{"id":"lema-ds:ds-confetti","t":"Ds confetti","d":"Confetti animation with 4 presets. Also exports useConfetti hook.","k":"motion","s":"lema-ds","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"lema-ds:ds-confirm-dialog","t":"Confirm Dialog","d":"Diálogo de confirmação com typed confirmation para ações irreversíveis de alto risco.","s":"lema-ds","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"lema-ds:ds-contact-bento","t":"ContactBento","d":"Grid bento com o formulário de contato como tile principal e tiles satélite — composto de ","k":"layout","s":"lema-ds","c":"layout/bento-grid","hc":1},{"id":"lema-ds:ds-contact-channels","t":"ContactChannels","d":"Linha de cartões de canal de contato (e-mail, telefone, chat) — composto de ds-card-icon.","k":"section","s":"lema-ds","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"lema-ds:ds-contact-form","t":"ContactForm","d":"Formulário de contato (nome, e-mail, assunto, tópico e mensagem) com estados idle/submitti","k":"section","s":"lema-ds","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"lema-ds:ds-contact-split","t":"ContactSplit","d":"Seção de contato split com formulário de um lado e um slot flexível do outro — composto de","k":"section","s":"lema-ds","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"lema-ds:ds-contribution-graph","t":"Contribution Graph","d":"Graph estilo GitHub 7x20 — adaptado Kibo.","s":"lema-ds","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"lema-ds:ds-copy-block","t":"CopyBlock","d":"Exibe um trecho de texto ou código com um botão acoplado para cópia rápida.","s":"lema-ds","c":"other/other","hc":1},{"id":"lema-ds:ds-counter","t":"Counter","d":"A precision numeric input with button controls, direct keyboard entry support, and inputPr","k":"motion","s":"lema-ds","c":"motion/number-ticker","hc":1},{"id":"lema-ds:ds-credit-card","t":"Credit Card","d":"Card visual com gradient e brand — adaptado Kibo.","s":"lema-ds","c":"data-display/card","tg":["gradient"],"sb":"Profile","sy":["gradient"],"hc":1},{"id":"lema-ds:ds-cron-builder","t":"Ds cron builder","d":"Visual cron expression builder with simple and advanced modes.","s":"lema-ds","c":"other/other","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"lema-ds:ds-cta","t":"Cta","d":"Container CTA core com badge, título, descrição e ações — átomo base CTA.","k":"section","s":"lema-ds","c":"marketing/cta","vn":3,"hc":1},{"id":"lema-ds:ds-culture-gallery","t":"Culture Gallery","d":"Mosaico e grade fotográfica da cultura institucional e equipe em ação.","s":"lema-ds","c":"media/gallery","hc":1},{"id":"lema-ds:ds-cursor","t":"Cursor","d":"Cursor remoto com label para collab — adaptado Kibo.","k":"motion","s":"lema-ds","c":"motion/cursor","hc":1},{"id":"lema-ds:ds-cursor-spotlight","t":"CursorSpotlight","d":"Glow radial que segue o cursor do ponteiro, com fallback estático em prefers-reduced-motio","k":"motion","s":"lema-ds","c":"motion/background","tg":["neon"],"sb":"Beams and light","sy":["neon"],"hc":1},{"id":"lema-ds:ds-dashboard","t":"Dashboard","d":"Shell de dashboard com AppSidebar, Header, SectionCards, Chart e DataTable — replica shadc","k":"layout","s":"lema-ds","c":"layout/dashboard","hc":1},{"id":"lema-ds:ds-dashboard-layout","t":"Dashboard Layout","d":"A base layout for complex dashboards with sidebar and header.","k":"layout","s":"lema-ds","c":"layout/dashboard","hc":1},{"id":"lema-ds:ds-dashbox","t":"Dashbox","d":"A structured dashboard card with collapse/expand, fullscreen, refresh, loading skeleton, s","k":"layout","s":"lema-ds","c":"layout/dashboard","hc":1},{"id":"lema-ds:ds-dashrow","t":"Dashrow","d":"Responsive layout container for dashboard panels with resizable split ratios and N-child s","k":"layout","s":"lema-ds","c":"layout/dashboard","hc":1},{"id":"lema-ds:ds-data-table","t":"Data Table","d":"A high-performance virtualized data table with built-in toolbar, pagination, and sorting c","s":"lema-ds","c":"data-display/table","sb":"Data tables","hc":1},{"id":"lema-ds:ds-date-picker","t":"DatePicker","d":"Seletor de data combinando um botão e um calendário (Popover).","s":"lema-ds","c":"inputs/date-picker","hc":1},{"id":"lema-ds:ds-date-range-picker","t":"Date Range Picker","d":"Seleção intuitiva de intervalos de datas com presets e suporte aos 4 locales.","s":"lema-ds","c":"inputs/date-range","hc":1},{"id":"lema-ds:ds-deck","t":"Deck","d":"Swipe deck de cards — adaptado Kibo.","s":"lema-ds","c":"media/card-stack","hc":1},{"id":"lema-ds:ds-description-list","t":"Description List","d":"A description list component.","s":"lema-ds","c":"data-display/list","hc":1},{"id":"lema-ds:ds-diff-viewer","t":"Ds diff viewer","d":"Line-level diff viewer with unified and split modes. No external dependencies.","s":"lema-ds","c":"data-display/diff","hc":1},{"id":"lema-ds:ds-direction-aware-hover","t":"Ds direction aware hover","k":"motion","s":"lema-ds","c":"motion/background","hc":1},{"id":"lema-ds:ds-drawer","t":"Drawer UI","d":"A full-featured drawer wrapper with optional header, scrollable body, footer, direction-aw","s":"lema-ds","c":"overlays/sheet","hc":1},{"id":"lema-ds:ds-dynamic-island","t":"Ds dynamic island","d":"Dynamic island notification component.","s":"lema-ds","c":"overlays/notifications","hc":1},{"id":"lema-ds:ds-empty","t":"Empty UI","d":"Contextual empty states with built-in SVG icons for no-data, search, error, and no-results","s":"lema-ds","c":"inputs/search","hc":1},{"id":"lema-ds:ds-empty-action","t":"Empty Action","d":"Estado vazio acionável com ação principal, atalhos e sugestões para zero-data e onboarding","s":"lema-ds","c":"navigation/wizard-steps","hc":1},{"id":"lema-ds:ds-empty-state-illustration","t":"Ds empty state illustration","d":"Empty state with 8 animated SVG illustrations for common UI contexts.","k":"resource","s":"lema-ds","c":"assets/illustration","hc":1},{"id":"lema-ds:ds-event-calendar","t":"Event Calendar","d":"Calendário mensal com eventos — ReUI Event Calendar 6.","s":"lema-ds","c":"data-display/calendar","hc":1},{"id":"lema-ds:ds-fade","t":"Fade","d":"Fade mask com variantes x/y/top/bottom/left/right — inspirado em Launch UI Fade.","k":"motion","s":"lema-ds","c":"motion/background","hc":1},{"id":"lema-ds:ds-faqs","t":"Faqs","d":"Seção FAQ core com heading, accordion, busca opcional.","k":"section","s":"lema-ds","c":"marketing/faq","vn":2,"hc":1},{"id":"lema-ds:ds-feature-spotlight","t":"Feature Spotlight","d":"Destaque ancorado para apresentar novas funcionalidades e guias passo a passo.","k":"section","s":"lema-ds","c":"marketing/features","tg":["playful"],"sy":["playful"],"hc":1},{"id":"lema-ds:ds-feature-sticky","t":"Feature Sticky","d":"Seção feature com texto e mockup sticky (left/right) — inspirado em Launch UI Feature Stic","k":"section","s":"lema-ds","c":"marketing/features","sb":"Scroll","hc":1},{"id":"lema-ds:ds-feedback-widget","t":"Ds feedback widget","d":"Floating feedback widget component.","s":"lema-ds","c":"inputs/rating","hc":1},{"id":"lema-ds:ds-file-upload","t":"FileUpload","d":"Área de upload de arquivos com suporte a arrastar e soltar e barra de progresso.","s":"lema-ds","c":"inputs/file-upload","hc":1},{"id":"lema-ds:ds-filter-builder","t":"Filter Builder","d":"A complex component for building advanced query filters.","s":"lema-ds","c":"other/other","hc":1},{"id":"lema-ds:ds-filter-sidebar","t":"Filter Sidebar","d":"Filtros categoria e preço — ReUI Filter Sidebar.","s":"lema-ds","c":"navigation/sidebar","hc":1},{"id":"lema-ds:ds-floating-card","t":"FloatingCard","d":"Card com tilt 3D sutil ao seguir o ponteiro, para exibir screenshots/mockups em heroes.","s":"lema-ds","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"lema-ds:ds-floating-dock","t":"Floating Dock","d":"Dock flutuante com magnificação no hover e fallback grid mobile — inspirado em Aceternity ","s":"lema-ds","c":"navigation/dock","hc":1},{"id":"lema-ds:ds-footer-bottom-bar","t":"Footer Bottom Bar","d":"Faixa inferior atômica com copyright dinâmico, links legais e ações acessórias.","k":"section","s":"lema-ds","c":"marketing/footer","hc":1},{"id":"lema-ds:ds-footer-brand-backdrop","t":"Footer Brand Backdrop","d":"Rodapé de vanguarda com mega letreiro tipográfico de fundo, grade compacta de links, newsl","k":"section","s":"lema-ds","c":"marketing/footer","tg":["playful"],"sy":["playful"],"hc":1},{"id":"lema-ds:ds-footer-cta","t":"Footer CTA","d":"Bloco de rodapé integrado com cartão de conversão de alto impacto posicionado antes dos li","k":"section","s":"lema-ds","c":"marketing/cta","hc":1},{"id":"lema-ds:ds-footer-mega","t":"Footer Mega","d":"Rodapé institucional completo com múltiplas colunas de links, apresentação de missão, news","k":"section","s":"lema-ds","c":"marketing/footer","hc":1},{"id":"lema-ds:ds-footer-menu","t":"Footer Menu","d":"A responsive footer navigation that displays in columns on desktop and as an accordion on ","s":"lema-ds","c":"navigation/menu","hc":1},{"id":"lema-ds:ds-footer-newsletter","t":"Footer Newsletter","d":"Captura atômica de e-mail para newsletter com validação, estado de envio e confirmação ace","k":"section","s":"lema-ds","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"lema-ds:ds-footer-simple","t":"Footer Simple","d":"Bloco de rodapé minimalista e centralizado com logotipo, links de navegação, canais sociai","k":"section","s":"lema-ds","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"lema-ds:ds-footer-wordmark","t":"Footer Wordmark","d":"Letreiro tipográfico de rodapé de grande porte com corte outline, preenchimento sutil ou g","k":"resource","s":"lema-ds","c":"assets/logo","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"lema-ds:ds-forgot-password-form","t":"ForgotPasswordForm","d":"Bloco completo de recuperação de conta e redefinição de senha com instruções e confirmação","k":"layout","s":"lema-ds","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"lema-ds:ds-form-builder","t":"Form Builder","d":"Gera um formulário validado a partir de um schema zod (validação) e uma lista de campos (r","s":"lema-ds","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"lema-ds:ds-founder-letter","t":"Founder Letter","d":"Carta aberta ou mensagem do coordenador/diretor com retrato, prosa editorial, drop cap e a","k":"motion","s":"lema-ds","c":"motion/text-effect","hc":1},{"id":"lema-ds:ds-funnel-chart","t":"Ds funnel chart","d":"Funnel chart for visualizing conversion rates between sequential stages.","s":"lema-ds","c":"data-viz/chart","tg":["playful"],"sb":"Flow and funnel","sy":["playful"],"hc":1},{"id":"lema-ds:ds-gallery-filterable","t":"GalleryFilterable","d":"Galeria de imagens com filtro de categorias — composto de ds-image-gallery e ds-pill-group","s":"lema-ds","c":"media/gallery","hc":1},{"id":"lema-ds:ds-gallery-split","t":"GallerySplit","d":"Seção split com texto de um lado e colagem de imagens do outro — composto de ds-hero-secti","s":"lema-ds","c":"media/gallery","hc":1},{"id":"lema-ds:ds-gallery-video","t":"GalleryVideo","d":"Grid de vídeos que abrem em diálogo ao clicar — composto de ds-video-dialog.","s":"lema-ds","c":"media/player","hc":1},{"id":"lema-ds:ds-gantt","t":"Gantt","d":"Timeline Gantt com barras e progresso — adaptado Kibo.","s":"lema-ds","c":"data-display/timeline","hc":1},{"id":"lema-ds:ds-geomap-chart","t":"Geomap Chart","d":"A geographic map component for rendering GeoJSON/TopoJSON data with tooltips, zooming (opt","s":"lema-ds","c":"data-viz/chart","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"lema-ds:ds-glass","t":"Glass","d":"Glassmorphism com 5 variantes (glass-1..5) e backdrop-blur — inspirado em Launch UI Glass.","k":"motion","s":"lema-ds","c":"motion/background","tg":["glass"],"sy":["glass"],"hc":1},{"id":"lema-ds:ds-globe-3d","t":"Ds globe 3d","d":"3D Globe component.","k":"motion","s":"lema-ds","c":"motion/globe","tg":["3d"],"sy":["3d"],"hc":1},{"id":"lema-ds:ds-glow","t":"Glow","d":"Glow posicional (top/above/center/below) com radial gradient blur — inspirado em Launch UI","k":"motion","s":"lema-ds","c":"motion/background","tg":["gradient","neon"],"sb":"Gradients and aurora","sy":["gradient","neon"],"hc":1},{"id":"lema-ds:ds-grid-pulse","t":"Grid Pulse","d":"Grid de pontos que pulsa de tamanho e opacidade perto do cursor, ocioso fora da interação ","k":"section","s":"lema-ds","c":"marketing/hero","tg":["playful"],"sy":["playful"],"hc":1},{"id":"lema-ds:ds-guided-tour","t":"Guided Tour","d":"A presentation component for a guided tour or onboarding card.","s":"lema-ds","c":"navigation/wizard-steps","hc":1},{"id":"lema-ds:ds-header","t":"Header","d":"Container semântico banner com variantes default/blurred/transparent/solid, sticky, tamanh","s":"lema-ds","c":"navigation/top-nav","vn":5,"hc":1},{"id":"lema-ds:ds-header-actions","t":"Header Actions","d":"Grupo de CTAs do header com variantes de Button, gap configurável e skeleton.","s":"lema-ds","c":"navigation/top-nav","hc":1},{"id":"lema-ds:ds-header-announcement","t":"Header Announcement","d":"Faixa de anúncio dismissível com tag, link e variantes default/outline/glow.","k":"section","s":"lema-ds","c":"marketing/announcement","tg":["neon"],"sy":["neon"],"hc":1},{"id":"lema-ds:ds-header-brand","t":"Header Brand","d":"Identidade do header com logo medallion, título e subtítulo, tamanhos sm/md/lg e skeleton.","s":"lema-ds","c":"navigation/top-nav","hc":1},{"id":"lema-ds:ds-header-mobile-drawer","t":"Header Mobile Drawer","d":"Sheet lateral para navegação mobile com accordion, brand header e footer de CTAs.","s":"lema-ds","c":"overlays/sheet","hc":1},{"id":"lema-ds:ds-header-nav","t":"Header Nav","d":"Navegação horizontal baseada em NavigationMenu com suporte a dropdown, mega custom content","s":"lema-ds","c":"navigation/top-nav","hc":1},{"id":"lema-ds:ds-header-search","t":"Header Search","d":"An expandable search button for use in page headers with smooth transition animations.","s":"lema-ds","c":"inputs/search","hc":1},{"id":"lema-ds:ds-header-topbar","t":"Header Topbar","d":"Barra utilitária acima do header com email, telefone, socials e locale selector.","k":"section","s":"lema-ds","c":"marketing/announcement","hc":1},{"id":"lema-ds:ds-header-user-menu","t":"Header User Menu","d":"Avatar com DropdownMenu, badge de notificações e grupos de ações para header.","s":"lema-ds","c":"navigation/menu","hc":1},{"id":"lema-ds:ds-header-with-topbar","t":"Header With Topbar","d":"HeaderSimple empilhado com Topbar e Announcement — padrão blockus com contato/social.","s":"lema-ds","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"lema-ds:ds-heatmap-chart","t":"Heatmap Chart","d":"A responsive heatmap chart built with pure CSS grid and color-mix for smooth color interpo","s":"lema-ds","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"lema-ds:ds-hero-announcement","t":"HeroAnnouncement","d":"Hero centralizado com badge de anúncio e mural de logos em marquee — composto de ds-hero-s","k":"section","s":"lema-ds","c":"marketing/announcement","hc":1},{"id":"lema-ds:ds-hero-bento","t":"HeroBento","d":"Hero centralizado seguido de um grid bento — composto de ds-hero-section e ds-bento-grid.","k":"layout","s":"lema-ds","c":"layout/bento-grid","hc":1},{"id":"lema-ds:ds-hero-cycling","t":"HeroCycling","d":"Hero centralizado com título que alterna palavras — composto de ds-hero-section e ds-text-","k":"section","s":"lema-ds","c":"marketing/hero","hc":1},{"id":"lema-ds:ds-hero-glow","t":"Hero Glow","d":"Hero com glow radial superior e grid sutil — inspirado em Launch UI Hero Top Glow.","k":"section","s":"lema-ds","c":"marketing/hero","tg":["neon"],"sy":["neon"],"hc":1},{"id":"lema-ds:ds-hero-layers","t":"Hero Layers","d":"Hero com screenshots em camadas sobrepostas (Layers) — inspirado em Launch UI Hero Layers.","k":"section","s":"lema-ds","c":"marketing/hero","hc":1},{"id":"lema-ds:ds-hero-section","t":"HeroSection","d":"Shell de layout de seção Hero composível em subcomponentes atômicos com alinhamentos cente","k":"section","s":"lema-ds","c":"marketing/hero","hc":1},{"id":"lema-ds:ds-hero-stats","t":"HeroStats","d":"Hero centralizado seguido de tira de estatísticas — composto de ds-hero-section e ds-card-","s":"lema-ds","c":"data-display/stat","hc":1},{"id":"lema-ds:ds-hero-terminal","t":"HeroTerminal","d":"Hero split com preview de terminal/navegador — composto de ds-hero-section, ds-background-","s":"lema-ds","c":"data-display/code-block","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"hc":1},{"id":"lema-ds:ds-hero-video","t":"HeroVideo","d":"Hero centralizado com thumbnail de vídeo em diálogo — composto de ds-hero-section e ds-vid","s":"lema-ds","c":"media/player","hc":1},{"id":"lema-ds:ds-hero-waitlist","t":"HeroWaitlist","d":"Hero centralizado com captura de e-mail — composto de ds-hero-section e ds-waitlist-form.","k":"section","s":"lema-ds","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"lema-ds:ds-how-it-works","t":"How It Works","d":"Seção explicativa em passos numerados com variante horizontal/vertical.","k":"section","s":"lema-ds","c":"marketing/features","sb":"Steps","vn":1,"hc":1},{"id":"lema-ds:ds-icon-button","t":"Icon Button","d":"An icon-only button with optional tooltip, loading state, size and rounded variants built ","s":"lema-ds","c":"actions/button","sb":"Icon buttons","hc":1},{"id":"lema-ds:ds-image-crop","t":"Image Crop","d":"Crop com drag e zoom slider — adaptado Kibo.","s":"lema-ds","c":"media/gallery","hc":1},{"id":"lema-ds:ds-image-gallery","t":"ImageGallery","d":"Galeria de imagens flexível — grid, masonry ou linha com scroll-snap — com legenda/overlay","s":"lema-ds","c":"media/gallery","hc":1},{"id":"lema-ds:ds-image-zoom","t":"Image Zoom","d":"Zoom hover lens — adaptado Kibo.","s":"lema-ds","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"lema-ds:ds-inline-edit","t":"Inline Edit","d":"Edição in-place com click-to-edit, estados de salvamento e validação inline.","s":"lema-ds","c":"other/other","hc":1},{"id":"lema-ds:ds-input","t":"Input UI","d":"Extended input with icon prefix/suffix, clearable button, character counter with maxLength","s":"lema-ds","c":"inputs/form-field","hc":1},{"id":"lema-ds:ds-input-email","t":"Input Email","d":"An email input field with a built-in mail icon and customizable size and radius variants.","s":"lema-ds","c":"inputs/form-field","sb":"Email","hc":1},{"id":"lema-ds:ds-input-password","t":"Input Password","d":"A secure password input field with a toggle visibility button and custom size/radius optio","s":"lema-ds","c":"inputs/form-field","sb":"Password","hc":1},{"id":"lema-ds:ds-integration-tile","t":"Integration Tile","d":"Tile de integração com logo e status — átomo base integrations.","k":"section","s":"lema-ds","c":"marketing/logos","hc":1},{"id":"lema-ds:ds-integrations","t":"Integrations","d":"Grid de integrações com busca — blockus #01-12.","k":"section","s":"lema-ds","c":"marketing/logos","hc":1},{"id":"lema-ds:ds-integrations-marquee","t":"Integrations Marquee","d":"Parede de logos em marquee infinita — blockus #13-24.","k":"section","s":"lema-ds","c":"marketing/logos","hc":1},{"id":"lema-ds:ds-kanban-board","t":"Kanban Board","d":"Kanban board com drag-and-drop real (@dnd-kit) — reordena e move cards entre colunas por p","s":"lema-ds","c":"data-display/kanban","hc":1},{"id":"lema-ds:ds-keyboard-shortcut","t":"Ds keyboard shortcut","s":"lema-ds","c":"data-display/badge","hc":1},{"id":"lema-ds:ds-lightbox","t":"Lightbox","d":"Visualizador de imagem em tela cheia com navegação anterior/próxima, setas do teclado e ti","s":"lema-ds","c":"overlays/lightbox","hc":1},{"id":"lema-ds:ds-line-chart","t":"Line Chart","d":"A responsive line chart with plain lines, gradient area fills, stacked areas, reference li","s":"lema-ds","c":"data-viz/chart","tg":["gradient"],"sb":"Line and sparkline","sy":["gradient"],"hc":1},{"id":"lema-ds:ds-locale-provider","t":"Locale Provider","d":"Context provider that sets the default locale for every ds-* component in the tree (prop >","s":"lema-ds","c":"data-display/tree","hc":1},{"id":"lema-ds:ds-location-picker","t":"Ds location picker","d":"Address autocomplete picker with async search callback — decoupled from any geocoding API.","s":"lema-ds","c":"inputs/select","hc":1},{"id":"lema-ds:ds-login-form","t":"LoginForm","d":"Bloco completo de formulário de login pronto para produção integrando social login, creden","k":"layout","s":"lema-ds","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"lema-ds:ds-logo-cloud-glow","t":"LogoCloudGlow","d":"Mural de logos centralizado dentro de um card com glow que reage ao ponteiro — composto de","k":"section","s":"lema-ds","c":"marketing/logos","tg":["neon"],"sy":["neon"],"hc":1},{"id":"lema-ds:ds-logo-cloud-grouped","t":"LogoCloudGrouped","d":"Mural de logos com filtro de indústria/categoria — composto de ds-press-wall e ds-pill-gro","k":"section","s":"lema-ds","c":"marketing/logos","hc":1},{"id":"lema-ds:ds-logo-cloud-quotes","t":"LogoCloudQuotes","d":"Pares de logo do cliente + depoimento curto em grid de cartões — composto de ds-pull-quote","k":"section","s":"lema-ds","c":"marketing/logos","hc":1},{"id":"lema-ds:ds-logo-cloud-stats","t":"LogoCloudStats","d":"Estatística em destaque acima de um mural de logos — composto de ds-press-wall.","s":"lema-ds","c":"data-display/stat","hc":1},{"id":"lema-ds:ds-magic-link-form","t":"MagicLinkForm","d":"Formulário de autenticação sem senha (magic link) com confirmação e temporizador de reenvi","k":"layout","s":"lema-ds","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"lema-ds:ds-magnetic-element","t":"Ds magnetic element","s":"lema-ds","c":"other/other","hc":1},{"id":"lema-ds:ds-manifesto-statement","t":"Manifesto Statement","d":"Declaração de manifesto institucional com tipografia editorial grande e citações autorais.","s":"lema-ds","c":"data-display/stat","hc":1},{"id":"lema-ds:ds-markdown-editor","t":"Ds markdown editor","d":"Markdown editor with edit/preview/split modes, toolbar, and fullscreen.","s":"lema-ds","c":"inputs/textarea","hc":1},{"id":"lema-ds:ds-marquee","t":"Marquee","d":"Carrossel de rolagem contínua para logos de clientes, depoimentos ou cartões de dados.","k":"motion","s":"lema-ds","c":"motion/marquee","hc":1},{"id":"lema-ds:ds-marquee-duo","t":"Marquee Duo","d":"Marquee duplo (2 rows) com direção oposta e pause on hover — inspirado em Launch UI Social","k":"motion","s":"lema-ds","c":"motion/marquee","hc":1},{"id":"lema-ds:ds-meteor-shower","t":"Meteor Shower","d":"Chuva de meteoros 100% CSS (sem canvas, sem RAF) para fundo de hero — posições determiníst","k":"motion","s":"lema-ds","c":"motion/background","tg":["playful"],"sb":"Particles and stars","sy":["playful"],"hc":1},{"id":"lema-ds:ds-metric-comparison","t":"Metric Comparison","d":"Comparação direta entre dois pontos de dados com variação absoluta, relativa e barra propo","k":"section","s":"lema-ds","c":"marketing/comparison","hc":1},{"id":"lema-ds:ds-milestone-stepper","t":"Milestone Stepper","d":"Linha do tempo de marcos cronológicos e trajetória histórica com anos tabulares.","s":"lema-ds","c":"navigation/wizard-steps","hc":1},{"id":"lema-ds:ds-mini-card","t":"Mini Card","d":"Compact stat label+value unit for horizontal summary strips. Compose with MiniCardGroup (p","s":"lema-ds","c":"data-display/card","sb":"Profile","hc":1},{"id":"lema-ds:ds-mission-vision-cards","t":"Mission Vision Cards","d":"Par contrastante de cartões para declaração articulada de Missão e Visão institucionais.","s":"lema-ds","c":"data-display/card","sb":"Profile","hc":1},{"id":"lema-ds:ds-mockup","t":"Mockup","d":"Mockup com frames small/large/mobile e sombra — inspirado em Launch UI Mockup.","s":"lema-ds","c":"media/mockup","hc":1},{"id":"lema-ds:ds-modal","t":"Modal","d":"A flexible modal dialog built on Dialog with size variants (sm/md/lg/xl/2xl/full), intent ","s":"lema-ds","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"lema-ds:ds-morphing-dialog","t":"Ds morphing dialog","d":"Morphing Dialog using framer-motion.","s":"lema-ds","c":"overlays/dialog","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"lema-ds:ds-multi-select","t":"MultiSelect","d":"Combobox que permite selecionar múltiplos itens de uma lista.","s":"lema-ds","c":"inputs/select","hc":1},{"id":"lema-ds:ds-nav-dots","t":"Nav Dots","d":"Dot-based section navigation with automatic scroll tracking and tooltips.","s":"lema-ds","c":"navigation/top-nav","hc":1},{"id":"lema-ds:ds-nav-user","t":"Nav User","d":"A user profile dropdown menu for navigation headers, built on DropdownMenu and Avatar.","s":"lema-ds","c":"navigation/top-nav","hc":1},{"id":"lema-ds:ds-navbar-floating","t":"Navbar Floating","d":"Navbar flutuante com blur, borda e menu mobile — inspirado em Launch UI Navbar Floating.","s":"lema-ds","c":"navigation/top-nav","sb":"Floating","hc":1},{"id":"lema-ds:ds-notification-center","t":"Notification Center","d":"A notification center component.","s":"lema-ds","c":"overlays/notifications","hc":1},{"id":"lema-ds:ds-number-field","t":"Number Field","d":"Campo numérico com spinbuttons — ReUI Number Field.","s":"lema-ds","c":"inputs/number-input","hc":1},{"id":"lema-ds:ds-office-locations","t":"OfficeLocations","d":"Grid interativo de unidades e endereços com horários e status de funcionamento.","s":"lema-ds","c":"data-display/stat","tg":["playful"],"sy":["playful"],"hc":1},{"id":"lema-ds:ds-onboarding","t":"Onboarding","d":"Passos de onboarding com progresso — ReUI Onboarding 9.","s":"lema-ds","c":"navigation/wizard-steps","hc":1},{"id":"lema-ds:ds-otp-input","t":"OTP Input","d":"An OTP input for verification codes.","s":"lema-ds","c":"inputs/otp-input","hc":1},{"id":"lema-ds:ds-page-header","t":"Page Header","d":"Cabeçalho de página padronizado com breadcrumbs, título, tags, ações e navegação de retorn","s":"lema-ds","c":"navigation/top-nav","hc":1},{"id":"lema-ds:ds-page-loader","t":"Page Loader","d":"Full-page loading overlay with two variants: a shimmer bar fixed at the top of the viewpor","s":"lema-ds","c":"status/loader","hc":1},{"id":"lema-ds:ds-pagination","t":"Pagination UI","d":"A pagination component with locale-aware aria labels, prev/next links, and ellipsis suppor","s":"lema-ds","c":"navigation/pagination","hc":1},{"id":"lema-ds:ds-particle-field","t":"Particle Field","d":"Fundo de constelação (partículas conectadas por linhas) para hero sections, em canvas 2D c","s":"lema-ds","c":"inputs/form-field","tg":["playful"],"sy":["playful"],"hc":1},{"id":"lema-ds:ds-star-shower","t":"Star Shower","d":"Céu estrelado vivo em canvas 2D: estrelas pulsantes com cintilação, 18% em cruz com halo e","k":"motion","s":"lema-ds","c":"motion/background","hc":1},{"id":"lema-ds:ds-passkey-prompt","t":"PasskeyPrompt","d":"Botão e prompt para autenticação biométrica e chaves de segurança WebAuthn / Passkeys.","s":"lema-ds","c":"ai-agent/composer","hc":1},{"id":"lema-ds:ds-password-strength-meter","t":"PasswordStrengthMeter","d":"Indicador dinâmico de segurança de senha com 4 níveis semânticos e checklist de requisitos","s":"lema-ds","c":"data-viz/gauge","hc":1},{"id":"lema-ds:ds-phone-input","t":"Phone Input","d":"Phone input field with country code selection and flags.","s":"lema-ds","c":"inputs/form-field","sb":"Phone","hc":1},{"id":"lema-ds:ds-pie-chart","t":"Pie Chart","d":"A responsive pie and donut chart with interactive center label, legend, and outer slice la","s":"lema-ds","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"lema-ds:ds-pill-group","t":"Pill Group","d":"A horizontal filter bar with pill-shaped toggle buttons, item counts, per-item intent colo","s":"lema-ds","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"lema-ds:ds-press-wall","t":"PressWall","d":"Mural de menções na imprensa, veículos de mídia e notícias institucionais.","s":"lema-ds","c":"other/other","hc":1},{"id":"lema-ds:ds-pricing-calculator","t":"Ds pricing calculator","k":"section","s":"lema-ds","c":"marketing/pricing","sb":"Usage and sliders","hc":1},{"id":"lema-ds:ds-pricing-card","t":"Pricing Card","d":"Card de plano com preço, badge popular, features e CTA — átomo base pricing.","k":"section","s":"lema-ds","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"lema-ds:ds-pricing-comparison","t":"Pricing Comparison","d":"Tabela comparativa feature × plano — blockus #06.","k":"section","s":"lema-ds","c":"marketing/comparison","hc":1},{"id":"lema-ds:ds-pricing-grid","t":"Pricing Grid","d":"Grid 3 cards + toggle mensal/anual — blockus #02 #04 #12.","k":"section","s":"lema-ds","c":"marketing/pricing","hc":1},{"id":"lema-ds:ds-product-card","t":"Product Card","d":"Card de produto eCommerce — ReUI Product Card.","s":"lema-ds","c":"data-display/card","sb":"Product","hc":1},{"id":"lema-ds:ds-profile","t":"Profile","d":"Card de perfil — ReUI Profile 9.","s":"lema-ds","c":"data-display/profile","hc":1},{"id":"lema-ds:ds-progress-bar","t":"Progress Bar","d":"Horizontal progress indicator with animated fill, configurable label positions, size prese","s":"lema-ds","c":"data-viz/progress-bar","hc":1},{"id":"lema-ds:ds-progress-circular","t":"Progress Circular","d":"Displays progress as a circular gauge with an animated stroke and centered value.","s":"lema-ds","c":"data-viz/progress-bar","hc":1},{"id":"lema-ds:ds-pull-quote","t":"PullQuote","d":"Citação editorial destacada com avatar do autor e suporte a variantes de estilo.","s":"lema-ds","c":"data-display/avatar","hc":1},{"id":"lema-ds:ds-qr-code","t":"Qr Code","d":"QR code placeholder — adaptado Kibo.","s":"lema-ds","c":"status/skeleton","hc":1},{"id":"lema-ds:ds-radar-chart","t":"Radar Chart","d":"A responsive radar (spider) chart for comparing multiple entities across the same set of d","s":"lema-ds","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"lema-ds:ds-radial-chart","t":"Radial Chart","d":"A responsive radial bar chart with concentric rings, single-metric gauge mode, and legend ","s":"lema-ds","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"lema-ds:ds-radial-menu","t":"Ds radial menu","d":"Radial Menu using framer-motion.","s":"lema-ds","c":"navigation/menu","tg":["animated"],"sb":"Radial menus","sy":["animated"],"hc":1},{"id":"lema-ds:ds-rating","t":"Rating","d":"Componente interativo para avaliação baseada em ícones (estrelas).","s":"lema-ds","c":"inputs/rating","hc":1},{"id":"lema-ds:ds-reaction-bar","t":"Ds reaction bar","d":"Interactive reaction bar component.","s":"lema-ds","c":"other/other","hc":1},{"id":"lema-ds:ds-reading-progress","t":"Ds reading progress","s":"lema-ds","c":"data-viz/progress-bar","hc":1},{"id":"lema-ds:ds-receipt-card","t":"Ds receipt card","d":"Receipt Card component.","s":"lema-ds","c":"data-display/card","sb":"Profile","hc":1},{"id":"lema-ds:ds-register","t":"Register","d":"Formulário de cadastro com social — átomo base register.","k":"layout","s":"lema-ds","c":"flows/sign-in","sb":"Sign up","vn":2,"hc":1},{"id":"lema-ds:ds-rich-text-editor","t":"Rich Text Editor","d":"A presentation component that provides the structure for a rich text editor.","s":"lema-ds","c":"inputs/textarea","hc":1},{"id":"lema-ds:ds-risk-level-bar","t":"Risk Level Bar","d":"A segmented progress bar with a movable marker. Uses semantic tokens (--risk-1 to --risk-4","s":"lema-ds","c":"navigation/tabs","hc":1},{"id":"lema-ds:ds-sankey-chart","t":"Ds sankey chart","d":"Sankey diagram using pure SVG — no external dependencies.","s":"lema-ds","c":"data-viz/chart","sb":"Flow and funnel","hc":1},{"id":"lema-ds:ds-scatter-chart","t":"Scatter Chart","d":"A responsive scatter and bubble chart with trend lines, multi-series, and brush zoom.","s":"lema-ds","c":"data-viz/chart","sb":"Scatter","hc":1},{"id":"lema-ds:ds-schedule","t":"Schedule","d":"Grade semanal com slots — ReUI Schedule 10.","s":"lema-ds","c":"data-display/calendar","hc":1},{"id":"lema-ds:ds-score-row","t":"Score Row","d":"A scored list item pairing icon + label with a fractional score and optional progress bar.","s":"lema-ds","c":"data-display/list","hc":1},{"id":"lema-ds:ds-scratch-to-reveal","t":"Ds scratch to reveal","k":"motion","s":"lema-ds","c":"motion/text-effect","hc":1},{"id":"lema-ds:ds-screenshot","t":"Screenshot","d":"Screenshot theme-aware (light/dark) com otimização e skeleton — inspirado em Launch UI Scr","s":"lema-ds","c":"status/skeleton","hc":1},{"id":"lema-ds:ds-scroll-reveal","t":"ScrollReveal","d":"Wrapper que revela filhos com fade/slide ao entrar no viewport, via IntersectionObserver —","k":"layout","s":"lema-ds","c":"layout/scroll-area","hc":1},{"id":"lema-ds:ds-scroll-to-top","t":"Scroll to Top","d":"Floating button with scroll-progress ring that reveals past a configurable scroll threshol","k":"layout","s":"lema-ds","c":"layout/scroll-area","hc":1},{"id":"lema-ds:ds-search-bar","t":"Search Bar","d":"A full-width composable search bar with visual variants, keyboard shortcut hint, voice inp","s":"lema-ds","c":"inputs/search","hc":1},{"id":"lema-ds:ds-search-combo","t":"Search Combo","d":"A search field with autocomplete dropdown, keyboard navigation, grouped results, voice rec","s":"lema-ds","c":"inputs/search","hc":1},{"id":"lema-ds:ds-section-cards","t":"Section Cards","d":"Grid de cards estatísticos com gradiente, badge trend e footer — extraído de shadcn dashbo","k":"section","s":"lema-ds","c":"marketing/footer","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"lema-ds:ds-select","t":"Select UI","d":"Extended select with search filter, async option loading, grouped options, creatable new o","s":"lema-ds","c":"inputs/select","hc":1},{"id":"lema-ds:ds-select-list","t":"Select List","d":"A searchable list of items with selection state, support for groups, icons and virtual scr","s":"lema-ds","c":"inputs/select","hc":1},{"id":"lema-ds:ds-settings","t":"Settings","d":"Tabs de configurações — ReUI Settings 16.","k":"layout","s":"lema-ds","c":"flows/settings","hc":1},{"id":"lema-ds:ds-settings-view","t":"Settings View","d":"A complex view for settings area separated by internal navigation.","k":"layout","s":"lema-ds","c":"flows/settings","hc":1},{"id":"lema-ds:ds-shortcut-sheet","t":"Shortcut Sheet","d":"Painel modal de atalhos de teclado com busca, categorias e escuta global da tecla '?'.","s":"lema-ds","c":"overlays/sheet","hc":1},{"id":"lema-ds:ds-sidebar-search","t":"Sidebar Search","d":"Campo de busca para sidebar com label sr-only e ícone — inspirado em shadcn sidebar Search","s":"lema-ds","c":"inputs/search","hc":1},{"id":"lema-ds:ds-signature-pad","t":"Ds signature pad","d":"Signature input using HTML Canvas with mouse/touch support and Base64 PNG export.","s":"lema-ds","c":"inputs/form-field","hc":1},{"id":"lema-ds:ds-signup-form","t":"SignUpForm","d":"Bloco completo de cadastro de novos usuários com medidor de força de senha em tempo real.","k":"layout","s":"lema-ds","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"lema-ds:ds-skeleton-layout","t":"Skeleton Layout","d":"Esqueletos pré-compostos para dashboard, tabela, perfil, formulário e lista.","s":"lema-ds","c":"status/skeleton","hc":1},{"id":"lema-ds:ds-slider","t":"Slider UI","d":"Extended slider with value tooltip on hover, step marks/labels, range (dual handle) suppor","s":"lema-ds","c":"inputs/slider","hc":1},{"id":"lema-ds:ds-snippet","t":"Snippet","d":"Tabbed code com copy — adaptado Kibo.","s":"lema-ds","c":"data-display/code-block","hc":1},{"id":"lema-ds:ds-social-auth-group","t":"SocialAuthGroup","d":"Grupo de botões para login social e institucional (Google, GitHub, Microsoft, Apple, Gov.b","k":"layout","s":"lema-ds","c":"flows/sign-in","tg":["webgl"],"sb":"Social","sy":["webgl"],"hc":1},{"id":"lema-ds:ds-social-links","t":"Social Links","d":"Linha acessível de canais sociais e comunitários com variantes visuais e detecção de ícone","s":"lema-ds","c":"actions/link","hc":1},{"id":"lema-ds:ds-sortable","t":"Sortable","d":"Lista arrastável vertical/grid — ReUI Sortable.","s":"lema-ds","c":"data-display/table","hc":1},{"id":"lema-ds:ds-sparkline","t":"Sparkline","d":"Micro-gráfico SVG ultra-leve para tabelas e cards com modos line, area e bar.","s":"lema-ds","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"lema-ds:ds-spinner","t":"Spinner UI","d":"An animated loader with locale-aware aria-labels, built on lucide-react Loader2Icon.","s":"lema-ds","c":"status/loader","sb":"Spinners","hc":1},{"id":"lema-ds:ds-spotlight-card","t":"Spotlight Card","d":"Card com spotlight radial seguindo o mouse — inspirado em Aceternity Card Spotlight.","s":"lema-ds","c":"data-display/card","sb":"Profile","hc":1},{"id":"lema-ds:ds-stats","t":"Stats","d":"Faixa de métricas com trend — átomo base stats.","s":"lema-ds","c":"data-display/stat","vn":1,"hc":1},{"id":"lema-ds:ds-status-page","t":"Status Page","d":"Painel de saúde operacional com histórico de 90 dias e cálculo de uptime.","s":"lema-ds","c":"data-display/stat","hc":1},{"id":"lema-ds:ds-step-progress","t":"Step Progress","d":"A visual guide through a sequential multi-step process with horizontal and vertical orient","s":"lema-ds","c":"data-viz/progress-bar","hc":1},{"id":"lema-ds:ds-stepper","t":"Stepper","d":"Wizard com validação per-step — ReUI Stepper.","s":"lema-ds","c":"navigation/wizard-steps","hc":1},{"id":"lema-ds:ds-sticky-feature-list","t":"StickyFeatureList","d":"Lista de recursos com barra lateral fixa e navegação contextual por seção.","k":"section","s":"lema-ds","c":"marketing/features","sb":"Scroll","hc":1},{"id":"lema-ds:ds-switch","t":"Switch UI","d":"Extended switch with label positioning, semantic color variants (success/destructive/warni","s":"lema-ds","c":"actions/switch","hc":1},{"id":"lema-ds:ds-system-status-badge","t":"System Status Badge","d":"Indicador de disponibilidade operacional e saúde dos serviços em tempo real com dot animad","s":"lema-ds","c":"data-display/badge","sb":"Status","hc":1},{"id":"lema-ds:ds-table-of-contents","t":"Ds table of contents","s":"lema-ds","c":"navigation/table-of-contents","hc":1},{"id":"lema-ds:ds-tabs","t":"Tabs UI","d":"Extended tabs with 4 variants (default/line/pill/segmented), 3 sizes, icons, count badges,","s":"lema-ds","c":"navigation/tabs","hc":1},{"id":"lema-ds:ds-tag-input","t":"Tag Input","d":"Input field that converts typed text into removable tags or pills.","s":"lema-ds","c":"inputs/tag-input","hc":1},{"id":"lema-ds:ds-team-card","t":"Team Card","d":"Card de membro com avatar, cargo e bio — átomo base Team.","k":"section","s":"lema-ds","c":"marketing/team","hc":1},{"id":"lema-ds:ds-team-grid","t":"Team Grid","d":"Grid de equipe com heading — blockus Team.","k":"section","s":"lema-ds","c":"marketing/team","hc":1},{"id":"lema-ds:ds-team-roster","t":"TeamRoster","d":"Grid de apresentação de equipe, pesquisadores e colaboradores institucionais.","k":"section","s":"lema-ds","c":"marketing/team","hc":1},{"id":"lema-ds:ds-team-switcher","t":"Team Switcher","d":"Seletor de equipe para sidebar com DropdownMenu, logo, plano e atalho — inspirado em shadc","k":"section","s":"lema-ds","c":"marketing/team","hc":1},{"id":"lema-ds:ds-testimonial-card","t":"Testimonial Card","d":"Card depoimento com quote e rating — átomo base Testimonials.","k":"section","s":"lema-ds","c":"marketing/testimonials","hc":1},{"id":"lema-ds:ds-testimonials","t":"Testimonials","d":"Grid de depoimentos 2-3 cols — blockus Testimonials.","k":"section","s":"lema-ds","c":"marketing/testimonials","hc":1},{"id":"lema-ds:ds-text-rotator","t":"TextRotator","d":"Alternador animado de palavras-chave para headlines de destaque com suporte a acessibilida","k":"motion","s":"lema-ds","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"lema-ds:ds-text-scramble","t":"Ds text scramble","k":"motion","s":"lema-ds","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"lema-ds:ds-ticker","t":"Ticker","d":"Faixa financeira scroll — adaptado Kibo.","k":"motion","s":"lema-ds","c":"motion/marquee","hc":1},{"id":"lema-ds:ds-tilt-card","t":"Tilt Card","d":"Card 3D com tilt no mousemove, glare radial e fallback prefers-reduced-motion — inspirado ","s":"lema-ds","c":"data-display/card","tg":["3d"],"sb":"Profile","sy":["3d"],"hc":1},{"id":"lema-ds:ds-time-picker","t":"Time Picker","d":"A time picker input.","s":"lema-ds","c":"inputs/time-picker","hc":1},{"id":"lema-ds:ds-timeline","t":"Timeline","d":"Exibe uma lista de eventos conectados por uma linha vertical.","s":"lema-ds","c":"data-display/timeline","hc":1},{"id":"lema-ds:ds-toggle-theme","t":"Toggle Theme","d":"A dropdown button to switch between light, dark, and system themes. Re-exports ThemeProvid","s":"lema-ds","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"lema-ds:ds-tracing-beam","t":"Tracing Beam","d":"Feixe vertical que acompanha o scroll com thumb e gradiente — inspirado em Aceternity Trac","k":"motion","s":"lema-ds","c":"motion/background","tg":["gradient"],"sb":"Beams and light","sy":["gradient"],"hc":1},{"id":"lema-ds:ds-transfer-list","t":"Transfer List","d":"Seleção entre dois conjuntos com busca, ações em lote e contadores.","s":"lema-ds","c":"data-display/list","hc":1},{"id":"lema-ds:ds-tree-view","t":"Tree View","d":"A hierarchical data display component.","s":"lema-ds","c":"data-display/tree","hc":1},{"id":"lema-ds:ds-treemap-chart","t":"Treemap Chart","d":"A responsive treemap chart with hierarchical drill-down, breadcrumb navigation, and aspect","s":"lema-ds","c":"data-viz/chart","sb":"Flow and funnel","hc":1},{"id":"lema-ds:ds-two-factor-auth","t":"TwoFactorAuth","d":"Desafio de autenticação em duas etapas (2FA) com suporte a código OTP de 6 dígitos e expir","k":"layout","s":"lema-ds","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"lema-ds:ds-typewriter","t":"Typewriter","d":"Texto com efeito typewriter/flip/generate, cursor piscante e suporte a reduced-motion — in","k":"motion","s":"lema-ds","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"lema-ds:ds-users-table","t":"Users Table","d":"Tabela de usuários com avatar e status — ReUI Users.","s":"lema-ds","c":"data-display/table","sb":"People","hc":1},{"id":"lema-ds:ds-values-card","t":"Values Card","d":"Cartão atômico de princípio ou valor institucional com ícone, índice ordinal e variantes.","s":"lema-ds","c":"data-display/card","sb":"Profile","hc":1},{"id":"lema-ds:ds-video-dialog","t":"VideoDialog","d":"Thumbnail de vídeo com overlay interativo, botão play pulsante e abertura de modal respons","s":"lema-ds","c":"overlays/dialog","sb":"Media","hc":1},{"id":"lema-ds:ds-virtual-list","t":"Ds virtual list","d":"Virtualized list for rendering large datasets without performance degradation.","s":"lema-ds","c":"data-display/list","sb":"Long lists","hc":1},{"id":"lema-ds:ds-waitlist-form","t":"WaitlistForm","d":"Formulário inline de pré-lançamento ou lista de espera para heróis de landing pages com fe","k":"section","s":"lema-ds","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"lema-ds:ds-waterfall-chart","t":"Ds waterfall chart","d":"Waterfall chart for cumulative positive/negative value bridges.","s":"lema-ds","c":"data-viz/chart","hc":1},{"id":"lema-ds:ds-wizard","t":"Wizard","d":"Wizard multi-step — ReUI Wizard 7.","s":"lema-ds","c":"navigation/wizard-steps","hc":1},{"id":"lema-ds:empty","t":"Empty","d":"A placeholder component for empty states with icon, title, description, and content slots.","k":"resource","s":"lema-ds","c":"assets/icon","hc":1},{"id":"lema-ds:field","t":"Field","d":"A form field wrapper with label, description, error messages, and horizontal/vertical orie","s":"lema-ds","c":"inputs/form-field","hc":1},{"id":"lema-ds:format-utils","t":"Format Utils","d":"Shared formatting utilities including locale-aware number formatting via Intl.NumberFormat","k":"lib","s":"lema-ds","c":"lib/utility","tg":["playful"],"sb":"Class helpers","sy":["playful"],"hc":1},{"id":"lema-ds:hover-card","t":"Hover Card","d":"A popover card that appears when hovering over a trigger element.","s":"lema-ds","c":"overlays/hover-card","hc":1},{"id":"lema-ds:input","t":"Input","d":"A fundamental form text input element styling standard inputs such as text, passwords, ema","s":"lema-ds","c":"inputs/form-field","tg":["playful"],"sy":["playful"],"vn":1,"hc":1},{"id":"lema-ds:input-otp","t":"Input Otp","d":"A one-time password input with individual slot groups and separators.","s":"lema-ds","c":"inputs/otp-input","hc":1},{"id":"lema-ds:item","t":"Item","d":"A list item component with media, content, title, description, actions, and size variants.","s":"lema-ds","c":"data-display/list","hc":1},{"id":"lema-ds:kbd","t":"Kbd","d":"A keyboard key indicator for displaying keyboard shortcuts.","s":"lema-ds","c":"data-display/typography","hc":1},{"id":"lema-ds:label","t":"Label","d":"A form label element built on Radix UI Label primitive.","s":"lema-ds","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"lema-ds:marker","t":"Marker","d":"A status and pin marker indicator for chat and list items with support for variant, pin, a","s":"lema-ds","c":"data-display/list","hc":1},{"id":"lema-ds:menubar","t":"Menubar","d":"A horizontal menu bar with dropdown menus, checkboxes, radio items, and submenus.","s":"lema-ds","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"lema-ds:message","t":"Message","d":"A chat message component with support for align (start/end), avatar, content, header, and ","s":"lema-ds","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"lema-ds:message-scroller","t":"Message Scroller","d":"An auto-scrolling container for chat message lists with scroll-to-end/start buttons, visib","s":"lema-ds","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"lema-ds:native-select","t":"Native Select","d":"A styled native HTML select element with optgroup and option sub-components.","s":"lema-ds","c":"inputs/select","hc":1},{"id":"lema-ds:navigation-menu","t":"Navigation Menu","d":"A responsive navigation menu with trigger, content, viewport, and indicator sub-components","s":"lema-ds","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"lema-ds:pagination","t":"Pagination","d":"A semantic pagination component built with native <nav> and <ul> elements, prev/next links","s":"lema-ds","c":"navigation/pagination","hc":1},{"id":"lema-ds:popover","t":"Popover","d":"A rich information bubble popover displaying contextual content triggered by focus/click e","s":"lema-ds","c":"overlays/popover","hc":1},{"id":"lema-ds:progress","t":"Progress","d":"A simple progress bar indicator designed to show status completion values.","s":"lema-ds","c":"data-viz/progress-bar","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"lema-ds:questionnaire","t":"Questionnaire","d":"A multi-step questionnaire with single-choice, multiple-choice, freeform, and skippable qu","s":"lema-ds","c":"navigation/wizard-steps","hc":1},{"id":"lema-ds:radio-group","t":"Radio Group","d":"A set of radio buttons for single-selection from a list of options.","s":"lema-ds","c":"inputs/radio","hc":1},{"id":"lema-ds:resizable","t":"Resizable","d":"Resizable panel layouts with drag handles for adjustable split views.","k":"layout","s":"lema-ds","c":"layout/split-pane","hc":1,"cp":1},{"id":"lema-ds:scroll-area","t":"Scroll Area","d":"A custom scroll wrapper that replaces browser scrollbars with cross-browser consistent, st","k":"layout","s":"lema-ds","c":"layout/scroll-area","hc":1},{"id":"lema-ds:select","t":"Select","d":"A dropdown select component with groups, labels, scroll buttons, and item selection.","s":"lema-ds","c":"inputs/select","hc":1},{"id":"lema-ds:separator","t":"Separator","d":"A visual divider for separating content sections horizontally or vertically.","k":"layout","s":"lema-ds","c":"layout/page-shell","hc":1},{"id":"lema-ds:sheet","t":"Sheet","d":"A slide-in panel (drawer) from any side of the screen with header, footer, and close butto","s":"lema-ds","c":"overlays/sheet","hc":1},{"id":"lema-ds:sidebar","t":"Sidebar","d":"A responsive collapsible sidebar with menu, groups, tooltips, and mobile sheet support.","s":"lema-ds","c":"navigation/sidebar","hc":1},{"id":"lema-ds:skeleton","t":"Skeleton","d":"A placeholder loading state component shaped as elements to outline UI containers during d","s":"lema-ds","c":"status/skeleton","vn":1,"hc":1},{"id":"lema-ds:slider","t":"Slider","d":"A range slider for numeric input with single or multiple thumb handles.","s":"lema-ds","c":"inputs/slider","hc":1},{"id":"lema-ds:sonner","t":"Sonner","d":"A toast notification provider using the Sonner library with theme-aware styling.","s":"lema-ds","c":"overlays/toast","hc":1},{"id":"lema-ds:spinner","t":"Spinner","d":"An animated loader icon used to represent background processing, async submission delays, ","s":"lema-ds","c":"status/loader","sb":"Spinners","hc":1},{"id":"lema-ds:switch","t":"Switch","d":"A toggle switch control for binary settings with size variants.","s":"lema-ds","c":"actions/switch","hc":1},{"id":"lema-ds:table","t":"Table","d":"A responsive table component built using native HTML table elements styled with Tailwind C","s":"lema-ds","c":"data-display/table","hc":1},{"id":"lema-ds:tabs","t":"Tabs","d":"A tabbed interface with list, trigger, and content panels supporting default and line vari","s":"lema-ds","c":"navigation/tabs","hc":1},{"id":"lema-ds:textarea","t":"Textarea","d":"A multi-line text input field supporting dynamic sizing, transition glows, and custom inva","s":"lema-ds","c":"inputs/textarea","tg":["neon"],"sy":["neon"],"hc":1},{"id":"lema-ds:toggle","t":"Toggle","d":"A two-state button for on/off toggling with variants and sizes.","s":"lema-ds","c":"actions/switch","vn":1,"hc":1},{"id":"lema-ds:tooltip","t":"Tooltip","d":"A lightweight popup hint displaying auxiliary text descriptions when a cursor hovers over ","s":"lema-ds","c":"overlays/tooltip","hc":1},{"id":"lema-ds:ui-i18n","t":"UI i18n","d":"Shared locale-based i18n dictionary with en-US, pt-PR, es-ES, and fr-FR support for UI com","k":"lib","s":"lema-ds","c":"lib/utility","hc":1},{"id":"lema-ds:ds-link-provider","t":"Link Provider","d":"Context provider that sets the link component (next/link, react-router Link, plain <a>) us","s":"lema-ds","c":"actions/link","hc":1},{"id":"lema-ds:client-only","t":"Client Only","d":"Renders children only after hydration. Framework-agnostic replacement for next/dynamic wit","k":"lib","s":"lema-ds","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"lema-ds:tokens","t":"LEMA DS Tokens","d":"Semantic color tokens used by ds-* components (success, warning, risk-1..4, highlight-*), ","k":"theme","s":"lema-ds","c":"themes/theme"},{"id":"lens-blocks:paginated-list","t":"Paginated List","d":"A reusable paginated list component that fetches and displays items in pages, with support","s":"lens-blocks","c":"navigation/pagination","hc":1},{"id":"lens-blocks:login-button","t":"Lens Login Button","d":"A button component to initiate the Lens login flow, displaying the lens icon and a call to","s":"lens-blocks","c":"actions/button","hc":1},{"id":"lens-blocks:utils","t":"Lens Utilities","d":"Utility functions for interacting with Lens Social Protocol, including formatting and data","k":"lib","s":"lens-blocks","c":"lib/utility","tg":["playful"],"sb":"Class helpers","sy":["playful"],"vn":1,"hc":1},{"id":"lens-blocks:use-authenticated-account","t":"Use Authenticated Lens Account","d":"A hook to get the currently authenticated Lens account using the Lens React SDK.","k":"lib","s":"lens-blocks","c":"lib/hook","hc":1},{"id":"lens-blocks:use-login-with-viem","t":"Use Lens Login with Viem","d":"A hook to execute login with the Lens React SDK using the Viem library for wallet interact","k":"lib","s":"lens-blocks","c":"lib/hook","hc":1},{"id":"lens-blocks:use-reaction-toggle","t":"Use Reaction Toggle","d":"A hook to toggle reactions (like/unlike) on Lens posts using the Lens React SDK.","k":"lib","s":"lens-blocks","c":"lib/hook","hc":1},{"id":"lens-blocks:use-tip-post-action","t":"Use Tip Post Action","d":"A hook for tipping Lens Posts using the Lens React SDK.","k":"lib","s":"lens-blocks","c":"lib/hook","hc":1},{"id":"lens-blocks:use-tip-account-action","t":"Use Tip Account Action","d":"A hook for tipping Lens Accounts using the Lens React SDK.","k":"lib","s":"lens-blocks","c":"lib/hook","hc":1},{"id":"lens-blocks:use-post-context","t":"Use Lens Post Context","d":"A hook for state, queries, and operations in a shared Lens post context","k":"lib","s":"lens-blocks","c":"lib/hook","hc":1},{"id":"lens-blocks:post-provider","t":"Lens Post Provider","d":"A provider of a shared Lens post context for state, queries, and operations.","k":"lib","s":"lens-blocks","c":"lib/utility","sb":"State","hc":1},{"id":"lens-blocks:account-chooser","t":"Lens Account Chooser","d":"A list of available Lens accounts for the user to choose from, with support for pagination","s":"lens-blocks","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"lens-blocks:account-list-item","t":"Lens Account List Item","d":"A list item for a Lens account displaying the avatar, name, and handle.","s":"lens-blocks","c":"data-display/list","hc":1},{"id":"lens-blocks:audio-player","t":"Lens Audio Player","d":"An audio player component for playing audio attachments in Lens posts.","s":"lens-blocks","c":"media/player","hc":1},{"id":"lens-blocks:video-player","t":"Lens Video Player","d":"An video player component for playing video attachments in Lens posts.","s":"lens-blocks","c":"media/player","hc":1},{"id":"lens-blocks:text-editor","t":"Lens Text Editor","d":"A rich text editor component for composing Lens posts using TipTap, with support for menti","s":"lens-blocks","c":"inputs/textarea","hc":1},{"id":"lens-blocks:follow-button","t":"Lens Follow Button","d":"A button component to follow or unfollow a Lens Account, displaying the current follow sta","s":"lens-blocks","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"lens-blocks:account-hover-card","t":"Lens Account Hover Card","d":"A hover card that displays Lens account details when hovering over an account name or hand","s":"lens-blocks","c":"overlays/hover-card","hc":1},{"id":"lens-blocks:login","t":"Lens Login","d":"A full-featured login flow for Lens Social Protocol that hooks into the Lens React SDK, us","k":"layout","s":"lens-blocks","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"lens-blocks:lens-markdown","t":"Lens Markdown","d":"A Markdown renderer for Lens posts and comments, supporting mentions, links, and rich text","s":"lens-blocks","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"lens-blocks:tip-dialog","t":"Lens Tip Dialog","d":"A dialog component for sending tips to Lens Posts and Accounts, with support for multiple ","s":"lens-blocks","c":"overlays/dialog","hc":1},{"id":"lens-blocks:quote-dialog","t":"Lens Quote Post Dialog","d":"A dialog component for quoting Lens Posts, allowing users to add their own commentary whil","s":"lens-blocks","c":"overlays/dialog","hc":1},{"id":"lens-blocks:collect-dialog","t":"Lens Collect Post Dialog","d":"A dialog component for collecting Lens Posts with support for paid collects.","s":"lens-blocks","c":"overlays/dialog","hc":1},{"id":"lens-blocks:post","t":"Lens Post","d":"Displays a post from Lens Social Protocol, including the content, author, attachments, and","s":"lens-blocks","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"limeplay:index","t":"Index","k":"theme","s":"limeplay","c":"themes/style"},{"id":"limeplay:error-screen","t":"Error screen","s":"limeplay","c":"other/other","vn":1,"hc":1},{"id":"limeplay:fallback-poster","t":"Fallback poster","s":"limeplay","c":"other/other","vn":1,"hc":1},{"id":"limeplay:mute-control","t":"Mute control","s":"limeplay","c":"other/other","hc":1},{"id":"limeplay:media-provider","t":"Media provider","s":"limeplay","c":"other/other","vn":4,"hc":1},{"id":"limeplay:player-layout","t":"Player layout","s":"limeplay","c":"media/player","hc":1},{"id":"limeplay:media","t":"Media","s":"limeplay","c":"other/other","hc":1},{"id":"limeplay:volume-control","t":"Volume control","s":"limeplay","c":"other/other","vn":2,"hc":1},{"id":"limeplay:playback-control","t":"Playback control","s":"limeplay","c":"other/other","hc":1},{"id":"limeplay:picture-in-picture-control","t":"Picture in picture control","s":"limeplay","c":"media/gallery","vn":1,"hc":1},{"id":"limeplay:playback-rate","t":"Playback rate","s":"limeplay","c":"other/other","vn":1,"hc":1},{"id":"limeplay:timeline-labels","t":"Timeline labels","s":"limeplay","c":"inputs/form-field","sb":"Animated fields","vn":1,"hc":1},{"id":"limeplay:timeline-control","t":"Timeline control","s":"limeplay","c":"data-display/timeline","vn":1,"hc":1},{"id":"limeplay:limeplay-logo","t":"Limeplay logo","k":"resource","s":"limeplay","c":"assets/logo","hc":1},{"id":"limeplay:root-container","t":"Root container","k":"layout","s":"limeplay","c":"layout/page-shell","hc":1},{"id":"limeplay:captions","t":"Captions","s":"limeplay","c":"other/other","hc":1},{"id":"limeplay:seek-controls","t":"Seek controls","s":"limeplay","c":"other/other","hc":1},{"id":"limeplay:video-player","t":"Video player","d":"Modern seamless flat video player","s":"limeplay","c":"media/player","hc":1},{"id":"limeplay:audio-player","t":"Audio Player","d":"Compact audio player with playlist support","s":"limeplay","c":"media/player","hc":1},{"id":"limeplay:utils","t":"Utils","k":"lib","s":"limeplay","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"limeplay:time","t":"Time","k":"lib","s":"limeplay","c":"lib/utility","sb":"Formatting","hc":1},{"id":"limeplay:use-media","t":"Use media","k":"lib","s":"limeplay","c":"lib/hook","hc":1},{"id":"limeplay:use-media-session","t":"Use media session","k":"lib","s":"limeplay","c":"lib/hook","hc":1},{"id":"limeplay:use-volume","t":"Use volume","k":"lib","s":"limeplay","c":"lib/hook","hc":1},{"id":"limeplay:use-controls-visibility","t":"Use controls visibility","k":"lib","s":"limeplay","c":"lib/hook","hc":1},{"id":"limeplay:use-track-events","t":"Use track events","k":"lib","s":"limeplay","c":"lib/hook","hc":1},{"id":"limeplay:use-timeline","t":"Use timeline","k":"lib","s":"limeplay","c":"lib/hook","hc":1},{"id":"limeplay:use-player","t":"Use player","k":"lib","s":"limeplay","c":"lib/hook","hc":1},{"id":"limeplay:use-asset","t":"Use asset","k":"lib","s":"limeplay","c":"lib/hook","hc":1},{"id":"limeplay:use-playback-source","t":"Use playback source","k":"lib","s":"limeplay","c":"lib/hook","hc":1},{"id":"limeplay:use-interval","t":"Use interval","k":"lib","s":"limeplay","c":"lib/hook","hc":1},{"id":"limeplay:use-captions","t":"Use captions","k":"lib","s":"limeplay","c":"lib/hook","hc":1},{"id":"limeplay:use-seek","t":"Use seek","k":"lib","s":"limeplay","c":"lib/hook","hc":1},{"id":"limeplay:use-playlist","t":"Use playlist","k":"lib","s":"limeplay","c":"lib/hook","hc":1},{"id":"limeplay:use-playback","t":"Use playback","k":"lib","s":"limeplay","c":"lib/hook","vn":1,"hc":1},{"id":"limeplay:use-picture-in-picture","t":"Use picture in picture","k":"lib","s":"limeplay","c":"lib/hook","hc":1},{"id":"limeplay:use-idle","t":"Use idle","k":"lib","s":"limeplay","c":"lib/hook","hc":1},{"id":"limeplay:custom-demo-controls","t":"Custom demo controls","s":"limeplay","c":"other/other","hc":1},{"id":"limeplay:internal-media","t":"Internal media","k":"lib","s":"limeplay","c":"lib/utility","hc":1},{"id":"liquefy-ui:liquefy-ui","t":"Liquefy ui base","d":"Design tokens, the glass stylesheet and the Tailwind v4 bridge. Every other item depends o","k":"theme","s":"liquefy-ui","c":"themes/style","tg":["glass"],"fw":"CSS","sy":["glass"],"hc":1},{"id":"liquefy-ui:glass-card","t":"GlassCard","d":"A content card with eyebrow, title, description, body and footer slots on the liquid surfa","s":"liquefy-ui","c":"data-display/card","tg":["glass"],"sb":"Animated and glowing","sy":["glass"],"hc":1},{"id":"liquefy-ui:glass-dock","t":"GlassDock","d":"A macOS-style dock: a glass rail of icon buttons that magnify under the pointer.","s":"liquefy-ui","c":"navigation/dock","tg":["glass"],"sy":["glass"],"hc":1},{"id":"liquefy-ui:internal-glyphs","t":"CheckGlyph","d":"The small inline SVG glyphs the components draw for chevrons, checks and status icons.","k":"lib","s":"liquefy-ui","c":"lib/utility","hc":1},{"id":"liquefy-ui:liquid-accordion","t":"LiquidAccordion","d":"Stacked disclosure panels with real headings and a height-measured open animation.","s":"liquefy-ui","c":"data-display/accordion","hc":1},{"id":"liquefy-ui:liquid-alert","t":"LiquidAlert","d":"An inline status message in four severities, with an optional dismiss button.","s":"liquefy-ui","c":"overlays/alert-banner","hc":1},{"id":"liquefy-ui:liquid-avatar","t":"LiquidAvatar","d":"A circular avatar with image, initials and status dot, plus an overlapping group.","s":"liquefy-ui","c":"data-display/avatar","hc":1},{"id":"liquefy-ui:liquid-badge","t":"LiquidBadge","d":"A small count or status pill for hanging off icons and labels.","s":"liquefy-ui","c":"data-display/badge","hc":1},{"id":"liquefy-ui:liquid-breadcrumbs","t":"LiquidBreadcrumbs","d":"A trail of links with glyph separators and a current-page marker.","s":"liquefy-ui","c":"navigation/breadcrumb","hc":1},{"id":"liquefy-ui:liquid-button","t":"LiquidButton","d":"The primary action control: WebGL rim light, jelly press spring and a loading state.","s":"liquefy-ui","c":"actions/button","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"liquefy-ui:liquid-checkbox","t":"LiquidCheckbox","d":"A checkbox with a springy tick, indeterminate state and label support.","s":"liquefy-ui","c":"inputs/checkbox","hc":1},{"id":"liquefy-ui:liquid-chip","t":"LiquidChip","d":"A compact tag that can be selected, tinted and dismissed.","s":"liquefy-ui","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"liquefy-ui:liquid-date-picker","t":"LiquidDatePicker","d":"A calendar popover on a field trigger: a roving-tabindex month grid and ISO values.","s":"liquefy-ui","c":"inputs/date-picker","hc":1},{"id":"liquefy-ui:liquid-dialog","t":"LiquidDialog","d":"A modal on Base UI: trapped focus, inert background and wired-up title and description.","s":"liquefy-ui","c":"overlays/dialog","hc":1},{"id":"liquefy-ui:liquid-divider","t":"LiquidDivider","d":"A hairline rule, horizontal or vertical, with optional inline content.","k":"layout","s":"liquefy-ui","c":"layout/page-shell","hc":1},{"id":"liquefy-ui:liquid-drawer","t":"LiquidDrawer","d":"A side panel that slides from the left, right or bottom edge, on Base UI Dialog.","s":"liquefy-ui","c":"overlays/sheet","hc":1},{"id":"liquefy-ui:liquid-glass","t":"LiquidGlass","d":"The bare material with its optics as props: refraction, frost, veil and bezel.","s":"liquefy-ui","c":"other/other","tg":["glass"],"sy":["glass"],"hc":1},{"id":"liquefy-ui:liquid-icon-button","t":"LiquidIconButton","d":"A square icon-only button that takes its accessible name from a label prop.","s":"liquefy-ui","c":"actions/button","sb":"Icon buttons","hc":1},{"id":"liquefy-ui:liquid-list","t":"LiquidList","d":"A glass list with items, descriptions, leading icons, trailing slots and subheaders.","s":"liquefy-ui","c":"data-display/list","tg":["glass"],"sy":["glass"],"hc":1},{"id":"liquefy-ui:liquid-menu","t":"LiquidMenu","d":"A dropdown action menu on Base UI: arrow keys, typeahead and collision-aware placement.","s":"liquefy-ui","c":"navigation/menu","hc":1},{"id":"liquefy-ui:liquid-pagination","t":"LiquidPagination","d":"A page strip with ellipsis truncation and previous/next controls.","s":"liquefy-ui","c":"navigation/pagination","hc":1},{"id":"liquefy-ui:liquid-progress","t":"LiquidProgress","d":"A determinate progress bar and an indeterminate spinner sharing one accent.","s":"liquefy-ui","c":"data-viz/progress-bar","hc":1},{"id":"liquefy-ui:liquid-radio","t":"LiquidRadioGroup","d":"A radio group with a springy dot and keyboard-driven selection.","s":"liquefy-ui","c":"inputs/radio","hc":1},{"id":"liquefy-ui:liquid-rating","t":"LiquidRating","d":"A star rating that reads and writes a numeric value.","s":"liquefy-ui","c":"inputs/rating","hc":1},{"id":"liquefy-ui:liquid-segmented","t":"LiquidSegmented","d":"A segmented control whose glass indicator slides between options.","s":"liquefy-ui","c":"navigation/tabs","tg":["glass"],"sy":["glass"],"hc":1},{"id":"liquefy-ui:liquid-select","t":"LiquidSelect","d":"A listbox dropdown on Base UI: typeahead, focus return and a glass popover.","s":"liquefy-ui","c":"inputs/select","tg":["glass"],"sy":["glass"],"hc":1},{"id":"liquefy-ui:liquid-skeleton","t":"LiquidSkeleton","d":"A shimmering placeholder block for content that has not arrived.","s":"liquefy-ui","c":"status/skeleton","hc":1},{"id":"liquefy-ui:liquid-slider","t":"LiquidSlider","d":"A range input with a luminous track and a dimensional thumb.","s":"liquefy-ui","c":"inputs/slider","hc":1},{"id":"liquefy-ui:liquid-surface","t":"LiquidSurface","d":"The base material every glass component is built on: rim light, refraction and springs.","s":"liquefy-ui","c":"other/other","tg":["glass"],"sy":["glass"],"hc":1},{"id":"liquefy-ui:liquid-switch","t":"LiquidSwitch","d":"A toggle whose thumb squashes as it travels.","s":"liquefy-ui","c":"actions/switch","sb":"Animated","hc":1},{"id":"liquefy-ui:liquid-table","t":"LiquidTableContainer","d":"A composable data table on a glass container, with row hover and selection.","s":"liquefy-ui","c":"data-display/table","tg":["glass"],"sy":["glass"],"hc":1},{"id":"liquefy-ui:liquid-tabs","t":"LiquidTabs","d":"Composable tabs on Base UI, with a glowing underline that springs between them.","s":"liquefy-ui","c":"navigation/tabs","tg":["neon"],"sy":["neon"],"hc":1},{"id":"liquefy-ui:liquid-text-field","t":"LiquidTextField","d":"A single-line text input with label, hint and invalid state.","s":"liquefy-ui","c":"inputs/form-field","hc":1},{"id":"liquefy-ui:liquid-textarea","t":"LiquidTextArea","d":"A multi-line text input that keeps the field styling of LiquidTextField.","s":"liquefy-ui","c":"inputs/textarea","hc":1},{"id":"liquefy-ui:liquid-toast","t":"LiquidToastProvider","d":"A toast provider and a useLiquidToast hook for transient messages.","s":"liquefy-ui","c":"overlays/toast","hc":1},{"id":"liquefy-ui:liquid-tooltip","t":"LiquidTooltip","d":"A glass bubble on hover and focus, positioned by Base UI so it stays on screen.","s":"liquefy-ui","c":"overlays/tooltip","tg":["glass"],"sy":["glass"],"hc":1},{"id":"liquefy-ui:provider","t":"defaultBreakpoints","d":"LiquefyProvider and the config hooks every component reads its tokens from.","k":"lib","s":"liquefy-ui","c":"lib/utility","sb":"State","hc":1},{"id":"liquefy-ui:styles-prop","t":"getLiquefyStyleSheet","d":"The `styles` prop engine: shorthands, token references, breakpoints and state selectors.","k":"lib","s":"liquefy-ui","c":"lib/utility","hc":1},{"id":"liquefy-ui:use-liquid-glass","t":"useLiquidGlass","d":"The hook that wires an element to the WebGL renderer and the motion springs.","k":"lib","s":"liquefy-ui","c":"lib/hook","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"livedocs:theme","t":"Theme","d":"Semantic color tokens for high-contrast surfaces.","k":"theme","s":"livedocs","c":"themes/theme","hc":1},{"id":"livedocs:utils","t":"Utils","d":"Tailwind class merge helper used by all components.","k":"lib","s":"livedocs","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"livedocs:button","t":"Button","d":"Action button with default, secondary, outline, ghost, destructive, and link variants.","s":"livedocs","c":"actions/button","hc":1},{"id":"livedocs:badge","t":"Badge","d":"Compact status label for counts, states, and metadata.","s":"livedocs","c":"data-display/badge","hc":1},{"id":"livedocs:card","t":"Card","d":"Layered surface for grouped content with header, body, and footer slots.","s":"livedocs","c":"data-display/card","hc":1},{"id":"livedocs:input","t":"Input","d":"Single-line text field with focus ring and disabled states.","s":"livedocs","c":"inputs/form-field","hc":1},{"id":"livedocs:avatar","t":"Avatar","d":"User or entity identity with image and fallback initials.","s":"livedocs","c":"data-display/avatar","hc":1},{"id":"livedocs:separator","t":"Separator","d":"Horizontal or vertical divider between sections.","k":"layout","s":"livedocs","c":"layout/page-shell","hc":1},{"id":"livedocs:chart-reactions","t":"Chart Reactions","d":"Configurable meme loading and explicit metric emotions with reduced-motion-safe fallbacks.","s":"livedocs","c":"data-viz/chart","hc":1},{"id":"livedocs:chart","t":"Chart","d":"Modern, smooth Geist-inspired chart primitives: config, container, tooltip, legend, grid, ","s":"livedocs","c":"data-viz/chart","hc":1},{"id":"livedocs:sparkline","t":"Sparkline","d":"Smooth SVG trend with a scrubbable marker, value tooltip, and size tones. No Recharts.","s":"livedocs","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"livedocs:area-chart","t":"Area Chart","d":"Compound area chart with gradient, hatched, glow, selection, tooltip, legend, and brush.","s":"livedocs","c":"data-viz/chart","tg":["gradient","neon"],"sb":"Area","sy":["gradient","neon"],"hc":1},{"id":"livedocs:line-chart","t":"Line Chart","d":"Compound line chart with dashed strokes, glow, curve types, dots, tooltip, and legend.","s":"livedocs","c":"data-viz/chart","tg":["neon"],"sb":"Line and sparkline","sy":["neon"],"hc":1},{"id":"livedocs:bar-chart","t":"Bar Chart","d":"Compound bar chart with stacked, horizontal, hatched, duotone, stripped, and gradient fill","s":"livedocs","c":"data-viz/chart","tg":["gradient"],"sb":"Bar","sy":["gradient"],"hc":1},{"id":"livedocs:composed-chart","t":"Composed Chart","d":"Mix bars, areas, and lines on one cartesian surface with shared tooltip and legend.","s":"livedocs","c":"data-viz/chart","hc":1},{"id":"livedocs:pie-chart","t":"Pie Chart","d":"Donut or pie with padding, glowing sectors, click-to-select, tooltip, and legend.","s":"livedocs","c":"data-viz/chart","tg":["neon"],"sb":"Pie, donut and radial","sy":["neon"],"hc":1},{"id":"livedocs:radar-chart","t":"Radar Chart","d":"Filled or outlined radar with polygon or circle grid, glow, and series selection.","s":"livedocs","c":"data-viz/chart","tg":["neon"],"sb":"Radar","sy":["neon"],"hc":1},{"id":"livedocs:radial-chart","t":"Radial Chart","d":"Full or semi radial bars with background tracks, rounded caps, tooltip, and legend.","s":"livedocs","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"livedocs:sankey-chart","t":"Sankey Chart","d":"Flow diagram with nodes, weighted links, and themed strokes.","s":"livedocs","c":"data-viz/chart","sb":"Flow and funnel","hc":1},{"id":"livedocs:trend-card","t":"Trend Card","d":"Metric tile with overlay lines for this period vs last, a delta chip, and a compact chart.","s":"livedocs","c":"data-display/card","hc":1},{"id":"livedocs:metric-chart","t":"Metric Chart","d":"Large value header, series pills, and a gradient well with axes and dots.","s":"livedocs","c":"data-viz/chart","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"livedocs:comparison-chart","t":"Comparison Chart","d":"Two overlapping gradient areas for this year vs last, with a KPI and delta.","s":"livedocs","c":"data-viz/chart","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"livedocs:breakdown-chart","t":"Breakdown Chart","d":"Clickable share stack with labeled rows, amounts, and percents.","s":"livedocs","c":"data-viz/chart","hc":1},{"id":"livedocs:range-chart","t":"Range Chart","d":"Forecast band from low to high with an actual line sitting in the middle.","s":"livedocs","c":"data-viz/chart","hc":1},{"id":"livedocs:country-chart","t":"Country Chart","d":"Ranked market bars with a last-period marker on each row.","s":"livedocs","c":"data-viz/chart","hc":1},{"id":"livedocs:ring-metric","t":"Ring Metric","d":"Donut with a total in the hole and a percent legend.","s":"livedocs","c":"data-display/stat","hc":1},{"id":"livedocs:cashflow-chart","t":"Cashflow Chart","d":"Diverging bars from zero: inflow up, outflow down.","s":"livedocs","c":"data-viz/chart","sb":"Flow and funnel","hc":1},{"id":"livedocs:spotlight-chart","t":"Spotlight Chart","d":"Linear area with a dashed prior series and a callout on the peak.","s":"livedocs","c":"data-viz/chart","hc":1},{"id":"livedocs:lane-chart","t":"Lane Chart","d":"Horizontal outcome lanes compared against a shared max.","s":"livedocs","c":"data-viz/chart","hc":1},{"id":"livedocs:usage-meter","t":"Usage Meter","d":"Quota remaining with a used track and a reset caption.","s":"livedocs","c":"data-viz/gauge","hc":1},{"id":"livedocs:heatmap-chart","t":"Heatmap Chart","d":"Keyboard-navigable activity grid with intensity fills, legend scale, and null-safe cells.","s":"livedocs","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"livedocs:funnel-chart","t":"Funnel Chart","d":"Connected curved funnel with conversion pills, keyboard-selectable stages, smooth hover em","s":"livedocs","c":"data-viz/chart","tg":["playful"],"sb":"Flow and funnel","sy":["playful"],"hc":1},{"id":"livedocs:scatter-chart","t":"Scatter Chart","d":"XY point plot with series groups, optional bubbles, mean quadrants, and labeled axes.","s":"livedocs","c":"data-viz/chart","sb":"Scatter","hc":1},{"id":"livedocs:waterfall-chart","t":"Waterfall Chart","d":"Connected balance bridge with signed changes, absolute totals, keyboard exploration, and a","s":"livedocs","c":"data-viz/chart","hc":1},{"id":"livedocs:candlestick-chart","t":"Candlestick Chart","d":"OHLC candles with solid green up and red down bodies, crosshair tooltips on hover or focus","s":"livedocs","c":"data-viz/chart","sb":"Financial","hc":1},{"id":"livedocs:activity-chart","t":"Activity Chart","d":"Compact rounded-bar metric card with a Polar title, headline value, tooltip, and hover dim","s":"livedocs","c":"data-viz/chart","hc":1},{"id":"livedocs:live-price-chart","t":"Live Price Chart","d":"Streaming crypto price with volume bars, MA overlay, timeframe pills, and 24h stats.","s":"livedocs","c":"data-viz/chart","hc":1},{"id":"livedocs:order-book","t":"Order Book","d":"Live bid/ask ladder with depth bars, spread readout, and imbalance meter.","s":"livedocs","c":"data-viz/gauge","tg":["3d"],"sy":["3d"],"hc":1},{"id":"livedocs:depth-chart","t":"Depth Chart","d":"Cumulative bid/ask staircase with mid-price marker and hover inspection.","s":"livedocs","c":"data-viz/chart","tg":["3d"],"sy":["3d"],"hc":1},{"id":"livedocs:trades-feed","t":"Trades Feed","d":"Live time-and-sales tape with side colors and new-print flash.","s":"livedocs","c":"data-display/timeline","hc":1},{"id":"livedocs:market-movers","t":"Market Movers","d":"Gainers/losers screener with sparklines, change pills, and live ticks.","s":"livedocs","c":"data-display/badge","hc":1},{"id":"lmscn:quiz","t":"Quiz","d":"Multi-type quiz (single-choice, multi-select, true/false) with per-question scoring, progr","s":"lmscn","c":"inputs/select"},{"id":"lmscn:flashcards","t":"Flashcards","d":"CSS 3-D flip-card deck with optional self-rating (Again / Hard / Good / Easy) and a sessio","s":"lmscn","c":"inputs/rating"},{"id":"lmscn:match","t":"Match","d":"Click-to-match term/definition pairs with mistake tracking and animated wrong-answer shake","s":"lmscn","c":"other/other"},{"id":"lmscn:fill-blank","t":"Fill in the Blank","d":"Inline blank-filling exercise supporting multiple blanks per sentence, alternative accepte","s":"lmscn","c":"data-display/badge"},{"id":"lmscn:scramble","t":"Word Scramble","d":"Letter-tile word unscrambling game with optional image/text clues and a reset button.","k":"motion","s":"lmscn","c":"motion/text-effect","sb":"Scramble and glitch"},{"id":"lmscn:order","t":"Order / Sequence","d":"Drag-and-drop (or ↑↓ keyboard) item-sequencing exercise that reveals the correct order on ","s":"lmscn","c":"data-display/list"},{"id":"lmscn:reading-passage","t":"Reading Passage","d":"Three-phase reading comprehension: passage view → inline questions → results. Supports pla","k":"section","s":"lmscn","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"lmscn:progress-tracker","t":"Progress Tracker","d":"Gamified zigzag lesson map with XP bar, level badge, daily streak and tooltip-rich lesson ","s":"lmscn","c":"data-viz/progress-bar"},{"id":"lmscn:spaced-repetition","t":"Spaced Repetition","d":"SM-2 algorithm review session: flip cards, grade with Again/Hard/Good/Easy, computes next ","s":"lmscn","c":"data-display/card"},{"id":"lmscn:hotspot","t":"Image Hotspot","d":"Click labelled markers on a diagram or photo, type the answer in a popover, check all labe","s":"lmscn","c":"media/gallery"},{"id":"loadercn:chart-bars","t":"Bar chart","d":"Bars grow from a baseline in sequence, settle to new values, then clear.","s":"loadercn","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"loadercn:chart-line","t":"Line chart","d":"A line draws across a small chart with a dot on its leading edge.","s":"loadercn","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"loadercn:chart-sparkline","t":"Sparkline","d":"A live sparkline scrolls past while a dot tracks the latest value.","s":"loadercn","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"loadercn:chart-donut","t":"Donut chart","d":"Three segments sweep around a turning ring one after another, then unwind in the same dire","s":"loadercn","c":"data-viz/chart","tg":["webgl"],"sb":"Pie, donut and radial","sy":["webgl"],"hc":1},{"id":"loadercn:chart-dot-area","t":"Dot area chart","d":"A smooth wave rolls across a dot matrix, lighting the area beneath its crest.","s":"loadercn","c":"data-viz/chart","sb":"Area","hc":1},{"id":"loadercn:chart-dot-series","t":"Dot series","d":"Three dotted lines flow in layers, fading with depth like a multi-series chart.","s":"loadercn","c":"data-viz/chart","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"loadercn:chart-dot-scatter","t":"Dot scatter","d":"A scatter of dots drifts in to hug a trend line, then loosens again.","s":"loadercn","c":"data-viz/chart","sb":"Scatter","hc":1},{"id":"loadercn:chart-dot-sparkline","t":"Dot sparkline","d":"A lead dot draws a smooth sparkline that trails behind it and fades away.","s":"loadercn","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"loadercn:chart-heartbeat","t":"Heartbeat","d":"A dot traces a heartbeat line, leaving a trail that fades behind it.","s":"loadercn","c":"data-viz/chart","hc":1},{"id":"loadercn:chart-dot-gauge","t":"Dot gauge","d":"A needle sweeps a dotted dial, lighting the dots up to the current reading.","s":"loadercn","c":"data-viz/gauge","hc":1},{"id":"loadercn:chart-dot-radar","t":"Dot radar","d":"A radar outline shifts as dotted spokes extend and retract to new values.","s":"loadercn","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"loadercn:chart-dot-bubbles","t":"Bubble chart","d":"Translucent bubbles drift through smooth loops while their sizes breathe.","s":"loadercn","c":"data-viz/chart","sb":"Scatter","hc":1},{"id":"loadercn:chart-streaming","t":"Streaming","d":"Streams of trailing dots flow through wavy lanes that spread and gather like a ribbon.","s":"loadercn","c":"data-viz/chart","hc":1},{"id":"loadercn:grid-wave","t":"Grid wave","d":"A diagonal wave, one cell at a time.","k":"motion","s":"loadercn","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"loadercn:grid-pulse","t":"Grid pulse","d":"Nine points. One steady heartbeat.","s":"loadercn","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"loadercn:grid-snake","t":"Grid snake","d":"A little light taking the scenic route.","s":"loadercn","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"loadercn:grid-shuffle","t":"Grid shuffle","d":"An orderly grid with a playful rhythm.","s":"loadercn","c":"status/loader","tg":["playful"],"sb":"Shapes and grids","sy":["playful"],"hc":1},{"id":"loadercn:grid-ripple","t":"Grid ripple","d":"A soft ripple across a field of square cells.","k":"motion","s":"loadercn","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"loadercn:grid-checker","t":"Grid checker","d":"Two halves, perfectly out of step.","s":"loadercn","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"loadercn:grid-perimeter","t":"Perimeter chase","d":"A bright cell traces the edge, leaving a soft trail.","s":"loadercn","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"loadercn:grid-puzzle","t":"Sliding puzzle","d":"Eight tiles take turns making room for one another.","s":"loadercn","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"loadercn:grid-flip","t":"Tile flip","d":"A diagonal ripple of tiles turning over in space.","s":"loadercn","c":"data-display/card","hc":1},{"id":"loadercn:grid-spiral","t":"Spiral","d":"A light winds into the center, then retraces its steps.","s":"loadercn","c":"status/loader","sb":"Spinners","hc":1},{"id":"loadercn:grid-lattice","t":"Breathing lattice","d":"Nine fixed-size dots breathe through the space between them.","s":"loadercn","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"loadercn:grid-assemble","t":"Assemble / scatter","d":"Loose particles settle into a grid, pause, and drift apart.","s":"loadercn","c":"data-viz/chart","sb":"Scatter","hc":1},{"id":"loadercn:grid-scan","t":"Matrix scan","d":"A compact dot matrix with a bright band scanning row by row.","s":"loadercn","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"loadercn:grid-scan-squares","t":"Matrix scan squares","d":"A row-by-row light scan across sixteen fixed square cells.","s":"loadercn","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"loadercn:grid-column-scan","t":"Column scan","d":"A bright band travels down each column, then moves to the next.","s":"loadercn","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"loadercn:grid-diagonal-scan","t":"Diagonal scan","d":"A diagonal light band sweeps across a fixed square matrix.","s":"loadercn","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"loadercn:grid-diagonal-flow","t":"Diagonal flow","d":"A broad diagonal band smoothly brightens and fades across fixed square cells.","s":"loadercn","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"loadercn:grid-dot-sweep","t":"Grid dot sweep","d":"A soft diagonal band sweeps across a faint dot matrix, swelling each dot as it passes.","s":"loadercn","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"loadercn:grid-scan-bounce","t":"Matrix bounce","d":"A bright row scans down and back up without moving the dots.","s":"loadercn","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"loadercn:grid-flow-down","t":"Flow down","d":"A broad, eased brightness wave flows top to bottom across fixed square cells.","s":"loadercn","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"loadercn:grid-flow-up","t":"Flow up","d":"A broad, eased brightness wave flows bottom to top across fixed square cells.","s":"loadercn","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"loadercn:grid-flow-right","t":"Flow right","d":"A broad, eased brightness wave flows left to right across fixed square cells.","s":"loadercn","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"loadercn:grid-flow-left","t":"Flow left","d":"A broad, eased brightness wave flows right to left across fixed square cells.","s":"loadercn","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"loadercn:grid-scan-bounce-horizontal","t":"Matrix bounce horizontal","d":"A bright column scans left to right and back across fixed dots.","s":"loadercn","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"loadercn:orbit-binary","t":"Binary orbit","d":"Two bodies in a shared little universe.","s":"loadercn","c":"status/loader","sb":"Spinners","hc":1},{"id":"loadercn:orbit-atom","t":"Atom","d":"Three intersecting paths. Endless motion.","s":"loadercn","c":"status/loader","tg":["webgl"],"sb":"Spinners","sy":["webgl"],"hc":1},{"id":"loadercn:orbit-satellite","t":"Satellite","d":"A small companion, always in motion.","s":"loadercn","c":"status/loader","sb":"Spinners","hc":1},{"id":"loadercn:orbit-eclipse","t":"Eclipse","d":"Two paths that meet, then drift apart.","s":"loadercn","c":"status/loader","sb":"Spinners","hc":1},{"id":"loadercn:orbit-resonance","t":"Resonance","d":"Concentric orbits finding their rhythm.","s":"loadercn","c":"status/loader","sb":"Spinners","hc":1},{"id":"loadercn:orbit-trio","t":"Orbital trio","d":"Three points moving in perfect company.","s":"loadercn","c":"status/loader","tg":["webgl"],"sb":"Spinners","sy":["webgl"],"hc":1},{"id":"loadercn:orbit-figure-eight","t":"Figure eight","d":"Two particles weave through a continuous infinity loop.","s":"loadercn","c":"status/loader","sb":"Spinners","hc":1},{"id":"loadercn:orbit-comet","t":"Comet","d":"A bright head pulls a tapered trail around its orbit.","s":"loadercn","c":"status/loader","sb":"Spinners","hc":1},{"id":"loadercn:orbit-nested","t":"Nested satellite","d":"A moon circles a planet while both orbit their star.","s":"loadercn","c":"status/loader","sb":"Spinners","hc":1},{"id":"loadercn:orbit-precession","t":"Precession","d":"A particle circles an ellipse as the whole orbit slowly turns.","s":"loadercn","c":"status/loader","sb":"Spinners","hc":1},{"id":"loadercn:orbit-exchange","t":"Orbital exchange","d":"Two particles trade inner and outer tracks as they circle.","s":"loadercn","c":"status/loader","sb":"Spinners","hc":1},{"id":"loadercn:orbit-slingshot","t":"Slingshot","d":"A particle races past its star and coasts around the far side.","s":"loadercn","c":"status/loader","sb":"Spinners","hc":1},{"id":"loadercn:orbit-tilted-atom","t":"Tilted atom","d":"Two luminous arcs travel around crossing, tilted orbital planes.","s":"loadercn","c":"status/loader","tg":["3d"],"sb":"Spinners","sy":["3d"],"hc":1},{"id":"loadercn:classic-ring","t":"Ring spinner","d":"A clean, incomplete ring in continuous rotation.","s":"loadercn","c":"status/loader","tg":["minimal"],"sb":"Spinners","sy":["minimal"],"hc":1},{"id":"loadercn:classic-spokes","t":"Fading spokes","d":"Twelve radial spokes brighten in sequence.","s":"loadercn","c":"status/loader","hc":1},{"id":"loadercn:classic-dotted","t":"Dotted spinner","d":"A circle of dots passes a soft light around its edge.","s":"loadercn","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"loadercn:classic-dual-ring","t":"Dual ring","d":"Two concentric arcs rotate in opposite directions.","s":"loadercn","c":"status/loader","sb":"Spinners","hc":1},{"id":"loadercn:classic-chasing-dots","t":"Chasing dots","d":"Two dots chase around a circle, growing and shrinking.","k":"motion","s":"loadercn","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"loadercn:classic-chasing-dots-trio","t":"Chasing dots trio","d":"Three evenly spaced dots chase around a circle, growing and shrinking in sequence.","k":"motion","s":"loadercn","c":"motion/background","tg":["webgl"],"sb":"Grids and patterns","sy":["webgl"],"hc":1},{"id":"loadercn:classic-bouncing-dots","t":"Bouncing dots","d":"Three dots take turns rising and landing.","k":"motion","s":"loadercn","c":"motion/background","tg":["webgl"],"sb":"Grids and patterns","sy":["webgl"],"hc":1},{"id":"loadercn:classic-typing","t":"Typing indicator","d":"Three dots gently swell and fade in a familiar typing rhythm.","k":"motion","s":"loadercn","c":"motion/text-effect","tg":["webgl"],"sb":"Typewriter","sy":["webgl"],"hc":1},{"id":"loadercn:classic-equalizer","t":"Equalizer bars","d":"Five rounded bars rise and fall in a smooth, flowing wave.","s":"loadercn","c":"status/loader","sb":"Bars","hc":1},{"id":"loadercn:classic-progress","t":"Indeterminate bar","d":"A short segment glides across a quiet horizontal track.","s":"loadercn","c":"data-viz/progress-bar","hc":1},{"id":"loadercn:classic-ripple","t":"Expanding rings","d":"Three rings expand outward and dissolve.","k":"motion","s":"loadercn","c":"motion/background","tg":["webgl"],"sb":"Waves and warps","sy":["webgl"],"hc":1},{"id":"loadercn:classic-squares","t":"Rotating squares","d":"Two outlined squares turn around a shared center.","s":"loadercn","c":"status/loader","sb":"Spinners","hc":1},{"id":"loadercn:classic-folding-cube","t":"Folding cube","d":"Four tiles fold and unfold in a continuous clockwise sequence.","s":"loadercn","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"loadercn:classic-dot-stream","t":"Dot stream","d":"Five dots flow across a line, growing at the center and fading at the edges.","s":"loadercn","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"loadercn:classic-liquid-stream","t":"Liquid dot stream","d":"A flowing stream of dots softly merges and separates.","s":"loadercn","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"loadercn:classic-pulsing-spokes","t":"Pulsing spokes","d":"A radial wave of spokes stretches into view and fades away.","s":"loadercn","c":"status/loader","hc":1},{"id":"loadercn:classic-circular-tail","t":"Circular tail","d":"A continuous fading arc sweeps around a circular track.","s":"loadercn","c":"status/loader","hc":1},{"id":"loadercn:classic-morph","t":"Classic morph","d":"A square softens into a circle and turns back into shape.","k":"motion","s":"loadercn","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"loadercn:classic-hourglass","t":"Classic hourglass","d":"Sand slips between two chambers before the hourglass turns over.","s":"loadercn","c":"status/loader","tg":["glass"],"sy":["glass"],"hc":1},{"id":"loadercn:orbit-radar","t":"Orbit radar","d":"A rotating sweep reveals fleeting signals on a quiet circular dial.","s":"loadercn","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"loadercn:grid-conveyor","t":"Grid conveyor","d":"Rows of tiles slide in opposite directions on an endless conveyor.","s":"loadercn","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"loadercn:orbit-helix","t":"Orbit helix","d":"Two linked strands turn through a gentle helix.","s":"loadercn","c":"status/loader","sb":"Spinners","hc":1},{"id":"loadercn:classic-dot-morph","t":"Classic dot morph","d":"A dotted outline shifts from circle to triangle to square.","k":"motion","s":"loadercn","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"loadercn:classic-circuit","t":"Classic circuit","d":"Bright signals travel along three quiet circuit tracks.","s":"loadercn","c":"status/loader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"loadercn:grid-render","t":"Grid render","d":"Tiles fill in reading order, hold, and fade for the next pass.","s":"loadercn","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"loadercn:network-deduce","t":"Network deduce","d":"A signal branches through successive layers of a small decision tree.","s":"loadercn","c":"status/loader","hc":1},{"id":"loadercn:network-synthesize","t":"Network synthesize","d":"Three streams pass through intermediate nodes and meet at one output.","s":"loadercn","c":"status/loader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"loadercn:orbit-focus","t":"Orbit focus","d":"Scattered ellipses settle into concentric rings before drifting apart.","s":"loadercn","c":"status/loader","sb":"Spinners","hc":1},{"id":"loadercn:network-associate","t":"Network associate","d":"Small groups of nodes reveal a changing sequence of connections.","s":"loadercn","c":"status/loader","hc":1},{"id":"loadercn:orbit-particle-globe","t":"Orbit particle globe","d":"A dotted sphere turns with soft shading from back to front.","k":"motion","s":"loadercn","c":"motion/globe","hc":1},{"id":"loadercn:orbit-breathing-orb","t":"Orbit breathing orb","d":"Waves of gentle expansion pass across a quiet particle sphere.","s":"loadercn","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"loadercn:orbit-latitude-globe","t":"Orbit latitude globe","d":"Dotted latitude bands turn around a tilted globe with travelling signals.","k":"motion","s":"loadercn","c":"motion/globe","tg":["3d"],"sy":["3d"],"hc":1},{"id":"loadercn:orbit-scanning-sphere","t":"Orbit scanning sphere","d":"A luminous band scans across a softly shaded particle sphere.","s":"loadercn","c":"status/loader","sb":"Spinners","hc":1},{"id":"loadercn:orbit-thought-orb","t":"Orbit thought orb","d":"Signals cross a sparse rotating sphere around a pulsing core.","s":"loadercn","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"loadercn:orbit-morphing-sphere","t":"Orbit morphing sphere","d":"A dotted sphere expands into a rounded cube and returns.","s":"loadercn","c":"status/loader","sb":"Spinners","hc":1},{"id":"loadercn:orbit-searching","t":"Orbit searching","d":"A bright longitude sweep travels around a turning particle sphere.","s":"loadercn","c":"status/loader","sb":"Spinners","hc":1},{"id":"loadercn:classic-liquid-processing","t":"Liquid processing","d":"Four parallel streams of liquid dots swell, merge, and separate as they flow.","s":"loadercn","c":"status/loader","sb":"Liquid and 3D","hc":1},{"id":"loadercn:classic-processing","t":"Classic processing","d":"Packets flow through four parallel tracks, brightening at the center.","s":"loadercn","c":"status/loader","hc":1},{"id":"loadercn:classic-text-shimmer","t":"Classic text shimmer","d":"A shimmer sweeps across four dotted text lines, revealing each dot as it passes.","k":"motion","s":"loadercn","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"loading-ui:index","t":"Index","k":"theme","s":"loading-ui","c":"themes/style"},{"id":"loading-ui:style","t":"Style","k":"theme","s":"loading-ui","c":"themes/style"},{"id":"loading-ui:ring","t":"Ring","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:spokes","t":"Spokes","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:classic","t":"Classic","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:dots-ring","t":"Dots ring","k":"motion","s":"loading-ui","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"loading-ui:spiral","t":"Spiral","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:swirling","t":"Swirling","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:arc","t":"Arc","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:dual-arc","t":"Dual arc","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:fade-arc","t":"Fade arc","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:concentric-ring","t":"Concentric ring","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:orbit-ring","t":"Orbit ring","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:satellite-ring","t":"Satellite ring","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:clock-ring","t":"Clock ring","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:quarter-ring","t":"Quarter ring","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:dash-ring","t":"Dash ring","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:comet-spinner","t":"Comet spinner","s":"loading-ui","c":"status/loader","sb":"Spinners","hc":1},{"id":"loading-ui:pulse","t":"Pulse","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:ripple","t":"Ripple","k":"motion","s":"loading-ui","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"loading-ui:pulse-dot","t":"Pulse dot","s":"loading-ui","c":"status/status-dot","hc":1},{"id":"loading-ui:dots","t":"Dots","k":"motion","s":"loading-ui","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"loading-ui:bobbing-dots","t":"Bobbing dots","k":"motion","s":"loading-ui","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"loading-ui:bouncing-dots","t":"Bouncing dots","k":"motion","s":"loading-ui","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"loading-ui:typing","t":"Typing","k":"motion","s":"loading-ui","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"loading-ui:twin-orbit","t":"Twin orbit","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:pulsating-dots","t":"Pulsating dots","k":"motion","s":"loading-ui","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"loading-ui:triple-dot-spinner","t":"Triple dot spinner","s":"loading-ui","c":"status/loader","sb":"Dots and pulse","hc":1},{"id":"loading-ui:text-shimmer","t":"Text shimmer","k":"motion","s":"loading-ui","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"loading-ui:text-blink","t":"Text blink","k":"motion","s":"loading-ui","c":"motion/text-effect","hc":1},{"id":"loading-ui:text-dots","t":"Text dots","k":"motion","s":"loading-ui","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"loading-ui:text-shimmer-wave","t":"Text shimmer wave","k":"motion","s":"loading-ui","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"loading-ui:morphing-infinity","t":"Morphing infinity","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:infinity","t":"Infinity","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:accordion-loader","t":"Accordion loader","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:symmetric-wave","t":"Symmetric wave","k":"motion","s":"loading-ui","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"loading-ui:square-grid","t":"Square grid","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:square-accordion","t":"Square accordion","s":"loading-ui","c":"data-display/accordion","hc":1},{"id":"loading-ui:conveyor-loop","t":"Conveyor loop","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:square-snake","t":"Square snake","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:infinity-square-snake","t":"Infinity square snake","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:infinity-track","t":"Infinity track","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:diamond","t":"Diamond","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:wave","t":"Wave","k":"motion","s":"loading-ui","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"loading-ui:bars","t":"Bars","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:analyzing-image","t":"Analyzing image","s":"loading-ui","c":"media/gallery","hc":1},{"id":"loading-ui:skeleton","t":"Skeleton","s":"loading-ui","c":"status/skeleton","hc":1},{"id":"loading-ui:terminal","t":"Terminal","s":"loading-ui","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"loading-ui:wandering-eyes","t":"Wandering eyes","s":"loading-ui","c":"status/loader","hc":1},{"id":"loading-ui:utils","t":"Utils","k":"lib","s":"loading-ui","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"localmode:ui/lib/utils","t":"Cn() utility","d":"The class-name merge helper (clsx + tailwind-merge) shared by all LocalMode UI components.","k":"lib","s":"localmode","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"localmode:ui/lib/browser-utils","t":"Browser utilities","d":"Dependency-free browser helpers shared by LocalMode UI components: formatBytes, validateFi","k":"lib","s":"localmode","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"localmode:ui/lib/use-environment","t":"Environment hooks","d":"Dependency-free React hooks for browser/device capability detection, storage quota, and on","k":"lib","s":"localmode","c":"lib/utility","hc":1},{"id":"localmode:ui/local-first/device-badge","t":"Device Badge","d":"A local-first capability badge. Detects WebGPU / WASM / IndexedDB support via a bundled us","s":"localmode","c":"data-display/badge","hc":1},{"id":"localmode:ui/artifacts/artifact","t":"Artifact","d":"A Claude-style docked side-panel/canvas shell (header, title, description, copy/download/r","k":"layout","s":"localmode","c":"layout/page-shell","hc":1},{"id":"localmode:ui/artifacts/data-table-artifact","t":"Data Table Artifact","d":"A generic sortable data table for local row data — VectorDB results, model catalogs, evalu","s":"localmode","c":"data-display/table","sb":"Data tables","hc":1},{"id":"localmode:ui/artifacts/chart-artifact","t":"Chart Artifact","d":"A dependency-free inline-SVG chart (line / bar / area / scatter / radar / gauge) for local","s":"localmode","c":"data-viz/chart","hc":1},{"id":"localmode:ui/artifacts/code-diff-viewer","t":"Code Diff Viewer","d":"A unified or side-by-side text/code diff of two local strings (before/after of redacted, t","s":"localmode","c":"data-display/diff","hc":1},{"id":"localmode:ui/audio/waveform-activity-bars","t":"Waveform Activity Bars","d":"A pure-CSS row of pulsing vertical bars (sinusoid-derived heights, staggered animation) th","s":"localmode","c":"media/player","hc":1},{"id":"localmode:ui/audio/voice-picker","t":"Voice Picker","d":"Language-grouped TTS voice selection from one KokoroVoice[] contract — a compact grouped <","s":"localmode","c":"inputs/select","hc":1},{"id":"localmode:ui/audio/streaming-speech-panel","t":"Streaming Speech Panel","d":"A streaming-TTS status surface: active state (WaveformActivityBars + spinner, synthesizing","s":"localmode","c":"data-display/card","hc":1},{"id":"localmode:ui/audio/voice-comparison-panel","t":"Voice Comparison Panel","d":"A/B voice comparison — two labeled columns, each with a language-grouped voice select (Voi","k":"section","s":"localmode","c":"marketing/comparison","hc":1},{"id":"localmode:ui/audio/transcribed-note-card","t":"Transcribed Note Card","d":"A transcription list item pairing transcript text with inline <audio> playback — relative ","s":"localmode","c":"data-display/card","hc":1},{"id":"localmode:ui/audio/voice-orb","t":"Voice Orb","d":"An animated Canvas 2D voice-agent orb/visualizer that reflects discrete agent states (idle","s":"localmode","c":"ai-agent/ai-agent","tg":["neon"],"sb":"Voice","sy":["neon"],"hc":1},{"id":"localmode:ui/audio/voice-button","t":"Voice Button","d":"A press-to-record / release-to-transcribe push-to-talk button with an explicit visual stat","s":"localmode","c":"actions/button","hc":1},{"id":"localmode:ui/audio/mic-selector","t":"Mic Selector","d":"A microphone input-device picker with permission handling and live device enumeration — fu","s":"localmode","c":"media/player","hc":1},{"id":"localmode:ui/audio/audio-scrub-player","t":"Audio Scrub Player","d":"A composable scrubbable audio player for local Blob/object-URL audio (Kokoro TTS output or","s":"localmode","c":"media/player","hc":1},{"id":"localmode:ui/audio/synced-transcript-viewer","t":"Synced Transcript Viewer","d":"A karaoke-style transcript viewer that highlights words in lockstep with audio playback us","s":"localmode","c":"media/player","hc":1},{"id":"localmode:ui/conversation/conversation","t":"Conversation","d":"Scrollable message-display surface with first-class scroll-anchoring: auto-pins to the new","s":"localmode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"localmode:ui/conversation/message","t":"Message","d":"Role-aware chat message (data-role) rendering string or ContentPart[] — markdown text, ima","s":"localmode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"localmode:ui/conversation/response","t":"Response","d":"Streaming markdown renderer for assistant output: shows a cursor while streaming, tolerate","s":"localmode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"localmode:ui/conversation/loader","t":"Loader","d":"A small family of busy indicators (dots / pulse / typing / spinner) plus a Shimmer skeleto","s":"localmode","c":"status/loader","hc":1},{"id":"localmode:ui/conversation/prompt-input","t":"Prompt Input","d":"Form-based, auto-resizing chat composer: Enter submits, Shift+Enter inserts a newline, the","s":"localmode","c":"ai-agent/composer","hc":1},{"id":"localmode:ui/conversation/prompt-input-attachments","t":"Prompt Input Attachments","d":"Attachment surface for the composer: image/file attach via picker, paste, and drag-and-dro","s":"localmode","c":"ai-agent/composer","hc":1},{"id":"localmode:ui/conversation/suggestions","t":"Suggestions","d":"A horizontal row of selectable prompt chips; each Suggestion invokes a callback with its t","s":"localmode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"localmode:ui/conversation/actions","t":"Actions","d":"Message-level controls — copy (with copied state), regenerate, read-aloud (wire to local K","s":"localmode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"localmode:ui/conversation/reasoning","t":"Reasoning","d":"The model's own thinking tokens (DeepSeek-R1 style) in a collapsible region: auto-expands ","s":"localmode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"localmode:ui/conversation/sources","t":"Sources","d":"Retrieval citations from local RAG results: a collapsible container with favicon/title/exc","s":"localmode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"localmode:ui/conversation/tool","t":"Tool","d":"A single tool invocation card with a status taxonomy (pending/running/streaming/completed/","s":"localmode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"localmode:ui/conversation/task","t":"Task","d":"A multi-step agent process as an ordered list of steps (index, tool, status, args, observa","s":"localmode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"localmode:ui/conversation/code-block","t":"Code Block","d":"Syntax-highlighted code (lazy Shiki, plain-pre fallback) with a language label and a copy-","s":"localmode","c":"data-display/code-block","hc":1},{"id":"localmode:ui/conversation/agent-step-timeline","t":"Agent Step Timeline","d":"A vertical timeline of ReAct agent steps: collapsible per-step cards (color-coded tool bad","s":"localmode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"localmode:ui/conversation/source-citation-list","t":"Source Citation List","d":"In-message attributed-sources list extending Sources: numbered items, a similarity score w","s":"localmode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"localmode:ui/conversation/structured-output-viewer","t":"Structured Output Viewer","d":"A result panel for useGenerateObject extending Response: pretty-printed JSON, an independe","s":"localmode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"localmode:ui/conversation/pipeline-tracker","t":"Multi Step Pipeline Tracker","d":"Progress surfaces for local workflows: a horizontal numbered-step indicator (active/comple","s":"localmode","c":"data-display/timeline","hc":1},{"id":"localmode:ui/conversation/branch","t":"Branch","d":"A message-versioning navigator that pages between regenerated/edited assistant variants fo","s":"localmode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"localmode:ui/conversation/inline-citation","t":"Inline Citation","d":"Inline superscript citation markers in prose that open a hovercard with the cited local ch","s":"localmode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"localmode:ui/conversation/tool-approval","t":"Tool Approval","d":"A human-in-the-loop confirmation card that gates a tool call before execution (pending too","s":"localmode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"localmode:ui/conversation/chain-of-thought","t":"Chain of Thought","d":"A structured step-by-step reasoning timeline (distinct from free-text Reasoning): labeled ","s":"localmode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"localmode:ui/conversation/scroll-to-bottom-button","t":"Scroll To Bottom Button","d":"A floating scroll-to-bottom affordance tied to a chat container's scroll state — appears w","s":"localmode","c":"actions/button","hc":1},{"id":"localmode:ui/conversation/system-notice-banner","t":"System Notice Banner","d":"An in-conversation info/warning banner (not a message bubble) for local-first state change","s":"localmode","c":"overlays/alert-banner","hc":1},{"id":"localmode:ui/conversation/in-message-error","t":"In Message Error","d":"An accessible per-message error/retry block rendered inline on a failed assistant message ","s":"localmode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"localmode:ui/data-documents/file-dropzone","t":"File Dropzone","d":"A generic, format-agnostic drag-and-drop + click-to-browse upload zone for non-image files","s":"localmode","c":"inputs/file-upload","hc":1},{"id":"localmode:ui/data-documents/indexed-document-card","t":"Indexed Document Card","d":"A card for a single locally-indexed document: truncated filename (native tooltip), chunk c","s":"localmode","c":"data-display/card","hc":1},{"id":"localmode:ui/data-documents/format-detection-badge","t":"Format Detection Badge","d":"A small badge displaying an auto-detected data format (PINECONE / CHROMA / CSV / JSONL or ","s":"localmode","c":"data-display/badge","hc":1},{"id":"localmode:ui/data-documents/category-facet-list","t":"Category Facet List","d":"A domain-decoupled, filterable category facet (vertical list or horizontal pills) with per","s":"localmode","c":"data-display/list","hc":1},{"id":"localmode:ui/data-documents/chunk-boundary-visualizer","t":"Chunk Boundary Visualizer","d":"Visualizes a document split into distinct chunks: alternating accent-background segments e","s":"localmode","c":"inputs/form-field","hc":1},{"id":"localmode:ui/input-controls/char-limit-indicator","t":"Char Limit Indicator","d":"A radial progress ring + n/MAX monospace counter that turns error-colored when over the li","s":"localmode","c":"inputs/form-field","hc":1},{"id":"localmode:ui/input-controls/mask-token-input","t":"Mask Token Input","d":"A fill-mask / cloze textarea that detects a configurable mask token (default [MASK]), show","s":"localmode","c":"inputs/tag-input","hc":1},{"id":"localmode:ui/input-controls/segmented-mode-picker","t":"Segmented Mode Picker","d":"A pill toggle for 2–4 mutually-exclusive named modes (ring-bordered container, active item","s":"localmode","c":"navigation/tabs","hc":1},{"id":"localmode:ui/input-controls/language-pair-selector","t":"Language Pair Selector","d":"A paired source/target language picker — From/To pill toggles with flag + name + a swap bu","s":"localmode","c":"inputs/form-field","hc":1},{"id":"localmode:ui/input-controls/text-processing-panel","t":"Text Processing Panel","d":"A two-column (stacked on mobile) single-input → single-output NLP shell: labeled textarea ","s":"localmode","c":"data-display/card","hc":1},{"id":"localmode:ui/input-controls/parameter-slider","t":"Parameter Slider","d":"An inline range slider with a live value readout for reversible adjustment of a local gene","s":"localmode","c":"inputs/slider","hc":1},{"id":"localmode:ui/input-controls/slash-command-palette","t":"Slash Command Palette","d":"A '/'-triggered command palette over a local tool/command list — name, category, descripti","s":"localmode","c":"navigation/command-palette","hc":1},{"id":"localmode:ui/input-controls/option-list","t":"Option List","d":"An inline multi-choice selection list (shows 5–7 options then paginates) for human-in-the-","s":"localmode","c":"data-display/list","hc":1},{"id":"localmode:ui/input-controls/prompt-enhance-button","t":"Prompt Enhance Button","d":"A one-click 'enhance my prompt' control that hands the user's draft to a local model (via ","s":"localmode","c":"ai-agent/composer","hc":1},{"id":"localmode:ui/input-controls/copy-button","t":"Copy Button","d":"A copy-to-clipboard button that shows a 2-second Copied confirmation, disables itself when","s":"localmode","c":"actions/copy-button","hc":1},{"id":"localmode:ui/input-controls/system-prompt-editor","t":"System Prompt Editor","d":"A controlled system-prompt editor (value in, onChange out) with quick-pick presets compose","s":"localmode","c":"ai-agent/composer","hc":1},{"id":"localmode:ui/local-first/model-downloader","t":"Model Downloader","d":"The headline local-first card a user sees while a model loads on-device: model name, size,","k":"section","s":"localmode","c":"marketing/comparison","hc":1},{"id":"localmode:ui/local-first/model-selector","t":"Model Selector","d":"A device-aware model picker: a list grouped by category, backend filter chips (WebGPU/ONNX","s":"localmode","c":"inputs/select","hc":1},{"id":"localmode:ui/local-first/capability-gate","t":"Capability Gate","d":"A true gate: renders its children only when the device meets a stated requirement (e.g. re","s":"localmode","c":"data-display/stat","hc":1},{"id":"localmode:ui/local-first/storage-meter","t":"Storage Meter","d":"Shows origin/IndexedDB storage usage against quota as a meter, with a warning state past a","s":"localmode","c":"data-viz/gauge","hc":1},{"id":"localmode:ui/local-first/network-badge","t":"Network Badge","d":"A reactive online/offline indicator (NetworkBadge) sourced from useNetworkStatus, plus an ","s":"localmode","c":"data-display/badge","hc":1},{"id":"localmode:ui/local-first/cache-badge","t":"Cache Badge","d":"Annotates a result as served from the semantic cache, optionally with the hit latency (e.g","s":"localmode","c":"data-display/badge","hc":1},{"id":"localmode:ui/local-first/device-capability-grid","t":"Device Capability Grid","d":"The expanded sibling of DeviceBadge: a full device-capability diagnostic card reading useC","k":"section","s":"localmode","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"localmode:ui/local-first/browser-compat-card","t":"Browser Compat Card","d":"A per-model runnability report for the current device — the feasibility check you want bef","s":"localmode","c":"data-display/card","hc":1},{"id":"localmode:ui/local-first/provider-fallback-badge","t":"Provider Fallback Badge","d":"Surfaces the active AI backend tier — a zero-download built-in (Chrome AI) vs a model-down","s":"localmode","c":"data-display/badge","sb":"Labels","hc":1},{"id":"localmode:ui/local-first/context-usage-meter","t":"Context Usage Meter","d":"A token / context-window budget meter (with composable Context/ContextTrigger/ContextConte","s":"localmode","c":"data-viz/gauge","hc":1},{"id":"localmode:ui/local-first/model-catalog-card","t":"Model Catalog Card","d":"A rich tile for a single model catalog entry (wllama/webllm/transformers/litert/mediapipe ","s":"localmode","c":"data-display/card","hc":1},{"id":"localmode:ui/local-first/model-loading-panel","t":"Model Loading Panel","d":"A full-height \"waiting for model\" splash — the richer blocking sibling of ModelDownloader ","s":"localmode","c":"status/loader","hc":1},{"id":"localmode:ui/local-first/model-metadata-card","t":"Model Metadata Card","d":"A structured key-value grid of parsed model metadata (GGUFMetadataCard, with a ModelMetada","s":"localmode","c":"data-display/card","hc":1},{"id":"localmode:ui/local-first/model-recommendation-card","t":"Model Recommendation Card","d":"A single scored recommendation: a radial score dial (0–100), the model name, a monospace m","s":"localmode","c":"data-display/card","hc":1},{"id":"localmode:ui/local-first/model-search-browser","t":"Model Search Browser","d":"A cmdk-based searchable model-repo browser: a controlled search input, a sort selector (do","s":"localmode","c":"inputs/search","hc":1},{"id":"localmode:ui/local-first/model-comparison-panel","t":"Model Comparison Panel","d":"A side-by-side comparison of two scored entries with labeled rows (Score, Size, Speed, Qua","k":"section","s":"localmode","c":"marketing/comparison","hc":1},{"id":"localmode:ui/local-first/adaptive-batch-card","t":"Adaptive Batch Card","d":"Surfaces useAdaptiveBatchSize output: a prominent computed optimal batch number, a hardwar","s":"localmode","c":"data-display/card","hc":1},{"id":"localmode:ui/local-first/vector-storage-observability","t":"Vector Storage Observability","d":"VectorDB observability complementing StorageMeter (quota): a compression-stats badge (SQ8 ","s":"localmode","c":"inputs/search","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"localmode:ui/local-first/embedding-drift-banner","t":"Embedding Drift Banner","d":"A warning panel shown when the active embedding model is incompatible with vectors already","s":"localmode","c":"overlays/alert-banner","hc":1},{"id":"localmode:ui/local-first/vector-export-panel","t":"Vector Export Panel","d":"An export surface for vector data — the counterpart to VectorImportFlow: a record/dimensio","s":"localmode","c":"data-display/card","hc":1},{"id":"localmode:ui/local-first/vector-import-flow","t":"Vector Import Flow","d":"A guarded vector-import flow for useImportExport: a preview panel (detected-format badge, ","s":"localmode","c":"overlays/dialog","hc":1},{"id":"localmode:ui/local-first/semantic-cache-status-bar","t":"Semantic Cache Status Bar","d":"A compact toolbar row for useSemanticCache complementing CacheBadge: entry count, hit-rate","s":"localmode","c":"actions/switch","hc":1},{"id":"localmode:ui/local-first/provider-badge","t":"Provider Badge","d":"Displays the RESOLVED provider identity - composing ProviderFallbackBadge for the tier and","s":"localmode","c":"data-display/badge","sb":"Labels","hc":1},{"id":"localmode:ui/local-first/chrome-ai-download-gate","t":"Chrome AI Download Gate","d":"The gate a user sees when a Chrome Built-in AI capability exists but its on-device model h","s":"localmode","c":"ai-agent/ai-agent","hc":1},{"id":"localmode:ui/media-vision/media-dropzone","t":"Media Dropzone","d":"A drag-and-drop + click-to-browse image upload zone with idle / drag-over / processing sta","s":"localmode","c":"inputs/file-upload","hc":1},{"id":"localmode:ui/media-vision/bounding-box-overlay","t":"Bounding Box Overlay","d":"Color-coded detection boxes (with a companion DetectionLabelLegend) positioned over an ima","s":"localmode","c":"media/gallery","hc":1},{"id":"localmode:ui/media-vision/before-after-image-viewer","t":"Before / After Image Viewer","d":"Compare an original image with a transformed result — a two-panel grid with checkerboard t","s":"localmode","c":"media/gallery","hc":1},{"id":"localmode:ui/media-vision/image-processing-overlay","t":"Image Processing Overlay","d":"A full-bleed overlay over a dimmed source image while vision inference runs — spinner ring","s":"localmode","c":"media/gallery","hc":1},{"id":"localmode:ui/media-vision/video-canvas","t":"Video Canvas","d":"A mirrored 16:9 webcam surface — a video element with a pixel-aligned transparent canvas o","s":"localmode","c":"media/player","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"localmode:ui/media-vision/image-result-gallery","t":"Image Result Gallery","d":"A responsive grid / list of image result cards sharing one data contract — in-flight overl","s":"localmode","c":"media/gallery","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"localmode:ui/media-vision/use-webcam","t":"useWebcam","d":"A React hook that owns a getUserMedia video stream: start() acquires (or re-acquires after","k":"lib","s":"localmode","c":"lib/hook","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"localmode:ui/results/confidence-score-badge","t":"Confidence Score Badge","d":"Maps a 0–1 score to a semantic color tier (configurable thresholds; default high ≥ 0.8 suc","s":"localmode","c":"data-display/badge","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"localmode:ui/results/scored-result-bar-list","t":"Scored Result Bar List","d":"A ranked vertical list of {label, score} pairs — each row shows the label, a confidence pe","s":"localmode","c":"data-display/list","hc":1},{"id":"localmode:ui/results/top-result-card","t":"Top Result Card","d":"A hero card highlighting the single winning classification result — large label, prominent","s":"localmode","c":"data-display/card","tg":["gradient","neon"],"sy":["gradient","neon"],"hc":1},{"id":"localmode:ui/results/cosine-similarity-meter","t":"Cosine Similarity Meter","d":"A display card showing a cosine similarity (0–1) as a large numeric value with a human-rea","s":"localmode","c":"data-viz/gauge","hc":1},{"id":"localmode:ui/results/editable-label-set","t":"Editable Label Set","d":"An editable set of color-cycling removable chips managing a candidate-label list (zero-sho","s":"localmode","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"localmode:ui/results/entity-stats-bar","t":"Entity Stats Bar","d":"A horizontal stats bar showing the total detected-entity count plus per-type breakdown bad","s":"localmode","c":"data-display/stat","hc":1},{"id":"localmode:ui/results/redacted-text-display","t":"Redacted Text Display","d":"An inline-annotated text renderer interleaving plain text with color-coded redaction token","k":"motion","s":"localmode","c":"motion/text-effect","hc":1},{"id":"localmode:ui/results/evaluation-metrics-dashboard","t":"Evaluation Metrics Dashboard","d":"A composite evaluation dashboard: a KPI/stat-tile row (value + delta), a grid of metric ca","k":"layout","s":"localmode","c":"layout/dashboard","hc":1},{"id":"localmode:ui/results/entity-relationship-graph","t":"Entity Relationship Graph","d":"An interactive force-directed graph of typed nodes + relationship-labeled edges with drag ","s":"localmode","c":"data-viz/chart","hc":1},{"id":"localmode:ui/results/threshold-calibration-panel","t":"Threshold Calibration Panel","d":"A presentational panel for similarity-threshold calibration results: the empirically calib","s":"localmode","c":"data-display/card","tg":["playful"],"sy":["playful"],"hc":1},{"id":"localmode:ui/results/error-alert","t":"Error Alert","d":"A compact, dismissible error surface with an optional retry action - a role=alert region s","s":"localmode","c":"overlays/alert-banner","hc":1},{"id":"localmode:ui/results/mode-error-boundary","t":"Mode Error Boundary","d":"A React error boundary that isolates a render failure in its subtree: it catches the error","s":"localmode","c":"overlays/alert-banner","hc":1},{"id":"localmode:ui/security-privacy/password-strength-bar","t":"Password Strength Bar","d":"A presentational password/passphrase strength meter — a themed bar + label driven by a cal","s":"localmode","c":"inputs/form-field","sb":"Password","hc":1},{"id":"localmode:ui/security-privacy/differential-privacy-controls","t":"Differential Privacy Controls","d":"A collapsible DP settings panel (enable toggle, epsilon slider with derived High/Balanced/","k":"layout","s":"localmode","c":"flows/settings","hc":1},{"id":"localmode:ui/security-privacy/passphrase-gate","t":"Passphrase Gate","d":"A controlled passphrase screen with create and unlock modes: create renders passphrase + c","s":"localmode","c":"overlays/dialog","hc":1},{"id":"localmode:ui/security-privacy/vault-item-card","t":"Vault Item Card","d":"A lock-state-aware card for an encrypted note or text document: locked renders a masked bo","s":"localmode","c":"data-display/list","hc":1},{"id":"localmode:ui/security-privacy/lock-status-badge","t":"Lock Status Badge","d":"A compact session-lock indicator accepting a status of locked, unlocked, or no-vault, with","s":"localmode","c":"data-display/badge","sb":"Status","hc":1},{"id":"localmode:ui/devtools/inference-queue-monitor","t":"Inference Queue Monitor","d":"Per-queue inference observability: one card per registered queue showing pending, active, ","s":"localmode","c":"data-display/badge","hc":1},{"id":"localmode:ui/devtools/event-log-viewer","t":"Event Log Viewer","d":"Newest-first devtools event log: relative timestamps (absolute on hover), namespace-colore","s":"localmode","c":"data-display/timeline","hc":1},{"id":"localmode:ui/devtools/pipeline-run-inspector","t":"Pipeline Run Inspector","d":"Per-run pipeline observability cards: status badge (running pulses on primary, completed e","s":"localmode","c":"data-display/timeline","hc":1},{"id":"localmode:ui/devtools/model-cache-table","t":"Model Cache Table","d":"Cached-model observability table: model ID (monospace, truncated), status badge (loaded/lo","s":"localmode","c":"data-display/table","hc":1},{"id":"localmode:ui/blocks/chat","t":"Chat Block","d":"The flagship on-device chat: a 76-model multi-provider selector (transformers, WebLLM, wll","s":"localmode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"localmode:ui/blocks/devtools-drawer","t":"DevTools Drawer Block","d":"A global on-device observability drawer: six tabbed surfaces (inference queues, event log,","s":"localmode","c":"overlays/sheet","hc":1},{"id":"localmode:ui/blocks/vision/object-detector","t":"Object Detector Block","d":"One-shot DETR (Xenova/detr-resnet-50) object detection on an uploaded image, the bundled s","s":"localmode","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"localmode:ui/blocks/vision/live-tracker","t":"Live Tracker Block","d":"Real-time MediaPipe streaming trackers on live webcam video — one 4-mode block: Hands (21-","s":"localmode","c":"actions/switch","tg":["gradient"],"sb":"Theme toggles","sy":["gradient"],"hc":1},{"id":"localmode:ui/blocks/audio/audio-classifier","t":"Audio Classifier Block","d":"MediaPipe YAMNet (521 environmental sound categories) top-8 classification of a microphone","s":"localmode","c":"media/player","hc":1},{"id":"localmode:ui/blocks/text/language-detector","t":"Language Detector Block","d":"Debounced (400 ms) automatic language detection across 110 languages (up to five candidate","k":"motion","s":"localmode","c":"motion/text-effect","hc":1},{"id":"localmode:ui/blocks/image-studio/background-remover","t":"Background Remover Block","d":"Remove an image's background entirely on-device: SegFormer (Xenova/segformer-b0-finetuned-","k":"motion","s":"localmode","c":"motion/background","sb":"Image and video","hc":1},{"id":"localmode:ui/blocks/image-studio/image-enhancer","t":"Image Enhancer Block","d":"Upscale and restore photos with Swin2SR super-resolution running fully in the browser — a ","s":"localmode","c":"media/gallery","hc":1},{"id":"localmode:ui/blocks/image-studio/image-captioner","t":"Image Captioner Block","d":"Generate alt-text captions for images with ViT-GPT2 (Xenova/vit-gpt2-image-captioning, ~23","s":"localmode","c":"media/gallery","hc":1},{"id":"localmode:ui/blocks/privacy/pii-redactor","t":"PII Redactor Block","d":"Detect PII with on-device NER (Xenova/bert-base-NER, BIO prefixes stripped, low-confidence","s":"localmode","c":"data-viz/chart","hc":1},{"id":"localmode:ui/blocks/privacy/encrypted-vault","t":"Encrypted Vault Block","d":"A passphrase-locked, end-to-end encrypted item store driven by useEncryptedVault — AES-GCM","s":"localmode","c":"data-display/list","hc":1},{"id":"localmode:ui/blocks/writing-tools/write","t":"Write Block","d":"A draft editor with live length feedback, preset and free-text edit instructions with prom","k":"motion","s":"localmode","c":"motion/text-effect","sb":"Handwriting and SVG","hc":1},{"id":"localmode:ui/blocks/writing-tools/translate","t":"Translate Block","d":"Translate across 24 directed offline Opus-MT language pairs (English-centric, every model ","k":"motion","s":"localmode","c":"motion/text-effect","sb":"Handwriting and SVG","hc":1},{"id":"localmode:ui/blocks/writing-tools/summarize","t":"Summarize Block","d":"Summarize a document with extractive and abstractive modes and short/medium/long length pr","k":"motion","s":"localmode","c":"motion/text-effect","sb":"Handwriting and SVG","hc":1},{"id":"localmode:ui/blocks/writing-tools/complete","t":"Complete Block","d":"Fill-mask word prediction via ModernBERT (top-5) with [MASK] authoring, ranked predictions","k":"motion","s":"localmode","c":"motion/text-effect","sb":"Handwriting and SVG","hc":1},{"id":"localmode:ui/blocks/text-insights/sentiment-analyzer","t":"Sentiment Analyzer Block","d":"Classify one text or thousands with DistilBERT SST-2 (one item per line, or a .txt/.csv fi","k":"motion","s":"localmode","c":"motion/text-effect","hc":1},{"id":"localmode:ui/blocks/text-insights/text-classifier","t":"Text Classifier Block","d":"Custom-label zero-shot classification with MobileBERT MNLI over a user-editable label set ","k":"motion","s":"localmode","c":"motion/text-effect","hc":1},{"id":"localmode:ui/blocks/text-insights/model-evaluator","t":"Model Evaluator Block","d":"Evaluate a selected classifier over a selected labeled dataset via useEvaluateModel, repor","k":"motion","s":"localmode","c":"motion/text-effect","hc":1},{"id":"localmode:ui/blocks/text-insights/threshold-calibrator","t":"Threshold Calibrator Block","d":"Calibrate a similarity threshold from corpus embeddings via useCalibrateThreshold at perce","k":"motion","s":"localmode","c":"motion/text-effect","hc":1},{"id":"localmode:ui/blocks/agents/research-agent","t":"Research Agent Block","d":"A tool-using ReAct research agent over its OWN on-device WebGPU-only WebLLM model (default","s":"localmode","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"localmode:ui/blocks/agents/data-extractor","t":"Data Extractor Block","d":"Schema-validated structured-data extraction from free text over its OWN on-device WebGPU-o","s":"localmode","c":"ai-agent/ai-agent","hc":1},{"id":"localmode:ui/blocks/device/device-report","t":"Device Report Block","d":"A zero-download device capability report rendered entirely from browser APIs (useCapabilit","k":"section","s":"localmode","c":"marketing/features","hc":1},{"id":"localmode:ui/blocks/device/model-advisor","t":"Model Advisor Block","d":"Ranked on-device model recommendations that compute their OWN device context via useCapabi","s":"localmode","c":"data-display/card","hc":1},{"id":"localmode:ui/blocks/device/gguf-explorer","t":"GGUF Explorer Block","d":"Browse 160,000+ HuggingFace GGUF models and the curated wllama catalog, inspect any file's","s":"localmode","c":"inputs/slider","hc":1},{"id":"localmode:ui/blocks/knowledge/semantic-search","t":"Semantic Search Block","d":"Full text/PDF/OCR ingest into its OWN corpus with off/recursive/semantic chunking and a li","s":"localmode","c":"inputs/search","hc":1},{"id":"localmode:ui/blocks/knowledge/document-qa","t":"Document QA Block","d":"Extractive question answering (Xenova/distilbert-base-cased-distilled-squad, grounding cor","s":"localmode","c":"inputs/search","hc":1},{"id":"localmode:ui/blocks/knowledge/rag-chat","t":"RAG Chat Block","d":"Streaming grounded RAG over its OWN text/PDF corpus — token-by-token answers through the e","s":"localmode","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"localmode:ui/blocks/knowledge/vector-data-manager","t":"Vector Data Manager Block","d":"Four-format vector import (Pinecone/ChromaDB/CSV/JSONL + native JSON) with auto format-det","s":"localmode","c":"overlays/alert-banner","hc":1},{"id":"localmode:ui/blocks/photo/smart-gallery","t":"Smart Gallery Block","d":"Adaptive, device-aware CLIP photo ingest (streamEmbedManyImages at a computeOptimalBatchSi","s":"localmode","c":"media/gallery","hc":1},{"id":"localmode:ui/blocks/photo/image-search","t":"Image Search Block","d":"Text→image AND image→image search over one shared CLIP vector space — embed a free-text qu","s":"localmode","c":"inputs/search","hc":1},{"id":"localmode:ui/blocks/photo/duplicate-finder","t":"Duplicate Finder Block","d":"Union-find near-duplicate detection over cached CLIP image embeddings (no re-embedding) — ","s":"localmode","c":"media/gallery","hc":1},{"id":"localmode:ui/blocks/photo/photo-categorizer","t":"Photo Categorizer Block","d":"Editable-label-set categorization with Photo/Product presets, on-device library re-categor","s":"localmode","c":"media/gallery","hc":1},{"id":"localmode:ui/blocks/audio/voice-notes","t":"Voice Notes Block","d":"Record (push-to-talk from a selectable mic) or upload audio → Whisper/Moonshine transcript","s":"localmode","c":"media/player","hc":1},{"id":"localmode:ui/blocks/audio/live-transcription","t":"Live Transcription Block","d":"Open-mic streaming speech-to-text (useLiveTranscribe) with VAD-segmented utterances, plus ","s":"localmode","c":"media/player","hc":1},{"id":"localmode:ui/blocks/audio/meeting-assistant","t":"Meeting Assistant Block","d":"Audio upload OR pasted transcript → Transcribe → Summarize (DistilBART, maxLength 200 / mi","s":"localmode","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Voice","sy":["webgl"],"hc":1},{"id":"localmode:ui/blocks/audio/voice-explorer","t":"Voice Explorer Block","d":"Browse, search, preview, and A/B-compare all 29 Kokoro voices (grouped by language label; ","s":"localmode","c":"media/player","hc":1},{"id":"localmode:ui/blocks/audio/audiobook-reader","t":"Audiobook Reader Block","d":"Long-text streaming synthesis (useStreamSpeech) with early playback that begins before syn","s":"localmode","c":"media/player","hc":1},{"id":"logoforge:1password","t":"1Password logo","d":"1Password logo as a typed React component (Logo1password): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:adobe","t":"Adobe logo","d":"Adobe logo as a typed React component (AdobeLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Design and work","hc":1},{"id":"logoforge:adobe-after-effects","t":"Adobe After Effects logo","d":"Adobe After Effects logo as a typed React component (AdobeAfterEffectsLogo): color, mono, ","k":"resource","s":"logoforge","c":"assets/logo","sb":"Design and work","hc":1},{"id":"logoforge:adobe-illustrator","t":"Adobe Illustrator logo","d":"Adobe Illustrator logo as a typed React component (AdobeIllustratorLogo): color, mono, aut","k":"resource","s":"logoforge","c":"assets/logo","sb":"Design and work","hc":1},{"id":"logoforge:adobe-indesign","t":"Adobe InDesign logo","d":"Adobe InDesign logo as a typed React component (AdobeIndesignLogo): color, mono, auto dark","k":"resource","s":"logoforge","c":"assets/logo","sb":"Design and work","hc":1},{"id":"logoforge:adobe-lightroom","t":"Adobe Lightroom logo","d":"Adobe Lightroom logo as a typed React component (AdobeLightroomLogo): color, mono, auto da","k":"resource","s":"logoforge","c":"assets/logo","sb":"Design and work","hc":1},{"id":"logoforge:adobe-photoshop","t":"Adobe Photoshop logo","d":"Adobe Photoshop logo as a typed React component (AdobePhotoshopLogo): color, mono, auto da","k":"resource","s":"logoforge","c":"assets/logo","sb":"Design and work","hc":1},{"id":"logoforge:adobe-premiere","t":"Adobe Premiere logo","d":"Adobe Premiere logo as a typed React component (AdobePremiereLogo): color, mono, auto dark","k":"resource","s":"logoforge","c":"assets/logo","sb":"Design and work","hc":1},{"id":"logoforge:adobe-xd","t":"Adobe Xd logo","d":"Adobe Xd logo as a typed React component (AdobeXdLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Design and work","hc":1},{"id":"logoforge:adonisjs","t":"AdonisJS logo","d":"AdonisJS logo as a typed React component (AdonisjsLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:adyen","t":"Adyen logo","d":"Adyen logo as a typed React component (AdyenLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:airbnb","t":"Airbnb logo","d":"Airbnb logo as a typed React component (AirbnbLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:airbrake","t":"Airbrake logo","d":"Airbrake logo as a typed React component (AirbrakeLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:airtable","t":"Airtable logo","d":"Airtable logo as a typed React component (AirtableLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Design and work","hc":1},{"id":"logoforge:airtel","t":"Airtel logo","d":"Airtel logo as a typed React component (AirtelLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:akamai","t":"Akamai logo","d":"Akamai logo as a typed React component (AkamaiLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:algolia","t":"Algolia logo","d":"Algolia logo as a typed React component (AlgoliaLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:algorand","t":"Algorand logo","d":"Algorand logo as a typed React component (AlgorandLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:alibaba-cloud","t":"Alibaba Cloud logo","d":"Alibaba Cloud logo as a typed React component (AlibabaCloudLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:alipay","t":"Alipay logo","d":"Alipay logo as a typed React component (AlipayLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:alpine-linux","t":"Alpine Linux logo","d":"Alpine Linux logo as a typed React component (AlpineLinuxLogo): color, mono, auto dark mod","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:alpinejs","t":"Alpine.js logo","d":"Alpine.js logo as a typed React component (AlpinejsLogo): color, mono, auto dark mode, wor","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:amd","t":"AMD logo","d":"AMD logo as a typed React component (AmdLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:amex","t":"American Express logo","d":"American Express logo as a typed React component (AmexLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Payments","hc":1},{"id":"logoforge:amp","t":"AMP logo","d":"AMP logo as a typed React component (AmpLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:amplitude","t":"Amplitude logo","d":"Amplitude logo as a typed React component (AmplitudeLogo): color, mono, auto dark mode, wo","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:analog","t":"Analog logo","d":"Analog logo as a typed React component (AnalogLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"logoforge:andela","t":"Andela logo","d":"Andela logo as a typed React component (AndelaLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:android","t":"Android logo","d":"Android logo as a typed React component (AndroidLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:android-studio","t":"Android Studio logo","d":"Android Studio logo as a typed React component (AndroidStudioLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:angular","t":"Angular logo","d":"Angular logo as a typed React component (AngularLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:ansible","t":"Ansible logo","d":"Ansible logo as a typed React component (AnsibleLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ant-design","t":"Ant Design logo","d":"Ant Design logo as a typed React component (AntDesignLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:anthropic","t":"Anthropic logo","d":"Anthropic logo as a typed React component (AnthropicLogo): color, mono, auto dark mode, wo","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:antigravity","t":"Antigravity logo","d":"Antigravity logo as a typed React component (AntigravityLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:apache-http","t":"Apache HTTP Server logo","d":"Apache HTTP Server logo as a typed React component (ApacheHttpLogo): color, mono, auto dar","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:apache-superset","t":"Superset logo","d":"Superset logo as a typed React component (ApacheSupersetLogo): color, mono, auto dark mode","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:apidog","t":"Apidog logo","d":"Apidog logo as a typed React component (ApidogLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"logoforge:apollo-graphql","t":"Apollo GraphQL logo","d":"Apollo GraphQL logo as a typed React component (ApolloGraphqlLogo): color, mono, auto dark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:appdynamics","t":"AppDynamics logo","d":"AppDynamics logo as a typed React component (AppdynamicsLogo): color, mono, auto dark mode","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:appium","t":"Appium logo","d":"Appium logo as a typed React component (AppiumLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:apple","t":"Apple logo","d":"Apple logo as a typed React component (AppleLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:apple-pay","t":"Apple Pay logo","d":"Apple Pay logo as a typed React component (ApplePayLogo): color, mono, auto dark mode, wor","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:applemusic","t":"Apple Music logo","d":"Apple Music logo as a typed React component (ApplemusicLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:applitools","t":"Applitools logo","d":"Applitools logo as a typed React component (ApplitoolsLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:appsignal","t":"AppSignal logo","d":"AppSignal logo as a typed React component (AppsignalLogo): color, mono, auto dark mode, wo","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:appstore","t":"App Store logo","d":"App Store logo as a typed React component (AppstoreLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:appveyor","t":"AppVeyor logo","d":"AppVeyor logo as a typed React component (AppveyorLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:appwrite","t":"Appwrite logo","d":"Appwrite logo as a typed React component (AppwriteLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:arangodb","t":"ArangoDB logo","d":"ArangoDB logo as a typed React component (ArangodbLogo): color, mono, auto dark mode, word","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:arc","t":"Arc logo","d":"Arc logo as a typed React component (ArcLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:archlinux","t":"Arch Linux logo","d":"Arch Linux logo as a typed React component (ArchlinuxLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:arduino","t":"Arduino logo","d":"Arduino logo as a typed React component (ArduinoLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:argo","t":"Argo logo","d":"Argo logo as a typed React component (ArgoLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:arm","t":"Arm logo","d":"Arm logo as a typed React component (ArmLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:asana","t":"Asana logo","d":"Asana logo as a typed React component (AsanaLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Design and work","hc":1},{"id":"logoforge:assemblyscript","t":"AssemblyScript logo","d":"AssemblyScript logo as a typed React component (AssemblyscriptLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:astro","t":"Astro logo","d":"Astro logo as a typed React component (AstroLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:atlassian","t":"Atlassian logo","d":"Atlassian logo as a typed React component (AtlassianLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:atom","t":"Atom logo","d":"Atom logo as a typed React component (AtomLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:aurelia","t":"Aurelia logo","d":"Aurelia logo as a typed React component (AureliaLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:auth0","t":"Auth0 logo","d":"Auth0 logo as a typed React component (Auth0Logo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:authentik","t":"Authentik logo","d":"Authentik logo as a typed React component (AuthentikLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:authy","t":"Authy logo","d":"Authy logo as a typed React component (AuthyLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ava","t":"Ava logo","d":"Ava logo as a typed React component (AvaLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:aws","t":"AWS logo","d":"AWS logo as a typed React component (AwsLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:aws-amplify","t":"AWS Amplify logo","d":"AWS Amplify logo as a typed React component (AwsAmplifyLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:aws-api-gateway","t":"AWS API Gateway logo","d":"AWS API Gateway logo as a typed React component (AwsApiGatewayLogo): color, mono, auto dar","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:aws-cloudfront","t":"AWS CloudFront logo","d":"AWS CloudFront logo as a typed React component (AwsCloudfrontLogo): color, mono, auto dark","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:aws-cloudwatch","t":"AWS CloudWatch logo","d":"AWS CloudWatch logo as a typed React component (AwsCloudwatchLogo): color, mono, auto dark","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:aws-cognito","t":"AWS Cognito logo","d":"AWS Cognito logo as a typed React component (AwsCognitoLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:aws-dynamodb","t":"AWS DynamoDB logo","d":"AWS DynamoDB logo as a typed React component (AwsDynamodbLogo): color, mono, auto dark mod","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:aws-ec2","t":"AWS EC2 logo","d":"AWS EC2 logo as a typed React component (AwsEc2Logo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:aws-ecs","t":"AWS ECS logo","d":"AWS ECS logo as a typed React component (AwsEcsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:aws-eks","t":"AWS EKS logo","d":"AWS EKS logo as a typed React component (AwsEksLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:aws-elastic-beanstalk","t":"AWS Elastic Beanstalk logo","d":"AWS Elastic Beanstalk logo as a typed React component (AwsElasticBeanstalkLogo): color, mo","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:aws-fargate","t":"AWS Fargate logo","d":"AWS Fargate logo as a typed React component (AwsFargateLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:aws-iam","t":"AWS IAM logo","d":"AWS IAM logo as a typed React component (AwsIamLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:aws-lambda","t":"AWS Lambda logo","d":"AWS Lambda logo as a typed React component (AwsLambdaLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:aws-lightsail","t":"AWS Lightsail logo","d":"AWS Lightsail logo as a typed React component (AwsLightsailLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:aws-rds","t":"AWS RDS logo","d":"AWS RDS logo as a typed React component (AwsRdsLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:aws-route53","t":"AWS Route 53 logo","d":"AWS Route 53 logo as a typed React component (AwsRoute53Logo): color, mono, auto dark mode","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:aws-s3","t":"AWS S3 logo","d":"AWS S3 logo as a typed React component (AwsS3Logo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:aws-sns","t":"AWS SNS logo","d":"AWS SNS logo as a typed React component (AwsSnsLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:aws-sqs","t":"AWS SQS logo","d":"AWS SQS logo as a typed React component (AwsSqsLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:axios","t":"Axios logo","d":"Axios logo as a typed React component (AxiosLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:babel","t":"Babel logo","d":"Babel logo as a typed React component (BabelLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:babylonjs","t":"Babylon.js logo","d":"Babylon.js logo as a typed React component (BabylonjsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:backblaze","t":"Backblaze logo","d":"Backblaze logo as a typed React component (BackblazeLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:backbone","t":"Backbone logo","d":"Backbone logo as a typed React component (BackboneLogo): color, mono, auto dark mode, word","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:bamboo","t":"Bamboo logo","d":"Bamboo logo as a typed React component (BambooLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:base-ui","t":"Base UI logo","d":"Base UI logo as a typed React component (BaseUiLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:basecamp","t":"Basecamp logo","d":"Basecamp logo as a typed React component (BasecampLogo): color, mono, auto dark mode, word","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:bash","t":"Bash logo","d":"Bash logo as a typed React component (BashLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:behance","t":"Behance logo","d":"Behance logo as a typed React component (BehanceLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:bento","t":"Bento logo","d":"Bento logo as a typed React component (BentoLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:better-auth","t":"Better Auth logo","d":"Better Auth logo as a typed React component (BetterAuthLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:better-stack","t":"Better Stack logo","d":"Better Stack logo as a typed React component (BetterStackLogo): color, mono, auto dark mod","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:bigcommerce","t":"BigCommerce logo","d":"BigCommerce logo as a typed React component (BigcommerceLogo): color, mono, auto dark mode","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:binance","t":"Binance logo","d":"Binance logo as a typed React component (BinanceLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Crypto","hc":1},{"id":"logoforge:biomejs","t":"Biome logo","d":"Biome logo as a typed React component (BiomejsLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:bitbucket","t":"Bitbucket logo","d":"Bitbucket logo as a typed React component (BitbucketLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:bitcoin","t":"Bitcoin logo","d":"Bitcoin logo as a typed React component (BitcoinLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Crypto","hc":1},{"id":"logoforge:bitrise","t":"Bitrise logo","d":"Bitrise logo as a typed React component (BitriseLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:bitwarden","t":"Bitwarden logo","d":"Bitwarden logo as a typed React component (BitwardenLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:blender","t":"Blender logo","d":"Blender logo as a typed React component (BlenderLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:blueprint","t":"Blueprint logo","d":"Blueprint logo as a typed React component (BlueprintLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:bluesky","t":"Bluesky logo","d":"Bluesky logo as a typed React component (BlueskyLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:bolt","t":"Bolt logo","d":"Bolt logo as a typed React component (BoltLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:bootstrap","t":"Bootstrap logo","d":"Bootstrap logo as a typed React component (BootstrapLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:bower","t":"Bower logo","d":"Bower logo as a typed React component (BowerLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:box","t":"Box logo","d":"Box logo as a typed React component (BoxLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:brackets","t":"Brackets logo","d":"Brackets logo as a typed React component (BracketsLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:braintree","t":"Braintree logo","d":"Braintree logo as a typed React component (BraintreeLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:brave","t":"Brave logo","d":"Brave logo as a typed React component (BraveLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:brevo","t":"Brevo logo","d":"Brevo logo as a typed React component (BrevoLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:browserify","t":"Browserify logo","d":"Browserify logo as a typed React component (BrowserifyLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:browserstack","t":"BrowserStack logo","d":"BrowserStack logo as a typed React component (BrowserstackLogo): color, mono, auto dark mo","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:bruno","t":"Bruno logo","d":"Bruno logo as a typed React component (BrunoLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:bubble","t":"Bubble logo","d":"Bubble logo as a typed React component (BubbleLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:bugsnag","t":"Bugsnag logo","d":"Bugsnag logo as a typed React component (BugsnagLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:builder-io","t":"Builder logo","d":"Builder logo as a typed React component (BuilderIoLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:buildkite","t":"Buildkite logo","d":"Buildkite logo as a typed React component (BuildkiteLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:bulma","t":"Bulma logo","d":"Bulma logo as a typed React component (BulmaLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:bun","t":"Bun logo","d":"Bun logo as a typed React component (BunLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:bunny-net","t":"Bunny logo","d":"Bunny logo as a typed React component (BunnyNetLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:buy-me-a-coffee","t":"Buy Me A Coffee logo","d":"Buy Me A Coffee logo as a typed React component (BuyMeACoffeeLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:c","t":"C logo","d":"C logo as a typed React component (CLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:cachet","t":"Cachet logo","d":"Cachet logo as a typed React component (CachetLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:cakephp","t":"CakePHP logo","d":"CakePHP logo as a typed React component (CakephpLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:cal-com","t":"Cal.com logo","d":"Cal.com logo as a typed React component (CalComLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:calendly","t":"Calendly logo","d":"Calendly logo as a typed React component (CalendlyLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:capacitorjs","t":"Capacitor logo","d":"Capacitor logo as a typed React component (CapacitorjsLogo): color, mono, auto dark mode, ","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:cardano","t":"Cardano logo","d":"Cardano logo as a typed React component (CardanoLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:carrd","t":"Carrd logo","d":"Carrd logo as a typed React component (CarrdLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:cartesia","t":"Cartesia logo","d":"Cartesia logo as a typed React component (CartesiaLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:cassandra","t":"Cassandra logo","d":"Cassandra logo as a typed React component (CassandraLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:centos","t":"CentOS logo","d":"CentOS logo as a typed React component (CentosLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:certbot","t":"Certbot logo","d":"Certbot logo as a typed React component (CertbotLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:chai","t":"Chai logo","d":"Chai logo as a typed React component (ChaiLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:chainlink","t":"Chainlink logo","d":"Chainlink logo as a typed React component (ChainlinkLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:chakra-ui","t":"Chakra UI logo","d":"Chakra UI logo as a typed React component (ChakraUiLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:chargebee","t":"Chargebee logo","d":"Chargebee logo as a typed React component (ChargebeeLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:chartjs","t":"Chart.js logo","d":"Chart.js logo as a typed React component (ChartjsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:chef","t":"Chef logo","d":"Chef logo as a typed React component (ChefLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:chipper-cash","t":"Chipper Cash logo","d":"Chipper Cash logo as a typed React component (ChipperCashLogo): color, mono, auto dark mod","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:chromatic","t":"Chromatic logo","d":"Chromatic logo as a typed React component (ChromaticLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:chrome","t":"Chrome logo","d":"Chrome logo as a typed React component (ChromeLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:circleci","t":"CircleCI logo","d":"CircleCI logo as a typed React component (CircleciLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:cisco","t":"Cisco logo","d":"Cisco logo as a typed React component (CiscoLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:claude","t":"Claude logo","d":"Claude logo as a typed React component (ClaudeLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:claude-code","t":"Claude Code logo","d":"Claude Code logo as a typed React component (ClaudeCodeLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:clerk","t":"Clerk logo","d":"Clerk logo as a typed React component (ClerkLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:clickhouse","t":"ClickHouse logo","d":"ClickHouse logo as a typed React component (ClickhouseLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:clickup","t":"ClickUp logo","d":"ClickUp logo as a typed React component (ClickupLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:cline","t":"Cline logo","d":"Cline logo as a typed React component (ClineLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:clion","t":"CLion logo","d":"CLion logo as a typed React component (ClionLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:clojure","t":"Clojure logo","d":"Clojure logo as a typed React component (ClojureLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:cloudflare","t":"Cloudflare logo","d":"Cloudflare logo as a typed React component (CloudflareLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:cloudflare-pages","t":"Cloudflare Pages logo","d":"Cloudflare Pages logo as a typed React component (CloudflarePagesLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:cloudflare-workers","t":"Cloudflare Workers logo","d":"Cloudflare Workers logo as a typed React component (CloudflareWorkersLogo): color, mono, w","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:cloudinary","t":"Cloudinary logo","d":"Cloudinary logo as a typed React component (CloudinaryLogo): color, mono, auto dark mode, ","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:cockroachdb","t":"Cockroach Labs logo","d":"Cockroach Labs logo as a typed React component (CockroachdbLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:cocoapods","t":"CocoaPods logo","d":"CocoaPods logo as a typed React component (CocoapodsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:coda","t":"Coda logo","d":"Coda logo as a typed React component (CodaLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:codacy","t":"Codacy logo","d":"Codacy logo as a typed React component (CodacyLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:codeberg","t":"Codeberg logo","d":"Codeberg logo as a typed React component (CodebergLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:codecademy","t":"Codecademy logo","d":"Codecademy logo as a typed React component (CodecademyLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:codeception","t":"Codeception logo","d":"Codeception logo as a typed React component (CodeceptionLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:codeclimate","t":"Code Climate logo","d":"Code Climate logo as a typed React component (CodeclimateLogo): color, mono, auto dark mod","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:codecov","t":"Codecov logo","d":"Codecov logo as a typed React component (CodecovLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:codeigniter","t":"CodeIgniter logo","d":"CodeIgniter logo as a typed React component (CodeigniterLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:codepen","t":"Codepen logo","d":"Codepen logo as a typed React component (CodepenLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:coderabbit","t":"CodeRabbit logo","d":"CodeRabbit logo as a typed React component (CoderabbitLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:codesandbox","t":"CodeSandbox logo","d":"CodeSandbox logo as a typed React component (CodesandboxLogo): color, mono, auto dark mode","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:codesignal","t":"CodeSignal logo","d":"CodeSignal logo as a typed React component (CodesignalLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:codewars","t":"Codewars logo","d":"Codewars logo as a typed React component (CodewarsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:codex","t":"Codex logo","d":"Codex logo as a typed React component (CodexLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:coding-dojo","t":"Coding Dojo logo","d":"Coding Dojo logo as a typed React component (CodingDojoLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:coffeescript","t":"CoffeeScript logo","d":"CoffeeScript logo as a typed React component (CoffeescriptLogo): color, mono, auto dark mo","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:coinbase","t":"Coinbase logo","d":"Coinbase logo as a typed React component (CoinbaseLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Crypto","hc":1},{"id":"logoforge:commitizen","t":"Commitizen logo","d":"Commitizen logo as a typed React component (CommitizenLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:compose-multiplatform","t":"Compose Multiplatform logo","d":"Compose Multiplatform logo as a typed React component (ComposeMultiplatformLogo): color, m","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:composer","t":"Composer logo","d":"Composer logo as a typed React component (ComposerLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:concourse","t":"Concourse logo","d":"Concourse logo as a typed React component (ConcourseLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:conda","t":"Conda logo","d":"Conda logo as a typed React component (CondaLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:confluence","t":"Confluence logo","d":"Confluence logo as a typed React component (ConfluenceLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:consul","t":"Consul logo","d":"Consul logo as a typed React component (ConsulLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:contentful","t":"Contentful logo","d":"Contentful logo as a typed React component (ContentfulLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:convex","t":"Convex logo","d":"Convex logo as a typed React component (ConvexLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:coolify","t":"Coolify logo","d":"Coolify logo as a typed React component (CoolifyLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:cordova","t":"Cordova logo","d":"Cordova logo as a typed React component (CordovaLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:couchbase","t":"Couchbase logo","d":"Couchbase logo as a typed React component (CouchbaseLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:couchdb","t":"CouchDB logo","d":"CouchDB logo as a typed React component (CouchdbLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:coursera","t":"Coursera logo","d":"Coursera logo as a typed React component (CourseraLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:coveralls","t":"Coveralls logo","d":"Coveralls logo as a typed React component (CoverallsLogo): color, mono, auto dark mode, wo","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:cpanel","t":"cPanel logo","d":"cPanel logo as a typed React component (CpanelLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:cpp","t":"C++ logo","d":"C++ logo as a typed React component (CppLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:craft","t":"Craft logo","d":"Craft logo as a typed React component (CraftLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:crossplane","t":"Crossplane logo","d":"Crossplane logo as a typed React component (CrossplaneLogo): color, mono, auto dark mode, ","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:crystal","t":"Crystal logo","d":"Crystal logo as a typed React component (CrystalLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:csharp","t":"C# logo","d":"C# logo as a typed React component (CsharpLogo): color, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:css","t":"CSS logo","d":"CSS logo as a typed React component (CssLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:cucumber","t":"Cucumber logo","d":"Cucumber logo as a typed React component (CucumberLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:curl","t":"Curl logo","d":"curl logo as a typed React component (CurlLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:curseforge","t":"CurseForge logo","d":"CurseForge logo as a typed React component (CurseforgeLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:cursor","t":"Cursor logo","d":"Cursor logo as a typed React component (CursorLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:customerio","t":"Customer.io logo","d":"Customer.io logo as a typed React component (CustomerioLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:cypress","t":"Cypress logo","d":"Cypress logo as a typed React component (CypressLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:d3","t":"D3 logo","d":"D3 logo as a typed React component (D3Logo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:dailydev","t":"Daily.dev logo","d":"daily.dev logo as a typed React component (DailydevLogo): color, mono, auto dark mode, wor","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:daisyui","t":"daisyUI logo","d":"daisyUI logo as a typed React component (DaisyuiLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:dart","t":"Dart logo","d":"Dart logo as a typed React component (DartLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:dashlane","t":"Dashlane logo","d":"Dashlane logo as a typed React component (DashlaneLogo): color, mono, auto dark mode, word","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:databricks","t":"Databricks logo","d":"Databricks logo as a typed React component (DatabricksLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:datacamp","t":"DataCamp logo","d":"DataCamp logo as a typed React component (DatacampLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:datadog","t":"Datadog logo","d":"Datadog logo as a typed React component (DatadogLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"logoforge:datagrip","t":"DataGrip logo","d":"DataGrip logo as a typed React component (DatagripLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:dataspell","t":"DataSpell logo","d":"DataSpell logo as a typed React component (DataspellLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:datocms","t":"DatoCMS logo","d":"DatoCMS logo as a typed React component (DatocmsLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:dbt","t":"Dbt logo","d":"dbt logo as a typed React component (DbtLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:debian","t":"Debian logo","d":"debian logo as a typed React component (DebianLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:decap-cms","t":"Decap CMS logo","d":"Decap CMS logo as a typed React component (DecapCmsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:deepgram","t":"Deepgram logo","d":"Deepgram logo as a typed React component (DeepgramLogo): color, mono, auto dark mode, word","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:deepseek","t":"DeepSeek logo","d":"DeepSeek logo as a typed React component (DeepseekLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:deno","t":"Deno logo","d":"Deno logo as a typed React component (DenoLogo): color, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:dependabot","t":"Dependabot logo","d":"Dependabot logo as a typed React component (DependabotLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:dev-to","t":"Dev.to logo","d":"dev.to logo as a typed React component (DevToLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:devin","t":"Devin logo","d":"Devin logo as a typed React component (DevinLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:dgraph","t":"Dgraph logo","d":"Dgraph logo as a typed React component (DgraphLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:dialogflow","t":"Dialogflow logo","d":"Dialogflow logo as a typed React component (DialogflowLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:digitalocean","t":"DigitalOcean logo","d":"DigitalOcean logo as a typed React component (DigitaloceanLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:dinersclub","t":"Diners Club logo","d":"Diners Club logo as a typed React component (DinersclubLogo): color, mono, auto dark mode,","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:directus","t":"Directus logo","d":"Directus logo as a typed React component (DirectusLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:discord","t":"Discord logo","d":"Discord logo as a typed React component (DiscordLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:discourse","t":"Discourse logo","d":"Discourse logo as a typed React component (DiscourseLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:discover","t":"Discover logo","d":"Discover logo as a typed React component (DiscoverLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:django","t":"Django logo","d":"Django logo as a typed React component (DjangoLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:docker","t":"Docker logo","d":"Docker logo as a typed React component (DockerLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:docusaurus","t":"Docusaurus logo","d":"Docusaurus logo as a typed React component (DocusaurusLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:dodo-payments","t":"Dodo Payments logo","d":"Dodo Payments logo as a typed React component (DodoPaymentsLogo): color, mono, auto dark m","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:dogecoin","t":"Dogecoin logo","d":"Dogecoin logo as a typed React component (DogecoinLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Crypto","hc":1},{"id":"logoforge:dokploy","t":"Dokploy logo","d":"Dokploy logo as a typed React component (DokployLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:dolt","t":"Dolt logo","d":"dolt logo as a typed React component (DoltLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:dotenv","t":"Dotenv logo","d":"dotenv logo as a typed React component (DotenvLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:dotnet","t":".NET logo","d":".NET logo as a typed React component (DotnetLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:dreamhost","t":"DreamHost logo","d":"DreamHost logo as a typed React component (DreamhostLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:dribbble","t":"Dribbble logo","d":"Dribbble logo as a typed React component (DribbbleLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:drift","t":"Drift logo","d":"Drift logo as a typed React component (DriftLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:drizzle","t":"Drizzle ORM logo","d":"Drizzle ORM logo as a typed React component (DrizzleLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:drone","t":"Drone logo","d":"Drone logo as a typed React component (DroneLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:dropbox","t":"Dropbox logo","d":"Dropbox logo as a typed React component (DropboxLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:drupal","t":"Drupal logo","d":"Drupal logo as a typed React component (DrupalLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:duckdb","t":"DuckDB logo","d":"DuckDB logo as a typed React component (DuckdbLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:duckduckgo","t":"DuckDuckGo logo","d":"DuckDuckGo logo as a typed React component (DuckduckgoLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:duolingo","t":"Duolingo logo","d":"Duolingo logo as a typed React component (DuolingoLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:dynatrace","t":"Dynatrace logo","d":"Dynatrace logo as a typed React component (DynatraceLogo): color, mono, auto dark mode, wo","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ebanx","t":"EBANX logo","d":"EBANX logo as a typed React component (EbanxLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ebay","t":"eBay logo","d":"eBay logo as a typed React component (EbayLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:eclipse","t":"Eclipse logo","d":"Eclipse logo as a typed React component (EclipseLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:edgedb","t":"EdgeDB logo","d":"EdgeDB logo as a typed React component (EdgedbLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:editorconfig","t":"EditorConfig logo","d":"EditorConfig logo as a typed React component (EditorconfigLogo): color, mono, auto dark mo","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:edx","t":"edX logo","d":"edX logo as a typed React component (EdxLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:effect","t":"Effect logo","d":"Effect logo as a typed React component (EffectLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:egghead","t":"Egghead logo","d":"egghead logo as a typed React component (EggheadLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:elastic","t":"Elastic logo","d":"Elastic logo as a typed React component (ElasticLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:elasticsearch","t":"Elasticsearch logo","d":"Elasticsearch logo as a typed React component (ElasticsearchLogo): color, mono, auto dark ","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:electron","t":"Electron logo","d":"Electron logo as a typed React component (ElectronLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:element","t":"Element logo","d":"Element logo as a typed React component (ElementLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:elementor","t":"Elementor logo","d":"Elementor logo as a typed React component (ElementorLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:elevenlabs","t":"ElevenLabs logo","d":"ElevenLabs logo as a typed React component (ElevenlabsLogo): color, mono, auto dark mode, ","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:eleventy","t":"Eleventy logo","d":"Eleventy logo as a typed React component (EleventyLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:elixir","t":"Elixir logo","d":"Elixir logo as a typed React component (ElixirLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:elm","t":"Elm logo","d":"Elm logo as a typed React component (ElmLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:emacs","t":"Emacs logo","d":"Emacs logo as a typed React component (EmacsLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ember","t":"Ember.js logo","d":"Ember.js logo as a typed React component (EmberLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:envoy","t":"Envoy logo","d":"Envoy logo as a typed React component (EnvoyLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:epicgames","t":"Epic Games logo","d":"Epic Games logo as a typed React component (EpicgamesLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:erlang","t":"Erlang logo","d":"Erlang logo as a typed React component (ErlangLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:esbuild","t":"Esbuild logo","d":"esbuild logo as a typed React component (EsbuildLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:eslint","t":"ESLint logo","d":"ESLint logo as a typed React component (EslintLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:etcd","t":"Etcd logo","d":"etcd logo as a typed React component (EtcdLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ethereum","t":"Ethereum logo","d":"Ethereum logo as a typed React component (EthereumLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Crypto","hc":1},{"id":"logoforge:ethers","t":"Ethers logo","d":"Ethers logo as a typed React component (EthersLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:evernote","t":"Evernote logo","d":"Evernote logo as a typed React component (EvernoteLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:excalidraw","t":"Excalidraw logo","d":"Excalidraw logo as a typed React component (ExcalidrawLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:expo","t":"Expo logo","d":"Expo logo as a typed React component (ExpoLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:express","t":"Express logo","d":"Express logo as a typed React component (ExpressLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:facebook","t":"Facebook logo","d":"Facebook logo as a typed React component (FacebookLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:faker","t":"Faker logo","d":"Faker logo as a typed React component (FakerLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:fastapi","t":"FastAPI logo","d":"FastAPI logo as a typed React component (FastapiLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:fastify","t":"Fastify logo","d":"Fastify logo as a typed React component (FastifyLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:fastly","t":"Fastly logo","d":"Fastly logo as a typed React component (FastlyLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:fathom","t":"Fathom logo","d":"Fathom logo as a typed React component (FathomLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:fauna","t":"Fauna logo","d":"Fauna logo as a typed React component (FaunaLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:feathersjs","t":"Feathers logo","d":"Feathers logo as a typed React component (FeathersjsLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:fedora","t":"Fedora logo","d":"fedora logo as a typed React component (FedoraLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ffmpeg","t":"FFmpeg logo","d":"FFmpeg logo as a typed React component (FfmpegLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:figma","t":"Figma logo","d":"Figma logo as a typed React component (FigmaLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Design and work","hc":1},{"id":"logoforge:firebase","t":"Firebase logo","d":"Firebase logo as a typed React component (FirebaseLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:firefox","t":"Firefox logo","d":"Firefox logo as a typed React component (FirefoxLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:flask","t":"Flask logo","d":"Flask logo as a typed React component (FlaskLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:flutter","t":"Flutter logo","d":"Flutter logo as a typed React component (FlutterLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:flutterwave","t":"Flutterwave logo","d":"Flutterwave logo as a typed React component (FlutterwaveLogo): color, mono, auto dark mode","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:fly","t":"Fly logo","d":"Fly logo as a typed React component (FlyLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:fly-io","t":"Fly.io logo","d":"Fly.io logo as a typed React component (FlyIoLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:font-awesome","t":"Font Awesome logo","d":"Font Awesome logo as a typed React component (FontAwesomeLogo): color, mono, auto dark mod","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:fortran","t":"Fortran logo","d":"Fortran logo as a typed React component (FortranLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:foundation","t":"Foundation logo","d":"Foundation logo as a typed React component (FoundationLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:framer","t":"Framer logo","d":"Framer logo as a typed React component (FramerLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Design and work","hc":1},{"id":"logoforge:freebsd","t":"FreeBSD logo","d":"FreeBSD logo as a typed React component (FreebsdLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:fresh","t":"Fresh logo","d":"Fresh logo as a typed React component (FreshLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:frontapp","t":"Front logo","d":"Front logo as a typed React component (FrontappLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:fsharp","t":"F# logo","d":"F# logo as a typed React component (FsharpLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:gatsby","t":"Gatsby logo","d":"Gatsby logo as a typed React component (GatsbyLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ghost","t":"Ghost logo","d":"Ghost logo as a typed React component (GhostLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ghostty","t":"Ghostty logo","d":"Ghostty logo as a typed React component (GhosttyLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:gin","t":"Gin logo","d":"Gin logo as a typed React component (GinLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:git","t":"Git logo","d":"Git logo as a typed React component (GitLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:gitea","t":"Gitea logo","d":"Gitea logo as a typed React component (GiteaLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:github","t":"GitHub logo","d":"GitHub logo as a typed React component (GithubLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:github-actions","t":"GitHub Actions logo","d":"GitHub Actions logo as a typed React component (GithubActionsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:github-copilot","t":"GitHub Copilot logo","d":"GitHub Copilot logo as a typed React component (GithubCopilotLogo): color, mono, auto dark","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:github-sponsors","t":"GitHub Sponsors logo","d":"GitHub Sponsors logo as a typed React component (GithubSponsorsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:gitkraken","t":"GitKraken logo","d":"GitKraken logo as a typed React component (GitkrakenLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:gitlab","t":"GitLab logo","d":"GitLab logo as a typed React component (GitlabLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:gleam","t":"Gleam logo","d":"Gleam logo as a typed React component (GleamLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:glide","t":"Glide logo","d":"Glide logo as a typed React component (GlideLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:glitch","t":"Glitch logo","d":"Glitch logo as a typed React component (GlitchLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:gnome","t":"GNOME logo","d":"GNOME logo as a typed React component (GnomeLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:go","t":"Go logo","d":"Go logo as a typed React component (GoLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:gocd","t":"GoCD logo","d":"GoCD logo as a typed React component (GocdLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:godaddy","t":"GoDaddy logo","d":"GoDaddy logo as a typed React component (GodaddyLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:godot","t":"Godot logo","d":"Godot logo as a typed React component (GodotLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:goland","t":"GoLand logo","d":"GoLand logo as a typed React component (GolandLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:google","t":"Google logo","d":"Google logo as a typed React component (GoogleLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"logoforge:google-aistudio","t":"Google AI Studio logo","d":"Google AI Studio logo as a typed React component (GoogleAistudioLogo): color, mono, auto d","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"AI","sy":["webgl"],"hc":1},{"id":"logoforge:google-analytics","t":"Google Analytics logo","d":"Google Analytics logo as a typed React component (GoogleAnalyticsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"logoforge:google-bigquery","t":"Google BigQuery logo","d":"Google BigQuery logo as a typed React component (GoogleBigqueryLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"logoforge:google-calendar","t":"Google Calendar logo","d":"Google Calendar logo as a typed React component (GoogleCalendarLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"logoforge:google-classroom","t":"Google Classroom logo","d":"Google Classroom logo as a typed React component (GoogleClassroomLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"logoforge:google-cloud","t":"Google Cloud logo","d":"Google Cloud logo as a typed React component (GoogleCloudLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"logoforge:google-cloud-functions","t":"Google Cloud Functions logo","d":"Google Cloud Functions logo as a typed React component (GoogleCloudFunctionsLogo): color, ","k":"resource","s":"logoforge","c":"assets/logo","tg":["playful","webgl"],"sb":"Big tech and social","sy":["playful","webgl"],"hc":1},{"id":"logoforge:google-cloud-run","t":"Google Cloud Run logo","d":"Google Cloud Run logo as a typed React component (GoogleCloudRunLogo): color, mono, auto d","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"logoforge:google-colab","t":"Google Colab logo","d":"Google Colab logo as a typed React component (GoogleColabLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"AI","sy":["webgl"],"hc":1},{"id":"logoforge:google-drive","t":"Google Drive logo","d":"Google Drive logo as a typed React component (GoogleDriveLogo): color, mono, auto dark mod","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"logoforge:google-gemini","t":"Google Gemini logo","d":"Google Gemini logo as a typed React component (GoogleGeminiLogo): color, mono, auto dark m","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"AI","sy":["webgl"],"hc":1},{"id":"logoforge:google-gmail","t":"Gmail logo","d":"Gmail logo as a typed React component (GoogleGmailLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"logoforge:google-keep","t":"Google Keep logo","d":"Google Keep logo as a typed React component (GoogleKeepLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"logoforge:google-meet","t":"Google Meet logo","d":"Google Meet logo as a typed React component (GoogleMeetLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"logoforge:google-pay","t":"Google Pay logo","d":"Google Pay logo as a typed React component (GooglePayLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"logoforge:google-search-console","t":"Google Search Console logo","d":"Google Search Console logo as a typed React component (GoogleSearchConsoleLogo): color, mo","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"logoforge:google-tag-manager","t":"Google Tag Manager logo","d":"Google Tag Manager logo as a typed React component (GoogleTagManagerLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"logoforge:google-workspace","t":"Google Workspace logo","d":"Google Workspace logo as a typed React component (GoogleWorkspaceLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"logoforge:googlechat","t":"Google Chat logo","d":"Google Chat logo as a typed React component (GooglechatLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"logoforge:googlemaps","t":"Google Maps logo","d":"Google Maps logo as a typed React component (GooglemapsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"logoforge:googleplay","t":"Google Play logo","d":"Google Play logo as a typed React component (GoogleplayLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"logoforge:googlesheets","t":"Google Sheets logo","d":"Google Sheets logo as a typed React component (GooglesheetsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"logoforge:googleslides","t":"Google Slides logo","d":"Google Slides logo as a typed React component (GoogleslidesLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"logoforge:gradio","t":"Gradio logo","d":"Gradio logo as a typed React component (GradioLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:gradle","t":"Gradle logo","d":"Gradle logo as a typed React component (GradleLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:grafana","t":"Grafana logo","d":"Grafana logo as a typed React component (GrafanaLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:graphql","t":"GraphQL logo","d":"GraphQL logo as a typed React component (GraphqlLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:graylog","t":"Graylog logo","d":"Graylog logo as a typed React component (GraylogLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"logoforge:gridsome","t":"Gridsome logo","d":"Gridsome logo as a typed React component (GridsomeLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:grok","t":"Grok logo","d":"Grok logo as a typed React component (GrokLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:grommet","t":"Grommet logo","d":"Grommet logo as a typed React component (GrommetLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:growth-book","t":"GrowthBook logo","d":"GrowthBook logo as a typed React component (GrowthBookLogo): color, mono, auto dark mode, ","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:grpc","t":"gRPC logo","d":"gRPC logo as a typed React component (GrpcLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:grunt","t":"Grunt logo","d":"Grunt logo as a typed React component (GruntLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:gsap","t":"GSAP logo","d":"GSAP logo as a typed React component (GsapLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","tg":["animated"],"sy":["animated"],"hc":1},{"id":"logoforge:gulp","t":"Gulp logo","d":"gulp logo as a typed React component (GulpLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:gumroad","t":"Gumroad logo","d":"Gumroad logo as a typed React component (GumroadLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:gunicorn","t":"Gunicorn logo","d":"Gunicorn logo as a typed React component (GunicornLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:hack-the-box","t":"Hack The Box logo","d":"Hack The Box logo as a typed React component (HackTheBoxLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:hackerrank","t":"HackerRank logo","d":"HackerRank logo as a typed React component (HackerrankLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:hanami","t":"Hanami logo","d":"Hanami logo as a typed React component (HanamiLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:hapi","t":"Hapi logo","d":"hapi logo as a typed React component (HapiLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:hardhat","t":"Hardhat logo","d":"Hardhat logo as a typed React component (HardhatLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:harness","t":"Harness logo","d":"Harness logo as a typed React component (HarnessLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:hashicorp","t":"HashiCorp logo","d":"HashiCorp logo as a typed React component (HashicorpLogo): color, mono, auto dark mode, wo","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:hashnode","t":"Hashnode logo","d":"Hashnode logo as a typed React component (HashnodeLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:haskell","t":"Haskell logo","d":"Haskell logo as a typed React component (HaskellLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:hasura","t":"Hasura logo","d":"Hasura logo as a typed React component (HasuraLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:haxe","t":"Haxe logo","d":"Haxe logo as a typed React component (HaxeLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:hcaptcha","t":"hCaptcha logo","d":"hCaptcha logo as a typed React component (HcaptchaLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:headlessui","t":"Headless UI logo","d":"Headless UI logo as a typed React component (HeadlessuiLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:heap","t":"Heap logo","d":"Heap logo as a typed React component (HeapLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:helix","t":"Helix logo","d":"Helix logo as a typed React component (HelixLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:helm","t":"Helm logo","d":"Helm logo as a typed React component (HelmLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:helpscout","t":"Help Scout logo","d":"Help Scout logo as a typed React component (HelpscoutLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:heroku","t":"Heroku logo","d":"Heroku logo as a typed React component (HerokuLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:heroui","t":"HeroUI logo","d":"HeroUI logo as a typed React component (HerouiLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:hetzner","t":"Hetzner logo","d":"Hetzner logo as a typed React component (HetznerLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:hexo","t":"Hexo logo","d":"Hexo logo as a typed React component (HexoLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:hhvm","t":"HHVM logo","d":"HHVM logo as a typed React component (HhvmLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:highcharts","t":"Highcharts logo","d":"Highcharts logo as a typed React component (HighchartsLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:home-assistant","t":"Home Assistant logo","d":"Home Assistant logo as a typed React component (HomeAssistantLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:homebrew","t":"Homebrew logo","d":"Homebrew logo as a typed React component (HomebrewLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:hono","t":"Hono logo","d":"Hono logo as a typed React component (HonoLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:hoppscotch","t":"Hoppscotch logo","d":"Hoppscotch logo as a typed React component (HoppscotchLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:hostgator","t":"HostGator logo","d":"HostGator logo as a typed React component (HostgatorLogo): color, mono, auto dark mode, wo","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:hotjar","t":"Hotjar logo","d":"Hotjar logo as a typed React component (HotjarLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:html5","t":"HTML5 logo","d":"HTML5 logo as a typed React component (Html5Logo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:htmx","t":"Htmx logo","d":"htmx logo as a typed React component (HtmxLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:httpie","t":"HTTPie logo","d":"HTTPie logo as a typed React component (HttpieLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:hubspot","t":"HubSpot logo","d":"HubSpot logo as a typed React component (HubspotLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:hugging-face","t":"Hugging Face logo","d":"Hugging Face logo as a typed React component (HuggingFaceLogo): color, mono, auto dark mod","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:hugo","t":"Hugo logo","d":"Hugo logo as a typed React component (HugoLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:hyperapp","t":"Hyperapp logo","d":"Hyperapp logo as a typed React component (HyperappLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ibm","t":"IBM logo","d":"IBM logo as a typed React component (IbmLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ifttt","t":"IFTTT logo","d":"IFTTT logo as a typed React component (IftttLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:immer","t":"Immer logo","d":"Immer logo as a typed React component (ImmerLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:immutable","t":"Immutable logo","d":"Immutable logo as a typed React component (ImmutableLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:incident","t":"Incident logo","d":"Incident logo as a typed React component (IncidentLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:inferno","t":"Inferno logo","d":"Inferno logo as a typed React component (InfernoLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:influxdb","t":"InfluxDB logo","d":"InfluxDB logo as a typed React component (InfluxdbLogo): color, mono, auto dark mode, word","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:insomnia","t":"Insomnia logo","d":"Insomnia logo as a typed React component (InsomniaLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:instagram","t":"Instagram logo","d":"Instagram logo as a typed React component (InstagramLogo): color, mono, auto dark mode, wo","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:instatus","t":"Instatus logo","d":"Instatus logo as a typed React component (InstatusLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:intel","t":"Intel logo","d":"Intel logo as a typed React component (IntelLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:intellij-idea","t":"IntelliJ IDEA logo","d":"IntelliJ IDEA logo as a typed React component (IntellijIdeaLogo): color, mono, auto dark m","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:intercom","t":"Intercom logo","d":"Intercom logo as a typed React component (IntercomLogo): color, mono, auto dark mode, word","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:internetcomputer","t":"Internet Computer logo","d":"Internet Computer logo as a typed React component (InternetcomputerLogo): color, mono, aut","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:interswitch","t":"Interswitch logo","d":"Interswitch logo as a typed React component (InterswitchLogo): color, mono, auto dark mode","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:invision","t":"Invision logo","d":"Invision logo as a typed React component (InvisionLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ionic","t":"Ionic logo","d":"Ionic logo as a typed React component (IonicLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ios","t":"iOS logo","d":"iOS logo as a typed React component (IosLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:istio","t":"Istio logo","d":"Istio logo as a typed React component (IstioLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:iterm2","t":"iTerm2 logo","d":"iTerm2 logo as a typed React component (Iterm2Logo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:jaeger","t":"Jaeger logo","d":"Jaeger logo as a typed React component (JaegerLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:jasmine","t":"Jasmine logo","d":"Jasmine logo as a typed React component (JasmineLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:java","t":"Java logo","d":"Java logo as a typed React component (JavaLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:javascript","t":"JavaScript logo","d":"JavaScript logo as a typed React component (JavascriptLogo): color, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:jcb","t":"JCB logo","d":"JCB logo as a typed React component (JcbLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:jekyll","t":"Jekyll logo","d":"Jekyll logo as a typed React component (JekyllLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:jenkins","t":"Jenkins logo","d":"Jenkins logo as a typed React component (JenkinsLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:jest","t":"Jest logo","d":"Jest logo as a typed React component (JestLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:jetbrains","t":"JetBrains logo","d":"JetBrains logo as a typed React component (JetbrainsLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:jira","t":"Jira logo","d":"Jira logo as a typed React component (JiraLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Design and work","hc":1},{"id":"logoforge:joomla","t":"Joomla logo","d":"Joomla logo as a typed React component (JoomlaLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:jotai","t":"Jotai logo","d":"Jotai logo as a typed React component (JotaiLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:jquery","t":"jQuery logo","d":"jQuery logo as a typed React component (JqueryLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:jruby","t":"JRuby logo","d":"JRuby logo as a typed React component (JrubyLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:jsdelivr","t":"jsDelivr logo","d":"jsDelivr logo as a typed React component (JsdelivrLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:jsfiddle","t":"JSFiddle logo","d":"JSFiddle logo as a typed React component (JsfiddleLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:json","t":"JSON logo","d":"JSON logo as a typed React component (JsonLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:json-schema","t":"JSON Schema logo","d":"JSON Schema logo as a typed React component (JsonSchemaLogo): color, mono, auto dark mode,","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:jspm","t":"JSPM logo","d":"JSPM logo as a typed React component (JspmLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:julia","t":"Julia logo","d":"Julia logo as a typed React component (JuliaLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:junit","t":"JUnit5 logo","d":"JUnit5 logo as a typed React component (JunitLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:jupyter","t":"Jupyter logo","d":"Jupyter logo as a typed React component (JupyterLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:jwt","t":"JWT logo","d":"JWT logo as a typed React component (JwtLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:k3s","t":"K3s logo","d":"K3s logo as a typed React component (K3sLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:k6","t":"K6 logo","d":"k6 logo as a typed React component (K6Logo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:kafka","t":"Kafka logo","d":"Kafka logo as a typed React component (KafkaLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:kaggle","t":"Kaggle logo","d":"Kaggle logo as a typed React component (KaggleLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:karma","t":"Karma logo","d":"Karma logo as a typed React component (KarmaLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:katalon","t":"Katalon logo","d":"Katalon logo as a typed React component (KatalonLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:kde","t":"KDE logo","d":"KDE logo as a typed React component (KdeLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:keras","t":"Keras logo","d":"Keras logo as a typed React component (KerasLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:keycdn","t":"KeyCDN logo","d":"KeyCDN logo as a typed React component (KeycdnLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:keydb","t":"KeyDB logo","d":"KeyDB logo as a typed React component (KeydbLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:keystonejs","t":"KeystoneJS logo","d":"KeystoneJS logo as a typed React component (KeystonejsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:khan-academy","t":"Khan Academy logo","d":"Khan Academy logo as a typed React component (KhanAcademyLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:kibana","t":"Kibana logo","d":"Kibana logo as a typed React component (KibanaLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:kick","t":"Kick logo","d":"Kick logo as a typed React component (KickLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:kilo","t":"Kilo logo","d":"Kilo logo as a typed React component (KiloLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:kimi","t":"Kimi logo","d":"Kimi logo as a typed React component (KimiLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:kirby","t":"Kirby logo","d":"Kirby logo as a typed React component (KirbyLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:kiro","t":"Kiro logo","d":"Kiro logo as a typed React component (KiroLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:klarna","t":"Klarna logo","d":"Klarna logo as a typed React component (KlarnaLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Payments","hc":1},{"id":"logoforge:knex","t":"Knex.js logo","d":"Knex.js logo as a typed React component (KnexLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ko-fi","t":"Ko fi logo","d":"Ko-fi logo as a typed React component (KoFiLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:koa","t":"Koa logo","d":"Koa logo as a typed React component (KoaLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:kotlin","t":"Kotlin logo","d":"Kotlin logo as a typed React component (KotlinLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:koyeb","t":"Koyeb logo","d":"Koyeb logo as a typed React component (KoyebLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:kubernetes","t":"Kubernetes logo","d":"Kubernetes logo as a typed React component (KubernetesLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:kuda","t":"Kuda logo","d":"Kuda logo as a typed React component (KudaLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:langchain","t":"LangChain logo","d":"LangChain logo as a typed React component (LangchainLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:laravel","t":"Laravel logo","d":"Laravel logo as a typed React component (LaravelLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:lastpass","t":"LastPass logo","d":"LastPass logo as a typed React component (LastpassLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:launchdarkly","t":"LaunchDarkly logo","d":"LaunchDarkly logo as a typed React component (LaunchdarklyLogo): color, mono, auto dark mo","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:leaflet","t":"Leaflet logo","d":"Leaflet logo as a typed React component (LeafletLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:leetcode","t":"LeetCode logo","d":"LeetCode logo as a typed React component (LeetcodeLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:lemon-squeezy","t":"Lemon Squeezy logo","d":"Lemon Squeezy logo as a typed React component (LemonSqueezyLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:lerna","t":"Lerna logo","d":"Lerna logo as a typed React component (LernaLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:less","t":"Less logo","d":"Less logo as a typed React component (LessLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:letsencrypt","t":"Let's Encrypt logo","d":"Let's Encrypt logo as a typed React component (LetsencryptLogo): color, mono, auto dark mo","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:leveldb","t":"LevelDB logo","d":"LevelDB logo as a typed React component (LeveldbLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:lexical","t":"Lexical logo","d":"Lexical logo as a typed React component (LexicalLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:librewolf","t":"LibreWolf logo","d":"LibreWolf logo as a typed React component (LibrewolfLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:lighthouse","t":"Lighthouse logo","d":"Lighthouse logo as a typed React component (LighthouseLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:lightstep","t":"Lightstep logo","d":"Lightstep logo as a typed React component (LightstepLogo): color, mono, auto dark mode, wo","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:lighttpd","t":"Lighttpd logo","d":"lighttpd logo as a typed React component (LighttpdLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:linear","t":"Linear logo","d":"Linear logo as a typed React component (LinearLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","sb":"Design and work","hc":1},{"id":"logoforge:linkedin","t":"LinkedIn logo","d":"LinkedIn logo as a typed React component (LinkedinLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:linkerd","t":"Linkerd logo","d":"Linkerd logo as a typed React component (LinkerdLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:linode","t":"Linode logo","d":"Linode logo as a typed React component (LinodeLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:linux","t":"Linux logo","d":"Linux logo as a typed React component (LinuxLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:linux-mint","t":"Linux Mint logo","d":"Linux Mint logo as a typed React component (LinuxMintLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:lit","t":"Lit logo","d":"Lit logo as a typed React component (LitLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:litecoin","t":"Litecoin logo","d":"Litecoin logo as a typed React component (LitecoinLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Crypto","hc":1},{"id":"logoforge:livekit","t":"LiveKit logo","d":"LiveKit logo as a typed React component (LivekitLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:lm-studio","t":"LM Studio logo","d":"LM Studio logo as a typed React component (LmStudioLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:lodash","t":"Lodash logo","d":"Lodash logo as a typed React component (LodashLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:logseq","t":"Logseq logo","d":"Logseq logo as a typed React component (LogseqLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:logstash","t":"Logstash logo","d":"Logstash logo as a typed React component (LogstashLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:looker","t":"Looker logo","d":"Looker logo as a typed React component (LookerLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:loom","t":"Loom logo","d":"Loom logo as a typed React component (LoomLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:loopback","t":"LoopBack logo","d":"LoopBack logo as a typed React component (LoopbackLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:loops","t":"Loops logo","d":"Loops logo as a typed React component (LoopsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:lottie","t":"LottieFiles logo","d":"LottieFiles logo as a typed React component (LottieLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","tg":["animated"],"sy":["animated"],"hc":1},{"id":"logoforge:lovable","t":"Lovable logo","d":"Lovable logo as a typed React component (LovableLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:lua","t":"Lua logo","d":"Lua logo as a typed React component (LuaLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:lucia","t":"Lucia logo","d":"Lucia logo as a typed React component (LuciaLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:lucide","t":"Lucide logo","d":"Lucide logo as a typed React component (LucideLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:m-pesa","t":"M Pesa logo","d":"M-Pesa logo as a typed React component (MPesaLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:macos","t":"macOS logo","d":"macOS logo as a typed React component (MacosLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:mailchimp","t":"Mailchimp logo","d":"Mailchimp logo as a typed React component (MailchimpLogo): color, mono, auto dark mode, wo","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:mailgun","t":"Mailgun logo","d":"Mailgun logo as a typed React component (MailgunLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:mailjet","t":"Mailjet logo","d":"Mailjet logo as a typed React component (MailjetLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:make","t":"Make logo","d":"Make logo as a typed React component (MakeLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:manjaro","t":"Manjaro logo","d":"Manjaro logo as a typed React component (ManjaroLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:mantine","t":"Mantine logo","d":"Mantine logo as a typed React component (MantineLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:mapbox","t":"Mapbox logo","d":"Mapbox logo as a typed React component (MapboxLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:mariadb","t":"MariaDB logo","d":"MariaDB logo as a typed React component (MariadbLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:markdown","t":"Markdown logo","d":"Markdown logo as a typed React component (MarkdownLogo): color, mono, auto dark mode, word","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:marko","t":"Marko logo","d":"Marko logo as a typed React component (MarkoLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:marvel","t":"Marvel logo","d":"Marvel logo as a typed React component (MarvelLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:mastercard","t":"Mastercard logo","d":"Mastercard logo as a typed React component (MastercardLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Payments","hc":1},{"id":"logoforge:mastodon","t":"Mastodon logo","d":"Mastodon logo as a typed React component (MastodonLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:material-ui","t":"Material UI logo","d":"Material UI logo as a typed React component (MaterialUiLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:materializecss","t":"Materialize logo","d":"Materialize logo as a typed React component (MaterializecssLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:matomo","t":"Matomo logo","d":"Matomo logo as a typed React component (MatomoLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:matplotlib","t":"Matplotlib logo","d":"Matplotlib logo as a typed React component (MatplotlibLogo): color, mono, auto dark mode, ","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:matrix","t":"Matrix logo","d":"Matrix logo as a typed React component (MatrixLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:mattermost","t":"Mattermost logo","d":"Mattermost logo as a typed React component (MattermostLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:maven","t":"Maven logo","d":"Maven logo as a typed React component (MavenLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:mcp","t":"MCP logo","d":"MCP logo as a typed React component (McpLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:mdn-web-docs","t":"MDN Web Docs logo","d":"MDN Web Docs logo as a typed React component (MdnWebDocsLogo): color, mono, auto dark mode","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:mdx","t":"MDX logo","d":"MDX logo as a typed React component (MdxLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:medium","t":"Medium logo","d":"Medium logo as a typed React component (MediumLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:medusa","t":"Medusa logo","d":"Medusa logo as a typed React component (MedusaLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:meilisearch","t":"Meilisearch logo","d":"Meilisearch logo as a typed React component (MeilisearchLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:memcached","t":"Memcached logo","d":"Memcached logo as a typed React component (MemcachedLogo): color, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:memgraph","t":"Memgraph logo","d":"Memgraph logo as a typed React component (MemgraphLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:mercado-pago","t":"Mercado Pago logo","d":"Mercado Pago logo as a typed React component (MercadoPagoLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:mercurial","t":"Mercurial logo","d":"Mercurial logo as a typed React component (MercurialLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:mermaid","t":"Mermaid logo","d":"Mermaid logo as a typed React component (MermaidLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:messenger","t":"Messenger logo","d":"Messenger logo as a typed React component (MessengerLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:meta","t":"Meta logo","d":"Meta logo as a typed React component (MetaLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:metabase","t":"Metabase logo","d":"Metabase logo as a typed React component (MetabaseLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:metamask","t":"MetaMask logo","d":"MetaMask logo as a typed React component (MetamaskLogo): color, mono, auto dark mode, word","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:meteor","t":"Meteor logo","d":"Meteor logo as a typed React component (MeteorLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:micropython","t":"MicroPython logo","d":"MicroPython logo as a typed React component (MicropythonLogo): color, mono, auto dark mode","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:microsoft","t":"Microsoft logo","d":"Microsoft logo as a typed React component (MicrosoftLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:microsoft-azure","t":"Microsoft Azure logo","d":"Microsoft Azure logo as a typed React component (MicrosoftAzureLogo): color, mono, auto da","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:microsoft-edge","t":"Microsoft Edge logo","d":"Microsoft Edge logo as a typed React component (MicrosoftEdgeLogo): color, mono, auto dark","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:microsoft-onedrive","t":"Microsoft OneDrive logo","d":"Microsoft OneDrive logo as a typed React component (MicrosoftOnedriveLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:microsoft-power-bi","t":"Microsoft Power BI logo","d":"Microsoft Power BI logo as a typed React component (MicrosoftPowerBiLogo): color, mono, au","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:microsoft-teams","t":"Microsoft Teams logo","d":"Microsoft Teams logo as a typed React component (MicrosoftTeamsLogo): color, mono, auto da","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:microsoft-windows","t":"Microsoft Windows logo","d":"Microsoft Windows logo as a typed React component (MicrosoftWindowsLogo): color, mono, wor","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:midjourney","t":"Midjourney logo","d":"Midjourney logo as a typed React component (MidjourneyLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:milanote","t":"Milanote logo","d":"Milanote logo as a typed React component (MilanoteLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:milvus","t":"Milvus logo","d":"Milvus logo as a typed React component (MilvusLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:mindsdb","t":"MindsDB logo","d":"MindsDB logo as a typed React component (MindsdbLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:minimax","t":"MiniMax logo","d":"MiniMax logo as a typed React component (MinimaxLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:mintlify","t":"Mintlify logo","d":"Mintlify logo as a typed React component (MintlifyLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:miro","t":"Miro logo","d":"Miro logo as a typed React component (MiroLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Design and work","hc":1},{"id":"logoforge:mistral","t":"Mistral AI logo","d":"Mistral AI logo as a typed React component (MistralLogo): color, mono, auto dark mode, wor","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:mithril","t":"Mithril logo","d":"Mithril logo as a typed React component (MithrilLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:mixpanel","t":"Mixpanel logo","d":"Mixpanel logo as a typed React component (MixpanelLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:mobx","t":"MobX logo","d":"MobX logo as a typed React component (MobxLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:mocha","t":"Mocha logo","d":"Mocha logo as a typed React component (MochaLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:momentjs","t":"Moment.js logo","d":"Moment.js logo as a typed React component (MomentjsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:monday","t":"Monday logo","d":"Monday logo as a typed React component (MondayLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:monero","t":"Monero logo","d":"Monero logo as a typed React component (MoneroLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:mongodb","t":"MongoDB logo","d":"MongoDB logo as a typed React component (MongodbLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:mongoose","t":"Mongoose logo","d":"Mongoose logo as a typed React component (MongooseLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:moniepoint","t":"Moniepoint logo","d":"Moniepoint logo as a typed React component (MoniepointLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:moonshot-ai","t":"Moonshot AI logo","d":"Moonshot AI logo as a typed React component (MoonshotAiLogo): color, mono, auto dark mode,","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:msw","t":"MSW logo","d":"MSW logo as a typed React component (MswLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:mtn","t":"MTN logo","d":"MTN logo as a typed React component (MtnLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:mysql","t":"MySQL logo","d":"MySQL logo as a typed React component (MysqlLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:n8n","t":"N8n logo","d":"n8n logo as a typed React component (N8nLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:naiveui","t":"Naive UI logo","d":"Naive UI logo as a typed React component (NaiveuiLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:namecheap","t":"Namecheap logo","d":"Namecheap logo as a typed React component (NamecheapLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:nano","t":"Nano logo","d":"Nano logo as a typed React component (NanoLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:nativescript","t":"NativeScript logo","d":"NativeScript logo as a typed React component (NativescriptLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:nats","t":"NATS logo","d":"NATS logo as a typed React component (NatsLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:neo4j","t":"Neo4j logo","d":"Neo4j logo as a typed React component (Neo4jLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:neon","t":"Neon logo","d":"Neon logo as a typed React component (NeonLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","tg":["neon"],"sb":"Cloud and data","sy":["neon"],"hc":1},{"id":"logoforge:neovim","t":"Neovim logo","d":"Neovim logo as a typed React component (NeovimLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:nestjs","t":"NestJS logo","d":"NestJS logo as a typed React component (NestjsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:netbeans","t":"Netbeans logo","d":"Netbeans logo as a typed React component (NetbeansLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:netflix","t":"Netflix logo","d":"Netflix logo as a typed React component (NetflixLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:netlify","t":"Netlify logo","d":"Netlify logo as a typed React component (NetlifyLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:new-relic","t":"New Relic logo","d":"New Relic logo as a typed React component (NewRelicLogo): color, mono, auto dark mode, wor","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:nextjs","t":"Next.js logo","d":"Next.js logo as a typed React component (NextjsLogo): color, mono, auto dark mode, wordmar","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:nginx","t":"NGINX logo","d":"NGINX logo as a typed React component (NginxLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ngrok","t":"Ngrok logo","d":"ngrok logo as a typed React component (NgrokLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:nhost","t":"Nhost logo","d":"Nhost logo as a typed React component (NhostLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:nightwatch","t":"Nightwatch.js logo","d":"Nightwatch.js logo as a typed React component (NightwatchLogo): color, mono, auto dark mod","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:nim","t":"Nim logo","d":"Nim logo as a typed React component (NimLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:nodejs","t":"Node.js logo","d":"Node.js logo as a typed React component (NodejsLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:nodemon","t":"Nodemon logo","d":"Nodemon logo as a typed React component (NodemonLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:nomad","t":"Nomad logo","d":"Nomad logo as a typed React component (NomadLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:notion","t":"Notion logo","d":"Notion logo as a typed React component (NotionLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","sb":"Design and work","hc":1},{"id":"logoforge:npm","t":"Npm logo","d":"npm logo as a typed React component (NpmLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:nuget","t":"NuGet logo","d":"NuGet logo as a typed React component (NugetLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:numpy","t":"NumPy logo","d":"NumPy logo as a typed React component (NumpyLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:nuxt","t":"Nuxt logo","d":"Nuxt logo as a typed React component (NuxtLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:nvidia","t":"NVIDIA logo","d":"NVIDIA logo as a typed React component (NvidiaLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:nvm","t":"Nvm logo","d":"nvm logo as a typed React component (NvmLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:nx","t":"Nx logo","d":"Nx logo as a typed React component (NxLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:oauth","t":"OAuth logo","d":"OAuth logo as a typed React component (OauthLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:obsidian","t":"Obsidian logo","d":"Obsidian logo as a typed React component (ObsidianLogo): color, mono, auto dark mode, word","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:obsstudio","t":"OBS Studio logo","d":"OBS Studio logo as a typed React component (ObsstudioLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ocaml","t":"OCaml logo","d":"OCaml logo as a typed React component (OcamlLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:octopus-deploy","t":"Octopus Deploy logo","d":"Octopus Deploy logo as a typed React component (OctopusDeployLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:okta","t":"Okta logo","d":"Okta logo as a typed React component (OktaLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ollama","t":"Ollama logo","d":"Ollama logo as a typed React component (OllamaLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:onesignal","t":"OneSignal logo","d":"OneSignal logo as a typed React component (OnesignalLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:opay","t":"OPay logo","d":"OPay logo as a typed React component (OpayLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:openai","t":"OpenAI logo","d":"OpenAI logo as a typed React component (OpenaiLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:openapi","t":"OpenAPI logo","d":"OpenAPI logo as a typed React component (OpenapiLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:opencart","t":"OpenCart logo","d":"OpenCart logo as a typed React component (OpencartLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:opencode","t":"OpenCode logo","d":"OpenCode logo as a typed React component (OpencodeLogo): color, mono, auto dark mode, word","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:opencollective","t":"Open Collective logo","d":"Open Collective logo as a typed React component (OpencollectiveLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:opencv","t":"OpenCV logo","d":"OpenCV logo as a typed React component (OpencvLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:openrouter","t":"OpenRouter logo","d":"OpenRouter logo as a typed React component (OpenrouterLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:opensea","t":"OpenSea logo","d":"OpenSea logo as a typed React component (OpenseaLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:opensearch","t":"OpenSearch logo","d":"OpenSearch logo as a typed React component (OpensearchLogo): color, mono, auto dark mode, ","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:openshift","t":"OpenShift logo","d":"OpenShift logo as a typed React component (OpenshiftLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:openstack","t":"OpenStack logo","d":"OpenStack logo as a typed React component (OpenstackLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:opentelemetry","t":"OpenTelemetry logo","d":"OpenTelemetry logo as a typed React component (OpentelemetryLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:openzeppelin","t":"OpenZeppelin logo","d":"OpenZeppelin logo as a typed React component (OpenzeppelinLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:opera","t":"Opera logo","d":"Opera logo as a typed React component (OperaLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:opsgenie","t":"Opsgenie logo","d":"Opsgenie logo as a typed React component (OpsgenieLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:optimizely","t":"Optimizely logo","d":"Optimizely logo as a typed React component (OptimizelyLogo): color, mono, auto dark mode, ","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:orange","t":"Orange logo","d":"Orange logo as a typed React component (OrangeLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:orange-money","t":"Orange Money logo","d":"Orange Money logo as a typed React component (OrangeMoneyLogo): color, mono, auto dark mod","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ory","t":"Ory logo","d":"Ory logo as a typed React component (OryLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ovh","t":"OVH logo","d":"OVH logo as a typed React component (OvhLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:oxc","t":"Oxc logo","d":"Oxc logo as a typed React component (OxcLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:p5js","t":"P5.js logo","d":"p5.js logo as a typed React component (P5jsLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:packer","t":"Packer logo","d":"Packer logo as a typed React component (PackerLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:paddle","t":"Paddle logo","d":"Paddle logo as a typed React component (PaddleLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:pagerduty","t":"PagerDuty logo","d":"PagerDuty logo as a typed React component (PagerdutyLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:pandacss","t":"Panda logo","d":"Panda logo as a typed React component (PandacssLogo): color, mono, auto dark mode, wordmar","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:pandas","t":"Pandas logo","d":"pandas logo as a typed React component (PandasLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:parcel","t":"Parcel logo","d":"Parcel logo as a typed React component (ParcelLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:passbolt","t":"Passbolt logo","d":"Passbolt logo as a typed React component (PassboltLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:passport","t":"Passport logo","d":"Passport logo as a typed React component (PassportLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:patreon","t":"Patreon logo","d":"Patreon logo as a typed React component (PatreonLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:payload","t":"Payload logo","d":"Payload logo as a typed React component (PayloadLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:payload-cms","t":"Payload CMS logo","d":"Payload CMS logo as a typed React component (PayloadCmsLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:paypal","t":"PayPal logo","d":"PayPal logo as a typed React component (PaypalLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Payments","hc":1},{"id":"logoforge:paystack","t":"Paystack logo","d":"Paystack logo as a typed React component (PaystackLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:peerlist","t":"Peerlist logo","d":"Peerlist logo as a typed React component (PeerlistLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:penpot","t":"Penpot logo","d":"Penpot logo as a typed React component (PenpotLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:percy","t":"Percy logo","d":"Percy logo as a typed React component (PercyLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:perl","t":"Perl logo","d":"Perl logo as a typed React component (PerlLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:perplexity","t":"Perplexity logo","d":"Perplexity logo as a typed React component (PerplexityLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:phoenix","t":"Phoenix logo","d":"Phoenix logo as a typed React component (PhoenixLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:photopea","t":"Photopea logo","d":"Photopea logo as a typed React component (PhotopeaLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:php","t":"PHP logo","d":"PHP logo as a typed React component (PhpLogo): color, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:phpstorm","t":"PhpStorm logo","d":"PhpStorm logo as a typed React component (PhpstormLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:pico-css","t":"Pico CSS logo","d":"Pico CSS logo as a typed React component (PicoCssLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:pinecone","t":"Pinecone logo","d":"Pinecone logo as a typed React component (PineconeLogo): color, mono, auto dark mode, word","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:pinia","t":"Pinia logo","d":"Pinia logo as a typed React component (PiniaLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:pinterest","t":"Pinterest logo","d":"Pinterest logo as a typed React component (PinterestLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:pipecat","t":"Pipecat logo","d":"Pipecat logo as a typed React component (PipecatLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:pipedream","t":"Pipedream logo","d":"Pipedream logo as a typed React component (PipedreamLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:pixijs","t":"PixiJS logo","d":"PixiJS logo as a typed React component (PixijsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"logoforge:planetscale","t":"PlanetScale logo","d":"PlanetScale logo as a typed React component (PlanetscaleLogo): color, mono, auto dark mode","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:plasmic","t":"Plasmic logo","d":"Plasmic logo as a typed React component (PlasmicLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:platzi","t":"Platzi logo","d":"Platzi logo as a typed React component (PlatziLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:plausible","t":"Plausible Analytics logo","d":"Plausible Analytics logo as a typed React component (PlausibleLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:playstation","t":"PlayStation logo","d":"PlayStation logo as a typed React component (PlaystationLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:playwright","t":"Playwright logo","d":"Playwright logo as a typed React component (PlaywrightLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:pluralsight","t":"Pluralsight logo","d":"Pluralsight logo as a typed React component (PluralsightLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:pm2","t":"PM2 logo","d":"PM2 logo as a typed React component (Pm2Logo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:pnpm","t":"Pnpm logo","d":"pnpm logo as a typed React component (PnpmLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:pocketbase","t":"PocketBase logo","d":"PocketBase logo as a typed React component (PocketbaseLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:podman","t":"Podman logo","d":"Podman logo as a typed React component (PodmanLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:poetry","t":"Poetry logo","d":"Poetry logo as a typed React component (PoetryLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:polars","t":"Polars logo","d":"Polars logo as a typed React component (PolarsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:polygon","t":"Polygon logo","d":"Polygon logo as a typed React component (PolygonLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Crypto","hc":1},{"id":"logoforge:polymer","t":"Polymer logo","d":"Polymer logo as a typed React component (PolymerLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:pop-os","t":"Pop! OS logo","d":"Pop!_OS logo as a typed React component (PopOsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:portainer","t":"Portainer logo","d":"Portainer logo as a typed React component (PortainerLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:postcss","t":"PostCSS logo","d":"PostCSS logo as a typed React component (PostcssLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:postgresql","t":"PostgreSQL logo","d":"PostgreSQL logo as a typed React component (PostgresqlLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:posthog","t":"PostHog logo","d":"PostHog logo as a typed React component (PosthogLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"logoforge:postman","t":"Postman logo","d":"Postman logo as a typed React component (PostmanLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:preact","t":"Preact logo","d":"Preact logo as a typed React component (PreactLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:prestashop","t":"PrestaShop logo","d":"PrestaShop logo as a typed React component (PrestashopLogo): color, mono, auto dark mode, ","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:prettier","t":"Prettier logo","d":"Prettier logo as a typed React component (PrettierLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:prisma","t":"Prisma logo","d":"Prisma logo as a typed React component (PrismaLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:prismic","t":"Prismic logo","d":"Prismic logo as a typed React component (PrismicLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:producthunt","t":"Product Hunt logo","d":"Product Hunt logo as a typed React component (ProducthuntLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:prometheus","t":"Prometheus logo","d":"Prometheus logo as a typed React component (PrometheusLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:protonmail","t":"Proton Mail logo","d":"Proton Mail logo as a typed React component (ProtonmailLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:protonvpn","t":"Proton VPN logo","d":"Proton VPN logo as a typed React component (ProtonvpnLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:protractor","t":"Protractor logo","d":"Protractor logo as a typed React component (ProtractorLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:pulumi","t":"Pulumi logo","d":"Pulumi logo as a typed React component (PulumiLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:puppet","t":"Puppet logo","d":"Puppet logo as a typed React component (PuppetLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:puppeteer","t":"Puppeteer logo","d":"Puppeteer logo as a typed React component (PuppeteerLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:purescript","t":"Purescript logo","d":"Purescript logo as a typed React component (PurescriptLogo): color, mono, auto dark mode, ","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:pusher","t":"Pusher logo","d":"Pusher logo as a typed React component (PusherLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:pycharm","t":"PyCharm logo","d":"PyCharm logo as a typed React component (PycharmLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:pypi","t":"PyPI logo","d":"PyPI logo as a typed React component (PypiLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:pyscript","t":"PyScript logo","d":"PyScript logo as a typed React component (PyscriptLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:pytest","t":"Pytest logo","d":"Pytest logo as a typed React component (PytestLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:python","t":"Python logo","d":"Python logo as a typed React component (PythonLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:pytorch","t":"PyTorch logo","d":"PyTorch logo as a typed React component (PytorchLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:qdrant","t":"Qdrant logo","d":"Qdrant logo as a typed React component (QdrantLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:qt","t":"Qt logo","d":"Qt logo as a typed React component (QtLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:qualcomm","t":"Qualcomm logo","d":"Qualcomm logo as a typed React component (QualcommLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:quarkus","t":"Quarkus logo","d":"Quarkus logo as a typed React component (QuarkusLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:qwen","t":"Qwen logo","d":"Qwen logo as a typed React component (QwenLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:qwik","t":"Qwik logo","d":"Qwik logo as a typed React component (QwikLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:r","t":"R logo","d":"R logo as a typed React component (RLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:rabbitmq","t":"RabbitMQ logo","d":"RabbitMQ logo as a typed React component (RabbitmqLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:rackspace","t":"Rackspace logo","d":"Rackspace logo as a typed React component (RackspaceLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:radix-ui","t":"Radix UI logo","d":"Radix UI logo as a typed React component (RadixUiLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:rails","t":"Rails logo","d":"Rails logo as a typed React component (RailsLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:railway","t":"Railway logo","d":"Railway logo as a typed React component (RailwayLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ramda","t":"Ramda logo","d":"Ramda logo as a typed React component (RamdaLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:rancher","t":"Rancher logo","d":"Rancher logo as a typed React component (RancherLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:raspberry-pi","t":"Raspberry Pi logo","d":"Raspberry Pi logo as a typed React component (RaspberryPiLogo): color, mono, auto dark mod","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:raycast","t":"Raycast logo","d":"Raycast logo as a typed React component (RaycastLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:razorpay","t":"Razorpay logo","d":"Razorpay logo as a typed React component (RazorpayLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:react","t":"React logo","d":"React logo as a typed React component (ReactLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:react-query","t":"React Query logo","d":"React Query logo as a typed React component (ReactQueryLogo): color, mono, auto dark mode,","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:react-router","t":"React Router logo","d":"React Router logo as a typed React component (ReactRouterLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:react-spring","t":"React Spring logo","d":"React Spring logo as a typed React component (ReactSpringLogo): color, mono, auto dark mod","k":"resource","s":"logoforge","c":"assets/logo","tg":["animated"],"sb":"Dev tools","sy":["animated"],"hc":1},{"id":"logoforge:reactivex","t":"ReactiveX logo","d":"ReactiveX logo as a typed React component (ReactivexLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:realm","t":"Realm logo","d":"Realm logo as a typed React component (RealmLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:reasonml","t":"Reason ML logo","d":"Reason ML logo as a typed React component (ReasonmlLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:recaptcha","t":"reCAPTCHA logo","d":"reCAPTCHA logo as a typed React component (RecaptchaLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:recoil","t":"Recoil logo","d":"Recoil logo as a typed React component (RecoilLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:reddit","t":"Reddit logo","d":"Reddit logo as a typed React component (RedditLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:redhat","t":"Red Hat logo","d":"Red Hat logo as a typed React component (RedhatLogo): color, mono, auto dark mode, wordmar","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:redis","t":"Redis logo","d":"Redis logo as a typed React component (RedisLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:redux","t":"Redux logo","d":"Redux logo as a typed React component (ReduxLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:redwoodjs","t":"RedwoodJS logo","d":"RedwoodJS logo as a typed React component (RedwoodjsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:refine","t":"Refine logo","d":"Refine logo as a typed React component (RefineLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:reflex","t":"Reflex logo","d":"Reflex logo as a typed React component (ReflexLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:relay","t":"Relay logo","d":"Relay logo as a typed React component (RelayLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:remix","t":"Remix logo","d":"Remix logo as a typed React component (RemixLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:render","t":"Render logo","d":"Render logo as a typed React component (RenderLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:renovatebot","t":"Renovate logo","d":"Renovate logo as a typed React component (RenovatebotLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:replicate","t":"Replicate logo","d":"Replicate logo as a typed React component (ReplicateLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:replit","t":"Replit logo","d":"Replit logo as a typed React component (ReplitLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:rescript","t":"ReScript logo","d":"ReScript logo as a typed React component (RescriptLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:resend","t":"Resend logo","d":"Resend logo as a typed React component (ResendLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:rethinkdb","t":"RethinkDB logo","d":"RethinkDB logo as a typed React component (RethinkdbLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:retool","t":"Retool logo","d":"Retool logo as a typed React component (RetoolLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:revolut","t":"Revolut logo","d":"Revolut logo as a typed React component (RevolutLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Payments","hc":1},{"id":"logoforge:rider","t":"Rider logo","d":"Rider logo as a typed React component (RiderLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:riotjs","t":"Riot logo","d":"Riot logo as a typed React component (RiotjsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:risingwave","t":"RisingWave logo","d":"RisingWave logo as a typed React component (RisingwaveLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:roblox","t":"Roblox logo","d":"Roblox logo as a typed React component (RobloxLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:rocket-chat","t":"Rocket.Chat logo","d":"Rocket.Chat logo as a typed React component (RocketChatLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:rocksdb","t":"RocksDB logo","d":"RocksDB logo as a typed React component (RocksdbLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:rocky-linux","t":"Rocky Linux logo","d":"Rocky Linux logo as a typed React component (RockyLinuxLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:rollbar","t":"Rollbar logo","d":"Rollbar logo as a typed React component (RollbarLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:rolldown","t":"Rolldown logo","d":"Rolldown logo as a typed React component (RolldownLogo): color, mono, auto dark mode, word","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:rollup","t":"Rollup.js logo","d":"rollup.js logo as a typed React component (RollupLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ruby","t":"Ruby logo","d":"Ruby logo as a typed React component (RubyLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ruby-on-rails","t":"Ruby on Rails logo","d":"Ruby on Rails logo as a typed React component (RubyOnRailsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:rubygems","t":"RubyGems logo","d":"RubyGems logo as a typed React component (RubygemsLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:rubymine","t":"RubyMine logo","d":"RubyMine logo as a typed React component (RubymineLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:rush","t":"Rush logo","d":"Rush logo as a typed React component (RushLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:rust","t":"Rust logo","d":"Rust logo as a typed React component (RustLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:safari","t":"Safari logo","d":"Safari logo as a typed React component (SafariLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:sails","t":"Sails logo","d":"Sails logo as a typed React component (SailsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:samsung","t":"Samsung logo","d":"Samsung logo as a typed React component (SamsungLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:sanity","t":"Sanity logo","d":"Sanity logo as a typed React component (SanityLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:sass","t":"Sass logo","d":"Sass logo as a typed React component (SassLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:saucelabs","t":"Sauce Labs logo","d":"Sauce Labs logo as a typed React component (SaucelabsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:scala","t":"Scala logo","d":"Scala logo as a typed React component (ScalaLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:scaleway","t":"Scaleway logo","d":"Scaleway logo as a typed React component (ScalewayLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:scikit-learn","t":"Scikit learn logo","d":"scikit-learn logo as a typed React component (ScikitLearnLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:scrimba","t":"Scrimba logo","d":"Scrimba logo as a typed React component (ScrimbaLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:seaborn","t":"Seaborn logo","d":"seaborn logo as a typed React component (SeabornLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:segment","t":"Segment logo","d":"Segment logo as a typed React component (SegmentLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:selenium","t":"Selenium logo","d":"Selenium logo as a typed React component (SeleniumLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:semantic-release","t":"Semantic release logo","d":"semantic-release logo as a typed React component (SemanticReleaseLogo): color, mono, auto ","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:semantic-ui","t":"Semantic UI logo","d":"Semantic UI logo as a typed React component (SemanticUiLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:semaphore","t":"Semaphore logo","d":"Semaphore logo as a typed React component (SemaphoreLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:semrush","t":"Semrush logo","d":"Semrush logo as a typed React component (SemrushLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:sendgrid","t":"SendGrid logo","d":"SendGrid logo as a typed React component (SendgridLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:sentry","t":"Sentry logo","d":"Sentry logo as a typed React component (SentryLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:sequelize","t":"Sequelize logo","d":"Sequelize logo as a typed React component (SequelizeLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:serverless","t":"Serverless logo","d":"Serverless logo as a typed React component (ServerlessLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:shadcn-ui","t":"Shadcn/ui logo","d":"shadcn/ui logo as a typed React component (ShadcnUiLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:shopify","t":"Shopify logo","d":"Shopify logo as a typed React component (ShopifyLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:signal","t":"Signal logo","d":"Signal logo as a typed React component (SignalLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:signoz","t":"SigNoz logo","d":"SigNoz logo as a typed React component (SignozLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:sinatra","t":"Sinatra logo","d":"Sinatra logo as a typed React component (SinatraLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:singlestore","t":"SingleStore logo","d":"SingleStore logo as a typed React component (SinglestoreLogo): color, mono, auto dark mode","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:sketch","t":"Sketch logo","d":"Sketch logo as a typed React component (SketchLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","tg":["playful"],"sb":"Design and work","sy":["playful"],"hc":1},{"id":"logoforge:skillshare","t":"Skillshare logo","d":"Skillshare logo as a typed React component (SkillshareLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:sky","t":"Sky logo","d":"Sky logo as a typed React component (SkyLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:skype","t":"Skype logo","d":"Skype logo as a typed React component (SkypeLogo): color, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:slack","t":"Slack logo","d":"Slack logo as a typed React component (SlackLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Design and work","hc":1},{"id":"logoforge:snapchat","t":"Snapchat logo","d":"Snapchat logo as a typed React component (SnapchatLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:snowflake","t":"Snowflake logo","d":"Snowflake logo as a typed React component (SnowflakeLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:snowpack","t":"Snowpack logo","d":"Snowpack logo as a typed React component (SnowpackLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:snyk","t":"Snyk logo","d":"Snyk logo as a typed React component (SnykLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:socket-io","t":"Socket.io logo","d":"Socket.io logo as a typed React component (SocketIoLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:solana","t":"Solana logo","d":"Solana logo as a typed React component (SolanaLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Crypto","hc":1},{"id":"logoforge:solidity","t":"Solidity logo","d":"Solidity logo as a typed React component (SolidityLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:solidjs","t":"Solid logo","d":"Solid logo as a typed React component (SolidjsLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:sonarcloud","t":"SonarCloud logo","d":"SonarCloud logo as a typed React component (SonarcloudLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:sonarqube","t":"SonarQube logo","d":"SonarQube logo as a typed React component (SonarqubeLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:soundcloud","t":"SoundCloud logo","d":"SoundCloud logo as a typed React component (SoundcloudLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:sourcegraph","t":"Sourcegraph logo","d":"Sourcegraph logo as a typed React component (SourcegraphLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:sourcetree","t":"Sourcetree logo","d":"Sourcetree logo as a typed React component (SourcetreeLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:sparkpost","t":"SparkPost logo","d":"SparkPost logo as a typed React component (SparkpostLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:spinnaker","t":"Spinnaker logo","d":"Spinnaker logo as a typed React component (SpinnakerLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:splunk","t":"Splunk logo","d":"Splunk logo as a typed React component (SplunkLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:spotify","t":"Spotify logo","d":"Spotify logo as a typed React component (SpotifyLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:spree","t":"Spree Commerce logo","d":"Spree Commerce logo as a typed React component (SpreeLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:spring","t":"Spring logo","d":"Spring logo as a typed React component (SpringLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:sqlite","t":"SQLite logo","d":"SQLite logo as a typed React component (SqliteLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:square","t":"Square logo","d":"Square logo as a typed React component (SquareLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:squarespace","t":"Squarespace logo","d":"Squarespace logo as a typed React component (SquarespaceLogo): color, mono, auto dark mode","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:sst","t":"SST logo","d":"SST logo as a typed React component (SstLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:stability-ai","t":"Stability AI logo","d":"Stability AI logo as a typed React component (StabilityAiLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:stackblitz","t":"StackBlitz logo","d":"StackBlitz logo as a typed React component (StackblitzLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:stackoverflow","t":"Stack Overflow logo","d":"Stack Overflow logo as a typed React component (StackoverflowLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:statuspage","t":"Statuspage logo","d":"Statuspage logo as a typed React component (StatuspageLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:steam","t":"Steam logo","d":"Steam logo as a typed React component (SteamLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:steam-deck","t":"Steam Deck logo","d":"Steam Deck logo as a typed React component (SteamDeckLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:stenciljs","t":"Stencil logo","d":"Stencil logo as a typed React component (StenciljsLogo): color, mono, auto dark mode, word","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:stimulus","t":"Stimulus logo","d":"Stimulus logo as a typed React component (StimulusLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:stoplight","t":"StopLight logo","d":"StopLight logo as a typed React component (StoplightLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:storyblok","t":"Storyblok logo","d":"Storyblok logo as a typed React component (StoryblokLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:storybook","t":"Storybook logo","d":"Storybook logo as a typed React component (StorybookLogo): color, mono, auto dark mode, wo","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:strapi","t":"Strapi logo","d":"Strapi logo as a typed React component (StrapiLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:streamlit","t":"Streamlit logo","d":"Streamlit logo as a typed React component (StreamlitLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:stripe","t":"Stripe logo","d":"Stripe logo as a typed React component (StripeLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Payments","hc":1},{"id":"logoforge:struts","t":"Struts logo","d":"Struts logo as a typed React component (StrutsLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:styled-components","t":"Styled components logo","d":"styled-components logo as a typed React component (StyledComponentsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:stylelint","t":"Stylelint logo","d":"stylelint logo as a typed React component (StylelintLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:stylex","t":"StyleX logo","d":"StyleX logo as a typed React component (StylexLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:stylus","t":"Stylus logo","d":"Stylus logo as a typed React component (StylusLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:stytch","t":"Stytch logo","d":"Stytch logo as a typed React component (StytchLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:sublimetext","t":"Sublime Text logo","d":"Sublime Text logo as a typed React component (SublimetextLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:substack","t":"Substack logo","d":"Substack logo as a typed React component (SubstackLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:subversion","t":"Subversion logo","d":"Subversion logo as a typed React component (SubversionLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:suno","t":"Suno logo","d":"Suno logo as a typed React component (SunoLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:supabase","t":"Supabase logo","d":"Supabase logo as a typed React component (SupabaseLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:supertokens","t":"SuperTokens logo","d":"SuperTokens logo as a typed React component (SupertokensLogo): color, mono, auto dark mode","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:surge","t":"Surge logo","d":"Surge logo as a typed React component (SurgeLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:surrealdb","t":"SurrealDB logo","d":"SurrealDB logo as a typed React component (SurrealdbLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:suse","t":"SUSE logo","d":"SUSE logo as a typed React component (SuseLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:svelte","t":"Svelte logo","d":"Svelte logo as a typed React component (SvelteLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:sveltekit","t":"SvelteKit logo","d":"SvelteKit logo as a typed React component (SveltekitLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:svgator","t":"Svgator logo","d":"Svgator logo as a typed React component (SvgatorLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:swagger","t":"Swagger logo","d":"Swagger logo as a typed React component (SwaggerLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:swc","t":"SWC logo","d":"SWC logo as a typed React component (SwcLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:swift","t":"Swift logo","d":"Swift logo as a typed React component (SwiftLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:swr","t":"SWR logo","d":"SWR logo as a typed React component (SwrLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:symfony","t":"Symfony logo","d":"Symfony logo as a typed React component (SymfonyLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:sysdig","t":"Sysdig logo","d":"Sysdig logo as a typed React component (SysdigLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:t3","t":"T3 logo","d":"T3 logo as a typed React component (T3Logo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:tableau","t":"Tableau logo","d":"Tableau logo as a typed React component (TableauLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:tailwindcss","t":"Tailwind CSS logo","d":"Tailwind CSS logo as a typed React component (TailwindcssLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:tanstack","t":"TanStack logo","d":"TanStack logo as a typed React component (TanstackLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:taskade","t":"Taskade logo","d":"Taskade logo as a typed React component (TaskadeLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:tauri","t":"Tauri logo","d":"Tauri logo as a typed React component (TauriLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:teamcity","t":"TeamCity logo","d":"TeamCity logo as a typed React component (TeamcityLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:telegram","t":"Telegram logo","d":"Telegram logo as a typed React component (TelegramLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:temporal","t":"Temporal logo","d":"Temporal logo as a typed React component (TemporalLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:tensorflow","t":"TensorFlow logo","d":"TensorFlow logo as a typed React component (TensorflowLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:terminal","t":"Terminal logo","d":"Terminal logo as a typed React component (TerminalLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"logoforge:terraform","t":"Terraform logo","d":"Terraform logo as a typed React component (TerraformLogo): color, mono, auto dark mode, wo","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:terser","t":"Terser logo","d":"Terser logo as a typed React component (TerserLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:testcafe","t":"TestCafe logo","d":"TestCafe logo as a typed React component (TestcafeLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:testing-library","t":"Testing Library logo","d":"Testing Library logo as a typed React component (TestingLibraryLogo): color, mono, auto da","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:tether","t":"Tether logo","d":"Tether logo as a typed React component (TetherLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:threads","t":"Threads logo","d":"Threads logo as a typed React component (ThreadsLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:threejs","t":"Three.js logo","d":"Three.js logo as a typed React component (ThreejsLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"logoforge:tidal","t":"TIDAL logo","d":"TIDAL logo as a typed React component (TidalLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:tiktok","t":"TikTok logo","d":"TikTok logo as a typed React component (TiktokLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:timescale","t":"Timescale logo","d":"Timescale logo as a typed React component (TimescaleLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:tina","t":"Tina logo","d":"Tina logo as a typed React component (TinaLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:tldraw","t":"Tldraw logo","d":"tldraw logo as a typed React component (TldrawLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:tmux","t":"Tmux logo","d":"tmux logo as a typed React component (TmuxLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:todoist","t":"Todoist logo","d":"Todoist logo as a typed React component (TodoistLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:tomcat","t":"Apache Tomcat logo","d":"Apache Tomcat logo as a typed React component (TomcatLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:toml","t":"TOML logo","d":"TOML logo as a typed React component (TomlLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ton","t":"TON logo","d":"TON logo as a typed React component (TonLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:tor","t":"Tor logo","d":"Tor logo as a typed React component (TorLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:traefik","t":"Traefik Proxy logo","d":"Traefik Proxy logo as a typed React component (TraefikLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:travis-ci","t":"Travis CI logo","d":"Travis CI logo as a typed React component (TravisCiLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:trello","t":"Trello logo","d":"Trello logo as a typed React component (TrelloLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Design and work","hc":1},{"id":"logoforge:trpc","t":"tRPC logo","d":"tRPC logo as a typed React component (TrpcLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:truffle","t":"Truffle logo","d":"Truffle logo as a typed React component (TruffleLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:trustpilot","t":"Trustpilot logo","d":"Trustpilot logo as a typed React component (TrustpilotLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:tsnode","t":"Ts node logo","d":"ts-node logo as a typed React component (TsnodeLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:turbopack","t":"Turbopack logo","d":"Turbopack logo as a typed React component (TurbopackLogo): color, mono, auto dark mode, wo","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:turborepo","t":"Turborepo logo","d":"Turborepo logo as a typed React component (TurborepoLogo): color, mono, auto dark mode, wo","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:turso","t":"Turso logo","d":"Turso logo as a typed React component (TursoLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:twilio","t":"Twilio logo","d":"Twilio logo as a typed React component (TwilioLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:twitch","t":"Twitch logo","d":"Twitch logo as a typed React component (TwitchLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:typeform","t":"Typeform logo","d":"Typeform logo as a typed React component (TypeformLogo): color, mono, auto dark mode, word","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:typeorm","t":"TypeORM logo","d":"TypeORM logo as a typed React component (TypeormLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:typescript","t":"TypeScript logo","d":"TypeScript logo as a typed React component (TypescriptLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:typesense","t":"Typesense logo","d":"typesense logo as a typed React component (TypesenseLogo): color, mono, auto dark mode, wo","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:typo3","t":"TYPO3 logo","d":"TYPO3 logo as a typed React component (Typo3Logo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:uber","t":"Uber logo","d":"Uber logo as a typed React component (UberLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ubuntu","t":"Ubuntu logo","d":"Ubuntu logo as a typed React component (UbuntuLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:udacity","t":"Udacity logo","d":"Udacity logo as a typed React component (UdacityLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:udemy","t":"Udemy logo","d":"Udemy logo as a typed React component (UdemyLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:uikit","t":"UIkit logo","d":"UIkit logo as a typed React component (UikitLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:umbraco","t":"Umbraco logo","d":"Umbraco logo as a typed React component (UmbracoLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:unionpay","t":"UnionPay logo","d":"UnionPay logo as a typed React component (UnionpayLogo): color, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Payments","hc":1},{"id":"logoforge:unity","t":"Unity logo","d":"Unity logo as a typed React component (UnityLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:unjs","t":"UnJS logo","d":"UnJS logo as a typed React component (UnjsLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:unocss","t":"UnoCSS logo","d":"UnoCSS logo as a typed React component (UnocssLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:unrealengine","t":"Unreal Engine logo","d":"Unreal Engine logo as a typed React component (UnrealengineLogo): color, mono, auto dark m","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:unsplash","t":"Unsplash logo","d":"Unsplash logo as a typed React component (UnsplashLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:upstash","t":"Upstash logo","d":"Upstash logo as a typed React component (UpstashLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:uptime-kuma","t":"Uptime Kuma logo","d":"Uptime Kuma logo as a typed React component (UptimeKumaLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:uv","t":"Uv logo","d":"uv logo as a typed React component (UvLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:v","t":"V logo","d":"V logo as a typed React component (VLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:v0","t":"V0 logo","d":"v0 logo as a typed React component (V0Logo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:v8","t":"V8 logo","d":"V8 logo as a typed React component (V8Logo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:vaadin","t":"Vaadin logo","d":"Vaadin logo as a typed React component (VaadinLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:vagrant","t":"Vagrant logo","d":"Vagrant logo as a typed React component (VagrantLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:valkey","t":"Valkey logo","d":"Valkey logo as a typed React component (ValkeyLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:vault","t":"Vault logo","d":"Vault logo as a typed React component (VaultLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:vercel","t":"Vercel logo","d":"Vercel logo as a typed React component (VercelLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"logoforge:vercel-ai-sdk","t":"Vercel AI SDK logo","d":"Vercel AI SDK logo as a typed React component (VercelAiSdkLogo): color, mono, auto dark mo","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:vim","t":"Vim logo","d":"Vim logo as a typed React component (VimLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:vimeo","t":"Vimeo logo","d":"Vimeo logo as a typed React component (VimeoLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:visa","t":"Visa logo","d":"Visa logo as a typed React component (VisaLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Payments","hc":1},{"id":"logoforge:visual-studio","t":"Visual Studio logo","d":"Visual Studio logo as a typed React component (VisualStudioLogo): color, mono, auto dark m","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:vite","t":"Vite logo","d":"Vite logo as a typed React component (ViteLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:vitepress","t":"VitePress logo","d":"VitePress logo as a typed React component (VitepressLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:vitess","t":"Vitess logo","d":"Vitess logo as a typed React component (VitessLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:vitest","t":"Vitest logo","d":"Vitest logo as a typed React component (VitestLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:vivaldi","t":"Vivaldi logo","d":"Vivaldi logo as a typed React component (VivaldiLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:vk","t":"VK logo","d":"VK logo as a typed React component (VkLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:vmware","t":"VMware logo","d":"VMware logo as a typed React component (VmwareLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:vscode","t":"Visual Studio Code logo","d":"Visual Studio Code logo as a typed React component (VscodeLogo): color, mono, auto dark mo","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:vue","t":"Vue.js logo","d":"Vue.js logo as a typed React component (VueLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:vuetifyjs","t":"Vuetify logo","d":"Vuetify logo as a typed React component (VuetifyjsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:vueuse","t":"VueUse logo","d":"VueUse logo as a typed React component (VueuseLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"logoforge:vultr","t":"Vultr logo","d":"Vultr logo as a typed React component (VultrLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:vwo","t":"VWO logo","d":"VWO logo as a typed React component (VwoLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:w3schools","t":"W3Schools logo","d":"W3Schools logo as a typed React component (W3schoolsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:wagtail","t":"Wagtail logo","d":"Wagtail logo as a typed React component (WagtailLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:wakatime","t":"WakaTime logo","d":"WakaTime logo as a typed React component (WakatimeLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:warp","t":"Warp logo","d":"Warp logo as a typed React component (WarpLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:web3js","t":"Web3.js logo","d":"Web3.js logo as a typed React component (Web3jsLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:webassembly","t":"WebAssembly logo","d":"WebAssembly logo as a typed React component (WebassemblyLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:webdriverio","t":"WebdriverIO logo","d":"WebdriverIO logo as a typed React component (WebdriverioLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:webflow","t":"Webflow logo","d":"Webflow logo as a typed React component (WebflowLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:webgl","t":"WebGL logo","d":"WebGL logo as a typed React component (WebglLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"logoforge:webhooks","t":"Webhooks logo","d":"Webhooks logo as a typed React component (WebhooksLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:webkit","t":"WebKit logo","d":"WebKit logo as a typed React component (WebkitLogo): color, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:webpack","t":"Webpack logo","d":"webpack logo as a typed React component (WebpackLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:webrtc","t":"WebRTC logo","d":"WebRTC logo as a typed React component (WebrtcLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:websocket","t":"WebSocket logo","d":"WebSocket logo as a typed React component (WebsocketLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:webstorm","t":"WebStorm logo","d":"WebStorm logo as a typed React component (WebstormLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:wechat","t":"WeChat logo","d":"WeChat logo as a typed React component (WechatLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:whatsapp","t":"WhatsApp logo","d":"WhatsApp logo as a typed React component (WhatsappLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:windi-css","t":"Windi CSS logo","d":"Windi CSS logo as a typed React component (WindiCssLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:windsurf","t":"Windsurf logo","d":"Windsurf logo as a typed React component (WindsurfLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:wise","t":"Wise logo","d":"Wise logo as a typed React component (WiseLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Payments","hc":1},{"id":"logoforge:wix","t":"Wix logo","d":"Wix logo as a typed React component (WixLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:woocommerce","t":"WooCommerce logo","d":"WooCommerce logo as a typed React component (WoocommerceLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:wordpress","t":"WordPress logo","d":"WordPress logo as a typed React component (WordpressLogo): color, mono, auto dark mode, wo","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:workos","t":"WorkOS logo","d":"WorkOS logo as a typed React component (WorkosLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:wpengine","t":"WP Engine logo","d":"WP Engine logo as a typed React component (WpengineLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:x","t":"X logo","d":"X logo as a typed React component (XLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:xai","t":"xAI logo","d":"xAI logo as a typed React component (XaiLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","sb":"AI","hc":1},{"id":"logoforge:xamarin","t":"Xamarin logo","d":"Xamarin logo as a typed React component (XamarinLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:xata","t":"Xata logo","d":"Xata logo as a typed React component (XataLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:xcode","t":"Xcode logo","d":"Xcode logo as a typed React component (XcodeLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:xrp","t":"XRP logo","d":"XRP logo as a typed React component (XrpLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:xstate","t":"XState logo","d":"XState logo as a typed React component (XstateLogo): color, mono, auto dark mode, wordmark","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:yaml","t":"YAML logo","d":"YAML logo as a typed React component (YamlLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:yarn","t":"Yarn logo","d":"Yarn logo as a typed React component (YarnLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:ycombinator","t":"Y Combinator logo","d":"Y Combinator logo as a typed React component (YcombinatorLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:yii","t":"Yii logo","d":"Yii logo as a typed React component (YiiLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:yoco","t":"Yoco logo","d":"Yoco logo as a typed React component (YocoLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:youtube","t":"YouTube logo","d":"YouTube logo as a typed React component (YoutubeLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:youtubemusic","t":"YouTube Music logo","d":"YouTube Music logo as a typed React component (YoutubemusicLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"logoforge:yugabyte","t":"YugabyteDB logo","d":"YugabyteDB logo as a typed React component (YugabyteLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:zabbix","t":"Zabbix logo","d":"Zabbix logo as a typed React component (ZabbixLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:zapier","t":"Zapier logo","d":"Zapier logo as a typed React component (ZapierLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:zed","t":"Zed Industries logo","d":"Zed Industries logo as a typed React component (ZedLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:zen-browser","t":"Zen Browser logo","d":"Zen Browser logo as a typed React component (ZenBrowserLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:zendesk","t":"Zendesk logo","d":"Zendesk logo as a typed React component (ZendeskLogo): color, mono, auto dark mode, wordma","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:zeplin","t":"Zeplin logo","d":"Zeplin logo as a typed React component (ZeplinLogo): color, mono.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:zeroheight","t":"Zeroheight logo","d":"zeroheight logo as a typed React component (ZeroheightLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:zig","t":"Zig logo","d":"Zig logo as a typed React component (ZigLogo): color, mono, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:zod","t":"Zod logo","d":"Zod logo as a typed React component (ZodLogo): color, auto dark mode.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:zoom","t":"Zoom logo","d":"Zoom logo as a typed React component (ZoomLogo): color, mono, auto dark mode, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:zsh","t":"Zsh logo","d":"Zsh logo as a typed React component (ZshLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"logoforge:zulip","t":"Zulip logo","d":"Zulip logo as a typed React component (ZulipLogo): color, mono, wordmark.","k":"resource","s":"logoforge","c":"assets/logo","hc":1},{"id":"lucide-animated:a-arrow-down","t":"A arrow down","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:a-arrow-up","t":"A arrow up","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:accessibility","t":"Accessibility","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:activity","t":"Activity","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:air-vent","t":"Air vent","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:airplane","t":"Airplane","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:airplay","t":"Airplay","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:alarm-clock","t":"Alarm clock","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:alarm-clock-check","t":"Alarm clock check","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:alarm-clock-minus","t":"Alarm clock minus","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:alarm-clock-plus","t":"Alarm clock plus","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:alarm-smoke","t":"Alarm smoke","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:align-center","t":"Align center","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:align-horizontal","t":"Align horizontal","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:align-left","t":"Align left","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:align-right","t":"Align right","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:align-vertical","t":"Align vertical","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:ambulance","t":"Ambulance","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:angry","t":"Angry","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:annoyed","t":"Annoyed","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:archive","t":"Archive","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:arrow-big-down","t":"Arrow big down","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:arrow-big-down-dash","t":"Arrow big down dash","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:arrow-big-left","t":"Arrow big left","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:arrow-big-left-dash","t":"Arrow big left dash","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:arrow-big-right","t":"Arrow big right","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:arrow-big-right-dash","t":"Arrow big right dash","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:arrow-big-up","t":"Arrow big up","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:arrow-big-up-dash","t":"Arrow big up dash","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:arrow-down","t":"Arrow down","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:arrow-down-0-1","t":"Arrow down 0 #1","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:arrow-down-1-0","t":"Arrow down 1 #0","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:arrow-down-a-z","t":"Arrow down a z","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:arrow-down-left","t":"Arrow down left","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:arrow-down-right","t":"Arrow down right","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:arrow-down-z-a","t":"Arrow down z a","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:arrow-left","t":"Arrow left","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:arrow-right","t":"Arrow right","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:arrow-up","t":"Arrow up","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:arrow-up-left","t":"Arrow up left","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:arrow-up-right","t":"Arrow up right","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:at-sign","t":"At sign","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:atom","t":"Atom","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:attach-file","t":"Attach file","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:audio-lines","t":"Audio lines","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:axe","t":"Axe","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:badge-alert","t":"Badge alert","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:badge-percent","t":"Badge percent","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:ban","t":"Ban","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:banana","t":"Banana","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:battery","t":"Battery","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:battery-charging","t":"Battery charging","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:battery-full","t":"Battery full","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:battery-low","t":"Battery low","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:battery-medium","t":"Battery medium","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:battery-plus","t":"Battery plus","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:battery-warning","t":"Battery warning","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:bell","t":"Bell","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:bell-electric","t":"Bell electric","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:biceps-flexed","t":"Biceps flexed","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:binary","t":"Binary","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:blocks","t":"Blocks","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:bluetooth","t":"Bluetooth","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:bluetooth-connected","t":"Bluetooth connected","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:bluetooth-off","t":"Bluetooth off","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:bluetooth-searching","t":"Bluetooth searching","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:bold","t":"Bold","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:bone","t":"Bone","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:book-text","t":"Book text","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:bookmark","t":"Bookmark","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"lucide-animated:bookmark-check","t":"Bookmark check","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:bookmark-minus","t":"Bookmark minus","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:bookmark-plus","t":"Bookmark plus","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:bot","t":"Bot","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:bot-message-square","t":"Bot message square","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:box","t":"Box","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:boxes","t":"Boxes","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:brain","t":"Brain","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:briefcase-business","t":"Briefcase business","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:calendar-check","t":"Calendar check","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"lucide-animated:calendar-cog","t":"Calendar cog","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:calendar-days","t":"Calendar days","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:car","t":"Car","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:cart","t":"Cart","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:cast","t":"Cast","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:cctv","t":"Cctv","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chart-bar-decreasing","t":"Chart bar decreasing","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chart-bar-increasing","t":"Chart bar increasing","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chart-column-decreasing","t":"Chart column decreasing","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chart-column-increasing","t":"Chart column increasing","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chart-line","t":"Chart line","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chart-no-axes-column-decreasing","t":"Chart no axes column decreasing","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chart-no-axes-column-increasing","t":"Chart no axes column increasing","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chart-pie","t":"Chart pie","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chart-scatter","t":"Chart scatter","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chart-spline","t":"Chart spline","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:check","t":"Check","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:check-check","t":"Check check","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chess-bishop","t":"Chess bishop","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chess-king","t":"Chess king","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chess-knight","t":"Chess knight","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chess-pawn","t":"Chess pawn","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chevron-down","t":"Chevron down","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chevron-first","t":"Chevron first","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chevron-left","t":"Chevron left","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chevron-right","t":"Chevron right","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chevron-up","t":"Chevron up","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chevrons-down-up","t":"Chevrons down up","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chevrons-left-right","t":"Chevrons left right","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chevrons-right-left","t":"Chevrons right left","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chevrons-up-down","t":"Chevrons up down","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:chrome","t":"Chrome","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:cigarette","t":"Cigarette","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:cigarette-off","t":"Cigarette off","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:circle-check","t":"Circle check","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:circle-chevron-down","t":"Circle chevron down","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:circle-chevron-left","t":"Circle chevron left","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:circle-chevron-right","t":"Circle chevron right","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:circle-chevron-up","t":"Circle chevron up","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:circle-dashed","t":"Circle dashed","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:circle-dollar-sign","t":"Circle dollar sign","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:circle-gauge","t":"Circle gauge","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:circle-help","t":"Circle help","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:clap","t":"Clap","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:clipboard-check","t":"Clipboard check","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:clock","t":"Clock","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:cloud-backup","t":"Cloud backup","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:cloud-cog","t":"Cloud cog","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:cloud-download","t":"Cloud download","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:cloud-lightning","t":"Cloud lightning","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:cloud-rain","t":"Cloud rain","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:cloud-rain-wind","t":"Cloud rain wind","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:cloud-snow","t":"Cloud snow","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:cloud-sun","t":"Cloud sun","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:cloud-sync","t":"Cloud sync","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:cloud-upload","t":"Cloud upload","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:coffee","t":"Coffee","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:cog","t":"Cog","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:compass","t":"Compass","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:concierge-bell","t":"Concierge bell","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:connect","t":"Connect","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:construction","t":"Construction","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:contrast","t":"Contrast","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:cooking-pot","t":"Cooking pot","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:copy","t":"Copy","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:corner-down-left","t":"Corner down left","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:corner-down-right","t":"Corner down right","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:corner-left-down","t":"Corner left down","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:corner-left-up","t":"Corner left up","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:corner-right-down","t":"Corner right down","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:corner-right-up","t":"Corner right up","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:corner-up-left","t":"Corner up left","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:corner-up-right","t":"Corner up right","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:cpu","t":"Cpu","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:credit-card","t":"Credit card","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:cup-soda","t":"Cup soda","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:cursor-click","t":"Cursor click","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:database-backup","t":"Database backup","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:delete","t":"Delete","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:disc-3","t":"Disc #3","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:discord","t":"Discord","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:dollar-sign","t":"Dollar sign","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:download","t":"Download","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:downvote","t":"Downvote","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:dribbble","t":"Dribbble","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:droplet","t":"Droplet","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:drum","t":"Drum","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:earth","t":"Earth","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:euro","t":"Euro","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:ev-charger","t":"Ev charger","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:expand","t":"Expand","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:external-link","t":"External link","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:eye","t":"Eye","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:eye-off","t":"Eye off","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:facebook","t":"Facebook","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:fan","t":"Fan","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:feather","t":"Feather","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:figma","t":"Figma","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:file-chart-line","t":"File chart line","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:file-check","t":"File check","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"lucide-animated:file-cog","t":"File cog","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:file-pen-line","t":"File pen line","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:file-stack","t":"File stack","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:file-text","t":"File text","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:fingerprint","t":"Fingerprint","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:fish-symbol","t":"Fish symbol","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:flame","t":"Flame","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:flask","t":"Flask","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:folder-archive","t":"Folder archive","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:folder-check","t":"Folder check","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:folder-clock","t":"Folder clock","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:folder-code","t":"Folder code","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:folder-cog","t":"Folder cog","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:folder-dot","t":"Folder dot","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:folder-down","t":"Folder down","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:folder-git","t":"Folder git","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"lucide-animated:folder-heart","t":"Folder heart","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:folder-input","t":"Folder input","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:folder-kanban","t":"Folder kanban","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:folder-key","t":"Folder key","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:folder-lock","t":"Folder lock","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:folder-minus","t":"Folder minus","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:folder-open","t":"Folder open","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:folder-output","t":"Folder output","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:folder-plus","t":"Folder plus","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:folder-root","t":"Folder root","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:folder-sync","t":"Folder sync","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:folder-tree","t":"Folder tree","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:folder-up","t":"Folder up","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:folder-x","t":"Folder x","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:folders","t":"Folders","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:frame","t":"Frame","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:frown","t":"Frown","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:gallery-horizontal-end","t":"Gallery horizontal end","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:gallery-thumbnails","t":"Gallery thumbnails","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:gallery-vertical-end","t":"Gallery vertical end","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:gauge","t":"Gauge","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:gavel","t":"Gavel","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:georgian-lari","t":"Georgian lari","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:git-branch","t":"Git branch","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:git-commit-horizontal","t":"Git commit horizontal","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:git-commit-vertical","t":"Git commit vertical","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:git-compare","t":"Git compare","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:git-compare-arrows","t":"Git compare arrows","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:git-fork","t":"Git fork","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:git-graph","t":"Git graph","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:git-merge","t":"Git merge","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:git-pull-request","t":"Git pull request","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:git-pull-request-closed","t":"Git pull request closed","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:git-pull-request-create","t":"Git pull request create","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:github","t":"Github","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:gitlab","t":"Gitlab","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:graduation-cap","t":"Graduation cap","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:grip","t":"Grip","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:grip-horizontal","t":"Grip horizontal","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:grip-vertical","t":"Grip vertical","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:hammer","t":"Hammer","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:hand","t":"Hand","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:hand-coins","t":"Hand coins","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:hand-fist","t":"Hand fist","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:hand-grab","t":"Hand grab","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:hand-heart","t":"Hand heart","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:hand-helping","t":"Hand helping","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:hand-metal","t":"Hand metal","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:hard-drive-download","t":"Hard drive download","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:hard-drive-upload","t":"Hard drive upload","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:hat-glasses","t":"Hat glasses","k":"resource","s":"lucide-animated","c":"assets/icon","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"lucide-animated:heart","t":"Heart","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:heart-handshake","t":"Heart handshake","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:heart-pulse","t":"Heart pulse","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:history","t":"History","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:home","t":"Home","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:hourglass","t":"Hourglass","k":"resource","s":"lucide-animated","c":"assets/icon","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"lucide-animated:id-card","t":"Id card","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:indian-rupee","t":"Indian rupee","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:instagram","t":"Instagram","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:italic","t":"Italic","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:japanese-yen","t":"Japanese yen","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:key","t":"Key","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:key-circle","t":"Key circle","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:key-square","t":"Key square","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:keyboard","t":"Keyboard","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:languages","t":"Languages","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:laptop-minimal-check","t":"Laptop minimal check","k":"resource","s":"lucide-animated","c":"assets/icon","tg":["minimal"],"sb":"Animated","sy":["minimal"],"hc":1},{"id":"lucide-animated:laugh","t":"Laugh","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:layers","t":"Layers","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:layout-grid","t":"Layout grid","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:layout-panel-top","t":"Layout panel top","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:leaf","t":"Leaf","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:leafy-green","t":"Leafy green","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:link","t":"Link","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"lucide-animated:linkedin","t":"Linkedin","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:loader","t":"Loader","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:loader-circle","t":"Loader circle","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:loader-pinwheel","t":"Loader pinwheel","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:lock","t":"Lock","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:lock-keyhole","t":"Lock keyhole","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:lock-keyhole-open","t":"Lock keyhole open","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:lock-open","t":"Lock open","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:login","t":"Login","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:logout","t":"Logout","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:mail-check","t":"Mail check","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:mailbox","t":"Mailbox","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:map-pin","t":"Map pin","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:map-pin-check","t":"Map pin check","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:map-pin-check-inside","t":"Map pin check inside","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:map-pin-house","t":"Map pin house","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:map-pin-minus","t":"Map pin minus","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:map-pin-minus-inside","t":"Map pin minus inside","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:map-pin-off","t":"Map pin off","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:map-pin-plus","t":"Map pin plus","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:map-pin-plus-inside","t":"Map pin plus inside","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:map-pin-x-inside","t":"Map pin x inside","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:maximize","t":"Maximize","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"lucide-animated:meh","t":"Meh","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:menu","t":"Menu","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:message-circle","t":"Message circle","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"lucide-animated:message-circle-check","t":"Message circle check","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:message-circle-dashed","t":"Message circle dashed","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:message-circle-more","t":"Message circle more","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:message-circle-plus","t":"Message circle plus","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:message-square","t":"Message square","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"lucide-animated:message-square-check","t":"Message square check","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:message-square-dashed","t":"Message square dashed","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:message-square-more","t":"Message square more","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:message-square-plus","t":"Message square plus","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:mic","t":"Mic","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:mic-off","t":"Mic off","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:minimize","t":"Minimize","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:monitor-check","t":"Monitor check","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:monitor-cog","t":"Monitor cog","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:moon","t":"Moon","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:nfc","t":"Nfc","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:palette","t":"Palette","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:panel-left-close","t":"Panel left close","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:panel-left-open","t":"Panel left open","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:panel-right-open","t":"Panel right open","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:party-popper","t":"Party popper","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:pause","t":"Pause","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:pen-tool","t":"Pen tool","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:philippine-peso","t":"Philippine peso","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:phone","t":"Phone","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:phone-call","t":"Phone call","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:phone-forwarded","t":"Phone forwarded","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:phone-incoming","t":"Phone incoming","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:phone-missed","t":"Phone missed","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:phone-off","t":"Phone off","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:pickaxe","t":"Pickaxe","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:plane-landing","t":"Plane landing","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:plane-takeoff","t":"Plane takeoff","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:play","t":"Play","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:plug-zap","t":"Plug zap","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:plus","t":"Plus","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:pound-sterling","t":"Pound sterling","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:projector","t":"Projector","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:rabbit","t":"Rabbit","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:radio","t":"Radio","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:radio-tower","t":"Radio tower","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:receipt","t":"Receipt","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:receipt-cent","t":"Receipt cent","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:receipt-euro","t":"Receipt euro","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:receipt-indian-rupee","t":"Receipt indian rupee","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:receipt-japanese-yen","t":"Receipt japanese yen","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:receipt-pound-sterling","t":"Receipt pound sterling","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:receipt-russian-ruble","t":"Receipt russian ruble","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:receipt-swiss-franc","t":"Receipt swiss franc","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:receipt-text","t":"Receipt text","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:receipt-turkish-lira","t":"Receipt turkish lira","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:redo","t":"Redo","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:redo-dot","t":"Redo dot","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:refresh-ccw","t":"Refresh ccw","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:refresh-ccw-dot","t":"Refresh ccw dot","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:refresh-cw","t":"Refresh cw","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:refresh-cw-off","t":"Refresh cw off","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:rocket","t":"Rocket","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:rocking-chair","t":"Rocking chair","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:roller-coaster","t":"Roller coaster","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:rotate-ccw","t":"Rotate ccw","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:rotate-cw","t":"Rotate cw","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:route","t":"Route","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:router","t":"Router","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:russian-ruble","t":"Russian ruble","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:satellite-dish","t":"Satellite dish","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:saudi-riyal","t":"Saudi riyal","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:scan-face","t":"Scan face","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:scan-text","t":"Scan text","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:search","t":"Search","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:send","t":"Send","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:server","t":"Server","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:server-cog","t":"Server cog","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:server-crash","t":"Server crash","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:settings","t":"Settings","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:shield-check","t":"Shield check","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:ship","t":"Ship","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:ship-wheel","t":"Ship wheel","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:shower-head","t":"Shower head","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:shredder","t":"Shredder","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:shrink","t":"Shrink","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:sliders-horizontal","t":"Sliders horizontal","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:smartphone-charging","t":"Smartphone charging","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:smartphone-nfc","t":"Smartphone nfc","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:smile","t":"Smile","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:smile-plus","t":"Smile plus","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:snowflake","t":"Snowflake","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:soup","t":"Soup","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:sparkles","t":"Sparkles","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:spray-can","t":"Spray can","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:square-activity","t":"Square activity","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:square-arrow-down","t":"Square arrow down","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:square-arrow-left","t":"Square arrow left","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:square-arrow-right","t":"Square arrow right","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:square-arrow-up","t":"Square arrow up","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:square-chevron-down","t":"Square chevron down","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:square-chevron-left","t":"Square chevron left","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:square-chevron-right","t":"Square chevron right","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:square-chevron-up","t":"Square chevron up","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:square-pen","t":"Square pen","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:square-stack","t":"Square stack","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:stamp","t":"Stamp","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:stethoscope","t":"Stethoscope","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:sun","t":"Sun","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:sun-dim","t":"Sun dim","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:sun-medium","t":"Sun medium","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:sun-moon","t":"Sun moon","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:sunset","t":"Sunset","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:swiss-franc","t":"Swiss franc","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:switch-camera","t":"Switch camera","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:syringe","t":"Syringe","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:telescope","t":"Telescope","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:terminal","t":"Terminal","k":"resource","s":"lucide-animated","c":"assets/icon","tg":["retro and HUD"],"sb":"Animated","sy":["retro and HUD"],"hc":1},{"id":"lucide-animated:thermometer","t":"Thermometer","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:ticket","t":"Ticket","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:timer","t":"Timer","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:tornado","t":"Tornado","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:train-track","t":"Train track","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:tree-deciduous","t":"Tree deciduous","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:tree-pine","t":"Tree pine","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:trending-down","t":"Trending down","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:trending-up","t":"Trending up","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:trending-up-down","t":"Trending up down","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:truck","t":"Truck","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:turkish-lira","t":"Turkish lira","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:twitch","t":"Twitch","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:twitter","t":"Twitter","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:underline","t":"Underline","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:undo","t":"Undo","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:undo-dot","t":"Undo dot","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:upload","t":"Upload","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:upvote","t":"Upvote","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:user","t":"User","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:user-check","t":"User check","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:user-plus","t":"User plus","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:user-round-check","t":"User round check","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:user-round-cog","t":"User round cog","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:user-round-plus","t":"User round plus","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:users","t":"Users","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:users-round","t":"Users round","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:vibrate","t":"Vibrate","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:volume","t":"Volume","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:wallet","t":"Wallet","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:washing-machine","t":"Washing machine","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:waves","t":"Waves","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:waves-arrow-down","t":"Waves arrow down","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:waves-arrow-up","t":"Waves arrow up","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:waves-ladder","t":"Waves ladder","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:waypoints","t":"Waypoints","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:webhook","t":"Webhook","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:wifi","t":"Wifi","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:wifi-cog","t":"Wifi cog","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:wifi-low","t":"Wifi low","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:wifi-pen","t":"Wifi pen","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:wifi-sync","t":"Wifi sync","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:wind","t":"Wind","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:wind-arrow-down","t":"Wind arrow down","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:workflow","t":"Workflow","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:wrench","t":"Wrench","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:x","t":"X","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:youtube","t":"Youtube","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:zap","t":"Zap","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lucide-animated:zap-off","t":"Zap off","k":"resource","s":"lucide-animated","c":"assets/icon","sb":"Animated","hc":1},{"id":"lumiui:ui","t":"Ui","s":"lumiui","c":"other/other"},{"id":"lumiui:chat-input","t":"Chat Input","d":"A chat input component.","s":"lumiui","c":"ai-agent/composer","hc":1},{"id":"lumiui:utils","t":"Utils","k":"lib","s":"lumiui","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"lumiui:use-mobile","t":"Use mobile","k":"lib","s":"lumiui","c":"lib/hook","hc":1,"cp":1},{"id":"lumiui:accordion","t":"Accordion","d":"A set of collapsible panels with headings.","s":"lumiui","c":"data-display/accordion","hc":1},{"id":"lumiui:avatar","t":"Avatar","d":"An easily stylable avatar component.","s":"lumiui","c":"data-display/avatar","hc":1},{"id":"lumiui:alert-dialog","t":"Alert Dialog","d":"A dialog that requires user response to proceed.","s":"lumiui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"lumiui:dialog","t":"Dialog","d":"A popup that opens on top of the entire page.","s":"lumiui","c":"overlays/dialog","sb":"Forms","vn":2,"hc":1},{"id":"lumiui:drawer","t":"Drawer","d":"A panel that slides in from the edge of the screen.","s":"lumiui","c":"overlays/sheet","hc":1},{"id":"lumiui:tabs","t":"Tabs","d":"A component for toggling between related panels on the same page.","s":"lumiui","c":"navigation/tabs","hc":1},{"id":"lumiui:scroll-area","t":"Scroll Area","d":"A native scroll container with custom scrollbars.","k":"layout","s":"lumiui","c":"layout/scroll-area","hc":1},{"id":"lumiui:popover","t":"Popover","d":"An accessible popup anchored to a button.","s":"lumiui","c":"overlays/popover","hc":1},{"id":"lumiui:dropdown-menu","t":"Dropdown Menu","d":"A list of actions in a dropdown, enhanced with keyboard navigation.","s":"lumiui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"lumiui:autocomplete","t":"Autocomplete","d":"An input that suggests options as you type.","s":"lumiui","c":"inputs/combobox","hc":1},{"id":"lumiui:input","t":"Input","d":"A native input element that automatically works with Field.","s":"lumiui","c":"inputs/form-field","hc":1},{"id":"lumiui:button","t":"Button","d":"A button component that can be rendered as another tag or focusable when disabled.","s":"lumiui","c":"actions/button","hc":1},{"id":"lumiui:checkbox","t":"Checkbox","d":"An easily stylable checkbox component.","s":"lumiui","c":"inputs/checkbox","vn":1,"hc":1},{"id":"lumiui:switch","t":"Switch","d":"A control that indicates whether a setting is on or off.","s":"lumiui","c":"actions/switch","hc":1},{"id":"lumiui:select","t":"Select","d":"A common form component for choosing a predefined value in a dropdown menu.","s":"lumiui","c":"inputs/select","hc":1},{"id":"lumiui:navigation-menu","t":"Navigation Menu","d":"A collection of links and menus for website navigation.","s":"lumiui","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"lumiui:collapsible","t":"Collapsible","d":"A collapsible panel controlled by a button.","s":"lumiui","c":"data-display/accordion","vn":1,"hc":1},{"id":"lumiui:command-menu","t":"Command Menu","d":"A mobile-friendly command palette for search and quick actions.","s":"lumiui","c":"navigation/command-palette","hc":1},{"id":"lumiui:progress","t":"Progress","d":"Displays the status of a task that takes a long time.","s":"lumiui","c":"data-viz/progress-bar","hc":1},{"id":"lumiui:field","t":"Field","d":"A component that provides labeling and validation for form controls.","s":"lumiui","c":"inputs/form-field","hc":1},{"id":"lumiui:fieldset","t":"Field Set","d":"A native fieldset element with an easily stylable legend.","s":"lumiui","c":"inputs/form-field","hc":1},{"id":"lumiui:form","t":"Form","d":"A native form element with consolidated error handling.","s":"lumiui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"lumiui:radio","t":"Radio","d":"An easily stylable radio button component.","s":"lumiui","c":"inputs/radio","hc":1},{"id":"lumiui:tooltip","t":"Tooltip","d":"A popup that appears when an element is hovered or focused, showing a hint for sighted use","s":"lumiui","c":"overlays/tooltip","hc":1},{"id":"lumiui:toggle","t":"Toggle","d":"A two-state button that can be on or off.","s":"lumiui","c":"actions/switch","vn":1,"hc":1},{"id":"lumiui:toast","t":"Toast","d":"Generates toast notifications.","s":"lumiui","c":"overlays/toast","hc":1},{"id":"lumiui:slider","t":"Slider","d":"An easily stylable range input.","s":"lumiui","c":"inputs/slider","vn":1,"hc":1},{"id":"lumiui:separator","t":"Separator","d":"A separator element accessible to screen readers.","k":"layout","s":"lumiui","c":"layout/page-shell","hc":1},{"id":"lumiui:number-field","t":"Number Field","d":"A numeric input element with increment and decrement buttons, and a scrub area.","s":"lumiui","c":"inputs/number-input","hc":1},{"id":"lumiui:meter","t":"Meter","d":"A graphical display of a numeric value within a range.","s":"lumiui","c":"data-viz/gauge","hc":1},{"id":"lumiui:otp-field","t":"OTP Field","d":"A one-time password input composed of individual character slots.","s":"lumiui","c":"inputs/otp-input","hc":1},{"id":"lumiui:toolbar","t":"Toolbar","d":"A container for grouping a set of buttons and controls.","s":"lumiui","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"lumiui:context-menu","t":"Context Menu","d":"A menu that appears at the pointer on right click or long press.","s":"lumiui","c":"overlays/context-menu","hc":1},{"id":"lumiui:combobox","t":"Combobox","d":"An input combined with a list of predefined items to select.","s":"lumiui","c":"inputs/combobox","hc":1},{"id":"lumiui:menubar","t":"Menubar","d":"A menu bar providing commands and options for your application.","s":"lumiui","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"lumiui:sheet","t":"Sheet","d":"Extends the Dialog component to display content that complements the main content of the s","s":"lumiui","c":"overlays/sheet","hc":1},{"id":"lumiui:resizable","t":"Resizable","d":"Accessible resizable panel groups and layouts with keyboard support.","k":"layout","s":"lumiui","c":"layout/split-pane","hc":1},{"id":"lumiui:arrow-svg","t":"Arrow SVG","d":"Arrow SVG component.","s":"lumiui","c":"other/other","hc":1},{"id":"lumiui:label","t":"Label","d":"Renders an accessible label associated with controls.","s":"lumiui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"lumiui:sidebar","t":"Sidebar","d":"App sidebar","s":"lumiui","c":"navigation/sidebar","vn":2,"hc":1},{"id":"lumiui:textarea","t":"Textarea","d":"A native textarea element.","s":"lumiui","c":"inputs/textarea","hc":1},{"id":"lumiui:chart","t":"Chart","d":"Beautiful charts. Built using Recharts.","s":"lumiui","c":"data-viz/chart","hc":1},{"id":"lumiui:breadcrumb","t":"Breadcrumb","d":"Displays the path to the current resource using a hierarchy of links.","s":"lumiui","c":"navigation/breadcrumb","hc":1},{"id":"lumiui:badge","t":"Badge","d":"Displays a small count or status indicator.","s":"lumiui","c":"data-display/badge","hc":1},{"id":"lumiui:card","t":"Card","d":"Displays content inside a themed container.","s":"lumiui","c":"data-display/card","vn":1,"hc":1},{"id":"lumiui:kbd","t":"KBD","d":"Styles keyboard key hints and key groups.","s":"lumiui","c":"data-display/typography","hc":1},{"id":"lumiui:skeleton","t":"Skeleton","d":"A placeholder used while content is loading.","s":"lumiui","c":"status/skeleton","hc":1},{"id":"lumiui:project-status-picker","t":"Project Status Picker","d":"A compact status selector optimized for efficiency. Features custom hotkey logic for insta","s":"lumiui","c":"inputs/select","hc":1},{"id":"lumiui:expandable-dialog","t":"Expandable Dialog","d":"Responsive dialog that can expand and shrink","s":"lumiui","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"lumiui:morphing-dialog","t":"Morphing Dialog","d":"A fluid card-to-modal transition pattern. Combines Base UI's accessible dialog primitives ","s":"lumiui","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"lumiui:vercel-notification","t":"Vercel Notification Popover","d":"A Vercel-style notification center that adapts to the device. Renders as a popover on desk","s":"lumiui","c":"overlays/notifications","hc":1},{"id":"lumiui:t3-model-selector","t":"T3 Chat Model Selector","d":"A multi-tabbed popover for selecting items from categorized groups. Features vertical navi","s":"lumiui","c":"ai-agent/ai-agent","tg":["minimal"],"sb":"Chat","sy":["minimal"],"hc":1},{"id":"lumiui:team-switcher","t":"Team Switcher","d":"A team switcher component that allows users to switch teams. Features a sheet modal for cr","k":"section","s":"lumiui","c":"marketing/team","hc":1},{"id":"lumiui:onboarding-dialog","t":"Onboarding Dialog","d":"A multi-step onboarding dialog with carousel navigation.","s":"lumiui","c":"overlays/dialog","sb":"Onboarding","hc":1},{"id":"lytenyte:lytenyte-core","t":"LyteNyte Core","d":"The free Core edition of LyteNyte Grid, an incredibly fast and feature complete React Data","k":"section","s":"lytenyte","c":"marketing/features","hc":1},{"id":"lytenyte:lytenyte-pro","t":"LyteNyte PRO","d":"The commercial PRO edition of LyteNyte Grid, the fastest data grid every created for the m","s":"lytenyte","c":"other/other","hc":1},{"id":"magicui:index","t":"Index","k":"theme","s":"magicui","c":"themes/style"},{"id":"magicui:magic-card","t":"Magic Card","d":"A spotlight effect that follows your mouse cursor and highlights borders on hover.","s":"magicui","c":"data-display/card","sb":"Animated and glowing","vn":2,"hc":1},{"id":"magicui:android","t":"Android","d":"A mockup of an Android device.","s":"magicui","c":"media/mockup","vn":3,"hc":1},{"id":"magicui:warp-background","t":"Warp Background","d":"A card with a time warping background effect.","k":"motion","s":"magicui","c":"motion/background","sb":"Waves and warps","vn":1,"hc":1},{"id":"magicui:line-shadow-text","t":"Line Shadow Text","d":"A text component with a moving line shadow.","k":"motion","s":"magicui","c":"motion/text-effect","vn":1,"hc":1},{"id":"magicui:aurora-text","t":"Aurora Text","d":"A beautiful aurora text effect","k":"motion","s":"magicui","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"vn":1,"hc":1},{"id":"magicui:morphing-text","t":"Morphing Text","d":"A dynamic text morphing component for Magic UI.","k":"motion","s":"magicui","c":"motion/text-effect","sb":"Rotating words","vn":1,"hc":1},{"id":"magicui:scroll-progress","t":"Scroll Progress","d":"Animated Scroll Progress for your pages","s":"magicui","c":"data-viz/progress-bar","vn":1,"hc":1},{"id":"magicui:lens","t":"Lens","d":"A interactive component that enables zooming into images, videos and other elements.","s":"magicui","c":"media/gallery","sb":"Zoom and lens","vn":3,"hc":1},{"id":"magicui:pointer","t":"Pointer","d":"A component that displays a pointer when hovering over an element","k":"motion","s":"magicui","c":"motion/cursor","vn":1,"hc":1},{"id":"magicui:smooth-cursor","t":"Smooth cursor","d":"A customizable, physics-based smooth cursor animation component with spring animations and","k":"motion","s":"magicui","c":"motion/cursor","vn":1,"hc":1},{"id":"magicui:progressive-blur","t":"Progressive Blur","d":"The Progressive Blur component adds a smooth blur gradient effect to scrollable content, i","k":"motion","s":"magicui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"vn":1,"hc":1},{"id":"magicui:neon-gradient-card","t":"Neon Gradient Card","d":"A beautiful neon card effect","s":"magicui","c":"data-display/card","tg":["gradient","neon"],"sb":"Animated and glowing","sy":["gradient","neon"],"vn":1,"hc":1},{"id":"magicui:noise-texture","t":"Noise Texture","d":"An SVG fractal noise layer using feTurbulence, desaturation, and contrast controls for sub","k":"motion","s":"magicui","c":"motion/background","sb":"Noise and texture","vn":4,"hc":1},{"id":"magicui:meteors","t":"Meteors","d":"A meteor shower effect.","k":"motion","s":"magicui","c":"motion/background","sb":"Particles and stars","vn":1,"hc":1},{"id":"magicui:grid-pattern","t":"Grid Pattern","d":"A background grid pattern made with SVGs, fully customizable using Tailwind CSS.","k":"motion","s":"magicui","c":"motion/background","sb":"Grids and patterns","vn":3,"hc":1},{"id":"magicui:hexagon-pattern","t":"Hexagon Pattern","d":"A background hexagon pattern made with SVGs, fully customizable using Tailwind CSS.","k":"motion","s":"magicui","c":"motion/background","sb":"Grids and patterns","vn":4,"hc":1},{"id":"magicui:striped-pattern","t":"Striped Pattern","d":"A background striped pattern made with SVGs, fully customizable using Tailwind CSS.","k":"motion","s":"magicui","c":"motion/background","sb":"Grids and patterns","vn":3,"hc":1},{"id":"magicui:interactive-grid-pattern","t":"Interactive Grid Pattern","d":"A interactive background grid pattern made with SVGs, fully customizable using Tailwind CS","k":"motion","s":"magicui","c":"motion/background","sb":"Grids and patterns","vn":2,"hc":1},{"id":"magicui:dot-pattern","t":"Dot Pattern","d":"A background dot pattern made with SVGs, fully customizable using Tailwind CSS.","k":"motion","s":"magicui","c":"motion/background","sb":"Grids and patterns","vn":3,"hc":1},{"id":"magicui:flickering-grid","t":"Flickering Grid","d":"A flickering grid background made with SVGs, fully customizable using Tailwind CSS.","k":"motion","s":"magicui","c":"motion/background","sb":"Grids and patterns","vn":2,"hc":1},{"id":"magicui:hero-video-dialog","t":"Hero Video Dialog","d":"A hero video dialog component.","s":"magicui","c":"overlays/dialog","sb":"Media","vn":2,"hc":1},{"id":"magicui:code-comparison","t":"Code Comparison","d":"A component which compares two code snippets.","k":"section","s":"magicui","c":"marketing/comparison","vn":1,"hc":1},{"id":"magicui:marquee","t":"Marquee","d":"An infinite scrolling component that can be used to display text, images, or videos.","k":"motion","s":"magicui","c":"motion/marquee","vn":5,"hc":1},{"id":"magicui:globe","t":"Globe","d":"An autorotating, interactive, and highly performant globe made using WebGL.","k":"motion","s":"magicui","c":"motion/globe","tg":["webgl"],"sy":["webgl"],"vn":1,"hc":1},{"id":"magicui:glyph-matrix","t":"Glyph Matrix","d":"An animated grid of subtly shifting glyphs with fade effect and theme support.","s":"magicui","c":"other/other","vn":1,"hc":1},{"id":"magicui:glare-hover","t":"Glare Hover","d":"A diagonal glare on hover using a ::before gradient and CSS variables (angle, size, durati","k":"motion","s":"magicui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"vn":3,"hc":1},{"id":"magicui:shimmer-button","t":"Shimmer Button","d":"A button with a shimmering light which travels around the perimeter.","s":"magicui","c":"actions/button","sb":"Animated","vn":1,"hc":1},{"id":"magicui:tweet-card","t":"Tweet Card","d":"A card that displays a tweet with the author's name, handle, and profile picture.","s":"magicui","c":"data-display/card","vn":1,"hc":1},{"id":"magicui:client-tweet-card","t":"Client Tweet Card","d":"A client-side version of the tweet card that displays a tweet with the author's name, hand","s":"magicui","c":"data-display/card","vn":2,"hc":1},{"id":"magicui:bento-grid","t":"Bento Grid","d":"Bento grid is a layout used to showcase the features of a product in a simple and elegant ","k":"layout","s":"magicui","c":"layout/bento-grid","tg":["minimal"],"sy":["minimal"],"vn":1,"hc":1},{"id":"magicui:particles","t":"Particles","d":"Particles are a fun way to add some visual flair to your website. They can be used to crea","k":"motion","s":"magicui","c":"motion/background","tg":["3d","playful"],"sb":"Particles and stars","sy":["3d","playful"],"vn":1,"hc":1},{"id":"magicui:number-ticker","t":"Number Ticker","d":"Animate numbers to count up or down to a target number","k":"motion","s":"magicui","c":"motion/number-ticker","vn":3,"hc":1},{"id":"magicui:ripple","t":"Ripple","d":"An animated ripple effect typically used behind elements to emphasize them.","k":"motion","s":"magicui","c":"motion/background","sb":"Waves and warps","vn":1,"hc":1},{"id":"magicui:retro-grid","t":"Retro Grid","d":"An animated scrolling retro grid effect","s":"magicui","c":"other/other","tg":["retro and HUD"],"sy":["retro and HUD"],"vn":1,"hc":1},{"id":"magicui:animated-list","t":"Animated List","d":"A list that animates each item in sequence with a delay. Used to showcase notifications or","s":"magicui","c":"data-display/list","vn":1,"hc":1},{"id":"magicui:animated-shiny-text","t":"Animated Shiny Text","d":"A light glare effect which pans across text making it appear as if it is shimmering.","k":"motion","s":"magicui","c":"motion/text-effect","vn":1,"hc":1},{"id":"magicui:animated-grid-pattern","t":"Animated Grid Pattern","d":"A animated background grid pattern made with SVGs, fully customizable using Tailwind CSS.","k":"motion","s":"magicui","c":"motion/background","sb":"Grids and patterns","vn":1,"hc":1},{"id":"magicui:border-beam","t":"Border Beam","d":"An animated beam of light which travels along the border of its container.","k":"motion","s":"magicui","c":"motion/border","vn":4,"hc":1},{"id":"magicui:animated-beam","t":"Animated Beam","d":"An animated beam of light which travels along a path. Useful for showcasing the integratio","k":"motion","s":"magicui","c":"motion/background","sb":"Beams and light","vn":5,"hc":1},{"id":"magicui:text-reveal","t":"Text Reveal","d":"Fade in text as you scroll down the page.","k":"motion","s":"magicui","c":"motion/text-effect","sb":"Reveal and entrance","vn":1,"hc":1},{"id":"magicui:dia-text-reveal","t":"Dia Text Reveal","d":"A horizontal color band sweeps across text, revealing a gradient shine before settling on ","k":"motion","s":"magicui","c":"motion/text-effect","tg":["gradient"],"sb":"Reveal and entrance","sy":["gradient"],"vn":4,"hc":1},{"id":"magicui:hyper-text","t":"Hyper Text","d":"A text animation that scrambles letters before revealing the final text.","k":"motion","s":"magicui","c":"motion/text-effect","sb":"Scramble and glitch","vn":1,"hc":1},{"id":"magicui:animated-gradient-text","t":"Animated Gradient Text","d":"An animated gradient background which transitions between colors for text.","k":"motion","s":"magicui","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"vn":2,"hc":1},{"id":"magicui:orbiting-circles","t":"Orbiting Circles","d":"A collection of circles which move in orbit along a circular path","s":"magicui","c":"other/other","vn":1,"hc":1},{"id":"magicui:dock","t":"Dock","d":"An implementation of the MacOS dock using react + tailwindcss + motion","s":"magicui","c":"navigation/dock","vn":3,"hc":1},{"id":"magicui:word-rotate","t":"Word Rotate","d":"A vertical rotation of words","k":"motion","s":"magicui","c":"motion/text-effect","sb":"Rotating words","vn":1,"hc":1},{"id":"magicui:avatar-circles","t":"Avatar Circles","d":"Overlapping circles of avatars.","s":"magicui","c":"data-display/avatar","vn":1,"hc":1},{"id":"magicui:typing-animation","t":"Typing Animation","d":"Characters appearing in typed animation","k":"motion","s":"magicui","c":"motion/text-effect","sb":"Typewriter","vn":8,"hc":1},{"id":"magicui:sparkles-text","t":"Sparkles Text","d":"A dynamic text that generates continuous sparkles with smooth transitions, perfect for hig","k":"motion","s":"magicui","c":"motion/text-effect","vn":1,"hc":1},{"id":"magicui:spinning-text","t":"Spinning Text","d":"The Spinning Text component animates text in a circular motion with customizable speed, di","k":"motion","s":"magicui","c":"motion/text-effect","vn":2,"hc":1},{"id":"magicui:comic-text","t":"Comic Text","d":"Comic text animation","k":"motion","s":"magicui","c":"motion/text-effect","vn":1,"hc":1},{"id":"magicui:icon-cloud","t":"Icon Cloud","d":"An interactive 3D tag cloud component","k":"resource","s":"magicui","c":"assets/icon","tg":["3d"],"sy":["3d"],"vn":3,"hc":1},{"id":"magicui:text-animate","t":"Text Animate","d":"A text animation component that animates text using a variety of different animations.","k":"motion","s":"magicui","c":"motion/text-effect","vn":9,"hc":1},{"id":"magicui:scroll-based-velocity","t":"Scroll Based Velocity","d":"Scrolling text whose speed changes based on scroll speed","k":"layout","s":"magicui","c":"layout/scroll-area","vn":2,"hc":1},{"id":"magicui:shiny-button","t":"Shiny Button","d":"A shiny button component with dynamic styles in the dark mode or light mode.","s":"magicui","c":"actions/button","sb":"Animated","vn":1,"hc":1},{"id":"magicui:shine-border","t":"Shine Border","d":"Shine border is an animated background border effect.","k":"motion","s":"magicui","c":"motion/border","vn":2,"hc":1},{"id":"magicui:animated-circular-progress-bar","t":"Animated Circular Progress Bar","d":"Animated Circular Progress Bar is a component that displays a circular gauge with a percen","s":"magicui","c":"data-viz/progress-bar","vn":1,"hc":1},{"id":"magicui:confetti","t":"Confetti","d":"Confetti animations are best used to delight your users when something special happens","k":"motion","s":"magicui","c":"motion/background","sb":"Particles and stars","vn":8,"hc":1},{"id":"magicui:cool-mode","t":"Cool Mode","d":"Cool mode effect for buttons, links, and other DOMs","s":"magicui","c":"actions/button","vn":2,"hc":1},{"id":"magicui:pulsating-button","t":"Pulsating Button","d":"An animated pulsating button useful for capturing attention of users.","s":"magicui","c":"actions/button","vn":2,"hc":1},{"id":"magicui:ripple-button","t":"Ripple Button","d":"An animated button with ripple useful for user engagement.","s":"magicui","c":"actions/button","sb":"Animated","vn":1,"hc":1},{"id":"magicui:file-tree","t":"File Tree","d":"A component used to showcase the folder and file structure of a directory.","s":"magicui","c":"data-display/tree","vn":1,"hc":1},{"id":"magicui:blur-fade","t":"Blur Fade","d":"Blur fade in and out animation. Used to smoothly fade in and out content.","s":"magicui","c":"other/other","vn":2,"hc":1},{"id":"magicui:safari","t":"Safari","d":"A safari browser mockup to showcase your website.","k":"page","s":"magicui","c":"pages/templates","vn":4,"hc":1},{"id":"magicui:iphone","t":"iPhone","d":"A mockup of the iPhone","s":"magicui","c":"media/mockup","vn":3,"hc":1},{"id":"magicui:rainbow-button","t":"Rainbow Button","d":"An animated button with a rainbow effect.","s":"magicui","c":"actions/button","sb":"Animated","vn":2,"hc":1},{"id":"magicui:interactive-hover-button","t":"Interactive hover button","s":"magicui","c":"actions/button","sb":"Animated","vn":1,"hc":1},{"id":"magicui:terminal","t":"Terminal","d":"A terminal component","s":"magicui","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"vn":2,"hc":1},{"id":"magicui:video-text","t":"Video Text","d":"A component that displays text with a video playing in the background.","k":"motion","s":"magicui","c":"motion/text-effect","vn":1,"hc":1},{"id":"magicui:pixel-image","t":"Pixel Image","d":"A component that displays an image with a pixelated effect, creating a retro aesthetic.","s":"magicui","c":"media/gallery","tg":["retro and HUD"],"sy":["retro and HUD"],"vn":1,"hc":1},{"id":"magicui:highlighter","t":"Highlighter","d":"A text highlighter that mimics the effect of a human-drawn marker stroke.","k":"motion","s":"magicui","c":"motion/text-effect","vn":1,"hc":1},{"id":"magicui:animated-theme-toggler","t":"Theme Toggler","d":"Theme toggle with View Transitions and animated clip-path masks (circle, polygons, star), ","s":"magicui","c":"actions/switch","sb":"Theme toggles","vn":8,"hc":1},{"id":"magicui:light-rays","t":"Light Rays","d":"A component with animated light rays which shine down from above.","s":"magicui","c":"other/other","vn":1,"hc":1},{"id":"magicui:dotted-map","t":"Dotted Map","d":"A component with a dotted map.","s":"magicui","c":"data-viz/map","vn":3,"hc":1},{"id":"magicui:backlight","t":"Backlight","d":"A backlight glow effect for videos, images, and SVGs.","s":"magicui","c":"media/gallery","tg":["neon"],"sy":["neon"],"vn":3,"hc":1},{"id":"magicui:kinetic-text","t":"Kinetic Text","d":"A text component that animates font weight of characters on hover.","k":"motion","s":"magicui","c":"motion/text-effect","vn":1,"hc":1},{"id":"magicui:text-3d-flip","t":"Text 3D Flip","d":"A text effect that flips each letter in 3D with a staggered animation on hover.","k":"motion","s":"magicui","c":"motion/text-effect","tg":["3d"],"sb":"Rotating words","sy":["3d"],"vn":2,"hc":1},{"id":"magicui:floating-3d-particles","t":"Floating 3D Particles","d":"A canvas-based pseudo-3D particle field with perspective projection, continuous rotation a","k":"motion","s":"magicui","c":"motion/background","tg":["3d"],"sb":"Particles and stars","sy":["3d"],"vn":2,"hc":1},{"id":"magicui:utils","t":"Utils","k":"lib","s":"magicui","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"manifest:contact-form","t":"Contact Form","d":"A complete contact form with name fields, phone with country selector, email, message text","k":"section","s":"manifest","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"manifest:date-time-picker","t":"Date & Time Picker","d":"A Calendly-style date and time picker with calendar, available time slots, and timezone di","s":"manifest","c":"inputs/time-picker","hc":1},{"id":"manifest:issue-report-form","t":"Issue Report Form","d":"A compact issue reporting form for team members with categories, impact/urgency levels, an","s":"manifest","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"manifest:order-confirm","t":"Order Confirm","d":"Order confirmation with product image, delivery info, and confirm action.","s":"manifest","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"manifest:payment-confirmed","t":"Payment Confirmed","d":"Payment confirmation card with product image, price, delivery info, and tracking button. S","s":"manifest","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"manifest:product-list","t":"Product List","d":"Product list with list, grid, carousel, and picker variants.","s":"manifest","c":"data-display/list","hc":1},{"id":"manifest:option-list","t":"Option List","d":"Tag-style option selector with single or multiple selection modes.","s":"manifest","c":"data-display/list","hc":1},{"id":"manifest:amount-input","t":"Amount Input","d":"Amount input with increment/decrement buttons and preset values.","s":"manifest","c":"inputs/form-field","sb":"Payment","hc":1},{"id":"manifest:tag-select","t":"Tag Select","d":"Colored tag selector with single or multiple selection and color variants.","s":"manifest","c":"inputs/select","hc":1},{"id":"manifest:quick-reply","t":"Quick Reply","d":"Quick reply buttons for common chat responses.","s":"manifest","c":"actions/button","hc":1},{"id":"manifest:progress-steps","t":"Progress Steps","d":"Progress indicator with horizontal or vertical layout and step statuses.","s":"manifest","c":"navigation/wizard-steps","hc":1},{"id":"manifest:status-badge","t":"Status Badge","d":"Status badge with multiple states (success, pending, processing, error, shipped, delivered","s":"manifest","c":"data-display/badge","sb":"Status","hc":1},{"id":"manifest:stat-card","t":"Stat Card","d":"Scrollable stat cards with values, trends, and change indicators.","s":"manifest","c":"data-display/stat","hc":1},{"id":"manifest:post-card","t":"Post Card","d":"Post card with image, title, excerpt, author info and read more button. Supports default, ","k":"section","s":"manifest","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"manifest:post-list","t":"Post List","d":"Post list with list, grid, carousel, and fullwidth variants. Fullwidth mode shows paginate","k":"section","s":"manifest","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"manifest:post-detail","t":"Post Detail","d":"Full post view with cover image, author info, content, tags and related posts section.","k":"section","s":"manifest","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"manifest:table","t":"Table","d":"Data table with optional single or multi-select modes for chat interfaces.","s":"manifest","c":"data-display/table","hc":1},{"id":"manifest:message-bubble","t":"Message Bubble","d":"Chat message bubbles with text, image, voice, and reaction variants.","s":"manifest","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"manifest:chat-conversation","t":"Chat Conversation","d":"Full chat conversation component with multiple message types.","s":"manifest","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"manifest:x-post","t":"X Post","d":"X (Twitter) post card with engagement metrics.","s":"manifest","c":"data-display/stat","hc":1},{"id":"manifest:instagram-post","t":"Instagram Post","d":"Instagram post card with image and engagement.","s":"manifest","c":"data-display/card","sb":"Article","hc":1},{"id":"manifest:linkedin-post","t":"LinkedIn Post","d":"LinkedIn post card with professional styling.","s":"manifest","c":"data-display/card","sb":"Article","hc":1},{"id":"manifest:youtube-post","t":"YouTube Post","d":"YouTube video card with playable embed.","s":"manifest","c":"data-display/card","sb":"Article","hc":1},{"id":"manifest:map-carousel","t":"Map Carousel","d":"Interactive map with location markers and a draggable carousel of cards.","s":"manifest","c":"media/carousel","hc":1},{"id":"manifest:event-card","t":"Event Card","d":"Display event information with multiple layouts. Supports events with images, signals, vib","s":"manifest","c":"data-display/card","hc":1},{"id":"manifest:event-list","t":"Event List","d":"Display events in grid, list, or carousel layouts. Fullscreen mode shows interactive split","s":"manifest","c":"data-display/list","hc":1},{"id":"manifest:event-detail","t":"Event Detail","d":"Full event detail view with organizer info, interactive map, policies, and ticket purchase","s":"manifest","c":"data-viz/map","hc":1},{"id":"manifest:ticket-tier-select","t":"Ticket Tier Select","d":"Ticket tier selection with quantity controls and order summary. Shows price breakdown with","s":"manifest","c":"inputs/select","hc":1},{"id":"manifest:event-confirmation","t":"Event Confirmation","d":"Order confirmation with event details, ticket delivery info, organizer follow, and social ","s":"manifest","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"manifest:hero","t":"Hero","d":"Landing hero section with optional logos, title, subtitle, CTA buttons, and tech logos foo","k":"section","s":"manifest","c":"marketing/hero","hc":1},{"id":"manifest:event-shared","t":"Event Shared Utilities","d":"Shared utilities for event components (Leaflet map helpers, signal badges).","k":"lib","s":"manifest","c":"lib/utility","hc":1},{"id":"manifest:manifest-types","t":"Manifest Types","d":"Shared type definitions for Manifest UI components.","k":"lib","s":"manifest","c":"lib/utility","hc":1},{"id":"mapcn:map","t":"Map","d":"A MapLibre-powered map component with markers, popups, tooltips, routes, and controls.","s":"mapcn","c":"data-viz/map","hc":1},{"id":"mapcn:analytics-map","t":"Analytics Map","d":"Real-time analytics overview with a world map, breakdown cards, and device stats.","s":"mapcn","c":"data-viz/map","hc":1},{"id":"mapcn:choropleth","t":"Choropleth","d":"World choropleth map shading countries by a metric, with a hover tooltip and legend.","s":"mapcn","c":"data-viz/map","hc":1},{"id":"mapcn:analytics-card","t":"Analytics Card","d":"Compact analytics card with a headline metric over a world map.","s":"mapcn","c":"data-display/stat","hc":1},{"id":"mapcn:delivery-tracker","t":"Delivery Tracker","d":"Live order tracking with route progress, courier position, and order details.","s":"mapcn","c":"data-viz/progress-bar","hc":1},{"id":"mapcn:uptime-monitor","t":"Uptime Monitor","d":"Status-page style map of edge network locations with live health, latency, and uptime.","s":"mapcn","c":"data-viz/map","hc":1},{"id":"mapcn:heatmap","t":"Heatmap","d":"Globe-projected heatmap visualizing earthquake density with zoom-dependent styling.","s":"mapcn","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"mapcn:logistics-network","t":"Logistics Network","d":"Domestic logistics map with a sidebar of stats.","s":"mapcn","c":"navigation/sidebar","hc":1},{"id":"mapcn:store-locator","t":"Store Locator","d":"Searchable store list synced with map markers.","s":"mapcn","c":"data-viz/map","hc":1},{"id":"materialcn:materialcn-theme","t":"Material 3 Theme","d":"The Material 3 Expressive token layer: color roles and four alternate palettes, type scale","k":"theme","s":"materialcn","c":"themes/theme"},{"id":"materialcn:accordion","t":"Accordion","d":"Expandable sections on the M3 motion springs.","s":"materialcn","c":"data-display/accordion","hc":1},{"id":"materialcn:alert","t":"Alert","d":"An inline message in four severities, mapped onto the closest M3 container roles.","s":"materialcn","c":"overlays/alert-banner","hc":1},{"id":"materialcn:avatar","t":"Avatar","d":"A circular image with an initials fallback.","s":"materialcn","c":"data-display/avatar","hc":1},{"id":"materialcn:badge","t":"Badge","d":"Material chip geometry as a static label.","s":"materialcn","c":"data-display/badge","hc":1},{"id":"materialcn:bottom-app-bar","t":"Bottom App Bar","d":"The bottom app bar, with actions and an optional docked FAB.","s":"materialcn","c":"navigation/top-nav","hc":1},{"id":"materialcn:breadcrumb","t":"Breadcrumb","d":"The shadcn breadcrumb primitives on the M3 type and color roles.","s":"materialcn","c":"navigation/breadcrumb","hc":1},{"id":"materialcn:breadcrumbs","t":"Breadcrumbs","d":"A breadcrumb trail from a list of entries, collapsing the middle when it overflows.","s":"materialcn","c":"navigation/breadcrumb","hc":1},{"id":"materialcn:button","t":"Button","d":"The five Material button variants across five sizes, in round and square shapes, with the ","s":"materialcn","c":"actions/button","hc":1},{"id":"materialcn:button-group","t":"Button Group","d":"Connected and standard groups of buttons, with the kit's 2dp separation and first/middle/l","s":"materialcn","c":"actions/button","sb":"Groups and split","hc":1},{"id":"materialcn:button-group-context","t":"Button Group Context","d":"Carries a group's shape, size, and variant down to the buttons inside it.","s":"materialcn","c":"actions/button","sb":"Groups and split","hc":1},{"id":"materialcn:button-variants","t":"Button Variants","d":"The `cva` definition behind Button's variant, size, and shape props.","s":"materialcn","c":"actions/button","hc":1},{"id":"materialcn:calendar","t":"Calendar","d":"The Material date grid, for single dates and ranges.","s":"materialcn","c":"data-display/calendar","hc":1},{"id":"materialcn:calendar-utils","t":"Calendar Utilities","d":"Date maths for the calendar and the date pickers, free of any date library.","s":"materialcn","c":"data-display/calendar","hc":1},{"id":"materialcn:card","t":"Card","d":"Elevated, filled, and outlined cards on the M3 surface ramp.","s":"materialcn","c":"data-display/card","sb":"Profile","hc":1},{"id":"materialcn:carousel","t":"Carousel","d":"The Material carousel layouts — multi-browse, hero, uncontained, full-screen — sized by co","s":"materialcn","c":"media/carousel","hc":1},{"id":"materialcn:checkbox","t":"Checkbox","d":"The Material checkbox, including the indeterminate state.","s":"materialcn","c":"inputs/checkbox","hc":1},{"id":"materialcn:chip","t":"Chip","d":"Assist, filter, input, and suggestion chips, with selected, removable, and icon states.","s":"materialcn","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"materialcn:circular-progress","t":"Circular Progress","d":"The circular progress indicator, determinate and indeterminate.","s":"materialcn","c":"data-viz/progress-bar","hc":1},{"id":"materialcn:date-picker","t":"Date Picker","d":"A text field with a docked date picker.","s":"materialcn","c":"inputs/date-picker","hc":1},{"id":"materialcn:date-picker-dialog","t":"Date Picker Dialog","d":"The modal date picker, with the calendar and text-entry modes.","s":"materialcn","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"materialcn:dialog","t":"Dialog","d":"The Material dialog, basic and full-screen.","s":"materialcn","c":"overlays/dialog","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"materialcn:dropdown-menu","t":"Menu","d":"The Material menu: standard and vibrant items, leading icons, trailing text, submenus, and","s":"materialcn","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"materialcn:fab","t":"FAB","d":"The floating action button in three sizes, plus the extended FAB, which requires a readabl","s":"materialcn","c":"actions/button","tg":["webgl"],"sb":"Icon buttons","sy":["webgl"],"vn":1,"hc":1},{"id":"materialcn:field","t":"Field","d":"The label, description, and error scaffolding shared by every form control.","s":"materialcn","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"materialcn:icon","t":"Icon","d":"Sizes and optically aligns a lucide icon against the M3 type scale.","k":"resource","s":"materialcn","c":"assets/icon","hc":1},{"id":"materialcn:image","t":"Image","d":"An image on the M3 shape scale, with aspect ratio, fallback, and loading states.","s":"materialcn","c":"media/gallery","hc":1},{"id":"materialcn:input","t":"Input","d":"The bare text input Field and TextField build on.","s":"materialcn","c":"inputs/form-field","sb":"Whole forms","vn":1,"hc":1},{"id":"materialcn:label","t":"Label","d":"A form label bound to its control.","s":"materialcn","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"materialcn:link","t":"Link","d":"An inline link on the M3 type and color roles.","s":"materialcn","c":"actions/link","hc":1},{"id":"materialcn:list","t":"List","d":"Material list rows in three densities, with leading and trailing slots.","s":"materialcn","c":"data-display/list","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"materialcn:loading-indicator","t":"Loading Indicator","d":"The M3 Expressive loading indicator, morphing through the kit's seven shapes.","s":"materialcn","c":"status/loader","hc":1},{"id":"materialcn:navigation-bar","t":"Navigation Bar","d":"The bottom navigation bar, with the M3 Expressive active indicator.","s":"materialcn","c":"other/other","hc":1},{"id":"materialcn:navigation-context","t":"Navigation Context","d":"The selected destination, shared by the navigation bar and the rail.","s":"materialcn","c":"inputs/select","hc":1},{"id":"materialcn:navigation-rail","t":"Navigation Rail","d":"The navigation rail, collapsed or expanded, for medium and larger windows.","s":"materialcn","c":"other/other","hc":1},{"id":"materialcn:notification-badge","t":"Notification Badge","d":"The dot and numeric badges that sit over an icon, with `99+` overflow.","s":"materialcn","c":"data-display/badge","sb":"Counts","hc":1},{"id":"materialcn:pagination","t":"Pagination","d":"The shadcn pagination primitives on the M3 roles.","s":"materialcn","c":"navigation/pagination","hc":1},{"id":"materialcn:paginator","t":"Paginator","d":"A page control from a total and a current page, with the page-window logic.","s":"materialcn","c":"navigation/pagination","hc":1},{"id":"materialcn:palettes","t":"Palettes","d":"The alternate palettes shipped by the theme, as data for a palette picker.","k":"lib","s":"materialcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"materialcn:progress","t":"Progress","d":"The linear progress indicator, determinate and indeterminate, with the M3 Expressive wave.","s":"materialcn","c":"data-viz/progress-bar","hc":1},{"id":"materialcn:radio-group","t":"Radio Group","d":"Material radio buttons.","s":"materialcn","c":"inputs/radio","hc":1},{"id":"materialcn:rich-tooltip","t":"Rich Tooltip","d":"The rich tooltip: a title, body text, and optional actions.","s":"materialcn","c":"overlays/tooltip","hc":1},{"id":"materialcn:search-bar","t":"Search Bar","d":"The Material search bar, with leading and trailing actions.","s":"materialcn","c":"inputs/search","hc":1},{"id":"materialcn:search-view","t":"Search View","d":"The full-screen search surface a search bar expands into.","s":"materialcn","c":"inputs/search","hc":1},{"id":"materialcn:select","t":"Select","d":"A select styled to the Material menu.","s":"materialcn","c":"inputs/select","hc":1},{"id":"materialcn:separator","t":"Separator","d":"The Material divider, horizontal or vertical, full-width or inset.","k":"layout","s":"materialcn","c":"layout/page-shell","hc":1},{"id":"materialcn:sheet","t":"Sheet","d":"Side and bottom sheets, modal or standard.","s":"materialcn","c":"overlays/sheet","hc":1},{"id":"materialcn:skeleton","t":"Skeleton","d":"Loading placeholders sized to the type scale role they stand in for.","s":"materialcn","c":"status/skeleton","hc":1},{"id":"materialcn:slider","t":"Slider","d":"The M3 Expressive slider, continuous or stepped, with the value label.","s":"materialcn","c":"inputs/slider","hc":1},{"id":"materialcn:split-button","t":"Split Button","d":"A primary action joined to a menu trigger, with the kit's asymmetric segment geometry.","s":"materialcn","c":"actions/button","sb":"Groups and split","hc":1},{"id":"materialcn:switch","t":"Switch","d":"The Material 3 switch, with the icon-in-thumb variants.","s":"materialcn","c":"actions/switch","sb":"With labels","hc":1},{"id":"materialcn:tabs","t":"Tabs","d":"Primary and secondary tabs with the sliding active indicator.","s":"materialcn","c":"navigation/tabs","hc":1},{"id":"materialcn:text-field","t":"Text Field","d":"The Material text field, filled and outlined, with the floating label, supporting text, an","s":"materialcn","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"materialcn:theme-context","t":"Theme Context","d":"The context behind `useTheme`: the current color scheme and palette.","k":"theme","s":"materialcn","c":"themes/theme","hc":1},{"id":"materialcn:theme-provider","t":"Theme Provider","d":"Puts the page in light, dark, or system mode and selects a palette, persisting the choice ","k":"theme","s":"materialcn","c":"themes/theme","hc":1},{"id":"materialcn:time-dial","t":"Time Dial","d":"The Material clock dial, and the dialog that pairs it with text entry.","s":"materialcn","c":"inputs/slider","hc":1},{"id":"materialcn:time-picker","t":"Time Picker","d":"Text entry for a time, in 12- or 24-hour mode.","s":"materialcn","c":"inputs/time-picker","hc":1},{"id":"materialcn:toast","t":"Snackbar","d":"The Material snackbar and its imperative `toast` API, with stacking and actions.","s":"materialcn","c":"overlays/toast","hc":1},{"id":"materialcn:toggle","t":"Toggle","d":"A button that stays pressed, with the Material selected state.","s":"materialcn","c":"actions/switch","vn":1,"hc":1},{"id":"materialcn:toolbar","t":"Toolbar","d":"The floating and docked toolbars, in standard and vibrant color.","s":"materialcn","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"materialcn:tooltip","t":"Tooltip","d":"The plain Material tooltip.","s":"materialcn","c":"overlays/tooltip","hc":1},{"id":"materialcn:top-app-bar","t":"Top App Bar","d":"Small, medium, and large top app bars, with the scroll-collapse behavior.","s":"materialcn","c":"navigation/top-nav","hc":1},{"id":"materialcn:utils","t":"Cn","d":"The `cn` class merger, configured for the M3 utility namespaces. Without it tailwind-merge","k":"lib","s":"materialcn","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"mediadrop:dropzone","t":"MediaDrop Dropzone","d":"Drag-and-drop file upload block built on react-mediadrop's useMediaDrop hook, with per-fil","s":"mediadrop","c":"inputs/file-upload","hc":1},{"id":"mediadrop:avatar-uploader","t":"MediaDrop Avatar Uploader","d":"Circular single-image avatar picker built on react-mediadrop's useMediaDrop hook, with cli","s":"mediadrop","c":"data-display/avatar","hc":1},{"id":"mediadrop:multi-file-upload-form","t":"MediaDrop Multi File Upload Form","d":"Multi-file picker with a review list and an explicit submit step — add files, then upload ","s":"mediadrop","c":"inputs/file-upload","hc":1},{"id":"mediadrop:s3-direct-upload","t":"MediaDrop S3 Direct Upload","d":"Direct-to-S3 upload block using a presigned PUT URL you supply per file, built on react-me","s":"mediadrop","c":"inputs/file-upload","hc":1},{"id":"mewo:text-shimmer","t":"Text Shimmer","d":"A light sweep that moves across text. CSS only — no dependencies.","k":"motion","s":"mewo","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"mewo:marquee","t":"Marquee","d":"An infinite horizontal scroller with a seamless loop. CSS only — no dependencies.","k":"motion","s":"mewo","c":"motion/marquee","hc":1},{"id":"mewo:split-text","t":"Split Text","d":"Characters or words stagger into view when scrolled to. Powered by GSAP and ScrollTrigger.","k":"motion","s":"mewo","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"mewo:spotlight-card","t":"Spotlight Card","d":"A card with a radial glow that follows the pointer. Powered by Motion.","s":"mewo","c":"data-display/card","tg":["neon"],"sb":"Animated and glowing","sy":["neon"],"hc":1},{"id":"mewo:gradient-carousel","t":"Gradient Carousel","d":"A looping 3D card carousel you turn by wheel, drag or arrow keys, over a blurred gradient ","s":"mewo","c":"media/carousel","tg":["3d","gradient"],"sy":["3d","gradient"],"hc":1},{"id":"mewo:scroll-reveal","t":"Scroll Reveal","d":"Fades and slides its children in when they enter the viewport. Powered by Motion.","k":"layout","s":"mewo","c":"layout/scroll-area","hc":1},{"id":"mewo:scroll-portal","t":"Scroll Portal","d":"Scroll flies the camera through nested frames, each opening onto the next scene. No depend","k":"layout","s":"mewo","c":"layout/scroll-area","hc":1},{"id":"mewo:tile-reveal","t":"Tile Reveal","d":"A pinned image grid whose tiles fly in column by column on scroll, then zoom past the edge","s":"mewo","c":"data-display/card","hc":1},{"id":"mewo:scroll-mask","t":"Scroll Mask","d":"Scroll opens a mask that reveals an image six ways: iris, wipe, curtain, slats, grid or a ","k":"layout","s":"mewo","c":"layout/scroll-area","hc":1},{"id":"mewo:text-scroll-highlight","t":"Text Scroll Highlight","d":"Text whose words light up one by one with the scroll, either as it moves up the screen or ","k":"layout","s":"mewo","c":"layout/scroll-area","hc":1},{"id":"mewo:aurora-background","t":"Aurora Background","d":"A slowly drifting gradient backdrop with a fade-in for its content. CSS keyframes plus Mot","k":"motion","s":"mewo","c":"motion/background","tg":["gradient"],"sb":"Gradients and aurora","sy":["gradient"],"hc":1},{"id":"mewo:hero-aurora","t":"Hero — Aurora","d":"A hero section: aurora backdrop, word-by-word headline, description and two call-to-action","k":"section","s":"mewo","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"],"hc":1},{"id":"mewo:features-spotlight","t":"Features — Spotlight","d":"A features section: shimmering eyebrow, heading, a scroll-revealed grid of spotlight cards","k":"section","s":"mewo","c":"marketing/features","hc":1},{"id":"mewo:tabs","t":"Tabs","d":"Drop-in replacement for shadcn's tabs. Adds an indicator that slides between tabs instead ","s":"mewo","c":"navigation/tabs","hc":1},{"id":"mewo:collapsible","t":"Collapsible","d":"Drop-in replacement for shadcn's collapsible, which ships with no animation at all. Adds e","s":"mewo","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"microkit:cursor-edge-glow-button","t":"Cursor Edge Glow Button","d":"A spring-tracked pill light with mirrored edge glows that crossfade as the pointer changes","s":"microkit","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"],"hc":1},{"id":"microkit:cursor-follow-share-button","t":"Cursor Follow Share Button","d":"A dark share pill with a glowing send orb that tracks the pointer and a looping upward tex","s":"microkit","c":"actions/button","tg":["neon"],"sb":"Copy, share and like","sy":["neon"],"hc":1},{"id":"microkit:focus-input","t":"Focus Field","d":"An input with a clean animated focus treatment.","s":"microkit","c":"inputs/form-field","tg":["minimal"],"sb":"Animated fields","sy":["minimal"],"hc":1},{"id":"microkit:social-icon-buttons","t":"Social Icon Buttons","d":"Circular social links that trade their icon for a brand-colored arrow and glow on hover.","s":"microkit","c":"actions/button","tg":["neon"],"sb":"Social and sign-in","sy":["neon"],"hc":1},{"id":"microkit:scrub-number-field","t":"Scrub Number Field","d":"A number field you drag to scrub and click to type, with a ruler that tracks the gesture.","s":"microkit","c":"inputs/number-input","hc":1},{"id":"microkit:social-highlight-cards","t":"Social Highlight Cards","d":"Social cards with a luminous top rail, a soft brand-colored wash, and matching icons on ho","s":"microkit","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"microkit:blur-glide-menu","t":"Blur Glide Menu","d":"A nested menu whose steps blur before they glide aside, while the surface animates to the ","s":"microkit","c":"navigation/menu","hc":1},{"id":"microkit:expanding-icon-tabs","t":"Expanding Icon Tabs","d":"An icon bar where the chosen tab widens to reveal its label and the rest of the row slides","s":"microkit","c":"navigation/tabs","hc":1},{"id":"microkit:next-dot-fill-button","t":"Next Dot Fill Button","d":"A bordered pill whose leading dot expands into a solid fill while the label swaps for an a","s":"microkit","c":"actions/button","sb":"Animated","hc":1},{"id":"microkit:preview-hover-toolbar","t":"Preview Hover Toolbar","d":"A thin empty pill that grows wider and taller off its fixed bottom edge when the surroundi","s":"microkit","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"microkit:secure-purchase-button","t":"Secure Purchase Button","d":"A purchase button that opens room for a pixel-wave loader, swaps it for a shield once the ","s":"microkit","c":"actions/button","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"microkit:expanding-contact-button","t":"Expanding Contact Button","d":"A pill-shaped call-to-action with an expanding background and arrow icon, adapted from the","s":"microkit","c":"actions/button","sb":"Animated","hc":1},{"id":"microkit:contact-reveal-button","t":"Contact Reveal Button","d":"A circular arrow and label that resolve into a polished contact pill on hover.","s":"microkit","c":"actions/button","sb":"Animated","hc":1},{"id":"microkit:contact-details-reveal","t":"Contact Details Reveal","d":"A compact white contact label that shifts upward to reveal muted contact details with an o","s":"microkit","c":"data-display/accordion","hc":1},{"id":"microkit:subscribe-shine-button","t":"Subscribe Shine Button","d":"A dark subscribe pill with a rotating highlight that traces its edge on hover.","s":"microkit","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"microkit:expanding-newsletter-button","t":"Expanding Newsletter Button","d":"An orange newsletter pill with a growing dark circle and an arrow that slides in from the ","s":"microkit","c":"actions/button","sb":"Animated","hc":1},{"id":"microkit:next-reveal-button","t":"Next Reveal Button","d":"An outlined arrow control that expands into a bright Next button on hover.","s":"microkit","c":"actions/button","sb":"Animated","hc":1},{"id":"microkit:pricing-slide-link","t":"Pricing Slide Link","d":"A text link whose arrow slides in from the left as the label settles into place.","s":"microkit","c":"actions/link","hc":1},{"id":"microkit:spotlight-indicator","t":"Spotlight Indicator","d":"A glowing rail that slides to the active item in a vertical nav — the same indicator power","k":"motion","s":"microkit","c":"motion/background","tg":["neon"],"sb":"Beams and light","sy":["neon"],"hc":1},{"id":"microkit:read-more-swap","t":"Read More Swap","d":"A text link whose arrow swaps from the right side to an orange leading arrow on hover.","s":"microkit","c":"actions/button","sb":"Animated","hc":1},{"id":"microkit:projects-arrow-button","t":"Projects Arrow Button","d":"A Projects label paired with an outlined circular arrow that slides through itself on hove","s":"microkit","c":"actions/button","sb":"Animated","hc":1},{"id":"microkit:whats-new-glow-button","t":"What's New Glow Button","d":"A dark, fully rounded button whose orange and blue glows follow the cursor.","s":"microkit","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"],"hc":1},{"id":"microkit:preview-browser-button","t":"Preview in Browser Button","d":"An outlined pill button with a diagonal arrow that slides through on hover.","s":"microkit","c":"actions/button","sb":"Animated","hc":1},{"id":"microkit:icon-swap-button","t":"Icon Swap Button","d":"A leading icon slides out as an arrow opens in to take its place, trading without changing","k":"resource","s":"microkit","c":"assets/icon","hc":1},{"id":"microkit:magnetic-fill-button","t":"Magnetic Fill Button","d":"A magnetic pill button with a bottom-to-top background fill.","s":"microkit","c":"actions/button","sb":"Animated","hc":1},{"id":"microkit:sliding-send-button","t":"Sliding Send Button","d":"A bordered share pill whose label glides right as an orange send icon enters from the left","s":"microkit","c":"actions/button","sb":"Animated","hc":1},{"id":"microkit:get-started-circle-swap","t":"Get Started Circle Swap","d":"A bordered CTA whose orange circle exits right as a directional arrow slides into place.","s":"microkit","c":"actions/button","sb":"Animated","hc":1},{"id":"microkit:outline-wipe-button","t":"Outline Wipe Button","d":"Hollow stroked lettering that fills with orange behind a rounded bar sweeping left to righ","s":"microkit","c":"actions/button","sb":"Animated","hc":1},{"id":"microkit:project-text-swap-button","t":"Project Text Swap Button","d":"An outlined pill whose duplicated label swaps vertically on hover.","s":"microkit","c":"actions/button","sb":"Animated","hc":1},{"id":"microkit:view-more-text-swap","t":"View More Text Swap","d":"A borderless View More label that swaps vertically on hover.","k":"motion","s":"microkit","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"microkit:staggered-letter-text-swap","t":"Staggered Letter Text Swap","d":"A surface-free text interaction with a staggered per-letter upward replacement.","k":"motion","s":"microkit","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"microkit:staggered-letter-glow-button","t":"Staggered Letter Glow Button","d":"A dark pill with inward orange edge glows and a staggered per-letter upward text swap.","s":"microkit","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"],"hc":1},{"id":"microkit:gradient-underline-button","t":"Gradient Underline Button","d":"A label that scales up as a warm gradient underline grows across it.","s":"microkit","c":"actions/button","tg":["gradient"],"sb":"Animated","sy":["gradient"],"hc":1},{"id":"microkit:yellow-fill-preview-button","t":"Yellow Fill Preview Button","d":"An outlined Preview in browser button that fills with yellow from the left.","s":"microkit","c":"actions/button","sb":"Animated","hc":1},{"id":"microkit:white-contact-orbit-button","t":"White Contact Orbit Button","d":"A white Get in touch pill whose arrow settles into a black circular control on hover.","s":"microkit","c":"actions/button","sb":"Animated","hc":1},{"id":"microkit:circle-surface-button","t":"Circle Surface Button","d":"A circular CTA whose dark surface expands into an orange fill.","s":"microkit","c":"actions/button","sb":"Animated","hc":1},{"id":"microkit:inset-circle-button","t":"Inset Circle Button","d":"A circular project CTA that reveals its dark base as the inset surface collapses.","s":"microkit","c":"actions/button","sb":"Animated","hc":1},{"id":"microkit:sliding-arrow-label","t":"Sliding Arrow Label","d":"A text label that gets a bright surface while an arrow slides in beside it.","s":"microkit","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"microkit:orange-circle-fill-button","t":"Orange Circle Fill Button","d":"An orange outlined pill that fills from a growing circle.","s":"microkit","c":"actions/button","sb":"Animated","hc":1},{"id":"microkit:layered-gradient-button","t":"Layered Gradient Button","d":"A dimensional pill with gradient text and subtly shifting layered surfaces.","s":"microkit","c":"actions/button","tg":["gradient"],"sb":"Animated","sy":["gradient"],"hc":1},{"id":"microkit:glow-arrow-button","t":"Glow Arrow Button","d":"A bright CTA with a soft glow and a moving arrow on hover.","s":"microkit","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"],"hc":1},{"id":"microkit:talk-arrow-reveal-button","t":"Talk Arrow Reveal Button","d":"An outlined Talk to us pill that fills with orange and reveals a long arrow.","s":"microkit","c":"actions/button","sb":"Animated","hc":1},{"id":"microkit:see-more-swap-button","t":"See More Swap Button","d":"A pill button whose arrow circle swaps sides while its surface changes color.","s":"microkit","c":"actions/button","sb":"Animated","hc":1},{"id":"microkit:neon-invert-button","t":"Neon Invert Button","d":"A bold orange CTA that inverts into a dark, softly glowing surface on hover.","s":"microkit","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"],"hc":1},{"id":"microkit:contact-underline-button","t":"Contact Underline Button","d":"A compact contact action whose icon turns orange while an underline draws beneath the labe","s":"microkit","c":"actions/button","sb":"Animated","hc":1},{"id":"microkit:sliding-content-tabs","t":"Sliding Content Tabs","d":"A compact tab switcher with a sliding active surface and content transition.","s":"microkit","c":"navigation/tabs","hc":1},{"id":"microkit:sliding-underline-tabs","t":"Sliding Underline Tabs","d":"A compact tab switcher with an orange underline that glides between labels.","s":"microkit","c":"navigation/tabs","hc":1},{"id":"microkit:floating-newsletter-button","t":"Floating Newsletter Button","d":"A compact newsletter button that scales and lifts into a soft white glow on hover.","s":"microkit","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"],"hc":1},{"id":"microkit:aurora-download-button","t":"Aurora Download Button","d":"A layered blue download button with a luminous rim, directional shadow, and blended hover ","s":"microkit","c":"actions/button","tg":["gradient"],"sb":"Loading and states","sy":["gradient"],"hc":1},{"id":"minidev:accordion","t":"Accordion","d":"Accessible React accordion on Base UI, with bordered items, a rotating chevron and animate","s":"minidev","c":"data-display/accordion","hc":1},{"id":"minidev:account-setup-progress","t":"Account setup progress","d":"React onboarding card that shows account setup as completed steps out of a total, with a l","s":"minidev","c":"data-viz/progress-bar","hc":1},{"id":"minidev:activity-feed","t":"Activity feed","d":"React activity feed that lists who did what and when, with initials avatars, muted action ","s":"minidev","c":"data-display/timeline","hc":1},{"id":"minidev:add-card-form","t":"Add card form","d":"Compact payment form for card number, expiry and CVC with correct autocomplete hints, nume","s":"minidev","c":"data-display/card","hc":1},{"id":"minidev:admin-stat-strip","t":"Admin stat strip","d":"Responsive Tailwind row of admin KPI tiles, each with a label, a large tabular value and a","s":"minidev","c":"data-display/stat","hc":1},{"id":"minidev:admin-user-row","t":"Admin user row","d":"User management row with avatar, online status dot, name, email, a role chip for admin, wr","s":"minidev","c":"data-display/list","sb":"People","hc":1},{"id":"minidev:agent-trace","t":"Agent trace","d":"React timeline of an AI agent run: each tool step shows pending, running, done or error, r","s":"minidev","c":"ai-agent/ai-agent","hc":1},{"id":"minidev:ai-composer","t":"Ai composer","d":"Chat input for AI apps with a multiline textarea, Enter to send, suggestion chips, attach ","s":"minidev","c":"ai-agent/composer","hc":1},{"id":"minidev:alert-dialog","t":"Alert dialog","d":"Shadcn style alert dialog on Base UI for confirmations that need an explicit answer. Modal","s":"minidev","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"minidev:announcement-bar","t":"Announcement bar","d":"Slim site-wide announcement bar for launches, promos or notices. Centered content, a polit","k":"section","s":"minidev","c":"marketing/announcement","hc":1},{"id":"minidev:api-key-list","t":"Api key list","d":"React settings panel listing API keys with masked previews, created date badges and a rota","s":"minidev","c":"data-display/list","hc":1},{"id":"minidev:app-shell","t":"App shell","d":"Tailwind app shell layout with a fixed width sidebar slot, a topbar slot and a scrolling m","k":"layout","s":"minidev","c":"layout/dashboard","hc":1},{"id":"minidev:approval-card","t":"Approval card","d":"React request card for approval workflows showing the requester avatar, title and summary,","s":"minidev","c":"data-display/card","hc":1},{"id":"minidev:area-chart","t":"Area chart","d":"Dependency free SVG area chart for React with a smoothed line, dashed grid, gradient fill ","s":"minidev","c":"data-viz/chart","tg":["gradient"],"sb":"Area","sy":["gradient"],"hc":1},{"id":"minidev:aspect-ratio","t":"Aspect ratio","d":"Shadcn compatible aspect ratio wrapper that locks media to a ratio such as 16:9 or 1:1 usi","s":"minidev","c":"media/player","hc":1},{"id":"minidev:assign-picker","t":"Assign picker","d":"Assignee picker for tasks and tickets: a listbox of people with initials avatars, where th","s":"minidev","c":"inputs/select","hc":1},{"id":"minidev:attachment-chip","t":"Attachment chip","d":"Compact Tailwind file chip with a paperclip icon, truncated filename and an optional remov","s":"minidev","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"minidev:audio-player","t":"Audio player","d":"Minimal React audio player row with a play and pause toggle, title, subtitle and an access","s":"minidev","c":"media/player","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"minidev:audit-filter-bar","t":"Audit filter bar","d":"Filter toolbar for audit logs combining a search field, actor filter chips for all, admins","s":"minidev","c":"inputs/slider","hc":1},{"id":"minidev:audit-log-entry","t":"Audit log entry","d":"Single audit log line: actor avatar, actor name, muted action text and the affected target","s":"minidev","c":"data-display/avatar","hc":1},{"id":"minidev:audit-trail","t":"Audit trail","d":"Bordered audit trail in React that renders a list of actor, action, target and time record","s":"minidev","c":"data-display/timeline","hc":1},{"id":"minidev:auth-card","t":"Auth card","d":"Centered Tailwind sign in card with a title, optional description, a slot for fields and p","k":"layout","s":"minidev","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"minidev:autocomplete","t":"Autocomplete","d":"Text input that filters string options as you type, using ARIA combobox and listbox roles.","s":"minidev","c":"inputs/combobox","hc":1},{"id":"minidev:avatar-group","t":"Avatar group","d":"Shown under the name in the tooltip and overflow list.","s":"minidev","c":"data-display/avatar","hc":1},{"id":"minidev:avatar","t":"Avatar","d":"Shadcn compatible avatar on Base UI with image and initials fallback, three sizes, a statu","s":"minidev","c":"data-display/avatar","tg":["webgl"],"sy":["webgl"],"vn":1,"hc":1},{"id":"minidev:back-link","t":"Back link","d":"Small back navigation link with a left arrow icon, muted text that darkens on hover and a ","s":"minidev","c":"actions/link","hc":1},{"id":"minidev:back-to-top","t":"Back to top","d":"A back to top button that appears after scrolling, with a ring that fills as the reader pr","s":"minidev","c":"actions/button","hc":1},{"id":"minidev:badge","t":"Badge","d":"Shadcn style badge in seven variants: default, accent, secondary, destructive, outline, gh","s":"minidev","c":"data-display/badge","hc":1},{"id":"minidev:banner","t":"Banner","d":"Inline notice banner in accent, warning or danger tones, with a status role, a slot for an","s":"minidev","c":"overlays/alert-banner","hc":1},{"id":"minidev:bar-chart","t":"Bar chart","d":"Lightweight React bar chart with rounded bars, dashed gridlines and labels. Hovering a bar","s":"minidev","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"minidev:bento-grid","t":"Bento grid","d":"A responsive bento grid for feature sections: tiles with icon, title, copy and a visual sl","k":"layout","s":"minidev","c":"layout/bento-grid","hc":1},{"id":"minidev:billing-address","t":"Billing address","d":"Tailwind billing address fieldset with a multiline street field and a responsive row for c","k":"section","s":"minidev","c":"marketing/pricing","sb":"With billing toggle","hc":1},{"id":"minidev:blog-card","t":"Blog card","d":"Linked Tailwind blog post card with a 16:9 cover image, tag, relative date, title and a tw","k":"section","s":"minidev","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"minidev:breadcrumb-ellipsis","t":"Breadcrumb ellipsis","d":"Ellipsis marker for collapsing the middle of long breadcrumb trails. Decorative and hidden","s":"minidev","c":"navigation/breadcrumb","hc":1},{"id":"minidev:breadcrumb","t":"Breadcrumb","d":"Breadcrumb navigation from an items array, with chevron separators, linked ancestors and t","s":"minidev","c":"navigation/breadcrumb","hc":1},{"id":"minidev:build-pipeline","t":"Build pipeline","d":"CI pipeline view that shows each stage as a chip with success, running, failed or pending ","s":"minidev","c":"data-display/timeline","hc":1},{"id":"minidev:bulk-actions-bar","t":"Bulk actions bar","d":"Floating Tailwind selection bar that appears once rows are selected, showing the count, yo","s":"minidev","c":"actions/button","hc":1},{"id":"minidev:bulk-user-import","t":"Bulk user import","d":"CSV user import panel with a format hint for email, name and role, a CSV-only dropzone and","s":"minidev","c":"overlays/tooltip","hc":1},{"id":"minidev:button-group","t":"Button group","d":"Groups adjacent buttons into one segmented control in Tailwind, joining borders and roundi","s":"minidev","c":"actions/button","sb":"Groups and split","hc":1},{"id":"minidev:button","t":"Button","d":"Shadcn compatible React button on Base UI with eight variants, nine sizes including icon s","s":"minidev","c":"actions/button","hc":1},{"id":"minidev:calendar-agenda","t":"Calendar agenda","d":"React agenda list of the day's events with a fixed time column, title and optional meta li","s":"minidev","c":"data-display/calendar","hc":1},{"id":"minidev:calendar-month","t":"Calendar month","d":"Month calendar grid with weekday headers and clickable day cells that highlight the select","s":"minidev","c":"data-display/calendar","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"minidev:callout","t":"Callout","d":"Tailwind callout box in info, success, warning or danger tones with an optional bold title","s":"minidev","c":"overlays/alert-banner","hc":1},{"id":"minidev:cancel-flow","t":"Cancel flow","d":"Two step subscription cancellation flow: ask for a reason with radio options, then confirm","k":"section","s":"minidev","c":"marketing/pricing","hc":1},{"id":"minidev:card","t":"Card","d":"Shadcn compatible card with header, title, description, action, content and footer slots, ","s":"minidev","c":"data-display/card","hc":1},{"id":"minidev:carousel","t":"Carousel","d":"Scroll snap React carousel with previous and next buttons, arrow key support and a labelle","s":"minidev","c":"media/carousel","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"minidev:cart-line-item","t":"Cart line item","d":"React shopping cart row with product title, unit price, a quantity stepper and an optional","s":"minidev","c":"data-display/list","hc":1},{"id":"minidev:case-study-card","t":"Case study card","d":"Case study card with the company name, a short headline and a large result metric, plus an","k":"section","s":"minidev","c":"marketing/marketing","sb":"Portfolio","hc":1},{"id":"minidev:center","t":"Center","d":"Layout helper that centers content horizontally and vertically in a narrow, text-centered ","k":"layout","s":"minidev","c":"flows/sign-in","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"minidev:character-count","t":"Character count","d":"Live React character counter that shows the current count against a limit and turns red wh","k":"motion","s":"minidev","c":"motion/number-ticker","hc":1},{"id":"minidev:chart-card","t":"Chart card","d":"Card wrapper for charts with a title, optional description and a minimum height body. Pair","s":"minidev","c":"data-viz/chart","hc":1},{"id":"minidev:chart-legend","t":"Chart legend","d":"Wrapping chart legend with small color swatches and labels. Pass colors per series or fall","s":"minidev","c":"data-viz/chart","hc":1},{"id":"minidev:chart-tooltip-card","t":"Chart tooltip card","d":"Tooltip card for charts showing a title and label and value rows with tabular numbers. Dro","s":"minidev","c":"overlays/tooltip","hc":1},{"id":"minidev:chat-thread","t":"Chat thread","d":"Scrolling chat thread for React that renders user, assistant and system messages as bubble","s":"minidev","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"minidev:check-run-list","t":"Check run list","d":"List of CI check runs with success, failed or running icons, monospaced job names and a st","s":"minidev","c":"data-display/list","hc":1},{"id":"minidev:checkbox-group","t":"Checkbox group","d":"Vertical wrapper that groups related checkboxes under role group with even spacing. Use it","s":"minidev","c":"inputs/checkbox","hc":1},{"id":"minidev:checkbox","t":"Checkbox","d":"Shadcn style checkbox on Base UI with an animated check, indeterminate state, invalid and ","s":"minidev","c":"inputs/checkbox","hc":1},{"id":"minidev:checkout-summary","t":"Checkout summary","d":"Tailwind order summary card listing line items and prices, a divided total row and a full ","k":"section","s":"minidev","c":"marketing/pricing","hc":1},{"id":"minidev:chip-filter","t":"Chip filter","d":"Single select filter chips in React that behave as a radio group, with an accent ring on t","s":"minidev","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"minidev:choice-card","t":"Choice card","d":"Selectable React card button with an icon, title and description, using aria-pressed and a","s":"minidev","c":"inputs/radio","hc":1},{"id":"minidev:citation-chip","t":"Citation chip","d":"Inline citation button for AI answers, with an accent source number and label. Link it to ","s":"minidev","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"minidev:cluster","t":"Cluster","d":"Flex layout primitive that wraps children in a row with vertical centering and a numeric g","s":"minidev","c":"actions/button","hc":1},{"id":"minidev:code-block","t":"Code block","d":"React code block with zero dependency syntax coloring, a language tag, optional filename a","s":"minidev","c":"data-display/code-block","hc":1},{"id":"minidev:code-editor-frame","t":"Code editor frame","d":"Editor style frame with a monospaced filename tab and a code area. Wrap snippets, editors ","s":"minidev","c":"inputs/textarea","hc":1},{"id":"minidev:collapsible-sidebar","t":"Collapsible sidebar","d":"Sidebar with a toggle button on its edge that collapses it to a narrow rail and expands it","s":"minidev","c":"navigation/sidebar","hc":1},{"id":"minidev:collapsible","t":"Collapsible","d":"Shadcn compatible collapsible on Base UI: a full width trigger that shows or hides a panel","s":"minidev","c":"data-display/accordion","hc":1},{"id":"minidev:color-picker","t":"Color picker","d":"Swatch color picker with eight OKLCH presets, a ring on the selected swatch and listbox se","s":"minidev","c":"inputs/color-picker","hc":1},{"id":"minidev:column-visibility-menu","t":"Column visibility menu","d":"Columns dropdown for data tables with a checkbox item per column. It returns the updated l","s":"minidev","c":"navigation/menu","hc":1},{"id":"minidev:combobox","t":"Combobox","d":"Shadcn style combobox: a popover select with a filter input, check mark on the chosen item","s":"minidev","c":"inputs/combobox","hc":1},{"id":"minidev:command-dialog","t":"Command dialog","d":"Command dialog that opens the command palette in a modal from a list of commands with labe","s":"minidev","c":"overlays/dialog","sb":"Search","hc":1},{"id":"minidev:command-item","t":"Command item","d":"Row for command menus with a label, an optional keyboard shortcut in a kbd tag and an acti","s":"minidev","c":"data-display/list","hc":1},{"id":"minidev:command-palette","t":"Command palette","d":"Cmd K style command palette in a dialog with a search field that filters commands as you t","s":"minidev","c":"navigation/command-palette","hc":1},{"id":"minidev:comment-composer","t":"Comment composer","d":"Comment box with a three row textarea and a Comment button that stays disabled until there","s":"minidev","c":"ai-agent/composer","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"minidev:comment-thread","t":"Comment thread","d":"Threaded React comment list with initials avatars, author name, timestamp and body in bord","s":"minidev","c":"ai-agent/composer","hc":1},{"id":"minidev:commit-row","t":"Commit row","d":"Git commit row for React with author avatar, commit message, relative time, a short SHA ba","s":"minidev","c":"data-display/list","hc":1},{"id":"minidev:comparison-table","t":"Comparison table","d":"Plan comparison table with features as rows and plans as columns, showing check or dash ic","k":"section","s":"minidev","c":"marketing/comparison","hc":1},{"id":"minidev:confirm-destructive","t":"Confirm destructive","d":"Destructive action confirm: a red trigger button opens a dialog with a title, warning text","s":"minidev","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"minidev:connected-account","t":"Connected account","d":"Tailwind settings row for a linked third party account showing the provider and account na","k":"layout","s":"minidev","c":"flows/sign-in","hc":1},{"id":"minidev:console-output","t":"Console output","d":"Scrollable Tailwind console panel in monospace that prints log, warn and error lines with ","s":"minidev","c":"data-display/code-block","hc":1},{"id":"minidev:container","t":"Container","d":"Responsive page container that centers content with side padding and a max width preset: s","k":"layout","s":"minidev","c":"layout/page-shell","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"minidev:context-chip","t":"Context chip","d":"Small toggle chip for picking context in AI prompts or filters, with an active accent stat","s":"minidev","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"minidev:context-menu","t":"Context menu","d":"Right click context menu that opens at the cursor with menu items, including destructive i","s":"minidev","c":"overlays/context-menu","hc":1},{"id":"minidev:context-pill","t":"Context pill","d":"Rounded pill for showing attached context, such as files or pages in an AI prompt, with a ","s":"minidev","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"minidev:conversation-sidebar","t":"Conversation sidebar","d":"React chat history sidebar with a New chat button and a scrolling list of conversations sh","s":"minidev","c":"navigation/sidebar","hc":1},{"id":"minidev:cookie-banner","t":"Cookie banner","d":"Floating React cookie consent card fixed to the corner, with a short notice and Accept and","s":"minidev","c":"overlays/alert-banner","hc":1},{"id":"minidev:copy-button","t":"Copy button","d":"React copy to clipboard button that writes a value, then swaps to a check icon and Copied ","s":"minidev","c":"actions/copy-button","vn":1,"hc":1},{"id":"minidev:copy-id","t":"Copy id","d":"Monospaced ID chip that copies its value to the clipboard on click and shows a check when ","s":"minidev","c":"actions/copy-button","hc":1},{"id":"minidev:coupon-input","t":"Coupon input","d":"Promo code field with an Apply button and inline success or error messages. The demo valid","s":"minidev","c":"inputs/form-field","hc":1},{"id":"minidev:coverage-meter","t":"Coverage meter","d":"Test coverage bar with a label and percentage that turns green at 80, amber at 60 and red ","s":"minidev","c":"data-viz/gauge","hc":1},{"id":"minidev:create-api-key","t":"Create api key","d":"Inline form to name and create an API key, with a labelled input and a Create key button t","s":"minidev","c":"inputs/form-field","hc":1},{"id":"minidev:credit-balance","t":"Credit balance","d":"Compact credit balance pill with a small label and a large tabular figure. Shows remaining","s":"minidev","c":"ai-agent/ai-agent","hc":1},{"id":"minidev:credit-card-input","t":"Credit card input","d":"Luhn (mod 10) checksum, the check digit rule every major card number follows.","s":"minidev","c":"inputs/form-field","sb":"Payment","hc":1},{"id":"minidev:cta-banner","t":"Cta banner","d":"Tailwind call to action banner with a heading, supporting text and a primary button that s","s":"minidev","c":"overlays/alert-banner","hc":1},{"id":"minidev:currency-input","t":"Currency input","d":"Money input with a currency code prefix, decimal keypad on mobile and tabular numbers. Con","s":"minidev","c":"inputs/form-field","hc":1},{"id":"minidev:danger-zone","t":"Danger zone","d":"Danger zone settings card with a red outline, a warning that the action cannot be undone a","k":"layout","s":"minidev","c":"flows/settings","hc":1},{"id":"minidev:data-table","t":"Data table","d":"React data table with sortable columns, row selection, a floating bulk actions bar, hover ","s":"minidev","c":"data-display/table","tg":["webgl"],"sb":"Data tables","sy":["webgl"],"hc":1},{"id":"minidev:date-picker","t":"Date picker","d":"Date picker built on the native date input, styled to match the rest of your form fields. ","s":"minidev","c":"inputs/date-picker","hc":1},{"id":"minidev:date-range-picker","t":"Date range picker","d":"Start and end date range picker made from two labelled date inputs. Works controlled or un","s":"minidev","c":"inputs/date-range","hc":1},{"id":"minidev:delete-account-confirm","t":"Delete account confirm","d":"Account deletion step with a danger alert and a confirmation field: the delete button stay","s":"minidev","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"minidev:density-toggle","t":"Density toggle","d":"Toggle group that switches between compact and comfortable density, reporting the choice t","s":"minidev","c":"actions/switch","hc":1},{"id":"minidev:description-list","t":"Description list","d":"Semantic dl, dt and dd list of label and value pairs in a responsive two column grid with ","s":"minidev","c":"data-display/list","hc":1},{"id":"minidev:dialog","t":"Dialog","d":"Shadcn compatible modal dialog on Base UI with a blurred backdrop, enter and exit animatio","s":"minidev","c":"overlays/dialog","hc":1},{"id":"minidev:diff-view","t":"Diff view","d":"React code diff viewer that tints added lines green and removed lines red with plus and mi","s":"minidev","c":"data-display/diff","hc":1},{"id":"minidev:donut-chart","t":"Donut chart","d":"Single value donut chart in SVG that fills an accent ring to a percentage of max and print","s":"minidev","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"minidev:downgrade-warning","t":"Downgrade warning","d":"Tailwind plan downgrade warning card with an amber border, a summary of what gets locked o","k":"section","s":"minidev","c":"marketing/pricing","hc":1},{"id":"minidev:drawer","t":"Drawer","d":"Bottom drawer that slides a sheet up from the screen edge with a titled header, close butt","s":"minidev","c":"overlays/sheet","hc":1},{"id":"minidev:dropdown-menu","t":"Dropdown menu","d":"Shadcn compatible dropdown menu on Base UI with groups, labels, checkbox and radio items, ","s":"minidev","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"minidev:due-date-chip","t":"Due date chip","d":"Small Tailwind due date chip with a calendar icon that switches to a red border and icon w","s":"minidev","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"minidev:editable-heading","t":"Editable heading","d":"Inline editable title that looks like a large heading but is a text input. Use it for docu","k":"motion","s":"minidev","c":"motion/text-effect","hc":1},{"id":"minidev:email-button","t":"Email button","d":"Solid link button for email templates with a fixed height, padding and rounded corners. Us","s":"minidev","c":"actions/button","hc":1},{"id":"minidev:email-card","t":"Email card","d":"Content card for transactional emails with an optional title and body text, inset from the","s":"minidev","c":"data-display/card","hc":1},{"id":"minidev:email-footer","t":"Email footer","d":"Email footer with your company address and Unsubscribe and Preferences links, centered on ","k":"section","s":"minidev","c":"marketing/footer","hc":1},{"id":"minidev:email-header","t":"Email header","d":"Simple email header band that shows your brand name on a muted background with a bottom bo","s":"minidev","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"minidev:email-layout","t":"Email layout","d":"Email layout shell with a centered 560px column, rounded border and surface background. Co","k":"layout","s":"minidev","c":"layout/page-shell","hc":1},{"id":"minidev:email-preview-frame","t":"Email preview frame","d":"Inbox style preview frame showing the sender and subject above the rendered email body. Ha","k":"layout","s":"minidev","c":"flows/settings","hc":1},{"id":"minidev:emoji-picker","t":"Emoji picker","d":"Compact emoji picker grid with a default set of twelve reactions or your own list, using l","s":"minidev","c":"inputs/select","hc":1},{"id":"minidev:empty-search","t":"Empty search","d":"No results state for search that echoes the query in the title and suggests trying another","s":"minidev","c":"inputs/search","hc":1},{"id":"minidev:empty-state","t":"Empty state","d":"Dashed empty state panel with an icon slot, title, description and an optional call to act","s":"minidev","c":"data-display/empty-state","hc":1},{"id":"minidev:empty-table","t":"Empty table","d":"Empty table placeholder with a dashed border, a No data yet title, helper text and an opti","s":"minidev","c":"data-display/table","hc":1},{"id":"minidev:env-badge","t":"Env badge","d":"Uppercase environment badge for production, staging or development, with production outlin","s":"minidev","c":"data-display/badge","hc":1},{"id":"minidev:env-switcher","t":"Env switcher","d":"React segmented control for switching between Dev, Staging and Prod environments, reportin","s":"minidev","c":"navigation/tabs","hc":1},{"id":"minidev:error-state","t":"Error state","d":"React error state panel with an alert role, a title, explanation and an optional Try again","s":"minidev","c":"overlays/alert-banner","hc":1},{"id":"minidev:event-calendar","t":"Event calendar","d":"A week and day event scheduler with overlap layout, an all-day row, a current time line an","s":"minidev","c":"data-display/calendar","hc":1},{"id":"minidev:expandable-row","t":"Expandable row","d":"Bordered Tailwind row that expands to reveal details on click, with a rotating chevron and","s":"minidev","c":"data-display/accordion","hc":1},{"id":"minidev:export-data","t":"Export data","d":"Settings card to request a data export, explaining what the JSON export includes and when ","k":"layout","s":"minidev","c":"flows/settings","hc":1},{"id":"minidev:facet-filter","t":"Facet filter","d":"A titled checkbox facet group for sidebar search filters in React. Each option can show a ","s":"minidev","c":"navigation/sidebar","hc":1},{"id":"minidev:faq-list","t":"Faq list","d":"An FAQ section built on an accessible accordion. Pass question and answer pairs and each o","k":"section","s":"minidev","c":"marketing/faq","hc":1},{"id":"minidev:feature-flag-toggle","t":"Feature flag toggle","d":"A settings row for flipping a feature flag on or off: flag name, optional description and ","s":"minidev","c":"actions/switch","hc":1},{"id":"minidev:feature-grid","t":"Feature grid","d":"A responsive grid of feature cards, one to three columns wide, each with an optional icon,","k":"section","s":"minidev","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"],"hc":1},{"id":"minidev:feedback-thumbs","t":"Feedback thumbs","d":"Thumbs up and thumbs down buttons for rating an answer or article. Uses aria-pressed, togg","k":"section","s":"minidev","c":"marketing/marketing","hc":1},{"id":"minidev:file-dropzone","t":"File dropzone","d":"A React drag and drop upload zone with accept and reject states, type and size checks, ima","s":"minidev","c":"inputs/file-upload","hc":1},{"id":"minidev:file-list","t":"File list","d":"A stacked list of file rows showing each name and metadata such as size or date, with an o","s":"minidev","c":"data-display/list","sb":"Files and trees","hc":1},{"id":"minidev:file-reference","t":"File reference","d":"A compact card that cites a source file with its name, monospace path and line range. Usef","s":"minidev","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"minidev:file-row","t":"File row","d":"A single file row with an icon, a truncated name, an optional meta line and a ghost downlo","s":"minidev","c":"data-display/list","sb":"Files and trees","hc":1},{"id":"minidev:file-tree","t":"File tree","d":"A code editor style file explorer with file icons, git status, a filter field and full tre","s":"minidev","c":"data-display/tree","hc":1},{"id":"minidev:filter-bar","t":"Filter bar","d":"A wrapping Tailwind toolbar for tables and lists: a search input first, your own filter co","s":"minidev","c":"inputs/search","hc":1},{"id":"minidev:floating-action-button","t":"Floating action button","d":"A round primary button fixed to the bottom right corner of the viewport for the main actio","s":"minidev","c":"actions/button","hc":1},{"id":"minidev:floating-label-input","t":"Floating label input","d":"Return an error message, or nothing when valid. Runs on submit and after the first error.","s":"minidev","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"minidev:footer-mega","t":"Footer mega","d":"A multi column site footer with a brand block and titled link groups that reflow from one ","k":"section","s":"minidev","c":"marketing/footer","hc":1},{"id":"minidev:footer-nav","t":"Footer nav","d":"A slim one line footer with the brand name on the left and a wrapping set of links in a la","s":"minidev","c":"navigation/top-nav","hc":1},{"id":"minidev:forgot-password-form","t":"Forgot password form","d":"A password reset request card with one email field and a full width Send reset email butto","k":"layout","s":"minidev","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"minidev:form-field","t":"Form field","d":"A wrapper that pairs any input with its label, required marker, help text and an error mes","s":"minidev","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"minidev:funnel-steps","t":"Funnel steps","d":"A conversion funnel drawn as labeled horizontal bars scaled to the largest step, with form","s":"minidev","c":"navigation/wizard-steps","tg":["playful"],"sy":["playful"],"hc":1},{"id":"minidev:gantt-row","t":"Gantt row","d":"One row of a Gantt timeline: a task label beside a track with a bar placed by start and en","s":"minidev","c":"data-display/list","hc":1},{"id":"minidev:gauge-chart","t":"Gauge chart","d":"A semicircle SVG gauge that fills to a value against a max and prints the percentage in th","s":"minidev","c":"data-viz/chart","hc":1},{"id":"minidev:goal-ring","t":"Goal ring","d":"A circular progress ring that shows how far along a goal is, with the percentage in the mi","s":"minidev","c":"data-viz/progress-bar","hc":1},{"id":"minidev:heading","t":"Heading","d":"A heading primitive that renders h1 through h6 with a matched type scale, tuned letter spa","k":"motion","s":"minidev","c":"motion/text-effect","hc":1},{"id":"minidev:health-indicator","t":"Health indicator","d":"A status dot and label for service health with operational, degraded and down states mappe","k":"section","s":"minidev","c":"marketing/features","hc":1},{"id":"minidev:heatmap-cell","t":"Heatmap cell","d":"A square heatmap cell whose fill blends from a muted base to the accent color by an intens","s":"minidev","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"minidev:hero","t":"Hero","d":"A centered landing page hero with an optional eyebrow, a large headline, supporting copy a","k":"section","s":"minidev","c":"marketing/hero","hc":1},{"id":"minidev:horizontal-bar-chart","t":"Horizontal bar chart","d":"A lightweight horizontal bar chart where each row shows a label, a rounded bar scaled to t","s":"minidev","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"minidev:hover-card","t":"Hover card","d":"A card that appears below a trigger on mouse hover to preview extra detail such as a user ","s":"minidev","c":"overlays/hover-card","hc":1},{"id":"minidev:icon-button","t":"Icon button","d":"A square React button for icon only actions in small, default and large sizes with every B","s":"minidev","c":"actions/button","sb":"Icon buttons","hc":1},{"id":"minidev:image-cropper","t":"Image cropper","d":"Left edge in source pixels, measured on the image after `rotation`.","s":"minidev","c":"media/gallery","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"minidev:image-gallery","t":"Image gallery","d":"A responsive photo grid of square tiles, two columns on mobile and three on larger screens","s":"minidev","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"minidev:image-lightbox","t":"Image lightbox","d":"A clickable image thumbnail that opens a full screen modal of the picture with a dimmed ba","s":"minidev","c":"overlays/lightbox","hc":1},{"id":"minidev:image-upload","t":"Image upload","d":"A single image picker that starts as a drag and drop zone, then swaps to a large preview w","s":"minidev","c":"inputs/file-upload","hc":1},{"id":"minidev:impersonation-banner","t":"Impersonation banner","d":"A top of page bar telling support staff which user account they are viewing as, with an Ex","s":"minidev","c":"overlays/alert-banner","hc":1},{"id":"minidev:incident-banner","t":"Incident banner","d":"A full width Tailwind status bar announcing an outage with minor, major and critical sever","s":"minidev","c":"overlays/alert-banner","hc":1},{"id":"minidev:infinite-scroll","t":"Infinite scroll","d":"Load the next page when a sentinel scrolls into view, with a loading row, an end of list m","k":"layout","s":"minidev","c":"layout/scroll-area","hc":1},{"id":"minidev:inline-alert","t":"Inline alert","d":"An inline React message box in neutral, success, warning and danger tones with a matching ","s":"minidev","c":"overlays/alert-banner","hc":1},{"id":"minidev:inline-cell-edit","t":"Inline cell edit","d":"Click to edit table cell text: the value turns into an input on click, saves on Enter or b","s":"minidev","c":"inputs/form-field","hc":1},{"id":"minidev:inline-code-diff","t":"Inline code diff","d":"A two line code diff showing the removed line in red with a minus and the added line in gr","s":"minidev","c":"data-display/diff","hc":1},{"id":"minidev:input","t":"Input","d":"The base text input with sm, default and lg sizes and designed hover, focus, disabled, rea","s":"minidev","c":"inputs/form-field","vn":1,"hc":1},{"id":"minidev:inset","t":"Inset","d":"A recessed panel with a sunken background, rounded border and responsive padding for group","s":"minidev","c":"data-display/card","hc":1},{"id":"minidev:integration-card","t":"Integration card","d":"An app integration tile with the service name, a short description, a Connected or Availab","k":"section","s":"minidev","c":"marketing/logos","hc":1},{"id":"minidev:interactive-area-chart","t":"Interactive area chart","d":"A React SVG area chart with a crosshair that follows the pointer or arrow keys, showing th","s":"minidev","c":"data-viz/chart","sb":"Area","hc":1},{"id":"minidev:invite-members","t":"Invite members","d":"A team invite panel with an email input, a Send button and badges for pending invitations.","k":"section","s":"minidev","c":"marketing/team","hc":1},{"id":"minidev:invoice-detail","t":"Invoice detail","d":"An invoice card with the number, date, a paid, open or void status badge, itemized line am","s":"minidev","c":"data-display/badge","hc":1},{"id":"minidev:invoice-list","t":"Invoice list","d":"A bordered list of invoices showing number, date, amount and a paid, open or void status b","s":"minidev","c":"data-display/list","hc":1},{"id":"minidev:ip-allowlist","t":"Ip allowlist","d":"An editor for IP and CIDR allowlists: a monospace list with a remove button per entry plus","s":"minidev","c":"inputs/textarea","hc":1},{"id":"minidev:issue-card","t":"Issue card","d":"A compact issue tracker card with a monospace ticket key, status and priority badges, a ti","s":"minidev","c":"data-display/card","hc":1},{"id":"minidev:issue-key","t":"Issue key","d":"A monospace ticket identifier such as MD-241 that renders as plain text or, given an href,","s":"minidev","c":"actions/link","hc":1},{"id":"minidev:join-workspace","t":"Join workspace","d":"A centered card for joining a team workspace with an invite code: heading, helper text, a ","k":"section","s":"minidev","c":"marketing/team","hc":1},{"id":"minidev:json-viewer","t":"Json viewer","d":"Pretty prints any JavaScript value as indented JSON in a scrollable monospace block, falli","s":"minidev","c":"data-display/json-viewer","hc":1},{"id":"minidev:kanban-board","t":"Kanban board","d":"A horizontally scrolling Kanban board built from column data: each column shows its title,","s":"minidev","c":"data-display/kanban","hc":1},{"id":"minidev:kanban-column","t":"Kanban column","d":"A single Kanban lane with a title, an optional count badge and a slot for any cards you re","s":"minidev","c":"data-display/kanban","hc":1},{"id":"minidev:kbd","t":"Kbd","d":"A keyboard key cap for showing shortcuts, with a raised edge and room for icons, plus a Kb","s":"minidev","c":"data-display/typography","hc":1},{"id":"minidev:kpi-row","t":"Kpi row","d":"A responsive row of KPI tiles, up to four across, each with a label, a large value and an ","s":"minidev","c":"data-display/stat","hc":1},{"id":"minidev:label","t":"Label","d":"A form label that dims and blocks pointer events when its peer input or group is disabled.","s":"minidev","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"minidev:language-picker","t":"Language picker","d":"A grid of language options exposed as an accessible listbox, with the selected language ou","s":"minidev","c":"inputs/select","hc":1},{"id":"minidev:latency-badge","t":"Latency badge","d":"A monospace millisecond badge that turns green under 100ms, amber under 400ms and red abov","s":"minidev","c":"data-display/badge","hc":1},{"id":"minidev:light-provider","t":"Light provider","d":"A page wide light source that follows the pointer and drifts when idle, driving shadows vi","k":"motion","s":"minidev","c":"motion/cursor","tg":["glass"],"sy":["glass"],"hc":1},{"id":"minidev:line-chart","t":"Line chart","d":"A multi series SVG line chart with smooth curves, a dashed hairline grid and dots on the l","s":"minidev","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"minidev:link","t":"Link","d":"A styled anchor with the accent color, underline on hover and a visible focus ring. Accept","s":"minidev","c":"actions/link","vn":1,"hc":1},{"id":"minidev:list-item","t":"List item","d":"A flexible list row with leading and trailing slots around a truncated heading and descrip","s":"minidev","c":"data-display/list","hc":1},{"id":"minidev:live-cursors-bar","t":"Live cursors bar","d":"A multiplayer presence strip with overlapping colored avatars per collaborator and an edit","k":"motion","s":"minidev","c":"motion/cursor","hc":1},{"id":"minidev:loading-overlay","t":"Loading overlay","d":"A translucent overlay that covers its parent with a centered spinner and label while data ","s":"minidev","c":"status/loader","hc":1},{"id":"minidev:loading-table","t":"Loading table","d":"A skeleton placeholder for data tables with configurable rows and columns, a header row an","s":"minidev","c":"status/loader","hc":1},{"id":"minidev:logo-cloud","t":"Logo cloud","d":"A centered, wrapping row of customer or partner logos with names in muted text and an opti","k":"section","s":"minidev","c":"marketing/logos","hc":1},{"id":"minidev:magic-link-form","t":"Magic link form","d":"A passwordless sign in card with an email field and a Send link button that passes the add","k":"layout","s":"minidev","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"minidev:markdown-renderer","t":"Markdown renderer","d":"A small React renderer for AI output that splits text into paragraphs on blank lines and t","s":"minidev","c":"ai-agent/ai-agent","hc":1},{"id":"minidev:marquee","t":"Marquee","d":"An infinitely scrolling Tailwind strip that loops its children horizontally, duplicated fo","k":"motion","s":"minidev","c":"motion/marquee","hc":1},{"id":"minidev:masked-input","t":"Masked input","d":"Formats a value with a mask, e.g. applyMask(\"(999) 999-9999\", \"5550102030\") gives \"(555) 0","s":"minidev","c":"inputs/form-field","hc":1},{"id":"minidev:masonry-grid","t":"Masonry grid","d":"A masonry layout for React that keeps source order: a CSS grid with measured row spans, so","s":"minidev","c":"media/gallery","sb":"Masonry","hc":1},{"id":"minidev:mention-input","t":"Mention input","d":"A comment textarea that opens a suggestion list when you type @, filters names as you keep","s":"minidev","c":"inputs/combobox","hc":1},{"id":"minidev:menubar","t":"Menubar","d":"A desktop style app menubar built on Base UI: a row of triggers that each open a dropdown ","s":"minidev","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"minidev:merge-box","t":"Merge box","d":"A React pull request merge panel with a success or warning callout for check status and a ","s":"minidev","c":"overlays/alert-banner","hc":1},{"id":"minidev:message-actions","t":"Message actions","d":"A row of ghost icon buttons for chat replies: copy, retry, good response and bad response,","s":"minidev","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"minidev:message-bubble","t":"Message bubble","d":"A React chat message for user, assistant and system roles: user turns sit in a right align","s":"minidev","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"minidev:meter","t":"Meter","d":"A horizontal gauge bar using role meter with aria value attributes, an optional label and ","s":"minidev","c":"data-viz/gauge","hc":1},{"id":"minidev:metric-delta","t":"Metric delta","d":"A tiny percentage change indicator with an up arrow in green for gains and a down arrow in","s":"minidev","c":"data-display/stat","hc":1},{"id":"minidev:mobile-action-sheet","t":"Mobile action sheet","d":"An iOS style action sheet that rises from the bottom with a list of actions, destructive i","s":"minidev","c":"overlays/sheet","hc":1},{"id":"minidev:mobile-nav-drawer","t":"Mobile nav drawer","d":"A hamburger button that opens a right side navigation drawer as a modal dialog, with a clo","s":"minidev","c":"overlays/sheet","hc":1},{"id":"minidev:model-compare","t":"Model compare","d":"A comparison table for AI models listing name, latency with a color coded badge, cost and ","k":"section","s":"minidev","c":"marketing/comparison","hc":1},{"id":"minidev:model-picker","t":"Model picker","d":"A dropdown for choosing an AI model, built on the Select component with an accessible trig","s":"minidev","c":"ai-agent/ai-agent","hc":1},{"id":"minidev:morph-panel","t":"Morph panel","d":"A React button that morphs into the panel it opens on a spring, blurring the label out and","s":"minidev","c":"data-display/card","hc":1},{"id":"minidev:multi-select","t":"Multi select","d":"A multi select dropdown in a popover with check marks on chosen items and removable chips ","s":"minidev","c":"inputs/select","hc":1},{"id":"minidev:nav-marketing","t":"Nav marketing","d":"A sticky marketing header with a translucent blurred background, brand link, nav links tha","s":"minidev","c":"navigation/top-nav","hc":1},{"id":"minidev:navigation-menu","t":"Navigation menu","d":"A site navigation menu built on Base UI with triggers that open rich dropdown panels in a ","s":"minidev","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"minidev:nested-nav","t":"Nested nav","d":"A collapsible tree navigation built from nested node data, indented by depth with rotating","s":"minidev","c":"navigation/top-nav","tg":["3d"],"sy":["3d"],"hc":1},{"id":"minidev:newsletter-signup","t":"Newsletter signup","d":"An inline email capture form with a required email field and a Subscribe button that stack","k":"layout","s":"minidev","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"minidev:not-found-state","t":"Not found state","d":"A 404 state with the error code, a Page not found heading, a short explanation and Go home","k":"page","s":"minidev","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"minidev:notebook-cell","t":"Notebook cell","d":"A Jupyter style notebook cell with a Run button beside a code editor frame and an optional","s":"minidev","c":"inputs/textarea","hc":1},{"id":"minidev:notification-inbox","t":"Notification inbox","d":"A bell with an unread count that opens a notification popover: All and Mentions tabs, unre","s":"minidev","c":"overlays/notifications","hc":1},{"id":"minidev:notification-item","t":"Notification item","d":"A single notification row with an unread dot and tint, a truncated title, relative time an","s":"minidev","c":"overlays/notifications","hc":1},{"id":"minidev:notification-preferences","t":"Notification preferences","d":"A notification settings list of labeled switches for email digests, product updates and se","k":"layout","s":"minidev","c":"flows/settings","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"minidev:number-input","t":"Number input","d":"A numeric stepper with minus and plus buttons around a centered input that clamps to min a","s":"minidev","c":"inputs/number-input","hc":1},{"id":"minidev:number-roll","t":"Number roll","d":"An odometer style animated number where each digit rolls on a spring and only changed digi","k":"motion","s":"minidev","c":"motion/number-ticker","hc":1},{"id":"minidev:offline-banner","t":"Offline banner","d":"A full width amber banner shown when the app loses its connection, with a wifi off icon, a","s":"minidev","c":"overlays/alert-banner","hc":1},{"id":"minidev:offline-state","t":"Offline state","d":"An offline status card with a warning dot, a You are offline heading, a note on what still","s":"minidev","c":"actions/button","sb":"Loading and states","hc":1},{"id":"minidev:onboarding-checklist","t":"Onboarding checklist","d":"A Get started card with a list of setup tasks that toggle between done and pending on clic","s":"minidev","c":"inputs/checkbox","hc":1},{"id":"minidev:onboarding-wizard","t":"Onboarding wizard","d":"A three step React onboarding flow that walks new users through creating a workspace, invi","s":"minidev","c":"navigation/wizard-steps","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"minidev:order-summary","t":"Order summary","d":"A checkout summary card listing line items such as subtotal, shipping and tax, then a sepa","k":"section","s":"minidev","c":"marketing/pricing","hc":1},{"id":"minidev:org-switcher","t":"Org switcher","d":"A popover switcher for moving between organizations or workspaces, showing the current nam","k":"section","s":"minidev","c":"marketing/pricing","sb":"With billing toggle","hc":1},{"id":"minidev:otp-input","t":"Otp input","d":"A React one time code input where one real input powers the slots, so paste, SMS autofill ","s":"minidev","c":"inputs/otp-input","hc":1},{"id":"minidev:page-header","t":"Page header","d":"A Tailwind page title block with an h1, an optional description and a wrapping slot for ac","s":"minidev","c":"navigation/top-nav","hc":1},{"id":"minidev:pagination","t":"Pagination","d":"A pagination nav with Prev and Next buttons that disable at the edges and numbered page bu","s":"minidev","c":"navigation/pagination","hc":1},{"id":"minidev:password-input","t":"Password input","d":"A password field with a show and hide toggle inside the input, an eye icon that swaps stat","s":"minidev","c":"inputs/form-field","sb":"Password","hc":1},{"id":"minidev:password-strength","t":"Password strength","d":"A React password field with a four step strength meter and a live rule checklist. Announce","s":"minidev","c":"inputs/form-field","sb":"Password","hc":1},{"id":"minidev:payment-method-card","t":"Payment method card","d":"A saved card row showing the card brand, last four digits and expiry date in monospace, wi","s":"minidev","c":"data-display/card","sb":"Payment","hc":1},{"id":"minidev:peek-panel","t":"Peek panel","d":"A right side detail panel with a titled header, a close button and a scrollable body for p","s":"minidev","c":"overlays/hover-card","hc":1},{"id":"minidev:permission-chip","t":"Permission chip","d":"A small uppercase chip for access levels: admin, write or read. Use it in member lists, AP","s":"minidev","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"minidev:permission-denied","t":"Permission denied","d":"A 403 style access card explaining that admin rights are needed, with Request access and S","s":"minidev","c":"actions/switch","hc":1},{"id":"minidev:phone-input","t":"Phone input","d":"A telephone number field with type tel, a numeric keypad on mobile, tel autocomplete, tabu","s":"minidev","c":"inputs/form-field","sb":"Phone","hc":1},{"id":"minidev:pie-chart","t":"Pie chart","d":"An SVG pie chart with leader line labels, a legend and slices that pull out on hover or fo","s":"minidev","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"minidev:pinned-message","t":"Pinned message","d":"A highlighted pinned note for chat channels and threads with a pin icon, a Pinned by autho","s":"minidev","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"minidev:plan-card","t":"Plan card","d":"A pricing plan card with the plan name, a large price per period, a feature list and a ful","k":"section","s":"minidev","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"minidev:plan-comparison","t":"Plan comparison","d":"A Free versus Pro comparison table with a row per feature and check or dash icons in each ","k":"section","s":"minidev","c":"marketing/comparison","hc":1},{"id":"minidev:popover","t":"Popover","d":"A floating React panel anchored to a trigger, built on Base UI with side and align options","s":"minidev","c":"overlays/popover","hc":1},{"id":"minidev:presence-dot","t":"Presence dot","d":"A small colored dot for user status: online, away, busy or offline, exposed with role stat","s":"minidev","c":"status/status-dot","hc":1},{"id":"minidev:press-quote","t":"Press quote","d":"A centered press or testimonial quote using figure, blockquote and figcaption, with a larg","k":"section","s":"minidev","c":"marketing/testimonials","hc":1},{"id":"minidev:pricing-table","t":"Pricing table","d":"A three column pricing section that renders a PlanCard for each tier you pass in, stacking","k":"section","s":"minidev","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"],"hc":1},{"id":"minidev:pricing-toggle","t":"Pricing toggle","d":"A Monthly and Yearly billing period switch built on a segmented control, with a Save 20% w","s":"minidev","c":"actions/switch","hc":1},{"id":"minidev:priority-picker","t":"Priority picker","d":"A radio group of priority chips, Low, Medium, High and Urgent, each with a colored dot and","s":"minidev","c":"inputs/select","hc":1},{"id":"minidev:product-card","t":"Product card","d":"A storefront product tile with a square image, an optional corner badge like Sale or New, ","s":"minidev","c":"data-display/card","sb":"Product","hc":1},{"id":"minidev:profile-form","t":"Profile form","d":"An account profile form with a display name input, a bio textarea and a Save profile butto","s":"minidev","c":"data-display/profile","hc":1},{"id":"minidev:progress-circle","t":"Progress circle","d":"A compact circular progress indicator drawn in SVG with a configurable size, an accent arc","s":"minidev","c":"data-viz/progress-bar","hc":1},{"id":"minidev:progress","t":"Progress","d":"A linear progress bar built on Base UI with track, indicator, label and value parts, a def","s":"minidev","c":"data-viz/progress-bar","hc":1},{"id":"minidev:prompt-input","t":"Prompt input","d":"An AI chat composer that grows with its content, sends on Enter, adds a newline on Shift E","s":"minidev","c":"ai-agent/composer","vn":1,"hc":1},{"id":"minidev:prompt-library","t":"Prompt library","d":"A searchable list of saved prompts that filters by title, body and tag as you type and ret","s":"minidev","c":"ai-agent/composer","hc":1},{"id":"minidev:prose","t":"Prose","d":"A Tailwind typography wrapper for raw HTML or MDX that styles headings, muted paragraphs, ","s":"minidev","c":"data-display/typography","hc":1},{"id":"minidev:publish-bar","t":"Publish bar","d":"React publish bar with a draft, scheduled or published status badge, an autosave note, and","s":"minidev","c":"actions/button","hc":1},{"id":"minidev:quantity-stepper","t":"Quantity stepper","d":"React quantity stepper with minus and plus buttons around a tabular count. Clamps to min a","s":"minidev","c":"navigation/wizard-steps","hc":1},{"id":"minidev:query-builder","t":"Query builder","d":"Filter query builder that chains field, operator and value clauses with AND. Add or remove","s":"minidev","c":"inputs/form-field","hc":1},{"id":"minidev:quota-bar","t":"Quota bar","d":"Compact quota bar showing a label, used over max with locale formatting, and a thin accent","k":"section","s":"minidev","c":"marketing/pricing","hc":1},{"id":"minidev:radar-chart","t":"Radar chart","d":"SVG radar chart that plots normalized 0 to 1 values on labelled axes over four concentric ","s":"minidev","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"minidev:radial-chart","t":"Radial chart","d":"A radial bar chart of concentric progress rings with a legend, a rolling centre total and ","s":"minidev","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"minidev:radio-group","t":"Radio group","d":"Accessible radio group on Base UI with keyboard navigation, a springy checked dot, larger ","s":"minidev","c":"inputs/radio","hc":1},{"id":"minidev:range-slider","t":"Range slider","d":"Two-thumb range slider for picking a min and max, with value bubbles on both thumbs while ","s":"minidev","c":"inputs/slider","hc":1},{"id":"minidev:rating","t":"Rating","d":"Star rating input rendered as a radiogroup, with one labelled radio per star, a configurab","s":"minidev","c":"inputs/rating","hc":1},{"id":"minidev:reaction-bar","t":"Reaction bar","d":"Row of emoji reaction pills with counts, where active reactions get an accent border and a","s":"minidev","c":"actions/switch","hc":1},{"id":"minidev:read-receipt","t":"Read receipt","d":"Message read receipt icon that shows a single check for sent, a double check for delivered","k":"resource","s":"minidev","c":"assets/icon","hc":1},{"id":"minidev:reasoning-block","t":"Reasoning block","d":"Collapsible AI reasoning block, folded by default. The title shimmers while the model is t","s":"minidev","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"minidev:receipt","t":"Receipt","d":"Monospace payment receipt card with an order id, itemized amounts in tabular numerals and ","k":"section","s":"minidev","c":"marketing/pricing","hc":1},{"id":"minidev:regenerate-bar","t":"Regenerate bar","d":"Footer bar for AI answers with a Not quite right prompt, a Regenerate button with a refres","s":"minidev","c":"ai-agent/composer","hc":1},{"id":"minidev:region-picker","t":"Region picker","d":"Deployment region picker with selectable cards for each region and its latency in millisec","s":"minidev","c":"inputs/select","hc":1},{"id":"minidev:relative-time","t":"Relative time","d":"React relative timestamp that renders just now, 5m ago, 3h ago or 2d ago inside a semantic","k":"motion","s":"minidev","c":"motion/text-effect","hc":1},{"id":"minidev:reset-password-form","t":"Reset password form","d":"Reset password card with new password and confirm password fields and a full-width Update ","k":"layout","s":"minidev","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"minidev:resizable-panels","t":"Resizable panels","d":"Two resizable panels split by a draggable divider, clamped between 20 and 80 percent. The ","k":"layout","s":"minidev","c":"layout/split-pane","hc":1},{"id":"minidev:resource-quota-grid","t":"Resource quota grid","d":"Responsive grid of quota cards, one per resource, each with a labelled usage bar showing u","s":"minidev","c":"data-display/card","hc":1},{"id":"minidev:retry-block","t":"Retry block","d":"Error block that pairs a danger inline alert with a Try again button and an onRetry callba","s":"minidev","c":"overlays/alert-banner","hc":1},{"id":"minidev:review-request-card","t":"Review request card","d":"Code review request card with a Review requested badge, pull request title, repo name, aut","s":"minidev","c":"data-display/card","hc":1},{"id":"minidev:rich-text-toolbar","t":"Rich text toolbar","d":"Formatting toolbar with bold and italic toggles, link, bullet and numbered list buttons, a","s":"minidev","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"minidev:role-permission-matrix","t":"Role permission matrix","d":"Role and permission matrix with roles as columns and permissions as rows, each cell a labe","s":"minidev","c":"inputs/checkbox","hc":1},{"id":"minidev:role-picker","t":"Role picker","d":"Team role picker built on the radio group, offering Owner, Admin and Member options with l","s":"minidev","c":"inputs/select","hc":1},{"id":"minidev:row-selection","t":"Row selection","d":"Row selection checkbox for data tables with checked and indeterminate states and a default","s":"minidev","c":"data-display/list","hc":1},{"id":"minidev:saved-views","t":"Saved views","d":"Saved views list for filters, rendered as a listbox of named views with item counts and a ","s":"minidev","c":"inputs/select","hc":1},{"id":"minidev:schema-field-row","t":"Schema field row","d":"API schema field row with a monospace field name, a required badge, the type and a descrip","s":"minidev","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"minidev:scroll-area","t":"Scroll area","d":"Custom scroll area on Base UI with a thin rounded thumb, vertical or horizontal scrollbars","k":"layout","s":"minidev","c":"layout/scroll-area","hc":1},{"id":"minidev:search-input","t":"Search input","d":"Search input with a leading search icon and a clear button that appears once there is text","s":"minidev","c":"inputs/search","hc":1},{"id":"minidev:search-with-results","t":"Search with results","d":"Search field with a results list below it showing titles and optional subtitles, plus a No","s":"minidev","c":"inputs/search","hc":1},{"id":"minidev:seat-manager","t":"Seat manager","d":"Team seat manager card showing seats used out of the plan, an Invite button, and a member ","k":"section","s":"minidev","c":"marketing/pricing","sb":"Usage and sliders","hc":1},{"id":"minidev:secret-reveal","t":"Secret reveal","d":"Masked secret field for API keys with an eye toggle to reveal or hide the value and a copy","s":"minidev","c":"inputs/form-field","hc":1},{"id":"minidev:section-header","t":"Section header","d":"Tailwind section header with a title, optional muted description and a right-aligned actio","s":"minidev","c":"navigation/top-nav","hc":1},{"id":"minidev:segmented-control","t":"Segmented control","d":"Segmented control with a raised thumb that springs between options, arrow, Home and End ke","s":"minidev","c":"actions/segmented-control","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"minidev:select","t":"Select","d":"Select dropdown on Base UI with a trigger in three sizes, an animated popup, groups, label","s":"minidev","c":"inputs/select","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"minidev:separator","t":"Separator","d":"Hairline separator on Base UI that draws a 1px rule horizontally or vertically, stretching","k":"layout","s":"minidev","c":"layout/page-shell","hc":1},{"id":"minidev:server-error-state","t":"Server error state","d":"500 error state card with a danger outline, a short explanation, and Retry and Copy reques","s":"minidev","c":"actions/button","sb":"Loading and states","hc":1},{"id":"minidev:session-list","t":"Session list","d":"Active sessions list showing each device and location, marking the current device and givi","s":"minidev","c":"data-display/list","hc":1},{"id":"minidev:settings-layout","t":"Settings layout","d":"Settings page layout with a 200px side nav column and a content area, plus a SettingsSecti","k":"layout","s":"minidev","c":"flows/settings","hc":1},{"id":"minidev:sheet","t":"Sheet","d":"Slide-out sheet from the left, right, top or bottom with a backdrop, a titled header, a cl","s":"minidev","c":"overlays/sheet","hc":1},{"id":"minidev:shipping-address","t":"Shipping address","d":"Shipping address form with full name, street address, city and postal code fields, each wi","k":"section","s":"minidev","c":"marketing/pricing","hc":1},{"id":"minidev:shortcut-cheat-sheet","t":"Shortcut cheat sheet","d":"Keyboard shortcut cheat sheet listing actions next to their key combinations rendered as K","s":"minidev","c":"overlays/sheet","hc":1},{"id":"minidev:sidebar-section","t":"Sidebar section","d":"Sidebar section that groups nav items under an optional small uppercase heading with tight","s":"minidev","c":"navigation/sidebar","hc":1},{"id":"minidev:sidebar","t":"Sidebar","d":"App sidebar shell with a collapsed icon-only width and SidebarNavItem buttons that show ic","s":"minidev","c":"navigation/sidebar","hc":1},{"id":"minidev:sign-up-form","t":"Sign up form","d":"Create account form with GitHub and Google buttons, required name, email and password fiel","k":"layout","s":"minidev","c":"flows/sign-in","tg":["webgl"],"sb":"Sign up","sy":["webgl"],"hc":1},{"id":"minidev:signature-pad","t":"Signature pad","d":"Draw a signature with mouse, pen or finger on a canvas with pressure aware strokes, undo a","s":"minidev","c":"inputs/form-field","hc":1},{"id":"minidev:skeleton","t":"Skeleton","d":"Tailwind skeleton loader with a sunken plate and a soft sheen that sweeps every 1.6s, plus","s":"minidev","c":"status/skeleton","hc":1},{"id":"minidev:skip-link","t":"Skip link","d":"Skip to content link that stays visually hidden until focused, then appears fixed in the t","s":"minidev","c":"actions/link","hc":1},{"id":"minidev:slash-command-menu","t":"Slash command menu","d":"React slash command menu that filters commands by the typed query, shows each as /name wit","s":"minidev","c":"navigation/command-palette","hc":1},{"id":"minidev:slider","t":"Slider","d":"Slider on Base UI with a hairline rail, a keycap thumb, a value bubble while dragging, opt","s":"minidev","c":"inputs/slider","hc":1},{"id":"minidev:social-auth-row","t":"Social auth row","d":"Two-column row of Continue with GitHub and Continue with Google buttons with click handler","k":"layout","s":"minidev","c":"flows/sign-in","tg":["webgl"],"sb":"Social","sy":["webgl"],"hc":1},{"id":"minidev:social-proof","t":"Social proof","d":"Social proof row of up to five overlapping avatars with initials fallback, next to a count","k":"section","s":"minidev","c":"marketing/testimonials","hc":1},{"id":"minidev:sortable-header","t":"Sortable header","d":"Sortable table header button that shows an up, down or neutral arrow for the current sort ","s":"minidev","c":"navigation/top-nav","hc":1},{"id":"minidev:sortable-list","t":"Sortable list","d":"Drag to reorder a list in React with Motion Reorder, plus Arrow key reordering from the ha","s":"minidev","c":"data-display/list","sb":"Sortable","hc":1},{"id":"minidev:source-card","t":"Source card","d":"Citation source card for AI answers showing a title, a source badge, the truncated URL and","s":"minidev","c":"data-display/card","hc":1},{"id":"minidev:sparkline-set","t":"Sparkline set","d":"Responsive grid of metric cards, each with a label, value, delta chip and a small area cha","s":"minidev","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"minidev:spinner","t":"Spinner","d":"Loading spinner in sm, default and lg sizes with role status and an accessible Loading lab","s":"minidev","c":"status/loader","sb":"Spinners","hc":1},{"id":"minidev:split-button","t":"Split button","d":"Split button with a primary action and a chevron that opens a dropdown of secondary action","s":"minidev","c":"actions/button","sb":"Groups and split","hc":1},{"id":"minidev:split-flap","t":"Split flap","d":"Split-flap display that flips each character through the alphabet like a departure board, ","s":"minidev","c":"data-display/kanban","hc":1},{"id":"minidev:split-pane","t":"Split pane","d":"Static two-column split pane that stacks on mobile and sits side by side from md up, with ","k":"layout","s":"minidev","c":"layout/split-pane","hc":1},{"id":"minidev:sql-result-table","t":"Sql result table","d":"SQL query result table with uppercase column headers, monospace cells and horizontal scrol","s":"minidev","c":"data-display/table","hc":1},{"id":"minidev:sso-provider-card","t":"Sso provider card","d":"SSO provider card with a name, description, Configured or Not set badge, an enable switch ","k":"layout","s":"minidev","c":"flows/sign-in","hc":1},{"id":"minidev:stack-trace","t":"Stack trace","d":"Stack trace block that shows an error trace in a monospace pre with a danger tint and scro","k":"layout","s":"minidev","c":"layout/scroll-area","hc":1},{"id":"minidev:stack","t":"Stack","d":"Vertical stack layout primitive that arranges children in a flex column with a gap prop fr","s":"minidev","c":"other/other","hc":1},{"id":"minidev:stacked-bar-chart","t":"Stacked bar chart","d":"Stacked bar chart that splits each column into colored series segments with hover titles, ","s":"minidev","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"minidev:stat-card","t":"Stat card","d":"React stat card with a label, optional icon, a large tabular value and a delta chip colore","s":"minidev","c":"data-display/stat","hc":1},{"id":"minidev:stat-sparkline","t":"Stat sparkline","d":"Metric card with a label, a large value, a signed delta and an edge-to-edge area sparkline","s":"minidev","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"minidev:stats-strip","t":"Stats strip","d":"Tailwind stats strip of centered value and label cells split by hairlines, two columns on ","s":"minidev","c":"data-display/stat","hc":1},{"id":"minidev:status-badge","t":"Status badge","d":"Tailwind status badge with a tinted fill, hairline border and colored dot in neutral, succ","s":"minidev","c":"data-display/badge","sb":"Status","hc":1},{"id":"minidev:status-dot","t":"Status dot","d":"Small status dot in neutral, success, warning, danger and accent tones, built with cva. Pl","s":"minidev","c":"status/status-dot","hc":1},{"id":"minidev:step-progress","t":"Step progress","d":"Step progress bar made of segments that fill in accent for completed and current steps, wi","s":"minidev","c":"data-viz/progress-bar","hc":1},{"id":"minidev:stepper","t":"Stepper","d":"Numbered stepper for multi-step forms that shows each step as a bar and a label, highlight","s":"minidev","c":"navigation/wizard-steps","hc":1},{"id":"minidev:sticky-bar","t":"Sticky bar","d":"Sticky bottom action bar with a translucent blurred background and a hairline top border. ","k":"section","s":"minidev","c":"marketing/pricing","hc":1},{"id":"minidev:sticky-column","t":"Sticky column","d":"Sticky table column wrapper that pins content to the left or right edge with a solid backg","s":"minidev","c":"data-display/table","hc":1},{"id":"minidev:stop-generating","t":"Stop generating","d":"Stop generating button with a filled square icon and an onClick handler, for cancelling a ","s":"minidev","c":"ai-agent/ai-agent","hc":1},{"id":"minidev:streak-calendar","t":"Streak calendar","d":"Streak calendar showing a 28-day grid in seven columns, with active days filled in accent.","s":"minidev","c":"data-display/calendar","hc":1},{"id":"minidev:streaming-cursor","t":"Streaming cursor","d":"Blinking caret that sits inline at the end of streaming text, sized to the line and hidden","k":"motion","s":"minidev","c":"motion/cursor","hc":1},{"id":"minidev:streaming-message","t":"Streaming message","d":"Chat message bubble that renders partial AI output with a blinking caret at the end, for s","s":"minidev","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"minidev:suggestion-chips","t":"Suggestion chips","d":"Row of rounded suggestion chips such as Summarize or Find bugs that call onSelect when cli","s":"minidev","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"minidev:switch","t":"Switch","d":"Switch on Base UI whose thumb stretches on press then springs across, with sm and default ","s":"minidev","c":"actions/switch","sb":"Animated","hc":1},{"id":"minidev:table-pagination","t":"Table pagination","d":"Table pagination footer showing Page X of Y with previous and next icon buttons that disab","s":"minidev","c":"navigation/pagination","hc":1},{"id":"minidev:table-toolbar","t":"Table toolbar","d":"Toolbar above a data table with a search input on the left and a right slot for filters, v","s":"minidev","c":"navigation/menu","tg":["minimal"],"sb":"Menubars","sy":["minimal"],"hc":1},{"id":"minidev:table","t":"Table","d":"Table primitives for header, body, footer, row, head, cell and caption, wrapped in a horiz","s":"minidev","c":"data-display/table","hc":1},{"id":"minidev:tabs","t":"Tabs","d":"Tabs on Base UI with a raised thumb or a line underline that springs to the active tab, op","s":"minidev","c":"navigation/tabs","hc":1},{"id":"minidev:tags-input","t":"Tags input","d":"React tags input that adds a chip on Enter or comma, skips duplicates, removes the last ta","s":"minidev","c":"inputs/form-field","hc":1},{"id":"minidev:tax-fields","t":"Tax fields","d":"Checkout tax fields with country and a monospace VAT or EIN tax ID input in a two-column g","s":"minidev","c":"inputs/form-field","hc":1},{"id":"minidev:team-member-row","t":"Team member row","d":"Team member row with an initials avatar, name, email and a role badge, truncating cleanly ","k":"section","s":"minidev","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"minidev:terminal-window","t":"Terminal window","d":"Terminal window frame with traffic light dots, a title bar and a monospace body for comman","s":"minidev","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"minidev:testimonial","t":"Testimonial","d":"Testimonial card with a quote, avatar with initials fallback, name and role, using semanti","k":"section","s":"minidev","c":"marketing/testimonials","hc":1},{"id":"minidev:text","t":"Text","d":"Text paragraph primitive with muted, subtle and mono variants on top of your base type sty","k":"motion","s":"minidev","c":"motion/text-effect","hc":1},{"id":"minidev:textarea","t":"Textarea","d":"Multiline textarea with a 96px minimum height, comfortable line height, hairline border, f","s":"minidev","c":"inputs/textarea","hc":1},{"id":"minidev:theme-picker","t":"Theme picker","d":"Light, dark and system theme picker as a segmented radiogroup that toggles the dark class ","s":"minidev","c":"inputs/select","hc":1},{"id":"minidev:thinking-block","t":"Thinking block","d":"React Thinking panel with a chevron header and aria-expanded that reveals the model's inte","s":"minidev","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"minidev:time-picker","t":"Time picker","d":"React time picker built on the native time input, styled to match the other inputs, with a","s":"minidev","c":"inputs/time-picker","hc":1},{"id":"minidev:timeline","t":"Timeline","d":"Tailwind vertical timeline with a hairline rail, a dot per event, titles, optional descrip","s":"minidev","c":"data-display/timeline","hc":1},{"id":"minidev:toast","t":"Toast","d":"Toast notifications with a toast() API for success, error, warning and promise states. The","s":"minidev","c":"overlays/toast","hc":1},{"id":"minidev:toc","t":"Toc","d":"Table of contents nav with anchor links indented by heading level and a highlighted active","s":"minidev","c":"navigation/table-of-contents","hc":1},{"id":"minidev:toggle-group","t":"Toggle group","d":"Toggle group on Base UI that wraps Toggle buttons for single or multiple selection with sh","s":"minidev","c":"actions/switch","hc":1},{"id":"minidev:toggle","t":"Toggle","d":"Two-state toggle button on Base UI with sm, default and lg sizes and a pressed style. A sh","s":"minidev","c":"actions/switch","hc":1},{"id":"minidev:token-usage-meter","t":"Token usage meter","d":"LLM token usage meter showing tokens used against a monthly limit, a labelled progress bar","s":"minidev","c":"data-viz/gauge","hc":1},{"id":"minidev:tool-call-card","t":"Tool call card","d":"Agent tool call card showing the tool name, argument preview, duration and a running, done","s":"minidev","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"minidev:tool-call-collapsed","t":"Tool call collapsed","d":"Compact collapsed tool call row with a rotating chevron and monospace tool name that expan","s":"minidev","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"minidev:tool-result-panel","t":"Tool result panel","d":"Tool result panel with the tool name, a success, error or running status badge and the out","s":"minidev","c":"data-display/card","hc":1},{"id":"minidev:tooltip","t":"Tooltip","d":"React tooltip on Base UI with a provider for delay, a trigger, and content that positions ","s":"minidev","c":"overlays/tooltip","hc":1},{"id":"minidev:topbar","t":"Topbar","d":"App top bar that is 56px tall with a title or custom left content and a right slot for act","k":"section","s":"minidev","c":"marketing/announcement","hc":1},{"id":"minidev:trace-waterfall","t":"Trace waterfall","d":"React trace waterfall that draws each span as a bar offset by start time and scaled by dur","s":"minidev","c":"inputs/form-field","tg":["3d"],"sy":["3d"],"hc":1},{"id":"minidev:tree-view","t":"Tree view","d":"Nested tree view with expandable nodes, rotating chevrons, depth indentation and ARIA tree","s":"minidev","c":"data-display/tree","tg":["3d"],"sy":["3d"],"hc":1},{"id":"minidev:trial-banner","t":"Trial banner","d":"Trial banner with a days left headline, a short note on what stays unlocked and an Upgrade","s":"minidev","c":"overlays/alert-banner","hc":1},{"id":"minidev:two-factor-setup","t":"Two factor setup","d":"Two-factor setup card with a QR code area, a one-time code input and a Verify and enable b","k":"layout","s":"minidev","c":"flows/sign-in","hc":1},{"id":"minidev:two-factor-verify","t":"Two factor verify","d":"Two-factor verification screen with a one-time password input and a full-width Verify butt","k":"layout","s":"minidev","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"minidev:typing-indicator","t":"Typing indicator","d":"Tailwind typing indicator with three pulsing dots in a rounded pill, staggered by 120ms, w","k":"motion","s":"minidev","c":"motion/text-effect","tg":["webgl"],"sb":"Typewriter","sy":["webgl"],"hc":1},{"id":"minidev:upgrade-prompt","t":"Upgrade prompt","d":"Upgrade prompt card with a title, a short description of what the paid plan unlocks and an","s":"minidev","c":"ai-agent/composer","hc":1},{"id":"minidev:uptime-bar","t":"Uptime bar","d":"Status page uptime bar with one cell per day over 90 days, green when operational and red ","s":"minidev","c":"data-display/badge","hc":1},{"id":"minidev:usage-breakdown","t":"Usage breakdown","d":"Usage breakdown listing several metered items, each with its label, used over limit and a ","k":"section","s":"minidev","c":"marketing/pricing","sb":"Usage and sliders","hc":1},{"id":"minidev:usage-meter","t":"Usage meter","d":"Single usage meter with a label, used over limit count and a Progress bar linked by aria-l","s":"minidev","c":"data-viz/gauge","hc":1},{"id":"minidev:user-chip","t":"User chip","d":"React user chip showing a small avatar with initials fallback and the person's name, plus ","s":"minidev","c":"data-display/badge","sb":"User","hc":1},{"id":"minidev:version-badge","t":"Version badge","d":"Version badge that shows a v-prefixed release number with an optional stable, beta or cana","s":"minidev","c":"data-display/badge","hc":1},{"id":"minidev:vertical-tabs","t":"Vertical tabs","d":"Vertical tabs with a 180px tab list on the left and the active panel on the right, using t","s":"minidev","c":"navigation/tabs","hc":1},{"id":"minidev:video-player-chrome","t":"Video player chrome","d":"Video player chrome with a 16:9 stage, a centered play and pause button, a volume icon, a ","s":"minidev","c":"media/player","hc":1},{"id":"minidev:virtualized-list","t":"Virtualized list","d":"Virtualized list that renders only the visible rows plus a small buffer, using a fixed ite","s":"minidev","c":"data-display/list","sb":"Long lists","hc":1},{"id":"minidev:visually-hidden","t":"Visually hidden","d":"Visually hidden wrapper that keeps content available to screen readers while hiding it on ","s":"minidev","c":"inputs/form-field","hc":1},{"id":"minidev:vote-control","t":"Vote control","d":"Upvote and downvote control with a score between two chevrons, aria-pressed states and cli","s":"minidev","c":"data-display/stat","hc":1},{"id":"minidev:waffle-chart","t":"Waffle chart","d":"Waffle chart that fills a 10 column grid of squares to show a value out of a total, with a","s":"minidev","c":"data-viz/chart","hc":1},{"id":"minidev:webhook-list","t":"Webhook list","d":"Webhook endpoints list with an Add endpoint button, monospace URLs, subscribed events and ","s":"minidev","c":"data-display/list","hc":1},{"id":"minidev:welcome-screen","t":"Welcome screen","d":"React onboarding welcome card with an eyebrow, headline, short intro, three numbered getti","s":"minidev","c":"navigation/wizard-steps","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"minidev:well","t":"Well","d":"A recessed Tailwind panel with a sunken background, hairline border and inner highlight. U","s":"minidev","c":"data-display/card","hc":1},{"id":"minidev:window-chrome","t":"Window chrome","d":"A macOS style window frame for React with three traffic light dots, a truncated title bar ","k":"motion","s":"minidev","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"minidev:wishlist-button","t":"Wishlist button","d":"A Tailwind heart icon button for product cards that toggles a wishlist state. It sets aria","s":"minidev","c":"actions/button","hc":1},{"id":"minidev:workspace-create","t":"Workspace create","d":"A compact create workspace form in React with a required name field, a URL slug input and ","s":"minidev","c":"inputs/form-field","hc":1},{"id":"minidev:admin-console","t":"Admin console","d":"A full admin console with an impersonation banner, org switcher, KPI strip and tabs for us","k":"layout","s":"minidev","c":"flows/sign-in","hc":1},{"id":"minidev:admin-overview","t":"Admin overview","d":"An admin overview section with a heading and invite action, stat tiles with deltas for sea","s":"minidev","c":"inputs/rating","hc":1},{"id":"minidev:analytics-page","t":"Analytics page","d":"A React analytics page with a KPI strip for installs, trials, conversions and seats, plus ","k":"layout","s":"minidev","c":"layout/dashboard","hc":1},{"id":"minidev:api-docs-page","t":"Api docs page","d":"A React API reference page with a sidebar nav, endpoints tagged by HTTP method, a copy bas","s":"minidev","c":"navigation/sidebar","hc":1},{"id":"minidev:bento-live","t":"Bento live","d":"A React bento feature grid where each tile runs a live demo: a rolling MRR counter, a type","k":"layout","s":"minidev","c":"layout/bento-grid","hc":1},{"id":"minidev:billing-page","t":"Billing page","d":"A Tailwind workspace billing page with three plan cards and a highlighted Pro tier, a seat","k":"section","s":"minidev","c":"marketing/pricing","tg":["webgl"],"sb":"With billing toggle","sy":["webgl"],"hc":1},{"id":"minidev:changelog-page","t":"Changelog page","d":"A Tailwind changelog card listing releases with a monospace version, tag badge, date, titl","k":"section","s":"minidev","c":"marketing/marketing","hc":1},{"id":"minidev:chat-page","t":"Chat page","d":"A fixed height AI chat page in React with a header, a scrollable thread of user and assist","s":"minidev","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"minidev:command-center","t":"Command center","d":"A React operations dashboard with a KPI row for agents, jobs, failures and latency, plus a","s":"minidev","c":"ai-agent/ai-agent","hc":1},{"id":"minidev:commerce-checkout","t":"Commerce checkout","d":"A two column React checkout page with an editable cart line item, a shipping address form,","k":"section","s":"minidev","c":"marketing/pricing","hc":1},{"id":"minidev:cta-band","t":"Cta band","d":"A closing CTA section with a large lit headline and an inline email form whose button anim","k":"section","s":"minidev","c":"marketing/cta","hc":1},{"id":"minidev:dashboard-home","t":"Dashboard home","d":"A React dashboard home screen with a page header and new project action, a KPI row with de","k":"layout","s":"minidev","c":"layout/dashboard","hc":1},{"id":"minidev:device-frame","t":"Device frame","d":"Wraps any React UI in a phone with notch, status bar and side buttons, or a browser window","s":"minidev","c":"media/mockup","hc":1},{"id":"minidev:docs-page","t":"Docs page","d":"A Tailwind documentation page layout with a table of contents sidebar, prose with anchored","s":"minidev","c":"navigation/sidebar","hc":1},{"id":"minidev:empty-workspace","t":"Empty workspace","d":"An empty workspace screen with a no projects empty state and new project action, plus foll","s":"minidev","c":"actions/button","hc":1},{"id":"minidev:engineering-console","t":"Engineering console","d":"An engineering console with an environment switcher, build pipeline, and tabs for commits,","s":"minidev","c":"data-display/timeline","hc":1},{"id":"minidev:faq-section","t":"Faq section","d":"An FAQ section with a heading column and an accessible accordion: one answer open at a tim","k":"section","s":"minidev","c":"marketing/faq","hc":1},{"id":"minidev:feature-flags","t":"Feature flags","d":"A feature flag settings list that pairs each flag key in monospace with a labelled switch.","k":"section","s":"minidev","c":"marketing/features","hc":1},{"id":"minidev:floating-nav","t":"Floating nav","d":"A sticky marketing navbar that tucks into a floating pill after you scroll, with a hover h","s":"minidev","c":"navigation/dock","hc":1},{"id":"minidev:form-wizard","t":"Form wizard","d":"A three step React form wizard with a stepper for basics, details and review, per step fie","s":"minidev","c":"navigation/wizard-steps","tg":["minimal","webgl"],"sy":["minimal","webgl"],"hc":1},{"id":"minidev:hero-spotlight","t":"Hero spotlight","d":"A launch hero with a pulsing eyebrow, blur-in headline with a cursor lit second line, two ","k":"section","s":"minidev","c":"marketing/hero","tg":["3d"],"sb":"Animated background","sy":["3d"],"hc":1},{"id":"minidev:inbox-page","t":"Inbox page","d":"A Tailwind inbox panel listing messages with sender, preview line and timestamp, a New bad","s":"minidev","c":"overlays/notifications","hc":1},{"id":"minidev:logs-viewer","t":"Logs viewer","d":"A Tailwind log viewer with a filter input and a scrollable monospace list of timestamped e","s":"minidev","c":"inputs/form-field","hc":1},{"id":"minidev:marketing-landing","t":"Marketing landing","d":"A complete Tailwind landing page assembled from a hero with two actions, a logo cloud, a s","k":"section","s":"minidev","c":"marketing/hero","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"minidev:media-library","t":"Media library","d":"A Tailwind media library panel with an upload action and a two column grid of assets showi","s":"minidev","c":"inputs/file-upload","hc":1},{"id":"minidev:notification-center","t":"Notification center","d":"A React notification center card with a settings action and a stack of notification items ","s":"minidev","c":"overlays/notifications","hc":1},{"id":"minidev:onboarding-flow","t":"Onboarding flow","d":"A three step onboarding card for naming a workspace, inviting teammates by email and revie","s":"minidev","c":"navigation/wizard-steps","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"minidev:premium-landing","t":"Premium landing","d":"A React motion landing page combining an aurora hero, an animated feature row, three tier ","k":"section","s":"minidev","c":"marketing/hero","tg":["gradient","neon","webgl"],"sy":["gradient","neon","webgl"],"hc":1},{"id":"minidev:pricing-plans","t":"Pricing plans","d":"A React pricing section with a monthly or yearly switch that rolls prices to the new value","k":"section","s":"minidev","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"minidev:project-detail","t":"Project detail","d":"A project detail header in React with a back link, page title and description, and a descr","s":"minidev","c":"navigation/top-nav","hc":1},{"id":"minidev:project-list","t":"Project list","d":"A React projects list with a page header and new project button, and bordered rows that sh","s":"minidev","c":"data-display/list","hc":1},{"id":"minidev:report-builder","t":"Report builder","d":"A React report builder layout with an export action, a date range picker and a chart card ","s":"minidev","c":"inputs/slider","hc":1},{"id":"minidev:saas-marketing-page","t":"Saas marketing page","d":"A full SaaS marketing page stacking a kinetic pitch hero, moving logo wall, feature bento,","k":"section","s":"minidev","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"minidev:scroll-story","t":"Scroll story","d":"A scrollytelling section: steps scroll on one side while a pinned visual swaps as each rea","k":"layout","s":"minidev","c":"layout/scroll-area","hc":1},{"id":"minidev:search-results-page","t":"Search results page","d":"A search results panel with a query input, result count and a list of hits, each showing a","s":"minidev","c":"inputs/search","hc":1},{"id":"minidev:settings-page","t":"Settings page","d":"A React settings page combining a profile form, theme picker, notification preferences and","k":"layout","s":"minidev","c":"flows/settings","hc":1},{"id":"minidev:sign-in-page","t":"Sign in page","d":"A centered Tailwind sign in page in an auth card with social login buttons, email and pass","k":"layout","s":"minidev","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"minidev:social-proof-wall","t":"Social proof wall","d":"A testimonial wall with a logo marquee that pauses on hover and three columns of quote car","k":"section","s":"minidev","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"minidev:status-page","t":"Status page","d":"A React system status panel with an overall outage badge and a list of services, each mark","k":"section","s":"minidev","c":"marketing/features","hc":1},{"id":"minidev:support-inbox","t":"Support inbox","d":"A React support ticket inbox with search and compose actions and a list of threads showing","s":"minidev","c":"overlays/notifications","hc":1},{"id":"minidev:user-detail","t":"User detail","d":"A Tailwind user detail header with a back link to users, an avatar beside the name in the ","k":"section","s":"minidev","c":"marketing/team","hc":1},{"id":"minidev:users-table-page","t":"Users table page","d":"A React users admin page with an invite action, a search toolbar that filters rows as you ","s":"minidev","c":"data-display/table","sb":"People","hc":1},{"id":"minidev:workflow-board","t":"Workflow board","d":"A triage and approvals screen in Tailwind with an issue key, due date chip and priority pi","s":"minidev","c":"data-display/kanban","hc":1},{"id":"minidev:agency-portfolio","t":"Agency portfolio","d":"An agency portfolio page with a marketing navbar, animated headline, project cards that fa","k":"section","s":"minidev","c":"marketing/footer","hc":1},{"id":"minidev:animated-beam","t":"Animated beam","d":"Light travels along curved paths from sources into a hub and out to a result, measured fro","k":"motion","s":"minidev","c":"motion/background","sb":"Beams and light","hc":1},{"id":"minidev:animated-feature-row","t":"Animated feature row","d":"A row of feature cards that slide up with a staggered delay when scrolled into view. Pass ","k":"section","s":"minidev","c":"marketing/features","hc":1},{"id":"minidev:animated-list","t":"Animated list","d":"A live feed where new items drop in at the top with a spring and older ones slide down. Id","s":"minidev","c":"data-display/list","hc":1},{"id":"minidev:animated-tabs","t":"Animated tabs","d":"Tabs with a sliding pill indicator and panels that fade in the direction of travel. Full W","s":"minidev","c":"navigation/tabs","hc":1},{"id":"minidev:before-after-wipe","t":"Before after wipe","d":"A before and after comparison slider in React: drag the handle or use the labelled range i","s":"minidev","c":"media/image-compare","hc":1},{"id":"minidev:blog-home","t":"Blog home","d":"A blog index page with a marketing nav, tag filter chips for all, design and engineering, ","k":"section","s":"minidev","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"minidev:border-beam","t":"Border beam","d":"Wrap any card with a beam of light that travels around its border. A masked conic gradient","k":"motion","s":"minidev","c":"motion/border","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"minidev:brand-kit-page","t":"Brand kit page","d":"A brand showcase page combining poster type, a typographic marquee, tilt cards, a text scr","k":"section","s":"minidev","c":"marketing/cta","tg":["3d"],"sy":["3d"],"hc":1},{"id":"minidev:card-tilt","t":"Card tilt","d":"A card that tilts in 3D toward the pointer on springs, with an accent glare that follows t","s":"minidev","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"hc":1},{"id":"minidev:careers-page","t":"Careers page","d":"A React careers page with a marketing nav, animated headline, open roles listing location ","k":"section","s":"minidev","c":"marketing/marketing","sb":"Careers","hc":1},{"id":"minidev:changelog-marketing","t":"Changelog marketing","d":"A marketing changelog with a gradient masked headline, a subscribe CTA and a timeline of v","k":"section","s":"minidev","c":"marketing/marketing","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"minidev:changelog-motion","t":"Changelog motion","d":"A React changelog timeline where each release slides in on scroll with version, date, titl","k":"section","s":"minidev","c":"marketing/marketing","hc":1},{"id":"minidev:client-pitch-kit","t":"Client pitch kit","d":"A full client pitch page chaining a kinetic hero, metric ticker, live component rail, prod","k":"section","s":"minidev","c":"marketing/hero","hc":1},{"id":"minidev:command-waitlist","t":"Command waitlist","d":"A React terminal styled waitlist card with a join --email prompt, a required email input a","k":"section","s":"minidev","c":"marketing/cta","tg":["retro and HUD"],"sb":"Newsletter and waitlist","sy":["retro and HUD"],"hc":1},{"id":"minidev:confetti-button","t":"Confetti button","d":"A React button that bursts confetti from itself on click, with gravity, drag and spin on a","s":"minidev","c":"actions/button","sb":"Animated","hc":1},{"id":"minidev:contact-sales","t":"Contact sales","d":"A contact sales page with an animated headline, a case study card and press quote on one s","k":"section","s":"minidev","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"minidev:cta-glow","t":"Cta glow","d":"A call to action card in Tailwind with soft accent glow layers, a title, optional descript","k":"section","s":"minidev","c":"marketing/cta","tg":["neon"],"sy":["neon"],"hc":1},{"id":"minidev:cursor-spotlight-panel","t":"Cursor spotlight panel","d":"A panel whose accent radial spotlight follows the cursor, driven by Framer Motion values w","s":"minidev","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"minidev:device-frame-stack","t":"Device frame stack","d":"Three device frames labelled mobile, app and docs that spring into a fanned, rotated stack","s":"minidev","c":"media/mockup","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"minidev:dock","t":"Dock","d":"A macOS style dock for React: icons magnify under the pointer with spring physics and show","s":"minidev","c":"navigation/dock","hc":1},{"id":"minidev:docs-marketing","t":"Docs marketing","d":"A React docs landing page with an animated headline, docs search, get started and API butt","s":"minidev","c":"inputs/search","hc":1},{"id":"minidev:dot-pattern","t":"Dot pattern","d":"A dot or grid background drawn as one SVG pattern, faded at the edges, with an optional ac","k":"motion","s":"minidev","c":"motion/cursor","tg":["neon"],"sy":["neon"],"hc":1},{"id":"minidev:email-receipt","t":"Email receipt","d":"A payment receipt email in a preview frame with a branded header, plan and tax line items,","k":"section","s":"minidev","c":"marketing/pricing","hc":1},{"id":"minidev:email-welcome","t":"Email welcome","d":"A React welcome email template in a preview frame with a branded header, intro copy, a cal","k":"page","s":"minidev","c":"pages/templates","hc":1},{"id":"minidev:faq-accordion-motion","t":"Faq accordion motion","d":"An FAQ accordion where one answer opens at a time with an animated height transition. Trig","s":"minidev","c":"data-display/accordion","sb":"FAQ","hc":1},{"id":"minidev:feature-bento-motion","t":"Feature bento motion","d":"A four cell Tailwind bento grid of feature cards that rise in with a stagger and lift slig","k":"layout","s":"minidev","c":"layout/bento-grid","hc":1},{"id":"minidev:feature-comparison","t":"Feature comparison","d":"A free versus premium comparison table with check, dash or text cells whose rows fade in o","k":"section","s":"minidev","c":"marketing/comparison","hc":1},{"id":"minidev:filmstrip-scrub","t":"Filmstrip scrub","d":"A filmstrip scrubber with a preview area, a row of selectable frame buttons using aria-pre","s":"minidev","c":"inputs/slider","hc":1},{"id":"minidev:flickering-grid","t":"Flickering grid","d":"A canvas grid of small squares whose brightness flickers at random behind your content, li","s":"minidev","c":"data-display/kanban","hc":1},{"id":"minidev:flip-stat-board","t":"Flip stat board","d":"A stat board where each number counts up with digits that flip in on a spring once in view","s":"minidev","c":"data-display/kanban","hc":1},{"id":"minidev:free-premium-compare","t":"Free premium compare","d":"A two column tier comparison with free and premium cards, feature checklists, price blurbs","k":"section","s":"minidev","c":"marketing/comparison","hc":1},{"id":"minidev:gradient-text","t":"Gradient text","d":"Headline text filled with a slowly drifting gradient built from your accent tokens. A real","k":"motion","s":"minidev","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"hc":1},{"id":"minidev:grid-reveal","t":"Grid reveal","d":"A grid of labelled tiles that slide up in quick succession as the section scrolls into vie","s":"minidev","c":"data-display/list","hc":1},{"id":"minidev:hero-aurora","t":"Hero aurora","d":"A React hero with slow drifting aurora gradient blobs behind an eyebrow, headline, descrip","k":"section","s":"minidev","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"],"hc":1},{"id":"minidev:hero-bento","t":"Hero bento","d":"A Tailwind hero section with a large headline above a bento grid of product tiles for AI, ","k":"layout","s":"minidev","c":"layout/bento-grid","hc":1},{"id":"minidev:hero-client-pitch","t":"Hero client pitch","d":"A React pitch hero where headline words slide up from masks in sequence, followed by a led","k":"section","s":"minidev","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"minidev:hero-editorial-split","t":"Hero editorial split","d":"A two column editorial hero in Tailwind with a masked two line headline and lede on the le","k":"section","s":"minidev","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"minidev:hero-gradient-mesh","t":"Hero gradient mesh","d":"A dark hero on a layered radial gradient mesh with a scale in headline, supporting copy an","k":"section","s":"minidev","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"],"hc":1},{"id":"minidev:hero-kinetic-type","t":"Hero kinetic type","d":"A kinetic type hero where each headline line slides up from a mask with staggered timing a","k":"section","s":"minidev","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"minidev:hero-marquee-brands","t":"Hero marquee brands","d":"A hero headline above an endlessly scrolling marquee of brand names for social proof. The ","k":"section","s":"minidev","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"minidev:hero-poster-type","t":"Hero poster type","d":"A poster scale typography hero in React whose three headline lines rise from masks in turn","k":"section","s":"minidev","c":"marketing/hero","tg":["webgl"],"sb":"Animated background","sy":["webgl"],"hc":1},{"id":"minidev:hero-split-showcase","t":"Hero split showcase","d":"A split hero with headline and copy on the left and a product card on the right whose bar ","k":"section","s":"minidev","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"minidev:hero-typed-headline","t":"Hero typed headline","d":"A centered hero whose headline cycles through rotating words such as dashboards and AI app","k":"section","s":"minidev","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"minidev:horizontal-product-rail","t":"Horizontal product rail","d":"A horizontally scrolling rail of tagged product cards that slide in and lift on hover. The","s":"minidev","c":"data-display/card","sb":"Product","hc":1},{"id":"minidev:investor-update","t":"Investor update","d":"An investor update page with a gradient headline, flip counting stats, a highlights list, ","s":"minidev","c":"data-display/stat","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"minidev:launch-countdown","t":"Launch countdown","d":"A React launch countdown showing days, hours, minutes and seconds to a target time, with d","k":"motion","s":"minidev","c":"motion/number-ticker","hc":1},{"id":"minidev:light-field","t":"Light field","d":"A WebGL shader background of drifting color silk with a soft cursor light and grain. It re","s":"minidev","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"minidev:live-component-rail","t":"Live component rail","d":"A rail of live component cards, including buttons, a badge, a switch and a destructive act","s":"minidev","c":"actions/switch","sb":"Animated","hc":1},{"id":"minidev:logo-wall-motion","t":"Logo wall motion","d":"A logo wall that scrolls brand names in an endless marquee loop. Pass your own logos array","k":"section","s":"minidev","c":"marketing/logos","hc":1},{"id":"minidev:magnetic-cta","t":"Magnetic cta","d":"A magnetic button that drifts toward the cursor on a spring and snaps back on leave. Takes","k":"section","s":"minidev","c":"marketing/cta","hc":1},{"id":"minidev:marquee-quotes","t":"Marquee quotes","d":"Two rows of testimonial quotes scrolling in opposite directions as looping React marquees.","k":"motion","s":"minidev","c":"motion/marquee","hc":1},{"id":"minidev:masked-gradient-headline","t":"Masked gradient headline","d":"A gradient text headline that wipes in from left to right with a clip path reveal when it ","k":"motion","s":"minidev","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"hc":1},{"id":"minidev:meteors","t":"Meteors","d":"Meteor streaks with fading tails that fall diagonally behind your content at random interv","k":"motion","s":"minidev","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"minidev:metric-ticker-board","t":"Metric ticker board","d":"A four cell metric board where each number counts up from zero with an eased tween when it","s":"minidev","c":"data-display/kanban","hc":1},{"id":"minidev:morph-price","t":"Morph price","d":"A price display with a monthly or yearly toggle where the old amount springs out and the n","k":"motion","s":"minidev","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"minidev:onboarding-motion","t":"Onboarding motion","d":"An animated onboarding card with a clickable segmented step bar, content that slides betwe","s":"minidev","c":"navigation/wizard-steps","hc":1},{"id":"minidev:orbit-logo-cluster","t":"Orbit logo cluster","d":"A cluster of logo chips orbiting a center badge in a slow continuous rotation, with labels","k":"resource","s":"minidev","c":"assets/logo","hc":1},{"id":"minidev:orbiting-circles","t":"Orbiting circles","d":"Icons orbit a central hub on hairline rings for integration sections. Set radius, speed an","k":"section","s":"minidev","c":"marketing/logos","hc":1},{"id":"minidev:parallax-panel","t":"Parallax panel","d":"A panel where the heading text and a glowing accent orb move at different speeds as you sc","k":"layout","s":"minidev","c":"layout/scroll-area","tg":["3d","neon"],"sy":["3d","neon"],"hc":1},{"id":"minidev:particles","t":"Particles","d":"A canvas particle field that drifts behind your content and parts around the pointer, or g","k":"motion","s":"minidev","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"minidev:pin-scroll-gallery","t":"Pin scroll gallery","d":"A pinned horizontal scroll gallery: the section sticks while vertical scrolling slides fra","s":"minidev","c":"media/gallery","tg":["webgl"],"sb":"Scroll","sy":["webgl"],"hc":1},{"id":"minidev:pricing-kinetic","t":"Pricing kinetic","d":"A pricing section pairing a kinetic headline and a typographic marquee with a free versus ","k":"section","s":"minidev","c":"marketing/pricing","hc":1},{"id":"minidev:pricing-motion","t":"Pricing motion","d":"Pricing plan cards that fade up in sequence on scroll, each with name, price, blurb, featu","k":"section","s":"minidev","c":"marketing/pricing","hc":1},{"id":"minidev:pricing-page","t":"Pricing page","d":"A full Tailwind pricing page with a monthly or yearly toggle, animated plan cards, a featu","k":"section","s":"minidev","c":"marketing/pricing","tg":["neon"],"sy":["neon"],"hc":1},{"id":"minidev:product-launch","t":"Product launch","d":"A product launch page with a scroll progress rail, kinetic hero, device stack, sticky feat","k":"section","s":"minidev","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"minidev:product-os-mock","t":"Product os mock","d":"A mock product interface that auto cycles through inbox, pipeline and agents views with an","s":"minidev","c":"ai-agent/ai-agent","hc":1},{"id":"minidev:product-tour","t":"Product tour","d":"A React product tour with a clickable list of steps beside a detail panel that fades in fo","s":"minidev","c":"actions/button","sb":"Animated","hc":1},{"id":"minidev:retro-grid","t":"Retro grid","d":"A retro perspective grid floor that recedes to a glowing horizon and scrolls slowly toward","k":"motion","s":"minidev","c":"motion/tilt-3d","tg":["3d","neon","retro and HUD"],"sy":["3d","neon","retro and HUD"],"hc":1},{"id":"minidev:ripple","t":"Ripple","d":"Concentric rings behind your content with a soft pulse that travels outward ring by ring, ","k":"motion","s":"minidev","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"minidev:saas-landing","t":"Saas landing","d":"A full React SaaS landing template with an aurora hero, logo wall, counting stats, animate","k":"page","s":"minidev","c":"pages/templates","tg":["gradient"],"sb":"Landing pages","sy":["gradient"],"hc":1},{"id":"minidev:scroll-chapter-story","t":"Scroll chapter story","d":"A scroll story of three chapters that slide in as you scroll, with a sticky progress bar t","k":"layout","s":"minidev","c":"layout/scroll-area","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"minidev:scroll-progress-rail","t":"Scroll progress rail","d":"A React reading progress bar that fills with page scroll on a spring, with section labels ","s":"minidev","c":"data-viz/progress-bar","hc":1},{"id":"minidev:scroll-reveal","t":"Scroll reveal","d":"A React wrapper that slides its children up into place once they scroll into view, with co","k":"layout","s":"minidev","c":"layout/scroll-area","hc":1},{"id":"minidev:shimmer-button","t":"Shimmer button","d":"A React call to action with a slow band of light sweeping across it, a lit top edge and a ","s":"minidev","c":"actions/button","sb":"Animated","hc":1},{"id":"minidev:soft-stack","t":"Soft stack","d":"A stack of three offset cards that spring up into a layered, slightly scaled pile when scr","k":"section","s":"minidev","c":"marketing/features","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"minidev:sparkles-text","t":"Sparkles text","d":"Headline text with four point stars that twinkle around it in your accent colors. The spar","k":"motion","s":"minidev","c":"motion/text-effect","hc":1},{"id":"minidev:split-proof-panel","t":"Split proof panel","d":"A two column proof section with a badge, pitch copy and checklist on one side, and key fac","s":"minidev","c":"data-display/card","hc":1},{"id":"minidev:stack-reveal-story","t":"Stack reveal story","d":"Three story cards that rise and overlap into a stack on wider screens as they scroll into ","s":"minidev","c":"data-display/list","tg":["minimal","webgl"],"sy":["minimal","webgl"],"hc":1},{"id":"minidev:stats-counter","t":"Stats counter","d":"A single stat that counts up from zero to its value once it is in view, with a label below","k":"motion","s":"minidev","c":"motion/number-ticker","hc":1},{"id":"minidev:status-marketing","t":"Status marketing","d":"A status marketing section with an incident banner, operational badge, gradient headline a","s":"minidev","c":"overlays/alert-banner","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"minidev:sticky-cta-bar","t":"Sticky cta bar","d":"A Tailwind floating CTA bar that slides up from the bottom once the page scrolls past 320p","k":"section","s":"minidev","c":"marketing/cta","sb":"Banners","hc":1},{"id":"minidev:sticky-feature-story","t":"Sticky feature story","d":"A sticky scroll section where the active step highlights as you scroll and a pinned previe","k":"section","s":"minidev","c":"marketing/features","sb":"Scroll","hc":1},{"id":"minidev:testimonial-carousel","t":"Testimonial carousel","d":"A React testimonial carousel that auto advances every few seconds with slide transitions, ","s":"minidev","c":"media/carousel","hc":1},{"id":"minidev:text-reveal","t":"Text reveal","d":"A paragraph that lights up word by word as it scrolls through the viewport, from muted to ","k":"motion","s":"minidev","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"minidev:text-scramble","t":"Text scramble","d":"A text effect that scrambles random glyphs and resolves to the final string letter by lett","k":"motion","s":"minidev","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"minidev:typing-text","t":"Typing text","d":"A React typewriter that types a phrase, holds, deletes and moves on, with a blinking accen","k":"motion","s":"minidev","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"minidev:typographic-marquee","t":"Typographic marquee","d":"A large type Tailwind marquee that loops phrases horizontally in an endless scroll. Pass a","k":"motion","s":"minidev","c":"motion/marquee","hc":1},{"id":"minidev:waitlist-hero","t":"Waitlist hero","d":"A React waitlist hero with a pulsing background glow, an email input, a request access but","k":"section","s":"minidev","c":"marketing/hero","tg":["neon"],"sb":"Animated background","sy":["neon"],"hc":1},{"id":"minidev:waveform-hero","t":"Waveform hero","d":"A hero with an audio waveform of hairline bars that pulse in a staggered loop, a headline,","k":"section","s":"minidev","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"minidev:word-rotate","t":"Word rotate","d":"Rotates words inside a sentence: the old word lifts and blurs away as the next rises in. T","k":"motion","s":"minidev","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"mischief:magnetic-tabs","t":"Magnetic Tabs","d":"Accessible tabs with a gently responsive label and a clear active surface.","s":"mischief","c":"navigation/tabs","vn":1,"hc":1},{"id":"mischief:elastic-slider","t":"Elastic Slider","d":"An accessible value slider with restrained physical feedback at its limits.","s":"mischief","c":"inputs/slider","vn":1,"hc":1},{"id":"mischief:hold-button","t":"Hold Button","d":"A confirmation button that completes after a deliberate pointer hold and remains accessibl","s":"mischief","c":"actions/button","sb":"Loading and states","vn":1,"hc":1},{"id":"mischief:shift-button","t":"Shift Button","d":"A call-to-action button that trades its leading icon for a directional cue.","s":"mischief","c":"actions/button","sb":"Animated","vn":1,"hc":1},{"id":"mischief:impossible-checkbox","t":"Impossible Checkbox","d":"A playful checkbox that a determined bear refuses to leave on.","s":"mischief","c":"inputs/checkbox","tg":["playful"],"sy":["playful"],"vn":1,"hc":1},{"id":"mischief:floating-index","t":"Floating Index","d":"A compact floating outline that tracks reading progress and the active section.","s":"mischief","c":"data-viz/progress-bar","vn":1,"hc":1},{"id":"mischief:command-palette","t":"Command Palette","d":"A search dialog over anything you can list, opened from a keyboard shortcut.","s":"mischief","c":"navigation/command-palette","vn":1,"hc":1},{"id":"mischief:scroll-to-top-button","t":"Scroll to Top Button","d":"A floating shortcut that appears after someone moves down a long page or scroll container ","s":"mischief","c":"actions/button","vn":1,"hc":1},{"id":"mischief:save-bar","t":"Save Bar","d":"A bar that exists only while a form has unsaved changes. It says so, saves, confirms, and ","s":"mischief","c":"inputs/form-field","sb":"Whole forms","vn":1,"hc":1},{"id":"mischief:install-command","t":"Install Command","d":"A switchable install line for a library, with the runner and installer kept apart.","s":"mischief","c":"navigation/command-palette","vn":1,"hc":1},{"id":"mischief:copy-for-ai","t":"Copy for AI","d":"Hands a documentation page to an assistant as markdown.","s":"mischief","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"mischief:table-of-contents","t":"Table of Contents","d":"A page outline that marks the section the reader is in.","s":"mischief","c":"navigation/table-of-contents","vn":1,"hc":1},{"id":"mischief:file-upload","t":"File Upload","d":"A file picker and dropzone with validation, a visible queue, and optional progress, cancel","s":"mischief","c":"inputs/file-upload","vn":1,"hc":1},{"id":"mischief:file-thumbnail","t":"File Thumbnail","d":"A compact image preview with automatic browser File support, loading, and failure states.","s":"mischief","c":"status/loader","vn":1,"hc":1},{"id":"mischief:conversation","t":"Conversation","d":"A thread scroll container that follows a streaming reply and yields to the reader.","s":"mischief","c":"ai-agent/ai-agent","sb":"Chat","vn":1,"hc":1},{"id":"mischief:message","t":"Message","d":"One turn in a thread, with role, avatar, timestamp, and reachable actions.","s":"mischief","c":"ai-agent/ai-agent","sb":"Chat","vn":1,"hc":1},{"id":"mischief:prompt-input","t":"Prompt Input","d":"A growing composer that sends on Enter and becomes a stop button while streaming.","s":"mischief","c":"ai-agent/composer","vn":1,"hc":1},{"id":"mischief:suggestions","t":"Suggestions","d":"A scrollable row of prompts to start or continue a conversation with.","s":"mischief","c":"ai-agent/ai-agent","sb":"Chat","vn":1,"hc":1},{"id":"mischief:questionnaire","t":"Questionnaire","d":"Multi-step questions an agent asks before starting, with single, multiple, and freeform an","s":"mischief","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"mischief:ask-ai","t":"Ask AI","d":"A source-aware handoff that opens a prepared prompt in an AI assistant or copies it for an","s":"mischief","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"mischief:streaming-text","t":"Streaming Text","d":"Text that arrives a piece at a time from an async source, with sentence-level announcement","s":"mischief","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"mischief:thinking-state","t":"Thinking State","d":"A status row for work in progress, with a live elapsed timer and optional reasoning.","s":"mischief","c":"ai-agent/ai-agent","sb":"Reasoning and tools","vn":1,"hc":1},{"id":"mischief:tool-call","t":"Tool Call","d":"A compact record of one tool invocation with its input and output behind a disclosure.","s":"mischief","c":"ai-agent/ai-agent","sb":"Reasoning and tools","vn":1,"hc":1},{"id":"mischief:agent-checklist","t":"Agent Checklist","d":"A task list whose items change state as work proceeds, announcing only what changed.","s":"mischief","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"mischief:inline-citations","t":"Inline Citations","d":"Numbered markers inside generated text, each linking to its entry in a source list.","s":"mischief","c":"ai-agent/ai-agent","sb":"Sources","vn":1,"hc":1},{"id":"mischief:bounding-boxes","t":"Bounding Boxes","d":"Selectable regions drawn over a page image from normalized coordinates.","s":"mischief","c":"ai-agent/ai-agent","sb":"Sources","vn":1,"hc":1},{"id":"mischief:annotation-layer","t":"Annotation Layer","d":"Notes attached to regions of a page, created by dragging.","s":"mischief","c":"other/other","vn":1,"hc":1},{"id":"mischief:redaction","t":"Redaction","d":"Mark regions to black out, with a reveal that states it is only a preview.","k":"motion","s":"mischief","c":"motion/text-effect","vn":1,"hc":1},{"id":"mischief:page-navigator","t":"Page Navigator","d":"A rail of page thumbnails for moving through a long document.","s":"mischief","c":"navigation/pagination","vn":1,"hc":1},{"id":"mischief:file-tree","t":"File Tree","d":"An expandable tree of folders and files with full keyboard navigation.","s":"mischief","c":"data-display/tree","vn":1,"hc":1},{"id":"mischief:document-splits","t":"Document Splits","d":"Mark where one scanned batch becomes several documents.","s":"mischief","c":"other/other","vn":1,"hc":1},{"id":"mischief:schema-builder","t":"Schema Builder","d":"Build the shape you want extracted from a document, with nesting.","s":"mischief","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"mischief:signature-pad","t":"Signature Pad","d":"Sign with a pointer on a canvas, or type a name instead.","s":"mischief","c":"inputs/form-field","sb":"Whole forms","vn":1,"hc":1},{"id":"mischief:csv-viewer","t":"CSV Viewer","d":"A sortable table for delimited data with a sticky header and a row cap.","s":"mischief","c":"data-display/table","vn":1,"hc":1},{"id":"mischief:json-viewer","t":"JSON Viewer","d":"A collapsible tree for a JSON payload, navigable from the keyboard, where every row can ha","s":"mischief","c":"data-display/json-viewer","vn":1,"hc":1},{"id":"mischief:docx-viewer","t":"DOCX Viewer","d":"Renders a Word document as elements built through a tag and attribute allowlist.","k":"motion","s":"mischief","c":"motion/text-effect","vn":1,"hc":1},{"id":"mischief:pdf-viewer","t":"PDF Viewer","d":"Page-by-page PDF rendering on a canvas, with paging and zoom, over any loader.","s":"mischief","c":"status/loader","vn":1,"hc":1},{"id":"mischief:markdown-blocks","t":"Markdown Blocks","d":"Extracted document regions rendered as markdown, each one selectable.","s":"mischief","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"mischief:signature-footer","t":"Signature Footer","d":"A composed site footer that ends with an oversized, low-contrast wordmark.","k":"section","s":"mischief","c":"marketing/footer","vn":1,"hc":1},{"id":"mischief:image-gallery","t":"Image Gallery","d":"A responsive image collection with grid and masonry layouts and an accessible lightbox.","s":"mischief","c":"media/gallery","vn":1,"hc":1},{"id":"mischief:code-block","t":"Code Block","d":"A code panel with copy, optional line numbers, highlighted lines, and a collapse for anyth","s":"mischief","c":"actions/copy-button","vn":1,"hc":1},{"id":"mischief:diff-view","t":"Diff View","d":"A proposed change shown as a unified or side-by-side diff, with optional accept and reject","s":"mischief","c":"data-display/diff","vn":1,"hc":1},{"id":"mischief:terminal-output","t":"Terminal Output","d":"Streaming command output with stderr called out, an exit code, and scroll that follows wit","s":"mischief","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"vn":1,"hc":1},{"id":"mischief:response-actions","t":"Response Actions","d":"The row under an answer: copy it, ask again, and rate it.","s":"mischief","c":"ai-agent/ai-agent","sb":"Chat","vn":1,"hc":1},{"id":"mischief:theme-toggle","t":"Theme Toggle","d":"A light and dark switch that survives a reload, follows the system when asked, and stays i","s":"mischief","c":"actions/switch","sb":"Theme toggles","vn":1,"hc":1},{"id":"mischief:accordion","t":"Accordion","d":"A list of disclosures built on native details elements.","s":"mischief","c":"data-display/accordion","sb":"FAQ","vn":1,"hc":1},{"id":"mischief:component-preview","t":"Component Preview","d":"A framed example with a tab for the source beside it.","s":"mischief","c":"navigation/tabs","vn":1,"hc":1},{"id":"mischief:kbd","t":"Kbd","d":"A keyboard chord rendered with the right glyphs for the reader's platform.","s":"mischief","c":"data-display/typography","vn":1,"hc":1},{"id":"mischief:voice-input","t":"Voice Input","d":"A microphone that draws what it is hearing, so a live one is told apart from a dead one at","s":"mischief","c":"ai-agent/ai-agent","sb":"Chat","vn":1,"hc":1},{"id":"mischief:audio-player","t":"Audio Player","d":"A recording with its waveform, its position and its transcript, every line seekable.","s":"mischief","c":"media/player","vn":1,"hc":1},{"id":"mischief:bar-visualizer","t":"Bar Visualizer","d":"Frequency bars for audio on its way out, with the state said as well as drawn.","s":"mischief","c":"ai-agent/ai-agent","sb":"Voice","vn":1,"hc":1},{"id":"mischief:mic-selector","t":"Mic Selector","d":"Picks the microphone, then proves the choice with a live level meter.","s":"mischief","c":"ai-agent/ai-agent","sb":"Voice","vn":1,"hc":1},{"id":"mischief:chain-of-thought","t":"Chain of Thought","d":"The steps an assistant took before answering, open while it works and folded away after.","s":"mischief","c":"ai-agent/ai-agent","sb":"Chat","vn":1,"hc":1},{"id":"mischief:web-preview","t":"Web Preview","d":"A sandboxed frame for whatever the agent just built, with the widths to check it at.","s":"mischief","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"mischief:video-player","t":"Video Player","d":"Video with real captions, a keyboard-operable scrubber, and controls that survive full scr","s":"mischief","c":"media/player","vn":1,"hc":1},{"id":"mischief:reviewable-diff","t":"Reviewable Diff","d":"A proposed change staged a hunk at a time, so a good patch with one bad hunk is not all or","s":"mischief","c":"data-display/diff","vn":1,"hc":1},{"id":"mischief:subagent-tree","t":"Subagent Tree","d":"Several agents working at once, nested under whoever handed the work down.","s":"mischief","c":"data-display/tree","vn":1,"hc":1},{"id":"mischief:stopped-run","t":"Stopped Run","d":"What the thread says after an answer ended early, keeping what it had already written.","s":"mischief","c":"ai-agent/ai-agent","sb":"Chat","vn":1,"hc":1},{"id":"mischief:memory-chips","t":"Memory Chips","d":"Everything an assistant remembers about someone, each one removable on its own.","s":"mischief","c":"data-display/badge","sb":"Tags and pills","vn":1,"hc":1},{"id":"mischief:orb","t":"Orb","d":"A sphere that carries what an assistant is doing, settled when idle and moving with the vo","s":"mischief","c":"ai-agent/ai-agent","sb":"Voice","vn":1,"hc":1},{"id":"mischief:matrix","t":"Matrix","d":"A grid of cells lit from the bottom by a level, which reads as a piece of hardware rather ","s":"mischief","c":"ai-agent/ai-agent","sb":"Voice","vn":1,"hc":1},{"id":"mischief:response","t":"Response","d":"An assistant's answer as markdown, including while it is still half-written and briefly in","s":"mischief","c":"ai-agent/ai-agent","sb":"Chat","vn":1,"hc":1},{"id":"mischief:transcript-viewer","t":"Transcript Viewer","d":"A recording as text, where every line is also the way back to the moment it was said.","s":"mischief","c":"ai-agent/ai-agent","sb":"Voice","vn":1,"hc":1},{"id":"mischief:stop-generating","t":"Stop Generating","d":"The control that interrupts a running answer.","s":"mischief","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"mischief:token-meter","t":"Token Meter","d":"How much of the context window is gone, split by what spent it.","s":"mischief","c":"data-viz/gauge","vn":1,"hc":1},{"id":"mischief:model-picker","t":"Model Picker","d":"A model chooser with room for what each one is good at.","s":"mischief","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"mischief:source-card","t":"Source Card","d":"One retrieved passage: where it came from, what it said, and how well it matched.","s":"mischief","c":"data-display/card","vn":1,"hc":1},{"id":"mischief:empty-state","t":"Empty State","d":"What to show when there is nothing yet.","s":"mischief","c":"data-display/empty-state","vn":1,"hc":1},{"id":"mischief:footer-columns","t":"Footer Columns","d":"Labelled columns of links, with the column count and the link rendering left to you.","k":"section","s":"mischief","c":"marketing/footer","vn":1,"hc":1},{"id":"mischief:footer-row","t":"Footer Row","d":"A wrapping row of links under its own label, set apart by a dashed rule.","k":"section","s":"mischief","c":"marketing/footer","vn":1,"hc":1},{"id":"mischief:footer-wordmark","t":"Footer Wordmark","d":"The oversized brand word that closes a page, drawn as texture rather than content.","k":"resource","s":"mischief","c":"assets/logo","vn":1,"hc":1},{"id":"mischief:empty-row","t":"Empty Row","d":"One line saying a list came back empty, for a table, a list, or a popover.","s":"mischief","c":"data-display/list","vn":1,"hc":1},{"id":"mischief:not-found","t":"Not Found","d":"The page-scale empty state: a status, a heading you can read across a room, and somewhere ","k":"page","s":"mischief","c":"pages/templates","sb":"Error and status pages","vn":1,"hc":1},{"id":"mischief:image-grid","t":"Image Grid","d":"Thumbnails in even cells or masonry columns, with nothing but React behind them.","s":"mischief","c":"media/gallery","sb":"Grids","vn":1,"hc":1},{"id":"mischief:lightbox","t":"Lightbox","d":"One image at a time, full bleed, with the rest of the set a key away.","s":"mischief","c":"overlays/lightbox","vn":1,"hc":1},{"id":"mischief:spinner","t":"Spinner","d":"The smallest way to say something is happening, for a control that is working.","s":"mischief","c":"status/loader","sb":"Spinners","vn":1,"hc":1},{"id":"mischief:shimmering-text","t":"Shimmering Text","d":"Words with a light moving across them, for the wait between asking and the first token.","k":"motion","s":"mischief","c":"motion/text-effect","sb":"Gradient and shimmer","vn":1,"hc":1},{"id":"mischief:skeleton","t":"Skeleton","d":"A placeholder the shape of what is coming, so the page does not jump when it arrives.","s":"mischief","c":"status/skeleton","vn":1,"hc":1},{"id":"mischief:status-pill","t":"Status Pill","d":"A dot and a few words: operational, degraded, closed.","s":"mischief","c":"data-display/badge","sb":"Status","vn":1,"hc":1},{"id":"mischief:copy-button","t":"Copy Button","d":"Copies a value and says whether it worked, including when the clipboard refuses.","s":"mischief","c":"actions/copy-button","vn":1,"hc":1},{"id":"mischief:secret-field","t":"Secret Field","d":"An API key or token: hidden until asked for, copied whole either way.","s":"mischief","c":"inputs/form-field","vn":1,"hc":1},{"id":"mischief:pagination","t":"Pagination","d":"Page numbers with gaps where the run is broken, as buttons or as your own links.","s":"mischief","c":"navigation/pagination","vn":1,"hc":1},{"id":"mischief:side-panel","t":"Side Panel","d":"A pane that comes in from the side: an inspector, a filter set, a row's detail.","s":"mischief","c":"overlays/sheet","vn":1,"hc":1},{"id":"mischief:render-surface","t":"Render Surface","d":"A canvas that sizes itself, sleeps when it is off screen, and holds still when motion is r","k":"motion","s":"mischief","c":"motion/background","vn":1,"hc":1},{"id":"mischief:aurora-field","t":"Aurora Field","d":"A drifting gradient backdrop built from the colours already in your theme.","s":"mischief","c":"inputs/form-field","tg":["gradient"],"sy":["gradient"],"vn":1,"hc":1},{"id":"mischief:grain-overlay","t":"Grain Overlay","d":"Film grain for any panel, which also hides the banding in a wide gradient.","k":"motion","s":"mischief","c":"motion/background","tg":["gradient"],"sb":"Noise and texture","sy":["gradient"],"vn":1,"hc":1},{"id":"mischief:spotlight-card","t":"Spotlight Card","d":"A card that catches a light following the pointer, across a whole grid at once.","s":"mischief","c":"data-display/card","sb":"Animated and glowing","vn":1,"hc":1},{"id":"mischief:constellation-field","t":"Constellation Field","d":"Drifting points joined by lines, brightening around the pointer.","s":"mischief","c":"inputs/form-field","sb":"Phone","vn":1,"hc":1},{"id":"mischief:lattice-field","t":"Lattice Field","d":"A grid of dots that parts around the pointer and falls apart when pressed, then climbs bac","s":"mischief","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"vn":1,"hc":1},{"id":"mischief:burst","t":"Burst","d":"A short burst of pieces for the moment something finally completes.","s":"mischief","c":"other/other","vn":1,"hc":1},{"id":"mischief:shader-surface","t":"Shader Surface","d":"Four shader backdrops, each taking its two colours from your theme.","k":"motion","s":"mischief","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"vn":1,"hc":1},{"id":"mischief:displacement-image","t":"Displacement Image","d":"Two images crossing by pushing their pixels through the same noise.","s":"mischief","c":"media/gallery","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"vn":1,"hc":1},{"id":"mischief:scene-hero","t":"Scene Hero","d":"A lit three-dimensional object behind a headline, steered by the pointer.","k":"section","s":"mischief","c":"marketing/hero","tg":["3d","webgl"],"sb":"Animated background","sy":["3d","webgl"],"vn":1,"hc":1},{"id":"mischief:scroll-scene","t":"Scroll Scene","d":"Turns the scrolling of a tall element into a number, without rendering the page to do it.","k":"layout","s":"mischief","c":"layout/scroll-area","vn":1,"hc":1},{"id":"mischief:reveal","t":"Reveal","d":"Moves its children in when they arrive on screen, and never decides whether they are there","k":"layout","s":"mischief","c":"layout/scroll-area","vn":1,"hc":1},{"id":"mischief:split-text","t":"Split Text","d":"A heading animated one character, word, or line at a time, announced as one sentence.","k":"motion","s":"mischief","c":"motion/text-effect","sb":"Reveal and entrance","vn":1,"hc":1},{"id":"mischief:marquee","t":"Marquee","d":"A row that runs on its own, seamlessly, and turns back into an ordinary scrolling row for ","k":"motion","s":"mischief","c":"motion/marquee","vn":1,"hc":1},{"id":"mischief:number-ticker","t":"Number Ticker","d":"Counts to a number rather than replacing it, in any currency or format.","k":"motion","s":"mischief","c":"motion/number-ticker","vn":1,"hc":1},{"id":"mischief:tilt-card","t":"Tilt Card","d":"A card that leans toward the pointer as though it were a physical object.","s":"mischief","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"vn":1,"hc":1},{"id":"mischief:connection-beam","t":"Connection Beam","d":"A line between two elements with something travelling along it, measured from the elements","k":"motion","s":"mischief","c":"motion/background","sb":"Beams and light","vn":1,"hc":1},{"id":"mischief:cursor-trail","t":"Cursor Trail","d":"A fading mark behind the pointer, drawn only inside its own box.","k":"motion","s":"mischief","c":"motion/cursor","vn":1,"hc":1},{"id":"mischief:metaballs","t":"Metaballs","d":"Blobs that merge as they meet, taking their two colours from your theme.","k":"motion","s":"mischief","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"vn":1,"hc":1},{"id":"mischief:dither-image","t":"Dither Image","d":"A photograph reduced to two theme colours through an ordered dither.","s":"mischief","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"vn":1,"hc":1},{"id":"mischief:ascii-image","t":"ASCII Image","d":"A photograph redrawn as characters, painted once and then left alone.","s":"mischief","c":"media/gallery","tg":["retro and HUD"],"sy":["retro and HUD"],"vn":1,"hc":1},{"id":"mischief:wireframe-globe","t":"Wireframe Globe","d":"A wireframe world with places marked on it, and the same places written out underneath.","k":"motion","s":"mischief","c":"motion/globe","tg":["3d","webgl"],"sy":["3d","webgl"],"vn":1,"hc":1},{"id":"mischief:presence-field","t":"Presence Field","d":"An ambient backdrop that carries what an assistant is doing, and settles rather than snaps","s":"mischief","c":"inputs/form-field","vn":1,"hc":1},{"id":"mischief:stream-glow","t":"Stream Glow","d":"An edge that breathes along a region while tokens land in it.","k":"motion","s":"mischief","c":"motion/background","tg":["neon"],"sb":"Gradients and aurora","sy":["neon"],"vn":1,"hc":1},{"id":"mischief:scrub-bar","t":"Scrub Bar","d":"The seek control on its own: a slider that happens to be a timeline, announced in minutes ","s":"mischief","c":"inputs/slider","vn":1,"hc":1},{"id":"mischief:otp-input","t":"OTP Input","d":"A one time code, one box per character, where pasting the whole code works.","s":"mischief","c":"inputs/otp-input","vn":1,"hc":1},{"id":"mischief:tag-input","t":"Tag Input","d":"An input that turns what you typed into a removable tag.","s":"mischief","c":"inputs/tag-input","vn":1,"hc":1},{"id":"mischief:combobox","t":"Combobox","d":"A searchable select that holds one choice or several.","s":"mischief","c":"inputs/combobox","vn":1,"hc":1},{"id":"mischief:sortable-list","t":"Sortable List","d":"A list reordered by dragging a handle, or from the keyboard without one.","s":"mischief","c":"data-display/list","sb":"Sortable","vn":1,"hc":1},{"id":"mischief:resizable-panels","t":"Resizable Panels","d":"Two panels and a divider that can be dragged or driven from the keyboard.","k":"layout","s":"mischief","c":"layout/split-pane","vn":1,"hc":1},{"id":"mischief:stepper","t":"Stepper","d":"Where someone is in something with a beginning and an end.","s":"mischief","c":"navigation/wizard-steps","vn":1,"hc":1},{"id":"mischief:avatar-stack","t":"Avatar Stack","d":"Overlapping faces with a count for the rest, and the names underneath.","s":"mischief","c":"data-display/avatar","vn":1,"hc":1},{"id":"mischief:timeline","t":"Timeline","d":"Things that happened, in the order they happened, with each state said aloud.","s":"mischief","c":"data-display/timeline","vn":1,"hc":1},{"id":"mischief:data-table","t":"Data Table","d":"Typed rows with custom cells, column widths you set or the reader drags, sorting that is o","s":"mischief","c":"data-display/table","sb":"Data tables","vn":1,"hc":1},{"id":"mksingh:typography","t":"Typography","d":"A polymorphic Typography component with 14 variants (hero, h1–h4, p, lead, large, small, m","s":"mksingh","c":"data-display/typography","hc":1},{"id":"mksingh:use-isomorphic-layout-effect","t":"Use isomorphic layout effect","d":"A React hook that provides cross-platform compatibility for useLayoutEffect, automatically","k":"lib","s":"mksingh","c":"lib/hook","hc":1},{"id":"mksingh:use-media-query-hook","t":"Use media query hook","d":"A React hook for responsive design that listens to CSS media queries and returns boolean v","k":"lib","s":"mksingh","c":"lib/hook","hc":1},{"id":"mksingh:jsonforms-anyof-string-or-enum-control","t":"Jsonforms anyof string or enum control","d":"JSONForms combobox renderer for anyOf schemas that combine enum values with a plain string","s":"mksingh","c":"navigation/menu","hc":1},{"id":"mksingh:jsonforms-array-layout","t":"Jsonforms array layout","d":"JSONForms accordion-based renderer for arrays of objects. Each item renders in a collapsib","s":"mksingh","c":"data-display/accordion","hc":1},{"id":"mksingh:jsonforms-boolean-control","t":"Jsonforms boolean control","d":"JSONForms checkbox renderer for boolean type fields.","s":"mksingh","c":"inputs/checkbox","hc":1},{"id":"mksingh:jsonforms-boolean-toggle-control","t":"Jsonforms boolean toggle control","d":"JSONForms switch/toggle renderer for boolean fields. Activated by setting options.toggle t","s":"mksingh","c":"actions/switch","sb":"With labels","hc":1},{"id":"mksingh:jsonforms-categorization","t":"Jsonforms categorization","d":"JSONForms tabs/categorization layout renderer for UISchema Categorization elements.","s":"mksingh","c":"navigation/tabs","hc":1},{"id":"mksingh:jsonforms-boolean-cell","t":"Jsonforms boolean cell","d":"JSONForms checkbox cell for boolean fields inside array table layouts.","s":"mksingh","c":"inputs/checkbox","hc":1},{"id":"mksingh:jsonforms-boolean-toggle-cell","t":"Jsonforms boolean toggle cell","d":"JSONForms switch cell for boolean fields inside array table layouts.","s":"mksingh","c":"actions/switch","sb":"With labels","hc":1},{"id":"mksingh:jsonforms-date-cell","t":"Jsonforms date cell","d":"JSONForms date cell for date fields inside array table layouts.","s":"mksingh","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"mksingh:jsonforms-enum-cell","t":"Jsonforms enum cell","d":"JSONForms select cell for enum fields inside array table layouts.","s":"mksingh","c":"inputs/select","hc":1},{"id":"mksingh:jsonforms-integer-cell","t":"Jsonforms integer cell","d":"JSONForms integer cell for integer fields inside array table layouts.","s":"mksingh","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"mksingh:jsonforms-number-cell","t":"Jsonforms number cell","d":"JSONForms number cell for number fields inside array table layouts.","s":"mksingh","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"mksingh:jsonforms-number-format-cell","t":"Jsonforms number format cell","d":"JSONForms formatted number cell for fields inside array table layouts. Displays the curren","s":"mksingh","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"mksingh:jsonforms-oneof-enum-cell","t":"Jsonforms oneof enum cell","d":"JSONForms select cell for oneOf enum fields inside array table layouts.","s":"mksingh","c":"inputs/select","hc":1},{"id":"mksingh:jsonforms-text-cell","t":"Jsonforms text cell","d":"JSONForms text cell for string fields inside array table layouts.","k":"motion","s":"mksingh","c":"motion/text-effect","hc":1},{"id":"mksingh:jsonforms-time-cell","t":"Jsonforms time cell","d":"JSONForms time cell for time fields inside array table layouts.","s":"mksingh","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"mksingh:jsonforms-control","t":"Jsonforms control","d":"JSONForms text input renderer for string type fields.","s":"mksingh","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"mksingh:jsonforms-date-control","t":"Jsonforms date control","d":"JSONForms date input renderer.","s":"mksingh","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"mksingh:jsonforms-datetime-control","t":"Jsonforms datetime control","d":"JSONForms datetime-local input renderer.","s":"mksingh","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"mksingh:jsonforms-enum-control","t":"Jsonforms enum control","d":"JSONForms select/dropdown renderer for enum type fields.","s":"mksingh","c":"navigation/menu","hc":1},{"id":"mksingh:jsonforms-group","t":"Jsonforms group","d":"JSONForms collapsible accordion renderer for UISchema Group elements.","s":"mksingh","c":"data-display/accordion","hc":1},{"id":"mksingh:jsonforms-horizontal-layout","t":"Jsonforms horizontal layout","d":"JSONForms horizontal row layout renderer. Children are distributed equally.","s":"mksingh","c":"data-display/list","hc":1},{"id":"mksingh:jsonforms-label","t":"Jsonforms label","d":"JSONForms static label/heading renderer for UISchema Label elements.","s":"mksingh","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"mksingh:jsonforms-number-control","t":"Jsonforms number control","d":"JSONForms number/integer input renderer.","s":"mksingh","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"mksingh:jsonforms-oneof-enum-control","t":"Jsonforms oneof enum control","d":"JSONForms select renderer for oneOf enum fields. Uses withJsonFormsOneOfEnumProps so optio","s":"mksingh","c":"inputs/select","hc":1},{"id":"mksingh:jsonforms-oneof-radio-group-control","t":"Jsonforms oneof radio group control","d":"JSONForms radio group renderer for oneOf enum fields. Activated by setting options.format ","s":"mksingh","c":"inputs/radio","hc":1},{"id":"mksingh:jsonforms-radio-group-control","t":"Jsonforms radio group control","d":"JSONForms radio group renderer for enum fields. Activated by setting options.format to 'ra","s":"mksingh","c":"inputs/radio","hc":1},{"id":"mksingh:jsonforms-slider-control","t":"Jsonforms slider control","d":"JSONForms slider renderer for numeric fields with minimum/maximum defined in schema.","s":"mksingh","c":"inputs/slider","hc":1},{"id":"mksingh:jsonforms-textarea-control","t":"Jsonforms textarea control","d":"JSONForms multi-line textarea renderer. Activated by setting options.multi to true in the ","s":"mksingh","c":"inputs/textarea","hc":1},{"id":"mksingh:jsonforms-time-control","t":"Jsonforms time control","d":"JSONForms time input renderer.","s":"mksingh","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"mksingh:jsonforms-vertical-layout","t":"Jsonforms vertical layout","d":"JSONForms vertical stack layout renderer.","s":"mksingh","c":"inputs/form-field","hc":1},{"id":"mksingh:jsonforms-renderers","t":"Jsonforms renderers","d":"Complete set of JSONForms renderers and cells built on ShadCN. Covers all controls from @j","s":"mksingh","c":"navigation/tabs","hc":1},{"id":"mksingh:jsonforms-utils","t":"Jsonforms utils","d":"Utility functions for JSONForms — includes translateError for rendering custom error messa","k":"lib","s":"mksingh","c":"lib/utility","tg":["playful"],"sb":"Class helpers","sy":["playful"],"hc":1},{"id":"mksingh:tanstack-start-react-themes","t":"Tanstack start react themes","d":"A comprehensive theme management library for TanStack React Start applications with server","k":"lib","s":"mksingh","c":"lib/utility","sb":"Theme","hc":1},{"id":"moduix-react:init","t":"moduix React init","d":"Initialize shadcn for moduix React and install the shared foundation files.","k":"theme","s":"moduix-react","c":"themes/style"},{"id":"moduix-react:core","t":"Moduix core","d":"Runtime styles and utilities required by moduix registry components.","k":"lib","s":"moduix-react","c":"lib/utility"},{"id":"moduix-react:reset","t":"Moduix reset","d":"Optional CSS reset for projects that want moduix global reset rules.","s":"moduix-react","c":"other/other"},{"id":"moduix-react:icons","t":"Moduix icons","d":"Internal icon components required only by registry components that render them.","k":"resource","s":"moduix-react","c":"assets/icon","hc":1},{"id":"moduix-react:a11y-labels","t":"Moduix a11y labels","d":"Internal accessible label defaults required only by registry components that render text f","s":"moduix-react","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"moduix-react:overlay-portal","t":"Moduix overlay portal","d":"Internal overlay portal helper required only by overlay registry components.","k":"lib","s":"moduix-react","c":"lib/utility","hc":1},{"id":"moduix-react:foundation","t":"moduix React core","d":"Shared runtime dependencies installed by every moduix registry component.","s":"moduix-react","c":"other/other"},{"id":"moduix-react:theme-contrast","t":"Contrast theme","d":"High-clarity moduix tokens with stronger borders and focus states for technical interfaces","k":"theme","s":"moduix-react","c":"themes/theme"},{"id":"moduix-react:theme-dense","t":"Dense theme","d":"Compact moduix tokens with a structured blue palette for admin and data-heavy interfaces.","k":"theme","s":"moduix-react","c":"themes/theme"},{"id":"moduix-react:theme-soft","t":"Soft theme","d":"Rounded moduix tokens with a warmer violet palette for product workflows.","k":"theme","s":"moduix-react","c":"themes/theme"},{"id":"moduix-react:accordion","t":"Accordion","d":"moduix React Accordion component.","s":"moduix-react","c":"data-display/accordion","hc":1},{"id":"moduix-react:angle-slider","t":"AngleSlider","d":"moduix React AngleSlider component.","s":"moduix-react","c":"inputs/slider","hc":1},{"id":"moduix-react:alert","t":"Alert","d":"moduix React Alert component.","s":"moduix-react","c":"overlays/alert-banner","hc":1},{"id":"moduix-react:aspect-ratio","t":"AspectRatio","d":"moduix React AspectRatio component.","k":"layout","s":"moduix-react","c":"layout/page-shell","hc":1},{"id":"moduix-react:avatar","t":"Avatar","d":"moduix React Avatar component.","s":"moduix-react","c":"data-display/avatar","hc":1},{"id":"moduix-react:badge","t":"Badge","d":"moduix React Badge component.","s":"moduix-react","c":"data-display/badge","hc":1},{"id":"moduix-react:bleed","t":"Bleed","d":"moduix React Bleed component.","s":"moduix-react","c":"other/other","hc":1},{"id":"moduix-react:breadcrumbs","t":"Breadcrumbs","d":"moduix React Breadcrumbs component.","s":"moduix-react","c":"navigation/breadcrumb","hc":1},{"id":"moduix-react:button","t":"Button","d":"moduix React Button component.","s":"moduix-react","c":"actions/button","hc":1},{"id":"moduix-react:card","t":"Card","d":"moduix React Card component.","s":"moduix-react","c":"data-display/card","hc":1},{"id":"moduix-react:chart","t":"Chart","d":"moduix React Chart component backed by TanStack Charts.","s":"moduix-react","c":"data-viz/chart","hc":1},{"id":"moduix-react:checkbox","t":"Checkbox","d":"moduix React Checkbox component.","s":"moduix-react","c":"inputs/checkbox","hc":1},{"id":"moduix-react:close-button","t":"CloseButton","d":"moduix React CloseButton component.","s":"moduix-react","c":"actions/button","hc":1},{"id":"moduix-react:collapsible","t":"Collapsible","d":"moduix React Collapsible component.","s":"moduix-react","c":"data-display/accordion","hc":1},{"id":"moduix-react:combobox","t":"Combobox","d":"moduix React Combobox component.","s":"moduix-react","c":"inputs/combobox","hc":1},{"id":"moduix-react:color-picker","t":"ColorPicker","d":"moduix React ColorPicker component.","s":"moduix-react","c":"inputs/color-picker","hc":1},{"id":"moduix-react:command-palette","t":"CommandPalette","d":"moduix React CommandPalette component.","s":"moduix-react","c":"navigation/command-palette","hc":1},{"id":"moduix-react:container","t":"Container","d":"moduix React Container component.","k":"layout","s":"moduix-react","c":"layout/page-shell","hc":1},{"id":"moduix-react:date-input","t":"DateInput","d":"moduix React DateInput component.","s":"moduix-react","c":"inputs/date-picker","hc":1},{"id":"moduix-react:date-picker","t":"DatePicker","d":"moduix React DatePicker component.","s":"moduix-react","c":"inputs/date-picker","hc":1},{"id":"moduix-react:clipboard","t":"Clipboard","d":"moduix React Clipboard component.","s":"moduix-react","c":"actions/copy-button","hc":1},{"id":"moduix-react:dialog","t":"Dialog","d":"moduix React Dialog component.","s":"moduix-react","c":"overlays/dialog","hc":1},{"id":"moduix-react:drawer","t":"Drawer","d":"moduix React Drawer component.","s":"moduix-react","c":"overlays/sheet","hc":1},{"id":"moduix-react:empty","t":"Empty","d":"Composable empty-state surface for no-results, no-data, and first-run screens.","s":"moduix-react","c":"data-display/empty-state","hc":1},{"id":"moduix-react:editable","t":"Editable","d":"moduix React Editable component.","s":"moduix-react","c":"data-display/table","hc":1},{"id":"moduix-react:field","t":"Field","d":"moduix React Field component.","s":"moduix-react","c":"inputs/form-field","hc":1},{"id":"moduix-react:file-upload","t":"FileUpload","d":"moduix React FileUpload component.","s":"moduix-react","c":"inputs/file-upload","hc":1},{"id":"moduix-react:fieldset","t":"Fieldset","d":"moduix React Fieldset component.","s":"moduix-react","c":"inputs/form-field","hc":1},{"id":"moduix-react:floating-panel","t":"FloatingPanel","d":"moduix React FloatingPanel component.","s":"moduix-react","c":"overlays/popover","hc":1},{"id":"moduix-react:heading","t":"Heading","d":"moduix React Heading component.","k":"motion","s":"moduix-react","c":"motion/text-effect","hc":1},{"id":"moduix-react:highlight","t":"Highlight","d":"moduix React Highlight component.","s":"moduix-react","c":"other/other","hc":1},{"id":"moduix-react:image","t":"Image","d":"moduix React Image component.","s":"moduix-react","c":"media/gallery","hc":1},{"id":"moduix-react:json-tree-view","t":"JsonTreeView","d":"moduix React JsonTreeView component.","s":"moduix-react","c":"data-display/tree","hc":1},{"id":"moduix-react:image-cropper","t":"ImageCropper","d":"moduix React ImageCropper component.","s":"moduix-react","c":"media/gallery","hc":1},{"id":"moduix-react:input","t":"Input","d":"moduix React Input component.","s":"moduix-react","c":"inputs/form-field","vn":1,"hc":1},{"id":"moduix-react:kbd","t":"Kbd","d":"moduix React Kbd component.","s":"moduix-react","c":"data-display/typography","hc":1},{"id":"moduix-react:lightbox","t":"Lightbox","d":"moduix React Lightbox component.","s":"moduix-react","c":"overlays/lightbox","hc":1},{"id":"moduix-react:list","t":"List","d":"moduix React List component.","s":"moduix-react","c":"data-display/list","hc":1},{"id":"moduix-react:listbox","t":"Listbox","d":"moduix React Listbox component.","s":"moduix-react","c":"inputs/select","hc":1},{"id":"moduix-react:tree-view","t":"TreeView","d":"moduix React TreeView component.","s":"moduix-react","c":"data-display/tree","hc":1},{"id":"moduix-react:marquee","t":"Marquee","d":"moduix React Marquee component.","k":"motion","s":"moduix-react","c":"motion/marquee","hc":1},{"id":"moduix-react:menu","t":"Menu","d":"moduix React Menu component.","s":"moduix-react","c":"navigation/menu","hc":1},{"id":"moduix-react:navigation-menu","t":"Navigation Menu","d":"moduix React Navigation Menu component.","s":"moduix-react","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"moduix-react:native-select","t":"Native Select","d":"moduix React Native Select component.","s":"moduix-react","c":"inputs/select","hc":1},{"id":"moduix-react:number-input","t":"NumberInput","d":"moduix React NumberInput component.","s":"moduix-react","c":"inputs/number-input","hc":1},{"id":"moduix-react:pin-input","t":"PinInput","d":"moduix React PinInput component.","s":"moduix-react","c":"inputs/otp-input","hc":1},{"id":"moduix-react:pagination","t":"Pagination","d":"moduix React Pagination component.","s":"moduix-react","c":"navigation/pagination","hc":1},{"id":"moduix-react:password-input","t":"PasswordInput","d":"moduix React PasswordInput component.","s":"moduix-react","c":"inputs/form-field","sb":"Password","hc":1},{"id":"moduix-react:popover","t":"Popover","d":"moduix React Popover component.","s":"moduix-react","c":"overlays/popover","hc":1},{"id":"moduix-react:hover-card","t":"HoverCard","d":"moduix React HoverCard component.","s":"moduix-react","c":"overlays/hover-card","hc":1},{"id":"moduix-react:progress-circular","t":"ProgressCircular","d":"moduix React ProgressCircular component.","s":"moduix-react","c":"data-viz/progress-bar","hc":1},{"id":"moduix-react:progress-linear","t":"ProgressLinear","d":"moduix React ProgressLinear component.","s":"moduix-react","c":"data-viz/progress-bar","hc":1},{"id":"moduix-react:qr-code","t":"QR Code","d":"moduix React QR Code component.","s":"moduix-react","c":"other/other","hc":1},{"id":"moduix-react:radio-group","t":"Radio Group","d":"moduix React RadioGroup component.","s":"moduix-react","c":"inputs/radio","hc":1},{"id":"moduix-react:rating-group","t":"RatingGroup","d":"moduix React RatingGroup component.","s":"moduix-react","c":"inputs/rating","hc":1},{"id":"moduix-react:scroll-area","t":"ScrollArea","d":"moduix React ScrollArea component.","k":"layout","s":"moduix-react","c":"layout/scroll-area","hc":1},{"id":"moduix-react:segment-group","t":"SegmentGroup","d":"moduix React SegmentGroup component.","s":"moduix-react","c":"other/other","hc":1},{"id":"moduix-react:signature-pad","t":"Signature Pad","d":"moduix React Signature Pad component.","s":"moduix-react","c":"other/other","hc":1},{"id":"moduix-react:select","t":"Select","d":"moduix React Select component.","s":"moduix-react","c":"inputs/select","hc":1},{"id":"moduix-react:separator","t":"Separator","d":"moduix React Separator component.","k":"layout","s":"moduix-react","c":"layout/page-shell","hc":1},{"id":"moduix-react:simple-grid","t":"Simple Grid","d":"Responsive CSS Grid layout with fixed or intrinsic equal-width columns.","k":"layout","s":"moduix-react","c":"layout/bento-grid","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"moduix-react:skeleton","t":"Skeleton","d":"moduix React Skeleton component.","s":"moduix-react","c":"status/skeleton","hc":1},{"id":"moduix-react:slider","t":"Slider","d":"moduix React Slider component.","s":"moduix-react","c":"inputs/slider","hc":1},{"id":"moduix-react:splitter","t":"Splitter","d":"moduix React Splitter component.","s":"moduix-react","c":"other/other","hc":1},{"id":"moduix-react:sidebar","t":"Sidebar","d":"moduix React Sidebar component.","s":"moduix-react","c":"navigation/sidebar","hc":1},{"id":"moduix-react:carousel","t":"Carousel","d":"moduix React Carousel component.","s":"moduix-react","c":"media/carousel","hc":1},{"id":"moduix-react:spinner","t":"Spinner","d":"moduix React Spinner component.","s":"moduix-react","c":"status/loader","sb":"Spinners","hc":1},{"id":"moduix-react:split-button","t":"SplitButton","d":"moduix React SplitButton component.","s":"moduix-react","c":"actions/button","sb":"Groups and split","hc":1},{"id":"moduix-react:stack","t":"Stack","d":"moduix React Stack component.","s":"moduix-react","c":"other/other","hc":1},{"id":"moduix-react:steps","t":"Steps","d":"moduix React Steps component.","s":"moduix-react","c":"navigation/wizard-steps","hc":1},{"id":"moduix-react:swap","t":"Swap","d":"moduix React Swap component.","s":"moduix-react","c":"other/other","hc":1},{"id":"moduix-react:switch","t":"Switch","d":"moduix React Switch component.","s":"moduix-react","c":"actions/switch","hc":1},{"id":"moduix-react:tag","t":"Tag","d":"moduix React Tag component.","s":"moduix-react","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"moduix-react:tags-input","t":"TagsInput","d":"moduix React TagsInput component.","s":"moduix-react","c":"inputs/form-field","hc":1},{"id":"moduix-react:table","t":"Table","d":"moduix React Table component.","s":"moduix-react","c":"data-display/table","hc":1},{"id":"moduix-react:toc","t":"Table of Contents","d":"moduix React Table of Contents component.","s":"moduix-react","c":"navigation/table-of-contents","hc":1},{"id":"moduix-react:tabs","t":"Tabs","d":"moduix React Tabs component.","s":"moduix-react","c":"navigation/tabs","hc":1},{"id":"moduix-react:text","t":"Text","d":"moduix React Text component.","k":"motion","s":"moduix-react","c":"motion/text-effect","hc":1},{"id":"moduix-react:textarea","t":"Textarea","d":"moduix React Textarea component.","s":"moduix-react","c":"inputs/textarea","hc":1},{"id":"moduix-react:timer","t":"Timer","d":"moduix React Timer component.","k":"motion","s":"moduix-react","c":"motion/number-ticker","hc":1},{"id":"moduix-react:typeset","t":"Typeset","d":"moduix React Typeset component.","s":"moduix-react","c":"other/other","hc":1},{"id":"moduix-react:toast","t":"Toast","d":"moduix React Toast component.","s":"moduix-react","c":"overlays/toast","hc":1},{"id":"moduix-react:toggle","t":"Toggle","d":"moduix React Toggle component.","s":"moduix-react","c":"actions/switch","vn":1,"hc":1},{"id":"moduix-react:tooltip","t":"Tooltip","d":"moduix React Tooltip component.","s":"moduix-react","c":"overlays/tooltip","hc":1},{"id":"moduix-react:tour","t":"Tour","d":"moduix React Tour component.","s":"moduix-react","c":"other/other","hc":1},{"id":"moduix-react:login-simple","t":"Sign in","d":"Sign-in form with email, password, and a remember-me option.","k":"layout","s":"moduix-react","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"]},{"id":"moduix-react:sidebar-dashboard","t":"Sidebar dashboard","d":"Dashboard with a resizable sidebar, nested navigation, and a workspace menu.","k":"layout","s":"moduix-react","c":"layout/dashboard"},{"id":"moduix-react:file-upload-manager","t":"File upload","d":"File picker with drag and drop, validation, previews, and removal controls.","s":"moduix-react","c":"inputs/file-upload"},{"id":"moduix-react:app-header","t":"App header","d":"Responsive header with navigation, command search, and an account menu.","s":"moduix-react","c":"navigation/top-nav"},{"id":"moduix-react:sign-up","t":"Sign up","d":"Registration form with email, password confirmation, and terms acceptance.","k":"layout","s":"moduix-react","c":"flows/sign-in","sb":"Sign up"},{"id":"moduix-react:forgot-password","t":"Forgot password","d":"Email form for requesting a password reset link.","k":"layout","s":"moduix-react","c":"flows/sign-in","sb":"Password reset"},{"id":"moduix-react:reset-password","t":"Reset password","d":"Password reset form with a confirmation field.","k":"layout","s":"moduix-react","c":"flows/sign-in","sb":"Password reset"},{"id":"moduix-react:verification-code","t":"Verification code","d":"Six-digit email verification form with keyboard navigation and paste support.","s":"moduix-react","c":"inputs/otp-input"},{"id":"moduix-react:data-table","t":"Data table","d":"Payments table with search, sorting, column visibility, selection, and pagination.","s":"moduix-react","c":"data-display/table","sb":"Data tables"},{"id":"moduix-react:expandable-avatar-group","t":"Expandable avatar group","d":"Overlapping avatars that expand on hover or focus, with a tooltip for each person.","s":"moduix-react","c":"data-display/accordion"},{"id":"moduix-react:autoplay-gallery","t":"Autoplay gallery","d":"Image carousel with autoplay, navigation arrows, and progress indicators.","s":"moduix-react","c":"media/gallery"},{"id":"moduix-react:parallax-card","t":"Parallax card","d":"Image card with a pointer-driven tilt effect and reduced-motion support.","k":"layout","s":"moduix-react","c":"layout/scroll-area","tg":["3d"],"sy":["3d"]},{"id":"morphiq:prism-glass","t":"Prism Glass","d":"A GPU-accelerated refractive lens for images and rendered textures. Spectral dispersion, u","k":"resource","s":"morphiq","c":"assets/shape","tg":["3d","glass","webgl"],"sy":["3d","glass","webgl"],"hc":1},{"id":"morphiq:dock","t":"Magnifying Dock","d":"A dock whose items swell as the pointer nears, on springs. Distance drives the scale, so t","s":"morphiq","c":"navigation/dock","tg":["animated"],"sy":["animated"],"hc":1},{"id":"morphiq:ferrofluid-nav","t":"Ferrofluid Nav","d":"A nav whose active pill stretches out of one item, thins to a neck and gathers into the ne","s":"morphiq","c":"navigation/top-nav","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"morphiq:elastic-headline","t":"Elastic Headline","d":"A headline strung on an elastic. Letters are nodes on a mass-spring chain pinned at both e","k":"motion","s":"morphiq","c":"motion/text-effect","sb":"Bouncy and wavy","hc":1},{"id":"morphiq:pressure-text","t":"Pressure Text","d":"Type that reacts to the cursor. Letters thicken and widen under the pointer while their ne","k":"motion","s":"morphiq","c":"motion/text-effect","hc":1},{"id":"morphiq:scroll-expand","t":"Scroll Expand","d":"A framed panel pinned to the viewport that opens out to full bleed as you scroll past it, ","k":"layout","s":"morphiq","c":"layout/scroll-area","hc":1},{"id":"morphiq:ascii-field","t":"ASCII Field","d":"A canvas field of glyphs that scramble around the cursor and settle back to rest.","s":"morphiq","c":"inputs/form-field","tg":["animated","retro and HUD"],"sy":["animated","retro and HUD"],"hc":1},{"id":"morphiq:bitmap-noise","t":"Bitmap Noise","d":"A self-generating dither field. Two drifting noise layers interfere to form patches of par","k":"motion","s":"morphiq","c":"motion/background","tg":["animated","webgl"],"sb":"Noise and texture","sy":["animated","webgl"],"hc":1},{"id":"morphiq:bitmap-image","t":"Bitmap Image","d":"Converts an image into a dithered bitmap — ordered Bayer or true error diffusion (Floyd-St","s":"morphiq","c":"media/gallery","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"morphiq:bitmap-text","t":"Bitmap Text","d":"Type rasterised and dithered into particles. A grain control decides whether the letterfor","k":"motion","s":"morphiq","c":"motion/text-effect","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"morphiq:weight-grid","t":"Weight Grid","d":"A bento grid where the cell under the cursor takes area from its neighbours and the total ","k":"layout","s":"morphiq","c":"layout/bento-grid","hc":1},{"id":"morphiq:smear-cursor","t":"Smear Cursor","d":"A cursor trail that is motion blur rather than a string of dots. Ribbon width falls as 1/(","k":"motion","s":"morphiq","c":"motion/cursor","hc":1},{"id":"morphiq:sonar-list","t":"Sonar List","d":"A ping leaves the click and sweeps outward; each row rings as the wavefront reaches it. Ar","s":"morphiq","c":"data-display/list","hc":1},{"id":"morphiq:thrown-marquee","t":"Thrown Marquee","d":"A marquee you can grab and throw. Velocity decays exponentially toward the idle drift rath","k":"motion","s":"morphiq","c":"motion/marquee","hc":1},{"id":"morphiq:thread-pull","t":"Thread Pull","d":"A thread strung under a line of text that hangs in a real catenary when you pull it. Lengt","k":"motion","s":"morphiq","c":"motion/text-effect","hc":1},{"id":"morphiq:magnetic-field","t":"Magnetic Field","d":"Iron filings aligning to a dipole under the cursor. B proportional to (3(m·r̂)r̂ − m)/r³, ","s":"morphiq","c":"inputs/form-field","hc":1},{"id":"morphiq:depth-of-field","t":"Depth of Field","d":"A card stack blurred by a real circle of confusion, so the near side defocuses harder than","s":"morphiq","c":"inputs/form-field","tg":["3d"],"sy":["3d"],"hc":1},{"id":"morphiq:folding-panel","t":"Folding Panel","d":"A panel that folds along real crease lines. Facets are placed by walking the fold outward ","s":"morphiq","c":"data-display/card","hc":1},{"id":"morphiq:elastic-rail","t":"Elastic Rail","d":"A scroll progress rail that bulges with overscroll and twangs back. It obeys the wave equa","s":"morphiq","c":"data-viz/progress-bar","hc":1},{"id":"morphiq:gravity-menu","t":"Gravity Menu","d":"Menu items on stable orbits, bent past the pointer by a softened inverse-square attraction","s":"morphiq","c":"navigation/menu","hc":1},{"id":"morphiq:caustic-surface","t":"Caustic Surface","d":"The net of light on a pool floor, lit by conservation of light rather than a texture: brig","s":"morphiq","c":"data-viz/map","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"morphiq:halftone-screen","t":"Halftone Screen","d":"Four-colour process halftone as a press prints it: CMYK screened at 15/75/0/45°, grey-comp","k":"section","s":"morphiq","c":"marketing/features","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"morphiq:shatter-reveal","t":"Shatter Reveal","d":"An image that breaks into Lloyd-relaxed Voronoi shards when struck, each a rigid body with","s":"morphiq","c":"media/gallery","hc":1},{"id":"morphiq:liquid-transition","t":"Liquid Transition","d":"A fluid front that sweeps over changing content: the middle leads by a Poiseuille profile,","s":"morphiq","c":"data-display/profile","hc":1},{"id":"morphiq:channel-switch","t":"Channel Switch","d":"Content changes like a CRT changing channel — collapse to a line and a dot, a phosphor fee","s":"morphiq","c":"actions/switch","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"morphiq:wet-ink","t":"Wet Ink","d":"A word written in ink that bleeds along the paper's fibres by anisotropic diffusion and dr","k":"motion","s":"morphiq","c":"motion/text-effect","hc":1},{"id":"morphiq:focus-peaking","t":"Focus Peaking","d":"Lights an image's in-focus edges on hover, like a camera monitor: the Sobel gradient of lu","s":"morphiq","c":"media/gallery","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"morphiq:brushed-metal","t":"Brushed Metal","d":"A brushed metal panel under a light at the pointer, shaded with anisotropic GGX so the hig","s":"morphiq","c":"data-display/gamification","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"motion-lexicon:agent-workspace","t":"Agent workspace","d":"Organizes missions, thinking, tool execution, human approval, and evidence into one contin","s":"motion-lexicon","c":"ai-agent/ai-agent","hc":1},{"id":"motion-lexicon:product-landing","t":"Product landing","d":"Connects positioning, collaborative review, and launch action through one continuous relea","k":"section","s":"motion-lexicon","c":"marketing/marketing","sb":"Shop sections","hc":1},{"id":"motion-lexicon:analytics-dashboard","t":"Analytics dashboard","d":"Explores time ranges through stable metrics, trends, and channel structure.","k":"layout","s":"motion-lexicon","c":"layout/dashboard","hc":1},{"id":"motion-lexicon:project-dashboard","t":"Project dashboard","d":"Organizes milestones, current work, and team activity into one actionable project workspac","k":"layout","s":"motion-lexicon","c":"layout/dashboard","hc":1},{"id":"motion-lexicon:support-inbox","t":"Support inbox","d":"Maintains a clear handling path across queue, conversation, and customer context.","s":"motion-lexicon","c":"overlays/notifications","hc":1},{"id":"motion-lexicon:creative-portfolio","t":"Creative portfolio","d":"Presents an independent creative practice through work, material studies, and case-story t","k":"section","s":"motion-lexicon","c":"marketing/marketing","sb":"Portfolio","hc":1},{"id":"motion-lexicon:commerce-storefront","t":"Commerce storefront","d":"Organizes product story, detail browsing, volume pricing, and cart confirmation into a com","k":"section","s":"motion-lexicon","c":"marketing/pricing","hc":1},{"id":"motion-lexicon:developer-docs","t":"Developer docs","d":"Organizes installation, code comparison, command search, and preview output into navigable","k":"section","s":"motion-lexicon","c":"marketing/comparison","hc":1},{"id":"motion-lexicon:media-editorial","t":"Media editorial","d":"Browses a complete visual feature through chapters, focus galleries, and scroll-led storyt","k":"section","s":"motion-lexicon","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"motion-lexicon:onboarding-flow","t":"Onboarding flow","d":"Organizes account setup, file import, and completion checklist into a successful first-wor","s":"motion-lexicon","c":"navigation/wizard-steps","hc":1},{"id":"motion-lexicon:agent-thinking-trace","t":"Agent thinking trace","d":"Organizes reasoning phases, current focus, and elapsed time into an expandable evidence tr","s":"motion-lexicon","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"motion-lexicon:streaming-answer","t":"Streaming answer","d":"Brings generated text, cited sources, and follow-up prompts into one progressive answer.","s":"motion-lexicon","c":"ai-agent/ai-agent","hc":1},{"id":"motion-lexicon:tool-call-stack","t":"Tool call stack","d":"Collects search, write, command, and failure states into an inspectable execution record.","s":"motion-lexicon","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"motion-lexicon:approval-flow","t":"Human approval flow","d":"Carries recommendations, custom instructions, and explicit confirmation before an agent ac","s":"motion-lexicon","c":"ai-agent/ai-agent","hc":1},{"id":"motion-lexicon:task-progress","t":"Task progress","d":"Presents queued, active, blocked, failed, recovered, and complete work across compact and ","s":"motion-lexicon","c":"data-viz/progress-bar","hc":1},{"id":"motion-lexicon:prompt-composer","t":"Agent prompt composer","d":"Combines sources, attachments, model choice, voice, and sending into one focused input sur","s":"motion-lexicon","c":"ai-agent/composer","hc":1},{"id":"motion-lexicon:context-sources","t":"Context sources","d":"Presents retrieved chunks, provenance, and relevance with focused disclosure.","s":"motion-lexicon","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"motion-lexicon:diff-review","t":"Diff review","d":"Reviews agent-proposed field edits with explicit per-change decisions.","s":"motion-lexicon","c":"data-display/diff","hc":1},{"id":"motion-lexicon:multi-agent-handoff","t":"Multi agent handoff","d":"Moves task ownership, artifacts, and the next responsible agent along one continuous relay","s":"motion-lexicon","c":"ai-agent/ai-agent","hc":1},{"id":"motion-lexicon:copy-button","t":"Copy button","d":"Reports clipboard state in place without shifting nearby content.","s":"motion-lexicon","c":"actions/copy-button","hc":1},{"id":"motion-lexicon:loading-button","t":"Loading button","d":"Keeps pending, success, and error feedback inside one action.","s":"motion-lexicon","c":"actions/button","sb":"Loading and states","hc":1},{"id":"motion-lexicon:hold-action","t":"Hold action","d":"Protects high-risk actions with cancellable touch, pointer, and keyboard progress.","s":"motion-lexicon","c":"data-viz/progress-bar","hc":1},{"id":"motion-lexicon:command-palette","t":"Command palette","d":"Combines search, keyboard navigation, and deliberate focus management.","s":"motion-lexicon","c":"navigation/command-palette","hc":1},{"id":"motion-lexicon:context-menu","t":"Context menu","d":"Opens from the trigger coordinate and stays inside the viewport.","s":"motion-lexicon","c":"overlays/context-menu","hc":1},{"id":"motion-lexicon:drawer","t":"Drawer","d":"Includes focus containment, drag dismissal, and interruptible spring motion.","s":"motion-lexicon","c":"overlays/sheet","hc":1},{"id":"motion-lexicon:dropdown","t":"Dropdown","d":"Moves selection continuously with full keyboard behavior.","s":"motion-lexicon","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"motion-lexicon:modal","t":"Modal","d":"Handles focus, backdrop, exit, and async confirmation as one flow.","s":"motion-lexicon","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"motion-lexicon:popover","t":"Popover","d":"Derives its reveal origin from the trigger and available space.","s":"motion-lexicon","c":"overlays/popover","hc":1},{"id":"motion-lexicon:expanding-search","t":"Expanding search","d":"Expands from a toolbar action into a focused search field.","s":"motion-lexicon","c":"inputs/search","hc":1},{"id":"motion-lexicon:inline-validation","t":"Inline validation","d":"Places pending, error, and success states next to the input.","s":"motion-lexicon","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"motion-lexicon:otp-input","t":"OTP input","d":"Coordinates typing, paste, error, and success feedback.","s":"motion-lexicon","c":"inputs/otp-input","hc":1},{"id":"motion-lexicon:password-strength","t":"Password strength","d":"Makes rule checks and strength changes legible as one response.","s":"motion-lexicon","c":"inputs/form-field","sb":"Password","hc":1},{"id":"motion-lexicon:slider-detents","t":"Slider detents","d":"Snaps to meaningful detents while preserving continuous input.","s":"motion-lexicon","c":"inputs/slider","hc":1},{"id":"motion-lexicon:tag-input","t":"Tag input","d":"Gives clear feedback for adding, removing, and rejecting tags.","s":"motion-lexicon","c":"inputs/tag-input","hc":1},{"id":"motion-lexicon:accordion","t":"Accordion","d":"Keeps content height and disclosure state visually continuous.","s":"motion-lexicon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"motion-lexicon:hide-on-scroll","t":"Hide on scroll","d":"Hides and restores a toolbar in response to scroll direction.","k":"layout","s":"motion-lexicon","c":"layout/scroll-area","hc":1},{"id":"motion-lexicon:segmented-control","t":"Segmented control","d":"Carries one shared highlight between options.","s":"motion-lexicon","c":"actions/segmented-control","hc":1},{"id":"motion-lexicon:tabs","t":"Tabs","d":"Coordinates the indicator, direction, and panel change.","s":"motion-lexicon","c":"navigation/tabs","hc":1},{"id":"motion-lexicon:filter-grid","t":"Filter grid","d":"Preserves spatial continuity as filtered results rearrange.","s":"motion-lexicon","c":"other/other","hc":1},{"id":"motion-lexicon:reorder-list","t":"Reorder list","d":"Provides clear drop position for pointer and keyboard reordering.","s":"motion-lexicon","c":"data-display/list","sb":"Sortable","hc":1},{"id":"motion-lexicon:sortable-table","t":"Sortable table","d":"Explains sorting through row position while keeping data readable.","s":"motion-lexicon","c":"data-display/table","sb":"Data tables","hc":1},{"id":"motion-lexicon:progress-bar","t":"Progress bar","d":"Covers pending, determinate, and complete progress states.","s":"motion-lexicon","c":"data-viz/progress-bar","hc":1},{"id":"motion-lexicon:value-flash","t":"Value flash","d":"Explains value changes with direction and brief color feedback.","s":"motion-lexicon","c":"other/other","hc":1},{"id":"motion-lexicon:magnetic-action","t":"Magnetic action","d":"Lets a primary action lean toward a nearby pointer and settle cleanly on release.","k":"motion","s":"motion-lexicon","c":"motion/cursor","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"motion-lexicon:theme-reveal","t":"Theme reveal","d":"Reveals a new theme outward from the exact toggle point.","s":"motion-lexicon","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"motion-lexicon:mega-menu","t":"Mega menu","d":"Keeps highlight, panel, and focus movement in one continuous navigation path.","s":"motion-lexicon","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"motion-lexicon:floating-dock","t":"Floating dock","d":"Scales nearby destinations with restrained spring response to pointer distance.","s":"motion-lexicon","c":"navigation/dock","hc":1},{"id":"motion-lexicon:voice-capture","t":"Voice capture","d":"Coordinates recording, levels, pause, and completion inside one input surface.","s":"motion-lexicon","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"motion-lexicon:toast-stack","t":"Toast stack","d":"Layers incoming notices into a stack that expands and dismisses by swipe or keyboard.","s":"motion-lexicon","c":"overlays/toast","hc":1},{"id":"motion-lexicon:upload-queue","t":"Upload queue","d":"Turns file intake, per-item progress, retry, and completion into one compact flow.","s":"motion-lexicon","c":"inputs/file-upload","hc":1},{"id":"motion-lexicon:skeleton-reveal","t":"Skeleton reveal","d":"Shares stable geometry between skeleton and content for a composed handoff.","s":"motion-lexicon","c":"status/skeleton","hc":1},{"id":"motion-lexicon:activity-feed","t":"Activity feed","d":"Preserves date groups and the unread boundary as live activity arrives.","s":"motion-lexicon","c":"data-display/timeline","hc":1},{"id":"motion-lexicon:integration-map","t":"Integration map","d":"Explains system relationships through nodes, routed links, and moving signals.","s":"motion-lexicon","c":"data-viz/map","hc":1},{"id":"motion-lexicon:cursor-lens","t":"Cursor lens","d":"Compares two states of the same media through a movable detail lens.","s":"motion-lexicon","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"motion-lexicon:media-carousel","t":"Media carousel","d":"Keeps native drag inertia, deliberate snap positions, and keyboard navigation across media","s":"motion-lexicon","c":"media/carousel","hc":1},{"id":"motion-lexicon:image-lightbox","t":"Gallery lightbox","d":"Expands a thumbnail into an immersive gallery while managing focus and keyboard browsing.","s":"motion-lexicon","c":"overlays/lightbox","hc":1},{"id":"motion-lexicon:scroll-story","t":"Scroll story","d":"Binds local scroll progress to chapters that progressively reshape a product scene.","k":"layout","s":"motion-lexicon","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"motion-lexicon:procedural-product-viewer","t":"3D product viewer","d":"Presents a procedural 3D product with drag inspection, inertia, and recentering.","s":"motion-lexicon","c":"data-display/card","tg":["3d","webgl"],"sb":"Product","sy":["3d","webgl"],"hc":1},{"id":"motion-lexicon:dither-reveal-card","t":"Dither reveal card","d":"Advances a pixel-dither threshold so imagery develops with a tactile texture.","s":"motion-lexicon","c":"data-display/card","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"motion-lexicon:network-globe","t":"Network globe","d":"Maps global connections across a 3D globe with nodes, arcs, and selectable focus.","k":"motion","s":"motion-lexicon","c":"motion/globe","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"motion-lexicon:kinetic-logo-exchange","t":"Kinetic logo exchange","d":"Reorders and reveals brand marks in a kinetic queue that yields to user selection.","k":"resource","s":"motion-lexicon","c":"assets/logo","hc":1},{"id":"motion-lexicon:spotlight-bento","t":"Spotlight bento","d":"Carries one continuous spotlight across multiple tiles to unify the bento surface.","k":"layout","s":"motion-lexicon","c":"layout/bento-grid","hc":1},{"id":"motion-lexicon:scroll-media-expansion","t":"Scroll media expansion","d":"Expands contained media into an immersive hero through chapter scrolling.","k":"layout","s":"motion-lexicon","c":"layout/scroll-area","hc":1},{"id":"motion-lexicon:device-scroll-reveal","t":"Device scroll reveal","d":"Advances product screens, chapter copy, and product state inside a device frame.","k":"layout","s":"motion-lexicon","c":"layout/scroll-area","hc":1},{"id":"motion-lexicon:cinematic-hero","t":"Cinematic hero","d":"Uses image, typography, and action to establish a paced brand opening.","k":"section","s":"motion-lexicon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"motion-lexicon:shader-hero","t":"Shader hero","d":"Uses a low-power WebGL field that reshapes around pointer intent.","k":"section","s":"motion-lexicon","c":"marketing/hero","tg":["webgl"],"sb":"Animated background","sy":["webgl"],"hc":1},{"id":"motion-lexicon:split-screen-reveal","t":"Split screen reveal","d":"Connects two product states or story perspectives with a draggable boundary.","k":"section","s":"motion-lexicon","c":"marketing/hero","tg":["3d"],"sb":"Animated background","sy":["3d"],"hc":1},{"id":"motion-lexicon:screenshot-stack","t":"Screenshot stack","d":"Presents multiple product surfaces in depth while retaining the active focus.","k":"section","s":"motion-lexicon","c":"marketing/hero","tg":["3d"],"sb":"Animated background","sy":["3d"],"hc":1},{"id":"motion-lexicon:terminal-hero","t":"Terminal hero","d":"Demonstrates a developer workflow and result through progressive commands.","k":"section","s":"motion-lexicon","c":"marketing/hero","tg":["retro and HUD"],"sb":"Animated background","sy":["retro and HUD"],"hc":1},{"id":"motion-lexicon:product-orbit-hero","t":"Product orbit hero","d":"Arranges capabilities around a central product object with synchronized focus copy.","k":"section","s":"motion-lexicon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"motion-lexicon:expandable-card","t":"Expandable card","d":"Expands a compact story card in place into a full reading surface.","s":"motion-lexicon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"motion-lexicon:focus-gallery","t":"Focus gallery","d":"Lets one image gain focus while neighboring media yields.","s":"motion-lexicon","c":"media/gallery","hc":1},{"id":"motion-lexicon:card-stack","t":"Card stack","d":"Browses stacked records or stories in a compact space.","s":"motion-lexicon","c":"media/card-stack","hc":1},{"id":"motion-lexicon:animated-testimonials","t":"Animated testimonials","d":"Transitions portrait, quote, attribution, and progress as one evidence unit.","k":"section","s":"motion-lexicon","c":"marketing/testimonials","hc":1},{"id":"motion-lexicon:coverflow-gallery","t":"Coverflow gallery","d":"Browses media with depth, snapping, and keyboard control.","s":"motion-lexicon","c":"media/gallery","tg":["3d"],"sy":["3d"],"hc":1},{"id":"motion-lexicon:image-trail","t":"Image trail","d":"Generates and retires restrained image fragments along pointer or drag paths.","s":"motion-lexicon","c":"media/gallery","hc":1},{"id":"motion-lexicon:pixelated-image","t":"Pixelated image","d":"Uses image resolution as a controllable reveal and transition material.","s":"motion-lexicon","c":"media/gallery","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"motion-lexicon:chromatic-image","t":"Chromatic image","d":"Adds controlled color-channel displacement to editorial media on focus.","s":"motion-lexicon","c":"media/gallery","hc":1},{"id":"motion-lexicon:code-comparison","t":"Code comparison","d":"Binds implementation differences and rendered output inside one switchable comparison surf","k":"section","s":"motion-lexicon","c":"marketing/comparison","hc":1},{"id":"motion-lexicon:before-after-comparison","t":"Before and after comparison","d":"Compares two complete image states through a stable boundary.","k":"section","s":"motion-lexicon","c":"marketing/comparison","hc":1},{"id":"motion-lexicon:split-text-reveal","t":"Split text reveal","d":"Reveals a heading by word or character while retaining complete static legibility.","k":"motion","s":"motion-lexicon","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"motion-lexicon:text-scramble","t":"Text scramble","d":"Transitions technical labels and status through quick character substitution.","k":"motion","s":"motion-lexicon","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"motion-lexicon:text-morph","t":"Text morph","d":"Moves between related phrases within a fixed reading rhythm and stable width.","k":"motion","s":"motion-lexicon","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"motion-lexicon:text-loop","t":"Text loop","d":"Cycles compact, operable messages inside a badge or inline space.","k":"motion","s":"motion-lexicon","c":"motion/text-effect","hc":1},{"id":"motion-lexicon:scroll-velocity","t":"Scroll velocity","d":"Lets background typography respond briefly to page velocity and settle readable at rest.","k":"layout","s":"motion-lexicon","c":"layout/scroll-area","hc":1},{"id":"motion-lexicon:kinetic-heading","t":"Kinetic heading","d":"Changes display-heading spacing, weight, and tension through pointer or keyboard input.","k":"motion","s":"motion-lexicon","c":"motion/text-effect","hc":1},{"id":"motion-lexicon:dynamic-toolbar","t":"Dynamic toolbar","d":"Expands compact actions around the current task while retaining a clear primary entry.","s":"motion-lexicon","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"motion-lexicon:resizable-sidebar","t":"Resizable sidebar","d":"Preserves navigation context while a product sidebar resizes or collapses.","s":"motion-lexicon","c":"navigation/sidebar","hc":1},{"id":"motion-lexicon:notification-center","t":"Notification center","d":"Expands transient notices into a readable, actionable grouped history.","s":"motion-lexicon","c":"overlays/notifications","hc":1},{"id":"motion-lexicon:mobile-bottom-sheet","t":"Mobile bottom sheet","d":"Presents mobile actions and detail in a draggable, focus-managed bottom sheet.","s":"motion-lexicon","c":"overlays/sheet","hc":1},{"id":"motion-lexicon:page-transition-stack","t":"Page transition stack","d":"Preserves route origin and destination meaning through layered page depth.","s":"motion-lexicon","c":"other/other","tg":["3d"],"sy":["3d"],"hc":1},{"id":"motion-lexicon:hover-preview","t":"Hover preview","d":"Previews a destination without leaving place, with keyboard and touch pinning support.","s":"motion-lexicon","c":"data-display/badge","hc":1},{"id":"motion-lexicon:workspace-switcher","t":"Workspace switcher","d":"Manages workspace identity, recent state, and selection changes in a compact control.","s":"motion-lexicon","c":"inputs/select","hc":1},{"id":"motion-lexicon:file-dropzone","t":"File dropzone","d":"Accepts files through drag, picker, and paste with clear intake feedback.","s":"motion-lexicon","c":"inputs/file-upload","hc":1},{"id":"motion-lexicon:multi-step-form","t":"Multi step form","d":"Maintains step direction, validation, pending state, and saved progress in a short flow.","s":"motion-lexicon","c":"navigation/wizard-steps","hc":1},{"id":"motion-lexicon:sign-in-flow","t":"Sign in flow","d":"Coordinates identity input, pending, error, and success while retaining entered context.","k":"layout","s":"motion-lexicon","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"motion-lexicon:onboarding-checklist","t":"Onboarding checklist","d":"Turns setup tasks into a product surface with progress and next-step clarity.","s":"motion-lexicon","c":"inputs/checkbox","hc":1},{"id":"motion-lexicon:date-range-picker","t":"Date range picker","d":"Distinguishes hover, provisional, confirmed range, and presets inside a calendar grid.","s":"motion-lexicon","c":"inputs/date-range","hc":1},{"id":"motion-lexicon:animated-combobox","t":"Animated combobox","d":"Searches and selects a changing result set while preserving keyboard position.","s":"motion-lexicon","c":"inputs/combobox","hc":1},{"id":"motion-lexicon:inline-edit","t":"Inline edit","d":"Handles read, edit, save, error, and commit states inside shared geometry.","s":"motion-lexicon","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"motion-lexicon:animated-empty-state","t":"Animated empty state","d":"Moves a valid empty state directly toward one clear first action and result.","s":"motion-lexicon","c":"data-display/empty-state","hc":1},{"id":"motion-lexicon:metric-ticker","t":"Metric ticker","d":"Presents KPI, direction, and comparison period as one readable update.","k":"motion","s":"motion-lexicon","c":"motion/marquee","hc":1},{"id":"motion-lexicon:animated-chart","t":"Animated chart","d":"Compares data ranges and series changes while keeping labels and focus stable.","s":"motion-lexicon","c":"data-viz/chart","hc":1},{"id":"motion-lexicon:changelog-timeline","t":"Changelog timeline","d":"Presents product or project history with progressive focus.","s":"motion-lexicon","c":"data-display/timeline","hc":1},{"id":"motion-lexicon:kanban-board","t":"Kanban board","d":"Moves work across columns while responding through destination, count, and surrounding car","s":"motion-lexicon","c":"data-display/kanban","hc":1},{"id":"motion-lexicon:pricing-calculator","t":"Pricing calculator","d":"Explains changing price through quantity, tier, and billing interval.","k":"section","s":"motion-lexicon","c":"marketing/pricing","sb":"Usage and sliders","hc":1},{"id":"motion-lexicon:add-to-cart-morph","t":"Add to cart morph","d":"Connects product selection continuously to a persistent cart confirmation state.","k":"motion","s":"motion-lexicon","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"motion-lexicon:aurora-canvas","t":"Aurora canvas","d":"Provides a branded atmospheric field that breathes slowly while visible.","k":"motion","s":"motion-lexicon","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"motion-lexicon:grid-distortion","t":"Grid distortion","d":"Bends a grid or media surface around input and returns it smoothly.","s":"motion-lexicon","c":"inputs/form-field","hc":1},{"id":"motion-lexicon:fluid-glass-surface","t":"Fluid glass surface","d":"Creates a refractive glass surface for focused controls or media while preserving legibili","k":"motion","s":"motion-lexicon","c":"motion/shader","tg":["glass"],"sy":["glass"],"hc":1},{"id":"motion-lexicon:primitive-fade-in-fade-out","t":"Fade in / Fade out","d":"Introduce or remove an element with opacity for low-distraction state changes.","s":"motion-lexicon","c":"data-display/stat","hc":1},{"id":"motion-lexicon:primitive-slide-in","t":"Slide in","d":"Bring content in from a clear direction so its spatial relationship stays legible.","s":"motion-lexicon","c":"other/other","hc":1},{"id":"motion-lexicon:primitive-scale-in","t":"Scale in","d":"Scale from near the final size, with an optional slight overshoot for Pop in.","s":"motion-lexicon","c":"other/other","hc":1},{"id":"motion-lexicon:primitive-reveal","t":"Reveal","d":"Reveal content with clipping and slight travel for headings, media, and sections.","k":"motion","s":"motion-lexicon","c":"motion/text-effect","hc":1},{"id":"motion-lexicon:primitive-stagger","t":"Stagger","d":"Introduce list items at short intervals to communicate order and rhythm.","s":"motion-lexicon","c":"data-display/list","hc":1},{"id":"motion-lexicon:primitive-keyframes","t":"Keyframes","d":"Compose multi-stage keyframes, interpolation, stepped motion, and fill behavior.","s":"motion-lexicon","c":"data-display/badge","hc":1},{"id":"motion-lexicon:primitive-duration","t":"Duration","d":"Compare how duration and delay affect response, rhythm, and perceived waiting.","k":"section","s":"motion-lexicon","c":"marketing/comparison","hc":1},{"id":"motion-lexicon:primitive-translate","t":"Translate","d":"Combine translation, scale, rotation, skew, perspective, and transform origin.","k":"motion","s":"motion-lexicon","c":"motion/tilt-3d","tg":["3d"],"sy":["3d"],"hc":1},{"id":"motion-lexicon:primitive-3d-tilt-flip","t":"3D tilt / Flip","d":"Use controlled perspective and rotation for card flips or hover depth.","k":"motion","s":"motion-lexicon","c":"motion/tilt-3d","tg":["3d"],"sy":["3d"],"hc":1},{"id":"motion-lexicon:primitive-origin-aware-animation","t":"Origin aware animation","d":"Expand or scale from the trigger point to preserve spatial continuity.","s":"motion-lexicon","c":"other/other","hc":1},{"id":"motion-lexicon:primitive-crossfade","t":"Crossfade","d":"Crossfade overlapping, similarly sized states to reduce visual jumps.","s":"motion-lexicon","c":"data-display/stat","hc":1},{"id":"motion-lexicon:primitive-morph","t":"Morph","d":"Create continuous transformation between before and after layouts of a shared element.","k":"motion","s":"motion-lexicon","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"motion-lexicon:primitive-accordion-collapse","t":"Accordion / Collapse","d":"Coordinate height, opacity, and icon state for clear disclosure transitions.","s":"motion-lexicon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"motion-lexicon:primitive-direction-aware-transition","t":"Direction aware transition","d":"Match enter and exit directions to navigation order and preserve context.","s":"motion-lexicon","c":"other/other","hc":1},{"id":"motion-lexicon:primitive-scroll-reveal","t":"Scroll reveal","d":"Reveal content once as it enters the viewport with a reduced-motion fallback.","k":"layout","s":"motion-lexicon","c":"layout/scroll-area","hc":1},{"id":"motion-lexicon:primitive-scroll-driven-animation","t":"Scroll driven animation","d":"Bind animation progress to a scroll range and tune its start, end, and travel.","k":"layout","s":"motion-lexicon","c":"layout/scroll-area","hc":1},{"id":"motion-lexicon:primitive-parallax","t":"Parallax","d":"Move foreground and background at restrained relative speeds to create depth.","k":"layout","s":"motion-lexicon","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"motion-lexicon:primitive-page-transition","t":"Page transition","d":"Preserve continuity across page or view changes with a safe fallback.","k":"layout","s":"motion-lexicon","c":"layout/scroll-area","hc":1},{"id":"motion-lexicon:primitive-hover-effect","t":"Hover effect","d":"Reinforce interactivity on pointer hover while keeping layout stable.","k":"motion","s":"motion-lexicon","c":"motion/cursor","hc":1},{"id":"motion-lexicon:primitive-press-tap-feedback","t":"Press / Tap feedback","d":"Confirm input immediately with a brief scale and contrast response.","s":"motion-lexicon","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"motion-lexicon:primitive-hold-to-confirm","t":"Hold to confirm","d":"Show cancellable progress during hold-to-confirm interactions to reduce mistakes.","s":"motion-lexicon","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"motion-lexicon:primitive-drag-to-reorder","t":"Drag to reorder","d":"Keep pickup, placeholder, and drop states clear while reordering.","s":"motion-lexicon","c":"status/skeleton","hc":1},{"id":"motion-lexicon:primitive-swipe-to-dismiss","t":"Swipe to dismiss","d":"Map swipe distance to travel and opacity with resistance before the threshold.","s":"motion-lexicon","c":"data-viz/map","hc":1},{"id":"motion-lexicon:primitive-shake-wiggle","t":"Shake / Wiggle","d":"Use one brief horizontal shake for errors or inputs that need attention.","s":"motion-lexicon","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"motion-lexicon:primitive-ripple","t":"Ripple","d":"Expand a restrained ripple from the input coordinate for precise touch feedback.","k":"motion","s":"motion-lexicon","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"motion-lexicon:primitive-easing","t":"Easing","d":"Compare common easing curves and custom cubic-bezier velocity profiles.","k":"section","s":"motion-lexicon","c":"marketing/comparison","hc":1},{"id":"motion-lexicon:primitive-spring","t":"Spring","d":"Tune a physical spring response with stiffness, damping, mass, and initial velocity.","s":"motion-lexicon","c":"other/other","hc":1},{"id":"motion-lexicon:primitive-loop","t":"Loop","d":"Compare loop direction, count, pauses, and rhythm while controlling distraction.","k":"section","s":"motion-lexicon","c":"marketing/comparison","hc":1},{"id":"motion-lexicon:primitive-marquee","t":"Marquee","d":"Continuously scroll overflowing content and pause it on hover or focus.","k":"motion","s":"motion-lexicon","c":"motion/marquee","hc":1},{"id":"motion-lexicon:primitive-orbit","t":"Orbit","d":"Move a decorative node slowly around a center for low-frequency status displays.","s":"motion-lexicon","c":"data-display/stat","hc":1},{"id":"motion-lexicon:primitive-idle-animation","t":"Idle animation","d":"Use subtle breathing or floating motion for available, waiting, or active states.","s":"motion-lexicon","c":"data-display/stat","hc":1},{"id":"motion-lexicon:primitive-blur","t":"Blur","d":"Reveal media or content layers with coordinated blur, opacity, and masking.","k":"motion","s":"motion-lexicon","c":"motion/text-effect","hc":1},{"id":"motion-lexicon:primitive-before-after-slider","t":"Before / after slider","d":"Compare before and after states of the same visual with a draggable divider.","s":"motion-lexicon","c":"inputs/slider","hc":1},{"id":"motion-lexicon:primitive-line-drawing","t":"Line drawing","d":"Draw icons, paths, or explanatory connectors with stroke offset animation.","k":"resource","s":"motion-lexicon","c":"assets/icon","sb":"Animated","hc":1},{"id":"motion-lexicon:primitive-text-morph","t":"Text morph","d":"Transition between similarly sized short labels while preserving reading position.","k":"motion","s":"motion-lexicon","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"motion-lexicon:primitive-skeleton-shimmer","t":"Skeleton / Shimmer","d":"Communicate loading progress with a low-contrast shimmer across placeholders.","s":"motion-lexicon","c":"status/skeleton","hc":1},{"id":"motion-lexicon:primitive-number-ticker","t":"Number ticker","d":"Show changing values with tabular figures and stable vertical digit movement.","k":"motion","s":"motion-lexicon","c":"motion/number-ticker","hc":1},{"id":"motion-lexicon:primitive-typewriter","t":"Typewriter","d":"Reveal short text character by character while preserving complete accessible text.","k":"motion","s":"motion-lexicon","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"motion-lexicon:primitive-compositing","t":"Compositing","d":"Compare compositor-friendly properties, hardware-acceleration hints, and layout-triggering","k":"section","s":"motion-lexicon","c":"marketing/comparison","hc":1},{"id":"motion-lexicon:primitive-anticipation","t":"Anticipation","d":"Tune anticipation, follow-through, and deformation to understand physical feedback.","s":"motion-lexicon","c":"inputs/form-field","hc":1},{"id":"motion-primitives:accordion","t":"Accordion","d":"A collapsible content component with smooth animations for showing and hiding content.","s":"motion-primitives","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"motion-primitives:animated-background","t":"Animated Background","d":"A component that provides animated background effects for UI elements.","k":"motion","s":"motion-primitives","c":"motion/background","hc":1},{"id":"motion-primitives:animated-group","t":"Animated Group","d":"A container component that applies coordinated animations to a group of child elements.","k":"layout","s":"motion-primitives","c":"layout/page-shell","hc":1},{"id":"motion-primitives:animated-number","t":"Animated Number","d":"A component that animates number changes with smooth transitions.","k":"motion","s":"motion-primitives","c":"motion/number-ticker","hc":1},{"id":"motion-primitives:border-trail","t":"Border Trail","d":"An effect that creates animated border trails around elements on interaction.","k":"motion","s":"motion-primitives","c":"motion/border","hc":1},{"id":"motion-primitives:carousel","t":"Carousel","d":"A component for cycling through elements with smooth transitions.","s":"motion-primitives","c":"media/carousel","hc":1},{"id":"motion-primitives:cursor","t":"Cursor","d":"A custom cursor component with animated effects and interactions.","k":"motion","s":"motion-primitives","c":"motion/cursor","hc":1},{"id":"motion-primitives:dialog","t":"Dialog","d":"A modal dialog component with smooth entrance and exit animations.","s":"motion-primitives","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"motion-primitives:disclosure","t":"Disclosure","d":"A component that shows and hides content with animated transitions.","s":"motion-primitives","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"motion-primitives:in-view","t":"In View","d":"A component that triggers animations when elements enter the viewport.","s":"motion-primitives","c":"other/other","hc":1},{"id":"motion-primitives:infinite-slider","t":"Infinite Slider","d":"A slider component that loops infinitely through its content.","k":"motion","s":"motion-primitives","c":"motion/marquee","hc":1},{"id":"motion-primitives:transition-panel","t":"Transition Panel","d":"A panel component with smooth transitions between different states.","s":"motion-primitives","c":"data-display/card","hc":1},{"id":"motion-primitives:text-effect","t":"Text Effect","d":"A component that applies animated effects to text content.","k":"motion","s":"motion-primitives","c":"motion/text-effect","hc":1},{"id":"motion-primitives:text-loop","t":"Text Loop","d":"A component that cycles through different text phrases with animations.","k":"motion","s":"motion-primitives","c":"motion/text-effect","hc":1},{"id":"motion-primitives:text-morph","t":"Text Morph","d":"A component that morphs between different text strings with smooth transitions.","k":"motion","s":"motion-primitives","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"motion-primitives:text-roll","t":"Text Roll","d":"A component that animates text with a rolling effect.","k":"motion","s":"motion-primitives","c":"motion/text-effect","hc":1},{"id":"motion-primitives:text-scramble","t":"Text Scramble","d":"A component that creates a scrambling text effect during transitions.","k":"motion","s":"motion-primitives","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"motion-primitives:text-shimmer","t":"Text Shimmer","d":"A component that applies a shimmering effect to text.","k":"motion","s":"motion-primitives","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"motion-primitives:text-shimmer-wave","t":"Text Shimmer Wave","d":"A component that creates a wave-like shimmer effect on text.","k":"motion","s":"motion-primitives","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"motion-primitives:magnetic","t":"Magnetic","d":"A component that creates a magnetic attraction effect on hover.","s":"motion-primitives","c":"other/other","hc":1},{"id":"motion-primitives:morphing-dialog","t":"Morphing Dialog","d":"A dialog that morphs from its trigger element with smooth transitions.","s":"motion-primitives","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"motion-primitives:morphing-popover","t":"Morphing Popover","d":"A popover component that morphs from its trigger with fluid animations.","s":"motion-primitives","c":"overlays/popover","hc":1},{"id":"motion-primitives:dock","t":"Dock","d":"A macOS-style dock component with scaling and movement effects.","s":"motion-primitives","c":"navigation/dock","hc":1},{"id":"motion-primitives:glow-effect","t":"Glow Effect","d":"A component that creates a glowing effect on elements based on cursor movement.","k":"motion","s":"motion-primitives","c":"motion/background","tg":["neon"],"sb":"Gradients and aurora","sy":["neon"],"hc":1},{"id":"motion-primitives:image-comparison","t":"Image Comparison","d":"A component for comparing two images with an interactive slider.","k":"section","s":"motion-primitives","c":"marketing/comparison","hc":1},{"id":"motion-primitives:toolbar-dynamic","t":"Toolbar Dynamic","d":"A toolbar component with dynamic appearance based on user interaction.","s":"motion-primitives","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"motion-primitives:toolbar-expandable","t":"Toolbar Expandable","d":"An expandable toolbar that reveals additional options with animations.","s":"motion-primitives","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"motion-primitives:progressive-blur","t":"Progressive Blur","d":"A component that applies progressive blur effects to elements.","s":"motion-primitives","c":"other/other","hc":1},{"id":"motion-primitives:scroll-progress","t":"Scroll Progress","d":"A component that visualizes scroll progress with animated indicators.","s":"motion-primitives","c":"data-viz/progress-bar","hc":1},{"id":"motion-primitives:sliding-number","t":"Sliding Number","d":"A component that transitions between numbers with a sliding animation.","k":"motion","s":"motion-primitives","c":"motion/number-ticker","hc":1},{"id":"motion-primitives:spotlight","t":"Spotlight","d":"A component that creates a spotlight effect following cursor movement.","k":"motion","s":"motion-primitives","c":"motion/background","sb":"Beams and light","hc":1},{"id":"motion-primitives:spinning-text","t":"Spinning Text","d":"A component that animates text with a spinning rotation effect.","k":"motion","s":"motion-primitives","c":"motion/text-effect","hc":1},{"id":"motion-primitives:tilt","t":"Tilt","d":"A component that applies 3D tilt effects to elements based on cursor position.","k":"motion","s":"motion-primitives","c":"motion/tilt-3d","tg":["3d"],"sy":["3d"],"hc":1},{"id":"motiq:utils","t":"Cn() utility","d":"Tailwind class-merge helper used by every Motiq component.","k":"lib","s":"motiq","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"motiq:primitives","t":"Motion primitives","d":"Shared, dependency-free hooks used across workflow components: useReducedMotion, useVisibi","k":"lib","s":"motiq","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"motiq:ai-response-stream","t":"AI Response Stream","d":"Renders a streaming assistant response supplied by your app — text, fenced code with copy,","s":"motiq","c":"ai-agent/ai-agent","hc":1},{"id":"motiq:deployment-pipeline","t":"Deployment Pipeline","d":"Visualize a CI/CD deployment run: ordered stages with queued/running/passed/failed/cancell","s":"motiq","c":"data-display/timeline","hc":1},{"id":"motiq:live-presence-stack","t":"Live Presence Stack","d":"A live avatar stack for collaborative workspaces: animated join/leave without row reflow, ","s":"motiq","c":"status/status-dot","hc":1},{"id":"motiq:kpi-number-morph","t":"KPI Number Morph","d":"An accessible KPI stat that smoothly morphs between values with a direction-aware trend (a","k":"motion","s":"motiq","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"motiq:tool-call-activity","t":"Tool Call Activity","d":"A presentation-only live inspector for an AI agent's tool calls — concurrent calls, expand","s":"motiq","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"motiq:live-log-stream","t":"Live Log Stream","d":"A live log viewer for developer surfaces (deploy/build output, jobs, server events): auto-","s":"motiq","c":"inputs/search","hc":1},{"id":"motiq:activity-stream","t":"Activity Stream","d":"A collaboration/product activity feed that goes beyond a timeline: groups repeated actions","s":"motiq","c":"data-display/timeline","hc":1},{"id":"motiq:streaming-data-rows","t":"Streaming Data Rows","d":"A live operational table your app drives: animated row insertion, update, resort with cont","s":"motiq","c":"data-display/list","hc":1},{"id":"motiq:luminous-topography","t":"Luminous Topography","d":"A distinctive SVG background of layered topographic contours that flow around configurable","k":"motion","s":"motiq","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"motiq:workflow-topology-field","t":"Workflow Topology Field","d":"An atmospheric SVG background that renders an application-defined workflow as a topology: ","s":"motiq","c":"inputs/form-field","hc":1},{"id":"motiq:queue-pulse-lanes","t":"Queue Pulse Lanes","d":"A queue/throughput background that renders your lanes rather than decorative streaks: puls","s":"motiq","c":"data-display/timeline","hc":1},{"id":"motiq:adaptive-safe-zone-grid","t":"Adaptive Safe Zone Grid","d":"A content-aware structural grid for hero sections: the grid quiets inside one or many safe","k":"section","s":"motiq","c":"marketing/hero","tg":["3d"],"sy":["3d"],"hc":1},{"id":"motiq:runtime-signal-map","t":"Runtime Signal Map","d":"An infrastructure-flavored background where signal packets move through an application-def","s":"motiq","c":"data-viz/map","hc":1},{"id":"motiq:event-propagation-matrix","t":"Event Propagation Matrix","d":"A temporal background where application events propagate through a structured cell matrix ","s":"motiq","c":"data-display/list","hc":1},{"id":"motiq:data-contour-surface","t":"Data Contour Surface","d":"A data-driven contour background: contours are computed from application-supplied values (","k":"section","s":"motiq","c":"marketing/comparison","hc":1},{"id":"motiq:agent-operations-hero","t":"Agent Operations Hero","d":"An editable hero block for AI/automation products that shows a real agent workflow with ou","s":"motiq","c":"ai-agent/ai-agent","hc":1},{"id":"motiq:deployment-control-hero","t":"Deployment Control Hero","d":"An editable hero block for developer-tool/infra products showing a real deployment control","k":"section","s":"motiq","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"motiq:live-data-command-hero","t":"Live Data Command Hero","d":"An editable hero block for operational-data products centered on continuity and changing s","k":"section","s":"motiq","c":"marketing/hero","tg":["webgl"],"sb":"Animated background","sy":["webgl"],"hc":1},{"id":"motiq:collaborative-launch-hero","t":"Collaborative Launch Hero","d":"An editable hero block for collaboration/review products showing people active, a review u","k":"section","s":"motiq","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"motiq:source-citation-rail","t":"Source Citation Rail","d":"Presentation-only citation rail that keeps inline [n] markers and a side source list in sy","s":"motiq","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"motiq:api-request-inspector","t":"API Request Inspector","d":"A presentation-only inspection surface for a single HTTP request/response your app already","k":"layout","s":"motiq","c":"flows/sign-in","hc":1},{"id":"motiq:approval-workflow","t":"Approval Workflow","d":"Display and control an app-owned approval process — sequential or parallel stages, require","k":"section","s":"motiq","c":"marketing/features","sb":"Steps","hc":1},{"id":"motiq:filter-result-transition","t":"Filter Result Transition","d":"A transition layer for filtered/searched collections your app drives: cards enter, leave, ","s":"motiq","c":"data-display/list","hc":1},{"id":"motiq:swipe-action-row","t":"Swipe Action Row","d":"A mobile-first swipe action row that also works with pointer and keyboard: left/right acti","s":"motiq","c":"data-display/list","hc":1},{"id":"motiq:agent-run-timeline","t":"Agent Run Timeline","d":"A presentation-only timeline for a multi-step agent / automation run: an ordered rail of s","s":"motiq","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"motiq:environment-switcher","t":"Environment Switcher","d":"A presentation + control surface for choosing the environment an app targets (dev / stagin","s":"motiq","c":"inputs/select","hc":1},{"id":"motiq:comment-thread","t":"Comment Thread","d":"A production comment thread your app persists: root comments + nested replies, mentions, r","s":"motiq","c":"other/other","hc":1},{"id":"motiq:data-refresh-state","t":"Data Refresh State","d":"A rich, accessible refresh indicator your app drives: idle, checking, refreshing (determin","s":"motiq","c":"data-display/card","sb":"Metric","hc":1},{"id":"motiq:mobile-filter-sheet","t":"Mobile Filter Sheet","d":"A mobile-first filter workflow, not a sheet of checkboxes: app-defined groups (checkbox, r","s":"motiq","c":"overlays/sheet","hc":1},{"id":"motiq:prompt-composer","t":"Prompt Composer","d":"A presentation-only, production-oriented prompt-composition surface: multiline draft, care","s":"motiq","c":"ai-agent/composer","hc":1},{"id":"motiq:webhook-event-stream","t":"Webhook Event Stream","d":"A presentation-only console for an app-owned stream of outbound webhook deliveries: animat","s":"motiq","c":"navigation/top-nav","hc":1},{"id":"motiq:mention-suggestions","t":"Mention Suggestions","d":"A presentation-only, fully-controlled @-mention suggestion popup: the app owns the editabl","s":"motiq","c":"inputs/combobox","hc":1},{"id":"motiq:data-quality-status","t":"Data Quality Status","d":"A presentation-only data-quality panel that displays app-supplied freshness/completeness/a","s":"motiq","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"motiq:keyboard-safe-form","t":"Keyboard safe Form","d":"A presentation-only mobile form whose sticky Submit/Cancel bar rides above the virtual key","s":"motiq","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"motiq:file-upload-pipeline","t":"File Upload Pipeline","d":"An application-controlled file upload workflow: presents app-supplied upload items with pr","s":"motiq","c":"data-display/timeline","hc":1},{"id":"motiq:product-variant-selector","t":"Product Variant Selector","d":"A production variant selector for product options (color/size/material/plan/bundle/custom)","k":"section","s":"motiq","c":"marketing/pricing","hc":1},{"id":"motiq:passkey-setup-flow","t":"Passkey Setup Flow","d":"A presentation + orchestration layer for passkey (WebAuthn) setup. The app supplies WebAut","s":"motiq","c":"ai-agent/composer","hc":1},{"id":"motiq:message-delivery-states","t":"Message Delivery States","d":"A message list with an honest delivery-receipt layer for chat/support/collaboration: draft","s":"motiq","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"motiq:kanban-card-movement","t":"Kanban Card Movement","d":"An application-controlled Kanban interaction layer: pointer + touch + keyboard/menu card m","s":"motiq","c":"data-display/card","tg":["minimal"],"sb":"Product","sy":["minimal"],"hc":1},{"id":"motiq:multi-file-queue","t":"Multi file Queue","d":"A presentation-only queue MANAGER for a collection of files/jobs — priority lanes, concurr","s":"motiq","c":"data-display/timeline","hc":1},{"id":"motiq:cart-item-transition","t":"Cart Item Transition","d":"An app-controlled animated cart LINE ITEM (not a full cart) — arrival, quantity/total morp","s":"motiq","c":"data-display/list","hc":1},{"id":"motiq:two-factor-setup-flow","t":"Two Factor Setup Flow","d":"Orchestration + presentation for adding a second auth factor (authenticator/security-key/S","k":"layout","s":"motiq","c":"flows/sign-in","hc":1},{"id":"motiq:typing-and-presence","t":"Typing and Presence","d":"A combined real-time typing + participant-presence strip for messaging/collaboration — pre","s":"motiq","c":"status/status-dot","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"motiq:task-dependency-map","t":"Task Dependency Map","d":"An app-controlled task DEPENDENCY visualization (not a graph editor / not pan-zoom-only). ","s":"motiq","c":"data-viz/map","tg":["3d"],"sy":["3d"],"hc":1},{"id":"motiq:processing-timeline","t":"Processing Timeline","d":"A presentation-only timeline for ONE ingested item moving through multiple app-owned proce","s":"motiq","c":"data-display/timeline","hc":1},{"id":"motiq:checkout-progress","t":"Checkout Progress","d":"An app-controlled multi-step checkout progress/orchestration surface (not a payment proces","s":"motiq","c":"data-viz/progress-bar","hc":1},{"id":"motiq:session-security-center","t":"Session Security Center","d":"A presentation + control surface for reviewing and revoking active account sessions — devi","s":"motiq","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"motiq:thread-expansion","t":"Thread Expansion","d":"A presentation-only navigation + expansion surface for deeply nested discussions — expand/","s":"motiq","c":"navigation/breadcrumb","hc":1},{"id":"motiq:project-timeline","t":"Project Timeline","d":"An app-controlled, time-scaled project timeline (not a Gantt/charting library) — milestone","s":"motiq","c":"data-display/timeline","hc":1},{"id":"motiq:ai-agent-workspace","t":"AI Agent Workspace","d":"A composed, app-controlled AI agent workspace that composes Agent Run Timeline + Tool Call","s":"motiq","c":"ai-agent/ai-agent","hc":1},{"id":"motiq:deployment-command-center","t":"Deployment Command Center","d":"A composed, app-controlled deploy console block: an Environment Switcher in the top bar, a","s":"motiq","c":"data-display/timeline","hc":1},{"id":"motiq:collaborative-review-workspace","t":"Collaborative Review Workspace","d":"A composed review screen: Live Presence Stack, an app-owned Approval Workflow, the Comment","s":"motiq","c":"data-display/timeline","hc":1},{"id":"motiq:live-operations-dashboard","t":"Live Operations Dashboard","d":"A composed, app-controlled ops dashboard: KPI Number Morph stats with a Data Refresh State","k":"layout","s":"motiq","c":"layout/dashboard","hc":1},{"id":"motiq:ai-interface-pack","t":"AI Interface Pack","d":"The complete AI Interface Pack — installs the AI Agent Workspace block and its four compon","s":"motiq","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"motiq:developer-tools-pack","t":"Developer Tools Pack","d":"The complete Developer Tools Pack — installs the Deployment Command Center block and its f","s":"motiq","c":"data-display/timeline","hc":1},{"id":"motiq:collaboration-pack","t":"Collaboration Pack","d":"The complete Collaboration Pack — installs the Collaborative Review Workspace block and it","s":"motiq","c":"status/status-dot","hc":1},{"id":"motiq:data-motion-pack","t":"Data Motion Pack","d":"The complete Data Motion Pack — installs the Live Operations Dashboard block and its four ","k":"layout","s":"motiq","c":"layout/dashboard","hc":1},{"id":"motiq:kinetic-emphasis","t":"Kinetic Emphasis","d":"A headline where reading emphasis physically travels through the copy: an activation front","k":"motion","s":"motiq","c":"motion/text-effect","hc":1},{"id":"motiq:blur-text","t":"Blur Text","d":"Reveals text segment-by-segment with a de-blur and drift. Reduced-motion safe.","k":"motion","s":"motiq","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"motiq:spotlight-card","t":"Spotlight Card","d":"A surface with a radial glow that follows the pointer. CSS-only, no runtime deps beyond cn","s":"motiq","c":"data-display/card","tg":["neon"],"sb":"Animated and glowing","sy":["neon"],"hc":1},{"id":"motiq:animated-dialog","t":"Animated Dialog","d":"Radix Dialog with Motion enter/exit choreography (scale, slide-up, fade). Preserves portal","s":"motiq","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"motiq:animated-tabs","t":"Animated Tabs","d":"Radix Tabs with a Motion layoutId sliding active indicator and cross-faded, direction-awar","s":"motiq","c":"navigation/tabs","hc":1},{"id":"motiq:animated-accordion","t":"Animated Accordion","d":"Radix Accordion with Motion height/opacity reveal and a rotating chevron. Single/multiple ","s":"motiq","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"motiq:animated-button","t":"Animated Button","d":"A real button with press-scale feedback and accessible loading (aria-busy + polite spinner","s":"motiq","c":"actions/button","sb":"Animated","hc":1},{"id":"motiq:rotating-text","t":"Rotating Text","d":"Cycles through phrases in place with slide or fade motion. Polite aria-live announces the ","k":"motion","s":"motiq","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"motiq:animated-list","t":"Animated List","d":"A semantic list whose items fade/slide in with a stagger and animate out cleanly on remova","s":"motiq","c":"data-display/list","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"motiq:animated-grid","t":"Animated Grid","d":"A CSS-only animated grid background layer with a slow drift, optional radial fade mask, an","k":"motion","s":"motiq","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"motiq:loom-draft","t":"Loom Draft","d":"A living woven fabric background: a shuttle of light races the loom laying luminous weft r","s":"motiq","c":"data-display/list","hc":1},{"id":"motiq:copperplate-hatch","t":"Copperplate Hatch","d":"An engraved plate lit from within: candle-gold light waves radiate from a focal point and ","s":"motiq","c":"inputs/textarea","hc":1},{"id":"motiq:chart-recorder","t":"Chart Recorder","d":"Five spectrum lanes written live by glowing pens: data packets stream the traces, hot ink ","s":"motiq","c":"data-viz/chart","tg":["neon"],"sy":["neon"],"hc":1},{"id":"motiq:riso-registration","t":"Riso Registration","d":"Two halftone ink plates hunting for register: pink and blue screen-blended grids drift apa","k":"layout","s":"motiq","c":"flows/sign-in","hc":1},{"id":"motiq:core-strata","t":"Core Strata","d":"A survey scanner reading the deep record: three parallax strata layers drift while a lumin","k":"layout","s":"motiq","c":"layout/scroll-area","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"motiq:animated-icons","t":"Animated Icons","d":"Two inline-SVG animated icons — AnimatedArrow (nudge) and AnimatedCopy (copy-to-check swap","k":"resource","s":"motiq","c":"assets/icon","sb":"Animated","hc":1},{"id":"motiq:magnetic-dock","t":"Magnetic Dock","d":"A launcher dock whose icons live inside one shared gaussian attraction field instead of pe","s":"motiq","c":"navigation/dock","hc":1},{"id":"motiq:cursor-comet","t":"Cursor Comet","d":"A canvas particle comet that reads pointer velocity, not just position: a tight ember when","k":"motion","s":"motiq","c":"motion/cursor","hc":1},{"id":"motiq:lens-card","t":"Lens Card","d":"A refraction lens that floats over your own content: everything under the glass magnifies ","s":"motiq","c":"media/gallery","tg":["glass"],"sb":"Zoom and lens","sy":["glass"],"hc":1},{"id":"motiq:torch-reveal","t":"Torch Reveal","d":"A finished hero with a second layer hiding above it: a soft, flickering torch around the p","k":"motion","s":"motiq","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"motiq:gooey-actions","t":"Gooey Actions","d":"A floating action button that blooms into satellite actions through a gooey metaball merge","k":"motion","s":"motiq","c":"motion/cursor","hc":1},{"id":"motiq:decrypt-text","t":"Decrypt Text","d":"Copy that arrives decoded rather than typed: every glyph boils from the first frame and ch","k":"motion","s":"motiq","c":"motion/text-effect","tg":["retro and HUD"],"sb":"Scramble and glitch","sy":["retro and HUD"],"hc":1},{"id":"motiq:proximity-type","t":"Proximity Type","d":"A headline with gravity: each character chases a numeric font weight (340 → 900) based on ","k":"motion","s":"motiq","c":"motion/text-effect","tg":["neon"],"sy":["neon"],"hc":1},{"id":"motiq:split-flap","t":"Split Flap","d":"A departures board that actually flips: cells step through the charset drum-style with a c","k":"motion","s":"motiq","c":"motion/text-effect","tg":["3d"],"sb":"Reveal and entrance","sy":["3d"],"hc":1},{"id":"motiq:liquid-fill-headline","t":"Liquid Fill Headline","d":"An outlined wordmark that fills bottom-up with a sloshing two-polygon clip-path wave rebui","k":"motion","s":"motiq","c":"motion/text-effect","hc":1},{"id":"motiq:word-cascade","t":"Word Cascade","d":"Hero copy that arrives cast rather than printed: words are measured into real visual lines","k":"motion","s":"motiq","c":"motion/text-effect","hc":1},{"id":"motiq:holo-card","t":"Holo Card","d":"A 3D tilt card that behaves like a physical foil pass: twin underdamped springs (k=120, d=","s":"motiq","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"motiq:border-beam-panel","t":"Border Beam Panel","d":"A panel with twin comets orbiting a 2px border ring built from a rotating conic gradient c","s":"motiq","c":"data-display/card","tg":["gradient"],"sb":"Animated and glowing","sy":["gradient"],"hc":1},{"id":"motiq:card-stack-deck","t":"Card Stack Deck","d":"A deck that handles like physical cards: every card rides a continuous slot spring (k=90, ","s":"motiq","c":"media/card-stack","hc":1},{"id":"motiq:glass-refraction-panel","t":"Glass Refraction Panel","d":"Frosted panes over a live scene: five gradient orbs drift on lissajous paths across a DPR-","s":"motiq","c":"data-display/card","tg":["3d","glass","gradient"],"sb":"Animated and glowing","sy":["3d","glass","gradient"],"hc":1},{"id":"motiq:aurora-panel","t":"Aurora Panel","d":"A product card that carries its own sky: three dual-sine ribbons drift across a canvas roo","s":"motiq","c":"data-display/card","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"motiq:sticky-zoom-hero","t":"Sticky Zoom Hero","d":"The opening move of a product page: a framed hero card held at arm's length scales to full","k":"section","s":"motiq","c":"marketing/hero","hc":1},{"id":"motiq:depth-parallax-scene","t":"Depth Parallax Scene","d":"A world behind the glass: consumer-supplied layers travel at depth-proportional rates as t","k":"layout","s":"motiq","c":"layout/scroll-area","tg":["3d","glass"],"sy":["3d","glass"],"hc":1},{"id":"motiq:mask-wipe-sections","t":"Mask Wipe Sections","d":"Chaptered storytelling with hard cuts instead of crossfades: each section is revealed by a","k":"layout","s":"motiq","c":"layout/scroll-area","hc":1},{"id":"motiq:scroll-count-stats","t":"Scroll Count Stats","d":"A stats band that is a pure function of scroll progress, so scrolling back rewinds it digi","s":"motiq","c":"data-display/stat","tg":["playful"],"sy":["playful"],"hc":1},{"id":"motiq:velocity-skew-feed","t":"Velocity Skew Feed","d":"A feed whose cards shear and stretch with scroll velocity and rubber-snap back when you st","s":"motiq","c":"data-display/timeline","hc":1},{"id":"motiq:orbital-gallery","t":"Orbital Gallery","d":"Media cards on a perspective ring you can grab and flick: real inertia clamped to ±6 rad/s","s":"motiq","c":"media/gallery","tg":["3d"],"sy":["3d"],"hc":1},{"id":"motiq:flow-warp-image","t":"Flow Warp Image","d":"A media surface that liquefies under the pointer: a 32×20 spring mesh (k=90, c=8) displace","s":"motiq","c":"media/gallery","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"motiq:velocity-marquee","t":"Velocity Marquee","d":"Counter-rotating media rails that feed on page-scroll velocity: a smoothed reading surges ","k":"motion","s":"motiq","c":"motion/marquee","hc":1},{"id":"motiq:filmstrip-scrub","t":"Filmstrip Scrub","d":"A filmstrip with a spring-loaded playhead (k=90, c=16, ζ≈0.84 — one soft overshoot): hover","s":"motiq","c":"inputs/slider","hc":1},{"id":"motiq:compare-reveal","t":"Compare Reveal","d":"A before/after comparator whose divider chases the pointer through a spring (k=140, c=18, ","k":"section","s":"motiq","c":"marketing/comparison","hc":1},{"id":"motokoui:button","t":"Button","d":"A polished button with primary, secondary, and semantic variants.","s":"motokoui","c":"actions/button","hc":1},{"id":"motokoui:badge","t":"Badge","d":"Compact status and label pills with Motoko surface tokens.","s":"motokoui","c":"data-display/badge","hc":1},{"id":"motokoui:rainbow-button","t":"Rainbow Button","d":"A black (white in dark mode) button with an animated rainbow border.","s":"motokoui","c":"actions/button","sb":"Animated","hc":1},{"id":"motokoui:input","t":"Input","d":"A text field with Motoko surface styles, hover and focus borders.","s":"motokoui","c":"inputs/form-field","hc":1},{"id":"motokoui:select","t":"Select","d":"A compound dropdown with Motoko surface styles and a simple options kit.","s":"motokoui","c":"inputs/select","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"motokoui:modal","t":"Modal","d":"A centered dialog with soft Motoko motion — blur, scale, and spring settle.","s":"motokoui","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"motokoui:tabs","t":"Tabs","d":"Animated pill tabs with the same soft motion used in Preview/Code.","s":"motokoui","c":"navigation/tabs","hc":1},{"id":"motokoui:accordion","t":"Accordion","d":"Soft Motoko disclosure panels — smooth height settle, content fade, and a rotating chevron","s":"motokoui","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"motokoui:tooltip","t":"Tooltip","d":"A compact Motoko hint that appears on hover or focus.","s":"motokoui","c":"overlays/tooltip","hc":1},{"id":"motokoui:notch","t":"Notch","d":"A morphing black toolbar — the shell expands into options with staggered motion.","k":"layout","s":"motokoui","c":"layout/page-shell","hc":1},{"id":"motokoui:github-sky","t":"GitHub Sky","d":"An interactive night-sky card — find the real star, then star the project on GitHub.","s":"motokoui","c":"inputs/search","hc":1},{"id":"motokoui:morph-floating-menu","t":"Morph Floating Menu","d":"A compact floating pill that morphs into a navigation menu with staggered motion.","s":"motokoui","c":"navigation/menu","hc":1},{"id":"motokoui:theme-switcher","t":"Theme Switcher","d":"Lightweight light/dark control — icon, toggle, and segmented variants with smooth CSS moti","s":"motokoui","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"motokoui:waves-shader","t":"Waves Shader","d":"Soft animated waves — a zero-dependency WebGL canvas background.","k":"motion","s":"motokoui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"motokoui:text-shimmer","t":"Text Shimmer","d":"Metallic gradient sweep across text — a white shimmer like light on brushed metal.","k":"motion","s":"motokoui","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"hc":1},{"id":"motokoui:letter-morph","t":"Letter Morph","d":"Words gooey-morph into each other — blur fused by an SVG threshold filter.","k":"motion","s":"motokoui","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"motokoui:ai-prompt-input","t":"AI Prompt Input","d":"A premium AI prompt composer with rotating placeholders, floating toolbar, and animated mo","s":"motokoui","c":"ai-agent/composer","hc":1},{"id":"motokoui:ai-model-selector","t":"AI Model Selector","d":"A Cursor-style AI model picker with Effort / Context / Fast / Thinking and an edit flyout.","s":"motokoui","c":"ai-agent/ai-agent","hc":1},{"id":"moumenlab:lab-theme","t":"Lab Theme","d":"Shared design tokens (easings, shadow-border ring, and keyframes) every moumenlab componen","k":"theme","s":"moumenlab","c":"themes/theme"},{"id":"moumenlab:unlimited-nested-menu","t":"Unlimited Nested Menu","d":"A dropdown where each branch morphs into a stacked sub-panel, no depth limit, fully keyboa","s":"moumenlab","c":"navigation/menu","tg":["3d"],"sy":["3d"],"hc":1},{"id":"moumenlab:ticket-number-ticker","t":"Ticket Number Ticker","d":"An odometer that runs digits up on tabular-nums and middle-truncates long ids to start…end","k":"motion","s":"moumenlab","c":"motion/number-ticker","hc":1},{"id":"moumenlab:file-upload-staging","t":"File Upload Staging Area","d":"Per-tile interruptible upload state machines with capped concurrency and a layout-glide gr","s":"moumenlab","c":"inputs/file-upload","hc":1},{"id":"moumenlab:schedule-builder","t":"Schedule Builder","d":"A recurrence rule as a live English sentence over real occurrences, with month-end and DST","s":"moumenlab","c":"data-display/calendar","hc":1},{"id":"moumenlab:otp-segmented-input","t":"OTP Segmented Input","d":"Six cells that are secretly one real input, with native selection driving the active cell.","s":"moumenlab","c":"navigation/tabs","hc":1},{"id":"moumenlab:share-permissions-popover","t":"Share & Permissions Popover","d":"A three-view floating surface that morphs on both axes with a focus trap surviving the swa","s":"moumenlab","c":"overlays/popover","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"moumenlab:command-palette","t":"Command Palette with Argument Chips","d":"Commands that take inline argument chips, fuzzy ranking, and a measured height morph.","s":"moumenlab","c":"navigation/command-palette","hc":1},{"id":"moumenlab:morphing-checkout","t":"Morphing Checkout Flow","d":"A three-step card payment with a height:auto illusion, caret-safe masking, a 3D flip, and ","k":"section","s":"moumenlab","c":"marketing/pricing","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"moumenlab:search-expand-nav","t":"Search Expand Navigation Bar","d":"A nav bar that expands into a search field then grows into a recent-searches card.","s":"moumenlab","c":"navigation/top-nav","sb":"With search","hc":1},{"id":"moumenlab:drag-to-reorder-list","t":"Drag to Reorder List","d":"A reorderable list where siblings glide one slot and the drop plays a FLIP, keyboard inclu","s":"moumenlab","c":"data-display/list","sb":"Sortable","hc":1},{"id":"moumenlab:caret-mention-popover","t":"Caret Anchored Mention Popover","d":"An @-mention popover anchored to the text caret via a hidden mirror, gliding as you type.","s":"moumenlab","c":"overlays/popover","hc":1},{"id":"moumenlab:hover-expand-icon-strip","t":"Hover Expand Icon Strip","d":"Icons in a fixed-width box that expand on hover or Tab while the others squeeze to fit.","k":"resource","s":"moumenlab","c":"assets/icon","sb":"Animated","hc":1},{"id":"moumenlab:inertial-wheel-list","t":"Inertial Wheel List","d":"An iOS picker drum built on native scroll-snap, with selection derived from scrollTop.","s":"moumenlab","c":"data-display/list","hc":1},{"id":"mozaika:1password","t":"1Password — decoded design system (key required)","d":"1Password's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:1password-mobile","t":"1Password Mobile — decoded design system (key required)","d":"1Password Mobile's real light design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:admin-pro","t":"Admin Pro — decoded design system (key required)","d":"Admin Pro's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:adyen","t":"Adyen — decoded design system (key required)","d":"Adyen's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:aesop","t":"Aesop — decoded design system (key required)","d":"Aesop's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:agency","t":"Agency — decoded design system (key required)","d":"Agency's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:airbnb-mobile","t":"Airbnb Mobile — decoded design system (key required)","d":"Airbnb Mobile's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:airbyte","t":"Airbyte — decoded design system","d":"Airbyte's real dark design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:airtable","t":"Airtable — decoded design system (key required)","d":"Airtable's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:akiflow","t":"Akiflow — decoded design system (key required)","d":"Akiflow's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:allbirds","t":"Allbirds — decoded design system (key required)","d":"Allbirds's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:alltrails-mobile","t":"AllTrails Mobile — decoded design system (key required)","d":"AllTrails Mobile's real light design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:amazon-mobile","t":"Amazon Mobile — decoded design system (key required)","d":"Amazon Mobile's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:amber-minimal-ui","t":"Amber Minimal UI — decoded design system (key required)","d":"Amber Minimal UI's real light design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme","tg":["minimal"],"sy":["minimal"]},{"id":"mozaika:amethyst-haze-ui","t":"Amethyst Haze UI — decoded design system (key required)","d":"Amethyst Haze UI's real light design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:amie","t":"Amie — decoded design system (key required)","d":"Amie's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:amplitude","t":"Amplitude — decoded design system (key required)","d":"Amplitude's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:anytype","t":"Anytype — decoded design system (key required)","d":"Anytype's real dark design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:app-landing","t":"App Landing — decoded design system (key required)","d":"App Landing's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:apple-music","t":"Apple Music — decoded design system (key required)","d":"Apple Music's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:apple-music-mobile","t":"Apple Music Mobile — decoded design system (key required)","d":"Apple Music Mobile's real light design system, measured live from the product — color role","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:appsmith","t":"Appsmith — decoded design system (key required)","d":"Appsmith's real dark design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:appwrite","t":"Appwrite — decoded design system (key required)","d":"Appwrite's real dark design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:arc","t":"Arc — decoded design system","d":"Arc's real light design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:are-na","t":"Are.na — decoded design system (key required)","d":"Are.na's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:asana-mobile","t":"Asana Mobile — decoded design system (key required)","d":"Asana Mobile's real light design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:ashby","t":"Ashby — decoded design system (key required)","d":"Ashby's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:assemblyai","t":"AssemblyAI — decoded design system (key required)","d":"AssemblyAI's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:astro","t":"Astro — decoded design system (key required)","d":"Astro's real dark design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:attio","t":"Attio — decoded design system (key required)","d":"Attio's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:audible-mobile","t":"Audible Mobile — decoded design system (key required)","d":"Audible Mobile's real dark design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:augment","t":"Augment — decoded design system (key required)","d":"Augment's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:away","t":"Away — decoded design system (key required)","d":"Away's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:axiom","t":"Axiom — decoded design system (key required)","d":"Axiom's real dark design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:baseten","t":"Baseten — decoded design system (key required)","d":"Baseten's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:bear","t":"Bear — decoded design system (key required)","d":"Bear's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:beehiiv","t":"Beehiiv — decoded design system (key required)","d":"Beehiiv's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:bellroy","t":"Bellroy — decoded design system (key required)","d":"Bellroy's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:bento","t":"Bento — decoded design system (key required)","d":"Bento's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:better-stack","t":"Better Stack — decoded design system (key required)","d":"Better Stack's real dark design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:bilt","t":"Bilt — decoded design system (key required)","d":"Bilt's real dark design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:biome","t":"Biome — decoded design system (key required)","d":"Biome's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:blog-home","t":"Blog Home — decoded design system (key required)","d":"Blog Home's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:bluesky-mobile","t":"Bluesky Mobile — decoded design system (key required)","d":"Bluesky Mobile's real light design system, measured live from the product — color roles, f","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:bold-tech-ui","t":"Bold Tech UI — decoded design system (key required)","d":"Bold Tech UI's real light design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:bolt","t":"Bolt — decoded design system (key required)","d":"Bolt's real dark design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:braintrust","t":"Braintrust — decoded design system (key required)","d":"Braintrust's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:brex","t":"Brex — decoded design system (key required)","d":"Brex's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:browserbase","t":"Browserbase — decoded design system (key required)","d":"Browserbase's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:bubblegum-ui","t":"Bubblegum UI — decoded design system (key required)","d":"Bubblegum UI's real light design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:builder-io","t":"Builder.io — decoded design system (key required)","d":"Builder.io's real dark design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:bumble-mobile","t":"Bumble Mobile — decoded design system (key required)","d":"Bumble Mobile's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:bun","t":"Bun — decoded design system","d":"Bun's real dark design system, measured live from the product — color roles, font stacks (","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:business-front","t":"Business Front — decoded design system (key required)","d":"Business Front's real light design system, measured live from the product — color roles, f","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:butter-templates","t":"Butter Templates — decoded design system (key required)","d":"Butter Templates's real light design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:caffeine-ui","t":"Caffeine UI — decoded design system (key required)","d":"Caffeine UI's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:cal-com","t":"Cal.com — decoded design system (key required)","d":"Cal.com's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:calendly","t":"Calendly — decoded design system (key required)","d":"Calendly's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:calm","t":"Calm — decoded design system (key required)","d":"Calm's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:calm-mobile","t":"Calm Mobile — decoded design system (key required)","d":"Calm Mobile's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:candyland-ui","t":"Candyland UI — decoded design system (key required)","d":"Candyland UI's real light design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:canva","t":"Canva — decoded design system (key required)","d":"Canva's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:cap","t":"Cap — decoded design system (key required)","d":"Cap's real light design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:capacities","t":"Capacities — decoded design system (key required)","d":"Capacities's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:capcut-mobile","t":"CapCut Mobile — decoded design system (key required)","d":"CapCut Mobile's real dark design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:captions","t":"Captions — decoded design system (key required)","d":"Captions's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:caraway","t":"Caraway — decoded design system (key required)","d":"Caraway's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:cargo","t":"Cargo — decoded design system (key required)","d":"Cargo's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:carrd","t":"Carrd — decoded design system (key required)","d":"Carrd's real dark design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:cartesia","t":"Cartesia — decoded design system","d":"Cartesia's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:cash-app","t":"Cash App — decoded design system (key required)","d":"Cash App's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:cash-app-mobile","t":"Cash App Mobile — decoded design system (key required)","d":"Cash App Mobile's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:catppuccin-ui","t":"Catppuccin UI — decoded design system (key required)","d":"Catppuccin UI's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:census","t":"Census — decoded design system (key required)","d":"Census's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:cerebras","t":"Cerebras — decoded design system (key required)","d":"Cerebras's real dark design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:character-ai-mobile","t":"Character.AI Mobile — decoded design system (key required)","d":"Character.AI Mobile's real dark design system, measured live from the product — color role","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:chatgpt-mobile","t":"ChatGPT Mobile — decoded design system (key required)","d":"ChatGPT Mobile's real light design system, measured live from the product — color roles, f","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:checkout-com","t":"Checkout.com — decoded design system (key required)","d":"Checkout.com's real dark design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:chocolate-templates","t":"Chocolate Templates — decoded design system (key required)","d":"Chocolate Templates's real light design system, measured live from the product — color rol","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:chroma","t":"Chroma — decoded design system (key required)","d":"Chroma's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:claude","t":"Claude — decoded design system","d":"Claude's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:claude-ui","t":"Claude UI — decoded design system (key required)","d":"Claude UI's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:clay","t":"Clay — decoded design system (key required)","d":"Clay's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:claymorphism-ui","t":"Claymorphism UI — decoded design system (key required)","d":"Claymorphism UI's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:clean-blog","t":"Clean Blog — decoded design system (key required)","d":"Clean Blog's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme","tg":["minimal"],"sy":["minimal"]},{"id":"mozaika:clean-slate-ui","t":"Clean Slate UI — decoded design system (key required)","d":"Clean Slate UI's real light design system, measured live from the product — color roles, f","k":"theme","s":"mozaika","c":"themes/theme","tg":["minimal"],"sy":["minimal"]},{"id":"mozaika:clerk","t":"Clerk — decoded design system (key required)","d":"Clerk's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:clickhouse","t":"ClickHouse — decoded design system (key required)","d":"ClickHouse's real dark design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:clickup-mobile","t":"ClickUp Mobile — decoded design system (key required)","d":"ClickUp Mobile's real light design system, measured live from the product — color roles, f","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:cluely","t":"Cluely — decoded design system","d":"Cluely's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:co-star","t":"Co Star — decoded design system","d":"Co-Star's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:coda","t":"Coda — decoded design system (key required)","d":"Coda's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:coder","t":"Coder — decoded design system (key required)","d":"Coder's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:codesandbox","t":"CodeSandbox — decoded design system (key required)","d":"CodeSandbox's real dark design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:cognition","t":"Cognition — decoded design system (key required)","d":"Cognition's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:cohere","t":"Cohere — decoded design system (key required)","d":"Cohere's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:coinbase","t":"Coinbase — decoded design system","d":"Coinbase's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:coinbase-mobile","t":"Coinbase Mobile — decoded design system (key required)","d":"Coinbase Mobile's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:colophon","t":"Colophon — decoded design system (key required)","d":"Colophon's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:column","t":"Column — decoded design system (key required)","d":"Column's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:coming-soon","t":"Coming Soon — decoded design system (key required)","d":"Coming Soon's real dark design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:commercial-type","t":"Commercial Type — decoded design system (key required)","d":"Commercial Type's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:continue","t":"Continue — decoded design system (key required)","d":"Continue's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:convex","t":"Convex — decoded design system (key required)","d":"Convex's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:copilot-money","t":"Copilot Money — decoded design system (key required)","d":"Copilot Money's real dark design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:cosmic-night-ui","t":"Cosmic Night UI — decoded design system (key required)","d":"Cosmic Night UI's real dark design system, measured live from the product — color roles, f","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:cosmos","t":"Cosmos — decoded design system (key required)","d":"Cosmos's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:courier","t":"Courier — decoded design system (key required)","d":"Courier's real dark design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:craft","t":"Craft — decoded design system (key required)","d":"Craft's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:creative-portfolio","t":"Creative Portfolio — decoded design system (key required)","d":"Creative Portfolio's real light design system, measured live from the product — color role","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:crypto-com-mobile","t":"Crypto.com Mobile — decoded design system (key required)","d":"Crypto.com Mobile's real dark design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:cuberto","t":"Cuberto — decoded design system (key required)","d":"Cuberto's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:cursor","t":"Cursor — decoded design system (key required)","d":"Cursor's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:cyberpunk-ui","t":"Cyberpunk UI — decoded design system (key required)","d":"Cyberpunk UI's real dark design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme","tg":["neon"],"sy":["neon"]},{"id":"mozaika:dagger","t":"Dagger — decoded design system (key required)","d":"Dagger's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:dagster","t":"Dagster — decoded design system (key required)","d":"Dagster's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:darkmatter-ui","t":"Darkmatter UI — decoded design system (key required)","d":"Darkmatter UI's real dark design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:datadog","t":"Datadog — decoded design system (key required)","d":"Datadog's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:daytona","t":"Daytona — decoded design system (key required)","d":"Daytona's real dark design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:dbt","t":"Dbt — decoded design system (key required)","d":"dbt's real light design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:decagon","t":"Decagon — decoded design system (key required)","d":"Decagon's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:deel","t":"Deel — decoded design system (key required)","d":"Deel's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:deepgram","t":"Deepgram — decoded design system (key required)","d":"Deepgram's real dark design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:deepnote","t":"Deepnote — decoded design system (key required)","d":"Deepnote's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:deepseek-mobile","t":"DeepSeek Mobile — decoded design system (key required)","d":"DeepSeek Mobile's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:deezer-mobile","t":"Deezer Mobile — decoded design system","d":"Deezer Mobile's real dark design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:default","t":"Default — decoded design system (key required)","d":"Default's real dark design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:deliveroo-mobile","t":"Deliveroo Mobile — decoded design system (key required)","d":"Deliveroo Mobile's real light design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:deno","t":"Deno — decoded design system (key required)","d":"Deno's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:depop-mobile","t":"Depop Mobile — decoded design system (key required)","d":"Depop Mobile's real light design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:depot","t":"Depot — decoded design system (key required)","d":"Depot's real dark design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:descript","t":"Descript — decoded design system (key required)","d":"Descript's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:dia","t":"Dia — decoded design system (key required)","d":"Dia's real light design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:digits","t":"Digits — decoded design system (key required)","d":"Digits's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:dinamo","t":"Dinamo — decoded design system (key required)","d":"Dinamo's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:discord-mobile","t":"Discord Mobile — decoded design system (key required)","d":"Discord Mobile's real dark design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:disney-mobile","t":"Disney+ Mobile — decoded design system (key required)","d":"Disney+ Mobile's real dark design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:doom-64-ui","t":"Doom 64 UI — decoded design system (key required)","d":"Doom 64 UI's real dark design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:doppler","t":"Doppler — decoded design system","d":"Doppler's real dark design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:drata","t":"Drata — decoded design system (key required)","d":"Drata's real dark design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:drizzle","t":"Drizzle — decoded design system (key required)","d":"Drizzle's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:dropbox-mobile","t":"Dropbox Mobile — decoded design system (key required)","d":"Dropbox Mobile's real light design system, measured live from the product — color roles, f","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:duolingo","t":"Duolingo — decoded design system (key required)","d":"Duolingo's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:duolingo-mobile","t":"Duolingo Mobile — decoded design system (key required)","d":"Duolingo Mobile's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:dust","t":"Dust — decoded design system (key required)","d":"Dust's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:e2b","t":"E2B — decoded design system (key required)","d":"E2B's real light design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:ebay-mobile","t":"eBay Mobile — decoded design system (key required)","d":"eBay Mobile's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:eight-sleep","t":"Eight Sleep — decoded design system (key required)","d":"Eight Sleep's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:electricsql","t":"ElectricSQL — decoded design system (key required)","d":"ElectricSQL's real dark design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:elegant-luxury-ui","t":"Elegant Luxury UI — decoded design system (key required)","d":"Elegant Luxury UI's real light design system, measured live from the product — color roles","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:elevenlabs","t":"ElevenLabs — decoded design system (key required)","d":"ElevenLabs's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:encore","t":"Encore — decoded design system (key required)","d":"Encore's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:endel","t":"Endel — decoded design system (key required)","d":"Endel's real dark design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:eraser","t":"Eraser — decoded design system (key required)","d":"Eraser's real dark design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:etoro-mobile","t":"eToro Mobile — decoded design system (key required)","d":"eToro Mobile's real dark design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:evidence","t":"Evidence — decoded design system (key required)","d":"Evidence's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:exa","t":"Exa — decoded design system (key required)","d":"Exa's real light design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:excalidraw","t":"Excalidraw — decoded design system (key required)","d":"Excalidraw's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:facebook-mobile","t":"Facebook Mobile — decoded design system (key required)","d":"Facebook Mobile's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:factory","t":"Factory — decoded design system (key required)","d":"Factory's real dark design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:faire","t":"Faire — decoded design system (key required)","d":"Faire's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:fal","t":"Fal — decoded design system (key required)","d":"Fal's real light design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:family","t":"Family — decoded design system (key required)","d":"Family's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:fathom","t":"Fathom — decoded design system (key required)","d":"Fathom's real dark design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:fey","t":"Fey — decoded design system (key required)","d":"Fey's real dark design system, measured live from the product — color roles, font stacks (","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:figma","t":"Figma — decoded design system","d":"Figma's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:figma-mobile","t":"Figma Mobile — decoded design system (key required)","d":"Figma Mobile's real light design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:fireworks-ai","t":"Fireworks AI — decoded design system (key required)","d":"Fireworks AI's real dark design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:fishwife","t":"Fishwife — decoded design system (key required)","d":"Fishwife's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:flighty","t":"Flighty — decoded design system (key required)","d":"Flighty's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:flo-mobile","t":"Flo Mobile — decoded design system","d":"Flo Mobile's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:fly-io","t":"Fly.io — decoded design system (key required)","d":"Fly.io's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:framer","t":"Framer — decoded design system (key required)","d":"Framer's real dark design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:frec","t":"Frec — decoded design system (key required)","d":"Frec's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:freelancer","t":"Freelancer — decoded design system (key required)","d":"Freelancer's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:front","t":"Front — decoded design system (key required)","d":"Front's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:function-health","t":"Function Health — decoded design system (key required)","d":"Function Health's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme","tg":["playful"],"sy":["playful"]},{"id":"mozaika:gamma","t":"Gamma — decoded design system (key required)","d":"Gamma's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:gemini-mobile","t":"Gemini Mobile — decoded design system (key required)","d":"Gemini Mobile's real dark design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:getir-mobile","t":"Getir Mobile — decoded design system (key required)","d":"Getir Mobile's real light design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:ghia","t":"Ghia — decoded design system (key required)","d":"Ghia's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:ghost","t":"Ghost — decoded design system (key required)","d":"Ghost's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:ghostfolio","t":"Ghostfolio — decoded design system (key required)","d":"Ghostfolio's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:ghostty","t":"Ghostty — decoded design system (key required)","d":"Ghostty's real dark design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:github-mobile","t":"GitHub Mobile — decoded design system (key required)","d":"GitHub Mobile's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:gitpod","t":"Gitpod — decoded design system (key required)","d":"Gitpod's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:glossier","t":"Glossier — decoded design system (key required)","d":"Glossier's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:gmail-mobile","t":"Gmail Mobile — decoded design system (key required)","d":"Gmail Mobile's real light design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:google-calendar-mobile","t":"Google Calendar Mobile — decoded design system (key required)","d":"Google Calendar Mobile's real light design system, measured live from the product — color ","k":"theme","s":"mozaika","c":"themes/theme","tg":["webgl"],"sy":["webgl"]},{"id":"mozaika:google-drive-mobile","t":"Google Drive Mobile — decoded design system (key required)","d":"Google Drive Mobile's real light design system, measured live from the product — color rol","k":"theme","s":"mozaika","c":"themes/theme","tg":["webgl"],"sy":["webgl"]},{"id":"mozaika:google-maps-mobile","t":"Google Maps Mobile — decoded design system (key required)","d":"Google Maps Mobile's real light design system, measured live from the product — color role","k":"theme","s":"mozaika","c":"themes/theme","tg":["webgl"],"sy":["webgl"]},{"id":"mozaika:google-photos-mobile","t":"Google Photos Mobile — decoded design system (key required)","d":"Google Photos Mobile's real light design system, measured live from the product — color ro","k":"theme","s":"mozaika","c":"themes/theme","tg":["webgl"],"sy":["webgl"]},{"id":"mozaika:gothic-templates","t":"Gothic Templates — decoded design system (key required)","d":"Gothic Templates's real dark design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:grafana","t":"Grafana — decoded design system (key required)","d":"Grafana's real dark design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:grammarly-mobile","t":"Grammarly Mobile — decoded design system (key required)","d":"Grammarly Mobile's real light design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:granola","t":"Granola — decoded design system (key required)","d":"Granola's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:graphite","t":"Graphite — decoded design system (key required)","d":"Graphite's real dark design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:graphite-ui","t":"Graphite UI — decoded design system (key required)","d":"Graphite UI's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:grayscale-app","t":"Grayscale App — decoded design system (key required)","d":"Grayscale App's real dark design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:graza","t":"Graza — decoded design system (key required)","d":"Graza's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:grilli-type","t":"Grilli Type — decoded design system (key required)","d":"Grilli Type's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:grok-mobile","t":"Grok Mobile — decoded design system (key required)","d":"Grok Mobile's real dark design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:groq","t":"Groq — decoded design system (key required)","d":"Groq's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:grubhub-mobile","t":"Grubhub Mobile — decoded design system (key required)","d":"Grubhub Mobile's real light design system, measured live from the product — color roles, f","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:gumloop","t":"Gumloop — decoded design system (key required)","d":"Gumloop's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:gumroad","t":"Gumroad — decoded design system (key required)","d":"Gumroad's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:gusto","t":"Gusto — decoded design system (key required)","d":"Gusto's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:gymshark","t":"Gymshark — decoded design system (key required)","d":"Gymshark's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:harvey","t":"Harvey — decoded design system (key required)","d":"Harvey's real dark design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:hasura","t":"Hasura — decoded design system (key required)","d":"Hasura's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:headspace","t":"Headspace — decoded design system (key required)","d":"Headspace's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:headspace-mobile","t":"Headspace Mobile — decoded design system (key required)","d":"Headspace Mobile's real light design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:heptabase","t":"Heptabase — decoded design system (key required)","d":"Heptabase's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:heroic-features","t":"Heroic Features — decoded design system (key required)","d":"Heroic Features's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:hex","t":"Hex — decoded design system (key required)","d":"Hex's real dark design system, measured live from the product — color roles, font stacks (","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:hey","t":"Hey — decoded design system (key required)","d":"Hey's real light design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:heygen","t":"HeyGen — decoded design system (key required)","d":"HeyGen's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:higgsfield","t":"Higgsfield — decoded design system (key required)","d":"Higgsfield's real dark design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:highlight","t":"Highlight — decoded design system (key required)","d":"Highlight's real dark design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:hightouch","t":"Hightouch — decoded design system (key required)","d":"Hightouch's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:honeycomb","t":"Honeycomb — decoded design system (key required)","d":"Honeycomb's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:hookdeck","t":"Hookdeck — decoded design system (key required)","d":"Hookdeck's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:hopper-mobile","t":"Hopper Mobile — decoded design system (key required)","d":"Hopper Mobile's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:hugging-face","t":"Hugging Face — decoded design system (key required)","d":"Hugging Face's real light design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:hume","t":"Hume — decoded design system (key required)","d":"Hume's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:hume-ai","t":"Hume AI — decoded design system (key required)","d":"Hume AI's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:ideogram","t":"Ideogram — decoded design system (key required)","d":"Ideogram's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:ikea-mobile","t":"IKEA Mobile — decoded design system (key required)","d":"IKEA Mobile's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:imdb-mobile","t":"IMDb Mobile — decoded design system (key required)","d":"IMDb Mobile's real dark design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:immich","t":"Immich — decoded design system (key required)","d":"Immich's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:increase","t":"Increase — decoded design system (key required)","d":"Increase's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:infisical","t":"Infisical — decoded design system (key required)","d":"Infisical's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:inngest","t":"Inngest — decoded design system (key required)","d":"Inngest's real dark design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:instacart-mobile","t":"Instacart Mobile — decoded design system (key required)","d":"Instacart Mobile's real light design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:instagram-mobile","t":"Instagram Mobile — decoded design system (key required)","d":"Instagram Mobile's real light design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:instant","t":"Instant — decoded design system (key required)","d":"Instant's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:intercom","t":"Intercom — decoded design system","d":"Intercom's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:jitter","t":"Jitter — decoded design system (key required)","d":"Jitter's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:jones-road","t":"Jones Road — decoded design system (key required)","d":"Jones Road's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:june","t":"June — decoded design system (key required)","d":"June's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:kayak-mobile","t":"Kayak Mobile — decoded design system (key required)","d":"Kayak Mobile's real light design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:kinde","t":"Kinde — decoded design system (key required)","d":"Kinde's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:klarna","t":"Klarna — decoded design system (key required)","d":"Klarna's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:klarna-mobile","t":"Klarna Mobile — decoded design system (key required)","d":"Klarna Mobile's real dark design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:klim-type-foundry","t":"Klim Type Foundry — decoded design system (key required)","d":"Klim Type Foundry's real dark design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:knock","t":"Knock — decoded design system (key required)","d":"Knock's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:kodama-grove-ui","t":"Kodama Grove UI — decoded design system (key required)","d":"Kodama Grove UI's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:komoot-mobile","t":"Komoot Mobile — decoded design system (key required)","d":"Komoot Mobile's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:kraken-mobile","t":"Kraken Mobile — decoded design system (key required)","d":"Kraken Mobile's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:krea","t":"Krea — decoded design system (key required)","d":"Krea's real dark design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:lambda","t":"Lambda — decoded design system (key required)","d":"Lambda's real dark design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:langchain","t":"LangChain — decoded design system (key required)","d":"LangChain's real dark design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:langfuse","t":"Langfuse — decoded design system (key required)","d":"Langfuse's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:launchdarkly","t":"LaunchDarkly — decoded design system (key required)","d":"LaunchDarkly's real dark design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:lemon-squeezy","t":"Lemon Squeezy — decoded design system (key required)","d":"Lemon Squeezy's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:leonardo-ai","t":"Leonardo AI — decoded design system (key required)","d":"Leonardo AI's real dark design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:letterboxd","t":"Letterboxd — decoded design system (key required)","d":"Letterboxd's real dark design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:letterboxd-mobile","t":"Letterboxd Mobile — decoded design system (key required)","d":"Letterboxd Mobile's real dark design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:levels","t":"Levels — decoded design system (key required)","d":"Levels's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:lindy","t":"Lindy — decoded design system (key required)","d":"Lindy's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:linear","t":"Linear — decoded design system","d":"Linear's real dark design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:linear-mobile","t":"Linear Mobile — decoded design system (key required)","d":"Linear Mobile's real dark design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:linkedin-mobile","t":"LinkedIn Mobile — decoded design system (key required)","d":"LinkedIn Mobile's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:linktree","t":"Linktree — decoded design system (key required)","d":"Linktree's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:liquid-death","t":"Liquid Death — decoded design system (key required)","d":"Liquid Death's real light design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:lithic","t":"Lithic — decoded design system (key required)","d":"Lithic's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:liveblocks","t":"Liveblocks — decoded design system (key required)","d":"Liveblocks's real dark design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:llamaindex","t":"LlamaIndex — decoded design system (key required)","d":"LlamaIndex's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:loom","t":"Loom — decoded design system (key required)","d":"Loom's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:loops","t":"Loops — decoded design system (key required)","d":"Loops's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:lottiefiles","t":"LottieFiles — decoded design system (key required)","d":"LottieFiles's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme","tg":["animated"],"sy":["animated"]},{"id":"mozaika:lovable","t":"Lovable — decoded design system (key required)","d":"Lovable's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:luma","t":"Luma — decoded design system (key required)","d":"Luma's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:luma-ai","t":"Luma AI — decoded design system (key required)","d":"Luma AI's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:magic-patterns","t":"Magic Patterns — decoded design system (key required)","d":"Magic Patterns's real light design system, measured live from the product — color roles, f","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:magic-spoon","t":"Magic Spoon — decoded design system (key required)","d":"Magic Spoon's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:magnific","t":"Magnific — decoded design system (key required)","d":"Magnific's real dark design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:matcha-templates","t":"Matcha Templates — decoded design system (key required)","d":"Matcha Templates's real light design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:max-mobile","t":"Max Mobile — decoded design system (key required)","d":"Max Mobile's real dark design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:mem","t":"Mem — decoded design system (key required)","d":"Mem's real light design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:mercury","t":"Mercury — decoded design system","d":"Mercury's real dark design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:messenger-mobile","t":"Messenger Mobile — decoded design system (key required)","d":"Messenger Mobile's real light design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:metabase","t":"Metabase — decoded design system (key required)","d":"Metabase's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:metamask-mobile","t":"MetaMask Mobile — decoded design system (key required)","d":"MetaMask Mobile's real dark design system, measured live from the product — color roles, f","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:microsoft-teams-mobile","t":"Microsoft Teams Mobile — decoded design system (key required)","d":"Microsoft Teams Mobile's real light design system, measured live from the product — color ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:midjourney","t":"Midjourney — decoded design system (key required)","d":"Midjourney's real dark design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:midnight-bloom-ui","t":"Midnight Bloom UI — decoded design system (key required)","d":"Midnight Bloom UI's real dark design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:milanote","t":"Milanote — decoded design system (key required)","d":"Milanote's real dark design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:mintlify","t":"Mintlify — decoded design system (key required)","d":"Mintlify's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:miro","t":"Miro — decoded design system (key required)","d":"Miro's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:missive","t":"Missive — decoded design system (key required)","d":"Missive's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:mistral-ai","t":"Mistral AI — decoded design system (key required)","d":"Mistral AI's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:mixpanel","t":"Mixpanel — decoded design system (key required)","d":"Mixpanel's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:mocha-mousse-ui","t":"Mocha Mousse UI — decoded design system (key required)","d":"Mocha Mousse UI's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:modal","t":"Modal — decoded design system (key required)","d":"Modal's real dark design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:modern-business","t":"Modern Business — decoded design system (key required)","d":"Modern Business's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:modern-minimal-ui","t":"Modern Minimal UI — decoded design system (key required)","d":"Modern Minimal UI's real light design system, measured live from the product — color roles","k":"theme","s":"mozaika","c":"themes/theme","tg":["minimal"],"sy":["minimal"]},{"id":"mozaika:modern-treasury","t":"Modern Treasury — decoded design system (key required)","d":"Modern Treasury's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:modyfi","t":"Modyfi — decoded design system (key required)","d":"Modyfi's real dark design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:monarch-money","t":"Monarch Money — decoded design system (key required)","d":"Monarch Money's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:monday-mobile","t":"Monday Mobile — decoded design system (key required)","d":"Monday Mobile's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:mono-ui","t":"Mono UI — decoded design system (key required)","d":"Mono UI's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:monzo","t":"Monzo — decoded design system (key required)","d":"Monzo's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:monzo-mobile","t":"Monzo Mobile — decoded design system (key required)","d":"Monzo Mobile's real light design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:motion","t":"Motion — decoded design system","d":"Motion's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:muse","t":"Muse — decoded design system (key required)","d":"Muse's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:myfitnesspal-mobile","t":"MyFitnessPal Mobile — decoded design system (key required)","d":"MyFitnessPal Mobile's real light design system, measured live from the product — color rol","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:n26","t":"N26 — decoded design system (key required)","d":"N26's real light design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:n26-mobile","t":"N26 Mobile — decoded design system (key required)","d":"N26 Mobile's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:n8n","t":"N8n — decoded design system (key required)","d":"n8n's real dark design system, measured live from the product — color roles, font stacks (","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:napkin","t":"Napkin — decoded design system (key required)","d":"Napkin's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:nature-ui","t":"Nature UI — decoded design system (key required)","d":"Nature UI's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:neo-brutalism-ui","t":"Neo Brutalism UI — decoded design system (key required)","d":"Neo Brutalism UI's real light design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme","tg":["brutalist"],"sy":["brutalist"]},{"id":"mozaika:neon","t":"Neon — decoded design system (key required)","d":"Neon's real dark design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme","tg":["neon"],"sy":["neon"]},{"id":"mozaika:netflix-mobile","t":"Netflix Mobile — decoded design system (key required)","d":"Netflix Mobile's real dark design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:netlify","t":"Netlify — decoded design system (key required)","d":"Netlify's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:neutral-templates","t":"Neutral Templates — decoded design system (key required)","d":"Neutral Templates's real light design system, measured live from the product — color roles","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:nike-mobile","t":"Nike Mobile — decoded design system (key required)","d":"Nike Mobile's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:nomad","t":"Nomad — decoded design system","d":"Nomad's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:northern-lights-ui","t":"Northern Lights UI — decoded design system (key required)","d":"Northern Lights UI's real dark design system, measured live from the product — color roles","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:northflank","t":"Northflank — decoded design system (key required)","d":"Northflank's real dark design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:notebook-ui","t":"Notebook UI — decoded design system (key required)","d":"Notebook UI's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:notion","t":"Notion — decoded design system","d":"Notion's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:notion-calendar","t":"Notion Calendar — decoded design system (key required)","d":"Notion Calendar's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:notion-mobile","t":"Notion Mobile — decoded design system (key required)","d":"Notion Mobile's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:nubank-mobile","t":"Nubank Mobile — decoded design system (key required)","d":"Nubank Mobile's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:oatly","t":"Oatly — decoded design system (key required)","d":"Oatly's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:observable","t":"Observable — decoded design system (key required)","d":"Observable's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:obsidian","t":"Obsidian — decoded design system (key required)","d":"Obsidian's real dark design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:obsidian-mobile","t":"Obsidian Mobile — decoded design system (key required)","d":"Obsidian Mobile's real dark design system, measured live from the product — color roles, f","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:ocean-breeze-ui","t":"Ocean Breeze UI — decoded design system (key required)","d":"Ocean Breeze UI's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:olipop","t":"Olipop — decoded design system (key required)","d":"Olipop's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:on-running","t":"On Running — decoded design system (key required)","d":"On Running's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:one-page-wonder","t":"One Page Wonder — decoded design system (key required)","d":"One Page Wonder's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:opus-clip","t":"Opus Clip — decoded design system (key required)","d":"Opus Clip's real dark design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:otter","t":"Otter — decoded design system (key required)","d":"Otter's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:our-place","t":"Our Place — decoded design system (key required)","d":"Our Place's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:oura","t":"Oura — decoded design system (key required)","d":"Oura's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:oura-mobile","t":"Oura Mobile — decoded design system (key required)","d":"Oura Mobile's real dark design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:outlook-mobile","t":"Outlook Mobile — decoded design system (key required)","d":"Outlook Mobile's real light design system, measured live from the product — color roles, f","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:paddle","t":"Paddle — decoded design system (key required)","d":"Paddle's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:pangram-pangram","t":"Pangram Pangram — decoded design system (key required)","d":"Pangram Pangram's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:partiful","t":"Partiful — decoded design system","d":"Partiful's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:partykit","t":"Partykit — decoded design system (key required)","d":"Partykit's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:pastel-dreams-ui","t":"Pastel Dreams UI — decoded design system (key required)","d":"Pastel Dreams UI's real light design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:paypal-mobile","t":"PayPal Mobile — decoded design system (key required)","d":"PayPal Mobile's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:peak-design","t":"Peak Design — decoded design system (key required)","d":"Peak Design's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:peloton-mobile","t":"Peloton Mobile — decoded design system (key required)","d":"Peloton Mobile's real dark design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:penpot","t":"Penpot — decoded design system (key required)","d":"Penpot's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:perpetuity-ui","t":"Perpetuity UI — decoded design system (key required)","d":"Perpetuity UI's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:perplexity","t":"Perplexity — decoded design system (key required)","d":"Perplexity's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:perplexity-mobile","t":"Perplexity Mobile — decoded design system (key required)","d":"Perplexity Mobile's real dark design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:phantom","t":"Phantom — decoded design system (key required)","d":"Phantom's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:photoroom","t":"Photoroom — decoded design system (key required)","d":"Photoroom's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:pika","t":"Pika — decoded design system (key required)","d":"Pika's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:pilot","t":"Pilot — decoded design system (key required)","d":"Pilot's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:pinecone","t":"Pinecone — decoded design system (key required)","d":"Pinecone's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:pinterest","t":"Pinterest — decoded design system (key required)","d":"Pinterest's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:pinterest-mobile","t":"Pinterest Mobile — decoded design system (key required)","d":"Pinterest Mobile's real light design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:pitch","t":"Pitch — decoded design system (key required)","d":"Pitch's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:plaid","t":"Plaid — decoded design system (key required)","d":"Plaid's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:plane","t":"Plane — decoded design system (key required)","d":"Plane's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:planetscale","t":"PlanetScale — decoded design system (key required)","d":"PlanetScale's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:plausible","t":"Plausible — decoded design system (key required)","d":"Plausible's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:pocket-casts-mobile","t":"Pocket Casts Mobile — decoded design system (key required)","d":"Pocket Casts Mobile's real dark design system, measured live from the product — color role","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:poe","t":"Poe — decoded design system (key required)","d":"Poe's real light design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:poe-mobile","t":"Poe Mobile — decoded design system (key required)","d":"Poe Mobile's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:polar","t":"Polar — decoded design system (key required)","d":"Polar's real dark design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:polycam","t":"Polycam — decoded design system (key required)","d":"Polycam's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:poppi","t":"Poppi — decoded design system (key required)","d":"Poppi's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:poshmark-mobile","t":"Poshmark Mobile — decoded design system (key required)","d":"Poshmark Mobile's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:posthog","t":"PostHog — decoded design system (key required)","d":"PostHog's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:postman","t":"Postman — decoded design system (key required)","d":"Postman's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:prime-video-mobile","t":"Prime Video Mobile — decoded design system","d":"Prime Video Mobile's real dark design system, measured live from the product — color roles","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:prisma","t":"Prisma — decoded design system (key required)","d":"Prisma's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:public","t":"Public — decoded design system (key required)","d":"Public's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:pulumi","t":"Pulumi — decoded design system (key required)","d":"Pulumi's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:qdrant","t":"Qdrant — decoded design system (key required)","d":"Qdrant's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:qonto","t":"Qonto — decoded design system (key required)","d":"Qonto's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:quantum-rose-ui","t":"Quantum Rose UI — decoded design system (key required)","d":"Quantum Rose UI's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:railway","t":"Railway — decoded design system (key required)","d":"Railway's real dark design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:rainbow","t":"Rainbow — decoded design system (key required)","d":"Rainbow's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:ramp","t":"Ramp — decoded design system","d":"Ramp's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:raycast","t":"Raycast — decoded design system (key required)","d":"Raycast's real dark design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:read-cv","t":"Read.cv — decoded design system","d":"Read.cv's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:readymag","t":"Readymag — decoded design system (key required)","d":"Readymag's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:reclaim","t":"Reclaim — decoded design system (key required)","d":"Reclaim's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:recraft","t":"Recraft — decoded design system (key required)","d":"Recraft's real dark design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:reddit-mobile","t":"Reddit Mobile — decoded design system (key required)","d":"Reddit Mobile's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:reflect","t":"Reflect — decoded design system (key required)","d":"Reflect's real dark design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:relume","t":"Relume — decoded design system (key required)","d":"Relume's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:render","t":"Render — decoded design system (key required)","d":"Render's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:replicate","t":"Replicate — decoded design system (key required)","d":"Replicate's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:replit","t":"Replit — decoded design system","d":"Replit's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:resend","t":"Resend — decoded design system (key required)","d":"Resend's real dark design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:resume","t":"Resume — decoded design system (key required)","d":"Resume's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:retool","t":"Retool — decoded design system (key required)","d":"Retool's real dark design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:retro-arcade-ui","t":"Retro Arcade UI — decoded design system (key required)","d":"Retro Arcade UI's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"mozaika:revolut","t":"Revolut — decoded design system (key required)","d":"Revolut's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:revolut-mobile","t":"Revolut Mobile — decoded design system (key required)","d":"Revolut Mobile's real dark design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:rho","t":"Rho — decoded design system (key required)","d":"Rho's real light design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:ridge","t":"Ridge — decoded design system (key required)","d":"Ridge's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:rippling","t":"Rippling — decoded design system (key required)","d":"Rippling's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:ritual","t":"Ritual — decoded design system (key required)","d":"Ritual's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:rive","t":"Rive — decoded design system (key required)","d":"Rive's real dark design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:robinhood","t":"Robinhood — decoded design system (key required)","d":"Robinhood's real dark design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:robinhood-mobile","t":"Robinhood Mobile — decoded design system (key required)","d":"Robinhood Mobile's real dark design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:roboflow","t":"Roboflow — decoded design system (key required)","d":"Roboflow's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:round-about","t":"Round About — decoded design system (key required)","d":"Round About's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:rows","t":"Rows — decoded design system (key required)","d":"Rows's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:runway","t":"Runway — decoded design system (key required)","d":"Runway's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:ryanair-mobile","t":"Ryanair Mobile — decoded design system (key required)","d":"Ryanair Mobile's real light design system, measured live from the product — color roles, f","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:saas-landing","t":"SaaS Landing — decoded design system (key required)","d":"SaaS Landing's real light design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:sage-garden-ui","t":"Sage Garden UI — decoded design system (key required)","d":"Sage Garden UI's real light design system, measured live from the product — color roles, f","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:sana","t":"Sana — decoded design system (key required)","d":"Sana's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:sanity","t":"Sanity — decoded design system (key required)","d":"Sanity's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:savee","t":"Savee — decoded design system (key required)","d":"Savee's real dark design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:screen-studio","t":"Screen Studio — decoded design system (key required)","d":"Screen Studio's real dark design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:scrolling-nav","t":"Scrolling Nav — decoded design system (key required)","d":"Scrolling Nav's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:segment","t":"Segment — decoded design system","d":"Segment's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:sentry","t":"Sentry — decoded design system (key required)","d":"Sentry's real dark design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:shazam-mobile","t":"Shazam Mobile — decoded design system (key required)","d":"Shazam Mobile's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:shein-mobile","t":"SHEIN Mobile — decoded design system (key required)","d":"SHEIN Mobile's real light design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:shop-home","t":"Shop Home — decoded design system (key required)","d":"Shop Home's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:shop-mobile","t":"Shop Mobile — decoded design system (key required)","d":"Shop Mobile's real dark design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:shopify","t":"Shopify — decoded design system (key required)","d":"Shopify's real dark design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:shortwave","t":"Shortwave — decoded design system (key required)","d":"Shortwave's real dark design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:sierra","t":"Sierra — decoded design system (key required)","d":"Sierra's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:signal-mobile","t":"Signal Mobile — decoded design system (key required)","d":"Signal Mobile's real dark design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:simple-sidebar","t":"Simple Sidebar — decoded design system (key required)","d":"Simple Sidebar's real light design system, measured live from the product — color roles, f","k":"theme","s":"mozaika","c":"themes/theme","tg":["minimal"],"sy":["minimal"]},{"id":"mozaika:sketch","t":"Sketch — decoded design system (key required)","d":"Sketch's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme","tg":["playful"],"sy":["playful"]},{"id":"mozaika:skyscanner-mobile","t":"Skyscanner Mobile — decoded design system (key required)","d":"Skyscanner Mobile's real light design system, measured live from the product — color roles","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:slack-mobile","t":"Slack Mobile — decoded design system (key required)","d":"Slack Mobile's real light design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:sleep-cycle-mobile","t":"Sleep Cycle Mobile — decoded design system (key required)","d":"Sleep Cycle Mobile's real dark design system, measured live from the product — color roles","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:small-business","t":"Small Business — decoded design system (key required)","d":"Small Business's real light design system, measured live from the product — color roles, f","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:snapchat-mobile","t":"Snapchat Mobile — decoded design system (key required)","d":"Snapchat Mobile's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:sofi-mobile","t":"SoFi Mobile — decoded design system (key required)","d":"SoFi Mobile's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:soft-pop-ui","t":"Soft Pop UI — decoded design system (key required)","d":"Soft Pop UI's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:solar-dusk-ui","t":"Solar Dusk UI — decoded design system (key required)","d":"Solar Dusk UI's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:soundcloud-mobile","t":"SoundCloud Mobile — decoded design system (key required)","d":"SoundCloud Mobile's real dark design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:sourcegraph","t":"Sourcegraph — decoded design system (key required)","d":"Sourcegraph's real dark design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:spline","t":"Spline — decoded design system (key required)","d":"Spline's real dark design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:spotify","t":"Spotify — decoded design system (key required)","d":"Spotify's real dark design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:spotify-mobile","t":"Spotify Mobile — decoded design system (key required)","d":"Spotify Mobile's real dark design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:ssense","t":"SSENSE — decoded design system (key required)","d":"SSENSE's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:sst","t":"SST — decoded design system (key required)","d":"SST's real light design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:stackblitz","t":"StackBlitz — decoded design system (key required)","d":"StackBlitz's real dark design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:starbucks-mobile","t":"Starbucks Mobile — decoded design system (key required)","d":"Starbucks Mobile's real light design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:starry-night-ui","t":"Starry Night UI — decoded design system (key required)","d":"Starry Night UI's real dark design system, measured live from the product — color roles, f","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:statsig","t":"Statsig — decoded design system","d":"Statsig's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:stockx-mobile","t":"StockX Mobile — decoded design system (key required)","d":"StockX Mobile's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:stone-templates","t":"Stone Templates — decoded design system (key required)","d":"Stone Templates's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:strava","t":"Strava — decoded design system (key required)","d":"Strava's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:strava-mobile","t":"Strava Mobile — decoded design system (key required)","d":"Strava Mobile's real dark design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:stripe","t":"Stripe — decoded design system","d":"Stripe's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:stylish-portfolio","t":"Stylish Portfolio — decoded design system (key required)","d":"Stylish Portfolio's real light design system, measured live from the product — color roles","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:stytch","t":"Stytch — decoded design system (key required)","d":"Stytch's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:subframe","t":"Subframe — decoded design system (key required)","d":"Subframe's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:substack","t":"Substack — decoded design system (key required)","d":"Substack's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:suno","t":"Suno — decoded design system (key required)","d":"Suno's real dark design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:sunsama","t":"Sunsama — decoded design system (key required)","d":"Sunsama's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:sunset-horizon-ui","t":"Sunset Horizon UI — decoded design system (key required)","d":"Sunset Horizon UI's real light design system, measured live from the product — color roles","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:supabase","t":"Supabase — decoded design system","d":"Supabase's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:supabase-ui","t":"Supabase UI — decoded design system (key required)","d":"Supabase UI's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:superhuman","t":"Superhuman — decoded design system (key required)","d":"Superhuman's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:superlist","t":"Superlist — decoded design system (key required)","d":"Superlist's real dark design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:superpower","t":"Superpower — decoded design system (key required)","d":"Superpower's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:svix","t":"Svix — decoded design system (key required)","d":"Svix's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:synthesia","t":"Synthesia — decoded design system (key required)","d":"Synthesia's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:t3-chat-ui","t":"T3 Chat UI — decoded design system (key required)","d":"T3 Chat UI's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:tailscale","t":"Tailscale — decoded design system (key required)","d":"Tailscale's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:tana","t":"Tana — decoded design system (key required)","d":"Tana's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:tangerine-ui","t":"Tangerine UI — decoded design system (key required)","d":"Tangerine UI's real light design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:target-mobile","t":"Target Mobile — decoded design system (key required)","d":"Target Mobile's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:telegram-mobile","t":"Telegram Mobile — decoded design system (key required)","d":"Telegram Mobile's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:temporal","t":"Temporal — decoded design system (key required)","d":"Temporal's real dark design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:temu-mobile","t":"Temu Mobile — decoded design system (key required)","d":"Temu Mobile's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:things","t":"Things — decoded design system (key required)","d":"Things's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:things-3-mobile","t":"Things 3 Mobile — decoded design system (key required)","d":"Things 3 Mobile's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:threads-mobile","t":"Threads Mobile — decoded design system (key required)","d":"Threads Mobile's real light design system, measured live from the product — color roles, f","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:ticktick","t":"TickTick — decoded design system (key required)","d":"TickTick's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:tidal-mobile","t":"Tidal Mobile — decoded design system (key required)","d":"Tidal Mobile's real dark design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:tigris","t":"Tigris — decoded design system (key required)","d":"Tigris's real dark design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:tiktok-mobile","t":"TikTok Mobile — decoded design system (key required)","d":"TikTok Mobile's real dark design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:tinybird","t":"Tinybird — decoded design system (key required)","d":"Tinybird's real dark design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:tldraw","t":"Tldraw — decoded design system (key required)","d":"tldraw's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:todoist","t":"Todoist — decoded design system (key required)","d":"Todoist's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:todoist-mobile","t":"Todoist Mobile — decoded design system (key required)","d":"Todoist Mobile's real light design system, measured live from the product — color roles, f","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:together-ai","t":"Together AI — decoded design system (key required)","d":"Together AI's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:tome","t":"Tome — decoded design system (key required)","d":"Tome's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:too-good-to-go-mobile","t":"Too Good To Go Mobile — decoded design system (key required)","d":"Too Good To Go Mobile's real light design system, measured live from the product — color r","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:trading-212-mobile","t":"Trading 212 Mobile — decoded design system (key required)","d":"Trading 212 Mobile's real dark design system, measured live from the product — color roles","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:trello-mobile","t":"Trello Mobile — decoded design system (key required)","d":"Trello Mobile's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:trigger-dev","t":"Trigger.dev — decoded design system (key required)","d":"Trigger.dev's real dark design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:tripadvisor-mobile","t":"Tripadvisor Mobile — decoded design system (key required)","d":"Tripadvisor Mobile's real light design system, measured live from the product — color role","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:tuple","t":"Tuple — decoded design system (key required)","d":"Tuple's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:turbopuffer","t":"Turbopuffer — decoded design system (key required)","d":"Turbopuffer's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:turborepo","t":"Turborepo — decoded design system (key required)","d":"Turborepo's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:turso","t":"Turso — decoded design system (key required)","d":"Turso's real dark design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:twelve-labs","t":"Twelve Labs — decoded design system (key required)","d":"Twelve Labs's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:twenty","t":"Twenty — decoded design system (key required)","d":"Twenty's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:twitch-mobile","t":"Twitch Mobile — decoded design system (key required)","d":"Twitch Mobile's real dark design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:twitter-ui","t":"Twitter UI — decoded design system (key required)","d":"Twitter UI's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:typefully","t":"Typefully — decoded design system (key required)","d":"Typefully's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:uber-eats-mobile","t":"Uber Eats Mobile — decoded design system (key required)","d":"Uber Eats Mobile's real light design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:uber-mobile","t":"Uber Mobile — decoded design system (key required)","d":"Uber Mobile's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:udio","t":"Udio — decoded design system (key required)","d":"Udio's real dark design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:ultrahuman","t":"Ultrahuman — decoded design system (key required)","d":"Ultrahuman's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:uniswap","t":"Uniswap — decoded design system (key required)","d":"Uniswap's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:unkey","t":"Unkey — decoded design system (key required)","d":"Unkey's real dark design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:upstash","t":"Upstash — decoded design system (key required)","d":"Upstash's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:v0","t":"V0 — decoded design system (key required)","d":"v0's real light design system, measured live from the product — color roles, font stacks (","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:val-town","t":"Val Town — decoded design system (key required)","d":"Val Town's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:vanta","t":"Vanta — decoded design system (key required)","d":"Vanta's real light design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:vapi","t":"Vapi — decoded design system","d":"Vapi's real dark design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:venmo-mobile","t":"Venmo Mobile — decoded design system (key required)","d":"Venmo Mobile's real light design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:vercel","t":"Vercel — decoded design system","d":"Vercel's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:vercel-ui","t":"Vercel UI — decoded design system (key required)","d":"Vercel UI's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:vimcal","t":"Vimcal — decoded design system (key required)","d":"Vimcal's real dark design system, measured live from the product — color roles, font stack","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:vintage-paper-ui","t":"Vintage Paper UI — decoded design system (key required)","d":"Vintage Paper UI's real light design system, measured live from the product — color roles,","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:vinted-mobile","t":"Vinted Mobile — decoded design system (key required)","d":"Vinted Mobile's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:violet-bloom-ui","t":"Violet Bloom UI — decoded design system (key required)","d":"Violet Bloom UI's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:vite","t":"Vite — decoded design system (key required)","d":"Vite's real dark design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:walmart-mobile","t":"Walmart Mobile — decoded design system (key required)","d":"Walmart Mobile's real dark design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:warby-parker","t":"Warby Parker — decoded design system (key required)","d":"Warby Parker's real light design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:warp","t":"Warp — decoded design system (key required)","d":"Warp's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:wealthfront","t":"Wealthfront — decoded design system (key required)","d":"Wealthfront's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:wealthsimple","t":"Wealthsimple — decoded design system (key required)","d":"Wealthsimple's real light design system, measured live from the product — color roles, fon","k":"theme","s":"mozaika","c":"themes/theme","tg":["minimal"],"sy":["minimal"]},{"id":"mozaika:weaviate","t":"Weaviate — decoded design system (key required)","d":"Weaviate's real dark design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:webflow","t":"Webflow — decoded design system (key required)","d":"Webflow's real light design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:weights-biases","t":"Weights & Biases — decoded design system (key required)","d":"Weights & Biases's real dark design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:whatsapp-mobile","t":"WhatsApp Mobile — decoded design system (key required)","d":"WhatsApp Mobile's real light design system, measured live from the product — color roles, ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:whimsical","t":"Whimsical — decoded design system (key required)","d":"Whimsical's real light design system, measured live from the product — color roles, font s","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:whoop","t":"Whoop — decoded design system (key required)","d":"Whoop's real dark design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:windsurf","t":"Windsurf — decoded design system (key required)","d":"Windsurf's real light design system, measured live from the product — color roles, font st","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:wise","t":"Wise — decoded design system","d":"Wise's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:wise-mobile","t":"Wise Mobile — decoded design system (key required)","d":"Wise Mobile's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:wispr-flow","t":"Wispr Flow — decoded design system (key required)","d":"Wispr Flow's real light design system, measured live from the product — color roles, font ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:workos","t":"WorkOS — decoded design system (key required)","d":"WorkOS's real light design system, measured live from the product — color roles, font stac","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:x-mobile","t":"X Mobile — decoded design system (key required)","d":"X Mobile's real dark design system, measured live from the product — color roles, font sta","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:xata","t":"Xata — decoded design system (key required)","d":"Xata's real dark design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:y2k-templates","t":"Y2K Templates — decoded design system (key required)","d":"Y2K Templates's real light design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:youtube-mobile","t":"YouTube Mobile — decoded design system (key required)","d":"YouTube Mobile's real dark design system, measured live from the product — color roles, fo","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:youtube-music-mobile","t":"YouTube Music Mobile — decoded design system (key required)","d":"YouTube Music Mobile's real dark design system, measured live from the product — color rol","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:zalando-mobile","t":"Zalando Mobile — decoded design system (key required)","d":"Zalando Mobile's real light design system, measured live from the product — color roles, f","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:zed","t":"Zed — decoded design system (key required)","d":"Zed's real light design system, measured live from the product — color roles, font stacks ","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:zoom-mobile","t":"Zoom Mobile — decoded design system (key required)","d":"Zoom Mobile's real light design system, measured live from the product — color roles, font","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mozaika:zora","t":"Zora — decoded design system (key required)","d":"Zora's real light design system, measured live from the product — color roles, font stacks","k":"theme","s":"mozaika","c":"themes/theme"},{"id":"mui-treasury:accordion-mui-treasury","t":"Accordion (MUI Treasury)","d":"Accordion styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"data-display/accordion","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"mui-treasury:ai-actions","t":"AI Actions","d":"Interactive AI action components","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:ai-artifact","t":"AI Artifact","d":"A container component for displaying artifacts with header, actions, and content areas","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:ai-branch","t":"Ai Branch","d":"A ai-branch item.","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:ai-chain-of-thought","t":"AI Chain of Thought","d":"Component for displaying AI reasoning steps with collapsible content","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:ai-code-block","t":"Ai Code Block","d":"A ai-code-block item.","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:ai-context","t":"Ai Context","d":"A ai-context item.","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:ai-conversation","t":"Ai Conversation","d":"A ai-conversation item.","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Chat","sy":["animated"],"hc":1},{"id":"mui-treasury:ai-elements","t":"AI Elements","d":"All AI Elements from MUI Treasury","s":"mui-treasury","c":"ai-agent/ai-agent"},{"id":"mui-treasury:ai-image","t":"Ai Image","d":"A ai-image item.","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:ai-inline-citation","t":"Ai Inline Citation","d":"A ai-inline-citation item.","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Sources","sy":["animated"],"hc":1},{"id":"mui-treasury:ai-loader","t":"Ai Loader","d":"A ai-loader item.","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:ai-message","t":"Ai Message","d":"A ai-message item.","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Chat","sy":["animated"],"hc":1},{"id":"mui-treasury:ai-open-in-chat","t":"Ai Open In Chat","d":"A ai-open-in-chat item.","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Chat","sy":["animated"],"hc":1},{"id":"mui-treasury:ai-prompt-input","t":"Ai Prompt Input","d":"A ai-prompt-input item.","s":"mui-treasury","c":"ai-agent/composer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:ai-reasoning","t":"Ai Reasoning","d":"A ai-reasoning item.","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Reasoning and tools","sy":["animated"],"hc":1},{"id":"mui-treasury:ai-response","t":"Ai Response","d":"A ai-response item.","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:ai-sources","t":"Ai Sources","d":"A ai-sources item.","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Sources","sy":["animated"],"hc":1},{"id":"mui-treasury:ai-suggestion","t":"Ai Suggestion","d":"A ai-suggestion item.","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:ai-task","t":"Ai Task","d":"A ai-task item.","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Reasoning and tools","sy":["animated"],"hc":1},{"id":"mui-treasury:ai-tool","t":"Ai Tool","d":"A ai-tool item.","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Reasoning and tools","sy":["animated"],"hc":1},{"id":"mui-treasury:ai-web-preview","t":"Ai Web Preview","d":"A ai-web-preview item.","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:alert-mui-treasury","t":"Alert (MUI Treasury)","d":"Alert styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"overlays/alert-banner","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:app-analytics","t":"App Analytics","d":"A app-analytics item.","k":"layout","s":"mui-treasury","c":"layout/dashboard","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:app-bar-mui-treasury","t":"App Bar (MUI Treasury)","d":"App Bar styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"navigation/top-nav","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:app-footer-01","t":"App Footer #1","d":"A responsive footer component with logo, social media links, and multi-column navigation","k":"section","s":"mui-treasury","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:app-messenger","t":"App Messenger","d":"A app-messenger item.","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Chat","sy":["animated"],"hc":1},{"id":"mui-treasury:app-react-legacy","t":"App React Legacy","d":"A app-react-legacy item.","s":"mui-treasury","c":"navigation/top-nav","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:app-shopping-cart","t":"App Shopping Cart","d":"A app-shopping-cart item.","s":"mui-treasury","c":"data-display/list","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:autocomplete-mui-treasury","t":"Autocomplete (MUI Treasury)","d":"Autocomplete styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"inputs/combobox","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:avatar-mui-treasury","t":"Avatar (MUI Treasury)","d":"Avatar styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"data-display/avatar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:badge-mui-treasury","t":"Badge (MUI Treasury)","d":"Badge styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"data-display/badge","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:breadcrumbs-mui-treasury","t":"Breadcrumbs (MUI Treasury)","d":"Breadcrumbs styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"navigation/breadcrumb","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:button-group-mui-treasury","t":"Button Group (MUI Treasury)","d":"Button Group styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"actions/button","tg":["animated"],"sb":"Groups and split","sy":["animated"],"hc":1},{"id":"mui-treasury:button-mui-treasury","t":"Button (MUI Treasury)","d":"Button styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"mui-treasury:call-volume-trends","t":"Call Volume Trends","d":"A call-volume-trends block.","s":"mui-treasury","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:card-action-01","t":"Card Action #1","d":"Card with full-bleed background, heading text overlay, and floating circular add button in","s":"mui-treasury","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:card-action-02","t":"Card Action #2","d":"Card with branded icon, large heading, description text, and floating circular add button ","s":"mui-treasury","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:card-blog","t":"Card Blog","d":"Blog card with image featuring gradient overlay, Info components for eyebrow/title/subtitl","k":"section","s":"mui-treasury","c":"marketing/marketing","tg":["animated","gradient"],"sb":"Blog and posts","sy":["animated","gradient"],"hc":1},{"id":"mui-treasury:card-engagement","t":"Card Engagement","d":"Card with landscape image, Info title/subtitle, and AvatarGroup footer showing participant","s":"mui-treasury","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:card-galaxy","t":"Card Galaxy","d":"Card with full-height background image, bottom gradient overlay, and white text Info compo","s":"mui-treasury","c":"data-display/card","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"mui-treasury:card-highlight","t":"Card Highlight","d":"Card with game branding, cover image, gradient overlay, logo avatar with hover scale, and ","s":"mui-treasury","c":"data-display/card","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"mui-treasury:card-kanban","t":"Card Kanban","d":"Compact horizontal card with avatar, user name, location info, and progress slider showing","s":"mui-treasury","c":"data-display/kanban","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:card-music","t":"Card Music","d":"Music card with rounded album artwork and Info components displaying artist/title/descript","s":"mui-treasury","c":"media/player","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:card-news","t":"Card News","d":"News card with image, Info components using N01 styles, and 'Find Out More' button with ho","k":"section","s":"mui-treasury","c":"marketing/marketing","tg":["animated"],"sb":"Blog and posts","sy":["animated"],"hc":1},{"id":"mui-treasury:card-news2","t":"Card News #2","d":"Full-bleed image card with centered white text heading and explore label, positioned absol","k":"section","s":"mui-treasury","c":"marketing/marketing","tg":["animated"],"sb":"Blog and posts","sy":["animated"],"hc":1},{"id":"mui-treasury:card-news3","t":"Card News #3","d":"News card with image overlay, gradient backdrop, fashion tag badge, author info with avata","k":"section","s":"mui-treasury","c":"marketing/marketing","tg":["animated","gradient"],"sb":"Blog and posts","sy":["animated","gradient"],"hc":1},{"id":"mui-treasury:card-offer","t":"Card Offer","d":"Promotional card with cyan background, decorative bow image, circular background elements,","s":"mui-treasury","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:card-post","t":"Card Post","d":"Social post card with clipped polygon image, positioned avatar overlay, Info title/subtitl","s":"mui-treasury","c":"data-display/card","tg":["animated"],"sb":"Article","sy":["animated"],"hc":1},{"id":"mui-treasury:card-preview-01","t":"Card Preview #1","d":"Preview card using Base UI PreviewCard with hover popup displaying content preview and Mat","s":"mui-treasury","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:card-profile","t":"Card Profile","d":"Profile card with centered avatar, name/location info, and followers/following stats displ","s":"mui-treasury","c":"data-display/profile","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:card-project","t":"Card Project","d":"Project card with brand logo, time indicator, and Info components using Blog styles for ti","s":"mui-treasury","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:card-review","t":"Card Review","d":"Review card with image, star rating, location info, and avatar group showing reviewers","s":"mui-treasury","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:card-review2","t":"Card Review #2","d":"Magazine-style review card with image, star rating, content excerpt, and comment/view/shar","s":"mui-treasury","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:card-reward","t":"Card Reward","d":"Purple gradient reward card with trophy image, contest title, date range, and 'Enter Now' ","s":"mui-treasury","c":"data-display/card","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"mui-treasury:card-social","t":"Card Social","d":"Social connection card with avatar, user name, mutual friends count, and follow button","s":"mui-treasury","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:card-solid-game","t":"Card Solid Game","d":"Game cards with solid color backgrounds, logo images, game titles, and hover shadow/scale ","s":"mui-treasury","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:card-sysi","t":"Card Sysi","d":"Program enrollment card with Thai content, Info components, and dual 'Learn more' / 'Apply","s":"mui-treasury","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:card-tag","t":"Card Tag","d":"Decorative tag-shaped card with hole punch cutout design for menu items or categories","s":"mui-treasury","c":"data-display/badge","tg":["animated"],"sb":"Tags and pills","sy":["animated"],"hc":1},{"id":"mui-treasury:card-team","t":"Card Team","d":"Team group cards with cover images, avatar groups, member counts, and join/leave action bu","k":"section","s":"mui-treasury","c":"marketing/team","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"mui-treasury:card-tutor","t":"Card Tutor","d":"Compact profile card with avatar, name/title info, and action button using Open Sans typog","s":"mui-treasury","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:carousel-css-01","t":"Carousel CSS #1","d":"Horizontal scrollable carousel with CSS scroll snap","s":"mui-treasury","c":"media/carousel","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:checkbox-mui-treasury","t":"Checkbox (MUI Treasury)","d":"Checkbox styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"inputs/checkbox","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:chip-mui-treasury","t":"Chip (MUI Treasury)","d":"Chip styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"data-display/badge","tg":["animated"],"sb":"Tags and pills","sy":["animated"],"hc":1},{"id":"mui-treasury:collapsible","t":"Collapsible Overview","d":"CSS-only collapsible components using a hidden checkbox to toggle content visibility","s":"mui-treasury","c":"data-display/accordion","tg":["animated"],"sb":"Animated","sy":["animated"],"vn":1,"hc":1},{"id":"mui-treasury:color-picker-field","t":"Color Picker Field","d":"A TextField-based color picker built on react-colorful","s":"mui-treasury","c":"inputs/color-picker","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:color-scheme-select-basic","t":"Color Scheme Select Basic","d":"Basic select component for switching color schemes","s":"mui-treasury","c":"inputs/select","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"mui-treasury:color-scheme-select-icon","t":"Color Scheme Select Icon","d":"Icon-based select component for switching color schemes","k":"resource","s":"mui-treasury","c":"assets/icon","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"mui-treasury:color-scheme-select-minimal","t":"Color Scheme Select Minimal","d":"Minimal select component for switching color schemes","s":"mui-treasury","c":"inputs/select","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"mui-treasury:color-scheme-tabs-basic","t":"Color Scheme Tabs Basic","d":"Tab-based component for switching color schemes","s":"mui-treasury","c":"navigation/tabs","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"mui-treasury:command-search-ui","t":"Command Search Ui","d":"A command-search-ui block.","s":"mui-treasury","c":"inputs/search","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:customer-metrics-card","t":"Customer Metrics Card","d":"A dashboard card displaying customer metrics with growth percentage and trend chart","s":"mui-treasury","c":"data-display/stat","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:dashboard-sidebar","t":"Dashboard Sidebar","d":"A vertical navigation sidebar for dashboard applications with user profile, search, and ex","s":"mui-treasury","c":"navigation/sidebar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:data-metrics","t":"Data Metrics","d":"A data-metrics block.","s":"mui-treasury","c":"data-display/stat","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:database-metrics-card","t":"Database Metrics Card","d":"A database-metrics-card block.","s":"mui-treasury","c":"data-display/stat","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:dialog-mui-treasury","t":"Dialog (MUI Treasury)","d":"Dialog styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"overlays/dialog","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"mui-treasury:dropzone-01","t":"React dropzone","d":"Drag and drop file upload zone using react-dropzone","s":"mui-treasury","c":"inputs/file-upload","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:file-upload-field","t":"File Upload Field","d":"A file input component based on TextField with dynamic icons for different file types.","s":"mui-treasury","c":"inputs/file-upload","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:firebase-analyze-image","t":"Firebase Analyze Image","d":"A chat interface for analyzing images using Firebase Gemini with multimodal input support","s":"mui-treasury","c":"media/gallery","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:firebase-chat-transport","t":"Firebase Chat Transport","d":"Client-side ChatTransport implementation for Firebase AI Logic (Gemini) with multi-turn st","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Chat","sy":["webgl"],"hc":1},{"id":"mui-treasury:firebase-generate-text","t":"Firebase Generate Text","d":"Simple text generation component using Firebase AI (Gemini) with streaming support","k":"motion","s":"mui-treasury","c":"motion/text-effect","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"mui-treasury:firebase-google-search","t":"Firebase Google Search Grounding","d":"A Firebase chat demo with Google Search grounding for real-time information","s":"mui-treasury","c":"inputs/search","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"mui-treasury:firebase-image-generation","t":"Firebase Image Generation","d":"A chat interface for generating images using Firebase Gemini with interleaved text and ima","s":"mui-treasury","c":"media/gallery","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:firebase-story-telling","t":"Firebase Story Telling","d":"A chat interface for creating illustrated stories with interleaved text and image generati","s":"mui-treasury","c":"media/gallery","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:firebase-thinking-model","t":"Firebase Thinking Model","d":"A chat interface showcasing AI reasoning with Firebase Gemini thinking model","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Reasoning and tools","sy":["animated"],"hc":1},{"id":"mui-treasury:firebase-tool-calling","t":"Firebase Tool Calling","d":"A chat interface demonstrating Firebase AI tool calling with weather and time tools","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Reasoning and tools","sy":["animated"],"hc":1},{"id":"mui-treasury:info-apex","t":"Info Apex","d":"Info variant with bold Ubuntu typography and custom purple/gray color scheme","s":"mui-treasury","c":"data-display/typography","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:info-basic","t":"Info Basic","d":"Basic info component with title, subtitle, caption, and eyebrow text slots for displaying ","k":"motion","s":"mui-treasury","c":"motion/text-effect","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"mui-treasury:info-beats","t":"Info Beats","d":"Info variant with Spartan font family and coral accent color for eyebrow text","k":"resource","s":"mui-treasury","c":"assets/font","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:info-blog","t":"Info Blog","d":"Blog-style info component with date eyebrow and article preview layout","k":"section","s":"mui-treasury","c":"marketing/marketing","tg":["animated"],"sb":"Blog and posts","sy":["animated"],"hc":1},{"id":"mui-treasury:info-chatz","t":"Info Chatz","d":"Chat-themed info component with Inter font and modern messaging aesthetics","k":"resource","s":"mui-treasury","c":"assets/font","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:info-n01","t":"Info N #1","d":"Info variant with custom typography and styling option 1","s":"mui-treasury","c":"data-display/typography","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:info-n02","t":"Info N #2","d":"Info variant with custom typography and styling option 2","s":"mui-treasury","c":"data-display/typography","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:info-n03","t":"Info N #3","d":"Info variant with custom typography and styling option 3","s":"mui-treasury","c":"data-display/typography","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:info-n04","t":"Info N #4","d":"Info variant with custom typography and styling option 4","s":"mui-treasury","c":"data-display/typography","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:keycap-01","t":"Keycap","d":"Mechanical keyboard keycap-style button with pressed state, works with text and icons.","s":"mui-treasury","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"mui-treasury:layout-core","t":"Layout Components","d":"Core layout primitives (Root, Header, Content, Footer, EdgeSidebar, InsetSidebar) for buil","s":"mui-treasury","c":"overlays/sheet","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:layout-docs-edge-sidebar","t":"Docs Edge Sidebar","d":"Documentation for EdgeSidebar covering width, visibility, collapse, drawer, responsive mod","s":"mui-treasury","c":"navigation/sidebar"},{"id":"mui-treasury:layout-docs-footer","t":"Docs Footer","d":"Documentation for the Footer layout component covering basic usage and inset avoiding view","k":"section","s":"mui-treasury","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"mui-treasury:layout-docs-header","t":"Docs Header","d":"A documentation-style header layout with logo, navigation links, and action buttons. Suita","s":"mui-treasury","c":"navigation/top-nav"},{"id":"mui-treasury:layout-docs-inset-sidebar","t":"Docs Inset Sidebar","d":"Documentation for InsetSidebar covering width, sticky behavior, and absolute positioning.","s":"mui-treasury","c":"navigation/sidebar"},{"id":"mui-treasury:layout-docs-root","t":"Docs Root","d":"Documentation for the Root layout component covering height, standalone mode, and transiti","s":"mui-treasury","c":"other/other"},{"id":"mui-treasury:layout-edge-sidebar-auto-collapse","t":"Edge Sidebar Auto Collapse","d":"Sidebar automatically collapses below a specified breakpoint.","s":"mui-treasury","c":"navigation/sidebar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:layout-edge-sidebar-collapse","t":"Edge Sidebar Collapse","d":"Collapsible sidebar with a toggle button using EdgeSidebarCollapser.","s":"mui-treasury","c":"navigation/sidebar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:layout-edge-sidebar-drawer","t":"Edge Sidebar Drawer","d":"Drawer mode sidebar that opens as an overlay with a trigger button.","s":"mui-treasury","c":"overlays/sheet","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:layout-edge-sidebar-drawer-without-overlay","t":"Edge Sidebar Drawer Without Overlay","d":"Drawer mode without the overlay backdrop.","s":"mui-treasury","c":"overlays/sheet","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:layout-edge-sidebar-hover-uncollapse","t":"Edge Sidebar Hover Uncollapse","d":"Collapsed sidebar expands on hover without shifting the content.","s":"mui-treasury","c":"navigation/sidebar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:layout-edge-sidebar-responsive","t":"Edge Sidebar Responsive","d":"Drawer on mobile, permanent on desktop using breakpoint-based variant.","s":"mui-treasury","c":"navigation/sidebar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:layout-edge-sidebar-right","t":"Edge Sidebar Right","d":"Right-aligned edge sidebar using EdgeSidebarRight.","s":"mui-treasury","c":"navigation/sidebar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:layout-edge-sidebar-visibility","t":"Edge Sidebar Visibility","d":"Hide the sidebar by default and show it at a specific breakpoint.","s":"mui-treasury","c":"navigation/sidebar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:layout-edge-sidebar-width","t":"Edge Sidebar Width","d":"Customize the width of the edge sidebar via variant config.","s":"mui-treasury","c":"navigation/sidebar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:layout-footer-inset-avoiding","t":"Footer Inset Avoiding View","d":"Use InsetAvoidingView inside Footer to prevent overlap from an absolute InsetSidebar.","k":"section","s":"mui-treasury","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:layout-header-clip","t":"Header Clip","d":"Control whether the Header spans over the left/right EdgeSidebar.","s":"mui-treasury","c":"navigation/top-nav","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:layout-header-height","t":"Header Height","d":"Customize header height with a fixed value or responsive breakpoints.","s":"mui-treasury","c":"navigation/top-nav","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:layout-inset-sidebar-absolute","t":"Inset Sidebar Absolute","d":"Absolute inset sidebar for standalone apps, spanning from header to bottom with InsetAvoid","s":"mui-treasury","c":"navigation/sidebar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:layout-inset-sidebar-sticky","t":"Inset Sidebar Sticky","d":"Default sticky behavior — sidebar sticks under the header on scroll.","s":"mui-treasury","c":"navigation/sidebar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:layout-inset-sidebar-width","t":"Inset Sidebar Width","d":"Customize the width of the inset sidebar with fixed or responsive values.","s":"mui-treasury","c":"navigation/sidebar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:layout-root-disable-transition","t":"Root Disable Transition","d":"Remove all layout transition animations with the disableTransition prop.","s":"mui-treasury","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:layout-root-height","t":"Root Height","d":"Customize root layout height with a fixed value or responsive breakpoints.","s":"mui-treasury","c":"data-display/gamification","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:layout-root-standalone","t":"Root Standalone","d":"Standalone mode fits the layout to its height, useful for POS or chat apps.","s":"mui-treasury","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:list-item-01","t":"List Item #1","d":"A list-item-01 item.","s":"mui-treasury","c":"data-display/list","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:list-item-02","t":"Notification List Item","d":"LinkedIn-style notification list item with avatar, content preview, and engagement stats","s":"mui-treasury","c":"data-display/list","tg":["animated"],"sb":"Inbox","sy":["animated"],"hc":1},{"id":"mui-treasury:list-mui-treasury","t":"List (MUI Treasury)","d":"List styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"data-display/list","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:login-form","t":"Login Form","d":"Clean and accessible login form with email/password authentication and Google OAuth option","k":"layout","s":"mui-treasury","c":"flows/sign-in","tg":["animated","minimal","webgl"],"sb":"Sign in","sy":["animated","minimal","webgl"],"hc":1},{"id":"mui-treasury:login-form-split","t":"Login Form Split","d":"Two-column login form with email/password authentication and social login option","s":"mui-treasury","c":"inputs/form-field","tg":["animated"],"sb":"Whole forms","sy":["animated"],"hc":1},{"id":"mui-treasury:members-metric","t":"Members Metric Card","d":"A metric card displaying member count with trend indicator and sparkline chart","s":"mui-treasury","c":"data-display/stat","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:menu-mui-treasury","t":"Menu (MUI Treasury)","d":"Menu styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"navigation/menu","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:menubar-01","t":"Menubar with Submenu","d":"Application menubar with nested submenu support using Base UI and Material UI styling","s":"mui-treasury","c":"navigation/top-nav","tg":["animated"],"sb":"Mega menus","sy":["animated"],"hc":1},{"id":"mui-treasury:meter-01","t":"Meter","d":"A minimal meter component using Base UI Meter with Material UI styling","s":"mui-treasury","c":"data-viz/gauge","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"mui-treasury:mui-treasury","t":"MUI Treasury Theme","d":"A minimal theme with monochromatic palette and system fonts","s":"mui-treasury","c":"overlays/alert-banner","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"mui-treasury:nav-menu-01","t":"Navigation Menu 01","d":"Horizontal navigation menu with dropdown menus for Products and Resources sections","s":"mui-treasury","c":"navigation/menu","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:nav-menu-02","t":"Navigation Menu 02","d":"Horizontal navigation menu with animated dropdown transitions and arrow indicators","s":"mui-treasury","c":"navigation/menu","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:number-field-01","t":"Number Field #1","d":"Base UI Number Field for numeric values with increment/decrement buttons","s":"mui-treasury","c":"inputs/number-input","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:number-field-02","t":"Number Field #2","d":"Integrated Base UI Number Field with increment/decrement buttons, label, helper text, and ","s":"mui-treasury","c":"inputs/number-input","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:number-input","t":"Number Input","d":"A number input component with various features and customization options.","s":"mui-treasury","c":"inputs/number-input","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:pagination-mui-treasury","t":"Pagination (MUI Treasury)","d":"Pagination styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"navigation/pagination","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:payment-history-chart","t":"Payment History Chart","d":"A payment-history-chart block.","s":"mui-treasury","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:payment-overview-card","t":"Payment Overview Card","d":"A payment-overview-card block.","s":"mui-treasury","c":"data-display/card","tg":["animated"],"sb":"Payment","sy":["animated"],"hc":1},{"id":"mui-treasury:payroll-summary-card","t":"Payroll Summary Card","d":"A payroll-summary-card block.","s":"mui-treasury","c":"data-display/card","tg":["animated"],"sb":"Metric","sy":["animated"],"hc":1},{"id":"mui-treasury:popup-menu","t":"Popup Menu","d":"Menu items that open a popup submenu on hover or click.","s":"mui-treasury","c":"navigation/menu","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:portfolio-value-chart","t":"Portfolio Value Chart","d":"A portfolio-value-chart block.","s":"mui-treasury","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:preference-settings","t":"Preference Settings","d":"A clean settings panel with various preference options including selects and toggles","k":"layout","s":"mui-treasury","c":"flows/settings","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"mui-treasury:product-card","t":"Product Card","d":"Product card with gradient background header, centered image, and floating heart icon. Fea","s":"mui-treasury","c":"data-display/card","tg":["animated","gradient"],"sb":"Product","sy":["animated","gradient"],"hc":1},{"id":"mui-treasury:product-card2","t":"Product Card #2","d":"Mobile product card with centered image, floating heart icon, and product name with badge.","s":"mui-treasury","c":"data-display/card","tg":["animated"],"sb":"Product","sy":["animated"],"hc":1},{"id":"mui-treasury:progress-mui-treasury","t":"Progress (MUI Treasury)","d":"Progress styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"data-viz/progress-bar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:project-invite-modal","t":"Project Invite Modal","d":"A project-invite-modal block.","s":"mui-treasury","c":"overlays/dialog","tg":["animated"],"sb":"Share and invite","sy":["animated"],"hc":1},{"id":"mui-treasury:radio-card-01","t":"Radio Card","d":"Radio card component for selecting options with detailed information","s":"mui-treasury","c":"inputs/radio","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:radio-color-01","t":"Color Radio Selection","d":"A customizable radio group component with color swatches as selection options","s":"mui-treasury","c":"inputs/radio","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:radio-mui-treasury","t":"Radio (MUI Treasury)","d":"Radio styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"inputs/radio","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:radio-segment-01","t":"Segmented Radio Control","d":"A segmented control component for selecting between options with radio buttons","s":"mui-treasury","c":"inputs/radio","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:rating-mui-treasury","t":"Rating (MUI Treasury)","d":"Rating styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"inputs/rating","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:select-inset-01","t":"Select with Inset Label","d":"A select dropdown with label displayed inside the container above the selected value","s":"mui-treasury","c":"inputs/select","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:select-mui-treasury","t":"Select (MUI Treasury)","d":"Select styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"inputs/select","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:shared","t":"Shared Types","d":"Shared TypeScript types for overridable component patterns.","s":"mui-treasury","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:sidebar","t":"Sidebar Overview","d":"A complete sidebar component system with collapsible container, menu items, groups, icons,","s":"mui-treasury","c":"navigation/sidebar","tg":["animated"],"sy":["animated"],"vn":4,"hc":1},{"id":"mui-treasury:sidebar-navigation","t":"Sidebar Navigation","d":"Modern vertical navigation sidebar with expandable menu items, storage usage indicator, an","s":"mui-treasury","c":"navigation/sidebar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:sla-performance-card","t":"Sla Performance Card","d":"A sla-performance-card block.","s":"mui-treasury","c":"data-display/card","tg":["animated"],"sb":"Metric","sy":["animated"],"hc":1},{"id":"mui-treasury:slider-mui-treasury","t":"Slider (MUI Treasury)","d":"Slider styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"inputs/slider","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:snackbar-mui-treasury","t":"Snackbar (MUI Treasury)","d":"Snackbar styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"overlays/toast","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:sonner","t":"Sonner","d":"Toast notification component using Sonner with MUI theming","s":"mui-treasury","c":"overlays/toast","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:sonner2","t":"Sonner #2","d":"Toast notification with severity-colored icon, action button, and close button","s":"mui-treasury","c":"overlays/toast","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:space-login","t":"Space Login","d":"Split-screen login form with space theme and social authentication options","k":"layout","s":"mui-treasury","c":"flows/sign-in","tg":["animated"],"sb":"Sign in","sy":["animated"],"hc":1},{"id":"mui-treasury:stepper-mui-treasury","t":"Stepper (MUI Treasury)","d":"Stepper styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"navigation/wizard-steps","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:switch-mui-treasury","t":"Switch (MUI Treasury)","d":"Switch styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"actions/switch","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"mui-treasury:table-mui-treasury","t":"Table (MUI Treasury)","d":"Table styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"data-display/table","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:tabs-01","t":"Tabs #1","d":"A clean tabs component with AI and signup options, includes help link","s":"mui-treasury","c":"navigation/tabs","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"mui-treasury:tabs-02","t":"Tabs with Inverted Text Effect","d":"A modern tab component with mix-blend-mode for automatic text color inversion when the ind","s":"mui-treasury","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:tabs-apple","t":"Tabs Apple","d":"Apple-style tabs with rounded container and sliding indicator","s":"mui-treasury","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:tabs-chip-01","t":"Tabs Chip","d":"Horizontal tab navigation styled as chip-like buttons","s":"mui-treasury","c":"data-display/badge","tg":["animated"],"sb":"Tags and pills","sy":["animated"],"hc":1},{"id":"mui-treasury:tabs-chrome","t":"Tabs Chrome","d":"Chrome browser-style tabs with separator lines and smooth hover effects","s":"mui-treasury","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:tabs-contained","t":"Tabs Contained","d":"Contained tabs with separator lines and secondary color for selected state","s":"mui-treasury","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:tabs-elevated","t":"Tabs Elevated","d":"Elevated tabs with gradient background and translucent indicator","s":"mui-treasury","c":"navigation/tabs","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"mui-treasury:tabs-firebase","t":"Tabs Firebase","d":"Firebase-style tabs with thick top indicator and hover backdrop","s":"mui-treasury","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:tabs-inside-triangle","t":"Tabs Inside Triangle","d":"Tabs with diagonal triangle shadow effect using CSS transform","s":"mui-treasury","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:tabs-instagram","t":"Tabs Instagram","d":"Instagram-style tabs with top indicator, icons, and uppercase labels","s":"mui-treasury","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:tabs-mui-treasury","t":"Tabs (MUI Treasury)","d":"Tabs styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:tabs-pill","t":"Tabs Pill","d":"Pill-shaped tabs with rounded corners, elevation shadow on selection","s":"mui-treasury","c":"data-display/badge","tg":["animated"],"sb":"Tags and pills","sy":["animated"],"hc":1},{"id":"mui-treasury:tabs-plain","t":"Tabs Plain","d":"Plain bordered tabs with subtle background and white selection","s":"mui-treasury","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:tabs-serrated","t":"Tabs Serrated","d":"Serrated tabs with skewed transform and diagonal shadow gradient","s":"mui-treasury","c":"navigation/tabs","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"mui-treasury:tabs-twitter","t":"Tabs Twitter","d":"Twitter-style tabs with bold text, hover effects, and bottom border","s":"mui-treasury","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:text-field-mui-treasury","t":"Text Field (MUI Treasury)","d":"Text Field styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"inputs/form-field","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:ticket-status-card","t":"Ticket Status Card","d":"A ticket-status-card block.","s":"mui-treasury","c":"data-display/card","tg":["animated"],"sb":"Metric","sy":["animated"],"hc":1},{"id":"mui-treasury:toggle-button-mui-treasury","t":"Toggle Button (MUI Treasury)","d":"Toggle Button styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"mui-treasury:tooltip-mui-treasury","t":"Tooltip (MUI Treasury)","d":"Tooltip styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"overlays/tooltip","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:transaction-history-list","t":"Transaction History List","d":"A transaction-history-list block.","s":"mui-treasury","c":"data-display/timeline","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:typography-mui-treasury","t":"Typography (MUI Treasury)","d":"Typography styled with the MUI Treasury theme — install the theme alongside.","s":"mui-treasury","c":"data-display/typography","tg":["animated"],"sy":["animated"],"hc":1},{"id":"mui-treasury:use-number-input","t":"useNumberInput","d":"A hook for managing state and behavior in number input components.","k":"lib","s":"mui-treasury","c":"lib/hook","hc":1},{"id":"navui:animated-numbers","t":"Animated Numbers","d":"Accessible in-view number counter with locale-aware formatting and reduced-motion support.","k":"motion","s":"navui","c":"motion/number-ticker","hc":1},{"id":"navui:animated-tabs","t":"Animated Tabs","d":"A tab component with a moving active pill and directional content transitions.","s":"navui","c":"navigation/tabs","hc":1},{"id":"navui:approval-panel","t":"Approval Panel Illustration","d":"An approval routing panel illustration.","k":"resource","s":"navui","c":"assets/illustration","hc":1},{"id":"navui:blog-section-one","t":"Blog Section One","d":"A semantic blog archive grouped by year, with aligned dates, useful metadata, and accessib","k":"section","s":"navui","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"navui:contact-section-four","t":"Contact Section Four","d":"A focused project-inquiry form with contact details and a large editorial heading.","k":"section","s":"navui","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"navui:contact-section-one","t":"Contact Section One","d":"A contact directory that routes visitors to sales, support, community, documentation, and ","k":"section","s":"navui","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"navui:contact-section-three","t":"Contact Section Three","d":"A compact project contact form paired with a concise service introduction.","k":"section","s":"navui","c":"marketing/features","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"navui:contact-section-two","t":"Contact Section Two","d":"A split contact section with a consultation summary and detailed project inquiry form.","k":"section","s":"navui","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"navui:content-section-five","t":"Content Section Five","d":"A sticky editorial narrative with a normal mobile flow and a sequence of image-led content","s":"navui","c":"media/gallery","hc":1},{"id":"navui:content-section-four","t":"Content Section Four","d":"A connected-publishing story with an animated revision metric, trend visualization, and ou","s":"navui","c":"inputs/checkbox","hc":1},{"id":"navui:content-section-one","t":"Content Section One","d":"A restrained principles section with a clear introduction and a responsive set of supporti","k":"section","s":"navui","c":"marketing/marketing","hc":1},{"id":"navui:content-section-three","t":"Content Section Three","d":"A structured feature grid with one dominant narrative and two focused supporting ideas.","k":"section","s":"navui","c":"marketing/features","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"navui:content-section-two","t":"Content Section Two","d":"An editorial product story with balanced copy, configurable local media, and optional capt","k":"section","s":"navui","c":"marketing/marketing","hc":1},{"id":"navui:contribution-graph","t":"Contribution Graph","d":"Clean contribution calendar with built-in normalization, keyboard navigation, and responsi","s":"navui","c":"data-viz/chart","tg":["minimal"],"sb":"Heatmap","sy":["minimal"],"hc":1},{"id":"navui:cta-section-one","t":"CTA Section One","d":"A polished call to action with primary and secondary links for clear next steps.","k":"section","s":"navui","c":"marketing/cta","hc":1},{"id":"navui:designed-for-focus-illustration","t":"Designed for Focus Illustration","d":"An interactive focus illustration with concentric motion and reduced-motion support.","k":"resource","s":"navui","c":"assets/illustration","hc":1},{"id":"navui:expandable-card","t":"Expandable Card","d":"Composable card-dialog primitives with accessible modal behavior, controlled state, shared","s":"navui","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"navui:faq-section-one","t":"FAQ Section One","d":"A two-column FAQ layout with accessible accordion answers and a support prompt.","k":"section","s":"navui","c":"marketing/faq","hc":1},{"id":"navui:faq-section-three","t":"FAQ Section Three","d":"An editorial FAQ section with a large introduction and accessible accordion rows.","k":"section","s":"navui","c":"marketing/faq","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"navui:faqs-section-two","t":"FAQs Section Two","d":"A centered FAQ section with accessible accordions and a follow-up contact link.","k":"section","s":"navui","c":"marketing/faq","hc":1},{"id":"navui:fast-by-default-illustration","t":"Fast by Default Illustration","d":"An interactive field of animated speed lines with reduced-motion support.","k":"resource","s":"navui","c":"assets/illustration","hc":1},{"id":"navui:flexible-at-scale-illustration","t":"Flexible at Scale Illustration","d":"An interactive spring-based line field that responds to pointer movement.","k":"resource","s":"navui","c":"assets/illustration","hc":1},{"id":"navui:footer-section-one","t":"Footer Section One","d":"A multi-column product footer with social links and an email newsletter form.","k":"section","s":"navui","c":"marketing/cta","hc":1},{"id":"navui:footer-section-two","t":"Footer Section Two","d":"A compact navigation footer with product links, social actions, and legal copy.","k":"section","s":"navui","c":"marketing/footer","hc":1},{"id":"navui:forgot-password-one","t":"Forgot Password One","d":"A compact password-recovery card with email input, submit action, and return link.","k":"layout","s":"navui","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"navui:forgot-password-three","t":"Forgot Password Three","d":"A left-aligned password-recovery form with concise guidance and navigation back.","k":"motion","s":"navui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"navui:forgot-password-two","t":"Forgot Password Two","d":"A centered password-recovery form with a prominent heading and return action.","k":"layout","s":"navui","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"navui:header-four","t":"Header Four","d":"A responsive header with animated multi-level desktop and mobile navigation menus.","s":"navui","c":"navigation/top-nav","hc":1},{"id":"navui:header-one","t":"Header One","d":"A responsive marketing header with animated mobile navigation and account actions.","s":"navui","c":"navigation/top-nav","hc":1},{"id":"navui:header-three","t":"Header Three","d":"A payment-product header with grouped navigation menus and a responsive mobile drawer.","s":"navui","c":"navigation/top-nav","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"navui:header-two","t":"Header Two","d":"A responsive marketing header with a bordered shell and animated mobile menu.","s":"navui","c":"navigation/top-nav","hc":1},{"id":"navui:hero-section-four","t":"Hero Section Four","d":"A complete expense-workflow hero with responsive header, lead form, logo cloud, and suppor","k":"section","s":"navui","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"navui:hero-section-one","t":"Hero Section One","d":"A dark product hero with badges, dual actions, and the matching responsive header.","k":"section","s":"navui","c":"marketing/hero","hc":1},{"id":"navui:hero-section-three","t":"Hero Section Three","d":"An art-directed hero with shader-backed visuals and a focused primary action.","k":"section","s":"navui","c":"marketing/hero","tg":["webgl"],"sb":"Animated background","sy":["webgl"],"hc":1},{"id":"navui:hero-section-two","t":"Hero Section Two","d":"A motion-led hero with animated copy, grouped reveals, and its matching header.","k":"section","s":"navui","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"navui:keyboard-shortcut","t":"Keyboard Shortcut","d":"Interactive keyboard shortcut display with pressed-key feedback, callback handling, option","k":"resource","s":"navui","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"navui:logo-cloud-five","t":"Logo Cloud Five","d":"A headline-led animated logo cloud with responsive brand cards.","k":"section","s":"navui","c":"marketing/logos","hc":1},{"id":"navui:logo-cloud-four","t":"Logo Cloud Four","d":"A large animated company grid with a prominent trust statement.","k":"section","s":"navui","c":"marketing/logos","hc":1},{"id":"navui:logo-cloud-one","t":"Logo Cloud One","d":"A compact monochrome logo strip for customer or partner proof.","k":"section","s":"navui","c":"marketing/logos","hc":1},{"id":"navui:logo-cloud-three","t":"Logo Cloud Three","d":"A horizontally framed customer logo strip with restrained typography.","k":"section","s":"navui","c":"marketing/logos","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"navui:logo-cloud-two","t":"Logo Cloud Two","d":"A compact partner logo strip using a mixed icon and wordmark collection.","k":"section","s":"navui","c":"marketing/logos","hc":1},{"id":"navui:magnetic-button","t":"Magnetic Button","d":"A shadcn-compatible button that subtly follows the cursor using spring-based motion.","s":"navui","c":"actions/button","sb":"Animated","hc":1},{"id":"navui:matching-panel","t":"Matching Panel Illustration","d":"A policy matching panel illustration.","k":"resource","s":"navui","c":"assets/illustration","hc":1},{"id":"navui:package-manager-command","t":"Package Manager Command","d":"Accessible package-manager selector and copy command bar for npm, pnpm, yarn, and Bun.","s":"navui","c":"inputs/select","hc":1},{"id":"navui:payment-card","t":"Payment Card Illustration","d":"A motion-ready payment card illustration.","k":"resource","s":"navui","c":"assets/illustration","hc":1},{"id":"navui:pricing-section-one","t":"Pricing Section One","d":"A responsive three-tier pricing section with a monthly and yearly billing switcher.","k":"section","s":"navui","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"navui:proximity-nav","t":"Proximity Nav","d":"Route-aware sidebar navigation with pointer-responsive guide lines, controlled active stat","s":"navui","c":"navigation/top-nav","hc":1},{"id":"navui:rail-nav","t":"Rail Nav","d":"Motion rail navigation with the original line-to-link reveal, controlled expansion, flexib","s":"navui","c":"navigation/top-nav","hc":1},{"id":"navui:receipt-panel","t":"Receipt Panel Illustration","d":"A receipt capture panel illustration.","k":"resource","s":"navui","c":"assets/illustration","hc":1},{"id":"navui:release-workflow-illustration","t":"Release Workflow Illustration","d":"An interactive release tracker with configurable workflow data and autoplay.","k":"resource","s":"navui","c":"assets/illustration","hc":1},{"id":"navui:report-panel","t":"Report Panel Illustration","d":"A report fetching panel illustration.","k":"resource","s":"navui","c":"assets/illustration","hc":1},{"id":"navui:revision-cycles-illustration","t":"Revision Cycles Illustration","d":"An interactive comparison of eliminated and remaining revision rounds.","k":"resource","s":"navui","c":"assets/illustration","hc":1},{"id":"navui:segment-spotlight","t":"Segment Spotlight","d":"Composable spotlight primitives with controlled state, animated segments, arbitrary contro","k":"motion","s":"navui","c":"motion/background","sb":"Beams and light","hc":1},{"id":"navui:sign-up-one","t":"Sign Up One","d":"A detailed account creation form with identity, password, consent, and sign-in actions.","k":"layout","s":"navui","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"navui:sign-up-two","t":"Sign Up Two","d":"A split-screen account creation flow with social sign-in, product benefits, and an animate","k":"layout","s":"navui","c":"flows/sign-in","tg":["webgl"],"sb":"Sign up","sy":["webgl"],"hc":1},{"id":"navui:stats-section-one","t":"Stats Section One","d":"A business results section that combines measurable outcomes with a customer proof point.","k":"section","s":"navui","c":"marketing/marketing","sb":"Stats","hc":1},{"id":"navui:teams-section-five","t":"Teams Section Five","d":"A dark editorial team grid with role badges and portrait-led member cards.","k":"section","s":"navui","c":"marketing/team","hc":1},{"id":"navui:teams-section-four","t":"Teams Section Four","d":"A global-team recruiting section with portrait cards and role badges.","k":"section","s":"navui","c":"marketing/team","hc":1},{"id":"navui:teams-section-one","t":"Teams Section One","d":"A grouped leadership and team directory with social links and empty-state handling.","k":"section","s":"navui","c":"marketing/team","hc":1},{"id":"navui:teams-section-three","t":"Teams Section Three","d":"A centered team directory with portrait cards, roles, and profile links.","k":"section","s":"navui","c":"marketing/team","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"navui:teams-section-two","t":"Teams Section Two","d":"A simple responsive team grid with names, roles, and portrait imagery.","k":"section","s":"navui","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"navui:workflow-desk","t":"Workflow Desk Illustration","d":"A combined expense workflow illustration with a payment card and four process panels.","k":"resource","s":"navui","c":"assets/illustration","hc":1},{"id":"ncdai:haptic","t":"Haptic Feedback","d":"Trigger haptic feedback on mobile devices.","k":"lib","s":"ncdai","c":"lib/utility","hc":1},{"id":"ncdai:use-sound","t":"useSound","d":"Hook for playing sound effects with volume, playback rate, and interrupt controls.","k":"resource","s":"ncdai","c":"assets/sound","hc":1},{"id":"ncdai:use-controllable-state","t":"useControllableState","k":"lib","s":"ncdai","c":"lib/hook","hc":1,"cp":1},{"id":"ncdai:theme-switcher","t":"Theme Switcher","d":"Toggle between system, light, and dark themes in Next.js apps.","s":"ncdai","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"ncdai:text-flip","t":"Text Flip","d":"Animated text that cycles through items with a smooth flip transition.","k":"motion","s":"ncdai","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"ncdai:apple-hello-effect","t":"Apple Hello Effect","d":"SVG writing animation inspired by Apple’s Hello screen.","k":"motion","s":"ncdai","c":"motion/text-effect","sb":"Handwriting and SVG","hc":1},{"id":"ncdai:apple-hello-effect-hindi","t":"Apple Hello Effect   Hindi","d":"SVG writing animation inspired by Apple’s Hello screen.","k":"motion","s":"ncdai","c":"motion/text-effect","sb":"Handwriting and SVG","hc":1},{"id":"ncdai:apple-hello-effect-spanish","t":"Apple Hello Effect   Spanish","d":"SVG writing animation inspired by Apple’s Hello screen.","k":"motion","s":"ncdai","c":"motion/text-effect","sb":"Handwriting and SVG","hc":1},{"id":"ncdai:apple-hello-effect-vietnamese","t":"Apple Hello Effect   Vietnamese","d":"SVG writing animation inspired by Apple’s Hello screen.","k":"motion","s":"ncdai","c":"motion/text-effect","sb":"Handwriting and SVG","hc":1},{"id":"ncdai:swipe-actions","t":"Swipe Actions","d":"Swipe a row in a list to reveal actions on the left or right.","s":"ncdai","c":"data-display/list","hc":1},{"id":"ncdai:wheel-picker","t":"Wheel Picker","d":"iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.","s":"ncdai","c":"inputs/select","hc":1},{"id":"ncdai:chevrons-up-down-icon","t":"Chevrons up down icon","d":"Animated chevrons icon that morphs between up and down directions.","k":"resource","s":"ncdai","c":"assets/icon","sb":"Animated","hc":1},{"id":"ncdai:typography","t":"Typography","d":"Custom prose styles for headings, links, inline code, and emphasis.","s":"ncdai","c":"data-display/typography"},{"id":"ncdai:work-experience","t":"Work Experience","d":"Display work experiences with role details, company logos, and durations.","k":"resource","s":"ncdai","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"ncdai:shimmering-text","t":"Shimmering Text","d":"Smooth, light-sweeping shimmer animation for text.","k":"motion","s":"ncdai","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"ncdai:slide-to-unlock","t":"Slide to Unlock","d":"Interactive slider inspired by the classic iPhone “slide to unlock” gesture.","s":"ncdai","c":"media/mockup","hc":1},{"id":"ncdai:testimonials-marquee","t":"Testimonials Marquee","d":"Scrolling marquee to showcase user testimonials.","k":"section","s":"ncdai","c":"marketing/testimonials"},{"id":"ncdai:testimonial","t":"Testimonial","d":"Display user feedback with author info, avatar, and verified badge.","k":"section","s":"ncdai","c":"marketing/testimonials","vn":2,"hc":1},{"id":"ncdai:github-stars","t":"GitHub Stars","d":"Display GitHub repo star count with formatted numbers and full-count tooltip.","k":"motion","s":"ncdai","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"ncdai:scroll-fade-effect","t":"Scroll Fade Effect","d":"Fade content edges as you scroll, for both vertical and horizontal layouts.","k":"layout","s":"ncdai","c":"layout/scroll-area","hc":1},{"id":"ncdai:consent-manager","t":"Consent Manager","d":"Cookie and tracking consent banner for Next.js, built on c15t.","s":"ncdai","c":"overlays/alert-banner","hc":1},{"id":"ncdai:copy-button","t":"Copy Button","d":"Copy text to clipboard with visual, haptic, and audio feedback.","s":"ncdai","c":"actions/copy-button","hc":1},{"id":"ncdai:code-block-command","t":"Code Block Command","d":"Display install commands with package manager switcher and copy button.","s":"ncdai","c":"data-display/code-block","hc":1},{"id":"ncdai:glow-card-grid","t":"Glow Card Grid","d":"Display cards with glowing border and background effects.","s":"ncdai","c":"data-display/card","tg":["neon"],"sb":"Animated and glowing","sy":["neon"],"hc":1},{"id":"ncdai:middle-truncation","t":"Middle Truncation","d":"Truncate text in the middle while preserving start and end.","s":"ncdai","c":"data-display/typography","hc":1},{"id":"ncdai:twemoji","t":"Twemoji","d":"Render Unicode emoji as Twemoji SVG images inline with text.","s":"ncdai","c":"data-display/typography","hc":1},{"id":"ncdai:elastic-slider","t":"Elastic Slider","d":"Slider with elastic rubber-band drag and magnetic snap feedback.","s":"ncdai","c":"inputs/slider","hc":1},{"id":"ncdai:contribution-graph","t":"Contribution Graph","d":"A GitHub-style contribution graph component that displays activity levels over time.","s":"ncdai","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"ncdai:github-contributions","t":"GitHub Contributions","d":"Visualize year-long GitHub contribution activity with daily counts, tooltips, and a profil","s":"ncdai","c":"actions/link","hc":1},{"id":"ncdai:toc-minimap","t":"TOC Minimap","d":"Navigate page sections with a compact, hoverable TOC minimap.","s":"ncdai","c":"navigation/table-of-contents","hc":1},{"id":"ncdai:fluid-gradient-text","t":"Fluid Gradient Text","d":"Render text with a fluid gradient that shifts with pointer movement.","k":"motion","s":"ncdai","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"hc":1},{"id":"ncdai:brand-assets-menu","t":"Brand Assets Menu","d":"Context menu for copying brand SVGs and opening asset links.","s":"ncdai","c":"navigation/menu","hc":1},{"id":"ncdai:icon-swap","t":"Icon Swap","d":"Animate icon swaps with scale, blur, and fade transitions.","k":"resource","s":"ncdai","c":"assets/icon","sb":"Animated","hc":1},{"id":"ncdai:dot-grid-spotlight","t":"Dot Grid Spotlight","d":"Interactive dot grid with a cursor-tracking spotlight effect.","k":"motion","s":"ncdai","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"ncdai:spinning-circular-text","t":"Spinning Circular Text","d":"Text arranged in a circle with a continuous spinning animation.","k":"motion","s":"ncdai","c":"motion/text-effect","hc":1},{"id":"ncdai:mobius-loop-icon","t":"Mobius Loop Icon","d":"Animated Mobius loop icon that morphs between circles and infinity shape.","k":"resource","s":"ncdai","c":"assets/icon","sb":"Animated","hc":1},{"id":"ncdai:logos-carousel","t":"Logos Carousel","d":"Cycle through logos column by column in a staggered wave.","k":"section","s":"ncdai","c":"marketing/logos","hc":1},{"id":"ncdai:logos-flip","t":"Logos Flip","d":"Flip cards in a staggered wave to reveal the next batch of logos.","k":"resource","s":"ncdai","c":"assets/logo","hc":1},{"id":"ncdai:line-nav","t":"Line Nav","d":"Vertical navigation with a line marker that expands on hover and active state.","s":"ncdai","c":"navigation/top-nav","hc":1},{"id":"ncdai:share-menu","t":"Share Menu","d":"Share menu to copy a link or post to X, LinkedIn, and the native share sheet.","s":"ncdai","c":"navigation/menu","hc":1},{"id":"ncdai:spotlight-logo","t":"Spotlight Logo","d":"SVG logo with a cursor-tracking gradient highlight and tactile press.","k":"resource","s":"ncdai","c":"assets/logo","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"ncdai:timescale","t":"Timescale","d":"Ruler-style timeline for plotting milestones along a horizontal or vertical axis.","s":"ncdai","c":"data-display/timeline","hc":1},{"id":"ncdai:status-button","t":"Status Button","d":"Button that shows loading and success feedback for async actions.","s":"ncdai","c":"actions/button","sb":"Animated","hc":1},{"id":"ncdai:carbon-ads","t":"Carbon Ads","d":"Display a Carbon Ads unit in Next.js apps, styled to match your shadcn/ui theme.","s":"ncdai","c":"other/other","hc":1},{"id":"ncdai:apple-carousel","t":"Apple Carousel","d":"Infinite autoplay carousel with progress dots, inspired by Apple’s website.","s":"ncdai","c":"media/carousel","hc":1},{"id":"ncdai:jpg-card-holder","t":"JPG Card Holder","d":"Leather card holder shaped like a JPG file, with cards you can pull out.","s":"ncdai","c":"data-display/card","hc":1},{"id":"ncdai:login-01","t":"Login #1","d":"A simple login form.","k":"layout","s":"ncdai","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"ncdai:hero-01","t":"Hero #1","d":"A hero section with a golden spiral background.","k":"section","s":"ncdai","c":"marketing/hero","hc":1},{"id":"ncdai:blog-01","t":"Blog #1","d":"A blog section with a grid layout.","k":"section","s":"ncdai","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"ncdai:blog-02","t":"Blog #2","d":"A blog section with a lined grid layout.","k":"section","s":"ncdai","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"ncdai:testimonials-01","t":"Testimonials #1","d":"A testimonials section with dual marquees.","k":"section","s":"ncdai","c":"marketing/testimonials","hc":1},{"id":"ncdai:testimonials-02","t":"Testimonials #2","d":"A testimonials section with a lined layout.","k":"section","s":"ncdai","c":"marketing/testimonials","hc":1},{"id":"ncdai:experience-01","t":"Experience #1","d":"A work experience section with a lined layout.","k":"section","s":"ncdai","c":"marketing/marketing","hc":1},{"id":"ncdai:team-01","t":"Team #1","d":"A team section with glowing cards.","k":"section","s":"ncdai","c":"marketing/team","tg":["neon"],"sy":["neon"],"hc":1},{"id":"ncdai:metrics-01","t":"Metrics #1","d":"A metrics section with a line chart.","s":"ncdai","c":"data-display/stat","hc":1},{"id":"ncdai:social-links-01","t":"Social Links #1","d":"A social links section with a lined grid layout.","s":"ncdai","c":"actions/link","hc":1},{"id":"ncdai:social-proof-01","t":"Social Proof #1","d":"A social proof section with a logos carousel.","k":"section","s":"ncdai","c":"marketing/testimonials","hc":1},{"id":"ncdai:not-found-01","t":"Not Found #1","d":"A 404 page with a playable brick breaker game.","k":"page","s":"ncdai","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"ncdai:style","t":"Style","k":"theme","s":"ncdai","c":"themes/style"},{"id":"ncdai:theme-toggle-effect-triangle","t":"Theme toggle effect triangle","k":"theme","s":"ncdai","c":"themes/style"},{"id":"ncdai:theme-toggle-effect-triangle-blur","t":"Theme toggle effect triangle blur","k":"theme","s":"ncdai","c":"themes/style"},{"id":"ncdai:theme-toggle-effect-circle","t":"Theme toggle effect circle","k":"theme","s":"ncdai","c":"themes/style"},{"id":"ncdai:theme-toggle-effect-circle-blur","t":"Theme toggle effect circle blur","k":"theme","s":"ncdai","c":"themes/style"},{"id":"ncdai:theme-toggle-effect-circle-blur-top-left","t":"Theme toggle effect circle blur top left","k":"theme","s":"ncdai","c":"themes/style"},{"id":"ncdai:theme-toggle-effect-polygon","t":"Theme toggle effect polygon","k":"theme","s":"ncdai","c":"themes/style"},{"id":"ncdai:theme-toggle-effect-polygon-gradient","t":"Theme toggle effect polygon gradient","k":"theme","s":"ncdai","c":"themes/style","tg":["gradient"],"sy":["gradient"]},{"id":"ncdai:thin-scrollbar","t":"Thin scrollbar","k":"theme","s":"ncdai","c":"themes/style"},{"id":"nekode:date","t":"Date Utilities","d":"ISO date formatting/parsing helpers (yyyy-MM-dd, ISO strings) for UI display.","k":"lib","s":"nekode","c":"lib/utility","sb":"Formatting","hc":1},{"id":"nekode:date-vanilla","t":"Date Utilities (Vanilla)","d":"Same date formatting/parsing helpers as date, implemented with native Date and Intl — no d","k":"lib","s":"nekode","c":"lib/utility","sb":"Formatting","hc":1},{"id":"nekode:string","t":"String Utilities","d":"Common string helpers — capitalize, title case, slugify, truncate, pluralize, currency for","k":"lib","s":"nekode","c":"lib/utility","hc":1},{"id":"nekode:number","t":"Number Utilities","d":"Common number helpers — clamp, range check, random int, number/currency/compact formatting","k":"lib","s":"nekode","c":"lib/utility","sb":"Formatting","hc":1},{"id":"nekode:text-field","t":"Text Field","d":"A composed shadcn text input with field component","s":"nekode","c":"inputs/form-field","hc":1},{"id":"nekode:number-field","t":"Number Field","d":"A composed shadcn number input with field component","s":"nekode","c":"inputs/number-input","hc":1},{"id":"nekode:textarea-field","t":"Textarea Field","d":"A composed shadcn textarea input with field component","s":"nekode","c":"inputs/textarea","hc":1},{"id":"nekode:password-field","t":"Password Field","d":"A composed shadcn password input with field component","s":"nekode","c":"inputs/form-field","sb":"Password","hc":1},{"id":"nekode:select-field","t":"Select Field","d":"A composed shadcn select with field component","s":"nekode","c":"inputs/select","hc":1},{"id":"nekode:date-picker-field","t":"Date Picker Field","d":"A labeled date picker built on Calendar and Popover with field layout.","s":"nekode","c":"inputs/date-picker","hc":1},{"id":"nekode:date-range-picker-field","t":"Date Range Picker Field","d":"A labeled date range picker built on Calendar and Popover with field layout.","s":"nekode","c":"inputs/date-range","hc":1},{"id":"nekode:date-multi-picker-field","t":"Date Multi Picker Field","d":"A labeled multi-date picker built on Calendar and Popover with field layout.","s":"nekode","c":"inputs/select","hc":1},{"id":"nekode:time-picker-field","t":"Time Picker Field","d":"A labeled time input supporting 12h (AM/PM) and 24h formats with field layout.","s":"nekode","c":"inputs/time-picker","hc":1},{"id":"nekode:combobox-field","t":"Combobox Field","d":"A labeled combobox input built on Combobox with field layout.","s":"nekode","c":"inputs/combobox","hc":1},{"id":"nekode:combobox-multi-field","t":"Combobox Multi Field","d":"A labeled multi-select combobox with chips that stack or collapse into an overflow count.","s":"nekode","c":"inputs/combobox","hc":1},{"id":"nekode:datatable","t":"DataTable","d":"Advanced table component with sorting, selection, pagination, filtering, row expansion, an","s":"nekode","c":"data-display/table","sb":"Data tables","hc":1},{"id":"nekode:dialog-modal","t":"Dialog Modal","d":"A controlled dialog wrapper with preset sizes, a scrollable body, and an optional non-clos","s":"nekode","c":"overlays/dialog","hc":1},{"id":"nekode:marquee","t":"Marquee","d":"Infinitely scrolls any content, text or images, horizontally or vertically.","k":"motion","s":"nekode","c":"motion/marquee","hc":1},{"id":"nekode:number-ticker","t":"Number Ticker","d":"Displays a number whose digits roll up or down when the value changes.","k":"motion","s":"nekode","c":"motion/number-ticker","hc":1},{"id":"nekode:text-typer","t":"Text Typer","d":"Types a string out one character at a time with a blinking caret.","k":"motion","s":"nekode","c":"motion/text-effect","hc":1},{"id":"nekode:file-field","t":"File Field","d":"A drag-and-drop file input with single/multiple selection, previews, and removable file li","s":"nekode","c":"inputs/form-field","hc":1},{"id":"nekode:field-checkbox","t":"Field Checkbox","d":"A labeled checkbox and checkbox group with description/error support, optionally rendered ","s":"nekode","c":"inputs/checkbox","hc":1},{"id":"nekode:field-radio","t":"Field Radio","d":"A labeled radio group with description/error support, optionally rendered as choice cards.","s":"nekode","c":"inputs/radio","hc":1},{"id":"nekode:field-switch","t":"Field Switch","d":"A labeled switch with description/error support, optionally rendered as a choice card.","s":"nekode","c":"actions/switch","hc":1},{"id":"nekode:login-form","t":"Login Form","d":"Email and password sign-in form with validation.","k":"layout","s":"nekode","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"nekode:register-form","t":"Register Form","d":"Sign-up form with name, email and password confirmation.","k":"layout","s":"nekode","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"nekode:multi-step-register-form","t":"Multi step Register Form","d":"Three-step sign-up (account, profile, plan) with a step rail, per-step validation and succ","k":"layout","s":"nekode","c":"flows/sign-in","tg":["webgl"],"sb":"Sign up","sy":["webgl"],"hc":1},{"id":"nekode:forgot-password-form","t":"Forgot Password Form","d":"Single-field form that requests a password reset link.","k":"layout","s":"nekode","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"nekode:contact-form","t":"Contact Form","d":"Contact form with name, email and a message with character count.","k":"section","s":"nekode","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"neobrutal-ui:neobrutal-ui","t":"Neobrutal ui","d":"Base UI powered neobrutalist design-system base.","k":"theme","s":"neobrutal-ui","c":"themes/style","tg":["brutalist"],"sy":["brutalist"]},{"id":"neobrutal-ui:accordion","t":"Accordion","d":"A vertically stacked set of collapsible content sections.","s":"neobrutal-ui","c":"data-display/accordion","hc":1},{"id":"neobrutal-ui:alert","t":"Alert","d":"A prominent message for status updates, notices, and warnings.","s":"neobrutal-ui","c":"overlays/alert-banner","hc":1},{"id":"neobrutal-ui:alert-dialog","t":"Alert dialog","d":"A modal confirmation dialog for important or destructive actions.","s":"neobrutal-ui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"neobrutal-ui:avatar","t":"Avatar","d":"An image or fallback that identifies a person or entity.","s":"neobrutal-ui","c":"data-display/avatar","hc":1},{"id":"neobrutal-ui:badge","t":"Badge","d":"A compact label for statuses, categories, and metadata.","s":"neobrutal-ui","c":"data-display/badge","sb":"Status","hc":1},{"id":"neobrutal-ui:breadcrumb","t":"Breadcrumb","d":"A navigation trail that shows the current page hierarchy.","s":"neobrutal-ui","c":"navigation/breadcrumb","hc":1},{"id":"neobrutal-ui:button","t":"Button","d":"An interactive control that triggers an action or navigation.","s":"neobrutal-ui","c":"actions/button","hc":1},{"id":"neobrutal-ui:calendar","t":"Calendar","d":"A date picker calendar with single and range selection support.","s":"neobrutal-ui","c":"data-display/calendar","hc":1},{"id":"neobrutal-ui:card","t":"Card","d":"A bordered container for grouping related content and actions.","s":"neobrutal-ui","c":"data-display/card","hc":1},{"id":"neobrutal-ui:carousel","t":"Carousel","d":"A scrollable collection of content with previous and next controls.","s":"neobrutal-ui","c":"media/carousel","hc":1},{"id":"neobrutal-ui:chart","t":"Chart","d":"Composable Recharts helpers with neobrutalist styling and legends.","s":"neobrutal-ui","c":"data-viz/chart","tg":["brutalist"],"sy":["brutalist"],"vn":8,"hc":1},{"id":"neobrutal-ui:checkbox","t":"Checkbox","d":"A control for toggling one or more independent selections.","s":"neobrutal-ui","c":"inputs/checkbox","hc":1},{"id":"neobrutal-ui:collapsible","t":"Collapsible","d":"An expandable region that reveals or hides related content.","s":"neobrutal-ui","c":"data-display/accordion","hc":1},{"id":"neobrutal-ui:command","t":"Command","d":"A searchable command palette for actions and navigation.","s":"neobrutal-ui","c":"navigation/command-palette","hc":1},{"id":"neobrutal-ui:context-menu","t":"Context menu","d":"A contextual action menu opened with a secondary pointer action.","s":"neobrutal-ui","c":"overlays/context-menu","hc":1},{"id":"neobrutal-ui:dialog","t":"Dialog","d":"A modal overlay for focused content, forms, and actions.","s":"neobrutal-ui","c":"overlays/dialog","hc":1},{"id":"neobrutal-ui:drawer","t":"Drawer","d":"A panel that slides in from the edge of the viewport.","s":"neobrutal-ui","c":"overlays/sheet","hc":1},{"id":"neobrutal-ui:dropdown-menu","t":"Dropdown menu","d":"A button-triggered menu for actions, choices, and nested options.","s":"neobrutal-ui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"neobrutal-ui:form","t":"Form","d":"Accessible form helpers with React Hook Form and Zod validation.","s":"neobrutal-ui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"neobrutal-ui:hover-card","t":"Hover card","d":"A preview card that appears when a linked element is hovered.","s":"neobrutal-ui","c":"overlays/hover-card","hc":1},{"id":"neobrutal-ui:image-card","t":"Image card","d":"A neobrutalist card for presenting an image with supporting content.","s":"neobrutal-ui","c":"media/gallery","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"neobrutal-ui:input","t":"Input","d":"A styled text field for collecting short-form user input.","s":"neobrutal-ui","c":"inputs/form-field","sb":"Whole forms","vn":1,"hc":1},{"id":"neobrutal-ui:input-otp","t":"Input OTP","d":"A segmented input for one-time passwords and verification codes.","s":"neobrutal-ui","c":"inputs/otp-input","hc":1},{"id":"neobrutal-ui:label","t":"Label","d":"An accessible text label for a form control.","s":"neobrutal-ui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"neobrutal-ui:marquee","t":"Marquee","d":"A continuously scrolling row for logos, quotes, or featured content.","k":"motion","s":"neobrutal-ui","c":"motion/marquee","hc":1},{"id":"neobrutal-ui:menubar","t":"Menubar","d":"A horizontal application menu with nested commands and shortcuts.","s":"neobrutal-ui","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"neobrutal-ui:navigation-menu","t":"Navigation menu","d":"A responsive site navigation menu with expandable link panels.","s":"neobrutal-ui","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"neobrutal-ui:pagination","t":"Pagination","d":"Navigation controls for moving between pages of content.","s":"neobrutal-ui","c":"navigation/pagination","hc":1},{"id":"neobrutal-ui:popover","t":"Popover","d":"A floating panel for contextual content and lightweight controls.","s":"neobrutal-ui","c":"overlays/popover","hc":1},{"id":"neobrutal-ui:progress","t":"Progress","d":"A visual indicator of task or process completion.","s":"neobrutal-ui","c":"data-viz/progress-bar","hc":1},{"id":"neobrutal-ui:radio-group","t":"Radio group","d":"A set of mutually exclusive options for selecting one value.","s":"neobrutal-ui","c":"inputs/radio","hc":1},{"id":"neobrutal-ui:resizable","t":"Resizable","d":"Adjustable panel groups with draggable resize handles.","k":"layout","s":"neobrutal-ui","c":"layout/split-pane","hc":1},{"id":"neobrutal-ui:scroll-area","t":"Scroll area","d":"A custom scrollable viewport with styled scrollbars.","k":"layout","s":"neobrutal-ui","c":"layout/scroll-area","hc":1},{"id":"neobrutal-ui:select","t":"Select","d":"A dropdown control for choosing one value from a list.","s":"neobrutal-ui","c":"inputs/select","hc":1},{"id":"neobrutal-ui:separator","t":"Separator","d":"A visual divider for separating related content groups.","k":"layout","s":"neobrutal-ui","c":"layout/page-shell","hc":1},{"id":"neobrutal-ui:sheet","t":"Sheet","d":"A modal panel that enters from a configurable screen edge.","s":"neobrutal-ui","c":"overlays/sheet","hc":1},{"id":"neobrutal-ui:sidebar","t":"Sidebar","d":"A responsive, collapsible application sidebar with navigation primitives.","s":"neobrutal-ui","c":"navigation/sidebar","hc":1},{"id":"neobrutal-ui:skeleton","t":"Skeleton","d":"A placeholder that communicates content is loading.","s":"neobrutal-ui","c":"status/skeleton","hc":1},{"id":"neobrutal-ui:slider","t":"Slider","d":"A draggable control for selecting a value or range.","s":"neobrutal-ui","c":"inputs/slider","hc":1},{"id":"neobrutal-ui:sonner","t":"Sonner","d":"A toast notification provider styled for neobrutalist interfaces.","s":"neobrutal-ui","c":"overlays/toast","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"neobrutal-ui:switch","t":"Switch","d":"A binary control for turning a setting on or off.","s":"neobrutal-ui","c":"actions/switch","sb":"With labels","hc":1},{"id":"neobrutal-ui:table","t":"Table","d":"Semantic table primitives for structured rows and columns.","s":"neobrutal-ui","c":"data-display/table","hc":1},{"id":"neobrutal-ui:tabs","t":"Tabs","d":"A tabbed interface for switching between related content panels.","s":"neobrutal-ui","c":"navigation/tabs","hc":1},{"id":"neobrutal-ui:textarea","t":"Textarea","d":"A multiline text field for collecting longer user input.","s":"neobrutal-ui","c":"inputs/textarea","hc":1},{"id":"neobrutal-ui:tooltip","t":"Tooltip","d":"A concise text hint shown when an element is hovered or focused.","s":"neobrutal-ui","c":"overlays/tooltip","hc":1},{"id":"neobrutal-ui:data-table","t":"Data table","d":"A sortable, filterable data table recipe built with TanStack Table.","s":"neobrutal-ui","c":"data-display/table","sb":"Data tables","hc":1},{"id":"neobrutal-ui:blog-template","t":"Blog template","d":"An editorial archive with topic filters, search, sorting, and reading pages.","k":"page","s":"neobrutal-ui","c":"pages/templates","sb":"Blogs and docs","hc":1},{"id":"neobrutal-ui:portfolio-template","t":"Portfolio template","d":"A design practice with services, expandable case studies, and a project inquiry.","k":"page","s":"neobrutal-ui","c":"pages/templates","sb":"Portfolios","hc":1},{"id":"neobrutal-ui:cms-template","t":"CMS template","d":"An editorial workspace with content preview, local save, and change recovery.","k":"page","s":"neobrutal-ui","c":"pages/templates","hc":1},{"id":"neobrutal-ui:link-hub-template","t":"Link in bio template","d":"A creator profile with categorized destinations and a copyable contact address.","k":"page","s":"neobrutal-ui","c":"pages/templates","hc":1},{"id":"neobrutal-ui:dashboard-template","t":"Dashboard template","d":"A project overview with task search, status filters, and progress summaries.","k":"page","s":"neobrutal-ui","c":"pages/templates","sb":"Dashboards","hc":1},{"id":"neobrutal-ui:landing-template","t":"Product landing template","d":"A product landing page with feature sections, billing options, and plan selection.","k":"page","s":"neobrutal-ui","c":"pages/templates","sb":"Shops","hc":1},{"id":"neobrutal-ui:theme-mono","t":"Neobrutal Mono","d":"The mono light and dark theme for neobrutal-ui.","k":"theme","s":"neobrutal-ui","c":"themes/style","tg":["brutalist"],"sy":["brutalist"]},{"id":"neobrutal-ui:theme-mono-warm","t":"Neobrutal Mono warm","d":"The mono-warm light and dark theme for neobrutal-ui.","k":"theme","s":"neobrutal-ui","c":"themes/style","tg":["brutalist"],"sy":["brutalist"]},{"id":"neobrutal-ui:theme-red","t":"Neobrutal Red","d":"The red light and dark theme for neobrutal-ui.","k":"theme","s":"neobrutal-ui","c":"themes/style","tg":["brutalist"],"sy":["brutalist"]},{"id":"neobrutal-ui:theme-orange","t":"Neobrutal Orange","d":"The orange light and dark theme for neobrutal-ui.","k":"theme","s":"neobrutal-ui","c":"themes/style","tg":["brutalist"],"sy":["brutalist"]},{"id":"neobrutal-ui:theme-amber","t":"Neobrutal Amber","d":"The amber light and dark theme for neobrutal-ui.","k":"theme","s":"neobrutal-ui","c":"themes/style","tg":["brutalist"],"sy":["brutalist"]},{"id":"neobrutal-ui:theme-yellow","t":"Neobrutal Yellow","d":"The yellow light and dark theme for neobrutal-ui.","k":"theme","s":"neobrutal-ui","c":"themes/style","tg":["brutalist"],"sy":["brutalist"]},{"id":"neobrutal-ui:theme-lime","t":"Neobrutal Lime","d":"The lime light and dark theme for neobrutal-ui.","k":"theme","s":"neobrutal-ui","c":"themes/style","tg":["brutalist"],"sy":["brutalist"]},{"id":"neobrutal-ui:theme-green","t":"Neobrutal Green","d":"The green light and dark theme for neobrutal-ui.","k":"theme","s":"neobrutal-ui","c":"themes/style","tg":["brutalist"],"sy":["brutalist"]},{"id":"neobrutal-ui:theme-emerald","t":"Neobrutal Emerald","d":"The emerald light and dark theme for neobrutal-ui.","k":"theme","s":"neobrutal-ui","c":"themes/style","tg":["brutalist"],"sy":["brutalist"]},{"id":"neobrutal-ui:theme-teal","t":"Neobrutal Teal","d":"The teal light and dark theme for neobrutal-ui.","k":"theme","s":"neobrutal-ui","c":"themes/style","tg":["brutalist"],"sy":["brutalist"]},{"id":"neobrutal-ui:theme-cyan","t":"Neobrutal Cyan","d":"The cyan light and dark theme for neobrutal-ui.","k":"theme","s":"neobrutal-ui","c":"themes/style","tg":["brutalist"],"sy":["brutalist"]},{"id":"neobrutal-ui:theme-sky","t":"Neobrutal Sky","d":"The sky light and dark theme for neobrutal-ui.","k":"theme","s":"neobrutal-ui","c":"themes/style","tg":["brutalist"],"sy":["brutalist"]},{"id":"neobrutal-ui:theme-blue","t":"Neobrutal Blue","d":"The blue light and dark theme for neobrutal-ui.","k":"theme","s":"neobrutal-ui","c":"themes/style","tg":["brutalist"],"sy":["brutalist"]},{"id":"neobrutal-ui:theme-indigo","t":"Neobrutal Indigo","d":"The indigo light and dark theme for neobrutal-ui.","k":"theme","s":"neobrutal-ui","c":"themes/style","tg":["brutalist"],"sy":["brutalist"]},{"id":"neobrutal-ui:theme-violet","t":"Neobrutal Violet","d":"The violet light and dark theme for neobrutal-ui.","k":"theme","s":"neobrutal-ui","c":"themes/style","tg":["brutalist"],"sy":["brutalist"]},{"id":"neobrutal-ui:theme-purple","t":"Neobrutal Purple","d":"The purple light and dark theme for neobrutal-ui.","k":"theme","s":"neobrutal-ui","c":"themes/style","tg":["brutalist"],"sy":["brutalist"]},{"id":"neobrutal-ui:theme-fuchsia","t":"Neobrutal Fuchsia","d":"The fuchsia light and dark theme for neobrutal-ui.","k":"theme","s":"neobrutal-ui","c":"themes/style","tg":["brutalist"],"sy":["brutalist"]},{"id":"neobrutal-ui:theme-pink","t":"Neobrutal Pink","d":"The pink light and dark theme for neobrutal-ui.","k":"theme","s":"neobrutal-ui","c":"themes/style","tg":["brutalist"],"sy":["brutalist"]},{"id":"neobrutal-ui:theme-rose","t":"Neobrutal Rose","d":"The rose light and dark theme for neobrutal-ui.","k":"theme","s":"neobrutal-ui","c":"themes/style","tg":["brutalist"],"sy":["brutalist"]},{"id":"neon-ui:neon-tokens","t":"Neon Theme Tokens","d":"Neon palette and design tokens for Tailwind v4.","k":"theme","s":"neon-ui","c":"themes/style","tg":["neon"],"fw":"CSS","sy":["neon"],"hc":1},{"id":"neon-ui:utils","t":"Cn utility","d":"Tailwind class-name merge helper used across neon-ui components.","k":"lib","s":"neon-ui","c":"lib/utility","tg":["neon"],"sb":"Class helpers","sy":["neon"],"vn":1,"hc":1},{"id":"neon-ui:button","t":"Button","d":"Neon-themed button primitive with variants (Base UI).","s":"neon-ui","c":"actions/button","tg":["neon"],"sy":["neon"],"hc":1},{"id":"neon-ui:card","t":"Card","d":"Neon-themed card container primitive and its sub-parts.","s":"neon-ui","c":"data-display/card","tg":["neon"],"sy":["neon"],"hc":1},{"id":"neon-ui:badge","t":"Badge","d":"Status badge primitive (Base UI render pattern).","s":"neon-ui","c":"data-display/badge","hc":1},{"id":"neon-ui:chart","t":"Chart","d":"shadcn chart primitives (Recharts container, tooltip, legend) themed to the Neon tokens.","s":"neon-ui","c":"data-viz/chart","tg":["neon"],"sy":["neon"],"hc":1},{"id":"neon-ui:skeleton","t":"Skeleton","d":"Loading placeholder primitive.","s":"neon-ui","c":"status/skeleton","hc":1},{"id":"neon-ui:tabs","t":"Tabs","d":"Accessible tab navigation primitive (Base UI).","s":"neon-ui","c":"navigation/tabs","hc":1},{"id":"neon-ui:tooltip","t":"Tooltip","d":"Base UI tooltip in the house chrome.","s":"neon-ui","c":"overlays/tooltip","hc":1},{"id":"neon-ui:neon-loader","t":"NeonLoader","d":"Noise-resolve loading indicator animated from the official Neon mark.","s":"neon-ui","c":"status/loader","tg":["neon"],"sy":["neon"],"hc":1},{"id":"neon-ui:label","t":"Label","d":"Form label primitive.","s":"neon-ui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"neon-ui:input","t":"Input","d":"Accessible text input primitive (Base UI).","s":"neon-ui","c":"inputs/form-field","hc":1},{"id":"neon-ui:select","t":"Select","d":"Accessible select primitive (Base UI).","s":"neon-ui","c":"inputs/select","hc":1},{"id":"neon-ui:switch","t":"Switch","d":"Accessible switch primitive (Base UI).","s":"neon-ui","c":"actions/switch","hc":1},{"id":"neon-ui:elastic-slider","t":"ElasticSlider","d":"Slider with elastic rubber-band drag and magnetic snap (by @iamncdai, MIT).","s":"neon-ui","c":"inputs/slider","hc":1},{"id":"neon-ui:model-select","t":"ModelSelect","d":"Model picker for agent chat input bars, grouped by provider.","s":"neon-ui","c":"ai-agent/ai-agent","hc":1},{"id":"neon-ui:thinking-select","t":"ThinkingSelect","d":"Reasoning-effort selector: Off, Low, Medium, High.","s":"neon-ui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"neon-ui:thinking-model-select","t":"ThinkingModelSelect","d":"Model picker with an embedded reasoning-effort slider in the popup footer.","s":"neon-ui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"neon-ui:message","t":"Message","d":"Conversation message layout primitive with avatar, content, and footer.","s":"neon-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"neon-ui:bubble","t":"Bubble","d":"Chat bubble primitive with grouping and reactions.","s":"neon-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"neon-ui:marker","t":"Marker","d":"Inline conversation status marker.","s":"neon-ui","c":"ai-agent/ai-agent","hc":1},{"id":"neon-ui:message-scroller","t":"MessageScroller","d":"Chat scroll container with turn anchoring, auto-follow, and jump-to-latest.","s":"neon-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"neon-ui:tool-call-chip","t":"ToolCallChip","d":"Compact running/complete/error indicator for one agent tool invocation.","s":"neon-ui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"neon-ui:agent-chat","t":"AgentChat","d":"Full agent chat pane: streamed markdown turns, tool chips, reasoning, and a composer with ","s":"neon-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"neon-ui:reasoning","t":"Reasoning","d":"Collapsible extended-thinking fold that opens itself while the model streams and settles t","s":"neon-ui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"neon-ui:chain-of-thought","t":"ChainOfThought","d":"Collapsible step-by-step reasoning rail with statuses, search-result chips, and images.","s":"neon-ui","c":"ai-agent/ai-agent","hc":1},{"id":"neon-ui:inline-citation","t":"InlineCitation","d":"Inline source pill that previews stacked citations on hover and links to the source on cli","s":"neon-ui","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"neon-ui:metric-card","t":"MetricCard","d":"Analytics card with a formatted value, signed delta, and interactive Visx sparkline.","s":"neon-ui","c":"data-display/stat","hc":1},{"id":"neon-ui:health-card","t":"HealthCard","d":"Project health rollup on the MetricCard shell: an overall status pill and tint over a mono","s":"neon-ui","c":"data-display/card","hc":1},{"id":"neon-ui:neon-client","t":"Neon Client","d":"Shared Neon API client factory used by neon-ui data hooks.","k":"lib","s":"neon-ui","c":"lib/utility","tg":["neon"],"sb":"Data fetching","sy":["neon"],"hc":1},{"id":"neon-ui:status-badge","t":"StatusBadge","d":"Dot-and-label status vocabulary for apps and branches, with a billing PlanBadge companion.","s":"neon-ui","c":"data-display/badge","sb":"Status","hc":1},{"id":"neon-ui:empty-state","t":"EmptyState","d":"Intentional dashed-border placeholder with title, description, icon, and action slots.","s":"neon-ui","c":"data-display/empty-state","hc":1},{"id":"neon-ui:app-card","t":"AppCard","d":"Tenant dashboard grid card composing the status vocabulary: name, badges, timestamp, one-l","s":"neon-ui","c":"data-display/card","hc":1},{"id":"neon-ui:animated-wash","t":"AnimatedWash","d":"WebGL grain-gradient shader wash rising from the bottom edge, colored by currentColor with","k":"motion","s":"neon-ui","c":"motion/shader","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"neon-ui:color-picker","t":"ColorPicker","d":"Swatch-and-hex trigger opening an HSV field, hue rail, hex input, and preset swatches.","s":"neon-ui","c":"inputs/color-picker","hc":1},{"id":"neon-ui:app-creator","t":"AppCreator","d":"The describe-an-app bar: auto-growing prompt, free/paid plan segment, and a create action ","s":"neon-ui","c":"ai-agent/composer","hc":1},{"id":"neon-ui:auth-form","t":"AuthForm","d":"The email/password card: mode switching, providers, structured errors, and a working state","k":"layout","s":"neon-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"neon-ui:neon-aurora","t":"NeonAurora","d":"The neon.com hero as a live WebGL surface: clusters of thin vertical bars twinkling in gre","k":"motion","s":"neon-ui","c":"motion/gradient","tg":["gradient","neon","webgl"],"sy":["gradient","neon","webgl"],"hc":1},{"id":"neon-ui:mesh-gradient","t":"MeshGradient","d":"The Neon brand-deck gradient as a live WebGL surface: a defocused warm color field driftin","k":"motion","s":"neon-ui","c":"motion/gradient","tg":["gradient","neon","webgl"],"sy":["gradient","neon","webgl"],"hc":1},{"id":"neon-ui:banner-pattern","t":"BannerPattern","d":"The neon.com banner dot pattern as a live WebGL surface: a square-dot grid sampling a drif","s":"neon-ui","c":"overlays/alert-banner","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"neon-ui:dot-matrix-wave","t":"DotMatrixWave","d":"Field of dots breathing in a drifting noise wave, colored by currentColor. The RegionSelec","k":"motion","s":"neon-ui","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"neon-ui:halftone-bloom","t":"HalftoneBloom","d":"Halftone ring field revealed by soft drifting color blooms: teal and amber light behind a ","k":"motion","s":"neon-ui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"neon-ui:workspace-tabs","t":"WorkspaceTabs","d":"Workspace tab bar with gliding underline, per-tab action slot, and pane crossfade.","s":"neon-ui","c":"navigation/tabs","hc":1},{"id":"neon-ui:provisioning-status","t":"ProvisioningStatus","d":"Provisioning, waking, and error panel states composing NeonLoader with a live status detai","s":"neon-ui","c":"data-display/card","tg":["neon"],"sb":"Metric","sy":["neon"],"hc":1},{"id":"neon-ui:region-card","t":"RegionCard","d":"Floating server-info chip: region name, mono id, and a color-coded ping line.","s":"neon-ui","c":"data-display/card","hc":1},{"id":"neon-ui:region-select","t":"RegionSelect","d":"Server location picker: an interactive dot-matrix world map synced with an accessible sele","s":"neon-ui","c":"inputs/select","hc":1},{"id":"neon-ui:region-globe","t":"RegionGlobe","d":"Tilted 3D globe (globe.gl) with a monochrome relief surface, clickable region markers, and","k":"motion","s":"neon-ui","c":"motion/globe","tg":["3d"],"sy":["3d"],"hc":1},{"id":"neon-ui:use-gateway-models","t":"useGatewayModels","d":"Fetches a gateway model catalog and keeps the selection valid against it: explicit pick, t","k":"lib","s":"neon-ui","c":"lib/hook","hc":1},{"id":"neon-ui:use-region-ping","t":"useRegionPing","d":"Measures browser round-trip latency to per-region endpoints via opaque no-cors requests.","k":"lib","s":"neon-ui","c":"lib/hook","hc":1},{"id":"neon-ui:branch-picker","t":"BranchPicker","d":"A searchable branch selector with default/protected status and an inline create-branch aff","s":"neon-ui","c":"inputs/select","hc":1},{"id":"neon-ui:branch-tree","t":"BranchTree","d":"A drawn branch graph: nodes colored by compute state, curved edges to each parent, default","s":"neon-ui","c":"data-display/tree","hc":1},{"id":"neon-ui:autoscale-chart","t":"AutoscaleChart","d":"Autoscaling compute units over time against the min/max bounds, with a scrubable readout.","s":"neon-ui","c":"data-viz/chart","hc":1},{"id":"neon-ui:logs-viewer","t":"LogsViewer","d":"Virtualized, follow-tailing log pane with ANSI colors, level filters, search, and a retent","s":"neon-ui","c":"inputs/search","hc":1},{"id":"neon-ui:branch-diff","t":"BranchDiff","d":"Schema and row-level comparison between two branches with change counts, search, kind filt","s":"neon-ui","c":"data-display/diff","hc":1},{"id":"neon-ui:schema-explorer","t":"SchemaExplorer","d":"A collapsible Postgres schema tree: tables to columns, indexes, and relations, with types ","s":"neon-ui","c":"inputs/search","hc":1},{"id":"neon-ui:sql-runner","t":"SQLRunner","d":"A guarded SQL editor with run and cancel controls, inline Postgres errors, and a typed res","s":"neon-ui","c":"inputs/textarea","hc":1},{"id":"neon-ui:query-history","t":"QueryHistory","d":"Searchable recent SQL with status, timing, saved queries, expandable statements, copy, and","s":"neon-ui","c":"data-display/timeline","hc":1},{"id":"neon-ui:checkpoint-timeline","t":"CheckpointTimeline","d":"Checkpoint history rail with git sha, snapshot indicator, project id, restore with busy st","s":"neon-ui","c":"data-display/timeline","hc":1},{"id":"neon-ui:db-connection-card","t":"DBConnectionCard","d":"Neon database connection card: pooled/direct toggle, role and database selectors, URI / ps","s":"neon-ui","c":"data-display/card","tg":["neon"],"sy":["neon"],"hc":1},{"id":"neon-ui:api-key-list","t":"ApiKeyList","d":"Create, reveal-once, and revoke Neon API keys (personal and organization), with an inline ","s":"neon-ui","c":"data-display/list","tg":["neon"],"sy":["neon"],"hc":1},{"id":"neon-ui:activity-feed","t":"ActivityFeed","d":"A chronological feed of system events (provision, transfer, agent) on a status-vocabulary ","s":"neon-ui","c":"data-display/timeline","hc":1},{"id":"neon-ui:compute-status","t":"ComputeStatus","d":"Compact compute readout: lifecycle state (active/idle/scaling/suspended), autoscaling CU s","s":"neon-ui","c":"data-display/stat","hc":1},{"id":"neon-ui:dialog","t":"Dialog","d":"Base UI dialog in the house chrome: card panel, hairline border, quiet rise.","s":"neon-ui","c":"overlays/dialog","hc":1},{"id":"neon-ui:confirm-dialog","t":"ConfirmDialog","d":"Destructive confirmation modal armed by press-and-hold, with keyboard hold support.","s":"neon-ui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"neon-ui:usage-card","t":"UsageCard","d":"Single Neon consumption metric on the MetricCard shell: derives label, format, unit, total","s":"neon-ui","c":"data-display/card","tg":["neon"],"sy":["neon"],"hc":1},{"id":"neon-ui:usage-panel","t":"UsagePanel","d":"Per-project consumption grid composing MetricCard, with plan-gated metrics and metering-la","s":"neon-ui","c":"data-display/card","hc":1},{"id":"neon-ui:popover","t":"Popover","d":"Base UI popover in the house chrome.","s":"neon-ui","c":"overlays/popover","hc":1},{"id":"neon-ui:date-range-picker","t":"DateRangePicker","d":"Custom date range picker: mono pill trigger, preset rail, hand-built month grid with range","s":"neon-ui","c":"inputs/date-range","hc":1},{"id":"neon-ui:upgrade-dialog","t":"UpgradeDialog","d":"Pricing dialog with drawn-check feature list and a processing upgrade action.","s":"neon-ui","c":"overlays/dialog","hc":1},{"id":"neon-ui:create-project","t":"CreateProject","d":"Create-project onboarding panel: project form on the left, the interactive region map on t","s":"neon-ui","c":"navigation/wizard-steps","hc":1},{"id":"neon-ui:consumption","t":"Consumption metrics","d":"Types, unit conversion, allowances, and cost math for the Neon v2 consumption API.","k":"lib","s":"neon-ui","c":"lib/utility","tg":["neon"],"sy":["neon"],"hc":1},{"id":"neon-ui:use-consumption-history","t":"useConsumptionHistory","d":"Fetches consumption history through your own proxy route and shapes it into buckets and to","k":"lib","s":"neon-ui","c":"lib/hook","hc":1},{"id":"neon-ui:consumption-chart","t":"ConsumptionChart","d":"Interactive consumption time series with labelled axes, unit-aware totals, a scrubbable re","s":"neon-ui","c":"data-viz/chart","hc":1},{"id":"neon-ui:storage-breakdown","t":"StorageBreakdown","d":"Storage composition by volume or by cost — root, child, instant restore, and snapshots as ","s":"neon-ui","c":"other/other","hc":1},{"id":"neon-ui:cost-estimate-card","t":"CostEstimateCard","d":"Invoice-shaped cost estimate: quantity by rate per metric, allowances shown, with an optio","s":"neon-ui","c":"data-display/card","hc":1},{"id":"neon-ui:branch-usage-table","t":"BranchUsageTable","d":"Per-branch consumption attribution: sortable metric columns, magnitude rules, an expandabl","s":"neon-ui","c":"data-display/table","hc":1},{"id":"nexus-labs:nexus-font","t":"Nexus UI Inter Font","d":"Inter font setup used by Nexus UI components so installed components match the preview typ","k":"resource","s":"nexus-labs","c":"assets/font","vn":1},{"id":"nexus-labs:scroll-progress-bar","t":"Scroll Progress Bar","d":"A minimal vertical progress rail that fills smoothly as a target section moves through the","s":"nexus-labs","c":"data-viz/progress-bar","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"nexus-labs:wheel-selector","t":"Wheel Selector","d":"An interactive radial navigation dial for services, features, or portfolio items with drag","k":"section","s":"nexus-labs","c":"marketing/features","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:cinematic-card-deck","t":"Cinematic Card Deck","d":"A scroll-linked 3D card stack with depth, ambient glow, progress dots, cursor parallax, an","s":"nexus-labs","c":"media/card-stack","tg":["3d","animated","neon"],"sy":["3d","animated","neon"],"hc":1},{"id":"nexus-labs:cursor-text-reveal","t":"Cursor Text Reveal","d":"An immersive cursor-following spotlight that reveals alternate text, gradients, or imagery","k":"motion","s":"nexus-labs","c":"motion/text-effect","tg":["animated","gradient"],"sb":"Reveal and entrance","sy":["animated","gradient"],"hc":1},{"id":"nexus-labs:cinematic-logo-cloud","t":"Cinematic Logo Cloud","d":"A staggered blur-fade entrance animation for brand logos. Uses framer-motion and fully sem","k":"section","s":"nexus-labs","c":"marketing/logos","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:step-flow","t":"Step Flow","d":"A responsive four-step process section with a sliding highlight, animated image swaps, and","k":"section","s":"nexus-labs","c":"marketing/features","tg":["animated"],"sb":"Steps","sy":["animated"],"hc":1},{"id":"nexus-labs:phone-input","t":"Phone Input","d":"A modern animated phone number input with country selector and validation.","s":"nexus-labs","c":"inputs/form-field","tg":["animated"],"sb":"Phone","sy":["animated"],"hc":1},{"id":"nexus-labs:hero-aurora-spotlight","t":"Aurora Hero Spotlight","d":"Cursor-reactive spotlight layered over an aurora field for launch heroes.","k":"section","s":"nexus-labs","c":"marketing/hero","tg":["animated","gradient"],"sb":"Animated background","sy":["animated","gradient"],"hc":1},{"id":"nexus-labs:bento-signal-grid","t":"Signal Bento Grid","d":"Animated bento tiles with breathing gradients for product metrics.","k":"layout","s":"nexus-labs","c":"layout/bento-grid","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"nexus-labs:nebula-glass-card","t":"Nebula Glass Card","d":"3D tilt card with spring physics and luminous edge lighting.","s":"nexus-labs","c":"data-display/card","tg":["3d","animated","glass"],"sb":"Animated and glowing","sy":["3d","animated","glass"],"hc":1},{"id":"nexus-labs:float-glass-navbar","t":"Float Glass Navbar","d":"Glass navigation rail with spring entrance and CTA emphasis.","s":"nexus-labs","c":"navigation/top-nav","tg":["animated","glass"],"sb":"Glass","sy":["animated","glass"],"hc":1},{"id":"nexus-labs:orbit-footer","t":"Orbit Footer","d":"Compact footer with balanced columns and developer-first links.","k":"section","s":"nexus-labs","c":"marketing/footer","hc":1},{"id":"nexus-labs:depth-testimonials","t":"Depth Testimonials","d":"Stacked testimonial planes with staggered motion reveals.","k":"section","s":"nexus-labs","c":"marketing/testimonials","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"nexus-labs:toggle-pricing-pro","t":"Toggle Pricing","d":"Annual/monthly toggle with spring knob and contextual savings callout.","k":"section","s":"nexus-labs","c":"marketing/pricing","tg":["animated"],"sb":"With billing toggle","sy":["animated"],"hc":1},{"id":"nexus-labs:beam-sweep-field","t":"Beam Sweep Field","d":"Slow sweeping light column for cinematic section backgrounds.","s":"nexus-labs","c":"inputs/form-field","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:vector-tilt-scene","t":"Vector Tilt Scene","d":"High depth glass panel for hero cards and feature highlights.","k":"motion","s":"nexus-labs","c":"motion/tilt-3d","tg":["3d","animated","glass"],"sy":["3d","animated","glass"],"hc":1},{"id":"nexus-labs:glass-login-stack","t":"Glass Login Stack","d":"Minimal glass authentication panel with crisp focus states.","k":"layout","s":"nexus-labs","c":"flows/sign-in","tg":["animated","glass","minimal"],"sb":"Sign in","sy":["animated","glass","minimal"],"hc":1},{"id":"nexus-labs:split-signup-convert","t":"Split Signup Convert","d":"Two-column signup with narrative panel and compact fields.","k":"layout","s":"nexus-labs","c":"flows/sign-in","tg":["animated"],"sb":"Sign up","sy":["animated"],"hc":1},{"id":"nexus-labs:signup-form","t":"Signup Form","d":"Customizable signup form built on shadcn input + label with subtle framer-motion transitio","k":"layout","s":"nexus-labs","c":"flows/sign-in","tg":["animated"],"sb":"Sign up","sy":["animated"],"hc":1},{"id":"nexus-labs:workbench-sidebar","t":"Workbench Sidebar","d":"Dense sidebar navigation tuned for dashboards and tools.","s":"nexus-labs","c":"navigation/sidebar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:pulse-dashboard-kpis","t":"Pulse Dashboard KPIs","d":"KPI strip with micro-hover lifts and soft chart placeholders.","k":"layout","s":"nexus-labs","c":"layout/dashboard","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:orbital-loader","t":"Orbital Loader","d":"Dual counter-rotating rings with breathing inner glow.","s":"nexus-labs","c":"status/loader","tg":["animated","neon"],"sb":"Spinners","sy":["animated","neon"],"hc":1},{"id":"nexus-labs:milestone-timeline","t":"Milestone Timeline","d":"Vertical roadmap timeline with glowing nodes.","s":"nexus-labs","c":"data-display/timeline","tg":["animated","neon"],"sy":["animated","neon"],"hc":1},{"id":"nexus-labs:lattice-feature-grid","t":"Lattice Feature Grid","d":"Four-up feature grid with scroll reveals and glass tiles.","k":"section","s":"nexus-labs","c":"marketing/features","tg":["animated","glass"],"sb":"Grid of cards","sy":["animated","glass"],"hc":1},{"id":"nexus-labs:motion-faq-disclosure","t":"Motion FAQ Disclosure","d":"Lightweight FAQ with directional affordance and animated answers.","s":"nexus-labs","c":"data-display/accordion","tg":["animated"],"sb":"FAQ","sy":["animated"],"hc":1},{"id":"nexus-labs:nebula-cta-glow","t":"Nebula CTA Glow","d":"Pulsing dual nebula glow behind a high-contrast CTA.","k":"section","s":"nexus-labs","c":"marketing/cta","tg":["animated","neon"],"sy":["animated","neon"],"hc":1},{"id":"nexus-labs:glow-button","t":"Glow Button","d":"Framer-style glowing CTA button with expanding shadow, radial border sweep, glass edge, an","s":"nexus-labs","c":"actions/button","tg":["animated","glass","neon"],"sb":"Animated","sy":["animated","glass","neon"],"hc":1},{"id":"nexus-labs:word-magnet","t":"Word Magnet","d":"Cursor-reactive text where whole words gently repel from the pointer and spring back witho","k":"motion","s":"nexus-labs","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:three-d-folder","t":"3D Folder Card","d":"Interactive folder card that opens on hover, fans project cards upward, and includes a lig","k":"motion","s":"nexus-labs","c":"motion/shader","tg":["3d","animated","webgl"],"sy":["3d","animated","webgl"],"hc":1},{"id":"nexus-labs:draggable-card-stack","t":"Draggable Card Stack","d":"Shuffled deck of portrait cards on a dark surface. Drag or fling the top card to send it t","s":"nexus-labs","c":"media/card-stack","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:card-carousel-3d","t":"3D Card Carousel","d":"Cylindrical 3D card carousel — cards arranged in a circle on the Z axis, rotating continuo","s":"nexus-labs","c":"media/carousel","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"nexus-labs:real-time-cursors","t":"Real Time Cursors","d":"Collaborative workspace preview with animated teammate cursors, code review cards, and sim","k":"motion","s":"nexus-labs","c":"motion/cursor","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:editorial-blog-rail","t":"Editorial Blog Rail","d":"Featured article plus compact secondary headlines for content hubs.","k":"section","s":"nexus-labs","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"nexus-labs:split-contact-glass","t":"Split Contact Glass","d":"Marketing narrative paired with a compact contact capture form.","k":"section","s":"nexus-labs","c":"marketing/marketing","tg":["animated","glass"],"sb":"Contact","sy":["animated","glass"],"hc":1},{"id":"nexus-labs:svg-noise-shader","t":"SVG Noise Shader","d":"FeTurbulence-driven noise field for textured sci-fi surfaces.","k":"motion","s":"nexus-labs","c":"motion/shader","tg":["animated","retro and HUD","webgl"],"sy":["animated","retro and HUD","webgl"],"hc":1},{"id":"nexus-labs:tracing-spotlight-panel","t":"Tracing Spotlight Panel","d":"Cursor-traced highlight for feature callouts and pricing tiers.","s":"nexus-labs","c":"data-display/card","tg":["animated"],"sb":"Animated and glowing","sy":["animated"],"hc":1},{"id":"nexus-labs:forge-ai-command-bar","t":"Forge AI Command Bar","d":"Command surface for AI copilots with motion layout container.","s":"nexus-labs","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:gooey-input","t":"Gooey Search Input","d":"Expandable pill search with a detached icon bubble merged through an SVG goo filter and sp","s":"nexus-labs","c":"inputs/form-field","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:terminal","t":"Interactive Terminal","d":"macOS-style terminal window with typewriter commands, cursor blink, output sequencing, and","s":"nexus-labs","c":"data-display/code-block","tg":["animated","retro and HUD"],"sy":["animated","retro and HUD"],"hc":1},{"id":"nexus-labs:squiggly-text","t":"RippleLine squiggly text","d":"Hero-grade headline with an animated wave underline, turbulence + Gaussian blur + displace","k":"motion","s":"nexus-labs","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:floating-dock","t":"Nexus floating dock","d":"Bottom-centered macOS-style dock with pointer-driven magnification, neighbor scaling, glas","s":"nexus-labs","c":"navigation/dock","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"nexus-labs:stateful-button","t":"Stateful message button","d":"Animated async button with idle → loading → success transitions, built-in click guarding, ","s":"nexus-labs","c":"actions/button","tg":["animated"],"sb":"Loading and states","sy":["animated"],"hc":1},{"id":"nexus-labs:sparkles","t":"Sparkles field","d":"Configurable animated particle field for hero highlights, card backgrounds, and decorative","k":"motion","s":"nexus-labs","c":"motion/background","tg":["animated"],"sb":"Particles and stars","sy":["animated"],"hc":1},{"id":"nexus-labs:text-generate-effect","t":"Text Generate Effect","d":"Animated text reveal that fades words, characters, or lines into view with optional blur a","k":"motion","s":"nexus-labs","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:background-gradient","t":"Background Gradient","d":"Animated gradient wrapper with soft glow and blur for cards, buttons, and hero sections.","k":"motion","s":"nexus-labs","c":"motion/gradient","tg":["animated","gradient","neon"],"sy":["animated","gradient","neon"],"hc":1},{"id":"nexus-labs:typewriter-effect","t":"Typewriter Effect","d":"Character-by-character typewriter text animation with blinking cursor, optional deleting, ","k":"motion","s":"nexus-labs","c":"motion/text-effect","tg":["animated"],"sb":"Typewriter","sy":["animated"],"hc":1},{"id":"nexus-labs:text-reveal-card","t":"Text Reveal Card","d":"Interactive spotlight card with mouse-follow glow and bottom reveal content for features, ","s":"nexus-labs","c":"data-display/card","tg":["animated","neon"],"sy":["animated","neon"],"hc":1},{"id":"nexus-labs:glowing-effect-cards","t":"Glowing Effect Cards","d":"Cursor-reactive glowing border cards with a responsive 2-1-2 layout for refined SaaS secti","s":"nexus-labs","c":"data-display/card","tg":["animated","neon"],"sb":"Animated and glowing","sy":["animated","neon"],"hc":1},{"id":"nexus-labs:infinite-moving-cards","t":"Infinite Moving Cards","d":"Customizable infinite marquee of cards with seamless looping, direction controls, hover pa","s":"nexus-labs","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:meteors","t":"Meteor Effect","d":"Animated diagonal meteor beams with glow heads and trailing streaks, designed as a reusabl","k":"motion","s":"nexus-labs","c":"motion/background","tg":["animated","neon"],"sb":"Particles and stars","sy":["animated","neon"],"hc":1},{"id":"nexus-labs:background-boxes","t":"Background Boxes","d":"Animated isometric grid background with hover color effects and cross markers. Fully confi","k":"motion","s":"nexus-labs","c":"motion/background","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:encrypted-text","t":"Encrypted Text","d":"Characters shuffle through gibberish before locking into the final string — a futuristic c","k":"motion","s":"nexus-labs","c":"motion/text-effect","tg":["animated","neon"],"sy":["animated","neon"],"hc":1},{"id":"nexus-labs:mac-keyboard","t":"Mac Keyboard","d":"Fully interactive Mac-style keyboard with Web Audio synthesised click sounds, Framer Motio","s":"nexus-labs","c":"data-display/typography","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:images-badge","t":"Images Badge","d":"Stacked avatar/image pill that fans open on hover — ideal for team badges, social proof, a","s":"nexus-labs","c":"data-display/badge","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:dot-grid-hero","t":"Interactive Dot Grid Hero","d":"Cinematic hero section with a Canvas-rendered dot grid that reacts to cursor proximity — d","k":"section","s":"nexus-labs","c":"marketing/hero","tg":["animated","neon"],"sb":"Animated background","sy":["animated","neon"],"hc":1},{"id":"nexus-labs:starfield-hero","t":"Interactive Starfield Hero","d":"Dark hero section with a cursor-reactive starfield. Hundreds of glowing particles stretch,","k":"section","s":"nexus-labs","c":"marketing/hero","tg":["animated","neon"],"sb":"Animated background","sy":["animated","neon"],"hc":1},{"id":"nexus-labs:compare","t":"Before / After Compare","d":"Drag a vertical handle to compare two images side-by-side. Supports mouse and touch, optio","k":"section","s":"nexus-labs","c":"marketing/comparison","hc":1},{"id":"nexus-labs:expandable-cards","t":"Expandable Cards","d":"Responsive card grid where clicking a card smoothly expands it into a full-detail overlay ","s":"nexus-labs","c":"data-display/accordion","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"nexus-labs:animated-select-headline","t":"Animated Select Headline","d":"A cycling word headline where each active word is highlighted with a Figma-style selection","k":"motion","s":"nexus-labs","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:warp-speed-card","t":"Warp Speed Card","d":"A focused warp-speed effect — hover a single phrase to reveal a dark space scene with stre","s":"nexus-labs","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:circular-carousel","t":"Circular Carousel","d":"An animated orbital carousel with smooth active-card transitions.","s":"nexus-labs","c":"media/carousel","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:chat-messages","t":"Chat Messages","d":"Animated chat message bubbles with typing indicators and sequential reveal.","s":"nexus-labs","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Chat","sy":["animated"],"hc":1},{"id":"nexus-labs:shader-flow","t":"Shader Flow","d":"A soft animated shader-style background with flowing gradient motion.","k":"motion","s":"nexus-labs","c":"motion/shader","tg":["animated","gradient","webgl"],"sy":["animated","gradient","webgl"],"hc":1},{"id":"nexus-labs:ask-nexus-input","t":"Ask Nexus Input","d":"A bold \\","s":"nexus-labs","c":"inputs/form-field","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:interactive-globe-explorer","t":"Interactive Globe Explorer","d":"Scrollable office/location explorer with a live React Globe, synchronized city list, click","k":"motion","s":"nexus-labs","c":"motion/globe","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"nexus-labs:scroll-reveal-text","t":"Scroll Reveal Text","d":"Scroll-linked text reveal where words, characters, or lines emerge from muted gray to brig","k":"motion","s":"nexus-labs","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"nexus-labs:animated-countdown","t":"Animated Countdown","d":"Flip-style countdown timer with four variants — modern, digital, minimal, and classic. Smo","k":"motion","s":"nexus-labs","c":"motion/number-ticker","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"nexus-labs:shooting-stars-grid","t":"Shooting Stars Grid","d":"Animated dot grid with diagonal shooting star streaks and glowing nodes. A dramatic yet su","k":"motion","s":"nexus-labs","c":"motion/background","tg":["animated","neon"],"sb":"Particles and stars","sy":["animated","neon"],"hc":1},{"id":"nexus-labs:hover-highlight-text","t":"Hover Highlight Text","d":"Cursor-tracked SVG spotlight that reveals outlined text beneath a base layer. Smooth sprin","k":"motion","s":"nexus-labs","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:motion-layer-scroller","t":"Motion Layer Scroller","d":"Scroll-driven parallax depth engine — each layer moves at an independent speed and axis as","k":"layout","s":"nexus-labs","c":"layout/scroll-area","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"nexus-labs:animated-bento-grid","t":"Animated Bento Grid","d":"Feature showcase bento grid with entrance animations and configurable column spans. Each t","k":"layout","s":"nexus-labs","c":"layout/bento-grid","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:bento-grid-skeleton","t":"Bento Grid Skeleton","d":"Bento grid with animated skeleton placeholder tiles — chat, dashboard, avatar, workflow, c","s":"nexus-labs","c":"status/skeleton","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:scrolling-testimonials","t":"Scrolling Testimonials","d":"Infinite vertical scroll testimonial wall with multi-column layout, independent column spe","k":"section","s":"nexus-labs","c":"marketing/testimonials","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"nexus-labs:spectra-frame","t":"Spectra Frame","d":"Zero-dependency interactive image grid — photos start in black & white and burst into full","s":"nexus-labs","c":"media/gallery","hc":1},{"id":"nexus-labs:profile-orbit","t":"Profile Orbit","d":"An interactive profile carousel where five floating avatars orbit a central card. Clicking","s":"nexus-labs","c":"data-display/profile","hc":1},{"id":"nexus-labs:command-palette","t":"Command Palette","d":"Animated command palette with ⌘K shortcut, grouped navigation/actions/theme commands, back","s":"nexus-labs","c":"navigation/command-palette","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:image-trail","t":"Image Trail","d":"A cursor trail that cycles through a configurable image array as you move, with fade-blur ","s":"nexus-labs","c":"media/gallery","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:avatar-group","t":"Avatar Group","d":"Overlapping avatar stack with per-avatar entrance animations (flip, slide, scale, bounce),","s":"nexus-labs","c":"data-display/avatar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"nexus-labs:feature-tools-card","t":"Feature Tools Card","d":"A dark glass card with five magnetic icon slots, a rotating conic-gradient orbit ring, and","k":"section","s":"nexus-labs","c":"marketing/features","tg":["3d","glass","gradient"],"sb":"Grid of cards","sy":["3d","glass","gradient"],"hc":1},{"id":"nexus-labs:pricing-section","t":"Pricing Section","d":"Four interactive pricing layouts with radio selection, animated monthly and yearly billing","k":"section","s":"nexus-labs","c":"marketing/pricing","tg":["animated"],"sb":"With billing toggle","sy":["animated"],"hc":1},{"id":"nexus-labs:logo-clouds","t":"Brand Logo Animation","d":"A complete set of animated logo cloud layouts including marquee, spotlight, swapping, and ","k":"resource","s":"nexus-labs","c":"assets/logo","tg":["animated"],"sb":"Dev tools","sy":["animated"],"hc":1},{"id":"nexus-labs:sidebar","t":"Sidebar","d":"Simple, collapsible, and grouped animated sidebar navigation layouts.","s":"nexus-labs","c":"navigation/sidebar","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"nexus-labs:contact-page","t":"Contact Page","d":"Contact block variants with forms, social links, imagery, and the included Nexus mark.","k":"section","s":"nexus-labs","c":"marketing/marketing","tg":["animated"],"sb":"Contact","sy":["animated"],"hc":1},{"id":"nexus-labs:blog-content-sections","t":"Blog Content Sections","d":"Centered article, table-of-contents, editorial, featured post, and hover-card blog section","k":"section","s":"nexus-labs","c":"marketing/marketing","tg":["animated"],"sb":"Blog and posts","sy":["animated"],"hc":1},{"id":"nexus-ui:prompt-input","t":"Prompt Input","d":"Composable chat input with auto-resizing textarea and action slots","s":"nexus-ui","c":"ai-agent/composer","hc":1},{"id":"nexus-ui:suggestions","t":"Suggestions","d":"Prompt suggestion chips for guiding user input","s":"nexus-ui","c":"ai-agent/composer","hc":1},{"id":"nexus-ui:attachments","t":"Attachments","d":"Composable file attachments for chat inputs and messages with preview, variants, and uploa","s":"nexus-ui","c":"inputs/file-upload","hc":1},{"id":"nexus-ui:model-selector","t":"Model Selector","d":"Dropdown for selecting AI models with radio groups, sub-menus, and custom items","s":"nexus-ui","c":"ai-agent/ai-agent","hc":1},{"id":"nexus-ui:message","t":"Message","d":"Chat message layout with markdown, optional avatar, actions, and attachments","s":"nexus-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"nexus-ui:thread","t":"Thread","d":"Scrollable chat thread with stick-to-bottom scrolling and jump-to-bottom control","s":"nexus-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"nexus-ui:citation","t":"Citation","d":"Inline source references with hover preview and multi-source carousel","s":"nexus-ui","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"nexus-ui:image","t":"Image","d":"Image renderer for URLs, base64, and byte payloads with preview, loader, lightbox, and act","s":"nexus-ui","c":"media/gallery","hc":1},{"id":"nexus-ui:reasoning","t":"Reasoning","d":"Collapsible model reasoning trace with streaming-aware labels and markdown body","s":"nexus-ui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"nexus-ui:feedback-bar","t":"Feedback Bar","d":"Feedback prompt bar for per-message or thread ratings with action and close slots","s":"nexus-ui","c":"ai-agent/composer","hc":1},{"id":"nexus-ui:text-shimmer","t":"Text Shimmer","d":"Animated shimmer text for loading, tool runs, and other in-progress UI","k":"motion","s":"nexus-ui","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"nexus-ui:toaster","t":"Toaster","d":"Headless toast notifications powered by Sonner, with variant-aware styling and custom acti","s":"nexus-ui","c":"overlays/toast","hc":1},{"id":"nexus-ui:chain-of-thought","t":"Chain of Thought","d":"Structured multi-step thought timeline with step status, optional expandable output, and a","s":"nexus-ui","c":"navigation/wizard-steps","hc":1},{"id":"nexus-ui:tool","t":"Tool","d":"Tool call component with state-aware header and JSON input/output blocks","s":"nexus-ui","c":"data-display/code-block","hc":1},{"id":"nexus-ui:questions","t":"Questions","d":"Follow-up clarification questions with single or multiple choice, carousel navigation, and","k":"section","s":"nexus-ui","c":"marketing/faq","hc":1},{"id":"niko-table:data-table-ui","t":"Data Table UI (table.tsx)","d":"Shadcn table primitive extended with TableComponent and a keyboard-focusable scroll contai","s":"niko-table","c":"data-display/table","sb":"Data tables","hc":1},{"id":"niko-table:data-table-core","t":"Data Table Core","d":"Shared floor for Niko Table: context, non-virtualized structure, types, config, and the li","s":"niko-table","c":"data-display/table","sb":"Data tables","hc":1},{"id":"niko-table:data-table","t":"Data Table","d":"Full DataTable owner (DataTableRoot, DataTable chrome, feature detection) on top of data-t","s":"niko-table","c":"data-display/table","sb":"Data tables","hc":1},{"id":"niko-table:data-table-virtualized","t":"DataTable Virtualized Structure","d":"Virtualized table structure for rendering large datasets efficiently using TanStack Virtua","s":"niko-table","c":"data-display/table","sb":"Data tables","vn":2,"hc":1},{"id":"niko-table:data-table-pagination","t":"DataTable Pagination","d":"Full-featured pagination controls with page size selector, page navigation, and row count ","s":"niko-table","c":"navigation/pagination","hc":1},{"id":"niko-table:data-table-search-filter","t":"DataTable Search Filter","d":"Global search input with debouncing for filtering table data.","s":"niko-table","c":"inputs/search","hc":1},{"id":"niko-table:data-table-sort-menu","t":"DataTable Sort Menu","d":"Sort management menu with multi-column sorting and drag-and-drop reordering.","s":"niko-table","c":"navigation/menu","hc":1},{"id":"niko-table:data-table-view-menu","t":"DataTable View Menu","d":"Column visibility toggle menu for showing/hiding table columns.","s":"niko-table","c":"navigation/menu","hc":1},{"id":"niko-table:data-table-view-dnd-menu","t":"DataTable View DnD Menu","d":"Column visibility toggle menu with drag-to-reorder support. Use instead of data-table-view","s":"niko-table","c":"navigation/menu","hc":1},{"id":"niko-table:data-table-clear-filter","t":"DataTable Clear Filter","d":"Button to clear all active table filters at once.","s":"niko-table","c":"data-display/table","sb":"Data tables","hc":1},{"id":"niko-table:data-table-filter-menu","t":"DataTable Filter Menu","d":"Command palette-style filter interface for adding and managing column filters.","s":"niko-table","c":"navigation/menu","hc":1},{"id":"niko-table:data-table-faceted-filter","t":"DataTable Faceted Filter","d":"Faceted filter for single/multiple selection with option counts and search.","s":"niko-table","c":"data-display/table","sb":"Data tables","hc":1},{"id":"niko-table:data-table-inline-filter","t":"DataTable Inline Filter","d":"Inline filter toolbar that displays active filters as editable chips.","s":"niko-table","c":"data-display/table","sb":"Data tables","hc":1},{"id":"niko-table:data-table-slider-filter","t":"DataTable Slider Filter","d":"Slider-based filter for numeric range filtering.","s":"niko-table","c":"inputs/slider","hc":1},{"id":"niko-table:data-table-date-filter","t":"DataTable Date Filter","d":"Date picker filter supporting single date and date range selection.","s":"niko-table","c":"inputs/date-range","hc":1},{"id":"niko-table:data-table-export-button","t":"DataTable Export Button","d":"Export table data to CSV with configurable options.","s":"niko-table","c":"actions/button","hc":1},{"id":"niko-table:data-table-aside","t":"DataTable Aside","d":"Sidebar panel component for displaying row details or additional content alongside the tab","s":"niko-table","c":"data-display/table","sb":"Data tables","hc":1},{"id":"niko-table:data-table-selection-bar","t":"DataTable Selection Bar","d":"Bulk actions bar that appears when rows are selected.","s":"niko-table","c":"data-display/table","sb":"Data tables","hc":1},{"id":"niko-table:data-table-column-sort","t":"DataTable Column Sort","d":"Column header sort options with ascending/descending/clear controls.","s":"niko-table","c":"data-display/table","sb":"Data tables","hc":1},{"id":"niko-table:data-table-column-hide","t":"DataTable Column Hide","d":"Column header option to hide/show individual columns.","s":"niko-table","c":"data-display/table","sb":"Data tables","hc":1},{"id":"niko-table:data-table-column-pin","t":"DataTable Column Pin","d":"Column header option to pin columns to left or right.","s":"niko-table","c":"data-display/table","sb":"Data tables","hc":1},{"id":"niko-table:data-table-column-group","t":"DataTable Column Group","d":"Column header option to group rows by column values with TanStack aggregation support.","s":"niko-table","c":"data-display/table","sb":"Data tables","hc":1},{"id":"niko-table:data-table-column-faceted-filter","t":"DataTable Column Faceted Filter","d":"Column header faceted filter with multi-select options in a dropdown.","s":"niko-table","c":"data-display/table","sb":"Data tables","hc":1},{"id":"niko-table:data-table-column-slider-filter","t":"DataTable Column Slider Filter","d":"Column header slider filter for numeric range filtering in a dropdown.","s":"niko-table","c":"inputs/slider","hc":1},{"id":"niko-table:data-table-column-date-filter","t":"DataTable Column Date Filter","d":"Column header date filter with calendar picker in a dropdown.","s":"niko-table","c":"inputs/date-range","hc":1},{"id":"niko-table:data-table-row-dnd","t":"DataTable Row DnD","d":"Drag-and-drop row reordering with composable primitives. Includes DnD provider, draggable ","s":"niko-table","c":"data-display/list","sb":"Sortable","hc":1},{"id":"niko-table:data-table-column-dnd","t":"DataTable Column DnD","d":"Drag-and-drop column reordering with composable primitives. Includes DnD provider, draggab","s":"niko-table","c":"data-display/table","sb":"Data tables","hc":1},{"id":"niko-table:data-table-column-resize","t":"DataTable Column Resize","d":"Opt-in column resizing with drag handles and double-click autosize (measures natural text ","s":"niko-table","c":"data-display/table","sb":"Data tables","hc":1},{"id":"niko-table:data-table-column-auto-fit","t":"DataTable Column Auto fit","d":"Opt-in even-split fill for resizable columns. Drop <DataTableColumnAutoFit/> next to <Data","s":"niko-table","c":"data-display/table","sb":"Data tables","hc":1},{"id":"niko-table:data-table-column-sizing-persistence","t":"DataTable Column Sizing Persistence","d":"Opt-in localStorage persistence for column widths. Call useColumnSizingPersistence(storage","k":"lib","s":"niko-table","c":"lib/utility","hc":1},{"id":"niko-table:data-table-grid","t":"Data Grid (editable)","d":"Composable editable spreadsheet grid: a headless engine (focus, selection, edit lifecycle,","s":"niko-table","c":"data-display/table","sb":"Editable","vn":1,"hc":1},{"id":"nordaun:audio","t":"Audio","d":"An audio playback with extendable control modules already included such as volume and spee","s":"nordaun","c":"media/player","hc":1},{"id":"nordaun:file","t":"File","d":"A context-based file uploader with customizable titles, descriptions and icons and a built","k":"resource","s":"nordaun","c":"assets/icon","hc":1},{"id":"nordaun:flag","t":"Flag","d":"A simple flag display which renders a vector image of the selected country's flag by its c","k":"resource","s":"nordaun","c":"assets/flag","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"nordaun:loading","t":"Loading","d":"A simple loading component that can be useful when working with long loading components or","s":"nordaun","c":"status/loader","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"nordaun:map","t":"Map","d":"A modular context-based map with built in controls such as projection, zoom, rotation and ","s":"nordaun","c":"data-viz/map","hc":1},{"id":"nordaun:password","t":"Password","d":"A super simple password input component with a toggle options that hides or reveals your p","s":"nordaun","c":"inputs/form-field","tg":["minimal"],"sb":"Password","sy":["minimal"],"hc":1},{"id":"nordaun:phone","t":"Phone","d":"A simple but clean phone input with a region selection so you dont have to worry about mes","s":"nordaun","c":"inputs/form-field","tg":["minimal"],"sb":"Phone","sy":["minimal"],"hc":1},{"id":"nordaun:video","t":"Video","d":"A video playback with extendable control modules already included such as volume, speed an","s":"nordaun","c":"media/player","hc":1},{"id":"nostalgia-ui:nostalgia-theme","t":"Nostalgia Theme","d":"Mac OS 9 design tokens (--os9-* colors, bevel shadows, font stacks) and utilities (os9-rai","k":"theme","s":"nostalgia-ui","c":"themes/theme","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"nostalgia-ui:retro-label","t":"RetroLabel","d":"A Mac OS 9 styled label with Geneva 10pt default and Charcoal 12pt large size variants, bu","s":"nostalgia-ui","c":"inputs/form-field","tg":["retro and HUD"],"sb":"Animated fields","sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-button","t":"RetroButton","d":"A Mac OS 9 styled button with raised bevel effect, active/pressed state, and disabled styl","s":"nostalgia-ui","c":"actions/button","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-input","t":"RetroInput","d":"A Mac OS 9 styled text input with inset bevel effect, focus ring, and two sizes.","s":"nostalgia-ui","c":"inputs/form-field","tg":["retro and HUD"],"sy":["retro and HUD"],"vn":1,"hc":1},{"id":"nostalgia-ui:retro-radio","t":"RetroRadio","d":"A Mac OS 9 styled radio button group with 3D circular bevel effect, built on Radix UI Radi","s":"nostalgia-ui","c":"inputs/radio","tg":["3d","retro and HUD"],"sy":["3d","retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-tabs","t":"RetroTabs","d":"Mac OS 9 styled tabs with large/small sizes and raised bevel active state, built on Radix ","s":"nostalgia-ui","c":"navigation/tabs","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-progress","t":"RetroProgress","d":"A Mac OS 9 styled progress bar with inset bevel track and candy-stripe azul fill pattern.","s":"nostalgia-ui","c":"data-viz/progress-bar","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-title-bar","t":"RetroTitleBar","d":"A Mac OS 9 styled title bar with striped drag region, close/collapse/zoom control boxes, a","k":"motion","s":"nostalgia-ui","c":"motion/text-effect","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-slider","t":"RetroSlider","d":"A Mac OS 9 styled slider with rectangular raised bevel thumb and inset track, built on Rad","s":"nostalgia-ui","c":"inputs/slider","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-checkbox","t":"RetroCheckbox","d":"A Mac OS 9 styled checkbox with inset bevel, checkmark and indeterminate (dash) states, bu","s":"nostalgia-ui","c":"inputs/checkbox","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-menu-bar","t":"RetroMenuBar","d":"A Mac OS 9 styled menu bar with horizontal strip, bevel highlights, azul active state, and","s":"nostalgia-ui","c":"navigation/menu","tg":["retro and HUD"],"sb":"Menubars","sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-window","t":"RetroWindow","d":"A Mac OS 9 styled window frame with title bar, close/collapse/zoom controls, active/inacti","s":"nostalgia-ui","c":"media/gallery","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-select","t":"RetroSelect","d":"A Mac OS 9 styled select dropdown with raised bevel trigger, up/down chevron arrows, and a","s":"nostalgia-ui","c":"inputs/select","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-separator","t":"RetroSeparator","d":"A Mac OS 9 styled separator with classic beveled line effect: dark top/left pixel and ligh","k":"layout","s":"nostalgia-ui","c":"layout/page-shell","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-textarea","t":"RetroTextarea","d":"A Mac OS 9 styled textarea with inset bevel effect, focus ring, vertical resize, and two s","s":"nostalgia-ui","c":"inputs/textarea","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-badge","t":"RetroBadge","d":"A Mac OS 9 styled badge with raised bevel effect, Geneva 9px font, and three color variant","s":"nostalgia-ui","c":"data-display/badge","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"nostalgia-ui:retro-popover","t":"RetroPopover","d":"A Mac OS 9 styled popover with classic drop shadow, built on Radix UI Popover.","s":"nostalgia-ui","c":"overlays/popover","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-toggle","t":"RetroToggle","d":"A Mac OS 9 styled toggle button with raised/pressed bevel states, built on Radix UI Toggle","s":"nostalgia-ui","c":"actions/switch","tg":["retro and HUD"],"sb":"Styled","sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-card","t":"RetroCard","d":"A Mac OS 9 styled card with raised bevel effect, header with bevel separator, title, descr","s":"nostalgia-ui","c":"data-display/card","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-switch","t":"RetroSwitch","d":"A Mac OS 9 styled binary toggle switch with rectangular inset track, raised bevel thumb, a","s":"nostalgia-ui","c":"actions/switch","tg":["retro and HUD"],"sb":"Styled","sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-tooltip","t":"RetroTooltip","d":"A Mac OS 9 Balloon Help styled tooltip with pale yellow background, rounded corners, and d","s":"nostalgia-ui","c":"overlays/tooltip","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-hover-card","t":"RetroHoverCard","d":"A Mac OS 9 styled hover card with solid border and drop shadow, built on Radix UI Hover Ca","s":"nostalgia-ui","c":"overlays/hover-card","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-alert","t":"RetroAlert","d":"A Mac OS 9 styled alert box with raised bevel effect, left accent border, and three varian","s":"nostalgia-ui","c":"overlays/alert-banner","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"nostalgia-ui:retro-pagination","t":"RetroPagination","d":"A Mac OS 9 styled pagination component with raised bevel page buttons, active/pressed stat","s":"nostalgia-ui","c":"navigation/pagination","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-avatar","t":"RetroAvatar","d":"A Mac OS 9 styled avatar with beveled border, image support, fallback initials, and sm/def","s":"nostalgia-ui","c":"data-display/avatar","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-skeleton","t":"RetroSkeleton","d":"A Mac OS 9 styled skeleton loading placeholder with dithered diagonal hatching pattern and","s":"nostalgia-ui","c":"status/skeleton","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-chevron","t":"RetroChevron","d":"A Mac OS 9 styled chevron arrow (filled triangle) with configurable direction, two color v","s":"nostalgia-ui","c":"other/other","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-breadcrumb","t":"RetroBreadcrumb","d":"A Mac OS 9 Finder-style breadcrumb navigation with Geneva 10px text, azul links, right-poi","s":"nostalgia-ui","c":"navigation/breadcrumb","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-toast","t":"RetroToast","d":"A Mac OS 9 styled custom toast system with mini-window appearance, striped title bar, beve","s":"nostalgia-ui","c":"overlays/toast","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-nav-button","t":"RetroNavButton","d":"A Mac OS 9 styled 16x16 navigation button with raised bevel, centered SVG arrow, and four ","s":"nostalgia-ui","c":"actions/button","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-context-menu","t":"RetroContextMenu","d":"A Mac OS 9 styled context menu with right-click trigger, sub-menus, checkbox/radio items, ","s":"nostalgia-ui","c":"overlays/context-menu","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-dialog","t":"RetroDialog","d":"A Mac OS 9 styled modal dialog with overlay, OS9 window frame, striped title bar with clos","s":"nostalgia-ui","c":"overlays/dialog","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-alert-dialog","t":"RetroAlertDialog","d":"A Mac OS 9 styled alert dialog with OS9 window shadow, striped title bar, caution icon, an","s":"nostalgia-ui","c":"overlays/dialog","tg":["retro and HUD"],"sb":"Confirm","sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-toggle-group","t":"RetroToggleGroup","d":"A Mac OS 9 styled toggle group with shared borders, raised/pressed bevel states, and singl","s":"nostalgia-ui","c":"actions/switch","tg":["retro and HUD"],"sb":"Styled","sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-table","t":"RetroTable","d":"A Mac OS 9 styled data table with raised bevel column headers, hover highlight, azul selec","s":"nostalgia-ui","c":"data-display/table","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-sheet","t":"RetroSheet","d":"A Mac OS 9 styled sheet (slide-over panel) with side variants, striped title bar, close bo","s":"nostalgia-ui","c":"overlays/sheet","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-scrollbar","t":"RetroScrollbar","d":"A Mac OS 9 styled scroll area with 16px wide/tall scrollbars featuring raised bevel thumb,","s":"nostalgia-ui","c":"actions/button","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-navigation-menu","t":"RetroNavigationMenu","d":"A Mac OS 9 styled navigation menu with horizontal strip, azul active triggers, dropdown co","s":"nostalgia-ui","c":"navigation/top-nav","tg":["retro and HUD"],"sb":"Mega menus","sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-accordion","t":"RetroAccordion","d":"A Mac OS 9 styled accordion with disclosure triangle, bevel separator, and collapse animat","s":"nostalgia-ui","c":"data-display/accordion","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-collapsible","t":"RetroCollapsible","d":"A Mac OS 9 styled collapsible disclosure with rotating triangle indicator, Charcoal headin","s":"nostalgia-ui","c":"data-display/accordion","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-dropdown-menu","t":"RetroDropdownMenu","d":"A Mac OS 9 styled dropdown menu with white background, classic drop shadow, azul-highlight","s":"nostalgia-ui","c":"navigation/menu","tg":["retro and HUD"],"sb":"Dropdowns","sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-theme-provider","t":"NostalgiaProvider","d":"A Mac OS 9 theme provider that injects all OS9 CSS variables and utility classes so consum","k":"lib","s":"nostalgia-ui","c":"lib/utility","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-typography","t":"RetroText","d":"Mac OS 9 typography: RetroText variants plus semantic RetroH1–H4, RetroP, RetroLead, Retro","s":"nostalgia-ui","c":"data-display/typography","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-toolbar","t":"RetroToolbar","d":"A Mac OS 9 styled toolbar with icon buttons, separators, and button groups. Includes Retro","s":"nostalgia-ui","c":"navigation/menu","tg":["retro and HUD"],"sb":"Menubars","sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-aspect-ratio","t":"RetroAspectRatio","d":"A Mac OS 9 styled aspect ratio container with optional inset border, built on Radix UI Asp","k":"layout","s":"nostalgia-ui","c":"layout/page-shell","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-spinner","t":"RetroSpinner","d":"Mac OS 9 styled loading indicators: RetroSpinner (animated wristwatch cursor with rotating","s":"nostalgia-ui","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-carousel","t":"RetroCarousel","d":"A Mac OS 9 styled carousel/slideshow with inset panel container, raised bevel navigation b","s":"nostalgia-ui","c":"media/carousel","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-input-otp","t":"RetroInputOTP","d":"A Mac OS 9 styled one-time password input with individual inset bevel character slots, bli","s":"nostalgia-ui","c":"inputs/otp-input","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-resizable","t":"RetroResizable","d":"A Mac OS 9 styled resizable panel group for split layouts with raised bevel handle, grip d","k":"layout","s":"nostalgia-ui","c":"layout/split-pane","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-drawer","t":"RetroDrawer","d":"A Mac OS 9 styled bottom sheet / drawer with pull handle, OS9 window bevel, and overlay, b","s":"nostalgia-ui","c":"overlays/sheet","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-form","t":"RetroForm","d":"A React Hook Form integration with Mac OS 9 styling. Provides RetroForm, RetroFormField, R","s":"nostalgia-ui","c":"inputs/form-field","tg":["retro and HUD"],"sb":"Whole forms","sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-command","t":"RetroCommand","d":"A Mac OS 9 styled command palette (search interface) with inset search input, azul-highlig","s":"nostalgia-ui","c":"navigation/command-palette","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-calendar","t":"RetroCalendar","d":"A Mac OS 9 styled date selection calendar grid with raised bevel navigation buttons, azul ","s":"nostalgia-ui","c":"data-display/calendar","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-chart","t":"RetroChart","d":"Mac OS 9 styled charting components with Balloon Help tooltips, square legend indicators, ","s":"nostalgia-ui","c":"data-viz/chart","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-date-picker","t":"RetroDatePicker","d":"A Mac OS 9 styled date picker with inline text input (MM/DD/YYYY), calendar icon trigger b","s":"nostalgia-ui","c":"inputs/date-picker","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-date-range-picker","t":"RetroDateRangePicker","d":"A Mac OS 9 styled date range picker with two inline text inputs, en-dash separator, calend","s":"nostalgia-ui","c":"inputs/date-range","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-combobox","t":"RetroCombobox","d":"A Mac OS 9 styled searchable select / autocomplete combobox with inset bevel trigger, sear","s":"nostalgia-ui","c":"inputs/combobox","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-data-table","t":"RetroDataTable","d":"A Mac OS 9 styled full-featured data table with column sorting, text filtering, pagination","s":"nostalgia-ui","c":"data-display/table","tg":["retro and HUD"],"sb":"Data tables","sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-desktop","t":"RetroDesktop","d":"A Mac OS 9 styled full-viewport desktop layout with pinned menu bar (Apple logo + live clo","s":"nostalgia-ui","c":"navigation/menu","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-sidebar","t":"RetroSidebar","d":"A Mac OS 9 styled app shell layout with collapsible sidebar, context-driven open/closed st","s":"nostalgia-ui","c":"navigation/sidebar","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-icons","t":"RetroIcons","d":"21 pure-CSS/SVG Mac OS 9 icons (folder, document, Trash, alerts, Happy Mac, Sad Mac, bomb,","k":"resource","s":"nostalgia-ui","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:about-this-computer","t":"About This Computer","d":"Mac OS 9 About This Computer window with version, built-in/virtual memory, largest unused ","k":"section","s":"nostalgia-ui","c":"marketing/marketing","sb":"Team and about","hc":1},{"id":"nostalgia-ui:boot-screen","t":"Boot Screen","d":"Mac OS 9 startup screen with Happy Mac, “Welcome to Mac OS” progress box and marching exte","s":"nostalgia-ui","c":"data-viz/progress-bar","hc":1},{"id":"nostalgia-ui:copy-progress","t":"Copy Progress","d":"The Finder “Copy” progress window with items remaining, current file, progress bar, Stop b","s":"nostalgia-ui","c":"data-viz/progress-bar","hc":1},{"id":"nostalgia-ui:login","t":"Login","d":"Mac OS 9 Multiple Users welcome window with a keyboard-navigable user list, password field","k":"layout","s":"nostalgia-ui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"nostalgia-ui:retro-app-switcher","t":"RetroAppSwitcher","d":"The Mac OS 9 Application menu for the right end of the menu bar: frontmost app icon and na","s":"nostalgia-ui","c":"navigation/menu","tg":["retro and HUD"],"sb":"Dropdowns","sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-bevel-button","t":"RetroBevelButton","d":"Mac OS 9 Appearance Manager bevel button with small/normal/large bevels, icon above or bes","s":"nostalgia-ui","c":"actions/button","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-button-group","t":"RetroButtonGroup","d":"Joins RetroButtons, inputs and text into one Mac OS 9 control strip with shared borders. H","s":"nostalgia-ui","c":"actions/button","tg":["retro and HUD"],"sb":"Groups and split","sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-control-strip","t":"RetroControlStrip","d":"The Mac OS 9 Control Strip: a collapsible strip of module buttons with a ridged end tab an","s":"nostalgia-ui","c":"navigation/tabs","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-empty","t":"RetroEmpty","d":"A Mac OS 9 empty state (RetroEmpty, RetroEmptyHeader, RetroEmptyMedia, RetroEmptyTitle, Re","s":"nostalgia-ui","c":"inputs/search","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-field","t":"RetroField","d":"Mac OS 9 form layout primitives with shadcn Field API parity: RetroField (vertical/horizon","s":"nostalgia-ui","c":"inputs/form-field","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-folder-tag","t":"RetroFolderTag","d":"Mac OS 9 folder tag: the tab of a pop-up window with a small icon and folder name, in acti","s":"nostalgia-ui","c":"data-display/badge","tg":["retro and HUD"],"sb":"Tags and pills","sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-group-box","t":"RetroGroupBox","d":"Mac OS 9 primary/secondary group box: an etched frame whose title (text, checkbox or pop-u","s":"nostalgia-ui","c":"overlays/popover","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-icon-view","t":"RetroIconView","d":"A Mac OS 9 Finder icon view grid with click, shift and command selection, darkened selecte","k":"resource","s":"nostalgia-ui","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-item","t":"RetroItem","d":"A flexible Mac OS 9 list row: RetroItem (default/outline/muted, default/sm, asChild) with ","s":"nostalgia-ui","c":"data-display/list","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-kbd","t":"RetroKbd","d":"Mac OS 9 keyboard keycaps (RetroKbd, RetroKbdGroup) with a raised bevel and Charcoal lette","s":"nostalgia-ui","c":"data-display/typography","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-list-box","t":"RetroListBox","d":"Mac OS 9 inset list box with single or multiple selection, azul highlight, arrow/Home/End ","s":"nostalgia-ui","c":"data-display/list","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-little-arrows","t":"RetroLittleArrows","d":"Mac OS 9 little arrows stepper with press-and-hold repeat, plus RetroNumberField: an inset","s":"nostalgia-ui","c":"navigation/wizard-steps","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-native-select","t":"RetroNativeSelect","d":"A native <select> styled as a Mac OS 9 pop-up menu button with raised bevel and double-arr","s":"nostalgia-ui","c":"inputs/select","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-placard","t":"RetroPlacard","d":"Mac OS 9 window placard: the raised status strip at a window's bottom-left, with a RetroPl","s":"nostalgia-ui","c":"overlays/popover","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-sonner","t":"RetroToaster","d":"Sonner toasts rendered as Mac OS 9 alert windows: striped title bar, close box, per-type a","s":"nostalgia-ui","c":"overlays/toast","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:retro-tree-view","t":"RetroTreeView","d":"A Mac OS 9 Finder list view / Folder List: data-driven tree with animated disclosure trian","s":"nostalgia-ui","c":"data-display/tree","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"nostalgia-ui:sad-mac-404","t":"Sad Mac #404","d":"Full-page not-found screen with a pure-SVG Sad Mac, hex error codes and a Restart link hom","k":"page","s":"nostalgia-ui","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"nostalgia-ui:unexpectedly-quit","t":"Unexpectedly Quit","d":"The classic Mac OS 9 “application has unexpectedly quit” Stop alert with OK, plus a “Sorry","s":"nostalgia-ui","c":"overlays/alert-banner","hc":1},{"id":"nostalgia-ui:control-panel","t":"Control Panel","d":"Mac OS 9 Appearance control panel with Themes, Appearance, Fonts, Desktop, Sound and Optio","s":"nostalgia-ui","c":"data-display/card","hc":1},{"id":"nostalgia-ui:desktop-shell","t":"Desktop Shell","d":"Full Mac OS 9 desktop that fills its container: menu bar with clock and Application menu, ","k":"layout","s":"nostalgia-ui","c":"layout/page-shell","hc":1},{"id":"nostalgia-ui:finder-window","t":"Finder Window","d":"Mac OS 9 Finder window with a sortable Name / Date Modified / Size / Kind list view, discl","s":"nostalgia-ui","c":"actions/switch","hc":1},{"id":"nostalgia-ui:get-info","t":"Get Info","d":"Mac OS 9 Finder Get Info window with General Information, Sharing and Memory panes, label ","s":"nostalgia-ui","c":"overlays/popover","hc":1},{"id":"nostalgia-ui:installer","t":"Installer","d":"Mac OS 9 multi-step installer wizard: Welcome, Read Me, license with Agree / Disagree aler","s":"nostalgia-ui","c":"navigation/wizard-steps","hc":1},{"id":"nostalgia-ui:open-save-dialog","t":"Open / Save Dialog","d":"Mac OS 9 Navigation Services Open and Save dialog with a location pop-up, Shortcuts / Favo","s":"nostalgia-ui","c":"overlays/dialog","hc":1},{"id":"notra:ai-overview","t":"AI Overview","d":"The AI Overview root, built on shadcn Collapsible and Button, with a collapsible Show more","s":"notra","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"notra:ai-overview-header","t":"AI Overview Header","d":"The sparkle icon and AI Overview heading.","s":"notra","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"notra:ai-overview-content","t":"AI Overview Content","d":"Paragraph, heading, list and link styles for AI Overview answers.","s":"notra","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"notra:ai-overview-highlight","t":"AI Overview Highlight","d":"A mark that sweeps in Google's blue highlight.","s":"notra","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"notra:ai-overview-citation","t":"AI Overview Citation","d":"A source chip built on shadcn Badge and HoverCard.","s":"notra","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Sources","sy":["webgl"],"hc":1},{"id":"notra:ai-overview-skeleton","t":"AI Overview Skeleton","d":"A loading state built on shadcn Skeleton.","s":"notra","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"notra:google-ai-overview","t":"Google AI Overview","d":"A full recreation of Google's AI Overview built from the AI Overview components on shadcn ","s":"notra","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"notra:marketing-button","t":"Marketing Button","d":"The gradient marketing buttons from the Notra landing page, built on the Base UI Button.","s":"notra","c":"actions/button","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"notra:notra-button","t":"Button","d":"A Base UI button with Depth primary, secondary, outline and destructive variants, squircle","s":"notra","c":"actions/button","tg":["3d"],"sy":["3d"],"hc":1},{"id":"notra:notra-tooltip","t":"Tooltip","d":"A Base UI tooltip with the Depth surface of the buttons that glides between neighbouring t","s":"notra","c":"overlays/tooltip","tg":["3d"],"sy":["3d"],"hc":1},{"id":"notra:notra-sonner","t":"Sonner","d":"A Sonner toaster with the Depth surface of the buttons and tinted status icons.","s":"notra","c":"overlays/toast","tg":["3d"],"sy":["3d"],"hc":1},{"id":"notra:notra-table","t":"Table","d":"shadcn table primitives in a grey shell with a 2px rim around a lifted body card.","s":"notra","c":"data-display/table","hc":1},{"id":"notra:data-table","t":"Data Table","d":"A sortable, selectable table with a sticky header, virtualized rows, pagination with a pag","s":"notra","c":"data-display/table","sb":"Data tables","hc":1},{"id":"notra:shimmer","t":"Shimmer","d":"A light sweep across text for thinking and loading states.","s":"notra","c":"ai-agent/ai-agent","hc":1},{"id":"notra:step-slider","t":"Step Slider","d":"A slider that snaps to a fixed set of values, with a dotted fill that sweeps on every step","s":"notra","c":"inputs/slider","hc":1},{"id":"notra:icon-tabs","t":"Icon Tabs","d":"A segmented tab selector where only the active tab shows its icon, sliding in beside the l","s":"notra","c":"navigation/tabs","hc":1},{"id":"notra:chat-minimap","t":"Chat Minimap","d":"A rail of lines that maps a conversation, built on shadcn Button, Card, HoverCard and Tool","s":"notra","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"notra:perplexity-message","t":"Perplexity Message","d":"User pill and assistant answer turn with search and action slots.","s":"notra","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"notra:perplexity-search","t":"Perplexity Search","d":"The globe search step with queries, source rows and a +N more expander, built on shadcn Co","s":"notra","c":"inputs/search","hc":1},{"id":"notra:perplexity-citation","t":"Perplexity Citation","d":"An inline source pill with favicon, label and +N count, built on shadcn Badge.","s":"notra","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"notra:perplexity-favicon","t":"Perplexity Favicon","d":"A site favicon on shadcn Avatar with a gray fallback.","s":"notra","c":"data-display/avatar","hc":1},{"id":"notra:perplexity-rewrite-panel","t":"Perplexity Rewrite Panel","d":"The mode and model list with a Rewrite button.","s":"notra","c":"data-display/card","hc":1},{"id":"notra:perplexity-actions","t":"Perplexity Actions","d":"The answer action bar with share, copy, rewrite, feedback and a sources button, built on s","s":"notra","c":"overlays/tooltip","hc":1},{"id":"notra:perplexity-user-actions","t":"Perplexity User Actions","d":"The time, edit and copy controls beside a user message.","s":"notra","c":"ai-agent/ai-agent","hc":1},{"id":"notra:perplexity-sources-summary","t":"Perplexity Sources Summary","d":"Stacked favicons and the source count next to the answer actions.","s":"notra","c":"ai-agent/ai-agent","hc":1},{"id":"notra:perplexity-composer","t":"Perplexity Composer","d":"The follow-up input with Search/Research focus menu, model selector, voice and send/stop b","s":"notra","c":"ai-agent/composer","hc":1},{"id":"notra:perplexity-model-selector","t":"Perplexity Model Selector","d":"The Model chip and its provider list with Max/New badges and locks, built on shadcn Dropdo","k":"resource","s":"notra","c":"assets/icon","hc":1},{"id":"notra:perplexity-model-icon","t":"Perplexity Model Icon","d":"Grayscale provider logos for the model list.","k":"resource","s":"notra","c":"assets/icon","hc":1},{"id":"notra:perplexity-thinking","t":"Perplexity Thinking","d":"The shimmering Thinking... status shown before a search.","s":"notra","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"notra:perplexity","t":"Perplexity","d":"A full recreation of a Perplexity thread with search steps, citations, sources sheet, comp","s":"notra","c":"inputs/search","hc":1},{"id":"notra:chatgpt-thread","t":"ChatGPT Thread","d":"The ChatGPT conversation column with auto-scroll, a scroll-to-bottom button and a pinned f","s":"notra","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"notra:chatgpt-message","t":"ChatGPT Message","d":"User bubbles and bubble-less assistant turns with reasoning and hover actions.","s":"notra","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"notra:chatgpt-reasoning","t":"ChatGPT Reasoning","d":"The collapsible \"Worked for Ns\" trace, built on shadcn Collapsible.","s":"notra","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"notra:chatgpt-source-chip","t":"ChatGPT Source Chip","d":"An inline citation pill with a hover card.","s":"notra","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"notra:chatgpt-search","t":"ChatGPT Search","d":"The \"Searched N websites\" line, built on shadcn Button.","s":"notra","c":"inputs/search","hc":1},{"id":"notra:chatgpt-activity","t":"ChatGPT Activity","d":"The search activity and sources side sheet, built on shadcn Sheet, Badge and Avatar.","s":"notra","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"notra:chatgpt-thinking","t":"ChatGPT Thinking","d":"The shimmering Thinking placeholder.","s":"notra","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"notra:chatgpt-actions","t":"ChatGPT Actions","d":"Copy, share, redo and more buttons, built on shadcn Button and Tooltip.","s":"notra","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"notra:chatgpt-model-selector","t":"ChatGPT Model Selector","d":"The hover-to-open effort chip with Model and Effort submenus, built on shadcn DropdownMenu","s":"notra","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"notra:chatgpt-composer","t":"ChatGPT Composer","d":"The pill-shaped Ask anything input with model picker and send button.","s":"notra","c":"ai-agent/composer","hc":1},{"id":"notra:chatgpt","t":"ChatGPT","d":"A full recreation of a ChatGPT conversation with thinking, web search, reasoning and the m","s":"notra","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"notra:gemini-thoughts","t":"Gemini Thoughts","d":"The \"Show thinking\" step with thoughts and searches.","k":"motion","s":"notra","c":"motion/text-effect","hc":1},{"id":"notra:gemini-source-chip","t":"Gemini Source Chip","d":"An inline source pill with a hover card.","s":"notra","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"notra:gemini-message","t":"Gemini Message","d":"Gemini's user pill and bubble-less assistant turn.","s":"notra","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"notra:gemini-thinking","t":"Gemini Thinking","d":"The animated Gemini sparkle with a shimmering status label.","s":"notra","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"notra:gemini-sparkle","t":"Gemini Sparkle","d":"Gemini's three-dot mark that bounces and folds into a triangle.","k":"motion","s":"notra","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"notra:gemini-actions","t":"Gemini Actions","d":"Feedback, share, copy and more buttons built on shadcn Button and Tooltip.","s":"notra","c":"actions/button","hc":1},{"id":"notra:gemini-composer","t":"Gemini Composer","d":"Gemini's pill input with a model picker and a morphing send button.","s":"notra","c":"ai-agent/composer","hc":1},{"id":"notra:gemini-model-selector","t":"Gemini Model Selector","d":"The Gemini model chip and menu built on shadcn DropdownMenu.","s":"notra","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"notra:gemini","t":"Gemini","d":"A full recreation of the Gemini chat built from the Gemini components on shadcn Base UI.","s":"notra","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"notra:claude-composer","t":"Claude Composer","d":"The claude.ai message box with model picker, dictation and a morphing send button, built o","s":"notra","c":"ai-agent/composer","hc":1},{"id":"notra:claude-plus-menu","t":"Claude Plus Menu","d":"The composer's + menu with files, skills, connectors, design system, plugins and research.","s":"notra","c":"navigation/menu","hc":1},{"id":"notra:claude-model-selector","t":"Claude Model Selector","d":"A hover-open model and effort picker built on shadcn DropdownMenu.","s":"notra","c":"inputs/select","hc":1},{"id":"notra:claude-message","t":"Claude Message","d":"User bubbles and serif assistant replies with slots for search, sources and actions.","s":"notra","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"notra:claude-actions","t":"Claude Actions","d":"Copy, feedback and retry actions built on shadcn Button and Tooltip.","s":"notra","c":"overlays/tooltip","hc":1},{"id":"notra:claude-search","t":"Claude Search","d":"Claude's web search timeline with queries, result cards and status steps.","s":"notra","c":"inputs/search","hc":1},{"id":"notra:claude-sources","t":"Claude Sources","d":"Source pills under an assistant reply, built on shadcn Badge.","s":"notra","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"notra:claude-thinking","t":"Claude Thinking","d":"The animated spinner and rotating verb Claude shows before replying.","s":"notra","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"notra:claude-spinner","t":"Claude Spinner","d":"Claude's animated starburst spinner.","s":"notra","c":"status/loader","sb":"Spinners","hc":1},{"id":"notra:claude","t":"Claude","d":"A full recreation of the claude.ai chat with web search, serif replies, message actions an","s":"notra","c":"ai-agent/composer","hc":1},{"id":"notra:claude-code-terminal","t":"Claude Code Terminal","d":"The terminal window with traffic lights and a title bar for Claude Code sessions.","s":"notra","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"notra:claude-code-header","t":"Claude Code Header","d":"Claude Code's compact header: the pixel mascot next to version, model and working director","s":"notra","c":"navigation/top-nav","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"notra:claude-code-message","t":"Claude Code Message","d":"User turns on a full-width bar and assistant turns behind a white bullet, with inline code","s":"notra","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"notra:claude-code-todo-list","t":"Claude Code Todo List","d":"The Update Todos tool call with done, active and pending items.","s":"notra","c":"data-display/list","sb":"Tasks and to-dos","hc":1},{"id":"notra:claude-code-thinking","t":"Claude Code Thinking","d":"The dim \"∴ Thinking…\" line that expands to the thoughts.","s":"notra","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"notra:claude-code-tool-call","t":"Claude Code Tool Call","d":"Tool calls with a status bullet and a ⎿ result line, plus the collapsed \"Ran 3 shell comma","s":"notra","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"notra:claude-code-status","t":"Claude Code Status","d":"The orange spinner line while Claude works and the dim \"✻ Worked for 19s\" summary after a ","s":"notra","c":"status/loader","hc":1},{"id":"notra:claude-code-prompt","t":"Claude Code Prompt","d":"The input between two rules with the permission mode, PR link and effort below.","s":"notra","c":"ai-agent/composer","hc":1},{"id":"notra:claude-code","t":"Claude Code","d":"A Claude Code terminal session with the compact header, tool calls, a running turn and the","s":"notra","c":"navigation/top-nav","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"notra:codex-terminal","t":"Codex Terminal","d":"The Codex window: a title bar, a scrolling transcript and a pinned footer for the prompt.","s":"notra","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"notra:codex-header","t":"Codex Header","d":"The OpenAI Codex banner with version, working directory and greeting.","s":"notra","c":"navigation/top-nav","hc":1},{"id":"notra:codex-message","t":"Codex Message","d":"User turns on a full-width band and assistant turns behind a dim bullet.","s":"notra","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"notra:codex-reasoning","t":"Codex Reasoning","d":"The dim italic summary Codex shows while it reasons.","s":"notra","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"notra:codex-exec","t":"Codex Exec","d":"A Ran cell with shell syntax colors and output folded behind + N lines.","k":"layout","s":"notra","c":"layout/page-shell","hc":1},{"id":"notra:codex-explored","t":"Codex Explored","d":"Grouped Read, Search and List calls with a + Show details fold.","s":"notra","c":"inputs/search","hc":1},{"id":"notra:codex-working","t":"Codex Working","d":"The shimmering Working (13s • esc to interrupt) status line.","k":"motion","s":"notra","c":"motion/text-effect","hc":1},{"id":"notra:codex-markdown","t":"Codex Markdown","d":"Bullet lists, tables with yellow headers and green inline code, styled like Codex answers.","s":"notra","c":"data-display/table","hc":1},{"id":"notra:codex-composer","t":"Codex Composer","d":"The prompt band with a block cursor, the model and directory status line and shortcut hint","s":"notra","c":"ai-agent/composer","hc":1},{"id":"notra:codex","t":"Codex","d":"A full recreation of an OpenAI Codex CLI session built from the Codex components on shadcn","s":"notra","c":"navigation/top-nav","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"notra:opencode-window","t":"OpenCode Window","d":"The OpenCode terminal surface that sets the background, monospace font and line grid.","s":"notra","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"notra:opencode-logo","t":"OpenCode Logo","d":"The block-letter OpenCode wordmark drawn on a cell grid and themed with tokens.","k":"resource","s":"notra","c":"assets/logo","hc":1},{"id":"notra:opencode-message","t":"OpenCode Message","d":"User prompts on a blue-ruled panel and indented assistant replies with OpenCode's markdown","s":"notra","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"notra:opencode-turn-footer","t":"OpenCode Turn Footer","d":"The blue square, agent, model and duration line that closes an assistant turn.","k":"section","s":"notra","c":"marketing/footer","hc":1},{"id":"notra:opencode-activity","t":"OpenCode Activity","d":"Orange thoughts with a live Thinking spinner, plus muted read, web search and tool lines.","s":"notra","c":"ai-agent/ai-agent","hc":1},{"id":"notra:opencode-sources","t":"OpenCode Sources","d":"Web search lines and a collapsible cited-sources list with an optional sequenced reveal.","s":"notra","c":"inputs/search","hc":1},{"id":"notra:opencode-composer","t":"OpenCode Composer","d":"The prompt panel with agent, model, provider and effort, over a status row with the busy s","s":"notra","c":"ai-agent/composer","hc":1},{"id":"notra:opencode-sidebar","t":"OpenCode Sidebar","d":"Session title, context usage, a collapsible MCP list, LSP state, cwd with branch and versi","s":"notra","c":"navigation/sidebar","hc":1},{"id":"notra:opencode","t":"OpenCode","d":"A recreation of an OpenCode terminal session with a transcript, the prompt and the sidebar","s":"notra","c":"ai-agent/composer","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:accordion-latch","t":"Accordion Latch","d":"An accordion whose sections latch shut with a small SVG hasp-and-staple on each closed hea","s":"ns-ui","c":"data-display/accordion","hc":1},{"id":"ns-ui:adhesive-squeeze-bead","t":"Adhesive Squeeze Bead","d":"A merge/dock affordance modeled on structural adhesive bonding: two panels compress a bead","s":"ns-ui","c":"navigation/dock","hc":1},{"id":"ns-ui:airlift-slug-flow","t":"Airlift Slug Flow","d":"A background file-sync/upload activity rail: a slim vertical conduit where discrete air sl","s":"ns-ui","c":"inputs/file-upload","hc":1},{"id":"ns-ui:announcement-bar-relay","t":"Announcement Bar Relay","d":"A queued announcement bar that hands off honestly: dismissing one notice shears it upward ","k":"section","s":"ns-ui","c":"marketing/announcement","hc":1},{"id":"ns-ui:approval-inline-diff","t":"Approval Inline Diff","d":"Human-in-the-loop tool-call approval row: every argument is editable inline with an old→ne","s":"ns-ui","c":"data-display/diff","hc":1},{"id":"ns-ui:autosave-ratchet","t":"Autosave Ratchet","d":"Autosave status as a mechanical ratchet: a 10-tooth gear advances one notch per saved chan","s":"ns-ui","c":"data-display/stat","hc":1},{"id":"ns-ui:auxin-canal","t":"Auxin Canal","d":"Full-bleed hero whose vein network grows by space colonisation through whatever negative s","k":"section","s":"ns-ui","c":"marketing/hero","hc":1},{"id":"ns-ui:avatar-stack-flock","t":"Avatar Stack Flock","d":"Avatar stack that mills as a live boids flock and resolves into the classic overlapping ro","s":"ns-ui","c":"data-display/avatar","hc":1},{"id":"ns-ui:back-bearing","t":"Back Bearing","d":"A sighting-compass bearing picker: the graduated card rotates under a fixed lubber line an","s":"ns-ui","c":"inputs/select","hc":1},{"id":"ns-ui:background-ascii-caustics","t":"Background ASCII Caustics","d":"Ambient water-caustics rendered in ASCII ink density: three rotated wave grids combined mu","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"ns-ui:background-ascii-dither","t":"Background ASCII Dither","d":"Luminance-to-glyph canvas renderer: ASCII, Bayer-dither, and dot-matrix modes with cursor-","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:background-ascii-domain-walls","t":"Background ASCII Domain Walls","d":"An ambient ASCII background running a real Ising model just below its critical temperature","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:background-ascii-flow","t":"Background ASCII Flow","d":"An ambient ASCII flow-field background: a fixed set of tracer particles ride a time-evolvi","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:background-ascii-force-chains","t":"Background ASCII Force Chains","d":"An ambient ASCII background of a granular packing under load: a static disc packing's cont","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:background-ascii-nodal-lines","t":"Background ASCII Nodal Lines","d":"An ambient ASCII background of the destructive-interference nodal set of four point emitte","k":"motion","s":"ns-ui","c":"motion/background","tg":["retro and HUD"],"sb":"Beams and light","sy":["retro and HUD"],"hc":1},{"id":"ns-ui:background-ascii-voronoi-walls","t":"Background ASCII Voronoi Walls","d":"An ambient ASCII background of Voronoi cell WALLS only: ink appears exactly where the firs","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["minimal","retro and HUD","webgl"],"sy":["minimal","retro and HUD","webgl"],"hc":1},{"id":"ns-ui:background-ascii-wake","t":"Background ASCII Wake","d":"Full-bleed monospace cursor-trail field: a sparse ambient scatter at rest, with the pointe","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:background-lloyd-relax","t":"Background Lloyd Relax","d":"A blue-noise dot field that never stops settling: points run one weighted Lloyd relaxation","k":"motion","s":"ns-ui","c":"motion/background","tg":["playful"],"sy":["playful"],"hc":1},{"id":"ns-ui:background-truchet-weave","t":"Background Truchet Weave","d":"An ambient Truchet arc weave whose tile orientation is the SIGN of a slow harmonic field, ","k":"motion","s":"ns-ui","c":"motion/background","hc":1},{"id":"ns-ui:badge-unread-tarnish","t":"Badge Unread Tarnish","d":"Unread badge that tarnishes like brass: solid when fresh, an outline within a day, a muted","s":"ns-ui","c":"data-display/badge","hc":1},{"id":"ns-ui:banner-tear-stub","t":"Banner Tear Stub","d":"A dismissible notice with a perforated edge: dismissing rips the panel off along the perfo","s":"ns-ui","c":"overlays/alert-banner","hc":1},{"id":"ns-ui:barograph-drum-week","t":"Barograph Drum Week","d":"A card-scale status widget modelled on the aneroid barograph: a pen arm inches rightward a","s":"ns-ui","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"ns-ui:bias-hysteresis","t":"Bias Hysteresis","d":"A saturation/headroom gauge rendered as an analog tape deck's own AC-bias hysteresis loop ","s":"ns-ui","c":"inputs/slider","hc":1},{"id":"ns-ui:bitting-cut","t":"Bitting Cut","d":"Every passkey in a sign-in-methods list gets a physical key blade whose six notch depths a","k":"layout","s":"ns-ui","c":"flows/sign-in","tg":["3d"],"sy":["3d"],"hc":1},{"id":"ns-ui:blast-hole-delay-sequence","t":"Blast Hole Delay Sequence","d":"A bench-blast shot pattern rendered as a grid of charged holes that fires row by row on a ","s":"ns-ui","c":"data-display/list","hc":1},{"id":"ns-ui:board-kanban-ascii-wip","t":"Board Kanban ASCII WIP","d":"A kanban board drawn as box-drawing frames, each column header showing its card count agai","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:bobbin-lace-pricking","t":"Bobbin Lace Pricking","d":"A decorative divider/empty-state motif: a narrow working band of pins twists thread pairs ","s":"ns-ui","c":"data-display/empty-state","hc":1},{"id":"ns-ui:bombe-drum-halt","t":"Bombe Drum Halt","d":"An ambient search/lookup loading indicator built as the electromechanical Bombe's drum-and","s":"ns-ui","c":"inputs/search","hc":1},{"id":"ns-ui:bowditch-close","t":"Bowditch Close","d":"A geofence/traverse polygon editor built like a real closed survey traverse: the last clic","s":"ns-ui","c":"inputs/textarea","hc":1},{"id":"ns-ui:boxplot-ascii-whisker","t":"Boxplot ASCII Whisker","d":"ASCII-textured boxplot family with one shared fence handle: dragging or keying it re-cuts ","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:brass-check","t":"Brass Check","d":"The active-sessions list as a pit-head lamp-room check board: each session is a stamped br","s":"ns-ui","c":"overlays/sheet","hc":1},{"id":"ns-ui:braze-capillary-fill","t":"Braze Capillary Fill","d":"A progress/validation-fill indicator rendered as torch brazing: molten filler is drawn sid","s":"ns-ui","c":"data-viz/progress-bar","hc":1},{"id":"ns-ui:breadcrumb-fold","t":"Breadcrumb Fold","d":"A breadcrumb that folds like a camera bellows: ancestor segments rest pleated into narrow ","s":"ns-ui","c":"navigation/breadcrumb","hc":1},{"id":"ns-ui:breadcrumb-overflow-menu","t":"Breadcrumb Overflow Menu","d":"A breadcrumb trail that collapses from the middle into a menu of the hidden levels, with a","s":"ns-ui","c":"navigation/menu","hc":1},{"id":"ns-ui:brine-float","t":"Brine Float","d":"A pricing section built as one shallow tank: an SVG water line runs behind the whole tier ","k":"section","s":"ns-ui","c":"marketing/pricing","hc":1},{"id":"ns-ui:button-cooldown-heat","t":"Button Cooldown Heat","d":"A rate-limited button that heat-soaks: each press deposits heat into a visible bottom-up f","s":"ns-ui","c":"actions/button","hc":1},{"id":"ns-ui:button-glass","t":"Button Glass","d":"Liquid-glass button with translucent blurred surface and press states.","s":"ns-ui","c":"actions/button","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"ns-ui:button-retry-backoff","t":"Button Retry Backoff","d":"A retry button that visibly winds a torsion spring through its backoff: disabled and charg","s":"ns-ui","c":"actions/button","hc":1},{"id":"ns-ui:caddisfly-case-assembly","t":"Caddisfly Case Assembly","d":"A card-scale ambient loader modelled on caddisfly larva case-building: mineral grains drif","s":"ns-ui","c":"data-display/card","hc":1},{"id":"ns-ui:cambium-lay","t":"Cambium Lay","d":"A tree cross-section accreting live in SVG: a cambium ring lays wood outward year by year,","s":"ns-ui","c":"data-display/tree","hc":1},{"id":"ns-ui:capstan-slip","t":"Capstan Slip","d":"A determinate progress bar redrawn as an analog tape transport: a capstan shaft turns at a","s":"ns-ui","c":"data-viz/progress-bar","hc":1},{"id":"ns-ui:carbon-ply-fade","t":"Carbon Ply Fade","d":"Activity feed rendered as a carbon-paper multi-part form: one strike lands on the top ply ","s":"ns-ui","c":"inputs/form-field","hc":1},{"id":"ns-ui:card-dot-gain-screen","t":"Card Dot Gain Screen","d":"A card backed by a contact-screen halftone that reproduces real dot gain: a nonlinear per-","s":"ns-ui","c":"data-display/card","hc":1},{"id":"ns-ui:card-number-emboss","t":"Card Number Emboss","d":"A card-number input rendered as an embossing machine: typed digits raise as bevel-shadowed","s":"ns-ui","c":"data-display/card","hc":1},{"id":"ns-ui:carousel-card-riffle","t":"Carousel Card Riffle","d":"A card-stack navigator that shows its actual card edges as a scrubbable stripe of thin lin","s":"ns-ui","c":"data-display/card","hc":1},{"id":"ns-ui:catenary-contact-stagger","t":"Catenary Contact Stagger","d":"A live connection/sync-quality indicator built from overhead contact wire stagger: a fixed","k":"section","s":"ns-ui","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"ns-ui:cathode-stack-glow","t":"Cathode Stack Glow","d":"A Nixie-tube stat readout: ten wire-mesh cathode digits stacked behind a shared anode mesh","k":"motion","s":"ns-ui","c":"motion/background","tg":["gradient","neon"],"sb":"Gradients and aurora","sy":["gradient","neon"],"hc":1},{"id":"ns-ui:chain-scale","t":"Chain Scale","d":"A map zoom control that is the scale bar: drag its end handle in log space to zoom, and th","s":"ns-ui","c":"data-viz/map","hc":1},{"id":"ns-ui:chargen-rom-slice","t":"Chargen ROM Slice","d":"A status glyph that reconstructs a real 1970s-80s CRT character-generator ROM read pattern","s":"ns-ui","c":"data-display/list","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"ns-ui:chart-bar-dither","t":"Chart Bar Dither","d":"Canvas bar chart in ordered-dither ink density, where hovering or focusing a bar pulls it ","s":"ns-ui","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"ns-ui:chart-bar-halftone","t":"Chart Bar Halftone","d":"Bar chart whose fills are an ordered-dither halftone instead of a flat color: ink density ","s":"ns-ui","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"ns-ui:chart-donut-halftone","t":"Chart Donut Halftone","d":"Donut chart for an ordinal size scale where wedge angle carries share and ordered-dither d","s":"ns-ui","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"ns-ui:chart-funnel-stage-drop","t":"Chart Funnel Stage Drop","d":"Canvas funnel chart in ordered-dither ink density, where hovering or focusing a stage anim","s":"ns-ui","c":"data-viz/chart","tg":["playful"],"sb":"Flow and funnel","sy":["playful"],"hc":1},{"id":"ns-ui:chart-line-dither","t":"Chart Line Dither","d":"Canvas line/area chart in ordered-dither ink density, where a scrub cursor drags a local h","s":"ns-ui","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"ns-ui:chart-radar-dither","t":"Chart Radar Dither","d":"Canvas radar/spider chart in ordered-dither ink density, swept by a continuously rotating ","s":"ns-ui","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"ns-ui:chart-ridgeline-terrain","t":"Chart Ridgeline Terrain","d":"Unknown-Pleasures ridgeline chart whose live history recedes into scrolling ambient noise ","s":"ns-ui","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"ns-ui:chart-scatter-ascii-bin","t":"Chart Scatter ASCII Bin","d":"Two-dimensional scatter plot rendered as a glyph-density grid, with a pointer- or keyboard","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:chart-waterfall-ascii-step","t":"Chart Waterfall ASCII Step","d":"ASCII-ramp waterfall chart where toggling a step excludes or restores its delta and every ","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:checkbox-domino-run","t":"Checkbox Domino Run","d":"Select-all where the change propagates like a domino run: flip the master and a wavefront ","s":"ns-ui","c":"inputs/checkbox","hc":1},{"id":"ns-ui:checkbox-ink-stroke","t":"Checkbox Ink Stroke","d":"A checkbox and its tri-state select-all cousin whose mark is inked on by a variable-width ","s":"ns-ui","c":"inputs/checkbox","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"ns-ui:checkbox-tally-notch","t":"Checkbox Tally Notch","d":"Checkbox group rendered as a carpenter's tally: each check carves a notch stroke into its ","s":"ns-ui","c":"inputs/checkbox","hc":1},{"id":"ns-ui:citation-grounding-gap","t":"Citation Grounding Gap","d":"A single SVG baseline under a RAG answer's prose: a solid 1px plank under every sourced se","s":"ns-ui","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"ns-ui:citation-grounding-hatch","t":"Citation Grounding Hatch","d":"A per-sentence grounding trace under an AI answer: solid where a source backs the claim, a","s":"ns-ui","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"ns-ui:citation-inline-card","t":"Citation Inline Card","d":"An inline citation pill (hostname + source count, Geist Mono) that opens one bordered card","s":"ns-ui","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"ns-ui:clock-card","t":"Clock Card Rack","d":"A catch-up digest as a punch-clock card rack: one bordered card per collaborator, unread b","s":"ns-ui","c":"data-display/card","hc":1},{"id":"ns-ui:cmm-probe-touch","t":"CMM Probe Touch","d":"An empty-state ambient reproducing coordinate-measuring machine touch-trigger probing: a s","k":"section","s":"ns-ui","c":"marketing/marketing","hc":1},{"id":"ns-ui:cockle-swell","t":"Cockle Swell","d":"A pull-quote block printed on a sheet of paper that is cockling — three drifting humidity ","s":"ns-ui","c":"overlays/sheet","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"ns-ui:compare-crack-seam","t":"Compare Crack Seam","d":"Before/after comparison slider whose divider is a living Voronoi crack seam: fast drags sp","k":"section","s":"ns-ui","c":"marketing/comparison","hc":1},{"id":"ns-ui:compare-table-reach-rule","t":"Compare Table Reach Rule","d":"A tier comparison matrix where every feature row draws a real box-drawing rule that runs l","s":"ns-ui","c":"data-display/table","sb":"Comparison","hc":1},{"id":"ns-ui:confidence-logprob-hatch","t":"Confidence Logprob Hatch","d":"Hand-hatched underlines under low-confidence tokens, stroke density mapping straight to lo","s":"ns-ui","c":"overlays/popover","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"ns-ui:confirm-dial-align","t":"Confirm Dial Align","d":"Destructive-action confirm gated on precision, not patience: rotate an SVG dial's notch to","s":"ns-ui","c":"inputs/slider","hc":1},{"id":"ns-ui:confirm-hold-ink","t":"Confirm Hold Ink","d":"Press-and-hold destructive action: monochrome ink pours up from the press point, release e","s":"ns-ui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"ns-ui:confirm-slide-shatter","t":"Confirm Slide Shatter","d":"Frosted-glass confirm slider where drag distance drives Voronoi crack density. Release ear","s":"ns-ui","c":"overlays/dialog","tg":["glass"],"sb":"Confirm","sy":["glass"],"hc":1},{"id":"ns-ui:consent-scope-redact","t":"Consent Scope Redact","d":"A consent surface that shows instead of tells: a live sentence templated from the user's o","s":"ns-ui","c":"actions/switch","hc":1},{"id":"ns-ui:contact-form-teletype","t":"Contact Form Teletype","d":"A contact form whose validation prints as a teletype receipt below it: each field's check ","s":"ns-ui","c":"inputs/form-field","sb":"Phone","hc":1},{"id":"ns-ui:container-box-drawing","t":"Container Box Drawing","d":"A container with real box-drawing chrome: an inline title breaking the top rule, upgrading","k":"motion","s":"ns-ui","c":"motion/text-effect","sb":"Handwriting and SVG","hc":1},{"id":"ns-ui:context-compaction-river","t":"Context Compaction River","d":"Context compaction drawn as a meandering river: live turns are points on one curving chann","s":"ns-ui","c":"data-display/gamification","hc":1},{"id":"ns-ui:context-menu-unfold","t":"Context Menu Unfold","d":"A context menu that unfolds like a pocket knife: items swing out from a hinged spine as sl","s":"ns-ui","c":"navigation/menu","sb":"Context menus","hc":1},{"id":"ns-ui:context-prompt-shims","t":"Context Prompt Shims","d":"Prompt composition rendered as machinist shims fitted into a fixed-height gap: each sectio","s":"ns-ui","c":"ai-agent/composer","hc":1},{"id":"ns-ui:contra-strike","t":"Contra Strike","d":"Order line-item ledger where a partial refund drags a struck span across the amount bar an","s":"ns-ui","c":"data-display/list","tg":["playful"],"sy":["playful"],"hc":1},{"id":"ns-ui:copy-button-travel","t":"Copy Button Travel","d":"Copy-to-clipboard button whose confirmation shows what got copied: a duplicate of the sour","s":"ns-ui","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"ns-ui:copy-field-crimp","t":"Copy Field Crimp","d":"A copyable value field whose confirmation is typographic: letter-spacing crimps shut in a ","s":"ns-ui","c":"inputs/form-field","hc":1},{"id":"ns-ui:countdown-vapor-digits","t":"Countdown Vapor Digits","d":"Live countdown where each digit change is a phase transition: the outgoing digit sublimate","k":"motion","s":"ns-ui","c":"motion/background","hc":1},{"id":"ns-ui:counter-carry-ripple","t":"Counter Carry Ripple","d":"Display-only numeric readout where change animates the way arithmetic works: only the digi","k":"motion","s":"ns-ui","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"ns-ui:crack-arrest-hole","t":"Crack Arrest Hole","d":"A press-and-hold STOP/ABORT confirm modeled on the crack-arrest (stop) hole: holding grows","s":"ns-ui","c":"overlays/dialog","hc":1},{"id":"ns-ui:crack-polygon-order","t":"Crack Polygon Order","d":"A decorative panel fill that tiles itself the way drying mud actually cracks: widely-space","s":"ns-ui","c":"data-display/card","hc":1},{"id":"ns-ui:craze-rule","t":"Craze Rule","d":"A section divider that arrives as a propagating, branching fracture instead of a static <h","k":"layout","s":"ns-ui","c":"layout/page-shell","hc":1},{"id":"ns-ui:creep-span","t":"Creep Span","d":"An SLO error-budget meter drawn as a taut wire spanning the card, which sags by irreversib","s":"ns-ui","c":"data-viz/gauge","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"ns-ui:crimp-barrel-set","t":"Crimp Barrel Set","d":"A 'connect/link/attach' confirm control modeled on open-barrel wire crimping: two dies fla","s":"ns-ui","c":"overlays/dialog","hc":1},{"id":"ns-ui:crossfoot-gap","t":"Crossfoot Gap","d":"An editable invoice grid that validates itself the way a bookkeeper crossfoots a ledger: r","s":"ns-ui","c":"data-display/list","hc":1},{"id":"ns-ui:cruet-settle","t":"Cruet Settle","d":"A checkout or invoice total settles like shaken vinaigrette: one agitated column stratifie","k":"section","s":"ns-ui","c":"marketing/pricing","hc":1},{"id":"ns-ui:curd-cut-whey","t":"Curd Cut Whey","d":"A card-scale batch-processing status indicator modelled on cheesemaking curd cutting and s","s":"ns-ui","c":"data-display/card","hc":1},{"id":"ns-ui:cylinder-hillndale","t":"Cylinder Hill and Dale","d":"A full-width section divider rendered as a side elevation of an Edison-style wax cylinder ","k":"layout","s":"ns-ui","c":"layout/page-shell","hc":1},{"id":"ns-ui:damask-float","t":"Damask Float","d":"A feature grid woven from one reversible damask cloth — figure and ground are the same thr","k":"section","s":"ns-ui","c":"marketing/features","hc":1},{"id":"ns-ui:date-picker-moon","t":"Date Picker Moon","d":"Masked date input whose popover calendar doubles as a moon-phase almanac: every day cell c","s":"ns-ui","c":"inputs/select","hc":1},{"id":"ns-ui:date-range-tape","t":"Date Range Tape","d":"Date-range calendar where the selection is a tape measure: clicking anchors the hook, movi","s":"ns-ui","c":"inputs/slider","hc":1},{"id":"ns-ui:decatron-step-ring","t":"Decatron Step Ring","d":"Circular step/cyclic-position indicator modelled on a decatron cold-cathode counting tube:","k":"motion","s":"ns-ui","c":"motion/number-ticker","tg":["neon"],"sy":["neon"],"hc":1},{"id":"ns-ui:delta-frame-macroblock","t":"Delta Frame Macroblock","d":"A quiet full-width band that visualizes a video codec's own P-frame change-detection decis","s":"ns-ui","c":"media/player","hc":1},{"id":"ns-ui:device-mockup-ascii-screen","t":"Device Mockup ASCII Screen","d":"A phone-frame device mockup whose screen is a live ASCII/scanline raster; dragging the han","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["3d","retro and HUD"],"sy":["3d","retro and HUD"],"hc":1},{"id":"ns-ui:dew-coalesce","t":"Dew Coalesce","d":"An empty state as condensation on cold glass: a PRNG-seeded droplet field nucleates, grows","s":"ns-ui","c":"inputs/form-field","tg":["glass","minimal"],"sy":["glass","minimal"],"hc":1},{"id":"ns-ui:diagram-ascii-flow","t":"Diagram ASCII Flow","d":"A box-drawing flowchart whose connectors are a real orthogonal router: dragging a node re-","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:dial-moire","t":"Dial Moire","d":"Weighted rotary knob tuned like a radio: counter-rotating line gratings shimmer with moire","s":"ns-ui","c":"inputs/slider","hc":1},{"id":"ns-ui:dialog-emerge","t":"Dialog Emerge","d":"A native <dialog> modal that grows out of the control that opened it and returns into it o","s":"ns-ui","c":"overlays/dialog","hc":1},{"id":"ns-ui:diff-unified-viewer","t":"Diff Unified Viewer","d":"A line-addressable unified-diff viewer, split or unified, that swaps red/green blocks for ","s":"ns-ui","c":"data-display/diff","hc":1},{"id":"ns-ui:divider-mosaic-split","t":"Divider Mosaic Split","d":"A full-width section divider rendered in real NAPLPS 'separated mosaic' mode: the same 2-w","k":"layout","s":"ns-ui","c":"layout/page-shell","hc":1},{"id":"ns-ui:divider-petscii-vu","t":"Divider PETSCII VU","d":"A full-width section divider printed as a PETSCII / C64 reverse-video VU meter band: every","s":"ns-ui","c":"data-viz/gauge","hc":1},{"id":"ns-ui:divider-telephone-cord-delam","t":"Divider Telephone Cord Delam","d":"A full-width section divider modeled on thin-film delamination buckling, a compressive-str","k":"layout","s":"ns-ui","c":"layout/page-shell","hc":1},{"id":"ns-ui:divider-teletext-mosaic","t":"Divider Teletext Mosaic","d":"A full-width section divider rendered as a real teletext / videotex ALPHAMOSAIC graphics b","k":"layout","s":"ns-ui","c":"layout/page-shell","hc":1},{"id":"ns-ui:dock-cursor-magnify","t":"Dock Cursor Magnify","d":"Cursor-proximity magnification row with Gaussian falloff: macOS-dock physics for any child","k":"motion","s":"ns-ui","c":"motion/cursor","hc":1},{"id":"ns-ui:dock-shelf-lean","t":"Dock Shelf Lean","d":"A dock/toolbar where items lean like books on a shelf: hover or focus straightens one and ","s":"ns-ui","c":"navigation/dock","hc":1},{"id":"ns-ui:drawer-counterweight","t":"Drawer Counterweight","d":"Side drawer hung on a counterweight like a sash window: a thin track on the drawer's leadi","s":"ns-ui","c":"overlays/sheet","hc":1},{"id":"ns-ui:drill-down-spines","t":"Drill Down Spines","d":"Drill-down navigation where every pushed level compresses into a slim clickable book spine","s":"ns-ui","c":"actions/button","hc":1},{"id":"ns-ui:dropdown-drape","t":"Dropdown Drape","d":"Dropdown whose panel is a live verlet cloth pinned to the trigger: it falls and drapes lik","s":"ns-ui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"ns-ui:due-slip","t":"Due Slip","d":"A ruled read-receipt card styled as a library date-due slip: the first time each collabora","s":"ns-ui","c":"data-display/list","hc":1},{"id":"ns-ui:edge-burnish-glaze","t":"Edge Burnish Glaze","d":"A full-width section divider modeled on leather-edge burnishing: a slicker sweeps back and","k":"section","s":"ns-ui","c":"marketing/marketing","hc":1},{"id":"ns-ui:eink-waveform-ghost","t":"E ink Waveform Ghost","d":"An empty-state panel rendered as an idle e-ink display: a coarse grid of cells continuousl","s":"ns-ui","c":"media/player","hc":1},{"id":"ns-ui:empty-state-braille-orbit","t":"Empty State Braille Orbit","d":"A small ambient icon for empty states: an unbroken stroke traced through braille's 2x4 sub","s":"ns-ui","c":"data-display/empty-state","hc":1},{"id":"ns-ui:empty-state-dashed","t":"Empty State Dashed","d":"Empty state whose dashed SVG boundary drifts like a plot marked out and not yet planted, a","s":"ns-ui","c":"data-display/empty-state","hc":1},{"id":"ns-ui:empty-state-mezzotint","t":"Empty State Mezzotint","d":"A small ambient icon for empty states built on real mezzotint printmaking: the plate is ro","s":"ns-ui","c":"data-display/empty-state","hc":1},{"id":"ns-ui:empty-state-pegboard","t":"Empty State Pegboard","d":"Empty state modeled on a workshop pegboard: dashed silhouettes preview the exact card/avat","s":"ns-ui","c":"data-display/empty-state","hc":1},{"id":"ns-ui:empty-state-sonar","t":"Empty State Sonar","d":"An empty state that pings like sonar every 6-8s to actively demonstrate emptiness, then fr","s":"ns-ui","c":"data-display/empty-state","hc":1},{"id":"ns-ui:empty-state-survey","t":"Empty State Survey","d":"First-run empty state as a surveyor's staked plot: corner stakes drop in, then dashed stri","s":"ns-ui","c":"data-display/empty-state","hc":1},{"id":"ns-ui:envelope-window","t":"Envelope Window","d":"An OAuth-style consent screen built as a physical envelope: the user's real account data s","k":"layout","s":"ns-ui","c":"flows/sign-in","hc":1},{"id":"ns-ui:eval-regression-shear","t":"Eval Delta Table","d":"Two eval runs compared case by case: a table of baseline, candidate and signed delta, sort","s":"ns-ui","c":"data-display/table","hc":1},{"id":"ns-ui:expansion-gap-breather","t":"Expansion Gap Breather","d":"A full-height divider between two independently-sized layout regions, sourced from continu","k":"layout","s":"ns-ui","c":"layout/page-shell","hc":1},{"id":"ns-ui:extrusion-die-cut","t":"Extrusion Die Cut","d":"A card-scale processing/loader widget modelled on pasta die-face cutting: a textured rope ","s":"ns-ui","c":"data-display/card","hc":1},{"id":"ns-ui:facer-stamp-flip","t":"Facer Stamp Flip","d":"An ambient batch-processing loader (no total count, only continuous throughput) built as a","s":"ns-ui","c":"status/loader","hc":1},{"id":"ns-ui:faq-answer-depth-gutter","t":"FAQ Accordion","d":"A plain FAQ accordion: real button semantics, one answer open at a time, a smooth height t","k":"section","s":"ns-ui","c":"marketing/faq","tg":["3d"],"sy":["3d"],"hc":1},{"id":"ns-ui:fax-line-slip","t":"Fax Line Slip","d":"A document-preview / attachment-thumbnail loading state reproducing a Group 3 fax handshak","s":"ns-ui","c":"inputs/file-upload","hc":1},{"id":"ns-ui:feature-grid-ascii-rule","t":"Feature Grid ASCII Rule","d":"A feature grid where hovering or focusing a cell draws real box-drawing connectors to its ","k":"section","s":"ns-ui","c":"marketing/features","tg":["retro and HUD"],"sb":"Grid of cards","sy":["retro and HUD"],"hc":1},{"id":"ns-ui:feed-escapement","t":"Feed Escapement","d":"Live feed where a small SVG anchor fork gates arrivals one at a time: a burst becomes a me","s":"ns-ui","c":"data-display/timeline","hc":1},{"id":"ns-ui:fiche-step-repeat","t":"Fiche Step Repeat","d":"A thumbnail grid that populates like a microfiche step-and-repeat camera: one cell exposed","s":"ns-ui","c":"overlays/sheet","hc":1},{"id":"ns-ui:file-upload-seal","t":"File Upload Seal","d":"File upload where progress is the container: a loose dashed outline 24px outside the card ","s":"ns-ui","c":"inputs/file-upload","hc":1},{"id":"ns-ui:file-upload-thermal","t":"File Upload Thermal","d":"File dropzone as a thermal field: dragging spawns rising accent convection wisps, accepted","s":"ns-ui","c":"inputs/file-upload","hc":1},{"id":"ns-ui:filter-facet-mesh","t":"Filter Facet Mesh","d":"Faceted filter chips as a sieve: active facets read as taut, bright threads in a hairline ","s":"ns-ui","c":"data-display/badge","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"ns-ui:flamegraph-ascii-frames","t":"Flamegraph ASCII Frames","d":"A CPU-profile flame graph laid out in monospace cells (one row per stack depth, frame widt","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["3d","retro and HUD"],"sy":["3d","retro and HUD"],"hc":1},{"id":"ns-ui:flash-entrain","t":"Flash Entrain","d":"A few hundred DOM fireflies pulse-couple over a static nearest-neighbour graph (Mirollo-St","s":"ns-ui","c":"inputs/form-field","hc":1},{"id":"ns-ui:float-ribbon-draw","t":"Float Ribbon Draw","d":"A multi-stage pipeline/job-status bar modeled on the float-glass process: a fixed molten-t","k":"section","s":"ns-ui","c":"marketing/announcement","tg":["glass","gradient"],"sy":["glass","gradient"],"hc":1},{"id":"ns-ui:floret-pack","t":"Floret Pack","d":"A full-bleed phyllotactic hero background where primordia are birthed one at a time at a c","k":"section","s":"ns-ui","c":"marketing/hero","hc":1},{"id":"ns-ui:flyball-throttle","t":"Flyball Throttle","d":"A spend-cap widget drawn as a Watt centrifugal governor: two hinged arms with ball weights","s":"ns-ui","c":"data-display/card","hc":1},{"id":"ns-ui:flying-splice","t":"Flying Splice","d":"A logo ribbon whose real subject is the roll stand feeding it: one paper roll unwinds at c","k":"resource","s":"ns-ui","c":"assets/logo","hc":1},{"id":"ns-ui:footer-ascii-rule","t":"Footer ASCII Rule","d":"A sitemap footer whose back-to-top control is a real instrument: an aria-hidden vertical r","k":"section","s":"ns-ui","c":"marketing/footer","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:frank-register","t":"Frank Register","d":"Paying from a prepaid wallet rendered as a postal franking meter: committing stamps an ind","k":"layout","s":"ns-ui","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"ns-ui:frazil-dam","t":"Frazil Dam","d":"A card-scale processing/progress indicator modelled on frazil ice: fine crystals nucleate ","s":"ns-ui","c":"inputs/form-field","hc":1},{"id":"ns-ui:fugitive-ink","t":"Fugitive Ink","d":"A one-time secret panel that prints a new API key or recovery code fully legible, then let","s":"ns-ui","c":"overlays/dialog","hc":1},{"id":"ns-ui:fusee-cone","t":"Fusee Cone","d":"A burn-rate alert policy editor built as a clock fusee: error budget is the mainspring bar","s":"ns-ui","c":"overlays/alert-banner","hc":1},{"id":"ns-ui:gallery-ascii-gradient-orientation","t":"Gallery ASCII Gradient Orientation","d":"A gallery grid where each tile runs its own procedural 3-octave value-noise field and a 3x","k":"motion","s":"ns-ui","c":"motion/gradient","tg":["gradient","playful","retro and HUD"],"sy":["gradient","playful","retro and HUD"],"hc":1},{"id":"ns-ui:gallery-coverflow-caustic","t":"Gallery Coverflow Caustic","d":"3D coverflow gallery whose frosted-glass cards run a live caustic-light simulation: drifti","s":"ns-ui","c":"media/gallery","tg":["3d","glass"],"sy":["3d","glass"],"hc":1},{"id":"ns-ui:galley-bracket","t":"Galley Bracket","d":"Remote collaborators' live selections drawn as proofreader's marks: thin corner brackets a","s":"ns-ui","c":"inputs/slider","hc":1},{"id":"ns-ui:gantt-ascii-critical-path","t":"Gantt ASCII Critical Path","d":"An ASCII Gantt chart where a real CPM forward/backward pass decides which bars are critica","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:gather-marver","t":"Gather Marver","d":"A file-upload / processing indicator sourced from the real hot-glass gather-and-marver seq","k":"resource","s":"ns-ui","c":"assets/shape","tg":["glass"],"sy":["glass"],"hc":1},{"id":"ns-ui:gauge-capacity-waterline","t":"Gauge Capacity Waterline","d":"Capacity-vs-legal-limit meter drawn as a ship's side-profile hull with Plimsoll load-line ","s":"ns-ui","c":"data-viz/gauge","hc":1},{"id":"ns-ui:git-graph-ascii-lanes","t":"Git Graph ASCII Lanes","d":"A commit-history DAG rendered as `git log --graph` does, where a real lane-allocation pass","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:glaze-crawl-heal","t":"Glaze Crawl Heal","d":"A live status badge drawn as a glaze surface mid-firing: gas bubbles burst through the mol","s":"ns-ui","c":"data-display/badge","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"ns-ui:glory-hole-cycle","t":"Glory Hole Cycle","d":"A 'still actively processing' status chip whose small canvas glow rises fast and cools slo","s":"ns-ui","c":"data-display/badge","tg":["glass","neon"],"sy":["glass","neon"],"hc":1},{"id":"ns-ui:gluten-windowpane","t":"Gluten Windowpane","d":"A background-task progress indicator built on the baker's windowpane test: a dough membran","s":"ns-ui","c":"data-viz/progress-bar","hc":1},{"id":"ns-ui:gravure-cell-wipe","t":"Gravure Cell Wipe","d":"A divider / background texture strip printed as a rotogravure cylinder: a static, seeded m","k":"motion","s":"ns-ui","c":"motion/background","tg":["3d","minimal"],"sy":["3d","minimal"],"hc":1},{"id":"ns-ui:grazing-light","t":"Grazing Light","d":"A feature-grid card whose icon and heading are blind-embossed into the surface: invisible ","k":"section","s":"ns-ui","c":"marketing/features","hc":1},{"id":"ns-ui:grid-bento-ascii","t":"Grid Bento ASCII","d":"A 2x2 bento layout primitive built on its own content/seam track grid (a real vertical rul","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:grid-bento-dense","t":"Grid Bento Dense","d":"A composable bento grid where activating a tile genuinely promotes it: the tile takes a 2x","k":"layout","s":"ns-ui","c":"layout/bento-grid","hc":1},{"id":"ns-ui:grid-magnetic-lattice","t":"Grid Magnetic Lattice","d":"Card grid on a magnetized hairline lattice: the cursor bends the grid lines and the DOM ca","s":"ns-ui","c":"overlays/sheet","hc":1},{"id":"ns-ui:grinding-chatter-lobes","t":"Grinding Chatter Lobes","d":"A card-scale loader substitute driven by regenerative chatter in cylindrical grinding: a r","s":"ns-ui","c":"data-display/profile","hc":1},{"id":"ns-ui:groove-pitch","t":"Groove Pitch","d":"An ambient loader modeling a vinyl mastering lathe's variable groove pitch: a cutting-poin","s":"ns-ui","c":"status/loader","hc":1},{"id":"ns-ui:growth-ring","t":"Growth Ring","d":"Version history as a dendrochronological cross-section: one ring per save, ring width prop","s":"ns-ui","c":"overlays/dialog","hc":1},{"id":"ns-ui:guardrail-interlock-keys","t":"Guardrail Interlock Keys","d":"Output guardrails built as a trapped-key interlock: every policy gate holds one key, the r","s":"ns-ui","c":"data-display/badge","hc":1},{"id":"ns-ui:hachure-fall","t":"Hachure Fall","d":"A route elevation profile drawn as 18th-century military engravers drew slope: strokes per","s":"ns-ui","c":"inputs/slider","hc":1},{"id":"ns-ui:header-scroll-pill","t":"Header Scroll Pill","d":"A page header that morphs between a full-width quiet nav bar at the top and a floating cen","s":"ns-ui","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"ns-ui:heatmap-year-stipple","t":"Heatmap Year Stipple","d":"A GitHub-style year activity calendar where intensity is stipple density, not color: every","s":"ns-ui","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"ns-ui:helicorder-line-wrap","t":"Helicorder Line Wrap","d":"An ambient status widget shaped like a seismograph helicorder drum: a pen traces one line ","s":"ns-ui","c":"data-display/card","hc":1},{"id":"ns-ui:hero-ascii-wordmark","t":"Hero ASCII Wordmark","d":"Hero wordmark rendered as ASCII block-letters, lit by the pointer like a torch over a dens","k":"resource","s":"ns-ui","c":"assets/logo","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:hero-dipole-field","t":"Hero Dipole Field","d":"Full-bleed hero where the headline exists twice: crisp DOM type above, and beneath it a ca","k":"section","s":"ns-ui","c":"marketing/hero","hc":1},{"id":"ns-ui:hero-long-exposure","t":"Hero Long Exposure","d":"Hero card whose canvas behaves like a long-exposure photograph: cursor movement burns ligh","k":"section","s":"ns-ui","c":"marketing/hero","hc":1},{"id":"ns-ui:hero-particles-webgl","t":"Hero Particles WEBGL","d":"Full-viewport hero with a cursor-reactive WebGL particle field and staggered text reveal.","k":"section","s":"ns-ui","c":"marketing/hero","tg":["webgl"],"sb":"Animated background","sy":["webgl"],"hc":1},{"id":"ns-ui:histogram-live-grain","t":"Histogram Live Grain","d":"Live distribution instrument where the histogram IS the samples: each arrival falls as a g","k":"motion","s":"ns-ui","c":"motion/background","sb":"Noise and texture","hc":1},{"id":"ns-ui:honeycomb-draw","t":"Honeycomb Draw","d":"An ambient background where wax cells start as loosely packed circles and locally relax, w","s":"ns-ui","c":"data-display/calendar","hc":1},{"id":"ns-ui:honing-crosshatch","t":"Honing Crosshatch","d":"A card whose backing texture is a genuine cylinder-bore plateau-honing process: two famili","k":"section","s":"ns-ui","c":"marketing/features","hc":1},{"id":"ns-ui:hover-card-dwell","t":"Hover Card Dwell","d":"A hover-card trigger that has to be wound before it opens: a hairline arc coils clockwise ","s":"ns-ui","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"ns-ui:idler-drop","t":"Idler Drop","d":"Delegated admin drawn as a gear train: your authority is the drive gear, each delegate is ","s":"ns-ui","c":"other/other","hc":1},{"id":"ns-ui:image-crop-mat","t":"Image Crop Mat","d":"Image cropping as a passe-partout: four mat boards slide over a photo to define the crop w","s":"ns-ui","c":"media/gallery","hc":1},{"id":"ns-ui:index-contour","t":"Index Contour","d":"A travel-time reach editor: one slider handle sets minutes, and the reach renders as topog","s":"ns-ui","c":"inputs/slider","hc":1},{"id":"ns-ui:indicator-rack","t":"Indicator Rack","d":"A plan selector built on the indicator-tablet rack of a pre-electronic cash register: four","k":"layout","s":"ns-ui","c":"flows/sign-in","hc":1},{"id":"ns-ui:input-focus-membrane","t":"Input Focus Membrane","d":"Text input whose focus ring is a living membrane: a noise-displaced canvas loop that breat","s":"ns-ui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"ns-ui:jacquard-card-chain","t":"Jacquard Card Chain","d":"An ambient status strip modelled on a Jacquard loom's control mechanism: a chain of punche","s":"ns-ui","c":"data-display/card","hc":1},{"id":"ns-ui:jam-kickout-loop","t":"Jam Kickout Loop","d":"An ambient background-job status line built as bulk-mail sortation conveyor jam handling: ","s":"ns-ui","c":"data-display/card","hc":1},{"id":"ns-ui:kelvin-wake","t":"Kelvin Wake","d":"A real site nav whose active-item indicator is a point source drifting along the link row,","s":"ns-ui","c":"navigation/top-nav","hc":1},{"id":"ns-ui:keymap-ascii-heat","t":"Keymap ASCII Heat","d":"An ASCII keyboard layout that accumulates real ink density per key as you type into it: ea","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:knife-edge-rack-focus","t":"Knife Edge Rack Focus","d":"A card-scale loader substitute built on the Foucault knife-edge test: a knife edge racks t","s":"ns-ui","c":"data-display/card","hc":1},{"id":"ns-ui:knit-ladder-run","t":"Knit Ladder Run","d":"An ambient status/health card background: a field of knit stitches builds downward course ","k":"resource","s":"ns-ui","c":"assets/sound","hc":1},{"id":"ns-ui:knot-capsize-cycle","t":"Knot Capsize Cycle","d":"An ambient capacity/status gauge that expresses load as knot topology instead of a fill ba","s":"ns-ui","c":"data-viz/gauge","hc":1},{"id":"ns-ui:lcd-response-smear","t":"LCD Response Smear","d":"An ambient panel-diagnostics status card whose canvas strip simulates LCD pixel response t","s":"ns-ui","c":"data-display/list","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:leaven-crest-fall","t":"Leaven Crest Fall","d":"A sourdough starter jar status indicator: the surface dome rises with a Poisson-nucleated ","s":"ns-ui","c":"ai-agent/ai-agent","hc":1},{"id":"ns-ui:lens-ascii-magnify","t":"Lens ASCII Magnify","d":"A circular lens that resolves the text under it into a denser dot-matrix of ASCII glyphs: ","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:lenticule-swing","t":"Lenticule Swing","d":"A hero H1 lockup printed twice behind vertical lenticular slats (the problem statement and","k":"section","s":"ns-ui","c":"marketing/hero","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ns-ui:lining-wear","t":"Lining Wear","d":"A dunning card for past-due subscriptions where the clutch grip on 'active' is a friction ","s":"ns-ui","c":"inputs/textarea","hc":1},{"id":"ns-ui:listbox-sticky-groups","t":"Listbox Sticky Groups","d":"A grouped listbox for long lists (timezones, countries, currencies) where every passed gro","s":"ns-ui","c":"inputs/select","hc":1},{"id":"ns-ui:loader-ascii-diffuse-fill","t":"Loader ASCII Diffuse Fill","d":"Indeterminate ASCII loader whose texture comes from real Floyd-Steinberg serpentine error ","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:loader-braille","t":"Loader Braille","d":"Determinate/indeterminate loader built from braille dot patterns, where each cell's eight ","s":"ns-ui","c":"status/loader","hc":1},{"id":"ns-ui:loader-die-tumble","t":"Loader Die Tumble","d":"An ambient loading glyph shaped as a die tumbling face over face on a fixed axle: each 90d","s":"ns-ui","c":"status/loader","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ns-ui:loader-ink-blob","t":"Loader Ink Blob","d":"A small canvas-2D assistant-state indicator: a soft ink blob traced through 72 points arou","k":"resource","s":"ns-ui","c":"assets/shape","hc":1},{"id":"ns-ui:loader-iris","t":"Loader Iris","d":"An ambient loading glyph shaped as a six-blade camera-iris diaphragm breathing open and sh","s":"ns-ui","c":"status/loader","hc":1},{"id":"ns-ui:loader-pendulum-sync","t":"Loader Pendulum Sync","d":"An indeterminate loader for long background work: a row of pendulums with slightly differe","s":"ns-ui","c":"status/loader","hc":1},{"id":"ns-ui:loader-spirograph-trace","t":"Loader Spirograph Trace","d":"A determinate loader that traces a real hypotrochoid: the full closed rosette is always vi","s":"ns-ui","c":"status/loader","hc":1},{"id":"ns-ui:loader-spring-bars","t":"Loader Spring Bars","d":"An ambient loading glyph shaped as a row of leaf springs on a rail: one displacement keyfr","s":"ns-ui","c":"status/loader","sb":"Spinners","hc":1},{"id":"ns-ui:loader-thread-spool","t":"Loader Thread Spool","d":"A loader that winds thread onto a spool while duration is unknown, then converts the same ","s":"ns-ui","c":"status/loader","hc":1},{"id":"ns-ui:log-viewer-ascii-tail","t":"Log Viewer ASCII Tail","d":"A live `tail -f` log pane with a real ring buffer, a per-line severity glyph column, and f","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:logo-cloud-settle","t":"Logo Cloud Settle","d":"A trust-wall grid of abstract, generated marks that physically settles into place: each ti","k":"section","s":"ns-ui","c":"marketing/logos","tg":["3d"],"sy":["3d"],"hc":1},{"id":"ns-ui:lug-cage-tally","t":"Lug Cage Tally","d":"An ambient loading glyph shaped as five pin wheels spinning at mutually-prime rates past a","s":"ns-ui","c":"status/loader","hc":1},{"id":"ns-ui:manifold-bleed","t":"Manifold Bleed","d":"A connected app's standing grants drawn as a valve manifold: each scope is a gate valve on","s":"ns-ui","c":"other/other","hc":1},{"id":"ns-ui:map-choropleth-ascii","t":"Map Choropleth ASCII","d":"ASCII-density choropleth over a fully synthetic hand-seeded tessellation. Hovering or keyi","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:marquee-ticker-glyph","t":"Marquee Ticker Glyph","d":"A grabbable ticker tape: drag to scrub through its content, release to fling it with momen","k":"motion","s":"ns-ui","c":"motion/marquee","tg":["playful"],"sy":["playful"],"hc":1},{"id":"ns-ui:masonry-ascii-settle","t":"Masonry ASCII Settle","d":"A masonry gallery whose tiles render as live ASCII halftone and resolve from a coarse prin","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:melt-pond-drain","t":"Melt Pond Drain","d":"A card-scale ambient loader/empty-state panel modelling Arctic melt-pond drainage: a shall","s":"ns-ui","c":"data-viz/map","hc":1},{"id":"ns-ui:memory-ledger-decay","t":"Memory Ledger Decay","d":"Session memory that visibly patinates: each remembered fact steps its ink from --foregroun","s":"ns-ui","c":"ai-agent/ai-agent","hc":1},{"id":"ns-ui:menu-nested-trays","t":"Menu Nested Trays","d":"Nested menus as telescoping card-catalog trays: opening a submenu shunts the parent back a","s":"ns-ui","c":"navigation/menu","tg":["3d"],"sy":["3d"],"hc":1},{"id":"ns-ui:mesh-lash","t":"Mesh Lash","d":"A currency amount field where two meshed gears are the FX quote itself: tooth ratio draws ","s":"ns-ui","c":"inputs/form-field","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"ns-ui:meter-context-window","t":"Meter Context Window","d":"A context-window budget meter: one hairline stacked bar segmenting the window into system ","s":"ns-ui","c":"data-viz/gauge","hc":1},{"id":"ns-ui:meter-latency-capillary","t":"Meter Latency Capillary","d":"Time-to-first-token rendered as calibrated capillary rise: a narrow tube climbs to a scrib","s":"ns-ui","c":"data-viz/gauge","hc":1},{"id":"ns-ui:meter-matrix-scan","t":"Meter Matrix Scan","d":"A level meter rendered as a genuinely row-multiplexed LED dot-matrix panel: five rows addr","s":"ns-ui","c":"data-viz/gauge","hc":1},{"id":"ns-ui:meter-quota-meniscus","t":"Meter Quota Meniscus","d":"A quota (storage, API budget, seats) rendered as liquid in a thin vessel where surface cur","s":"ns-ui","c":"data-viz/gauge","hc":1},{"id":"ns-ui:meter-quota-rule","t":"Meter Quota Rule","d":"A quota meter with no bar, no fill, no pill: the printed reading ('38.2 GB of 100 GB') sit","s":"ns-ui","c":"data-viz/gauge","hc":1},{"id":"ns-ui:meter-threshold-trip","t":"Meter Threshold Trip","d":"A data-driven threshold indicator built like a thermostat's bimetallic strip: it bows prog","s":"ns-ui","c":"data-viz/gauge","hc":1},{"id":"ns-ui:millstone-furrow-flow","t":"Millstone Furrow Flow","d":"An ambient processing-section background modelled on a dressed millstone pair: a static be","k":"motion","s":"ns-ui","c":"motion/background","hc":1},{"id":"ns-ui:minimap-pantograph","t":"Minimap Pantograph","d":"A minimap whose viewport rectangle is physically wired to the real viewport by a live SVG ","s":"ns-ui","c":"data-viz/chart","hc":1},{"id":"ns-ui:mudflow-levee-build","t":"Mudflow Levee Build","d":"Ambient activity track whose channel is self-built by the flow's own coarse fraction shear","s":"ns-ui","c":"other/other","hc":1},{"id":"ns-ui:mull-hinge","t":"Mull Hinge","d":"A margin comment thread glued to its anchored phrase by a translucent tissue-strip hinge w","s":"ns-ui","c":"actions/link","hc":1},{"id":"ns-ui:nav-blue-noise-scrim","t":"Nav Blue Noise Scrim","d":"Dimming backdrop for a command palette or search overlay, dithered with a temporal blue-no","s":"ns-ui","c":"navigation/top-nav","hc":1},{"id":"ns-ui:nav-condense-rail","t":"Nav Condense Rail","d":"A full-width site nav that condenses in place as the page scrolls (roomy padding, full-siz","s":"ns-ui","c":"navigation/top-nav","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:nav-overstrike-typewriter","t":"Nav Overstrike Typewriter","d":"A real site nav with a typed ruled line beneath its links, shaded by striking two or three","s":"ns-ui","c":"navigation/top-nav","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"ns-ui:nav-site-condense","t":"Nav Site Condense","d":"A full-width site nav with the furniture a real site needs: a scroll-condensed bar, a menu","s":"ns-ui","c":"navigation/top-nav","hc":1},{"id":"ns-ui:neon-tube-striation","t":"Neon Tube Striation","d":"A horizontal section divider rendered as the positive column of a lit glow-discharge tube:","k":"motion","s":"ns-ui","c":"motion/background","tg":["neon"],"sy":["neon"],"hc":1},{"id":"ns-ui:network-packet-trace","t":"Network Packet Trace","d":"A small hairline node/edge network where data pulses branch across random routes, easing a","s":"ns-ui","c":"other/other","hc":1},{"id":"ns-ui:newsletter-cadence-rail","t":"Newsletter Cadence Rail","d":"A newsletter capture whose headline element is a mono day-rail showing the publication's a","k":"section","s":"ns-ui","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"ns-ui:night-store","t":"Night Store","d":"A cache diagnostics rack where every key-group is a storage-heater brick holding heat: a h","s":"ns-ui","c":"data-display/badge","hc":1},{"id":"ns-ui:nomogram-edge","t":"Nomogram Edge","d":"A two-input estimator built as a real paper nomogram: three vertical ASCII scales in Geist","s":"ns-ui","c":"inputs/form-field","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"ns-ui:notification-bell-swing","t":"Notification Bell Swing","d":"A notification bell whose clapper physically rings: arrivals add an impulse to a damped ha","s":"ns-ui","c":"overlays/notifications","hc":1},{"id":"ns-ui:optimistic-stitch","t":"Optimistic Stitch","d":"Optimistic-write feedback for a single row rendered as a tailor's basting stitch along its","s":"ns-ui","c":"data-display/list","hc":1},{"id":"ns-ui:otp-reel","t":"OTP Reel","d":"6-box code entry where each box is a tiny slot-machine cipher reel: keystrokes spin a canv","s":"ns-ui","c":"inputs/otp-input","hc":1},{"id":"ns-ui:overflow-chip-mux","t":"Overflow Chip Mux","d":"The list/tag overflow indicator, replaced with real NES PPU sprite multiplexing: instead o","s":"ns-ui","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"ns-ui:pagination-dog-ear","t":"Pagination Dog Ear","d":"A pagination control rendered as book folios: paper cards for each page number, a raised c","s":"ns-ui","c":"navigation/pagination","hc":1},{"id":"ns-ui:parison-inflate","t":"Parison Inflate","d":"A capacity/fill-progress meter rendered as a glassblower's parison inflating: a thick-wall","s":"ns-ui","c":"data-viz/gauge","tg":["glass"],"sy":["glass"],"hc":1},{"id":"ns-ui:passing-loop","t":"Passing Loop","d":"A progressive-rollout controller built as a funicular: two cars share one cable over a sum","s":"ns-ui","c":"other/other","tg":["playful"],"sy":["playful"],"hc":1},{"id":"ns-ui:password-strength-tide","t":"Password Strength Tide","d":"Password field with a canvas water tank behind the masked text: entropy raises the tide on","s":"ns-ui","c":"inputs/form-field","sb":"Password","hc":1},{"id":"ns-ui:patchbay-ascii-cable","t":"Patchbay ASCII Cable","d":"A patchbay with real, persistent, user-authored topology: drag from one jack to another to","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:pecked-ring","t":"Pecked Ring","d":"A geofence radius editor whose circle is drawn in pecked chart line-work where each dash i","s":"ns-ui","c":"inputs/textarea","hc":1},{"id":"ns-ui:peen-coverage","t":"Peen Coverage","d":"A card whose backing texture is a genuine shot-peening coverage process: a stream of unifo","k":"section","s":"ns-ui","c":"marketing/features","hc":1},{"id":"ns-ui:picker-pareto-frontier","t":"Picker Pareto Frontier","d":"Model picker rendered as a legible cost/latency/quality Pareto scatter: the frontier is a ","s":"ns-ui","c":"inputs/select","hc":1},{"id":"ns-ui:pin-register","t":"Pin Register","d":"A map layer panel drawn as registered acetate separations: each layer a translucent sheet ","k":"layout","s":"ns-ui","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"ns-ui:pole-shy","t":"Pole Shy","d":"Live cursor name-labels that repel each other like matching magnetic poles, so the person ","s":"ns-ui","c":"inputs/form-field","hc":1},{"id":"ns-ui:polyp-bud","t":"Polyp Bud","d":"A coral colony that accretes inward from one edge, budding new polyps only where five shad","s":"ns-ui","c":"status/skeleton","hc":1},{"id":"ns-ui:popover-pendulum","t":"Popover Pendulum","d":"A popover that hangs from its trigger like a plumb bob: it drops in off-vertical, sways on","s":"ns-ui","c":"overlays/popover","hc":1},{"id":"ns-ui:post-list-ascii-index","t":"Post List ASCII Index","d":"A blog/post list with a live ASCII gutter: j/k and arrow-key navigation moves a roving-tab","k":"section","s":"ns-ui","c":"marketing/marketing","tg":["retro and HUD"],"sb":"Blog and posts","sy":["retro and HUD"],"hc":1},{"id":"ns-ui:press-register","t":"Press Register","d":"An ambient conflict indicator staged as printing misregistration: a block with an unsynced","k":"layout","s":"ns-ui","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"ns-ui:pricing-scale","t":"Pricing Scale","d":"Pricing section rendered as a literal balance scale: two tier cards hang as pans from a ca","k":"section","s":"ns-ui","c":"marketing/pricing","hc":1},{"id":"ns-ui:profilometer-trace","t":"Profilometer Trace","d":"A section divider rendered as a live contact profilometer readout: a fixed stylus near the","k":"section","s":"ns-ui","c":"marketing/marketing","hc":1},{"id":"ns-ui:progress-hatch","t":"Progress Hatch","d":"Engineering-drawing progress meter: a light hatch track and a dense shade-ramp fill with a","s":"ns-ui","c":"data-viz/progress-bar","hc":1},{"id":"ns-ui:progress-narrated","t":"Progress Narrated","d":"Determinate progress bar whose leading edge narrates each phase in typed mono, then docks ","s":"ns-ui","c":"data-viz/progress-bar","hc":1},{"id":"ns-ui:progress-nlq-overstrike","t":"Progress NLQ Overstrike","d":"Determinate progress meter modeled on real 9-pin dot-matrix \"Near Letter Quality\" printing","s":"ns-ui","c":"data-viz/progress-bar","hc":1},{"id":"ns-ui:progress-telegraph-log","t":"Progress Telegraph Log","d":"Live telegraph feed for multi-stage operations of unknowable total duration: each real sub","s":"ns-ui","c":"data-viz/progress-bar","hc":1},{"id":"ns-ui:progress-wick","t":"Progress Wick","d":"A determinate progress bar that advances by capillary action (quick pull, slowing soak, br","s":"ns-ui","c":"data-viz/progress-bar","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:prompt-version-grain","t":"Prompt Version Grid","d":"A table of prompt blocks against releases: one filled cell wherever that block changed in ","s":"ns-ui","c":"ai-agent/composer","hc":1},{"id":"ns-ui:punch-figure","t":"Punch Figure","d":"An issued amount punched through the sheet as a dot matrix by a single left-to-right head ","s":"ns-ui","c":"overlays/sheet","hc":1},{"id":"ns-ui:punch-patch","t":"Punch Patch","d":"A role x permission matrix rendered as a Jacquard card where authority is asymmetric mater","s":"ns-ui","c":"data-display/card","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ns-ui:queue-triage-ratchet","t":"Queue Triage Ratchet","d":"Card-triage queue driven by a literal one-way ratchet: deciding a card clicks a toothed ra","s":"ns-ui","c":"data-display/card","hc":1},{"id":"ns-ui:quoin-lockup","t":"Quoin Lockup","d":"A bento grid whose only variable is pressure, not cell assignment: four quoins hold a fixe","s":"ns-ui","c":"data-display/card","hc":1},{"id":"ns-ui:rack-seat","t":"Rack Seat","d":"Step-up auth drawn as switchgear racking: a sensitive-actions group sits 12px back on a vi","k":"layout","s":"ns-ui","c":"flows/sign-in","hc":1},{"id":"ns-ui:radio-ballot-drop","t":"Radio Ballot Drop","d":"A single-choice input as a paper ballot: the chosen option folds into a slip and drops thr","s":"ns-ui","c":"inputs/radio","hc":1},{"id":"ns-ui:radio-group-pin","t":"Radio Group Pin","d":"Vertical radio group whose single choice is embodied by exactly one indicator: a dot resti","s":"ns-ui","c":"inputs/radio","hc":1},{"id":"ns-ui:raft-moor","t":"Raft Moor","d":"A collaborator presence rail where each teammate's live scroll position becomes a jump-to ","s":"ns-ui","c":"data-display/badge","hc":1},{"id":"ns-ui:range-light-transit","t":"Range Light Transit","d":"An ambient convergence moment modelled on maritime range lights: a near light and a far li","s":"ns-ui","c":"inputs/slider","hc":1},{"id":"ns-ui:rating-stamp","t":"Rating Stamp","d":"Rating / level input rendered as a row of seal impressions: chosen levels stamp solid with","s":"ns-ui","c":"inputs/rating","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:redaction-hold-reveal","t":"Redaction Hold Reveal","d":"Inline redaction bar sized by the real text beneath it: hold to peek and the ink flows bac","s":"ns-ui","c":"overlays/hover-card","hc":1},{"id":"ns-ui:refresh-pull-flywheel","t":"Refresh Pull Flywheel","d":"Pull-to-refresh as a crank and flywheel: pulling down winds a spoked SVG wheel through a r","s":"ns-ui","c":"data-display/list","hc":1},{"id":"ns-ui:refusal-negotiation","t":"Refusal Negotiation","d":"A refusal that negotiates instead of stonewalling: the offending span of a blocked request","s":"ns-ui","c":"actions/switch","hc":1},{"id":"ns-ui:remnant-cut","t":"Remnant Cut","d":"A plan-change proration panel drawn as a draper cutting cloth: the used billing period dim","k":"section","s":"ns-ui","c":"marketing/pricing","hc":1},{"id":"ns-ui:remontoire-rewind","t":"Remontoire Rewind","d":"A sync/upload progress strip driven by a constant-force remontoire: a coiled spring glyph ","s":"ns-ui","c":"inputs/file-upload","hc":1},{"id":"ns-ui:reorder-drag-wake","t":"Reorder Drag Wake","d":"Drag-to-reorder where the dragged row pushes a continuous falloff field through its neighb","s":"ns-ui","c":"inputs/form-field","hc":1},{"id":"ns-ui:retrieval-chunk-sieve","t":"Retrieval Chunk Sieve","d":"RAG retrieval as a literal sieve: one hard rule across the frame with the chunks that clea","s":"ns-ui","c":"other/other","hc":1},{"id":"ns-ui:return-aviso","t":"Return Aviso","d":"An @mention chip that behaves like registered post: a stub tears off along a dashed perfor","s":"ns-ui","c":"inputs/combobox","hc":1},{"id":"ns-ui:reveal-ripple-tiles","t":"Reveal Ripple Tiles","d":"Media reveal driven by a height-field water sim: a ripple front sweeps from the trigger po","k":"motion","s":"ns-ui","c":"motion/background","tg":["glass"],"sb":"Waves and warps","sy":["glass"],"hc":1},{"id":"ns-ui:ring-stain","t":"Ring Stain","d":"A loader built on the coffee-ring effect: 90 particles drift outward on a capillary-flow v","s":"ns-ui","c":"data-viz/progress-bar","hc":1},{"id":"ns-ui:riso-drum-pass","t":"Riso Drum Pass","d":"A loader / background ambient texture reproducing a risograph duplication run: three seque","k":"layout","s":"ns-ui","c":"flows/sign-in","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"ns-ui:roller-break-reduce","t":"Roller Break Reduce","d":"An ambient multi-stage pipeline indicator built as a flour mill's break system: a stream o","s":"ns-ui","c":"data-display/timeline","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"ns-ui:roller-occlusion","t":"Roller Occlusion","d":"A determinate-feel loader ambient drawn as a real peristaltic pump: a three-roller rotor s","s":"ns-ui","c":"status/loader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"ns-ui:ropewalk-lay-twist","t":"Ropewalk Lay Twist","d":"Ambient card background modeling rope laying in a traditional ropewalk: three strands spir","s":"ns-ui","c":"data-display/card","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"ns-ui:router-tier-cascade","t":"Router Tier Cascade","d":"Model routing drawn as a cascade of weirs: one hairline row per model tier, each with a sp","s":"ns-ui","c":"data-display/list","hc":1},{"id":"ns-ui:routing-slip","t":"Routing Slip","d":"A multi-party approval ledger styled as an interoffice routing slip: names print in fixed ","s":"ns-ui","c":"other/other","hc":1},{"id":"ns-ui:running-belay","t":"Running Belay","d":"A deploy pipeline drawn as a climbing pitch: stages are protection anchors bolted up a ver","s":"ns-ui","c":"data-display/timeline","hc":1},{"id":"ns-ui:sankey-ascii-flow","t":"Sankey ASCII Flow","d":"A weighted, branching multi-stage flow diagram rendered as ASCII density bands instead of ","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:schedule-ascii-freebusy","t":"Schedule ASCII Free/Busy","d":"A meeting-time finder: one row of block glyphs per attendee and an underlined accent windo","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:screen-flood-stroke","t":"Screen Flood Stroke","d":"A card-scale loader modelled on the real screen-printing flood/print stroke cycle: a squee","s":"ns-ui","c":"data-display/card","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"ns-ui:scroll-caliper","t":"Scroll Caliper","d":"A vernier caliper pinned to a scroll container's edge whose spring-damped jaws close over ","k":"layout","s":"ns-ui","c":"layout/scroll-area","hc":1},{"id":"ns-ui:scroll-fine-register","t":"Scroll Fine Register","d":"A divider/footer band whose streaming motion is built from a real tilemap-PPU scroll: a fi","k":"layout","s":"ns-ui","c":"flows/sign-in","tg":["retro and HUD"],"sb":"Sign up","sy":["retro and HUD"],"hc":1},{"id":"ns-ui:scroll-particle-tunnel","t":"Scroll Particle Tunnel","d":"Scroll scrubs a camera through a monochrome point tunnel: velocity stretches dots into mot","k":"motion","s":"ns-ui","c":"motion/background","tg":["3d"],"sb":"Particles and stars","sy":["3d"],"hc":1},{"id":"ns-ui:scrubber-film-strip","t":"Scrubber Film Strip","d":"Media scrubber rendered as a film strip: sprocket-holed edges, one cell per second, a gate","s":"ns-ui","c":"inputs/slider","hc":1},{"id":"ns-ui:seal-roll","t":"Seal Roll","d":"A single-quote testimonial rotator built as a Mesopotamian cylinder seal: a small barrel r","k":"section","s":"ns-ui","c":"marketing/testimonials","hc":1},{"id":"ns-ui:seam-gild","t":"Seam Gild","d":"A kintsugi payoff for consequential actions: confirming cracks the panel with a biased-ran","s":"ns-ui","c":"data-display/card","hc":1},{"id":"ns-ui:search-winnow","t":"Search Winnow","d":"Search input that winnows its list like grain from chaff: non-matching rows tumble aside w","s":"ns-ui","c":"inputs/search","hc":1},{"id":"ns-ui:seatmap-ascii-pick","t":"Seatmap ASCII Pick","d":"An ASCII venue floor plan where dragging a marquee selects a contiguous block of seats: ta","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:seep-lattice","t":"Seep Lattice","d":"A feature-flag rollout picker where blast radius is computed as literal site percolation: ","k":"section","s":"ns-ui","c":"marketing/features","hc":1},{"id":"ns-ui:segmented-control-fling","t":"Segmented Control Fling","d":"Segmented control with a visibly grabbable pill (grip dots, hover lift): fling it, it coas","s":"ns-ui","c":"navigation/tabs","hc":1},{"id":"ns-ui:select-caustic","t":"Select Caustic","d":"Single-select whose frosted-glass trigger and listbox sit over drifting caustic light pool","s":"ns-ui","c":"inputs/select","tg":["glass"],"sy":["glass"],"hc":1},{"id":"ns-ui:serving-mallet-wind","t":"Serving Mallet Wind","d":"A thin ambient loader modelled on marlinspike seamanship's serving pass: a serving zone tr","s":"ns-ui","c":"status/loader","hc":1},{"id":"ns-ui:shearer-advance","t":"Shearer Advance","d":"A \"loading more rows\" strip for an infinite-scroll or virtualised list, built on real long","k":"resource","s":"ns-ui","c":"assets/shape","hc":1},{"id":"ns-ui:sheet-ascii-range","t":"Sheet ASCII Range","d":"A spreadsheet-style rectangular cell range select where the border draws itself in real bo","s":"ns-ui","c":"inputs/slider","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:shortcuts-cheat-sheet","t":"Shortcuts Cheat Sheet","d":"A keyboard-shortcut cheat sheet whose keycaps press themselves: matching keydowns depress ","s":"ns-ui","c":"overlays/sheet","hc":1},{"id":"ns-ui:shutter-telegraph-board","t":"Shutter Telegraph Board","d":"An ambient multi-stage status board of six louvred shutters, modelled on the Admiralty six","s":"ns-ui","c":"data-display/kanban","hc":1},{"id":"ns-ui:signature-consent","t":"Signature Consent","d":"Signature capture as consent: a canvas ink strip with pen-pressure feel that retraces itse","s":"ns-ui","c":"overlays/dialog","tg":["minimal"],"sb":"Forms","sy":["minimal"],"hc":1},{"id":"ns-ui:sinkhole-ravel","t":"Sinkhole Ravel","d":"A destructive-action confirm modeled on cover-collapse sinkhole formation: a void chimneys","s":"ns-ui","c":"overlays/dialog","hc":1},{"id":"ns-ui:skeleton-develop","t":"Skeleton Develop","d":"Loading wrapper whose placeholder blocks develop into the real content: a masked sweep res","s":"ns-ui","c":"status/skeleton","hc":1},{"id":"ns-ui:skeleton-schema","t":"Skeleton Schema","d":"Schema-driven skeleton for streaming structured LLM output: every field, key, and array sl","s":"ns-ui","c":"status/skeleton","hc":1},{"id":"ns-ui:slate-gauge","t":"Slate Gauge","d":"A testimonial wall built as real double-lap slating: each quote is a slate hung on a batte","s":"ns-ui","c":"data-viz/gauge","hc":1},{"id":"ns-ui:sleeper-renewal-relay","t":"Sleeper Renewal Relay","d":"An ambient row-level 'processing/refreshing' indicator built from mechanised sleeper-renew","k":"section","s":"ns-ui","c":"marketing/comparison","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"ns-ui:slider-allocation-wire","t":"Slider Allocation Wire","d":"Two-way allocation slider built as a slack wire between two labeled anchors: a bead slidin","s":"ns-ui","c":"inputs/slider","hc":1},{"id":"ns-ui:slider-loupe","t":"Slider Loupe","d":"Slider read through a circular magnifying loupe riding the thumb: the tick beneath sits sh","s":"ns-ui","c":"inputs/slider","hc":1},{"id":"ns-ui:slider-range-shear","t":"Slider Range Shear","d":"Dual-handle range slider whose selected span is a taut band of material: it visibly shears","s":"ns-ui","c":"inputs/slider","hc":1},{"id":"ns-ui:slider-vernier","t":"Slider Vernier","d":"Numeric input built as a true vernier caliper: a fixed coarse tick row over a sliding fine","s":"ns-ui","c":"inputs/slider","hc":1},{"id":"ns-ui:slug-field-mirror","t":"Slug Field Mirror","d":"A primary field with a slugified 'carbon copy' stacked underneath it, offset like a duplic","s":"ns-ui","c":"inputs/form-field","hc":1},{"id":"ns-ui:slump-mould-drape","t":"Slump Mould Drape","d":"A content-reveal/settle moment built on kiln-slumping in warm glass work: a flat profile s","s":"ns-ui","c":"data-display/profile","tg":["glass"],"sy":["glass"],"hc":1},{"id":"ns-ui:sorter-pocket-route","t":"Sorter Pocket Route","d":"An ambient processing/organizing loader modeled on a Hollerith tabulating-machine card sor","s":"ns-ui","c":"data-display/card","hc":1},{"id":"ns-ui:spall-face","t":"Spall Face","d":"A card-scale background texture panel modelling frost (freeze-thaw) weathering of a porous","s":"ns-ui","c":"inputs/form-field","tg":["glass"],"sy":["glass"],"hc":1},{"id":"ns-ui:sparkline-ascii","t":"Sparkline ASCII","d":"A production-usable sparkline chart drawn entirely in characters: block-fraction bars, key","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:sparkline-automaton","t":"Sparkline Automaton","d":"Inline KPI sparkline grown over an elementary cellular-automaton texture: the Wolfram rule","s":"ns-ui","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"ns-ui:specie-clip","t":"Specie Clip","d":"A partial-refund control drawn as a struck coin with a reeded edge: dragging a chord acros","s":"ns-ui","c":"other/other","tg":["playful"],"sy":["playful"],"hc":1},{"id":"ns-ui:spectrogram-ascii-bands","t":"Spectrogram ASCII Bands","d":"A scrolling spectrogram in monospace ink: a real 512-point FFT grouped into log-spaced ban","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:spindle-strike","t":"Spindle Strike","d":"Payment history as a diner-receipt spindle: settled transactions pile up impaled on a shar","s":"ns-ui","c":"data-display/timeline","tg":["playful"],"sy":["playful"],"hc":1},{"id":"ns-ui:split-flap-board","t":"Split Flap Board","d":"A split-flap departure-board display for short status strings: each character cell hinges ","s":"ns-ui","c":"data-display/kanban","tg":["3d"],"sy":["3d"],"hc":1},{"id":"ns-ui:split-pane-weighted","t":"Split Pane Weighted","d":"Split-pane divider that carries real weight: drag it and the boundary trails the pointer l","k":"layout","s":"ns-ui","c":"layout/split-pane","hc":1},{"id":"ns-ui:starch-shear","t":"Starch Shear","d":"Film-strip thumbnail scrubber made of a shear-thickening material: drag slowly and each th","s":"ns-ui","c":"inputs/slider","hc":1},{"id":"ns-ui:stat-row-baseline-spark","t":"Stat Row Baseline Spark","d":"A KPI row implementing the stat-tile figure contract (value, delta, sparkline) honestly: t","s":"ns-ui","c":"data-display/list","hc":1},{"id":"ns-ui:stat-tile-ascii-arrive","t":"Stat Tile ASCII Arrive","d":"A KPI number whose arrival is ink condensing into a glyph: every dot of a 5x7 ASCII dot-ma","s":"ns-ui","c":"data-display/card","tg":["retro and HUD"],"sb":"Metric","sy":["retro and HUD"],"hc":1},{"id":"ns-ui:stats-radar-sweep","t":"Stats Radar Sweep","d":"Dashboard KPI grid under an observatory radar: a 1px accent arm sweeps the panel once per ","s":"ns-ui","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"ns-ui:status-glyph-cadence","t":"Status Glyph Cadence","d":"A 20-64px inline status glyph for agent work where the motion pattern itself is the signal","s":"ns-ui","c":"ai-agent/ai-agent","hc":1},{"id":"ns-ui:status-metaball-merge","t":"Status Metaball Merge","d":"Group membership drawn as an implicit surface: each item is a charge in an inverse-square ","s":"ns-ui","c":"inputs/form-field","hc":1},{"id":"ns-ui:status-sphere-dots","t":"Status Sphere Dots","d":"A canvas-free AI thinking indicator: a rotating sphere of depth-cued SVG dots. Four states","k":"motion","s":"ns-ui","c":"motion/background","tg":["3d"],"sb":"Grids and patterns","sy":["3d"],"hc":1},{"id":"ns-ui:steam-trap-batch-flush","t":"Steam Trap Batch Flush","d":"An inline sync-status glyph modelled on a float-and-thermostatic steam trap: condensate (p","s":"ns-ui","c":"data-display/stat","hc":1},{"id":"ns-ui:stem-and-leaf-live","t":"Stem And Leaf Live","d":"A live stem-and-leaf plot: every arriving value flies in from a staging slot and drops int","s":"ns-ui","c":"data-viz/chart","hc":1},{"id":"ns-ui:stencil-fill","t":"Stencil Fill","d":"A reusable pattern-masked input: the full template renders at rest as a muted stencil with","k":"page","s":"ns-ui","c":"pages/templates","hc":1},{"id":"ns-ui:stepper-needle","t":"Stepper Needle","d":"Bounded numeric stepper with a large mono value readout, prominent -/+ buttons, and a labe","s":"ns-ui","c":"navigation/wizard-steps","hc":1},{"id":"ns-ui:stepper-ratchet","t":"Stepper Ratchet","d":"Numeric spinbutton built as a ratchet and pawl: incrementing is free and clicky and a hold","s":"ns-ui","c":"navigation/wizard-steps","hc":1},{"id":"ns-ui:storey-pole","t":"Storey Pole","d":"Indoor level switcher drawn as a true architectural cross-section: floors are horizontal s","s":"ns-ui","c":"other/other","hc":1},{"id":"ns-ui:streaming-ink-dry","t":"Streaming Ink Dry","d":"Streaming LLM text where the newest tokens arrive light and translucent, then dry to full ","s":"ns-ui","c":"ai-agent/ai-agent","hc":1},{"id":"ns-ui:streaming-markdown-caret","t":"Streaming Markdown Caret","d":"Streaming-text renderer where already-arrived content never re-animates: only the trailing","s":"ns-ui","c":"ai-agent/ai-agent","hc":1},{"id":"ns-ui:streaming-retraction","t":"Streaming Retraction","d":"Streaming-text renderer for models that take words back: a retraction strikes through mid-","s":"ns-ui","c":"ai-agent/ai-agent","hc":1},{"id":"ns-ui:streaming-token-settle","t":"Streaming Token Settle","d":"Streaming text where provisional tokens sit off-baseline and a hair rotated like loose let","k":"motion","s":"ns-ui","c":"motion/text-effect","hc":1},{"id":"ns-ui:strip-station","t":"Strip Station","d":"Turn-by-turn directions unbent into one vertical straight-line diagram: row spacing is pro","s":"ns-ui","c":"data-display/list","hc":1},{"id":"ns-ui:surface-glass","t":"Surface Glass","d":"Container-level liquid glass: blur, saturation, noise grain, specular rim, graduated shado","k":"motion","s":"ns-ui","c":"motion/background","tg":["glass"],"sy":["glass"],"hc":1},{"id":"ns-ui:swipe-row-detent","t":"Swipe Row Detent","d":"A swipeable list row that clicks through machined detent stops (archive, then flag) and st","s":"ns-ui","c":"data-display/list","hc":1},{"id":"ns-ui:switch-ascii-knife","t":"Switch ASCII Knife","d":"An accessible switch drawn entirely in box-drawing and block characters, in the register o","s":"ns-ui","c":"actions/switch","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:switch-eclipse","t":"Switch Eclipse","d":"A binary switch drawn as an eclipse: a dark occluding disc slides across a bright sun disc","s":"ns-ui","c":"actions/switch","hc":1},{"id":"ns-ui:switch-frost","t":"Switch Frost","d":"iOS-style switch whose OFF state freezes over: seeded dendritic frost feathers creep in fr","s":"ns-ui","c":"actions/switch","tg":["glass"],"sy":["glass"],"hc":1},{"id":"ns-ui:switch-solder-bead","t":"Switch Solder Bead","d":"A boolean switch rendered as two liquid solder beads on a hairline rail, trading mass thro","s":"ns-ui","c":"actions/switch","hc":1},{"id":"ns-ui:table-heat-shimmer","t":"Table Heat Shimmer","d":"Dense ops table where rows above a heat threshold shimmer like air over asphalt: live DOM ","s":"ns-ui","c":"data-display/table","hc":1},{"id":"ns-ui:tabs-carriage","t":"Tabs Carriage","d":"Tabs whose underline is a typewriter carriage on a rail: forward moves glide on a spring a","s":"ns-ui","c":"navigation/tabs","hc":1},{"id":"ns-ui:tabs-notch-tenon","t":"Tabs Notch Tenon","d":"Tabs whose bottom rule is a single SVG path with a notch missing under the active tab, and","s":"ns-ui","c":"navigation/tabs","hc":1},{"id":"ns-ui:tabs-rail-points","t":"Tabs Rail Points","d":"Tabs whose active indicator is one continuous SVG rail running under the entire row like r","s":"ns-ui","c":"navigation/tabs","hc":1},{"id":"ns-ui:tabs-slack-cable","t":"Tabs Slack Cable","d":"Classic tabs whose active-indicator is a single SVG path drawn as a slack cable instead of","s":"ns-ui","c":"navigation/tabs","hc":1},{"id":"ns-ui:tacho-disc","t":"Tacho Disc","d":"Today's security activity as one rotating polar disc under a fixed stylus: sign-ins, permi","s":"ns-ui","c":"data-display/list","hc":1},{"id":"ns-ui:tag-input-backspace","t":"Tag Input Backspace","d":"Tag input where Backspace on an empty field arms the last tag with a depleting bar instead","s":"ns-ui","c":"inputs/form-field","hc":1},{"id":"ns-ui:tag-input-cord","t":"Tag Input Cord","d":"Tag input as beads threaded onto a cord: committing a tag cinches a bead into place with o","s":"ns-ui","c":"inputs/form-field","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:tag-input-pull","t":"Tag Input Pull","d":"A tag/token input whose chips attach like burrs: hooked, not glued. Removing one takes a d","s":"ns-ui","c":"inputs/form-field","hc":1},{"id":"ns-ui:tag-input-tear","t":"Tag Input Tear","d":"Tag input whose chips hang from a perforated edge instead of an x icon: dragging a chip do","s":"ns-ui","c":"inputs/form-field","hc":1},{"id":"ns-ui:tally-cleave","t":"Tally Cleave","d":"An org invite list where each invite is a split wooden tally: a jagged seam cut from the i","s":"ns-ui","c":"data-display/list","hc":1},{"id":"ns-ui:tamper-tine-squeeze","t":"Tamper Tine Squeeze","d":"An indeterminate 'still working' loader modeled on mechanised ballast tamping: a satellite","s":"ns-ui","c":"data-display/list","hc":1},{"id":"ns-ui:team-grid-timezone-rail","t":"Team Grid Timezone Rail","d":"A team grid that answers the question a team grid is actually asked (who is reachable righ","k":"section","s":"ns-ui","c":"marketing/team","hc":1},{"id":"ns-ui:tendril-cast","t":"Tendril Cast","d":"Two or three climbing-tendril shoots circumnutate out from the pane's bottom edge in live ","s":"ns-ui","c":"actions/switch","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"ns-ui:testimonial-wall-reflow","t":"Testimonial Wall Reflow","d":"A masonry testimonial wall that physically reflows as you read: expanding one card's quote","k":"section","s":"ns-ui","c":"marketing/testimonials","hc":1},{"id":"ns-ui:text-card-flick","t":"Text Card Flick","d":"A hover or click flourish where every letter is an index card on a spindle: the face flick","s":"ns-ui","c":"data-display/card","hc":1},{"id":"ns-ui:text-decrypt","t":"Text Decrypt","d":"Scramble-to-decode text reveal with left-to-right character locking.","k":"motion","s":"ns-ui","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"ns-ui:text-ekg-baseline","t":"Text EKG Baseline","d":"Text whose baseline is a live EKG trace: each beat fires a QRS spike that travels under th","k":"motion","s":"ns-ui","c":"motion/text-effect","hc":1},{"id":"ns-ui:text-ligature-melt","t":"Text Ligature Melt","d":"Headline whose glyphs liquefy near the cursor: an SVG gooey filter fuses neighbors into te","k":"motion","s":"ns-ui","c":"motion/text-effect","hc":1},{"id":"ns-ui:text-slot-rotate","t":"Text Slot Rotate","d":"A rotating-word slot: each character column spins through a slot-machine reel of glyphs be","k":"motion","s":"ns-ui","c":"motion/text-effect","tg":["retro and HUD"],"sb":"Rotating words","sy":["retro and HUD"],"hc":1},{"id":"ns-ui:text-variable-weight","t":"Text Variable Weight","d":"Letters morph variable-font weight by cursor proximity. Pure typography interaction.","k":"motion","s":"ns-ui","c":"motion/text-effect","hc":1},{"id":"ns-ui:textarea-autosize-swell","t":"Textarea Autosize Swell","d":"An autosize textarea that grows like dough proofing instead of reflowing like a spreadshee","s":"ns-ui","c":"inputs/textarea","hc":1},{"id":"ns-ui:ticker-tape-splice","t":"Ticker Tape Splice","d":"Horizontal ticker tape with mechanical feed physics: quotes stream right-to-left at consta","k":"motion","s":"ns-ui","c":"motion/marquee","hc":1},{"id":"ns-ui:ticker-teleprinter","t":"Ticker Teleprinter","d":"Character-quantised teleprinter crawl: a fixed row of monospace cells advances one full ce","k":"motion","s":"ns-ui","c":"motion/marquee","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:time-ago-drift","t":"Time Ago Drift","d":"A relative timestamp whose type visibly ages: variable-font weight, letter-spacing and ink","k":"resource","s":"ns-ui","c":"assets/font","hc":1},{"id":"ns-ui:time-picker-sundial","t":"Time Picker Sundial","d":"A time-of-day picker as a flat sundial: drag the outer ring to set the hour and the inner ","s":"ns-ui","c":"inputs/select","hc":1},{"id":"ns-ui:timeline-agent-lanes","t":"Timeline Agent Lanes","d":"Live multi-agent turn tracker: one hairline lane per agent, the lane holding the turn brig","s":"ns-ui","c":"ai-agent/ai-agent","hc":1},{"id":"ns-ui:timeline-changelog-wave","t":"Timeline Changelog Wave","d":"Changelog timeline drawn as a beach strand: each release arrives as a foam crest sweeping ","k":"section","s":"ns-ui","c":"marketing/marketing","hc":1},{"id":"ns-ui:timeline-reasoning-rail","t":"Timeline Reasoning Rail","d":"Collapsible agent-reasoning timeline: status lives entirely in the node glyph on a 1px ver","s":"ns-ui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"ns-ui:toast-gravity-stack","t":"Toast Gravity Stack","d":"Toast stack with real gravity: notifications thud into a jostling heap, errors sink under ","s":"ns-ui","c":"overlays/toast","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:toast-undo-fuse","t":"Toast Undo Fuse","d":"Undo toast whose remaining lifetime is a literal fuse: a hairline along the bottom edge bu","s":"ns-ui","c":"overlays/toast","hc":1},{"id":"ns-ui:toc-minimap-mercury","t":"TOC Minimap Mercury","d":"TOC minimap where scroll progress is a column of liquid mercury: a gooey SVG blob climbs t","s":"ns-ui","c":"navigation/table-of-contents","hc":1},{"id":"ns-ui:toggle-theme-ascii","t":"Toggle Theme ASCII","d":"A light/dark toggle whose chip reads the real resolved --background/--foreground values at","s":"ns-ui","c":"actions/switch","tg":["retro and HUD"],"sb":"Theme toggles","sy":["retro and HUD"],"hc":1},{"id":"ns-ui:tonearm-skate","t":"Tonearm Skate","d":"A read-only tracking-quality gauge built from real pivoted-tonearm geometry: a headshell s","s":"ns-ui","c":"data-viz/gauge","tg":["playful"],"sy":["playful"],"hc":1},{"id":"ns-ui:toner-fuse-streak","t":"Toner Fuse Streak","d":"A loader / progress surface that prints its content in the way a laser printer images a pa","s":"ns-ui","c":"data-display/gamification","hc":1},{"id":"ns-ui:tool-call-board","t":"Tool Call Board","d":"An agent's tools hung on a board like fishing tackle: slim capability chips at rest, each ","s":"ns-ui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"ns-ui:tooltip-delay-group","t":"Tooltip Delay Group","d":"A tooltip whose 1px border traces itself outward from the trigger's own edge and whose del","s":"ns-ui","c":"overlays/tooltip","hc":1},{"id":"ns-ui:tour-spotlight","t":"Tour Spotlight","d":"An onboarding tour rendered as a lighthouse: the current target gets a light ring and halo","k":"motion","s":"ns-ui","c":"motion/background","sb":"Beams and light","hc":1},{"id":"ns-ui:transfer-list-siphon","t":"Transfer List Siphon","d":"Multi-select a source list, drag just one selected item into the destination to prime the ","s":"ns-ui","c":"data-display/list","hc":1},{"id":"ns-ui:tree-box-drawing","t":"Tree Box Drawing","d":"File/directory tree drawn with real box-drawing connectors, whose glyphs redraw themselves","s":"ns-ui","c":"data-display/tree","hc":1},{"id":"ns-ui:tree-hinge-fold","t":"Tree Hinge Fold","d":"Tree view whose branches unfold like a carpenter's folding rule: each child group is a hin","s":"ns-ui","c":"data-display/tree","hc":1},{"id":"ns-ui:tree-root-trace","t":"Tree Root Trace","d":"File/nav tree whose indent guides are a single living root system: an SVG path draws itsel","s":"ns-ui","c":"data-display/tree","hc":1},{"id":"ns-ui:treemap-ascii-partition","t":"Treemap ASCII Partition","d":"A recursive slice-and-dice treemap where every rectangle's interior is filled with an ASCI","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:truncation-taper-fade","t":"Truncation Taper Fade","d":"Truncation without the ellipsis: an overflowing line's trailing characters crowd tighter a","k":"motion","s":"ns-ui","c":"motion/background","hc":1},{"id":"ns-ui:truncation-word-count","t":"Truncation Word Count","d":"Line-clamp that tells the truth: the fold control states the exact measured word count it ","k":"motion","s":"ns-ui","c":"motion/text-effect","hc":1},{"id":"ns-ui:tufting-gun-loop-pile","t":"Tufting Gun Loop Pile","d":"A card whose backing texture is a genuine tufting-gun loop-pile build: a carriage sweeping","s":"ns-ui","c":"inputs/form-field","hc":1},{"id":"ns-ui:turbidite-graded-bed","t":"Turbidite Graded Bed","d":"A card-scale ambient timeline where each irregular flow-pulse event deposits one new sedim","s":"ns-ui","c":"data-display/timeline","hc":1},{"id":"ns-ui:turntable-stall","t":"Turntable Stall","d":"Org/tenant switcher as a locomotive roundhouse turntable: the bridge slews on a real sprin","s":"ns-ui","c":"navigation/top-nav","hc":1},{"id":"ns-ui:typing-indicator-trace","t":"Typing Indicator Trace","d":"Multi-user typing/presence as a live seismograph strip: one hairline trace per participant","k":"motion","s":"ns-ui","c":"motion/text-effect","tg":["webgl"],"sb":"Typewriter","sy":["webgl"],"hc":1},{"id":"ns-ui:undo-drift-bar","t":"Undo Drift Bar","d":"Deleted list row collapses in place to a thin labeled bar that drifts toward the trailing ","s":"ns-ui","c":"data-display/list","hc":1},{"id":"ns-ui:undo-ghost-row","t":"Undo Ghost Row","d":"A deleted list row leaves a dashed retinal ghost in its exact place that slowly closes ove","s":"ns-ui","c":"data-display/list","hc":1},{"id":"ns-ui:validation-error-summary","t":"Validation Error Summary","d":"Failed-submit error handling as a contractor's punch list: a numbered defect summary pins ","s":"ns-ui","c":"inputs/form-field","hc":1},{"id":"ns-ui:validation-inline-wick","t":"Validation Inline Wick","d":"Inline per-field validation where the bottom border diffuses an error tint in from the exa","s":"ns-ui","c":"inputs/form-field","hc":1},{"id":"ns-ui:vellum-scrape","t":"Vellum Scrape","d":"A version-history rail styled as scraping vellum: dragging a vertical depth slider reveals","s":"ns-ui","c":"inputs/slider","tg":["3d"],"sy":["3d"],"hc":1},{"id":"ns-ui:venturi-ejector-draw","t":"Venturi Ejector Draw","d":"A processing/analyzing loader shaped as an industrial Venturi vacuum ejector: a particle s","s":"ns-ui","c":"status/loader","hc":1},{"id":"ns-ui:view-toggle-rails","t":"View Toggle Rails","d":"List/grid/board view switcher that draws a faint curved rail from every item's old slot to","s":"ns-ui","c":"actions/switch","hc":1},{"id":"ns-ui:voice-recorder-meter","t":"Voice Recorder Meter","d":"Voice-capture chip whose amplitude strip is real Web Audio, not Math.random() bars: flat a","s":"ns-ui","c":"data-viz/gauge","hc":1},{"id":"ns-ui:warp-knit-tricot-lapping","t":"Warp Knit Tricot Lapping","d":"An ambient divider/background texture whose guide bar shogs a short lateral distance every","s":"ns-ui","c":"inputs/form-field","hc":1},{"id":"ns-ui:waveform-ascii-scrub","t":"Waveform ASCII Scrub","d":"An audio-style waveform rendered as columns of ASCII density glyphs with a draggable playh","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:welt-channel-close","t":"Welt Channel Close","d":"A full-width section divider modeled on Goodyear-welted shoe construction: a needle locks ","k":"layout","s":"ns-ui","c":"layout/page-shell","tg":["3d"],"sy":["3d"],"hc":1},{"id":"ns-ui:wind-regulator-bellows","t":"Wind Regulator Bellows","d":"A streaming media buffer-ahead strip modelled on a pipe organ's wind supply: a feeder bell","s":"ns-ui","c":"other/other","hc":1},{"id":"ns-ui:wizard-canal-lock","t":"Wizard Canal Lock","d":"A wizard stepper built as a flight of canal locks: the next chamber's water level climbs t","s":"ns-ui","c":"navigation/wizard-steps","hc":1},{"id":"ns-ui:wizard-dovetail","t":"Wizard Dovetail","d":"A multi-step form whose completed steps physically interlock: each step contributes an SVG","s":"ns-ui","c":"navigation/wizard-steps","hc":1},{"id":"ns-ui:zipper-stall","t":"Zipper Stall","d":"Merge resolution staged as closing a zipper: two columns of timestamped edit ops, meshed b","s":"ns-ui","c":"data-display/badge","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"ns-ui:agar-starve","t":"Agar Starve","d":"A bacterial colony grown from a live, depleting nutrient field: a rich plate spreads into ","s":"ns-ui","c":"inputs/textarea","hc":1},{"id":"ns-ui:arc-ladder-climb","t":"Arc Ladder Climb","d":"A full-bleed section-divider background modelled on a Jacob's ladder: two rails diverge fr","k":"motion","s":"ns-ui","c":"motion/background","hc":1},{"id":"ns-ui:ascii-engraving-contour","t":"ASCII Engraving Contour","d":"ASCII rendered as a real engraving: glyph density traces concentric contour bands through ","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:ascii-globe-spin","t":"ASCII Globe Spin","d":"A rotating ASCII globe with recognizable continent landmasses and a day/night terminator s","k":"motion","s":"ns-ui","c":"motion/globe","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:ascii-knot-volumetric","t":"ASCII Knot Volumetric","d":"A genuine volumetric (3,2) torus knot rendered in ASCII: a solid tube swept along a self-c","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["3d","retro and HUD"],"sy":["3d","retro and HUD"],"hc":1},{"id":"ns-ui:ascii-torus-donut","t":"ASCII Torus Donut","d":"The donut.c homage done properly: a rotating 3D torus with real per-character depth buffer","s":"ns-ui","c":"data-viz/chart","tg":["3d","retro and HUD"],"sb":"Pie, donut and radial","sy":["3d","retro and HUD"],"hc":1},{"id":"ns-ui:aspheric-turn-spiral","t":"Aspheric Turn Spiral","d":"A full-bleed hero of a lens blank mid single-point diamond turning, a spiral groove cuttin","k":"section","s":"ns-ui","c":"marketing/hero","hc":1},{"id":"ns-ui:background-ascii-plasma","t":"Background ASCII Plasma","d":"A full-bleed animated ASCII plasma field: three octaves of traveling value noise mapped th","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"ns-ui:background-capillary-wick","t":"Background Capillary Wick","d":"A full-bleed ambient background modeling paper chromatography: ink fronts wick along a fix","k":"motion","s":"ns-ui","c":"motion/background","hc":1},{"id":"ns-ui:background-engine-turn-guilloche","t":"Background Engine Turn Guilloche","d":"A full-bleed ambient background reproducing engine-turning (guilloché), the rose-engine la","k":"motion","s":"ns-ui","c":"motion/background","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"ns-ui:background-gradient-shader","t":"Background Gradient Shader","d":"Full-bleed animated gradient background: a WebGL shader drifts three theme-derived colors ","k":"motion","s":"ns-ui","c":"motion/shader","tg":["gradient","minimal","webgl"],"sy":["gradient","minimal","webgl"],"hc":1},{"id":"ns-ui:background-halftone-rosette","t":"Background Halftone Rosette","d":"A full-bleed ambient background of two same-ink halftone dot screens drifting at independe","k":"motion","s":"ns-ui","c":"motion/background","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"ns-ui:background-text-branch-canopy","t":"Background Text Branch Canopy","d":"A full-bleed ambient background where an L-system tree grows entirely out of readable text","k":"motion","s":"ns-ui","c":"motion/text-effect","hc":1},{"id":"ns-ui:bed-fluidize","t":"Bed Fluidize","d":"A full-bleed ambient background modeling a gas-fluidized particle bed: voids nucleate at t","s":"ns-ui","c":"inputs/textarea","hc":1},{"id":"ns-ui:bitplane-cascade","t":"Bitplane Cascade","d":"A full-bleed hero/background that composites a real Amiga-class planar framebuffer image o","k":"section","s":"ns-ui","c":"marketing/hero","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"ns-ui:blade-stop","t":"Blade Stop","d":"A full-viewport route curtain built as a real iris diaphragm: nine leaves cranked off one ","s":"ns-ui","c":"other/other","hc":1},{"id":"ns-ui:border-chrome-ring","t":"Border Chrome Ring","d":"Wraps any element in a thick tube of molten chrome: a WebGL shader fakes a 3D torus cross-","k":"motion","s":"ns-ui","c":"motion/shader","tg":["3d","gradient","webgl"],"sy":["3d","gradient","webgl"],"hc":1},{"id":"ns-ui:border-electric-arc","t":"Border Electric Arc","d":"An electric border for a CTA: the outline crackles like a live wire via feTurbulence displ","k":"section","s":"ns-ui","c":"marketing/cta","hc":1},{"id":"ns-ui:brinicle-descent","t":"Brinicle Descent","d":"A full-bleed underwater backdrop modelled on brinicles: dense, sub-zero brine sinking off ","k":"motion","s":"ns-ui","c":"motion/background","hc":1},{"id":"ns-ui:chart-area-aurora","t":"Chart Area Aurora","d":"Area chart whose fill is a live aurora curtain: series values drive curtain height per col","k":"motion","s":"ns-ui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"ns-ui:command-palette-orbit","t":"Command Palette Orbit","d":"Cmd-K palette where fuzzy-match results orbit the input as label pills. Orbital radius is ","s":"ns-ui","c":"navigation/command-palette","hc":1},{"id":"ns-ui:command-palette-rotary","t":"Command Palette Rotary","d":"A jump switcher navigated as a 1D rotary space instead of a ranked list: destinations sit ","s":"ns-ui","c":"navigation/command-palette","hc":1},{"id":"ns-ui:confirm-hold-wax","t":"Confirm Hold Wax","d":"Press-and-hold confirm as a molten wax seal: holding pours a wobbling gooey blob of deep c","s":"ns-ui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"ns-ui:crease-fall","t":"Crease Fall","d":"A full-screen navigation overlay that is a sheet of paper folded flat into a concertina: o","s":"ns-ui","c":"navigation/top-nav","hc":1},{"id":"ns-ui:cursor-sixel-reveal","t":"Cursor Sixel Reveal","d":"A full-bleed ASCII plasma field rendered twice from one shared scalar field (quantized to ","k":"motion","s":"ns-ui","c":"motion/cursor","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:cursor-subpixel-fringe","t":"Cursor Subpixel Fringe","d":"A full-bleed field where every grid cell carries three thin vertical luminance slivers sta","k":"motion","s":"ns-ui","c":"motion/cursor","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"ns-ui:curtain-austrian-gather","t":"Curtain Austrian Gather","d":"A full-bleed route curtain modeled on a real Austrian (brail) stage drape: sewn-in-fullnes","s":"ns-ui","c":"data-display/list","hc":1},{"id":"ns-ui:curtain-leader-countdown","t":"Curtain Leader Countdown","d":"A full-bleed route curtain modeled on the SMPTE Universal Leader film countdown, compresse","s":"ns-ui","c":"overlays/hover-card","hc":1},{"id":"ns-ui:curtain-tab-diagonal","t":"Curtain Tab Diagonal","d":"A full-bleed route curtain modeled on a real theatrical tab (tableau/opera-drape) curtain:","s":"ns-ui","c":"navigation/tabs","hc":1},{"id":"ns-ui:curtain-traveler-draw","t":"Curtain Traveler Draw","d":"A full-bleed route curtain modeled on a real theatrical traveler/draw curtain: two overlap","s":"ns-ui","c":"other/other","hc":1},{"id":"ns-ui:dye-whorl","t":"Dye Whorl","d":"A full-bleed tank of ink diffusing in water: a real GPU fluid solver whose coarse velocity","s":"ns-ui","c":"inputs/form-field","hc":1},{"id":"ns-ui:ebb-flat","t":"Ebb Flat","d":"A pinned full-bleed tidal flat where scroll position is the water level: bars break surfac","k":"layout","s":"ns-ui","c":"layout/scroll-area","hc":1},{"id":"ns-ui:edge-yield","t":"Edge Yield","d":"A full-bleed scanning electron micrograph: a packed micro-landscape of spore grains, rod c","s":"ns-ui","c":"data-viz/chart","tg":["neon"],"sy":["neon"],"hc":1},{"id":"ns-ui:edm-crater-field","t":"EDM Crater Field","d":"A full-bleed metal plate eroded by electrical discharge machining: sparks continuously pit","s":"ns-ui","c":"inputs/form-field","hc":1},{"id":"ns-ui:event-stream-vapor","t":"Event Stream Vapor","d":"A Wilson cloud chamber for your event stream: each real event condenses into a soft vapor ","k":"motion","s":"ns-ui","c":"motion/text-effect","hc":1},{"id":"ns-ui:film-gate-weave","t":"Film Gate Weave","d":"A full-bleed ambient background modeling projector gate weave and bounce: a rigid, never-d","k":"motion","s":"ns-ui","c":"motion/background","sb":"Noise and texture","hc":1},{"id":"ns-ui:flyback-tear","t":"Flyback Tear","d":"A full-bleed dead-broadcast CRT: a live monoscope test signal scanned onto a phosphor face","k":"motion","s":"ns-ui","c":"motion/background","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:foam-drain-coarsen","t":"Foam Drain Coarsen","d":"A full-bleed weighted-Voronoi (Laguerre) foam mesh that coarsens under von Neumann's law (","s":"ns-ui","c":"other/other","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"ns-ui:foil-block","t":"Foil Block","d":"A full-width closing CTA band built on hot foil blocking — a die strikes the headline's te","k":"section","s":"ns-ui","c":"marketing/cta","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:forage-vein","t":"Forage Vein","d":"A hero background where a Physarum-style plasmodium forages the page's own content boxes: ","k":"resource","s":"ns-ui","c":"assets/logo","hc":1},{"id":"ns-ui:gallery-gantry-track","t":"Gallery Gantry Track","d":"A scroll-scrubbed, infinitely-looping 3D card gallery: cards hang off a receding gantry tr","s":"ns-ui","c":"media/gallery","tg":["3d"],"sy":["3d"],"hc":1},{"id":"ns-ui:granule-churn","t":"Granule Churn","d":"A full-bleed stellar photosphere: bright convection cells packed edge to edge, born, swell","s":"ns-ui","c":"other/other","hc":1},{"id":"ns-ui:heatmap-calendar-tide","t":"Heatmap Calendar Tide","d":"Calendar heatmap read as a tide table: one column per week, depth carried by a single-hue ","s":"ns-ui","c":"data-display/calendar","tg":["3d"],"sy":["3d"],"hc":1},{"id":"ns-ui:hero-404-quadrant-occlusion","t":"Hero 404 Quadrant Occlusion","d":"A full-bleed 404 hero where the numerals and an orbiting occluding disc are rendered from ","k":"page","s":"ns-ui","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"ns-ui:hero-ascii-eclipse","t":"Hero ASCII Eclipse","d":"A full-bleed ASCII hero built around an occlusion event: a dark glyph disc transits a brig","k":"section","s":"ns-ui","c":"marketing/hero","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:hero-ascii-lichtenberg","t":"Hero ASCII Lichtenberg","d":"A full-bleed ASCII hero of dielectric breakdown: a Lichtenberg figure grows site by site u","k":"section","s":"ns-ui","c":"marketing/hero","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:hero-ascii-rainfall","t":"Hero ASCII Rainfall","d":"A full-bleed ASCII precipitation hero: every column runs its own independent falling drop ","k":"section","s":"ns-ui","c":"marketing/hero","tg":["retro and HUD"],"sb":"SaaS and AI","sy":["retro and HUD"],"hc":1},{"id":"ns-ui:hero-ascii-reaction-front","t":"Hero ASCII Reaction Front","d":"A full-bleed ASCII hero driven by a live Gray-Scott reaction-diffusion sim, inking only th","k":"section","s":"ns-ui","c":"marketing/hero","tg":["gradient","retro and HUD"],"sy":["gradient","retro and HUD"],"hc":1},{"id":"ns-ui:hero-ascii-schlieren","t":"Hero ASCII Schlieren","d":"A full-bleed ASCII hero built as a real schlieren rig: a rising thermal plume's refractive","k":"section","s":"ns-ui","c":"marketing/hero","tg":["gradient","retro and HUD"],"sy":["gradient","retro and HUD"],"hc":1},{"id":"ns-ui:hero-ascii-shock-diamonds","t":"Hero ASCII Shock Diamonds","d":"A full-bleed ASCII hero of a supersonic jet plume: a repeating train of oblique shocks ref","k":"section","s":"ns-ui","c":"marketing/hero","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:hero-ascii-terrain","t":"Hero ASCII Terrain","d":"A full-bleed ASCII landscape hero: five ridgelines of deterministic value noise recede tow","k":"section","s":"ns-ui","c":"marketing/hero","tg":["retro and HUD"],"sb":"SaaS and AI","sy":["retro and HUD"],"hc":1},{"id":"ns-ui:hero-ascii-tunnel","t":"Hero ASCII Tunnel","d":"A full-bleed ASCII perspective-corridor hero: sixteen squircle rings advance toward the vi","k":"section","s":"ns-ui","c":"marketing/hero","tg":["3d","retro and HUD"],"sy":["3d","retro and HUD"],"hc":1},{"id":"ns-ui:hero-beam-glyph","t":"Hero Beam Glyph","d":"A full-bleed hero wordmark drawn as a genuine stroke-based vector font, the way an XY vect","k":"section","s":"ns-ui","c":"marketing/hero","tg":["retro and HUD"],"sb":"Animated background","sy":["retro and HUD"],"hc":1},{"id":"ns-ui:hero-burin-hatch","t":"Hero Burin Hatch","d":"A copperplate engraving that relights itself: a sphere rendered only as meridian hatch lin","k":"section","s":"ns-ui","c":"marketing/hero","hc":1},{"id":"ns-ui:hero-chart-recorder","t":"Hero Chart Recorder","d":"A chart-recorder hero: ruled paper feeds left at fixed px/s while a mechanical pen chases ","s":"ns-ui","c":"data-viz/chart","hc":1},{"id":"ns-ui:hero-cloth-type","t":"Hero Cloth Type","d":"Cloth-like kinetic type: a headline rasterized once to an offscreen canvas is re-drawn eve","k":"section","s":"ns-ui","c":"marketing/hero","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"ns-ui:hero-faraday-wave-cell","t":"Hero Faraday Wave Cell","d":"Full-bleed hero background reproducing Faraday's 1831 discovery: a fluid layer vibrated ve","k":"section","s":"ns-ui","c":"marketing/hero","hc":1},{"id":"ns-ui:hero-glyph-silhouette-pack","t":"Hero Glyph Silhouette Pack","d":"A full-bleed hero where a cloud of monospace glyph particles is packed to fill an arbitrar","k":"section","s":"ns-ui","c":"marketing/hero","hc":1},{"id":"ns-ui:hero-gravity-well","t":"Hero Gravity Well","d":"Headline as a monochrome particle cloud: the cursor is a gravity well that eats letters in","k":"section","s":"ns-ui","c":"marketing/hero","hc":1},{"id":"ns-ui:hero-isobar-contours","t":"Hero Isobar Contours","d":"Hero background of drifting, breathing isobar-like contour lines whose density bunches tig","k":"section","s":"ns-ui","c":"marketing/hero","hc":1},{"id":"ns-ui:hero-letterpress-lockup","t":"Hero Letterpress Lockup","d":"A letterpress hero whose identity is a terminal lock-up event. Headline glyphs slide in as","k":"section","s":"ns-ui","c":"marketing/hero","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:hero-oscilloscope","t":"Hero Oscilloscope","d":"A full-width oscilloscope hero: a summed three-harmonic waveform drawn as one continuous b","k":"section","s":"ns-ui","c":"marketing/hero","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"ns-ui:hero-penrose-inflate","t":"Hero Penrose Inflate","d":"A hero backdrop of a true Penrose P3 rhomb quasicrystal built by Robinson-triangle substit","k":"section","s":"ns-ui","c":"marketing/hero","hc":1},{"id":"ns-ui:hero-recursive-type","t":"Hero Recursive Type","d":"A recursive-type hero: a giant wordmark rasterized through a block font, with every lit le","k":"section","s":"ns-ui","c":"marketing/hero","hc":1},{"id":"ns-ui:hero-slice-comb","t":"Hero Slice Comb","d":"A full-bleed hero background: a tri-axial superellipsoid sliced by camera-fixed depth plan","k":"section","s":"ns-ui","c":"marketing/hero","tg":["3d"],"sy":["3d"],"hc":1},{"id":"ns-ui:hero-string-envelope","t":"Hero String Envelope","d":"A hero whose backdrop is pure string art: a few hundred straight chords across a circle un","k":"section","s":"ns-ui","c":"marketing/hero","hc":1},{"id":"ns-ui:hero-text-ring-funnel","t":"Hero Text Ring Funnel","d":"A full-bleed hero where readable running text is the geometry itself: seven concentric rin","s":"ns-ui","c":"data-viz/chart","tg":["3d","playful"],"sb":"Pie, donut and radial","sy":["3d","playful"],"hc":1},{"id":"ns-ui:hero-vortex-street","t":"Hero Vortex Street","d":"Cursor fluid: moving the pointer through a full-bleed dark field sheds a von Karman vortex","k":"section","s":"ns-ui","c":"marketing/hero","hc":1},{"id":"ns-ui:interlace-field-comb","t":"Interlace Field Comb","d":"A full-bleed background reproducing analog interlaced video's defining artifact: two tempo","s":"ns-ui","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ns-ui:joint-iron","t":"Joint Iron","d":"A footer whose entire surface is a bookbinding building-in machine: three stations set a F","k":"section","s":"ns-ui","c":"marketing/footer","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"ns-ui:jominy-quench","t":"Jominy Quench","d":"A hardenability comparison card built on the real ASTM A255 / ISO 642 Jominy end-quench te","k":"section","s":"ns-ui","c":"marketing/comparison","hc":1},{"id":"ns-ui:kamacite-etch","t":"Kamacite Etch","d":"A full-bleed ASCII Widmanstätten pattern: interlocking nickel-iron crystal lathes locked t","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:kymograph-smoke-trace","t":"Kymograph Smoke Trace","d":"A full-bleed hero built on a subtractive recording mechanic: a soot-coated drum turns bene","k":"section","s":"ns-ui","c":"marketing/hero","hc":1},{"id":"ns-ui:lamina-dome","t":"Lamina Dome","d":"Stromatolites accreting upward from the bottom edge of a full-bleed pane: a heightfield of","s":"ns-ui","c":"other/other","hc":1},{"id":"ns-ui:loader-loom-weave","t":"Loader Loom Weave","d":"Loader as a loom: warp threads span the frame, a shuttle carries the weft back and forth a","s":"ns-ui","c":"status/loader","hc":1},{"id":"ns-ui:magazine-drop","t":"Magazine Drop","d":"A full-bleed gallery driven by a gravity-fed slide magazine: a rotary drum indexes against","s":"ns-ui","c":"inputs/textarea","hc":1},{"id":"ns-ui:magnetron-racetrack-sweep","t":"Magnetron Racetrack Sweep","d":"A full-bleed background built on sputter target erosion: a magnetron's plasma racetrack sw","s":"ns-ui","c":"inputs/form-field","tg":["neon"],"sy":["neon"],"hc":1},{"id":"ns-ui:mailbag-hook-exchange","t":"Mailbag Hook Exchange","d":"A full-bleed ambient background reproducing the Railway Post Office catcher-crane mail exc","k":"motion","s":"ns-ui","c":"motion/background","hc":1},{"id":"ns-ui:murmur-shear","t":"Murmur Shear","d":"A dusk hero of ~1500 starlings running true boid separation/alignment/cohesion over their ","k":"section","s":"ns-ui","c":"marketing/hero","hc":1},{"id":"ns-ui:not-found-attribute-clash","t":"Not Found Attribute Clash","d":"A 404 built from the ZX Spectrum's real colour-cell attribute clash: each 8x8 hardware cel","k":"page","s":"ns-ui","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"ns-ui:not-found-knockout","t":"Not Found Knockout","d":"404 numerals rendered as literal absence: destination-out punches the glyphs through a tok","k":"page","s":"ns-ui","c":"pages/templates","tg":["neon"],"sb":"Error and status pages","sy":["neon"],"hc":1},{"id":"ns-ui:not-found-postmark","t":"Not Found Postmark","d":"A 404 rendered as returned mail: the failed URL addressed on an envelope that slides in, i","k":"page","s":"ns-ui","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"ns-ui:offset-fountain-split","t":"Offset Fountain Split","d":"A full-bleed ambient background modeling a web-offset press ink train: ink splits and smea","s":"ns-ui","c":"inputs/form-field","hc":1},{"id":"ns-ui:orb-web-construction","t":"Orb Web Construction","d":"A full-bleed hero background where a web builds in the real orb-weaver sequence: bridge, f","s":"ns-ui","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"ns-ui:pancake-lap","t":"Pancake Lap","d":"A full-bleed ambient background modeling real pancake sea-ice formation: circular ice pans","k":"motion","s":"ns-ui","c":"motion/background","hc":1},{"id":"ns-ui:photostat-reverse","t":"Photostat Reverse","d":"A full-bleed hero headline reproduced like a photostat camera: each exposure flips the fie","k":"section","s":"ns-ui","c":"marketing/hero","hc":1},{"id":"ns-ui:ping-shadow","t":"Ping Shadow","d":"A full-bleed acoustic image of a seabed drawn by a sector beam that sweeps the frame: graz","s":"ns-ui","c":"inputs/slider","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"ns-ui:plasma-filament-wander","t":"Plasma Filament Wander","d":"A full-bleed hero background modelled on a plasma globe: filaments reach from a center poi","k":"section","s":"ns-ui","c":"marketing/hero","hc":1},{"id":"ns-ui:rapid-wire","t":"Rapid Wire","d":"Payment submission as an Edwardian cash railway: the amount folds into a wooden cup that c","s":"ns-ui","c":"other/other","tg":["playful"],"sy":["playful"],"hc":1},{"id":"ns-ui:reveal-cloth-unfurl","t":"Reveal Cloth Unfurl","d":"Media reveal that unrolls an image like a bolt of cloth: ~24 vertical strips fan open left","s":"ns-ui","c":"media/gallery","hc":1},{"id":"ns-ui:rime-creep","t":"Rime Creep","d":"A full-bleed pane of window frost growing in real time: dendritic ice ferns advance from n","s":"ns-ui","c":"data-display/gamification","tg":["glass"],"sy":["glass"],"hc":1},{"id":"ns-ui:ring-graze","t":"Ring Graze","d":"Fairy-ring annuli grown from a single consumable, recovering substrate field: fronts expan","s":"ns-ui","c":"inputs/form-field","hc":1},{"id":"ns-ui:ripple-migrate-slip","t":"Ripple Migrate Slip","d":"A full-bleed dune-ripple field built on real aeolian bedform migration: each ripple's gent","k":"motion","s":"ns-ui","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"ns-ui:roast-first-crack","t":"Roast First Crack","d":"A full-bleed ambient background modeling first crack in a rotating coffee-roaster drum: be","k":"motion","s":"ns-ui","c":"motion/background","hc":1},{"id":"ns-ui:rolling-shutter-skew","t":"Rolling Shutter Skew","d":"A full-bleed ambient background modeling CMOS rolling shutter: a vertical rule grid bends ","s":"ns-ui","c":"inputs/date-range","hc":1},{"id":"ns-ui:rosensweig-crest","t":"Rosensweig Crest","d":"A flat pool of ASCII glyphs that erupts into a hexagonal lattice of sharp spikes wherever ","s":"ns-ui","c":"inputs/form-field","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:rotor-window-bank","t":"Rotor Window Bank","d":"Full-bleed hero backdrop modeled on a rotor cipher machine's stepping mechanism: three let","k":"section","s":"ns-ui","c":"marketing/hero","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"ns-ui:rupert-snap","t":"Rupert Snap","d":"A hash-chained audit log drawn as a chain of Prince Rupert's drops, one per entry, each dr","s":"ns-ui","c":"data-display/list","hc":1},{"id":"ns-ui:sand-lock","t":"Sand Lock","d":"A full-bleed Chladni plate: forty thousand grains of sand storm across a vibrating steel f","s":"ns-ui","c":"inputs/textarea","hc":1},{"id":"ns-ui:scroll-defrost","t":"Scroll Defrost","d":"Scroll-scrubbed defroster: a pinned full-bleed image behind rippled shower glass anneals f","k":"layout","s":"ns-ui","c":"layout/scroll-area","tg":["glass"],"sy":["glass"],"hc":1},{"id":"ns-ui:scroll-story-strata","t":"Scroll Story Strata","d":"Pinned scroll story: the viewport becomes a geological core cross-section and scroll drive","k":"layout","s":"ns-ui","c":"layout/scroll-area","tg":["3d","retro and HUD"],"sy":["3d","retro and HUD"],"hc":1},{"id":"ns-ui:shakeout-crumble","t":"Shakeout Crumble","d":"Destructive-action confirm rendered as a foundry shakeout conveyor: a green-sand mould los","s":"ns-ui","c":"overlays/dialog","hc":1},{"id":"ns-ui:shear-billow","t":"Shear Billow","d":"A full-bleed Kelvin-Helmholtz shear layer: two stratified layers slide past each other, th","s":"ns-ui","c":"inputs/form-field","hc":1},{"id":"ns-ui:sieve-throw","t":"Sieve Throw","d":"A full-screen search overlay built as a gyratory sieve shaker: the corpus is a charge of g","s":"ns-ui","c":"inputs/search","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"ns-ui:slider-chladni-tune","t":"Slider Chladni Tune","d":"Precision-tuning slider whose readout is a plate of a few thousand sand grains: off target","s":"ns-ui","c":"inputs/slider","hc":1},{"id":"ns-ui:spark-test-id","t":"Spark Test ID","d":"A file dropzone that identifies a specimen the way a machinist reads unknown steel: an idl","s":"ns-ui","c":"inputs/file-upload","tg":["3d"],"sy":["3d"],"hc":1},{"id":"ns-ui:spiral-chute-accrete","t":"Spiral Chute Accrete","d":"A full-bleed ambient background reproducing a gravity spiral chute, the helical slide used","k":"motion","s":"ns-ui","c":"motion/background","hc":1},{"id":"ns-ui:stack-step-carousel","t":"Stack Step Carousel","d":"A full-bleed background modelling vacuum thin-film deposition on a planetary carrier: 8 mi","s":"ns-ui","c":"media/carousel","hc":1},{"id":"ns-ui:sticker-peel","t":"Sticker Peel","d":"A vinyl sticker you can actually peel: drag a corner and the printed face lifts on a movin","s":"ns-ui","c":"other/other","hc":1},{"id":"ns-ui:success-iron-filings","t":"Success Iron Filings","d":"Success moment as magnetism: a field of drifting iron filings snaps to attention when the ","s":"ns-ui","c":"inputs/form-field","hc":1},{"id":"ns-ui:success-nucleation","t":"Success Nucleation","d":"A payment/deploy/publish success moment built on supercooling: pending is a canvas particl","s":"ns-ui","c":"inputs/form-field","hc":1},{"id":"ns-ui:success-plumb-bob","t":"Success Plumb Bob","d":"A success moment built on a plumb bob instead of confetti or a checkmark: the bob drops, o","k":"motion","s":"ns-ui","c":"motion/text-effect","hc":1},{"id":"ns-ui:termite-ventilation-shafts","t":"Termite Ventilation Shafts","d":"A full-bleed ambient background modeling Macrotermes mound thermosiphon ventilation: a fix","k":"motion","s":"ns-ui","c":"motion/background","hc":1},{"id":"ns-ui:terrain-erosion-carve","t":"Terrain Erosion Carve","d":"The cursor is a river: dragging across a live topographic map carves a channel into the he","s":"ns-ui","c":"overlays/sheet","hc":1},{"id":"ns-ui:text-ascii-cascade","t":"Text ASCII Cascade","d":"A headline that ambiently collapses character by character into a scattered field of noise","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:text-prism-split","t":"Text Prism Split","d":"A frosted prism strip rides the cursor across a headline, magnifying the text beneath it a","k":"motion","s":"ns-ui","c":"motion/text-effect","tg":["glass"],"sb":"Reveal and entrance","sy":["glass"],"hc":1},{"id":"ns-ui:text-stitch-unpick","t":"Text Stitch Unpick","d":"Headline rendered as running-stitch embroidery: the cursor is a seam ripper that picks a l","k":"motion","s":"ns-ui","c":"motion/text-effect","hc":1},{"id":"ns-ui:thallus-siege","t":"Thallus Siege","d":"A full-bleed pane of crustose lichen: a dozen colonies grow lobed radial fronts across a s","k":"section","s":"ns-ui","c":"marketing/marketing","hc":1},{"id":"ns-ui:toast-newton-cradle","t":"Toast Newton Cradle","d":"A toast stack that behaves like a Newton's cradle: a new toast swings in and strikes the q","s":"ns-ui","c":"overlays/toast","hc":1},{"id":"ns-ui:transition-ascii-dissolve","t":"Transition ASCII Dissolve","d":"A layout transition swept by a user-driven, reversible dissolve front: outgoing content fr","k":"motion","s":"ns-ui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ns-ui:transition-panel-crumble","t":"Transition Panel Crumble","d":"A layout transition where the outgoing panel crumbles into a few thousand token-colored gr","s":"ns-ui","c":"data-display/card","tg":["playful"],"sy":["playful"],"hc":1},{"id":"ns-ui:tray-weep","t":"Tray Weep","d":"A full-bleed section-divider band built on a bubble-cap distillation column tray: a stack ","s":"ns-ui","c":"overlays/sheet","hc":1},{"id":"ns-ui:tricone-bit-teeth","t":"Tricone Bit Teeth","d":"A full-bleed rock face worked by a rotary tricone bit: three cone cutters orbit the bit ce","s":"ns-ui","c":"data-display/list","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"ns-ui:weir-crest","t":"Weir Crest","d":"A full-bleed pricing surface built as a spillway: three plans stand in one rising reservoi","k":"section","s":"ns-ui","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"ns-ui:weld-pool","t":"Weld Pool","d":"A full-bleed liquid-metal hero whose headline is summed into the shader's height field rat","k":"section","s":"ns-ui","c":"marketing/hero","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"ns-ui:winnow-chaff-drift","t":"Winnow Chaff Drift","d":"A full-bleed hero built on a real grain-cleaning mechanic: winnowing. A mixed charge of gr","k":"section","s":"ns-ui","c":"marketing/hero","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"nteract:ansi-output","t":"ANSI Output","d":"Components for rendering ANSI escape sequences as colored text in notebook outputs. Includ","k":"motion","s":"nteract","c":"motion/text-effect","hc":1},{"id":"nteract:image-output","t":"Image Output","d":"Component for rendering images in notebook outputs. Handles base64-encoded image data from","s":"nteract","c":"media/gallery","hc":1},{"id":"nteract:html-output","t":"HTML Output","d":"Component for rendering HTML content in notebook outputs. Handles pandas DataFrames, rich ","s":"nteract","c":"other/other","hc":1},{"id":"nteract:svg-output","t":"SVG Output","d":"Component for rendering SVG graphics in notebook outputs. Handles matplotlib figures, diag","s":"nteract","c":"data-viz/chart","hc":1},{"id":"nteract:markdown-output","t":"Markdown Output","d":"Component for rendering Markdown content in notebook outputs. Supports GitHub Flavored Mar","s":"nteract","c":"data-display/code-block","hc":1},{"id":"nteract:json-output","t":"JSON Output","d":"Component for rendering JSON data in an interactive, expandable tree view. Useful for insp","s":"nteract","c":"data-display/tree","hc":1},{"id":"nteract:media-provider","t":"Media Provider","d":"React context provider for shared media rendering configuration. Provides renderers and pr","k":"layout","s":"nteract","c":"flows/settings","hc":1},{"id":"nteract:media-router","t":"Media Router","d":"MIME type-based output dispatcher that automatically selects the best renderer for Jupyter","s":"nteract","c":"inputs/form-field","hc":1},{"id":"nteract:cell-header","t":"CellHeader","d":"Slot-based header layout for notebook cells with left/right content areas and optional dra","s":"nteract","c":"navigation/top-nav","hc":1},{"id":"nteract:cell-type-button","t":"CellTypeButton","d":"Styled buttons for different notebook cell types with color coding. Includes CodeCellButto","s":"nteract","c":"actions/button","hc":1},{"id":"nteract:execution-status","t":"ExecutionStatus","d":"A badge component that displays the execution state of a notebook cell. Shows queued, runn","s":"nteract","c":"data-display/badge","sb":"Status","hc":1},{"id":"nteract:play-button","t":"PlayButton","d":"Cell execution control button that shows Play, Stop, or Loading states based on execution ","s":"nteract","c":"actions/button","hc":1},{"id":"nteract:runtime-health-indicator","t":"RuntimeHealthIndicator","d":"A visual indicator for kernel connection status. Shows idle, busy, connecting, or disconne","s":"nteract","c":"actions/button","tg":["playful"],"sy":["playful"],"hc":1},{"id":"nteract:cell-controls","t":"CellControls","d":"Cell action menu with source visibility toggle, move controls, and dropdown menu for delet","s":"nteract","c":"navigation/menu","hc":1},{"id":"nteract:cell-container","t":"CellContainer","d":"A focus and selection wrapper for notebook cells with gutter ribbon system. Color-coded ri","k":"section","s":"nteract","c":"marketing/announcement","hc":1},{"id":"nteract:cell-betweener","t":"CellBetweener","d":"Spacer component that maintains gutter ribbon continuity between cells. Creates an unbroke","k":"section","s":"nteract","c":"marketing/announcement","hc":1},{"id":"nteract:output-area","t":"OutputArea","d":"Wrapper component for rendering multiple Jupyter outputs with collapsible state and scroll","s":"nteract","c":"data-display/accordion","hc":1},{"id":"nteract:execution-count","t":"ExecutionCount","d":"Displays the classic Jupyter execution count indicator with bracket notation. Shows [ ]: f","s":"nteract","c":"other/other","hc":1},{"id":"nteract:collaborator-avatars","t":"CollaboratorAvatars","d":"Display avatars of users collaborating on a notebook with overflow handling.","s":"nteract","c":"data-display/avatar","hc":1},{"id":"nteract:presence-bookmarks","t":"PresenceBookmarks","d":"Shows stacked user avatars indicating who is present on a cell. Displays a HoverCard with ","s":"nteract","c":"status/status-dot","hc":1},{"id":"nteract:codemirror-editor","t":"CodeMirror Editor","d":"A CodeMirror 6 editor component for notebook cells with syntax highlighting, key bindings,","s":"nteract","c":"inputs/textarea","hc":1},{"id":"nteract:widget-store","t":"Widget Store","d":"Pure React state management for Jupyter widget models. Handles comm_open, comm_msg, and co","k":"lib","s":"nteract","c":"lib/utility","sb":"State","hc":1},{"id":"nteract:anywidget-view","t":"AnyWidget View","d":"React component for rendering anywidget ESM modules with the AFM (AnyWidget Frontend Modul","k":"lib","s":"nteract","c":"lib/utility","hc":1},{"id":"nteract:widget-view","t":"Widget View","d":"Universal widget router that renders Jupyter widgets. Routes anywidgets to ESM loader and ","k":"lib","s":"nteract","c":"lib/utility","hc":1},{"id":"nteract:widget-controls","t":"Widget Controls","d":"Built-in shadcn-backed widget components for standard ipywidgets including controls (IntSl","s":"nteract","c":"data-display/card","hc":1},{"id":"nteract:ipycanvas","t":"ipycanvas Widget","d":"Canvas widget for ipycanvas. Renders an HTML canvas and processes drawing commands sent fr","s":"nteract","c":"data-display/card","hc":1},{"id":"nteract:isolated-frame","t":"Isolated Frame","d":"Secure iframe component for rendering untrusted output content. Uses blob URLs with sandbo","k":"resource","s":"nteract","c":"assets/shape","hc":1},{"id":"nteract:cell-type-selector","t":"CellTypeSelector","d":"A dropdown selector for changing cell types in notebook interfaces. Supports filtering ava","s":"nteract","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"nteract:error-boundary","t":"Error Boundary","d":"React error boundary with resetKeys support for automatic recovery. Includes OutputErrorFa","k":"lib","s":"nteract","c":"lib/utility","hc":1},{"id":"nteract:highlight-text","t":"Highlight Text","d":"DOM utility for highlighting search matches in text content with customizable styling.","k":"lib","s":"nteract","c":"lib/utility","hc":1},{"id":"nteract:isolated-renderer","t":"Isolated Renderer","d":"Complete isolated iframe renderer bundle for Jupyter outputs and widgets. Runs inside a sa","s":"nteract","c":"data-display/card","hc":1},{"id":"nteract:all","t":"All nteract Components","d":"Install all Jupyter frontend components: outputs, cell primitives, widgets, editor, icons,","s":"nteract","c":"inputs/textarea"},{"id":"nteract:global-find-bar","t":"Global Find Bar","d":"Floating search bar for notebook-wide find functionality. Supports keyboard navigation (En","s":"nteract","c":"inputs/search","tg":["playful"],"sy":["playful"],"hc":1},{"id":"nteract:runtime-icons","t":"Runtime Icons","d":"SVG icons for runtime environments and package managers. Includes DenoIcon, PythonIcon, Uv","k":"resource","s":"nteract","c":"assets/icon","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"nteract:selection-card","t":"Selection Card","d":"A stylized selection card component for wizard and onboarding UIs. Includes SelectionCard ","s":"nteract","c":"data-display/card","hc":1},{"id":"nuqs:adapter-inertia","t":"Inertia.js Adapter","d":"Using nuqs in Inertia.js apps (eg: with a Laravel backend)","s":"nuqs","c":"other/other","hc":1},{"id":"nuqs:adapter-onejs","t":"One.js Adapter","d":"Using nuqs in One.js applications.","s":"nuqs","c":"data-display/list","hc":1},{"id":"nuqs:adapter-react-router-v5","t":"React Router v5 Adapter","d":"Using nuqs in React Router v5 applications.","s":"nuqs","c":"data-display/list","hc":1},{"id":"nuqs:adapter-waku","t":"Waku Adapter","d":"Using nuqs in ⛩️ Waku applications.","s":"nuqs","c":"other/other","hc":1},{"id":"nuqs:next-typed-links","t":"Typed Links for Next.js","d":"Type-safe linking for Next.js (using typedRoutes + nuqs)","s":"nuqs","c":"actions/link","hc":1},{"id":"nuqs:parser-uuid","t":"UUID","d":"Parse and validate UUID strings (versions 1-8) from the query string.","s":"nuqs","c":"data-display/list","hc":1},{"id":"nusaiba:foundation","t":"Nusaiba Foundation","d":"Motion tokens, design-system UI primitives, brand logos, infinite slider, and button-scale","k":"layout","s":"nusaiba","c":"layout/scroll-area","hc":1},{"id":"nusaiba:gallery-visuals","t":"Nusaiba Gallery Visuals","d":"Shared abstract gallery images copied into public/images/visuals for gallery blocks.","s":"nusaiba","c":"media/gallery","hc":1},{"id":"nusaiba:theme-sera","t":"Sera Theme","d":"Sera series design tokens — zero radius, monochrome oklch palette for light and dark mode.","k":"theme","s":"nusaiba","c":"themes/theme"},{"id":"nusaiba:full-width-divider","t":"Full width divider","d":"Full-bleed horizontal divider for premium section separation.","k":"layout","s":"nusaiba","c":"layout/page-shell","hc":1},{"id":"nusaiba:decor-icon","t":"Decor icon","d":"Corner plus-icon decorator for bordered layouts.","k":"resource","s":"nusaiba","c":"assets/icon","hc":1},{"id":"nusaiba:bubble-background","t":"Bubble background","d":"Interactive animated gradient bubble background from Animate UI.","k":"motion","s":"nusaiba","c":"motion/background","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"nusaiba:brand-typography","t":"Brand typography","d":"Brand wordmark fonts and Logo.dev typography helpers.","k":"lib","s":"nusaiba","c":"lib/utility","hc":1},{"id":"nusaiba:faqs-1","t":"Faqs #1","d":"Two-column FAQ with sticky header, scroll-reveal stagger, and registry-native copy.","k":"section","s":"nusaiba","c":"marketing/faq","hc":1},{"id":"nusaiba:faqs-2","t":"Faqs #2","d":"Split FAQ with framed accordion, grid pattern, and registry-focused copy — matches the Nus","k":"section","s":"nusaiba","c":"marketing/faq","hc":1},{"id":"nusaiba:faqs-3","t":"Faqs #3","d":"Narrow centered accordion with scroll-reveal stagger — minimal close for landing pages.","k":"section","s":"nusaiba","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"nusaiba:faqs-4","t":"Faqs #4","d":"Balanced two-column accordion split — grid-reveal for dense FAQ pages without sticky rail.","k":"section","s":"nusaiba","c":"marketing/faq","hc":1},{"id":"nusaiba:faqs-5","t":"Faqs #5","d":"Install / Plans / Customize pill tabs with focus-shift filtering — organized FAQ for build","k":"section","s":"nusaiba","c":"marketing/faq","hc":1},{"id":"nusaiba:faqs-7","t":"Faqs #7","d":"Expandable FAQ cards in a 2×3 grid with hover lift — scannable topics above pricing.","k":"section","s":"nusaiba","c":"marketing/faq","hc":1},{"id":"nusaiba:faqs-8","t":"Faqs #8","d":"Sticky topic rail with registry stats + synced accordion — editorial FAQ for long landings","k":"section","s":"nusaiba","c":"marketing/faq","hc":1},{"id":"nusaiba:features-1","t":"Features #1","d":"Six-cell bento grid with product features, grid-pattern cards, and scroll entrances.","k":"section","s":"nusaiba","c":"marketing/features","sb":"Bento","hc":1},{"id":"nusaiba:features-3","t":"Features #3","d":"Numbered feature list with horizontal rows, icon hover, and whileInView slide-in.","k":"section","s":"nusaiba","c":"marketing/features","hc":1},{"id":"nusaiba:features-4","t":"Features #4","d":"Sticky scroll-stacking feature cards — slide up from below and pile with offset tops.","k":"section","s":"nusaiba","c":"marketing/features","hc":1},{"id":"nusaiba:features-5","t":"Features #5","d":"2×3 interactive capability grid with auto-cycle pulse focus — hover overrides cycle, label","k":"section","s":"nusaiba","c":"marketing/features","hc":1},{"id":"nusaiba:features-7","t":"Features #7","d":"Vertical witness list with accent bar and stat expand — logo-cloud-15 DNA applied to regis","k":"section","s":"nusaiba","c":"marketing/features","hc":1},{"id":"nusaiba:features-8","t":"Features #8","d":"Command-style capability picker with search and arrow keys — blog-12 content-highlight ada","k":"section","s":"nusaiba","c":"marketing/features","hc":1},{"id":"nusaiba:features-10","t":"Features #10","d":"Split witness with center-stage capability focus, blur handoff, and icon chips — logo-clou","k":"section","s":"nusaiba","c":"marketing/features","hc":1},{"id":"nusaiba:features-11","t":"Features #11","d":"Asymmetric bento with flagship motion cell — click to expand labels on peer cells, blur-di","k":"section","s":"nusaiba","c":"marketing/features","sb":"Bento","hc":1},{"id":"nusaiba:hero-2","t":"Hero #2","d":"Atmospheric centered hero with gradient glow and staggered motion entrance.","k":"section","s":"nusaiba","c":"marketing/hero","tg":["gradient","neon"],"sb":"Animated background","sy":["gradient","neon"],"hc":1},{"id":"nusaiba:hero-4","t":"Hero #4","d":"Typography monument — per-word reveal headline with registry-focused production copy.","k":"section","s":"nusaiba","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"nusaiba:hero-6","t":"Hero #6","d":"Stacked cinematic hero with bubble background, image stage, and cursor-driven perspective ","k":"section","s":"nusaiba","c":"marketing/hero","tg":["3d"],"sb":"Animated background","sy":["3d"],"hc":1},{"id":"nusaiba:hero-7","t":"Hero #7","d":"Asymmetric editorial split — badge, expressive headline, CTAs, and parallax motion stage.","k":"section","s":"nusaiba","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"nusaiba:hero-9","t":"Hero #9","d":"Swiss ruled split — registry copy beside a modular block grid motion stage.","k":"section","s":"nusaiba","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"nusaiba:hero-12","t":"Hero #12","d":"Four-tile gallery wall motion showcase with hover-lift and registry-native captions.","k":"section","s":"nusaiba","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"nusaiba:cta-1","t":"Cta #1","d":"Horizontal conversion band with blur stagger — registry-native copy and dual install actio","k":"section","s":"nusaiba","c":"marketing/cta","hc":1},{"id":"nusaiba:cta-2","t":"Cta #2","d":"Centered CTA with radial glow pulse and staggered reveal — hero-spotlight DNA for catalog ","k":"section","s":"nusaiba","c":"marketing/cta","tg":["neon"],"sy":["neon"],"hc":1},{"id":"nusaiba:cta-3","t":"Cta #3","d":"Split layout with registry preview panel and light parallax — hero-1 asymmetry for install","k":"section","s":"nusaiba","c":"marketing/cta","hc":1},{"id":"nusaiba:cta-6","t":"Cta #6","d":"Free vs Pro fork with center-stage focus shift — pricing-2 DNA for registry path choice.","k":"section","s":"nusaiba","c":"marketing/cta","hc":1},{"id":"nusaiba:cta-7","t":"Cta #7","d":"Copy-prompt variant cycle with blur handoff — features-10 DNA for AI editor workflow.","k":"section","s":"nusaiba","c":"marketing/cta","hc":1},{"id":"nusaiba:cta-9","t":"Cta #9","d":"Full-bleed inverse conversion band with radial glow — footer-10 inverse DNA for dramatic c","k":"section","s":"nusaiba","c":"marketing/cta","tg":["neon"],"sy":["neon"],"hc":1},{"id":"nusaiba:auth-1","t":"Auth #1","d":"Split sign-in with brand rail, scroll-reveal stagger, and registry-native copy.","k":"layout","s":"nusaiba","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"nusaiba:auth-2","t":"Auth #2","d":"Mirrored sign-up split with terms line — motion stagger and Nusaiba study case.","k":"layout","s":"nusaiba","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"nusaiba:auth-3","t":"Auth #3","d":"Compact centered card with remember-me — minimal auth for marketing landings.","k":"layout","s":"nusaiba","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"nusaiba:auth-4","t":"Auth #4","d":"Two-column signup form in a centered layout — fast account creation above pricing.","k":"layout","s":"nusaiba","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"nusaiba:auth-5","t":"Auth #5","d":"Sign-in form beside visual panel with light parallax — cta-3 DNA for install-led auth.","k":"layout","s":"nusaiba","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"nusaiba:auth-6","t":"Auth #6","d":"Passwordless email-only sign-in — centered icon hero and single-field flow.","k":"layout","s":"nusaiba","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"nusaiba:auth-7","t":"Auth #7","d":"GitHub + Google buttons with email divider — grid-reveal for multi-path sign-in.","k":"layout","s":"nusaiba","c":"flows/sign-in","tg":["webgl"],"sb":"Sign in","sy":["webgl"],"hc":1},{"id":"nusaiba:auth-9","t":"Auth #9","d":"Sign-in card beside registry benefits list — justify account creation on landing pages.","k":"layout","s":"nusaiba","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"nusaiba:blog-1","t":"Blog #1","d":"Three-column blog grid with image placeholders and category metadata.","k":"section","s":"nusaiba","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"],"hc":1},{"id":"nusaiba:blog-2","t":"Blog #2","d":"Editorial blog spotlight — thumbnail rail, spring crossfade feature panel, auto-advance on","k":"section","s":"nusaiba","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"nusaiba:blog-5","t":"Blog #5","d":"Horizontal scroll snap filmstrip with scale focus on the active cover slide.","k":"section","s":"nusaiba","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"nusaiba:blog-9","t":"Blog #9","d":"Infinite article title marquee with crossfading featured story card.","k":"section","s":"nusaiba","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"nusaiba:contact-1","t":"Contact #1","d":"Split contact with channel list and full message form — scroll-reveal stagger.","k":"section","s":"nusaiba","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"nusaiba:contact-2","t":"Contact #2","d":"Centered compact form (name, email, message) — Wave A minimal contact for pricing pages.","k":"section","s":"nusaiba","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"],"hc":1},{"id":"nusaiba:contact-3","t":"Contact #3","d":"Bordered card contact form with two-column name row — polished centered layout.","k":"section","s":"nusaiba","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"nusaiba:contact-4","t":"Contact #4","d":"Topic pills (Pro / Team / Blocks) with focus-shift before submit — organized intake.","k":"section","s":"nusaiba","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"nusaiba:contact-5","t":"Contact #5","d":"Form beside visual panel with parallax — auth-5 / cta-3 DNA for support pages.","k":"section","s":"nusaiba","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"nusaiba:contact-6","t":"Contact #6","d":"Full-width email capture band — quick pre-sale contact above footer.","k":"section","s":"nusaiba","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"nusaiba:contact-7","t":"Contact #7","d":"Channel cards (email, docs, registry) plus inline mini-form — hover-lift grid.","k":"section","s":"nusaiba","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"nusaiba:footer-1","t":"Footer #1","d":"Four-column marketing footer with link groups and copyright bar.","k":"section","s":"nusaiba","c":"marketing/footer","hc":1},{"id":"nusaiba:footer-2","t":"Footer #2","d":"Single-row footer strip with blur stagger on view — logo-cloud-16 footer strip DNA for wor","k":"section","s":"nusaiba","c":"marketing/footer","hc":1},{"id":"nusaiba:footer-4","t":"Footer #4","d":"Four nav columns and boxed socials above a giant outline wordmark — hero close with status","k":"section","s":"nusaiba","c":"marketing/footer","hc":1},{"id":"nusaiba:footer-6","t":"Footer #6","d":"Vertical dividers between brand and link columns — inline legal trail and system status pi","k":"section","s":"nusaiba","c":"marketing/footer","hc":1},{"id":"nusaiba:footer-7","t":"Footer #7","d":"Blueprint grid with bordered cells — social/copyright, newsletter subscribe, and theme pil","k":"section","s":"nusaiba","c":"marketing/footer","hc":1},{"id":"nusaiba:footer-8","t":"Footer #8","d":"Four link columns, boxed social row, and paired install CTAs above centered copyright.","k":"section","s":"nusaiba","c":"marketing/footer","hc":1},{"id":"nusaiba:header-1","t":"Header #1","d":"Sticky blurred navigation header with links and primary CTA.","s":"nusaiba","c":"navigation/top-nav","hc":1},{"id":"nusaiba:header-3","t":"Header #3","d":"Centered navigation with shared layout underline rail on hover.","s":"nusaiba","c":"navigation/top-nav","hc":1},{"id":"nusaiba:header-4","t":"Header #4","d":"Minimal split navigation — brand left, links and auth cluster right.","s":"nusaiba","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"nusaiba:header-5","t":"Header #5","d":"Expandable search field with animated width beside utility controls.","s":"nusaiba","c":"navigation/top-nav","hc":1},{"id":"nusaiba:header-6","t":"Header #6","d":"Compact Registry and Resources dropdown panels with smooth reveal.","s":"nusaiba","c":"navigation/top-nav","hc":1},{"id":"nusaiba:header-7","t":"Header #7","d":"Sticky navigation that morphs padding and blur intensity on scroll.","s":"nusaiba","c":"navigation/top-nav","hc":1},{"id":"nusaiba:header-9","t":"Header #9","d":"Editorial wordmark with slash-separated links and thin baseline rule.","s":"nusaiba","c":"navigation/top-nav","hc":1},{"id":"nusaiba:integrations-2","t":"Integrations #2","d":"Center hub with eight brands on a slow orbital ring — gradient aura and counter-rotated ti","k":"section","s":"nusaiba","c":"marketing/logos","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"nusaiba:integrations-3","t":"Integrations #3","d":"Hub-and-spoke network on a grid canvas inside a product card — design-to-ship workflow cop","k":"section","s":"nusaiba","c":"marketing/logos","hc":1},{"id":"nusaiba:integrations-4","t":"Integrations #4","d":"Editorial split with connector stack cards — logo, title, and registry-native description ","k":"section","s":"nusaiba","c":"marketing/logos","hc":1},{"id":"nusaiba:integrations-5","t":"Integrations #5","d":"Asymmetric bento with flagship connector cell and capability tags — not a flat logo wall.","k":"section","s":"nusaiba","c":"marketing/logos","hc":1},{"id":"nusaiba:integrations-6","t":"Integrations #6","d":"Five-step connect rail with brand marks — authorize through monitor with linked copy.","k":"section","s":"nusaiba","c":"marketing/logos","hc":1},{"id":"nusaiba:integrations-7","t":"Integrations #7","d":"Searchable connector picker with keyboard navigation and live preview panel.","k":"section","s":"nusaiba","c":"marketing/logos","hc":1},{"id":"nusaiba:logo-cloud-1","t":"Logo cloud #1","d":"Infinite scrolling logo marquee with Logo.dev marks, wordmarks, and edge fade mask.","k":"section","s":"nusaiba","c":"marketing/logos","hc":1},{"id":"nusaiba:logo-cloud-3","t":"Logo cloud #3","d":"Logo grid with auto-cycle pulse focus — active mark breathes, neighbors dim on hover.","k":"section","s":"nusaiba","c":"marketing/logos","hc":1},{"id":"nusaiba:logo-cloud-4","t":"Logo cloud #4","d":"Split layout — stat copy left, blur-to-sharp logo marks with wordmarks on the right.","k":"section","s":"nusaiba","c":"marketing/logos","hc":1},{"id":"nusaiba:logo-cloud-5","t":"Logo cloud #5","d":"Three-column vertical logo drift with alternating scroll direction, pause on hover, and br","k":"section","s":"nusaiba","c":"marketing/logos","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"nusaiba:logo-cloud-7","t":"Logo cloud #7","d":"Asymmetric bento logo grid with featured partner cell and decor frame.","k":"section","s":"nusaiba","c":"marketing/logos","hc":1},{"id":"nusaiba:logo-cloud-14","t":"Logo cloud #14","d":"Dual-row logo drift with real marks — opposite directions, pause on hover.","k":"section","s":"nusaiba","c":"marketing/logos","hc":1},{"id":"nusaiba:logo-cloud-16","t":"Logo cloud #16","d":"Compact footer logo strip — icons on mobile, wordmarks on desktop.","k":"section","s":"nusaiba","c":"marketing/logos","hc":1},{"id":"nusaiba:not-found-1","t":"Not found #1","d":"Minimal centered 404 with blur stagger entrance and back-home link.","k":"page","s":"nusaiba","c":"pages/templates","tg":["minimal"],"sb":"Error and status pages","sy":["minimal"],"hc":1},{"id":"nusaiba:not-found-2","t":"Not found #2","d":"Split layout — oversized mono 404 left, registry copy and dual CTAs right.","k":"page","s":"nusaiba","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"nusaiba:not-found-3","t":"Not found #3","d":"Decor-framed 404 card with grid pattern — contact-9 DNA for missing routes.","k":"page","s":"nusaiba","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"nusaiba:not-found-4","t":"Not found #4","d":"Search field with quick-link chips and home CTA — catalog discovery on dead ends.","k":"page","s":"nusaiba","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"nusaiba:not-found-5","t":"Not found #5","d":"Cycling status codes with blur crossfade — settles on 404 with dual actions.","k":"page","s":"nusaiba","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"nusaiba:not-found-6","t":"Not found #6","d":"Four-card destination grid — blocks, docs, pricing, and motion shortcuts.","k":"page","s":"nusaiba","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"nusaiba:not-found-7","t":"Not found #7","d":"Editorial 404 with monospace broken-path readout and home link.","k":"page","s":"nusaiba","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"nusaiba:pricing-1","t":"Pricing #1","d":"Three-tier pricing cards with highlighted Pro plan and feature lists.","k":"section","s":"nusaiba","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"nusaiba:pricing-2","t":"Pricing #2","d":"Center-stage plan panel with chip selector, billing toggle, and blur handoff — witness mot","k":"section","s":"nusaiba","c":"marketing/pricing","hc":1},{"id":"nusaiba:pricing-4","t":"Pricing #4","d":"Editorial split with Starter vs Pro panels — hover focus blurs the inactive tier, hero-1 a","k":"section","s":"nusaiba","c":"marketing/pricing","hc":1},{"id":"nusaiba:pricing-5","t":"Pricing #5","d":"Horizontal scroll-snap filmstrip of plan cards — active tier scales up while neighbors rec","k":"section","s":"nusaiba","c":"marketing/pricing","hc":1},{"id":"nusaiba:pricing-6","t":"Pricing #6","d":"Accordion expand per tier with price in trigger and features inside — grid-reveal stagger ","k":"section","s":"nusaiba","c":"marketing/pricing","hc":1},{"id":"nusaiba:pricing-7","t":"Pricing #7","d":"Team seat slider with animated total — $147 base plus per-seat pricing with tabular-nums p","k":"section","s":"nusaiba","c":"marketing/pricing","hc":1},{"id":"nusaiba:pricing-8","t":"Pricing #8","d":"Minimal single-row pricing band with blur stagger on view — logo-cloud-16 footer strip DNA","k":"section","s":"nusaiba","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"nusaiba:testimonials-1","t":"Testimonials #1","d":"Three quote cards with blur stagger, star ratings, and avatar attribution.","k":"section","s":"nusaiba","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"nusaiba:testimonials-2","t":"Testimonials #2","d":"Framed quote cycle with selector chips — auto-advance and blur crossfade between voices.","k":"section","s":"nusaiba","c":"marketing/testimonials","hc":1},{"id":"nusaiba:testimonials-5","t":"Testimonials #5","d":"Centered metric plus auto-cycling quote — tabular num headline with blur reveal.","k":"section","s":"nusaiba","c":"marketing/testimonials","hc":1},{"id":"nusaiba:testimonials-6","t":"Testimonials #6","d":"Bordered list rows with avatar, stars, and hover wash — dense social proof.","k":"section","s":"nusaiba","c":"marketing/testimonials","hc":1},{"id":"nusaiba:testimonials-10","t":"Testimonials #10","d":"Pro framed panel with grid pattern, quote cycle, and avatar selector chips.","k":"section","s":"nusaiba","c":"marketing/testimonials","hc":1},{"id":"nusaiba:gallery-2","t":"Gallery #2","d":"Framed spotlight with labeled thumb rail, metadata panel, and blur crossfade — pauses on h","s":"nusaiba","c":"media/gallery","hc":1},{"id":"nusaiba:gallery-3","t":"Gallery #3","d":"Infinite image marquee with edge mask — rolling visual library strip.","s":"nusaiba","c":"media/gallery","hc":1},{"id":"nusaiba:gallery-5","t":"Gallery #5","d":"Asymmetric bento wall — hero tile with two supporting studies.","s":"nusaiba","c":"media/gallery","hc":1},{"id":"nusaiba:gallery-6","t":"Gallery #6","d":"Framed offset masonry columns with variable tile heights, directional reveal, and hover fo","s":"nusaiba","c":"media/gallery","hc":1},{"id":"nusaiba:gallery-7","t":"Gallery #7","d":"Metric column beside compact image grid — tabular stats with registry visuals.","s":"nusaiba","c":"media/gallery","hc":1},{"id":"nusaiba:gallery-10","t":"Gallery #10","d":"Pro decor-framed exhibition with centered metadata, labeled chips, and blur crossfade — pa","s":"nusaiba","c":"media/gallery","hc":1},{"id":"nusaiba:header-12","t":"Header #12","d":"Sera series — flat monochrome navigation with hairline bottom border, mobile drawer, and s","s":"nusaiba","c":"navigation/top-nav","hc":1},{"id":"nusaiba:hero-15","t":"Hero #15","d":"Sera series — editorial monochrome hero with indexed meta row, oversized headline, dual CT","k":"section","s":"nusaiba","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"nusaiba:features-12","t":"Features #12","d":"Sera series — six-cell bordered ledger grid with mono indexes, hairline grid lines, and ic","k":"section","s":"nusaiba","c":"marketing/features","hc":1},{"id":"nusaiba:cta-11","t":"Cta #11","d":"Sera series — bordered conversion panel with split layout, sharp-corner buttons, and inver","k":"section","s":"nusaiba","c":"marketing/cta","hc":1},{"id":"nusaiba:logo-cloud-18","t":"Logo cloud #18","d":"Sera series — static bordered wordmark ledger with hairline cells, no marquee, fully deter","k":"section","s":"nusaiba","c":"marketing/logos","hc":1},{"id":"nusaiba:gallery-11","t":"Gallery #11","d":"Sera series — grayscale exhibition grid with hairline gutters and indexed caption bars.","s":"nusaiba","c":"media/gallery","hc":1},{"id":"nusaiba:testimonials-11","t":"Testimonials #11","d":"Sera series — quote ledger with featured pull quote, square monogram avatars, and hairline","k":"section","s":"nusaiba","c":"marketing/testimonials","hc":1},{"id":"nusaiba:footer-11","t":"Footer #11","d":"Sera series — four-column monochrome footer with Nusaiba wordmark and hairline copyright b","k":"section","s":"nusaiba","c":"marketing/footer","hc":1},{"id":"nusaiba:pricing-11","t":"Pricing #11","d":"Sera series — three-tier ledger table with hairline feature rows and inverted highlighted ","k":"section","s":"nusaiba","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"nusaiba:faqs-11","t":"Faqs #11","d":"Sera series — split FAQ with indexed accordion rows and hairline dividers.","k":"section","s":"nusaiba","c":"marketing/faq","hc":1},{"id":"nusaiba:blog-13","t":"Blog #13","d":"Sera series — typographic journal index with mono dates, hairline rows, and hover underlin","k":"section","s":"nusaiba","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"nusaiba:integrations-11","t":"Integrations #11","d":"Sera series — bordered integration matrix with square glyph codes and status micro-labels.","k":"section","s":"nusaiba","c":"marketing/logos","hc":1},{"id":"nusaiba:auth-11","t":"Auth #11","d":"Sera series — flat bordered sign-in panel with wordmark strip, SSO fallback, and hairline ","k":"layout","s":"nusaiba","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"nusaiba:contact-11","t":"Contact #11","d":"Sera series — split contact with channel ledger and flat bordered form.","k":"section","s":"nusaiba","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"nusaiba:not-found-11","t":"Not found #11","d":"Sera series — giant mono 404 with hairline rule and bordered suggested-link ledger.","k":"page","s":"nusaiba","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"odysseyui:index","t":"Index","k":"theme","s":"odysseyui","c":"themes/style"},{"id":"odysseyui:components-ai-chat-container","t":"Chat Container","d":"A composable chat container with auto-scroll, empty state, animated messages, scroll-to-bo","s":"odysseyui","c":"ai-agent/ai-agent","sb":"Chat","vn":1,"hc":1},{"id":"odysseyui:components-ai-message-bubble","t":"Message Bubble","d":"A composable chat message bubble with avatar, content, and timestamp sub-components. Role-","s":"odysseyui","c":"ai-agent/ai-agent","sb":"Chat","vn":1,"hc":1},{"id":"odysseyui:components-ai-model-selector","t":"Model Selector","d":"A modal-based AI model picker with provider filtering, search, starred models, and capabil","s":"odysseyui","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"odysseyui:components-ai-prompt-input","t":"Prompt Input","d":"Simple Prompt Interface input design.","s":"odysseyui","c":"ai-agent/composer","tg":["minimal"],"sy":["minimal"],"vn":1,"hc":1},{"id":"odysseyui:components-ai-search-modal","t":"Search Modal","d":"A full-featured chat search modal with conversation preview, inline rename, delete, keyboa","s":"odysseyui","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"odysseyui:components-ai-steps","t":"Steps","d":"A collapsible AI tool-run steps component with animated shimmer trigger and a vertical pro","s":"odysseyui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","vn":1,"hc":1},{"id":"odysseyui:components-ai-thought-chain","t":"Thought Chain","d":"An animated AI reasoning step-by-step thought chain component with collapsible steps and s","s":"odysseyui","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"odysseyui:components-animate-avatar-group","t":"Avatar Group","d":"An animated avatar group that displays overlapping user images and smoothly shifts each av","s":"odysseyui","c":"data-display/avatar","vn":1,"hc":1,"cp":1},{"id":"odysseyui:components-animate-card-stroke","t":"Card Stroke","d":"A card component with animated SVG stroke and split-text reveal on hover.","s":"odysseyui","c":"data-display/card","tg":["animated"],"sy":["animated"],"vn":1,"hc":1},{"id":"odysseyui:components-animate-code","t":"Code","d":"A code component that animates the code as it is written.","s":"odysseyui","c":"other/other","vn":1,"hc":1,"cp":1},{"id":"odysseyui:components-animate-code-block","t":"Code Block","d":"A styled code block frame component with language badge and optional copy functionality.","s":"odysseyui","c":"data-display/code-block","tg":["playful"],"sy":["playful"],"vn":1,"hc":1},{"id":"odysseyui:components-animate-code-tabs","t":"Code Tabs","d":"A tabs component that displays code for different languages.","s":"odysseyui","c":"data-display/code-block","vn":1,"hc":1,"cp":1},{"id":"odysseyui:components-animate-cursor","t":"Cursor","d":"An animated cursor component that allows you to customize both the cursor and cursor follo","k":"motion","s":"odysseyui","c":"motion/cursor","vn":1,"hc":1,"cp":1},{"id":"odysseyui:components-animate-footer","t":"Footer","d":"A minimal footer design inspired by Dia browser.","k":"section","s":"odysseyui","c":"marketing/footer","tg":["animated","minimal"],"sy":["animated","minimal"],"vn":1,"hc":1},{"id":"odysseyui:components-animate-github-stars-wheel","t":"GitHub Stars Wheel","d":"A scrolling wheel that displays GitHub stars count.","k":"motion","s":"odysseyui","c":"motion/background","sb":"Particles and stars","vn":1,"hc":1,"cp":1},{"id":"odysseyui:components-animate-tabs","t":"Tabs","d":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","s":"odysseyui","c":"navigation/tabs","vn":1,"hc":1,"cp":1},{"id":"odysseyui:components-app-shells-app-shell-1","t":"App Shell #1","d":"Collapsible sidebar app shell with search command palette, breadcrumb page header, scrolla","k":"layout","s":"odysseyui","c":"layout/dashboard","vn":1,"hc":1},{"id":"odysseyui:components-app-shells-app-shell-2","t":"App Shell #2","d":"A floating sidebar app shell with collapsible icon mode, searchable navigation, keyboard s","k":"layout","s":"odysseyui","c":"layout/dashboard","vn":1,"hc":1},{"id":"odysseyui:components-buttons-button","t":"Button","d":"A button component with a variety of styles and animations.","s":"odysseyui","c":"actions/button","vn":2,"hc":1},{"id":"odysseyui:components-buttons-copy","t":"Copy Button","d":"A copy button component with a variety of styles and animations.","s":"odysseyui","c":"actions/button","sb":"Copy, share and like","vn":1,"hc":1},{"id":"odysseyui:components-buttons-github-stars","t":"GitHub Stars Button","d":"A clickable button that links to a GitHub repository and displays the number of stars.","s":"odysseyui","c":"actions/button","sb":"Social and sign-in","vn":1,"hc":1,"cp":1},{"id":"odysseyui:components-buttons-icon","t":"Icon Button","d":"An icon button component with a variety of styles and animations.","k":"resource","s":"odysseyui","c":"assets/icon","hc":1,"cp":1},{"id":"odysseyui:components-buttons-smart-upload","t":"Smart Upload","d":"Turn file uploads into engaging moments with smooth animations and intuitive visual feedba","s":"odysseyui","c":"inputs/file-upload","tg":["animated"],"sy":["animated"],"vn":1,"hc":1},{"id":"odysseyui:components-buttons-theme-toggler","t":"Theme Toggler Button","d":"A button that toggles the theme gradually.","s":"odysseyui","c":"actions/button","vn":1,"hc":1,"cp":1},{"id":"odysseyui:components-community-notification-list","t":"Notification List","d":"A fun notification list with animated stacking and cards that expand as you interact.","s":"odysseyui","c":"overlays/notifications","tg":["playful"],"sy":["playful"],"vn":1,"hc":1,"cp":1},{"id":"odysseyui:components-community-playful-todolist","t":"Playful Todolist","d":"A playful todolist component with animated wavy strikethroughs for each completed task.","s":"odysseyui","c":"data-display/list","tg":["playful"],"sy":["playful"],"vn":1,"hc":1,"cp":1},{"id":"odysseyui:components-faqs-faq-1","t":"FAQ #1","d":"Accordion-based FAQ section with a serif heading and divider separators.","k":"section","s":"odysseyui","c":"marketing/faq","vn":1,"hc":1},{"id":"odysseyui:components-logoclouds-logocloud-1","t":"Logo Cloud #1","d":"Animated logo cloud with staggered fade-in and group cycling.","k":"section","s":"odysseyui","c":"marketing/logos","vn":1,"hc":1},{"id":"odysseyui:components-logoclouds-logocloud-2","t":"Logo Cloud #2","d":"Animated logo cloud that cycles groups of 3 logos with spring blur transitions.","k":"section","s":"odysseyui","c":"marketing/logos","vn":1,"hc":1},{"id":"odysseyui:components-logoclouds-logocloud-3","t":"Logo Cloud #3","d":"Infinite scrolling logo marquee with progressive blur edges and motion-powered animation.","k":"section","s":"odysseyui","c":"marketing/logos","vn":1,"hc":1},{"id":"odysseyui:components-logoclouds-logocloud-4","t":"Logo Cloud #4","d":"CSS-animated logo carousel that cycles groups with blur and slide transitions.","k":"section","s":"odysseyui","c":"marketing/logos","vn":1,"hc":1},{"id":"odysseyui:components-logoclouds-logocloud-5","t":"Logo Cloud #5","d":"CSS marquee logo cloud with configurable direction, speed, gap, and fade edges.","k":"section","s":"odysseyui","c":"marketing/logos","vn":1,"hc":1},{"id":"odysseyui:components-music-album-cards","t":"Album Cards","d":"A stacked album card row where clicking a card ejects a spinning vinyl disc, with hover li","s":"odysseyui","c":"media/player","vn":1,"hc":1},{"id":"odysseyui:components-music-spotify-card","t":"Spotify Card","d":"A horizontal Spotify music card with blurred album art background, vinyl record animation,","s":"odysseyui","c":"media/player","vn":1,"hc":1},{"id":"odysseyui:components-music-vertical-spotify-card-1","t":"Vertical Spotify Card 1","d":"A vertical Spotify music card with a progressive blur album art background, seek bar, and ","s":"odysseyui","c":"data-display/card","vn":1,"hc":1},{"id":"odysseyui:components-music-vertical-spotify-card-2","t":"Vertical Spotify Card 2","d":"A vertical Spotify music card with a color-extracted blurred gradient background, album ar","s":"odysseyui","c":"data-display/card","tg":["gradient"],"sy":["gradient"],"vn":1,"hc":1},{"id":"odysseyui:components-preloaders-greetings","t":"Greeting Preloader","d":"A greeting preloader that displays rapid greetings in different languages.","s":"odysseyui","c":"status/loader","tg":["animated"],"sy":["animated"],"vn":1,"hc":1},{"id":"odysseyui:components-pricings-pricing-1","t":"Pricing #1","d":"Modern pricing grid with animated sliding numbers, billing toggle, and featured plan corne","k":"section","s":"odysseyui","c":"marketing/pricing","vn":1,"hc":1},{"id":"odysseyui:components-pricings-pricing-2","t":"Pricing #2","d":"Three-column pricing with gradient featured card and illustrated cursor decoration.","k":"section","s":"odysseyui","c":"marketing/pricing","tg":["gradient","webgl"],"sy":["gradient","webgl"],"vn":1,"hc":1},{"id":"odysseyui:components-pricings-pricing-3","t":"Pricing #3","d":"Asymmetric three-column pricing with elevated featured plan, amber badge, and security foo","k":"section","s":"odysseyui","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"],"vn":1,"hc":1},{"id":"odysseyui:components-pricings-pricing-4","t":"Pricing #4","d":"Pastel pricing cards with animated billing toggle, tag badges, and info rows.","k":"section","s":"odysseyui","c":"marketing/pricing","vn":1,"hc":1},{"id":"odysseyui:components-pricings-pricing-5","t":"Pricing #5","d":"Horizontal list-style pricing layout with accent icon blobs, strikethrough original prices","k":"section","s":"odysseyui","c":"marketing/pricing","vn":1,"hc":1},{"id":"odysseyui:components-pricings-pricing-6","t":"Pricing #6","d":"Tabbed individuals/teams pricing grid with coloured card backdrops, Avatar orbs, grain tex","k":"section","s":"odysseyui","c":"marketing/pricing","vn":1,"hc":1},{"id":"odysseyui:components-primitives-avatar","t":"Avatar","d":"An animated AI orb avatar with blinking eyes, 12 color presets, 3 sizes, and 3 shapes (cir","s":"odysseyui","c":"data-display/avatar","vn":1,"hc":1},{"id":"odysseyui:components-primitives-tree-filter","t":"Tree Filter","d":"Animated tree-structured filter with nested checkboxes, search, and group cycling.","s":"odysseyui","c":"data-display/tree","vn":1,"hc":1},{"id":"odysseyui:components-radix-checkbox","t":"Checkbox","d":"A control that allows the user to toggle between checked and not checked.","s":"odysseyui","c":"inputs/checkbox","vn":1,"hc":1,"cp":1},{"id":"odysseyui:components-radix-dropdown-menu","t":"Dropdown Menu","d":"Displays a menu to the user — such as a set of actions or functions — triggered by a butto","s":"odysseyui","c":"navigation/menu","tg":["playful"],"sb":"Dropdowns","sy":["playful"],"hc":1,"cp":1},{"id":"odysseyui:components-radix-hover-card","t":"Hover Card","d":"For sighted users to preview content available behind a link.","s":"odysseyui","c":"overlays/hover-card","vn":1,"hc":1,"cp":1},{"id":"odysseyui:components-texts-text-highlighter","t":"Text Highlighter","d":"Rough-notation powered text annotations — highlight, underline, box, circle, and more.","k":"motion","s":"odysseyui","c":"motion/text-effect","vn":1,"hc":1},{"id":"odysseyui:components-texts-text-reveal","t":"Text Reveal","d":"Scramble-reveal animation that decodes characters progressively into the final text.","k":"motion","s":"odysseyui","c":"motion/text-effect","sb":"Reveal and entrance","vn":1,"hc":1},{"id":"odysseyui:components-texts-text-shimmer","t":"Text Shimmer","d":"Sleek text shimmer effect.","k":"motion","s":"odysseyui","c":"motion/text-effect","sb":"Gradient and shimmer","vn":1,"hc":1},{"id":"odysseyui:components-texts-text-shimmer-wave","t":"Text Shimmer Wave","d":"3D wave shimmer effect that ripples through each character sequentially.","k":"motion","s":"odysseyui","c":"motion/background","tg":["3d"],"sb":"Waves and warps","sy":["3d"],"vn":1,"hc":1},{"id":"odysseyui:components-texts-typewriter","t":"Typewriter","d":"Animated typewriter effect with multi-sequence support, natural variance, delete animation","k":"motion","s":"odysseyui","c":"motion/text-effect","sb":"Typewriter","vn":1,"hc":1},{"id":"odysseyui:components-ui-badge","t":"Badge","d":"A badge component with semantic and color variants built on Base UI.","s":"odysseyui","c":"data-display/badge","vn":3,"hc":1},{"id":"odysseyui:hooks-use-auto-height","t":"useAutoHeight","d":"A hook that allows you to automatically adjust the height of an element based on its conte","k":"lib","s":"odysseyui","c":"lib/hook","hc":1,"cp":1},{"id":"odysseyui:hooks-use-controlled-state","t":"useControlledState","d":"A hook that allows you to control a state.","k":"lib","s":"odysseyui","c":"lib/hook","hc":1,"cp":1},{"id":"odysseyui:hooks-use-data-state","t":"useDataState","d":"A hook that allows you to get the data-state of an element.","k":"lib","s":"odysseyui","c":"lib/hook","hc":1,"cp":1},{"id":"odysseyui:hooks-use-is-in-view","t":"useIsInView","d":"A hook that allows you to check if an element is in view.","k":"lib","s":"odysseyui","c":"lib/hook","hc":1,"cp":1},{"id":"odysseyui:hooks-use-motion-value-state","t":"useMotionValueState","d":"A hook that allows you to use a motion value state.","k":"lib","s":"odysseyui","c":"lib/hook","tg":["animated"],"sy":["animated"],"hc":1,"cp":1},{"id":"odysseyui:icons-alarm-clock","t":"Alarm Clock Icon","d":"Alarm clock icon component.","k":"resource","s":"odysseyui","c":"assets/icon","sb":"Animated","hc":1,"cp":1},{"id":"odysseyui:icons-arrow-right","t":"Arrow Right Icon","d":"Arrow right icon component.","k":"resource","s":"odysseyui","c":"assets/icon","sb":"Animated","hc":1,"cp":1},{"id":"odysseyui:icons-audio-lines","t":"Audio Lines Icon","d":"Audio Lines icon component.","k":"resource","s":"odysseyui","c":"assets/icon","sb":"Animated","hc":1,"cp":1},{"id":"odysseyui:icons-battery-full","t":"Battery Full Icon","d":"Battery Full icon component.","k":"resource","s":"odysseyui","c":"assets/icon","sb":"Animated","hc":1,"cp":1},{"id":"odysseyui:icons-bell-ring","t":"Bell Ring Icon","d":"Bell ring icon component.","k":"resource","s":"odysseyui","c":"assets/icon","sb":"Animated","hc":1,"cp":1},{"id":"odysseyui:icons-clock","t":"Clock Icon","d":"Clock icon component.","k":"resource","s":"odysseyui","c":"assets/icon","sb":"Animated","hc":1,"cp":1},{"id":"odysseyui:icons-disc-3","t":"Disc 3 Icon","d":"Disc 3 icon component.","k":"resource","s":"odysseyui","c":"assets/icon","sb":"Animated","hc":1,"cp":1},{"id":"odysseyui:icons-icon","t":"Icon","d":"Base component to use animated icons.","k":"resource","s":"odysseyui","c":"assets/icon","sb":"Animated","hc":1,"cp":1},{"id":"odysseyui:icons-loader","t":"Loader Icon","d":"Loader icon component.","k":"resource","s":"odysseyui","c":"assets/icon","sb":"Animated","hc":1,"cp":1},{"id":"odysseyui:icons-menu","t":"Menu Icon","d":"Menu icon component.","s":"odysseyui","c":"navigation/menu","hc":1,"cp":1},{"id":"odysseyui:icons-party-popper","t":"Party Popper Icon","d":"Party popper icon component.","k":"resource","s":"odysseyui","c":"assets/icon","sb":"Animated","hc":1,"cp":1},{"id":"odysseyui:icons-settings","t":"Settings Icon","d":"Settings icon component.","k":"layout","s":"odysseyui","c":"flows/settings","hc":1,"cp":1},{"id":"odysseyui:icons-trash-2","t":"Trash 2 Icon","d":"Trash 2 icon component.","k":"resource","s":"odysseyui","c":"assets/icon","sb":"Animated","hc":1,"cp":1},{"id":"odysseyui:icons-user","t":"User Icon","d":"User icon component.","k":"resource","s":"odysseyui","c":"assets/icon","sb":"Animated","hc":1,"cp":1},{"id":"odysseyui:icons-wifi","t":"Wifi Icon","d":"Wifi icon component.","k":"resource","s":"odysseyui","c":"assets/icon","sb":"Animated","hc":1,"cp":1},{"id":"odysseyui:lib-get-strict-context","t":"getStrictContext","d":"A hook that allows you to create a strict context.","k":"lib","s":"odysseyui","c":"lib/utility","sb":"State","hc":1,"cp":1},{"id":"odysseyui:primitives-animate-avatar-group","t":"Avatar Group","d":"An animated avatar group that displays overlapping user images and smoothly shifts each av","s":"odysseyui","c":"data-display/avatar","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-animate-code-block","t":"Code Block","d":"A code block component that animates the code as it is written.","s":"odysseyui","c":"data-display/code-block","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-animate-cursor","t":"Cursor","d":"An animated cursor component that allows you to customize both the cursor and cursor follo","k":"motion","s":"odysseyui","c":"motion/cursor","vn":1,"hc":1},{"id":"odysseyui:primitives-animate-github-stars","t":"Github Stars","d":"A component that animates a number of stars, smoothly animating number transitions using t","k":"motion","s":"odysseyui","c":"motion/background","sb":"Particles and stars","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-animate-pinned-list","t":"Pin List","d":"A pin list component that allows you to pin items to the top of the list.","s":"odysseyui","c":"data-display/list","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-animate-scroll-progress","t":"Scroll Progress","d":"A scroll progress component that allows you to track the progress of a scrollable element.","s":"odysseyui","c":"data-viz/progress-bar","vn":1,"hc":1},{"id":"odysseyui:primitives-animate-slot","t":"Animate Slot","d":"A slot component that allows you to use motion components with any element.","s":"odysseyui","c":"other/other","hc":1,"cp":1},{"id":"odysseyui:primitives-animate-spring","t":"Spring","d":"A flexible, animated spring component that attaches a draggable element to its origin with","s":"odysseyui","c":"other/other","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-animate-tabs","t":"Tabs","d":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","s":"odysseyui","c":"navigation/tabs","vn":1,"hc":1},{"id":"odysseyui:primitives-animate-tooltip","t":"Tooltip","d":"An animated tooltip that shows contextual info on hover or focus and smoothly glides to th","s":"odysseyui","c":"overlays/tooltip","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-base-accordion","t":"Base Accordion","d":"An easily stylable accordion component.","s":"odysseyui","c":"data-display/accordion","sb":"Animated","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-base-alert-dialog","t":"Base Alert Dialog","d":"A dialog that requires user response to proceed.","s":"odysseyui","c":"overlays/dialog","sb":"Confirm","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-base-checkbox","t":"Base Checkbox","d":"An easily stylable checkbox component.","s":"odysseyui","c":"inputs/checkbox","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-base-collapsible","t":"Base Collapsible","d":"A collapsible panel controlled by a button.","s":"odysseyui","c":"data-display/accordion","sb":"Animated","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-base-dialog","t":"Base Dialog","d":"A popup that opens on top of the entire page.","s":"odysseyui","c":"overlays/dialog","sb":"Animated","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-base-files","t":"Files","d":"A component that allows you to display a list of files and folders.","s":"odysseyui","c":"data-display/list","sb":"Files and trees","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-base-menu","t":"Base Menu","d":"A list of actions in a dropdown, enhanced with keyboard navigation.","s":"odysseyui","c":"navigation/menu","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-base-popover","t":"Base Popover","d":"An accessible popup anchored to a button.","s":"odysseyui","c":"overlays/popover","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-base-preview-card","t":"Base Preview Card","d":"A popup that appears when a link is hovered, showing a preview for sighted users.","s":"odysseyui","c":"overlays/hover-card","vn":1,"hc":1},{"id":"odysseyui:primitives-base-progress","t":"Base Progress","d":"Displays the status of a task that takes a long time.","s":"odysseyui","c":"data-viz/progress-bar","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-base-radio","t":"Base Radio","d":"An easily stylable radio button component.","s":"odysseyui","c":"inputs/radio","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-base-switch","t":"Base Switch","d":"A control that indicates whether a setting is on or off.","s":"odysseyui","c":"actions/switch","sb":"Animated","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-base-tabs","t":"Base Tabs","d":"A component for toggling between related panels on the same page.","s":"odysseyui","c":"navigation/tabs","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-base-toggle","t":"Base Toggle","d":"A two-state button that can be on or off.","s":"odysseyui","c":"actions/switch","sb":"Animated","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-base-toggle-group","t":"Base Toggle Group","d":"Provides a shared state to a series of toggle buttons.","s":"odysseyui","c":"actions/switch","sb":"Animated","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-base-tooltip","t":"Base Tooltip","d":"A popup that appears when an element is hovered or focused, showing a hint for sighted use","s":"odysseyui","c":"overlays/tooltip","vn":1,"hc":1},{"id":"odysseyui:primitives-buttons-button","t":"Button","d":"A simple button that animates on hover and tap.","s":"odysseyui","c":"actions/button","tg":["minimal"],"sb":"Animated","sy":["minimal"],"vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-buttons-flip","t":"Flip Button","d":"A button that flips between two states on hover.","s":"odysseyui","c":"actions/button","sb":"Animated","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-buttons-liquid","t":"Liquid Button","d":"A button that fills on hover.","s":"odysseyui","c":"actions/button","sb":"Animated","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-buttons-ripple","t":"Ripple Button","d":"A button that animates on tap with a ripple effect.","s":"odysseyui","c":"actions/button","sb":"Animated","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-effects-auto-height","t":"Auto Height","d":"An effect that automatically adjusts the height of an element based on its content.","s":"odysseyui","c":"other/other","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-effects-blur","t":"Blur","d":"An effect that allows you to animate elements with a blur effect on first view or load.","s":"odysseyui","c":"other/other","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-effects-click","t":"Click","d":"An effect that creates animated effects at the click position, adding interactive feedback","s":"odysseyui","c":"other/other","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-effects-effect","t":"Effect","d":"An effect that allows you to animate elements on first view or load.","s":"odysseyui","c":"other/other","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-effects-fade","t":"Fade","d":"An effect that allows you to animate elements with a fade effect on first view or load.","s":"odysseyui","c":"other/other","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-effects-highlight","t":"Highlight","d":"A highlight effect that allows you to highlight elements on hover, click or with a control","s":"odysseyui","c":"other/other","vn":1,"hc":1},{"id":"odysseyui:primitives-effects-image-zoom","t":"Image Zoom","d":"An effect that allows you to zoom in on an image on hover.","s":"odysseyui","c":"media/gallery","sb":"Zoom and lens","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-effects-magnetic","t":"Magnetic","d":"A magnetic effect that clings to the cursor, creating a magnetic attraction effect.","k":"motion","s":"odysseyui","c":"motion/cursor","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-effects-particles","t":"Particles","d":"A particles effect that creates a particle system.","k":"motion","s":"odysseyui","c":"motion/background","sb":"Particles and stars","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-effects-shine","t":"Shine","d":"An animated light sweep effect with configurable timing, colors, and triggers (hover, tap,","s":"odysseyui","c":"other/other","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-effects-slide","t":"Slide","d":"An effect that allows you to animate elements with a slide effect on first view or load.","s":"odysseyui","c":"other/other","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-effects-theme-toggler","t":"Theme Toggler","d":"An effect that allows you to toggle the theme gradually.","s":"odysseyui","c":"actions/switch","sb":"Theme toggles","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-effects-tilt","t":"Tilt","d":"An effect that allows you to animate elements with a tilt effect on mouse hover.","k":"motion","s":"odysseyui","c":"motion/tilt-3d","tg":["3d"],"sy":["3d"],"vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-effects-zoom","t":"Zoom","d":"An effect that allows you to animate elements with a zoom effect on first view or load.","s":"odysseyui","c":"media/gallery","sb":"Zoom and lens","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-headless-checkbox","t":"Headless Checkbox","d":"Checkboxes provide the same functionality as native HTML checkboxes, without any of the st","s":"odysseyui","c":"inputs/checkbox","tg":["minimal","playful"],"sy":["minimal","playful"],"vn":1,"hc":1},{"id":"odysseyui:primitives-headless-dialog","t":"Headless Dialog","d":"A fully-managed, renderless dialog component jam-packed with accessibility and keyboard fe","s":"odysseyui","c":"overlays/dialog","sb":"Animated","vn":1,"hc":1},{"id":"odysseyui:primitives-headless-disclosure","t":"Headless Disclosure","d":"A simple, accessible foundation for building custom UIs that show and hide content, like t","s":"odysseyui","c":"data-display/accordion","tg":["minimal"],"sb":"Animated","sy":["minimal"],"vn":1,"hc":1},{"id":"odysseyui:primitives-headless-popover","t":"Headless Popover","d":"Popovers are perfect for floating panels with arbitrary content like navigation menus, mob","s":"odysseyui","c":"overlays/popover","vn":1,"hc":1},{"id":"odysseyui:primitives-headless-switch","t":"Headless Switch","d":"Switches are a pleasant interface for toggling a value between two states, and offer the s","s":"odysseyui","c":"actions/switch","sb":"Animated","vn":1,"hc":1},{"id":"odysseyui:primitives-headless-tabs","t":"Headless Tabs","d":"Easily create accessible, fully customizable tab interfaces, with robust focus management ","s":"odysseyui","c":"navigation/tabs","vn":1,"hc":1},{"id":"odysseyui:primitives-radix-accordion","t":"Radix Accordion","d":"A vertically stacked set of interactive headings that each reveal an associated section of","s":"odysseyui","c":"data-display/accordion","sb":"Animated","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-radix-alert-dialog","t":"Radix Alert Dialog","d":"A modal dialog that interrupts the user with important content and expects a response.","s":"odysseyui","c":"overlays/dialog","sb":"Confirm","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-radix-checkbox","t":"Radix Checkbox","d":"A control that allows the user to toggle between checked and not checked.","s":"odysseyui","c":"inputs/checkbox","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-radix-collapsible","t":"Radix Collapsible","d":"An interactive component which expands/collapses a panel.","s":"odysseyui","c":"data-display/accordion","sb":"Animated","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-radix-dialog","t":"Radix Dialog","d":"A window overlaid on either the primary window or another dialog window, rendering the con","s":"odysseyui","c":"overlays/dialog","sb":"Animated","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-radix-dropdown-menu","t":"Radix Dropdown Menu","d":"Displays a menu to the user — such as a set of actions or functions — triggered by a butto","s":"odysseyui","c":"navigation/menu","tg":["playful"],"sb":"Dropdowns","sy":["playful"],"vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-radix-files","t":"Files","d":"A component that allows you to display a list of files and folders.","s":"odysseyui","c":"data-display/list","sb":"Files and trees","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-radix-hover-card","t":"Radix Hover Card","d":"For sighted users to preview content available behind a link.","s":"odysseyui","c":"overlays/hover-card","vn":1,"hc":1},{"id":"odysseyui:primitives-radix-popover","t":"Radix Popover","d":"Displays rich content in a portal, triggered by a button.","s":"odysseyui","c":"overlays/popover","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-radix-progress","t":"Radix Progress","d":"Displays an indicator showing the completion progress of a task, typically displayed as a ","s":"odysseyui","c":"data-viz/progress-bar","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-radix-radio-group","t":"Radix Radio Group","d":"A set of checkable buttons—known as radio buttons—where no more than one of the buttons ca","s":"odysseyui","c":"inputs/radio","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-radix-sheet","t":"Radix Sheet","d":"Extends the Dialog component to display content that complements the main content of the s","s":"odysseyui","c":"overlays/sheet","vn":1,"hc":1},{"id":"odysseyui:primitives-radix-switch","t":"Radix Switch","d":"A control that allows the user to toggle between checked and not checked.","s":"odysseyui","c":"actions/switch","sb":"Animated","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-radix-tabs","t":"Radix Tabs","d":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","s":"odysseyui","c":"navigation/tabs","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-radix-toggle","t":"Radix Toggle","d":"A two-state button that can be either on or off.","s":"odysseyui","c":"actions/switch","sb":"Animated","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-radix-toggle-group","t":"Radix Toggle Group","d":"A set of two-state buttons that can be toggled on or off.","s":"odysseyui","c":"actions/switch","sb":"Animated","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-radix-tooltip","t":"Radix Tooltip","d":"A popup that displays information related to an element when the element receives keyboard","s":"odysseyui","c":"overlays/tooltip","vn":1,"hc":1},{"id":"odysseyui:primitives-texts-counting-number","t":"Counting Number","d":"A counting number animation.","k":"motion","s":"odysseyui","c":"motion/text-effect","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-texts-gradient","t":"Gradient Text","d":"A gradient text animation.","k":"motion","s":"odysseyui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-texts-highlight","t":"Highlight Text","d":"A highlight text animation.","k":"motion","s":"odysseyui","c":"motion/text-effect","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-texts-morphing","t":"Morphing Text","d":"A text component that smoothly morphs characters to transition between strings.","k":"motion","s":"odysseyui","c":"motion/text-effect","sb":"Rotating words","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-texts-rolling","t":"Rolling Text","d":"A rolling text animation.","k":"motion","s":"odysseyui","c":"motion/text-effect","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-texts-rotating","t":"Rotating Text","d":"A rotating text animation.","k":"motion","s":"odysseyui","c":"motion/text-effect","sb":"Rotating words","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-texts-scrolling-number","t":"Scrolling Number","d":"A scrolling number animation.","k":"motion","s":"odysseyui","c":"motion/text-effect","sb":"Reveal and entrance","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-texts-shimmering","t":"Shimmering Text","d":"A shimmering text animation.","k":"motion","s":"odysseyui","c":"motion/text-effect","sb":"Gradient and shimmer","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-texts-sliding-number","t":"Sliding Number","d":"A sliding number animation.","k":"motion","s":"odysseyui","c":"motion/number-ticker","vn":1,"hc":1,"cp":1},{"id":"odysseyui:primitives-texts-splitting","t":"Splitting Text","d":"A splitting text animation.","k":"motion","s":"odysseyui","c":"motion/text-effect","sb":"Reveal and entrance","vn":2,"hc":1,"cp":1},{"id":"odysseyui:primitives-texts-typing","t":"Typing Text","d":"A typing text animation.","k":"motion","s":"odysseyui","c":"motion/text-effect","sb":"Typewriter","vn":1,"hc":1,"cp":1},{"id":"ogimagecn:avatar","t":"Avatar","d":"A circular avatar image with an initials fallback.","k":"resource","s":"ogimagecn","c":"assets/og-image","hc":1},{"id":"ogimagecn:badge","t":"Badge","d":"A pill label with color, background, border, and uppercase options.","k":"resource","s":"ogimagecn","c":"assets/og-image","hc":1},{"id":"ogimagecn:brand-mark","t":"Brand Mark","d":"A logo image with a placeholder tile fallback for monograms or icons.","k":"resource","s":"ogimagecn","c":"assets/og-image","hc":1},{"id":"ogimagecn:divider","t":"Divider","d":"A solid or dashed rule with an optional centered label.","k":"resource","s":"ogimagecn","c":"assets/og-image","hc":1},{"id":"ogimagecn:grid-lines","t":"Grid Lines","d":"Four edge-to-edge guide lines that frame the canvas.","k":"resource","s":"ogimagecn","c":"assets/og-image","hc":1},{"id":"ogimagecn:waveform","t":"Waveform","d":"A vertically centered audio waveform with configurable color, height, and bar spacing.","k":"resource","s":"ogimagecn","c":"assets/og-image","hc":1},{"id":"ogimagecn:simple","t":"Simple","d":"A minimal, centered Open Graph image with an eyebrow label, title, description, and brand ","k":"resource","s":"ogimagecn","c":"assets/og-image","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ogimagecn:grid","t":"Grid","d":"A framed, technical Open Graph image with a dashed border grid and a corner brand mark.","k":"resource","s":"ogimagecn","c":"assets/og-image","hc":1},{"id":"ogimagecn:blog","t":"Blog","d":"An article Open Graph image with a category badge, headline, excerpt, and author row.","k":"resource","s":"ogimagecn","c":"assets/og-image","hc":1},{"id":"ogimagecn:changelog","t":"Changelog","d":"A release Open Graph image with a version pill, date, title, and a checklist of highlights","k":"resource","s":"ogimagecn","c":"assets/og-image","hc":1},{"id":"ogimagecn:quote","t":"Quote","d":"A testimonial / tweet-style Open Graph image with a large quote and an author row.","k":"resource","s":"ogimagecn","c":"assets/og-image","hc":1},{"id":"ogimagecn:shadcn-registry-1","t":"Shadcn Registry 1","d":"A showcase Open Graph image for shadcn registries with logo, name, URL, description, and t","k":"resource","s":"ogimagecn","c":"assets/og-image","hc":1},{"id":"ogimagecn:shadcn-registry-2","t":"Shadcn Registry 2","d":"A clean Open Graph image with a light background, logo, name, category, title, and dot-sep","k":"resource","s":"ogimagecn","c":"assets/og-image","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ogimagecn:shadcn-registry-3","t":"Shadcn Registry 3","d":"A bold dark Open Graph image with large title, circular badge, ghost watermark, and credit","k":"resource","s":"ogimagecn","c":"assets/og-image","hc":1},{"id":"ogimagecn:shadcn-registry-4","t":"Shadcn Registry 4","d":"A centered dark Open Graph image with logo, name, title, and URL on a subtle dot pattern b","k":"resource","s":"ogimagecn","c":"assets/og-image","hc":1},{"id":"ogimagecn:shadcn-registry-5","t":"Shadcn Registry 5","d":"A clean light Open Graph image with centered logo, name, title, and description inside a b","k":"resource","s":"ogimagecn","c":"assets/og-image","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ogimagecn:shadcn-registry-6","t":"Shadcn Registry 6","d":"A minimal Open Graph image with solid border lines, a logo in the top-left, and title/desc","k":"resource","s":"ogimagecn","c":"assets/og-image","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ogimagecn:photo","t":"Photo","d":"A full-bleed photo Open Graph image with a dark gradient scrim and a bottom-aligned title ","k":"resource","s":"ogimagecn","c":"assets/og-image","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"ogimagecn:product","t":"Product","d":"A two-column product Open Graph image with brand and copy on the left, a product shot on t","k":"resource","s":"ogimagecn","c":"assets/og-image","hc":1},{"id":"ogimagecn:profile","t":"Profile","d":"A personal / portfolio Open Graph image with a circular avatar beside a name, role, bio, a","k":"resource","s":"ogimagecn","c":"assets/og-image","hc":1},{"id":"ogimagecn:event","t":"Event","d":"An event / launch Open Graph image with an eyebrow label, large title, and a date · locati","k":"resource","s":"ogimagecn","c":"assets/og-image","hc":1},{"id":"ogimagecn:stat","t":"Stat","d":"A metric / dashboard Open Graph image with an eyebrow label, an oversized number, a trend ","k":"resource","s":"ogimagecn","c":"assets/og-image","hc":1},{"id":"ogimagecn:logo","t":"Logo","d":"A centered brand Open Graph image with a logo tile, a large wordmark, and an optional tagl","k":"resource","s":"ogimagecn","c":"assets/og-image","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"ogimagecn:terminal","t":"Terminal","d":"A minimal, technical Open Graph image with a wordmark and accent side-bar above a large wi","k":"resource","s":"ogimagecn","c":"assets/og-image","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"ogimagecn:editorial","t":"Editorial","d":"A poster-style Open Graph image with oversized display type and a large faint ghost word s","k":"resource","s":"ogimagecn","c":"assets/og-image","hc":1},{"id":"ogimagecn:showcase","t":"Showcase","d":"A product-showcase Open Graph image with a centered headline above a faux browser window a","k":"resource","s":"ogimagecn","c":"assets/og-image","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ogimagecn:shiori","t":"Shiori","d":"A clean, minimal Open Graph image with a light cream background, an orange gradient circle","k":"resource","s":"ogimagecn","c":"assets/og-image","tg":["gradient","minimal"],"sy":["gradient","minimal"],"hc":1},{"id":"ogimagecn:owner","t":"Owner","d":"A clean Open Graph image with a light background, eyebrow text, bold headline, and three r","k":"resource","s":"ogimagecn","c":"assets/og-image","tg":["minimal","webgl"],"sy":["minimal","webgl"],"hc":1},{"id":"oidc:core","t":"OIDC Core","d":"A starter policy form: GitHub Actions and Vercel behind a toggle picker, each form with it","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"oidc:policy","t":"OIDC Policy Contract","d":"The OidcPolicy rule type, its matching semantics, validation, and the match/explain functi","k":"lib","s":"oidc","c":"lib/utility","tg":["playful"],"sy":["playful"],"hc":1},{"id":"oidc:verify","t":"OIDC Verifier","d":"Server-side token verification against OidcPolicy rules: OIDC discovery with issuer assert","k":"lib","s":"oidc","c":"lib/utility","hc":1},{"id":"oidc:claims","t":"OIDC Claims Pieces","d":"The shared pieces every provider form composes: the ClaimsList row editor for additional c","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"oidc:picker","t":"OIDC Picker","d":"Single-select provider picker that adapts to the count: a toggle row for up to three provi","s":"oidc","c":"inputs/select","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"oidc:page-actions","t":"OIDC Settings Page","d":"A working settings page: app/settings/oidc renders the policy form, and a server action va","k":"layout","s":"oidc","c":"flows/settings","hc":1},{"id":"oidc:provider-github","t":"GitHub Actions Provider","d":"A self-contained form component that emits an OidcPolicy for a GitHub Actions caller: a re","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Social","hc":1},{"id":"oidc:provider-github-zod","t":"GitHub Actions Provider (Zod)","d":"A self-contained form component that emits an OidcPolicy for a GitHub Actions caller: a re","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Social","hc":1},{"id":"oidc:provider-github-valibot","t":"GitHub Actions Provider (Valibot)","d":"A self-contained form component that emits an OidcPolicy for a GitHub Actions caller: a re","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Social","hc":1},{"id":"oidc:provider-github-rhf","t":"GitHub Actions Provider (React Hook Form)","d":"A self-contained form component that emits an OidcPolicy for a GitHub Actions caller: a re","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-github-rhf-zod","t":"GitHub Actions Provider (React Hook Form + Zod)","d":"A self-contained form component that emits an OidcPolicy for a GitHub Actions caller: a re","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-github-rhf-valibot","t":"GitHub Actions Provider (React Hook Form + Valibot)","d":"A self-contained form component that emits an OidcPolicy for a GitHub Actions caller: a re","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-github-tanstack","t":"GitHub Actions Provider (TanStack Form)","d":"A self-contained form component that emits an OidcPolicy for a GitHub Actions caller: a re","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-github-tanstack-zod","t":"GitHub Actions Provider (TanStack Form + Zod)","d":"A self-contained form component that emits an OidcPolicy for a GitHub Actions caller: a re","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-github-tanstack-valibot","t":"GitHub Actions Provider (TanStack Form + Valibot)","d":"A self-contained form component that emits an OidcPolicy for a GitHub Actions caller: a re","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-vercel","t":"Vercel Provider","d":"A self-contained form component that emits an OidcPolicy for a Vercel caller: team, projec","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"oidc:provider-vercel-zod","t":"Vercel Provider (Zod)","d":"A self-contained form component that emits an OidcPolicy for a Vercel caller: team, projec","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"oidc:provider-vercel-valibot","t":"Vercel Provider (Valibot)","d":"A self-contained form component that emits an OidcPolicy for a Vercel caller: team, projec","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"oidc:provider-vercel-rhf","t":"Vercel Provider (React Hook Form)","d":"A self-contained form component that emits an OidcPolicy for a Vercel caller: team, projec","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-vercel-rhf-zod","t":"Vercel Provider (React Hook Form + Zod)","d":"A self-contained form component that emits an OidcPolicy for a Vercel caller: team, projec","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-vercel-rhf-valibot","t":"Vercel Provider (React Hook Form + Valibot)","d":"A self-contained form component that emits an OidcPolicy for a Vercel caller: team, projec","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-vercel-tanstack","t":"Vercel Provider (TanStack Form)","d":"A self-contained form component that emits an OidcPolicy for a Vercel caller: team, projec","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-vercel-tanstack-zod","t":"Vercel Provider (TanStack Form + Zod)","d":"A self-contained form component that emits an OidcPolicy for a Vercel caller: team, projec","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-vercel-tanstack-valibot","t":"Vercel Provider (TanStack Form + Valibot)","d":"A self-contained form component that emits an OidcPolicy for a Vercel caller: team, projec","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-gitlab","t":"GitLab CI Provider","d":"A self-contained form component that emits an OidcPolicy for a GitLab CI caller: instance ","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"oidc:provider-gitlab-zod","t":"GitLab CI Provider (Zod)","d":"A self-contained form component that emits an OidcPolicy for a GitLab CI caller: instance ","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"oidc:provider-gitlab-valibot","t":"GitLab CI Provider (Valibot)","d":"A self-contained form component that emits an OidcPolicy for a GitLab CI caller: instance ","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"oidc:provider-gitlab-rhf","t":"GitLab CI Provider (React Hook Form)","d":"A self-contained form component that emits an OidcPolicy for a GitLab CI caller: instance ","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-gitlab-rhf-zod","t":"GitLab CI Provider (React Hook Form + Zod)","d":"A self-contained form component that emits an OidcPolicy for a GitLab CI caller: instance ","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-gitlab-rhf-valibot","t":"GitLab CI Provider (React Hook Form + Valibot)","d":"A self-contained form component that emits an OidcPolicy for a GitLab CI caller: instance ","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-gitlab-tanstack","t":"GitLab CI Provider (TanStack Form)","d":"A self-contained form component that emits an OidcPolicy for a GitLab CI caller: instance ","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-gitlab-tanstack-zod","t":"GitLab CI Provider (TanStack Form + Zod)","d":"A self-contained form component that emits an OidcPolicy for a GitLab CI caller: instance ","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-gitlab-tanstack-valibot","t":"GitLab CI Provider (TanStack Form + Valibot)","d":"A self-contained form component that emits an OidcPolicy for a GitLab CI caller: instance ","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-google","t":"Google Provider","d":"A self-contained form component that emits an OidcPolicy for a Google service account call","k":"layout","s":"oidc","c":"flows/sign-in","tg":["webgl"],"sb":"Social","sy":["webgl"],"hc":1},{"id":"oidc:provider-google-zod","t":"Google Provider (Zod)","d":"A self-contained form component that emits an OidcPolicy for a Google service account call","k":"layout","s":"oidc","c":"flows/sign-in","tg":["webgl"],"sb":"Social","sy":["webgl"],"hc":1},{"id":"oidc:provider-google-valibot","t":"Google Provider (Valibot)","d":"A self-contained form component that emits an OidcPolicy for a Google service account call","k":"layout","s":"oidc","c":"flows/sign-in","tg":["webgl"],"sb":"Social","sy":["webgl"],"hc":1},{"id":"oidc:provider-google-rhf","t":"Google Provider (React Hook Form)","d":"A self-contained form component that emits an OidcPolicy for a Google service account call","s":"oidc","c":"inputs/form-field","tg":["webgl"],"sb":"Whole forms","sy":["webgl"],"hc":1},{"id":"oidc:provider-google-rhf-zod","t":"Google Provider (React Hook Form + Zod)","d":"A self-contained form component that emits an OidcPolicy for a Google service account call","s":"oidc","c":"inputs/form-field","tg":["webgl"],"sb":"Whole forms","sy":["webgl"],"hc":1},{"id":"oidc:provider-google-rhf-valibot","t":"Google Provider (React Hook Form + Valibot)","d":"A self-contained form component that emits an OidcPolicy for a Google service account call","s":"oidc","c":"inputs/form-field","tg":["webgl"],"sb":"Whole forms","sy":["webgl"],"hc":1},{"id":"oidc:provider-google-tanstack","t":"Google Provider (TanStack Form)","d":"A self-contained form component that emits an OidcPolicy for a Google service account call","s":"oidc","c":"inputs/form-field","tg":["webgl"],"sb":"Whole forms","sy":["webgl"],"hc":1},{"id":"oidc:provider-google-tanstack-zod","t":"Google Provider (TanStack Form + Zod)","d":"A self-contained form component that emits an OidcPolicy for a Google service account call","s":"oidc","c":"inputs/form-field","tg":["webgl"],"sb":"Whole forms","sy":["webgl"],"hc":1},{"id":"oidc:provider-google-tanstack-valibot","t":"Google Provider (TanStack Form + Valibot)","d":"A self-contained form component that emits an OidcPolicy for a Google service account call","s":"oidc","c":"inputs/form-field","tg":["webgl"],"sb":"Whole forms","sy":["webgl"],"hc":1},{"id":"oidc:provider-bitbucket","t":"Bitbucket Provider","d":"A self-contained form component that emits an OidcPolicy for a Bitbucket Pipelines caller:","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"oidc:provider-bitbucket-zod","t":"Bitbucket Provider (Zod)","d":"A self-contained form component that emits an OidcPolicy for a Bitbucket Pipelines caller:","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"oidc:provider-bitbucket-valibot","t":"Bitbucket Provider (Valibot)","d":"A self-contained form component that emits an OidcPolicy for a Bitbucket Pipelines caller:","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"oidc:provider-bitbucket-rhf","t":"Bitbucket Provider (React Hook Form)","d":"A self-contained form component that emits an OidcPolicy for a Bitbucket Pipelines caller:","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-bitbucket-rhf-zod","t":"Bitbucket Provider (React Hook Form + Zod)","d":"A self-contained form component that emits an OidcPolicy for a Bitbucket Pipelines caller:","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-bitbucket-rhf-valibot","t":"Bitbucket Provider (React Hook Form + Valibot)","d":"A self-contained form component that emits an OidcPolicy for a Bitbucket Pipelines caller:","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-bitbucket-tanstack","t":"Bitbucket Provider (TanStack Form)","d":"A self-contained form component that emits an OidcPolicy for a Bitbucket Pipelines caller:","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-bitbucket-tanstack-zod","t":"Bitbucket Provider (TanStack Form + Zod)","d":"A self-contained form component that emits an OidcPolicy for a Bitbucket Pipelines caller:","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-bitbucket-tanstack-valibot","t":"Bitbucket Provider (TanStack Form + Valibot)","d":"A self-contained form component that emits an OidcPolicy for a Bitbucket Pipelines caller:","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-aws","t":"AWS EKS Provider","d":"A self-contained form component that emits an OidcPolicy for an AWS EKS workload: cluster ","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"oidc:provider-aws-zod","t":"AWS EKS Provider (Zod)","d":"A self-contained form component that emits an OidcPolicy for an AWS EKS workload: cluster ","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"oidc:provider-aws-valibot","t":"AWS EKS Provider (Valibot)","d":"A self-contained form component that emits an OidcPolicy for an AWS EKS workload: cluster ","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"oidc:provider-aws-rhf","t":"AWS EKS Provider (React Hook Form)","d":"A self-contained form component that emits an OidcPolicy for an AWS EKS workload: cluster ","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-aws-rhf-zod","t":"AWS EKS Provider (React Hook Form + Zod)","d":"A self-contained form component that emits an OidcPolicy for an AWS EKS workload: cluster ","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-aws-rhf-valibot","t":"AWS EKS Provider (React Hook Form + Valibot)","d":"A self-contained form component that emits an OidcPolicy for an AWS EKS workload: cluster ","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-aws-tanstack","t":"AWS EKS Provider (TanStack Form)","d":"A self-contained form component that emits an OidcPolicy for an AWS EKS workload: cluster ","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-aws-tanstack-zod","t":"AWS EKS Provider (TanStack Form + Zod)","d":"A self-contained form component that emits an OidcPolicy for an AWS EKS workload: cluster ","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-aws-tanstack-valibot","t":"AWS EKS Provider (TanStack Form + Valibot)","d":"A self-contained form component that emits an OidcPolicy for an AWS EKS workload: cluster ","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-azure","t":"Azure Provider","d":"A self-contained form component that emits an OidcPolicy for a Microsoft Entra ID workload","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"oidc:provider-azure-zod","t":"Azure Provider (Zod)","d":"A self-contained form component that emits an OidcPolicy for a Microsoft Entra ID workload","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"oidc:provider-azure-valibot","t":"Azure Provider (Valibot)","d":"A self-contained form component that emits an OidcPolicy for a Microsoft Entra ID workload","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"oidc:provider-azure-rhf","t":"Azure Provider (React Hook Form)","d":"A self-contained form component that emits an OidcPolicy for a Microsoft Entra ID workload","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-azure-rhf-zod","t":"Azure Provider (React Hook Form + Zod)","d":"A self-contained form component that emits an OidcPolicy for a Microsoft Entra ID workload","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-azure-rhf-valibot","t":"Azure Provider (React Hook Form + Valibot)","d":"A self-contained form component that emits an OidcPolicy for a Microsoft Entra ID workload","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-azure-tanstack","t":"Azure Provider (TanStack Form)","d":"A self-contained form component that emits an OidcPolicy for a Microsoft Entra ID workload","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-azure-tanstack-zod","t":"Azure Provider (TanStack Form + Zod)","d":"A self-contained form component that emits an OidcPolicy for a Microsoft Entra ID workload","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-azure-tanstack-valibot","t":"Azure Provider (TanStack Form + Valibot)","d":"A self-contained form component that emits an OidcPolicy for a Microsoft Entra ID workload","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-custom","t":"Custom OIDC Provider","d":"The escape hatch for any OIDC issuer without a dedicated provider: issuer, audience, optio","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"oidc:provider-custom-zod","t":"Custom OIDC Provider (Zod)","d":"The escape hatch for any OIDC issuer without a dedicated provider: issuer, audience, optio","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"oidc:provider-custom-valibot","t":"Custom OIDC Provider (Valibot)","d":"The escape hatch for any OIDC issuer without a dedicated provider: issuer, audience, optio","k":"layout","s":"oidc","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"oidc:provider-custom-rhf","t":"Custom OIDC Provider (React Hook Form)","d":"The escape hatch for any OIDC issuer without a dedicated provider: issuer, audience, optio","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-custom-rhf-zod","t":"Custom OIDC Provider (React Hook Form + Zod)","d":"The escape hatch for any OIDC issuer without a dedicated provider: issuer, audience, optio","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-custom-rhf-valibot","t":"Custom OIDC Provider (React Hook Form + Valibot)","d":"The escape hatch for any OIDC issuer without a dedicated provider: issuer, audience, optio","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-custom-tanstack","t":"Custom OIDC Provider (TanStack Form)","d":"The escape hatch for any OIDC issuer without a dedicated provider: issuer, audience, optio","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-custom-tanstack-zod","t":"Custom OIDC Provider (TanStack Form + Zod)","d":"The escape hatch for any OIDC issuer without a dedicated provider: issuer, audience, optio","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"oidc:provider-custom-tanstack-valibot","t":"Custom OIDC Provider (TanStack Form + Valibot)","d":"The escape hatch for any OIDC issuer without a dedicated provider: issuer, audience, optio","s":"oidc","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"onchain-ui:address-display","t":"Address Display","d":"Displays an EVM wallet address with copy-to-clipboard and an optional block explorer link.","s":"onchain-ui","c":"actions/copy-button","hc":1},{"id":"onchain-ui:address-identity","t":"Address Identity","d":"Resolves an EVM address to an ENS or Base name with optional avatar, copy-to-clipboard, an","s":"onchain-ui","c":"actions/copy-button","hc":1},{"id":"onchain-ui:amount-input","t":"Amount Input","d":"Controlled decimal string input for token amounts. Preserves precision and incomplete edit","s":"onchain-ui","c":"inputs/form-field","hc":1},{"id":"onchain-ui:asset-input","t":"Asset Input","d":"Labeled amount field for swaps, sells, and deposits, with slots for token selection, suppo","s":"onchain-ui","c":"inputs/form-field","hc":1},{"id":"onchain-ui:asset-row","t":"Asset Row","d":"Displays a practical portfolio or watchlist row from token identity, network, amount, valu","s":"onchain-ui","c":"data-display/list","sb":"Activity and feeds","hc":1},{"id":"onchain-ui:chain-select","t":"Chain Select","d":"Network selector for wallet switching or filtering, with optional all-networks and unsuppo","s":"onchain-ui","c":"inputs/select","hc":1},{"id":"onchain-ui:connect-wallet","t":"Connect Wallet","d":"A complete connect, identity, and disconnect surface wired to wagmi.","s":"onchain-ui","c":"actions/button","sb":"Social and sign-in","hc":1},{"id":"onchain-ui:connector-list","t":"Connector List","d":"A wallet picker list with icons, pending state, and a no-wallet-detected fallback.","s":"onchain-ui","c":"data-display/list","hc":1},{"id":"onchain-ui:crypto-icons","t":"Crypto Icons","d":"Swappable adapter that resolves token and network icons for onchain-ui components.","k":"lib","s":"onchain-ui","c":"lib/utility","hc":1},{"id":"onchain-ui:network-logo","t":"Network Logo","d":"Displays a network or chain logo with known chain fallbacks.","k":"resource","s":"onchain-ui","c":"assets/logo","sb":"Crypto","hc":1},{"id":"onchain-ui:onchain-config","t":"Onchain Config","d":"One file for app-wide chain settings: explorers, network names, read clients, and avatar g","k":"lib","s":"onchain-ui","c":"lib/utility","hc":1},{"id":"onchain-ui:sonner","t":"Sonner","d":"Toast notifications themed by your app's CSS tokens. A framework-agnostic Toaster with no ","s":"onchain-ui","c":"overlays/toast","hc":1},{"id":"onchain-ui:token-balance","t":"Token Balance","d":"Displays a token amount with optional logo, fiat value, and change.","k":"resource","s":"onchain-ui","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"onchain-ui:token-logo","t":"Token Logo","d":"Displays a token image with resilient symbol, name, or address fallback.","k":"resource","s":"onchain-ui","c":"assets/logo","sb":"Crypto","hc":1},{"id":"onchain-ui:token-price","t":"Token Price","d":"Formats token prices with optional positive, negative, or neutral change.","s":"onchain-ui","c":"inputs/form-field","hc":1},{"id":"onchain-ui:token-stack","t":"Token Stack","d":"Displays overlapping token logos for baskets, pools, routes, and portfolio rows.","k":"resource","s":"onchain-ui","c":"assets/logo","hc":1},{"id":"onchain-ui:use-available-connectors","t":"useAvailableConnectors","d":"Filters unavailable injected wallets while preserving mobile and remote wagmi connectors.","k":"lib","s":"onchain-ui","c":"lib/hook","hc":1},{"id":"onchain-ui:wallet-button","t":"Wallet Button","d":"The connected-wallet pill: resolved identity, network mark, and a disclosure chevron.","s":"onchain-ui","c":"actions/button","sb":"Social and sign-in","hc":1},{"id":"opaline:theme","t":"Opaline Theme","d":"Minimal, premium design tokens — Apple system typography, neutral palette and glass materi","k":"theme","s":"opaline","c":"themes/theme","tg":["glass","minimal"],"sy":["glass","minimal"]},{"id":"opaline:liquid-glass","t":"Liquid Glass","d":"The primitive behind every glass component. Refracts the backdrop through an SVG displacem","s":"opaline","c":"data-viz/map","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:use-active-indicator","t":"useActiveIndicator","d":"Hook that tracks the active item's box to animate a selection bubble.","k":"lib","s":"opaline","c":"lib/hook","hc":1},{"id":"opaline:glass-dock","t":"Glass Dock","d":"macOS-style dock with smooth magnification and hover labels.","s":"opaline","c":"navigation/dock","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-text","t":"Glass Text","d":"Headlines cast in liquid glass — every glyph is a bevelled lens with rim light and a trave","k":"motion","s":"opaline","c":"motion/text-effect","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-control-center","t":"Glass Control Center","d":"macOS-style Control Center kit — glass modules, toggles, light-filled sliders and buttons.","s":"opaline","c":"actions/button","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"opaline:glass-segmented","t":"Glass Segmented","d":"Icon segmented picker whose glass bubble stretches like liquid as it travels.","s":"opaline","c":"navigation/tabs","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-date-picker","t":"Glass Date Picker","d":"Glass calendar with a gliding day bubble, and a capsule date picker.","s":"opaline","c":"inputs/date-picker","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-stepper","t":"Glass Stepper","d":"Capsule stepper with rolling digits, hold-to-accelerate and a shake at the limits.","s":"opaline","c":"navigation/wizard-steps","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-context-menu","t":"Glass Context Menu","d":"Right-click menu that springs from the cursor, with a row of round quick actions.","s":"opaline","c":"overlays/context-menu","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-widget","t":"Glass Widget","d":"iOS home-screen widget frame on liquid glass — small, medium and large.","s":"opaline","c":"data-display/card","tg":["glass"],"sb":"Animated and glowing","sy":["glass"],"vn":3,"hc":1},{"id":"opaline:glass-button","t":"Glass Button","d":"Pill button made of liquid glass with a pointer-tracked highlight.","s":"opaline","c":"actions/button","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"opaline:glass-lens","t":"Glass Lens","d":"Draggable magnifying lens that bends whatever is beneath it.","s":"opaline","c":"media/gallery","tg":["glass"],"sb":"Zoom and lens","sy":["glass"],"hc":1},{"id":"opaline:glass-sidebar","t":"Glass Sidebar","d":"Floating source list with a sliding glass selection and icon-only mode.","s":"opaline","c":"navigation/sidebar","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-command","t":"Glass Command","d":"⌘K command palette on a frosted glass sheet, powered by cmdk.","s":"opaline","c":"navigation/command-palette","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-player","t":"Glass Player","d":"Now-playing widget with scrubber, transport controls and volume.","s":"opaline","c":"media/player","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-card","t":"Glass Card","d":"Frosted card surface with header, content and footer slots.","s":"opaline","c":"data-display/card","tg":["glass"],"sb":"Animated and glowing","sy":["glass"],"hc":1},{"id":"opaline:glass-knob","t":"Glass Knob","d":"Rotary dial with a glass cap — drag around it or use the arrow keys.","s":"opaline","c":"inputs/slider","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-clock","t":"Glass Clock","d":"Analog clock on a liquid glass face with a sweeping second hand.","s":"opaline","c":"other/other","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-stack","t":"Glass Stack","d":"A deck of glass cards — swipe the top one away to reveal the next.","s":"opaline","c":"data-display/card","tg":["glass"],"sb":"Animated and glowing","sy":["glass"],"hc":1},{"id":"opaline:glass-switch","t":"Glass Switch","d":"iOS switch whose thumb turns into a glass lens while pressed.","s":"opaline","c":"actions/switch","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-slider","t":"Glass Slider","d":"Slider whose thumb becomes a refracting lens while dragging.","s":"opaline","c":"inputs/slider","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-tabs","t":"Glass Tabs","d":"Segmented control with a glass bubble that glides between tabs.","s":"opaline","c":"navigation/tabs","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-tab-bar","t":"Glass Tab Bar","d":"Floating iOS 26 tab bar with a sliding liquid selection.","s":"opaline","c":"navigation/tabs","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-sheet","t":"Glass Sheet","d":"Floating side sheet, or a drag-to-dismiss bottom drawer with side=\"bottom\".","s":"opaline","c":"overlays/sheet","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-toast","t":"Glass Toast","d":"Imperative toasts on glass that stack into a deck, fan out on hover and swipe away.","s":"opaline","c":"overlays/toast","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-popover","t":"Glass Popover","d":"Rich popover content on a frosted glass surface.","s":"opaline","c":"overlays/popover","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-select","t":"Glass Select","d":"Capsule select with a frosted glass option list.","s":"opaline","c":"inputs/select","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-menu","t":"Glass Menu","d":"Dropdown menu rendered on liquid glass.","s":"opaline","c":"navigation/menu","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-dialog","t":"Glass Dialog","d":"Modal on a frosted glass sheet with springy transform-only motion.","s":"opaline","c":"overlays/dialog","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-notification","t":"Glass Notification","d":"iOS notification banner plus a stack that fans out on hover.","s":"opaline","c":"overlays/notifications","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-input","t":"Glass Input","d":"Capsule text field with icon and adornment slots — made for search.","s":"opaline","c":"inputs/form-field","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-toolbar","t":"Glass Toolbar","d":"Floating capsule toolbar that groups icon actions.","s":"opaline","c":"navigation/menu","tg":["glass"],"sb":"Menubars","sy":["glass"],"hc":1},{"id":"opaline:glass-tooltip","t":"Glass Tooltip","d":"Capsule tooltip that springs out of its trigger.","s":"opaline","c":"overlays/tooltip","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-badge","t":"Glass Badge","d":"Small glass chip with an optional glowing status dot.","s":"opaline","c":"data-display/badge","tg":["glass","neon"],"sy":["glass","neon"],"hc":1},{"id":"opaline:glass-otp","t":"OTP Input","d":"One-time code cells on glass with a gliding lens, paste and SMS autofill, and success / er","s":"opaline","c":"inputs/otp-input","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-alert","t":"Glass Alert","d":"A callout on frosted glass, tinted by intent: info, success, warning or destructive.","s":"opaline","c":"overlays/alert-banner","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-textarea","t":"Glass Textarea","d":"A multi-line field on glass that grows with its content, with a counter and a footer slot.","s":"opaline","c":"inputs/textarea","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-message","t":"Glass Message","d":"Chat bubbles on glass: tinted for you, clear for them, with avatars, meta and a typing ind","s":"opaline","c":"ai-agent/ai-agent","tg":["glass"],"sb":"Chat","sy":["glass"],"hc":1},{"id":"opaline:glass-snippet","t":"Glass Snippet","d":"A command on a glass capsule with copy, and tabs for npm, pnpm, yarn and bun.","s":"opaline","c":"data-display/code-block","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-code-block","t":"Glass Code Block","d":"Syntax-highlighted code in a glass window, with tabs, line numbers, highlighted lines and ","s":"opaline","c":"data-display/code-block","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-terminal","t":"Glass Terminal","d":"A macOS terminal on glass whose commands type themselves out, line by line, when scrolled ","s":"opaline","c":"data-display/code-block","tg":["glass","retro and HUD"],"sy":["glass","retro and HUD"],"hc":1},{"id":"opaline:glass-accordion","t":"Glass Accordion","d":"Collapsible sections on one glass panel, or as separate glass cards that grow open.","s":"opaline","c":"data-display/accordion","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-bento-grid","t":"Glass Bento Grid","d":"Feature tiles on glass in a bento layout, with a pointer light and a call to action that s","k":"layout","s":"opaline","c":"layout/bento-grid","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-tweet-card","t":"Glass Tweet Card","d":"A post from X on glass, loaded live with react-tweet by id, with a fallback when it can't ","s":"opaline","c":"data-display/card","tg":["glass"],"sb":"Animated and glowing","sy":["glass"],"hc":1},{"id":"opaline:glass-credit-card","t":"Glass Credit Card","d":"A glass payment card that tilts to the pointer, flips to its back and detects the brand.","s":"opaline","c":"data-display/card","tg":["3d","glass"],"sb":"Animated and glowing","sy":["3d","glass"],"hc":1},{"id":"opaline:glass-qrcode","t":"Glass QR Code","d":"A scannable QR code printed on a glass tile, with soft finders, a glass logo lens and an o","k":"resource","s":"opaline","c":"assets/logo","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:glass-scroll-stack","t":"Glass Scroll Stack","d":"Glass cards that pin and pile up as you scroll, shrinking as new cards land on them.","k":"layout","s":"opaline","c":"layout/scroll-area","tg":["glass"],"sy":["glass"],"hc":1},{"id":"opaline:all","t":"Everything","d":"The Opaline theme and every component in one install.","s":"opaline","c":"other/other"},{"id":"openmirai:calculator","t":"Mirai Scientific Calculator","d":"An editable scientific, graphing, statistics, and math tools calculator.","s":"openmirai","c":"data-display/empty-state","hc":1},{"id":"openstatus:use-media-query","t":"Use Media Query","d":"React hook for responsive media query detection","k":"lib","s":"openstatus","c":"lib/hook","hc":1},{"id":"openstatus:use-copy-to-clipboard","t":"Use Copy to Clipboard","d":"React hook for copying text to clipboard with toast notifications","k":"lib","s":"openstatus","c":"lib/hook","hc":1},{"id":"openstatus:status-types","t":"Status Types","d":"TypeScript type definitions for status components","k":"lib","s":"openstatus","c":"lib/utility","hc":1},{"id":"openstatus:status-utils","t":"Status Utilities","d":"Utility functions for status formatting and display","k":"lib","s":"openstatus","c":"lib/utility","tg":["playful"],"sb":"Class helpers","sy":["playful"],"hc":1},{"id":"openstatus:status-icon","t":"Status Icon","d":"Unified status icon component with variants for different contexts","k":"resource","s":"openstatus","c":"assets/icon","hc":1},{"id":"openstatus:status-layout","t":"Status Layout","d":"Layout primitives for composing status displays (Status, StatusHeader, StatusTitle, etc.)","k":"section","s":"openstatus","c":"marketing/marketing","sb":"Stats","hc":1},{"id":"openstatus:status-blank","t":"Status Blank States","d":"Empty and skeleton state components for loading and no-data scenarios","s":"openstatus","c":"data-display/empty-state","hc":1},{"id":"openstatus:status-i18n","t":"Status Blocks i18n Provider","d":"React context for supplying translated labels and locale-aware date formatters to status b","s":"openstatus","c":"inputs/form-field","hc":1},{"id":"openstatus:status-timestamp","t":"Status Timestamp","d":"Interactive timestamp display with tooltip (simple) or hover-card (rich) variants showing ","s":"openstatus","c":"overlays/hover-card","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"openstatus:status-banner","t":"Status Banner","d":"Alert-style status banner with tabs support and timestamp display","s":"openstatus","c":"overlays/alert-banner","hc":1},{"id":"openstatus:status-component","t":"Status Component","d":"Monitor component primitives for building status displays","k":"section","s":"openstatus","c":"marketing/marketing","sb":"Stats","vn":1,"hc":1},{"id":"openstatus:status-events","t":"Status Events","d":"Event timeline components for displaying status reports and maintenance updates","k":"page","s":"openstatus","c":"pages/templates","hc":1},{"id":"openstatus:status-bar","t":"Status Bar","d":"Interactive status timeline with hover, keyboard navigation, and event display","s":"openstatus","c":"data-display/timeline","hc":1},{"id":"openstatus:status-calendar","t":"Status Calendar","d":"Monthly calendar view of status history with per-day markers and event hover cards","s":"openstatus","c":"data-display/calendar","hc":1},{"id":"openstatus:status-feed","t":"Status Feed","d":"Unified feed component combining status reports and maintenance events","s":"openstatus","c":"data-display/timeline","hc":1},{"id":"openstatus:status-theme-switcher","t":"Status Theme Switcher","d":"Agnostic light/dark/system theme switcher. Caller owns the value and onValueChange wiring ","s":"openstatus","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"openstatus:status-locale-switcher","t":"Status Locale Switcher","d":"Agnostic locale picker. Caller owns value, onValueChange, and label resolution — no next-i","s":"openstatus","c":"inputs/select","hc":1},{"id":"openstatus:status-updates","t":"Status Updates","d":"Popover with copy-link primitives for RSS, Atom, JSON, Slack, and SSH subscription channel","k":"section","s":"openstatus","c":"marketing/pricing","hc":1},{"id":"openstatus:status-page-get-in-touch","t":"Status Page Get in Touch","d":"Two flat button primitives (icon + text) with tooltip chrome for the contact link in a sta","k":"section","s":"openstatus","c":"marketing/marketing","sb":"Stats","hc":1},{"id":"openstatus:status-page-header","t":"Status Page Header","d":"Presentation-only header chrome (brand, nav, actions). Routing-agnostic — apps inject thei","s":"openstatus","c":"navigation/top-nav","hc":1},{"id":"openstatus:status-page-footer","t":"Status Page Footer","d":"Presentation-only footer chrome (powered-by, action cluster). Embed/white-label gating, sw","k":"section","s":"openstatus","c":"marketing/footer","hc":1},{"id":"openstatus:status-page-shell","t":"Status Page Shell","d":"Outer chrome wrappers (StatusPageShell + StatusPageMain) around header / main / footer. Ro","k":"layout","s":"openstatus","c":"layout/page-shell","hc":1},{"id":"openstatus:status-chrome","t":"Status Page Chrome","d":"Full status page chrome — shell, header, footer, get-in-touch, status-updates, theme + loc","k":"layout","s":"openstatus","c":"layout/page-shell"},{"id":"openstatus:status-complete","t":"Status Page (Complete)","d":"Complete status page components including all primitives, displays, interactive elements, ","k":"section","s":"openstatus","c":"marketing/footer"},{"id":"openstatus:status-essentials","t":"Status Page (Essentials)","d":"Essential status page components for basic status displays","k":"section","s":"openstatus","c":"marketing/marketing","tg":["minimal"],"sb":"Stats","sy":["minimal"]},{"id":"optics:accordion","t":"Accordion","d":"A vertically stacked set of interactive headings that each reveal a section of content.","s":"optics","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"optics:alert-dialog","t":"Alert Dialog","d":"A modal dialog that interrupts the user with important content and expects a response.","s":"optics","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"optics:alert","t":"Alert","d":"Displays a callout for user attention.","s":"optics","c":"overlays/alert-banner","hc":1},{"id":"optics:aspect-ratio","t":"Aspect Ratio","d":"Displays content within a desired ratio.","k":"layout","s":"optics","c":"layout/page-shell","hc":1},{"id":"optics:avatar","t":"Avatar","d":"An image element with a fallback for representing the user.","s":"optics","c":"data-display/avatar","hc":1},{"id":"optics:badge","t":"Badge","d":"Displays a badge or a component that looks like a badge.","s":"optics","c":"data-display/badge","hc":1},{"id":"optics:breadcrumb","t":"Breadcrumb","d":"Displays the path to the current resource using a hierarchy of links.","s":"optics","c":"navigation/breadcrumb","hc":1},{"id":"optics:button","t":"Button","d":"Displays a button or a component that looks like a button.","s":"optics","c":"actions/button","vn":1,"hc":1},{"id":"optics:calendar","t":"Calendar","d":"A date field component that allows users to enter and edit date.","s":"optics","c":"data-display/calendar","hc":1},{"id":"optics:card","t":"Card","d":"Displays a card with header, content, and footer.","s":"optics","c":"data-display/card","hc":1},{"id":"optics:carousel","t":"Carousel","d":"A carousel with motion and swipe built using Embla.","s":"optics","c":"media/carousel","hc":1},{"id":"optics:chart","t":"Chart","d":"Beautiful charts built with Recharts.","s":"optics","c":"data-viz/chart","hc":1},{"id":"optics:checkbox","t":"Checkbox","d":"A control that allows the user to toggle between checked and unchecked states.","s":"optics","c":"inputs/checkbox","hc":1},{"id":"optics:code-block","t":"Code Block","d":"A syntax-highlighted code block component with copy functionality.","s":"optics","c":"data-display/code-block","tg":["playful"],"sy":["playful"],"hc":1},{"id":"optics:code-snippet","t":"Code Snippet","d":"A code snippet component with tabs and copy functionality.","s":"optics","c":"data-display/code-block","tg":["playful"],"sy":["playful"],"hc":1},{"id":"optics:collapsible","t":"Collapsible","d":"An interactive component which expands/collapses a panel.","s":"optics","c":"data-display/accordion","hc":1},{"id":"optics:command","t":"Command","d":"Fast, composable, unstyled command menu for React.","s":"optics","c":"navigation/command-palette","hc":1},{"id":"optics:context-menu","t":"Context Menu","d":"Displays a menu to the user triggered by a right click or a long press.","s":"optics","c":"overlays/context-menu","hc":1},{"id":"optics:data-table","t":"Data Table","d":"Powerful table and datagrid built with TanStack Table.","s":"optics","c":"data-display/table","sb":"Data tables","hc":1},{"id":"optics:date-picker","t":"Date Picker","d":"A date field component that allows users to enter and edit date.","s":"optics","c":"inputs/date-picker","hc":1},{"id":"optics:dialog","t":"Dialog","d":"A window overlaid on either the primary window or another dialog window.","s":"optics","c":"overlays/dialog","hc":1},{"id":"optics:drawer","t":"Drawer","d":"A drawer component built with Vaul.","s":"optics","c":"overlays/sheet","hc":1},{"id":"optics:dropdown-menu","t":"Dropdown Menu","d":"Displays a menu to the user — such as a set of actions or functions — triggered by a butto","s":"optics","c":"navigation/menu","tg":["playful"],"sb":"Dropdowns","sy":["playful"],"hc":1},{"id":"optics:empty","t":"Empty","d":"Displays an empty state with optional illustration, title, and description.","k":"resource","s":"optics","c":"assets/illustration","hc":1},{"id":"optics:field","t":"Field","d":"A field component for grouping form elements with labels and descriptions.","s":"optics","c":"inputs/form-field","hc":1},{"id":"optics:form","t":"Form","d":"Builds forms with React Hook Form.","s":"optics","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"optics:grid","t":"Grid","d":"A flexible grid system component for layout.","k":"layout","s":"optics","c":"layout/bento-grid","hc":1},{"id":"optics:guided-tour","t":"Guided Tour","d":"A guided tour component for onboarding users.","s":"optics","c":"navigation/wizard-steps","hc":1},{"id":"optics:hover-card","t":"Hover Card","d":"For sighted users to preview content available behind a link.","s":"optics","c":"overlays/hover-card","hc":1},{"id":"optics:input-otp","t":"Input OTP","d":"Accessible one-time password component with copy paste support.","s":"optics","c":"inputs/otp-input","hc":1},{"id":"optics:input","t":"Input","d":"Displays a form input field or a component that looks like an input.","s":"optics","c":"inputs/form-field","vn":1,"hc":1},{"id":"optics:item","t":"Item","d":"A flexible item component for displaying content.","s":"optics","c":"data-display/list","hc":1},{"id":"optics:kbd","t":"KBD","d":"Keyboard key component for displaying keyboard shortcuts.","s":"optics","c":"data-display/typography","hc":1},{"id":"optics:label","t":"Label","d":"Renders an accessible label associated with controls.","s":"optics","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"optics:menubar","t":"Menubar","d":"A visually persistent menu common in desktop applications.","s":"optics","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"optics:multi-select","t":"Multi Select","d":"A select component for allowing multiple selections.","s":"optics","c":"inputs/select","hc":1},{"id":"optics:navigation-menu","t":"Navigation Menu","d":"A collection of links for navigating websites.","s":"optics","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"optics:pagination","t":"Pagination","d":"Pagination with page navigation, next and previous links.","s":"optics","c":"navigation/pagination","hc":1},{"id":"optics:popover","t":"Popover","d":"Displays rich content in a portal, triggered by a button.","s":"optics","c":"overlays/popover","hc":1},{"id":"optics:progress","t":"Progress","d":"Displays an indicator showing the completion progress of a task.","s":"optics","c":"data-viz/progress-bar","hc":1},{"id":"optics:radio-group","t":"Radio Group","d":"A set of checkable buttons—known as radio buttons.","s":"optics","c":"inputs/radio","hc":1},{"id":"optics:resizable","t":"Resizable","d":"Accessible resizable panel groups and layouts.","k":"layout","s":"optics","c":"layout/split-pane","hc":1},{"id":"optics:scroll-area","t":"Scroll Area","d":"Augments native scroll functionality for custom, cross-browser styling.","k":"layout","s":"optics","c":"layout/scroll-area","tg":["playful"],"sy":["playful"],"hc":1},{"id":"optics:select","t":"Select","d":"Displays a list of options for the user to pick from.","s":"optics","c":"inputs/select","hc":1},{"id":"optics:separator","t":"Separator","d":"Visually or semantically separates content.","k":"layout","s":"optics","c":"layout/page-shell","hc":1},{"id":"optics:sheet","t":"Sheet","d":"Extends the Dialog component to display content that complements the main content.","s":"optics","c":"overlays/sheet","hc":1},{"id":"optics:show-more","t":"Show More","d":"A component that shows/hides additional content with smooth animations.","s":"optics","c":"other/other","hc":1},{"id":"optics:sidebar","t":"Sidebar","d":"A composable sidebar component with desktop and mobile support.","s":"optics","c":"navigation/sidebar","hc":1},{"id":"optics:skeleton","t":"Skeleton","d":"Use to show a placeholder while content is loading.","s":"optics","c":"status/skeleton","hc":1},{"id":"optics:slider","t":"Slider","d":"An input where the user selects a value from within a given range.","s":"optics","c":"inputs/slider","hc":1},{"id":"optics:sonner","t":"Sonner","d":"Toast component built with Sonner.","s":"optics","c":"overlays/toast","hc":1},{"id":"optics:spinner","t":"Spinner","d":"An animated spinner component.","s":"optics","c":"status/loader","sb":"Spinners","hc":1},{"id":"optics:star-rating","t":"Star Rating","d":"An interactive star rating component.","s":"optics","c":"inputs/rating","hc":1},{"id":"optics:switch","t":"Switch","d":"A control that allows the user to toggle between checked and unchecked states.","s":"optics","c":"actions/switch","hc":1},{"id":"optics:table","t":"Table","d":"A responsive table component.","s":"optics","c":"data-display/table","hc":1},{"id":"optics:tabs","t":"Tabs","d":"A set of layered sections of content—known as tab panels.","s":"optics","c":"navigation/tabs","hc":1},{"id":"optics:textarea","t":"Textarea","d":"Displays a form textarea field or a component that looks like a textarea.","s":"optics","c":"inputs/textarea","hc":1},{"id":"optics:theme-switcher","t":"Theme Switcher","d":"A theme switcher component for toggling between themes.","s":"optics","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"optics:timezone","t":"Timezone","d":"A component for displaying and converting timezones.","s":"optics","c":"other/other","hc":1},{"id":"optics:toggle","t":"Toggle","d":"A two-state button that can be either on or off.","s":"optics","c":"actions/switch","vn":1,"hc":1},{"id":"optics:tooltip","t":"Tooltip","d":"A popup that displays information related to an element.","s":"optics","c":"overlays/tooltip","hc":1},{"id":"optics:get-strict-context","t":"Get strict context","d":"Library utility: get-strict-context","k":"lib","s":"optics","c":"lib/utility","sb":"State","hc":1},{"id":"optics:use-controlled-state","t":"Use controlled state","d":"Hook utility: use-controlled-state","k":"lib","s":"optics","c":"lib/utility","sb":"State","hc":1},{"id":"optics:utils","t":"Utils","d":"Library utility: utils","k":"lib","s":"optics","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"optics:use-auto-height","t":"Use auto height","d":"Hook utility: use-auto-height","k":"lib","s":"optics","c":"lib/utility","hc":1},{"id":"optics:use-has-primary-touch","t":"Use has primary touch","d":"Hook utility: use-has-primary-touch","k":"lib","s":"optics","c":"lib/utility","hc":1},{"id":"optics:highlight","t":"Highlight","d":"Highlight effect component for tabs and other interactive elements.","s":"optics","c":"navigation/tabs","hc":1},{"id":"optics:auto-height","t":"Auto Height","d":"Auto height component for dynamic height animations.","k":"lib","s":"optics","c":"lib/utility","hc":1},{"id":"optics:slot","t":"Slot","d":"Slot component for motion animations.","k":"lib","s":"optics","c":"lib/utility","hc":1},{"id":"optics:cursor-rule-back-end","t":"Cursor Rule: Back End","d":"Cursor rule file for back-end development guidelines.","k":"lib","s":"optics","c":"lib/utility","hc":1},{"id":"optics:cursor-rule-bulk-processing","t":"Cursor Rule: Bulk Processing","d":"Cursor rule file for bulk processing guidelines.","k":"lib","s":"optics","c":"lib/utility","hc":1},{"id":"optics:cursor-rule-commits-convention","t":"Cursor Rule: Commits Convention","d":"Cursor rule file for commit conventions.","k":"lib","s":"optics","c":"lib/utility","hc":1},{"id":"optics:cursor-rule-front-end","t":"Cursor Rule: Front End","d":"Cursor rule file for front-end development guidelines.","k":"lib","s":"optics","c":"lib/utility","hc":1},{"id":"optics:cursor-rule-general","t":"Cursor Rule: General","d":"Cursor rule file for general development guidelines.","k":"lib","s":"optics","c":"lib/utility","hc":1},{"id":"optics:cursor-rule-react-optimization","t":"Cursor Rule: React Optimization","d":"Cursor rule file for React optimization guidelines.","k":"lib","s":"optics","c":"lib/utility","hc":1},{"id":"optics:cursor-rule-web-interface-guidelines","t":"Cursor Rule: Web Interface Guidelines","d":"Cursor rule file for web interface guidelines.","k":"lib","s":"optics","c":"lib/utility","hc":1},{"id":"oui:oui-alert","t":"Alert","d":"A shadcn Alert for a form displaying form action result.","s":"oui","c":"overlays/alert-banner","vn":1,"hc":1},{"id":"oui:oui-autocomplete-demo-avatar","t":"Oui autocomplete demo avatar","s":"oui","c":"data-display/avatar","hc":1},{"id":"oui:oui-autocomplete-demo-searchable","t":"Oui autocomplete demo searchable","s":"oui","c":"inputs/combobox","hc":1},{"id":"oui:oui-badge","t":"Badge","d":"A className function to style a react aria component as a shadcn Badge","s":"oui","c":"data-display/badge","tg":["playful"],"sy":["playful"],"vn":1,"hc":1},{"id":"oui:oui-base","t":"Base","d":"Base styles and utilities for Oui.","k":"lib","s":"oui","c":"lib/utility","hc":1},{"id":"oui:oui-button","t":"Button","d":"React aria components Button with shadcn characteristics.","s":"oui","c":"actions/button","vn":13,"hc":1},{"id":"oui:oui-button-group","t":"Button Group","d":"Shadcn Button Group with react aria component characteristics.","s":"oui","c":"actions/button","sb":"Groups and split","vn":1,"hc":1},{"id":"oui:oui-calendar","t":"Calendar","d":"React aria components Calendar with shadcn characteristics.","s":"oui","c":"data-display/calendar","vn":1,"hc":1},{"id":"oui:oui-card","t":"Card","d":"CardGridListItem for shadcn Card.","s":"oui","c":"data-display/card","hc":1},{"id":"oui:oui-checkbox","t":"Checkbox","d":"React aria components Checkbox with shadcn characteristics.","s":"oui","c":"inputs/checkbox","vn":2,"hc":1},{"id":"oui:oui-checkbox-group","t":"Checkbox Group","d":"React aria components Checkbox Group with shadcn characteristics.","s":"oui","c":"inputs/checkbox","vn":2,"hc":1},{"id":"oui:oui-combo-box","t":"Combo Box","d":"React aria components Combo Box with shadcn characteristics.","s":"oui","c":"inputs/combobox","vn":3,"hc":1},{"id":"oui:oui-date-field","t":"Date Field","d":"React aria components DateField with shadcn characteristics.","s":"oui","c":"inputs/date-picker","vn":1,"hc":1},{"id":"oui:oui-date-picker","t":"Date Picker","d":"React aria components DatePicker with shadcn characteristics.","s":"oui","c":"inputs/date-picker","vn":1,"hc":1},{"id":"oui:oui-dialog","t":"Dialog","d":"React aria components Dialog with shadcn characteristics.","s":"oui","c":"overlays/dialog","vn":5,"hc":1},{"id":"oui:oui-disclosure","t":"Disclosure","d":"React aria components Disclosure with shadcn characteristics.","s":"oui","c":"data-display/accordion","vn":3,"hc":1},{"id":"oui:oui-field","t":"Field","d":"Shadcn Field with react aria components characteristics.","s":"oui","c":"inputs/form-field","vn":2,"hc":1},{"id":"oui:oui-index","t":"Oui Index","d":"All oui ui components.","s":"oui","c":"other/other","hc":1},{"id":"oui:oui-react-router-index","t":"Oui React Router Index","d":"All react router related components and extensions.","s":"oui","c":"other/other","hc":1},{"id":"oui:oui-input","t":"Input","d":"React aria components Input with shadcn characteristics.","s":"oui","c":"inputs/form-field","vn":5,"hc":1},{"id":"oui:oui-keyboard","t":"Keyboard","d":"React aria components Keyboard with shadcn characteristics.","s":"oui","c":"data-display/badge","vn":1,"hc":1},{"id":"oui:oui-label","t":"Label","d":"React aria components Label with shadcn characteristics.","s":"oui","c":"inputs/form-field","sb":"Animated fields","vn":2,"hc":1},{"id":"oui:oui-link","t":"Link","d":"React aria components Link with shadcn characteristics.","s":"oui","c":"actions/link","vn":7,"hc":1},{"id":"oui:oui-link-demo-button","t":"Oui link demo button","s":"oui","c":"actions/button","hc":1},{"id":"oui:oui-link-demo-button-outline","t":"Oui link demo button outline","s":"oui","c":"actions/button","hc":1},{"id":"oui:oui-link-demo-button-destructive","t":"Oui link demo button destructive","s":"oui","c":"actions/button","hc":1},{"id":"oui:oui-link-demo-button-disabled","t":"Oui link demo button disabled","s":"oui","c":"actions/button","hc":1},{"id":"oui:oui-link-demo-icon","t":"Oui link demo icon","k":"resource","s":"oui","c":"assets/icon","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"oui:oui-list-box","t":"List Box","d":"React aria components List Box with shadcn characteristics.","s":"oui","c":"data-display/list","vn":2,"hc":1},{"id":"oui:oui-menu","t":"Menu","d":"React aria components Menu with shadcn characteristics.","s":"oui","c":"navigation/menu","vn":6,"hc":1},{"id":"oui:oui-modal","t":"Modal","d":"React aria components Modal with shadcn characteristics.","s":"oui","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"oui:oui-number-field","t":"Number Field","d":"React aria components Number Field with shadcn characteristics.","s":"oui","c":"inputs/number-input","vn":1,"hc":1},{"id":"oui:oui-pagination","t":"Pagination","d":"React aria components List Box with shadcn characteristics for pagination.","s":"oui","c":"navigation/pagination","vn":1,"hc":1},{"id":"oui:oui-popover","t":"Popover","d":"React aria components Popover with shadcn characteristics.","s":"oui","c":"overlays/popover","vn":1,"hc":1},{"id":"oui:oui-radio-group","t":"Radio Group","d":"React aria components Radio Group with shadcn characteristics.","s":"oui","c":"inputs/radio","vn":2,"hc":1},{"id":"oui:oui-react-router-error-boundary","t":"React Router Error Boundary","d":"Error Boundary for react router.","s":"oui","c":"other/other","hc":1},{"id":"oui:oui-react-router-provider","t":"React Router Provider","d":"React aria components Router Provider for react router.","s":"oui","c":"other/other","hc":1},{"id":"oui:oui-react-router-theme-toggle-button","t":"Oui react router theme toggle button","s":"oui","c":"actions/button","hc":1},{"id":"oui:oui-search-field","t":"Search Field","d":"React aria components Search Field with shadcn characteristics.","s":"oui","c":"inputs/search","vn":1,"hc":1},{"id":"oui:oui-select","t":"Select","d":"React aria components Select with shadcn characteristics.","s":"oui","c":"inputs/select","vn":4,"hc":1},{"id":"oui:oui-separator","t":"Separator","d":"React aria components Separator with shadcn characteristics.","k":"layout","s":"oui","c":"layout/page-shell","vn":1,"hc":1},{"id":"oui:oui-sheet","t":"Sheet","d":"A className function to style a react aria components Modal as a shadcn Sheet.","s":"oui","c":"overlays/sheet","tg":["playful"],"sy":["playful"],"vn":2,"hc":1},{"id":"oui:oui-sidebar","t":"Sidebar","d":"Sidebar Trigger, Sidebar Tree, and Sidebar Button for shadcn Sidebar.","s":"oui","c":"navigation/sidebar","hc":1},{"id":"oui:oui-slider","t":"Slider","d":"React aria components Slider with shadcn characteristics.","s":"oui","c":"inputs/slider","vn":1,"hc":1},{"id":"oui:oui-switch","t":"Switch","d":"React aria components Switch with shadcn characteristics.","s":"oui","c":"actions/switch","vn":1,"hc":1},{"id":"oui:oui-table","t":"Table","d":"React aria components Table with shadcn characteristics.","s":"oui","c":"data-display/table","vn":2,"hc":1},{"id":"oui:oui-tabs","t":"Tabs","d":"React aria components Tabs with shadcn characteristics.","s":"oui","c":"navigation/tabs","vn":1,"hc":1},{"id":"oui:oui-text-area","t":"Text Area","d":"React aria components Text Area with shadcn characteristics.","s":"oui","c":"inputs/textarea","vn":1,"hc":1},{"id":"oui:oui-text-field","t":"Text Field","d":"React aria components Text Field with shadcn characteristics.","s":"oui","c":"inputs/form-field","vn":2,"hc":1},{"id":"oui:oui-toggle-button","t":"Toggle Button","d":"React aria components Toggle Button with shadcn characteristics.","s":"oui","c":"actions/button","vn":2,"hc":1},{"id":"oui:oui-tooltip","t":"Tooltip","d":"React aria components Tooltip with shadcn characteristics.","s":"oui","c":"overlays/tooltip","vn":1,"hc":1},{"id":"oui:oui-on-submit-react-router","t":"On Submit React Router","d":"Helper function to handle form submissions with react router.","k":"lib","s":"oui","c":"lib/utility","tg":["playful"],"sy":["playful"],"hc":1},{"id":"pacekit:index","t":"Index","k":"theme","s":"pacekit","c":"themes/style"},{"id":"pacekit:interactive-logs-chart","t":"Interactive Logs Chart","d":"An interactive chart visualizing system logs over time with data tooltips and active hover","s":"pacekit","c":"data-viz/chart"},{"id":"pacekit:traffic-logs-chart","t":"Traffic Logs Chart","d":"A visual representation of web traffic volume and request spikes across different time per","s":"pacekit","c":"data-viz/chart"},{"id":"pacekit:interactive-sales-chart","t":"Interactive Sales Chart","d":"A dynamic chart tracking revenue trends and performance with interactive cursor details an","s":"pacekit","c":"data-viz/chart"},{"id":"pacekit:channel-sales-chart","t":"Channel Sales Chart","d":"A circular chart illustrating revenue distribution across different marketing acquisition ","s":"pacekit","c":"data-viz/chart"},{"id":"pacekit:live-logs-feed","t":"Live Log Feed","d":"A real-time activity stream displaying recent system events and errors in a chronological ","s":"pacekit","c":"data-display/timeline"},{"id":"pacekit:create-user-form","t":"Create User Form","d":"Structured account creation form for onboarding new team members, including profile detail","s":"pacekit","c":"inputs/form-field","sb":"Whole forms"},{"id":"pacekit:usage-logs-meter","t":"Usage Logs Meter","d":"A visual gauge displaying current system resource consumption against defined operational ","s":"pacekit","c":"data-viz/gauge"},{"id":"pacekit:source-sales-meter","t":"Source Sales Meter","d":"A list of progress bars ranking sales performance by acquisition source with percentage in","s":"pacekit","c":"data-viz/gauge"},{"id":"pacekit:upgrade-sales-promo","t":"Upgrade Sales Promo","d":"An attention-grabbing card encouraging users to unlock premium analytics features and hist","k":"section","s":"pacekit","c":"marketing/announcement"},{"id":"pacekit:simple-logs-stat","t":"Simple Log Stat","d":"A minimal statistic card displaying total log counts with a clean, numerical layout.","s":"pacekit","c":"data-display/stat","tg":["minimal"],"sy":["minimal"]},{"id":"pacekit:rich-sales-stat","t":"Rich Sales Stat","d":"A detailed dashboard card highlighting total revenue with trend indicators and percentage ","s":"pacekit","c":"data-display/stat"},{"id":"pacekit:simple-logs-table","t":"Simple Log Table","d":"A clean data table listing system events with timestamp, severity, and message columns.","s":"pacekit","c":"data-display/table","tg":["minimal"],"sy":["minimal"]},{"id":"pacekit:product-sales-table","t":"Product Sales Table","d":"A comprehensive data list showing product performance, quantities sold, and total revenue ","s":"pacekit","c":"data-display/table"},{"id":"pacekit:simple-users-table","t":"Users Table","d":"Structured table layout for managing team members, showing profile details, roles, departm","s":"pacekit","c":"data-display/table","tg":["minimal"],"sb":"People","sy":["minimal"]},{"id":"pacekit:shadcn-day-fan","t":"Shadcn Day","d":"Use this component when highlighting special events, milestones, or important dates.","k":"section","s":"pacekit","c":"marketing/marketing"},{"id":"pacekit:form-input","t":"Form Input","d":"A form input component with validation and error handling.","s":"pacekit","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"pacekit:form-password","t":"Form Password","d":"A password input field with visibility toggle and validation.","s":"pacekit","c":"inputs/form-field","sb":"Password","hc":1},{"id":"pacekit:form-select","t":"Form Select","d":"A select input field with options and validation.","s":"pacekit","c":"inputs/select","hc":1},{"id":"pacekit:form-switch","t":"Form Switch","d":"A switch input field with on/off state and validation.","s":"pacekit","c":"actions/switch","sb":"With labels","hc":1},{"id":"pacekit:form-textarea","t":"Form Textarea","d":"A textarea input field with validation and error handling.","s":"pacekit","c":"inputs/textarea","hc":1},{"id":"pacekit:form-checkbox","t":"Form Checkbox","d":"A checkbox input field with validation and error handling.","s":"pacekit","c":"inputs/checkbox","hc":1},{"id":"pacekit:form-error","t":"Form Error","d":"A component for displaying form validation errors.","s":"pacekit","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"paceui:index","t":"Index","k":"theme","s":"paceui","c":"themes/style"},{"id":"paceui:interactive-logs-chart","t":"Interactive Logs Chart","d":"An interactive chart visualizing system logs over time with data tooltips and active hover","s":"paceui","c":"data-viz/chart"},{"id":"paceui:traffic-logs-chart","t":"Traffic Logs Chart","d":"A visual representation of web traffic volume and request spikes across different time per","s":"paceui","c":"data-viz/chart"},{"id":"paceui:interactive-sales-chart","t":"Interactive Sales Chart","d":"A dynamic chart tracking revenue trends and performance with interactive cursor details an","s":"paceui","c":"data-viz/chart"},{"id":"paceui:channel-sales-chart","t":"Channel Sales Chart","d":"A circular chart illustrating revenue distribution across different marketing acquisition ","s":"paceui","c":"data-viz/chart"},{"id":"paceui:live-logs-feed","t":"Live Log Feed","d":"A real-time activity stream displaying recent system events and errors in a chronological ","s":"paceui","c":"data-display/timeline"},{"id":"paceui:create-user-form","t":"Create User Form","d":"Structured account creation form for onboarding new team members, including profile detail","s":"paceui","c":"inputs/form-field","sb":"Whole forms"},{"id":"paceui:usage-logs-meter","t":"Usage Logs Meter","d":"A visual gauge displaying current system resource consumption against defined operational ","s":"paceui","c":"data-viz/gauge"},{"id":"paceui:source-sales-meter","t":"Source Sales Meter","d":"A list of progress bars ranking sales performance by acquisition source with percentage in","s":"paceui","c":"data-viz/gauge"},{"id":"paceui:upgrade-sales-promo","t":"Upgrade Sales Promo","d":"An attention-grabbing card encouraging users to unlock premium analytics features and hist","k":"section","s":"paceui","c":"marketing/announcement"},{"id":"paceui:simple-logs-stat","t":"Simple Log Stat","d":"A minimal statistic card displaying total log counts with a clean, numerical layout.","s":"paceui","c":"data-display/stat","tg":["minimal"],"sy":["minimal"]},{"id":"paceui:rich-sales-stat","t":"Rich Sales Stat","d":"A detailed dashboard card highlighting total revenue with trend indicators and percentage ","s":"paceui","c":"data-display/stat"},{"id":"paceui:simple-logs-table","t":"Simple Log Table","d":"A clean data table listing system events with timestamp, severity, and message columns.","s":"paceui","c":"data-display/table","tg":["minimal"],"sy":["minimal"]},{"id":"paceui:product-sales-table","t":"Product Sales Table","d":"A comprehensive data list showing product performance, quantities sold, and total revenue ","s":"paceui","c":"data-display/table"},{"id":"paceui:simple-users-table","t":"Users Table","d":"Structured table layout for managing team members, showing profile details, roles, departm","s":"paceui","c":"data-display/table","tg":["minimal"],"sb":"People","sy":["minimal"]},{"id":"paceui:shadcn-day-fan","t":"Shadcn Day","d":"Use this component when highlighting special events, milestones, or important dates.","k":"section","s":"paceui","c":"marketing/marketing"},{"id":"paceui:form-input","t":"Form Input","d":"A form input component with validation and error handling.","s":"paceui","c":"inputs/form-field","sb":"Whole forms","hc":1,"cp":1},{"id":"paceui:form-password","t":"Form Password","d":"A password input field with visibility toggle and validation.","s":"paceui","c":"inputs/form-field","sb":"Password","hc":1,"cp":1},{"id":"paceui:form-select","t":"Form Select","d":"A select input field with options and validation.","s":"paceui","c":"inputs/select","hc":1,"cp":1},{"id":"paceui:form-switch","t":"Form Switch","d":"A switch input field with on/off state and validation.","s":"paceui","c":"actions/switch","sb":"With labels","hc":1,"cp":1},{"id":"paceui:form-textarea","t":"Form Textarea","d":"A textarea input field with validation and error handling.","s":"paceui","c":"inputs/textarea","hc":1,"cp":1},{"id":"paceui:form-checkbox","t":"Form Checkbox","d":"A checkbox input field with validation and error handling.","s":"paceui","c":"inputs/checkbox","hc":1,"cp":1},{"id":"paceui:form-error","t":"Form Error","d":"A component for displaying form validation errors.","s":"paceui","c":"inputs/form-field","sb":"Whole forms","hc":1,"cp":1},{"id":"paceui-gsap:index","t":"Index","k":"theme","s":"paceui-gsap","c":"themes/style"},{"id":"paceui-gsap:ai-suggestions","t":"AI Suggestions","d":"Get smart, real-time AI recommendations to refine and improve your work","s":"paceui-gsap","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"paceui-gsap:ai-modal-selector","t":"Modal Selector","d":"AI-focused model selector with preview, tooltips, and capability indicators built-in","s":"paceui-gsap","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"paceui-gsap:ai-modal-ability-selector","t":"Modal Ability Selector","d":"Compact selector for toggling abilities with icons and custom styles","s":"paceui-gsap","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"paceui-gsap:ai-response-writer","t":"Response Writer","d":"An auto-scrolling text display that smoothly keeps the latest response always visible","s":"paceui-gsap","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"paceui-gsap:ai-token-counter","t":"Modal Ability Selector","d":"Compact selector for toggling abilities with icons and custom styles","s":"paceui-gsap","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"paceui-gsap:reveal-text","t":"Reveal Text","d":"A smooth text reveals animation where each heading reveals related content on interaction.","k":"motion","s":"paceui-gsap","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"paceui-gsap:scramble-text","t":"Scramble Text","d":"A hover-triggered text effect that scrambles and restores characters with smooth motion","k":"motion","s":"paceui-gsap","c":"motion/text-effect","tg":["animated"],"sb":"Scramble and glitch","sy":["animated"],"hc":1},{"id":"paceui-gsap:squash-text","t":"Squash Text","d":"Characters bounce and squash into place with playful, dynamic energy.","k":"motion","s":"paceui-gsap","c":"motion/text-effect","tg":["animated","playful"],"sy":["animated","playful"],"hc":1},{"id":"paceui-gsap:bouncing-text","t":"Bouncing Text","d":"A playful animation where characters bounce in sequence across the text.","k":"motion","s":"paceui-gsap","c":"motion/text-effect","tg":["animated","playful"],"sy":["animated","playful"],"hc":1},{"id":"paceui-gsap:draw-line-text","t":"Draw Line Text","d":"A smooth text effect that draws characters as strokes and fills them in—perfect for header","k":"motion","s":"paceui-gsap","c":"motion/text-effect","tg":["animated"],"sb":"Handwriting and SVG","sy":["animated"],"hc":1},{"id":"paceui-gsap:mouse-wave-text","t":"Mouse Wave Text","d":"Creates a wave-like bounce effect on text as the mouse moves across","k":"motion","s":"paceui-gsap","c":"motion/text-effect","tg":["animated"],"sb":"Bouncy and wavy","sy":["animated"],"hc":1},{"id":"paceui-gsap:text-fall-button","t":"Text Fall Button","d":"A button with dynamic text that falls into place with a smooth, elastic motion on hover or","s":"paceui-gsap","c":"actions/button","tg":["animated"],"sy":["animated"],"hc":1},{"id":"paceui-gsap:spring-button","t":"Spring Button","d":"A button that shrinks on press and springs back with bounce.","s":"paceui-gsap","c":"actions/button","tg":["animated"],"sy":["animated"],"hc":1},{"id":"paceui-gsap:fillable-button","t":"Fillable Button","d":"A button that fills with color on hover.","s":"paceui-gsap","c":"actions/button","tg":["animated"],"sy":["animated"],"hc":1},{"id":"paceui-gsap:swap","t":"Swap","d":"A flexible swap component that animates content changes with smooth customizable transitio","s":"paceui-gsap","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"paceui-gsap:animated-stack","t":"Animated Stack","d":"A smooth stacked card component that expands on hover and collapses with animation.","s":"paceui-gsap","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"paceui-gsap:layered-stack","t":"Layered Stack","d":"An interactive component that dynamically layers elements, creating a visually engaging st","s":"paceui-gsap","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"paceui-gsap:gradient-shadow","t":"Gradient Shadow","d":"Smooth horizontal gradient flow, creating a subtle glowing hover shadow effect.","k":"motion","s":"paceui-gsap","c":"motion/gradient","tg":["animated","gradient","neon"],"sy":["animated","gradient","neon"],"hc":1},{"id":"paceui-gsap:github-star-counter","t":"GitHub Star Counter","d":"Display live GitHub star count for any public repository","k":"motion","s":"paceui-gsap","c":"motion/number-ticker","tg":["animated"],"sy":["animated"],"hc":1},{"id":"paceui-gsap:profile-peek","t":"Profile Peek","d":"Hover to peek profile with smooth reveal, right from the image.","s":"paceui-gsap","c":"overlays/hover-card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"paceui-gsap:flip-reveal","t":"Flip Reveal","d":"Animated container that reveals or hides items using GSAP Flip transitions and keys.","s":"paceui-gsap","c":"data-display/list","tg":["animated"],"sy":["animated"],"hc":1},{"id":"paceui-gsap:reveal-on-scroll","t":"Reveal On Scroll","d":"Animate content into view on scroll with effects like fade, slide, zoom, and blur.","k":"layout","s":"paceui-gsap","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"paceui-gsap:stagger-on-scroll","t":"Stagger on Scroll","d":"Stagger elements into view with scroll-triggered fade, slide, zoom, or blur effects.","k":"layout","s":"paceui-gsap","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"paceui-gsap:liquid-cursor","t":"Liquid Cursor","d":"A smooth, fluid cursor that follows your mouse with gentle stretch and bounce effects.","k":"motion","s":"paceui-gsap","c":"motion/cursor","tg":["animated"],"sy":["animated"],"hc":1},{"id":"paceui-gsap:liquid-glass","t":"Liquid Glass","d":"A smooth glass effect with subtle blur, ideal for UI highlights and overlays.","s":"paceui-gsap","c":"other/other","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"paceui-gsap:tilt-card","t":"Tilt Card","d":"Interactive 3D tilt card that responds to cursor, adds depth and motion","s":"paceui-gsap","c":"data-display/card","tg":["3d","animated"],"sb":"Animated and glowing","sy":["3d","animated"],"hc":1},{"id":"paceui-gsap:dot-loader","t":"Dot Loader","d":"A compact 7x7 dot grid loader with smooth animation to visualize frame sequences or loadin","s":"paceui-gsap","c":"status/loader","tg":["animated"],"sb":"Dots and pulse","sy":["animated"],"hc":1},{"id":"paceui-gsap:dot-flow","t":"Dot Flow","d":"Visually expressive status updates with animated dots and smooth sliding text transitions.","k":"motion","s":"paceui-gsap","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"paddle:paddle-helpers","t":"Paddle helpers","d":"Shared display types, format utilities, and payment method display for Paddle UI component","k":"lib","s":"paddle","c":"lib/utility","sb":"Formatting","vn":1,"hc":1},{"id":"paddle:paddle-client","t":"Paddle client utilities","d":"Paddle.js initialization singleton, SDK type re-exports, checkout event mapper, and SDK-la","k":"lib","s":"paddle","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"paddle:pricing-select-cards","t":"Pricing select cards","d":"Selectable pricing cards with localized prices from Paddle, available in stacked and grid ","k":"section","s":"paddle","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"paddle:express-checkout","t":"Express checkout","d":"Mobile-first checkout experience with pricing cards and sheet-style checkout drawer. Autom","k":"section","s":"paddle","c":"marketing/pricing","hc":1},{"id":"paddle:billing-interval-toggle","t":"Billing interval toggle","d":"Segmented control for switching between billing intervals. Renders labels automatically fr","s":"paddle","c":"actions/switch","hc":1},{"id":"paddle:pricing-cards","t":"Pricing cards","d":"Responsive pricing tier cards with plan name, localized price, feature list, and per-card ","k":"section","s":"paddle","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"paddle:pricing-display","t":"Pricing display","d":"Pricing section with localized prices, billing interval toggle, and built-in overlay check","k":"section","s":"paddle","c":"marketing/pricing","hc":1},{"id":"paddle:checkout-summary","t":"Checkout summary","d":"Order summary for inline checkout: line items, totals, recurring/trial info, and refund po","k":"section","s":"paddle","c":"marketing/pricing","tg":["playful"],"sy":["playful"],"hc":1},{"id":"paddle:inline-checkout","t":"Inline checkout","d":"Inline checkout block with order summary, Paddle payment frame, and real-time event update","k":"section","s":"paddle","c":"marketing/pricing","hc":1},{"id":"paddle:subscription-status-card","t":"Subscription status card","d":"Subscription overview card showing plan details, status, billing cycle, line item breakdow","k":"section","s":"paddle","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"paddle:subscription-alert","t":"Subscription alert","d":"Contextual alerts for subscription events: payment failures, scheduled cancellations, paus","s":"paddle","c":"overlays/alert-banner","hc":1},{"id":"paddle:subscription-payment-card","t":"Subscription payment card","d":"Payment method and next billing summary card. Auto-resolves payment method display labels ","k":"section","s":"paddle","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"paddle:plan-change-breakdown","t":"Plan change breakdown","d":"Detailed financial breakdown of a subscription plan change. Invoice-style view with per-tr","k":"section","s":"paddle","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"paletteui:zinc","t":"Zinc","d":"The sensible default. Neutral zinc grays that stay out of the way.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:slate","t":"Slate","d":"Cool blue-gray undertones. Crisp and technical without being cold.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:stone","t":"Stone","d":"Warm gray with a sandy undertone. Calm, grounded, approachable.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:mono","t":"Minimal Mono","d":"Pure grayscale. No color, no distraction. Just typography and whitespace.","k":"theme","s":"paletteui","c":"themes/theme","tg":["minimal"],"sy":["minimal"]},{"id":"paletteui:neo","t":"Neo Brutal","d":"Black and yellow. Hard shadows, thick borders, maximum impact.","k":"theme","s":"paletteui","c":"themes/theme","tg":["brutalist"],"sy":["brutalist"]},{"id":"paletteui:contrast","t":"Contrast","d":"Pure black and white with a single red accent. Nothing else needed.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:oxide","t":"Oxide","d":"Rust and iron. Industrial warmth with raw, mechanical confidence.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:electric","t":"Electric","d":"Neon cyan on dark. Terminal aesthetics meets modern UI.","k":"theme","s":"paletteui","c":"themes/theme","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"]},{"id":"paletteui:editorial","t":"Warm Editorial","d":"Rich amber tones with typographic elegance. Inspired by luxury print.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:terra","t":"Terra","d":"Terracotta and olive. Mediterranean warmth grounded in earth.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:sand","t":"Sand","d":"Desert beige and cream. Soft, quiet, endlessly restful.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:rose","t":"Rose","d":"Dusty rose and warm mauve. Refined softness with quiet confidence.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:midnight","t":"Midnight","d":"Deep indigo with luminous accents. Focused and immersive.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:saas","t":"SaaS Blue","d":"Professional blue. The reliable choice for dashboards and products.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:ocean","t":"Ocean","d":"Teal and deep sea. Calm depth with bright coral accents.","k":"theme","s":"paletteui","c":"themes/theme","tg":["3d"],"sy":["3d"]},{"id":"paletteui:frost","t":"Frost","d":"Ice blue and silver. Light, airy, crystalline clarity.","k":"theme","s":"paletteui","c":"themes/theme","tg":["glass"],"sy":["glass"]},{"id":"paletteui:candy","t":"Candy","d":"Vibrant pink and pastels. Joyful, friendly, unapologetically fun.","k":"theme","s":"paletteui","c":"themes/theme","tg":["playful"],"sy":["playful"]},{"id":"paletteui:emerald","t":"Emerald","d":"Fresh mint and green. Natural energy that feels alive.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:sunset","t":"Sunset","d":"Orange to purple gradient vibes. Warm energy fading into cool dusk.","k":"theme","s":"paletteui","c":"themes/theme","tg":["gradient"],"sy":["gradient"]},{"id":"paletteui:spring","t":"Spring Bloom","d":"Soft pinks and fresh greens. New growth, cherry blossoms, morning dew.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:summer","t":"Summer Heat","d":"Warm oranges and golden yellows. Sunshine, beaches, endless days.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:autumn","t":"Autumn Ember","d":"Deep burgundy and burnt orange. Falling leaves, warm cider, cozy evenings.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:winter","t":"Winter Night","d":"Icy blues and silver whites. Frozen lakes, starlit skies, quiet snowfall.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:nebula","t":"Nebula","d":"Deep purple and magenta. Cosmic dust clouds and stellar nurseries.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:mars","t":"Mars Colony","d":"Dusty red and iron oxide. Martian landscapes and frontier ambition.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:aurora","t":"Aurora","d":"Northern lights green and violet. Dancing electrons and polar skies.","k":"theme","s":"paletteui","c":"themes/theme","tg":["gradient"],"sy":["gradient"]},{"id":"paletteui:eclipse","t":"Eclipse","d":"Dark void with golden corona. Total darkness ringed with fire.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:synthwave","t":"Synthwave","d":"Neon pink and cyan on dark purple. 80s arcade, VHS tracking, laser grids.","k":"theme","s":"paletteui","c":"themes/theme","tg":["neon"],"sy":["neon"]},{"id":"paletteui:terminal","t":"Terminal","d":"Green phosphor on black. CRT monitors, command lines, the Matrix.","k":"theme","s":"paletteui","c":"themes/theme","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"paletteui:polaroid","t":"Polaroid","d":"Faded cream and warm brown. Vintage film, sun-bleached memories, nostalgia.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:pixel","t":"Pixel","d":"Bright primaries on dark. 8-bit games, pixel art, chiptune energy.","k":"theme","s":"paletteui","c":"themes/theme","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"paletteui:linear","t":"Linear","d":"The iconic Linear violet. Clean product design, focused engineering.","k":"theme","s":"paletteui","c":"themes/theme","tg":["minimal"],"sy":["minimal"]},{"id":"paletteui:stripe","t":"Stripe","d":"Stripe's signature indigo. Clean, trustworthy, payments-grade polish.","k":"theme","s":"paletteui","c":"themes/theme","tg":["minimal"],"sy":["minimal"]},{"id":"paletteui:spotify","t":"Spotify","d":"That unmistakable green on dark. Music, energy, late-night listening.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:notion","t":"Notion","d":"Warm off-white and soft brown. The calm of a clean workspace.","k":"theme","s":"paletteui","c":"themes/theme","tg":["minimal"],"sy":["minimal"]},{"id":"paletteui:sakura","t":"Cherry Blossom","d":"Soft sakura pink and moss green. Japanese gardens, spring rain, wabi-sabi.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:lavender","t":"Lavender Field","d":"Soft purple and green-gray. Provencal fields, herbal calm, gentle breezes.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:reef","t":"Coral Reef","d":"Aqua and coral pink. Tropical waters, living color, marine depth.","k":"theme","s":"paletteui","c":"themes/theme","tg":["3d"],"sy":["3d"]},{"id":"paletteui:redwood","t":"Redwood","d":"Deep forest green and bark brown. Ancient trees, morning mist, pine needles.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:breaking-bad","t":"Breaking Bad","d":"Desert amber and meth blue. Chemistry, danger, Albuquerque sunsets.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:stranger-things","t":"Stranger Things","d":"Neon red on pitch black. The Upside Down, flickering lights, 80s horror.","k":"theme","s":"paletteui","c":"themes/theme","tg":["neon"],"sy":["neon"]},{"id":"paletteui:game-of-thrones","t":"Game of Thrones","d":"Dark steel and blood red. Iron Throne, direwolves, winter is coming.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:mandalorian","t":"The Mandalorian","d":"Beskar silver and desert sand. This is the way.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:squid-game","t":"Squid Game","d":"Pink guard suit and teal tracksuit. Deadly games, sharp contrast.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:wednesday","t":"Wednesday","d":"Gothic black and muted purple. Nevermore Academy, dark elegance.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:japan","t":"Japan","d":"Clean white and hinomaru red. Minimal, precise, unmistakable.","k":"theme","s":"paletteui","c":"themes/theme","tg":["minimal"],"sy":["minimal"]},{"id":"paletteui:brazil","t":"Brazil","d":"Green, gold, and blue. Tropical energy, carnival spirit, samba.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:nordic","t":"Nordic","d":"Deep navy blue and clean white. Scandinavian flags, fjords, northern calm.","k":"theme","s":"paletteui","c":"themes/theme","tg":["minimal"],"sy":["minimal"]},{"id":"paletteui:ukraine","t":"Ukraine","d":"Sky blue and golden wheat. Open fields, clear horizons, resilience.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:italy","t":"Italy","d":"Green, white, and red. La dolce vita, espresso, Roman elegance.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:india","t":"India","d":"Saffron, white, and deep green. Spice markets, tigers, ancient wisdom.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:usa","t":"USA","d":"Red, white, and blue. Stars and stripes, bold confidence, American classic.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:france","t":"France","d":"Bleu, blanc, rouge. Parisian chic, haute couture, refined elegance.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:germany","t":"Germany","d":"Black, red, and gold. Precision engineering, Bauhaus, structured elegance.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:israel","t":"Israel","d":"White and blue. Mediterranean clarity, innovation, desert sky.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:south-korea","t":"South Korea","d":"Red and blue taegeuk on white. K-culture, tech, dynamic balance.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:mexico","t":"Mexico","d":"Green, white, and red. Aztec spirit, vibrant culture, warm soul.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:apple","t":"Apple","d":"Clean silver and space gray. Cupertino minimalism, premium restraint.","k":"theme","s":"paletteui","c":"themes/theme","tg":["minimal"],"sy":["minimal"]},{"id":"paletteui:starbucks","t":"Starbucks","d":"Siren green and warm cream. Coffee shop warmth, morning rituals.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:mcdonalds","t":"McDonald's","d":"Golden arches yellow and classic red. Fast, bold, universally recognized.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:coca-cola","t":"Coca Cola","d":"That iconic red and crisp white. Bold, classic, refreshing since 1886.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:taco-bell","t":"Taco Bell","d":"Purple and hot pink. Late night energy, bold flavor, think outside the bun.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:tesla","t":"Tesla","d":"Sleek black and electric red. Future forward, zero emissions, pure engineering.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:ikea","t":"IKEA","d":"Swedish blue and sunshine yellow. Flat-pack simplicity, democratic design.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"paletteui:netflix","t":"Netflix","d":"Deep black and signature red. Binge-worthy, cinematic, addictive.","k":"theme","s":"paletteui","c":"themes/theme"},{"id":"pane:pane-style","t":"Style","d":"Base style for Pane. Installs the shared dependencies and the --pane-* design tokens — blu","k":"theme","s":"pane","c":"themes/style"},{"id":"pane:utils","t":"Utils","d":"The cn helper — clsx merged through tailwind-merge. Every Pane component imports it.","k":"lib","s":"pane","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"pane:glass-core","t":"Glass Core","d":"The glass engine behind every surface: the displacement-map generator that bends the backd","k":"lib","s":"pane","c":"lib/utility","tg":["glass"],"sb":"Class helpers","sy":["glass"],"hc":1},{"id":"pane:use-glass-pointer","t":"Glass Pointer","d":"Tracks the pointer and the surface's position in the viewport, then writes the specular li","k":"lib","s":"pane","c":"lib/hook","tg":["glass"],"sy":["glass"],"hc":1},{"id":"pane:use-glass-support","t":"Glass Support","d":"Detects how much of the glass material the browser can actually render and honors prefers-","k":"lib","s":"pane","c":"lib/hook","tg":["glass"],"sy":["glass"],"hc":1},{"id":"pane:pane","t":"Pane","d":"The glass primitive every other component is built on — a refracted rim, a tinted backdrop","k":"motion","s":"pane","c":"motion/cursor","tg":["glass"],"sy":["glass"],"hc":1},{"id":"pane:button","t":"Button","d":"A glass button in default and destructive variants across four sizes, with asChild support","s":"pane","c":"actions/button","tg":["glass"],"sy":["glass"],"hc":1},{"id":"pane:card","t":"Card","d":"A glass card with header, title, description, action, content and footer parts.","s":"pane","c":"data-display/card","tg":["glass"],"sy":["glass"],"hc":1},{"id":"pane:badge","t":"Badge","d":"A compact glass badge, with asChild support for linking.","s":"pane","c":"data-display/badge","tg":["glass"],"sy":["glass"],"hc":1},{"id":"pane:input","t":"Input","d":"A text input on a clear glass surface that raises a highlight ring on focus and dims when ","s":"pane","c":"inputs/form-field","tg":["glass"],"sb":"Whole forms","sy":["glass"],"hc":1},{"id":"pane:switch","t":"Switch","d":"A Radix switch whose thumb is a glass pane, moved by a spring rather than a CSS transition","s":"pane","c":"actions/switch","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"pane:tabs","t":"Tabs","d":"Radix tabs on a glass list, with a pane indicator that animates between triggers.","s":"pane","c":"navigation/tabs","tg":["glass"],"sy":["glass"],"hc":1},{"id":"pane:tooltip","t":"Tooltip","d":"A Radix tooltip rendered as a small glass pane, with provider, trigger and content parts.","s":"pane","c":"overlays/tooltip","tg":["glass"],"sy":["glass"],"hc":1},{"id":"pane:dialog","t":"Dialog","d":"A Radix dialog whose panel is a glass pane over a blurred overlay, with header, footer, ti","s":"pane","c":"overlays/dialog","tg":["glass"],"sy":["glass"],"hc":1},{"id":"pane:sheet","t":"Sheet","d":"A Radix sheet that slides in from any of the four sides as a floating, inset glass panel.","s":"pane","c":"overlays/sheet","tg":["glass"],"sy":["glass"],"hc":1},{"id":"pane:popover","t":"Popover","d":"A Radix popover whose content is a regular glass pane, with trigger and anchor parts.","s":"pane","c":"overlays/popover","tg":["glass"],"sy":["glass"],"hc":1},{"id":"pane:dropdown-menu","t":"Dropdown Menu","d":"A Radix dropdown menu on a glass pane — items, checkbox and radio items, labels, separator","s":"pane","c":"navigation/menu","tg":["glass"],"sb":"Dropdowns","sy":["glass"],"hc":1},{"id":"pane:select","t":"Select","d":"A Radix select with a clear glass trigger and a regular glass list that scrolls inside the","s":"pane","c":"inputs/select","tg":["glass"],"sy":["glass"],"hc":1},{"id":"pane:slider","t":"Slider","d":"A Radix slider on a glass track whose knob swells into clear glass while it is dragged. Su","s":"pane","c":"inputs/slider","tg":["glass"],"sy":["glass"],"hc":1},{"id":"pane:toggle-group","t":"Toggle Group","d":"A single-choice control on a Radix toggle group, with a glass indicator that springs betwe","s":"pane","c":"actions/switch","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"pantoken:theme-canvas","t":"Canvas LMS Theme","d":"Instructure Canvas LMS theme variables bridging to shadcn/ui custom properties.","k":"theme","s":"pantoken","c":"themes/theme"},{"id":"pantoken:theme-canvas-high-contrast","t":"Canvas High Contrast Theme","d":"Canvas LMS High Contrast theme variables for WCAG AAA compliance.","k":"theme","s":"pantoken","c":"themes/theme"},{"id":"pantoken:theme-rebrand","t":"Instructure Next gen Theme","d":"Modern Instructure brand theme variables.","k":"theme","s":"pantoken","c":"themes/theme"},{"id":"pantoken:base","t":"Pantoken Base System","d":"Pantoken core design token system, CSS custom properties, and semantic components.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:button","t":"Button","d":"Instructure Button component styled with semantic .instui-button classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:alert","t":"Alert","d":"Instructure Alert component styled with semantic .instui-alert classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:badge","t":"Badge","d":"Instructure Badge component styled with semantic .instui-badge classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:pill","t":"Pill","d":"Instructure Pill component styled with semantic .instui-pill classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:tag","t":"Tag","d":"Instructure Tag component styled with semantic .instui-tag classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:avatar","t":"Avatar","d":"Instructure Avatar component styled with semantic .instui-avatar classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:tabs","t":"Tabs","d":"Instructure Tabs component styled with semantic .instui-tabs classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:metric","t":"Metric","d":"Instructure Metric component styled with semantic .instui-metric classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:byline","t":"Byline","d":"Instructure Byline component styled with semantic .instui-byline classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:img","t":"Img","d":"Instructure Img component styled with semantic .instui-img classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:table","t":"Table","d":"Instructure Table component styled with semantic .instui-table classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:link","t":"Link","d":"Instructure Link component styled with semantic .instui-link classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:list","t":"List","d":"Instructure List component styled with semantic .instui-list classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:icon","t":"Icon","d":"Instructure Icon component styled with semantic .instui-icon classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:checkbox","t":"Checkbox","d":"Instructure Checkbox component styled with semantic .instui-checkbox classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:radio","t":"Radio","d":"Instructure Radio component styled with semantic .instui-radio classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:spinner","t":"Spinner","d":"Instructure Spinner component styled with semantic .instui-spinner classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:progress","t":"Progress","d":"Instructure Progress component styled with semantic .instui-progress classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:menu","t":"Menu","d":"Instructure Menu component styled with semantic .instui-menu classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:modal","t":"Modal","d":"Instructure Modal component styled with semantic .instui-modal classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:breadcrumb","t":"Breadcrumb","d":"Instructure Breadcrumb component styled with semantic .instui-breadcrumb classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:billboard","t":"Billboard","d":"Instructure Billboard component styled with semantic .instui-billboard classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:rating","t":"Rating","d":"Instructure Rating component styled with semantic .instui-rating classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:toggle-group","t":"Toggle group","d":"Instructure Toggle-group component styled with semantic .instui-toggle-group classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:context-view","t":"Context view","d":"Instructure Context-view component styled with semantic .instui-context-view classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:drawer-layout","t":"Drawer layout","d":"Instructure Drawer-layout component styled with semantic .instui-drawer-layout classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:progress-circle","t":"Progress circle","d":"Instructure Progress-circle component styled with semantic .instui-progress-circle classes","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:pagination","t":"Pagination","d":"Instructure Pagination component styled with semantic .instui-pagination classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:toggle-details","t":"Toggle details","d":"Instructure Toggle-details component styled with semantic .instui-toggle-details classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:file-drop","t":"File drop","d":"Instructure File-drop component styled with semantic .instui-file-drop classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:side-nav-bar","t":"Side nav bar","d":"Instructure Side-nav-bar component styled with semantic .instui-side-nav-bar classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:tree-browser","t":"Tree browser","d":"Instructure Tree-browser component styled with semantic .instui-tree-browser classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:calendar","t":"Calendar","d":"Instructure Calendar component styled with semantic .instui-calendar classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:popover","t":"Popover","d":"Instructure Popover component styled with semantic .instui-popover classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:tray","t":"Tray","d":"Instructure Tray component styled with semantic .instui-tray classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:tooltip","t":"Tooltip","d":"Instructure Tooltip component styled with semantic .instui-tooltip classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:range-input","t":"Range input","d":"Instructure Range-input component styled with semantic .instui-range-input classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:mask","t":"Mask","d":"Instructure Mask component styled with semantic .instui-mask classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:screen-reader-content","t":"Screen reader content","d":"Instructure Screen-reader-content component styled with semantic .instui-screen-reader-con","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:heading","t":"Heading","d":"Instructure Heading component styled with semantic .instui-heading classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:text","t":"Text","d":"Instructure Text component styled with semantic .instui-text classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:close-button","t":"Close button","d":"Instructure Close-button component styled with semantic .instui-close-button classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:form-field","t":"Form field","d":"Instructure Form-field component styled with semantic .instui-form-field classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:form-field-group","t":"Form field group","d":"Instructure Form-field-group component styled with semantic .instui-form-field-group class","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:radio-input-group","t":"Radio input group","d":"Instructure Radio-input-group component styled with semantic .instui-radio-input-group cla","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:form-field-messages","t":"Form field messages","d":"Instructure Form-field-messages component styled with semantic .instui-form-field-messages","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:text-input","t":"Text input","d":"Instructure Text-input component styled with semantic .instui-text-input classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:text-area","t":"Text area","d":"Instructure Text-area component styled with semantic .instui-text-area classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:simple-select","t":"Simple select","d":"Instructure Simple-select component styled with semantic .instui-simple-select classes.","k":"theme","s":"pantoken","c":"themes/style","tg":["minimal"],"sy":["minimal"]},{"id":"pantoken:input-group","t":"Input group","d":"Instructure Input-group component styled with semantic .instui-input-group classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:number-input","t":"Number input","d":"Instructure Number-input component styled with semantic .instui-number-input classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:in-place-edit","t":"In place edit","d":"Instructure In-place-edit component styled with semantic .instui-in-place-edit classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:view","t":"View","d":"Instructure View component styled with semantic .instui-view classes.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:card","t":"Card","d":"Pantoken card component styles and documented HTML structure.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:banner","t":"Banner","d":"Pantoken banner component styles and documented HTML structure.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:agent-shell","t":"Agent Shell","d":"Pantoken agent-shell component styles and documented HTML structure.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:skeleton-loader","t":"Skeleton Loader","d":"Pantoken skeleton-loader component styles and documented HTML structure.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:segmented-control","t":"Segmented Control","d":"Pantoken segmented-control component styles and documented HTML structure.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:wrapper","t":"Wrapper Layout","d":"Pantoken wrapper layout styles and canonical HTML template.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:callout","t":"Callout Layout","d":"Pantoken callout layout styles and canonical HTML template.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:hero","t":"Hero Layout","d":"Pantoken hero layout styles and canonical HTML template.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:page-layout","t":"Page Layout Layout","d":"Pantoken page-layout layout styles and canonical HTML template.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:rubric-note","t":"Rubric Note Layout","d":"Pantoken rubric-note layout styles and canonical HTML template.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:testimonial","t":"Testimonial Layout","d":"Pantoken testimonial layout styles and canonical HTML template.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:two-column","t":"Two Column Layout","d":"Pantoken two-column layout styles and canonical HTML template.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:custom-icons","t":"Pantoken Custom Icons","d":"Pantoken's curated custom icon tokens for the shared -icon-* painter.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:simple-icons","t":"Simple Icons","d":"The complete Simple Icons brand-glyph token collection.","k":"theme","s":"pantoken","c":"themes/style","tg":["minimal"],"sy":["minimal"]},{"id":"pantoken:logos","t":"Instructure Product Logos","d":"All Instructure product logo image tokens.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:logo-canvas","t":"Canvas Logos","d":"Logo image tokens for canvas.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:logo-igniteai","t":"Igniteai Logos","d":"Logo image tokens for igniteai.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:logo-instructure","t":"Instructure Logos","d":"Logo image tokens for instructure.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:logo-learnplatform","t":"Learnplatform Logos","d":"Logo image tokens for learnplatform.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:logo-mastery","t":"Mastery Logos","d":"Logo image tokens for mastery.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:logo-pantoken","t":"Pantoken Logos","d":"Logo image tokens for pantoken.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:logo-parchment","t":"Parchment Logos","d":"Logo image tokens for parchment.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:theme-colors","t":"Custom Theme Colors","d":"Selector-driven Pantoken brand-color remapping for 13 color namespaces.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:primitives","t":"Primitive Utilities","d":"Opt-in utility classes for Pantoken's raw primitive palette.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pantoken:visual-debug","t":"Visual Debug","d":"Development-only layout outlines for Pantoken components.","k":"theme","s":"pantoken","c":"themes/style"},{"id":"pastaui:pastaui-styles","t":"Pasta UI Styles","d":"Shared card shadow, surface shadow and heading/label utilities used across Pasta UI compon","s":"pastaui","c":"inputs/form-field","vn":1},{"id":"pastaui:agent-activity","t":"Agent Activity","d":"A chronological stream for reasoning, searches, terminal work, and tool execution.","s":"pastaui","c":"ai-agent/ai-agent","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"pastaui:agent-status","t":"Agent Status","d":"A compact task summary with the current activity and an optional task tray.","s":"pastaui","c":"ai-agent/ai-agent","hc":1},{"id":"pastaui:approval-card","t":"Approval Card","d":"A human-in-the-loop decision surface for questions, review steps, and consequential action","s":"pastaui","c":"data-display/card","hc":1},{"id":"pastaui:attachments","t":"Attachments","d":"File and image attachments with progress, failure recovery, metadata, and removal actions.","s":"pastaui","c":"inputs/file-upload","hc":1},{"id":"pastaui:audio-player","t":"Audio Player","d":"A controlled playback surface for speech, generated audio, and recorded tool output.","s":"pastaui","c":"media/player","hc":1},{"id":"pastaui:background-inbox","t":"Background Inbox","d":"Work still running elsewhere and completed results waiting to be collected.","s":"pastaui","c":"overlays/notifications","hc":1},{"id":"pastaui:background-runs","t":"Background Runs","d":"Ongoing and completed agent jobs collected in one actionable inbox.","k":"motion","s":"pastaui","c":"motion/background","hc":1},{"id":"pastaui:citations","t":"Citations","d":"A compact source summary that expands into grounded references with useful context.","s":"pastaui","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"pastaui:code-block","t":"Code Block","d":"A muted code surface with line numbers, focused rows, filename metadata, and copy feedback","s":"pastaui","c":"ai-agent/ai-agent","hc":1},{"id":"pastaui:color-picker","t":"Color Picker","d":"A Tailwind palette picker with search, hex and opacity inputs, and optional linear, radial","s":"pastaui","c":"inputs/color-picker","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"pastaui:commit","t":"Commit","d":"An expandable changed-file summary with folder groups, line counts, and a diff action.","s":"pastaui","c":"ai-agent/ai-agent","hc":1},{"id":"pastaui:connection-state","t":"Connection State","d":"Clear connected, reconnecting, resumed, and offline states for resumable agent streams.","s":"pastaui","c":"ai-agent/ai-agent","hc":1},{"id":"pastaui:context-breakdown","t":"Context Breakdown","d":"Where an agent context window went, with token attribution and remaining capacity.","s":"pastaui","c":"ai-agent/ai-agent","hc":1},{"id":"pastaui:cost-meter","t":"Cost Meter","d":"Run cost split by model or task and compared against an optional session budget.","s":"pastaui","c":"data-viz/gauge","hc":1},{"id":"pastaui:data-table","t":"Data Table","d":"A virtualized, sortable table with resizable columns, a sticky header, and left or right p","s":"pastaui","c":"data-display/table","sb":"Data tables","hc":1},{"id":"pastaui:document-reference","t":"Document Reference","d":"A source card that preserves document identity, location, metadata, and the cited excerpt.","s":"pastaui","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"pastaui:edit-message","t":"Edit Message","d":"An in-place message editor with cancel and save actions.","s":"pastaui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"pastaui:email-composer","t":"Email Composer","d":"A minimal email draft with inline fields, a spacious message, and copy, expand, and send a","s":"pastaui","c":"ai-agent/composer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"pastaui:environment-variables","t":"Environment Variables","d":"A secret-aware configuration surface with masked values and explicit reveal or copy action","s":"pastaui","c":"ai-agent/ai-agent","hc":1},{"id":"pastaui:feedback-dialog","t":"Feedback Dialog","d":"A low-friction reason and note form for turning negative feedback into signal.","s":"pastaui","c":"overlays/dialog","hc":1},{"id":"pastaui:file-diff","t":"File Diff","d":"A compact code-change surface with old and new line numbers plus live change counts.","s":"pastaui","c":"data-display/diff","hc":1},{"id":"pastaui:file-tree","t":"File Tree","d":"A compact repository tree with selection, nesting, expansion, and change status.","s":"pastaui","c":"data-display/tree","hc":1},{"id":"pastaui:follow-up","t":"Follow Up","d":"Compact follow-up prompts that continue the conversation with one click.","s":"pastaui","c":"ai-agent/ai-agent","hc":1},{"id":"pastaui:follow-up-suggestions","t":"Follow up Suggestions","d":"Contextual next-step prompts that invite a useful continuation after an answer.","s":"pastaui","c":"ai-agent/ai-agent","hc":1},{"id":"pastaui:image-generation-loader","t":"Image Generation Loader","d":"A streaming image surface with live progress, a playable Snake diversion, and an in-place ","s":"pastaui","c":"status/loader","hc":1},{"id":"pastaui:inline-citation","t":"Inline Citation","d":"A numbered reference inside prose with an inspectable source preview.","s":"pastaui","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"pastaui:job-progress","t":"Job Progress","d":"A weighted multi-stage progress surface for work measured in minutes rather than seconds.","s":"pastaui","c":"data-viz/progress-bar","hc":1},{"id":"pastaui:memory","t":"Memory","d":"Visible, removable facts an agent retains about the user or ongoing work.","s":"pastaui","c":"ai-agent/ai-agent","hc":1},{"id":"pastaui:message-bubble","t":"Message Bubble","d":"A focused conversational surface with distinct user, assistant, and system treatments.","s":"pastaui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"pastaui:message-queue","t":"Message Queue","d":"Pending user turns that remain visible, removable, and immediately sendable while an agent","s":"pastaui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"pastaui:message-scroller","t":"Message Scroller","d":"A compact conversation minimap that navigates user turns while keeping the full thread vis","s":"pastaui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"pastaui:model-picker","t":"Model Picker","d":"A compact model menu with descriptions, plan badges, effort controls, and additional model","s":"pastaui","c":"ai-agent/ai-agent","hc":1},{"id":"pastaui:permission-grant","t":"Permission Grant","d":"A capability-level consent surface that explains reach and duration before access is grant","s":"pastaui","c":"ai-agent/ai-agent","hc":1},{"id":"pastaui:plan-approval-card","t":"Plan Approval Card","d":"A proposed plan with clear steps and controls to edit, cancel, or start the work.","k":"section","s":"pastaui","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"pastaui:prompt-input","t":"Prompt Input","d":"An auto-growing agent composer with attachment, model, submit, and stop controls.","s":"pastaui","c":"ai-agent/composer","hc":1},{"id":"pastaui:quota-banner","t":"Quota Banner","d":"Usage remaining, reset timing, and an upgrade path without hiding the limit.","s":"pastaui","c":"overlays/alert-banner","hc":1},{"id":"pastaui:reasoning-effort","t":"Reasoning Effort","d":"A compact dropdown for choosing how much reasoning power a response should use.","s":"pastaui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"pastaui:reasoning-text","t":"Reasoning Text","d":"A timed reasoning stream that follows the latest thought, then folds into an inspectable d","s":"pastaui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"pastaui:research-report","t":"Research Report","d":"A structured, citation-ready report for research agents and deep-search results.","s":"pastaui","c":"ai-agent/ai-agent","hc":1},{"id":"pastaui:retrieval-chunks","t":"Retrieval Chunks","d":"Ranked source passages that make retrieval-augmented answers inspectable.","s":"pastaui","c":"ai-agent/ai-agent","hc":1},{"id":"pastaui:schedule-card","t":"Schedule Card","d":"A recurring agent job with human-readable timing, next run, and pause controls.","s":"pastaui","c":"data-display/calendar","hc":1},{"id":"pastaui:search-results-tabs","t":"Search Results Tabs","d":"Ranked search results with site icons, titles, source URLs, and plain text category tabs.","s":"pastaui","c":"navigation/tabs","hc":1},{"id":"pastaui:task-card","t":"Task Card","d":"One delegated task with state, timing, assigned agent, and returned result.","s":"pastaui","c":"data-display/card","hc":1},{"id":"pastaui:thinking-shimmer","t":"Thinking Shimmer","d":"A quiet live status that keeps the agent current action readable while work continues.","s":"pastaui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"pastaui:todo-list","t":"Todo List","d":"A live agent plan with completion counts, task states, and expandable detail.","s":"pastaui","c":"data-display/list","sb":"Tasks and to-dos","hc":1},{"id":"pastaui:tool-approval","t":"Tool Approval","d":"A permission gate that shows scope and command detail before an agent tool runs.","s":"pastaui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"pastaui:tool-error","t":"Tool Error","d":"A recoverable connection failure with a clear explanation and compact recovery actions.","s":"pastaui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"pastaui:tool-group","t":"Tool Group","d":"Consecutive tool calls collapsed into one readable execution group.","s":"pastaui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"pastaui:tool-result","t":"Tool Result","d":"An execution disclosure for running, successful, or failed tools with optional raw output.","s":"pastaui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"pastaui:tool-timeline","t":"Tool Timeline","d":"A compact narrative of the verbs, targets, state, and timing in an agent run.","s":"pastaui","c":"data-display/timeline","hc":1},{"id":"pastaui:video-player","t":"Video Player","d":"A compact video result with controllable playback, seek position, and metadata.","s":"pastaui","c":"media/player","hc":1},{"id":"pastaui:voice-input","t":"Voice Input","d":"A tactile recording control with a recessed waveform, red playhead, and pause control.","s":"pastaui","c":"ai-agent/ai-agent","sb":"Voice","hc":1},{"id":"pastecn:ai-sdk","t":"Pastecn AI SDK Tools","d":"AI SDK tools for creating and reading pastecn snippets","k":"lib","s":"pastecn","c":"lib/utility","hc":1},{"id":"paykit-sdk:stripe-nextjs","t":"Stripe nextjs","d":"Stripe payment integration for Next.js App Router with type-safe API routes and webhook ha","k":"section","s":"paykit-sdk","c":"marketing/logos","vn":6},{"id":"paykit-sdk:stripe-hono","t":"Stripe hono","d":"Stripe payment integration for Hono backend with unified routes and webhook handling","k":"section","s":"paykit-sdk","c":"marketing/logos","vn":5},{"id":"paykit-sdk:stripe-express","t":"Stripe express","d":"Stripe payment integration for Express backend with unified routes and webhook handling","k":"section","s":"paykit-sdk","c":"marketing/logos","vn":5},{"id":"paykit-sdk:paystack-nextjs","t":"Paystack nextjs","d":"Paystack payment integration for Next.js App Router with type-safe API routes and webhook ","k":"section","s":"paykit-sdk","c":"marketing/logos"},{"id":"paykit-sdk:paystack-hono","t":"Paystack hono","d":"Paystack payment integration for Hono backend with unified routes and webhook handling","k":"section","s":"paykit-sdk","c":"marketing/logos"},{"id":"payload-components:hero-basic","t":"Hero Basic","d":"Payload Components proof-of-concept hero block.","k":"section","s":"payload-components","c":"marketing/hero","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"payload-components:hero-split","t":"Hero Split","d":"Two-column Payload hero block with an editor-placed visual.","k":"section","s":"payload-components","c":"marketing/hero","sb":"Split","hc":1},{"id":"payload-components:hero-video","t":"Hero Video","d":"Full-bleed video hero with editor-managed media and a reduced-motion poster fallback.","s":"payload-components","c":"media/player","hc":1},{"id":"payload-components:hero-product-tilt","t":"Hero Product Tilt","d":"Centered product hero with a static perspective frame and editor-managed media.","k":"section","s":"payload-components","c":"marketing/hero","tg":["3d"],"sb":"With product shot","sy":["3d"],"hc":1},{"id":"payload-components:hero-aurora","t":"Hero Aurora","d":"Motion-first product hero with an animated aurora field, staggered reveal, parallax panel,","k":"section","s":"payload-components","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"],"hc":1},{"id":"payload-components:hero-kinetic","t":"Hero Kinetic","d":"Motion-first editorial hero with a line-masked type reveal, cinematic plate, and velocity ","k":"section","s":"payload-components","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"payload-components:feature-grid-basic","t":"Feature Grid Basic","d":"Text-first Payload feature grid with optional CTA wiring.","k":"section","s":"payload-components","c":"marketing/features","tg":["minimal"],"sb":"Grid of cards","sy":["minimal"],"hc":1},{"id":"payload-components:feature-split","t":"Feature Split","d":"Two-column Payload feature block: heading and CTA beside a feature list.","k":"section","s":"payload-components","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"payload-components:feature-bento","t":"Feature Bento","d":"Asymmetric Payload bento grid with a featured lead cell and supporting cells.","k":"layout","s":"payload-components","c":"layout/bento-grid","hc":1},{"id":"payload-components:feature-steps","t":"Feature Steps","d":"Numbered Payload steps block for sequential, how-it-works feature flows.","s":"payload-components","c":"navigation/wizard-steps","hc":1},{"id":"payload-components:feature-accordion","t":"Feature Accordion","d":"Synchronized feature accordion with editor-selected icons and optional media.","s":"payload-components","c":"data-display/accordion","hc":1},{"id":"payload-components:feature-cards-media","t":"Feature Cards Media","d":"Two-column feature cards with independent media and optional icons.","s":"payload-components","c":"data-display/card","sb":"Feature","hc":1},{"id":"payload-components:feature-icon-grid","t":"Feature Icon Grid","d":"Dense feature grid with editor-selected icons and a tokenized radial decorator.","k":"section","s":"payload-components","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"payload-components:embed-basic","t":"Embed Basic","d":"Responsive, accessible sandboxed iframe block for approved HTTPS embeds.","k":"section","s":"payload-components","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"payload-components:logo-cloud-grid","t":"Logo Cloud Grid","d":"Centered, wrapping wall of editable logo uploads under a heading.","k":"section","s":"payload-components","c":"marketing/logos","hc":1},{"id":"payload-components:logo-cloud-hover","t":"Logo Cloud Hover","d":"Logo wall that dims and blurs on hover to reveal a CTA link.","k":"section","s":"payload-components","c":"marketing/logos","hc":1},{"id":"payload-components:logo-cloud-marquee","t":"Logo Cloud Marquee","d":"Auto-scrolling marquee of editable logos with progressive-blur edge fades.","k":"section","s":"payload-components","c":"marketing/logos","hc":1},{"id":"payload-components:logo-cloud-inline","t":"Logo Cloud Inline","d":"Compact label-over-logos strip of editable trust logos.","k":"section","s":"payload-components","c":"marketing/logos","hc":1},{"id":"payload-components:logo-cloud-inline-wrap","t":"Logo Cloud Inline Wrap","d":"Single wrapping row keeping the label inline with editable logos.","k":"section","s":"payload-components","c":"marketing/logos","hc":1},{"id":"payload-components:content-columns","t":"Content Columns","d":"Two-column Payload content block: a heading beside body copy and a CTA.","s":"payload-components","c":"inputs/form-field","hc":1},{"id":"payload-components:content-image-lead","t":"Content Image Lead","d":"Payload content block led by a full-width image above a heading, body, and CTA.","s":"payload-components","c":"media/gallery","hc":1},{"id":"payload-components:content-feature-media","t":"Content Feature Media","d":"Payload content block: body copy and two icon features beside a framed media panel.","k":"section","s":"payload-components","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"payload-components:content-feature-split","t":"Content Feature Split","d":"Payload content block: a side media panel beside body copy and two icon features.","k":"section","s":"payload-components","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"payload-components:content-showcase","t":"Content Showcase","d":"Payload content block: a centered intro, a full-width image, and a four-up feature grid.","s":"payload-components","c":"inputs/form-field","hc":1},{"id":"payload-components:content-quote","t":"Content Quote","d":"Payload content block: a media panel beside body copy and a cited pull quote.","s":"payload-components","c":"inputs/form-field","hc":1},{"id":"payload-components:content-community","t":"Content Community","d":"Payload content block: a centered heading and body above a wall of community avatars.","s":"payload-components","c":"inputs/form-field","hc":1},{"id":"payload-components:integration-grid","t":"Integration Grid","d":"A responsive grid of integration cards with logo, name, description, and a learn-more link","k":"section","s":"payload-components","c":"marketing/logos","hc":1},{"id":"payload-components:integration-cluster","t":"Integration Cluster","d":"A centered cluster of integration logos around a featured brand mark, with a heading and C","k":"section","s":"payload-components","c":"marketing/logos","hc":1},{"id":"payload-components:integration-split","t":"Integration Split","d":"A two-column section pairing a featured-mark logo cluster with a heading, subtext, and CTA","k":"section","s":"payload-components","c":"marketing/logos","hc":1},{"id":"payload-components:integration-connect","t":"Integration Connect","d":"Integration logos wired to a central brand mark by connector lines.","k":"section","s":"payload-components","c":"marketing/logos","hc":1},{"id":"payload-components:integration-orbit","t":"Integration Orbit","d":"Concentric rings of integration logos that orbit a featured brand mark on hover.","k":"section","s":"payload-components","c":"marketing/logos","hc":1},{"id":"payload-components:integration-list","t":"Integration List","d":"A vertical list of integration rows with logo, name, description, and an add action.","k":"section","s":"payload-components","c":"marketing/logos","hc":1},{"id":"payload-components:integration-marquee","t":"Integration Marquee","d":"Three auto-scrolling rows of integration logos around a featured brand mark.","k":"section","s":"payload-components","c":"marketing/logos","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"payload-components:integration-testimonial","t":"Integration Testimonial","d":"A two-column section pairing a customer quote with a grid of integration logo cards.","k":"section","s":"payload-components","c":"marketing/testimonials","hc":1},{"id":"payload-components:content-split-rows","t":"Content Split Rows","d":"Payload content block: an intro above alternating media-and-text rows.","s":"payload-components","c":"data-display/list","hc":1},{"id":"payload-components:content-rows","t":"Content Rows","d":"Payload content block: an intro above a uniform stack of media-and-text rows.","s":"payload-components","c":"data-display/list","hc":1},{"id":"payload-components:content-image-frame","t":"Content Image Frame","d":"Payload content block: a centered intro above a layered, framed screenshot.","s":"payload-components","c":"media/gallery","hc":1},{"id":"payload-components:content-stats","t":"Content Stats","d":"Payload content block: an intro, a grid of icon features, and a stats list.","s":"payload-components","c":"data-display/stat","hc":1},{"id":"payload-components:content-list","t":"Content List","d":"Payload content block: a serif heading beside a labeled-term list.","s":"payload-components","c":"data-display/list","hc":1},{"id":"payload-components:content-list-columns","t":"Content List Columns","d":"Payload content block: a serif heading above a two-column labeled-term list.","s":"payload-components","c":"data-display/list","hc":1},{"id":"payload-components:content-list-icons","t":"Content List Icons","d":"Payload content block: a serif heading and intro above a multi-column icon list.","k":"resource","s":"payload-components","c":"assets/icon","hc":1},{"id":"payload-components:call-to-action-centered","t":"Call To Action Centered","d":"Centered Payload call-to-action block: heading, copy, and one or two CTA links.","k":"section","s":"payload-components","c":"marketing/cta","hc":1},{"id":"payload-components:call-to-action-boxed","t":"Call To Action Boxed","d":"Boxed Payload call-to-action block: heading, copy, and CTA links inside a nested panel.","k":"section","s":"payload-components","c":"marketing/cta","sb":"Cards","hc":1},{"id":"payload-components:call-to-action-split","t":"Call To Action Split","d":"Split Payload call-to-action block: heading and copy on one side, CTA links and assurance ","k":"section","s":"payload-components","c":"marketing/cta","hc":1},{"id":"payload-components:call-to-action-signup","t":"Call To Action Signup","d":"Email-capture Payload call-to-action block: heading, copy, and a form that posts to a same","k":"layout","s":"payload-components","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"payload-components:contact-routing-form","t":"Contact Routing Form","d":"Validated contact channels beside an accessible same-origin inquiry form.","k":"section","s":"payload-components","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"payload-components:contact-channels","t":"Contact Channels","d":"Form-free Payload contact block: a grid of validated email, phone, and URL channels.","k":"section","s":"payload-components","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"payload-components:team-roster","t":"Team Roster","d":"Payload team block: department-grouped sections, each a grid of member avatars with name a","k":"section","s":"payload-components","c":"marketing/team","hc":1},{"id":"payload-components:team-grid","t":"Team Grid","d":"Payload team block: a heading and intro above a responsive grid of member photo cards that","k":"section","s":"payload-components","c":"marketing/team","hc":1},{"id":"payload-components:team-bios","t":"Team Bios","d":"Bio-forward Payload team block: two-up member cards with avatar, role, and biography.","k":"section","s":"payload-components","c":"marketing/team","hc":1},{"id":"payload-components:faq-accordion","t":"FAQ Accordion","d":"Payload FAQ block: a centered accordion of question/answer items with an optional CTA.","s":"payload-components","c":"data-display/accordion","sb":"FAQ","hc":1},{"id":"payload-components:faq-split","t":"FAQ Split","d":"Payload FAQ block: a two-column layout pairing a sticky heading and CTA with an accordion.","k":"section","s":"payload-components","c":"marketing/faq","hc":1},{"id":"payload-components:faq-card","t":"FAQ Card","d":"Payload FAQ block: a centered accordion wrapped in a card with an optional CTA.","k":"section","s":"payload-components","c":"marketing/faq","hc":1},{"id":"payload-components:faq-icons","t":"FAQ Icons","d":"Payload FAQ block: an accordion with a per-question icon from a fixed allowlist.","k":"resource","s":"payload-components","c":"assets/icon","hc":1},{"id":"payload-components:faq-grouped","t":"FAQ Grouped","d":"Payload FAQ block: titled, icon-tagged category groups of accordions.","k":"section","s":"payload-components","c":"marketing/faq","hc":1},{"id":"payload-components:faq-grid","t":"FAQ Grid","d":"Payload FAQ block: a static two-column grid of question/answer cards.","k":"section","s":"payload-components","c":"marketing/faq","hc":1},{"id":"payload-components:comparator-table","t":"Comparator Table","d":"Tiered feature-comparison table Payload block: plan columns with CTAs over grouped feature","s":"payload-components","c":"data-display/table","sb":"Comparison","hc":1},{"id":"payload-components:comparator-grid","t":"Comparator Grid","d":"Plan-column comparison Payload block: pricing columns in a bordered card over a feature ma","s":"payload-components","c":"inputs/form-field","hc":1},{"id":"payload-components:comparator-stack","t":"Comparator Stack","d":"Stacked plan-card comparison Payload block: one card per plan with its own price, CTA, and","s":"payload-components","c":"inputs/form-field","hc":1},{"id":"payload-components:testimonials-quote","t":"Testimonials Quote","d":"Payload testimonials block: a single featured quote with a left accent bar, author, option","k":"section","s":"payload-components","c":"marketing/testimonials","hc":1},{"id":"payload-components:testimonials-spotlight","t":"Testimonials Spotlight","d":"Payload testimonials block: a single centered testimonial with a quote-mark, large avatar,","k":"section","s":"payload-components","c":"marketing/testimonials","hc":1},{"id":"payload-components:testimonials-grid","t":"Testimonials Grid","d":"Payload testimonials block: a heading above a responsive grid of quote cards, each with au","k":"section","s":"payload-components","c":"marketing/testimonials","hc":1},{"id":"payload-components:testimonials-rating","t":"Testimonials Rating","d":"Payload testimonials block: a responsive grid of review cards, each with a star rating, qu","s":"payload-components","c":"inputs/rating","hc":1},{"id":"payload-components:testimonials-bento","t":"Testimonials Bento","d":"Payload testimonials block: an asymmetric bento with one featured quote in a large cell an","k":"layout","s":"payload-components","c":"layout/bento-grid","hc":1},{"id":"payload-components:testimonials-wall","t":"Testimonials Wall","d":"Payload testimonials block: a heading above a multi-column masonry wall of compact testimo","k":"section","s":"payload-components","c":"marketing/testimonials","hc":1},{"id":"payload-components:stats-proof","t":"Stats Proof","d":"Narrative and prominent string metrics paired with semantic customer proof.","s":"payload-components","c":"data-display/stat","hc":1},{"id":"payload-components:stats-grid","t":"Stats Grid","d":"Heading and intro above a responsive grid of large string metrics on rule-topped columns.","s":"payload-components","c":"data-display/stat","hc":1},{"id":"payload-components:stats-card","t":"Stats Card","d":"A centred heading above one divided panel that splits metrics into equal columns.","s":"payload-components","c":"data-display/stat","hc":1},{"id":"payload-components:stats-inline","t":"Stats Inline","d":"Heading and intro above rule-topped rows where each figure reads as one sentence.","s":"payload-components","c":"data-display/stat","hc":1},{"id":"payload-components:pricing-cards","t":"Pricing Cards","d":"Three-up pricing table of editable plan cards with a highlighted plan.","k":"section","s":"payload-components","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"],"hc":1},{"id":"payload-components:pricing-cards-muted","t":"Pricing Cards Muted","d":"Three-up pricing table on muted card surfaces with a highlighted plan.","s":"payload-components","c":"data-display/card","tg":["webgl"],"sb":"Pricing","sy":["webgl"],"hc":1},{"id":"payload-components:pricing-cards-cta","t":"Pricing Cards CTA","d":"Three-up pricing table with the CTA inside each plan header.","k":"section","s":"payload-components","c":"marketing/cta","tg":["webgl"],"sb":"Cards","sy":["webgl"],"hc":1},{"id":"payload-components:pricing-split","t":"Pricing Split","d":"Two-plan split pricing: a compact entry plan beside an expanded featured plan.","k":"section","s":"payload-components","c":"marketing/pricing","hc":1},{"id":"payload-components:pricing-enterprise","t":"Pricing Enterprise","d":"Single wide enterprise pricing panel with an editable trust-logo wall.","k":"section","s":"payload-components","c":"marketing/pricing","hc":1},{"id":"payload-components:collection-query","t":"Collection Query","d":"A Pages block that queries the starter Posts collection by category or manual selection an","s":"payload-components","c":"data-display/card","sb":"Article","hc":1},{"id":"payload-components:footer-columns","t":"Footer Columns","d":"A brand block beside labelled columns of navigation links, closed by a copyright rule.","k":"section","s":"payload-components","c":"marketing/footer","hc":1},{"id":"payload-components:footer-simple","t":"Footer Simple","d":"A compact footer keeping the brand and one wrapped row of links on a line, copyright benea","k":"section","s":"payload-components","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"payload-components:footer-centered","t":"Footer Centered","d":"A centred brand, tagline, and navigation above a rule carrying copyright and policy links.","k":"section","s":"payload-components","c":"marketing/footer","hc":1},{"id":"payload-components:contact-form-basic","t":"Contact Form Basic","d":"An accessible contact form with name, email, organization, and message fields, inline vali","k":"section","s":"payload-components","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"],"hc":1},{"id":"payload-components:post-hero","t":"Post Hero","d":"An editorial article header with title, summary, categories, byline, date, and an optional","k":"section","s":"payload-components","c":"marketing/hero","hc":1},{"id":"payload-components:author-card","t":"Author Card","d":"An article author profile with optional avatar, role, biography, and profile link.","s":"payload-components","c":"data-display/card","sb":"Profile","hc":1},{"id":"payload-components:newsletter-callout","t":"Newsletter Callout","d":"A newsletter signup callout with a consumer-owned form endpoint.","s":"payload-components","c":"overlays/alert-banner","hc":1},{"id":"payload-components:related-posts","t":"Related Posts","d":"A compact end-of-post list of related articles your template selects; the current post is ","k":"page","s":"payload-components","c":"pages/templates","hc":1},{"id":"persianlabsui:button","t":"Button","d":"A button built on Base UI with variant and size support.","s":"persianlabsui","c":"actions/button","hc":1},{"id":"persianlabsui:tabs","t":"Tabs","d":"An accessible, animated tabs component built on Base UI with a spring-animated sliding act","s":"persianlabsui","c":"navigation/tabs","hc":1},{"id":"persianlabsui:input","t":"Input","d":"A styled text input built on Base UI.","s":"persianlabsui","c":"inputs/form-field","vn":1,"hc":1},{"id":"persianlabsui:label","t":"Label","d":"An accessible, styled label element.","s":"persianlabsui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"persianlabsui:scroll-area","t":"Scroll Area","d":"Cross-browser custom scrollbars, built on Base UI.","k":"layout","s":"persianlabsui","c":"layout/scroll-area","hc":1},{"id":"persianlabsui:combobox","t":"Combobox","d":"A searchable, accessible combobox built on Base UI.","s":"persianlabsui","c":"inputs/combobox","hc":1},{"id":"persianlabsui:command","t":"Command","d":"A command palette component built with Dialog and Autocomplete for searching and executing","s":"persianlabsui","c":"navigation/command-palette","hc":1},{"id":"persianlabsui:city-selector","t":"City Selector","d":"A province and city picker for Iran, built on Combobox and bundled with a full dataset of ","s":"persianlabsui","c":"inputs/combobox","hc":1},{"id":"persianlabsui:spinner","t":"Spinner","d":"A spinning loading indicator icon.","s":"persianlabsui","c":"status/loader","sb":"Spinners","hc":1},{"id":"persianlabsui:button-group","t":"Button Group","d":"A container that groups related buttons together with consistent styling.","s":"persianlabsui","c":"actions/button","sb":"Groups and split","hc":1},{"id":"persianlabsui:popover","t":"Popover","d":"Displays rich content in a portal, anchored to a trigger.","s":"persianlabsui","c":"overlays/popover","hc":1},{"id":"persianlabsui:select","t":"Select","d":"A searchable-free listbox for choosing a single value, built on Base UI.","s":"persianlabsui","c":"inputs/select","hc":1},{"id":"persianlabsui:dropdown-menu","t":"Dropdown Menu","d":"Displays a menu of actions or options, triggered by a button.","s":"persianlabsui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"persianlabsui:field","t":"Field","d":"Groups a label, control, and description into an accessible form field, built on Base UI.","s":"persianlabsui","c":"inputs/form-field","hc":1},{"id":"persianlabsui:textarea","t":"Textarea","d":"A styled multi-line text input.","s":"persianlabsui","c":"inputs/textarea","hc":1},{"id":"persianlabsui:kbd","t":"Kbd","d":"Displays a keyboard key or shortcut.","s":"persianlabsui","c":"data-display/typography","hc":1},{"id":"persianlabsui:badge","t":"Badge","d":"Displays a small badge to highlight status or metadata.","s":"persianlabsui","c":"data-display/badge","hc":1},{"id":"persianlabsui:input-otp","t":"Input OTP","d":"An accessible one-time password input, built on input-otp.","s":"persianlabsui","c":"inputs/otp-input","hc":1},{"id":"persianlabsui:separator","t":"Separator","d":"Visually or semantically separates content, built on Base UI.","k":"layout","s":"persianlabsui","c":"layout/page-shell","hc":1},{"id":"persianlabsui:card","t":"Card","d":"Displays a card with header, content, and footer.","s":"persianlabsui","c":"data-display/card","hc":1},{"id":"persianlabsui:breadcrumb","t":"Breadcrumb","d":"Displays the path to the current resource using a hierarchy of links.","s":"persianlabsui","c":"navigation/breadcrumb","hc":1},{"id":"persianlabsui:empty","t":"Empty","d":"Displays an empty state with a title, description, and optional actions.","k":"motion","s":"persianlabsui","c":"motion/text-effect","hc":1},{"id":"persianlabsui:switch","t":"Switch","d":"A control that toggles between checked and unchecked, built on Base UI.","s":"persianlabsui","c":"actions/switch","hc":1},{"id":"persianlabsui:checkbox","t":"Checkbox","d":"A control for selecting one or more options, built on Base UI.","s":"persianlabsui","c":"inputs/checkbox","hc":1},{"id":"persianlabsui:radio-group","t":"Radio Group","d":"A set of mutually exclusive radio buttons, built on Base UI.","s":"persianlabsui","c":"inputs/radio","hc":1},{"id":"persianlabsui:progress","t":"Progress","d":"Displays an indicator showing the completion progress of a task, built on Base UI.","s":"persianlabsui","c":"data-viz/progress-bar","hc":1},{"id":"persianlabsui:collapsible","t":"Collapsible","d":"An interactive component which expands/collapses a panel, built on Base UI.","s":"persianlabsui","c":"data-display/accordion","hc":1},{"id":"persianlabsui:toggle","t":"Toggle","d":"A two-state button that can be either on or off, built on Base UI.","s":"persianlabsui","c":"actions/switch","vn":1,"hc":1},{"id":"persianlabsui:native-select","t":"Native Select","d":"A styled native <select> element for choosing a single value.","s":"persianlabsui","c":"inputs/select","hc":1},{"id":"persianlabsui:navigation-menu","t":"Navigation Menu","d":"A collection of links for navigating websites, built on Base UI.","s":"persianlabsui","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"persianlabsui:elastic-slider","t":"Elastic Slider","d":"Slider with elastic rubber-band drag and magnetic snap feedback.","s":"persianlabsui","c":"inputs/slider","hc":1},{"id":"persianlabsui:elastic-range-slider","t":"Elastic Range Slider","d":"A single-track, dual-thumb range slider in the same visual language as Elastic Slider.","s":"persianlabsui","c":"inputs/slider","hc":1},{"id":"persianlabsui:tooltip","t":"Tooltip","d":"Displays contextual information when hovering or focusing an element, built on Base UI.","s":"persianlabsui","c":"overlays/tooltip","hc":1},{"id":"persianlabsui:accordion","t":"Accordion","d":"A vertically stacked set of interactive headings that each reveal a section of content, bu","s":"persianlabsui","c":"data-display/accordion","hc":1},{"id":"persianlabsui:sheet","t":"Sheet","d":"A panel that slides in from an edge of the screen to complement the main content, built on","s":"persianlabsui","c":"overlays/sheet","hc":1},{"id":"persianlabsui:sidebar","t":"Sidebar","d":"A composable, collapsible application sidebar with mobile drawer, tooltips, and RTL suppor","s":"persianlabsui","c":"navigation/sidebar","hc":1},{"id":"persianlabsui:carousel","t":"Carousel","d":"A carousel with motion and swipe built using Embla.","s":"persianlabsui","c":"media/carousel","hc":1},{"id":"persianlabsui:context-menu","t":"Context Menu","d":"A menu of actions triggered by a right click, built on Base UI.","s":"persianlabsui","c":"overlays/context-menu","hc":1},{"id":"persianlabsui:menubar","t":"Menubar","d":"A persistent horizontal menu bar for application-style commands, built on Base UI.","s":"persianlabsui","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"persianlabsui:dialog","t":"Dialog","d":"A modal window layered over the page for focused tasks or confirmations, built on Base UI.","s":"persianlabsui","c":"overlays/dialog","hc":1},{"id":"persianlabsui:alert-dialog","t":"Alert Dialog","d":"A modal dialog that interrupts the user with important content and expects a response, bui","s":"persianlabsui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"persianlabsui:drawer","t":"Drawer","d":"A swipeable panel that slides in from an edge of the screen, built on Base UI.","s":"persianlabsui","c":"overlays/sheet","hc":1},{"id":"persianlabsui:responsive-dialog","t":"Responsive Dialog","d":"Renders a Dialog on desktop and a bottom Drawer on mobile from one shared set of component","s":"persianlabsui","c":"overlays/dialog","sb":"Media","hc":1},{"id":"persianlabsui:responsive-menu","t":"Responsive Menu","d":"Renders a Dropdown Menu on desktop and a bottom Drawer menu on mobile from one shared set ","s":"persianlabsui","c":"navigation/menu","hc":1},{"id":"persianlabsui:responsive-alert-dialog","t":"Responsive Alert Dialog","d":"Renders an Alert Dialog on desktop and a bottom Drawer on mobile from one shared set of co","s":"persianlabsui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"persianlabsui:alert","t":"Alert","d":"Displays a callout for important, contextual messages.","s":"persianlabsui","c":"overlays/alert-banner","hc":1},{"id":"persianlabsui:aspect-ratio","t":"Aspect Ratio","d":"Displays content within a desired ratio.","k":"layout","s":"persianlabsui","c":"layout/page-shell","hc":1},{"id":"persianlabsui:attachment","t":"Attachment","d":"Displays a file or image attachment with media, metadata, upload state, and actions.","s":"persianlabsui","c":"inputs/file-upload","hc":1},{"id":"persianlabsui:avatar","t":"Avatar","d":"An image element with a fallback, for representing a user or entity, built on Base UI.","s":"persianlabsui","c":"data-display/avatar","hc":1},{"id":"persianlabsui:skeleton","t":"Skeleton","d":"Used to show a placeholder while content is loading.","s":"persianlabsui","c":"status/skeleton","hc":1},{"id":"persianlabsui:direction","t":"Direction","d":"A provider for setting the reading direction (LTR or RTL) of your app, built on Base UI.","k":"layout","s":"persianlabsui","c":"flows/settings","hc":1},{"id":"persianlabsui:hover-card","t":"Hover Card","d":"For sighted users to preview content available behind a link, built on Base UI.","s":"persianlabsui","c":"overlays/hover-card","hc":1},{"id":"persianlabsui:iran-map-picker","t":"Iran Map Picker","d":"An interactive SVG map of Iran's provinces for picking a province, with hover previews, ke","s":"persianlabsui","c":"inputs/select","hc":1},{"id":"persianlabsui:item","t":"Item","d":"A flexible layout for a piece of content, media, or action, often used in lists.","s":"persianlabsui","c":"data-display/list","hc":1},{"id":"persianlabsui:marker","t":"Marker","d":"A small label for annotating content, such as a section divider or inline note.","s":"persianlabsui","c":"inputs/form-field","hc":1},{"id":"persianlabsui:bubble","t":"Bubble","d":"A chat message bubble with variants, reactions, and start/end alignment.","s":"persianlabsui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"persianlabsui:message","t":"Message","d":"Composable layout for a chat message with an avatar, header, content, and footer.","s":"persianlabsui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"persianlabsui:message-scroller","t":"Message Scroller","d":"An auto-scrolling viewport for chat messages, with scroll-to-start/end buttons, built on @","s":"persianlabsui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"persianlabsui:pagination","t":"Pagination","d":"Navigation for paginated content, built on Button.","s":"persianlabsui","c":"navigation/pagination","hc":1},{"id":"persianlabsui:resizable","t":"Resizable","d":"Accessible resizable panel groups and layouts, built on react-resizable-panels.","k":"layout","s":"persianlabsui","c":"layout/split-pane","hc":1},{"id":"persianlabsui:table","t":"Table","d":"A responsive table component, with an optional card-row variant.","s":"persianlabsui","c":"data-display/table","hc":1},{"id":"persianlabsui:toman-icon","t":"Toman Icon","d":"The Toman currency symbol, as a standalone icon component.","k":"resource","s":"persianlabsui","c":"assets/icon","hc":1},{"id":"persianlabsui:utils","t":"Utils","d":"The cn() class-merging helper, powered by the cn package (a drop-in clsx + tailwind-merge ","k":"lib","s":"persianlabsui","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"persianlabsui:iranian-bank","t":"Iranian Bank","d":"Iranian card and Shaba normalization, checksum validation, and bank detection.","k":"lib","s":"persianlabsui","c":"lib/utility","hc":1},{"id":"persianlabsui:bank-input","t":"Bank Input","d":"Iranian card-number and Shaba inputs with paste normalization, checksum validation, and ba","s":"persianlabsui","c":"inputs/form-field","hc":1},{"id":"persianlabsui:price-input","t":"Price Input","d":"A text input that live-formats digits as a grouped price as you type, with support for Per","s":"persianlabsui","c":"inputs/form-field","hc":1},{"id":"persianlabsui:password-input","t":"Password Input","d":"A password input with a show/hide toggle that always renders LTR, regardless of the surrou","s":"persianlabsui","c":"inputs/form-field","sb":"Password","hc":1},{"id":"persianlabsui:qr-code","t":"QR Code","d":"A rounded QR code generator with dot modules, custom foreground/background colors, configu","s":"persianlabsui","c":"status/skeleton","hc":1},{"id":"persianlabsui:questionnaire","t":"Questionnaire","d":"A multi-step questionnaire with single-choice, multiple-choice, freeform, and skippable qu","s":"persianlabsui","c":"navigation/wizard-steps","hc":1},{"id":"persianlabsui:toast","t":"Toast","d":"A temporary notification that stacks in a corner of the screen or anchors to an element, b","s":"persianlabsui","c":"overlays/toast","hc":1},{"id":"persianlabsui:copy-button","t":"Copy Button","d":"An icon button that copies text to the clipboard, morphs its icon to reflect the result, a","s":"persianlabsui","c":"actions/copy-button","hc":1},{"id":"persianlabsui:normalize-persian-digits","t":"Normalize Persian Digits","d":"Converts Persian (۰-۹) and Arabic-Indic (٠-٩) numerals to plain 0-9 digits.","k":"lib","s":"persianlabsui","c":"lib/utility","hc":1},{"id":"persianlabsui:normalize-persian-text","t":"Normalize Persian Text","d":"Unifies Arabic-codepage letters onto Persian ones (ي→ی, ك→ک, …) with opt-in digit folding,","k":"lib","s":"persianlabsui","c":"lib/utility","hc":1},{"id":"persianlabsui:number-to-persian-words","t":"Number to Persian Words","d":"Spells numbers out in Persian words, accepting Latin or Persian digits with signs, decimal","k":"lib","s":"persianlabsui","c":"lib/utility","sb":"Formatting","hc":1},{"id":"persianlabsui:use-controllable-state","t":"useControllableState","d":"A hook for a value that can be either controlled or uncontrolled, with a single consistent","k":"lib","s":"persianlabsui","c":"lib/hook","hc":1},{"id":"persianlabsui:use-copy-to-clipboard","t":"useCopyToClipboard","d":"Wraps the Clipboard API with a built-in timeout to reset the copied state, for copy button","k":"lib","s":"persianlabsui","c":"lib/hook","hc":1},{"id":"persianlabsui:use-countdown","t":"useCountdown","d":"A timer-aligned countdown hook for ISO-8601 target dates, with overdue state and formatted","k":"lib","s":"persianlabsui","c":"lib/hook","hc":1},{"id":"persianlabsui:use-media-query","t":"useMediaQuery","d":"Reactive media query hook with Tailwind-like breakpoint syntax, built on useSyncExternalSt","k":"lib","s":"persianlabsui","c":"lib/hook","hc":1},{"id":"persianlabsui:persian-date","t":"Persian Date","d":"Jalali/Gregorian date utilities built on date-fns and date-fns-jalali: formatting, parsing","k":"lib","s":"persianlabsui","c":"lib/utility","sb":"Formatting","vn":1,"hc":1},{"id":"persianlabsui:persian-holidays","t":"Persian Holidays","d":"Official/religious/cultural Iranian holiday lookup for a date, range, or year, resolving J","k":"lib","s":"persianlabsui","c":"lib/utility","sb":"Formatting","hc":1},{"id":"persianlabsui:persian-slug","t":"Persian Slug","d":"Converts Persian/mixed Persian+English text into a URL-safe slug, keeping Persian script b","k":"lib","s":"persianlabsui","c":"lib/utility","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"persianlabsui:persian-reshape","t":"Persian Reshape","d":"Pre-shapes Persian/Arabic text into joined Unicode presentation-form codepoints so it rend","k":"lib","s":"persianlabsui","c":"lib/utility","hc":1},{"id":"persianlabsui:use-date","t":"useDate","d":"A reactive current date/time hook with Jalali/Gregorian support, formatted output, and opt","k":"lib","s":"persianlabsui","c":"lib/hook","hc":1},{"id":"persianlabsui:use-time-ago","t":"useTimeAgo","d":"A reactive relative-time formatter (\"۲ روز پیش\" / \"2 days ago\") with built-in Persian and ","k":"lib","s":"persianlabsui","c":"lib/hook","hc":1},{"id":"persianlabsui:hitbox","t":"Hitbox","d":"Extends the clickable area of a child element for improved accessibility.","s":"persianlabsui","c":"other/other","hc":1},{"id":"persianlabsui:calendar","t":"Calendar","d":"A date-grid calendar built on react-day-picker, switchable between the Jalali (Shamsi) and","s":"persianlabsui","c":"data-display/calendar","hc":1},{"id":"persianlabsui:wheel-picker","t":"Wheel Picker","d":"An iOS-like wheel picker with smooth inertia, infinite scrolling, and keyboard navigation.","s":"persianlabsui","c":"inputs/select","hc":1},{"id":"persianlabsui:date-picker","t":"Date Picker","d":"An opinionated, responsive Shamsi/Gregorian date and date-time picker with SSR-safe today ","s":"persianlabsui","c":"inputs/date-picker","hc":1},{"id":"persianlabsui:time-picker","t":"Time Picker","d":"An hour/minute/second wheel-based time picker, with a responsive Popover-on-desktop, Drawe","s":"persianlabsui","c":"inputs/time-picker","hc":1},{"id":"persianlabsui:receipt-printer","t":"Receipt Printer","d":"A tactile checkout printer with processing stages and a composable thermal-paper receipt.","k":"section","s":"persianlabsui","c":"marketing/pricing","hc":1},{"id":"persianlabsui:date-wheel-picker","t":"Date Wheel Picker","d":"An iOS-style year/month/day wheel-based date picker, switchable between the Shamsi and Gre","s":"persianlabsui","c":"inputs/select","hc":1},{"id":"persianlabsui:slider","t":"Slider","d":"An input where the user selects a value from within a given range, built on Base UI.","s":"persianlabsui","c":"inputs/slider","hc":1},{"id":"persianlabsui:iranian-mobile","t":"Iranian Mobile","d":"Iranian mobile phone number normalization, validation, and masking.","k":"lib","s":"persianlabsui","c":"lib/utility","hc":1},{"id":"persianlabsui:mobile-number-input","t":"Mobile Number Input","d":"An Iranian mobile number input that normalizes mixed paste formats and Persian digits, wit","s":"persianlabsui","c":"inputs/number-input","hc":1},{"id":"persianlabsui:national-id","t":"National ID","d":"Validates Iranian national ID (کد ملی) numbers using the standard 10-digit checksum.","k":"lib","s":"persianlabsui","c":"lib/utility","vn":1,"hc":1},{"id":"persianlabsui:postal-code","t":"Postal Code","d":"Validates the structural format of Iranian postal codes (کد پستی).","k":"lib","s":"persianlabsui","c":"lib/utility","hc":1},{"id":"persianlabsui:status-button","t":"Status Button","d":"A button that swaps between idle, loading, and success feedback for async actions.","s":"persianlabsui","c":"actions/button","sb":"Loading and states","hc":1},{"id":"persianlabsui:plate-input","t":"Plate Input","d":"An Iranian vehicle license plate input with digit segments, a letter picker including whee","s":"persianlabsui","c":"inputs/textarea","hc":1},{"id":"persianlabsui:bounce-sidebar","t":"Bounce Sidebar","d":"A vertical navigation list with a bouncy, arc-animated active marker that springs between ","s":"persianlabsui","c":"navigation/sidebar","tg":["playful"],"sy":["playful"],"hc":1},{"id":"persianlabsui:proximity-sidebar","t":"Proximity Sidebar","d":"A document minimap of proximity-reactive dashes that tracks scroll position, expands near ","s":"persianlabsui","c":"navigation/sidebar","hc":1},{"id":"persianlabsui:duration-picker","t":"Duration Picker","d":"A gooey, spring-animated picker for entering a duration in hours and minutes.","s":"persianlabsui","c":"inputs/select","hc":1},{"id":"pipecat:connect-button","t":"Connect Button","d":"One button for the whole session lifecycle, driven by the Pipecat transport state. Every s","s":"pipecat","c":"actions/button","hc":1},{"id":"pipecat:audio-visualizer-bar","t":"Audio Visualizer Bar","d":"Canvas-2D audio spectrum visualizer with mel-scale bands and the shared visualizer lifecyc","s":"pipecat","c":"media/player","hc":1},{"id":"pipecat:audio-visualizer-radial","t":"Audio Visualizer Radial","d":"Canvas-2D radial audio visualizer: a ring of spokes growing outward with mel-scale voice b","s":"pipecat","c":"media/player","hc":1},{"id":"pipecat:audio-visualizer-wave","t":"Audio Visualizer Wave","d":"Shader aura audio visualizer with optional dithering: swirling ribbons of turbulent light ","k":"motion","s":"pipecat","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"pipecat:device-select","t":"Device Select","d":"Media device picker for microphones, speakers, or cameras — as a select or a dropdown menu","s":"pipecat","c":"inputs/select","hc":1},{"id":"pipecat:user-audio-control","t":"User Audio Control","d":"Microphone control with toggle and push-to-talk modes, live audio visualizer, and a mic/sp","s":"pipecat","c":"media/player","hc":1},{"id":"pipecat:user-video-control","t":"User Video Control","d":"Camera toggle with preview tile and camera picker in a split-button dropdown.","s":"pipecat","c":"media/player","hc":1},{"id":"pipecat:user-screen-control","t":"User Screen Control","d":"Screen-share toggle with a preview tile while sharing.","s":"pipecat","c":"actions/switch","hc":1},{"id":"pipecat:bot-audio","t":"Bot Audio","d":"Bot audio output element with a shared volume store, mute toggle, horizontal or vertical v","s":"pipecat","c":"media/player","hc":1},{"id":"pipecat:conversation","t":"Conversation","d":"Live scrolling transcript of the user/agent conversation with role labels, karaoke text re","s":"pipecat","c":"ai-agent/ai-agent","tg":["playful"],"sb":"Chat","sy":["playful"],"hc":1},{"id":"pipecat:text-input","t":"Text Input","d":"Message composer with inline send button that injects the message into the conversation an","s":"pipecat","c":"inputs/form-field","hc":1},{"id":"pipecat:transcript-overlay","t":"Transcript Overlay","d":"Caption-style overlay for bot speech with word-by-word fade-in and turn-end fade-out.","k":"motion","s":"pipecat","c":"motion/text-effect","hc":1},{"id":"pipecat:client-status","t":"Client Status","d":"Client and agent connection status rows, live-updated from transport state and bot lifecyc","s":"pipecat","c":"ai-agent/ai-agent","sb":"Voice","hc":1},{"id":"pipecat:session-info","t":"Session Info","d":"Session metadata rows: transport type, copyable ids, RTVI client/server versions.","s":"pipecat","c":"data-display/list","hc":1},{"id":"pipecat:dtmf-keypad","t":"DTMF Keypad","d":"Telephone keypad that sends DTMF tones — buffered sequence entry or immediate per-key dial","s":"pipecat","c":"data-display/badge","hc":1},{"id":"pipecat:use-pipecat-app","t":"usePipecatApp","d":"Client bootstrap hook with an explicit transport factory, connect/disconnect lifecycle, st","k":"lib","s":"pipecat","c":"lib/hook","hc":1},{"id":"pipecat:use-pipecat-metrics","t":"usePipecatMetrics","d":"Shared store of RTVI metrics: per-processor ttfb/ttfa/processing/characters/stt_usage seri","k":"lib","s":"pipecat","c":"lib/hook","hc":1},{"id":"pipecat:use-pipecat-event-stream","t":"usePipecatEventStream","d":"Shared RTVI event log: rAF-batched capture with a rolling cap, pause, clear-on-reconnect, ","k":"lib","s":"pipecat","c":"lib/hook","hc":1},{"id":"pipecat:metric","t":"Metric","d":"Single-datapoint metric tile — label, big tabular value, optional unit — fully generic and","s":"pipecat","c":"data-display/stat","hc":1},{"id":"pipecat:metrics","t":"Metrics","d":"Metrics dashboard block with a Performance/Usage tab navigator: per-processor latency tile","s":"pipecat","c":"data-display/stat","hc":1},{"id":"pipecat:console","t":"Console","d":"Workbench for debugging and testing Pipecat agents: connect flow, bot media, conversation ","s":"pipecat","c":"data-display/card","hc":1},{"id":"pixel-openspace:pixel-openspace","t":"Pixel Openspace","d":"A pixel-art open space where your scheduled jobs and AI agents come to work: they sit and ","s":"pixel-openspace","c":"ai-agent/ai-agent","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"pixelact-ui:accordion","t":"Pixelact Accordion","d":"A simple accordion component.","s":"pixelact-ui","c":"data-display/accordion","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:alert","t":"Pixelact Alert","d":"A simple alert component.","s":"pixelact-ui","c":"overlays/alert-banner","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:alert-dialog","t":"Pixelact Alert Dialog","d":"A simple alert dialog component.","s":"pixelact-ui","c":"overlays/dialog","tg":["minimal","retro and HUD"],"sb":"Confirm","sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:avatar","t":"Pixelact Avatar","d":"A simple avatar component.","s":"pixelact-ui","c":"data-display/avatar","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:badge","t":"Pixelact Badge","d":"A simple badge component.","s":"pixelact-ui","c":"data-display/badge","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:breadcrumb","t":"Pixelact Breadcrumb","d":"A simple breadcrumb component.","s":"pixelact-ui","c":"navigation/breadcrumb","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:button","t":"Pixelact Button","d":"A simple button component.","s":"pixelact-ui","c":"actions/button","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:calendar","t":"Pixelact Calendar","d":"A simple calendar component.","s":"pixelact-ui","c":"data-display/calendar","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:card","t":"Pixelact Card","d":"A simple card component.","s":"pixelact-ui","c":"data-display/card","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:carousel","t":"Pixelact Carousel","d":"A simple carousel component.","s":"pixelact-ui","c":"media/carousel","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:checkbox","t":"Pixelact Checkbox","d":"A simple checkbox component.","s":"pixelact-ui","c":"inputs/checkbox","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:collapsible","t":"Pixelact Collapsible","d":"A simple collapsible component.","s":"pixelact-ui","c":"data-display/accordion","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:dialog","t":"Pixelact Dialog","d":"A simple dialog component.","s":"pixelact-ui","c":"overlays/dialog","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:input","t":"Pixelact Input","d":"A simple input component.","s":"pixelact-ui","c":"inputs/form-field","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:textarea","t":"Pixelact Textarea","d":"A simple textarea component.","s":"pixelact-ui","c":"inputs/textarea","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:label","t":"Pixelact Label","d":"A simple label component.","s":"pixelact-ui","c":"inputs/form-field","tg":["minimal","retro and HUD"],"sb":"Animated fields","sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:popover","t":"Pixelact Popover","d":"A simple popover component.","s":"pixelact-ui","c":"overlays/popover","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:select","t":"Pixelact Select","d":"A simple select component.","s":"pixelact-ui","c":"inputs/select","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:command","t":"Pixelact Command","d":"A simple command component.","s":"pixelact-ui","c":"navigation/command-palette","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:context-menu","t":"Pixelact Context Menu","d":"A simple context menu component.","s":"pixelact-ui","c":"overlays/context-menu","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:hover-card","t":"Pixelact Hover Card","d":"A simple hover card component.","s":"pixelact-ui","c":"overlays/hover-card","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:tooltip","t":"Pixelact Tooltip","d":"A simple tooltip component.","s":"pixelact-ui","c":"overlays/tooltip","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:menubar","t":"Pixelact Menubar","d":"A simple menubar component.","s":"pixelact-ui","c":"navigation/top-nav","tg":["minimal","retro and HUD"],"sb":"Mega menus","sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:spinner","t":"Pixelact Spinner","d":"A simple spinner component.","s":"pixelact-ui","c":"status/loader","tg":["minimal","retro and HUD"],"sb":"Spinners","sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:toast","t":"Pixelact Toast","d":"A simple toast component.","s":"pixelact-ui","c":"overlays/toast","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"pixelact-ui:drawer","t":"Pixelact Drawer","d":"A pixel art styled drawer component built on top of vaul Drawer.","s":"pixelact-ui","c":"overlays/sheet","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"pixelact-ui:empty","t":"Pixelact Empty","d":"A pixel art styled empty state component.","s":"pixelact-ui","c":"data-display/empty-state","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"pixelact-ui:kbd","t":"Pixelact Kbd","d":"A pixel art styled keyboard key component.","s":"pixelact-ui","c":"data-display/typography","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"plate:plate","t":"Plate","d":"Install Plate package","k":"lib","s":"plate","c":"lib/utility","vn":1},{"id":"plate:ai-menu","t":"AI Menu","d":"A menu for AI-powered content generation and insertion.","s":"plate","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"plate:ai-toolbar-button","t":"AI Toolbar Button","d":"A toolbar button for accessing AI features.","s":"plate","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"plate:align-toolbar-button","t":"Align Toolbar Button","d":"A dropdown menu for text alignment controls.","s":"plate","c":"actions/button","tg":["minimal"],"sb":"Groups and split","sy":["minimal"],"hc":1},{"id":"plate:block-context-menu","t":"Block Context Menu","d":"A context menu for block-level operations.","s":"plate","c":"overlays/context-menu","hc":1},{"id":"plate:block-selection","t":"Block Selection","d":"A visual overlay for selected blocks.","s":"plate","c":"inputs/select","vn":1,"hc":1},{"id":"plate:import-toolbar-button","t":"Import Toolbar Button","d":"A toolbar button to import editor content from a file.","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:export-toolbar-button","t":"Export Toolbar Button","d":"A toolbar button for exporting editor content in various formats (HTML, PDF, Image, Markdo","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:caption","t":"Caption","d":"A text field for adding captions to media elements.","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:font-color-toolbar-button","t":"Font Color Toolbar Button","d":"A color picker toolbar button with text and background color controls.","k":"resource","s":"plate","c":"assets/font","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"plate:comment-toolbar-button","t":"Comment Toolbar Button","d":"A toolbar button for adding inline comments.","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:block-suggestion","t":"Block Suggestion","s":"plate","c":"other/other"},{"id":"plate:block-discussion","t":"Block Discussion","d":"A popover interface for managing discussions: comments, replies, suggestions.","s":"plate","c":"overlays/popover","hc":1},{"id":"plate:cursor-overlay","t":"Cursor Overlay","d":"A visual overlay for cursors and selections.","k":"motion","s":"plate","c":"motion/cursor","vn":1,"hc":1},{"id":"plate:block-draggable","t":"Block Draggable","d":"A block wrapper with a drag handle for moving editor blocks.","s":"plate","c":"inputs/textarea","hc":1},{"id":"plate:editor","t":"Editor","d":"A container for the editor content and styling.","s":"plate","c":"inputs/textarea","vn":5,"hc":1},{"id":"plate:select-editor","t":"Select Editor","d":"An editor to select tags.","s":"plate","c":"inputs/select","vn":1,"hc":1},{"id":"plate:emoji-toolbar-button","t":"Emoji Toolbar Button","d":"An emoji picker toolbar button.","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:fixed-toolbar-buttons","t":"Fixed Toolbar Buttons","d":"A set of commonly used formatting buttons.","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:fixed-toolbar-classic-buttons","t":"Fixed Toolbar List Buttons","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:fixed-toolbar","t":"Fixed Toolbar","d":"A fixed toolbar that stays at the top of the editor.","s":"plate","c":"navigation/menu","sb":"Menubars","vn":2,"hc":1},{"id":"plate:floating-toolbar-buttons","t":"Floating Toolbar Buttons","d":"A set of formatting buttons for the floating toolbar.","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:floating-toolbar-classic-buttons","t":"Floating Toolbar Classic Buttons","d":"A set of commonly used formatting buttons for the floating toolbar with classic list suppo","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:floating-toolbar","t":"Floating Toolbar","d":"A contextual toolbar that appears over selected text.","s":"plate","c":"navigation/dock","vn":2,"hc":1},{"id":"plate:ghost-text","t":"Ghost Text","d":"A text suggestion system that displays AI-generated content after the cursor.","k":"motion","s":"plate","c":"motion/text-effect","hc":1},{"id":"plate:history-toolbar-button","t":"History Toolbar Button","d":"Toolbar buttons for undo and redo operations.","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:list-toolbar-button","t":"List Toolbar Button","d":"A toolbar control for adjusting list indentation.","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:indent-toolbar-button","t":"Indent Toolbar Buttons","d":"Toolbar controls for block indentation.","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:inline-combobox","t":"Inline Combobox","d":"A combobox for inline suggestions.","s":"plate","c":"inputs/combobox","hc":1},{"id":"plate:insert-toolbar-button","t":"Insert Toolbar Button","d":"A menu for inserting different types of blocks.","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:insert-toolbar-classic-button","t":"Insert Toolbar Classic Button","d":"A menu for inserting different types of blocks with classic list support.","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:line-height-toolbar-button","t":"Line Height Toolbar Button","d":"A menu for controlling text line spacing.","s":"plate","c":"actions/button","tg":["minimal"],"sb":"Groups and split","sy":["minimal"],"hc":1},{"id":"plate:link-toolbar","t":"Link Floating Toolbar","d":"A floating interface for link editing.","s":"plate","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"plate:link-toolbar-button","t":"Link Toolbar Button","d":"A toolbar control for link management.","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:list-classic-toolbar-button","t":"List Toolbar Buttons","d":"Toolbar controls for list creation and management.","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:mark-toolbar-button","t":"Mark Toolbar Button","d":"A toolbar control for basic text formatting.","s":"plate","c":"actions/button","tg":["minimal"],"sb":"Groups and split","sy":["minimal"],"hc":1},{"id":"plate:media-toolbar","t":"Media Toolbar","d":"A toolbar interface for media settings.","s":"plate","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"plate:media-toolbar-button","t":"Media Toolbar Button","d":"Toolbar button for inserting and managing media.","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:media-upload-toast","t":"Media Upload Toast","d":"Show toast notifications for media uploads.","s":"plate","c":"overlays/toast","hc":1},{"id":"plate:mode-toolbar-button","t":"Mode Toolbar Button","d":"A menu for switching between editor modes.","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:more-toolbar-button","t":"More Toolbar Button","d":"A menu for additional text formatting options.","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:resize-handle","t":"Resize Handle","d":"A resizable wrapper with resize handles.","k":"layout","s":"plate","c":"layout/split-pane","hc":1},{"id":"plate:table-toolbar-button","t":"Table Toolbar Button","d":"A menu for table manipulation and formatting.","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:toggle-toolbar-button","t":"Toggle Toolbar Button","d":"A toolbar button for expanding and collapsing blocks.","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:turn-into-toolbar-button","t":"Turn Into Toolbar Button","d":"A menu for converting between different block types.","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:turn-into-toolbar-classic-button","t":"Turn Into Toolbar Classic Button","d":"A dropdown to convert block types with classic list support.","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:remote-cursor-overlay","t":"Remote Cursor Overlay","d":"A cursor overlay to display multiplayer cursors in the yjs plugin.","k":"motion","s":"plate","c":"motion/cursor","hc":1},{"id":"plate:toolbar","t":"Toolbar","d":"A customizable toolbar component with various button styles and group","s":"plate","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"plate:suggestion-toolbar-button","t":"Suggestion Toolbar Button","d":"A toolbar button for toggling suggestion mode in the editor.","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:ai-node","t":"AI Leaf","d":"A text highlighter for AI-generated content.","s":"plate","c":"ai-agent/ai-agent","hc":1},{"id":"plate:block-list","t":"List","d":"List components.","s":"plate","c":"data-display/list","hc":1},{"id":"plate:blockquote-node","t":"Blockquote Element","d":"A quote component for block quotes.","s":"plate","c":"data-display/typography","hc":1},{"id":"plate:callout-node","t":"Callout node","d":"A callout component for highlighting important information with customizable icons and sty","s":"plate","c":"overlays/alert-banner","hc":1},{"id":"plate:code-block-node","t":"Code Block Nodes","d":"A code block with syntax highlighting and language selection.","s":"plate","c":"data-display/code-block","hc":1},{"id":"plate:code-drawing-node","t":"Code Drawing Node","d":"Create diagrams from code using PlantUML, Graphviz, Flowchart, or Mermaid.","s":"plate","c":"data-viz/chart","hc":1},{"id":"plate:code-node","t":"Code Leaf","d":"An inline component for code snippets.","s":"plate","c":"other/other","hc":1},{"id":"plate:column-node","t":"Column Nodes","d":"Resizable column components for layout.","k":"layout","s":"plate","c":"layout/split-pane","hc":1},{"id":"plate:comment-node","t":"Comment Leaf","d":"A text component for displaying comments with visual indicators.","k":"motion","s":"plate","c":"motion/text-effect","hc":1},{"id":"plate:date-node","t":"Date Element","d":"A date field component with calendar picker.","s":"plate","c":"inputs/select","hc":1},{"id":"plate:equation-node","t":"Equation Element","d":"Displays a LaTeX equation element with an editable popover for inputting and rendering mat","s":"plate","c":"overlays/popover","hc":1},{"id":"plate:equation-toolbar-button","t":"Equation Toolbar Button","d":"A toolbar button for inserting and editing equations.","s":"plate","c":"actions/button","sb":"Groups and split","hc":1},{"id":"plate:emoji-node","t":"Emoji Input Element","d":"An input component for emoji search and insertion.","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:excalidraw-node","t":"Excalidraw Element","d":"A drawing component powered by Excalidraw.","s":"plate","c":"other/other","hc":1},{"id":"plate:font-size-toolbar-button","t":"Font Size Toolbar Button","d":"A toolbar control for adjusting font size.","k":"resource","s":"plate","c":"assets/font","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"plate:footnote-node","t":"Footnote Elements","d":"Inline footnote references, definitions, and input UI.","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:heading-node","t":"Heading Element","d":"A heading with multiple level support.","k":"motion","s":"plate","c":"motion/text-effect","hc":1},{"id":"plate:highlight-node","t":"Highlight Leaf","d":"A text highlighter with customizable colors.","k":"motion","s":"plate","c":"motion/text-effect","hc":1},{"id":"plate:hr-node","t":"Horizontal Rule Element","d":"A horizontal rule component with focus states.","s":"plate","c":"data-display/stat","hc":1},{"id":"plate:media-image-node","t":"Image Element","d":"Image element with lazy loading, resizing capabilities, and optional caption.","s":"plate","c":"media/gallery","hc":1},{"id":"plate:media-preview-dialog","t":"Media Preview Dialog","d":"A modal component for previewing and manipulating images.","s":"plate","c":"overlays/dialog","sb":"Media","hc":1},{"id":"plate:kbd-node","t":"Keyboard Input Leaf","d":"A component for styling keyboard shortcuts.","s":"plate","c":"data-display/typography","hc":1},{"id":"plate:link-node","t":"Link Element","d":"A component for rendering hyperlinks with hover states.","s":"plate","c":"actions/link","hc":1},{"id":"plate:list-classic-node","t":"List Nodes","d":"List (classic) nodes for ordered and unordered items.","s":"plate","c":"data-display/list","hc":1},{"id":"plate:media-audio-node","t":"Media Audio Element","d":"An audio player component with caption support.","s":"plate","c":"media/player","hc":1},{"id":"plate:media-embed-node","t":"Media Embed Element","d":"A component for embedded media content with resizing and caption support.","s":"plate","c":"other/other","hc":1},{"id":"plate:media-file-node","t":"Media File Element","d":"A file attachment component with download capability and caption.","s":"plate","c":"inputs/file-upload","hc":1},{"id":"plate:media-placeholder-node","t":"Media Placeholder Element","d":"A placeholder for media upload progress indication.","s":"plate","c":"inputs/file-upload","hc":1},{"id":"plate:media-video-node","t":"Media Video Element","d":"A video player component with YouTube and file upload support.","s":"plate","c":"media/player","hc":1},{"id":"plate:mention-node","t":"Mention Nodes","d":"A mention element with customizable prefix and label, powered by a combobox.","s":"plate","c":"inputs/combobox","hc":1},{"id":"plate:paragraph-node","t":"Paragraph Element","d":"A paragraph block with background color support.","k":"motion","s":"plate","c":"motion/background","hc":1},{"id":"plate:search-highlight-node","t":"Search Highlight Leaf","d":"A component that highlights search results in text.","s":"plate","c":"inputs/search","hc":1},{"id":"plate:slash-node","t":"Slash Input Element","d":"A command input component for inserting various elements.","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:table-node","t":"Table Element","d":"A table component with floating toolbar and border customization.","s":"plate","c":"data-display/table","hc":1},{"id":"plate:tag-node","t":"Tag Element","d":"A tag element component with selection states and styling.","s":"plate","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"plate:toc-node","t":"TOC Element","d":"A table of contents component with links to document headings.","s":"plate","c":"navigation/table-of-contents","hc":1},{"id":"plate:toggle-node","t":"Toggle Element","d":"A collapsible component for toggling content visibility.","s":"plate","c":"actions/switch","hc":1},{"id":"plate:align-base-kit","t":"Align base kit","s":"plate","c":"other/other","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"plate:basic-blocks-base-kit","t":"Basic blocks base kit","s":"plate","c":"other/other","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"plate:basic-marks-base-kit","t":"Basic marks base kit","s":"plate","c":"other/other","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"plate:callout-base-kit","t":"Callout base kit","s":"plate","c":"overlays/alert-banner","hc":1},{"id":"plate:code-block-base-kit","t":"Code block base kit","s":"plate","c":"data-display/code-block","hc":1},{"id":"plate:code-drawing-base-kit","t":"Code drawing base kit","s":"plate","c":"other/other","hc":1},{"id":"plate:column-base-kit","t":"Column base kit","s":"plate","c":"other/other","hc":1},{"id":"plate:comment-base-kit","t":"Comment base kit","s":"plate","c":"other/other","hc":1},{"id":"plate:date-base-kit","t":"Date base kit","s":"plate","c":"other/other","hc":1},{"id":"plate:footnote-base-kit","t":"Footnote base kit","s":"plate","c":"other/other","hc":1},{"id":"plate:excalidraw-kit","t":"Excalidraw kit","s":"plate","c":"other/other","hc":1},{"id":"plate:font-base-kit","t":"Font base kit","k":"resource","s":"plate","c":"assets/font","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"plate:indent-base-kit","t":"Indent base kit","s":"plate","c":"other/other","hc":1},{"id":"plate:line-height-base-kit","t":"Line height base kit","s":"plate","c":"other/other","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"plate:link-base-kit","t":"Link base kit","s":"plate","c":"actions/link","hc":1},{"id":"plate:list-base-kit","t":"List base kit","s":"plate","c":"data-display/list","hc":1},{"id":"plate:math-base-kit","t":"Math base kit","s":"plate","c":"other/other","hc":1},{"id":"plate:media-base-kit","t":"Media base kit","s":"plate","c":"other/other","hc":1},{"id":"plate:mention-base-kit","t":"Mention base kit","s":"plate","c":"inputs/combobox","hc":1},{"id":"plate:suggestion-base-kit","t":"Suggestion base kit","s":"plate","c":"other/other","hc":1},{"id":"plate:table-base-kit","t":"Table base kit","s":"plate","c":"data-display/table","hc":1},{"id":"plate:toc-base-kit","t":"Toc base kit","s":"plate","c":"navigation/table-of-contents","hc":1},{"id":"plate:toggle-base-kit","t":"Toggle base kit","s":"plate","c":"actions/switch","hc":1},{"id":"plate:ai-kit","t":"Ai kit","s":"plate","c":"ai-agent/ai-agent","hc":1},{"id":"plate:align-kit","t":"Align kit","s":"plate","c":"other/other","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"plate:autoformat-classic-kit","t":"Autoformat classic kit","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:autoformat-kit","t":"Autoformat kit","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:basic-blocks-kit","t":"Basic blocks kit","s":"plate","c":"other/other","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"plate:basic-marks-kit","t":"Basic marks kit","s":"plate","c":"other/other","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"plate:basic-nodes-kit","t":"Basic nodes kit","s":"plate","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"],"vn":2,"hc":1},{"id":"plate:block-menu-kit","t":"Block menu kit","s":"plate","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"plate:block-placeholder-kit","t":"Block placeholder kit","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:callout-kit","t":"Callout kit","s":"plate","c":"overlays/alert-banner","hc":1},{"id":"plate:code-block-kit","t":"Code block kit","s":"plate","c":"data-display/code-block","hc":1},{"id":"plate:code-drawing-kit","t":"Code drawing kit","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:column-kit","t":"Column kit","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:comment-kit","t":"Comment kit","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:copilot-kit","t":"Copilot kit","s":"plate","c":"ai-agent/ai-agent","vn":2,"hc":1},{"id":"plate:date-kit","t":"Date kit","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:discussion-kit","t":"Discussion kit","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:dnd-kit","t":"Dnd kit","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:docx-kit","t":"Docx kit","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:docx-export-kit","t":"Docx export kit","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:editor-kit","t":"Editor kit","s":"plate","c":"inputs/textarea","vn":2,"hc":1},{"id":"plate:emoji-kit","t":"Emoji kit","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:exit-break-kit","t":"Exit break kit","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:footnote-kit","t":"Footnote kit","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:font-kit","t":"Font kit","k":"resource","s":"plate","c":"assets/font","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"plate:indent-kit","t":"Indent kit","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:line-height-kit","t":"Line height kit","s":"plate","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"plate:link-kit","t":"Link kit","s":"plate","c":"actions/link","hc":1},{"id":"plate:list-classic-kit","t":"List classic kit","s":"plate","c":"data-display/list","hc":1},{"id":"plate:list-kit","t":"List kit","s":"plate","c":"data-display/list","hc":1},{"id":"plate:markdown-kit","t":"Markdown kit","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:math-kit","t":"Math kit","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:media-kit","t":"Media kit","d":"Media kit without API (see media-uploadthing-api for reference)","s":"plate","c":"media/gallery","hc":1},{"id":"plate:media-uploadthing-kit","t":"Media uploadthing kit","d":"media-kit + media-uploadthing-api","s":"plate","c":"media/gallery"},{"id":"plate:mention-kit","t":"Mention kit","s":"plate","c":"inputs/combobox","hc":1},{"id":"plate:slash-kit","t":"Slash kit","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:suggestion-kit","t":"Suggestion kit","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:tabbable-kit","t":"Tabbable kit","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:table-kit","t":"Table kit","s":"plate","c":"data-display/table","hc":1},{"id":"plate:toc-kit","t":"Toc kit","s":"plate","c":"navigation/table-of-contents","hc":1},{"id":"plate:toggle-kit","t":"Toggle kit","s":"plate","c":"actions/switch","hc":1},{"id":"plate:ai-api","t":"Ai api","k":"lib","s":"plate","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"plate:copilot-api","t":"Copilot api","k":"lib","s":"plate","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"plate:media-uploadthing-api","t":"Media uploadthing api","k":"lib","s":"plate","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"plate:settings-dialog","t":"Settings dialog","s":"plate","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"plate:use-chat","t":"Use chat","s":"plate","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"plate:transforms","t":"Transforms","s":"plate","c":"inputs/textarea","hc":1},{"id":"plate:transforms-classic","t":"Transforms classic","s":"plate","c":"inputs/textarea","hc":1},{"id":"plate:plate-types","t":"Plate types","s":"plate","c":"inputs/textarea","hc":1},{"id":"plate:editor-ai","t":"Editor ai","d":"An AI editor","s":"plate","c":"ai-agent/ai-agent","hc":1},{"id":"plate:editor-select","t":"Editor select","d":"A multi-select editor","s":"plate","c":"inputs/select","hc":1},{"id":"plate:slate-to-html","t":"Slate to html","s":"plate","c":"inputs/textarea","hc":1},{"id":"plate:suggestion","t":"Suggestion","k":"lib","s":"plate","c":"lib/utility","vn":1,"hc":1},{"id":"plate:uploadthing","t":"Uploadthing","k":"lib","s":"plate","c":"lib/hook","hc":1},{"id":"plate:markdown-joiner-transform","t":"Markdown joiner transform","k":"lib","s":"plate","c":"lib/hook","hc":1},{"id":"plate:tailwind-scrollbar-hide","t":"Tailwind scrollbar hide","k":"theme","s":"plate","c":"themes/style"},{"id":"plate:highlight-style","t":"Highlight style","k":"theme","s":"plate","c":"themes/style"},{"id":"plate:use-debounce","t":"Use debounce","k":"lib","s":"plate","c":"lib/hook","hc":1},{"id":"plate:use-mobile","t":"Use mobile","k":"lib","s":"plate","c":"lib/hook","hc":1},{"id":"plate:use-mounted","t":"Use mounted","k":"lib","s":"plate","c":"lib/hook","vn":1,"hc":1},{"id":"plate:use-is-touch-device","t":"Use is touch device","k":"lib","s":"plate","c":"lib/hook","hc":1},{"id":"plate:huge-document-demo","t":"Huge document demo","s":"plate","c":"inputs/form-field","hc":1},{"id":"plate:version-history-demo","t":"Version history demo","s":"plate","c":"data-display/timeline","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"plate:docs-meta","t":"Documentation metadata","d":"Fumadocs metadata for plate documentation","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:docs","t":"Documentation","d":"All documentation files for plate","k":"lib","s":"plate","c":"lib/utility"},{"id":"plate:fumadocs","t":"Fumadocs app","d":"Fumadocs app for plate","k":"lib","s":"plate","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"plate:controlled-docs","t":"Controlled Editor Value","d":"Control initial values, persistence, replacement, and async initialization.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:debugging-docs","t":"Debugging","d":"Debugging in Plate.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:editing-behavior-docs","t":"Editing Behavior","d":"How Plate handles Enter, Backspace, merge, normalize, and selection behavior.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:editor-methods-docs","t":"Editor Methods","d":"Read, mutate, and configure a Plate editor instance.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:editor-docs","t":"Editor Configuration","d":"Learn how to configure and customize the Plate editor.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:feature-kits-docs","t":"Feature Kits","d":"Use registry kits to add groups of Plate plugins and UI wiring.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:form-docs","t":"Form","d":"How to integrate Plate editor with react-hook-form.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:performance-docs","t":"Performance","d":"Latest Plate vs Slate large-document benchmark snapshot and how to rerun it locally.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:playwright-docs","t":"Playwright Testing","d":"Learn how to write Playwright tests that integrate with Plate.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:plugin-components-docs","t":"Plugin Components","d":"Render Plate plugin nodes with React components.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:plugin-context-docs","t":"Plugin Context","d":"Use editor, plugin, option, API, and transform context inside Plate plugins.","k":"lib","s":"plate","c":"lib/utility","sb":"State","hc":1},{"id":"plate:plugin-input-rules-docs","t":"Plugin Input Rules","d":"Typed editor rules for markdown shortcuts, block fences, autolinks, and text substitutions","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:plugin-methods-docs","t":"Plugin Methods","d":"Configure, extend, and override Plate plugins.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:plugin-rules-docs","t":"Plugin Rules","d":"Configure common editing behaviors.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:plugin-shortcuts-docs","t":"Plugin Shortcuts","d":"Configure keyboard shortcuts on Plate plugins.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:plugin-docs","t":"Plugin Configuration","d":"How to configure and customize Plate plugins.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:static-docs","t":"Static Rendering","d":"A minimal, memoized, read-only version of Plate with RSC/SSR support.","k":"lib","s":"plate","c":"lib/utility","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"plate:troubleshooting-docs","t":"Troubleshooting","d":"Diagnose common Plate setup and runtime issues.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:typescript-docs","t":"TypeScript","d":"Configure TypeScript (tsconfig) for using Plate, including module resolution solutions.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:unit-testing-docs","t":"Unit Testing Plate","d":"Learn how to unit test Plate editor and plugins.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:ai-docs","t":"AI","d":"AI-powered writing assistance.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:copilot-docs","t":"Copilot","d":"AI-powered text completion suggestions.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:comment-docs","t":"Comment","d":"Documentation for Comment","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:discussion-docs","t":"Discussion","d":"Documentation for Discussion","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:suggestion-docs","t":"Suggestion","d":"Documentation for Suggestion","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:yjs-docs","t":"Collaboration","d":"Real-time collaboration with Yjs","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:basic-blocks-docs","t":"Basic Blocks","d":"Paragraphs, headings, blockquotes, and horizontal rules.","k":"lib","s":"plate","c":"lib/utility","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"plate:blockquote-docs","t":"Blockquote","d":"Documentation for Blockquote","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:callout-docs","t":"Callout","d":"Documentation for Callout","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:code-block-docs","t":"Code Block","d":"Documentation for Code Block","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:code-drawing-docs","t":"Code Drawing","d":"Documentation for Code Drawing","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:column-docs","t":"Column","d":"Documentation for Column","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:date-docs","t":"Date","d":"Inline void date elements with canonical and raw date storage.","k":"lib","s":"plate","c":"lib/utility","sb":"Formatting","hc":1},{"id":"plate:equation-docs","t":"Equation","d":"Block and inline LaTeX equation nodes rendered with KaTeX.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:excalidraw-docs","t":"Excalidraw","d":"Void Excalidraw drawing blocks stored inside Plate values.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:footnote-docs","t":"Footnote","d":"Documentation for Footnote","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:heading-docs","t":"Heading","d":"H1 through H6 block elements with shortcuts, input rules, and static renderers.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:horizontal-rule-docs","t":"Horizontal Rule","d":"Void divider blocks rendered as horizontal rules.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:link-docs","t":"Link","d":"Documentation for Link","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:list-classic-docs","t":"List Classic","d":"Documentation for List Classic","k":"lib","s":"plate","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"plate:media-docs","t":"Media","d":"Documentation for Media","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:mention-docs","t":"Mention","d":"Inline markable void mentions backed by trigger combobox input.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:table-docs","t":"Table","d":"Documentation for Table","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:toc-docs","t":"Table of Contents","d":"Documentation for Table of Contents","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:toggle-docs","t":"Toggle","d":"Documentation for Toggle","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:combobox-docs","t":"Combobox","d":"Documentation for Combobox","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:emoji-docs","t":"Emoji","d":"Inline emoji search and toolbar emoji picking.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:slash-command-docs","t":"Slash Command","d":"Documentation for Slash Command","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:exit-break-docs","t":"Exit Break","d":"Documentation for Exit Break","k":"lib","s":"plate","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"plate:forced-layout-docs","t":"Forced Layout","d":"Path-based normalization for required document structure.","k":"lib","s":"plate","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"plate:single-block-docs","t":"Single Block","d":"Restrict an editor to one root block or one line of text.","k":"lib","s":"plate","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"plate:trailing-block-docs","t":"Trailing Block","d":"Keep a required block at the end of an editor or nested level.","k":"lib","s":"plate","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"plate:autoformat-docs","t":"Autoformat","d":"Markdown shortcuts and text substitutions powered by input rules.","k":"lib","s":"plate","c":"lib/utility","tg":["playful"],"sb":"Formatting","sy":["playful"],"hc":1},{"id":"plate:block-menu-docs","t":"Block Menu","d":"Context-menu actions for selected editor blocks.","k":"lib","s":"plate","c":"lib/utility","tg":["playful"],"sy":["playful"],"hc":1},{"id":"plate:block-placeholder-docs","t":"Block Placeholder","d":"Placeholder text for the active empty block.","k":"lib","s":"plate","c":"lib/utility","tg":["playful"],"sy":["playful"],"hc":1},{"id":"plate:block-selection-docs","t":"Block Selection","d":"Documentation for Block Selection","k":"lib","s":"plate","c":"lib/utility","tg":["playful"],"sy":["playful"],"hc":1},{"id":"plate:caption-docs","t":"Caption","d":"Add captions to media elements like images, videos, and files.","k":"lib","s":"plate","c":"lib/utility","tg":["playful"],"sy":["playful"],"hc":1},{"id":"plate:cursor-overlay-docs","t":"Cursor Overlay","d":"Visual feedback for selections and cursor positions when editor loses focus.","k":"lib","s":"plate","c":"lib/utility","tg":["playful"],"sy":["playful"],"hc":1},{"id":"plate:dnd-docs","t":"Drag & Drop","d":"Drag and drop blocks to reorganize content within the editor.","k":"lib","s":"plate","c":"lib/utility","tg":["playful"],"sy":["playful"],"hc":1},{"id":"plate:find-replace-docs","t":"Find","d":"Highlight search matches in editable text.","k":"lib","s":"plate","c":"lib/utility","tg":["playful"],"sy":["playful"],"hc":1},{"id":"plate:multi-select-docs","t":"Multi Select","d":"Documentation for Multi Select","k":"lib","s":"plate","c":"lib/utility","tg":["playful"],"sy":["playful"],"hc":1},{"id":"plate:navigation-feedback-docs","t":"Navigation Feedback","d":"Flash a landed target after TOC, footnote, search, or custom navigation jumps.","k":"lib","s":"plate","c":"lib/utility","tg":["playful"],"sy":["playful"],"hc":1},{"id":"plate:tabbable-docs","t":"Tabbable","d":"Documentation for Tabbable","k":"lib","s":"plate","c":"lib/utility","tg":["playful"],"sy":["playful"],"hc":1},{"id":"plate:toolbar-docs","t":"Toolbar","d":"Fixed and floating toolbars for your editor.","k":"lib","s":"plate","c":"lib/utility","tg":["playful"],"sy":["playful"],"hc":1},{"id":"plate:basic-marks-docs","t":"Basic Marks","d":"Common inline text formatting marks.","k":"lib","s":"plate","c":"lib/utility","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"plate:bold-docs","t":"Bold","d":"Add strong inline text formatting.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:code-docs","t":"Code","d":"Add inline code formatting.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:highlight-docs","t":"Highlight","d":"Add marked inline text.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:italic-docs","t":"Italic","d":"Add emphasized inline text.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:kbd-docs","t":"Keyboard Input","d":"Style keyboard shortcuts and key names.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:strikethrough-docs","t":"Strikethrough","d":"Strike through inline text.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:subscript-docs","t":"Subscript","d":"Format inline text below the baseline.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:superscript-docs","t":"Superscript","d":"Format inline text above the baseline.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:underline-docs","t":"Underline","d":"Add underlined inline text.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:csv-docs","t":"Serializing CSV","d":"Documentation for Serializing CSV","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:docx-io-docs","t":"DOCX Import/Export","d":"Import DOCX files and export Plate content to Word documents.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:docx-docs","t":"DOCX Paste","d":"Paste content from Microsoft Word with automatic formatting.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:html-docs","t":"HTML","d":"Convert Plate content to HTML and vice-versa.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:markdown-docs","t":"Markdown","d":"Convert Plate content to Markdown and vice-versa.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:font-docs","t":"Font","d":"Provide extended formatting options for document content.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:indent-docs","t":"Indent","d":"Documentation for Indent","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:line-height-docs","t":"Line Height","d":"Set block line height.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:list-docs","t":"List","d":"Documentation for List","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:text-align-docs","t":"Text Align","d":"Align block content.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:api-cn-docs","t":"Cn","d":"API reference for @udecode/cn.","k":"lib","s":"plate","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"plate:api-core-plate-components-docs","t":"Plate Components","d":"API reference for Plate React components.","k":"lib","s":"plate","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"plate:api-core-plate-controller-docs","t":"Plate Controller","d":"API reference for PlateController.","k":"lib","s":"plate","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"plate:api-core-plate-editor-docs","t":"Plate Editor","d":"API reference for the Plate editor runtime.","k":"lib","s":"plate","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"plate:api-core-plate-plugin-docs","t":"Plate Plugin","d":"API reference for Plate plugins.","k":"lib","s":"plate","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"plate:api-core-plate-store-docs","t":"Store","d":"API reference for Plate store.","k":"lib","s":"plate","c":"lib/utility","sb":"State","hc":1},{"id":"plate:api-core-docs","t":"Plate Core","d":"API reference for @platejs/core.","k":"lib","s":"plate","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"plate:api-floating-docs","t":"Floating","d":"API reference for @platejs/floating.","k":"lib","s":"plate","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"plate:api-plate-docs","t":"Plate","d":"API reference for the platejs package.","k":"lib","s":"plate","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"plate:api-react-utils-docs","t":"React Utils","d":"API reference for @udecode/react-utils.","k":"lib","s":"plate","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"plate:api-resizable-docs","t":"Resizable","d":"API reference for @platejs/resizable.","k":"lib","s":"plate","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"plate:api-slate-editor-api-docs","t":"Editor API","d":"API reference for the Editor API.","k":"lib","s":"plate","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"plate:api-slate-editor-transforms-docs","t":"Editor Transforms","d":"API reference for editor transformation operations in Plate.","k":"lib","s":"plate","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"plate:api-slate-element-docs","t":"Element","d":"API reference for elements in Slate.","k":"lib","s":"plate","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"plate:api-slate-location-ref-docs","t":"Location Ref","d":"API reference for location references in Plate.","k":"lib","s":"plate","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"plate:api-slate-location-docs","t":"Location","d":"API reference for locations in Plate.","k":"lib","s":"plate","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"plate:api-slate-node-docs","t":"Node","d":"API reference for nodes in Plate.","k":"lib","s":"plate","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"plate:api-slate-operation-docs","t":"Operation","d":"API reference for operations in Plate.","k":"lib","s":"plate","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"plate:api-slate-path-docs","t":"Path","d":"API reference for paths in Plate.","k":"lib","s":"plate","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"plate:api-slate-point-docs","t":"Point","d":"API reference for points in Plate.","k":"lib","s":"plate","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"plate:api-slate-range-docs","t":"Range","d":"API reference for ranges in Plate.","k":"lib","s":"plate","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"plate:api-slate-text-docs","t":"Text","d":"API reference for text nodes in Plate.","k":"lib","s":"plate","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"plate:api-slate-docs","t":"Slate","d":"API reference for @platejs/slate.","k":"lib","s":"plate","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"plate:api-utils-docs","t":"Plate Utils","d":"API reference for @platejs/utils.","k":"lib","s":"plate","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"plate:examples-collaboration-example-docs","t":"Collaboration Demo","d":"Real-time Plate collaboration example with Yjs providers and remote cursors.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:examples-editable-voids-docs","t":"Editable Voids","d":"Nest editable controls and a Plate editor inside a void element.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:examples-export-docs","t":"Export","d":"Export a Plate document to HTML, PDF, image, Markdown, or Word.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:examples-huge-document-docs","t":"Huge Document","d":"Documentation for Huge Document","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:examples-hundreds-editors-docs","t":"Hundreds Editors","d":"Render many independent Plate editors on one page.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:examples-preview-markdown-docs","t":"Preview Markdown","d":"Decorate text ranges so Markdown syntax previews inline.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:examples-version-history-docs","t":"Version History","d":"Save Plate value snapshots and render a diff against the live editor.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:index-docs","t":"Introduction","d":"Build rich-text editors with Plate, Plate UI, AI, MCP, and shadcn/ui.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:installation-docs-docs","t":"Local Docs","d":"Set up Plate's documentation locally for version-controlled, AI-enhanced development.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:installation-manual-docs","t":"Manual Installation","d":"Install and configure Plate in your React project without relying on UI component librarie","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:installation-mcp-docs","t":"MCP Server","d":"Use the Model Context Protocol with Plate.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:installation-next-docs","t":"Next.js","d":"Install and configure Plate UI for Next.js","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:installation-node-docs","t":"Node.js","d":"Install and configure Plate for Node.js.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:installation-plate-ui-docs","t":"Plate UI","d":"Install, customize, and sync copied Plate UI components.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:installation-react-docs","t":"React","d":"Install and configure Plate UI for React","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:installation-rsc-docs","t":"RSC","d":"Install and configure Plate for React Server Components.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:installation-docs","t":"Getting Started","d":"Choose the right Plate installation path for your React project.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:migration-slate-to-plate-docs","t":"From Slate to Plate","d":"Move a Slate React editor to Plate's editor, plugin, and rendering model.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:migration-v48-docs","t":"Major Releases up to v48","d":"Historical upgrade notes for Plate apps on v48 and earlier.","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plate:releases-index-docs","t":"Releases","d":"Documentation for Releases","k":"lib","s":"plate","c":"lib/utility","hc":1},{"id":"plotcn:chart-container","t":"Chart Container Primitive","d":"Shared responsive container, ResizeObserver, and CSS token bridge.","s":"plotcn","c":"data-viz/chart","vn":4,"hc":1},{"id":"plotcn:chart-state","t":"Chart State Fallbacks","d":"Truthful loading, empty, and error fallback states with glassmorphic styling.","s":"plotcn","c":"data-viz/chart","tg":["glass"],"sy":["glass"],"hc":1},{"id":"plotcn:chart-tooltip","t":"Chart Tooltip Primitive","d":"High-contrast developer tooltip with tabular numbers and semantic token mapping.","s":"plotcn","c":"overlays/tooltip","hc":1},{"id":"plotcn:chart-tokens","t":"Plotcn Chart Tokens","d":"Canonical chart surface, interaction, state, tooltip, and palette tokens.","k":"theme","s":"plotcn","c":"themes/style","fw":"CSS","hc":1},{"id":"plotcn:chart-legend","t":"Chart Legend Primitive","d":"Series-aware line, area, bar, and point legend treatment.","s":"plotcn","c":"data-viz/chart","hc":1},{"id":"plotcn:chart-accessibility","t":"Accessible Chart Shell","d":"Screen-reader descriptions, live regions, and accessible data disclosure tables.","s":"plotcn","c":"data-viz/chart","hc":1},{"id":"plotcn:chart-theme","t":"Chart Theme Adapter","d":"Semantic CSS variable token extraction and palette resolution.","s":"plotcn","c":"data-viz/chart","hc":1},{"id":"plotcn:line-signal","t":"Signal Line","d":"Focused single-series time-series or ordered categorical line visualization with restraine","s":"plotcn","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"plotcn:line-pulse","t":"Pulse Line","d":"High-frequency operational trend visualization for rapidly changing metrics, rolling windo","s":"plotcn","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"plotcn:line-twin-compare","t":"Twinline Compare","d":"Comparative time-series line visualization contrasting a primary series against a referenc","k":"section","s":"plotcn","c":"marketing/comparison","hc":1},{"id":"plotcn:line-range","t":"Range Line","d":"Visualizes a central trend alongside a lower-to-upper interval envelope for forecasts, con","s":"plotcn","c":"inputs/slider","hc":1},{"id":"plotcn:line-step-signal","t":"Step Signal","d":"Stepped visualization for discrete changes that remain in effect until the next observatio","s":"plotcn","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"plotcn:line-milestones","t":"Milestone Line","d":"Time-series trend with sparse event annotations and milestone pins for releases, incidents","s":"plotcn","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"plotcn:line-threshold","t":"Threshold Line","d":"Quantitative time-series trend evaluated against horizontal reference boundaries and bound","s":"plotcn","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"plotcn:line-focus","t":"Focus Line","d":"An interaction-first time-series line optimized for precise keyboard focus, pointer/touch ","s":"plotcn","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"plotcn:line-multi-signal","t":"Multi Signal Line","d":"Multi-series time-series visualization with deterministic series identity, shared nearest-","s":"plotcn","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"plotcn:line-forecast","t":"Forecast Line","d":"Observed-versus-forecast time-series visualization with explicit prediction semantics, non","s":"plotcn","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"plotcn:area-prism","t":"Prism Area","d":"Single-series magnitude area chart with restrained semantic fill, explicit baseline semant","s":"plotcn","c":"data-viz/chart","sb":"Area","hc":1},{"id":"plotcn:area-stack-flow","t":"Stack Flow Area","d":"Additive multi-series stacked area chart with deterministic stack identity, truthful missi","s":"plotcn","c":"data-viz/chart","sb":"Area","hc":1},{"id":"plotcn:area-percent-stream","t":"Percent Stream Area","d":"100% normalized stacked area chart for tracking how each contributor's share of the visibl","s":"plotcn","c":"data-viz/chart","sb":"Area","hc":1},{"id":"plotcn:area-range","t":"Range Area","d":"Bounded area visualization for showing a lower/upper envelope across an ordered domain, wi","s":"plotcn","c":"inputs/slider","hc":1},{"id":"plotcn:area-comparison","t":"Comparison Area","d":"Two-series area visualization for comparing a primary magnitude against a reference magnit","k":"section","s":"plotcn","c":"marketing/comparison","hc":1},{"id":"plotcn:area-gradient-depth","t":"Gradient Depth Area","d":"Single-series area visualization with a semantic fade-to-surface fill that adds restrained","k":"motion","s":"plotcn","c":"motion/gradient","tg":["3d","gradient"],"sy":["3d","gradient"],"hc":1},{"id":"plotcn:area-baseline","t":"Baseline Area","d":"Single-series area visualization showing values above and below an explicit quantitative r","s":"plotcn","c":"data-viz/chart","sb":"Area","hc":1},{"id":"plotcn:area-interactive","t":"Interactive Area","d":"Inspection-first area visualization with nearest-X selection, observation-aligned crosshai","s":"plotcn","c":"data-viz/chart","sb":"Area","hc":1},{"id":"plotcn:bar-signal","t":"Signal Bars","d":"Canonical zero-anchored bars for discrete categorical comparison with stable ordering, gro","s":"plotcn","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"plotcn:bar-group-compare","t":"Group Compare Bars","d":"Side-by-side peer measures within stable categorical groups, with shared quantitative scal","k":"section","s":"plotcn","c":"marketing/comparison","hc":1},{"id":"plotcn:bar-stack-ledger","t":"Stack Ledger Bars","d":"Additive stacked bars for multi-series categorical composition with stable contributor ide","s":"plotcn","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"plotcn:bar-percent-stack","t":"Percent Stack Bars","d":"100% normalized stacked bars for comparing categorical composition while preserving raw co","s":"plotcn","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"plotcn:bar-diverging","t":"Diverging Bars","d":"Signed categorical comparison around an explicit neutral reference, with truthful deviatio","s":"plotcn","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"plotcn:bar-bullet","t":"Bullet Bars","d":"Compact actual-versus-target bars for operational scorecards, with per-category target mar","s":"plotcn","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"plotcn:bar-variance","t":"Variance Bars","d":"Actual-versus-plan delta bars centered on a truthful zero-variance baseline, with neutral ","s":"plotcn","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"plotcn:bar-interval","t":"Interval Bars","d":"Floating range bars with explicit start and end bounds along a shared quantitative or temp","s":"plotcn","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"plotcn:bar-interactive","t":"Interactive Bars","d":"Category-first bar inspection with a responsive band cursor, persistent touch locking, sin","s":"plotcn","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"plotcn:line-multiple","t":"Multi Series Line Chart","d":"Multi-series line chart comparing current vs previous periods.","s":"plotcn","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"plotcn:d3-animated-line","t":"D3 Animated Line","d":"Continuous scales, monotone curves, and data points computed with D3 and rendered via Reac","s":"plotcn","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"plotcn:d3-force-network","t":"D3 Force Directed Network","d":"Physics-based node simulation with link springs and repulsion forces.","s":"plotcn","c":"data-viz/chart","hc":1},{"id":"plotcn:google-chart-loader","t":"Google Charts Singleton Loader","d":"Resilient loader with promise deduplication and on-demand package loading.","s":"plotcn","c":"status/loader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"plotcn:google-chart-container","t":"Google Chart Container","d":"Lifecycle wrapper managing ResizeObserver and fallback states for Google Charts.","s":"plotcn","c":"data-viz/chart","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"plotcn:google-geochart","t":"Google GeoChart Choropleth","d":"World, country, and regional statistical choropleths via Google Charts hosted geochart pac","s":"plotcn","c":"data-viz/map","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"plotcn:google-line","t":"Google Line Chart","d":"Smooth 2D Cartesian line chart rendered with Google Charts corechart package.","s":"plotcn","c":"data-viz/chart","tg":["webgl"],"sb":"Line and sparkline","sy":["webgl"],"hc":1},{"id":"plotcn:google-bar","t":"Google Bar Chart","d":"Categorical column chart rendered with Google Charts corechart package.","s":"plotcn","c":"data-viz/chart","tg":["webgl"],"sb":"Bar","sy":["webgl"],"hc":1},{"id":"plotcn:chart-motion","t":"Reduced motion preference","k":"lib","s":"plotcn","c":"lib/hook","hc":1},{"id":"plotcn:block-frame","t":"Dashboard frame","d":"Local panel isolation, metrics and honest dashboard states.","k":"layout","s":"plotcn","c":"layout/dashboard","hc":1},{"id":"plotcn:revenue-dashboard","t":"Revenue Dashboard","d":"Revenue trend, channel comparison and contribution with real period and channel filters.","k":"layout","s":"plotcn","c":"layout/dashboard","hc":1},{"id":"preskok:default","t":"Default","k":"theme","s":"preskok","c":"themes/style"},{"id":"preskok:avatar","t":"Avatar","d":"A flexible avatar component with initials and image support","s":"preskok","c":"data-display/avatar","vn":2,"hc":1},{"id":"preskok:async-image","t":"Async image","d":"Compound async image with lazy loading, skeleton placeholder, and error fallback.","s":"preskok","c":"media/gallery","vn":1,"hc":1},{"id":"preskok:badge","t":"Badge","d":"A versatile badge component with multiple intents and styles","s":"preskok","c":"data-display/badge","vn":2,"hc":1},{"id":"preskok:button","t":"Button","d":"A comprehensive button component with multiple variants and sizes","s":"preskok","c":"actions/button","vn":1,"hc":1},{"id":"preskok:button-group","t":"Button group","d":"A component for grouping related buttons with horizontal or vertical orientation","s":"preskok","c":"actions/button","sb":"Groups and split","vn":4,"hc":1},{"id":"preskok:card","t":"Card","d":"A flexible card component with header, content, and footer sections","s":"preskok","c":"data-display/card","hc":1},{"id":"preskok:container","t":"Container","d":"A responsive container component with optional constraints","s":"preskok","c":"data-display/card","vn":1,"hc":1},{"id":"preskok:heading","t":"Heading","d":"A semantic heading component with configurable levels","k":"motion","s":"preskok","c":"motion/text-effect","vn":1,"hc":1},{"id":"preskok:keyboard","t":"Keyboard","d":"A component for displaying keyboard shortcuts and key combinations","s":"preskok","c":"data-display/badge","vn":1,"hc":1},{"id":"preskok:link","t":"Link","d":"An accessible link component with multiple styling options","s":"preskok","c":"actions/link","vn":2,"hc":1},{"id":"preskok:loader","t":"Loader","d":"A collection of loading indicators with multiple variants","s":"preskok","c":"status/loader","vn":1,"hc":1},{"id":"preskok:note","t":"Note","d":"A note component for displaying contextual information with different intents","s":"preskok","c":"other/other","vn":1,"hc":1},{"id":"preskok:separator","t":"Separator","d":"A separator component for dividing content horizontally or vertically","k":"layout","s":"preskok","c":"layout/page-shell","vn":1,"hc":1},{"id":"preskok:skeleton","t":"Skeleton","d":"A skeleton loading component with soft variant option","s":"preskok","c":"status/skeleton","vn":1,"hc":1},{"id":"preskok:text","t":"Text","d":"A simple typography component for consistent text styling","k":"motion","s":"preskok","c":"motion/text-effect","tg":["minimal"],"sy":["minimal"],"vn":1,"hc":1},{"id":"preskok:switch","t":"Switch","d":"An accessible switch component for boolean inputs","s":"preskok","c":"actions/switch","vn":1,"hc":1},{"id":"preskok:tooltip","t":"Tooltip","d":"A tooltip component with arrow and multiple styling options","s":"preskok","c":"overlays/tooltip","vn":1,"hc":1},{"id":"preskok:field","t":"Field","d":"Core field components including Input, Label, Description, and FieldError","s":"preskok","c":"inputs/form-field","vn":1,"hc":1},{"id":"preskok:form","t":"Form","d":"A form wrapper component with accessibility features","s":"preskok","c":"inputs/form-field","sb":"Whole forms","vn":1,"hc":1},{"id":"preskok:checkbox","t":"Checkbox","d":"Checkbox and CheckboxGroup components with field integration","s":"preskok","c":"inputs/checkbox","vn":2,"hc":1},{"id":"preskok:input","t":"Input","d":"Input and InputGroup components for text input with icons, loaders, and buttons","s":"preskok","c":"inputs/form-field","vn":8,"hc":1},{"id":"preskok:input-otp","t":"Input otp","d":"One-time password input component with customizable slots","s":"preskok","c":"inputs/otp-input","vn":1,"hc":1},{"id":"preskok:number-field","t":"Number field","d":"A number input field with stepper buttons and validation","s":"preskok","c":"inputs/number-input","vn":1,"hc":1},{"id":"preskok:radio","t":"Radio","d":"Radio and RadioGroup components with field integration","s":"preskok","c":"inputs/radio","vn":3,"hc":1},{"id":"preskok:search-field","t":"Search field","d":"A search input field with loading state and clear functionality","s":"preskok","c":"inputs/search","tg":["playful"],"sy":["playful"],"vn":1,"hc":1},{"id":"preskok:slider","t":"Slider","d":"A range slider component with tooltip and inline output options","s":"preskok","c":"inputs/slider","vn":1,"hc":1},{"id":"preskok:resizable","t":"Resizable","d":"A resizable panel group with draggable splitters, persistence, and imperative APIs","k":"layout","s":"preskok","c":"layout/split-pane","vn":1,"hc":1},{"id":"preskok:text-field","t":"Text field","d":"A comprehensive text input field with prefix, suffix, and password reveal","s":"preskok","c":"inputs/form-field","vn":1,"hc":1},{"id":"preskok:textarea","t":"Textarea","d":"A multi-line text input component with field integration","s":"preskok","c":"inputs/textarea","vn":1,"hc":1},{"id":"preskok:time-field","t":"Time field","d":"A time input field with segmented time entry","s":"preskok","c":"inputs/time-picker","vn":3,"hc":1},{"id":"preskok:popover","t":"Popover","d":"A popover component for displaying content in an overlay","s":"preskok","c":"overlays/popover","vn":2,"hc":1},{"id":"preskok:dialog","t":"Dialog","d":"A comprehensive dialog component with header, body, and footer sections","s":"preskok","c":"overlays/dialog","vn":1,"hc":1},{"id":"preskok:modal","t":"Modal","d":"A modal dialog component with overlay and blur effects","s":"preskok","c":"overlays/dialog","vn":1,"hc":1},{"id":"preskok:drawer","t":"Drawer","d":"A drawer component that slides in from different sides","s":"preskok","c":"overlays/sheet","vn":1,"hc":1},{"id":"preskok:sheet","t":"Sheet","d":"A sheet component that slides in from different sides with blur effects","s":"preskok","c":"overlays/sheet","vn":1,"hc":1},{"id":"preskok:dropdown","t":"Dropdown","d":"Core dropdown components used by other menu-like components","s":"preskok","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"preskok:menu","t":"Menu","d":"A comprehensive menu component with submenus and sections","s":"preskok","c":"navigation/menu","vn":6,"hc":1},{"id":"preskok:context-menu","t":"Context menu","d":"A context menu component triggered by right-click","s":"preskok","c":"overlays/context-menu","vn":1,"hc":1},{"id":"preskok:list-box","t":"List box","d":"A list box component for displaying selectable options","s":"preskok","c":"data-display/list","vn":1,"hc":1},{"id":"preskok:select","t":"Select","d":"A select component with searchable options and custom styling","s":"preskok","c":"inputs/select","vn":1,"hc":1},{"id":"preskok:combo-box","t":"Combo box","d":"A combo box component with filtering and custom input","s":"preskok","c":"inputs/combobox","vn":1,"hc":1},{"id":"preskok:breadcrumbs","t":"Breadcrumbs","d":"A breadcrumb navigation component with customizable separators","s":"preskok","c":"navigation/breadcrumb","vn":1,"hc":1},{"id":"preskok:description-list","t":"Description list","d":"A description list component for key-value pairs","s":"preskok","c":"data-display/list","vn":1,"hc":1},{"id":"preskok:disclosure","t":"Disclosure","d":"Disclosure and accordion components for collapsible content","s":"preskok","c":"data-display/accordion","vn":1,"hc":1},{"id":"preskok:grid-list","t":"Grid list","d":"A grid list component for displaying items in a grid layout","s":"preskok","c":"data-display/list","vn":1,"hc":1},{"id":"preskok:tabs","t":"Tabs","d":"A tabs component with accessible tab navigation","s":"preskok","c":"navigation/tabs","vn":1,"hc":1},{"id":"preskok:tree","t":"Tree","d":"A tree component for hierarchical data display","s":"preskok","c":"data-display/tree","vn":1,"hc":1},{"id":"preskok:calendar","t":"Calendar","d":"A calendar component with single and range selection support","s":"preskok","c":"data-display/calendar","vn":6,"hc":1},{"id":"preskok:date-field","t":"Date field","d":"A date field component with input segments for date and time entry","s":"preskok","c":"inputs/date-picker","vn":1,"hc":1},{"id":"preskok:date-picker","t":"Date picker","d":"A date picker component with calendar popup for date selection","s":"preskok","c":"inputs/date-picker","vn":4,"hc":1},{"id":"preskok:date-range-picker","t":"Date range picker","d":"A date range picker component with calendar popup","s":"preskok","c":"inputs/date-range","vn":4,"hc":1},{"id":"preskok:range-calendar","t":"Range calendar","d":"A calendar component for selecting date ranges","s":"preskok","c":"data-display/calendar","vn":6,"hc":1},{"id":"preskok:editor","t":"Editor","d":"A minimal rich text editor built on Tiptap","s":"preskok","c":"inputs/textarea","tg":["minimal"],"sy":["minimal"],"vn":1,"hc":1},{"id":"preskok:tag-group","t":"Tag group","d":"A tag group component for displaying and managing tags","s":"preskok","c":"data-display/badge","sb":"Tags and pills","vn":1,"hc":1},{"id":"preskok:multi-select","t":"Multi select","d":"A multiple select component with tag-based selection","s":"preskok","c":"inputs/select","vn":1,"hc":1},{"id":"preskok:tag-field","t":"Tag field","d":"A tag input field for adding and removing tags","s":"preskok","c":"inputs/tag-input","vn":1,"hc":1},{"id":"preskok:token-field","t":"Token field","d":"A text field that supports editable inline tokens","s":"preskok","c":"inputs/form-field","vn":1,"hc":1},{"id":"preskok:toggle","t":"Toggle","d":"A toggle button component with multiple variants","s":"preskok","c":"actions/switch","vn":1,"hc":1},{"id":"preskok:toggle-group","t":"Toggle group","d":"A toggle group component for single or multiple selection","s":"preskok","c":"actions/switch","vn":1,"hc":1},{"id":"preskok:choice-box","t":"Choice box","d":"A choice box component for selecting from a grid of options","s":"preskok","c":"inputs/radio","vn":1,"hc":1},{"id":"preskok:carousel","t":"Carousel","d":"A carousel component with navigation and pagination","s":"preskok","c":"media/carousel","vn":1,"hc":1},{"id":"preskok:preskok-icon","t":"Preskok icon","d":"The official Preskok brand icon component","k":"resource","s":"preskok","c":"assets/icon","vn":1,"hc":1},{"id":"preskok:preskok-auth-button","t":"Preskok auth button","d":"A branded authentication button component for Preskok integration","s":"preskok","c":"actions/button","vn":1,"hc":1},{"id":"preskok:navbar","t":"Navbar","d":"A comprehensive navigation bar with responsive design","s":"preskok","c":"navigation/top-nav","vn":1,"hc":1},{"id":"preskok:sidebar","t":"Sidebar","d":"A composable, themeable, and customizable React Aria sidebar","s":"preskok","c":"navigation/sidebar","hc":1},{"id":"preskok:pagination","t":"Pagination","d":"A pagination component with page navigation controls","s":"preskok","c":"navigation/pagination","vn":1,"hc":1},{"id":"preskok:toolbar","t":"Toolbar","d":"A toolbar component for grouping action buttons","s":"preskok","c":"navigation/menu","sb":"Menubars","vn":1,"hc":1},{"id":"preskok:meter","t":"Meter","d":"A meter component for displaying scalar values within a range","s":"preskok","c":"data-viz/gauge","vn":1,"hc":1},{"id":"preskok:progress-bar","t":"Progress bar","d":"A progress bar component for showing completion status","s":"preskok","c":"data-viz/progress-bar","vn":1,"hc":1},{"id":"preskok:progress-circle","t":"Progress circle","d":"A circular progress component for showing completion status","s":"preskok","c":"data-viz/progress-bar","vn":1,"hc":1},{"id":"preskok:tracker","t":"Tracker","d":"A tracker component for visualizing data over time with tooltips","s":"preskok","c":"other/other","vn":1,"hc":1},{"id":"preskok:toast","t":"Toast","d":"A toast notification component using Sonner","s":"preskok","c":"overlays/toast","vn":1,"hc":1},{"id":"preskok:chart","t":"Chart","d":"Chart foundations, legend, tooltip, and utilities built on TanStack Charts","s":"preskok","c":"data-viz/chart","hc":1},{"id":"preskok:area-chart","t":"Area chart","d":"An area chart with gradient fills, stacking, and animation","s":"preskok","c":"data-viz/chart","tg":["gradient"],"sb":"Area","sy":["gradient"],"vn":3,"hc":1},{"id":"preskok:bar-chart","t":"Bar chart","d":"A bar chart with stacking and percentage options","s":"preskok","c":"data-viz/chart","sb":"Bar","vn":1,"hc":1},{"id":"preskok:line-chart","t":"Line chart","d":"A line chart with multiple series","s":"preskok","c":"data-viz/chart","sb":"Line and sparkline","vn":1,"hc":1},{"id":"preskok:pie-chart","t":"Pie chart","d":"A pie and donut chart with a selectable center label","s":"preskok","c":"data-viz/chart","sb":"Pie, donut and radial","vn":1,"hc":1},{"id":"preskok:radial-chart","t":"Radial chart","d":"A concentric radial bar chart","s":"preskok","c":"data-viz/chart","sb":"Pie, donut and radial","vn":1,"hc":1},{"id":"preskok:radar-chart","t":"Radar chart","d":"A radar chart for single and comparative profiles","s":"preskok","c":"data-viz/chart","sb":"Radar","vn":1,"hc":1},{"id":"preskok:recharts-chart","t":"Recharts chart","d":"Deprecated: Recharts chart helpers. Use chart instead.","s":"preskok","c":"data-viz/chart","vn":1,"hc":1},{"id":"preskok:recharts-area-chart","t":"Recharts area chart","d":"Deprecated: Recharts area chart. Use area-chart instead.","s":"preskok","c":"data-viz/chart","sb":"Area","vn":1,"hc":1},{"id":"preskok:recharts-bar-chart","t":"Recharts bar chart","d":"Deprecated: Recharts bar chart. Use bar-chart instead.","s":"preskok","c":"data-viz/chart","sb":"Bar","vn":1,"hc":1},{"id":"preskok:recharts-line-chart","t":"Recharts line chart","d":"Deprecated: Recharts line chart. Use line-chart instead.","s":"preskok","c":"data-viz/chart","sb":"Line and sparkline","vn":1,"hc":1},{"id":"preskok:recharts-pie-chart","t":"Recharts pie chart","d":"Deprecated: Recharts pie chart. Use pie-chart instead.","s":"preskok","c":"data-viz/chart","sb":"Pie, donut and radial","vn":1,"hc":1},{"id":"preskok:bar-list","t":"Bar list","d":"A horizontal bar list component for displaying ranked data","s":"preskok","c":"data-display/list","vn":1,"hc":1},{"id":"preskok:color-area","t":"Color area","d":"A color area component for 2D color selection","s":"preskok","c":"inputs/color-picker","vn":1,"hc":1},{"id":"preskok:color-field","t":"Color field","d":"A color input field with hex color validation","s":"preskok","c":"inputs/form-field","vn":1,"hc":1},{"id":"preskok:color-slider","t":"Color slider","d":"A color slider component for single-dimension color adjustment","s":"preskok","c":"inputs/slider","vn":1,"hc":1},{"id":"preskok:color-swatch","t":"Color swatch","d":"A color swatch component for displaying colors","s":"preskok","c":"inputs/color-picker","vn":1,"hc":1},{"id":"preskok:color-swatch-picker","t":"Color swatch picker","d":"A color swatch picker for selecting from predefined colors","s":"preskok","c":"inputs/color-picker","vn":1,"hc":1},{"id":"preskok:color-thumb","t":"Color thumb","d":"A color thumb component for color slider controls","s":"preskok","c":"inputs/slider","hc":1},{"id":"preskok:color-wheel","t":"Color wheel","d":"A color wheel component for hue selection","s":"preskok","c":"inputs/color-picker","vn":1,"hc":1},{"id":"preskok:color-picker","t":"Color picker","d":"A comprehensive color picker with multiple input methods","s":"preskok","c":"inputs/color-picker","vn":2,"hc":1},{"id":"preskok:drop-zone","t":"Drop zone","d":"A drop zone component for file uploads","s":"preskok","c":"other/other","vn":1,"hc":1},{"id":"preskok:file-trigger","t":"File trigger","d":"A file input trigger component with button styling","s":"preskok","c":"inputs/form-field","vn":1,"hc":1},{"id":"preskok:scroll-area","t":"Scroll area","d":"A scroll area component with custom scrollbars","k":"layout","s":"preskok","c":"layout/scroll-area","vn":1,"hc":1},{"id":"preskok:show-more","t":"Show more","d":"A show more/less component for collapsible content","s":"preskok","c":"data-display/accordion","vn":1,"hc":1},{"id":"preskok:command","t":"Command","d":"A command palette component for searchable command lists","s":"preskok","c":"navigation/command-palette","vn":1,"hc":1},{"id":"preskok:command-menu","t":"Command menu","d":"A command menu component with search and keyboard navigation","s":"preskok","c":"navigation/command-palette","vn":1,"hc":1},{"id":"preskok:table","t":"Table","d":"A comprehensive table component with sorting, resizing, and selection","s":"preskok","c":"data-display/table","vn":4,"hc":1},{"id":"preskok:number-format","t":"Number format","d":"A number format component that allows you to format numbers in a variety of ways","s":"preskok","c":"other/other","vn":1,"hc":1},{"id":"preskok:locale-context","t":"Locale context","d":"Locale context provider for internationalization support","s":"preskok","c":"other/other","hc":1},{"id":"preskok:utils","t":"Utils","k":"lib","s":"preskok","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"preskok:create-ctx","t":"Create ctx","k":"lib","s":"preskok","c":"lib/utility","hc":1},{"id":"preskok:primitive","t":"Primitive","k":"lib","s":"preskok","c":"lib/utility","hc":1},{"id":"preskok:use-mobile","t":"Use mobile","k":"lib","s":"preskok","c":"lib/hook","hc":1},{"id":"preskok:use-layout-effect","t":"Use layout effect","k":"lib","s":"preskok","c":"lib/hook","hc":1},{"id":"preskok:use-controllable-state","t":"Use controllable state","k":"lib","s":"preskok","c":"lib/hook","hc":1},{"id":"preskok:use-media-query","t":"Use media query","k":"lib","s":"preskok","c":"lib/hook","hc":1},{"id":"preskok:theme-daylight","t":"Theme daylight","k":"theme","s":"preskok","c":"themes/theme"},{"id":"preskok:theme-midnight","t":"Theme midnight","k":"theme","s":"preskok","c":"themes/theme"},{"id":"preskok:theme-emerald","t":"Theme emerald","k":"theme","s":"preskok","c":"themes/theme"},{"id":"preskok:button-preskok-demo","t":"Button preskok demo","s":"preskok","c":"actions/button","hc":1},{"id":"preskok:calendar-preskok-demo","t":"Calendar preskok demo","s":"preskok","c":"data-display/calendar","hc":1},{"id":"preskok:card-preskok-demo","t":"Card preskok demo","s":"preskok","c":"data-display/card","hc":1},{"id":"preskok:sidebar-header","t":"Sidebar header","s":"preskok","c":"navigation/top-nav","hc":1},{"id":"preskok:sidebar-footer","t":"Sidebar footer","k":"section","s":"preskok","c":"marketing/footer","hc":1},{"id":"prompt-kit:prompt-input","t":"Prompt Input","d":"An input field designed for chat interfaces, allowing users to enter and submit text promp","s":"prompt-kit","c":"ai-agent/composer","hc":1},{"id":"prompt-kit:code-block","t":"Code Block","d":"A component for displaying code snippets with syntax highlighting and customizable styling","s":"prompt-kit","c":"ai-agent/ai-agent","hc":1},{"id":"prompt-kit:markdown","t":"Markdown","d":"A component for rendering Markdown content with support for code blocks, GFM, and custom s","s":"prompt-kit","c":"ai-agent/ai-agent","hc":1},{"id":"prompt-kit:message","t":"Message","d":"A component for displaying chat messages with support for avatars, markdown content, and i","s":"prompt-kit","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"prompt-kit:chat-container","t":"Chat Container","d":"A component for creating chat interfaces with intelligent auto-scrolling behavior, designe","s":"prompt-kit","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"prompt-kit:scroll-button","t":"Scroll Button","d":"A floating button component that appears when users scroll up in a container, allowing the","s":"prompt-kit","c":"actions/button","hc":1},{"id":"prompt-kit:loader","t":"Loader","d":"A component for displaying a loading indicator with multiple variants and customizable sty","s":"prompt-kit","c":"status/loader","hc":1},{"id":"prompt-kit:prompt-suggestion","t":"Prompt Suggestion","d":"A component for implementing interactive prompt suggestions in AI interfaces. The PromptSu","s":"prompt-kit","c":"ai-agent/composer","hc":1},{"id":"prompt-kit:response-stream","t":"Response Stream","d":"A component to simulate streaming text on the client side, perfect for fake responses, or ","s":"prompt-kit","c":"ai-agent/ai-agent","hc":1},{"id":"prompt-kit:reasoning","t":"Reasoning","d":"A collapsible component for showing AI reasoning, explanations, or logic. You can control ","s":"prompt-kit","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"prompt-kit:file-upload","t":"File Upload","d":"A component for creating drag-and-drop file upload interfaces with support for single or m","s":"prompt-kit","c":"inputs/file-upload","hc":1},{"id":"prompt-kit:jsx-preview","t":"Jsx Preview","d":"A component for rendering JSX strings as React components, with support for streaming cont","s":"prompt-kit","c":"ai-agent/ai-agent","hc":1},{"id":"prompt-kit:tool","t":"Tool","d":"Displays tool call details including input, output, status, and errors. Ideal for visualiz","s":"prompt-kit","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"prompt-kit:source","t":"Source","d":"Displays website sources used by AI-generated content, showing URL details, titles, and de","s":"prompt-kit","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"prompt-kit:image","t":"Image","d":"A component for displaying images from base64 or Uint8Array data, with full accessibility ","s":"prompt-kit","c":"media/gallery","hc":1},{"id":"prompt-kit:steps","t":"Steps","d":"A component for displaying a sequence of operations in a collapsible layout. Each step can","s":"prompt-kit","c":"navigation/wizard-steps","hc":1},{"id":"prompt-kit:system-message","t":"System Message","d":"A banner-style component for surfacing contextual information, warnings, or instructions w","s":"prompt-kit","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"prompt-kit:chain-of-thought","t":"Chain Of Thought","d":"A component for displaying a chain of thought process with collapsible steps and triggers.","s":"prompt-kit","c":"ai-agent/ai-agent","hc":1},{"id":"prompt-kit:text-shimmer","t":"Text Shimmer","d":"A component for displaying a shimmer effect on text, perfect for loading states or highlig","k":"motion","s":"prompt-kit","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"prompt-kit:thinking-bar","t":"Thinking Bar","d":"A component to display the thinking state of an AI model with optional actions.","s":"prompt-kit","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"prompt-kit:feedback-bar","t":"Feedback Bar","d":"A component to collect user feedback on AI responses.","s":"prompt-kit","c":"ai-agent/ai-agent","hc":1},{"id":"prompt-kit:chatbot","t":"Chatbot","d":"A chatbot component that allows users to chat with an AI model. It uses prompt-kit, shadcn","s":"prompt-kit","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"prompt-kit:tool-calling","t":"Tool calling","d":"A chatbot with tool calling feature. It uses prompt-kit, shadcn/ui, and AI SDK V5.","s":"prompt-kit","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"prosekit:react-example-block-handle","t":"React example block handle","d":"A handle that appears on hover, allowing you to drag and re-order blocks.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-blockquote","t":"React example blockquote","d":"Example for blockquote node.","s":"prosekit","c":"data-display/typography","hc":1},{"id":"prosekit:react-example-bold","t":"React example bold","d":"Example for bold mark.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-change-tracking","t":"React example change tracking","d":"Track and commit document changes with version history.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-code","t":"React example code","d":"Example for inline code mark.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-code-block","t":"React example code block","d":"Code block with syntax highlighting and a Mermaid diagram preview.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-code-block-themes","t":"React example code block themes","d":"Code block with multiple syntax highlighting themes.","s":"prosekit","c":"data-display/code-block","hc":1},{"id":"prosekit:react-example-drop-cursor","t":"React example drop cursor","d":"Visual cursor indicator during drag-and-drop operations.","k":"motion","s":"prosekit","c":"motion/cursor","hc":1},{"id":"prosekit:react-example-emoji-rules","t":"React example emoji rules","d":"Auto-convert text shortcuts to emojis using input rules.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-font-family","t":"React example font family","d":"Change the font family of text.","k":"resource","s":"prosekit","c":"assets/font","hc":1},{"id":"prosekit:react-example-full","t":"React example full","d":"Full-featured editor with most available features enabled.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-gap-cursor","t":"React example gap cursor","d":"Cursor navigation between non-text block elements.","k":"motion","s":"prosekit","c":"motion/cursor","hc":1},{"id":"prosekit:react-example-hard-break","t":"React example hard break","d":"Example for hard line break node.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-heading","t":"React example heading","d":"Example for heading node with multiple levels.","k":"motion","s":"prosekit","c":"motion/text-effect","hc":1},{"id":"prosekit:react-example-highlight","t":"React example highlight","d":"Example for highlighting text (like a highlighter pen).","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-horizontal-rule","t":"React example horizontal rule","d":"Example for horizontal rule node.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-image-view","t":"React example image view","d":"Custom image node views with resize support.","s":"prosekit","c":"media/gallery","hc":1},{"id":"prosekit:react-example-inline-menu","t":"React example inline menu","d":"Inline formatting menu that appears on text selection.","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:react-example-italic","t":"React example italic","d":"Example for italic mark.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-katex","t":"React example katex","d":"Math equation rendering using the KaTeX library.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-keymap","t":"React example keymap","d":"Custom keyboard shortcuts and key bindings.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-link","t":"React example link","d":"Example for link mark with URL input.","s":"prosekit","c":"actions/link","hc":1},{"id":"prosekit:react-example-link-mark-view","t":"React example link mark view","d":"An example showing how to render a mark as a custom component.","s":"prosekit","c":"actions/link","hc":1},{"id":"prosekit:react-example-list","t":"React example list","d":"Example for list node.","s":"prosekit","c":"data-display/list","hc":1},{"id":"prosekit:react-example-list-custom-checkbox","t":"React example list custom checkbox","d":"Custom checkbox styling for task lists.","s":"prosekit","c":"inputs/checkbox","hc":1},{"id":"prosekit:react-example-loro","t":"React example loro","d":"Real-time collaboration using Loro CRDT library.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-mark-rule","t":"React example mark rule","d":"Input rules for automatic mark formatting.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-minimal","t":"React example minimal","d":"Minimal editor setup with basic functionality.","s":"prosekit","c":"inputs/textarea","tg":["minimal","playful"],"sy":["minimal","playful"],"hc":1},{"id":"prosekit:react-example-notion","t":"React example notion","d":"Notion-style editor with block-based editing.","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:react-example-page","t":"React example page","d":"Page layout with configurable paper settings.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-placeholder","t":"React example placeholder","d":"Placeholder text displayed.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-readonly","t":"React example readonly","d":"Toggle between read-only and editable mode.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-rtl","t":"React example rtl","d":"Right-to-left text direction support.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-save-html","t":"React example save html","d":"Save and load documents as HTML format.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-save-json","t":"React example save json","d":"Save and load documents as JSON format.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-save-markdown","t":"React example save markdown","d":"Save and load documents as Markdown format.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-search","t":"React example search","d":"Search and highlight text with navigation.","s":"prosekit","c":"inputs/search","hc":1},{"id":"prosekit:react-example-slash-menu","t":"React example slash menu","d":"Command menu triggered by typing slash (/).","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:react-example-strike","t":"React example strike","d":"Example for strikethrough mark.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-sub-sup","t":"React example sub sup","d":"Example for subscript and superscript marks.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-table","t":"React example table","d":"Table node with row and column operations.","s":"prosekit","c":"data-display/table","hc":1},{"id":"prosekit:react-example-text-align","t":"React example text align","d":"Text alignment options (left, center, right, justify).","k":"motion","s":"prosekit","c":"motion/text-effect","hc":1},{"id":"prosekit:react-example-text-color","t":"React example text color","d":"Change text and background color.","k":"motion","s":"prosekit","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"prosekit:react-example-toolbar","t":"React example toolbar","d":"Formatting toolbar with common editing actions.","s":"prosekit","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"prosekit:react-example-tweet","t":"React example tweet","d":"Embed and display Twitter tweets.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-typography","t":"React example typography","d":"Typography enhancements like smart quotes and dashes.","s":"prosekit","c":"data-display/typography","hc":1},{"id":"prosekit:react-example-underline","t":"React example underline","d":"Example for underline mark.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-unmount","t":"React example unmount","d":"Properly unmount and remount editor instances.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-user-menu","t":"React example user menu","d":"Autocomplete menu for @mentions and #hashtag","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:react-example-user-menu-dynamic","t":"React example user menu dynamic","d":"Dynamic autocomplete menu with async data loading.","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:react-example-view-adapter","t":"React example view adapter","d":"Custom node and mark views using view adapters.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-virtual-selection-repro","t":"React example virtual selection repro","d":"Reproduces pointer refocus in an editable nested node view.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-example-word-counter","t":"React example word counter","d":"Display word and character count statistics.","k":"motion","s":"prosekit","c":"motion/number-ticker","hc":1},{"id":"prosekit:react-example-yjs","t":"React example yjs","d":"Real-time collaboration using Yjs CRDT library.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:react-sample-define-atom-block","t":"React sample define atom block","s":"prosekit","c":"inputs/form-field","hc":1},{"id":"prosekit:react-sample-katex","t":"React sample katex","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:react-sample-sample-doc-block-handle","t":"React sample sample doc block handle","s":"prosekit","c":"inputs/form-field","hc":1},{"id":"prosekit:react-sample-sample-doc-bold","t":"React sample sample doc bold","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:react-sample-sample-doc-code","t":"React sample sample doc code","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:react-sample-sample-doc-code-block","t":"React sample sample doc code block","s":"prosekit","c":"data-display/code-block","hc":1},{"id":"prosekit:react-sample-sample-doc-drop-cursor","t":"React sample sample doc drop cursor","k":"motion","s":"prosekit","c":"motion/cursor","hc":1},{"id":"prosekit:react-sample-sample-doc-font-family","t":"React sample sample doc font family","k":"resource","s":"prosekit","c":"assets/font","hc":1},{"id":"prosekit:react-sample-sample-doc-full","t":"React sample sample doc full","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:react-sample-sample-doc-gap-cursor","t":"React sample sample doc gap cursor","k":"motion","s":"prosekit","c":"motion/cursor","hc":1},{"id":"prosekit:react-sample-sample-doc-hard-break","t":"React sample sample doc hard break","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:react-sample-sample-doc-heading","t":"React sample sample doc heading","k":"motion","s":"prosekit","c":"motion/text-effect","hc":1},{"id":"prosekit:react-sample-sample-doc-highlight","t":"React sample sample doc highlight","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:react-sample-sample-doc-image","t":"React sample sample doc image","s":"prosekit","c":"media/gallery","hc":1},{"id":"prosekit:react-sample-sample-doc-inline-menu","t":"React sample sample doc inline menu","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:react-sample-sample-doc-italic","t":"React sample sample doc italic","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:react-sample-sample-doc-link","t":"React sample sample doc link","s":"prosekit","c":"actions/link","hc":1},{"id":"prosekit:react-sample-sample-doc-link-mark-view","t":"React sample sample doc link mark view","s":"prosekit","c":"actions/link","hc":1},{"id":"prosekit:react-sample-sample-doc-list","t":"React sample sample doc list","s":"prosekit","c":"data-display/list","hc":1},{"id":"prosekit:react-sample-sample-doc-list-custom-checkbox","t":"React sample sample doc list custom checkbox","s":"prosekit","c":"inputs/checkbox","hc":1},{"id":"prosekit:react-sample-sample-doc-notion","t":"React sample sample doc notion","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:react-sample-sample-doc-page","t":"React sample sample doc page","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:react-sample-sample-doc-readonly","t":"React sample sample doc readonly","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:react-sample-sample-doc-rtl","t":"React sample sample doc rtl","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:react-sample-sample-doc-search","t":"React sample sample doc search","s":"prosekit","c":"inputs/search","hc":1},{"id":"prosekit:react-sample-sample-doc-strike","t":"React sample sample doc strike","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:react-sample-sample-doc-sub-sup","t":"React sample sample doc sub sup","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:react-sample-sample-doc-table","t":"React sample sample doc table","s":"prosekit","c":"data-display/table","hc":1},{"id":"prosekit:react-sample-sample-doc-tex","t":"React sample sample doc tex","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:react-sample-sample-doc-text-align","t":"React sample sample doc text align","k":"motion","s":"prosekit","c":"motion/text-effect","hc":1},{"id":"prosekit:react-sample-sample-doc-text-color","t":"React sample sample doc text color","k":"motion","s":"prosekit","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"prosekit:react-sample-sample-doc-tweet","t":"React sample sample doc tweet","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:react-sample-sample-doc-typography","t":"React sample sample doc typography","s":"prosekit","c":"data-display/typography","hc":1},{"id":"prosekit:react-sample-sample-doc-underline","t":"React sample sample doc underline","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:react-sample-sample-doc-view-adapter","t":"React sample sample doc view adapter","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:react-sample-sample-doc-word-counter","t":"React sample sample doc word counter","k":"motion","s":"prosekit","c":"motion/number-ticker","hc":1},{"id":"prosekit:react-sample-sample-query-users","t":"React sample sample query users","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:react-sample-sample-tag-data","t":"React sample sample tag data","s":"prosekit","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"prosekit:react-sample-sample-uploader","t":"React sample sample uploader","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:react-sample-sample-user-data","t":"React sample sample user data","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:react-ui-block-handle","t":"React ui block handle","s":"prosekit","c":"inputs/form-field","hc":1},{"id":"prosekit:react-ui-button","t":"React ui button","s":"prosekit","c":"actions/button","hc":1},{"id":"prosekit:react-ui-code-block-view","t":"React ui code block view","s":"prosekit","c":"data-display/code-block","hc":1},{"id":"prosekit:react-ui-drop-indicator","t":"React ui drop indicator","s":"prosekit","c":"inputs/form-field","hc":1},{"id":"prosekit:react-ui-image-upload-popover","t":"React ui image upload popover","s":"prosekit","c":"overlays/popover","hc":1},{"id":"prosekit:react-ui-image-view","t":"React ui image view","s":"prosekit","c":"media/gallery","hc":1},{"id":"prosekit:react-ui-inline-menu","t":"React ui inline menu","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:react-ui-search","t":"React ui search","s":"prosekit","c":"inputs/search","hc":1},{"id":"prosekit:react-ui-slash-menu","t":"React ui slash menu","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:react-ui-table-handle","t":"React ui table handle","s":"prosekit","c":"data-display/table","hc":1},{"id":"prosekit:react-ui-tag-menu","t":"React ui tag menu","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:react-ui-toolbar","t":"React ui toolbar","s":"prosekit","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"prosekit:react-ui-user-menu","t":"React ui user menu","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:react-ui-word-counter","t":"React ui word counter","k":"motion","s":"prosekit","c":"motion/number-ticker","hc":1},{"id":"prosekit:preact-example-block-handle","t":"Preact example block handle","d":"A handle that appears on hover, allowing you to drag and re-order blocks.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-blockquote","t":"Preact example blockquote","d":"Example for blockquote node.","s":"prosekit","c":"data-display/typography","hc":1},{"id":"prosekit:preact-example-bold","t":"Preact example bold","d":"Example for bold mark.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-change-tracking","t":"Preact example change tracking","d":"Track and commit document changes with version history.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-code","t":"Preact example code","d":"Example for inline code mark.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-code-block","t":"Preact example code block","d":"Code block with syntax highlighting and a Mermaid diagram preview.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-code-block-themes","t":"Preact example code block themes","d":"Code block with multiple syntax highlighting themes.","s":"prosekit","c":"data-display/code-block","hc":1},{"id":"prosekit:preact-example-drop-cursor","t":"Preact example drop cursor","d":"Visual cursor indicator during drag-and-drop operations.","k":"motion","s":"prosekit","c":"motion/cursor","hc":1},{"id":"prosekit:preact-example-emoji-rules","t":"Preact example emoji rules","d":"Auto-convert text shortcuts to emojis using input rules.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-font-family","t":"Preact example font family","d":"Change the font family of text.","k":"resource","s":"prosekit","c":"assets/font","hc":1},{"id":"prosekit:preact-example-full","t":"Preact example full","d":"Full-featured editor with most available features enabled.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-gap-cursor","t":"Preact example gap cursor","d":"Cursor navigation between non-text block elements.","k":"motion","s":"prosekit","c":"motion/cursor","hc":1},{"id":"prosekit:preact-example-hard-break","t":"Preact example hard break","d":"Example for hard line break node.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-heading","t":"Preact example heading","d":"Example for heading node with multiple levels.","k":"motion","s":"prosekit","c":"motion/text-effect","hc":1},{"id":"prosekit:preact-example-highlight","t":"Preact example highlight","d":"Example for highlighting text (like a highlighter pen).","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-horizontal-rule","t":"Preact example horizontal rule","d":"Example for horizontal rule node.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-image-view","t":"Preact example image view","d":"Custom image node views with resize support.","s":"prosekit","c":"media/gallery","hc":1},{"id":"prosekit:preact-example-inline-menu","t":"Preact example inline menu","d":"Inline formatting menu that appears on text selection.","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:preact-example-italic","t":"Preact example italic","d":"Example for italic mark.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-katex","t":"Preact example katex","d":"Math equation rendering using the KaTeX library.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-keymap","t":"Preact example keymap","d":"Custom keyboard shortcuts and key bindings.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-link","t":"Preact example link","d":"Example for link mark with URL input.","s":"prosekit","c":"actions/link","hc":1},{"id":"prosekit:preact-example-link-mark-view","t":"Preact example link mark view","d":"An example showing how to render a mark as a custom component.","s":"prosekit","c":"actions/link","hc":1},{"id":"prosekit:preact-example-list","t":"Preact example list","d":"Example for list node.","s":"prosekit","c":"data-display/list","hc":1},{"id":"prosekit:preact-example-list-custom-checkbox","t":"Preact example list custom checkbox","d":"Custom checkbox styling for task lists.","s":"prosekit","c":"inputs/checkbox","hc":1},{"id":"prosekit:preact-example-loro","t":"Preact example loro","d":"Real-time collaboration using Loro CRDT library.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-mark-rule","t":"Preact example mark rule","d":"Input rules for automatic mark formatting.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-minimal","t":"Preact example minimal","d":"Minimal editor setup with basic functionality.","s":"prosekit","c":"inputs/textarea","tg":["minimal","playful"],"sy":["minimal","playful"],"hc":1},{"id":"prosekit:preact-example-placeholder","t":"Preact example placeholder","d":"Placeholder text displayed.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-readonly","t":"Preact example readonly","d":"Toggle between read-only and editable mode.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-rtl","t":"Preact example rtl","d":"Right-to-left text direction support.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-save-html","t":"Preact example save html","d":"Save and load documents as HTML format.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-save-json","t":"Preact example save json","d":"Save and load documents as JSON format.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-save-markdown","t":"Preact example save markdown","d":"Save and load documents as Markdown format.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-search","t":"Preact example search","d":"Search and highlight text with navigation.","s":"prosekit","c":"inputs/search","hc":1},{"id":"prosekit:preact-example-slash-menu","t":"Preact example slash menu","d":"Command menu triggered by typing slash (/).","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:preact-example-strike","t":"Preact example strike","d":"Example for strikethrough mark.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-sub-sup","t":"Preact example sub sup","d":"Example for subscript and superscript marks.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-table","t":"Preact example table","d":"Table node with row and column operations.","s":"prosekit","c":"data-display/table","hc":1},{"id":"prosekit:preact-example-text-align","t":"Preact example text align","d":"Text alignment options (left, center, right, justify).","k":"motion","s":"prosekit","c":"motion/text-effect","hc":1},{"id":"prosekit:preact-example-text-color","t":"Preact example text color","d":"Change text and background color.","k":"motion","s":"prosekit","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"prosekit:preact-example-toolbar","t":"Preact example toolbar","d":"Formatting toolbar with common editing actions.","s":"prosekit","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"prosekit:preact-example-typography","t":"Preact example typography","d":"Typography enhancements like smart quotes and dashes.","s":"prosekit","c":"data-display/typography","hc":1},{"id":"prosekit:preact-example-underline","t":"Preact example underline","d":"Example for underline mark.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-unmount","t":"Preact example unmount","d":"Properly unmount and remount editor instances.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-user-menu","t":"Preact example user menu","d":"Autocomplete menu for @mentions and #hashtag","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:preact-example-user-menu-dynamic","t":"Preact example user menu dynamic","d":"Dynamic autocomplete menu with async data loading.","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:preact-example-view-adapter","t":"Preact example view adapter","d":"Custom node and mark views using view adapters.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-example-word-counter","t":"Preact example word counter","d":"Display word and character count statistics.","k":"motion","s":"prosekit","c":"motion/number-ticker","hc":1},{"id":"prosekit:preact-example-yjs","t":"Preact example yjs","d":"Real-time collaboration using Yjs CRDT library.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:preact-sample-define-atom-block","t":"Preact sample define atom block","s":"prosekit","c":"inputs/form-field","hc":1},{"id":"prosekit:preact-sample-katex","t":"Preact sample katex","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:preact-sample-sample-doc-block-handle","t":"Preact sample sample doc block handle","s":"prosekit","c":"inputs/form-field","hc":1},{"id":"prosekit:preact-sample-sample-doc-bold","t":"Preact sample sample doc bold","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:preact-sample-sample-doc-code","t":"Preact sample sample doc code","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:preact-sample-sample-doc-code-block","t":"Preact sample sample doc code block","s":"prosekit","c":"data-display/code-block","hc":1},{"id":"prosekit:preact-sample-sample-doc-drop-cursor","t":"Preact sample sample doc drop cursor","k":"motion","s":"prosekit","c":"motion/cursor","hc":1},{"id":"prosekit:preact-sample-sample-doc-font-family","t":"Preact sample sample doc font family","k":"resource","s":"prosekit","c":"assets/font","hc":1},{"id":"prosekit:preact-sample-sample-doc-full","t":"Preact sample sample doc full","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:preact-sample-sample-doc-gap-cursor","t":"Preact sample sample doc gap cursor","k":"motion","s":"prosekit","c":"motion/cursor","hc":1},{"id":"prosekit:preact-sample-sample-doc-hard-break","t":"Preact sample sample doc hard break","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:preact-sample-sample-doc-heading","t":"Preact sample sample doc heading","k":"motion","s":"prosekit","c":"motion/text-effect","hc":1},{"id":"prosekit:preact-sample-sample-doc-highlight","t":"Preact sample sample doc highlight","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:preact-sample-sample-doc-image","t":"Preact sample sample doc image","s":"prosekit","c":"media/gallery","hc":1},{"id":"prosekit:preact-sample-sample-doc-inline-menu","t":"Preact sample sample doc inline menu","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:preact-sample-sample-doc-italic","t":"Preact sample sample doc italic","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:preact-sample-sample-doc-link","t":"Preact sample sample doc link","s":"prosekit","c":"actions/link","hc":1},{"id":"prosekit:preact-sample-sample-doc-link-mark-view","t":"Preact sample sample doc link mark view","s":"prosekit","c":"actions/link","hc":1},{"id":"prosekit:preact-sample-sample-doc-list","t":"Preact sample sample doc list","s":"prosekit","c":"data-display/list","hc":1},{"id":"prosekit:preact-sample-sample-doc-list-custom-checkbox","t":"Preact sample sample doc list custom checkbox","s":"prosekit","c":"inputs/checkbox","hc":1},{"id":"prosekit:preact-sample-sample-doc-readonly","t":"Preact sample sample doc readonly","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:preact-sample-sample-doc-rtl","t":"Preact sample sample doc rtl","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:preact-sample-sample-doc-search","t":"Preact sample sample doc search","s":"prosekit","c":"inputs/search","hc":1},{"id":"prosekit:preact-sample-sample-doc-strike","t":"Preact sample sample doc strike","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:preact-sample-sample-doc-sub-sup","t":"Preact sample sample doc sub sup","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:preact-sample-sample-doc-table","t":"Preact sample sample doc table","s":"prosekit","c":"data-display/table","hc":1},{"id":"prosekit:preact-sample-sample-doc-tex","t":"Preact sample sample doc tex","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:preact-sample-sample-doc-text-align","t":"Preact sample sample doc text align","k":"motion","s":"prosekit","c":"motion/text-effect","hc":1},{"id":"prosekit:preact-sample-sample-doc-text-color","t":"Preact sample sample doc text color","k":"motion","s":"prosekit","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"prosekit:preact-sample-sample-doc-typography","t":"Preact sample sample doc typography","s":"prosekit","c":"data-display/typography","hc":1},{"id":"prosekit:preact-sample-sample-doc-underline","t":"Preact sample sample doc underline","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:preact-sample-sample-doc-view-adapter","t":"Preact sample sample doc view adapter","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:preact-sample-sample-doc-word-counter","t":"Preact sample sample doc word counter","k":"motion","s":"prosekit","c":"motion/number-ticker","hc":1},{"id":"prosekit:preact-sample-sample-query-users","t":"Preact sample sample query users","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:preact-sample-sample-tag-data","t":"Preact sample sample tag data","s":"prosekit","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"prosekit:preact-sample-sample-uploader","t":"Preact sample sample uploader","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:preact-sample-sample-user-data","t":"Preact sample sample user data","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:preact-ui-block-handle","t":"Preact ui block handle","s":"prosekit","c":"inputs/form-field","hc":1},{"id":"prosekit:preact-ui-button","t":"Preact ui button","s":"prosekit","c":"actions/button","hc":1},{"id":"prosekit:preact-ui-code-block-view","t":"Preact ui code block view","s":"prosekit","c":"data-display/code-block","hc":1},{"id":"prosekit:preact-ui-drop-indicator","t":"Preact ui drop indicator","s":"prosekit","c":"inputs/form-field","hc":1},{"id":"prosekit:preact-ui-image-upload-popover","t":"Preact ui image upload popover","s":"prosekit","c":"overlays/popover","hc":1},{"id":"prosekit:preact-ui-image-view","t":"Preact ui image view","s":"prosekit","c":"media/gallery","hc":1},{"id":"prosekit:preact-ui-inline-menu","t":"Preact ui inline menu","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:preact-ui-search","t":"Preact ui search","s":"prosekit","c":"inputs/search","hc":1},{"id":"prosekit:preact-ui-slash-menu","t":"Preact ui slash menu","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:preact-ui-table-handle","t":"Preact ui table handle","s":"prosekit","c":"data-display/table","hc":1},{"id":"prosekit:preact-ui-tag-menu","t":"Preact ui tag menu","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:preact-ui-toolbar","t":"Preact ui toolbar","s":"prosekit","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"prosekit:preact-ui-user-menu","t":"Preact ui user menu","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:preact-ui-word-counter","t":"Preact ui word counter","k":"motion","s":"prosekit","c":"motion/number-ticker","hc":1},{"id":"prosekit:vue-example-block-handle","t":"Vue example block handle","d":"A handle that appears on hover, allowing you to drag and re-order blocks.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-blockquote","t":"Vue example blockquote","d":"Example for blockquote node.","s":"prosekit","c":"data-display/typography","fw":"Vue","hc":1},{"id":"prosekit:vue-example-bold","t":"Vue example bold","d":"Example for bold mark.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-change-tracking","t":"Vue example change tracking","d":"Track and commit document changes with version history.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-code","t":"Vue example code","d":"Example for inline code mark.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-code-block","t":"Vue example code block","d":"Code block with syntax highlighting and a Mermaid diagram preview.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-code-block-themes","t":"Vue example code block themes","d":"Code block with multiple syntax highlighting themes.","s":"prosekit","c":"data-display/code-block","fw":"Vue","hc":1},{"id":"prosekit:vue-example-drop-cursor","t":"Vue example drop cursor","d":"Visual cursor indicator during drag-and-drop operations.","k":"motion","s":"prosekit","c":"motion/cursor","fw":"Vue","hc":1},{"id":"prosekit:vue-example-emoji-rules","t":"Vue example emoji rules","d":"Auto-convert text shortcuts to emojis using input rules.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-font-family","t":"Vue example font family","d":"Change the font family of text.","k":"resource","s":"prosekit","c":"assets/font","fw":"Vue","hc":1},{"id":"prosekit:vue-example-full","t":"Vue example full","d":"Full-featured editor with most available features enabled.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-gap-cursor","t":"Vue example gap cursor","d":"Cursor navigation between non-text block elements.","k":"motion","s":"prosekit","c":"motion/cursor","fw":"Vue","hc":1},{"id":"prosekit:vue-example-hard-break","t":"Vue example hard break","d":"Example for hard line break node.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-heading","t":"Vue example heading","d":"Example for heading node with multiple levels.","k":"motion","s":"prosekit","c":"motion/text-effect","fw":"Vue","hc":1},{"id":"prosekit:vue-example-highlight","t":"Vue example highlight","d":"Example for highlighting text (like a highlighter pen).","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-horizontal-rule","t":"Vue example horizontal rule","d":"Example for horizontal rule node.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-image-view","t":"Vue example image view","d":"Custom image node views with resize support.","s":"prosekit","c":"media/gallery","fw":"Vue","hc":1},{"id":"prosekit:vue-example-inline-menu","t":"Vue example inline menu","d":"Inline formatting menu that appears on text selection.","s":"prosekit","c":"navigation/menu","fw":"Vue","hc":1},{"id":"prosekit:vue-example-italic","t":"Vue example italic","d":"Example for italic mark.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-katex","t":"Vue example katex","d":"Math equation rendering using the KaTeX library.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-keymap","t":"Vue example keymap","d":"Custom keyboard shortcuts and key bindings.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-link","t":"Vue example link","d":"Example for link mark with URL input.","s":"prosekit","c":"actions/link","fw":"Vue","hc":1},{"id":"prosekit:vue-example-link-mark-view","t":"Vue example link mark view","d":"An example showing how to render a mark as a custom component.","s":"prosekit","c":"actions/link","fw":"Vue","hc":1},{"id":"prosekit:vue-example-list","t":"Vue example list","d":"Example for list node.","s":"prosekit","c":"data-display/list","fw":"Vue","hc":1},{"id":"prosekit:vue-example-list-custom-checkbox","t":"Vue example list custom checkbox","d":"Custom checkbox styling for task lists.","s":"prosekit","c":"inputs/checkbox","fw":"Vue","hc":1},{"id":"prosekit:vue-example-loro","t":"Vue example loro","d":"Real-time collaboration using Loro CRDT library.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-mark-rule","t":"Vue example mark rule","d":"Input rules for automatic mark formatting.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-minimal","t":"Vue example minimal","d":"Minimal editor setup with basic functionality.","s":"prosekit","c":"inputs/textarea","tg":["minimal","playful"],"fw":"Vue","sy":["minimal","playful"],"hc":1},{"id":"prosekit:vue-example-placeholder","t":"Vue example placeholder","d":"Placeholder text displayed.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-readonly","t":"Vue example readonly","d":"Toggle between read-only and editable mode.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-rtl","t":"Vue example rtl","d":"Right-to-left text direction support.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-save-html","t":"Vue example save html","d":"Save and load documents as HTML format.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-save-json","t":"Vue example save json","d":"Save and load documents as JSON format.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-save-markdown","t":"Vue example save markdown","d":"Save and load documents as Markdown format.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-search","t":"Vue example search","d":"Search and highlight text with navigation.","s":"prosekit","c":"inputs/search","fw":"Vue","hc":1},{"id":"prosekit:vue-example-slash-menu","t":"Vue example slash menu","d":"Command menu triggered by typing slash (/).","s":"prosekit","c":"navigation/menu","fw":"Vue","hc":1},{"id":"prosekit:vue-example-strike","t":"Vue example strike","d":"Example for strikethrough mark.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-sub-sup","t":"Vue example sub sup","d":"Example for subscript and superscript marks.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-table","t":"Vue example table","d":"Table node with row and column operations.","s":"prosekit","c":"data-display/table","fw":"Vue","hc":1},{"id":"prosekit:vue-example-text-align","t":"Vue example text align","d":"Text alignment options (left, center, right, justify).","k":"motion","s":"prosekit","c":"motion/text-effect","fw":"Vue","hc":1},{"id":"prosekit:vue-example-text-color","t":"Vue example text color","d":"Change text and background color.","k":"motion","s":"prosekit","c":"motion/text-effect","sb":"Gradient and shimmer","fw":"Vue","hc":1},{"id":"prosekit:vue-example-toolbar","t":"Vue example toolbar","d":"Formatting toolbar with common editing actions.","s":"prosekit","c":"navigation/menu","sb":"Menubars","fw":"Vue","hc":1},{"id":"prosekit:vue-example-tweet","t":"Vue example tweet","d":"Embed and display Twitter tweets.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-typography","t":"Vue example typography","d":"Typography enhancements like smart quotes and dashes.","s":"prosekit","c":"data-display/typography","fw":"Vue","hc":1},{"id":"prosekit:vue-example-underline","t":"Vue example underline","d":"Example for underline mark.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-unmount","t":"Vue example unmount","d":"Properly unmount and remount editor instances.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-user-menu","t":"Vue example user menu","d":"Autocomplete menu for @mentions and #hashtag","s":"prosekit","c":"navigation/menu","fw":"Vue","hc":1},{"id":"prosekit:vue-example-user-menu-dynamic","t":"Vue example user menu dynamic","d":"Dynamic autocomplete menu with async data loading.","s":"prosekit","c":"navigation/menu","fw":"Vue","hc":1},{"id":"prosekit:vue-example-view-adapter","t":"Vue example view adapter","d":"Custom node and mark views using view adapters.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-example-word-counter","t":"Vue example word counter","d":"Display word and character count statistics.","k":"motion","s":"prosekit","c":"motion/number-ticker","fw":"Vue","hc":1},{"id":"prosekit:vue-example-yjs","t":"Vue example yjs","d":"Real-time collaboration using Yjs CRDT library.","s":"prosekit","c":"inputs/textarea","fw":"Vue","hc":1},{"id":"prosekit:vue-sample-define-atom-block","t":"Vue sample define atom block","s":"prosekit","c":"inputs/form-field","hc":1},{"id":"prosekit:vue-sample-katex","t":"Vue sample katex","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:vue-sample-sample-doc-block-handle","t":"Vue sample sample doc block handle","s":"prosekit","c":"inputs/form-field","hc":1},{"id":"prosekit:vue-sample-sample-doc-bold","t":"Vue sample sample doc bold","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:vue-sample-sample-doc-code","t":"Vue sample sample doc code","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:vue-sample-sample-doc-code-block","t":"Vue sample sample doc code block","s":"prosekit","c":"data-display/code-block","hc":1},{"id":"prosekit:vue-sample-sample-doc-drop-cursor","t":"Vue sample sample doc drop cursor","k":"motion","s":"prosekit","c":"motion/cursor","hc":1},{"id":"prosekit:vue-sample-sample-doc-font-family","t":"Vue sample sample doc font family","k":"resource","s":"prosekit","c":"assets/font","hc":1},{"id":"prosekit:vue-sample-sample-doc-full","t":"Vue sample sample doc full","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:vue-sample-sample-doc-gap-cursor","t":"Vue sample sample doc gap cursor","k":"motion","s":"prosekit","c":"motion/cursor","hc":1},{"id":"prosekit:vue-sample-sample-doc-hard-break","t":"Vue sample sample doc hard break","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:vue-sample-sample-doc-heading","t":"Vue sample sample doc heading","k":"motion","s":"prosekit","c":"motion/text-effect","hc":1},{"id":"prosekit:vue-sample-sample-doc-highlight","t":"Vue sample sample doc highlight","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:vue-sample-sample-doc-image","t":"Vue sample sample doc image","s":"prosekit","c":"media/gallery","hc":1},{"id":"prosekit:vue-sample-sample-doc-inline-menu","t":"Vue sample sample doc inline menu","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:vue-sample-sample-doc-italic","t":"Vue sample sample doc italic","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:vue-sample-sample-doc-link","t":"Vue sample sample doc link","s":"prosekit","c":"actions/link","hc":1},{"id":"prosekit:vue-sample-sample-doc-link-mark-view","t":"Vue sample sample doc link mark view","s":"prosekit","c":"actions/link","hc":1},{"id":"prosekit:vue-sample-sample-doc-list","t":"Vue sample sample doc list","s":"prosekit","c":"data-display/list","hc":1},{"id":"prosekit:vue-sample-sample-doc-list-custom-checkbox","t":"Vue sample sample doc list custom checkbox","s":"prosekit","c":"inputs/checkbox","hc":1},{"id":"prosekit:vue-sample-sample-doc-readonly","t":"Vue sample sample doc readonly","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:vue-sample-sample-doc-rtl","t":"Vue sample sample doc rtl","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:vue-sample-sample-doc-search","t":"Vue sample sample doc search","s":"prosekit","c":"inputs/search","hc":1},{"id":"prosekit:vue-sample-sample-doc-strike","t":"Vue sample sample doc strike","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:vue-sample-sample-doc-sub-sup","t":"Vue sample sample doc sub sup","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:vue-sample-sample-doc-table","t":"Vue sample sample doc table","s":"prosekit","c":"data-display/table","hc":1},{"id":"prosekit:vue-sample-sample-doc-tex","t":"Vue sample sample doc tex","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:vue-sample-sample-doc-text-align","t":"Vue sample sample doc text align","k":"motion","s":"prosekit","c":"motion/text-effect","hc":1},{"id":"prosekit:vue-sample-sample-doc-text-color","t":"Vue sample sample doc text color","k":"motion","s":"prosekit","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"prosekit:vue-sample-sample-doc-tweet","t":"Vue sample sample doc tweet","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:vue-sample-sample-doc-typography","t":"Vue sample sample doc typography","s":"prosekit","c":"data-display/typography","hc":1},{"id":"prosekit:vue-sample-sample-doc-underline","t":"Vue sample sample doc underline","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:vue-sample-sample-doc-view-adapter","t":"Vue sample sample doc view adapter","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:vue-sample-sample-doc-word-counter","t":"Vue sample sample doc word counter","k":"motion","s":"prosekit","c":"motion/number-ticker","hc":1},{"id":"prosekit:vue-sample-sample-query-users","t":"Vue sample sample query users","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:vue-sample-sample-tag-data","t":"Vue sample sample tag data","s":"prosekit","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"prosekit:vue-sample-sample-uploader","t":"Vue sample sample uploader","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:vue-sample-sample-user-data","t":"Vue sample sample user data","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:vue-ui-block-handle","t":"Vue ui block handle","s":"prosekit","c":"inputs/form-field","fw":"Vue","hc":1},{"id":"prosekit:vue-ui-button","t":"Vue ui button","s":"prosekit","c":"actions/button","fw":"Vue","hc":1},{"id":"prosekit:vue-ui-code-block-view","t":"Vue ui code block view","s":"prosekit","c":"data-display/code-block","fw":"Vue","hc":1},{"id":"prosekit:vue-ui-drop-indicator","t":"Vue ui drop indicator","s":"prosekit","c":"inputs/form-field","fw":"Vue","hc":1},{"id":"prosekit:vue-ui-image-upload-popover","t":"Vue ui image upload popover","s":"prosekit","c":"overlays/popover","fw":"Vue","hc":1},{"id":"prosekit:vue-ui-image-view","t":"Vue ui image view","s":"prosekit","c":"media/gallery","fw":"Vue","hc":1},{"id":"prosekit:vue-ui-inline-menu","t":"Vue ui inline menu","s":"prosekit","c":"navigation/menu","fw":"Vue","hc":1},{"id":"prosekit:vue-ui-search","t":"Vue ui search","s":"prosekit","c":"inputs/search","fw":"Vue","hc":1},{"id":"prosekit:vue-ui-slash-menu","t":"Vue ui slash menu","s":"prosekit","c":"navigation/menu","fw":"Vue","hc":1},{"id":"prosekit:vue-ui-table-handle","t":"Vue ui table handle","s":"prosekit","c":"data-display/table","fw":"Vue","hc":1},{"id":"prosekit:vue-ui-tag-menu","t":"Vue ui tag menu","s":"prosekit","c":"navigation/menu","fw":"Vue","hc":1},{"id":"prosekit:vue-ui-toolbar","t":"Vue ui toolbar","s":"prosekit","c":"navigation/menu","sb":"Menubars","fw":"Vue","hc":1},{"id":"prosekit:vue-ui-user-menu","t":"Vue ui user menu","s":"prosekit","c":"navigation/menu","fw":"Vue","hc":1},{"id":"prosekit:vue-ui-word-counter","t":"Vue ui word counter","k":"motion","s":"prosekit","c":"motion/number-ticker","fw":"Vue","hc":1},{"id":"prosekit:lit-example-block-handle","t":"Lit example block handle","d":"A handle that appears on hover, allowing you to drag and re-order blocks.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:lit-example-code-block","t":"Lit example code block","d":"Code block with syntax highlighting and a Mermaid diagram preview.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:lit-example-full","t":"Lit example full","d":"Full-featured editor with most available features enabled.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:lit-example-inline-menu","t":"Lit example inline menu","d":"Inline formatting menu that appears on text selection.","s":"prosekit","c":"navigation/menu","sb":"Context menus","hc":1},{"id":"prosekit:lit-example-minimal","t":"Lit example minimal","d":"Minimal editor setup with basic functionality.","s":"prosekit","c":"inputs/textarea","tg":["minimal","playful"],"sy":["minimal","playful"],"hc":1},{"id":"prosekit:lit-example-slash-menu","t":"Lit example slash menu","d":"Command menu triggered by typing slash (/).","s":"prosekit","c":"navigation/menu","sb":"Context menus","hc":1},{"id":"prosekit:lit-example-table","t":"Lit example table","d":"Table node with row and column operations.","s":"prosekit","c":"data-display/table","hc":1},{"id":"prosekit:lit-example-toolbar","t":"Lit example toolbar","d":"Formatting toolbar with common editing actions.","s":"prosekit","c":"navigation/menu","sb":"Context menus","hc":1},{"id":"prosekit:lit-sample-katex","t":"Lit sample katex","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:lit-sample-sample-doc-block-handle","t":"Lit sample sample doc block handle","s":"prosekit","c":"inputs/form-field","hc":1},{"id":"prosekit:lit-sample-sample-doc-code-block","t":"Lit sample sample doc code block","s":"prosekit","c":"data-display/code-block","hc":1},{"id":"prosekit:lit-sample-sample-doc-full","t":"Lit sample sample doc full","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:lit-sample-sample-doc-inline-menu","t":"Lit sample sample doc inline menu","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:lit-sample-sample-doc-table","t":"Lit sample sample doc table","s":"prosekit","c":"data-display/table","hc":1},{"id":"prosekit:lit-sample-sample-tag-data","t":"Lit sample sample tag data","s":"prosekit","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"prosekit:lit-sample-sample-uploader","t":"Lit sample sample uploader","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:lit-sample-sample-user-data","t":"Lit sample sample user data","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:lit-ui-block-handle","t":"Lit ui block handle","s":"prosekit","c":"inputs/form-field","hc":1},{"id":"prosekit:lit-ui-button","t":"Lit ui button","s":"prosekit","c":"actions/button","hc":1},{"id":"prosekit:lit-ui-code-block-view","t":"Lit ui code block view","s":"prosekit","c":"data-display/code-block","hc":1},{"id":"prosekit:lit-ui-drop-indicator","t":"Lit ui drop indicator","s":"prosekit","c":"inputs/form-field","hc":1},{"id":"prosekit:lit-ui-editor-context","t":"Lit ui editor context","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:lit-ui-image-upload-popover","t":"Lit ui image upload popover","s":"prosekit","c":"overlays/popover","hc":1},{"id":"prosekit:lit-ui-image-view","t":"Lit ui image view","s":"prosekit","c":"media/gallery","hc":1},{"id":"prosekit:lit-ui-inline-menu","t":"Lit ui inline menu","s":"prosekit","c":"navigation/menu","sb":"Context menus","hc":1},{"id":"prosekit:lit-ui-slash-menu","t":"Lit ui slash menu","s":"prosekit","c":"navigation/menu","sb":"Context menus","hc":1},{"id":"prosekit:lit-ui-table-handle","t":"Lit ui table handle","s":"prosekit","c":"data-display/table","hc":1},{"id":"prosekit:lit-ui-tag-menu","t":"Lit ui tag menu","s":"prosekit","c":"navigation/menu","sb":"Context menus","hc":1},{"id":"prosekit:lit-ui-toolbar","t":"Lit ui toolbar","s":"prosekit","c":"navigation/menu","sb":"Context menus","hc":1},{"id":"prosekit:lit-ui-user-menu","t":"Lit ui user menu","s":"prosekit","c":"navigation/menu","sb":"Context menus","hc":1},{"id":"prosekit:svelte-example-block-handle","t":"Svelte example block handle","d":"A handle that appears on hover, allowing you to drag and re-order blocks.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-blockquote","t":"Svelte example blockquote","d":"Example for blockquote node.","s":"prosekit","c":"data-display/typography","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-bold","t":"Svelte example bold","d":"Example for bold mark.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-change-tracking","t":"Svelte example change tracking","d":"Track and commit document changes with version history.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-code","t":"Svelte example code","d":"Example for inline code mark.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-code-block","t":"Svelte example code block","d":"Code block with syntax highlighting and a Mermaid diagram preview.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-code-block-themes","t":"Svelte example code block themes","d":"Code block with multiple syntax highlighting themes.","s":"prosekit","c":"data-display/code-block","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-drop-cursor","t":"Svelte example drop cursor","d":"Visual cursor indicator during drag-and-drop operations.","k":"motion","s":"prosekit","c":"motion/cursor","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-emoji-rules","t":"Svelte example emoji rules","d":"Auto-convert text shortcuts to emojis using input rules.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-font-family","t":"Svelte example font family","d":"Change the font family of text.","k":"resource","s":"prosekit","c":"assets/font","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-full","t":"Svelte example full","d":"Full-featured editor with most available features enabled.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-gap-cursor","t":"Svelte example gap cursor","d":"Cursor navigation between non-text block elements.","k":"motion","s":"prosekit","c":"motion/cursor","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-hard-break","t":"Svelte example hard break","d":"Example for hard line break node.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-heading","t":"Svelte example heading","d":"Example for heading node with multiple levels.","k":"motion","s":"prosekit","c":"motion/text-effect","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-highlight","t":"Svelte example highlight","d":"Example for highlighting text (like a highlighter pen).","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-horizontal-rule","t":"Svelte example horizontal rule","d":"Example for horizontal rule node.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-image-view","t":"Svelte example image view","d":"Custom image node views with resize support.","s":"prosekit","c":"media/gallery","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-inline-menu","t":"Svelte example inline menu","d":"Inline formatting menu that appears on text selection.","s":"prosekit","c":"navigation/menu","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-italic","t":"Svelte example italic","d":"Example for italic mark.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-katex","t":"Svelte example katex","d":"Math equation rendering using the KaTeX library.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-keymap","t":"Svelte example keymap","d":"Custom keyboard shortcuts and key bindings.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-link","t":"Svelte example link","d":"Example for link mark with URL input.","s":"prosekit","c":"actions/link","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-link-mark-view","t":"Svelte example link mark view","d":"An example showing how to render a mark as a custom component.","s":"prosekit","c":"actions/link","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-list","t":"Svelte example list","d":"Example for list node.","s":"prosekit","c":"data-display/list","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-list-custom-checkbox","t":"Svelte example list custom checkbox","d":"Custom checkbox styling for task lists.","s":"prosekit","c":"inputs/checkbox","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-loro","t":"Svelte example loro","d":"Real-time collaboration using Loro CRDT library.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-mark-rule","t":"Svelte example mark rule","d":"Input rules for automatic mark formatting.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-minimal","t":"Svelte example minimal","d":"Minimal editor setup with basic functionality.","s":"prosekit","c":"inputs/textarea","tg":["minimal","playful"],"fw":"Svelte","sy":["minimal","playful"],"hc":1},{"id":"prosekit:svelte-example-page","t":"Svelte example page","d":"Page layout with configurable paper settings.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-placeholder","t":"Svelte example placeholder","d":"Placeholder text displayed.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-readonly","t":"Svelte example readonly","d":"Toggle between read-only and editable mode.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-rtl","t":"Svelte example rtl","d":"Right-to-left text direction support.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-save-html","t":"Svelte example save html","d":"Save and load documents as HTML format.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-save-json","t":"Svelte example save json","d":"Save and load documents as JSON format.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-save-markdown","t":"Svelte example save markdown","d":"Save and load documents as Markdown format.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-search","t":"Svelte example search","d":"Search and highlight text with navigation.","s":"prosekit","c":"inputs/search","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-slash-menu","t":"Svelte example slash menu","d":"Command menu triggered by typing slash (/).","s":"prosekit","c":"navigation/menu","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-strike","t":"Svelte example strike","d":"Example for strikethrough mark.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-sub-sup","t":"Svelte example sub sup","d":"Example for subscript and superscript marks.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-table","t":"Svelte example table","d":"Table node with row and column operations.","s":"prosekit","c":"data-display/table","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-text-align","t":"Svelte example text align","d":"Text alignment options (left, center, right, justify).","k":"motion","s":"prosekit","c":"motion/text-effect","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-text-color","t":"Svelte example text color","d":"Change text and background color.","k":"motion","s":"prosekit","c":"motion/text-effect","sb":"Gradient and shimmer","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-toolbar","t":"Svelte example toolbar","d":"Formatting toolbar with common editing actions.","s":"prosekit","c":"navigation/menu","sb":"Menubars","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-typography","t":"Svelte example typography","d":"Typography enhancements like smart quotes and dashes.","s":"prosekit","c":"data-display/typography","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-underline","t":"Svelte example underline","d":"Example for underline mark.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-unmount","t":"Svelte example unmount","d":"Properly unmount and remount editor instances.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-user-menu","t":"Svelte example user menu","d":"Autocomplete menu for @mentions and #hashtag","s":"prosekit","c":"navigation/menu","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-user-menu-dynamic","t":"Svelte example user menu dynamic","d":"Dynamic autocomplete menu with async data loading.","s":"prosekit","c":"navigation/menu","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-view-adapter","t":"Svelte example view adapter","d":"Custom node and mark views using view adapters.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-word-counter","t":"Svelte example word counter","d":"Display word and character count statistics.","k":"motion","s":"prosekit","c":"motion/number-ticker","fw":"Svelte","hc":1},{"id":"prosekit:svelte-example-yjs","t":"Svelte example yjs","d":"Real-time collaboration using Yjs CRDT library.","s":"prosekit","c":"inputs/textarea","fw":"Svelte","hc":1},{"id":"prosekit:svelte-sample-define-atom-block","t":"Svelte sample define atom block","s":"prosekit","c":"inputs/form-field","hc":1},{"id":"prosekit:svelte-sample-katex","t":"Svelte sample katex","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:svelte-sample-sample-doc-block-handle","t":"Svelte sample sample doc block handle","s":"prosekit","c":"inputs/form-field","hc":1},{"id":"prosekit:svelte-sample-sample-doc-bold","t":"Svelte sample sample doc bold","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:svelte-sample-sample-doc-code","t":"Svelte sample sample doc code","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:svelte-sample-sample-doc-code-block","t":"Svelte sample sample doc code block","s":"prosekit","c":"data-display/code-block","hc":1},{"id":"prosekit:svelte-sample-sample-doc-drop-cursor","t":"Svelte sample sample doc drop cursor","k":"motion","s":"prosekit","c":"motion/cursor","hc":1},{"id":"prosekit:svelte-sample-sample-doc-font-family","t":"Svelte sample sample doc font family","k":"resource","s":"prosekit","c":"assets/font","hc":1},{"id":"prosekit:svelte-sample-sample-doc-full","t":"Svelte sample sample doc full","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:svelte-sample-sample-doc-gap-cursor","t":"Svelte sample sample doc gap cursor","k":"motion","s":"prosekit","c":"motion/cursor","hc":1},{"id":"prosekit:svelte-sample-sample-doc-hard-break","t":"Svelte sample sample doc hard break","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:svelte-sample-sample-doc-heading","t":"Svelte sample sample doc heading","k":"motion","s":"prosekit","c":"motion/text-effect","hc":1},{"id":"prosekit:svelte-sample-sample-doc-highlight","t":"Svelte sample sample doc highlight","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:svelte-sample-sample-doc-image","t":"Svelte sample sample doc image","s":"prosekit","c":"media/gallery","hc":1},{"id":"prosekit:svelte-sample-sample-doc-inline-menu","t":"Svelte sample sample doc inline menu","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:svelte-sample-sample-doc-italic","t":"Svelte sample sample doc italic","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:svelte-sample-sample-doc-link","t":"Svelte sample sample doc link","s":"prosekit","c":"actions/link","hc":1},{"id":"prosekit:svelte-sample-sample-doc-link-mark-view","t":"Svelte sample sample doc link mark view","s":"prosekit","c":"actions/link","hc":1},{"id":"prosekit:svelte-sample-sample-doc-list","t":"Svelte sample sample doc list","s":"prosekit","c":"data-display/list","hc":1},{"id":"prosekit:svelte-sample-sample-doc-list-custom-checkbox","t":"Svelte sample sample doc list custom checkbox","s":"prosekit","c":"inputs/checkbox","hc":1},{"id":"prosekit:svelte-sample-sample-doc-page","t":"Svelte sample sample doc page","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:svelte-sample-sample-doc-readonly","t":"Svelte sample sample doc readonly","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:svelte-sample-sample-doc-rtl","t":"Svelte sample sample doc rtl","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:svelte-sample-sample-doc-search","t":"Svelte sample sample doc search","s":"prosekit","c":"inputs/search","hc":1},{"id":"prosekit:svelte-sample-sample-doc-strike","t":"Svelte sample sample doc strike","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:svelte-sample-sample-doc-sub-sup","t":"Svelte sample sample doc sub sup","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:svelte-sample-sample-doc-table","t":"Svelte sample sample doc table","s":"prosekit","c":"data-display/table","hc":1},{"id":"prosekit:svelte-sample-sample-doc-tex","t":"Svelte sample sample doc tex","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:svelte-sample-sample-doc-text-align","t":"Svelte sample sample doc text align","k":"motion","s":"prosekit","c":"motion/text-effect","hc":1},{"id":"prosekit:svelte-sample-sample-doc-text-color","t":"Svelte sample sample doc text color","k":"motion","s":"prosekit","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"prosekit:svelte-sample-sample-doc-typography","t":"Svelte sample sample doc typography","s":"prosekit","c":"data-display/typography","hc":1},{"id":"prosekit:svelte-sample-sample-doc-underline","t":"Svelte sample sample doc underline","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:svelte-sample-sample-doc-view-adapter","t":"Svelte sample sample doc view adapter","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:svelte-sample-sample-doc-word-counter","t":"Svelte sample sample doc word counter","k":"motion","s":"prosekit","c":"motion/number-ticker","hc":1},{"id":"prosekit:svelte-sample-sample-query-users","t":"Svelte sample sample query users","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:svelte-sample-sample-tag-data","t":"Svelte sample sample tag data","s":"prosekit","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"prosekit:svelte-sample-sample-uploader","t":"Svelte sample sample uploader","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:svelte-sample-sample-user-data","t":"Svelte sample sample user data","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:svelte-ui-block-handle","t":"Svelte ui block handle","s":"prosekit","c":"inputs/form-field","fw":"Svelte","hc":1},{"id":"prosekit:svelte-ui-button","t":"Svelte ui button","s":"prosekit","c":"actions/button","fw":"Svelte","hc":1},{"id":"prosekit:svelte-ui-code-block-view","t":"Svelte ui code block view","s":"prosekit","c":"data-display/code-block","fw":"Svelte","hc":1},{"id":"prosekit:svelte-ui-drop-indicator","t":"Svelte ui drop indicator","s":"prosekit","c":"inputs/form-field","fw":"Svelte","hc":1},{"id":"prosekit:svelte-ui-image-upload-popover","t":"Svelte ui image upload popover","s":"prosekit","c":"overlays/popover","fw":"Svelte","hc":1},{"id":"prosekit:svelte-ui-image-view","t":"Svelte ui image view","s":"prosekit","c":"media/gallery","fw":"Svelte","hc":1},{"id":"prosekit:svelte-ui-inline-menu","t":"Svelte ui inline menu","s":"prosekit","c":"navigation/menu","fw":"Svelte","hc":1},{"id":"prosekit:svelte-ui-search","t":"Svelte ui search","s":"prosekit","c":"inputs/search","fw":"Svelte","hc":1},{"id":"prosekit:svelte-ui-slash-menu","t":"Svelte ui slash menu","s":"prosekit","c":"navigation/menu","fw":"Svelte","hc":1},{"id":"prosekit:svelte-ui-table-handle","t":"Svelte ui table handle","s":"prosekit","c":"data-display/table","fw":"Svelte","hc":1},{"id":"prosekit:svelte-ui-tag-menu","t":"Svelte ui tag menu","s":"prosekit","c":"navigation/menu","fw":"Svelte","hc":1},{"id":"prosekit:svelte-ui-toolbar","t":"Svelte ui toolbar","s":"prosekit","c":"navigation/menu","sb":"Menubars","fw":"Svelte","hc":1},{"id":"prosekit:svelte-ui-user-menu","t":"Svelte ui user menu","s":"prosekit","c":"navigation/menu","fw":"Svelte","hc":1},{"id":"prosekit:svelte-ui-word-counter","t":"Svelte ui word counter","k":"motion","s":"prosekit","c":"motion/number-ticker","fw":"Svelte","hc":1},{"id":"prosekit:solid-example-block-handle","t":"Solid example block handle","d":"A handle that appears on hover, allowing you to drag and re-order blocks.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-blockquote","t":"Solid example blockquote","d":"Example for blockquote node.","s":"prosekit","c":"data-display/typography","hc":1},{"id":"prosekit:solid-example-bold","t":"Solid example bold","d":"Example for bold mark.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-change-tracking","t":"Solid example change tracking","d":"Track and commit document changes with version history.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-code","t":"Solid example code","d":"Example for inline code mark.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-code-block","t":"Solid example code block","d":"Code block with syntax highlighting and a Mermaid diagram preview.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-code-block-themes","t":"Solid example code block themes","d":"Code block with multiple syntax highlighting themes.","s":"prosekit","c":"data-display/code-block","hc":1},{"id":"prosekit:solid-example-drop-cursor","t":"Solid example drop cursor","d":"Visual cursor indicator during drag-and-drop operations.","k":"motion","s":"prosekit","c":"motion/cursor","hc":1},{"id":"prosekit:solid-example-emoji-rules","t":"Solid example emoji rules","d":"Auto-convert text shortcuts to emojis using input rules.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-font-family","t":"Solid example font family","d":"Change the font family of text.","k":"resource","s":"prosekit","c":"assets/font","hc":1},{"id":"prosekit:solid-example-full","t":"Solid example full","d":"Full-featured editor with most available features enabled.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-gap-cursor","t":"Solid example gap cursor","d":"Cursor navigation between non-text block elements.","k":"motion","s":"prosekit","c":"motion/cursor","hc":1},{"id":"prosekit:solid-example-hard-break","t":"Solid example hard break","d":"Example for hard line break node.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-heading","t":"Solid example heading","d":"Example for heading node with multiple levels.","k":"motion","s":"prosekit","c":"motion/text-effect","hc":1},{"id":"prosekit:solid-example-highlight","t":"Solid example highlight","d":"Example for highlighting text (like a highlighter pen).","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-horizontal-rule","t":"Solid example horizontal rule","d":"Example for horizontal rule node.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-image-view","t":"Solid example image view","d":"Custom image node views with resize support.","s":"prosekit","c":"media/gallery","hc":1},{"id":"prosekit:solid-example-inline-menu","t":"Solid example inline menu","d":"Inline formatting menu that appears on text selection.","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:solid-example-italic","t":"Solid example italic","d":"Example for italic mark.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-katex","t":"Solid example katex","d":"Math equation rendering using the KaTeX library.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-keymap","t":"Solid example keymap","d":"Custom keyboard shortcuts and key bindings.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-link","t":"Solid example link","d":"Example for link mark with URL input.","s":"prosekit","c":"actions/link","hc":1},{"id":"prosekit:solid-example-link-mark-view","t":"Solid example link mark view","d":"An example showing how to render a mark as a custom component.","s":"prosekit","c":"actions/link","hc":1},{"id":"prosekit:solid-example-list","t":"Solid example list","d":"Example for list node.","s":"prosekit","c":"data-display/list","hc":1},{"id":"prosekit:solid-example-list-custom-checkbox","t":"Solid example list custom checkbox","d":"Custom checkbox styling for task lists.","s":"prosekit","c":"inputs/checkbox","hc":1},{"id":"prosekit:solid-example-loro","t":"Solid example loro","d":"Real-time collaboration using Loro CRDT library.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-mark-rule","t":"Solid example mark rule","d":"Input rules for automatic mark formatting.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-minimal","t":"Solid example minimal","d":"Minimal editor setup with basic functionality.","s":"prosekit","c":"inputs/textarea","tg":["minimal","playful"],"sy":["minimal","playful"],"hc":1},{"id":"prosekit:solid-example-placeholder","t":"Solid example placeholder","d":"Placeholder text displayed.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-readonly","t":"Solid example readonly","d":"Toggle between read-only and editable mode.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-rtl","t":"Solid example rtl","d":"Right-to-left text direction support.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-save-html","t":"Solid example save html","d":"Save and load documents as HTML format.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-save-json","t":"Solid example save json","d":"Save and load documents as JSON format.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-save-markdown","t":"Solid example save markdown","d":"Save and load documents as Markdown format.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-search","t":"Solid example search","d":"Search and highlight text with navigation.","s":"prosekit","c":"inputs/search","hc":1},{"id":"prosekit:solid-example-slash-menu","t":"Solid example slash menu","d":"Command menu triggered by typing slash (/).","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:solid-example-strike","t":"Solid example strike","d":"Example for strikethrough mark.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-sub-sup","t":"Solid example sub sup","d":"Example for subscript and superscript marks.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-table","t":"Solid example table","d":"Table node with row and column operations.","s":"prosekit","c":"data-display/table","hc":1},{"id":"prosekit:solid-example-text-align","t":"Solid example text align","d":"Text alignment options (left, center, right, justify).","k":"motion","s":"prosekit","c":"motion/text-effect","hc":1},{"id":"prosekit:solid-example-text-color","t":"Solid example text color","d":"Change text and background color.","k":"motion","s":"prosekit","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"prosekit:solid-example-toolbar","t":"Solid example toolbar","d":"Formatting toolbar with common editing actions.","s":"prosekit","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"prosekit:solid-example-typography","t":"Solid example typography","d":"Typography enhancements like smart quotes and dashes.","s":"prosekit","c":"data-display/typography","hc":1},{"id":"prosekit:solid-example-underline","t":"Solid example underline","d":"Example for underline mark.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-unmount","t":"Solid example unmount","d":"Properly unmount and remount editor instances.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-user-menu","t":"Solid example user menu","d":"Autocomplete menu for @mentions and #hashtag","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:solid-example-user-menu-dynamic","t":"Solid example user menu dynamic","d":"Dynamic autocomplete menu with async data loading.","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:solid-example-view-adapter","t":"Solid example view adapter","d":"Custom node and mark views using view adapters.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-example-word-counter","t":"Solid example word counter","d":"Display word and character count statistics.","k":"motion","s":"prosekit","c":"motion/number-ticker","hc":1},{"id":"prosekit:solid-example-yjs","t":"Solid example yjs","d":"Real-time collaboration using Yjs CRDT library.","s":"prosekit","c":"inputs/textarea","hc":1},{"id":"prosekit:solid-sample-define-atom-block","t":"Solid sample define atom block","s":"prosekit","c":"inputs/form-field","hc":1},{"id":"prosekit:solid-sample-katex","t":"Solid sample katex","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:solid-sample-sample-doc-block-handle","t":"Solid sample sample doc block handle","s":"prosekit","c":"inputs/form-field","hc":1},{"id":"prosekit:solid-sample-sample-doc-bold","t":"Solid sample sample doc bold","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:solid-sample-sample-doc-code","t":"Solid sample sample doc code","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:solid-sample-sample-doc-code-block","t":"Solid sample sample doc code block","s":"prosekit","c":"data-display/code-block","hc":1},{"id":"prosekit:solid-sample-sample-doc-drop-cursor","t":"Solid sample sample doc drop cursor","k":"motion","s":"prosekit","c":"motion/cursor","hc":1},{"id":"prosekit:solid-sample-sample-doc-font-family","t":"Solid sample sample doc font family","k":"resource","s":"prosekit","c":"assets/font","hc":1},{"id":"prosekit:solid-sample-sample-doc-full","t":"Solid sample sample doc full","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:solid-sample-sample-doc-gap-cursor","t":"Solid sample sample doc gap cursor","k":"motion","s":"prosekit","c":"motion/cursor","hc":1},{"id":"prosekit:solid-sample-sample-doc-hard-break","t":"Solid sample sample doc hard break","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:solid-sample-sample-doc-heading","t":"Solid sample sample doc heading","k":"motion","s":"prosekit","c":"motion/text-effect","hc":1},{"id":"prosekit:solid-sample-sample-doc-highlight","t":"Solid sample sample doc highlight","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:solid-sample-sample-doc-image","t":"Solid sample sample doc image","s":"prosekit","c":"media/gallery","hc":1},{"id":"prosekit:solid-sample-sample-doc-inline-menu","t":"Solid sample sample doc inline menu","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:solid-sample-sample-doc-italic","t":"Solid sample sample doc italic","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:solid-sample-sample-doc-link","t":"Solid sample sample doc link","s":"prosekit","c":"actions/link","hc":1},{"id":"prosekit:solid-sample-sample-doc-link-mark-view","t":"Solid sample sample doc link mark view","s":"prosekit","c":"actions/link","hc":1},{"id":"prosekit:solid-sample-sample-doc-list","t":"Solid sample sample doc list","s":"prosekit","c":"data-display/list","hc":1},{"id":"prosekit:solid-sample-sample-doc-list-custom-checkbox","t":"Solid sample sample doc list custom checkbox","s":"prosekit","c":"inputs/checkbox","hc":1},{"id":"prosekit:solid-sample-sample-doc-readonly","t":"Solid sample sample doc readonly","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:solid-sample-sample-doc-rtl","t":"Solid sample sample doc rtl","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:solid-sample-sample-doc-search","t":"Solid sample sample doc search","s":"prosekit","c":"inputs/search","hc":1},{"id":"prosekit:solid-sample-sample-doc-strike","t":"Solid sample sample doc strike","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:solid-sample-sample-doc-sub-sup","t":"Solid sample sample doc sub sup","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:solid-sample-sample-doc-table","t":"Solid sample sample doc table","s":"prosekit","c":"data-display/table","hc":1},{"id":"prosekit:solid-sample-sample-doc-tex","t":"Solid sample sample doc tex","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:solid-sample-sample-doc-text-align","t":"Solid sample sample doc text align","k":"motion","s":"prosekit","c":"motion/text-effect","hc":1},{"id":"prosekit:solid-sample-sample-doc-text-color","t":"Solid sample sample doc text color","k":"motion","s":"prosekit","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"prosekit:solid-sample-sample-doc-typography","t":"Solid sample sample doc typography","s":"prosekit","c":"data-display/typography","hc":1},{"id":"prosekit:solid-sample-sample-doc-underline","t":"Solid sample sample doc underline","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:solid-sample-sample-doc-view-adapter","t":"Solid sample sample doc view adapter","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:solid-sample-sample-doc-word-counter","t":"Solid sample sample doc word counter","k":"motion","s":"prosekit","c":"motion/number-ticker","hc":1},{"id":"prosekit:solid-sample-sample-query-users","t":"Solid sample sample query users","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:solid-sample-sample-tag-data","t":"Solid sample sample tag data","s":"prosekit","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"prosekit:solid-sample-sample-uploader","t":"Solid sample sample uploader","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:solid-sample-sample-user-data","t":"Solid sample sample user data","k":"lib","s":"prosekit","c":"lib/utility","hc":1},{"id":"prosekit:solid-ui-block-handle","t":"Solid ui block handle","s":"prosekit","c":"inputs/form-field","hc":1},{"id":"prosekit:solid-ui-button","t":"Solid ui button","s":"prosekit","c":"actions/button","hc":1},{"id":"prosekit:solid-ui-code-block-view","t":"Solid ui code block view","s":"prosekit","c":"data-display/code-block","hc":1},{"id":"prosekit:solid-ui-drop-indicator","t":"Solid ui drop indicator","s":"prosekit","c":"inputs/form-field","hc":1},{"id":"prosekit:solid-ui-image-upload-popover","t":"Solid ui image upload popover","s":"prosekit","c":"overlays/popover","hc":1},{"id":"prosekit:solid-ui-image-view","t":"Solid ui image view","s":"prosekit","c":"media/gallery","hc":1},{"id":"prosekit:solid-ui-inline-menu","t":"Solid ui inline menu","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:solid-ui-search","t":"Solid ui search","s":"prosekit","c":"inputs/search","hc":1},{"id":"prosekit:solid-ui-slash-menu","t":"Solid ui slash menu","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:solid-ui-table-handle","t":"Solid ui table handle","s":"prosekit","c":"data-display/table","hc":1},{"id":"prosekit:solid-ui-tag-menu","t":"Solid ui tag menu","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:solid-ui-toolbar","t":"Solid ui toolbar","s":"prosekit","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"prosekit:solid-ui-user-menu","t":"Solid ui user menu","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:solid-ui-word-counter","t":"Solid ui word counter","k":"motion","s":"prosekit","c":"motion/number-ticker","hc":1},{"id":"prosekit:vanilla-example-minimal","t":"Vanilla example minimal","d":"Minimal editor setup with basic functionality.","s":"prosekit","c":"inputs/textarea","tg":["minimal","playful"],"sy":["minimal","playful"],"hc":1},{"id":"prosekit:vanilla-example-slash-menu","t":"Vanilla example slash menu","d":"Command menu triggered by typing slash (/).","s":"prosekit","c":"navigation/menu","hc":1},{"id":"prosekit:vanilla-ui-slash-menu","t":"Vanilla ui slash menu","s":"prosekit","c":"navigation/menu","hc":1},{"id":"pulld:copy-button","t":"Copy Button","d":"A one-click copy control: a square icon button that writes a string to the clipboard, swap","s":"pulld","c":"actions/copy-button","hc":1},{"id":"pulld:kbd","t":"Kbd","d":"Inline keyboard key rendered as a real <kbd> element and styled as a bordered monospace ke","s":"pulld","c":"data-display/typography","hc":1},{"id":"pulld:empty-state","t":"Empty State","d":"The centred placeholder a screen shows when it has nothing to draw — a dashed panel with a","s":"pulld","c":"data-display/empty-state","hc":1},{"id":"pulld:stat-card","t":"Stat Card","d":"The single-number tile at the top of a dashboard: a label, one big value, and an optional ","s":"pulld","c":"data-display/stat","hc":1},{"id":"pulld:theme-toggle","t":"Theme Toggle","d":"The one-button light/dark switch you drop in a navbar, header or settings row — click it a","s":"pulld","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"pulld:avatar-stack","t":"Avatar Stack","d":"A facepile in one prop: pass a list of people and a maximum, get a row of overlapping circ","s":"pulld","c":"data-display/avatar","hc":1},{"id":"pulld:password-input","t":"Password Input","d":"A password field with the show/hide eye already built in — the one control every sign-up f","s":"pulld","c":"inputs/form-field","sb":"Password","hc":1},{"id":"pulld:spinner","t":"Spinner","d":"An inline loading indicator that announces itself: a spinning lucide Loader2 inside a role","s":"pulld","c":"status/loader","sb":"Spinners","hc":1},{"id":"pulld:code-block","t":"Code Block","d":"A read-only code panel: a bordered, scrollable box that shows a snippet with a copy button","s":"pulld","c":"data-display/code-block","hc":1},{"id":"pulld:loading-button","t":"Loading Button","d":"Submit button that shows a spinner, announces itself, and refuses to fire twice while an a","s":"pulld","c":"actions/button","sb":"Loading and states","hc":1},{"id":"pulld:confirm-button","t":"Confirm Button","d":"Inline two-step confirmation on the button itself, with no modal and no dialog state to wi","s":"pulld","c":"actions/button","sb":"Loading and states","hc":1},{"id":"pulld:command-palette","t":"Command Palette","d":"A ready-made ⌘K command palette: one component you drop in, open with a keyboard shortcut,","s":"pulld","c":"navigation/command-palette","hc":1},{"id":"pulld:toast","t":"Toast","d":"A complete toast / notification system in one file: call `toast()` — or `toast.success` / ","s":"pulld","c":"overlays/toast","hc":1},{"id":"pulld:search-input","t":"Search Input","d":"Search field with a leading magnifier and a trailing clear (✕) that appears as soon as the","s":"pulld","c":"inputs/search","hc":1},{"id":"pulld:number-input","t":"Number Input","d":"A number field with − and + stepper buttons either side of it. Reach for it wherever someo","s":"pulld","c":"inputs/number-input","hc":1},{"id":"pulld:otp-input","t":"OTP Input","d":"A one-time passcode field split into separate digit boxes — the \"enter the 6-digit code we","s":"pulld","c":"inputs/otp-input","hc":1},{"id":"pulld:tag-input","t":"Tag Input","d":"A multi-value text field: what gets typed becomes a removable chip, and the value the form","s":"pulld","c":"inputs/tag-input","hc":1},{"id":"pulld:copy-field","t":"Copy Field","d":"Read-only field that shows a value with a copy button docked at its right edge: one click ","s":"pulld","c":"inputs/form-field","hc":1},{"id":"pulld:segmented-control","t":"Segmented Control","d":"A row of 2–4 mutually exclusive choices drawn as one moving pill on a shared track — the i","s":"pulld","c":"actions/segmented-control","hc":1},{"id":"pulld:step-indicator","t":"Step Indicator","d":"Horizontal stepper that shows where someone is in a fixed sequence — numbered circle marke","s":"pulld","c":"navigation/wizard-steps","hc":1},{"id":"pulld:rating","t":"Rating","d":"A star rating that works both ways: as an input that collects a score, and read-only as a ","s":"pulld","c":"inputs/rating","hc":1},{"id":"pulld:timeline","t":"Timeline","d":"A vertical timeline: a list of events drawn as dots on a connecting line, each with an opt","s":"pulld","c":"data-display/timeline","hc":1},{"id":"pulld:announcement-bar","t":"Announcement Bar","d":"A dismissible bar pinned above your header for a message the whole site needs to see: a la","k":"section","s":"pulld","c":"marketing/announcement","hc":1},{"id":"pulld:file-dropzone","t":"File Dropzone","d":"A drag-and-drop file upload area that is also a real file picker: drop files onto it, or c","s":"pulld","c":"inputs/file-upload","hc":1},{"id":"pulld:progress-ring","t":"Progress Ring","d":"A circular progress indicator: an SVG ring that fills clockwise from twelve o'clock, with ","s":"pulld","c":"data-viz/progress-bar","hc":1},{"id":"pulld:pricing-card","t":"Pricing Card","d":"A single pricing plan card — one tier's box, with its name, its price, what it includes an","k":"section","s":"pulld","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"pulld:feature-card","t":"Feature Card","d":"An icon + heading + one line of copy, as the repeating tile in the features or benefits se","k":"section","s":"pulld","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"pulld:gauge","t":"Gauge","d":"A semicircular (half-circle) gauge or dial that shows one measurement inside a known range","s":"pulld","c":"data-viz/gauge","hc":1},{"id":"pulld:time-ago","t":"Time Ago","d":"Auto-updating relative timestamp — \"3 minutes ago\", \"just now\", \"in 2 days\" — that re-rend","s":"pulld","c":"overlays/notifications","hc":1},{"id":"pulld:multi-select","t":"Multi Select","d":"A searchable multi-select: choose several options from a list you define, each shown as a ","s":"pulld","c":"inputs/select","hc":1},{"id":"pulld:countdown","t":"Countdown","d":"A live countdown timer to a future moment — it re-renders every second, ticks down, never ","k":"motion","s":"pulld","c":"motion/number-ticker","hc":1},{"id":"pulld:inline-edit","t":"Inline Edit","d":"Click-to-edit text that stays where it is: a value shown as plain text with a pencil affor","s":"pulld","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"pulld:autosize-textarea","t":"Autosize Textarea","d":"A textarea that grows as you type and stops at a maximum height, then scrolls. Reach for i","s":"pulld","c":"inputs/textarea","hc":1},{"id":"pulld:currency-input","t":"Currency Input","d":"A money input that shows a grouped, currency-formatted amount ($1,234.50) when idle and th","s":"pulld","c":"inputs/form-field","hc":1},{"id":"pulld:floating-label-input","t":"Floating Label Input","d":"A text input whose label sits inside the field like a placeholder, then shrinks and floats","s":"pulld","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"pulld:bulk-action-bar","t":"Bulk Action Bar","d":"The bar that appears once rows are selected in a table or list — it shows \"3 items selecte","s":"pulld","c":"inputs/select","hc":1},{"id":"pulld:save-status","t":"Save Status","d":"The small inline \"Saving… / Saved 2 minutes ago / Couldn't save · Retry\" indicator that si","k":"section","s":"pulld","c":"marketing/announcement","hc":1},{"id":"pulld:form-error-summary","t":"Form Error Summary","d":"The block that appears above a form after a failed submit — \"There are 3 problems with you","s":"pulld","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"pulld:type-to-confirm","t":"Type to Confirm","d":"The confirmation step in front of an irreversible action: the user has to type the resourc","s":"pulld","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"pulld:keyboard-shortcuts","t":"Keyboard Shortcuts","d":"The help sheet that opens when the user presses ? — a modal listing every keyboard shortcu","k":"layout","s":"pulld","c":"layout/dashboard","hc":1},{"id":"pulld:upload-list","t":"Upload List","d":"The list of files under a dropzone or file picker — one row each with the file name, its s","s":"pulld","c":"inputs/file-upload","hc":1},{"id":"pulld:bento-grid","t":"Bento Grid","d":"The asymmetric panel grid behind most modern feature sections: a set of cards on one grid ","k":"layout","s":"pulld","c":"layout/bento-grid","hc":1},{"id":"pulld:tree-view","t":"Tree View","d":"The nested list you can open, close and walk with the arrow keys: a file explorer or file ","s":"pulld","c":"data-display/tree","hc":1},{"id":"pulld:sortable-list","t":"Sortable List","d":"Drag-to-reorder list: grab a row's grip handle and drop it in a new place — and do the sam","s":"pulld","c":"data-display/list","sb":"Sortable","hc":1},{"id":"pulld:infinite-scroll","t":"Infinite Scroll","d":"The footer of a list that keeps going: an invisible sentinel that loads the next page as i","k":"layout","s":"pulld","c":"layout/scroll-area","hc":1},{"id":"pulld:virtual-list","t":"Virtual List","d":"A long list that only puts the rows you can see into the DOM: five thousand rows render as","s":"pulld","c":"data-display/list","sb":"Long lists","hc":1},{"id":"pulld:read-more","t":"Read More","d":"Long text clamped to a few lines with a Show more / Show less toggle that appears only whe","s":"pulld","c":"actions/switch","hc":1},{"id":"pulld:middle-truncate","t":"Middle Truncate","d":"One line of text with the middle removed so that both ends stay readable, fitted to whatev","s":"pulld","c":"navigation/breadcrumb","hc":1},{"id":"pulld:toc","t":"Table of Contents","d":"A table of contents for the page the reader is on, with the section they are currently rea","s":"pulld","c":"navigation/table-of-contents","hc":1},{"id":"pulld:date-input","t":"Date Input","d":"A date field you type into, one segment at a time, that emits an ISO \"YYYY-MM-DD\" string. ","s":"pulld","c":"inputs/date-picker","hc":1},{"id":"pulld:sparkline","t":"Sparkline","d":"An inline SVG trend line — a sparkline — that shows the shape of a series in about the spa","s":"pulld","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"pulld:slug-input","t":"Slug Input","d":"A URL slug field that fills itself in from a title and then gets out of the way. Use it wh","s":"pulld","c":"inputs/form-field","hc":1},{"id":"pulld:password-strength","t":"Password Strength","d":"A password strength meter for a sign-up, registration, change-password or reset-password f","s":"pulld","c":"inputs/form-field","sb":"Password","hc":1},{"id":"pulld:diff-view","t":"Diff View","d":"A line-by-line diff of two strings — the before/after view a screen needs when it has to s","s":"pulld","c":"data-display/diff","hc":1},{"id":"pulld:calendar-heatmap","t":"Calendar Heatmap","d":"A year of daily counts as a grid of shaded squares — the GitHub-style contribution graph, ","s":"pulld","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"pulld:ansi-log","t":"ANSI Log","d":"Renders raw terminal output — escape sequences and all — as styled, theme-aware HTML. Reac","k":"layout","s":"pulld","c":"layout/dashboard","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"pulld:cron-expression","t":"Cron Expression","d":"Turns a cron expression into a sentence anyone can read, and lists the next times it fires","k":"layout","s":"pulld","c":"flows/settings","hc":1},{"id":"pulld:ratio-bar","t":"Ratio Bar","d":"One horizontal bar that shows how a whole is divided up, with a legend that names every pa","k":"section","s":"pulld","c":"marketing/pricing","hc":1},{"id":"pulld:scroll-progress","t":"Scroll Progress","d":"A bar that fills as the reader scrolls — the reading indicator across the top of an articl","s":"pulld","c":"data-viz/progress-bar","hc":1},{"id":"pulld:duration-input","t":"Duration Input","d":"A text field that takes a length of time written the way people actually write one — 90m, ","s":"pulld","c":"inputs/form-field","hc":1},{"id":"pulld:color-picker","t":"Color Picker","d":"A colour picker built from a hex/rgb/hsl text box and native hue, saturation and lightness","s":"pulld","c":"inputs/color-picker","hc":1},{"id":"pulld:json-viewer","t":"JSON Viewer","d":"Renders a parsed JSON value as a collapsible, type-coloured tree you can read and navigate","s":"pulld","c":"data-display/json-viewer","hc":1},{"id":"pulld:image-comparison","t":"Image Comparison","d":"A before/after slider: two images stacked in the same box with a divider you drag across t","k":"section","s":"pulld","c":"marketing/comparison","hc":1},{"id":"pulld:timezone-select","t":"Time Zone Select","d":"A time zone picker: every IANA zone the browser knows, grouped by region and labelled with","s":"pulld","c":"inputs/select","hc":1},{"id":"pulld:month-picker","t":"Month Picker","d":"A month picker: a year of twelve months as a grid, with arrows on the year, that hands bac","s":"pulld","c":"inputs/date-picker","hc":1},{"id":"pulld:time-input","t":"Time Input","d":"A time field you type into, one segment at a time, that hands back a plain 24-hour clock s","s":"pulld","c":"inputs/time-picker","hc":1},{"id":"pulld:weekly-hours","t":"Weekly Hours","d":"A week of opening hours in one editor: seven rows, each a switch plus an opening and a clo","s":"pulld","c":"inputs/textarea","hc":1},{"id":"pulld:country-select","t":"Country Select","d":"A country picker: all 249 ISO 3166-1 countries, named in the reader's own language, sorted","s":"pulld","c":"inputs/select","hc":1},{"id":"pulld:currency-select","t":"Currency Select","d":"A currency picker: every ISO 4217 currency the runtime knows, named in the reader's own la","s":"pulld","c":"inputs/select","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"pulld:language-select","t":"Language Select","d":"A UI language picker: every language named in its own language — 日本語, Deutsch, العربية, 한국","s":"pulld","c":"inputs/select","hc":1},{"id":"pulld:phone-input","t":"Phone Input","d":"An international phone number field: a searchable country picker, that country's calling c","s":"pulld","c":"inputs/form-field","sb":"Phone","hc":1},{"id":"pulld:password-generator","t":"Password Generator","d":"A password generator: a read-only field holding the generated password, a Generate control","s":"pulld","c":"inputs/form-field","sb":"Password","hc":1},{"id":"pulld:network-status","t":"Network Status","d":"An offline banner that is right about being offline: it tells someone the page has lost th","s":"pulld","c":"overlays/alert-banner","hc":1},{"id":"pulld:recovery-codes","t":"Recovery Codes","d":"The sheet of two-factor backup codes, with the three ways off the screen that people actua","k":"layout","s":"pulld","c":"flows/sign-in","tg":["webgl"],"sb":"Verification","sy":["webgl"],"hc":1},{"id":"pulld:unsaved-changes-guard","t":"Unsaved Changes Guard","d":"A leave guard for a form with unsaved changes: it holds the departure, asks whether the wo","k":"layout","s":"pulld","c":"flows/settings","hc":1},{"id":"pulld:csv-export-button","t":"CSV Export Button","d":"A button that turns rows into a CSV file the browser saves — with the two things the inlin","s":"pulld","c":"actions/button","hc":1},{"id":"pulld:idle-timeout","t":"Idle Timeout","d":"An inactivity timeout with a warning before it fires: it watches for the user going away, ","s":"pulld","c":"navigation/tabs","hc":1},{"id":"pulld:char-counter","t":"Character Counter","d":"The \"42 left\" that sits under a field with a limit — a bio, a post box, a product descript","k":"motion","s":"pulld","c":"motion/number-ticker","hc":1},{"id":"pulld:scroll-shadow","t":"Scroll Shadow","d":"A scrolling box whose edges fade out while there is more content past them, and stop fadin","k":"layout","s":"pulld","c":"layout/scroll-area","hc":1},{"id":"pulld:mention-input","t":"Mention Input","d":"The comment box where typing `@` opens a list of people and picking one types their handle","s":"pulld","c":"inputs/combobox","hc":1},{"id":"pulld:signature-pad","t":"Signature Pad","d":"The box at the bottom of a form where somebody signs with a finger, a mouse or a stylus — ","s":"pulld","c":"inputs/form-field","hc":1},{"id":"pulld:image-crop","t":"Image Crop","d":"The step that comes straight after a photo is chosen: the picture sits behind a frame of t","s":"pulld","c":"media/gallery","hc":1},{"id":"pulld:sort-header","t":"Sort Header","d":"One sortable column heading for a table you already have: press it and the rows re-order, ","s":"pulld","c":"navigation/top-nav","hc":1},{"id":"pulld:qr-code","t":"QR Code","d":"A scannable QR code, drawn as SVG, for putting a link, a Wi-Fi network or a 2FA secret on ","k":"layout","s":"pulld","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"pulld:share-button","t":"Share Button","d":"A share control that opens the device's native share sheet and quietly degrades to copying","s":"pulld","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"pulld:print-button","t":"Print Button","d":"Prints one region of the page — an invoice, a receipt, an order confirmation, a ticket or ","s":"pulld","c":"actions/button","hc":1},{"id":"pulld:masked-input","t":"Masked Input","d":"Holds a text field to one fixed shape while it is typed — a postal or ZIP code, a product ","s":"pulld","c":"inputs/form-field","hc":1},{"id":"pulld:fullscreen-button","t":"Fullscreen Button","d":"A button that shows one element — a chart, a data table, a map, a video player, a preview ","s":"pulld","c":"actions/button","hc":1},{"id":"pulld:wake-lock-toggle","t":"Wake Lock Toggle","d":"A toggle that stops the screen going dark while somebody is looking at it but not touching","s":"pulld","c":"actions/switch","hc":1},{"id":"pulld:geolocation-button","t":"Geolocation Button","d":"A \"use my current location\" button that is right about why it didn't. It asks the device f","s":"pulld","c":"actions/button","hc":1},{"id":"pulld:highlight-text","t":"Highlight Text","d":"Text with the parts matching a search query highlighted, built so that neither the text no","k":"motion","s":"pulld","c":"motion/text-effect","hc":1},{"id":"pulld:image-zoom","t":"Image Zoom","d":"A frame that zooms whatever is inside it — wheel, trackpad pinch, double click or the butt","s":"pulld","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"pulld:speech-input","t":"Speech Input","d":"A press-to-dictate microphone button that fills a text field by voice, and stops claiming ","s":"pulld","c":"inputs/form-field","hc":1},{"id":"pulld:date-range-preset","t":"Date Range Preset","d":"A row of date-range presets — Today, Last 7 days, Month to date, Last month, Year to date ","s":"pulld","c":"inputs/slider","hc":1},{"id":"pulld:camera-capture","t":"Camera Capture","d":"A take-a-photo control that opens the device camera inline, shows a live preview, captures","k":"resource","s":"pulld","c":"assets/shape","hc":1},{"id":"pulld:filter-chips","t":"Filter Chips","d":"The row of pills above a list that says which filters are in force — one chip per applied ","s":"pulld","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"pulld:product-tour","t":"Product Tour","d":"A guided tour of the real screen: a card that walks through your own UI, dimming the page ","s":"pulld","c":"data-viz/progress-bar","hc":1},{"id":"pulld:pull-to-refresh","t":"Pull To Refresh","d":"A list that reloads when it is pulled down from the top, the way a native app does, plus a","s":"pulld","c":"inputs/form-field","hc":1},{"id":"pulld:sticky-table-header","t":"Sticky Table Header","d":"Keeps a long table's header row visible while the rows scroll, and freezes up to three lea","s":"pulld","c":"navigation/top-nav","tg":["webgl"],"sb":"On scroll","sy":["webgl"],"hc":1},{"id":"pulld:paste-area","t":"Paste Area","d":"A region that takes whatever is on the clipboard — a screenshot, an image, a file, a table","s":"pulld","c":"actions/copy-button","hc":1},{"id":"pulld:swipe-actions","t":"Swipe Actions","d":"A list row that slides sideways under a thumb to reveal what can be done to it — archive, ","s":"pulld","c":"actions/button","hc":1},{"id":"pulld:shortcut-recorder","t":"Shortcut Recorder","d":"The settings field that records a keyboard shortcut: the user presses the combination they","k":"layout","s":"pulld","c":"flows/settings","hc":1},{"id":"pulld:audio-recorder","t":"Audio Recorder","d":"A voice-note recorder: press to record, watch the input level move while it does, stop, pl","s":"pulld","c":"media/player","hc":1},{"id":"pulld:nested-checkbox","t":"Nested Checkbox","d":"The checkbox list with parents and children that agree with each other: tick every child a","s":"pulld","c":"inputs/checkbox","hc":1},{"id":"pulld:drag-select","t":"Drag Select","d":"Rubber-band selection: drag from the empty space around a list, a grid or a board and ever","s":"pulld","c":"inputs/select","hc":1},{"id":"pulld:json-input","t":"JSON Input","d":"A textarea for editing JSON by hand that says exactly where the mistake is — line, column ","s":"pulld","c":"inputs/form-field","hc":1},{"id":"pulld:column-resizer","t":"Column Resizer","d":"Drag the line between two column headings to set that column's width, in a <table> you alr","s":"pulld","c":"data-display/table","hc":1},{"id":"pulld:media-scrubber","t":"Media Scrubber","d":"The playback position bar for an <audio> or <video> element you already have — the filled ","s":"pulld","c":"inputs/slider","hc":1},{"id":"pulld:table-row-expander","t":"Table Row Expander","d":"Opens one row of a table and slides the detail for that row in underneath it, spanning the","s":"pulld","c":"data-display/list","hc":1},{"id":"pulld:number-range-input","t":"Number Range Input","d":"Two number boxes that behave as one field: a low end, a high end, and a single verdict ove","s":"pulld","c":"inputs/slider","hc":1},{"id":"quill:quill","t":"Quill Design System","d":"Warm neutral grounds, moss accents, Fraunces display type, and ink-toned type. A low-contr","k":"theme","s":"quill","c":"themes/style","fw":"CSS","hc":1},{"id":"quill:icon","t":"Icon (Material Symbols)","d":"The Quill icon component — Material Symbols Outlined at weight 400, shipped as a self-cont","k":"resource","s":"quill","c":"assets/icon","hc":1},{"id":"quill:tone-badge","t":"Tone badge","d":"Quill's uppercase tag pill for status, tiers, and labels — wraps Badge with the pigment vo","s":"quill","c":"data-display/badge","hc":1},{"id":"quill:ai-badge","t":"AI badge","d":"A small outline pill with the AI sparkle that marks content an AI made or suggested — \"AI ","s":"quill","c":"ai-agent/ai-agent","hc":1},{"id":"quill:ai-button","t":"AI button","d":"A stock Quill button that runs an AI action, marked with the AI sparkle; the label stays p","s":"quill","c":"ai-agent/ai-agent","hc":1},{"id":"quill:ai-notice","t":"AI notice","d":"One quiet line under an AI composer saying the AI can be wrong, with an optional link the ","s":"quill","c":"ai-agent/ai-agent","hc":1},{"id":"quill:ai-thinking","t":"AI thinking","d":"Shows an AI working before its answer — a shimmering \"Thinking\" with what it is doing — th","s":"quill","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"quill:ai-message","t":"AI message","d":"An AI's reply in a conversation — the AI mark on its avatar, the answer as plain readable ","s":"quill","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"quill:citations","t":"Citations","d":"Shows where an AI answer came from — a small chip after each claim, named for its source, ","s":"quill","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"quill:suggested-prompts","t":"Suggested prompts","d":"Ready-made things to ask an AI — chips for follow-ups under an answer, cards for starters ","s":"quill","c":"ai-agent/composer","hc":1},{"id":"quill:model-picker","t":"Model picker","d":"Lets people choose which AI model answers — a quiet name-and-chevron trigger in the compos","s":"quill","c":"ai-agent/ai-agent","hc":1},{"id":"quill:agent-steps","t":"Agent steps","d":"Shows the steps an AI agent is working through — done, running, waiting or failed — with a","s":"quill","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"quill:approval-card","t":"Approval card","d":"Asks before an AI agent acts — an inline card that names the action, shows exactly what wi","s":"quill","c":"data-display/card","hc":1},{"id":"quill:question-card","t":"Question card","d":"An AI agent asks the person to choose — the question, options as full rows with the recomm","s":"quill","c":"data-display/card","hc":1},{"id":"quill:usage-meter","t":"Usage meter","d":"Shows how much AI credit is left — the number, a bar in the AI gradient, when it renews, w","s":"quill","c":"data-viz/gauge","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"quill:ai-feedback","t":"AI feedback","d":"Asks what was wrong after a thumbs-down on an AI answer — one reason to choose from a shor","s":"quill","c":"ai-agent/ai-agent","hc":1},{"id":"quill:ai-popover","t":"AI popover","d":"An AI suggestion beside the text it is about — what the AI did, the suggested text on a so","s":"quill","c":"ai-agent/ai-agent","hc":1},{"id":"quill:ai-mark","t":"AI mark","d":"Quill's AI sparkle — the one icon that means AI, drawn in the AI gradient with a one-star ","s":"quill","c":"ai-agent/ai-agent","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"quill:prompt-composer","t":"Prompt composer","d":"The box people type to an AI in — grows with the text, sends on Enter, turns Send into Sto","s":"quill","c":"ai-agent/composer","hc":1},{"id":"quill:agent-rules","t":"Quill agent rules","d":"Claude Code project rules and a component-choosing skill so AI agents build on-brand with ","k":"lib","s":"quill","c":"lib/utility","hc":1},{"id":"quill:check","t":"Quill check","d":"A self-check an AI agent runs inside its app after changing UI: lists every place the code","k":"lib","s":"quill","c":"lib/utility","hc":1},{"id":"quill:activity-feed","t":"Activity feed","d":"A card timeline of recent events — avatar, action text, and a relative timestamp per entry","s":"quill","c":"data-display/timeline","hc":1},{"id":"quill:alerts","t":"Alert stack","d":"A vertical stack of informational, success, and destructive alerts with icons.","s":"quill","c":"overlays/alert-banner","hc":1},{"id":"quill:analytics-charts","t":"Analytics charts","d":"A dashboard pair — an area chart of audience growth beside a bar chart of weekly sales, ea","s":"quill","c":"data-viz/chart","hc":1},{"id":"quill:announcement-banner","t":"Announcement banners","d":"Two dismissible announcement banners — an inline bordered page banner and a full-bleed pri","s":"quill","c":"overlays/alert-banner","hc":1},{"id":"quill:badge-on-card","t":"Badges on card","d":"Default, secondary, and destructive badges shown together on a card surface.","s":"quill","c":"data-display/badge","hc":1},{"id":"quill:calendar-page","t":"Calendar page","d":"A single-date calendar paired with the selected day's session list, in one studio-schedule","s":"quill","c":"data-display/calendar","hc":1},{"id":"quill:calendar-range","t":"Calendar range picker","d":"A stateful two-month range calendar for booking a span of days, with clear and reserve act","s":"quill","c":"inputs/slider","hc":1},{"id":"quill:ai-home","t":"AI home","d":"An AI assistant's start page — a soft AI glow, a greeting, the large composer with Ask/Age","s":"quill","c":"ai-agent/ai-agent","tg":["neon"],"sy":["neon"],"hc":1},{"id":"quill:ai-chat","t":"AI chat","d":"A full AI conversation page — past chats on the left, the thread in a readable column with","s":"quill","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"quill:ai-side-panel","t":"AI side panel","d":"An AI assistant docked beside the page — a header with History and Close, a removable chip","s":"quill","c":"ai-agent/ai-agent","hc":1},{"id":"quill:conversation-history","t":"Conversation history","d":"Past AI chats grouped by when they happened — pinned first, then today, yesterday, the las","s":"quill","c":"data-display/timeline","hc":1},{"id":"quill:chat","t":"Chat panel","d":"A one-on-one messaging panel — contact header, message bubbles, and a composer input.","s":"quill","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"quill:checkout","t":"Checkout","d":"A two-column checkout — payment method picker and card form beside an order summary sideba","k":"section","s":"quill","c":"marketing/pricing","hc":1},{"id":"quill:command-palette","t":"Command palette","d":"A searchable ⌘K command palette with grouped actions, recent items, and keyboard shortcuts","s":"quill","c":"navigation/command-palette","hc":1},{"id":"quill:contact-form","t":"Contact form","d":"A get-in-touch card — name, email, a topic select, and a message field.","k":"section","s":"quill","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"quill:cookie-consent","t":"Cookie consent","d":"A cookie consent banner offering accept, reject, and preferences actions.","s":"quill","c":"overlays/alert-banner","hc":1},{"id":"quill:dashboard","t":"Dashboard shell","d":"An app shell with sidebar navigation, a search header, and KPI stat cards.","k":"layout","s":"quill","c":"layout/dashboard","hc":1},{"id":"quill:data-table","t":"Data table","d":"A filterable members table with a toolbar, ToneBadge status pills, and a per-row actions m","s":"quill","c":"data-display/table","sb":"Data tables","hc":1},{"id":"quill:empty-state","t":"Empty state","d":"A dashed-border empty state with an icon, explanatory text, and a primary action.","s":"quill","c":"data-display/empty-state","hc":1},{"id":"quill:error-404","t":"404 page","d":"A full-page 404 error state with go-back and home recovery actions.","k":"page","s":"quill","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"quill:faq","t":"FAQ section","d":"A centered FAQ section — an accordion of common questions with a contact call-to-action fo","k":"section","s":"quill","c":"marketing/cta","hc":1},{"id":"quill:feature-section","t":"Feature section","d":"A marketing section with an editorial heading and a three-column feature grid.","k":"section","s":"quill","c":"marketing/features","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"quill:file-upload","t":"File upload","d":"An asset-upload card with a drag-and-drop dropzone and a progress-tracked upload queue.","s":"quill","c":"inputs/file-upload","hc":1},{"id":"quill:footer","t":"Site footer","d":"A marketing footer with brand blurb, link columns, and legal links.","k":"section","s":"quill","c":"marketing/footer","hc":1},{"id":"quill:forgot-password","t":"Forgot password","d":"A password-reset request card — an email field, a send-link action, and a way back to sign","k":"layout","s":"quill","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"quill:hero","t":"Hero","d":"A centered marketing hero — a release badge, serif headline, supporting copy, and primary/","k":"section","s":"quill","c":"marketing/hero","hc":1},{"id":"quill:invoice","t":"Invoice","d":"A printable invoice card — sender and recipient details, a ToneBadge payment status, a lin","s":"quill","c":"data-display/table","sb":"Transactions","hc":1},{"id":"quill:kanban","t":"Kanban board","d":"A three-column kanban board with card counts, tagged task cards, and an add-card affordanc","s":"quill","c":"data-display/kanban","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"quill:list-detail","t":"List + detail","d":"An inbox-style split view — a selectable message list beside a detail pane with archive an","s":"quill","c":"data-display/list","hc":1},{"id":"quill:login","t":"Login","d":"The standard email-and-password sign-in card, with remember-me and a forgot-password escap","k":"layout","s":"quill","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"quill:login-minimal","t":"Minimal login","d":"The bare-minimum sign-in — no card chrome, a single email field, sign-in by one-time code.","k":"layout","s":"quill","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"quill:login-oauth","t":"Login with OAuth providers","d":"Provider-first sign-in — Google, GitHub, and Apple buttons above an email fallback.","k":"layout","s":"quill","c":"flows/sign-in","tg":["webgl"],"sb":"Social","sy":["webgl"],"hc":1},{"id":"quill:login-split-panel","t":"Login with split panel","d":"A full-page, branded sign-in — a testimonial panel beside an email/password form with a ma","k":"layout","s":"quill","c":"flows/sign-in","sb":"Split with image","vn":1,"hc":1},{"id":"quill:mail-shell","t":"Mail inbox shell","d":"A two-pane mail client shell — a searchable message list and a reading pane with toolbar a","k":"layout","s":"quill","c":"layout/page-shell","hc":1},{"id":"quill:navbar","t":"Navbar","d":"A top navigation bar with brand wordmark, a responsive link list, and sign-in / get-starte","s":"quill","c":"navigation/top-nav","vn":1,"hc":1},{"id":"quill:theme-selector","t":"Theme selector","d":"A dropdown picker for the five Quill themes and four pigment accents — sets data-theme/dat","k":"layout","s":"quill","c":"flows/settings","hc":1},{"id":"quill:newsletter","t":"Newsletter signup","d":"A centered newsletter-signup section — an email field, subscribe action, and social proof.","k":"section","s":"quill","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"quill:notifications","t":"Notifications","d":"A notifications card listing recent events with icons, timestamps, unread indicators, and ","s":"quill","c":"overlays/notifications","hc":1},{"id":"quill:onboarding","t":"Onboarding checklist","d":"A setup checklist card with a progress bar, completed and pending tasks, and start links f","s":"quill","c":"navigation/wizard-steps","hc":1},{"id":"quill:order-summary","t":"Order summary","d":"A checkout order-summary card — line items, a promo code field, a total, and a pay-now but","k":"section","s":"quill","c":"marketing/pricing","hc":1},{"id":"quill:otp-verification","t":"OTP verification","d":"A six-digit one-time-passcode entry card for verifying an email, with expiry messaging and","s":"quill","c":"inputs/otp-input","hc":1},{"id":"quill:page-header","t":"Page header","d":"A page header with a breadcrumb trail, title and description, and duplicate/new action but","s":"quill","c":"navigation/top-nav","hc":1},{"id":"quill:pricing","t":"Pricing","d":"A three-tier pricing grid with a highlighted popular plan, feature checklists, and per-pla","k":"section","s":"quill","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"quill:profile-card","t":"Profile card","d":"A compact, centered profile card — avatar initials, role, follower stats, and follow/messa","s":"quill","c":"data-display/profile","hc":1},{"id":"quill:search-results","t":"Search results","d":"A docs search panel — query input, result count, and a linked result list with breadcrumbs","s":"quill","c":"inputs/search","hc":1},{"id":"quill:settings","t":"Settings form","d":"A profile settings card — name fields, a bio textarea, and an email-notification toggle.","k":"layout","s":"quill","c":"flows/settings","hc":1},{"id":"quill:sidebar-nav","t":"Sidebar navigation shell","d":"A collapsible icon-sidebar app shell with grouped menus, badges, a top bar, and a main are","s":"quill","c":"navigation/top-nav","vn":1,"hc":1},{"id":"quill:signup","t":"Sign up","d":"Standard account-creation card — name, email, password, and a link back to sign-in.","k":"layout","s":"quill","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"quill:signup-social","t":"Signup — social first","d":"Signup that leads with GitHub and Google provider buttons, falling back to an email/passwo","k":"layout","s":"quill","c":"flows/sign-in","tg":["webgl"],"sb":"Sign up","sy":["webgl"],"hc":1},{"id":"quill:stat-cards","t":"Stat cards","d":"A responsive grid of KPI cards, each showing a value with a delta badge versus last month.","s":"quill","c":"data-display/stat","hc":1},{"id":"quill:stats-band","t":"Stats band","d":"A marketing band of headline statistics separated by vertical dividers on a card backgroun","s":"quill","c":"data-display/stat","hc":1},{"id":"quill:tabs-page","t":"Tabs page","d":"A tabbed settings page with account, notifications, and security panels.","s":"quill","c":"navigation/tabs","hc":1},{"id":"quill:team-section","t":"Team section","d":"A marketing team grid with avatar cards showing each member's name, role, specialty badge,","k":"section","s":"quill","c":"marketing/team","hc":1},{"id":"quill:testimonial","t":"Testimonial","d":"A customer-quote card with a serif pull-quote, avatar initials, and attribution.","k":"section","s":"quill","c":"marketing/testimonials","hc":1},{"id":"quill:wizard","t":"Setup wizard step","d":"A multi-step setup card — a progress stepper, workspace fields, and back/continue navigati","s":"quill","c":"navigation/wizard-steps","hc":1},{"id":"quiz-ui:quiz-cn","t":"quiz ui className helper","d":"className composition helper (clsx + tailwind-merge) used by every quiz-ui component.","k":"lib","s":"quiz-ui","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"quiz-ui:quiz-core","t":"Quiz engine","d":"Headless quiz engine: state machine, branching resolution, and the useQuizEngine/useQuizSt","k":"lib","s":"quiz-ui","c":"lib/hook","hc":1},{"id":"quiz-ui:quiz-root","t":"QuizRoot","d":"Top-level funnel wrapper; owns the engine via QuizProvider.","s":"quiz-ui","c":"data-viz/chart","tg":["playful"],"sy":["playful"],"hc":1},{"id":"quiz-ui:quiz-step","t":"QuizStep","d":"Renders the active step's question heading and answer input.","s":"quiz-ui","c":"navigation/wizard-steps","hc":1},{"id":"quiz-ui:quiz-progress","t":"QuizProgress","d":"Progress bar with a 'Step N of M' label, on Radix Progress.","s":"quiz-ui","c":"data-viz/progress-bar","hc":1},{"id":"quiz-ui:quiz-choice","t":"QuizChoice / QuizChoiceGroup","d":"Single- and multi-select answer cards, on Radix RadioGroup/Checkbox.","s":"quiz-ui","c":"inputs/select","hc":1},{"id":"quiz-ui:quiz-image-choice","t":"QuizImageChoice","d":"Visual/image-based single-select answer grid.","s":"quiz-ui","c":"media/gallery","hc":1},{"id":"quiz-ui:quiz-slider","t":"QuizSlider","d":"Single-thumb range input for numeric answers.","s":"quiz-ui","c":"inputs/slider","hc":1},{"id":"quiz-ui:quiz-rating","t":"QuizRating","d":"Star or numeric rating scale, on Radix ToggleGroup.","s":"quiz-ui","c":"inputs/rating","hc":1},{"id":"quiz-ui:quiz-text-input","t":"QuizTextInput","d":"Free-text answer input.","s":"quiz-ui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"quiz-ui:quiz-email-input","t":"QuizEmailInput","d":"Email capture input with basic format validation.","s":"quiz-ui","c":"inputs/form-field","tg":["minimal"],"sb":"Email","sy":["minimal"],"hc":1},{"id":"quiz-ui:quiz-navigation","t":"QuizNavigation","d":"Back/Next controls; Next disables automatically until the step is answered.","s":"quiz-ui","c":"other/other","hc":1},{"id":"quiz-ui:quiz-transition","t":"QuizTransition","d":"Fade/slide transition wrapper for step changes. Requires a Tailwind keyframe — see the com","k":"motion","s":"quiz-ui","c":"motion/text-effect","hc":1},{"id":"quiz-ui:quiz-result","t":"QuizResult","d":"Renders its children only once the funnel is complete.","s":"quiz-ui","c":"data-viz/chart","tg":["playful"],"sy":["playful"],"hc":1},{"id":"quiz-ui:quiz-dialog","t":"QuizDialog","d":"Modal-embedded funnel wrapper, on Radix Dialog.","s":"quiz-ui","c":"overlays/dialog","tg":["playful"],"sy":["playful"],"hc":1},{"id":"ramonclaudio-coderabbit:core","t":"CodeRabbit Core","d":"Core CodeRabbit integration with types, API client, server actions, and React hook. Add a ","k":"resource","s":"ramonclaudio-coderabbit","c":"assets/sound"},{"id":"ramonclaudio-coderabbit:types","t":"CodeRabbit Types","d":"Pure TypeScript types for CodeRabbit API integration. Framework-agnostic type definitions ","k":"resource","s":"ramonclaudio-coderabbit","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"ramonclaudio-coderabbit:client","t":"CodeRabbit API Client","d":"Framework-agnostic CodeRabbit API client. Works in Node.js, Deno, Bun, Edge runtimes, and ","k":"resource","s":"ramonclaudio-coderabbit","c":"assets/sound","hc":1},{"id":"ramonclaudio-coderabbit:storage-adapter","t":"CodeRabbit Storage Adapter Interface","d":"TypeScript interface for implementing custom storage backends. Implement this to add suppo","k":"resource","s":"ramonclaudio-coderabbit","c":"assets/sound","hc":1},{"id":"ramonclaudio-coderabbit:storage-localstorage","t":"CodeRabbit LocalStorage Adapter","d":"Browser localStorage adapter for CodeRabbit reports. Perfect for client-side apps and prot","k":"resource","s":"ramonclaudio-coderabbit","c":"assets/sound","hc":1},{"id":"ramonclaudio-coderabbit:storage-convex","t":"CodeRabbit Convex Adapter","d":"Convex database adapter with real-time sync and auth support. Includes schema definitions ","k":"resource","s":"ramonclaudio-coderabbit","c":"assets/sound","hc":1},{"id":"ramonclaudio-coderabbit:storage-supabase","t":"CodeRabbit Supabase Adapter","d":"Supabase (PostgreSQL) adapter with Row Level Security support. Includes SQL schema and RLS","k":"resource","s":"ramonclaudio-coderabbit","c":"assets/sound","hc":1},{"id":"ramonclaudio-coderabbit:storage-postgres","t":"CodeRabbit PostgreSQL Adapter","d":"PostgreSQL adapter with connection pooling. Works with Neon, Vercel Postgres, Railway, AWS","k":"resource","s":"ramonclaudio-coderabbit","c":"assets/sound","tg":["neon","webgl"],"sb":"Keyboard","sy":["neon","webgl"],"hc":1},{"id":"ramonclaudio-coderabbit:storage-mysql","t":"CodeRabbit MySQL Adapter","d":"MySQL/MariaDB adapter with connection pooling. Works with PlanetScale, AWS RDS, Google Clo","k":"resource","s":"ramonclaudio-coderabbit","c":"assets/sound","tg":["webgl"],"sb":"Keyboard","sy":["webgl"],"hc":1},{"id":"ramonclaudio-coderabbit:actions","t":"CodeRabbit Server Actions","d":"Next.js server actions for CodeRabbit API. Handles API calls server-side where CODERABBIT_","k":"resource","s":"ramonclaudio-coderabbit","c":"assets/sound","hc":1},{"id":"ramonclaudio-coderabbit:react","t":"CodeRabbit React Hook","d":"React hook for generating CodeRabbit reports with built-in loading and error states. Uses ","k":"resource","s":"ramonclaudio-coderabbit","c":"assets/sound","hc":1},{"id":"ramonclaudio-coderabbit:report-form","t":"CodeRabbit Report Form","d":"Full-featured form component for collecting report parameters. Includes template selection","k":"resource","s":"ramonclaudio-coderabbit","c":"assets/sound","hc":1},{"id":"ramonclaudio-coderabbit:branding","t":"CodeRabbit Branding","d":"CodeRabbit logo and icon components with dark/light theme support. Includes SVG assets.","k":"resource","s":"ramonclaudio-coderabbit","c":"assets/sound","sb":"Notifications","hc":1},{"id":"ramonclaudio-coderabbit:report-card","t":"CodeRabbit Report Card","d":"Display component for CodeRabbit reports with expandable cards, status badges, and markdow","k":"resource","s":"ramonclaudio-coderabbit","c":"assets/sound","hc":1},{"id":"ramonclaudio-coderabbit:localstorage","t":"CodeRabbit with LocalStorage","d":"Complete CodeRabbit integration with browser localStorage. Perfect for prototyping and cli","k":"resource","s":"ramonclaudio-coderabbit","c":"assets/sound","sb":"Outcomes"},{"id":"ramonclaudio-coderabbit:convex","t":"CodeRabbit with Convex","d":"Complete CodeRabbit integration with Convex database. Includes real-time sync, auth suppor","k":"resource","s":"ramonclaudio-coderabbit","c":"assets/sound","sb":"Outcomes"},{"id":"ramonclaudio-coderabbit:supabase","t":"CodeRabbit with Supabase","d":"Complete CodeRabbit integration with Supabase (PostgreSQL). Includes Row Level Security po","k":"resource","s":"ramonclaudio-coderabbit","c":"assets/sound","sb":"Outcomes"},{"id":"ramonclaudio-coderabbit:postgres","t":"CodeRabbit with PostgreSQL","d":"Complete CodeRabbit integration with PostgreSQL. Works with Neon, Vercel Postgres, Railway","k":"resource","s":"ramonclaudio-coderabbit","c":"assets/sound","tg":["neon"],"sb":"Outcomes","sy":["neon"]},{"id":"ramonclaudio-coderabbit:mysql","t":"CodeRabbit with MySQL","d":"Complete CodeRabbit integration with MySQL/MariaDB. Works with PlanetScale, AWS RDS, Googl","k":"resource","s":"ramonclaudio-coderabbit","c":"assets/sound","tg":["webgl"],"sb":"Outcomes","sy":["webgl"]},{"id":"ratneshc:utils","t":"Utility Functions","k":"lib","s":"ratneshc","c":"lib/utility","tg":["playful"],"sb":"Class helpers","sy":["playful"],"hc":1},{"id":"ratneshc:use-copy-to-clipboard","t":"useCopyToClipboard","k":"lib","s":"ratneshc","c":"lib/hook","hc":1},{"id":"ratneshc:stars-travel","t":"Stars Travel","d":"A motion-driven SVG background with an animated 'infinite travel' effect.","k":"motion","s":"ratneshc","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"ratneshc:perspective-tilt","t":"Perspective Tilt","d":"A 3D card with perspective tilt and blur transitions.","k":"motion","s":"ratneshc","c":"motion/tilt-3d","tg":["3d"],"sy":["3d"],"hc":1},{"id":"ratneshc:copy-button","t":"Copy Button","d":"A copy button with direction-aware icon transitions.","s":"ratneshc","c":"actions/copy-button","hc":1},{"id":"ratneshc:blur-shimmer-text","t":"Blur Shimmer Text","d":"A text component that loops phrases with a horizontal blur shimmer.","k":"motion","s":"ratneshc","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"rawkitui:button","t":"Button","d":"Tactile Neo-Brutalist button with hard black shadow and press physics.","s":"rawkitui","c":"actions/button","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"rawkitui:card","t":"Card","d":"Hyper-rounded superellipse card with pastel surface options.","s":"rawkitui","c":"data-display/card","hc":1},{"id":"rawkitui:badge","t":"Badge","d":"Pill badges and Scalloped Starburst callout tags.","s":"rawkitui","c":"data-display/badge","hc":1},{"id":"rawkitui:floating-nav","t":"Floating Nav","d":"Pinned bottom/top capsule navigation bar.","s":"rawkitui","c":"navigation/dock","hc":1},{"id":"rawkitui:accordion","t":"Accordion","d":"Accessible collapsible content sections with tactile pastel headers.","s":"rawkitui","c":"data-display/accordion","hc":1},{"id":"rawkitui:avatar","t":"Avatar","d":"Rounded profile image with resilient initials fallback and status dot.","s":"rawkitui","c":"data-display/avatar","hc":1},{"id":"rawkitui:breadcrumb","t":"Breadcrumb","d":"Responsive semantic breadcrumb trail with optional collapsed items.","s":"rawkitui","c":"navigation/breadcrumb","hc":1},{"id":"rawkitui:calendar","t":"Calendar","d":"Keyboard-friendly month calendar with selection and date constraints.","s":"rawkitui","c":"data-display/calendar","hc":1},{"id":"rawkitui:command","t":"Command","d":"Searchable command list with grouping, keyboard navigation, and selection.","s":"rawkitui","c":"navigation/command-palette","hc":1},{"id":"rawkitui:dropdown-menu","t":"Dropdown Menu","d":"Compact action menu with separators, shortcuts, and keyboard controls.","s":"rawkitui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"rawkitui:pagination","t":"Pagination","d":"Responsive page navigation with ellipsis compression and disabled edges.","s":"rawkitui","c":"navigation/pagination","hc":1},{"id":"rawkitui:progress","t":"Progress","d":"Accessible capsule progress bar with labeled percentage states.","s":"rawkitui","c":"data-viz/progress-bar","hc":1},{"id":"rawkitui:skeleton","t":"Skeleton","d":"Motion-aware loading placeholder for text, avatars, and content blocks.","s":"rawkitui","c":"status/skeleton","hc":1},{"id":"rawkitui:sonner","t":"Toast","d":"Provider-based tactile notifications with status semantics and dismissal.","s":"rawkitui","c":"overlays/toast","hc":1},{"id":"rawkitui:table","t":"Table","d":"Composable responsive data table primitives with readable row states.","s":"rawkitui","c":"data-display/table","hc":1},{"id":"rawkitui:slider","t":"Slider","d":"Native accessible range control with RawkitUI label and value treatment.","s":"rawkitui","c":"inputs/slider","hc":1},{"id":"rawkitui:toggle-group","t":"Toggle Group","d":"Single or multi-select toggle controls for compact modes and filters.","s":"rawkitui","c":"actions/switch","hc":1},{"id":"rawkitui:input","t":"Input","d":"Pop-Brutalist input control with solid 3px focus ring.","s":"rawkitui","c":"inputs/form-field","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"rawkitui:textarea","t":"Textarea","d":"Pop-Brutalist multiline text input.","s":"rawkitui","c":"inputs/textarea","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"rawkitui:select","t":"Select","d":"Custom dropdown select with chevron icon.","s":"rawkitui","c":"inputs/select","hc":1},{"id":"rawkitui:switch","t":"Switch","d":"Tactile capsule toggle switch.","s":"rawkitui","c":"actions/switch","hc":1},{"id":"rawkitui:radio","t":"Radio Group","d":"Tactile radio option card system.","s":"rawkitui","c":"inputs/radio","hc":1},{"id":"rawkitui:tabs","t":"Tabs","d":"Capsule pill tabs with pastel active tab highlights.","s":"rawkitui","c":"navigation/tabs","hc":1},{"id":"rawkitui:tooltip","t":"Tooltip","d":"Pop-Brutalist high-contrast tooltip with hard shadow.","s":"rawkitui","c":"overlays/tooltip","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"rawkitui:stepper","t":"Stepper","d":"Capsule progress tracker and numbered step pills.","s":"rawkitui","c":"navigation/wizard-steps","hc":1},{"id":"rawkitui:bar-chart","t":"Bar Chart","d":"Vertical capsule progress bar chart visualization.","s":"rawkitui","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"rawkitui:dialog","t":"Dialog","d":"Pop-Brutalist modal popover with pastel surface variants.","s":"rawkitui","c":"overlays/dialog","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"rawkitui:alert","t":"Alert","d":"High-contrast pop notification banner.","s":"rawkitui","c":"overlays/alert-banner","hc":1},{"id":"rawkitui:checkbox","t":"Checkbox","d":"Tactile checkbox control with yellow check fill.","s":"rawkitui","c":"inputs/checkbox","hc":1},{"id":"rawkitui:kbd","t":"Kbd","d":"Keyboard key primitive with thick border, hard shadow, and press animation.","s":"rawkitui","c":"data-display/typography","hc":1},{"id":"rawkitui:sheet","t":"Sheet","d":"Slide-out side drawer panel with spring animation and ESC dismissal.","s":"rawkitui","c":"overlays/sheet","hc":1},{"id":"rawkitui:popover","t":"Popover","d":"Floating panel anchored to a trigger button with click-outside dismissal.","s":"rawkitui","c":"overlays/popover","hc":1},{"id":"rawkitui:copy-button","t":"Copy Button","d":"Clipboard utility button with pop checkmark feedback.","s":"rawkitui","c":"actions/copy-button","hc":1},{"id":"rawkitui:number-input","t":"Number Input","d":"Quantity stepper with plus/minus buttons around a numeric field.","s":"rawkitui","c":"inputs/number-input","hc":1},{"id":"rawkitui:otp-input","t":"OTP Input","d":"Verification code field with auto-focus movement and paste detection.","s":"rawkitui","c":"inputs/otp-input","hc":1},{"id":"rawkitui:rating","t":"Rating","d":"Interactive star rating primitive with hover preview and keyboard support.","s":"rawkitui","c":"inputs/rating","hc":1},{"id":"rawkitui:collapsible","t":"Collapsible","d":"Lightweight show/hide toggle wrapper with spring rotation.","s":"rawkitui","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"rawkitui:form","t":"Form","d":"Tactile Pop-Brutalist form item, label, description, and validation error message wrappers","s":"rawkitui","c":"inputs/form-field","tg":["brutalist"],"sb":"Whole forms","sy":["brutalist"],"hc":1},{"id":"rawkitui:utils","t":"Utils","d":"Utility function (cn) for merging Tailwind CSS classes.","k":"lib","s":"rawkitui","c":"lib/utility","tg":["playful"],"sb":"Class helpers","sy":["playful"],"hc":1},{"id":"react-aria:tailwind","t":"Tailwind","k":"theme","s":"react-aria","c":"themes/style"},{"id":"react-aria:tailwind-alertdialog","t":"AlertDialog","s":"react-aria","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"react-aria:tailwind-breadcrumbs","t":"Breadcrumbs","s":"react-aria","c":"navigation/breadcrumb","hc":1},{"id":"react-aria:tailwind-button","t":"Button","s":"react-aria","c":"actions/button","hc":1},{"id":"react-aria:tailwind-calendar","t":"Calendar","s":"react-aria","c":"data-display/calendar","hc":1},{"id":"react-aria:tailwind-checkbox","t":"Checkbox","s":"react-aria","c":"inputs/checkbox","hc":1},{"id":"react-aria:tailwind-checkboxgroup","t":"CheckboxGroup","s":"react-aria","c":"inputs/checkbox","hc":1},{"id":"react-aria:tailwind-colorarea","t":"ColorArea","s":"react-aria","c":"other/other","hc":1},{"id":"react-aria:tailwind-colorfield","t":"ColorField","s":"react-aria","c":"inputs/form-field","hc":1},{"id":"react-aria:tailwind-colorpicker","t":"ColorPicker","s":"react-aria","c":"inputs/color-picker","hc":1},{"id":"react-aria:tailwind-colorslider","t":"ColorSlider","s":"react-aria","c":"inputs/slider","hc":1},{"id":"react-aria:tailwind-colorswatch","t":"ColorSwatch","s":"react-aria","c":"inputs/color-picker","hc":1},{"id":"react-aria:tailwind-colorswatchpicker","t":"ColorSwatchPicker","s":"react-aria","c":"inputs/color-picker","hc":1},{"id":"react-aria:tailwind-colorthumb","t":"ColorThumb","s":"react-aria","c":"other/other","hc":1},{"id":"react-aria:tailwind-colorwheel","t":"ColorWheel","s":"react-aria","c":"inputs/color-picker","hc":1},{"id":"react-aria:tailwind-combobox","t":"ComboBox","s":"react-aria","c":"inputs/combobox","hc":1},{"id":"react-aria:tailwind-commandpalette","t":"CommandPalette","s":"react-aria","c":"navigation/command-palette","hc":1},{"id":"react-aria:tailwind-datefield","t":"DateField","s":"react-aria","c":"inputs/date-picker","hc":1},{"id":"react-aria:tailwind-datepicker","t":"DatePicker","s":"react-aria","c":"inputs/date-picker","hc":1},{"id":"react-aria:tailwind-daterangepicker","t":"DateRangePicker","s":"react-aria","c":"inputs/date-range","hc":1},{"id":"react-aria:tailwind-dialog","t":"Dialog","s":"react-aria","c":"overlays/dialog","hc":1},{"id":"react-aria:tailwind-disclosure","t":"Disclosure","s":"react-aria","c":"data-display/accordion","hc":1},{"id":"react-aria:tailwind-disclosuregroup","t":"DisclosureGroup","s":"react-aria","c":"data-display/accordion","hc":1},{"id":"react-aria:tailwind-dropzone","t":"DropZone","s":"react-aria","c":"inputs/file-upload","hc":1},{"id":"react-aria:tailwind-field","t":"Field","s":"react-aria","c":"inputs/form-field","hc":1},{"id":"react-aria:tailwind-fieldbutton","t":"FieldButton","s":"react-aria","c":"actions/button","hc":1},{"id":"react-aria:tailwind-form","t":"Form","s":"react-aria","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"react-aria:tailwind-gridlist","t":"GridList","s":"react-aria","c":"data-display/list","hc":1},{"id":"react-aria:tailwind-link","t":"Link","s":"react-aria","c":"actions/link","hc":1},{"id":"react-aria:tailwind-listbox","t":"ListBox","s":"react-aria","c":"inputs/select","hc":1},{"id":"react-aria:tailwind-menu","t":"Menu","s":"react-aria","c":"navigation/menu","hc":1},{"id":"react-aria:tailwind-meter","t":"Meter","s":"react-aria","c":"data-viz/gauge","hc":1},{"id":"react-aria:tailwind-modal","t":"Modal","s":"react-aria","c":"overlays/dialog","hc":1},{"id":"react-aria:tailwind-navigationtree","t":"NavigationTree","s":"react-aria","c":"data-display/tree","hc":1},{"id":"react-aria:tailwind-numberfield","t":"NumberField","s":"react-aria","c":"inputs/number-input","hc":1},{"id":"react-aria:tailwind-popover","t":"Popover","s":"react-aria","c":"overlays/popover","hc":1},{"id":"react-aria:tailwind-progressbar","t":"ProgressBar","s":"react-aria","c":"data-viz/progress-bar","hc":1},{"id":"react-aria:tailwind-radiogroup","t":"RadioGroup","s":"react-aria","c":"inputs/radio","hc":1},{"id":"react-aria:tailwind-rangecalendar","t":"RangeCalendar","s":"react-aria","c":"data-display/calendar","hc":1},{"id":"react-aria:tailwind-searchfield","t":"SearchField","s":"react-aria","c":"inputs/search","hc":1},{"id":"react-aria:tailwind-select","t":"Select","s":"react-aria","c":"inputs/select","hc":1},{"id":"react-aria:tailwind-separator","t":"Separator","k":"layout","s":"react-aria","c":"layout/page-shell","hc":1},{"id":"react-aria:tailwind-sheet","t":"Sheet","s":"react-aria","c":"overlays/sheet","hc":1},{"id":"react-aria:tailwind-slider","t":"Slider","s":"react-aria","c":"inputs/slider","hc":1},{"id":"react-aria:tailwind-switch","t":"Switch","s":"react-aria","c":"actions/switch","hc":1},{"id":"react-aria:tailwind-table","t":"Table","s":"react-aria","c":"data-display/table","hc":1},{"id":"react-aria:tailwind-tabs","t":"Tabs","s":"react-aria","c":"navigation/tabs","hc":1},{"id":"react-aria:tailwind-taggroup","t":"TagGroup","s":"react-aria","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"react-aria:tailwind-textfield","t":"TextField","s":"react-aria","c":"inputs/form-field","hc":1},{"id":"react-aria:tailwind-timefield","t":"TimeField","s":"react-aria","c":"inputs/time-picker","hc":1},{"id":"react-aria:tailwind-toast","t":"Toast","s":"react-aria","c":"overlays/toast","hc":1},{"id":"react-aria:tailwind-togglebutton","t":"ToggleButton","s":"react-aria","c":"actions/button","hc":1},{"id":"react-aria:tailwind-togglebuttongroup","t":"ToggleButtonGroup","s":"react-aria","c":"actions/switch","hc":1},{"id":"react-aria:tailwind-tokenfield","t":"TokenField","s":"react-aria","c":"inputs/form-field","hc":1},{"id":"react-aria:tailwind-toolbar","t":"Toolbar","s":"react-aria","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"react-aria:tailwind-tooltip","t":"Tooltip","s":"react-aria","c":"overlays/tooltip","hc":1},{"id":"react-aria:tailwind-tree","t":"Tree","s":"react-aria","c":"data-display/tree","hc":1},{"id":"react-aria:tailwind-utils","t":"Utils","k":"lib","s":"react-aria","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"react-aria:css","t":"Css","k":"theme","s":"react-aria","c":"themes/style"},{"id":"react-aria:css-breadcrumbs","t":"Breadcrumbs","s":"react-aria","c":"navigation/breadcrumb","hc":1},{"id":"react-aria:css-button","t":"Button","s":"react-aria","c":"actions/button","hc":1},{"id":"react-aria:css-calendar","t":"Calendar","s":"react-aria","c":"data-display/calendar","hc":1},{"id":"react-aria:css-checkbox","t":"Checkbox","s":"react-aria","c":"inputs/checkbox","hc":1},{"id":"react-aria:css-checkboxgroup","t":"CheckboxGroup","s":"react-aria","c":"inputs/checkbox","hc":1},{"id":"react-aria:css-colorarea","t":"ColorArea","s":"react-aria","c":"other/other","hc":1},{"id":"react-aria:css-colorfield","t":"ColorField","s":"react-aria","c":"inputs/form-field","hc":1},{"id":"react-aria:css-colorpicker","t":"ColorPicker","s":"react-aria","c":"inputs/color-picker","hc":1},{"id":"react-aria:css-colorslider","t":"ColorSlider","s":"react-aria","c":"inputs/slider","hc":1},{"id":"react-aria:css-colorswatch","t":"ColorSwatch","s":"react-aria","c":"inputs/color-picker","hc":1},{"id":"react-aria:css-colorswatchpicker","t":"ColorSwatchPicker","s":"react-aria","c":"inputs/color-picker","hc":1},{"id":"react-aria:css-colorthumb","t":"ColorThumb","s":"react-aria","c":"other/other","hc":1},{"id":"react-aria:css-colorwheel","t":"ColorWheel","s":"react-aria","c":"inputs/color-picker","hc":1},{"id":"react-aria:css-combobox","t":"ComboBox","s":"react-aria","c":"inputs/combobox","hc":1},{"id":"react-aria:css-commandpalette","t":"CommandPalette","s":"react-aria","c":"navigation/command-palette","hc":1},{"id":"react-aria:css-content","t":"Content","s":"react-aria","c":"other/other","hc":1},{"id":"react-aria:css-datefield","t":"DateField","s":"react-aria","c":"inputs/date-picker","hc":1},{"id":"react-aria:css-datepicker","t":"DatePicker","s":"react-aria","c":"inputs/date-picker","hc":1},{"id":"react-aria:css-daterangepicker","t":"DateRangePicker","s":"react-aria","c":"inputs/date-range","hc":1},{"id":"react-aria:css-dialog","t":"Dialog","s":"react-aria","c":"overlays/dialog","hc":1},{"id":"react-aria:css-disclosure","t":"Disclosure","s":"react-aria","c":"data-display/accordion","hc":1},{"id":"react-aria:css-disclosuregroup","t":"DisclosureGroup","s":"react-aria","c":"data-display/accordion","hc":1},{"id":"react-aria:css-dropzone","t":"DropZone","s":"react-aria","c":"inputs/file-upload","hc":1},{"id":"react-aria:css-form","t":"Form","s":"react-aria","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"react-aria:css-gridlist","t":"GridList","s":"react-aria","c":"data-display/list","hc":1},{"id":"react-aria:css-inputgroup","t":"InputGroup","s":"react-aria","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"react-aria:css-link","t":"Link","s":"react-aria","c":"actions/link","hc":1},{"id":"react-aria:css-listbox","t":"ListBox","s":"react-aria","c":"inputs/select","hc":1},{"id":"react-aria:css-menu","t":"Menu","s":"react-aria","c":"navigation/menu","hc":1},{"id":"react-aria:css-meter","t":"Meter","s":"react-aria","c":"data-viz/gauge","hc":1},{"id":"react-aria:css-modal","t":"Modal","s":"react-aria","c":"overlays/dialog","hc":1},{"id":"react-aria:css-navigationtree","t":"NavigationTree","s":"react-aria","c":"data-display/tree","hc":1},{"id":"react-aria:css-numberfield","t":"NumberField","s":"react-aria","c":"inputs/number-input","hc":1},{"id":"react-aria:css-popover","t":"Popover","s":"react-aria","c":"overlays/popover","hc":1},{"id":"react-aria:css-progressbar","t":"ProgressBar","s":"react-aria","c":"data-viz/progress-bar","hc":1},{"id":"react-aria:css-progresscircle","t":"ProgressCircle","s":"react-aria","c":"data-viz/progress-bar","hc":1},{"id":"react-aria:css-radiogroup","t":"RadioGroup","s":"react-aria","c":"inputs/radio","hc":1},{"id":"react-aria:css-rangecalendar","t":"RangeCalendar","s":"react-aria","c":"data-display/calendar","hc":1},{"id":"react-aria:css-searchfield","t":"SearchField","s":"react-aria","c":"inputs/search","hc":1},{"id":"react-aria:css-segmentedcontrol","t":"SegmentedControl","s":"react-aria","c":"actions/segmented-control","hc":1},{"id":"react-aria:css-select","t":"Select","s":"react-aria","c":"inputs/select","hc":1},{"id":"react-aria:css-separator","t":"Separator","k":"layout","s":"react-aria","c":"layout/page-shell","hc":1},{"id":"react-aria:css-sheet","t":"Sheet","s":"react-aria","c":"overlays/sheet","hc":1},{"id":"react-aria:css-slider","t":"Slider","s":"react-aria","c":"inputs/slider","hc":1},{"id":"react-aria:css-switch","t":"Switch","s":"react-aria","c":"actions/switch","hc":1},{"id":"react-aria:css-table","t":"Table","s":"react-aria","c":"data-display/table","hc":1},{"id":"react-aria:css-tabs","t":"Tabs","s":"react-aria","c":"navigation/tabs","hc":1},{"id":"react-aria:css-taggroup","t":"TagGroup","s":"react-aria","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"react-aria:css-textfield","t":"TextField","s":"react-aria","c":"inputs/form-field","hc":1},{"id":"react-aria:css-timefield","t":"TimeField","s":"react-aria","c":"inputs/time-picker","hc":1},{"id":"react-aria:css-toast","t":"Toast","s":"react-aria","c":"overlays/toast","hc":1},{"id":"react-aria:css-togglebutton","t":"ToggleButton","s":"react-aria","c":"actions/button","hc":1},{"id":"react-aria:css-togglebuttongroup","t":"ToggleButtonGroup","s":"react-aria","c":"actions/switch","hc":1},{"id":"react-aria:css-tokenfield","t":"TokenField","s":"react-aria","c":"inputs/form-field","hc":1},{"id":"react-aria:css-toolbar","t":"Toolbar","s":"react-aria","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"react-aria:css-tooltip","t":"Tooltip","s":"react-aria","c":"overlays/tooltip","hc":1},{"id":"react-aria:css-tree","t":"Tree","s":"react-aria","c":"data-display/tree","hc":1},{"id":"react-aria:hooks","t":"Hooks","k":"theme","s":"react-aria","c":"themes/style"},{"id":"react-aria:hooks-breadcrumbs","t":"Breadcrumbs","s":"react-aria","c":"navigation/breadcrumb","hc":1},{"id":"react-aria:hooks-button","t":"Button","s":"react-aria","c":"actions/button","hc":1},{"id":"react-aria:hooks-calendar","t":"Calendar","s":"react-aria","c":"data-display/calendar","hc":1},{"id":"react-aria:hooks-checkbox","t":"Checkbox","s":"react-aria","c":"inputs/checkbox","hc":1},{"id":"react-aria:hooks-checkboxgroup","t":"CheckboxGroup","s":"react-aria","c":"inputs/checkbox","hc":1},{"id":"react-aria:hooks-colorarea","t":"ColorArea","s":"react-aria","c":"other/other","hc":1},{"id":"react-aria:hooks-colorfield","t":"ColorField","s":"react-aria","c":"inputs/form-field","sb":"Phone","hc":1},{"id":"react-aria:hooks-colorslider","t":"ColorSlider","s":"react-aria","c":"inputs/slider","hc":1},{"id":"react-aria:hooks-colorswatch","t":"ColorSwatch","s":"react-aria","c":"inputs/color-picker","hc":1},{"id":"react-aria:hooks-colorwheel","t":"ColorWheel","s":"react-aria","c":"inputs/color-picker","hc":1},{"id":"react-aria:hooks-combobox","t":"ComboBox","s":"react-aria","c":"inputs/combobox","hc":1},{"id":"react-aria:hooks-datefield","t":"DateField","s":"react-aria","c":"inputs/date-picker","hc":1},{"id":"react-aria:hooks-datepicker","t":"DatePicker","s":"react-aria","c":"inputs/date-picker","hc":1},{"id":"react-aria:hooks-daterangepicker","t":"DateRangePicker","s":"react-aria","c":"inputs/date-range","hc":1},{"id":"react-aria:hooks-disclosure","t":"Disclosure","s":"react-aria","c":"data-display/accordion","hc":1},{"id":"react-aria:hooks-dropdownlistbox","t":"DropdownListBox","s":"react-aria","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"react-aria:hooks-gridlist","t":"GridList","s":"react-aria","c":"data-display/list","hc":1},{"id":"react-aria:hooks-link","t":"Link","s":"react-aria","c":"actions/link","hc":1},{"id":"react-aria:hooks-listbox","t":"ListBox","s":"react-aria","c":"inputs/select","hc":1},{"id":"react-aria:hooks-menu","t":"Menu","s":"react-aria","c":"navigation/menu","hc":1},{"id":"react-aria:hooks-meter","t":"Meter","s":"react-aria","c":"data-viz/gauge","hc":1},{"id":"react-aria:hooks-modal","t":"Modal","s":"react-aria","c":"overlays/dialog","hc":1},{"id":"react-aria:hooks-numberfield","t":"NumberField","s":"react-aria","c":"inputs/number-input","hc":1},{"id":"react-aria:hooks-popover","t":"Popover","s":"react-aria","c":"overlays/popover","hc":1},{"id":"react-aria:hooks-progressbar","t":"ProgressBar","s":"react-aria","c":"data-viz/progress-bar","hc":1},{"id":"react-aria:hooks-radiogroup","t":"RadioGroup","s":"react-aria","c":"inputs/radio","hc":1},{"id":"react-aria:hooks-rangecalendar","t":"RangeCalendar","s":"react-aria","c":"data-display/calendar","hc":1},{"id":"react-aria:hooks-searchfield","t":"SearchField","s":"react-aria","c":"inputs/search","hc":1},{"id":"react-aria:hooks-select","t":"Select","s":"react-aria","c":"inputs/select","hc":1},{"id":"react-aria:hooks-separator","t":"Separator","k":"layout","s":"react-aria","c":"layout/page-shell","hc":1},{"id":"react-aria:hooks-slider","t":"Slider","s":"react-aria","c":"inputs/slider","hc":1},{"id":"react-aria:hooks-switch","t":"Switch","s":"react-aria","c":"actions/switch","hc":1},{"id":"react-aria:hooks-table","t":"Table","s":"react-aria","c":"data-display/table","hc":1},{"id":"react-aria:hooks-tabs","t":"Tabs","s":"react-aria","c":"navigation/tabs","hc":1},{"id":"react-aria:hooks-taggroup","t":"TagGroup","s":"react-aria","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"react-aria:hooks-textfield","t":"TextField","s":"react-aria","c":"inputs/form-field","hc":1},{"id":"react-aria:hooks-timefield","t":"TimeField","s":"react-aria","c":"inputs/time-picker","hc":1},{"id":"react-aria:hooks-toast","t":"Toast","s":"react-aria","c":"overlays/toast","hc":1},{"id":"react-aria:hooks-togglebutton","t":"ToggleButton","s":"react-aria","c":"actions/button","sb":"Loading and states","hc":1},{"id":"react-aria:hooks-togglebuttongroup","t":"ToggleButtonGroup","s":"react-aria","c":"actions/switch","hc":1},{"id":"react-aria:hooks-toolbar","t":"Toolbar","s":"react-aria","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"react-aria:hooks-tooltip","t":"Tooltip","s":"react-aria","c":"overlays/tooltip","hc":1},{"id":"react-bits:AnimatedContent-JS-CSS","t":"AnimatedContent","d":"Wrapper that animates any children on scroll or mount with configurable direction, distanc","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:AnimatedContent-JS-TW","t":"AnimatedContent","d":"Wrapper that animates any children on scroll or mount with configurable direction, distanc","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:AnimatedContent-TS-CSS","t":"AnimatedContent","d":"Wrapper that animates any children on scroll or mount with configurable direction, distanc","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:AnimatedContent-TS-TW","t":"AnimatedContent","d":"Wrapper that animates any children on scroll or mount with configurable direction, distanc","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:BlobCursor-JS-CSS","t":"BlobCursor","d":"Liquid metal blob cursor that stretches, sloshes and bursts into droplets, in chrome, jell","k":"motion","s":"react-bits","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:BlobCursor-JS-TW","t":"BlobCursor","d":"Liquid metal blob cursor that stretches, sloshes and bursts into droplets, in chrome, jell","k":"motion","s":"react-bits","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:BlobCursor-TS-CSS","t":"BlobCursor","d":"Liquid metal blob cursor that stretches, sloshes and bursts into droplets, in chrome, jell","k":"motion","s":"react-bits","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:BlobCursor-TS-TW","t":"BlobCursor","d":"Liquid metal blob cursor that stretches, sloshes and bursts into droplets, in chrome, jell","k":"motion","s":"react-bits","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:ClickSpark-JS-CSS","t":"ClickSpark","d":"Creates particle spark bursts at click position.","k":"motion","s":"react-bits","c":"motion/background","hc":1},{"id":"react-bits:ClickSpark-JS-TW","t":"ClickSpark","d":"Creates particle spark bursts at click position.","k":"motion","s":"react-bits","c":"motion/background","hc":1},{"id":"react-bits:ClickSpark-TS-CSS","t":"ClickSpark","d":"Creates particle spark bursts at click position.","k":"motion","s":"react-bits","c":"motion/background","hc":1},{"id":"react-bits:ClickSpark-TS-TW","t":"ClickSpark","d":"Creates particle spark bursts at click position.","k":"motion","s":"react-bits","c":"motion/background","hc":1},{"id":"react-bits:Crosshair-JS-CSS","t":"Crosshair","d":"Crosshair cursor with live coordinates that locks onto links and buttons and measures them","s":"react-bits","c":"actions/button","hc":1},{"id":"react-bits:Crosshair-JS-TW","t":"Crosshair","d":"Crosshair cursor with live coordinates that locks onto links and buttons and measures them","s":"react-bits","c":"actions/button","hc":1},{"id":"react-bits:Crosshair-TS-CSS","t":"Crosshair","d":"Crosshair cursor with live coordinates that locks onto links and buttons and measures them","s":"react-bits","c":"actions/button","hc":1},{"id":"react-bits:Crosshair-TS-TW","t":"Crosshair","d":"Crosshair cursor with live coordinates that locks onto links and buttons and measures them","s":"react-bits","c":"actions/button","hc":1},{"id":"react-bits:Cubes-JS-CSS","t":"Cubes","d":"3D rotating cube cluster. Supports auto-rotation or hover interaction.","k":"motion","s":"react-bits","c":"motion/globe","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"react-bits:Cubes-JS-TW","t":"Cubes","d":"3D rotating cube cluster. Supports auto-rotation or hover interaction.","k":"motion","s":"react-bits","c":"motion/globe","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"react-bits:Cubes-TS-CSS","t":"Cubes","d":"3D rotating cube cluster. Supports auto-rotation or hover interaction.","k":"motion","s":"react-bits","c":"motion/globe","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"react-bits:Cubes-TS-TW","t":"Cubes","d":"3D rotating cube cluster. Supports auto-rotation or hover interaction.","k":"motion","s":"react-bits","c":"motion/globe","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"react-bits:ElectricBorder-JS-CSS","t":"ElectricBorder","d":"Jittery electric energy border with animated arcs, glow and adjustable intensity.","k":"motion","s":"react-bits","c":"motion/background","tg":["neon"],"sy":["neon"],"hc":1},{"id":"react-bits:ElectricBorder-JS-TW","t":"ElectricBorder","d":"Jittery electric energy border with animated arcs, glow and adjustable intensity.","k":"motion","s":"react-bits","c":"motion/background","tg":["neon"],"sy":["neon"],"hc":1},{"id":"react-bits:ElectricBorder-TS-CSS","t":"ElectricBorder","d":"Jittery electric energy border with animated arcs, glow and adjustable intensity.","k":"motion","s":"react-bits","c":"motion/background","tg":["neon"],"sy":["neon"],"hc":1},{"id":"react-bits:ElectricBorder-TS-TW","t":"ElectricBorder","d":"Jittery electric energy border with animated arcs, glow and adjustable intensity.","k":"motion","s":"react-bits","c":"motion/background","tg":["neon"],"sy":["neon"],"hc":1},{"id":"react-bits:FadeContent-JS-CSS","t":"FadeContent","d":"Simple directional fade / slide entrance / exit wrapper with threshold-based activation.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"react-bits:FadeContent-JS-TW","t":"FadeContent","d":"Simple directional fade / slide entrance / exit wrapper with threshold-based activation.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"react-bits:FadeContent-TS-CSS","t":"FadeContent","d":"Simple directional fade / slide entrance / exit wrapper with threshold-based activation.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"react-bits:FadeContent-TS-TW","t":"FadeContent","d":"Simple directional fade / slide entrance / exit wrapper with threshold-based activation.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"react-bits:GlareHover-JS-CSS","t":"GlareHover","d":"Adds a realistic moving glare highlight on hover over any element.","k":"motion","s":"react-bits","c":"motion/gradient","hc":1},{"id":"react-bits:GlareHover-JS-TW","t":"GlareHover","d":"Adds a realistic moving glare highlight on hover over any element.","k":"motion","s":"react-bits","c":"motion/gradient","hc":1},{"id":"react-bits:GlareHover-TS-CSS","t":"GlareHover","d":"Adds a realistic moving glare highlight on hover over any element.","k":"motion","s":"react-bits","c":"motion/gradient","hc":1},{"id":"react-bits:GlareHover-TS-TW","t":"GlareHover","d":"Adds a realistic moving glare highlight on hover over any element.","k":"motion","s":"react-bits","c":"motion/gradient","hc":1},{"id":"react-bits:GradualBlur-JS-CSS","t":"GradualBlur","d":"Progressively un-blurs content based on scroll or trigger creating a cinematic reveal.","k":"layout","s":"react-bits","c":"layout/scroll-area","hc":1},{"id":"react-bits:GradualBlur-JS-TW","t":"GradualBlur","d":"Progressively un-blurs content based on scroll or trigger creating a cinematic reveal.","k":"layout","s":"react-bits","c":"layout/scroll-area","hc":1},{"id":"react-bits:GradualBlur-TS-CSS","t":"GradualBlur","d":"Progressively un-blurs content based on scroll or trigger creating a cinematic reveal.","k":"layout","s":"react-bits","c":"layout/scroll-area","hc":1},{"id":"react-bits:GradualBlur-TS-TW","t":"GradualBlur","d":"Progressively un-blurs content based on scroll or trigger creating a cinematic reveal.","k":"layout","s":"react-bits","c":"layout/scroll-area","hc":1},{"id":"react-bits:CrystalizedBall-JS-CSS","t":"CrystalizedBall","d":"A glass ball held together by a crackling electric rim, with a bowl of glowing dust inside","k":"motion","s":"react-bits","c":"motion/cursor","tg":["glass","neon","webgl"],"sy":["glass","neon","webgl"],"hc":1},{"id":"react-bits:CrystalizedBall-JS-TW","t":"CrystalizedBall","d":"A glass ball held together by a crackling electric rim, with a bowl of glowing dust inside","k":"motion","s":"react-bits","c":"motion/cursor","tg":["glass","neon","webgl"],"sy":["glass","neon","webgl"],"hc":1},{"id":"react-bits:CrystalizedBall-TS-CSS","t":"CrystalizedBall","d":"A glass ball held together by a crackling electric rim, with a bowl of glowing dust inside","k":"motion","s":"react-bits","c":"motion/cursor","tg":["glass","neon","webgl"],"sy":["glass","neon","webgl"],"hc":1},{"id":"react-bits:CrystalizedBall-TS-TW","t":"CrystalizedBall","d":"A glass ball held together by a crackling electric rim, with a bowl of glowing dust inside","k":"motion","s":"react-bits","c":"motion/cursor","tg":["glass","neon","webgl"],"sy":["glass","neon","webgl"],"hc":1},{"id":"react-bits:ElectricLogo-JS-CSS","t":"ElectricLogo","d":"Turns any SVG or PNG into a living lightning outline, with flowing strands, arcs that leap","k":"resource","s":"react-bits","c":"assets/logo","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:ElectricLogo-JS-TW","t":"ElectricLogo","d":"Turns any SVG or PNG into a living lightning outline, with flowing strands, arcs that leap","k":"resource","s":"react-bits","c":"assets/logo","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:ElectricLogo-TS-CSS","t":"ElectricLogo","d":"Turns any SVG or PNG into a living lightning outline, with flowing strands, arcs that leap","k":"resource","s":"react-bits","c":"assets/logo","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:ElectricLogo-TS-TW","t":"ElectricLogo","d":"Turns any SVG or PNG into a living lightning outline, with flowing strands, arcs that leap","k":"resource","s":"react-bits","c":"assets/logo","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:DitherVeil-JS-CSS","t":"DitherVeil","d":"A photo printed as a 1-bit dither that the cursor burns through to full colour, leaving a ","s":"react-bits","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:DitherVeil-JS-TW","t":"DitherVeil","d":"A photo printed as a 1-bit dither that the cursor burns through to full colour, leaving a ","s":"react-bits","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:DitherVeil-TS-CSS","t":"DitherVeil","d":"A photo printed as a 1-bit dither that the cursor burns through to full colour, leaving a ","s":"react-bits","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:DitherVeil-TS-TW","t":"DitherVeil","d":"A photo printed as a 1-bit dither that the cursor burns through to full colour, leaving a ","s":"react-bits","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:GlowCursor-JS-CSS","t":"GlowCursor","d":"Shader-powered light trail that smoothly follows the pointer with customizable glow, color","k":"motion","s":"react-bits","c":"motion/cursor","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:GlowCursor-JS-TW","t":"GlowCursor","d":"Shader-powered light trail that smoothly follows the pointer with customizable glow, color","k":"motion","s":"react-bits","c":"motion/cursor","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:GlowCursor-TS-CSS","t":"GlowCursor","d":"Shader-powered light trail that smoothly follows the pointer with customizable glow, color","k":"motion","s":"react-bits","c":"motion/cursor","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:GlowCursor-TS-TW","t":"GlowCursor","d":"Shader-powered light trail that smoothly follows the pointer with customizable glow, color","k":"motion","s":"react-bits","c":"motion/cursor","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:GhostCursor-JS-CSS","t":"GhostCursor","d":"Semi-transparent ghost cursor that smoothly follows the real cursor with a trailing effect","k":"motion","s":"react-bits","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:GhostCursor-JS-TW","t":"GhostCursor","d":"Semi-transparent ghost cursor that smoothly follows the real cursor with a trailing effect","k":"motion","s":"react-bits","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:GhostCursor-TS-CSS","t":"GhostCursor","d":"Semi-transparent ghost cursor that smoothly follows the real cursor with a trailing effect","k":"motion","s":"react-bits","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:GhostCursor-TS-TW","t":"GhostCursor","d":"Semi-transparent ghost cursor that smoothly follows the real cursor with a trailing effect","k":"motion","s":"react-bits","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:ImageTrail-JS-CSS","t":"ImageTrail","d":"Cursor-based image trail with several built-in variants.","s":"react-bits","c":"media/gallery","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:ImageTrail-JS-TW","t":"ImageTrail","d":"Cursor-based image trail with several built-in variants.","s":"react-bits","c":"media/gallery","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:ImageTrail-TS-CSS","t":"ImageTrail","d":"Cursor-based image trail with several built-in variants.","s":"react-bits","c":"media/gallery","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:ImageTrail-TS-TW","t":"ImageTrail","d":"Cursor-based image trail with several built-in variants.","s":"react-bits","c":"media/gallery","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:LogoLoop-JS-CSS","t":"LogoLoop","d":"Continuously looping marquee of brand or tech logos with seamless repeat and hover pause.","k":"resource","s":"react-bits","c":"assets/logo","hc":1},{"id":"react-bits:LogoLoop-JS-TW","t":"LogoLoop","d":"Continuously looping marquee of brand or tech logos with seamless repeat and hover pause.","k":"resource","s":"react-bits","c":"assets/logo","hc":1},{"id":"react-bits:LogoLoop-TS-CSS","t":"LogoLoop","d":"Continuously looping marquee of brand or tech logos with seamless repeat and hover pause.","k":"resource","s":"react-bits","c":"assets/logo","hc":1},{"id":"react-bits:LogoLoop-TS-TW","t":"LogoLoop","d":"Continuously looping marquee of brand or tech logos with seamless repeat and hover pause.","k":"resource","s":"react-bits","c":"assets/logo","hc":1},{"id":"react-bits:Magnet-JS-CSS","t":"Magnet","d":"Elements magnetically ease toward the cursor then settle back with spring physics.","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:Magnet-JS-TW","t":"Magnet","d":"Elements magnetically ease toward the cursor then settle back with spring physics.","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:Magnet-TS-CSS","t":"Magnet","d":"Elements magnetically ease toward the cursor then settle back with spring physics.","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:Magnet-TS-TW","t":"Magnet","d":"Elements magnetically ease toward the cursor then settle back with spring physics.","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:MagnetLines-JS-CSS","t":"MagnetLines","d":"Animated field lines bend toward the cursor.","k":"motion","s":"react-bits","c":"motion/background","sb":"Beams and light","hc":1},{"id":"react-bits:MagnetLines-JS-TW","t":"MagnetLines","d":"Animated field lines bend toward the cursor.","k":"motion","s":"react-bits","c":"motion/background","sb":"Beams and light","hc":1},{"id":"react-bits:MagnetLines-TS-CSS","t":"MagnetLines","d":"Animated field lines bend toward the cursor.","k":"motion","s":"react-bits","c":"motion/background","sb":"Beams and light","hc":1},{"id":"react-bits:MagnetLines-TS-TW","t":"MagnetLines","d":"Animated field lines bend toward the cursor.","k":"motion","s":"react-bits","c":"motion/background","sb":"Beams and light","hc":1},{"id":"react-bits:MetaBalls-JS-CSS","t":"MetaBalls","d":"Liquid metaball blobs that merge and separate with smooth implicit surface animation.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:MetaBalls-JS-TW","t":"MetaBalls","d":"Liquid metaball blobs that merge and separate with smooth implicit surface animation.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:MetaBalls-TS-CSS","t":"MetaBalls","d":"Liquid metaball blobs that merge and separate with smooth implicit surface animation.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:MetaBalls-TS-TW","t":"MetaBalls","d":"Liquid metaball blobs that merge and separate with smooth implicit surface animation.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Strands-JS-CSS","t":"Strands","d":"Glowing ribbon-like strands that ripple and weave across a transparent canvas.","k":"section","s":"react-bits","c":"marketing/announcement","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:Strands-JS-TW","t":"Strands","d":"Glowing ribbon-like strands that ripple and weave across a transparent canvas.","k":"section","s":"react-bits","c":"marketing/announcement","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:Strands-TS-CSS","t":"Strands","d":"Glowing ribbon-like strands that ripple and weave across a transparent canvas.","k":"section","s":"react-bits","c":"marketing/announcement","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:Strands-TS-TW","t":"Strands","d":"Glowing ribbon-like strands that ripple and weave across a transparent canvas.","k":"section","s":"react-bits","c":"marketing/announcement","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:MetallicPaint-JS-CSS","t":"MetallicPaint","d":"Liquid metallic paint shader which can be applied to SVG elements.","k":"motion","s":"react-bits","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:MetallicPaint-JS-TW","t":"MetallicPaint","d":"Liquid metallic paint shader which can be applied to SVG elements.","k":"motion","s":"react-bits","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:MetallicPaint-TS-CSS","t":"MetallicPaint","d":"Liquid metallic paint shader which can be applied to SVG elements.","k":"motion","s":"react-bits","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:MetallicPaint-TS-TW","t":"MetallicPaint","d":"Liquid metallic paint shader which can be applied to SVG elements.","k":"motion","s":"react-bits","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Noise-JS-CSS","t":"Noise","d":"Film grain overlay for photos, gradients and whole pages, from fine 35mm grain to dust, pa","k":"motion","s":"react-bits","c":"motion/background","tg":["gradient"],"sb":"Noise and texture","sy":["gradient"],"hc":1},{"id":"react-bits:Noise-JS-TW","t":"Noise","d":"Film grain overlay for photos, gradients and whole pages, from fine 35mm grain to dust, pa","k":"motion","s":"react-bits","c":"motion/background","tg":["gradient"],"sb":"Noise and texture","sy":["gradient"],"hc":1},{"id":"react-bits:Noise-TS-CSS","t":"Noise","d":"Film grain overlay for photos, gradients and whole pages, from fine 35mm grain to dust, pa","k":"motion","s":"react-bits","c":"motion/background","tg":["gradient"],"sb":"Noise and texture","sy":["gradient"],"hc":1},{"id":"react-bits:Noise-TS-TW","t":"Noise","d":"Film grain overlay for photos, gradients and whole pages, from fine 35mm grain to dust, pa","k":"motion","s":"react-bits","c":"motion/background","tg":["gradient"],"sb":"Noise and texture","sy":["gradient"],"hc":1},{"id":"react-bits:PixelTrail-JS-CSS","t":"PixelTrail","d":"Pixelated cursor trail emitting fading squares with retro digital feel.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:PixelTrail-JS-TW","t":"PixelTrail","d":"Pixelated cursor trail emitting fading squares with retro digital feel.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:PixelTrail-TS-CSS","t":"PixelTrail","d":"Pixelated cursor trail emitting fading squares with retro digital feel.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:PixelTrail-TS-TW","t":"PixelTrail","d":"Pixelated cursor trail emitting fading squares with retro digital feel.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:PixelTransition-JS-CSS","t":"PixelTransition","d":"Retro pixel dissolve that covers a card in solid pixels, swaps the content underneath and ","s":"react-bits","c":"data-display/card","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"react-bits:PixelTransition-JS-TW","t":"PixelTransition","d":"Retro pixel dissolve that covers a card in solid pixels, swaps the content underneath and ","s":"react-bits","c":"data-display/card","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"react-bits:PixelTransition-TS-CSS","t":"PixelTransition","d":"Retro pixel dissolve that covers a card in solid pixels, swaps the content underneath and ","s":"react-bits","c":"data-display/card","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"react-bits:PixelTransition-TS-TW","t":"PixelTransition","d":"Retro pixel dissolve that covers a card in solid pixels, swaps the content underneath and ","s":"react-bits","c":"data-display/card","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"react-bits:PixelSwap-JS-CSS","t":"PixelSwap","d":"Pixel fragments assemble into a full cover, swap arbitrary content, then dissolve away wit","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"react-bits:PixelSwap-JS-TW","t":"PixelSwap","d":"Pixel fragments assemble into a full cover, swap arbitrary content, then dissolve away wit","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"react-bits:PixelSwap-TS-CSS","t":"PixelSwap","d":"Pixel fragments assemble into a full cover, swap arbitrary content, then dissolve away wit","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"react-bits:PixelSwap-TS-TW","t":"PixelSwap","d":"Pixel fragments assemble into a full cover, swap arbitrary content, then dissolve away wit","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"react-bits:Ribbons-JS-CSS","t":"Ribbons","d":"Flowing responsive ribbons/cursor trail driven by physics and pointer motion.","k":"section","s":"react-bits","c":"marketing/announcement","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Ribbons-JS-TW","t":"Ribbons","d":"Flowing responsive ribbons/cursor trail driven by physics and pointer motion.","k":"section","s":"react-bits","c":"marketing/announcement","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Ribbons-TS-CSS","t":"Ribbons","d":"Flowing responsive ribbons/cursor trail driven by physics and pointer motion.","k":"section","s":"react-bits","c":"marketing/announcement","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Ribbons-TS-TW","t":"Ribbons","d":"Flowing responsive ribbons/cursor trail driven by physics and pointer motion.","k":"section","s":"react-bits","c":"marketing/announcement","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:ShapeBlur-JS-CSS","t":"ShapeBlur","d":"A crisp logo, frame or shape that drifts out of focus under the pointer like a camera lens","k":"resource","s":"react-bits","c":"assets/shape","hc":1},{"id":"react-bits:ShapeBlur-JS-TW","t":"ShapeBlur","d":"A crisp logo, frame or shape that drifts out of focus under the pointer like a camera lens","k":"resource","s":"react-bits","c":"assets/shape","hc":1},{"id":"react-bits:ShapeBlur-TS-CSS","t":"ShapeBlur","d":"A crisp logo, frame or shape that drifts out of focus under the pointer like a camera lens","k":"resource","s":"react-bits","c":"assets/shape","hc":1},{"id":"react-bits:ShapeBlur-TS-TW","t":"ShapeBlur","d":"A crisp logo, frame or shape that drifts out of focus under the pointer like a camera lens","k":"resource","s":"react-bits","c":"assets/shape","hc":1},{"id":"react-bits:SplashCursor-JS-CSS","t":"SplashCursor","d":"Liquid splash burst at cursor with curling ripples and waves.","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:SplashCursor-JS-TW","t":"SplashCursor","d":"Liquid splash burst at cursor with curling ripples and waves.","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:SplashCursor-TS-CSS","t":"SplashCursor","d":"Liquid splash burst at cursor with curling ripples and waves.","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:SplashCursor-TS-TW","t":"SplashCursor","d":"Liquid splash burst at cursor with curling ripples and waves.","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:StarBorder-JS-CSS","t":"StarBorder","d":"A twinkling star that travels the exact outline of any button, pill or card, trailing ligh","s":"react-bits","c":"actions/button","sb":"Animated","hc":1},{"id":"react-bits:StarBorder-JS-TW","t":"StarBorder","d":"A twinkling star that travels the exact outline of any button, pill or card, trailing ligh","s":"react-bits","c":"actions/button","sb":"Animated","hc":1},{"id":"react-bits:StarBorder-TS-CSS","t":"StarBorder","d":"A twinkling star that travels the exact outline of any button, pill or card, trailing ligh","s":"react-bits","c":"actions/button","sb":"Animated","hc":1},{"id":"react-bits:StarBorder-TS-TW","t":"StarBorder","d":"A twinkling star that travels the exact outline of any button, pill or card, trailing ligh","s":"react-bits","c":"actions/button","sb":"Animated","hc":1},{"id":"react-bits:StickerPeel-JS-CSS","t":"StickerPeel","d":"Sticker corner lift + peel interaction using 3D transform and shadow depth.","k":"motion","s":"react-bits","c":"motion/globe","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"react-bits:StickerPeel-JS-TW","t":"StickerPeel","d":"Sticker corner lift + peel interaction using 3D transform and shadow depth.","k":"motion","s":"react-bits","c":"motion/globe","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"react-bits:StickerPeel-TS-CSS","t":"StickerPeel","d":"Sticker corner lift + peel interaction using 3D transform and shadow depth.","k":"motion","s":"react-bits","c":"motion/globe","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"react-bits:StickerPeel-TS-TW","t":"StickerPeel","d":"Sticker corner lift + peel interaction using 3D transform and shadow depth.","k":"motion","s":"react-bits","c":"motion/globe","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"react-bits:TargetCursor-JS-CSS","t":"TargetCursor","d":"A cursor follow animation with 4 corners that lock onto targets.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:TargetCursor-JS-TW","t":"TargetCursor","d":"A cursor follow animation with 4 corners that lock onto targets.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:TargetCursor-TS-CSS","t":"TargetCursor","d":"A cursor follow animation with 4 corners that lock onto targets.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:TargetCursor-TS-TW","t":"TargetCursor","d":"A cursor follow animation with 4 corners that lock onto targets.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:LaserFlow-JS-CSS","t":"LaserFlow","d":"A beam of light that splashes onto your content and pours over its corners, with drifting ","k":"motion","s":"react-bits","c":"motion/background","sb":"Beams and light","hc":1},{"id":"react-bits:LaserFlow-JS-TW","t":"LaserFlow","d":"A beam of light that splashes onto your content and pours over its corners, with drifting ","k":"motion","s":"react-bits","c":"motion/background","sb":"Beams and light","hc":1},{"id":"react-bits:LaserFlow-TS-CSS","t":"LaserFlow","d":"A beam of light that splashes onto your content and pours over its corners, with drifting ","k":"motion","s":"react-bits","c":"motion/background","sb":"Beams and light","hc":1},{"id":"react-bits:LaserFlow-TS-TW","t":"LaserFlow","d":"A beam of light that splashes onto your content and pours over its corners, with drifting ","k":"motion","s":"react-bits","c":"motion/background","sb":"Beams and light","hc":1},{"id":"react-bits:Antigravity-JS-CSS","t":"Antigravity","d":"3D antigravity particle field that repels from the cursor with smooth motion.","s":"react-bits","c":"inputs/form-field","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:Antigravity-JS-TW","t":"Antigravity","d":"3D antigravity particle field that repels from the cursor with smooth motion.","s":"react-bits","c":"inputs/form-field","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:Antigravity-TS-CSS","t":"Antigravity","d":"3D antigravity particle field that repels from the cursor with smooth motion.","s":"react-bits","c":"inputs/form-field","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:Antigravity-TS-TW","t":"Antigravity","d":"3D antigravity particle field that repels from the cursor with smooth motion.","s":"react-bits","c":"inputs/form-field","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:OrbitImages-JS-CSS","t":"OrbitImages","d":"SVG Path customizable orbiting images effect","s":"react-bits","c":"media/gallery","hc":1},{"id":"react-bits:OrbitImages-JS-TW","t":"OrbitImages","d":"SVG Path customizable orbiting images effect","s":"react-bits","c":"media/gallery","hc":1},{"id":"react-bits:OrbitImages-TS-CSS","t":"OrbitImages","d":"SVG Path customizable orbiting images effect","s":"react-bits","c":"media/gallery","hc":1},{"id":"react-bits:OrbitImages-TS-TW","t":"OrbitImages","d":"SVG Path customizable orbiting images effect","s":"react-bits","c":"media/gallery","hc":1},{"id":"react-bits:MagicRings-JS-CSS","t":"MagicRings","d":"Interactive magic rings effect with customizable parameters.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:MagicRings-JS-TW","t":"MagicRings","d":"Interactive magic rings effect with customizable parameters.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:MagicRings-TS-CSS","t":"MagicRings","d":"Interactive magic rings effect with customizable parameters.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:MagicRings-TS-TW","t":"MagicRings","d":"Interactive magic rings effect with customizable parameters.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:ASCIIText-JS-CSS","t":"ASCIIText","d":"Waving text drawn in ASCII characters that tilts toward the pointer, scrambles on hover an","k":"motion","s":"react-bits","c":"motion/cursor","tg":["3d","retro and HUD"],"sy":["3d","retro and HUD"],"hc":1},{"id":"react-bits:ASCIIText-JS-TW","t":"ASCIIText","d":"Waving text drawn in ASCII characters that tilts toward the pointer, scrambles on hover an","k":"motion","s":"react-bits","c":"motion/cursor","tg":["3d","retro and HUD"],"sy":["3d","retro and HUD"],"hc":1},{"id":"react-bits:ASCIIText-TS-CSS","t":"ASCIIText","d":"Waving text drawn in ASCII characters that tilts toward the pointer, scrambles on hover an","k":"motion","s":"react-bits","c":"motion/cursor","tg":["3d","retro and HUD"],"sy":["3d","retro and HUD"],"hc":1},{"id":"react-bits:ASCIIText-TS-TW","t":"ASCIIText","d":"Waving text drawn in ASCII characters that tilts toward the pointer, scrambles on hover an","k":"motion","s":"react-bits","c":"motion/cursor","tg":["3d","retro and HUD"],"sy":["3d","retro and HUD"],"hc":1},{"id":"react-bits:BlurText-JS-CSS","t":"BlurText","d":"Text starts blurred then crisply resolves for a soft-focus reveal effect.","k":"motion","s":"react-bits","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"react-bits:BlurText-JS-TW","t":"BlurText","d":"Text starts blurred then crisply resolves for a soft-focus reveal effect.","k":"motion","s":"react-bits","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"react-bits:BlurText-TS-CSS","t":"BlurText","d":"Text starts blurred then crisply resolves for a soft-focus reveal effect.","k":"motion","s":"react-bits","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"react-bits:BlurText-TS-TW","t":"BlurText","d":"Text starts blurred then crisply resolves for a soft-focus reveal effect.","k":"motion","s":"react-bits","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"react-bits:CircularText-JS-CSS","t":"CircularText","d":"Layouts characters around a circle with optional rotation animation.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:CircularText-JS-TW","t":"CircularText","d":"Layouts characters around a circle with optional rotation animation.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:CircularText-TS-CSS","t":"CircularText","d":"Layouts characters around a circle with optional rotation animation.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:CircularText-TS-TW","t":"CircularText","d":"Layouts characters around a circle with optional rotation animation.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:CountUp-JS-CSS","t":"CountUp","d":"Animated number counter supporting formatting and decimals.","k":"motion","s":"react-bits","c":"motion/number-ticker","hc":1},{"id":"react-bits:CountUp-JS-TW","t":"CountUp","d":"Animated number counter supporting formatting and decimals.","k":"motion","s":"react-bits","c":"motion/number-ticker","hc":1},{"id":"react-bits:CountUp-TS-CSS","t":"CountUp","d":"Animated number counter supporting formatting and decimals.","k":"motion","s":"react-bits","c":"motion/number-ticker","hc":1},{"id":"react-bits:CountUp-TS-TW","t":"CountUp","d":"Animated number counter supporting formatting and decimals.","k":"motion","s":"react-bits","c":"motion/number-ticker","hc":1},{"id":"react-bits:CurvedLoop-JS-CSS","t":"CurvedLoop","d":"Flowing looping text path along a customizable curve with drag interaction.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:CurvedLoop-JS-TW","t":"CurvedLoop","d":"Flowing looping text path along a customizable curve with drag interaction.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:CurvedLoop-TS-CSS","t":"CurvedLoop","d":"Flowing looping text path along a customizable curve with drag interaction.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:CurvedLoop-TS-TW","t":"CurvedLoop","d":"Flowing looping text path along a customizable curve with drag interaction.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:DecryptedText-JS-CSS","t":"DecryptedText","d":"Hacker-style decryption cycling random glyphs until resolving to real text.","k":"motion","s":"react-bits","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"react-bits:DecryptedText-JS-TW","t":"DecryptedText","d":"Hacker-style decryption cycling random glyphs until resolving to real text.","k":"motion","s":"react-bits","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"react-bits:DecryptedText-TS-CSS","t":"DecryptedText","d":"Hacker-style decryption cycling random glyphs until resolving to real text.","k":"motion","s":"react-bits","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"react-bits:DecryptedText-TS-TW","t":"DecryptedText","d":"Hacker-style decryption cycling random glyphs until resolving to real text.","k":"motion","s":"react-bits","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"react-bits:FallingText-JS-CSS","t":"FallingText","d":"Characters fall with gravity + bounce creating a playful entrance.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["playful"],"sy":["playful"],"hc":1},{"id":"react-bits:FallingText-JS-TW","t":"FallingText","d":"Characters fall with gravity + bounce creating a playful entrance.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["playful"],"sy":["playful"],"hc":1},{"id":"react-bits:FallingText-TS-CSS","t":"FallingText","d":"Characters fall with gravity + bounce creating a playful entrance.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["playful"],"sy":["playful"],"hc":1},{"id":"react-bits:FallingText-TS-TW","t":"FallingText","d":"Characters fall with gravity + bounce creating a playful entrance.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["playful"],"sy":["playful"],"hc":1},{"id":"react-bits:FuzzyText-JS-CSS","t":"FuzzyText","d":"Vibrating fuzzy text with controllable hover intensity.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:FuzzyText-JS-TW","t":"FuzzyText","d":"Vibrating fuzzy text with controllable hover intensity.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:FuzzyText-TS-CSS","t":"FuzzyText","d":"Vibrating fuzzy text with controllable hover intensity.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:FuzzyText-TS-TW","t":"FuzzyText","d":"Vibrating fuzzy text with controllable hover intensity.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:GlitchText-JS-CSS","t":"GlitchText","d":"RGB split and distortion glitch effect with jitter effects.","k":"motion","s":"react-bits","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"react-bits:GlitchText-JS-TW","t":"GlitchText","d":"RGB split and distortion glitch effect with jitter effects.","k":"motion","s":"react-bits","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"react-bits:GlitchText-TS-CSS","t":"GlitchText","d":"RGB split and distortion glitch effect with jitter effects.","k":"motion","s":"react-bits","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"react-bits:GlitchText-TS-TW","t":"GlitchText","d":"RGB split and distortion glitch effect with jitter effects.","k":"motion","s":"react-bits","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"react-bits:GradientText-JS-CSS","t":"GradientText","d":"Living gradients inside your text: a sliding linear sweep, drifting mesh-like flow or a sw","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["gradient","neon"],"sb":"Gradient and shimmer","sy":["gradient","neon"],"hc":1},{"id":"react-bits:GradientText-JS-TW","t":"GradientText","d":"Living gradients inside your text: a sliding linear sweep, drifting mesh-like flow or a sw","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["gradient","neon"],"sb":"Gradient and shimmer","sy":["gradient","neon"],"hc":1},{"id":"react-bits:GradientText-TS-CSS","t":"GradientText","d":"Living gradients inside your text: a sliding linear sweep, drifting mesh-like flow or a sw","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["gradient","neon"],"sb":"Gradient and shimmer","sy":["gradient","neon"],"hc":1},{"id":"react-bits:GradientText-TS-TW","t":"GradientText","d":"Living gradients inside your text: a sliding linear sweep, drifting mesh-like flow or a sw","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["gradient","neon"],"sb":"Gradient and shimmer","sy":["gradient","neon"],"hc":1},{"id":"react-bits:RotatingText-JS-CSS","t":"RotatingText","d":"Cycles through multiple phrases with 3D rotate / flip transitions.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["3d"],"sb":"Rotating words","sy":["3d"],"hc":1},{"id":"react-bits:RotatingText-JS-TW","t":"RotatingText","d":"Cycles through multiple phrases with 3D rotate / flip transitions.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["3d"],"sb":"Rotating words","sy":["3d"],"hc":1},{"id":"react-bits:RotatingText-TS-CSS","t":"RotatingText","d":"Cycles through multiple phrases with 3D rotate / flip transitions.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["3d"],"sb":"Rotating words","sy":["3d"],"hc":1},{"id":"react-bits:RotatingText-TS-TW","t":"RotatingText","d":"Cycles through multiple phrases with 3D rotate / flip transitions.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["3d"],"sb":"Rotating words","sy":["3d"],"hc":1},{"id":"react-bits:ScrambledText-JS-CSS","t":"ScrambledText","d":"Detects cursor position and applies a distortion effect to text.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sb":"Scramble and glitch","sy":["animated"],"hc":1},{"id":"react-bits:ScrambledText-JS-TW","t":"ScrambledText","d":"Detects cursor position and applies a distortion effect to text.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sb":"Scramble and glitch","sy":["animated"],"hc":1},{"id":"react-bits:ScrambledText-TS-CSS","t":"ScrambledText","d":"Detects cursor position and applies a distortion effect to text.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sb":"Scramble and glitch","sy":["animated"],"hc":1},{"id":"react-bits:ScrambledText-TS-TW","t":"ScrambledText","d":"Detects cursor position and applies a distortion effect to text.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sb":"Scramble and glitch","sy":["animated"],"hc":1},{"id":"react-bits:ScrollFloat-JS-CSS","t":"ScrollFloat","d":"Text gently floats / parallax shifts on scroll.","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:ScrollFloat-JS-TW","t":"ScrollFloat","d":"Text gently floats / parallax shifts on scroll.","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:ScrollFloat-TS-CSS","t":"ScrollFloat","d":"Text gently floats / parallax shifts on scroll.","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:ScrollFloat-TS-TW","t":"ScrollFloat","d":"Text gently floats / parallax shifts on scroll.","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:ScrollReveal-JS-CSS","t":"ScrollReveal","d":"Text gently unblurs and reveals on scroll.","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:ScrollReveal-JS-TW","t":"ScrollReveal","d":"Text gently unblurs and reveals on scroll.","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:ScrollReveal-TS-CSS","t":"ScrollReveal","d":"Text gently unblurs and reveals on scroll.","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:ScrollReveal-TS-TW","t":"ScrollReveal","d":"Text gently unblurs and reveals on scroll.","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:ScrollVelocity-JS-CSS","t":"ScrollVelocity","d":"Text marquee animatio - speed and distortion scale with user's scroll velocity.","k":"layout","s":"react-bits","c":"layout/scroll-area","hc":1},{"id":"react-bits:ScrollVelocity-JS-TW","t":"ScrollVelocity","d":"Text marquee animatio - speed and distortion scale with user's scroll velocity.","k":"layout","s":"react-bits","c":"layout/scroll-area","hc":1},{"id":"react-bits:ScrollVelocity-TS-CSS","t":"ScrollVelocity","d":"Text marquee animatio - speed and distortion scale with user's scroll velocity.","k":"layout","s":"react-bits","c":"layout/scroll-area","hc":1},{"id":"react-bits:ScrollVelocity-TS-TW","t":"ScrollVelocity","d":"Text marquee animatio - speed and distortion scale with user's scroll velocity.","k":"layout","s":"react-bits","c":"layout/scroll-area","hc":1},{"id":"react-bits:ShinyText-JS-CSS","t":"ShinyText","d":"A sheen of light sweeps across text, with soft or crisp bands, chrome-like reflections, gl","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["neon"],"sy":["neon"],"hc":1},{"id":"react-bits:ShinyText-JS-TW","t":"ShinyText","d":"A sheen of light sweeps across text, with soft or crisp bands, chrome-like reflections, gl","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["neon"],"sy":["neon"],"hc":1},{"id":"react-bits:ShinyText-TS-CSS","t":"ShinyText","d":"A sheen of light sweeps across text, with soft or crisp bands, chrome-like reflections, gl","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["neon"],"sy":["neon"],"hc":1},{"id":"react-bits:ShinyText-TS-TW","t":"ShinyText","d":"A sheen of light sweeps across text, with soft or crisp bands, chrome-like reflections, gl","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["neon"],"sy":["neon"],"hc":1},{"id":"react-bits:SplitText-JS-CSS","t":"SplitText","d":"Splits text into characters / words for staggered entrance animation.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"react-bits:SplitText-JS-TW","t":"SplitText","d":"Splits text into characters / words for staggered entrance animation.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"react-bits:SplitText-TS-CSS","t":"SplitText","d":"Splits text into characters / words for staggered entrance animation.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"react-bits:SplitText-TS-TW","t":"SplitText","d":"Splits text into characters / words for staggered entrance animation.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"react-bits:TextCursor-JS-CSS","t":"TextCursor","d":"Make any text element follow your cursor, leaving a trail of copies behind it.","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:TextCursor-JS-TW","t":"TextCursor","d":"Make any text element follow your cursor, leaving a trail of copies behind it.","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:TextCursor-TS-CSS","t":"TextCursor","d":"Make any text element follow your cursor, leaving a trail of copies behind it.","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:TextCursor-TS-TW","t":"TextCursor","d":"Make any text element follow your cursor, leaving a trail of copies behind it.","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:TextPressure-JS-CSS","t":"TextPressure","d":"Characters scale / warp interactively based on pointer pressure zone.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:TextPressure-JS-TW","t":"TextPressure","d":"Characters scale / warp interactively based on pointer pressure zone.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:TextPressure-TS-CSS","t":"TextPressure","d":"Characters scale / warp interactively based on pointer pressure zone.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:TextPressure-TS-TW","t":"TextPressure","d":"Characters scale / warp interactively based on pointer pressure zone.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:TextType-JS-CSS","t":"TextType","d":"Typewriter effect with blinking cursor and adjustable typing cadence.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:TextType-JS-TW","t":"TextType","d":"Typewriter effect with blinking cursor and adjustable typing cadence.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:TextType-TS-CSS","t":"TextType","d":"Typewriter effect with blinking cursor and adjustable typing cadence.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:TextType-TS-TW","t":"TextType","d":"Typewriter effect with blinking cursor and adjustable typing cadence.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:TrueFocus-JS-CSS","t":"TrueFocus","d":"Applies dynamic blur / clarity based over a series of words in order.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:TrueFocus-JS-TW","t":"TrueFocus","d":"Applies dynamic blur / clarity based over a series of words in order.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:TrueFocus-TS-CSS","t":"TrueFocus","d":"Applies dynamic blur / clarity based over a series of words in order.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:TrueFocus-TS-TW","t":"TrueFocus","d":"Applies dynamic blur / clarity based over a series of words in order.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:VariableProximity-JS-CSS","t":"VariableProximity","d":"Letter styling changes continuously with pointer distance mapping.","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:VariableProximity-JS-TW","t":"VariableProximity","d":"Letter styling changes continuously with pointer distance mapping.","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:VariableProximity-TS-CSS","t":"VariableProximity","d":"Letter styling changes continuously with pointer distance mapping.","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:VariableProximity-TS-TW","t":"VariableProximity","d":"Letter styling changes continuously with pointer distance mapping.","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:Shuffle-JS-CSS","t":"Shuffle","d":"Animated text reveal where characters shuffle before settling.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:Shuffle-JS-TW","t":"Shuffle","d":"Animated text reveal where characters shuffle before settling.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:Shuffle-TS-CSS","t":"Shuffle","d":"Animated text reveal where characters shuffle before settling.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:Shuffle-TS-TW","t":"Shuffle","d":"Animated text reveal where characters shuffle before settling.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:ParticleText-JS-CSS","t":"ParticleText","d":"Text assembles from drifting particles that scatter and reform on demand.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:ParticleText-JS-TW","t":"ParticleText","d":"Text assembles from drifting particles that scatter and reform on demand.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:ParticleText-TS-CSS","t":"ParticleText","d":"Text assembles from drifting particles that scatter and reform on demand.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:ParticleText-TS-TW","t":"ParticleText","d":"Text assembles from drifting particles that scatter and reform on demand.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:SplitFlapText-JS-CSS","t":"SplitFlapText","d":"Mechanical split-flap departure board that clacks through to each new phrase.","k":"motion","s":"react-bits","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"react-bits:SplitFlapText-JS-TW","t":"SplitFlapText","d":"Mechanical split-flap departure board that clacks through to each new phrase.","k":"motion","s":"react-bits","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"react-bits:SplitFlapText-TS-CSS","t":"SplitFlapText","d":"Mechanical split-flap departure board that clacks through to each new phrase.","k":"motion","s":"react-bits","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"react-bits:SplitFlapText-TS-TW","t":"SplitFlapText","d":"Mechanical split-flap departure board that clacks through to each new phrase.","k":"motion","s":"react-bits","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"react-bits:WarpText-JS-CSS","t":"WarpText","d":"WebGL warp that bends and refracts the text around the pointer.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:WarpText-JS-TW","t":"WarpText","d":"WebGL warp that bends and refracts the text around the pointer.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:WarpText-TS-CSS","t":"WarpText","d":"WebGL warp that bends and refracts the text around the pointer.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:WarpText-TS-TW","t":"WarpText","d":"WebGL warp that bends and refracts the text around the pointer.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:TechText-JS-CSS","t":"TechText","d":"A wordmark whose letters turn into dashed vector paths under the cursor. Grab any letter t","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:TechText-JS-TW","t":"TechText","d":"A wordmark whose letters turn into dashed vector paths under the cursor. Grab any letter t","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:TechText-TS-CSS","t":"TechText","d":"A wordmark whose letters turn into dashed vector paths under the cursor. Grab any letter t","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:TechText-TS-TW","t":"TechText","d":"A wordmark whose letters turn into dashed vector paths under the cursor. Grab any letter t","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:StrokeText-JS-CSS","t":"StrokeText","d":"Outlined letterforms draw themselves on, then flood with fill.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sb":"Handwriting and SVG","sy":["animated"],"hc":1},{"id":"react-bits:StrokeText-JS-TW","t":"StrokeText","d":"Outlined letterforms draw themselves on, then flood with fill.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sb":"Handwriting and SVG","sy":["animated"],"hc":1},{"id":"react-bits:StrokeText-TS-CSS","t":"StrokeText","d":"Outlined letterforms draw themselves on, then flood with fill.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sb":"Handwriting and SVG","sy":["animated"],"hc":1},{"id":"react-bits:StrokeText-TS-TW","t":"StrokeText","d":"Outlined letterforms draw themselves on, then flood with fill.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sb":"Handwriting and SVG","sy":["animated"],"hc":1},{"id":"react-bits:DepthText-JS-CSS","t":"DepthText","d":"Layered extruded type with parallax that shifts against the pointer.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["3d"],"sb":"3D text","sy":["3d"],"hc":1},{"id":"react-bits:DepthText-JS-TW","t":"DepthText","d":"Layered extruded type with parallax that shifts against the pointer.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["3d"],"sb":"3D text","sy":["3d"],"hc":1},{"id":"react-bits:DepthText-TS-CSS","t":"DepthText","d":"Layered extruded type with parallax that shifts against the pointer.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["3d"],"sb":"3D text","sy":["3d"],"hc":1},{"id":"react-bits:DepthText-TS-TW","t":"DepthText","d":"Layered extruded type with parallax that shifts against the pointer.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["3d"],"sb":"3D text","sy":["3d"],"hc":1},{"id":"react-bits:FoldText-JS-CSS","t":"FoldText","d":"Lines unfold into place like creased paper opening flat.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:FoldText-JS-TW","t":"FoldText","d":"Lines unfold into place like creased paper opening flat.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:FoldText-TS-CSS","t":"FoldText","d":"Lines unfold into place like creased paper opening flat.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:FoldText-TS-TW","t":"FoldText","d":"Lines unfold into place like creased paper opening flat.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:EchoText-JS-CSS","t":"EchoText","d":"Ghosted copies trail behind the text and settle into a single word.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:EchoText-JS-TW","t":"EchoText","d":"Ghosted copies trail behind the text and settle into a single word.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:EchoText-TS-CSS","t":"EchoText","d":"Ghosted copies trail behind the text and settle into a single word.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:EchoText-TS-TW","t":"EchoText","d":"Ghosted copies trail behind the text and settle into a single word.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:MaskedHeading-JS-CSS","t":"MaskedHeading","d":"A large headline with a drifting colour mesh or image showing through the glyphs, revealed","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"react-bits:MaskedHeading-JS-TW","t":"MaskedHeading","d":"A large headline with a drifting colour mesh or image showing through the glyphs, revealed","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"react-bits:MaskedHeading-TS-CSS","t":"MaskedHeading","d":"A large headline with a drifting colour mesh or image showing through the glyphs, revealed","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"react-bits:MaskedHeading-TS-TW","t":"MaskedHeading","d":"A large headline with a drifting colour mesh or image showing through the glyphs, revealed","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"react-bits:TextLoop-JS-CSS","t":"TextLoop","d":"A seamless text marquee that flows along curved SVG paths.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:TextLoop-JS-TW","t":"TextLoop","d":"A seamless text marquee that flows along curved SVG paths.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:TextLoop-TS-CSS","t":"TextLoop","d":"A seamless text marquee that flows along curved SVG paths.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:TextLoop-TS-TW","t":"TextLoop","d":"A seamless text marquee that flows along curved SVG paths.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:AnimatedList-JS-CSS","t":"AnimatedList","d":"List items enter with staggered motion variants for polished reveals.","s":"react-bits","c":"data-display/list","hc":1},{"id":"react-bits:AnimatedList-JS-TW","t":"AnimatedList","d":"List items enter with staggered motion variants for polished reveals.","s":"react-bits","c":"data-display/list","hc":1},{"id":"react-bits:AnimatedList-TS-CSS","t":"AnimatedList","d":"List items enter with staggered motion variants for polished reveals.","s":"react-bits","c":"data-display/list","hc":1},{"id":"react-bits:AnimatedList-TS-TW","t":"AnimatedList","d":"List items enter with staggered motion variants for polished reveals.","s":"react-bits","c":"data-display/list","hc":1},{"id":"react-bits:BounceCards-JS-CSS","t":"BounceCards","d":"A fan of photo cards that bounce in, then spread apart and straighten the one you hover.","s":"react-bits","c":"data-display/card","hc":1},{"id":"react-bits:BounceCards-JS-TW","t":"BounceCards","d":"A fan of photo cards that bounce in, then spread apart and straighten the one you hover.","s":"react-bits","c":"data-display/card","hc":1},{"id":"react-bits:BounceCards-TS-CSS","t":"BounceCards","d":"A fan of photo cards that bounce in, then spread apart and straighten the one you hover.","s":"react-bits","c":"data-display/card","hc":1},{"id":"react-bits:BounceCards-TS-TW","t":"BounceCards","d":"A fan of photo cards that bounce in, then spread apart and straighten the one you hover.","s":"react-bits","c":"data-display/card","hc":1},{"id":"react-bits:BubbleMenu-JS-CSS","t":"BubbleMenu","d":"Floating circular expanding menu with staggered item reveal.","s":"react-bits","c":"navigation/menu","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:BubbleMenu-JS-TW","t":"BubbleMenu","d":"Floating circular expanding menu with staggered item reveal.","s":"react-bits","c":"navigation/menu","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:BubbleMenu-TS-CSS","t":"BubbleMenu","d":"Floating circular expanding menu with staggered item reveal.","s":"react-bits","c":"navigation/menu","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:BubbleMenu-TS-TW","t":"BubbleMenu","d":"Floating circular expanding menu with staggered item reveal.","s":"react-bits","c":"navigation/menu","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:CardNav-JS-CSS","t":"CardNav","d":"Expandable navigation bar with card panels revealing nested links.","s":"react-bits","c":"navigation/top-nav","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:CardNav-JS-TW","t":"CardNav","d":"Expandable navigation bar with card panels revealing nested links.","s":"react-bits","c":"navigation/top-nav","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:CardNav-TS-CSS","t":"CardNav","d":"Expandable navigation bar with card panels revealing nested links.","s":"react-bits","c":"navigation/top-nav","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:CardNav-TS-TW","t":"CardNav","d":"Expandable navigation bar with card panels revealing nested links.","s":"react-bits","c":"navigation/top-nav","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:CardSwap-JS-CSS","t":"CardSwap","d":"Cards animate position swapping with smooth layout transitions.","s":"react-bits","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:CardSwap-JS-TW","t":"CardSwap","d":"Cards animate position swapping with smooth layout transitions.","s":"react-bits","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:CardSwap-TS-CSS","t":"CardSwap","d":"Cards animate position swapping with smooth layout transitions.","s":"react-bits","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:CardSwap-TS-TW","t":"CardSwap","d":"Cards animate position swapping with smooth layout transitions.","s":"react-bits","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:Carousel-JS-CSS","t":"Carousel","d":"Swipeable cards for feature tours, stories and galleries, with five transitions and an aut","s":"react-bits","c":"media/carousel","hc":1},{"id":"react-bits:Carousel-JS-TW","t":"Carousel","d":"Swipeable cards for feature tours, stories and galleries, with five transitions and an aut","s":"react-bits","c":"media/carousel","hc":1},{"id":"react-bits:Carousel-TS-CSS","t":"Carousel","d":"Swipeable cards for feature tours, stories and galleries, with five transitions and an aut","s":"react-bits","c":"media/carousel","hc":1},{"id":"react-bits:Carousel-TS-TW","t":"Carousel","d":"Swipeable cards for feature tours, stories and galleries, with five transitions and an aut","s":"react-bits","c":"media/carousel","hc":1},{"id":"react-bits:ChromaGrid-JS-CSS","t":"ChromaGrid","d":"A responsive grid of grayscale tiles. Hovering the grid reaveals their colors.","k":"motion","s":"react-bits","c":"motion/background","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:ChromaGrid-JS-TW","t":"ChromaGrid","d":"A responsive grid of grayscale tiles. Hovering the grid reaveals their colors.","k":"motion","s":"react-bits","c":"motion/background","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:ChromaGrid-TS-CSS","t":"ChromaGrid","d":"A responsive grid of grayscale tiles. Hovering the grid reaveals their colors.","k":"motion","s":"react-bits","c":"motion/background","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:ChromaGrid-TS-TW","t":"ChromaGrid","d":"A responsive grid of grayscale tiles. Hovering the grid reaveals their colors.","k":"motion","s":"react-bits","c":"motion/background","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:HoloCard-JS-CSS","t":"HoloCard","d":"Collectible trading card with a real holographic foil. Pick bursts, stars, shards, cosmos ","s":"react-bits","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:HoloCard-JS-TW","t":"HoloCard","d":"Collectible trading card with a real holographic foil. Pick bursts, stars, shards, cosmos ","s":"react-bits","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:HoloCard-TS-CSS","t":"HoloCard","d":"Collectible trading card with a real holographic foil. Pick bursts, stars, shards, cosmos ","s":"react-bits","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:HoloCard-TS-TW","t":"HoloCard","d":"Collectible trading card with a real holographic foil. Pick bursts, stars, shards, cosmos ","s":"react-bits","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:CircularCarousel-JS-CSS","t":"CircularCarousel","d":"A 3D ring of images with four layouts, bendable cards, depth fade, momentum drag, snapping","s":"react-bits","c":"media/carousel","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:CircularCarousel-JS-TW","t":"CircularCarousel","d":"A 3D ring of images with four layouts, bendable cards, depth fade, momentum drag, snapping","s":"react-bits","c":"media/carousel","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:CircularCarousel-TS-CSS","t":"CircularCarousel","d":"A 3D ring of images with four layouts, bendable cards, depth fade, momentum drag, snapping","s":"react-bits","c":"media/carousel","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:CircularCarousel-TS-TW","t":"CircularCarousel","d":"A 3D ring of images with four layouts, bendable cards, depth fade, momentum drag, snapping","s":"react-bits","c":"media/carousel","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:FlexCarousel-JS-CSS","t":"FlexCarousel","d":"An infinite image row that flows through invisible liquid glass at its edges, with four be","s":"react-bits","c":"media/carousel","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"react-bits:FlexCarousel-JS-TW","t":"FlexCarousel","d":"An infinite image row that flows through invisible liquid glass at its edges, with four be","s":"react-bits","c":"media/carousel","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"react-bits:FlexCarousel-TS-CSS","t":"FlexCarousel","d":"An infinite image row that flows through invisible liquid glass at its edges, with four be","s":"react-bits","c":"media/carousel","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"react-bits:FlexCarousel-TS-TW","t":"FlexCarousel","d":"An infinite image row that flows through invisible liquid glass at its edges, with four be","s":"react-bits","c":"media/carousel","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"react-bits:DepthCarousel-JS-CSS","t":"DepthCarousel","d":"Cards recede into depth on a 3D rail, with drag, keyboard and auto-advance.","s":"react-bits","c":"media/carousel","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"react-bits:DepthCarousel-JS-TW","t":"DepthCarousel","d":"Cards recede into depth on a 3D rail, with drag, keyboard and auto-advance.","s":"react-bits","c":"media/carousel","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"react-bits:DepthCarousel-TS-CSS","t":"DepthCarousel","d":"Cards recede into depth on a 3D rail, with drag, keyboard and auto-advance.","s":"react-bits","c":"media/carousel","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"react-bits:DepthCarousel-TS-TW","t":"DepthCarousel","d":"Cards recede into depth on a 3D rail, with drag, keyboard and auto-advance.","s":"react-bits","c":"media/carousel","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"react-bits:AccordionGallery-JS-CSS","t":"AccordionGallery","d":"Panels expand on hover or focus, revealing parallax imagery and captions.","s":"react-bits","c":"media/gallery","tg":["animated"],"sb":"Hover effects","sy":["animated"],"hc":1},{"id":"react-bits:AccordionGallery-JS-TW","t":"AccordionGallery","d":"Panels expand on hover or focus, revealing parallax imagery and captions.","s":"react-bits","c":"media/gallery","tg":["animated"],"sb":"Hover effects","sy":["animated"],"hc":1},{"id":"react-bits:AccordionGallery-TS-CSS","t":"AccordionGallery","d":"Panels expand on hover or focus, revealing parallax imagery and captions.","s":"react-bits","c":"media/gallery","tg":["animated"],"sb":"Hover effects","sy":["animated"],"hc":1},{"id":"react-bits:AccordionGallery-TS-TW","t":"AccordionGallery","d":"Panels expand on hover or focus, revealing parallax imagery and captions.","s":"react-bits","c":"media/gallery","tg":["animated"],"sb":"Hover effects","sy":["animated"],"hc":1},{"id":"react-bits:MorphSlider-JS-CSS","t":"MorphSlider","d":"WebGL slider that melts between images with a displacement transition.","s":"react-bits","c":"inputs/slider","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"react-bits:MorphSlider-JS-TW","t":"MorphSlider","d":"WebGL slider that melts between images with a displacement transition.","s":"react-bits","c":"inputs/slider","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"react-bits:MorphSlider-TS-CSS","t":"MorphSlider","d":"WebGL slider that melts between images with a displacement transition.","s":"react-bits","c":"inputs/slider","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"react-bits:MorphSlider-TS-TW","t":"MorphSlider","d":"WebGL slider that melts between images with a displacement transition.","s":"react-bits","c":"inputs/slider","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"react-bits:DriftWall-JS-CSS","t":"DriftWall","d":"An endless perspective wall of tiles drifting past, lifting on hover.","k":"motion","s":"react-bits","c":"motion/tilt-3d","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:DriftWall-JS-TW","t":"DriftWall","d":"An endless perspective wall of tiles drifting past, lifting on hover.","k":"motion","s":"react-bits","c":"motion/tilt-3d","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:DriftWall-TS-CSS","t":"DriftWall","d":"An endless perspective wall of tiles drifting past, lifting on hover.","k":"motion","s":"react-bits","c":"motion/tilt-3d","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:DriftWall-TS-TW","t":"DriftWall","d":"An endless perspective wall of tiles drifting past, lifting on hover.","k":"motion","s":"react-bits","c":"motion/tilt-3d","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:CircularGallery-JS-CSS","t":"CircularGallery","d":"Circular orbit gallery rotating images.","s":"react-bits","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:CircularGallery-JS-TW","t":"CircularGallery","d":"Circular orbit gallery rotating images.","s":"react-bits","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:CircularGallery-TS-CSS","t":"CircularGallery","d":"Circular orbit gallery rotating images.","s":"react-bits","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:CircularGallery-TS-TW","t":"CircularGallery","d":"Circular orbit gallery rotating images.","s":"react-bits","c":"media/gallery","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Counter-JS-CSS","t":"Counter","d":"Flexible animated counter supporting increments + easing.","k":"motion","s":"react-bits","c":"motion/number-ticker","hc":1},{"id":"react-bits:Counter-JS-TW","t":"Counter","d":"Flexible animated counter supporting increments + easing.","k":"motion","s":"react-bits","c":"motion/number-ticker","hc":1},{"id":"react-bits:Counter-TS-CSS","t":"Counter","d":"Flexible animated counter supporting increments + easing.","k":"motion","s":"react-bits","c":"motion/number-ticker","hc":1},{"id":"react-bits:Counter-TS-TW","t":"Counter","d":"Flexible animated counter supporting increments + easing.","k":"motion","s":"react-bits","c":"motion/number-ticker","hc":1},{"id":"react-bits:DecayCard-JS-CSS","t":"DecayCard","d":"An image card that tears and melts as the pointer moves, then pulls itself back together.","s":"react-bits","c":"data-display/card","hc":1},{"id":"react-bits:DecayCard-JS-TW","t":"DecayCard","d":"An image card that tears and melts as the pointer moves, then pulls itself back together.","s":"react-bits","c":"data-display/card","hc":1},{"id":"react-bits:DecayCard-TS-CSS","t":"DecayCard","d":"An image card that tears and melts as the pointer moves, then pulls itself back together.","s":"react-bits","c":"data-display/card","hc":1},{"id":"react-bits:DecayCard-TS-TW","t":"DecayCard","d":"An image card that tears and melts as the pointer moves, then pulls itself back together.","s":"react-bits","c":"data-display/card","hc":1},{"id":"react-bits:Dock-JS-CSS","t":"Dock","d":"macOS style dock with smooth magnification, launch bounce, badges and Apple style context ","s":"react-bits","c":"navigation/dock","hc":1},{"id":"react-bits:Dock-JS-TW","t":"Dock","d":"macOS style dock with smooth magnification, launch bounce, badges and Apple style context ","s":"react-bits","c":"navigation/dock","hc":1},{"id":"react-bits:Dock-TS-CSS","t":"Dock","d":"macOS style dock with smooth magnification, launch bounce, badges and Apple style context ","s":"react-bits","c":"navigation/dock","hc":1},{"id":"react-bits:Dock-TS-TW","t":"Dock","d":"macOS style dock with smooth magnification, launch bounce, badges and Apple style context ","s":"react-bits","c":"navigation/dock","hc":1},{"id":"react-bits:DomeGallery-JS-CSS","t":"DomeGallery","d":"Immersive 3D dome gallery projecting images on a hemispheric surface.","s":"react-bits","c":"media/gallery","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:DomeGallery-JS-TW","t":"DomeGallery","d":"Immersive 3D dome gallery projecting images on a hemispheric surface.","s":"react-bits","c":"media/gallery","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:DomeGallery-TS-CSS","t":"DomeGallery","d":"Immersive 3D dome gallery projecting images on a hemispheric surface.","s":"react-bits","c":"media/gallery","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:DomeGallery-TS-TW","t":"DomeGallery","d":"Immersive 3D dome gallery projecting images on a hemispheric surface.","s":"react-bits","c":"media/gallery","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:ElasticSlider-JS-CSS","t":"ElasticSlider","d":"Slider handle stretches elastically then snaps with spring physics.","s":"react-bits","c":"inputs/slider","hc":1},{"id":"react-bits:ElasticSlider-JS-TW","t":"ElasticSlider","d":"Slider handle stretches elastically then snaps with spring physics.","s":"react-bits","c":"inputs/slider","hc":1},{"id":"react-bits:ElasticSlider-TS-CSS","t":"ElasticSlider","d":"Slider handle stretches elastically then snaps with spring physics.","s":"react-bits","c":"inputs/slider","hc":1},{"id":"react-bits:ElasticSlider-TS-TW","t":"ElasticSlider","d":"Slider handle stretches elastically then snaps with spring physics.","s":"react-bits","c":"inputs/slider","hc":1},{"id":"react-bits:FlowingMenu-JS-CSS","t":"FlowingMenu","d":"Liquid flowing active indicator glides between menu items.","s":"react-bits","c":"navigation/menu","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:FlowingMenu-JS-TW","t":"FlowingMenu","d":"Liquid flowing active indicator glides between menu items.","s":"react-bits","c":"navigation/menu","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:FlowingMenu-TS-CSS","t":"FlowingMenu","d":"Liquid flowing active indicator glides between menu items.","s":"react-bits","c":"navigation/menu","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:FlowingMenu-TS-TW","t":"FlowingMenu","d":"Liquid flowing active indicator glides between menu items.","s":"react-bits","c":"navigation/menu","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:FluidGlass-JS-CSS","t":"FluidGlass","d":"Glassmorphism container with animated liquid distortion refraction.","k":"motion","s":"react-bits","c":"motion/shader","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"react-bits:FluidGlass-JS-TW","t":"FluidGlass","d":"Glassmorphism container with animated liquid distortion refraction.","k":"motion","s":"react-bits","c":"motion/shader","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"react-bits:FluidGlass-TS-CSS","t":"FluidGlass","d":"Glassmorphism container with animated liquid distortion refraction.","k":"motion","s":"react-bits","c":"motion/shader","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"react-bits:FluidGlass-TS-TW","t":"FluidGlass","d":"Glassmorphism container with animated liquid distortion refraction.","k":"motion","s":"react-bits","c":"motion/shader","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"react-bits:FlyingPosters-JS-CSS","t":"FlyingPosters","d":"3D posters that twist and flip as you scroll or drag through an endless column.","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:FlyingPosters-JS-TW","t":"FlyingPosters","d":"3D posters that twist and flip as you scroll or drag through an endless column.","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:FlyingPosters-TS-CSS","t":"FlyingPosters","d":"3D posters that twist and flip as you scroll or drag through an endless column.","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:FlyingPosters-TS-TW","t":"FlyingPosters","d":"3D posters that twist and flip as you scroll or drag through an endless column.","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:Folder-JS-CSS","t":"Folder","d":"Interactive folder opens to reveal nested content smooth motion.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:Folder-JS-TW","t":"Folder","d":"Interactive folder opens to reveal nested content smooth motion.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:Folder-TS-CSS","t":"Folder","d":"Interactive folder opens to reveal nested content smooth motion.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:Folder-TS-TW","t":"Folder","d":"Interactive folder opens to reveal nested content smooth motion.","k":"motion","s":"react-bits","c":"motion/text-effect","hc":1},{"id":"react-bits:GlassIcons-JS-CSS","t":"GlassIcons","d":"Liquid glass icons that bend the color behind them, for app grids, docks and social links.","k":"resource","s":"react-bits","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"react-bits:GlassIcons-JS-TW","t":"GlassIcons","d":"Liquid glass icons that bend the color behind them, for app grids, docks and social links.","k":"resource","s":"react-bits","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"react-bits:GlassIcons-TS-CSS","t":"GlassIcons","d":"Liquid glass icons that bend the color behind them, for app grids, docks and social links.","k":"resource","s":"react-bits","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"react-bits:GlassIcons-TS-TW","t":"GlassIcons","d":"Liquid glass icons that bend the color behind them, for app grids, docks and social links.","k":"resource","s":"react-bits","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"react-bits:GlassSurface-JS-CSS","t":"GlassSurface","d":"Advanced Apple-style glass surface with real-time distortion + lighting.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["glass"],"sy":["glass"],"hc":1},{"id":"react-bits:GlassSurface-JS-TW","t":"GlassSurface","d":"Advanced Apple-style glass surface with real-time distortion + lighting.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["glass"],"sy":["glass"],"hc":1},{"id":"react-bits:GlassSurface-TS-CSS","t":"GlassSurface","d":"Advanced Apple-style glass surface with real-time distortion + lighting.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["glass"],"sy":["glass"],"hc":1},{"id":"react-bits:GlassSurface-TS-TW","t":"GlassSurface","d":"Advanced Apple-style glass surface with real-time distortion + lighting.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["glass"],"sy":["glass"],"hc":1},{"id":"react-bits:GooeyNav-JS-CSS","t":"GooeyNav","d":"Navigation indicator morphs with gooey blob transitions between items.","s":"react-bits","c":"navigation/top-nav","hc":1},{"id":"react-bits:GooeyNav-JS-TW","t":"GooeyNav","d":"Navigation indicator morphs with gooey blob transitions between items.","s":"react-bits","c":"navigation/top-nav","hc":1},{"id":"react-bits:GooeyNav-TS-CSS","t":"GooeyNav","d":"Navigation indicator morphs with gooey blob transitions between items.","s":"react-bits","c":"navigation/top-nav","hc":1},{"id":"react-bits:GooeyNav-TS-TW","t":"GooeyNav","d":"Navigation indicator morphs with gooey blob transitions between items.","s":"react-bits","c":"navigation/top-nav","hc":1},{"id":"react-bits:InfiniteSpiral-JS-CSS","t":"InfiniteSpiral","d":"An endlessly looping 3D helix of images with customizable motion, depth, spacing and inter","s":"react-bits","c":"media/gallery","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:InfiniteSpiral-JS-TW","t":"InfiniteSpiral","d":"An endlessly looping 3D helix of images with customizable motion, depth, spacing and inter","s":"react-bits","c":"media/gallery","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:InfiniteSpiral-TS-CSS","t":"InfiniteSpiral","d":"An endlessly looping 3D helix of images with customizable motion, depth, spacing and inter","s":"react-bits","c":"media/gallery","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:InfiniteSpiral-TS-TW","t":"InfiniteSpiral","d":"An endlessly looping 3D helix of images with customizable motion, depth, spacing and inter","s":"react-bits","c":"media/gallery","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:InfiniteMenu-JS-CSS","t":"InfiniteMenu","d":"A draggable sphere of image tiles that snaps the nearest one to the front and shows its ti","s":"react-bits","c":"navigation/menu","hc":1},{"id":"react-bits:InfiniteMenu-JS-TW","t":"InfiniteMenu","d":"A draggable sphere of image tiles that snaps the nearest one to the front and shows its ti","s":"react-bits","c":"navigation/menu","hc":1},{"id":"react-bits:InfiniteMenu-TS-CSS","t":"InfiniteMenu","d":"A draggable sphere of image tiles that snaps the nearest one to the front and shows its ti","s":"react-bits","c":"navigation/menu","hc":1},{"id":"react-bits:InfiniteMenu-TS-TW","t":"InfiniteMenu","d":"A draggable sphere of image tiles that snaps the nearest one to the front and shows its ti","s":"react-bits","c":"navigation/menu","hc":1},{"id":"react-bits:Lanyard-JS-CSS","t":"Lanyard","d":"Swinging 3D badge on a stretchy woven band. Print any image on the front, back and band, t","s":"react-bits","c":"data-display/badge","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:Lanyard-JS-TW","t":"Lanyard","d":"Swinging 3D badge on a stretchy woven band. Print any image on the front, back and band, t","s":"react-bits","c":"data-display/badge","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:Lanyard-TS-CSS","t":"Lanyard","d":"Swinging 3D badge on a stretchy woven band. Print any image on the front, back and band, t","s":"react-bits","c":"data-display/badge","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:Lanyard-TS-TW","t":"Lanyard","d":"Swinging 3D badge on a stretchy woven band. Print any image on the front, back and band, t","s":"react-bits","c":"data-display/badge","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:MagicBento-JS-CSS","t":"MagicBento","d":"Interactive bento grid tiles expand + animate with various options.","k":"layout","s":"react-bits","c":"layout/bento-grid","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:MagicBento-JS-TW","t":"MagicBento","d":"Interactive bento grid tiles expand + animate with various options.","k":"layout","s":"react-bits","c":"layout/bento-grid","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:MagicBento-TS-CSS","t":"MagicBento","d":"Interactive bento grid tiles expand + animate with various options.","k":"layout","s":"react-bits","c":"layout/bento-grid","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:MagicBento-TS-TW","t":"MagicBento","d":"Interactive bento grid tiles expand + animate with various options.","k":"layout","s":"react-bits","c":"layout/bento-grid","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:Masonry-JS-CSS","t":"Masonry","d":"Responsive masonry layout with animated reflow + gaps optimization.","s":"react-bits","c":"media/gallery","tg":["animated"],"sb":"Masonry","sy":["animated"],"hc":1},{"id":"react-bits:Masonry-JS-TW","t":"Masonry","d":"Responsive masonry layout with animated reflow + gaps optimization.","s":"react-bits","c":"media/gallery","tg":["animated"],"sb":"Masonry","sy":["animated"],"hc":1},{"id":"react-bits:Masonry-TS-CSS","t":"Masonry","d":"Responsive masonry layout with animated reflow + gaps optimization.","s":"react-bits","c":"media/gallery","tg":["animated"],"sb":"Masonry","sy":["animated"],"hc":1},{"id":"react-bits:Masonry-TS-TW","t":"Masonry","d":"Responsive masonry layout with animated reflow + gaps optimization.","s":"react-bits","c":"media/gallery","tg":["animated"],"sb":"Masonry","sy":["animated"],"hc":1},{"id":"react-bits:ModelViewer-JS-CSS","t":"ModelViewer","d":"Three.js model viewer with orbit controls and lighting presets.","k":"motion","s":"react-bits","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:ModelViewer-JS-TW","t":"ModelViewer","d":"Three.js model viewer with orbit controls and lighting presets.","k":"motion","s":"react-bits","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:ModelViewer-TS-CSS","t":"ModelViewer","d":"Three.js model viewer with orbit controls and lighting presets.","k":"motion","s":"react-bits","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:ModelViewer-TS-TW","t":"ModelViewer","d":"Three.js model viewer with orbit controls and lighting presets.","k":"motion","s":"react-bits","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:PillNav-JS-CSS","t":"PillNav","d":"Minimal pill nav with sliding active highlight + smooth easing.","s":"react-bits","c":"navigation/top-nav","tg":["animated","minimal"],"sb":"Floating","sy":["animated","minimal"],"hc":1},{"id":"react-bits:PillNav-JS-TW","t":"PillNav","d":"Minimal pill nav with sliding active highlight + smooth easing.","s":"react-bits","c":"navigation/top-nav","tg":["animated","minimal"],"sb":"Floating","sy":["animated","minimal"],"hc":1},{"id":"react-bits:PillNav-TS-CSS","t":"PillNav","d":"Minimal pill nav with sliding active highlight + smooth easing.","s":"react-bits","c":"navigation/top-nav","tg":["animated","minimal"],"sb":"Floating","sy":["animated","minimal"],"hc":1},{"id":"react-bits:PillNav-TS-TW","t":"PillNav","d":"Minimal pill nav with sliding active highlight + smooth easing.","s":"react-bits","c":"navigation/top-nav","tg":["animated","minimal"],"sb":"Floating","sy":["animated","minimal"],"hc":1},{"id":"react-bits:PixelCard-JS-CSS","t":"PixelCard","d":"Card content revealed through pixel expansion transition.","s":"react-bits","c":"data-display/card","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"react-bits:PixelCard-JS-TW","t":"PixelCard","d":"Card content revealed through pixel expansion transition.","s":"react-bits","c":"data-display/card","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"react-bits:PixelCard-TS-CSS","t":"PixelCard","d":"Card content revealed through pixel expansion transition.","s":"react-bits","c":"data-display/card","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"react-bits:PixelCard-TS-TW","t":"PixelCard","d":"Card content revealed through pixel expansion transition.","s":"react-bits","c":"data-display/card","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"react-bits:ProfileCard-JS-CSS","t":"ProfileCard","d":"Animated profile card glare with 3D hover effect.","s":"react-bits","c":"data-display/card","tg":["3d"],"sb":"Profile","sy":["3d"],"hc":1},{"id":"react-bits:ProfileCard-JS-TW","t":"ProfileCard","d":"Animated profile card glare with 3D hover effect.","s":"react-bits","c":"data-display/card","tg":["3d"],"sb":"Profile","sy":["3d"],"hc":1},{"id":"react-bits:ProfileCard-TS-CSS","t":"ProfileCard","d":"Animated profile card glare with 3D hover effect.","s":"react-bits","c":"data-display/card","tg":["3d"],"sb":"Profile","sy":["3d"],"hc":1},{"id":"react-bits:ProfileCard-TS-TW","t":"ProfileCard","d":"Animated profile card glare with 3D hover effect.","s":"react-bits","c":"data-display/card","tg":["3d"],"sb":"Profile","sy":["3d"],"hc":1},{"id":"react-bits:ScrollStack-JS-CSS","t":"ScrollStack","d":"Overlapping card stack reveals on scroll with depth layering.","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:ScrollStack-JS-TW","t":"ScrollStack","d":"Overlapping card stack reveals on scroll with depth layering.","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:ScrollStack-TS-CSS","t":"ScrollStack","d":"Overlapping card stack reveals on scroll with depth layering.","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:ScrollStack-TS-TW","t":"ScrollStack","d":"Overlapping card stack reveals on scroll with depth layering.","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:SpotlightCard-JS-CSS","t":"SpotlightCard","d":"Card lit by a soft spotlight that follows the pointer, catches its edge and reaches nearby","s":"react-bits","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"react-bits:SpotlightCard-JS-TW","t":"SpotlightCard","d":"Card lit by a soft spotlight that follows the pointer, catches its edge and reaches nearby","s":"react-bits","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"react-bits:SpotlightCard-TS-CSS","t":"SpotlightCard","d":"Card lit by a soft spotlight that follows the pointer, catches its edge and reaches nearby","s":"react-bits","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"react-bits:SpotlightCard-TS-TW","t":"SpotlightCard","d":"Card lit by a soft spotlight that follows the pointer, catches its edge and reaches nearby","s":"react-bits","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"react-bits:BorderGlow-JS-CSS","t":"BorderGlow","d":"Glowing mesh-gradient border that follows cursor direction and intensifies near edges.","k":"motion","s":"react-bits","c":"motion/background","tg":["gradient","neon"],"sb":"Gradients and aurora","sy":["gradient","neon"],"hc":1},{"id":"react-bits:BorderGlow-JS-TW","t":"BorderGlow","d":"Glowing mesh-gradient border that follows cursor direction and intensifies near edges.","k":"motion","s":"react-bits","c":"motion/background","tg":["gradient","neon"],"sb":"Gradients and aurora","sy":["gradient","neon"],"hc":1},{"id":"react-bits:BorderGlow-TS-CSS","t":"BorderGlow","d":"Glowing mesh-gradient border that follows cursor direction and intensifies near edges.","k":"motion","s":"react-bits","c":"motion/background","tg":["gradient","neon"],"sb":"Gradients and aurora","sy":["gradient","neon"],"hc":1},{"id":"react-bits:BorderGlow-TS-TW","t":"BorderGlow","d":"Glowing mesh-gradient border that follows cursor direction and intensifies near edges.","k":"motion","s":"react-bits","c":"motion/background","tg":["gradient","neon"],"sb":"Gradients and aurora","sy":["gradient","neon"],"hc":1},{"id":"react-bits:LineSidebar-JS-CSS","t":"LineSidebar","d":"Static list navigation with a cursor-proximity effect that shifts and highlights nearby it","s":"react-bits","c":"navigation/sidebar","hc":1},{"id":"react-bits:LineSidebar-JS-TW","t":"LineSidebar","d":"Static list navigation with a cursor-proximity effect that shifts and highlights nearby it","s":"react-bits","c":"navigation/sidebar","hc":1},{"id":"react-bits:LineSidebar-TS-CSS","t":"LineSidebar","d":"Static list navigation with a cursor-proximity effect that shifts and highlights nearby it","s":"react-bits","c":"navigation/sidebar","hc":1},{"id":"react-bits:LineSidebar-TS-TW","t":"LineSidebar","d":"Static list navigation with a cursor-proximity effect that shifts and highlights nearby it","s":"react-bits","c":"navigation/sidebar","hc":1},{"id":"react-bits:OptionWheel-JS-CSS","t":"OptionWheel","d":"Curved option picker that spins via scroll, drag, or arrow keys, fading and tilting items ","s":"react-bits","c":"inputs/select","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:OptionWheel-JS-TW","t":"OptionWheel","d":"Curved option picker that spins via scroll, drag, or arrow keys, fading and tilting items ","s":"react-bits","c":"inputs/select","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:OptionWheel-TS-CSS","t":"OptionWheel","d":"Curved option picker that spins via scroll, drag, or arrow keys, fading and tilting items ","s":"react-bits","c":"inputs/select","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:OptionWheel-TS-TW","t":"OptionWheel","d":"Curved option picker that spins via scroll, drag, or arrow keys, fading and tilting items ","s":"react-bits","c":"inputs/select","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:SpecularButton-JS-CSS","t":"SpecularButton","d":"Glass button with a shader-driven specular rim light that sweeps around the edge and follo","s":"react-bits","c":"actions/button","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"react-bits:SpecularButton-JS-TW","t":"SpecularButton","d":"Glass button with a shader-driven specular rim light that sweeps around the edge and follo","s":"react-bits","c":"actions/button","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"react-bits:SpecularButton-TS-CSS","t":"SpecularButton","d":"Glass button with a shader-driven specular rim light that sweeps around the edge and follo","s":"react-bits","c":"actions/button","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"react-bits:SpecularButton-TS-TW","t":"SpecularButton","d":"Glass button with a shader-driven specular rim light that sweeps around the edge and follo","s":"react-bits","c":"actions/button","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"react-bits:ElasticMesh-JS-CSS","t":"ElasticMesh","d":"Spring-mesh surface that stretches under the pointer and settles back with damped physics.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"react-bits:ElasticMesh-JS-TW","t":"ElasticMesh","d":"Spring-mesh surface that stretches under the pointer and settles back with damped physics.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"react-bits:ElasticMesh-TS-CSS","t":"ElasticMesh","d":"Spring-mesh surface that stretches under the pointer and settles back with damped physics.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"react-bits:ElasticMesh-TS-TW","t":"ElasticMesh","d":"Spring-mesh surface that stretches under the pointer and settles back with damped physics.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"react-bits:RippleDistortion-JS-CSS","t":"RippleDistortion","d":"Pointer-driven water displacement that warps content and leaves a decaying wake.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:RippleDistortion-JS-TW","t":"RippleDistortion","d":"Pointer-driven water displacement that warps content and leaves a decaying wake.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:RippleDistortion-TS-CSS","t":"RippleDistortion","d":"Pointer-driven water displacement that warps content and leaves a decaying wake.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:RippleDistortion-TS-TW","t":"RippleDistortion","d":"Pointer-driven water displacement that warps content and leaves a decaying wake.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:SwarmCursor-JS-CSS","t":"SwarmCursor","d":"Flocking particle swarm that chases the pointer, jostles for space and drifts apart at res","k":"motion","s":"react-bits","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:SwarmCursor-JS-TW","t":"SwarmCursor","d":"Flocking particle swarm that chases the pointer, jostles for space and drifts apart at res","k":"motion","s":"react-bits","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:SwarmCursor-TS-CSS","t":"SwarmCursor","d":"Flocking particle swarm that chases the pointer, jostles for space and drifts apart at res","k":"motion","s":"react-bits","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:SwarmCursor-TS-TW","t":"SwarmCursor","d":"Flocking particle swarm that chases the pointer, jostles for space and drifts apart at res","k":"motion","s":"react-bits","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:HalftoneReveal-JS-CSS","t":"HalftoneReveal","d":"Print-style halftone dot matrix that resolves into sharp content around the cursor.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:HalftoneReveal-JS-TW","t":"HalftoneReveal","d":"Print-style halftone dot matrix that resolves into sharp content around the cursor.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:HalftoneReveal-TS-CSS","t":"HalftoneReveal","d":"Print-style halftone dot matrix that resolves into sharp content around the cursor.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:HalftoneReveal-TS-TW","t":"HalftoneReveal","d":"Print-style halftone dot matrix that resolves into sharp content around the cursor.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:ScrollExpand-JS-CSS","t":"ScrollExpand","d":"A rounded media frame that grows to full bleed as it scrolls through the viewport.","k":"layout","s":"react-bits","c":"layout/scroll-area","hc":1},{"id":"react-bits:ScrollExpand-JS-TW","t":"ScrollExpand","d":"A rounded media frame that grows to full bleed as it scrolls through the viewport.","k":"layout","s":"react-bits","c":"layout/scroll-area","hc":1},{"id":"react-bits:ScrollExpand-TS-CSS","t":"ScrollExpand","d":"A rounded media frame that grows to full bleed as it scrolls through the viewport.","k":"layout","s":"react-bits","c":"layout/scroll-area","hc":1},{"id":"react-bits:ScrollExpand-TS-TW","t":"ScrollExpand","d":"A rounded media frame that grows to full bleed as it scrolls through the viewport.","k":"layout","s":"react-bits","c":"layout/scroll-area","hc":1},{"id":"react-bits:CursorGrid-JS-CSS","t":"CursorGrid","d":"Canvas grid whose cells light up around the cursor with configurable radius, falloff and c","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:CursorGrid-JS-TW","t":"CursorGrid","d":"Canvas grid whose cells light up around the cursor with configurable radius, falloff and c","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:CursorGrid-TS-CSS","t":"CursorGrid","d":"Canvas grid whose cells light up around the cursor with configurable radius, falloff and c","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:CursorGrid-TS-TW","t":"CursorGrid","d":"Canvas grid whose cells light up around the cursor with configurable radius, falloff and c","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:CurvedInput-JS-CSS","t":"CurvedInput","d":"Arc-bent input bar with text, caret and submit button all following the curve.","s":"react-bits","c":"inputs/form-field","hc":1},{"id":"react-bits:CurvedInput-JS-TW","t":"CurvedInput","d":"Arc-bent input bar with text, caret and submit button all following the curve.","s":"react-bits","c":"inputs/form-field","hc":1},{"id":"react-bits:CurvedInput-TS-CSS","t":"CurvedInput","d":"Arc-bent input bar with text, caret and submit button all following the curve.","s":"react-bits","c":"inputs/form-field","hc":1},{"id":"react-bits:CurvedInput-TS-TW","t":"CurvedInput","d":"Arc-bent input bar with text, caret and submit button all following the curve.","s":"react-bits","c":"inputs/form-field","hc":1},{"id":"react-bits:Stack-JS-CSS","t":"Stack","d":"Pile of cards you can drag, flick or click through. Thrown cards tuck under the stack, wit","s":"react-bits","c":"data-display/card","hc":1},{"id":"react-bits:Stack-JS-TW","t":"Stack","d":"Pile of cards you can drag, flick or click through. Thrown cards tuck under the stack, wit","s":"react-bits","c":"data-display/card","hc":1},{"id":"react-bits:Stack-TS-CSS","t":"Stack","d":"Pile of cards you can drag, flick or click through. Thrown cards tuck under the stack, wit","s":"react-bits","c":"data-display/card","hc":1},{"id":"react-bits:Stack-TS-TW","t":"Stack","d":"Pile of cards you can drag, flick or click through. Thrown cards tuck under the stack, wit","s":"react-bits","c":"data-display/card","hc":1},{"id":"react-bits:Stepper-JS-CSS","t":"Stepper","d":"Animated multi-step progress indicator with active state transitions.","s":"react-bits","c":"navigation/wizard-steps","hc":1},{"id":"react-bits:Stepper-JS-TW","t":"Stepper","d":"Animated multi-step progress indicator with active state transitions.","s":"react-bits","c":"navigation/wizard-steps","hc":1},{"id":"react-bits:Stepper-TS-CSS","t":"Stepper","d":"Animated multi-step progress indicator with active state transitions.","s":"react-bits","c":"navigation/wizard-steps","hc":1},{"id":"react-bits:Stepper-TS-TW","t":"Stepper","d":"Animated multi-step progress indicator with active state transitions.","s":"react-bits","c":"navigation/wizard-steps","hc":1},{"id":"react-bits:TiltedCard-JS-CSS","t":"TiltedCard","d":"3D perspective tilt card reacting to pointer.","s":"react-bits","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"hc":1},{"id":"react-bits:TiltedCard-JS-TW","t":"TiltedCard","d":"3D perspective tilt card reacting to pointer.","s":"react-bits","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"hc":1},{"id":"react-bits:TiltedCard-TS-CSS","t":"TiltedCard","d":"3D perspective tilt card reacting to pointer.","s":"react-bits","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"hc":1},{"id":"react-bits:TiltedCard-TS-TW","t":"TiltedCard","d":"3D perspective tilt card reacting to pointer.","s":"react-bits","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"hc":1},{"id":"react-bits:StaggeredMenu-JS-CSS","t":"StaggeredMenu","d":"Menu with staggered item animations and smooth transitions on open/close.","s":"react-bits","c":"navigation/menu","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:StaggeredMenu-JS-TW","t":"StaggeredMenu","d":"Menu with staggered item animations and smooth transitions on open/close.","s":"react-bits","c":"navigation/menu","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:StaggeredMenu-TS-CSS","t":"StaggeredMenu","d":"Menu with staggered item animations and smooth transitions on open/close.","s":"react-bits","c":"navigation/menu","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:StaggeredMenu-TS-TW","t":"StaggeredMenu","d":"Menu with staggered item animations and smooth transitions on open/close.","s":"react-bits","c":"navigation/menu","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:ReflectiveCard-JS-CSS","t":"ReflectiveCard","d":"Card with dynamic webcam reflection and glare effects that respond to cursor movement.","s":"react-bits","c":"data-display/card","hc":1},{"id":"react-bits:ReflectiveCard-JS-TW","t":"ReflectiveCard","d":"Card with dynamic webcam reflection and glare effects that respond to cursor movement.","s":"react-bits","c":"data-display/card","hc":1},{"id":"react-bits:ReflectiveCard-TS-CSS","t":"ReflectiveCard","d":"Card with dynamic webcam reflection and glare effects that respond to cursor movement.","s":"react-bits","c":"data-display/card","hc":1},{"id":"react-bits:ReflectiveCard-TS-TW","t":"ReflectiveCard","d":"Card with dynamic webcam reflection and glare effects that respond to cursor movement.","s":"react-bits","c":"data-display/card","hc":1},{"id":"react-bits:PatternWaves-JS-CSS","t":"PatternWaves","d":"A lit halftone surface of dots, lines, crosses or glyphs that moves like draped silk, roll","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:PatternWaves-JS-TW","t":"PatternWaves","d":"A lit halftone surface of dots, lines, crosses or glyphs that moves like draped silk, roll","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:PatternWaves-TS-CSS","t":"PatternWaves","d":"A lit halftone surface of dots, lines, crosses or glyphs that moves like draped silk, roll","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:PatternWaves-TS-TW","t":"PatternWaves","d":"A lit halftone surface of dots, lines, crosses or glyphs that moves like draped silk, roll","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:MicroSlats-JS-CSS","t":"MicroSlats","d":"A wall of tiny slats that becomes a rolling sea in perspective, with glinting crests, four","k":"motion","s":"react-bits","c":"motion/cursor","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:MicroSlats-JS-TW","t":"MicroSlats","d":"A wall of tiny slats that becomes a rolling sea in perspective, with glinting crests, four","k":"motion","s":"react-bits","c":"motion/cursor","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:MicroSlats-TS-CSS","t":"MicroSlats","d":"A wall of tiny slats that becomes a rolling sea in perspective, with glinting crests, four","k":"motion","s":"react-bits","c":"motion/cursor","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:MicroSlats-TS-TW","t":"MicroSlats","d":"A wall of tiny slats that becomes a rolling sea in perspective, with glinting crests, four","k":"motion","s":"react-bits","c":"motion/cursor","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:ShapeWaves-JS-CSS","t":"ShapeWaves","d":"A WebGPU field of triangles, circles and squares that brighten and grow along rolling wave","k":"motion","s":"react-bits","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"react-bits:ShapeWaves-JS-TW","t":"ShapeWaves","d":"A WebGPU field of triangles, circles and squares that brighten and grow along rolling wave","k":"motion","s":"react-bits","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"react-bits:ShapeWaves-TS-CSS","t":"ShapeWaves","d":"A WebGPU field of triangles, circles and squares that brighten and grow along rolling wave","k":"motion","s":"react-bits","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"react-bits:ShapeWaves-TS-TW","t":"ShapeWaves","d":"A WebGPU field of triangles, circles and squares that brighten and grow along rolling wave","k":"motion","s":"react-bits","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"react-bits:AeroShards-JS-CSS","t":"AeroShards","d":"A GPU-driven wind sculpture of folded foil shards with crisp detail, content-safe placemen","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:AeroShards-JS-TW","t":"AeroShards","d":"A GPU-driven wind sculpture of folded foil shards with crisp detail, content-safe placemen","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:AeroShards-TS-CSS","t":"AeroShards","d":"A GPU-driven wind sculpture of folded foil shards with crisp detail, content-safe placemen","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:AeroShards-TS-TW","t":"AeroShards","d":"A GPU-driven wind sculpture of folded foil shards with crisp detail, content-safe placemen","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:GhostFibers-JS-CSS","t":"GhostFibers","d":"A deep-blue recursive fiber field with luminous bands, radial twisting and soft atmospheri","s":"react-bits","c":"inputs/form-field","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:GhostFibers-JS-TW","t":"GhostFibers","d":"A deep-blue recursive fiber field with luminous bands, radial twisting and soft atmospheri","s":"react-bits","c":"inputs/form-field","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:GhostFibers-TS-CSS","t":"GhostFibers","d":"A deep-blue recursive fiber field with luminous bands, radial twisting and soft atmospheri","s":"react-bits","c":"inputs/form-field","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:GhostFibers-TS-TW","t":"GhostFibers","d":"A deep-blue recursive fiber field with luminous bands, radial twisting and soft atmospheri","s":"react-bits","c":"inputs/form-field","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:Aurora-JS-CSS","t":"Aurora","d":"Flowing aurora gradient background.","k":"motion","s":"react-bits","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"react-bits:Aurora-JS-TW","t":"Aurora","d":"Flowing aurora gradient background.","k":"motion","s":"react-bits","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"react-bits:Aurora-TS-CSS","t":"Aurora","d":"Flowing aurora gradient background.","k":"motion","s":"react-bits","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"react-bits:Aurora-TS-TW","t":"Aurora","d":"Flowing aurora gradient background.","k":"motion","s":"react-bits","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"react-bits:Balatro-JS-CSS","t":"Balatro","d":"The balatro shader, fully customizalbe and interactive.","k":"motion","s":"react-bits","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Balatro-JS-TW","t":"Balatro","d":"The balatro shader, fully customizalbe and interactive.","k":"motion","s":"react-bits","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Balatro-TS-CSS","t":"Balatro","d":"The balatro shader, fully customizalbe and interactive.","k":"motion","s":"react-bits","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Balatro-TS-TW","t":"Balatro","d":"The balatro shader, fully customizalbe and interactive.","k":"motion","s":"react-bits","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Ballpit-JS-CSS","t":"Ballpit","d":"Physics ball pit simulation with bouncing colorful spheres.","k":"motion","s":"react-bits","c":"motion/globe","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Ballpit-JS-TW","t":"Ballpit","d":"Physics ball pit simulation with bouncing colorful spheres.","k":"motion","s":"react-bits","c":"motion/globe","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Ballpit-TS-CSS","t":"Ballpit","d":"Physics ball pit simulation with bouncing colorful spheres.","k":"motion","s":"react-bits","c":"motion/globe","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"react-bits:Ballpit-TS-TW","t":"Ballpit","d":"Physics ball pit simulation with bouncing colorful spheres.","k":"motion","s":"react-bits","c":"motion/globe","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"react-bits:Beams-JS-CSS","t":"Beams","d":"Crossing animated ribbons with customizable properties.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:Beams-JS-TW","t":"Beams","d":"Crossing animated ribbons with customizable properties.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:Beams-TS-CSS","t":"Beams","d":"Crossing animated ribbons with customizable properties.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:Beams-TS-TW","t":"Beams","d":"Crossing animated ribbons with customizable properties.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:ColorBends-JS-CSS","t":"ColorBends","d":"Vibrant color bends with smooth flowing animation.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:ColorBends-JS-TW","t":"ColorBends","d":"Vibrant color bends with smooth flowing animation.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:ColorBends-TS-CSS","t":"ColorBends","d":"Vibrant color bends with smooth flowing animation.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:ColorBends-TS-TW","t":"ColorBends","d":"Vibrant color bends with smooth flowing animation.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:CRTWarp-JS-CSS","t":"CRTWarp","d":"Full-canvas CRT plasma with curved distortion, scanlines, bloom and pointer interaction.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:CRTWarp-JS-TW","t":"CRTWarp","d":"Full-canvas CRT plasma with curved distortion, scanlines, bloom and pointer interaction.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:CRTWarp-TS-CSS","t":"CRTWarp","d":"Full-canvas CRT plasma with curved distortion, scanlines, bloom and pointer interaction.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:CRTWarp-TS-TW","t":"CRTWarp","d":"Full-canvas CRT plasma with curved distortion, scanlines, bloom and pointer interaction.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:DarkVeil-JS-CSS","t":"DarkVeil","d":"Subtle dark background with a smooth animation and postprocessing.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:DarkVeil-JS-TW","t":"DarkVeil","d":"Subtle dark background with a smooth animation and postprocessing.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:DarkVeil-TS-CSS","t":"DarkVeil","d":"Subtle dark background with a smooth animation and postprocessing.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:DarkVeil-TS-TW","t":"DarkVeil","d":"Subtle dark background with a smooth animation and postprocessing.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:Dither-JS-CSS","t":"Dither","d":"Retro dithered noise shader background.","k":"motion","s":"react-bits","c":"motion/shader","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:Dither-JS-TW","t":"Dither","d":"Retro dithered noise shader background.","k":"motion","s":"react-bits","c":"motion/shader","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:Dither-TS-CSS","t":"Dither","d":"Retro dithered noise shader background.","k":"motion","s":"react-bits","c":"motion/shader","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:Dither-TS-TW","t":"Dither","d":"Retro dithered noise shader background.","k":"motion","s":"react-bits","c":"motion/shader","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:DotField-JS-CSS","t":"DotField","d":"Interactive dot grid with cursor bulge, glow, sparkle, and wave effects.","s":"react-bits","c":"inputs/form-field","tg":["neon"],"sy":["neon"],"hc":1},{"id":"react-bits:DotField-JS-TW","t":"DotField","d":"Interactive dot grid with cursor bulge, glow, sparkle, and wave effects.","s":"react-bits","c":"inputs/form-field","tg":["neon"],"sy":["neon"],"hc":1},{"id":"react-bits:DotField-TS-CSS","t":"DotField","d":"Interactive dot grid with cursor bulge, glow, sparkle, and wave effects.","s":"react-bits","c":"inputs/form-field","tg":["neon"],"sy":["neon"],"hc":1},{"id":"react-bits:DotField-TS-TW","t":"DotField","d":"Interactive dot grid with cursor bulge, glow, sparkle, and wave effects.","s":"react-bits","c":"inputs/form-field","tg":["neon"],"sy":["neon"],"hc":1},{"id":"react-bits:DotGrid-JS-CSS","t":"DotGrid","d":"Animated dot grid with cursor interactions.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:DotGrid-JS-TW","t":"DotGrid","d":"Animated dot grid with cursor interactions.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:DotGrid-TS-CSS","t":"DotGrid","d":"Animated dot grid with cursor interactions.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:DotGrid-TS-TW","t":"DotGrid","d":"Animated dot grid with cursor interactions.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["animated"],"sy":["animated"],"hc":1},{"id":"react-bits:FaultyTerminal-JS-CSS","t":"FaultyTerminal","d":"Terminal CRT scanline squares effect with flicker + noise.","s":"react-bits","c":"data-display/code-block","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:FaultyTerminal-JS-TW","t":"FaultyTerminal","d":"Terminal CRT scanline squares effect with flicker + noise.","s":"react-bits","c":"data-display/code-block","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:FaultyTerminal-TS-CSS","t":"FaultyTerminal","d":"Terminal CRT scanline squares effect with flicker + noise.","s":"react-bits","c":"data-display/code-block","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:FaultyTerminal-TS-TW","t":"FaultyTerminal","d":"Terminal CRT scanline squares effect with flicker + noise.","s":"react-bits","c":"data-display/code-block","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:Galaxy-JS-CSS","t":"Galaxy","d":"Parallax realistic starfield with pointer interactions.","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Galaxy-JS-TW","t":"Galaxy","d":"Parallax realistic starfield with pointer interactions.","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Galaxy-TS-CSS","t":"Galaxy","d":"Parallax realistic starfield with pointer interactions.","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Galaxy-TS-TW","t":"Galaxy","d":"Parallax realistic starfield with pointer interactions.","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:GradientBlinds-JS-CSS","t":"GradientBlinds","d":"Layered gradient blinds with spotlight and noise distortion.","k":"motion","s":"react-bits","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"react-bits:GradientBlinds-JS-TW","t":"GradientBlinds","d":"Layered gradient blinds with spotlight and noise distortion.","k":"motion","s":"react-bits","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"react-bits:GradientBlinds-TS-CSS","t":"GradientBlinds","d":"Layered gradient blinds with spotlight and noise distortion.","k":"motion","s":"react-bits","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"react-bits:GradientBlinds-TS-TW","t":"GradientBlinds","d":"Layered gradient blinds with spotlight and noise distortion.","k":"motion","s":"react-bits","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"react-bits:Lightfall-JS-CSS","t":"Lightfall","d":"Colorful light streaks raining down a glowing tunnel with a cursor light.","s":"react-bits","c":"data-display/gamification","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:Lightfall-JS-TW","t":"Lightfall","d":"Colorful light streaks raining down a glowing tunnel with a cursor light.","s":"react-bits","c":"data-display/gamification","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:Lightfall-TS-CSS","t":"Lightfall","d":"Colorful light streaks raining down a glowing tunnel with a cursor light.","s":"react-bits","c":"data-display/gamification","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:Lightfall-TS-TW","t":"Lightfall","d":"Colorful light streaks raining down a glowing tunnel with a cursor light.","s":"react-bits","c":"data-display/gamification","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:Ferrofluid-JS-CSS","t":"Ferrofluid","d":"A churning magnetic fluid traced by glowing contour lines, with a cursor magnet.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:Ferrofluid-JS-TW","t":"Ferrofluid","d":"A churning magnetic fluid traced by glowing contour lines, with a cursor magnet.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:Ferrofluid-TS-CSS","t":"Ferrofluid","d":"A churning magnetic fluid traced by glowing contour lines, with a cursor magnet.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:Ferrofluid-TS-TW","t":"Ferrofluid","d":"A churning magnetic fluid traced by glowing contour lines, with a cursor magnet.","k":"motion","s":"react-bits","c":"motion/cursor","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:MoltenMetal-JS-CSS","t":"MoltenMetal","d":"Swirling caustic plasma filaments with molten, white-hot cores.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:MoltenMetal-JS-TW","t":"MoltenMetal","d":"Swirling caustic plasma filaments with molten, white-hot cores.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:MoltenMetal-TS-CSS","t":"MoltenMetal","d":"Swirling caustic plasma filaments with molten, white-hot cores.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:MoltenMetal-TS-TW","t":"MoltenMetal","d":"Swirling caustic plasma filaments with molten, white-hot cores.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:GradientWaves-JS-CSS","t":"GradientWaves","d":"Raymarched sine waves rolling toward a soft, hazy horizon.","k":"motion","s":"react-bits","c":"motion/background","tg":["gradient","webgl"],"sb":"Shaders and WebGL","sy":["gradient","webgl"],"hc":1},{"id":"react-bits:GradientWaves-JS-TW","t":"GradientWaves","d":"Raymarched sine waves rolling toward a soft, hazy horizon.","k":"motion","s":"react-bits","c":"motion/background","tg":["gradient","webgl"],"sb":"Shaders and WebGL","sy":["gradient","webgl"],"hc":1},{"id":"react-bits:GradientWaves-TS-CSS","t":"GradientWaves","d":"Raymarched sine waves rolling toward a soft, hazy horizon.","k":"motion","s":"react-bits","c":"motion/background","tg":["gradient","webgl"],"sb":"Shaders and WebGL","sy":["gradient","webgl"],"hc":1},{"id":"react-bits:GradientWaves-TS-TW","t":"GradientWaves","d":"Raymarched sine waves rolling toward a soft, hazy horizon.","k":"motion","s":"react-bits","c":"motion/background","tg":["gradient","webgl"],"sb":"Shaders and WebGL","sy":["gradient","webgl"],"hc":1},{"id":"react-bits:WebThreads-JS-CSS","t":"WebThreads","d":"Glowing sine threads woven through a luminous convergence point.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:WebThreads-JS-TW","t":"WebThreads","d":"Glowing sine threads woven through a luminous convergence point.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:WebThreads-TS-CSS","t":"WebThreads","d":"Glowing sine threads woven through a luminous convergence point.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:WebThreads-TS-TW","t":"WebThreads","d":"Glowing sine threads woven through a luminous convergence point.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:Topography-JS-CSS","t":"Topography","d":"A living contour map with glowing, elevation-tinted lines.","s":"react-bits","c":"data-viz/map","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:Topography-JS-TW","t":"Topography","d":"A living contour map with glowing, elevation-tinted lines.","s":"react-bits","c":"data-viz/map","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:Topography-TS-CSS","t":"Topography","d":"A living contour map with glowing, elevation-tinted lines.","s":"react-bits","c":"data-viz/map","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:Topography-TS-TW","t":"Topography","d":"A living contour map with glowing, elevation-tinted lines.","s":"react-bits","c":"data-viz/map","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:LightTunnel-JS-CSS","t":"LightTunnel","d":"A radial fibre-optic tunnel with light pulses racing into depth.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:LightTunnel-JS-TW","t":"LightTunnel","d":"A radial fibre-optic tunnel with light pulses racing into depth.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:LightTunnel-TS-CSS","t":"LightTunnel","d":"A radial fibre-optic tunnel with light pulses racing into depth.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:LightTunnel-TS-TW","t":"LightTunnel","d":"A radial fibre-optic tunnel with light pulses racing into depth.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:SlicedWaves-JS-CSS","t":"SlicedWaves","d":"A grid of soft glowing bars rippling like a slatted equalizer.","k":"motion","s":"react-bits","c":"motion/background","tg":["neon","webgl"],"sb":"Shaders and WebGL","sy":["neon","webgl"],"hc":1},{"id":"react-bits:SlicedWaves-JS-TW","t":"SlicedWaves","d":"A grid of soft glowing bars rippling like a slatted equalizer.","k":"motion","s":"react-bits","c":"motion/background","tg":["neon","webgl"],"sb":"Shaders and WebGL","sy":["neon","webgl"],"hc":1},{"id":"react-bits:SlicedWaves-TS-CSS","t":"SlicedWaves","d":"A grid of soft glowing bars rippling like a slatted equalizer.","k":"motion","s":"react-bits","c":"motion/background","tg":["neon","webgl"],"sb":"Shaders and WebGL","sy":["neon","webgl"],"hc":1},{"id":"react-bits:SlicedWaves-TS-TW","t":"SlicedWaves","d":"A grid of soft glowing bars rippling like a slatted equalizer.","k":"motion","s":"react-bits","c":"motion/background","tg":["neon","webgl"],"sb":"Shaders and WebGL","sy":["neon","webgl"],"hc":1},{"id":"react-bits:AcidSquares-JS-CSS","t":"AcidSquares","d":"A crystalline corridor of stacked squares receding into depth.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:AcidSquares-JS-TW","t":"AcidSquares","d":"A crystalline corridor of stacked squares receding into depth.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:AcidSquares-TS-CSS","t":"AcidSquares","d":"A crystalline corridor of stacked squares receding into depth.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:AcidSquares-TS-TW","t":"AcidSquares","d":"A crystalline corridor of stacked squares receding into depth.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:Scanner-JS-CSS","t":"Scanner","d":"Calm interference bands sweeping across the screen like an oscilloscope.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Scanner-JS-TW","t":"Scanner","d":"Calm interference bands sweeping across the screen like an oscilloscope.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Scanner-TS-CSS","t":"Scanner","d":"Calm interference bands sweeping across the screen like an oscilloscope.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Scanner-TS-TW","t":"Scanner","d":"Calm interference bands sweeping across the screen like an oscilloscope.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Grainient-JS-CSS","t":"Grainient","d":"Grainy gradient swirls with soft wave distortion.","k":"motion","s":"react-bits","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"react-bits:Grainient-JS-TW","t":"Grainient","d":"Grainy gradient swirls with soft wave distortion.","k":"motion","s":"react-bits","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"react-bits:Grainient-TS-CSS","t":"Grainient","d":"Grainy gradient swirls with soft wave distortion.","k":"motion","s":"react-bits","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"react-bits:Grainient-TS-TW","t":"Grainient","d":"Grainy gradient swirls with soft wave distortion.","k":"motion","s":"react-bits","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"react-bits:GridScan-JS-CSS","t":"GridScan","d":"Animated grid room 3D scan effect and cool interactions.","k":"motion","s":"react-bits","c":"motion/globe","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:GridScan-JS-TW","t":"GridScan","d":"Animated grid room 3D scan effect and cool interactions.","k":"motion","s":"react-bits","c":"motion/globe","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:GridScan-TS-CSS","t":"GridScan","d":"Animated grid room 3D scan effect and cool interactions.","k":"motion","s":"react-bits","c":"motion/globe","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:GridScan-TS-TW","t":"GridScan","d":"Animated grid room 3D scan effect and cool interactions.","k":"motion","s":"react-bits","c":"motion/globe","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:GridDistortion-JS-CSS","t":"GridDistortion","d":"Image background that breaks into a grid of blocks under the cursor and settles back into ","s":"react-bits","c":"media/gallery","sb":"Grids","hc":1},{"id":"react-bits:GridDistortion-JS-TW","t":"GridDistortion","d":"Image background that breaks into a grid of blocks under the cursor and settles back into ","s":"react-bits","c":"media/gallery","sb":"Grids","hc":1},{"id":"react-bits:GridDistortion-TS-CSS","t":"GridDistortion","d":"Image background that breaks into a grid of blocks under the cursor and settles back into ","s":"react-bits","c":"media/gallery","sb":"Grids","hc":1},{"id":"react-bits:GridDistortion-TS-TW","t":"GridDistortion","d":"Image background that breaks into a grid of blocks under the cursor and settles back into ","s":"react-bits","c":"media/gallery","sb":"Grids","hc":1},{"id":"react-bits:GridMotion-JS-CSS","t":"GridMotion","d":"A tilted wall of drifting tiles for photos, words or JSX that slides with the pointer and ","k":"motion","s":"react-bits","c":"motion/cursor","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:GridMotion-JS-TW","t":"GridMotion","d":"A tilted wall of drifting tiles for photos, words or JSX that slides with the pointer and ","k":"motion","s":"react-bits","c":"motion/cursor","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:GridMotion-TS-CSS","t":"GridMotion","d":"A tilted wall of drifting tiles for photos, words or JSX that slides with the pointer and ","k":"motion","s":"react-bits","c":"motion/cursor","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:GridMotion-TS-TW","t":"GridMotion","d":"A tilted wall of drifting tiles for photos, words or JSX that slides with the pointer and ","k":"motion","s":"react-bits","c":"motion/cursor","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:Hyperspeed-JS-CSS","t":"Hyperspeed","d":"Night highway of glowing light trails on a winding road that warps into hyperspace while y","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:Hyperspeed-JS-TW","t":"Hyperspeed","d":"Night highway of glowing light trails on a winding road that warps into hyperspace while y","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:Hyperspeed-TS-CSS","t":"Hyperspeed","d":"Night highway of glowing light trails on a winding road that warps into hyperspace while y","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:Hyperspeed-TS-TW","t":"Hyperspeed","d":"Night highway of glowing light trails on a winding road that warps into hyperspace while y","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:Iridescence-JS-CSS","t":"Iridescence","d":"Liquid iridescent surface with shifting folds that you can stir with the cursor.","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:Iridescence-JS-TW","t":"Iridescence","d":"Liquid iridescent surface with shifting folds that you can stir with the cursor.","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:Iridescence-TS-CSS","t":"Iridescence","d":"Liquid iridescent surface with shifting folds that you can stir with the cursor.","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:Iridescence-TS-TW","t":"Iridescence","d":"Liquid iridescent surface with shifting folds that you can stir with the cursor.","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:LetterGlitch-JS-CSS","t":"LetterGlitch","d":"Matrix style letter animation.","k":"motion","s":"react-bits","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"react-bits:LetterGlitch-JS-TW","t":"LetterGlitch","d":"Matrix style letter animation.","k":"motion","s":"react-bits","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"react-bits:LetterGlitch-TS-CSS","t":"LetterGlitch","d":"Matrix style letter animation.","k":"motion","s":"react-bits","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"react-bits:LetterGlitch-TS-TW","t":"LetterGlitch","d":"Matrix style letter animation.","k":"motion","s":"react-bits","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"react-bits:LightRays-JS-CSS","t":"LightRays","d":"Volumetric light rays/beams with customizable direction.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:LightRays-JS-TW","t":"LightRays","d":"Volumetric light rays/beams with customizable direction.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:LightRays-TS-CSS","t":"LightRays","d":"Volumetric light rays/beams with customizable direction.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:LightRays-TS-TW","t":"LightRays","d":"Volumetric light rays/beams with customizable direction.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:Lightning-JS-CSS","t":"Lightning","d":"Procedural lightning bolts with branching and glow flicker.","k":"motion","s":"react-bits","c":"motion/background","tg":["neon"],"sb":"Beams and light","sy":["neon"],"hc":1},{"id":"react-bits:Lightning-JS-TW","t":"Lightning","d":"Procedural lightning bolts with branching and glow flicker.","k":"motion","s":"react-bits","c":"motion/background","tg":["neon"],"sb":"Beams and light","sy":["neon"],"hc":1},{"id":"react-bits:Lightning-TS-CSS","t":"Lightning","d":"Procedural lightning bolts with branching and glow flicker.","k":"motion","s":"react-bits","c":"motion/background","tg":["neon"],"sb":"Beams and light","sy":["neon"],"hc":1},{"id":"react-bits:Lightning-TS-TW","t":"Lightning","d":"Procedural lightning bolts with branching and glow flicker.","k":"motion","s":"react-bits","c":"motion/background","tg":["neon"],"sb":"Beams and light","sy":["neon"],"hc":1},{"id":"react-bits:LineWaves-JS-CSS","t":"LineWaves","d":"Animated line wave pattern with colorful warped distortion.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:LineWaves-JS-TW","t":"LineWaves","d":"Animated line wave pattern with colorful warped distortion.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:LineWaves-TS-CSS","t":"LineWaves","d":"Animated line wave pattern with colorful warped distortion.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:LineWaves-TS-TW","t":"LineWaves","d":"Animated line wave pattern with colorful warped distortion.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:EvilEye-JS-CSS","t":"EvilEye","d":"Procedural evil eye shader with animated iris, slit pupil, and fiery outer glow.","k":"motion","s":"react-bits","c":"motion/shader","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:EvilEye-JS-TW","t":"EvilEye","d":"Procedural evil eye shader with animated iris, slit pupil, and fiery outer glow.","k":"motion","s":"react-bits","c":"motion/shader","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:EvilEye-TS-CSS","t":"EvilEye","d":"Procedural evil eye shader with animated iris, slit pupil, and fiery outer glow.","k":"motion","s":"react-bits","c":"motion/shader","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:EvilEye-TS-TW","t":"EvilEye","d":"Procedural evil eye shader with animated iris, slit pupil, and fiery outer glow.","k":"motion","s":"react-bits","c":"motion/shader","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"react-bits:Radar-JS-CSS","t":"Radar","d":"Radar sweep effect with concentric rings, radial spokes, and a rotating beam.","s":"react-bits","c":"data-viz/chart","tg":["webgl"],"sb":"Radar","sy":["webgl"],"hc":1},{"id":"react-bits:Radar-JS-TW","t":"Radar","d":"Radar sweep effect with concentric rings, radial spokes, and a rotating beam.","s":"react-bits","c":"data-viz/chart","tg":["webgl"],"sb":"Radar","sy":["webgl"],"hc":1},{"id":"react-bits:Radar-TS-CSS","t":"Radar","d":"Radar sweep effect with concentric rings, radial spokes, and a rotating beam.","s":"react-bits","c":"data-viz/chart","tg":["webgl"],"sb":"Radar","sy":["webgl"],"hc":1},{"id":"react-bits:Radar-TS-TW","t":"Radar","d":"Radar sweep effect with concentric rings, radial spokes, and a rotating beam.","s":"react-bits","c":"data-viz/chart","tg":["webgl"],"sb":"Radar","sy":["webgl"],"hc":1},{"id":"react-bits:SoftAurora-JS-CSS","t":"SoftAurora","d":"Soft aurora borealis shader with 3D Perlin noise and cosine gradient palettes.","k":"motion","s":"react-bits","c":"motion/gradient","tg":["3d","gradient","webgl"],"sy":["3d","gradient","webgl"],"hc":1},{"id":"react-bits:SoftAurora-JS-TW","t":"SoftAurora","d":"Soft aurora borealis shader with 3D Perlin noise and cosine gradient palettes.","k":"motion","s":"react-bits","c":"motion/gradient","tg":["3d","gradient","webgl"],"sy":["3d","gradient","webgl"],"hc":1},{"id":"react-bits:SoftAurora-TS-CSS","t":"SoftAurora","d":"Soft aurora borealis shader with 3D Perlin noise and cosine gradient palettes.","k":"motion","s":"react-bits","c":"motion/gradient","tg":["3d","gradient","webgl"],"sy":["3d","gradient","webgl"],"hc":1},{"id":"react-bits:SoftAurora-TS-TW","t":"SoftAurora","d":"Soft aurora borealis shader with 3D Perlin noise and cosine gradient palettes.","k":"motion","s":"react-bits","c":"motion/gradient","tg":["3d","gradient","webgl"],"sy":["3d","gradient","webgl"],"hc":1},{"id":"react-bits:LiquidChrome-JS-CSS","t":"LiquidChrome","d":"Liquid metallic chrome shader with flowing reflective surface.","k":"motion","s":"react-bits","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:LiquidChrome-JS-TW","t":"LiquidChrome","d":"Liquid metallic chrome shader with flowing reflective surface.","k":"motion","s":"react-bits","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:LiquidChrome-TS-CSS","t":"LiquidChrome","d":"Liquid metallic chrome shader with flowing reflective surface.","k":"motion","s":"react-bits","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:LiquidChrome-TS-TW","t":"LiquidChrome","d":"Liquid metallic chrome shader with flowing reflective surface.","k":"motion","s":"react-bits","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Orb-JS-CSS","t":"Orb","d":"Floating energy orb with customizable hover effect.","s":"react-bits","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Orbs and presence","sy":["webgl"],"hc":1},{"id":"react-bits:Orb-JS-TW","t":"Orb","d":"Floating energy orb with customizable hover effect.","s":"react-bits","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Orbs and presence","sy":["webgl"],"hc":1},{"id":"react-bits:Orb-TS-CSS","t":"Orb","d":"Floating energy orb with customizable hover effect.","s":"react-bits","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Orbs and presence","sy":["webgl"],"hc":1},{"id":"react-bits:Orb-TS-TW","t":"Orb","d":"Floating energy orb with customizable hover effect.","s":"react-bits","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Orbs and presence","sy":["webgl"],"hc":1},{"id":"react-bits:Particles-JS-CSS","t":"Particles","d":"Configurable particle system.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:Particles-JS-TW","t":"Particles","d":"Configurable particle system.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:Particles-TS-CSS","t":"Particles","d":"Configurable particle system.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:Particles-TS-TW","t":"Particles","d":"Configurable particle system.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:PixelBlast-JS-CSS","t":"PixelBlast","d":"Exploding pixel particle bursts with optional liquid postprocessing.","k":"motion","s":"react-bits","c":"motion/background","tg":["retro and HUD","webgl"],"sb":"Shaders and WebGL","sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:PixelBlast-JS-TW","t":"PixelBlast","d":"Exploding pixel particle bursts with optional liquid postprocessing.","k":"motion","s":"react-bits","c":"motion/background","tg":["retro and HUD","webgl"],"sb":"Shaders and WebGL","sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:PixelBlast-TS-CSS","t":"PixelBlast","d":"Exploding pixel particle bursts with optional liquid postprocessing.","k":"motion","s":"react-bits","c":"motion/background","tg":["retro and HUD","webgl"],"sb":"Shaders and WebGL","sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:PixelBlast-TS-TW","t":"PixelBlast","d":"Exploding pixel particle bursts with optional liquid postprocessing.","k":"motion","s":"react-bits","c":"motion/background","tg":["retro and HUD","webgl"],"sb":"Shaders and WebGL","sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:Plasma-JS-CSS","t":"Plasma","d":"Organic plasma gradients swirl + morph with smooth turbulence.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"react-bits:Plasma-JS-TW","t":"Plasma","d":"Organic plasma gradients swirl + morph with smooth turbulence.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"react-bits:Plasma-TS-CSS","t":"Plasma","d":"Organic plasma gradients swirl + morph with smooth turbulence.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"react-bits:Plasma-TS-TW","t":"Plasma","d":"Organic plasma gradients swirl + morph with smooth turbulence.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"react-bits:PlasmaWave-JS-CSS","t":"PlasmaWave","d":"Raymarched plasma waves with dual-wave interference and OGL.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:PlasmaWave-JS-TW","t":"PlasmaWave","d":"Raymarched plasma waves with dual-wave interference and OGL.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:PlasmaWave-TS-CSS","t":"PlasmaWave","d":"Raymarched plasma waves with dual-wave interference and OGL.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:PlasmaWave-TS-TW","t":"PlasmaWave","d":"Raymarched plasma waves with dual-wave interference and OGL.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:Prism-JS-CSS","t":"Prism","d":"Rotating prism with configurable intensity, size, and colors.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Prism-JS-TW","t":"Prism","d":"Rotating prism with configurable intensity, size, and colors.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Prism-TS-CSS","t":"Prism","d":"Rotating prism with configurable intensity, size, and colors.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:Prism-TS-TW","t":"Prism","d":"Rotating prism with configurable intensity, size, and colors.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:PrismaticBurst-JS-CSS","t":"PrismaticBurst","d":"Burst of light rays with controllable color, distortion, amount.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:PrismaticBurst-JS-TW","t":"PrismaticBurst","d":"Burst of light rays with controllable color, distortion, amount.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:PrismaticBurst-TS-CSS","t":"PrismaticBurst","d":"Burst of light rays with controllable color, distortion, amount.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:PrismaticBurst-TS-TW","t":"PrismaticBurst","d":"Burst of light rays with controllable color, distortion, amount.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:RippleGrid-JS-CSS","t":"RippleGrid","d":"A grid that continuously animates with a ripple effect.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:RippleGrid-JS-TW","t":"RippleGrid","d":"A grid that continuously animates with a ripple effect.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:RippleGrid-TS-CSS","t":"RippleGrid","d":"A grid that continuously animates with a ripple effect.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:RippleGrid-TS-TW","t":"RippleGrid","d":"A grid that continuously animates with a ripple effect.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:Silk-JS-CSS","t":"Silk","d":"Smooth waves background with soft lighting.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:Silk-JS-TW","t":"Silk","d":"Smooth waves background with soft lighting.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:Silk-TS-CSS","t":"Silk","d":"Smooth waves background with soft lighting.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:Silk-TS-TW","t":"Silk","d":"Smooth waves background with soft lighting.","k":"motion","s":"react-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"react-bits:SideRays-JS-CSS","t":"SideRays","d":"Animated light rays emanating from the side with customizable colors and speed.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:SideRays-JS-TW","t":"SideRays","d":"Animated light rays emanating from the side with customizable colors and speed.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:SideRays-TS-CSS","t":"SideRays","d":"Animated light rays emanating from the side with customizable colors and speed.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:SideRays-TS-TW","t":"SideRays","d":"Animated light rays emanating from the side with customizable colors and speed.","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:ShapeGrid-JS-CSS","t":"ShapeGrid","d":"Animated grid with shape variants (square, hexagon, circle, triangle) + direction customiz","k":"motion","s":"react-bits","c":"motion/background","hc":1},{"id":"react-bits:ShapeGrid-JS-TW","t":"ShapeGrid","d":"Animated grid with shape variants (square, hexagon, circle, triangle) + direction customiz","k":"motion","s":"react-bits","c":"motion/background","hc":1},{"id":"react-bits:ShapeGrid-TS-CSS","t":"ShapeGrid","d":"Animated grid with shape variants (square, hexagon, circle, triangle) + direction customiz","k":"motion","s":"react-bits","c":"motion/background","hc":1},{"id":"react-bits:ShapeGrid-TS-TW","t":"ShapeGrid","d":"Animated grid with shape variants (square, hexagon, circle, triangle) + direction customiz","k":"motion","s":"react-bits","c":"motion/background","hc":1},{"id":"react-bits:Threads-JS-CSS","t":"Threads","d":"Flowing threads that fray apart and part around the cursor, from fine silk to contour line","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:Threads-JS-TW","t":"Threads","d":"Flowing threads that fray apart and part around the cursor, from fine silk to contour line","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:Threads-TS-CSS","t":"Threads","d":"Flowing threads that fray apart and part around the cursor, from fine silk to contour line","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:Threads-TS-TW","t":"Threads","d":"Flowing threads that fray apart and part around the cursor, from fine silk to contour line","k":"motion","s":"react-bits","c":"motion/cursor","hc":1},{"id":"react-bits:Waves-JS-CSS","t":"Waves","d":"Layered lines that form smooth wave patterns with animation.","k":"motion","s":"react-bits","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"react-bits:Waves-JS-TW","t":"Waves","d":"Layered lines that form smooth wave patterns with animation.","k":"motion","s":"react-bits","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"react-bits:Waves-TS-CSS","t":"Waves","d":"Layered lines that form smooth wave patterns with animation.","k":"motion","s":"react-bits","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"react-bits:Waves-TS-TW","t":"Waves","d":"Layered lines that form smooth wave patterns with animation.","k":"motion","s":"react-bits","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"react-bits:LiquidEther-JS-CSS","t":"LiquidEther","d":"Interactive liquid shader with flowing distortion and customizable colors.","k":"motion","s":"react-bits","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:LiquidEther-JS-TW","t":"LiquidEther","d":"Interactive liquid shader with flowing distortion and customizable colors.","k":"motion","s":"react-bits","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:LiquidEther-TS-CSS","t":"LiquidEther","d":"Interactive liquid shader with flowing distortion and customizable colors.","k":"motion","s":"react-bits","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:LiquidEther-TS-TW","t":"LiquidEther","d":"Interactive liquid shader with flowing distortion and customizable colors.","k":"motion","s":"react-bits","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"react-bits:FloatingLines-JS-CSS","t":"FloatingLines","d":"3D floating lines that react to cursor movement.","k":"motion","s":"react-bits","c":"motion/background","tg":["3d","webgl"],"sb":"Shaders and WebGL","sy":["3d","webgl"],"hc":1},{"id":"react-bits:FloatingLines-JS-TW","t":"FloatingLines","d":"3D floating lines that react to cursor movement.","k":"motion","s":"react-bits","c":"motion/background","tg":["3d","webgl"],"sb":"Shaders and WebGL","sy":["3d","webgl"],"hc":1},{"id":"react-bits:FloatingLines-TS-CSS","t":"FloatingLines","d":"3D floating lines that react to cursor movement.","k":"motion","s":"react-bits","c":"motion/background","tg":["3d","webgl"],"sb":"Shaders and WebGL","sy":["3d","webgl"],"hc":1},{"id":"react-bits:FloatingLines-TS-TW","t":"FloatingLines","d":"3D floating lines that react to cursor movement.","k":"motion","s":"react-bits","c":"motion/background","tg":["3d","webgl"],"sb":"Shaders and WebGL","sy":["3d","webgl"],"hc":1},{"id":"react-bits:LightPillar-JS-CSS","t":"LightPillar","d":"Vertical pillar of light with glow effects.","k":"motion","s":"react-bits","c":"motion/background","tg":["neon","webgl"],"sb":"Shaders and WebGL","sy":["neon","webgl"],"hc":1},{"id":"react-bits:LightPillar-JS-TW","t":"LightPillar","d":"Vertical pillar of light with glow effects.","k":"motion","s":"react-bits","c":"motion/background","tg":["neon","webgl"],"sb":"Shaders and WebGL","sy":["neon","webgl"],"hc":1},{"id":"react-bits:LightPillar-TS-CSS","t":"LightPillar","d":"Vertical pillar of light with glow effects.","k":"motion","s":"react-bits","c":"motion/background","tg":["neon","webgl"],"sb":"Shaders and WebGL","sy":["neon","webgl"],"hc":1},{"id":"react-bits:LightPillar-TS-TW","t":"LightPillar","d":"Vertical pillar of light with glow effects.","k":"motion","s":"react-bits","c":"motion/background","tg":["neon","webgl"],"sb":"Shaders and WebGL","sy":["neon","webgl"],"hc":1},{"id":"react-bits:PixelSnow-JS-CSS","t":"PixelSnow","d":"Falling pixelated snow effect with customizable density and speed.","k":"motion","s":"react-bits","c":"motion/background","tg":["retro and HUD","webgl"],"sb":"Shaders and WebGL","sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:PixelSnow-JS-TW","t":"PixelSnow","d":"Falling pixelated snow effect with customizable density and speed.","k":"motion","s":"react-bits","c":"motion/background","tg":["retro and HUD","webgl"],"sb":"Shaders and WebGL","sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:PixelSnow-TS-CSS","t":"PixelSnow","d":"Falling pixelated snow effect with customizable density and speed.","k":"motion","s":"react-bits","c":"motion/background","tg":["retro and HUD","webgl"],"sb":"Shaders and WebGL","sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:PixelSnow-TS-TW","t":"PixelSnow","d":"Falling pixelated snow effect with customizable density and speed.","k":"motion","s":"react-bits","c":"motion/background","tg":["retro and HUD","webgl"],"sb":"Shaders and WebGL","sy":["retro and HUD","webgl"],"hc":1},{"id":"react-bits:SquishSwitch-JS-CSS","t":"SquishSwitch","d":"Drag-scrubbable switch whose thumb stretches by how fast it moves, flips at the midpoint a","s":"react-bits","c":"actions/switch","sb":"Animated","hc":1},{"id":"react-bits:SquishSwitch-JS-TW","t":"SquishSwitch","d":"Drag-scrubbable switch whose thumb stretches by how fast it moves, flips at the midpoint a","s":"react-bits","c":"actions/switch","sb":"Animated","hc":1},{"id":"react-bits:SquishSwitch-TS-CSS","t":"SquishSwitch","d":"Drag-scrubbable switch whose thumb stretches by how fast it moves, flips at the midpoint a","s":"react-bits","c":"actions/switch","sb":"Animated","hc":1},{"id":"react-bits:SquishSwitch-TS-TW","t":"SquishSwitch","d":"Drag-scrubbable switch whose thumb stretches by how fast it moves, flips at the midpoint a","s":"react-bits","c":"actions/switch","sb":"Animated","hc":1},{"id":"react-bits:HoldButton-JS-CSS","t":"HoldButton","d":"Hold-to-confirm button whose liquid fill rises while pressed, snaps back on an early relea","s":"react-bits","c":"actions/button","sb":"Loading and states","hc":1},{"id":"react-bits:HoldButton-JS-TW","t":"HoldButton","d":"Hold-to-confirm button whose liquid fill rises while pressed, snaps back on an early relea","s":"react-bits","c":"actions/button","sb":"Loading and states","hc":1},{"id":"react-bits:HoldButton-TS-CSS","t":"HoldButton","d":"Hold-to-confirm button whose liquid fill rises while pressed, snaps back on an early relea","s":"react-bits","c":"actions/button","sb":"Loading and states","hc":1},{"id":"react-bits:HoldButton-TS-TW","t":"HoldButton","d":"Hold-to-confirm button whose liquid fill rises while pressed, snaps back on an early relea","s":"react-bits","c":"actions/button","sb":"Loading and states","hc":1},{"id":"react-bits:PeekRating-JS-CSS","t":"PeekRating","d":"Star rating you can try before you commit: sweeping the row lifts a trailing wave of stars","s":"react-bits","c":"inputs/rating","hc":1},{"id":"react-bits:PeekRating-JS-TW","t":"PeekRating","d":"Star rating you can try before you commit: sweeping the row lifts a trailing wave of stars","s":"react-bits","c":"inputs/rating","hc":1},{"id":"react-bits:PeekRating-TS-CSS","t":"PeekRating","d":"Star rating you can try before you commit: sweeping the row lifts a trailing wave of stars","s":"react-bits","c":"inputs/rating","hc":1},{"id":"react-bits:PeekRating-TS-TW","t":"PeekRating","d":"Star rating you can try before you commit: sweeping the row lifts a trailing wave of stars","s":"react-bits","c":"inputs/rating","hc":1},{"id":"react-bits:SpringCheck-JS-CSS","t":"SpringCheck","d":"Checkbox row where a single spring fills the box, draws the tick, strikes the label and di","s":"react-bits","c":"inputs/checkbox","hc":1},{"id":"react-bits:SpringCheck-JS-TW","t":"SpringCheck","d":"Checkbox row where a single spring fills the box, draws the tick, strikes the label and di","s":"react-bits","c":"inputs/checkbox","hc":1},{"id":"react-bits:SpringCheck-TS-CSS","t":"SpringCheck","d":"Checkbox row where a single spring fills the box, draws the tick, strikes the label and di","s":"react-bits","c":"inputs/checkbox","hc":1},{"id":"react-bits:SpringCheck-TS-TW","t":"SpringCheck","d":"Checkbox row where a single spring fills the box, draws the tick, strikes the label and di","s":"react-bits","c":"inputs/checkbox","hc":1},{"id":"react-bits:PulseHeart-JS-CSS","t":"PulseHeart","d":"Like button that contracts to a dot, flips colour at its smallest frame and pulses back wh","s":"react-bits","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"react-bits:PulseHeart-JS-TW","t":"PulseHeart","d":"Like button that contracts to a dot, flips colour at its smallest frame and pulses back wh","s":"react-bits","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"react-bits:PulseHeart-TS-CSS","t":"PulseHeart","d":"Like button that contracts to a dot, flips colour at its smallest frame and pulses back wh","s":"react-bits","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"react-bits:PulseHeart-TS-TW","t":"PulseHeart","d":"Like button that contracts to a dot, flips colour at its smallest frame and pulses back wh","s":"react-bits","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"react-bits:RubberSegment-JS-CSS","t":"RubberSegment","d":"Segmented control with a rubber thumb: taps stretch it across the gap and squash it onto t","s":"react-bits","c":"navigation/tabs","hc":1},{"id":"react-bits:RubberSegment-JS-TW","t":"RubberSegment","d":"Segmented control with a rubber thumb: taps stretch it across the gap and squash it onto t","s":"react-bits","c":"navigation/tabs","hc":1},{"id":"react-bits:RubberSegment-TS-CSS","t":"RubberSegment","d":"Segmented control with a rubber thumb: taps stretch it across the gap and squash it onto t","s":"react-bits","c":"navigation/tabs","hc":1},{"id":"react-bits:RubberSegment-TS-TW","t":"RubberSegment","d":"Segmented control with a rubber thumb: taps stretch it across the gap and squash it onto t","s":"react-bits","c":"navigation/tabs","hc":1},{"id":"react-bits:SlideCommit-JS-CSS","t":"SlideCommit","d":"Slide-to-confirm handle that plants with a spinner while your action runs, unfurls into a ","s":"react-bits","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"react-bits:SlideCommit-JS-TW","t":"SlideCommit","d":"Slide-to-confirm handle that plants with a spinner while your action runs, unfurls into a ","s":"react-bits","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"react-bits:SlideCommit-TS-CSS","t":"SlideCommit","d":"Slide-to-confirm handle that plants with a spinner while your action runs, unfurls into a ","s":"react-bits","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"react-bits:SlideCommit-TS-TW","t":"SlideCommit","d":"Slide-to-confirm handle that plants with a spinner while your action runs, unfurls into a ","s":"react-bits","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"react-bits:WarmTooltip-JS-CSS","t":"WarmTooltip","d":"Tooltip group with one shared delay: the first label waits and pops from its trigger, then","s":"react-bits","c":"overlays/tooltip","hc":1},{"id":"react-bits:WarmTooltip-JS-TW","t":"WarmTooltip","d":"Tooltip group with one shared delay: the first label waits and pops from its trigger, then","s":"react-bits","c":"overlays/tooltip","hc":1},{"id":"react-bits:WarmTooltip-TS-CSS","t":"WarmTooltip","d":"Tooltip group with one shared delay: the first label waits and pops from its trigger, then","s":"react-bits","c":"overlays/tooltip","hc":1},{"id":"react-bits:WarmTooltip-TS-TW","t":"WarmTooltip","d":"Tooltip group with one shared delay: the first label waits and pops from its trigger, then","s":"react-bits","c":"overlays/tooltip","hc":1},{"id":"react-bits:FuseButton-JS-CSS","t":"FuseButton","d":"Action button whose done state carries its own undo on a burning fuse: press, the label cr","s":"react-bits","c":"actions/button","hc":1},{"id":"react-bits:FuseButton-JS-TW","t":"FuseButton","d":"Action button whose done state carries its own undo on a burning fuse: press, the label cr","s":"react-bits","c":"actions/button","hc":1},{"id":"react-bits:FuseButton-TS-CSS","t":"FuseButton","d":"Action button whose done state carries its own undo on a burning fuse: press, the label cr","s":"react-bits","c":"actions/button","hc":1},{"id":"react-bits:FuseButton-TS-TW","t":"FuseButton","d":"Action button whose done state carries its own undo on a burning fuse: press, the label cr","s":"react-bits","c":"actions/button","hc":1},{"id":"react-bits:ScrubField-JS-CSS","t":"ScrubField","d":"Number chip you drag to scrub: the value follows the hand, pushes past the range on a rubb","s":"react-bits","c":"inputs/form-field","hc":1},{"id":"react-bits:ScrubField-JS-TW","t":"ScrubField","d":"Number chip you drag to scrub: the value follows the hand, pushes past the range on a rubb","s":"react-bits","c":"inputs/form-field","hc":1},{"id":"react-bits:ScrubField-TS-CSS","t":"ScrubField","d":"Number chip you drag to scrub: the value follows the hand, pushes past the range on a rubb","s":"react-bits","c":"inputs/form-field","hc":1},{"id":"react-bits:ScrubField-TS-TW","t":"ScrubField","d":"Number chip you drag to scrub: the value follows the hand, pushes past the range on a rubb","s":"react-bits","c":"inputs/form-field","hc":1},{"id":"react-bits:LatticeLoader-JS-CSS","t":"LatticeLoader","d":"Inline agent-status row: a 3x3 or 4x4 lattice whose cells brighten in a phase-offset wave ","s":"react-bits","c":"status/loader","hc":1},{"id":"react-bits:LatticeLoader-JS-TW","t":"LatticeLoader","d":"Inline agent-status row: a 3x3 or 4x4 lattice whose cells brighten in a phase-offset wave ","s":"react-bits","c":"status/loader","hc":1},{"id":"react-bits:LatticeLoader-TS-CSS","t":"LatticeLoader","d":"Inline agent-status row: a 3x3 or 4x4 lattice whose cells brighten in a phase-offset wave ","s":"react-bits","c":"status/loader","hc":1},{"id":"react-bits:LatticeLoader-TS-TW","t":"LatticeLoader","d":"Inline agent-status row: a 3x3 or 4x4 lattice whose cells brighten in a phase-offset wave ","s":"react-bits","c":"status/loader","hc":1},{"id":"react-bits:DodgeField-JS-CSS","t":"DodgeField","d":"Wrapper that makes any child flee the pointer inside a bounded field, dodges once per appr","s":"react-bits","c":"inputs/form-field","hc":1},{"id":"react-bits:DodgeField-JS-TW","t":"DodgeField","d":"Wrapper that makes any child flee the pointer inside a bounded field, dodges once per appr","s":"react-bits","c":"inputs/form-field","hc":1},{"id":"react-bits:DodgeField-TS-CSS","t":"DodgeField","d":"Wrapper that makes any child flee the pointer inside a bounded field, dodges once per appr","s":"react-bits","c":"inputs/form-field","hc":1},{"id":"react-bits:DodgeField-TS-TW","t":"DodgeField","d":"Wrapper that makes any child flee the pointer inside a bounded field, dodges once per appr","s":"react-bits","c":"inputs/form-field","hc":1},{"id":"react-bits:CodeSlots-JS-CSS","t":"CodeSlots","d":"One-time-code input where a hidden overlay input owns focus, paste and SMS autofill while ","s":"react-bits","c":"inputs/otp-input","hc":1},{"id":"react-bits:CodeSlots-JS-TW","t":"CodeSlots","d":"One-time-code input where a hidden overlay input owns focus, paste and SMS autofill while ","s":"react-bits","c":"inputs/otp-input","hc":1},{"id":"react-bits:CodeSlots-TS-CSS","t":"CodeSlots","d":"One-time-code input where a hidden overlay input owns focus, paste and SMS autofill while ","s":"react-bits","c":"inputs/otp-input","hc":1},{"id":"react-bits:CodeSlots-TS-TW","t":"CodeSlots","d":"One-time-code input where a hidden overlay input owns focus, paste and SMS autofill while ","s":"react-bits","c":"inputs/otp-input","hc":1},{"id":"react-bits:WakeSlider-JS-CSS","t":"WakeSlider","d":"Range slider drawn as thin bars with no thumb: drag speed raises a wake that trails behind","s":"react-bits","c":"inputs/slider","hc":1},{"id":"react-bits:WakeSlider-JS-TW","t":"WakeSlider","d":"Range slider drawn as thin bars with no thumb: drag speed raises a wake that trails behind","s":"react-bits","c":"inputs/slider","hc":1},{"id":"react-bits:WakeSlider-TS-CSS","t":"WakeSlider","d":"Range slider drawn as thin bars with no thumb: drag speed raises a wake that trails behind","s":"react-bits","c":"inputs/slider","hc":1},{"id":"react-bits:WakeSlider-TS-TW","t":"WakeSlider","d":"Range slider drawn as thin bars with no thumb: drag speed raises a wake that trails behind","s":"react-bits","c":"inputs/slider","hc":1},{"id":"react-bits:CometDial-JS-CSS","t":"CometDial","d":"Tick-ring dial you flick by angle: the reading launches on a spring and a velocity-driven ","s":"react-bits","c":"inputs/slider","hc":1},{"id":"react-bits:CometDial-JS-TW","t":"CometDial","d":"Tick-ring dial you flick by angle: the reading launches on a spring and a velocity-driven ","s":"react-bits","c":"inputs/slider","hc":1},{"id":"react-bits:CometDial-TS-CSS","t":"CometDial","d":"Tick-ring dial you flick by angle: the reading launches on a spring and a velocity-driven ","s":"react-bits","c":"inputs/slider","hc":1},{"id":"react-bits:CometDial-TS-TW","t":"CometDial","d":"Tick-ring dial you flick by angle: the reading launches on a spring and a velocity-driven ","s":"react-bits","c":"inputs/slider","hc":1},{"id":"react-bits:JellyRadio-JS-CSS","t":"JellyRadio","d":"Radio group of labelled chips where the chosen one swells wide-then-tall on two springs an","s":"react-bits","c":"inputs/radio","hc":1},{"id":"react-bits:JellyRadio-JS-TW","t":"JellyRadio","d":"Radio group of labelled chips where the chosen one swells wide-then-tall on two springs an","s":"react-bits","c":"inputs/radio","hc":1},{"id":"react-bits:JellyRadio-TS-CSS","t":"JellyRadio","d":"Radio group of labelled chips where the chosen one swells wide-then-tall on two springs an","s":"react-bits","c":"inputs/radio","hc":1},{"id":"react-bits:JellyRadio-TS-TW","t":"JellyRadio","d":"Radio group of labelled chips where the chosen one swells wide-then-tall on two springs an","s":"react-bits","c":"inputs/radio","hc":1},{"id":"react-bits:SwipeRow-JS-CSS","t":"SwipeRow","d":"List row that swipes open to reveal actions, snaps by flick velocity, and deletes on a ful","s":"react-bits","c":"data-display/list","hc":1},{"id":"react-bits:SwipeRow-JS-TW","t":"SwipeRow","d":"List row that swipes open to reveal actions, snaps by flick velocity, and deletes on a ful","s":"react-bits","c":"data-display/list","hc":1},{"id":"react-bits:SwipeRow-TS-CSS","t":"SwipeRow","d":"List row that swipes open to reveal actions, snaps by flick velocity, and deletes on a ful","s":"react-bits","c":"data-display/list","hc":1},{"id":"react-bits:SwipeRow-TS-TW","t":"SwipeRow","d":"List row that swipes open to reveal actions, snaps by flick velocity, and deletes on a ful","s":"react-bits","c":"data-display/list","hc":1},{"id":"react-bits:GlideSelect-JS-CSS","t":"GlideSelect","d":"Select chip whose menu pops out of its own corner and whose single hover highlight glides ","s":"react-bits","c":"inputs/select","hc":1},{"id":"react-bits:GlideSelect-JS-TW","t":"GlideSelect","d":"Select chip whose menu pops out of its own corner and whose single hover highlight glides ","s":"react-bits","c":"inputs/select","hc":1},{"id":"react-bits:GlideSelect-TS-CSS","t":"GlideSelect","d":"Select chip whose menu pops out of its own corner and whose single hover highlight glides ","s":"react-bits","c":"inputs/select","hc":1},{"id":"react-bits:GlideSelect-TS-TW","t":"GlideSelect","d":"Select chip whose menu pops out of its own corner and whose single hover highlight glides ","s":"react-bits","c":"inputs/select","hc":1},{"id":"react-bits:StatusMark-JS-CSS","t":"StatusMark","d":"A 20px status glyph for agent task lists that morphs in place from a dashed idle ring to a","s":"react-bits","c":"ai-agent/ai-agent","hc":1},{"id":"react-bits:StatusMark-JS-TW","t":"StatusMark","d":"A 20px status glyph for agent task lists that morphs in place from a dashed idle ring to a","s":"react-bits","c":"ai-agent/ai-agent","hc":1},{"id":"react-bits:StatusMark-TS-CSS","t":"StatusMark","d":"A 20px status glyph for agent task lists that morphs in place from a dashed idle ring to a","s":"react-bits","c":"ai-agent/ai-agent","hc":1},{"id":"react-bits:StatusMark-TS-TW","t":"StatusMark","d":"A 20px status glyph for agent task lists that morphs in place from a dashed idle ring to a","s":"react-bits","c":"ai-agent/ai-agent","hc":1},{"id":"react-bits:CallChip-JS-CSS","t":"CallChip","d":"Inline tool-call chip whose fill wipes across while a live ms counter ticks, completing wi","s":"react-bits","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"react-bits:CallChip-JS-TW","t":"CallChip","d":"Inline tool-call chip whose fill wipes across while a live ms counter ticks, completing wi","s":"react-bits","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"react-bits:CallChip-TS-CSS","t":"CallChip","d":"Inline tool-call chip whose fill wipes across while a live ms counter ticks, completing wi","s":"react-bits","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"react-bits:CallChip-TS-TW","t":"CallChip","d":"Inline tool-call chip whose fill wipes across while a live ms counter ticks, completing wi","s":"react-bits","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"react-bits:BellToggle-JS-CSS","t":"BellToggle","d":"Pill toggle that answers a press at three tempos: the bell rings on damped keyframes, the ","s":"react-bits","c":"actions/switch","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"react-bits:BellToggle-JS-TW","t":"BellToggle","d":"Pill toggle that answers a press at three tempos: the bell rings on damped keyframes, the ","s":"react-bits","c":"actions/switch","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"react-bits:BellToggle-TS-CSS","t":"BellToggle","d":"Pill toggle that answers a press at three tempos: the bell rings on damped keyframes, the ","s":"react-bits","c":"actions/switch","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"react-bits:BellToggle-TS-TW","t":"BellToggle","d":"Pill toggle that answers a press at three tempos: the bell rings on damped keyframes, the ","s":"react-bits","c":"actions/switch","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"react-bits:SlingButton-JS-CSS","t":"SlingButton","d":"Send button you pull back like a slingshot: the band stretches, a power arc arms it, and r","s":"react-bits","c":"actions/button","sb":"Animated","hc":1},{"id":"react-bits:SlingButton-JS-TW","t":"SlingButton","d":"Send button you pull back like a slingshot: the band stretches, a power arc arms it, and r","s":"react-bits","c":"actions/button","sb":"Animated","hc":1},{"id":"react-bits:SlingButton-TS-CSS","t":"SlingButton","d":"Send button you pull back like a slingshot: the band stretches, a power arc arms it, and r","s":"react-bits","c":"actions/button","sb":"Animated","hc":1},{"id":"react-bits:SlingButton-TS-TW","t":"SlingButton","d":"Send button you pull back like a slingshot: the band stretches, a power arc arms it, and r","s":"react-bits","c":"actions/button","sb":"Animated","hc":1},{"id":"react-bits:SwipeToast-JS-CSS","t":"SwipeToast","d":"Single toast that rises through its bottom edge, swipes down to dismiss on a flick or a di","s":"react-bits","c":"overlays/toast","hc":1},{"id":"react-bits:SwipeToast-JS-TW","t":"SwipeToast","d":"Single toast that rises through its bottom edge, swipes down to dismiss on a flick or a di","s":"react-bits","c":"overlays/toast","hc":1},{"id":"react-bits:SwipeToast-TS-CSS","t":"SwipeToast","d":"Single toast that rises through its bottom edge, swipes down to dismiss on a flick or a di","s":"react-bits","c":"overlays/toast","hc":1},{"id":"react-bits:SwipeToast-TS-TW","t":"SwipeToast","d":"Single toast that rises through its bottom edge, swipes down to dismiss on a flick or a di","s":"react-bits","c":"overlays/toast","hc":1},{"id":"react-bits:PromptBar-JS-CSS","t":"PromptBar","d":"Chat composer with an @ sources menu, a / commands menu, a model picker, dictation and att","s":"react-bits","c":"ai-agent/composer","hc":1},{"id":"react-bits:PromptBar-JS-TW","t":"PromptBar","d":"Chat composer with an @ sources menu, a / commands menu, a model picker, dictation and att","s":"react-bits","c":"ai-agent/composer","hc":1},{"id":"react-bits:PromptBar-TS-CSS","t":"PromptBar","d":"Chat composer with an @ sources menu, a / commands menu, a model picker, dictation and att","s":"react-bits","c":"ai-agent/composer","hc":1},{"id":"react-bits:PromptBar-TS-TW","t":"PromptBar","d":"Chat composer with an @ sources menu, a / commands menu, a model picker, dictation and att","s":"react-bits","c":"ai-agent/composer","hc":1},{"id":"react-bits:SloshGauge-JS-CSS","t":"SloshGauge","d":"Tank gauge whose liquid chases the value with mass, tilts with its own speed and splashes ","s":"react-bits","c":"data-viz/gauge","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:SloshGauge-JS-TW","t":"SloshGauge","d":"Tank gauge whose liquid chases the value with mass, tilts with its own speed and splashes ","s":"react-bits","c":"data-viz/gauge","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:SloshGauge-TS-CSS","t":"SloshGauge","d":"Tank gauge whose liquid chases the value with mass, tilts with its own speed and splashes ","s":"react-bits","c":"data-viz/gauge","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:SloshGauge-TS-TW","t":"SloshGauge","d":"Tank gauge whose liquid chases the value with mass, tilts with its own speed and splashes ","s":"react-bits","c":"data-viz/gauge","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:VoicePill-JS-CSS","t":"VoicePill","d":"Mic button that swells into a tinted capsule of level-driven equalizer bars and an elapsed","s":"react-bits","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"react-bits:VoicePill-JS-TW","t":"VoicePill","d":"Mic button that swells into a tinted capsule of level-driven equalizer bars and an elapsed","s":"react-bits","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"react-bits:VoicePill-TS-CSS","t":"VoicePill","d":"Mic button that swells into a tinted capsule of level-driven equalizer bars and an elapsed","s":"react-bits","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"react-bits:VoicePill-TS-TW","t":"VoicePill","d":"Mic button that swells into a tinted capsule of level-driven equalizer bars and an elapsed","s":"react-bits","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"react-bits:ThoughtLine-JS-CSS","t":"ThoughtLine","d":"Reasoning-trace header: a glyph and a label breathe beside a live clock while steps appear","s":"react-bits","c":"ai-agent/ai-agent","hc":1},{"id":"react-bits:ThoughtLine-JS-TW","t":"ThoughtLine","d":"Reasoning-trace header: a glyph and a label breathe beside a live clock while steps appear","s":"react-bits","c":"ai-agent/ai-agent","hc":1},{"id":"react-bits:ThoughtLine-TS-CSS","t":"ThoughtLine","d":"Reasoning-trace header: a glyph and a label breathe beside a live clock while steps appear","s":"react-bits","c":"ai-agent/ai-agent","hc":1},{"id":"react-bits:ThoughtLine-TS-TW","t":"ThoughtLine","d":"Reasoning-trace header: a glyph and a label breathe beside a live clock while steps appear","s":"react-bits","c":"ai-agent/ai-agent","hc":1},{"id":"react-bits:RefineFrame-JS-CSS","t":"RefineFrame","d":"Reserved-aspect frame that walks any media through queued, generating, refining and comple","s":"react-bits","c":"data-display/badge","hc":1},{"id":"react-bits:RefineFrame-JS-TW","t":"RefineFrame","d":"Reserved-aspect frame that walks any media through queued, generating, refining and comple","s":"react-bits","c":"data-display/badge","hc":1},{"id":"react-bits:RefineFrame-TS-CSS","t":"RefineFrame","d":"Reserved-aspect frame that walks any media through queued, generating, refining and comple","s":"react-bits","c":"data-display/badge","hc":1},{"id":"react-bits:RefineFrame-TS-TW","t":"RefineFrame","d":"Reserved-aspect frame that walks any media through queued, generating, refining and comple","s":"react-bits","c":"data-display/badge","hc":1},{"id":"react-bits:FolderFloat-JS-CSS","t":"FolderFloat","d":"Folder that opens on hover or press: the flap tilts toward you, a paper edge rises, and it","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:FolderFloat-JS-TW","t":"FolderFloat","d":"Folder that opens on hover or press: the flap tilts toward you, a paper edge rises, and it","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:FolderFloat-TS-CSS","t":"FolderFloat","d":"Folder that opens on hover or press: the flap tilts toward you, a paper edge rises, and it","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:FolderFloat-TS-TW","t":"FolderFloat","d":"Folder that opens on hover or press: the flap tilts toward you, a paper edge rises, and it","k":"motion","s":"react-bits","c":"motion/text-effect","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:BranchedMenu-JS-CSS","t":"BranchedMenu","d":"Collapsible menu whose sections unfold into a trunk with a curved branch to each child, an","s":"react-bits","c":"navigation/menu","hc":1},{"id":"react-bits:BranchedMenu-JS-TW","t":"BranchedMenu","d":"Collapsible menu whose sections unfold into a trunk with a curved branch to each child, an","s":"react-bits","c":"navigation/menu","hc":1},{"id":"react-bits:BranchedMenu-TS-CSS","t":"BranchedMenu","d":"Collapsible menu whose sections unfold into a trunk with a curved branch to each child, an","s":"react-bits","c":"navigation/menu","hc":1},{"id":"react-bits:BranchedMenu-TS-TW","t":"BranchedMenu","d":"Collapsible menu whose sections unfold into a trunk with a curved branch to each child, an","s":"react-bits","c":"navigation/menu","hc":1},{"id":"react-bits:FlipCard-JS-CSS","t":"FlipCard","d":"Two-faced card that flips in 3D on a click, a drag or a flick, settling on a spring that c","s":"react-bits","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:FlipCard-JS-TW","t":"FlipCard","d":"Two-faced card that flips in 3D on a click, a drag or a flick, settling on a spring that c","s":"react-bits","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:FlipCard-TS-CSS","t":"FlipCard","d":"Two-faced card that flips in 3D on a click, a drag or a flick, settling on a spring that c","s":"react-bits","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:FlipCard-TS-TW","t":"FlipCard","d":"Two-faced card that flips in 3D on a click, a drag or a flick, settling on a spring that c","s":"react-bits","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:TearTicket-JS-CSS","t":"TearTicket","d":"Ticket whose perforated stub tears off by hand: paper bridges stretch into fibres and snap","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:TearTicket-JS-TW","t":"TearTicket","d":"Ticket whose perforated stub tears off by hand: paper bridges stretch into fibres and snap","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:TearTicket-TS-CSS","t":"TearTicket","d":"Ticket whose perforated stub tears off by hand: paper bridges stretch into fibres and snap","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:TearTicket-TS-TW","t":"TearTicket","d":"Ticket whose perforated stub tears off by hand: paper bridges stretch into fibres and snap","k":"layout","s":"react-bits","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"react-bits:PaperCrumple-JS-CSS","t":"PaperCrumple","d":"An image that crumples into a textured 3D sheet while held and follows the grabbed point a","s":"react-bits","c":"overlays/sheet","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:PaperCrumple-JS-TW","t":"PaperCrumple","d":"An image that crumples into a textured 3D sheet while held and follows the grabbed point a","s":"react-bits","c":"overlays/sheet","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:PaperCrumple-TS-CSS","t":"PaperCrumple","d":"An image that crumples into a textured 3D sheet while held and follows the grabbed point a","s":"react-bits","c":"overlays/sheet","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:PaperCrumple-TS-TW","t":"PaperCrumple","d":"An image that crumples into a textured 3D sheet while held and follows the grabbed point a","s":"react-bits","c":"overlays/sheet","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"react-bits:Shredder-JS-CSS","t":"Shredder","d":"A list with a paper shredder at the bottom. Drag a row into the slit and the rollers tug i","s":"react-bits","c":"data-display/list","hc":1},{"id":"react-bits:Shredder-JS-TW","t":"Shredder","d":"A list with a paper shredder at the bottom. Drag a row into the slit and the rollers tug i","s":"react-bits","c":"data-display/list","hc":1},{"id":"react-bits:Shredder-TS-CSS","t":"Shredder","d":"A list with a paper shredder at the bottom. Drag a row into the slit and the rollers tug i","s":"react-bits","c":"data-display/list","hc":1},{"id":"react-bits:Shredder-TS-TW","t":"Shredder","d":"A list with a paper shredder at the bottom. Drag a row into the slit and the rollers tug i","s":"react-bits","c":"data-display/list","hc":1},{"id":"react-slot:slot","t":"React Slot","d":"Vue-style slot composition for React","k":"lib","s":"react-slot","c":"lib/utility","hc":1},{"id":"reactframe:countdown-timer","t":"Countdown Timer","d":"A countdown timer that counts down to a duration or an absolute end date, with flip-cell d","k":"motion","s":"reactframe","c":"motion/number-ticker","hc":1},{"id":"reactframe:toggle-pro","t":"Toggle Pro","d":"An accessible switch with a springy squish animation on the thumb, an optional label + hel","s":"reactframe","c":"actions/switch","sb":"Animated","hc":1},{"id":"reactframe:badges-kit","t":"Badges Kit","d":"A status badge with 8 tone presets, light/dark variants, 3 sizes, 6 icon styles (check, cr","s":"reactframe","c":"data-display/badge","hc":1},{"id":"reactframe:rating-stars","t":"Rating Stars","d":"An animated star rating input with half-star precision, keyboard support, a dynamic low/mi","k":"motion","s":"reactframe","c":"motion/background","tg":["neon"],"sb":"Particles and stars","sy":["neon"],"hc":1},{"id":"reactframe:image-deck-3d","t":"Image Deck 3D","d":"A single image split into a stacked deck of shape-clipped layers (rectangle, circle, hexag","s":"reactframe","c":"media/card-stack","tg":["3d"],"sy":["3d"],"hc":1},{"id":"reactframe:glare-card","t":"Glare Card","d":"A 3D tilt card that reacts to the cursor with animated conic-gradient reflections, diamond","s":"reactframe","c":"data-display/card","tg":["3d","gradient"],"sy":["3d","gradient"],"hc":1},{"id":"reactframe:infinite-marquee","t":"Infinite Marquee","d":"A seamless scrolling text marquee with solid/gradient/outline text styles, a separator, do","k":"motion","s":"reactframe","c":"motion/marquee","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"reactframe:discord-chat-widget","t":"Discord Chat Widget","d":"A Discord-style chat bubble widget with a typing simulation, quick replies, a notification","s":"reactframe","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"reactframe:telegram-widget","t":"Telegram Widget","d":"A Telegram-style chat bubble widget with a typing simulation, quick replies, a notificatio","s":"reactframe","c":"data-display/card","hc":1},{"id":"reactframe:messenger-widget","t":"Messenger Widget","d":"A Facebook Messenger-style chat bubble widget with a typing simulation, quick replies, a n","s":"reactframe","c":"data-display/card","hc":1},{"id":"reactframe:x-twitter-widget","t":"X (Twitter) Widget","d":"An X (Twitter)-style DM chat bubble widget with a typing simulation, quick replies, a foll","s":"reactframe","c":"data-display/card","hc":1},{"id":"reactframe:footer-premium","t":"Footer Premium","d":"A responsive site footer with a logo, description, social links, multi-column link groups,","k":"section","s":"reactframe","c":"marketing/footer","hc":1},{"id":"reactframe:footer-section","t":"Footer Section","d":"A minimal site footer with up to 4 link columns, a hover-underline link style, paper/glass","k":"section","s":"reactframe","c":"marketing/footer","tg":["glass","minimal"],"sy":["glass","minimal"],"hc":1},{"id":"reactframe:compare-slider","t":"Compare Slider","d":"A theme-aware before/after image comparison slider with horizontal or vertical drag direct","s":"reactframe","c":"media/image-compare","hc":1},{"id":"reactframe:glow-card","t":"Glow Card","d":"A card with an animated rotating conic-gradient glow border, customizable colors, text pos","s":"reactframe","c":"data-display/card","tg":["gradient","neon"],"sb":"Animated and glowing","sy":["gradient","neon"],"hc":1},{"id":"reactframe:image-showcase","t":"Image Showcase","d":"A product-style image viewer, a large main frame with prev/next arrows and an image counte","s":"reactframe","c":"media/gallery","hc":1},{"id":"reactframe:eternal-glow-card","t":"Eternal Glow Card","d":"A hover-reveal product card with a blurred gradient overlay, staggered title/price/descrip","s":"reactframe","c":"data-display/card","tg":["gradient","neon"],"sb":"Animated and glowing","sy":["gradient","neon"],"hc":1},{"id":"reactframe:glass-navigation","t":"Glass Navigation","d":"A pill navbar that expands into a full panel of large nav links, a tagline, and social lin","k":"section","s":"reactframe","c":"marketing/cta","tg":["glass"],"sy":["glass"],"hc":1},{"id":"reactframe:header-simple","t":"Navbar #1","d":"A responsive site header, centered nav links on desktop, a tablet CTA-only view, and a mob","s":"reactframe","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"reactframe:testimonial-spotlight","t":"Testimonial Spotlight","d":"A full-bleed photo testimonial slider with crossfade, slide or iris transitions, a thumbna","k":"section","s":"reactframe","c":"marketing/testimonials","hc":1},{"id":"reactframe:testimonial-pills","t":"Testimonial Pills","d":"Avatar-and-pill testimonial marquee rows with dual-direction scrolling, a depth effect, cu","s":"reactframe","c":"data-display/badge","tg":["3d","neon"],"sb":"Tags and pills","sy":["3d","neon"],"hc":1},{"id":"reactframe:profile-flip-card","t":"Profile Flip Card","d":"A profile card that flips from a photo front to a bio back on click or hover, with flip Y,","s":"reactframe","c":"data-display/profile","hc":1},{"id":"reactframe:phone-mockup","t":"Phone Mockup","d":"A realistic iPhone frame with 3D cursor tilt, a screen glare that tracks the tilt, ambient","s":"reactframe","c":"media/mockup","tg":["3d","neon"],"sy":["3d","neon"],"hc":1},{"id":"reactframe:browser-mockup","t":"Browser Mockup","d":"A realistic browser chrome frame in macOS, Windows, or mobile Safari style, with tabs, a U","s":"reactframe","c":"media/mockup","hc":1},{"id":"reactframe:instagram-post-mockup","t":"Instagram Post Mockup","d":"A realistic Instagram post, avatar ring, swipeable multi-photo carousel, double-tap-to-lik","s":"reactframe","c":"media/mockup","hc":1},{"id":"reactframe:x-post-mockup","t":"X Post Mockup","d":"A realistic X (Twitter) post with a verified badge, media image, and interactive like/retw","s":"reactframe","c":"media/mockup","hc":1},{"id":"reactframe:tiktok-post-mockup","t":"TikTok Post Mockup","d":"A full-bleed 9:16 TikTok feed mockup with a Following/For You tab bar, a side action rail ","s":"reactframe","c":"media/mockup","hc":1},{"id":"reactframe:linkedin-post-mockup","t":"LinkedIn Post Mockup","d":"A realistic LinkedIn post with a headline, media image, a reaction summary, and interactiv","s":"reactframe","c":"media/mockup","hc":1},{"id":"reactframe:cylinder-gallery","t":"Cylinder Gallery","d":"A 3D image gallery arranged around an auto-rotating cylinder, with configurable rows/colum","s":"reactframe","c":"media/gallery","tg":["3d"],"sy":["3d"],"hc":1},{"id":"reactframe:gallery-flow","t":"Gallery Flow","d":"A gallery of scattered, gently drifting image cards with random rotation, cursor repel/att","s":"reactframe","c":"media/gallery","hc":1},{"id":"reactframe:tilted-carousel","t":"Tilted Carousel","d":"A 3D book-flow carousel where cards tilt around the active slide, with paper/glass themes ","s":"reactframe","c":"media/carousel","tg":["3d","glass"],"sy":["3d","glass"],"hc":1},{"id":"reactframe:diagonal-carousel","t":"Diagonal Carousel","d":"Square cards fan out diagonally into a stacked deck, each inactive card rotates and offset","s":"reactframe","c":"media/carousel","tg":["glass"],"sy":["glass"],"hc":1},{"id":"reactframe:tilt-text","t":"Tilt Text","d":"Large display text that tilts in 3D toward the cursor, with a layered shadow extrusion for","k":"motion","s":"reactframe","c":"motion/text-effect","tg":["3d"],"sy":["3d"],"hc":1},{"id":"reactframe:progress-circle-bars","t":"Progress Circle Bars","d":"A circular progress indicator with ring, gauge, and dashes arc styles, scroll-triggered co","s":"reactframe","c":"data-viz/progress-bar","hc":1},{"id":"reactframe:linear-progress-bars","t":"Linear Progress Bars","d":"A card of linear progress rows, plain ratio bars, file-upload rows with icons/subtitles/sh","s":"reactframe","c":"data-viz/progress-bar","hc":1},{"id":"reactframe:text-scramble-pro","t":"Text Scramble Pro","d":"Cycling phrases that decrypt from scrambled characters into readable text, left-to-right, ","k":"motion","s":"reactframe","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"reactframe:noise-background","t":"Noise Background","d":"A canvas background with animated film-grain noise, soft color blob gradients, 7 built-in ","k":"motion","s":"reactframe","c":"motion/background","tg":["gradient"],"sb":"Noise and texture","sy":["gradient"],"hc":1},{"id":"reactframe:dot-image-slider","t":"Dot Image Slider","d":"A before/after image reveal, a luminance-mapped halftone dot rendering on one side, the re","s":"reactframe","c":"inputs/slider","tg":["neon"],"sy":["neon"],"hc":1},{"id":"reactframe:animated-loader","t":"Animated Loader","d":"A loading spinner kit with 4 variants, rotating lines, ring, dual counter-rotating ring, a","s":"reactframe","c":"status/loader","hc":1},{"id":"reactframe:animated-checkbox","t":"Animated Checkbox","d":"An accessible checkbox with an animated draw-in checkmark, focus ring, and optional label,","s":"reactframe","c":"inputs/checkbox","hc":1},{"id":"reactframe:radio-button","t":"Radio Button","d":"An accessible, animated radio group with a springy dot, a ripple on select, focus ring, op","s":"reactframe","c":"actions/button","sb":"Animated","hc":1},{"id":"reactframe:select","t":"Select","d":"An accessible, animated custom select with a springy chevron, keyboard navigation, type-ah","s":"reactframe","c":"inputs/select","hc":1},{"id":"reactframe:slider","t":"Slider","d":"An accessible single or range slider with a draggable thumb, a value tooltip, optional ste","s":"reactframe","c":"inputs/slider","hc":1},{"id":"reactframe:search-bar","t":"Search Bar","d":"An accessible animated search field with a live suggestions menu, keyboard navigation, a c","s":"reactframe","c":"inputs/search","hc":1},{"id":"reactframe:tag","t":"Tag","d":"A compact label tag with soft, solid and outline variants, 6 colors, 3 sizes, an optional ","s":"reactframe","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"reactframe:tooltip","t":"Tooltip","d":"An accessible tooltip with 4 placements, auto-flip near the screen edge, a hover delay, ke","s":"reactframe","c":"overlays/tooltip","hc":1},{"id":"reactframe:skeleton","t":"Skeleton","d":"A loading placeholder with rect, text, circle and card presets, a shimmer or pulse animati","s":"reactframe","c":"status/skeleton","hc":1},{"id":"reactframe:tabs","t":"Tabs","d":"An accessible tab set with underline, pill and segmented variants, a sliding animated indi","s":"reactframe","c":"navigation/tabs","hc":1},{"id":"reactframe:breadcrumb","t":"Breadcrumb","d":"An accessible breadcrumb trail with 4 separator styles, an optional home icon, animated co","s":"reactframe","c":"navigation/breadcrumb","hc":1},{"id":"reactframe:pagination","t":"Pagination","d":"An accessible pagination control with smart ellipsis ranges, a sliding animated active pag","s":"reactframe","c":"navigation/pagination","hc":1},{"id":"reactframe:stepper","t":"Stepper","d":"An accessible step indicator with horizontal and vertical layouts, numbered and minimal va","s":"reactframe","c":"navigation/wizard-steps","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"reactframe:modal","t":"Modal","d":"An accessible modal dialog with a blurred backdrop, focus trap, Escape and backdrop close,","s":"reactframe","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"reactframe:popover","t":"Popover","d":"An accessible popover for interactive content with click or hover triggers, 4 placements a","s":"reactframe","c":"overlays/popover","hc":1},{"id":"reactframe:drawer","t":"Drawer","d":"An accessible slide-in drawer from any of 4 sides with a backdrop, focus trap, Escape and ","s":"reactframe","c":"overlays/sheet","hc":1},{"id":"reactframe:avatar","t":"Avatar","d":"A user avatar with image, initials or icon fallback, 5 sizes, circle, rounded and square s","s":"reactframe","c":"data-display/avatar","hc":1},{"id":"reactframe:avatar-group","t":"Avatar Group","d":"A stacked group of avatars with photo or initials, an overflow +N bubble, hover lift with ","s":"reactframe","c":"data-display/avatar","hc":1},{"id":"reactframe:divider","t":"Divider","d":"A horizontal or vertical divider with solid, dashed, dotted and gradient styles, an option","s":"reactframe","c":"inputs/form-field","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"reactframe:accordion","t":"Accordion","d":"An accessible accordion with single or multiple open panels, default, card and filled vari","s":"reactframe","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"reactframe:card","t":"Card","d":"A flexible content card with media, badge, title, description, action and footer slots, de","s":"reactframe","c":"data-display/card","hc":1},{"id":"reactframe:kbd","t":"Kbd","d":"A keyboard key cap for showing shortcuts, with raised, flat and outline styles, 3 sizes, a","s":"reactframe","c":"data-display/typography","hc":1},{"id":"reactframe:empty-state","t":"Empty State","d":"A friendly empty, no-results or error placeholder with 5 icon presets, a floating icon til","s":"reactframe","c":"data-display/empty-state","hc":1},{"id":"reactframe:tag-input","t":"Tag Input","d":"A multi-value input that turns text into removable tags on Enter, comma or paste, with sug","s":"reactframe","c":"inputs/tag-input","hc":1},{"id":"reactframe:combobox","t":"Combobox","d":"A searchable select where you type to filter options, with match highlighting, option desc","s":"reactframe","c":"inputs/combobox","hc":1},{"id":"reactframe:multi-select","t":"Multi Select","d":"A searchable multi-select that shows the chosen options as removable chips, with checkbox ","s":"reactframe","c":"inputs/select","hc":1},{"id":"reactframe:date-picker","t":"Date Picker","d":"A date picker with a popover calendar: single date or range selection, month navigation, m","s":"reactframe","c":"inputs/date-picker","hc":1},{"id":"reactframe:time-picker","t":"Time Picker","d":"A time picker with a popover of scrollable hour, minute and AM/PM columns: 12 or 24-hour c","s":"reactframe","c":"inputs/time-picker","hc":1},{"id":"reactframe:input-otp","t":"Input OTP","d":"A one-time-code input with individual animated cells, paste and autofill support, numeric ","s":"reactframe","c":"inputs/otp-input","hc":1},{"id":"reactframe:number-input","t":"Number Input","d":"A numeric field with minus/plus steppers, press-and-hold auto repeat, min/max clamping, de","s":"reactframe","c":"inputs/number-input","hc":1},{"id":"reactframe:password-input","t":"Password Input","d":"A password field with an animated show/hide eye toggle, a four-segment strength meter, a l","s":"reactframe","c":"inputs/form-field","sb":"Password","hc":1},{"id":"reactframe:phone-input","t":"Phone Input","d":"A phone number input with a searchable country menu: flags and calling codes, as-you-type ","s":"reactframe","c":"inputs/form-field","sb":"Phone","hc":1},{"id":"reactframe:credit-card-input","t":"Credit Card Input","d":"A grouped card number, expiry and CVC field: brand detection with an animated mark, 4-4-4-","s":"reactframe","c":"inputs/form-field","sb":"Payment","hc":1},{"id":"reactframe:currency-input","t":"Currency Input","d":"A money input with a currency picker: live thousands separators for any locale, the right ","s":"reactframe","c":"inputs/form-field","hc":1},{"id":"reactframe:segmented-control","t":"Segmented Control","d":"A compact radio-style switch between a few options with a sliding animated thumb, solid or","s":"reactframe","c":"actions/segmented-control","hc":1},{"id":"reactframe:color-picker","t":"Color Picker","d":"A color picker with a draggable saturation/brightness area, hue and opacity sliders, hex i","s":"reactframe","c":"inputs/color-picker","hc":1},{"id":"reactframe:file-upload","t":"File Upload","d":"A drag-and-drop file dropzone with click-to-browse, type/size/count validation, image prev","s":"reactframe","c":"inputs/file-upload","hc":1},{"id":"reactframe:signature-pad","t":"Signature Pad","d":"A signature field that draws smooth, pressure-aware ink, with undo, clear, a typed-signatu","k":"section","s":"reactframe","c":"marketing/team","hc":1},{"id":"reactframe:image-cropper","t":"Image Cropper","d":"An image cropper with a draggable, resizable crop box, aspect presets or a circle mask for","s":"reactframe","c":"media/gallery","hc":1},{"id":"reactframe:callout","t":"Callout","d":"An inline message block with info, success, warning, danger and neutral variants, three ap","s":"reactframe","c":"overlays/alert-banner","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"reactframe:meter","t":"Meter","d":"A meter for a value within a known range: bar, semicircle gauge or segmented variants with","s":"reactframe","c":"data-viz/gauge","hc":1},{"id":"reactframe:command-palette","t":"Command Palette","d":"A Cmd/Ctrl+K command palette with fuzzy search and match highlighting, grouped results, ke","s":"reactframe","c":"navigation/command-palette","hc":1},{"id":"reactframe:menubar","t":"Menubar","d":"A desktop-style app menubar with File/Edit/View-style dropdown menus, checkbox and radio i","s":"reactframe","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"reactframe:sidebar","t":"Sidebar","d":"A collapsible app sidebar with grouped nav sections, a sliding active-item indicator, badg","s":"reactframe","c":"navigation/sidebar","hc":1},{"id":"reactframe:dock","t":"Dock","d":"A macOS-style app dock with cursor-proximity magnification, running-app indicator dots, ho","s":"reactframe","c":"navigation/dock","hc":1},{"id":"reactframe:confirm-dialog","t":"Confirm Dialog","d":"A focused alert dialog for confirming an action, with default/warning/danger variants, an ","s":"reactframe","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"reactframe:hover-card","t":"Hover Card","d":"A hover-triggered rich preview card with open/close delays, a hover bridge so moving into ","s":"reactframe","c":"overlays/hover-card","hc":1},{"id":"reactframe:context-menu","t":"Context Menu","d":"A right-click context menu with checkbox and radio items, nested submenus, viewport edge c","s":"reactframe","c":"overlays/context-menu","hc":1},{"id":"reactframe:timeline","t":"Timeline","d":"A vertical timeline with status markers (done, active, pending, error), a connecting line,","s":"reactframe","c":"data-display/timeline","hc":1},{"id":"reactframe:tree-view","t":"Tree View","d":"A hierarchical tree with expand/collapse, tri-state checkboxes for multi-select, single-ro","s":"reactframe","c":"data-display/tree","hc":1},{"id":"reactframe:stat-card","t":"Stat Card","d":"A dashboard metric card with an animated count-up value, an auto-derived good/bad trend ba","s":"reactframe","c":"data-display/stat","hc":1},{"id":"reactframe:code-block","t":"Code Block","d":"A syntax-highlighted code block with line numbers, per-line highlighting, a filename/langu","s":"reactframe","c":"data-display/code-block","hc":1},{"id":"reactframe:description-list","t":"Description List","d":"A semantic term/value list for specs, order summaries or profile details, with stacked, in","s":"reactframe","c":"data-display/list","hc":1},{"id":"reactframe:splitter","t":"Splitter","d":"Resizable panels divided by draggable handles, with min/max size constraints, keyboard res","k":"layout","s":"reactframe","c":"layout/split-pane","hc":1},{"id":"reactframe:back-to-top","t":"Back to Top","d":"A floating scroll-to-top button that fades in past a threshold, with an optional progress ","s":"reactframe","c":"actions/button","sb":"Animated","hc":1},{"id":"reactframe:copy-button","t":"Copy Button","d":"A standalone copy-to-clipboard button with ghost/outline/solid variants, icon-only or labe","s":"reactframe","c":"actions/copy-button","hc":1},{"id":"reactframe:terminal","t":"Terminal","d":"A macOS-style terminal window that types out a scripted sequence of commands, outputs and ","s":"reactframe","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"reactframe:inline-edit","t":"Inline Edit","d":"Click-to-edit text that turns into an auto-sizing input with save/cancel controls, validat","s":"reactframe","c":"inputs/form-field","hc":1},{"id":"reactframe:aspect-ratio","t":"Aspect Ratio","d":"A container that locks its content to a fixed width/height ratio (a preset like video or s","s":"reactframe","c":"media/player","hc":1},{"id":"reactframe:scroll-area","t":"Scroll Area","d":"A scrollable container with a thin, draggable, auto-hiding custom scrollbar (vertical, hor","k":"layout","s":"reactframe","c":"layout/scroll-area","hc":1},{"id":"reactframe:toolbar","t":"Toolbar","d":"An accessible toolbar of icon buttons, toggles, radio-style toggle groups and separators w","s":"reactframe","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"reactframe:panel","t":"Panel","d":"A surface container with an optional header (icon, title, description, actions), body and ","s":"reactframe","c":"data-display/card","hc":1},{"id":"reactframe:your-cart-page","t":"Your Cart Page","d":"A three-step eCommerce flow in one block: a cart with quantity steppers and promo code, a ","k":"section","s":"reactframe","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"reactframe:stat-feature","t":"Stat Feature","d":"A metrics section with a concentric ring chart, a trend caption and count-up stats that en","k":"section","s":"reactframe","c":"marketing/features","hc":1},{"id":"reactframe:product-list","t":"Product List","d":"An eCommerce product listing block with a filter sidebar (live search, Free/Premium tiers,","s":"reactframe","c":"data-display/list","hc":1},{"id":"reactframe:product-detail","t":"Product Detail","d":"An eCommerce product page block with a switchable image gallery, color and size pickers, q","s":"reactframe","c":"navigation/wizard-steps","hc":1},{"id":"reactframe:button","t":"Button","d":"An accessible button with primary, secondary, outline, and ghost variants, a spinning load","s":"reactframe","c":"actions/button","sb":"Animated","hc":1},{"id":"reactframe:input","t":"Input","d":"An accessible text input with outline, filled, and underline variants, label/helper/error ","s":"reactframe","c":"inputs/form-field","hc":1},{"id":"reactframe:textarea","t":"Textarea","d":"An accessible textarea with outline, filled, and underline variants, label/helper/error te","s":"reactframe","c":"inputs/textarea","hc":1},{"id":"reactframe:form-field","t":"Form Field","d":"A form field wrapper with label, description, required or optional marker, info tooltip, c","s":"reactframe","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"reactframe:rich-text-editor","t":"Rich Text Editor","d":"A rich text editor with a formatting toolbar, headings, lists, quotes, inline code and lin","s":"reactframe","c":"inputs/textarea","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"reactframe:sales-ticket-popup","t":"Sales Ticket Popup","d":"A corner-anchored promo popup shaped like a torn event ticket, with 5 themes, a zigzag bad","s":"reactframe","c":"overlays/popover","hc":1},{"id":"reactframe:expand-card-grid","t":"Expand Card Grid","d":"A 2x2 grid of image cards that expand to fill the frame on click, revealing title/descript","s":"reactframe","c":"data-display/card","hc":1},{"id":"reactframe:kanban-board","t":"Kanban Board","d":"A drag-and-drop task board with a hand-rolled pointer-based drag engine, velocity tilt, ed","s":"reactframe","c":"data-display/kanban","tg":["3d"],"sy":["3d"],"hc":1},{"id":"reactframe:data-table","t":"Data Table","d":"An admin data table with sortable/filterable columns, global search, status tabs, row sele","s":"reactframe","c":"data-display/table","sb":"Data tables","hc":1},{"id":"reactframe:line-chart","t":"Line Chart","d":"A multi-series line/area chart, smooth Catmull-Rom curves, a highlighted zone band, a refe","s":"reactframe","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"reactframe:bar-chart","t":"Bar Chart","d":"A stacked bar chart, up to 5 series per bar, a reference line, a peak-value annotation, an","s":"reactframe","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"reactframe:tearable-reveal","t":"Tearable Reveal","d":"A physically-simulated cloth intro reveal, drag to tear open a torn-paper layer covering a","k":"resource","s":"reactframe","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"reactframe:desktop-mockup-carousel","t":"Desktop Mockup Carousel","d":"A realistic Studio Display-style monitor mockup with an internal video/image carousel, swi","s":"reactframe","c":"media/carousel","tg":["3d","neon"],"sy":["3d","neon"],"hc":1},{"id":"reactframe:range-area-chart","t":"Range Area Chart","d":"A min/max envelope chart with a nested core-range band, an actual-to-forecast line split, ","s":"reactframe","c":"data-viz/chart","sb":"Area","hc":1},{"id":"reactframe:radar-chart","t":"Radar Chart","d":"A multi-series radar/spider chart with ring gridlines, per-series solid or dashed strokes,","s":"reactframe","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"reactframe:pie-chart","t":"Pie Chart","d":"A donut-style pie chart with a live center total, click-to-toggle legend, percentage callo","s":"reactframe","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"reactframe:logo-marquee","t":"Logo Marquee","d":"An infinite scrolling row of client/partner logos with edge fade masks, grayscale-to-color","k":"section","s":"reactframe","c":"marketing/logos","hc":1},{"id":"reactframe:liquid-text","t":"Liquid Text","d":"Text distorted through an animated SVG noise filter, 5 presets (liquid, melt, blob, ghost,","k":"motion","s":"reactframe","c":"motion/text-effect","hc":1},{"id":"reactframe:word-reveal","t":"Word Reveal","d":"Staggered word or character reveal text, driven by scroll progress, viewport entry, or a m","k":"motion","s":"reactframe","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"reactframe:alert-toast","t":"Alert Toast","d":"A polished toast/alert notification, 5 tones, stacked or inline layout, icons, primary/sec","s":"reactframe","c":"overlays/toast","hc":1},{"id":"reactframe:product-grid-section","t":"Product Grid Section","d":"A responsive product/portfolio grid section, heading, per-card image with hover zoom and r","k":"section","s":"reactframe","c":"marketing/cta","hc":1},{"id":"reactframe:ai-asistant","t":"AI Asistant","d":"A dotted status light with two layouts, Mesh grid and Halo rings, across three animated st","s":"reactframe","c":"ai-agent/ai-agent","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"reactframe:ai-voice-01","t":"AI Voice #1","d":"A voice-assistant pill with a canvas audio-reactive visualizer, idle/listening/speaking st","s":"reactframe","c":"ai-agent/ai-agent","tg":["neon"],"sb":"Voice","sy":["neon"],"hc":1},{"id":"reactframe:ai-voice-05","t":"AI Voice #5","d":"A portrait voice-assistant card with a canvas audio-reactive curve visualizer, a mic butto","s":"reactframe","c":"ai-agent/ai-agent","sb":"Voice","hc":1},{"id":"reactframe:ai-image-loader-03","t":"AI Image Loader 03","d":"An AI image-generation loader, canvas-drawn rolling topographic lines grow in and a top-to","s":"reactframe","c":"ai-agent/ai-agent","hc":1},{"id":"reactframe:ai-dynamic-island-01","t":"AI Dynamic Island 01","d":"A Dynamic Island-style AI status pill that morphs between idle, listening, thinking, worki","s":"reactframe","c":"ai-agent/ai-agent","sb":"Voice","hc":1},{"id":"reactframe:ai-answer-03","t":"AI Answer #3","d":"An agent-style AI answer card, a researching/reading/writing step tracker with a progress ","s":"reactframe","c":"ai-agent/ai-agent","hc":1},{"id":"reactframe:ai-edit-review","t":"AI Edit Review","d":"An AI text editor that rewrites a selected passage, streams a word-level diff review with ","s":"reactframe","c":"ai-agent/ai-agent","hc":1},{"id":"reactframe:video-glow-lightbox","t":"Video Glow Lightbox","d":"A single video card with a pulsing glow-blob frame that morphs into a fullscreen lightbox ","s":"reactframe","c":"overlays/lightbox","tg":["neon"],"sy":["neon"],"hc":1},{"id":"reactframe:glide-carousel","t":"Glide Carousel","d":"A canvas-rendered, drag-to-scroll carousel with a curved wave layout and ambient wind/drif","s":"reactframe","c":"media/carousel","hc":1},{"id":"reactframe:testimonial-logos","t":"Testimonial Logos","d":"A compact trust bar, a star rating with a helped-N-teams label above an infinite, edge-mas","k":"resource","s":"reactframe","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"reactframe:dice-discount-popup","t":"Dice Discount Popup","d":"A gamified discount popup, roll two animated 3D dice for a reward tier (with a doubles bon","s":"reactframe","c":"overlays/popover","tg":["3d"],"sy":["3d"],"hc":1},{"id":"reactframe:scratch-card-popup","t":"Scratch Card Popup","d":"A gamified scratch-to-win popup, drag to scratch a gold-foil canvas off a 3x3 icon grid, m","s":"reactframe","c":"overlays/popover","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"reactframe:business-hours","t":"Business Hours","d":"A premium opening-hours card, live open/closed status with a pulsing dot, a day-by-day sch","s":"reactframe","c":"actions/link","hc":1},{"id":"reactframe:motion-gallery-grid","t":"Motion Gallery Grid","d":"A perfectly aligned image grid with a centered glassmorphism overlay card, heading, subtit","s":"reactframe","c":"media/gallery","tg":["glass"],"sb":"Grids","sy":["glass"],"hc":1},{"id":"reactframe:qr-code-widget","t":"QR Code Widget","d":"A QR-code card, title, description, code image, hint text and an open-link button, inline ","s":"reactframe","c":"data-display/card","hc":1},{"id":"reactframe:airbnb-reviews","t":"Airbnb Reviews","d":"A guest-review carousel with the Airbnb Bélo mark, aggregate rating header and CTA, above ","k":"section","s":"reactframe","c":"marketing/cta","hc":1},{"id":"reactframe:ebay-reviews","t":"eBay Reviews","d":"A seller-feedback carousel with the eBay wordmark, aggregate rating header and CTA, above ","k":"section","s":"reactframe","c":"marketing/cta","hc":1},{"id":"reactframe:etsy-reviews","t":"Etsy Reviews","d":"A shop-review carousel with the Etsy wordmark, aggregate rating header and CTA, above a dr","k":"section","s":"reactframe","c":"marketing/cta","hc":1},{"id":"reactframe:coin-flip-game","t":"Coin Flip Game","d":"A real 3D CSS coin, click or tap to flip with a physical spin animation, a yes/no question","s":"reactframe","c":"inputs/form-field","tg":["3d"],"sy":["3d"],"hc":1},{"id":"reactframe:tic-tac-toe-game","t":"Tic Tac Toe Game","d":"A playable Tic Tac Toe board with a built-in AI opponent, animated piece placement, a draw","s":"reactframe","c":"ai-agent/ai-agent","hc":1},{"id":"reactframe:2048-game","t":"2048 Game","d":"A fully playable 2048, arrow-key and swipe controls, spring-animated tile merges, score an","s":"reactframe","c":"data-display/card","hc":1},{"id":"reactframe:snake-game","t":"Snake Game","d":"A canvas-rendered Snake game with three difficulty speeds, keyboard and swipe controls, a ","k":"motion","s":"reactframe","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"reactframe:minesweeper-game","t":"Minesweeper Game","d":"A classic Minesweeper with three board sizes, flood-fill reveal, right-click flagging, a l","s":"reactframe","c":"overlays/context-menu","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"reactframe:memory-match-game","t":"Memory Match Game","d":"A flip-card memory matching game with animal emoji, three difficulty levels, a 3D flip ani","s":"reactframe","c":"data-display/card","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"reactframe:pong-game","t":"Pong Game","d":"A canvas Pong against a bot opponent, three difficulty levels, multi-round progression wit","k":"motion","s":"reactframe","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"reactframe:dino-runner-game","t":"Dino Runner Game","d":"A canvas endless-runner in the style of the offline dino game, pixel-drawn running dino, p","k":"motion","s":"reactframe","c":"motion/shader","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"reactframe:space-invaders-game","t":"Space Invaders Game","d":"A canvas Space Invaders, a descending grid of pixel-drawn invaders that shoot back, three ","s":"reactframe","c":"actions/button","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"reactframe:glow-jump-widget","t":"Glow Jump Widget","d":"A floating-action-button popup that opens a glowing 4-level platformer, jump between walls","s":"reactframe","c":"data-display/card","tg":["neon"],"sb":"Animated and glowing","sy":["neon"],"hc":1},{"id":"reactframe:spin-to-win-wheel","t":"Spin to Win Wheel","d":"A gamified discount-capture widget where visitors spin a weighted SVG prize wheel for a re","s":"reactframe","c":"overlays/popover","tg":["glass"],"sy":["glass"],"hc":1},{"id":"reactframe:memory-cards-widget","t":"Memory Cards Widget","d":"A floating-action-button popup that opens a color-matching memory game, 3 difficulty level","s":"reactframe","c":"data-display/card","hc":1},{"id":"reactframe:bubble-cursor","t":"Bubble Cursor","d":"A liquid-glass bubble that follows the pointer across the whole page, rendered with a raym","k":"motion","s":"reactframe","c":"motion/cursor","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"reactframe:review-card-portrait","t":"Review Card Portrait","d":"A portrait-format testimonial card with a crossfading top image strip, counter, thumbnail ","s":"reactframe","c":"data-display/card","hc":1},{"id":"reactframe:cinematic-stacked-gallery","t":"Cinematic Stacked Gallery","d":"A fullscreen hero gallery where inactive slides collapse into a stacked deck of thumbnails","s":"reactframe","c":"media/gallery","hc":1},{"id":"reactframe:dice-roll-discount-popup","t":"Dice Roll Discount Popup","d":"A gamified discount-capture widget where visitors roll two 3D dice for a reward tier, with","s":"reactframe","c":"overlays/popover","tg":["3d"],"sy":["3d"],"hc":1},{"id":"reactframe:error-404-page-section","t":"404 Page Section","d":"A centered \"page not found\" section: a big glitching error code, heading, description and ","k":"page","s":"reactframe","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"reactframe:toast-stack","t":"Toast Stack","d":"A stacked toast notification system: toasts pile up in a layered stack that fans out on ho","s":"reactframe","c":"overlays/toast","hc":1},{"id":"reactframe:notification-center","t":"Notification Center","d":"A bell button with an unread badge that opens a notification panel: All and Unread tabs, T","s":"reactframe","c":"overlays/notifications","hc":1},{"id":"reactframe:status-dot","t":"Status Dot","d":"A presence and status indicator: online, away, busy, offline and live dots with an optiona","s":"reactframe","c":"status/status-dot","hc":1},{"id":"reactframe:inline-validation-message","t":"Inline Validation Message","d":"A field-level validation message with error, warning, success and info states: it slides o","s":"reactframe","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"reactframe:dropdown-menu","t":"Dropdown Menu","d":"A button-triggered menu with icons, keyboard shortcuts, checkbox and radio items, labelled","s":"reactframe","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"reactframe:mega-menu","t":"Mega Menu","d":"A pill navigation bar whose menus open one shared panel: it morphs to each menu's size, sl","s":"reactframe","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"reactframe:mobile-tab-bar","t":"Mobile Tab Bar","d":"A bottom navigation bar for phones: a pill slides behind the active tab and its icon bounc","s":"reactframe","c":"navigation/tabs","tg":["glass"],"sy":["glass"],"hc":1},{"id":"reactframe:table-of-contents","t":"Table of Contents","d":"An 'On this page' table of contents for articles and docs: it tracks the section in view, ","s":"reactframe","c":"navigation/table-of-contents","hc":1},{"id":"reactframe:scrollspy-anchor-links","t":"Scrollspy Anchor Links","d":"A sticky horizontal bar of section links (Overview, Features, Specs, Reviews) that follows","s":"reactframe","c":"actions/link","hc":1},{"id":"reactframe:language-switcher","t":"Language Switcher","d":"A language picker: a globe button whose name rolls to the new language, opening a searchab","s":"reactframe","c":"navigation/tabs","hc":1},{"id":"reactframe:checkbox-group","t":"Checkbox Group","d":"A group of checkboxes with a Select all row that shows a dash when only some are picked, c","s":"reactframe","c":"inputs/checkbox","hc":1},{"id":"reactframe:bottom-sheet","t":"Bottom Sheet","d":"A mobile bottom sheet that slides up over a dimmed backdrop, rests at snap points you drag","s":"reactframe","c":"overlays/sheet","hc":1},{"id":"reactframe:lightbox","t":"Lightbox","d":"An image lightbox for any grid of photos: the thumbnail morphs into the full view, then ar","s":"reactframe","c":"overlays/lightbox","hc":1},{"id":"reactframe:cookie-consent-banner","t":"Cookie Consent Banner","d":"A cookie consent banner as a corner card or a bottom bar: accept all, reject all with equa","s":"reactframe","c":"overlays/alert-banner","hc":1},{"id":"reactframe:product-tour","t":"Product Tour","d":"A guided product tour: a spotlight glides from element to element over a dimmed page while","s":"reactframe","c":"data-viz/progress-bar","hc":1},{"id":"reactframe:calendar","t":"Calendar","d":"An inline month calendar for picking one day, a range or several days, with event dots und","s":"reactframe","c":"data-display/calendar","hc":1},{"id":"reactframe:basic-carousel","t":"Basic Carousel","d":"A plain, dependable carousel: drag or swipe between slides, arrows and dots, one to four s","s":"reactframe","c":"media/carousel","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"reactframe:sparkline-stat","t":"Sparkline Stat","d":"A KPI card with a sparkline: the number counts to its new value, a change badge says how f","s":"reactframe","c":"data-display/stat","hc":1},{"id":"reactframe:checklist","t":"Checklist","d":"An onboarding checklist: a progress bar and count up top, round checks that draw in and st","s":"reactframe","c":"inputs/checkbox","hc":1},{"id":"reactframe:icon-list","t":"Icon List","d":"A list with an icon on every line for features, benefits and what's included: checks that ","k":"resource","s":"reactframe","c":"assets/icon","sb":"Animated","hc":1},{"id":"reactframe:icon-box","t":"Icon Box","d":"A feature box with an icon, title and text for features and services grids: in the card st","k":"resource","s":"reactframe","c":"assets/icon","tg":["3d"],"sb":"Animated","sy":["3d"],"hc":1},{"id":"reactframe:data-view","t":"Data View","d":"A collection view that switches between a card grid and a list, with every item gliding to","s":"reactframe","c":"navigation/menu","hc":1},{"id":"reactframe:sortable-list","t":"Sortable List","d":"A list people can put in their own order: drag a row by its handle and the others slide ou","s":"reactframe","c":"data-display/list","sb":"Sortable","hc":1},{"id":"reactframe:organization-chart","t":"Organization Chart","d":"An org chart of people cards joined by rounded connector lines: teams open and close from ","s":"reactframe","c":"data-viz/chart","hc":1},{"id":"reactframe:transfer-list","t":"Transfer List","d":"Two lists side by side for moving items from one set to another, such as available and gra","s":"reactframe","c":"data-display/list","hc":1},{"id":"reactframe:tree-table","t":"Tree Table","d":"A table whose rows nest, like files in folders: open and close branches with a chevron, pa","s":"reactframe","c":"data-display/tree","hc":1},{"id":"reactframe:chat-bubble","t":"Chat Bubble","d":"Chat message bubbles for both sides of a conversation: runs from the same person group tog","s":"reactframe","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"reactframe:list-group","t":"List Group","d":"A framed group of rows for settings menus and navigation lists: icons, descriptions, count","s":"reactframe","c":"data-display/list","hc":1},{"id":"reactframe:basic-table","t":"Basic Table","d":"A clean, semantic table for showing data as it is: plain, striped or bordered, comfortable","s":"reactframe","c":"data-display/table","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"reactframe:blockquote","t":"Blockquote","d":"A quote with its author: a rule on the left, a large quotation mark, a framed card or a bi","s":"reactframe","c":"data-display/typography","hc":1},{"id":"reactframe:masonry-grid","t":"Masonry Grid","d":"A masonry layout for tiles of different heights: each tile drops into the shortest column ","s":"reactframe","c":"media/gallery","sb":"Masonry","hc":1},{"id":"reactframe:bento-grid","t":"Bento Grid","d":"A bento layout of feature cells that span columns and rows, fall back to two and then one ","k":"layout","s":"reactframe","c":"layout/bento-grid","hc":1},{"id":"reactframe:sticky-header","t":"Sticky Header","d":"A site header that stays out of the way: it slides up while you scroll down and comes back","s":"reactframe","c":"navigation/top-nav","tg":["glass","retro and HUD"],"sb":"On scroll","sy":["glass","retro and HUD"],"hc":1},{"id":"reactframe:section-container","t":"Section Container","d":"A page-section wrapper that keeps widths, padding and headings consistent: an optional eye","k":"motion","s":"reactframe","c":"motion/text-effect","tg":["neon"],"sy":["neon"],"hc":1},{"id":"reactframe:shape-divider","t":"Shape Divider","d":"SVG dividers that shape the edge between two sections: waves that drift in a seamless loop","k":"resource","s":"reactframe","c":"assets/shape","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"reactframe:fieldset","t":"Fieldset","d":"A grouped form section on the native fieldset: the legend sits in a notch in the border, t","s":"reactframe","c":"inputs/form-field","hc":1},{"id":"reactframe:theme-toggle","t":"Theme Toggle","d":"A light / dark switch that morphs a sun into a moon, or a Light · System · Dark control wi","s":"reactframe","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"reactframe:share-buttons","t":"Share Buttons","d":"Share buttons for X, LinkedIn, Facebook, Reddit, WhatsApp and email with a copy-link butto","s":"reactframe","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"reactframe:social-links","t":"Social Links","d":"Links to your profiles in three styles: round icons that fill from the bottom and tilt on ","s":"reactframe","c":"actions/link","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"reactframe:scroll-progress-bar","t":"Scroll Progress Bar","d":"Reading progress in three forms: a thin spring-smoothed bar, a corner ring with the percen","s":"reactframe","c":"data-viz/progress-bar","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"reactframe:payment-button","t":"Payment Button","d":"A pay button that shows every step of a payment: the amount, a spinner while it processes,","s":"reactframe","c":"actions/button","sb":"Animated","hc":1},{"id":"reactframe:speed-dial","t":"Speed Dial","d":"A floating action button that opens into a short menu of actions: the plus turns into a cl","s":"reactframe","c":"inputs/slider","hc":1},{"id":"reactframe:animate-on-scroll","t":"Animate on Scroll","d":"A wrapper that brings content in as it scrolls into view: fade from any side, zoom, blur, ","k":"layout","s":"reactframe","c":"layout/scroll-area","hc":1},{"id":"reactframe:focus-trap","t":"Focus Trap","d":"Keeps keyboard focus inside a dialog, drawer or menu while it's open: Tab and Shift+Tab lo","s":"reactframe","c":"navigation/tabs","hc":1},{"id":"reactframe:icon-swap-toggle","t":"Icon Swap Toggle","d":"A toggle button that swaps between two icons with a rotate, 3D flip, pop or slide: ready-m","k":"resource","s":"reactframe","c":"assets/icon","tg":["3d"],"sb":"Animated","sy":["3d"],"hc":1},{"id":"reactframe:ripple-click-effect","t":"Ripple Click Effect","d":"A wrapper that makes any surface ripple where it's pressed: the wave grows while the point","k":"motion","s":"reactframe","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"reactframe:toggle-price-counter","t":"Toggle Price Counter","d":"A monthly / yearly billing switch whose price rolls to the new amount digit by digit like ","s":"reactframe","c":"actions/switch","sb":"Animated","hc":1},{"id":"reactframe:animated-underline-link","t":"Animated Underline Link","d":"Text links with underlines that move: a line that slides in from the left and out to the r","s":"reactframe","c":"actions/link","hc":1},{"id":"reactframe:image-shape-mask","t":"Image Shape Mask","d":"Masks an image into a shape (circle, squircle, arch, hexagon, flower, blob or diamond) tha","k":"resource","s":"reactframe","c":"assets/shape","hc":1},{"id":"reactframe:typography-prose","t":"Typography Prose","d":"Readable styles for rich text from Markdown or a CMS, without a plugin: balanced headings ","s":"reactframe","c":"data-display/typography","hc":1},{"id":"reactframe:variant-swatches","t":"Variant Swatches","d":"Product option pickers for colour and size: round colour swatches with a ring that glides ","s":"reactframe","c":"inputs/form-field","hc":1},{"id":"reactframe:content-switch","t":"Content Switch","d":"A switch that swaps the content below it: a pill or underline thumb slides to the chosen o","s":"reactframe","c":"actions/switch","sb":"Animated","hc":1},{"id":"reactframe:floating-label-input","t":"Floating Label Input","d":"A text field whose label sits inside it and floats up on focus or once filled, in outlined","s":"reactframe","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"reactframe:input-group","t":"Input Group","d":"Joins an input with text addons, icons, a select or a button into one field with one borde","s":"reactframe","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"reactframe:masked-input","t":"Masked Input","d":"A formatted text field for phone numbers, dates, times, card numbers, ZIP codes or any pat","s":"reactframe","c":"inputs/form-field","hc":1},{"id":"reactframe:knob","t":"Knob","d":"A rotary dial for picking a value in a range, like a mixer control: drag up or down, scrol","s":"reactframe","c":"inputs/slider","hc":1},{"id":"reactframe:listbox","t":"Listbox","d":"An always-open list for picking one or several options: a search box that filters as you t","s":"reactframe","c":"inputs/select","hc":1},{"id":"reactframe:toggle-button","t":"Toggle Button","d":"A button that stays pressed: the fill grows out from the middle, icons spin into their 'on","s":"reactframe","c":"actions/button","sb":"Animated","hc":1},{"id":"reactframe:button-group","t":"Button Group","d":"Buttons joined into one control: plain action groups like Previous / Today / Next, a singl","s":"reactframe","c":"actions/button","sb":"Groups and split","hc":1},{"id":"reactframe:dual-range-slider","t":"Dual Range Slider","d":"A two-handle range filter with a histogram behind it: bars inside the range light up, the ","s":"reactframe","c":"inputs/slider","hc":1},{"id":"reactframe:repeatable-field-group","t":"Repeatable Field Group","d":"A set of fields people can repeat: add a row, remove one, drag rows into order. Rows grow ","s":"reactframe","c":"inputs/form-field","hc":1},{"id":"reactframe:filter-chips","t":"Filter Chips","d":"A row of pill filters with counts: a check draws in and the chip grows to fit it, neighbou","s":"reactframe","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"reactframe:icon-action-button","t":"Icon Action Button","d":"A compact icon-only button for toolbars and table rows: solid, soft, outline or ghost, squ","k":"resource","s":"reactframe","c":"assets/icon","sb":"Animated","hc":1},{"id":"reactframe:glossy-gradient-button","t":"Glossy Gradient Button","d":"A premium call-to-action button with a glossy face: a lit gradient, a glass highlight on t","s":"reactframe","c":"actions/button","tg":["glass","gradient"],"sb":"Animated","sy":["glass","gradient"],"hc":1},{"id":"reactframe:inline-link-button","t":"Inline Link Button","d":"A text button that looks like a link, for secondary actions: Forgot password?, View all, U","s":"reactframe","c":"actions/button","sb":"Animated","hc":1},{"id":"reactframe:emoji-rating-scale","t":"Emoji Rating Scale","d":"A five-face satisfaction rating for quick feedback: hand-drawn faces from a frown to a wid","s":"reactframe","c":"inputs/rating","tg":["playful"],"sy":["playful"],"hc":1},{"id":"reactframe:side-tab-menu","t":"Side Tab Menu","d":"A vertical tab menu for settings pages: tabs with icons, second-line descriptions and coun","s":"reactframe","c":"navigation/menu","hc":1},{"id":"reactframe:dot-pager-indicator","t":"Dot Pager Indicator","d":"Dots that show where you are in a carousel or onboarding flow: the active dot stretches in","s":"reactframe","c":"navigation/wizard-steps","hc":1},{"id":"reactframe:vertical-progress-steps","t":"Vertical Progress Steps","d":"A live status tracker for multi-step processes like deploys, imports and order tracking: e","s":"reactframe","c":"navigation/wizard-steps","hc":1},{"id":"reactframe:auth-card","t":"Auth Card","d":"A sign-in, sign-up and forgot-password card in one: social sign-in buttons, email and pass","k":"layout","s":"reactframe","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"reactframe:pricing-table","t":"Pricing Table","d":"Pricing plans side by side with a monthly / yearly switch, prices that roll when the perio","k":"section","s":"reactframe","c":"marketing/pricing","sb":"Comparison tables","hc":1},{"id":"reactframe:faq-section","t":"FAQ Section","d":"A frequently asked questions section: heading and contact card on the left, an animated ac","k":"section","s":"reactframe","c":"marketing/faq","hc":1},{"id":"reactframe:contact-section","t":"Contact Section","d":"A contact section with a heading and your email, phone and address on the left, and a vali","k":"section","s":"reactframe","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"remocn:soft-blur-in","t":"Soft Blur In","d":"Per-character fade-in with a gentle blur and upward motion. Apple's signature hero-title r","k":"section","s":"remocn","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"remocn:per-character-rise","t":"Per Character Rise","d":"Letters slide up from below with no blur — crisp, deliberate, kinetic.","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:bottom-up-letters","t":"Bottom Up Letters","d":"Letters rise from below in a pronounced staircase, one symbol at a time, with zero blur.","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:top-down-letters","t":"Top Down Letters","d":"Letters descend from above in a pronounced staircase, one symbol at a time, with zero blur","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:spring-scale-in","t":"Spring Scale In","d":"Words pop in with a soft overshoot scale, like a physical spring settling into place.","k":"motion","s":"remocn","c":"motion/text-effect","sb":"Bouncy and wavy","hc":1},{"id":"remocn:micro-scale-fade","t":"Micro Scale Fade","d":"A calm, tiny scale pop used as subtle premium polish for labels and headings.","s":"remocn","c":"inputs/form-field","hc":1},{"id":"remocn:scale-down-fade","t":"Scale Down Fade","d":"Subtle premium settle-in with a restrained scale-down fade on exit.","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:blur-out-up","t":"Blur Out Up","d":"Words arrive clean and depart upward with increasing blur for airy exits.","k":"motion","s":"remocn","c":"motion/text-effect","tg":["minimal"],"sb":"Reveal and entrance","sy":["minimal"],"hc":1},{"id":"remocn:focus-blur-resolve","t":"Focus Blur Resolve","d":"A premium focus pull from heavy blur to crisp text, then a soft blur-out exit.","k":"motion","s":"remocn","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"remocn:lens-zoom","t":"Lens Zoom","d":"A hard cut disguised as a lens punch-in: barrel distortion, zoom blur, chromatic split and","s":"remocn","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"remocn:line-by-line-slide","t":"Line by Line Slide","d":"Each line enters from the left with a staggered slide and exits to the right for a flowing","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:per-word-crossfade","t":"Per Word Crossfade","d":"Words gently fade into place one after another, with a short vertical drift for a calm key","k":"motion","s":"remocn","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"remocn:word-stream","t":"Word Stream","d":"Voiceover-paced phrases that build word by word — the next word looms as a blurred ghost b","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:word-push","t":"Word Push","d":"A phrase builds from its first word centered: each next word drives in from the right and ","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:sheen-slide-in","t":"Sheen Slide In","d":"A title glides in from the right with an exponential settle and a slow final creep to cent","k":"motion","s":"remocn","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"remocn:squeeze-in","t":"Squeeze In","d":"Characters appear one by one on a tight stagger; when the last one lands, every letter gap","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:fog-rise","t":"Fog Rise","d":"Display text resolves out of fog: characters sharpen from heavy blur center-out with verti","s":"remocn","c":"data-display/gamification","hc":1},{"id":"remocn:caret-swap","t":"Caret Swap","d":"A gradient caret swells into a block that consumes the first phrase right-to-left, collaps","k":"motion","s":"remocn","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"remocn:zoom-words","t":"Zoom Words","d":"A close-up word reveal: huge words fade into a long line while the camera rides the write ","k":"motion","s":"remocn","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"remocn:centered-word-build","t":"Centered Word Build","d":"Words appear sharply from below while the centered phrase pushes cumulatively closer on ev","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:inline-pill-takeover","t":"Inline Pill Takeover","d":"A clipped pill expands inside a sentence, physically pushes the surrounding words apart, r","s":"remocn","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"remocn:typed-split-wipe","t":"Typed Split Wipe","d":"A centered cursorless type build holds, then exits through opposing fixed-layout glyph wip","s":"remocn","c":"actions/link","hc":1},{"id":"remocn:shadow-sweep-text","t":"Shadow Sweep Text","d":"A line rises up and left while one dense dark shadow uncovers it and a second shadow sweep","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:outline-fill-track-text","t":"Outline Fill Track Text","d":"A rising lead word gives way to an outlined value that fills from left to right while both","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:gradient-scale-cut-text","t":"Gradient Scale Cut Text","d":"An oversized gradient reveal snaps to a separate compact blurred line that settles left wh","k":"motion","s":"remocn","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"hc":1},{"id":"remocn:rush-type","t":"Rush Type","d":"A resting white word blasts through vertical scale motion, separating into energy-conservi","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:extrude-pop","t":"Extrude Pop","d":"A flat word pops up out of the plane on a solid colored 3D body, no camera involved.","k":"motion","s":"remocn","c":"motion/text-effect","tg":["3d"],"sb":"3D text","sy":["3d"],"hc":1},{"id":"remocn:fade-through","t":"Fade Through","d":"A Material-style content transition: old fades out, new fades in with a soft delay.","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:shared-axis-y","t":"Shared Axis Y","d":"Per-word hard-cut transition with staircase timing for sharp editorial swaps.","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:shared-axis-z","t":"Shared Axis Z","d":"Scale-based shared-axis transition for focus shifts and context depth.","k":"motion","s":"remocn","c":"motion/text-effect","tg":["3d"],"sy":["3d"],"hc":1},{"id":"remocn:short-slide-right","t":"Short Slide Right","d":"The whole phrase glides in from the left as one compact move while words reveal in sequenc","k":"motion","s":"remocn","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"remocn:kinetic-morph-text","t":"Kinetic Morph Text","d":"Letters lift, rotate, and softly reshape into editable phrases with sampled outline trails","k":"motion","s":"remocn","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"remocn:kinetic-warp","t":"Kinetic Warp","d":"A coarse mesh warp bends a whole word in staccato beats, one axis per keyframe.","k":"motion","s":"remocn","c":"motion/text-effect","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"remocn:kinetic-center-build","t":"Kinetic Center Build","d":"A word appears in the center; each new word enters from the right and pushes the line unti","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:short-slide-down","t":"Short Slide Down","d":"Each new word drops in from above into its own line and pushes the stack downward until a ","k":"motion","s":"remocn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:typewriter","t":"Typewriter","d":"Character-by-character text reveal with a deterministic blinking cursor.","k":"motion","s":"remocn","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"remocn:inline-highlight","t":"Inline Highlight","d":"Animates one word inside a sentence from a base color to a brand color.","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:stretch-in","t":"Stretch In","d":"Letters fly in from off-canvas and smear horizontally on the way — a vertex-lag deformatio","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:strikethrough-replace","t":"Strikethrough Replace","d":"Draws a strike line across old text then reveals new text in its place.","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:staggered-fade-up","t":"Staggered Fade Up","d":"Words fade in and slide up one after another with a configurable delay.","k":"motion","s":"remocn","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"remocn:mask-reveal-up","t":"Mask Reveal Up","d":"Lines reveal upward with a soft masked feel and compact stagger.","k":"motion","s":"remocn","c":"motion/background","hc":1},{"id":"remocn:tracking-in","t":"Tracking In","d":"Letter-spacing collapses and blur clears with a springy motion.","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:shimmer-sweep","t":"Shimmer Sweep","d":"Light shine sweeps across muted text via background-clip:text.","k":"motion","s":"remocn","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"remocn:marker-highlight","t":"Marker Highlight","d":"Colored marker block draws behind a phrase as the text color shifts.","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:slot-machine-roll","t":"Slot Machine Roll","d":"Vertical reel scrolls characters from one value to another.","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:matrix-decode","t":"Matrix Decode","d":"Random scramble resolves left-to-right into the target text.","k":"motion","s":"remocn","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"remocn:rgb-glitch-text","t":"RGB Glitch Text","d":"Three RGB-offset text copies jitter for a brief glitch window.","k":"motion","s":"remocn","c":"motion/text-effect","tg":["webgl"],"sb":"Scramble and glitch","sy":["webgl"],"hc":1},{"id":"remocn:infinite-marquee","t":"Infinite Marquee","d":"Seamlessly looping horizontal text strip with optional stroke style.","k":"motion","s":"remocn","c":"motion/marquee","hc":1},{"id":"remocn:shader-mesh-gradient","t":"Shader Mesh Gradient","d":"WebGL mesh gradient backdrop driven per-frame for deterministic Remotion renders.","k":"motion","s":"remocn","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"remocn:shader-grain-gradient","t":"Shader Grain Gradient","d":"Grainy multi-stop gradient that drifts slowly with film-grain texture over the blend.","k":"motion","s":"remocn","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"remocn:shader-warp","t":"Shader Warp","d":"Domain-warped color field that folds and stretches like liquid.","k":"motion","s":"remocn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:shader-swirl","t":"Shader Swirl","d":"Concentric bands swirling around a center point.","k":"motion","s":"remocn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:shader-water","t":"Shader Water","d":"Caustic water-surface ripples with subtle refraction.","k":"motion","s":"remocn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:shader-spiral","t":"Shader Spiral","d":"Rotating spiral arms radiating from the center.","k":"motion","s":"remocn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:shader-liquid-metal","t":"Shader Liquid Metal","d":"Molten metallic surface with flowing specular highlights.","k":"motion","s":"remocn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:shader-color-panels","t":"Shader Color Panels","d":"Overlapping translucent color panels sliding past each other.","k":"motion","s":"remocn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:shader-neuro-noise","t":"Shader Neuro Noise","d":"Organic neural-web noise field that slowly morphs.","k":"motion","s":"remocn","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"remocn:shader-perlin-noise","t":"Shader Perlin Noise","d":"Classic Perlin noise clouds drifting across the frame.","k":"motion","s":"remocn","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"remocn:shader-simplex-noise","t":"Shader Simplex Noise","d":"Simplex noise flow field, smoother than Perlin.","k":"motion","s":"remocn","c":"motion/background","tg":["minimal","webgl"],"sb":"Shaders and WebGL","sy":["minimal","webgl"],"hc":1},{"id":"remocn:shader-voronoi","t":"Shader Voronoi","d":"Animated Voronoi cells shifting and re-tessellating.","k":"motion","s":"remocn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:shader-dot-orbit","t":"Shader Dot Orbit","d":"Dots orbiting on concentric paths across the frame.","k":"motion","s":"remocn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:shader-dithering","t":"Shader Dithering","d":"Ordered-dither shading over an animated gradient field.","k":"motion","s":"remocn","c":"motion/shader","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"remocn:shader-god-rays","t":"Shader God Rays","d":"Volumetric light rays radiating from an off-screen source.","k":"motion","s":"remocn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:shader-smoke-ring","t":"Shader Smoke Ring","d":"Soft smoke ring curling and dissipating in place.","k":"motion","s":"remocn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:shader-metaballs","t":"Shader Metaballs","d":"Organic blobs merging and splitting like lava.","k":"motion","s":"remocn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:shader-pulsing-border","t":"Shader Pulsing Border","d":"Glowing border frame that pulses around the edges.","k":"motion","s":"remocn","c":"motion/shader","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"remocn:simulated-cursor","t":"Simulated Cursor","d":"Animated mouse cursor moving between waypoints with click ripple feedback.","k":"motion","s":"remocn","c":"motion/cursor","hc":1},{"id":"remocn:swirl-dissolve","t":"Swirl Dissolve","d":"A swirl shader transition that unwinds open and winds shut to reveal the next scene.","k":"motion","s":"remocn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:dither-dissolve","t":"Dither Dissolve","d":"A dithering shader transition that dissolves one scene into the next.","k":"motion","s":"remocn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:perlin-dissolve","t":"Perlin Dissolve","d":"A perlin-noise shader transition that sweeps its noise threshold to dissolve one scene int","k":"motion","s":"remocn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:smoke-dissolve","t":"Smoke Dissolve","d":"A smoke-ring shader transition that expands the ring outward to reveal the next scene.","k":"motion","s":"remocn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:wave-wipe","t":"Wave Wipe","d":"A grain-gradient wave that sweeps up across the frame, covering the outgoing scene and rev","k":"motion","s":"remocn","c":"motion/background","tg":["gradient"],"sb":"Waves and warps","sy":["gradient"],"hc":1},{"id":"remocn:ripple-zoom","t":"Ripple Zoom","d":"A grain-gradient ripple transition that flies the camera through the center of the rings w","s":"remocn","c":"media/gallery","tg":["3d","gradient"],"sb":"Zoom and lens","sy":["3d","gradient"],"hc":1},{"id":"remocn:gooey-morph","t":"Gooey Morph","d":"Bars fly in Tetris-style, land as a row, and melt into a word through a gooey blur-and-thr","k":"motion","s":"remocn","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"remocn:grain-dissolve","t":"Grain Dissolve","d":"A grain-gradient shader transition that disintegrates the outgoing scene into soft grainy ","k":"motion","s":"remocn","c":"motion/background","tg":["gradient","webgl"],"sb":"Noise and texture","sy":["gradient","webgl"],"hc":1},{"id":"remocn:warp-dissolve","t":"Warp Dissolve","d":"A domain-warp shader transition that melts the outgoing scene into a folding color field a","s":"remocn","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:whip-pan","t":"Whip Pan","d":"A whip-pan transition that flies both scenes through the frame in one move with velocity-b","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:push-through","t":"Push Through","d":"A dolly transition that blows the outgoing scene past the camera while the next one approa","k":"motion","s":"remocn","c":"motion/text-effect","tg":["3d"],"sy":["3d"],"hc":1},{"id":"remocn:focus-pull","t":"Focus Pull","d":"A rack-focus transition that defocuses the outgoing scene into a bright blur and resolves ","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:zoom-blur","t":"Zoom Blur","d":"A depth punch-in transition that pushes the outgoing scene through the viewer while the in","s":"remocn","c":"media/gallery","tg":["3d"],"sb":"Zoom and lens","sy":["3d"],"hc":1},{"id":"remocn:rolodex-flip","t":"Rolodex Flip","d":"Cycles a word through a list of values with a 3D rolodex card flip while an invisible size","s":"remocn","c":"data-display/list","tg":["3d"],"sy":["3d"],"hc":1},{"id":"remocn:value-swap","t":"Value Swap","d":"Swaps a value in place with a vertical slide — the old value exits up as the new one enter","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:chat-to-preview-layout","t":"Chat to Preview Layout","d":"Two-column layout where chat shrinks and preview expands.","s":"remocn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"remocn:animated-line-chart","t":"Animated Line Chart","d":"Line chart whose SVG path draws on from left to right with a leading dot.","s":"remocn","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"remocn:animated-bar-chart","t":"Animated Bar Chart","d":"Bars spring up from the baseline in a staggered cascade.","s":"remocn","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"remocn:terminal-simulator","t":"Terminal Simulator","d":"Terminal window that types out commands and rolls old lines off the top.","s":"remocn","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"remocn:terminal-cursor-zoom","t":"Terminal Cursor Zoom","d":"Camera locked to the typing cursor, dollying across a terminal as a command types at high ","s":"remocn","c":"media/gallery","tg":["retro and HUD"],"sb":"Zoom and lens","sy":["retro and HUD"],"hc":1},{"id":"remocn:glass-code-block","t":"Glass Code Block","d":"A premium frosted-glass code editor window with a regex tokenizer and line-by-line stagger","s":"remocn","c":"data-display/code-block","tg":["glass"],"sy":["glass"],"hc":1},{"id":"remocn:glass-code-walk","t":"Glass Code Walk","d":"A camera that scans a glass code block top to bottom as it types, then pulls back to a cen","k":"motion","s":"remocn","c":"motion/text-effect","tg":["glass"],"sy":["glass"],"hc":1},{"id":"remocn:perspective-marquee","t":"Perspective Marquee","d":"A 3D-tilted infinite marquee with depth-of-field blur on items rolling toward the horizon.","k":"motion","s":"remocn","c":"motion/marquee","tg":["3d"],"sy":["3d"],"hc":1},{"id":"remocn:perspective-squeeze","t":"Perspective Squeeze","d":"Two lines of heavy type endlessly trade height while corner-pinned perspective bends the f","k":"motion","s":"remocn","c":"motion/tilt-3d","tg":["3d"],"sy":["3d"],"hc":1},{"id":"remocn:ecosystem-constellation","t":"Ecosystem Constellation","d":"A central logo orbited by integration satellites with pulsing data lines.","k":"resource","s":"remocn","c":"assets/logo","hc":1},{"id":"remocn:live-code-compilation","t":"Live Code Compilation","d":"Split-screen where typed code on the left snaps a live UI preview on the right, HMR-style.","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:infinite-bento-pan","t":"Infinite Bento Pan","d":"A camera diagonally drifts across an oversized bento grid behind a soft vignette.","k":"layout","s":"remocn","c":"layout/bento-grid","hc":1},{"id":"remocn:github-sponsors","t":"GitHub Sponsors","d":"Self-drawing Sponsors heart that docks to a header, every sponsor avatar blur-staggering i","k":"section","s":"remocn","c":"marketing/cta","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:github-stars","t":"GitHub Stars","d":"Inertial fly-through of a repo's stargazers with a synced count-up odometer that locks on ","k":"motion","s":"remocn","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"remocn:number-wheel","t":"Number Wheel","d":"Mechanical odometer that rolls an integer up or down to its target, direction inferred fro","k":"motion","s":"remocn","c":"motion/number-ticker","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:rolling-number","t":"Rolling Number","d":"Odometer where every place rolls at its own speed, new places rising into view, settling e","k":"motion","s":"remocn","c":"motion/number-ticker","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:x-follow-card","t":"X Follow Card","d":"Animated X profile follow card — spring bounce-in, staggered blur-in, a synthetic cursor t","s":"remocn","c":"data-display/card","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:x-followers-overview","t":"X Followers Overview","d":"X follow notifications cycle through as 3D flipping text — '<name> followed you · 7h' — th","s":"remocn","c":"overlays/notifications","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"remocn:claude-chat","t":"Claude Chat","d":"Animated Claude chat input — types a prompt character-by-character and the waveform button","s":"remocn","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Chat","sy":["webgl"],"hc":1},{"id":"remocn:chat-gpt","t":"ChatGPT","d":"Animated ChatGPT composer — types a prompt into the pill input, the blue voice button morp","s":"remocn","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Chat","sy":["webgl"],"hc":1},{"id":"remocn:v0","t":"Composer #0","d":"Animated Vercel v0 composer — types a prompt into the dark textarea and the mic button mor","s":"remocn","c":"ai-agent/composer","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:claude-code","t":"Claude Code","d":"Animated Claude Code CLI welcome screen — terminal window with a dashed welcome box, recen","s":"remocn","c":"ai-agent/composer","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"remocn:opencode","t":"OpenCode","d":"Animated OpenCode TUI welcome screen — two-tone wordmark, an input box with a blue accent ","k":"resource","s":"remocn","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"remocn:chromatic-wave","t":"Chromatic Wave","d":"A soft wave travels down through the type; where it crosses, the letters ripple and split ","k":"motion","s":"remocn","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"remocn:radial-burst","t":"Radial Burst","d":"Sculptural ribbons twist into a tilted ring and sweep outward through contour echoes for a","k":"motion","s":"remocn","c":"motion/text-effect","tg":["3d"],"sy":["3d"],"hc":1},{"id":"remocn:confetti","t":"Confetti","d":"Deterministic confetti burst for Remotion — seeded particles with gravity, spin, and flutt","k":"motion","s":"remocn","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"remocn:backdrop","t":"Backdrop","d":"Configurable full-frame background (color / gradient / image / live component) with Screen","k":"motion","s":"remocn","c":"motion/background","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"remocn:drift","t":"Drift","d":"A slow linear camera push-in wrapper that scales its scene from 1 to 1+grow across the seq","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:stage","t":"Stage","d":"Place a screenshot, recording, or long page on a perspective studio plane and direct an in","s":"remocn","c":"data-display/timeline","tg":["3d"],"sy":["3d"],"hc":1},{"id":"remocn:logo-enter","t":"Logo Enter","d":"A stacked group of round brand chips that spring in one-by-one, then hold. Swap the logos ","k":"resource","s":"remocn","c":"assets/logo","hc":1},{"id":"remocn:handwrite","t":"Handwrite","d":"Handwritten text laid down letter by letter on a quantized stop-motion clock, each glyph k","k":"motion","s":"remocn","c":"motion/text-effect","tg":["webgl"],"sb":"Handwriting and SVG","sy":["webgl"],"hc":1},{"id":"remocn:ink-underline","t":"Ink Underline","d":"A hand-dragged brush underline that sweeps itself across in a few stop-motion poses, thinn","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:paper-wobble","t":"Paper Wobble","d":"Per-pose reshoot jitter that makes any content feel hand-placed on a desk.","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:ink-arrow","t":"Ink Arrow","d":"A hand-drawn brush arrow that sweeps itself from one point to another, thickening into the","k":"motion","s":"remocn","c":"motion/text-effect","tg":["playful"],"sy":["playful"],"hc":1},{"id":"remocn:paper-sticker","t":"Paper Sticker","d":"A taped paper chip that slaps onto the scene over two stop-motion poses, keeping a hand-pl","s":"remocn","c":"data-display/badge","tg":["3d"],"sy":["3d"],"hc":1},{"id":"remocn:polaroid","t":"Polaroid","d":"An instant-photo frame with a handwritten caption for video, images, or live compositions.","s":"remocn","c":"media/player","hc":1},{"id":"remocn:hand-count","t":"Hand Count","d":"A number that counts up in stop-motion poses, rewritten by hand at every pose and freezing","k":"motion","s":"remocn","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:brush","t":"Brush","d":"Variable-width brush ribbons for Remotion. Pressure taper, grain displacement, and spine s","k":"motion","s":"remocn","c":"motion/background","hc":1},{"id":"remocn:crumple-toss","t":"Crumple Toss","d":"Crushes an element into a ball of paper and throws it out of frame on an arc, leaving the ","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:scribble-circle","t":"Scribble Circle","d":"A brush circle swept around a region of the frame, opening thin and closing thick, with gr","k":"motion","s":"remocn","c":"motion/background","hc":1},{"id":"remocn:check-list","t":"Check List","d":"A handwritten checklist that writes itself out in full, then ticks and strikes through eve","s":"remocn","c":"data-display/list","hc":1},{"id":"remocn:page-turn","t":"Page Turn","d":"The exiting scene swings up and away like a notebook page in stop-motion poses, staying ab","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:stop-motion","t":"Stop Motion Clock","d":"Quantized stop-motion clock for Remotion. Stepped frames, stepped springs, deterministic h","k":"lib","s":"remocn","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"remocn:ascii-dissolve","t":"ASCII Dissolve","d":"Dissolve one scene into the next through a drifting field of ASCII glyphs.","k":"motion","s":"remocn","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"remocn:caret-wipe","t":"Caret Wipe","d":"Sweep a typing caret across the frame, wiping the outgoing scene into the next.","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:icon-scatter","t":"Icon Scatter","d":"Scatter a field of icons over the cut, hiding the scene swap at the field's peak.","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:shader-caustics","t":"Shader Caustics","d":"A field of refracted light — the bright filaments light makes through a rippling surface.","k":"motion","s":"remocn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:shader-gem-smoke","t":"Shader Gem Smoke","d":"Paper's Gem Smoke shader driven by the frame — smoke flowing behind and inside a glassy lo","k":"motion","s":"remocn","c":"motion/shader","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"remocn:shader-strata","t":"Shader Strata","d":"Fine horizontal sediment layers displaced by fbm noise, each drifting at its own depth.","k":"motion","s":"remocn","c":"motion/shader","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"remocn:shader-weave","t":"Shader Weave","d":"A woven substrate of warp and weft threads crossing on a domain-warped grid, with a travel","k":"motion","s":"remocn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:reel","t":"Reel","d":"A fixed centered card where images stack on the z-axis and each blooms open over the last ","s":"remocn","c":"data-display/card","hc":1},{"id":"remocn:scene-motion","t":"Scene Motion","d":"The motion vocabulary scene content is built from: an exponential travel curve, a separate","k":"lib","s":"remocn","c":"lib/utility","tg":["webgl"],"sb":"Motion helpers","sy":["webgl"],"hc":1},{"id":"remocn:slide-swap","t":"Slide Swap","d":"A scene sequencer where the outgoing content is shoved off on an accelerating curve and th","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:spring-settle","t":"Spring Settle","d":"A scene sequencer where the outgoing scene shrinks away as one group, the stage holds empt","s":"remocn","c":"data-display/list","hc":1},{"id":"remocn:canvas-presentation","t":"Canvas Presentation","d":"The html-in-canvas scaffolding the canvas transitions and scene filters share: support det","k":"lib","s":"remocn","c":"lib/utility","tg":["webgl"],"sb":"Motion helpers","sy":["webgl"],"hc":1},{"id":"remocn:ember-burn","t":"Ember Burn","d":"The outgoing frame catches fire where it is brightest, boils in the heat, chars at the rim","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:displacement","t":"Displacement","d":"The frame breaks into a grid of cells that shear apart into offset, colour-fringed tiles u","k":"motion","s":"remocn","c":"motion/background","hc":1},{"id":"remocn:hologram","t":"Hologram","d":"Play a scene as a projection: a ghost double shimmers off the image, emission lines struct","s":"remocn","c":"media/gallery","hc":1},{"id":"remocn:tv-power-off","t":"TV Power Off","d":"End a scene the way a tube does: the picture collapses into a glowing horizontal line, the","s":"remocn","c":"media/gallery","tg":["neon"],"sy":["neon"],"hc":1},{"id":"remocn:camera-lens","t":"Camera Lens","d":"Put a scene behind real glass: resolution falls off toward the corners, highlights bloom t","s":"remocn","c":"media/gallery","tg":["glass"],"sb":"Zoom and lens","sy":["glass"],"hc":1},{"id":"remocn:underwater-ripple","t":"Underwater Ripple","d":"Hold a scene under moving water: every pixel is read through a layered refraction field th","k":"motion","s":"remocn","c":"motion/background","tg":["retro and HUD"],"sb":"Waves and warps","sy":["retro and HUD"],"hc":1},{"id":"remocn:halftone-print","t":"Halftone Print","d":"Print a scene onto paper: each colour separates onto its own rotated screen of dots sized ","k":"layout","s":"remocn","c":"flows/sign-in","hc":1},{"id":"remocn:ascii-render","t":"ASCII Render","d":"Redraw a live scene as ASCII: the frame divides into glyph cells and each one becomes the ","k":"motion","s":"remocn","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"remocn:pixelate-region","t":"Pixelate Region","d":"Cover rectangles of a scene with an opaque mosaic while the rest passes through untouched ","k":"motion","s":"remocn","c":"motion/text-effect","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"remocn:sustained-glitch","t":"Sustained Glitch","d":"Broadcast corruption held over a scene in scheduled bursts: slices tear sideways, channels","s":"remocn","c":"media/gallery","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"remocn:crt-screen","t":"CRT Screen","d":"Put a scene behind curved glass: the picture bulges out to the corners, an RGB phosphor ma","s":"remocn","c":"media/gallery","tg":["glass","retro and HUD"],"sy":["glass","retro and HUD"],"hc":1},{"id":"remocn:vhs-filter","t":"VHS Filter","d":"Hold a scene under analog tape: chroma bleeds sideways off every edge, rows wobble out of ","s":"remocn","c":"actions/switch","sb":"Animated","hc":1},{"id":"remocn:grid-wave","t":"Grid Wave","d":"A wave travels across the frame raising the picture into a grid of solid blocks with lit t","k":"motion","s":"remocn","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"remocn:particle-dissolve","t":"Particle Dissolve","d":"The frame is ground into drifting grey dust whose specks carry real fragments of the pictu","k":"motion","s":"remocn","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"remocn:glitch-cut","t":"Glitch Cut","d":"A broadcast-glitch hard cut: the frame tears into displaced slices with channel split and ","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:search-reveal","t":"Search Reveal","d":"Expanding construction circles snap into a search pill, type editable text, and reveal an ","s":"remocn","c":"inputs/search","hc":1},{"id":"remocn:cursor-gravity","t":"Cursor Gravity","d":"A rounded triangular cursor tugs a button out of the screen edge with pulsed elastic resis","k":"motion","s":"remocn","c":"motion/cursor","hc":1},{"id":"remocn:type-fossil","t":"Type Fossil","d":"A readable word carries layers of fine contours, revises itself, then compresses into a cl","k":"motion","s":"remocn","c":"motion/text-effect","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"remocn:shader-seam","t":"Shader Seam","d":"Dissolve a stationary OpenShaders material to uncover the next scene.","k":"motion","s":"remocn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:shader-text-reveal","t":"Shader Text Reveal","d":"Reveal words through the original OpenShaders hero shader, then settle into white type.","k":"motion","s":"remocn","c":"motion/text-effect","tg":["webgl"],"sb":"Reveal and entrance","sy":["webgl"],"hc":1},{"id":"remocn:inline-word-roll","t":"Inline Word Roll","d":"Roll through words beside a fixed prefix with accelerating timing and smoothly centered wi","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:shader-light-tunnel","t":"Light Tunnel","d":"Fly straight through a tunnel made from the original OpenShaders hero shader.","k":"motion","s":"remocn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:shader-spiral-pass","t":"Shader Spiral Pass","d":"Accelerate into the hero spiral and emerge through its soft center into the next scene.","k":"motion","s":"remocn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:truchet-flip","t":"Truchet Flip","d":"Quarter-circle Truchet tiles snap a quarter turn as a wave crosses the grid, rerouting con","s":"remocn","c":"inputs/form-field","hc":1},{"id":"remocn:mondrian-split","t":"Mondrian Split","d":"Black lines cut the frame into a seeded De Stijl grid, primaries wipe into its cells, the ","s":"remocn","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"remocn:bauhaus-build","t":"Bauhaus Build","d":"Flat Bauhaus circles, arcs, squares and bars tumble corner over corner on a hidden grid in","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:squiggle","t":"Squiggle","d":"A flat line draws itself along a straight course as a traveling wave whose crests swim for","k":"resource","s":"remocn","c":"assets/shape","hc":1},{"id":"remocn:speed-lines","t":"Speed Lines","d":"Parallel streaks trail an element as it flies in at its real speed, the element stretching","k":"motion","s":"remocn","c":"motion/background","sb":"Beams and light","hc":1},{"id":"remocn:trim-burst","t":"Trim Burst","d":"A ring of short straight strokes shoots out from a point like Trim Paths: each end races a","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:keystroke","t":"Keystroke","d":"Physical keycaps rise in for each shortcut, press in real order with the modifiers held wh","k":"motion","s":"remocn","c":"motion/text-effect","sb":"Handwriting and SVG","hc":1},{"id":"remocn:code-morph","t":"Code Morph","d":"A flat code editor that morphs between versions of a file, gliding each surviving token to","k":"motion","s":"remocn","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"remocn:agent-run","t":"Agent Run","d":"Animated brand-neutral AI agent run — a Thinking status and short plan, tool calls whose s","s":"remocn","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"remocn:selection-snap","t":"Selection Snap","d":"A thin word in a loose viewfinder snaps into a design-tool selection while it goes from Th","s":"remocn","c":"data-display/badge","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:echo-stack","t":"Echo Stack","d":"A word focuses in at the center while outline copies of it unfold above and below and keep","k":"motion","s":"remocn","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:type-wall","t":"Type Wall","d":"Rows of one word fill the frame, run in alternating directions at different speeds in heav","s":"remocn","c":"data-display/list","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:ring-text","t":"Ring Text","d":"Text runs around a tilted 3D band that spins, reading on the near side and mirrored on the","k":"motion","s":"remocn","c":"motion/text-effect","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"remocn:period-drop","t":"Period Drop","d":"A word rises out of its line, then a colored dot falls from above the frame, bounces with ","s":"remocn","c":"inputs/date-range","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:outline-trace","t":"Outline Trace","d":"Every glyph contour draws itself as a stroke, letter by letter, then the fill wipes up ins","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:glyph-anatomy","t":"Glyph Anatomy","d":"A word builds as in a font editor, with metric guides, anchors along each contour and Bézi","k":"resource","s":"remocn","c":"assets/font","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:stripe-type","t":"Stripe Type","d":"A word cut into horizontal bands, as in the IBM logo, slides together from alternating sid","k":"resource","s":"remocn","c":"assets/logo","tg":["webgl"],"sb":"Payments","sy":["webgl"],"hc":1},{"id":"remocn:path-ride","t":"Path Ride","d":"A line draws itself along a curve with the text riding behind its head, then the curve pul","k":"motion","s":"remocn","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:type-repeater","t":"Type Repeater","d":"An After Effects style repeater on a word, where copies unfold into a tunnel, a spiral or ","k":"motion","s":"remocn","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:caption-core","t":"Caption Core","d":"The timing engine every caption style shares: pages a timed transcript, finds the word bei","k":"lib","s":"remocn","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"remocn:caption-karaoke","t":"Caption Karaoke","d":"Transcript captions where each word fills with colour left to right exactly as it is spoke","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:caption-highlight-box","t":"Caption Highlight Box","d":"A solid box travels behind the word being spoken, sliding from word to word as the voice m","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:caption-active-pop","t":"Caption Active Pop","d":"The word being spoken turns to the accent colour and springs up in scale, then settles bac","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:caption-word-pop","t":"Caption Word Pop","d":"One large word at a time, each popping in on a spring the moment it is spoken.","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:caption-bounce-in","t":"Caption Bounce In","d":"Each word springs up into place with a little overshoot the moment it is spoken, and the p","k":"motion","s":"remocn","c":"motion/text-effect","sb":"Bouncy and wavy","hc":1},{"id":"remocn:caption-blur-in","t":"Caption Blur In","d":"Each word resolves out of a soft blur the moment it is spoken, for captions that arrive qu","k":"motion","s":"remocn","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"remocn:caption-rise","t":"Caption Rise","d":"Each word slides up out of a mask at its baseline the moment it is spoken, with no bounce ","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:caption-typewriter","t":"Caption Typewriter","d":"Each word types out character by character at the pace it is spoken, with a caret that bli","k":"motion","s":"remocn","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"remocn:caption-slot","t":"Caption Slot","d":"One short line at a time, each new phrase rolling up into place as the previous one rolls ","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:caption-subtitle","t":"Caption Subtitle","d":"Classic broadcast subtitles, a whole phrase on a translucent plate, with no word-level ani","s":"remocn","c":"inputs/textarea","hc":1},{"id":"remocn:caption-dim-progress","t":"Caption Dim Progress","d":"The whole phrase sits on screen dimmed and each word brightens the moment it is spoken, wi","s":"remocn","c":"data-viz/progress-bar","hc":1},{"id":"remocn:caption-underline","t":"Caption Underline","d":"A bar slides under the word being spoken, travelling from word to word while the text itse","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:caption-scramble","t":"Caption Scramble","d":"Each word arrives as random glyphs at the moment it is spoken and decodes left to right in","k":"motion","s":"remocn","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"remocn:caption-weight","t":"Caption Weight","d":"The word being spoken swells from a light weight to a heavy one and relaxes as the voice m","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:caption-emoji","t":"Caption Emoji","d":"An emoji pops up above a chosen word the moment it is spoken and stays until the phrase le","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:caption-speaker","t":"Caption Speaker","d":"Dialogue captions where every phrase takes its speaker's colour, so a conversation reads l","s":"remocn","c":"ai-agent/ai-agent","hc":1},{"id":"remocn:caption-stack","t":"Caption Stack","d":"Kinetic captions stacked a couple of words per line, with the keyword of each page set lar","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:caption-outline","t":"Caption Outline","d":"Heavy-stroked captions that stay readable over any footage, with the spoken word switching","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:caption-marker","t":"Caption Marker","d":"Plain captions where the words that matter get a highlighter swipe the moment they are spo","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:caption-stamp","t":"Caption Stamp","d":"Plain captions where the words that matter slam down as a rubber stamp the moment they are","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:caption-handwrite","t":"Caption Handwrite","d":"Each word is inked in by hand from left to right at the pace it is spoken, every word sitt","k":"motion","s":"remocn","c":"motion/text-effect","sb":"Handwriting and SVG","hc":1},{"id":"remocn:caption-redact","t":"Caption Redact","d":"The whole phrase starts blacked out like a declassified file, and each bar pulls away the ","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:caption-prosody","t":"Caption Prosody","d":"Word size follows the delivery, so drawn-out words land large and rushed words stay small,","k":"resource","s":"remocn","c":"assets/sound","hc":1},{"id":"remocn:caption-timeline","t":"Caption Timeline","d":"The whole transcript laid out on a scrolling time strip that slides under a fixed playhead","s":"remocn","c":"data-display/timeline","hc":1},{"id":"remocn:caption-teleprompter","t":"Caption Teleprompter","d":"The whole transcript scrolls smoothly through a short window with the current line centred","k":"motion","s":"remocn","c":"motion/background","hc":1},{"id":"remocn:caption-knockout","t":"Caption Knockout","d":"A solid plate with the words cut clean through it, each word punching out the moment it is","s":"remocn","c":"inputs/textarea","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"remocn:caption-slice","t":"Caption Slice","d":"Each word arrives cut in two, the top half sliding in from the left and the bottom from th","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:caption-cube","t":"Caption Cube","d":"Each new phrase turns into view as the next face of a 3D cube, the previous phrase rotatin","k":"motion","s":"remocn","c":"motion/text-effect","tg":["3d"],"sy":["3d"],"hc":1},{"id":"remocn:caption-split-flap","t":"Caption Split Flap","d":"Every letter sits on its own flap tile and clatters through a few characters before landin","s":"remocn","c":"data-display/kanban","hc":1},{"id":"remocn:caption-label-maker","t":"Caption Label Maker","d":"Each phrase is punched letter by letter into a strip of embossing tape at the pace it is s","s":"remocn","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"remocn:caption-drop","t":"Caption Drop","d":"Each word falls into place from above and bounces as it lands the moment it is spoken, and","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:remocn-ui","t":"remocn UI Core","d":"Shared timeline-fold hook, theme context, and color math for remocn UI primitives.","k":"lib","s":"remocn","c":"lib/utility","sb":"Formatting","hc":1},{"id":"remocn:spinner","t":"UI Spinner","d":"A deterministic spinning arc that loops on the Remotion frame — a pure motion atom with no","s":"remocn","c":"status/loader","sb":"Spinners","hc":1},{"id":"remocn:caret","t":"UI Caret","d":"A blinking text caret — a controlled vertical bar, or a pure motion atom that blinks deter","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:button","t":"UI Button","d":"A button whose idle/hover/press/loading/success state is a pure function of the timeline; ","s":"remocn","c":"actions/button","tg":["playful"],"sb":"Animated","sy":["playful"],"hc":1},{"id":"remocn:accordion","t":"UI Accordion","d":"A disclosure whose opened/closed state is a pure function of the timeline; the panel revea","s":"remocn","c":"data-display/accordion","tg":["playful"],"sb":"Animated","sy":["playful"],"hc":1},{"id":"remocn:alert-dialog","t":"UI Alert Dialog","d":"A modal alert dialog whose opened/closed state is a pure function of the timeline; the bac","s":"remocn","c":"overlays/dialog","tg":["playful"],"sb":"Confirm","sy":["playful"],"hc":1},{"id":"remocn:dialog","t":"UI Dialog","d":"A modal dialog whose opened/closed state is a pure function of the timeline; the backdrop ","s":"remocn","c":"overlays/dialog","tg":["playful"],"sb":"Animated","sy":["playful"],"hc":1},{"id":"remocn:sheet","t":"UI Sheet","d":"A side panel whose opened/closed state is a pure function of the timeline; the backdrop di","s":"remocn","c":"overlays/sheet","tg":["playful"],"sy":["playful"],"hc":1},{"id":"remocn:drawer","t":"UI Drawer","d":"A bottom panel whose opened/closed state is a pure function of the timeline; the backdrop ","s":"remocn","c":"overlays/sheet","tg":["playful"],"sy":["playful"],"hc":1},{"id":"remocn:checkbox","t":"UI Checkbox","d":"A checkbox whose checked/unchecked state is a pure function of the timeline; the box fill,","s":"remocn","c":"inputs/checkbox","tg":["playful"],"sy":["playful"],"hc":1},{"id":"remocn:radio","t":"UI Radio","d":"A radio whose checked/unchecked state is a pure function of the timeline; the ring border ","s":"remocn","c":"inputs/radio","tg":["playful"],"sy":["playful"],"hc":1},{"id":"remocn:switch","t":"UI Switch","d":"A switch whose checked/unchecked state is a pure function of the timeline; the track fill ","s":"remocn","c":"actions/switch","tg":["playful"],"sb":"Animated","sy":["playful"],"hc":1},{"id":"remocn:input","t":"UI Input","d":"A text input whose idle/hover/active/typing/invalid state is a pure function of the timeli","s":"remocn","c":"inputs/form-field","tg":["playful"],"sy":["playful"],"hc":1},{"id":"remocn:blur-in","t":"UI Blur In","d":"A wrapper that reveals a single child with blur + opacity + a directional offset; a pure s","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:field","t":"UI Field","d":"A static layout family for composing labeled form controls, modeled on shadcn's Field: Fie","s":"remocn","c":"inputs/form-field","hc":1},{"id":"remocn:select-item","t":"UI Select Item","d":"A select option row whose idle/hover/press/selected state is a pure function of the timeli","s":"remocn","c":"inputs/select","tg":["playful"],"sy":["playful"],"hc":1},{"id":"remocn:select","t":"UI Select","d":"A select whose opened/closed state is a pure function of the timeline; the trigger reuses ","s":"remocn","c":"inputs/select","tg":["playful"],"sy":["playful"],"hc":1},{"id":"remocn:select-menu","t":"UI Select Menu","d":"A vertical option list where exactly one row is highlighted; the highlight bar and left ac","s":"remocn","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"remocn:dropdown-menu-item","t":"UI Dropdown Menu Item","d":"A dropdown menu action row whose idle/hover/press state is a pure function of the timeline","s":"remocn","c":"navigation/menu","tg":["playful"],"sb":"Dropdowns","sy":["playful"],"hc":1},{"id":"remocn:tabs","t":"UI Tabs","d":"A tabs widget whose active-tab state is a pure function of the timeline; the sliding indic","s":"remocn","c":"navigation/tabs","tg":["playful"],"sy":["playful"],"hc":1},{"id":"remocn:dropdown-menu","t":"UI Dropdown Menu","d":"A dropdown menu whose opened/closed state is a pure function of the timeline; the trigger ","s":"remocn","c":"navigation/menu","tg":["playful"],"sb":"Dropdowns","sy":["playful"],"hc":1},{"id":"remocn:cursor","t":"UI Cursor","d":"An animated cursor that moves between waypoints, clicks (ripple), and drags. The Cursor re","k":"motion","s":"remocn","c":"motion/cursor","tg":["playful"],"sy":["playful"],"hc":1},{"id":"remocn:toast","t":"UI Toast","d":"A toast notification whose hidden/visible state is a pure function of the timeline. The To","s":"remocn","c":"overlays/toast","tg":["playful"],"sy":["playful"],"hc":1},{"id":"remocn:command-menu-item","t":"UI Command Menu Item","d":"A command-palette row whose idle/hover/press/selected state is a pure function of the time","s":"remocn","c":"navigation/command-palette","tg":["playful"],"sy":["playful"],"hc":1},{"id":"remocn:command-menu","t":"UI Command Menu","d":"A ⌘K command palette whose opened/closed state is a pure function of the timeline; the pan","s":"remocn","c":"navigation/command-palette","tg":["playful"],"sy":["playful"],"hc":1},{"id":"remocn:tooltip","t":"UI Tooltip","d":"A tooltip whose hidden/visible state is a pure function of the timeline. The Tooltip rende","s":"remocn","c":"overlays/tooltip","tg":["playful"],"sy":["playful"],"hc":1},{"id":"remocn:progress","t":"UI Progress","d":"A progress bar whose fill is a pure function of a numeric value channel (value-channel dev","s":"remocn","c":"data-viz/progress-bar","tg":["playful"],"sy":["playful"],"hc":1},{"id":"remocn:skeleton-block","t":"UI Skeleton Block","d":"A shimmer placeholder block — a motion atom (spinner pattern). A directional highlight gra","s":"remocn","c":"status/skeleton","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"remocn:skeleton","t":"UI Skeleton","d":"A skeleton→content crossfade whose loading/loaded state is a pure function of the timeline","s":"remocn","c":"status/skeleton","tg":["playful"],"sy":["playful"],"hc":1},{"id":"remocn:slider","t":"UI Slider","d":"A slider whose fill is a numeric value channel plus a thumb idle/hover/press channel (dual","s":"remocn","c":"inputs/slider","hc":1},{"id":"remocn:combobox","t":"UI Combobox","d":"A combobox whose opened/closed state is a pure function of the timeline; the panel fade/sc","s":"remocn","c":"inputs/combobox","tg":["playful"],"sy":["playful"],"hc":1},{"id":"remocn:popover","t":"UI Popover","d":"A popover/hover-card whose opened/closed state is a pure function of the timeline. The Pop","s":"remocn","c":"overlays/popover","tg":["playful"],"sy":["playful"],"hc":1},{"id":"remocn:context-menu","t":"UI Context Menu","d":"A right-click context menu whose opened/closed state is a pure function of the timeline; t","s":"remocn","c":"overlays/context-menu","tg":["playful"],"sy":["playful"],"hc":1},{"id":"remocn:toggle-group","t":"UI Toggle Group","d":"A segmented control whose active value is a pure function of the timeline; a raised thumb ","s":"remocn","c":"actions/switch","tg":["playful"],"sb":"Animated","sy":["playful"],"hc":1},{"id":"remocn:stepper","t":"UI Stepper","d":"A horizontal onboarding stepper whose progress is a pure function of a continuous step ind","s":"remocn","c":"navigation/wizard-steps","tg":["playful"],"sy":["playful"],"hc":1},{"id":"remocn:resizable","t":"UI Resizable","d":"Two panels split by a draggable handle, where the split ratio is a numeric channel plus a ","k":"layout","s":"remocn","c":"layout/split-pane","hc":1},{"id":"remocn:signup-flow","t":"UI Signup Flow","d":"A signup card composition: a real shadcn-style card (header, labeled Full Name / Email / P","k":"layout","s":"remocn","c":"flows/sign-in","tg":["webgl"],"sb":"Sign up","sy":["webgl"],"hc":1},{"id":"remocn:ai-prompt-flow","t":"UI AI Prompt Flow","d":"An AI prompt composition: a prompt types into the field, the Generate button runs hover → ","s":"remocn","c":"ai-agent/composer","hc":1},{"id":"remocn:checkout-flow","t":"UI Checkout Flow","d":"A cursor-driven checkout card: the card and its fields blur-in, then the pointer flips a b","k":"section","s":"remocn","c":"marketing/pricing","hc":1},{"id":"remocn:onboarding-stepper-flow","t":"UI Onboarding Stepper Flow","d":"A multi-step onboarding composition: a horizontal stepper advances through panels of input","s":"remocn","c":"navigation/wizard-steps","hc":1},{"id":"remocn:settings-toggle-flow","t":"UI Settings Toggle Flow","d":"A two-column settings card: the card and its controls blur-in, then the cursor flips a swi","s":"remocn","c":"actions/switch","sb":"Animated","hc":1},{"id":"remocn:message-bubble","t":"UI Message Bubble","d":"A chat message bubble whose hidden/visible state is a pure function of the timeline. The r","s":"remocn","c":"ai-agent/ai-agent","tg":["playful"],"sb":"Chat","sy":["playful"],"hc":1},{"id":"remocn:typing-indicator","t":"UI Typing Indicator","d":"A continuous typing animation: N dots bounce with a staggered sine wave. A motion atom — i","k":"motion","s":"remocn","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"remocn:chat-flow","t":"UI Chat Flow","d":"A messaging composition: an outgoing message types into the composer, the send button pres","s":"remocn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"remocn:telegram-chat-flow","t":"UI Telegram Chat Flow","d":"A Telegram-styled messaging composition: tailed bubbles (white incoming, blue outgoing) wi","s":"remocn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"remocn:imessage-chat-flow","t":"UI iMessage Chat Flow","d":"An iMessage-styled messaging composition: gray incoming and blue outgoing bubbles with tai","s":"remocn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"remocn:icons-core","t":"Icons Core","d":"Shared animation contract, pure frame-to-phase timeline, and SVG path-draw helpers for rem","k":"lib","s":"remocn","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"remocn:icon-check","t":"Check","d":"Animated Lucide check icon — the stroke draws on, then stamps with a spring pop to mark a ","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-check-circle","t":"Check Circle","d":"Animated Lucide circle-check icon — the ring draws clockwise, the checkmark traces in, the","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-x","t":"X","d":"Animated Lucide x icon — the two diagonals draw in crosswise, then the mark shakes to punc","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-activity","t":"Activity","d":"Animated Lucide activity icon — the pulse line sweeps through like an EKG, popping at the ","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-alert-triangle","t":"Alert Triangle","d":"Animated Lucide triangle-alert icon — the outline draws on, the mark pops in, then the exc","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-info","t":"Info","d":"Animated Lucide info icon — the ring draws clockwise, the dot pops and stem draws in, then","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-loader","t":"Loader","d":"Animated Lucide loader-circle icon — the arc draws on, then spins continuously for a loadi","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-refresh-cw","t":"Refresh Cw","d":"Animated Lucide refresh-cw icon — the two arcs draw on, arrowheads pop, then the whole mar","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-search","t":"Search","d":"Animated Lucide search icon — the lens draws on, the handle extends, then the magnifier sw","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-bell","t":"Bell","d":"Animated Lucide bell icon — the body draws on, the clapper follows, then the bell swings f","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-download","t":"Download","d":"Animated Lucide download icon — the tray draws on, the arrow fades in, then drops into the","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-upload","t":"Upload","d":"Animated Lucide upload icon — the tray draws on, the arrow fades in, then launches upward ","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-copy","t":"Copy","d":"Animated Lucide copy icon — the two sheets draw back-to-front, then the front sheet lifts ","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-settings","t":"Settings","d":"Animated Lucide settings icon — the gear and center draw on, then the gear turns exactly o","k":"layout","s":"remocn","c":"flows/settings","hc":1},{"id":"remocn:icon-trash","t":"Trash","d":"Animated Lucide trash-2 icon — the can draws on, then the lid flips open and the contents ","k":"resource","s":"remocn","c":"assets/icon","tg":["minimal"],"sb":"Animated","sy":["minimal"],"hc":1},{"id":"remocn:icon-plus","t":"Plus","d":"Animated Lucide plus icon — the two strokes draw on, then the mark twirls 90deg with a sca","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-send","t":"Send","d":"Animated Lucide send icon — the paper plane draws on, then darts forward with a wind-up an","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-heart","t":"Heart","d":"Animated Lucide heart icon — the outline draws on, then a lub-dub heartbeat pulse for like","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-star","t":"Star","d":"Animated Lucide star icon — the outline draws on, then twinkles into place with a small ro","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-thumbs-up","t":"Thumbs Up","d":"Animated Lucide thumbs-up icon — the hand draws on, then springs up with an approving stam","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-party-popper","t":"Party Popper","d":"Animated Lucide party-popper icon — the cone draws on, then confetti bursts outward as the","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-arrow-right","t":"Arrow Right","d":"Animated Lucide arrow-right icon — the shaft and head draw on, then the arrow nudges forwa","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-arrow-left","t":"Arrow Left","d":"Animated Lucide arrow-left icon — the shaft and head draw on, then the arrow nudges back f","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-arrow-up","t":"Arrow Up","d":"Animated Lucide arrow-up icon — the shaft and head draw on, then the arrow nudges up for g","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-arrow-down","t":"Arrow Down","d":"Animated Lucide arrow-down icon — the shaft and head draw on, then the arrow nudges down f","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-external-link","t":"External Link","d":"Animated Lucide external-link icon — the box and arrow draw on, then the arrow darts out t","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-play","t":"Play","d":"Animated Lucide play icon — the triangle draws on, then presses in and springs forward lik","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-pause","t":"Pause","d":"Animated Lucide pause icon — the two bars draw on, then pinch toward each other and settle","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-skip-forward","t":"Skip Forward","d":"Animated Lucide skip-forward icon — draws on, then dashes forward past center and snaps ag","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-volume-2","t":"Volume #2","d":"Animated Lucide volume-2 icon — the speaker draws on, then the two sound waves ripple outw","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-volume-x","t":"Volume X","d":"Animated Lucide volume-x icon — the speaker draws on, then the X slashes in and the glyph ","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-mic","t":"Mic","d":"Animated Lucide mic icon — draws on, then the capsule bounces twice like a level meter pic","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-video","t":"Video","d":"Animated Lucide video icon — draws on, then the lens wedge pans out and snaps back to its ","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-camera","t":"Camera","d":"Animated Lucide camera icon — draws on, then the lens blinks shut and open like a shutter ","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-image","t":"Image","d":"Animated Lucide image icon — the frame draws on, then the mountain redraws and the sun dri","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-chevron-up","t":"Chevron Up","d":"Animated Lucide chevron-up icon — draws on, then nudges upward with a fading echo.","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-chevron-down","t":"Chevron Down","d":"Animated Lucide chevron-down icon — draws on, then nudges downward with a fading echo.","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-chevron-left","t":"Chevron Left","d":"Animated Lucide chevron-left icon — draws on, then nudges left with a fading echo.","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-chevron-right","t":"Chevron Right","d":"Animated Lucide chevron-right icon — draws on, then nudges right with a fading echo.","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-menu","t":"Menu","d":"Animated Lucide menu icon — the three bars slide in from the left, top to bottom, each ove","s":"remocn","c":"navigation/menu","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"remocn:icon-more-horizontal","t":"More Horizontal","d":"Animated Lucide more-horizontal icon — three dots pop in, then do a left-to-right thinking","k":"resource","s":"remocn","c":"assets/icon","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"remocn:icon-maximize","t":"Maximize","d":"Animated Lucide maximize icon — four corner brackets draw on, then fly outward and spring ","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-layout-grid","t":"Layout Grid","d":"Animated Lucide layout-grid icon — four tiles draw on, then re-pop into place clockwise li","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-pencil","t":"Pencil","d":"Animated Lucide pencil icon — draws on, then scribbles: the pencil rocks around its tip as","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-share-2","t":"Share #2","d":"Animated Lucide share-2 icon — three nodes draw on, then the connections re-trace and the ","k":"resource","s":"remocn","c":"assets/icon","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"remocn:icon-filter","t":"Filter","d":"Animated Lucide filter icon — the funnel draws on, then gives two quick shakes as results ","k":"resource","s":"remocn","c":"assets/icon","tg":["playful"],"sb":"Animated","sy":["playful"],"hc":1},{"id":"remocn:icon-eye","t":"Eye","d":"Animated Lucide eye icon — draws on, then blinks once and refocuses its pupil.","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-eye-off","t":"Eye Off","d":"Animated Lucide eye-off icon — the eye fragments draw on, then the slash cuts through and ","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-rocket","t":"Rocket","d":"Animated Lucide rocket icon — draws on, then lifts off: the ship rises on a tilt while the","k":"resource","s":"remocn","c":"assets/icon","tg":["3d"],"sb":"Animated","sy":["3d"],"hc":1},{"id":"remocn:icon-save","t":"Save","d":"Animated Lucide save icon — the disk draws on, then presses down and writes: the label slo","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-link","t":"Link","d":"Animated Lucide link icon — two chain halves draw on, pull apart, and click together.","s":"remocn","c":"actions/link","hc":1},{"id":"remocn:icon-bookmark","t":"Bookmark","d":"Animated Lucide bookmark icon — draws on, then drops into place from above with a spring l","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-lock","t":"Lock","d":"Animated Lucide lock icon — the body draws on, then the shackle lifts and slams shut with ","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-key","t":"Key","d":"Animated Lucide key icon — draws on, then turns in an invisible lock and springs back.","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-log-out","t":"Log Out","d":"Animated Lucide log-out icon — draws on, then the arrow steps out through the door frame w","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-mail","t":"Mail","d":"Animated Lucide mail icon — the envelope draws on, then the flap re-traces open and the wh","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-message-circle","t":"Message Circle","d":"Animated Lucide message-circle icon — the bubble draws on, then inflates from its tail lik","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-phone","t":"Phone","d":"Animated Lucide phone icon — draws on, then rings: three decaying rotation oscillations ar","k":"resource","s":"remocn","c":"assets/icon","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"remocn:icon-at-sign","t":"At Sign","d":"Animated Lucide at-sign icon — the inner 'a' draws and pops, then the outer swoosh re-trac","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-inbox","t":"Inbox","d":"Animated Lucide inbox icon — the tray draws on, then dips under the weight of an arriving ","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-shield","t":"Shield","d":"Animated Lucide shield icon — draws on, then braces: a firm guard pulse that asserts prote","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-help-circle","t":"Help Circle","d":"Animated Lucide help-circle icon — the ring draws on, then the question mark re-draws and ","k":"resource","s":"remocn","c":"assets/icon","tg":["3d"],"sb":"Animated","sy":["3d"],"hc":1},{"id":"remocn:icon-plus-circle","t":"Plus Circle","d":"Animated Lucide plus-circle icon — the ring draws on, the plus crosses in, then the whole ","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-x-circle","t":"X Circle","d":"Animated Lucide x-circle icon — the ring draws on, the X slashes in, and the badge shakes ","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-calendar","t":"Calendar","d":"Animated Lucide calendar icon — the pad draws on, then the binder rings dip and the page s","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-clock","t":"Clock","d":"Animated Lucide clock icon — the face draws on, then the hands sweep through discrete tick","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-timer","t":"Timer","d":"Animated Lucide timer icon — draws on, then the start button clicks and the hand sweeps: t","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-home","t":"Home","d":"Animated Lucide home icon — the house draws on, then the door re-draws open and the house ","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-folder","t":"Folder","d":"Animated Lucide folder icon — draws on, then the folder tips open for a peek and closes.","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-file-text","t":"File Text","d":"Animated Lucide file-text icon — the page draws on, then the text lines type themselves in","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-code","t":"Code","d":"Animated Lucide code icon — the angle brackets draw on, pull apart, and snap back around t","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-target","t":"Target","d":"Animated Lucide target icon — three rings draw in from outside, then the bullseye hits: in","k":"resource","s":"remocn","c":"assets/icon","tg":["retro and HUD","webgl"],"sb":"Animated","sy":["retro and HUD","webgl"],"hc":1},{"id":"remocn:icon-terminal","t":"Terminal","d":"Animated Lucide terminal icon — draws on, then the prompt nudges forward and the cursor bl","k":"resource","s":"remocn","c":"assets/icon","tg":["retro and HUD"],"sb":"Animated","sy":["retro and HUD"],"hc":1},{"id":"remocn:icon-database","t":"Database","d":"Animated Lucide database icon — the cylinder draws on, then a write lands: the top disc po","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-cloud","t":"Cloud","d":"Animated Lucide cloud icon — draws on, then floats: a weightless bob and a half before set","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-globe","t":"Globe","d":"Animated Lucide globe icon — draws on, then the meridian sweeps west to east like the worl","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-monitor","t":"Monitor","d":"Animated Lucide monitor icon — the stand draws, then the screen powers on with a CRT-style","k":"resource","s":"remocn","c":"assets/icon","tg":["retro and HUD"],"sb":"Animated","sy":["retro and HUD"],"hc":1},{"id":"remocn:icon-smartphone","t":"Smartphone","d":"Animated Lucide smartphone icon — draws on, then buzzes: three fast vibration oscillations","k":"resource","s":"remocn","c":"assets/icon","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"remocn:icon-sun","t":"Sun","d":"Animated Lucide sun icon — the core draws on, then eight rays fan out clockwise and the su","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-moon","t":"Moon","d":"Animated Lucide moon icon — draws on, then rocks gently into place: settling in for the ni","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-shopping-cart","t":"Shopping Cart","d":"Animated Lucide shopping-cart icon — draws on, then rolls forward to checkout, wheels popp","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-credit-card","t":"Credit Card","d":"Animated Lucide credit-card icon — the card draws on, then the stripe swipes through and t","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-crown","t":"Crown","d":"Animated Lucide crown icon — descends into place from above, lands with a pop, then rocks ","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-dollar-sign","t":"Dollar Sign","d":"Animated Lucide dollar-sign icon — draws on, then the sign stretches tall: understated cha","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-tag","t":"Tag","d":"Animated Lucide tag icon — draws on, then swings from its hole like a price tag flicked by","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-package","t":"Package","d":"Animated Lucide package icon — the box draws on, lands with a squash-and-stretch, then the","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-gem","t":"Gem","d":"Animated Lucide gem icon — the stone draws on, then light catches it: facets re-trace in s","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-gift","t":"Gift","d":"Animated Lucide gift icon — draws on, then the lid lifts for a peek and lands with a ribbo","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-wallet","t":"Wallet","d":"Animated Lucide wallet icon — draws on, then the wallet thickens with a quiet x-scale: mon","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-award","t":"Award","d":"Animated Lucide award icon — the medal draws on, the ribbon unfurls beneath it, then the m","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-bar-chart-3","t":"Bar Chart #3","d":"Animated Lucide bar-chart-3 icon — the axis draws on, then three bars rise left to right w","k":"resource","s":"remocn","c":"assets/icon","tg":["webgl"],"sb":"Animated","sy":["webgl"],"hc":1},{"id":"remocn:icon-trending-down","t":"Trending Down","d":"Animated Lucide trending-down icon — the line descends across, then the arrowhead lands wi","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-trending-up","t":"Trending Up","d":"Animated Lucide trending-up icon — the line climbs across, then the arrowhead pops at the ","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-trophy","t":"Trophy","d":"Animated Lucide trophy icon — draws on, then hoists: the cup hops with a pop at the apex w","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-user","t":"User","d":"Animated Lucide user icon — draws on, then gives a small presence nod: head dips as should","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-users","t":"Users","d":"Animated Lucide users icon — the front figure draws on and pops, then the second figure sl","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-user-plus","t":"User Plus","d":"Animated Lucide user-plus icon — the figure draws on, then the plus strokes draw in and po","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-sparkles","t":"Sparkles","d":"Animated Lucide sparkles icon — the main sparkle draws on, the accents pop, then a looping","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-zap","t":"Zap","d":"Animated Lucide zap icon — the bolt draws in fast, then flashes with a double blink for sp","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:icon-flame","t":"Flame","d":"Animated Lucide flame icon — the outline draws on, then flickers with a looping scale-and-","k":"resource","s":"remocn","c":"assets/icon","sb":"Animated","hc":1},{"id":"remocn:release-teaser","t":"Release Teaser","d":"A 16-second cinematic release teaser with center-out typography, a procedural dimensional ","s":"remocn","c":"data-display/typography","hc":1},{"id":"remocn:brand-guidelines","t":"Brand Guidelines","d":"An independent 17.9-second identity film with a geometric mark, sliding palette, kinetic t","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:workflow-console","t":"Workflow Console","d":"An independent 46.8-second release automation demo with typed commands, environment diagra","s":"remocn","c":"data-display/timeline","hc":1},{"id":"remocn:launch-anything","t":"Product Showcase","d":"An independent 26.7-second editorial product film with forest-green accents, original phot","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"remocn:fomo-limit-orders","t":"Order Flow","d":"An independent 18-second trading-interface demo with fictional market data, graphite and a","k":"motion","s":"remocn","c":"motion/text-effect","hc":1},{"id":"rescript-shadcn:StyleNova","t":"StyleNova","k":"theme","s":"rescript-shadcn","c":"themes/style","fw":"CSS","hc":1},{"id":"rescript-shadcn:AiChat","t":"AiChat","k":"lib","s":"rescript-shadcn","c":"lib/utility","fw":"ReScript","vn":6,"hc":1},{"id":"rescript-shadcn:Demo","t":"Demo","k":"lib","s":"rescript-shadcn","c":"lib/utility","fw":"ReScript","vn":195,"hc":1},{"id":"rescript-shadcn:Markdown","t":"Markdown","k":"lib","s":"rescript-shadcn","c":"lib/utility","sb":"Class helpers","fw":"ReScript","hc":1},{"id":"rescript-shadcn:MessageAnimated","t":"MessageAnimated","k":"lib","s":"rescript-shadcn","c":"lib/utility","sb":"Motion helpers","fw":"ReScript","hc":1},{"id":"rescript-shadcn:MessageScrollerExample","t":"MessageScrollerExample","k":"lib","s":"rescript-shadcn","c":"lib/utility","fw":"ReScript","hc":1},{"id":"rescript-shadcn:NextLink","t":"NextLink","k":"lib","s":"rescript-shadcn","c":"lib/utility","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Accordion","t":"Accordion","s":"rescript-shadcn","c":"data-display/accordion","fw":"ReScript","vn":6,"hc":1},{"id":"rescript-shadcn:Alert","t":"Alert","s":"rescript-shadcn","c":"overlays/alert-banner","fw":"ReScript","vn":5,"hc":1},{"id":"rescript-shadcn:AlertDialog","t":"AlertDialog","s":"rescript-shadcn","c":"overlays/dialog","sb":"Confirm","fw":"ReScript","vn":6,"hc":1},{"id":"rescript-shadcn:AspectRatio","t":"AspectRatio","s":"rescript-shadcn","c":"other/other","fw":"ReScript","vn":3,"hc":1},{"id":"rescript-shadcn:Attachment","t":"Attachment","s":"rescript-shadcn","c":"inputs/file-upload","fw":"ReScript","vn":7,"hc":1},{"id":"rescript-shadcn:Avatar","t":"Avatar","s":"rescript-shadcn","c":"data-display/avatar","fw":"ReScript","vn":19,"hc":1},{"id":"rescript-shadcn:Badge","t":"Badge","s":"rescript-shadcn","c":"data-display/badge","fw":"ReScript","vn":9,"hc":1},{"id":"rescript-shadcn:Breadcrumb","t":"Breadcrumb","s":"rescript-shadcn","c":"navigation/breadcrumb","fw":"ReScript","vn":6,"hc":1},{"id":"rescript-shadcn:Bubble","t":"Bubble","s":"rescript-shadcn","c":"ai-agent/ai-agent","sb":"Chat","fw":"ReScript","vn":15,"hc":1},{"id":"rescript-shadcn:Button","t":"Button","s":"rescript-shadcn","c":"actions/button","fw":"ReScript","vn":121,"hc":1},{"id":"rescript-shadcn:ButtonGroup","t":"ButtonGroup","s":"rescript-shadcn","c":"actions/button","sb":"Groups and split","fw":"ReScript","vn":2,"hc":1},{"id":"rescript-shadcn:Calendar","t":"Calendar","s":"rescript-shadcn","c":"data-display/calendar","fw":"ReScript","vn":11,"hc":1},{"id":"rescript-shadcn:Card","t":"Card","s":"rescript-shadcn","c":"data-display/card","fw":"ReScript","vn":15,"hc":1},{"id":"rescript-shadcn:Carousel","t":"Carousel","s":"rescript-shadcn","c":"media/carousel","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Chart","t":"Chart","s":"rescript-shadcn","c":"data-viz/chart","fw":"ReScript","vn":5,"hc":1},{"id":"rescript-shadcn:Checkbox","t":"Checkbox","s":"rescript-shadcn","c":"inputs/checkbox","fw":"ReScript","vn":10,"hc":1},{"id":"rescript-shadcn:Collapsible","t":"Collapsible","s":"rescript-shadcn","c":"data-display/accordion","fw":"ReScript","vn":2,"hc":1},{"id":"rescript-shadcn:Combobox","t":"Combobox","s":"rescript-shadcn","c":"inputs/combobox","fw":"ReScript","vn":10,"hc":1},{"id":"rescript-shadcn:Command","t":"Command","s":"rescript-shadcn","c":"navigation/command-palette","fw":"ReScript","vn":2,"hc":1},{"id":"rescript-shadcn:ContextMenu","t":"ContextMenu","s":"rescript-shadcn","c":"overlays/context-menu","fw":"ReScript","vn":10,"hc":1},{"id":"rescript-shadcn:Dialog","t":"Dialog","s":"rescript-shadcn","c":"overlays/dialog","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Direction","t":"Direction","s":"rescript-shadcn","c":"other/other","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Drawer","t":"Drawer","s":"rescript-shadcn","c":"overlays/sheet","fw":"ReScript","hc":1},{"id":"rescript-shadcn:DropdownMenu","t":"DropdownMenu","s":"rescript-shadcn","c":"navigation/menu","sb":"Dropdowns","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Empty","t":"Empty","s":"rescript-shadcn","c":"data-display/empty-state","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Field","t":"Field","s":"rescript-shadcn","c":"inputs/form-field","fw":"ReScript","hc":1},{"id":"rescript-shadcn:HoverCard","t":"HoverCard","s":"rescript-shadcn","c":"overlays/hover-card","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Icons","t":"Icons","k":"resource","s":"rescript-shadcn","c":"assets/icon","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Input","t":"Input","s":"rescript-shadcn","c":"inputs/form-field","fw":"ReScript","hc":1},{"id":"rescript-shadcn:InputGroup","t":"InputGroup","s":"rescript-shadcn","c":"inputs/form-field","fw":"ReScript","hc":1},{"id":"rescript-shadcn:InputOtp","t":"InputOtp","s":"rescript-shadcn","c":"inputs/otp-input","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Item","t":"Item","s":"rescript-shadcn","c":"data-display/list","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Kbd","t":"Kbd","s":"rescript-shadcn","c":"data-display/typography","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Label","t":"Label","s":"rescript-shadcn","c":"inputs/form-field","sb":"Animated fields","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Marker","t":"Marker","s":"rescript-shadcn","c":"other/other","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Menubar","t":"Menubar","s":"rescript-shadcn","c":"navigation/top-nav","sb":"Mega menus","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Message","t":"Message","s":"rescript-shadcn","c":"ai-agent/ai-agent","sb":"Chat","fw":"ReScript","hc":1},{"id":"rescript-shadcn:MessageScroller","t":"MessageScroller","s":"rescript-shadcn","c":"ai-agent/ai-agent","sb":"Chat","fw":"ReScript","hc":1},{"id":"rescript-shadcn:NativeSelect","t":"NativeSelect","s":"rescript-shadcn","c":"inputs/select","fw":"ReScript","hc":1},{"id":"rescript-shadcn:NavigationMenu","t":"NavigationMenu","s":"rescript-shadcn","c":"navigation/top-nav","sb":"Mega menus","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Pagination","t":"Pagination","s":"rescript-shadcn","c":"navigation/pagination","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Popover","t":"Popover","s":"rescript-shadcn","c":"overlays/popover","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Progress","t":"Progress","s":"rescript-shadcn","c":"data-viz/progress-bar","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Questionnaire","t":"Questionnaire","s":"rescript-shadcn","c":"other/other","fw":"ReScript","hc":1},{"id":"rescript-shadcn:RadioGroup","t":"RadioGroup","s":"rescript-shadcn","c":"inputs/radio","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Resizable","t":"Resizable","k":"layout","s":"rescript-shadcn","c":"layout/split-pane","fw":"ReScript","hc":1},{"id":"rescript-shadcn:ScrollArea","t":"ScrollArea","k":"layout","s":"rescript-shadcn","c":"layout/scroll-area","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Select","t":"Select","s":"rescript-shadcn","c":"inputs/select","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Separator","t":"Separator","k":"layout","s":"rescript-shadcn","c":"layout/page-shell","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Sheet","t":"Sheet","s":"rescript-shadcn","c":"overlays/sheet","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Sidebar","t":"Sidebar","s":"rescript-shadcn","c":"navigation/sidebar","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Skeleton","t":"Skeleton","s":"rescript-shadcn","c":"status/skeleton","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Slider","t":"Slider","s":"rescript-shadcn","c":"inputs/slider","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Sonner","t":"Sonner","s":"rescript-shadcn","c":"overlays/toast","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Spinner","t":"Spinner","s":"rescript-shadcn","c":"status/loader","sb":"Spinners","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Switch","t":"Switch","s":"rescript-shadcn","c":"actions/switch","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Table","t":"Table","s":"rescript-shadcn","c":"data-display/table","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Tabs","t":"Tabs","s":"rescript-shadcn","c":"navigation/tabs","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Textarea","t":"Textarea","s":"rescript-shadcn","c":"inputs/textarea","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Toast","t":"Toast","s":"rescript-shadcn","c":"overlays/toast","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Toggle","t":"Toggle","s":"rescript-shadcn","c":"actions/switch","fw":"ReScript","hc":1},{"id":"rescript-shadcn:ToggleGroup","t":"ToggleGroup","s":"rescript-shadcn","c":"actions/switch","fw":"ReScript","hc":1},{"id":"rescript-shadcn:Tooltip","t":"Tooltip","s":"rescript-shadcn","c":"overlays/tooltip","fw":"ReScript","hc":1},{"id":"retab:viewer-controls","t":"Viewer Controls","d":"A shared controls row for viewer chrome: title, position, zoom, rotate, download, loading,","s":"retab","c":"data-display/list","hc":1},{"id":"retab:utils","t":"Utils","d":"Shared class name helper used by Retab UI registry components.","k":"lib","s":"retab","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"retab:effect-key","t":"Effect Key","d":"Dependency-array key helpers for keyed effect lifecycles.","k":"lib","s":"retab","c":"lib/utility","hc":1},{"id":"retab:use-mobile","t":"Use Mobile","d":"A media query hook for mobile responsive UI.","k":"lib","s":"retab","c":"lib/hook","hc":1},{"id":"retab:use-mount-effect","t":"Use Mount Effect","d":"A mount-only effect hook for explicit lifecycle escape hatches.","k":"lib","s":"retab","c":"lib/hook","hc":1},{"id":"retab:use-keyed-mount-effect","t":"Use Keyed Mount Effect","d":"A key-driven post-commit effect hook for library internals.","k":"lib","s":"retab","c":"lib/hook","hc":1},{"id":"retab:use-keyed-layout-effect","t":"Use Keyed Layout Effect","d":"A key-driven layout-timed effect hook for DOM measurement and scroll/focus lifecycles.","k":"lib","s":"retab","c":"lib/hook","hc":1},{"id":"retab:alert","t":"Alert","d":"A callout for displaying contextual messages.","s":"retab","c":"overlays/alert-banner","hc":1},{"id":"retab:alert-dialog","t":"Alert Dialog","d":"A modal alert dialog for destructive confirmations and blocking decisions.","s":"retab","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"retab:aspect-ratio","t":"Aspect Ratio","d":"A small wrapper for preserving media aspect ratios.","k":"layout","s":"retab","c":"layout/page-shell","hc":1},{"id":"retab:autocomplete","t":"Autocomplete","d":"An autocomplete input built on Base UI primitives.","s":"retab","c":"inputs/combobox","hc":1},{"id":"retab:command","t":"Command","d":"A command menu surface powered by cmdk.","s":"retab","c":"navigation/command-palette","hc":1},{"id":"retab:dropzone","t":"Dropzone","d":"A headless file-intake primitive with drag/drop, file input wiring, validation, controlled","s":"retab","c":"inputs/file-upload","vn":17,"hc":1},{"id":"retab:file-uploader","t":"File Uploader","d":"A polished Retab document upload area built from the headless Dropzone primitive and File ","s":"retab","c":"inputs/file-upload","vn":1,"hc":1},{"id":"retab:file-size-format","t":"File Size Format","d":"A small byte-size display formatter for file UI components.","s":"retab","c":"inputs/file-upload","hc":1},{"id":"retab:input","t":"Input","d":"A styled text input built on Base UI.","s":"retab","c":"inputs/form-field","hc":1},{"id":"retab:label","t":"Label","d":"An accessible label primitive.","s":"retab","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"retab:form","t":"Form","d":"React Hook Form field primitives with accessible labels, descriptions, and messages.","s":"retab","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"retab:data-cell","t":"Data Cell","d":"A lightweight editable cell for scalar document data: text, numbers, booleans, dates, time","k":"motion","s":"retab","c":"motion/text-effect","hc":1},{"id":"retab:calendar","t":"Calendar","d":"A calendar component built on React DayPicker.","s":"retab","c":"data-display/calendar","hc":1},{"id":"retab:group","t":"Group","d":"A connected control group primitive for buttons, inputs, separators, and text addons.","s":"retab","c":"inputs/form-field","hc":1},{"id":"retab:json-inspector","t":"JSON Inspector","d":"A read-only JSON viewer with theme-aware syntax highlighting and a hover copy button, plus","s":"retab","c":"actions/copy-button","hc":1},{"id":"retab:kbd","t":"Kbd","d":"A keyboard shortcut display primitive.","s":"retab","c":"data-display/typography","hc":1},{"id":"retab:scroll-area","t":"Scroll Area","d":"A custom scroll area built on Base UI.","k":"layout","s":"retab","c":"layout/scroll-area","hc":1},{"id":"retab:switch","t":"Switch","d":"A two-state toggle switch.","s":"retab","c":"actions/switch","hc":1},{"id":"retab:table","t":"Table","d":"Semantic table primitives for structured data.","s":"retab","c":"data-display/table","hc":1},{"id":"retab:textarea","t":"Textarea","d":"A styled multiline text input.","s":"retab","c":"inputs/textarea","hc":1},{"id":"retab:sidebar-row","t":"Sidebar Row","d":"Shared sidebar row button styling variants used by app and providerless sidebar primitives","s":"retab","c":"navigation/sidebar","hc":1},{"id":"retab:sidebar","t":"Sidebar","d":"A responsive application sidebar with menu, rail, and provider primitives.","s":"retab","c":"navigation/sidebar","hc":1},{"id":"retab:sidebar-list","t":"Sidebar List","d":"Providerless sidebar list primitives for embedded viewer and domain sidebars.","s":"retab","c":"navigation/sidebar","hc":1},{"id":"retab:skeleton","t":"Skeleton","d":"A loading placeholder with shimmer animation.","s":"retab","c":"status/skeleton","hc":1,"cp":1},{"id":"retab:sonner","t":"Sonner","d":"A themed toast provider for Sonner.","s":"retab","c":"overlays/toast","hc":1},{"id":"retab:spinner","t":"Spinner","d":"A compact loading spinner using Lucide.","s":"retab","c":"status/loader","sb":"Spinners","hc":1},{"id":"retab:resizable","t":"Resizable","d":"Resizable panel primitives using react-resizable-panels.","k":"layout","s":"retab","c":"layout/split-pane","hc":1},{"id":"retab:csv","t":"CSV parser","d":"A small, dependency-free RFC 4180-ish CSV/TSV parser returning a header and rectangular ro","k":"lib","s":"retab","c":"lib/utility","vn":1,"hc":1},{"id":"retab:pdf-document-resource","t":"PDF Document Resource","d":"Load and cache PDF.js documents and pages without viewer chrome.","k":"lib","s":"retab","c":"lib/utility","hc":1},{"id":"retab:docx-document-resource","t":"DOCX Document Resource","d":"Load and cache DOCX bytes without viewer chrome.","k":"lib","s":"retab","c":"lib/utility","hc":1},{"id":"retab:pdf-viewer","t":"PDF Viewer","d":"A pdfjs-backed PDF viewer: continuous scroll, controlled or uncontrolled zoom, rotate, fit","s":"retab","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"retab:docx-viewer","t":"DOCX Viewer","d":"A docx-preview-backed Word viewer: faithful paginated pages, continuous scroll, zoom, fit-","s":"retab","c":"navigation/pagination","hc":1},{"id":"retab:image-viewer","t":"Image Viewer","d":"A performant image viewer with native off-thread decode (createImageBitmap), continuous sc","s":"retab","c":"media/gallery","hc":1},{"id":"retab:layout-blocks","t":"Layout Blocks","d":"A provider-agnostic layout inspection component for OCR output: normalize Google Document ","s":"retab","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"],"vn":1,"hc":1},{"id":"retab:pptx-viewer","t":"PPTX Viewer","d":"A canvas-backed PowerPoint viewer rendered entirely client-side (no server conversion): co","s":"retab","c":"media/gallery","hc":1},{"id":"retab:xlsx-worker-protocol","t":"XLSX worker protocol","d":"Typed worker messages, parse limits, and error codes for the XLSX viewer.","k":"lib","s":"retab","c":"lib/utility","hc":1},{"id":"retab:xlsx-workbook","t":"XLSX workbook model","d":"Sparse compact workbook helpers for the XLSX viewer: cell lookup, metadata projection, col","k":"lib","s":"retab","c":"lib/utility","hc":1},{"id":"retab:xlsx-sheetjs-flattener","t":"XLSX SheetJS flattener","d":"Pure SheetJS-to-compact-sheet flattening helpers for the XLSX viewer worker.","k":"lib","s":"retab","c":"lib/utility","hc":1},{"id":"retab:xlsx-viewer","t":"XLSX Viewer","d":"A fixed-window virtualized Excel/spreadsheet viewer rendered entirely client-side: sheet t","s":"retab","c":"navigation/tabs","hc":1},{"id":"retab:file-viewer","t":"File Viewer","d":"One viewer for any file: detects the type and lazy-loads the matching renderer (PDF, DOCX,","s":"retab","c":"media/gallery","hc":1},{"id":"retab:file-system","t":"File System","d":"A document workspace over a flat object-store manifest with list, grid, columns, lazy fold","s":"retab","c":"data-display/list","sb":"Files and trees","vn":1,"hc":1},{"id":"retab:file-system-light","t":"File System Light","d":"A minimal file tree in a ViewerSidebar with FileViewer in the ViewerSurface.","s":"retab","c":"data-display/tree","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"retab:document-source","t":"Document source model","d":"Viewer-agnostic model for extraction sources (the Retab /v1/extractions/{id}/sources shape","k":"lib","s":"retab","c":"lib/utility","hc":1},{"id":"retab:pdf-source","t":"PDF source adapter","d":"Bridges the document-source model to the PDF viewer: pdfAnchorToTarget and renderPdfSource","s":"retab","c":"other/other","hc":1},{"id":"retab:segments","t":"Segments model","d":"Shared model + helpers for page-segmented results (partition/split): Segment type, Tableau","k":"lib","s":"retab","c":"lib/utility","hc":1},{"id":"retab:segment-interaction","t":"Segment Interaction","d":"React-free hover, focus, selection, and current-page helpers for Segment[] surfaces.","k":"lib","s":"retab","c":"lib/utility","hc":1},{"id":"retab:use-segment-interaction","t":"useSegmentInteraction","d":"Client hook that coordinates hover, focus, and persistent selection across Segment[] surfa","s":"retab","c":"other/other","hc":1},{"id":"retab:segment-legend","t":"Segment Legend","d":"Compact color legend for a Segment[] with shared hover, focus, and selection state.","s":"retab","c":"navigation/tabs","hc":1},{"id":"retab:segment-sidebar","t":"Segment Sidebar","d":"Selectable list of segments with page ranges and confidence bars.","s":"retab","c":"navigation/sidebar","hc":1},{"id":"retab:page-timeline","t":"Page Timeline","d":"A colored page strip that ties a Segment[] to the document; hover/select syncing and click","s":"retab","c":"data-display/timeline","hc":1},{"id":"retab:page-ribbon","t":"Page Ribbon","d":"A page-axis ribbon: segments drawn as blocks spanning their pages. One vertical lane = a s","k":"section","s":"retab","c":"marketing/announcement","hc":1},{"id":"retab:segment-page-rail","t":"Segment Page Rail","d":"Vertical page rail for Segment[] documents with current-page following, scroll progress, a","s":"retab","c":"data-viz/progress-bar","hc":1},{"id":"retab:segmented-document","t":"Segmented Document","d":"Shared segmented-document model, provider, viewport controller, and anchor navigation for ","s":"retab","c":"navigation/tabs","hc":1},{"id":"retab:schema-builder","t":"Schema Builder","d":"Controlled JSON Schema editor for building Retab extraction schemas — fields, types, neste","s":"retab","c":"inputs/textarea","hc":1},{"id":"retab:attachment-sidebar","t":"Attachment Sidebar","d":"File attachment navigator built from SidebarList primitives and FileThumbnail.","s":"retab","c":"navigation/sidebar","hc":1},{"id":"retab:email-viewer","t":"Email Viewer","d":"Render recursive MIME messages with headers, CID inline resources, nested messages, and Fi","s":"retab","c":"ai-agent/ai-agent","hc":1},{"id":"retab:file-thumbnail-frame","t":"File Thumbnail Frame","d":"Dependency-free thumbnail frame with a loading shimmer, fade-in, and muted fallback surfac","s":"retab","c":"status/loader","hc":1},{"id":"retab:file-thumbnail","t":"File Thumbnail","d":"Render complete file thumbnails from browser files, URLs, blobs, text sources, external im","k":"resource","s":"retab","c":"assets/shape","hc":1},{"id":"retab:run-card","t":"Run Card","d":"A document run card: a file thumbnail with a status pill, a heading, and a result slot. Co","s":"retab","c":"data-display/card","hc":1},{"id":"retab:ocr-block","t":"OCR","d":"OCR review for a scanned document: source page, detected text blocks, confidence filtering","s":"retab","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"retab:split-viewer-block","t":"Split Viewer","d":"Named subdocuments over a PDF: a legend header and a vertical page-ribbon sidebar, from th","k":"section","s":"retab","c":"marketing/announcement","hc":1},{"id":"retab:partition-viewer-block","t":"Partition Viewer","d":"Keyed chunks over a PDF: a legend plus a horizontal page-ribbon waterfall, from the shared","s":"retab","c":"inputs/file-upload","hc":1},{"id":"retab:parse-viewer-block","t":"Parse Viewer","d":"The source document beside its extracted markdown, synced by page, with a Rendered/Text to","s":"retab","c":"actions/switch","hc":1},{"id":"retab:edit-viewer-block","t":"Edit Viewer","d":"Detected form fields beside a PDF source document, linked by their bbox — hover or select ","s":"retab","c":"inputs/select","hc":1},{"id":"retab:excel-splitting-viewer-block","t":"Excel Splitting","d":"One Excel workbook fanned out into several clean CSVs — each reconstructed table rendered ","s":"retab","c":"navigation/sidebar","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"retab:txt-splitting-viewer-block","t":"Text Splitting","d":"One plain-text batch file separated into several documents — each carved-out document rend","k":"motion","s":"retab","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"retab:extract-viewer-block","t":"Extract Viewer","d":"Extracted data beside the source PDF, rendered as a JSON form and linked by sources — hove","s":"retab","c":"inputs/select","hc":1},{"id":"retab:sources-viewer-block","t":"Sources Viewer","d":"Every source-backed format in one viewer — PDF/image bbox sources use segmented-document a","s":"retab","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"retab:json-form-sources-block","t":"JSON Form Sources","d":"Extraction rendered as a JSON form beside the source PDF — hover a form field to highlight","s":"retab","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"retab:fslight-block","t":"File System Light","d":"A purified composition experiment: file tree in a ViewerSidebar, selected source rendered ","s":"retab","c":"data-display/tree","hc":1},{"id":"retab:primitive-run-cards","t":"Primitive Run Card Components","d":"Prop-driven run cards for each Retab primitive — classify, split, partition, parse, and ex","s":"retab","c":"data-display/card","hc":1},{"id":"retab:primitive-cards-block","t":"Primitive Run Cards","d":"Each Retab primitive's result framed as a run card — a document thumbnail with a status pi","s":"retab","c":"data-display/card","hc":1},{"id":"retab:pdf-thumbnails-block","t":"PDF Thumbnails","d":"A PDF viewer with toggleable page thumbnails in a viewer navigation rail.","k":"section","s":"retab","c":"marketing/marketing","hc":1},{"id":"retab:source-field-list","t":"Source field list","d":"A field list that drives source-field interaction: hover previews the field location in th","s":"retab","c":"inputs/form-field","hc":1},{"id":"retab:source-field-link","t":"Source field link","d":"A field-path adapter over segmented-document anchors.","s":"retab","c":"actions/link","hc":1},{"id":"retab:document-anchor","t":"Document anchor","d":"Pure document location types used by evidence projection and viewer target adapters.","s":"retab","c":"actions/link","hc":1},{"id":"retab:document-evidence","t":"Document evidence","d":"Pure projection types for semantic evidence rows that can resolve to document anchors.","s":"retab","c":"data-display/list","hc":1},{"id":"retab:interactive-item-list","t":"Interactive item list","d":"A virtualized listbox interaction primitive for preview, selection, keyboard navigation, a","s":"retab","c":"data-display/list","sb":"Long lists","hc":1},{"id":"retab:source-evidence","t":"Source evidence","d":"Projection helpers that convert document sources, source maps, and source fields into evid","s":"retab","c":"inputs/form-field","hc":1},{"id":"retab:source-segmented-document","t":"Source segmented document","d":"Projection helpers and overlays that convert PDF/image bbox document sources into segmente","s":"retab","c":"navigation/tabs","hc":1},{"id":"retab:source-anchor","t":"Source anchor","d":"Pure conversion from document-source anchors to document viewer anchors.","s":"retab","c":"actions/link","hc":1},{"id":"retab:image-source","t":"Image source adapter","d":"Bridges the document-source model to the image viewer: imageAnchorToTarget, rotateImageAre","s":"retab","c":"media/gallery","hc":1},{"id":"retab:code-viewer","t":"Code Viewer","d":"A fixed-line code and log viewer with line numbers, custom virtualization, source-line hig","s":"retab","c":"data-display/code-block","hc":1},{"id":"retab:text-viewer","t":"Text Viewer","d":"A Pretext-powered prose viewer with natural wrapping, custom variable-height virtualizatio","k":"motion","s":"retab","c":"motion/text-effect","vn":1,"hc":1},{"id":"retab:markdown-viewer","t":"Markdown Viewer","d":"A continuous Markdown viewer forked from the Chenglou Pretext text viewer, with block virt","k":"motion","s":"retab","c":"motion/text-effect","hc":1},{"id":"retab:text-source","t":"Text source adapter","d":"Bridges the document-source model to text viewers: textAnchorToTarget and sourceToTextHigh","k":"motion","s":"retab","c":"motion/text-effect","hc":1},{"id":"retab:csv-source","t":"CSV source adapter","d":"Bridges the document-source model to the CSV viewer: csvAnchorToTarget and sourceToCsvCell","s":"retab","c":"other/other","hc":1},{"id":"retab:xlsx-source","t":"Excel source adapter","d":"Bridges the document-source model to the XLSX viewer: xlsxAnchorToTarget and sourceToXlsxC","s":"retab","c":"other/other","hc":1},{"id":"retab:docx-source","t":"DOCX source adapter","d":"Bridges the document-source model to the DOCX viewer: docxAnchorToTarget and sourceToDocxH","s":"retab","c":"other/other","hc":1},{"id":"retab:image-sources-block","t":"Image Sources","d":"Extracted fields linked to a scanned page image — hover to highlight the image_bbox region","s":"retab","c":"media/gallery","hc":1},{"id":"retab:text-sources-block","t":"Text Sources","d":"Values extracted from a log file linked to the lines they came from — hover to highlight a","k":"motion","s":"retab","c":"motion/text-effect","hc":1},{"id":"retab:docx-sources-block","t":"DOCX Sources","d":"Values extracted from a Word document linked back to where they came from — hover to highl","k":"layout","s":"retab","c":"layout/scroll-area","hc":1},{"id":"retab:csv-sources-block","t":"CSV Sources","d":"Extracted values linked to spreadsheet cells — hover to highlight a cell and scroll to it.","s":"retab","c":"data-display/table","hc":1},{"id":"retab:xlsx-sources-block","t":"Excel Sources","d":"Extracted values linked to spreadsheet cells across sheets — hover to switch sheet, highli","s":"retab","c":"overlays/sheet","hc":1},{"id":"retab:source-indicator","t":"Source indicator","d":"A floating pill that reports active field source state over a viewer: nothing selected, a ","s":"retab","c":"inputs/form-field","hc":1},{"id":"retab:split-consensus-viewer-block","t":"Split Consensus","d":"A split result with multi-run consensus visible in the sidebar: the page rail stays beside","s":"retab","c":"navigation/sidebar","hc":1},{"id":"retab:split-consensus-diagram-horizontal-viewer-block","t":"Split Consensus Diagram Horizontal","d":"A split consensus segment diagram with consolidation, five raw votes, and contested-page d","s":"retab","c":"navigation/sidebar","hc":1},{"id":"retab:split-consensus-diagram-vertical-viewer-block","t":"Split Consensus Diagram Vertical","d":"A split consensus segment diagram with the page axis running vertically for a narrow sideb","s":"retab","c":"navigation/sidebar","hc":1},{"id":"retab:split-consensus-lukas-viewer-block","t":"Split Consensus Lukas","d":"The split benchmark diagram from Lukas Bjorkland's article, with GT, Split v1, Split v2, t","k":"section","s":"retab","c":"marketing/marketing","hc":1},{"id":"retab:classify-consensus-viewer-block","t":"Classify Consensus","d":"A classification result with consensus visible in the sidebar: selected category, likeliho","s":"retab","c":"navigation/sidebar","hc":1},{"id":"retroui:accordion","t":"Accordion","s":"retroui","c":"data-display/accordion","hc":1},{"id":"retroui:alert","t":"Alert","s":"retroui","c":"overlays/alert-banner","hc":1},{"id":"retroui:alert-dialog","t":"Alert dialog","s":"retroui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"retroui:aspect-ratio","t":"Aspect ratio","k":"layout","s":"retroui","c":"layout/page-shell","hc":1,"cp":1},{"id":"retroui:avatar","t":"Avatar","s":"retroui","c":"data-display/avatar","hc":1},{"id":"retroui:badge","t":"Badge","s":"retroui","c":"data-display/badge","hc":1},{"id":"retroui:breadcrumb","t":"Breadcrumb","s":"retroui","c":"navigation/breadcrumb","hc":1},{"id":"retroui:button","t":"Button","s":"retroui","c":"actions/button","hc":1},{"id":"retroui:button-group","t":"Button group","s":"retroui","c":"actions/button","sb":"Groups and split","hc":1},{"id":"retroui:calendar","t":"Calendar","s":"retroui","c":"data-display/calendar","hc":1},{"id":"retroui:card","t":"Card","s":"retroui","c":"data-display/card","hc":1},{"id":"retroui:carousel","t":"Carousel","s":"retroui","c":"media/carousel","hc":1},{"id":"retroui:checkbox","t":"Checkbox","s":"retroui","c":"inputs/checkbox","hc":1},{"id":"retroui:collapsible","t":"Collapsible","s":"retroui","c":"data-display/accordion","hc":1},{"id":"retroui:combobox","t":"Combobox","s":"retroui","c":"inputs/combobox","hc":1},{"id":"retroui:command","t":"Command","s":"retroui","c":"navigation/command-palette","hc":1},{"id":"retroui:context-menu","t":"Context menu","s":"retroui","c":"overlays/context-menu","hc":1},{"id":"retroui:dialog","t":"Dialog","s":"retroui","c":"overlays/dialog","hc":1},{"id":"retroui:direction","t":"Direction","s":"retroui","c":"other/other","hc":1},{"id":"retroui:drawer","t":"Drawer","s":"retroui","c":"overlays/sheet","hc":1},{"id":"retroui:dropdown-menu","t":"Dropdown menu","s":"retroui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"retroui:empty","t":"Empty","s":"retroui","c":"data-display/empty-state","hc":1},{"id":"retroui:field","t":"Field","s":"retroui","c":"inputs/form-field","hc":1},{"id":"retroui:hover-card","t":"Hover card","s":"retroui","c":"overlays/hover-card","hc":1},{"id":"retroui:input","t":"Input","s":"retroui","c":"inputs/form-field","vn":1,"hc":1},{"id":"retroui:input-otp","t":"Input otp","s":"retroui","c":"inputs/otp-input","hc":1},{"id":"retroui:item","t":"Item","s":"retroui","c":"data-display/list","hc":1},{"id":"retroui:kbd","t":"Kbd","s":"retroui","c":"data-display/typography","hc":1},{"id":"retroui:label","t":"Label","s":"retroui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"retroui:menubar","t":"Menubar","s":"retroui","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"retroui:native-select","t":"Native select","s":"retroui","c":"inputs/select","hc":1},{"id":"retroui:navigation-menu","t":"Navigation menu","s":"retroui","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"retroui:pagination","t":"Pagination","s":"retroui","c":"navigation/pagination","hc":1},{"id":"retroui:popover","t":"Popover","s":"retroui","c":"overlays/popover","hc":1},{"id":"retroui:progress","t":"Progress","s":"retroui","c":"data-viz/progress-bar","hc":1},{"id":"retroui:radio-group","t":"Radio group","s":"retroui","c":"inputs/radio","hc":1},{"id":"retroui:resizable","t":"Resizable","k":"layout","s":"retroui","c":"layout/split-pane","hc":1},{"id":"retroui:scroll-area","t":"Scroll area","k":"layout","s":"retroui","c":"layout/scroll-area","hc":1},{"id":"retroui:select","t":"Select","s":"retroui","c":"inputs/select","hc":1},{"id":"retroui:separator","t":"Separator","k":"layout","s":"retroui","c":"layout/page-shell","hc":1},{"id":"retroui:sheet","t":"Sheet","s":"retroui","c":"overlays/sheet","hc":1},{"id":"retroui:sidebar","t":"Sidebar","s":"retroui","c":"navigation/sidebar","hc":1},{"id":"retroui:skeleton","t":"Skeleton","s":"retroui","c":"status/skeleton","hc":1},{"id":"retroui:slider","t":"Slider","s":"retroui","c":"inputs/slider","hc":1},{"id":"retroui:sonner","t":"Sonner","s":"retroui","c":"overlays/toast","hc":1},{"id":"retroui:spinner","t":"Spinner","s":"retroui","c":"status/loader","sb":"Spinners","hc":1},{"id":"retroui:switch","t":"Switch","s":"retroui","c":"actions/switch","hc":1},{"id":"retroui:table","t":"Table","s":"retroui","c":"data-display/table","hc":1},{"id":"retroui:tabs","t":"Tabs","s":"retroui","c":"navigation/tabs","hc":1},{"id":"retroui:textarea","t":"Textarea","s":"retroui","c":"inputs/textarea","hc":1},{"id":"retroui:toggle","t":"Toggle","s":"retroui","c":"actions/switch","vn":1,"hc":1},{"id":"retroui:tooltip","t":"Tooltip","s":"retroui","c":"overlays/tooltip","hc":1},{"id":"roiui:utils","t":"Utils","s":"roiui","c":"other/other","hc":1},{"id":"roiui:utils-tailwind","t":"Utils tailwind","s":"roiui","c":"other/other","hc":1},{"id":"roiui:accordion","t":"Accordion","d":"A collapsible content component.","s":"roiui","c":"data-display/accordion","hc":1},{"id":"roiui:alert-dialog","t":"Alert Dialog","d":"A modal dialog that interrupts the user with important content.","s":"roiui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"roiui:autocomplete","t":"Autocomplete","d":"An input that suggests options as you type.","s":"roiui","c":"inputs/combobox","hc":1},{"id":"roiui:alert","t":"Alert","d":"A component for displaying important messages to users.","s":"roiui","c":"overlays/alert-banner","hc":1},{"id":"roiui:avatar","t":"Avatar","d":"An image element with a fallback for representing the user.","s":"roiui","c":"data-display/avatar","hc":1},{"id":"roiui:background","t":"Background","d":"A background component with various visual effects.","k":"motion","s":"roiui","c":"motion/background","hc":1},{"id":"roiui:badge","t":"Badge","d":"A small count and labeling component.","s":"roiui","c":"data-display/badge","hc":1},{"id":"roiui:button","t":"Button","d":"A button component.","s":"roiui","c":"actions/button","hc":1},{"id":"roiui:card","t":"Card","d":"A container component for displaying content.","s":"roiui","c":"data-display/card","sb":"Profile","vn":5,"hc":1},{"id":"roiui:calendar","t":"Calendar","d":"A date picker calendar component.","s":"roiui","c":"data-display/calendar","hc":1},{"id":"roiui:carousel","t":"Carousel","d":"A slideshow component for cycling through content.","s":"roiui","c":"media/carousel","hc":1},{"id":"roiui:checkbox","t":"Checkbox","d":"A control that allows users to select one or more options from a set.","s":"roiui","c":"inputs/checkbox","hc":1},{"id":"roiui:checkbox-group","t":"Checkbox Group","d":"A set of checkboxes with shared state management for selecting multiple options.","s":"roiui","c":"inputs/checkbox","hc":1},{"id":"roiui:collapsible","t":"Collapsible","d":"An expandable/collapsible panel controlled by a button.","s":"roiui","c":"data-display/accordion","hc":1},{"id":"roiui:combobox","t":"Combobox","d":"A searchable select component.","s":"roiui","c":"inputs/combobox","hc":1},{"id":"roiui:command","t":"Command","d":"A command palette component.","s":"roiui","c":"navigation/command-palette","hc":1},{"id":"roiui:context-menu","t":"Context Menu","d":"A menu component triggered by right-click or long press.","s":"roiui","c":"overlays/context-menu","hc":1},{"id":"roiui:copy-button","t":"Copy Button","d":"A button component with animated copy-to-clipboard functionality.","s":"roiui","c":"actions/copy-button","tg":["playful"],"sy":["playful"],"hc":1},{"id":"roiui:dialog","t":"Dialog","d":"A modal dialog component.","s":"roiui","c":"overlays/dialog","hc":1},{"id":"roiui:drawer","t":"Drawer","d":"A panel that slides in from the edge of the screen with swipe-to-dismiss gestures.","s":"roiui","c":"overlays/sheet","hc":1},{"id":"roiui:dropdown-menu","t":"Dropdown Menu","d":"A dropdown menu component.","s":"roiui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"roiui:expandable-card","t":"Expandable Card","d":"A card component that can expand to show more content.","s":"roiui","c":"data-display/accordion","sb":"Animated","vn":1,"hc":1},{"id":"roiui:field","t":"Field","d":"A form field component with label and validation.","s":"roiui","c":"inputs/form-field","hc":1},{"id":"roiui:fieldset","t":"Fieldset","d":"A native fieldset element with an easily stylable legend.","s":"roiui","c":"inputs/form-field","hc":1},{"id":"roiui:form","t":"Form","d":"A form component for handling user input.","s":"roiui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"roiui:input","t":"Input","d":"An input component for user text entry.","s":"roiui","c":"inputs/form-field","hc":1},{"id":"roiui:like-button","t":"Like Button","d":"A button component for liking content.","s":"roiui","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"roiui:kbd","t":"Kbd","d":"A component for displaying keyboard keys and shortcuts.","s":"roiui","c":"data-display/typography","hc":1},{"id":"roiui:menubar","t":"Menubar","d":"A horizontal menu bar component.","s":"roiui","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"roiui:meter","t":"Meter","d":"A graphical display of a numeric value within a range.","s":"roiui","c":"data-viz/gauge","hc":1},{"id":"roiui:navigation-menu","t":"Navigation Menu","d":"A navigation menu component.","s":"roiui","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"roiui:otp-field","t":"OTP Field","d":"A one-time password and verification code entry field.","s":"roiui","c":"inputs/otp-input","hc":1},{"id":"roiui:popover","t":"Popover","d":"A floating content container.","s":"roiui","c":"overlays/popover","hc":1},{"id":"roiui:radio","t":"Radio","d":"A customizable radio button component for selecting one option from a group.","s":"roiui","c":"inputs/radio","hc":1},{"id":"roiui:scroll-area","t":"Scroll Area","d":"A native scroll container with custom scrollbars.","k":"layout","s":"roiui","c":"layout/scroll-area","hc":1},{"id":"roiui:select","t":"Select","d":"A customizable select component for choosing from a list of options.","s":"roiui","c":"inputs/select","hc":1},{"id":"roiui:separator","t":"Separator","d":"A separator element accessible to screen readers.","k":"layout","s":"roiui","c":"layout/page-shell","hc":1},{"id":"roiui:slider","t":"Slider","d":"A slider component for selecting values from a range.","s":"roiui","c":"inputs/slider","hc":1},{"id":"roiui:switch","t":"Switch","d":"A toggle switch component.","s":"roiui","c":"actions/switch","hc":1},{"id":"roiui:tabs","t":"Tabs","d":"A set of layered sections of content.","s":"roiui","c":"navigation/tabs","hc":1},{"id":"roiui:table","t":"Table","d":"A responsive table component for displaying structured tabular data.","s":"roiui","c":"data-display/table","hc":1},{"id":"roiui:toast","t":"Toast","d":"A succinct message notification.","s":"roiui","c":"overlays/toast","hc":1},{"id":"roiui:toggle","t":"Toggle","d":"A two-state button that can be turned on or off.","s":"roiui","c":"actions/switch","hc":1},{"id":"roiui:toggle-group","t":"Toggle Group","d":"A set of two-state buttons that can be toggled on or off with shared state management.","s":"roiui","c":"actions/switch","hc":1},{"id":"roiui:toolbar","t":"Toolbar","d":"A toolbar component for grouping action buttons and controls.","s":"roiui","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"roiui:tooltip","t":"Tooltip","d":"A popup that displays information on hover.","s":"roiui","c":"overlays/tooltip","hc":1},{"id":"roiui:chart","t":"Chart","d":"Composable chart components for building any type of data visualization with Recharts prim","s":"roiui","c":"data-viz/chart","hc":1},{"id":"roiui:progress","t":"Progress","d":"Displays the status of a task that takes a long time.","s":"roiui","c":"data-viz/progress-bar","hc":1},{"id":"roiui:prop-table","t":"Prop Table","d":"An expandable table for documenting component props.","s":"roiui","c":"data-display/table","hc":1},{"id":"roiui:number-field","t":"Number Field","d":"A numeric input element with increment/decrement buttons and a scrub area.","s":"roiui","c":"inputs/number-input","hc":1},{"id":"roiui:slider","t":"Slider","d":"A range input component for selecting values within a given range.","s":"roiui","c":"inputs/slider","hc":1},{"id":"roiui:ai-chat","t":"AI Composer","d":"An AI chat input component with mode selector and action buttons.","s":"roiui","c":"ai-agent/composer","hc":1},{"id":"roiui:pricing-section","t":"Pricing Section","d":"A pricing section with three plan cards.","k":"section","s":"roiui","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"roiui:accordion-tailwind","t":"Accordion (Tailwind)","d":"A collapsible content component.","s":"roiui","c":"data-display/accordion","hc":1},{"id":"roiui:alert-tailwind","t":"Alert (Tailwind)","d":"A component for displaying important messages to users.","s":"roiui","c":"overlays/alert-banner","hc":1},{"id":"roiui:alert-dialog-tailwind","t":"Alert Dialog (Tailwind)","d":"A modal dialog that interrupts the user with important content.","s":"roiui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"roiui:autocomplete-tailwind","t":"Autocomplete (Tailwind)","d":"An input that suggests options as you type.","s":"roiui","c":"inputs/combobox","hc":1},{"id":"roiui:avatar-tailwind","t":"Avatar (Tailwind)","d":"An image element with a fallback for representing the user.","s":"roiui","c":"data-display/avatar","hc":1},{"id":"roiui:background-tailwind","t":"Background (Tailwind)","d":"A background component with various visual effects.","k":"motion","s":"roiui","c":"motion/background","hc":1},{"id":"roiui:badge-tailwind","t":"Badge (Tailwind)","d":"A small count and labeling component.","s":"roiui","c":"data-display/badge","hc":1},{"id":"roiui:button-tailwind","t":"Button (Tailwind)","d":"A button component.","s":"roiui","c":"actions/button","hc":1},{"id":"roiui:card-tailwind","t":"Card (Tailwind)","d":"A container component for displaying content.","s":"roiui","c":"data-display/card","sb":"Profile","vn":1,"hc":1},{"id":"roiui:calendar-tailwind","t":"Calendar (Tailwind)","d":"A date picker calendar component.","s":"roiui","c":"data-display/calendar","hc":1},{"id":"roiui:carousel-tailwind","t":"Carousel (Tailwind)","d":"A slideshow component for cycling through content.","s":"roiui","c":"media/carousel","hc":1},{"id":"roiui:checkbox-tailwind","t":"Checkbox (Tailwind)","d":"A control that allows users to select one or more options from a set.","s":"roiui","c":"inputs/checkbox","hc":1},{"id":"roiui:checkbox-group-tailwind","t":"Checkbox Group (Tailwind)","d":"A set of checkboxes with shared state management for selecting multiple options.","s":"roiui","c":"inputs/checkbox","hc":1},{"id":"roiui:collapsible-tailwind","t":"Collapsible (Tailwind)","d":"An expandable/collapsible panel controlled by a button.","s":"roiui","c":"data-display/accordion","hc":1},{"id":"roiui:combobox-tailwind","t":"Combobox (Tailwind)","d":"A searchable select component.","s":"roiui","c":"inputs/combobox","hc":1},{"id":"roiui:command-tailwind","t":"Command (Tailwind)","d":"A command palette component.","s":"roiui","c":"navigation/command-palette","hc":1},{"id":"roiui:context-menu-tailwind","t":"Context Menu (Tailwind)","d":"A menu component triggered by right-click or long press.","s":"roiui","c":"navigation/menu","sb":"Context menus","hc":1},{"id":"roiui:copy-button-tailwind","t":"Copy Button (Tailwind)","d":"A button component with animated copy-to-clipboard functionality.","s":"roiui","c":"actions/button","tg":["playful"],"sb":"Copy, share and like","sy":["playful"],"hc":1},{"id":"roiui:dialog-tailwind","t":"Dialog (Tailwind)","d":"A modal dialog component.","s":"roiui","c":"overlays/dialog","hc":1},{"id":"roiui:drawer-tailwind","t":"Drawer (Tailwind)","d":"A panel that slides in from the edge of the screen with swipe-to-dismiss gestures.","s":"roiui","c":"overlays/sheet","hc":1},{"id":"roiui:dropdown-menu-tailwind","t":"Dropdown Menu (Tailwind)","d":"A dropdown menu component.","s":"roiui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"roiui:field-tailwind","t":"Field (Tailwind)","d":"A form field component with label and validation.","s":"roiui","c":"inputs/form-field","hc":1},{"id":"roiui:fieldset-tailwind","t":"Fieldset (Tailwind)","d":"A native fieldset element with an easily stylable legend.","s":"roiui","c":"inputs/form-field","hc":1},{"id":"roiui:form-tailwind","t":"Form (Tailwind)","d":"A form component for handling user input.","s":"roiui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"roiui:input-tailwind","t":"Input (Tailwind)","d":"An input component for user text entry.","s":"roiui","c":"inputs/form-field","hc":1},{"id":"roiui:like-button-tailwind","t":"Like Button (Tailwind)","d":"A button component for liking content.","s":"roiui","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"roiui:kbd-tailwind","t":"Kbd (Tailwind)","d":"A component for displaying keyboard keys and shortcuts.","s":"roiui","c":"data-display/typography","hc":1},{"id":"roiui:menubar-tailwind","t":"Menubar (Tailwind)","d":"A horizontal menu bar component.","s":"roiui","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"roiui:meter-tailwind","t":"Meter (Tailwind)","d":"A graphical display of a numeric value within a range.","s":"roiui","c":"data-viz/gauge","hc":1},{"id":"roiui:navigation-menu-tailwind","t":"Navigation Menu (Tailwind)","d":"A navigation menu component.","s":"roiui","c":"navigation/menu","hc":1},{"id":"roiui:otp-field-tailwind","t":"OTP Field (Tailwind)","d":"A one-time password and verification code entry field.","s":"roiui","c":"inputs/form-field","hc":1},{"id":"roiui:number-field-tailwind","t":"Number Field (Tailwind)","d":"A numeric input element with increment/decrement buttons and a scrub area.","s":"roiui","c":"inputs/form-field","hc":1},{"id":"roiui:popover-tailwind","t":"Popover (Tailwind)","d":"A floating content container.","s":"roiui","c":"overlays/popover","hc":1},{"id":"roiui:progress-tailwind","t":"Progress (Tailwind)","d":"Displays the status of a task that takes a long time.","s":"roiui","c":"data-viz/progress-bar","hc":1},{"id":"roiui:prop-table-tailwind","t":"Prop Table (Tailwind)","d":"An expandable table for documenting component props.","s":"roiui","c":"data-display/table","hc":1},{"id":"roiui:radio-tailwind","t":"Radio (Tailwind)","d":"A customizable radio button component for selecting one option from a group.","s":"roiui","c":"inputs/radio","hc":1},{"id":"roiui:scroll-area-tailwind","t":"Scroll Area (Tailwind)","d":"A native scroll container with custom scrollbars.","k":"layout","s":"roiui","c":"layout/scroll-area","hc":1},{"id":"roiui:select-tailwind","t":"Select (Tailwind)","d":"A customizable select component for choosing from a list of options.","s":"roiui","c":"inputs/select","hc":1},{"id":"roiui:separator-tailwind","t":"Separator (Tailwind)","d":"A separator element accessible to screen readers.","k":"layout","s":"roiui","c":"layout/page-shell","hc":1},{"id":"roiui:slider-tailwind","t":"Slider (Tailwind)","d":"A slider component for selecting values from a range.","s":"roiui","c":"inputs/slider","hc":1},{"id":"roiui:switch-tailwind","t":"Switch (Tailwind)","d":"A toggle switch component.","s":"roiui","c":"actions/switch","hc":1},{"id":"roiui:tabs-tailwind","t":"Tabs (Tailwind)","d":"A set of layered sections of content.","s":"roiui","c":"navigation/tabs","hc":1},{"id":"roiui:table-tailwind","t":"Table (Tailwind)","d":"A responsive table component for displaying structured tabular data.","s":"roiui","c":"data-display/table","hc":1},{"id":"roiui:toast-tailwind","t":"Toast (Tailwind)","d":"A succinct message notification.","s":"roiui","c":"overlays/toast","hc":1},{"id":"roiui:toggle-tailwind","t":"Toggle (Tailwind)","d":"A two-state button that can be turned on or off.","s":"roiui","c":"actions/switch","hc":1},{"id":"roiui:toggle-group-tailwind","t":"Toggle Group (Tailwind)","d":"A set of two-state buttons that can be toggled on or off with shared state management.","s":"roiui","c":"actions/segmented-control","hc":1},{"id":"roiui:tooltip-tailwind","t":"Tooltip (Tailwind)","d":"A popup that displays information on hover.","s":"roiui","c":"overlays/tooltip","hc":1},{"id":"roiui:toolbar-tailwind","t":"Toolbar (Tailwind)","d":"A toolbar component for grouping action buttons and controls.","s":"roiui","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"roiui:chart-tailwind","t":"Chart (Tailwind)","d":"Composable chart components for building any type of data visualization with Recharts prim","s":"roiui","c":"data-viz/chart","hc":1},{"id":"roiui:ai-chat-tailwind","t":"AI Composer (Tailwind)","d":"An AI chat input component with mode selector and action buttons.","s":"roiui","c":"ai-agent/composer","hc":1},{"id":"roiui:card-progress-tailwind","t":"Progress Card (Tailwind)","d":"A file upload progress card with multiple file tracking.","s":"roiui","c":"data-viz/progress-bar","hc":1},{"id":"roiui:card-image-section-tailwind","t":"Card Image Section (Tailwind)","d":"A section with 4 image cards in a masonry layout.","s":"roiui","c":"media/gallery","hc":1},{"id":"roiui:card-login-tailwind","t":"Login Card (Tailwind)","d":"A login card component with email/password fields and social login options.","k":"layout","s":"roiui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"roiui:card-task-tailwind","t":"Task Card (Tailwind)","d":"A task card component with badges, avatars, and action menu.","s":"roiui","c":"data-display/card","hc":1},{"id":"roiui:card-traffic-tailwind","t":"Traffic Card (Tailwind)","d":"A website traffic card component with line chart and statistics.","s":"roiui","c":"data-display/card","sb":"Metric","hc":1},{"id":"roiui:expandable-card-tailwind","t":"Expandable Card (Tailwind)","d":"A card component that can expand to show more content.","s":"roiui","c":"data-display/card","hc":1},{"id":"roiui:expandable-card-carousel-tailwind","t":"Expandable Card Carousel (Tailwind)","d":"A carousel of expandable cards showcasing core philosophies.","s":"roiui","c":"media/carousel","hc":1},{"id":"roiui:pricing-section-tailwind","t":"Pricing Section (Tailwind)","d":"A pricing section with three plan cards.","k":"section","s":"roiui","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"roiui:expandable-card-spread","t":"Expandable Card Spread","d":"A spread of expandable cards with mobile swipe-to-cycle stack view.","s":"roiui","c":"data-display/card","hc":1},{"id":"roiui:expandable-card-spread-tailwind","t":"Expandable Card Spread (Tailwind)","d":"A spread of expandable cards with mobile swipe-to-cycle stack view.","s":"roiui","c":"data-display/card","hc":1},{"id":"saastro:hero-01","t":"Hero — Centered","d":"Centered hero with badge, heading, description, and dual CTA buttons. Zero-JS Astro compon","k":"section","s":"saastro","c":"marketing/hero","sb":"Centered and minimal","hc":1},{"id":"saastro:hero-02","t":"Hero — Split with Image","d":"Split hero with content on the left and image or screenshot on the right. Zero-JS Astro co","k":"section","s":"saastro","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"saastro:hero-03","t":"Hero — Gradient","d":"Hero with gradient background, floating badge, and a single prominent CTA. Zero-JS Astro c","k":"section","s":"saastro","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"],"hc":1},{"id":"saastro:features-01","t":"Features — Icon Grid","d":"3-column feature grid with icons, titles, and descriptions in cards. Zero-JS Astro compone","k":"section","s":"saastro","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"saastro:features-02","t":"Features — Alternating","d":"Alternating image and text sections to showcase features. Zero-JS Astro component.","k":"section","s":"saastro","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"saastro:steps-01","t":"Steps — Numbered How It Works","d":"Numbered steps for a how-it-works section, with optional eyebrow and description. Zero-JS ","s":"saastro","c":"navigation/wizard-steps","hc":1},{"id":"saastro:pricing-01","t":"Pricing — 3 Tiers","d":"Three-tier pricing cards with monthly/annual toggle and feature lists.","k":"section","s":"saastro","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"],"hc":1},{"id":"saastro:compare-01","t":"Compare — Two column table","d":"Two-column comparison of paired statements, with column labels and check/cross marks. Zero","k":"section","s":"saastro","c":"marketing/comparison","hc":1},{"id":"saastro:cta-01","t":"CTA — Gradient Banner","d":"Full-width CTA banner with gradient background, heading, and action buttons. Zero-JS Astro","k":"section","s":"saastro","c":"marketing/cta","tg":["gradient"],"sb":"Banners","sy":["gradient"],"hc":1},{"id":"saastro:faq-01","t":"FAQ — Accordion","d":"FAQ section with accordion for expandable questions and answers.","k":"section","s":"saastro","c":"marketing/faq","hc":1},{"id":"saastro:faq-02","t":"FAQ — sin JavaScript","d":"FAQ con `<details>` nativo: cero JS, respuestas dentro del HTML servido e indexables. El h","k":"section","s":"saastro","c":"marketing/faq","hc":1},{"id":"saastro:testimonials-01","t":"Testimonials — Card Grid","d":"Testimonial grid with avatar, name, role, and quote cards. Zero-JS Astro component.","k":"section","s":"saastro","c":"marketing/testimonials","hc":1},{"id":"saastro:footer-01","t":"Footer — Multi Column","d":"Multi-column footer with navigation links, social icons, and copyright. Zero-JS Astro comp","k":"section","s":"saastro","c":"marketing/footer","hc":1},{"id":"saastro:navbar-01","t":"Navbar — Responsive","d":"Responsive navbar with desktop navigation and mobile hamburger menu.","s":"saastro","c":"navigation/top-nav","sb":"Mobile","hc":1},{"id":"saastro:blog-grid-01","t":"Blog — Post Grid","d":"Responsive grid of blog post cards with image, title, excerpt, and metadata. Zero-JS Astro","k":"section","s":"saastro","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"saastro:newsletter-01","t":"Newsletter — Signup","d":"Email newsletter signup section with input and submit button. Zero-JS Astro component.","k":"section","s":"saastro","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"saastro:stats-01","t":"Stats — Counter Row","d":"Row of key statistics with large numbers and labels. Zero-JS Astro component.","s":"saastro","c":"data-display/stat","hc":1},{"id":"saastro:logos-01","t":"Logos — Trusted By","d":"\"Trusted by\" logo cloud section with grayscale hover effect. Zero-JS Astro component.","k":"resource","s":"saastro","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"saastro:button-pro","t":"Button Pro","d":"Enhanced button with CVA variants, icon effects, shine, gooey, underline, and gradient ani","s":"saastro","c":"actions/button","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"saastro:button","t":"Button","d":"El botón base sobre Base UI. Variantes CVA (variant, size) y `render` en vez de `asChild`.","s":"saastro","c":"actions/button","hc":1},{"id":"saastro:badge","t":"Badge","d":"Etiqueta compacta con variantes CVA.","s":"saastro","c":"data-display/badge","hc":1},{"id":"saastro:separator","t":"Separator","d":"Separador horizontal o vertical, accesible.","k":"layout","s":"saastro","c":"layout/page-shell","hc":1},{"id":"saastro:card","t":"Card","d":"Tarjeta y sus partes (header, title, description, content, footer). Markup puro, sin depen","s":"saastro","c":"data-display/card","hc":1},{"id":"saastro:accordion","t":"Accordion","d":"Acordeón sobre Base UI, con animación de altura por CSS.","s":"saastro","c":"data-display/accordion","hc":1},{"id":"saastro:sheet","t":"Sheet","d":"Panel lateral (drawer) sobre Base UI Dialog, con los cuatro lados.","s":"saastro","c":"overlays/sheet","hc":1},{"id":"saastro:input","t":"Input","d":"Campo de texto sobre Base UI, con los estados de foco e invalidez del sistema.","s":"saastro","c":"inputs/form-field","sb":"Whole forms","vn":1,"hc":1},{"id":"saastro:label","t":"Label","d":"Etiqueta de campo. La necesita `field`, y es markup puro.","s":"saastro","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"saastro:textarea","t":"Textarea","d":"Área de texto multilínea.","s":"saastro","c":"inputs/textarea","hc":1},{"id":"saastro:select","t":"Select","d":"Desplegable sobre Base UI. Pasa `items` al Root: sin eso el trigger pinta el value crudo e","s":"saastro","c":"inputs/select","hc":1},{"id":"saastro:checkbox","t":"Checkbox","d":"Casilla sobre Base UI.","s":"saastro","c":"inputs/checkbox","hc":1},{"id":"saastro:radio-group","t":"Radio Group","d":"Grupo de opciones excluyentes sobre Base UI.","s":"saastro","c":"inputs/radio","hc":1},{"id":"saastro:switch","t":"Switch","d":"Interruptor sobre Base UI.","s":"saastro","c":"actions/switch","sb":"With labels","hc":1},{"id":"saastro:field","t":"Field","d":"Envoltorio de campo: label, descripción y error. Es lo que consume @saastro/forms.","s":"saastro","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"saastro:form","t":"Form","d":"Puente entre react-hook-form y los primitivos. FormField/FormControl.","s":"saastro","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"saastro:dialog","t":"Dialog","d":"Modal sobre Base UI, con backdrop y cierre accesible.","s":"saastro","c":"overlays/dialog","hc":1},{"id":"saastro:popover","t":"Popover","d":"Panel flotante anclado sobre Base UI.","s":"saastro","c":"overlays/popover","hc":1},{"id":"saastro:tooltip","t":"Tooltip","d":"Ayuda contextual sobre Base UI.","s":"saastro","c":"overlays/tooltip","hc":1},{"id":"saastro:scroll-area","t":"Scroll Area","d":"Área con scroll y barra propia.","k":"layout","s":"saastro","c":"layout/scroll-area","hc":1},{"id":"saastro:navigation-menu","t":"Navigation Menu","d":"Menú de navegación con submenús, sobre Base UI.","s":"saastro","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"saastro:slider","t":"Slider","d":"Control de rango sobre Base UI. Con un thumb emite NÚMERO PLANO, no array.","s":"saastro","c":"inputs/slider","hc":1},{"id":"saastro:native-select","t":"Native Select","d":"`<select>` nativo estilado. La opción sin JS cuando no hace falta un desplegable rico.","s":"saastro","c":"inputs/select","hc":1},{"id":"saastro:input-otp","t":"Input OTP","d":"Campo de código de un solo uso.","s":"saastro","c":"inputs/otp-input","hc":1},{"id":"saastro:calendar","t":"Calendar","d":"Calendario sobre react-day-picker, con la navegación y los estilos del sistema.","s":"saastro","c":"data-display/calendar","hc":1},{"id":"saastro:avatar","t":"Avatar","d":"Imagen de persona con iniciales de reserva, sobre Base UI.","s":"saastro","c":"data-display/avatar","hc":1},{"id":"saastro:skeleton","t":"Skeleton","d":"El hueco de lo que está cargando, con la forma que va a tener.","s":"saastro","c":"status/skeleton","hc":1},{"id":"saastro:progress","t":"Progress","d":"Barra de avance sobre Base UI. `value={null}` es indeterminado.","s":"saastro","c":"data-viz/progress-bar","hc":1},{"id":"saastro:alert","t":"Alert","d":"El aviso que ya está en la página, no el que interrumpe.","s":"saastro","c":"overlays/alert-banner","hc":1},{"id":"saastro:table","t":"Table","d":"Tabla nativa con su propio scroll horizontal.","s":"saastro","c":"data-display/table","hc":1},{"id":"saastro:tabs","t":"Tabs","d":"Pestañas sobre Base UI, con indicador deslizante.","s":"saastro","c":"navigation/tabs","hc":1},{"id":"saastro:dropdown-menu","t":"Dropdown Menu","d":"Menú desplegable sobre Base UI: items, checkbox, radio y submenús.","s":"saastro","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"saastro:context-menu","t":"Context Menu","d":"El menú del botón derecho, sobre Base UI.","s":"saastro","c":"overlays/context-menu","hc":1},{"id":"saastro:alert-dialog","t":"Alert Dialog","d":"El diálogo que exige respuesta: no se cierra con Escape ni pinchando fuera.","s":"saastro","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"saastro:command","t":"Command","d":"Lista con buscador y teclado sobre Base UI Autocomplete. Misma API que el command de shadc","s":"saastro","c":"navigation/command-palette","hc":1},{"id":"sans:claude-spinner","t":"Claude Spinner","d":"A reverse-engineered recreation of the Claude Code CLI's terminal spinner — animated glyph","s":"sans","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"satoriui:dotted-modern","t":"Dotted Modern","d":"Modern dotted background hero component with animated open-source badge.","k":"section","s":"satoriui","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"satoriui:keyboard","t":"Keyboard UI","d":"Sleek, minimalistic & interactive keyboard UI.","s":"satoriui","c":"data-display/badge","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"satoriui:security-card","t":"Security Card","d":"A sleek security card component with 3D shield visualization.","s":"satoriui","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"satoriui:scroll-tracker","t":"Scroll Tracker","d":"Track scroll progress with a visual indicator.","k":"layout","s":"satoriui","c":"layout/scroll-area","hc":1},{"id":"satoriui:pro-button","t":"Pro Button","d":"A high-impact call-to-action with a signature pixel icon and premium finish.","s":"satoriui","c":"actions/button","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"satoriui:typewriter-loop","t":"Typewriter Loop","d":"A looping typewriter CTA with a gradient support, premium touch.","k":"motion","s":"satoriui","c":"motion/text-effect","tg":["gradient"],"sb":"Typewriter","sy":["gradient"],"hc":1},{"id":"satoriui:cyberpunk-button","t":"Cyberpunk Button","d":"Futuristic, minimalistic button with smooth animations.","s":"satoriui","c":"actions/button","tg":["minimal","neon"],"sb":"Animated","sy":["minimal","neon"],"hc":1},{"id":"satoriui:flip-clock","t":"Cyberpunk Button","d":"Neat and clean functional clock ui with buttery smooth flip animations.","s":"satoriui","c":"actions/button","tg":["minimal","neon","playful"],"sb":"Animated","sy":["minimal","neon","playful"],"hc":1},{"id":"satoriui:encoded-reveal","t":"Encoded Reveal","d":"Matrix like animation, reveals text with random characters.","k":"motion","s":"satoriui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"satoriui:slide-up-reveal","t":"Slide Up Reveal","d":"Buttery smooth text reveal with slide up reveal animation.","k":"motion","s":"satoriui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"satoriui:blur-reveal","t":"Blur Reveal","d":"Mysterious blur reveal animation, just feels awesome.","s":"satoriui","c":"other/other","hc":1},{"id":"satoriui:shimmer-text","t":"Shimmer Text","d":"Smooth shimmer animation for premium touch.","k":"motion","s":"satoriui","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1,"cp":1},{"id":"satoriui:kinetic-grid","t":"Kinetic Grid","d":"Kinetic grid animation.","s":"satoriui","c":"data-display/table","hc":1},{"id":"satoriui:beacon-badge","t":"Beacon Badge","d":"A status badge with a customizable beacon (ping) animation and blur reveal text.","s":"satoriui","c":"data-display/badge","hc":1},{"id":"satoriui:pulse-button","t":"Pulse Button","d":"A high-impact, beautifully animated button with pulsing dot patterns and smooth interactio","s":"satoriui","c":"actions/button","sb":"Animated","hc":1},{"id":"sc1m:tokens","t":"sc1m Design Tokens","d":"sc1m brand tokens and the Tailwind v4 theme contract: semantic colors, radii, shadows, mot","k":"theme","s":"sc1m","c":"themes/theme","vn":1},{"id":"sc1m:cn","t":"cn Utility","d":"Class-name combiner: clsx + tailwind-merge.","k":"lib","s":"sc1m","c":"lib/utility","sb":"Class helpers","hc":1,"cp":1},{"id":"sc1m:accordion","t":"Accordion","d":"Accordion component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"data-display/accordion","hc":1},{"id":"sc1m:ai-summary","t":"AI Summary","d":"AI Summary: the banner that marks AI-authored copy — one sentence of plain language on an ","s":"sc1m","c":"ai-agent/ai-agent","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"sc1m:alert-dialog","t":"Alert Dialog","d":"Alert Dialog component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"sc1m:autocomplete","t":"Autocomplete","d":"Autocomplete component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"inputs/combobox","hc":1},{"id":"sc1m:avatar","t":"Avatar","d":"Avatar component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"data-display/avatar","hc":1},{"id":"sc1m:badge","t":"Badge","d":"Badge: a status chip carried by fill alone — a tint of the tone at 12–15%, label inked tow","s":"sc1m","c":"data-display/badge","hc":1},{"id":"sc1m:banner","t":"Banner","d":"Banner: a borderless status note — a flat wash of the tone at 7–8%, a tone-coloured icon, ","s":"sc1m","c":"overlays/alert-banner","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"sc1m:button","t":"Button","d":"Button component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"actions/button","hc":1},{"id":"sc1m:checkbox","t":"Checkbox","d":"Checkbox component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"inputs/checkbox","hc":1},{"id":"sc1m:checkbox-group","t":"Checkbox Group","d":"Checkbox Group component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"inputs/checkbox","hc":1},{"id":"sc1m:collapsible","t":"Collapsible","d":"Collapsible component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"data-display/accordion","hc":1},{"id":"sc1m:combobox","t":"Combobox","d":"Combobox component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"inputs/combobox","hc":1},{"id":"sc1m:context-menu","t":"Context Menu","d":"Context Menu component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"overlays/context-menu","hc":1},{"id":"sc1m:dialog","t":"Dialog","d":"Dialog component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"overlays/dialog","hc":1},{"id":"sc1m:drawer","t":"Drawer","d":"Drawer component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"overlays/sheet","hc":1},{"id":"sc1m:field","t":"Field","d":"Field component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"inputs/form-field","hc":1},{"id":"sc1m:fieldset","t":"Fieldset","d":"Fieldset component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"inputs/form-field","hc":1},{"id":"sc1m:form","t":"Form","d":"Form component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"sc1m:input","t":"Input","d":"Input component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"inputs/form-field","hc":1},{"id":"sc1m:menu","t":"Menu","d":"Menu component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"navigation/menu","hc":1},{"id":"sc1m:menubar","t":"Menubar","d":"Menubar component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"sc1m:meter","t":"Meter","d":"Meter component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"data-viz/gauge","hc":1},{"id":"sc1m:navigation-menu","t":"Navigation Menu","d":"Navigation Menu component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"sc1m:number-field","t":"Number Field","d":"Number Field component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"inputs/number-input","hc":1},{"id":"sc1m:otp-field","t":"Otp Field","d":"Otp Field component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"inputs/otp-input","hc":1},{"id":"sc1m:popover","t":"Popover","d":"Popover component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"overlays/popover","hc":1},{"id":"sc1m:progress","t":"Progress","d":"Progress component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"data-viz/progress-bar","hc":1},{"id":"sc1m:radio","t":"Radio","d":"Radio component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"inputs/radio","hc":1},{"id":"sc1m:radio-group","t":"Radio Group","d":"Radio Group component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"inputs/radio","hc":1},{"id":"sc1m:scroll-area","t":"Scroll Area","d":"Scroll Area component built on Base UI, styled with sc1m tokens.","k":"layout","s":"sc1m","c":"layout/scroll-area","hc":1},{"id":"sc1m:select","t":"Select","d":"Select component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"inputs/select","hc":1},{"id":"sc1m:separator","t":"Separator","d":"Separator component built on Base UI, styled with sc1m tokens.","k":"layout","s":"sc1m","c":"layout/page-shell","hc":1},{"id":"sc1m:slider","t":"Slider","d":"Slider component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"inputs/slider","hc":1},{"id":"sc1m:switch","t":"Switch","d":"Switch component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"actions/switch","hc":1},{"id":"sc1m:tabs","t":"Tabs","d":"Tabs component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"navigation/tabs","hc":1},{"id":"sc1m:toast","t":"Toast","d":"Toast component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"overlays/toast","hc":1},{"id":"sc1m:toggle","t":"Toggle","d":"Toggle component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"actions/switch","hc":1},{"id":"sc1m:toggle-group","t":"Toggle Group","d":"Toggle Group component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"actions/switch","hc":1},{"id":"sc1m:toolbar","t":"Toolbar","d":"Toolbar component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"sc1m:tooltip","t":"Tooltip","d":"Tooltip component built on Base UI, styled with sc1m tokens.","s":"sc1m","c":"overlays/tooltip","hc":1},{"id":"scrimui:all","t":"All free components","d":"Every free Scrim UI component — 55 in total, from prompt inputs and streaming messages to ","s":"scrimui","c":"ai-agent/composer"},{"id":"scrimui:prompt-input","t":"Prompt Input","d":"The message input at the heart of an AI chat app — file attachments, model picker, tool to","s":"scrimui","c":"ai-agent/composer","hc":1},{"id":"scrimui:prompt-input-attachments","t":"Prompt Input + Attachments","d":"A chat input that accepts file uploads — attachment chips with upload progress, type icons","s":"scrimui","c":"ai-agent/composer","hc":1},{"id":"scrimui:prompt-input-model-selector","t":"Prompt Input + Model Selector","d":"A chat input with the model picker built in — switch models inline, with badges for what e","s":"scrimui","c":"ai-agent/composer","hc":1},{"id":"scrimui:prompt-editor","t":"Prompt Editor","d":"A prompt template editor with {{variables}} highlighted as you type, a rendered preview, a","s":"scrimui","c":"ai-agent/composer","hc":1},{"id":"scrimui:streaming-message","t":"Streaming Message","d":"Render an AI reply token by token like ChatGPT's typing effect — blinking cursor, stop but","s":"scrimui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"scrimui:user-message","t":"User Message","d":"The user's chat bubble — right-aligned, with hover actions to copy, edit the prompt, or re","s":"scrimui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"scrimui:message-actions","t":"Message Actions","d":"The action row under an AI reply — copy, regenerate, share and thumbs up/down feedback, re","s":"scrimui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"scrimui:error-message","t":"Error & Retry","d":"What to show when a generation fails — a plain-English reason, a retry button, and a count","s":"scrimui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"scrimui:markdown-message","t":"Markdown Message","d":"A rendered markdown reply — syntax-highlighted code blocks with copy buttons, plus tables,","s":"scrimui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"scrimui:streaming-markdown","t":"Streaming Markdown","d":"Markdown that renders correctly while it is still arriving — bold, code spans, links and t","s":"scrimui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"scrimui:response-versions","t":"Response Versions","d":"The 1/3 pager after a regenerate — previous and next versions, branch markers, continue-fr","s":"scrimui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"scrimui:conversation-sidebar","t":"Conversation Sidebar","d":"The chat-history sidebar every AI app rebuilds — search, inline rename, pin, and delete wi","s":"scrimui","c":"navigation/sidebar","hc":1},{"id":"scrimui:artifact-preview","t":"Artifact Preview","d":"The side panel for generated output — preview/code toggle, copy, download, version switchi","s":"scrimui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"scrimui:reasoning","t":"Thinking / Reasoning","d":"A collapsible chain-of-thought panel — show the model's reasoning trace with elapsed time,","s":"scrimui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"scrimui:thinking-indicator","t":"Thinking Indicator","d":"The loading state before the first token — bouncing dots, a blinking caret, or a labeled s","s":"scrimui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"scrimui:reasoning-steps","t":"Reasoning Steps","d":"A multi-step reasoning trace — each step with its own status and timer, so a long think re","s":"scrimui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"scrimui:tool-call","t":"Tool Call","d":"How to show a function call in chat — the arguments sent, the result returned, run status,","s":"scrimui","c":"ai-agent/ai-agent","tg":["playful"],"sb":"Reasoning and tools","sy":["playful"],"hc":1},{"id":"scrimui:search-tool-call","t":"Search Tool Call","d":"A web search the model ran — the query it chose, how many results came back, and previews ","s":"scrimui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"scrimui:code-execution","t":"Code Execution","d":"A code interpreter run inside chat — the snippet, a running state, stdout as it streams, a","s":"scrimui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"scrimui:generative-ui","t":"Generative UI","d":"Render a React component from a tool result instead of text — a skeleton in the widget's o","s":"scrimui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"scrimui:generated-media","t":"Generated Media Result","d":"The result card for AI-generated images, audio and video — queue and stage states, variant","s":"scrimui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"scrimui:source-card","t":"Source Card","d":"A cited source as a card — favicon, page title, domain, and the snippet the answer actuall","s":"scrimui","c":"data-display/card","hc":1},{"id":"scrimui:source-list","t":"Source List","d":"The passages retrieval actually returned, with similarity scores and a visible relevance f","s":"scrimui","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"scrimui:citation-ui","t":"Citation UI","d":"Inline citation markers in generated text — numbered footnotes that reveal the source in a","s":"scrimui","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"scrimui:citation-popover","t":"Citation Popover","d":"A citation marker that shows the passage it came from — fixed positioning that survives a ","s":"scrimui","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"scrimui:agent-status","t":"Agent Status","d":"Status for an AI agent working on its own — running, waiting on you, completed or failed, ","s":"scrimui","c":"ai-agent/ai-agent","hc":1},{"id":"scrimui:approval-request","t":"Approval Request","d":"The human-in-the-loop confirmation — what the agent wants to do, the exact details, and al","s":"scrimui","c":"ai-agent/ai-agent","hc":1},{"id":"scrimui:approval-gate","t":"Approval Gate","d":"The approval card as a lifecycle: a decision that survives a closed tab, is idempotent acr","s":"scrimui","c":"ai-agent/ai-agent","hc":1},{"id":"scrimui:agent-plan","t":"Agent Plan","d":"The checklist an agent writes for itself and then edits mid-run — steps added, skipped and","s":"scrimui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"scrimui:agent-handoff","t":"Agent Handoff","d":"One agent passing work to another — who asked, what was carried across, and what the recei","s":"scrimui","c":"ai-agent/ai-agent","hc":1},{"id":"scrimui:agent-run-timeline","t":"Agent Run Timeline","d":"The activity log for a long agent run — collapsible success clusters, retry-linked events,","s":"scrimui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"scrimui:response-rating","t":"Response Rating","d":"Thumbs up and down that ask the one follow-up question worth asking — with a state for fee","s":"scrimui","c":"inputs/rating","hc":1},{"id":"scrimui:inline-correction","t":"Inline Correction","d":"Fix the answer where it is wrong, in place — the edit becomes training data, so the compon","s":"scrimui","c":"other/other","hc":1},{"id":"scrimui:output-comparison","t":"Output Comparison","d":"Two answers, side by side, with the model names hidden until a winner is picked — because ","k":"section","s":"scrimui","c":"marketing/comparison","hc":1},{"id":"scrimui:eval-results","t":"Eval Results","d":"Pass rates per test case across two runs, with the regressions surfaced first and a sample","s":"scrimui","c":"other/other","hc":1},{"id":"scrimui:edit-diff-view","t":"Edit Diff View","d":"A streamed AI edit as hunks you accept or reject one by one — id-keyed decisions, word-lev","s":"scrimui","c":"data-display/diff","hc":1},{"id":"scrimui:file-upload","t":"File Upload","d":"A drag-and-drop upload zone — per-file progress bars, type icons, and error states for fil","s":"scrimui","c":"inputs/file-upload","hc":1},{"id":"scrimui:context-files","t":"Context Files","d":"The files currently in the model's context — sizes, how many tokens each one costs, and re","s":"scrimui","c":"ai-agent/ai-agent","hc":1},{"id":"scrimui:context-picker","t":"Context Picker","d":"The @-mention menu for adding context to a prompt — files, web pages and knowledge bases w","s":"scrimui","c":"inputs/select","hc":1},{"id":"scrimui:context-usage","t":"Context Usage","d":"How much of the context window is gone and to what — system prompt, files, history — plus ","s":"scrimui","c":"ai-agent/composer","hc":1},{"id":"scrimui:memory-list","t":"Memory List","d":"The memory panel — every fact the assistant has saved about the user, with the ability to ","s":"scrimui","c":"data-display/list","hc":1},{"id":"scrimui:memory-suggestion","t":"Memory Suggestion","d":"The prompt an assistant shows before saving something about you — the fact it noticed, and","s":"scrimui","c":"ai-agent/composer","hc":1},{"id":"scrimui:memory-chip","t":"Memory Chip","d":"A small inline chip confirming a fact was saved to memory — quiet enough to ignore, clear ","s":"scrimui","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"scrimui:model-selector","t":"Model Selector","d":"A standalone model picker — compare models in a dropdown with badges for speed, context le","k":"layout","s":"scrimui","c":"flows/settings","hc":1},{"id":"scrimui:reasoning-level","t":"Reasoning Level","d":"A control for how hard the model should think — light, balanced or deep, with the tradeoff","s":"scrimui","c":"ai-agent/ai-agent","tg":["3d"],"sb":"Reasoning and tools","sy":["3d"],"hc":1},{"id":"scrimui:tool-toggle","t":"Tool Toggle","d":"Switches for the tools a model may use — web search, code execution, file access — with un","s":"scrimui","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"scrimui:cost-meter","t":"Cost Meter","d":"Live spend per message and per conversation — cached input priced apart from fresh, reason","s":"scrimui","c":"data-viz/gauge","hc":1},{"id":"scrimui:voice-input","t":"Voice Input","d":"A microphone button that expands into a recording panel — live waveform, a running transcr","s":"scrimui","c":"ai-agent/ai-agent","sb":"Voice","hc":1},{"id":"scrimui:voice-waveform","t":"Voice Waveform","d":"An animated audio waveform — distinct bar motion for listening, recording, and the assista","s":"scrimui","c":"media/player","hc":1},{"id":"scrimui:voice-conversation","t":"Voice Conversation","d":"A voice conversation as it happens — who is speaking, the live transcript, and replay for ","s":"scrimui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"scrimui:refusal-message","t":"Refusal Message","d":"How to say no without ending the conversation — the refusal, a plain-language reason, and ","s":"scrimui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"scrimui:moderation-flag","t":"Moderation Flag","d":"What to show when the content filter fires — a stopped stream that keeps its partial text,","k":"resource","s":"scrimui","c":"assets/flag","hc":1},{"id":"scrimui:confidence-answer","t":"Confidence Answer","d":"An answer that says how sure it is — a warning badge only when there is something to warn ","s":"scrimui","c":"data-display/badge","hc":1},{"id":"scrimui:voice-call-controls","t":"Voice Call Controls","d":"The chrome around a live voice call — an unmistakable mute toggle, a running call timer, a","s":"scrimui","c":"actions/switch","hc":1},{"id":"scrimui:memory-toast","t":"Memory Toast","d":"The 'Memory updated' receipt — shows the exact fact that was saved, with one-tap Undo and ","s":"scrimui","c":"overlays/toast","hc":1},{"id":"scrimui:ai-chat","t":"AI Chat","d":"The canonical chat interface — sidebar, streaming messages, prompt input with model select","s":"scrimui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"scrimui:research-assistant","t":"AI Research Assistant","d":"A research flow that shows search tool calls, reasoning, sources and a cited final answer.","s":"scrimui","c":"ai-agent/ai-agent","hc":1},{"id":"scrimui:coding-agent","t":"AI Coding Agent","d":"A coding run with agent status, tool calls, diffs and a human-in-the-loop approval gate.","s":"scrimui","c":"ai-agent/ai-agent","hc":1},{"id":"scrimui:voice-assistant","t":"AI Voice Assistant","d":"A voice-first conversation — live waveform states, a recording input, a spoken transcript ","s":"scrimui","c":"ai-agent/ai-agent","sb":"Voice","hc":1},{"id":"scrimui:model-preferences","t":"Model & Memory Preferences","d":"A preferences screen that picks the model, reasoning level and tools, and manages persiste","k":"layout","s":"scrimui","c":"flows/settings","hc":1},{"id":"scrimui:artifact-workspace","t":"Artifact Workspace","d":"Chat on the left, generated output on the right — artifacts open from the answer, stream, ","s":"scrimui","c":"ai-agent/ai-agent","hc":1},{"id":"scrimui:rag-workspace","t":"Document Q&A Workspace","d":"Ask your own documents — upload and parse, cited answers with inspectable passages, an hon","k":"page","s":"scrimui","c":"pages/templates","hc":1},{"id":"scrimui:extraction-review","t":"Structured Extraction & Review","d":"Upload a document, watch fields fill in, then review the flagged ones — per-field confiden","s":"scrimui","c":"inputs/file-upload","hc":1},{"id":"scrimui:image-studio","t":"Image Generation Studio","d":"A one-screen generation studio — prompt composer and model picker beside a feed of queued,","s":"scrimui","c":"media/gallery","hc":1},{"id":"scrimui:agent-console","t":"Multi agent Ops Console","d":"Watch a fleet of agents at once — parallel statuses, an inspectable handoff, a waiting app","s":"scrimui","c":"ai-agent/ai-agent","hc":1},{"id":"scrimui:support-copilot","t":"Customer Support Copilot","d":"Grounded reply drafts with citations, honest low-confidence answers, inline corrections, a","s":"scrimui","c":"ai-agent/ai-agent","tg":["playful"],"sy":["playful"],"hc":1},{"id":"scrimui:generative-dashboard","t":"Generative UI Dashboard","d":"The model assembles a dashboard from a controlled widget registry — streamed props, an uns","k":"layout","s":"scrimui","c":"layout/dashboard","hc":1},{"id":"scrollxui:utils","t":"Utils","k":"lib","s":"scrollxui","c":"lib/utility","sb":"Class helpers"},{"id":"scrollxui:accordion","t":"Accordion","d":"A collapsible component for showing and hiding content sections.","s":"scrollxui","c":"data-display/accordion","hc":1},{"id":"scrollxui:alert-dialog","t":"Alert Dialog","d":"A modal dialog used to convey critical information and require a user response before proc","s":"scrollxui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"scrollxui:animated-button","t":"Animated Button","d":"AnimatedButton is a highly customizable animated button component with shimmer effects, gl","s":"scrollxui","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"],"hc":1},{"id":"scrollxui:animated-tabs","t":"Animated Tabs","d":"A headless and styled tab UI component set for switching content views.","s":"scrollxui","c":"navigation/tabs","hc":1},{"id":"scrollxui:animated-testimonials","t":"Animated Testimonials","d":"Minimal testimonials with image and quote for clean, modern design.","k":"section","s":"scrollxui","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"scrollxui:animated-textgenerate","t":"Animated TextGenerate","d":"Generates animated text word-by-word with blur, highlights, links, and smooth effects.","k":"motion","s":"scrollxui","c":"motion/text-effect","hc":1},{"id":"scrollxui:announcement","t":"Announcement","d":"An announcement component that highlights key info with icons, effects, and expandable con","k":"section","s":"scrollxui","c":"marketing/announcement","hc":1},{"id":"scrollxui:aspect-ratio","t":"Aspect Ratio","d":"A responsive container component that maintains a fixed aspect ratio, commonly used for me","s":"scrollxui","c":"media/gallery","hc":1},{"id":"scrollxui:avatar","t":"Avatar","d":"Customizable Avatar component with animated borders for status indicators like \"close frie","s":"scrollxui","c":"data-display/avatar","hc":1},{"id":"scrollxui:avatar-group","t":"Avatar Group","d":"Overlapping avatar circles that expand smoothly to reveal each user's name on hover.","s":"scrollxui","c":"data-display/avatar","hc":1},{"id":"scrollxui:aurora-dots","t":"Aurora Dots","d":"A captivating background effect featuring softly glowing, animated dots that mimic the eth","k":"motion","s":"scrollxui","c":"motion/background","tg":["gradient","neon"],"sb":"Grids and patterns","sy":["gradient","neon"],"hc":1},{"id":"scrollxui:backgroundmeteors","t":"Background Meteors","d":"animated background featuring vertical meteor-like beams falling from the top to the botto","k":"motion","s":"scrollxui","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"scrollxui:background-paths","t":"Background Paths","d":"A set of SVG paths that animate as if being drawn. Great for tech hero backgrounds.","k":"motion","s":"scrollxui","c":"motion/background","hc":1},{"id":"scrollxui:badge","t":"Badge","d":"A small badge component with customizable variants and shiny animation effects.","s":"scrollxui","c":"data-display/badge","hc":1},{"id":"scrollxui:barswave","t":"BarsWave","d":"Vertical wave bars animate in symmetry, forming a subtle motion-driven background layer.","k":"motion","s":"scrollxui","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"scrollxui:beams-upstream","t":"Beams Upstream","d":"Multiple background beams travel upstream, forming a hero section background.","k":"motion","s":"scrollxui","c":"motion/background","sb":"Beams and light","hc":1},{"id":"scrollxui:bento-grid","t":"Bento Grid","d":"A responsive grid layout for showcasing features in varied card sizes with optional tilt e","k":"layout","s":"scrollxui","c":"layout/bento-grid","tg":["3d"],"sy":["3d"],"hc":1},{"id":"scrollxui:bolt-strike","t":"Bolt Strike","d":"lightning bolts burst randomly with sparks and particles, creating a high-energy, reactive","k":"motion","s":"scrollxui","c":"motion/background","hc":1},{"id":"scrollxui:border-glide","t":"Border Glide","d":"Modern UI cards with a moving border and smooth transitions.","s":"scrollxui","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"scrollxui:button","t":"Button","d":"Reusable button component with multiple variants and sizes.","s":"scrollxui","c":"actions/button","hc":1},{"id":"scrollxui:card","t":"Card","d":"Renders a card component comprising a header, content section, and footer...","s":"scrollxui","c":"data-display/card","hc":1},{"id":"scrollxui:card-flip","t":"Card Flip","d":"Renders a card component with flip animation, supporting front/back content.","s":"scrollxui","c":"data-display/card","hc":1},{"id":"scrollxui:card-tilt","t":"Card Tilt","d":"smooth card tilt that responds naturally to your cursor, giving the card a more polished, ","s":"scrollxui","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"hc":1},{"id":"scrollxui:carousel","t":"Carousel","d":"A carousel component with card stack visualization for cycling through content.","s":"scrollxui","c":"media/carousel","hc":1},{"id":"scrollxui:calendar","t":"Calendar","d":"A date field component that enables users to choose and edit a date.","s":"scrollxui","c":"data-display/calendar","hc":1},{"id":"scrollxui:checkbox-pro","t":"Checkbox Pro","d":"A customizable checkbox component with animated checkmark and indeterminate states.","s":"scrollxui","c":"inputs/checkbox","hc":1},{"id":"scrollxui:checklist-cell","t":"Checklist Cell","d":"Animated checklist illustration with sliding tasks and progressive completion.","s":"scrollxui","c":"inputs/checkbox","hc":1},{"id":"scrollxui:clock","t":"Clock","d":"clock component with rotating hands and glowing effects, perfect for CTA sections.","k":"section","s":"scrollxui","c":"marketing/cta","tg":["neon"],"sy":["neon"],"hc":1},{"id":"scrollxui:codeblock","t":"CodeBlock","d":"Syntax-highlighted codeblock component built on top of react-syntax-highlighter.","s":"scrollxui","c":"data-display/code-block","hc":1},{"id":"scrollxui:collapsible","t":"Collapsible","d":"An interactive component which expands/collapses a panel with a smooth motion.","s":"scrollxui","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"scrollxui:columnlines","t":"ColumnLines","d":"column grid background with radial fade and subtle noise. Great for hero backgrounds.","k":"motion","s":"scrollxui","c":"motion/background","sb":"Beams and light","hc":1},{"id":"scrollxui:cosmic-background","t":"Cosmic Background","d":"A modern cosmic background featuring smooth motion and immersive depth effects.","k":"motion","s":"scrollxui","c":"motion/background","tg":["3d","webgl"],"sb":"Shaders and WebGL","sy":["3d","webgl"],"hc":1},{"id":"scrollxui:cursor-highlight","t":"Cursor Highlight","d":"Text is revealed on scroll with pointer, gradient, and border effects.","k":"motion","s":"scrollxui","c":"motion/cursor","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"scrollxui:cursorimagetrail","t":"Cursor ImageTrail","d":"The CursorImageTrail component creates an interactive mouse trail effect with animated ima","s":"scrollxui","c":"media/gallery","hc":1},{"id":"scrollxui:decorated-text","t":"Decorated Text","d":"decorative text frame with corner accents and a compact entrance effect.","k":"motion","s":"scrollxui","c":"motion/text-effect","hc":1},{"id":"scrollxui:dot-wave","t":"Dot Wave","d":"Dot-based waves ripple outward in symmetry, creating a subtle, motion-driven background la","k":"motion","s":"scrollxui","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"scrollxui:draggable-avatar","t":"Draggable Avatar","d":"It displays a circular, draggable avatar with customizable size and style.","s":"scrollxui","c":"data-display/avatar","hc":1},{"id":"scrollxui:drift-card","t":"Drift Card","d":"An interactive card with a drift hover effect that visually highlights content.","s":"scrollxui","c":"data-display/card","hc":1},{"id":"scrollxui:dropdown-menu","t":"Dropdown Menu","d":"Animated Dropdown Menu Reveals a menu of options or actions when activated by a button.","s":"scrollxui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"scrollxui:dualsparks","t":"Dual Sparks","d":"Corner-based spark waves that radiate inward and outward with smooth motion.","k":"motion","s":"scrollxui","c":"motion/background","hc":1},{"id":"scrollxui:electric-text","t":"Electric Text","d":"Animated electric text with glowing, distorted outline-solid for dynamic neon effects.","k":"motion","s":"scrollxui","c":"motion/text-effect","tg":["neon"],"sy":["neon"],"hc":1},{"id":"scrollxui:expandable-cards","t":"Expandable Cards","d":"Interactive card layout where hovered cards expand smoothly for focused content viewing.","s":"scrollxui","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"scrollxui:expandable-dock","t":"Expandable Dock","d":"A customizable expandable dock component.","s":"scrollxui","c":"navigation/dock","hc":1},{"id":"scrollxui:facescape","t":"Facescape","d":"Interactive, animated user avatars with hover effects and responsive layout.","s":"scrollxui","c":"data-display/avatar","hc":1},{"id":"scrollxui:fancy-text","t":"Fancy Text","d":"A refined text reveal animation with smooth character motion and a clean, modern visual fl","k":"motion","s":"scrollxui","c":"motion/text-effect","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"scrollxui:flashy-card","t":"Flashy Card","d":"Interactive card with smooth animated activation and visual effects.","s":"scrollxui","c":"data-display/card","hc":1},{"id":"scrollxui:flex-navbar","t":"Flex Navbar","d":"A modern navbar with smooth expansion, media panels, and theme controls.","s":"scrollxui","c":"navigation/top-nav","hc":1},{"id":"scrollxui:flipflow","t":"FlipFlow","d":"A looping flow of flip cards with smooth motion and subtle interactive effects.","s":"scrollxui","c":"data-display/card","hc":1},{"id":"scrollxui:flipstack","t":"FlipStack","d":"A stylish and animated card stack UI for showcasing content in layered views.","s":"scrollxui","c":"data-display/card","hc":1},{"id":"scrollxui:flowing-logos","t":"Flowing Logos","d":"Flowing logo showcase with smooth animations, hover effects, and modern UI.","k":"resource","s":"scrollxui","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"scrollxui:folder","t":"Folder","d":"Interactive 3D Folder UI component with hover & click animations for modern apps.","s":"scrollxui","c":"other/other","tg":["3d"],"sy":["3d"],"hc":1},{"id":"scrollxui:folder-tree","t":"Folder Tree","d":"A customizable folder tree component for displaying hierarchical data with expandable node","s":"scrollxui","c":"data-display/tree","hc":1},{"id":"scrollxui:followcursor","t":"Follow Cursor","d":"Colorful, fluid cursor trails that respond to mouse movement.","k":"motion","s":"scrollxui","c":"motion/cursor","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"scrollxui:glass","t":"Glass","d":"glass surface with interactive ripple and dynamic cursor effects.","k":"motion","s":"scrollxui","c":"motion/cursor","tg":["glass"],"sy":["glass"],"hc":1},{"id":"scrollxui:glowingbordercard","t":"Glowing Border Card","d":"A customizable card with a glowing border effect that changes colors based on light and da","s":"scrollxui","c":"data-display/card","tg":["neon"],"sb":"Animated and glowing","sy":["neon"],"hc":1},{"id":"scrollxui:globe","t":"Globe","d":"The Globe component creates beautiful 5kb WebGL Globe.","k":"motion","s":"scrollxui","c":"motion/globe","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"scrollxui:globe-wireframe","t":"Globe Wireframe","d":"The Globe Wireframe component creates beautiful globe with smooth city rotations, responsi","k":"motion","s":"scrollxui","c":"motion/globe","hc":1},{"id":"scrollxui:gravity","t":"Gravity","d":"Gravity pulls objects as they launch, soar, and fall inside a container.","s":"scrollxui","c":"other/other","hc":1},{"id":"scrollxui:heroui","t":"Hero Sections","d":"A set of hero sections ranging from simple to complex layouts.","k":"section","s":"scrollxui","c":"marketing/hero","tg":["animated","minimal"],"sb":"Animated background","sy":["animated","minimal"],"hc":1},{"id":"scrollxui:hold-toconfirm","t":"Hold ToConfirm","d":"A button that requires holding down to confirm irreversible or critical actions.","s":"scrollxui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"scrollxui:hyperlink","t":"Hyperlink","d":"hyperlink component with animated underline, smooth hover & customizable style.","s":"scrollxui","c":"actions/link","hc":1},{"id":"scrollxui:infinite-canvas","t":"Infinite Canvas","d":"Infinite draggable canvas with zoomable, repeating cards and touch/mouse controls.","s":"scrollxui","c":"data-display/card","hc":1},{"id":"scrollxui:iphone","t":"Iphone","d":"IPhone mockup with screen, header, and custom children content.","s":"scrollxui","c":"media/mockup","hc":1},{"id":"scrollxui:input-otp","t":"Input Otp","d":"A flexible Accessible one-time password component","s":"scrollxui","c":"inputs/otp-input","hc":1},{"id":"scrollxui:interactive-input","t":"Interactive input","d":"A highly customizable interactive input component with shimmer effects, glow, and visual s","s":"scrollxui","c":"inputs/form-field","tg":["neon"],"sy":["neon"],"hc":1},{"id":"scrollxui:kbd","t":"Kbd","d":"A component for displaying keyboard shortcuts and key combinations.","s":"scrollxui","c":"data-display/typography","hc":1},{"id":"scrollxui:keyboard","t":"Keyboard","d":"Interactive keyboard component with customizable key styling and a beautifully minimal int","s":"scrollxui","c":"data-display/badge","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"scrollxui:kinetic-testimonials","t":"Kinetic Testimonials","d":"Smoothly scrolling, animated testimonials for modern developer websites to showcase user f","k":"section","s":"scrollxui","c":"marketing/testimonials","hc":1},{"id":"scrollxui:label","t":"Label","d":"Displays an accessible label associated with controls.","s":"scrollxui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"scrollxui:lamphome","t":"Lamphome","d":"A stylish, animated header component with dark/light mode toggle functionality.","s":"scrollxui","c":"navigation/top-nav","tg":["playful"],"sy":["playful"],"hc":1},{"id":"scrollxui:layered-button","t":"Layered Button","d":"A layered button with a radial expand effect and smooth sliding hover label animation.","s":"scrollxui","c":"actions/button","hc":1},{"id":"scrollxui:layer-stack","t":"Layer Stack","d":"Interactive stacked card layout with drag and scroll momentum.","s":"scrollxui","c":"data-display/card","hc":1},{"id":"scrollxui:layered-text","t":"Layered Text","d":"Layered text effect with offset shadows, customizable styling, and animations.","k":"motion","s":"scrollxui","c":"motion/text-effect","hc":1},{"id":"scrollxui:lean-card","t":"Lean Card","d":"A card component with a striped back card revealed on hover","s":"scrollxui","c":"data-display/card","hc":1},{"id":"scrollxui:loader","t":"Loader","d":"Animated versatile loader with different variants, customizable size and content.","s":"scrollxui","c":"status/loader","hc":1},{"id":"scrollxui:loginform","t":"Login Form","d":"Modern, responsive login form with smooth transitions and gradient accents.","k":"layout","s":"scrollxui","c":"flows/sign-in","tg":["gradient"],"sb":"Sign in","sy":["gradient"],"hc":1},{"id":"scrollxui:logo-stepper","t":"Logo Stepper","d":"logo showcase with names, smooth animations, hover effects, and modern UI.","k":"resource","s":"scrollxui","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"scrollxui:lustretext","t":"Lustre Text","d":"A lustrous text component with animated gradient shine.","k":"motion","s":"scrollxui","c":"motion/text-effect","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"scrollxui:magicdock","t":"Magic Dock","d":"MacOS-style React dock with smooth animation and customizable magnification.","s":"scrollxui","c":"navigation/dock","hc":1},{"id":"scrollxui:media-card","t":"Media Card","d":"An Interactive media cards with a fluid cursor and a polished, modern aesthetic.","s":"scrollxui","c":"data-display/card","hc":1},{"id":"scrollxui:meteor-orbit","t":"Meteor Orbit","d":"orbit system featuring rotating meteors and gracefully animated icons.","k":"motion","s":"scrollxui","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"scrollxui:modern-loader","t":"Modern Loader","d":"A modern, dynamic code loader designed for AI-powered coding environments.","s":"scrollxui","c":"status/loader","hc":1},{"id":"scrollxui:movinglines-background","t":"MovingLines Background","d":"A set of diagonal lines that move continuously. Great for hero backgrounds.","k":"motion","s":"scrollxui","c":"motion/background","sb":"Beams and light","hc":1},{"id":"scrollxui:motioncards","t":"MotionCards","d":"Elegant cards in seamless flow for clean web design.","s":"scrollxui","c":"data-display/card","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"scrollxui:motion-grid","t":"Motion Grid","d":"A set of diagonal lines that move continuously with gradientglow.","k":"motion","s":"scrollxui","c":"motion/background","tg":["gradient","neon"],"sb":"Grids and patterns","sy":["gradient","neon"],"hc":1},{"id":"scrollxui:motion-navbar","t":"Motion Navbar","d":"modern react navbar with smooth animations, dropdown menus, and mobile-friendly design.","s":"scrollxui","c":"navigation/top-nav","hc":1},{"id":"scrollxui:morphotextflip","t":"MorphoText Flip","d":"Animated text component that flips between words with smooth transitions.","k":"motion","s":"scrollxui","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"scrollxui:morphy-button","t":"Morphy Button","d":"Morphing button with dynamic dot motion, reversible animation.","s":"scrollxui","c":"actions/button","sb":"Animated","hc":1},{"id":"scrollxui:navbar-flow","t":"Navbar Flow","d":"A customizable, animated navigation bar with hover effects and dropdowns.","s":"scrollxui","c":"navigation/top-nav","hc":1},{"id":"scrollxui:not-found","t":"Not Found","d":"A beautifully designed 404 page to guide users when content is missing.","k":"page","s":"scrollxui","c":"pages/templates","tg":["webgl"],"sb":"Error and status pages","sy":["webgl"],"hc":1},{"id":"scrollxui:orb-button","t":"Orb Button","d":"Modern orb-style button featuring smooth hover expansion and icon reveal.","s":"scrollxui","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"scrollxui:pagination","t":"Pagination","d":"A flexible and animated pagination component with active and hover states.","s":"scrollxui","c":"navigation/pagination","hc":1},{"id":"scrollxui:particles","t":"Particles","d":"Dynamic 3D particle system with customizable properties","k":"motion","s":"scrollxui","c":"motion/background","tg":["3d","webgl"],"sb":"Shaders and WebGL","sy":["3d","webgl"],"hc":1},{"id":"scrollxui:parallaxcards","t":"Parallax Cards","d":"A vertical sticky-scroll component that displays stacked cards with parallax behavior.","k":"layout","s":"scrollxui","c":"layout/scroll-area","hc":1},{"id":"scrollxui:pixel-background","t":"Pixel Background","d":"A flexible pixel animation background with customizable origins and smooth atmospheric mot","k":"motion","s":"scrollxui","c":"motion/background","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"scrollxui:pixel-highlight","t":"Pixel Highlight","d":"Animated pixel-based text reveal with directional shimmer using canvas-rendered particles.","k":"motion","s":"scrollxui","c":"motion/text-effect","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"scrollxui:popover","t":"Popover","d":"Displays rich content in a animated portal, triggered by a button.","s":"scrollxui","c":"overlays/popover","hc":1},{"id":"scrollxui:profilecard","t":"Profile Card","d":"A reusable profile card component displaying a user's image, name, bio, skills, and social","s":"scrollxui","c":"data-display/profile","hc":1},{"id":"scrollxui:progress","t":"Progress","d":"Displays an indicator showing the completion progress of a task, typically displayed as a ","s":"scrollxui","c":"data-viz/progress-bar","hc":1},{"id":"scrollxui:radialflow","t":"Radial Flow","d":"Dynamic radial graph for visualizing networks & hierarchies with animated nodes.","s":"scrollxui","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"scrollxui:radio-group","t":"Radio Group","d":"A group of radio buttons that lets you pick only one option at a time.","s":"scrollxui","c":"inputs/radio","hc":1},{"id":"scrollxui:radial-socials","t":"Radial Socials","d":"radial social icons arranged in circles, with smooth expansion and rotation","k":"resource","s":"scrollxui","c":"assets/icon","hc":1},{"id":"scrollxui:reel","t":"Reel","d":"A scrolling media strip that displays images and videos in flowing rows.","s":"scrollxui","c":"data-display/list","hc":1},{"id":"scrollxui:reveal-text","t":"Reveal Text","d":"a clean text reveal component providing directional animation and stagger options.","k":"motion","s":"scrollxui","c":"motion/text-effect","tg":["minimal"],"sb":"Reveal and entrance","sy":["minimal"],"hc":1},{"id":"scrollxui:search-cell","t":"Search Cell","d":"An animated search input illustration that cycles through queries with a typewriter effect","s":"scrollxui","c":"inputs/search","hc":1},{"id":"scrollxui:select","t":"Select","d":"Displays an animated list of options for the user to choose from —smoothly triggered by ","s":"scrollxui","c":"inputs/select","hc":1},{"id":"scrollxui:sensitive-text","t":"Sensitive Text","d":"Interactive text that subtly compresses or stretches characters based on cursor proximity.","k":"motion","s":"scrollxui","c":"motion/text-effect","hc":1},{"id":"scrollxui:shiny-button","t":"Shiny Button","d":"Interactive button with spotlight effect that follows mouse cursor and highlights borders ","s":"scrollxui","c":"actions/button","sb":"Animated","hc":1},{"id":"scrollxui:showcase","t":"Showcase","d":"An interactive showcase component with smooth content and image transitions.","s":"scrollxui","c":"media/gallery","hc":1},{"id":"scrollxui:side-sheet","t":"Side Sheet","d":"A customizable sheet component for creating elegant slide-out interfaces.","s":"scrollxui","c":"overlays/sheet","hc":1},{"id":"scrollxui:signupform","t":"Signup Form","d":"Modern, responsive signup form with smooth transitions and gradient accents.","k":"layout","s":"scrollxui","c":"flows/sign-in","tg":["gradient"],"sb":"Sign up","sy":["gradient"],"hc":1},{"id":"scrollxui:slider","t":"Slider","d":"An interactive slider with glass effects for selecting values smoothly within a range.","s":"scrollxui","c":"inputs/slider","tg":["glass"],"sy":["glass"],"hc":1},{"id":"scrollxui:slide-text","t":"Slide Text","k":"motion","s":"scrollxui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"scrollxui:status","t":"Status","d":"A small status component with customizable variants, indicator and shiny animation effects","s":"scrollxui","c":"other/other","hc":1},{"id":"scrollxui:statscount","t":"StatsCount","d":"Animated statistics counter with responsive layout and scroll triggers.","s":"scrollxui","c":"data-display/stat","hc":1},{"id":"scrollxui:stagger-button","t":"Stagger Button","d":"Interactive button with animated stagger text and customizable styles for modern uis.","s":"scrollxui","c":"actions/button","sb":"Animated","hc":1},{"id":"scrollxui:stagger-chars","t":"Stagger Chars","d":"An animated text component that creates a smooth, staggered character animation effect whe","k":"motion","s":"scrollxui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"scrollxui:statscarousel","t":"Stats Carousel","d":"Animated statistics counter in stacked carousel for modern websites.","s":"scrollxui","c":"media/carousel","hc":1},{"id":"scrollxui:stripe-button","t":"Stripe Button","d":"Smooth animated button crafted with refined glow and modern motion.","s":"scrollxui","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"],"hc":1},{"id":"scrollxui:striped-grid","t":"Striped Grid","d":"Animated diagonal stripes with optional base grid, creating a dynamic textured background.","k":"motion","s":"scrollxui","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"scrollxui:spark-waves","t":"Spark Waves","d":"Vertical wave bars animate in symmetry, forming a subtle motion-driven background layer.","k":"motion","s":"scrollxui","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"scrollxui:splitter","t":"Splitter","d":"A customizable splitter component with collapsible panels and smooth animations.","s":"scrollxui","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"scrollxui:spotlightcard","t":"Spotlight Card","d":"An interactive card with a spotlight hover effect that highlights content and enhances use","s":"scrollxui","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"scrollxui:seperatorpro","t":"Seperator Pro","d":"Separates layout sections with customizable styles and orientations.","s":"scrollxui","c":"other/other","hc":1},{"id":"scrollxui:scroll-areapro","t":"ScrollArea Pro","d":"advanced scrollarea with auto-hide scrollbars, progress bars, and cross-axis scroll.","k":"layout","s":"scrollxui","c":"layout/scroll-area","hc":1},{"id":"scrollxui:social-orbit","t":"Social Orbit","d":"orbits your socials in smooth motion where icons spin, ripple, and glow with purpose.","k":"resource","s":"scrollxui","c":"assets/icon","tg":["neon"],"sb":"Animated","sy":["neon"],"hc":1},{"id":"scrollxui:squonk","t":"Squonk","d":"elastic squircles illustration with fall and shrink movement.","k":"resource","s":"scrollxui","c":"assets/illustration","hc":1},{"id":"scrollxui:table","t":"Table","d":"Powerful responsive data table with sticky headers, smooth scrolling, sorting, and paginat","s":"scrollxui","c":"data-display/table","sb":"Data tables","hc":1},{"id":"scrollxui:testimonial-carousel","t":"Testimonial Carousel","d":"Minimal, responsive testimonial slider with avatars, names, and quotes for clean, modern d","s":"scrollxui","c":"media/carousel","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"scrollxui:text-highlighter","t":"Text Highlighter","d":"A customizable text highlighter with smooth animated highlights to emphasize key text.","k":"motion","s":"scrollxui","c":"motion/text-effect","hc":1},{"id":"scrollxui:text-modifier","t":"Text Modifier","d":"text highlighter with solid background and decorative markers for emphasis..","k":"motion","s":"scrollxui","c":"motion/text-effect","hc":1},{"id":"scrollxui:text-spotlight","t":"Text Spotlight","d":"spotlight text effect with hover and mobile reveal, customizable size and color.","k":"motion","s":"scrollxui","c":"motion/background","sb":"Beams and light","hc":1},{"id":"scrollxui:theme-switch","t":"Theme Switch","d":"A flexible and accessible theme mode switcher component for Next.js projects using next-th","s":"scrollxui","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"scrollxui:thunder-loader","t":"Thunder Loader","d":"Animated thunderbolt loader with glow and shimmer effects, customizable sizes and colors.","s":"scrollxui","c":"status/loader","tg":["neon"],"sy":["neon"],"hc":1},{"id":"scrollxui:timeline","t":"Timeline","d":"Smoothly animated timeline slider with resizable handles for interactive use.","s":"scrollxui","c":"data-display/timeline","hc":1},{"id":"scrollxui:top-sheet","t":"Top Sheet","d":"A customizable component for creating elegant, slide-out panels from the top of the screen","s":"scrollxui","c":"overlays/sheet","hc":1},{"id":"scrollxui:toast","t":"Toast","d":"A customizable and responsive toast notification system.","s":"scrollxui","c":"overlays/toast","hc":1},{"id":"scrollxui:toggle-vault","t":"Toggle Vault","d":"Expandable vault component with animated open/close, trigger button, and content panel.","s":"scrollxui","c":"actions/switch","sb":"Animated","hc":1},{"id":"scrollxui:tooltip","t":"Tooltip","d":"An interactive, animated popup that displays information related to an element when it rec","s":"scrollxui","c":"overlays/tooltip","hc":1},{"id":"scrollxui:transition","t":"Transition","d":"Smooth page transitions with curved or slide effects.","k":"motion","s":"scrollxui","c":"motion/text-effect","hc":1},{"id":"scrollxui:typeanimation","t":"Type Animation","d":"Displays an animated typing effect.","k":"motion","s":"scrollxui","c":"motion/text-effect","hc":1},{"id":"scrollxui:venom-beam","t":"Venom Beam","d":"A glowing particle canvas with motion-reactive trails. Perfect for immersive, high-tech he","k":"motion","s":"scrollxui","c":"motion/background","tg":["neon"],"sb":"Beams and light","sy":["neon"],"hc":1},{"id":"scrollxui:vercel-card","t":"Vercel Card","d":"A smooth interactive vercel inspired card.","s":"scrollxui","c":"data-display/card","hc":1},{"id":"scrollxui:wavy-button","t":"Wavy Button","d":"Interactive wavybutton with animated text and customizable styles for modern uis.","s":"scrollxui","c":"actions/button","sb":"Animated","hc":1},{"id":"scrollxui:whitestripes","t":"Whitestripes","d":"Dynamic motion background for hero sections and modern layouts.","k":"section","s":"scrollxui","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"scrollxui:bento-with-focus","t":"Bento with Focus","d":"Modern Bento Grid with blur and smooth reveal animations.","k":"layout","s":"scrollxui","c":"layout/bento-grid"},{"id":"scrollxui:contact-with-globe","t":"Contact with Globe","d":"Modern Contact with globe and smooth reveal animations.","k":"section","s":"scrollxui","c":"marketing/marketing","sb":"Contact"},{"id":"scrollxui:contact-with-pixelbackground","t":"Contact with Pixel Background","d":"Minimal contact section with animated pixel background and stagger button.","k":"section","s":"scrollxui","c":"marketing/marketing","tg":["minimal","retro and HUD"],"sb":"Contact","sy":["minimal","retro and HUD"]},{"id":"scrollxui:cta-section-with-avatars","t":"CTA Section with Avatars","d":"Modern CTA with avatars and smooth reveal animations.","k":"section","s":"scrollxui","c":"marketing/cta"},{"id":"scrollxui:cta-section-with-dashed-border","t":"CTA Section With Dashed Border","d":"CTA section with dashed border effects.","k":"section","s":"scrollxui","c":"marketing/cta"},{"id":"scrollxui:cta-section-with-floating-gallery","t":"CTA Section With Floating Gallery","d":"CTA section with staggered image gallery.","k":"section","s":"scrollxui","c":"marketing/cta"},{"id":"scrollxui:download-with-columnlines","t":"Download Section with ColumnLines","d":"A download section with subtle column lines.","k":"motion","s":"scrollxui","c":"motion/background","sb":"Beams and light"},{"id":"scrollxui:download-with-iphone","t":"Download Section with Iphone","d":"A download section with an iPhone mockup.","s":"scrollxui","c":"media/mockup"},{"id":"scrollxui:features-with-panel","t":"Features with Panel","d":"Interactive feature list with sticky media panel and smooth transitions.","k":"section","s":"scrollxui","c":"marketing/features"},{"id":"scrollxui:features-with-spotlight","t":"Features with Spotlight","d":"Interactive feature list with animated spotlight panel and smooth transitions.","k":"section","s":"scrollxui","c":"marketing/features"},{"id":"scrollxui:footer-with-faded-brand","t":"Footer with Faded Brand","d":"Modern footer with oversized faded brand name and smooth transitions.","k":"section","s":"scrollxui","c":"marketing/footer"},{"id":"scrollxui:footer-with-minimal-outline","t":"Footer with Minimal Outline","d":"Clean footer with minimal outlined brand text and smooth animations.","k":"section","s":"scrollxui","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"scrollxui:footer-with-newsletter","t":"Footer with Newsletter","d":"Interactive footer with newsletter and smooth transitions.","k":"section","s":"scrollxui","c":"marketing/footer"},{"id":"scrollxui:footer-with-suite","t":"Footer with Suite","d":"Modern footer with oversized split sections.","k":"section","s":"scrollxui","c":"marketing/footer"},{"id":"scrollxui:frequently-asked-questions-with-accordion","t":"Frequently asked questions with Accordion","d":"Elegant and minimal FAQs with grid, accordions and micro-interactions","k":"section","s":"scrollxui","c":"marketing/faq","tg":["minimal"],"sy":["minimal"]},{"id":"scrollxui:frequently-asked-questions-stack","t":"Frequently asked questions Stack","d":"A modern FAQ section with layered stack design and smooth scroll-triggered animations.","k":"section","s":"scrollxui","c":"marketing/faq"},{"id":"scrollxui:hero-with-cards","t":"Hero Section with Cards","d":"A hero section with a fan of photo cards and animated entrance.","k":"section","s":"scrollxui","c":"marketing/hero","sb":"Animated background"},{"id":"scrollxui:hero-with-iphone","t":"Hero Section with Iphone","d":"A hero section with an iPhone mockup and animated background.","k":"section","s":"scrollxui","c":"marketing/hero"},{"id":"scrollxui:hero-with-layers","t":"Hero Section with Layers","d":"A hero-section for AI startups","k":"section","s":"scrollxui","c":"marketing/hero"},{"id":"scrollxui:hero-with-pixelbackground","t":"Hero Section with Pixel Background","d":"A hero-section for modern AI interfaces with motion.","k":"section","s":"scrollxui","c":"marketing/hero","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"scrollxui:hero-with-reel","t":"Hero Section with Reel","d":"A hero section with an animated image reel and motion entrance.","k":"section","s":"scrollxui","c":"marketing/hero","sb":"Animated background"},{"id":"scrollxui:login-minimal","t":"Login Minimal","d":"A clean, animated login form with Google OAuth and email/password fields.","k":"layout","s":"scrollxui","c":"flows/sign-in","tg":["minimal","webgl"],"sb":"Sign in","sy":["minimal","webgl"]},{"id":"scrollxui:logo-cloud-flipflow","t":"Logo Cloud Flipflow","d":"A logo-cloud for AI startups with flipflow animation.","k":"section","s":"scrollxui","c":"marketing/logos"},{"id":"scrollxui:logo-cloud-marquee","t":"Logo Cloud with Marquee","d":"A logo cloud with flowing marquee motion, perfect for bold AI startups.","k":"section","s":"scrollxui","c":"marketing/logos"},{"id":"scrollxui:logo-cloud-with-minimal-animation","t":"Logo Cloud with Minimal Animation","d":"A clean logo cloud with smooth blur and fade-in animations.","k":"section","s":"scrollxui","c":"marketing/logos","tg":["minimal"],"sy":["minimal"]},{"id":"scrollxui:not-found-with-glitchytext","t":"Not Found with GlitchyText","d":"A clean 404 page with glitch animation and smooth reveal transitions.","k":"page","s":"scrollxui","c":"pages/templates","tg":["minimal"],"sb":"Error and status pages","sy":["minimal"]},{"id":"scrollxui:pricing-minimal","t":"Pricing Minimal","d":"A clean three-tier pricing section with a highlighted popular plan.","k":"section","s":"scrollxui","c":"marketing/pricing","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"scrollxui:pricing-with-switch","t":"Pricing with Switch","d":"A pricing section with a monthly/yearly billing toggle, animated card reveal.","k":"section","s":"scrollxui","c":"marketing/pricing","sb":"With billing toggle"},{"id":"scrollxui:signup-minimal","t":"SignUp Minimal","d":"A clean, animated signup form with Google OAuth and email/password fields.","k":"layout","s":"scrollxui","c":"flows/sign-in","tg":["minimal","webgl"],"sb":"Sign up","sy":["minimal","webgl"]},{"id":"scrollxui:testimonials-with-carousel","t":"Testimonials with Carousel","d":"A testimonial carousel with staggered title animations and smooth transitions, showcasing ","k":"section","s":"scrollxui","c":"marketing/testimonials"},{"id":"scrollxui:testimonials-with-verticalmarquee","t":"Testimonials with Vertical Marquee","d":"Vertical scrolling testimonial columns with alternating directions and smooth infinite ani","k":"section","s":"scrollxui","c":"marketing/testimonials"},{"id":"scrollxui:testimonials-with-marquee","t":"Testimonials with Marquee","d":"Horizontal scrolling testimonials with infinite marquee animation across multiple rows.","k":"section","s":"scrollxui","c":"marketing/testimonials"},{"id":"scrollxui:waitlist-with-iphone","t":"Waitlist Section with Iphone","d":"A waitlist section with an iPhone mockup.","k":"section","s":"scrollxui","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"scrollxui:waitlist-with-layers","t":"Waitlist Section with Layers","d":"Waitlist section with a draggable stack of layered image cards.","k":"section","s":"scrollxui","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"seamui:theme","t":"Seam theme","d":"shadcn-compatible Tailwind v4 tokens plus the seam depth shadow scale.","k":"theme","s":"seamui","c":"themes/theme","tg":["3d"],"fw":"CSS","sy":["3d"],"hc":1},{"id":"seamui:utils","t":"Cn utility","k":"lib","s":"seamui","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"seamui:motion","t":"Seam motion tokens","d":"Spring presets and the depth (z-axis) scale that power every seamui animation.","k":"lib","s":"seamui","c":"lib/utility","tg":["3d"],"sb":"Theme","sy":["3d"],"vn":1,"hc":1},{"id":"seamui:haptics","t":"Seam haptics","d":"Haptic + click-audio feedback layer: HapticsProvider and the useHaptics hook every interac","k":"lib","s":"seamui","c":"lib/utility","hc":1},{"id":"seamui:use-copy","t":"seam useCopy","d":"Copy-to-clipboard hook with a self-resetting \"copied\" flag, shared by every seamui copy af","k":"lib","s":"seamui","c":"lib/utility","hc":1},{"id":"seamui:button","t":"Button","d":"Button built on Base UI with seam depth motion.","s":"seamui","c":"actions/button","tg":["3d"],"sb":"Animated","sy":["3d"],"vn":5,"hc":1},{"id":"seamui:toggle","t":"Toggle","d":"Two-state button built on Base UI with seam press-depth motion.","s":"seamui","c":"actions/switch","tg":["3d"],"sb":"Animated","sy":["3d"],"vn":8,"hc":1},{"id":"seamui:toolbar","t":"Toolbar","d":"Raised strip of controls with one tab stop and arrow-key roving focus, built on Base UI.","s":"seamui","c":"navigation/menu","sb":"Menubars","vn":3,"hc":1},{"id":"seamui:combobox","t":"Combobox","d":"A filterable input bound to a listbox popup, built on Base UI Combobox with seam depth mot","s":"seamui","c":"inputs/combobox","tg":["3d"],"sy":["3d"],"vn":7,"hc":1},{"id":"seamui:input","t":"Input","d":"Text input built on Base UI, Field-aware.","s":"seamui","c":"inputs/form-field","vn":4,"hc":1},{"id":"seamui:avatar","t":"Avatar","d":"Avatar built on Base UI with a seam fade-in on image load.","s":"seamui","c":"data-display/avatar","vn":3,"hc":1},{"id":"seamui:separator","t":"Separator","d":"Accessible separator built on Base UI.","k":"layout","s":"seamui","c":"layout/page-shell","vn":2,"hc":1},{"id":"seamui:switch","t":"Switch","d":"Switch built on Base UI; the thumb springs between states.","s":"seamui","c":"actions/switch","sb":"Animated","vn":3,"hc":1},{"id":"seamui:checkbox","t":"Checkbox","d":"Checkbox built on Base UI; the mark pops in with a spring.","s":"seamui","c":"inputs/checkbox","vn":5,"hc":1},{"id":"seamui:radio-group","t":"Radio Group","d":"Radio group built on Base UI; the dot pops in with a spring.","s":"seamui","c":"inputs/radio","vn":3,"hc":1},{"id":"seamui:slider","t":"Slider","d":"Slider built on Base UI; the thumb swells when grabbed.","s":"seamui","c":"inputs/slider","vn":3,"hc":1},{"id":"seamui:tooltip","t":"Tooltip","d":"Tooltip built on Base UI; the surface rises with overlay depth.","s":"seamui","c":"overlays/tooltip","tg":["3d"],"sy":["3d"],"vn":3,"hc":1},{"id":"seamui:popover","t":"Popover","d":"Popover built on Base UI with seam overlay-depth entrance.","s":"seamui","c":"overlays/popover","tg":["3d"],"sy":["3d"],"vn":4,"hc":1},{"id":"seamui:dialog","t":"Dialog","d":"Modal dialog built on Base UI; the surface rises with modal depth and the page dims behind","s":"seamui","c":"overlays/dialog","tg":["3d"],"sb":"Animated","sy":["3d"],"vn":4,"hc":1},{"id":"seamui:alert-dialog","t":"Alert Dialog","d":"Confirmation dialog built on Base UI with seam modal depth.","s":"seamui","c":"overlays/dialog","tg":["3d"],"sb":"Confirm","sy":["3d"],"vn":3,"hc":1},{"id":"seamui:drawer","t":"Drawer","d":"Mobile bottom-sheet built on Base UI's native swipe-to-dismiss engine.","s":"seamui","c":"overlays/sheet","vn":4,"hc":1},{"id":"seamui:dropdown-menu","t":"Dropdown Menu","d":"Dropdown menu built on Base UI with seam overlay-depth entrance.","s":"seamui","c":"navigation/menu","tg":["3d"],"sb":"Dropdowns","sy":["3d"],"vn":6,"hc":1},{"id":"seamui:select","t":"Select","d":"Select built on Base UI with seam overlay-depth entrance.","s":"seamui","c":"inputs/select","tg":["3d"],"sy":["3d"],"vn":3,"hc":1},{"id":"seamui:context-menu","t":"Context Menu","d":"Right-click menu built on Base UI with seam overlay-depth entrance.","s":"seamui","c":"overlays/context-menu","tg":["3d"],"sy":["3d"],"vn":3,"hc":1},{"id":"seamui:tabs","t":"Tabs","d":"Tabs built on Base UI; a motion indicator springs to the active tab.","s":"seamui","c":"navigation/tabs","vn":3,"hc":1},{"id":"seamui:accordion","t":"Accordion","d":"Accordion built on Base UI with eased height animation.","s":"seamui","c":"data-display/accordion","sb":"Animated","vn":3,"hc":1},{"id":"seamui:collapsible","t":"Collapsible","d":"Collapsible built on Base UI with eased height animation.","s":"seamui","c":"data-display/accordion","vn":1,"hc":1},{"id":"seamui:progress","t":"Progress","d":"Progress bar built on Base UI with an eased fill.","s":"seamui","c":"data-viz/progress-bar","vn":2,"hc":1},{"id":"seamui:meter","t":"Meter","d":"Meter (static measurement) built on Base UI.","s":"seamui","c":"data-viz/gauge","vn":2,"hc":1},{"id":"seamui:number-field","t":"Number Field","d":"Number input with press-depth steppers, built on Base UI.","s":"seamui","c":"inputs/number-input","tg":["3d"],"sy":["3d"],"vn":3,"hc":1},{"id":"seamui:otp-field","t":"OTP Field","d":"One-time-code input built on Base UI.","s":"seamui","c":"inputs/otp-input","vn":4,"hc":1},{"id":"seamui:scroll-area","t":"Scroll Area","d":"Custom scrollbar area built on Base UI.","k":"layout","s":"seamui","c":"layout/scroll-area","vn":1,"hc":1},{"id":"seamui:toast","t":"Toast","d":"Toast notifications built on Base UI with a bouncy seam entrance.","s":"seamui","c":"overlays/toast","tg":["playful"],"sy":["playful"],"vn":1,"hc":1},{"id":"seamui:textarea","t":"Textarea","d":"Auto-growing multiline text field styled as a seam entry well.","s":"seamui","c":"inputs/textarea","vn":4,"hc":1},{"id":"seamui:card","t":"Card","d":"A raised surface key with header, content, and footer sections.","s":"seamui","c":"data-display/card","sb":"Profile","vn":9,"hc":1},{"id":"seamui:badge","t":"Badge","d":"Miniature embossed status chip with seam depth variants.","s":"seamui","c":"data-display/badge","tg":["3d"],"sy":["3d"],"vn":1,"hc":1},{"id":"seamui:skeleton","t":"Skeleton","d":"Loading placeholder well with an opacity-only pulse.","s":"seamui","c":"status/skeleton","vn":1,"hc":1},{"id":"seamui:empty-state","t":"Empty State","d":"Zero-data placeholder — a debossed well with an embossed icon key, copy, and actions.","s":"seamui","c":"data-display/empty-state","vn":3,"hc":1},{"id":"seamui:spinner","t":"Spinner","d":"Loading indicator with a reduced-motion opacity fallback.","s":"seamui","c":"status/loader","sb":"Spinners","vn":1,"hc":1},{"id":"seamui:kbd","t":"Kbd","d":"Keyboard shortcut rendered as a tiny embossed keycap.","s":"seamui","c":"data-display/typography","vn":1,"hc":1},{"id":"seamui:message","t":"Message","d":"Chat message row — user as an embossed key, assistant as flat prose.","s":"seamui","c":"ai-agent/ai-agent","sb":"Chat","vn":3,"hc":1},{"id":"seamui:conversation","t":"Conversation","d":"Stick-to-bottom chat viewport with a floating scroll-to-latest key.","s":"seamui","c":"ai-agent/ai-agent","sb":"Chat","vn":2,"hc":1},{"id":"seamui:composer","t":"Composer","d":"The prompt input — a debossed well with send/stop, attachments, and Enter-to-send.","s":"seamui","c":"ai-agent/composer","vn":4,"hc":1},{"id":"seamui:response","t":"Response","d":"Streaming-safe markdown renderer that hardens incomplete blocks.","s":"seamui","c":"other/other","vn":3,"hc":1},{"id":"seamui:code-block","t":"Code Block","d":"Highlighted code in a debossed well, with a copy key.","s":"seamui","c":"data-display/code-block","vn":3,"hc":1},{"id":"seamui:tool","t":"Tool","d":"Agentic step disclosure — status chip, collapsible result. Includes Reasoning.","s":"seamui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","vn":3,"hc":1},{"id":"seamui:typing-indicator","t":"Typing Indicator","d":"Pre-first-token dots; bounce becomes an opacity pulse under reduced motion.","k":"motion","s":"seamui","c":"motion/text-effect","sb":"Typewriter","vn":2,"hc":1},{"id":"seamui:suggestions","t":"Suggestions","d":"Scrollable row of prompt chips with a staggered entrance.","s":"seamui","c":"ai-agent/composer","vn":2,"hc":1},{"id":"seamui:sources","t":"Sources","d":"Grounded-answer sources list and hoverable inline citations.","s":"seamui","c":"ai-agent/ai-agent","sb":"Sources","vn":2,"hc":1},{"id":"seamui:chat-timeline","t":"Chat Timeline","d":"Grouped, timestamped conversation history with sticky day headers.","s":"seamui","c":"data-display/timeline","vn":2,"hc":1},{"id":"seamui:media-toggle","t":"Media Toggle","d":"Round mic/camera/screen-share key; muted goes destructive-tinted.","s":"seamui","c":"actions/switch","vn":2,"hc":1},{"id":"seamui:voice-visualizer","t":"Voice Visualizer","d":"Agent-state dots driven by audio level, with an owned useAudioLevel hook.","s":"seamui","c":"ai-agent/ai-agent","sb":"Voice","vn":4,"hc":1},{"id":"seamui:voice-avatar","t":"Voice Avatar","d":"Avatar with a speaking halo that breathes with audio level.","s":"seamui","c":"data-display/avatar","vn":3,"hc":1},{"id":"seamui:device-selector","t":"Device Selector","d":"Mic/camera/output picker on DropdownMenu, with an owned useMediaDevices hook.","s":"seamui","c":"inputs/select","vn":3,"hc":1},{"id":"seamui:agent-status","t":"Agent Status","d":"The canonical agent-state indicator — waiting/working/ready/done/error, as dot or chip.","s":"seamui","c":"ai-agent/ai-agent","vn":3,"hc":1},{"id":"seamui:branch-chip","t":"Branch Chip","d":"Branch/worktree pill — press to copy, with ahead/behind counts and PR state.","s":"seamui","c":"data-display/badge","sb":"Tags and pills","vn":3,"hc":1},{"id":"seamui:context-meter","t":"Context Meter","d":"Context-window usage ring on Base UI Meter; turns destructive past a critical threshold.","s":"seamui","c":"data-viz/gauge","vn":3,"hc":1},{"id":"seamui:sidebar","t":"Sidebar","d":"Collapsible app sidebar — a recessed well the active session rises out of; ⌘B rail collaps","s":"seamui","c":"navigation/sidebar","vn":3,"hc":1},{"id":"seamui:command-palette","t":"Command Palette","d":"⌘K launcher — Base UI Autocomplete rendered inline and always-open inside a Dialog.","s":"seamui","c":"navigation/command-palette","vn":2,"hc":1},{"id":"seamui:model-picker","t":"Model Picker","d":"Provider-grouped model select with connection dots — a recipe over Select for composer foo","s":"seamui","c":"ai-agent/ai-agent","vn":3,"hc":1},{"id":"seamui:mode-selector","t":"Mode Selector","d":"Agent/plan/ask segmented control — a compact recipe over Toggle Group for composer footers","s":"seamui","c":"ai-agent/composer","vn":2,"hc":1},{"id":"seamui:dictation-card","t":"Dictation Card","d":"Waveform + live editable transcript + confirm/cancel — dictation as a review step in the c","s":"seamui","c":"data-display/card","vn":2,"hc":1},{"id":"seamui:permission-card","t":"Permission Card","d":"Inline approval — allow once / allow for session / deny, settling into a receipt.","s":"seamui","c":"data-display/card","vn":3,"hc":1},{"id":"seamui:plan-card","t":"Plan Card","d":"Plan approval with a step checklist, plus the checkpoint-restore strip for the timeline.","k":"section","s":"seamui","c":"marketing/pricing","sb":"Plan cards","vn":2,"hc":1},{"id":"seamui:terminal-block","t":"Terminal Block","d":"Command output in a debossed well with a live agent-status chip and copy key.","s":"seamui","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"vn":2,"hc":1},{"id":"seamui:checks-panel","t":"Checks Panel","d":"CI checks list with expandable failure logs and a merge button that names its method.","s":"seamui","c":"data-display/card","vn":2,"hc":1},{"id":"seamui:connector-card","t":"Connector Card","d":"Integration card with OAuth states, per-conversation enable switch, and a discovered-tools","s":"seamui","c":"data-display/card","vn":3,"hc":1},{"id":"seamui:session-item","t":"Session Item","d":"Rich session row for the sidebar, plus the hover-card layout with status, branch, and quic","s":"seamui","c":"data-display/list","vn":3,"hc":1},{"id":"seamui:workbench-header","t":"Workbench Header","d":"The bar over the thread — session identity left, telemetry and actions right.","s":"seamui","c":"navigation/top-nav","vn":2,"hc":1},{"id":"seamui:voice-control-bar","t":"Voice Control Bar","d":"Floating call pill that morphs open into a chat composer; composes the voice suite.","s":"seamui","c":"ai-agent/composer","vn":3,"hc":1},{"id":"seamui:table","t":"Table","d":"Styled semantic table primitives on a raised seam surface.","s":"seamui","c":"data-display/table","vn":1,"hc":1},{"id":"seamui:data-table","t":"Data Table","d":"TanStack Table engine: filtering, pagination, sorting, selection, inline edit, and row act","s":"seamui","c":"data-display/table","sb":"Data tables","vn":4,"hc":1},{"id":"seamui:label","t":"Label","d":"Accessible label for form controls.","s":"seamui","c":"inputs/form-field","sb":"Animated fields","vn":2,"hc":1},{"id":"seamui:field","t":"Field","d":"Base UI Field wrappers — label, description, and an error that shakes in, with the error h","s":"seamui","c":"inputs/form-field","vn":6,"hc":1},{"id":"seamui:form","t":"Form","d":"Native form with consolidated error handling built on Base UI; pairs with Field.","s":"seamui","c":"inputs/form-field","sb":"Whole forms","vn":2,"hc":1},{"id":"seamui:alert","t":"Alert","d":"Static inline callout for persistent state — the debossed counterpart to toast.","s":"seamui","c":"overlays/alert-banner","vn":3,"hc":1},{"id":"seamui:breadcrumb","t":"Breadcrumb","d":"Navigation hierarchy showing the current page's location.","s":"seamui","c":"navigation/breadcrumb","vn":2,"hc":1},{"id":"seamui:pagination","t":"Pagination","d":"Page links in a debossed well; the active page is an embossed key that springs between lin","s":"seamui","c":"navigation/pagination","vn":3,"hc":1},{"id":"seamui:aspect-ratio","t":"Aspect Ratio","d":"Constrains content to a fixed width-to-height ratio.","k":"layout","s":"seamui","c":"layout/page-shell","vn":1,"hc":1},{"id":"sekei:use-prefers-reduced-motion","t":"usePrefersReducedMotion","d":"Tracks the prefers-reduced-motion media query without tripping hydration.","k":"lib","s":"sekei","c":"lib/hook","hc":1},{"id":"sekei:shad-fx-engine","t":"Shad fx: engine","d":"The frame loop, the Surface and FxEffect contracts, the useFx hook, seeded RNG and the col","k":"lib","s":"sekei","c":"lib/utility","hc":1},{"id":"sekei:shad-fx-dither","t":"Shad fx: dither renderer","d":"DitherCanvas: fills its positioned parent with a pixelated canvas that draws any effect as","s":"sekei","c":"other/other","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sekei:shad-fx-fire","t":"Shad fx: fire","d":"Rising flame front with embers.","k":"lib","s":"sekei","c":"lib/utility","hc":1},{"id":"sekei:shad-fx-rings","t":"Shad fx: rings","d":"Concentric rings pulsing out from an anchor.","k":"lib","s":"sekei","c":"lib/utility","hc":1},{"id":"sekei:shad-fx-beam","t":"Shad fx: beam","d":"Directional beam with drifting motes.","k":"lib","s":"sekei","c":"lib/utility","hc":1},{"id":"sekei:shad-fx-bolt","t":"Shad fx: bolt","d":"Intermittent lightning arcs on a randomised interval.","k":"lib","s":"sekei","c":"lib/utility","hc":1},{"id":"sekei:shad-fx-fluid","t":"Shad fx: fluid","d":"Sloshing liquid level with rising bubbles.","k":"lib","s":"sekei","c":"lib/utility","hc":1},{"id":"sekei:shad-fx-rain","t":"Shad fx: rain","d":"Slanted streaks of rain, splashing on the floor.","k":"lib","s":"sekei","c":"lib/utility","hc":1},{"id":"sekei:shad-fx-snow","t":"Shad fx: snow","d":"Drifting flakes settling into a drift along the floor.","k":"lib","s":"sekei","c":"lib/utility","hc":1},{"id":"sekei:shad-fx","t":"Shad fx","d":"The dither renderer, every effect, and a barrel that re-exports them.","s":"sekei","c":"other/other","hc":1},{"id":"sevenui:theme","t":"SevenUI Theme","d":"shadcn-compatible design tokens (neutral palette).","k":"theme","s":"sevenui","c":"themes/theme"},{"id":"sevenui:animations","t":"Animations","d":"SevenUI's enter/exit animation utilities (animate-in/out, fade, zoom, slide) used by the o","k":"theme","s":"sevenui","c":"themes/style"},{"id":"sevenui:button","t":"Button","d":"Displays a button built on the Base UI Button primitive.","s":"sevenui","c":"actions/button","hc":1},{"id":"sevenui:badge","t":"Badge","d":"Displays a small status descriptor.","s":"sevenui","c":"data-display/badge","hc":1},{"id":"sevenui:kbd","t":"Kbd","d":"Displays a keyboard key.","s":"sevenui","c":"data-display/typography","hc":1},{"id":"sevenui:label","t":"Label","d":"Displays a label for form inputs.","s":"sevenui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"sevenui:card","t":"Card","d":"Displays a container with optional header, content, and footer sections.","s":"sevenui","c":"data-display/card","hc":1},{"id":"sevenui:input","t":"Input","d":"Displays a text input built on the Base UI Input primitive.","s":"sevenui","c":"inputs/form-field","vn":1,"hc":1},{"id":"sevenui:input-otp","t":"Input OTP","d":"Displays an OTP input field built on the Base UI OTPField primitive.","s":"sevenui","c":"inputs/otp-input","hc":1},{"id":"sevenui:alert","t":"Alert","d":"Displays a message with optional title and description for the user.","s":"sevenui","c":"overlays/alert-banner","hc":1},{"id":"sevenui:avatar","t":"Avatar","d":"An image element with a fallback for representing the user.","s":"sevenui","c":"data-display/avatar","hc":1},{"id":"sevenui:separator","t":"Separator","d":"Visually or semantically separates content.","k":"layout","s":"sevenui","c":"layout/page-shell","hc":1},{"id":"sevenui:skeleton","t":"Skeleton","d":"Use to show a placeholder while content is loading.","s":"sevenui","c":"status/skeleton","hc":1},{"id":"sevenui:spinner","t":"Spinner","d":"Displays a loading indicator.","s":"sevenui","c":"status/loader","sb":"Spinners","hc":1},{"id":"sevenui:aspect-ratio","t":"Aspect Ratio","d":"Displays content with a fixed aspect ratio.","k":"layout","s":"sevenui","c":"layout/page-shell","hc":1},{"id":"sevenui:textarea","t":"Textarea","d":"Displays a multi-line text input field.","s":"sevenui","c":"inputs/textarea","hc":1},{"id":"sevenui:table","t":"Table","d":"Displays data in rows and columns with semantic HTML and support for headers, bodies, and ","s":"sevenui","c":"data-display/table","hc":1},{"id":"sevenui:breadcrumb","t":"Breadcrumb","d":"Displays the current location within a hierarchical navigation structure.","s":"sevenui","c":"navigation/breadcrumb","hc":1},{"id":"sevenui:pagination","t":"Pagination","d":"Displays navigation for multi-page content.","s":"sevenui","c":"navigation/pagination","hc":1},{"id":"sevenui:progress","t":"Progress","d":"Displays an indicator showing the completion progress of a task.","s":"sevenui","c":"data-viz/progress-bar","hc":1},{"id":"sevenui:field","t":"Field","d":"Associates a label, control, description, and validation error for a form field.","s":"sevenui","c":"inputs/form-field","hc":1},{"id":"sevenui:form","t":"Form","d":"A native form with consolidated, auto-clearing validation error handling.","s":"sevenui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"sevenui:checkbox","t":"Checkbox","d":"Displays a checkbox built on the Base UI Checkbox primitive.","s":"sevenui","c":"inputs/checkbox","hc":1},{"id":"sevenui:radio-group","t":"Radio Group","d":"Displays a radio group built on the Base UI Radio primitive.","s":"sevenui","c":"inputs/radio","hc":1},{"id":"sevenui:switch","t":"Switch","d":"Displays a switch built on the Base UI Switch primitive.","s":"sevenui","c":"actions/switch","hc":1},{"id":"sevenui:toggle","t":"Toggle","d":"Displays a toggle built on the Base UI Toggle primitive.","s":"sevenui","c":"actions/switch","vn":1,"hc":1},{"id":"sevenui:slider","t":"Slider","d":"Displays a slider built on the Base UI Slider primitive.","s":"sevenui","c":"inputs/slider","hc":1},{"id":"sevenui:number-field","t":"Number Field","d":"Displays a number field built on the Base UI Number Field primitive.","s":"sevenui","c":"inputs/number-input","hc":1},{"id":"sevenui:select","t":"Select","d":"Displays a select menu built on the Base UI Select primitive.","s":"sevenui","c":"inputs/select","hc":1},{"id":"sevenui:combobox","t":"Combobox","d":"An input combined with a filterable popup list, built on the Base UI Combobox primitive.","s":"sevenui","c":"inputs/combobox","hc":1},{"id":"sevenui:tooltip","t":"Tooltip","d":"A popup that displays information related to an element when hovered or focused, built on ","s":"sevenui","c":"overlays/tooltip","hc":1},{"id":"sevenui:popover","t":"Popover","d":"Displays rich content in a portal, positioned relative to an anchor element, built on the ","s":"sevenui","c":"overlays/popover","hc":1},{"id":"sevenui:hover-card","t":"Hover Card","d":"Displays a preview card when hovering or focusing a link, built on the Base UI Preview Car","s":"sevenui","c":"overlays/hover-card","hc":1},{"id":"sevenui:dialog","t":"Dialog","d":"A window overlaid on either the primary window or another dialog window, rendering the con","s":"sevenui","c":"overlays/dialog","hc":1},{"id":"sevenui:alert-dialog","t":"Alert Dialog","d":"A modal dialog that interrupts the user with important content and expects a response, bui","s":"sevenui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"sevenui:sheet","t":"Sheet","d":"An edge-positioned panel that slides in from the side of the screen, built on the Base UI ","s":"sevenui","c":"overlays/sheet","hc":1},{"id":"sevenui:drawer","t":"Drawer","d":"A panel that slides in from an edge of the screen and can be dismissed with a swipe gestur","s":"sevenui","c":"overlays/sheet","hc":1},{"id":"sevenui:dropdown-menu","t":"Dropdown Menu","d":"Displays a menu to the user — such as a set of actions or functions — triggered by a butto","s":"sevenui","c":"navigation/menu","tg":["playful"],"sb":"Dropdowns","sy":["playful"],"hc":1},{"id":"sevenui:context-menu","t":"Context Menu","d":"Displays a menu to the user — such as a set of actions or functions — triggered by right c","s":"sevenui","c":"overlays/context-menu","tg":["playful"],"sy":["playful"],"hc":1},{"id":"sevenui:menubar","t":"Menubar","d":"A horizontal menu bar with multiple menus — such as File, Edit, and View — built on the Ba","s":"sevenui","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"sevenui:toast","t":"Toast","d":"A sonner-style, module-level toast API for showing brief, non-blocking notifications, buil","s":"sevenui","c":"overlays/toast","hc":1},{"id":"sevenui:tabs","t":"Tabs","d":"A set of layered sections of content — known as tab panels — that display one panel at a t","s":"sevenui","c":"navigation/tabs","hc":1},{"id":"sevenui:accordion","t":"Accordion","d":"A vertically stacked set of interactive headings that each reveal an associated panel of c","s":"sevenui","c":"data-display/accordion","hc":1},{"id":"sevenui:collapsible","t":"Collapsible","d":"An interactive component which expands/collapses a panel, built on the Base UI Collapsible","s":"sevenui","c":"data-display/accordion","hc":1},{"id":"sevenui:scroll-area","t":"Scroll Area","d":"Augments native scroll functionality for custom, cross-browser styling, built on the Base ","k":"layout","s":"sevenui","c":"layout/scroll-area","tg":["playful"],"sy":["playful"],"hc":1},{"id":"sevenui:meter","t":"Meter","d":"Displays a value within a known range, built on the Base UI Meter primitive.","s":"sevenui","c":"data-viz/gauge","hc":1},{"id":"sevenui:toolbar","t":"Toolbar","d":"A container for grouping a set of controls, such as buttons, toggle groups, or links, buil","s":"sevenui","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"sevenui:navigation-menu","t":"Navigation Menu","d":"A collection of links for navigating websites, sharing one animated popup between top-leve","s":"sevenui","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"sevenui:command","t":"Command","d":"A fast, composable command palette built on the Base UI Autocomplete primitive.","s":"sevenui","c":"navigation/command-palette","hc":1},{"id":"sevenui:sidebar","t":"Sidebar","d":"A composable, themeable sidebar with collapsible, mobile, and icon-only modes.","s":"sevenui","c":"navigation/sidebar","hc":1},{"id":"sevenui:resizable","t":"Resizable","d":"Accessible resizable panel groups and layouts.","k":"layout","s":"sevenui","c":"layout/split-pane","hc":1},{"id":"sevenui:carousel","t":"Carousel","d":"A carousel with motion and swipe built using Embla.","s":"sevenui","c":"media/carousel","hc":1},{"id":"sevenui:calendar","t":"Calendar","d":"A date field component that lets users select dates or ranges.","s":"sevenui","c":"data-display/calendar","hc":1},{"id":"sevenui:chart","t":"Chart","d":"Composable chart primitives built on Recharts.","s":"sevenui","c":"data-viz/chart","hc":1},{"id":"sevenui:button-group","t":"Button Group","d":"Groups related buttons with shared borders and separators.","s":"sevenui","c":"actions/button","sb":"Groups and split","hc":1},{"id":"sevenui:item","t":"Item","d":"A flexible list item with media, content, and actions.","s":"sevenui","c":"data-display/list","hc":1},{"id":"sevenui:empty","t":"Empty","d":"Displays an empty state with media, title, description, and actions.","k":"motion","s":"sevenui","c":"motion/text-effect","hc":1},{"id":"sevenui:native-select","t":"Native Select","d":"A styled native HTML select element.","s":"sevenui","c":"inputs/select","hc":1},{"id":"sevenui:direction","t":"Direction","d":"Re-exports the Base UI DirectionProvider for RTL support.","s":"sevenui","c":"other/other","hc":1},{"id":"sevenui:marker","t":"Marker","d":"An inline marker with icon and content for annotating UI.","k":"resource","s":"sevenui","c":"assets/icon","hc":1},{"id":"sevenui:message","t":"Message","d":"Chat message layout with avatar, content, header, and footer.","s":"sevenui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"sevenui:message-scroller","t":"Message Scroller","d":"Auto-scrolling chat viewport built on the shadcn MessageScroller primitive.","s":"sevenui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"sevenui:bubble","t":"Bubble","d":"Chat message bubbles for conversational interfaces.","s":"sevenui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"sevenui:attachment","t":"Attachment","d":"Displays file attachments with media previews and actions.","s":"sevenui","c":"inputs/file-upload","hc":1},{"id":"sevenui:questionnaire","t":"Questionnaire","d":"Multi-step questionnaire flow built on the shadcn Questionnaire primitive.","s":"sevenui","c":"navigation/wizard-steps","hc":1},{"id":"sf-fleet-hud:theme-hud","t":"HUD Theme","d":"Dark sci-fi ops theme: monochrome + orange accent, radius 0, condensed sans + terminal mon","k":"theme","s":"sf-fleet-hud","c":"themes/theme","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"sf-fleet-hud:theme-hud-cyan","t":"HUD Theme — Cyan Accent","d":"Cyan accent override for the HUD theme. Install after theme-hud; warnings and destructive ","k":"theme","s":"sf-fleet-hud","c":"themes/theme","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"sf-fleet-hud:hud-button","t":"HUD Button","d":"Corner-clipped primary, outline, ghost, destructive variants. Condensed uppercase.","s":"sf-fleet-hud","c":"actions/button","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-panel","t":"HUD Panel","d":"Card panel with optional orange corner brackets, header/content/footer.","s":"sf-fleet-hud","c":"data-display/card","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:status-badge","t":"Status Badge","d":"Square mono badges: engaged / priority / patrol / standby / critical (+ blinking dot).","s":"sf-fleet-hud","c":"data-display/badge","tg":["retro and HUD"],"sb":"Status","sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:telemetry-bar","t":"Telemetry Bar","d":"3px labelled progress bar with mono label/value row.","s":"sf-fleet-hud","c":"inputs/form-field","tg":["retro and HUD"],"sb":"Phone","sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:segment-bar","t":"Segment Bar","d":"Segmented capacity indicator.","s":"sf-fleet-hud","c":"navigation/tabs","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-kbd","t":"Kbd","d":"Keyboard shortcut chip.","s":"sf-fleet-hud","c":"data-display/typography","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-skeleton","t":"HUD Skeleton","d":"Skeleton block with fixed-width shimmer clipped inside each block.","s":"sf-fleet-hud","c":"status/skeleton","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:radar","t":"Radar","d":"Sector-scan radar with rotating sweep. Decorative by default; accepts polar `blips` ({angl","s":"sf-fleet-hud","c":"data-viz/chart","tg":["retro and HUD"],"sb":"Radar","sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-label","t":"HUD Label","d":"Mono uppercase micro-label for form fields.","s":"sf-fleet-hud","c":"inputs/form-field","tg":["retro and HUD"],"sb":"Animated fields","sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-input","t":"HUD Input","d":"Terminal-style text input: mono, square, focus ring in accent.","s":"sf-fleet-hud","c":"inputs/form-field","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-textarea","t":"HUD Textarea","d":"Terminal-style textarea with optional live character counter (showCount + maxLength).","s":"sf-fleet-hud","c":"inputs/textarea","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-switch","t":"HUD Switch","d":"Square 36x18 switch with accent thumb when checked.","s":"sf-fleet-hud","c":"actions/switch","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-checkbox","t":"HUD Checkbox","d":"Square checkbox with solid accent fill marker.","s":"sf-fleet-hud","c":"inputs/checkbox","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-radio-group","t":"HUD Radio Group","d":"Circular radio with solid accent dot.","s":"sf-fleet-hud","c":"inputs/radio","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-select","t":"HUD Select","d":"Dark popover select: accent top edge, 2px accent active rail, diamond marker.","s":"sf-fleet-hud","c":"inputs/select","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-tabs","t":"HUD Tabs","d":"Underline tabs: condensed uppercase, 2px accent indicator.","s":"sf-fleet-hud","c":"navigation/tabs","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-alert","t":"HUD Alert","d":"Directive/critical alert strip with icon glyph and tinted border.","s":"sf-fleet-hud","c":"overlays/alert-banner","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-dialog","t":"HUD Dialog","d":"Corner-bracketed modal with header/body/footer and mono close glyph.","s":"sf-fleet-hud","c":"overlays/dialog","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-sheet","t":"HUD Sheet","d":"Side drawer panel: 280px, hairline dividers, mono accent title.","s":"sf-fleet-hud","c":"overlays/sheet","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-tooltip","t":"HUD Tooltip","d":"Dark mono tooltip with arrow.","s":"sf-fleet-hud","c":"overlays/tooltip","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-context-menu","t":"HUD Context Menu","d":"Right-click menu: mono rows, shortcut hints, destructive variant.","s":"sf-fleet-hud","c":"overlays/context-menu","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-sonner","t":"HUD Toaster","d":"Sonner toast stack in HUD style: accent left rail, glyph icons.","s":"sf-fleet-hud","c":"overlays/toast","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-command","t":"HUD Command","d":"Command palette (cmdk): > prompt, accent active rail, hint footer.","s":"sf-fleet-hud","c":"navigation/command-palette","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-table","t":"HUD Table","d":"Data table shell: mono micro-headers, deep row borders, selected tint.","s":"sf-fleet-hud","c":"data-display/table","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-pagination","t":"HUD Pagination","d":"26px square page buttons with accent active state.","s":"sf-fleet-hud","c":"navigation/pagination","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-chip","t":"HUD Chip","d":"Removable filter/tag chip in mono uppercase.","s":"sf-fleet-hud","c":"data-display/badge","tg":["retro and HUD"],"sb":"Tags and pills","sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-accordion","t":"HUD Accordion","d":"Bordered accordion with rotating caret and hairline dividers.","s":"sf-fleet-hud","c":"data-display/accordion","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-breadcrumb","t":"HUD Breadcrumb","d":"Mono breadcrumb trail with caret separators, accent current page.","s":"sf-fleet-hud","c":"navigation/breadcrumb","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-avatar","t":"HUD Avatar","d":"Square initials avatar with status dot and rank bars.","s":"sf-fleet-hud","c":"data-display/avatar","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-slider","t":"HUD Slider","d":"2px track slider with diamond thumbs; supports ranges.","s":"sf-fleet-hud","c":"inputs/slider","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-popover","t":"HUD Popover","d":"Dark bordered popover surface.","s":"sf-fleet-hud","c":"overlays/popover","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-input-otp","t":"HUD Input OTP","d":"38x44 code cells with accent active border and blinking caret.","s":"sf-fleet-hud","c":"inputs/otp-input","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-calendar","t":"HUD Calendar","d":"Mono grid calendar with accent selection and range tint.","s":"sf-fleet-hud","c":"data-display/calendar","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-gauge","t":"HUD Gauge","d":"Masked conic-gradient ring gauge with numeric readout.","s":"sf-fleet-hud","c":"data-viz/gauge","tg":["gradient","retro and HUD"],"sy":["gradient","retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-sparkline","t":"HUD Sparkline","d":"Inline SVG sparkline driven by a values array.","s":"sf-fleet-hud","c":"data-viz/chart","tg":["retro and HUD"],"sb":"Line and sparkline","sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-line-chart","t":"HUD Line Chart","d":"Dependency-free SVG time-series plot: multi-series with dash-pattern separation, axis grid","s":"sf-fleet-hud","c":"data-viz/chart","tg":["retro and HUD"],"sb":"Line and sparkline","sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-bar-chart","t":"HUD Bar Chart","d":"Dependency-free categorical bar chart: vertical or horizontal, grouped series with 2px sur","s":"sf-fleet-hud","c":"data-viz/chart","tg":["retro and HUD"],"sb":"Bar","sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-heatmap","t":"HUD Heatmap","d":"Accent-tinted intensity matrix (values 0–1).","s":"sf-fleet-hud","c":"data-viz/chart","tg":["retro and HUD"],"sb":"Heatmap","sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-timeline","t":"HUD Timeline","d":"Audit-log timeline with diamond markers and connector rail.","s":"sf-fleet-hud","c":"data-display/timeline","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-tree","t":"HUD Tree","d":"Hierarchical nav tree with accent selection rail.","s":"sf-fleet-hud","c":"data-display/tree","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-dropzone","t":"HUD Dropzone","d":"Dashed drop target with accent hover and file input.","s":"sf-fleet-hud","c":"inputs/file-upload","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-stepper","t":"HUD Stepper","d":"Multi-step indicator: done/active/todo squares with connectors.","s":"sf-fleet-hud","c":"navigation/wizard-steps","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:hud-typography","t":"HUD Typography","d":"Heading scale H1-H6 + body: condensed sans headings, mono overline/micro labels, accent in","s":"sf-fleet-hud","c":"data-display/typography","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:dot-globe","t":"Dot Globe","d":"Interactive dotted earth globe (canvas): drag to rotate, wheel to zoom, markers with incid","k":"motion","s":"sf-fleet-hud","c":"motion/globe","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"sf-fleet-hud:crew-card","t":"Crew Card","d":"Personnel card: portrait, name/callsign, rank ticks, assignment, status and vitals/duty te","k":"section","s":"sf-fleet-hud","c":"marketing/team","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"shadcn-dashboard:product-card","t":"Card 01   Product Card","d":"Display products with weekly sales, new users, & purchased orders in a clean card layout. ","s":"shadcn-dashboard","c":"data-display/card","tg":["minimal"],"sb":"Product","sy":["minimal"],"hc":1},{"id":"shadcn-dashboard:ecommerce-action-card","t":"Card 02   Ecommerce Action Card","d":"Highlight key shopping actions like orders, shipped orders, revenue, or ratings in a compa","s":"shadcn-dashboard","c":"data-display/card","sb":"Product","hc":1},{"id":"shadcn-dashboard:total-assets-card","t":"Card 03   Total Assets Card","d":"Present total assets with supporting metrics like employees, projects, clients, and events","s":"shadcn-dashboard","c":"data-display/card","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-dashboard:campaign-performance-card","t":"Card 04   Campaign Performance Card","d":"Track marketing campaign results with user metrics along with status reports. Great for ad","s":"shadcn-dashboard","c":"data-display/card"},{"id":"shadcn-dashboard:total-sales-card","t":"Card 05   Total Sales Card","d":"Highlight total sales revenue with a growth percentage badge and a decorative background i","s":"shadcn-dashboard","c":"data-display/card","hc":1},{"id":"shadcn-dashboard:latest-products-card","t":"Card 06   Latest Products Card","d":"List recently added products with thumbnail, name, buyer count, and price inside a scrolla","s":"shadcn-dashboard","c":"data-display/card","sb":"Product","hc":1},{"id":"shadcn-dashboard:integrations-showcase-card","t":"Card 07   Integrations Showcase Card","d":"Showcase connected third-party integrations like Figma, Claude, and cloud storage with an ","k":"section","s":"shadcn-dashboard","c":"marketing/logos","hc":1},{"id":"shadcn-dashboard:contributor-groups-card","t":"Card 08   Contributor Groups Card","d":"Group contributors, affiliates, and infrastructure partners with tooltip-labeled icons and","s":"shadcn-dashboard","c":"data-display/card"},{"id":"shadcn-dashboard:revenue-growth-card","t":"Card 09   Revenue Growth Card","d":"Show a headline revenue growth percentage with a month-over-month comparison in a compact ","s":"shadcn-dashboard","c":"data-display/card","hc":1},{"id":"shadcn-dashboard:product-carousel-card","t":"Card 10   Product Carousel Card","d":"Auto-playing product image carousel with progress dots and a call-to-action overlay. Great","s":"shadcn-dashboard","c":"media/carousel"},{"id":"shadcn-dashboard:ai-assistant-card","t":"Card 11   AI Assistant Card","d":"An Ask AI panel with provider tabs for Claude, ChatGPT, and Gemini, quick feature shortcut","s":"shadcn-dashboard","c":"ai-agent/ai-agent"},{"id":"shadcn-dashboard:upcoming-events-card","t":"Card 12   Upcoming Events Card","d":"List upcoming events with date, time, and type badges in a clean bordered card. Suitable f","s":"shadcn-dashboard","c":"data-display/card","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-dashboard:upcoming-appointments-card","t":"Card 13   Upcoming Appointments Card","d":"Display a patient appointment schedule with avatars, doctor names, times, and type badges.","s":"shadcn-dashboard","c":"data-display/card","hc":1},{"id":"shadcn-dashboard:doctor-performance-card","t":"Card 14   Doctor Performance Card","d":"Track doctor performance with avatar, specialty, patient count, rating, and availability s","s":"shadcn-dashboard","c":"data-display/card","hc":1},{"id":"shadcn-dashboard:health-banner","t":"Card 15   Health Banner","d":"Track health-related updates with a dropdown monthly & yearly selection report card in a c","s":"shadcn-dashboard","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-dashboard:school-banner","t":"Card 16   School Banner","d":"Manage school updates or important notices with dropdown options using this engaging banne","s":"shadcn-dashboard","c":"overlays/alert-banner"},{"id":"shadcn-dashboard:sales-trend-chart","t":"Chart 01   Sales Trend chart","d":"Track sales performance over time with a clear trend visualization. Useful for monitoring ","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"shadcn-dashboard:total-orders-chart","t":"Chart 02   Total Orders Chart","d":"Display total sales in an easy-to-read chart for quick business insights. Great for ecomme","s":"shadcn-dashboard","c":"data-viz/chart","hc":1},{"id":"shadcn-dashboard:sales-overview-chart","t":"Chart 03   Sales Overview Chart","d":"View sales data across different dates in a single chart. Helps compare performance, ident","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:customers-segmentation-chart","t":"Chart 04   Customers Segmentation Chart","d":"Group customers into meaningful segments based on selected data. Ideal for marketing dashb","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:sales-distribution-chart","t":"Chart 05   Sales Distribution Chart","d":"Understand how sales are distributed across products, categories, and monthly reports. Mak","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:saas-metrics-chart","t":"Chart 06   SaaS Metrics Chart","d":"Monitor key SaaS metrics like automations, revenue, or active users. Best for product anal","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:platform-revenue-chart","t":"Chart 07   Platform Revenue Chart","d":"Visualize revenue generated across daily, monthly, and yearly timelines. Useful for tracki","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:revenue-distribution-chart","t":"Chart 08   Revenue Distribution Chart","d":"Break down revenue into multiple categories for better financial analysis. Helps teams und","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:key-insights-chart","t":"Chart 09   Key Insights Chart","d":"Highlight important business metrics in a simple, visually organized, region-wise format. ","s":"shadcn-dashboard","c":"data-viz/chart","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-dashboard:monthly-sales-chart","t":"Chart 10   Monthly Sales Chart","d":"Compare monthly sales performance with an easy-to-read chart layout. Helps identify growth","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:revenue-growth-chart","t":"Chart 11   Revenue Growth Chart","d":"Track revenue growth in percentage with clear visual comparisons. Useful for financial das","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:order-overview-chart","t":"Chart 12   Order Overview Chart","d":"Summarize order activity in a compact chart with meaningful insights and comparisons. Fits","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:user-activity-chart","t":"Chart 13   User Activity Chart","d":"Visualize user activity and checkouts over time. Perfect for analytics dashboards, SaaS pl","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:total-assets-chart","t":"Chart 14   Total Assets Chart","d":"Display total assets in a simple chart for financial monitoring. Suitable for accounting s","s":"shadcn-dashboard","c":"data-viz/chart","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-dashboard:total-sales-chart","t":"Chart 15   Total Sales Chart","d":"Present total sales figures with a clean visual summary in the chart. Helps teams measure ","s":"shadcn-dashboard","c":"data-viz/chart","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-dashboard:total-profit-chart","t":"Chart 16   Total Profit Chart","d":"Monitor profit trends using a chart designed for financial reporting. Useful for evaluatin","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:advertisement-cost-chart","t":"Chart 17   Advertisement Cost Chart","d":"Track advertising expenses across campaigns or time periods. Helps marketing teams measure","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:attendance-overview-chart","t":"Chart 18   Attendance Overview Chart","d":"Show attendance data in a visual format that is easy to understand, along with time period","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:fees-paid-chart","t":"Chart 19   Fees Paid Chart","d":"Display paid fees with a simple chart for quick financial tracking. Useful for education p","s":"shadcn-dashboard","c":"data-viz/chart","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-dashboard:fees-pending-chart","t":"Chart 20   Fees Pending Chart","d":"Monitor outstanding fees with a clear visual overview. Helps administrators identify pendi","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:grade-distribution-chart","t":"Chart 21   Grade Distribution Chart","d":"Visualize grade distribution across students or classes in one chart. Suitable for school ","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:staff-salary-chart","t":"Chart 22   Staff Salary Chart","d":"Present staff salary data with a structured chart for easy comparison. Useful for HR dashb","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:bed-occupancy-chart","t":"Chart 23   Bed Occupancy Chart","d":"Track bed occupancy across ICU, Emergency, General Ward, and Pediatric departments with a ","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:school-admissions-chart","t":"Chart 24   School Admissions Chart","d":"Visualize new admissions vs returning students with a stacked half-circle radial chart and","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:weekly-engagement-chart","t":"Chart 25   Weekly Engagement Chart","d":"Visualize weekly engagement with a segmented bar chart alongside impressions and engagemen","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:traffic-sources-chart","t":"Chart 26   Traffic Sources Chart","d":"Visualize traffic split across Organic, Paid, and Referral sources with a segmented distri","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:freight-volume-sla-chart","t":"Chart 27   Freight Volume & SLA Performance Chart","d":"Track freight volume and SLA compliance with a dual-axis area chart, period selector, and ","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:warehouse-capacity-chart","t":"Chart 28   Warehouse Storage Capacity Chart","d":"Visualize warehouse hub storage utilization with a segmented block bar chart, average util","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:vehicle-overview-chart","t":"Chart 29   Vehicle Telemetry Overview Chart","d":"Fleet vehicle distribution overview with a multi-segmented allocation bar and a breakdown ","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:revenue-trend-mask-chart","t":"Chart 30   Revenue Trend Mask Chart","d":"Stacked area chart of daily sales split by channel with a cursor-following highlight mask ","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcn-dashboard:order-channel-distribution-chart","t":"Chart 31   Order Channel Distribution Chart","d":"Interactive donut chart breaking down orders by sales channel with patterned segments, hov","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:customer-ratings-chart","t":"Chart 32   Customer Ratings Chart","d":"Guest satisfaction card with a star rating summary, a trend badge, and a daily review-volu","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:customer-growth-chart","t":"Chart 33   Customer Growth Chart","d":"Track weekly customer growth with a headline count, a growth-percentage badge, a compact a","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:products-category-chart","t":"Chart 34   Products Category Chart","d":"Compare product distribution across years with a headline count, growth badge, donut chart","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:total-sales-comparison-chart","t":"Chart 35   Total Sales Comparison Chart","d":"Compare online vs offline total sales across months with a year selector, headline total, ","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:payments-breakdown-chart","t":"Chart 36   Payments Breakdown Chart","d":"Track payment volume across the week with a headline count, growth badge, stacked bar char","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:annual-profit-chart","t":"Chart 37   Annual Profit Chart","d":"Track annual profit with a conversion rate banner, area chart trend, and a breakdown of ca","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:sales-report-chart","t":"Chart 38   Sales Report Chart","d":"Toggle between profit and expenses views with a tabbed header, sales-this-year and last-ye","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:weekly-sales-chart","t":"Chart 39   Weekly Sales Chart","d":"Track weekly sales with a dropdown period selector, a headline total with a growth-percent","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:revenue-updates-chart","t":"Chart 40   Revenue Updates Chart","d":"Revenue updates chart with a year selector, a stacked earnings/expense bar chart, and a su","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:monthly-earnings-chart","t":"Chart 41   Monthly Earnings Chart","d":"Compact monthly earnings card with a headline value, growth-percentage badge, and a sparkl","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:yearly-breakup-chart","t":"Chart 42   Yearly Breakup Chart","d":"Yearly revenue breakup card with a headline value, growth-percentage badge, year legend, a","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:weekly-stats-chart","t":"Chart 43   Weekly Stats Chart","d":"Weekly stats card with an average sales area chart and a ranked list of top sales, best se","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:sales-locations-chart","t":"Chart 44   Sales Locations Chart","d":"Sales from locations chart comparing USA and India monthly sales with a stacked bar chart,","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:sales-overview-summary-chart","t":"Chart 45   Sales Overview Summary Chart","d":"Sales overview chart with a headline total, growth-percentage badge, an earning/profit/exp","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:earning-report-chart","t":"Chart 46   Earning Report Chart","d":"Earning reports donut chart with a centered total label, plus a customer segment breakdown","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:greeting-banner","t":"Card 17   Greeting Banner","d":"Welcome users with a personalized message and highlight important messages with a CTA butt","s":"shadcn-dashboard","c":"overlays/alert-banner"},{"id":"shadcn-dashboard:update-banner","t":"Card 18   Update Banner","d":"Notify users about new features or any updates in a clear card block along with a CTA butt","s":"shadcn-dashboard","c":"overlays/alert-banner","hc":1},{"id":"shadcn-dashboard:analytics-banner","t":"Card 19   Analytics Banner","d":"Showcase important business metrics with a date picker & monthly, yearly dropdowns in a vi","s":"shadcn-dashboard","c":"overlays/alert-banner"},{"id":"shadcn-dashboard:logistics-banner","t":"Card 20   Logistics Banner","d":"Logistics & supply chain command banner with fleet SLA badge and region dropdown selection","s":"shadcn-dashboard","c":"overlays/alert-banner"},{"id":"shadcn-dashboard:pos-banner","t":"Card 21   POS Banner","d":"Restaurant POS terminal banner with shift status badge, live kitchen connection indicator,","s":"shadcn-dashboard","c":"overlays/alert-banner","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"shadcn-dashboard:driver-list-card","t":"Card 22   Driver List Card","d":"Scrollable active fleet drivers list with avatar, vehicle, status badge, and rating in a b","s":"shadcn-dashboard","c":"data-display/list"},{"id":"shadcn-dashboard:pos-stat-cards","t":"Card 23   POS Stat Cards","d":"Restaurant POS analytics grid with a top taste picks highlight card and gross sales, order","s":"shadcn-dashboard","c":"data-display/stat"},{"id":"shadcn-dashboard:top-selling-items-card","t":"Card 24   Top Selling Items Card","d":"Top selling dishes list with item image, category, revenue, and order count, plus a dropdo","s":"shadcn-dashboard","c":"data-display/list"},{"id":"shadcn-dashboard:recent-payments-card","t":"Card 25   Recent Payments Card","d":"POS payment transactions list with payment method icon, order reference, terminal, and amo","s":"shadcn-dashboard","c":"data-display/card","tg":["retro and HUD"],"sb":"Payment","sy":["retro and HUD"]},{"id":"shadcn-dashboard:sales-growth-summary-card","t":"Card 26   Sales Growth Summary Card","d":"Celebrate a sales milestone with a personalized greeting, growth percentage, and a quick b","s":"shadcn-dashboard","c":"data-display/card"},{"id":"shadcn-dashboard:latest-deal-card","t":"Card 27   Latest Deal Card","d":"Track a deal's progress toward its target with a progress bar, coupons-used count, and a s","s":"shadcn-dashboard","c":"data-display/card"},{"id":"shadcn-dashboard:course-widget-card","t":"Card 28   Course Widget Card","d":"Promote a course or webinar with a cover image, title, description, and a stack of enrolle","s":"shadcn-dashboard","c":"data-display/card"},{"id":"shadcn-dashboard:selling-products-card","t":"Card 29   Best Selling Products Card","d":"Highlight best-selling products with a decorative background illustration and a per-produc","s":"shadcn-dashboard","c":"data-display/card","sb":"Product"},{"id":"shadcn-dashboard:activity-timeline-card","t":"Card 30   Activity Timeline Card","d":"Display a chronological log of daily activities with timestamps, a connected dot timeline,","s":"shadcn-dashboard","c":"data-display/timeline"},{"id":"shadcn-dashboard:user-greeting-card","t":"Card 31   User Greeting Card","d":"Personalized welcome banner with a greeting, subtitle, quick stat breakdown, and a decorat","s":"shadcn-dashboard","c":"data-display/card","sb":"Profile"},{"id":"shadcn-dashboard:small-stat-cards","t":"Card 32   Small Stat Cards","d":"A row of three compact stat cards showing refunds, sales, and earnings with an icon, value","s":"shadcn-dashboard","c":"data-display/stat","tg":["playful","webgl"],"sy":["playful","webgl"]},{"id":"shadcn-dashboard:upcoming-schedules-card","t":"Card 33   Upcoming Schedules Card","d":"Upcoming corporate events card with tabbed filtering (All, Delivered, Shipping), a dropdow","s":"shadcn-dashboard","c":"data-display/card"},{"id":"shadcn-dashboard:recent-transactions-card","t":"Card 34   Recent Transactions Card","d":"Recent transactions list card with payment method icons, descriptions, transaction amounts","s":"shadcn-dashboard","c":"data-display/card"},{"id":"shadcn-dashboard:analytics-statistics-card","t":"Card 35   Analytics Statistics Card","d":"Analytics dashboard statistics layout with a main earnings/expense summary card featuring ","s":"shadcn-dashboard","c":"data-display/card","sb":"Metric"},{"id":"shadcn-dashboard:sales-by-country-card","t":"Card 36   Sales by Country Card","d":"Sales by country list card with flag icons, revenue figures, country names, a dropdown men","s":"shadcn-dashboard","c":"data-display/card"},{"id":"shadcn-dashboard:ai-ops-overview","t":"AI Ops 01   Token Routing Console","d":"A token routing console for LLM control planes — model priority and budget guardrail stats","s":"shadcn-dashboard","c":"ai-agent/ai-agent"},{"id":"shadcn-dashboard:hospital-ai-ops","t":"AI Ops 02   Hospital AI Control Center","d":"An AI care operations dashboard for hospitals, medical centers, and social care teams — wi","s":"shadcn-dashboard","c":"ai-agent/ai-agent"},{"id":"shadcn-dashboard:agent-ai-ops","t":"AI Ops 03   Agent Usage & API Console","d":"An agent fleet usage console — with an account header, a usage summary card with Tokens/Sp","s":"shadcn-dashboard","c":"ai-agent/ai-agent"},{"id":"shadcn-dashboard:login-block-1","t":"Login Form 01   Standard Card Layout","d":"A minimalist, centered card layout for login. Features email, password, and social login o","k":"layout","s":"shadcn-dashboard","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"shadcn-dashboard:login-block-2","t":"Login Form 02   Split Screen with Video Branding","d":"A modern split-screen login layout featuring a background video loop on one side and the f","k":"layout","s":"shadcn-dashboard","c":"flows/sign-in","sb":"Split with image"},{"id":"shadcn-dashboard:login-block-3","t":"Login Form 03   Full Page Marketing Layout","d":"A two-column landing page style login layout featuring marketing copy, text morph animatio","k":"layout","s":"shadcn-dashboard","c":"flows/sign-in","sb":"Sign in"},{"id":"shadcn-dashboard:login-block-4","t":"Login Form 04   Card Layout with Brand Logos","d":"A centered login card layout that includes a dedicated footer section displaying a grid of","k":"layout","s":"shadcn-dashboard","c":"flows/sign-in","sb":"Sign in"},{"id":"shadcn-dashboard:login-block-5","t":"Login Form 05   Split Screen with 3D Animation","d":"A creative split-screen login layout featuring an immersive Three.js interactive 3D color ","k":"layout","s":"shadcn-dashboard","c":"flows/sign-in","tg":["3d","webgl"],"sb":"Split with image","sy":["3d","webgl"]},{"id":"shadcn-dashboard:login-block-6","t":"Login Form 06   Interactive Particle Field","d":"A split-screen login layout with an interactive canvas particle field that drifts ambientl","k":"layout","s":"shadcn-dashboard","c":"flows/sign-in","tg":["webgl"],"sb":"Sign in","sy":["webgl"]},{"id":"shadcn-dashboard:login-block-7","t":"Login Form 07   Diagonal Marquee Carousel","d":"A two-column login layout with the sign-in form on the left and an infinitely scrolling, d","k":"layout","s":"shadcn-dashboard","c":"flows/sign-in","sb":"Sign in"},{"id":"shadcn-dashboard:signup-01","t":"Signup Form 01   Essential Centered Card","d":"A clean, centrally aligned card design for creating accounts. Includes core input fields a","k":"layout","s":"shadcn-dashboard","c":"flows/sign-in","tg":["minimal"],"sb":"Sign up","sy":["minimal"],"hc":1},{"id":"shadcn-dashboard:signup-02","t":"Signup Form 02   Divided Screen with Video Panel","d":"A dual-panel registration screen that showcases a looping ambient video alongside the sign","k":"layout","s":"shadcn-dashboard","c":"flows/sign-in","sb":"Sign up"},{"id":"shadcn-dashboard:signup-03","t":"Signup Form 03   Two Column Showcase Layout","d":"A full-page hero layout designed for conversions. Combines animated text, client logos, an","k":"layout","s":"shadcn-dashboard","c":"flows/sign-in","sb":"Sign up"},{"id":"shadcn-dashboard:signup-04","t":"Signup Form 04   Card Design with Trusted Partners","d":"A centered registration card enhanced with a logo gallery in the footer. Displays trusted ","k":"layout","s":"shadcn-dashboard","c":"flows/sign-in","sb":"Sign up"},{"id":"shadcn-dashboard:signup-05","t":"Signup Form 05   Immersive Three.js Split View","d":"An innovative dual-panel registration view that pairs the signup form with an interactive,","k":"layout","s":"shadcn-dashboard","c":"flows/sign-in","tg":["3d","webgl"],"sb":"Sign up","sy":["3d","webgl"]},{"id":"shadcn-dashboard:signup-06","t":"Signup Form 06   Interactive Particle Field","d":"A split-screen registration layout with an interactive canvas particle field that drifts a","k":"layout","s":"shadcn-dashboard","c":"flows/sign-in","tg":["webgl"],"sb":"Sign up","sy":["webgl"]},{"id":"shadcn-dashboard:signup-07","t":"Signup Form 07   Diagonal Marquee Carousel","d":"A two-column signup layout with the registration form on the left and an infinitely scroll","k":"layout","s":"shadcn-dashboard","c":"flows/sign-in","sb":"Sign up"},{"id":"shadcn-dashboard:otp-01","t":"OTP Form 01   Minimal Verification Card","d":"A focused, center-aligned verification box. Contains a secure code input and a resend acti","s":"shadcn-dashboard","c":"inputs/otp-input","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-dashboard:otp-02","t":"OTP Form 02   Video Background Split View","d":"A side-by-side verification layout combining an engaging video background with a secure OT","s":"shadcn-dashboard","c":"inputs/otp-input"},{"id":"shadcn-dashboard:otp-03","t":"OTP Form 03   Landing Page Style Verification","d":"A comprehensive verification page that leverages a two-column structure. Displays marketin","s":"shadcn-dashboard","c":"inputs/otp-input"},{"id":"shadcn-dashboard:otp-04","t":"OTP Form 04   Verification Card with Social Proof","d":"A focused verification card that builds trust by featuring a grid of sponsor or client log","s":"shadcn-dashboard","c":"inputs/otp-input"},{"id":"shadcn-dashboard:otp-05","t":"OTP Form 05   Interactive 3D Verification Panel","d":"A visually striking verification layout that splits the screen between the OTP input and a","s":"shadcn-dashboard","c":"inputs/otp-input","tg":["3d","webgl"],"sy":["3d","webgl"]},{"id":"shadcn-dashboard:otp-06","t":"OTP Form 06   Interactive Particle Field","d":"A split-screen verification layout with an interactive canvas particle field that drifts a","s":"shadcn-dashboard","c":"inputs/otp-input","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-dashboard:otp-07","t":"OTP Form 07   Diagonal Marquee Carousel","d":"A two-column verification layout with the OTP form on the left and an infinitely scrolling","s":"shadcn-dashboard","c":"inputs/otp-input"},{"id":"shadcn-dashboard:forgot-password-01","t":"Forgot Password Form 01   Clean Recovery Card","d":"A simple, centered recovery form. Provides an email field and clear instructions to help u","k":"layout","s":"shadcn-dashboard","c":"flows/sign-in","tg":["minimal"],"sb":"Password reset","sy":["minimal"],"hc":1},{"id":"shadcn-dashboard:forgot-password-02","t":"Forgot Password Form 02   Branded Video Split Layout","d":"A bi-fold password reset page featuring a continuous video loop on the left and the recove","k":"layout","s":"shadcn-dashboard","c":"flows/sign-in","sb":"Password reset"},{"id":"shadcn-dashboard:forgot-password-03","t":"Forgot Password Form 03   Feature Rich Recovery Page","d":"An expansive account recovery layout built like a landing page. Uses dynamic text animatio","k":"layout","s":"shadcn-dashboard","c":"flows/sign-in","sb":"Password reset"},{"id":"shadcn-dashboard:forgot-password-04","t":"Forgot Password Form 04   Recovery Card with Company Logos","d":"A recovery card design supplemented by a bottom section containing prominent company logos","k":"layout","s":"shadcn-dashboard","c":"flows/sign-in","sb":"Password reset"},{"id":"shadcn-dashboard:forgot-password-05","t":"Forgot Password Form 05   3D Color Bends Split Screen","d":"A highly engaging password reset screen utilizing a side-by-side design. Features an abstr","k":"layout","s":"shadcn-dashboard","c":"flows/sign-in","tg":["3d","webgl"],"sb":"Password reset","sy":["3d","webgl"]},{"id":"shadcn-dashboard:forgot-password-06","t":"Forgot Password Form 06   Interactive Particle Field","d":"A split-screen password reset layout with an interactive canvas particle field that drifts","k":"layout","s":"shadcn-dashboard","c":"flows/sign-in","tg":["webgl"],"sb":"Password reset","sy":["webgl"]},{"id":"shadcn-dashboard:forgot-password-07","t":"Forgot Password Form 07   Diagonal Marquee Carousel","d":"A two-column password recovery layout with the reset form on the left and an infinitely sc","k":"layout","s":"shadcn-dashboard","c":"flows/sign-in","sb":"Password reset"},{"id":"shadcn-dashboard:multi-step-form-01","t":"Multi Step Form 01   Appointment Booking Wizard","d":"Guide patients through a multi-step appointment booking flow with patient details, visit s","s":"shadcn-dashboard","c":"navigation/wizard-steps","hc":1},{"id":"shadcn-dashboard:multi-step-form-02","t":"Multi Step Form 02   Workspace Setup Wizard","d":"Spin up a new workspace through an animated multi-step form covering workspace details, te","s":"shadcn-dashboard","c":"navigation/wizard-steps","hc":1},{"id":"shadcn-dashboard:multi-step-form-03","t":"Multi Step Form 03   User Profile Form","d":"Collect user details through a structured multi-section form with step-by-step navigation.","s":"shadcn-dashboard","c":"navigation/wizard-steps"},{"id":"shadcn-dashboard:multi-step-form-04","t":"Multi Step Form 04   Multi Step Onboarding Form","d":"Guide users through account creation with a progress bar and a multi-step registration exp","s":"shadcn-dashboard","c":"navigation/wizard-steps"},{"id":"shadcn-dashboard:multi-step-form-05","t":"Multi Step Form 05   Onboarding Form","d":"An animated multi-step onboarding form with a circular progress indicator, role-selection ","s":"shadcn-dashboard","c":"navigation/wizard-steps"},{"id":"shadcn-dashboard:multi-step-form-06","t":"Multi Step Form 06   Survey Form","d":"An animated multi-step survey form with radio-group option cards, a live animated score co","s":"shadcn-dashboard","c":"navigation/wizard-steps"},{"id":"shadcn-dashboard:dashboard-layout-01","t":"Dashboard Layout 01   Admin Dashboard Layout","d":"Start your admin panel with a complete dashboard structure that keeps navigation, content,","k":"layout","s":"shadcn-dashboard","c":"layout/dashboard","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-dashboard:dashboard-layout-02","t":"Dashboard Layout 02   RTL Layout","d":"Supports right to left languages with a layout designed for Arabic, Hebrew, and multilingu","k":"layout","s":"shadcn-dashboard","c":"layout/dashboard","hc":1},{"id":"shadcn-dashboard:dashboard-layout-03","t":"Dashboard Layout 03   Horizontal Layout","d":"Choose a horizontal navigation pattern for dashboards that need maximum workspace and simp","k":"layout","s":"shadcn-dashboard","c":"layout/dashboard","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-dashboard:application-shell-01","t":"Chat Application Shell 01","d":"Create chat interfaces with a complete application layout including conversations, message","k":"layout","s":"shadcn-dashboard","c":"layout/page-shell","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-dashboard:application-shell-02","t":"Notes Application Shell 01","d":"Organize note taking experiences with structured layouts for navigation, editing, and cont","k":"layout","s":"shadcn-dashboard","c":"layout/page-shell","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-dashboard:table-01","t":"Table 01   Top Selling Products Table","d":"Track best selling products with ratings, pricing, demand status, and built in add, edit, ","s":"shadcn-dashboard","c":"data-display/table","hc":1},{"id":"shadcn-dashboard:table-02","t":"Table 02   Sales Orders Table","d":"Monitor recent sales orders with searchable records, pagination, payment details, and orde","s":"shadcn-dashboard","c":"data-display/table","sb":"Transactions"},{"id":"shadcn-dashboard:table-03","t":"Table 03   Projects and Orders Table","d":"Manage projects, assigned managers, order values, and progress from a sortable table with ","s":"shadcn-dashboard","c":"data-display/table","tg":["minimal"],"sb":"Transactions","sy":["minimal"]},{"id":"shadcn-dashboard:table-04","t":"Table 04   Best Performing AI Products Table","d":"Compare top performing AI products with structured metrics for quick revenue and performan","s":"shadcn-dashboard","c":"data-display/table","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-dashboard:table-05","t":"Table 05   Recent Enrollments Table","d":"Display recent student enrollments with grades, subjects, enrollment status, and quick add","s":"shadcn-dashboard","c":"data-display/table"},{"id":"shadcn-dashboard:table-06","t":"Table 06   Recent Patients Table","d":"Organize patient records with age, department, diagnosis, treatment status, and management","s":"shadcn-dashboard","c":"data-display/table"},{"id":"shadcn-dashboard:table-07","t":"Table 07   Customer Details Editable Table","d":"Update customer records directly from an editable table with search, status filters, and q","s":"shadcn-dashboard","c":"data-display/table","sb":"Editable"},{"id":"shadcn-dashboard:table-08","t":"Table 08   Revenue Table","d":"Analyze revenue across different months and product categories using sortable tabular data","s":"shadcn-dashboard","c":"data-display/table"},{"id":"shadcn-dashboard:table-09","t":"Table 09   Filter Table","d":"Find records faster with searchable data, column filters, and row selection using checkbox","s":"shadcn-dashboard","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-dashboard:table-10","t":"Table 10   Users Management Table","d":"Manage users with role, subscription plan, billing method, account status, and action cont","s":"shadcn-dashboard","c":"data-display/table","sb":"People"},{"id":"shadcn-dashboard:table-11","t":"Table 11   Top Performing Products Table","d":"Compare product performance using sales, earnings, category, and technology information in","s":"shadcn-dashboard","c":"data-display/table"},{"id":"shadcn-dashboard:table-12","t":"Table 12   Customer Reviews Table","d":"Review customer feedback with searchable records, review dates, and user details for faste","s":"shadcn-dashboard","c":"data-display/table"},{"id":"shadcn-dashboard:table-13","t":"Table 13   Projects Activity Tracking Table","d":"Track ongoing projects with budgets, assigned teams, project leaders, and activity progres","s":"shadcn-dashboard","c":"data-display/table"},{"id":"shadcn-dashboard:table-14","t":"Table 14   Live POS Kitchen & Order Queue Table","d":"Real-time restaurant order queue table with order & location, server, item images with nam","s":"shadcn-dashboard","c":"data-display/table","sb":"Transactions"},{"id":"shadcn-dashboard:table-15","t":"Table 15   Active Freight Shipments Table","d":"Freight shipment tracking table with tracking ID, route, carrier, status badge, ETA, and a","s":"shadcn-dashboard","c":"data-display/table"},{"id":"shadcn-dashboard:table-16","t":"Table 16   Latest Reviews Table","d":"Customer reviews table with product thumbnail, customer details, star rating, review text,","s":"shadcn-dashboard","c":"data-display/table"},{"id":"shadcn-dashboard:table-17","t":"Table 17   Product Payments Table","d":"Product order table with thumbnail, payment progress bar, payment status, order status bad","s":"shadcn-dashboard","c":"data-display/table","sb":"Transactions"},{"id":"shadcn-dashboard:table-18","t":"Table 18   Top Projects Table","d":"Top projects table with row checkboxes, icon thumbnail, budget, manager avatar, a progress","s":"shadcn-dashboard","c":"data-display/table"},{"id":"shadcn-dashboard:forms-01","t":"Form 01   Edit Profile Form","d":"Update personal information, profile visibility, and account preferences from a clean sett","s":"shadcn-dashboard","c":"inputs/form-field","tg":["minimal"],"sb":"Whole forms","sy":["minimal"],"hc":1},{"id":"shadcn-dashboard:forms-02","t":"Form 02   Advanced Settings Sidebar Layout","d":"Organize account settings with sidebar navigation for faster access to preferences. Great ","s":"shadcn-dashboard","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-dashboard:forms-03","t":"Form 03   E commerce Checkout Form","d":"Complete online purchases with a streamlined checkout process from shipping to payment. Su","s":"shadcn-dashboard","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-dashboard:forms-04","t":"Form 04   Student Registration Form","d":"Register students using a structured enrollment form with guardian and subject details. Us","s":"shadcn-dashboard","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-dashboard:forms-05","t":"Form 05   Employee Registration Form","d":"Capture employee information with dedicated sections for personal details and job preferen","s":"shadcn-dashboard","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-dashboard:forms-06","t":"Form 06   Repeater Form","d":"Collect multiple entries dynamically without creating separate forms for each record. Usef","s":"shadcn-dashboard","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-dashboard:forms-07","t":"Form 07   Form with Tab","d":"Separate complex forms into organized tabs for a cleaner and more manageable experience. P","s":"shadcn-dashboard","c":"inputs/form-field","tg":["minimal"],"sb":"Whole forms","sy":["minimal"]},{"id":"shadcn-dashboard:forms-08","t":"Form 08   Subscription Plan Builder","d":"A SaaS checkout-style form for picking a plan, toggling add-ons, applying a promo code, an","s":"shadcn-dashboard","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-dashboard:forms-09","t":"Form 09   Agent API Keys","d":"An AI agent credential manager with a sidebar quick-copy snippet, a card grid of agent key","s":"shadcn-dashboard","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-dashboard:datatable-01","t":"Datatable 01   Exportable Datatable","d":"Download table records with a single click for reporting, backups, and data sharing. This ","s":"shadcn-dashboard","c":"data-display/table","tg":["playful"],"sb":"Data tables","sy":["playful"],"hc":1},{"id":"shadcn-dashboard:datatable-02","t":"Datatable 02   Dense Table","d":"Display large datasets in a compact table layout with reduced spacing for better visibilit","s":"shadcn-dashboard","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-dashboard:datatable-03","t":"Datatable 03   Sorting Table","d":"Sort rows by different columns to quickly organize and compare data. Suitable for admin pa","s":"shadcn-dashboard","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-dashboard:datatable-04","t":"Datatable 04   Filter Table","d":"Filter table records with flexible controls to help users find relevant data faster, along","s":"shadcn-dashboard","c":"data-display/table","tg":["playful"],"sb":"Data tables","sy":["playful"]},{"id":"shadcn-dashboard:datatable-05","t":"Datatable 05   Paginated Table","d":"Break large datasets into manageable pages for improved performance and navigation. Fits d","s":"shadcn-dashboard","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-dashboard:datatable-06","t":"Datatable 06   Row Select Table","d":"Export single or multiple rows for bulk actions and data management tasks. Useful for user","s":"shadcn-dashboard","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-dashboard:datatable-07","t":"Datatable 07   Column Visibility Table","d":"Show or hide table columns to create a personalized data view for different users. Perfect","s":"shadcn-dashboard","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-dashboard:datatable-08","t":"Datatable 08   Editable Table","d":"Edit table data directly within rows without leaving the current page. Works well for inve","s":"shadcn-dashboard","c":"data-display/table","sb":"Editable"},{"id":"shadcn-dashboard:datatable-09","t":"Datatable 09   Sticky Table","d":"Keep important headers or columns visible while scrolling through large datasets. Helpful ","s":"shadcn-dashboard","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-dashboard:datatable-10","t":"Datatable 10   Column Drag and Drop Table","d":"Reorder table columns with drag and drop to match different user preferences. Suitable for","s":"shadcn-dashboard","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-dashboard:datatable-11","t":"Datatable 11   Row Drag and Drop Table","d":"Rearrange table rows using drag and drop for better organization and prioritization. Great","s":"shadcn-dashboard","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-dashboard:datatable-12","t":"Datatable 12   Expandable Table","d":"Use this expandable table to reveal additional details with collapsible rows without navig","s":"shadcn-dashboard","c":"data-display/table","sb":"Expandable"},{"id":"shadcn-dashboard:datatable-13","t":"Datatable 13   Advanced User Table","d":"A feature-rich user management table with search, status filtering, sorting, row selection","s":"shadcn-dashboard","c":"data-display/table","sb":"People"},{"id":"shadcn-dashboard:datatable-14","t":"Datatable 14   Ticket Queue Table","d":"A support ticket queue table with search, status filtering, drag-and-drop column reorderin","s":"shadcn-dashboard","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-dashboard:sidebar-01","t":"Sidebar 01   Classic Admin Sidebar","d":"Navigate dashboards with a clean vertical sidebar featuring grouped links for dashboards, ","s":"shadcn-dashboard","c":"navigation/sidebar","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-dashboard:sidebar-02","t":"Sidebar 02   Mini Sidebar Navigation","d":"Save screen space with a compact sidebar that keeps essential navigation within easy reach","s":"shadcn-dashboard","c":"navigation/sidebar","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-dashboard:sidebar-03","t":"Sidebar 03   Two Column Sidebar","d":"Separate navigation into two organized columns for better content discovery and quicker ac","s":"shadcn-dashboard","c":"navigation/sidebar"},{"id":"shadcn-dashboard:sidebar-04","t":"Sidebar 04   Compact Dashboard Navigation","d":"Keep navigation simple with a clean single column sidebar focused on frequently used pages","s":"shadcn-dashboard","c":"navigation/sidebar","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-dashboard:sidebar-05","t":"Sidebar 05   Admin Sidebar with Promo","d":"Combine structured dashboard navigation with a dedicated promotional section for upgrades ","s":"shadcn-dashboard","c":"navigation/sidebar"},{"id":"shadcn-dashboard:sidebar-06","t":"Sidebar 06   Card Layout Admin Dashboard Sidebar","d":"Navigate large applications through collapsible menu groups, intuitive icons, and well-org","s":"shadcn-dashboard","c":"navigation/sidebar","hc":1},{"id":"shadcn-dashboard:sidebar-07","t":"Sidebar 07   Animated Mega Menu Console Sidebar","d":"Enhance dashboard navigation with animated interactions, expandable flyout menus, and a se","s":"shadcn-dashboard","c":"navigation/sidebar"},{"id":"shadcn-dashboard:sidebar-08","t":"Sidebar 08   Admin Dashboard Sidebar","d":"Manage dashboard navigation with organized menu groups, icons, and collapsible sections fo","s":"shadcn-dashboard","c":"navigation/sidebar","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-dashboard:sidebar-09","t":"Sidebar 09   Dual Panel Mail Sidebar","d":"Combine a collapsed icon rail, a searchable mail list panel, and a floating quick-action r","s":"shadcn-dashboard","c":"navigation/sidebar","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-dashboard:sidebar-10","t":"Sidebar 10   Workspace Sidebar with Info Panel","d":"Pair a workspace switcher, AI shortcut, favorites, and collapsible project groups with a r","s":"shadcn-dashboard","c":"navigation/sidebar","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-dashboard:no-data-empty-state","t":"Empty State 01   No Data Empty State","d":"Help users understand why content is missing instead of displaying a blank screen. Perfect","s":"shadcn-dashboard","c":"data-display/empty-state","hc":1},{"id":"shadcn-dashboard:no-search-results","t":"Empty State 02   No Search Results","d":"Guide users when searches return no matches with clear messaging and helpful suggestions. ","s":"shadcn-dashboard","c":"inputs/search"},{"id":"shadcn-dashboard:empty-chart-card","t":"Empty State 03   Empty Chart Card","d":"Display informative placeholders when analytics or reports have no available data. Great f","s":"shadcn-dashboard","c":"data-viz/chart"},{"id":"shadcn-dashboard:connect-data-empty-state","t":"Empty State 04   Connect Data Empty State","d":"Prompt users to link a live source or import a CSV before their workspace fills up with da","s":"shadcn-dashboard","c":"data-display/empty-state"},{"id":"shadcn-dashboard:launch-team-workspace-empty-state","t":"Empty State 05   Launch Team Workspace Empty State","d":"Kick off a new workspace by inviting core teammates and syncing the directory, then surfac","s":"shadcn-dashboard","c":"data-display/empty-state"},{"id":"shadcn-dashboard:usage-reports-empty-state","t":"Empty State 06   Usage Reports Empty State","d":"Let users scope a report by team, project, and date range, then trigger generation from a ","s":"shadcn-dashboard","c":"data-display/empty-state"},{"id":"shadcn-dashboard:dashboard-footer-1","t":"Dashboard Footer 01   Dashboard Footer with Navigation & Social Links","d":"Display essential footer navigation together with social media buttons in a clean layout. ","k":"section","s":"shadcn-dashboard","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-dashboard:dashboard-footer-2","t":"Dashboard Footer 02   Minimal Copyright Footer","d":"Keep your dashboard clean with a simple one line footer showing copyright information only","k":"section","s":"shadcn-dashboard","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-dashboard:dashboard-footer-3","t":"Dashboard Footer 03   Compact Dashboard Footer with Links & Social Icons","d":"Combine copyright text, quick navigation links, and social media icons in a single horizon","k":"section","s":"shadcn-dashboard","c":"marketing/footer"},{"id":"shadcn-dashboard:account-setting-1","t":"Account Setting 01   API Keys & Billing Settings","d":"Manage API keys, usage limits, billing information, and third-party integrations from a si","k":"layout","s":"shadcn-dashboard","c":"flows/settings","hc":1},{"id":"shadcn-dashboard:account-setting-2","t":"Account Setting 02   Profile & Security Settings","d":"Update personal information, manage passwords, and configure account security with a clean","k":"layout","s":"shadcn-dashboard","c":"flows/settings","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-dashboard:kanban-application-01","t":"Kanban Application 01   Simple Task Board","d":"Manage tasks across To Do, In Progress, and Done columns with a drag-and-drop Kanban board","s":"shadcn-dashboard","c":"data-display/kanban","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-dashboard:kanban-application-02","t":"Kanban Application 02   Task Board with Assignees","d":"Organize tasks across To Do, In Progress, In Review, and Done columns with due dates, assi","s":"shadcn-dashboard","c":"data-display/kanban"},{"id":"shadcn-dashboard:dashboard-shell-01","t":"Dashboard Shell 01   Ecommerce Overview","d":"A complete ecommerce admin dashboard shell with overview tabs, update banner, total sales ","k":"layout","s":"shadcn-dashboard","c":"layout/page-shell","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-dashboard:dashboard-shell-02","t":"Dashboard Shell 02   Ecommerce Sales & Analytics","d":"A full-featured ecommerce dashboard shell with store overview, monthly sales, revenue grow","k":"layout","s":"shadcn-dashboard","c":"layout/page-shell"},{"id":"shadcn-dashboard:dashboard-shell-03","t":"Dashboard Shell 03   Marketing & Traffic Analytics","d":"A marketing analytics dashboard shell featuring a report banner, key insights, website vis","k":"layout","s":"shadcn-dashboard","c":"layout/page-shell"},{"id":"shadcn-dashboard:dashboard-shell-04","t":"Dashboard Shell 04   SaaS & AI Dashboard","d":"A SaaS and AI-focused dashboard shell with a header, metric cards, sales overview, revenue","k":"layout","s":"shadcn-dashboard","c":"layout/page-shell","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-dashboard:dashboard-shell-05","t":"Dashboard Shell 05   School & Education Dashboard","d":"A school and education management dashboard shell with a header, metric cards, attendance ","k":"layout","s":"shadcn-dashboard","c":"layout/page-shell"},{"id":"shadcn-dashboard:dashboard-shell-06","t":"Dashboard Shell 06   Healthcare & Hospital Dashboard","d":"A healthcare and hospital management dashboard shell with a header, total patients, monthl","k":"layout","s":"shadcn-dashboard","c":"layout/page-shell"},{"id":"shadcn-dashboard:dashboard-shell-07","t":"Dashboard Shell 07   Restaurant POS Analytics Dashboard","d":"A restaurant POS analytics dashboard shell with a POS header, KPI stat cards, weekly reven","k":"layout","s":"shadcn-dashboard","c":"layout/page-shell"},{"id":"shadcn-dashboard:dashboard-shell-08","t":"Dashboard Shell 08   Logistics & Supply Chain Command","d":"A logistics and supply chain dashboard shell with a fleet command header, KPI metric grid,","k":"layout","s":"shadcn-dashboard","c":"layout/page-shell","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-dashboard:ai-chat-01","t":"AI Chat 01   Chat","d":"A complete AI chat conversation block with a centered welcome and suggested prompts, a scr","s":"shadcn-dashboard","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-dashboard:ai-chat-02","t":"AI Chat 02   Composer","d":"A standalone AI chat composer with file attachments (drag, drop, and paste), a model picke","s":"shadcn-dashboard","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-dashboard:ai-chat-03","t":"AI Chat 03   Chat Shell","d":"The frame around an AI chat: a collapsible sidebar with pinned and recent chats, rename an","s":"shadcn-dashboard","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-dashboard:ai-chat-04","t":"AI Chat 04   Assistant Panel","d":"A docked AI assistant panel that sits alongside your app content at desktop sizes and slid","s":"shadcn-dashboard","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-dashboard:ai-chat-05","t":"AI Chat 05   Share Dialog","d":"The sharing flow for an AI chat: a dialog with visibility options (private, team, or publi","s":"shadcn-dashboard","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-dashboard:ai-chat-06","t":"AI Chat 06   Chat Console","d":"A new-thread landing screen with a mode switcher, suggestion list, a recent-threads histor","s":"shadcn-dashboard","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-dashboard:user-profile-01","t":"User Profile 01   Access & Security","d":"A member profile panel with tabs for Access, Authentication, Sessions, Activity, and Dange","s":"shadcn-dashboard","c":"data-display/profile"},{"id":"shadcn-dashboard:user-profile-02","t":"User Profile 02  Invitations","d":"An invitations manager with search, status filtering, and pagination, built as grouped row","s":"shadcn-dashboard","c":"data-display/profile"},{"id":"shadcn-dashboard:animated-list-01","t":"Animated List 01   Default","d":"Animated List component","s":"shadcn-dashboard","c":"data-display/list","hc":1},{"id":"shadcn-dashboard:animated-list-02","t":"Animated List 02   Setup Steps","d":"Setup Steps component","s":"shadcn-dashboard","c":"data-display/list","hc":1,"cp":1},{"id":"shadcn-dashboard:animated-list-03","t":"Animated List 03   Expandable Stack","d":"Expandable stack of cards showing notifications with dynamic spring layouts","s":"shadcn-dashboard","c":"data-display/list","hc":1},{"id":"shadcn-dashboard:accordion-01","t":"Accordion 01   Default","d":"Default accordion component","s":"shadcn-dashboard","c":"data-display/accordion","hc":1},{"id":"shadcn-dashboard:accordion-02","t":"Accordion 02   Multi level","d":"Multi-level accordion component","s":"shadcn-dashboard","c":"data-display/accordion","sb":"Nested","hc":1},{"id":"shadcn-dashboard:accordion-03","t":"Accordion 03   Numbered FAQ","d":"FAQ accordion with numbered items, background fill on open, and +/- toggle","s":"shadcn-dashboard","c":"data-display/accordion","sb":"FAQ","hc":1,"cp":1},{"id":"shadcn-dashboard:accordion-04","t":"Accordion 04   Card","d":"Accordion wrapped in a rounded card with left-aligned +/- icons and border dividers","s":"shadcn-dashboard","c":"data-display/accordion","sb":"Cards","hc":1,"cp":1},{"id":"shadcn-dashboard:accordion-05","t":"Accordion 05   Media","d":"Accordion with icon trigger, description, and an image revealed on open","s":"shadcn-dashboard","c":"data-display/accordion","hc":1,"cp":1},{"id":"shadcn-dashboard:accordion-06","t":"Accordion 06   Filled Trigger","d":"Accordion with a filled accent background on the trigger header","s":"shadcn-dashboard","c":"data-display/accordion","hc":1},{"id":"shadcn-dashboard:accordion-07","t":"Accordion 07   Motion Services","d":"Animated accordion with a number bubble, sliding title shift, and an expanding bottom line","s":"shadcn-dashboard","c":"data-display/accordion","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1,"cp":1},{"id":"shadcn-dashboard:avatar-01","t":"Avatar 01   Default","d":"Default avatar component","s":"shadcn-dashboard","c":"data-display/avatar","hc":1},{"id":"shadcn-dashboard:avatar-02","t":"Avatar 02   Group","d":"Group avatar component","s":"shadcn-dashboard","c":"data-display/avatar","hc":1},{"id":"shadcn-dashboard:avatar-03","t":"Avatar 03   Badge","d":"Badge avatar component","s":"shadcn-dashboard","c":"data-display/avatar","hc":1},{"id":"shadcn-dashboard:avatar-04","t":"Avatar 04   Border","d":"Border avatar component","s":"shadcn-dashboard","c":"data-display/avatar","hc":1},{"id":"shadcn-dashboard:avatar-05","t":"Avatar 05   Counter","d":"Counter avatar component","s":"shadcn-dashboard","c":"data-display/avatar","hc":1},{"id":"shadcn-dashboard:avatar-06","t":"Avatar 06   Fallback","d":"Fallback avatar component","s":"shadcn-dashboard","c":"data-display/avatar","hc":1},{"id":"shadcn-dashboard:avatar-07","t":"Avatar 07   Selectable Avatar","d":"Animated selectable avatar button with optional badge and name label","s":"shadcn-dashboard","c":"data-display/avatar","hc":1},{"id":"shadcn-dashboard:avatar-08","t":"Avatar 08   Avatar stack","d":"Stacked avatar group with overflow count and popularity indicator","s":"shadcn-dashboard","c":"data-display/avatar","hc":1},{"id":"shadcn-dashboard:button-01","t":"Button 01   With Icon","d":"With Icon button component","s":"shadcn-dashboard","c":"actions/button","sb":"Icon buttons","hc":1},{"id":"shadcn-dashboard:button-02","t":"Button 02   Shiny Text","d":"Shiny Text button component","s":"shadcn-dashboard","c":"actions/button","hc":1},{"id":"shadcn-dashboard:button-03","t":"Button 03   Shine Hover","d":"Shine Hover button component","s":"shadcn-dashboard","c":"actions/button","sb":"Animated","hc":1},{"id":"shadcn-dashboard:button-04","t":"Button 04   Heartbeat Effect","d":"Heartbeat Effect button component","s":"shadcn-dashboard","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"shadcn-dashboard:button-05","t":"Button 05   Get Figma File","d":"Get Figma File button component","s":"shadcn-dashboard","c":"actions/button","hc":1},{"id":"shadcn-dashboard:button-06","t":"Button 06   Animated Border","d":"Animated Border button component","s":"shadcn-dashboard","c":"actions/button","sb":"Animated","hc":1},{"id":"shadcn-dashboard:button-07","t":"Button 07   Social","d":"Social button component","s":"shadcn-dashboard","c":"actions/button","sb":"Social and sign-in","hc":1},{"id":"shadcn-dashboard:button-08","t":"Button 08   Social Icon","d":"Social Icon button component","s":"shadcn-dashboard","c":"actions/button","sb":"Social and sign-in","hc":1},{"id":"shadcn-dashboard:button-09","t":"Button 09   Outline With Icon","d":"Outline With Icon button component","s":"shadcn-dashboard","c":"actions/button","sb":"Icon buttons","hc":1},{"id":"shadcn-dashboard:button-10","t":"Button 10   Save","d":"Save button component","s":"shadcn-dashboard","c":"actions/button","hc":1},{"id":"shadcn-dashboard:button-11","t":"Button 11   Cancel","d":"Cancel button component","s":"shadcn-dashboard","c":"actions/button","hc":1},{"id":"shadcn-dashboard:button-12","t":"Button 12   Default","d":"Default button component","s":"shadcn-dashboard","c":"actions/button","hc":1},{"id":"shadcn-dashboard:button-13","t":"Button 13   Size xs","d":"Size xs button component","s":"shadcn-dashboard","c":"actions/button","hc":1},{"id":"shadcn-dashboard:button-14","t":"Button 14   Size sm","d":"Size sm button component","s":"shadcn-dashboard","c":"actions/button","hc":1},{"id":"shadcn-dashboard:button-15","t":"Button 15   Size lg","d":"Size lg button component","s":"shadcn-dashboard","c":"actions/button","hc":1},{"id":"shadcn-dashboard:button-16","t":"Button 16   Ripple Spotlight","d":"Mouse-tracking ripple spotlight effect button","s":"shadcn-dashboard","c":"actions/button","sb":"Animated","hc":1},{"id":"shadcn-dashboard:button-17","t":"Button 17   Blob Fill","d":"Circle blob expands from bottom center on hover to fill the button","s":"shadcn-dashboard","c":"actions/button","hc":1,"cp":1},{"id":"shadcn-dashboard:button-18","t":"Button 18   Promo Code Copy","d":"Animated promo code copy button with blur transition and progress fill","s":"shadcn-dashboard","c":"actions/button","sb":"Copy, share and like","hc":1,"cp":1},{"id":"shadcn-dashboard:button-19","t":"Button 19   Interactive Hover","d":"Interactive Hover button","s":"shadcn-dashboard","c":"actions/button","sb":"Animated","hc":1,"cp":1},{"id":"shadcn-dashboard:badge-01","t":"Badge 01   Default","d":"Badge component","s":"shadcn-dashboard","c":"data-display/badge","hc":1},{"id":"shadcn-dashboard:badge-02","t":"Badge 02   Count","d":"Badge component","s":"shadcn-dashboard","c":"data-display/badge","sb":"Counts","hc":1,"cp":1},{"id":"shadcn-dashboard:badge-03","t":"Badge 03   Outline","d":"Badge component","s":"shadcn-dashboard","c":"data-display/badge","hc":1},{"id":"shadcn-dashboard:badge-04","t":"Badge 04   With Icon","d":"Badge component","s":"shadcn-dashboard","c":"data-display/badge","hc":1,"cp":1},{"id":"shadcn-dashboard:badge-05","t":"Badge 05   Link","d":"Badge component","s":"shadcn-dashboard","c":"data-display/badge","hc":1},{"id":"shadcn-dashboard:badge-06","t":"Badge 06   Error","d":"Badge component","s":"shadcn-dashboard","c":"data-display/badge","hc":1},{"id":"shadcn-dashboard:badge-07","t":"Badge 07   Success","d":"Animated success badge with top glow and letter-by-letter reveal","s":"shadcn-dashboard","c":"data-display/badge","tg":["neon"],"sy":["neon"],"hc":1,"cp":1},{"id":"shadcn-dashboard:badge-08","t":"Badge 08   Pending","d":"Animated pending badge with spinning loader and top glow","s":"shadcn-dashboard","c":"data-display/badge","tg":["neon"],"sy":["neon"],"hc":1,"cp":1},{"id":"shadcn-dashboard:badge-09","t":"Badge 09   Failed","d":"Animated failed badge with top glow and letter-by-letter reveal","s":"shadcn-dashboard","c":"data-display/badge","tg":["neon"],"sy":["neon"],"hc":1,"cp":1},{"id":"shadcn-dashboard:calendar-01","t":"Calendar 01   Standard calendar","d":"Calendar component","s":"shadcn-dashboard","c":"data-display/calendar","hc":1},{"id":"shadcn-dashboard:calendar-02","t":"Calendar 02   Style calendar","d":"Calendar component","s":"shadcn-dashboard","c":"data-display/calendar","hc":1},{"id":"shadcn-dashboard:calendar-03","t":"Calendar 03   Time calendar","d":"Calendar component","s":"shadcn-dashboard","c":"data-display/calendar","hc":1,"cp":1},{"id":"shadcn-dashboard:calendar-04","t":"Calendar 04   Dialog calendar","d":"Calendar component","s":"shadcn-dashboard","c":"data-display/calendar","hc":1},{"id":"shadcn-dashboard:calendar-05","t":"Calendar 05   Month and Year Select","d":"Calendar component","s":"shadcn-dashboard","c":"data-display/calendar","hc":1,"cp":1},{"id":"shadcn-dashboard:calendar-06","t":"Calendar 06   Disable Weekends","d":"Calendar component","s":"shadcn-dashboard","c":"data-display/calendar","hc":1,"cp":1},{"id":"shadcn-dashboard:calendar-07","t":"Calendar 07   Variable Size","d":"Calendar component","s":"shadcn-dashboard","c":"data-display/calendar","hc":1,"cp":1},{"id":"shadcn-dashboard:calendar-08","t":"Calendar 08   With Event List","d":"Calendar component","s":"shadcn-dashboard","c":"data-display/calendar","hc":1,"cp":1},{"id":"shadcn-dashboard:calendar-09","t":"Calendar 09   Custom Range Select","d":"Calendar component","s":"shadcn-dashboard","c":"data-display/calendar","hc":1,"cp":1},{"id":"shadcn-dashboard:calendar-10","t":"Calendar 10   Right Side Navigation","d":"Calendar component","s":"shadcn-dashboard","c":"data-display/calendar","hc":1,"cp":1},{"id":"shadcn-dashboard:calendar-11","t":"Calendar 11   Left Side Navigation","d":"Calendar component","s":"shadcn-dashboard","c":"data-display/calendar","hc":1,"cp":1},{"id":"shadcn-dashboard:calendar-12","t":"Calendar 12   With Today Button","d":"Calendar component","s":"shadcn-dashboard","c":"data-display/calendar","hc":1,"cp":1},{"id":"shadcn-dashboard:calendar-13","t":"Calendar 13   With Date Input","d":"Calendar component","s":"shadcn-dashboard","c":"data-display/calendar","hc":1},{"id":"shadcn-dashboard:calendar-14","t":"Calendar 14   Range Selection","d":"Calendar component","s":"shadcn-dashboard","c":"data-display/calendar","hc":1,"cp":1},{"id":"shadcn-dashboard:calendar-15","t":"Calendar 15   With Pricing","d":"Calendar component","s":"shadcn-dashboard","c":"data-display/calendar","hc":1,"cp":1},{"id":"shadcn-dashboard:tooltip-01","t":"Tooltip 01   Hover Blog Card","d":"Tooltip component","s":"shadcn-dashboard","c":"overlays/tooltip","hc":1},{"id":"shadcn-dashboard:tooltip-02","t":"Tooltip 02   Content Tooltip","d":"Tooltip component","s":"shadcn-dashboard","c":"overlays/tooltip","hc":1},{"id":"shadcn-dashboard:tooltip-03","t":"Tooltip 03   Animated Tooltip","d":"Animated Tooltip component","s":"shadcn-dashboard","c":"overlays/tooltip","hc":1},{"id":"shadcn-dashboard:tooltip-04","t":"Tooltip 04   Rounded Tooltip","d":"Tooltip component","s":"shadcn-dashboard","c":"overlays/tooltip","hc":1},{"id":"shadcn-dashboard:tooltip-05","t":"Tooltip 05   Tooltip Position","d":"Tooltip component","s":"shadcn-dashboard","c":"overlays/tooltip","hc":1},{"id":"shadcn-dashboard:tooltip-06","t":"Tooltip 06   Avatar Tooltip","d":"Tooltip component","s":"shadcn-dashboard","c":"overlays/tooltip","hc":1},{"id":"shadcn-dashboard:tooltip-07","t":"Tooltip 07   Error Tooltip","d":"Tooltip component","s":"shadcn-dashboard","c":"overlays/tooltip","hc":1},{"id":"shadcn-dashboard:animated-text-01","t":"Animated Text 01   Shiny Text","d":"Animated Text component","k":"motion","s":"shadcn-dashboard","c":"motion/text-effect","hc":1},{"id":"shadcn-dashboard:animated-text-02","t":"Animated Text 02   Gradient Text","d":"Animated Gradient Text component","k":"motion","s":"shadcn-dashboard","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"hc":1,"cp":1},{"id":"shadcn-dashboard:animated-text-03","t":"Animated Text 03   Typing","d":"Animated Typing component","k":"motion","s":"shadcn-dashboard","c":"motion/text-effect","sb":"Typewriter","hc":1,"cp":1},{"id":"shadcn-dashboard:animated-text-04","t":"Animated Text 04   Rolling Text","d":"Animated Rolling Text component","k":"motion","s":"shadcn-dashboard","c":"motion/text-effect","hc":1},{"id":"shadcn-dashboard:animated-text-05","t":"Animated Text 05   Shimmer Text","d":"Animated Shimmer Text component","k":"motion","s":"shadcn-dashboard","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"shadcn-dashboard:input-01","t":"Input 01   Input with date","d":"Input component","s":"shadcn-dashboard","c":"inputs/form-field","hc":1,"cp":1},{"id":"shadcn-dashboard:input-02","t":"Input 02   Input with time","d":"Input component","s":"shadcn-dashboard","c":"inputs/form-field","hc":1,"cp":1},{"id":"shadcn-dashboard:input-03","t":"Input 03   Input with currency","d":"Input component","s":"shadcn-dashboard","c":"inputs/form-field","hc":1,"cp":1},{"id":"shadcn-dashboard:input-04","t":"Input 04   Real Time Validation","d":"Input component","s":"shadcn-dashboard","c":"inputs/form-field","hc":1},{"id":"shadcn-dashboard:input-05","t":"Input 05   Input with start select","d":"Input component","s":"shadcn-dashboard","c":"inputs/form-field","hc":1},{"id":"shadcn-dashboard:input-06","t":"Input 06   Input with character counter","d":"Input component","s":"shadcn-dashboard","c":"inputs/form-field","hc":1,"cp":1},{"id":"shadcn-dashboard:input-07","t":"Input 07   Input with controls","d":"Input component","s":"shadcn-dashboard","c":"inputs/form-field","hc":1},{"id":"shadcn-dashboard:input-08","t":"Input 08   Input with add ons","d":"Input component","s":"shadcn-dashboard","c":"inputs/form-field","hc":1},{"id":"shadcn-dashboard:input-09","t":"Input 09   Input with floating label","d":"Input component","s":"shadcn-dashboard","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"shadcn-dashboard:input-10","t":"Input 10   Input with clear button","d":"Input component","s":"shadcn-dashboard","c":"inputs/form-field","hc":1},{"id":"shadcn-dashboard:input-11","t":"Input 11   Input with end inline button","d":"Input component","s":"shadcn-dashboard","c":"inputs/form-field","hc":1},{"id":"shadcn-dashboard:input-12","t":"Input 12   Input with end button","d":"Input component","s":"shadcn-dashboard","c":"inputs/form-field","hc":1},{"id":"shadcn-dashboard:input-13","t":"Input 13   Input with file","d":"Input component","s":"shadcn-dashboard","c":"inputs/form-field","hc":1,"cp":1},{"id":"shadcn-dashboard:input-14","t":"Input 14   Input with error","d":"Input component","s":"shadcn-dashboard","c":"inputs/form-field","hc":1},{"id":"shadcn-dashboard:input-15","t":"Input 15   Required Input","d":"Input component","s":"shadcn-dashboard","c":"inputs/form-field","hc":1,"cp":1},{"id":"shadcn-dashboard:input-16","t":"Input 16   Standard Input","d":"Input component","s":"shadcn-dashboard","c":"inputs/form-field","hc":1},{"id":"shadcn-dashboard:input-17","t":"Input 17   Input with label","d":"Input component","s":"shadcn-dashboard","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"shadcn-dashboard:input-18","t":"Input 18   Disabled","d":"Input component","s":"shadcn-dashboard","c":"inputs/form-field","hc":1,"cp":1},{"id":"shadcn-dashboard:input-19","t":"Input 19   With Animated Checkmark","d":"Input component","s":"shadcn-dashboard","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"shadcn-dashboard:textarea-01","t":"Textarea 01   Feedback Textarea","d":"Textarea component","s":"shadcn-dashboard","c":"inputs/textarea","hc":1,"cp":1},{"id":"shadcn-dashboard:textarea-02","t":"Textarea 02   Textarea with icon","d":"Textarea component","s":"shadcn-dashboard","c":"inputs/textarea","hc":1,"cp":1},{"id":"shadcn-dashboard:textarea-03","t":"Textarea 03   Required Textarea","d":"Textarea component","s":"shadcn-dashboard","c":"inputs/textarea","hc":1,"cp":1},{"id":"shadcn-dashboard:textarea-04","t":"Textarea 04   Textarea with button","d":"Textarea component","s":"shadcn-dashboard","c":"inputs/textarea","hc":1,"cp":1},{"id":"shadcn-dashboard:textarea-05","t":"Textarea 05   Auto growing textarea","d":"Textarea component","s":"shadcn-dashboard","c":"inputs/textarea","hc":1,"cp":1},{"id":"shadcn-dashboard:textarea-06","t":"Textarea 06   Textarea with characters left","d":"Textarea component","s":"shadcn-dashboard","c":"inputs/textarea","hc":1},{"id":"shadcn-dashboard:textarea-07","t":"Textarea 07   Textarea with floating label","d":"Textarea component","s":"shadcn-dashboard","c":"inputs/textarea","hc":1,"cp":1},{"id":"shadcn-dashboard:textarea-08","t":"Textarea 08   Textarea with helper text","d":"Textarea component","s":"shadcn-dashboard","c":"inputs/textarea","hc":1,"cp":1},{"id":"shadcn-dashboard:textarea-09","t":"Textarea 09   Disabled Textarea","d":"Textarea component","s":"shadcn-dashboard","c":"inputs/textarea","hc":1,"cp":1},{"id":"shadcn-dashboard:select-01","t":"Select 01   Required select","d":"Select component","s":"shadcn-dashboard","c":"inputs/select","hc":1,"cp":1},{"id":"shadcn-dashboard:select-02","t":"Select 02   Select with icon","d":"Select component","s":"shadcn-dashboard","c":"inputs/select","hc":1},{"id":"shadcn-dashboard:select-03","t":"Select 03   Select with status","d":"Select component","s":"shadcn-dashboard","c":"inputs/select","hc":1,"cp":1},{"id":"shadcn-dashboard:select-04","t":"Select 04   Select with timezone","d":"Select component","s":"shadcn-dashboard","c":"inputs/select","hc":1},{"id":"shadcn-dashboard:select-05","t":"Select 05   Select with overlapping label","d":"Select component","s":"shadcn-dashboard","c":"inputs/select","hc":1,"cp":1},{"id":"shadcn-dashboard:select-06","t":"Select 06   Select with multiple options","d":"Select component","s":"shadcn-dashboard","c":"inputs/select","hc":1},{"id":"shadcn-dashboard:select-07","t":"Select 07   Select with avatars","d":"Select component","s":"shadcn-dashboard","c":"inputs/select","hc":1},{"id":"shadcn-dashboard:select-08","t":"Select 08   Select with leading text","d":"Select component","s":"shadcn-dashboard","c":"inputs/select","hc":1,"cp":1},{"id":"shadcn-dashboard:select-09","t":"Select 09   Select with separator","d":"Select component","s":"shadcn-dashboard","c":"inputs/select","hc":1,"cp":1},{"id":"shadcn-dashboard:checkbox-01","t":"Checkbox 01   Checkbox with sizes","d":"Checkbox component","s":"shadcn-dashboard","c":"inputs/checkbox","hc":1},{"id":"shadcn-dashboard:checkbox-02","t":"Checkbox 02   Checkbox with vertical group","d":"Checkbox component","s":"shadcn-dashboard","c":"inputs/checkbox","hc":1},{"id":"shadcn-dashboard:checkbox-03","t":"Checkbox 03   Checkbox with colors","d":"Checkbox component","s":"shadcn-dashboard","c":"inputs/checkbox","hc":1},{"id":"shadcn-dashboard:checkbox-04","t":"Checkbox 04   Checkbox with todo list","d":"Checkbox component","s":"shadcn-dashboard","c":"inputs/checkbox","hc":1},{"id":"shadcn-dashboard:checkbox-05","t":"Checkbox 05   Checkbox with list group","d":"Checkbox component","s":"shadcn-dashboard","c":"inputs/checkbox","hc":1},{"id":"shadcn-dashboard:checkbox-06","t":"Checkbox 06   Checkbox with form","d":"Checkbox component","s":"shadcn-dashboard","c":"inputs/checkbox","hc":1},{"id":"shadcn-dashboard:checkbox-07","t":"Checkbox 07   Checkbox with custom icons","d":"Checkbox component","s":"shadcn-dashboard","c":"inputs/checkbox","hc":1},{"id":"shadcn-dashboard:checkbox-08","t":"Checkbox 08   Checkbox with dashed border","d":"Checkbox component","s":"shadcn-dashboard","c":"inputs/checkbox","hc":1},{"id":"shadcn-dashboard:checkbox-09","t":"Checkbox 09   Checkbox with tree","d":"Checkbox component","s":"shadcn-dashboard","c":"inputs/checkbox","hc":1},{"id":"shadcn-dashboard:radio-group-01","t":"Radio Group 01   Motion Radio","d":"Radio Group component","s":"shadcn-dashboard","c":"inputs/radio","hc":1},{"id":"shadcn-dashboard:radio-group-02","t":"Radio Group 02   Default","d":"Radio Group component","s":"shadcn-dashboard","c":"inputs/radio","hc":1},{"id":"shadcn-dashboard:radio-group-03","t":"Radio Group 03   With Icon","d":"Radio Group component","s":"shadcn-dashboard","c":"inputs/radio","hc":1},{"id":"shadcn-dashboard:radio-group-04","t":"Radio Group 04   Card","d":"Radio Group component","s":"shadcn-dashboard","c":"inputs/radio","hc":1},{"id":"shadcn-dashboard:radio-group-05","t":"Radio Group 05   Horizontal","d":"Radio Group component","s":"shadcn-dashboard","c":"inputs/radio","hc":1},{"id":"shadcn-dashboard:radio-group-06","t":"Radio Group 06   With Badge","d":"Radio Group component","s":"shadcn-dashboard","c":"inputs/radio","hc":1},{"id":"shadcn-dashboard:switch-01","t":"Switch 01   Active effect","d":"Switch with active effect component","s":"shadcn-dashboard","c":"actions/switch","hc":1},{"id":"shadcn-dashboard:switch-02","t":"Switch 02   With Icon","d":"Switch component","s":"shadcn-dashboard","c":"actions/switch","sb":"With icons","hc":1},{"id":"shadcn-dashboard:switch-03","t":"Switch 03   Toggle theme","d":"Switch toggle theme component","s":"shadcn-dashboard","c":"actions/switch","sb":"Theme toggles","hc":1,"cp":1},{"id":"shadcn-dashboard:switch-04","t":"Switch 04   With Description","d":"Switch component","s":"shadcn-dashboard","c":"actions/switch","sb":"With labels","hc":1,"cp":1},{"id":"shadcn-dashboard:switch-05","t":"Switch 05   With label","d":"Switch component","s":"shadcn-dashboard","c":"actions/switch","sb":"With labels","hc":1},{"id":"shadcn-dashboard:switch-06","t":"Switch 06   Custom Colors","d":"Switch component","s":"shadcn-dashboard","c":"actions/switch","hc":1,"cp":1},{"id":"shadcn-dashboard:tabs-01","t":"Tabs 01   Animated","d":"Tabs component","s":"shadcn-dashboard","c":"navigation/tabs","hc":1,"cp":1},{"id":"shadcn-dashboard:tabs-02","t":"Tabs 02   Transition","d":"Tabs component","s":"shadcn-dashboard","c":"navigation/tabs","hc":1,"cp":1},{"id":"shadcn-dashboard:tabs-03","t":"Tabs 03   With Icon","d":"Tabs component","s":"shadcn-dashboard","c":"navigation/tabs","hc":1},{"id":"shadcn-dashboard:tabs-04","t":"Tabs 04   With Count","d":"Tabs component","s":"shadcn-dashboard","c":"navigation/tabs","hc":1},{"id":"shadcn-dashboard:tabs-05","t":"Tabs 05   Underline","d":"Animated underline tabs component","s":"shadcn-dashboard","c":"navigation/tabs","hc":1},{"id":"shadcn-dashboard:tabs-06","t":"Tabs 06   Vertical","d":"Vertical animated tabs component","s":"shadcn-dashboard","c":"navigation/tabs","hc":1,"cp":1},{"id":"shadcn-dashboard:tabs-07","t":"Tabs 07   Icon & Description","d":"Tabs with icon and description component","s":"shadcn-dashboard","c":"navigation/tabs","hc":1},{"id":"shadcn-dashboard:area-chart-01","t":"Area Chart 01  Default","d":"A multi-series area chart with year comparison","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Area","hc":1},{"id":"shadcn-dashboard:area-chart-02","t":"Area Chart 02  Composed","d":"A composed chart with bar and line series","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Area","hc":1},{"id":"shadcn-dashboard:area-chart-03","t":"Area Chart 03  Series Markers","d":"A profit area chart with two series","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Area","hc":1},{"id":"shadcn-dashboard:area-chart-04","t":"Area Chart 04  Settlements","d":"A settlements area chart with gradient fill","s":"shadcn-dashboard","c":"data-viz/chart","tg":["gradient"],"sb":"Area","sy":["gradient"],"hc":1},{"id":"shadcn-dashboard:area-chart-05","t":"Area Chart 05  Linear","d":"A linear area chart","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Area","hc":1},{"id":"shadcn-dashboard:area-chart-06","t":"Area Chart 06  Step","d":"A stacked area chart with expand stacking","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Area","hc":1},{"id":"shadcn-dashboard:area-chart-07","t":"Area Chart 07  Stacked","d":"A step area chart with two series and animation","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Area","hc":1},{"id":"shadcn-dashboard:bar-chart-01","t":"Bar Chart 01   Default","d":"A stacked bar chart with multiple series and legend","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"shadcn-dashboard:bar-chart-03","t":"Bar Chart 02   Negative","d":"A bar chart with positive and negative values","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"shadcn-dashboard:bar-chart-06","t":"Bar Chart 03  Negative Values","d":"A bar chart with profit/loss and negative values","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"shadcn-dashboard:bar-chart-07","t":"Bar Chart 04  Stacked","d":"A stacked bar chart with legend","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"shadcn-dashboard:bar-chart-02","t":"Bar Chart 05   Active","d":"A bar chart with active state highlighting","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"shadcn-dashboard:bar-chart-04","t":"Bar Chart 06   Horizontal","d":"A horizontal bar chart","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"shadcn-dashboard:bar-chart-05","t":"Bar Chart 07   Multiple","d":"A grouped bar chart with multiple series","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"shadcn-dashboard:line-chart-02","t":"Line Chart 01  Markers","d":"A line chart with event markers using reference lines","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"shadcn-dashboard:line-chart-03","t":"Line Chart 02  Forecast","d":"An area chart with actual vs forecast and target reference line","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"shadcn-dashboard:line-chart-01","t":"Line Chart 03  Area","d":"An area line chart with BTC and ETH trends","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Area","hc":1},{"id":"shadcn-dashboard:line-chart-04","t":"Line Chart 04  Language Trends","d":"A 4-line overlapping area chart showing tech language usage trends","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"shadcn-dashboard:pie-chart-03","t":"Pie Chart 01  Multi Ring","d":"A concentric multi-ring progress chart with center label and legend","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"shadcn-dashboard:pie-chart-04","t":"Pie Chart 02  Gradients","d":"A donut chart with radial gradient fills on each slice","s":"shadcn-dashboard","c":"data-viz/chart","tg":["gradient"],"sb":"Pie, donut and radial","sy":["gradient"],"hc":1},{"id":"shadcn-dashboard:pie-chart-05","t":"Pie Chart 03  Separator None","d":"A pie chart with no separator","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"shadcn-dashboard:pie-chart-01","t":"Pie Chart 04  Simple","d":"A simple pie chart","s":"shadcn-dashboard","c":"data-viz/chart","tg":["minimal"],"sb":"Pie, donut and radial","sy":["minimal"],"hc":1},{"id":"shadcn-dashboard:pie-chart-02","t":"Pie Chart 05  Half Donut","d":"A half donut chart with clipped bottom","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"shadcn-dashboard:radar-chart-01","t":"Radar Chart 01  Basic","d":"A basic radar chart","s":"shadcn-dashboard","c":"data-viz/chart","tg":["minimal"],"sb":"Radar","sy":["minimal"],"hc":1},{"id":"shadcn-dashboard:radar-chart-02","t":"Radar Chart 02  Triangle","d":"A triangle radar chart with 3 axes comparing multiple series","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"shadcn-dashboard:radar-chart-03","t":"Radar Chart 03  No Stroke","d":"A polygon radar chart with multiple overlapping areas and no data-point dots","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"shadcn-dashboard:radar-chart-04","t":"Radar Chart 04  Circle Grid","d":"A circular radar chart with border dots and active dot on hover","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"shadcn-dashboard:radar-chart-05","t":"Radar Chart 05  With Marker","d":"A radar chart with a glowing stroke effect on the primary series","s":"shadcn-dashboard","c":"data-viz/chart","tg":["neon"],"sb":"Radar","sy":["neon"],"hc":1},{"id":"shadcn-dashboard:radar-chart-06","t":"Radar Chart 06  Glow","d":"A radar chart with a glowing stroke effect on the primary series","s":"shadcn-dashboard","c":"data-viz/chart","tg":["neon"],"sb":"Radar","sy":["neon"],"hc":1},{"id":"shadcn-dashboard:radial-chart-01","t":"Radial Chart 01  Default","d":"A semi-circle radial bar chart with clipped bottom half","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"shadcn-dashboard:radial-chart-02","t":"Radial Chart 02  Semi","d":"A semi-circle radial bar chart with clipped bottom half","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"shadcn-dashboard:radial-chart-03","t":"Radial Chart 03  Gradient","d":"A radial bar chart with multi-stop gradient fills on each bar","s":"shadcn-dashboard","c":"data-viz/chart","tg":["gradient"],"sb":"Pie, donut and radial","sy":["gradient"],"hc":1},{"id":"shadcn-dashboard:radial-chart-04","t":"Radial Chart 04  KPI Rings","d":"Concentric KPI progress rings with center average score","s":"shadcn-dashboard","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"shadcn-dashboard:radial-chart-05","t":"Radial Chart 05  Gauge","d":"A semicircle gauge chart with gradient fill and center label","s":"shadcn-dashboard","c":"data-viz/chart","tg":["gradient"],"sb":"Pie, donut and radial","sy":["gradient"],"hc":1},{"id":"shadcn-dashboard:button-group-01","t":"Button Group 01   Default","d":"Default button group component","s":"shadcn-dashboard","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"shadcn-dashboard:button-group-02","t":"Button Group 02   Vertical","d":"Vertical button group component","s":"shadcn-dashboard","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"shadcn-dashboard:button-group-03","t":"Button Group 03   Pagination","d":"Pagination button group component","s":"shadcn-dashboard","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"shadcn-dashboard:button-group-04","t":"Button Group 04   With Separator","d":"Button group with separator component","s":"shadcn-dashboard","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"shadcn-dashboard:button-group-05","t":"Button Group 05   With Select","d":"Button group with select component","s":"shadcn-dashboard","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcn-dashboard:button-group-06","t":"Button Group 06   Vercel Style","d":"Vercel style button group component","s":"shadcn-dashboard","c":"actions/button","sb":"Groups and split","hc":1,"cp":1},{"id":"shadcn-dashboard:file-upload-01","t":"File Upload 01   Dropzone","d":"Dropzone file upload component","s":"shadcn-dashboard","c":"inputs/file-upload","hc":1,"cp":1},{"id":"shadcn-dashboard:input-mask-01","t":"Input Mask 01   Card Number","d":"Card number input mask component","s":"shadcn-dashboard","c":"inputs/form-field","hc":1,"cp":1},{"id":"shadcn-dashboard:input-mask-02","t":"Input Mask 02   Card Expiry","d":"Card expiry input mask component","s":"shadcn-dashboard","c":"inputs/form-field","hc":1,"cp":1},{"id":"shadcn-dashboard:input-mask-03","t":"Input Mask 03   MAC Address","d":"MAC address input mask component","s":"shadcn-dashboard","c":"inputs/form-field","sb":"Address","hc":1,"cp":1},{"id":"shadcn-dashboard:number-ticker-01","t":"Number Ticker 01   Default","d":"Default number ticker component","k":"motion","s":"shadcn-dashboard","c":"motion/number-ticker","hc":1,"cp":1},{"id":"shadcn-dashboard:number-ticker-02","t":"Number Ticker 02   Currency","d":"Currency number ticker component","k":"motion","s":"shadcn-dashboard","c":"motion/number-ticker","hc":1,"cp":1},{"id":"shadcn-dashboard:number-ticker-03","t":"Number Ticker 03   Countdown","d":"Countdown number ticker component","k":"motion","s":"shadcn-dashboard","c":"motion/number-ticker","hc":1,"cp":1},{"id":"shadcn-dashboard:number-ticker-04","t":"Number Ticker 04   Trend","d":"Trend number ticker component","k":"motion","s":"shadcn-dashboard","c":"motion/number-ticker","hc":1,"cp":1},{"id":"shadcn-dashboard:number-ticker-05","t":"Number Ticker 05   Labeled","d":"Labeled number ticker component","k":"motion","s":"shadcn-dashboard","c":"motion/number-ticker","hc":1,"cp":1},{"id":"shadcn-dashboard:pagination-01","t":"Pagination 01   Default","d":"Default pagination component","s":"shadcn-dashboard","c":"navigation/pagination","hc":1,"cp":1},{"id":"shadcn-dashboard:pagination-02","t":"Pagination 02   With Ellipsis","d":"Pagination with ellipsis component","s":"shadcn-dashboard","c":"navigation/pagination","hc":1,"cp":1},{"id":"shadcn-dashboard:pagination-03","t":"Pagination 03   Hash","d":"Hash pagination component","s":"shadcn-dashboard","c":"navigation/pagination","hc":1,"cp":1},{"id":"shadcn-dashboard:popover-01","t":"Popover 01   About","d":"About popover component","s":"shadcn-dashboard","c":"overlays/popover","hc":1},{"id":"shadcn-dashboard:popover-02","t":"Popover 02   Profile Card","d":"Profile card popover component","s":"shadcn-dashboard","c":"overlays/popover","hc":1},{"id":"shadcn-dashboard:popover-03","t":"Popover 03   Notification","d":"Notification popover component","s":"shadcn-dashboard","c":"overlays/popover","hc":1},{"id":"shadcn-dashboard:popover-04","t":"Popover 04   Volume","d":"Volume popover component","s":"shadcn-dashboard","c":"overlays/popover","hc":1,"cp":1},{"id":"shadcn-dashboard:popover-05","t":"Popover 05   Download","d":"Download popover component","s":"shadcn-dashboard","c":"overlays/popover","hc":1,"cp":1},{"id":"shadcn-dashboard:popover-06","t":"Popover 06   Location","d":"Location popover component","s":"shadcn-dashboard","c":"overlays/popover","hc":1,"cp":1},{"id":"shadcn-dashboard:scroll-area-01","t":"Scroll Area 01   File List","d":"File list scroll area component","k":"layout","s":"shadcn-dashboard","c":"layout/scroll-area","hc":1,"cp":1},{"id":"shadcn-dashboard:scroll-area-02","t":"Scroll Area 02   Profile Cards","d":"Profile cards scroll area component","k":"layout","s":"shadcn-dashboard","c":"layout/scroll-area","hc":1},{"id":"shadcn-dashboard:scroll-area-03","t":"Scroll Area 03   Vertical Gallery","d":"Vertical gallery scroll area component","k":"layout","s":"shadcn-dashboard","c":"layout/scroll-area","hc":1,"cp":1},{"id":"shadcn-dashboard:shine-border-01","t":"Shine Border 01   Card","d":"Shine border card component","k":"motion","s":"shadcn-dashboard","c":"motion/border","hc":1,"cp":1},{"id":"shadcn-dashboard:shine-border-02","t":"Shine Border 02   Security Card","d":"Shine border security card component","k":"motion","s":"shadcn-dashboard","c":"motion/border","hc":1},{"id":"shadcn-dashboard:shine-border-03","t":"Shine Border 03   Feature Card","d":"Shine border feature card component","k":"motion","s":"shadcn-dashboard","c":"motion/border","hc":1},{"id":"shadcn-dashboard:shine-border-04","t":"Shine Border 04   Stats Card","d":"Shine border stats card component","k":"motion","s":"shadcn-dashboard","c":"motion/border","hc":1},{"id":"shadcn-dashboard:slider-01","t":"Slider 01   Volume","d":"Volume slider component","s":"shadcn-dashboard","c":"inputs/slider","hc":1},{"id":"shadcn-dashboard:slider-02","t":"Slider 02   Emoji Rating","d":"Emoji rating slider component","s":"shadcn-dashboard","c":"inputs/slider","hc":1},{"id":"shadcn-dashboard:slider-03","t":"Slider 03   Temperature","d":"Temperature slider component","s":"shadcn-dashboard","c":"inputs/slider","hc":1},{"id":"shadcn-dashboard:slider-04","t":"Slider 04   Modern Volume","d":"A sleek volume slider featuring a bold track design, custom vertical thumb, and smooth per","s":"shadcn-dashboard","c":"inputs/slider","hc":1,"cp":1},{"id":"shadcn-dashboard:sonner-01","t":"Sonner 01   Upload Toast","d":"Upload toast sonner component","s":"shadcn-dashboard","c":"overlays/toast","hc":1},{"id":"shadcn-dashboard:sonner-02","t":"Sonner 02   Warning Toast","d":"Warning toast sonner component","s":"shadcn-dashboard","c":"overlays/toast","hc":1},{"id":"shadcn-dashboard:sonner-03","t":"Sonner 03   Success Toast","d":"Success toast sonner component","s":"shadcn-dashboard","c":"overlays/toast","hc":1},{"id":"shadcn-dashboard:sonner-04","t":"Sonner 04   Custom PR Merge","d":"A premium custom toast notification for Pull Request merge flows with approval avatars.","s":"shadcn-dashboard","c":"overlays/toast","hc":1},{"id":"shadcn-dashboard:sonner-05","t":"Sonner 05   Custom Sync Status","d":"A clean, minimal toast notification showing active repository sync status.","s":"shadcn-dashboard","c":"overlays/toast","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-dashboard:sonner-06","t":"Sonner 06   Success Payout","d":"Animated payout toast that transitions from an amber pending state to a teal success state","s":"shadcn-dashboard","c":"overlays/toast","hc":1},{"id":"shadcn-dashboard:sonner-07","t":"Sonner 07   Failed Payout","d":"Animated payout toast that transitions from an amber pending state to a red-500 failed sta","s":"shadcn-dashboard","c":"overlays/toast","hc":1},{"id":"shadcn-dashboard:spinner-01","t":"Spinner 01   Default","d":"Default spinner component","s":"shadcn-dashboard","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcn-dashboard:spinner-02","t":"Spinner 02   Throbber","d":"Throbber spinner component","s":"shadcn-dashboard","c":"status/loader","sb":"Spinners","hc":1,"cp":1},{"id":"shadcn-dashboard:spinner-03","t":"Spinner 03   Pinwheel","d":"Pinwheel spinner component","s":"shadcn-dashboard","c":"status/loader","sb":"Spinners","hc":1,"cp":1},{"id":"shadcn-dashboard:spinner-04","t":"Spinner 04   Circle Filled","d":"Circle filled spinner component","s":"shadcn-dashboard","c":"status/loader","sb":"Spinners","hc":1,"cp":1},{"id":"shadcn-dashboard:spinner-05","t":"Spinner 05   Ellipsis","d":"Ellipsis spinner component","s":"shadcn-dashboard","c":"status/loader","sb":"Spinners","hc":1,"cp":1},{"id":"shadcn-dashboard:spinner-06","t":"Spinner 06   Bars","d":"Bars spinner component","s":"shadcn-dashboard","c":"status/loader","sb":"Spinners","hc":1,"cp":1},{"id":"shadcn-dashboard:spinner-07","t":"Spinner 07   Orbital Spinner","d":"A central core with three orbiting rings that spin in opposite directions with varying opa","s":"shadcn-dashboard","c":"status/loader","tg":["webgl"],"sb":"Spinners","sy":["webgl"],"hc":1,"cp":1},{"id":"shadcn-dashboard:progress-01","t":"Progress 01   Simple Upload","d":"A minimal, animated progress bar with status text and a reset action.","s":"shadcn-dashboard","c":"data-viz/progress-bar","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"shadcn-dashboard:progress-02","t":"Progress 02   Onboarding Stepper","d":"A clean onboarding progress tracker with step navigation and percentage completion.","s":"shadcn-dashboard","c":"data-viz/progress-bar","tg":["minimal"],"sy":["minimal"],"hc":1,"cp":1},{"id":"shadcn-dashboard:progress-03","t":"Progress 03   Skills Dashboard","d":"A professional skills overview with color-coded, animated progress bars and entrance effec","s":"shadcn-dashboard","c":"data-viz/progress-bar","hc":1,"cp":1},{"id":"shadcn-dashboard:progress-04","t":"Progress 04   Shimmer Status Progress","d":"Animated progressbar with real-time text updates, smooth entrance and exit animations, and","s":"shadcn-dashboard","c":"data-viz/progress-bar","hc":1,"cp":1},{"id":"shadcn-dashboard:collapsible-01","t":"Collapsible 01   Release Changelog","d":"An expandable release changelog with per-version collapsible panels, typed badge labels (F","s":"shadcn-dashboard","c":"data-display/accordion","hc":1,"cp":1},{"id":"shadcn-dashboard:collapsible-02","t":"Collapsible 02   Dashboard Sidebar","d":"A dashboard sidebar with collapsible nav sections, active item highlighting, notification ","s":"shadcn-dashboard","c":"data-display/accordion","hc":1},{"id":"shadcn-dashboard:collapsible-03","t":"Collapsible 03   API Keys Manager","d":"A collapsible API keys panel with copy-to-clipboard, delete actions, and a dropdown contex","s":"shadcn-dashboard","c":"data-display/accordion","hc":1,"cp":1},{"id":"shadcn-dashboard:skeleton-01","t":"Skeleton 01   Default","d":"Default skeleton component","s":"shadcn-dashboard","c":"status/skeleton","hc":1},{"id":"shadcn-dashboard:skeleton-02","t":"Skeleton 02   Card","d":"Card skeleton component","s":"shadcn-dashboard","c":"status/skeleton","hc":1},{"id":"shadcn-dashboard:skeleton-03","t":"Skeleton 03   Profile with Stats","d":"Animated profile skeleton with staggered fade-up motion on each element — avatar, text lin","s":"shadcn-dashboard","c":"status/skeleton","hc":1},{"id":"shadcn-dashboard:skeleton-04","t":"Skeleton 04   Table with Avatars","d":"Animated table skeleton with a title bar, muted header row, avatar+text rows, and badge pl","s":"shadcn-dashboard","c":"status/skeleton","hc":1},{"id":"shadcn-dashboard:skeleton-05","t":"Skeleton 05   List with Icons","d":"Animated list skeleton with a title bar, icon+text rows, and badge placeholders — staggere","s":"shadcn-dashboard","c":"status/skeleton","hc":1},{"id":"shadcn-dashboard:dialog-01","t":"Dialog 01   Slide from Top","d":"Dialog that slides in from the top — ideal for notifications and alerts.","s":"shadcn-dashboard","c":"overlays/dialog","hc":1},{"id":"shadcn-dashboard:dialog-02","t":"Dialog 02   Slide from Bottom","d":"Dialog that slides in from the bottom — ideal for confirmations and destructive actions.","s":"shadcn-dashboard","c":"overlays/dialog","hc":1},{"id":"shadcn-dashboard:dialog-03","t":"Dialog 03   Slide from Left","d":"Dialog that slides in from the left — ideal for subscription forms and quick inputs.","s":"shadcn-dashboard","c":"overlays/dialog","hc":1},{"id":"shadcn-dashboard:dialog-04","t":"Dialog 04   Slide from Right","d":"Dialog that slides in from the right — ideal for user profiles and detail panels.","s":"shadcn-dashboard","c":"overlays/dialog","hc":1},{"id":"shadcn-dashboard:dialog-05","t":"Dialog 05   Zoom In","d":"Dialog that scales up from the center — ideal for success states and celebrations.","s":"shadcn-dashboard","c":"overlays/dialog","hc":1},{"id":"shadcn-dashboard:dialog-06","t":"Dialog 06   Zoom Out","d":"Dialog that shrinks into place from a larger scale — ideal for announcements and feature h","s":"shadcn-dashboard","c":"overlays/dialog","hc":1},{"id":"shadcn-dashboard:breadcrumb-01","t":"Breadcrumb 01   Pill Outline","d":"Breadcrumb component","s":"shadcn-dashboard","c":"navigation/breadcrumb","hc":1,"cp":1},{"id":"shadcn-dashboard:breadcrumb-02","t":"Breadcrumb 02   Slash Separator","d":"Breadcrumb component","s":"shadcn-dashboard","c":"navigation/breadcrumb","hc":1,"cp":1},{"id":"shadcn-dashboard:breadcrumb-03","t":"Breadcrumb 03   Dot Separator with Back Nav","d":"Breadcrumb component","s":"shadcn-dashboard","c":"navigation/breadcrumb","hc":1},{"id":"shadcn-dashboard:breadcrumb-04","t":"Breadcrumb 04   With Folder Dropdown","d":"Breadcrumb component","s":"shadcn-dashboard","c":"navigation/breadcrumb","hc":1,"cp":1},{"id":"shadcn-dashboard:breadcrumb-05","t":"Breadcrumb 05   With Badges & Dropdown","d":"Breadcrumb component","s":"shadcn-dashboard","c":"navigation/breadcrumb","hc":1},{"id":"shadcn-dashboard:breadcrumb-06","t":"Breadcrumb 06   With Ellipsis Dropdown","d":"Breadcrumb component","s":"shadcn-dashboard","c":"navigation/breadcrumb","hc":1},{"id":"shadcn-dashboard:alert-01","t":"Alert 01   Alert with Password Detail","d":"Alert component","s":"shadcn-dashboard","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"shadcn-dashboard:alert-02","t":"Alert 02   Alert with User Detail","d":"Alert component","s":"shadcn-dashboard","c":"overlays/alert-banner","hc":1},{"id":"shadcn-dashboard:alert-03","t":"Alert 03   Social Alert","d":"Alert component","s":"shadcn-dashboard","c":"overlays/alert-banner","hc":1},{"id":"shadcn-dashboard:alert-04","t":"Alert 04   Indicator Destructive Alert","d":"Alert component","s":"shadcn-dashboard","c":"overlays/alert-banner","hc":1,"cp":1},{"id":"shadcn-dashboard:alert-05","t":"Alert 05   Dark Alert","d":"Alert component","s":"shadcn-dashboard","c":"overlays/alert-banner","hc":1},{"id":"shadcn-dashboard:alert-06","t":"Alert 06   Gradient Alert","d":"Alert component","s":"shadcn-dashboard","c":"overlays/alert-banner","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"shadcn-dashboard:carousel-01","t":"Carousel 01   Custom Dots","d":"Carousel component","s":"shadcn-dashboard","c":"media/carousel","hc":1},{"id":"shadcn-dashboard:carousel-02","t":"Carousel 02   Custom Navigation","d":"Carousel component","s":"shadcn-dashboard","c":"media/carousel","hc":1},{"id":"shadcn-dashboard:carousel-03","t":"Carousel 03   Index","d":"Carousel component","s":"shadcn-dashboard","c":"media/carousel","hc":1},{"id":"shadcn-dashboard:carousel-04","t":"Carousel 04   Cards","d":"Carousel component","s":"shadcn-dashboard","c":"media/carousel","hc":1},{"id":"shadcn-dashboard:combobox-01","t":"Combobox 01   With Icons","d":"A combobox component with search input prefix/suffix icons and item-level icons.","s":"shadcn-dashboard","c":"inputs/combobox","hc":1},{"id":"shadcn-dashboard:combobox-02","t":"Combobox 02   Multi select","d":"A multi-select combobox component displaying selected items as chips within the input fiel","s":"shadcn-dashboard","c":"inputs/combobox","hc":1},{"id":"shadcn-dashboard:combobox-03","t":"Combobox 03   With Add Button","d":"A combobox component with an interactive add button at the bottom of the option list.","s":"shadcn-dashboard","c":"inputs/combobox","hc":1},{"id":"shadcn-dashboard:combobox-04","t":"Combobox 04   Timezone","d":"A grouped timezone selection combobox component with section headers and separators.","s":"shadcn-dashboard","c":"inputs/combobox","hc":1},{"id":"shadcn-dashboard:combobox-05","t":"Combobox 05   Users","d":"A user selection combobox component displaying user avatars, status indicator, names, and ","s":"shadcn-dashboard","c":"inputs/combobox","hc":1},{"id":"shadcn-dashboard:combobox-06","t":"Combobox 06   With Flag","d":"A country selector combobox component displaying country flags alongside country names.","k":"resource","s":"shadcn-dashboard","c":"assets/flag","hc":1},{"id":"shadcn-dashboard:date-picker-01","t":"Date Picker 01   Data & Time Picker","d":"A professional appointment booking card with date and time range selection.","s":"shadcn-dashboard","c":"inputs/date-picker","hc":1,"cp":1},{"id":"shadcn-dashboard:date-picker-02","t":"Date Picker 02   Date Range","d":"A professional appointment booking card with date and time range selection.","s":"shadcn-dashboard","c":"inputs/date-picker","hc":1,"cp":1},{"id":"shadcn-dashboard:drawer-01","t":"Drawer 01   Default","d":"Default drawer component","s":"shadcn-dashboard","c":"overlays/sheet","hc":1},{"id":"shadcn-dashboard:dropdown-menu-01","t":"Dropdown Menu 01   User Profile","d":"A professional user profile dropdown with avatar, status indicator, and categorized links ","s":"shadcn-dashboard","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcn-dashboard:dropdown-menu-02","t":"Dropdown Menu 02   Notifications","d":"A sleek notification dropdown with color-coded category icons, activity summaries, and a '","s":"shadcn-dashboard","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcn-dashboard:autocomplete-01","t":"Autocomplete 01   Default","d":"Default autocomplete component","s":"shadcn-dashboard","c":"inputs/combobox","hc":1,"cp":1},{"id":"shadcn-dashboard:autocomplete-02","t":"Autocomplete 02   Size variants","d":"Autocomplete component with different size variants","s":"shadcn-dashboard","c":"inputs/combobox","hc":1,"cp":1},{"id":"shadcn-dashboard:autocomplete-03","t":"Autocomplete 03   Vanish Animation","d":"Autocomplete with vanish animation","s":"shadcn-dashboard","c":"inputs/combobox","hc":1,"cp":1},{"id":"shadcn-dashboard:autocomplete-04","t":"Autocomplete 04   Team Member Search","d":"Autocomplete with grouped team members, avatars, status dots, and spring-animated list ite","s":"shadcn-dashboard","c":"inputs/combobox","hc":1},{"id":"shadcn-dashboard:autocomplete-05","t":"Autocomplete 05   Async Search","d":"Autocomplete with debounced async search, loading spinner, error handling, avatars, and sp","s":"shadcn-dashboard","c":"inputs/combobox","hc":1},{"id":"shadcn-dashboard:autocomplete-06","t":"Autocomplete 06   With Icon","d":"Autocomplete for selecting a project type with unique icons, selected icon shown in input,","s":"shadcn-dashboard","c":"inputs/combobox","hc":1,"cp":1},{"id":"shadcn-dashboard:command-01","t":"Command 01   Shortcut Menu","d":"Command component with different size variants","s":"shadcn-dashboard","c":"navigation/command-palette","hc":1,"cp":1},{"id":"shadcn-dashboard:command-02","t":"Command 02   Scrollable","d":"Scrollable command component with groups and separators","s":"shadcn-dashboard","c":"navigation/command-palette","hc":1,"cp":1},{"id":"shadcn-dashboard:command-03","t":"Command 03   Palette","d":"Palette command component with groups and separators","s":"shadcn-dashboard","c":"navigation/command-palette","hc":1,"cp":1},{"id":"shadcn-dashboard:command-04","t":"Command 04   Team Member Search","d":"Command component for searching and inviting team members","s":"shadcn-dashboard","c":"navigation/command-palette","hc":1},{"id":"shadcn-dashboard:command-05","t":"Command 05   Developer Actions","d":"Command component for developer actions","s":"shadcn-dashboard","c":"navigation/command-palette","hc":1,"cp":1},{"id":"shadcn-dashboard:command-06","t":"Command 06   Search Files","d":"Command component for searching files","s":"shadcn-dashboard","c":"navigation/command-palette","hc":1,"cp":1},{"id":"shadcn-dashboard:command-07","t":"Command 07   Filter Search","d":"Command component for filter search","s":"shadcn-dashboard","c":"navigation/command-palette","hc":1,"cp":1},{"id":"shadcn-dashboard:code-block-01","t":"Code Block 01   Default","d":"Syntax-highlighted code block with filename header and copy button","s":"shadcn-dashboard","c":"data-display/code-block","hc":1},{"id":"shadcn-dashboard:code-block-02","t":"Code Block 02   Scrollable","d":"Scrollable code block with line numbers and fixed max height","s":"shadcn-dashboard","c":"data-display/code-block","hc":1},{"id":"shadcn-dashboard:code-block-03","t":"Code Block 03   Custom Background","d":"Code block with custom background and line numbers","s":"shadcn-dashboard","c":"data-display/code-block","hc":1},{"id":"shadcn-dashboard:code-block-04","t":"Code Block 04   Highlighted Line","d":"Code block with line numbers and amber highlighted line","s":"shadcn-dashboard","c":"data-display/code-block","hc":1},{"id":"shadcn-dashboard:code-block-05","t":"Code Block 05   Multi File","d":"Code block with switchable file tabs, line numbers, and scrollable content","s":"shadcn-dashboard","c":"data-display/code-block","hc":1},{"id":"shadcn-dashboard:code-block-06","t":"Code Block 06   Language Tabs","d":"Code block with language selector tabs (JavaScript, Python, React) and scrollable content","s":"shadcn-dashboard","c":"navigation/tabs","hc":1},{"id":"shadcn-dashboard:code-block-07","t":"Code Block 07   Install Command","d":"Package manager install command tabs (pnpm, npm, yarn, bun) with copy button","s":"shadcn-dashboard","c":"data-display/code-block","hc":1},{"id":"shadcn-dashboard:context-menu-01","t":"Context Menu 01   Animated Actions","d":"Animated context menu with colored icon badges, keyboard shortcuts, and a destructive acti","s":"shadcn-dashboard","c":"overlays/context-menu","hc":1},{"id":"shadcn-dashboard:context-menu-02","t":"Context Menu 02   Radial Bubble","d":"Spring-animated radial bubble menu that fans colored icon buttons in a circle from a centr","s":"shadcn-dashboard","c":"overlays/context-menu","hc":1},{"id":"shadcn-dashboard:input-otp-01","t":"Input OTP 01   Default","d":"Default input OTP component","s":"shadcn-dashboard","c":"inputs/otp-input","hc":1,"cp":1},{"id":"shadcn-dashboard:input-otp-02","t":"Input OTP 02   Digits Only","d":"Input OTP component with pattern to allow only digits","s":"shadcn-dashboard","c":"inputs/otp-input","hc":1,"cp":1},{"id":"shadcn-dashboard:input-otp-03","t":"Input OTP 03   With Separator","d":"Input OTP component with separator between segments","s":"shadcn-dashboard","c":"inputs/otp-input","hc":1,"cp":1},{"id":"shadcn-dashboard:input-otp-04","t":"Input OTP 04   Disabled","d":"Input OTP component in disabled state","s":"shadcn-dashboard","c":"inputs/otp-input","hc":1,"cp":1},{"id":"shadcn-dashboard:input-otp-05","t":"Input OTP 05   Controlled","d":"Input OTP component in controlled state","s":"shadcn-dashboard","c":"inputs/otp-input","hc":1,"cp":1},{"id":"shadcn-dashboard:input-otp-06","t":"Input OTP 06   Invalid","d":"Input OTP component in invalid state","s":"shadcn-dashboard","c":"inputs/otp-input","hc":1,"cp":1},{"id":"shadcn-dashboard:input-otp-07","t":"Input OTP 07   Four Digits","d":"Input OTP component with pattern to allow only 4 digits","s":"shadcn-dashboard","c":"inputs/otp-input","hc":1,"cp":1},{"id":"shadcn-dashboard:input-otp-08","t":"Input OTP 08   Alphanumeric","d":"Input OTP component with pattern to allow only alphanumeric characters","s":"shadcn-dashboard","c":"inputs/otp-input","hc":1,"cp":1},{"id":"shadcn-dashboard:input-otp-09","t":"Input OTP 09   Animated","d":"Input OTP component with animation","s":"shadcn-dashboard","c":"inputs/otp-input","hc":1,"cp":1},{"id":"shadcn-dashboard:kbd-01","t":"KBD 01   KBD in Button","d":"Buttons with inline keyboard shortcut hints with Mac/Windows platform switch","s":"shadcn-dashboard","c":"data-display/typography","hc":1,"cp":1},{"id":"shadcn-dashboard:kbd-02","t":"KBD 02   KBD Group","d":"KbdGroup showcasing grouped multi-key shortcut combinations with Mac/Windows platform swit","s":"shadcn-dashboard","c":"data-display/typography","hc":1,"cp":1},{"id":"shadcn-dashboard:kbd-03","t":"KBD 03   KBD in Tooltip","d":"ButtonGroup with KBD shortcut hints shown inside tooltips on hover, with Mac/Windows platf","s":"shadcn-dashboard","c":"data-display/typography","hc":1,"cp":1},{"id":"shadcn-dashboard:kbd-04","t":"KBD 04   KBD in Search Input","d":"Search input with KBD shortcut in the input group addon, with Mac/Windows platform switch","s":"shadcn-dashboard","c":"data-display/typography","hc":1,"cp":1},{"id":"shadcn-dashboard:kbd-05","t":"KBD 05   KBD Generator","d":"Interactive keyboard shortcut generator — pick modifiers, enter a key, preview and copy JS","s":"shadcn-dashboard","c":"data-display/typography","hc":1,"cp":1},{"id":"shadcn-dashboard:label-01","t":"Label 01   With Checkbox","d":"Label component with checkbox","s":"shadcn-dashboard","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"shadcn-dashboard:label-02","t":"Label 02   With Input","d":"Label component with input","s":"shadcn-dashboard","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"shadcn-dashboard:label-03","t":"Label 03   With Badge","d":"Label component with badge","s":"shadcn-dashboard","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"shadcn-dashboard:label-04","t":"Label 04   With Textarea","d":"Label component with textarea","s":"shadcn-dashboard","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"shadcn-dashboard:label-05","t":"Label 05   With Switch","d":"Label component with switch","s":"shadcn-dashboard","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"shadcn-dashboard:label-06","t":"Label 06   Floating Label","d":"Floating label that transitions from inside the input to the top on focus or fill","s":"shadcn-dashboard","c":"inputs/form-field","sb":"Animated fields","hc":1,"cp":1},{"id":"shadcn-dashboard:animation-01","t":"Animation 01   Book Page Curl","d":"A single book with a realistic page-curl: drag the cover with mouse or touch and it peels ","k":"motion","s":"shadcn-dashboard","c":"motion/text-effect","hc":1,"cp":1},{"id":"shadcn-dashboard:attachment-01","t":"Attachment 01   Code File","d":"Code file attachment with a tinted icon tile and a remove action, suited to a pending atta","s":"shadcn-dashboard","c":"inputs/file-upload","hc":1,"cp":1},{"id":"shadcn-dashboard:attachment-02","t":"Attachment 02   Image Card","d":"Image attachment card with a wide photo preview on top, file name and dimensions below, an","s":"shadcn-dashboard","c":"inputs/file-upload","hc":1,"cp":1},{"id":"shadcn-dashboard:attachment-03","t":"Attachment 03   Spreadsheet","d":"Spreadsheet file attachment with sheet count and file size, a remove action, and a mini ta","s":"shadcn-dashboard","c":"inputs/file-upload","hc":1,"cp":1},{"id":"shadcn-dashboard:attachment-04","t":"Attachment 04   Idle","d":"File attachment in the idle state, with the primitive's built-in dashed border, a ready-to","s":"shadcn-dashboard","c":"inputs/file-upload","hc":1,"cp":1},{"id":"shadcn-dashboard:attachment-05","t":"Attachment 05   Uploading","d":"File attachment in the uploading state, with a spinner in place of the file icon, a shimme","s":"shadcn-dashboard","c":"inputs/file-upload","hc":1,"cp":1},{"id":"shadcn-dashboard:attachment-06","t":"Attachment 06   Error","d":"File attachment in the error state, with an alert icon, a failure message, and a retry act","s":"shadcn-dashboard","c":"inputs/file-upload","hc":1,"cp":1},{"id":"shadcn-dashboard:attachment-07","t":"Attachment 07   Uploaded","d":"File attachment in the done state, with a checkmark icon, the final file size, and a remov","s":"shadcn-dashboard","c":"inputs/file-upload","hc":1,"cp":1},{"id":"shadcn-dashboard:attachment-08","t":"Attachment 08   Group","d":"Horizontally scrolling row of mixed attachments, an image thumbnail alongside spreadsheet,","s":"shadcn-dashboard","c":"inputs/file-upload","hc":1,"cp":1},{"id":"shadcn-dashboard:attachment-09","t":"Attachment 09   With Trigger","d":"File attachment whose whole surface opens a preview dialog via AttachmentTrigger, with a r","s":"shadcn-dashboard","c":"inputs/file-upload","hc":1,"cp":1},{"id":"shadcn-dashboard:bubble-01","t":"Bubble 01   Variants","d":"All seven Bubble color variants stacked for comparison: default, secondary, muted, tinted,","s":"shadcn-dashboard","c":"ai-agent/ai-agent","sb":"Chat","hc":1,"cp":1},{"id":"shadcn-dashboard:bubble-02","t":"Bubble 02   Alignment","d":"Two-sided chat exchange showing align start for received messages and align end for sent r","s":"shadcn-dashboard","c":"ai-agent/ai-agent","sb":"Chat","hc":1,"cp":1},{"id":"shadcn-dashboard:bubble-03","t":"Bubble 03   Bubble Group","d":"A back-and-forth exchange where a burst of three consecutive sent messages is wrapped in B","s":"shadcn-dashboard","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Chat","sy":["webgl"],"hc":1,"cp":1},{"id":"shadcn-dashboard:bubble-04","t":"Bubble 04   Links & Buttons","d":"Interactive bubbles rendered as a real button and a real link via BubbleContent's render p","s":"shadcn-dashboard","c":"ai-agent/ai-agent","sb":"Chat","hc":1,"cp":1},{"id":"shadcn-dashboard:bubble-05","t":"Bubble 05   Reactions","d":"BubbleReactions anchored bottom-start, bottom-end with an overflow count, and top-start, p","s":"shadcn-dashboard","c":"ai-agent/ai-agent","sb":"Chat","hc":1,"cp":1},{"id":"shadcn-dashboard:bubble-06","t":"Bubble 06   Show More","d":"Long bubble content truncated to a character preview, expanding to the full message behind","s":"shadcn-dashboard","c":"ai-agent/ai-agent","sb":"Chat","hc":1,"cp":1},{"id":"shadcn-dashboard:bubble-07","t":"Bubble 07   Tooltip","d":"Sent message with a read-receipt icon inside BubbleReactions, using Tooltip to reveal when","s":"shadcn-dashboard","c":"ai-agent/ai-agent","sb":"Chat","hc":1,"cp":1},{"id":"shadcn-dashboard:bubble-08","t":"Bubble 08   Popover","d":"Destructive bubble with an info icon inside BubbleReactions, using Popover to surface the ","s":"shadcn-dashboard","c":"ai-agent/ai-agent","sb":"Chat","hc":1,"cp":1},{"id":"shadcn-dashboard:dots-01","t":"Dots 01   Flower","d":"Flower shaped dot with chevron eyes that blink and look around","k":"motion","s":"shadcn-dashboard","c":"motion/background","sb":"Grids and patterns","hc":1,"cp":1},{"id":"shadcn-dashboard:dots-02","t":"Dots 02   Eared Blob","d":"Blob with little ears and round eyes that blink and look around","k":"motion","s":"shadcn-dashboard","c":"motion/background","sb":"Grids and patterns","hc":1,"cp":1},{"id":"shadcn-dashboard:dots-03","t":"Dots 03   Scalloped","d":"Scalloped dot with caret eyes that blink and look around","k":"motion","s":"shadcn-dashboard","c":"motion/background","sb":"Grids and patterns","hc":1,"cp":1},{"id":"shadcn-dashboard:dots-04","t":"Dots 04   Teardrop","d":"Teardrop dot with tall oval eyes that blink and look around","k":"motion","s":"shadcn-dashboard","c":"motion/background","sb":"Grids and patterns","hc":1,"cp":1},{"id":"shadcn-dashboard:dots-05","t":"Dots 05   Diamond","d":"Rounded diamond dot with tiny eyes that blink and look around","k":"motion","s":"shadcn-dashboard","c":"motion/background","sb":"Grids and patterns","hc":1,"cp":1},{"id":"shadcn-dashboard:dots-06","t":"Dots 06   Triangle","d":"Rounded triangle dot with plus sign eyes that blink and look around","k":"motion","s":"shadcn-dashboard","c":"motion/background","sb":"Grids and patterns","hc":1,"cp":1},{"id":"shadcn-dashboard:dots-07","t":"Dots 07   Clover","d":"Four lobed clover dot with smiling eyes that blink and look around","k":"motion","s":"shadcn-dashboard","c":"motion/background","sb":"Grids and patterns","hc":1,"cp":1},{"id":"shadcn-dashboard:dots-08","t":"Dots 08   Squircle","d":"Rounded square dot with wide set tiny eyes that blink and look around","k":"motion","s":"shadcn-dashboard","c":"motion/background","sb":"Grids and patterns","hc":1,"cp":1},{"id":"shadcn-dashboard:dots-09","t":"Dots 09   Hexagon","d":"Rounded hexagon dot with chevron eyes that blink and look around","k":"motion","s":"shadcn-dashboard","c":"motion/background","sb":"Grids and patterns","hc":1,"cp":1},{"id":"shadcn-dashboard:dots-10","t":"Dots 10   Circle","d":"Round dot with dash eyes that blink and look around","k":"motion","s":"shadcn-dashboard","c":"motion/background","sb":"Grids and patterns","hc":1,"cp":1},{"id":"shadcn-dashboard:dots-11","t":"Dots 11   Cloud","d":"Cloud dot with tall oval eyes that blink and look around","k":"motion","s":"shadcn-dashboard","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"shadcn-dashboard:dots-12","t":"Dots 12   Pebble","d":"Pebble shaped dot with round eyes that blink and look around","k":"motion","s":"shadcn-dashboard","c":"motion/background","sb":"Grids and patterns","hc":1,"cp":1},{"id":"shadcn-editor:editor-x","t":"Editor X","d":"A rich text editor built on Lexical extensions with shadcn/ui components: nodes, plugins, ","s":"shadcn-editor","c":"inputs/textarea","hc":1},{"id":"shadcn-map:map","t":"Map","d":"A map component.","s":"shadcn-map","c":"data-viz/map","vn":32,"hc":1},{"id":"shadcn-space:hero-01","t":"Hero 01   Agency Hero Section","d":"Clean agency hero section designed for SaaS and startup websites, featuring bold headline,","k":"section","s":"shadcn-space","c":"marketing/hero","tg":["gradient","minimal"],"sb":"Animated background","sy":["gradient","minimal"],"hc":1},{"id":"shadcn-space:hero-02","t":"Hero 02   Real Estate Hero Section","d":"Luxury real estate hero section crafted for property listings, featuring immersive imagery","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"shadcn-space:hero-03","t":"Hero 03   Digital Agency Hero Section","d":"High-impact digital agency hero section with cinematic background video, bold typography, ","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"shadcn-space:hero-04","t":"Hero 04   Portfolio Hero Section","d":"Modern portfolio hero section built for designers and developers, featuring bold typograph","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-05","t":"Hero 05   Crypto Hero Section","d":"Modern crypto exchange hero section designed for fintech startups, featuring dark UI, beau","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-06","t":"Hero 06   Personal Portfolio Hero Section","d":"Personal portfolio hero section built for designers and developers, featuring availability","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-07","t":"Hero 07   SaaS Hero Section","d":"A bold, conversion-focused hero section designed for SaaS products, featuring a strong hea","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-08","t":"Hero 08   Education Hero Section","d":"A modern hero section crafted for education platforms, featuring a powerful headline, trus","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-09","t":"Hero 09   Cleaning Services Hero Section","d":"A conversion-focused hero section designed for service businesses, featuring trust indicat","k":"section","s":"shadcn-space","c":"marketing/hero","tg":["minimal"],"sb":"Animated background","sy":["minimal"]},{"id":"shadcn-space:hero-10","t":"Hero 10   Engineering Courses Hero Section","d":"A modern education-focused hero section built to showcase technical courses, highlight lea","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-11","t":"Hero 11   AI Analytics Hero Section","d":"A bold, dark-themed hero section designed for AI and analytics platforms, highlighting rea","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-12","t":"Hero 12   SaaS Agency Hero Section","d":"A modern, high-impact hero section tailored for SaaS agencies to showcase expertise, promo","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-13","t":"Hero 13   Creative Studio Hero","d":"A striking hero section designed to capture attention instantly—combining bold messaging, ","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-14","t":"Hero 14   Health & Medical Hero Section","d":"A dynamic hero section featuring a background video that captures attention instantly, com","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-15","t":"Hero 15   AI Startup Hero Section","d":"A bold, dark-themed hero section designed to highlight trusted real agents, strategic part","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-16","t":"Hero 16   Modern AI Business Hero Section","d":"A professional hero section crafted for enterprise AI businesses, featuring scalable solut","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-17","t":"Hero 17   Consulting Hero Section","d":"A modern, high-impact hero section showcasing business expertise, growth metrics, and coll","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-18","t":"Hero 18   AI SaaS Product Hero Section","d":"A modern SaaS hero section highlighting AI-driven product capabilities with clear messagin","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-19","t":"Hero 19   Developer Portfolio Hero Section","d":"A personal portfolio hero section introducing the developer with a strong headline, profil","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-20","t":"Hero 20   SaaS Dashboard Hero Section","d":"A modern SaaS hero section showcasing an intuitive dashboard, highlighting real-time analy","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-21","t":"Hero 21   Product Showcase Hero Section","d":"A modern hero section highlighting key features, real user feedback, and intuitive design—","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-22","t":"Hero 22   Creator Growth Hero Section","d":"A modern hero section designed for creator platforms, featuring strong social proof, engag","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-23","t":"Hero 23   AI Coding Model Hero section","d":"A clean hero section highlighting AI-powered coding tools, workflow automation, and real-t","k":"section","s":"shadcn-space","c":"marketing/hero","tg":["minimal"],"sb":"Animated background","sy":["minimal"]},{"id":"shadcn-space:hero-24","t":"Hero 24   Workspace Hero Section","d":"A clean dashboard hero section featuring a centralized workspace, live analytics, and work","k":"section","s":"shadcn-space","c":"marketing/hero","tg":["minimal"],"sb":"Animated background","sy":["minimal"]},{"id":"shadcn-space:hero-25","t":"Hero 25   SaaS Product Hero Section","d":"A modern SaaS hero section combining bold messaging, product positioning, trust indicators","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-26","t":"Hero 26   Creative Agency Hero Section","d":"A minimal hero section combining expressive visuals, clean layouts, and focused messaging—","k":"section","s":"shadcn-space","c":"marketing/hero","tg":["minimal"],"sb":"Animated background","sy":["minimal"]},{"id":"shadcn-space:hero-27","t":"Hero 27   AI Platform Hero Section","d":"A modern SaaS hero section combining bold messaging, product positioning, trust indicators","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-28","t":"Hero 28   Precision Genomics Hero Section","d":"A clean hero section with a background video, glass-style cards, and animated stats that c","k":"section","s":"shadcn-space","c":"marketing/hero","tg":["glass","minimal"],"sb":"Animated background","sy":["glass","minimal"]},{"id":"shadcn-space:hero-29","t":"Hero 29   Creative Agency Hero Section","d":"A bold hero section with a looping background video, oversized typography, and a transpare","k":"section","s":"shadcn-space","c":"marketing/hero","tg":["minimal"],"sb":"Animated background","sy":["minimal"]},{"id":"shadcn-space:hero-30","t":"Hero 30   Waitlist Hero Section","d":"A cinematic hero section with a looping video background, bold two-line headline, and a wa","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-31","t":"Hero 31   Travel & Destination Hero Section","d":"A travel hero section with a looping scenic video background, bold headline, and a locatio","k":"section","s":"shadcn-space","c":"marketing/hero"},{"id":"shadcn-space:hero-32","t":"Hero 32   AI SaaS Hero Section","d":"A polished hero section with a looping background video, an animated navbar, and a product","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-33","t":"Hero 33   Real Estate Hero Section","d":"A full-bleed real estate hero section with a looping background video, a frosted-glass nav","k":"section","s":"shadcn-space","c":"marketing/hero","tg":["glass"],"sb":"Animated background","sy":["glass"],"hc":1},{"id":"shadcn-space:hero-34","t":"Hero 34   Category Spotlight Hero","d":"An interactive category spotlight hero with a giant background headline, floating 3D chara","k":"section","s":"shadcn-space","c":"marketing/hero","tg":["3d","glass"],"sb":"Animated background","sy":["3d","glass"]},{"id":"shadcn-space:hero-35","t":"Hero 35   AI Reasoning Hero","d":"An AI-product hero section with a soft aurora gradient backdrop, a bold headline, and a ch","k":"section","s":"shadcn-space","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"shadcn-space:hero-36","t":"Hero 36   Luxury Real Estate Hero","d":"A modern real-estate hero section with a cinematic city backdrop, bold headline, CTA butto","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-37","t":"Hero 37   Interactive Swing Line Hero","d":"A playful hero section that pins integration cards to a sagging line above the fold — the ","k":"section","s":"shadcn-space","c":"marketing/hero","tg":["playful"],"sb":"Animated background","sy":["playful"]},{"id":"shadcn-space:hero-38","t":"Hero 38   Orbiting Integrations Hero","d":"A modern integrations hero with a floating pill navigation, ratings row, bold headline, CT","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-39","t":"Hero 39   Wellness Video Hero","d":"A full-bleed wellness hero with a looping video backdrop, a floating pill navigation with ","k":"section","s":"shadcn-space","c":"marketing/hero","tg":["glass"],"sb":"With video","sy":["glass"]},{"id":"shadcn-space:hero-40","t":"Hero 40   Pet Care Cursor Hero","d":"A warm pet care hero with a floating pill navigation, a bold three-line headline, feature ","k":"section","s":"shadcn-space","c":"marketing/hero","tg":["webgl"],"sb":"Animated background","sy":["webgl"]},{"id":"shadcn-space:hero-41","t":"Hero 41   Cinematic Showreel Hero","d":"A full-bleed video hero with an editor-style timecode ruler, a live REC indicator, a float","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-42","t":"Hero 42   Neon Music Artist Hero","d":"A full-bleed music artist hero with a video backdrop, a gradient headline, a floating late","k":"section","s":"shadcn-space","c":"marketing/hero","tg":["gradient","neon"],"sb":"Animated background","sy":["gradient","neon"]},{"id":"shadcn-space:hero-43","t":"Hero 43   Xylophone Helix Hero","d":"A dark-tech hero with an interactive canvas bar-helix background you can drag, scroll and ","k":"section","s":"shadcn-space","c":"marketing/hero"},{"id":"shadcn-space:hero-44","t":"Hero 44   Warm Portrait Music Artist Hero","d":"A full-bleed music artist hero with a warm portrait backdrop, a gradient headline, listene","k":"section","s":"shadcn-space","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"shadcn-space:hero-45","t":"Hero 45   Prism Film Shader Hero","d":"A theme-aware hero with a navbar, a rounded card driven by a WebGL2 Prism Film gradient sh","k":"section","s":"shadcn-space","c":"marketing/hero","tg":["gradient","webgl"],"sb":"Animated background","sy":["gradient","webgl"]},{"id":"shadcn-space:hero-46","t":"Hero 46   Enterprise AI Security Hero","d":"A dark enterprise hero with a cursor-reactive wireframe globe, a transparent navbar, a tag","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-47","t":"Hero 47   Depth Parallax Portrait Hero","d":"A WebGL depth/normal-mapped portrait hero: the cursor's own trail reveals a second plate o","k":"section","s":"shadcn-space","c":"marketing/hero","tg":["3d","webgl"],"sb":"Animated background","sy":["3d","webgl"]},{"id":"shadcn-space:hero-48","t":"Hero 48   Cinematic Video Innovation Hero","d":"A cinematic full-bleed video hero with a transparent navbar, an oversized headline with a ","k":"section","s":"shadcn-space","c":"marketing/hero","tg":["gradient"],"sb":"With video","sy":["gradient"]},{"id":"shadcn-space:hero-49","t":"Hero 49   Animated Dot Matrix AI Hero","d":"A dark AI protocol hero with a WebGL2 animated dot-matrix background, protocol stats navba","k":"section","s":"shadcn-space","c":"marketing/hero","tg":["glass","webgl"],"sb":"Animated background","sy":["glass","webgl"]},{"id":"shadcn-space:hero-50","t":"Hero 50   Dithered Globe Studio Hero","d":"A dark studio hero with an interactive dithered Earth globe canvas that spins on its own a","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:hero-51","t":"Hero 51   Glass Showcase Studio Hero","d":"A dark showcase hero with a full-bleed glass background image, a transparent navbar with l","k":"section","s":"shadcn-space","c":"marketing/hero","tg":["glass"],"sb":"Animated background","sy":["glass"]},{"id":"shadcn-space:hero-52","t":"Hero 52   Bento Agent Hero","d":"A light bento-style hero split into two columns: navbar, headline and description, rating ","k":"section","s":"shadcn-space","c":"marketing/hero","tg":["3d"],"sb":"Animated background","sy":["3d"]},{"id":"shadcn-space:integration-01","t":"Integration 01   Unified Integrations","d":"Seamlessly connect your favorite tools and APIs to automate workflows, centralize data, an","k":"section","s":"shadcn-space","c":"marketing/logos"},{"id":"shadcn-space:integration-02","t":"Integration 02   Smart Integrations","d":"Easily integrate with popular tools your team already uses to streamline workflows, reduce","k":"section","s":"shadcn-space","c":"marketing/logos"},{"id":"shadcn-space:integration-03","t":"Integration 03   Advanced Integrations","d":"Connect powerful tools into one intelligent ecosystem to automate workflows, simplify oper","k":"section","s":"shadcn-space","c":"marketing/logos"},{"id":"shadcn-space:integration-04","t":"Integration 04   Enterprise Integrations","d":"Securely connect your entire technology stack with enterprise-grade integrations that enha","k":"section","s":"shadcn-space","c":"marketing/logos"},{"id":"shadcn-space:integration-05","t":"Integration 05   Apps to Automated Actions","d":"A wiring-diagram style integration section that maps connected apps through a central hub ","k":"section","s":"shadcn-space","c":"marketing/logos"},{"id":"shadcn-space:pricing-01","t":"Pricing 01   Startup Pricing Plans","d":"A clean two tier pricing section with feature comparison, highlighted plans, and strong CT","k":"section","s":"shadcn-space","c":"marketing/pricing","tg":["minimal"],"sb":"Plan cards","sy":["minimal"],"hc":1},{"id":"shadcn-space:pricing-02","t":"Pricing 02   Scalable Pricing Table","d":"A three tier pricing layout with a highlighted recommended plan, feature checklists, and c","k":"section","s":"shadcn-space","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"],"hc":1},{"id":"shadcn-space:pricing-03","t":"Pricing 03   Simple Subscription Pricing","d":"A modern pricing section with monthly vs yearly toggle, three plan cards, feature lists, a","k":"section","s":"shadcn-space","c":"marketing/pricing","tg":["minimal","webgl"],"sb":"Single plan","sy":["minimal","webgl"]},{"id":"shadcn-space:pricing-04","t":"Pricing 04   Highlighted Plan Pricing","d":"A visually rich pricing section with promotional banner, monthly vs yearly toggle, and rec","k":"section","s":"shadcn-space","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"shadcn-space:pricing-05","t":"Pricing 05   Flexible Pricing Plans","d":"Present clear, scalable pricing tiers designed to support businesses at every stage—helpin","k":"section","s":"shadcn-space","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcn-space:pricing-06","t":"Pricing 06   Simple & Transparent Service Pricing","d":"Showcase clearly structured cleaning packages with upfront pricing, helping customers quic","k":"section","s":"shadcn-space","c":"marketing/pricing","tg":["minimal"],"sb":"Single plan","sy":["minimal"]},{"id":"shadcn-space:pricing-07","t":"Pricing 07   Business Plan Pricing","d":"A clean pricing layout showcasing multiple subscription tiers, feature comparisons, and cl","k":"section","s":"shadcn-space","c":"marketing/pricing","tg":["minimal"],"sb":"Plan cards","sy":["minimal"]},{"id":"shadcn-space:pricing-08","t":"Pricing 08   Modern SaaS Pricing","d":"A clean pricing section with three plans, a highlighted recommendation, billing toggle, an","k":"section","s":"shadcn-space","c":"marketing/pricing","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"shadcn-space:pricing-09","t":"Pricing 09   Personalized Pricing Plans","d":"A modern pricing section with flexible subscription tiers, a highlighted popular plan, fea","k":"section","s":"shadcn-space","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcn-space:pricing-10","t":"Pricing 10   Three Tiered Pricing Plans","d":"A simple and scalable pricing section with three plans, feature checklists, and clear CTAs","k":"section","s":"shadcn-space","c":"marketing/pricing","tg":["minimal","webgl"],"sb":"Plan cards","sy":["minimal","webgl"]},{"id":"shadcn-space:pricing-11","t":"Pricing 11   Add Ons Pricing Section","d":"A modern add-ons pricing section showcasing flexible upgrade options, feature highlights, ","k":"section","s":"shadcn-space","c":"marketing/pricing"},{"id":"shadcn-space:pricing-12","t":"Pricing 12   Simple Tech Upgrade Plans","d":"A modern two-tier pricing section with billing toggle, feature highlights, and clear CTAs,","k":"section","s":"shadcn-space","c":"marketing/pricing","tg":["minimal"],"sb":"Single plan","sy":["minimal"]},{"id":"shadcn-space:pricing-13","t":"Pricing 13   Tabular Pricing Layout","d":"A detailed tabular layout with multiple plans, feature availability, and highlighted optio","k":"section","s":"shadcn-space","c":"marketing/pricing"},{"id":"shadcn-space:pricing-14","t":"Pricing 14   Single Plan Pricing","d":"A clean single plan pricing card with feature highlights, billing toggle, and strong CTA, ","k":"section","s":"shadcn-space","c":"marketing/pricing","tg":["minimal"],"sb":"Single plan","sy":["minimal"]},{"id":"shadcn-space:pricing-15","t":"Pricing 15   Choose and Compare Pricing","d":"A modern pricing interface with plan options and side feature panel, designed to improve c","k":"section","s":"shadcn-space","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcn-space:pricing-16","t":"Pricing 16   Plans with Feature Comparison","d":"A pricing section with a monthly/yearly toggle, three plan cards, and a grouped feature co","k":"section","s":"shadcn-space","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"shadcn-space:bio-link-01","t":"Bio Link 01   Founder Bio Link","d":"A clean founder-focused bio links layout with profile image, quick access buttons, social ","s":"shadcn-space","c":"actions/link","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:bio-link-02","t":"Bio Link 02   Speaker Bio Link","d":"A sleek speaker bio page with session booking, social links, featured video, and event sch","s":"shadcn-space","c":"actions/link"},{"id":"shadcn-space:bio-link-03","t":"Bio Link 03   Fitness Link Hub","d":"A clean fitness bio link page with quick actions, social links, workout categories, and vi","s":"shadcn-space","c":"actions/link","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:bio-link-04","t":"Bio Link 04   Portfolio Bio Link","d":"A modern creator portfolio link hub featuring profile info, social presence, product cards","s":"shadcn-space","c":"actions/link"},{"id":"shadcn-space:testimonial-01","t":"Testimonial 01   Bento Grid Testimonials","d":"A multi card testimonial section combining customer quotes, imagery, and performance stats","k":"section","s":"shadcn-space","c":"marketing/testimonials","hc":1},{"id":"shadcn-space:testimonial-02","t":"Testimonial 02   Testimonial Slider Showcase","d":"A clean testimonial slider with customer photo, detailed quote, navigation controls, and p","k":"section","s":"shadcn-space","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:testimonial-03","t":"Testimonial 03   Text and Video Testimonials","d":"Highlight authentic client experiences through impactful testimonials that build credibili","k":"section","s":"shadcn-space","c":"marketing/testimonials"},{"id":"shadcn-space:testimonial-04","t":"Testimonial 04   Client Success Stories","d":"Showcase measurable outcomes and real client feedback to demonstrate impact, build trust, ","k":"section","s":"shadcn-space","c":"marketing/testimonials"},{"id":"shadcn-space:testimonial-05","t":"Testimonial 05   Modern Grid Testimonials","d":"Build credibility with authentic testimonials from respected clients, highlighting real re","k":"section","s":"shadcn-space","c":"marketing/testimonials"},{"id":"shadcn-space:testimonial-06","t":"Testimonial 06   Clean & Modern Testimonials","d":"Showcase genuine customer experiences that highlight measurable success, improved workflow","k":"section","s":"shadcn-space","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:testimonial-07","t":"Testimonial 07   Multi Platform Testimonials","d":"Highlight authentic customer feedback that reflects real success, seamless adoption, and m","k":"section","s":"shadcn-space","c":"marketing/testimonials"},{"id":"shadcn-space:testimonial-08","t":"Testimonial 08   Customer Story Testimonials","d":"A professional testimonial experience designed to showcase authentic customer feedback, hi","k":"section","s":"shadcn-space","c":"marketing/testimonials"},{"id":"shadcn-space:testimonial-09","t":"Testimonial 09   Quote & Stats Testimonials","d":"A modern testimonial layout combining real customer feedback with performance statistics, ","k":"section","s":"shadcn-space","c":"marketing/testimonials"},{"id":"shadcn-space:testimonial-10","t":"Testimonial 10   Split Layout Testimonials","d":"A testimonial section featuring trusted company logos and authentic client quotes, helping","k":"section","s":"shadcn-space","c":"marketing/testimonials"},{"id":"shadcn-space:testimonial-11","t":"Testimonial 11   Profile Highlight Testimonials","d":"A modern testimonial section featuring customer profiles and real feedback, helping showca","k":"section","s":"shadcn-space","c":"marketing/testimonials"},{"id":"shadcn-space:testimonial-12","t":"Testimonial 12   Centered Testimonials Slider","d":"A clean testimonial slider with centered quotes, user avatars, and brand logos, helping sh","k":"section","s":"shadcn-space","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:testimonial-13","t":"Testimonial 13   Multi Column Testimonials","d":"A modern grid layout designed to present authentic customer feedback at scale, reinforcing","k":"section","s":"shadcn-space","c":"marketing/testimonials"},{"id":"shadcn-space:testimonial-14","t":"Testimonial 14   Carousel Testimonials Layout","d":"A horizontal testimonial slider with developer-focused feedback and user profiles, helping","k":"section","s":"shadcn-space","c":"marketing/testimonials"},{"id":"shadcn-space:testimonial-15","t":"Testimonial 15   Video Carousel Testimonials","d":"A testimonial carousel that mixes video testimonials with written quotes, letting visitors","k":"section","s":"shadcn-space","c":"marketing/testimonials"},{"id":"shadcn-space:feature-01","t":"Feature 01   Feature with Testimonials","d":"A trust focused feature section combining a highlighted customer testimonial with supporti","k":"section","s":"shadcn-space","c":"marketing/features","hc":1},{"id":"shadcn-space:feature-02","t":"Feature 02   Three Columns Feature with Icons","d":"A clean three card feature grid with icons and concise copy, built for product or SaaS pag","k":"section","s":"shadcn-space","c":"marketing/features","tg":["minimal","webgl"],"sb":"Icons","sy":["minimal","webgl"],"hc":1},{"id":"shadcn-space:feature-03","t":"Feature 03   Split Feature Showcase","d":"A modern split layout feature section with visual focus, headline, and icon based benefit ","k":"section","s":"shadcn-space","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcn-space:feature-04","t":"Feature 04   Team Collaboration Feature","d":"A people centric feature section combining engaging team imagery, benefit cards, and a str","k":"section","s":"shadcn-space","c":"marketing/features"},{"id":"shadcn-space:feature-05","t":"Feature 05   Visual Feature Highlight","d":"A bold hero style feature section with floating stats, social proof, and primary CTA, perf","k":"section","s":"shadcn-space","c":"marketing/features"},{"id":"shadcn-space:feature-06","t":"Feature 06   Impact Stats Feature","d":"A split-layout feature section combining storytelling imagery, persuasive copy, strong CTA","k":"section","s":"shadcn-space","c":"marketing/features"},{"id":"shadcn-space:feature-07","t":"Feature 07   Performance Focused Feature Section","d":"Highlight powerful platform capabilities with an interactive feature section designed to s","k":"section","s":"shadcn-space","c":"marketing/features"},{"id":"shadcn-space:feature-08","t":"Feature 08   Core Advantages Feature Section","d":"Showcase the platform's strongest benefits with a modern feature layout that emphasizes co","k":"section","s":"shadcn-space","c":"marketing/features"},{"id":"shadcn-space:feature-09","t":"Feature 09   Crypto App Features Section","d":"Highlight powerful crypto-ready features with a sleek layout designed for trading platform","k":"section","s":"shadcn-space","c":"marketing/features"},{"id":"shadcn-space:feature-10","t":"Feature 10   Multi Option Crypto Experience Section","d":"Showcase a powerful crypto application designed for flexibility—plan, prototype, refine, a","k":"section","s":"shadcn-space","c":"marketing/features"},{"id":"shadcn-space:feature-11","t":"Feature 11   Crypto Portfolio Builder Section","d":"Highlight a modern crypto platform that empowers users to build, manage, and secure their ","k":"section","s":"shadcn-space","c":"marketing/features"},{"id":"shadcn-space:feature-12","t":"Feature 12   Developer Experience Features Section","d":"Showcase a developer-first toolkit designed for speed and flexibility—combining Tailwind s","k":"section","s":"shadcn-space","c":"marketing/features"},{"id":"shadcn-space:feature-13","t":"Feature 13   AI Workflow feature Section","d":"A modern process-driven feature section highlighting AI-powered workflows, performance ins","k":"section","s":"shadcn-space","c":"marketing/features","sb":"Steps"},{"id":"shadcn-space:feature-14","t":"Feature 14   Team Workflow feature Section","d":"A modern workflow section highlighting team collaboration, task management, and project co","k":"section","s":"shadcn-space","c":"marketing/features","sb":"Steps"},{"id":"shadcn-space:feature-15","t":"Feature 15   AI Platform Features Section","d":"A modern feature section showcasing performance dashboards, reporting tools, and operation","k":"section","s":"shadcn-space","c":"marketing/features"},{"id":"shadcn-space:feature-16","t":"Feature 16   Creative Studio Feature Section","d":"A modern feature section highlighting creative teamwork, production planning, and visual s","k":"section","s":"shadcn-space","c":"marketing/features"},{"id":"shadcn-space:feature-17","t":"Feature 17   Video Agency Feature Section","d":"A creative feature section showcasing cinematic storytelling, collaborative production wor","k":"section","s":"shadcn-space","c":"marketing/features"},{"id":"shadcn-space:feature-18","t":"Feature 18   AI Startups Solutions Feature Section","d":"A startup-focused section combining product visuals, performance metrics, and conversion i","k":"section","s":"shadcn-space","c":"marketing/features"},{"id":"shadcn-space:feature-19","t":"Feature 19   AI Startups Solutions Feature Section","d":"A startup-focused section combining product visuals, performance metrics, and conversion i","k":"section","s":"shadcn-space","c":"marketing/features"},{"id":"shadcn-space:feature-20","t":"Feature 20   Card Based Feature Section","d":"A clean feature section showcasing organized layers of content with supporting visuals, bu","k":"section","s":"shadcn-space","c":"marketing/features","tg":["minimal"],"sb":"Grid of cards","sy":["minimal"]},{"id":"shadcn-space:feature-21","t":"Feature 21   Strategy Feature Section","d":"A clean feature section focused on planning, efficiency, and actionable insights, designed","k":"section","s":"shadcn-space","c":"marketing/features","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:feature-22","t":"Feature 22   Two Row grid feature section","d":"A modern two-row grid feature section with six cards, designed to highlight multiple featu","k":"section","s":"shadcn-space","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcn-space:feature-23","t":"Feature 23   Educational Platform Feature Section","d":"A thoughtfully designed feature section presenting layered learning, connected ideas, and ","k":"section","s":"shadcn-space","c":"marketing/features"},{"id":"shadcn-space:feature-24","t":"Feature 24   AI Product Feature Section","d":"A balanced layout combining engaging visuals and structured content to showcase scalable A","k":"section","s":"shadcn-space","c":"marketing/features","hc":1},{"id":"shadcn-space:feature-25","t":"Feature 25   Signature Spaces Grid","d":"A centred header with a 2-column image grid showcasing four signature community spaces - p","k":"section","s":"shadcn-space","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcn-space:feature-26","t":"Feature 26   Amenities Icon Grid","d":"A centred header above an 18-item icon grid displaying community amenities - gym, kids' pl","k":"section","s":"shadcn-space","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcn-space:feature-27","t":"Feature 27   Floor Plan Explorer","d":"A tabbed floor plan section with an animated line indicator, showing a plan image alongsid","k":"section","s":"shadcn-space","c":"marketing/features"},{"id":"shadcn-space:feature-28","t":"Feature 28   Bento Grid with Animated Waves","d":"A bento-style feature grid highlighting service benefits with icon cards, capped off by an","k":"section","s":"shadcn-space","c":"marketing/features","tg":["gradient","webgl"],"sb":"Bento","sy":["gradient","webgl"],"hc":1},{"id":"shadcn-space:feature-29","t":"Feature 29   Bento Grid Mosaic","d":"An 8-tile bento mosaic mixing an animated soft-aurora panel, oversized line-art icons, a s","k":"section","s":"shadcn-space","c":"marketing/features","tg":["gradient","webgl"],"sb":"Bento","sy":["gradient","webgl"]},{"id":"shadcn-space:about-us-section-01","t":"About Us 01   Impact Metrics","d":"A bold about us section combining value pillars, headline messaging, and performance count","k":"section","s":"shadcn-space","c":"marketing/team","hc":1},{"id":"shadcn-space:about-us-section-02","t":"About Us 02   About the Platform with Stats","d":"A modern about section highlighting your mission, product impact, and key metrics, designe","k":"section","s":"shadcn-space","c":"marketing/team"},{"id":"shadcn-space:about-us-section-03","t":"About Us 03   Experience & Impact About Us","d":"A metrics-driven about section combining credibility stats with a strong brand narrative, ","k":"section","s":"shadcn-space","c":"marketing/team"},{"id":"shadcn-space:about-us-section-04","t":"About Us 04   Lifestyle Showcase About Section","d":"A visually rich about section featuring immersive imagery, refined messaging, and key comm","k":"section","s":"shadcn-space","c":"marketing/team"},{"id":"shadcn-space:about-us-section-05","t":"About Us 05   Platform Overview","d":"A modern about section blending strong messaging with performance metrics, helping teams c","k":"section","s":"shadcn-space","c":"marketing/team"},{"id":"shadcn-space:about-us-section-06","t":"About Us 06   Minimal About Us","d":"A clean about us section with minimal design and clear messaging, helping teams introduce ","k":"section","s":"shadcn-space","c":"marketing/team","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:about-us-section-07","t":"About Us 07   Business Growth","d":"A modern metrics section highlighting key numbers that showcase product adoption, business","k":"section","s":"shadcn-space","c":"marketing/team"},{"id":"shadcn-space:about-us-section-08","t":"About Us 08   Marketing Agency About Section","d":"A modern about section combining brand messaging with key performance metrics to highlight","k":"section","s":"shadcn-space","c":"marketing/team"},{"id":"shadcn-space:about-us-section-09","t":"About Us 09   Split Layout About Section","d":"A balanced layout combining immersive visuals with concise text, designed to present brand","k":"section","s":"shadcn-space","c":"marketing/team"},{"id":"shadcn-space:about-us-section-10","t":"About Us 10   About Section with KPIs","d":"A minimal about section showcasing mission, vision, and key performance indicators, helpin","k":"section","s":"shadcn-space","c":"marketing/team","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:about-us-section-11","t":"About Us 11   Creative Media About Section","d":"A modern layout presenting video services and brand storytelling, supported by a strong ca","k":"section","s":"shadcn-space","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcn-space:about-us-section-12","t":"About Us 12   Real Estate About Section","d":"A clean and engaging section combining property visuals, brand messaging, and key statisti","k":"section","s":"shadcn-space","c":"marketing/team","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:about-us-section-13","t":"About Us 13   Interior Design About Section","d":"A modern interior design about section combining split layout visuals and key metrics to h","k":"section","s":"shadcn-space","c":"marketing/team"},{"id":"shadcn-space:about-us-section-14","t":"About Us 14   Brand Story About Section","d":"A brand story about section featuring a bold headline, a label and narrative row, a two-im","k":"section","s":"shadcn-space","c":"marketing/team"},{"id":"shadcn-space:about-us-section-15","t":"About Us 15   Six Column About Section","d":"A six-column about section with a bold headline, a full-width hero image, and a closing ro","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"Animated background"},{"id":"shadcn-space:team-01","t":"Team 01   Creative Team Showcase","d":"A vibrant team section featuring profile cards with roles and social links, perfect for ag","k":"section","s":"shadcn-space","c":"marketing/team","hc":1},{"id":"shadcn-space:team-02","t":"Team 02   Modern Team Grid","d":"A clean team grid with large profile cards, roles, and social icons, ideal for agencies or","k":"section","s":"shadcn-space","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:team-03","t":"Team 03   Meet the Team","d":"A clean team showcase layout designed to introduce key members with professional visuals a","k":"section","s":"shadcn-space","c":"marketing/team","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:team-04","t":"Team 04   Leadership Team","d":"A modern leadership section combining engaging visuals with strong messaging, crafted to h","k":"section","s":"shadcn-space","c":"marketing/team"},{"id":"shadcn-space:team-05","t":"Team 05   Agents Team","d":"A professional team directory layout built to showcase agents with credentials, performanc","k":"section","s":"shadcn-space","c":"marketing/team"},{"id":"shadcn-space:team-06","t":"Team 06   Clinical Experts Team","d":"A clean team section layout featuring healthcare clinicians and experts in a dynamic carou","k":"section","s":"shadcn-space","c":"marketing/team","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:team-07","t":"Team 07   Platform Innovators Team","d":"A confident team section pairing a bold headline and trust-building highlight card with a ","k":"section","s":"shadcn-space","c":"marketing/team"},{"id":"shadcn-space:team-08","t":"Team 08   Swing Line Team","d":"Introduce your team on a sagging line of pinned member cards that drifts on its own, sways","k":"section","s":"shadcn-space","c":"marketing/team"},{"id":"shadcn-space:compare-01","t":"Compare 01   Feature Comparison","d":"A side-by-side comparison section that highlights the time, effort, and quality difference","k":"section","s":"shadcn-space","c":"marketing/comparison"},{"id":"shadcn-space:compare-02","t":"Compare 02   Platform Feature Matrix","d":"A structured comparison table contrasting Space against Freelancers and Traditional Agenci","k":"section","s":"shadcn-space","c":"marketing/comparison"},{"id":"shadcn-space:navbar-01","t":"Navbar 01   Minimal Agency Navbar","d":"A clean top navigation bar with logo, page links, and standout CTA button, ideal for agenc","s":"shadcn-space","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:navbar-02","t":"Navbar 02   Modern SaaS Menu","d":"A structured navigation layout with categorized features and use cases, interactive icons,","s":"shadcn-space","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcn-space:navbar-03","t":"Navbar 03   Modern Healthcare NavBar","d":"A structured navigation bar with a detailed services dropdown, medical categories, and cle","s":"shadcn-space","c":"navigation/top-nav"},{"id":"shadcn-space:navbar-04","t":"Navbar 04   Structured SaaS Navigation Menu","d":"A clean multi-column navigation layout with categorized features, organized content links,","s":"shadcn-space","c":"navigation/top-nav","tg":["minimal"],"sb":"Mega menus","sy":["minimal"]},{"id":"shadcn-space:navbar-05","t":"Navbar 05   Comprehensive Resources Menu","d":"A structured dropdown layout with documentation, tutorials, community access, webinars, an","s":"shadcn-space","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcn-space:navbar-06","t":"Navbar 06   Advanced Resources Navbar","d":"A structured dropdown layout highlighting branding controls, data export, API access, and ","s":"shadcn-space","c":"navigation/top-nav"},{"id":"shadcn-space:navbar-07","t":"Navbar 07   Feature Rich Navbar","d":"A clean and categorized dropdown menu with automation tools, partnerships, analytics, and ","s":"shadcn-space","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:navbar-08","t":"Navbar 08   Minimal Services Menu","d":"A clean navigation bar with a services dropdown, contact details, and a clear call-to-acti","s":"shadcn-space","c":"navigation/top-nav","tg":["minimal"],"sb":"Mega menus","sy":["minimal"]},{"id":"shadcn-space:navbar-09","t":"Navbar 09   Minimal Developer Navbar","d":"A minimal navigation layout with clear links to projects, experience, and contact—crafted ","s":"shadcn-space","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:navbar-10","t":"Navbar 10   Creator Platform Navigation","d":"A clean sidebar navigation menu with essential links, social icons, and a strong call-to-a","s":"shadcn-space","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:navbar-11","t":"Navbar 11   Boxed Navbar Layout","d":"A clean boxed navigation bar with structured links, clear hierarchy, and strong call-to-ac","s":"shadcn-space","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:navbar-12","t":"Navbar 12   Ecommerce Mega Menu Navbar","d":"An ecommerce navbar with a compact icon-only utility row for cart, wishlist, and account, ","s":"shadcn-space","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcn-space:navbar-13","t":"Navbar 13   Media Navbar","d":"A transparent-to-blurred navbar with an animated dot hover indicator, icon search trigger,","s":"shadcn-space","c":"navigation/top-nav"},{"id":"shadcn-space:widget-01","t":"Widget 01   Analytics Overview Widget","d":"A compact analytics widget displaying earnings and expenses with growth indicators, perfec","s":"shadcn-space","c":"data-display/card","sb":"Metric","hc":1},{"id":"shadcn-space:widget-02","t":"Widget 02   Sales by Country Widget","d":"A ranked country wise sales widget with flags, revenue values, and growth indicators, idea","s":"shadcn-space","c":"data-display/card","hc":1},{"id":"shadcn-space:widget-03","t":"Widget 03   Course Preview Card Widget","d":"A content preview widget with cover image, title, short description, and participant avata","s":"shadcn-space","c":"data-display/card"},{"id":"shadcn-space:widget-04","t":"Widget 04   Best Selling Products Widget","d":"A visual sales widget highlighting top-performing products with revenue values and progres","s":"shadcn-space","c":"data-display/card","sb":"Product"},{"id":"shadcn-space:widget-05","t":"Widget 05   Activity Timeline Widget","d":"A vertical activity feed displaying real-time events like payments, sales, and meetings, i","s":"shadcn-space","c":"data-display/card"},{"id":"shadcn-space:widget-06","t":"Widget 06   Campaign Performance Widget","d":"A social campaign tracking widget showing leads, followers, and ad clicks with status labe","s":"shadcn-space","c":"data-display/card"},{"id":"shadcn-space:widget-07","t":"Widget 07   Statistics – Asset Distribution Overview","d":"An informative analytics card outlining asset value, annual growth metrics, and revenue al","s":"shadcn-space","c":"data-display/card","sb":"Metric"},{"id":"shadcn-space:widget-08","t":"Widget 08   Statistics – KPI Welcome Section","d":"A modern dashboard welcome banner displaying personalized greeting with key metrics like n","s":"shadcn-space","c":"data-display/card","sb":"Metric"},{"id":"shadcn-space:widget-09","t":"Widget 09   Sales Performance Summary Widget","d":"A sales summary widget presenting active, pending, and delivered orders with achievement i","s":"shadcn-space","c":"data-display/card"},{"id":"shadcn-space:widget-10","t":"Widget 10   Weekly Sales Insights Widget","d":"A compact performance overview card displaying weekly sales patterns, best contributors, t","s":"shadcn-space","c":"data-display/card"},{"id":"shadcn-space:widget-11","t":"Widget 11   Performance Goals Overview","d":"A clean progress tracking widget displaying new goals with completion percentage and visua","s":"shadcn-space","c":"data-display/card","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:widget-12","t":"Widget 12   Sales by Location Overview","d":"A geographic sales widget showing state-wise performance with percentage breakdowns, ideal","s":"shadcn-space","c":"data-display/card"},{"id":"shadcn-space:widget-13","t":"Widget 13   Transaction Summary Widget","d":"A transaction summary widget displaying recent payments, transfers, refunds, and wallet ac","s":"shadcn-space","c":"data-display/card","tg":["playful"],"sy":["playful"]},{"id":"shadcn-space:widget-14","t":"Widget 14   Upcoming Schedule Management","d":"A scheduling overview widget displaying upcoming shipments, freight details, locations, an","s":"shadcn-space","c":"data-display/card"},{"id":"shadcn-space:widget-15","t":"Widget 15   Payments & Transactions Panel Widget","d":"A financial dashboard widget displaying saved payment cards, account balances, and recent ","s":"shadcn-space","c":"data-display/card","sb":"Payment"},{"id":"shadcn-space:widget-16","t":"Widget 16   Sales Growth Update Banner","d":"A highlight notification banner showcasing a 40% weekly revenue increase, ideal for dashbo","s":"shadcn-space","c":"data-display/card"},{"id":"shadcn-space:widget-17","t":"Widget 17   Order Performance Overview Widget","d":"A real-time order performance widget displaying new, on-hold, and delivered orders with a ","s":"shadcn-space","c":"data-display/card"},{"id":"shadcn-space:chart-01","t":"Chart 01   Sales Performance Bar Chart","d":"An interactive stacked bar chart displaying monthly earnings, profit, and expenses, ideal ","s":"shadcn-space","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"shadcn-space:chart-02","t":"Chart 02   Earnings Pie Chart   Donut with Text","d":"A clean donut chart widget summarizing total earnings with source-wise breakdown, perfect ","s":"shadcn-space","c":"data-viz/chart","tg":["minimal"],"sb":"Pie, donut and radial","sy":["minimal"],"hc":1},{"id":"shadcn-space:chart-03","t":"Chart 03   Area Chart Gradeint   Yearly Sales Comparison","d":"A smooth line chart comparing this year versus last year sales with summary stats, ideal f","s":"shadcn-space","c":"data-viz/chart","sb":"Area"},{"id":"shadcn-space:chart-04","t":"Chart 04   Bar Chart   Weekly Sales","d":"A compact bar chart widget showing daily sales for the past week with trend indicator, per","s":"shadcn-space","c":"data-viz/chart","sb":"Bar"},{"id":"shadcn-space:chart-05","t":"Chart 05   Bar Chart   Revenue vs Expenses","d":"A comparative bar chart showing daily revenue and expenses with profit trends, summary ear","s":"shadcn-space","c":"data-viz/chart","sb":"Bar"},{"id":"shadcn-space:chart-06","t":"Chart 06   Line Chart   Sales & Profit Overview","d":"An interactive line chart displaying monthly sales and profit trends with highlighted data","s":"shadcn-space","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcn-space:chart-07","t":"Chart 07   Sales Comparison Area Chart","d":"An area chart showing monthly sales with online and offline breakdowns, year-over-year gro","s":"shadcn-space","c":"data-viz/chart","sb":"Area"},{"id":"shadcn-space:chart-08","t":"Chart 08   Product Sales Performance Gauge Chart","d":"A semi-circle gauge chart displaying total product sales with category-wise contribution a","s":"shadcn-space","c":"data-viz/chart"},{"id":"shadcn-space:chart-09","t":"Chart 09   Pipeline Performance Radar Chart","d":"A radar chart comparing monthly lead conversion, opportunity win rate, and churn metrics, ","s":"shadcn-space","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcn-space:chart-10","t":"Chart 10   Marketing Report Donut Chart","d":"A donut chart displaying traffic and acquisition sources including organic, referrals, and","s":"shadcn-space","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcn-space:chart-11","t":"Chart 11   Profit & Expense Bar Chart","d":"A bar chart comparing monthly profit and expense values with yearly earnings summaries, id","s":"shadcn-space","c":"data-viz/chart","sb":"Bar"},{"id":"shadcn-space:chart-12","t":"Chart 12   Profit & Expense Bar Chart","d":"A bar chart comparing monthly profit and expense values with yearly earnings summaries, id","s":"shadcn-space","c":"data-viz/chart","sb":"Bar"},{"id":"shadcn-space:chart-13","t":"Chart 13   Product Sales Line Chart","d":"A line chart showing yearly product sales growth with customer increase indicators, suitab","s":"shadcn-space","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcn-space:chart-14","t":"Chart 14   Total Settlements Area Chart","d":"An area chart showing settlement amounts over time with balance and withdrawal totals, opt","s":"shadcn-space","c":"data-viz/chart","sb":"Area"},{"id":"shadcn-space:chart-15","t":"Chart 15   Bar Chart   Revenue Forecast","d":"A bar chart comparing monthly revenue and profit forecasts across two years, ideal for das","s":"shadcn-space","c":"data-viz/chart","sb":"Bar"},{"id":"shadcn-space:chart-16","t":"Chart 16   Revenue Forecast Line Chart","d":"A clean and modern line chart displaying revenue trends across multiple years, ideal for d","s":"shadcn-space","c":"data-viz/chart","tg":["minimal"],"sb":"Line and sparkline","sy":["minimal"]},{"id":"shadcn-space:chart-17","t":"Chart 17   Revenue Updates Bar Chart","d":"A minimal bar chart showcasing monthly revenue comparisons across multiple years, perfect ","s":"shadcn-space","c":"data-viz/chart","tg":["minimal"],"sb":"Bar","sy":["minimal"]},{"id":"shadcn-space:statistics-01","t":"Statistics 01   KPI Summary Cards","d":"A compact statistics section with KPI cards highlighting earnings, expenses, weekly sales,","s":"shadcn-space","c":"data-display/stat","hc":1},{"id":"shadcn-space:statistics-02","t":"Statistics 02   Business Metrics Bar","d":"A horizontal KPI bar displaying orders, sales, profit, and expenses with weekly change ind","s":"shadcn-space","c":"data-display/stat","hc":1},{"id":"shadcn-space:statistics-03","t":"Statistics 03   Business Insights Cards","d":"A set of clean analytics cards displaying key metrics like followers, income, and balance,","s":"shadcn-space","c":"data-display/stat","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:statistics-04","t":"Statistics 04   Financial Performance Cards","d":"A clean set of metric cards highlighting sales, profit, and advertising costs, ideal for d","s":"shadcn-space","c":"data-display/stat","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:statistics-05","t":"Statistics 05   Revenue & Sales Metrics Cards","d":"A modern analytics card set showcasing total sales, monthly performance, and revenue growt","s":"shadcn-space","c":"data-display/stat"},{"id":"shadcn-space:statistics-06","t":"Statistics 06   Colorful Dashboard Summary Cards","d":"A vibrant set of metric cards displaying key business indicators like employees, clients, ","s":"shadcn-space","c":"data-display/stat"},{"id":"shadcn-space:statistics-07","t":"Statistics 07   Dashboard Summary Header","d":"A modern dashboard header with summary metrics highlighting leads, conversion, refunds, sa","s":"shadcn-space","c":"data-display/stat","tg":["playful"],"sy":["playful"]},{"id":"shadcn-space:statistics-08","t":"Statistics 08   Analytics Dashboard Widgets","d":"A clean set of dashboard widgets highlighting customer insights, product insights, deal pr","s":"shadcn-space","c":"data-display/stat","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:statistics-09","t":"Statistics 09   Revenue Insights Card","d":"A minimal revenue insights card showcasing total earnings with region-wise distribution, p","s":"shadcn-space","c":"data-display/stat","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:statistics-10","t":"Statistics 10   Monthly Earnings Overview","d":"A clean analytics card displaying monthly earnings with year-over-year comparison, ideal f","s":"shadcn-space","c":"data-display/stat","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:statistics-11","t":"Statistics 11   Yearly Backup Overview","d":"A clean analytics card displaying total yearly backup value with growth percentage and vis","s":"shadcn-space","c":"data-display/stat","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:statistics-12","t":"Statistics 12   Total Assets Summary","d":"A vibrant dashboard card layout showcasing key organizational metrics including employees,","s":"shadcn-space","c":"data-display/stat"},{"id":"shadcn-space:statistics-13","t":"Statistics 13   Users & Subscriptions Overview Cards","d":"A modern gradient analytics card set highlighting users and subscription performance with ","s":"shadcn-space","c":"data-display/stat","tg":["gradient"],"sy":["gradient"]},{"id":"shadcn-space:statistics-14","t":"Statistics 14   Sales Overview Card","d":"A clean analytics card displaying last seven days sales performance with circular progress","s":"shadcn-space","c":"data-display/stat","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:statistics-15","t":"Statistics 15   Customer Growth Overview","d":"A modern analytics card displaying last seven days customer growth with trend comparison a","s":"shadcn-space","c":"data-display/stat"},{"id":"shadcn-space:statistics-16","t":"Statistics 16   Statistics Business Performance Cards","d":"A clean dashboard card set highlighting customers, projects, growth rate, and expense dist","s":"shadcn-space","c":"data-display/stat","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:statistics-17","t":"Statistics 17   Total Assets Distribution Card","d":"A detailed analytics card displaying total assets value with yearly growth comparison and ","s":"shadcn-space","c":"data-display/stat"},{"id":"shadcn-space:statistics-18","t":"Statistics 18   Performance Indicator Cards","d":"A vibrant dashboard card set highlighting total orders, returns, annual budget, cancellati","s":"shadcn-space","c":"data-display/stat"},{"id":"shadcn-space:table-01","t":"Table 01   Project Management Table","d":"A sortable projects table with manager, team avatars, progress indicators, search, and pag","s":"shadcn-space","c":"data-display/table","hc":1},{"id":"shadcn-space:table-02","t":"Table 02   Invoice Management Table","d":"A clean, searchable invoice table displaying customer details, statuses, totals, issue dat","s":"shadcn-space","c":"data-display/table","tg":["minimal"],"sb":"Transactions","sy":["minimal"]},{"id":"shadcn-space:table-03","t":"Table 03   Course Assignment Overview Table","d":"A structured assignment table displaying authors, course categories, technology tags, and ","s":"shadcn-space","c":"data-display/table"},{"id":"shadcn-space:table-04","t":"Table 04   Revenue Tracker Table","d":"An interactive revenue table that highlights product performance, progress, priorities, an","s":"shadcn-space","c":"data-display/table"},{"id":"shadcn-space:table-05","t":"Table 05   Transaction Status Table","d":"A clean, sortable transaction table displaying payment statuses, customer emails, amounts,","s":"shadcn-space","c":"data-display/table","tg":["minimal"],"sb":"Transactions","sy":["minimal"]},{"id":"shadcn-space:table-06","t":"Table 06   User Subscription Management Table","d":"A structured user management table displaying roles, plans, billing methods, statuses, and","s":"shadcn-space","c":"data-display/table","sb":"People"},{"id":"shadcn-space:table-07","t":"Table 07   Project Overview Table","d":"A structured project overview table showcasing users, project names, team members, statuse","s":"shadcn-space","c":"data-display/table"},{"id":"shadcn-space:table-08","t":"Table 08   Top Performing Products Table","d":"A performance-driven products table showcasing categories, sales figures, earnings, and te","s":"shadcn-space","c":"data-display/table"},{"id":"shadcn-space:table-09","t":"Table 09   Popular Products Table","d":"A detailed products table showcasing items, payment progress, and order statuses—helping t","s":"shadcn-space","c":"data-display/table"},{"id":"shadcn-space:table-10","t":"Table 10   Customer Reviews Table","d":"A clean, searchable reviews table displaying customer details, ratings, feedback, and time","s":"shadcn-space","c":"data-display/table","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:table-11","t":"Table 11   Project Tracking Table","d":"A structured table presenting ongoing projects with budget details, assigned teams, projec","s":"shadcn-space","c":"data-display/table"},{"id":"shadcn-space:sidebar-01","t":"Sidebar 01   Admin Dashboard Sidebar","d":"A collapsible sidebar navigation with grouped menus, icons, and upgrade CTA, perfect for a","s":"shadcn-space","c":"navigation/sidebar","hc":1},{"id":"shadcn-space:sidebar-02","t":"Sidebar 02   Mini Sidebar Navigation","d":"A compact sidebar designed for efficient navigation, providing quick access to core featur","s":"shadcn-space","c":"navigation/sidebar","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:sidebar-03","t":"Sidebar 03   Two Column Sidebar","d":"A structured dashboard sidebar that organizes analytics, apps, pages, and forms into clear","s":"shadcn-space","c":"navigation/sidebar"},{"id":"shadcn-space:sidebar-04","t":"Sidebar 04   Compact Dashboard Navigation","d":"A streamlined single-column dashboard sidebar that presents core sections like Dashboard, ","s":"shadcn-space","c":"navigation/sidebar","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:sidebar-05","t":"Sidebar 05   Admin Sidebar with Promo","d":"A feature-rich admin sidebar combining structured navigation with a promotional upgrade ca","s":"shadcn-space","c":"navigation/sidebar"},{"id":"shadcn-space:sidebar-06","t":"Sidebar 06   Card Layout Admin Dashboard Sidebar","d":"A responsive admin sidebar paired with a modern card-based dashboard layout. Features grou","s":"shadcn-space","c":"navigation/sidebar","hc":1},{"id":"shadcn-space:sidebar-07","t":"Sidebar 07   Animated Mega Menu Console Sidebar","d":"A premium animated sidebar built with Framer Motion, featuring a clean brand logo header, ","s":"shadcn-space","c":"navigation/sidebar","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:sidebar-08","t":"Sidebar 08   Mail Workspace Sidebar","d":"A modern workspace sidebar with a compact icon rail, searchable inbox, and secondary actio","s":"shadcn-space","c":"navigation/sidebar"},{"id":"shadcn-space:sidebar-09","t":"Sidebar 09   Productivity Workspace Sidebar","d":"A workspace-first sidebar featuring AI assistance, organized navigation, project groups, a","s":"shadcn-space","c":"navigation/sidebar"},{"id":"shadcn-space:topbar-01","t":"Topbar 01   Simple Navigation Topbar","d":"Clean navigation topbar with brand logo, navigation menu, notifications, language switcher","k":"section","s":"shadcn-space","c":"marketing/announcement","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:topbar-02","t":"Topbar 02   Navigation Mega Menu Topbar","d":"Multi level topbar with categorized navigation, quick access links, notifications, and use","k":"section","s":"shadcn-space","c":"marketing/announcement","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:topbar-03","t":"Topbar 03   Login Action Topbar","d":"Navigation topbar with primary links, login action, notifications, and user profile for qu","k":"section","s":"shadcn-space","c":"marketing/announcement","hc":1},{"id":"shadcn-space:topbar-04","t":"Topbar 04   Centered Navigation Topbar","d":"Centered navigation topbar with brand logo, quick access links, notifications, and profile","k":"section","s":"shadcn-space","c":"marketing/announcement","hc":1},{"id":"shadcn-space:topbar-05","t":"Topbar 05   Sidebar Integrated Topbar","d":"Topbar paired with a collapsible sidebar, combining primary navigation, quick actions, not","k":"section","s":"shadcn-space","c":"marketing/announcement","hc":1},{"id":"shadcn-space:topbar-06","t":"Topbar 06   Search Focused Topbar","d":"Clean topbar with a prominent search bar, sidebar toggle, notifications, and profile actio","k":"section","s":"shadcn-space","c":"marketing/announcement","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:cta-01","t":"CTA 01   Gradient Call to Action Banner","d":"A minimal full width CTA section with soft gradient background, persuasive headline, and p","k":"section","s":"shadcn-space","c":"marketing/cta","tg":["gradient","minimal"],"sb":"Banners","sy":["gradient","minimal"],"hc":1},{"id":"shadcn-space:cta-02","t":"CTA 02   Video Background CTA","d":"A high impact call-to-action section with autoplay background video, bold overlay headline","k":"section","s":"shadcn-space","c":"marketing/cta","hc":1},{"id":"shadcn-space:cta-03","t":"CTA 03   Conversion CTA","d":"A high-impact call-to-action section designed to drive engagement with compelling messagin","k":"section","s":"shadcn-space","c":"marketing/cta"},{"id":"shadcn-space:cta-04","t":"CTA 04   Start Trial CTA","d":"A conversion-focused CTA section featuring trust signals, key benefits, and a prominent tr","k":"section","s":"shadcn-space","c":"marketing/cta"},{"id":"shadcn-space:cta-05","t":"CTA 05   Minimal CTA Section","d":"A sleek, minimal call-to-action section featuring bold typography and a single conversion ","k":"section","s":"shadcn-space","c":"marketing/cta","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:cta-06","t":"CTA 06   Modern CTA Section","d":"A clean CTA section combining strong headline messaging with a focused action button—desig","k":"section","s":"shadcn-space","c":"marketing/cta","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:cta-07","t":"CTA 07   Centered CTA Banner","d":"A centered call-to-action layout with bold headline, short supporting text, and single pri","k":"section","s":"shadcn-space","c":"marketing/cta","sb":"Banners"},{"id":"shadcn-space:cta-08","t":"CTA 08   Growth Focus CTA Section","d":"A visually rich CTA section with background imagery, bold headline, trust highlights, and ","k":"section","s":"shadcn-space","c":"marketing/cta"},{"id":"shadcn-space:cta-09","t":"CTA 09   Service Preview CTA","d":"A modern call-to-action layout with strong headline, actionable buttons, and real-world se","k":"section","s":"shadcn-space","c":"marketing/cta"},{"id":"shadcn-space:cta-10","t":"CTA 10   SaaS Conversion CTA","d":"A structured CTA section with interface preview, concise messaging, and strong call-to-act","k":"section","s":"shadcn-space","c":"marketing/cta"},{"id":"shadcn-space:cta-11","t":"CTA 11   Choice Based CTA","d":"A modern CTA layout offering two distinct choices with supporting content and actions—craf","k":"section","s":"shadcn-space","c":"marketing/cta"},{"id":"shadcn-space:cta-12","t":"CTA 12   Gallery Style CTA","d":"A conversion-focused CTA with centered messaging and layered visual gallery—crafted to sho","k":"section","s":"shadcn-space","c":"marketing/cta"},{"id":"shadcn-space:cta-13","t":"CTA 13   Social Proof CTA","d":"A conversion-focused CTA combining headline clarity, user avatars, and adoption metrics de","k":"section","s":"shadcn-space","c":"marketing/cta"},{"id":"shadcn-space:cta-14","t":"CTA 14   Card Based CTA Section","d":"A card layout with clear CTAs for each resource type designed to drive user interaction an","k":"section","s":"shadcn-space","c":"marketing/cta","sb":"Cards"},{"id":"shadcn-space:cta-15","t":"CTA 15   Side by Side CTA Cards","d":"A minimal dual-card layout with strong headings and clear actions designed to reduce distr","k":"section","s":"shadcn-space","c":"marketing/cta","tg":["minimal"],"sb":"Cards","sy":["minimal"]},{"id":"shadcn-space:portfolio-01","t":"Portfolio 01   Clean Portfolio Grid","d":"A modern portfolio section displaying featured projects with tags, visuals, and categories","s":"shadcn-space","c":"data-display/badge","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:portfolio-02","t":"Portfolio 02   Featured Project Portfolio","d":"A clean portfolio section designed to highlight standout projects with strong visuals and ","k":"section","s":"shadcn-space","c":"marketing/logos","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:portfolio-03","t":"Portfolio 03   Project Gallery","d":"A structured portfolio grid that showcases multiple projects with clear visuals and labels","s":"shadcn-space","c":"media/gallery"},{"id":"shadcn-space:portfolio-04","t":"Portfolio 04   Product / Portfolio Showcase","d":"A dynamic portfolio layout crafted to highlight real-world products with immersive visuals","k":"motion","s":"shadcn-space","c":"motion/globe"},{"id":"shadcn-space:portfolio-05","t":"Portfolio 05   Property Listings","d":"A modern property grid designed to showcase real estate listings with high-quality visuals","k":"section","s":"shadcn-space","c":"marketing/pricing"},{"id":"shadcn-space:portfolio-06","t":"Portfolio 06   Portfolio Carousel Section","d":"A clean carousel layout combining side content with sliding visuals, helping teams present","s":"shadcn-space","c":"media/carousel","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:portfolio-07","t":"Portfolio 07   Real Estate Portfolio Section","d":"A modern real estate showcase highlighting residential and commercial properties through i","s":"shadcn-space","c":"data-display/accordion"},{"id":"shadcn-space:portfolio-08","t":"Portfolio 08   Stacked Portfolio Section","d":"A vertically stacked portfolio layout showcasing multiple product categories with supporti","k":"section","s":"shadcn-space","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-space:portfolio-09","t":"Portfolio 09   Categorized Project Showcase","d":"A portfolio grid with category filter pills; switching categories crossfades smoothly into","s":"shadcn-space","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-space:services-01","t":"Services 01   Creative Services Overview","d":"A colorful services section with icon cards and dual CTAs, perfect for agencies to present","k":"section","s":"shadcn-space","c":"marketing/features","hc":1},{"id":"shadcn-space:services-02","t":"Services 02   Dark Services Animated Block","d":"A premium dark mode services section with interactive list, visual preview, and detailed d","k":"section","s":"shadcn-space","c":"marketing/features","sb":"Icons","hc":1},{"id":"shadcn-space:services-03","t":"Services 03   Service Showcase","d":"A modern services section structured to present offerings with clarity, combining visuals ","k":"section","s":"shadcn-space","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcn-space:services-04","t":"Services 04   Cleaner Service Slider","d":"A visually engaging service slider designed to showcase offerings with strong imagery and ","k":"section","s":"shadcn-space","c":"marketing/features","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:services-05","t":"Services 05   Health Care Services Grid","d":"A clean healthcare services grid designed to present specialized treatments with supportiv","k":"section","s":"shadcn-space","c":"marketing/features","tg":["minimal"],"sb":"Grid of cards","sy":["minimal"]},{"id":"shadcn-space:services-06","t":"Services 06   Financial Services","d":"A professional services section tailored for financial firms, combining structured content","k":"section","s":"shadcn-space","c":"marketing/features"},{"id":"shadcn-space:services-07","t":"Services 07   Construction Services Showcase","d":"A structured services section combining strong imagery and clear categories, helping busin","k":"section","s":"shadcn-space","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcn-space:services-08","t":"Services 08   Modern Services Section","d":"A premium strategic services section with clean icon cards and structured content, helping","k":"section","s":"shadcn-space","c":"marketing/features","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:services-09","t":"Services 09   Solution Based Services","d":"A clean and modern services showcase designed to present business solutions with clarity, ","k":"section","s":"shadcn-space","c":"marketing/features","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:services-10","t":"Services 10   Business Services Solutions Section","d":"A modern services showcase with featured content, visual previews, and learn more actions,","k":"section","s":"shadcn-space","c":"marketing/features"},{"id":"shadcn-space:contact-01","t":"Contact 01   Project Inquiry Contact Form","d":"A conversion focused contact section with project inquiry form, contact details, and trust","k":"section","s":"shadcn-space","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"shadcn-space:contact-02","t":"Contact 02   Contact Me Form","d":"A clean contact section featuring an intuitive form with direct contact details and social","k":"section","s":"shadcn-space","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"]},{"id":"shadcn-space:contact-03","t":"Contact 03   Contact & Lead Form","d":"A conversion-focused contact section combining persuasive highlights with a streamlined fo","k":"section","s":"shadcn-space","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"]},{"id":"shadcn-space:contact-04","t":"Contact 04   Inquiry Form & Location","d":"A comprehensive contact section combining location details with a structured inquiry form,","k":"section","s":"shadcn-space","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-space:contact-05","t":"Contact 05   Real Estate Contact Form","d":"A real estate contact section pairing a property visual with contact details and a structu","k":"section","s":"shadcn-space","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-space:contact-06","t":"Contact 06   Quote Request Form","d":"A dark quote request section that pairs a benefit-driven pitch with a structured estimate ","k":"section","s":"shadcn-space","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-space:contact-07","t":"Contact 07   Real Estate Enquiry","d":"A dark real estate enquiry section that pairs a pitch column with an auto-scrolling testim","k":"section","s":"shadcn-space","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-space:contact-08","t":"Contact 08   Team Cards & Office Tabs","d":"A contact section with partnership, product help, and press enquiry cards paired with a ta","k":"section","s":"shadcn-space","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-space:contact-09","t":"Contact 09   Image Panel & Contact Channels","d":"A split contact section pairing an image panel showing phone, email, and office details wi","k":"section","s":"shadcn-space","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-space:faq-01","t":"FAQ 01   Expandable FAQ Section","d":"A clean accordion style FAQ section with expandable answers, ideal for agencies or SaaS si","k":"section","s":"shadcn-space","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:faq-02","t":"FAQ 02   FAQ Section with Image","d":"A structured FAQ section designed to address common questions with clarity, reduce support","k":"section","s":"shadcn-space","c":"marketing/faq"},{"id":"shadcn-space:faq-03","t":"FAQ 03   FAQ with Insights","d":"A comprehensive FAQ section paired with credibility metrics, designed to answer key questi","k":"section","s":"shadcn-space","c":"marketing/faq"},{"id":"shadcn-space:faq-04","t":"FAQ 04   Support FAQ","d":"A modern FAQ layout featuring structured questions alongside a support card, designed to p","k":"section","s":"shadcn-space","c":"marketing/faq"},{"id":"shadcn-space:faq-05","t":"FAQ 05   Minimal FAQ","d":"A modern FAQ layout featuring clear questions and expandable answers, helping users resolv","k":"section","s":"shadcn-space","c":"marketing/faq","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:faq-06","t":"FAQ 06   Tabbed FAQ Section","d":"A structured FAQ section with category tabs and expandable answers, helping users quickly ","k":"section","s":"shadcn-space","c":"marketing/faq"},{"id":"shadcn-space:faq-07","t":"FAQ 07   FAQ with Help Card","d":"A modern FAQ section with categorized tabs and an integrated help card, helping users find","k":"section","s":"shadcn-space","c":"marketing/faq"},{"id":"shadcn-space:blog-01","t":"Blog 01   Latest Blog & News Grid","d":"A modern blog section with featured posts, large thumbnails, publish dates, and headlines,","k":"section","s":"shadcn-space","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcn-space:blog-02","t":"Blog 02   Latest Articles","d":"A modern blog section designed to highlight recent articles, insights, and updates with st","k":"section","s":"shadcn-space","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-space:blog-03","t":"Blog 03   Editorial Blog","d":"A clean editorial-style blog layout designed to showcase featured stories with balanced vi","k":"section","s":"shadcn-space","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"]},{"id":"shadcn-space:blog-04","t":"Blog 04   Insights Feed","d":"A dynamic blog layout highlighting featured insights alongside recent articles, designed t","k":"section","s":"shadcn-space","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcn-space:blog-05","t":"Blog 05   News Grid","d":"A modern blog grid crafted to showcase recent articles with engaging visuals and metadata,","k":"section","s":"shadcn-space","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-space:blog-06","t":"Blog 06   Featured Blog","d":"A clean card-based blog section highlighting recent updates, insights, and  resources to k","k":"section","s":"shadcn-space","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"]},{"id":"shadcn-space:blog-07","t":"Blog 07   Modern Architecture Blog","d":"A clean blog layout featuring design stories, ideas, and insights, helping users stay insp","k":"section","s":"shadcn-space","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"]},{"id":"shadcn-space:blog-08","t":"Blog 08   Team Insights Blog","d":"A minimal blog layout featuring team experiences, collaboration tips, and work insights, h","k":"section","s":"shadcn-space","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"]},{"id":"shadcn-space:blog-09","t":"Blog 09   Card Style Blog Layout","d":"A clean card-based layout highlighting a main story with supporting articles, helping user","k":"section","s":"shadcn-space","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"]},{"id":"shadcn-space:footer-01","t":"Footer 01   Agency Footer Layout","d":"A clean multi column footer with brand summary, sitemap links, legal pages, contact detail","k":"section","s":"shadcn-space","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:footer-02","t":"Footer 02   Dark Conversion Footer","d":"A bold dark themed footer with newsletter signup, strong contact CTA, navigation links, an","k":"section","s":"shadcn-space","c":"marketing/footer","hc":1},{"id":"shadcn-space:footer-03","t":"Footer 03   Footer with Newsletter","d":"A modern footer combining quick navigation, policy links, and a newsletter signup, designe","k":"section","s":"shadcn-space","c":"marketing/footer"},{"id":"shadcn-space:footer-04","t":"Footer 04   Multi Column Mega Footer","d":"A structured mega footer with categorized links, service listings, social connections, and","k":"section","s":"shadcn-space","c":"marketing/footer"},{"id":"shadcn-space:footer-05","t":"Footer 05   Minimal Navigation Footer","d":"A clean, minimal footer featuring essential navigation links, brand identity, and copyrigh","k":"section","s":"shadcn-space","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:footer-06","t":"Footer 06   Creative Contact Footer","d":"A bold, conversion-focused footer that highlights your contact details, personal brand, an","k":"section","s":"shadcn-space","c":"marketing/footer"},{"id":"shadcn-space:footer-07","t":"Footer 07   SaaS Footer with Nav Columns","d":"A clean SaaS footer with a logo and social icons column, three grouped nav link columns (P","k":"section","s":"shadcn-space","c":"marketing/footer","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"shadcn-space:newsletter-01","t":"Newsletter 01   Newsletter Subscription CTA","d":"A minimal newsletter signup section with bold headline, social-proof subtext, and inline e","k":"section","s":"shadcn-space","c":"marketing/cta","tg":["minimal"],"sb":"Newsletter and waitlist","sy":["minimal"],"hc":1},{"id":"shadcn-space:newsletter-02","t":"Newsletter 02   Newsletter Signup","d":"A visually engaging newsletter section crafted to grow your audience, combining category h","k":"section","s":"shadcn-space","c":"marketing/cta","tg":["minimal"],"sb":"Newsletter and waitlist","sy":["minimal"]},{"id":"shadcn-space:newsletter-03","t":"Newsletter 03   Community Circle Subscribe","d":"An animated newsletter section framed by floating community avatars, pairing an inviting h","k":"section","s":"shadcn-space","c":"marketing/cta","tg":["minimal"],"sb":"Newsletter and waitlist","sy":["minimal"]},{"id":"shadcn-space:newsletter-04","t":"Newsletter 04   Minimal Split Subscribe","d":"A clean, minimal newsletter section pairing a headline and short note on the left with a c","k":"section","s":"shadcn-space","c":"marketing/cta","tg":["minimal"],"sb":"Newsletter and waitlist","sy":["minimal"]},{"id":"shadcn-space:newsletter-05","t":"Newsletter 05   Split Panel Subscribe","d":"A split-layout newsletter section pairing a headline, short note, inline signup form, and ","k":"section","s":"shadcn-space","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-space:dashboard-shell-01","t":"Dashboard Shell 01   Analytics Dashboard Shell","d":"A full featured admin dashboard layout with sidebar navigation, KPI cards, charts, tables,","k":"layout","s":"shadcn-space","c":"layout/page-shell","hc":1},{"id":"shadcn-space:dashboard-shell-02","t":"Dashboard Shell 02   CRM Dashboard Shell","d":"A complete CRM dashboard layout featuring sales metrics, campaign tracking, project manage","k":"layout","s":"shadcn-space","c":"layout/page-shell"},{"id":"shadcn-space:dashboard-shell-03","t":"Dashboard Shell 03   Modern Dashboard Shell","d":"A modern dashboard shell with a sidebar and header, ideal for admin dashboards to organize","k":"layout","s":"shadcn-space","c":"layout/page-shell"},{"id":"shadcn-space:dashboard-shell-04","t":"Dashboard Shell 04   eCommerce Dashboard Shell","d":"A comprehensive eCommerce dashboard layout featuring revenue insights, sales performance c","k":"layout","s":"shadcn-space","c":"layout/page-shell"},{"id":"shadcn-space:dashboard-shell-05","t":"Dashboard Shell 05   Analytics Dashboard Shell","d":"A comprehensive analytics dashboard layout featuring a greeting report banner, key insight","k":"layout","s":"shadcn-space","c":"layout/page-shell"},{"id":"shadcn-space:dashboard-shell-06","t":"Dashboard Shell 06   Insights Dashboard Shell","d":"A comprehensive analytics dashboard layout featuring key statistics, a revenue update char","k":"layout","s":"shadcn-space","c":"layout/page-shell"},{"id":"shadcn-space:dashboard-shell-07","t":"Dashboard Shell 07   CRM Dashboard Shell","d":"A CRM-focused dashboard layout featuring customer and lead action cards, a revenue overvie","k":"layout","s":"shadcn-space","c":"layout/page-shell","tg":["playful"],"sy":["playful"]},{"id":"shadcn-space:dashboard-shell-08","t":"Dashboard Shell 08   POS Dashboard Shell","d":"A restaurant point-of-sale dashboard shell with a searchable, filterable menu catalog grid","k":"layout","s":"shadcn-space","c":"layout/page-shell"},{"id":"shadcn-space:dashboard-shell-09","t":"Dashboard Shell 09   Ecommerce Sales & Analytics","d":"A full-featured ecommerce dashboard shell with store overview, monthly sales, revenue grow","k":"layout","s":"shadcn-space","c":"layout/page-shell"},{"id":"shadcn-space:dashboard-shell-10","t":"Dashboard Shell 10   Marketing & Traffic Analytics","d":"A marketing analytics dashboard shell featuring a report banner, key insights, website vis","k":"layout","s":"shadcn-space","c":"layout/page-shell"},{"id":"shadcn-space:dashboard-shell-11","t":"Dashboard Shell 11   School & Education Dashboard","d":"A school and education management dashboard shell with a header, metric cards, attendance ","k":"layout","s":"shadcn-space","c":"layout/page-shell","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:dashboard-shell-12","t":"Dashboard Shell 12   Healthcare & Hospital Dashboard","d":"A healthcare and hospital management dashboard shell with a header, total patients, monthl","k":"layout","s":"shadcn-space","c":"layout/page-shell"},{"id":"shadcn-space:login-01","t":"Login 01   Developer Friendly Login Page","d":"A clean, secure login page with Google and GitHub authentication, remember-me support, and","k":"layout","s":"shadcn-space","c":"flows/sign-in","tg":["minimal","webgl"],"sb":"Sign in","sy":["minimal","webgl"],"hc":1},{"id":"shadcn-space:login-02","t":"Login 02 Dashboard Preview Login","d":"A modern split login page featuring a clean authentication form alongside a dynamic admin ","k":"layout","s":"shadcn-space","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"]},{"id":"shadcn-space:login-03","t":"Login 03   Visual Split Login","d":"A clean split-layout login page combining immersive visuals with secure credential and soc","k":"layout","s":"shadcn-space","c":"flows/sign-in","tg":["minimal","webgl"],"sb":"Split with image","sy":["minimal","webgl"]},{"id":"shadcn-space:login-04","t":"Login 04   Creative Animated Login","d":"A modern login layout featuring social authentication, secure credential fields, and a bol","k":"layout","s":"shadcn-space","c":"flows/sign-in","tg":["webgl"],"sb":"Sign in","sy":["webgl"]},{"id":"shadcn-space:login-05","t":"Login 05  Split Workspace Login","d":"A clean split-screen login page combining a minimal authentication form with an engaging w","k":"layout","s":"shadcn-space","c":"flows/sign-in","tg":["minimal"],"sb":"Split with image","sy":["minimal"]},{"id":"shadcn-space:login-06","t":"Login 06   Split Authentication Login","d":"A modern split-screen login page featuring credential inputs and social authentication opt","k":"layout","s":"shadcn-space","c":"flows/sign-in","tg":["webgl"],"sb":"Split with image","sy":["webgl"]},{"id":"shadcn-space:login-07","t":"Login 07   Video Background Split Login","d":"A split-screen login page pairing a looping video background with a scrolling testimonial ","k":"layout","s":"shadcn-space","c":"flows/sign-in","tg":["minimal"],"sb":"Split with image","sy":["minimal"]},{"id":"shadcn-space:register-01","t":"Register 01   Simple & Secure Signup Page","d":"A streamlined signup page with Google and GitHub authentication, clean form fields, and co","k":"layout","s":"shadcn-space","c":"flows/sign-in","tg":["minimal","webgl"],"sb":"Sign up","sy":["minimal","webgl"],"hc":1},{"id":"shadcn-space:register-02","t":"Register 02   Modern Analytics SignUp Page","d":"A sleek split-screen login layout featuring secure credential inputs and a dynamic admin p","k":"layout","s":"shadcn-space","c":"flows/sign-in","sb":"Sign up"},{"id":"shadcn-space:register-03","t":"Register 03   Minimal Visual Split register","d":"A modern split-screen login page featuring secure credential fields and social authenticat","k":"layout","s":"shadcn-space","c":"flows/sign-in","tg":["minimal","webgl"],"sb":"Sign up","sy":["minimal","webgl"]},{"id":"shadcn-space:register-04","t":"Register 04   Creative Studio Sign Up","d":"A professional dark-themed login screen featuring Google, GitHub, X, and LinkedIn authenti","k":"layout","s":"shadcn-space","c":"flows/sign-in","tg":["minimal","webgl"],"sb":"Sign up","sy":["minimal","webgl"]},{"id":"shadcn-space:register-05","t":"Register 05   Modern Team Collaboration Sign up","d":"A sleek authentication page showcasing secure credential fields and social access options,","k":"layout","s":"shadcn-space","c":"flows/sign-in","sb":"Sign up"},{"id":"shadcn-space:register-06","t":"Register 06   Minimal Dual Panel register","d":"A clean dual-column login page featuring streamlined credential inputs and multiple social","k":"layout","s":"shadcn-space","c":"flows/sign-in","tg":["minimal","webgl"],"sb":"Sign up","sy":["minimal","webgl"]},{"id":"shadcn-space:register-07","t":"Register 07   Video Background Split Register","d":"A split-screen register page pairing a looping video background with a scrolling testimoni","k":"layout","s":"shadcn-space","c":"flows/sign-in","tg":["minimal"],"sb":"Sign up","sy":["minimal"]},{"id":"shadcn-space:two-factor-authentication-01","t":"Two Factor Authentication 01   Dashboard Two Factor Verification","d":"A clean authentication screen where users enter a verification code, designed to add extra","k":"layout","s":"shadcn-space","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"shadcn-space:two-factor-authentication-02","t":"Two Factor Authentication 02   Modern Two Step Authentication","d":"A polished verification experience that combines clean visuals, structured input fields, a","k":"layout","s":"shadcn-space","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"]},{"id":"shadcn-space:two-factor-authentication-05","t":"Two Factor Authentication 05  Workspace Two Factor Authentication","d":"A secure verification screen designed for modern teams, combining structured code inputs a","k":"layout","s":"shadcn-space","c":"flows/sign-in","sb":"Sign in"},{"id":"shadcn-space:dialog-block-01","t":"Dialog 01   Newsletter Subscription Dialog","d":"A modern modal popup for capturing newsletter signups with a friendly hero image, email fi","s":"shadcn-space","c":"overlays/dialog","hc":1},{"id":"shadcn-space:dialog-block-02","t":"Dialog 02   Sign Up Dialog","d":"A modern sign up dialog with a branded left panel featuring key benefits and a right-side ","s":"shadcn-space","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-space:dialog-block-03","t":"Dialog 03   Sign In Dialog","d":"A modern sign in dialog with a branded left panel featuring key benefits and a right-side ","s":"shadcn-space","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-space:dialog-block-04","t":"Dialog 04   Invite Dialog","d":"A collaborative invite dialog featuring a scrollable team member list with role management","s":"shadcn-space","c":"overlays/dialog","tg":["playful"],"sb":"Share and invite","sy":["playful"]},{"id":"shadcn-space:dialog-block-05","t":"Dialog 05   Refer and Earn Dialog","d":"A premium refer-and-earn dialog featuring an animated referral code box with one-click cop","s":"shadcn-space","c":"overlays/dialog"},{"id":"shadcn-space:dialog-block-06","t":"Dialog 06   Terms and Conditions Dialog","d":"A clean terms and conditions dialog with a scrollable content area covering key policy sec","s":"shadcn-space","c":"overlays/dialog","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:dialog-block-07","t":"Dialog 07   Feedback Dialog","d":"An interactive feedback dialog with a 5-star rating, multi-select category tags, and an op","s":"shadcn-space","c":"overlays/dialog"},{"id":"shadcn-space:forgot-password-01","t":"Forgot Password 01   Forgot Your Password Page","d":"A minimal password recovery page that lets users request a secure reset link via email, he","k":"layout","s":"shadcn-space","c":"flows/sign-in","tg":["minimal"],"sb":"Password reset","sy":["minimal"],"hc":1},{"id":"shadcn-space:forgot-password-02","t":"Forgot Password 02   Dashboard Recovery Page","d":"A modern split-screen password recovery page featuring a clean email input form alongside ","k":"layout","s":"shadcn-space","c":"flows/sign-in","tg":["minimal"],"sb":"Password reset","sy":["minimal"]},{"id":"shadcn-space:forgot-password-03","t":"Forgot Password 03   Minimal Account Password Reset","d":"A clean split-screen password recovery page featuring streamlined email verification along","k":"layout","s":"shadcn-space","c":"flows/sign-in","tg":["minimal","webgl"],"sb":"Password reset","sy":["minimal","webgl"]},{"id":"shadcn-space:forgot-password-04","t":"Forgot Password 04   Animated Gradient Password Reset","d":"A sleek password reset interface combining secure email input with a dynamic animated ligh","k":"layout","s":"shadcn-space","c":"flows/sign-in","tg":["gradient","webgl"],"sb":"Password reset","sy":["gradient","webgl"]},{"id":"shadcn-space:forgot-password-05","t":"Forgot Password 05  Team Centric Reset Page","d":"A modern password reset interface displayed alongside a vibrant team environment, blending","k":"layout","s":"shadcn-space","c":"flows/sign-in","sb":"Password reset"},{"id":"shadcn-space:forgot-password-06","t":"Forgot Password 06   Modern Account Recovery","d":"A sleek password recovery layout featuring a prominent email input and strong primary butt","k":"layout","s":"shadcn-space","c":"flows/sign-in","tg":["webgl"],"sb":"Password reset","sy":["webgl"]},{"id":"shadcn-space:verify-email-01","t":"Verify Email 01   Email Verification Page","d":"A clean email verification screen that confirms account activation, guides users to check ","k":"layout","s":"shadcn-space","c":"flows/sign-in","tg":["minimal","playful"],"sb":"Verification","sy":["minimal","playful"],"hc":1},{"id":"shadcn-space:verify-email-02","t":"Verify Email 02   Modern Dashboard Email Verification","d":"A sleek email verification interface combining concise messaging with a dynamic analytics ","k":"layout","s":"shadcn-space","c":"flows/sign-in","sb":"Verification"},{"id":"shadcn-space:verify-email-05","t":"Verify Email 05   Workspace Inspired Verification Page","d":"A modern verification page set beside a welcoming office environment, combining clear inst","k":"layout","s":"shadcn-space","c":"flows/sign-in","sb":"Verification"},{"id":"shadcn-space:forms-01","t":"Forms 01   Edit Profile Form","d":"A user-friendly profile editing form with avatar upload, personal details, privacy control","s":"shadcn-space","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"shadcn-space:forms-02","t":"Forms 02   User Profile Form","d":"A user-friendly form with personal details, workspace details, and network details for man","s":"shadcn-space","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-space:forms-03","t":"Forms 03   Multi Step Onboarding Form","d":"A premium multi-step onboarding form with smooth transitions, progress indicators, and spe","s":"shadcn-space","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-space:forms-04","t":"Forms 04   Advanced Settings Sidebar Layout","d":"A professional settings layout featuring vertical navigation, category-based sections, and","s":"shadcn-space","c":"inputs/form-field","tg":["minimal"],"sb":"Whole forms","sy":["minimal"]},{"id":"shadcn-space:forms-05","t":"Forms 05   E commerce Checkout Form","d":"A 4-step e-commerce checkout flow containing shipping details, delivery options, promo cod","s":"shadcn-space","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-space:forms-06","t":"Forms 06   Typeform Style Onboarding","d":"A minimal, single-question-at-a-time onboarding flow with segmented step progress, animate","s":"shadcn-space","c":"inputs/form-field","tg":["minimal"],"sb":"Whole forms","sy":["minimal"]},{"id":"shadcn-space:forms-07","t":"Forms 07   Customer Support Intake","d":"A guided support-request intake with single-select options for issue category, urgency, an","s":"shadcn-space","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-space:forms-08","t":"Forms 08   Create Event Multi Step Form","d":"A 4-step guided event creation flow covering event details, capacity and pricing, media an","s":"shadcn-space","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-space:forms-09","t":"Forms 09   New Account Registration","d":"A 5-step account registration wizard with a sidebar stepper covering personal, identificat","s":"shadcn-space","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-space:logo-cloud-01","t":"Logo Cloud 01   Trusted by Leading Companies","d":"A clean logo collection highlighting affiliated brands and integrations, designed to build","k":"section","s":"shadcn-space","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:logo-cloud-02","t":"Logo Cloud 02   Powered by Trusted Collaborations","d":"Join the growing network of forward-thinking brands that partner with us. Our collaboratio","k":"section","s":"shadcn-space","c":"marketing/logos"},{"id":"shadcn-space:logo-cloud-03","t":"Logo Cloud 03   Trusted by Leaders","d":"From ambitious startups to global enterprises, leading brands trust our expertise to deliv","k":"section","s":"shadcn-space","c":"marketing/logos"},{"id":"shadcn-space:logo-cloud-04","t":"Logo Cloud 04   Trusted by Leading Brands","d":"Partnering with innovative companies worldwide, we deliver solutions that empower growth, ","k":"section","s":"shadcn-space","c":"marketing/logos"},{"id":"shadcn-space:logo-cloud-05","t":"Logo Cloud 05   Trusted by Industry Leaders","d":"Showcase the brands that rely on your expertise. This logo cloud builds instant credibilit","k":"section","s":"shadcn-space","c":"marketing/logos"},{"id":"shadcn-space:logo-cloud-06","t":"Logo Cloud 06   Trusted by Leading Teams","d":"A minimal logo grid showcasing leading companies, designed to build credibility, emphasize","k":"section","s":"shadcn-space","c":"marketing/logos","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:logo-cloud-07","t":"Logo Cloud 07   Worked with Top Companies","d":"A clean logo grid displaying top companies, crafted to establish credibility, highlight re","k":"section","s":"shadcn-space","c":"marketing/logos","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:logo-cloud-08","t":"Logo Cloud 08   Trusted Insurance Partnerships","d":"A side-by-side header paired with a responsive, animated logo grid, designed to highlight ","k":"section","s":"shadcn-space","c":"marketing/logos"},{"id":"shadcn-space:gallery-01","t":"Gallery 01   Destination Gallery","d":"Discover breathtaking locations and unforgettable experiences, from scenic hikes to coasta","s":"shadcn-space","c":"media/gallery","hc":1},{"id":"shadcn-space:gallery-02","t":"Gallery 02   Featured Gallery","d":"Browse expert-led masterclasses gallery designed to elevate your skills, gain practical in","s":"shadcn-space","c":"media/gallery","sb":"Scroll"},{"id":"shadcn-space:gallery-03","t":"Gallery 03   Property Showcase","d":"Showcase premium real estate listings with visually rich property cards, helping users exp","s":"shadcn-space","c":"media/gallery"},{"id":"shadcn-space:gallery-04","t":"Gallery 04   Creator Gallery","d":"Featuring a vibrant mix of individuals, this collection highlights creativity, authenticit","s":"shadcn-space","c":"media/gallery"},{"id":"shadcn-space:gallery-05","t":"Gallery 05   Architecture Showcase","d":"Showcase premium real estate listings with visually rich property cards, helping users exp","s":"shadcn-space","c":"media/gallery"},{"id":"shadcn-space:gallery-06","t":"Gallery 06   Interactive Swing Line Gallery","d":"Pin your photos to a sagging washing line that drifts on its own, swings like real fabric ","s":"shadcn-space","c":"media/gallery"},{"id":"shadcn-space:gallery-07","t":"Gallery 07   Status Stories","d":"A status/stories block inspired by WhatsApp and Instagram, playing directly on the page. S","s":"shadcn-space","c":"media/gallery"},{"id":"shadcn-space:bento-grid-01","t":"Bento Grid 01   Customer Testimonials","d":"Discover authentic feedback from satisfied customers who trust our components to build fas","k":"layout","s":"shadcn-space","c":"layout/bento-grid","hc":1},{"id":"shadcn-space:bento-grid-02","t":"Bento Grid 02   Workspace Highlights","d":"A workspace-focused bento layout pairing a desktop and mobile product preview with feature","k":"layout","s":"shadcn-space","c":"layout/bento-grid"},{"id":"shadcn-space:bento-grid-03","t":"Bento Grid 03   Automation Platform","d":"An automation-focused bento layout pairing a workflow canvas visual with feature highlight","k":"layout","s":"shadcn-space","c":"layout/bento-grid","hc":1},{"id":"shadcn-space:bento-grid-04","t":"Bento Grid 04   Product Highlights","d":"An asymmetric bento layout mixing a pricing teaser, design-token showcase, AI assistant pr","k":"layout","s":"shadcn-space","c":"layout/bento-grid","tg":["animated"],"sy":["animated"]},{"id":"shadcn-space:product-category-01","t":"Product Category 01   Tabbed Category","d":"A conversion-focused product category section featuring interactive category filters, feat","k":"section","s":"shadcn-space","c":"marketing/cta"},{"id":"shadcn-space:product-category-02","t":"Product Category 02   Horizontal List","d":"A horizontal category list displaying product groups with icons, item counts, and quick li","s":"shadcn-space","c":"data-display/list","hc":1},{"id":"shadcn-space:product-category-03","t":"Product Category 03   Filtered Listing","d":"A structured product listing with category filters, price ranges, sorting controls, and ac","s":"shadcn-space","c":"data-display/card","sb":"Product"},{"id":"shadcn-space:product-category-04","t":"Product Category 04   Image Based","d":"A product category section built with image-driven cards and filters, enabling faster disc","s":"shadcn-space","c":"media/gallery","hc":1},{"id":"shadcn-space:product-category-05","t":"Product Category 05   Horizontal Icon List","d":"A horizontally scrollable list of category icons with labels and selection states, enablin","s":"shadcn-space","c":"data-display/list","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:product-category-06","t":"Product Category 06   Visual Product Cards","d":"A category browsing layout with large image cards and quick links, designed to help users ","s":"shadcn-space","c":"data-display/card","sb":"Product"},{"id":"shadcn-space:product-category-07","t":"Product Category 07   Circular Product Grid","d":"A multi-column category layout with circular image cards and labels, helping users quickly","s":"shadcn-space","c":"inputs/form-field"},{"id":"shadcn-space:product-category-08","t":"Product Category 08   Popular Category Grid","d":"A bento-style category showcase pairing a large featured collection card with a 2x2 grid o","s":"shadcn-space","c":"data-display/card","sb":"Product"},{"id":"shadcn-space:product-overview-01","t":"Product Overview 01   For Fashion Product","d":"A clean fashion product overview featuring detailed imagery, size and color selection, pri","s":"shadcn-space","c":"overlays/toast","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:product-overview-02","t":"Product Overview 02   Multi Image Grid","d":"A product overview layout featuring a large primary image, supporting grid previews, varia","s":"shadcn-space","c":"overlays/toast"},{"id":"shadcn-space:product-overview-03","t":"Product Overview 03   With Feature Highlights","d":"A clean product overview layout featuring large hero imagery, pricing panel, variant selec","k":"section","s":"shadcn-space","c":"marketing/features","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:product-overview-04","t":"Product Overview 04   For Skincare Product","d":"A structured skincare layout featuring image grid previews, descriptive content, pricing d","s":"shadcn-space","c":"overlays/toast","hc":1},{"id":"shadcn-space:product-overview-05","t":"Product Overview 05   For Digital Product","d":"A modern layout displaying product preview and detailed information, alongside purchase op","k":"section","s":"shadcn-space","c":"marketing/features"},{"id":"shadcn-space:product-overview-06","t":"Product Overview 06   With Carousel Layout","d":"A modern product page featuring image carousel, color and size selection, pricing blocks, ","s":"shadcn-space","c":"overlays/toast"},{"id":"shadcn-space:product-listing-01","t":"Product Listing 01   Multi Column Grid","d":"A multi-column layout featuring product cards with images, reviews, and pricing details, h","k":"section","s":"shadcn-space","c":"marketing/pricing","hc":1},{"id":"shadcn-space:product-listing-02","t":"Product Listing 02   Minimal","d":"A clean product grid showcasing featured items with badges, pricing, and quick add icons, ","k":"section","s":"shadcn-space","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:product-listing-03","t":"Product Listing 03   Detailed List View","d":"An expanded product list layout with rich details, shipping info, ratings, and pricing, he","s":"shadcn-space","c":"data-display/list"},{"id":"shadcn-space:product-listing-04","t":"Product Listing 04   With Promo Banner","d":"A product grid combined with a promotional banner highlighting new arrivals, alongside pro","k":"section","s":"shadcn-space","c":"marketing/announcement"},{"id":"shadcn-space:product-quick-view-01","t":"Product Quick View 01   For Fashion Product","d":"A sleek quick view modal featuring product imagery, size and color selection, pricing deta","k":"section","s":"shadcn-space","c":"marketing/pricing"},{"id":"shadcn-space:product-quick-view-02","t":"Product Quick View 02   Multi Image Grid","d":"A modern quick view modal with a large preview image and grid-based thumbnails, including ","s":"shadcn-space","c":"overlays/toast","tg":["playful"],"sy":["playful"]},{"id":"shadcn-space:product-quick-view-03","t":"Product Quick View 03   With Feature Highlights","d":"A refined quick view panel showcasing hero imagery, feature highlights, pricing structure,","k":"section","s":"shadcn-space","c":"marketing/features"},{"id":"shadcn-space:product-quick-view-04","t":"Product Quick View 04   For Skincare Product","d":"A clean skincare quick view featuring image grid previews, detailed product description, p","s":"shadcn-space","c":"overlays/toast","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:product-quick-view-05","t":"Product Quick View 05   For Digital Product","d":"A modern quick view layout showcasing product preview, detailed information, selectable op","k":"section","s":"shadcn-space","c":"marketing/pricing"},{"id":"shadcn-space:product-quick-view-06","t":"Product Quick View 06   With Carousel Layout","d":"A modern quick view layout featuring an interactive image carousel, variant selectors, pri","s":"shadcn-space","c":"overlays/toast"},{"id":"shadcn-space:checkout-01","t":"Checkout 01   Order Summary Checkout","d":"A modern checkout interface combining streamlined shipping inputs, product summaries, pric","k":"section","s":"shadcn-space","c":"marketing/pricing"},{"id":"shadcn-space:checkout-02","t":"Checkout 02   Shipping Method Selection","d":"A clean eCommerce checkout with selectable shipping options, structured order details, dis","k":"section","s":"shadcn-space","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:checkout-03","t":"Checkout 03   Tabbed Billing Checkout","d":"A clean checkout interface with tab-based payment selection, subscription pricing details,","k":"section","s":"shadcn-space","c":"marketing/pricing","tg":["minimal"],"sb":"With billing toggle","sy":["minimal"],"hc":1},{"id":"shadcn-space:coupon-01","t":"Coupon 01   Seasonal Coupon Offer Modal","d":"A product-focused coupon modal with seasonal messaging, discount amount, promo code, copy ","s":"shadcn-space","c":"overlays/dialog","sb":"Animated"},{"id":"shadcn-space:coupon-02","t":"Coupon 02   Member Exclusive Discount Card","d":"A promotional offer card featuring member-only messaging, seasonal discounts, copyable cou","s":"shadcn-space","c":"data-display/card","sb":"Profile"},{"id":"shadcn-space:coupon-03","t":"Coupon 03   Product Launch Coupon Modal","d":"A visual coupon modal built around a featured product launch with promotional imagery, dis","s":"shadcn-space","c":"overlays/dialog"},{"id":"shadcn-space:coupon-04","t":"Coupon 04   Flash Promotion Coupon Block","d":"A split-layout promotional coupon with product imagery, countdown timer, discount offer, c","k":"section","s":"shadcn-space","c":"marketing/cta"},{"id":"shadcn-space:coupon-05","t":"Coupon 05   Product Spotlight Coupon Card","d":"A centered product promotion card featuring a large product image, launch label, discount ","s":"shadcn-space","c":"data-display/card","sb":"Product"},{"id":"shadcn-space:product-comparison-01","t":"Product Comparison 01   Product Model Comparison List","d":"A streamlined product comparison layout with images, ratings, pricing, key specifications,","k":"section","s":"shadcn-space","c":"marketing/comparison"},{"id":"shadcn-space:product-comparison-02","t":"Product Comparison 02   Side by Side Product Comparison","d":"A compare-tray grid with removable product cards, feature checklists, ratings, pricing, an","k":"section","s":"shadcn-space","c":"marketing/comparison"},{"id":"shadcn-space:product-comparison-03","t":"Product Comparison 03   Full Specifications Table","d":"A side-by-side specifications comparison table with grouped sections, progress-bar metrics","k":"section","s":"shadcn-space","c":"marketing/comparison"},{"id":"shadcn-space:product-comparison-04","t":"Product Comparison 04   Compare Models Banner","d":"A grouped specifications comparison banner with per-product pricing, help-tooltip labels, ","k":"section","s":"shadcn-space","c":"marketing/comparison"},{"id":"shadcn-space:receipt-01","t":"Receipt 01   Colorful Order Confirmation Receipt","d":"A detailed order confirmation layout with product cards, order status, payment summary, de","s":"shadcn-space","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcn-space:receipt-02","t":"Receipt 02   Order Tracking Receipt","d":"A split-screen order confirmation receipt with parcel contents, shipping and billing detai","s":"shadcn-space","c":"overlays/dialog","hc":1},{"id":"shadcn-space:receipt-03","t":"Receipt 03   Compact Printable Receipt","d":"A compact receipt design with order summary, product details, subtotal, shipping, tax, tot","s":"shadcn-space","c":"data-display/accordion","hc":1},{"id":"shadcn-space:receipt-04","t":"Receipt 04   Complete Order Status Receipt","d":"A full order summary with payment status, order journey, shipment tracking, billing and sh","s":"shadcn-space","c":"data-display/accordion","hc":1},{"id":"shadcn-space:download-01","t":"Download 01   Multi Platform Download Grid","d":"A structured platform showcase featuring dedicated download cards for every device, helpin","s":"shadcn-space","c":"data-display/card","hc":1},{"id":"shadcn-space:download-02","t":"Download 02   Application Download Section","d":"A sleek software download section highlighting supported platforms, product screenshots, a","k":"section","s":"shadcn-space","c":"marketing/marketing"},{"id":"shadcn-space:download-03","t":"Download 03   App Download with Phone Preview","d":"A split-layout download section with a bold headline, App Store and Play Store cards, a QR","s":"shadcn-space","c":"media/mockup"},{"id":"shadcn-space:datatable-01","t":"Datatable 01   Exportable Datatable","d":"A full-featured datatable/tanstack table with built-in one-click CSV export, letting users","s":"shadcn-space","c":"data-display/table","sb":"Data tables","hc":1},{"id":"shadcn-space:datatable-02","t":"Datatable 02   Dense Table","d":"A compact, information-dense datatable/tanstack table layout with reduced row height and t","s":"shadcn-space","c":"data-display/table","tg":["minimal"],"sb":"Data tables","sy":["minimal"]},{"id":"shadcn-space:datatable-03","t":"Datatable 03   Sorting Table","d":"A sorting-focused datatable/tanstack table that enables single and multi-column sorting wi","s":"shadcn-space","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-space:datatable-04","t":"Datatable 04   Filter Table","d":"An advanced filtering datatable/tanstack table with column-level filter inputs and global ","s":"shadcn-space","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-space:datatable-05","t":"Datatable 05   Paginated Table","d":"A paginated datatable/tanstack table with configurable page size, page navigation controls","s":"shadcn-space","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-space:datatable-06","t":"Datatable 06   Row Select Table","d":"A row-selection datatable/tanstack table with checkbox controls for individual and bulk se","s":"shadcn-space","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-space:datatable-07","t":"Datatable 07   Column Visibility Table","d":"A column-visibility datatable/tanstack table with a toggle panel that lets users show or h","s":"shadcn-space","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-space:datatable-08","t":"Datatable 08   Editable Table","d":"An inline-editable datatable/tanstack table where users can click any cell to modify value","s":"shadcn-space","c":"data-display/table","sb":"Editable"},{"id":"shadcn-space:datatable-09","t":"Datatable 09   Sticky Table","d":"A sticky-header datatable/tanstack table that keeps column headers fixed as users scroll v","s":"shadcn-space","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-space:datatable-10","t":"Datatable 10   Column Drag and Drop Table","d":"A drag-and-drop Column reordering datatable/tanstack table that lets users intuitively rea","s":"shadcn-space","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-space:datatable-11","t":"Datatable 11   Row Drag and Drop Table","d":"A column drag-and-drop datatable/tanstack table that enables users to reorder columns by d","s":"shadcn-space","c":"data-display/table","tg":["minimal"],"sb":"Data tables","sy":["minimal"]},{"id":"shadcn-space:datatable-12","t":"Datatable 12   Expandable Table","d":"An expanding row datatable/tanstack table where each row can be toggled to reveal nested d","s":"shadcn-space","c":"data-display/table","sb":"Expandable"},{"id":"shadcn-space:datatable-13","t":"Datatable 13   Advanced User Table","d":"An advanced user management datatable/tanstack table featuring search, status filtering, s","s":"shadcn-space","c":"data-display/table","sb":"People"},{"id":"shadcn-space:datatable-14","t":"Datatable 14   Ticket Queue Table","d":"A support ticket queue datatable/tanstack table with drag-to-reorder columns, status filte","s":"shadcn-space","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-space:timeline-01","t":"Timeline 01   Vertical Progress Timeline","d":"A modern two-column timeline featuring alternating content blocks, visual storytelling ele","s":"shadcn-space","c":"data-display/timeline","hc":1},{"id":"shadcn-space:timeline-02","t":"Timeline 02   Interactive Timeline","d":"An engaging timeline layout featuring key milestones, chronological progression, and suppo","s":"shadcn-space","c":"data-display/timeline","hc":1},{"id":"shadcn-space:timeline-03","t":"Timeline 03   Horizontal Journey Timeline","d":"A visually structured timeline layout highlighting key milestones, supporting content, and","s":"shadcn-space","c":"data-display/timeline","hc":1},{"id":"shadcn-space:cookie-consent-01","t":"Cookie Consent 01   Footer Consent Bar","d":"A minimal floating cookie consent banner with clear messaging, preference controls, and qu","s":"shadcn-space","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:cookie-consent-02","t":"Cookie Consent 02   Cookie Settings Popup","d":"A structured consent layout that allows users to configure cookie categories while maintai","s":"shadcn-space","c":"overlays/alert-banner"},{"id":"shadcn-space:empty-state-01","t":"Empty State 01   No Projects Yet","d":"A compact, bordered card empty state with a folder icon, heading, description, and a singl","s":"shadcn-space","c":"data-display/empty-state","hc":1},{"id":"shadcn-space:empty-state-02","t":"Empty State 02   Invite Your Team","d":"A centered empty state with a custom illustration, heading, description, and two calls-to-","s":"shadcn-space","c":"data-display/empty-state","hc":1},{"id":"shadcn-space:empty-state-03","t":"Empty State 03   No Data Yet","d":"A clean, centered empty state with a layered card illustration, heading, description, and ","s":"shadcn-space","c":"data-display/empty-state","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:empty-state-04","t":"Empty State 04   Split Panel with Preview","d":"A split-panel empty state pairing a heading, description, and two calls-to-action on the l","s":"shadcn-space","c":"data-display/empty-state"},{"id":"shadcn-space:empty-state-05","t":"Empty State 05   No Search Matches","d":"A clean, card-based search empty state containing a query search input and secondary reset","s":"shadcn-space","c":"data-display/empty-state","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:empty-state-06","t":"Empty State 06   Chart Data Empty State","d":"A simple card-based empty state with a chart-themed icon, title, description, and primary ","s":"shadcn-space","c":"data-display/empty-state","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:chat-application-01","t":"Chat 01   Modern Chat User Interface","d":"A full-featured chat application shell with a searchable conversation list, message thread","s":"shadcn-space","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"shadcn-space:chat-bubble-01","t":"Chat Bubble 01   Floating AI Assistant Widget","d":"A floating chat bubble widget for the corner of any page, with an interactive 3D mascot, a","s":"shadcn-space","c":"ai-agent/ai-agent","tg":["3d","webgl"],"sb":"Chat","sy":["3d","webgl"]},{"id":"shadcn-space:chat-bubble-02","t":"Chat Bubble 02   Assistant Widget with Chat, Bots & Search","d":"A floating assistant widget with an online teaser card, and an expanded panel with tabs fo","s":"shadcn-space","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-space:chat-bubble-03","t":"Chat Bubble 03   AI Assistant Panel","d":"A floating assistant widget with an auto-dismissing greeting toast, and an expanded panel ","s":"shadcn-space","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-space:note-application-01","t":"Note 01   Personal Notes Dashboard","d":"A complete note-taking application shell featuring a searchable notes list, dynamic note c","k":"layout","s":"shadcn-space","c":"layout/dashboard"},{"id":"shadcn-space:email-application-01","t":"Email 01   Inbox Application Shell","d":"A complete email application shell with folder navigation, a searchable and filterable inb","k":"layout","s":"shadcn-space","c":"layout/page-shell"},{"id":"shadcn-space:kanban-application-01","t":"Kanban 01   Simple Task Board","d":"A complete drag-and-drop kanban board with To Do, In Progress, and Done columns, task crea","s":"shadcn-space","c":"data-display/kanban","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:kanban-application-02","t":"Kanban 02   Task Management Board","d":"A color-coded drag-and-drop kanban board with To do, In Progress, and Done columns, task d","s":"shadcn-space","c":"data-display/kanban"},{"id":"shadcn-space:waitlist-01","t":"Waitlist 01    Get Early Access","d":"A split-screen waitlist section featuring a compelling product story, announcement badge, ","k":"section","s":"shadcn-space","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"shadcn-space:waitlist-02","t":"Waitlist 02   Ship Your SaaS","d":"A centered waitlist hero with bold headline, email capture form, trust indicators, and gra","k":"section","s":"shadcn-space","c":"marketing/cta","tg":["gradient"],"sb":"Newsletter and waitlist","sy":["gradient"]},{"id":"shadcn-space:frequently-bought-together-01","t":"Frequently Bought Together 01   Bundle Builder","d":"A product bundle upsell block with selectable product cards, star ratings, and a live-upda","s":"shadcn-space","c":"data-display/card"},{"id":"shadcn-space:frequently-bought-together-02","t":"Frequently Bought Together 02   Curated Pairings","d":"A bundle upsell block pairing a hero lifestyle image with a selectable item list, live sav","k":"section","s":"shadcn-space","c":"marketing/hero","sb":"SaaS and AI"},{"id":"shadcn-space:ai-ops-01","t":"AI Ops 01   Cost Dashboard","d":"An AI operations cost dashboard with KPI cards, a spend pace chart against budget, a provi","s":"shadcn-space","c":"ai-agent/ai-agent"},{"id":"shadcn-space:ai-ops-02","t":"AI Ops 02   System Health Dashboard","d":"An AI operations dashboard featuring system health status, request and token KPIs, provide","s":"shadcn-space","c":"ai-agent/ai-agent"},{"id":"shadcn-space:ai-ops-03","t":"AI Ops 03   Weighted Traffic Allocation","d":"A weighted load-balancing console for AI operations. Adjust per-provider sliders, lock wei","s":"shadcn-space","c":"ai-agent/ai-agent"},{"id":"shadcn-space:user-profile-01","t":"User Profile 01   User Profile Settings","d":"A tabbed account settings shell with a job seeker profile, work experience and application","s":"shadcn-space","c":"data-display/profile"},{"id":"shadcn-space:user-profile-02","t":"User Profile 02   User Profile Management","d":"A profile management interface with a persistent user identity panel and tabbed content fo","s":"shadcn-space","c":"data-display/profile"},{"id":"shadcn-space:calendar-application-01","t":"Calendar 01   Event Calendar","d":"A full-featured event calendar with month, week, day, and agenda views, color-coded catego","s":"shadcn-space","c":"data-display/calendar"},{"id":"shadcn-space:calendar-application-02","t":"Calendar 02   Sidebar Event Calendar","d":"A sidebar-driven event calendar with a mini calendar datepicker, category filters, month/w","s":"shadcn-space","c":"data-display/calendar"},{"id":"shadcn-space:calendar-application-03","t":"Calendar 03   Tag Filter Event Calendar","d":"A tag-filtered event calendar with a chip-style category sidebar, a searchable month event","s":"shadcn-space","c":"data-display/calendar"},{"id":"shadcn-space:announcement-bar-01","t":"Announcement Bar 01   Live Market Ticker","d":"A slim, infinitely scrolling announcement bar showing live stock and crypto tickers with p","k":"section","s":"shadcn-space","c":"marketing/announcement"},{"id":"shadcn-space:announcement-bar-02","t":"Announcement Bar 02   Sale Bar with CTA","d":"A bold, dismissible announcement bar promoting a sitewide sale with an inline call-to-acti","k":"section","s":"shadcn-space","c":"marketing/announcement"},{"id":"shadcn-space:announcement-bar-03","t":"Announcement Bar 03   Product Update Bar","d":"A theme-aware announcement bar pairing a highlighted 'New' badge with a release note and a","k":"section","s":"shadcn-space","c":"marketing/announcement"},{"id":"shadcn-space:announcement-bar-04","t":"Announcement Bar 04   Black Friday Countdown","d":"A dark, dismissible Black Friday bar pairing an amber call-to-action with a live NumberFlo","k":"section","s":"shadcn-space","c":"marketing/announcement"},{"id":"shadcn-space:announcement-bar-05","t":"Announcement Bar 05   Weekend Sale Marquee","d":"A bold red announcement bar with a static tag icon and an infinitely scrolling marquee of ","k":"section","s":"shadcn-space","c":"marketing/announcement"},{"id":"shadcn-space:ai-chat-01","t":"AI Chat 01   Chat","d":"A complete AI chat conversation block with a centered welcome and suggested prompts, a scr","s":"shadcn-space","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-space:ai-chat-02","t":"AI Chat 02   Composer","d":"A standalone AI chat composer with file attachments (drag, drop, and paste), a model picke","s":"shadcn-space","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-space:ai-chat-03","t":"AI Chat 03   Chat Shell","d":"The frame around an AI chat: a collapsible sidebar with pinned and recent chats, rename an","s":"shadcn-space","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-space:ai-chat-04","t":"AI Chat 04   Assistant Panel","d":"A docked AI assistant panel that sits alongside your app content at desktop sizes and slid","s":"shadcn-space","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-space:ai-chat-05","t":"AI Chat 05   Share Dialog","d":"The sharing flow for an AI chat: a dialog with visibility options (private, team, or publi","s":"shadcn-space","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-space:apple-dock-01","t":"Apple Dock 01   Default","d":"Apple Dock component","s":"shadcn-space","c":"navigation/dock","hc":1},{"id":"shadcn-space:apple-dock-02","t":"Apple Dock 02   With Panel","d":"Apple Dock with animated expandable panels, smooth tab transitions, and outside-click clos","s":"shadcn-space","c":"navigation/dock"},{"id":"shadcn-space:orbiting-circles-01","t":"Orbiting Circles 01   Default","d":"Orbiting Circles component","s":"shadcn-space","c":"other/other","hc":1},{"id":"shadcn-space:orbiting-circles-02","t":"Orbiting Circles 02   with Globe","d":"Full-display orbiting rings with integration icons and a center particle globe","k":"motion","s":"shadcn-space","c":"motion/globe"},{"id":"shadcn-space:orbiting-circles-03","t":"Orbiting Circles 03   Spotlight","d":"Feature icons orbit a center panel that auto-cycles, glowing the orbiting node currently i","k":"motion","s":"shadcn-space","c":"motion/background","tg":["neon"],"sb":"Beams and light","sy":["neon"],"hc":1},{"id":"shadcn-space:orbiting-circles-04","t":"Orbiting Circles 04   Stack Reveal","d":"Icons sit stacked at the center of two dashed circles, revealing an overflow badge, then s","s":"shadcn-space","c":"data-display/badge","hc":1},{"id":"shadcn-space:animated-list-01","t":"Animated List 01   Default","d":"Animated List component","s":"shadcn-space","c":"data-display/list","hc":1},{"id":"shadcn-space:animated-list-02","t":"Animated List 02   Setup Steps","d":"Setup Steps component","s":"shadcn-space","c":"data-display/list","hc":1},{"id":"shadcn-space:animated-list-03","t":"Animated List 03   Expandable Stack","d":"Expandable stack of cards showing notifications with dynamic spring layouts","s":"shadcn-space","c":"data-display/list","hc":1},{"id":"shadcn-space:marquee-01","t":"Marquee 01   Testimonials","d":"Testimonials marquee component","k":"motion","s":"shadcn-space","c":"motion/marquee","hc":1},{"id":"shadcn-space:marquee-02","t":"Marquee 02   Brands","d":"Brands marquee component","k":"motion","s":"shadcn-space","c":"motion/marquee","hc":1},{"id":"shadcn-space:marquee-03","t":"Marquee 03   Vertical Testimonials","d":"Vertical Testimonials marquee component","k":"motion","s":"shadcn-space","c":"motion/marquee","hc":1},{"id":"shadcn-space:marquee-04","t":"Marquee 04   Fashion Video Showcase","d":"Fashion video showcase marquee component","k":"motion","s":"shadcn-space","c":"motion/marquee","hc":1},{"id":"shadcn-space:marquee-05","t":"Marquee 05   Trending Stocks","d":"Trending stocks marquee component","k":"motion","s":"shadcn-space","c":"motion/marquee","hc":1},{"id":"shadcn-space:accordion-01","t":"Accordion 01   With Icon & Subtitle","d":"Stacked accordion with colored icon badges, title, and subtitle per item","s":"shadcn-space","c":"data-display/accordion","hc":1},{"id":"shadcn-space:accordion-02","t":"Accordion 02   Multi Level","d":"Nested accordion with collapsible sub-items, icons, and +/- toggle","s":"shadcn-space","c":"data-display/accordion","sb":"Nested","hc":1},{"id":"shadcn-space:accordion-03","t":"Accordion 03   Numbered FAQ","d":"FAQ accordion with numbered items, background fill on open, and +/- toggle","s":"shadcn-space","c":"data-display/accordion","sb":"FAQ","hc":1},{"id":"shadcn-space:accordion-04","t":"Accordion 04   Card","d":"Accordion wrapped in a rounded card with left-aligned +/- icons and border dividers","s":"shadcn-space","c":"data-display/accordion","sb":"Cards","hc":1},{"id":"shadcn-space:accordion-05","t":"Accordion 05   Media","d":"Accordion with icon trigger, description, and an image revealed on open","s":"shadcn-space","c":"data-display/accordion","hc":1},{"id":"shadcn-space:accordion-06","t":"Accordion 06   Filled Trigger","d":"Accordion with a filled accent background on the trigger header","s":"shadcn-space","c":"data-display/accordion","hc":1},{"id":"shadcn-space:accordion-07","t":"Accordion 07   Motion Services","d":"Animated accordion with a number bubble, sliding title shift, and an expanding bottom line","s":"shadcn-space","c":"data-display/accordion","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"shadcn-space:accordion-08","t":"Accordion 08   Animated Line","d":"Accordion with an animated blue top-line that slides in when an item opens","s":"shadcn-space","c":"data-display/accordion","sb":"Animated"},{"id":"shadcn-space:accordion-09","t":"Accordion 09   Animated Line","d":"Accordion with an animated blue top-line that slides in when an item opens","s":"shadcn-space","c":"data-display/accordion","sb":"Animated"},{"id":"shadcn-space:avatar-01","t":"Avatar 01   Default","d":"Default avatar component","s":"shadcn-space","c":"data-display/avatar","hc":1},{"id":"shadcn-space:avatar-02","t":"Avatar 02   Group","d":"Group avatar component","s":"shadcn-space","c":"data-display/avatar","hc":1},{"id":"shadcn-space:avatar-03","t":"Avatar 03   Badge","d":"Badge avatar component","s":"shadcn-space","c":"data-display/avatar","hc":1},{"id":"shadcn-space:avatar-04","t":"Avatar 04   Border","d":"Border avatar component","s":"shadcn-space","c":"data-display/avatar","hc":1},{"id":"shadcn-space:avatar-05","t":"Avatar 05   Counter","d":"Counter avatar component","s":"shadcn-space","c":"data-display/avatar","hc":1},{"id":"shadcn-space:avatar-06","t":"Avatar 06   Fallback","d":"Fallback avatar component","s":"shadcn-space","c":"data-display/avatar","hc":1},{"id":"shadcn-space:avatar-07","t":"Avatar 07   Selectable Avatar","d":"Animated selectable avatar button with optional badge and name label","s":"shadcn-space","c":"data-display/avatar","hc":1},{"id":"shadcn-space:avatar-08","t":"Avatar 08   Avatar stack","d":"Stacked avatar group with overflow count and popularity indicator","s":"shadcn-space","c":"data-display/avatar","hc":1},{"id":"shadcn-space:button-01","t":"Button 01   With Icon","d":"With Icon button component","s":"shadcn-space","c":"actions/button","sb":"Icon buttons","hc":1},{"id":"shadcn-space:button-02","t":"Button 02   Shiny Text","d":"Shiny Text button component","s":"shadcn-space","c":"actions/button","hc":1},{"id":"shadcn-space:button-03","t":"Button 03   Shine Hover","d":"Shine Hover button component","s":"shadcn-space","c":"actions/button","sb":"Animated","hc":1},{"id":"shadcn-space:button-04","t":"Button 04   Heartbeat Effect","d":"Heartbeat Effect button component","s":"shadcn-space","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"shadcn-space:button-05","t":"Button 05   Get Figma File","d":"Get Figma File button component","s":"shadcn-space","c":"actions/button","hc":1},{"id":"shadcn-space:button-06","t":"Button 06   Animated Border","d":"Animated Border button component","s":"shadcn-space","c":"actions/button","sb":"Animated","hc":1},{"id":"shadcn-space:button-07","t":"Button 07   Social","d":"Social button component","s":"shadcn-space","c":"actions/button","sb":"Social and sign-in","hc":1},{"id":"shadcn-space:button-08","t":"Button 08   Social Icon","d":"Social Icon button component","s":"shadcn-space","c":"actions/button","sb":"Social and sign-in","hc":1},{"id":"shadcn-space:button-09","t":"Button 09   Outline With Icon","d":"Outline With Icon button component","s":"shadcn-space","c":"actions/button","sb":"Icon buttons","hc":1},{"id":"shadcn-space:button-10","t":"Button 10   Save","d":"Save button component","s":"shadcn-space","c":"actions/button","hc":1},{"id":"shadcn-space:button-11","t":"Button 11   Cancel","d":"Cancel button component","s":"shadcn-space","c":"actions/button","hc":1},{"id":"shadcn-space:button-12","t":"Button 12   Default","d":"Default button component","s":"shadcn-space","c":"actions/button","hc":1},{"id":"shadcn-space:button-13","t":"Button 13   Size xs","d":"Size xs button component","s":"shadcn-space","c":"actions/button","hc":1},{"id":"shadcn-space:button-14","t":"Button 14   Size sm","d":"Size sm button component","s":"shadcn-space","c":"actions/button","hc":1},{"id":"shadcn-space:button-15","t":"Button 15   Size lg","d":"Size lg button component","s":"shadcn-space","c":"actions/button","hc":1},{"id":"shadcn-space:button-16","t":"Button 16   Ripple Spotlight","d":"Mouse-tracking ripple spotlight effect button","s":"shadcn-space","c":"actions/button","sb":"Animated","hc":1},{"id":"shadcn-space:button-17","t":"Button 17   Blob Fill","d":"Circle blob expands from bottom center on hover to fill the button","s":"shadcn-space","c":"actions/button","hc":1},{"id":"shadcn-space:button-18","t":"Button 18   Promo Code Copy","d":"Animated promo code copy button with blur transition and progress fill","s":"shadcn-space","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"shadcn-space:button-19","t":"Button 19   Interactive Hover","d":"Interactive Hover button","s":"shadcn-space","c":"actions/button","sb":"Animated","hc":1},{"id":"shadcn-space:button-20","t":"Button 20   Animated Like Button","d":"Like button with burst particle effect and sliding count","s":"shadcn-space","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"shadcn-space:button-21","t":"Button 21   Animated Upvote Button","d":"Upvote button with ripple, upward particles, and sliding count","s":"shadcn-space","c":"actions/button","sb":"Animated","hc":1},{"id":"shadcn-space:button-22","t":"Button 22   Loading Button","d":"Loading button component","s":"shadcn-space","c":"actions/button","sb":"Loading and states","hc":1},{"id":"shadcn-space:button-23","t":"Button 23   Permissions Button","d":"Animated Permissions button component","s":"shadcn-space","c":"actions/button","sb":"Animated","hc":1},{"id":"shadcn-space:button-24","t":"Button 24   Copy Button","d":"Animated copy button component with spring transitions","s":"shadcn-space","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"shadcn-space:button-25","t":"Button 25   Ripple Button","d":"Animated ripple button component with mouse-click tracking","s":"shadcn-space","c":"actions/button","sb":"Animated","hc":1},{"id":"shadcn-space:button-26","t":"Button 26   Coupon reveal Button","d":"Animated button component for coupons and reveal actions","s":"shadcn-space","c":"actions/button"},{"id":"shadcn-space:button-27","t":"Button 27   Encrypt","d":"Hover text scramble decrypt effect with animated sweep highlight","s":"shadcn-space","c":"actions/button","sb":"Animated","hc":1},{"id":"shadcn-space:button-28","t":"Button 28   Slide to Confirm","d":"Interactive drag-to-confirm slider track for high-security actions, payments, and deployme","s":"shadcn-space","c":"actions/button","sb":"Loading and states","hc":1},{"id":"shadcn-space:button-29","t":"Button 29   Hold to Charge","d":"Press and hold button with circular SVG progress meter for critical actions and confirmati","s":"shadcn-space","c":"actions/button","sb":"Loading and states","hc":1},{"id":"shadcn-space:button-30","t":"Button 30   Multi State Send","d":"Interactive form submission button with state transitions (Idle -> Loading -> Success)","s":"shadcn-space","c":"actions/button","sb":"Loading and states","hc":1},{"id":"shadcn-space:button-31","t":"Button 31   Confetti","d":"Celebration button that fires a confetti burst from the button and springs on click","s":"shadcn-space","c":"actions/button","sb":"Animated","hc":1},{"id":"shadcn-space:button-32","t":"Button 32   Emoji Burst","d":"Like/react button that launches emoji particles that arc, collide with the button, and set","s":"shadcn-space","c":"actions/button","sb":"Animated","hc":1},{"id":"shadcn-space:button-33","t":"Button 33   Generate AI","d":"AI generate button with a continuously spinning conic-gradient border","s":"shadcn-space","c":"actions/button","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"shadcn-space:button-group-01","t":"Button Group 01   Basic","d":"Basic button group component","s":"shadcn-space","c":"actions/button","tg":["minimal"],"sb":"Groups and split","sy":["minimal"],"hc":1},{"id":"shadcn-space:button-group-02","t":"Button Group 02   Vertical","d":"Vertical button group component","s":"shadcn-space","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcn-space:button-group-03","t":"Button Group 03   Pagination","d":"Pagination style button group component","s":"shadcn-space","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcn-space:button-group-04","t":"Button Group 04   Separator","d":"Button group with separators","s":"shadcn-space","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcn-space:button-group-05","t":"Button Group 05   Currency","d":"Currency style button group component","s":"shadcn-space","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcn-space:button-group-06","t":"Button Group 06   Vercel","d":"Vercel style button group component","s":"shadcn-space","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcn-space:button-group-07","t":"Button Group 07   Alignment","d":"Alignment style button group component","s":"shadcn-space","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcn-space:button-group-08","t":"Button Group 08   Github star bar","d":"Github star bar style button group component","s":"shadcn-space","c":"actions/button","sb":"Social and sign-in","hc":1},{"id":"shadcn-space:button-group-09","t":"Button Group 09   Follow","d":"Follow style button group component","s":"shadcn-space","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcn-space:button-group-10","t":"Button Group 10   Editor Toolbar","d":"Rich-text formatting toolbar button group component","s":"shadcn-space","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcn-space:button-group-11","t":"Button Group 11   Deploy Environment","d":"Button group component used for selecting deploy environment","s":"shadcn-space","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcn-space:button-group-12","t":"Button Group 12   Action Dropdown","d":"Button group with a split action dropdown menu, featuring micro-animations and smooth open","s":"shadcn-space","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcn-space:button-group-13","t":"Button Group 13   Star Rating","d":"Interactive star rating button group with hover preview and pop animation","s":"shadcn-space","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcn-space:badge-01","t":"Badge 01   Default","d":"Badge component","s":"shadcn-space","c":"data-display/badge","hc":1},{"id":"shadcn-space:badge-02","t":"Badge 02   Count","d":"Badge component","s":"shadcn-space","c":"data-display/badge","sb":"Counts","hc":1},{"id":"shadcn-space:badge-03","t":"Badge 03   Outline","d":"Badge component","s":"shadcn-space","c":"data-display/badge","hc":1},{"id":"shadcn-space:badge-04","t":"Badge 04   With Icon","d":"Badge component","s":"shadcn-space","c":"data-display/badge","hc":1},{"id":"shadcn-space:badge-05","t":"Badge 05   Link","d":"Badge component","s":"shadcn-space","c":"data-display/badge","hc":1},{"id":"shadcn-space:badge-06","t":"Badge 06   Error","d":"Badge component","s":"shadcn-space","c":"data-display/badge","hc":1},{"id":"shadcn-space:badge-07","t":"Badge 07   Success","d":"Animated success badge with top glow and letter-by-letter reveal","s":"shadcn-space","c":"data-display/badge","tg":["neon"],"sy":["neon"],"hc":1},{"id":"shadcn-space:badge-08","t":"Badge 08   Pending","d":"Animated pending badge with spinning loader and top glow","s":"shadcn-space","c":"data-display/badge","tg":["neon"],"sy":["neon"],"hc":1},{"id":"shadcn-space:badge-09","t":"Badge 09   Failed","d":"Animated failed badge with top glow and letter-by-letter reveal","s":"shadcn-space","c":"data-display/badge","tg":["neon"],"sy":["neon"],"hc":1},{"id":"shadcn-space:badge-10","t":"Badge 10   With Avatar","d":"Badge component with avatar","s":"shadcn-space","c":"data-display/badge","sb":"User","hc":1},{"id":"shadcn-space:badge-11","t":"Badge 11   Count Pop","d":"Notification/cart count badge that springs and pops on every count change","s":"shadcn-space","c":"data-display/badge","sb":"Counts","hc":1},{"id":"shadcn-space:badge-12","t":"Badge 12   Removable Filter Chip","d":"Dismissible filter chip badge with hover/tap micro-interactions and animated removal","s":"shadcn-space","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"shadcn-space:badge-13","t":"Badge 13   Streak Display","d":"Flame streak badge with a flickering icon loop and an animated roll-in day count","s":"shadcn-space","c":"data-display/badge","sb":"Counts","hc":1},{"id":"shadcn-space:calendar-01","t":"Calendar 01   Standard Calendar","d":"Calendar component","s":"shadcn-space","c":"data-display/calendar","hc":1},{"id":"shadcn-space:calendar-02","t":"Calendar 02   Style Calendar","d":"Calendar component","s":"shadcn-space","c":"data-display/calendar","hc":1},{"id":"shadcn-space:calendar-03","t":"Calendar 03   Time Calendar","d":"Calendar component","s":"shadcn-space","c":"data-display/calendar","hc":1},{"id":"shadcn-space:calendar-04","t":"Calendar 04   Dialog Calendar","d":"Calendar component","s":"shadcn-space","c":"data-display/calendar","hc":1},{"id":"shadcn-space:calendar-05","t":"Calendar 05   Month and Year Select","d":"Calendar component","s":"shadcn-space","c":"data-display/calendar","hc":1},{"id":"shadcn-space:calendar-06","t":"Calendar 06   Disable Weekends","d":"Calendar component","s":"shadcn-space","c":"data-display/calendar","hc":1},{"id":"shadcn-space:calendar-07","t":"Calendar 07   Variable Size","d":"Calendar component","s":"shadcn-space","c":"data-display/calendar","hc":1},{"id":"shadcn-space:calendar-08","t":"Calendar 08   With Event List","d":"Calendar component","s":"shadcn-space","c":"data-display/calendar","hc":1},{"id":"shadcn-space:calendar-09","t":"Calendar 09   Custom Range Select","d":"Calendar component","s":"shadcn-space","c":"data-display/calendar","hc":1},{"id":"shadcn-space:calendar-10","t":"Calendar 10   Right Side Navigation","d":"Calendar component","s":"shadcn-space","c":"data-display/calendar","hc":1},{"id":"shadcn-space:calendar-11","t":"Calendar 11   Left Side Navigation","d":"Calendar component","s":"shadcn-space","c":"data-display/calendar","hc":1},{"id":"shadcn-space:calendar-12","t":"Calendar 12   With Today Button","d":"Calendar component","s":"shadcn-space","c":"data-display/calendar","hc":1},{"id":"shadcn-space:calendar-13","t":"Calendar 13   With Date Input","d":"Calendar component","s":"shadcn-space","c":"data-display/calendar","hc":1},{"id":"shadcn-space:calendar-14","t":"Calendar 14   Range Selection","d":"Calendar component","s":"shadcn-space","c":"data-display/calendar","hc":1},{"id":"shadcn-space:calendar-15","t":"Calendar 15   With Pricing","d":"Calendar component","s":"shadcn-space","c":"data-display/calendar","hc":1},{"id":"shadcn-space:calendar-16","t":"Calendar 16   Date Time Scheduler","d":"A responsive calendar component with date selection, controlled time range inputs, and dur","s":"shadcn-space","c":"data-display/calendar","hc":1},{"id":"shadcn-space:tooltip-01","t":"Tooltip 01   Hover Blog Card","d":"Tooltip component","s":"shadcn-space","c":"overlays/tooltip","hc":1},{"id":"shadcn-space:tooltip-02","t":"Tooltip 02   Content Tooltip","d":"Tooltip component","s":"shadcn-space","c":"overlays/tooltip","hc":1},{"id":"shadcn-space:tooltip-03","t":"Tooltip 03   Animated Tooltip","d":"Animated Tooltip component","s":"shadcn-space","c":"overlays/tooltip","hc":1},{"id":"shadcn-space:tooltip-04","t":"Tooltip 04   Rounded Tooltip","d":"Tooltip component","s":"shadcn-space","c":"overlays/tooltip","hc":1},{"id":"shadcn-space:tooltip-05","t":"Tooltip 05   Tooltip Position","d":"Tooltip component","s":"shadcn-space","c":"overlays/tooltip","hc":1},{"id":"shadcn-space:tooltip-06","t":"Tooltip 06   Avatar Tooltip","d":"Tooltip component","s":"shadcn-space","c":"overlays/tooltip","hc":1},{"id":"shadcn-space:tooltip-07","t":"Tooltip 07   Error Tooltip","d":"Tooltip component","s":"shadcn-space","c":"overlays/tooltip","hc":1},{"id":"shadcn-space:tooltip-08","t":"Tooltip 08   Editor Toolbar Tooltip","d":"Tooltip component","s":"shadcn-space","c":"overlays/tooltip","hc":1},{"id":"shadcn-space:tooltip-09","t":"Tooltip 09   Gooey Status Tooltip","d":"Tooltip component","s":"shadcn-space","c":"overlays/tooltip","hc":1},{"id":"shadcn-space:animated-text-01","t":"Animated Text 01   Shiny Text","d":"Animated Text component","k":"motion","s":"shadcn-space","c":"motion/text-effect","hc":1},{"id":"shadcn-space:animated-text-02","t":"Animated Text 02   Gradient Text","d":"Animated Gradient Text component","k":"motion","s":"shadcn-space","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"hc":1},{"id":"shadcn-space:animated-text-03","t":"Animated Text 03   Typing","d":"Animated Typing component","k":"motion","s":"shadcn-space","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"shadcn-space:animated-text-04","t":"Animated Text 04   Rolling Text","d":"Animated Rolling Text component","k":"motion","s":"shadcn-space","c":"motion/text-effect","hc":1},{"id":"shadcn-space:animated-text-05","t":"Animated Text 05   Shimmer Text","d":"Animated Shimmer Text component","k":"motion","s":"shadcn-space","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"shadcn-space:animated-text-06","t":"Animated Text 06   Reveal Text","d":"Animated Text Reveal component","k":"motion","s":"shadcn-space","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"shadcn-space:animated-text-07","t":"Animated Text 07   Morph Text","d":"Animated Text Morph component","k":"motion","s":"shadcn-space","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"shadcn-space:animated-text-08","t":"Animated Text 08   Marker Highlight","d":"Marker Highlight animation component using motion","k":"motion","s":"shadcn-space","c":"motion/text-effect","hc":1},{"id":"shadcn-space:animated-text-09","t":"Animated Text 09   Text Decoder","d":"Scrambled cipher characters decode into the word, then re-encrypt","k":"motion","s":"shadcn-space","c":"motion/text-effect","hc":1},{"id":"shadcn-space:animated-text-10","t":"Animated Text 10   Scanner","d":"A scanning bar sweeps the word, lighting letters as it passes","k":"motion","s":"shadcn-space","c":"motion/text-effect","hc":1},{"id":"shadcn-space:animated-text-11","t":"Animated Text 11   Light Leak","d":"Cinematic colour veils wash diagonally through the word","k":"motion","s":"shadcn-space","c":"motion/text-effect","hc":1},{"id":"shadcn-space:animated-text-12","t":"Animated Text 12   Origami Fold","d":"Paper letters hinge open on staggered folds, then tuck shut","k":"motion","s":"shadcn-space","c":"motion/text-effect","hc":1},{"id":"shadcn-space:input-01","t":"Input 01   Input with date","d":"Input component","s":"shadcn-space","c":"inputs/form-field","hc":1},{"id":"shadcn-space:input-02","t":"Input 02   Input with time","d":"Input component","s":"shadcn-space","c":"inputs/form-field","hc":1},{"id":"shadcn-space:input-03","t":"Input 03   Input with currency","d":"Input component","s":"shadcn-space","c":"inputs/form-field","hc":1},{"id":"shadcn-space:input-04","t":"Input 04   Real Time Validation","d":"Input component","s":"shadcn-space","c":"inputs/form-field","hc":1},{"id":"shadcn-space:input-05","t":"Input 05   Input with start select","d":"Input component","s":"shadcn-space","c":"inputs/form-field","hc":1},{"id":"shadcn-space:input-06","t":"Input 06   Input with character counter","d":"Input component","s":"shadcn-space","c":"inputs/form-field","hc":1},{"id":"shadcn-space:input-07","t":"Input 07   Input with controls","d":"Input component","s":"shadcn-space","c":"inputs/form-field","hc":1},{"id":"shadcn-space:input-08","t":"Input 08   Input with add ons","d":"Input component","s":"shadcn-space","c":"inputs/form-field","hc":1},{"id":"shadcn-space:input-09","t":"Input 09   Input with floating label","d":"Input component","s":"shadcn-space","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"shadcn-space:input-10","t":"Input 10   Input with clear button","d":"Input component","s":"shadcn-space","c":"inputs/form-field","hc":1},{"id":"shadcn-space:input-11","t":"Input 11   Input with end inline button","d":"Input component","s":"shadcn-space","c":"inputs/form-field","hc":1},{"id":"shadcn-space:input-12","t":"Input 12   Input with end button","d":"Input component","s":"shadcn-space","c":"inputs/form-field","hc":1},{"id":"shadcn-space:input-13","t":"Input 13   Input with file","d":"Input component","s":"shadcn-space","c":"inputs/form-field","hc":1},{"id":"shadcn-space:input-14","t":"Input 14   Input with error","d":"Input component","s":"shadcn-space","c":"inputs/form-field","hc":1},{"id":"shadcn-space:input-15","t":"Input 15   Required Input","d":"Input component","s":"shadcn-space","c":"inputs/form-field","hc":1},{"id":"shadcn-space:input-16","t":"Input 16   Standard Input","d":"Input component","s":"shadcn-space","c":"inputs/form-field","hc":1},{"id":"shadcn-space:input-17","t":"Input 17   Input with label","d":"Input component","s":"shadcn-space","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"shadcn-space:input-18","t":"Input 18   Disabled","d":"Input component","s":"shadcn-space","c":"inputs/form-field","hc":1},{"id":"shadcn-space:input-19","t":"Input 19   With Animated Checkmark","d":"Input component","s":"shadcn-space","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"shadcn-space:input-20","t":"Input 20   Range","d":"Input component","s":"shadcn-space","c":"inputs/form-field","hc":1},{"id":"shadcn-space:textarea-01","t":"Textarea 01   Feedback Textarea","d":"Textarea component","s":"shadcn-space","c":"inputs/textarea","hc":1},{"id":"shadcn-space:textarea-02","t":"Textarea 02   Textarea with icon","d":"Textarea component","s":"shadcn-space","c":"inputs/textarea","hc":1},{"id":"shadcn-space:textarea-03","t":"Textarea 03   Required Textarea","d":"Textarea component","s":"shadcn-space","c":"inputs/textarea","hc":1},{"id":"shadcn-space:textarea-04","t":"Textarea 04   Textarea with button","d":"Textarea component","s":"shadcn-space","c":"inputs/textarea","hc":1},{"id":"shadcn-space:textarea-05","t":"Textarea 05   Auto growing textarea","d":"Textarea component","s":"shadcn-space","c":"inputs/textarea","hc":1},{"id":"shadcn-space:textarea-06","t":"Textarea 06   Textarea with characters left","d":"Textarea component","s":"shadcn-space","c":"inputs/textarea","hc":1},{"id":"shadcn-space:textarea-07","t":"Textarea 07   Textarea with floating label","d":"Textarea component","s":"shadcn-space","c":"inputs/textarea","hc":1},{"id":"shadcn-space:textarea-08","t":"Textarea 08   Textarea with helper text","d":"Textarea component","s":"shadcn-space","c":"inputs/textarea","hc":1},{"id":"shadcn-space:textarea-09","t":"Textarea 09   Disabled Textarea","d":"Textarea component","s":"shadcn-space","c":"inputs/textarea","hc":1},{"id":"shadcn-space:select-01","t":"Select 01   Required select","d":"Select component","s":"shadcn-space","c":"inputs/select","hc":1},{"id":"shadcn-space:select-02","t":"Select 02   Select with icon","d":"Select component","s":"shadcn-space","c":"inputs/select","hc":1},{"id":"shadcn-space:select-03","t":"Select 03   Select with status","d":"Select component","s":"shadcn-space","c":"inputs/select","hc":1},{"id":"shadcn-space:select-04","t":"Select 04   Select with timezone","d":"Select component","s":"shadcn-space","c":"inputs/select","hc":1},{"id":"shadcn-space:select-05","t":"Select 05   Select with overlapping label","d":"Select component","s":"shadcn-space","c":"inputs/select","hc":1},{"id":"shadcn-space:select-06","t":"Select 06   Select with multiple options","d":"Select component","s":"shadcn-space","c":"inputs/select","hc":1},{"id":"shadcn-space:select-07","t":"Select 07   Select with avatars","d":"Select component","s":"shadcn-space","c":"inputs/select","hc":1},{"id":"shadcn-space:select-08","t":"Select 08   Select with leading text","d":"Select component","s":"shadcn-space","c":"inputs/select","hc":1},{"id":"shadcn-space:select-09","t":"Select 09   Select with separator","d":"Select component","s":"shadcn-space","c":"inputs/select","hc":1},{"id":"shadcn-space:select-10","t":"Select 10   Flip Clock Daypart Picker","d":"Pill-shaped hour/minute/period time picker with flip-digit transitions, a day/night glow r","s":"shadcn-space","c":"inputs/select","tg":["neon"],"sy":["neon"],"hc":1},{"id":"shadcn-space:select-11","t":"Select 11   Alert Channels Multi Select","d":"Multi-select trigger that summarizes chosen alert channels as an animated overlapping icon","s":"shadcn-space","c":"inputs/select","hc":1},{"id":"shadcn-space:select-12","t":"Select 12   Workspace Role Select","d":"Select for workspace roles with colored icon badges and descriptive subtext per option","s":"shadcn-space","c":"inputs/select","hc":1},{"id":"shadcn-space:checkbox-01","t":"Checkbox 01   Checkbox with sizes","d":"Checkbox component","s":"shadcn-space","c":"inputs/checkbox","hc":1},{"id":"shadcn-space:checkbox-02","t":"Checkbox 02   Checkbox with vertical group","d":"Checkbox component","s":"shadcn-space","c":"inputs/checkbox","hc":1},{"id":"shadcn-space:checkbox-03","t":"Checkbox 03   Checkbox with colors","d":"Checkbox component","s":"shadcn-space","c":"inputs/checkbox","hc":1},{"id":"shadcn-space:checkbox-04","t":"Checkbox 04   Checkbox with todo list","d":"Checkbox component","s":"shadcn-space","c":"inputs/checkbox","hc":1},{"id":"shadcn-space:checkbox-05","t":"Checkbox 05   Checkbox with list group","d":"Checkbox component","s":"shadcn-space","c":"inputs/checkbox","hc":1},{"id":"shadcn-space:checkbox-06","t":"Checkbox 06   Checkbox with form","d":"Checkbox component","s":"shadcn-space","c":"inputs/checkbox","hc":1},{"id":"shadcn-space:checkbox-07","t":"Checkbox 07   Checkbox with custom icons","d":"Checkbox component","s":"shadcn-space","c":"inputs/checkbox","hc":1},{"id":"shadcn-space:checkbox-08","t":"Checkbox 08   Checkbox with dashed border","d":"Checkbox component","s":"shadcn-space","c":"inputs/checkbox","hc":1},{"id":"shadcn-space:checkbox-09","t":"Checkbox 09   Checkbox with tree","d":"Checkbox component","s":"shadcn-space","c":"inputs/checkbox","hc":1},{"id":"shadcn-space:checkbox-10","t":"Checkbox 10   Checkbox with avatar and group","d":"Checkbox component","s":"shadcn-space","c":"inputs/checkbox","hc":1},{"id":"shadcn-space:radio-group-01","t":"Radio Group 01   Radio Group Animated Demo","d":"Radio Group component","s":"shadcn-space","c":"inputs/radio","hc":1},{"id":"shadcn-space:radio-group-02","t":"Radio Group 02   Radio Group Colors Demo","d":"Radio Group component","s":"shadcn-space","c":"inputs/radio","hc":1},{"id":"shadcn-space:radio-group-03","t":"Radio Group 03   Radio Group with PlanCards","d":"Radio Group component","s":"shadcn-space","c":"inputs/radio","hc":1},{"id":"shadcn-space:radio-group-04","t":"Radio Group 04   Radio Group Card Vertical Demo","d":"Radio Group component","s":"shadcn-space","c":"inputs/radio","hc":1},{"id":"shadcn-space:radio-group-05","t":"Radio Group 05   Radio Group Dashed Demo","d":"Radio Group component","s":"shadcn-space","c":"inputs/radio","hc":1},{"id":"shadcn-space:radio-group-06","t":"Radio Group 06   Radio Group List Demo","d":"Radio Group component","s":"shadcn-space","c":"inputs/radio","hc":1},{"id":"shadcn-space:radio-group-07","t":"Radio Group 07   Ripple Effect","d":"Radio Group component","s":"shadcn-space","c":"inputs/radio","hc":1},{"id":"shadcn-space:radio-group-08","t":"Radio Group 08   Hop Effect","d":"Radio Group component","s":"shadcn-space","c":"inputs/radio","hc":1},{"id":"shadcn-space:switch-01","t":"Switch 01   Active effect","d":"Switch with active effect component","s":"shadcn-space","c":"actions/switch","hc":1},{"id":"shadcn-space:switch-02","t":"Switch 02   With Icon","d":"Switch component","s":"shadcn-space","c":"actions/switch","sb":"With icons","hc":1},{"id":"shadcn-space:switch-03","t":"Switch 03   Toggle theme","d":"Switch toggle theme component","s":"shadcn-space","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"shadcn-space:switch-04","t":"Switch 04   With Description","d":"Switch component","s":"shadcn-space","c":"actions/switch","sb":"With labels","hc":1},{"id":"shadcn-space:switch-05","t":"Switch 05   With label","d":"Switch component","s":"shadcn-space","c":"actions/switch","sb":"With labels","hc":1},{"id":"shadcn-space:switch-06","t":"Switch 06   Custom Colors","d":"Switch component","s":"shadcn-space","c":"actions/switch","hc":1},{"id":"shadcn-space:switch-07","t":"Switch 07   Labeled Toggle","d":"A reusable labeled switch with custom onLabel/offLabel props, a track that auto-sizes to t","s":"shadcn-space","c":"actions/switch","sb":"Animated","hc":1},{"id":"shadcn-space:switch-08","t":"Switch 08   Role Picker","d":"A colorful role-picker switch that swaps track color and thumb icon per state, with a soft","s":"shadcn-space","c":"actions/switch","tg":["neon"],"sb":"Animated","sy":["neon"],"hc":1},{"id":"shadcn-space:tabs-01","t":"Tabs 01   Animated","d":"Tabs component","s":"shadcn-space","c":"navigation/tabs","hc":1},{"id":"shadcn-space:tabs-02","t":"Tabs 02   Transition","d":"Tabs component","s":"shadcn-space","c":"navigation/tabs","hc":1},{"id":"shadcn-space:tabs-03","t":"Tabs 03   With Icon","d":"Tabs component","s":"shadcn-space","c":"navigation/tabs","hc":1},{"id":"shadcn-space:tabs-04","t":"Tabs 04   With Count","d":"Tabs component","s":"shadcn-space","c":"navigation/tabs","hc":1},{"id":"shadcn-space:tabs-05","t":"Tabs 05   Underline","d":"Animated underline tabs component","s":"shadcn-space","c":"navigation/tabs","hc":1},{"id":"shadcn-space:tabs-06","t":"Tabs 06   Vertical","d":"Vertical animated tabs component","s":"shadcn-space","c":"navigation/tabs","hc":1},{"id":"shadcn-space:tabs-07","t":"Tabs 07   Icon & Description","d":"Tabs with icon and description component","s":"shadcn-space","c":"navigation/tabs","hc":1},{"id":"shadcn-space:tabs-08","t":"Tabs 08   Animated Dashboard Tabs","d":"A reusable, animated tabs component with a sliding active pill, icons, badges, and directi","s":"shadcn-space","c":"navigation/tabs","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:tabs-09","t":"Tabs 09   Seasonal PixelSnow Tabs","d":"A Winter/Monsoon tabs demo where the Winter panel is covered in a live pixel-snow WebGL sh","s":"shadcn-space","c":"navigation/tabs","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"],"hc":1},{"id":"shadcn-space:tabs-10","t":"Tabs 10   Assistant Tabs","d":"Pill-style assistant tabs with chat, voice waveform, video, and settings.","s":"shadcn-space","c":"navigation/tabs"},{"id":"shadcn-space:card-01","t":"Card 01   Article Preview Card","d":"Card component","s":"shadcn-space","c":"data-display/card","sb":"Article","hc":1},{"id":"shadcn-space:card-02","t":"Card 02   Preview Card","d":"Card component","s":"shadcn-space","c":"data-display/card","hc":1},{"id":"shadcn-space:card-03","t":"Card 03   Product Card","d":"Card component","s":"shadcn-space","c":"data-display/card","sb":"Product","hc":1},{"id":"shadcn-space:card-04","t":"Card 04   Welcome Card","d":"Card component","s":"shadcn-space","c":"data-display/card","hc":1},{"id":"shadcn-space:card-05","t":"Card 05   Analytics Card","d":"Card component","s":"shadcn-space","c":"data-display/card","sb":"Metric","hc":1},{"id":"shadcn-space:card-06","t":"Card 06   Statistics Card","d":"Card component","s":"shadcn-space","c":"data-display/card","sb":"Metric","hc":1},{"id":"shadcn-space:card-07","t":"Card 07   Audio Frequency Visualizer","d":"Card component","s":"shadcn-space","c":"data-display/card","hc":1},{"id":"shadcn-space:card-08","t":"Card 08   Invite Card","d":"Card component","s":"shadcn-space","c":"data-display/card","hc":1},{"id":"shadcn-space:card-09","t":"Card 09   Invite Member Card","d":"Card component","s":"shadcn-space","c":"data-display/card","sb":"Profile","hc":1},{"id":"shadcn-space:card-10","t":"Card 10   Appointment Card","d":"Card component","s":"shadcn-space","c":"data-display/card","hc":1},{"id":"shadcn-space:card-11","t":"Card 11   Assign Task Card","d":"Card component","s":"shadcn-space","c":"data-display/card","hc":1},{"id":"shadcn-space:card-12","t":"Card 12   Weekly Card","d":"Card component","s":"shadcn-space","c":"data-display/card","hc":1},{"id":"shadcn-space:card-13","t":"Card 13   Contributed Card","d":"Card component","s":"shadcn-space","c":"data-display/card","hc":1},{"id":"shadcn-space:card-14","t":"Card 14   3D Flipping Card","d":"An interactive 3D card that flips on hover.","s":"shadcn-space","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"]},{"id":"shadcn-space:card-15","t":"Card 15   Spotlight Card","d":"An interactive spotlight card that follows the mouse cursor.","s":"shadcn-space","c":"data-display/card","sb":"Animated and glowing"},{"id":"shadcn-space:card-16","t":"Card 16   Ecommerce Product Rating Card","d":"An Ecommerce product card with size selection, wishlist, and add to cart functionality.","s":"shadcn-space","c":"data-display/card","tg":["playful"],"sb":"Product","sy":["playful"],"hc":1},{"id":"shadcn-space:card-17","t":"Card 17   Ecommerce Product Variant Card","d":"A clean editorial ecommerce product card with slide-up CTA, color swatches, sale badge, an","s":"shadcn-space","c":"data-display/card","tg":["minimal"],"sb":"Product","sy":["minimal"],"hc":1},{"id":"shadcn-space:card-18","t":"Card 18   Credit Card","d":"An interactive credit card with 3D flip animation, masked card number, balance toggle, and","s":"shadcn-space","c":"data-display/card","tg":["3d"],"sb":"Payment","sy":["3d"],"hc":1},{"id":"shadcn-space:card-19","t":"Card 19   Integration Card","d":"An animated integration card with SVG connection paths, floating integration icons, and a ","s":"shadcn-space","c":"data-display/card","hc":1},{"id":"shadcn-space:card-20","t":"Card 20   Testimonial Card","d":"An animated integration card with SVG connection paths, floating integration icons, and a ","s":"shadcn-space","c":"data-display/card","hc":1},{"id":"shadcn-space:card-21","t":"Card 21   Highlighted Comparison Card","d":"A comparison card comparing other tools vs Shadcnspace, featuring custom dark theme transi","s":"shadcn-space","c":"data-display/card","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"shadcn-space:card-22","t":"Card 22   Smooth stacked cards","d":"A smooth scrolling stacking cards for gallary ...","s":"shadcn-space","c":"data-display/card"},{"id":"shadcn-space:card-23","t":"Card 23   Place Card","d":"A place/location card whose grayscale image turns to color and scales up on hover using pu","s":"shadcn-space","c":"data-display/card","hc":1},{"id":"shadcn-space:card-24","t":"Card 24   Animated Event Card","d":"An animated event card with a cover image, floating date badge, staggered content reveal, ","s":"shadcn-space","c":"data-display/card","hc":1},{"id":"shadcn-space:card-25","t":"Card 25   Music Player","d":"A swipeable, auto-cycling music player card stack with spinning vinyl cover art, ambient g","s":"shadcn-space","c":"data-display/card","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"shadcn-space:card-26","t":"Card 26   Notification","d":"A live notification stack where new alerts drop in from the top and compress older ones in","s":"shadcn-space","c":"data-display/card","hc":1},{"id":"shadcn-space:shine-border-01","t":"Shine Border 01   Basic","d":"Shine Border component","k":"motion","s":"shadcn-space","c":"motion/border","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:shine-border-02","t":"Shine Border 02   Security Card","d":"A laser scanner shine border with a vertical gradient sweep animation wrapping an identity","k":"motion","s":"shadcn-space","c":"motion/border","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"shadcn-space:shine-border-03","t":"Shine Border 03   Feature Card","d":"An interactive mouse-tracking spotlight shine border that reveals a gradient glow on hover","k":"motion","s":"shadcn-space","c":"motion/border","tg":["gradient","neon"],"sy":["gradient","neon"],"hc":1},{"id":"shadcn-space:shine-border-04","t":"Shine Border 04   Stats Card","d":"A rotating meteor beam shine border with a conic gradient animation wrapping a live busine","k":"motion","s":"shadcn-space","c":"motion/border","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"shadcn-space:shine-border-05","t":"Shine Border 05   Aurora Glow","d":"An aurora glow shine border with a hue-rotating gradient ring and pulsing halo wrapping a ","k":"motion","s":"shadcn-space","c":"motion/border","tg":["gradient","minimal","neon"],"sy":["gradient","minimal","neon"],"hc":1},{"id":"shadcn-space:shine-border-06","t":"Shine Border 06   Focus Frame","d":"A camera focus-lock shine border with pulsing corner brackets instead of a continuous glow","k":"motion","s":"shadcn-space","c":"motion/border","tg":["minimal","neon"],"sy":["minimal","neon"],"hc":1},{"id":"shadcn-space:shine-border-07","t":"Shine Border 07   Marching Dashes","d":"A marching dashes shine border with a crisp animated dashed outline continuously travellin","k":"motion","s":"shadcn-space","c":"motion/border","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:number-ticker-01","t":"Number Ticker 01   Basic","d":"Basic count-up number ticker","k":"motion","s":"shadcn-space","c":"motion/number-ticker","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:number-ticker-02","t":"Number Ticker 02   Currency Counter","d":"A specialized animated counter for currency and financial data. Ideal for showing bank bal","k":"motion","s":"shadcn-space","c":"motion/number-ticker","hc":1},{"id":"shadcn-space:number-ticker-03","t":"Number Ticker 03   Countdown Counter","d":"An animated time and chronometer counter formatted as HH:MM:SS. Perfect for session timers","k":"motion","s":"shadcn-space","c":"motion/number-ticker","hc":1},{"id":"shadcn-space:number-ticker-04","t":"Number Ticker 04   Growth Metrics Counter","d":"A percentage-based growth counter that indicates trends with color shifting and icons. Bes","k":"motion","s":"shadcn-space","c":"motion/number-ticker","hc":1},{"id":"shadcn-space:number-ticker-05","t":"Number Ticker 05   Real Time Metrics Counter","d":"A high-fidelity statistics counter for displaying large numbers clearly. Designed for user","k":"motion","s":"shadcn-space","c":"motion/number-ticker","hc":1},{"id":"shadcn-space:number-ticker-06","t":"Number Ticker 06   Social Proof","d":"A social proof counter with a counting member number and a stacked avatar cluster, perfect","k":"motion","s":"shadcn-space","c":"motion/number-ticker","hc":1},{"id":"shadcn-space:number-ticker-07","t":"Number Ticker 07   Trading","d":"A live trading ticker with an animated stock price, change percentage chip, sparkline char","k":"motion","s":"shadcn-space","c":"motion/number-ticker","hc":1},{"id":"shadcn-space:number-ticker-08","t":"Number Ticker 08   Segmented LCD","d":"A retro seven-segment LCD display that renders digits as illuminated SVG segments, perfect","k":"motion","s":"shadcn-space","c":"motion/number-ticker","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"shadcn-space:spinning-text-01","t":"Spinning Text 01   Basic","d":"Spinning Text component","k":"motion","s":"shadcn-space","c":"motion/text-effect","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:spinning-text-02","t":"Spinning Text 02   With Icon","d":"Spinning Text component with animated icon","k":"motion","s":"shadcn-space","c":"motion/text-effect","hc":1},{"id":"shadcn-space:date-picker-01","t":"Date Picker 01   Data & Time Picker","d":"A professional appointment booking card with date and time range selection.","s":"shadcn-space","c":"inputs/date-picker","hc":1},{"id":"shadcn-space:date-picker-02","t":"Date Picker 02   Date Range","d":"A professional appointment booking card with date and time range selection.","s":"shadcn-space","c":"inputs/date-picker","hc":1},{"id":"shadcn-space:date-picker-03","t":"Date Picker 03   Time Picker","d":"A professional time picker with time selection.","s":"shadcn-space","c":"inputs/date-picker","hc":1},{"id":"shadcn-space:date-picker-04","t":"Date Picker 04   Multi language","d":"An advanced multi-language date selector with dialog and support for Day, Month, and Year ","s":"shadcn-space","c":"inputs/date-picker"},{"id":"shadcn-space:file-upload-01","t":"File Upload 01   Animated File Upload","d":"File Upload component","s":"shadcn-space","c":"inputs/file-upload","hc":1},{"id":"shadcn-space:file-upload-02","t":"File Upload 02   File Upload with Progress","d":"File Upload component","s":"shadcn-space","c":"inputs/file-upload"},{"id":"shadcn-space:file-upload-03","t":"File Upload 03   Avatar Upload","d":"File Upload component","s":"shadcn-space","c":"inputs/file-upload"},{"id":"shadcn-space:file-upload-04","t":"File Upload 04   Upload with Ring Progress","d":"File Upload component","s":"shadcn-space","c":"inputs/file-upload"},{"id":"shadcn-space:file-upload-05","t":"File Upload 05   Crop & Preview Editor","d":"File Upload component","s":"shadcn-space","c":"inputs/file-upload","hc":1},{"id":"shadcn-space:combobox-01","t":"Combobox 01   With Icons","d":"Combobox component with icons","s":"shadcn-space","c":"inputs/combobox","hc":1},{"id":"shadcn-space:combobox-02","t":"Combobox 02   With Custom Check Icon","d":"Combobox component","s":"shadcn-space","c":"inputs/combobox","hc":1},{"id":"shadcn-space:combobox-03","t":"Combobox 03   With Add Button","d":"Combobox component","s":"shadcn-space","c":"inputs/combobox","hc":1},{"id":"shadcn-space:combobox-04","t":"Combobox 04   Timezone","d":"Combobox component","s":"shadcn-space","c":"inputs/combobox","hc":1},{"id":"shadcn-space:combobox-05","t":"Combobox 05   Users","d":"Combobox component","s":"shadcn-space","c":"inputs/combobox","hc":1},{"id":"shadcn-space:combobox-06","t":"Combobox 06   With Flag","d":"Combobox component","k":"resource","s":"shadcn-space","c":"assets/flag","hc":1},{"id":"shadcn-space:combobox-07","t":"Combobox 07   Multiple","d":"Combobox component","s":"shadcn-space","c":"inputs/combobox"},{"id":"shadcn-space:combobox-08","t":"Combobox 08   Multiple Expandable","d":"Combobox component","s":"shadcn-space","c":"inputs/combobox"},{"id":"shadcn-space:combobox-09","t":"Combobox 09   Multiple Count Badge","d":"Combobox component","s":"shadcn-space","c":"inputs/combobox"},{"id":"shadcn-space:combobox-10","t":"Combobox 10   Creatable","d":"Combobox with inline item creation — type a new value and select 'Create' to add it on the","s":"shadcn-space","c":"inputs/combobox","hc":1},{"id":"shadcn-space:carousel-01","t":"Carousel 01   Custom Dots","d":"Carousel component","s":"shadcn-space","c":"media/carousel","hc":1},{"id":"shadcn-space:carousel-02","t":"Carousel 02   Custom Navigation","d":"Carousel component","s":"shadcn-space","c":"media/carousel","hc":1},{"id":"shadcn-space:carousel-03","t":"Carousel 03   Index","d":"Carousel component","s":"shadcn-space","c":"media/carousel","hc":1},{"id":"shadcn-space:carousel-04","t":"Carousel 04   Cards","d":"Carousel component","s":"shadcn-space","c":"media/carousel","hc":1},{"id":"shadcn-space:carousel-05","t":"Carousel 05   Previews","d":"Carousel component","s":"shadcn-space","c":"media/carousel"},{"id":"shadcn-space:carousel-06","t":"Carousel 06   Cards With Detail","d":"Carousel component","s":"shadcn-space","c":"media/carousel"},{"id":"shadcn-space:carousel-07","t":"Carousel 07   Stacked Card","d":"Interactive stacked card carousel with fanned-out rotation and overlap, powered by Embla C","s":"shadcn-space","c":"media/carousel"},{"id":"shadcn-space:carousel-08","t":"Carousel 08   Apple Card","d":"Drag-free card carousel with dark image overlays, category labels, and circular arrow navi","s":"shadcn-space","c":"media/carousel"},{"id":"shadcn-space:alert-01","t":"Alert 01   Alert with Password Detail","d":"Alert component","s":"shadcn-space","c":"overlays/alert-banner","hc":1},{"id":"shadcn-space:alert-02","t":"Alert 02   Alert with User Detail","d":"Alert component","s":"shadcn-space","c":"overlays/alert-banner","hc":1},{"id":"shadcn-space:alert-03","t":"Alert 03   Social Alert","d":"Alert component","s":"shadcn-space","c":"overlays/alert-banner","hc":1},{"id":"shadcn-space:alert-04","t":"Alert 04   Indicator Destructive Alert","d":"Alert component","s":"shadcn-space","c":"overlays/alert-banner","hc":1},{"id":"shadcn-space:alert-05","t":"Alert 05   Dark Alert","d":"Alert component","s":"shadcn-space","c":"overlays/alert-banner","hc":1},{"id":"shadcn-space:alert-06","t":"Alert 06   Animated Gradient Alert","d":"Alert component","s":"shadcn-space","c":"overlays/alert-banner","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"shadcn-space:alert-07","t":"Alert 07   With Hover Fill Dismiss","d":"Toast-style alert with a spring entrance, icon pop-in, and a close button whose ring fills","s":"shadcn-space","c":"overlays/alert-banner","tg":["animated"],"sy":["animated"],"hc":1},{"id":"shadcn-space:alert-08","t":"Alert 08   Evaporate Dismiss","d":"Alert that dissolves away like evaporating water when dismissed, fading and blurring out w","s":"shadcn-space","c":"overlays/alert-banner","tg":["animated"],"sy":["animated"],"hc":1},{"id":"shadcn-space:breadcrumb-01","t":"Breadcrumb 01   Pill Breadcrumb","d":"Breadcrumb component","s":"shadcn-space","c":"navigation/breadcrumb","hc":1},{"id":"shadcn-space:breadcrumb-02","t":"Breadcrumb 02   Text Breadcrumb","d":"Breadcrumb component","s":"shadcn-space","c":"navigation/breadcrumb","hc":1},{"id":"shadcn-space:breadcrumb-03","t":"Breadcrumb 03   Interactive Breadcrumb","d":"Breadcrumb component","s":"shadcn-space","c":"navigation/breadcrumb","hc":1},{"id":"shadcn-space:breadcrumb-04","t":"Breadcrumb 04   Icon Based Breadcrumb","d":"Breadcrumb component","s":"shadcn-space","c":"navigation/breadcrumb","hc":1},{"id":"shadcn-space:breadcrumb-05","t":"Breadcrumb 05   Chip Breadcrumb","d":"Breadcrumb component","s":"shadcn-space","c":"navigation/breadcrumb","hc":1},{"id":"shadcn-space:breadcrumb-06","t":"Breadcrumb 06   Collapsed Breadcrumb","d":"Breadcrumb component","s":"shadcn-space","c":"navigation/breadcrumb","hc":1},{"id":"shadcn-space:dialog-01","t":"Dialog 01   Slide from Top","d":"Dialog that slides in from the top — ideal for notifications and alerts.","s":"shadcn-space","c":"overlays/dialog","hc":1},{"id":"shadcn-space:dialog-02","t":"Dialog 02   Slide from Bottom","d":"Dialog that slides in from the bottom — ideal for confirmations and destructive actions.","s":"shadcn-space","c":"overlays/dialog","hc":1},{"id":"shadcn-space:dialog-03","t":"Dialog 03   Slide from Left","d":"Dialog that slides in from the left — ideal for subscription forms and quick inputs.","s":"shadcn-space","c":"overlays/dialog","hc":1},{"id":"shadcn-space:dialog-04","t":"Dialog 04   Slide from Right","d":"Dialog that slides in from the right — ideal for user profiles and detail panels.","s":"shadcn-space","c":"overlays/dialog","hc":1},{"id":"shadcn-space:dialog-05","t":"Dialog 05   Zoom In","d":"Dialog that scales up from the center — ideal for success states and celebrations.","s":"shadcn-space","c":"overlays/dialog","hc":1},{"id":"shadcn-space:dialog-06","t":"Dialog 06   Zoom Out","d":"Dialog that shrinks into place from a larger scale — ideal for announcements and feature h","s":"shadcn-space","c":"overlays/dialog","hc":1},{"id":"shadcn-space:dialog-07","t":"Dialog 07   Connect Integration","d":"Dialog with a decorative header connecting two app icons — ideal for third-party integrati","s":"shadcn-space","c":"overlays/dialog","hc":1},{"id":"shadcn-space:dialog-08","t":"Dialog 08   Connectors","d":"Searchable connectors dialog listing popular integrations with an add action for each — id","s":"shadcn-space","c":"overlays/dialog","hc":1},{"id":"shadcn-space:popover-01","t":"Popover 01   About Us","d":"Popover that slides in from the top - ideal for notifications and alerts.","s":"shadcn-space","c":"overlays/popover","hc":1},{"id":"shadcn-space:popover-02","t":"Popover 02   User Profile Card","d":"Profile card popover triggered by an avatar - shows user stats and follow/message actions.","s":"shadcn-space","c":"overlays/popover","hc":1},{"id":"shadcn-space:popover-03","t":"Popover 03   Notifications","d":"Notification list popover with unread badge, type icons, All/Unread tabs, and functional m","s":"shadcn-space","c":"overlays/popover","tg":["playful"],"sy":["playful"],"hc":1},{"id":"shadcn-space:popover-04","t":"Popover 04   Volume Control","d":"Popover that slides in from the top - ideal for notifications and alerts.","s":"shadcn-space","c":"overlays/popover","hc":1},{"id":"shadcn-space:popover-05","t":"Popover 05   Download Progress","d":"Download progress popover with pause/resume/cancel controls and background fill animation.","s":"shadcn-space","c":"overlays/popover","hc":1},{"id":"shadcn-space:popover-06","t":"Popover 06   Location","d":"Popover that slides in from the top - ideal for location details.","s":"shadcn-space","c":"overlays/popover","hc":1},{"id":"shadcn-space:popover-07","t":"Popover 07   Color Picker","d":"Color picker popover with preset swatches, a live hex input, and a copy-to-clipboard actio","s":"shadcn-space","c":"overlays/popover","hc":1},{"id":"shadcn-space:popover-08","t":"Popover 08   Product Tour","d":"Icon-led product tour popover with progress dots and skip/next controls.","s":"shadcn-space","c":"overlays/popover","hc":1},{"id":"shadcn-space:popover-09","t":"Popover 09   Status Picker","d":"Avatar-triggered popover to set online/away/busy/offline status with a custom message.","s":"shadcn-space","c":"overlays/popover","hc":1},{"id":"shadcn-space:slider-01","t":"Slider 01   Volume Control","d":"Volume control slider with volume icons and smooth fill animation.","s":"shadcn-space","c":"inputs/slider","hc":1},{"id":"shadcn-space:slider-02","t":"Slider 02   Emoji Rating","d":"Emoji rating slider with hover preview ghost bar and reactive emoji/label display.","s":"shadcn-space","c":"inputs/slider","hc":1},{"id":"shadcn-space:slider-03","t":"Slider 03   Temperature Control","d":"Temperature control slider with cool/comfortable/warm zones, color-coded display, and hove","s":"shadcn-space","c":"inputs/slider","hc":1},{"id":"shadcn-space:slider-04","t":"Slider 04   Modern Volume","d":"A sleek volume slider featuring a bold track design, custom vertical thumb, and smooth per","s":"shadcn-space","c":"inputs/slider","hc":1},{"id":"shadcn-space:slider-05","t":"Slider 05   Equalizer Bar","d":"An advanced, interactive bar-style slider featuring dynamic height dipping effects on hove","s":"shadcn-space","c":"inputs/slider"},{"id":"shadcn-space:slider-06","t":"Slider 06   Animated Price Range Filter","d":"A dual-thumb price range filter slider with a hover ghost preview — hover outside the sele","s":"shadcn-space","c":"inputs/slider","hc":1},{"id":"shadcn-space:slider-07","t":"Slider 07   Slingshot Launch Power","d":"A slingshot-style slider: grab the thumb and pull it off the track like a catapult, see th","s":"shadcn-space","c":"inputs/slider","tg":["playful"],"sy":["playful"],"hc":1},{"id":"shadcn-space:slider-08","t":"Slider 08   Circular Volume Dial","d":"A circular knob slider styled as a volume dial: drag around the ring to sweep a gradient a","s":"shadcn-space","c":"inputs/slider","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"shadcn-space:skeleton-01","t":"Skeleton 01   Profile with Stats","d":"Animated profile skeleton with staggered fade-up motion on each element — avatar, text lin","s":"shadcn-space","c":"status/skeleton","hc":1},{"id":"shadcn-space:skeleton-02","t":"Skeleton 02   Table with Avatars","d":"Animated table skeleton with a title bar, muted header row, avatar+text rows, and badge pl","s":"shadcn-space","c":"status/skeleton","hc":1},{"id":"shadcn-space:skeleton-03","t":"Skeleton 03   List with Icons","d":"Animated list skeleton with a title bar, icon+text rows, and badge placeholders — staggere","s":"shadcn-space","c":"status/skeleton","hc":1},{"id":"shadcn-space:spinner-01","t":"Spinner 01   Default","d":"Default shadcn spinner using the Loader2 icon with animate-spin.","s":"shadcn-space","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcn-space:spinner-02","t":"Spinner 02   Throbber","d":"Classic 8-bar radial throbber with stepped rotation and opacity gradient.","s":"shadcn-space","c":"status/loader","tg":["gradient"],"sb":"Spinners","sy":["gradient"],"hc":1},{"id":"shadcn-space:spinner-03","t":"Spinner 03   Pinwheel","d":"6-blade pinwheel spinner with opacity gradient and continuous rotation.","s":"shadcn-space","c":"status/loader","tg":["gradient"],"sb":"Spinners","sy":["gradient"],"hc":1},{"id":"shadcn-space:spinner-04","t":"Spinner 04   Circle Filled","d":"Circular arc spinner with a dim background ring and rotating filled arc.","s":"shadcn-space","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcn-space:spinner-05","t":"Spinner 05   Ellipsis","d":"Three dots with staggered scale and opacity wave animation.","s":"shadcn-space","c":"status/loader","tg":["webgl"],"sb":"Spinners","sy":["webgl"],"hc":1},{"id":"shadcn-space:spinner-06","t":"Spinner 06   Bars","d":"Three vertical bars with staggered grow animation.","s":"shadcn-space","c":"status/loader","tg":["webgl"],"sb":"Spinners","sy":["webgl"],"hc":1},{"id":"shadcn-space:spinner-07","t":"Spinner 07   Orbital Spinner","d":"A central core with three orbiting rings that spin in opposite directions with varying opa","s":"shadcn-space","c":"status/loader","tg":["webgl"],"sb":"Spinners","sy":["webgl"],"hc":1},{"id":"shadcn-space:spinner-08","t":"Spinner 08   Clock Ring","d":"A clock-style loading indicator with a rotating ring and a marker arm that completes a ful","s":"shadcn-space","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcn-space:spinner-09","t":"Spinner 09   Ripple","d":"A ripple-effect loading component with concentric expanding circular waves.","s":"shadcn-space","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcn-space:spinner-10","t":"Spinner 10   Liquid Wave","d":"A mathematically precise 1:1 replica of a liquid wave Lottie animation with TextMorph text","s":"shadcn-space","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"shadcn-space:sonner-01","t":"Sonner 01   Upload File","d":"A clean, minimal toast notification for file upload progress and status updates.","s":"shadcn-space","c":"overlays/toast","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:sonner-02","t":"Sonner 02   Delete Project","d":"A clean, minimal toast notification for confirming permanent project deletion.","s":"shadcn-space","c":"overlays/toast","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:sonner-03","t":"Sonner 03   Invite Member","d":"A clean, minimal toast notification for inviting a new member to a project.","s":"shadcn-space","c":"overlays/toast","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:sonner-04","t":"Sonner 04   Custom PR Merge","d":"A premium custom toast notification for Pull Request merge flows with approval avatars.","s":"shadcn-space","c":"overlays/toast","hc":1},{"id":"shadcn-space:sonner-05","t":"Sonner 05   Custom Sync Status","d":"A clean, minimal toast notification showing active repository sync status.","s":"shadcn-space","c":"overlays/toast","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:sonner-06","t":"Sonner 06   Success Payout","d":"Animated payout toast that transitions from an amber pending state to a teal success state","s":"shadcn-space","c":"overlays/toast","hc":1},{"id":"shadcn-space:sonner-07","t":"Sonner 07   Failed Payout","d":"Animated payout toast that transitions from an amber pending state to a red-500 failed sta","s":"shadcn-space","c":"overlays/toast","hc":1},{"id":"shadcn-space:pagination-01","t":"Pagination 01   Floating Pill","d":"A floating pill-style pagination with smooth morphing animations.","s":"shadcn-space","c":"navigation/pagination","hc":1},{"id":"shadcn-space:pagination-02","t":"Pagination 02   Premium Ribbon","d":"A premium ribbon-style pagination with glowing active indicators.","s":"shadcn-space","c":"navigation/pagination","tg":["neon"],"sy":["neon"],"hc":1},{"id":"shadcn-space:pagination-03","t":"Pagination 03   Interactive Jump","d":"A compact pagination with an interactive 'Go to Page' jump feature and progress bar.","s":"shadcn-space","c":"navigation/pagination","hc":1},{"id":"shadcn-space:scroll-area-01","t":"Scroll Area 01   Custom File Explorer","d":"A scrollable file explorer list with custom icons, badges, and smooth scroll area performa","k":"layout","s":"shadcn-space","c":"layout/scroll-area","hc":1},{"id":"shadcn-space:scroll-area-02","t":"Scroll Area 02   Horizontal Profile Stories","d":"A horizontally scrollable avatar stories bar with active status indicators, built with Scr","k":"layout","s":"shadcn-space","c":"layout/scroll-area","hc":1},{"id":"shadcn-space:scroll-area-03","t":"Scroll Area 03   Vertical Image Gallery","d":"A vertically scrollable image gallery with fade mask edges, built with ScrollArea and proj","k":"layout","s":"shadcn-space","c":"layout/scroll-area","hc":1},{"id":"shadcn-space:scroll-area-04","t":"Scroll Area 04   Animated Notification Feed","d":"A notification feed with staggered motion entrance animations, hover micro-interactions, a","k":"layout","s":"shadcn-space","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"shadcn-space:input-mask-01","t":"Input Mask 01   Card Number","d":"Card number input mask with #### #### #### #### format.","s":"shadcn-space","c":"inputs/form-field","hc":1},{"id":"shadcn-space:input-mask-02","t":"Input Mask 02   Card Expiry Date","d":"Card expiry date input mask with MM/YY format.","s":"shadcn-space","c":"inputs/form-field","hc":1},{"id":"shadcn-space:input-mask-03","t":"Input Mask 03   MAC Address","d":"MAC address input mask with ##:##:##:##:##:## format.","s":"shadcn-space","c":"inputs/form-field","sb":"Address","hc":1},{"id":"shadcn-space:collapsible-01","t":"Collapsible 01   Release Changelog","d":"An expandable release changelog with per-version collapsible panels, typed badge labels (F","s":"shadcn-space","c":"data-display/accordion","hc":1},{"id":"shadcn-space:collapsible-02","t":"Collapsible 02   Dashboard Sidebar","d":"A dashboard sidebar with collapsible nav sections, active item highlighting, notification ","s":"shadcn-space","c":"data-display/accordion","hc":1},{"id":"shadcn-space:collapsible-03","t":"Collapsible 03   API Keys Manager","d":"A collapsible API keys panel with copy-to-clipboard, delete actions, and a dropdown contex","s":"shadcn-space","c":"data-display/accordion","hc":1},{"id":"shadcn-space:collapsible-04","t":"Collapsible 04   User Profile","d":"A collapsible user profile with user information like last activity, online since and loca","s":"shadcn-space","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"shadcn-space:collapsible-05","t":"Collapsible 05   Token Usage","d":"A collapsible usage card with a progress bar, summary and details.","s":"shadcn-space","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"shadcn-space:progress-01","t":"Progress 01   Simple Upload","d":"A minimal, animated progress bar with status text and a reset action.","s":"shadcn-space","c":"data-viz/progress-bar","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:progress-02","t":"Progress 02   Onboarding Stepper","d":"A clean onboarding progress tracker with step navigation and percentage completion.","s":"shadcn-space","c":"data-viz/progress-bar","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:progress-03","t":"Progress 03   Skills Dashboard","d":"A professional skills overview with color-coded, animated progress bars and entrance effec","s":"shadcn-space","c":"data-viz/progress-bar","hc":1},{"id":"shadcn-space:progress-04","t":"Progress 04   Shimmer Status Progress","d":"Animated progressbar with real-time text updates, smooth entrance and exit animations, and","s":"shadcn-space","c":"data-viz/progress-bar","hc":1},{"id":"shadcn-space:dropdown-menu-01","t":"Dropdown Menu 01   User Profile","d":"A professional user profile dropdown with avatar, status indicator, and categorized links ","s":"shadcn-space","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcn-space:dropdown-menu-02","t":"Dropdown Menu 02   Notifications","d":"A sleek notification dropdown with color-coded category icons, activity summaries, and a '","s":"shadcn-space","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcn-space:dropdown-menu-03","t":"Dropdown Menu 03   Collaborative Requests","d":"An interactive dropdown for managing collaboration requests with framer-motion animations,","s":"shadcn-space","c":"navigation/menu","tg":["animated"],"sb":"Dropdowns","sy":["animated"]},{"id":"shadcn-space:dropdown-menu-04","t":"Dropdown Menu 04   Drill down Submenu","d":"A drill-down navigation menu with nested submenus, search functionality, and smooth transi","s":"shadcn-space","c":"navigation/menu","tg":["playful"],"sb":"Dropdowns","sy":["playful"]},{"id":"shadcn-space:dropdown-menu-05","t":"Dropdown Menu 05   Team Selector","d":"A multi-select team member dropdown with avatar previews, real-time search, and smooth lay","s":"shadcn-space","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcn-space:dropdown-menu-06","t":"Dropdown Menu 06   Voice Chat","d":"A voice chat dropdown with avatar previews, real-time search, and smooth layout animations","s":"shadcn-space","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcn-space:dropdown-menu-07","t":"Dropdown Menu 07   Shopping Cart","d":"An e-commerce cart dropdown that expands in place, with free-delivery progress, discounted","s":"shadcn-space","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcn-space:dropdown-menu-08","t":"Dropdown Menu 08   Search","d":"A search dropdown that expands in place with live filtering, category chips, recent and tr","s":"shadcn-space","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcn-space:dropdown-menu-09","t":"Dropdown Menu 09   Filters","d":"A filter dropdown that expands in place with a price range slider, category checkboxes, ra","s":"shadcn-space","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcn-space:dropdown-menu-10","t":"Dropdown Menu 10   Export","d":"An export dropdown menu opened from a round button with a circular progress ring, with for","s":"shadcn-space","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcn-space:dropdown-menu-11","t":"Dropdown Menu 11   Language Selector","d":"A language selector dropdown with an animated pill trigger, popular languages, region subm","s":"shadcn-space","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcn-space:input-otp-01","t":"Input OTP 01   Default","d":"Default input OTP component","s":"shadcn-space","c":"inputs/otp-input","hc":1},{"id":"shadcn-space:input-otp-02","t":"Input OTP 02   Digits Only","d":"Input OTP component with pattern to allow only digits","s":"shadcn-space","c":"inputs/otp-input","hc":1},{"id":"shadcn-space:input-otp-03","t":"Input OTP 03   With Separator","d":"Input OTP component with separator between segments","s":"shadcn-space","c":"inputs/otp-input","hc":1},{"id":"shadcn-space:input-otp-04","t":"Input OTP 04   Disabled","d":"Input OTP component in disabled state","s":"shadcn-space","c":"inputs/otp-input","hc":1},{"id":"shadcn-space:input-otp-05","t":"Input OTP 05   Controlled","d":"Input OTP component in controlled state","s":"shadcn-space","c":"inputs/otp-input","hc":1},{"id":"shadcn-space:input-otp-06","t":"Input OTP 06   Invalid","d":"Input OTP component in invalid state","s":"shadcn-space","c":"inputs/otp-input","hc":1},{"id":"shadcn-space:input-otp-07","t":"Input OTP 07   Four Digits","d":"Input OTP component with pattern to allow only 4 digits","s":"shadcn-space","c":"inputs/otp-input","hc":1},{"id":"shadcn-space:input-otp-08","t":"Input OTP 08   Alphanumeric","d":"Input OTP component with pattern to allow only alphanumeric characters","s":"shadcn-space","c":"inputs/otp-input","hc":1},{"id":"shadcn-space:input-otp-09","t":"Input OTP 09   Animated","d":"Input OTP component with animation","s":"shadcn-space","c":"inputs/otp-input","hc":1},{"id":"shadcn-space:input-otp-10","t":"Input OTP 10   Interactive Animated Verification","d":"A premium OTP verification experience with a continuously animated security globe, interac","s":"shadcn-space","c":"inputs/otp-input"},{"id":"shadcn-space:autocomplete-01","t":"Autocomplete 01   Default","d":"Default autocomplete component","s":"shadcn-space","c":"inputs/combobox","hc":1},{"id":"shadcn-space:autocomplete-02","t":"Autocomplete 02   Size variants","d":"Autocomplete component with different size variants","s":"shadcn-space","c":"inputs/combobox","hc":1},{"id":"shadcn-space:autocomplete-03","t":"Autocomplete 03   Vanish Animation","d":"Autocomplete with vanish animation","s":"shadcn-space","c":"inputs/combobox","hc":1},{"id":"shadcn-space:autocomplete-04","t":"Autocomplete 04   Team Member Search","d":"Autocomplete with grouped team members, avatars, status dots, and spring-animated list ite","s":"shadcn-space","c":"inputs/combobox","hc":1},{"id":"shadcn-space:autocomplete-05","t":"Autocomplete 05   Async Search","d":"Autocomplete with debounced async search, loading spinner, error handling, avatars, and sp","s":"shadcn-space","c":"inputs/combobox","hc":1},{"id":"shadcn-space:autocomplete-06","t":"Autocomplete 06   With Icon","d":"Autocomplete for selecting a project type with unique icons, selected icon shown in input,","s":"shadcn-space","c":"inputs/combobox","hc":1},{"id":"shadcn-space:context-menu-01","t":"Context Menu 01   Animated Actions","d":"Animated context menu with colored icon badges, keyboard shortcuts, and a destructive acti","s":"shadcn-space","c":"overlays/context-menu","hc":1},{"id":"shadcn-space:context-menu-02","t":"Context Menu 02   Radial Bubble","d":"Spring-animated radial bubble menu that fans colored icon buttons in a circle from a centr","s":"shadcn-space","c":"overlays/context-menu","hc":1},{"id":"shadcn-space:command-01","t":"Command 01   Shortcut Menu","d":"Command component with different size variants","s":"shadcn-space","c":"navigation/command-palette","hc":1},{"id":"shadcn-space:command-02","t":"Command 02   Scrollable","d":"Scrollable command component with groups and separators","s":"shadcn-space","c":"navigation/command-palette","hc":1},{"id":"shadcn-space:command-03","t":"Command 03   Palette","d":"Palette command component with groups and separators","s":"shadcn-space","c":"navigation/command-palette","hc":1},{"id":"shadcn-space:command-04","t":"Command 04   Team Member Search","d":"Command component for searching and inviting team members","s":"shadcn-space","c":"navigation/command-palette","hc":1},{"id":"shadcn-space:command-05","t":"Command 05   Developer Actions","d":"Command component for developer actions","s":"shadcn-space","c":"navigation/command-palette","hc":1},{"id":"shadcn-space:command-06","t":"Command 06   Search Files","d":"Command component for searching files","s":"shadcn-space","c":"navigation/command-palette","hc":1},{"id":"shadcn-space:command-07","t":"Command 07   Filter Search","d":"Command component for filter search","s":"shadcn-space","c":"navigation/command-palette","hc":1},{"id":"shadcn-space:code-block-01","t":"Code Block 01   Default","d":"Syntax-highlighted code block with filename header and copy button","s":"shadcn-space","c":"data-display/code-block","hc":1},{"id":"shadcn-space:code-block-02","t":"Code Block 02   Scrollable","d":"Scrollable code block with line numbers and fixed max height","s":"shadcn-space","c":"data-display/code-block","hc":1},{"id":"shadcn-space:code-block-03","t":"Code Block 03   Custom Background","d":"Code block with custom background and line numbers","s":"shadcn-space","c":"data-display/code-block","hc":1},{"id":"shadcn-space:code-block-04","t":"Code Block 04   Highlighted Line","d":"Code block with line numbers and amber highlighted line","s":"shadcn-space","c":"data-display/code-block","hc":1},{"id":"shadcn-space:code-block-05","t":"Code Block 05   Multi File","d":"Code block with switchable file tabs, line numbers, and scrollable content","s":"shadcn-space","c":"data-display/code-block","hc":1},{"id":"shadcn-space:code-block-06","t":"Code Block 06   Language Tabs","d":"Code block with language selector tabs (JavaScript, Python, React) and scrollable content","s":"shadcn-space","c":"navigation/tabs","hc":1},{"id":"shadcn-space:code-block-07","t":"Code Block 07   Install Command","d":"Package manager install command tabs (pnpm, npm, yarn, bun) with copy button","s":"shadcn-space","c":"data-display/code-block","hc":1},{"id":"shadcn-space:kbd-01","t":"KBD 01   KBD in Button","d":"Buttons with inline keyboard shortcut hints with Mac/Windows platform switch","s":"shadcn-space","c":"data-display/typography","hc":1},{"id":"shadcn-space:kbd-02","t":"KBD 02   KBD Group","d":"KbdGroup showcasing grouped multi-key shortcut combinations with Mac/Windows platform swit","s":"shadcn-space","c":"data-display/typography","hc":1},{"id":"shadcn-space:kbd-03","t":"KBD 03   KBD in Tooltip","d":"ButtonGroup with KBD shortcut hints shown inside tooltips on hover, with Mac/Windows platf","s":"shadcn-space","c":"data-display/typography","hc":1},{"id":"shadcn-space:kbd-04","t":"KBD 04   KBD in Search Input","d":"Search input with KBD shortcut in the input group addon, with Mac/Windows platform switch","s":"shadcn-space","c":"data-display/typography","hc":1},{"id":"shadcn-space:kbd-05","t":"KBD 05   KBD Generator","d":"Interactive keyboard shortcut generator — pick modifiers, enter a key, preview and copy JS","s":"shadcn-space","c":"data-display/typography","hc":1},{"id":"shadcn-space:label-01","t":"Label 01   With Checkbox","d":"Label component with checkbox","s":"shadcn-space","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"shadcn-space:label-02","t":"Label 02   With Input","d":"Label component with input","s":"shadcn-space","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"shadcn-space:label-03","t":"Label 03   With Badge","d":"Label component with badge","s":"shadcn-space","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"shadcn-space:label-04","t":"Label 04   With Textarea","d":"Label component with textarea","s":"shadcn-space","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"shadcn-space:label-05","t":"Label 05   With Switch","d":"Label component with switch","s":"shadcn-space","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"shadcn-space:label-06","t":"Label 06   Floating Label","d":"Floating label that transitions from inside the input to the top on focus or fill","s":"shadcn-space","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"shadcn-space:separator-01","t":"Separator 01   Default","d":"Basic horizontal separator dividing content sections","k":"layout","s":"shadcn-space","c":"layout/page-shell","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:separator-02","t":"Separator 02   Vertical","d":"Vertical separators between stat columns with label and value","s":"shadcn-space","c":"inputs/form-field","hc":1},{"id":"shadcn-space:separator-03","t":"Separator 03   Horizontal Label Placement","d":"Horizontal separators with inline start, center, and end text labels","s":"shadcn-space","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"shadcn-space:separator-04","t":"Separator 04   Vertical Label Placement","d":"Vertical separators with top, center, and bottom text labels","s":"shadcn-space","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"shadcn-space:separator-05","t":"Separator 05   Dashed","d":"Dashed horizontal separator","k":"layout","s":"shadcn-space","c":"layout/page-shell","hc":1},{"id":"shadcn-space:separator-06","t":"Separator 06   Gradient Faded","d":"Gradient faded horizontal separator that fades from transparent to border color","k":"motion","s":"shadcn-space","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"shadcn-space:separator-07","t":"Separator 07   With Badge","d":"Horizontal separator with centered badge","s":"shadcn-space","c":"data-display/badge","hc":1},{"id":"shadcn-space:separator-08","t":"Separator 08   With Icon","d":"Horizontal separator with centered icon","k":"resource","s":"shadcn-space","c":"assets/icon","hc":1},{"id":"shadcn-space:separator-09","t":"Separator 09   Animated Pulse Release","d":"Static dashed horizontal separator with a one-time pulse that releases from the center out","s":"shadcn-space","c":"inputs/otp-input","tg":["animated"],"sy":["animated"],"hc":1},{"id":"shadcn-space:resizable-01","t":"Resizable 01   Master Detail Split Pane","d":"A horizontal resizable layout featuring a searchable order list table on the left and a de","k":"layout","s":"shadcn-space","c":"layout/split-pane","hc":1},{"id":"shadcn-space:resizable-02","t":"Resizable 02   Horizontal Split","d":"A simple horizontal resizable layout with a sidebar and content panel.","k":"layout","s":"shadcn-space","c":"layout/split-pane","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:resizable-03","t":"Resizable 03   Vertical Split","d":"A simple vertical resizable layout with a header and content panel.","k":"layout","s":"shadcn-space","c":"layout/split-pane","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:resizable-04","t":"Resizable 04   Nested Panels","d":"A nested resizable layout combining horizontal and vertical panel groups for a header, sid","k":"layout","s":"shadcn-space","c":"layout/split-pane","hc":1},{"id":"shadcn-space:item-01","t":"Item 01   Team Members List","d":"A team members list built with the Item primitive, showing avatar, name, email, role badge","s":"shadcn-space","c":"data-display/list","sb":"People","hc":1},{"id":"shadcn-space:item-02","t":"Item 02   Model Grid Cards","d":"A grid of model cards built with the Item primitive, showing a gradient preview thumbnail,","s":"shadcn-space","c":"data-display/list","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"shadcn-space:field-01","t":"Field 01   Sign In Form","d":"A sign in form built with the Field primitive, featuring an email field with inline valida","s":"shadcn-space","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"shadcn-space:field-02","t":"Field 02   Notification Settings","d":"A notification preferences list built with the Field primitive, pairing horizontal fields ","s":"shadcn-space","c":"inputs/form-field","hc":1},{"id":"shadcn-space:field-03","t":"Field 03   Choose a Plan","d":"A plan selection layout built with the Field primitive, wrapping a radio group in field la","s":"shadcn-space","c":"inputs/form-field","hc":1},{"id":"shadcn-space:field-04","t":"Field 04   Shipping Address","d":"A shipping address fieldset built with the Field primitive, combining responsive field ori","s":"shadcn-space","c":"inputs/form-field","sb":"Address","hc":1},{"id":"shadcn-space:sheet-01","t":"Sheet 01   Different Directions","d":"Drawer with different directions - top, right, bottom, left","s":"shadcn-space","c":"overlays/sheet","hc":1},{"id":"shadcn-space:sheet-02","t":"Sheet 02   Scrollable Content","d":"Drawer with scrollable content","s":"shadcn-space","c":"overlays/sheet","hc":1},{"id":"shadcn-space:sheet-03","t":"Sheet 03   Shopping Cart","d":"Drawer with products list, quantity controls, and sticky footer with total and checkout bu","s":"shadcn-space","c":"overlays/sheet","hc":1},{"id":"shadcn-space:sheet-04","t":"Sheet 04   Filter Panel","d":"Drawer with products list, quantity controls, and sticky footer with total and checkout bu","s":"shadcn-space","c":"overlays/sheet","hc":1},{"id":"shadcn-space:drawer-01","t":"Drawer 01   Onboarding Checklist","d":"Right side drawer with a progress bar and an interactive onboarding checklist","s":"shadcn-space","c":"overlays/sheet","hc":1},{"id":"shadcn-space:drawer-02","t":"Drawer 02   Shopping Cart","d":"Floating right side drawer with a free shipping progress bar, editable cart items, product","s":"shadcn-space","c":"overlays/sheet","hc":1},{"id":"shadcn-space:stepper-01","t":"Stepper 01   Custom Square Badges","d":"Responsive stepper component with customizable indicators, checkmarks for completed steps,","s":"shadcn-space","c":"navigation/wizard-steps","hc":1},{"id":"shadcn-space:stepper-02","t":"Stepper 02   Multi Step Wizards","d":"Multi-step configuration stepper wizard with distinct tabs for user details, workspace set","s":"shadcn-space","c":"navigation/wizard-steps","hc":1},{"id":"shadcn-space:stepper-03","t":"Stepper 03   Animated Progress Indicators","d":"Stepper with spring-based progress line, traveling dot, pulsing active badge, icon to chec","s":"shadcn-space","c":"navigation/wizard-steps","hc":1},{"id":"shadcn-space:stepper-04","t":"Stepper 04   Segmented Progress Pill","d":"Minimal segmented stepper with a spring-animated progress pill sliding across rounded segm","s":"shadcn-space","c":"navigation/wizard-steps","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:toggle-01","t":"Toggle 01   Animated Sun/Moon","d":"An animated toggle button that switches between Sun and Moon icons with smooth physics-bas","s":"shadcn-space","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"shadcn-space:toggle-02","t":"Toggle 02   Animated Like Button","d":"An animated like (heart) button with active scale pop-up animation and particle radial bur","s":"shadcn-space","c":"actions/switch","sb":"Animated","hc":1},{"id":"shadcn-space:toggle-03","t":"Toggle 03   Animated Upvote Button","d":"An animated Product Hunt / Reddit style upvote button with bouncing arrow and sliding digi","s":"shadcn-space","c":"actions/switch","sb":"Animated","hc":1},{"id":"shadcn-space:toggle-group-01","t":"Toggle Group 01   Animated Formatting Toolbar","d":"A premium animated view switcher and styling toolbar utilizing Radix UI Toggle Group and F","s":"shadcn-space","c":"actions/switch","sb":"Animated","hc":1},{"id":"shadcn-space:toggle-group-02","t":"Toggle Group 02   Animated Social Reactions Widget","d":"A premium social reactions toolbar (Like, Love, Dislike) using Base UI Toggle Group and Fr","s":"shadcn-space","c":"actions/switch","sb":"Animated","hc":1},{"id":"shadcn-space:input-group-01","t":"Input Group 01   Autosave Typing Indicator","d":"A premium text input field containing a real-time autosave status indicator (Saving spinne","s":"shadcn-space","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"shadcn-space:input-group-02","t":"Input Group 02   Email Validation Indicator","d":"An email input field with an animated leading icon that switches between a mail icon, a ve","s":"shadcn-space","c":"inputs/form-field","sb":"Email","hc":1},{"id":"shadcn-space:input-group-03","t":"Input Group 03   Shareable Link with Visibility","d":"A read-only share link input with a public/private visibility select and a copy-to-clipboa","s":"shadcn-space","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcn-space:input-group-04","t":"Input Group 04   Animated Message Composer","d":"A reusable textarea input group with an animated character-count ring and a send button th","s":"shadcn-space","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcn-space:rating-01","t":"Rating 01   Star Rating","d":"A rating component that allows users to rate items on a scale of 1 to 5.","s":"shadcn-space","c":"inputs/rating","hc":1},{"id":"shadcn-space:rating-02","t":"Rating 02   Emoji Rating","d":"A emoji-based rating component that allows users to rate items on a scale of 1 to 5.","s":"shadcn-space","c":"inputs/rating","hc":1},{"id":"shadcn-space:rating-03","t":"Rating 03   NPS Scale Rating","d":"A 0-10 numeric scale rating component for CSAT/NPS-style feedback surveys.","s":"shadcn-space","c":"inputs/rating","hc":1},{"id":"shadcn-space:aspect-ratio-01","t":"Aspect Ratio 01   Default","d":"A simple image constrained to a 16:9 aspect ratio.","s":"shadcn-space","c":"media/gallery","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-space:aspect-ratio-02","t":"Aspect Ratio 02   Square Grid","d":"A responsive photo gallery grid using square aspect ratio tiles with a hover zoom effect.","s":"shadcn-space","c":"media/gallery","sb":"Grids","hc":1},{"id":"shadcn-space:aspect-ratio-03","t":"Aspect Ratio 03   Caption Overlay","d":"A portrait aspect ratio card with a gradient overlay and caption text.","s":"shadcn-space","c":"data-display/card","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"shadcn-space:aspect-ratio-04","t":"Aspect Ratio 04   Video Thumbnail","d":"A 16:9 video thumbnail with a play button overlay and duration badge.","s":"shadcn-space","c":"media/player","hc":1},{"id":"shadcn-space:aspect-ratio-05","t":"Aspect Ratio 05   Ratio Switcher","d":"An interactive demo that lets you switch an image between common aspect ratios like 1:1, 4","s":"shadcn-space","c":"actions/switch","hc":1},{"id":"shadcn-space:aspect-ratio-06","t":"Aspect Ratio 06   Product Card","d":"A product card using a 4:5 aspect ratio image with a discount badge and pricing details.","s":"shadcn-space","c":"data-display/card","sb":"Product","hc":1},{"id":"shadcn-space:sortable-01","t":"Sortable 01   Sortable Asset List","d":"A drag-and-drop sortable asset list component using @dnd-kit with drag handles, file type ","s":"shadcn-space","c":"data-display/list","sb":"Sortable","hc":1},{"id":"shadcn-space:sortable-02","t":"Sortable 02   Sortable Asset Grid","d":"A drag-and-drop sortable asset grid component using @dnd-kit with type badges, file sizes,","s":"shadcn-space","c":"data-display/badge","hc":1},{"id":"shadcn-space:sortable-03","t":"Sortable 03   Sortable Grouped List","d":"A nested drag-and-drop sortable component using @dnd-kit for reordering option groups and ","s":"shadcn-space","c":"data-display/list","sb":"Sortable","hc":1},{"id":"shadcn-space:sortable-04","t":"Sortable 04   Sortable Media Library Grid","d":"A drag-and-drop sortable media library component using @dnd-kit for reordering image asset","s":"shadcn-space","c":"data-display/card","hc":1},{"id":"shadcn-space:sortable-05","t":"Sortable 05   Sortable Numbered Checklist","d":"A drag-and-drop sortable numbered checklist component using @dnd-kit with pill-shaped rows","s":"shadcn-space","c":"inputs/checkbox","hc":1},{"id":"shadcn-space:sortable-06","t":"Sortable 06   Sortable Music Queue","d":"A drag-and-drop sortable music queue component using @dnd-kit with track artwork, artist a","s":"shadcn-space","c":"media/player","hc":1},{"id":"shadcn-space:questionnaire-01","t":"Questionnaire 01   Topic Based Assessment","d":"An interactive physics concept assessment component with topic-based accordion sections an","s":"shadcn-space","c":"navigation/wizard-steps","hc":1},{"id":"shadcn-space:animation-01","t":"Animation 01   Book Page Curl","d":"A single book with a realistic page-curl: drag the cover with mouse or touch and it peels ","k":"motion","s":"shadcn-space","c":"motion/text-effect","hc":1},{"id":"shadcn-space:attachment-01","t":"Attachment 01   Code File","d":"Code file attachment with a tinted icon tile and a remove action, suited to a pending atta","s":"shadcn-space","c":"inputs/file-upload","hc":1},{"id":"shadcn-space:attachment-02","t":"Attachment 02   Image Card","d":"Image attachment card with a wide photo preview on top, file name and dimensions below, an","s":"shadcn-space","c":"inputs/file-upload","hc":1},{"id":"shadcn-space:attachment-03","t":"Attachment 03   Spreadsheet","d":"Spreadsheet file attachment with sheet count and file size, a remove action, and a mini ta","s":"shadcn-space","c":"inputs/file-upload","hc":1},{"id":"shadcn-space:attachment-04","t":"Attachment 04   Idle","d":"File attachment in the idle state, with the primitive's built-in dashed border, a ready-to","s":"shadcn-space","c":"inputs/file-upload","hc":1},{"id":"shadcn-space:attachment-05","t":"Attachment 05   Uploading","d":"File attachment in the uploading state, with a spinner in place of the file icon, a shimme","s":"shadcn-space","c":"inputs/file-upload","hc":1},{"id":"shadcn-space:attachment-06","t":"Attachment 06   Error","d":"File attachment in the error state, with an alert icon, a failure message, and a retry act","s":"shadcn-space","c":"inputs/file-upload","hc":1},{"id":"shadcn-space:attachment-07","t":"Attachment 07   Uploaded","d":"File attachment in the done state, with a checkmark icon, the final file size, and a remov","s":"shadcn-space","c":"inputs/file-upload","hc":1},{"id":"shadcn-space:attachment-08","t":"Attachment 08   Group","d":"Horizontally scrolling row of mixed attachments, an image thumbnail alongside spreadsheet,","s":"shadcn-space","c":"inputs/file-upload","hc":1},{"id":"shadcn-space:attachment-09","t":"Attachment 09   With Trigger","d":"File attachment whose whole surface opens a preview dialog via AttachmentTrigger, with a r","s":"shadcn-space","c":"inputs/file-upload","hc":1},{"id":"shadcn-space:bubble-01","t":"Bubble 01   Variants","d":"All seven Bubble color variants stacked for comparison: default, secondary, muted, tinted,","s":"shadcn-space","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"shadcn-space:bubble-02","t":"Bubble 02   Alignment","d":"Two-sided chat exchange showing align start for received messages and align end for sent r","s":"shadcn-space","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"shadcn-space:bubble-03","t":"Bubble 03   Bubble Group","d":"A back-and-forth exchange where a burst of three consecutive sent messages is wrapped in B","s":"shadcn-space","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Chat","sy":["webgl"],"hc":1},{"id":"shadcn-space:bubble-04","t":"Bubble 04   Links & Buttons","d":"Interactive bubbles rendered as a real button and a real link via BubbleContent's render p","s":"shadcn-space","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"shadcn-space:bubble-05","t":"Bubble 05   Reactions","d":"BubbleReactions anchored bottom-start, bottom-end with an overflow count, and top-start, p","s":"shadcn-space","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"shadcn-space:bubble-06","t":"Bubble 06   Show More","d":"Long bubble content truncated to a character preview, expanding to the full message behind","s":"shadcn-space","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"shadcn-space:bubble-07","t":"Bubble 07   Tooltip","d":"Sent message with a read-receipt icon inside BubbleReactions, using Tooltip to reveal when","s":"shadcn-space","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"shadcn-space:bubble-08","t":"Bubble 08   Popover","d":"Destructive bubble with an info icon inside BubbleReactions, using Popover to surface the ","s":"shadcn-space","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"shadcn-space:dots-01","t":"Dots 01   Flower","d":"Flower shaped dot with chevron eyes that blink and look around","k":"motion","s":"shadcn-space","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"shadcn-space:dots-02","t":"Dots 02   Eared Blob","d":"Blob with little ears and round eyes that blink and look around","k":"motion","s":"shadcn-space","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"shadcn-space:dots-03","t":"Dots 03   Scalloped","d":"Scalloped dot with caret eyes that blink and look around","k":"motion","s":"shadcn-space","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"shadcn-space:dots-04","t":"Dots 04   Teardrop","d":"Teardrop dot with tall oval eyes that blink and look around","k":"motion","s":"shadcn-space","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"shadcn-space:dots-05","t":"Dots 05   Diamond","d":"Rounded diamond dot with tiny eyes that blink and look around","k":"motion","s":"shadcn-space","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"shadcn-space:dots-06","t":"Dots 06   Triangle","d":"Rounded triangle dot with plus sign eyes that blink and look around","k":"motion","s":"shadcn-space","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"shadcn-space:dots-07","t":"Dots 07   Clover","d":"Four lobed clover dot with smiling eyes that blink and look around","k":"motion","s":"shadcn-space","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"shadcn-space:dots-08","t":"Dots 08   Squircle","d":"Rounded square dot with wide set tiny eyes that blink and look around","k":"motion","s":"shadcn-space","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"shadcn-space:dots-09","t":"Dots 09   Hexagon","d":"Rounded hexagon dot with chevron eyes that blink and look around","k":"motion","s":"shadcn-space","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"shadcn-space:dots-10","t":"Dots 10   Circle","d":"Round dot with dash eyes that blink and look around","k":"motion","s":"shadcn-space","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"shadcn-space:dots-11","t":"Dots 11   Cloud","d":"Cloud dot with tall oval eyes that blink and look around","k":"motion","s":"shadcn-space","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"shadcn-space:dots-12","t":"Dots 12   Pebble","d":"Pebble shaped dot with round eyes that blink and look around","k":"motion","s":"shadcn-space","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"shadcn-space:pages/blog-page-01","t":"Insights & News Blog Page","d":"Stay updated with the latest articles, tutorials, product updates, and design insights thr","k":"section","s":"shadcn-space","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-space:pages/blog-page-02","t":"Blog Grid Layout","d":"Present articles in a clean multi-column grid with category filters, featured images, auth","k":"section","s":"shadcn-space","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"]},{"id":"shadcn-space:pages/faq-page-01","t":"Split FAQ Support Layout","d":"A modern split FAQ support layout designed with contact assistance panel expandable questi","k":"section","s":"shadcn-space","c":"marketing/faq"},{"id":"shadcn-space:pages/faq-page-02","t":"Tabbed FAQ Layout","d":"A sleek tabbed questions layout built to separate support topics detailed answers and quic","k":"section","s":"shadcn-space","c":"marketing/faq"},{"id":"shadcn-space:pages/changelog-page-01","t":"Vertical Timeline Changelog","d":"A clean vertical timeline changelog layout featuring version tags structured update cards ","k":"section","s":"shadcn-space","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:pages/changelog-page-02","t":"Media Rich Changelog","d":"A modern media rich changelog design displaying version updates with immersive preview ima","k":"section","s":"shadcn-space","c":"marketing/marketing"},{"id":"shadcn-space:pages/pricing-page-01","t":"Dual Plan Pricing Page","d":"A clean dual plan pricing section crafted with feature highlights expandable FAQs and clea","k":"section","s":"shadcn-space","c":"marketing/pricing","tg":["minimal"],"sb":"Plan cards","sy":["minimal"]},{"id":"shadcn-space:pages/pricing-page-02","t":"Pricing Comparison Layout","d":"A modern pricing page with FAQ layout designed to combine plan comparisons common question","k":"section","s":"shadcn-space","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcn-space:pages/contact-page-01","t":"Project Inquiry Contact Page","d":"A conversion-focused contact page featuring a two-column layout with project inquiry form,","k":"section","s":"shadcn-space","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-space:pages/blog-details-page-01","t":"Minimal Blog detail page","d":"A modern blog article layout designed with structured reading sections, sticky sidebars, t","s":"shadcn-space","c":"data-display/accordion","tg":["minimal"],"sb":"Animated","sy":["minimal"]},{"id":"shadcn-space:pages/blog-details-page-02","t":"Multi Section Blog Detail Page","d":"A professional multi-section article layout designed to present detailed blog content with","k":"section","s":"shadcn-space","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-space:pages/integrations-page-01","t":"Minimal Integration Page","d":"A clean connected tools layout showcasing workflow integrations automation platforms and c","k":"section","s":"shadcn-space","c":"marketing/logos","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:pages/integrations-page-02","t":"Modern Integration Page","d":"A clean connected tools layout showcasing workflow integrations automation platforms and c","k":"section","s":"shadcn-space","c":"marketing/logos","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:pages/contact-page-02","t":"Service Inquiry Page","d":"A modern service inquiry form layout showcasing structured contact sections selectable ser","k":"section","s":"shadcn-space","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-space:pages/contact-page-03","t":"Contact & Business Hour Page","d":"A professional contact page layout featuring inquiry forms, location details, business hou","k":"section","s":"shadcn-space","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-space:pages/about-us-page-01","t":"Split Layout Page","d":"A modern company profile page designed to highlight your story, core values, leadership te","k":"section","s":"shadcn-space","c":"marketing/team"},{"id":"shadcn-space:pages/about-us-page-02","t":"Creative Team Layout","d":"A clean layout featuring collaborative imagery, company statistics, trusted partnerships, ","k":"section","s":"shadcn-space","c":"marketing/team","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-space:pages/error-page-01","t":"Minimal Glow 404 Error Page","d":"A premium, minimalist 404 page template designed with a beautiful glow layout, site search","k":"page","s":"shadcn-space","c":"pages/templates","tg":["minimal","neon"],"sb":"Error and status pages","sy":["minimal","neon"]},{"id":"shadcn-space:pages/error-page-02","t":"Interactive Maintenance & Server Error Page","d":"A high-end 500 / maintenance page featuring an interactive diagnostic terminal simulator, ","k":"page","s":"shadcn-space","c":"pages/templates","tg":["retro and HUD"],"sb":"Error and status pages","sy":["retro and HUD"]},{"id":"shadcn-space:pages/error-page-03","t":"Planetary Grid 404 Error Page","d":"A pitch-black 404 page featuring a planet-themed orbit overlay, a single-row sitemap grid ","k":"page","s":"shadcn-space","c":"pages/templates","sb":"Error and status pages"},{"id":"shadcn-space:pages/landing-page-01","t":"Portfolio Landing Page","d":"A high-converting personal portfolio landing page crafted for product designers and creati","k":"page","s":"shadcn-space","c":"pages/templates","sb":"Portfolios"},{"id":"shadcn-space:pages/landing-page-02","t":"Cleaning Service Landing Page","d":"A professionally designed cleaning service landing page showcasing a minimalist interface,","k":"page","s":"shadcn-space","c":"pages/templates","tg":["minimal"],"sb":"Landing pages","sy":["minimal"]},{"id":"shadcn-space:pages/landing-page-03","t":"Digital Design Agency Landing Page","d":"A sleek digital design agency landing page with service highlights, project portfolio, tea","k":"page","s":"shadcn-space","c":"pages/templates","sb":"Auth pages"},{"id":"shadcn-space:pages/landing-page-04","t":"AI Landing Page","d":"A modern, high-converting AI landing page featuring sections for hero banner with trusted ","s":"shadcn-space","c":"ai-agent/ai-agent"},{"id":"shadcn-space:pages/landing-page-05","t":"Education Landing Page","d":"A modern education landing page template designed for online learning platforms. Features ","k":"page","s":"shadcn-space","c":"pages/templates","sb":"Landing pages"},{"id":"shadcn-space:pages/landing-page-06","t":"Healthcare Landing Page","d":"A modern healthcare landing page template designed for clinics and hospital networks. Feat","k":"page","s":"shadcn-space","c":"pages/templates","sb":"Landing pages"},{"id":"shadcn-space:pages/landing-page-07","t":"AI SaaS Landing Page","d":"A full-featured AI SaaS landing page combining a full-bleed video hero, logo cloud, featur","s":"shadcn-space","c":"ai-agent/ai-agent"},{"id":"shadcn-space:pages/landing-page-08","t":"Real Estate Landing Page","d":"A full-featured real estate landing page with a full-bleed hero, about us, services, featu","k":"page","s":"shadcn-space","c":"pages/templates","sb":"Landing pages"},{"id":"shadcn-ui-blocks:application-pro-accessibility-a11y-checklist-panel","t":"A11y Checklist Panel","d":"WCAG 2.1 audit checklist with pass, fail, and manual badges per criterion, an overall scor","s":"shadcn-ui-blocks","c":"inputs/checkbox"},{"id":"shadcn-ui-blocks:application-pro-accessibility-a11y-issue-trends","t":"A11y Issue Trends","d":"Stacked bar chart card tracking open accessibility issues by severity across six release a","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcn-ui-blocks:application-pro-accessibility-a11y-preferences-panel","t":"A11y Preferences Panel","d":"Accessibility settings panel with a text size selector, live sample line, and grouped visi","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-accessibility-alt-text-review-queue","t":"Alt Text Review Queue","d":"A review list of flagged images, each row pairing a thumbnail, page location, current alt ","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect"},{"id":"shadcn-ui-blocks:application-pro-accessibility-assistive-tech-matrix","t":"Assistive Tech Matrix","d":"Screen reader support matrix crossing core app flows with four assistive tech pairings, la","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-accessibility-conformance-report-card","t":"Conformance Report Card","d":"A VPAT style summary with product metadata, one section per WCAG principle showing a segme","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-accessibility-contrast-checker-card","t":"Contrast Checker Card","d":"Theme token contrast audit card showing computed ratios and AA and AAA pass badges for nor","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-accessibility-focus-order-inspector","t":"Focus Order Inspector","d":"Split audit view pairing a dialog blueprint with numbered focus markers beside a stop list","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-accessibility-heading-outline-tree","t":"Heading Outline Tree","d":"Indented document heading tree with landmark chips, level tags, and issue badges for skipp","s":"shadcn-ui-blocks","c":"data-display/tree"},{"id":"shadcn-ui-blocks:application-pro-accessibility-keyboard-nav-guide","t":"Keyboard Nav Guide","d":"Keyboard shortcut reference table covering global browser keys and Acme app shortcuts rend","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:application-pro-accessibility-live-region-log","t":"Live Region Log","d":"ARIA live region event log with timestamps, politeness badges, source selectors, and flags","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-accessibility-media-captions-audit","t":"Media Captions Audit","d":"Media library audit pairing coverage tiles and progress bars with a per asset table of cap","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-accessibility-reduced-motion-audit","t":"Reduced Motion Audit","d":"An animation inventory with per effect trigger, a duration bar on a shared scale, and a ba","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-accessibility-screen-reader-labels-table","t":"Screen Reader Labels Table","d":"Accessible name audit table listing Acme workspace UI elements with their computed label, ","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Animated fields"},{"id":"shadcn-ui-blocks:application-pro-accessibility-touch-target-audit","t":"Touch Target Audit","d":"Interactive control audit showing hit areas at true scale in 44px frames with measured siz","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-accessibility-zoom-reflow-audit","t":"Zoom Reflow Audit","d":"A WCAG reflow report led by two wireframe legends, then a per page table of pass and fail ","s":"shadcn-ui-blocks","c":"media/gallery","sb":"Zoom and lens"},{"id":"shadcn-ui-blocks:application-pro-activity-activity-calendar","t":"Activity Calendar","d":"Month grid calendar with per-day activity dots scaled by event count and a selected-day ev","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:application-pro-activity-activity-heatmap","t":"Activity Heatmap","d":"Weekday by hour heatmap of workspace events with intensity cells, a Less to More legend, a","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Heatmap"},{"id":"shadcn-ui-blocks:application-pro-activity-approvals-queue","t":"Approvals Queue","d":"Pending requests with context and age, approve or deny, expiry told to the asker.","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:application-pro-activity-audit-export-card","t":"Audit Export Card","d":"Compliance export form with date range, event count, format selector, and an append-only l","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-activity-audit-trail-timeline","t":"Audit Trail Timeline","d":"The compliance log grouped by day, mono actions, second precision, source IPs.","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-activity-automation-run-log","t":"Automation Run Log","d":"A card listing scheduled automation runs with a status icon, workflow name and trigger, du","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-activity-catch-up-digest","t":"Catch Up Digest","d":"A digest card grouping activity accrued while away by project, each with a total badge, ty","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:application-pro-activity-changelog-feed","t":"Changelog Feed","d":"In-app changelog grouped by month with dated entries, type badges for Feature, Fix, Improv","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-activity-comment-mentions-list","t":"Comment Mentions List","d":"Comment mentions inbox showing each document and section, the quoted comment with your nam","s":"shadcn-ui-blocks","c":"data-display/list","sb":"Activity and feeds"},{"id":"shadcn-ui-blocks:application-pro-activity-comment-thread-panel","t":"Comment Thread Panel","d":"A thread with one nested reply, a resolved marker with reopen, and the composer.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-activity-deploy-activity-feed","t":"Deploy Activity Feed","d":"Engineering deploy timeline showing who shipped what service to which environment with sta","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-activity-edit-history-diff","t":"Edit History Diff","d":"Document version history with a selectable edit list on the left and an inline before and ","s":"shadcn-ui-blocks","c":"data-display/diff"},{"id":"shadcn-ui-blocks:application-pro-activity-filtered-activity-log","t":"Filtered Activity Log","d":"Activity log in a filtered state with type chips, an applied person filter, a clear all ac","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-activity-inactivity-watch-card","t":"Inactivity Watch Card","d":"Watchlist of projects gone quiet showing owner avatar, last event summary, a days idle cou","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-activity-live-presence-bar","t":"Live Presence Bar","d":"Realtime presence strip with stacked avatars, status dots for editing and viewing states, ","s":"shadcn-ui-blocks","c":"status/status-dot"},{"id":"shadcn-ui-blocks:application-pro-activity-member-activity-panel","t":"Member Activity Panel","d":"Single member drill down with an avatar header, three weekly stat columns, and a recent ac","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Profile","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-activity-mention-feed","t":"Mention Feed","d":"Mentions inbox showing author, document context, highlighted snippet, timestamp, and a rep","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-activity-pinned-updates-card","t":"Pinned Updates Card","d":"Announcements widget showing three pinned workspace updates with author, tag badge, body t","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Profile","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-activity-project-activity-breakdown","t":"Project Activity Breakdown","d":"A card ranking projects by weekly activity volume, each row showing the top member, a prop","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:application-pro-activity-reaction-activity-feed","t":"Reaction Activity Feed","d":"Social activity feed showing who reacted to or commented on your work, with emoji badges a","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-activity-sign-in-activity-list","t":"Sign In Activity List","d":"A card listing recent account sessions, each with a device icon tile, browser and OS, loca","s":"shadcn-ui-blocks","c":"data-display/list","sb":"Activity and feeds"},{"id":"shadcn-ui-blocks:application-pro-activity-status-change-log","t":"Status Change Log","d":"Vertical timeline of status transitions for one entity with actor names, timestamps, and t","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Status"},{"id":"shadcn-ui-blocks:application-pro-activity-team-activity-feed","t":"Team Activity Feed","d":"Workspace events on a timeline rail with avatars and one expanded comment.","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-activity-team-pulse-card","t":"Team Pulse Card","d":"Weekly team activity summary with commit, comment, and task stats, inline sparklines, and ","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:application-pro-activity-version-history-list","t":"Version History List","d":"Named saves with autosaves collapsed, restore always creates, never rewinds.","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-activity-who-did-what-table","t":"Who Did What Table","d":"Workspace activity table with actor avatars, plain-English action verbs, target resources,","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:application-pro-admin-moderation-audit-search-panel","t":"Audit Search Panel","d":"Compliance audit log with actor, action type, and date range filters, monospace action chi","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-admin-moderation-automation-rules-panel","t":"Automation Rules Panel","d":"Automated rule cards in a two column grid with enabled switches, monospace When and Then c","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-admin-moderation-ban-appeal-panel","t":"Ban Appeal Panel","d":"Ban appeal review with the original enforcement reason, appellant statement, prior enforce","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-admin-moderation-bulk-review-table","t":"Bulk Review Table","d":"A checkbox review table with per row selection, a bulk action bar showing the selection co","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:application-pro-admin-moderation-content-flags-table","t":"Content Flags Table","d":"Moderation flags overview table with content snippets, flag reasons, sortable flag counts,","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:application-pro-admin-moderation-escalation-path-panel","t":"Escalation Path Panel","d":"Vertical escalation stepper with numbered tiers on a rail showing response SLAs, on call a","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-admin-moderation-feature-toggle-admin","t":"Feature Toggle Admin","d":"Feature flag rows with environment badges, rollout percentage bars, kill-switch toggles, a","s":"shadcn-ui-blocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcn-ui-blocks:application-pro-admin-moderation-ip-blocklist-manager","t":"IP Blocklist Manager","d":"Split blocklist manager pairing an add rule form with scope and duration choices beside ru","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:application-pro-admin-moderation-keyword-filter-manager","t":"Keyword Filter Manager","d":"Filtered terms grouped into three ruled sections by enforcement action, each term a monosp","s":"shadcn-ui-blocks","c":"data-display/badge","tg":["webgl"],"sb":"Labels","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-admin-moderation-moderation-queue","t":"Moderation Queue","d":"Reported items as prioritized cards with content snippet, reason, reporter count, age, and","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-admin-moderation-moderator-performance-board","t":"Moderator Performance Board","d":"Moderator table with focus queues, decision counts, seven day sparklines, median handle ti","s":"shadcn-ui-blocks","c":"data-display/kanban"},{"id":"shadcn-ui-blocks:application-pro-admin-moderation-queue-health-panel","t":"Queue Health Panel","d":"Four stat tiles above a ruled queue list with open counts, oldest item age, SLA status bad","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-admin-moderation-report-review-card","t":"Report Review Card","d":"Single report case with reported content, reporter identity, author flag history, and a de","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:application-pro-admin-moderation-role-permissions-matrix","t":"Role Permissions Matrix","d":"A permissions matrix with category grouped rows and four role columns showing member count","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:application-pro-admin-moderation-user-admin-table","t":"User Admin Table","d":"Admin member roster with status badges, signup date, last seen, flag counts, and per-row i","s":"shadcn-ui-blocks","c":"data-display/table","sb":"People"},{"id":"shadcn-ui-blocks:application-pro-admin-moderation-user-risk-profile","t":"User Risk Profile","d":"An identity rail of account facts and linked accounts beside a composite risk score, a seg","s":"shadcn-ui-blocks","c":"data-display/profile"},{"id":"shadcn-ui-blocks:application-pro-admin-moderation-violation-trends-panel","t":"Violation Trends Panel","d":"Eight weeks of report volume as stacked bars segmented by policy category, beside a catego","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-ai-assistant-action-approval-card","t":"Action Approval Card","d":"Approval gate for a proposed assistant bulk change showing sample before and after field v","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent"},{"id":"shadcn-ui-blocks:application-pro-ai-assistant-agent-run-trace","t":"Agent Run Trace","d":"Vertical timeline of agent tool steps with status icons, tool badges, mono query detail li","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","sb":"Reasoning and tools"},{"id":"shadcn-ui-blocks:application-pro-ai-assistant-ai-usage-card","t":"Ai Usage Card","d":"AI token usage panel with a monthly progress bar, a per feature breakdown, and the overage","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent"},{"id":"shadcn-ui-blocks:application-pro-ai-assistant-assistant-chat-panel","t":"Assistant Chat Panel","d":"Conversation thread with alternating user and assistant bubbles, inline source chips, and ","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-ui-blocks:application-pro-ai-assistant-assistant-empty-state","t":"Assistant Empty State","d":"Pre-conversation assistant panel with 4 example prompt chips and plain lists of what the a","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent"},{"id":"shadcn-ui-blocks:application-pro-ai-assistant-citations-panel","t":"Citations Panel","d":"Sources side panel listing 4 cited documents with title, matched snippet, relevance chip, ","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","sb":"Sources"},{"id":"shadcn-ui-blocks:application-pro-ai-assistant-context-sources-panel","t":"Context Sources Panel","d":"Data access panel listing assistant readable sources with icon, item count, last sync time","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","sb":"Sources"},{"id":"shadcn-ui-blocks:application-pro-ai-assistant-conversation-history-list","t":"Conversation History List","d":"Chat history sidebar listing past assistant threads grouped by recency with title, snippet","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-ui-blocks:application-pro-ai-assistant-feedback-thumbs-row","t":"Feedback Thumbs Row","d":"AI response feedback row with thumbs up and down, a copy and regenerate action, and a reas","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent"},{"id":"shadcn-ui-blocks:application-pro-ai-assistant-guardrails-panel","t":"Guardrails Panel","d":"Ruled rows pairing each safety rule with an icon, explanation, and switch, above a blocked","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent"},{"id":"shadcn-ui-blocks:application-pro-ai-assistant-inline-suggestion-card","t":"Inline Suggestion Card","d":"Text editor surface showing an AI ghost-text completion with Tab to accept and Esc to dism","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent"},{"id":"shadcn-ui-blocks:application-pro-ai-assistant-memory-panel","t":"Memory Panel","d":"A header switch and ruled list of remembered facts, each with its source, date, and a forg","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent"},{"id":"shadcn-ui-blocks:application-pro-ai-assistant-model-picker-card","t":"Model Picker Card","d":"Model selection card with three rows showing tier, cost per 1k tokens, a one-line tradeoff","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-ai-assistant-prompt-composer","t":"Prompt Composer","d":"AI input surface with a model chip, attach and slash command buttons, a token counter, and","s":"shadcn-ui-blocks","c":"ai-agent/composer"},{"id":"shadcn-ui-blocks:application-pro-ai-assistant-prompt-library-grid","t":"Prompt Library Grid","d":"Saved prompt cards in a filterable grid showing title, description, category badge, and us","s":"shadcn-ui-blocks","c":"ai-agent/composer"},{"id":"shadcn-ui-blocks:application-pro-ai-assistant-response-compare","t":"Response Compare","d":"A shared prompt panel above two side by side response cards, each with a model badge, answ","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent"},{"id":"shadcn-ui-blocks:application-pro-ai-assistant-scheduled-agents-list","t":"Scheduled Agents List","d":"Ruled rows of recurring assistant tasks, each with cadence, delivery target, last run badg","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent"},{"id":"shadcn-ui-blocks:application-pro-ai-assistant-thread-summary-card","t":"Thread Summary Card","d":"AI generated thread summary with an overview paragraph, checked decision list, owner assig","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-ui-blocks:application-pro-app-shells-anchor-nav-shell","t":"Anchor Nav Shell","d":"A full-page docs shell with a slim topbar, a column of anchored section cards, and a stick","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-app-shells-bottom-panel-shell","t":"Bottom Panel Shell","d":"IDE style shell with a slim run bar, an open canvas, a docked console panel with log tabs,","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-app-shells-breadcrumb-header-shell","t":"Breadcrumb Header Shell","d":"Full-page shell for deep detail views with a breadcrumb trail, page title, meta row, and a","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-app-shells-card-grid-shell","t":"Card Grid Shell","d":"A gallery workspace shell with an icon nav rail, a toolbar with search, sort, and view tog","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-app-shells-centered-content-shell","t":"Centered Content Shell","d":"A slim top bar and a max-w-3xl reading column on a muted background for docs, articles, or","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-app-shells-checklist-shell","t":"Checklist Shell","d":"An onboarding home shell with a topbar, welcome header, a setup checklist card with progre","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-app-shells-collapsible-sidebar-shell","t":"Collapsible Sidebar Shell","d":"Icon-only nav rail with an expand affordance, badge count on Projects, and an inline toolt","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-app-shells-command-bar-shell","t":"Command Bar Shell","d":"Shell with a centered command bar in the top header, a keyboard shortcut hint, and a recen","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-app-shells-dashboard-home-shell","t":"Dashboard Home Shell","d":"The assembled overview, greeting header, KPI strip, recent list, one open chart slot.","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-app-shells-document-tabs-shell","t":"Document Tabs Shell","d":"Editor workspace shell with a strip of open document tabs, close buttons, an unsaved dot, ","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-app-shells-dual-sidebar-shell","t":"Dual Sidebar Shell","d":"App shell with a primary icon nav rail and a grouped contextual sub-nav panel for deep two","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-app-shells-empty-state-shell","t":"Empty State Shell","d":"A sidebar and header frame with a first run canvas: a centered empty state with icon, head","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-app-shells-env-banner-shell","t":"Environment Banner Shell","d":"App shell with a pinned staging environment banner, a switch action, a topbar, and a deplo","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-app-shells-focus-mode-shell","t":"Focus Mode Shell","d":"Minimal top bar with back link, document title, save state badge, and a centered max-w con","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:application-pro-app-shells-full-bleed-shell","t":"Full Bleed Shell","d":"Edge-to-edge canvas shell with a floating toolbar for maps, boards, and diagram editors th","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"shadcn-ui-blocks:application-pro-app-shells-icon-sidebar-shell","t":"Icon Sidebar Shell","d":"The icon only rail with aria labels, maximum width left for dense tool content.","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-app-shells-inbox-shell","t":"Inbox Shell","d":"Three pane mail shell with a labeled folder sidebar, an unread message list, and a reading","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-app-shells-nested-nav-sidebar-shell","t":"Nested Nav Sidebar Shell","d":"Sidebar with Projects expanded to three indented children, one active.","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-app-shells-right-rail-shell","t":"Right Rail Shell","d":"Three-column shell with an icon nav rail, main content area, and a right context rail show","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-app-shells-settings-shell","t":"Settings Shell","d":"Three column settings scaffold, icon rail, secondary nav with Danger zone, content column.","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-app-shells-sidebar-shell","t":"Sidebar Shell","d":"The navigation rail with active state, command hint, and labeled drop zones for your pages","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-app-shells-split-content-shell","t":"Split Content Shell","d":"Full-page shell with a slim top bar and a 50/50 editor and preview pane split for authorin","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-app-shells-sticky-toolbar-shell","t":"Sticky Toolbar Shell","d":"App shell with a sticky bulk-actions and filter toolbar that stays pinned above a scrollab","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-app-shells-tabbed-page-shell","t":"Tabbed Page Shell","d":"A full-page shell with a sidebar, a named resource header, and a horizontal tab row delive","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-app-shells-topbar-shell","t":"Topbar Shell","d":"Horizontal nav with the Acme lockup, five links, a command hint, and the page below.","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-app-shells-two-pane-shell","t":"Two Pane Shell","d":"Master-detail layout with a six-row project list pane and a wide detail pane showing the s","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-app-shells-wizard-shell","t":"Wizard Shell","d":"Multi-step flow shell with a slim header step indicator, centered content column, and stic","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-auth-pages-accept-invite-page","t":"Accept Invite Page","d":"The invite named, inviter, role, what it grants, and the days left to accept.","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign in"},{"id":"shadcn-ui-blocks:application-pro-auth-pages-account-linking-page","t":"Account Linking Page","d":"An account collision gate showing a Google sign in beside an existing password account, a ","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","tg":["webgl"],"sb":"Sign in","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-auth-pages-account-recovery-page","t":"Account Recovery Page","d":"Account recovery card with an email lookup form and three recovery options listed by speed","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","tg":["webgl"],"sb":"Password reset","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-auth-pages-approval-pending-page","t":"Approval Pending Page","d":"A workspace join waiting state with a step timeline, the named admins who decide, the typi","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign in"},{"id":"shadcn-ui-blocks:application-pro-auth-pages-backup-codes-page","t":"Backup Codes Page","d":"Recovery code save step with an eight code grid, download and copy actions, a saved confir","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Verification"},{"id":"shadcn-ui-blocks:application-pro-auth-pages-deactivated-account-page","t":"Deactivated Account Page","d":"Account deactivation state page naming who deactivated the account and when, listing what ","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign in"},{"id":"shadcn-ui-blocks:application-pro-auth-pages-device-approval-page","t":"Device Approval Page","d":"New device verification gate showing device, location, time, and account with approve and ","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign in"},{"id":"shadcn-ui-blocks:application-pro-auth-pages-email-changed-confirm","t":"Email Changed Confirm","d":"Email change confirmation page showing the new and old address with timestamp and device, ","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcn-ui-blocks:application-pro-auth-pages-forgot-password-page","t":"Forgot Password Page","d":"Password reset form that openly explains its anti enumeration response and states reset li","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Password reset"},{"id":"shadcn-ui-blocks:application-pro-auth-pages-join-workspace-page","t":"Join Workspace Page","d":"Workspace entry page for invited and domain-matched users with a member preview, join or r","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign in"},{"id":"shadcn-ui-blocks:application-pro-auth-pages-locked-account-page","t":"Locked Account Page","d":"Account lockout page stating the 15-minute duration, a password reset shortcut, and the re","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign in"},{"id":"shadcn-ui-blocks:application-pro-auth-pages-magic-link-page","t":"Magic Link Page","d":"Passwordless sign in showing both the request and sent states with expiry and resend throt","s":"shadcn-ui-blocks","c":"actions/link"},{"id":"shadcn-ui-blocks:application-pro-auth-pages-mfa-enrollment-page","t":"MFA Enrollment Page","d":"A required two factor enrollment gate with three method rows ranked by strength, the authe","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","tg":["webgl"],"sb":"Verification","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-auth-pages-oauth-callback-page","t":"Oauth Callback Page","d":"OAuth connecting state card with a Spinner, three step rows showing progress for a GitHub ","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","tg":["webgl"],"sb":"Social","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-auth-pages-oauth-consent-page","t":"Oauth Consent Page","d":"Third party app authorization card listing granted scopes and explicit exclusions, the act","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Social"},{"id":"shadcn-ui-blocks:application-pro-auth-pages-passkey-setup-page","t":"Passkey Setup Page","d":"Centered auth card prompting passkey enrollment with three benefit rows, a device save tar","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","tg":["webgl"],"sb":"Sign in","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-auth-pages-password-expired-page","t":"Password Expired Page","d":"A forced password rotation gate with current and new password fields, a policy panel expla","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Password reset"},{"id":"shadcn-ui-blocks:application-pro-auth-pages-reset-password-page","t":"Reset Password Page","d":"New password form reached from a reset link with a requirements checklist, a session sign ","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Password reset"},{"id":"shadcn-ui-blocks:application-pro-auth-pages-session-expired-page","t":"Session Expired Page","d":"Calm session timeout screen that promises local draft restore and prefills the email for o","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign in"},{"id":"shadcn-ui-blocks:application-pro-auth-pages-sign-in-page","t":"Sign In Page","d":"SSO first sign in with the password fallback and honest reset link timing.","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign in"},{"id":"shadcn-ui-blocks:application-pro-auth-pages-sign-up-page","t":"Sign Up Page","d":"Workspace signup with SSO buttons first, slug preview, and plain 14 day read only trial te","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign up"},{"id":"shadcn-ui-blocks:application-pro-auth-pages-sso-error-page","t":"Sso Error Page","d":"SSO failure page with the specific error reason, a named admin contact, numbered steps to ","k":"page","s":"shadcn-ui-blocks","c":"pages/templates","sb":"Error and status pages"},{"id":"shadcn-ui-blocks:application-pro-auth-pages-sso-login-page","t":"Sso Login Page","d":"SSO-enforced sign in card with org domain shown, a single Continue with SSO button, and a ","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign in"},{"id":"shadcn-ui-blocks:application-pro-auth-pages-two-factor-page","t":"Two Factor Page","d":"TOTP verification with six OTP slots, device trust checkbox, backup code link, and human r","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Verification"},{"id":"shadcn-ui-blocks:application-pro-auth-pages-verify-email-page","t":"Verify Email Page","d":"Check-your-inbox state showing the sent address, a throttled resend button, a change-email","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Verification"},{"id":"shadcn-ui-blocks:application-pro-auth-pages-welcome-back-login","t":"Welcome Back Login","d":"Returning user login showing the known account avatar and email with a single password fie","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign in"},{"id":"shadcn-ui-blocks:application-pro-auth-pages-workspace-picker-page","t":"Workspace Picker Page","d":"Post sign in workspace chooser listing memberships with marks, member counts, and role bad","s":"shadcn-ui-blocks","c":"inputs/select"},{"id":"shadcn-ui-blocks:application-pro-billing-addons-panel","t":"Add ons Panel","d":"An add-ons panel with active add-on rows and toggles, available add-ons to enable, and a s","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-billing-billing-contacts-card","t":"Billing Contacts Card","d":"Who gets invoices, the add contact field, and the PO number printed on every one.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:application-pro-billing-billing-cycle-switch","t":"Billing Cycle Switch","d":"Monthly and annual cycle options side by side with per seat pricing, the yearly saving, an","s":"shadcn-ui-blocks","c":"actions/switch"},{"id":"shadcn-ui-blocks:application-pro-billing-cancel-flow-blueprint","t":"Cancel Flow Blueprint","d":"Cancel subscription dialog showing what you keep until the period ends, what changes after","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:application-pro-billing-cost-allocation-panel","t":"Cost Allocation Panel","d":"A cost by team panel with ruled rows of member count, a proportional meter, share percenta","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-billing-coupon-redemption-card","t":"Coupon Redemption Card","d":"Active promotion with mono code, discount terms, per invoice saving, the next discounted t","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-billing-credits-balance-card","t":"Credits Balance Card","d":"Prepaid credits wallet showing current balance, a ruled grants and spends ledger, and the ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-billing-current-plan-usage","t":"Current Plan Usage","d":"Team plan header with renewal date and three usage meters each stating the overage policy ","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"With billing toggle","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-billing-dunning-banner","t":"Dunning Banner","d":"Payment-failed notice with the card charged, retry schedule, exact access-pause date, and ","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:application-pro-billing-invoice-detail-page","t":"Invoice Detail Page","d":"Single printable invoice with mono number, from/to addresses, tabular line items, subtotal","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-billing-invoice-history-table","t":"Invoice History Table","d":"Compact invoice archive with the estimated next invoice previewed at the top.","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-billing-pause-subscription-panel","t":"Pause Subscription Panel","d":"Three pause lengths with exact resume dates, a checklist of what happens while paused, and","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"With billing toggle","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-billing-payment-history-table","t":"Payment History Table","d":"Transactions ledger with date, description, card brand chip with last four digits, tabular","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-billing-payment-method-panel","t":"Payment Method Panel","d":"The saved card, billing email, the optional backup slot, and the token footer.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-billing-plan-change-history","t":"Plan Change History","d":"Dated log of upgrades, seat additions, promotions, and cycle switches, each with a type ba","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-billing-plan-comparison-table","t":"Plan Comparison Table","d":"Three-plan feature matrix with Check and Minus cells, per-plan prices, current plan marker","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-billing-proration-preview-card","t":"Proration Preview Card","d":"Upgrade proration preview with credit and charge line items, due-today total, and next ren","s":"shadcn-ui-blocks","c":"overlays/hover-card"},{"id":"shadcn-ui-blocks:application-pro-billing-receipt-card","t":"Receipt Card","d":"Single payment receipt with amount, date, card, transaction ID, a download PDF action, and","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-billing-refund-status-card","t":"Refund Status Card","d":"Refund in progress with amount, dates, returning card, and a four stage pipeline showing c","s":"shadcn-ui-blocks","c":"data-display/card","tg":["playful"],"sb":"Profile","sy":["playful"]},{"id":"shadcn-ui-blocks:application-pro-billing-seat-management-panel","t":"Seat Management Panel","d":"Idle seats listed with last active and the keep or free choice priced per month.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-billing-spend-trend-chart","t":"Spend Trend Chart","d":"A spend trend panel with three stat columns above a six month stacked bar chart splitting ","s":"shadcn-ui-blocks","c":"data-viz/chart","tg":["webgl"],"sb":"Line and sparkline","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-billing-spending-limit-card","t":"Spending Limit Card","d":"Monthly cap widget showing current spend on a Progress bar with alert threshold markers an","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-billing-tax-and-invoice-settings","t":"Tax and Invoice Settings","d":"VAT and Tax ID panel with VIES validation note, billing address fields, reverse charge cal","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-billing-trial-status-card","t":"Trial Status Card","d":"A trial card with a day meter, a ruled list of what the team set up, an end date outcome, ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-billing-upgrade-comparison-card","t":"Upgrade Comparison Card","d":"The seat limit upsell with the delta priced for your seats and the honest alternative.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:application-pro-billing-usage-alerts-panel","t":"Usage Alerts Panel","d":"Alert rules as a ruled list with metric thresholds, recipient emails, and toggles, plus an","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-billing-usage-breakdown-bill","t":"Usage Breakdown Bill","d":"The period charges line by line with a dated projection and its method stated.","s":"shadcn-ui-blocks","c":"inputs/date-range"},{"id":"shadcn-ui-blocks:application-pro-calendar-scheduling-availability-grid","t":"Availability Grid","d":"Single-day slot picker with taken slots disabled, the selected slot highlighted, timezone ","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:application-pro-calendar-scheduling-booking-confirmation-card","t":"Booking Confirmation Card","d":"Post-booking summary card with meeting title, attendee avatars, dual-timezone times, add-t","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcn-ui-blocks:application-pro-calendar-scheduling-calendar-sync-status","t":"Calendar Sync Status","d":"Connected calendars panel with per account sync freshness, slot blocking modes, an inline ","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:application-pro-calendar-scheduling-event-detail-panel","t":"Event Detail Panel","d":"Full read view of a calendar event with a header, agenda and attachments column, a guest l","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-calendar-scheduling-event-list-day","t":"Event List Day","d":"Day schedule list with an all-day item pinned at top, ruled timed event rows, and an expli","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:application-pro-calendar-scheduling-invite-rsvp-card","t":"Invite RSVP Card","d":"Incoming invitation card showing the organizer, event details, and a conflict warning, clo","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-calendar-scheduling-meeting-poll-panel","t":"Meeting Poll Panel","d":"Group scheduling poll with three proposed times, voter avatar stacks, vote share bars, a h","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Profile","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-calendar-scheduling-mini-calendar-card","t":"Mini Calendar Card","d":"Compact sidebar month picker with today highlighted, event dots on three dates, and prev a","s":"shadcn-ui-blocks","c":"data-display/calendar","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-calendar-scheduling-month-calendar","t":"Month Calendar","d":"Month grid for June 2026 with event chips, overflow badges, today highlighted, and muted o","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:application-pro-calendar-scheduling-recurring-event-form","t":"Recurring Event Form","d":"Recurrence rule builder with interval input, weekday toggle chips, end condition selector,","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-ui-blocks:application-pro-calendar-scheduling-reschedule-request-panel","t":"Reschedule Request Panel","d":"Reschedule request panel placing the current and proposed slots side by side with the requ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-calendar-scheduling-room-booking-timeline","t":"Room Booking Timeline","d":"Room picker where each meeting room is a day track with existing bookings drawn as blocks ","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-calendar-scheduling-scheduling-link-card","t":"Scheduling Link Card","d":"Booking link share card with a copy chip, three meeting types with buffers, availability h","s":"shadcn-ui-blocks","c":"actions/link","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-calendar-scheduling-team-availability-heatmap","t":"Team Availability Heatmap","d":"Week by hour heat grid of team overlap with day columns, a ring highlighted best slot, den","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Heatmap"},{"id":"shadcn-ui-blocks:application-pro-calendar-scheduling-timezone-compare-row","t":"Timezone Compare Row","d":"Proposed meeting time shown side by side across four attendee timezones with local time, o","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:application-pro-calendar-scheduling-week-agenda","t":"Week Agenda","d":"Week view with a vertical time column, five day columns, CSS-positioned event blocks, and ","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:application-pro-calendar-scheduling-working-hours-editor","t":"Working Hours Editor","d":"Weekly availability settings with per day switches, bookable time range chips, a timezone ","s":"shadcn-ui-blocks","c":"inputs/textarea"},{"id":"shadcn-ui-blocks:application-pro-charts-area-with-range-chart","t":"Area With Range Chart","d":"An area chart showing actuals with a muted 80% confidence band and a dashed projection tai","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Area"},{"id":"shadcn-ui-blocks:application-pro-charts-bubble-chart","t":"Bubble Chart","d":"ScatterChart plotting accounts by usage score, monthly revenue, and seat count encoded as ","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Scatter"},{"id":"shadcn-ui-blocks:application-pro-charts-bullet-kpi-rows","t":"Bullet KPI Rows","d":"A card panel of five quarterly KPIs as bullet rows, each with qualitative range bands, a q","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:application-pro-charts-cohort-retention-heatmap","t":"Cohort Retention Heatmap","d":"A CSS grid heatmap of weekly cohort retention shaded by foreground opacity tokens with no ","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Heatmap"},{"id":"shadcn-ui-blocks:application-pro-charts-conversion-funnel-bars","t":"Conversion Funnel Bars","d":"The funnel as horizontal bars with each rate against the prior stage, labeled.","s":"shadcn-ui-blocks","c":"data-viz/chart","tg":["playful"],"sb":"Bar","sy":["playful"]},{"id":"shadcn-ui-blocks:application-pro-charts-diverging-survey-bars","t":"Diverging Survey Bars","d":"Likert survey responses as diverging stacked bars around a center axis with a four segment","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcn-ui-blocks:application-pro-charts-dumbbell-latency-chart","t":"Dumbbell Latency Chart","d":"Dumbbell rows comparing p95 latency per endpoint before and after a release, with connecto","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:application-pro-charts-gauge-progress-chart","t":"Gauge Progress Chart","d":"A radial gauge showing a single SLA percentage with the value centred and the target thres","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:application-pro-charts-grouped-bar-chart","t":"Grouped Bar Chart","d":"Feature usage grouped bar chart comparing this billing period against the previous across ","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcn-ui-blocks:application-pro-charts-heatmap-calendar-chart","t":"Heatmap Calendar Chart","d":"CSS grid calendar heatmap shading daily activity by foreground opacity across a six month ","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Heatmap"},{"id":"shadcn-ui-blocks:application-pro-charts-histogram-distribution-chart","t":"Histogram Distribution Chart","d":"A card panel charting API response times bucketed into 100 ms bins as a single distributio","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcn-ui-blocks:application-pro-charts-horizontal-bar-ranking","t":"Horizontal Bar Ranking","d":"Horizontal bar chart ranking the top 6 pages by view count with inline value labels and a ","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcn-ui-blocks:application-pro-charts-latency-percentile-chart","t":"Latency Percentile Chart","d":"API request latency as p50, p95, and p99 lines over 24 hourly points with ms axis formatti","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:application-pro-charts-mrr-stacked-bars","t":"Mrr Stacked Bars","d":"MRR movement as stacked bars with new and expansion above zero and contraction and churn b","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcn-ui-blocks:application-pro-charts-multi-line-trend","t":"Multi Line Trend","d":"Three-series line chart tracking monthly active seats across Starter, Growth, and Enterpri","s":"shadcn-ui-blocks","c":"data-viz/chart","tg":["webgl"],"sb":"Line and sparkline","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-charts-pareto-error-chart","t":"Pareto Error Chart","d":"A Pareto chart pairing error category bars sorted by volume with a cumulative share line o","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:application-pro-charts-percent-stacked-bars","t":"Percent Stacked Bars","d":"A card panel charting monthly signups by acquisition channel as bars normalized to 100 per","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcn-ui-blocks:application-pro-charts-plan-mix-donut","t":"Plan Mix Donut","d":"Donut chart of active workspaces by plan tier with a center total label and a four plan le","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcn-ui-blocks:application-pro-charts-radar-chart","t":"Radar Chart","d":"RadarChart comparing two plans across five feature dimensions with filled polygons and a s","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Radar"},{"id":"shadcn-ui-blocks:application-pro-charts-radial-usage-rings","t":"Radial Usage Rings","d":"Concentric radial rings showing percent of quota used per storage resource beside a breakd","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcn-ui-blocks:application-pro-charts-revenue-area-chart","t":"Revenue Area Chart","d":"Stacked area chart showing new business and expansion MRR added each month across an 8 mon","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Area"},{"id":"shadcn-ui-blocks:application-pro-charts-scatter-plot-chart","t":"Scatter Plot Chart","d":"Accounts scatter chart plotting monthly API usage against revenue with reference-line quad","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Scatter"},{"id":"shadcn-ui-blocks:application-pro-charts-signups-bar-chart","t":"Signups Bar Chart","d":"Weekly new account signups as a single series bar chart over 10 weeks with a labeled launc","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcn-ui-blocks:application-pro-charts-slope-comparison-chart","t":"Slope Comparison Chart","d":"A card panel joining average active seats per plan across two quarters with slope lines be","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:application-pro-charts-sparkbar-row","t":"Sparkbar Row","d":"Four compact metric tiles each with a label, headline value, and a mini 8-week bar chart f","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcn-ui-blocks:application-pro-charts-stacked-category-bars","t":"Stacked Category Bars","d":"A stacked bar chart of support tickets by category over six weeks with a footnote naming t","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcn-ui-blocks:application-pro-charts-stepped-area-chart","t":"Stepped Area Chart","d":"Active seats area chart using stepAfter type so each provisioning event reads as an instan","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Area"},{"id":"shadcn-ui-blocks:application-pro-charts-usage-line-chart","t":"Usage Line Chart","d":"API requests per day as two lines separating production and sandbox volume across a 14 day","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcn-ui-blocks:application-pro-charts-waterfall-chart","t":"Waterfall Chart","d":"MRR movement chart with floating bars for new business, expansion, and churn across a bill","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:application-pro-charts-weekly-active-users-chart","t":"Weekly Active Users Chart","d":"Distinct active users per ISO week as a filled area over 12 weeks with a dashed quarter ta","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:application-pro-chat-messaging-active-call-panel","t":"Active Call Panel","d":"Live huddle surface with elapsed timer, presenting banner, participant tiles showing mute ","s":"shadcn-ui-blocks","c":"data-display/card","tg":["retro and HUD"],"sb":"Profile","sy":["retro and HUD"]},{"id":"shadcn-ui-blocks:application-pro-chat-messaging-channel-directory","t":"Channel Directory","d":"A browse and join panel with a create action, labeled search field, sort chips, and rows s","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-ui-blocks:application-pro-chat-messaging-channel-list-sidebar","t":"Channel List Sidebar","d":"Workspace nav rail with channel and DM sections, unread badges, a muted channel indicator,","s":"shadcn-ui-blocks","c":"navigation/sidebar"},{"id":"shadcn-ui-blocks:application-pro-chat-messaging-channel-settings-panel","t":"Channel Settings Panel","d":"Channel settings panel with name and topic fields, public/private radio with consequence n","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-chat-messaging-conversation-list","t":"Conversation List","d":"Inbox rail with six conversation rows showing avatar, preview, timestamp, and unread count","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-ui-blocks:application-pro-chat-messaging-dm-thread-panel","t":"Dm Thread Panel","d":"Complete 1:1 panel combining a presence header, a grouped message thread with read receipt","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-chat-messaging-emoji-reactions-blueprint","t":"Emoji Reactions Blueprint","d":"Static open-state emoji picker inline above a message with a recents row, category grid, s","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-ui-blocks:application-pro-chat-messaging-member-profile-drawer","t":"Member Profile Drawer","d":"A person panel with a large avatar and presence dot, name and status line, message and hud","s":"shadcn-ui-blocks","c":"overlays/sheet","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"shadcn-ui-blocks:application-pro-chat-messaging-mentions-activity-feed","t":"Mentions Activity Feed","d":"An activity panel with a mark all read header, mentions and reactions filter chips, and ro","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-chat-messaging-message-composer","t":"Message Composer","d":"Chat send bar with attach, emoji, and slash affordances, a typing indicator row, and a Sen","s":"shadcn-ui-blocks","c":"ai-agent/composer"},{"id":"shadcn-ui-blocks:application-pro-chat-messaging-message-thread","t":"Message Thread","d":"Chat thread with grouped sender bubbles, a Today day divider, a reaction chip, and a read ","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-ui-blocks:application-pro-chat-messaging-pinned-messages-panel","t":"Pinned Messages Panel","d":"Channel pinned messages list showing author, snippet, pinned time and pinner, a jump-to li","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-ui-blocks:application-pro-chat-messaging-poll-message-card","t":"Poll Message Card","d":"Inline thread poll with vote share bars per option, a check on your vote, voter avatar clu","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-ui-blocks:application-pro-chat-messaging-scheduled-messages-panel","t":"Scheduled Messages Panel","d":"Queued outgoing messages list with destination, draft snippet, exact send time, and per ro","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-ui-blocks:application-pro-chat-messaging-search-messages-results","t":"Search Messages Results","d":"Chat search results grouped by channel and DM with author, inline highlighted match term, ","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-ui-blocks:application-pro-chat-messaging-shared-files-panel","t":"Shared Files Panel","d":"Conversation files tab with type filter chips and rows showing a file icon, name, size, up","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-chat-messaging-thread-reply-panel","t":"Thread Reply Panel","d":"Side panel showing a parent channel message, a reply count divider, four threaded replies,","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-chat-messaging-voice-message-thread","t":"Voice Message Thread","d":"An audio thread of chat bubbles, each with a play control, waveform, and duration, plus an","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-ui-blocks:application-pro-comments-annotations-annotation-layers-rail","t":"Annotation Layers Rail","d":"A document page mockup where marks from each reviewer form a colored layer, beside a rail ","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:application-pro-comments-annotations-annotation-toolbar-blueprint","t":"Annotation Toolbar Blueprint","d":"Static open-state blueprint of a text-selection toolbar with comment, highlight, suggest-e","s":"shadcn-ui-blocks","c":"navigation/menu","sb":"Menubars"},{"id":"shadcn-ui-blocks:application-pro-comments-annotations-canvas-pin-comments","t":"Canvas Pin Comments","d":"Design canvas mockup with four numbered comment pins and a side rail listing each pin thre","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:application-pro-comments-annotations-code-review-thread","t":"Code Review Thread","d":"Code diff panel with line numbers, added and removed rows, and a line anchored review thre","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:application-pro-comments-annotations-comment-assignments","t":"Comment Assignments","d":"Review feedback promoted into action items, with filter chips above rows pairing each sour","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:application-pro-comments-annotations-comment-composer","t":"Comment Composer","d":"Standalone comment composer with a formatting toolbar, file attach, at mention hint, and a","s":"shadcn-ui-blocks","c":"ai-agent/composer"},{"id":"shadcn-ui-blocks:application-pro-comments-annotations-comment-notification-inbox","t":"Comment Notification Inbox","d":"Cross document notification feed with mention, reply, and resolve items, unread dots, type","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-comments-annotations-comment-sidebar","t":"Comment Sidebar","d":"Document comment sidebar with four threads anchored to quoted text, reply counts, resolve ","s":"shadcn-ui-blocks","c":"navigation/sidebar"},{"id":"shadcn-ui-blocks:application-pro-comments-annotations-inline-annotation-thread","t":"Inline Annotation Thread","d":"Highlighted text excerpt with an attached margin thread showing two comments, a reply comp","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:application-pro-comments-annotations-mention-picker-blueprint","t":"Mention Picker Blueprint","d":"Static open state of an at mention picker showing six workspace members with one row highl","s":"shadcn-ui-blocks","c":"inputs/select"},{"id":"shadcn-ui-blocks:application-pro-comments-annotations-outdated-comments-panel","t":"Outdated Comments Panel","d":"Comment threads on a versioned document, split into ones matched to the new version and on","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-comments-annotations-pending-review-tray","t":"Pending Review Tray","d":"Draft comments held for one review, each with a section anchor, quote, and edit controls, ","s":"shadcn-ui-blocks","c":"overlays/sheet"},{"id":"shadcn-ui-blocks:application-pro-comments-annotations-reaction-bar","t":"Reaction Bar","d":"Emoji reaction chips with counts showing active and inactive states, an add reaction affor","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:application-pro-comments-annotations-resolved-comments-list","t":"Resolved Comments List","d":"Audit list of closed comment threads with quoted references, resolution attribution, reply","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:application-pro-comments-annotations-spreadsheet-cell-comments","t":"Spreadsheet Cell Comments","d":"A budget sheet with corner markers on flagged cells beside a rail showing the selected cel","s":"shadcn-ui-blocks","c":"data-display/table","sb":"Editable"},{"id":"shadcn-ui-blocks:application-pro-comments-annotations-suggestion-review-row","t":"Suggestion Review Row","d":"Pending edit review rows showing the struck original beside the proposed replacement with ","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:application-pro-comments-annotations-video-timestamp-comments","t":"Video Timestamp Comments","d":"Video review timeline with avatar markers at comment timestamps and a list of time anchore","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:application-pro-data-tables-audit-log-table","t":"Audit Log Table","d":"Append only security log with mono timestamps, actor avatars, code chip action keys, targe","s":"shadcn-ui-blocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-ui-blocks:application-pro-data-tables-column-visibility-table","t":"Column Visibility Table","d":"A customers table beside a checkbox rail that shows and hides columns live, with a locked ","s":"shadcn-ui-blocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-ui-blocks:application-pro-data-tables-comparison-table","t":"Comparison Table","d":"Plan comparison table with features as rows, plans as columns, differing cells highlighted","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:application-pro-data-tables-csv-preview-table","t":"Csv Preview Table","d":"CSV import preview with column to field mapping Selects, an unmapped column flag, and a ro","s":"shadcn-ui-blocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-ui-blocks:application-pro-data-tables-dense-data-table","t":"Dense Data Table","d":"The compact variant fitting eight webhook rows where a standard table fits five.","s":"shadcn-ui-blocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-ui-blocks:application-pro-data-tables-density-toggle-table","t":"Density Toggle Table","d":"A deployments table with a segmented comfortable and compact toggle in the header that swa","s":"shadcn-ui-blocks","c":"actions/switch"},{"id":"shadcn-ui-blocks:application-pro-data-tables-diff-review-table","t":"Diff Review Table","d":"A config change review table striking old values beside proposed ones, with change badges,","s":"shadcn-ui-blocks","c":"data-display/diff"},{"id":"shadcn-ui-blocks:application-pro-data-tables-editable-cells-table","t":"Editable Cells Table","d":"Quarterly budget grid with one cell in active edit mode, tab navigation hint, and per-row ","s":"shadcn-ui-blocks","c":"data-display/table","sb":"Editable"},{"id":"shadcn-ui-blocks:application-pro-data-tables-empty-state-table","t":"Empty State Table","d":"Projects table filtered to zero rows keeping active filter chips and the header visible ab","s":"shadcn-ui-blocks","c":"data-display/empty-state"},{"id":"shadcn-ui-blocks:application-pro-data-tables-feature-flags-table","t":"Feature Flags Table","d":"Flags with mono keys, environment badges, rollout percentages, a Switch per row.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Comparison"},{"id":"shadcn-ui-blocks:application-pro-data-tables-grouped-columns-table","t":"Grouped Columns Table","d":"An endpoint latency table with a two tier header spanning grouped metric columns for produ","s":"shadcn-ui-blocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-ui-blocks:application-pro-data-tables-grouped-rows-table","t":"Grouped Rows Table","d":"Issues table with shaded status subheader rows showing group name and count above each set","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:application-pro-data-tables-heatmap-cells-table","t":"Heatmap Cells Table","d":"Feature usage matrix with weekday columns, value shaded cells, per row totals, and an inte","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Heatmap"},{"id":"shadcn-ui-blocks:application-pro-data-tables-inline-edit-table","t":"Inline Edit Table","d":"Projects table with one row in edit mode showing Input and Select cells with save and canc","s":"shadcn-ui-blocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-ui-blocks:application-pro-data-tables-invoices-table","t":"Invoices Table","d":"Billing history with mono invoice ids, status badges, and right aligned amounts.","s":"shadcn-ui-blocks","c":"data-display/table","sb":"Transactions"},{"id":"shadcn-ui-blocks:application-pro-data-tables-multi-select-toolbar-table","t":"Multi Select Toolbar Table","d":"Contacts table with per row checkboxes, a select all header, and a contextual bulk action ","s":"shadcn-ui-blocks","c":"inputs/select"},{"id":"shadcn-ui-blocks:application-pro-data-tables-nested-detail-table","t":"Nested Detail Table","d":"Projects table where one row expands inline to a key value metadata panel and a recent act","s":"shadcn-ui-blocks","c":"data-display/table","sb":"Expandable"},{"id":"shadcn-ui-blocks:application-pro-data-tables-paginated-table","t":"Paginated Table","d":"Customers table with a working pagination footer showing numbered page buttons, previous a","s":"shadcn-ui-blocks","c":"navigation/pagination"},{"id":"shadcn-ui-blocks:application-pro-data-tables-pinned-columns-table","t":"Pinned Columns Table","d":"Wide pipeline table with the name column visually pinned via sticky positioning while rema","s":"shadcn-ui-blocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-ui-blocks:application-pro-data-tables-row-actions-menu-blueprint","t":"Row Actions Menu Blueprint","d":"Static blueprint of a documents table with one per-row overflow menu rendered open inline ","s":"shadcn-ui-blocks","c":"navigation/menu"},{"id":"shadcn-ui-blocks:application-pro-data-tables-search-highlight-table","t":"Search Highlight Table","d":"An environment variables table with a filter input that narrows rows live and marks the ma","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-data-tables-selectable-bulk-table","t":"Selectable Bulk Table","d":"Row checkboxes with a select all header and a bulk bar with Remove and Export.","s":"shadcn-ui-blocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-ui-blocks:application-pro-data-tables-sortable-header-table","t":"Sortable Header Table","d":"Projects table with sort affordance icons on every column header, one column actively sort","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:application-pro-data-tables-sparkline-metrics-table","t":"Sparkline Metrics Table","d":"Key metrics table pairing each row with its current value, week over week change, and an i","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcn-ui-blocks:application-pro-data-tables-status-summary-table","t":"Status Summary Table","d":"Support queue with an Open, Blocked, and Done count strip above the ticket rows and a stat","s":"shadcn-ui-blocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-ui-blocks:application-pro-data-tables-sticky-footer-totals-table","t":"Sticky Footer Totals Table","d":"Invoice lines table with right-aligned tabular numbers, status badges, and a sticky footer","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:application-pro-data-tables-sticky-header-table","t":"Sticky Header Table","d":"A background jobs table inside a fixed height scroll viewport with the column header pinne","s":"shadcn-ui-blocks","c":"navigation/top-nav","sb":"On scroll"},{"id":"shadcn-ui-blocks:application-pro-data-tables-table-with-expandable-rows","t":"Table With Expandable Rows","d":"Orders with one row expanded to its line items in a muted inset, statically.","s":"shadcn-ui-blocks","c":"data-display/table","sb":"Expandable"},{"id":"shadcn-ui-blocks:application-pro-data-tables-table-with-filters","t":"Table With Filters","d":"Projects with filter chips narrowing rows live, the count updating per click.","s":"shadcn-ui-blocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcn-ui-blocks:application-pro-data-tables-timeline-table","t":"Timeline Table","d":"Project schedule table with an inline proportional bar per row showing each project span w","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-data-tables-tree-table","t":"Tree Table","d":"Hierarchical cost center table with expand chevrons, indented child rows, and rolled-up bu","s":"shadcn-ui-blocks","c":"data-display/tree"},{"id":"shadcn-ui-blocks:application-pro-data-tables-users-table","t":"Users Table","d":"Members with role badges, last active times, and the seat math beside the invite button.","s":"shadcn-ui-blocks","c":"data-display/table","sb":"People"},{"id":"shadcn-ui-blocks:application-pro-developer-tools-api-console","t":"Api Console","d":"REST request builder with a method and path row, query params and headers tabs, a Send aff","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-developer-tools-build-status-list","t":"Build Status List","d":"CI pipeline list with branch, commit message, status Badges, duration, a running progress ","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:application-pro-developer-tools-cron-jobs-monitor","t":"Cron Jobs Monitor","d":"Rows with a job name, cron expression, cadence, a dot strip of recent runs, last and next ","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-developer-tools-dependency-audit","t":"Dependency Audit","d":"Severity count tiles above a vulnerability table with package names, advisory ids, install","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-developer-tools-deploy-panel","t":"Deploy Panel","d":"Deployment surface showing the current build steps progress, actor, commit sha, and a rece","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-developer-tools-diff-viewer","t":"Diff Viewer","d":"A code review diff with a compare header, branch chips, change totals, per file cards, and","s":"shadcn-ui-blocks","c":"data-display/diff"},{"id":"shadcn-ui-blocks:application-pro-developer-tools-env-vars-manager","t":"Env Vars Manager","d":"Secrets configuration table with mono keys, sha256 hash chips, a disabled reveal button, t","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-developer-tools-error-inbox","t":"Error Inbox","d":"A master list of grouped exceptions with event counts and sparkline bars beside a detail p","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-developer-tools-feature-flags-panel","t":"Feature Flags Panel","d":"An environment chip row above flag rows with a mono key, rollout meter, kind badge, last e","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:application-pro-developer-tools-log-viewer","t":"Log Viewer","d":"Live log stream with level Badges, mono timestamps, per-service labeling, level filter chi","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-developer-tools-migrations-panel","t":"Migrations Panel","d":"A database migrations timeline with a header and apply action above a railed list of pendi","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-developer-tools-sdk-quickstart","t":"SDK Quickstart","d":"A three step SDK onboarding stepper with package manager install tabs, a client initializa","s":"shadcn-ui-blocks","c":"data-display/badge","tg":["webgl"],"sb":"Labels","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-developer-tools-secrets-rotation-card","t":"Secrets Rotation Card","d":"Secret rotation panel listing active secrets with age nudges, masked prefixes, and a rotat","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-developer-tools-sql-query-editor","t":"SQL Query Editor","d":"A query workspace pairing a schema sidebar of tables and row counts with a syntax tinted S","s":"shadcn-ui-blocks","c":"inputs/textarea"},{"id":"shadcn-ui-blocks:application-pro-developer-tools-terminal-panel","t":"Terminal Panel","d":"Embedded terminal blueprint with a named session tab row, realistic command output, and a ","s":"shadcn-ui-blocks","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"shadcn-ui-blocks:application-pro-developer-tools-trace-waterfall","t":"Trace Waterfall","d":"A distributed trace waterfall with a header of id, status, and duration above indented spa","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-developer-tools-webhook-logs-table","t":"Webhook Logs Table","d":"Webhook delivery log with event name, endpoint, HTTP status badge, duration, attempt ratio","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:application-pro-dialogs-api-key-created-dialog","t":"Api Key Created Dialog","d":"One-time API key reveal dialog with a monospaced copy field, a one-time-only warning, scop","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-ui-blocks:application-pro-dialogs-archive-project-dialog","t":"Archive Project Dialog","d":"Archive confirmation dialog with icon rows for what changes, a kept and restorable stats s","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-ui-blocks:application-pro-dialogs-bulk-edit-dialog","t":"Bulk Edit Dialog","d":"Bulk-edit dialog for 14 selected items with a status Select, a change-preview callout, opt","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-ui-blocks:application-pro-dialogs-cancel-subscription-dialog","t":"Cancel Subscription Dialog","d":"A cancel subscription dialog with a reason radio list, a pause offer panel, a period end a","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-ui-blocks:application-pro-dialogs-confirm-delete-dialog","t":"Confirm Delete Dialog","d":"What deleting Apollo destroys and what survives, gated by typing the name.","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcn-ui-blocks:application-pro-dialogs-connect-account-dialog","t":"Connect Account Dialog","d":"Integration connect dialog listing exact OAuth scopes, a minimal-scope trust note, and bot","s":"shadcn-ui-blocks","c":"overlays/dialog","tg":["minimal"],"sb":"Forms","sy":["minimal"]},{"id":"shadcn-ui-blocks:application-pro-dialogs-create-webhook-dialog","t":"Create Webhook Dialog","d":"A create webhook dialog with an endpoint URL field, a checklist of subscribable events sho","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-ui-blocks:application-pro-dialogs-edit-conflict-dialog","t":"Edit Conflict Dialog","d":"Edit conflict dialog with a three column yours versus theirs field diff, a radio list of r","s":"shadcn-ui-blocks","c":"overlays/dialog","tg":["webgl"],"sb":"Forms","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-dialogs-export-data-dialog","t":"Export Data Dialog","d":"Format and scope choices with real counts, delivered in minutes, not 30 days.","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-ui-blocks:application-pro-dialogs-feedback-dialog","t":"Feedback Dialog","d":"Feedback dialog with a Bug, Idea, or Other type toggle, a message textarea, an optional sc","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-ui-blocks:application-pro-dialogs-import-result-dialog","t":"Import Result Dialog","d":"Post-import report dialog showing created, skipped, and failed row counts with named skip ","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-ui-blocks:application-pro-dialogs-invite-members-dialog","t":"Invite Members Dialog","d":"Emails, role, and the seat consequence stated before send, not after.","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Share and invite"},{"id":"shadcn-ui-blocks:application-pro-dialogs-keyboard-help-dialog","t":"Keyboard Help Dialog","d":"Keyboard shortcuts reference dialog with two columns of grouped Kbd combos, a search bar, ","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-ui-blocks:application-pro-dialogs-keyboard-shortcuts-dialog","t":"Keyboard Shortcuts Dialog","d":"Two columns of Kbd combos with the honest note that remapping is not here yet.","s":"shadcn-ui-blocks","c":"overlays/dialog"},{"id":"shadcn-ui-blocks:application-pro-dialogs-merge-duplicates-dialog","t":"Merge Duplicates Dialog","d":"A merge dialog pairing two contact records with per field radio picks for the winning valu","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-ui-blocks:application-pro-dialogs-move-to-project-dialog","t":"Move To Project Dialog","d":"Bulk-move dialog for 8 selected items with a searchable project list, a what-moves callout","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-ui-blocks:application-pro-dialogs-payment-failed-dialog","t":"Payment Failed Dialog","d":"Payment failed dialog with the invoice in label and value rows, an expired card flagged in","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-ui-blocks:application-pro-dialogs-remove-member-dialog","t":"Remove Member Dialog","d":"A remove member dialog with the member card, a counted list of what they still own, a reas","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-ui-blocks:application-pro-dialogs-request-access-dialog","t":"Request Access Dialog","d":"Request access dialog with a locked document card, an access level radio list from view to","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-ui-blocks:application-pro-dialogs-restore-version-dialog","t":"Restore Version Dialog","d":"A version history dialog with the current revision pinned above a radio list of prior vers","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-ui-blocks:application-pro-dialogs-role-change-dialog","t":"Role Change Dialog","d":"Role change confirmation for Maya Chen from Member to Admin with three access gain bullets","s":"shadcn-ui-blocks","c":"overlays/dialog","tg":["webgl"],"sb":"Forms","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-dialogs-schedule-action-dialog","t":"Schedule Action Dialog","d":"Publish now or schedule for later dialog with a date and time pair, inline timezone, and a","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-ui-blocks:application-pro-dialogs-session-expiring-dialog","t":"Session Expiring Dialog","d":"Session expiry warning dialog giving two minutes notice, a stay-signed-in action, and a gu","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-ui-blocks:application-pro-dialogs-share-link-dialog","t":"Share Link Dialog","d":"The link as a copyable chip, access level, expiry, and who already has it.","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Share and invite"},{"id":"shadcn-ui-blocks:application-pro-dialogs-sign-out-sessions-dialog","t":"Sign Out Sessions Dialog","d":"A sign out sessions dialog with the current device pinned, a checkbox list of other active","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-ui-blocks:application-pro-dialogs-transfer-ownership-dialog","t":"Transfer Ownership Dialog","d":"Transfer-ownership dialog with a member Select, two named consequence rows, a type-to-conf","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-ui-blocks:application-pro-dialogs-two-factor-setup-dialog","t":"Two Factor Setup Dialog","d":"A two factor setup dialog with a QR mockup beside a copyable manual key, a six cell code e","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-ui-blocks:application-pro-dialogs-unsaved-changes-dialog","t":"Unsaved Changes Dialog","d":"Leave confirmation dialog listing three specific unsaved field changes with Discard, Keep ","s":"shadcn-ui-blocks","c":"overlays/dialog","tg":["webgl"],"sb":"Forms","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-dialogs-upgrade-plan-dialog","t":"Upgrade Plan Dialog","d":"A plan limit dialog with per resource usage meters, a bordered next tier card listing feat","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-ui-blocks:application-pro-dialogs-verify-domain-dialog","t":"Verify Domain Dialog","d":"A verify domain dialog with two copyable DNS record rows showing type and host, a found or","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcn-ui-blocks:application-pro-empty-states-archived-project-state","t":"Archived Project State","d":"Read only archived project page with a preserved banner, a snapshot count grid, an archive","s":"shadcn-ui-blocks","c":"data-display/empty-state"},{"id":"shadcn-ui-blocks:application-pro-empty-states-cleared-inbox-state","t":"Cleared Inbox State","d":"Inbox zero panel showing 14 handled today, 0 open, and 2 snoozed with a calm no-action-nee","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-empty-states-coming-soon-state","t":"Coming Soon State","d":"Feature placeholder naming the section, two capability bullets, a notify-me email form, an","k":"page","s":"shadcn-ui-blocks","c":"pages/templates","sb":"Error and status pages"},{"id":"shadcn-ui-blocks:application-pro-empty-states-deleted-resource-state","t":"Deleted Resource State","d":"A not found panel for a deleted document with a struck through breadcrumb trail, a deletio","s":"shadcn-ui-blocks","c":"data-display/empty-state"},{"id":"shadcn-ui-blocks:application-pro-empty-states-empty-automations-state","t":"Empty Automations State","d":"Empty automations panel pairing a build from scratch action with three starter template re","s":"shadcn-ui-blocks","c":"data-display/empty-state","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-empty-states-empty-chart-state","t":"Empty Chart State","d":"Analytics panel keeping the full chart frame and axis ticks, with a zero range message off","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:application-pro-empty-states-empty-comments-state","t":"Empty Comments State","d":"Empty discussion panel with a zero comment header, a watcher avatar row, and an inline com","s":"shadcn-ui-blocks","c":"data-display/empty-state"},{"id":"shadcn-ui-blocks:application-pro-empty-states-empty-table-state","t":"Empty Table State","d":"Members table with the real header row visible and an empty body explaining which filters ","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:application-pro-empty-states-empty-uploads-dropzone","t":"Empty Uploads Dropzone","d":"An empty file library with a dashed dropzone, browse and import from URL actions, a facts ","s":"shadcn-ui-blocks","c":"inputs/file-upload"},{"id":"shadcn-ui-blocks:application-pro-empty-states-error-boundary-card","t":"Error Boundary Card","d":"In-place panel fallback showing a mono error reference, a section-scoped retry button, and","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-empty-states-error-page-404","t":"Error Page #404","d":"Centered 404 page showing the failed path in mono, three reasons a workspace link goes sta","k":"page","s":"shadcn-ui-blocks","c":"pages/templates","tg":["webgl"],"sb":"Error and status pages","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-empty-states-error-page-500","t":"Error Page #500","d":"The 500 with a mono incident id, the team already paged, retry and status links.","k":"page","s":"shadcn-ui-blocks","c":"pages/templates","sb":"Error and status pages"},{"id":"shadcn-ui-blocks:application-pro-empty-states-first-run-checklist-empty","t":"First Run Checklist Empty","d":"Empty dashboard state with a 4-step setup checklist, progress bar, and honest note that pa","s":"shadcn-ui-blocks","c":"inputs/checkbox"},{"id":"shadcn-ui-blocks:application-pro-empty-states-import-in-progress-state","t":"Import In Progress State","d":"A panel for a running data import with a three step pipeline, a live progress bar, meta ro","s":"shadcn-ui-blocks","c":"data-viz/progress-bar","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-empty-states-maintenance-page","t":"Maintenance Page","d":"Full-page planned maintenance screen with a stated window, estimated time remaining, a do-","k":"page","s":"shadcn-ui-blocks","c":"pages/templates","sb":"Error and status pages"},{"id":"shadcn-ui-blocks:application-pro-empty-states-no-access-yet-state","t":"No Access Yet State","d":"Pending-access gate naming the reviewer with avatar and ETA, plus a list of surfaces the u","s":"shadcn-ui-blocks","c":"data-display/empty-state"},{"id":"shadcn-ui-blocks:application-pro-empty-states-no-data-yet-state","t":"No Data Yet State","d":"Empty panel with a geometric illustration, an events headline, an explanation of when data","s":"shadcn-ui-blocks","c":"data-display/empty-state"},{"id":"shadcn-ui-blocks:application-pro-empty-states-no-integrations-state","t":"No Integrations State","d":"Empty integrations surface with unlock bullets, a browse CTA, and Slack, GitHub, and Jira ","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:application-pro-empty-states-no-search-results-state","t":"No Search Results State","d":"The query kept, three scopes to widen, and what search covers stated.","s":"shadcn-ui-blocks","c":"inputs/search","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-empty-states-offline-state","t":"Offline State","d":"Offline state panel listing what still works locally and what is paused until reconnection","s":"shadcn-ui-blocks","c":"data-display/empty-state"},{"id":"shadcn-ui-blocks:application-pro-empty-states-onboarding-empty-dashboard","t":"Onboarding Empty Dashboard","d":"The dashboard before data, zeroed KPIs and the five minute fill promise.","k":"layout","s":"shadcn-ui-blocks","c":"layout/dashboard"},{"id":"shadcn-ui-blocks:application-pro-empty-states-payment-failed-state","t":"Payment Failed State","d":"Payment failed billing gate showing the card on file, the exact decline code, a three atte","s":"shadcn-ui-blocks","c":"data-display/empty-state","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-empty-states-permission-denied-state","t":"Permission Denied State","d":"The 403 that names the role, the owners who grant it, and the request flow.","s":"shadcn-ui-blocks","c":"data-display/empty-state"},{"id":"shadcn-ui-blocks:application-pro-empty-states-rate-limited-state","t":"Rate Limited State","d":"Rate limit panel showing the 60 requests per minute cap, the reset time, and upgrade or su","s":"shadcn-ui-blocks","c":"data-display/empty-state"},{"id":"shadcn-ui-blocks:application-pro-empty-states-search-no-matches","t":"Search No Matches","d":"Zero-result state echoing 3 active filter chips, the count 0 of 124, and per-filter recove","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-empty-states-session-expired-state","t":"Session Expired State","d":"Session expired screen showing the account for one click resume, a saved draft note, meta ","s":"shadcn-ui-blocks","c":"data-display/empty-state"},{"id":"shadcn-ui-blocks:application-pro-empty-states-storage-full-state","t":"Storage Full State","d":"A storage quota panel with a segmented usage bar at capacity, a category breakdown, paused","s":"shadcn-ui-blocks","c":"data-display/empty-state"},{"id":"shadcn-ui-blocks:application-pro-empty-states-trial-expired-state","t":"Trial Expired State","d":"Trial expired gate stating the end date, side by side lists of what stays read only versus","s":"shadcn-ui-blocks","c":"data-display/empty-state"},{"id":"shadcn-ui-blocks:application-pro-empty-states-welcome-back-state","t":"Welcome Back State","d":"Returning-user digest showing three dated workspace changes, a resume link, and an explici","s":"shadcn-ui-blocks","c":"data-display/empty-state","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-file-manager-file-activity-feed","t":"File Activity Feed","d":"A folder activity timeline grouping events by day on a vertical rail, each with an action ","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-file-manager-file-browser-table","t":"File Browser Table","d":"Folder contents table with file-type icons, owner avatars, tabular sizes, modified times, ","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:application-pro-file-manager-file-conflict-resolver","t":"File Conflict Resolver","d":"A sync conflict resolver with one card per file comparing the device copy against the clou","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:application-pro-file-manager-file-detail-panel","t":"File Detail Panel","d":"File inspector with a preview, ruled metadata rows, a shareable link chip, version count, ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-file-manager-file-grid-gallery","t":"File Grid Gallery","d":"Media grid of eight thumbnail tiles with type badges, filename captions, one selected tile","s":"shadcn-ui-blocks","c":"media/gallery","sb":"Grids"},{"id":"shadcn-ui-blocks:application-pro-file-manager-file-request-panel","t":"File Request Panel","d":"A two column file request workspace pairing a create form with title, folder, deadline, an","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-file-manager-file-search-results","t":"File Search Results","d":"A file search panel with a query field, removable filter chips, a result count, and rows w","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-file-manager-file-version-history","t":"File Version History","d":"A version history card with the current revision highlighted and earlier versions as ruled","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-file-manager-folder-tree-nav","t":"Folder Tree Nav","d":"Recursive folder tree sidebar with expand chevrons, item counts, one active node, and Tras","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:application-pro-file-manager-recent-files-list","t":"Recent Files List","d":"Recent files list grouped by Today and This week showing file type icon, name, folder path","s":"shadcn-ui-blocks","c":"data-display/list","sb":"Files and trees"},{"id":"shadcn-ui-blocks:application-pro-file-manager-share-permissions-panel","t":"Share Permissions Panel","d":"A file share panel with an invite by email row, a people with access list showing roles, g","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-file-manager-shared-links-table","t":"Shared Links Table","d":"A shared links table listing each file, link access badge, creator avatar, download count,","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:application-pro-file-manager-shared-with-me-table","t":"Shared With Me Table","d":"Shared files table showing owner avatar, shared date, and access level badge per file with","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:application-pro-file-manager-storage-cleanup-panel","t":"Storage Cleanup Panel","d":"A storage cleanup panel with a reclaimable space summary, checkbox large files and duplica","s":"shadcn-ui-blocks","c":"data-display/card","tg":["minimal"],"sb":"Profile","sy":["minimal"]},{"id":"shadcn-ui-blocks:application-pro-file-manager-storage-usage-card","t":"Storage Usage Card","d":"Storage quota card showing 142 of 250 GB used with a type breakdown bar and a recoverable ","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:application-pro-file-manager-sync-status-panel","t":"Sync Status Panel","d":"A sync status panel with a linked devices list showing per device state, followed by a sel","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-file-manager-trash-bin-table","t":"Trash Bin Table","d":"Trash table listing deleted files with deleter, deletion time, days until permanent remova","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:application-pro-file-manager-upload-dropzone-card","t":"Upload Dropzone Card","d":"Dashed dropzone with accepted types and a transfer list showing uploading, done, and faile","s":"shadcn-ui-blocks","c":"inputs/file-upload"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-advanced-filter-builder","t":"Advanced Filter Builder","d":"Three condition rows with AND OR logic and the live match count.","s":"shadcn-ui-blocks","c":"inputs/search","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-applied-filters-summary","t":"Applied Filters Summary","d":"Active filter summary bar that renders the current filter state as a plain sentence with r","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-column-filter-blueprint","t":"Column Filter Blueprint","d":"Static open state of a column header filter popover with a search box, checkbox value list","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-date-range-panel","t":"Date Range Panel","d":"Presets beside a two month grid with a highlighted range and the timezone line.","s":"shadcn-ui-blocks","c":"inputs/date-range"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-faceted-filter-bar","t":"Faceted Filter Bar","d":"Three facet chips with removable tokens and the live count per change.","s":"shadcn-ui-blocks","c":"inputs/search","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-filter-chips-row","t":"Filter Chips Row","d":"Removable filter chips above results with a live match count and a clear all control.","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-filter-funnel-panel","t":"Filter Funnel Panel","d":"A filter funnel showing active filters as ordered steps, each with a proportional bar and ","s":"shadcn-ui-blocks","c":"data-viz/chart","tg":["playful"],"sb":"Flow and funnel","sy":["playful"]},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-find-in-view-bar","t":"Find In View Bar","d":"In panel find bar over a log view with a query input, live match count, previous and next ","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-group-by-selector","t":"Group By Selector","d":"Grouping control with dimension chips for Status, Assignee, and Priority that previews the","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-grouped-results-blueprint","t":"Grouped Results Blueprint","d":"Global search panel in its open state with a query input, results grouped into Projects, P","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-include-exclude-tags","t":"Include Exclude Tags","d":"Tri state tag filter where each tag cycles from neutral to required to excluded, a summary","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-multi-facet-panel","t":"Multi Facet Panel","d":"Faceted filter sidebar with collapsible groups for Status, Owner, Label, and Date, with ch","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-multi-sort-builder","t":"Multi Sort Builder","d":"Ordered sort rules with a field chip, a direction toggle, and remove controls, an add sort","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-query-language-bar","t":"Query Language Bar","d":"Power-search bar with a structured query input, token-highlighted echo of parsed filters, ","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-quick-filter-toggles","t":"Quick Filter Toggles","d":"A rail of switch based quick filters above a task queue, a live result count with reset, t","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-range-filter-histogram","t":"Range Filter Histogram","d":"A numeric range facet with a distribution histogram, a dual thumb slider, min and max read","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-recent-and-saved-blueprint","t":"Recent And Saved Blueprint","d":"Static open state of a search dropdown with recent queries, named saved searches, and a ke","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-results-density-toggle","t":"Results Density Toggle","d":"View-controls toolbar with independent density and layout toggles wired to a demo list tha","s":"shadcn-ui-blocks","c":"actions/switch"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-saved-filter-pills","t":"Saved Filter Pills","d":"Named saved-search pills row with active state inversion, per-pill result counts, a star s","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-saved-searches-manager","t":"Saved Searches Manager","d":"A saved searches panel listing each search with its query, visibility, owner, and last use","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-saved-views-tabs","t":"Saved Views Tabs","d":"Named queries as tabs, the active view spelling out its query in plain text.","s":"shadcn-ui-blocks","c":"navigation/tabs"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-scope-selector-bar","t":"Scope Selector Bar","d":"Search scope chip switcher showing result counts per scope alongside a query input that up","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-search-preview-pane","t":"Search Preview Pane","d":"A master detail search view with a hit list beside a live preview pane that shows the sele","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-search-results-highlights","t":"Search Results Highlights","d":"A search results list with matched query terms highlighted in every title and snippet, ent","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-search-with-recent","t":"Search With Recent","d":"Search input with its suggestion panel open showing recent searches, suggested filter shor","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-sort-density-toolbar","t":"Sort Density Toolbar","d":"Working sort and density controls wired to a demo table that responds.","s":"shadcn-ui-blocks","c":"navigation/menu","sb":"Menubars"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-sort-menu-blueprint","t":"Sort Menu Blueprint","d":"Static open-state sort popover with four sort options, an active checkmark, and a Desc/Asc","s":"shadcn-ui-blocks","c":"navigation/menu"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-view-changes-bar","t":"View Changes Bar","d":"A saved view change bar listing unsaved edits as rows with per row undo, the resulting que","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-filters-and-search-zero-results-panel","t":"Zero Results Panel","d":"A zero results search state with the failed query, a spelling suggestion, the active filte","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-forms-address-form-card","t":"Address Form Card","d":"Address form with country Select first, locale aware field order and labels, and an autofi","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Address"},{"id":"shadcn-ui-blocks:application-pro-forms-api-token-create-form","t":"API Token Create Form","d":"API token form with scope checkboxes, an admin warning line, expiry select, and a shows on","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-ui-blocks:application-pro-forms-bulk-import-csv-card","t":"Bulk Import CSV Card","d":"Drop zone, column mapping with one flagged field, and the dry run promise.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-forms-conditional-fields-form","t":"Conditional Fields Form","d":"Alert rule form where a channel Select reveals dependent fields, with the email branch sho","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-ui-blocks:application-pro-forms-create-project-form","t":"Create Project Form","d":"Name with slug preview, the immutable region warning, framework tiles, visibility.","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-ui-blocks:application-pro-forms-cron-schedule-form","t":"Cron Schedule Form","d":"Recurring schedule builder with a frequency select, day-of-week toggle chips, time and tim","s":"shadcn-ui-blocks","c":"data-display/calendar","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-forms-danger-zone-form","t":"Danger Zone Form","d":"Destructive delete form with an itemized consequence list, two acknowledgment checkboxes, ","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-ui-blocks:application-pro-forms-date-range-form","t":"Date Range Form","d":"Date range input with preset chips, from and to fields, a resolved range summary, and a wo","s":"shadcn-ui-blocks","c":"inputs/date-range"},{"id":"shadcn-ui-blocks:application-pro-forms-feedback-form-card","t":"Feedback Form Card","d":"Compact feedback card with Bug, Idea, and Praise kind chips and honest routing copy in the","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-ui-blocks:application-pro-forms-file-field-form","t":"File Field Form","d":"Form with a dropzone stating accepted types and size limit, an uploaded file chip with rem","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-ui-blocks:application-pro-forms-inline-edit-form","t":"Inline Edit Form","d":"Profile card where each row shows its saved value with an Edit action that swaps a single ","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-ui-blocks:application-pro-forms-inline-validation-fields","t":"Inline Validation Fields","d":"Form showing all three live validation states side by side: a valid field with a checkmark","s":"shadcn-ui-blocks","c":"inputs/form-field","tg":["webgl"],"sb":"Whole forms","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-forms-managed-fields-form","t":"Managed Fields Form","d":"A profile form where a policy banner explains directory sync, identity fields render locke","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-ui-blocks:application-pro-forms-multi-step-form-panel","t":"Multi Step Form Panel","d":"Three step form shown mid flight at the Configuration step with autosave reassurance in th","s":"shadcn-ui-blocks","c":"navigation/wizard-steps","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-forms-notification-matrix-form","t":"Notification Matrix Form","d":"Notification matrix with event rows crossed against email, push, and Slack checkbox column","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-forms-password-strength-form","t":"Password Strength Form","d":"Change password card with current and new fields, a live requirement checklist, a four seg","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Password"},{"id":"shadcn-ui-blocks:application-pro-forms-payment-details-form","t":"Payment Details Form","d":"Card payment form with number, expiry, CVC, postal code, a save card toggle, and a process","s":"shadcn-ui-blocks","c":"data-display/accordion"},{"id":"shadcn-ui-blocks:application-pro-forms-query-builder-form","t":"Query Builder Form","d":"A segment builder with a match mode select, condition rows pairing field, operator, and va","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-ui-blocks:application-pro-forms-repeatable-rows-form","t":"Repeatable Rows Form","d":"Dynamic line-item form with editable description, quantity, and unit price columns, a remo","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:application-pro-forms-review-and-submit-card","t":"Review and Submit Card","d":"Multi-section form summary with inline edit links per section, a terms acceptance checkbox","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-forms-rich-text-form","t":"Rich Text Form","d":"A compose form with a title field and an editor toolbar of formatting actions, a write and","s":"shadcn-ui-blocks","c":"inputs/textarea"},{"id":"shadcn-ui-blocks:application-pro-forms-searchable-select-blueprint","t":"Searchable Select Blueprint","d":"Static open combobox blueprint with a search input, grouped options, one highlighted and o","s":"shadcn-ui-blocks","c":"inputs/select"},{"id":"shadcn-ui-blocks:application-pro-forms-settings-form-two-col","t":"Settings Form Two Col","d":"Two column settings form with label and helper text on the left and the field on the right","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-ui-blocks:application-pro-forms-stepper-wizard-review","t":"Stepper Wizard Review","d":"Final review step of a multi-step wizard with a checked stepper, per-step value summaries ","s":"shadcn-ui-blocks","c":"navigation/wizard-steps"},{"id":"shadcn-ui-blocks:application-pro-forms-tag-input-form","t":"Tag Input Form","d":"Form with a tag input showing existing chips, an inline suggestion list on partial match, ","s":"shadcn-ui-blocks","c":"inputs/tag-input"},{"id":"shadcn-ui-blocks:application-pro-forms-threshold-slider-form","t":"Threshold Slider Form","d":"Alert threshold form with paired warning and critical sliders, live readouts, a zone bar t","s":"shadcn-ui-blocks","c":"inputs/slider"},{"id":"shadcn-ui-blocks:application-pro-forms-unsaved-changes-form","t":"Unsaved Changes Form","d":"A settings form in its dirty state with per field edited markers, revert actions, saved va","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-ui-blocks:application-pro-forms-validation-states-form","t":"Validation States Form","d":"Blueprint showing valid, invalid, and warning field states side by side with actionable er","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-ui-blocks:application-pro-forms-view-only-form","t":"View Only Form","d":"Read only form state with a permission banner, every field disabled at its saved value, an","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-ui-blocks:application-pro-forms-weekly-hours-form","t":"Weekly Hours Form","d":"Weekly availability editor with one row per day, an on/off switch, from and to time select","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-ui-blocks:application-pro-help-support-article-reader","t":"Article Reader","d":"Help article layout with a breadcrumb, sectioned body, a sticky table-of-contents rail, an","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:application-pro-help-support-canned-responses-blueprint","t":"Canned Responses Blueprint","d":"Static open-state blueprint of a saved replies picker beside a reply composer, with a sear","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:application-pro-help-support-community-qa-thread","t":"Community Q&A Thread","d":"A voted community question card with author meta and tags above an answers list, an accept","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:application-pro-help-support-contact-support-panel","t":"Contact Support Panel","d":"Support contact page with three channel cards and an email form that states the honest no ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-help-support-contextual-help-drawer","t":"Contextual Help Drawer","d":"A contextual help layout pairing a dimmed billing settings canvas with a docked help drawe","s":"shadcn-ui-blocks","c":"overlays/sheet"},{"id":"shadcn-ui-blocks:application-pro-help-support-csat-survey-panel","t":"CSAT Survey Panel","d":"Post resolution survey card with solved ticket context, a 1 to 5 rating scale, a what stoo","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-help-support-diagnostics-report-panel","t":"Diagnostics Report Panel","d":"A diagnostics report with a rerun action, automatic checks in pass, warn, and fail states,","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-help-support-faq-accordion-panel","t":"Faq Accordion Panel","d":"In-app FAQ card with six common questions in an accordion, first item open, and a link to ","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:application-pro-help-support-getting-started-checklist","t":"Getting Started Checklist","d":"An onboarding setup card with a completion count, a segmented progress bar, completed step","s":"shadcn-ui-blocks","c":"inputs/checkbox"},{"id":"shadcn-ui-blocks:application-pro-help-support-guided-troubleshooter","t":"Guided Troubleshooter","d":"A troubleshooting wizard with a progress bar, an answered steps summary, the current quest","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:application-pro-help-support-help-center-home","t":"Help Center Home","d":"Help center landing with a search bar, six icon category tiles with article counts, and a ","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-help-support-help-search-results","t":"Help Search Results","d":"A help center search field and facet rail beside a results list of breadcrumbs, excerpts, ","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-help-support-known-issues-board","t":"Known Issues Board","d":"A known issues board with a page header, status filter chips with counts, and a list of co","s":"shadcn-ui-blocks","c":"data-display/kanban"},{"id":"shadcn-ui-blocks:application-pro-help-support-product-glossary","t":"Product Glossary","d":"A glossary filter field, an A to Z index strip, and letter sections listing terms with def","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-help-support-shortcuts-reference","t":"Shortcuts Reference","d":"A keyboard shortcuts panel with a platform toggle, a two column grid of categories pairing","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:application-pro-help-support-sla-response-matrix","t":"SLA Response Matrix","d":"A support SLA panel with a plan header, a severity by plan matrix of first response target","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-help-support-submit-request-form","t":"Submit Request Form","d":"A support ticket form with subject, area, severity, description, and attachments beside a ","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-ui-blocks:application-pro-help-support-ticket-detail","t":"Ticket Detail","d":"Support ticket view with a header, customer and agent conversation thread, internal notes,","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:application-pro-help-support-ticket-list","t":"Ticket List","d":"Agent support queue showing ticket subject, requester avatar, status and priority badges, ","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:application-pro-help-support-ticket-status-tracker","t":"Ticket Status Tracker","d":"Customer ticket page with a five stage progress timeline, latest agent update card, reply ","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:application-pro-help-support-video-tutorials-library","t":"Video Tutorials Library","d":"A tutorials header with topic chips, a continue watching card with progress and an up next","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:application-pro-inbox-email-attachment-gallery","t":"Attachment Gallery","d":"A mailbox files view with type filter chips, month grouped cards showing a file icon, send","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:application-pro-inbox-email-bulk-actions-toolbar","t":"Bulk Actions Toolbar","d":"Email list with a contextual toolbar showing Archive, Mark read, Label, Snooze, and Delete","s":"shadcn-ui-blocks","c":"navigation/menu","sb":"Menubars"},{"id":"shadcn-ui-blocks:application-pro-inbox-email-compose-blueprint","t":"Compose Blueprint","d":"Static blueprint of a bottom-right docked compose window with To, Cc, and Subject fields, ","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-inbox-email-delivery-status","t":"Delivery Status","d":"Sent message tracking pane with an engagement summary and recipient rows pairing each stat","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-inbox-email-email-filters-rules","t":"Email Filters Rules","d":"Email rules manager with ruled rows describing each rule in plain English, action badges, ","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-inbox-email-email-list","t":"Email List","d":"Inbox message list with sender avatars, subjects, snippets, unread indicators, star toggle","s":"shadcn-ui-blocks","c":"data-display/list","sb":"Inbox"},{"id":"shadcn-ui-blocks:application-pro-inbox-email-email-reader","t":"Email Reader","d":"Full message reading pane with sender row, body paragraphs, attachment chip, collapsed quo","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-inbox-email-inbox-sidebar","t":"Inbox Sidebar","d":"Mail navigation sidebar with a Compose button, standard folders with unread counts, and a ","s":"shadcn-ui-blocks","c":"navigation/sidebar"},{"id":"shadcn-ui-blocks:application-pro-inbox-email-label-manager","t":"Label Manager","d":"Label settings panel with a ruled table of color-swatched labels, message counts, rename a","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Email"},{"id":"shadcn-ui-blocks:application-pro-inbox-email-quick-reply-blueprint","t":"Quick Reply Blueprint","d":"Static open-state blueprint of a compact inline reply composer with canned-reply chips and","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-inbox-email-scheduled-send-queue","t":"Scheduled Send Queue","d":"An outbox pane grouping queued messages by send window, each row showing recipient, subjec","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-inbox-email-search-results","t":"Search Results","d":"A mail search pane with a token filled search bar, folder scope chips, ruled result rows h","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-inbox-email-sender-profile-rail","t":"Sender Profile Rail","d":"Contact detail rail beside an open message with an identity header, quick actions, relatio","s":"shadcn-ui-blocks","c":"data-display/profile"},{"id":"shadcn-ui-blocks:application-pro-inbox-email-shared-inbox-triage","t":"Shared Inbox Triage","d":"A shared support mailbox with queue tabs, conversation rows showing customer, subject, and","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-inbox-email-signature-editor","t":"Signature Editor","d":"A left rail of saved signatures and default pickers beside a main pane with a formatting t","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-inbox-email-snooze-email-blueprint","t":"Snooze Email Blueprint","d":"Static open snooze popover beside a message row with four preset return times and a pick-a","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-inbox-email-spam-quarantine","t":"Spam Quarantine","d":"A quarantine pane listing held messages with a monogram, sender, subject, a detection reas","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-inbox-email-split-inbox","t":"Split Inbox","d":"Split inbox pane that sorts mail into labeled sections, each with an unread count, a view ","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-inbox-email-template-library","t":"Template Library","d":"Canned reply template library with category filter chips and a card grid showing each temp","k":"page","s":"shadcn-ui-blocks","c":"pages/templates","sb":"Auth pages"},{"id":"shadcn-ui-blocks:application-pro-inbox-email-thread-collapsed","t":"Thread Collapsed","d":"Email thread view with earlier messages collapsed to one-line summaries and the latest mes","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-inbox-email-unsubscribe-manager","t":"Unsubscribe Manager","d":"Ruled rows of low engagement senders, each with a monogram, address, weekly volume, last o","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-inbox-email-vacation-responder","t":"Vacation Responder","d":"An out of office settings panel with a master switch, date range fields, subject and messa","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-integrations-api-explorer-panel","t":"Api Explorer Panel","d":"In-app REST console with an endpoint row, editable query parameter rows, a Send button, an","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-integrations-api-keys-panel","t":"API Keys Panel","d":"A one time reveal banner for a freshly created key, then rows of active keys with environm","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-integrations-api-usage-card","t":"Api Usage Card","d":"Usage against allowance, top endpoints, and the observed rate limit peak.","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:application-pro-integrations-api-version-panel","t":"API Version Panel","d":"A version summary card with an upgrade action above a list of date named API versions with","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-integrations-connected-accounts-list","t":"Connected Accounts List","d":"OAuth accounts with scopes and the guard rail on the only sign in method.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:application-pro-integrations-connected-services-status","t":"Connected Services Status","d":"Provider status board where each connected service shows live status, response time, and l","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:application-pro-integrations-field-mapping-panel","t":"Field Mapping Panel","d":"Source CRM fields on the left mapped to destination fields on the right, with transform ba","s":"shadcn-ui-blocks","c":"inputs/form-field"},{"id":"shadcn-ui-blocks:application-pro-integrations-github-repo-picker","t":"Github Repo Picker","d":"GitHub repo selection panel with a searchable repository list, per-repo checkboxes, privat","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:application-pro-integrations-incoming-webhook-setup","t":"Incoming Webhook Setup","d":"Incoming webhook setup panel with a generated endpoint URL, masked signing secret, accepte","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:application-pro-integrations-integration-detail-panel","t":"Integration Detail Panel","d":"GitHub integration page with connected account, permissions list, configure rows, and disc","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:application-pro-integrations-integration-health-card","t":"Integration Health Card","d":"Per-integration health panel showing connected status, last sync time, sync frequency, err","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:application-pro-integrations-integration-logs-table","t":"Integration Logs Table","d":"Integration event log with timestamp, direction, event name, HTTP status badge, duration, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:application-pro-integrations-integration-marketplace","t":"Integration Marketplace","d":"Browseable integration directory with category chips, a search field, and six cards showin","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:application-pro-integrations-integration-request-board","t":"Integration Request Board","d":"Request board for missing integrations with a submission form, then top requested tools ra","s":"shadcn-ui-blocks","c":"data-display/kanban"},{"id":"shadcn-ui-blocks:application-pro-integrations-integration-setup-wizard","t":"Integration Setup Wizard","d":"A guided setup wizard with a vertical step rail beside a pane of sync direction cards, a c","s":"shadcn-ui-blocks","c":"navigation/wizard-steps"},{"id":"shadcn-ui-blocks:application-pro-integrations-integrations-gallery","t":"Integrations Gallery","d":"Six integration tiles with category chips, Connected badges on active connections, and a s","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:application-pro-integrations-ip-allowlist-panel","t":"IP Allowlist Panel","d":"An allowlist panel with an enforcement badge, a current address warning, an add form, and ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-integrations-oauth-consent-blueprint","t":"Oauth Consent Blueprint","d":"OAuth grant screen listing exact permissions granted and a cannot list, connecting as a na","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Social"},{"id":"shadcn-ui-blocks:application-pro-integrations-oauth-scopes-review","t":"Oauth Scopes Review","d":"OAuth permissions audit panel listing each app scope with a plain-English description, ris","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Social"},{"id":"shadcn-ui-blocks:application-pro-integrations-rate-limit-card","t":"Rate Limit Card","d":"API rate limit card showing current rpm usage against the plan cap with a progress bar, ro","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:application-pro-integrations-sdk-quickstart-panel","t":"SDK Quickstart Panel","d":"A quickstart panel with a language tab strip, three numbered steps for install, auth, and ","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Profile","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-integrations-slack-connect-panel","t":"Slack Connect Panel","d":"Slack integration config panel showing the connected workspace, a channel selector, per-ev","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-integrations-sync-conflict-resolver","t":"Sync Conflict Resolver","d":"Conflict queue where two systems changed one field, shown as side by side value panels wit","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:application-pro-integrations-sync-dry-run-preview","t":"Sync Dry Run Preview","d":"Pre sync dry run report with create, update, skip, and conflict summary tiles, a sample of","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:application-pro-integrations-sync-status-panel","t":"Sync Status Panel","d":"Integration sync health panel with per object type record counts, last success times, one ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-integrations-webhook-settings-panel","t":"Webhook Settings Panel","d":"Endpoints with delivery status, the failing one shown as ops, not shame.","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-integrations-webhook-test-console","t":"Webhook Test Console","d":"Webhook debugging surface with an event-type selector, a JSON sample payload, a send-test ","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:application-pro-kanban-boards-blocked-cards-board","t":"Blocked Cards Board","d":"Kanban release board where blocked cards take a tinted border and Blocked chip, column hea","s":"shadcn-ui-blocks","c":"data-display/kanban"},{"id":"shadcn-ui-blocks:application-pro-kanban-boards-board-automation-panel","t":"Board Automation Panel","d":"A board automation surface pairing a rules list with enable switches and run counts beside","s":"shadcn-ui-blocks","c":"data-display/kanban"},{"id":"shadcn-ui-blocks:application-pro-kanban-boards-board-column-card","t":"Board Column Card","d":"Isolated kanban column with header count, add affordance, and cards showing label, assigne","s":"shadcn-ui-blocks","c":"data-display/kanban"},{"id":"shadcn-ui-blocks:application-pro-kanban-boards-board-filters-bar","t":"Board Filters Bar","d":"Board toolbar with assignee avatar toggles, label chips, a group-by control, search, and a","s":"shadcn-ui-blocks","c":"data-display/kanban"},{"id":"shadcn-ui-blocks:application-pro-kanban-boards-board-header-toolbar","t":"Board Header Toolbar","d":"Board name, Board and Table and Timeline view switcher, member avatar filters, an active f","s":"shadcn-ui-blocks","c":"navigation/menu","sb":"Menubars"},{"id":"shadcn-ui-blocks:application-pro-kanban-boards-board-template-picker","t":"Board Template Picker","d":"Board creation grid of workflow templates, each with a mini column mockup, a description, ","k":"page","s":"shadcn-ui-blocks","c":"pages/templates","sb":"Auth pages"},{"id":"shadcn-ui-blocks:application-pro-kanban-boards-card-aging-board","t":"Card Aging Board","d":"A kanban board where each card carries a days in column chip tiered fresh, aging, or stale","s":"shadcn-ui-blocks","c":"data-display/kanban"},{"id":"shadcn-ui-blocks:application-pro-kanban-boards-card-checklist-panel","t":"Card Checklist Panel","d":"Subtask checklist inside an open kanban card with a progress bar, five items, two pre-chec","s":"shadcn-ui-blocks","c":"inputs/checkbox"},{"id":"shadcn-ui-blocks:application-pro-kanban-boards-card-composer-column","t":"Card Composer Column","d":"Kanban board with an open inline card composer in the first column, offering a title field","s":"shadcn-ui-blocks","c":"ai-agent/composer"},{"id":"shadcn-ui-blocks:application-pro-kanban-boards-card-detail-blueprint","t":"Card Detail Blueprint","d":"Static open-card panel over a scrim showing status, assignee, description, a checklist wit","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-kanban-boards-collapsed-columns-board","t":"Collapsed Columns Board","d":"A kanban board where quiet stages collapse into slim vertical rails showing name and count","s":"shadcn-ui-blocks","c":"data-display/kanban"},{"id":"shadcn-ui-blocks:application-pro-kanban-boards-column-policy-board","t":"Column Policy Board","d":"Kanban board where every column carries a dashed entry policy panel listing the criteria a","s":"shadcn-ui-blocks","c":"data-display/kanban"},{"id":"shadcn-ui-blocks:application-pro-kanban-boards-drag-state-board","t":"Drag State Board","d":"A kanban board frozen mid drag with a dashed pickup ghost, a tilted lifted card over an in","s":"shadcn-ui-blocks","c":"data-display/kanban","tg":["3d"],"sy":["3d"]},{"id":"shadcn-ui-blocks:application-pro-kanban-boards-kanban-board","t":"Kanban Board","d":"Full four-column product board with issue cards showing label badges, assignee avatars, an","s":"shadcn-ui-blocks","c":"data-display/kanban"},{"id":"shadcn-ui-blocks:application-pro-kanban-boards-swimlane-board","t":"Swimlane Board","d":"Kanban grid with two assignee lanes crossing three workflow columns and dashed empty-cell ","s":"shadcn-ui-blocks","c":"data-display/kanban","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-kanban-boards-wip-limit-board","t":"WIP Limit Board","d":"A kanban board with per column work in progress limits, count against limit chips, an over","s":"shadcn-ui-blocks","c":"data-display/kanban"},{"id":"shadcn-ui-blocks:application-pro-localization-format-settings","t":"Format Settings","d":"Format settings panel with date, time, week start, number, and currency Selects each showi","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-localization-glossary-manager","t":"Glossary Manager","d":"A master detail glossary pairing a term list with the selected term's definition, usage ru","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-localization-language-switcher-blueprint","t":"Language Switcher Blueprint","d":"Static open language picker panel with 10 locales in their native scripts, the current sel","s":"shadcn-ui-blocks","c":"inputs/form-field"},{"id":"shadcn-ui-blocks:application-pro-localization-locale-coverage-matrix","t":"Locale Coverage Matrix","d":"Coverage grid crossing string namespaces with target locales, percent cells with banded sq","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:application-pro-localization-locale-fallback-chain","t":"Locale Fallback Chain","d":"A locale fallback chain with an ordered resolution list, coverage bars, and role badges, p","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-localization-locale-preview-card","t":"Locale Preview Card","d":"Side-by-side locale comparison card showing how dates, numbers, currency, and a sample sen","s":"shadcn-ui-blocks","c":"overlays/hover-card"},{"id":"shadcn-ui-blocks:application-pro-localization-pseudo-locale-tester","t":"Pseudo Locale Tester","d":"A pseudo locale tester with a strategy switch and ruled rows pairing each English string w","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-localization-rtl-preview-panel","t":"RTL Preview Panel","d":"A right to left preview mocking a settings screen in English beside Arabic, plus a bidi ch","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-localization-string-editor-panel","t":"String Editor Panel","d":"Single string translation editor with source text, placeholder chip, machine suggestion ro","s":"shadcn-ui-blocks","c":"inputs/textarea"},{"id":"shadcn-ui-blocks:application-pro-localization-translation-progress-card","t":"Translation Progress Card","d":"Translation progress panel listing each language with a percent complete bar, exact string","s":"shadcn-ui-blocks","c":"data-viz/progress-bar"},{"id":"shadcn-ui-blocks:application-pro-localization-translation-table","t":"Translation Table","d":"Translation string table with mono keys, source English, French target, and Translated, Fu","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:application-pro-maps-location-address-card","t":"Address Card","d":"Saved address card with a static map thumbnail, edit and copy actions, coordinate line, an","s":"shadcn-ui-blocks","c":"data-viz/map"},{"id":"shadcn-ui-blocks:application-pro-maps-location-distance-radius-card","t":"Distance Radius Card","d":"Static map blueprint with a dashed SVG radius circle, a stepped radius control, and a coun","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-maps-location-geofence-zones","t":"Geofence Zones","d":"Static map blueprint with polygon and radius zones above ruled rows pairing each zone with","s":"shadcn-ui-blocks","c":"data-viz/map"},{"id":"shadcn-ui-blocks:application-pro-maps-location-ip-lookup-panel","t":"IP Lookup Panel","d":"A query field and lookup action above a result card that pairs resolved detail rows with a","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-maps-location-location-history","t":"Location History","d":"A visit timeline listing each place with arrival window, time spent, and travel between st","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-maps-location-location-picker","t":"Location Picker","d":"Address search input with an open suggestion list and a static map preview blueprint showi","s":"shadcn-ui-blocks","c":"inputs/select"},{"id":"shadcn-ui-blocks:application-pro-maps-location-location-sharing-settings","t":"Location Sharing Settings","d":"A master sharing switch, a precision choice between precise and approximate, a list of peo","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-maps-location-map-with-pins-blueprint","t":"Map With Pins Blueprint","d":"Static office locations map with an SVG grid surface, five absolutely-positioned pins, zoo","s":"shadcn-ui-blocks","c":"data-viz/map"},{"id":"shadcn-ui-blocks:application-pro-maps-location-region-selector","t":"Region Selector","d":"Data-residency region picker with latency indicators, compliance notes per region, and a f","s":"shadcn-ui-blocks","c":"data-viz/map"},{"id":"shadcn-ui-blocks:application-pro-maps-location-route-planner","t":"Route Planner","d":"Ordered stop timeline with per leg distances and ETAs beside a static map tracing the rout","s":"shadcn-ui-blocks","c":"data-viz/map"},{"id":"shadcn-ui-blocks:application-pro-maps-location-territory-list","t":"Territory List","d":"Sales territory table with static map thumbs, assigned rep avatars, account counts, and an","s":"shadcn-ui-blocks","c":"data-viz/map"},{"id":"shadcn-ui-blocks:application-pro-maps-location-timezone-overlap","t":"Timezone Overlap","d":"A teammate list showing avatar, city, and local time beside a 24 hour UTC strip of working","s":"shadcn-ui-blocks","c":"data-viz/map"},{"id":"shadcn-ui-blocks:application-pro-media-gallery-album-list","t":"Album List","d":"Collection organizer listing albums with a cover thumbnail, item count, last updated date,","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:application-pro-media-gallery-asset-detail-panel","t":"Asset Detail Panel","d":"Asset inspector with a preview, ruled metadata rows for dimensions and usage, a copy URL c","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-media-gallery-asset-version-history","t":"Asset Version History","d":"A file version history with a header, then ruled rows per version showing a thumbnail, cha","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-media-gallery-bulk-media-actions","t":"Bulk Media Actions","d":"Media bulk-ops toolbar showing selection count with Move, Tag, Download, and Delete action","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:application-pro-media-gallery-folder-breadcrumb-bar","t":"Folder Breadcrumb Bar","d":"Media folder toolbar with a clickable path, grid and list view toggle, sort picker, and Ne","s":"shadcn-ui-blocks","c":"navigation/breadcrumb"},{"id":"shadcn-ui-blocks:application-pro-media-gallery-image-crop-blueprint","t":"Image Crop Blueprint","d":"Static crop tool blueprint with a Placeholder canvas, rule of thirds grid, corner handles,","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:application-pro-media-gallery-lightbox-blueprint","t":"Lightbox Blueprint","d":"Static open state lightbox with a centered image, prev and next controls, a caption strip,","s":"shadcn-ui-blocks","c":"overlays/lightbox"},{"id":"shadcn-ui-blocks:application-pro-media-gallery-media-library-grid","t":"Media Library Grid","d":"Asset browser grid with filename, type badge, and size captions, plus a toolbar with searc","s":"shadcn-ui-blocks","c":"media/gallery","sb":"Grids"},{"id":"shadcn-ui-blocks:application-pro-media-gallery-media-list-view","t":"Media List View","d":"A dense asset table with select checkboxes, a thumbnail and filename column, type badge, s","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:application-pro-media-gallery-storage-usage-panel","t":"Storage Usage Panel","d":"A storage quota panel with a used versus quota headline, a segmented usage bar by type, pe","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-media-gallery-upload-queue-panel","t":"Upload Queue Panel","d":"Batch upload tracker with per file progress bars, a cancel button, a completed row, and a ","s":"shadcn-ui-blocks","c":"inputs/file-upload"},{"id":"shadcn-ui-blocks:application-pro-media-gallery-video-trim-blueprint","t":"Video Trim Blueprint","d":"A static video trim tool with a preview frame and timecode, a transport row, a filmstrip t","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:application-pro-navigation-app-switcher-grid","t":"App Switcher Grid","d":"Static open product suite switcher panel with six app tiles, a current badge, and a manage","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-navigation-breadcrumb-dropdown-blueprint","t":"Breadcrumb Dropdown Blueprint","d":"Breadcrumb bar with the middle segment expanded into a sibling-project switcher panel show","s":"shadcn-ui-blocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcn-ui-blocks:application-pro-navigation-breadcrumbs-with-actions","t":"Breadcrumbs With Actions","d":"The detail page header, breadcrumb trail, title, and right aligned actions.","s":"shadcn-ui-blocks","c":"navigation/breadcrumb"},{"id":"shadcn-ui-blocks:application-pro-navigation-command-palette-open","t":"Command Palette Open","d":"Static open command palette with grouped Pages, Actions with Kbd shortcuts, and People res","s":"shadcn-ui-blocks","c":"navigation/command-palette"},{"id":"shadcn-ui-blocks:application-pro-navigation-context-menu-blueprint","t":"Context Menu Blueprint","d":"Static open-state context menu over a document row with grouped actions, keyboard hints, a","s":"shadcn-ui-blocks","c":"navigation/menu","sb":"Context menus"},{"id":"shadcn-ui-blocks:application-pro-navigation-global-search-results","t":"Global Search Results","d":"Full in-app search results page with grouped Projects, People, and Files sections, counts,","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-navigation-help-menu-blueprint","t":"Help Menu Blueprint","d":"Static open-state help menu with a docs search field, five action rows including keyboard ","s":"shadcn-ui-blocks","c":"navigation/menu"},{"id":"shadcn-ui-blocks:application-pro-navigation-jump-to-blueprint","t":"Jump To Blueprint","d":"Static open-state jump-to bar with a typed query, matching destinations grouped and one hi","s":"shadcn-ui-blocks","c":"data-display/typography"},{"id":"shadcn-ui-blocks:application-pro-navigation-mega-menu-blueprint","t":"Mega Menu Blueprint","d":"Static open mega-menu with three grouped link columns and a featured announcement panel, r","s":"shadcn-ui-blocks","c":"navigation/menu","tg":["webgl"],"sb":"Mega menus","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-navigation-page-outline-rail","t":"Page Outline Rail","d":"A sticky on this page outline rail listing document anchors along a guide line with the ac","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing"},{"id":"shadcn-ui-blocks:application-pro-navigation-pagination-bar","t":"Pagination Bar","d":"Table footer pagination in two densities: a numbered bar with a row range and rows per pag","s":"shadcn-ui-blocks","c":"navigation/pagination"},{"id":"shadcn-ui-blocks:application-pro-navigation-pinned-items-rail","t":"Pinned Items Rail","d":"Icon-only sidebar rail with a pinned shortcuts section above the main nav, inline tooltip ","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:application-pro-navigation-recent-history-menu-blueprint","t":"Recent History Menu Blueprint","d":"Static open recents menu grouped into Today and Yesterday with item type chips, visit time","s":"shadcn-ui-blocks","c":"navigation/menu"},{"id":"shadcn-ui-blocks:application-pro-navigation-record-pager-header","t":"Record Pager Header","d":"A record detail header with a back link, a prev and next position counter with keyboard hi","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:application-pro-navigation-secondary-settings-nav","t":"Secondary Settings Nav","d":"The settings nav column with grouped links and the Danger zone last and muted.","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:application-pro-navigation-section-switcher","t":"Section Switcher","d":"Pill-style segmented toggle for switching in-page views with a per-segment item count, sho","s":"shadcn-ui-blocks","c":"navigation/tabs"},{"id":"shadcn-ui-blocks:application-pro-navigation-sidebar-footer-menu-open","t":"Sidebar Footer Menu Open","d":"Static open user menu at the sidebar foot with profile, settings, theme toggle, command sh","s":"shadcn-ui-blocks","c":"navigation/menu"},{"id":"shadcn-ui-blocks:application-pro-navigation-sidebar-nav-tree","t":"Sidebar Nav Tree","d":"An expanded workspace sidebar with flat items, a Projects group opened to indented childre","s":"shadcn-ui-blocks","c":"data-display/tree"},{"id":"shadcn-ui-blocks:application-pro-navigation-sidebar-search-results","t":"Sidebar Search Results","d":"Sidebar in its active filter state with the query filled, matching nav items highlighted a","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:application-pro-navigation-tab-bar-mobile","t":"Tab Bar Mobile","d":"Mobile bottom tab bar with five thumb-sized tabs, one active indicator, and a notification","s":"shadcn-ui-blocks","c":"navigation/tabs"},{"id":"shadcn-ui-blocks:application-pro-navigation-tab-navigation-panel","t":"Tab Navigation Panel","d":"Underline tab row for within-page navigation with counts on two tabs and an active panel c","s":"shadcn-ui-blocks","c":"navigation/tabs"},{"id":"shadcn-ui-blocks:application-pro-navigation-topbar-with-command-hint","t":"Topbar With Command Hint","d":"Persistent app topbar with breadcrumb trail, centered search with Kbd hint, notifications,","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:application-pro-navigation-workspace-switcher-open","t":"Workspace Switcher Open","d":"Static open workspace switcher showing three workspaces with plan badges, member counts, a","s":"shadcn-ui-blocks","c":"data-display/badge","tg":["webgl"],"sb":"Labels","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-notifications-activity-digest-email-preview","t":"Activity Digest Email Preview","d":"In-app framed preview of the daily activity digest email with grouped Mentions, Assignment","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-notifications-alert-banner-stack","t":"Alert Banner Stack","d":"Three calm ops banners, maintenance, expiring card, and the resolved incident.","s":"shadcn-ui-blocks","c":"overlays/alert-banner","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-notifications-banner-with-actions","t":"Banner With Actions","d":"Persistent workspace notice card with a titled message, consequence body, two action butto","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:application-pro-notifications-digest-settings-card","t":"Digest Settings Card","d":"Activity digest frequency picker with an include list and the note that digests pause whil","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-notifications-escalation-policy-card","t":"Escalation Policy Card","d":"An escalation policy panel with a named header, a numbered timeline of timed steps naming ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-notifications-in-app-message-card","t":"In App Message Card","d":"Feature announcement card with a badge, title, body, illustration slot, primary CTA, and a","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-ui-blocks:application-pro-notifications-inbox-list-pane","t":"Inbox List Pane","d":"The full inbox grouped under Today and Earlier, read rows muted.","s":"shadcn-ui-blocks","c":"data-display/list","sb":"Inbox"},{"id":"shadcn-ui-blocks:application-pro-notifications-mute-thread-row","t":"Mute Thread Row","d":"Muted threads manager listing silenced threads with their context, muted date, expiry or f","s":"shadcn-ui-blocks","c":"data-display/list","sb":"Inbox"},{"id":"shadcn-ui-blocks:application-pro-notifications-notification-center-open","t":"Notification Center Open","d":"The bell panel open, tabs, four notifications, one unread, mark all read.","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-notifications-notification-empty-state","t":"Notification Empty State","d":"Notifications inbox zero view with a today tally of cleared, snoozed, and archived counts ","s":"shadcn-ui-blocks","c":"data-display/empty-state"},{"id":"shadcn-ui-blocks:application-pro-notifications-notification-grouping-list","t":"Notification Grouping List","d":"Inbox panel collapsing notifications by source with inline thread expansion and unread cou","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-notifications-notification-rules-list","t":"Notification Rules List","d":"An ordered rules list where each row names a rule, shows its conditions as chips, points t","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-notifications-notification-settings-inline","t":"Notification Settings Inline","d":"Five notification type rows with email, push, and in-app channel switches grouped into Acc","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-notifications-priority-inbox-list","t":"Priority Inbox List","d":"Priority sorted notification inbox with a Needs You section for mentions and assignments a","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-notifications-push-preview-settings","t":"Push Preview Settings","d":"Push appearance settings beside a live lock screen mockup, three preview visibility option","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-notifications-quiet-hours-schedule","t":"Quiet Hours Schedule","d":"A do not disturb panel with a master quiet hours switch, seven per day toggle rows, and a ","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:application-pro-notifications-realtime-toast-blueprint","t":"Realtime Toast Blueprint","d":"Static blueprint of a live comment toast with avatar, quoted body, view action, and an aut","s":"shadcn-ui-blocks","c":"overlays/toast"},{"id":"shadcn-ui-blocks:application-pro-notifications-snooze-options-blueprint","t":"Snooze Options Blueprint","d":"Static blueprint of an open snooze menu with four preset options and resolved wall-clock t","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-notifications-subscription-preferences","t":"Subscription Preferences","d":"Followed items panel listing subscribed projects, people, and labels as ruled rows with pe","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-notifications-toast-stack","t":"Toast Stack","d":"Three transient toasts: a success, an undoable deletion with a timer track, and a loading ","s":"shadcn-ui-blocks","c":"overlays/toast","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-notifications-unread-digest-card","t":"Unread Digest Card","d":"While you were away, grouped counts since yesterday, paused when you are active.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-notifications-whats-new-panel","t":"Whats New Panel","d":"The changelog panel, three dated releases badged, no marketing allowed in it.","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Profile","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-onboarding-checklist-widget","t":"Checklist Widget","d":"Corner card onboarding widget with a progress ring, five setup tasks, two complete, the ne","s":"shadcn-ui-blocks","c":"navigation/wizard-steps"},{"id":"shadcn-ui-blocks:application-pro-onboarding-choose-plan-step","t":"Choose Plan Step","d":"Three plan cards with real limits stated, Free preselected, and a no sales call promise fo","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-onboarding-connect-source-card","t":"Connect Source Card","d":"Four source tiles including a no engineering CSV option and a read only credentials promis","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-onboarding-connect-tools-step","t":"Connect Tools Step","d":"Onboarding integrations step with Slack, GitHub, Calendar, and Drive tiles showing one pre","s":"shadcn-ui-blocks","c":"navigation/wizard-steps"},{"id":"shadcn-ui-blocks:application-pro-onboarding-data-source-status","t":"Data Source Status","d":"Onboarding panel showing three data source connection rows with connected, connecting, and","s":"shadcn-ui-blocks","c":"navigation/wizard-steps","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-onboarding-feature-spotlight-blueprint","t":"Feature Spotlight Blueprint","d":"Static open-state coach-mark that highlights a new bulk-actions toolbar with a callout car","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:application-pro-onboarding-finish-setup-card","t":"Finish Setup Card","d":"Setup complete card with a personalized header, a three item onboarding recap, and a singl","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Profile","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-onboarding-first-project-empty-state","t":"First Project Empty State","d":"Day one empty dashboard with two create paths, a three step next preview, and a sample pro","s":"shadcn-ui-blocks","c":"data-display/empty-state","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-onboarding-goal-selection-step","t":"Goal Selection Step","d":"Onboarding step with four goal tiles that order the sidebar, one pre-selected, and a note ","s":"shadcn-ui-blocks","c":"navigation/wizard-steps"},{"id":"shadcn-ui-blocks:application-pro-onboarding-import-data-step","t":"Import Data Step","d":"Onboarding import step with CSV dropzone, tool and API source tiles, a dry-run preview pro","s":"shadcn-ui-blocks","c":"navigation/wizard-steps"},{"id":"shadcn-ui-blocks:application-pro-onboarding-install-cli-step","t":"Install CLI Step","d":"A developer install step with per platform commands behind tabs, numbered login and test c","s":"shadcn-ui-blocks","c":"navigation/wizard-steps"},{"id":"shadcn-ui-blocks:application-pro-onboarding-invite-preview-card","t":"Invite Preview Card","d":"Shows the rendered invite email teammates will receive above an editable personal message ","s":"shadcn-ui-blocks","c":"overlays/hover-card"},{"id":"shadcn-ui-blocks:application-pro-onboarding-invite-team-panel","t":"Invite Team Panel","d":"Three email and role rows with the retention stat that explains why the invite ask happens","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-onboarding-notification-defaults-step","t":"Notification Defaults Step","d":"A notification setup step with four channel toggle rows, a recommended badge, an email dig","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-onboarding-product-tour-tooltip","t":"Product Tour Tooltip","d":"Inline product-tour step blueprint with a highlighted target, coach-mark card, step 2 of 5","s":"shadcn-ui-blocks","c":"overlays/tooltip"},{"id":"shadcn-ui-blocks:application-pro-onboarding-role-selection-step","t":"Role Selection Step","d":"Onboarding role picker with three tiles showing what each role changes in the default layo","s":"shadcn-ui-blocks","c":"navigation/wizard-steps","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-onboarding-sample-data-banner","t":"Sample Data Banner","d":"Banner notifying users they are viewing sample data, with connect and clear actions and de","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:application-pro-onboarding-setup-progress-stepper","t":"Setup Progress Stepper","d":"Four step horizontal stepper with dot states and an open invite panel under the current st","s":"shadcn-ui-blocks","c":"navigation/wizard-steps"},{"id":"shadcn-ui-blocks:application-pro-onboarding-team-onboarding-tracker","t":"Team Onboarding Tracker","d":"An admin tracker with invited, finished, and stalled counts above per person rows showing ","s":"shadcn-ui-blocks","c":"navigation/wizard-steps"},{"id":"shadcn-ui-blocks:application-pro-onboarding-template-gallery-step","t":"Template Gallery Step","d":"Onboarding step with six template cards showing what each pre-wires, a start-blank tile, a","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:application-pro-onboarding-welcome-checklist","t":"Welcome Checklist","d":"Setup checklist with 5 tasks, time estimates, a progress bar, and a one time dismiss promi","s":"shadcn-ui-blocks","c":"inputs/checkbox"},{"id":"shadcn-ui-blocks:application-pro-onboarding-welcome-modal-blueprint","t":"Welcome Modal Blueprint","d":"Static first-login welcome dialog over a scrim: greeting by name, three things to try, and","s":"shadcn-ui-blocks","c":"overlays/dialog","tg":["webgl"],"sb":"Onboarding","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-onboarding-workspace-profile-step","t":"Workspace Profile Step","d":"A workspace setup step with name, URL slug, logo upload, and data region on the left besid","s":"shadcn-ui-blocks","c":"data-display/profile"},{"id":"shadcn-ui-blocks:application-pro-prebuilt-pages-admin-page","t":"Admin Page","d":"Staff admin console composing a sidebar shell, content moderation queue, and user admin ta","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-prebuilt-pages-analytics-page","t":"Analytics Page","d":"Analytics dashboard composing a sidebar shell, KPI row, revenue area chart, usage line cha","k":"layout","s":"shadcn-ui-blocks","c":"layout/dashboard"},{"id":"shadcn-ui-blocks:application-pro-prebuilt-pages-auth-flow-page","t":"Auth Flow Page","d":"Auth sequence showcase composing the sign-in page and two-factor page stacked for end-to-e","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Verification"},{"id":"shadcn-ui-blocks:application-pro-prebuilt-pages-billing-page","t":"Billing Page","d":"Billing page composing the settings shell, current plan usage, invoice history, and paymen","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-prebuilt-pages-dashboard-page","t":"Dashboard Page","d":"Overview dashboard composing the sidebar shell, KPI cards row, revenue area chart, and tea","k":"layout","s":"shadcn-ui-blocks","c":"layout/dashboard"},{"id":"shadcn-ui-blocks:application-pro-prebuilt-pages-help-center-page","t":"Help Center Page","d":"Self-service help page composing a topbar shell, category search home, and FAQ accordion p","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-prebuilt-pages-inbox-page","t":"Inbox Page","d":"Three-pane email inbox composing a folder sidebar, thread list, and message reader with re","s":"shadcn-ui-blocks","c":"overlays/notifications","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-prebuilt-pages-members-page","t":"Members Page","d":"Workspace members admin page composing the sidebar shell, users table, and member roles ta","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:application-pro-prebuilt-pages-onboarding-page","t":"Onboarding Page","d":"Shellless new user activation flow composing a progress stepper, welcome checklist, and co","s":"shadcn-ui-blocks","c":"navigation/wizard-steps"},{"id":"shadcn-ui-blocks:application-pro-prebuilt-pages-project-detail-page","t":"Project Detail Page","d":"Full project detail view composing a sidebar shell, KPI cards row, kanban board, and team ","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell"},{"id":"shadcn-ui-blocks:application-pro-prebuilt-pages-reports-page","t":"Reports Page","d":"Analytics page composing the sidebar shell, KPI cards, conversion funnel bars, usage line ","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell","tg":["playful"],"sy":["playful"]},{"id":"shadcn-ui-blocks:application-pro-prebuilt-pages-settings-page","t":"Settings Page","d":"Full settings page composing the settings shell, profile, security, API keys, and danger z","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-pricing-plans-addon-selector","t":"Addon Selector","d":"Ruled add-on rows for extra seats, priority support, and advanced security each with a tog","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"With billing toggle"},{"id":"shadcn-ui-blocks:application-pro-pricing-plans-billing-period-toggle","t":"Billing Period Toggle","d":"Billing period switcher with monthly and yearly cards showing effective monthly price, a s","s":"shadcn-ui-blocks","c":"actions/switch"},{"id":"shadcn-ui-blocks:application-pro-pricing-plans-feature-gate-card","t":"Feature Gate Card","d":"Locked feature placeholder card naming the required plan, describing the feature, listing ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcn-ui-blocks:application-pro-pricing-plans-plan-comparison-table","t":"Plan Comparison Table","d":"A dense feature matrix comparing Free, Team, and Business plans by category, with checks, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcn-ui-blocks:application-pro-pricing-plans-plan-downgrade-warning","t":"Plan Downgrade Warning","d":"Downgrade confirmation panel listing features lost, named members made read-only, what is ","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcn-ui-blocks:application-pro-pricing-plans-plan-limits-overview","t":"Plan Limits Overview","d":"Current plan usage meters for members, workspaces, events, and storage against Team limits","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcn-ui-blocks:application-pro-pricing-plans-plan-picker-cards","t":"Plan Picker Cards","d":"In-app upgrade surface with Free, Team, and Business plan cards, a monthly/yearly billing ","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcn-ui-blocks:application-pro-pricing-plans-seat-management-panel","t":"Seat Management Panel","d":"Purchased seats with an occupancy meter, a breakdown of active members and pending invites","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-pricing-plans-trial-banner-card","t":"Trial Banner Card","d":"Trial status card showing days remaining, what happens at expiry, an add payment method CT","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:application-pro-pricing-plans-upgrade-proration-summary","t":"Upgrade Proration Summary","d":"An upgrade confirmation showing the plan change, prorated line items with credit, the amou","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcn-ui-blocks:application-pro-pricing-plans-usage-tier-selector","t":"Usage Tier Selector","d":"Stepped chip selector for event volume tiers from 10k to 2 million per month with a live p","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Usage and sliders"},{"id":"shadcn-ui-blocks:application-pro-profile-account-account-overview-card","t":"Account Overview Card","d":"Account home card showing plan, role, key dates, connected identity, and settings quick li","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-profile-account-account-switcher-blueprint","t":"Account Switcher Blueprint","d":"Static open-state blueprint of an account switcher panel listing three accounts with the c","s":"shadcn-ui-blocks","c":"data-display/profile","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-profile-account-activity-summary-card","t":"Activity Summary Card","d":"Activity card with an inline SVG contribution heatmap, monthly event count, and three rece","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Profile","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-profile-account-away-status-card","t":"Away Status Card","d":"Status setter card with four presence options, a custom message field, a clear-after durat","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-profile-account-change-password-card","t":"Change Password Card","d":"A three field password form beside a live requirements checklist, a segmented strength met","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Profile","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-profile-account-connected-identities-card","t":"Connected Identities Card","d":"Sign-in identities panel listing Google, GitHub, and SSO rows with connected dates, a prim","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Profile","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-profile-account-danger-zone-card","t":"Danger Zone Card","d":"Ruled destructive rows for transfer, deactivate, and delete, each with its consequence, a ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-profile-account-data-download-card","t":"Data Download Card","d":"Personal data export card listing exactly what is included, the zip plus JSON delivery for","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-profile-account-edit-profile-form","t":"Edit Profile Form","d":"Settings form with avatar change, name and headline inputs, bio with char count, and a sav","s":"shadcn-ui-blocks","c":"data-display/profile"},{"id":"shadcn-ui-blocks:application-pro-profile-account-email-addresses-card","t":"Email Addresses Card","d":"Ruled rows for each account email with primary and verification badges, resend and remove ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-profile-account-login-history-table","t":"Login History Table","d":"A sign-in audit table with timestamp, method, device, location, IP, and a result badge, pl","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign in"},{"id":"shadcn-ui-blocks:application-pro-profile-account-notification-badge-row","t":"Notification Badge Row","d":"Profile notification summary strip with linked cards for Mentions, Assigned, and Reviews s","s":"shadcn-ui-blocks","c":"overlays/notifications"},{"id":"shadcn-ui-blocks:application-pro-profile-account-preferences-summary","t":"Preferences Summary","d":"Read-only ruled summary of six personal settings including theme, language, timezone, and ","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-profile-account-profile-completion-card","t":"Profile Completion Card","d":"Profile setup progress card with a 70% bar, three remaining steps with quick-action button","s":"shadcn-ui-blocks","c":"data-display/profile","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-profile-account-profile-header","t":"Profile Header","d":"Profile header band with avatar, name, role, bio, fact chips, and Message and Edit profile","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:application-pro-profile-account-public-profile-card","t":"Public Profile Card","d":"Compact profile card with avatar, name, headline, a three stat strip, and a Follow button.","s":"shadcn-ui-blocks","c":"data-display/profile","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-profile-account-sessions-list-card","t":"Sessions List Card","d":"Active sessions card listing every signed-in device with browser, location, last active ti","s":"shadcn-ui-blocks","c":"data-display/list","sb":"Files and trees"},{"id":"shadcn-ui-blocks:application-pro-profile-account-two-factor-status-card","t":"Two Factor Status Card","d":"Two-factor authentication status panel showing the active method, backup codes remaining, ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-reports-cohort-retention-grid","t":"Cohort Retention Grid","d":"A retention heatmap with weekly signup cohorts as rows, weeks since signup as columns, sha","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:application-pro-reports-dashboard-grid-layout","t":"Dashboard Grid Layout","d":"Editable dashboard canvas with a KPI tile, bar chart frame, plan revenue list, stat tile, ","k":"layout","s":"shadcn-ui-blocks","c":"layout/bento-grid"},{"id":"shadcn-ui-blocks:application-pro-reports-export-options-card","t":"Export Options Card","d":"Export settings card with format radio rows, a current view versus all rows scope choice, ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-reports-metric-detail-drilldown","t":"Metric Detail Drilldown","d":"Drill-in view for a KPI click showing a headline metric, period context, and a segment bre","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:application-pro-reports-report-annotations-panel","t":"Report Annotations Panel","d":"An annotated trend chart with numbered markers pinned to dates beside a side rail listing ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-reports-report-builder","t":"Report Builder","d":"Self-serve report panel with metric and dimension selects, a date-range chip, visualizatio","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:application-pro-reports-report-comparison-view","t":"Report Comparison View","d":"A period over period comparison with two period chips, a swap control, a metrics summary l","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:application-pro-reports-report-filters-bar","t":"Report Filters Bar","d":"Report filter strip with a removable date-range chip, three dimension selects, a compare t","s":"shadcn-ui-blocks","c":"data-display/badge","tg":["webgl"],"sb":"Labels","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-reports-report-run-history","t":"Report Run History","d":"A run history log with a summary strip above a table of runs showing status badges, start ","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-reports-report-summary-header","t":"Report Summary Header","d":"Saved report header showing the title, removable filter chips echoing active date range an","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:application-pro-reports-saved-reports-list","t":"Saved Reports List","d":"Table of saved reports with creator, last run time, a schedule chip when scheduled, and pe","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:application-pro-reports-scheduled-report-form","t":"Scheduled Report Form","d":"Form to schedule a report delivery with frequency, run time, a tag-style recipient list, f","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-ui-blocks:application-pro-reports-scheduled-reports-table","t":"Scheduled Reports Table","d":"Table of workspace delivery schedules with recurrence, recipient avatar stacks, format bad","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-api-keys-panel","t":"Api Keys Panel","d":"API keys list with prefix-masked values, environment badges, created and last used dates, ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-appearance-settings","t":"Appearance Settings","d":"Theme tile selector, accent color swatches, interface density toggle, and a reduce-motion ","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-audit-log-settings","t":"Audit Log Settings","d":"Audit log configuration with a retention period select, an admins-only access note, a CSV ","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-billing-alerts-settings","t":"Billing Alerts Settings","d":"Spend alert switches at 80 and 100 percent of plan, a hard-cap option with stated conseque","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-branding-settings","t":"Branding Settings","d":"Workspace branding panel with logo upload, accent color swatches, a subdomain field, and a","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-connected-apps-settings","t":"Connected Apps Settings","d":"Ruled list of OAuth apps with scope badges, connected date, authorizing member, and an ins","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-danger-zone-card","t":"Danger Zone Card","d":"Three escalating workspace actions stating exactly what each destroys and what survives, w","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Profile","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-settings-pages-data-retention-settings","t":"Data Retention Settings","d":"Per-data-type retention period Selects with export and deletion consequence panels, a lega","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-email-domain-settings","t":"Email Domain Settings","d":"Sending domain panel with a monospace DNS record grid, per-record verified badges, a from-","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-guest-access-settings","t":"Guest Access Settings","d":"A guest access panel with an allow guests switch, a permitted email domain list, default p","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-import-export-settings","t":"Import Export Settings","d":"Data portability panel with an export card listing every included data type and an import ","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-ip-allowlist-settings","t":"IP Allowlist Settings","d":"An IP allowlist panel with an enforcement switch, a list of CIDR ranges with owners and la","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-language-region-settings","t":"Language Region Settings","d":"Language and timezone selects with a live date and number format preview row and a first-d","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-member-roles-table","t":"Member Roles Table","d":"Six permissions across three roles, with the honest custom roles roadmap note.","s":"shadcn-ui-blocks","c":"data-display/table","tg":["webgl"],"sb":"People","sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-settings-pages-notification-preferences","t":"Notification Preferences","d":"The email and in app switch matrix with the billing row locked on, honestly.","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-plan-usage-settings","t":"Plan and Usage Settings","d":"A plan and usage panel with a current plan row, metered usage bars with per limit notes, a","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-profile-settings","t":"Profile Settings","d":"Profile panel with avatar upload, name and email inputs, a read-only timezone row, and a s","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-scim-provisioning-settings","t":"SCIM Provisioning Settings","d":"A SCIM provisioning panel with sync stats, the base URL and masked bearer token, an attrib","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-security-settings","t":"Security Settings","d":"Security panel with password row, two factor status, and a ruled active sessions list with","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-session-timeout-settings","t":"Session Timeout Settings","d":"Session control panel with an idle timeout selector, a remember this device toggle, and a ","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-sso-and-domain-settings","t":"Sso And Domain Settings","d":"Verified domain, IdP metadata, and the enforce switch with its full consequence.","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-team-settings","t":"Team Settings","d":"Team identity panel with name and identifier fields, a default member role Select, who-can","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-two-factor-settings","t":"Two Factor Settings","d":"2FA settings panel with authenticator app, SMS fallback, and backup codes rows plus a work","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-webhooks-settings","t":"Webhooks Settings","d":"Webhook endpoint list with mono URLs, event Badges, per-row delivery status, a masked sign","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-settings-pages-workspace-general-settings","t":"Workspace General Settings","d":"Workspace identity panel with name, slug, URL preview, rename warning, logo upload, and de","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:application-pro-stat-cards-big-number-tiles","t":"Big Number Tiles","d":"Four oversized tiles for wallboards, deploys, incidents, latency, queue depth.","s":"shadcn-ui-blocks","c":"data-display/card","tg":["3d"],"sb":"Metric","sy":["3d"]},{"id":"shadcn-ui-blocks:application-pro-stat-cards-bullet-chart-cards","t":"Bullet Chart Cards","d":"Three stat cards, each with a label, value, delta, and a bullet chart bar showing actual a","s":"shadcn-ui-blocks","c":"data-viz/chart","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-stat-cards-comparison-stat-cards","t":"Comparison Stat Cards","d":"Three cards comparing This month and Last month side by side with a computed delta footer ","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-stat-cards-delta-list-card","t":"Delta List Card","d":"Compact card listing five metrics as ruled rows each with a tabular value and an up or dow","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:application-pro-stat-cards-donut-stat-card","t":"Donut Stat Card","d":"Stat card with an inline SVG donut showing a 2 to 3 part breakdown beside the headline num","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcn-ui-blocks:application-pro-stat-cards-forecast-stat-card","t":"Forecast Stat Card","d":"A forecast card with the month to date value, a cumulative line turning dashed past today,","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:application-pro-stat-cards-funnel-stat-card","t":"Funnel Stat Card","d":"Acquisition funnel card with four shrinking horizontal bars, step conversion percentages, ","s":"shadcn-ui-blocks","c":"data-viz/chart","tg":["playful"],"sb":"Flow and funnel","sy":["playful"]},{"id":"shadcn-ui-blocks:application-pro-stat-cards-goal-progress-cards","t":"Goal Progress Cards","d":"Three Q2 goal cards each with a progress bar, current vs target value, and a projected pac","s":"shadcn-ui-blocks","c":"data-viz/progress-bar","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-stat-cards-heatmap-stat-card","t":"Heatmap Stat Card","d":"Activity heatmap card with a CSS grid of cells shaded by foreground opacity across hours a","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Heatmap"},{"id":"shadcn-ui-blocks:application-pro-stat-cards-kpi-cards-row","t":"Kpi Cards Row","d":"Four headline metrics with deltas and the context line that stops misreadings.","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:application-pro-stat-cards-live-counter-card","t":"Live Counter Card","d":"An active user counter with a pulsing dot, a static sparkline, and an honest refresh caden","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Metric"},{"id":"shadcn-ui-blocks:application-pro-stat-cards-metric-with-target-card","t":"Metric With Target Card","d":"A single metric versus its target on a horizontal progress track with the gap and pace sta","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:application-pro-stat-cards-multi-metric-card","t":"Multi Metric Card","d":"One card holding three related metrics in a row with vertical dividers, each showing a val","s":"shadcn-ui-blocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-stat-cards-north-star-metric-card","t":"North Star Metric Card","d":"One hero metric with a sparkline and a versioned definition against drift.","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:application-pro-stat-cards-percentile-stat-card","t":"Percentile Stat Card","d":"A latency card with the p95 headline, a distribution track marking each percentile, and a ","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:application-pro-stat-cards-progress-ring-card","t":"Progress Ring Card","d":"Stat card with a centered inline SVG progress ring showing a single percentage, a used of ","s":"shadcn-ui-blocks","c":"data-viz/progress-bar"},{"id":"shadcn-ui-blocks:application-pro-stat-cards-segmented-stat-card","t":"Segmented Stat Card","d":"A headline total with a stacked horizontal bar and legend showing the breakdown by source ","s":"shadcn-ui-blocks","c":"navigation/tabs"},{"id":"shadcn-ui-blocks:application-pro-stat-cards-sparkline-grid-card","t":"Sparkline Grid Card","d":"A card with a 2x2 grid of compact metrics each paired with an inline SVG sparkline, no cha","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcn-ui-blocks:application-pro-stat-cards-stat-with-breakdown-list","t":"Stat With Breakdown List","d":"One wide card with a headline user count and a ruled breakdown list by plan with counts an","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:application-pro-stat-cards-stats-with-sparklines","t":"Stats With Sparklines","d":"Four stat cards with decorative inline SVG sparklines showing value, delta, and trailing 7","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:application-pro-stat-cards-status-tiles-row","t":"Status Tiles Row","d":"Ops summary strip of four Badge-styled status tiles showing service counts for Operational","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:application-pro-stat-cards-streak-card","t":"Streak Card","d":"A consistency card showing a current streak count, an inline SVG week-row of filled and em","s":"shadcn-ui-blocks","c":"data-display/gamification"},{"id":"shadcn-ui-blocks:application-pro-stat-cards-team-leaderboard-stats","t":"Team Leaderboard Stats","d":"Five teammates ranked by tickets closed, equal styling, a quality caveat footer.","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:application-pro-stat-cards-threshold-alert-card","t":"Threshold Alert Card","d":"A stat card in breach state showing a live metric against its configured threshold with a ","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:application-pro-stat-cards-trend-comparison-tiles","t":"Trend Comparison Tiles","d":"Two side by side tiles comparing the same metric across two segments with values, deltas, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:application-pro-stat-cards-waterfall-stat-card","t":"Waterfall Stat Card","d":"An MRR movement card with a headline total, offset horizontal bars for each gain and loss,","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:application-pro-status-health-component-status-list","t":"Component Status List","d":"Editable internal status list with a per-row Select for Operational, Degraded, Partial out","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:application-pro-status-health-dependency-map-blueprint","t":"Dependency Map Blueprint","d":"Static architecture health map with service nodes on an SVG grid, connecting lines, and a ","s":"shadcn-ui-blocks","c":"data-viz/map"},{"id":"shadcn-ui-blocks:application-pro-status-health-error-budget-burndown","t":"Error Budget Burndown","d":"An SLO panel with a header badge, a four stat budget and burn rate row, and a line chart t","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Status"},{"id":"shadcn-ui-blocks:application-pro-status-health-incident-banner","t":"Incident Banner","d":"Slim dismissible incident alert bar with the incident start time, a status page link, and ","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:application-pro-status-health-incident-timeline","t":"Incident Timeline","d":"Incident detail card with a resolved header, a four-phase chronological update rail, and a","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-status-health-incident-update-composer","t":"Incident Update Composer","d":"An incident update form with a header, a status phase radio group, a message field, compon","s":"shadcn-ui-blocks","c":"ai-agent/composer"},{"id":"shadcn-ui-blocks:application-pro-status-health-maintenance-window-card","t":"Maintenance Window Card","d":"Scheduled maintenance notice showing the UTC window, timezone conversions, affected servic","k":"page","s":"shadcn-ui-blocks","c":"pages/templates","sb":"Error and status pages"},{"id":"shadcn-ui-blocks:application-pro-status-health-past-incidents-list","t":"Past Incidents List","d":"Resolved incidents grouped by month with duration, impact summary, and a postmortem link p","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:application-pro-status-health-regional-status-matrix","t":"Regional Status Matrix","d":"A table matrix with services as rows and four regions as columns, each cell showing a stat","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Status"},{"id":"shadcn-ui-blocks:application-pro-status-health-service-health-table","t":"Service Health Table","d":"Internal ops table listing services with status badges, p95 latency, error rate, last inci","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Comparison"},{"id":"shadcn-ui-blocks:application-pro-status-health-sla-summary-card","t":"Sla Summary Card","d":"SLA card showing the uptime target, actual this period, error budget bar, and the last pub","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-status-health-status-page","t":"Status Page","d":"Public status page with an overall operational banner, per-service uptime badges, 90-day t","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Status"},{"id":"shadcn-ui-blocks:application-pro-status-health-synthetic-checks-panel","t":"Synthetic Checks Panel","d":"A panel listing probe rows, each with a status dot, check name and target, type badge, reg","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-status-health-uptime-grid","t":"Uptime Grid","d":"30-day per-service reliability grid with each cell shaded by status using foreground opaci","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcn-ui-blocks:application-pro-tasks-todos-assigned-to-me-list","t":"Assigned To Me List","d":"Personal task queue grouped by Overdue, Today, and This week, each row showing a project b","s":"shadcn-ui-blocks","c":"data-display/list","sb":"Tasks and to-dos"},{"id":"shadcn-ui-blocks:application-pro-tasks-todos-assignee-workload","t":"Assignee Workload","d":"A team workload panel with one row per teammate showing avatar, open task count, a capacit","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:application-pro-tasks-todos-blocked-tasks-panel","t":"Blocked Tasks Panel","d":"A blocked tasks panel where each row shows a waiting task with priority and due date, then","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-tasks-todos-checklist-card","t":"Checklist Card","d":"Compact checklist card with six items, a Progress bar at 3 of 6, and a note that checklist","s":"shadcn-ui-blocks","c":"inputs/checkbox"},{"id":"shadcn-ui-blocks:application-pro-tasks-todos-completed-log","t":"Completed Log","d":"A completed tasks log grouped by day, each row with a check icon, title, project badge, co","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:application-pro-tasks-todos-my-day-panel","t":"My Day Panel","d":"Personal daily plan card grouped into Morning, Afternoon, and No time sections with time c","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-tasks-todos-priority-matrix","t":"Priority Matrix","d":"Eisenhower-style 2x2 grid with task chips in each urgency and importance quadrant, per-qua","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-tasks-todos-recurring-task-row","t":"Recurring Task Row","d":"Recurring task list showing each rule summary badge, the next three occurrence dates, and ","s":"shadcn-ui-blocks","c":"data-display/list","tg":["retro and HUD","webgl"],"sb":"Tasks and to-dos","sy":["retro and HUD","webgl"]},{"id":"shadcn-ui-blocks:application-pro-tasks-todos-subtask-tree","t":"Subtask Tree","d":"Nested subtask view with two levels of indented checkboxes, expand chevrons on parent node","s":"shadcn-ui-blocks","c":"data-display/tree"},{"id":"shadcn-ui-blocks:application-pro-tasks-todos-task-board-compact","t":"Task Board Compact","d":"Dense three column task board with one line cards showing a checkbox dot, truncated title,","s":"shadcn-ui-blocks","c":"data-display/kanban","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-tasks-todos-task-comments-panel","t":"Task Comments Panel","d":"Task discussion thread with avatar bubbles, timestamps, emoji reactions, an inline status-","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-tasks-todos-task-detail-blueprint","t":"Task Detail Blueprint","d":"Static blueprint of an open task detail panel with meta rows, a subtask checklist with Pro","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:application-pro-tasks-todos-task-filters-bar","t":"Task Filters Bar","d":"Interactive filter toolbar with assignee, status, priority, and due chips, active-filter t","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-tasks-todos-task-list","t":"Task List","d":"Ruled task list with label badges, assignee avatars, due dates, a done count header, and m","s":"shadcn-ui-blocks","c":"data-display/list","sb":"Tasks and to-dos"},{"id":"shadcn-ui-blocks:application-pro-tasks-todos-task-quick-add","t":"Task Quick Add","d":"Quick add composer with a highlighted capture line, a parsed chip row for due date, projec","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:application-pro-teams-orgs-domain-verification-card","t":"Domain Verification Card","d":"A verified domains card showing each domain's auto join behavior and member count, with a ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-teams-orgs-guest-access-panel","t":"Guest Access Panel","d":"A guest access panel listing external collaborators with avatar and email, the projects th","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-teams-orgs-invite-members-form","t":"Invite Members Form","d":"Bulk invite form with a tag email input, role select, optional message, and seat consequen","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:application-pro-teams-orgs-member-offboarding-panel","t":"Member Offboarding Panel","d":"A member offboarding card with the departing member, a transfer ownership selector, a chec","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-teams-orgs-membership-activity-log","t":"Membership Activity Log","d":"A day grouped membership timeline of joins, role changes, invites, and removals, each with","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-teams-orgs-org-chart","t":"Org Chart","d":"An org chart showing two levels of the Engineering hierarchy with avatar cards and border ","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:application-pro-teams-orgs-pending-invites-list","t":"Pending Invites List","d":"Table of outstanding invites with email, role, sent date, sender avatar, days until expiry","s":"shadcn-ui-blocks","c":"data-display/list","sb":"People"},{"id":"shadcn-ui-blocks:application-pro-teams-orgs-permissions-matrix","t":"Permissions Matrix","d":"Role permissions table with Check and Minus cells across Viewer, Member, Admin, and Owner ","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:application-pro-teams-orgs-role-assignment-panel","t":"Role Assignment Panel","d":"A panel for editing a workspace member role with a role selector listing permission descri","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-teams-orgs-seat-allocation-card","t":"Seat Allocation Card","d":"Seat usage panel showing total, used, and free seats with a per-team breakdown and an hone","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-teams-orgs-team-detail-card","t":"Team Detail Card","d":"A team profile card with purpose statement, lead avatar, member avatar stack with overflow","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:application-pro-teams-orgs-team-directory","t":"Team Directory","d":"A searchable grid of member cards with avatar, role, team badge, and online status dot for","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:application-pro-teams-orgs-team-switcher-blueprint","t":"Team Switcher Blueprint","d":"A static open state blueprint of a team switcher panel listing four teams with role and me","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:application-pro-timeline-roadmap-changelog-feed","t":"Changelog Feed","d":"A vertical changelog timeline grouped by month, each entry showing a type badge, a title, ","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-timeline-roadmap-dependency-list","t":"Dependency List","d":"Roadmap item dependency panel with blocked-by and blocking sections, each row showing stat","s":"shadcn-ui-blocks","c":"data-display/list","sb":"Activity and feeds"},{"id":"shadcn-ui-blocks:application-pro-timeline-roadmap-gantt-rows","t":"Gantt Rows","d":"CSS-grid Gantt chart with a task-name column, week-column timeline, positioned duration ba","s":"shadcn-ui-blocks","c":"data-display/list","sb":"Activity and feeds"},{"id":"shadcn-ui-blocks:application-pro-timeline-roadmap-launch-plan","t":"Launch Plan","d":"A launch countdown with a summary header and a two column grid of T minus phases, each a c","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcn-ui-blocks:application-pro-timeline-roadmap-milestone-tracker","t":"Milestone Tracker","d":"Vertical stepper of four milestones with done, in-progress, and upcoming status, owner ava","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-timeline-roadmap-now-next-later","t":"Now Next Later","d":"Compact roadmap list with three sections each showing initiative rows with a confidence ch","s":"shadcn-ui-blocks","c":"data-display/timeline","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-timeline-roadmap-plan-vs-actual","t":"Plan Vs Actual","d":"Twin planned and actual bars for each initiative on a shared six month grid, each with a s","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:application-pro-timeline-roadmap-quarter-planner","t":"Quarter Planner","d":"Q3 roadmap grid with CSS span bars, capacity hints, and status badges for 8 initiatives ac","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-timeline-roadmap-release-timeline","t":"Release Timeline","d":"Horizontal release rail showing shipped, current, and upcoming version markers each with a","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-timeline-roadmap-roadmap-board","t":"Roadmap Board","d":"Product roadmap board with Now, Next, and Later columns showing initiative cards with team","s":"shadcn-ui-blocks","c":"data-display/kanban"},{"id":"shadcn-ui-blocks:application-pro-timeline-roadmap-sprint-timeline","t":"Sprint Timeline","d":"Sprint at-a-glance panel with a capacity versus committed summary, a ten-day CSS-grid task","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-timeline-roadmap-theme-lanes","t":"Theme Lanes","d":"Three strategic themes as stacked lanes, each with an owner, a progress bar, and initiativ","s":"shadcn-ui-blocks","c":"data-display/timeline","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:application-pro-workflow-automation-approval-queue","t":"Approval Queue","d":"A human approval queue where each card names the automation, the action awaiting sign off,","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:application-pro-workflow-automation-automation-builder","t":"Automation Builder","d":"Vertical trigger, filter, and action step editor with dashed connectors, a Draft badge, an","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:application-pro-workflow-automation-automation-error-card","t":"Automation Error Card","d":"Failed automation card with the error in plain words, a retry meter showing attempts used ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-workflow-automation-automation-templates-grid","t":"Automation Templates Grid","d":"Template gallery with six categorised automation cards, use counts, a search field, and a ","k":"page","s":"shadcn-ui-blocks","c":"pages/templates","sb":"Auth pages"},{"id":"shadcn-ui-blocks:application-pro-workflow-automation-automation-usage-stats","t":"Automation Usage Stats","d":"An automation analytics panel with four stat tiles for runs, success rate, time saved, and","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:application-pro-workflow-automation-condition-branch-card","t":"Condition Branch Card","d":"Branch decision panel with an If row of field, operator, and value chips, Then and Else pa","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-workflow-automation-connection-health-panel","t":"Connection Health Panel","d":"A connected apps panel where each row shows the account, a status badge, dependent automat","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-workflow-automation-run-detail-panel","t":"Run Detail Panel","d":"Automation run debugger showing the run header, a per step status list, and the input and ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:application-pro-workflow-automation-run-history-table","t":"Run History Table","d":"Automation execution log with timestamp, automation name, status badge, duration, items af","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:application-pro-workflow-automation-schedule-trigger-panel","t":"Schedule Trigger Panel","d":"A schedule trigger configuration card with frequency chips, day of week toggles, time and ","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:application-pro-workflow-automation-trigger-action-row","t":"Trigger Action Row","d":"Automations index with ruled rows summarising each automation as trigger to action text, a","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:application-pro-workflow-automation-workflow-canvas-blueprint","t":"Workflow Canvas Blueprint","d":"Static node-graph canvas with four positioned cards connected by dashed SVG lines, paralle","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:application-ai-prompt-welcome-page","t":"Welcome Page","d":"A welcome screen with a centered prompt field, suggested actions, and a short intro. Greet","s":"shadcn-ui-blocks","c":"ai-agent/composer","hc":1},{"id":"shadcn-ui-blocks:application-application-stats-simple-cards","t":"Simple Cards","d":"Clean metric cards that display a label and a single number set side by side. Use across a","s":"shadcn-ui-blocks","c":"data-display/card","tg":["minimal"],"sb":"Metric","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:application-application-stats-with-badges","t":"With Badges","d":"Stat cards pairing each number with a small badge that shows change or trend. Use to flag ","s":"shadcn-ui-blocks","c":"data-display/badge","hc":1},{"id":"shadcn-ui-blocks:application-application-stats-with-colored-icons","t":"With Colored Icons","d":"Metric cards that pair each figure with a tinted icon set in a colored circle. Use to make","k":"resource","s":"shadcn-ui-blocks","c":"assets/icon","hc":1},{"id":"shadcn-ui-blocks:application-application-stats-with-description","t":"With Description","d":"Stat cards that place a short line of context under each number. Use when a raw figure nee","s":"shadcn-ui-blocks","c":"data-display/stat","hc":1},{"id":"shadcn-ui-blocks:application-application-stats-with-icons","t":"With Icons","d":"Metric cards with a small icon beside every value for quick recognition. Use on overview s","k":"resource","s":"shadcn-ui-blocks","c":"assets/icon","hc":1},{"id":"shadcn-ui-blocks:application-application-stats-with-progress","t":"With Progress","d":"Stat cards that pair a number with a progress bar moving toward a target. Use to show goal","s":"shadcn-ui-blocks","c":"data-viz/progress-bar","hc":1},{"id":"shadcn-ui-blocks:application-form-layouts-complex-form","t":"Complex Form","d":"A dense form with grouped sections, multiple field types, and a sticky action bar. Use it ","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"shadcn-ui-blocks:application-form-layouts-stacked","t":"Stacked","d":"A single column form with labels stacked above each input and a clear submit action. Ideal","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"shadcn-ui-blocks:application-form-layouts-two-column","t":"Two Column","d":"A form split into two columns of fields with a shared header and footer actions. Use it fo","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"shadcn-ui-blocks:application-login-split-with-image","t":"Split With Image","d":"A two panel login screen pairing a sign in form with a side image. Use it to add brand per","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Split with image","hc":1},{"id":"shadcn-ui-blocks:application-page-headings-simple-centered","t":"Simple Centered","d":"A centered page title with optional description text, balanced on the screen. Use it on fo","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:application-page-headings-with-actions","t":"With Actions","d":"A page title paired with buttons on the right for primary and secondary actions. Use it at","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect","hc":1},{"id":"shadcn-ui-blocks:application-page-headings-with-search-filters","t":"With Search Filters","d":"A page title with a search field and filter controls sitting below it. Use it on data heav","s":"shadcn-ui-blocks","c":"inputs/search","hc":1},{"id":"shadcn-ui-blocks:application-page-headings-with-stats","t":"With Stats","d":"A page title sitting above a row of key metrics like totals and trends. Use it on dashboar","s":"shadcn-ui-blocks","c":"data-display/stat","hc":1},{"id":"shadcn-ui-blocks:application-page-headings-with-steps","t":"With Steps","d":"A page title with a numbered step indicator that shows progress. Use it across multi scree","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect","hc":1},{"id":"shadcn-ui-blocks:application-page-headings-with-tabs","t":"With Tabs","d":"A page title with a row of tabs beneath it for switching sections. Use it on profile or se","s":"shadcn-ui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcn-ui-blocks:application-reset-password-email-otp-reset","t":"Email OTP Reset","d":"A reset password form that emails a one time code, then prompts users to enter the OTP dig","s":"shadcn-ui-blocks","c":"inputs/otp-input","hc":1},{"id":"shadcn-ui-blocks:application-reset-password-security-question-reset","t":"Security Question Reset","d":"A reset password form that verifies identity with a saved security question and answer bef","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"shadcn-ui-blocks:application-reset-password-simple-reset","t":"Simple Reset","d":"A clean reset password form with new password and confirm fields plus a submit button. Use","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","tg":["minimal"],"sb":"Password reset","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:application-reset-password-token-reset","t":"Token Reset","d":"A reset password form that reads a token from the recovery link, confirms it, then collect","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"shadcn-ui-blocks:application-user-profiles-billing","t":"Billing","d":"A profile billing view with current plan, payment method, invoice history, and an upgrade ","s":"shadcn-ui-blocks","c":"data-display/profile","hc":1},{"id":"shadcn-ui-blocks:application-user-profiles-compact-list","t":"Compact List","d":"A dense list of user profiles with avatar, name, role, and quick actions per row. Fits adm","s":"shadcn-ui-blocks","c":"data-display/list","sb":"Files and trees","hc":1},{"id":"shadcn-ui-blocks:application-user-profiles-developer","t":"Developer","d":"A developer profile with API keys, access tokens, connected apps, and usage notes. Use it ","s":"shadcn-ui-blocks","c":"data-display/profile","hc":1},{"id":"shadcn-ui-blocks:application-user-profiles-onboarding","t":"Onboarding","d":"A guided profile setup with steps for avatar, name, and preferences. Use it right after si","s":"shadcn-ui-blocks","c":"navigation/wizard-steps","hc":1},{"id":"shadcn-ui-blocks:application-user-profiles-permissions","t":"Permissions","d":"A profile permissions panel listing roles and toggles for what a member can view or edit. ","s":"shadcn-ui-blocks","c":"data-display/profile","hc":1},{"id":"shadcn-ui-blocks:application-user-profiles-security-logs","t":"Security Logs","d":"A profile security view showing recent sign ins, devices, locations, and times. Use it so ","s":"shadcn-ui-blocks","c":"data-display/profile","hc":1},{"id":"shadcn-ui-blocks:application-user-profiles-simple","t":"Simple","d":"A clean profile card with avatar, name, bio, and a few key details. Use it for a focused a","s":"shadcn-ui-blocks","c":"data-display/profile","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:application-user-profiles-tabbed","t":"Tabbed","d":"A profile layout split into tabs for account, security, and notifications. Use it to organ","s":"shadcn-ui-blocks","c":"data-display/profile","hc":1},{"id":"shadcn-ui-blocks:application-user-profiles-team-grid","t":"Team Grid","d":"A grid of teammate profiles with photos, titles, and contact buttons. Use it on an about p","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","hc":1},{"id":"shadcn-ui-blocks:application-user-profiles-with-stats","t":"With Stats","d":"A profile header paired with metrics like followers, posts, and reputation. Use it on soci","s":"shadcn-ui-blocks","c":"data-display/stat","hc":1},{"id":"shadcn-ui-blocks:components-accordions-border-fade-accordion","t":"Border Fade Accordion","d":"An accordion where each item border softly fades on open. Adds a quiet visual cue for acti","s":"shadcn-ui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcn-ui-blocks:components-accordions-card-accordion","t":"Card Accordion","d":"An accordion built from separated cards, each panel raised on its own surface. Good for FA","s":"shadcn-ui-blocks","c":"data-display/accordion","sb":"Cards","hc":1},{"id":"shadcn-ui-blocks:components-accordions-dash-line-accordion","t":"Dash Line Accordion","d":"An accordion divided by dashed lines between items. The light dashed rhythm keeps long FAQ","s":"shadcn-ui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcn-ui-blocks:components-accordions-dotted-border-accordion","t":"Dotted Border Accordion","d":"An accordion framed by a dotted border around each panel. The playful dotted outline suits","s":"shadcn-ui-blocks","c":"data-display/accordion","tg":["playful"],"sy":["playful"],"hc":1},{"id":"shadcn-ui-blocks:components-accordions-double-border-accordion","t":"Double Border Accordion","d":"An accordion with a double line framing every item. The layered borders add clear structur","s":"shadcn-ui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcn-ui-blocks:components-accordions-fade-in-content-accordion","t":"Fade In Content Accordion","d":"An accordion whose answer text gently fades in as a panel opens. The soft entrance keeps r","s":"shadcn-ui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcn-ui-blocks:components-accordions-floating-label-accordion","t":"Floating Label Accordion","d":"An accordion where the question label lifts up as the panel opens. The floating title keep","s":"shadcn-ui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcn-ui-blocks:components-accordions-glow-border-accordion","t":"Glow Border Accordion","d":"An accordion with a glowing border on the open item. The lit edge draws the eye to the act","s":"shadcn-ui-blocks","c":"data-display/accordion","tg":["neon"],"sy":["neon"],"hc":1},{"id":"shadcn-ui-blocks:components-accordions-highlight-active-accordion","t":"Highlight Active Accordion","d":"An accordion that tints the background of the open item. The highlighted row keeps your pl","s":"shadcn-ui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcn-ui-blocks:components-accordions-minimal-line-accordion","t":"Minimal Line Accordion","d":"An accordion with thin divider lines and no boxes at all. The stripped back style fits cle","s":"shadcn-ui-blocks","c":"data-display/accordion","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:components-accordions-nested-border-accordion","t":"Nested Border Accordion","d":"An accordion supporting nested items inside bordered panels. Use it for layered FAQs, docs","s":"shadcn-ui-blocks","c":"data-display/accordion","sb":"Nested","hc":1},{"id":"shadcn-ui-blocks:components-accordions-numbered-accordion","t":"Numbered Accordion","d":"An accordion with a number beside every question. The counted order suits step guides, ran","s":"shadcn-ui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcn-ui-blocks:components-accordions-shadow-reveal-accordion","t":"Shadow Reveal Accordion","d":"An accordion that lifts each item with a soft shadow on open. The raised panel clearly sig","s":"shadcn-ui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcn-ui-blocks:components-accordions-stepped-accordion","t":"Stepped Accordion","d":"An accordion styled as numbered steps with connecting markers. Ideal for setup flows, tuto","s":"shadcn-ui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcn-ui-blocks:components-accordions-thick-side-border-accordion","t":"Thick Side Border Accordion","d":"An accordion with a bold colored bar down the side of each item. The thick accent marks ac","s":"shadcn-ui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcn-ui-blocks:components-accordions-underline-accordion","t":"Underline Accordion","d":"An accordion where each question sits above a single underline. The clean text first look ","s":"shadcn-ui-blocks","c":"data-display/accordion","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:components-alerts-accent-border-alerts","t":"Accent Border Alerts","d":"Alerts with a colored bar on the left edge that signals tone at a glance. Use for status m","s":"shadcn-ui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcn-ui-blocks:components-alerts-all-sides-accent-alerts","t":"All Sides Accent Alerts","d":"Alerts framed by a colored border on every side for strong emphasis. Use when a notice mus","s":"shadcn-ui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcn-ui-blocks:components-alerts-basic-alerts","t":"Basic Alerts","d":"Plain alerts with an icon, title, and message in a soft container. Use for everyday notice","s":"shadcn-ui-blocks","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:components-alerts-bottom-accent-alerts","t":"Bottom Accent Alerts","d":"Alerts with a colored underline along the bottom edge for a subtle cue. Use for inline mes","s":"shadcn-ui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcn-ui-blocks:components-alerts-compact-alerts","t":"Compact Alerts","d":"Slim alerts with tight padding and a single line of text inside. Use in dense layouts, tab","s":"shadcn-ui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcn-ui-blocks:components-alerts-dashed-border-alerts","t":"Dashed Border Alerts","d":"Alerts outlined with a dashed border for a lighter, sketch like feel. Use for draft notice","s":"shadcn-ui-blocks","c":"overlays/alert-banner","tg":["playful"],"sy":["playful"],"hc":1},{"id":"shadcn-ui-blocks:components-alerts-dismissible-alerts","t":"Dismissible Alerts","d":"Alerts with a close button so users can clear a notice once read. Use for cookie banners, ","s":"shadcn-ui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcn-ui-blocks:components-alerts-dotted-border-alerts","t":"Dotted Border Alerts","d":"Alerts wrapped in a dotted border for a soft, playful outline. Use for casual reminders, t","s":"shadcn-ui-blocks","c":"overlays/alert-banner","tg":["playful"],"sy":["playful"],"hc":1},{"id":"shadcn-ui-blocks:components-alerts-double-border-alerts","t":"Double Border Alerts","d":"Alerts with a layered double border for a refined, framed look. Use to highlight important","s":"shadcn-ui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcn-ui-blocks:components-alerts-elevated-alerts","t":"Elevated Alerts","d":"Alerts raised with a soft shadow so they lift off the surface. Use for floating notificati","s":"shadcn-ui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcn-ui-blocks:components-alerts-frosted-glass-alerts","t":"Frosted Glass Alerts","d":"Alerts with a blurred, translucent backdrop that reveals content behind. Use over images o","s":"shadcn-ui-blocks","c":"overlays/alert-banner","tg":["glass"],"sy":["glass"],"hc":1},{"id":"shadcn-ui-blocks:components-alerts-glow-border-alerts","t":"Glow Border Alerts","d":"Alerts ringed by a soft glowing border that draws the eye gently. Use for promotions or ne","k":"motion","s":"shadcn-ui-blocks","c":"motion/background","tg":["neon"],"sb":"Gradients and aurora","sy":["neon"],"hc":1},{"id":"shadcn-ui-blocks:components-alerts-icon-only-alerts","t":"Icon Only Alerts","d":"Compact alerts that pair a status icon with a short message and no title. Use for quick in","k":"resource","s":"shadcn-ui-blocks","c":"assets/icon","hc":1},{"id":"shadcn-ui-blocks:components-alerts-inset-alerts","t":"Inset Alerts","d":"Alerts with an inset shadow that sinks slightly into the surface. Use for grouped notices ","s":"shadcn-ui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcn-ui-blocks:components-alerts-monospace-alerts","t":"Monospace Alerts","d":"Alerts set in a monospace typeface for a technical, code style tone. Use for build output,","s":"shadcn-ui-blocks","c":"overlays/alert-banner","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"shadcn-ui-blocks:components-alerts-outlined-alerts","t":"Outlined Alerts","d":"Alerts defined only by a clean border with no fill behind the text. Use on colored or busy","s":"shadcn-ui-blocks","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:components-alerts-paper-alerts","t":"Paper Alerts","d":"Alerts styled like a paper card with subtle texture and soft edges. Use for printed style ","s":"shadcn-ui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcn-ui-blocks:components-alerts-pulse-border-alerts","t":"Pulse Border Alerts","d":"Alerts with a border that gently pulses to catch attention over time. Use for live updates","s":"shadcn-ui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcn-ui-blocks:components-alerts-right-accent-alerts","t":"Right Accent Alerts","d":"Alerts with a colored bar on the right edge for a mirrored accent. Use in right aligned la","s":"shadcn-ui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcn-ui-blocks:components-alerts-top-accent-alerts","t":"Top Accent Alerts","d":"Alerts topped with a colored bar across the upper edge for a header cue. Use for grouped n","s":"shadcn-ui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcn-ui-blocks:components-badges-3d-badge","t":"3D Badge","d":"A badge with layered shadows and depth that lifts off the surface. Use it to spotlight a f","s":"shadcn-ui-blocks","c":"data-display/badge","tg":["3d"],"sy":["3d"],"hc":1},{"id":"shadcn-ui-blocks:components-badges-bounce-badge","t":"Bounce Badge","d":"A badge with a springy bounce animation that draws the eye on entry. Use it to flag new ar","s":"shadcn-ui-blocks","c":"data-display/badge","hc":1},{"id":"shadcn-ui-blocks:components-badges-dot-indicator-badge","t":"Dot Indicator Badge","d":"A badge paired with a small colored dot that shows status at a glance. Use it to show onli","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Status","hc":1},{"id":"shadcn-ui-blocks:components-badges-elevated-badge","t":"Elevated Badge","d":"A badge raised above the surface with a soft drop shadow. Use it to mark a priority label ","s":"shadcn-ui-blocks","c":"data-display/badge","hc":1},{"id":"shadcn-ui-blocks:components-badges-extra-large-badge","t":"Extra Large Badge","d":"An oversized badge with generous padding and bold text for high visibility. Use it on hero","s":"shadcn-ui-blocks","c":"data-display/badge","hc":1},{"id":"shadcn-ui-blocks:components-badges-gradient-border-badge","t":"Gradient Border Badge","d":"A badge wrapped in a colorful gradient outline around plain fill. Use it to mark beta, pro","s":"shadcn-ui-blocks","c":"data-display/badge","tg":["gradient"],"sb":"Animated","sy":["gradient"],"hc":1},{"id":"shadcn-ui-blocks:components-badges-hover-scale-badge","t":"Hover Scale Badge","d":"A badge that grows slightly when the pointer rests on it. Use it for interactive tags or f","s":"shadcn-ui-blocks","c":"data-display/badge","hc":1},{"id":"shadcn-ui-blocks:components-badges-icon-badge","t":"Icon Badge","d":"A badge that pairs a small icon with a label for instant meaning. Use it to tag categories","s":"shadcn-ui-blocks","c":"data-display/badge","hc":1},{"id":"shadcn-ui-blocks:components-badges-large-badge","t":"Large Badge","d":"A roomy badge with extra padding and larger text for clear reading. Use it to highlight a ","s":"shadcn-ui-blocks","c":"data-display/badge","hc":1},{"id":"shadcn-ui-blocks:components-badges-pulse-badge","t":"Pulse Badge","d":"A badge with a soft pulsing ring that radiates outward on a loop. Use it to signal live ac","s":"shadcn-ui-blocks","c":"data-display/badge","hc":1},{"id":"shadcn-ui-blocks:components-badges-ribbon-badge","t":"Ribbon Badge","d":"A badge styled as a corner ribbon that drapes over a card edge. Use it to flag sale, new, ","s":"shadcn-ui-blocks","c":"data-display/badge","hc":1},{"id":"shadcn-ui-blocks:components-badges-square-badge","t":"Square Badge","d":"A badge with sharp square corners and a compact footprint. Use it for crisp version tags, ","s":"shadcn-ui-blocks","c":"data-display/badge","hc":1},{"id":"shadcn-ui-blocks:components-breadcrumbs-background-breadcrumb","t":"Background Breadcrumb","d":"A breadcrumb trail wrapped in a soft tinted background bar. Anchors the top of a page and ","s":"shadcn-ui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcn-ui-blocks:components-breadcrumbs-bordered-breadcrumb","t":"Bordered Breadcrumb","d":"A breadcrumb sitting inside a thin outlined container. Frames the navigation path cleanly ","s":"shadcn-ui-blocks","c":"navigation/breadcrumb","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:components-breadcrumbs-card-breadcrumb","t":"Card Breadcrumb","d":"A breadcrumb housed in a rounded card with a subtle shadow. Lifts the navigation path off ","s":"shadcn-ui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcn-ui-blocks:components-breadcrumbs-compact-breadcrumb","t":"Compact Breadcrumb","d":"A tight breadcrumb with reduced spacing between its links. Fits crowded toolbars and mobil","s":"shadcn-ui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcn-ui-blocks:components-breadcrumbs-dot-breadcrumb","t":"Dot Breadcrumb","d":"A breadcrumb that separates each link with a small round dot. Offers a quiet, minimal path","s":"shadcn-ui-blocks","c":"navigation/breadcrumb","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:components-breadcrumbs-icon-breadcrumb","t":"Icon Breadcrumb","d":"A breadcrumb pairing each link with a leading icon. Helps users scan the path at a glance ","s":"shadcn-ui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcn-ui-blocks:components-breadcrumbs-numbered-breadcrumb","t":"Numbered Breadcrumb","d":"A breadcrumb that numbers each step in the path. Clarifies order for sequential flows such","s":"shadcn-ui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcn-ui-blocks:components-breadcrumbs-pill-breadcrumb","t":"Pill Breadcrumb","d":"A breadcrumb where each link sits inside a rounded pill shape. Adds a friendly, tappable f","s":"shadcn-ui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcn-ui-blocks:components-breadcrumbs-progress-breadcrumb","t":"Progress Breadcrumb","d":"A breadcrumb with a fill that tracks how far a user has moved. Shows completion across mul","s":"shadcn-ui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcn-ui-blocks:components-breadcrumbs-slash-breadcrumb","t":"Slash Breadcrumb","d":"A breadcrumb that divides its links with a forward slash. Mirrors a file path style for co","s":"shadcn-ui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcn-ui-blocks:components-breadcrumbs-sticky-breadcrumb","t":"Sticky Breadcrumb","d":"A breadcrumb that pins to the top of the view as the page scrolls. Keeps the current locat","s":"shadcn-ui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcn-ui-blocks:components-breadcrumbs-timeline-breadcrumb","t":"Timeline Breadcrumb","d":"A breadcrumb laid out as a connected timeline of steps. Maps a journey through stages, ide","s":"shadcn-ui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcn-ui-blocks:components-buttons-border-animation-buttons","t":"Border Animation Buttons","d":"Buttons with borders that animate and trace around the edge on hover. Draw attention to a ","s":"shadcn-ui-blocks","c":"actions/button","sb":"Animated","hc":1},{"id":"shadcn-ui-blocks:components-buttons-cut-corners-buttons","t":"Cut Corners Buttons","d":"Buttons with angled, clipped corners for a sharp geometric look. Fits gaming, tech, or edi","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:components-buttons-extra-large-buttons","t":"Extra Large Buttons","d":"Oversized buttons with generous padding and large type. Use them as the main hero call to ","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:components-buttons-extra-small-buttons","t":"Extra Small Buttons","d":"Compact, low height buttons with tight padding and small type. Ideal for dense toolbars, t","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:components-buttons-grow-buttons","t":"Grow Buttons","d":"Buttons that scale up smoothly on hover to feel responsive. Add a touch of motion feedback","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:components-buttons-interactive-buttons","t":"Interactive Buttons","d":"Buttons that react to hover and click with motion and state changes. Make signups, downloa","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:components-buttons-liquid-buttons","t":"Liquid Buttons","d":"Buttons with a flowing liquid fill that sweeps across the surface on hover. A playful acce","s":"shadcn-ui-blocks","c":"actions/button","tg":["playful"],"sb":"Animated","sy":["playful"],"hc":1},{"id":"shadcn-ui-blocks:components-buttons-morphing-buttons","t":"Morphing Buttons","d":"Buttons that morph their shape, size, or label between states. Use for loading, success, a","s":"shadcn-ui-blocks","c":"actions/button","sb":"Animated","hc":1},{"id":"shadcn-ui-blocks:components-buttons-pixel-buttons","t":"Pixel Buttons","d":"Buttons with a blocky pixel art finish and retro styling. Perfect for games, indie project","s":"shadcn-ui-blocks","c":"actions/button","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"shadcn-ui-blocks:components-buttons-pulse-buttons","t":"Pulse Buttons","d":"Buttons with a soft pulsing glow that draws the eye over time. Highlight a single primary ","s":"shadcn-ui-blocks","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"],"hc":1},{"id":"shadcn-ui-blocks:components-buttons-rotate-buttons","t":"Rotate Buttons","d":"Buttons that rotate an icon or the whole label on hover. Add subtle motion to refresh, set","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:components-buttons-shadow-buttons","t":"Shadow Buttons","d":"Buttons with layered shadows that lift or shift on hover. Give actions a tactile, raised f","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:components-buttons-skew-buttons","t":"Skew Buttons","d":"Buttons with a skewed, slanted shape for a sense of dynamic energy. Suits sports, fitness,","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:components-buttons-slide-buttons","t":"Slide Buttons","d":"Buttons with a color or label that slides in on hover. Reveal a second state to guide user","s":"shadcn-ui-blocks","c":"actions/button","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:components-buttons-social-buttons","t":"Social Buttons","d":"Buttons branded for Google, GitHub, Apple, and more providers. Drop them into sign in and ","s":"shadcn-ui-blocks","c":"actions/button","tg":["minimal","webgl"],"sb":"Social and sign-in","sy":["minimal","webgl"],"hc":1},{"id":"shadcn-ui-blocks:components-buttons-squeeze-buttons","t":"Squeeze Buttons","d":"Buttons that squeeze inward on press for satisfying tactile feedback. Use on mobile flows ","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:components-buttons-underline-buttons","t":"Underline Buttons","d":"Buttons styled with an animated underline that grows in on hover. A clean, minimal accent ","s":"shadcn-ui-blocks","c":"actions/button","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:components-cards-border-accent-card","t":"Border Accent Card","d":"A card with a colored accent line along one edge that draws the eye. Use it to group relat","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile","hc":1},{"id":"shadcn-ui-blocks:components-cards-border-animation-card","t":"Border Animation Card","d":"A card whose border traces a moving outline around the edges. Use it to spotlight a featur","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile","hc":1},{"id":"shadcn-ui-blocks:components-cards-border-gradient-animation-card","t":"Border Gradient Animation Card","d":"A card framed by a shifting gradient border that flows around the edges. Use it to highlig","s":"shadcn-ui-blocks","c":"data-display/card","tg":["gradient"],"sb":"Profile","sy":["gradient"],"hc":1},{"id":"shadcn-ui-blocks:components-cards-border-highlight-card","t":"Border Highlight Card","d":"A card that brightens its border when focused or hovered. Use it to mark the recommended c","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile","hc":1},{"id":"shadcn-ui-blocks:components-cards-corner-ribbon-card","t":"Corner Ribbon Card","d":"A card with a diagonal ribbon pinned to one corner for a short label. Use it to flag New, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement","hc":1},{"id":"shadcn-ui-blocks:components-cards-cutout-border-card","t":"Cutout Border Card","d":"A card with a notched border that carves out shape along its edge. Use it for tickets, cou","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile","hc":1},{"id":"shadcn-ui-blocks:components-cards-dashed-border-card","t":"Dashed Border Card","d":"A card outlined with a dashed border for a light, sketch feel. Use it for empty states, up","s":"shadcn-ui-blocks","c":"data-display/card","tg":["playful"],"sb":"Profile","sy":["playful"],"hc":1},{"id":"shadcn-ui-blocks:components-cards-double-border-card","t":"Double Border Card","d":"A card wrapped in two stacked outlines for a framed, formal look. Use it for certificates,","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile","hc":1},{"id":"shadcn-ui-blocks:components-cards-expandable-card","t":"Expandable Card","d":"A card that grows to reveal more text or controls when opened. Use it for FAQs, settings, ","s":"shadcn-ui-blocks","c":"data-display/accordion","sb":"Cards","hc":1},{"id":"shadcn-ui-blocks:components-cards-gradient-border-card","t":"Gradient Border Card","d":"A card edged with a static gradient outline that adds color without noise. Use it to set a","s":"shadcn-ui-blocks","c":"data-display/card","tg":["gradient"],"sb":"Profile","sy":["gradient"],"hc":1},{"id":"shadcn-ui-blocks:components-cards-hover-effect-card","t":"Hover Effect Card","d":"A card that lifts, scales, or shades when the pointer moves over it. Use it for clickable ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile","hc":1},{"id":"shadcn-ui-blocks:components-cards-hover-reveal-card","t":"Hover Reveal Card","d":"A card that hides extra text or actions until hover uncovers them. Use it for portfolio ti","s":"shadcn-ui-blocks","c":"data-display/card","tg":["minimal"],"sb":"Profile","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:components-cards-icon-card","t":"Icon Card","d":"A card led by a single icon above a short title and blurb. Use it for feature grids, servi","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile","hc":1},{"id":"shadcn-ui-blocks:components-cards-magnetic-card","t":"Magnetic Card","d":"A card that drifts toward the cursor as it nears, with a subtle pull. Use it for playful l","s":"shadcn-ui-blocks","c":"data-display/card","tg":["playful"],"sb":"Profile","sy":["playful"],"hc":1},{"id":"shadcn-ui-blocks:components-cards-neon-border-card","t":"Neon Border Card","d":"A card ringed by a glowing neon outline that pops on dark backgrounds. Use it for gaming, ","s":"shadcn-ui-blocks","c":"data-display/card","tg":["neon"],"sb":"Profile","sy":["neon"],"hc":1},{"id":"shadcn-ui-blocks:components-cards-perspective-hover-card","t":"Perspective Hover Card","d":"A card that rotates in 3D space as the pointer crosses it for depth. Use it for hero items","s":"shadcn-ui-blocks","c":"overlays/hover-card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"shadcn-ui-blocks:components-cards-progress-card","t":"Progress Card","d":"A card pairing a progress bar with a label and value reading. Use it to show task completi","s":"shadcn-ui-blocks","c":"data-viz/progress-bar","hc":1},{"id":"shadcn-ui-blocks:components-cards-pulse-border-card","t":"Pulse Border Card","d":"A card with a border that pulses softly to draw a glance over. Use it for live alerts, fre","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile","hc":1},{"id":"shadcn-ui-blocks:components-cards-shimmer-effect-card","t":"Shimmer Effect Card","d":"A card with a light sweep that glides across its surface. Use it as a loading skeleton or ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile","hc":1},{"id":"shadcn-ui-blocks:components-cards-stacked-card","t":"Stacked Card","d":"A card layered over offset copies to suggest a deck behind it. Use it for collections, alb","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile","hc":1},{"id":"shadcn-ui-blocks:components-cards-status-card","t":"Status Card","d":"A card showing a state badge, label, and short note together. Use it on dashboards to surf","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile","hc":1},{"id":"shadcn-ui-blocks:components-cards-tilt-effect-card","t":"Tilt Effect Card","d":"A card that tilts under the cursor to follow its position closely. Use it for interactive ","s":"shadcn-ui-blocks","c":"data-display/card","tg":["3d"],"sb":"Profile","sy":["3d"],"hc":1},{"id":"shadcn-ui-blocks:components-collapsible-card-collapsible","t":"Card Collapsible","d":"A card that expands to reveal extra detail when clicked, keeping the summary visible. Use ","s":"shadcn-ui-blocks","c":"data-display/accordion","sb":"Cards","hc":1},{"id":"shadcn-ui-blocks:components-collapsible-grouped-collapsible","t":"Grouped Collapsible","d":"Several collapsible panels stacked together so readers open one section at a time. Good fo","s":"shadcn-ui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcn-ui-blocks:components-collapsible-icon-collapsible","t":"Icon Collapsible","d":"A collapsible row with a chevron icon that rotates as the panel opens and closes. Use it i","s":"shadcn-ui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcn-ui-blocks:components-collapsible-shadowed-collapsible","t":"Shadowed Collapsible","d":"A collapsible panel with a soft shadow that lifts it off the page. Use it to highlight an ","s":"shadcn-ui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcn-ui-blocks:components-collapsible-side-bordered-collapsible","t":"Side Bordered Collapsible","d":"A collapsible panel with a colored bar down one side to mark its state. Use it for alerts ","s":"shadcn-ui-blocks","c":"data-display/accordion","sb":"Cards","hc":1},{"id":"shadcn-ui-blocks:components-collapsible-stepped-collapsible","t":"Stepped Collapsible","d":"Numbered collapsible steps that reveal instructions one at a time. Use it for onboarding o","s":"shadcn-ui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcn-ui-blocks:components-pagination-bordered-pagination","t":"Bordered Pagination","d":"A pagination row where each page number sits inside its own outlined button. The clear bor","s":"shadcn-ui-blocks","c":"navigation/pagination","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:components-pagination-card-pagination","t":"Card Pagination","d":"Pagination wrapped in a raised card surface with page numbers and prev next controls. Grou","s":"shadcn-ui-blocks","c":"navigation/pagination","hc":1},{"id":"shadcn-ui-blocks:components-pagination-compact-pagination","t":"Compact Pagination","d":"A tight pagination row that fits page numbers, prev, and next into a small footprint. Good","s":"shadcn-ui-blocks","c":"navigation/pagination","hc":1},{"id":"shadcn-ui-blocks:components-pagination-dot-indicator-pagination","t":"Dot Indicator Pagination","d":"Pagination shown as a row of dots, with the active page filled. Ideal for image carousels,","s":"shadcn-ui-blocks","c":"navigation/pagination","hc":1},{"id":"shadcn-ui-blocks:components-pagination-floating-pagination","t":"Floating Pagination","d":"A pagination bar that hovers above the content with soft elevation. Stays visible while re","s":"shadcn-ui-blocks","c":"navigation/pagination","hc":1},{"id":"shadcn-ui-blocks:components-pagination-icon-only-pagination","t":"Icon Only Pagination","d":"Pagination built from chevron icons for previous and next, with no page numbers. Keeps mob","s":"shadcn-ui-blocks","c":"navigation/pagination","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:components-pagination-mini-pagination","t":"Mini Pagination","d":"A very small pagination control showing the current page and arrows to step through result","s":"shadcn-ui-blocks","c":"navigation/pagination","hc":1},{"id":"shadcn-ui-blocks:components-pagination-responsive-pagination","t":"Responsive Pagination","d":"Pagination that shows full page numbers on desktop and collapses to arrows on mobile. Keep","s":"shadcn-ui-blocks","c":"navigation/pagination","hc":1},{"id":"shadcn-ui-blocks:components-pagination-rounded-pagination","t":"Rounded Pagination","d":"A pagination row with fully rounded pill buttons for each page. The soft circular shape su","s":"shadcn-ui-blocks","c":"navigation/pagination","hc":1},{"id":"shadcn-ui-blocks:components-pagination-shadow-pagination","t":"Shadow Pagination","d":"Pagination with subtle drop shadows on each button for depth. The lifted look helps the co","s":"shadcn-ui-blocks","c":"navigation/pagination","tg":["3d"],"sy":["3d"],"hc":1},{"id":"shadcn-ui-blocks:components-pagination-split-pagination","t":"Split Pagination","d":"Pagination with prev and next pushed to opposite edges and page numbers centered. Spreads ","s":"shadcn-ui-blocks","c":"navigation/pagination","hc":1},{"id":"shadcn-ui-blocks:components-tabs-card-tabs","t":"Card Tabs","d":"Tabs styled as raised cards, where the active panel lifts above the rest. Great for settin","s":"shadcn-ui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcn-ui-blocks:components-tabs-gradient-tabs","t":"Gradient Tabs","d":"Tabs with a soft color gradient on the active trigger for a vivid accent. Use them on land","s":"shadcn-ui-blocks","c":"navigation/tabs","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"shadcn-ui-blocks:components-tabs-icon-tabs","t":"Icon Tabs","d":"Tabs that pair a small icon with each label so options read at a glance. Good for navigati","s":"shadcn-ui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcn-ui-blocks:components-tabs-minimal-tabs","t":"Minimal Tabs","d":"Clean tabs with a thin underline marking the active item and no extra borders. Fits conten","s":"shadcn-ui-blocks","c":"navigation/tabs","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:components-tabs-outline-tabs","t":"Outline Tabs","d":"Tabs wrapped in a light border that frames each trigger and the active panel. Suits forms ","s":"shadcn-ui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcn-ui-blocks:components-tabs-pill-tabs","t":"Pill Tabs","d":"Tabs shaped as rounded pills with a filled background on the active one. Ideal for filter ","s":"shadcn-ui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcn-ui-blocks:components-tabs-shadow-tabs","t":"Shadow Tabs","d":"Tabs where the selected trigger gains a subtle drop shadow for depth and focus. Works well","s":"shadcn-ui-blocks","c":"navigation/tabs","tg":["3d"],"sy":["3d"],"hc":1},{"id":"shadcn-ui-blocks:components-tabs-vertical-tabs","t":"Vertical Tabs","d":"Tabs stacked in a sidebar column with panels rendered to the right. Built for settings, ac","s":"shadcn-ui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcn-ui-blocks:ecommerce-pro-accessibility-sections-accessibility-feature-filters","t":"Accessibility Feature Filters","d":"A shop filter panel of verified accessibility checkboxes and counts, beside product rows c","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:ecommerce-pro-accessibility-sections-accessibility-feedback-card","t":"Accessibility Feedback Card","d":"A dated changelog of real fixes credited by first name, with a two day reply promise and a","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-accessibility-sections-accessibility-statement","t":"Accessibility Statement","d":"Dated statement pairing what works with three named gaps, quarter targets, and the next re","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-accessibility-sections-accessible-delivery-preferences","t":"Accessible Delivery Preferences","d":"A list of four courier instructions you set once, beside a reproduction of the driver inst","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:ecommerce-pro-accessibility-sections-accessible-packaging-card","t":"Accessible Packaging Card","d":"Box opens without tools, large print and braille care cards on request, for four named pro","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-accessibility-sections-accessible-returns-flow","t":"Accessible Returns Flow","d":"Four numbered return steps covering keyboard start, label free drop off, courier pickup, a","s":"shadcn-ui-blocks","c":"inputs/form-field","tg":["playful"],"sy":["playful"]},{"id":"shadcn-ui-blocks:ecommerce-pro-accessibility-sections-alternative-format-documents","t":"Alternative Format Documents","d":"A two by two card grid of large print, braille, audio, and tagged text formats with turnar","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:ecommerce-pro-accessibility-sections-assisted-ordering-options","t":"Assisted Ordering Options","d":"Three bordered channel cards for phone, email, and relay ordering with hours and reply pro","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-accessibility-sections-assistive-tech-compatibility","t":"Assistive Tech Compatibility","d":"A published table of screen reader, voice, and magnifier pairings with status and last tes","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:ecommerce-pro-accessibility-sections-captioned-product-videos","t":"Captioned Product Videos","d":"Video player mockup with caption bar and timestamped transcript rows beside four checked s","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:ecommerce-pro-accessibility-sections-checkout-without-time-limits","t":"Checkout Without Time Limits","d":"Three checked promises that nothing expires mid checkout beside a static session panel sho","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-accessibility-sections-display-preferences-panel","t":"Display Preferences Panel","d":"Static display settings card with text size, motion, contrast, and link underline rows bes","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-accessibility-sections-in-store-accessibility","t":"In Store Accessibility","d":"Divided list of three stores with checked access features beside an assisted visit booking","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-accessibility-sections-independent-audit-results","t":"Independent Audit Results","d":"Audit method card with firm, testers, scope, and totals beside four WCAG principle rows of","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-accessibility-sections-keyboard-and-screen-reader-guide","t":"Keyboard And Screen Reader Guide","d":"Real keyboard paths for search, cart, and checkout, rough edges named, and a direct develo","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-accessibility-sections-written-product-descriptions","t":"Written Product Descriptions","d":"Four written description standards in a divided list beside an annotated product panel pri","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-account-overview-dashboard","t":"Account Overview Dashboard","d":"Next delivery, guarantee clocks, credit balance, and subscription as four linked cards, no","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-account-overview-tiles","t":"Account Overview Tiles","d":"The account dashboard where every tile reports a live fact instead of a label.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-account-security-card","t":"Account Security Card","d":"Passkey first, password demoted, sessions visible with sign out everywhere.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-data-privacy-controls","t":"Data Privacy Controls","d":"View, download, and delete as buttons, generated on the spot, no support form.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-download-your-data-card","t":"Download Your Data Card","d":"One button, the export by email in minutes, with contents and absences listed honestly.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-email-history-log","t":"Email History Log","d":"Every email sent to this account as a dated list, each row naming the reason it was sent.","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-fit-profile-card","t":"Fit Profile Card","d":"Confirmed sizes per category with fit notes in a panel, beside plain rules on what the pro","s":"shadcn-ui-blocks","c":"data-display/profile"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-gift-cards-panel","t":"Gift Cards Panel","d":"Gift cards account panel with balance cards for held cards, a redeem row for paper codes, ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-guarantee-registrations-list","t":"Guarantee Registrations List","d":"Every owned product with its guarantee clock, expired ones kept for the bench.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-household-accounts-card","t":"Household Accounts Card","d":"Two adults, one address, separate logins and wishlists, shared history by consent, one mem","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-invoices-documents-panel","t":"Invoices and Documents Panel","d":"Invoices, a credit note, and a yearly statement as download rows, with editable billing de","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-loyalty-points-card","t":"Loyalty Points Card","d":"Store credit in dollars with a plain ledger, money not points, never expires.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-membership-value-card","t":"Membership Value Card","d":"Membership value card weighing what the plan cost against what it returned, benefits price","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-notification-preferences","t":"Notification Preferences","d":"Every email type on a working switch with honest cadence, locked rows explained.","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-notification-preferences-panel","t":"Notification Preferences Panel","d":"Topic and channel checkboxes with marketing off by default and order updates locked on wit","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-order-again-grid","t":"Order Again Grid","d":"Consumables sorted by what runs out, the bag listed with anti rebuy advice.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-order-history-list","t":"Order History List","d":"Past orders with state matched actions, track, buy again, and the return kept visible.","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-payment-methods-list","t":"Payment Methods List","d":"Saved cards with expiry warnings and the storage honesty line up front.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-product-reviews-panel","t":"Product Reviews Panel","d":"Delivered items waiting on a review beside published ones with stars, edit and delete in y","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-referral-dashboard-card","t":"Referral Dashboard Card","d":"Both get $15 in dollars, not points, with a ledger including the honest zero.","k":"layout","s":"shadcn-ui-blocks","c":"layout/dashboard"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-returns-refunds-tracker","t":"Returns and Refunds Tracker","d":"Open returns as cards with a four stage progress line, refund amount and destination named","s":"shadcn-ui-blocks","c":"actions/button","tg":["playful"],"sy":["playful"]},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-saved-addresses-cards","t":"Saved Addresses Cards","d":"Labeled address cards with courier notes that travel with every order.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-saved-payment-methods-panel","t":"Saved Payment Methods Panel","d":"Saved cards as token rows with the processor architecture explained and the no silent save","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-store-credit-wallet","t":"Store Credit Wallet","d":"Balance, dated ledger, and the three rules that make credit behave like cash the store owe","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-subscription-management","t":"Subscription Management","d":"Skip, pause, swap at equal weight, cancel visible, no exit interview.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-support-conversations-list","t":"Support Conversations List","d":"Support conversations account list with each question as a row showing subject, last reply","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-trade-in-offers-grid","t":"Trade In Offers Grid","d":"Trade in offers grid of owned products with a standing quote on each, one trade already in","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-wishlist-grid","t":"Wishlist Grid","d":"Saved items with price drop and restock notes, a wishlist that watches for you.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-account-sections-your-impact-card","t":"Your Impact Card","d":"The personal ledger of seven years with us: bags, repairs, a trade in, and zero replacemen","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-archive-sections-archive-in-numbers","t":"Archive In Numbers","d":"A section heading, a four card ledger stat grid, and a year by year bar strip of units shi","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:ecommerce-pro-archive-sections-archive-wall-page","t":"Archive Wall Page","d":"The physical archive wall at the workshop: 64 pieces, Friday visits, and nothing on it for","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-archive-sections-bring-back-ballot","t":"Bring Back Ballot","d":"An interactive reissue ballot with three retired candidates, honest retirement notes, live","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-archive-sections-catalog-scans-gallery","t":"Catalog Scans Gallery","d":"Four dated pieces of printed matter across eleven years, the price rise letter kept public","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:ecommerce-pro-archive-sections-colorway-index","t":"Colorway Index","d":"An archive table of every colorway ever sold with years, units made, live or retired badge","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:ecommerce-pro-archive-sections-discontinued-graveyard","t":"Discontinued Graveyard","d":"Three retired products with the honest reason each died and the parts pledge that outlives","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-archive-sections-fabric-shelf","t":"Fabric Shelf","d":"Section heading over a three column grid of swatch cards, each with a placeholder swatch, ","s":"shadcn-ui-blocks","c":"data-display/badge","tg":["webgl"],"sb":"Labels","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-archive-sections-first-bag-story","t":"First Bag Story","d":"A 2015 origin letter: eight bags sewn at a kitchen table with 90 percent of that pattern u","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:ecommerce-pro-archive-sections-guarantee-transfer","t":"Guarantee Transfer","d":"A two column split with three numbered transfer promises beside a serial registration card","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-archive-sections-pattern-changelog","t":"Pattern Changelog","d":"A ruled revision timeline of the flagship pattern with version chips, beside a bordered pa","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-archive-sections-prototype-museum","t":"Prototype Museum","d":"Four failed prototypes kept on purpose, each photographed with the failure and the lesson ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-archive-sections-reissue-run","t":"Reissue Run","d":"A two column split with a placeholder image on one side and a heading, details list, numbe","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-archive-sections-serial-lookup-card","t":"Serial Lookup Card","d":"Type a bag serial and its full history appears: made date, repairs, resale, and guarantee ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-archive-sections-still-in-service","t":"Still in Service","d":"Three registry cards for the oldest bags in daily use, each led by a big years count with ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-banners-and-alerts-announcement-with-details","t":"Announcement With Details","d":"A headline band with a static open details row for announcements that one line cannot cont","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:ecommerce-pro-banners-and-alerts-back-in-stock-banner","t":"Back In Stock Banner","d":"The June batch landed, 140 units live, and an honest pace estimate so buyers know the real","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:ecommerce-pro-banners-and-alerts-cookie-consent-bar","t":"Cookie Consent Bar","d":"Two cookies named, zero tracking confirmed, with Accept and Decline at equal visual weight","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:ecommerce-pro-banners-and-alerts-counterfeit-warning-banner","t":"Counterfeit Warning Banner","d":"A card splitting the three places we actually sell against the channels that are never us,","s":"shadcn-ui-blocks","c":"overlays/alert-banner","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-banners-and-alerts-customs-duties-notice","t":"Customs Duties Notice","d":"A slim notice band with a heading that rules out surprise charges, then one row per region","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:ecommerce-pro-banners-and-alerts-extended-returns-banner","t":"Extended Returns Banner","d":"A card band explaining a longer holiday returns window, with three fact columns for the pu","s":"shadcn-ui-blocks","c":"overlays/alert-banner","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-banners-and-alerts-free-shipping-threshold-bar","t":"Free Shipping Threshold Bar","d":"The $6 flat rate and $75 free line stated as the entire rule, with a slim progress track s","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:ecommerce-pro-banners-and-alerts-holiday-cutoff-banner","t":"Holiday Cutoff Banner","d":"December 24 delivery cutoffs as plain calendar dates for two service levels, no countdown ","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:ecommerce-pro-banners-and-alerts-payment-methods-update-banner","t":"Payment Methods Update Banner","d":"A slim edge band announcing a payment methods change in one sentence, with a chip row nami","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:ecommerce-pro-banners-and-alerts-phishing-alert-banner","t":"Phishing Alert Banner","d":"A card band pairing a phishing warning and a never-asked list against a panel showing how ","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:ecommerce-pro-banners-and-alerts-price-error-apology-banner","t":"Price Error Apology Banner","d":"A June 8 mispricing owned in the headline, a three row timestamped account, and all 23 wro","s":"shadcn-ui-blocks","c":"overlays/alert-banner","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-banners-and-alerts-price-rise-preannounce-banner","t":"Price Rise Preannounce Banner","d":"Four canvas products repricing July 1 announced three weeks early as a courtesy window, no","s":"shadcn-ui-blocks","c":"overlays/alert-banner","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-banners-and-alerts-product-recall-notice","t":"Product Recall Notice","d":"A recall card naming the valve fault, affected batch codes as mono pills, the unaffected b","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:ecommerce-pro-banners-and-alerts-service-status-banner","t":"Service Status Banner","d":"Repair bench paused until June 15 with the mechanical reason published and the full scope ","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:ecommerce-pro-banners-and-alerts-shipping-delay-banner","t":"Shipping Delay Banner","d":"A carrier disruption dated and scoped, standard delayed two days this week with express co","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-brand-timeline","t":"Brand Timeline","d":"The company history as dated rows, the near collapse year kept in.","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-complaints-changelog","t":"Complaints Changelog","d":"Four full customer complaint quotes, each paired with the product change it shipped and th","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-decade-timeline","t":"Decade Timeline","d":"Eleven years in ruled rows, bad years kept in, because a timeline of only wins is marketin","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-design-principles-list","t":"Design Principles List","d":"Four product rules, each proven by the decision it most recently forced.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-factory-partners-list","t":"Factory Partners List","d":"Who makes what, where, with maker counts, median tenure, and audit dates.","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-first-product-story","t":"First Product Story","d":"The catalog's first product beside every dated revision it survived, each row naming the f","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-founder-interview-qa","t":"Founder Interview Q&A","d":"A transcript card of five hard questions answered on the record by the founder, each with ","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-founder-letter","t":"Founder Letter","d":"The origin story as signed prose with one number per claim and a dated signature.","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-made-in-numbers","t":"Made In Numbers","d":"The brand as six stat tiles, including the numbers a conventional brand would hide.","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-makers-roster","t":"Makers Roster","d":"Six named makers with avatars, bench, city, and tenure, each owning one checkable fact abo","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-making-process-steps","t":"Making Process Steps","d":"A numbered process stepper of six making stations, each showing its duration, the hands on","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-materials-provenance-rows","t":"Materials Provenance Rows","d":"Four inputs with suppliers named to the city, tenure, and one audit grade fact each.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-numbers-we-track-card","t":"Numbers We Track Card","d":"Four KPIs published with the reason each earns its place, including the one the store refu","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-open-questions-card","t":"Open Questions Card","d":"Three unresolved decisions posted publicly with where the thinking sits.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-ownership-split-rows","t":"Ownership Split Rows","d":"A cap table shown as a stacked proportion bar and holder rows with share and note, plus wh","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-plain-words-glossary","t":"Plain Words Glossary","d":"A definition list of six store terms, each pinned to a checkable meaning and the claim the","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect","sb":"Rotating words"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-price-breakdown-rows","t":"Price Breakdown Rows","d":"One product's retail price split into cost rows with proportion bars, a note per line, and","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-refusals-grid","t":"Refusals Grid","d":"Six standing refusals of common store tactics in a card grid, each dated and priced with w","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-repairs-ledger","t":"Repairs Ledger","d":"A repair promise shown as running totals beside a signed log of last week at the bench, so","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-retired-products-rows","t":"Retired Products Rows","d":"A discontinued products archive in rows, each with lifespan, units made, the honest reason","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-supply-chain-list","t":"Supply Chain List","d":"Every supplier named with place and tenure, plus the one we left and why.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-then-vs-now-columns","t":"Then Vs Now Columns","d":"A founding year and today set side by side across the same measured rows, including the nu","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-why-we-exist-prose","t":"Why We Exist Prose","d":"The manifesto with its thesis at display weight and one number per argument.","s":"shadcn-ui-blocks","c":"data-display/typography"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-workshop-photo-essay","t":"Workshop Photo Essay","d":"Six workshop frames in a 3x2 grid, each captioned like a photo essay, no people, just the ","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-workshop-tour-gallery","t":"Workshop Tour Gallery","d":"Five captioned frames from the making floor where the captions are the tour.","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:ecommerce-pro-brand-story-sections-year-in-review-letter","t":"Year In Review Letter","d":"The founder's annual letter with the bad paragraph priced and signed.","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect"},{"id":"shadcn-ui-blocks:ecommerce-pro-buying-advice-sections-advice-inbox","t":"Advice Inbox","d":"Three real buying questions laid out as correspondence, the quoted question and sender on ","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-buying-advice-sections-ask-before-you-buy","t":"Ask Before You Buy","d":"Accordion of five honest questions asked before checkout, first item opened, each answer p","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-buying-advice-sections-break-in-expectations","t":"Break In Expectations","d":"Four ruled stage columns walk week one through year five of canvas break in, closed by a s","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-buying-advice-sections-buy-once-math-card","t":"Buy Once Math Card","d":"Two mono ledgers show the decade math at $21.50 a year versus $36, caveats printed beside ","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-buying-advice-sections-checkout-extras-advice","t":"Checkout Extras Advice","d":"A verdict table for five checkout add ons, each row naming the item and price, a badge, an","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-buying-advice-sections-colorway-advice","t":"Colorway Advice","d":"Two framed colorway panels side by side, each with a swatch, share stat, and honest wear r","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:ecommerce-pro-buying-advice-sections-do-you-need-it-checklist","t":"Do You Need It Checklist","d":"Three numbered honest questions before the buy, boredom named, the bench ready to talk you","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-buying-advice-sections-honest-alternatives-guide","t":"Honest Alternatives Guide","d":"Four jobs the store loses at, each card naming the winner and the reason, closed by what i","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-buying-advice-sections-repair-or-replace-path","t":"Repair Or Replace Path","d":"Three numbered failure questions each branch into yes and no outcomes, closed by the bench","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-buying-advice-sections-second-bag-advice-card","t":"Second Bag Advice Card","d":"Three verdict rules backed by support log counts, 184 of 312 second bag inquiries routed t","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-buying-advice-sections-secondhand-buying-guide","t":"Secondhand Buying Guide","d":"Four numbered inspection cards for buying a used bag, each showing good wear and a walk aw","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-buying-advice-sections-what-fits-inside","t":"What Fits Inside","d":"A capacity guide listing four real packed loads, each with its contents, a fill bar showin","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-buying-advice-sections-what-the-bench-carries","t":"What The Bench Carries","d":"Three repair bench staff cards with avatar headers, the size each carries, the reason, and","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-buying-advice-sections-when-not-to-buy-from-us","t":"When Not To Buy From Us","d":"Four ruled rows naming who wins instead, each a genuine disqualifier with the better optio","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-buying-advice-sections-when-to-buy-timeline","t":"When To Buy Timeline","d":"Vertical timeline of four honest purchase windows, each with a bordered price pill and str","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:ecommerce-pro-buying-advice-sections-which-size-to-buy","t":"Which Size To Buy","d":"Two size columns compare specs, weight, and honest use cases, closed by an exchange ledger","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-alphabetical-index","t":"Alphabetical Index","d":"The whole catalog as a lettered text directory for visits that know the name.","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect"},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-alternating-category-bands","t":"Alternating Category Bands","d":"Two full width category bands with images on alternating sides, each pairing a written lea","s":"shadcn-ui-blocks","c":"actions/link"},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-archive-and-seconds-band","t":"Archive And Seconds Band","d":"Two outlet tiles, seconds with named flaws and resale archive graded, each with an honest ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-bestsellers-by-category","t":"Bestsellers By Category","d":"Four aisle cards each led by the single item bought first most often, with units shipped, ","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-capacity-ladder-band","t":"Capacity Ladder Band","d":"Packs sorted by liters on proportional bars, four ruled rungs with counts and one line on ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-category-comparison-table","t":"Category Comparison Table","d":"Three bag families compared in one table across price, fabric, weight, and laptop room, si","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-category-ratings-band","t":"Category Ratings Band","d":"Three category columns each led by a large average rating, a five star row, review count, ","s":"shadcn-ui-blocks","c":"inputs/rating","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-category-stats-tiles","t":"Category Stats Tiles","d":"Aisles as stat tiles with counts, price ranges, and one verifiable fact each.","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-category-tiles-grid","t":"Category Tiles Grid","d":"Six aisles as image tiles with caption bars carrying counts and price floors.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-category-with-buying-guide-band","t":"Category With Buying Guide Band","d":"A category grid with an inline buying guide that names which bag to buy first, by job, by ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-circle-category-row","t":"Circle Category Row","d":"Aisles as round image chips in one scannable strip, the mobile commerce pattern.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-collection-list-rows","t":"Collection List Rows","d":"Capsules as ruled editorial rows with one written sentence and a piece count each.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-gifting-tiles-row","t":"Gifting Tiles Row","d":"Three recipient cuts with counts, and the gift card named as the no guess option.","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-material-tiles-row","t":"Material Tiles Row","d":"Browse by material, each tile with its source and product count.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-new-vs-classics-band","t":"New Vs Classics Band","d":"The drop against the permanent range, two kinds of buying explained.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-occasion-tiles","t":"Occasion Tiles","d":"The catalog cut by life situation, categories are for warehouses.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-portrait-category-scroller","t":"Portrait Category Scroller","d":"Eight tall portrait category tiles in one horizontally snapping strip, each with a caption","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-seasonal-category-band","t":"Seasonal Category Band","d":"One card, one season, a wide image beside the edit with a credible curator named.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-seasonal-rotation-band","t":"Seasonal Rotation Band","d":"The two drop calendar with March batches, September heavy canvas, and the permanent range ","s":"shadcn-ui-blocks","c":"inputs/slider"},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-shop-all-band","t":"Shop All Band","d":"The whole catalog on one ruled band with counts and price ranges.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-shop-by-price-band","t":"Shop By Price Band","d":"Three wide tiles cutting the range by budget with real item counts and one line of what li","s":"shadcn-ui-blocks","c":"inputs/slider","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-shop-by-price-bands","t":"Shop By Price Bands","d":"Budget as navigation, three bands with counts and the same guarantee at every price.","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-split-category-nav","t":"Split Category Nav","d":"A two column split pairing the full aisle list as a ruled nav with one large featured cate","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-subcategory-accordion","t":"Subcategory Accordion","d":"A ruled accordion of category rows that each expand into a columned grid of subcategory li","s":"shadcn-ui-blocks","c":"data-display/accordion"},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-tabbed-category-preview","t":"Tabbed Category Preview","d":"One tab per aisle, each panel previewing three products with prices, an honest aisle line,","s":"shadcn-ui-blocks","c":"navigation/tabs","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-three-tile-feature","t":"Three Tile Feature","d":"One tall lead category beside two stacked tiles, traffic steered by area.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-use-case-category-band","t":"Use Case Category Band","d":"Three job tiles with counts and one honest line each plus the admission that most bags do ","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-category-sections-with-banner-tile","t":"With Banner Tile","d":"Four category tiles plus one solid banner tile carrying the month's single message.","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-address-validation-helper","t":"Address Validation Helper","d":"Your spelling beside the database's, differences bolded, keep mine respected.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-billing-address-toggle","t":"Billing Address Toggle","d":"A working switch keeps billing matched to shipping or reveals the full billing form, with ","s":"shadcn-ui-blocks","c":"actions/switch"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-business-purchase-checkout","t":"Business Purchase Checkout","d":"Company, VAT, and invoice fields with the EU reverse charge mechanics and VIES fallback st","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-delivery-date-picker","t":"Delivery Date Picker","d":"Pick the arrival day from real options, same price any day, holidays shown honestly.","s":"shadcn-ui-blocks","c":"inputs/date-picker"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-delivery-notes-step","t":"Delivery Notes Step","d":"Driver note field with safe place chips and the honest limit that notes land about 90% of ","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-duties-and-taxes-step","t":"Duties And Taxes Step","d":"International checkout choosing prepaid import charges or courier collection at the door, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-express-checkout-wall","t":"Express Checkout Wall","d":"Wallet buttons stacked full width first with the measured 40 second reason stated, card fo","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-express-pay-buttons","t":"Express Pay Buttons","d":"The wallet stack above an equal card path, same price either way stated plainly.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-gift-receipt-toggle-step","t":"Gift Receipt Toggle Step","d":"A working switch flips the order to gift mode and re-renders both slip states as a live ch","s":"shadcn-ui-blocks","c":"actions/switch"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-guest-or-account-choice","t":"Guest Or Account Choice","d":"The fork without a thumb on the scale, guest first, account earning its column with perks.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-installment-plan-choice","t":"Installment Plan Choice","d":"Pay in full, four payments, or twelve months as selectable rows, the written schedule re-r","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-invoice-details-form","t":"Invoice Details Form","d":"Company, VAT with reverse charge, PO, and cost center, asked once for the PDF.","s":"shadcn-ui-blocks","c":"data-display/accordion"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-multi-step-checkout","t":"Multi Step Checkout","d":"The three stage flow mid journey with editable recaps and a stepper without color dependen","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-one-page-checkout","t":"One Page Checkout","d":"Contact, shipping, and payment in one visible column, nine fields, no account required.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-order-confirmation-page","t":"Order Confirmation Page","d":"The thank you with the window, a live cancel countdown, and the account ask after.","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-order-for-someone-else-step","t":"Order For Someone Else Step","d":"Their address and phone, your payment, every email routed per line and the gift flag conse","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-order-review-step","t":"Order Review Step","d":"Three editable ruled sections plus a pay button that promises to charge exactly the number","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-order-summary-sidebar","t":"Order Summary Sidebar","d":"The checkout companion panel with quantity badges and totals that explain themselves.","s":"shadcn-ui-blocks","c":"navigation/sidebar"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-payment-failed-recovery","t":"Payment Failed Recovery","d":"The decline without shame, three ways forward and the cart held.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-payment-form-section","t":"Payment Form Section","d":"Card fields beside a panel answering where the numbers actually go.","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Payment"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-pickup-point-selector","t":"Pickup Point Selector","d":"Home, locker, or shop with real prices, the courier saving passed on.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-promo-code-step","t":"Promo Code Step","d":"A working code field that applies live, adds the discount line, reprices the pay button, a","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-quote-to-checkout","t":"Quote To Checkout","d":"Trade quote as a review screen with locked prices honored, Net 30 or card, a PO field and ","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-returning-customer-checkout","t":"Returning Customer Checkout","d":"Prefilled address, delivery, and card from the last order as review rows with one pay butt","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-review-and-place-order","t":"Review And Place Order","d":"Four editable recap cards above a button that says what it does and what it costs.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-checkouts-shipping-options-list","t":"Shipping Options List","d":"Three speeds as selectable rows with real date windows, including the no rush option.","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-comparison-tables-accessory-fit-matrix","t":"Accessory Fit Matrix","d":"Compatibility matrix of five accessories against three bags with fits, fits with a named c","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-comparison-tables-bag-size-side-by-side","t":"Bag Size Side By Side","d":"Four bags drawn to one scale with SVG silhouettes and spec rows, the size answer photos ne","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-comparison-tables-canvas-weight-comparison","t":"Canvas Weight Comparison","d":"Three canvas weights judged row by row, the check moves, and the verdict row refuses to na","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-comparison-tables-cost-per-year-table","t":"Cost Per Year Table","d":"Cumulative ten year spend on a cheap bag replaced against one bag repaired, ending in per ","s":"shadcn-ui-blocks","c":"data-display/table","sb":"Comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-comparison-tables-good-better-best-cards","t":"Good Better Best Cards","d":"Three material tiers with what the extra money buys stated per step.","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-comparison-tables-leather-vs-vegan-table","t":"Leather Vs Vegan Table","d":"Bridle leather against waxed cotton across six rows where each column wins real rows and o","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-comparison-tables-material-comparison-table","t":"Material Comparison Table","d":"Three materials judged row by row with the check moving and the verdict refusing to crown ","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-comparison-tables-model-comparison-table","t":"Model Comparison Table","d":"The product family side by side with four number rows and a best for verdict.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-comparison-tables-new-vs-refurb-vs-seconds-table","t":"New Vs Refurb Vs Seconds Table","d":"One bag at three honest price points, new, refurbished, and second, with the guarantee row","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-comparison-tables-old-vs-new-generation","t":"Old Vs New Generation","d":"The v2 against the v1 including what did not change, upgrade advice, no mostly.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-comparison-tables-size-variant-comparison","t":"Size Variant Comparison","d":"Three sizes with relatively scaled images and packed lists instead of liters.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-comparison-tables-spec-side-by-side","t":"Spec Side By Side","d":"Two products dueled with differences emphasized and sameness admitted.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-comparison-tables-upkeep-comparison-cards","t":"Upkeep Comparison Cards","d":"Three materials compared by minutes of care per year, the ritual itself with cadences, and","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-comparison-tables-us-vs-them-table","t":"Us Vs Them Table","d":"Our pack against the big label equivalent in grouped rows, losses printed first, wins seco","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-comparison-tables-which-one-guide","t":"Which One Guide","d":"The decision written like advice, four situations routed to products with reasons.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-contact-sections-contact-form-split","t":"Contact Form Split","d":"The form beside who reads it, per topic reply times, and no ticket numbers.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:ecommerce-pro-contact-sections-contact-routes-page","t":"Contact Routes Page","d":"Four named inboxes with reply medians and the no phone line explained honestly.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:ecommerce-pro-contact-sections-damaged-item-flow","t":"Damaged Item Flow","d":"The photo is the claim, cheap items are replaced and kept, the 0.4% rate published.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:ecommerce-pro-contact-sections-how-to-complain-card","t":"How To Complain Card","d":"The complaints route in three plain steps, plus the quarterly ledger of every complaint re","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-contact-sections-live-chat-honesty-card","t":"Live Chat Honesty Card","d":"Why there is no chat bubble, in two paragraphs, with the one condition that could change t","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:ecommerce-pro-contact-sections-missing-parcel-flow","t":"Missing Parcel Flow","d":"Marked delivered, not there, in three steps with base rates and reship or refund.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["playful","webgl"],"sb":"Contact","sy":["playful","webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-contact-sections-response-times-band","t":"Response Times Band","d":"Support numbers published like specs, median reply, resolution rate, slowest day named.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:ecommerce-pro-contact-sections-send-it-to-the-bench-card","t":"Send It To The Bench Card","d":"Repairs by post with no forms: a packing checklist beside a shipping label mockup where th","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:ecommerce-pro-contact-sections-skip-the-queue-faq","t":"Skip The Queue FAQ","d":"The five questions that filled half of June's inbox as an accordion with ask counts, besid","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-contact-sections-visit-the-workshop-card","t":"Visit The Workshop Card","d":"Friday hours, one address, and the warning that it is a working workshop.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:ecommerce-pro-contact-sections-who-has-the-inbox-card","t":"Who Has The Inbox Card","d":"The weekly support rota as a three person card, this week highlighted, with the handover r","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-contact-sections-write-to-the-founder-card","t":"Write To The Founder Card","d":"The elena@ inbox as a real channel: when it is read, what to send, and what the bench does","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:ecommerce-pro-custom-orders-sections-canvas-run-splits","t":"Canvas Run Splits","d":"The 80 meter mill minimum drawn as a two segment bar, your bags against the shelf run, ove","s":"shadcn-ui-blocks","c":"data-viz/gauge","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-custom-orders-sections-custom-build-log","t":"Custom Build Log","d":"Four finished custom builds with placeholder thumbs, the ask, an owner line, and a work, w","s":"shadcn-ui-blocks","c":"data-display/list","sb":"Activity and feeds"},{"id":"shadcn-ui-blocks:ecommerce-pro-custom-orders-sections-custom-or-shelf","t":"Custom Or Shelf","d":"Three qualifying question cards with a shelf answer and a custom answer each, closed by th","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-custom-orders-sections-custom-order-intake","t":"Custom Order Intake","d":"Intake gate with three yes types, three decline types, and a published one in three accept","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-custom-orders-sections-custom-orders-faq","t":"Custom Orders Faq","d":"Five intake inbox questions with the schedule and multiplier in them, first item opened.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-custom-orders-sections-custom-pricing-table","t":"Custom Pricing Table","d":"Four custom work types priced in public, fleet runs at standard price, one off argued agai","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcn-ui-blocks:ecommerce-pro-custom-orders-sections-custom-queue-status","t":"Custom Queue Status","d":"The custom bench queue published live, the current build named, scarcity stated as a sched","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:ecommerce-pro-custom-orders-sections-made-to-measure-explainer","t":"Made To Measure Explainer","d":"Four steps with real durations, the 1.6x multiplier itemized, and no return caveat before ","s":"shadcn-ui-blocks","c":"inputs/form-field"},{"id":"shadcn-ui-blocks:ecommerce-pro-custom-orders-sections-monogram-gallery","t":"Monogram Gallery","d":"Three initials styles priced by longevity, closed by the three character rule and its reas","s":"shadcn-ui-blocks","c":"media/gallery","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-custom-orders-sections-pattern-remake-file","t":"Pattern Remake File","d":"Split section pairing remake pricing at 1.1x with a static pattern record card of measurem","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-email-capture-sections-back-in-stock-capture","t":"Back In Stock Capture","d":"Watch any sold out item, one email when it lands, then the address is deleted.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-email-capture-sections-cart-reminder-opt-in","t":"Cart Reminder Opt In","d":"A centered consent card spelling out the single cart reminder as a four step timeline, fro","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-email-capture-sections-drop-alerts-capture","t":"Drop Alerts Capture","d":"The release list sold on access, 48 hours early, four to six emails a year.","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:ecommerce-pro-email-capture-sections-drop-list-signup","t":"Drop List Signup","d":"The 48 hour head start explained as sequence not exclusivity, beside the last drop counted","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign up"},{"id":"shadcn-ui-blocks:ecommerce-pro-email-capture-sections-first-order-offer-capture","t":"First Order Offer Capture","d":"The welcome discount as a page, not a popup, with terms in the open.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-email-capture-sections-newsletter-signup-band","t":"Newsletter Signup Band","d":"The monthly letter pitched with cadence, open rate, and unsubscribe speed.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:ecommerce-pro-email-capture-sections-newsletter-with-archive","t":"Newsletter With Archive","d":"The last three issues readable before sign up with both subscriber and unsubscribe counts ","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["webgl"],"sb":"Newsletter and waitlist","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-email-capture-sections-one-email-a-season-signup","t":"One Email A Season Signup","d":"The four email contract published above the field, with the open rate that earns it.","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign up"},{"id":"shadcn-ui-blocks:ecommerce-pro-email-capture-sections-preferences-first-signup","t":"Preferences First Signup","d":"Three topic checkboxes before the email field so consent is specific from the first send.","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","tg":["webgl"],"sb":"Sign up","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-email-capture-sections-price-drop-watch","t":"Price Drop Watch","d":"A split price watch capture with a labeled email form beside a product card listing every ","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-email-capture-sections-sample-email-preview","t":"Sample Email Preview","d":"A card band pairing the signup form with last month's issue rendered as a static email, he","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:ecommerce-pro-email-capture-sections-sms-alerts-card","t":"Sms Alerts Card","d":"Three texts we send, the never list sworn, median 4 texts a year.","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-email-capture-sections-unsubscribe-promise-card","t":"Unsubscribe Promise Card","d":"Five email commitments naming the industry practices they refuse.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-email-capture-sections-zero-tracking-signup","t":"Zero Tracking Signup","d":"A capture section printing the entire stored record beside the list of tracking data never","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign up"},{"id":"shadcn-ui-blocks:ecommerce-pro-empty-states-account-signed-out-state","t":"Account Signed Out State","d":"The signed out account page selling sign in by what it unlocks.","s":"shadcn-ui-blocks","c":"data-display/empty-state"},{"id":"shadcn-ui-blocks:ecommerce-pro-empty-states-category-sold-out-state","t":"Category Sold Out State","d":"The whole category gone, the restock batch dated, and the alert signup.","s":"shadcn-ui-blocks","c":"data-display/empty-state"},{"id":"shadcn-ui-blocks:ecommerce-pro-empty-states-compare-list-empty","t":"Compare List Empty","d":"An empty compare page blueprint with three dashed product slots above skeleton spec rows, ","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-empty-states-empty-cart-state","t":"Empty Cart State","d":"The guilt free empty cart with three honest starting points.","s":"shadcn-ui-blocks","c":"data-display/empty-state","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-empty-states-empty-wishlist-state","t":"Empty Wishlist State","d":"The unused wishlist explained by what saving actually does, then two routes in.","s":"shadcn-ui-blocks","c":"data-display/empty-state"},{"id":"shadcn-ui-blocks:ecommerce-pro-empty-states-filter-no-results","t":"Filter No Results","d":"Zero matches diagnosed, the one filter to loosen named with its count.","s":"shadcn-ui-blocks","c":"data-display/empty-state"},{"id":"shadcn-ui-blocks:ecommerce-pro-empty-states-notifications-empty-state","t":"Notifications Empty State","d":"An empty notifications inbox with a muted bell icon, a headline, and the full alert menu l","s":"shadcn-ui-blocks","c":"data-display/empty-state"},{"id":"shadcn-ui-blocks:ecommerce-pro-empty-states-order-history-empty-state","t":"Order History Empty State","d":"Two honest reasons for an empty history, a guest order claim form inline, and no shopping ","s":"shadcn-ui-blocks","c":"data-display/empty-state"},{"id":"shadcn-ui-blocks:ecommerce-pro-empty-states-reviews-empty-state","t":"Reviews Empty State","d":"The no reviews yet state for a new product with a bench take and the promise that critical","s":"shadcn-ui-blocks","c":"data-display/empty-state"},{"id":"shadcn-ui-blocks:ecommerce-pro-empty-states-rewards-empty-state","t":"Rewards Empty State","d":"A two column rewards layout with a zero balance headline, four ways to earn with point val","s":"shadcn-ui-blocks","c":"data-display/empty-state"},{"id":"shadcn-ui-blocks:ecommerce-pro-empty-states-search-no-results","t":"Search No Results","d":"A search dead end with a spelling correction and result count, three near miss product row","s":"shadcn-ui-blocks","c":"data-display/empty-state","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-empty-states-store-404","t":"Store #404","d":"The missing page owned plainly with search and the four most wanted routes.","s":"shadcn-ui-blocks","c":"data-display/empty-state"},{"id":"shadcn-ui-blocks:ecommerce-pro-events-sections-event-recap-gallery","t":"Event Recap Gallery","d":"Last clinic counted, including the two bags pronounced beyond saving.","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:ecommerce-pro-events-sections-event-rsvp-form","t":"Event RSVP Form","d":"A two column RSVP split pairing event facts and context on one side with a labeled form, s","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-ui-blocks:ecommerce-pro-events-sections-fitting-appointment-card","t":"Fitting Appointment Card","d":"Book a 30 minute fitting with the do not buy verdict promised up front and three next slot","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-events-sections-host-an-event-card","t":"Host An Event Card","d":"Host a care clinic, the responsibilities split and past hosts listed plainly.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-events-sections-know-before-you-go","t":"Know Before You Go","d":"A split layout pairing an intro column with an icon led two column grid of plain logistics","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-events-sections-open-day-schedule","t":"Open Day Schedule","d":"A vertical timeline laying out an open day hour by hour with a time rail, dot markers, tit","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:ecommerce-pro-events-sections-past-events-archive","t":"Past Events Archive","d":"Dated ruled rows with attendance and the one thing each event changed at the company after","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-events-sections-repair-clinic-day","t":"Repair Clinic Day","d":"The free clinic with timed fixes by type, any brand welcome, the business case stated.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-events-sections-tour-stops-grid","t":"Tour Stops Grid","d":"A responsive grid of city tour stops, each tile carrying a venue, date, and booking status","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:ecommerce-pro-events-sections-trunk-show-banner","t":"Trunk Show Banner","d":"Two days at a stockist announced as a wide bordered band with what is coming stated as thr","s":"shadcn-ui-blocks","c":"overlays/alert-banner","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-events-sections-workshop-calendar-list","t":"Workshop Calendar List","d":"Upcoming events as dated rows with real seat counts and next dates over waitlists.","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:ecommerce-pro-faq-sections-customer-questions-faq","t":"Customer Questions FAQ","d":"A feed of dated buyer questions, each with an avatar and an indented reply signed by its m","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-faq-sections-faq-tabs","t":"FAQ Tabs","d":"A tabbed FAQ split into four shopper moments, ordering, delivery, returns, and product, wi","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-faq-sections-faq-topics-index","t":"Faq Topics Index","d":"Six help topics with counts, the most asked question linked from each tile.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-faq-sections-faq-with-contact-card","t":"Faq With Contact Card","d":"The month's top questions beside the human exit with measured response times.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-faq-sections-guarantee-faq","t":"Guarantee Faq","d":"Five answers drawing the defect versus wear line in examples, lifetime answered honestly.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-faq-sections-most-asked-faq","t":"Most Asked FAQ","d":"A ranked list of the top eight support questions, each row showing its rank, ticket share,","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-faq-sections-ordering-faq","t":"Ordering Faq","d":"Six order flow questions answered with mechanisms: the change window, base rate, and no ph","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-faq-sections-ordering-faq-list","t":"Ordering Faq List","d":"Six buying mechanics stated plainly, charge timing, cancels, and combined orders.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-faq-sections-policies-changelog","t":"Policies Changelog","d":"Every policy change as dated rows with the reason, the receipt that outlives announcements","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-faq-sections-preorder-faq","t":"Preorder Faq","d":"Six made to order questions answered with dates, written from the inbox.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-faq-sections-product-care-faq","t":"Product Care Faq","d":"Care rituals as accordion answers beside a sticky image, prevention as content.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-faq-sections-returns-faq-two-col","t":"Returns Faq Two Col","d":"The whole returns policy as eight open answers, no accordion for anxious readers.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-faq-sections-secondhand-buyers-faq","t":"Secondhand Buyers Faq","d":"Five answers for the used buyer, serial checks, guarantee transfer, first repair free.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-faq-sections-shipping-faq","t":"Shipping Faq","d":"Six shipping questions answered with cutoffs by day, couriers named, and the misdrop and l","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-faq-sections-shipping-faq-accordion","t":"Shipping Faq Accordion","d":"The six shipping questions support actually receives, answered with real numbers.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-faq-sections-sizing-faq-compact","t":"Sizing Faq Compact","d":"The four sizing answers as one band, each sentence ending its question.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-faq-sections-straight-answers-faq","t":"Straight Answers FAQ","d":"A verdict first FAQ where a bold answer leads each row, Yes, Free, 60 days, with the quest","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-gift-card-sections-corporate-gift-cards-card","t":"Corporate Gift Cards Card","d":"Bulk gift cards for teams of ten or more, no discount, no logo, free letterpress, invoice ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-gift-card-sections-corporate-gifting-card","t":"Corporate Gifting Card","d":"Team gifting as logistics solved, one CSV, one invoice, and a charity swap option.","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:ecommerce-pro-gift-card-sections-gift-a-repair-card","t":"Gift A Repair Card","d":"The $40 repair credit card for the friend with the beloved dying bag, delivered as a lette","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-gift-card-sections-gift-card-amount-guide","t":"Gift Card Amount Guide","d":"Three denomination columns map each amount to catalog items it covers, with product thumbn","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-gift-card-sections-gift-card-balance-check","t":"Gift Card Balance Check","d":"Code in, balance out, with the three balance anxieties answered beneath.","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-gift-card-sections-gift-card-balance-checker","t":"Gift Card Balance Checker","d":"Card number in, balance out, no account needed and no expiry to fear.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-gift-card-sections-gift-card-design-picker","t":"Gift Card Design Picker","d":"Four occasion design tiles drive a live full size card preview, beside a picker column and","s":"shadcn-ui-blocks","c":"inputs/select"},{"id":"shadcn-ui-blocks:ecommerce-pro-gift-card-sections-gift-card-faq","t":"Gift Card Faq","d":"Gift card questions answered like money questions, five rows, no asterisks.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-gift-card-sections-gift-card-hero","t":"Gift Card Hero","d":"The gift card reframed as respect for their taste, with three term tiles.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-gift-card-sections-gift-card-how-it-works","t":"Gift Card How It Works","d":"Three numbered step tiles trace the path from checkout to redemption, each grounded by a s","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-gift-card-sections-gift-card-purchase","t":"Gift Card Purchase","d":"Amount chips updating a live card preview, with delivery date and no expiry terms.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-gift-card-sections-last-minute-gift-card","t":"Last Minute Gift Card","d":"Delivery timing facts sit beside a static blueprint of the exact email the recipient recei","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-gift-card-sections-physical-gift-card","t":"Physical Gift Card","d":"The letterpress card you can wrap, no expiry, value reissued if lost.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-gifting-sections-corporate-gifting-tiers","t":"Corporate Gifting Tiers","d":"A corporate gifting section with four order size tiers in a table of discounts and lead ti","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-gifting-sections-egift-card-builder","t":"Egift Card Builder","d":"A gift card builder with amount chips and timing facts beside a live preview panel showing","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-gifting-sections-gift-concierge-card","t":"Gift Concierge Card","d":"Email three facts and a budget, a human replies with one pick and one alternative within a","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-gifting-sections-gift-finder-quiz","t":"Gift Finder Quiz","d":"A gift finder quiz with three question chip rows beside the match panel it produces, showi","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-gifting-sections-gift-note-preview","t":"Gift Note Preview","d":"A gift note section pairing the rules a handwritten note follows and three starter lines w","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-gifting-sections-gift-reminder-service","t":"Gift Reminder Service","d":"A split pairing a three email reminder timeline and save a date button with an example sav","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-gifting-sections-gift-returns-promise-band","t":"Gift Returns Promise Band","d":"Four facts that cover the recipient through January 31 with the buyer never told about a r","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-gifting-sections-gift-wrapping-gallery","t":"Gift Wrapping Gallery","d":"Three bench photos of the actual wrap with the $6 broken into paper, ribbon, and four benc","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-gifting-sections-group-gift-explainer","t":"Group Gift Explainer","d":"One person starts it, others chip in by link, with three honest rules stated before it goe","s":"shadcn-ui-blocks","c":"actions/link","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-gifting-sections-last-minute-gifts-grid","t":"Last Minute Gifts Grid","d":"Three tiers ordered by certainty for December 23, the e gift card first and bags honestly ","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-gifting-sections-occasion-gift-guide","t":"Occasion Gift Guide","d":"Four occasion cards with a photo, plain reasoning, the pick with price, and a smaller pick","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent"},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-about-our-prices","t":"About Our Prices","d":"The bestseller's tag itemized to the margin, a price defended, not apologized for.","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-bulk-pricing-tiers","t":"Bulk Pricing Tiers","d":"A volume pricing section showing four quantity tiers as a card row with per unit prices, t","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-community-discount-grid","t":"Community Discount Grid","d":"An eligibility discount grid of four groups as icon cards stating the proof required and h","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-duties-included-band","t":"Duties Included Band","d":"The checkout price is the last number, with the refuse and email us record.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-financing-explainer","t":"Financing Explainer","d":"Pay in three with worked math, return mechanics, and who should skip it.","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-first-repair-free-card","t":"First Repair Free Card","d":"First repair free even secondhand, the mechanics ruled and the commercial reasoning publis","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-free-adjustments-card","t":"Free Adjustments Card","d":"Strap, holes, and handles adjusted free forever on any product with bench minutes and the ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-free-shipping-threshold-bar","t":"Free Shipping Threshold Bar","d":"The $75 threshold with the real $7 cost, advising against padding the cart.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-gift-wrapping-callout","t":"Gift Wrapping Callout","d":"The wrap pictured with three gifting promises, free paper wrap and priceless receipts.","s":"shadcn-ui-blocks","c":"overlays/alert-banner","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-guarantee-band","t":"Guarantee Band","d":"The ten year promise in a primary band with honored, declined, and median repair time.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-holiday-returns-extension","t":"Holiday Returns Extension","d":"Gift returns through January 31, automatic, with the unchanged rules listed.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-lifetime-guarantee-spotlight","t":"Lifetime Guarantee Spotlight","d":"Hardware covered for the life of the bag with five things that do not void it and one thin","k":"motion","s":"shadcn-ui-blocks","c":"motion/background","sb":"Beams and light"},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-loyalty-not-points-explainer","t":"Loyalty Not Points Explainer","d":"Why there is no points program, the breakage math stated, and the three real alternatives ","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-packaging-explainer","t":"Packaging Explainer","d":"The parcel layer by layer, material and disposal route, one bin.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-payment-options-row","t":"Payment Options Row","d":"Accepted methods as text chips with the three payment facts that actually reassure.","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-price-match-promise","t":"Price Match Promise","d":"Automatic refunds on our own price drops, with last year's count and no asterisk.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["playful"],"sb":"Shop sections","sy":["playful"]},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-price-match-promise-card","t":"Price Match Promise Card","d":"Own-price match only, with the nightly diff mechanic and a worked example showing $27 back","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-referral-give-get","t":"Referral Give Get","d":"A referral section pairing the give and get amounts as twin cards, then a ruled list of pa","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-returns-rate-transparency","t":"Returns Rate Transparency","d":"The published 6.2 percent return rate with its category context, named culprit, and named ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-shipping-protection-card","t":"Shipping Protection Card","d":"Protection included free with three plain claim rules and the 0.4% rate.","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-shipping-returns-row","t":"Shipping Returns Row","d":"The three column trust band where every policy claim carries a number.","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-sustainability-notes","t":"Sustainability Notes","d":"Four numbered environmental facts with the unfinished one stated as a percentage.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-warranty-table","t":"Warranty Table","d":"Coverage by failure type, including what is not covered and what happens anyway.","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:ecommerce-pro-incentives-sections-welcome-code-explainer","t":"Welcome Code Explainer","d":"A welcome offer split pairing the signup discount and its three plain rules with a dated a","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","tg":["webgl"],"sb":"Verification","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-international-sections-country-shipping-table","t":"Country Shipping Table","d":"Six regions with real day ranges, a duties column naming the collector, and tracking confi","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:ecommerce-pro-international-sections-cross-border-delivery-timeline","t":"Cross Border Delivery Timeline","d":"A vertical rail walking a parcel through five international shipping stages, each with an ","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:ecommerce-pro-international-sections-currency-and-duties-toggle","t":"Currency And Duties Toggle","d":"One product repriced across three currencies with the bank rate disclosure inside the card","s":"shadcn-ui-blocks","c":"actions/switch","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-international-sections-customs-paperwork-explainer","t":"Customs Paperwork Explainer","d":"The customs form field by field, and the gift undervalue request declined as the fraud it ","s":"shadcn-ui-blocks","c":"inputs/form-field"},{"id":"shadcn-ui-blocks:ecommerce-pro-international-sections-duties-calculator-card","t":"Duties Calculator Card","d":"Country chips reveal landed cost, with who collects duties stated per region.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-international-sections-global-fulfillment-hubs","t":"Global Fulfillment Hubs","d":"A network stat strip above three dispatch hub cards, each naming the regions it serves, it","s":"shadcn-ui-blocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-international-sections-international-orders-faq","t":"International Orders Faq","d":"Five cross border questions answered, duties first, the customs delay named honestly.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-international-sections-international-returns-steps","t":"International Returns Steps","d":"A split layout pairing the returns promise and money facts with a numbered four step card ","s":"shadcn-ui-blocks","c":"inputs/form-field","tg":["playful"],"sy":["playful"]},{"id":"shadcn-ui-blocks:ecommerce-pro-international-sections-landed-cost-comparison","t":"Landed Cost Comparison","d":"Two side by side receipts pricing the same international order both ways, duties prepaid a","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcn-ui-blocks:ecommerce-pro-international-sections-where-we-ship-list","t":"Where We Ship List","d":"Where we ship with per region notes, and the refusal list with reasons published.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-journal-sections-article-list-rows","t":"Article List Rows","d":"The journal as dated rows, category, read time, and a one line standfirst each.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:ecommerce-pro-journal-sections-care-column-split","t":"Care Column Split","d":"The care column with a routine readers can finish, five minutes a month.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:ecommerce-pro-journal-sections-field-notes-grid","t":"Field Notes Grid","d":"A heading and intro over a responsive grid of reader dispatch cards, each showing a locati","s":"shadcn-ui-blocks","c":"inputs/form-field"},{"id":"shadcn-ui-blocks:ecommerce-pro-journal-sections-from-the-bench-column","t":"From The Bench Column","d":"Three repair cases told as what failed and the lesson, written by the bench.","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-journal-sections-from-the-floor-qa","t":"From The Floor Qa","d":"Three inbox questions answered by whoever actually knows, name and job on every answer.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-journal-sections-guide-cards-grid","t":"Guide Cards Grid","d":"Six evergreen guides as cards, each promising a decision rather than content.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-journal-sections-how-to-steps-article","t":"How To Steps Article","d":"One repair taught in four numbered steps with the bail out point marked.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:ecommerce-pro-journal-sections-issue-archive-timeline","t":"Issue Archive Timeline","d":"A centered heading and intro above back issues grouped by year, each row linking an issue ","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:ecommerce-pro-journal-sections-journal-hero-feature","t":"Journal Hero Feature","d":"The lead story big with a placeholder, three secondary headlines stacked beside it.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-journal-sections-journal-newsletter-signup","t":"Journal Newsletter Signup","d":"A two column split pairing an email signup form with a list of recent issue subject lines,","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:ecommerce-pro-journal-sections-journal-topics-index","t":"Journal Topics Index","d":"The journal mapped by topic with article counts and the best first read.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:ecommerce-pro-journal-sections-materials-deep-dive-article","t":"Materials Deep Dive Article","d":"The 18 oz canvas argued by the buyer who picks it, the contract spec callout, and the trad","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:ecommerce-pro-journal-sections-workshop-film-chapters","t":"Workshop Film Chapters","d":"A heading and intro above a wide video still with a play button and runtime, then a two co","s":"shadcn-ui-blocks","c":"actions/button","sb":"Loading and states"},{"id":"shadcn-ui-blocks:ecommerce-pro-journal-sections-year-of-wear-photo-log","t":"Year Of Wear Photo Log","d":"Six months from twelve, the same bag photographed with no wax touch ups, the honest aging ","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:ecommerce-pro-lookbook-sections-archive-lookbooks-index","t":"Archive Lookbooks Index","d":"Every season kept online, each tile counting what is still made.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-lookbook-sections-behind-the-scenes-row","t":"Behind The Scenes Row","d":"Four outtakes with captions from the actual shoot day, the seams shown.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-lookbook-sections-behind-the-shoot-notes","t":"Behind The Shoot Notes","d":"Three lookbook frames with honest production captions and the full shoot budget published ","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-lookbook-sections-campaign-strip-band","t":"Campaign Strip Band","d":"Three campaign frames with an offset middle and one button to the full lookbook.","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-lookbook-sections-contact-sheet-selects","t":"Contact Sheet Selects","d":"A dense numbered grid of shoot frames with the selects that made the book marked, closed b","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:ecommerce-pro-lookbook-sections-customer-styled-lookbook","t":"Customer Styled Lookbook","d":"Six owner photos, unretouched, paid in store credit and disclosed.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-lookbook-sections-editorial-spread-split","t":"Editorial Spread Split","d":"One magazine spread, a large frame beside styling notes and the itemized pieces.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-lookbook-sections-lookbook-cover-credits","t":"Lookbook Cover Credits","d":"A centered lookbook cover with title, standfirst, and two actions over one wide frame, clo","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-lookbook-sections-lookbook-film-chapters","t":"Lookbook Film Chapters","d":"A lookbook film player blueprint with a chapter marked progress bar beside a timestamped c","s":"shadcn-ui-blocks","c":"data-viz/progress-bar"},{"id":"shadcn-ui-blocks:ecommerce-pro-lookbook-sections-numbered-look-list","t":"Numbered Look List","d":"The outfit image beside numbered pieces in dressing order, no overlaid pins.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-lookbook-sections-one-piece-three-ways","t":"One Piece Three Ways","d":"Three captioned frames in a row showing one overshirt styled three ways, each with its sup","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-lookbook-sections-seasonal-gallery-grid","t":"Seasonal Gallery Grid","d":"The lookbook as mixed ratio frames with shopping in the captions, not on the photos.","s":"shadcn-ui-blocks","c":"media/gallery","sb":"Grids"},{"id":"shadcn-ui-blocks:ecommerce-pro-lookbook-sections-seasonal-lookbook-spread","t":"Seasonal Lookbook Spread","d":"The AW26 spread: one large frame, three supporting squares, and the pieces in the photos a","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-lookbook-sections-shop-the-shoot-grid","t":"Shop The Shoot Grid","d":"One lookbook frame with every item in it priced or declared not for sale, nothing in frame","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-membership-sections-gift-membership-panel","t":"Gift Membership Panel","d":"A two column layout with numbered how it works steps beside a gift certificate card listin","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:ecommerce-pro-membership-sections-join-flow-card","t":"Join Flow Card","d":"The signup card with cancel mechanics spelled out before the button, not after.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-membership-sections-member-early-access-calendar","t":"Member Early Access Calendar","d":"The next drops with member and everyone dates side by side, sequence not exclusivity.","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:ecommerce-pro-membership-sections-member-number-card","t":"Member Number Card","d":"The member number framed as a birthday not a rank, with renewal date and a two click cance","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:ecommerce-pro-membership-sections-member-price-strip","t":"Member Price Strip","d":"A heading and intro above a four column product grid, each card showing the everyone price","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-membership-sections-member-savings-chart","t":"Member Savings Chart","d":"A two column split with heading and copy beside a card holding a line chart of cumulative ","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:ecommerce-pro-membership-sections-member-stories-row","t":"Member Stories Row","d":"Three members quoted on their own verified math rather than enthusiasm.","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-membership-sections-member-year-recap","t":"Member Year Recap","d":"A centered heading and intro above an itemized recap card totaling one membership year dow","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-membership-sections-membership-benefits-table","t":"Membership Benefits Table","d":"Guest, free account, and member side by side, nothing free ever moves paid.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-membership-sections-membership-faq","t":"Membership Faq","d":"Five membership questions including the one that says do not join and the honest early acc","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-membership-sections-membership-landing-hero","t":"Membership Landing Hero","d":"The program as a calculator, not a club, with the breakeven stated against the sale.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:ecommerce-pro-membership-sections-membership-math-explainer","t":"Membership Math Explainer","d":"The fee worked three ways, including the spender who is told not to join.","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-all-orders-timeline","t":"All Orders Timeline","d":"Every open order as a compact row with its one line status and link, one page, every parce","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-carrier-handoff-card","t":"Carrier Handoff Card","d":"Two stacked carrier legs, each with its own tracking number and status badge, joined by a ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-courier-contact-card","t":"Courier Contact Card","d":"The courier for the van, the store for everything else, split honestly.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-delivery-day-timeline","t":"Delivery Day Timeline","d":"The day-of courier scan feed: stop count, firming window, and the driver note shown verbat","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-delivery-instructions-card","t":"Delivery Instructions Card","d":"Ranked fallbacks with honor rates from real delivery data and the keep it short finding.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-delivery-photo-confirmation","t":"Delivery Photo Confirmation","d":"The courier's proof photo with privacy terms and the that is not my door path.","s":"shadcn-ui-blocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-delivery-route-map","t":"Delivery Route Map","d":"A static street grid with the traveled route solid and remaining route dotted, beside a li","s":"shadcn-ui-blocks","c":"data-viz/map"},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-delivery-window-card","t":"Delivery Window Card","d":"The window as the headline with the narrowing schedule and day of options.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-guest-order-lookup","t":"Guest Order Lookup","d":"Two column lookup with a headline, three hints on where the order number lives, and a card","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-international-tracking-view","t":"International Tracking View","d":"Five stage tracker with the customs stage annotated honestly and the filing threshold stat","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-late-order-compensation-card","t":"Late Order Compensation Card","d":"The automatic shipping refund when the miss is ours, help not compensation when it is the ","s":"shadcn-ui-blocks","c":"data-display/card","tg":["playful"],"sb":"Product","sy":["playful"]},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-order-issues-card","t":"Order Issues Card","d":"The three delivery failures with paths that never start with prove it.","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-order-status-card","t":"Order Status Card","d":"One order as a compact card with status chip, delivery window, and two actions.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-pickup-instructions-card","t":"Pickup Instructions Card","d":"Locker collection with the code at display size and the deadline policy stated.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-pickup-ready-status","t":"Pickup Ready Status","d":"Pickup code shown large, hold date in calendar not a countdown, and the ID rules by pickup","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-preorder-progress-tracker","t":"Preorder Progress Tracker","d":"Five dated production stages, yours is bag 14 of 32 in the batch.","s":"shadcn-ui-blocks","c":"data-viz/progress-bar"},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-reschedule-delivery-card","t":"Reschedule Delivery Card","d":"A centered card with a tappable week of day chips, three arrival windows as radio rows, an","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-return-status-tracker","t":"Return Status Tracker","d":"The return as a refund tracker, every stage says where the money is.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["playful"],"sb":"Stats","sy":["playful"]},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-shipment-updates-list","t":"Shipment Updates List","d":"Courier scan codes translated into human sentences, the raw code kept visible.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-split-shipment-tracker","t":"Split Shipment Tracker","d":"Two parcels, one order, the split explained and shipping charged once.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-tracking-faq-strip","t":"Tracking Faq Strip","d":"The four questions people ask while staring at tracking, answered in one band.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-tracking-timeline","t":"Tracking Timeline","d":"Four stages on a vertical line with timestamps, the current one pulsing.","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:ecommerce-pro-order-tracking-weather-delay-notice","t":"Weather Delay Notice","d":"Storm pause with the courier reasoning published, the new date stated, and nothing to do.","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:ecommerce-pro-payment-sections-accepted-methods-row","t":"Accepted Methods Row","d":"Payment options in three named groups as italic chips with one honest line each and two ab","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-payment-sections-bank-transfer-invoice-card","t":"Bank Transfer Invoice Card","d":"Invoice payment for orders over 500 in three numbered rows with the speed caveat printed a","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-payment-sections-declined-card-playbook","t":"Declined Card Playbook","d":"A four step vertical timeline of what happens when a card declines, from the same second t","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-payment-sections-installments-honest-math","t":"Installments Honest Math","d":"The BNPL split printed in mono arithmetic with the late fee row and the cheaper lookalike ","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-payment-sections-multi-currency-pricing-table","t":"Multi Currency Pricing Table","d":"One product priced across three regions with the tax content of each price written into th","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-payment-sections-no-surcharge-receipt","t":"No Surcharge Receipt","d":"A two column zero surcharge promise where a left list names three fees other checkouts add","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-payment-sections-payment-security-explainer","t":"Payment Security Explainer","d":"Three plain rows on where the card number goes by architecture with no padlock icons and n","s":"shadcn-ui-blocks","c":"data-display/badge","tg":["webgl"],"sb":"Labels","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-payment-sections-refund-speed-by-method","t":"Refund Speed By Method","d":"A refund timing comparison where each payment method row names its method, days to land, a","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["playful"],"sy":["playful"]},{"id":"shadcn-ui-blocks:ecommerce-pro-payment-sections-saved-card-controls","t":"Saved Card Controls","d":"A two column saved card explainer where a left list states what saving stores and what rem","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-payment-sections-why-no-crypto-card","t":"Why No Crypto Card","d":"The honest no on crypto with the 60 day refund volatility math and a promise to update whe","s":"shadcn-ui-blocks","c":"data-display/card","tg":["playful"],"sb":"Product","sy":["playful"]},{"id":"shadcn-ui-blocks:ecommerce-pro-post-purchase-sections-delivery-feedback-card","t":"Delivery Feedback Card","d":"One handover question with four chips, where the answer goes, and why it never touches the","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-post-purchase-sections-first-use-guide-card","t":"First Use Guide Card","d":"Three timed steps before the first rain, each with the failure mode it prevents and the ho","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-post-purchase-sections-honest-review-request","t":"Honest Review Request","d":"The review email shown in full at three weeks, no incentive stated inside it and one remin","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-post-purchase-sections-missed-delivery-playbook","t":"Missed Delivery Playbook","d":"A centered heading over three ordered attempt cards, each pairing an icon, step label, del","s":"shadcn-ui-blocks","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-post-purchase-sections-order-edit-window-card","t":"Order Edit Window Card","d":"The 60 minute self serve window: address, size, or cancel from the order email with no con","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:ecommerce-pro-post-purchase-sections-packaging-recycling-guide","t":"Packaging Recycling Guide","d":"A left aligned heading above four material tiles, each with an icon, description, a bin ba","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:ecommerce-pro-post-purchase-sections-packing-slip-explainer","t":"Packing Slip Explainer","d":"Annotated slip mockup: contents and serials, gift prices stripped, QR return, and initials","s":"shadcn-ui-blocks","c":"media/mockup"},{"id":"shadcn-ui-blocks:ecommerce-pro-post-purchase-sections-product-registration-card","t":"Product Registration Card","d":"Serial plus email attaches the guarantee to the product itself, with three things registra","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-post-purchase-sections-reorder-reminder-card","t":"Reorder Reminder Card","d":"A centered column with a usage curve card marking the single reminder day, a three rule gr","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-post-purchase-sections-spare-parts-counter","t":"Spare Parts Counter","d":"A two column split pairing three checkmark promises with a parts panel listing each part b","k":"motion","s":"shadcn-ui-blocks","c":"motion/number-ticker","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-post-purchase-sections-what-happens-next-timeline","t":"What Happens Next Timeline","d":"Four stage dot timeline from payment to door, with the quiet stretch named as the system w","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:ecommerce-pro-prebuilt-pages-care-hub-page","t":"Care Hub Page","d":"Full care page sorted by material, with a schedule table, a kit picker, and a step by step","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:ecommerce-pro-prebuilt-pages-contact-page","t":"Contact Page","d":"Full contact page routing each question to the right channel, with real reply times and a ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:ecommerce-pro-prebuilt-pages-home-page","t":"Home Page","d":"Storefront home with category bar nav, mosaic hero, catalog split, ranked bestsellers, and","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-prebuilt-pages-membership-page","t":"Membership Page","d":"Membership landing that argues with arithmetic including the profile where joining loses m","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-prebuilt-pages-product-page","t":"Product Page","d":"Product detail with sustainability panel, photo review wall, care kit attach, and shipping","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-prebuilt-pages-repairs-hub-page","t":"Repairs Hub Page","d":"Repairs hub with the published price table, live bench queue, request form, and turnaround","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:ecommerce-pro-prebuilt-pages-resale-landing-page","t":"Resale Landing Page","d":"Resale landing, the estimator first for sellers, graded listings and the loop counted for ","k":"page","s":"shadcn-ui-blocks","c":"pages/templates","sb":"Auth pages"},{"id":"shadcn-ui-blocks:ecommerce-pro-prebuilt-pages-returns-center-page","t":"Returns Center Page","d":"Returns center with plain policy first, start flow, refund timeline, and a full FAQ before","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","tg":["playful"],"sy":["playful"]},{"id":"shadcn-ui-blocks:ecommerce-pro-pricing-transparency-sections-cost-breakdown-bars","t":"Cost Breakdown Bars","d":"The $185 tote split into five labeled bars with dollar amounts and a note on each line tha","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-pricing-transparency-sections-cost-of-free-returns-explainer","t":"Cost Of Free Returns Explainer","d":"The $6.10 per return, the 6.2% rate, and the 38 cents on every order with the arithmetic p","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-pricing-transparency-sections-cost-per-wear-math","t":"Cost Per Wear Math","d":"Three equation tiles divide the price across a ten year design life, above a marked decade","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-pricing-transparency-sections-input-cost-index","t":"Input Cost Index","d":"Four stat cards hold each raw input cost with its current rate, twelve month movement, and","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-pricing-transparency-sections-no-sales-policy-card","t":"No Sales Policy Card","d":"Why no sales ever, in three numbered rows, with the archive exception.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-pricing-transparency-sections-price-history-table","t":"Price History Table","d":"Every price since 2015 with the published reason per change including the year the price w","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcn-ui-blocks:ecommerce-pro-pricing-transparency-sections-price-questions-accordion","t":"Price Questions Accordion","d":"An accordion answers five blunt questions about the price, each written plainly, with the ","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-pricing-transparency-sections-retail-markup-comparison","t":"Retail Markup Comparison","d":"Two side by side channel cards break the same tote into additive cost rows, one priced thr","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcn-ui-blocks:ecommerce-pro-pricing-transparency-sections-wage-transparency-card","t":"Wage Transparency Card","d":"Floor rate, median, and the local living wage published beside the labor cost line.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcn-ui-blocks:ecommerce-pro-pricing-transparency-sections-what-margin-pays-for","t":"What Margin Pays For","d":"The $40 margin itemized, repairs to reserve, profit stated without apology.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-pricing-transparency-sections-why-this-price-explainer","t":"Why This Price Explainer","d":"The case for $185 against the $90 lookalike, with the sincere concession included.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-care-sections-care-by-material-tabs","t":"Care By Material Tabs","d":"Three material routines in tabs, numbered steps, a frequency line, one product each.","s":"shadcn-ui-blocks","c":"navigation/tabs","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-product-care-sections-care-dos-donts","t":"Care Dos and Donts","d":"Two side by side panels list five care habits to always do and five to never do, each with","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-care-sections-care-kit-picker","t":"Care Kit Picker","d":"Three kits with the recommended tag on the cheapest one, on purpose.","s":"shadcn-ui-blocks","c":"inputs/select","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-product-care-sections-care-label-decoder","t":"Care Label Decoder","d":"A static mockup of the sewn in care label sits beside its five stitched symbols, each tran","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Animated fields"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-care-sections-care-schedule-table","t":"Care Schedule Table","d":"Four seasons, one five minute task each, and a Summer row that says do nothing.","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-care-sections-care-video-library","t":"Care Video Library","d":"Three short tutorial cards, each with a video thumbnail, runtime, a job summary, and the t","s":"shadcn-ui-blocks","c":"media/player","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-product-care-sections-leather-aging-timeline","t":"Leather Aging Timeline","d":"Year 0 to 5 as four tiles, what patina is normal at each, cracking named as a claim, not a","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-care-sections-leather-care-faq","t":"Leather Care Faq","d":"Five bench answers, early cracking is a claim, and the vegan question unguarded.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-care-sections-repair-bench-menu","t":"Repair Bench Menu","d":"A three step mail in repair process sits beside a six line price list with turnaround time","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-product-care-sections-stain-first-aid-guide","t":"Stain First Aid Guide","d":"Four stains with do now, never do, and bench it if, ink answered honestly.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-care-sections-storage-guide-split","t":"Storage Guide Split","d":"Storage rules beside the image, the shipping bag revealed as the storage bag.","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-care-sections-winterizing-checklist","t":"Winterizing Checklist","d":"Five steps with minute estimates, seams first, and the paid bench option offered without a","s":"shadcn-ui-blocks","c":"inputs/checkbox"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-finders-bag-finder-quiz","t":"Bag Finder Quiz","d":"Two questions narrow nineteen bags to a shortlist, with the logic stated.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-finders-budget-finder-band","t":"Budget Finder Band","d":"Three price tiles stating what each number buys, $200 answered honestly.","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-product-finders-finalist-duel","t":"Finalist Duel","d":"Two finalist bags side by side with spec rows where bold marks the better number and ties ","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-finders-finder-decision-tree","t":"Finder Decision Tree","d":"The finder logic printed as a static branching tree of yes and no questions leading to fou","s":"shadcn-ui-blocks","c":"data-display/tree"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-finders-finder-entry-tiles","t":"Finder Entry Tiles","d":"Three ways into the catalog by question asked, not category browsed.","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-product-finders-finder-results-grid","t":"Finder Results Grid","d":"The quiz verdict, one best match argued and two alternatives with trade offs.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-finders-first-bag-finder","t":"First Bag Finder","d":"Three questions pre filled to the most common answers, the verdict card and the honest for","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-product-finders-gift-finder-card","t":"Gift Finder Card","d":"Recipient and budget in, three candidates out, with the safe pick flagged.","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-product-finders-load-calculator","t":"Load Calculator","d":"Checklist of everyday carry items that tallies liters live beside a verdict panel recommen","s":"shadcn-ui-blocks","c":"actions/button","sb":"Loading and states"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-finders-quiz-step-card","t":"Quiz Step Card","d":"One finder question as a full card, progress shown, skippable by design.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-finders-use-case-matrix","t":"Use Case Matrix","d":"A fit matrix with five weeks down the side and four bags across the top, each cell a three","s":"shadcn-ui-blocks","c":"data-display/table","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-archive-pieces-grid","t":"Archive Pieces Grid","d":"Resale one of ones at grid scale, each card carrying its serial, grade, price, and one lin","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-bestsellers-by-numbers-grid","t":"Bestsellers By Numbers Grid","d":"Four products ranked by units sold this year, the count on every card and last place inclu","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-bestsellers-rail","t":"Bestsellers Rail","d":"A snap scrolling ranked strip with units sold, no carousel scripts.","s":"shadcn-ui-blocks","c":"media/carousel"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-colorway-family-grid","t":"Colorway Family Grid","d":"One product in every colorway it has ever had: permanent, live batch count, and retired li","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-complete-collection-grid","t":"Complete Collection Grid","d":"All 19 products on one page with the honest admission that there is no page two.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-dense-list-rows","t":"Dense List Rows","d":"Products as comparison rows with mono spec lines, ratings, and add buttons.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-editorial-two-column","t":"Editorial Two Column","d":"Four products with large images and a full written sentence under each.","s":"shadcn-ui-blocks","c":"media/gallery","sb":"Grids"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-featured-tile-grid","t":"Featured Tile Grid","d":"A mixed size product grid where one hero piece spans a double tile beside four supporting ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-gift-guide-grid-priced","t":"Gift Guide Grid Priced","d":"Picks under budget bands where every why is gifting logic, not product copy.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-grid-with-filters-sidebar","t":"Grid With Filters Sidebar","d":"The standard category page, a filter rail with result counts beside a rated product grid.","s":"shadcn-ui-blocks","c":"navigation/sidebar"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-grid-with-sort-pills","t":"Grid With Sort Pills","d":"Working sort pills reorder the grid live, bestselling, price, and newest.","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-last-chance-grid","t":"Last Chance Grid","d":"Discontinued stock with live counts and the reason each is leaving.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-most-repaired-grid","t":"Most Repaired Grid","d":"Four tiles wearing repair counts as proof of service and the reframe that repairs mean kep","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-new-in-grid-dated","t":"New In Grid Dated","d":"Arrivals grouped by week so returning visitors know where they left off.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-one-of-each-grid","t":"One Of Each Grid","d":"The four piece starter set with total stated and a footer that advises to start with just ","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-preorder-grid","t":"Preorder Grid","d":"A preorder grid for a numbered batch, each card showing its ship window, price, a claimed ","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-recently-restocked-grid","t":"Recently Restocked Grid","d":"This week's returns, each card dated with how long it was gone.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-sale-grid-with-badges","t":"Sale Grid With Badges","d":"The markdown rack with percent badges, both prices, and live stock notes per card.","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-simple-four-column","t":"Simple Four Column","d":"The catalog reduced to image, name, and price in four disciplined columns.","s":"shadcn-ui-blocks","c":"media/gallery","tg":["minimal"],"sb":"Grids","sy":["minimal"]},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-split-category-grid","t":"Split Category Grid","d":"A sticky editorial column beside the grid, the magazine category page.","s":"shadcn-ui-blocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-staff-picks-grid","t":"Staff Picks Grid","d":"Four picks from repairs, the bench, the returns desk, and email with the cost discount dis","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-tabbed-category-grid","t":"Tabbed Category Grid","d":"A product grid split across category tabs, each tab showing four bestsellers with a total ","s":"shadcn-ui-blocks","c":"navigation/tabs"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-under-50-gifts-grid","t":"Under 50 Gifts Grid","d":"Real range items under $50 with who it suits captions, gift cards as the fallback.","s":"shadcn-ui-blocks","c":"inputs/slider"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-with-color-swatches","t":"With Color Swatches","d":"A grid with colorway dots and overflow counts, inventory truth on every card.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-with-quick-add","t":"With Quick Add","d":"Consumable cards with add buttons so replenishment never leaves the listing.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-with-rating-rows","t":"With Rating Rows","d":"Cards led by their rating row and closed with one quoted review line each.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-grids-with-size-availability","t":"With Size Availability","d":"A product grid printing every size on each card, live sizes as chips and sold out sizes st","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-accessory-overview","t":"Accessory Overview","d":"The $22 brass fob page with three spec rows, the straight faced guarantee, and shipping ho","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-bundle-kit-overview","t":"Bundle Kit Overview","d":"Every kit piece priced on its own row with the belt advisory directing belt owners to skip","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-bundle-product","t":"Bundle Product","d":"A set priced against its itemized total with every included piece and its solo price.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-capacity-overview","t":"Capacity Overview","d":"A product overview pairing a numbered interior map of every compartment with a matching le","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-digital-download","t":"Digital Download","d":"A digital product with its exact file manifest, license terms, and a free sample.","s":"shadcn-ui-blocks","c":"actions/button","sb":"Loading and states"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-gallery-with-details","t":"Gallery With Details","d":"The canonical product top, gallery with thumbnail rail beside price, rating, and buy stack","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-heavy-freight-overview","t":"Heavy Freight Overview","d":"The furniture page where delivery gets equal billing, crew, room, doorway.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-limited-colorway-overview","t":"Limited Colorway Overview","d":"One dye lot of 200, live counts, the restock verdict, and the permanent alternative named ","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-made-to-order-overview","t":"Made To Order Overview","d":"The bespoke product with its make week, live queue, and charged at dispatch promise.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-minimal-product-spec","t":"Minimal Product Spec","d":"A spec table doing the persuading, seven concrete rows and no imagery by design.","s":"shadcn-ui-blocks","c":"actions/button","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-overview-with-inline-faq","t":"Overview With Inline Faq","d":"Product page ending in three inbox sourced questions answered with the specificity that re","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-overview-with-trade-in-offer","t":"Overview With Trade In Offer","d":"Product page with the trade in card inline, credit landing at the courier scan, any brand ","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-personalised-product-overview","t":"Personalised Product Overview","d":"Live initials preview on the product as you type, placement honesty included.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-product-video-split","t":"Product Video Split","d":"The demo video chaptered, jump straight to the rain test or the pockets.","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-refurbished-grade-overview","t":"Refurbished Grade Overview","d":"One traded in unit with its serial, inspection report, and price against new.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-split-with-sticky-buy","t":"Split With Sticky Buy","d":"A long product story scrolls while a compact buy panel stays pinned beside it.","s":"shadcn-ui-blocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-subscription-options","t":"Subscription Options","d":"One time versus subscribe as selectable cards with the cancel terms inside the option.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-trade-unit-overview","t":"Trade Unit Overview","d":"The B2B product page with volume bands, one fleet spec change stated, Net 30 terms, and an","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-with-accordion-details","t":"With Accordion Details","d":"A clean buy fold with materials, care, shipping, and guarantee folded into an accordion.","s":"shadcn-ui-blocks","c":"data-display/accordion","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-with-ingredients-list","t":"With Ingredients List","d":"Every ingredient named with purpose and source, the INCI pattern for goods.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-with-model-comparison","t":"With Model Comparison","d":"A product overview above a full comparison table of every model in the range, the viewed c","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-with-monogram-options","t":"With Monogram Options","d":"Letters, placement chips, and the return gate stated before the button changes to say no r","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-with-press-quote","t":"With Press Quote","d":"The buy decision anchored on one earned press sentence, framed and linked.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-with-review-snapshot","t":"With Review Snapshot","d":"A two column product overview pairing an image and buy stack with a star rating histogram ","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-with-shipping-estimator","t":"With Shipping Estimator","d":"Postcode in, a dated delivery answer out, the when question solved on the page.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-with-size-guide-link","t":"With Size Guide Link","d":"Fit guidance at the size row, a crowd verdict banner and a measured guide link.","s":"shadcn-ui-blocks","c":"actions/link"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-with-store-pickup","t":"With Store Pickup","d":"A product overview with delivery and pickup modes, a nearby store list showing live stock ","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-with-sustainability-panel","t":"With Sustainability Panel","d":"Checkable environment facts with the mill named, repairs counted, and the carbon badge ref","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-with-trust-row","t":"With Trust Row","d":"The buy stack closing on four promise tiles that lead with numbers, not adjectives.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-with-variant-swatches","t":"With Variant Swatches","d":"Working color and size selection with the chosen pair echoed in the add to cart button.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-product-overviews-with-wear-photos-overview","t":"With Wear Photos Overview","d":"A gallery aging timeline shows the same bag at new, year one, and year three before checko","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-birthday-club-card","t":"Birthday Club Card","d":"The birthday perk that asks for the month, not the date, terms in one line.","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-bogo-promo-split","t":"Bogo Promo Split","d":"Buy one gift one with the mechanics in three lines and a live unit counter.","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-bundle-and-save-band","t":"Bundle And Save Band","d":"Kit math published in full, both prices printed, the shipping logic underneath.","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-bundle-deal-card","t":"Bundle Deal Card","d":"Two products joined by a plus with the pair price and the saving in the button.","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-countdown-sale-banner","t":"Countdown Sale Banner","d":"A real deadline in a primary band with the policy that powers it, we do not extend.","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-discount-code-band","t":"Discount Code Band","d":"One code in a dashed ticket box with copy button and terms in a single honest line.","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-end-of-season-honesty-band","t":"End Of Season Honesty Band","d":"The seasonal canvas leaving on a date at an unchanged price with the warehouse math printe","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-flash-sale-rows","t":"Flash Sale Rows","d":"The odds and ends rack where every discount names its reason and its exact stock.","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-free-gift-with-purchase","t":"Free Gift With Purchase","d":"The $18 tin free over $150, the real product, not a giveaway sachet.","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-free-shipping-banner","t":"Free Shipping Banner","d":"The threshold as a quiet permanent strip, same number all year, even December.","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-member-pricing-callout","t":"Member Pricing Callout","d":"The loyalty program pitched by a three row price table, not points, not tiers.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-members-week-band","t":"Members Week Band","d":"Early archive access for members 48 hours before the public, with the public date printed ","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-mix-and-match-promo","t":"Mix And Match Promo","d":"A mix and match promo with a heading, a six tile picking grid marking two chosen items, an","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-price-drop-protection","t":"Price Drop Protection","d":"A two column price drop promise pairing three numbered steps with a worked refund receipt ","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement","tg":["playful","webgl"],"sy":["playful","webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-referral-program-split","t":"Referral Program Split","d":"Both sides of the referral deal as equal cards, credited when the order ships.","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-sale-calendar-band","t":"Sale Calendar Band","d":"A centered sale calendar with a heading and a bordered list of dated sale rows, each carry","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-seasonal-promo-tiles","t":"Seasonal Promo Tiles","d":"Every live offer on one screen, each tile carrying its real end condition.","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-spend-save-ladder","t":"Spend Save Ladder","d":"Three rungs with the effective percentage worked at each one.","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-student-discount-card","t":"Student Discount Card","d":"Ten percent off with the verification time, stacking rules, and honest scope all stated be","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-trade-in-bonus-band","t":"Trade In Bonus Band","d":"A dated 20 percent trade in credit bonus with the demand side reason published inline.","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-vip-early-access-band","t":"Vip Early Access Band","d":"The earned regulars tier published whole, benefits, rule, and member count.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-weekend-flash-band","t":"Weekend Flash Band","d":"A real window, a counted scope, and the overstock reason published.","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-welcome-offer-signup","t":"Welcome Offer Signup","d":"A two column email signup with a headline offer, address form, and a fact list on the righ","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-why-no-birthday-club","t":"Why No Birthday Club","d":"The birthday discount declined as data minimalism with what Acme holds and will not ask fo","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:ecommerce-pro-promo-sections-why-no-coupon-field","t":"Why No Coupon Field","d":"The missing code box defended in three arguments, with the gift card exception.","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-repair-service-sections-bench-queue-status","t":"Bench Queue Status","d":"The repair backlog live, queue depth, turnaround, and the bench named.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["3d"],"sy":["3d"]},{"id":"shadcn-ui-blocks:ecommerce-pro-repair-service-sections-mail-in-steps","t":"Mail In Steps","d":"The postal repair in four cards with packing guidance that prevents real mistakes.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:ecommerce-pro-repair-service-sections-meet-the-bench","t":"Meet The Bench","d":"A centered intro above two profile cards, each with an avatar, bio, and three stat rows, c","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-repair-service-sections-parts-trade-in","t":"Parts Trade In","d":"A two column trade in layout with three numbered steps beside a tiered credit table of fou","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-repair-service-sections-repair-cost-estimator","t":"Repair Cost Estimator","d":"Damage type and warranty status in, the real bench price out, with every guarantee repair ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:ecommerce-pro-repair-service-sections-repair-glossary","t":"Repair Glossary","d":"The four bench terms defined in ruled rows with prices so every estimate reads without dec","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:ecommerce-pro-repair-service-sections-repair-guarantee-terms","t":"Repair Guarantee Terms","d":"A centered heading over two side by side cards listing what the guarantee covers and exclu","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:ecommerce-pro-repair-service-sections-repair-pricing-table","t":"Repair Pricing Table","d":"The out of warranty menu published, seven jobs with prices and bench time.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcn-ui-blocks:ecommerce-pro-repair-service-sections-repair-request-form","t":"Repair Request Form","d":"Three fields and two photos start the repair, with the schedule promised in dates.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-repair-service-sections-repair-status-timeline","t":"Repair Status Timeline","d":"A two column repair tracker pairing an intro with a card that steps one ticket through fiv","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:ecommerce-pro-repair-service-sections-repair-stories-gallery","t":"Repair Stories Gallery","d":"Before and after pairs with bench notes, the guarantee shown working.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:ecommerce-pro-repair-service-sections-repair-turnaround-stats","t":"Repair Turnaround Stats","d":"Four bench metrics published like a support inbox with the October queue spike stated upfr","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:ecommerce-pro-repair-service-sections-repair-vs-replace-guide","t":"Repair Vs Replace Guide","d":"The bench's decision rules, including neither and sadly replace.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-repair-service-sections-spare-parts-grid","t":"Spare Parts Grid","d":"Every replaceable part sold individually with fit notes and honest difficulty.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcn-ui-blocks:ecommerce-pro-repair-service-sections-walk-in-hours-card","t":"Walk In Hours Card","d":"Friday bench hours with the fixable list, the ticket list, and no appointment needed.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcn-ui-blocks:ecommerce-pro-resale-sections-bench-restoration-log","t":"Bench Restoration Log","d":"A three column triptych follows one traded in unit from arrival notes through itemized ben","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-resale-sections-buyback-explainer","t":"Buyback Explainer","d":"Why the store buys its own products back, the business case stated out loud.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-resale-sections-circularity-stats-band","t":"Circularity Stats Band","d":"The loop counted in five tiles, with zero landfilled labeled as the one that matters.","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:ecommerce-pro-resale-sections-consignment-vs-buyback-table","t":"Consignment Vs Buyback Table","d":"Two resale routes on four rows, the 12% failure rate included, no verdict picked.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-resale-sections-new-vs-used-compare","t":"New Versus Used Compare","d":"Two side by side cards contrast buying new against a graded resale unit, each with an imag","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-resale-sections-provenance-report-card","t":"Provenance Report Card","d":"One resale unit documented from first sale to regrade with a timestamped record that trave","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-resale-sections-resale-drop-calendar","t":"Resale Drop Calendar","d":"Upcoming graded batches as dated rows including one entry honest enough to call itself TBD","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:ecommerce-pro-resale-sections-resale-faq","t":"Resale Faq","d":"Buyer and seller questions answered, guarantees per grade and the regret clause.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-resale-sections-resale-grading-scale","t":"Resale Grading Scale","d":"Four grades defined once with prices and the guarantees that travel with them.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-resale-sections-resale-value-curve","t":"Resale Value Curve","d":"A two column split pairs a heading and three retention notes with a card charting resale v","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-resale-sections-secondhand-grid","t":"Secondhand Grid","d":"One of one graded pieces with history lines, used goods sold as biographies.","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:ecommerce-pro-resale-sections-sell-back-steps","t":"Sell Back Steps","d":"Estimate to credit in four steps, about a week, the estimate locked from the first.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-resale-sections-trade-in-estimator","t":"Trade In Estimator","d":"Product and honest condition in, the credit out, regrades only ever go up.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-resale-sections-what-we-take","t":"What We Take","d":"A centered intro sits above two panels, one listing four accepted trade ins with reasons a","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-resolution-sections-chargeback-honesty-card","t":"Chargeback Honesty Card","d":"The dispute button named as your right with honest speed math on both routes and a publish","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-resolution-sections-complaint-process-explainer","t":"Complaint Process Explainer","d":"Three complaint stages with real durations and the exits past the store linked rather than","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-resolution-sections-damage-report-card","t":"Damage Report Card","d":"A three step damaged item flow beside a static report form with order number field, photo ","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-resolution-sections-dispute-timeline-explainer","t":"Dispute Timeline Explainer","d":"The chargeback path dated from day zero with honest advice on when a refund request beats ","s":"shadcn-ui-blocks","c":"data-display/timeline","tg":["playful"],"sy":["playful"]},{"id":"shadcn-ui-blocks:ecommerce-pro-resolution-sections-escalation-contacts-card","t":"Escalation Contacts Card","d":"Real addresses in order from the support inbox to the founder to the dispute body that bin","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:ecommerce-pro-resolution-sections-make-it-right-promise","t":"Make It Right Promise","d":"Three automatic fixes for failures the store caused and the line between help and compensa","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-resolution-sections-refund-status-card","t":"Refund Status Card","d":"An example refund tracked across four stages from approval to statement, with wait bars pe","s":"shadcn-ui-blocks","c":"data-display/card","tg":["playful"],"sb":"Product","sy":["playful"]},{"id":"shadcn-ui-blocks:ecommerce-pro-resolution-sections-remedy-options-card","t":"Remedy Options Card","d":"Four remedy cards side by side, each with an icon, an optional badge, a description, and a","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-resolution-sections-resolution-case-log","t":"Resolution Case Log","d":"A single complaint published as a timestamped thread, customer and support messages with s","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:ecommerce-pro-resolution-sections-resolution-outcomes-report","t":"Resolution Outcomes Report","d":"A quarterly complaint report with four headline stat tiles, a shared legend, and segmented","s":"shadcn-ui-blocks","c":"navigation/tabs"},{"id":"shadcn-ui-blocks:ecommerce-pro-resolution-sections-second-look-appeal","t":"Second Look Appeal","d":"A two column appeal section with a three step path on one side and last quarter's appeal o","s":"shadcn-ui-blocks","c":"navigation/tabs","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-restock-sections-batch-status-tracker","t":"Batch Status Tracker","d":"A production heading, a three fact strip, and a five stage vertical timeline of done, in p","s":"shadcn-ui-blocks","c":"data-viz/progress-bar","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-restock-sections-drop-calendar-list","t":"Drop Calendar List","d":"The release pipeline with exact dates emphasized and honest months muted.","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:ecommerce-pro-restock-sections-most-requested-restocks-list","t":"Most Requested Restocks List","d":"The five longest waitlists ranked by queue length, each with batch math and an honest date","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-restock-sections-next-drop-countdown","t":"Next Drop Countdown","d":"A split section with a heading, three countdown tiles, waitlist buttons, and a final conte","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-restock-sections-notify-me-card","t":"Notify Me Card","d":"Out of stock as a dated promise with queue size against batch size.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-restock-sections-notify-me-inline-row","t":"Notify Me Inline Row","d":"The sold out inline row with the batch date when known and the honest unknown when not, or","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-restock-sections-preorder-explainer","t":"Preorder Explainer","d":"Batch preorder mechanics in four steps, charged at dispatch, never before.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-restock-sections-queue-fairness-policy","t":"Queue Fairness Policy","d":"A heading, an intro, and a two by two grid of four icon cards, each stating one waitlist f","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:ecommerce-pro-restock-sections-restock-history-log","t":"Restock History Log","d":"Every past restock dated with units and sell through, the receipt behind the ETA.","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:ecommerce-pro-restock-sections-restock-history-note","t":"Restock History Note","d":"A year of restock promises scored against what landed, the miss included.","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:ecommerce-pro-restock-sections-size-restock-table","t":"Size Restock Table","d":"A heading and a per size table with status badges, next batch dates, queue lengths, and a ","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:ecommerce-pro-restock-sections-stock-counts-explainer","t":"Stock Counts Explainer","d":"How the counters work, sworn in public, the hand set field does not exist.","s":"shadcn-ui-blocks","c":"inputs/form-field"},{"id":"shadcn-ui-blocks:ecommerce-pro-restock-sections-waitlist-position-card","t":"Waitlist Position Card","d":"Your queue position with the batch math stated and a leave button with no guilt.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:ecommerce-pro-restock-sections-why-batches-explainer","t":"Why Batches Explainer","d":"The four operational reasons everything restocks in batches, linked from every sold out ti","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-returns-sections-damaged-item-fast-track","t":"Damaged Item Fast Track","d":"A split layout pairs three photo first steps for damaged arrivals with a static report pan","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-returns-sections-dropoff-map-list","t":"Dropoff Map List","d":"Three nearest return drop points listed with distance, hours, and the honest queue note pe","s":"shadcn-ui-blocks","c":"data-viz/map","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-returns-sections-exchange-instead-panel","t":"Exchange Instead Panel","d":"The swap offer on the honest speed argument, with the refund button kept full size.","s":"shadcn-ui-blocks","c":"data-display/card","tg":["playful"],"sb":"Product","sy":["playful"]},{"id":"shadcn-ui-blocks:ecommerce-pro-returns-sections-holiday-return-window","t":"Holiday Return Window","d":"A three date stat rail marks the holiday window opening, cutoff, and deadline, with gift r","s":"shadcn-ui-blocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-returns-sections-instant-store-credit-option","t":"Instant Store Credit Option","d":"Card refund in 2 to 4 bank days or instant store credit with the reasoning for no bonus pu","s":"shadcn-ui-blocks","c":"actions/button","tg":["playful"],"sy":["playful"]},{"id":"shadcn-ui-blocks:ecommerce-pro-returns-sections-plain-language-policy","t":"Plain Language Policy","d":"The whole returns policy in eight numbered sentences, the legal version linked, not inflic","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-returns-sections-refund-timeline-explainer","t":"Refund Timeline Explainer","d":"Where the money is at each stage, who holds it, and which days are the bank.","s":"shadcn-ui-blocks","c":"data-display/timeline","tg":["playful"],"sy":["playful"]},{"id":"shadcn-ui-blocks:ecommerce-pro-returns-sections-return-condition-guide","t":"Return Condition Guide","d":"Two side by side lists sort eight returns into full refund and keep it, with a closing lin","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["playful"],"sb":"Shop sections","sy":["playful"]},{"id":"shadcn-ui-blocks:ecommerce-pro-returns-sections-return-label-steps","t":"Return Label Steps","d":"Print, QR, or pickup, two free and one priced at the courier cost it is.","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Animated fields"},{"id":"shadcn-ui-blocks:ecommerce-pro-returns-sections-return-tracking-status","t":"Return Tracking Status","d":"The return tracked with the refund milestone embedded before the warehouse stage.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["playful"],"sb":"Stats","sy":["playful"]},{"id":"shadcn-ui-blocks:ecommerce-pro-returns-sections-returns-faq","t":"Returns Faq","d":"Six questions from the returns inbox, including the used item and the missed deadline.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-returns-sections-returns-feedback-loop","t":"Returns Feedback Loop","d":"Three product rows each pair the top return note with the fix that shipped and a before an","s":"shadcn-ui-blocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-returns-sections-start-return-flow","t":"Start Return Flow","d":"The order as selectable rows, the refund promised at the courier scan, not the warehouse.","s":"shadcn-ui-blocks","c":"actions/button","tg":["playful"],"sy":["playful"]},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-ask-an-owner-qa","t":"Ask An Owner Qa","d":"Three QA threads answered by verified owners, staff stepping in once and labeled loudly fo","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-attribute-ratings-breakdown","t":"Attribute Ratings Breakdown","d":"A split reviews section with the overall average and sample size beside four sub scores, e","s":"shadcn-ui-blocks","c":"inputs/rating"},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-critical-reviews-page","t":"Critical Reviews Page","d":"All critical reviews under four stars, newest first with store replies and the honest coun","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-most-helpful-pair","t":"Most Helpful Pair","d":"The top voted positive and critical reviews side by side, both right.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-most-helpful-reviews-panel","t":"Most Helpful Reviews Panel","d":"The top voted positive and critical reviews side by side, chosen by readers.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-photo-review-guidelines-card","t":"Photo Review Guidelines Card","d":"Three honest rules for a useful review photo, a do and do not table, and the five dollar c","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-photo-review-wall","t":"Photo Review Wall","d":"Customer photos with stars, one line, and ownership time from order dates.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-press-and-customer-reviews","t":"Press And Customer Reviews","d":"A two column review section pairing press verdicts with publication marks against verified","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-questions-and-answers","t":"Questions And Answers","d":"Pre purchase questions answered by the team and by owners, labeled and timed.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-rating-over-time-chart","t":"Rating Over Time Chart","d":"Monthly rating as a shadcn line with the dip kept and its recall explained.","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-rating-summary-with-bars","t":"Rating Summary With Bars","d":"The average beside the full distribution, with the one star reviews linked first.","s":"shadcn-ui-blocks","c":"inputs/rating"},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-review-cards-grid","t":"Review Cards Grid","d":"Six short reviews that show how long each reviewer has owned the piece.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-review-highlights-summary","t":"Review Highlights Summary","d":"Recurring review themes with counts and quotes, the mixed one kept, method disclosed.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-review-incentives-disclosure","t":"Review Incentives Disclosure","d":"What reviewers are paid, published next to the stars it governs.","s":"shadcn-ui-blocks","c":"data-display/accordion"},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-review-list-with-photos","t":"Review List With Photos","d":"Full reviews with photo strips and the three star repair story kept on page one.","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-review-topic-filters","t":"Review Topic Filters","d":"Topic chips filter live review quotes by what buyers actually worry about, with mention co","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-reviews-from-returns","t":"Reviews From Returns","d":"A centered heading over three review cards from buyers who returned the product, each show","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-reviews-milestone-band","t":"Reviews Milestone Band","d":"The review program audited, including the critical share, all published.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-reviews-over-the-years","t":"Reviews Over The Years","d":"One quote per ownership band, year one to year five plus, sorted so time does the arguing.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-reviews-with-fit-feedback","t":"Reviews With Fit Feedback","d":"Fit verdict as three div bars with 412 buyer sample, beside two quotes anchored to height ","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-spotlight-review","t":"Spotlight Review","d":"One earned review at editorial scale with the customer's own photos and provenance.","k":"motion","s":"shadcn-ui-blocks","c":"motion/background","sb":"Beams and light"},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-store-response-thread","t":"Store Response Thread","d":"Critical reviews with signed public replies and the fixes they caused.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-verified-buyer-strip","t":"Verified Buyer Strip","d":"The review system's three rules with enforcement counts, the policy as a trust band.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-video-reviews-row","t":"Video Reviews Row","d":"A centered heading over a four up row of customer filmed video thumbnails, each with a pla","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:ecommerce-pro-reviews-sections-write-review-prompt","t":"Write Review Prompt","d":"The review ask with honest expectations, ninety seconds, wear photos welcome.","s":"shadcn-ui-blocks","c":"ai-agent/composer"},{"id":"shadcn-ui-blocks:ecommerce-pro-search-sections-empty-search-state","t":"Empty Search State","d":"Zero results handled honestly, what we checked and three real ways forward.","s":"shadcn-ui-blocks","c":"inputs/search","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-search-sections-guided-search-finder","t":"Guided Search Finder","d":"A guided finder replacing the search box with three toggle chip questions, surfacing the b","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-search-sections-popular-searches-band","t":"Popular Searches Band","d":"This month's top queries as chips, ranked by real counts and dated.","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:ecommerce-pro-search-sections-saved-search-alerts","t":"Saved Search Alerts","d":"A saved searches panel listing each stored query as a row with its save date, what changed","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:ecommerce-pro-search-sections-search-by-photo-card","t":"Search By Photo Card","d":"Snap a bag you saw, get the match, the photo deleted the same minute.","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:ecommerce-pro-search-sections-search-results-page","t":"Search Results Page","d":"Results for a query with the count, sort, and the close miss row below.","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:ecommerce-pro-search-sections-search-suggestions-panel","t":"Search Suggestions Panel","d":"The open search box, recents, popular now, and direct product jumps.","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:ecommerce-pro-search-sections-search-syntax-guide","t":"Search Syntax Guide","d":"A power search reference with six operator cards, each pairing a query fragment chip with ","s":"shadcn-ui-blocks","c":"data-display/code-block"},{"id":"shadcn-ui-blocks:ecommerce-pro-search-sections-search-with-filters-bar","t":"Search With Filters Bar","d":"Results with toggleable filter chips and the count updating per selection.","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:ecommerce-pro-search-sections-store-availability-search","t":"Store Availability Search","d":"A local availability search pairing a product query with nearby store rows showing live sh","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:ecommerce-pro-seconds-sections-discount-bands","t":"Discount Bands","d":"A header above a three column grid of discount bands, each card pairing a fixed markdown p","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-seconds-sections-drop-alert","t":"Drop Alert","d":"A split layout pairing an email signup for the drop schedule with a ledger of the last fou","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:ecommerce-pro-seconds-sections-flaw-glossary","t":"Flaw Glossary","d":"The four words the seconds rail can use, each defined in plain language with a severity li","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect"},{"id":"shadcn-ui-blocks:ecommerce-pro-seconds-sections-photographed-flaw-overview","t":"Photographed Flaw Overview","d":"One second with the flaw photographed close, the discount named, and the full guarantee un","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-seconds-sections-rail-timeline","t":"Rail Timeline","d":"A centered header above a vertical numbered timeline tracing a second through five steps f","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:ecommerce-pro-seconds-sections-seconds-faq","t":"Seconds Faq","d":"Five seconds rail questions answered with glossary words, the unchanged returns and the pr","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-seconds-sections-seconds-grid","t":"Seconds Grid","d":"Four one of one pieces each named by its actual flaw and the discount that flaw earned.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-seconds-sections-seconds-vs-new-table","t":"Seconds Vs New Table","d":"Three rows change when you buy a second and four rows do not, and the unchanged column doe","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-seconds-sections-sold-archive","t":"Sold Archive","d":"A centered header above a three figure stat strip and a ledger of recently sold seconds na","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-seconds-sections-why-seconds-exist-letter","t":"Why Seconds Exist Letter","d":"The QC lead explains the 4% failure rate, the three options, and why naming the flaw won.","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-bulk-order-cart","t":"Bulk Order Cart","d":"Trade quantity cart with volume break shown per line and the next break named when the buy","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-cart-stock-warnings","t":"Cart Stock Warnings","d":"Line items with live stock truth, including the one that sold out waiting.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-cart-with-delivery-estimates","t":"Cart With Delivery Estimates","d":"Each cart line carries its own arrival date and the made to order batch date before paymen","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-cart-with-duties","t":"Cart With Duties","d":"A two column international cart with a destination row, line items, a border explainer, an","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-cart-with-eco-options","t":"Cart With Eco Options","d":"Packaging and speed choices with real trade offs and the honest $2.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-cart-with-gift-split","t":"Cart With Gift Split","d":"Line items grouped by destination, shipping per address, one checkout with gift tracking t","s":"shadcn-ui-blocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-cart-with-installments-preview","t":"Cart With Installments Preview","d":"The total with the four payment split shown inline before the payment page asks you to cho","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-cart-with-order-notes","t":"Cart With Order Notes","d":"A note for the humans packing this, with honored examples that prove readership.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-cart-with-price-drops","t":"Cart With Price Drops","d":"A single column cart where each line shows watched pricing, drops applied with a struck ol","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-cart-with-promo-code","t":"Cart With Promo Code","d":"A visible code field that says where codes come from, applied codes itemized.","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-cart-with-recommendations","t":"Cart With Recommendations","d":"A clean cart above a cross sell rail where every suggestion states its reason.","s":"shadcn-ui-blocks","c":"actions/button","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-cart-with-save-for-later","t":"Cart With Save For Later","d":"The cart with a parked strip that tracks prices and never triggers a campaign.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-cart-with-trade-in","t":"Cart With Trade In","d":"A single column cart pairing a new item with a locked trade in credit, its condition and i","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-compact-cart-summary","t":"Compact Cart Summary","d":"The cart as one strip, count, named preview, total, and checkout.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-empty-cart-state","t":"Empty Cart State","d":"The empty cart as navigation, no guilt, with three labeled exits.","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sb":"Loading and states","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-free-shipping-progress-cart","t":"Free Shipping Progress Cart","d":"A threshold meter with one honest gap closing suggestion under the items.","s":"shadcn-ui-blocks","c":"data-viz/progress-bar"},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-full-cart-page","t":"Full Cart Page","d":"The two column cart with steppers and a summary that promises no checkout surprises.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-gift-options-cart","t":"Gift Options Cart","d":"A working gift toggle with message field, free wrap, and no prices on gift receipts.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-mini-cart-drawer","t":"Mini Cart Drawer","d":"The open drawer with two items, a shipping meter, and honest top up arithmetic.","s":"shadcn-ui-blocks","c":"overlays/sheet"},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-mini-cart-panel","t":"Mini Cart Panel","d":"The slide over cart as a standalone panel with both exits given equal standing.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-saved-for-later-cart","t":"Saved For Later Cart","d":"The parking shelf under the cart, watched while parked, restocks move back.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-shared-cart","t":"Shared Cart","d":"A two column shared cart with a contributors avatar strip, line items tagged by who added ","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:ecommerce-pro-shopping-carts-subscription-items-cart","t":"Subscription Items Cart","d":"Recurring and one time lines separated, with today split from every 4 weeks.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-size-and-fit-belt-sizing-guide","t":"Belt Sizing Guide","d":"Pin to hole on the belt that fits, with the do not order your jeans size rule.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-size-and-fit-between-sizes-decider","t":"Between Sizes Decider","d":"One sizing rule per product type, each backed by ten years of exchange data from the ledge","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-size-and-fit-brand-to-brand-fit-table","t":"Brand To Brand Fit Table","d":"Four brand archetypes translated to an Acme order, with the outdoor row that sends buyers ","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:ecommerce-pro-size-and-fit-cut-comparison","t":"Cut Comparison","d":"The same chest size in three cuts as garment silhouettes with a dashed chest line, each wi","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-size-and-fit-denim-size-matrix","t":"Denim Size Matrix","d":"A waist by inseam availability grid beside a height to inseam picker, so buyers choose bot","s":"shadcn-ui-blocks","c":"inputs/select"},{"id":"shadcn-ui-blocks:ecommerce-pro-size-and-fit-fit-notes-panel","t":"Fit Notes Panel","d":"Four notes from the pattern table, the cut, the between sizes call, and who graded it.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-size-and-fit-glove-sizing-card","t":"Glove Sizing Card","d":"Palm cm to size table with the between sizes rule and the leather stretch already accounte","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-size-and-fit-international-size-conversion","t":"International Size Conversion","d":"House sizes against four systems, with centimeters as the tiebreaker.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-size-and-fit-kids-growth-sizing","t":"Kids Growth Sizing","d":"Age bands with buy ahead advice built in, height decides, age approximates.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-size-and-fit-measure-yourself-guide","t":"Measure Yourself Guide","d":"A drawn figure with three measurement lines, each with a no tape fallback.","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-size-and-fit-measurement-guide-diagram","t":"Measurement Guide Diagram","d":"A drawn garment SVG with lettered measurement lines matching the chart.","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:ecommerce-pro-size-and-fit-model-size-reference","t":"Model Size Reference","d":"Three fit models across the height range in framed cards, each with real measurements, the","s":"shadcn-ui-blocks","c":"inputs/slider","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-size-and-fit-reviewer-fit-feedback","t":"Reviewer Fit Feedback","d":"A true to size distribution built from verified reviews as div bars, beside three reviewer","s":"shadcn-ui-blocks","c":"data-display/avatar","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-size-and-fit-shoe-size-measure","t":"Shoe Size Measure","d":"Paper and pen measurement in three steps, then the centimeter table.","s":"shadcn-ui-blocks","c":"data-display/table","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-size-and-fit-size-chart-all-products","t":"Size Chart All Products","d":"Every sized product on one bookmarkable table, each row linking its full guide and measuri","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:ecommerce-pro-size-and-fit-size-chart-table","t":"Size Chart Table","d":"Garment measurements taken flat, with tolerances and the between sizes verdict.","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:ecommerce-pro-size-and-fit-size-recommender-card","t":"Size Recommender Card","d":"Height and usual size in, a recommendation with its reasoning printed out.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-size-and-fit-strap-length-guide","t":"Strap Length Guide","d":"The 40 cm strap range explained via torso not height, with a string measuring method and w","s":"shadcn-ui-blocks","c":"inputs/slider"},{"id":"shadcn-ui-blocks:ecommerce-pro-social-proof-sections-as-worn-by-row","t":"As Worn By Row","d":"Three customers whose work tests the product, with tenure and their own words.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-social-proof-sections-by-the-numbers-band","t":"By The Numbers Band","d":"Five proof numbers with sources, picked to show people stay, not just arrive.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:ecommerce-pro-social-proof-sections-community-spotlight-interview","t":"Community Spotlight Interview","d":"One customer at length, three questions, the unfixed pocket kept in.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-social-proof-sections-creator-collabs-list","t":"Creator Collabs List","d":"The collab archive with splits disclosed and honest sell through numbers.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:ecommerce-pro-social-proof-sections-customer-photos-cta","t":"Customer Photos Cta","d":"The owner photo ask with usage terms up front, older and dirtier preferred.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:ecommerce-pro-social-proof-sections-independent-tests-panel","t":"Independent Tests Panel","d":"A ruled panel of four third party test results, each row naming the issuer, method, verbat","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:ecommerce-pro-social-proof-sections-new-vs-worn-compare","t":"New Vs Worn Compare","d":"A two column comparison of the same product at day one and year five, each with matching c","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:ecommerce-pro-social-proof-sections-owner-posts-wall","t":"Owner Posts Wall","d":"A responsive wall of six unsolicited owner text posts, each card carrying an avatar, handl","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:ecommerce-pro-social-proof-sections-press-mentions-row","t":"Press Mentions Row","d":"Three dated press quotes, the mixed review kept in on purpose.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-social-proof-sections-press-quotes-row","t":"Press Quotes Row","d":"Three exact press sentences with text wordmarks and dates instead of logo soup.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-social-proof-sections-repair-counter-live-band","t":"Repair Counter Live Band","d":"The year to date repair count as one large integer, broken into three sub counts updated n","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-social-proof-sections-stockist-quotes-row","t":"Stockist Quotes Row","d":"Three wholesale stockists quoted on why they reorder, with the margin disclosure printed b","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-social-proof-sections-thanks-milestones-band","t":"Thanks Milestones Band","d":"The stats band as gratitude, these are your numbers, not ours.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:ecommerce-pro-social-proof-sections-ugc-photo-grid","t":"Ugc Photo Grid","d":"Six owner photos with handles and tenure captions, consent stated in one line.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:ecommerce-pro-social-proof-sections-video-reviews-row","t":"Video Reviews Row","d":"A three column row of independent owner review videos, each with thumbnail, runtime, chann","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-social-proof-sections-years-owned-leaderboard","t":"Years Owned Leaderboard","d":"The longest serving bags from the registration data, numbered rows with a repair prize for","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:ecommerce-pro-spec-sections-capacity-table","t":"Capacity Table","d":"Capacity claims tested by packing real things into a real bag with tight and no rows inclu","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:ecommerce-pro-spec-sections-compatibility-table","t":"Compatibility Table","d":"Accessories matrix across four bags with every cell tested by clipping and a minus meaning","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:ecommerce-pro-spec-sections-dimensions-diagram","t":"Dimensions Diagram","d":"Inline SVG technical line drawing paired with a table for screen readers and copy paste, f","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:ecommerce-pro-spec-sections-full-spec-sheet","t":"Full Spec Sheet","d":"The complete spec table with a tolerance column, because handmade varies and pretending ge","s":"shadcn-ui-blocks","c":"overlays/sheet"},{"id":"shadcn-ui-blocks:ecommerce-pro-spec-sections-hardware-spec-card","t":"Hardware Spec Card","d":"The buckle, zips, and rivets each specified and each carrying its failure rate from the be","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-spec-sections-materials-ledger","t":"Materials Ledger","d":"A ruled ledger listing each material with its use, source mill or tannery, how long the re","s":"shadcn-ui-blocks","c":"actions/switch"},{"id":"shadcn-ui-blocks:ecommerce-pro-spec-sections-spec-revisions","t":"Spec Revisions","d":"A revision log comparing the current version to the last, each changed spec shown as a fro","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-spec-sections-tolerances-note-card","t":"Tolerances Note Card","d":"Three ruled sections on why handmade varies, what never does, and a return promise with no","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-spec-sections-weather-test-results","t":"Weather Test Results","d":"A split section pairing the test method notes on the left with rain scenarios on the right","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-spec-sections-weight-breakdown","t":"Weight Breakdown","d":"A stacked list of product components, each with its gram weight, a proportional bar, and a","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-spec-sections-whats-in-the-box","t":"Whats In The Box","d":"Four items in and four deliberately out, with the absence list carrying the personality of","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-footers-footer-accordion-mobile","t":"Footer Accordion Mobile","d":"Footer whose four link groups collapse into an accordion on mobile and spread into four co","s":"shadcn-ui-blocks","c":"data-display/accordion"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-footers-footer-minimal-legal","t":"Footer Minimal Legal","d":"Brand name, four policy links, and a legal bar with company number, sized for checkout pag","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:ecommerce-pro-store-footers-footer-with-app-badges","t":"Footer With App Badges","d":"Footer whose brand column sells the mobile app with two store badges, a scannable code, an","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-store-footers-footer-with-category-sitemap","t":"Footer With Category Sitemap","d":"Every product and collection as a dense directory, completeness stated outright.","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-footers-footer-with-company-numbers","t":"Footer With Company Numbers","d":"The brand column carries company number, VAT, and the real street address.","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-footers-footer-with-language-region","t":"Footer With Language Region","d":"Three storefronts as plain text rows with duty notes per region and the pricing page named","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-store-footers-footer-with-locale-selector","t":"Footer With Locale Selector","d":"Region, language, and currency as visible selectors with the duties promise localized.","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-footers-footer-with-newsletter","t":"Footer With Newsletter","d":"The capture band leading the footer, one email a month with the open rate as proof.","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-footers-footer-with-reviews-score","t":"Footer With Reviews Score","d":"The 4.8 with its count in the footer, linking the critical reviews first.","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-footers-footer-with-service-links","t":"Footer With Service Links","d":"Service columns instead of category columns: Repairs, Resale, Membership, and Help each na","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-footers-footer-with-social-feed","t":"Footer With Social Feed","d":"Footer led by a shoppable social feed of six square post tiles under the handle and follow","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-footers-footer-with-store-locations","t":"Footer With Store Locations","d":"Footer pairing the link columns with three physical store cards showing address, weekly ho","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-store-footers-footer-with-trust-row","t":"Footer With Trust Row","d":"The four policy facts as a bordered strip above standard footer columns.","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-footers-holiday-hours-footer","t":"Holiday Hours Footer","d":"The whole December schedule in one ruled list, cutoffs, support, bench.","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-footers-mega-store-footer","t":"Mega Store Footer","d":"The full sitemap footer with payment chips and the VAT number European buyers scan for.","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-footers-minimal-store-footer","t":"Minimal Store Footer","d":"A centered one row footer with the five questions a single product store gets.","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-archive-sale-hero","t":"Archive Sale Hero","d":"The twice yearly archive sale with the real piece count, listing time, and the full guaran","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-bestseller-spotlight-hero","t":"Bestseller Spotlight Hero","d":"The one bag that outsells the rest, argued with three audited numbers and an honest lede c","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sb":"Animated background","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-brand-manifesto-hero","t":"Brand Manifesto Hero","d":"The position at display size with three receipts, buy it once, we mean the once.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-centered-with-category-links","t":"Centered With Category Links","d":"The brand promise above four category tiles with style counts, browsing starts here.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-comparison-hero","t":"Comparison Hero","d":"A store hero that argues price with a scrolling cost of ownership table comparing the flag","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-editorial-split-hero","t":"Editorial Split Hero","d":"The store led by seasonal writing beside a campaign image with its provenance caption.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Split"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-founders-welcome-hero","t":"Founders Welcome Hero","d":"A kitchen table origin and a signed refusal list from the founder still packing boxes on F","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-gift-guide-hero","t":"Gift Guide Hero","d":"The seasonal guide opened by recipient with price floors and the gift card lane.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-gift-season-hero","t":"Gift Season Hero","d":"December hero with real courier cutoff dates, a gift returns promise, and a Placeholder sp","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-hero-with-bestsellers-row","t":"Hero With Bestsellers Row","d":"The pitch beside the four most bought products ranked with units sold.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-hero-with-reviews-strip","t":"Hero With Reviews Strip","d":"The pitch above three one line verified reviews, proof in the fold without a product shot.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-made-here-hero","t":"Made Here Hero","d":"Eleven people, one room, 60 bags a week and the supplier count named on the chain page.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-mosaic-collage-hero","t":"Mosaic Collage Hero","d":"Five labeled category tiles beside the small range manifesto.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"SaaS and AI"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-new-arrivals-hero","t":"New Arrivals Hero","d":"A drop announcement above three new pieces with names and prices in the fold.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-preorder-hero","t":"Preorder Hero","d":"A split store hero for a preorder batch pairing price, deposit terms, and units left with ","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-press-quote-hero","t":"Press Quote Hero","d":"A publication's verdict as the headline, dated, linked, and not paid for.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-product-finder-hero","t":"Product Finder Hero","d":"A split store hero pairing a three step finder promise and CTAs with a live first question","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sb":"With product shot","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-restock-hero","t":"Restock Hero","d":"The waited for item back, with its queue history and a live unit counter.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-seasonal-prep-hero","t":"Seasonal Prep Hero","d":"The October rewax as a ritual, three honest numbers and the bench price for anyone who pre","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-seasonal-sale-hero","t":"Seasonal Sale Hero","d":"The discount at display scale with the three sale rules listed in full, no countdown gimmi","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-split-with-product","t":"Split With Product","d":"A store hero with the flagship product beside price, rating, and the shipping promise.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-starter-kit-hero","t":"Starter Kit Hero","d":"A split store hero selling a three piece bundle: the reasons the kit exists beside an item","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-store-numbers-hero","t":"Store Numbers Hero","d":"The tagline replaced by six audited figures, none rounded up.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-text-only-drop-hero","t":"Text Only Drop Hero","d":"A drop announced with facts instead of photos, quantities and restock policy included.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-trade-hero","t":"Trade Hero","d":"B2B landing hero with fleet numbers, Net 30 terms, the total repair spend, and the account","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-heroes-video-lookbook-hero","t":"Video Lookbook Hero","d":"The seasonal film as a wide poster with play badge, runtime, and every piece linked.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"With video"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-locator-sections-flagship-store-page","t":"Flagship Store Page","d":"The one store, its hours, the bench in view, and honest parking advice.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-locator-sections-flagship-store-split","t":"Flagship Store Split","d":"One store with its services itemized, monogramming times and the seconds shelf.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-locator-sections-in-store-pickup-explainer","t":"In Store Pickup Explainer","d":"Click and collect in three steps, live stock, two hour ready, counter returns.","k":"motion","s":"shadcn-ui-blocks","c":"motion/number-ticker","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-store-locator-sections-popup-tour-schedule","t":"Popup Tour Schedule","d":"A pop up tour schedule listing the traveling shop as dated city stops with venue, what tra","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-locator-sections-stockist-detail-card","t":"Stockist Detail Card","d":"One stockist in full: what is stocked, what is not, hours, services, and the price match p","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-locator-sections-stockists-list","t":"Stockists List","d":"Four independent shops with what each shelf actually carries.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-locator-sections-store-events-list","t":"Store Events List","d":"Tours, clinics, and pack nights as dated rows with honest small capacities.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-locator-sections-store-list-cards","t":"Store List Cards","d":"Locations with live hours and a what this store uniquely offers line each.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-locator-sections-store-map-finder","t":"Store Map Finder","d":"A store finder split with a search field and nearest results on the left beside a blueprin","s":"shadcn-ui-blocks","c":"data-viz/map"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-locator-sections-store-opening-announcement","t":"Store Opening Announcement","d":"A new store announcement naming the location and opening date, then the opening week itemi","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-locator-sections-store-services-matrix","t":"Store Services Matrix","d":"A services matrix with every location as a column and every in store service as a row, eac","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-locator-sections-visit-planner-card","t":"Visit Planner Card","d":"Book half an hour at the counter, fittings, repairs, or deciding between two.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-navbars-account-menu-panel","t":"Account Menu Panel","d":"Navbar with the signed in account panel open: greeting with store credit, four account des","s":"shadcn-ui-blocks","c":"navigation/menu"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-navbars-announcement-navbar-combo","t":"Announcement Navbar Combo","d":"Banner and nav as one composed header unit with a dismissible price change preannounce abo","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-navbars-centered-logo-navbar","t":"Centered Logo Navbar","d":"Editorial fashion header with a centered wordmark, utilities split symmetrically to either","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","sb":"Dev tools"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-navbars-checkout-header-lock","t":"Checkout Header Lock","d":"The payment flow header, wordmark, lock line, and one exit back to cart.","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-navbars-country-selector-navbar","t":"Country Selector Navbar","d":"Navbar with the region panel open: four duty zones, consequence per row, and the cart surv","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-navbars-minimal-logo-cart","t":"Minimal Logo Cart","d":"The navbar stripped to wordmark, one trust link, and the cart for single product stores.","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","tg":["minimal"],"sb":"Dev tools","sy":["minimal"]},{"id":"shadcn-ui-blocks:ecommerce-pro-store-navbars-mobile-menu-open-panel","t":"Mobile Menu Open Panel","d":"Static open state mobile nav with expanded sub-links, utility rows, and the support hours ","s":"shadcn-ui-blocks","c":"navigation/menu"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-navbars-nav-with-announcement","t":"Nav With Announcement","d":"An announcement strip and slim nav designed as one unit, dated message included.","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-navbars-nav-with-cart-search","t":"Nav With Cart Search","d":"The standard store header with inline search and the icon trio with cart count.","s":"shadcn-ui-blocks","c":"navigation/top-nav","sb":"With search"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-navbars-nav-with-category-bar","t":"Nav With Category Bar","d":"A brand row above a scrolling category bar with the current section underlined.","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-navbars-nav-with-mega-menu-panel","t":"Nav With Mega Menu Panel","d":"The navbar with its mega panel open, link columns plus a help deciding column.","s":"shadcn-ui-blocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-navbars-nav-with-mini-cart-panel","t":"Nav With Mini Cart Panel","d":"Navbar with its mini cart open below: two line items with thumbs, a free shipping progress","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-navbars-nav-with-order-status-strip","t":"Nav With Order Status Strip","d":"Standard navbar with a dismissible strip showing the active order, ship date, and tracking","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-navbars-nav-with-reorder-bar","t":"Nav With Reorder Bar","d":"Replenishment navbar with a buy again strip beneath: chips for four staples from the last ","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-navbars-nav-with-utility-bar","t":"Nav With Utility Bar","d":"A support fact, order tracking, and locale picker in a slim strip above the nav.","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-navbars-nav-with-wishlist-count","t":"Nav With Wishlist Count","d":"Wishlist heart as a first class nav icon with a count badge and a price drop dot explained","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-navbars-search-overlay-panel","t":"Search Overlay Panel","d":"The search open mid query, products and guides split into two columns.","s":"shadcn-ui-blocks","c":"inputs/search"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-navbars-service-first-navbar","t":"Service First Navbar","d":"Primary nav with Repairs, Resale, and Membership first, plus a live bench queue strip belo","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:ecommerce-pro-store-navbars-trade-portal-navbar","t":"Trade Portal Navbar","d":"The logged in B2B header with tier, rep, terms, and the Friday cutoff.","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:ecommerce-pro-subscription-sections-cadence-picker-card","t":"Cadence Picker Card","d":"Delivery rhythm chosen by honest usage guidance, the recommendation argued.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcn-ui-blocks:ecommerce-pro-subscription-sections-care-club-annual-summary","t":"Care Club Annual Summary","d":"The year one care club receipt in four numbers with the skip praised and the cadence downg","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"With billing toggle"},{"id":"shadcn-ui-blocks:ecommerce-pro-subscription-sections-first-delivery-timeline","t":"First Delivery Timeline","d":"A four step numbered timeline of a subscription's first ninety days, from signup through t","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-subscription-sections-gift-a-subscription-card","t":"Gift A Subscription Card","d":"A gifted year of wax with two delivery options and the no auto renew rule as the centerpie","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcn-ui-blocks:ecommerce-pro-subscription-sections-kit-size-plans","t":"Kit Size Plans","d":"Three subscription box sizes in ring framed cards, each with placeholder imagery, price, c","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-subscription-sections-manage-subscription-panel","t":"Manage Subscription Panel","d":"All four controls at equal weight, cancel included, with the skip praised in history.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-subscription-sections-member-perks-ledger","t":"Member Perks Ledger","d":"A two column membership section pairing a value summary with a divided ledger of perks, ea","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-subscription-sections-next-box-editor","t":"Next Box Editor","d":"An editable next subscription box as a line item list, each swappable or removable, with a","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-subscription-sections-pause-or-skip-controls","t":"Pause Or Skip Controls","d":"Three off switches compared by situation, no survey behind any of them.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-subscription-sections-subscribe-save-overview","t":"Subscribe Save Overview","d":"The consumable subscription as logistics, exits listed above the join button.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-subscription-sections-subscription-faq","t":"Subscription Faq","d":"Six subscription inbox answers written as binding policy, from price locks to why bags are","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-subscription-sections-subscription-vs-onetime-math","t":"Subscription Vs Onetime Math","d":"A year priced both ways across three profiles, one verdict against the store.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-sustainability-sections-certification-audit","t":"Certification Audit","d":"Two column certification audit listing held certificates with scope and audit dates beside","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:ecommerce-pro-sustainability-sections-durability-pledge-card","t":"Durability Pledge Card","d":"Four durability commitments you can test, not values language, each naming the thing that ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-sustainability-sections-honest-unknowns-card","t":"Honest Unknowns Card","d":"The things Acme has not measured yet, three gaps stated plainly with the plan or the hones","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-sustainability-sections-longevity-as-sustainability","t":"Longevity As Sustainability","d":"The sustainability thesis: time in service beats material talk, argued with three service ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-sustainability-sections-materials-footprint-table","t":"Materials Footprint Table","d":"Three materials across two honest columns: what Acme verified on visits and what suppliers","s":"shadcn-ui-blocks","c":"data-display/table","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-sustainability-sections-packaging-teardown","t":"Packaging Teardown","d":"Two column packaging teardown pairing an intro and a weighed total card with a divided lis","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-sustainability-sections-repair-vs-replace-footprint","t":"Repair Vs Replace Footprint","d":"A zipper repair against a new bag in plain ratios, not invented kilograms, with the method","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-sustainability-sections-shipping-footprint-explainer","t":"Shipping Footprint Explainer","d":"Ground over air 6 to 1, one box of three, and the no offsets position stated as a delibera","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-sustainability-sections-sustainability-ledger","t":"Sustainability Ledger","d":"Centered heading and intro over a dated, divided ledger of entries, each with a date, tagg","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:ecommerce-pro-sustainability-sections-takeback-outcomes","t":"Takeback Outcomes","d":"A proportional outcome bar with legend above three cards breaking down resold, stripped, a","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-trade-sections-fleet-case-study","t":"Fleet Case Study","d":"Forty bags, two years, and the strap flaw that changed the whole fleet spec included in th","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:ecommerce-pro-trade-sections-fleet-cost-estimator","t":"Fleet Cost Estimator","d":"An interactive estimator with two sliders for fleet size and service years that reprice up","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:ecommerce-pro-trade-sections-pro-stories-row","t":"Pro Stories Row","d":"Three fleets with wear numbers, deliveries per repair as the proof.","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-trade-sections-sample-kit-card","t":"Sample Kit Card","d":"The fleet evaluation kit, credited at five units, built for the deciding meeting.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-trade-sections-trade-application-form","t":"Trade Application Form","d":"The pro program intake with who qualifies and a two day answer, never silence.","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcn-ui-blocks:ecommerce-pro-trade-sections-trade-faq","t":"Trade Faq","d":"Five program questions answered straight, priority repair quantified.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:ecommerce-pro-trade-sections-trade-onboarding-steps","t":"Trade Onboarding Steps","d":"Application to first order in four real durations, 6 day median at the foot.","s":"shadcn-ui-blocks","c":"navigation/wizard-steps"},{"id":"shadcn-ui-blocks:ecommerce-pro-trade-sections-trade-perks-grid","t":"Trade Perks Grid","d":"Four perks argued from the professional's economics, downtime is our problem.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcn-ui-blocks:ecommerce-pro-trade-sections-trade-portal-preview","t":"Trade Portal Preview","d":"A two column portal preview pairing three account features with a static fleet dashboard s","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-trade-sections-trade-terms","t":"Trade Terms","d":"A two column trade terms section pairing five payment and ordering terms with a static inv","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:ecommerce-pro-trade-sections-trade-vs-retail","t":"Trade Versus Retail","d":"A two column comparison table setting retail against a trade account across seven rows, wi","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-trade-sections-volume-pricing-table","t":"Volume Pricing Table","d":"Team order bands published with the services included at each.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcn-ui-blocks:ecommerce-pro-trust-sections-account-deletion-card","t":"Account Deletion Card","d":"One button, what dies instantly, what the law keeps, and the guarantee that outlives the a","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-trust-sections-counterfeit-spotting-guide","t":"Counterfeit Spotting Guide","d":"Four physical tells and a same day serial check open to secondhand buyers who have no rece","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:ecommerce-pro-trust-sections-data-promise-card","t":"Data Promise Card","d":"Five numbered data promises each with the mechanism that lets a buyer check it, and a revi","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-trust-sections-guarantee-vs-warranty-explainer","t":"Guarantee Vs Warranty Explainer","d":"Statutory rights, the Acme guarantee, and the repair program in one table showing they sta","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-trust-sections-price-history-pledge","t":"Price History Pledge","d":"Split trust section listing three pricing pledges beside an illustrative 90 day price hist","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-trust-sections-refund-speed-tracker","t":"Refund Speed Tracker","d":"Centered trust section listing refund speed per payment method, pairing each promised wind","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["playful"],"sb":"Shop sections","sy":["playful"]},{"id":"shadcn-ui-blocks:ecommerce-pro-trust-sections-returned-item-lifecycle","t":"Returned Item Lifecycle","d":"Centered trust section with a segmented distribution bar and a destination row for each re","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-trust-sections-review-integrity-report","t":"Review Integrity Report","d":"Split trust section pairing three review moderation rules on the left with a stat panel of","s":"shadcn-ui-blocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-trust-sections-security-contact-card","t":"Security Contact Card","d":"Scope, honest reward, and three named researchers with what they found for a store disclos","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-trust-sections-subprocessors-list","t":"Subprocessors List","d":"Five outside data partners named by role with what they receive, why, and the deletion pat","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:ecommerce-pro-trust-sections-why-we-ask-explainer","t":"Why We Ask Explainer","d":"Every checkout field justified with its use and boundary, and the one field that is not th","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-upsell-sections-accessories-rail","t":"Accessories Rail","d":"The small goods as a snap strip with one earned context line per card.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-upsell-sections-add-on-services","t":"Add On Services","d":"Monogramming, treatment, and care as checkable services with a live total.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:ecommerce-pro-upsell-sections-better-spend-suggester","t":"Better Spend Suggester","d":"Budget chips answered with the honest allocation at each number including the one that sto","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-upsell-sections-care-kit-attach-row","t":"Care Kit Attach Row","d":"The care kit at cart with the first rain argument and the attach rate published.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-upsell-sections-care-sub-upsell-row","t":"Care Sub Upsell Row","d":"The wax already in the cart offered as a schedule with an equal weight decline priced alon","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-upsell-sections-complete-the-look","t":"Complete The Look","d":"One outfit photo itemized with roles and the wearer's height and size in the footer.","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:ecommerce-pro-upsell-sections-complete-the-set-progress","t":"Complete The Set Progress","d":"Owned and missing pieces of the set, same hides as the only argument.","s":"shadcn-ui-blocks","c":"data-viz/progress-bar"},{"id":"shadcn-ui-blocks:ecommerce-pro-upsell-sections-cross-sell-banner","t":"Cross Sell Banner","d":"One product recommended to owners of another, with the relationship stated.","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:ecommerce-pro-upsell-sections-frequently-bought-together","t":"Frequently Bought Together","d":"Checkable companions with a live total and real attachment rates printed per item.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-upsell-sections-gift-wrap-upsell-row","t":"Gift Wrap Upsell Row","d":"The $6 wrap shown for real, with the hand written note revealed on selection.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-upsell-sections-membership-upsell-math","t":"Membership Upsell Math","d":"A perks list beside a checkout receipt that admits joining costs more today, shows when it","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:ecommerce-pro-upsell-sections-post-purchase-upsell","t":"Post Purchase Upsell","d":"One add riding the same box, declinable in a tap, never chaining to another.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-upsell-sections-protection-plan-picker","t":"Protection Plan Picker","d":"A product row above single choice coverage tiers, the free warranty listed as an equal opt","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcn-ui-blocks:ecommerce-pro-upsell-sections-recently-viewed-row","t":"Recently Viewed Row","d":"The browsing trail with per item dismissal and a privacy footer, memory with manners.","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:ecommerce-pro-upsell-sections-replenishment-reminder-card","t":"Replenishment Reminder Card","d":"The reorder timed by your own usage math, one dated email, not a subscription.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcn-ui-blocks:ecommerce-pro-upsell-sections-setup-service-upsell","t":"Setup Service Upsell","d":"The first wax at the bench for $12, with the honest counter offer and the adoption rate pu","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:ecommerce-pro-upsell-sections-shipping-threshold-nudge","t":"Shipping Threshold Nudge","d":"A live progress bar toward the free shipping threshold, three small items sized to close t","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sb":"Loading and states","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-upsell-sections-spare-parts-attach-row","t":"Spare Parts Attach Row","d":"Two spares at the cart with an honest counter on who actually needs them and a skip.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-upsell-sections-tiered-bundle-builder","t":"Tiered Bundle Builder","d":"Pick any pieces, the discount steps at two and three, the math updates live.","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-upsell-sections-trade-up-comparison","t":"Trade Up Comparison","d":"Two product cards side by side above a spec table with the price delta itemized, an honest","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-upsell-sections-you-may-also-like","t":"You May Also Like","d":"Four recommendations that each print why they were chosen above the card.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-wishlist-sections-empty-wishlist-state","t":"Empty Wishlist State","d":"A centered empty wishlist with a heart badge, headline, a three row explainer of what savi","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sb":"Loading and states","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-wishlist-sections-household-shared-list","t":"Household Shared List","d":"A shared household wishlist with an avatar stack above a two column card grid where each i","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-wishlist-sections-price-drop-alerts-list","t":"Price Drop Alerts List","d":"Watched items, saved versus current price, one real drop and one frozen for 14 months.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:ecommerce-pro-wishlist-sections-registry-mode-panel","t":"Registry Mode Panel","d":"The wishlist as a registry with claimed states, group gifting, and anonymity rules.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:ecommerce-pro-wishlist-sections-restock-watch-list","t":"Restock Watch List","d":"A restock queue with one back in stock item held on a deadline above a list of waiting ite","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-wishlist-sections-share-wishlist-card","t":"Share Wishlist Card","d":"A share link as a code chip with three privacy rules stated before the optional occasion d","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-wishlist-sections-shared-list-guest-view","t":"Shared List Guest View","d":"Two column guest view of a shared wishlist with owner intro, occasion facts, claiming rule","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:ecommerce-pro-wishlist-sections-wishlist-alert-settings","t":"Wishlist Alert Settings","d":"A two column alert settings panel defining what each notification means on the left and a ","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings"},{"id":"shadcn-ui-blocks:ecommerce-pro-wishlist-sections-wishlist-boards-grid","t":"Wishlist Boards Grid","d":"Account overview of three named wishlist boards as thumbnail strip cards with item counts ","s":"shadcn-ui-blocks","c":"data-display/kanban","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-pro-wishlist-sections-wishlist-grid-page","t":"Wishlist Grid Page","d":"Saved items as a product grid with live status captions and a single button that adds only","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:ecommerce-pro-wishlist-sections-wishlist-with-priorities","t":"Wishlist With Priorities","d":"Five items grouped under three honest tiers with owner notes, and the admission the store ","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:ecommerce-category-filters-filter-demo","t":"Filter Demo","d":"A sidebar of category filters with checkboxes, price sliders, and color swatches beside a ","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:ecommerce-category-filters-filter-drawer","t":"Filter Drawer","d":"A slide in drawer holding category, price, and rating filters for small screens. Keeps the","s":"shadcn-ui-blocks","c":"overlays/sheet","hc":1},{"id":"shadcn-ui-blocks:ecommerce-category-filters-horizontal-filters","t":"Horizontal Filters","d":"A row of filter dropdowns and chips sitting above the product grid. Lets shoppers narrow b","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:ecommerce-category-preview-carousel-preview","t":"Carousel Preview","d":"A category preview that slides products through a horizontal carousel, letting shoppers sw","s":"shadcn-ui-blocks","c":"media/carousel","hc":1},{"id":"shadcn-ui-blocks:ecommerce-category-preview-expandable-preview","t":"Expandable Preview","d":"A category preview where each tile expands to reveal more products on click, keeping the s","s":"shadcn-ui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcn-ui-blocks:ecommerce-category-preview-grid-preview","t":"Grid Preview","d":"A category preview arranging collections in an even grid of image tiles, giving a clean ov","s":"shadcn-ui-blocks","c":"actions/button","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:ecommerce-category-preview-magazine-preview","t":"Magazine Preview","d":"A category preview styled like a magazine spread, mixing large feature tiles with smaller ","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:ecommerce-category-preview-scrolling-preview","t":"Scrolling Preview","d":"A category preview that scrolls product cards in a continuous strip, ideal for showing man","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:ecommerce-category-preview-split-preview","t":"Split Preview","d":"A category preview split between a featured image and a product list, pairing a strong vis","s":"shadcn-ui-blocks","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcn-ui-blocks:ecommerce-category-preview-three-column-preview","t":"Three Column Preview","d":"A category preview laid out in three balanced columns of image tiles, sorting collections ","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-bundle-upsells-builder","t":"Builder","d":"A bundle builder where shoppers pick add on products and watch the total update live. Use ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product","hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-bundle-upsells-comparison","t":"Comparison","d":"A side view comparing a single item against a bundle, with prices and savings shown. Use i","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-bundle-upsells-minimalist-grid","t":"Minimalist Grid","d":"A clean grid of bundle products with images, names, and prices in even cells. Use it to pr","s":"shadcn-ui-blocks","c":"data-display/badge","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-bundle-upsells-side-by-side","t":"Side By Side","d":"Two product cards placed next to each other with a plus sign and combined price. Use it to","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product","hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-bundle-upsells-stack","t":"Stack","d":"A vertical stack of bundle items with running totals and one add to cart action. Use it on","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-cross-sells-feature-icons","t":"Feature Icons","d":"Recommended products laid out with an icon, short benefit, and price for each item. Highli","k":"resource","s":"shadcn-ui-blocks","c":"assets/icon","hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-cross-sells-simple-grid","t":"Simple Grid","d":"A clean grid of related products with image, title, and price per card. Drops below the ca","s":"shadcn-ui-blocks","c":"actions/button","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-cross-sells-stacked-list","t":"Stacked List","d":"Suggested products in a vertical stacked list with thumbnail, name, and price. Fits a narr","s":"shadcn-ui-blocks","c":"data-display/list","hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-cross-sells-with-badges","t":"With Badges","d":"Related products in a card grid where each item carries a badge for sale, new, or low stoc","s":"shadcn-ui-blocks","c":"data-display/badge","hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-cross-sells-with-ratings","t":"With Ratings","d":"Recommended products shown with star ratings and review counts beside each price. Uses soc","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product","hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-customer-reviews-base","t":"Base","d":"A starter customer review layout with star ratings, reviewer names, and comment text. Drop","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect","hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-customer-reviews-compact-review-list","t":"Compact Review List","d":"A tight vertical list of reviews with star ratings and short quotes. Fits narrow sidebars ","s":"shadcn-ui-blocks","c":"data-display/list","hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-customer-reviews-review-cards-grid","t":"Review Cards Grid","d":"A grid of review cards showing star ratings, avatars, and short quotes. Use it to display ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product","hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-customer-reviews-review-comparison","t":"Review Comparison","d":"A side by side view of the highest and lowest rated reviews so shoppers weigh pros and con","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-customer-reviews-review-stats-overview","t":"Review Stats Overview","d":"A summary panel with average rating, total count, and a bar chart by star level. Gives sho","s":"shadcn-ui-blocks","c":"data-display/stat","hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-customer-reviews-social-proof-reviews","t":"Social Proof Reviews","d":"Featured customer quotes paired with ratings and verified buyer badges. Builds confidence ","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-footers-muti-column","t":"Multi Column","d":"A footer with several columns of grouped links for shop, support, company, and legal. Orga","k":"resource","s":"shadcn-ui-blocks","c":"assets/icon","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-footers-simple-links","t":"Simple Links","d":"A compact footer with a single row of essential links and a copyright line. Keeps the bott","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-footers-with-newsletter","t":"With Newsletter","d":"A footer pairing link columns with an email signup field and button. Captures subscribers ","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-footers-with-payments","t":"With Payments","d":"A footer that displays accepted card and wallet badges beside the usual store links. Reass","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-footers-with-socials","t":"With Socials","d":"A footer with link columns plus a row of social media icons. Connects shoppers to your bra","k":"resource","s":"shadcn-ui-blocks","c":"assets/icon","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-shipping-returns-accordion","t":"Accordion","d":"An accordion that collapses shipping and returns details into expandable rows. Keeps long ","s":"shadcn-ui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-shipping-returns-checklist","t":"Checklist","d":"A checklist that lays out shipping steps and return conditions as ticked items. Helps buye","s":"shadcn-ui-blocks","c":"inputs/checkbox","tg":["playful"],"sy":["playful"],"hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-shipping-returns-full-text","t":"Full Text","d":"A full text panel covering delivery times, costs, and the returns process in plain prose. ","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect","hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-shipping-returns-split-columns","t":"Split Columns","d":"A split column layout that places shipping on one side and returns on the other. Lets cust","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos","tg":["playful"],"sy":["playful"],"hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-shipping-returns-with-icons","t":"With Icons","d":"An icons layout pairing each shipping and returns point with a small symbol. Makes deliver","k":"resource","s":"shadcn-ui-blocks","c":"assets/icon","tg":["playful"],"sy":["playful"],"hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-trust-guarantee-badge-row","t":"Badge Row","d":"A horizontal row of trust badges showing secure payment, returns, and warranty icons. Plac","s":"shadcn-ui-blocks","c":"data-display/badge","hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-trust-guarantee-checklist","t":"Checklist","d":"A vertical checklist of product promises with check icons and short labels. Use it on a pr","s":"shadcn-ui-blocks","c":"inputs/checkbox","hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-trust-guarantee-highlighted-quote","t":"Highlighted Quote","d":"A large pull quote with author name and star rating that features a happy customer. Drop i","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-trust-guarantee-icon-list","t":"Icon List","d":"A compact list pairing small icons with guarantee statements like free shipping and easy r","k":"resource","s":"shadcn-ui-blocks","c":"assets/icon","hc":1},{"id":"shadcn-ui-blocks:ecommerce-ecommerce-trust-guarantee-three-pillars","t":"Three Pillars","d":"Three equal columns, each with an icon, heading, and a line on quality, security, and supp","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-features-3d-feature-carousel","t":"3D Feature Carousel","d":"A rotating carousel that shows product features on 3D cards with depth and motion. Great f","s":"shadcn-ui-blocks","c":"media/carousel","tg":["3d"],"sy":["3d"],"hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-features-alternating-features","t":"Alternating Features","d":"Stacked rows that flip image and text from left to right as you scroll. Walks shoppers thr","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-features-animated-features-grid","t":"Animated Features Grid","d":"A grid of feature cards with icons and motion that triggers as cards enter view. Adds life","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-features-before-after-comparison","t":"Before After Comparison","d":"A slider that wipes between two product images so buyers see the difference at a glance. I","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-features-carousel-feature-showcase","t":"Carousel Feature Showcase","d":"A swipeable carousel that steps through product features with image and copy per slide. Fi","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-features-expandable-features-grid","t":"Expandable Features Grid","d":"A grid of feature cards that open to reveal more detail on click. Keeps the overview tidy ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-features-feature-accordion","t":"Feature Accordion","d":"Stacked panels that expand one feature at a time so each gets full focus. A clean way to p","s":"shadcn-ui-blocks","c":"data-display/accordion","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-features-feature-comparison-table","t":"Feature Comparison Table","d":"A table that lines up features across plans or models with clear check marks. Helps shoppe","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Comparison","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-features-feature-tabs-navigation","t":"Feature Tabs Navigation","d":"Tabbed sections that swap feature content as buyers click each label. Organizes a deep fea","s":"shadcn-ui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-features-feature-timeline","t":"Feature Timeline","d":"A vertical timeline that walks through product features in sequence. Useful for showing a ","s":"shadcn-ui-blocks","c":"data-display/timeline","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-features-features-testimonial-combo","t":"Features Testimonial Combo","d":"A layout that pairs product features with a customer quote beside them. Backs each benefit","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-features-horizontal-scrolling-features","t":"Horizontal Scrolling Features","d":"A row of feature panels that scroll sideways as the page moves. Shows many product capabil","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["playful"],"sb":"Scroll","sy":["playful"],"hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-features-image-hotspot-features","t":"Image Hotspot Features","d":"A product image dotted with clickable hotspots that reveal each feature in place. Perfect ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-features-interactive-feature-tabs","t":"Interactive Feature Tabs","d":"Tabs paired with a live preview that updates as buyers select a feature. Lets shoppers exp","s":"shadcn-ui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-features-simple-feature-grid","t":"Simple Feature Grid","d":"A clean grid of feature cards with an icon, title, and short blurb each. The reliable choi","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["minimal"],"sb":"Grid of cards","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-features-split-image-features","t":"Split Image Features","d":"A two column section with a product photo on one side and feature copy on the other. Balan","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-features-stats-feature-showcase","t":"Stats Feature Showcase","d":"A section that pairs product features with hard numbers and metrics. Use it when figures l","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-features-timeline-feature-showcase","t":"Timeline Feature Showcase","d":"A timeline that reveals product features step by step as buyers scroll. Good for guiding r","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-features-video-feature-showcase","t":"Video Feature Showcase","d":"A section that pairs an embedded product video with supporting feature copy. Shows the ite","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-list-compact-list","t":"Compact List","d":"A dense list packing each product into a slim row with thumbnail, name, and price. Fits lo","s":"shadcn-ui-blocks","c":"data-display/list","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-list-comparison-list","t":"Comparison List","d":"A side by side list lining up products with specs, prices, and features in columns. Helps ","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-list-featured-list","t":"Featured List","d":"A list spotlighting select products with large imagery, descriptions, and prices. Highligh","s":"shadcn-ui-blocks","c":"data-display/list","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-list-filter-list","t":"Filter List","d":"A product list paired with category, price, and attribute filters in a sidebar. Lets shopp","s":"shadcn-ui-blocks","c":"data-display/list","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-list-gallery-list","t":"Gallery List","d":"An image first list showing products as large photo cards with name and price. Suits visua","s":"shadcn-ui-blocks","c":"data-display/list","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-list-grid-list","t":"Grid List","d":"A responsive grid of product cards with images, titles, prices, and buttons. The standard ","s":"shadcn-ui-blocks","c":"data-display/list","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-list-masonry-list","t":"Masonry List","d":"A masonry grid fitting product cards of varying heights into tight columns. Works well for","s":"shadcn-ui-blocks","c":"data-display/list","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-list-table-list","t":"Table List","d":"A table listing products in rows with columns for image, name, stock, and price. Ideal for","s":"shadcn-ui-blocks","c":"data-display/table","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-list-timeline-list","t":"Timeline List","d":"A vertical timeline arranging products or drops by date with images and prices. Good for r","s":"shadcn-ui-blocks","c":"data-display/timeline","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-overview-classic-overview","t":"Classic Overview","d":"A classic product page with a large image on the left, title, price, variant options, and ","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-overview-compact-overview","t":"Compact Overview","d":"A tight product layout that fits the image, price, options, and buy button above the fold.","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-overview-gallery-overview","t":"Gallery Overview","d":"A product page led by a multi image gallery with thumbnails beside the details. Lets shopp","s":"shadcn-ui-blocks","c":"media/gallery","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-overview-immersive-overview","t":"Immersive Overview","d":"A full bleed product page with edge to edge imagery, floating details, and a sticky buy ba","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-overview-minimal-overview","t":"Minimal Overview","d":"A pared back product page with one clean image, title, price, and a single buy button. Kee","s":"shadcn-ui-blocks","c":"actions/button","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:ecommerce-product-overview-modern-overview","t":"Modern Overview","d":"A contemporary product page mixing a bold image grid, accent typography, and clear pricing","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:ecommerce-promo-sections-centered-icon-promo","t":"Centered Icon Promo","d":"A centered promo with an icon, headline, and supporting copy. Highlights a single offer or","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement","hc":1},{"id":"shadcn-ui-blocks:ecommerce-promo-sections-centered-image-grid","t":"Centered Image Grid","d":"A centered promo paired with a tidy grid of product images. Showcases a curated collection","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement","hc":1},{"id":"shadcn-ui-blocks:ecommerce-promo-sections-centered-simple-promo","t":"Centered Simple Promo","d":"A clean centered promo with a headline, short message, and button. Drop it onto any store ","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:ecommerce-promo-sections-countdown-timer-promo","t":"Countdown Timer Promo","d":"A promo block with a live countdown timer, headline, and call to action. Builds urgency ar","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement","hc":1},{"id":"shadcn-ui-blocks:ecommerce-promo-sections-fading-background-testimonial","t":"Fading Background Testimonial","d":"A testimonial promo with a soft fading background and a customer quote. Builds trust on a ","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","hc":1},{"id":"shadcn-ui-blocks:ecommerce-promo-sections-full-width-large-content","t":"Full Width Large Content","d":"A full width promo with oversized type and a clear button. Commands attention across the w","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement","hc":1},{"id":"shadcn-ui-blocks:ecommerce-promo-sections-image-aside","t":"Image Aside","d":"A promo with copy on one side and a product image alongside it. Pairs your offer with a vi","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement","hc":1},{"id":"shadcn-ui-blocks:ecommerce-promo-sections-large-image-split","t":"Large Image Split","d":"A split promo with a large image filling one half and an offer on the other. Frames a hero","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"shadcn-ui-blocks:ecommerce-promo-sections-multi-column-cards","t":"Multi Column Cards","d":"A promo arranged as several cards in columns, each holding its own offer. Presents multipl","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement","hc":1},{"id":"shadcn-ui-blocks:ecommerce-promo-sections-simple-banner","t":"Simple Banner","d":"A slim promo banner with a short message and a link. Sits at the top of a store to announc","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:ecommerce-promo-sections-split-offers","t":"Split Offers","d":"A promo split into two panels, each holding a separate offer and button. Lets shoppers pic","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement","hc":1},{"id":"shadcn-ui-blocks:ecommerce-shopping-cart-compact-cart","t":"Compact Cart","d":"A condensed cart panel listing items, quantities, and a running total in tight space. Fits","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:ecommerce-shopping-cart-floating-cart","t":"Floating Cart","d":"A cart that floats over the page as a small overlay, showing added items and a subtotal. L","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:ecommerce-shopping-cart-mini-cart","t":"Mini Cart","d":"A small summary cart with thumbnails, prices, and a checkout button. Pops from a cart icon","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:ecommerce-shopping-cart-modern-cart","t":"Modern Cart","d":"A clean cart layout with product images, quantity steppers, and an order summary. Suits a ","s":"shadcn-ui-blocks","c":"actions/button","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:ecommerce-shopping-cart-sidebar-cart","t":"Sidebar Cart","d":"A cart that slides in from the side as a panel over the page, listing items and totals. Ke","s":"shadcn-ui-blocks","c":"navigation/sidebar","hc":1},{"id":"shadcn-ui-blocks:ecommerce-shopping-cart-sticky-cart","t":"Sticky Cart","d":"A cart summary pinned to the side as you scroll, holding items, totals, and a checkout but","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:marketing-pro-about-sections-about-split-with-quote","t":"About Split With Quote","d":"An origin story in two paragraphs beside a founder pull quote on a muted panel.","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:marketing-pro-about-sections-about-with-stats","t":"About With Stats","d":"Two paragraphs of company story beside a ruled grid of four numbers with sentence labels.","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:marketing-pro-about-sections-backers-and-angels","t":"Backers and Angels","d":"A muted band of two fund wordmarks above a ruled two column list of six angel operators, c","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","tg":["playful"],"sy":["playful"]},{"id":"shadcn-ui-blocks:marketing-pro-about-sections-by-the-numbers","t":"By the Numbers","d":"A split about section pairing narrative copy with a 2x2 grid of oversized stats in hairlin","s":"shadcn-ui-blocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-about-sections-company-fact-sheet","t":"Company Fact Sheet","d":"Narrative copy beside a ruled definition list ledger stating founded date, team, customers","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["playful"],"sy":["playful"]},{"id":"shadcn-ui-blocks:marketing-pro-about-sections-founder-letter","t":"Founder Letter","d":"A first person letter in a narrow reading column with a salutation, three short paragraphs","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-about-sections-founders-qa","t":"Founders Q and A","d":"A two column about section pairing founder portraits and an intro with a ruled list of fiv","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:marketing-pro-about-sections-funding-history-list","t":"Funding History List","d":"The complete capital ledger including the round not raised and the one declined.","s":"shadcn-ui-blocks","c":"data-display/timeline","tg":["playful"],"sy":["playful"]},{"id":"shadcn-ui-blocks:marketing-pro-about-sections-how-we-make-money","t":"How We Make Money","d":"A business model section splitting a labeled revenue mix with hairline percentage bars bes","s":"shadcn-ui-blocks","c":"data-display/list","tg":["playful","webgl"],"sy":["playful","webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-about-sections-leadership-grid","t":"Leadership Grid","d":"Six leaders in a borderless portrait grid, each with a role and the one thing they answer ","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:marketing-pro-about-sections-manifesto-dark-band","t":"Manifesto Dark Band","d":"Three belief statements set large on a primary band with a dated signature line.","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-about-sections-mission-and-values","t":"Mission and Values","d":"An about section opening with a mission statement, then four value cards with soft square ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Team and about"},{"id":"shadcn-ui-blocks:marketing-pro-about-sections-mission-statement-centered","t":"Mission Statement Centered","d":"One oversized centered mission statement with a single supporting paragraph.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:marketing-pro-about-sections-offices-list","t":"Offices List","d":"Office cards with pin icons, addresses, and a note on what each city does for customers.","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:marketing-pro-about-sections-operating-principles-grid","t":"Operating Principles Grid","d":"Six working rules as cards, each ending with what the principle actually cost.","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:marketing-pro-about-sections-press-mentions","t":"Press Mentions","d":"Earned headlines as linked rows with styled text wordmarks for each publication.","s":"shadcn-ui-blocks","c":"inputs/combobox"},{"id":"shadcn-ui-blocks:marketing-pro-about-sections-principles-numbered","t":"Principles Numbered","d":"Four numbered operating principles in wide ruled rows with full paragraph arguments.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:marketing-pro-about-sections-story-timeline","t":"Story Timeline","d":"The company history as five year marked chapters on a vertical hairline timeline.","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:marketing-pro-about-sections-values-grid","t":"Values Grid","d":"Six bordered value cards, each with an icon disc and the working rule the value produces.","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:marketing-pro-about-sections-what-we-dont-do","t":"What We Don't Do","d":"A two column about section pairing a heading and argument with a ruled list of six firm re","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:marketing-pro-about-sections-working-week","t":"Working Week","d":"An about section laying out five day columns on hairline top rules, each naming its ritual","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:marketing-pro-affiliate-sections-affiliate-hero-split","t":"Affiliate Hero Split","d":"A partner program hero with the terms in one paragraph beside an earnings panel mockup.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Split"},{"id":"shadcn-ui-blocks:marketing-pro-affiliate-sections-application-cta-card","t":"Application CTA Card","d":"A closing CTA card pairing the apply buttons with a panel listing every application field,","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Cards"},{"id":"shadcn-ui-blocks:marketing-pro-affiliate-sections-audience-fit-grid","t":"Audience Fit Grid","d":"A four card grid of partner profiles, each with an icon, fit reason, earnings range, and r","s":"shadcn-ui-blocks","c":"inputs/slider"},{"id":"shadcn-ui-blocks:marketing-pro-affiliate-sections-commission-tiers-table","t":"Commission Tiers Table","d":"Four partner tiers with the requirements column programs usually omit.","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:marketing-pro-affiliate-sections-how-referrals-work-steps","t":"How Referrals Work Steps","d":"The four attribution mechanics written out, including the two partner collision case.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:marketing-pro-affiliate-sections-partner-case-study","t":"Partner Case Study","d":"A two column case study pairing a partner story, quote, and dated milestones with an earni","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:marketing-pro-affiliate-sections-partner-quotes-grid","t":"Partner Quotes Grid","d":"Three partner quote cards from different channels, each led by a verified payout figure an","s":"shadcn-ui-blocks","c":"data-display/avatar","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-affiliate-sections-payout-methods-grid","t":"Payout Methods Grid","d":"A four card grid of payout methods, each with an icon, blurb, and rows for minimum, fee, a","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:marketing-pro-affiliate-sections-payout-stats-band","t":"Payout Stats Band","d":"Program payout totals with the honest median and a public on time streak.","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:marketing-pro-affiliate-sections-program-faq-accordion","t":"Program FAQ Accordion","d":"Six pre application questions in an accordion beside the heading, with a direct email card","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:marketing-pro-affiliate-sections-program-rules-split","t":"Program Rules Split","d":"Two side by side rule cards listing allowed and prohibited promotion tactics with reasons,","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:marketing-pro-affiliate-sections-promo-asset-kit-grid","t":"Promo Asset Kit Grid","d":"A six card grid of ready made promo asset packs, each with a small preview mockup, descrip","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:marketing-pro-affiliate-sections-terms-changelog-list","t":"Terms Changelog List","d":"A two column terms changelog pairing the heading and advance notice promise with a dated l","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing"},{"id":"shadcn-ui-blocks:marketing-pro-affiliate-sections-terms-comparison-table","t":"Terms Comparison Table","d":"A three column table setting six program terms against typical affiliate defaults, with a ","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-affiliate-sections-top-partners-leaderboard","t":"Top Partners Leaderboard","d":"The quarterly partner board with earnings by channel type, named only with consent.","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:marketing-pro-ai-sections-ai-boundaries-panels","t":"Ai Boundaries Panels","d":"Two ring framed panels under a centered heading listing what the assistant does and never ","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent"},{"id":"shadcn-ui-blocks:marketing-pro-ai-sections-ai-chat-hero","t":"Ai Chat Hero","d":"An AI hero with a chat mockup where the assistant answers with segment sizes and choices m","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"SaaS and AI"},{"id":"shadcn-ui-blocks:marketing-pro-ai-sections-ai-drafts-demo-split","t":"Ai Drafts Demo Split","d":"A drafting demo that shows the human edits, two corrected lines feeding the workspace voic","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent"},{"id":"shadcn-ui-blocks:marketing-pro-ai-sections-ai-outcomes-stats","t":"Ai Outcomes Stats","d":"A measured outcomes band with a centered heading, four ruled stat columns with values, lab","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent"},{"id":"shadcn-ui-blocks:marketing-pro-ai-sections-ai-principles-list","t":"Ai Principles List","d":"Five AI commitments written plainly, each backed by a mechanism a buyer can verify.","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent"},{"id":"shadcn-ui-blocks:marketing-pro-ai-sections-ai-release-timeline","t":"Ai Release Timeline","d":"A dated model release log with versions, change summaries, category chips, and one rolled ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing"},{"id":"shadcn-ui-blocks:marketing-pro-ai-sections-ai-skeptics-faq","t":"Ai Skeptics Faq","d":"A split section for skeptical AI questions, heading copy left and an accordion of five blu","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:marketing-pro-ai-sections-citation-trace-split","t":"Citation Trace Split","d":"Two column split pairing heading copy and three proof points with a cited answer card whos","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Sources","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-ai-sections-copilot-compare-table","t":"Copilot Compare Table","d":"Centered heading over a comparison table whose ruled rows pit a generic chatbot against th","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-ai-sections-data-governance-table","t":"Data Governance Table","d":"Centered heading over a ruled table of six policy rows, each pairing a data commitment wit","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent"},{"id":"shadcn-ui-blocks:marketing-pro-ai-sections-eval-scores-chart","t":"Eval Scores Chart","d":"Eval pass rates per release as a shadcn line chart, including the regression we published.","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent"},{"id":"shadcn-ui-blocks:marketing-pro-ai-sections-human-review-explainer","t":"Human Review Explainer","d":"The three gates every AI draft passes, model, checks, human, with no autopilot setting.","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-ai-sections-prompt-library-grid","t":"Prompt Library Grid","d":"Six proven prompts as cards with categories, usage counts, and mono opening lines.","s":"shadcn-ui-blocks","c":"ai-agent/composer"},{"id":"shadcn-ui-blocks:marketing-pro-ai-sections-usage-meter-card","t":"Usage Meter Card","d":"An AI usage panel with per feature bars and a capacity meter that is always full, no meter","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcn-ui-blocks:marketing-pro-ai-sections-voice-training-timeline","t":"Voice Training Timeline","d":"Heading and intro above four milestone columns for days 1, 7, 30, and 90, each with a titl","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","sb":"Voice"},{"id":"shadcn-ui-blocks:marketing-pro-awards-sections-analyst-mentions-list","t":"Analyst Mentions List","d":"Exact sentences from independent research with the firm, report, and date attached.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:marketing-pro-awards-sections-analyst-quadrant","t":"Analyst Quadrant","d":"Split analyst recognition section pairing a drawn quadrant matrix of unnamed vendor dots w","k":"motion","s":"shadcn-ui-blocks","c":"motion/background"},{"id":"shadcn-ui-blocks:marketing-pro-awards-sections-award-spotlight","t":"Award Spotlight","d":"Split spotlight on one flagship award pairing a drawn laurel medallion panel with the verb","k":"motion","s":"shadcn-ui-blocks","c":"motion/background","sb":"Beams and light"},{"id":"shadcn-ui-blocks:marketing-pro-awards-sections-awards-timeline","t":"Awards Timeline","d":"Recognition by year as ruled rows, from the first small badge to category leader.","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:marketing-pro-awards-sections-badge-comparison-table","t":"Badge Comparison Table","d":"Matrix of review platform badges comparing us with two shortlisted rivals as filled and ho","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-awards-sections-badge-criteria","t":"Badge Criteria","d":"Published review badge thresholds as ruled requirement rows, the bar beside where you stan","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:marketing-pro-awards-sections-badge-wall","t":"Badge Wall","d":"Award badges drawn as SVG laurel medallions with names and seasons, no raster assets.","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:marketing-pro-awards-sections-category-leader-grid","t":"Category Leader Grid","d":"Current rank across eight product categories as cards with a large position numeral, quart","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:marketing-pro-awards-sections-category-ratings-compare","t":"Category Ratings Compare","d":"Ruled list of review platform rating axes with paired meter bars comparing your score to t","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-awards-sections-entry-ledger","t":"Entry Ledger","d":"Complete ledger of award entries as ruled rows with year, award, outcome badge, and a less","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:marketing-pro-awards-sections-jury-panel","t":"Jury Panel","d":"A grid of profile cards for the independent award judges, each with a portrait, an affilia","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:marketing-pro-awards-sections-rating-breakdown-chart","t":"Rating Breakdown Chart","d":"The full star distribution as a horizontal shadcn bar chart, one star reviews included.","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:marketing-pro-awards-sections-rating-trend-chart","t":"Rating Trend Chart","d":"An eight quarter line chart of the average review score against the category average, with","s":"shadcn-ui-blocks","c":"data-viz/chart","tg":["webgl"],"sb":"Line and sparkline","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-awards-sections-recognition-stats","t":"Recognition Stats","d":"Four ruled stat columns counting badges held, Leader quarters, verified reviews, and first","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:marketing-pro-awards-sections-review-scores-band","t":"Review Scores Band","d":"Ratings from four review platforms as drawn medallions with stars and verified counts.","k":"motion","s":"shadcn-ui-blocks","c":"motion/background"},{"id":"shadcn-ui-blocks:marketing-pro-awards-sections-reviewer-quotes-grid","t":"Reviewer Quotes Grid","d":"Six lines lifted from verified reviews with star rows, one four star kept on purpose.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:marketing-pro-banners-announcement-bar","t":"Announcement Bar","d":"A slim muted strip with a highlighted lead word, one sentence of news, and an arrow link.","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:marketing-pro-banners-app-download-banner","t":"App Download Banner","d":"A smart app style strip with a rounded app icon, the name over a star rating and review co","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-banners-bottom-docked-banner","t":"Bottom Docked Banner","d":"A bottom pinned consent card with plain language copy and equal weight accept choices.","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-banners-countdown-banner","t":"Countdown Banner","d":"A bordered event band with the launch date, a day, hour, and minute countdown readout, and","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-banners-dismissible-announcement-bar","t":"Dismissible Announcement Bar","d":"A slim dismissible top of page bar on a primary background with an uppercase New tag, a on","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:marketing-pro-banners-email-capture-banner","t":"Email Capture Banner","d":"A full width muted band with a newsletter invitation beside a labeled email form, a subscr","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-banners-feedback-banner","t":"Feedback Banner","d":"A rounded muted row pairing a one question rating prompt and helper line with a five point","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-banners-integration-banner","t":"Integration Banner","d":"A bordered card strip pairing two product marks joined by a plus with a bold announcement ","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-banners-live-signups-banner","t":"Live Signups Banner","d":"A pill banner with the most recent join, its city, and the day count, wired or nothing.","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-banners-promo-band-with-cta","t":"Promo Band With Cta","d":"A primary colored offer strip with a bolded discount, plain deadline, and compact button.","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement"},{"id":"shadcn-ui-blocks:marketing-pro-banners-referral-banner","t":"Referral Banner","d":"A muted row with a gift icon square, a give and get lead with reward terms, a mono referra","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-banners-region-banner","t":"Region Banner","d":"A bordered card row pairing a globe icon and detected location lead with a primary switch ","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-banners-sale-banner-dark","t":"Sale Banner Dark","d":"A seasonal sale band with the discount at display size, honest terms, and a secondary butt","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-banners-scheduled-maintenance-banner","t":"Scheduled Maintenance Banner","d":"A calm maintenance strip with exact UTC times and the impact answered in one sentence.","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-banners-update-banner-with-badge","t":"Update Banner With Badge","d":"A changelog style card strip with a version badge, feature line, release link, and dismiss","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-banners-upgrade-banner","t":"Upgrade Banner","d":"An inline muted banner row with a Sparkles icon square, a semibold plan lead with muted be","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-banners-webinar-banner","t":"Webinar Banner","d":"A bordered card band pairing an overlapping speaker avatar stack and session title with a ","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-benchmarks-sections-before-after-bars","t":"Before After Bars","d":"Month zero against month three as paired bars, churned teams counted, not survivors.","s":"shadcn-ui-blocks","c":"media/image-compare","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-benchmarks-sections-benchmark-cta-band","t":"Benchmark Cta Band","d":"A report download band trading the itemized PDF for an email.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:marketing-pro-benchmarks-sections-benchmark-table-compact","t":"Benchmark Table Compact","d":"Benchmark metrics by company size with the reader band highlighted.","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:marketing-pro-benchmarks-sections-benchmark-trend-line","t":"Benchmark Trend Line","d":"Five years of the median and top decile as a shadcn line chart, the case against comparing","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcn-ui-blocks:marketing-pro-benchmarks-sections-distribution-curve","t":"Distribution Curve","d":"The full account distribution as a shadcn area curve with a marked median.","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:marketing-pro-benchmarks-sections-funnel-drop-off","t":"Funnel Drop Off","d":"Median conversion per funnel step as bars with top decile ticks, counting rules per row, a","s":"shadcn-ui-blocks","c":"data-viz/chart","tg":["playful"],"sb":"Flow and funnel","sy":["playful"]},{"id":"shadcn-ui-blocks:marketing-pro-benchmarks-sections-industry-benchmark-bars","t":"Industry Benchmark Bars","d":"Median and top decile open rates by industry as grouped shadcn bars with counting rules.","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcn-ui-blocks:marketing-pro-benchmarks-sections-key-findings-list","t":"Key Findings List","d":"Executive summary listing numbered findings as divided rows, each pairing a headline stat ","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:marketing-pro-benchmarks-sections-methodology-note","t":"Methodology Note","d":"The methods section on the page, sample, definitions, exclusions, and named bias.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing"},{"id":"shadcn-ui-blocks:marketing-pro-benchmarks-sections-percentile-callouts","t":"Percentile Callouts","d":"Median, quartile, and decile threshold cards with mini position scales and verdict notes.","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-benchmarks-sections-quadrant-scatter","t":"Quadrant Scatter","d":"Split section pairing an inline SVG scatter of accounts, split into four quadrants by medi","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Scatter"},{"id":"shadcn-ui-blocks:marketing-pro-benchmarks-sections-quartile-range-bands","t":"Quartile Range Bands","d":"Benchmark section showing each segment as a horizontal p25 to p75 range on a shared axis, ","s":"shadcn-ui-blocks","c":"inputs/slider"},{"id":"shadcn-ui-blocks:marketing-pro-benchmarks-sections-rank-yourself-slider","t":"Rank Yourself Slider","d":"An interactive slider placing the reader's open rate in a percentile band, with cut points","s":"shadcn-ui-blocks","c":"inputs/slider"},{"id":"shadcn-ui-blocks:marketing-pro-benchmarks-sections-send-time-heatmap","t":"Send Time Heatmap","d":"Median open rate by send day and hour as a token opacity heatmap grid, with peak, trough, ","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Heatmap"},{"id":"shadcn-ui-blocks:marketing-pro-benchmarks-sections-survey-results-bars","t":"Survey Results Bars","d":"Ranked survey answers as horizontal shadcn bars with sample size in the footnote.","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcn-ui-blocks:marketing-pro-benchmarks-sections-yoy-shift-table","t":"Year Over Year Shift Table","d":"Reference table listing each headline metric with last year, this year, a signed change ch","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:marketing-pro-blog-sections-author-spotlight-row","t":"Author Spotlight Row","d":"A writer with a beat and credential bio beside their three most read pieces.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-blog-sections-blog-cards-grid","t":"Blog Cards Grid","d":"Three post cards with placeholder covers, category badges, excerpts, and read times.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-blog-sections-category-filter-grid","t":"Category Filter Grid","d":"A centered heading and lede sit above a row of category filter pills, then a three column ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-blog-sections-curated-reading-path","t":"Curated Reading Path","d":"A start here section walking new readers through five foundational posts on a numbered rai","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:marketing-pro-blog-sections-editorial-feature-row","t":"Editorial Feature Row","d":"A magazine front page row pairing one large feature card with two stacked compact posts.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:marketing-pro-blog-sections-editorial-list","t":"Editorial List","d":"A centered blog header above five hairline separated editorial rows with dates, titles, ex","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:marketing-pro-blog-sections-featured-post-split","t":"Featured Post Split","d":"One flagship post with a wide cover, standfirst, author line, and read link.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:marketing-pro-blog-sections-featured-post-with-list","t":"Featured Post With List","d":"A blog split with a view all header link, one large featured post with an author byline, a","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-blog-sections-monthly-archive-groups","t":"Monthly Archive Groups","d":"A left aligned heading and lede lead into three month sections, each pairing a month label","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-blog-sections-newsletter-archive-split","t":"Newsletter Archive Split","d":"A sticky subscribe panel with a labeled email form beside a hairline divided ledger of fiv","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-blog-sections-posts-list-minimal","t":"Posts List Minimal","d":"A text only post ledger of dated, ruled rows with categories and hover arrows.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"]},{"id":"shadcn-ui-blocks:marketing-pro-blog-sections-posts-with-sidebar","t":"Posts With Sidebar","d":"An editorial post list beside a sticky sidebar of category counts and most read titles.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:marketing-pro-blog-sections-pull-quote-cards","t":"Pull Quote Cards","d":"A centered heading and lede over three bordered cards, each opening with a quote glyph and","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-blog-sections-series-collection-cards","t":"Series Collection Cards","d":"Three multi part series as cards with part counts, read times, and honest statuses.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-blog-sections-topic-hub-tiles","t":"Topic Hub Tiles","d":"A browse by topic directory of six hairline topped tiles, each with an icon chip, mono pos","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:marketing-pro-blog-sections-write-for-us-split","t":"Write For Us Split","d":"A two column contributor pitch: the left stacks a heading, lede, and commissioned topics, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:marketing-pro-blog-sections-writers-grid","t":"Writers Grid","d":"A meet the writers grid of four author columns with illustrated avatars, beats, one line b","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:marketing-pro-calculators-affiliate-earnings-calculator","t":"Affiliate Earnings Calculator","d":"Audience and conversion sliders projecting commission, assumptions printed below.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:marketing-pro-calculators-annual-billing-toggle","t":"Annual Billing Toggle","d":"A monthly or annual toggle with a seat slider, both yearly totals side by side and the ann","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"With billing toggle"},{"id":"shadcn-ui-blocks:marketing-pro-calculators-build-vs-buy-calculator","t":"Build Vs Buy Calculator","d":"Engineer and month sliders price an in house build against a flat subscription, compared a","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-calculators-churn-impact-calculator","t":"Churn Impact Calculator","d":"Revenue and churn sliders feed a three stat strip of monthly loss, yearly loss, and what o","s":"shadcn-ui-blocks","c":"inputs/slider","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-calculators-cpl-benchmark-calculator","t":"CPL Benchmark Calculator","d":"Two column cost per lead calculator with spend and lead sliders beside a big CPL figure, a","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:marketing-pro-calculators-downtime-cost-calculator","t":"Downtime Cost Calculator","d":"Centered downtime calculator with one revenue slider that reprices a selectable SLA tier t","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:marketing-pro-calculators-email-volume-calculator","t":"Email Volume Calculator","d":"A volume slider against public rate bands with the computed monthly price.","s":"shadcn-ui-blocks","c":"inputs/slider"},{"id":"shadcn-ui-blocks:marketing-pro-calculators-funnel-projection-calculator","t":"Funnel Projection Calculator","d":"One traffic slider runs a four stage funnel at printed median rates, ending in projected n","s":"shadcn-ui-blocks","c":"data-viz/chart","tg":["playful"],"sb":"Flow and funnel","sy":["playful"]},{"id":"shadcn-ui-blocks:marketing-pro-calculators-ltv-calculator","t":"Ltv Calculator","d":"Three sliders driving lifetime value with the formula printed under the result.","s":"shadcn-ui-blocks","c":"inputs/slider","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-calculators-payback-summary-static","t":"Payback Summary Static","d":"A worked payback example line by line, the calculator with the answer filled in.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:marketing-pro-calculators-roi-calculator","t":"Roi Calculator","d":"Two sliders for team and hours driving live yearly savings with printed assumptions.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:marketing-pro-calculators-savings-slider","t":"Savings Slider","d":"One slider for tool count driving monthly and yearly consolidation savings.","s":"shadcn-ui-blocks","c":"inputs/slider"},{"id":"shadcn-ui-blocks:marketing-pro-calculators-team-size-estimator","t":"Team Size Estimator","d":"A stepper that picks the right plan from headcount with visible tier boundaries.","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:marketing-pro-calculators-test-duration-calculator","t":"Test Duration Calculator","d":"Centered A/B test duration calculator with three sliders feeding a big day count, a six we","s":"shadcn-ui-blocks","c":"inputs/slider","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-calculators-usage-cost-estimator","t":"Usage Cost Estimator","d":"Two column pricing estimator with seat and project steppers and add on switches beside a l","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:marketing-pro-careers-sections-benefits-grid","t":"Benefits Grid","d":"Six benefit cards where every sentence commits to a number, policy, or default.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcn-ui-blocks:marketing-pro-careers-sections-benefits-icon-grid","t":"Benefits Icon Grid","d":"A careers benefits section with a centered header, six icon led perks in a three by two gr","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-careers-sections-career-ladder","t":"Career Ladder","d":"A centered header above two bordered track panels for IC and management ladders, ruled lev","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcn-ui-blocks:marketing-pro-careers-sections-careers-cta-banner","t":"Careers Cta Banner","d":"A compact banner with overlapping avatars, an invitation line, and an open roles count.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Banners"},{"id":"shadcn-ui-blocks:marketing-pro-careers-sections-careers-faq","t":"Careers FAQ","d":"Candidate questions in an accordion beside heading copy and a contact card promising a rep","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:marketing-pro-careers-sections-compensation-principles","t":"Compensation Principles","d":"Pay transparency principles beside a salary band table with levels and ranges.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcn-ui-blocks:marketing-pro-careers-sections-culture-values-split","t":"Culture Values Split","d":"Culture framed as working agreements beside four numbered rules with enforcement notes.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcn-ui-blocks:marketing-pro-careers-sections-day-in-the-life","t":"Day in the Life","d":"A two column layout with heading copy and an employee card of avatar, role, and facts besi","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcn-ui-blocks:marketing-pro-careers-sections-early-careers","t":"Early Careers","d":"A centered header above two bordered program cards for internship and graduate paths, each","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcn-ui-blocks:marketing-pro-careers-sections-employee-quotes","t":"Employee Quotes","d":"Three employee quote cards with avatars and tenure lines confirming culture claims.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Careers","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-careers-sections-hiring-journey","t":"Hiring Journey","d":"A hiring process section with four numbered steps joined by hairlines, per step durations,","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:marketing-pro-careers-sections-hiring-process-steps","t":"Hiring Process Steps","d":"Four connected hiring stages with promised durations and no ghosting commitments.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:marketing-pro-careers-sections-interview-prep-list","t":"Interview Prep List","d":"What each interview stage assesses and how to prepare, the rubric published.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcn-ui-blocks:marketing-pro-careers-sections-onboarding-plan","t":"Onboarding Plan","d":"Three timeframe cards mapping the first ninety days with checklists, ruled outcome lines, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-careers-sections-open-roles","t":"Open Roles","d":"A header row with a view all button, role rows grouped by team with location and type badg","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:marketing-pro-careers-sections-open-roles-list","t":"Open Roles List","d":"Ruled rows of open roles with team badges, honest locations, and a reply time promise.","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:marketing-pro-careers-sections-people-stats","t":"People Stats","d":"Four ruled retention and tenure stats with one line explanations under a centered header, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:marketing-pro-careers-sections-referral-program-card","t":"Referral Program Card","d":"A public referral bounty split with the candidate, open beyond employees.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcn-ui-blocks:marketing-pro-careers-sections-roles-by-department","t":"Roles By Department","d":"Openings grouped under department headers with live counts and ruled role rows.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcn-ui-blocks:marketing-pro-careers-sections-salary-bands-table","t":"Salary Bands Table","d":"Published compensation by level with the midpoint offer rule and equity columns.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcn-ui-blocks:marketing-pro-careers-sections-talent-network","t":"Talent Network","d":"Heading copy with three icon led contact promises beside a bordered signup card with an em","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-careers-sections-where-we-work","t":"Where We Work","d":"Three office hub cards with working day, teams, and open role rows above a remote strip li","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Careers","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-anonymous-results-compact","t":"Anonymous Results Compact","d":"Anonymized result rows for reference shy industries, with NDA references offered.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-before-after-panels","t":"Before After Panels","d":"A customer story told as two side by side panels contrasting the week before and after, cl","s":"shadcn-ui-blocks","c":"media/image-compare","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-challenge-solution-results","t":"Challenge Solution Results","d":"One customer story told across three divided columns covering the challenge, the solution ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Portfolio","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-dark-panel-feature","t":"Dark Panel Feature","d":"Featured story in a solid primary panel with inverted wordmark, summary, and three metrics","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-featured-story","t":"Featured Story","d":"Centered heading over a story card pairing narrative and quote with a rail of three metric","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-featured-with-list","t":"Featured With List","d":"One customer story told in full inside a featured card, beside a compact divided list of f","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-growth-chart-story","t":"Growth Chart Story","d":"A case study card led by a twelve month line chart with milestone markers and a story row ","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-industry-tabs","t":"Industry Tabs","d":"Industry tabs where each panel shows one story card with metrics and a customer quote.","s":"shadcn-ui-blocks","c":"navigation/tabs"},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-interview-story","t":"Interview Story","d":"A case study told as an interview, with the customer intro and headline numbers beside fou","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-logo-rows-with-results","t":"Logo Rows With Results","d":"Stacked divided rows pairing a wordmark and outcome with a bold metric and story link.","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","sb":"Dev tools"},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-metrics-spotlight","t":"Metrics Spotlight","d":"Company narrative beside a divided stat rail with a wide customer quote underneath.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-mini-results-grid","t":"Mini Results Grid","d":"Four compact customer cards with wordmarks, one headline number, and story links.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-quote-led-story","t":"Quote Led Story","d":"Oversized opening quote above a three stat row and two short narrative paragraphs.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-quote-with-radial-stats","t":"Quote With Radial Stats","d":"A large customer quote beside a panel of three donut rings showing percentage outcomes.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Stats","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-results-table","t":"Results Table","d":"Clean table of customers, industries, results, and time to value with CTA buttons below.","s":"shadcn-ui-blocks","c":"data-display/table","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-results-with-area-chart","t":"Results With Area Chart","d":"A case study with the customer indexed series as a hoverable shadcn area chart.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-roi-summary-cards","t":"Roi Summary Cards","d":"Three customers reduced to invested, returned, and payback period, finance memo style.","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-savings-breakdown","t":"Savings Breakdown","d":"A finance first story and quote beside an itemized annual savings statement card whose lin","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-split-with-quote","t":"Split With Quote","d":"Two paragraph story beside a right rail holding a quote card and two key stats.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-stakeholder-voices","t":"Stakeholder Voices","d":"One rollout narrated through three quote cards with avatars for marketing, operations, and","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Portfolio","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-stat-callout-story","t":"Stat Callout Story","d":"A narrative case study interrupted twice by ruled display size stat callouts.","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-story-accordion","t":"Story Accordion","d":"Four customer stories in a bordered accordion where each trigger pairs a wordmark with a m","s":"shadcn-ui-blocks","c":"data-display/accordion"},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-story-carousel","t":"Story Carousel","d":"Horizontally scrollable snap row of story cards with wordmarks, metrics, and summaries.","s":"shadcn-ui-blocks","c":"media/carousel"},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-story-grid","t":"Story Grid","d":"Three story cards each showing a wordmark, a bold result, a summary, and a read link.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-story-with-before-after-chart","t":"Story With Before After Chart","d":"A customer narrative and quote beside grouped bars comparing three metrics before and afte","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-story-with-fact-sheet","t":"Story With Fact Sheet","d":"A narrative case study and checklist of changes beside an at a glance fact sheet card that","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-timeline-with-metrics","t":"Timeline With Metrics","d":"A rollout told as a vertical timeline with a metric chip per milestone and a closing resul","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:marketing-pro-case-studies-video-case-row","t":"Video Case Row","d":"Three customer films with posters, durations, and the one number each story turns on.","s":"shadcn-ui-blocks","c":"media/player","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-changelog-sections-changelog-cards-monthly","t":"Changelog Cards Monthly","d":"Monthly scorecards with change type counts, the headline ship, and line item links.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing"},{"id":"shadcn-ui-blocks:marketing-pro-changelog-sections-changelog-filter-tabs","t":"Changelog Filter Tabs","d":"A dated changelog behind working filter tabs that narrow one list of entries to new featur","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Tabs"},{"id":"shadcn-ui-blocks:marketing-pro-changelog-sections-changelog-list-dated","t":"Changelog List Dated","d":"Release entries down a hairline rail with dates, version chips, and outcome sentences.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing"},{"id":"shadcn-ui-blocks:marketing-pro-changelog-sections-changelog-sticky-months","t":"Changelog Sticky Months","d":"A two column changelog archive: a sticky month index with entry counts beside releases gro","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing"},{"id":"shadcn-ui-blocks:marketing-pro-changelog-sections-changelog-subscribe-split","t":"Changelog Subscribe Split","d":"A changelog subscription split with copy, a three point benefit list, and a labeled email ","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-changelog-sections-changelog-with-tags","t":"Changelog With Tags","d":"Dated releases where every line carries a New, Improved, or Fixed chip.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing"},{"id":"shadcn-ui-blocks:marketing-pro-changelog-sections-deprecations-notice-list","t":"Deprecations Notice List","d":"Retirements with dates, reasons, and migration paths, plus the rumor stopping non removal.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing"},{"id":"shadcn-ui-blocks:marketing-pro-changelog-sections-patch-notes-table","t":"Patch Notes Table","d":"A dense patch table listing version, date, a type chip, and a one line summary per row, cl","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing"},{"id":"shadcn-ui-blocks:marketing-pro-changelog-sections-release-cadence-chart","t":"Release Cadence Chart","d":"Shipped changes per month as stacked shadcn bars split into features and fixes.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:marketing-pro-changelog-sections-release-cards","t":"Release Cards","d":"A changelog with a centered header, a subscribe link, and stacked release cards carrying v","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Cards"},{"id":"shadcn-ui-blocks:marketing-pro-changelog-sections-release-highlights-split","t":"Release Highlights Split","d":"The headline feature of a release with copy and CTAs beside a mini app mockup.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcn-ui-blocks:marketing-pro-changelog-sections-release-notes-accordion","t":"Release Notes Accordion","d":"Releases in a single open accordion where each trigger pairs a version chip, date, and tit","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing"},{"id":"shadcn-ui-blocks:marketing-pro-changelog-sections-release-notes-columns","t":"Release Notes Columns","d":"A single release in three columns: a version header and lede above New, Improved, and Fixe","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-changelog-sections-requested-and-shipped","t":"Requested And Shipped","d":"Shipped changes as cards crediting the customers who asked, each footer stacking requester","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:marketing-pro-changelog-sections-shipping-velocity-stats","t":"Shipping Velocity Stats","d":"Three shipping cadence stats beside a sparkline of releases per month.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Stats","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-changelog-sections-version-compare-table","t":"Version Compare Table","d":"A three column table putting the previous major version beside the current one, capability","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-changelog-sections-version-timeline-horizontal","t":"Version Timeline Horizontal","d":"Version dots along a horizontal line with dates and titles, the latest haloed.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing"},{"id":"shadcn-ui-blocks:marketing-pro-changelog-sections-whats-new-banner","t":"Whats New Banner","d":"A clickable row with the latest release, a version chip, and a changelog link.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing"},{"id":"shadcn-ui-blocks:marketing-pro-community-sections-community-calls-split","t":"Community Calls Split","d":"A monthly call pitch with hosts beside the next three dated topics and a series button.","s":"shadcn-ui-blocks","c":"data-display/avatar","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-community-sections-community-channels-cards","t":"Community Channels Cards","d":"Three doors into the community, forum, calls, and digest, with activity facts.","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-community-sections-community-guidelines-split","t":"Community Guidelines Split","d":"Moderation stats and a full charter link beside four numbered house rules in a divided car","s":"shadcn-ui-blocks","c":"actions/link"},{"id":"shadcn-ui-blocks:marketing-pro-community-sections-community-quote-band","t":"Community Quote Band","d":"A member arc quote with tenure attribution beside an ungated join button.","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:marketing-pro-community-sections-community-stats-banner","t":"Community Stats Banner","d":"Overlapping member avatars and an invitation beside reply speed stats and a join button.","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-community-sections-contributor-grid","t":"Contributor Grid","d":"Top contributor cards with answer counts above an avatar wall and a breadth stat.","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:marketing-pro-community-sections-discussion-preview-list","t":"Discussion Preview List","d":"Live forum thread rows with avatars, tags, reply counts, and an active now chip.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:marketing-pro-community-sections-first-week-steps","t":"First Week Steps","d":"A seven day onboarding path in four numbered steps with day labels, closed by a join butto","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:marketing-pro-community-sections-join-faq-accordion","t":"Join FAQ Accordion","d":"A two column layout pairing reassurance copy and a join button with an accordion of five p","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:marketing-pro-community-sections-leaderboard-table","t":"Leaderboard Table","d":"The quarterly contributor board with points, streaks, and published stakes.","s":"shadcn-ui-blocks","c":"data-display/gamification"},{"id":"shadcn-ui-blocks:marketing-pro-community-sections-meetups-city-grid","t":"Meetups City Grid","d":"City chapters with next dates, named organizers, and a dashed your city card.","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:marketing-pro-community-sections-member-resources-grid","t":"Member Resources Grid","d":"Member built template cards with type chips, author avatars, and download counts under a b","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:marketing-pro-community-sections-member-roles-ladder","t":"Member Roles Ladder","d":"A centered heading over a table style card of four earned member roles, each with member c","s":"shadcn-ui-blocks","c":"data-display/table","sb":"People"},{"id":"shadcn-ui-blocks:marketing-pro-community-sections-member-spotlight","t":"Member Spotlight","d":"A split card pairing a profile rail of portrait, role, and membership facts with a three q","k":"motion","s":"shadcn-ui-blocks","c":"motion/background","tg":["webgl"],"sb":"Beams and light","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-community-sections-milestones-timeline","t":"Milestones Timeline","d":"Four dated community milestones on a marker line, each with a year, a title, and one concr","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:marketing-pro-community-sections-solved-thread-showcase","t":"Solved Thread Showcase","d":"A two column layout pairing answer speed stats and an ask button with a static solved thre","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-alternative-cards","t":"Alternative Cards","d":"Three cards positioning the product as the alternative to spreadsheets, email, and suites.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-before-after","t":"Before and After","d":"Before and after cards listing the same workflow as crossed off pains and checked wins.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-claim-check","t":"Claim Check","d":"A left aligned header over a stacked list of competitor claims, each quoted with a verdict","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-comparison-hub","t":"Comparison Hub","d":"A centered header over a grid of versus cards, each pairing your product and a competitor ","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-comparison-with-quote","t":"Comparison with Quote","d":"Compact five row comparison table beside a quote card from a customer who switched.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-competitor-table","t":"Competitor Table","d":"Feature table comparing the product against two competitors with check, partial, and no ma","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Comparison"},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-cost-breakdown-bars","t":"Cost Breakdown Bars","d":"Two stacked bars totaling an old tool stack against one shorter Acme bar with an itemized ","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-cost-comparison-chart","t":"Cost Comparison Chart","d":"All in yearly cost against two competitors as grouped shadcn bars with the method owned.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-dimension-rows","t":"Dimension Rows","d":"Stacked full width rows comparing Them and Us copy across four buying dimensions.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-feature-checklist-table","t":"Feature Checklist Table","d":"Two column checklist table comparing features and pricing against a single competitor.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-feature-depth-matrix","t":"Feature Depth Matrix","d":"Capabilities rated with dot scales instead of checkmarks, one row conceded on purpose.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["3d"],"sb":"Comparison","sy":["3d"]},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-fewer-steps","t":"Fewer Steps","d":"Two numbered columns comparing the same task, nine steps beside three, each led by a step ","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-grouped-bar-comparison","t":"Grouped Bar Comparison","d":"Four dimensions compared as paired horizontal bars for Acme and a typical alternative.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-head-to-head-tabs","t":"Head To Head Tabs","d":"Centered pill tabs switch between competitors, each pane pairing a verdict and three check","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-migration-coverage","t":"Migration Coverage","d":"A left rail argues the switch is easy with migration stats and two buttons, beside a card ","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-old-way-new-way","t":"Old Way New Way","d":"Editorial split contrasting a muted old way list with a confident checked new way list.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-performance-curves","t":"Performance Curves","d":"Two SVG curves diverging over six quarters, teams on Acme rising while the status quo stay","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-plan-match","t":"Plan Match","d":"Three stacked mapping rows pair each competitor plan with its matching plan on your side, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-pros-and-cons-split","t":"Pros And Cons Split","d":"An honest fit assessment with a good fit card beside real disqualifiers and a referral.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-quadrant-position-chart","t":"Quadrant Position Chart","d":"A self drawn market quadrant as a shadcn scatter with the methodology owned in the footnot","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-release-velocity","t":"Release Velocity","d":"Two changelog columns side by side, each led by a release count over a dated feed, a busy ","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-review-scores","t":"Review Scores","d":"A rounded table scores three products across independent review platforms, each cell pairi","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-score-ring-cards","t":"Score Ring Cards","d":"Four scored dimensions as ring gauges with industry averages and a source caption.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-side-by-side-mockups","t":"Side by Side Mockups","d":"Two window mockups contrasting a cluttered generic tool with the calm product, captioned.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-switch-banner","t":"Switch Banner","d":"Migration banner card with a heading, one call to action, and three checked steps below.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-switch-reasons","t":"Switch Reasons","d":"A why teams switch section with three icon reason cards ending in highlighted stats, plus ","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-switching-stories-list","t":"Switching Stories List","d":"Four evaluation accounts, each tagged with the factor that settled the decision.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-tco-table","t":"Tco Table","d":"A total cost table with stack and Acme columns, a totals row, and named assumptions.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-us-vs-them-split","t":"Us vs Them Split","d":"Divided two column list pairing checked product strengths with crossed out competitor gaps","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-comparison-sections-vs-competitor","t":"Vs Competitor","d":"A product versus legacy tools comparison with two matched criteria cards, a subtly emphasi","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:marketing-pro-contact-sections-callback-request-form","t":"Callback Request Form","d":"Two column split pairing a pitch with three numbered steps and a phone line beside a form ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-contact-sections-centered-email-cta","t":"Centered Email Cta","d":"A formless contact section with the email address itself at display size as a mailto link.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-contact-sections-channel-cards","t":"Channel Cards","d":"Three contact channel cards with icons, response promises, and action links for routing by","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-contact-sections-contact-split-form","t":"Contact Split Form","d":"A reassuring pitch with reply time facts beside a bordered name, email, and message form.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:marketing-pro-contact-sections-contact-with-hours","t":"Contact With Hours","d":"Channel rows with live open chips beside a staffed hours card and a handoff note.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:marketing-pro-contact-sections-direct-team-contacts","t":"Direct Team Contacts","d":"Heading and lede above a four column grid of named people cards, each with an avatar, role","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:marketing-pro-contact-sections-faq-with-contact-card","t":"FAQ With Contact Card","d":"Centered heading and lede above a two column split pairing an accordion of common question","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:marketing-pro-contact-sections-form-with-channels","t":"Form With Channels","d":"A split contact section pairing intro copy, three contact channel rows, and office hours w","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-contact-sections-form-with-map-mockup","t":"Form With Map Mockup","d":"A contact form beside an abstract dot grid map with labeled office pins and a coverage cap","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:marketing-pro-contact-sections-offices-grid","t":"Offices Grid","d":"Regional office cards with addresses, local inboxes, and working hours per timezone.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:marketing-pro-contact-sections-offices-list","t":"Offices List","d":"A centered header over three office cards with region labels, addresses, timezones, and em","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-contact-sections-project-inquiry-form","t":"Project Inquiry Form","d":"Centered heading and lede above a brief form card with name, email, company, and budget fi","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:marketing-pro-contact-sections-regional-offices-grid","t":"Regional Offices Grid","d":"Three offices with addresses, honest local hours, and the one channel each answers.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-contact-sections-sales-vs-support-split","t":"Sales Vs Support Split","d":"One panel split into sales and support doors, each with expectation bullets and its own CT","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:marketing-pro-contact-sections-support-channels","t":"Support Channels","d":"A centered contact header above three channel cards for sales, support, and community, eac","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-contact-sections-support-stats-contact","t":"Support Stats Contact","d":"Live support queue stats beside the start a conversation card.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:marketing-pro-content-sections-article-with-tldr","t":"Article With TLDR","d":"A long read opener with an author byline, reading meta, a bordered short version panel sum","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:marketing-pro-content-sections-checklist-manifesto","t":"Checklist Manifesto","d":"Six checked commitments pairing enforceable rules with the practices behind them.","s":"shadcn-ui-blocks","c":"inputs/checkbox"},{"id":"shadcn-ui-blocks:marketing-pro-content-sections-content-with-toc-sidebar","t":"Content With Toc Sidebar","d":"Long form prose beside a sticky mini table of contents with an active item.","s":"shadcn-ui-blocks","c":"navigation/sidebar"},{"id":"shadcn-ui-blocks:marketing-pro-content-sections-definition-list-section","t":"Definition List Section","d":"A working glossary of term and definition rows where the second sentence differentiates.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:marketing-pro-content-sections-glossary-preview-list","t":"Glossary Preview List","d":"Six glossary terms defined in two sentences each, the second one with a stance.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:marketing-pro-content-sections-headline-with-leadline","t":"Headline With Leadline","d":"An oversized research finding with a sourced leadline and one evidence link.","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect"},{"id":"shadcn-ui-blocks:marketing-pro-content-sections-letter-from-founder","t":"Letter From Founder","d":"A short founder letter that names the catch, signed with an avatar and a real email.","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect"},{"id":"shadcn-ui-blocks:marketing-pro-content-sections-myth-fact-rows","t":"Myth Fact Rows","d":"A myth versus evidence section of hairline divided rows pairing a popular belief on the le","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-content-sections-numbered-takeaways","t":"Numbered Takeaways","d":"Three ghost numbered research takeaways, each a claim with its data and reframe.","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-content-sections-prose-two-column","t":"Prose Two Column","d":"An essay set in magazine columns under a heading, closed by an attribution line.","s":"shadcn-ui-blocks","c":"data-display/typography"},{"id":"shadcn-ui-blocks:marketing-pro-content-sections-prose-with-margin-notes","t":"Prose With Margin Notes","d":"An annotated essay where each paragraph carries a superscript marker paired with a numbere","s":"shadcn-ui-blocks","c":"data-display/typography"},{"id":"shadcn-ui-blocks:marketing-pro-content-sections-pull-quote-break","t":"Pull Quote Break","d":"One aphorism set large between hairline rules with a source line, page punctuation.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing"},{"id":"shadcn-ui-blocks:marketing-pro-content-sections-reading-list-cards","t":"Reading List Cards","d":"Curated external resources including one that argues against you, with real whys.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:marketing-pro-content-sections-series-chapter-index","t":"Series Chapter Index","d":"A series index pairing an intro column and byline with a divided list of numbered chapters","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:marketing-pro-ctas-banner-with-avatars","t":"Banner With Avatars","d":"Card banner with headline, overlapping avatar row, and a single primary button.","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-ctas-before-after-split","t":"Before After Split","d":"Centered headline and lede above a divided two column panel comparing the current week wit","s":"shadcn-ui-blocks","c":"media/image-compare"},{"id":"shadcn-ui-blocks:marketing-pro-ctas-bordered-inset","t":"Bordered Inset","d":"Centered headline and buttons inside a large rounded border inset.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:marketing-pro-ctas-cta-with-setup-checklist","t":"Cta With Setup Checklist","d":"The closing ask beside the first session itemized, five steps with median times that sum.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:marketing-pro-ctas-cta-with-trend-chart","t":"Cta With Trend Chart","d":"A closing ask beside a minimal shadcn trendline framed as the reader future line.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:marketing-pro-ctas-dark-band-with-sparkline","t":"Dark Band With Sparkline","d":"A primary colored CTA band with a single button and a faint sparkline along its base.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:marketing-pro-ctas-dual-cta-banner","t":"Dual CTA Banner","d":"A full width inverted CTA panel with a centered headline, supporting line, contrasting pil","s":"shadcn-ui-blocks","c":"overlays/alert-banner","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-ctas-full-bleed-band","t":"Full Bleed Band","d":"Full width primary band with headline, supporting line, and one inverted button.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:marketing-pro-ctas-minimal-inline","t":"Minimal Inline","d":"Slim ruled strip pairing a short headline with a single arrow text link.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:marketing-pro-ctas-plain-text-cta","t":"Plain Text Cta","d":"The editorial close, three sentences and two text links, no buttons.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-ctas-side-by-side-cards","t":"Side By Side Cards","d":"Two matched cards offering free trial and sales paths with checklists and buttons.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:marketing-pro-ctas-split-with-growth-chart","t":"Split With Growth Chart","d":"A bordered CTA panel with headline and buttons beside a rising area chart and a labeled re","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:marketing-pro-ctas-split-with-mockup","t":"Split With Mockup","d":"Card split pairing CTA copy and buttons with a metrics dashboard mockup.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:marketing-pro-ctas-split-with-quote","t":"Split With Quote","d":"CTA copy and buttons beside a customer quote card with a matching avatar.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:marketing-pro-ctas-trial-vs-demo-split","t":"Trial Vs Demo Split","d":"Self serve trial and guided demo as equal doors with terms lines and separate buttons.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-ctas-with-app-badges","t":"With App Badges","d":"Centered mobile pitch with App Store and Google Play download buttons.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-ctas-with-booking-slots","t":"With Booking Slots","d":"Two column split pairing a headline, agenda list, and button with a scheduling card of a h","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:marketing-pro-ctas-with-countdown","t":"With Countdown","d":"Centered card with a headline, supporting line, three countdown tiles for days, hours, and","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-ctas-with-email-capture","t":"With Email Capture","d":"Centered closing call to action pairing a headline and supporting line with a labeled emai","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-ctas-with-faq-links","t":"With Faq Links","d":"A final ask beside the three questions that stall signups, each linked to its answer.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-ctas-with-guarantee","t":"With Guarantee","d":"Centered card CTA with buttons and a money back guarantee reassurance line.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:marketing-pro-ctas-with-install-command","t":"With Install Command","d":"A developer CTA with a terminal box, copy affordance, and a first event success line.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"shadcn-ui-blocks:marketing-pro-ctas-with-integration-grid","t":"With Integration Grid","d":"CTA copy beside a three by three grid of integration tiles with a filled Acme tile at the ","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-ctas-with-setup-progress","t":"With Setup Progress","d":"A CTA pairing copy and button with an onboarding card showing a progress ring and checklis","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:marketing-pro-ctas-with-stats","t":"With Stats","d":"Centered CTA copy and buttons above a divided grid of three proof stats.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-developers-sections-api-changelog-compact","t":"Api Changelog Compact","d":"Five dated API changes with type tags and the 180 day breaking change policy up front.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing"},{"id":"shadcn-ui-blocks:marketing-pro-developers-sections-api-hero-with-terminal","t":"Api Hero With Terminal","d":"A developer hero with the pitch beside a terminal running the first API call and its respo","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"shadcn-ui-blocks:marketing-pro-developers-sections-cli-install-band","t":"Cli Install Band","d":"A slim band selling the CLI, one brew command with a copy button and three proof points.","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-developers-sections-dev-community-cards","t":"Dev Community Cards","d":"Centered developer community section with three channel cards, each carrying a stat, a des","s":"shadcn-ui-blocks","c":"data-display/card","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-developers-sections-docs-links-grid","t":"Docs Links Grid","d":"Six documentation entry points as icon cards, each labeled with its honest reading time.","s":"shadcn-ui-blocks","c":"actions/link"},{"id":"shadcn-ui-blocks:marketing-pro-developers-sections-error-codes-split","t":"Error Codes Split","d":"Split section listing six error families with codes, stable types, and fixes beside a mock","s":"shadcn-ui-blocks","c":"media/mockup"},{"id":"shadcn-ui-blocks:marketing-pro-developers-sections-quickstart-steps-code","t":"Quickstart Steps Code","d":"Install, authenticate, send. The whole quickstart as three cards with real code panels.","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-developers-sections-rate-limits-table","t":"Rate Limits Table","d":"Published rate limits by plan beside the response headers that expose limit state.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcn-ui-blocks:marketing-pro-developers-sections-sdk-language-grid","t":"Sdk Language Grid","d":"Nine SDK cards with install commands and honest Official or Community badges.","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:marketing-pro-developers-sections-status-uptime-panel","t":"Status Uptime Panel","d":"Two column reliability section pairing audited uptime stats and a status page link with a ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Metric"},{"id":"shadcn-ui-blocks:marketing-pro-developers-sections-test-mode-fixtures","t":"Test Mode Fixtures","d":"Two column sandbox section with test mode proof points and keys beside a panel of magic re","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:marketing-pro-developers-sections-webhook-events-table","t":"Webhook Events Table","d":"The complete webhook reference as a ruled table, seven events with payload sizes.","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:marketing-pro-enterprise-sections-ciso-quote-stats","t":"CISO Quote Stats","d":"A two column proof section pairing a customer CISO quote with a portrait against four audi","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:marketing-pro-enterprise-sections-compliance-certifications-grid","t":"Compliance Certifications Grid","d":"A centered heading over a three column grid of framework cards, each with a status badge, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-enterprise-sections-dedicated-infra-stats","t":"Dedicated Infra Stats","d":"Four audited infrastructure numbers over a region table that separates failover from resid","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:marketing-pro-enterprise-sections-deployment-options-cards","t":"Deployment Options Cards","d":"Cloud, dedicated, and self hosted as three cards, each stating its tradeoff in the footer.","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-enterprise-sections-enterprise-hero-logos","t":"Enterprise Hero Logos","d":"An enterprise hero with the three procurement numbers and a wordmark row of large customer","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-enterprise-sections-pilot-terms-panel","t":"Pilot Terms Panel","d":"A two column section pairing a paid pilot pitch and call to action buttons with a panel li","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:marketing-pro-enterprise-sections-procurement-checklist","t":"Procurement Checklist","d":"Seven procurement artifacts with availability and turnaround, the vendor packet in rows.","s":"shadcn-ui-blocks","c":"inputs/checkbox"},{"id":"shadcn-ui-blocks:marketing-pro-enterprise-sections-rollout-responsibilities","t":"Rollout Responsibilities","d":"A two column section pairing a heading and commitment stats with four onboarding phases, e","s":"shadcn-ui-blocks","c":"navigation/wizard-steps"},{"id":"shadcn-ui-blocks:marketing-pro-enterprise-sections-security-review-fastlane","t":"Security Review Fastlane","d":"The security review as a dated four step timeline with a free pilot extension if it runs l","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:marketing-pro-enterprise-sections-sso-scim-grid","t":"Sso Scim Grid","d":"Six identity questionnaire rows answered with mechanisms, SSO, SCIM, audit, and residency.","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in"},{"id":"shadcn-ui-blocks:marketing-pro-enterprise-sections-support-tiers-table","t":"Support Tiers Table","d":"Three support tiers with contractual response times and automatic credits when missed.","s":"shadcn-ui-blocks","c":"data-display/table","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-events-sections-agenda-day-columns","t":"Agenda Day Columns","d":"A two day single track agenda with timed session rows and track chips.","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:marketing-pro-events-sections-agenda-tracks-columns","t":"Agenda Tracks Columns","d":"A two track conference day side by side with timed sessions and role credited speakers.","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:marketing-pro-events-sections-conference-cta-band","t":"Conference Cta Band","d":"A primary registration band with the event name, date line, quick facts, and ticket button","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:marketing-pro-events-sections-event-stats-banner","t":"Event Stats Banner","d":"A banner of four numbers from last year, attendance, reach, rating, and return intent.","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-events-sections-featured-webinar-split","t":"Featured Webinar Split","d":"A session pitch with speakers beside a registration card with date facts and an email fiel","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:marketing-pro-events-sections-key-dates-timeline","t":"Key Dates Timeline","d":"Four event milestones sit on a connected dot timeline with done, current, and upcoming sta","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:marketing-pro-events-sections-past-talks-list","t":"Past Talks List","d":"The team speaking record as ruled rows with venues, recordings, and a booking line.","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:marketing-pro-events-sections-speakers-grid","t":"Speakers Grid","d":"Eight speaker cards with portraits, roles, and session titles doubling as a mini agenda.","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:marketing-pro-events-sections-sponsor-tiers","t":"Sponsor Tiers","d":"Ruled tier rows list sponsor wordmarks with small SVG marks sized down from platinum to co","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:marketing-pro-events-sections-ticket-tiers","t":"Ticket Tiers","d":"Three bordered ticket cards show prices, inclusion lists, and availability notes with one ","s":"shadcn-ui-blocks","c":"data-display/badge","tg":["playful","webgl"],"sb":"Labels","sy":["playful","webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-events-sections-upcoming-events-list","t":"Upcoming Events List","d":"Ruled event rows with date tiles, format badges, and locations under a recordings link.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:marketing-pro-events-sections-venue-travel-split","t":"Venue Travel Split","d":"A stylized SVG neighborhood map and venue address sit beside ruled rows for airport, trans","s":"shadcn-ui-blocks","c":"data-viz/map"},{"id":"shadcn-ui-blocks:marketing-pro-events-sections-workshop-cards","t":"Workshop Cards","d":"Three hands on workshop cards with date chips, outcome lines, and honest seat counts.","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-faqs-accordion-with-links","t":"Accordion With Links","d":"Accordion beside a bordered card of documentation, community, and support links.","s":"shadcn-ui-blocks","c":"data-display/accordion","sb":"FAQ"},{"id":"shadcn-ui-blocks:marketing-pro-faqs-audience-tabs","t":"Audience Tabs","d":"Centered heading and lede above a three tab switcher for marketers, finance, and IT, each ","s":"shadcn-ui-blocks","c":"navigation/tabs","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-faqs-category-columns","t":"Category Columns","d":"Three topic columns for billing, product, and security with short plain text answers.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-faqs-category-icon-grid","t":"Category Icon Grid","d":"Six FAQ category cards with icons, answer counts, and the top two questions pulled out.","k":"resource","s":"shadcn-ui-blocks","c":"assets/icon"},{"id":"shadcn-ui-blocks:marketing-pro-faqs-centered-accordion","t":"Centered Accordion","d":"A classic centered FAQ with a single column accordion of six questions, the first open by ","s":"shadcn-ui-blocks","c":"data-display/accordion","sb":"FAQ"},{"id":"shadcn-ui-blocks:marketing-pro-faqs-chat-style-qa","t":"Chat Style QA","d":"Centered heading and lede above a bordered chat panel where visitor questions sit in fille","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-ui-blocks:marketing-pro-faqs-compact-two-column-qa","t":"Compact Two Column Qa","d":"A text only FAQ grid with every short answer already open in two columns.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:marketing-pro-faqs-faq-accordion-two-col","t":"Faq Accordion Two Col","d":"Two independent accordions side by side, twelve questions in the height of six.","s":"shadcn-ui-blocks","c":"data-display/accordion","sb":"FAQ"},{"id":"shadcn-ui-blocks:marketing-pro-faqs-faq-cards-grid","t":"FAQ Cards Grid","d":"Six bordered cards in a responsive grid, each pairing one question with a short answer.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:marketing-pro-faqs-faq-with-contact-card","t":"Faq With Contact Card","d":"An FAQ accordion beside a support card with an avatar, reply time promise, and button.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:marketing-pro-faqs-journey-stages","t":"Journey Stages","d":"Centered heading and lede above a vertical rail of numbered stage nodes, each carrying a c","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:marketing-pro-faqs-numbered-list","t":"Numbered List","d":"Editorial Q&A list with large muted numerals beside each question and hairline dividers.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:marketing-pro-faqs-objection-answer-pairs","t":"Objection Answer Pairs","d":"Four skeptical sentences quoted at heading weight, answered with concessions and receipts.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:marketing-pro-faqs-sidebar-topics","t":"Sidebar Topics","d":"Static topic list with counts beside a flat divided list of billing questions.","s":"shadcn-ui-blocks","c":"navigation/sidebar"},{"id":"shadcn-ui-blocks:marketing-pro-faqs-single-column-prose","t":"Single Column Prose","d":"Narrow centered column of stacked Q&As in calm prose separated by hairlines.","s":"shadcn-ui-blocks","c":"data-display/typography"},{"id":"shadcn-ui-blocks:marketing-pro-faqs-split-headline-accordion","t":"Split Headline Accordion","d":"Sticky heading and lede in the left third with the accordion filling the right two thirds.","s":"shadcn-ui-blocks","c":"data-display/accordion","sb":"FAQ"},{"id":"shadcn-ui-blocks:marketing-pro-faqs-top-questions-plus-all","t":"Top Questions Plus All","d":"Three featured question cards above an accordion holding the remaining answers.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-faqs-topic-columns","t":"Topic Columns","d":"A static FAQ grouping bold questions and short muted answers in a two column grid under th","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-faqs-verdict-list","t":"Verdict List","d":"Left aligned heading above a hairline divided list where each row pairs a Yes, No, or Depe","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:marketing-pro-faqs-wide-accordion-bold","t":"Wide Accordion Bold","d":"Full width accordion with oversized question typography for confident scanning.","s":"shadcn-ui-blocks","c":"data-display/accordion","sb":"FAQ"},{"id":"shadcn-ui-blocks:marketing-pro-faqs-with-cta-banner","t":"With CTA Banner","d":"Centered accordion above a slim bordered contact band with an outline support button.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:marketing-pro-faqs-with-search-bar","t":"With Search Bar","d":"An FAQ head with a search pill, topic chips, and a most asked accordion beneath.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-accordion-with-preview","t":"Accordion With Preview","d":"Single open accordion of features paired with an analytics preview window.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-alternating-rows","t":"Alternating Rows","d":"A centered header above three feature rows that alternate sides, pairing icon led copy and","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-alternating-with-charts","t":"Alternating With Charts","d":"Three alternating feature rows pairing copy and checklists with bar, line, and donut chart","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-before-after-panels","t":"Before After Panels","d":"A centered header above two matched panels, a muted before column and a highlighted after ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-bento-grid","t":"Bento Grid","d":"Centered intro above a bento of one large dashboard card and five smaller icon tiles.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Bento"},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-bento-grid-features","t":"Bento Grid Features","d":"Five features in mixed cell sizes, a sparkline lead and an inbox stack among quiet text ce","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Bento"},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-capability-matrix","t":"Capability Matrix","d":"A left aligned header above a framed table crossing six capabilities against three teams, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Comparison","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-cards-with-mockups","t":"Cards With Mockups","d":"Three feature cards, each topped with a small chart, list, or form mockup.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-centered-rows","t":"Centered Rows","d":"Narrow centered column of four icon feature rows separated by dividers.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-checklist-split","t":"Checklist Split","d":"A split feature section with a header and grouped checklist beside a tall app window mocku","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-compact-two-column","t":"Compact Two Column","d":"Centered heading over a tight two column list of eight checkmarked essentials.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-feature-list-two-column","t":"Feature List Two Column","d":"A text only inventory of eight features, each a bold name with one working sentence.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Lists"},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-feature-tabs-with-preview","t":"Feature Tabs With Preview","d":"Tabs switching between three features, each pane pairing a blurb with a framed app mockup.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Tabs","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-feature-timeline","t":"Feature Timeline","d":"A left aligned header above a vertical timeline of four numbered nodes, each carrying a ca","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-features-with-area-chart","t":"Features With Area Chart","d":"Reporting copy beside the actual shadcn chart component the dashboard renders.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-features-with-customer-quotes","t":"Features With Customer Quotes","d":"Four capabilities, each paired with one customer line about that specific feature.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-grid-with-sparklines","t":"Grid With Sparklines","d":"Six feature cards, each headed by a distinct mini graphic such as a sparkline, ring, or ga","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-icon-benefit-grid","t":"Icon Benefit Grid","d":"A centered header over a hairline divided three by two grid of six benefits, each with an ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-icon-grid-six","t":"Icon Grid Six","d":"Centered heading over a three column grid of six icon led feature blurbs.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-icon-list-three-column","t":"Icon List Three Column","d":"Six features as inline icons, bold names, and single sentences, no cards.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Lists","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-mockup-with-callouts","t":"Mockup With Callouts","d":"A centered header above one annotated product window with numbered callout badges, then a ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-numbered-feature-rows","t":"Numbered Feature Rows","d":"Three features argued editorially in ruled rows with ghost numerals and proof lines.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-solid-panel-grid","t":"Solid Panel Grid","d":"Solid primary panel holding a heading and a six tile icon feature grid.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-split-with-app-window","t":"Split With App Window","d":"Heading and checklist beside a campaign window mockup with live progress bars.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-split-with-flow-diagram","t":"Split With Flow Diagram","d":"Feature copy and a checklist beside an SVG automation flow with a trigger, condition, and ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-split-with-stat-cards","t":"Split With Stat Cards","d":"Feature copy beside a two by two grid of mini stat cards with attribution notes.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-stacked-panels","t":"Stacked Panels","d":"Two stacked split panels pairing copy and checklists with app window mockups.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-tabbed-showcase","t":"Tabbed Showcase","d":"A tabbed feature showcase with pill triggers for plan, track, and ship views, each pairing","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:marketing-pro-feature-sections-with-stat-band","t":"With Stat Band","d":"Icon feature grid capped by a divided band of three headline stats.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-footers-brand-blurb-columns","t":"Brand Blurb Columns","d":"Brand blurb and social icons beside three columns of product links.","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-footers-centered-logo-links","t":"Centered Logo Links","d":"Centered logo over a single row of links, social icons, and a copyright line.","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","tg":["minimal"],"sb":"Dev tools","sy":["minimal"]},{"id":"shadcn-ui-blocks:marketing-pro-footers-columns-with-newsletter","t":"Columns With Newsletter","d":"Four link columns beside a newsletter pitch with an inline email subscribe row.","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:marketing-pro-footers-dark-solid","t":"Dark Solid","d":"Solid primary footer with brand blurb, socials, and four link columns.","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:marketing-pro-footers-developer-links-footer","t":"Developer Links Footer","d":"A developer footer with an install command chip, docs columns, and an API status row.","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:marketing-pro-footers-five-column-with-tagline","t":"Five Column With Tagline","d":"Brand name and tagline beside four link columns above a legal bar.","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:marketing-pro-footers-footer-with-status-line","t":"Footer With Status Line","d":"A four column footer whose bottom bar carries live status, region, and locale.","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:marketing-pro-footers-giant-wordmark","t":"Giant Wordmark","d":"A statement footer pairing a slim nav and social row, an oversized brand wordmark across t","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","tg":["minimal"],"sb":"Dev tools","sy":["minimal"]},{"id":"shadcn-ui-blocks:marketing-pro-footers-global-offices","t":"Global Offices","d":"A footer with a brand blurb and three link columns, a dedicated offices band listing four ","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-footers-legal-heavy","t":"Legal Heavy","d":"Link columns over a dense legal block with disclaimers and compliance badges.","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:marketing-pro-footers-mega-footer","t":"Mega Footer","d":"A comprehensive footer with a brand mark and tagline beside four link columns, plus a bott","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:marketing-pro-footers-minimal-inline-links","t":"Minimal Inline Links","d":"One slim row with copyright, inline nav links, and small social icons.","s":"shadcn-ui-blocks","c":"actions/link","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:marketing-pro-footers-newsletter-centered","t":"Newsletter Centered","d":"Centered newsletter signup above a row of nav links and a copyright line.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-footers-sitemap-mega-footer","t":"Sitemap Mega Footer","d":"Six dense link columns covering every page, pure wayfinding with a slim legal row.","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:marketing-pro-footers-slim-centered","t":"Slim Centered","d":"A minimal centered footer stacking a brand mark, one row of five links, social icon button","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:marketing-pro-footers-social-and-certifications","t":"Social And Certifications","d":"A trust forward footer closing with social icons and compliance chips for SOC 2, GDPR, and","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:marketing-pro-footers-stacked-link-rows","t":"Stacked Link Rows","d":"A footer that stacks each link group into its own hairline separated row, with a brand and","s":"shadcn-ui-blocks","c":"data-display/list","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:marketing-pro-footers-with-app-badges","t":"With App Badges","d":"Three link columns plus iOS and Android download buttons above a brand bar.","s":"shadcn-ui-blocks","c":"data-display/badge","tg":["webgl"],"sb":"Labels","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-footers-with-blog-posts","t":"With Blog Posts","d":"A footer pairing a brand blurb and three link columns with a latest posts list of three da","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-footers-with-contact-info","t":"With Contact Info","d":"Link columns alongside address, email, and phone contact details.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:marketing-pro-footers-with-cta-row","t":"With Cta Row","d":"A footer opening with a final CTA row above standard link columns and a status link.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:marketing-pro-footers-with-status-and-locale","t":"With Status And Locale","d":"Four link columns with a bottom bar showing system status and a language picker.","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:marketing-pro-help-center-sections-category-cards-grid","t":"Category Cards Grid","d":"Six help categories as cards with article counts and the top three links inlined.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-help-center-sections-community-answer-callout","t":"Community Answer Callout","d":"A forum thread mockup with an accepted answer, selling community as a support channel.","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-help-center-sections-escalation-paths-band","t":"Escalation Paths Band","d":"Chat, email, and phone as cards with measured response times and when to pick each.","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:marketing-pro-help-center-sections-help-search-hero","t":"Help Search Hero","d":"A help center hero with one big search field and the five queries people actually type.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcn-ui-blocks:marketing-pro-help-center-sections-known-issues-list","t":"Known Issues List","d":"A tracker of open bugs as ruled rows, each with a status badge, affected area, open date, ","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:marketing-pro-help-center-sections-live-sessions-schedule","t":"Live Sessions Schedule","d":"The next four live sessions as ruled rows, each with a date tile, the topic, host and time","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:marketing-pro-help-center-sections-popular-articles-list","t":"Popular Articles List","d":"The ten most read help articles as ranked rows with categories and read times.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:marketing-pro-help-center-sections-setup-steps-timeline","t":"Setup Steps Timeline","d":"A numbered vertical timeline of five setup steps, each with a time estimate, a one line de","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:marketing-pro-help-center-sections-support-plans-table","t":"Support Plans Table","d":"Three support tiers as columns in a ruled table, compared across channels, first reply tim","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-help-center-sections-symptom-triage-table","t":"Symptom Triage Table","d":"A ruled three column table mapping common symptoms to the first thing to check and the fix","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-help-center-sections-system-status-band","t":"System Status Band","d":"An overall status line above one row per service, each with a 45 day uptime bar strip, an ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:marketing-pro-help-center-sections-video-guides-row","t":"Video Guides Row","d":"Three walkthrough videos with posters, honest durations, and one line on what each covers.","s":"shadcn-ui-blocks","c":"media/player","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-centered-minimal","t":"Centered Minimal","d":"A typography only hero with a centered headline, lede, single CTA, and a muted trust line.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["minimal"],"sb":"Centered and minimal","sy":["minimal"]},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-centered-with-browser-mockup","t":"Centered With Browser Mockup","d":"A centered hero with headline and CTAs above a browser mockup with sidebar, chart, and tab","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-centered-with-feature-pills","t":"Centered With Feature Pills","d":"A centered headline, lede, and dual CTAs above a wrapped row of bordered icon feature pill","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-centered-with-integration-diagram","t":"Centered With Integration Diagram","d":"A centered hero above a hub and spoke diagram of six integration chips around an Acme node","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-centered-with-logo-strip","t":"Centered With Logo Strip","d":"A centered hero anchored by a ruled strip of customer wordmarks under a trust count.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-centered-with-search","t":"Centered With Search","d":"A docs hero with centered copy above a command bar search mockup with suggestion rows.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-centered-with-video-mockup","t":"Centered With Video Mockup","d":"Centered hero with headline, lede, and dual CTAs above a video player mockup with poster, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"With video"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-headline-only-hero","t":"Headline Only Hero","d":"One oversized statement, one line with a number, two buttons. Typography carries the fold.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-hero-with-ticker-band","t":"Hero With Ticker Band","d":"A centered hero above five live platform activity tiles with pulsing dots.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-left-aligned-with-checklist","t":"Left Aligned With Checklist","d":"A left aligned headline, lede, three check items, and dual CTAs that own the left edge.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-metrics-hero","t":"Metrics Hero","d":"A centered proof led hero with headline, lede, dual CTAs, a hairline separated row of thre","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-signup-hero","t":"Signup Hero","d":"A split hero pairing a headline, lede, and check marked benefits with an inline signup car","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-split-app-panel","t":"Split App Panel","d":"A split hero pairing headline, lede, dual CTAs, and an avatar star rating with a markup ap","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-split-with-analytics-dashboard","t":"Split With Analytics Dashboard","d":"A two column hero pairing headline and CTAs with an analytics dashboard mockup and area ch","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-split-with-chat-mockup","t":"Split With Chat Mockup","d":"A support led hero beside a chat mockup with a named agent and a resolved in minutes line.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-split-with-code","t":"Split With Code","d":"A split hero with headline, lede, and CTAs beside a token colored code editor window mocku","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Split"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-split-with-comparison","t":"Split With Comparison","d":"Split hero with headline, lede, and dual CTAs beside a two column panel contrasting the ol","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Split"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-split-with-funnel-graphic","t":"Split With Funnel Graphic","d":"A split hero pairing headline and CTAs with a vertical funnel of narrowing stage bars.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["playful"],"sb":"Split","sy":["playful"]},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-split-with-live-chart","t":"Split With Live Chart","d":"A hero whose chart is a working shadcn component, wired for real data instead of a mockup.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Split"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-split-with-metrics","t":"Split With Metrics","d":"A split hero with copy and dual CTAs beside a divided panel of four large KPI tiles.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Split"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-split-with-mobile-app","t":"Split With Mobile App","d":"A split hero with copy and dual CTAs beside a phone mockup of the product mobile app.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-split-with-pricing-card","t":"Split With Pricing Card","d":"Split hero with headline, lede, dual CTAs, and a guarantee row beside a single plan card s","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Split"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-split-with-signup-form","t":"Split With Signup Form","d":"A hero with the signup card in the fold, friction removers checked beside email and passwo","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Split"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-split-with-stats-sidebar","t":"Split With Stats Sidebar","d":"A calm hero with four proof numbers running down a single ruled rail.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Split"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-split-with-steps","t":"Split With Steps","d":"Split hero with headline, lede, dual CTAs, and a two stat row beside a card walking the fo","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Split"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-split-with-testimonial","t":"Split With Testimonial","d":"A split hero with headline, lede, and dual CTAs beside a single customer quote card.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Split"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-terminal-hero","t":"Terminal Hero","d":"A centered developer tool hero with an install command row, dual CTAs, and a terminal wind","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-with-avatar-rating","t":"With Avatar Rating","d":"A centered hero with dual CTAs above overlapping avatars, five stars, and a team count lin","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-with-customer-counter","t":"With Customer Counter","d":"A centered hero with the unrounded customer count at display size and an avatar row.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:marketing-pro-hero-sections-with-kanban-preview","t":"With Kanban Preview","d":"A centered hero with copy and CTAs above a wide kanban board mockup of campaign tasks.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:marketing-pro-impact-sections-carbon-stats-band","t":"Carbon Stats Band","d":"Three years of audited emissions with shrinking bars and the mechanism named.","s":"shadcn-ui-blocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-impact-sections-commitments-timeline","t":"Commitments Timeline","d":"A vertical rail timeline of public impact promises with year markers, kept or in progress ","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:marketing-pro-impact-sections-counting-rules-grid","t":"Counting Rules Grid","d":"A methodology section presenting four numbered impact accounting rules in a two by two car","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:marketing-pro-impact-sections-grantee-spotlight","t":"Grantee Spotlight","d":"A grantee spotlight split with a director quote on the left and a paperwork facts panel pl","k":"motion","s":"shadcn-ui-blocks","c":"motion/background","sb":"Beams and light"},{"id":"shadcn-ui-blocks:marketing-pro-impact-sections-grants-program-card","t":"Grants Program Card","d":"A grants program with cycle stats, clear criteria, and no logo placement required.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:marketing-pro-impact-sections-impact-report-numbers","t":"Impact Report Numbers","d":"The annual impact report as an eight line ledger, including the weakest number.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:marketing-pro-impact-sections-open-source-list","t":"Open Source List","d":"Maintain, contribute, fund, publish. Four open source relations with real numbers.","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","tg":["playful"],"sb":"Sources","sy":["playful"]},{"id":"shadcn-ui-blocks:marketing-pro-impact-sections-pledge-percent-card","t":"Pledge Percent Card","d":"The 1% pledge with last year's total and the allocation rows that prove it.","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:marketing-pro-impact-sections-product-donations-grid","t":"Product Donations Grid","d":"A centered header over three stat cards for standing product giveaway programs, each with ","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-impact-sections-regional-giving-bar","t":"Regional Giving Bar","d":"A regional grant allocation section with one segmented bar across the top and a ruled lege","s":"shadcn-ui-blocks","c":"navigation/tabs"},{"id":"shadcn-ui-blocks:marketing-pro-impact-sections-volunteer-days-panel","t":"Volunteer Days Panel","d":"A split volunteer program section with participation stats on the left and a partner outin","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:marketing-pro-integration-sections-api-webhooks-panel","t":"API and Webhooks Panel","d":"A developer split with a headline, capability ticks, and a docs button beside an inverted ","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:marketing-pro-integration-sections-connection-methods-table","t":"Connection Methods Table","d":"A centered header above a comparison table weighing native apps, no code recipes, and the ","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:marketing-pro-integration-sections-directory-grid","t":"Directory Grid","d":"An integration directory with a centered header, static category chips, a three by two gri","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-integration-sections-integration-request-board","t":"Integration Request Board","d":"Connector requests with vote counts and honest statuses, the declined one kept visible.","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:marketing-pro-integration-sections-integration-security-panel","t":"Integration Security Panel","d":"A trust focused split with a headline, four security assurances, and a docs link beside an","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:marketing-pro-integration-sections-integration-setup-steps","t":"Integration Setup Steps","d":"An onboarding split with a headline, a numbered three step timeline, and a blueprint that ","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-integration-sections-integration-spotlight","t":"Integration Spotlight","d":"An integration deep dive with paired marks, a headline, three feature rows, and connect bu","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-integration-sections-integrations-categories-columns","t":"Integrations Categories Columns","d":"A text only directory index of four category columns with counts and linked tool names.","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:marketing-pro-integration-sections-integrations-cta-band","t":"Integrations Cta Band","d":"A centered panel with icon chips, a stack fit headline, and browse and request buttons.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:marketing-pro-integration-sections-integrations-grid-tiles","t":"Integrations Grid Tiles","d":"Nine category tiles with icons and data flow blurbs above a browse all button.","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:marketing-pro-integration-sections-integrations-hub-diagram","t":"Integrations Hub Diagram","d":"A hub diagram of sources flowing into Acme and attribution flowing back out, with a legend","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:marketing-pro-integration-sections-integrations-with-code","t":"Integrations With Code","d":"API copy and a checklist beside a terminal panel showing a colored webhook payload.","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"shadcn-ui-blocks:marketing-pro-integration-sections-sync-volume-chart","t":"Sync Volume Chart","d":"Records synced per day as shadcn bars beside sync lag and success rate facts.","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:marketing-pro-localization-sections-data-residency-split","t":"Data Residency Split","d":"Split section stacking residency stats beside a seven region list with mono codes, role no","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:marketing-pro-localization-sections-glossary-terms-table","t":"Glossary Terms Table","d":"A heading and lede, then a bordered table of product terms with approved translations in t","s":"shadcn-ui-blocks","c":"data-display/table","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-localization-sections-languages-grid-band","t":"Languages Grid Band","d":"Interface languages as chips with two honest tiers, full coverage or UI only.","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:marketing-pro-localization-sections-local-payments-row","t":"Local Payments Row","d":"Currencies, local payment methods, tax, and AP ready invoices as four cards.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:marketing-pro-localization-sections-locale-formatting-split","t":"Locale Formatting Split","d":"A two column split pairing a stacked list of formatting behaviors with a bordered panel re","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:marketing-pro-localization-sections-market-rollout-timeline","t":"Market Rollout Timeline","d":"A heading and lede, then four phase columns on a dotted top rule, each with a quarter labe","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:marketing-pro-localization-sections-regional-compliance-list","t":"Regional Compliance List","d":"Privacy and messaging laws by region, described as product behavior instead of legal prose","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:marketing-pro-localization-sections-rtl-support-callout","t":"Rtl Support Callout","d":"Right to left and script support described at the level where credibility lives.","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-localization-sections-support-hubs-columns","t":"Support Hubs Columns","d":"Three regional support hub columns with staffing hour strips, native language lists, and m","s":"shadcn-ui-blocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-localization-sections-translation-coverage-bars","t":"Translation Coverage Bars","d":"A heading and lede, a two segment legend, then a two column list of languages with reviewe","s":"shadcn-ui-blocks","c":"data-viz/progress-bar"},{"id":"shadcn-ui-blocks:marketing-pro-localization-sections-translation-workflow-mockup","t":"Translation Workflow Mockup","d":"A drawn translation screen with locale rows, review chips, and a send blocked footer.","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:marketing-pro-logo-clouds-customer-wall-dense","t":"Customer Wall Dense","d":"Twenty wordmarks in a tight ruled grid, volume as the entire message.","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:marketing-pro-logo-clouds-logos-band-dark","t":"Logos Band Dark","d":"A primary colored band with a trust claim above wordmarks in foreground tones.","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:marketing-pro-logo-clouds-logos-by-industry","t":"Logos By Industry","d":"Customer wordmarks sorted into four industry columns with team counts per shelf.","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:marketing-pro-logo-clouds-logos-case-results","t":"Logos Case Results","d":"A centered heading over six bordered tiles, each pairing a customer wordmark with a headli","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","sb":"Dev tools"},{"id":"shadcn-ui-blocks:marketing-pro-logo-clouds-logos-featured-customer","t":"Logos Featured Customer","d":"A featured customer panel with a wordmark, quote, and ruled fact rows sits beside a two co","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:marketing-pro-logo-clouds-logos-grid-with-heading","t":"Logos Grid With Heading","d":"A heading and lede beside a two by four grid of bordered wordmark tiles.","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:marketing-pro-logo-clouds-logos-row-simple","t":"Logos Row Simple","d":"A single wrapped row of muted text wordmarks under one line of trust copy.","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:marketing-pro-logo-clouds-logos-timeline","t":"Logos Timeline","d":"A left aligned heading over ruled yearly rows, each pairing the notable wordmarks that sig","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:marketing-pro-logo-clouds-logos-two-row-offset","t":"Logos Two Row Offset","d":"Ten wordmark pills in two staggered rows for a dense, brickwork style logo cloud.","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:marketing-pro-logo-clouds-logos-with-proof-stats","t":"Logos With Proof Stats","d":"A wordmark wall above the three numbers that make logos evidence, retention included.","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-logo-clouds-logos-with-quote","t":"Logos With Quote","d":"A wordmark row above one short centered customer quote with avatar attribution.","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:marketing-pro-logo-clouds-logos-with-stat","t":"Logos With Stat","d":"A large customer count and claim beside a ruled two column grid of wordmarks.","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:marketing-pro-logo-clouds-press-strip","t":"Press Strip","d":"A press strip with a standalone uppercase label and three pull quotes above outlet wordmar","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-logo-clouds-ratings-strip","t":"Ratings Strip","d":"An uppercase intro over three review platform columns with star rows, scores, wordmarks, a","s":"shadcn-ui-blocks","c":"inputs/rating","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-logo-clouds-stat-anchored","t":"Stat Anchored","d":"A static logo cloud anchored by an oversized customer count in primary type, a muted suppo","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:marketing-pro-migration-sections-feature-name-mapping","t":"Feature Name Mapping","d":"A centered heading over a two column grid of cards mapping each old tool name to its new e","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:marketing-pro-migration-sections-import-coverage-table","t":"Import Coverage Table","d":"What migrates from each source tool by data type, with honest partial cells worth reading.","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:marketing-pro-migration-sections-import-dry-run-preview","t":"Import Dry Run Preview","d":"Split section pairing dry run copy and three assurances with a static importer report of c","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-migration-sections-migration-paths-cards","t":"Migration Paths Cards","d":"A centered heading over three migration path cards with a best fit line, an included check","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-migration-sections-migration-steps-timeline","t":"Migration Steps Timeline","d":"The switch as five clock stamped steps tagged automatic, your review, or your call.","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:marketing-pro-migration-sections-migration-stories-row","t":"Migration Stories Row","d":"Three switcher accounts structured as feared, what happened, and how long it really took.","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-migration-sections-switch-faq-accordion","t":"Switch FAQ Accordion","d":"A two column switching FAQ with reassurance copy and a contact link beside a five item acc","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:marketing-pro-migration-sections-switch-hero-checklist","t":"Switch Hero Checklist","d":"A migration hero with the importer checklist and the one thing it cannot carry, stated.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:marketing-pro-migration-sections-switcher-offer-card","t":"Switcher Offer Card","d":"The buyout deal as three numbered terms on the page, contract credit to exit clause.","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Profile","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-migration-sections-time-to-switch-band","t":"Time To Switch Band","d":"A centered heading over a four column bordered band of account size tiers, each showing a ","s":"shadcn-ui-blocks","c":"actions/switch"},{"id":"shadcn-ui-blocks:marketing-pro-migration-sections-who-does-what-split","t":"Who Does What Split","d":"Two panel responsibilities section listing your timed migration tasks beside importer and ","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:marketing-pro-migration-sections-zero-downtime-explainer","t":"Zero Downtime Explainer","d":"How both tools run in parallel during the switch, three paragraphs with a definitions rail","s":"shadcn-ui-blocks","c":"actions/switch","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-mobile-app-sections-app-download","t":"App Download","d":"A split app download CTA pairing a heading, drawn store buttons, and a star rating with a ","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"App download"},{"id":"shadcn-ui-blocks:marketing-pro-mobile-app-sections-app-features-with-screens","t":"App Features With Screens","d":"Three mobile moments, each with a small phone frame and the why a phone copy.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-mobile-app-sections-app-hero-with-phone","t":"App Hero With Phone","d":"An app hero with store buttons and a rating line beside a drawn phone frame.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcn-ui-blocks:marketing-pro-mobile-app-sections-app-onboarding-steps","t":"App Onboarding Steps","d":"A three step onboarding section with a heading above numbered steps joined by a dashed con","s":"shadcn-ui-blocks","c":"navigation/wizard-steps","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-mobile-app-sections-app-privacy-label","t":"App Privacy Label","d":"A two column privacy section pairing plain language data promises with a drawn store style","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Animated fields"},{"id":"shadcn-ui-blocks:marketing-pro-mobile-app-sections-app-rating-callout","t":"App Rating Callout","d":"The big store rating beside three real voiced review cards with version metadata.","s":"shadcn-ui-blocks","c":"overlays/alert-banner","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-mobile-app-sections-app-screens-row","t":"App Screens Row","d":"Three captioned phone frames in a row with the middle screen elevated.","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-mobile-app-sections-app-store-badges-band","t":"App Store Badges Band","d":"A download band with drawn store chips and an existing account reassurance.","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:marketing-pro-mobile-app-sections-app-update-notes","t":"App Update Notes","d":"Store style release notes with version, size, and a voice people actually read.","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:marketing-pro-mobile-app-sections-app-watch-companion","t":"App Watch Companion","d":"A two column watch companion section pairing three wrist feature rows with a drawn smartwa","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-mobile-app-sections-app-widget-showcase","t":"App Widget Showcase","d":"A widget showcase with a heading above three captioned tiles, a wide chart, a daily glance","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-mobile-app-sections-push-notification-mockup","t":"Push Notification Mockup","d":"A drawn lock screen with the three pushes the app sends beside the restraint policy.","s":"shadcn-ui-blocks","c":"media/mockup","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-mobile-app-sections-qr-download-split","t":"Qr Download Split","d":"A desktop to phone bridge with a drawn QR card that stays dark on light by design.","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:marketing-pro-navbars-announcement-bar-nav","t":"Announcement Bar Nav","d":"A sticky header with a primary announcement bar and arrow link above a frosted navbar with","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["glass"],"sy":["glass"]},{"id":"shadcn-ui-blocks:marketing-pro-navbars-bordered-grid-nav","t":"Bordered Grid Nav","d":"A full bleed grid header where the logo, uppercase links, and actions sit in bordered cell","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:marketing-pro-navbars-centered-links-nav","t":"Centered Links Nav","d":"A symmetric header with links optically centered between the logo and a single CTA.","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:marketing-pro-navbars-compact-centered-nav","t":"Compact Centered Nav","d":"A slim borderless navbar with a wordmark, three links, and a text only primary CTA.","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-navbars-dark-nav","t":"Dark Nav","d":"A solid primary colored header with inverted logo chip and a secondary CTA button.","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:marketing-pro-navbars-double-deck-nav","t":"Double Deck Nav","d":"A two row header with a slim utility deck above the main logo, links, and CTA row.","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:marketing-pro-navbars-mega-menu-nav","t":"Mega Menu Nav","d":"A sticky navbar with its product mega menu expanded inline: two icon link columns and a fe","s":"shadcn-ui-blocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcn-ui-blocks:marketing-pro-navbars-minimal-nav-with-search","t":"Minimal Nav With Search","d":"A minimal header built around a command bar search pill with a keyboard shortcut hint.","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["minimal"],"sb":"With search","sy":["minimal"]},{"id":"shadcn-ui-blocks:marketing-pro-navbars-nav-with-announcement","t":"Nav With Announcement","d":"A sticky header with a slim primary announcement line riding above a standard navbar.","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:marketing-pro-navbars-navbar-with-promo-banner","t":"Navbar With Promo Banner","d":"An announcement strip and navigation designed as one header unit with a real deadline.","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:marketing-pro-navbars-phone-cta-nav","t":"Phone CTA Nav","d":"A contact forward sticky header for service businesses with logo and links, a labeled phon","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:marketing-pro-navbars-pill-nav","t":"Pill Nav","d":"A contained rounded pill header inset from the page edges with links and a rounded CTA.","s":"shadcn-ui-blocks","c":"navigation/top-nav","sb":"Floating"},{"id":"shadcn-ui-blocks:marketing-pro-navbars-slim-glass-nav","t":"Slim Glass Nav","d":"A slim glass navbar with a wordmark, four muted links, and one pill shaped CTA. Links coll","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["glass"],"sb":"Glass","sy":["glass"]},{"id":"shadcn-ui-blocks:marketing-pro-navbars-split-logo-nav","t":"Split Logo Nav","d":"A boutique header with the logo centered between two split link sets and a compact CTA.","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","sb":"Dev tools"},{"id":"shadcn-ui-blocks:marketing-pro-navbars-stacked-centered-nav","t":"Stacked Centered Nav","d":"An editorial masthead with utility links and search, a large centered wordmark, sign in an","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:marketing-pro-navbars-standard-sticky-nav","t":"Standard Sticky Nav","d":"A dependable sticky header with logo, inline links, dual CTAs, and a mobile sheet menu.","s":"shadcn-ui-blocks","c":"navigation/top-nav","sb":"On scroll"},{"id":"shadcn-ui-blocks:marketing-pro-navbars-subnav-section-bar","t":"Subnav Section Bar","d":"A slim sticky section bar with the page name and anchor links for long pages.","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:marketing-pro-newsletter-sections-issue-preview-split","t":"Issue Preview Split","d":"The signup form beside the actual current issue drawn as an email mockup.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-newsletter-sections-newsletter-archive-list","t":"Newsletter Archive List","d":"Four numbered back issues as linked rows with the subscribe form for the next one.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-newsletter-sections-newsletter-author-note","t":"Newsletter Author Note","d":"A two column layout pairing a letter style note card with the writer avatar signature besi","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-newsletter-sections-newsletter-card-centered","t":"Newsletter Card Centered","d":"One centered panel with the pitch, form, and a reader avatar row with a count.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-newsletter-sections-newsletter-dark-band","t":"Newsletter Dark Band","d":"A primary colored band with a tinted email field, secondary button, and small print line.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-newsletter-sections-newsletter-inline-band","t":"Newsletter Inline Band","d":"A slim bordered band pairing a cadence promise with an inline email field and button.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-newsletter-sections-newsletter-panel","t":"Newsletter Panel","d":"A full width muted newsletter panel pairing a headline, benefit line, and no spam note wit","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:marketing-pro-newsletter-sections-newsletter-reader-quotes","t":"Newsletter Reader Quotes","d":"A two column layout with subscribe copy and a labeled form on one side and two subscriber ","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-newsletter-sections-newsletter-split-with-perks","t":"Newsletter Split With Perks","d":"Subscribe copy and form beside a checked list of what every issue contains.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-newsletter-sections-newsletter-stats-strip","t":"Newsletter Stats Strip","d":"A centered heading and labeled subscribe form above a four stat strip showing subscribers,","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-newsletter-sections-newsletter-topic-picker","t":"Newsletter Topic Picker","d":"A centered heading and intro over a grid of selectable topic tiles with checkboxes, follow","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-newsletter-sections-newsletter-with-sample-issue","t":"Newsletter With Sample Issue","d":"Subscribe copy beside an email client mockup rendering last month as the sample issue.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-open-metrics-churn-retention-charts","t":"Churn Retention Charts","d":"Monthly churn bars beside a net revenue retention line, the uncomfortable pair published.","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:marketing-pro-open-metrics-conversion-funnel-metrics","t":"Conversion Funnel Metrics","d":"A split layout pairing headline conversion facts with a funnel panel of proportional bars ","s":"shadcn-ui-blocks","c":"data-display/stat","tg":["playful"],"sy":["playful"]},{"id":"shadcn-ui-blocks:marketing-pro-open-metrics-cost-transparency-chart","t":"Cost Transparency Chart","d":"Monthly costs by category as horizontal shadcn bars with a profitable since header.","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:marketing-pro-open-metrics-costs-breakdown-chart","t":"Costs Breakdown Chart","d":"Cost structure by quarter as stacked shadcn bars, mostly people, deliberately.","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:marketing-pro-open-metrics-goals-progress-board","t":"Goals Progress Board","d":"Four goal cards pairing public targets with actuals, each carrying the current value, a pr","s":"shadcn-ui-blocks","c":"data-display/kanban"},{"id":"shadcn-ui-blocks:marketing-pro-open-metrics-growth-milestones-timeline","t":"Growth Milestones Timeline","d":"A vertical timeline of dated milestones behind the published numbers, each row stamped wit","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:marketing-pro-open-metrics-metrics-intro-banner","t":"Metrics Intro Banner","d":"The why of an open metrics page with publish dates, cadence, and named exclusions.","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-open-metrics-metrics-stat-grid","t":"Metrics Stat Grid","d":"A headline snapshot with six KPI tiles, each showing the current value, a month over month","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:marketing-pro-open-metrics-mrr-growth-chart","t":"Mrr Growth Chart","d":"Twelve months of MRR as a shadcn area chart with a stat header and counting rules footnote","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:marketing-pro-open-metrics-open-metrics-table","t":"Open Metrics Table","d":"Six months of exact headline metrics in a copyable table with a CSV link.","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:marketing-pro-open-metrics-revenue-breakdown-bars","t":"Revenue Breakdown Bars","d":"MRR by plan tier as stacked shadcn bars across six months.","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:marketing-pro-open-metrics-traffic-sources-donut","t":"Traffic Sources Donut","d":"Visitor acquisition split as a shadcn donut beside strategy notes per source.","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcn-ui-blocks:marketing-pro-open-metrics-user-growth-line","t":"User Growth Line","d":"Active workspaces against paying customers as two shadcn lines with a legend.","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:marketing-pro-partner-sections-agency-program-banner","t":"Agency Program Banner","d":"A primary band compressing program terms to three chips with a decision timeline.","s":"shadcn-ui-blocks","c":"overlays/alert-banner","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-partner-sections-become-partner-split","t":"Become Partner Split","d":"An agency recruitment pitch with a no competition promise beside a first quarter checklist","s":"shadcn-ui-blocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcn-ui-blocks:marketing-pro-partner-sections-certification-path-steps","t":"Certification Path Steps","d":"Three certification stages with honest hours and what each one unlocks.","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-partner-sections-deal-registration-compare","t":"Deal Registration Compare","d":"A heading and lede above a comparison table of registered versus unregistered deals, then ","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-partner-sections-marketplace-categories-grid","t":"Marketplace Categories Grid","d":"Six marketplace aisles with listing counts and a yearly re review policy up top.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing"},{"id":"shadcn-ui-blocks:marketing-pro-partner-sections-partner-directory-preview","t":"Partner Directory Preview","d":"A centered heading above a filter chip row and three partner cards with portrait, tier bad","s":"shadcn-ui-blocks","c":"data-display/avatar","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-partner-sections-partner-earnings-calculator","t":"Partner Earnings Calculator","d":"A centered heading with two sliders for client count and plan value feeding a three stat p","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Usage and sliders","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-partner-sections-partner-logos-band","t":"Partner Logos Band","d":"A certified agency count above partner wordmarks and a find a partner link.","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:marketing-pro-partner-sections-partner-stats-row","t":"Partner Stats Row","d":"Program economics as four tiles, margin, median revenue, leads, and the zero.","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:marketing-pro-partner-sections-partner-story-timeline","t":"Partner Story Timeline","d":"A two column layout pairing an agency narrative, quote, and byline with a vertical milesto","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:marketing-pro-partner-sections-partner-tiers-cards","t":"Partner Tiers Cards","d":"Three program tiers with public requirements, stated margins, and benefit checklists.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-press-sections-boilerplate-and-facts","t":"Boilerplate And Facts","d":"The approved company paragraph with word count and date beside a fast facts table.","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:marketing-pro-press-sections-brand-colors-grid","t":"Brand Colors Grid","d":"Palette swatch cards with names, hex values, and usage notes per color.","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:marketing-pro-press-sections-company-milestones","t":"Company Milestones","d":"A centered heading above a single vertical timeline rail of dated milestones, each with a ","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:marketing-pro-press-sections-coverage-quote-wall","t":"Coverage Quote Wall","d":"A centered heading above a three column grid of coverage cards, each with a publication wo","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-press-sections-founder-bios-row","t":"Founder Bios Row","d":"Three quotable people with bios written to be lifted verbatim and speaks on lines.","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-press-sections-interview-appearances","t":"Interview Appearances","d":"A heading with a booking note above a divided row list of founder appearances, each showin","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:marketing-pro-press-sections-logo-usage-rules","t":"Logo Usage Rules","d":"The mark rendered correctly beside the four common abuses, crossed out.","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","sb":"Dev tools"},{"id":"shadcn-ui-blocks:marketing-pro-press-sections-media-assets-grid","t":"Media Assets Grid","d":"Browsable asset tiles with format chips and download affordances.","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:marketing-pro-press-sections-media-contact-card","t":"Media Contact Card","d":"A named press contact with deadline aware reply terms and what she can arrange.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:marketing-pro-press-sections-press-kit-downloads","t":"Press Kit Downloads","d":"Four ungated asset bundle cards with file details and an everything ZIP link.","s":"shadcn-ui-blocks","c":"actions/link"},{"id":"shadcn-ui-blocks:marketing-pro-press-sections-press-release-archive","t":"Press Release Archive","d":"A sticky intro column with email and RSS subscribe links beside announcements grouped by y","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-annual-toggle-two-tier","t":"Annual Toggle Two Tier","d":"Two plan cards under a monthly and annual switch that updates prices with a savings badge.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"With billing toggle"},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-base-plus-addons","t":"Base Plus Add Ons","d":"A split pricing section pairing a base plan card and feature checklist with a stack of pri","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-compact-tier-cards","t":"Compact Tier Cards","d":"Three slim tiers with a price and one deciding sentence each, no feature lists.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-compare-plans","t":"Compare Plans","d":"A full feature matrix for three plans with pricing and CTAs in the column heads, grouped f","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-credit-packs","t":"Credit Packs","d":"Four prepaid credit pack cards with one time prices and per credit rates, above three note","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Usage and sliders","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-currency-region-table","t":"Currency Region Table","d":"The same plan in four currencies with purchasing power discounts published openly.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-dark-featured-tier","t":"Dark Featured Tier","d":"Three pricing tiers where the featured middle plan sits on a solid primary panel.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-enterprise-split-cta","t":"Enterprise Split Cta","d":"An enterprise pitch with capability checks beside a named contact card and call terms.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-feature-matrix-compact","t":"Feature Matrix Compact","d":"Plan headers with CTAs above a compact feature matrix that shades the middle column.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-free-vs-pro","t":"Free vs Pro","d":"Free and Pro columns with their own feature lists and CTAs, with Pro framed by a primary r","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-lifetime-deal","t":"Lifetime Deal","d":"A wide panel with a one time price, three value bullets, a guarantee note, and a strong CT","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-open-source-vs-cloud","t":"Open Source vs Cloud","d":"A free self hosted panel with an install command beside a paid managed cloud plan.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-per-seat-calculator","t":"Per Seat Calculator","d":"A seat slider that totals a flat per seat rate beside the included feature list.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Usage and sliders"},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-plans-by-audience","t":"Plans By Audience","d":"A centered tab switcher for freelancers, teams, and agencies, each revealing two plan card","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-plans-with-meters","t":"Plans With Meters","d":"Three plan cards whose quotas are proportional meter bars, so tiers compare at a glance.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-pricing-faq-inline","t":"Pricing Faq Inline","d":"Six billing questions answered open beside the prices, mechanisms and timelines included.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-pricing-with-cost-chart","t":"Pricing With Cost Chart","d":"A flat plan beside a shadcn bar chart of total cost against a per seat stack by team size.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-pricing-with-guarantee","t":"Pricing With Guarantee","d":"A flat plan beside a guarantee card with spelled out terms and a published claim rate.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-pricing-with-testimonial","t":"Pricing With Testimonial","d":"Two plan cards beside a customer quote card that endorses the upgrade.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-sample-invoice","t":"Sample Invoice","d":"A left column of a heading and four checked billing promises beside a static sample invoic","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-simple-rate-table","t":"Simple Rate Table","d":"A minimal rate table listing each metric, its included allowance, and the overage price.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["minimal"],"sb":"Comparison tables","sy":["minimal"]},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-single-plan-with-faq","t":"Single Plan With FAQ","d":"A single full plan price card beside a divided list of three short pricing questions.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Single plan","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-startup-discount-card","t":"Startup Discount Card","d":"The startup program as five labeled rows, including what happens when the discount ends.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-trial-timeline","t":"Trial Timeline","d":"A single plan card with a flat price and feature list beside a vertical timeline walking t","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-usage-estimator","t":"Usage Estimator","d":"An interactive estimator with a seats slider and annual switch on one side and an inverted","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Usage and sliders"},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-usage-estimator-slider","t":"Usage Estimator Slider","d":"One slider for contacts, the matching plan and price computed live with the CTA labeled.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Usage and sliders"},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-with-roi-chart","t":"With Roi Chart","d":"A flat price plan beside a chart of cumulative value crossing cost at a labeled break even","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:marketing-pro-pricing-sections-with-usage-curve","t":"With Usage Curve","d":"A plan card beside an SVG curve of the unit price flattening across three labeled volume t","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Usage and sliders","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-accordion-steps","t":"Accordion Steps","d":"A split process section pairing a four step accordion of numbered onboarding steps with a ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-branching-flow","t":"Branching Flow","d":"An SVG flowchart of automated checks branching to approve or review, with a numbered step ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-checklist-with-progress","t":"Checklist With Progress","d":"The setup checklist mid flight, a computed meter above tasks in three states.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-cycle-diagram","t":"Cycle Diagram","d":"A numbered four step list beside a circular loop diagram with nodes on a dashed ring.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-day-in-the-life","t":"Day In The Life","d":"A workday told in timestamped scenes down a rule, each with its quiet before.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-day-one-timeline","t":"Day One Timeline","d":"Intro copy beside a first day timeline of product moments keyed by monospaced times.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-first-week-timeline","t":"First Week Timeline","d":"Days one through seven in honest prose, including the two days of nothing on purpose.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-gantt-style-plan","t":"Gantt Style Plan","d":"The onboarding month as overlapping workstream bars with owners labeled per bar.","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-handoff-lanes","t":"Handoff Lanes","d":"A responsibility split process section running three rollout phases as rows under two lane","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-horizontal-connected","t":"Horizontal Connected","d":"Three steps in a row joined by a thin connector line with a dot marking each step.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-milestone-path","t":"Milestone Path","d":"A winding dashed path with four numbered milestone dots above a matching grid of steps.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-numbered-editorial","t":"Numbered Editorial","d":"Four oversized numbered steps in a two column editorial grid with top borders.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-old-way-new-way","t":"Old Way New Way","d":"A process comparison telling one weekly workflow twice, a manual panel with X marks beside","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-onboarding-checklist","t":"Onboarding Checklist","d":"Copy about a one afternoon setup beside a bordered checklist card with a progress bar.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-pipeline-flow","t":"Pipeline Flow","d":"Inline SVG flow of four pipeline stages above a three column row explaining them.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-process-table","t":"Process Table","d":"A process section laying the rollout out as a five row table with stage, description, owne","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-progress-bar-steps","t":"Progress Bar Steps","d":"Onboarding as a segmented meter frozen mid journey with honest time labels per step.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-split-steps-with-mockup","t":"Split Steps With Mockup","d":"Three numbered steps beside an app window mockup showing live metrics and a chart.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-step-tabs","t":"Step Tabs","d":"Tabs labeled Step 1 to 3 where each panel pairs step copy with a small app mockup.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Tabs"},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-steps-with-mini-mockups","t":"Steps With Mini Mockups","d":"Three numbered step cards, each led by a mini UI mockup of the brief, board, and report st","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-three-phase-path","t":"Three Phase Path","d":"A three phase process section with icon squares, arrow connectors on desktop, per phase ch","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-three-step-cards","t":"Three Step Cards","d":"Centered heading above three step cards, each pairing an icon and number with short copy.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-vertical-milestones","t":"Vertical Milestones","d":"A split process section with a sticky header, CTA, and proof stats beside a vertical timel","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-vertical-timeline","t":"Vertical Timeline","d":"Narrow vertical timeline of four numbered steps joined by a line, with buttons below.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:marketing-pro-process-sections-zigzag-steps","t":"Zigzag Steps","d":"Alternating rows of step copy and app mockups, each tagged with a bordered step badge.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:marketing-pro-product-tours-annotated-screenshot","t":"Annotated Screenshot","d":"A browser mockup with numbered marker dots decoded by a sticky legend list.","s":"shadcn-ui-blocks","c":"media/mockup"},{"id":"shadcn-ui-blocks:marketing-pro-product-tours-before-after-screens","t":"Before After Screens","d":"A shabby dashed before screen beside a confident after screen with verdict captions.","s":"shadcn-ui-blocks","c":"media/image-compare"},{"id":"shadcn-ui-blocks:marketing-pro-product-tours-command-palette-tour","t":"Command Palette Tour","d":"Split layout pairing a power user pitch with a static command palette blueprint showing a ","s":"shadcn-ui-blocks","c":"navigation/command-palette"},{"id":"shadcn-ui-blocks:marketing-pro-product-tours-demo-teaser-split","t":"Demo Teaser Split","d":"A sandbox pitch beside a mockup with a drawn cursor, hovered row, and honest tooltip.","s":"shadcn-ui-blocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcn-ui-blocks:marketing-pro-product-tours-feature-spotlight-tabs","t":"Feature Spotlight Tabs","d":"Three workflows on ui tabs, each pairing one paragraph with a small drawn panel.","s":"shadcn-ui-blocks","c":"navigation/tabs","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-product-tours-feature-spotlight-zoom","t":"Feature Spotlight Zoom","d":"One UI element drawn at large scale, an automation rule row with a toggle and live count.","s":"shadcn-ui-blocks","c":"media/gallery","sb":"Zoom and lens"},{"id":"shadcn-ui-blocks:marketing-pro-product-tours-keyboard-shortcuts-panel","t":"Keyboard Shortcuts Panel","d":"The product shortcuts as a Kbd reference panel, craft signaled through key caps.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:marketing-pro-product-tours-onboarding-checklist","t":"Onboarding Checklist","d":"Split layout pairing a guided onboarding pitch and reassurance rows with a setup checklist","s":"shadcn-ui-blocks","c":"inputs/checkbox"},{"id":"shadcn-ui-blocks:marketing-pro-product-tours-persona-tour-grid","t":"Persona Tour Grid","d":"Centered heading above three persona columns, each pairing a framed home screen mockup wit","s":"shadcn-ui-blocks","c":"media/mockup","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-product-tours-side-tabs-tour","t":"Side Tabs Tour","d":"Vertical tabs of product areas, each pane pairing a blurb with a framed list mockup.","s":"shadcn-ui-blocks","c":"navigation/tabs"},{"id":"shadcn-ui-blocks:marketing-pro-product-tours-tour-steps-with-screens","t":"Tour Steps With Screens","d":"Three numbered tour steps, each paired with a framed mini screen showing that stage.","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-product-tours-video-tour-chapters","t":"Video Tour Chapters","d":"Centered heading over a static video player mockup with a chaptered scrubber, beside a tim","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:marketing-pro-product-tours-workflow-walkthrough","t":"Workflow Walkthrough","d":"Three mini screens joined by arrows following one item from new to sent.","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-roadmap-sections-feature-journey","t":"Feature Journey","d":"A split section with heading, a stat rows panel, and a dated vertical timeline tracing one","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:marketing-pro-roadmap-sections-feature-request-form","t":"Feature Request Form","d":"A split call to action pairing numbered triage steps that explain what happens after you s","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:marketing-pro-roadmap-sections-milestone-progress-bars","t":"Milestone Progress Bars","d":"In flight initiatives with stage chips, owners, and progress bars defined by milestones.","s":"shadcn-ui-blocks","c":"data-viz/progress-bar"},{"id":"shadcn-ui-blocks:marketing-pro-roadmap-sections-prioritization-criteria","t":"Prioritization Criteria","d":"A centered header over a two by two grid of criteria cards, each pairing the test we apply","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:marketing-pro-roadmap-sections-public-roadmap-banner","t":"Public Roadmap Banner","d":"A transparency banner with in flight and shipped counts linking roadmap and changelog.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:marketing-pro-roadmap-sections-quarter-timeline","t":"Quarter Timeline","d":"Four quarters on a line with status chips and struck through shipped items.","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:marketing-pro-roadmap-sections-roadmap-columns","t":"Roadmap Columns","d":"A Now, Next, Later board with defined column semantics and tagged item cards.","s":"shadcn-ui-blocks","c":"data-display/kanban"},{"id":"shadcn-ui-blocks:marketing-pro-roadmap-sections-roadmap-table","t":"Roadmap Table","d":"A section header over a summary line and a dense table listing every initiative with detai","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:marketing-pro-roadmap-sections-roadmap-with-votes","t":"Roadmap With Votes","d":"Feature requests ranked by vote buttons with status badges and descriptions.","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:marketing-pro-roadmap-sections-shipped-vs-planned-list","t":"Shipped Vs Planned List","d":"Dated shipped items beside planned ones with quarter chips and an honest exploring label.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-roadmap-sections-voting-board-columns","t":"Voting Board Columns","d":"The public roadmap as a three column kanban, vote counts kept on shipped cards.","s":"shadcn-ui-blocks","c":"data-display/kanban","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-roadmap-sections-yearly-themes","t":"Yearly Themes","d":"The three directive themes the year answers to, with reasoning and in flight bets.","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-annual-report-numbers","t":"Annual Report Numbers","d":"An editorial year in review with a statement headline and three oversized ruled numbers.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Stats","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-counters-with-icons","t":"Counters With Icons","d":"A light four counter row with tinted icon discs, large values, and hairline dividers.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-dark-stat-band","t":"Dark Stat Band","d":"A solid primary band with a short headline beside three large stats divided by hairline ru","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Stats","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-growth-story","t":"Growth Story","d":"A split stats section pairing a heading, narrative paragraph, and three hairline stat rows","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-inline-stat-strip","t":"Inline Stat Strip","d":"A slim pill shaped strip of four value and label pairs, the lightest proof beat between se","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-kpi-cards","t":"KPI Cards","d":"A centered stats header over three KPI cards, each pairing a small label and oversized val","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Stats","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-kpi-cards-with-charts","t":"Kpi Cards With Charts","d":"Four KPI cards with working shadcn sparklines beneath their numbers.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-live-counter-band","t":"Live Counter Band","d":"One running total with a pulsing dot and the per minute rate beneath.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-metric-band","t":"Metric Band","d":"A centered stats band with a heading, four oversized metrics separated by hairline divider","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-metric-tiles-band","t":"Metric Tiles Band","d":"A centered heading above four large KPI tiles separated by hairline dividers in one rounde","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-milestones-inline-text","t":"Milestones Inline Text","d":"Six years of company history as one paragraph with the milestones set at display size inli","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-rating-stats-band","t":"Rating Stats Band","d":"A split satisfaction band with the overall score set enormous beside a star row and a rule","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-single-stat-spotlight","t":"Single Stat Spotlight","d":"One enormous centered number with a quiet claim above and a sourcing line below.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-split-numbers-with-copy","t":"Split Numbers With Copy","d":"A text only split section with a heading and two paragraphs beside a grid of four large nu","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-stat-bento-grid","t":"Stat Bento Grid","d":"A left aligned header, then one dominant hero card carrying the headline number and sourci","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-stats-benchmark-bars","t":"Stats Benchmark Bars","d":"A centered header over one bordered panel where each row compares a measure as two horizon","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-stats-comparison-columns","t":"Stats Comparison Columns","d":"A then and now ledger with before values struck through beside bold on Acme numbers.","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-stats-with-bar-chart","t":"Stats With Bar Chart","d":"A split section pairing a heading and three stacked stats with a twelve month bar chart pa","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Stats","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-stats-with-donut-chart","t":"Stats With Donut Chart","d":"Three stat lines beside a shadcn donut splitting the same claim into its parts.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Stats","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-stats-with-donut-grid","t":"Stats With Donut Grid","d":"Three large donut rings with centered percentages and captions inside one bordered panel.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Stats","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-stats-with-progress-bars","t":"Stats With Progress Bars","d":"Copy beside four goal attainment rows, each with a label, value, and filled progress bar.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-stats-with-quotes","t":"Stats With Quotes","d":"A centered header over three cards, each pairing an oversized stat and label with the cust","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Stats","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-stats-with-sparklines","t":"Stats With Sparklines","d":"Four stat cards, each topped by a small sparkline that shows the trend behind the number.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:marketing-pro-stats-sections-text-stat-sentences","t":"Text Stat Sentences","d":"Three prose sentences with the numbers rendered large inline, stats with grammar.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Stats","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-status-sections-current-status-list","t":"Current Status List","d":"An aggregate status banner above per component rows with dots and uptime figures.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:marketing-pro-status-sections-incident-history-list","t":"Incident History List","d":"Dated incidents with severity chips, precise impact lines, and postmortem links.","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:marketing-pro-status-sections-incident-response-process","t":"Incident Response Process","d":"A heading and lede over four numbered step cards, each pairing a title and description wit","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:marketing-pro-status-sections-incident-update-timeline","t":"Incident Update Timeline","d":"A split section pairing a communication promise and three bullet commitments with a live i","s":"shadcn-ui-blocks","c":"data-display/timeline","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-status-sections-maintenance-schedule","t":"Maintenance Schedule","d":"A heading and lede over a bordered list of maintenance windows, each row carrying date, UT","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:marketing-pro-status-sections-regional-status-grid","t":"Regional Status Grid","d":"Per region health cards with local latency and twelve month incident counts.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Metric"},{"id":"shadcn-ui-blocks:marketing-pro-status-sections-reliability-stats-band","t":"Reliability Stats Band","d":"A centered heading and lede above a four column stat band, each cell pairing a large metri","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:marketing-pro-status-sections-response-time-chart","t":"Response Time Chart","d":"Median and p99 latency as shadcn lines with the visible spike explained.","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:marketing-pro-status-sections-sla-commitments-table","t":"Sla Commitments Table","d":"SLA targets beside trailing actuals and automatic remedies, published inline.","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:marketing-pro-status-sections-status-summary-banner","t":"Status Summary Banner","d":"A one row live status banner with a pulsing dot linking the full status page.","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-status-sections-subscribe-to-updates","t":"Subscribe To Updates","d":"A status list signup with a never marketing constitution and an email form.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-status-sections-uptime-day-ticks","t":"Uptime Day Ticks","d":"The last 90 days as tick bars with the two degraded days named below, not in tooltips.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:marketing-pro-team-sections-advisors-and-board","t":"Advisors And Board","d":"A split section with intro copy and engagement notes beside two labeled lists of advisor a","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:marketing-pro-team-sections-compact-team-roles","t":"Compact Team Roles","d":"A text only roster in three department columns listing names and roles without portraits.","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-team-sections-founders-spotlight","t":"Founders Spotlight","d":"Two wide founder cards with large avatars, problem and answer bios, and social links.","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:marketing-pro-team-sections-hiring-process","t":"Hiring Process","d":"A heading and lede above a four column grid of numbered interview stages with durations, c","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:marketing-pro-team-sections-leadership-list","t":"Leadership List","d":"Editorial leadership rows with avatars, highlighted roles, and short biographies.","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:marketing-pro-team-sections-open-roles-by-team","t":"Open Roles By Team","d":"Positions grouped by team with location and the real comp range on every row.","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:marketing-pro-team-sections-team-by-department","t":"Team By Department","d":"People grouped into labeled departments as avatar pill chips with one line charters.","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:marketing-pro-team-sections-team-cards-with-socials","t":"Team Cards With Socials","d":"Six bordered member cards with avatars, personality one liners, and social icon rows.","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:marketing-pro-team-sections-team-grid-with-avatars","t":"Team Grid With Avatars","d":"A centered heading above a four column grid of illustrated portraits with names and roles.","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:marketing-pro-team-sections-team-growth-chart","t":"Team Growth Chart","d":"Five years of headcount as a stepped shadcn line beside the slow on purpose philosophy.","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:marketing-pro-team-sections-team-map-distribution","t":"Team Map Distribution","d":"A distributed team pitch beside a dot grid map with city pins and an overlap caption.","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:marketing-pro-team-sections-team-stats-banner","t":"Team Stats Banner","d":"A compact banner pairing overlapping avatars and a team pitch with three numbers.","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-team-sections-team-timeline","t":"Team Timeline","d":"A heading and lede above a vertical rail of year entries, each with a milestone title, a s","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:marketing-pro-team-sections-team-voices","t":"Team Voices","d":"A centered heading above a three column grid of bordered quote cards, each carrying a team","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-team-sections-team-with-hiring-cta","t":"Team With Hiring Cta","d":"Recruiting copy and CTAs beside an avatar mosaic ending in a dashed open seat tile.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-alternating-quotes","t":"Alternating Quotes","d":"Large quotes with avatars that alternate left and right alignment in a divided stack.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-avatar-strip-with-quote","t":"Avatar Strip With Quote","d":"A centered row of ten overlapping avatars above one quote, five stars, and a review count.","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-case-study-cards","t":"Case Study Cards","d":"A centered header over two large case study cards pairing a customer wordmark and quote ex","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-chat-style-quotes","t":"Chat Style Quotes","d":"Testimonials as a chat thread with alternating bubbles, avatars, and timestamps in a frame","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-dark-panel-quote","t":"Dark Panel Quote","d":"One featured quote inside a solid primary panel with avatar attribution at the bottom.","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-interview-excerpt","t":"Interview Excerpt","d":"A two column layout pairing a profile card with a ruled fact sheet and headline outcome be","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-journey-quotes-timeline","t":"Journey Quotes Timeline","d":"A centered header with avatar attribution above a vertical timeline of four dated quotes f","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-logos-and-quotes-grid","t":"Logos And Quotes Grid","d":"A grid that alternates customer quote cards with company wordmark tiles under a heading.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-nps-chart-with-quotes","t":"Nps Chart With Quotes","d":"Six quarters of NPS as shadcn bars beside survey verbatims including the missing point.","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-one-line-quotes-list","t":"One Line Quotes List","d":"Ten customers at one ruled line each, density and variety as the proof.","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-press-quotes-row","t":"Press Quotes Row","d":"Three pulled review lines under publication wordmarks, each cited to its piece.","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-pull-quotes-stack","t":"Pull Quotes Stack","d":"An editorial stack of two big pull quotes with oversized quote marks and attributions.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-quote-carousel","t":"Quote Carousel","d":"A looping carousel of three large centered pull quotes with avatars, customer wordmarks, a","s":"shadcn-ui-blocks","c":"media/carousel","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-quote-masonry-grid","t":"Quote Masonry Grid","d":"Five quotes at their natural lengths flowing in masonry columns with avatar attributions.","s":"shadcn-ui-blocks","c":"media/gallery","sb":"Masonry"},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-quote-with-metrics","t":"Quote With Metrics","d":"A featured customer quote card beside a divided grid of two big result numbers.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-quote-with-metrics-panel","t":"Quote With Metrics Panel","d":"One substantial quote beside the board slide it describes, befores struck through.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-quote-with-product-shot","t":"Quote With Product Shot","d":"A large quote and attribution beside a launch checklist mockup of the product.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-quote-with-rating-bars","t":"Quote With Rating Bars","d":"A review summary with average score, star row, and histogram bars beside a featured quote.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-quote-with-results-chart","t":"Quote With Results Chart","d":"A large customer quote beside a results panel with an outcome headline and twelve month ba","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-quote-with-stats-row","t":"Quote With Stats Row","d":"A centered banner quote above a ruled row of three results from the same customer.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-role-quote-tabs","t":"Role Quote Tabs","d":"A centered header above a three tab switcher segmented by buyer role, each panel showing o","s":"shadcn-ui-blocks","c":"navigation/tabs","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-single-quote-banner","t":"Single Quote Banner","d":"One large centered quote with an avatar, name, and role stacked beneath it.","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-social-cards","t":"Social Cards","d":"A grid of six social post style cards with avatars, handles, and casual praise.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-social-posts-wall","t":"Social Posts Wall","d":"Six short posts drawn as cards with avatars, handles, and timestamps, displayed unedited.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-three-column-quotes","t":"Three Column Quotes","d":"Three customer quotes in divided columns under a centered heading and lede.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-video-testimonial-cards","t":"Video Testimonial Cards","d":"A centered header above a three card grid of testimonials, each framing a thumbnail with a","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-testimonials-wall-of-love","t":"Wall of Love","d":"A masonry wall of nine short quote cards under a centered header, with illustrated avatars","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:marketing-pro-trust-and-security-audit-log-preview","t":"Audit Log Preview","d":"A mono audit log mockup including the line the vendor own support access writes.","s":"shadcn-ui-blocks","c":"media/mockup"},{"id":"shadcn-ui-blocks:marketing-pro-trust-and-security-compliance-badges-row","t":"Compliance Badges Row","d":"A strip of certification chips with shield icons and audit dates beside a delivery promise","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:marketing-pro-trust-and-security-compliance-panel","t":"Compliance Panel","d":"A compliance section with a centered header, four framework cards pairing drawn badge mark","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:marketing-pro-trust-and-security-data-flow-diagram","t":"Data Flow Diagram","d":"An SVG flow of tools, platform, and storage with TLS and AES labels on the arrows.","s":"shadcn-ui-blocks","c":"inputs/form-field"},{"id":"shadcn-ui-blocks:marketing-pro-trust-and-security-data-promise","t":"Data Promise","d":"A centered data manifesto with five check marked promise rows split by hairlines and white","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:marketing-pro-trust-and-security-data-retention-stages","t":"Data Retention Stages","d":"A left aligned header above three lifecycle panels for active accounts, cancellation, and ","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-trust-and-security-encryption-flow-diagram","t":"Encryption Flow Diagram","d":"Browser to storage as a three node SVG flow with the encryption state on every hop.","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-trust-and-security-incident-response-steps","t":"Incident Response Steps","d":"A left aligned header above five numbered phases in a horizontal stepper, each with a time","s":"shadcn-ui-blocks","c":"navigation/wizard-steps"},{"id":"shadcn-ui-blocks:marketing-pro-trust-and-security-plain-language-privacy","t":"Plain Language Privacy","d":"Five human sentences summarizing the privacy policy, each linked to its legal section.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing"},{"id":"shadcn-ui-blocks:marketing-pro-trust-and-security-residency-map-dots","t":"Residency Map Dots","d":"A residency promise beside a dot grid map with pinned storage regions and a backup clause.","k":"motion","s":"shadcn-ui-blocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcn-ui-blocks:marketing-pro-trust-and-security-responsible-disclosure","t":"Responsible Disclosure","d":"A centered header over three response time tiles, side by side in scope and out of scope l","s":"shadcn-ui-blocks","c":"data-display/accordion","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-trust-and-security-security-faq-compact","t":"Security Faq Compact","d":"Six always open security answers written to be pasted into a vendor review form.","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:marketing-pro-trust-and-security-security-feature-list","t":"Security Feature List","d":"A split security section pairing a headline, whitepaper button, and spec rows with a group","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Lists"},{"id":"shadcn-ui-blocks:marketing-pro-trust-and-security-security-pillars-grid","t":"Security Pillars Grid","d":"Six security control cards with icon discs and implementation detail sentences.","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:marketing-pro-trust-and-security-security-split-with-checklist","t":"Security Split With Checklist","d":"A security pitch and pack request beside six checked controls with terse implementation no","s":"shadcn-ui-blocks","c":"inputs/checkbox"},{"id":"shadcn-ui-blocks:marketing-pro-trust-and-security-shared-responsibility-model","t":"Shared Responsibility Model","d":"A centered header over two paired panels splitting what we secure and what you control, ea","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:marketing-pro-trust-and-security-subprocessors-table","t":"Subprocessors Table","d":"Every third party that touches customer data, with purpose, region, and year added.","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:marketing-pro-trust-and-security-trust-center-links","t":"Trust Center Links","d":"Four document cards with updated dates and honest action links for security reviewers.","s":"shadcn-ui-blocks","c":"actions/link"},{"id":"shadcn-ui-blocks:marketing-pro-trust-and-security-uptime-history-bars","t":"Uptime History Bars","d":"SLA stats beside twelve monthly uptime bars with one honest dip explained in the caption.","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:marketing-pro-utility-pages-access-denied-403","t":"Access Denied #403","d":"A centered 403 page with a signed-in identity card, the admin who can grant access, a requ","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:marketing-pro-utility-pages-coming-soon","t":"Coming Soon","d":"A prelaunch page with the launch date at display size and a two email promise.","k":"page","s":"shadcn-ui-blocks","c":"pages/templates","sb":"Error and status pages"},{"id":"shadcn-ui-blocks:marketing-pro-utility-pages-email-confirmed","t":"Email Confirmed","d":"A verification landing that names what the click unlocked before one button back.","s":"shadcn-ui-blocks","c":"actions/button","sb":"Loading and states"},{"id":"shadcn-ui-blocks:marketing-pro-utility-pages-link-expired","t":"Link Expired","d":"An expired sign-in link page with a three-column lifecycle timeline, a security framed exp","s":"shadcn-ui-blocks","c":"actions/link","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-utility-pages-maintenance-page","t":"Maintenance Page","d":"A planned window notice with the untouched list and a live status link.","k":"page","s":"shadcn-ui-blocks","c":"pages/templates","sb":"Error and status pages"},{"id":"shadcn-ui-blocks:marketing-pro-utility-pages-not-found-404","t":"Not Found #404","d":"A 404 with a search pill and chips for the pages people were actually hunting.","k":"page","s":"shadcn-ui-blocks","c":"pages/templates","sb":"Error and status pages"},{"id":"shadcn-ui-blocks:marketing-pro-utility-pages-not-found-directory","t":"Not Found Directory","d":"A 404 page with an oversized muted number, a calm headline, a rounded home button, and thr","k":"page","s":"shadcn-ui-blocks","c":"pages/templates","tg":["webgl"],"sb":"Error and status pages","sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-utility-pages-rate-limited-429","t":"Rate Limited #429","d":"A blameless 429 page with the exact retry window and a human path to higher limits.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:marketing-pro-utility-pages-server-error-500","t":"Server Error #500","d":"A 500 that owns the failure, protects the draft, and hands out an error ID.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:marketing-pro-utility-pages-signups-closed","t":"Signups Closed","d":"A capacity pause page with the reason, reopen date, and a hold my place form.","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign up"},{"id":"shadcn-ui-blocks:marketing-pro-utility-pages-thank-you-page","t":"Thank You Page","d":"A post signup page that schedules the next five minutes with honest times.","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:marketing-pro-utility-pages-unsubscribe-confirmed","t":"Unsubscribe Confirmed","d":"An unsubscribe confirmation with an icon badge, a preference card of remaining lists with ","s":"shadcn-ui-blocks","c":"actions/button","sb":"Copy, share and like"},{"id":"shadcn-ui-blocks:marketing-pro-utility-pages-verify-your-inbox","t":"Verify Your Inbox","d":"A post-signup check your inbox page with an icon badge, three-step progress row, the sent-","s":"shadcn-ui-blocks","c":"overlays/notifications","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-video-sections-centered-video-showcase","t":"Centered Video Showcase","d":"One ultrawide cinematic player mockup under a centered heading with a duration caption.","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:marketing-pro-video-sections-live-session-register","t":"Live Session Register","d":"A live session split: date, agenda, and host credits on one side with a labeled registrati","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign up"},{"id":"shadcn-ui-blocks:marketing-pro-video-sections-podcast-episode-list","t":"Podcast Episode List","d":"Episode rows with play discs, guest credits, and platform chips.","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:marketing-pro-video-sections-short-clips-row","t":"Short Clips Row","d":"A heading with a browse link above a row of four portrait clip cards, each with a play dis","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:marketing-pro-video-sections-testimonial-video-cards","t":"Testimonial Video Cards","d":"Three customer film cards with pull quote lines, avatars, and duration chips.","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-video-sections-video-grid-thumbnails","t":"Video Grid Thumbnails","d":"Three video cards with posters, play discs, duration chips, and topic badges.","s":"shadcn-ui-blocks","c":"media/player","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:marketing-pro-video-sections-video-player-split","t":"Video Player Split","d":"Pitch copy beside a player mockup with a poster, play disc, and progress bar.","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:marketing-pro-video-sections-video-playlist-queue","t":"Video Playlist Queue","d":"A featured video player beside a numbered up next queue of thumbnail rows with durations a","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:marketing-pro-video-sections-video-transcript-split","t":"Video Transcript Split","d":"A player mockup beside a transcript excerpt of timestamped speaker turns with a link out t","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:marketing-pro-video-sections-video-with-chapters","t":"Video With Chapters","d":"A player mockup beside a chapter list with timestamps and one active row.","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:marketing-pro-video-sections-webinar-replay-split","t":"Webinar Replay Split","d":"A dated replay player beside checked takeaways with watch and slides CTAs.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:marketing-pro-video-sections-webinar-replays-grid","t":"Webinar Replays Grid","d":"Four past sessions with posters, live attendance counts, and no registration wall.","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:marketing-pro-waitlist-sections-cohort-schedule","t":"Cohort Schedule","d":"A centered heading over an admission calendar table of upcoming cohorts with dates, seat c","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-waitlist-sections-early-access-tiers","t":"Early Access Tiers","d":"The free queue beside a paid skip whose fee credits against the first year.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-waitlist-sections-founding-member-perks","t":"Founding Member Perks","d":"Four founding perks with stated limits, led by the price lock, dated window.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-waitlist-sections-invite-code-redeem","t":"Invite Code Redeem","d":"A centered code entry card with the invite tree explained and a polite no code path.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-waitlist-sections-launch-timeline","t":"Launch Timeline","d":"Alpha, beta, launch phases down a rail with a you are here chip on the live one.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-waitlist-sections-milestone-unlocks","t":"Milestone Unlocks","d":"A centered heading, a progress bar over the signup count, and a grid of milestone cards th","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Lists"},{"id":"shadcn-ui-blocks:marketing-pro-waitlist-sections-referral-position-card","t":"Referral Position Card","d":"Your queue position with referral math, a copyable link, and a fairness cap.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-waitlist-sections-waitlist-faq-compact","t":"Waitlist Faq Compact","d":"The five waitlist questions answered with dates, counts, and mechanisms.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-waitlist-sections-waitlist-hero-count","t":"Waitlist Hero Count","d":"A waitlist hero with the queue size and weekly admission rate as the proof.","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"SaaS and AI"},{"id":"shadcn-ui-blocks:marketing-pro-waitlist-sections-waitlist-how-it-works","t":"Waitlist How It Works","d":"A four step numbered grid explaining the queue mechanics from signup to invite, each step ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:marketing-pro-waitlist-sections-waitlist-signup-split","t":"Waitlist Signup Split","d":"A two column waitlist section pairing a labeled signup form with a spec row card that list","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-pro-waitlist-sections-waitlist-stats-band","t":"Waitlist Stats Band","d":"Four queue health numbers including median wait and invite activation rate.","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:marketing-about-sections-achievements","t":"Achievements","d":"A grid of awards and milestones with icons and short captions. Use it on an about page to ","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","hc":1},{"id":"shadcn-ui-blocks:marketing-about-sections-animated-stats","t":"Animated Stats","d":"Headline metrics that count up as they scroll into view. Drop it on an about page to make ","s":"shadcn-ui-blocks","c":"data-display/stat","hc":1},{"id":"shadcn-ui-blocks:marketing-about-sections-brand-values","t":"Brand Values","d":"A row of value cards pairing an icon with a short principle. Use it to spell out what your","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","hc":1},{"id":"shadcn-ui-blocks:marketing-about-sections-company-culture","t":"Company Culture","d":"Photos and short blurbs that show how the team works and what daily life feels like. Use i","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","hc":1},{"id":"shadcn-ui-blocks:marketing-about-sections-company-values","t":"Company Values","d":"A clean grid of core values, each with an icon, title, and sentence. Use it to explain the","s":"shadcn-ui-blocks","c":"actions/button","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-about-sections-diversity-inclusion","t":"Diversity & Inclusion","d":"A section pairing a statement on belonging with supporting stats and imagery. Use it to sh","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","hc":1},{"id":"shadcn-ui-blocks:marketing-about-sections-founders","t":"Founders","d":"Portrait cards of the founders with names, roles, and a short bio. Use it on an about page","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","hc":1},{"id":"shadcn-ui-blocks:marketing-about-sections-mission-statement","t":"Mission Statement","d":"A bold single statement of purpose framed as a centered headline. Use it at the top of an ","s":"shadcn-ui-blocks","c":"actions/button","sb":"Loading and states","hc":1},{"id":"shadcn-ui-blocks:marketing-about-sections-press-recognitions","t":"Press & Recognitions","d":"A strip of publication logos and pull quotes that show where you have been featured. Use i","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile","hc":1},{"id":"shadcn-ui-blocks:marketing-about-sections-process","t":"Process","d":"Numbered steps that walk through how you work, from first contact to final delivery. Use i","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps","hc":1},{"id":"shadcn-ui-blocks:marketing-about-sections-simple","t":"Simple","d":"A minimal about block with a heading and a paragraph of company background. Use it when yo","s":"shadcn-ui-blocks","c":"actions/button","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-about-sections-stats-grid","t":"Stats Grid","d":"A tidy grid of key numbers with labels for users, revenue, or reach. Use it on an about pa","s":"shadcn-ui-blocks","c":"data-display/stat","hc":1},{"id":"shadcn-ui-blocks:marketing-about-sections-tabs","t":"Tabs","d":"Tabbed panels that split your story into mission, team, and history. Use it on an about pa","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","hc":1},{"id":"shadcn-ui-blocks:marketing-about-sections-team-grid","t":"Team Grid","d":"A responsive grid of headshots with names, titles, and social links. Use it on an about pa","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-about-sections-timeline","t":"Timeline","d":"A vertical list of dated milestones marking how the company grew. Use it on an about page ","s":"shadcn-ui-blocks","c":"data-display/timeline","hc":1},{"id":"shadcn-ui-blocks:marketing-about-sections-two-column","t":"Two Column","d":"A split layout with company text on one side and an image on the other. Use it on an about","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:marketing-about-sections-values","t":"Values","d":"A set of value cards each holding an icon, title, and one line. Use it on an about page to","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","hc":1},{"id":"shadcn-ui-blocks:marketing-about-sections-with-image","t":"With Image","d":"An about block pairing a paragraph of background with a large photo. Use it to introduce t","s":"shadcn-ui-blocks","c":"media/gallery","hc":1},{"id":"shadcn-ui-blocks:marketing-announcement-banners-floating","t":"Floating","d":"A banner that floats above page content with rounded corners and a dismiss button. Announc","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement","hc":1},{"id":"shadcn-ui-blocks:marketing-announcement-banners-simple-centered","t":"Simple Centered","d":"A slim bar with centered text and a single dismiss control. Share a short notice like free","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-announcement-banners-with-action","t":"With Action","d":"A banner pairing a short message with a button so readers can act at once. Use it to drive","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement","hc":1},{"id":"shadcn-ui-blocks:marketing-announcement-banners-with-countdown","t":"With Countdown","d":"A banner with a live countdown timer beside the message. Build urgency for a sale, webinar","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement","hc":1},{"id":"shadcn-ui-blocks:marketing-announcement-banners-with-image","t":"With Image","d":"A banner that places a thumbnail or icon next to the headline and link. Spotlight a produc","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement","hc":1},{"id":"shadcn-ui-blocks:marketing-announcement-banners-with-social-proof","t":"With Social Proof","d":"A banner showing user counts, ratings, or avatars next to the message. Build instant trust","k":"section","s":"shadcn-ui-blocks","c":"marketing/announcement","hc":1},{"id":"shadcn-ui-blocks:marketing-blog-sections-author-spotlight","t":"Author Spotlight","d":"A profile block pairing an author photo, bio, and their latest posts. Use it to build trus","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcn-ui-blocks:marketing-blog-sections-carousel","t":"Carousel","d":"A horizontal slider of article cards with cover images and titles. Use it to feature recen","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","hc":1},{"id":"shadcn-ui-blocks:marketing-blog-sections-case-study-showcase","t":"Case Study Showcase","d":"A grid of case study cards with logos, results, and short summaries. Use it to present cus","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcn-ui-blocks:marketing-blog-sections-category-filter","t":"Category Filter","d":"A post grid paired with category tabs that filter the visible articles. Use it to help rea","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcn-ui-blocks:marketing-blog-sections-compact-list","t":"Compact List","d":"A dense vertical list of posts with titles, dates, and short excerpts. Use it to show many","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcn-ui-blocks:marketing-blog-sections-expert-roundup","t":"Expert Roundup","d":"A grid collecting quotes and headshots from several contributors. Use it to package an opi","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","hc":1},{"id":"shadcn-ui-blocks:marketing-blog-sections-featured-list","t":"Featured List","d":"A list led by one large featured article above smaller stacked posts. Use it to spotlight ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcn-ui-blocks:marketing-blog-sections-featured-with-sidebar","t":"Featured With Sidebar","d":"A two column layout with a main article feed beside a sidebar of links. Use it for a blog ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcn-ui-blocks:marketing-blog-sections-hero-focus","t":"Hero Focus","d":"A full width hero centered on a single article with a large cover image. Use it to launch ","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","hc":1},{"id":"shadcn-ui-blocks:marketing-blog-sections-interview-format","t":"Interview Format","d":"A question and answer layout with a guest portrait and intro. Use it to publish interviews","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcn-ui-blocks:marketing-blog-sections-magazine-layout","t":"Magazine Layout","d":"An editorial grid that mixes large and small story cards across columns. Use it to give a ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcn-ui-blocks:marketing-blog-sections-minimal-blog","t":"Minimal Blog","d":"A clean list of post titles, dates, and excerpts set in plenty of space. Use it for a writ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-blog-sections-newsletter-blog","t":"Newsletter Blog","d":"An article feed combined with an email signup form and short prompt. Use it to grow a subs","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"shadcn-ui-blocks:marketing-blog-sections-podcast-list","t":"Podcast List","d":"A list of episode cards with cover art, titles, and play controls. Use it to publish a pod","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcn-ui-blocks:marketing-blog-sections-simple-grid","t":"Simple Grid","d":"An even grid of article cards with cover images, titles, and dates. Use it as a clean, fle","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-blog-sections-timeline-blog","t":"Timeline Blog","d":"A vertical timeline that orders posts by date with markers and dots. Use it for a changelo","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcn-ui-blocks:marketing-blog-sections-video-blog","t":"Video Blog","d":"A grid of video cards with thumbnails, durations, and titles. Use it to run a video first ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcn-ui-blocks:marketing-careers-application-form","t":"Application Form","d":"A job application form with fields for contact details, resume upload, and a cover letter.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Careers","hc":1},{"id":"shadcn-ui-blocks:marketing-careers-career-path","t":"Career Path","d":"A career path layout showing role progression, levels, and growth milestones. Helps applic","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Careers","hc":1},{"id":"shadcn-ui-blocks:marketing-careers-company-benefits","t":"Company Benefits","d":"A company benefits section with icons and short blurbs for perks like health, time off, an","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"shadcn-ui-blocks:marketing-careers-department-positions","t":"Department Positions","d":"A list of open positions grouped by department, each with a title and location. Helps cand","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Careers","hc":1},{"id":"shadcn-ui-blocks:marketing-careers-department-showcase","t":"Department Showcase","d":"A department showcase with cards describing each team, its focus, and people. Helps candid","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Careers","hc":1},{"id":"shadcn-ui-blocks:marketing-careers-employee-benefits","t":"Employee Benefits","d":"An employee benefits grid covering insurance, learning budgets, and flexible hours. Shows ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Tabs","hc":1},{"id":"shadcn-ui-blocks:marketing-careers-featured-job-slider","t":"Featured Job Slider","d":"A horizontal slider of featured job cards with title, team, and location. Spotlights prior","s":"shadcn-ui-blocks","c":"inputs/slider","hc":1},{"id":"shadcn-ui-blocks:marketing-careers-interview-process","t":"Interview Process","d":"A step by step interview process timeline running from first application to final offer. S","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps","hc":1},{"id":"shadcn-ui-blocks:marketing-careers-job-board","t":"Job Board","d":"A searchable job board with filters for team, location, and type. Lets candidates scan eve","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Careers","hc":1},{"id":"shadcn-ui-blocks:marketing-careers-job-details","t":"Job Details","d":"A single job details page with description, responsibilities, and an apply button. Gives c","s":"shadcn-ui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcn-ui-blocks:marketing-careers-job-listings","t":"Job Listings","d":"A clean list of job listings with title, location, and a quick apply link. Helps candidate","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Careers","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-careers-workplace-culture","t":"Workplace Culture","d":"A workplace culture section with photos and short stories about daily life. Gives candidat","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Careers","hc":1},{"id":"shadcn-ui-blocks:marketing-changelogs-basic-changelog","t":"Basic Changelog","d":"A straightforward changelog list with version numbers, dates, and bullet points. Use it to","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-changelogs-categorized-changelog","t":"Categorized Changelog","d":"Release notes split into Added, Fixed, and Changed sections under each version. Helps read","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","hc":1},{"id":"shadcn-ui-blocks:marketing-changelogs-compact-changelog","t":"Compact Changelog","d":"A dense changelog that packs many versions into a tight column. Ideal when you ship often ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","hc":1},{"id":"shadcn-ui-blocks:marketing-changelogs-expandable-changelog","t":"Expandable Changelog","d":"Collapsed version entries that open on click to reveal full details. Keeps a long release ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","hc":1},{"id":"shadcn-ui-blocks:marketing-changelogs-grid-changelog","t":"Grid Changelog","d":"Release entries laid out as cards in a responsive grid. Use it to show recent updates side","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","hc":1},{"id":"shadcn-ui-blocks:marketing-changelogs-grouped-changelog","t":"Grouped Changelog","d":"Updates clustered by month or release so related entries sit together. Good for products w","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","hc":1},{"id":"shadcn-ui-blocks:marketing-changelogs-interactive-changelog","t":"Interactive Changelog","d":"A changelog with filters and clickable entries that reveal more detail. Lets visitors expl","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","hc":1},{"id":"shadcn-ui-blocks:marketing-changelogs-minimalist-changelog","t":"Minimalist Changelog","d":"A pared back changelog with just dates, versions, and one line per change. Use it when you","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-changelogs-tabbed-changelog","t":"Tabbed Changelog","d":"Release notes organized into tabs by version or category. Lets readers switch between upda","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","hc":1},{"id":"shadcn-ui-blocks:marketing-changelogs-table-changelog","t":"Table Changelog","d":"A changelog rendered as a table with columns for version, date, and notes. Use it when rea","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","hc":1},{"id":"shadcn-ui-blocks:marketing-changelogs-timeline-changelog","t":"Timeline Changelog","d":"A vertical timeline that plots releases in order with dates and notes. Use it to tell the ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","hc":1},{"id":"shadcn-ui-blocks:marketing-contact-sections-center-aligned","t":"Center Aligned","d":"A center aligned contact form with heading, supporting text, and stacked fields. Drops ont","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-contact-sections-split-with-details","t":"Split With Details","d":"A split layout pairing a contact form with a column of details like email, phone, and hour","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","hc":1},{"id":"shadcn-ui-blocks:marketing-contact-sections-with-map","t":"With Map","d":"A contact section that places a form beside an embedded map of your location. Ideal for a ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"shadcn-ui-blocks:marketing-cta-sections-awards-cta","t":"Awards CTA","d":"A call to action that pairs award badges and recognition logos with a signup prompt. Build","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","hc":1},{"id":"shadcn-ui-blocks:marketing-cta-sections-banner-with-background","t":"Banner With Background","d":"A full width banner with a background image, headline, and button. Anchors a campaign mess","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Banners","hc":1},{"id":"shadcn-ui-blocks:marketing-cta-sections-case-study-cta","t":"Case Study CTA","d":"A call to action framed around a customer story with a headline result and link. Use it af","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","hc":1},{"id":"shadcn-ui-blocks:marketing-cta-sections-countdown-timer","t":"Countdown Timer","d":"A call to action with a live countdown clock beside a headline and button. Drives urgency ","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","hc":1},{"id":"shadcn-ui-blocks:marketing-cta-sections-cta-with-testimonial","t":"CTA With Testimonial","d":"A call to action that places a customer quote and avatar right next to a signup button. Re","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","hc":1},{"id":"shadcn-ui-blocks:marketing-cta-sections-faq-cta","t":"FAQ CTA","d":"A short FAQ list paired with a closing prompt and button. Answers the last objections and ","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","hc":1},{"id":"shadcn-ui-blocks:marketing-cta-sections-feature-grid","t":"Feature Grid","d":"A call to action backed by a grid of feature highlights with icons. Recaps the value of a ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"shadcn-ui-blocks:marketing-cta-sections-gradient-cta","t":"Gradient CTA","d":"A centered call to action set on a vivid gradient panel with a headline and button. A brig","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"shadcn-ui-blocks:marketing-cta-sections-image-with-text","t":"Image With Text","d":"A call to action that sets an image beside a headline, body copy, and button. Use it to sh","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","hc":1},{"id":"shadcn-ui-blocks:marketing-cta-sections-integrations-cta","t":"Integrations CTA","d":"A call to action surrounded by logos of supported tools and platforms. Reassures teams abo","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","hc":1},{"id":"shadcn-ui-blocks:marketing-cta-sections-newsletter-form","t":"Newsletter Form","d":"A signup section with an email input and subscribe button under a short pitch. Collects le","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"shadcn-ui-blocks:marketing-cta-sections-quick-contact-cta","t":"Quick Contact CTA","d":"A compact contact prompt with a short form or button to reach the team. Drops into a foote","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","hc":1},{"id":"shadcn-ui-blocks:marketing-cta-sections-simple-centered","t":"Simple Centered","d":"A centered call to action with a headline, supporting line, and button. A clean closing se","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-cta-sections-split-with-image","t":"Split With Image","d":"A two column call to action with copy on one side and an image on the other. Balances mess","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","hc":1},{"id":"shadcn-ui-blocks:marketing-cta-sections-stats-cta","t":"Stats CTA","d":"A call to action that leads with key metrics like users or uptime, then a button. Uses har","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","hc":1},{"id":"shadcn-ui-blocks:marketing-cta-sections-tab-cta","t":"Tab CTA","d":"A call to action with tabbed content that swaps messages by audience or use case. Lets vis","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","hc":1},{"id":"shadcn-ui-blocks:marketing-cta-sections-video-cta","t":"Video CTA","d":"A call to action built around an embedded video with a headline and button. Plays a quick ","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","hc":1},{"id":"shadcn-ui-blocks:marketing-cta-sections-zigzag-cta","t":"Zigzag CTA","d":"A call to action with alternating text and image rows that lead into a button. Walks reade","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"shadcn-ui-blocks:marketing-faq-sections-accordion-with-background","t":"Accordion With Background","d":"An accordion FAQ set against a tinted background panel. Each question expands to reveal it","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","hc":1},{"id":"shadcn-ui-blocks:marketing-faq-sections-card-grid","t":"Card Grid","d":"A grid of question cards, each holding one query and its answer inline. Lays out frequent ","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","hc":1},{"id":"shadcn-ui-blocks:marketing-faq-sections-center-aligned","t":"Center Aligned","d":"A centered FAQ column with a heading and stacked accordion items. Keeps focus on the quest","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","hc":1},{"id":"shadcn-ui-blocks:marketing-faq-sections-code-snippets","t":"Code Snippets","d":"An FAQ layout with formatted code blocks inside answers. Built for developer docs where re","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","hc":1},{"id":"shadcn-ui-blocks:marketing-faq-sections-contact-form","t":"Contact Form","d":"An FAQ section paired with a contact form, so visitors read common answers and reach out w","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","hc":1},{"id":"shadcn-ui-blocks:marketing-faq-sections-image-illustrated","t":"Image Illustrated","d":"An FAQ section with a supporting illustration beside the question list. Adds visual contex","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","hc":1},{"id":"shadcn-ui-blocks:marketing-faq-sections-right-aligned","t":"Right Aligned","d":"A two column FAQ with the heading and intro on the left and accordion items on the right. ","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","hc":1},{"id":"shadcn-ui-blocks:marketing-faq-sections-search-filter","t":"Search Filter","d":"An FAQ section with a search field that filters questions as you type. Helps visitors jump","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","hc":1},{"id":"shadcn-ui-blocks:marketing-faq-sections-sidebar-navigation","t":"Sidebar Navigation","d":"An FAQ layout with a sidebar of categories beside the answers. Lets visitors switch topics","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","hc":1},{"id":"shadcn-ui-blocks:marketing-faq-sections-simple-2-cols-grid","t":"Simple 2 Cols Grid","d":"A plain two column grid of questions and answers. A compact way to cover many topics at on","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-faq-sections-simple-with-divider-and-icon","t":"Simple With Divider And Icon","d":"A clean FAQ list with an icon by each question and dividers between rows. Keeps a long set","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-faq-sections-tabbed-categories","t":"Tabbed Categories","d":"An FAQ section with tabs that group questions by category. Visitors pick a topic and see o","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","hc":1},{"id":"shadcn-ui-blocks:marketing-faq-sections-timeline-faq","t":"Timeline FAQ","d":"An FAQ laid out as a vertical timeline, walking visitors through questions in order. Suite","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","hc":1},{"id":"shadcn-ui-blocks:marketing-feature-sections-3d-cards","t":"3D Cards","d":"Feature cards that tilt in 3D as the cursor moves, each holding an icon, title, and copy. ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["3d"],"sb":"Grid of cards","sy":["3d"],"hc":1},{"id":"shadcn-ui-blocks:marketing-feature-sections-card-grid","t":"Card Grid","d":"A tidy grid of feature cards, each with an icon, heading, and short description. Lays out ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["minimal"],"sb":"Grid of cards","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-feature-sections-feature-accordion","t":"Feature Accordion","d":"Stacked feature panels that expand on click to reveal detail and a paired visual. Lets vis","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","hc":1},{"id":"shadcn-ui-blocks:marketing-feature-sections-feature-chat","t":"Feature Chat","d":"A feature section styled as a chat thread, pairing message bubbles with copy. Built to sho","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","hc":1},{"id":"shadcn-ui-blocks:marketing-feature-sections-feature-comparison","t":"Feature Comparison","d":"Sets two options side by side with checkmarks and notes per row. Use it to contrast your p","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Comparison","hc":1},{"id":"shadcn-ui-blocks:marketing-feature-sections-feature-stats","t":"Feature Stats","d":"Feature copy paired with bold metrics like uptime, users, or speed. Backs your claims with","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","hc":1},{"id":"shadcn-ui-blocks:marketing-feature-sections-feature-timeline","t":"Feature Timeline","d":"A vertical timeline that walks through features or milestones in sequence. Ideal for telli","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["minimal"],"sb":"Steps","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-feature-sections-feature-videos","t":"Feature Videos","d":"A feature layout built around short video clips, each captioned with a benefit. Best when ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","hc":1},{"id":"shadcn-ui-blocks:marketing-feature-sections-feature-wizard","t":"Feature Wizard","d":"A guided, multi step layout that reveals features as the visitor advances. Useful for onbo","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","hc":1},{"id":"shadcn-ui-blocks:marketing-feature-sections-grid-hover","t":"Grid Hover","d":"A feature grid where each cell reveals more copy and a glow on hover. Keeps the section co","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["neon"],"sb":"Grid of cards","sy":["neon"],"hc":1},{"id":"shadcn-ui-blocks:marketing-feature-sections-simple","t":"Simple","d":"A clean feature section with a heading, supporting text, and a short list of points. Reach","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["minimal"],"sb":"Grid of cards","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-feature-sections-steps","t":"Steps","d":"Numbered steps that lay out how your product works from start to finish. Drop it on a home","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"],"hc":1},{"id":"shadcn-ui-blocks:marketing-feature-sections-terminal","t":"Terminal","d":"A feature section featuring a mock terminal with typed commands and output. Built for deve","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"shadcn-ui-blocks:marketing-feature-sections-with-carousel","t":"With Carousel","d":"Feature highlights in a swipeable carousel, one slide per capability with copy and a visua","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"shadcn-ui-blocks:marketing-feature-sections-with-comparison","t":"With Comparison","d":"A feature block that places before and after states next to each other. Use it to show the","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Comparison","hc":1},{"id":"shadcn-ui-blocks:marketing-feature-sections-with-images","t":"With Images","d":"Alternating rows of feature copy beside supporting images. A reliable pattern for explaini","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"shadcn-ui-blocks:marketing-feature-sections-with-stats","t":"With Stats","d":"Feature descriptions interleaved with headline numbers and labels. Pairs the what with the","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"shadcn-ui-blocks:marketing-feature-sections-with-tabs","t":"With Tabs","d":"Tabbed feature panels that swap content and visuals as visitors switch tabs. Organizes man","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Tabs","hc":1},{"id":"shadcn-ui-blocks:marketing-footers-logo-cloud","t":"Logo Cloud","d":"A footer with a row of partner and customer logos above the navigation links. Adds social ","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-footers-minimal","t":"Minimal","d":"A compact footer with a single line of copyright text and a few essential links. Keeps the","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-footers-multi-column","t":"Multi Column","d":"A footer split into grouped link columns for products, company, and resources. Organizes d","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-footers-simple","t":"Simple","d":"A footer pairing a logo and short tagline with a tidy row of page links. Rounds off a smal","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-footers-subscribe","t":"Subscribe","d":"A footer with an email newsletter form beside the usual navigation links. Captures signups","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["minimal"],"sb":"Newsletter and waitlist","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-gallery-carousel-gallery","t":"Carousel Gallery","d":"A swipeable carousel that steps through images one at a time. Use it to feature product sh","s":"shadcn-ui-blocks","c":"media/gallery","hc":1},{"id":"shadcn-ui-blocks:marketing-gallery-filmstrip-gallery","t":"Filmstrip Gallery","d":"A horizontal filmstrip of thumbnails with a larger preview above. Ideal for browsing a pho","s":"shadcn-ui-blocks","c":"media/gallery","hc":1},{"id":"shadcn-ui-blocks:marketing-gallery-fullscreen-gallery","t":"Fullscreen Gallery","d":"A fullscreen gallery that fills the viewport with one image at a time. Good for immersive ","s":"shadcn-ui-blocks","c":"media/gallery","hc":1},{"id":"shadcn-ui-blocks:marketing-gallery-grid-gallery","t":"Grid Gallery","d":"A responsive grid of evenly sized image tiles. Use it to display many photos, products, or","s":"shadcn-ui-blocks","c":"media/gallery","tg":["minimal"],"sb":"Grids","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-gallery-immersive-gallery","t":"Immersive Gallery","d":"An edge to edge gallery with large visuals and smooth motion. Use it to surround visitors ","s":"shadcn-ui-blocks","c":"media/gallery","hc":1},{"id":"shadcn-ui-blocks:marketing-gallery-polaroid-gallery","t":"Polaroid Gallery","d":"A scattered set of polaroid style cards with captions and slight tilts. Great for adding a","s":"shadcn-ui-blocks","c":"media/gallery","tg":["3d"],"sy":["3d"],"hc":1},{"id":"shadcn-ui-blocks:marketing-gallery-portfolio-gallery","t":"Portfolio Gallery","d":"A portfolio layout that pairs project images with titles and short notes. Use it to presen","s":"shadcn-ui-blocks","c":"media/gallery","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-booking-form","t":"Booking Form","d":"A hero with a booking form for dates, times, and guest details next to a headline. Lets vi","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-center-aligned-search-with-tags","t":"Center Aligned Search With Tags","d":"A centered hero built around a search field with popular tags below it. Helps visitors fin","s":"shadcn-ui-blocks","c":"inputs/search","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-center-aligned-with-a-form","t":"Center Aligned With A Form","d":"A centered hero pairing a headline and subtext with a short inline form. Collects an email","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-contact-form-with-background","t":"Contact Form With Background","d":"A hero with a full contact form set over a styled background image. Invites visitors to se","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-contest-entry-form","t":"Contest Entry Form","d":"A hero with a contest entry form for name, email, and answer fields. Drives signups and ex","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-early-access-form","t":"Early Access Form","d":"A hero with an early access form and a single email field beside the pitch. Builds a waitl","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-event-registration-countdown","t":"Event Registration Countdown","d":"A hero combining a registration form with a live countdown timer. Pushes visitors to claim","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-feedback-survey-form","t":"Feedback Survey Form","d":"A hero with a feedback survey form using ratings and short answers. Gathers visitor opinio","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-floating-card-with-gradient","t":"Floating Card With Gradient","d":"A hero with a floating form card resting over a soft gradient backdrop. Highlights a signu","s":"shadcn-ui-blocks","c":"inputs/form-field","tg":["gradient","minimal"],"sb":"Whole forms","sy":["gradient","minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-free-ebook-form","t":"Free Ebook Form","d":"A hero with a free ebook form that trades an email for a download. Grows a mailing list wh","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-free-trial-signup-form","t":"Free Trial Signup Form","d":"A hero with a free trial signup form for email and password fields. Starts new accounts th","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-image-and-form","t":"Image And Form","d":"A split hero with a product image on one side and a signup form on the other. Balances vis","s":"shadcn-ui-blocks","c":"media/gallery","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-job-application-form","t":"Job Application Form","d":"A hero with a job application form for contact details and a resume upload. Lets candidate","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-newsletter-subscription","t":"Newsletter Subscription","d":"A hero with a newsletter subscription field and a short value pitch. Turns first time visi","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-newsletter-with-social-proof","t":"Newsletter With Social Proof","d":"A hero pairing a newsletter form with subscriber counts and logos. Uses social proof to co","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-product-customizer-form","t":"Product Customizer Form","d":"A hero with a product customizer form for options like size and color. Lets shoppers confi","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-quiz-assessment-form","t":"Quiz Assessment Form","d":"A hero with a quiz or assessment form that walks through scored questions. Engages visitor","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-schedule-demo-form","t":"Schedule Demo Form","d":"A hero with a schedule demo form for name, company, and a time slot. Books sales calls wit","s":"shadcn-ui-blocks","c":"data-display/calendar","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-sign-up-form","t":"Sign Up Form","d":"A hero with a sign up form for email and password beside the headline. Opens new accounts ","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-split-screen-multi-step","t":"Split Screen Multi Step","d":"A split screen hero with a multi step form and a progress indicator. Guides visitors throu","s":"shadcn-ui-blocks","c":"navigation/wizard-steps","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-subscription-form-with-toggle","t":"Subscription Form With Toggle","d":"A hero with a subscription form and a monthly to yearly billing toggle. Lets visitors pick","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"With billing toggle","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-two-factor-verification","t":"Two Factor Verification","d":"A hero with a two factor verification form for a one time security code. Confirms identity","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-user-feedback-form","t":"User Feedback Form","d":"A hero with a user feedback form for comments, ratings, and contact info. Collects honest ","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-forms-webinar-registration-form","t":"Webinar Registration Form","d":"A hero with a webinar registration form for name, email, and session time. Fills seats for","s":"shadcn-ui-blocks","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-3d-isometric-hero","t":"3D Isometric Hero","d":"A hero with a 3D isometric illustration beside a headline and call to action. Adds depth a","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["3d"],"sb":"Animated background","sy":["3d"],"hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-animated-features-hero","t":"Animated Features Hero","d":"A hero that cycles through key features with motion next to a headline and CTA. Use it to ","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-animated-gradient","t":"Animated Gradient","d":"A hero set on a slowly shifting gradient backdrop with a centered headline and CTA. A colo","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"],"hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-animated-text-hero","t":"Animated Text Hero","d":"A hero where the headline word swaps through phrases with smooth motion. Highlights severa","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-centred-with-image","t":"Centred With Image","d":"A centered hero with a headline, subtext, and CTA above a wide product image. A balanced, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-chat-preview-hero","t":"Chat Preview Hero","d":"A hero pairing a headline and CTA with a live chat conversation preview. Ideal for messagi","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-countdown-hero","t":"Countdown Hero","d":"A hero with a ticking countdown timer beside a headline and CTA. Builds urgency for launch","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-gradient-background","t":"Gradient Background","d":"A hero on a rich gradient background with a centered headline, subtext, and CTA. A bold, c","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"],"hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-gradient-mesh-hero","t":"Gradient Mesh Hero","d":"A hero with a soft mesh gradient behind a centered headline and CTA. Gives a calm, premium","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"],"hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-image-carousel-hero","t":"Image Carousel Hero","d":"A hero with a rotating image carousel next to a headline and CTA. Shows several product sh","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-image-with-reviews","t":"Image With Reviews","d":"A hero placing a product image alongside short customer reviews and a CTA. Pairs your pitc","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-interactive-metrics","t":"Interactive Metrics","d":"A hero with live, interactive stat counters beside a headline and CTA. Use it to make grow","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-mobile-app-hero","t":"Mobile App Hero","d":"A hero with a phone mockup, app store badges, and a headline. Built to drive downloads at ","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-multi-step-cta-hero","t":"Multi Step CTA Hero","d":"A hero that guides visitors through a short multi step call to action. Use it to qualify l","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-particles-background-hero","t":"Particles Background Hero","d":"A hero with animated particles drifting behind a centered headline and CTA. A dynamic, tec","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-product-carousel-hero","t":"Product Carousel Hero","d":"A hero with a swipeable product carousel beside a headline and CTA. Showcases a range of i","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-progress-tracker-hero","t":"Progress Tracker Hero","d":"A hero with a step progress tracker next to a headline and CTA. Use it to show a setup flo","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-search-bar","t":"Search Bar","d":"A hero centered on a prominent search bar below a headline and subtext. Ideal for director","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-simple-centred","t":"Simple Centred","d":"A clean centered hero with a headline, short subtext, and a single CTA. A minimal, fast lo","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["minimal"],"sb":"Centered and minimal","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-social-proof-hero","t":"Social Proof Hero","d":"A hero pairing a headline and CTA with logos, ratings, and user counts. Leads with credibi","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-split-content-hero","t":"Split Content Hero","d":"A hero with a two column split, text and CTA on one side, content on the other. A flexible","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["minimal"],"sb":"Split","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-split-image-hero","t":"Split Image Hero","d":"A hero split into a text column and a full height product image. A direct, balanced opener","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-split-with-video","t":"Split With Video","d":"A hero split between a headline with CTA and an embedded product video. Use it to show you","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"With video","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-testimonial-carousel","t":"Testimonial Carousel","d":"A hero with a rotating carousel of customer testimonials and a CTA. Opens a landing page w","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-trust-indicators","t":"Trust Indicators","d":"A hero leading with security badges, certifications, and partner logos. Reassures cautious","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-video-background-hero","t":"Video Background Hero","d":"A hero with a looping video filling the background behind a headline and CTA. Sets an imme","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"With video","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-with-3d-mockup","t":"With 3D Mockup","d":"A hero featuring a rotating 3D device mockup beside a headline and CTA. Presents your app ","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["3d"],"sb":"Animated background","sy":["3d"],"hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-with-api-preview","t":"With API Preview","d":"A hero pairing a headline and CTA with a live API request and response preview. Built for ","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-with-app-showcase","t":"With App Showcase","d":"A hero showcasing app screens in a layered layout next to a headline and CTA. Use it to hi","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-with-bento-grid","t":"With Bento Grid","d":"A hero with a bento grid of feature tiles below a headline and CTA. Summarizes several cap","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-with-code-preview","t":"With Code Preview","d":"A hero pairing a headline and CTA with a syntax highlighted code snippet. Speaks directly ","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-with-content-tabs","t":"With Content Tabs","d":"A hero with tabbed panels that swap content beneath a headline and CTA. Use it to present ","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-with-dashboard","t":"With Dashboard","d":"A hero placing a product dashboard screenshot next to a headline and CTA. Shows your inter","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-with-email-input","t":"With Email Input","d":"A hero centered on an inline email capture form below a headline and subtext. Ideal for wa","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-with-feature-cards","t":"With Feature Cards","d":"A hero with a row of feature cards beneath a headline and CTA. Breaks your key benefits in","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-with-feature-timeline","t":"With Feature Timeline","d":"A hero with a feature timeline beside a headline and CTA. Walks visitors through a workflo","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-with-integration-showcase","t":"With Integration Showcase","d":"A hero showing a grid of integration logos beside a headline and CTA. Highlights the tools","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-with-product-screenshots","t":"With Product Screenshots","d":"A hero with framed product screenshots next to a headline and CTA. Shows the real interfac","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-with-team-grid","t":"With Team Grid","d":"A hero pairing a headline and CTA with a grid of team member photos. Adds a human face to ","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","hc":1},{"id":"shadcn-ui-blocks:marketing-hero-sections-with-terminal","t":"With Terminal","d":"A hero pairing a headline and CTA with an animated terminal window. Speaks to developers a","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"shadcn-ui-blocks:marketing-icon-sections-2-cols-grid","t":"2 Cols Grid","d":"A two column grid pairing each icon with a heading and short paragraph. Lays out a handful","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["minimal"],"sb":"Grid of cards","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-icon-sections-animated-icon-grid","t":"Animated Icon Grid","d":"A grid of feature icons that animate into view on scroll. Adds motion to a list of capabil","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"shadcn-ui-blocks:marketing-icon-sections-centred-description-with-icon-blocks","t":"Centred Description With Icon Blocks","d":"A centred intro paragraph above a row of icon blocks. Frames a section theme, then lists s","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Icons","hc":1},{"id":"shadcn-ui-blocks:marketing-icon-sections-circle-icons-centre-aligned","t":"Circle Icons Centre Aligned","d":"Centre aligned icons set in soft circles, each with a title and caption. A friendly way to","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Icons","sy":["webgl"],"hc":1},{"id":"shadcn-ui-blocks:marketing-icon-sections-compact-metric-list","t":"Compact Metric List","d":"A tight vertical list pairing icons with numbers and labels. Shows key metrics in a small ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Lists","hc":1},{"id":"shadcn-ui-blocks:marketing-icon-sections-description-on-left-icon-blocks-on-right","t":"Description On Left Icon Blocks On Right","d":"A split layout with a section heading and copy on the left and stacked icon blocks on the ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Icons","hc":1},{"id":"shadcn-ui-blocks:marketing-icon-sections-expandable-icon-cards","t":"Expandable Icon Cards","d":"Icon cards that expand on click to reveal more detail. Keeps the section compact while let","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"shadcn-ui-blocks:marketing-icon-sections-feature-icon-tabs","t":"Feature Icon Tabs","d":"Icon tabs that switch between feature panels in place. Lets visitors explore several capab","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Tabs","hc":1},{"id":"shadcn-ui-blocks:marketing-icon-sections-horizontal-scrolling-icons","t":"Horizontal Scrolling Icons","d":"A horizontal strip of icon cards users swipe or scroll through. Fits many features in limi","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Scroll","hc":1},{"id":"shadcn-ui-blocks:marketing-icon-sections-icon-feature-carousel","t":"Icon Feature Carousel","d":"A carousel rotating through icon features one slide at a time. Highlights a long list of c","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Icons","hc":1},{"id":"shadcn-ui-blocks:marketing-icon-sections-icon-stats-grid","t":"Icon Stats Grid","d":"A grid of stat cards pairing an icon with a bold number and label. Surfaces growth figures","s":"shadcn-ui-blocks","c":"data-display/stat","hc":1},{"id":"shadcn-ui-blocks:marketing-icon-sections-icon-tabs-categories","t":"Icon Tabs Categories","d":"Category tabs marked with icons that filter the features shown below. Helps visitors jump ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Tabs","hc":1},{"id":"shadcn-ui-blocks:marketing-icon-sections-icon-timeline","t":"Icon Timeline","d":"A vertical timeline with an icon at each step. Walks visitors through a process or product","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps","hc":1},{"id":"shadcn-ui-blocks:marketing-icon-sections-icons-with-tooltips","t":"Icons With Tooltips","d":"A row of icons that reveal a short tooltip on hover. Packs many features into a small spac","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Icons","hc":1},{"id":"shadcn-ui-blocks:marketing-icon-sections-interactive-icon-showcase","t":"Interactive Icon Showcase","d":"An interactive panel where hovering an icon updates the description beside it. Invites vis","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"shadcn-ui-blocks:marketing-icon-sections-metric-cards","t":"Metric Cards","d":"A set of cards pairing an icon with a headline metric and caption. Presents results, usage","s":"shadcn-ui-blocks","c":"data-display/stat","hc":1},{"id":"shadcn-ui-blocks:marketing-icon-sections-minimal-stats-tiles","t":"Minimal Stats Tiles","d":"Clean tiles showing an icon, a number, and a short label. A spare way to display a few key","s":"shadcn-ui-blocks","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-icon-sections-radial-icon-layout","t":"Radial Icon Layout","d":"Icons arranged in a circular, radial pattern around a central label. A distinctive way to ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Icons","hc":1},{"id":"shadcn-ui-blocks:marketing-icon-sections-solid-icon-with-hover-effect","t":"Solid Icon With Hover Effect","d":"Solid filled icons that shift colour or lift on hover. Adds tactile feedback to a feature ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Icons","hc":1},{"id":"shadcn-ui-blocks:marketing-icon-sections-stacked-cards","t":"Stacked Cards","d":"Vertically stacked icon cards, each with a title and short blurb. Reads top to bottom on a","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"shadcn-ui-blocks:marketing-integrations-api-preview","t":"API Preview","d":"A code sample panel beside copy that explains your API. Drop it on a developer page to sho","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos","hc":1},{"id":"shadcn-ui-blocks:marketing-integrations-carousel","t":"Carousel","d":"A scrolling row of partner and app logos that loops as visitors watch. Place it under a he","s":"shadcn-ui-blocks","c":"media/carousel","hc":1},{"id":"shadcn-ui-blocks:marketing-integrations-category-tabs","t":"Category Tabs","d":"Tabs that sort connected apps by type, so visitors filter integrations to find the one the","s":"shadcn-ui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcn-ui-blocks:marketing-integrations-featured-showcase","t":"Featured Showcase","d":"A large card spotlighting one key integration with its logo, summary, and a link. Use it t","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos","hc":1},{"id":"shadcn-ui-blocks:marketing-integrations-simple-grid","t":"Simple Grid","d":"A clean grid of integration logos in even rows and columns. Use it on a connections page t","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-masonry-sections-cards-on-images","t":"Cards On Images","d":"A masonry grid of cards layered over images, each with a heading and short text. Showcases","s":"shadcn-ui-blocks","c":"media/gallery","sb":"Masonry","hc":1},{"id":"shadcn-ui-blocks:marketing-pricing-sections-calculator","t":"Calculator","d":"A pricing calculator with sliders and inputs that estimate cost from usage. Use it when pl","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Usage and sliders","hc":1},{"id":"shadcn-ui-blocks:marketing-pricing-sections-cards","t":"Cards","d":"A row of pricing cards listing plan names, prices, and features with a clear call to actio","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"shadcn-ui-blocks:marketing-pricing-sections-custom-builder","t":"Custom Builder","d":"A plan builder where buyers pick features and quantities to assemble a quote. Use it for m","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","hc":1},{"id":"shadcn-ui-blocks:marketing-pricing-sections-enterprise","t":"Enterprise","d":"A pricing layout pairing standard tiers with a contact sales panel for large accounts. Use","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","hc":1},{"id":"shadcn-ui-blocks:marketing-pricing-sections-feature-grid","t":"Feature Grid","d":"A pricing table mapping every feature to each plan across rows and columns. Use it when bu","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","hc":1},{"id":"shadcn-ui-blocks:marketing-pricing-sections-horizontal","t":"Horizontal","d":"A wide pricing row that lays plans side by side in a single band. Fits narrow page slots a","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","hc":1},{"id":"shadcn-ui-blocks:marketing-pricing-sections-interactive","t":"Interactive","d":"A pricing section that updates prices and highlights as buyers select options. Use it when","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","hc":1},{"id":"shadcn-ui-blocks:marketing-pricing-sections-minimalist","t":"Minimalist","d":"A pared back pricing layout with generous spacing, plain type, and one clear price. Use it","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-pricing-sections-modern","t":"Modern","d":"A contemporary pricing section with bold cards, soft shadows, and accent gradients. Use it","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"shadcn-ui-blocks:marketing-pricing-sections-seasonal","t":"Seasonal","d":"A pricing section with promotional banners and limited time discounts on each plan. Use it","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","hc":1},{"id":"shadcn-ui-blocks:marketing-pricing-sections-simple","t":"Simple","d":"A clean pricing section showing a few plans with price, features, and a button each. Use i","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["minimal"],"sb":"Single plan","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-pricing-sections-stacked","t":"Stacked","d":"A pricing layout that stacks plan cards vertically for narrow columns and phones. Use it o","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","hc":1},{"id":"shadcn-ui-blocks:marketing-pricing-sections-testimonial","t":"Testimonial","d":"A pricing section that pairs plan cards with customer quotes and logos. Use it to add soci","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","hc":1},{"id":"shadcn-ui-blocks:marketing-pricing-sections-toggle","t":"Toggle","d":"A pricing section with a monthly and yearly switch that updates every plan price. Use it t","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"With billing toggle","hc":1},{"id":"shadcn-ui-blocks:marketing-stats-achievement-bars","t":"Achievement Bars","d":"Horizontal bars that fill to show milestones reached against a target. Drop it on a result","s":"shadcn-ui-blocks","c":"data-display/gamification","hc":1},{"id":"shadcn-ui-blocks:marketing-stats-card-group","t":"Card Group","d":"A cluster of stat cards with a big number, label, and short caption in each. Use it to spo","s":"shadcn-ui-blocks","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-stats-circular-progress","t":"Circular Progress","d":"Ring shaped progress dials that animate to a percentage value. Good for dashboards or land","s":"shadcn-ui-blocks","c":"data-viz/progress-bar","hc":1},{"id":"shadcn-ui-blocks:marketing-stats-comparison-metrics","t":"Comparison Metrics","d":"Two columns of numbers placed side by side to contrast before and after results. Use it to","s":"shadcn-ui-blocks","c":"data-display/stat","hc":1},{"id":"shadcn-ui-blocks:marketing-stats-comparison-stats","t":"Comparison Stats","d":"Paired figures with labels that weigh your offering against a baseline. Great for sales pa","s":"shadcn-ui-blocks","c":"data-display/stat","hc":1},{"id":"shadcn-ui-blocks:marketing-stats-customer-testimonial","t":"Customer Testimonial","d":"A quote from a customer next to the numbers their team reached with you. Use it to pair so","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","hc":1},{"id":"shadcn-ui-blocks:marketing-stats-funnel-stats","t":"Funnel Stats","d":"A stepped funnel showing how many visitors move from view to signup to paid. Use it to exp","s":"shadcn-ui-blocks","c":"data-display/stat","tg":["playful"],"sy":["playful"],"hc":1},{"id":"shadcn-ui-blocks:marketing-stats-gradient-grid","t":"Gradient Grid","d":"A grid of stat tiles washed in soft gradients for a vivid, modern look. Use it to display ","s":"shadcn-ui-blocks","c":"data-display/stat","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"shadcn-ui-blocks:marketing-stats-growth-timeline","t":"Growth Timeline","d":"A vertical timeline pairing dates with the numbers you hit at each stage. Use it to chart ","s":"shadcn-ui-blocks","c":"data-display/timeline","hc":1},{"id":"shadcn-ui-blocks:marketing-stats-horizontal-with-dividers","t":"Horizontal With Dividers","d":"A single row of figures split by thin vertical dividers for a tidy summary. Use it under a","s":"shadcn-ui-blocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"shadcn-ui-blocks:marketing-stats-impact-numbers","t":"Impact Numbers","d":"Oversized counters that animate upward as the section scrolls into view. Use it to make re","s":"shadcn-ui-blocks","c":"data-display/stat","hc":1},{"id":"shadcn-ui-blocks:marketing-stats-interactive-hover","t":"Interactive Hover","d":"Stat cards that reveal extra detail or a chart when you hover over them. Use it when you w","s":"shadcn-ui-blocks","c":"data-display/stat","hc":1},{"id":"shadcn-ui-blocks:marketing-stats-metric-cards","t":"Metric Cards","d":"Bordered cards each holding one metric, a label, and a trend note. Use it to report KPIs i","s":"shadcn-ui-blocks","c":"data-display/stat","hc":1},{"id":"shadcn-ui-blocks:marketing-stats-one-main-with-three-follow-ups","t":"One Main With Three Follow Ups","d":"One large headline number anchored by three smaller supporting stats. Use it to lead with ","s":"shadcn-ui-blocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"shadcn-ui-blocks:marketing-stats-progress-bars","t":"Progress Bars","d":"Labeled bars that fill to a percentage to track adoption or completion. Use it on a status","s":"shadcn-ui-blocks","c":"data-viz/progress-bar","hc":1},{"id":"shadcn-ui-blocks:marketing-stats-simple-3-cols","t":"Simple 3 Cols","d":"Three evenly spaced columns each with a number and a short label below. Use it for a clean","s":"shadcn-ui-blocks","c":"data-display/stat","tg":["minimal","webgl"],"sy":["minimal","webgl"],"hc":1},{"id":"shadcn-ui-blocks:marketing-stats-sparkline-stats","t":"Sparkline Stats","d":"Stat cards that pair a current value with a tiny inline trend chart. Use it to show a numb","s":"shadcn-ui-blocks","c":"data-display/stat","hc":1},{"id":"shadcn-ui-blocks:marketing-stats-stats-with-icons","t":"Stats With Icons","d":"Each figure sits beside an icon that signals what the number measures. Use it to make a st","s":"shadcn-ui-blocks","c":"data-display/stat","hc":1},{"id":"shadcn-ui-blocks:marketing-stats-timeline-stats","t":"Timeline Stats","d":"Key numbers plotted along a horizontal timeline of moments and dates. Use it to tell a gro","s":"shadcn-ui-blocks","c":"data-display/stat","hc":1},{"id":"shadcn-ui-blocks:marketing-stats-trust-indicators","t":"Trust Indicators","d":"A band of proof points like uptime, customers, and ratings in one row. Use it near a signu","s":"shadcn-ui-blocks","c":"data-display/stat","hc":1},{"id":"shadcn-ui-blocks:marketing-subscribe-benefits-list","t":"Benefits List","d":"A subscribe form paired with a bulleted list of benefits and an email field. Tells visitor","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Lists","hc":1},{"id":"shadcn-ui-blocks:marketing-subscribe-incentive-center-aligned","t":"Incentive Center Aligned","d":"A centered signup block that offers a clear incentive above the email field. Use it to rew","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"shadcn-ui-blocks:marketing-subscribe-input-style","t":"Input Style","d":"A compact email input with an inline submit button on one row. Drop it into a footer or ba","s":"shadcn-ui-blocks","c":"inputs/form-field","hc":1},{"id":"shadcn-ui-blocks:marketing-subscribe-newsletter-preview","t":"Newsletter Preview","d":"A signup block showing a small preview of the newsletter content beside the email field. S","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"shadcn-ui-blocks:marketing-subscribe-simple-center-aligned","t":"Simple Center Aligned","d":"A clean centered newsletter signup with a heading, short text, and email field. The reliab","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["minimal"],"sb":"Newsletter and waitlist","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-subscribe-simple-right-aligned","t":"Simple Right Aligned","d":"A signup block with text on the left and the email field aligned right. Fits wide sections","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["minimal"],"sb":"Newsletter and waitlist","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-subscribe-social-proof-center","t":"Social Proof Center","d":"A centered subscribe form topped with subscriber counts or avatars as social proof. Use it","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","hc":1},{"id":"shadcn-ui-blocks:marketing-subscribe-split-layout","t":"Split Layout","d":"A two column subscribe block pairing an image or copy on one side with the email form on t","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"shadcn-ui-blocks:marketing-team-sections-alternating-sections","t":"Alternating Sections","d":"A team layout that alternates photos and bios from left to right down the page. Adds rhyth","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-team-sections-masonry-grid","t":"Masonry Grid","d":"A team showcase in a staggered masonry grid where photos vary in height. Fills the space n","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-team-sections-simple-cards","t":"Simple Cards","d":"A clean grid of team member cards, each with a photo, name, and role. The fast, tidy way t","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-team-sections-with-contact","t":"With Contact","d":"Team cards that pair each photo and role with an email or phone link. Lets visitors reach ","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-team-sections-with-filters","t":"With Filters","d":"A team directory with category filters that sort members by department or location. Helps ","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-team-sections-with-hover-cards","t":"With Hover Cards","d":"A team grid where each photo reveals a short bio and social links on hover. Keeps the layo","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-team-sections-with-large-images","t":"With Large Images","d":"Team profiles built around big, full bleed portraits with name and role. Puts faces front ","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-team-sections-with-skill-badges","t":"With Skill Badges","d":"Team cards that list each member with badges for their skills and tools. Great for agencie","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-team-sections-with-testimonials","t":"With Testimonials","d":"Team profiles paired with short quotes from each member or their clients. Adds a human voi","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-testimonials-base","t":"Base","d":"A clean testimonial section with a customer quote, name, role, and avatar. Drop it onto an","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-testimonials-big-image","t":"Big Image","d":"A testimonial paired with a large customer photo beside the quote. Use it when you want a ","s":"shadcn-ui-blocks","c":"media/gallery","hc":1},{"id":"shadcn-ui-blocks:marketing-testimonials-cards","t":"Cards","d":"A grid of testimonial cards, each holding a quote, avatar, name, and title. Show several h","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","hc":1},{"id":"shadcn-ui-blocks:marketing-testimonials-cards-with-stats","t":"Cards With Stats","d":"Testimonial cards joined by a row of headline metrics like users and revenue. Pair real qu","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","hc":1},{"id":"shadcn-ui-blocks:marketing-testimonials-customer-story-showcase","t":"Customer Story Showcase","d":"A featured customer story with a detailed quote, company logo, and result. Use it as socia","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","hc":1},{"id":"shadcn-ui-blocks:marketing-testimonials-mini-with-dividers-in-grid","t":"Mini With Dividers In Grid","d":"Compact testimonials arranged in a grid with thin dividers between them. Fit many short qu","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","hc":1},{"id":"shadcn-ui-blocks:marketing-testimonials-short-review-with-logo-and-stars","t":"Short Review With Logo And Stars","d":"A brief review with a star rating and a company logo for instant credibility. Place it nea","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"shadcn-ui-blocks:marketing-testimonials-simple-center-aligned-with-logo","t":"Simple Center Aligned With Logo","d":"A single centered quote topped with a company logo and the author below. Keep focus on one","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:marketing-testimonials-small-image","t":"Small Image","d":"A testimonial with a small rounded avatar set beside a concise quote and name. A friendly,","s":"shadcn-ui-blocks","c":"media/gallery","hc":1},{"id":"shadcn-ui-blocks:marketing-testimonials-with-stats","t":"With Stats","d":"A testimonial section blended with key metrics such as customers served and ratings. Combi","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","hc":1},{"id":"shadcn-ui-blocks:modern-saas-about-sections-company-intro-hero","t":"Company Intro Hero","d":"A centered about page opener: kicker pill, oversized headline, and a single plainspoken th","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["neon"],"sb":"SaaS and AI","sy":["neon"]},{"id":"shadcn-ui-blocks:modern-saas-about-sections-founding-story-split","t":"Founding Story Split","d":"A founding story split: mono tag and large heading on the left lane, two measured prose pa","s":"shadcn-ui-blocks","c":"data-display/badge"},{"id":"shadcn-ui-blocks:modern-saas-about-sections-hiring-banner-strip","t":"Hiring Banner Strip","d":"A hiring banner strip: an invitation line and a short teams list beside a primary depth pi","s":"shadcn-ui-blocks","c":"overlays/alert-banner","tg":["3d"],"sy":["3d"]},{"id":"shadcn-ui-blocks:modern-saas-about-sections-leadership-avatar-grid","t":"Leadership Avatar Grid","d":"A five up leadership grid of tile cards with large illustrated avatars, names, and roles u","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:modern-saas-about-sections-leadership-team","t":"Leadership Team","d":"A two part header with a credibility wordmark strip above a five up row of leadership port","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:modern-saas-about-sections-meet-the-team","t":"Meet the Team","d":"A swipeable carousel of team profile cards with names, roles, and portraits, each opening ","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:modern-saas-about-sections-numbered-value-cards","t":"Numbered Value Cards","d":"Three numbered value cards: mono index, bold principle, and a two line explanation on grad","s":"shadcn-ui-blocks","c":"data-display/card","tg":["gradient","webgl"],"sb":"Profile","sy":["gradient","webgl"]},{"id":"shadcn-ui-blocks:modern-saas-about-sections-our-purpose","t":"Our Purpose","d":"An editorial about section with no imagery: an uppercase eyebrow and large headline on the","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect"},{"id":"shadcn-ui-blocks:modern-saas-about-sections-story-timeline","t":"Story Timeline","d":"A vertical 'Our story' timeline of company milestones, alternating a photo with the year a","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:modern-saas-about-sections-team-stats-interlude","t":"Team Stats Interlude","d":"A quiet company facts interlude: two large proof stats split by a hairline, followed by a ","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:modern-saas-auth-pages-depth-login","t":"Depth Login","d":"A centered login screen with SSO pills, mono divider, email field, and primary depth pill ","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","tg":["3d","minimal","neon"],"sb":"Sign in","sy":["3d","minimal","neon"]},{"id":"shadcn-ui-blocks:modern-saas-auth-pages-depth-signup","t":"Depth Signup","d":"A split signup screen: form half with SSO pills and fields, proof half with a customer quo","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","tg":["3d","minimal"],"sb":"Sign up","sy":["3d","minimal"]},{"id":"shadcn-ui-blocks:modern-saas-auth-pages-split-login-illustrated","t":"Split Login Illustrated","d":"A split login screen in an inset tray: labeled fields, remember me, and a Google pill besi","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","tg":["minimal","webgl"],"sb":"Split with image","sy":["minimal","webgl"]},{"id":"shadcn-ui-blocks:modern-saas-auth-pages-split-signup-showcase","t":"Split Signup Showcase","d":"A split signup screen in an inset tray: bare brand mark, email and Google pills, and a leg","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","tg":["3d","minimal","webgl"],"sb":"Sign up","sy":["3d","minimal","webgl"]},{"id":"shadcn-ui-blocks:modern-saas-blog-sections-article-card-grid","t":"Article Card Grid","d":"A three up grid of blog post cards, each pairing a category badge and date with the post t","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcn-ui-blocks:modern-saas-blog-sections-article-prose-page","t":"Article Prose Page","d":"A full blog article page: breadcrumb, oversized headline, avatar byline, wide photograph, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:modern-saas-blog-sections-card-carousel","t":"Card Carousel","d":"A swipeable carousel of blog post cards, each pairing a cover image with a category, date,","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:modern-saas-blog-sections-category-post-list","t":"Category Post List","d":"A blog category page: breadcrumb, left aligned heading with mono post count, category filt","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:modern-saas-blog-sections-featured-post-grid","t":"Featured Post Grid","d":"A blog landing opener: a centered kicker and heading over a wide featured post split card ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:modern-saas-blog-sections-filterable-post-grid","t":"Filterable Post Grid","d":"A blog post grid with working category filter pills over two rows of text first post cards","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:modern-saas-careers-hiring-intro-benefits","t":"Hiring Intro Benefits","d":"A careers page opener: kicker, oversized heading, plainspoken pitch, and a three up grid o","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:modern-saas-careers-open-roles-list","t":"Open Roles List","d":"An open roles section: mono team labels over quiet role tiles with location and contract d","s":"shadcn-ui-blocks","c":"data-display/list","tg":["3d"],"sy":["3d"]},{"id":"shadcn-ui-blocks:modern-saas-careers-team-quote-stats","t":"Team Quote Stats","d":"A careers proof section: a centered teammate quote with an illustrated avatar attribution,","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:modern-saas-changelogs-horizontal-timeline","t":"Horizontal Timeline","d":"A Linear style changelog: a bold heading above a horizontal rail of recent releases, each ","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:modern-saas-changelogs-versioned-entry-list","t":"Versioned Entry List","d":"A changelog with mono dates and version pills in a left lane and typed change chips steppi","s":"shadcn-ui-blocks","c":"data-display/list","tg":["3d"],"sb":"Activity and feeds","sy":["3d"]},{"id":"shadcn-ui-blocks:modern-saas-changelogs-vertical-timeline","t":"Vertical Timeline","d":"A vertical changelog feed: a single rail of releases, each with a dot, date, title, summar","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:modern-saas-contact-sections-split-contact-form","t":"Split Contact Form","d":"A contact section splitting a form panel from a channel rail of direct line cards with mon","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["3d"],"sb":"Contact","sy":["3d"]},{"id":"shadcn-ui-blocks:modern-saas-ctas-centered-callout","t":"Centered Callout","d":"A simple, centered closing CTA on a soft bordered panel: a bold headline and short lede ov","s":"shadcn-ui-blocks","c":"overlays/alert-banner","tg":["3d","minimal"],"sy":["3d","minimal"]},{"id":"shadcn-ui-blocks:modern-saas-ctas-horizon-glow-cta","t":"Horizon Glow CTA","d":"A closing CTA over a soft radial glow rising from the bottom edge, with a depth pill butto","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["3d","neon"],"sy":["3d","neon"]},{"id":"shadcn-ui-blocks:modern-saas-ctas-inline-banner-strip","t":"Inline Banner Strip","d":"A slim banner strip: bold prompt and one line support on the left, a single ghost pill act","s":"shadcn-ui-blocks","c":"overlays/alert-banner","tg":["3d"],"sy":["3d"]},{"id":"shadcn-ui-blocks:modern-saas-ctas-newsletter-signup-strip","t":"Newsletter Signup Strip","d":"A newsletter strip: an invitation line and a frequency promise beside a primary depth pill","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","tg":["3d"],"sb":"Sign up","sy":["3d"]},{"id":"shadcn-ui-blocks:modern-saas-ctas-selfserve-faq-strip","t":"Selfserve FAQ Strip","d":"A self serve strip: a gentle redirect for contact page visitors whose answer already exist","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","tg":["3d"],"sy":["3d"]},{"id":"shadcn-ui-blocks:modern-saas-ctas-split-signup","t":"Split Signup","d":"A split CTA on a soft bordered panel: a headline and pill button beside a newsletter signu","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","tg":["3d"],"sb":"Sign up","sy":["3d"]},{"id":"shadcn-ui-blocks:modern-saas-docs-pages-sidebar-docs-shell","t":"Sidebar Docs Shell","d":"A complete docs page shell: sidebar with mini search and mono section labels, prose column","k":"layout","s":"shadcn-ui-blocks","c":"layout/page-shell","tg":["3d","retro and HUD"],"sy":["3d","retro and HUD"]},{"id":"shadcn-ui-blocks:modern-saas-error-pages-centered-astronaut","t":"Centered Astronaut","d":"A centered 404 screen: a framed astronaut adrift over a soft glow above a bold headline, a","k":"page","s":"shadcn-ui-blocks","c":"pages/templates","tg":["3d","neon"],"sb":"Error and status pages","sy":["3d","neon"]},{"id":"shadcn-ui-blocks:modern-saas-error-pages-split-with-links","t":"Split With Links","d":"A 404 page with a split header, a giant outlined number over a dotted grid, and a row of h","k":"page","s":"shadcn-ui-blocks","c":"pages/templates","sb":"Error and status pages"},{"id":"shadcn-ui-blocks:modern-saas-faqs-category-pill-accordions","t":"Category Pill Accordions","d":"A full FAQ section with a category pill row and mono labeled question groups as quiet acco","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Tags and pills"},{"id":"shadcn-ui-blocks:modern-saas-faqs-single-open-accordion","t":"Single Open Accordion","d":"A centered FAQ on the shadcn Accordion where the first item ships open and closed rows sta","s":"shadcn-ui-blocks","c":"data-display/accordion","sb":"FAQ"},{"id":"shadcn-ui-blocks:modern-saas-faqs-split-with-aside","t":"Split With Aside","d":"A two-column FAQ: a sticky heading and help link beside a flat, single-open accordion of a","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:modern-saas-faqs-tabbed-categories","t":"Tabbed Categories","d":"A categorized FAQ: a centered headline and pill CTA above category tabs, then the active c","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:modern-saas-feature-sections-app-workspace","t":"App Workspace","d":"An oversized display word over a stat-led feature rail beside a full automation workspace ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["3d"],"sy":["3d"]},{"id":"shadcn-ui-blocks:modern-saas-feature-sections-assistant-snippet-grid","t":"Assistant Snippet Grid","d":"A two by two grid of assistant feature cards, each led by a miniature UI snippet inside an","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcn-ui-blocks:modern-saas-feature-sections-benefits-isometric","t":"Benefits Isometric","d":"Three benefit columns, each with a centered isometric SVG illustration, a FIG tag, label, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"shadcn-ui-blocks:modern-saas-feature-sections-bento-grid","t":"Bento Grid","d":"An asymmetric bento feature grid with a custom SVG illustration in every cell: analytics, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["minimal"],"sb":"Bento","sy":["minimal"]},{"id":"shadcn-ui-blocks:modern-saas-feature-sections-capability-columns","t":"Capability Columns","d":"A split lead over three capability columns, each framing a schematic SVG figure with corne","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:modern-saas-feature-sections-capability-diagram-cards","t":"Capability Diagram Cards","d":"Three depth cards each led by an illustrative SVG diagram: node constellation, decision do","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["3d","webgl"],"sb":"Grid of cards","sy":["3d","webgl"]},{"id":"shadcn-ui-blocks:modern-saas-feature-sections-capsule-card-trio","t":"Capsule Card Trio","d":"A heading row with a text link over three tall cards in a muted inset tray, each closing o","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["minimal","webgl"],"sb":"Grid of cards","sy":["minimal","webgl"]},{"id":"shadcn-ui-blocks:modern-saas-feature-sections-icon-card-grid-with-cta","t":"Icon Card Grid with CTA","d":"A heading row and a right aligned lede over a grid of five icon feature cards, closed by a","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcn-ui-blocks:modern-saas-feature-sections-illustrated-cards","t":"Illustrated Cards","d":"A gradient lead headline over two equal isometric cards: a backlog sorted into stacked lan","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["3d","gradient"],"sb":"Grid of cards","sy":["3d","gradient"]},{"id":"shadcn-ui-blocks:modern-saas-feature-sections-metric-interlude","t":"Metric Interlude","d":"A quiet pacing section: two large proof stats split by a hairline, followed by a single tr","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:modern-saas-feature-sections-product-showcase","t":"Product Showcase","d":"A split header over an app window mockup: a triage inbox where incoming feedback is auto-r","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["3d"],"sb":"Showcase and split","sy":["3d"]},{"id":"shadcn-ui-blocks:modern-saas-feature-sections-split-checklist-panel","t":"Split Checklist Panel","d":"A split highlight: heading, lede, and checklist beside a roadmap panel of initiative rows ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcn-ui-blocks:modern-saas-feature-sections-three-columns-app-mockup","t":"Three Columns with App Mockup","d":"A section heading over three icon columns, then a contract review app mockup with charts, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:modern-saas-footers-brand-watermark","t":"Brand Watermark","d":"A full width footer with a brand line, social buttons, and link columns, over a giant outl","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:modern-saas-footers-image-cta-footer","t":"Image CTA Footer","d":"A full bleed skyline band carrying a heading, lede and pill, then a footer with link colum","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:modern-saas-footers-simple","t":"Simple","d":"A simple footer: a brand mark and tagline beside columns of navigation links, over a botto","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:modern-saas-footers-status-columns-footer","t":"Status Columns Footer","d":"A multi column footer with brand tagline, live status pill, four link columns, and a hairl","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:modern-saas-help-centers-popular-articles-support","t":"Popular Articles Support Strip","d":"A help center closer: a most read header with browse all link, two columns of article rows","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["3d"],"sb":"Blog and posts","sy":["3d"]},{"id":"shadcn-ui-blocks:modern-saas-help-centers-search-hero-topic-grid","t":"Search Hero Topic Grid","d":"A help center opener: kicker, oversized heading, wide search field with shortcut hint and ","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcn-ui-blocks:modern-saas-hero-sections-asset-carousel","t":"Asset Carousel","d":"A left aligned hero for an image library with a two line headline, a lede and two pills ov","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["3d"],"sb":"SaaS and AI","sy":["3d"]},{"id":"shadcn-ui-blocks:modern-saas-hero-sections-centered-with-backdrop","t":"Centered With Backdrop","d":"A minimal centered hero, headline, lede, and two CTAs, set over a full bleed backdrop with","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["minimal"],"sb":"Centered and minimal","sy":["minimal"]},{"id":"shadcn-ui-blocks:modern-saas-hero-sections-centered-with-product-image","t":"Centered With Product Image","d":"A centered hero with a bold headline, lede, and dual CTAs above a sleek app window mockup,","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["minimal"],"sb":"With product shot","sy":["minimal"]},{"id":"shadcn-ui-blocks:modern-saas-hero-sections-inbox-showcase","t":"Inbox Showcase","d":"A left aligned hero with a two line headline, a lede sharing its row with two pills, and a","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"SaaS and AI"},{"id":"shadcn-ui-blocks:modern-saas-hero-sections-line-ribbon","t":"Line Ribbon","d":"A hero drawn around a twisting line ribbon with mono callouts and a brand node, a headline","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["3d","minimal"],"sb":"Centered and minimal","sy":["3d","minimal"]},{"id":"shadcn-ui-blocks:modern-saas-hero-sections-planet-centerpiece","t":"Planet Centerpiece","d":"A full-fold hero spread pairing a headline and CTAs with a token-built planet centerpiece ","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcn-ui-blocks:modern-saas-integrations-connect-your-stack","t":"Connect Your Stack","d":"A copy rail beside a constellation graph that fans connector lines from a central product ","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos","tg":["3d"],"sy":["3d"]},{"id":"shadcn-ui-blocks:modern-saas-integrations-connector-directory","t":"Connector Directory","d":"An integrations directory: centered heading over a responsive grid of connector cards pair","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:modern-saas-integrations-icon-tile-spotlight","t":"Icon Tile Spotlight","d":"Two rows of gradient icon tiles above a centered heading, one line promise, and a ghost pi","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos","tg":["gradient","minimal"],"sy":["gradient","minimal"]},{"id":"shadcn-ui-blocks:modern-saas-logo-clouds-dual-marquee","t":"Dual Marquee","d":"A logo cloud with two rows of customer logos scrolling in opposite directions. A seamless,","k":"motion","s":"shadcn-ui-blocks","c":"motion/marquee"},{"id":"shadcn-ui-blocks:modern-saas-logo-clouds-inline-wordmark-strip","t":"Inline Wordmark Strip","d":"A quiet single row logo strip: a muted caption over one evenly justified line of glyph and","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:modern-saas-logo-clouds-simple-grid","t":"Simple Grid","d":"A simple, static logo cloud: an eyebrow line above a centered, wrapping row of customer lo","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:modern-saas-navbars-centered-oval","t":"Centered Oval","d":"A sticky, pill shaped glass navbar with a logo, optically centered links, and dual CTAs. A","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["3d","glass","minimal"],"sy":["3d","glass","minimal"]},{"id":"shadcn-ui-blocks:modern-saas-navbars-standard-sticky","t":"Standard Sticky","d":"A full width sticky header with a bottom border, logo, inline links, and CTAs. Links colla","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["3d","minimal"],"sb":"On scroll","sy":["3d","minimal"]},{"id":"shadcn-ui-blocks:modern-saas-prebuilt-pages-company-page","t":"Company Page","d":"A complete Modern SaaS company page that opens with the navbar and runs from purpose throu","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:modern-saas-prebuilt-pages-depth-saas-landing","t":"Depth SaaS Landing","d":"A complete depth style SaaS landing page composed from thirteen depth blocks, from pill na","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["3d","minimal","neon"],"sb":"With product shot","sy":["3d","minimal","neon"]},{"id":"shadcn-ui-blocks:modern-saas-prebuilt-pages-pricing-page","t":"Pricing Page","d":"A full Modern SaaS pricing page that leads with the plans, then backs them with logo proof","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["minimal"],"sb":"Single plan","sy":["minimal"]},{"id":"shadcn-ui-blocks:modern-saas-prebuilt-pages-product-landing","t":"Product Landing","d":"A complete Modern SaaS landing page that runs from hero through features, proof, and plans","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:modern-saas-prebuilt-pages-startup-landing","t":"Startup Landing","d":"A calmer, story led Modern SaaS landing page with a full bleed hero, principle first benef","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","tg":["minimal"],"sb":"Sign up","sy":["minimal"]},{"id":"shadcn-ui-blocks:modern-saas-pricing-sections-depth-tier-cards","t":"Depth Tier Cards","d":"Three depth style pricing tiers with a billing toggle; the featured plan carries a brighte","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["3d","webgl"],"sb":"Plan cards","sy":["3d","webgl"]},{"id":"shadcn-ui-blocks:modern-saas-pricing-sections-membership","t":"Membership","d":"A single membership plan: a price card with an annual note and refund line beside a checke","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["3d","playful"],"sy":["3d","playful"]},{"id":"shadcn-ui-blocks:modern-saas-pricing-sections-plan-comparison-table","t":"Plan Comparison Table","d":"A plan comparison table with price column headers, mono feature groups, and checks aligned","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcn-ui-blocks:modern-saas-pricing-sections-three-tier","t":"Three Tier","d":"A three tier pricing section with a featured plan, per card annual billing toggles, icon f","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["3d","webgl"],"sb":"Plan cards","sy":["3d","webgl"]},{"id":"shadcn-ui-blocks:modern-saas-pricing-sections-two-plans","t":"Two Plans","d":"Two large plan cards side by side, a light free tier and an inverted paid tier, each with ","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["3d"],"sb":"Plan cards","sy":["3d"]},{"id":"shadcn-ui-blocks:modern-saas-process-flow-numbered-steps","t":"Numbered Steps","d":"A horizontal row of numbered steps, each pinning a label to the top and dropping a two lin","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:modern-saas-testimonials-logo-tabs-spotlight","t":"Logo Tabs Spotlight","d":"Customer logo tabs joined to a spotlight panel, each pairing a portrait with a pull quote,","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","tg":["webgl"],"sb":"Dev tools","sy":["webgl"]},{"id":"shadcn-ui-blocks:modern-saas-testimonials-pull-quote-proof-stats","t":"Pull Quote with Proof Stats","d":"A large centered pull quote with attribution mark and a pair of proof stats split by a hai","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:modern-saas-testimonials-quote-card-grid","t":"Quote Card Grid","d":"A two column grid of testimonial cards, each pairing a customer quote with an avatar, name","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:modern-saas-testimonials-spotlight-with-stats","t":"Spotlight With Stats","d":"A customer logo bar, one oversized pull quote with its attribution, and three metric cards","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:modern-saas-testimonials-staggered-quote-masonry","t":"Staggered Quote Masonry","d":"A three column testimonial masonry of naturally staggered quote cards, each closed by an i","s":"shadcn-ui-blocks","c":"media/gallery","tg":["webgl"],"sb":"Masonry","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-about-long-form","t":"About Long Form","d":"A reading-width essay about with three prose paragraphs covering career origin, what shape","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Portfolio","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-about-split","t":"About Split","d":"An about split with a portrait, a point of view bio, and three grounding facts including a","s":"shadcn-ui-blocks","c":"data-display/profile","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-about-with-image-row","t":"About With Image Row","d":"An about section with a two-column bio and ruled facts grid above a row of three labelled ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-about-with-stats","t":"About With Stats","d":"A two-column about pairing a short bio and a facts list with a four-card stat strip coveri","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-approach-about","t":"Approach About","d":"An about section that presents three to four named working principles in a numbered ruled ","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-elsewhere-about","t":"Elsewhere About","d":"Heading and intro above a ruled list of talks, podcasts, essays, and teaching, each with a","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-expectations-about","t":"Expectations About","d":"Heading and intro above two bordered lists side by side, what a client can expect from you","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect"},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-faq-about","t":"FAQ About","d":"An about told as five ruled intro call questions with honest answers, beside a heading and","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-full-width-statement","t":"Full Width Statement","d":"A centered bordered panel containing a single large belief sentence at heading scale and o","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Metric"},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-influences-about","t":"Influences About","d":"Heading and intro above a two column ruled grid of four cards, each pairing a type badge w","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-journey-about","t":"Journey About","d":"A ruled vertical list of three dated milestones tracing the career path from first role to","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Portfolio","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-letter-about","t":"Letter About","d":"A card-framed signed note with three personal paragraphs and a ruled sign-off naming the d","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-manifesto-about","t":"Manifesto About","d":"A numbered list of craft beliefs each paired with a clarifying sentence, for a practitione","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-now-page-about","t":"Now Page About","d":"A dated snapshot of current projects, learning, and availability with a side column showin","s":"shadcn-ui-blocks","c":"data-viz/map"},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-off-hours-about","t":"Off Hours About","d":"A four-card grid of pursuits away from the desk, each with an honest note, closed by a lin","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-photo-collage-about","t":"Photo Collage About","d":"A two-column about with a mixed aspect ratio three-image collage beside a short bio and fa","s":"shadcn-ui-blocks","c":"media/gallery","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-press-bio-about","t":"Press Bio About","d":"Heading, intro, and a portrait with usage notes beside three labelled cards holding ready ","s":"shadcn-ui-blocks","c":"data-display/profile","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-principles-about","t":"Principles About","d":"Three principle cards each split into the belief and its honest cost, naming the tradeoff ","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-quote-and-bio","t":"Quote And Bio","d":"An about section that leads with a personal philosophy quote at heading size, then follows","s":"shadcn-ui-blocks","c":"data-display/profile"},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-split-with-list","t":"Split With List","d":"A two-column about split with a portrait Placeholder beside a bio heading, a paragraph, an","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-stats-and-bio","t":"Stats And Bio","d":"A two-column section pairing a career bio paragraph with a 2x2 grid of four concrete caree","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-studio-about","t":"Studio About","d":"A two-column studio about with a founding narrative, three named avatar team cards showing","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-then-and-now-about","t":"Then And Now About","d":"A ruled comparison list of four topics, each pairing an early career belief with the repla","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-three-things-about","t":"Three Things About","d":"A scannable about section with three bordered cards covering what the person does, how the","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-timeline-about","t":"Timeline About","d":"A career told as a vertical ruled timeline with a year and a concrete sentence per chapter","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-tools-and-setup-about","t":"Tools And Setup About","d":"A grouped card grid listing the hardware and software this person uses day to day with a s","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-typical-week-about","t":"Typical Week About","d":"A two-column about showing the shape of a working week as five ruled day rows beside a hea","k":"resource","s":"shadcn-ui-blocks","c":"assets/shape","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-values-list","t":"Values List","d":"A four-row ruled list of numbered working principles each with a short imperative title an","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-about-sections-what-i-do-about","t":"What I Do About","d":"Three discipline cards each naming a practice area and describing the approach taken, defi","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-availability-sections-availability-faq","t":"Availability FAQ","d":"A two-column block answering common booking questions in an accordion beside a short intro","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:portfolio-pro-availability-sections-availability-statement","t":"Availability Statement","d":"A centered availability statement with a large headline naming the open window, a supporti","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sb":"Loading and states","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-availability-sections-booking-calendar","t":"Booking Calendar","d":"A six month availability strip of month cells marked booked, open, or closed, each with a ","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:portfolio-pro-availability-sections-booking-status","t":"Booking Status","d":"A two-column availability block stating the current booked-through month, the next opening","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:portfolio-pro-availability-sections-capacity-breakdown","t":"Capacity Breakdown","d":"A two-column block with a stacked weekly capacity bar and legend beside commitment rows na","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:portfolio-pro-availability-sections-capacity-note","t":"Capacity Note","d":"A two-column block with a candid workload statement and a last-updated timestamp on the le","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-availability-sections-engagement-matrix","t":"Engagement Matrix","d":"An availability table, one row per engagement type showing scope, length, next start, and ","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:portfolio-pro-availability-sections-hire-me-card","t":"Hire Me Card","d":"A two-column block listing engagement types as ruled rows beside availability, location, a","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:portfolio-pro-availability-sections-next-opening-card","t":"Next Opening Card","d":"A two-column split showing the next available start date with slot details and a three-ste","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-availability-sections-open-for-work-banner","t":"Open For Work Banner","d":"A slim top-of-page band with a green status dot, an availability statement naming the open","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"SaaS and AI"},{"id":"shadcn-ui-blocks:portfolio-pro-availability-sections-project-slots","t":"Project Slots","d":"A two-column availability block showing 3 named project slots with open or taken status, e","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:portfolio-pro-availability-sections-quarter-outlook","t":"Quarter Outlook","d":"A row of four quarter panels, each with a segmented slot meter, status line, and focus not","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:portfolio-pro-availability-sections-retainer-days","t":"Retainer Days","d":"A two-column block with a weekday strip marking committed and open days beside retainer de","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-availability-sections-status-band","t":"Status Band","d":"A slim card stating current booking status, next opening month, and response time with a d","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:portfolio-pro-availability-sections-timezone-overlap","t":"Timezone Overlap","d":"A two column block pairing an async policy intro and schedule rows with a timezone overlap","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:portfolio-pro-availability-sections-waitlist-card","t":"Waitlist Card","d":"A two-column block explaining the first-refusal waitlist mechanic in three numbered steps,","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["webgl"],"sb":"Newsletter and waitlist","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-awards-recognition-as-featured-in","t":"As Featured In","d":"A centred press strip with eight publication wordmarks and a dated context line per entry ","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:portfolio-pro-awards-recognition-awards-and-press","t":"Awards And Press","d":"A two-column recognition block listing formal awards with body and category on the left an","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:portfolio-pro-awards-recognition-awards-by-project","t":"Awards By Project","d":"Heading and intro above ruled rows grouped by project, each pairing a name and summary wit","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-awards-recognition-awards-by-year","t":"Awards By Year","d":"An awards ledger grouped by year with each year as a large left numeral beside that year's","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-awards-recognition-awards-list","t":"Awards List","d":"A ruled list of award wins naming the award, the project it recognised, the awarding body,","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-awards-recognition-certifications-row","t":"Certifications Row","d":"A row of compact credential cards each naming the certification, the issuing organisation,","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-awards-recognition-feature-quotes","t":"Feature Quotes","d":"A three-card grid of short press pull quotes each attributed to a named publication with i","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-awards-recognition-interviews-list","t":"Interviews List","d":"Heading and intro above ruled rows of media appearances, each with a format badge, the sho","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-awards-recognition-judging-roles","t":"Judging Roles","d":"A ruled table of invited jury seats with columns for the awarding body, the role held, the","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:portfolio-pro-awards-recognition-nominations-and-wins","t":"Nominations And Wins","d":"A ruled list of award submissions where an outcome badge marks each entry as won, shortlis","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:portfolio-pro-awards-recognition-press-features","t":"Press Features","d":"A ruled list of press coverage naming the publication, the article headline, the date, and","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:portfolio-pro-awards-recognition-press-logo-row","t":"Press Logo Row","d":"A heading and lede above a single ruled grid of six publication wordmarks where the practi","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:portfolio-pro-awards-recognition-press-quote-spotlight","t":"Press Quote Spotlight","d":"Two column layout pairing a large pull quote from a publication with its attribution on th","k":"motion","s":"shadcn-ui-blocks","c":"motion/background","sb":"Beams and light"},{"id":"shadcn-ui-blocks:portfolio-pro-awards-recognition-recognition-band","t":"Recognition Band","d":"A slim border-y strip listing award wins and press features with their source and year in ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:portfolio-pro-awards-recognition-recognition-grid","t":"Recognition Grid","d":"A four-card grid mixing awards, press features, and honours each tagged by kind with its s","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcn-ui-blocks:portfolio-pro-awards-recognition-recognition-stats","t":"Recognition Stats","d":"A four-column stat band summarising awards won, press features, jury invitations, and year","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:portfolio-pro-awards-recognition-repeat-wins","t":"Repeat Wins","d":"Heading over three cards, each an awarding body led by a large win count numeral above a r","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-awards-recognition-single-award-feature","t":"Single Award Feature","d":"A two-column block spotlighting one award with a ruled context list on the left and a larg","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:portfolio-pro-awards-recognition-speaking-list","t":"Speaking List","d":"A ruled list of conference talks naming the event, the talk title, the year, and an option","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-awards-recognition-timeline-awards","t":"Timeline Awards","d":"A vertical connected timeline listing awards most recent first, each tied to a specific pr","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:portfolio-pro-blog-sections-archive-by-year","t":"Archive By Year","d":"A chronological archive grouping posts under large year labels with post counts, each year","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:portfolio-pro-blog-sections-article-body","t":"Article Body","d":"A reading-width prose column with h2 sections, body paragraphs, a pull-quote, and an inlin","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:portfolio-pro-blog-sections-article-series","t":"Article Series","d":"Two article series cards with status badges, descriptions, numbered part rows showing read","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:portfolio-pro-blog-sections-article-toc","t":"Article Table of Contents","d":"A long form article layout pairing a sticky numbered table of contents and publish meta wi","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:portfolio-pro-blog-sections-author-bio-card","t":"Author Bio Card","d":"A compact end-of-article card with an avatar, name, role line, a two-sentence bio, and a s","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Cards"},{"id":"shadcn-ui-blocks:portfolio-pro-blog-sections-blog-categories","t":"Blog Categories","d":"A six-card topic index with post counts and a one-line description per category so readers","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:portfolio-pro-blog-sections-blog-post-grid","t":"Blog Post Grid","d":"A six-post writing index in a three-column card grid, each card showing a Placeholder cove","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-blog-sections-blog-post-header","t":"Blog Post Header","d":"An article page opener with a category label, h1-scale post title, author avatar and meta,","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:portfolio-pro-blog-sections-blog-sidebar-layout","t":"Blog Sidebar Layout","d":"A post list with thumbnail and meta on the left and a sidebar of about bio, category count","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Banners"},{"id":"shadcn-ui-blocks:portfolio-pro-blog-sections-featured-and-list","t":"Featured And List","d":"A writing landing with one promoted post shown at full width with a cover image and excerp","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:portfolio-pro-blog-sections-featured-post","t":"Featured Post","d":"A writing section with one large featured post carrying a cover, excerpt, and meta beside ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-blog-sections-link-roundup","t":"Link Roundup","d":"A curated reading digest grouping shared links under month headings, each row carrying the","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:portfolio-pro-blog-sections-magazine-blog-grid","t":"Magazine Blog Grid","d":"An editorial two-column layout with one large featured post and a divided stack of three s","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-blog-sections-most-read-list","t":"Most Read List","d":"A split section with archive stats rows and a browse link beside a ranked list of five pos","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:portfolio-pro-blog-sections-newsletter-issues","t":"Newsletter Issues","d":"A newsletter archive with a subscribe panel on the left showing cadence stats and an email","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:portfolio-pro-blog-sections-post-list-rows","t":"Post List Rows","d":"A minimal image-free writing archive as ruled rows showing publish date, post title with i","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-blog-sections-published-elsewhere","t":"Published Elsewhere","d":"A guest writing section grouping essays by publication, each pairing an SVG mark and wordm","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcn-ui-blocks:portfolio-pro-blog-sections-read-next-posts","t":"Read Next Posts","d":"An end of article footer with previous and next post cards carrying excerpts and meta, abo","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:portfolio-pro-blog-sections-recent-writing","t":"Recent Writing","d":"A homepage writing teaser showing three recent posts as compact rows with category, title,","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-blog-sections-tag-filter-blog","t":"Tag Filter Blog","d":"A writing index with tag chips (All, Design, Career, Process) that filter six post rows vi","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:portfolio-pro-blog-sections-three-card-row","t":"Three Card Row","d":"Three equal blog post cards each with a Placeholder cover, title, date, and reading time i","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-blog-sections-writing-with-topics","t":"Writing With Topics","d":"A three-column writing index that groups posts under topic headings, each column holding a","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-annotated-screen-case","t":"Annotated Screen Case","d":"A single product screen as a Placeholder with numbered markers keyed to a side list naming","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-before-after-case","t":"Before After Case","d":"A redesign case study with two Placeholder images side by side, each followed by a paragra","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-case-study-cover","t":"Case Study Cover","d":"A case study opening with a full-width Placeholder hero and a bordered panel showing the p","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-case-study-hero","t":"Case Study Hero","d":"A fold-filling project page opener with the project name large, a one-line outcome summary","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-case-study-index","t":"Case Study Index","d":"A ruled list of four navigable case study rows each carrying a thumbnail, a one-line probl","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-case-study-pager","t":"Case Study Pager","d":"An end of case study pager with previous and next project cells carrying thumbnails, summa","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-case-study-split","t":"Case Study Split","d":"A case study split telling problem, what I did, and the constraint, with a sticky result s","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-challenge-solution","t":"Challenge Solution","d":"A case study section with a wide Placeholder image above a two-column ruled layout naming ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-constraints-case","t":"Constraints Case","d":"Four fixed project constraints in a ruled list, each typed and explained by the mark it le","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-decision-log-case","t":"Decision Log Case","d":"A ruled log of four project decisions, each row pairing the chosen path with the rejected ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-deliverables-case","t":"Deliverables Case","d":"A six-cell grid counting everything shipped to the client, each cell naming the count, for","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-full-bleed-case","t":"Full Bleed Case","d":"A case study section with a full-width container image and an attached ruled panel carryin","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-gallery-case-study","t":"Gallery Case Study","d":"A vertically sequenced case study of three numbered Placeholder images with captions that ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Portfolio","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-goals-vs-outcomes","t":"Goals vs Outcomes","d":"Four ruled rows pairing each kickoff target with its measured outcome and a status pill, c","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-impact-summary","t":"Impact Summary","d":"A case study closing section with a four-cell tabular figure strip and a reflection paragr","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-intro-and-gallery","t":"Intro and Gallery","d":"A case study section with a short project intro paragraph followed by a captioned gallery ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-iteration-rounds-case","t":"Iteration Rounds Case","d":"Three columns tracking one screen across three usability rounds, each with a version frame","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Portfolio","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-long-form-case","t":"Long Form Case","d":"A full written case study with an intro, five titled prose sections including a constraint","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-metrics-grid-case","t":"Metrics Grid Case","d":"A 2x2 grid of outcome figures each with a context line and measurement window, plus a cand","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-outcome-first-case","t":"Outcome First Case","d":"A case study that leads with the result at display size before a ruled divider reveals the","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-process-walkthrough","t":"Process Walkthrough","d":"A numbered sequence of project steps each with a large step number, title, duration, parag","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-quote-led-case","t":"Quote Led Case","d":"A case study that opens with a client testimonial in a ruled blockquote before the work na","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-research-insights-case","t":"Research Insights Case","d":"A four-cell method stat strip above three numbered research insights, each pairing a findi","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Portfolio","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-results-band","t":"Results Band","d":"A ruled metric strip of four figures with one context line each and an honest attribution ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-role-breakdown","t":"Role Breakdown","d":"Two ruled lists side by side naming what the author owned versus what named teammates cont","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-sticky-summary-case","t":"Sticky Summary Case","d":"A case study layout with project facts and result figures fixed in a sticky left column wh","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-testimonial-in-case","t":"Testimonial In Case","d":"A single attributed client quote in a ruled panel placed between the work body and results","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-two-column-writeup","t":"Two Column Writeup","d":"A dense case study section with the project narrative split across two prose columns and a","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-case-study-sections-visual-process","t":"Visual Process","d":"A vertical sequence of numbered process phases each pairing a Placeholder artefact frame w","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-clients-and-logos-animated-logo-row","t":"Animated Logo Row","d":"Eight client wordmarks as muted semibold text at varied type sizes arranged in a single wr","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:portfolio-pro-clients-and-logos-client-grid-detailed","t":"Client Grid Detailed","d":"Six client cards each showing the wordmark, sector, the actual deliverable delivered, and ","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:portfolio-pro-clients-and-logos-client-list","t":"Client List","d":"A ruled-row roster of ten clients each showing the company name, the kind of work delivere","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:portfolio-pro-clients-and-logos-client-results-row","t":"Client Results Row","d":"Three columns each attributing a large tabular-nums result figure and a one-line context s","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-clients-and-logos-client-spotlight","t":"Client Spotlight","d":"A split layout pairing one anchor client panel with scope, fact rows, and an outcome again","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:portfolio-pro-clients-and-logos-client-timeline","t":"Client Timeline","d":"A heading and lede above ruled year bands, each pairing a large year label and note with t","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:portfolio-pro-clients-and-logos-clients-by-service","t":"Clients By Service","d":"Three bordered discipline columns each with a service description, a stacked list of clien","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-clients-and-logos-confidential-clients","t":"Confidential Clients","d":"A split layout pairing an NDA explanation and shareable detail rows with a grid of dashed ","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:portfolio-pro-clients-and-logos-engagement-lengths","t":"Engagement Lengths","d":"A ruled panel of clients ordered by how long each engagement ran, every row pairing compan","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:portfolio-pro-clients-and-logos-global-clients","t":"Global Clients","d":"Three stacked region bands each pairing a region label and client count with a wrapped set","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-clients-and-logos-industries-served","t":"Industries Served","d":"A six-tile sector grid showing project counts and example client types per industry to dem","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:portfolio-pro-clients-and-logos-logo-grid-with-quote","t":"Logo Grid With Quote","d":"Eight client wordmarks in a bordered grid on one side and one attributed client testimonia","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:portfolio-pro-clients-and-logos-logo-wall","t":"Logo Wall","d":"A grid of ten client wordmarks styled as muted text in varying sizes, with a heading and l","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:portfolio-pro-clients-and-logos-logos-and-testimonial","t":"Logos And Testimonial","d":"A ruled wordmark row of seven clients above one attributed pull quote that names a specifi","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:portfolio-pro-clients-and-logos-logos-with-count","t":"Logos With Count","d":"A centred headline figure above a twelve-cell client wordmark grid that proves practice sc","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:portfolio-pro-clients-and-logos-notable-clients","t":"Notable Clients","d":"Four client cards each naming the company, a paragraph on the scope of work, and a concret","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:portfolio-pro-clients-and-logos-referral-chain","t":"Referral Chain","d":"A split layout pairing a large referral share figure and fact rows with a ruled list namin","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:portfolio-pro-clients-and-logos-repeat-clients","t":"Repeat Clients","d":"Ruled rows of five returning clients each pairing the company and a one line history with ","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:portfolio-pro-clients-and-logos-trusted-by-row","t":"Trusted By Row","d":"A compact single-line strip of five client wordmarks with a small uppercase label, placed ","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","sb":"Dev tools"},{"id":"shadcn-ui-blocks:portfolio-pro-clients-and-logos-two-row-logos","t":"Two Row Logos","d":"A centered heading with a client count above two even ruled rows of five client wordmarks ","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:portfolio-pro-coaching-mentoring-between-sessions","t":"Between Sessions","d":"Four channel rows with response expectations beside a sample fortnight timeline and a sing","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:portfolio-pro-coaching-mentoring-book-session","t":"Book Session","d":"A two-column booking block showing what a single session covers, the duration and price, a","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:portfolio-pro-coaching-mentoring-coaching-faq","t":"Coaching FAQ","d":"A two column FAQ answering common coaching questions in an accordion beside quick facts co","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:portfolio-pro-coaching-mentoring-coaching-hero","t":"Coaching Hero","d":"A full-fold hero naming the coach, their one-line premise, the next availability date, pri","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-coaching-mentoring-coaching-offerings","t":"Coaching Offerings","d":"Three coaching engagement types as cards with included items and a from price so visitors ","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-coaching-mentoring-coaching-packages","t":"Coaching Packages","d":"Three named coaching packages with session counts, durations, prices, and included items, ","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-coaching-mentoring-coaching-principles","t":"Coaching Principles","d":"Five numbered coaching ground rules in a divided list beside an intro, a short origin note","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-coaching-mentoring-engagement-timeline","t":"Engagement Timeline","d":"A five phase vertical timeline tracing a coaching engagement from free intake call to the ","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:portfolio-pro-coaching-mentoring-focus-areas","t":"Focus Areas","d":"Six topic cards mapping the territory a coaching practice covers, each pairing a short des","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:portfolio-pro-coaching-mentoring-group-cohort","t":"Group Cohort","d":"A six week group program pairing a curriculum list with a cohort card showing start date, ","s":"shadcn-ui-blocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcn-ui-blocks:portfolio-pro-coaching-mentoring-meet-the-coach","t":"Meet The Coach","d":"Split bio pairing a framed portrait and quick-fact rows with a first person career account","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-coaching-mentoring-mentee-outcomes","t":"Mentee Outcomes","d":"A summary stat row and three outcome cards pairing then and now role panels with mentee qu","s":"shadcn-ui-blocks","c":"data-display/avatar","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-coaching-mentoring-mentorship-card","t":"Mentorship Card","d":"A free or low-cost mentorship offer naming who it is for, the monthly cadence, the pay-wha","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:portfolio-pro-coaching-mentoring-office-hours","t":"Office Hours","d":"Open weekly slots with a spots-remaining count, a good-for list, a not-the-right-fit list,","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:portfolio-pro-coaching-mentoring-session-anatomy","t":"Session Anatomy","d":"Minute by minute breakdown of a sixty minute coaching session as a four segment list besid","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:portfolio-pro-coaching-mentoring-session-formats","t":"Session Formats","d":"Four format cards for video, async review, voice notes, and in person days, with best-when","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:portfolio-pro-collaborations-brands-worked-with","t":"Brands Worked With","d":"A wordmark grid of twelve named client brands with sector labels, a total client count, an","s":"shadcn-ui-blocks","c":"inputs/form-field"},{"id":"shadcn-ui-blocks:portfolio-pro-collaborations-collab-availability","t":"Collab Availability","d":"A split layout pairing an explanation of how slots are booked with a ruled ledger of four ","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:portfolio-pro-collaborations-collab-cta","t":"Collab Cta","d":"A two-column band listing four genuine collaboration types in a ruled list with explicit e","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:portfolio-pro-collaborations-collab-disciplines","t":"Collab Disciplines","d":"A heading, intro, and count line above a grid of six discipline cells, each with a working","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect"},{"id":"shadcn-ui-blocks:portfolio-pro-collaborations-collab-faq","t":"Collab Faq","d":"A two-column FAQ answering five questions studios ask before a joint project, beside a hea","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-collaborations-collab-formats","t":"Collab Formats","d":"Three engagement format cards, each with a summary, a ruled facts list of length, team sha","k":"resource","s":"shadcn-ui-blocks","c":"assets/shape","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-collaborations-collab-gallery","t":"Collab Gallery","d":"A heading and intro above three joint project cards, each with a Placeholder image, the pr","s":"shadcn-ui-blocks","c":"media/gallery","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-collaborations-collab-grid","t":"Collab Grid","d":"A four-card grid of joint projects each naming the partner, their discipline and location,","s":"shadcn-ui-blocks","c":"data-viz/map"},{"id":"shadcn-ui-blocks:portfolio-pro-collaborations-collab-logos","t":"Collab Logos","d":"A four-column wordmark grid of collaborated companies each showing the brand name and the ","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:portfolio-pro-collaborations-collab-process","t":"Collab Process","d":"Four numbered stage cards from first call to shipped work, each with a timing line, over a","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-collaborations-collab-split","t":"Collab Split","d":"A heading and intro above two ruled columns setting out what the studio carries and what t","k":"layout","s":"shadcn-ui-blocks","c":"flows/settings","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-collaborations-collab-timeline","t":"Collab Timeline","d":"A year-by-year ruled ledger of five joint projects, each entry naming the partner, the sha","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:portfolio-pro-collaborations-featured-collab","t":"Featured Collab","d":"A split block spotlighting one joint project with a Placeholder image, a two-paragraph sto","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-collaborations-partner-quotes","t":"Partner Quotes","d":"Two large quote cards from past collaborators with avatar attribution and a footer row nam","s":"shadcn-ui-blocks","c":"data-display/avatar"},{"id":"shadcn-ui-blocks:portfolio-pro-collaborations-partners-row","t":"Partners Row","d":"A divided wordmark grid of eight collaborators each showing the name and a one-word discip","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:portfolio-pro-collaborations-repeat-partners","t":"Repeat Partners","d":"A ruled ledger of four returning collaborators, each row pairing discipline and a working ","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:portfolio-pro-comparison-sections-ai-vs-hiring-me","t":"AI vs Hiring Me","d":"Five design tasks stacked as cards, each pairing what AI tools honestly deliver against wh","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:portfolio-pro-comparison-sections-am-i-the-right-fit","t":"Am I the Right Fit","d":"Two honest panels of fit signals, a good fit checklist beside reasons to look elsewhere, e","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:portfolio-pro-comparison-sections-before-and-after","t":"Before And After","d":"Five paired before and after panels joined by arrows, each labelled by the dimension that ","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:portfolio-pro-comparison-sections-by-the-numbers","t":"By the Numbers","d":"Five project metrics as paired horizontal bars comparing a typical engagement with mine, e","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:portfolio-pro-comparison-sections-comparison-table","t":"Comparison Table","d":"Nine criteria rows comparing this person against a typical alternative using check and min","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:portfolio-pro-comparison-sections-expectations-vs-reality","t":"Expectations Vs Reality","d":"Five assumptions about hiring a solo designer paired row by row with what actually happens","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:portfolio-pro-comparison-sections-freelance-vs-agency","t":"Freelance Vs Agency","d":"A three-column table comparing freelance and agency across seven criteria including cost, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-comparison-sections-freelance-vs-inhouse","t":"Freelance Vs Inhouse","d":"A three-column table of five signals arguing honestly for hiring a freelancer or building ","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-comparison-sections-process-comparison","t":"Process Comparison","d":"Two engagement timelines side by side, a typical studio process against mine, with five nu","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-comparison-sections-project-vs-retainer","t":"Project vs Retainer","d":"Two engagement models compared down a central spine of six criteria, closed by paired pick","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:portfolio-pro-comparison-sections-shortlist-questions","t":"Shortlist Questions","d":"Four questions to ask every designer you are comparing, each card pairing the question and","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:portfolio-pro-comparison-sections-should-you-hire-me","t":"Should You Hire Me","d":"A four step decision path where each numbered question branches into yes and no outcomes, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:portfolio-pro-comparison-sections-specialists-vs-generalist","t":"Specialists vs Generalist","d":"A roster of four priced specialists beside my single generalist panel, where a three dot c","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["3d","webgl"],"sy":["3d","webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-comparison-sections-template-vs-custom","t":"Template Vs Custom","d":"Two decision panels weighing a bought template against custom work, each with cost and tim","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:portfolio-pro-comparison-sections-what-makes-me-different","t":"What Makes Me Different","d":"Three distinctive approach points each paired with an explicit tradeoff so the block reads","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-comparison-sections-what-you-actually-pay","t":"What You Actually Pay","d":"Two itemised cost ledgers pricing the same project through an agency and through me, with ","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcn-ui-blocks:portfolio-pro-comparison-sections-why-work-with-me","t":"Why Work With Me","d":"Four honest reasons as cards, each pairing a direct claim with the substance that makes it","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison"},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-availability-and-form","t":"Availability And Form","d":"An availability strip showing current status and four project criteria sits above a name p","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-booking-window-strip","t":"Booking Window Strip","d":"A six month availability strip of status dot cells, plus a footer pairing an earliest star","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-brief-upload-form","t":"Brief Upload Form","d":"A two column brief intake with submission facts on the left and a form pairing contact fie","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-calendar-embed-blueprint","t":"Calendar Embed Blueprint","d":"A static booking widget blueprint showing a month grid with available and selected dates, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-centered-contact","t":"Centered Contact","d":"A centred narrow column with a heading, a framing sentence, and a name plus email plus mes","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-contact-by-inquiry-type","t":"Contact By Inquiry Type","d":"A three card contact router splitting inquiries by intent, each card pairing an icon, a de","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-contact-card-grid","t":"Contact Card Grid","d":"Six reach channels laid out as linked cards in a three-column grid, each naming the platfo","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["minimal","webgl"],"sb":"Contact","sy":["minimal","webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-contact-details-panel","t":"Contact Details Panel","d":"A text-only ruled list of email, location, availability, and response time rows with socia","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-contact-faq-combo","t":"Contact Faq Combo","d":"A contact form beside three pre-emptive FAQ answers covering rates, timeline, and availabi","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-contact-form","t":"Contact Form","d":"A centred name, email, and message form with a send button and an explicit two-business-da","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-contact-split","t":"Contact Split","d":"A two-column contact section with a warm intro, ruled detail rows, and social links on the","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-contact-with-availability","t":"Contact With Availability","d":"A contact section that opens with a status dot, availability label, and a four-row capacit","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-contact-with-map-blueprint","t":"Contact With Map Blueprint","d":"A studio contact panel beside a bg-muted inline SVG map surface with a centred MapPin mark","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-contact-with-testimonial","t":"Contact With Testimonial","d":"A name plus email plus message form beside a bordered client testimonial panel with a quot","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-copy-email-contact","t":"Copy Email Contact","d":"A centered formless contact block with one email in a bordered field, a copy button, a mai","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-email-and-socials","t":"Email And Socials","d":"A centred minimal contact block with the email address rendered large as a mailto link and","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-email-brief-checklist","t":"Email Brief Checklist","d":"A large mailto link and a no forms pitch beside a checklist card covering the five details","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-full-contact-page","t":"Full Contact Page","d":"A two-column contact section with a warm intro, ruled details list, availability block nam","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-inquiry-form","t":"Inquiry Form","d":"A qualified project inquiry form with name, email, project-type and budget-range selects, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-office-hours-booking","t":"Office Hours Booking","d":"Three recurring office hour slots as ruled rows naming session, audience, schedule, and le","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-process-and-form","t":"Process And Form","d":"A numbered three step outline of the reply, intro call, and written proposal sits beside a","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-simple-contact-row","t":"Simple Contact Row","d":"A single bordered row with a mailto email link on the left and three social icon and text ","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-social-contact-grid","t":"Social Contact Grid","d":"A grid of six destination cards covering email, LinkedIn, GitHub, X, Instagram, and a cale","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-contact-sections-two-column-contact","t":"Two Column Contact","d":"A contact form on the left balanced against a ruled detail list of email, location, timezo","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-availability-band","t":"Availability Band","d":"A ruled availability list naming real months and booking statuses with a get-in-touch acti","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-availability-cta-band","t":"Availability CTA Band","d":"A bordered card that states the next opening month as a heading and pairs it with a single","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-book-a-call-band","t":"Book A Call Band","d":"A call-booking band with a two-row agenda covering what the call addresses and what it ski","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-client-logos-cta","t":"Client Logos CTA","d":"A bordered closer with a centered heading, one line pitch, and primary action above a rule","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-download-resume-cta","t":"Download Resume Cta","d":"A resume prompt with a lede, a ruled meta strip covering last-updated date and page count,","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"App download"},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-email-capture-cta","t":"Email Capture CTA","d":"A centered heading with an inline email input and submit button that collects addresses fo","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-engagement-paths-cta","t":"Engagement Paths CTA","d":"A heading above three bordered engagement cards, each naming a way to work together with a","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-faq-cta","t":"FAQ CTA","d":"A two column closer with a heading, lede, and primary action beside a ruled list of four c","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-featured-work-cta","t":"Featured Work CTA","d":"A bordered closer with a heading, lede, and two actions beside a featured project card sho","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-full-bleed-cta","t":"Full Bleed Cta","d":"A bold section-filling heading with a concrete availability line and a single primary butt","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["gradient"],"sy":["gradient"]},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-get-in-touch-cta","t":"Get In Touch Cta","d":"A contact band with a pill-shaped email chip and three social icon links that lets visitor","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-hire-me-band","t":"Hire Me Band","d":"A bordered conversion band with a confident heading, a one-line capacity note, and a singl","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-lets-talk-split","t":"Lets Talk Split","d":"A two-column contact split with a warm heading on the left and a bordered card carrying re","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-newsletter-cta","t":"Newsletter Cta","d":"A centred subscribe band with a heading naming the cadence, an honest pitch describing the","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-next-steps-cta","t":"Next Steps CTA","d":"A centered closer with three numbered steps covering the first message, a short intro call","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-project-inquiry-cta","t":"Project Inquiry Cta","d":"A ruled brief prompt listing four things to include in a first message, timeline, budget r","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-simple-contact-cta","t":"Simple Contact Cta","d":"A minimal closer with a single centered heading and one large email link at heading scale,","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-split-availability-cta","t":"Split Availability Cta","d":"A two-column CTA with booking criteria and an availability dot on the left and what to sen","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-start-project-band","t":"Start Project Band","d":"A single bordered card with a confident heading, a one-line on how to begin, and a primary","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-starting-rate-cta","t":"Starting Rate CTA","d":"A bordered closer with a heading, lede, and primary action beside a rate card stating the ","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-stats-cta-band","t":"Stats CTA Band","d":"A centered band with a heading, a primary button, and a ruled three cell stat strip provin","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-testimonial-cta","t":"Testimonial CTA","d":"A two column closer pairing a heading and dual actions with a bordered client quote card c","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:portfolio-pro-cta-sections-two-action-cta","t":"Two Action Cta","d":"A centered band with a heading and two equal-weight buttons offering distinct paths for vi","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:portfolio-pro-design-portfolio-annotated-screen","t":"Annotated Screen","d":"A single captioned product screen beside five numbered decision notes, each naming a scree","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent"},{"id":"shadcn-ui-blocks:portfolio-pro-design-portfolio-before-after-design","t":"Before After Design","d":"A redesign proof with side-by-side Placeholder visuals and a ruled change table naming the","s":"shadcn-ui-blocks","c":"media/image-compare","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-design-portfolio-brand-showcase","t":"Brand Showcase","d":"A brand identity case showing logo mark, theme-token colour swatches, typography panel, an","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-design-portfolio-case-study-design","t":"Case Study Design","d":"A design case study with a sticky screen stack and result strip on the left and a four-sec","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-design-portfolio-concept-grid","t":"Concept Grid","d":"A process-transparency grid of six unexplored or unshipped design directions, each with a ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcn-ui-blocks:portfolio-pro-design-portfolio-design-directions","t":"Design Directions","d":"Three visual directions for one project as tiles with trait rows for type, color, and feel","s":"shadcn-ui-blocks","c":"data-display/badge","tg":["webgl"],"sb":"Labels","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-design-portfolio-design-principles","t":"Design Principles","d":"A ruled three-column grid of six numbered working principles, each pairing a short titled ","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-design-portfolio-design-process","t":"Design Process","d":"A five-step design process block with numbered rows each carrying a title, duration, Place","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-design-portfolio-design-system-display","t":"Design System Display","d":"A systems-work section showing a shared design system as colour token swatches, a six-step","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-design-portfolio-featured-project","t":"Featured Project","d":"A flagship project split with a full-height Placeholder screen beside a summary, five rule","s":"shadcn-ui-blocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-design-portfolio-iteration-timeline","t":"Iteration Timeline","d":"One product screen across four dated design rounds in a ruled grid, each pairing a snapsho","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:portfolio-pro-design-portfolio-logo-grid","t":"Logo Grid","d":"An eight-mark logo portfolio grid with centred monogram overlays on Placeholder tiles, eac","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:portfolio-pro-design-portfolio-project-index","t":"Project Index","d":"A ruled archive table of every project by year with client sector and deliverable columns ","s":"shadcn-ui-blocks","c":"actions/link"},{"id":"shadcn-ui-blocks:portfolio-pro-design-portfolio-research-decisions","t":"Research Decisions","d":"Three ruled rows pairing a real research quote with the exact design change it drove and t","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-design-portfolio-responsive-pairs","t":"Responsive Pairs","d":"Three projects each shown as a paired desktop and mobile frame with a note explaining the ","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-design-portfolio-screens-carousel-blueprint","t":"Screens Carousel Blueprint","d":"A static carousel blueprint of five app screens with prev and next affordances, dot indica","s":"shadcn-ui-blocks","c":"media/carousel"},{"id":"shadcn-ui-blocks:portfolio-pro-design-portfolio-ui-wall","t":"UI Wall","d":"A six-screen product interface grid with state-level captions showing the full range of a ","s":"shadcn-ui-blocks","c":"inputs/slider"},{"id":"shadcn-ui-blocks:portfolio-pro-design-portfolio-visual-grid","t":"Visual Grid","d":"A dense nine-item square grid of design shots with minimal captions for explorations and p","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["minimal"],"sb":"Grid of cards","sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-design-portfolio-work-showcase","t":"Work Showcase","d":"A four-project design grid where each card names the client type, the role, the year, and ","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:portfolio-pro-developer-portfolio-adr-log","t":"ADR Log","d":"A single column architecture decision log of ruled rows, each pairing a record id and date","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent"},{"id":"shadcn-ui-blocks:portfolio-pro-developer-portfolio-api-project-card","t":"Api Project Card","d":"A two-column backend project card pairing a project description and stack chips with a sta","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:portfolio-pro-developer-portfolio-career-timeline","t":"Career Timeline","d":"Reverse chronological engineering roles as ruled rows pairing period and tenure with role,","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:portfolio-pro-developer-portfolio-code-snippet","t":"Code Snippet","d":"A production function displayed in a mono bg-muted editor panel with a filename tab, gutte","s":"shadcn-ui-blocks","c":"data-display/code-block","tg":["playful"],"sy":["playful"]},{"id":"shadcn-ui-blocks:portfolio-pro-developer-portfolio-contributions-grid","t":"Contributions Grid","d":"An activity heatmap showing 1654 contributions across 52 weeks using theme-token opacity s","s":"shadcn-ui-blocks","c":"data-viz/chart","sb":"Heatmap"},{"id":"shadcn-ui-blocks:portfolio-pro-developer-portfolio-engineering-principles","t":"Engineering Principles","d":"Six numbered engineering principles in an editorial three column grid, each pairing a mono","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-developer-portfolio-github-stats","t":"Github Stats","d":"A four-figure contribution stat strip above a 52-week CSS-grid heatmap built with theme-to","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:portfolio-pro-developer-portfolio-incident-postmortem","t":"Incident Postmortem","d":"A two column incident retro pairing the story, root cause, and follow up changes with a st","s":"shadcn-ui-blocks","c":"data-display/timeline","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"shadcn-ui-blocks:portfolio-pro-developer-portfolio-now-building","t":"Now Building","d":"A stacked list of 3 projects currently in development, each with a status badge, technical","s":"shadcn-ui-blocks","c":"data-viz/progress-bar"},{"id":"shadcn-ui-blocks:portfolio-pro-developer-portfolio-open-source-list","t":"Open Source List","d":"A ruled-row list of open-source contributions each naming the project, a specific descript","s":"shadcn-ui-blocks","c":"ai-agent/ai-agent","sb":"Sources"},{"id":"shadcn-ui-blocks:portfolio-pro-developer-portfolio-performance-wins","t":"Performance Wins","d":"A single column list of optimization stories as ruled rows, each pairing the narrative and","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:portfolio-pro-developer-portfolio-project-list","t":"Project List","d":"A ruled-row developer projects index with stack chips, a one-line summary, and separate re","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-developer-portfolio-project-repos","t":"Project Repos","d":"A four-card grid of public repositories each showing the project name, a one-line descript","s":"shadcn-ui-blocks","c":"actions/link"},{"id":"shadcn-ui-blocks:portfolio-pro-developer-portfolio-published-packages","t":"Published Packages","d":"A ruled list of maintained npm packages, each row with the name, version, license, weekly ","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-developer-portfolio-pull-request-showcase","t":"Pull Request Showcase","d":"A two column pull request case study pairing the change narrative, review notes, and merge","s":"shadcn-ui-blocks","c":"data-display/diff"},{"id":"shadcn-ui-blocks:portfolio-pro-developer-portfolio-skills-and-projects","t":"Skills and Projects","d":"A two-column block with the technology stack organised into labelled chip categories on th","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:portfolio-pro-developer-portfolio-system-design-case","t":"System Design Case","d":"A case study split pairing the problem, numbered architecture decisions, and outcome metri","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:portfolio-pro-developer-portfolio-tech-stack-detail","t":"Tech Stack Detail","d":"A four-column grid of technologies grouped under Languages, Frameworks, Infrastructure, an","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-developer-portfolio-terminal-intro","t":"Terminal Intro","d":"A full-viewport hero split with an h1 and lede on the left and a static mono terminal pane","s":"shadcn-ui-blocks","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"shadcn-ui-blocks:portfolio-pro-experience-sections-career-chapters","t":"Career Chapters","d":"The full history grouped into three named eras as columns, each with a year range, a first","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Careers","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-experience-sections-career-timeline","t":"Career Timeline","d":"A vertical connected timeline of key roles and turning points with year markers and short ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcn-ui-blocks:portfolio-pro-experience-sections-client-engagements","t":"Client Engagements","d":"Freelance work listed as a ruled index, each row pairing client and sector with a one line","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:portfolio-pro-experience-sections-compact-history","t":"Compact History","d":"A ruled list of roles showing company, title, and year range in tabular-nums, fitting five","s":"shadcn-ui-blocks","c":"data-display/timeline","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-experience-sections-current-position","t":"Current Position","d":"A two-column card stating the present role with company, title, focus rows, and a plain no","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-experience-sections-experience-accordion","t":"Experience Accordion","d":"An accordion work history where each ruled row shows company, title, and years, expanding ","s":"shadcn-ui-blocks","c":"data-display/accordion"},{"id":"shadcn-ui-blocks:portfolio-pro-experience-sections-experience-detail","t":"Experience Detail","d":"A single role expanded with company, tenure, scope, a not in scope list, and key project c","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-experience-sections-experience-tabs","t":"Experience Tabs","d":"A vertical rail of companies switches a detail panel showing the role title, a first perso","s":"shadcn-ui-blocks","c":"navigation/tabs"},{"id":"shadcn-ui-blocks:portfolio-pro-experience-sections-experience-with-logos","t":"Experience With Logos","d":"A ruled history list where each role leads with an inline SVG company wordmark alongside t","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:portfolio-pro-experience-sections-growth-matrix","t":"Growth Matrix","d":"Areas of responsibility as rows and career levels as columns, with filled, faded, and empt","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-experience-sections-highlights-band","t":"Highlights Band","d":"A four-cell bordered grid strip presenting standout career moments each with a bold label ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-experience-sections-positions-list","t":"Positions List","d":"A compact ruled index of every role with company, title, employment type, and year range a","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-experience-sections-promotion-path","t":"Promotion Path","d":"A connected stepper telling six years at one company as four titles, each carrying the yea","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:portfolio-pro-experience-sections-role-highlights","t":"Role Highlights","d":"Cards for the two or three most consequential roles, each with a context sentence and bull","s":"shadcn-ui-blocks","c":"data-display/gamification","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-experience-sections-role-references","t":"Role References","d":"A three card work history pairing each role with a short quote from the manager or founder","s":"shadcn-ui-blocks","c":"data-display/avatar","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-experience-sections-tenure-spans","t":"Tenure Spans","d":"A tenure chart drawing every role as a horizontal bar across a shared year axis, with a le","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:portfolio-pro-experience-sections-work-history","t":"Work History","d":"A ruled list of every role with company, title, date range, and a one-sentence summary cov","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:portfolio-pro-faq-sections-anchored-faq","t":"Anchored FAQ","d":"A FAQ with a sticky anchor rail listing three topic sections beside always open ruled answ","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-faq-sections-availability-faq","t":"Availability Faq","d":"An availability FAQ that states the real next opening month in the lede and answers five q","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:portfolio-pro-faq-sections-centered-faq","t":"Centered Faq","d":"A centered heading and lede above a narrow max-w-2xl accordion of six working-together que","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:portfolio-pro-faq-sections-faq-accordion","t":"Faq Accordion","d":"A six-question general FAQ accordion covering how to start, revisions, time zones, file ow","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:portfolio-pro-faq-sections-faq-three-column","t":"Faq Three Column","d":"Nine questions and answers laid out in three equal columns as plain text blocks for at-a-g","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-faq-sections-faq-with-contact","t":"Faq With Contact","d":"A five-question accordion beside a sticky contact nudge card so visitors whose question is","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:portfolio-pro-faq-sections-grouped-faq","t":"Grouped Faq","d":"A FAQ block that organizes questions into three topic groups (Process, Pricing, Working to","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-faq-sections-inline-faq-list","t":"Inline Faq List","d":"A FAQ block that shows all questions and answers as always-open ruled rows in a two-column","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:portfolio-pro-faq-sections-myth-faq","t":"Myth FAQ","d":"A left aligned heading over a ruled stack of five two column rows, each pairing a quoted a","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:portfolio-pro-faq-sections-numbered-faq","t":"Numbered FAQ","d":"An editorial FAQ of six always open questions in a single narrow column, each led by a lar","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:portfolio-pro-faq-sections-numbers-faq","t":"Numbers FAQ","d":"A left aligned heading above a three column grid of six rule topped cards, each pairing a ","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-faq-sections-objections-faq","t":"Objections FAQ","d":"A centered heading over a chat styled thread of four exchanges, each a right aligned objec","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:portfolio-pro-faq-sections-pricing-faq","t":"Pricing Faq","d":"A five-question pricing FAQ stating project cost ranges, payment installments, delay respo","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["playful"],"sy":["playful"]},{"id":"shadcn-ui-blocks:portfolio-pro-faq-sections-process-faq","t":"Process Faq","d":"A five-question process FAQ covering revision rounds, how to give feedback, handoff delive","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-faq-sections-tabbed-faq","t":"Tabbed FAQ","d":"A tabbed FAQ that splits questions into Projects, Pricing, and Logistics tabs, each reveal","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:portfolio-pro-faq-sections-timeline-faq","t":"Timeline FAQ","d":"A vertical numbered timeline of three project stages, each node carrying a stage title and","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-faq-sections-two-column-faq","t":"Two Column Faq","d":"A two-column FAQ with a heading and quick-facts strip on the left and a five-question acco","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:portfolio-pro-faq-sections-working-faq","t":"Working Faq","d":"A five-question collaboration FAQ answering how often you will talk, what the client needs","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:portfolio-pro-faq-sections-yes-no-faq","t":"Yes No FAQ","d":"A rapid FAQ of nine questions in a three column card grid, each led by a Yes, No, or Depen","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-footers-awards-footer","t":"Awards Footer","d":"A full width recognition ledger of ruled rows pairing each award with its body, project, a","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-footers-big-cta-footer","t":"Big Cta Footer","d":"A conversion footer with a status line, a heading, a qualifier sentence, and a large email","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:portfolio-pro-footers-big-name-footer","t":"Big Name Footer","d":"A footer centred on the name and a tagline set at heading scale, with a ruled divider sepa","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:portfolio-pro-footers-centered-footer","t":"Centered Footer","d":"A fully centered footer with the name mark, a row of nav links, a row of social icon links","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-footers-colophon-footer","t":"Colophon Footer","d":"A colophon footer pairing a name and site note with a ruled definition list of typefaces, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:portfolio-pro-footers-columns-and-social-footer","t":"Columns And Social Footer","d":"A three-column footer with a brand bio, a navigation column, and a contact column, topped ","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-footers-contact-footer","t":"Contact Footer","d":"A contact footer with a large email address as the centrepiece, social icon links, a compa","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-footers-elsewhere-footer","t":"Elsewhere Footer","d":"A grid of four bordered profile tiles, each with a platform icon, handle, and posting note","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-footers-footer-with-availability","t":"Footer With Availability","d":"A two-column footer pairing the name, positioning line, and email on the left with a toggl","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-footers-footer-with-cta-band","t":"Footer With CTA Band","d":"A footer that opens with a bordered card holding a lets-work heading and action button, th","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-footers-footer-with-nav","t":"Footer With Nav","d":"A footer with four labelled link columns covering Work, About, Contact, and Social, the st","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:portfolio-pro-footers-footer-with-newsletter","t":"Footer With Newsletter","d":"A footer pairing contact details and social icons with an inline newsletter subscribe form","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-footers-footer-with-now","t":"Footer With Now","d":"A now panel of three ruled cells reporting what the owner builds, where they are based, an","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-footers-latest-writing-footer","t":"Latest Writing Footer","d":"A footer pairing a brand column with a ruled list of recent essays, each titled and dated,","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-footers-minimal-link-footer","t":"Minimal Link Footer","d":"A single centered row of text nav links above a copyright line, the smallest possible foot","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-footers-minimal-signoff-footer","t":"Minimal Signoff Footer","d":"A single ruled line carrying the name and copyright year on one side and a made-with locat","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-footers-quote-footer","t":"Quote Footer","d":"A large centered client quote with an avatar attribution, closed by a ruled bar carrying n","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-footers-recent-work-footer","t":"Recent Work Footer","d":"A footer opening with three latest project thumbnails, closed by a ruled bar carrying the ","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-footers-sitemap-footer","t":"Sitemap Footer","d":"A complete portfolio footer with the name set at heading scale and five link columns cover","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:portfolio-pro-footers-social-row-footer","t":"Social Row Footer","d":"A centred footer showing the name at heading scale, a one-line tagline, a row of social ic","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-footers-stats-footer","t":"Stats Footer","d":"A ruled band of four practice numbers, each a large numeral with a label and detail line, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:portfolio-pro-footers-three-column-footer","t":"Three Column Footer","d":"A three-column footer with a brand and tagline column, a navigation links column, and a co","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-gallery-sections-album-grid","t":"Album Grid","d":"A collections index of six named photography series, each card showing a cover image, albu","s":"shadcn-ui-blocks","c":"media/gallery","sb":"Grids"},{"id":"shadcn-ui-blocks:portfolio-pro-gallery-sections-alternating-gallery","t":"Alternating Gallery","d":"An alternating editorial gallery of full width rows that swap the image left and right bes","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:portfolio-pro-gallery-sections-before-after-gallery","t":"Before After Gallery","d":"Three retouching pairs showing a before and after image side by side with a technical note","s":"shadcn-ui-blocks","c":"media/gallery","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-gallery-sections-captioned-gallery","t":"Captioned Gallery","d":"Four photographs each paired with a full documentary caption naming where, when, and the s","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:portfolio-pro-gallery-sections-columns-gallery","t":"Columns Gallery","d":"A four-column uniform grid of twelve captioned Placeholder tiles showing project name and ","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:portfolio-pro-gallery-sections-contact-sheet","t":"Contact Sheet","d":"A ring framed sheet panel with a roll header above a dense grid of numbered mono frames, t","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcn-ui-blocks:portfolio-pro-gallery-sections-filmstrip-gallery","t":"Filmstrip Gallery","d":"A horizontally scrolling row of wide film frames with mono frame codes and captions beneat","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:portfolio-pro-gallery-sections-frame-study","t":"Frame Study","d":"A single frame study pairing one large photograph with its title, story, and a bordered li","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:portfolio-pro-gallery-sections-full-bleed-gallery","t":"Full Bleed Gallery","d":"Four large edge-to-edge images stacked vertically with a sentence caption and location plu","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:portfolio-pro-gallery-sections-full-width-rows","t":"Full Width Rows","d":"Large images stacked at full container width with a title, a context-naming caption, and a","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-gallery-sections-grid-with-filters","t":"Grid With Filters","d":"A client-rendered gallery with category chips that filter image tiles via useState and a l","s":"shadcn-ui-blocks","c":"media/gallery","sb":"Grids"},{"id":"shadcn-ui-blocks:portfolio-pro-gallery-sections-index-preview-gallery","t":"Index Preview Gallery","d":"A numbered list of works with medium and year on the left beside a large preview of the hi","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:portfolio-pro-gallery-sections-lightbox-blueprint","t":"Lightbox Blueprint","d":"A static open-state lightbox layout showing a centered large image with prev/next controls","s":"shadcn-ui-blocks","c":"overlays/lightbox"},{"id":"shadcn-ui-blocks:portfolio-pro-gallery-sections-mosaic-gallery","t":"Mosaic Gallery","d":"A mosaic gallery with one large anchor frame spanning two columns and two rows beside eigh","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:portfolio-pro-gallery-sections-photo-grid","t":"Photo Grid","d":"A three-column grid of nine square photography frames with hover captions showing location","s":"shadcn-ui-blocks","c":"media/gallery","tg":["webgl"],"sb":"Grids","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-gallery-sections-photo-masonry","t":"Photo Masonry","d":"A CSS-columns masonry gallery of twelve Placeholder images in mixed aspect ratios that for","s":"shadcn-ui-blocks","c":"media/gallery","sb":"Masonry"},{"id":"shadcn-ui-blocks:portfolio-pro-gallery-sections-spotlight-gallery","t":"Spotlight Gallery","d":"A large main image with a captioned location and date above a five-thumbnail strip with th","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:portfolio-pro-gallery-sections-thumbnail-strip","t":"Thumbnail Strip","d":"A compact responsive grid of square Placeholder thumbnails labelled with a series name and","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:portfolio-pro-gallery-sections-triptych-gallery","t":"Triptych Gallery","d":"A triptych gallery where each work is a row of three tall panels under a title and edition","s":"shadcn-ui-blocks","c":"media/gallery","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-gallery-sections-two-up-gallery","t":"Two Up Gallery","d":"An editorial two-column image layout pairing photographs by series with title and medium c","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:portfolio-pro-gallery-sections-year-archive-gallery","t":"Year Archive Gallery","d":"Work grouped into bordered rows by year, each pairing a large year heading, frame count, a","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-availability-hero","t":"Availability Hero","d":"A freelancer hero that centres a card showing the next open project slot, the slot count, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"SaaS and AI"},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-awards-hero","t":"Awards Hero","d":"Split hero with a first person intro and actions beside a two by two grid of award cells, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-big-type-hero","t":"Big Type Hero","d":"A fold-filling hero that renders the name at oversized typographic scale with a discipline","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-career-timeline-hero","t":"Career Timeline Hero","d":"A split hero with name, lede, actions, and availability note beside a bordered timeline pa","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-centered-statement-hero","t":"Centered Statement Hero","d":"A symmetric portfolio opener with everything centered around a single strong positioning s","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-client-quote-hero","t":"Client Quote Hero","d":"A hero with name, role lede, and two actions above a full width client quote strip carryin","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-cta-focused-hero","t":"Cta Focused Hero","d":"A conversion-first hero with a single confident headline, a start-a-project button, and a ","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-featured-case-hero","t":"Featured Case Hero","d":"A split hero with name, positioning lede, detail strip, and actions beside a single featur","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-hero-with-marquee","t":"Hero With Marquee","d":"A fold-filling hero with a declarative h1, lede, two actions, a static row of service chip","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-inquiry-form-hero","t":"Inquiry Form Hero","d":"Split hero with a first person invitation and expectations strip on the left beside a labe","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-intro-paragraph-hero","t":"Intro Paragraph Hero","d":"A hero that opens with a first-person paragraph above the name and headline, followed by a","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-intro-with-socials","t":"Intro With Socials","d":"A personal portfolio hero with a name, role lede, two actions, and a branded social icon r","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["minimal"],"sb":"Centered and minimal","sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-left-aligned-hero","t":"Left Aligned Hero","d":"A left-anchored editorial hero with name and role in the h1, a studio lede, two actions, a","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-minimal-name-hero","t":"Minimal Name Hero","d":"A fully reduced centered hero with the name in the h1, a role line below it, and a small s","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["minimal"],"sb":"Centered and minimal","sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-name-and-role-hero","t":"Name And Role Hero","d":"A name and role hero with a positioning line, a three fact strip, and an honest availabili","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-photo-grid-hero","t":"Photo Grid Hero","d":"A hero built around a 2x2 photo tile grid with the photographer name and credential facts ","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-portrait-right-hero","t":"Portrait Right Hero","d":"A split hero with a name, lede, actions, and three grounding facts on the left beside a ta","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sb":"SaaS and AI","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-process-steps-hero","t":"Process Steps Hero","d":"A hero with a first person intro, lede, and two actions above a numbered three step strip ","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-project-index-hero","t":"Project Index Hero","d":"Editorial index hero with a name and positioning intro above a ruled, text only list of se","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-quote-hero","t":"Quote Hero","d":"A hero that opens with a craft philosophy sentence as the heading and the practitioner nam","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-role-and-clients-hero","t":"Role And Clients Hero","d":"A portfolio hero that pairs a name and role statement with an inline row of past client wo","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-scrolling-roles-hero","t":"Scrolling Roles Hero","d":"A hero that stacks every discipline this person works in as a static role list with one ro","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-service-menu-hero","t":"Service Menu Hero","d":"Split hero pairing a first person intro and availability facts with a bordered service men","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-split-portrait-hero","t":"Split Portrait Hero","d":"A two-column hero with a name, positioning lede, and ruled availability strip on the left ","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Split"},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-statement-hero","t":"Statement Hero","d":"A stripped-back hero with one confident h1 sentence, a single lede, and one primary action","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-studio-hero","t":"Studio Hero","d":"A small-agency opener with a studio name, a we-voice lede naming what the team does not of","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-two-disciplines-hero","t":"Two Disciplines Hero","d":"A hero for a dual-practice creator with an h1 naming both disciplines, a lede connecting t","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-video-reel-hero","t":"Video Reel Hero","d":"A hero that leads with a large video frame and play affordance, then names the director an","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"With video"},{"id":"shadcn-ui-blocks:portfolio-pro-hero-sections-work-preview-hero","t":"Work Preview Hero","d":"A hero that leads with the name and role then immediately shows three labelled work thumbn","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-music-audio-album-feature","t":"Album Feature","d":"A split layout pairing a large Placeholder album cover with a full ruled tracklist, meta l","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:portfolio-pro-music-audio-booking-panel","t":"Booking Panel","d":"A live booking split pairing a ruled list of set formats with a details card of availabili","s":"shadcn-ui-blocks","c":"data-display/calendar"},{"id":"shadcn-ui-blocks:portfolio-pro-music-audio-discography-grid","t":"Discography Grid","d":"A six-album grid with Placeholder covers, titles, years, and track counts spanning a full ","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:portfolio-pro-music-audio-gig-list","t":"Gig List","d":"Upcoming shows as ruled rows with date, venue, city, and a tickets link, followed by muted","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:portfolio-pro-music-audio-listen-card","t":"Listen Card","d":"A featured track card with a Placeholder cover, static div-bar waveform in theme tokens, a","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:portfolio-pro-music-audio-live-sessions","t":"Live Sessions","d":"A three card grid of filmed live sessions, each with a still, song title, venue and year l","s":"shadcn-ui-blocks","c":"media/player","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-music-audio-music-hero","t":"Music Hero","d":"A fold-filling hero with a sentence h1, album lede, play and releases CTAs, a three-stat s","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-music-audio-press-kit","t":"Press Kit","d":"A press kit section pairing an approved short bio and press pull quotes with two photos an","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:portfolio-pro-music-audio-releases-row","t":"Releases Row","d":"A four-column grid of recent album and EP cards each with a Placeholder cover, title, year","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:portfolio-pro-music-audio-session-credits","t":"Session Credits","d":"A ruled credit table listing year, artist and record, and role for each session, closed by","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:portfolio-pro-music-audio-song-story","t":"Song Story","d":"A two column split pairing a lyric excerpt card with the written story of a song, closed b","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:portfolio-pro-music-audio-streaming-stats","t":"Streaming Stats","d":"A four stat strip of listener and stream totals above a split of most streamed tracks with","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:portfolio-pro-music-audio-studio-services","t":"Studio Services","d":"Three service cards for mixing, mastering, and production, each with a rate, a checklist o","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-music-audio-sync-placements","t":"Sync Placements","d":"Selected sync licensing credits in three columns for film and television, advertising, and","s":"shadcn-ui-blocks","c":"media/player","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-music-audio-track-list","t":"Track List","d":"A ruled list of ten tracks with tabular-numeral durations, track numbers, and a static pla","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:portfolio-pro-navbars-announcement-bar-nav","t":"Announcement Bar Nav","d":"A header topped by an inverse announcement strip with a booking note, inline arrow link, a","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:portfolio-pro-navbars-centered-nav","t":"Centered Nav","d":"An editorial header with the name mark pinned to the absolute center and two nav links spl","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:portfolio-pro-navbars-compact-nav","t":"Compact Nav","d":"A slim 12-unit header with a name mark on the left and three minimal text links on the rig","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-navbars-divided-nav","t":"Divided Nav","d":"Full width header where the name mark and each page link occupy their own border separated","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:portfolio-pro-navbars-logo-center-nav","t":"Logo Center Nav","d":"A navbar with the name mark centered and two navigation links flanking it on each side, pl","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:portfolio-pro-navbars-mega-panel-nav","t":"Mega Panel Nav","d":"A desktop header shown with its Work menu open, a full width panel laying out three catego","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["webgl"],"sb":"Mega menus","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-navbars-minimal-name-navbar","t":"Minimal Name Navbar","d":"A minimal personal-site header with the name mark on the left and three nav links on the r","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-navbars-name-and-menu","t":"Name And Menu","d":"A mobile-first header shown in its open-menu state with four large stacked links and zero-","s":"shadcn-ui-blocks","c":"navigation/menu"},{"id":"shadcn-ui-blocks:portfolio-pro-navbars-nav-with-availability-dot","t":"Nav With Availability Dot","d":"A navbar with name, centred links, and a pulsing emerald dot beside an availability month ","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:portfolio-pro-navbars-nav-with-cta","t":"Nav With Cta","d":"A conversion header with the name mark, three nav links, and a primary Get in touch button","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-navbars-nav-with-location-time","t":"Nav with Location and Time","d":"Header with a name mark on the left, centered page links, and a location readout showing t","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:portfolio-pro-navbars-nav-with-resume","t":"Nav With Resume","d":"A site header with a name mark and nav links on the left and a download CV button on the r","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:portfolio-pro-navbars-nav-with-socials","t":"Nav With Socials","d":"A connected header with the name mark and nav links on the left and a row of GitHub, Linke","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-navbars-nav-with-theme-toggle","t":"Nav With Theme Toggle","d":"A navbar with the name mark on the left, four nav links in the center, and a static sun an","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:portfolio-pro-navbars-numbered-nav","t":"Numbered Nav","d":"Header with a name mark on the left, horizontal links each carrying a zero padded index nu","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:portfolio-pro-navbars-pill-links-nav","t":"Pill Links Nav","d":"Header with a name mark, page links inside a bordered rounded pill segmented control with ","s":"shadcn-ui-blocks","c":"navigation/top-nav","sb":"Floating"},{"id":"shadcn-ui-blocks:portfolio-pro-navbars-side-rail-nav","t":"Side Rail Nav","d":"A fixed left rail with the name mark and role, stacked section links with an active highli","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-navbars-sticky-minimal-nav","t":"Sticky Minimal Nav","d":"A slim sticky header with frosted background, the name mark, three nav links, and an emera","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["glass","minimal","webgl"],"sb":"On scroll","sy":["glass","minimal","webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-navbars-transparent-nav","t":"Transparent Nav","d":"A background-free header with the studio name on the left and anchor links on the right, d","s":"shadcn-ui-blocks","c":"navigation/top-nav","sb":"Glass"},{"id":"shadcn-ui-blocks:portfolio-pro-navbars-two-row-nav","t":"Two Row Nav","d":"A stacked two-row header with the name and social icons on the top row and a six-link sect","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-navbars-underline-tabs-nav","t":"Underline Tabs Nav","d":"A header whose page links behave like full height tabs, the active one carrying a bottom b","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:portfolio-pro-navbars-wide-nav","t":"Wide Nav","d":"A full-width header with the name mark on the left, five centred navigation links, and a c","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:portfolio-pro-newsletter-sections-author-note","t":"Author Note","d":"Centered newsletter signup framed as a first person letter in a bordered note, signed with","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:portfolio-pro-newsletter-sections-centered-signup","t":"Centered Signup","d":"A centered heading, pitch, and email-and-button form with a cadence note naming the send d","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:portfolio-pro-newsletter-sections-greatest-hits","t":"Greatest Hits","d":"Centered newsletter signup leading with a two by two grid of the most opened issues, each ","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:portfolio-pro-newsletter-sections-inbox-preview","t":"Inbox Preview","d":"A two column newsletter signup pairing a pitch and labeled email form with a drawn inbox m","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:portfolio-pro-newsletter-sections-inline-newsletter-band","t":"Inline Newsletter Band","d":"A slim bordered subscribe band with a one-line pitch and inline email input designed for m","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:portfolio-pro-newsletter-sections-issue-anatomy","t":"Issue Anatomy","d":"Two column newsletter signup pairing a pitch and labeled email form with a numbered breakd","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:portfolio-pro-newsletter-sections-latest-issue","t":"Latest Issue","d":"A two-column block showing a preview card of the most recent newsletter issue beside a sub","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:portfolio-pro-newsletter-sections-newsletter-faq","t":"Newsletter FAQ","d":"A two column newsletter signup pairing the pitch and labeled email form with a bordered li","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:portfolio-pro-newsletter-sections-newsletter-feature","t":"Newsletter Feature","d":"A two-column newsletter signup with value props and cadence on the left and recent issue p","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:portfolio-pro-newsletter-sections-newsletter-signup","t":"Newsletter Signup","d":"A newsletter signup section with a heading, a one-sentence pitch, an email and subscribe f","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:portfolio-pro-newsletter-sections-newsletter-stats","t":"Newsletter Stats","d":"A two-column newsletter signup block pairing an email form with three proof figures includ","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["webgl"],"sb":"Newsletter and waitlist","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-newsletter-sections-newsletter-tiers","t":"Newsletter Tiers","d":"A two tier newsletter signup pairing side by side Reader and Supporter cards, one carrying","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:portfolio-pro-newsletter-sections-newsletter-with-archive","t":"Newsletter With Archive","d":"A newsletter signup block that lists the three most recent issues as titled linked rows be","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["webgl"],"sb":"Newsletter and waitlist","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-newsletter-sections-reader-quotes","t":"Reader Quotes","d":"A centered newsletter signup above a three card row of short reader quotes, each attribute","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["webgl"],"sb":"Newsletter and waitlist","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-newsletter-sections-sidebar-subscribe","t":"Sidebar Subscribe","d":"A compact subscribe card sized for a sidebar with a short pitch, email form, and subscribe","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:portfolio-pro-newsletter-sections-simple-subscribe","t":"Simple Subscribe","d":"A minimal horizontal band with a single line of copy and an inline email input and subscri","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["minimal"],"sb":"Newsletter and waitlist","sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-newsletter-sections-split-newsletter","t":"Split Newsletter","d":"A two-column block with the pitch and four dated recent issue titles on the left and a sig","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:portfolio-pro-newsletter-sections-subscribe-card","t":"Subscribe Card","d":"A compact bordered card with a newsletter pitch, a subscriber count and frequency stats st","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcn-ui-blocks:portfolio-pro-newsletter-sections-topic-picker","t":"Topic Picker","d":"Centered newsletter signup card with a checkbox list of three letters, each with a descrip","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["webgl"],"sb":"Newsletter and waitlist","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-now-uses-app-defaults","t":"App Defaults","d":"Two ruled columns pairing twenty everyday categories with the single app that wins each jo","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-now-uses-currently-card","t":"Currently Card","d":"A compact ruled card of six status rows covering building, reading, listening, learning, a","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:portfolio-pro-now-uses-desk-tour","t":"Desk Tour","d":"Split desk tour pairing a square workspace photo with six numbered callout rows naming eac","s":"shadcn-ui-blocks","c":"overlays/alert-banner"},{"id":"shadcn-ui-blocks:portfolio-pro-now-uses-gear-list","t":"Gear List","d":"Kit organised into category groups as cards with a placeholder visual, a model name, and a","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-now-uses-learning-log","t":"Learning Log","d":"Vertical timeline of five skills with month stamps, status badges covering progress and pa","s":"shadcn-ui-blocks","c":"data-viz/progress-bar"},{"id":"shadcn-ui-blocks:portfolio-pro-now-uses-media-diet","t":"Media Diet","d":"Four category cards for listening, watching, playing, and following, each holding three ti","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-now-uses-now-archive","t":"Now Archive","d":"Dated snapshots of a now page, each pairing a date column with a three column panel of wha","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-now-uses-now-page","t":"Now Page","d":"A dated snapshot across Work, Learning, and Life sections with specific items so the page ","s":"shadcn-ui-blocks","c":"data-display/profile"},{"id":"shadcn-ui-blocks:portfolio-pro-now-uses-paid-tools","t":"Paid Tools","d":"Ruled rows of the subscriptions behind an independent practice, each showing the tool, its","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:portfolio-pro-now-uses-reading-list","t":"Reading List","d":"Books listed as ruled rows with title, author, a one-line connection to current practice, ","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-now-uses-uses-page","t":"Uses Page","d":"Daily gear and software listed across Desk Setup, Software, and Everyday Carry groups, eac","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-photography-category-tiles","t":"Category Tiles","d":"A browse-by-genre block with 4 Placeholder tiles for Portrait, Landscape, Street, and Stud","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:portfolio-pro-photography-commission-brief","t":"Commission Brief","d":"Three commission types with day rates and inclusions beside a booking panel walking four s","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-photography-contact-sheet","t":"Contact Sheet","d":"A proof-sheet block with 12 small Placeholder frames in a dense grid labelled by roll and ","s":"shadcn-ui-blocks","c":"overlays/sheet"},{"id":"shadcn-ui-blocks:portfolio-pro-photography-edit-breakdown","t":"Edit Breakdown","d":"The raw scan and final print file side by side, four numbered edit steps, and a closing no","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-photography-exhibition-history","t":"Exhibition History","d":"Two ruled lists set side by side, selected exhibitions with venue, city, and year beside p","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:portfolio-pro-photography-full-bleed-set","t":"Full Bleed Set","d":"A full-bleed editorial photo set with 3 edge-to-edge Placeholder images and ruled caption ","s":"shadcn-ui-blocks","c":"inputs/form-field"},{"id":"shadcn-ui-blocks:portfolio-pro-photography-photo-about","t":"Photo About","d":"A photographer profile split with a Placeholder portrait beside a bio, three approach sect","s":"shadcn-ui-blocks","c":"media/gallery","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-photography-photo-book","t":"Photo Book","d":"A book cover and three spread thumbnails beside the monograph story, a full specifications","s":"shadcn-ui-blocks","c":"media/gallery","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-photography-photo-hero","t":"Photo Hero","d":"A fold-filling photography hero with a large Placeholder image above a two-column text pan","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:portfolio-pro-photography-print-pricing","t":"Print Pricing","d":"A photography print pricing block listing multiple series as cards with size and price tab","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:portfolio-pro-photography-print-shop","t":"Print Shop","d":"A print sales block with 4 limited-edition print cards each showing a Placeholder image, a","s":"shadcn-ui-blocks","c":"data-display/table"},{"id":"shadcn-ui-blocks:portfolio-pro-photography-series-feature","t":"Series Feature","d":"A photography series feature with a large lead frame, a four-still strip with location cap","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:portfolio-pro-photography-series-grid","t":"Series Grid","d":"A photo series grid showing 6 Placeholder images grouped under a series title, year span, ","s":"shadcn-ui-blocks","c":"data-viz/map"},{"id":"shadcn-ui-blocks:portfolio-pro-photography-shoot-detail","t":"Shoot Detail","d":"A single-shoot case block with a lead Placeholder image, a one-sentence brief, a ruled met","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-photography-two-column-photos","t":"Two Column Photos","d":"A two-column photo layout with six captioned frames at mixed aspect ratios that lets a pho","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:portfolio-pro-prebuilt-pages-about-page","t":"About Page","d":"A full about page composing a long form personal story, skills list, process steps, and te","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-prebuilt-pages-contact-page","t":"Contact Page","d":"A minimal contact page composing a split section that shows the inquiry form and contact d","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-prebuilt-pages-developer-page","t":"Developer Page","d":"A full developer portfolio page composing a terminal intro hero, project repos, tech stack","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"]},{"id":"shadcn-ui-blocks:portfolio-pro-prebuilt-pages-freelancer-page","t":"Freelancer Page","d":"A full freelancer hire-me page composing an availability hero with a next opening month, s","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-prebuilt-pages-home-page","t":"Home Page","d":"A full portfolio homepage composing a name and role hero, featured work grid, about split,","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-prebuilt-pages-link-in-bio-page","t":"Link In Bio Page","d":"A minimal two-block link-in-bio page composing the link-in-bio social links block and a mi","s":"shadcn-ui-blocks","c":"data-display/profile","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-prebuilt-pages-photographer-page","t":"Photographer Page","d":"A full photographer portfolio page composing a photo hero, series grid, print shop, and co","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-prebuilt-pages-project-page","t":"Project Page","d":"A full case study page composing a project hero, problem and approach split with a named c","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-prebuilt-pages-services-page","t":"Services Page","d":"A full services page composing a scoped services list, engagement cards with rates, proces","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["minimal"],"sb":"Icons","sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-prebuilt-pages-studio-page","t":"Studio Page","d":"A full studio site page composing a studio hero, named team grid, services list with expli","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-prebuilt-pages-work-page","t":"Work Page","d":"A dedicated work page composing a featured work grid and masonry grid with a hire me band ","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-prebuilt-pages-writer-page","t":"Writer Page","d":"A full writer portfolio page composing a writing hero, featured essay, published list, pub","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-press-kit-brand-bio","t":"Brand Bio","d":"Three approved bio lengths in copyable cards with word counts, followed by a key facts lis","s":"shadcn-ui-blocks","c":"data-display/profile","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-press-kit-by-the-numbers","t":"By the Numbers","d":"Heading and lede above a hairline grid of eight large stat tiles with labels and notes, cl","s":"shadcn-ui-blocks","c":"inputs/form-field"},{"id":"shadcn-ui-blocks:portfolio-pro-press-kit-download-row","t":"Download Row","d":"A compact border-y strip of outline download buttons each labelled with file format and ta","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-press-kit-headshot-gallery","t":"Headshot Gallery","d":"Heading with a download button, three headshot crops in a grid with resolution and use cap","s":"shadcn-ui-blocks","c":"media/gallery","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-press-kit-interview-topics","t":"Interview Topics","d":"Six numbered cards pitching subjects a founder can speak about, with a formats band coveri","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:portfolio-pro-press-kit-logo-guidelines","t":"Logo Guidelines","d":"Wordmark demo tiles on plain and reversed surfaces with size and format specs beside ruled","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","sb":"Dev tools"},{"id":"shadcn-ui-blocks:portfolio-pro-press-kit-media-assets","t":"Media Assets","d":"A four-card grid of downloadable brand assets each showing a Placeholder preview, a format","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:portfolio-pro-press-kit-press-faq","t":"Press FAQ","d":"Two column press FAQ with a heading and response time list beside an accordion answering t","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:portfolio-pro-press-kit-press-inquiry","t":"Press Inquiry","d":"Two column press inquiry with a heading and what to include checklist beside a labeled con","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:portfolio-pro-press-kit-press-kit-page","t":"Press Kit Page","d":"A consolidated press section with a studio bio, five key facts, three downloadable assets ","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-press-kit-press-mentions","t":"Press Mentions","d":"A ruled list of editorial coverage showing publication name, article headline, date, and a","s":"shadcn-ui-blocks","c":"inputs/combobox"},{"id":"shadcn-ui-blocks:portfolio-pro-press-kit-quick-facts","t":"Quick Facts","d":"A ruled definition list of ten key editorial facts covering name, location, focus, notable","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-pricing-sections-add-on-pricing","t":"Add On Pricing","d":"Two category panels list a la carte extras as divided rows, each pairing a name and one li","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:portfolio-pro-pricing-sections-budget-guide","t":"Budget Guide","d":"Three stacked budget bands pair a price range and engagement with a good fit list and a ke","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-pricing-sections-hourly-rate-card","t":"Hourly Rate Card","d":"An hourly rate stated plainly with included and excluded item columns, a four-hour minimum","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-pricing-sections-package-comparison","t":"Package Comparison","d":"A three-package comparison table with Check and Minus feature rows, prices, and per-packag","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-pricing-sections-payment-schedule","t":"Payment Schedule","d":"Three numbered payment stages with percentage splits sit beside a worked example panel tha","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-pricing-sections-pricing-tiers","t":"Pricing Tiers","d":"Three package cards with price-from amounts, durations, and included item lists, with a re","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-pricing-sections-pricing-with-faq","t":"Pricing With Faq","d":"Two tier cards with from prices and included lists beside three plainly answered pricing q","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-pricing-sections-project-estimate-card","t":"Project Estimate Card","d":"Six common project types as ruled table rows showing price bands and timelines, with scope","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcn-ui-blocks:portfolio-pro-pricing-sections-rate-and-faq","t":"Rate and FAQ","d":"A prominent day rate panel with a breakdown of half-day and retainer rates beside three pl","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-pricing-sections-retainer-pricing","t":"Retainer Pricing","d":"Three monthly retainer cards with hour counts, prices, and cover items, plus a ruled panel","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-pricing-sections-simple-rate-band","t":"Simple Rate Band","d":"A minimal pricing block with three from-price rows and a qualifying note beside a heading ","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["minimal","webgl"],"sb":"Single plan","sy":["minimal","webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-pricing-sections-single-package-card","t":"Single Package Card","d":"One clearly presented package with a from price, a bulleted included list, a not-included ","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Single plan"},{"id":"shadcn-ui-blocks:portfolio-pro-pricing-sections-three-tier-pricing","t":"Three Tier Pricing","d":"Three project tiers with from-prices, durations, and feature checklists where the middle t","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-pricing-sections-usage-licensing","t":"Usage Licensing","d":"A formula strip showing creation fee times usage multiplier equals final fee sits above fo","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Usage and sliders"},{"id":"shadcn-ui-blocks:portfolio-pro-pricing-sections-value-pricing-note","t":"Value Pricing Note","d":"A two-column prose block arguing why project pricing beats hourly, with three named reason","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-pricing-sections-whats-included-card","t":"Whats Included Card","d":"Side-by-side included and not-included cards for a design package, followed by a ruled ass","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcn-ui-blocks:portfolio-pro-process-sections-checklist-process","t":"Checklist Process","d":"Four project stages in a two-column card grid each listing the deliverables as checked ite","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-process-sections-discovery-call-steps","t":"Discovery Call Steps","d":"A first-call explainer listing the four agenda items of a free 30-minute discovery call al","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-process-sections-engagement-flow","t":"Engagement Flow","d":"Five steps from first call to handoff presented as a two-column you and me table that name","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-process-sections-four-step-process","t":"Four Step Process","d":"A four-step process block showing Discover, Define, Design, and Deliver as numbered cards,","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-process-sections-handoff-checklist","t":"Handoff Checklist","d":"A checked list of six deliverables the client receives at project close alongside a ruled ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-process-sections-horizontal-steps","t":"Horizontal Steps","d":"A centered heading above four numbered steps on a connected rail, each marker with a title","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-process-sections-how-i-work-steps","t":"How I Work Steps","d":"Four numbered cards each naming a stage title, what happens, and the concrete artifact the","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-process-sections-numbered-process","t":"Numbered Process","d":"Three large-numbered phase cards showing Discover, Make, and Ship with a description and t","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-process-sections-phase-allocation","t":"Phase Allocation","d":"A heading and intro above a segmented proportional bar, with a ruled legend listing each p","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-process-sections-phases-grid","t":"Phases Grid","d":"Four project phases in a two-column card grid, each card naming what happens, the concrete","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-process-sections-principles-process","t":"Principles Process","d":"A principles-led process block presenting three working principles as wide cards, each wit","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-process-sections-process-comparison","t":"Process Comparison","d":"A heading and intro above a two column comparison table, contrasting the usual studio appr","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-process-sections-process-with-deliverables","t":"Process With Deliverables","d":"Four stage cards each split into a process description on the left and the named artifact ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-process-sections-revision-rounds","t":"Revision Rounds","d":"A heading and intro above three feedback round cards, each naming its scope and an example","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-process-sections-three-phase-process","t":"Three Phase Process","d":"A two-column split with design philosophy and three belief statements on the left and thre","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-process-sections-timeline-process","t":"Timeline Process","d":"A vertical timeline rail with five milestones each carrying a week range, day count, and t","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-process-sections-timeline-with-art","t":"Timeline With Art","d":"A four-step vertical timeline with a Placeholder thumbnail per step and a named deliverabl","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-process-sections-two-column-process","t":"Two Column Process","d":"A working philosophy in three paragraphs on the left balanced against four numbered proces","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-process-sections-vertical-steps","t":"Vertical Steps","d":"Five numbered stages stacked in a ruled list each with a title and a description that name","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-process-sections-working-together-steps","t":"Working Together Steps","d":"A day-by-day breakdown of the first two weeks with honest expectations listed beside the W","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-before-after-card","t":"Before After Card","d":"Two redesign cards in a grid, each pairing captioned before and after thumbnails side by s","s":"shadcn-ui-blocks","c":"media/image-compare"},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-bordered-project-card","t":"Bordered Project Card","d":"A bordered card grid showing project thumbnails with name, role, year, skill tags, and a v","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Animated and glowing"},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-case-study-card","t":"Case Study Card","d":"A project teaser card showing a Placeholder image, a one-line problem statement, a headlin","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-compact-grid-card","t":"Compact Grid Card","d":"A dense four-column archive grid showing eight project thumbnails each with a name and yea","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-duo-tone-card","t":"Duo Tone Card","d":"A project card grid where each tile pairs a thumbnail with a muted caption panel in a cont","s":"shadcn-ui-blocks","c":"data-display/card","tg":["gradient"],"sy":["gradient"]},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-featured-project-card","t":"Featured Project Card","d":"A single project given full-width treatment with a wide aspect-16/10 Placeholder, a headin","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Feature"},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-hover-reveal-card","t":"Hover Reveal Card","d":"A project card rendered in its revealed state as a blueprint, showing the name, role, and ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Animated and glowing"},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-image-stack-card","t":"Image Stack Card","d":"A project card showing two or three Placeholder images layered at offsets to suggest depth","s":"shadcn-ui-blocks","c":"media/gallery","tg":["3d","webgl"],"sy":["3d","webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-minimal-list-card","t":"Minimal List Card","d":"Projects as quiet ruled rows with a small thumb, name, role, and year, for a text forward ","s":"shadcn-ui-blocks","c":"data-display/list","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-minimal-project-card","t":"Minimal Project Card","d":"A four-up project grid with a portrait Placeholder image, project name, and a single muted","s":"shadcn-ui-blocks","c":"data-display/card","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-next-project-teaser","t":"Next Project Teaser","d":"A full-width bordered band at the foot of a case study page with a Placeholder thumbnail, ","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-numbered-project-card","t":"Numbered Project Card","d":"A vertical project stack where each entry is led by a large muted editorial index number b","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-overlay-caption-card","t":"Overlay Caption Card","d":"A two-column project grid where each full-bleed thumbnail carries a frosted bottom strip n","s":"shadcn-ui-blocks","c":"data-display/card","tg":["glass"],"sy":["glass"]},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-project-card-with-tags","t":"Project Card With Tags","d":"A two-column project grid where each card carries a Placeholder image, name, a one-line pr","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-project-list-row","t":"Project List Row","d":"A ruled divided list where each project appears as a row with a small square thumbnail, na","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-quote-project-card","t":"Quote Project Card","d":"Two project cards in a grid, each pairing a thumbnail with a short client quote attributed","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-split-project-card","t":"Split Project Card","d":"A full-width horizontal card featuring one project with a Placeholder on the left and the ","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-stat-project-card","t":"Stat Project Card","d":"An imageless three column grid where each card leads with a large metric and context line,","s":"shadcn-ui-blocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-tag-heavy-card","t":"Tag Heavy Card","d":"A three-column project grid where each card leads with a prominent row of skill and tool t","s":"shadcn-ui-blocks","c":"data-display/badge","tg":["webgl"],"sb":"Labels","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-tall-project-card","t":"Tall Project Card","d":"A four-column grid of portrait-format project cards each showing a Placeholder at aspect-4","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-text-only-card","t":"Text Only Card","d":"A typographic work index of ruled rows, each naming the project, role, year, and a one-sen","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-timeline-project-card","t":"Timeline Project Card","d":"A vertical rail grouped by year, each project a compact row with a square thumbnail, name,","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-wide-project-row","t":"Wide Project Row","d":"A full-width bordered project row with a Placeholder on one side and the name, description","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-project-cards-year-badge-card","t":"Year Badge Card","d":"A project card grid with a pill chip marking the year on each thumbnail, plus the project ","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:portfolio-pro-resume-cv-certifications-awards","t":"Certifications and Awards","d":"A heading and intro above two ruled lists in a grid, one for certifications with issuer an","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect"},{"id":"shadcn-ui-blocks:portfolio-pro-resume-cv-compact-resume","t":"Compact Resume","d":"A tight single-column CV with a positioned summary, three bulleted roles, and a two-column","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-resume-cv-cover-letter","t":"Cover Letter","d":"A centered letter with a name and contact letterhead, date and recipient lines, three body","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-resume-cv-cv-download-band","t":"Cv Download Band","d":"A slim card showing the last updated date beside a Download CV button for the linked PDF r","s":"shadcn-ui-blocks","c":"actions/button","sb":"Loading and states"},{"id":"shadcn-ui-blocks:portfolio-pro-resume-cv-cv-header","t":"Cv Header","d":"A print-friendly CV header band showing name large, title, and an inline contact and socia","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-resume-cv-download-cv-card","t":"Download Cv Card","d":"A bordered card with a heading, a one-line document description, a last-updated date, a pr","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:portfolio-pro-resume-cv-education-list","t":"Education List","d":"A ruled list of education entries showing institution, qualification, year range, and an o","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-resume-cv-experience-timeline","t":"Experience Timeline","d":"A vertical work history timeline listing four roles most recent first, each with company, ","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:portfolio-pro-resume-cv-printable-cv","t":"Printable CV","d":"A single-column CV with a contact header, experience, education, and grouped skills sectio","k":"resource","s":"shadcn-ui-blocks","c":"assets/icon"},{"id":"shadcn-ui-blocks:portfolio-pro-resume-cv-publications-talks","t":"Publications and Talks","d":"A heading and intro above a single ruled list of writing and speaking, each row with a yea","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:portfolio-pro-resume-cv-references-row","t":"References Row","d":"A heading and intro above three reference cards, each with an avatar, name, role, a note, ","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-resume-cv-resume-summary","t":"Resume Summary","d":"A CV opener with a name and title header, a two-sentence professional summary, and a three","s":"shadcn-ui-blocks","c":"navigation/top-nav","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-resume-cv-resume-with-photo","t":"Resume With Photo","d":"A CV header pairing a square Placeholder portrait with the name, contact details, and summ","s":"shadcn-ui-blocks","c":"media/gallery"},{"id":"shadcn-ui-blocks:portfolio-pro-resume-cv-skills-and-tools-cv","t":"Skills And Tools Cv","d":"A ruled skills table grouping six disciplines with a proficiency level label and chip tags","s":"shadcn-ui-blocks","c":"inputs/form-field"},{"id":"shadcn-ui-blocks:portfolio-pro-resume-cv-skills-resume","t":"Skills Resume","d":"A resume skills section presenting four skill categories as chip rows in a two-column grid","s":"shadcn-ui-blocks","c":"data-viz/chart"},{"id":"shadcn-ui-blocks:portfolio-pro-resume-cv-timeline-resume","t":"Timeline Resume","d":"A vertical connected timeline of four career roles with company, title, period, and bullet","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:portfolio-pro-resume-cv-two-column-resume","t":"Two Column Resume","d":"A two-column CV with a main experience and education column and a fixed sidebar for skills","k":"resource","s":"shadcn-ui-blocks","c":"assets/icon","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-availability-services","t":"Availability Services","d":"A services block that leads with a four-row availability table showing current status and ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-capabilities-grid","t":"Capabilities Grid","d":"Six capability tiles in a three-column grid each with a label and one sentence describing ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-detailed-service-list","t":"Detailed Service List","d":"A ruled two-column services layout with a scope paragraph and a bulleted deliverables list","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Lists"},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-engagement-comparison","t":"Engagement Comparison","d":"A heading and intro above a scrollable table that compares three engagement types row by r","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-engagement-types","t":"Engagement Types","d":"Three ways to work together as cards each showing a commitment level, a summary, and a fit","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-icon-services-grid","t":"Icon Services Grid","d":"A services grid of four cards each with a lucide icon, a service name, and one sentence na","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-not-offered-note","t":"Not Offered Note","d":"A ruled list of four things this practice does not offer, each paired with a specific redi","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-numbered-services","t":"Numbered Services","d":"An editorial services list of large-numbered ruled rows each carrying a service title and ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-packages-overview","t":"Packages Overview","d":"Three engagement package cards showing a starting price, duration, and included items with","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-process-and-services","t":"Process And Services","d":"A two-column services block that maps each service to its engagement phase so clients see ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-process-services-split","t":"Process Services Split","d":"A two-column block with four services on the left and four numbered process phases on the ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-service-cards","t":"Service Cards","d":"Three service cards each with a Lucide icon, a one-sentence description, and a bullet list","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-service-detail-split","t":"Service Detail Split","d":"A single service explained in depth with two paragraphs and a six-row deliverables table b","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["3d"],"sb":"Showcase and split","sy":["3d"]},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-service-faq-combo","t":"Service Faq Combo","d":"A services block with three ruled service rows followed by three direct answers to the que","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-service-outcomes","t":"Service Outcomes","d":"A heading and intro above a ruled list of services, each pairing a scope description with ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-service-with-pricing","t":"Service With Pricing","d":"A ruled list of services each paired with a from-price and a short deliverable list so pro","k":"section","s":"shadcn-ui-blocks","c":"marketing/pricing"},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-services-and-cta","t":"Services and CTA","d":"A two-column block pairing a concise services table on the left with a get-in-touch card o","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-services-by-audience","t":"Services By Audience","d":"A heading and intro above three columns, one per client type, each naming who it serves an","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-services-list","t":"Services List","d":"A scannable ruled list of four services each with a title and a sentence describing what t","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Lists"},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-services-tabs","t":"Services Tabs","d":"A heading and intro above a tabbed explorer where each service tab opens a two column pane","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Tabs"},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-services-with-faq","t":"Services With Faq","d":"A services block listing four offerings in a ruled table followed by three answered questi","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-three-services-row","t":"Three Services Row","d":"Three equal service cards each with an icon, a name, and a one-sentence scope, giving visi","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-what-i-offer","t":"What I Offer","d":"A two-column split with an intro and honest capacity note on the left and a numbered list ","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:portfolio-pro-services-sections-who-i-work-with","t":"Who I Work With","d":"A two-column fit block describing the ideal client by stage and team size alongside an hon","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:portfolio-pro-shop-products-bestseller-row","t":"Bestseller Row","d":"A four-column strip of top-selling products each with a ranked bestseller badge overlaid o","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-shop-products-digital-downloads","t":"Digital Downloads","d":"A four-card block of downloadable products each showing a Placeholder, format chip, descri","s":"shadcn-ui-blocks","c":"actions/button","sb":"Loading and states"},{"id":"shadcn-ui-blocks:portfolio-pro-shop-products-featured-product","t":"Featured Product","d":"A two-column split highlighting one digital product with a Placeholder image, price in tab","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:portfolio-pro-shop-products-license-tiers","t":"License Tiers","d":"Three license cards, each with a name, one time price, scope line, feature checklist, and ","s":"shadcn-ui-blocks","c":"actions/button","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-shop-products-product-bundle","t":"Product Bundle","d":"A two column bundle offer: included product tiles with struck prices beside a pricing colu","s":"shadcn-ui-blocks","c":"actions/button"},{"id":"shadcn-ui-blocks:portfolio-pro-shop-products-product-categories","t":"Product Categories","d":"A three-tile category index for a creator shop showing a Placeholder, category name, and p","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-shop-products-product-comparison","t":"Product Comparison","d":"A comparison table for three packs, with prices as column headers, feature rows mixing cou","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-shop-products-product-detail-card","t":"Product Detail Card","d":"A split single-product view with a Placeholder image, price, plain-language description, a","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product"},{"id":"shadcn-ui-blocks:portfolio-pro-shop-products-product-grid","t":"Product Grid","d":"A six-card shop grid listing products with a Placeholder thumbnail, name, from-price, and ","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:portfolio-pro-shop-products-product-list","t":"Product List","d":"A dense shop list inside one bordered panel, each row with a thumbnail, product name, one ","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-shop-products-shop-hero","t":"Shop Hero","d":"A shop opener with a heading, studio lede, and a featured row of three Placeholder product","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sb":"With product shot","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-badge-cloud","t":"Badge Cloud","d":"A wrapped chip cloud that renders core disciplines larger and bolder so the primary expert","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-capability-cards","t":"Capability Cards","d":"Three capability cards each with a title, a plain-language approach sentence, and a ruled ","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-certifications-skills","t":"Certifications Skills","d":"A two-column card grid pairing four formal credentials with the practical skill chips each","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-core-and-tools","t":"Core And Tools","d":"A ruled list of core disciplines each with a plain-language description and a chip row of ","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-disciplines-split","t":"Disciplines Split","d":"Three equal discipline columns for a multi-discipline creative, each with a heading, a gro","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-expertise-bars","t":"Expertise Bars","d":"A two-column expertise display with five div proficiency bars filled via theme tokens and ","s":"shadcn-ui-blocks","c":"inputs/form-field"},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-grouped-tool-grid","t":"Grouped Tool Grid","d":"Three labeled columns of tool tiles covering Design, Development, and Collaboration, each ","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-now-learning","t":"Now Learning","d":"A skills block listing four topics currently in progress, each with a reason and an honest","s":"shadcn-ui-blocks","c":"data-viz/progress-bar"},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-proficiency-list","t":"Proficiency List","d":"A ruled list of skills with an honest level word per row and a one-sentence note that qual","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-skill-bars-grouped","t":"Skill Bars Grouped","d":"Twelve skills across three discipline columns each with a div bar and a word level from Fo","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-skill-categories","t":"Skill Categories","d":"Four category cards in a two-column grid organizing specific skills by project phase from ","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-skills-in-practice","t":"Skills In Practice","d":"A heading and lede above a ruled list where each row pairs a skill with the project that p","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-skills-list","t":"Skills List","d":"A three-column grouped skills block with Design, Research, and Front-end category headings","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-skills-matrix","t":"Skills Matrix","d":"A heading and lede above a bordered table pairing skill rows with three engagement columns","s":"shadcn-ui-blocks","c":"data-display/table","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-skills-timeline","t":"Skills Timeline","d":"A heading and lede above a dotted vertical timeline where each entry marks the year a skil","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-specialties-row","t":"Specialties Row","d":"Three card tiles each naming a core specialty with a focused sentence that states the scop","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-stack-with-context","t":"Stack With Context","d":"A three-column card grid showing six core tools each paired with a sentence explaining why","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-t-shaped-skills","t":"T Shaped Skills","d":"An asymmetric split pairing one deep discipline, unpacked as a ruled card of facets, with ","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-tech-stack-row","t":"Tech Stack Row","d":"A bordered horizontal strip showing a full-stack developer technology choices in three lab","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-tool-stack-grid","t":"Tool Stack Grid","d":"A four-group grid of tool tiles with two-letter mark badges covering Design, Development, ","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-tools-marquee","t":"Tools Marquee","d":"A static wrap strip of twelve tool chips each showing a name and a one-word category, givi","k":"motion","s":"shadcn-ui-blocks","c":"motion/marquee"},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-two-column-skills","t":"Two Column Skills","d":"A two-column skills layout grouping chips by project phase across Research, Design, System","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:portfolio-pro-skills-sections-what-i-use","t":"What I Use","d":"A ruled list of six daily tools each paired with one sentence explaining why that tool ear","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-social-links-big-type-links","t":"Big Type Links","d":"An index of social destinations in oversized type, each ruled row pairing a mono number, a","s":"shadcn-ui-blocks","c":"actions/link"},{"id":"shadcn-ui-blocks:portfolio-pro-social-links-connect-card","t":"Connect Card","d":"A compact centered card with a come-say-hi headline, an email row, a primary social row, a","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile"},{"id":"shadcn-ui-blocks:portfolio-pro-social-links-elsewhere-list","t":"Elsewhere List","d":"A ruled list of platforms where this person can be found online, showing the brand icon, h","s":"shadcn-ui-blocks","c":"data-display/list","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-social-links-featured-links","t":"Featured Links","d":"Four high-priority destinations given prominence as large icon cards covering newsletter, ","s":"shadcn-ui-blocks","c":"actions/link","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-social-links-icon-row","t":"Icon Row","d":"A centered strip of brand-icon links for GitHub, LinkedIn, X, and Instagram with accessibl","k":"resource","s":"shadcn-ui-blocks","c":"assets/icon","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-social-links-link-in-bio","t":"Link In Bio","d":"A mobile-first link hub with a centered avatar, name, one-line context, and a vertical sta","s":"shadcn-ui-blocks","c":"data-display/profile","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-social-links-links-card","t":"Links Card","d":"A compact bordered card listing email, social handles, and a newsletter as ruled rows with","s":"shadcn-ui-blocks","c":"data-display/card","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-social-links-links-grid","t":"Links Grid","d":"A responsive grid of link cards covering portfolio, newsletter, shop, calendar, and social","s":"shadcn-ui-blocks","c":"actions/link","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-social-links-platform-feeds","t":"Platform Feeds","d":"Three platform panels previewing recent posts, each with a brand icon header, handle, and ","s":"shadcn-ui-blocks","c":"data-display/timeline","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-social-links-platform-stats","t":"Platform Stats","d":"A grid of platform cards, each pairing a brand icon and handle with a large audience count","s":"shadcn-ui-blocks","c":"data-display/stat","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-social-links-reach-guide","t":"Reach Guide","d":"A split contact guide ranking channels by reply speed, an intro column of location and hou","s":"shadcn-ui-blocks","c":"actions/link","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-social-links-social-row","t":"Social Row","d":"A centered horizontal strip of social links pairing a brand icon with a display handle for","s":"shadcn-ui-blocks","c":"data-display/list","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:portfolio-pro-speaking-events-booking-cta","t":"Booking CTA","d":"A speaker booking closer with an invitation heading, a booking checklist, and dual actions","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta"},{"id":"shadcn-ui-blocks:portfolio-pro-speaking-events-conference-grid","t":"Conference Grid","d":"A wordmark tile grid of conferences a speaker has appeared at, with a year sub-line per ce","s":"shadcn-ui-blocks","c":"navigation/top-nav"},{"id":"shadcn-ui-blocks:portfolio-pro-speaking-events-keynote-feature","t":"Keynote Feature","d":"A split highlight of one signature talk with its title, abstract, a ruled venue history, a","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:portfolio-pro-speaking-events-organizer-quotes","t":"Organizer Quotes","d":"Three organizer testimonial cards, each pairing an avatar, name, and role with a quote and","s":"shadcn-ui-blocks","c":"data-display/avatar","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-speaking-events-past-talks-grid","t":"Past Talks Grid","d":"A three-column card grid of speaking engagements showing event, talk title, year, and a wa","s":"shadcn-ui-blocks","c":"actions/link","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-speaking-events-speaker-bio","t":"Speaker Bio","d":"A two-column organizer package with a portrait placeholder, short and long bios ready to c","s":"shadcn-ui-blocks","c":"data-display/profile"},{"id":"shadcn-ui-blocks:portfolio-pro-speaking-events-speaker-stats","t":"Speaker Stats","d":"A three-panel ruled strip of headline speaking figures showing talks given, countries visi","s":"shadcn-ui-blocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-speaking-events-speaking-faq","t":"Speaking FAQ","d":"A speaking FAQ with a heading and an accordion of organizer questions beside a small ruled","k":"section","s":"shadcn-ui-blocks","c":"marketing/faq"},{"id":"shadcn-ui-blocks:portfolio-pro-speaking-events-talk-topics","t":"Talk Topics","d":"A talk topics catalog of numbered ruled rows, each with a title, abstract, and a meta colu","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-speaking-events-talks-list","t":"Talks List","d":"A reverse-chronological ruled index of past talks showing event, title, year, and a Watch ","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-speaking-events-upcoming-events","t":"Upcoming Events","d":"A card grid of confirmed future talks showing date, event, city, talk title, and a registe","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in"},{"id":"shadcn-ui-blocks:portfolio-pro-stats-sections-achievement-counters","t":"Achievement Counters","d":"Three large figures in equal columns covering products shipped, years of practice, and ind","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Stats","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-stats-sections-at-a-glance-facts","t":"At A Glance Facts","d":"A 2x2 grid of qualitative fact tiles covering location, focus, availability, and response ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:portfolio-pro-stats-sections-availability-stat-band","t":"Availability Stat Band","d":"A three-figure booking facts band showing response time, current lead time, and next openi","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-stats-sections-before-after-stats","t":"Before After Stats","d":"A heading and lede above ruled rows that pair each metric and its measurement note with a ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:portfolio-pro-stats-sections-big-figures-band","t":"Big Figures Band","d":"A three-stat band of oversized tabular-nums figures divided by vertical rules inside a bor","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Stats","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-stats-sections-by-the-numbers","t":"By The Numbers","d":"Five ruled rows pairing a tabular figure with a plain-language fact that scopes the number","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:portfolio-pro-stats-sections-career-stats","t":"Career Stats","d":"A four-number horizontal strip showing years in practice, companies worked with, projects ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcn-ui-blocks:portfolio-pro-stats-sections-client-logos-and-stats","t":"Client Logos And Stats","d":"A credibility band combining a row of client wordmarks above a three-figure stat grid cove","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-stats-sections-four-up-stats","t":"Four Up Stats","d":"A 2x2 grid of four stat cards each showing a large figure, a short label, and a context li","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:portfolio-pro-stats-sections-headline-stat","t":"Headline Stat","d":"One oversized centerpiece figure above a heading and a context paragraph, closed by a rule","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Stats","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-stats-sections-impact-numbers","t":"Impact Numbers","d":"An outcome figures block showing four measured results from real client work, each with a ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:portfolio-pro-stats-sections-impact-stats","t":"Impact Stats","d":"Three outcome figures from real client work, each with an attribution note naming the proj","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Stats","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-stats-sections-inline-stats-row","t":"Inline Stats Row","d":"A single ruled band of four tabular figures with short labels, the slimmest way to surface","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:portfolio-pro-stats-sections-numbers-strip","t":"Numbers Strip","d":"A ruled horizontal band of four headline figures covering years, projects shipped, clients","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:portfolio-pro-stats-sections-projects-per-year","t":"Projects Per Year","d":"A heading and lede above a bordered card of ruled year rows, each pairing a year with a pr","k":"section","s":"shadcn-ui-blocks","c":"marketing/footer"},{"id":"shadcn-ui-blocks:portfolio-pro-stats-sections-stats-with-context","t":"Stats With Context","d":"Three figures each followed by a full sentence naming the client, the quarter, and the mea","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["webgl"],"sb":"Stats","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-stats-sections-stats-with-icons","t":"Stats With Icons","d":"Four career figures each paired with a small lucide icon and a label in individual cards, ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:portfolio-pro-stats-sections-work-mix-split","t":"Work Mix Split","d":"A heading and lede above a single segmented distribution bar showing how billed time split","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:portfolio-pro-stats-sections-years-and-projects","t":"Years And Projects","d":"A two-column split with a positioning heading on the left and two ruled figures on the rig","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcn-ui-blocks:portfolio-pro-studio-team-culture-section","t":"Culture Section","d":"A split block presenting three studio working principles as border-left blurbs beside a pl","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-studio-team-extended-team","t":"Extended Team","d":"A heading and intro above a two column grid of collaborator cards, each with avatar, disci","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:portfolio-pro-studio-team-founders-row","t":"Founders Row","d":"A three-column grid of studio founder cards each with a named avatar, role, and a single c","k":"section","s":"shadcn-ui-blocks","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-studio-team-open-roles","t":"Open Roles","d":"A heading above a two column layout: a ruled list of open roles with salary bands beside a","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:portfolio-pro-studio-team-studio-hero","t":"Studio Hero","d":"A full-viewport studio opener with a we-voice headline, two actions, and a three-fact cred","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-studio-team-studio-services","t":"Studio Services","d":"Four studio service cards each listing a discipline, a scope statement, and a bulleted inc","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:portfolio-pro-studio-team-studio-stats","t":"Studio Stats","d":"A four-figure horizontal strip showing a studio founded year, team size, projects complete","s":"shadcn-ui-blocks","c":"data-display/stat"},{"id":"shadcn-ui-blocks:portfolio-pro-studio-team-studio-timeline","t":"Studio Timeline","d":"Two column layout with a heading and founder quote card on the left beside a ruled list of","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:portfolio-pro-studio-team-studio-week","t":"Studio Week","d":"Two column layout with a heading, exceptions list and note on the left beside a ruled five","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:portfolio-pro-studio-team-team-grid","t":"Team Grid","d":"A six-member team grid showing avatar, name, role, and a one-line bio per card for a desig","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:portfolio-pro-studio-team-team-member-card","t":"Team Member Card","d":"A single studio member profile with avatar, bio, a ruled focus-area list, and an availabil","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:portfolio-pro-studio-team-team-values","t":"Team Values","d":"Four numbered studio principles each with a plain description and a ruled cost section nam","k":"section","s":"shadcn-ui-blocks","c":"marketing/team"},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-avatar-quote-row","t":"Avatar Quote Row","d":"Three short quote cards in a row each opening with the avatar and name before the quote, f","s":"shadcn-ui-blocks","c":"data-display/avatar","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-client-interview","t":"Client Interview","d":"A two column testimonial with a client and engagement summary card on the left and four ho","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-client-logo-quotes","t":"Client Logo Quotes","d":"Three client cards each pairing a styled wordmark badge with a quote tied to a concrete ou","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-client-quotes-row","t":"Client Quotes Row","d":"Three brief punchy client quotes in a three-column row, each attributed with avatar and na","s":"shadcn-ui-blocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-clients-say-grid","t":"Clients Say Grid","d":"A 2x2 grid of four client quotes each with an avatar, name, role, and company, giving a co","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos"},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-featured-quote-band","t":"Featured Quote Band","d":"A single client quote at display scale inside a full-width bordered band with a small avat","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-grid-of-six","t":"Grid of Six","d":"Six short client quotes in a three-column card grid with avatars and named role and compan","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-logo-and-quote","t":"Logo And Quote","d":"Two client company wordmarks each paired with one attributed quote in a side-by-side row, ","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-logos-and-praise","t":"Logos And Praise","d":"A row of five client wordmarks above two attributed quote cards, combining brand recogniti","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo"},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-long-form-testimonial","t":"Long Form Testimonial","d":"A four-paragraph client recommendation with a sticky attribution card naming the person, r","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-praise-timeline","t":"Praise Timeline","d":"A vertical timeline rail of four short client quotes from one project, from kickoff throug","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-praise-wall","t":"Praise Wall","d":"Six short testimonials in a two-column masonry-feeling grid with mixed quote lengths and s","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-quote-marquee","t":"Quote Marquee","d":"A static 3-col grid of six short attributed client quotes presenting a scannable horizonta","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-quote-with-stats","t":"Quote With Stats","d":"A client quote paired with a ruled table of four project result figures giving the measura","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-rating-scorecard","t":"Rating Scorecard","d":"A two column scorecard with an average rating and per criterion bars on the left and two s","s":"shadcn-ui-blocks","c":"inputs/rating"},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-recommendation-card","t":"Recommendation Card","d":"A centered card holding a long first-person endorsement with avatar, name, title, and a re","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-scrolling-quotes","t":"Scrolling Quotes","d":"A horizontal overflow strip of five fixed-width quote cards each attributed with avatar, r","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-single-spotlight","t":"Single Spotlight","d":"A two-column split with a long detailed quote at heading scale on one side and the recomme","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-single-with-photo","t":"Single With Photo","d":"A single detailed client quote beside a context image and a ruled attribution card naming ","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-testimonial-cards","t":"Testimonial Cards","d":"Three testimonial cards in a grid, each quoting a specific measurable outcome with avatar,","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-testimonial-quote","t":"Testimonial Quote","d":"A single large client quote set at heading scale with an avatar, name, role, and company b","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-testimonial-tabs","t":"Testimonial Tabs","d":"An interactive switcher showing one featured client quote at large scale above a row of av","s":"shadcn-ui-blocks","c":"navigation/tabs"},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-testimonial-with-result","t":"Testimonial With Result","d":"A testimonial block pairing each client quote with the concrete outcome figure from that e","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-three-column-quotes","t":"Three Column Quotes","d":"Three equal client quote cards each anchored to a named project outcome and attributed wit","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-two-up-testimonials","t":"Two Up Testimonials","d":"Two equal quote cards side by side each with an avatar and full attribution, presenting tw","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:portfolio-pro-testimonials-video-testimonial-blueprint","t":"Video Testimonial Blueprint","d":"A static video testimonial layout with an aspect-video Placeholder frame, a play affordanc","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials"},{"id":"shadcn-ui-blocks:portfolio-pro-video-motion-client-reel-list","t":"Client Reel List","d":"A ruled list of commissioned films each showing a thumbnail, client name, deliverable desc","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-video-motion-discipline-columns","t":"Discipline Columns","d":"Three columns splitting work by discipline, each with a thumbnail, film count, positioning","s":"shadcn-ui-blocks","c":"media/player","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-video-motion-episode-playlist","t":"Episode Playlist","d":"A series layout with a large play frame and synopsis for the current episode beside a card","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:portfolio-pro-video-motion-featured-video","t":"Featured Video","d":"A single video piece highlighted as a full-width play frame above a two-column panel with ","s":"shadcn-ui-blocks","c":"media/player"},{"id":"shadcn-ui-blocks:portfolio-pro-video-motion-festival-laurels","t":"Festival Laurels","d":"A split section pairing an award-winning film play frame and its logline with a ruled list","s":"shadcn-ui-blocks","c":"media/player","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-video-motion-filmography-timeline","t":"Filmography Timeline","d":"A chronological filmography grouped by year, each year a large tabular numeral beside rule","s":"shadcn-ui-blocks","c":"data-display/timeline"},{"id":"shadcn-ui-blocks:portfolio-pro-video-motion-motion-breakdown","t":"Motion Breakdown","d":"A three-stage process section showing one project from storyboard to final, each frame cap","s":"shadcn-ui-blocks","c":"media/player","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-video-motion-play-feature","t":"Play Feature","d":"A two-column project detail with a video frame and play button on one side and description","k":"section","s":"shadcn-ui-blocks","c":"marketing/features"},{"id":"shadcn-ui-blocks:portfolio-pro-video-motion-reel-grid","t":"Reel Grid","d":"A three-column grid of video work thumbnails each with a centred play button, a duration b","s":"shadcn-ui-blocks","c":"media/player","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-video-motion-reel-hero","t":"Reel Hero","d":"A fold-filling hero with a large video frame, play button, and director identity column sh","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["webgl"],"sb":"With video","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-video-motion-showreel-card","t":"Showreel Card","d":"A single featured reel in a full-width card with a play button, description, discipline ta","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:portfolio-pro-video-motion-video-case-study","t":"Video Case Study","d":"A single project told through a Placeholder video frame, a stat strip of production figure","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["animated","webgl"],"sb":"Portfolio","sy":["animated","webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-video-motion-video-grid","t":"Video Grid","d":"A three-column tile grid of six video commissions, each with a play affordance, duration b","s":"shadcn-ui-blocks","c":"media/player","tg":["animated","webgl"],"sy":["animated","webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-video-motion-video-list-rows","t":"Video List Rows","d":"A ruled-row videography index listing each film with a small thumbnail, title, client name","s":"shadcn-ui-blocks","c":"data-display/list","tg":["animated"],"sy":["animated"]},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-alternating-rows","t":"Alternating Rows","d":"A work layout of full-width two-column rows that flip image and detail sides on each proje","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-archive-grid","t":"Archive Grid","d":"A full-archive grid of nine project tiles with a total count badge and an honest lede noti","s":"shadcn-ui-blocks","c":"inputs/slider"},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-bento-work-grid","t":"Bento Work Grid","d":"An asymmetric four-column project grid where two tiles span two columns at a wide aspect r","k":"layout","s":"shadcn-ui-blocks","c":"layout/bento-grid"},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-category-sections-grid","t":"Category Sections Grid","d":"A work grid divided into discipline sections each with a ruled label and a row of project ","s":"shadcn-ui-blocks","c":"inputs/form-field"},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-featured-and-grid","t":"Featured And Grid","d":"One large lead project with a real summary above a supporting grid of three more, the pick","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-featured-three","t":"Featured Three","d":"Three equal project tiles each with a full-width image, client type, role, year, a one-lin","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-featured-work-grid","t":"Featured Work Grid","d":"A selected work grid of project tiles that each name the client type, the role, and the ye","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-filterable-work-grid","t":"Filterable Work Grid","d":"A filterable work grid with category chips and a live count that narrows six project tiles","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-grid-with-categories","t":"Grid With Categories","d":"A work index that groups project tiles under discipline category headings, each with a sco","s":"shadcn-ui-blocks","c":"actions/link"},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-hover-grid","t":"Hover Grid","d":"A six-tile work grid with a permanently revealed overlay strip naming the project and role","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Animated and glowing"},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-list-with-preview","t":"List With Preview","d":"An interactive work list where selecting a project row swaps the side panel to that projec","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-masonry-grid","t":"Masonry Grid","d":"A masonry work grid with six Placeholder tiles in mixed aspect ratios and medium and year ","s":"shadcn-ui-blocks","c":"media/gallery","sb":"Masonry"},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-masonry-with-captions","t":"Masonry With Captions","d":"A CSS-columns masonry of six project tiles at mixed aspect ratios, each captioned with the","s":"shadcn-ui-blocks","c":"media/gallery","sb":"Masonry"},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-numbered-work-list","t":"Numbered Work List","d":"A ruled editorial index of projects as large-numbered rows showing name, role, and year wi","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-one-big-three-small","t":"One Big Three Small","d":"A featured layout with one large project tile carrying a summary sentence and a view case ","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-recent-work-row","t":"Recent Work Row","d":"A four-card recent work strip with a see-all link at heading level, each card showing a po","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-sticky-split-index","t":"Sticky Split Index","d":"A split work index that pins the heading, intro, and a ruled facts list on the left while ","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-three-column-grid","t":"Three Column Grid","d":"A dense three-column grid of six square project tiles with name and year captions and a fu","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-two-column-work","t":"Two Column Work","d":"An alternating two-column project list pairing a Placeholder image with a paragraph writeu","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-work-accordion","t":"Work Accordion","d":"An accordion work index of ruled project rows that each expand to a thumbnail, summary, de","s":"shadcn-ui-blocks","c":"data-display/accordion"},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-work-by-year","t":"Work By Year","d":"Projects grouped under ruled year headings with an inline project count, each tile showing","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-work-index-list","t":"Work Index List","d":"A numbered text list of projects showing project name, kind, and year with a trailing arro","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-work-with-quotes","t":"Work With Quotes","d":"A two-column work grid where every project tile carries a short client quote with named at","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-work-with-results","t":"Work With Results","d":"A two-column project grid where each tile pairs a thumbnail with a one-line outcome carryi","s":"shadcn-ui-blocks","c":"data-display/card"},{"id":"shadcn-ui-blocks:portfolio-pro-work-grids-work-with-tabs","t":"Work With Tabs","d":"A work grid with three discipline tabs switching between four-tile project sets via state,","s":"shadcn-ui-blocks","c":"navigation/tabs","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-writing-portfolio-byline-row","t":"Byline Row","d":"A centred wordmark row of publications where work has appeared, with a summary strip count","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-writing-portfolio-clip-grid","t":"Clip Grid","d":"A three-column card grid of six writing samples each showing publication, headline, a one-","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect","tg":["webgl"],"sb":"Handwriting and SVG","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-writing-portfolio-editor-quotes","t":"Editor Quotes","d":"A split layout pairing an identity heading and a ruled working record with a stack of test","s":"shadcn-ui-blocks","c":"inputs/textarea"},{"id":"shadcn-ui-blocks:portfolio-pro-writing-portfolio-essay-list","t":"Essay List","d":"A ruled-row essays archive with title, publication name, read time, and date per entry for","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-writing-portfolio-excerpt-cards","t":"Excerpt Cards","d":"Three writing samples each opened by a pull-quote blockquote before the title, publication","s":"shadcn-ui-blocks","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-writing-portfolio-featured-clips","t":"Featured Clips","d":"Three standout writing pieces as cards with the publication, headline, an excerpt from the","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect","tg":["webgl"],"sb":"Handwriting and SVG","sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-writing-portfolio-featured-essay","t":"Featured Essay","d":"A two-column spotlight on one essay with a Placeholder, a pull-quote excerpt, and a detail","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect","sb":"Handwriting and SVG"},{"id":"shadcn-ui-blocks:portfolio-pro-writing-portfolio-pitch-process","t":"Pitch Process","d":"A four step walkthrough of how a commission runs from brief to publication, each step a nu","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps"},{"id":"shadcn-ui-blocks:portfolio-pro-writing-portfolio-publications-wall","t":"Publications Wall","d":"A dense ruled cell grid of 18 publication names where work has appeared, with a counted he","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect","sb":"Handwriting and SVG"},{"id":"shadcn-ui-blocks:portfolio-pro-writing-portfolio-published-list","t":"Published List","d":"A ruled list of placed articles and essays showing title, publication, date, and a read li","s":"shadcn-ui-blocks","c":"data-display/list"},{"id":"shadcn-ui-blocks:portfolio-pro-writing-portfolio-topics-covered","t":"Topics Covered","d":"A six-tile grid mapping the subjects a writer covers with a piece count per topic and a li","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect","sb":"Handwriting and SVG"},{"id":"shadcn-ui-blocks:portfolio-pro-writing-portfolio-writing-hero","t":"Writing Hero","d":"A two-column writer opener combining an identity heading and ruled meta list with a featur","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero"},{"id":"shadcn-ui-blocks:portfolio-pro-writing-portfolio-writing-services","t":"Writing Services","d":"Three commission cards naming the kinds of work this writer takes on, each with a pitch, a","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:portfolio-pro-writing-portfolio-year-archive","t":"Year Archive","d":"Published pieces grouped under large year numerals in a two column ruled layout, each entr","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect","sb":"Handwriting and SVG"},{"id":"shadcn-ui-blocks:portfolio-portfolio-about-and-skills-about-me","t":"About Me","d":"An about section pairing a portrait with a short bio, role, and contact links. Tells visit","s":"shadcn-ui-blocks","c":"data-display/badge","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-about-and-skills-education-certifications","t":"Education Certifications","d":"A list of degrees, courses, and certifications with issuer, date, and credential. Shows fo","s":"shadcn-ui-blocks","c":"data-display/badge","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-about-and-skills-resume-download","t":"Resume Download","d":"A compact call to action with a download button and file details for your CV. Lets recruit","s":"shadcn-ui-blocks","c":"actions/button","sb":"Loading and states","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-about-and-skills-skills-display","t":"Skills Display","d":"A grid of skill badges grouped by area with optional proficiency levels. Summarizes the to","s":"shadcn-ui-blocks","c":"data-viz/progress-bar","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-about-and-skills-timeline-category-skills","t":"Timeline Category Skills","d":"A vertical timeline of roles and projects with skills tagged per entry. Maps your career h","s":"shadcn-ui-blocks","c":"data-display/timeline","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-awards-and-recognition-awards-timeline","t":"Awards Timeline","d":"A vertical timeline listing awards by year with titles and issuers. Use it to walk visitor","s":"shadcn-ui-blocks","c":"data-display/timeline","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-awards-and-recognition-badge-or-icon-grid","t":"Badge Or Icon Grid","d":"A responsive grid of award badges or icons with short captions. Displays many certificatio","k":"resource","s":"shadcn-ui-blocks","c":"assets/icon","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-awards-and-recognition-carousel-of-certifications","t":"Carousel Of Certifications","d":"A sliding carousel that cycles through certification logos and details. Fits a long list o","s":"shadcn-ui-blocks","c":"media/carousel","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-awards-and-recognition-featured-award-highlight","t":"Featured Award Highlight","d":"A spotlight block centered on a single major award with its name, year, and a short note. ","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-awards-and-recognition-quote-award-combo","t":"Quote Award Combo","d":"A block pairing a testimonial quote with an award badge side by side. Combines praise and ","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-blog-writing-and-previews-featured-article-list","t":"Featured Article List","d":"A list that leads with one large featured article followed by smaller entries. Use it to s","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-blog-writing-and-previews-grid-blog-cards","t":"Grid Blog Cards","d":"A responsive grid of blog cards with cover image, title, and excerpt. The standard layout ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-blog-writing-and-previews-horizontal-blog-carousel","t":"Horizontal Blog Carousel","d":"A horizontal carousel of blog cards that scrolls sideways. Use it to preview recent posts ","s":"shadcn-ui-blocks","c":"media/carousel","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-blog-writing-and-previews-masonry-layout-articles","t":"Masonry Layout Articles","d":"A masonry grid of article cards with varied heights for a dynamic feel. Fits posts that mi","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-blog-writing-and-previews-minimal-list-dates","t":"Minimal List Dates","d":"A plain text list of post titles with publish dates beside each one. Use it when you want ","s":"shadcn-ui-blocks","c":"data-display/list","tg":["minimal"],"sb":"Activity and feeds","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-case-studies-accordion-expandable-case-studies","t":"Accordion Expandable Case Studies","d":"An accordion that expands each case study to reveal the full story. Use it to list many pr","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-case-studies-grid-case-study-previews","t":"Grid Case Study Previews","d":"A responsive grid of case study cards with thumbnail, title, and summary. The go to layout","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-case-studies-large-visual-focus-case-study","t":"Large Visual Focus Case Study","d":"A case study block built around one large hero image with supporting copy. Use it when the","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-case-studies-side-by-side-image-story","t":"Side By Side Image Story","d":"A two column block placing a project image beside its written story. Pairs visuals and nar","s":"shadcn-ui-blocks","c":"media/gallery","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-case-studies-timeline-style-case-study","t":"Timeline Style Case Study","d":"A timeline that maps a project across stages from the first brief to outcome. Use it to sh","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-contact-sections-classic-contact-form","t":"Classic Contact Form","d":"A straightforward contact form with name, email, and message fields plus a submit button. ","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-contact-sections-map-with-contact-info","t":"Map With Contact Info","d":"Pairs an embedded location map with address, phone, and email details. Use it when clients","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-contact-sections-minimal-form-with-social","t":"Minimal Form With Social","d":"A compact contact form sitting beside a row of social media icons. Fits portfolios that wa","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-contact-sections-popup-trigger-contact","t":"Popup Trigger Contact","d":"A button that opens the contact form in a modal dialog, keeping the page clean. Good for p","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-contact-sections-split-layout","t":"Split Layout","d":"A two column section with intro copy on one side and the contact form on the other. Balanc","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-core-services-overview-accordion-services","t":"Accordion Services","d":"An accordion that lists each service as an expandable row with a short summary and details","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-core-services-overview-icon-list-overview","t":"Icon List Overview","d":"A list of services where each row pairs an icon with a title and one line of supporting te","s":"shadcn-ui-blocks","c":"data-display/list","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-core-services-overview-numbered-process-style-services","t":"Numbered Process Style Services","d":"A numbered sequence that frames your services as ordered steps with titles and notes. Show","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-core-services-overview-service-cards-grid","t":"Service Cards Grid","d":"A responsive grid of service cards, each with an icon, heading, and short description. Lay","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-core-services-overview-split-layout-feature","t":"Split Layout Feature","d":"A split section pairing a single highlighted service with an image on one side and explana","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-cta-banner-full-width-bold-banner","t":"Full Width Bold Banner","d":"A wide banner with a large heading and a single prominent button. Use it to span the page ","s":"shadcn-ui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-cta-banner-inline-cta","t":"Inline CTA","d":"A slim call to action that sits within page content, pairing one line of copy with a butto","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Banners","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-cta-banner-personal-photo-cta","t":"Personal Photo CTA","d":"A banner combining your portrait with a short pitch and a button. Adds a human face to the","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Banners","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-cta-banner-split-cta","t":"Split CTA","d":"A two column banner with a message on one side and the action button on the other. Keeps t","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Banners","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-cta-banner-sticky-cta","t":"Sticky CTA","d":"A banner that stays fixed as the visitor scrolls, keeping a button always in view. Useful ","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Banners","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-email-signup-and-newsletter-card-style-signup","t":"Card Style Signup","d":"A bordered card holding a headline, short pitch, and email field. Use it as a standalone c","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-email-signup-and-newsletter-footer-integrated-signup","t":"Footer Integrated Signup","d":"An email field built into the site footer beside links and details. Captures subscribers a","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-email-signup-and-newsletter-popup-signup-form","t":"Popup Signup Form","d":"A modal that surfaces an email field over the page, often on exit or after a delay. Use it","k":"layout","s":"shadcn-ui-blocks","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-email-signup-and-newsletter-simple-inline-form","t":"Simple Inline Form","d":"A single row with an email input and a subscribe button. Slots into any section when you w","s":"shadcn-ui-blocks","c":"inputs/form-field","tg":["minimal"],"sb":"Email","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-email-signup-and-newsletter-split-section-signup","t":"Split Section Signup","d":"A two column section with descriptive copy beside the signup form. Explains what subscribe","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-event-speaking-and-workshops-event-cards-grid","t":"Event Cards Grid","d":"A grid of cards listing talks and workshops with their title, date, and venue. Use it to p","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Product","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-event-speaking-and-workshops-featured-talk","t":"Featured Talk","d":"A spotlight section for one talk with its title, summary, and event details. Highlights a ","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-event-speaking-and-workshops-featured-talk-highlight","t":"Featured Talk Highlight","d":"A bold featured talk layout pairing a large title with imagery and key facts. Draws extra ","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-event-speaking-and-workshops-timeline-speaking-engagements","t":"Timeline Speaking Engagements","d":"A vertical timeline charting talks and workshops in date order. Use it to show how your sp","s":"shadcn-ui-blocks","c":"data-display/timeline","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-event-speaking-and-workshops-video-recording-embed","t":"Video Recording Embed","d":"A section embedding a recorded talk video alongside its title and context. Lets visitors w","s":"shadcn-ui-blocks","c":"media/player","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-featured-work-highlights-carousel-of-featured-projects","t":"Carousel Of Featured Projects","d":"A carousel that slides through featured projects one at a time, each with a cover image an","s":"shadcn-ui-blocks","c":"media/carousel","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-featured-work-highlights-interactive-hover-reveal","t":"Interactive Hover Reveal","d":"A grid of project thumbnails that reveal a title, role, and link on hover. Use it to keep ","s":"shadcn-ui-blocks","c":"actions/link","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-featured-work-highlights-large-hero-project-display","t":"Large Hero Project Display","d":"A full width hero that frames one flagship project with a big image, title, and short summ","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-featured-work-highlights-split-image-and-details-layout","t":"Split Image And Details Layout","d":"A two column layout pairing a project screenshot with details and a link beside it. Use it","s":"shadcn-ui-blocks","c":"data-display/accordion","sb":"Cards","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-featured-work-highlights-stacked-highlight-cards","t":"Stacked Highlight Cards","d":"A vertical stack of project cards, each holding an image, title, and tags. Use it to walk ","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-hero-showcases-carousel-slider","t":"Carousel Slider","d":"A hero with a sliding carousel of images behind a headline and short intro. Use it to cycl","s":"shadcn-ui-blocks","c":"inputs/slider","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-hero-showcases-floating-elements","t":"Floating Elements","d":"A hero with floating shapes and images drifting around a centered headline. Use it to add ","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-hero-showcases-full-screen-centered","t":"Full Screen Centered","d":"A full screen hero with a centered name, role, and tagline over a clean background. Use it","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","tg":["minimal"],"sb":"Centered and minimal","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-hero-showcases-minimalist-cta","t":"Minimalist CTA","d":"A spare hero with a short headline and one prominent call to action button. Use it when yo","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-hero-showcases-split-layout","t":"Split Layout","d":"A hero split into a text column and an image column side by side. Use it to pair an introd","k":"section","s":"shadcn-ui-blocks","c":"marketing/hero","sb":"Split","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-mission-and-values-grid-of-core-values","t":"Grid Of Core Values","d":"A grid of cards, each naming one core value with an icon and a short line of detail. Use i","s":"shadcn-ui-blocks","c":"data-display/card","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-mission-and-values-quote-values-combo","t":"Quote Values Combo","d":"A layout that pairs a featured quote with a list of supporting values beside it. Use it to","s":"shadcn-ui-blocks","c":"data-display/list","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-mission-and-values-story-first-narrative","t":"Story First Narrative","d":"A reading focused section that tells your origin story in flowing paragraphs. Use it to ex","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-mission-and-values-three-pillars-layout","t":"Three Pillars Layout","d":"Three equal columns, each presenting one guiding pillar with a heading and text. Use it to","k":"motion","s":"shadcn-ui-blocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-mission-and-values-vertical-step-timeline","t":"Vertical Step Timeline","d":"A vertical timeline that marks milestones and values down the page in order. Use it to tra","s":"shadcn-ui-blocks","c":"data-display/timeline","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-process-and-approach-cycle-diagram","t":"Cycle Diagram","d":"A circular diagram showing the stages of your process as a repeating loop. Use it to conve","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-process-and-approach-horizontal-stepper","t":"Horizontal Stepper","d":"A horizontal row of numbered steps that lead the eye from start to finish. Use it to lay o","s":"shadcn-ui-blocks","c":"navigation/wizard-steps","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-process-and-approach-process-principles","t":"Process Principles","d":"A section that lists the principles guiding how you tackle each project. Use it to state t","k":"section","s":"shadcn-ui-blocks","c":"marketing/features","sb":"Steps","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-process-and-approach-stacked-cards","t":"Stacked Cards","d":"A vertical stack of cards, each describing one phase of your process in turn. Use it to wa","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-process-and-approach-vertical-timeline","t":"Vertical Timeline","d":"A vertical timeline that maps each process phase down the page in sequence. Use it to show","s":"shadcn-ui-blocks","c":"data-display/timeline","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-project-displays-filterable-grid","t":"Filterable Grid","d":"A project grid with category filters across the top so visitors narrow results by tag or t","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-project-displays-quote-stack","t":"Quote Stack","d":"A vertical stack of client quotes paired with project names and roles. Use it to weave tes","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-project-displays-standard-grid","t":"Standard Grid","d":"An even grid of project cards, each with a cover image, title, and short caption. Use it a","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-project-displays-stats-cards","t":"Stats Cards","d":"A row of cards calling out key numbers like projects shipped, clients, and years active. U","s":"shadcn-ui-blocks","c":"data-display/stat","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-project-displays-zigzag-layout","t":"Zigzag Layout","d":"Alternating rows that flip image and text side to side down the page. Use it to give each ","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-quote-and-feedback-base","t":"Base","d":"A clean quote block with the testimonial text, author name, and role. Use it as a simple s","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-quote-and-feedback-grid-of-quotes","t":"Grid Of Quotes","d":"A grid that arranges several short client quotes side by side with names and roles. Use it","k":"section","s":"shadcn-ui-blocks","c":"marketing/logos","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-quote-and-feedback-quote-with-project-context","t":"Quote With Project Context","d":"A testimonial paired with the project it refers to, including a thumbnail and link. Use it","s":"shadcn-ui-blocks","c":"data-display/badge","sb":"Labels","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-quote-and-feedback-scrollable-quote-carousel","t":"Scrollable Quote Carousel","d":"A carousel that slides through client quotes one at a time with author details. Use it to ","s":"shadcn-ui-blocks","c":"media/carousel","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-quote-and-feedback-single-quote-highlight","t":"Single Quote Highlight","d":"A large single quote set in generous space with the author name and title. Use it to featu","s":"shadcn-ui-blocks","c":"data-display/badge","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-resource-download-sections-featured-resource-card","t":"Featured Resource Card","d":"A prominent card spotlighting one downloadable resource with a cover, summary, and button.","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-resource-download-sections-gated-download","t":"Gated Download","d":"A download offer behind a short email form so visitors trade contact details for the file.","k":"section","s":"shadcn-ui-blocks","c":"marketing/marketing","sb":"Portfolio","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-resource-download-sections-inline-resource-callout","t":"Inline Resource Callout","d":"A compact callout that slots into running text to point readers at a related file. Use it ","s":"shadcn-ui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-resource-download-sections-minimalist-resource-list","t":"Minimalist Resource List","d":"A plain vertical list of resources, each a title and a download link. Use it when you want","s":"shadcn-ui-blocks","c":"data-display/list","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-resource-download-sections-resources-grid","t":"Resources Grid","d":"A grid of resource cards, each with an icon, title, and download action. Use it to present","s":"shadcn-ui-blocks","c":"actions/button","sb":"Loading and states","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-resume-and-downloads-branded-document-icons-grid","t":"Branded Document Icons Grid","d":"A grid of document icons, each labeled and linked to a file like a resume or portfolio PDF","k":"resource","s":"shadcn-ui-blocks","c":"assets/icon","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-resume-and-downloads-resume-cover-letter-combo","t":"Resume Cover Letter Combo","d":"A paired offer that lets visitors grab both your resume and cover letter together. Use it ","k":"motion","s":"shadcn-ui-blocks","c":"motion/text-effect","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-resume-and-downloads-resume-with-short-bio-cta","t":"Resume With Short Bio CTA","d":"A short bio next to a clear call to action that downloads your resume. Use it to introduce","k":"section","s":"shadcn-ui-blocks","c":"marketing/cta","sb":"App download","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-resume-and-downloads-simple-download-button","t":"Simple Download Button","d":"A single clear button that downloads your resume in one click. Use it when you want the li","s":"shadcn-ui-blocks","c":"actions/button","tg":["minimal"],"sb":"Loading and states","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-resume-and-downloads-split-layout","t":"Split Layout","d":"A two column block with your intro on one side and resume downloads on the other. Use it t","s":"shadcn-ui-blocks","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-social-media-embeds-highlighted-post","t":"Highlighted Post","d":"A single featured post pinned in a clean card with avatar, caption, and engagement counts.","s":"shadcn-ui-blocks","c":"data-display/badge","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-social-media-embeds-instagram-grid","t":"Instagram Grid","d":"A responsive photo grid that mirrors an Instagram profile layout with hover overlays for l","s":"shadcn-ui-blocks","c":"data-display/badge","tg":["minimal"],"sb":"Tags and pills","sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-social-media-embeds-social-icons-feed","t":"Social Icons Feed","d":"A compact row of platform icons that link out to every profile you maintain. Drop it in a ","s":"shadcn-ui-blocks","c":"data-display/timeline","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-social-media-embeds-tweet-carousel","t":"Tweet Carousel","d":"A swipeable carousel of tweet cards with author, timestamp, and text. Rotate through recen","s":"shadcn-ui-blocks","c":"media/carousel","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-social-media-embeds-youtube-video-strip","t":"YouTube Video Strip","d":"A horizontal strip of YouTube thumbnails with titles and view counts. Place it on a channe","s":"shadcn-ui-blocks","c":"media/player","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-why-work-with-me-before-after-comparison","t":"Before After Comparison","d":"A split panel that shows a project before and after your work with a draggable divider. Pr","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-why-work-with-me-bulleted-value-proposition","t":"Bulleted Value Proposition","d":"A scannable list of value points, each with an icon and short line. Summarizes what you de","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-why-work-with-me-client-oriented-testimonials","t":"Client Oriented Testimonials","d":"Stacked testimonial cards framed around client outcomes, with quote, name, and role. Build","k":"section","s":"shadcn-ui-blocks","c":"marketing/testimonials","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-why-work-with-me-storytelling-approach","t":"Storytelling Approach","d":"A narrative section that walks through your process in ordered steps with supporting copy.","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-why-work-with-me-why-me-vs-competition","t":"Why Me Vs Competition","d":"A two column comparison table contrasting your offer against typical alternatives. Helps u","k":"section","s":"shadcn-ui-blocks","c":"marketing/comparison","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-work-experience-cards-accordion-experience-cards","t":"Accordion Experience Cards","d":"Collapsible role cards that expand to reveal duties and achievements on click. Keeps a lon","s":"shadcn-ui-blocks","c":"data-display/accordion","sb":"Cards","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-work-experience-cards-card-with-project-showcase","t":"Card With Project Showcase","d":"A role card paired with a thumbnail of the project you shipped there. Connects each positi","s":"shadcn-ui-blocks","c":"data-display/card","sb":"Profile","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-work-experience-cards-experience-quote-combo","t":"Experience Quote Combo","d":"A role card joined with a manager or client quote about your impact. Pairs the facts of a ","s":"shadcn-ui-blocks","c":"actions/button","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-work-experience-cards-logo-first-card-layout","t":"Logo First Card Layout","d":"A card that leads with the company logo beside your title and dates. Use it when recogniza","k":"resource","s":"shadcn-ui-blocks","c":"assets/logo","hc":1},{"id":"shadcn-ui-blocks:portfolio-portfolio-work-experience-cards-minimalist-role-highlight","t":"Minimalist Role Highlight","d":"A pared back card showing title, company, and dates with generous spacing. Ideal for a cle","s":"shadcn-ui-blocks","c":"actions/button","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcn-ui-blocks:og-image-agenda","t":"Agenda Open Graph image","d":"An agenda card with an event chip and three session rows.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:og-image-annual-report","t":"Annual report Open Graph image","d":"An annual report card with a year tile, title, and stat chips.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-api-endpoint","t":"API reference Open Graph image","d":"A dark API card with a method chip, endpoint path pill, and description.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-article-dark","t":"Article dark Open Graph image","d":"A dark editorial card with a category chip, headline, summary, and byline.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-award-win","t":"Award Open Graph image","d":"A dark award card with a ringed badge, award title, and presenter line.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-back-in-stock","t":"Restock Open Graph image","d":"A restock card with a back in stock chip, product name, and size chips.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-benchmark","t":"Benchmark Open Graph image","d":"A dark benchmark card with a title, two comparison bars, and a source.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-beta-invite","t":"Beta invite Open Graph image","d":"A dark beta invite card with a private beta pill and an invite code.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-blog-post","t":"Blog post Open Graph image","d":"A clean article card with your headline, summary, and author byline.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:og-image-browser-extension","t":"Extension Open Graph image","d":"An extension card with a browser toolbar mock, title, and browser chips.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-bundle-offer","t":"Bundle Open Graph image","d":"A dark bundle card with joined product tiles, a name, and a savings stat.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-case-study","t":"Case study Open Graph image","d":"A case study card with a customer chip, result headline, and key stats.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-certification","t":"Certification Open Graph image","d":"A certification card with a check badge, cert name, and issuer line.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-cheat-sheet","t":"Cheat sheet Open Graph image","d":"A dark cheat sheet card with a title and a grid of key tiles.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-cli-tool","t":"CLI tool Open Graph image","d":"A dark CLI card with a terminal window, install line, and title.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"shadcn-ui-blocks:og-image-code-snippet","t":"Code snippet Open Graph image","d":"A dark code snippet card with a full width code window and language chip.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-coming-soon","t":"Coming soon Open Graph image","d":"A dark centered teaser card with a brand mark, headline, and date chip.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-community-ama","t":"AMA Open Graph image","d":"A dark AMA card with a guest avatar, title, name line, and date chip.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-company-news","t":"Company news Open Graph image","d":"A company news card with an announcement chip, headline, and date line.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-comparison","t":"Comparison Open Graph image","d":"A comparison card with two feature columns and a title.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-countdown","t":"Countdown Open Graph image","d":"A dark countdown card with a giant day count, a caption, and a date chip.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-dashboard","t":"Dashboard Open Graph image","d":"A dark dashboard card with a window mock, stat tiles, and a sparkline.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-design-system","t":"Design system Open Graph image","d":"A design system card with a swatch and component panel and a version chip.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-documentation","t":"Documentation Open Graph image","d":"A docs card with a breadcrumb trail, page title, and reading metadata.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-earnings","t":"Earnings Open Graph image","d":"A dark earnings card with a quarter chip, revenue, and growth stats.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-ebook-download","t":"Ebook Open Graph image","d":"An ebook card with a drawn book cover, book title, and a pages chip.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-event","t":"Event Open Graph image","d":"A conference card with a calendar tile, venue, and schedule details.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-event-ticket","t":"Ticket Open Graph image","d":"A ticket card with an event info panel, dashed divider, and a stub.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-faq-answer","t":"FAQ Open Graph image","d":"An FAQ card with a help center chip, question title, and answer preview.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-feature-update","t":"Feature update Open Graph image","d":"A dark feature card with a title, description, and settings toggle panel.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-funding-round","t":"Funding Open Graph image","d":"A dark funding card with a round pill, a giant raise stat, and investors.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image","tg":["playful"],"sy":["playful"]},{"id":"shadcn-ui-blocks:og-image-gift-card","t":"Gift card Open Graph image","d":"A gift card design with a drawn card panel, title, and redeem line.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-gift-guide","t":"Gift guide Open Graph image","d":"A gift guide card with three gift tiles, a title, and a price range chip.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:og-image-glossary-term","t":"Glossary Open Graph image","d":"A glossary card with a breadcrumb, oversized term, and one line definition.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-guide-series","t":"Series Open Graph image","d":"A series card with a part chip, series name, and part title.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-hackathon","t":"Hackathon Open Graph image","d":"A dark hackathon card with a dates chip, title, and prize stat.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-hiring-roles","t":"Hiring Open Graph image","d":"A dark hiring card with a title and three role rows with locations.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:og-image-impact-report","t":"Impact report Open Graph image","d":"An impact report card with a title and three stat columns.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:og-image-incident-report","t":"Incident report Open Graph image","d":"A dark incident card with a postmortem chip, timeline rows, and duration.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-integration","t":"Integration Open Graph image","d":"An integration card with two joined logo tiles, a title, and description.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-internship-program","t":"Internship Open Graph image","d":"An internship card with a title, season and location chips, and a footer.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-interview","t":"Interview Open Graph image","d":"A dark interview card with paired avatars, a title, and names line.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-job-posting","t":"Job posting Open Graph image","d":"A hiring card with the role, your pitch, and compensation details.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-launch-day","t":"Launch day Open Graph image","d":"A launch card with an upvote tile, a live chip, title, and tagline.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-library-release","t":"Library release Open Graph image","d":"A dark library card with a version pill, install pill, and highlights.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-limited-offer","t":"Limited offer Open Graph image","d":"A dark limited offer card with a discount stat and an ends chip.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-livestream","t":"Live stream Open Graph image","d":"A dark live stream card with a live pill, title, and platform chips.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-market-update","t":"Market update Open Graph image","d":"A dark market card with three ticker rows and a date line.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:og-image-meetup","t":"Meetup Open Graph image","d":"A meetup card with a date tile, city chip, topic title, and rsvp url.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-metrics-report","t":"Metrics report Open Graph image","d":"A dark report cover led by three headline statistics.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:og-image-milestone","t":"Milestone Open Graph image","d":"A dark milestone card with a giant number, context line, and date chip.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-minimal-brand","t":"Minimal brand Open Graph image","d":"A centered brand card with your logo, name, and tagline.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image","tg":["minimal"],"sy":["minimal"]},{"id":"shadcn-ui-blocks:og-image-mobile-app","t":"Mobile app Open Graph image","d":"A mobile app card with a drawn phone, app name, tagline, and store chips.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-music-release","t":"Music Open Graph image","d":"A dark music card with an album art mock, artist name, and album title.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-new-teammate","t":"New teammate Open Graph image","d":"A new teammate card with an avatar, a joining title, and role line.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-newsletter-issue","t":"Newsletter Open Graph image","d":"A newsletter card with an issue tile, headline, and author byline.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-online-course","t":"Course Open Graph image","d":"A course card with a title, module and hour chips, and instructor byline.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-open-source","t":"Open source Open Graph image","d":"A repository card with a code window and project statistics.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-opinion","t":"Opinion Open Graph image","d":"An opinion card with a columnist byline, bold stance title, and footer.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-panel-discussion","t":"Panel Open Graph image","d":"A panel card with three avatar circles, a title, and names line.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:og-image-partnership","t":"Partnership Open Graph image","d":"A partnership card with two joined brand tiles, a title, and description.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-personal-profile","t":"Profile Open Graph image","d":"A centered profile card with an avatar, name, role, and link chips.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-photo-essay","t":"Photo essay Open Graph image","d":"A photo essay card with a wide image panel, title, and photographer byline.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-podcast-episode","t":"Podcast episode Open Graph image","d":"A dark episode card with guest names and a waveform art panel.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-podcast-show","t":"Podcast show Open Graph image","d":"A podcast show card with a waveform tile, show name, and host line.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-poll-question","t":"Poll Open Graph image","d":"A poll card with a question title, two option bars, and a votes line.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-portfolio-project","t":"Portfolio project Open Graph image","d":"A dark portfolio card with a project title, role chips, and image panel.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-press-release","t":"Press release Open Graph image","d":"A press release card with a release chip, headline, and contact line.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-price-drop","t":"Price drop Open Graph image","d":"A price drop card with an old and new price, product name, and ends chip.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-pricing-plans","t":"Pricing Open Graph image","d":"A pricing card with three plan tiles and a highlighted middle plan.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:og-image-product-card","t":"Product Open Graph image","d":"A product card with an image panel, name, price, and star rating.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-product-drop","t":"Drop Open Graph image","d":"A dark drop card with a new drop chip, product name, and notify pill.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-product-launch","t":"Product launch Open Graph image","d":"A dark launch card pairing your announcement with an app window mockup.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-quote-card","t":"Quote Open Graph image","d":"A quote card with an oversized quote mark, quote text, and attribution.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-rebrand","t":"Rebrand Open Graph image","d":"A rebrand card with old and new logo tiles, a title, and description.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-recipe","t":"Recipe Open Graph image","d":"A recipe card with a dish title, description, and time and serving chips.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-referral-offer","t":"Referral Open Graph image","d":"A referral card with give and get tiles, a title, and a url.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-release-notes","t":"Release notes Open Graph image","d":"A dark changelog card with a version badge and a highlight list.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-research-summary","t":"Research Open Graph image","d":"A research card with a title, authors line, and a key finding.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-resume-card","t":"Resume Open Graph image","d":"A resume card with a name, title line, skill chips, and contact url.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-review-score","t":"Review Open Graph image","d":"A review card with a product title, star rating, verdict, and score chip.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-rewards-program","t":"Rewards Open Graph image","d":"A dark rewards card with a points stat, tier chips, and a title.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-roadmap-update","t":"Roadmap Open Graph image","d":"A roadmap card with now, next, and later columns and a quarter chip.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-sale-promo","t":"Sale Open Graph image","d":"A sale card with a giant discount, event line, dates chip, and code pill.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-sdk-release","t":"SDK Open Graph image","d":"A dark SDK card with a code window, title, and language chips.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-security-advisory","t":"Security advisory Open Graph image","d":"A dark advisory card with a severity chip, title, and affected versions.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-speaker-card","t":"Speaker Open Graph image","d":"A dark speaker card with a large avatar, name and role, and talk title.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-survey-results","t":"Survey results Open Graph image","d":"A survey card with a title, three percent bars, and a sample size line.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:og-image-system-status","t":"Status Open Graph image","d":"A status card with an operational headline and green service rows.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-testimonial","t":"Testimonial Open Graph image","d":"A testimonial card with a star row, quote, and an avatar attribution.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-tutorial","t":"Tutorial Open Graph image","d":"A tutorial card with a title, summary, and step, time, and level chips.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-video-episode","t":"Video Open Graph image","d":"A dark video card with a play button, title, and duration and view chips.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-video-series","t":"Video series Open Graph image","d":"A video series card with three episode tiles, a title, and a count chip.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:og-image-waitlist","t":"Waitlist Open Graph image","d":"A waitlist card with a title, a waiting count stat, and a join pill.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-webinar","t":"Webinar Open Graph image","d":"A webinar card with a date tile, title, host avatars, and detail chips.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-website-template","t":"Website template Open Graph image","d":"A template card with a browser mock, template name, and stack chips.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-weekly-digest","t":"Digest Open Graph image","d":"A digest card with a week chip, title, and three numbered highlights.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image","tg":["webgl"],"sy":["webgl"]},{"id":"shadcn-ui-blocks:og-image-workshop","t":"Workshop Open Graph image","d":"A workshop card with a title, seat and level chips, and a date footer.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image"},{"id":"shadcn-ui-blocks:og-image-year-in-review","t":"Year in review Open Graph image","d":"A dark year in review card with a big year and three stat columns.","k":"resource","s":"shadcn-ui-blocks","c":"assets/og-image","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:about1","t":"About 1   Intro With Story Columns","d":"A short about hero with a large headline, one culture photo, and two titled story columns.","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:about10","t":"About 10   Sticky Sidebar Company Profile","d":"A two-column about section with sticky sidebar containing avatar and contact link, and mai","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:about11","t":"About 11   Creative Agency Portfolio","d":"A portfolio-style about section with team photos, process description, logo marquee, award","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:about12","t":"About 12   Agency Profile with Process Cards","d":"A structured agency about section with labeled sections, process cards with numbered badge","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Steps"},{"id":"shadcnblocks:about13","t":"About 13   Story with Avatar Profile","d":"A six-column about section with large story headline, team intro text, avatar profile card","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:about14","t":"About 14   About with Hero Image","d":"A six-column about section with headline, full-width hero image, labeled intro text, avata","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:about15","t":"About 15   Tilted Photo Profile Card","d":"A dark two-column about section with a rotated polaroid-style photo card, headline, body t","s":"shadcnblocks","c":"data-display/profile","tg":["3d"],"sy":["3d"]},{"id":"shadcnblocks:about16","t":"About 16   Why Us Stats Section","d":"A six-column about section with sticky Why Us label, quote-style headline, supporting text","s":"shadcnblocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:about17","t":"About 17   Interactive Tab Profile","d":"A seven-column profile section with role and timezone info, bio text, interactive tab navi","s":"shadcnblocks","c":"navigation/tabs"},{"id":"shadcnblocks:about18","t":"About 18   Mission and Drive Sections","d":"A seven-column about section with mission and drive content blocks, each with label, headl","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:about19","t":"About 19   Image Left Quote Right","d":"A seven-column about section with large bordered image on the left and headline, text, quo","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:about2","t":"About 2   Stats Grid with Logos and Testimonial","d":"A comprehensive about block with centered intro, asymmetric image grid, stats section, log","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:about20","t":"About 20   Founder Profile with Signature","d":"A dark seven-column profile section with role info, two headline paragraphs, a handwritten","s":"shadcnblocks","c":"data-display/profile"},{"id":"shadcnblocks:about21","t":"About 21   Hero Story and Training Cards","d":"A multi-section about block with hero image overlay, story section with milestone image an","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"SaaS and AI"},{"id":"shadcnblocks:about22","t":"About 22   Animated Story with Images","d":"A two-column about section with Framer Motion animations, vertical image on the left, and ","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:about23","t":"About 23   Split intro with story columns and stats","d":"A company about section with a top-aligned label, split intro, full-width photo, two story","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:about24","t":"About 24   Personal Profile with Clients and Awards","d":"A two-column profile section with avatar, roles, bio, location on the left, and client lis","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:about25","t":"About 25   Animated Story with Stats and Avatars","d":"A comprehensive studio about section with Framer Motion animations, large title, partner a","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:about26","t":"About 26   Studio Profile with Services","d":"A studio about section with monospace label, large two-part headline, stats list, three pa","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:about27","t":"About 27   Enterprise About with Team Grid","d":"A comprehensive enterprise about section with hero, value proposition stats, team grid wit","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:about28","t":"About 28   Two Column About with Staggered Images","d":"A two-column about section with alternating image and text blocks, featuring staggered ima","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:about29","t":"About 29   Mission panel with text columns","d":"A stacked about section with a large headline, image and mission overlay, then a three-col","s":"shadcnblocks","c":"data-display/card","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"shadcnblocks:about3","t":"About 3   Company Profile with Achievements","d":"A two-column about section with main image, breakout card, logo strip, and achievements st","s":"shadcnblocks","c":"data-display/profile","hc":1},{"id":"shadcnblocks:about30","t":"About 30   Centered intro with photo row","d":"A short about section with a centered headline, supporting paragraph, and an asymmetric th","s":"shadcnblocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:about31","t":"About 31   Story with Avatar Profile","d":"A six-column about section with large story headline, team intro text, avatar profile card","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:about32","t":"About 32   About with Hero Image","d":"A six-column about section with headline, full-width hero image, labeled intro text, avata","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:about33","t":"About 33   Mission and Drive Sections","d":"A seven-column about section with mission and drive content blocks, each with label, headl","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:about34","t":"About 34   Studio split with work CTA","d":"A seven-column studio about section with a bordered workshop photo, The Studio heading, su","k":"section","s":"shadcnblocks","c":"marketing/cta"},{"id":"shadcnblocks:about35","t":"About 35   Interactive Tab Profile","d":"A seven-column profile section with avatar, role, timezone, bio text, interactive tab navi","s":"shadcnblocks","c":"navigation/tabs"},{"id":"shadcnblocks:about36","t":"About 36   Photo Mosaic With Story Columns","d":"A mid-page about section with a start-aligned headline, a three-photo mosaic, and two titl","s":"shadcnblocks","c":"media/gallery","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:about37","t":"About 37   Editorial Intro With Photo Pair","d":"An about hero with a two-column headline and paragraph, a pair of culture photos, and an o","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:about38","t":"About 38   Split Intro With Story Columns","d":"A split about hero with a headline and supporting copy beside two stacked culture photos, ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:about39","t":"About 39   Sticky Sidebar Client List","d":"A two-column freelancer about section with a sticky avatar sidebar, bio and approach copy,","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:about4","t":"About 4   Vision and Creators with Image Grid","d":"A centered about section with six-image grid, two-column vision and creators text blocks, ","s":"shadcnblocks","c":"media/gallery","sb":"Grids"},{"id":"shadcnblocks:about40","t":"About 40   Sticky studio with awards","d":"A two-column studio about section with a sticky brand sidebar, The Studio heading, approac","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:about41","t":"About 41   Ruled about with numbered stories","d":"An about section on a twelve-column grid, with a large headline, four square photos, and t","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:about42","t":"About 42   L shaped about with a photo slider","d":"An about section with a tall photo slider beside a square, the headline under that square,","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:about43","t":"About 43   Poster about with three portraits","d":"A poster-scale about headline above three portrait columns, then logos, stats, and a journ","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:about5","t":"About 5   Developer Platform Story","d":"A developer-focused about section with two-column intro, large image, tech logos, origin s","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:about6","t":"About 6   Story and Workplace Photo Grid","d":"A two-column about section with story text and staggered photo grids showing team and work","s":"shadcnblocks","c":"media/gallery","sb":"Grids"},{"id":"shadcnblocks:about7","t":"About 7   Product Story with Offset Images","d":"A narrative about section with offset image layout, product philosophy text, team photos, ","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:about8","t":"About 8   Fintech About with Stats Carousel","d":"A fintech-style about section with plus-sign pattern background, stats row, mission narrat","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:about9","t":"About 9   Developer Profile with Photos","d":"A personal profile section with large team photo, role and location info with flag icon, b","s":"shadcnblocks","c":"data-display/profile"},{"id":"shadcnblocks:accept-invite1","t":"Accept Invite 1   Two Column Invite with Email Form","d":"A two-column invitation acceptance screen with Google sign-in, email input form, welcome m","s":"shadcnblocks","c":"inputs/form-field","tg":["webgl"],"sb":"Email","sy":["webgl"],"hc":1},{"id":"shadcnblocks:accept-invite2","t":"Accept Invite 2   Centered invite card with logo","d":"A compact centered invitation card with organization logo, personalized message, and accep","k":"resource","s":"shadcnblocks","c":"assets/logo","sb":"Dev tools"},{"id":"shadcnblocks:accept-invite3","t":"Accept Invite 3   Split accept invite with verified badge","d":"A fullscreen split invite screen with workspace branding, stacked member avatars, a verifi","s":"shadcnblocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcnblocks:accept-invite4","t":"Accept Invite 4   Accept invite with workspace access","d":"A centered invite confirmation card with inviter note, workspace access list, and a join a","s":"shadcnblocks","c":"overlays/dialog","sb":"Share and invite"},{"id":"shadcnblocks:accept-invite5","t":"Accept Invite 5   Workspace Join","d":"A centered workspace invite with the workspace address, member count, starting channels, a","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcnblocks:accept-invite6","t":"Accept Invite 6   Locked Email Invite","d":"An account invite that names the granted role and locks the address the invitation was sen","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:accept-invite7","t":"Accept Invite 7   Project Join Bar","d":"A wide project invite that places the site, project, role, and join action on one row.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:address-book1","t":"Address Book 1   Address book list with edit modes and default selection","d":"This component provides an interactive interface for managing and editing a list of addres","s":"shadcnblocks","c":"data-display/list","hc":1},{"id":"shadcnblocks:address-book2","t":"Address Book 2   Card grid address book with default selection","d":"The AddressBook2 component is designed to manage a collection of addresses, allowing users","s":"shadcnblocks","c":"data-display/card"},{"id":"shadcnblocks:address-book3","t":"Address Book 3   Saved Address Table","d":"A searchable address table with type filters, a default marker, and an add form in the sam","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:address-book4","t":"Address Book 4   Checkout address picker with sheet","d":"Narrow checkout address picker with selectable radio cards, delivery estimates, and a side","k":"section","s":"shadcnblocks","c":"marketing/pricing"},{"id":"shadcnblocks:address-book5","t":"Address Book 5   Shipping And Billing Form","d":"One checkout form for the shipping address and the billing address, with a checkbox to kee","s":"shadcnblocks","c":"inputs/form-field","sb":"Address"},{"id":"shadcnblocks:address-book6","t":"Address Book 6   Drop Off Instructions","d":"A place switcher, handoff choices, and a label note, with each saved address keeping its o","s":"shadcnblocks","c":"inputs/form-field","sb":"Address"},{"id":"shadcnblocks:application-shell1","t":"Application Shell 1   Sidebar Shell with Breadcrumbs","d":"A full application shell with collapsible sidebar, grouped navigation with submenus, user ","k":"layout","s":"shadcnblocks","c":"layout/page-shell","hc":1},{"id":"shadcnblocks:application-shell10","t":"Application Shell 10   Support Ticket Shell","d":"A support or helpdesk application shell with ticket sidebar, command palette search, conve","k":"layout","s":"shadcnblocks","c":"layout/page-shell"},{"id":"shadcnblocks:application-shell11","t":"Application Shell 11   Video Platform Shell","d":"A YouTube-style video platform shell with category sidebar, collapsible subscription secti","k":"layout","s":"shadcnblocks","c":"layout/page-shell"},{"id":"shadcnblocks:application-shell12","t":"Application Shell 12   Two tier sidebar shell with organization switcher","d":"Two-tier sidebar with collapsible panel, organization switcher, and animated transitions.","k":"layout","s":"shadcnblocks","c":"layout/page-shell"},{"id":"shadcnblocks:application-shell13","t":"Application Shell 13   Top navigation shell with dropdown menus and mobile sheet","d":"Top navigation bar with dropdown menus, search field, organization switcher, and mobile bo","k":"layout","s":"shadcnblocks","c":"layout/page-shell"},{"id":"shadcnblocks:application-shell14","t":"Application Shell 14   Crypto exchange shell with wallet and token menus","d":"Cryptocurrency exchange interface with wallet menu, token favorites, notifications, and ro","k":"layout","s":"shadcnblocks","c":"layout/page-shell"},{"id":"shadcnblocks:application-shell15","t":"Application Shell 15   Floating sidebar with nested sections","d":"An application shell with a floating sidebar, a brand header, and section titles that stay","k":"layout","s":"shadcnblocks","c":"layout/page-shell"},{"id":"shadcnblocks:application-shell16","t":"Application Shell 16   Sidebar with dropdown submenus","d":"An application shell whose sidebar sections open their child links in a dropdown menu inst","k":"layout","s":"shadcnblocks","c":"layout/page-shell"},{"id":"shadcnblocks:application-shell17","t":"Application Shell 17   Inset sidebar with secondary navigation","d":"An inset application shell with collapsible primary navigation, a project list, and a seco","k":"layout","s":"shadcnblocks","c":"layout/page-shell"},{"id":"shadcnblocks:application-shell18","t":"Application Shell 18   Sidebar on the right","d":"An application shell with the navigation sidebar on the right, a page outline of sections ","k":"layout","s":"shadcnblocks","c":"layout/page-shell"},{"id":"shadcnblocks:application-shell19","t":"Application Shell 19   Left and right sidebars","d":"An application shell with a left navigation sidebar and a right sidebar that holds a calen","k":"layout","s":"shadcnblocks","c":"layout/page-shell"},{"id":"shadcnblocks:application-shell2","t":"Application Shell 2   Inset Sidebar with Icon Collapse","d":"An application shell with inset collapsible sidebar that collapses to icon-only mode, grou","k":"layout","s":"shadcnblocks","c":"layout/page-shell"},{"id":"shadcnblocks:application-shell20","t":"Application Shell 20   Sidebar with a calendar","d":"An application shell whose sidebar contains a month calendar, collapsible calendar lists, ","k":"layout","s":"shadcnblocks","c":"layout/page-shell"},{"id":"shadcnblocks:application-shell3","t":"Application Shell 3   Top Navigation Bar Shell","d":"An application shell with horizontal top navigation bar featuring dropdown menus, search i","k":"layout","s":"shadcnblocks","c":"layout/page-shell","hc":1},{"id":"shadcnblocks:application-shell4","t":"Application Shell 4   Top Navigation with Tabs","d":"An application shell with horizontal top navigation using tab-style links, search input, u","k":"layout","s":"shadcnblocks","c":"layout/page-shell"},{"id":"shadcnblocks:application-shell5","t":"Application Shell 5   Floating Sidebar Shell","d":"An application shell with floating sidebar variant, grouped navigation with collapsible su","k":"layout","s":"shadcnblocks","c":"layout/page-shell"},{"id":"shadcnblocks:application-shell6","t":"Application Shell 6   Module Switcher Sidebar Shell","d":"An application shell with module switcher in sidebar, animated navigation transitions, bad","k":"layout","s":"shadcnblocks","c":"layout/page-shell"},{"id":"shadcnblocks:application-shell7","t":"Application Shell 7   Messaging App Shell","d":"A messaging-style application shell with channel sidebar, pinned items, user presence indi","k":"layout","s":"shadcnblocks","c":"layout/page-shell"},{"id":"shadcnblocks:application-shell8","t":"Application Shell 8   Email Client Shell","d":"An email client application shell with folder sidebar, workspace switcher, search input, m","k":"layout","s":"shadcnblocks","c":"layout/page-shell"},{"id":"shadcnblocks:application-shell9","t":"Application Shell 9   IDE Style File Explorer Shell","d":"A code editor-style application shell with activity bar, file explorer sidebar with collap","k":"layout","s":"shadcnblocks","c":"layout/page-shell"},{"id":"shadcnblocks:awards1","t":"Awards 1   Awards table with linked rows","d":"A section with a large heading and a full-width table of award name, description, and year","s":"shadcnblocks","c":"data-display/table","hc":1},{"id":"shadcnblocks:awards10","t":"Awards 10   Portfolio Photo Grid","d":"A two-column portfolio grid pairing each photograph with a project title, award name, and ","s":"shadcnblocks","c":"media/gallery","sb":"Grids"},{"id":"shadcnblocks:awards11","t":"Awards 11   Swiss Awards Index","d":"A Swiss awards index with numbered rows for title, discipline, and year inside a ruled gri","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:awards12","t":"Awards 12   Editorial Honors Stack","d":"An editorial honors list that leads with one oversized award title, then smaller titles wi","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:awards13","t":"Awards 13   Featured Award Bento","d":"A bento with a heading, one large photographed award, and four text tiles for the remainin","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:awards14","t":"Awards 14   Freelancer Honors List","d":"A narrow freelancer section with a name, a short introduction, and a simple list of honors","s":"shadcnblocks","c":"data-display/list","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:awards15","t":"Awards 15   Freelancer Portrait And List","d":"A split freelancer section with a portrait beside a short biography and a bordered list of","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:awards16","t":"Awards 16   Agency Project Awards","d":"Three agency project cards, each with a photograph, client name, award title, and year.","s":"shadcnblocks","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:awards17","t":"Awards 17   Swiss Year Bands","d":"Agency awards grouped into year bands, with a large year and ruled entries for client, pri","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:awards18","t":"Awards 18   Issuer Logo Grid","d":"A corporate grid of issuer logos, each paired with the award title and year.","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:awards19","t":"Awards 19   Alternating Awards Timeline","d":"A vertical timeline of studio awards with years, titles, and short notes, alternating side","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:awards2","t":"Awards 2   Sticky label with awards list","d":"A two-column layout with a small uppercase label and sticky positioning beside a list of a","s":"shadcnblocks","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"shadcnblocks:awards20","t":"Awards 20   Featured Portfolio Award","d":"A portfolio feature with a large award title and photograph, plus a four-cell index of fur","s":"shadcnblocks","c":"ai-agent/ai-agent"},{"id":"shadcnblocks:awards3","t":"Awards 3   Awards list with hover accent rows","d":"A titled section with intro text and stacked rows showing a color marker, award title, cat","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:awards4","t":"Awards 4   Awards table with logos and date subtitle","d":"A large display Awards heading paired with a parenthetical date subtitle above a table of ","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:awards5","t":"Awards 5   Awards list with pointer following preview","d":"A serif-styled grid with a sticky sidebar label and large award titles where pointer movem","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:awards6","t":"Awards 6   Milestones grid with separator rows","d":"A display-size milestones heading over a labeled grid of milestone title, type, and year w","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:awards7","t":"Awards 7   Split accolades list and product spotlight","d":"Two columns: intro and an accolade stack with separators on the left, and a product image ","s":"shadcnblocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:awards8","t":"Awards 8   Running Awards Marquee","d":"A portfolio awards section with a large heading and two full-bleed lines of award names an","k":"motion","s":"shadcnblocks","c":"motion/marquee"},{"id":"shadcnblocks:awards9","t":"Awards 9   Active Award Lines","d":"A portfolio awards section where hovering a large title lights that line and swaps a displ","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Beams and light"},{"id":"shadcnblocks:background-pattern1","t":"Background Pattern 1   Full screen radial gradient background pattern","d":"This component generates a full-screen background pattern with a radial gradient effect, a","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient"],"sb":"Grids and patterns","sy":["gradient"],"hc":1},{"id":"shadcnblocks:background-pattern10","t":"Background Pattern 10   Full viewport CSS grid background pattern","d":"This component creates a visually appealing background with a grid pattern using CSS gradi","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient"],"sb":"Grids and patterns","sy":["gradient"]},{"id":"shadcnblocks:background-pattern100","t":"Background Pattern 100   Bottom Blurred Gradient With Noise","d":"A full-height section with two large bottom-corner radial gradients, heavy blur, desaturat","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient"],"sb":"Grids and patterns","sy":["gradient"]},{"id":"shadcnblocks:background-pattern11","t":"Background Pattern 11   Full screen diagonal cross grid section","d":"This component renders a full-screen section with a diagonal cross grid background pattern","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern111","t":"Background Pattern 111   Left Fade Dot Grid Background","d":"A full-height centered section whose primary dot grid is masked so the pattern reads stron","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern112","t":"Background Pattern 112   Right Fade Dot Grid Background","d":"A full-height centered section whose primary dot grid is masked so the pattern is stronges","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern113","t":"Background Pattern 113   Bottom Corner Dot Grid Background","d":"A full-height centered section with a primary dot grid masked from the bottom-right corner","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern115","t":"Background Pattern 115   Center Vignette Dot Grid Background","d":"A full-height centered section with a primary dot grid vignetted from the middle so the ed","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern116","t":"Background Pattern 116   Top Band Dot Grid Background","d":"A full-height centered section with a wide elliptical mask so the primary dot grid is stro","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern117","t":"Background Pattern 117   Bottom Band Dot Grid Background","d":"A full-height centered section with a primary-tinted dot grid that fades upward from the b","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern12","t":"Background Pattern 12   Diagonal cross grid background pattern with fades","d":"This component displays a visually engaging diagonal cross grid background pattern with fa","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern13","t":"Background Pattern 13   Diagonal crosshatch with side fade","d":"This component renders a visually engaging background pattern featuring a left fade diagon","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern14","t":"Background Pattern 14   Diagonal cross grid with top fade","d":"This component serves as a full-screen background pattern block, featuring a diagonally or","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern15","t":"Background Pattern 15   Bottom centered diagonal cross grid background pattern","d":"This component creates a visually engaging background pattern with diagonal cross grids an","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern16","t":"Background Pattern 16   Lower left diagonal cross grid background pattern","d":"This component creates a visually appealing background pattern using diagonal cross grids ","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern17","t":"Background Pattern 17   Lower right diagonal cross grid background pattern","d":"This component creates a visually appealing background pattern using a diagonal cross grid","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern18","t":"Background Pattern 18   Center focused diagonal cross grid background pattern","d":"This component creates a visually engaging background pattern using diagonal cross grids a","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern19","t":"Background Pattern 19   Dashed orthogonal grid section background pattern","d":"This component creates a full-screen container featuring a dashed grid background pattern,","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern2","t":"Background Pattern 2   Bottom radial gradient section background pattern","d":"This component serves as a customizable background pattern block, featuring a radial gradi","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient"],"sb":"Grids and patterns","sy":["gradient"],"hc":1},{"id":"shadcnblocks:background-pattern20","t":"Background Pattern 20   Dashed grid background pattern, upper left emphasis","d":"This component creates a full-screen background pattern featuring a right-fade dashed grid","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["playful"],"sb":"Grids and patterns","sy":["playful"]},{"id":"shadcnblocks:background-pattern21","t":"Background Pattern 21   Dashed grid background pattern, upper right emphasis","d":"This component renders a full-screen block with a dashed grid background pattern, featurin","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["3d","gradient"],"sb":"Grids and patterns","sy":["3d","gradient"]},{"id":"shadcnblocks:background-pattern22","t":"Background Pattern 22   Dashed grid background pattern, top edge emphasis","d":"This component creates a visually dynamic background pattern, featuring a dashed grid over","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient"],"sb":"Grids and patterns","sy":["gradient"]},{"id":"shadcnblocks:background-pattern23","t":"Background Pattern 23   Dashed grid with radial gradient mask","d":"The BackgroundPattern23 component creates a visually engaging block with a customizable ba","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient"],"sb":"Grids and patterns","sy":["gradient"]},{"id":"shadcnblocks:background-pattern24","t":"Background Pattern 24   Dashed grid with corner fade","d":"This component creates a visually engaging background with a faded dashed grid pattern and","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern25","t":"Background Pattern 25   Dashed grid faded from bottom left","d":"This component generates a visually appealing background pattern with a bottom-left fade d","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern26","t":"Background Pattern 26   Dashed grid faded toward center","d":"This component creates a visually appealing background pattern using intersecting linear a","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["3d","gradient"],"sb":"Grids and patterns","sy":["3d","gradient"]},{"id":"shadcnblocks:background-pattern27","t":"Background Pattern 27   Radial glow from top center","d":"This component serves as a flexible background block that fills the entire viewport with a","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient","neon","playful"],"sb":"Grids and patterns","sy":["gradient","neon","playful"]},{"id":"shadcnblocks:background-pattern28","t":"Background Pattern 28   Center spotlight radial background","d":"This component, called BackgroundPattern28, is designed to display a customizable full-scr","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient"],"sb":"Grids and patterns","sy":["gradient"]},{"id":"shadcnblocks:background-pattern29","t":"Background Pattern 29   Top radial glow background","d":"This component renders a full-screen background pattern with a top radial glow effect, des","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["neon"],"sb":"Grids and patterns","sy":["neon"]},{"id":"shadcnblocks:background-pattern3","t":"Background Pattern 3   Full screen linear grid background","d":"This component creates a full-screen flex container with a customizable linear grid backgr","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern30","t":"Background Pattern 30   Dual radial gradient background","d":"This component renders a full-screen background pattern with radial gradients, designed to","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient"],"sb":"Grids and patterns","sy":["gradient"]},{"id":"shadcnblocks:background-pattern31","t":"Background Pattern 31   Circuit board grid background","d":"This component renders a full-screen background featuring a circuit board pattern using CS","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient"],"sb":"Grids and patterns","sy":["gradient"]},{"id":"shadcnblocks:background-pattern32","t":"Background Pattern 32   Circuit board grid with top left corner fade","d":"This component displays a visually appealing background pattern with a right-side fade res","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern33","t":"Background Pattern 33   Circuit board grid with top right corner fade","d":"This component is designed to create a visually engaging background with a circuit board p","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern34","t":"Background Pattern 34   Circuit board grid faded from top","d":"This component, named BackgroundPattern34, creates a visually appealing background pattern","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient"],"sb":"Grids and patterns","sy":["gradient"]},{"id":"shadcnblocks:background-pattern35","t":"Background Pattern 35   Circuit board grid faded from bottom","d":"This component is designed to display a full-screen background with a circuit board patter","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern36","t":"Background Pattern 36   Circuit board grid with bottom left corner fade","d":"A component that creates a visually interesting background pattern using a combination of ","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient"],"sb":"Grids and patterns","sy":["gradient"]},{"id":"shadcnblocks:background-pattern37","t":"Background Pattern 37   Circuit board grid with bottom right corner fade","d":"This component is designed to showcase a full-screen background with a visually engaging c","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient"],"sb":"Grids and patterns","sy":["gradient"]},{"id":"shadcnblocks:background-pattern38","t":"Background Pattern 38   Circuit board grid faded toward edges","d":"This component creates a visually engaging background pattern with a center-fade circuit b","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern39","t":"Background Pattern 39   Grid and dot section background","d":"The BackgroundPattern39 component creates a visually appealing section with a dynamic whit","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern4","t":"Background Pattern 4   Full screen grid background with corner fade","d":"This component creates a full-screen background with a diagonal fade grid pattern using CS","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient"],"sb":"Grids and patterns","sy":["gradient"]},{"id":"shadcnblocks:background-pattern40","t":"Background Pattern 40   Grid and dot background with top left corner fade","d":"This component serves as a versatile background pattern featuring a combination of linear ","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient"],"sb":"Grids and patterns","sy":["gradient"]},{"id":"shadcnblocks:background-pattern5","t":"Background Pattern 5   Large cell grid section background with top right radial fade","d":"This component creates a full-screen background pattern with a diagonal fade grid effect, ","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient"],"sb":"Grids and patterns","sy":["gradient"]},{"id":"shadcnblocks:background-pattern6","t":"Background Pattern 6   Square tiled grid background with top fade","d":"This component renders a full-screen background pattern with a top fade grid effect, provi","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern7","t":"Background Pattern 7   Grid backdrop with radial center fade","d":"This component creates a visually dynamic background with a grid pattern and a radial fade","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern8","t":"Background Pattern 8   Full viewport grid background with bottom left fade","d":"This component, named BackgroundPattern8, is designed to create a visually appealing full-","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient"],"sb":"Grids and patterns","sy":["gradient"]},{"id":"shadcnblocks:background-pattern9","t":"Background Pattern 9   Grid background pattern with bottom right radial fade","d":"This component, BackgroundPattern9, creates a visually appealing background with a grid pa","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Grids and patterns"},{"id":"shadcnblocks:background-pattern95","t":"Background Pattern 95   Multi Corner Radial Glow Background","d":"A full-height section with four chart-tinted radial glows on the page background plus a hi","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["neon"],"sb":"Grids and patterns","sy":["neon"]},{"id":"shadcnblocks:background-pattern96","t":"Background Pattern 96   Corner Gradient Stack With SVG Noise","d":"A min-height screen section with stacked corner radial gradients from chart colors and a f","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient"],"sb":"Grids and patterns","sy":["gradient"]},{"id":"shadcnblocks:background-pattern97","t":"Background Pattern 97   Blurred Mesh Glow Background","d":"A full-height canvas with several large blurred radial gradients forming a mesh of chart c","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient","neon"],"sb":"Grids and patterns","sy":["gradient","neon"]},{"id":"shadcnblocks:background-pattern98","t":"Background Pattern 98   Bottom Glow Gradient Background","d":"A viewport-tall section with three stacked bottom-anchored radial glows in chart colors, h","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient","neon","webgl"],"sb":"Grids and patterns","sy":["gradient","neon","webgl"]},{"id":"shadcnblocks:background-pattern99","t":"Background Pattern 99   Duo Corner Gradient Background","d":"A min-height screen backdrop with two large blurred radial gradients from opposite corners","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient"],"sb":"Grids and patterns","sy":["gradient"]},{"id":"shadcnblocks:banner1","t":"Banner 1   Full width dismissible announcement bar","d":"A thin top bar with centered title, muted supporting text, an inline external link, and a ","s":"shadcnblocks","c":"overlays/alert-banner","hc":1},{"id":"shadcnblocks:banner10","t":"Banner 10   Dismissible muted release announcement","d":"A muted full-width bar with bold release title, supporting copy, and a ghost icon button t","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner11","t":"Banner 11   Primary bar with soft radial and CTA","d":"A primary full-width banner with soft radial highlight, promotional copy, and a rounded se","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner13","t":"Banner 13   Countdown offer bar with outline CTA","d":"A bordered announcement bar with a live ticking countdown pill, muted offer copy, and an o","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner14","t":"Banner 14   Floating status card with dismiss","d":"A bordered status card with operational indicator, dashboard link, and a ghost dismiss act","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner15","t":"Banner 15   New badge announcement link bar","d":"A slim bordered strip with sparkle icon, new badge, muted description, and an inline explo","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner16","t":"Banner 16   Inverted dark pro upgrade bar","d":"An inverted full-width upgrade bar with mono eyebrow, product pitch, soft primary glow, an","s":"shadcnblocks","c":"overlays/alert-banner","tg":["neon"],"sy":["neon"]},{"id":"shadcnblocks:banner17","t":"Banner 17   Email subscribe announcement bar","d":"A card-surface banner with a short prompt, rounded email field, and subscribe button that ","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner18","t":"Banner 18   Promo code copy banner","d":"A full-width promo strip with a tag icon, discount message, dashed mono code chip that cop","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner19","t":"Banner 19   New badge banner with avatars","d":"A card-surface banner with a sparkle icon, New badge, announcement line, overlapping avata","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner2","t":"Banner 2   Container announcement bar with dismiss","d":"A muted banner inside the site container with inline title, description, link, and ghost c","s":"shadcnblocks","c":"overlays/alert-banner","hc":1},{"id":"shadcnblocks:banner20","t":"Banner 20   Muted upgrade banner","d":"A muted full-width upgrade strip with a short title, supporting line, and a compact upgrad","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner21","t":"Banner 21   Scrolling marquee banner","d":"A bordered horizontal marquee of short feature phrases separated by thin vertical dividers","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner22","t":"Banner 22   Brand bar with navigation links","d":"A slim brand bar with logo mark, product name, tagline, browse link, and a primary get-acc","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner23","t":"Banner 23   Maintenance warning banner","d":"A dismissible maintenance warning strip with a chart-toned alert icon, schedule details, a","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner24","t":"Banner 24   Progress unlock banner","d":"A card-surface progress banner with a package icon, remaining-count message, fraction read","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner25","t":"Banner 25   Centered pill changelog banner","d":"A centered floating pill with a status dot, release message, and changelog link that nudge","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner26","t":"Banner 26   Webinar announcement banner","d":"A full-width webinar bar with a calendar date pill, title and session meta, plus an outlin","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner27","t":"Banner 27   Mobile app download banner","d":"A full-width mobile promo bar with device icon, title and supporting line, plus App Store ","s":"shadcnblocks","c":"overlays/alert-banner","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:banner3","t":"Banner 3   Primary promo banner with shop button","d":"A solid primary strip with title and description beside a secondary shop-button link and i","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner4","t":"Banner 4   Primary bar banner with dismiss","d":"Full-width primary banner with title, supporting line, and dismiss icon; stacks on small s","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner5","t":"Banner 5   Floating card banner with link","d":"Absolutely positioned rounded banner with title, muted description, outline link button, a","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner6","t":"Banner 6   Pill banner with overlapping avatars","d":"Rounded floating banner with overlapping avatars, bold social-proof line, and a circular d","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner7","t":"Banner 7   Full width banner with separator link","d":"Dismissible full-width strip with message, vertical divider, learn-more link with arrow on","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner9","t":"Banner 9   Primary announcement bar with catalog link","d":"A full-width primary strip with centered announcement copy and an underlined inline link t","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:bento10","t":"Bento 10   Analytics bento with wave chart and layered cards","d":"Two-by-two feature bento with avatar goal card, animated timing bar chart, overlapping das","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento11","t":"Bento 11   Asymmetric six column health tech bento","d":"Five-tile bento on a six-column grid combining cover photography, animated bar charts, and","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento12","t":"Bento 12   Inverted caption bento with icon flow diagram","d":"Two-by-two bento placing headings above each tile visual, with grid-background icon flows,","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento13","t":"Bento 13   Borderless eight column mosaic with menu UI","d":"Asymmetric eight-column bento with caption-below layout, mixing a document menu sidebar, w","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento14","t":"Bento 14   Dark voice AI bento with waveform animation","d":"Four-tile dark bento for voice generation features with animated sound-wave fills, languag","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento15","t":"Bento 15   Dark voice studio bento with emotion controls","d":"Three-tile dark bento with emotion-based voice delivery UI, script-to-speech automation pa","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:bento16","t":"Bento 16   Dark voice platform bento with team workspace","d":"Four-tile dark bento mixing two cover-image panels with script-enhancer and team-workspace","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento17","t":"Bento 17   Dark bento with voice preview comparison","d":"Four-tile dark bento with a voice-preview image, brand-profile UI with count-up stats, mul","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento18","t":"Bento 18   Light four tile bento with mixed aspect ratios","d":"Two-column bento with caption-below tiles mixing scroll-reveal photography and one animate","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento19","t":"Bento 19   Three column masonry bento with integration pills","d":"Six-card masonry bento in three staggered columns with integration logo pills, animated ch","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:bento2","t":"Bento 2   Team collaboration bento with animated stats","d":"Asymmetric two-column bento with count-up income stats, bar chart SVG, network beam diagra","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento20","t":"Bento 20   Hero split bento with recommendation engine feature","d":"Three-tile bento leading with a split text-and-image hero card for recommendation intellig","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:bento21","t":"Bento 21   Light health bento with animated tiles","d":"Neutral five-tile bento with animated waveform panel, AI model marquee, three webp visuals","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:bento22","t":"Bento 22   Dark analytics bento with photo tiles","d":"Black five-tile bento with dashed borders, two cover-image headers, and three animated das","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:bento23","t":"Bento 23   Dark alternating bento with flipped captions","d":"Black four-tile two-by-two bento where two cards place copy above the visual and two place","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento24","t":"Bento 24   Dark staggered two column bento","d":"Black four-tile bento in offset left and right stacks with alternating wide and tall aspec","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento25","t":"Bento 25   Dark wide narrow bento mosaic","d":"Black four-tile bento on an eight-five column rhythm with wide automation and dashboard he","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento26","t":"Bento 26   Light feature bento with icon captions","d":"White two-by-two bento with animated UI previews above icon-labeled headlines on modular l","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento27","t":"Bento 27   Light feature bento with mixed caption order","d":"White four-tile bento alternating headline placement with animated previews for theme swit","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento28","t":"Bento 28   Light performance bento with icon rows","d":"White two-by-two bento pairing animated UI previews with icon headlines on optimized asset","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento29","t":"Bento 29   Light asymmetric feature bento grid","d":"White four-tile bento on a nine-seven column split with wide and narrow animated previews ","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento3","t":"Bento 3   Four tile value proposition bento","d":"Two-column bento with count-up gauge, chart imagery, QR scanner animation, and hub network","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento30","t":"Bento 30   Healthcare bento with stat counters","d":"Muted healthcare bento stacking satisfaction percentage counters, framed UI panels, video ","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento31","t":"Bento 31   Healthcare bento with report tiles","d":"Healora-themed bento mixing report generation and appointment scheduling cards, an indigo ","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento32","t":"Bento 32   Captionless product bento mosaic","d":"Four-tile visual-only bento with gradient app-download CTA, automated savings mockup, and ","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:bento33","t":"Bento 33   Complex pricing and promo bento","d":"Dense nine-cell bento on slate gray with upgrade discount pricing, animated barcode, mixed","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento34","t":"Bento 34   Investigation services bento collage","d":"Seven-tile legal-tech bento with background-check and forensics headers, AI legal assistan","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["neon"],"sy":["neon"]},{"id":"shadcnblocks:bento35","t":"Bento 35   Dark headphone product bento","d":"Three-column dark bento for wireless audio with orange hero panels, lime waveform tiles, p","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:bento36","t":"Bento 36   Dark editorial product bento","d":"Multi-row dark bento with amber hero typography over product photography, plus a mosaic of","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento37","t":"Bento 37   Dark split showcase bento","d":"Asymmetric dark bento with a tall left image column carrying outlined marquee text and a r","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento38","t":"Bento 38   Editorial fashion bento collage","d":"Two-column dark bento with tall portrait tile, stacked FASHIONS typography, color bands, a","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento39","t":"Bento 39   Analytics dashboard bento with charts","d":"Multi-row gray-background bento mixing QR imagery, revenue bar chart, candlestick animatio","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:bento4","t":"Bento 4   Dark analytics bento with playhead chart","d":"Black-background two-by-two bento mixing beam network SVG, static imagery, and an orange p","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento40","t":"Bento 40   AI voice bento with keyboard and auth","d":"Two-row black bento with voice feature cards, animated language keyboard, customization mo","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento41","t":"Bento 41   Developer productivity bento with sidebar CTA","d":"Asymmetric black bento with productivity headline, product screenshot, automation workflow","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento42","t":"Bento 42   Task management feature bento grid","d":"Four equal dark cards in a two-by-two grid, each pairing a feature headline with an animat","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:bento43","t":"Bento 43   AI platform bento with integration hub","d":"Asymmetric black bento with integration flow diagram, privacy messaging, counting performa","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento44","t":"Bento 44   Mobile collaboration bento with world map","d":"Three-row black bento with animated world map, collaboration card, integration icon row, a","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:bento45","t":"Bento 45   SaaS fintech bento with trading widget","d":"Asymmetric black bento mixing design-process timeline, API documentation visuals, stat cou","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento46","t":"Bento 46   AI chat and data pipeline bento","d":"Two-column black bento with AI chat mockup, scrolling integration marquee, reporting scree","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento47","t":"Bento 47   Labeled AI feature bento grid","d":"Multi-span dark bento where each card pairs a headline with dashboard mockups, share UI, i","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento48","t":"Bento 48   Light feature bento with UI screenshots","d":"White-background two-by-two bento with layered dashboard images, voice assistant mockup, a","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento49","t":"Bento 49   AI analytics bento with radial chart","d":"Wide hero card with recommendation engine and radial chart above a two-column row of bar d","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento5","t":"Bento 5   Healthcare feature bento grid","d":"Five-tile healthcare bento with animated health bars, scheduling imagery, interactive weig","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento50","t":"Bento 50   Asymmetric light marketing bento","d":"Eight-column white bento mixing product screenshots, AI onboarding flow panels, and a grad","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:bento51","t":"Bento 51   Six card analytics feature bento","d":"Three-column light bento with revenue chart, AI learning graph, skeleton editor, screensho","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:bento52","t":"Bento 52   Compact dark feature bento","d":"Tight two-row dark bento with voice waveform, performance chart, sales bars, auto-cycling ","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento53","t":"Bento 53   Web3 developer bento with marquees","d":"Dark bento with scrolling service pill marquees, team invitation network, Solidity code bl","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento54","t":"Bento 54   Enterprise finance bento with timeline","d":"Four-column dark bento with newsletter counter, Gantt timeline, avatar collaboration rings","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento6","t":"Bento 6   Dark enterprise bento with animated SVG tiles","d":"Black-background six-column bento with four dashed-border tiles mixing animated SVG diagra","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento7","t":"Bento 7   Light bento with AI chat and model picker","d":"Neutral three-row bento pairing two feature cards with UI mini-mocks and a full-width mode","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:bento8","t":"Bento 8   Two by two bento with workflow and budget UI","d":"Four-card bento alternating animated document-flow and budget widgets with two photographi","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento9","t":"Bento 9   Dark chatbot bento with conversation tiles","d":"Five-tile black bento for chatbot features with animated message bubbles, encryption UI, v","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:blog1","t":"Blog 1   Latest posts grid with filters","d":"Large section heading, shadcn/ui Select filters, and a responsive grid of linked cards sho","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog11","t":"Blog 11   Blog posts with sticky intro","d":"Muted split layout with sticky intro column showing icon, Blog Posts heading, category lin","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog12","t":"Blog 12   Blog cards with read times","d":"Centered outline badge intro, three bordered article cards with media, excerpts, author av","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcnblocks:blog13","t":"Blog 13   Article grid with category overlays","d":"Centered Articles header with view-all link and a three-column grid of posts showing image","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcnblocks:blog14","t":"Blog 14   Featured article with popular posts","d":"Centered section heading and subtitle, two-column featured article with media and badge, t","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcnblocks:blog16","t":"Blog 16   Blog row with team branding and category pills","d":"Blog list rows with team logo and name, date, linked headline, pill-shaped category links,","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog17","t":"Blog 17   Blog listing with sidebar category filters","d":"Centered header with Badge and intro copy, then ghost Buttons filter categories beside a s","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog19","t":"Blog 19   Related articles grid with outline action","d":"Related articles heading beside a small outline Button, above a responsive grid of linked ","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog21","t":"Blog 21   Blog carousel with card slides and controls","d":"Horizontal carousel of bordered image cards with topic and date badges, prev or next icon ","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["gradient"],"sb":"Blog and posts","sy":["gradient"]},{"id":"shadcnblocks:blog22","t":"Blog 22   Featured article with secondary topic strip","d":"Light section with heading row, outline Read More button, large featured image and headlin","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog23","t":"Blog 23   Stacked blog cards with centered header","d":"Narrow centered column with Badge, heading, description, then full-width stacked posts as ","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog24","t":"Blog 24   Horizontal blog cards with thumbnails","d":"Centered Badge-led header over a max-width feed where each post Card pairs a fixed-width t","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog26","t":"Blog 26   Magazine blog split with oversized wordmark","d":"Large Blog wordmark beside tagline and bordered author chip, then two columns with AspectR","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog27","t":"Blog 27   Filtered blog grid with spotlight band","d":"Top band with dotted muted background, Breadcrumb, headline copy, and spotlight Card, then","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcnblocks:blog28","t":"Blog 28   Tech blog grid with expanded lead tile","d":"Centered page title above a responsive grid where the first article spans extra rows and c","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog29","t":"Blog 29   Blog list with tags and link control","d":"A blog index with a page title, stacked post rows showing date, title, excerpt, tag badges","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog3","t":"Blog 3   Blog grid with labeled posts","d":"A blog section with a page header and a responsive grid of labeled posts with images, summ","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog30","t":"Blog 30   Blog rows with square art and read link","d":"A blog section with a bold page heading and repeating two-column rows pairing a square ima","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog31","t":"Blog 31   Animated blog grid with featured post","d":"This component dynamically displays a collection of blog posts with interactive animations","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog32","t":"Blog 32   Two column blog card grid","d":"A blog listing with a section heading and responsive two-column grid of linked posts with ","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog33","t":"Blog 33   Compact four column blog cards","d":"A centered blog grid of eight compact cards in four columns, each with a category badge, r","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog34","t":"Blog 34   Four column bordered blog cards","d":"A centered heading above a four-column grid of bordered cards with rounded thumbnails, cat","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog35","t":"Blog 35   Alternating blog rows with dividers","d":"Centered section intro over full-width rows that alternate image-left and image-right layo","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog36","t":"Blog 36   Blog rows with metadata and thumbnails","d":"Badge-led intro above a feed where each row pairs metadata, copy, a square thumbnail, and ","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog37","t":"Blog 37   Filtered blog rows with category sidebar","d":"Two-column split with sticky category buttons in a left sidebar and a right feed of horizo","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog38","t":"Blog 38   Featured hero with three cards","d":"Section heading with outline action, split featured story with wide image and copy, then a","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcnblocks:blog39","t":"Blog 39   Magazine layout with mini post stack","d":"Uppercase section label above a two-column magazine split with a large left feature and a ","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog4","t":"Blog 4   Blog grid with avatars and mobile view all","d":"A blog grid with section heading, intro line, card links showing images, category badges, ","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog40","t":"Blog 40   Single featured blog post row","d":"Featured article in a two-column row with cover image beside category badge, headline, exc","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog41","t":"Blog 41   Three card horizontal blog carousel","d":"Section heading with left/right arrow controls above a horizontal Shadcn UI Carousel that ","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcnblocks:blog42","t":"Blog 42   Full bleed blog carousel with dot indicators","d":"Section intro in a container above a full-bleed horizontal carousel of bordered story card","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog43","t":"Blog 43   Split blog section with side carousel","d":"Two-column layout with sticky intro copy, outline tagline, primary CTA, arrow controls on ","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog44","t":"Blog 44   Timeline blog feed with date markers","d":"Vertical timeline feed with a left rail, category labels, linked titles, and excerpt lines","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog45","t":"Blog 45   Minimal text only blog index","d":"Text-only blog index with bordered row dividers, right-aligned dates, and linked titles th","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"]},{"id":"shadcnblocks:blog46","t":"Blog 46   Newsletter header with photo grid","d":"Newsletter signup header with email field and subscribe button above a two-column grid of ","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog47","t":"Blog 47   Three column team blog cards","d":"Section label, heading, and all-posts link above a three-column grid of linked cards with ","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcnblocks:blog48","t":"Blog 48   Divided latest articles list","d":"Uppercase label and heading above a stacked list of linked posts with category, title, rea","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog49","t":"Blog 49   Featured post with stacked side cards","d":"Heading above a wide featured article card beside two stacked side cards, each with cover ","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog5","t":"Blog 5   Large blog grid with nine posts","d":"A blog grid with the same card pattern as compact listings but mapping many posts, each wi","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog50","t":"Blog 50   Magazine bento with mixed card spans","d":"Magazine heading above a three-column bento of large photo cards and compact text cards wi","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcnblocks:blog51","t":"Blog 51   Filterable article card grid","d":"Category filter buttons above a three-column grid of photo cards with excerpts, dates, and","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcnblocks:blog52","t":"Blog 52   Editorial hero with compact post grid","d":"Wide featured story with author byline and read time above a four-column grid of compact p","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog53","t":"Blog 53   Muted featured story with three cards","d":"Muted-background section with a wide featured article and a three-column row of supporting","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcnblocks:blog54","t":"Blog 54   Two column cards with author bylines","d":"Two-column grid of linked article cards with cover images, excerpts, author avatars with r","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog55","t":"Blog 55   Alternating image and copy rows","d":"Divided two-column rows that alternate cover image side, with category, title, excerpt, da","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog56","t":"Blog 56   Newsletter panel with latest posts","d":"Two-column layout with an email subscribe card beside a divided list of latest posts showi","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog57","t":"Blog 57   Year grouped writing archive","d":"Archive heading with article counts grouped by year, each year listing linked titles, cate","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog6","t":"Blog 6   Blog grid with byline first cards","d":"A blog grid with page title, subtitle, card links that lead with author and date, then tit","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog60","t":"Blog 60   Photo cards with hover overlay actions","d":"Three-column photo cards with a category overlay, hover arrow, excerpt, author name, read ","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcnblocks:blog62","t":"Blog 62   Split featured story with byline","d":"Two-column featured story with a cover image and category badge beside a long title, two s","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog63","t":"Blog 63   Resource cards for guides videos and docs","d":"Three-column resource grid with type chips, titles, descriptions, author avatars, and read","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"shadcnblocks:blog67","t":"Blog 67   Featured split with supporting grid","d":"Featured split story with cover, badge, excerpt, author, and read action above a four-colu","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blog7","t":"Blog 7   Centered blog cards with read more links","d":"A centered blog section with secondary badge, large heading, supporting copy, and a respon","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcnblocks:blog8","t":"Blog 8   Offset blog rows with tags","d":"A blog section with centered heading and description, then wide stacked rows pairing upper","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcnblocks:blogpost1","t":"Blogpost 1   Centered article with alert and table","d":"A single-post layout with centered title, subtitle, author row with avatar and site link, ","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcnblocks:blogpost10","t":"Blogpost 10   Narrow article with reading progress bar","d":"A capped-width reading column with a fixed top progress indicator tied to scroll position,","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blogpost11","t":"Blogpost 11   Split hero with quote pull block","d":"A two-column blog hero pairing a full-height image panel with title, author row, separator","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blogpost12","t":"Blogpost 12   Centered minimal article with drop cap","d":"A centered title band above a capped prose column where the first paragraph opens with a l","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"]},{"id":"shadcnblocks:blogpost13","t":"Blogpost 13   Two column article with sticky related links","d":"A wide article column beside a sticky aside listing categorized related reading links with","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blogpost2","t":"Blogpost 2   Article with sticky sidebar","d":"A two-column blog article with a sticky narrow column for back navigation, display title, ","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcnblocks:blogpost3","t":"Blogpost 3   Article layout with sticky nav and promo column","d":"A long-form article block with a centered masthead, main column with prose sections, alert","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blogpost4","t":"Blogpost 4   Article with breadcrumbs, share rail, and back to top","d":"A blog article with breadcrumbs, intro blurb, sectioned prose with alerts and tables, stic","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blogpost5","t":"Blogpost 5   Article with bold headline and offset section rail","d":"A blog post layout with breadcrumbs, oversized headline, hero image, sectioned body with a","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blogpost6","t":"Blogpost 6   Article with chapter list and patterned hero","d":"A blog article with dotted hero background, centered title and share row, sticky chapter l","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blogpost7","t":"Blogpost 7   Blog post layout with animated header","d":"This component displays a blog post layout with animated transitions for various elements ","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blogpost8","t":"Blogpost 8   Article with sidebar table of contents","d":"A centered article header with hero image, prose body, and a sticky right sidebar listing ","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:blogpost9","t":"Blogpost 9   Article with author bio and share row","d":"A single-column article with read time and date, hero image, prose sections, a labeled sha","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:book-a-demo1","t":"Book A Demo 1   Demo booking form with benefits and logos","d":"This component is designed to facilitate user engagement by providing a form for booking a","k":"resource","s":"shadcnblocks","c":"assets/logo","hc":1},{"id":"shadcnblocks:book-a-demo2","t":"Book A Demo 2   Demo booking with animated testimonials","d":"This component is a demonstration booking block that includes a contact form, a section fo","k":"section","s":"shadcnblocks","c":"marketing/testimonials","hc":1},{"id":"shadcnblocks:book-a-demo3","t":"Book A Demo 3   Demo booking form with testimonial cards","d":"The component combines a demo booking form with testimonial display functionality, aimed a","k":"section","s":"shadcnblocks","c":"marketing/testimonials","tg":["playful"],"sy":["playful"]},{"id":"shadcnblocks:careers-intro1","t":"Careers Intro 1   Company intro with three reasons","d":"A careers intro with an outline hiring badge, a large heading, a short company paragraph, ","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Careers","sy":["webgl"],"hc":1},{"id":"shadcnblocks:careers-intro2","t":"Careers Intro 2   Company intro beside reasons","d":"A careers intro with the hiring pitch in one column and three stacked reasons in the other","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Careers","sy":["webgl"]},{"id":"shadcnblocks:careers-intro3","t":"Careers Intro 3   Centered company intro over a photograph","d":"A centered careers intro with a heading, one paragraph, a link, and a wide workplace photo","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Careers","sy":["webgl"]},{"id":"shadcnblocks:careers-intro4","t":"Careers Intro 4   Company intro beside a photo slider","d":"A careers intro with the hiring pitch beside a sliding set of workplace photographs and th","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Careers","sy":["webgl"]},{"id":"shadcnblocks:careers1","t":"Careers 1   Careers list grouped by department","d":"A careers section with a page heading, supporting copy, and repeating department blocks wh","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Careers","hc":1},{"id":"shadcnblocks:careers10","t":"Careers 10   Sticky culture column with job rows","d":"Two-column careers section with a sticky benefits intro beside a muted box of divided role","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcnblocks:careers11","t":"Careers 11   Featured opening with supporting roles","d":"Careers section that leads with one large featured role card, then a two-column grid of co","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcnblocks:careers12","t":"Careers 12   Department tabs over a job card grid","d":"Careers listings with department tabs that filter a three-column card grid without collaps","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Careers","sy":["webgl"]},{"id":"shadcnblocks:careers13","t":"Careers 13   Split Featured Opening","d":"A careers section with one featured role beside a tall workplace photograph, then a two-co","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcnblocks:careers14","t":"Careers 14   Banner Opening With Category Photos","d":"A careers section with a featured role over a full photograph, then listings that each sho","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcnblocks:careers15","t":"Careers 15   Listings With Location Photos","d":"A careers section with a featured role beside an office photograph, then a list where each","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcnblocks:careers16","t":"Careers 16   Openings Grouped By Category","d":"A careers section with a featured role under a wide photograph, then team groups that each","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcnblocks:careers2","t":"Careers 2   Job openings grid with dashed frame","d":"A careers band with outline badge, title, fallback hiring note, and rows of jobs showing t","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcnblocks:careers3","t":"Careers 3   Categorized job openings with badges","d":"A careers block that prints category badges, then stacked job links with titles, one-line ","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcnblocks:careers4","t":"Careers 4   Simple careers heading with category sections","d":"A minimal careers section with configurable heading and grouped job rows showing title, lo","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["minimal"],"sb":"Careers","sy":["minimal"],"hc":1},{"id":"shadcnblocks:careers5","t":"Careers 5   Centered careers title with full width job stack","d":"A careers section with a centered title, one supporting sentence, and a container-width li","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcnblocks:careers6","t":"Careers 6   Careers page with stats header and job cards","d":"A careers block with centered hero copy, quick stats row, and detailed job cards listing d","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcnblocks:careers7","t":"Careers 7   Grouped careers listings with row actions","d":"Careers section with an intro, category subheads, and rows for role title, location, and a","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcnblocks:careers8","t":"Careers 8   Filterable open positions by department","d":"Department select filters a list of categories; each block shows a large category title an","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Careers"},{"id":"shadcnblocks:careers9","t":"Careers 9   Careers openings grid with general application link","d":"Gradient-backed section with centered intro, separator-divided rows of department badge, r","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["gradient"],"sb":"Careers","sy":["gradient"]},{"id":"shadcnblocks:case-studies1","t":"Case Studies 1   Case study grid with hover image cards","d":"This component showcases a set of visually engaging case study cards, each with interactiv","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcnblocks:case-studies10","t":"Case Studies 10   Masked two up landscape case study carousel","d":"Two landscape case study cards visible at once with soft edge fade masks hinting at more c","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcnblocks:case-studies11","t":"Case Studies 11   Three column case study grid with centered heading","d":"Static three-column grid of case study cards with portrait imagery, company logos, and tit","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Portfolio","sy":["webgl"]},{"id":"shadcnblocks:case-studies12","t":"Case Studies 12   Two by two case study grid with landscape cards","d":"A static 2×2 grid of landscape case study cards with logos, titles, descriptions, and read","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcnblocks:case-studies13","t":"Case Studies 13   Case study metric cards","d":"Four case-study cards with cover images, large outcome metrics, and short client stories.","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcnblocks:case-studies14","t":"Case Studies 14   Featured Story And Four Studies","d":"A case studies list with one featured story and photograph, plus four supporting stories w","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:case-studies15","t":"Case Studies 15   Six Metric Case Study Cards","d":"A three-column grid of six case-study cards, each with a cover photo, outcome metric, cate","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Stats","sy":["webgl"]},{"id":"shadcnblocks:case-studies18","t":"Case Studies 18   Three Quote Studies With Metrics","d":"Three left-aligned customer quotes with portraits, company logos, and one outcome metric i","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Stats","sy":["webgl"]},{"id":"shadcnblocks:case-studies2","t":"Case Studies 2   Case studies with quotes and metrics","d":"This component displays case studies highlighting user testimonials and key performance me","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Stats","hc":1},{"id":"shadcnblocks:case-studies3","t":"Case Studies 3   Featured case study with supporting grid","d":"This component displays a curated selection of case studies, featuring a prominent highlig","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"shadcnblocks:case-studies4","t":"Case Studies 4   Case study spotlight with stats and CTA","d":"This component displays a case study block highlighting significant improvements and achie","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Stats"},{"id":"shadcnblocks:case-studies5","t":"Case Studies 5   Case study carousel with testimonials","d":"This component is a carousel block that showcases a series of testimonials with accompanyi","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcnblocks:case-studies6","t":"Case Studies 6   Masked case study carousel with logo cards","d":"A horizontal carousel of case study cards with edge fade masks, company logos, titles over","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcnblocks:case-studies8","t":"Case Studies 8   Three up case study carousel stepping one at a time","d":"Case study carousel showing three portrait cards at once on medium screens, advancing one ","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Portfolio","sy":["webgl"]},{"id":"shadcnblocks:case-studies9","t":"Case Studies 9   Two up landscape case study carousel","d":"Case study carousel showing two landscape cards side by side, advancing one card at a time","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcnblocks:case-study1","t":"Case Study 1   Long form case study with metrics and sidebar","d":"This component displays a detailed case study highlighting improvements in system reliabil","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Stats","hc":1},{"id":"shadcnblocks:case-study3","t":"Case Study 3   Case study with section navigation and avatars","d":"This component presents a detailed case study layout, including sections for introduction,","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Portfolio"},{"id":"shadcnblocks:case-study8","t":"Case Study 8   Case study article with company sidebar","d":"The component \"CaseStudy8\" is designed to present a detailed narrative with accompanying v","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcnblocks:changelog1","t":"Changelog 1   Changelog with sticky version and date rail","d":"Stacked release entries pair a narrow sticky column of version badge and date with titles,","k":"section","s":"shadcnblocks","c":"marketing/marketing","hc":1},{"id":"shadcnblocks:changelog2","t":"Changelog 2   Changelog hero with email capture and timeline","d":"Centered page title with NEW badge, supporting blurb, inline email field and submit contro","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:changelog3","t":"Changelog 3   Two column changelog posts with category dots","d":"Each update pairs a sticky date with colored category labels, prose heading and body with ","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:changelog4","t":"Changelog 4   Changelog feed with social strip and scroll progress line","d":"Large changelog title, muted social follow bar, optional vertical timeline that fills with","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Social"},{"id":"shadcnblocks:changelog5","t":"Changelog 5   Changelog with sticky date navigation and author footers","d":"Muted intro band with subscribe links, then a wide layout with sticky date links, vertical","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:changelog6","t":"Changelog 6   Changelog entries with full release overlay and icon actions","d":"Bordered page frame lists releases with dates, oversized titles, clickable hero art, excer","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:changelog8","t":"Changelog 8   Changelog with on this page sidebar and smooth jumps","d":"Desktop sidebar lists each release title with version and date, scroll state highlights th","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:chart-card1","t":"Chart Card 1   Area Chart Card","d":"A card containing an area chart with gradient fill, grid lines, and interactive tooltips.","s":"shadcnblocks","c":"data-viz/chart","tg":["gradient"],"sb":"Area","sy":["gradient"],"hc":1},{"id":"shadcnblocks:chart-card10","t":"Chart Card 10   Stacked Bar Chart","d":"A vertical stacked bar chart card showing multiple data series as segments within each bar","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:chart-card11","t":"Chart Card 11   100% Stacked Bar Chart","d":"A horizontal 100% stacked bar chart showing proportional breakdown across categories.","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:chart-card12","t":"Chart Card 12   Stacked Bar with No Y Axis","d":"A minimal stacked bar chart with category labels only, no Y-axis for a cleaner look.","s":"shadcnblocks","c":"data-viz/chart","tg":["minimal"],"sb":"Bar","sy":["minimal"]},{"id":"shadcnblocks:chart-card13","t":"Chart Card 13   Positive/Negative Bar Chart","d":"A bar chart with values above and below zero, using different colors for positive and nega","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:chart-card14","t":"Chart Card 14   Range Area Chart","d":"An area chart showing a min/max range band with an average line overlay.","s":"shadcnblocks","c":"data-viz/chart","sb":"Area"},{"id":"shadcnblocks:chart-card15","t":"Chart Card 15   Waterfall Chart","d":"A waterfall chart showing how an initial value changes through a series of increases and d","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:chart-card16","t":"Chart Card 16   Radial Progress Chart","d":"A circular progress ring showing percentage completion toward a goal with centered value d","s":"shadcnblocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcnblocks:chart-card17","t":"Chart Card 17   Semi Circle Gauge","d":"A speedometer-style half-circle gauge with needle indicator and colored performance zones.","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:chart-card18","t":"Chart Card 18   Multi Ring Progress","d":"Concentric progress rings showing multiple metrics simultaneously, inspired by fitness act","s":"shadcnblocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcnblocks:chart-card19","t":"Chart Card 19   Radial Bar Chart","d":"A circular bar chart with concentric bars of varying lengths representing different catego","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:chart-card2","t":"Chart Card 2   Area Chart with Time Selector","d":"An area chart card with tabs to switch between 7-day, 30-day, and 90-day time periods.","s":"shadcnblocks","c":"data-viz/chart","sb":"Area"},{"id":"shadcnblocks:chart-card20","t":"Chart Card 20   Radar Chart","d":"A radar/spider chart showing multiple dimensions as a polygon shape for multi-attribute co","s":"shadcnblocks","c":"data-viz/chart","sb":"Radar"},{"id":"shadcnblocks:chart-card21","t":"Chart Card 21   Funnel Chart","d":"A funnel visualization showing progressive conversion through stages with decreasing bar w","s":"shadcnblocks","c":"data-viz/chart","tg":["playful"],"sb":"Flow and funnel","sy":["playful"]},{"id":"shadcnblocks:chart-card22","t":"Chart Card 22   Treemap Chart","d":"A treemap visualization showing hierarchical data as nested rectangles sized by value.","s":"shadcnblocks","c":"data-viz/chart","sb":"Flow and funnel"},{"id":"shadcnblocks:chart-card23","t":"Chart Card 23   Scatter Plot","d":"A scatter plot showing correlation between two variables as positioned dots.","s":"shadcnblocks","c":"data-viz/chart","sb":"Scatter"},{"id":"shadcnblocks:chart-card24","t":"Chart Card 24   Bubble Chart","d":"A bubble chart with variable-sized dots encoding three dimensions of data plus color for g","s":"shadcnblocks","c":"data-viz/chart","tg":["webgl"],"sb":"Scatter","sy":["webgl"]},{"id":"shadcnblocks:chart-card25","t":"Chart Card 25   Chart with Target Line","d":"An area chart with a horizontal reference line showing a target or benchmark value.","s":"shadcnblocks","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcnblocks:chart-card26","t":"Chart Card 26   Bullet Chart","d":"A bullet chart showing actual value against a target with colored performance ranges in th","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:chart-card27","t":"Chart Card 27   Chart with Threshold Zones","d":"An area chart with colored background zones indicating normal, warning, and critical thres","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:chart-card3","t":"Chart Card 3   Bar Chart Card","d":"A card containing a vertical bar chart with rounded tops and interactive tooltips.","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"shadcnblocks:chart-card4","t":"Chart Card 4   Horizontal Bar Chart Card","d":"A card containing a horizontal bar chart with category labels on the left and values exten","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:chart-card5","t":"Chart Card 5   Donut Chart with Legend","d":"A donut chart card with center stat display and a legend list showing category breakdowns.","s":"shadcnblocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcnblocks:chart-card6","t":"Chart Card 6   Multi Line Comparison Chart","d":"A line chart card comparing two data series with a legend, using solid and dashed lines.","s":"shadcnblocks","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcnblocks:chart-card7","t":"Chart Card 7   Chart Card with Footer Stats","d":"An area chart card with a footer showing trend indicator and summary text.","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:chart-card8","t":"Chart Card 8   Grouped Bar Chart Card","d":"A grouped bar chart card comparing two data series side by side with a legend.","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:chart-card9","t":"Chart Card 9   Stacked Area Chart","d":"A stacked area chart card showing multiple data series layered to display composition over","s":"shadcnblocks","c":"data-viz/chart","sb":"Area"},{"id":"shadcnblocks:chart-group1","t":"Chart Group 1   Two Charts Side by Side","d":"A two-column layout with an area chart and bar chart displayed side by side.","s":"shadcnblocks","c":"data-viz/chart","hc":1},{"id":"shadcnblocks:chart-group10","t":"Chart Group 10   Infrastructure Monitoring View","d":"A DevOps-style view with request volume chart and service health status panel.","s":"shadcnblocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcnblocks:chart-group11","t":"Chart Group 11   Revenue Chart with Date Range Picker","d":"A card with a working date range picker that filters chart data and updates summary statis","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:chart-group12","t":"Chart Group 12   Full Dashboard with Date Controls","d":"A complete dashboard layout with preset date buttons, custom date range picker, stats row,","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:chart-group13","t":"Chart Group 13   Analytics Bento with Preset Calendar","d":"An analytics dashboard with a combined preset/calendar picker, stat cards with sparklines,","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:chart-group14","t":"Chart Group 14   Full Analytics Bento Dashboard","d":"A comprehensive analytics bento dashboard with select dropdown presets, date range picker,","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:chart-group15","t":"Chart Group 15   Business Analytics Bento with Navigation","d":"A sophisticated analytics dashboard with date range navigation arrows, compare toggle, exp","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:chart-group2","t":"Chart Group 2   Main Chart with Detail Charts","d":"A layout with one large primary chart spanning full width and two smaller detail charts be","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:chart-group3","t":"Chart Group 3   Main Chart with Weekly Trends","d":"A main chart showing monthly trends with sparkline cards zooming into the last 7 days of k","s":"shadcnblocks","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcnblocks:chart-group4","t":"Chart Group 4   Simple Tab Chart View","d":"A single card with tabs to switch between different chart visualizations of related metric","s":"shadcnblocks","c":"data-viz/chart","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:chart-group5","t":"Chart Group 5   Year over Year Comparison","d":"A comparison layout with a dual-line chart and summary card showing year-over-year growth.","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:chart-group6","t":"Chart Group 6   Donut and Bar Chart Pair","d":"A two-column layout with a donut chart showing device breakdown and a horizontal bar chart","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:chart-group7","t":"Chart Group 7   Stats Row with Chart Below","d":"A section with a four-stat row above a full-width area chart.","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:chart-group8","t":"Chart Group 8   Bento Grid with Mixed Charts","d":"A bento-style grid with four different chart types arranged in varying sizes.","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:chart-group9","t":"Chart Group 9   Dropdown Chart View","d":"A card with a dropdown selector to switch between three different chart views showing vari","s":"shadcnblocks","c":"data-viz/chart","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:checkout1","t":"Checkout 1   Accordion checkout with cart and payment steps","d":"This component is a checkout block that facilitates online purchasing by managing cart ite","k":"section","s":"shadcnblocks","c":"marketing/pricing","hc":1},{"id":"shadcnblocks:checkout10","t":"Checkout 10   Checkout with cart summary and saved payment methods","d":"This component facilitates an interactive checkout process, allowing users to input person","k":"section","s":"shadcnblocks","c":"marketing/pricing"},{"id":"shadcnblocks:checkout12","t":"Checkout 12   Multi step checkout with progress and order review","d":"This component provides a multi-step checkout process including contact, shipping, payment","k":"section","s":"shadcnblocks","c":"marketing/pricing"},{"id":"shadcnblocks:checkout2","t":"Checkout 2   Two column checkout with cart and address forms","d":"This component facilitates a comprehensive e-commerce checkout process, allowing users to ","k":"section","s":"shadcnblocks","c":"marketing/pricing"},{"id":"shadcnblocks:checkout3","t":"Checkout 3   Checkout with collapsible cart and accordion sections","d":"This component facilitates a comprehensive checkout process, integrating functionalities f","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["playful"],"sy":["playful"]},{"id":"shadcnblocks:checkout4","t":"Checkout 4   Cart review beside payment method selection","d":"This component serves as a comprehensive checkout block that handles both shopping cart ma","k":"section","s":"shadcnblocks","c":"marketing/pricing"},{"id":"shadcnblocks:checkout5","t":"Checkout 5   Order summary with promo and payment methods","d":"The component provides a detailed checkout form that includes order summary, email input, ","k":"section","s":"shadcnblocks","c":"marketing/pricing"},{"id":"shadcnblocks:checkout8","t":"Checkout 8   Accordion checkout with cart, addresses, and payment","d":"This component is a comprehensive checkout form that facilitates the entire purchase proce","k":"section","s":"shadcnblocks","c":"marketing/pricing"},{"id":"shadcnblocks:code-example1","t":"Code Example 1   Tabbed database query examples in multiple languages","d":"This component serves as a versatile code example block that allows users to explore and c","k":"section","s":"shadcnblocks","c":"marketing/features","hc":1},{"id":"shadcnblocks:code-example11","t":"Code Example 11   Database Examples by Stack","d":"A centered hero explaining database connectivity, language pickers with logos, framework t","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:code-example14","t":"Code Example 14   File Ops Accordion and Code","d":"A file-management hero with dotted radial backdrop, dual CTAs, accordion rows for create, ","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:code-example16","t":"Code Example 16   Analytics Snippet Modes","d":"A centered analytics pitch with eyebrow, headline, supporting copy, primary CTA, and a cod","s":"shadcnblocks","c":"data-display/code-block"},{"id":"shadcnblocks:code-example2","t":"Code Example 2   HTTP request examples with language tabs and copy","d":"This component provides a visual interface for displaying code examples of HTTP requests i","s":"shadcnblocks","c":"navigation/tabs"},{"id":"shadcnblocks:code-example3","t":"Code Example 3   Theme switching hook example with interactive code","d":"This component showcases the use of custom hooks to manage and toggle themes within a Reac","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:code-example4","t":"Code Example 4   File tree with selectable code preview","d":"This component provides an intuitive interface for exploring a file structure with a tree ","s":"shadcnblocks","c":"data-display/tree"},{"id":"shadcnblocks:code-example5","t":"Code Example 5   API integration snippets with protocol and language tabs","d":"This component provides a code explorer, allowing users to interactively select and view c","k":"section","s":"shadcnblocks","c":"marketing/logos","tg":["playful"],"sy":["playful"]},{"id":"shadcnblocks:code-example6","t":"Code Example 6   Selectable Hook Snippets","d":"A marketing section with a headline, three selectable snippet cards for debounce, local st","k":"section","s":"shadcnblocks","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:community1","t":"Community 1   Centered invite with logo and outline social buttons","d":"A centered community section with a small logo, a two-line headline with a muted second li","k":"resource","s":"shadcnblocks","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"shadcnblocks:community2","t":"Community 2   Community links in a responsive four card grid","d":"A heading and supporting sentence above a responsive grid of bordered cards for Twitter, L","s":"shadcnblocks","c":"data-display/card","hc":1},{"id":"shadcnblocks:community3","t":"Community 3   Community badge with three large platform cards","d":"A badge-labeled community header, supporting line with emphasized words, and three shadcn/","s":"shadcnblocks","c":"data-display/badge","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:community4","t":"Community 4   Dark gradient tiles for four social destinations","d":"A centered title and subtitle above four full-height cards for Facebook, YouTube, X, and I","k":"motion","s":"shadcnblocks","c":"motion/gradient","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:community5","t":"Community 5   GitHub spotlight card with stats and compact social links","d":"A GitHub community badge and intro above a wide card showing org logo, repo link, descript","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:community6","t":"Community 6   Six way community grid with dotted icon rings","d":"A bold centered headline and subcopy above six shadcn/ui cards for Twitter, GitHub, Discor","k":"resource","s":"shadcnblocks","c":"assets/icon"},{"id":"shadcnblocks:community7","t":"Community 7   Social channels with URLs, status dots, and follower counts","d":"A centered heading and intro line above a three-column grid of panels for six networks, ea","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["webgl"],"sb":"Grids and patterns","sy":["webgl"]},{"id":"shadcnblocks:companies-create1","t":"Companies Create 1   Sectioned Company Form","d":"A multi-section company creation form with categorized fields for basic info, location, so","s":"shadcnblocks","c":"inputs/form-field","tg":["minimal"],"sb":"Whole forms","sy":["minimal"]},{"id":"shadcnblocks:companies-create2","t":"Companies Create 2   Company List with Sheet Form","d":"A company database view with table listing and slide-out sheet form for creating new entri","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:companies-create3","t":"Companies Create 3   Company List with Dialog Form","d":"A company table view with dialog modal form for creating new entries featuring combobox te","s":"shadcnblocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcnblocks:companies-create4","t":"Companies Create 4   Simple Company Dialog Form","d":"A dialog-based company creation form with logo upload, contact fields with icons, and stre","s":"shadcnblocks","c":"overlays/dialog","tg":["minimal"],"sb":"Forms","sy":["minimal"]},{"id":"shadcnblocks:companies-create5","t":"Companies Create 5   Grid Layout Company Dialog","d":"A dialog-based company creation form with grid layout, logo upload with preview, and essen","s":"shadcnblocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcnblocks:companies-detail1","t":"Companies Detail 1   Company Table with Detail Sheet","d":"A company list table with clickable rows that open a slide-out sheet displaying detailed c","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:companies-detail2","t":"Companies Detail 2   Company Table with Extended Detail","d":"A company list table with clickable rows opening a detail sheet showing comprehensive comp","s":"shadcnblocks","c":"data-display/table","tg":["playful"],"sy":["playful"]},{"id":"shadcnblocks:companies-list1","t":"Companies List 1   Advanced Company Data Table","d":"A feature-rich company data table with TanStack Table, sortable columns, row selection, co","s":"shadcnblocks","c":"data-display/list","tg":["playful"],"sy":["playful"]},{"id":"shadcnblocks:companies-list2","t":"Companies List 2   Company Table with Column Visibility","d":"A data table with TanStack Table featuring sortable columns, row selection, search filteri","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:company-benefits1","t":"Company Benefits 1   Portrait photo with quote and ratings","d":"A company benefits section with one candid office photo, a coworker quote, and LinkedIn an","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["glass"],"sy":["glass"],"hc":1},{"id":"shadcnblocks:company-benefits2","t":"Company Benefits 2   Employer scores beside a workplace photo","d":"A company benefits section with four employer scores, one workplace photograph, and four p","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:company-benefits3","t":"Company Benefits 3   Two photos beside stacked perks","d":"A company benefits section with two workplace photographs beside three stacked perks, a co","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:company-benefits4","t":"Company Benefits 4   Employer scores above a workplace photo","d":"A company benefits section that leads with large LinkedIn and Glassdoor scores, then a quo","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["glass","webgl"],"sy":["glass","webgl"]},{"id":"shadcnblocks:compare-products1","t":"Compare Products 1   Side by side product comparison with specs and cart","d":"This component allows users to compare multiple products side-by-side by displaying their ","k":"section","s":"shadcnblocks","c":"marketing/comparison","hc":1},{"id":"shadcnblocks:compare-products2","t":"Compare Products 2   Product comparison table with images and pricing","d":"This component, \"CompareProducts2,\" is designed for comparing multiple products with speci","k":"section","s":"shadcnblocks","c":"marketing/comparison"},{"id":"shadcnblocks:compare-products3","t":"Compare Products 3   Product comparison with add, remove, and cart actions","d":"This component allows users to compare up to four products by showcasing details such as p","k":"section","s":"shadcnblocks","c":"marketing/comparison"},{"id":"shadcnblocks:compare-products4","t":"Compare Products 4   Resizable before and after comparison with detail list","d":"This component provides an interactive side-by-side comparison of before-and-after images ","k":"section","s":"shadcnblocks","c":"marketing/comparison"},{"id":"shadcnblocks:compare-products6","t":"Compare Products 6   Before and after comparison with captions and CTA","d":"This component allows users to visually compare \"before\" and \"after\" images with captions ","k":"section","s":"shadcnblocks","c":"marketing/comparison"},{"id":"shadcnblocks:compare1","t":"Compare 1   Tinted three column feature comparison with logos","d":"A Compare heading above a wide three-column matrix labeling each row, two competitor logos","k":"section","s":"shadcnblocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:compare10","t":"Compare 10   Legacy pain points versus modern tool benefits","d":"A centered headline and short thesis, then a split layout with a muted Legacy Features lis","k":"section","s":"shadcnblocks","c":"marketing/comparison"},{"id":"shadcnblocks:compare2","t":"Compare 2   Dual product checklists with narrative follow ups","d":"A muted page-width section with a large centered title and thesis, two columns comparing P","k":"section","s":"shadcnblocks","c":"marketing/comparison"},{"id":"shadcnblocks:compare3","t":"Compare 3   Three column product comparison with logos and CTA","d":"A centered outline badge and headline introduce a three-column competitor grid with logos,","k":"section","s":"shadcnblocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:compare4","t":"Compare 4   Cloud vs on site metrics rows with hover and CTA","d":"A muted section stacks a bold headline over Traditional versus Cloud Native metric rows wi","k":"section","s":"shadcnblocks","c":"marketing/comparison"},{"id":"shadcnblocks:compare5","t":"Compare 5   Side by side image cards with centered OR pill","d":"A centered Old versus New title and intro lead two tall photo cards with bottom gradient s","k":"section","s":"shadcnblocks","c":"marketing/comparison","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:compare6","t":"Compare 6   Tab assisted three model feature comparison table","d":"A bordered comparison table lists six storage attributes against SSD, Cloud Storage, and N","k":"section","s":"shadcnblocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:compare7","t":"Compare 7   Compact three column comparison table with tooltips","d":"Centered title and muted intro frame a bordered feature table whose middle column carries ","k":"section","s":"shadcnblocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"shadcnblocks:compare8","t":"Compare 8   Icon led framework checklist with dual status columns","d":"Headline plus muted subtitle crown divided rows pairing Lucide icons, labels, blurbs, and ","k":"section","s":"shadcnblocks","c":"marketing/comparison","hc":1},{"id":"shadcnblocks:compare9","t":"Compare 9   Three model metric table with analysis deck below","d":"Vendor logos headline three model columns of metrics with tinted best and worst cells, ico","k":"section","s":"shadcnblocks","c":"marketing/comparison","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:compliance1","t":"Compliance 1   Two column compliance narrative with stacked detail cards","d":"Outline live-status badge, large balanced heading, supporting copy, paired grayscale certi","s":"shadcnblocks","c":"data-display/card","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"shadcnblocks:compliance2","t":"Compliance 2   Compliance feature grid with expert link","d":"This component, \"Compliance2,\" is designed to showcase various compliance and risk managem","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:compliance3","t":"Compliance 3   Security practices and certification badges","d":"This component highlights essential security features and certifications, focusing on data","s":"shadcnblocks","c":"data-display/badge"},{"id":"shadcnblocks:compliance4","t":"Compliance 4   Split security overview and certification cards","d":"This component provides a comprehensive compliance and security overview, showcasing key f","s":"shadcnblocks","c":"data-display/card"},{"id":"shadcnblocks:compliance5","t":"Compliance 5   Centered enterprise compliance headline and badge grid","d":"Bold centered headline, muted enterprise subline, responsive two-through-four-column certi","s":"shadcnblocks","c":"data-display/badge"},{"id":"shadcnblocks:compliance6","t":"Compliance 6   Compliance hero with certification lattice and three pillars","d":"Narrow accent bar plus uppercase compliance label introduce oversized headline beside a bo","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:compliance7","t":"Compliance 7   Cloud platform features and compliance badges","d":"The Compliance7 component is a customizable block showcasing key features and certificatio","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:compliance8","t":"Compliance 8   Certification logos with documentation button","d":"This component highlights an organization's adherence to top compliance standards by displ","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:compliance9","t":"Compliance 9   Trust metrics with framework status cards","d":"Three trust metric tiles above a split layout with sticky intro copy and paired CTAs besid","s":"shadcnblocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:contact1","t":"Contact 1   Demo booking with social proof","d":"A two-column demo booking section with overlapping avatars, benefit checks, a logo strip, ","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnblocks:contact10","t":"Contact 10   Gradient header with social links","d":"A centered contact block with warm gradient, office and email lines, social icons, a faded","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["gradient"],"sb":"Contact","sy":["gradient"]},{"id":"shadcnblocks:contact11","t":"Contact 11   Two column layout with social links","d":"A split contact section with address, labeled emails, and social icons on one side, an inq","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnblocks:contact14","t":"Contact 14   Card with avatar and quick form","d":"A muted rounded card with a framed avatar, labeled contact lines, and a short two-field fo","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnblocks:contact16","t":"Contact 16   Dark theme with underline inputs","d":"A dark two-column contact section with very large headline copy, muted supporting text, ic","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnblocks:contact17","t":"Contact 17   Lead form with social proof","d":"A muted two-column lead section with process checks, an eight-logo grid, a bordered white ","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnblocks:contact18","t":"Contact 18   Support features with decorative corners","d":"A two-column contact block with bracket ornaments on the headline, icon rows for support p","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnblocks:contact19","t":"Contact 19   Split screen with full height image","d":"A dramatic split contact section with oversized type, muted copy, a ghost CTA, large phone","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnblocks:contact2","t":"Contact 2   Two column layout with contact links","d":"A split contact section with headline, intro, and icon links on one side and a validated m","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"shadcnblocks:contact20","t":"Contact 20   Borderless grid form","d":"A portfolio-leaning contact block with uppercase micro-labels, address and bold email in t","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcnblocks:contact21","t":"Contact 21   Team message with underline form","d":"A two-column contact section with a team statement, avatar and byline on the left, and min","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"]},{"id":"shadcnblocks:contact22","t":"Contact 22   Multi location map contact","d":"A two-column contact section with a selectable location list, embedded map, compact office","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnblocks:contact23","t":"Contact 23   Store locator","d":"A store locator with zip search, a scrollable list of cards for address, hours, phone, and","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnblocks:contact24","t":"Contact 24   Global offices grid","d":"A four-card grid of regional offices with map stills, gradient overlays, city typography, ","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["gradient"],"sb":"Contact","sy":["gradient"]},{"id":"shadcnblocks:contact25","t":"Contact 25   FAQ with contact form","d":"A two-column support section with a single-open FAQ accordion on the left and name, email,","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnblocks:contact28","t":"Contact 28   Multi step contact form","d":"A three-step intake on a muted full-height canvas with a vertical progress column, per-ste","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcnblocks:contact29","t":"Contact 29   Service selection contact","d":"A muted full-height flow that starts with selectable service cards carrying large round ic","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnblocks:contact3","t":"Contact 3   Contact directory with global offices","d":"A long contact hub with centered CTAs and reassurance copy, four icon-led department tiles","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnblocks:contact30","t":"Contact 30   Full height hero contact","d":"A viewport-tall contact region on muted fill with oversized headline typography, circular ","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnblocks:contact31","t":"Contact 31   Split card contact","d":"A rounded outer shell on muted canvas pairing a tall architectural photograph with headlin","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnblocks:contact32","t":"Contact 32   Split contact with full height image","d":"A two-column contact layout with tall photography and dark overlay text on one side, plus ","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnblocks:contact33","t":"Contact 33   Two column contact with rounded photo","d":"A section with headline, subject select, and message field opposite a tall rounded image, ","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnblocks:contact34","t":"Contact 34   Asymmetric contact with overlay details card","d":"A wide rounded photo with a floating email, phone, and address card sits beside a narrower","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnblocks:contact35","t":"Contact 35   Centered form over background image","d":"A height-based section uses a full-bleed photo and dark scrim behind a centered rounded ca","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnblocks:contact4","t":"Contact 4   Department cards with fading map carousel","d":"A lead-in introduces three bordered department cards above a carousel that crossfades map ","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcnblocks:contact5","t":"Contact 5   Centered contact form","d":"A minimal centered stack collects first and last name, email, phone, and message with vali","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"]},{"id":"shadcnblocks:contact6","t":"Contact 6   Contact channels, form, and office hours","d":"Stacked channel cards and a message form with terms control sit above a separator, then of","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnblocks:contact7","t":"Contact 7   Grid of contact method cards","d":"A heading and short description lead into four rounded muted cards for email, office, phon","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"shadcnblocks:contact8","t":"Contact 8   Split media with framed contact cards","d":"A bold centered title sits above a two-column row with tall imagery and stacked white card","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnblocks:contact9","t":"Contact 9   Form beside contact method grid","d":"An outlined badge and large heading introduce a split layout with a terms-gated form on on","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnblocks:content1","t":"Content 1   Long form story with sticky section outline","d":"Narrative article layout with a sticky in-page outline, scroll-based active section highli","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"shadcnblocks:content2","t":"Content 2   Content hub explainer with type grid","d":"Two-column layout that lists content types in a grid with icons, adds how-to panels for cr","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:content3","t":"Content 3   Deep guide with breadcrumbs and topic rail","d":"Knowledge-style page with breadcrumbs, headline actions, a topic sidebar, and long article","s":"shadcnblocks","c":"navigation/breadcrumb"},{"id":"shadcnblocks:content4","t":"Content 4   Long article with outline and author row","d":"Editorial layout with breadcrumbs, author metadata, scroll-aware table of contents, inline","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:cookie-banner1","t":"Cookie Banner 1   Simple bottom cookie bar","d":"A fixed bottom cookie bar with short consent copy plus reject and accept actions.","s":"shadcnblocks","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:cookie-banner10","t":"Cookie Banner 10   Bottom left card that expands to customize","d":"An advanced bottom-left cookie card that expands upward to show category switches.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:cookie-banner11","t":"Cookie Banner 11   Bottom left card that opens a dialog","d":"An advanced bottom-left cookie card that opens a customize dialog with category switches.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:cookie-banner12","t":"Cookie Banner 12   Bottom right card that expands to customize","d":"An advanced bottom-right cookie card that expands upward to show category switches.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:cookie-banner13","t":"Cookie Banner 13   Bottom right card that opens a dialog","d":"An advanced bottom-right cookie card that opens a customize dialog with category switches.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:cookie-banner14","t":"Cookie Banner 14   Mega bottom bar with switch list","d":"A full-width bottom cookie panel with category switches visible by default plus bulk actio","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:cookie-banner15","t":"Cookie Banner 15   Mega bottom bar with category cards","d":"A full-width bottom cookie panel with a grid of category cards and switches already visibl","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:cookie-banner16","t":"Cookie Banner 16   Mega bottom bar with split summary","d":"A wide bottom cookie panel with summary copy on one side and visible category switches on ","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:cookie-banner17","t":"Cookie Banner 17   Simple cookie consent dialog","d":"A centered popup cookie dialog with consent copy and reject plus accept actions.","s":"shadcnblocks","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:cookie-banner18","t":"Cookie Banner 18   Medium cookie dialog with details","d":"A centered cookie dialog that reveals category switches when customize is opened.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:cookie-banner19","t":"Cookie Banner 19   Advanced cookie dialog with categories","d":"A centered advanced cookie dialog with category switches visible on load plus bulk actions","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:cookie-banner2","t":"Cookie Banner 2   Bottom cookie bar with privacy link","d":"A fixed bottom cookie bar with title, supporting text, a privacy link, and reject plus acc","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:cookie-banner3","t":"Cookie Banner 3   Bottom cookie bar with icon","d":"A fixed bottom cookie bar with a cookie icon, consent copy, and reject plus accept actions","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:cookie-banner4","t":"Cookie Banner 4   Bottom left cookie card","d":"A simple bottom-left floating cookie card with consent copy and reject plus accept actions","s":"shadcnblocks","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:cookie-banner5","t":"Cookie Banner 5   Bottom left cookie card with dismiss","d":"A bottom-left cookie card with dismiss control, consent copy, and a single accept action.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:cookie-banner6","t":"Cookie Banner 6   Bottom right cookie card","d":"A simple bottom-right floating cookie card with consent copy and reject plus accept action","s":"shadcnblocks","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:cookie-banner7","t":"Cookie Banner 7   Bottom right cookie card with link","d":"A bottom-right cookie card with a privacy link and reject plus accept actions.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:cookie-banner8","t":"Cookie Banner 8   Bottom bar that slides up to customize","d":"An advanced bottom cookie bar that slides up to reveal category switches when customize is","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:cookie-banner9","t":"Cookie Banner 9   Bottom bar that opens a customize dialog","d":"An advanced bottom cookie bar that opens a centered dialog with category switches when cus","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:cta1","t":"Cta 1   Card CTA with icon heading and trailing arrow","d":"Bordered card with text and media columns, small icon badge beside the title, body copy, a","k":"section","s":"shadcnblocks","c":"marketing/cta","sb":"Cards"},{"id":"shadcnblocks:cta10","t":"Cta 10   Banded call to action with dual buttons","d":"Contained CTA band with headline, supporting text, and optional primary and secondary acti","k":"section","s":"shadcnblocks","c":"marketing/cta","hc":1},{"id":"shadcnblocks:cta11","t":"Cta 11   Bordered CTA with icon label and single action","d":"Card-style split with an image column, inline icon beside the heading, supporting copy, an","k":"section","s":"shadcnblocks","c":"marketing/cta","hc":1},{"id":"shadcnblocks:cta12","t":"Cta 12   Centered accent CTA with stacked actions","d":"Full-width accent panel with centered headline, supporting copy, and optional primary and ","k":"section","s":"shadcnblocks","c":"marketing/cta"},{"id":"shadcnblocks:cta13","t":"Cta 13   Left aligned accent CTA with dual buttons","d":"Accent panel call-to-action with left-aligned headline and body, optional primary and seco","k":"section","s":"shadcnblocks","c":"marketing/cta","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnblocks:cta14","t":"Cta 14   Contained image CTA with gradient overlay","d":"A call to action with a background image inside a rounded container, a vertical gradient o","k":"section","s":"shadcnblocks","c":"marketing/cta","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:cta15","t":"Cta 15   Split CTA with gradient panel and photo","d":"Split CTA with optional byline, gradient-backed text, paired buttons, and a rounded photo ","k":"section","s":"shadcnblocks","c":"marketing/cta","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:cta16","t":"Cta 16   Contained image CTA with flat overlay","d":"A call to action with a background image inside a rounded container, a uniform dark overla","k":"section","s":"shadcnblocks","c":"marketing/cta"},{"id":"shadcnblocks:cta17","t":"Cta 17   Centered call to action with circle pattern","d":"A centered call-to-action band with bordered framing, concentric SVG circle backdrop, head","k":"section","s":"shadcnblocks","c":"marketing/cta"},{"id":"shadcnblocks:cta18","t":"Cta 18   Split call to action with angled imagery","d":"A horizontal card with text and paired link buttons opposite layered, rotated placeholder ","k":"section","s":"shadcnblocks","c":"marketing/cta"},{"id":"shadcnblocks:cta19","t":"Cta 19   Call to action with resource links column","d":"A wide card pairing badge, headline, body, and dual buttons with a separated column of two","k":"section","s":"shadcnblocks","c":"marketing/cta"},{"id":"shadcnblocks:cta20","t":"Cta 20   Minimal call to action with line separators","d":"A compact centered strip with a small label above a large primary button framed by horizon","k":"section","s":"shadcnblocks","c":"marketing/cta","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:cta21","t":"Cta 21   Contained image CTA with text shadow","d":"A call to action with a background image inside a rounded container, subtle text shadow fo","k":"section","s":"shadcnblocks","c":"marketing/cta"},{"id":"shadcnblocks:cta22","t":"Cta 22   App download panel with newsletter aside","d":"A wide dark promo tile with platform download buttons and phone imagery beside a muted new","k":"section","s":"shadcnblocks","c":"marketing/cta","tg":["webgl"],"sb":"Newsletter and waitlist","sy":["webgl"]},{"id":"shadcnblocks:cta23","t":"Cta 23   Newsletter band with badge and benefit row","d":"A muted full-width newsletter strip with mail badge, headline, supporting line, inline ema","k":"section","s":"shadcnblocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcnblocks:cta26","t":"Cta 26   Photo banner call to action with link cards","d":"A bordered photo banner with radial overlay, centered headline and supporting copy, paired","k":"section","s":"shadcnblocks","c":"marketing/cta","sb":"Banners"},{"id":"shadcnblocks:cta28","t":"Cta 28   Dark enterprise split with layered photos","d":"A dark rounded panel with oversized serif headline, supporting line, two-column icon featu","k":"section","s":"shadcnblocks","c":"marketing/cta"},{"id":"shadcnblocks:cta3","t":"Cta 3   Call to action with link cards","d":"A bordered two-column strip with headline, supporting copy, paired buttons, and two clicka","k":"section","s":"shadcnblocks","c":"marketing/cta","sb":"Cards"},{"id":"shadcnblocks:cta30","t":"Cta 30   Overlapping avatars team call to action","d":"A centered stack of overlapping circular avatars, large headline with supporting paragraph","k":"section","s":"shadcnblocks","c":"marketing/cta"},{"id":"shadcnblocks:cta31","t":"Cta 31   Centered call to action with logo arc","d":"A centered call to action with a gradient headline, supporting line, large button and arro","k":"section","s":"shadcnblocks","c":"marketing/cta","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:cta32","t":"Cta 32   Two column call to action with pattern panel and icon links","d":"A split CTA with a patterned primary column and a secondary column of two icon-led link ro","k":"section","s":"shadcnblocks","c":"marketing/cta"},{"id":"shadcnblocks:cta34","t":"Cta 34   Call to action with top border separator","d":"A centered call to action with a heading, description, and two buttons, separated from con","k":"section","s":"shadcnblocks","c":"marketing/cta","hc":1},{"id":"shadcnblocks:cta35","t":"Cta 35   Call to action with left border stripe","d":"A left-aligned call to action with a thick primary-colored vertical stripe, heading, descr","k":"section","s":"shadcnblocks","c":"marketing/cta","sb":"Banners","hc":1},{"id":"shadcnblocks:cta36","t":"Cta 36   Inline split call to action","d":"A horizontal split call to action with heading and description on one side and paired butt","k":"section","s":"shadcnblocks","c":"marketing/cta","hc":1},{"id":"shadcnblocks:cta37","t":"Cta 37   Bordered grid split call to action","d":"A bordered card call to action on a CSS grid with a wide text column and a narrow column o","k":"section","s":"shadcnblocks","c":"marketing/cta","hc":1},{"id":"shadcnblocks:cta38","t":"Cta 38   Inverted card call to action","d":"A centered call to action in a rounded card that fills with the foreground token, inverted","k":"section","s":"shadcnblocks","c":"marketing/cta","sb":"Cards","hc":1},{"id":"shadcnblocks:cta39","t":"Cta 39   Dashed outline card call to action","d":"A centered call to action inside a dashed rounded border with transparent fill, stacking h","k":"section","s":"shadcnblocks","c":"marketing/cta","sb":"Cards","hc":1},{"id":"shadcnblocks:cta4","t":"Cta 4   Muted card with feature checklist","d":"A two-column call to action inside a rounded muted shadcn/ui panel with heading, descripti","k":"section","s":"shadcnblocks","c":"marketing/cta","sb":"Cards","hc":1},{"id":"shadcnblocks:cta40","t":"Cta 40   Gradient split pricing call to action","d":"A two-column call to action on a wide primary gradient card with a faint plus pattern, hea","k":"section","s":"shadcnblocks","c":"marketing/cta","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:cta41","t":"Cta 41   Full width dotted panel call to action","d":"A bordered full-width call to action centered on a repeating dot texture, large headline, ","k":"section","s":"shadcnblocks","c":"marketing/cta"},{"id":"shadcnblocks:cta42","t":"Cta 42   Contained image CTA with radial vignette","d":"A call to action with a background image inside a rounded container, a radial vignette ove","k":"section","s":"shadcnblocks","c":"marketing/cta"},{"id":"shadcnblocks:cta43","t":"Cta 43   Full width image CTA with gradient overlay","d":"An edge-to-edge call to action with a background image, vertical gradient overlay for cont","k":"section","s":"shadcnblocks","c":"marketing/cta","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:cta44","t":"Cta 44   Full width image CTA with flat overlay","d":"An edge-to-edge call to action with a background image, uniform dark overlay, centered hea","k":"section","s":"shadcnblocks","c":"marketing/cta"},{"id":"shadcnblocks:cta45","t":"Cta 45   Full width image CTA with text shadow","d":"An edge-to-edge call to action with a background image, subtle text shadow for contrast in","k":"section","s":"shadcnblocks","c":"marketing/cta"},{"id":"shadcnblocks:cta46","t":"Cta 46   Full width image CTA with radial vignette","d":"An edge-to-edge call to action with a background image, radial vignette overlay that spotl","k":"section","s":"shadcnblocks","c":"marketing/cta"},{"id":"shadcnblocks:cta5","t":"Cta 5   Call to action with side image","d":"A two-column CTA in a muted rounded panel with a wide photo, headline, supporting paragrap","k":"section","s":"shadcnblocks","c":"marketing/cta"},{"id":"shadcnblocks:cta6","t":"Cta 6   Call to action with stacked panels","d":"A wide accent band with a text stack and three overlapping, rotated rectangles; heading, b","k":"section","s":"shadcnblocks","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:cta7","t":"Cta 7   Features checklist call to action","d":"An accent card with optional uppercase tagline, up to four checkmarked bullets in a respon","k":"section","s":"shadcnblocks","c":"marketing/cta"},{"id":"shadcnblocks:customer-details1","t":"Customer Details 1   Basic customer details form","d":"A free form for editing a customer's name, contact details, company, status, and notes.","s":"shadcnblocks","c":"data-display/accordion","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnblocks:customer-details2","t":"Customer Details 2   Customer details editor","d":"An app screen for editing a customer's account, contacts, billing, shipping, cards, and pr","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:customer-details3","t":"Customer Details 3   Customer details ecommerce","d":"A customer details page with purchase history, reviews, activity, a map address, and conta","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:dashboard1","t":"Dashboard 1   Revenue Dashboard","d":"A full-page shadcn/ui SaaS revenue and user dashboard with collapsible sidebar, MRR and gr","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:dashboard10","t":"Dashboard 10   Multi Page Dashboard with Navigation","d":"A shadcn/ui multi-page dashboard with top navigation dropdowns, scatter chart, stacked bar","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:dashboard11","t":"Dashboard 11   Analytics Dashboard with Cohort Heatmap","d":"A Shadcn UI analytics dashboard with animated bar chart, proportional bubble chart, cohort","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:dashboard12","t":"Dashboard 12   Global Analytics with World Map","d":"A shadcn/ui global analytics dashboard featuring animated bar chart, proportional bubble c","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:dashboard13","t":"Dashboard 13   Real Time Sessions & Latency Analytics","d":"A shadcn/ui realtime analytics dashboard with a large MapLibre map via mapcn markers, live","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:dashboard14","t":"Dashboard 14   Hotel Dashboard with Bookings Panel","d":"A Shadcn UI hospitality dashboard with bidirectional occupancy chart, revenue bar chart wi","k":"layout","s":"shadcnblocks","c":"layout/dashboard","tg":["neon"],"sy":["neon"]},{"id":"shadcnblocks:dashboard15","t":"Dashboard 15   Hotel Dashboard with Revenue Widgets","d":"A shadcn/ui hospitality dashboard with duotone gradient occupancy chart, segmented room ca","k":"layout","s":"shadcnblocks","c":"layout/dashboard","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:dashboard16","t":"Dashboard 16   Hotel Dashboard with Mini Calendar","d":"A Shadcn UI hospitality dashboard combining sales analytics, revenue comparison, and booki","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:dashboard17","t":"Dashboard 17   Hotel Dashboard with Booking Calendar","d":"A shadcn/ui hospitality dashboard with sales pipeline charts, revenue comparison, orders t","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:dashboard18","t":"Dashboard 18   Hotel Operations Dashboard","d":"A Shadcn UI front desk operations dashboard with shift strip, quick action buttons, square","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:dashboard19","t":"Dashboard 19   Channel and total revenue overview","d":"Sales dashboard with KPI row, year-over-year revenue, channel stacked bars, and mini metri","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:dashboard2","t":"Dashboard 2   Revenue Dashboard with Transactions","d":"A shadcn/ui finance dashboard with revenue and cost charts, period tabs, and a transaction","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:dashboard20","t":"Dashboard 20   Revenue flow with recent orders","d":"Sales dashboard with KPI cards, period revenue flow chart, and a searchable recent orders ","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:dashboard28","t":"Dashboard 28   Customer directory with metrics and sheet editor","d":"A customer directory with KPI sparklines, status tabs, value filters, a sortable table, an","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:dashboard29","t":"Dashboard 29   Personal workspace with issues and time","d":"A project workspace dashboard with a work sidebar, issue table, work-hour chart, timer, an","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:dashboard3","t":"Dashboard 3   Revenue Dashboard with Sparklines","d":"A Shadcn UI dashboard with stat cards featuring embedded sparklines, a dense revenue bar c","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:dashboard30","t":"Dashboard 30   Project home with milestones and notes","d":"A project dashboard with a project sidebar, shortcut actions, an issue map, project cards,","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:dashboard31","t":"Dashboard 31   Delivery command center","d":"A delivery dashboard with a sidebar, portfolio health, sprint and budget charts, milestone","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:dashboard32","t":"Dashboard 32   Project dependency map","d":"A delivery dashboard with a program sidebar, a dependency map, a programs table, health, c","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:dashboard4","t":"Dashboard 4   Ecommerce Dashboard with Sales and Orders","d":"A shadcn/ui e-commerce dashboard focused on orders and gross sales. Collapsible sidebar, s","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:dashboard5","t":"Dashboard 5   Ecommerce Dashboard with Transactions","d":"A Shadcn UI ecommerce dashboard with area chart, pie charts for order status and sales cat","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:dashboard6","t":"Dashboard 6   Operations Dashboard with Fulfillment","d":"A shadcn/ui operations dashboard with summary stats, multi-series category performance cha","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:dashboard7","t":"Dashboard 7   Category performance with orders table","d":"Orders-focused sales dashboard with stats, category performance, and a filterable orders t","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:dashboard8","t":"Dashboard 8   Sales Dashboard","d":"A shadcn/ui accounting dashboard with collapsible sidebar, layered financial stat cards, p","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:dashboard9","t":"Dashboard 9   Sales Dashboard","d":"A shadcn/ui overview dashboard with sidebar shell, header showing a date range label and f","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:data-table1","t":"Data Table 1   Basic Data Table","d":"A basic data table section with sortable columns, currency formatting, and availability ba","s":"shadcnblocks","c":"data-display/table","tg":["minimal","playful"],"sb":"Data tables","sy":["minimal","playful"],"hc":1},{"id":"shadcnblocks:data-table10","t":"Data Table 10   Hideable Columns Data Table","d":"A data table section with sortable columns, global search, column visibility toggle dropdo","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table11","t":"Data Table 11   Row Selection Data Table","d":"A data table section with row checkboxes, floating action bar for bulk operations, global ","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table12","t":"Data Table 12   Faceted Filter Data Table","d":"A data table section with global search, faceted filter popovers for order and payment sta","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table13","t":"Data Table 13   Tabbed Filter Data Table","d":"A data table section with tabbed status filters showing counts, global search input, and f","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table14","t":"Data Table 14   Multi Filter Data Table","d":"A data table section with tabbed order status filters, button-style payment status filters","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table15","t":"Data Table 15   Pinned Columns Data Table","d":"A data table section with pinned columns on left and right, sortable headers, row selectio","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table16","t":"Data Table 16   Expandable Rows Data Table","d":"A data table section with expandable rows revealing detailed order information, sortable c","s":"shadcnblocks","c":"data-display/table","sb":"Expandable"},{"id":"shadcnblocks:data-table17","t":"Data Table 17   Draggable Rows Data Table","d":"A data table section with drag-and-drop row reordering, sortable columns, row selection, a","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table18","t":"Data Table 18   Draggable Columns Data Table","d":"A data table section with drag-and-drop column reordering, sortable headers, and availabil","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table19","t":"Data Table 19   Column Menu Data Table","d":"A data table section with draggable columns, column header dropdown menus for sorting and ","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table2","t":"Data Table 2   Bordered Data Table","d":"A data table section with visible cell borders, sortable columns, currency formatting, and","s":"shadcnblocks","c":"data-display/table","sb":"Transactions"},{"id":"shadcnblocks:data-table20","t":"Data Table 20   Resizable Columns Data Table","d":"A data table section with resizable columns via drag handles, sortable headers, and availa","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table21","t":"Data Table 21   Column Management Data Table","d":"A data table section with column header menus for sorting, pinning, moving, and hiding col","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table22","t":"Data Table 22   Nested Sub Table Data Table","d":"A data table section with expandable rows containing nested sub-tables of order items, cus","s":"shadcnblocks","c":"data-display/table","sb":"Expandable"},{"id":"shadcnblocks:data-table23","t":"Data Table 23   Grouped Rows Data Table","d":"A data table section with rows grouped by employment type, displaying group headers for fu","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table24","t":"Data Table 24   Date Grouped Transactions Table","d":"A data table section with transactions grouped by date, hidden column headers, and currenc","s":"shadcnblocks","c":"data-display/table","sb":"Transactions"},{"id":"shadcnblocks:data-table25","t":"Data Table 25   Invoice Line Items Table","d":"A data table section displaying invoice line items with product, SKU, quantity, unit price","s":"shadcnblocks","c":"data-display/table","sb":"Transactions"},{"id":"shadcnblocks:data-table26","t":"Data Table 26   Transaction Table with Scroll Controls","d":"A data table section for financial transactions with sticky columns, horizontal scroll nav","s":"shadcnblocks","c":"data-display/table","sb":"Transactions"},{"id":"shadcnblocks:data-table27","t":"Data Table 27   Virtualized Data Table","d":"A virtualized data table section for large datasets with efficient row rendering, sortable","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table28","t":"Data Table 28   Cell Selection Data Table","d":"A virtualized data table section with multi-cell selection, keyboard navigation, CSV copy ","s":"shadcnblocks","c":"data-display/table","sb":"Editable"},{"id":"shadcnblocks:data-table29","t":"Data Table 29   Editable Cells Data Table","d":"A virtualized data table section with inline cell editing via double-click, right-click co","s":"shadcnblocks","c":"data-display/table","sb":"Editable"},{"id":"shadcnblocks:data-table3","t":"Data Table 3   Striped Data Table","d":"A data table section with zebra-striped rows, sortable columns, currency formatting, and a","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table30","t":"Data Table 30   Search Highlight Data Table","d":"A virtualized data table section with in-table search highlighting, result navigation, sor","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table31","t":"Data Table 31   CRUD Data Table","d":"A virtualized data table section with add, edit, and delete row functionality, sticky foot","s":"shadcnblocks","c":"data-display/table","tg":["playful"],"sb":"Data tables","sy":["playful"]},{"id":"shadcnblocks:data-table32","t":"Data Table 32   Multi Sort Data Table","d":"A virtualized data table section with multi-column sorting via popover controls, sort prio","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table4","t":"Data Table 4   Responsive Scrollable Data Table","d":"A data table section with horizontal scrolling, sortable columns, custom cell styling, and","s":"shadcnblocks","c":"data-display/table","sb":"Data tables","hc":1},{"id":"shadcnblocks:data-table5","t":"Data Table 5   Sticky Header Data Table","d":"A fixed-height data table with sticky header, vertical and horizontal scrolling, sortable ","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table6","t":"Data Table 6   Paginated Data Table","d":"A data table section with sortable columns, minimal pagination controls showing previous/n","s":"shadcnblocks","c":"data-display/table","tg":["minimal"],"sb":"Data tables","sy":["minimal"]},{"id":"shadcnblocks:data-table7","t":"Data Table 7   Full Pagination Data Table","d":"A data table section with sortable columns, full pagination controls including page size s","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table8","t":"Data Table 8   Single Column Filter Data Table","d":"A data table section with sortable columns, single-column text filter input, and full pagi","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table9","t":"Data Table 9   Global Filter Data Table","d":"A data table section with sortable columns, global search input that filters all columns, ","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:deals1","t":"Deals 1   Exclusive deals sheet with gift trigger","d":"A sheet panel opened from a gift icon trigger, listing promotional deals with alternating ","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:deals2","t":"Deals 2   Stepped bundle builder with discount tiers","d":"A three-step tabbed bundle flow with product cards, a sticky progress summary, tiered disc","s":"shadcnblocks","c":"navigation/sidebar","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:deals3","t":"Deals 3   Bottom collapsible newsletter discount banner","d":"A bottom sheet promo bar that expands from a compact trigger to show a newsletter signup o","k":"section","s":"shadcnblocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcnblocks:deals6","t":"Deals 6   Side tab deal picker with expert hover cards","d":"A fixed side tab opens a dialog of radio-selected skincare deals with hover expert advice,","s":"shadcnblocks","c":"navigation/tabs"},{"id":"shadcnblocks:deals7","t":"Deals 7   Bottom left offers bell with anchored dialog","d":"A fixed bell trigger with offer count opens a dialog anchored above it, listing home decor","s":"shadcnblocks","c":"overlays/dialog"},{"id":"shadcnblocks:download1","t":"Download 1   App store download cards","d":"A muted section with a centered headline and blurb, then three cards for desktop, iOS, and","s":"shadcnblocks","c":"data-display/card","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"shadcnblocks:download10","t":"Download 10   Desktop, mobile, and browser downloads","d":"A center hero headline and supporting paragraph lead into three bordered columns for deskt","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:download11","t":"Download 11   Windows downloads with preview frame","d":"A split layout places Windows copy, MSI and EXE buttons, a Microsoft Store link, and compa","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:download13","t":"Download 13   Centered Windows download with winget copy","d":"Centered desktop download with logo tile, Windows CTA, copyable winget command with feedba","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:download14","t":"Download 14   Split desktop download with OS tabs and formats","d":"Split desktop download with version metadata and resource links beside OS tabs, an install","s":"shadcnblocks","c":"navigation/tabs"},{"id":"shadcnblocks:download15","t":"Download 15   Centered Windows primary with macOS and iOS links","d":"Centered logo and headline with a primary Windows download button, then macOS and iOS seco","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:download17","t":"Download 17   Version accordion with platform package lists","d":"Product header with auto-detected download CTA above accordion version rows that expand in","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:download18","t":"Download 18   Product download with searchable integrations","d":"Centered product pitch with primary and preview downloads, a checked feature list, and a s","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:download19","t":"Download 19   Three column OS downloads with requirements","d":"Three bordered OS columns for Mac, Windows, and Linux with dual download buttons, minimum ","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:download2","t":"Download 2   Minimal three column downloads","d":"A softer muted backdrop with a centered title and intro, then three equal columns for desk","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["minimal","webgl"],"sy":["minimal","webgl"],"hc":1},{"id":"shadcnblocks:download20","t":"Download 20   Mobile download promo with QR and phone frame","d":"Split mobile download promo with badge, headline, CTA, QR scan card, and an iPhone mockup ","k":"section","s":"shadcnblocks","c":"marketing/announcement"},{"id":"shadcnblocks:download21","t":"Download 21   Sales app download with features and phone callouts","d":"Split sales-app download with a three-feature grid, star rating, store badges, iPhone mock","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:download22","t":"Download 22   Split mobile download columns","d":"A bold headline with two muted panels for iOS and Android, each with store badges, short c","s":"shadcnblocks","c":"media/mockup"},{"id":"shadcnblocks:download3","t":"Download 3   Single file desktop download card","d":"A narrow centered column with logo, title, and intro, then a card showing version, size, c","s":"shadcnblocks","c":"data-display/card"},{"id":"shadcnblocks:download4","t":"Download 4   Split download card with feature icons","d":"A secondary badge and centered headline introduce a large card that pairs a feature list w","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:download5","t":"Download 5   Multi OS download with snippets","d":"A product tile and dated title head a grid of Linux snippets, macOS architecture tabs with","k":"section","s":"shadcnblocks","c":"marketing/cta","sb":"App download"},{"id":"shadcnblocks:download6","t":"Download 6   Versioned download grid with platform cards","d":"Lists software versions vertically, badges the newest release, and links each OS variant i","s":"shadcnblocks","c":"data-display/card"},{"id":"shadcnblocks:download7","t":"Download 7   App store promotion with phone mockups","d":"Centered marketing band with outline badge, bold balanced headline, App Store and Google P","s":"shadcnblocks","c":"media/mockup","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:download8","t":"Download 8   Centered download hub with platform matrix","d":"Client download section with a square glare-framed product visual, large product title, pr","s":"shadcnblocks","c":"actions/button","sb":"Loading and states"},{"id":"shadcnblocks:download9","t":"Download 9   Split software pitch with platform availability strip","d":"A two-column software block with headline, muted intro, checkmarked feature lines, paired ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:ecommerce-footer1","t":"Ecommerce Footer 1   Ecommerce footer with newsletter, language selector, and contact row","d":"This component serves as a comprehensive footer block featuring a newsletter subscription ","k":"section","s":"shadcnblocks","c":"marketing/footer","hc":1},{"id":"shadcnblocks:ecommerce-footer18","t":"Ecommerce Footer 18   Accordion ecommerce footer with newsletter form and contact blocks","d":"This component is designed for creating a customizable footer section with multiple sectio","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:ecommerce-footer19","t":"Ecommerce Footer 19   Ecommerce footer with support info row, accordion links, and brand panel","d":"This component provides a comprehensive footer block for digital platforms, featuring sect","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:ecommerce-footer2","t":"Ecommerce Footer 2   Accordion ecommerce footer with newsletter strip and social icons","d":"This component is a footer block designed for webpage applications, featuring sections for","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:ecommerce-footer20","t":"Ecommerce Footer 20   Accordion ecommerce footer with brand story panel and payment icons","d":"This component is a versatile and interactive footer block designed to enhance user engage","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:ecommerce-footer9","t":"Ecommerce Footer 9   Ecommerce footer with store list, link columns, app badges, and payments","d":"This component serves as a detailed footer block that includes sections for store location","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:ecommerce-hero1","t":"Ecommerce Hero 1   Carousel With Paired Product Cards","d":"An autoplay carousel on a primary-colored panel where each slide shows two columns with ta","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:ecommerce-hero2","t":"Ecommerce Hero 2   Split Panel Image and Video Hero","d":"A two-row mobile, two-column desktop hero where each panel is full-bleed media with a dark","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With video"},{"id":"shadcnblocks:ecommerce-hero3","t":"Ecommerce Hero 3   Background Hero With Product Carousel","d":"A rounded full-width hero with a dimmed background photo, left column copy and primary CTA","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:ecommerce-hero6","t":"Ecommerce Hero 6   Split Hero With Product Carousel","d":"A three-column desktop layout with a large photo hero and CTA in two columns and a vertica","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"With product shot","sy":["webgl"]},{"id":"shadcnblocks:ecommerce-hero7","t":"Ecommerce Hero 7   Full Bleed Carousel With Product Detail","d":"A full-viewport autoplay carousel where each slide pairs full-bleed image or video with he","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:ecommerce-hero8","t":"Ecommerce Hero 8   Dual Carousel Collection Hero","d":"A full-viewport autoplay hero with large background slides and serif headline copy, plus a","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:ecommerce-navbar1","t":"Ecommerce Navbar 1   Mega Menu Storefront Navbar","d":"A full ecommerce header with logo, search, cart, and user actions, mega menus with image c","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:ecommerce-navbar2","t":"Ecommerce Navbar 2   Layered Dropdown Store Navbar","d":"An ecommerce header with primary nav, search, cart with badge, wishlist and account entry,","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:edit-product1","t":"Edit Product 1   Product editor with media and variants","d":"A prefilled product edit form with thumbnail and gallery uploads, pricing fields, and a va","s":"shadcnblocks","c":"inputs/textarea"},{"id":"shadcnblocks:edit-product2","t":"Edit Product 2   Guided product wizard with step sidebar","d":"A multi-step product wizard with sidebar progress, mobile step summary, media upload, and ","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:edit-product3","t":"Edit Product 3   Product detail with gallery and reviews","d":"A product record page with image gallery, pricing summary, variant facts, activity history","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:edit-product4","t":"Edit Product 4   Variant focused product detail sheet","d":"A variant-centric product detail with gallery, selectable variant chips, pricing panels, a","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:experience1","t":"Experience 1   Work history rows with CV download","d":"Portfolio experience list with oversized section heading, trailing ghost CV link with down","s":"shadcnblocks","c":"data-display/timeline","hc":1},{"id":"shadcnblocks:experience2","t":"Experience 2   Sticky intro with timeline column","d":"Uses a wide grid split so a sticky left column holds display title with tenure superscript","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:experience3","t":"Experience 3   Numbered experience list with resume control","d":"Section opens with eyebrow label, large Experience title, intro paragraph, rounded downloa","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:experience5","t":"Experience 5   Serif work experience with company logos","d":"Editorial work history with a large serif section title followed by repeating two-column r","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:faq1","t":"Faq 1   Centered accordion FAQ block","d":"Narrow container FAQ heading above a collapsible accordion list where each question trigge","k":"section","s":"shadcnblocks","c":"marketing/faq","hc":1},{"id":"shadcnblocks:faq10","t":"Faq 10   Bordered FAQ band with labeled header","d":"FAQ section framed by horizontal and vertical borders, starting with outline badge contain","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:faq11","t":"Faq 11   Split FAQ with intro and category accordions","d":"Two-column layout with introductory copy on one side and category headings on the other, e","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:faq12","t":"Faq 12   FAQ with category sidebar and scroll sync","d":"Categorized accordion FAQs with a sidebar that jumps to each group and highlights the acti","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:faq14","t":"Faq 14   Centered FAQ with category accordion cards","d":"Centered heading and subtitle above stacked Card sections; each card holds a category acco","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:faq15","t":"Faq 15   Two column icon grid with centered title","d":"Centered section title above a responsive two-column grid of Lucide icons paired with head","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:faq16","t":"Faq 16   Centered narrow accordion FAQ","d":"Narrow centered column with section title and accordion list where each question expands t","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:faq17","t":"Faq 17   Profile and contact column beside accordion FAQ","d":"Wide grid with profile header, contact prompt, outbound contact link, and a primary column","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:faq18","t":"Faq 18   FAQ with tabbed categories and accordion answers","d":"This component provides a structured FAQ section using accordions organized under tabbed c","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:faq19","t":"Faq 19   FAQ with category list and accordion answers","d":"This component serves as a dynamic FAQ block, allowing users to navigate different categor","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:faq2","t":"Faq 2   Single column FAQ with bordered rows","d":"A FAQ section with a heading and stacked question-and-answer rows separated by hairline bo","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:faq20","t":"Faq 20   Categorized FAQ with Two Column Layout","d":"A two-column FAQ section with heading and contact link on the left, and categorized accord","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:faq21","t":"Faq 21   Icon card FAQ grid","d":"Three-column FAQ card grid with topic labels, Lucide icons, always-visible answers, and a ","k":"section","s":"shadcnblocks","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:faq23","t":"Faq 23   Inverted glass accordion FAQ","d":"Inverted FAQ section with a centered headline and a frosted accordion panel over a soft pr","k":"section","s":"shadcnblocks","c":"marketing/faq","tg":["glass","neon"],"sy":["glass","neon"]},{"id":"shadcnblocks:faq25","t":"Faq 25   Compact one liner FAQ rows","d":"Numbered FAQ table of one-line questions and answers with topic tags, a support email, and","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:faq26","t":"Faq 26   Editorial serif accordion FAQ","d":"Serif accordion FAQ with a volume label, section ornament, long-form answers, and a printe","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:faq27","t":"Faq 27   Two column FAQ cell grid","d":"Left-aligned FAQ intro above a two-column grid of always-visible question and answer cells","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:faq28","t":"Faq 28   Searchable accordion FAQ","d":"Centered accordion FAQ with a live search field, filtered results, an empty state, and a r","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:faq29","t":"Faq 29   Numbered inverted accordion FAQ","d":"Inverted FAQ accordion with oversized index numbers beside each question and a trailing su","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:faq3","t":"Faq 3   Centered accordion FAQ","d":"Centered section heading and intro paragraph above a single-column accordion of expandable","k":"section","s":"shadcnblocks","c":"marketing/faq","hc":1},{"id":"shadcnblocks:faq4","t":"Faq 4   Accordion FAQ with badge and support link","d":"Accordion FAQ introduced by a small badge, with separators between items and a trailing li","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:faq5","t":"Faq 5   Numbered FAQ list with badge header","d":"FAQ block with badge, title, intro copy, and a vertical list of numbered questions each pa","k":"section","s":"shadcnblocks","c":"marketing/faq","hc":1},{"id":"shadcnblocks:faq6","t":"Faq 6   Numbered FAQ grid with badge header","d":"Two-column FAQ section with a badge, headline and intro, and numbered rows that pair each ","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:faq7","t":"Faq 7   Split FAQ with accordion and support CTA","d":"Two-column FAQ with a stacked headline, support blurb with inline link, outline button, an","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:faq8","t":"Faq 8   Categorized FAQ accordions for two topics","d":"Stacked FAQ bands with separate General and Billing sections, each showing a category labe","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:faq9","t":"Faq 9   FAQ with card style accordion items","d":"Bold FAQ heading above an accordion whose items use rounded muted panels instead of plain ","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:feature1","t":"Feature 1   Two column feature with square image and button","d":"Split feature section with a large heading, optional description, an outline call-to-actio","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"shadcnblocks:feature10","t":"Feature 10   Icon feature columns with dashed borders","d":"Small section label, bold heading, and up to four Lucide-backed feature tiles with dashed ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Icons"},{"id":"shadcnblocks:feature101","t":"Feature 101   Bento capability grid with icons and images","d":"Centered header above a mixed-span bento grid of muted cards with Lucide icons, short copy","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Bento"},{"id":"shadcnblocks:feature102","t":"Feature 102   Numbered three step timeline with side images","d":"Centered launch headline and intro, then three horizontal steps with circled numbers, vert","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcnblocks:feature103","t":"Feature 103   Linked capability cards with badge header","d":"Outlined badge and title over a responsive grid of bordered link cards with headings, blur","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature104","t":"Feature 104   Three column icon highlights with center image","d":"Medal badge and centered copy introduce six bordered icon rows split into two side columns","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature105","t":"Feature 105   Icon tabs with swapped images","d":"Centered intro with outline badge, headline, and supporting copy, plus many icon-labeled t","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Tabs"},{"id":"shadcnblocks:feature106","t":"Feature 106   Tabs on desktop, accordion on mobile","d":"Four feature entries switch between a single-column accordion on small screens and a three","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Tabs","sy":["webgl"]},{"id":"shadcnblocks:feature107","t":"Feature 107   Integration grid with linked cards","d":"Responsive grid combining a two-column intro (outline badge, headline, paragraph) with six","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature108","t":"Feature 108   Tabbed two column feature panels","d":"Centered outline badge, display heading, and intro line feed a three-option tab row; each ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:feature109","t":"Feature 109   Split copy with framed photo overlay","d":"Two-column layout with outline badge, large heading, muted paragraph, and primary button o","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient"],"sb":"Showcase and split","sy":["gradient"]},{"id":"shadcnblocks:feature11","t":"Feature 11   Split image with dotted list and outline button","d":"Two-column section with a square bordered image beside a large heading, muted paragraph, o","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature110","t":"Feature 110   Bento grid with badges and avatar carousel","d":"Centered outline badge and headline introduce a two-column bento grid mixing outline icon ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Bento"},{"id":"shadcnblocks:feature111","t":"Feature 111   Centered pitch with dual muted columns","d":"Outline badge, headline, paragraph, and capability link up top, then two equal muted colum","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature112","t":"Feature 112   Three up image cards under centered intro","d":"Centered heading, optional muted description, optional text link with chevron, then three ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature113","t":"Feature 113   Icon tabs with muted split panels","d":"Outline badge and short hero copy introduce three tabs (labels such as Speed and Flexible)","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Tabs","sy":["webgl"]},{"id":"shadcnblocks:feature114","t":"Feature 114   Split feature section with vertical carousels","d":"A two-column feature area with overlapping avatars, a headline and CTA, two numeric highli","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature115","t":"Feature 115   Centered feature grid with outline badge","d":"A centered intro with outline badge, heading, and supporting line above a responsive grid ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature116","t":"Feature 116   Image bento with gradient hover overlays","d":"A centered title and subtitle introduce a bento grid of linked image tiles with bottom gra","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient"],"sb":"Bento","sy":["gradient"]},{"id":"shadcnblocks:feature117","t":"Feature 117   Three image feature columns with overlay cards","d":"A centered heading and line of supporting copy sit above three wide image columns that use","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient","webgl"],"sb":"Showcase and split","sy":["gradient","webgl"]},{"id":"shadcnblocks:feature118","t":"Feature 118   Workflow feature stack with stats and contact row","d":"A muted section with a centered intro, a split card row pairing a report highlight and che","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["minimal"],"sb":"Steps","sy":["minimal"]},{"id":"shadcnblocks:feature119","t":"Feature 119   Numbered steps with outline badge and wide image","d":"An outline badge and large heading introduce three numbered rows with mono index badges, t","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcnblocks:feature12","t":"Feature 12   Feature carousel with progress rail","d":"A centered outline badge and section title sit above a shadcn carousel of feature cards, w","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature120","t":"Feature 120   Split proof header with stat strip","d":"A two-column hero-style row pairs headline, paragraph, paired avatars with titles, primary","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature121","t":"Feature 121   Interactive grid squares with expanding copy","d":"An interactive bordered grid of square tiles where uppercase labels anchor each cell, hove","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature122","t":"Feature 122   Bento grid with central CTA panel","d":"A responsive bento arranges five compact feature tiles around a larger accent panel that c","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Bento"},{"id":"shadcnblocks:feature123","t":"Feature 123   Intro column beside gradient linked features","d":"A two-column marketing section with headline and supporting copy on one side and stacked f","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:feature124","t":"Feature 124   Checklist and CTA beside patterned image column","d":"A split layout with heading, body copy, checked benefit lines, and a button on one side an","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient"],"sb":"Showcase and split","sy":["gradient"]},{"id":"shadcnblocks:feature125","t":"Feature 125   Feature checklist beside masked illustration panel","d":"A dual-column block with headline, paragraph, checkmarked lines, and a button opposite a l","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient"],"sb":"Lists","sy":["gradient"]},{"id":"shadcnblocks:feature126","t":"Feature 126   Accordion feature list with swapping imagery","d":"A marketing section using accordion rows for titles and copy while a paired image updates ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature127","t":"Feature 127   Bento grid of utility tiles with icon headers","d":"A headline section followed by an asymmetric grid of cards mixing icons, titles, short cop","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Bento"},{"id":"shadcnblocks:feature128","t":"Feature 128   Centered icon grid with short blurbs","d":"A section title and subtitle above a responsive grid of items, each with an icon in a roun","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature129","t":"Feature 129   Tabbed integration spotlight with imagery","d":"A titled section with tabs that switch integration stories, each pairing short copy, a lea","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature13","t":"Feature 13   Two column feature cards with linked titles and imagery","d":"A heading and optional intro above a two-column grid of cards that combine labels, linked ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"shadcnblocks:feature130","t":"Feature 130   Three column integration narrative with imagery","d":"A wide band divided into three parallel stories, each mixing an icon, title, paragraph, an","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature131","t":"Feature 131   Accordion copy column with paired focal image","d":"A section framed by eyebrow text and headline where accordion rows expand narrative detail","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature132","t":"Feature 132   Centered heading with four linked image cards","d":"A feature card list with a single centered title and a horizontal row of four links, each ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature133","t":"Feature 133   Asymmetric bento with tall visual column","d":"A wide feature layout with a primary card that pairs copy with a square image, plus two st","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Bento"},{"id":"shadcnblocks:feature134","t":"Feature 134   Outline badge and mosaic of linked tiles","d":"A centered outline badge and heading introduce a responsive grid of bordered, clickable ti","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature135","t":"Feature 135   Sticky intro column beside stacked feature cards","d":"A two-column feature section with an outline label, heading, intro copy, and check-style h","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Scroll"},{"id":"shadcnblocks:feature136","t":"Feature 136   Metrics, narrative, and triad of benefit cards","d":"A two-column hero-style slice pairs an outline KPI strip and copy with a large rounded ima","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature137","t":"Feature 137   Image forward value cards and icon rows","d":"A section that leads with a large heading, then a two-column grid of image-topped value ca","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature138","t":"Feature 138   Three alternating split rows with learn links","d":"A section framed by a title and subtitle, then three muted rounded rows that each pair a h","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature139","t":"Feature 139   Bordered spotlight card with four detail columns","d":"A large bordered card holds a two-column top band with optional outline badge, heading, pa","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature14","t":"Feature 14   Two stacked feature splits with numbered media","d":"Two bordered grids each pair a text column containing a title, intro copy, and checkmarked","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature140","t":"Feature 140   Full bleed carousel of text and image slides","d":"A carousel section where each slide is a muted rounded panel with a headline and paragraph","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature141","t":"Feature 141   Centered headline with framed image and testimonial","d":"A centered feature band with primary heading and muted subheading, nine-cell bordered fram","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature142","t":"Feature 142   Mesh framed image with checklist sidebar","d":"A two-column band pairing a taller mesh grid that wraps label text and image on a soft gra","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient"],"sb":"Showcase and split","sy":["gradient"]},{"id":"shadcnblocks:feature143","t":"Feature 143   Checklist column opposite framed spotlight","d":"A mirrored mesh-moat pattern with text first: eyebrow headline, outlined badge, rule, capp","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient"],"sb":"Lists","sy":["gradient"]},{"id":"shadcnblocks:feature144","t":"Feature 144   Stacked asymmetric cards beneath centered intro","d":"A centered section title pair followed by three shadcn cards: top row pairs headline plus ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature145","t":"Feature 145   Accordion chooser beside synchronized imagery","d":"A centered hero band with tinted span styling, muted body paragraph, rounded outline CTA, ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature146","t":"Feature 146   Dashed accent bento with dual headlines","d":"A feature section opening with split headline column and supporting paragraph, then a bord","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Bento"},{"id":"shadcnblocks:feature147","t":"Feature 147   Integration matrix with split hero text","d":"Marketing feature band pairing a two-line headline block and supporting paragraph with a r","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature148","t":"Feature 148   Utility grid with primary action under intro","d":"Centered heading, muted description, large primary shadcn button, then responsive one-to-t","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature149","t":"Feature 149   Split widening panels over shared photo backdrop","d":"Full-bleed rounded photo under two vertical halves separated by desktop-only notched space","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient"],"sb":"Showcase and split","sy":["gradient"]},{"id":"shadcnblocks:feature15","t":"Feature 15   Centered intro with paired icon tiles","d":"A feature band with optional eyebrow label, large centered heading, muted description, and","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Icons","hc":1},{"id":"shadcnblocks:feature150","t":"Feature 150   Two column CRM panels with hover imagery","d":"A two-panel CRM feature layout with headline and supporting copy, full-card photos that fa","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature152","t":"Feature 152   Centered headline with staggered icon badges","d":"Centered intro with eyebrow badge, headline, body text, and integrations link above stagge","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Icons"},{"id":"shadcnblocks:feature153","t":"Feature 153   Integration carousel with detail lines","d":"A Shadcn UI carousel of integration slides, each with artwork, title, body copy, and short","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature154","t":"Feature 154   Dual marquee rows of workflow badges","d":"Full-width section with centered workflow headline, dual opposing marquees of Lucide-backe","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient"],"sb":"Steps","sy":["gradient"]},{"id":"shadcnblocks:feature156","t":"Feature 156   Tabbed feature panel with large preview","d":"A tabbed marketing layout from Shadcn UI where selecting a tab swaps a large illustrative ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature157","t":"Feature 157   Services overview with paired image columns","d":"Services-style band with eyebrow label, large title, and two parallel columns that each co","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature158","t":"Feature 158   Three column feature highlights with footer CTA","d":"Three equal feature columns with imagery, headings, blurbs, and a shared footer button wir","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:feature159","t":"Feature 159   Four up integration icons with trailing link","d":"Compact four-column row of icons with titles and short descriptions, finishing with inline","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Icons"},{"id":"shadcnblocks:feature16","t":"Feature 16   Three pillar cards with outlined icons","d":"Three equal cards with tinted backgrounds, outlined circular icons, bold pillar labels, an","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["minimal","webgl"],"sb":"Grid of cards","sy":["minimal","webgl"],"hc":1},{"id":"shadcnblocks:feature160","t":"Feature 160   Grid tabs with swapping hero artwork","d":"Tabs laid out as a dense grid trigger icon, title, and blurb stacks while revealing a domi","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Tabs"},{"id":"shadcnblocks:feature161","t":"Feature 161   Bordered grid with logos rail","d":"Two-pane grid wrapped in muted hairlines and corner ticks, pairing bold headline plus pair","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature162","t":"Feature 162   Bento feature stack with rounded media","d":"A feature section with a top row of lead copy beside a large image inside one bordered pan","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Bento"},{"id":"shadcnblocks:feature163","t":"Feature 163   Four cell marketing grid with spanning columns","d":"Four bordered feature cells on a responsive grid that use three- and two-column spans on l","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature164","t":"Feature 164   Tabbed square media beside headline and CTA","d":"Two-column feature strip with tabs driving square rounded images and pill triggers on one ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature166","t":"Feature 166   Centered intro over four panel feature matrix","d":"Centered title and muted intro precede a bordered two-by-two matrix of four prop-driven fe","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"shadcnblocks:feature167","t":"Feature 167   Vertical feature tabs with gradient active rule","d":"Outline badge, large balanced headline, and intro precede a split layout where stacked tab","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient","webgl"],"sb":"Tabs","sy":["gradient","webgl"]},{"id":"shadcnblocks:feature168","t":"Feature 168   Three up feature rail with framed media wells","d":"Bordered rail around a hero band with outline badge, very large heading, and muted intro, ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["retro and HUD","webgl"],"sb":"Showcase and split","sy":["retro and HUD","webgl"]},{"id":"shadcnblocks:feature169","t":"Feature 169   Line tabs over wide bordered screenshots","d":"Outline badge, headline, and supporting copy introduce a three-trigger tab strip with circ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient","webgl"],"sb":"Tabs","sy":["gradient","webgl"]},{"id":"shadcnblocks:feature17","t":"Feature 17   Six up icon grid with centered intro","d":"Optional secondary badge and large centered heading introduce up to six icon-led features ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"shadcnblocks:feature170","t":"Feature 170   Icon values strip with text link","d":"Outline heart badge, large heading, muted description, and an underlined primary text link","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Icons","sy":["webgl"]},{"id":"shadcnblocks:feature171","t":"Feature 171   Dashed rails linking horizontal feature cards","d":"Muted section with dashed horizontal rule and centered mono label, two-column heading and ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature172","t":"Feature 172   Two row grid with dashed dividers","d":"A centered headline anchors a stacked layout: two feature columns above, three below, sepa","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature173","t":"Feature 173   Three metric panels with humorous stats","d":"A two-column header leads into three oversized stat cards showing values, cheeky metric la","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient","webgl"],"sy":["gradient","webgl"]},{"id":"shadcnblocks:feature174","t":"Feature 174   Muted bento grid with soft image fades","d":"Centered section title over a five-tile bento on a muted field; each shadcn Card blends in","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Bento"},{"id":"shadcnblocks:feature175","t":"Feature 175   Vertical tabs with large preview pane","d":"Intro row then a bordered region: vertical tab triggers with icons and blurbs swap a three","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Tabs","sy":["webgl"]},{"id":"shadcnblocks:feature176","t":"Feature 176   Two pane analytics vignette with chart","d":"Layered dotted grid backdrop frames two columns of shadcn cards: evaluation story with bad","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:feature18","t":"Feature 18   Icon led feature cards up to six","d":"Left-aligned headline over a responsive grid (up to three columns on large screens) of bor","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature180","t":"Feature 180   With and without comparison columns","d":"Centered pitch with outline badge and intro copy, then two parallel columns listing pain p","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Comparison"},{"id":"shadcnblocks:feature181","t":"Feature 181   Four numbered columns with timed badges","d":"Left header and pill-shaped primary action above four vertical tracks, each oversized fade","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature182","t":"Feature 182   Three image tiles with dual actions","d":"Centered heading and paired primary and outline buttons lead into three equal cards: lands","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature183","t":"Feature 183   Device stage hero with overlay cards and stats","d":"Rounded muted stage with faint line grid anchors a centered phone mock flanked by floating","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature184","t":"Feature 184   Tabbed features with image and stacked triggers","d":"A centered heading leads into a two-column area where a large image tracks the active tab ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature186","t":"Feature 186   Feature tabs with patterned background and mobile dots","d":"A feature-tabs section with a tiled pattern backdrop, horizontal tab triggers, a wide cont","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Tabs"},{"id":"shadcnblocks:feature187","t":"Feature 187   Three step process with connector line","d":"A feature-timeline section with a large title and intro, then three columns on wide screen","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcnblocks:feature188","t":"Feature 188   Bordered resource rows with thumbnails","d":"A centered section title introduces a rounded bordered stack of linked rows; each row pair","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature189","t":"Feature 189   Split feature list with layered images","d":"A two-column feature section pairs a collage of three tilted overlapping images on one sid","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["3d","webgl"],"sb":"Showcase and split","sy":["3d","webgl"]},{"id":"shadcnblocks:feature19","t":"Feature 19   Centered tabs with slide detail and checklist","d":"A centered intro leads into horizontal shadcn tabs; each pane is a two-column layout with ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Tabs"},{"id":"shadcnblocks:feature190","t":"Feature 190   Dense feature grid with square thumbnails","d":"A centered heading and intro sit above a responsive grid of compact Card rows pairing a li","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature191","t":"Feature 191   Feature grid with step badges on accent","d":"An accented feature section with outline badge and headline, then three cards each showing","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcnblocks:feature192","t":"Feature 192   Accordion features with desktop image sync","d":"Inside a rounded gradient-framed panel, an accordion lists feature titles and long descrip","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient"],"sb":"Showcase and split","sy":["gradient"]},{"id":"shadcnblocks:feature193","t":"Feature 193   Asymmetric bento cards with mixed layouts","d":"A mono eyebrow heads a five-column-aware grid of shadcn Cards where titles, multi-paragrap","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient"],"sb":"Bento","sy":["gradient"]},{"id":"shadcnblocks:feature194","t":"Feature 194   Icon feature cards with learn more buttons","d":"A centered mono label, heading, and supporting line introduce a grid of up to four shadcn ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature197","t":"Feature 197   Feature accordion with paired image panel","d":"A two-column section built around an accordion that switches feature copy and updates the ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"shadcnblocks:feature198","t":"Feature 198   Three icon cards on staggered rows","d":"Three feature cards with icons, titles, and blurbs sit in an offset grid so the row height","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature199","t":"Feature 199   Scroll linked feature list with sticky media","d":"A wide text column lists feature entries while a separate column shows a large image that ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Scroll"},{"id":"shadcnblocks:feature2","t":"Feature 2   Split feature row with image and dual actions","d":"A two-column block with one column for media and the other for a heading, supporting parag","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"shadcnblocks:feature20","t":"Feature 20   Utility grid with header and learn more link","d":"A section header with a title and inline text link sits above introductory copy in two col","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature200","t":"Feature 200   Three gradient panels with icon feature lists","d":"Three equal-width columns each carry a tinted gradient panel, an icon, a title, and a vert","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient","webgl"],"sb":"Lists","sy":["gradient","webgl"]},{"id":"shadcnblocks:feature202","t":"Feature 202   Bento grid of image backed solution tiles","d":"A centered heading introduces a mosaic grid of cards with photos, icons, headings, and blu","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Bento"},{"id":"shadcnblocks:feature203","t":"Feature 203   Four feature cards with checklist rows","d":"Four cards in a two-column grid each show an icon, title, description, and a checklist wit","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature204","t":"Feature 204   Split visuals with icon tagged lines and CTA","d":"One column shows a large image or collage while the other stacks a heading, icon-labeled b","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature205","t":"Feature 205   Tabbed feature panel with stats over imagery","d":"Pill tabs switch between themes; each state shows body copy beside or over photography wit","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature206","t":"Feature 206   Centered header with bento image and text tiles","d":"A centered outline badge, headline, and intro lead into a bento grid that alternates squar","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Bento"},{"id":"shadcnblocks:feature207","t":"Feature 207   Numbered three step workflow with separators","d":"A vertical workflow with a small overline, headline, and three numbered steps separated by","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcnblocks:feature209","t":"Feature 209   Split gallery with thumbnails and cross fade preview","d":"A bordered split section with headline, clickable thumbnail strip, outline button, and a t","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature21","t":"Feature 21   Two column grid of utility cards","d":"Intro row with icon label, separator, split heading and paragraph, then two columns of Sha","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature210","t":"Feature 210   Icon led feature links in a responsive grid","d":"Split header with label, icon, headline, and supporting paragraph over a grid of link rows","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature211","t":"Feature 211   Rounded tab strip with variant media layouts","d":"Muted rounded panel holds pill-style tabs in a horizontal scroller, then pairs serif headl","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Tabs"},{"id":"shadcnblocks:feature213","t":"Feature 213   Vertical tabs with sixteen by nine imagery","d":"Centered headline introduces a tabs block where triggers stack vertically with bold titles","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Tabs"},{"id":"shadcnblocks:feature214","t":"Feature 214   AI headline with video on hover carousel","d":"Centered serif title and subcopy lead into a shadcn/ui carousel of tall muted cards; each ","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature215","t":"Feature 215   Centered headline carousel with aspect ratio video cards","d":"Bold centered heading and muted intro precede a carousel of cards where each slide wraps a","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature215a","t":"Feature215a   Responsive video cards in a centered grid","d":"Intro copy leads into a responsive card grid where each linked tile mixes title, summary, ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature215b","t":"Feature215b   Stacked rows with side by side video and copy","d":"Centered intro leads into full-width rows where each pairs a video thumbnail with icon, ti","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature216","t":"Feature 216   Icon tabs with large photo and round step controls","d":"Tabbed showcase with shadcn/ui where six tinted icon triggers swap a wide photo and captio","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Tabs"},{"id":"shadcnblocks:feature217","t":"Feature 217   Accessibility story with hero image and icon columns","d":"Full-bleed photo header with headline, paragraph, and framed image lifts into a calm three","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature217a","t":"Feature217a   Centered hero band over three accessibility columns","d":"Contrast-heavy photo backdrop centers headline, paragraph, and a framed illustration slot,","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:feature217b","t":"Feature217b   Frosted accessibility tiles on photo backdrop","d":"Shared headline introduces three bordered glass tiles with white type and translucent fill","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["glass","webgl"],"sy":["glass","webgl"]},{"id":"shadcnblocks:feature218","t":"Feature 218   Split upgrade column with soft fade photo edge","d":"Top-level headline spans the section, then a roughly one-third text column with long-form ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature219","t":"Feature 219   Patterned feature columns with three image layouts","d":"Three extra-tall cards each pair headline, summary, faint texture, oversized index motif, ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature22","t":"Feature 22   Checklist header with three outline showcase cards","d":"Headline pairs with two checkmark columns, then three bordered cards show imagery, outline","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature220","t":"Feature 220   Split stats column with muted autoplay video","d":"Dotted muted backdrop holds a two-column layout pairing headline, supporting copy, primary","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature220a","t":"Feature220a   Centered section with video and stats","d":"Centered intro with badge, stacked headline with a primary accent line, supporting copy, l","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:feature220b","t":"Feature220b   Stats row with split video and copy","d":"Three headline statistics in a centered row above a two-column grid with a muted video on ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature221","t":"Feature 221   Feature grid with badges and gradient dots","d":"Header row with left-aligned headline, supporting copy, and a pill CTA leads into a respon","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient"],"sb":"Grid of cards","sy":["gradient"]},{"id":"shadcnblocks:feature222","t":"Feature 222   Image forward cards with stat pairs","d":"Responsive grid of linked cards filled with photography, white titles, paired metric label","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature224","t":"Feature 224   Carousel of photo cards with dual icons","d":"Centered section title above a horizontal carousel of tall photo cards, each with stacked ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature225","t":"Feature 225   Selectable AI capability tiles with preview panel","d":"Centered headline and muted lead-in introduce a tab-driven layout where a responsive grid ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Comparison"},{"id":"shadcnblocks:feature227","t":"Feature 227   Split copy with checklist and photo","d":"Two-column layout with a large headline, paragraph, and a two-column checklist using circu","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient"],"sb":"Showcase and split","sy":["gradient"]},{"id":"shadcnblocks:feature228","t":"Feature 228   Smart home story with icon grid and gallery","d":"Muted two-column section pairs a large stacked headline, intro copy, and a small icon-led ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature229","t":"Feature 229   Three pillars with icon headers and checklists","d":"Wide headline introduces three equal columns for Security, Integration and APIs, and Suppo","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Lists","sy":["webgl"]},{"id":"shadcnblocks:feature23","t":"Feature 23   Centered header with three image cards","d":"Centered optional outline badge, headline, and supporting line lead into a three-column gr","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature230","t":"Feature 230   Wide hero image with split headline and icons","d":"A marketing feature band with a full-width image strip, eyebrow divider, oversized headlin","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature231","t":"Feature 231   Numbered feature cards with split headline","d":"A two-column feature section with a stacked multi-line headline, short intro, paired Shadc","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature234","t":"Feature 234   Centered headline with fanned image cards","d":"A centered feature hero with oversized title, horizontal row of tilted image cards that re","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["3d"],"sb":"Showcase and split","sy":["3d"]},{"id":"shadcnblocks:feature235","t":"Feature 235   Split promo with flicker tiles and shine border","d":"A two-column promotional feature with dashed ghost CTAs on the left and a bordered preview","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature236","t":"Feature 236   Bracket framed headline with ping indicator","d":"A vertically stacked promo built with ShineBorder framing, Motion width reveal, layered he","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature237","t":"Feature 237   System capability cards with dense metrics","d":"A titled grid of linkable capability cards showing status chips, monospace KPI pairs, CPU ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature238","t":"Feature 238   Giant headline with layered browser cards","d":"A centered marketing feature with eyebrow icon label, towering headline, muted intro, sign","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature239","t":"Feature 239   Split feature with dotted frame and image tile","d":"A bordered inset layout pairing outline badge headline body and outlined button opposite a","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient"],"sb":"Showcase and split","sy":["gradient"],"hc":1},{"id":"shadcnblocks:feature24","t":"Feature 24   Compact promo row with headline split and banner image","d":"A slim feature strip with icon label row, learn-more link, separator, split headline and b","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature240","t":"Feature 240   Services carousel with image hover reveal","d":"A Services heading over a looping Shadcn carousel of tall dotted-frame image cards with da","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature241","t":"Feature 241   Team features grid with icon cards","d":"A feature grid with a section heading and two columns of cards, each with an icon, title, ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature242","t":"Feature 242   Testimonial carousel with slide controls","d":"A testimonial carousel built on Shadcn UI carousel controls, with portrait images, quoted ","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature243","t":"Feature 243   Vertical step timeline with cards","d":"A vertical process timeline with a section heading and a connected column of cards, each s","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Steps"},{"id":"shadcnblocks:feature244","t":"Feature 244   Feature carousel with dotted card frames","d":"A horizontal carousel of feature cards with imagery, titles, and body copy, each card inse","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature245","t":"Feature 245   Two column feature list with center image","d":"A symmetric two-column layout of eight short feature lines with decorative slash marks and","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature246","t":"Feature 246   Email signup panel with benefit checklist","d":"A conversion-focused column with a bold headline, checklist of four benefits with icons, e","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Lists"},{"id":"shadcnblocks:feature247","t":"Feature 247   Centered scroll driven text reveal","d":"A narrow centered column where body copy reveals word by word tied to scroll position, wit","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Scroll"},{"id":"shadcnblocks:feature248","t":"Feature 248   Full width dark panel with text reveal","d":"An extra-wide centered section on a dark background where headline and supporting lines re","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature249","t":"Feature 249   Aurora headline with scroll scaled media card","d":"A stacked section with gradient-styled headline text, supporting copy, and a scroll-driven","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient"],"sb":"Scroll","sy":["gradient"]},{"id":"shadcnblocks:feature25","t":"Feature 25   Three feature bands with checkmark grids","d":"A long-form feature section with a small badge, headline, then three separated bands of co","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature250","t":"Feature 250   Animated network illustration with linked CPU nodes","d":"A feature section with a heading, body copy, and an illustration of CPU nodes linked by an","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature251","t":"Feature 251   Four feature cards with globe and animated beams","d":"A feature grid of four cards with icons and copy, a globe visualization, and animated beam","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature252","t":"Feature 252   Ripple panel with dashed border and primary CTA","d":"A contained feature band with a headline, supporting line, and button inside a rounded fra","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature253","t":"Feature 253   Split feature with globe and animated arrow button","d":"A two-column feature with heading, body, and CTA beside a globe graphic; the button icon r","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature254","t":"Feature 254   Orbiting avatar rings with center headline and CTA","d":"A hero-style feature with concentric rings of orbiting images around a center message and ","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature255","t":"Feature 255   Top contributors list with header actions","d":"A contributor leaderboard with avatars, names, roles, short bios, and a header row that in","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Lists"},{"id":"shadcnblocks:feature256","t":"Feature 256   Developer tools grid and guides with spotlight cards","d":"Two stacked bands: a responsive grid of tool cards with logos and spotlight hover, then a ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature257","t":"Feature 257   Curated tool catalog with tiered card sizes","d":"A showcase of tools grouped by category, with larger hero tiles for highlighted items and ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature26","t":"Feature 26   Six up icon grid with section badge","d":"A feature overview with an optional badge, heading, and six icon-led items in a responsive","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature261","t":"Feature 261   Marketing bento with stats, media, and avatars","d":"A bento-style feature grid mixing photo panels, stat callouts, pricing snippets, and avata","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Bento"},{"id":"shadcnblocks:feature266","t":"Feature 266   Feature cards with image tooltips and staggered motion","d":"A small label and heading introduce up to six cards in a responsive grid, each pairing a t","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature267","t":"Feature 267   Split feature with subscribe field and 3D marquee","d":"A two-column marketing slice pairs a kicker with icon, large heading, muted paragraph, and","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["3d"],"sb":"Showcase and split","sy":["3d"]},{"id":"shadcnblocks:feature268","t":"Feature 268   Split feature with checklist and tilted 3D card","d":"A wide column holds a headline, muted description, optional outline button, and checkmark ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["3d"],"sb":"Showcase and split","sy":["3d"]},{"id":"shadcnblocks:feature269","t":"Feature 269   Benefit grid beside tilted visual card","d":"A centered-then-left headline, horizontal divider labeled Features, and two-column checkli","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["3d"],"sb":"Grid of cards","sy":["3d"]},{"id":"shadcnblocks:feature27","t":"Feature 27   Overview band with two up media and full width row","d":"An outline badge tops a centered heading and paragraph, followed by a two-up grid of borde","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature270","t":"Feature 270   Three tilted panels with alternating image stacks","d":"A heading and muted intro lead into three tall link panels that flip image and text order ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["3d","webgl"],"sb":"Showcase and split","sy":["3d","webgl"]},{"id":"shadcnblocks:feature271","t":"Feature 271   Full height feature list on aurora backdrop","d":"A viewport-tall aurora animation sits behind a centered shadcn/ui badge, display heading, ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient"],"sb":"Lists","sy":["gradient"]},{"id":"shadcnblocks:feature272","t":"Feature 272   Dark three step row with arrows and beams","d":"A dark, centered how-to band introduces a kicker, large title, and paragraph above three b","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcnblocks:feature274","t":"Feature 274   Metrics grid with canvas hover reveals","d":"A centered heading and supporting paragraph introduce four tall stat tiles; hovering a til","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature275","t":"Feature 275   Three canvas cards with step reveal copy","d":"Centered title and intro text sit above three rounded tiles that show large step numerals ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcnblocks:feature276","t":"Feature 276   Feature grid with shared hover highlight","d":"A centered feature section with label, headline, intro, and up to six icon cards in a resp","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature277","t":"Feature 277   Four column feature cards with read more","d":"A centered feature section with label, headline, intro, and up to four cards with icons, b","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature278","t":"Feature 278   Full height muted grid without subhead","d":"A tall muted section with a centered headline and up to six icon cards in a responsive gri","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature28","t":"Feature 28   Two column image pairs with learn more links","d":"Two equal stacks of framed aspect-ratio images, headings, supporting text, optional badges","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature280","t":"Feature 280   Checklist and testimonial card stack","d":"A split row pairs a large heading, labeled feature checklist with check icons, and a horiz","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature281","t":"Feature 281   Centered testimonial stack with read more","d":"A testimonials section with pill label, large title, animated stacked quote cards showing ","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature282","t":"Feature 282   Security story beside interactive encrypt card","d":"A two-column section with a primary-bordered panel housing an interactive hover-to-encrypt","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature283","t":"Feature 283   Centered CTA with draggable photo orbit","d":"A tall centered headline, supporting paragraph, and primary button with six photos absolut","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature284","t":"Feature 284   Bento image grid with proximity glow","d":"A responsive bento grid of image-led cards with badge labels, optional help icons, titles,","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["neon"],"sb":"Bento","sy":["neon"]},{"id":"shadcnblocks:feature285","t":"Feature 285   Brand column beside dual vertical image marquees","d":"A rounded split panel: brand link and wordmark, headline, supporting text, and member butt","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature286","t":"Feature 286   Product collection cards with glowing stars","d":"A marketing feature section with a heading and intro copy, three cards that show collectio","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["neon","webgl"],"sb":"Grid of cards","sy":["neon","webgl"]},{"id":"shadcnblocks:feature287","t":"Feature 287   Glowing star cards in a responsive grid","d":"A feature band with a title and up to four cards on a glowing star background, each with a","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["neon"],"sb":"Grid of cards","sy":["neon"]},{"id":"shadcnblocks:feature288","t":"Feature 288   Centered copy with inline link previews","d":"A single-column feature section whose paragraph embeds clickable link previews for common ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature289","t":"Feature 289   Split headline and link preview stack list","d":"A two-column marketing feature with a large heading on one side and a vertical list of sta","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature29","t":"Feature 29   Bento style grid of images and copy","d":"A marketing feature grid that mixes image tiles and text blocks with separators, pairing v","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Bento"},{"id":"shadcnblocks:feature292","t":"Feature 292   Hiring band with pointer highlight and signup column","d":"A two-column marketing band with a hiring pill, headline using pointer-follow highlight, s","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature293","t":"Feature 293   Full viewport subscribe panel with sparkles","d":"A tall subscribe section with headline, short paragraph, email field and button on a gradi","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:feature294","t":"Feature 294   Five up icon grid on sparkle field","d":"A marketing feature grid presenting five labeled points with icons and blurbs across up to","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature295","t":"Feature 295   Filtered project grid with categories and roles","d":"A project browser with category badges, a role selector, a show-all toggle, and a responsi","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature297","t":"Feature 297   Three image columns with numbered overlays","d":"Three side-by-side image panels each carry a numeric label, headline, supporting text, and","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature299","t":"Feature 299   System pillars list with centered copy and browser mockup","d":"This component provides a comprehensive visualization of a system's architecture, detailin","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Lists"},{"id":"shadcnblocks:feature3","t":"Feature 3   Icon led feature cards with footer imagery","d":"Up to six shadcn/ui cards in one responsive grid, each with header icon, title, body copy,","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"shadcnblocks:feature30","t":"Feature 30   Two framed images beside a copy column","d":"A three-column marketing strip pairing two rounded images with one text column holding a h","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature31","t":"Feature 31   Centered introduction with alternating image and text pairs","d":"Intro headline and paragraph over a staggered pairing of imagery and explanatory blocks ea","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature312","t":"Feature 312   Story block with hero image and four up stat cards","d":"This component, Feature312, is designed to showcase impactful digital solutions, highlight","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature313","t":"Feature 313   Step card row with play trigger video dialog","d":"This component features a visually engaging card grid and an interactive video section, al","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Steps"},{"id":"shadcnblocks:feature314","t":"Feature 314   Studio grid with compact cards and large feature tile","d":"This component displays a dynamic gallery featuring a combination of multiple small cards ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature322","t":"Feature 322   Scroll driven feature cards with stats, imagery, and testimonial","d":"This component, named `Feature322`, highlights several features and includes a testimonial","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["animated"],"sb":"Scroll","sy":["animated"]},{"id":"shadcnblocks:feature323","t":"Feature 323   Vertical feature stack with expand on select cards and controls","d":"This component enables users to browse a collection of features, displaying an animated ca","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature33","t":"Feature 33   Hero imagery above three linked feature columns","d":"Upper stack of title, subtitle, and wide imagery over a trio of evenly matched columns eac","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature34","t":"Feature 34   Bento grid mixing stats, logos, and photography","d":"Headline and subhead over an irregular tiled grid pairing metric callouts with photography","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Bento"},{"id":"shadcnblocks:feature342","t":"Feature 342   Three Column Feature Cards with Dashed Dividers","d":"A features section with a dashed line tagline, two-column header, and three feature cards ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature343","t":"Feature 343   Bento Grid Features with Dashed Dividers","d":"A bento-style features section with a centered heading and two rows of feature cards separ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Bento"},{"id":"shadcnblocks:feature344","t":"Feature 344   Split Feature With Left Image","d":"A two-column feature section with a large heading, supporting copy, and a two-column check","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient"],"sb":"Showcase and split","sy":["gradient"]},{"id":"shadcnblocks:feature345","t":"Feature 345   Split Feature With Right Image","d":"A two-column feature section with the image on the right on medium screens and up, plus he","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature346","t":"Feature 346   Checklist Feature With Left Pattern Media","d":"A split feature with a bold heading, checklist, and outline button opposite a tall media f","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature347","t":"Feature 347   Checklist Feature With Offset Left Media","d":"A split feature matching the checklist plus outline button pattern, with a softer cross-pa","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature348","t":"Feature 348   Serif Promo Feature With Left Image","d":"A large serif headline above a two-column grid with the wide image on the left and narrow ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient"],"sb":"Showcase and split","sy":["gradient"]},{"id":"shadcnblocks:feature349","t":"Feature 349   Centered Feature Cards","d":"A centered heading and description above a three-column grid of bordered cards, each with ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature35","t":"Feature 35   Large grid headline beside three arrow links","d":"Oversized spanning headline beside three narrower columns each with title, body text, and ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature350","t":"Feature 350   Centered Four Column Feature Grid","d":"A centered label, heading, and description above a four-column grid of minimal icon stacks","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["minimal"],"sb":"Grid of cards","sy":["minimal"]},{"id":"shadcnblocks:feature351","t":"Feature 351   Left Aligned Four Column Features","d":"A left-aligned heading with badge and description above a four-column grid of compact feat","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature352","t":"Feature 352   Left Aligned Two Column Feature Cards","d":"A left-aligned label, heading, and description above a two-column grid of large bordered c","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature353","t":"Feature 353   Centered Heading Four Column Accent Cards","d":"A centered heading above a four-column grid of muted accent cards with circular icon badge","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature354","t":"Feature 354   Grid Integrated Heading With Icon Cards","d":"A heading and description embedded as the first cell in a four-column grid alongside three","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature355","t":"Feature 355   Centered Feature Link Cards","d":"A centered intro with label, heading, and description above a six-item three-column grid o","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature356","t":"Feature 356   Left Aligned Three Column Accent Cards","d":"A left-aligned badge, heading, and description above a three-column grid of muted accent c","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature357","t":"Feature 357   Centered Large Icon Feature Row","d":"A centered heading and description above a three-column row of features with large thin-st","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Icons","sy":["webgl"]},{"id":"shadcnblocks:feature358","t":"Feature 358   No Intro Three Column Bordered Cards","d":"A three-column grid of bordered feature cards with bordered square icon badges, no section","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature359","t":"Feature 359   Centered Two Column Accent Feature Cards","d":"A centered heading and description above a two-column grid of horizontal muted accent card","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature36","t":"Feature 36   Case study grid with featured card","d":"A bento-style feature grid with one wide highlighted case study card and five smaller card","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature360","t":"Feature 360   Left Aligned Divided Feature Grid","d":"A left-aligned label, heading, and description separated by a horizontal rule from a three","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature361","t":"Feature 361   Centered Four Column Inline Icon Features","d":"A centered heading and description above a four-column grid where each item has a small ti","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Icons"},{"id":"shadcnblocks:feature362","t":"Feature 362   Split Layout With Three Column Feature Grid","d":"A sticky left column with badge, heading, and description beside a two-thirds-width three-","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature363","t":"Feature 363   Centered Feature Cards With Button CTA","d":"A centered heading and description above a three-column grid of bordered cards, each with ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature364","t":"Feature 364   Minimal Four Column Icon Grid","d":"A four-column grid of icon tiles with titles and descriptions, no section heading or borde","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["minimal"],"sb":"Grid of cards","sy":["minimal"]},{"id":"shadcnblocks:feature365","t":"Feature 365   Minimal Three Column Icon Grid","d":"A three-column grid of icon tiles with circular badges, titles, and descriptions, no secti","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["minimal","webgl"],"sb":"Grid of cards","sy":["minimal","webgl"]},{"id":"shadcnblocks:feature366","t":"Feature 366   Minimal Inline Icon Grid","d":"A six-item inline icon grid with icons beside text, no section heading or borders.","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["minimal"],"sb":"Grid of cards","sy":["minimal"]},{"id":"shadcnblocks:feature367","t":"Feature 367   Minimal Centered Four Column Grid","d":"A four-column centered icon grid with circular badges, no section heading or borders.","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["minimal"],"sb":"Grid of cards","sy":["minimal"]},{"id":"shadcnblocks:feature368","t":"Feature 368   Minimal Centered Three Column Grid","d":"A three-column centered icon grid with circular badges, no section heading or borders.","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["minimal","webgl"],"sb":"Grid of cards","sy":["minimal","webgl"]},{"id":"shadcnblocks:feature369","t":"Feature 369   Minimal Naked Icon Grid","d":"A six-item centered grid with bare icons and no icon backgrounds, section heading, or bord","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["minimal"],"sb":"Grid of cards","sy":["minimal"]},{"id":"shadcnblocks:feature37","t":"Feature 37   Asymmetric bento grid with image tiles","d":"A wide marketing grid of four image-led tiles on a five-column track, with variable column","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Bento"},{"id":"shadcnblocks:feature370","t":"Feature 370   Wide feature carousel with tabs","d":"A full-width feature section with a sixteen-by-nine image carousel driven by a row of sele","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Tabs"},{"id":"shadcnblocks:feature371","t":"Feature 371   Bento Stat Grid With Image","d":"A muted bento section with a wide image, indented narrative text, and a two-by-two stat gr","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Bento"},{"id":"shadcnblocks:feature372","t":"Feature 372   Checklist Feature With Right Pattern Media","d":"A split feature with a bold heading, checklist, and outline button on the left, and a tall","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature373","t":"Feature 373   Split Feature Bleeding Image Leading Left","d":"A sibling of feature87 with the same headings, icon list, and outline CTA on a narrow colu","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature374","t":"Feature 374   Editorial split feature with side rail","d":"A two-column feature section with optional label, stacked headline with accent line, numbe","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature375","t":"Feature 375   Split feature with contained leading image","d":"A two-column feature with photography leading on large screens, checklist-style lines, out","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["neon"],"sb":"Showcase and split","sy":["neon"]},{"id":"shadcnblocks:feature376","t":"Feature 376   Centered feature overview with icon grid","d":"A centered heading and intro, a muted bordered tray carrying a sixteen-by-nine landscape i","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["neon","webgl"],"sb":"Grid of cards","sy":["neon","webgl"]},{"id":"shadcnblocks:feature377","t":"Feature 377   Editorial split with leading portrait image","d":"A two-column editorial feature with the portrait image leading on wide layouts, optional l","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature378","t":"Feature 378   Minimal split with leading masked image","d":"A compact two-column feature with four icon-led title rows, short body copy, outline CTA, ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["minimal"],"sb":"Showcase and split","sy":["minimal"]},{"id":"shadcnblocks:feature379","t":"Feature 379   Three Column Feature Cards With Inline Icons","d":"A feature section with a centered heading above a three-column grid of image cards, each w","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature38","t":"Feature 38   Minimal split feature with masked image","d":"A tight two-column feature with four icon-plus-title rows (no dividers), short body copy, ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["minimal"],"sb":"Showcase and split","sy":["minimal"]},{"id":"shadcnblocks:feature380","t":"Feature 380   Simple Feature cards with carousel on smaller screens","d":"A feature section matching feature39's large-screen grid but swapping to a carousel below ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["minimal","webgl"],"sb":"Grid of cards","sy":["minimal","webgl"]},{"id":"shadcnblocks:feature381","t":"Feature 381   Six feature cards in an all breakpoints carousel","d":"Like Feature380 card styling but six items and one carousel everywhere with prev and next ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature382","t":"Feature 382   Split copy and photo collage","d":"Editorial copy with checklist and CTAs beside a four-cell photo collage.","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature385","t":"Feature 385   Zigzag editorial photo rows","d":"Alternating full-bleed image and copy rows for an editorial photo series.","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature386","t":"Feature 386   Sticky Nav Photo Story","d":"Scroll-linked story with a sticky side list, a sans heading, and portrait photos that trac","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Scroll"},{"id":"shadcnblocks:feature39","t":"Feature 39   Simple 3 column feature cards with images","d":"A feature section with a heading and three image cards in a responsive grid, each with a t","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["minimal","webgl"],"sb":"Showcase and split","sy":["minimal","webgl"]},{"id":"shadcnblocks:feature4","t":"Feature 4   Collaboration feature with cards and quote","d":"A marketing section with a section title, a primary card pairing body copy with a large im","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature41","t":"Feature 41   Split heading with four city addresses","d":"Section heading beside a two-by-two grid of city names and mailing lines, each prefaced by","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature42","t":"Feature 42   Values heading beside a two column grid","d":"A narrow heading column on the left, with four value titles and body paragraphs in a two-c","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"shadcnblocks:feature43","t":"Feature 43   Icon reasons with centered call to action","d":"Centered section title above six circular icon tiles in a responsive three-column grid, wi","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Icons","sy":["webgl"],"hc":1},{"id":"shadcnblocks:feature44","t":"Feature 44   Integration cards with square logos","d":"Section title and intro line above a responsive card list where each item shows a square m","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature5","t":"Feature 5   Two feature cards in a bento grid","d":"One wide card spans two columns beside a taller narrow card on large layouts; both combine","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Bento"},{"id":"shadcnblocks:feature50","t":"Feature 50   Centered pitch with three linked tiles","d":"Centered headline, deck copy, and outline button lead into three muted link tiles that mix","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:feature51","t":"Feature 51   Stacked icon tabs with feature imagery","d":"Three tab triggers with circular icon wells, headings, and blurbs swap a large feature ima","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Tabs","sy":["webgl"],"hc":1},{"id":"shadcnblocks:feature52","t":"Feature 52   Six icon tabs with wide preview","d":"Six compact tab triggers with primary-tinted icons sit above a large landscape image that ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Tabs"},{"id":"shadcnblocks:feature53","t":"Feature 53   Numbered logo matrix with hairline grid","d":"Two-column table tightens into four columns on wider screens with one-pixel dividers, mono","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["retro and HUD"],"sb":"Grid of cards","sy":["retro and HUD"]},{"id":"shadcnblocks:feature54","t":"Feature 54   Five feature tabs with subfeature columns","d":"Centered section title above five text tabs that swap a wide bordered image and, on medium","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Tabs","sy":["webgl"]},{"id":"shadcnblocks:feature55","t":"Feature 55   Centered feature with headline and outline button","d":"A centered single-column feature with a large heading, supporting paragraph, and outline b","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:feature56","t":"Feature 56   Lead feature panel with three supporting cards","d":"A bento-style feature section with one wide accent panel and image, then three smaller bor","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature57","t":"Feature 57   Feature list synced to a carousel","d":"A marketing feature block with outline badge, headline, and intro copy, then a selectable ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient"],"sb":"Lists","sy":["gradient"]},{"id":"shadcnblocks:feature58","t":"Feature 58   Editorial feature with framed media and icon checklist","d":"A single-column feature with optional badge and label, stacked headline with optional seco","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature59","t":"Feature 59   Wide lead card with tall sidebar bento","d":"A two-column bento grid with a full-width lead card on accent, one tall feature card besid","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Bento"},{"id":"shadcnblocks:feature6","t":"Feature 6   Split feature with checklist and square image","d":"A two-column feature with heading, body, up to four checkmarked bullets with primary-color","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature60","t":"Feature 60   Image left split with stacked body copy","d":"A two-column feature from the single-focus pack with a square bordered image on the first ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature61","t":"Feature 61   Image right split with stacked body copy","d":"A mirrored two-column single-focus feature with a square bordered image on one side and a ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature62","t":"Feature 62   Three alternating image and text rows","d":"A vertical stack of three feature rows, each a two-column split on large screens with four","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature63","t":"Feature 63   Centered heading with six image cards","d":"A card-list feature with centered title and optional description above a responsive grid o","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature64","t":"Feature 64   Coming soon band with asymmetric pair","d":"Outlined coming soon badge with centered heading and supporting copy above a seven-column ","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature65","t":"Feature 65   Four expandable columns with color rails","d":"A four-up row of category strips, each with a vertical color bar, bold title, icon, and bo","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature66","t":"Feature 66   Two image tiles with gradient caption band","d":"Leading heading above a responsive two-column grid of wide image links; each tile zooms sl","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient"],"sb":"Showcase and split","sy":["gradient"]},{"id":"shadcnblocks:feature67","t":"Feature 67   Split intro with six bordered icon cards","d":"Narrow intro column carries the section heading and optional description beside a responsi","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature68","t":"Feature 68   Icon grid framed below section intro","d":"Heading and muted intro paragraph crown a bordered card tray where six icons sit in a resp","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature69","t":"Feature 69   Carousel on the right with synced accordions","d":"Two-column layout with a tall rounded image carousel on one side and stacked selectable ro","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature7","t":"Feature 7   Checklist beside square bordered image","d":"Two-column layout with a square cover image bordered and rounded beside a column that stac","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature70","t":"Feature 70   Carousel on the left with synced accordions","d":"Same selectable rows and carousel pairing as sibling blocks, ordered so imagery leads hori","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature71","t":"Feature 71   Centered header over metrics and image links","d":"Upper band centers a small uppercase label, large title, supporting copy, and paired icon ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature72","t":"Feature 72   Narrow header with bordered feature cards","d":"Narrow-width heading band with optional copy and link-style primary action sits above up t","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"shadcnblocks:feature73","t":"Feature 73   Image card grid with optional header link","d":"A section heading with optional link-style button introduces three image-led feature cards","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"],"hc":1},{"id":"shadcnblocks:feature74","t":"Feature 74   Split intro with two large feature panels","d":"Intro block with title, supporting copy, and a Book a demo text link with animated arrow, ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"shadcnblocks:feature75","t":"Feature 75   Text column beside three linked feature tiles","d":"Two-column layout with intro heading and paragraph on the left, and three full-width linke","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:feature76","t":"Feature 76   Bordered icon row with up to four columns","d":"Large section heading above a horizontal band divided into up to four columns, each with a","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Icons"},{"id":"shadcnblocks:feature77","t":"Feature 77   Two up feature grid with corner dots","d":"Centered page-heading introduces a two-column grid of linked feature cells, each with a sq","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature78","t":"Feature 78   Tabbed feature showcase with Book a demo link","d":"Tab controls switch among three features; each state shows a large rounded image beside a ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature79","t":"Feature 79   Featured media card with compact link rows","d":"Centered kicker, title, and intro copy lead into a two-column layout: one large image card","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature8","t":"Feature 8   Centered heading with two framework cards","d":"Outline badge and centered headline introduce two equal cards; each hides a Learn more out","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature80","t":"Feature 80   Square image beside text and dual action links","d":"Flex row pairs a square rounded image with a text column containing label, large headline,","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature81","t":"Feature 81   Image grid with darken overlays and Read more","d":"Centered kicker, title, and body copy sit above a responsive grid of linked image tiles th","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:feature82","t":"Feature 82   Integration grid with top headline row and separator","d":"Four-column integration showcase with a header row containing heading, description, and bu","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature83","t":"Feature 83   Two column feature cards with badge and dot grid","d":"Split layout pairing a badge, heading, and description on one side with three bordered fea","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:feature85","t":"Feature 85   Hero statement with bordered grid of icon features","d":"Bordered container with a large centered headline, image, and tagline above a six-item ico","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["retro and HUD"],"sb":"Grid of cards","sy":["retro and HUD"]},{"id":"shadcnblocks:feature86","t":"Feature 86   Split headline feature with image tray","d":"A three-column feature with split heading, icon rows, outline CTA, and a bordered four-by-","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature87","t":"Feature 87   Feature panel with icon list and bleeding image","d":"Three-column layout pairing a heading, icon feature list, and button on the left with a la","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature89","t":"Feature 89   Feature section with dot grid and image","d":"A single-focus feature with label, headline, desktop image, and a three-column row of icon","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature9","t":"Feature 9   Three column bento with cards and center image","d":"Centered heading and badge above a row of two text cards flanking a middle image, each car","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Bento","sy":["webgl"]},{"id":"shadcnblocks:feature90","t":"Feature 90   Integration hero with overlapping logo circles","d":"Centered headline, description, and button above a row of overlapping circular logo avatar","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:feature91","t":"Feature 91   Dual audience feature comparison","d":"A two-column comparison for team leads and developers with arrow links and three icon bene","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Comparison","sy":["webgl"]},{"id":"shadcnblocks:feature92","t":"Feature 92   Integrations and social connections strip","d":"A feature band with dual headlines, three tool integration columns with logos, and a row o","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:feature93","t":"Feature 93   Avatar group with three column icon features","d":"Staggered avatar cluster and bold heading centered above a three-column grid of icon featu","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Icons","sy":["webgl"]},{"id":"shadcnblocks:feature94","t":"Feature 94   Feature card grid with paired logos and header row","d":"Header row with a multi-line heading and outline button above a four-column grid of muted ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature95","t":"Feature 95   Numbered step tabs with image content panel","d":"Badge and heading introduce a four-step tabbed interface with numbered triggers and a larg","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Tabs"},{"id":"shadcnblocks:feature97","t":"Feature 97   Centered heading with two by two icon feature grid","d":"Centered heading, paragraph, and two buttons above a two-column, two-row grid of icon feat","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:feature98","t":"Feature 98   Split header with image overlay card grid","d":"Five-column header row with heading, description, and buttons above a separator and three ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:feature99","t":"Feature 99   Numbered step guide with left status indicator","d":"Horizontal layout with a status dot and label on the left and a three-column numbered step","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcnblocks:feedback1","t":"Feedback 1   Star rating feedback sheet","d":"Side sheet survey that collects a star rating, conditional topic checkboxes, and optional ","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:feedback2","t":"Feedback 2   Multi step feedback survey","d":"Sheet-based multi-step survey carousel with progress, satisfaction radios, aspect ratings,","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:feedback3","t":"Feedback 3   Compact feedback dialog","d":"Dialog feedback form with star rating, category select, and comment field for quick post-v","s":"shadcnblocks","c":"overlays/dialog"},{"id":"shadcnblocks:feedback4","t":"Feedback 4   Drawer experience rating form","d":"Bottom drawer that gathers star ratings, topic checkboxes, optional contact fields, and to","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:feedback5","t":"Feedback 5   Shopping experience rating sheet","d":"Sheet survey rating browsing ease and product findability with stars, checkboxes, tooltips","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:feedback6","t":"Feedback 6   Emoji slider satisfaction dialog","d":"Minimal dialog that maps a slider to emoji satisfaction levels from very poor to excellent","s":"shadcnblocks","c":"overlays/dialog","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:feedback7","t":"Feedback 7   Detailed feedback dialog with categories","d":"Dialog feedback flow with star rating, category select, conditional follow-up fields, and ","s":"shadcnblocks","c":"overlays/dialog"},{"id":"shadcnblocks:field-mapping1","t":"Field Mapping 1   CSV Field Mapping Dialog","d":"A data import interface with empty table state, file browse trigger, and dialog for mappin","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-merging1","t":"Field Merging 1   User Record Merge Dialog","d":"A user table with row selection and merge dialog for combining duplicate records by select","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:footer1","t":"Footer 1   Footer with logo, link columns, app download buttons, and social icons","d":"Multi-section footer with a logo, tagline, app store buttons, three navigation columns, so","k":"section","s":"shadcnblocks","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:footer10","t":"Footer 10   Minimal footer with brand image and live clock","d":"Stripped-back footer displaying a full-width brand image, a live-updating London time read","k":"section","s":"shadcnblocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:footer11","t":"Footer 11   Footer with logo, link columns, social icons, and giant brand image","d":"Footer featuring a logo with title, three link columns, social icons, and a full-width ove","k":"section","s":"shadcnblocks","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:footer12","t":"Footer 12   Centered footer with inline links, social links, and giant brand image","d":"Centered footer with a single row of navigation and social links, a legal link line, and a","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer13","t":"Footer 13   Dark CTA footer with trial banner, newsletter, link columns, and social icons","d":"Full-width primary-colored footer with a trial CTA panel, newsletter signup, four navigati","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer14","t":"Footer 14   Footer with logo, newsletter, three link columns, and social icons","d":"Two-part footer with a logo, description, and newsletter form on the left, three navigatio","k":"section","s":"shadcnblocks","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:footer15","t":"Footer 15   Footer with logo, social icons, status badge, link columns, and country flag","d":"Spacious footer with a logo, description, social icons, a green status badge, navigation c","k":"resource","s":"shadcnblocks","c":"assets/flag"},{"id":"shadcnblocks:footer16","t":"Footer 16   Dark footer with accordion navigation, social buttons, and brand watermark","d":"Dark-themed footer with a logo, social icon buttons, column navigation that collapses to a","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer17","t":"Footer 17   Mega footer with dropdowns, drawers, theme toggle, and status indicator","d":"Feature-rich footer with three navigation columns, a social column, dropdown and drawer su","k":"section","s":"shadcnblocks","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:footer18","t":"Footer 18   Footer with social icons, cookie drawer, language picker, privacy dialog, and link columns","d":"Interactive footer with social icons, a cookie settings drawer, a language dropdown, a pri","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer19","t":"Footer 19   Mega footer with two navigation tiers, social icons, and highlighted section","d":"Dark-themed mega footer with a logo, social icons, a four-column primary navigation grid, ","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer2","t":"Footer 2   Footer with logo, tagline, link columns, and legal row","d":"Standard footer with a logo, short description, up to four navigation link columns, copyri","k":"section","s":"shadcnblocks","c":"marketing/footer","hc":1},{"id":"shadcnblocks:footer21","t":"Footer 21   Footer with icon labeled link columns, logo, tagline, and social buttons","d":"Five-column footer with three icon-topped navigation sections, a logo with tagline and gho","k":"section","s":"shadcnblocks","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:footer23","t":"Footer 23   Footer with logo, link columns, and animated globe","d":"Footer with a separator, a logo with description, three navigation columns, and an animate","k":"section","s":"shadcnblocks","c":"marketing/footer","tg":["3d","webgl"],"sy":["3d","webgl"]},{"id":"shadcnblocks:footer24","t":"Footer 24   Contact footer with bold heading, email, social links, phone, and nav grid","d":"Designer footer with a large brand heading inside a muted card, contact sections for email","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer25","t":"Footer 25   Footer with background image, profile card, link columns, and contact details","d":"Footer overlaying a full-bleed background photo with a shadowed card containing a profile ","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer27","t":"Footer 27   Animated CTA footer with social links and separator","d":"Framer Motion animated footer with a large heading, descriptive text, a CTA button, social","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer28","t":"Footer 28   Newsletter footer with status badge","d":"A footer with logo, tagline, three link columns, GitHub star count, social icons, newslett","k":"section","s":"shadcnblocks","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:footer29","t":"Footer 29   Newsletter footer with theme toggle","d":"A multi-column footer with newsletter signup, four link groups, social icons, copyright, s","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer3","t":"Footer 3   Footer with logo, link columns, social icons, and newsletter form","d":"Footer combining a logo with text, navigation columns, circular social media icons, an ema","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer30","t":"Footer 30   Designer footer with giant brand name, contact info, navigation, and social links","d":"Two-tier footer with phone and email on the left, navigation and social columns on the rig","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer31","t":"Footer 31   Dark footer with headline, newsletter form, navigation, social links, and animated logo","d":"Dark-themed footer with a large heading, email contact, two link columns, a newsletter sub","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer32","t":"Footer 32   Centered footer with call to action","d":"A centered footer with a preheading, large headline, supporting copy, call-to-action butto","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer37","t":"Footer 37   Mega footer with newsletter and contact","d":"A mega footer with a top call to action, brand logo, navigation and social links, newslett","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer4","t":"Footer 4   Footer with logo, social icons, link columns, newsletter, and legal links","d":"Multi-section footer pairing a responsive logo and social icons with navigation columns, a","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer49","t":"Footer 49   Mega footer with accordion links","d":"A mega footer with logo, social buttons, tagline, avatar call to action, expandable accord","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer5","t":"Footer 5   Footer with link columns, social icons, and mobile app links","d":"Four-column footer with navigation sections, a \"Follow us\" row of social icons, mobile app","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer50","t":"Footer 50   CTA Footer with Large Brand Typography","d":"A footer with centered CTA section, navigation links, social links, and a large gradient b","k":"section","s":"shadcnblocks","c":"marketing/footer","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:footer51","t":"Footer 51   Boxed Columns Footer With Pattern Bar","d":"A footer with logo, description, social links, three link columns, and a legal row inside ","k":"section","s":"shadcnblocks","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:footer52","t":"Footer 52   Muted Grid Footer With Contrasting Bar","d":"A marketing footer on a full-width muted background with a logo column, four link columns,","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer53","t":"Footer 53   Muted Split Footer With Social And Contrasting Bar","d":"A footer on a full-width muted background with branding, description, and social icons on ","k":"section","s":"shadcnblocks","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:footer54","t":"Footer 54   Centered Container Width Footer","d":"A centered marketing footer at container width with logo, description, social icons, four ","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer55","t":"Footer 55   Footer With Text Social Links","d":"A grid footer like the standard marketing pattern, with social destinations shown as label","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer56","t":"Footer 56   Footer With Address And Contact Column","d":"A marketing footer grid with logo, address lines, phone, email, and social icons in the br","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer57","t":"Footer 57   Inverted Footer Navigation First","d":"A footer that leads with four link columns, then a lower band with logo, social icons, and","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer58","t":"Footer 58   Footer With Section Title Icons","d":"A standard grid footer where each navigation column title includes a small lucide icon bes","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer59","t":"Footer 59   Compact Single Row Footer Bar","d":"A short vertical padding footer with logo, a single menu of inline links and social icons ","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer6","t":"Footer 6   Compact footer with logo, description, and two link columns","d":"Minimal footer placing a logo icon with title and description on the left, two navigation ","k":"section","s":"shadcnblocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:footer60","t":"Footer 60   Compact Footer Bar Without Legal Row","d":"A slim single-row footer with logo, one menu of inline links, and social icons; no copyrig","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer61","t":"Footer 61   Compact Footer Single Wrap Row With Inline Meta","d":"A slim footer with logo, one menu, social icons, and optional copyright and legal links in","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer62","t":"Footer 62   Compact Logo And Menu Footer","d":"A minimal slim footer with a center-aligned logo on top, then one menu of links and option","k":"section","s":"shadcnblocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:footer63","t":"Footer 63   Full Width Contact Footer","d":"A full-width dark contact footer with a large brand heading, email, social links, phone, a","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer7","t":"Footer 7   Footer with logo, description, social icons, link columns, and legal row","d":"Two-row footer with a logo, description, and social icons on the left, three navigation co","k":"section","s":"shadcnblocks","c":"marketing/footer","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"shadcnblocks:footer8","t":"Footer 8   Footer with logo, social icons, link columns, and newsletter","d":"Grid footer with a logo, description, and social icons in one column, two navigation link ","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:footer9","t":"Footer 9   Footer with call to action, pricing card, link columns, and social buttons","d":"CTA footer on a muted background with a headline, action buttons, a free-tier pricing card","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:forgot-password1","t":"Forgot Password 1   Centered forgot password card","d":"Full-screen recovery form with a logo, email field, send-link button, and a back-to-login ","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Password reset"},{"id":"shadcnblocks:forgot-password2","t":"Forgot Password 2   Split forgot password with image","d":"Two-column recovery screen with a left-aligned email form and a full-height photograph on ","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Password reset"},{"id":"shadcnblocks:forgot-password3","t":"Forgot Password 3   Minimal inline forgot password","d":"Centered recovery screen with a large heading and an email field sharing a row with the se","k":"layout","s":"shadcnblocks","c":"flows/sign-in","tg":["minimal"],"sb":"Password reset","sy":["minimal"]},{"id":"shadcnblocks:forgot-password4","t":"Forgot Password 4   Muted panel forgot password","d":"Recovery form inside a large muted panel with a labeled email field and a support note und","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Password reset"},{"id":"shadcnblocks:gallery1","t":"Gallery 1   Expanding case study cards","d":"Three-item gallery row where hovering expands the active card to reveal its image, logo, b","s":"shadcnblocks","c":"media/gallery","tg":["webgl"],"sb":"Hover effects","sy":["webgl"]},{"id":"shadcnblocks:gallery10","t":"Gallery 10   Testimonial carousel with side text","d":"Split-layout gallery carousel pairing a heading and navigation buttons on the left with sc","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery11","t":"Gallery 11   Image card carousel with overlay labels","d":"Drag-free carousel of tall image cards with prev/next arrows in the header, each card show","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery12","t":"Gallery 12   Feature cards carousel with centered heading","d":"Centered heading and subtext above a multi-column carousel of feature cards, each with a 3","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery13","t":"Gallery 13   Split carousel with detail panel","d":"Two-column carousel where the left panel shows a title, description, and prev/next control","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery14","t":"Gallery 14   Carousel with expanding dot navigation","d":"Two-column carousel with a headline on the left and 4:5 image cards on the right, plus a r","s":"shadcnblocks","c":"media/gallery","sb":"Hover effects"},{"id":"shadcnblocks:gallery15","t":"Gallery 15   Product carousel with hover image swap","d":"Horizontal carousel of linked product cards featuring a 3:4 image that swaps on hover, an ","s":"shadcnblocks","c":"media/gallery","sb":"Hover effects"},{"id":"shadcnblocks:gallery16","t":"Gallery 16   Tab synced content carousel","d":"Tabbed navigation synced to a carousel of bordered content cards, each with a gradient-tex","s":"shadcnblocks","c":"media/gallery","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:gallery17","t":"Gallery 17   Centered image carousel with scale effect","d":"Full-width image carousel where the active slide renders at full scale and opacity while n","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery18","t":"Gallery 18   Image stack with name caption","d":"Compact card-effect slider that auto-rotates through portrait images with a stacked-deck a","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery19","t":"Gallery 19   Image stack with overlay details","d":"Auto-playing card-stack portrait slider with a gradient overlay showing a styled name, des","s":"shadcnblocks","c":"media/gallery","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:gallery20","t":"Gallery 20   Scattered draggable photo stack","d":"Five overlapping landscape photos fanned out with rotation and offset, each draggable and ","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery21","t":"Gallery 21   Coverflow image slider with gradient masks","d":"Looping coverflow carousel of portrait images with depth perspective, gradient edge masks,","s":"shadcnblocks","c":"media/gallery","tg":["3d","gradient"],"sy":["3d","gradient"]},{"id":"shadcnblocks:gallery22","t":"Gallery 22   Coverflow team carousel with info card","d":"Coverflow portrait carousel with gradient edge masks, a bordered info card showing the act","s":"shadcnblocks","c":"media/gallery","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:gallery23","t":"Gallery 23   Accordion image stack with text panel","d":"Two-column layout pairing a heading, paragraph, and button on the left with a vertical sta","s":"shadcnblocks","c":"media/gallery","sb":"Hover effects"},{"id":"shadcnblocks:gallery24","t":"Gallery 24   Horizontal accordion gallery with header","d":"Centered italic heading and paragraph above a horizontal row of images that expand on hove","s":"shadcnblocks","c":"media/gallery","tg":["gradient"],"sb":"Hover effects","sy":["gradient"]},{"id":"shadcnblocks:gallery25","t":"Gallery 25   Animated masonry photo grid","d":"Four-column masonry grid of black-and-white photos at varying heights, each fading and sca","s":"shadcnblocks","c":"media/gallery","sb":"Masonry"},{"id":"shadcnblocks:gallery26","t":"Gallery 26   Blur vignette image grid","d":"Five-column image grid with soft blur vignette overlays that clear on hover, animated into","s":"shadcnblocks","c":"media/gallery","sb":"Grids"},{"id":"shadcnblocks:gallery27","t":"Gallery 27   Team member carousel","d":"Looping team carousel with portrait photos, names, and roles, navigated by square previous","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery28","t":"Gallery 28   Centered image carousel with overlay controls","d":"Looping photo carousel beneath a centered heading, with semi-transparent navigation button","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery29","t":"Gallery 29   Marquee gallery with featured overlay","d":"Horizontally scrolling image marquee with a centered featured photo that reveals a hover c","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery3","t":"Gallery 3   Case study card carousel","d":"Horizontal carousel of case-study cards with badge labels, descriptions, and arrow navigat","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery30","t":"Gallery 30   Draggable scattered photo collage","d":"Full-viewport hero with absolutely positioned, draggable photos that shuffle on mount and ","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery31","t":"Gallery 31   Image bento with direction aware hover","d":"Responsive product bento grid using direction-aware hover overlays to reveal item names an","s":"shadcnblocks","c":"media/gallery","sb":"Hover effects"},{"id":"shadcnblocks:gallery32","t":"Gallery 32   Overlapping photo collage with focus blur","d":"Full-viewport collage of overlapping, draggable photos where hovering one blurs the rest a","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery33","t":"Gallery 33   Product card grid with lens zoom","d":"Three-column product card grid featuring a magnifying lens effect on hover, with titles, p","s":"shadcnblocks","c":"media/gallery","tg":["webgl"],"sb":"Zoom and lens","sy":["webgl"]},{"id":"shadcnblocks:gallery34","t":"Gallery 34   Gallery grid with hover blur and stat chips","d":"Three-column card grid where hovering one item blurs the others, each card showing an imag","s":"shadcnblocks","c":"media/gallery","tg":["webgl"],"sb":"Hover effects","sy":["webgl"]},{"id":"shadcnblocks:gallery35","t":"Gallery 35   Autoplay gallery with pagination","d":"A heading above a horizontally scrolling gallery of large image cards with captions, pagin","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery39","t":"Gallery 39   Reveal gallery carousel over hero","d":"Full-bleed terrarium hero that slides aside to reveal a milestone card carousel of botanic","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery4","t":"Gallery 4   Case study carousel with dot indicators","d":"Full-bleed carousel of image cards with dark gradient overlays, dot pagination, and arrow ","s":"shadcnblocks","c":"media/gallery","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"shadcnblocks:gallery40","t":"Gallery 40   Three column image grid","d":"Nine wide images in a responsive three-column grid with a mono eyebrow, heading, and short","s":"shadcnblocks","c":"media/gallery","tg":["webgl"],"sb":"Grids","sy":["webgl"]},{"id":"shadcnblocks:gallery41","t":"Gallery 41   Captioned two column gallery","d":"Six captioned wide figures in a two-column grid with a split header that pairs a heading o","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery42","t":"Gallery 42   Masonry column mosaic","d":"Eleven images of mixed heights flow through a CSS-columns masonry layout under a mono eyeb","s":"shadcnblocks","c":"media/gallery","sb":"Masonry"},{"id":"shadcnblocks:gallery43","t":"Gallery 43   Lightbox image grid","d":"Eight square gallery tiles open a modal lightbox with a larger image, title, and descripti","s":"shadcnblocks","c":"media/gallery","sb":"Grids"},{"id":"shadcnblocks:gallery44","t":"Gallery 44   Single slide gallery carousel","d":"A single wide slide with title overlay, previous and next controls, and a centered dot ind","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery45","t":"Gallery 45   Asymmetric bento image grid","d":"Six images arranged in an asymmetric six-column bento with a wide hero tile, tall side pan","s":"shadcnblocks","c":"media/gallery","sb":"Grids"},{"id":"shadcnblocks:gallery46","t":"Gallery 46   Filterable category gallery","d":"A category pill filter above a three-column image grid that shows titled items with small ","s":"shadcnblocks","c":"media/gallery","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:gallery47","t":"Gallery 47   Hero preview with thumbnail strip","d":"A large wide hero preview driven by a five-thumbnail strip, with the active description sh","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery48","t":"Gallery 48   Inverted dark framed gallery","d":"Nine wide images nested in layered dark frames on an inverted section with a mono eyebrow ","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery49","t":"Gallery 49   Polaroid collage grid","d":"Nine polaroid-style photo cards in a mixed-span collage grid with white mats, soft shadows","s":"shadcnblocks","c":"media/gallery","sb":"Grids"},{"id":"shadcnblocks:gallery5","t":"Gallery 5   Feature carousel with icon toggle group","d":"Carousel of two-column feature slides synced to a Shadcn UI toggle group of icons, with ma","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery50","t":"Gallery 50   Before after compare sliders","d":"Two before-and-after image pairs with a draggable vertical divider and labels for each sid","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery51","t":"Gallery 51   Horizontal snap photo strip","d":"A horizontally scrolling strip of wide photo cards that snap into place, with titles and s","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery52","t":"Gallery 52   Caption hover bento grid","d":"Seven images in a packed four-column bento with a large hero tile and captions that fade i","s":"shadcnblocks","c":"media/gallery","sb":"Hover effects"},{"id":"shadcnblocks:gallery53","t":"Gallery 53   Featured image with side thumbs","d":"A large featured photograph beside a four-thumbnail column that stays height-aligned with ","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:gallery54","t":"Gallery 54   Filterable masonry photo columns","d":"Category filter pills above a CSS-columns masonry of mixed-height photographs with a cross","s":"shadcnblocks","c":"media/gallery","sb":"Masonry"},{"id":"shadcnblocks:gallery55","t":"Gallery 55   Hover reveal project grid","d":"A three-column project grid where hover darkens the photograph and reveals the project tit","s":"shadcnblocks","c":"media/gallery","tg":["webgl"],"sb":"Hover effects","sy":["webgl"]},{"id":"shadcnblocks:gallery56","t":"Gallery 56   Social style photo grid","d":"A social-feed style three-column photo grid with a tall lead tile and hover overlays for l","s":"shadcnblocks","c":"media/gallery","tg":["webgl"],"sb":"Grids","sy":["webgl"]},{"id":"shadcnblocks:gallery6","t":"Gallery 6   Gallery carousel with demo link","d":"Horizontal image carousel with a heading, call-to-action link, and outline-variant arrow c","s":"shadcnblocks","c":"media/gallery","hc":1},{"id":"shadcnblocks:gallery7","t":"Gallery 7   Auto scrolling image carousel with text intro","d":"Two-column text header with a link, followed by a looping auto-scroll carousel of staggere","s":"shadcnblocks","c":"media/gallery","sb":"Scroll"},{"id":"shadcnblocks:gallery8","t":"Gallery 8   Resource list with image carousel sidebar","d":"Three-column layout pairing a categorized resource list with a bordered image carousel and","s":"shadcnblocks","c":"media/gallery","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:gallery9","t":"Gallery 9   Step carousel with clickable section labels","d":"Full-width image carousel with icon-labeled steps below, a slide counter, and previous/nex","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:help1","t":"Help 1   Category grid help center","d":"Help center with categorized topic cards, a popular topics list, and a contact support but","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"shadcnblocks:help2","t":"Help 2   Searchable FAQ with contact options","d":"Help center with a live-filtering FAQ accordion and contact buttons for chat, email, and p","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:help3","t":"Help 3   FAQ accordion with contact form","d":"Help center combining a searchable FAQ accordion with category badges and a validated cont","k":"section","s":"shadcnblocks","c":"marketing/faq"},{"id":"shadcnblocks:help4","t":"Help 4   Support ticket submission form","d":"Structured ticket form with category and priority selects, description textarea, and multi","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:hero1","t":"Hero 1   Split hero with image on the right","d":"A two-column marketing hero with text first, then a badge, headline, body copy, and paired","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"shadcnblocks:hero10","t":"Hero 10   Centered hero with grid pattern and logo strip","d":"A centered marketing hero with outline badge, headline, supporting copy, paired shadcn/ui ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero100","t":"Hero 100   Two column hero with offset image panel","d":"A marketing hero with headline, supporting copy, one CTA, and a square image on a muted pa","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero101","t":"Hero 101   Centered hero with gradient, video modal, and logos","d":"A centered hero with pastel radial gradient, headline, demo entry that opens a video modal","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"With video","sy":["gradient"]},{"id":"shadcnblocks:hero102","t":"Hero 102   Announcement hero with desktop frame and handset overlay","d":"An announcement-focused hero with megaphone badge, headline stack, primary CTA, wide deskt","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero103","t":"Hero 103   Dark hero with collage imagery and scrolling logos","d":"A dark two-column hero with headline, twin CTAs, floating photo collage, dashed grid guide","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero104","t":"Hero 104   Two column hero with bento product preview","d":"A hero with benefit checklist, paired CTAs, and a bento-style grid of preview tiles includ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero105","t":"Hero 105   Split hero with stacked headline and product image","d":"A two-column hero with stacked blended headline, primary and outline CTAs, square product ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero107","t":"Hero 107   Portfolio hero with animated halo CTA","d":"A muted split hero with sparkles eyebrow chip, serif gradient headline, conic halo button,","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"shadcnblocks:hero108","t":"Hero 108   Fintech education hero with checklist and handset","d":"A split hero stressing passive income headline with scripted underline accent, checklist r","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero109","t":"Hero 109   Fintech hero with handset and floating card","d":"A hero with reversed columns on small screens: handset mock, floating worldwide card, grad","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:hero11","t":"Hero 11   Centered hero with logo and wide image","d":"A centered marketing hero with brand logo, headline, supporting copy, two CTAs, and a wide","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero110","t":"Hero 110   Split hero with avatars, ratings, and layered photos","d":"A split hero with pill topic label, oversized headline, dual rounded CTAs with sliding lab","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero111","t":"Hero 111   Centered HR hero with email form and logos","d":"A centered hero with HR headline, validated email field and rounded submit, reassurance li","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"Centered and minimal","sy":["webgl"]},{"id":"shadcnblocks:hero112","t":"Hero 112   Education hero with play button and stat strip","d":"A hero with headline, ghost play control that opens a video dialog, circular photo collage","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["3d","webgl"],"sy":["3d","webgl"]},{"id":"shadcnblocks:hero113","t":"Hero 113   Roadmap hero with scribble highlight and icon row","d":"A centered hero with hand-drawn underline on a key word, dual rounded CTAs, wide bordered ","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["playful","webgl"],"sy":["playful","webgl"]},{"id":"shadcnblocks:hero114","t":"Hero 114   Hero with demo dialog and logo carousel","d":"A centered hero with release badge, headline, watch-demo and primary CTA, elevated screens","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero115","t":"Hero 115   Centered hero with ring backdrop","d":"A centered hero with concentric ring decoration behind the copy, a leading icon, headline,","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal","hc":1},{"id":"shadcnblocks:hero116","t":"Hero 116   Centered hero with overlapping photos and video dialog","d":"A centered hero with oversized headline, sliding-label buttons, play-triggered video modal","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"With video","sy":["webgl"]},{"id":"shadcnblocks:hero117","t":"Hero 117   Split hero with funding row and photo grid","d":"A two-column hero with announcement row, headline, supporting copy, pill and ghost buttons","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["playful"],"sb":"Split","sy":["playful"]},{"id":"shadcnblocks:hero118","t":"Hero 118   Coming Soon Hero With Logo Strip","d":"A two-column coming-soon hero with mono badge, split headline, dual CTAs, bordered image w","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero12","t":"Hero 12   Radial hero with frosted logo chip and tech icon buttons","d":"A centered hero with radial-masked grid backdrop, frosted logo tile, highlighted keyword i","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["glass"],"sy":["glass"],"hc":1},{"id":"shadcnblocks:hero123","t":"Hero 123   Two column hero with inset image panel","d":"A muted two-column hero with mono label, large headline, body copy, rounded CTA, and an im","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero125","t":"Hero 125   Returns focused hero with product card","d":"A two-column Shadcn UI hero with cart label, bold headline, muted subcopy, demo button, an","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["playful"],"sb":"With product shot","sy":["playful"]},{"id":"shadcnblocks:hero126","t":"Hero 126   Screening hero with credits dock","d":"A video-first hero that leads with a looping preview, a play-pause control that shows play","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero127","t":"Hero 127   Split hero with news chip and social proof stats","d":"A wide split hero with ghost news CTA, oversized headline with tinted keywords, dual round","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero129","t":"Hero 129   Split hero with phone stack and social avatars","d":"A two-column hero with highlighted headline word, buy and outline buttons, overlapping ava","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero13","t":"Hero 13   Left aligned hero with icon badge and video CTA","d":"A left-aligned hero with a wide outline badge carrying an icon chip, oversized headline, m","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With video"},{"id":"shadcnblocks:hero132","t":"Hero 132   Split hero with overlapping photo collage","d":"Two-column hero with a headline, paired CTAs, avatar byline, and three overlapping portrai","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"With product shot","sy":["webgl"]},{"id":"shadcnblocks:hero133","t":"Hero 133   Split hero with subscribe window","d":"Two-column hero with a waitlist form in the product-frame chrome, a featured proof number,","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero134","t":"Hero 134   Centered hero with inline video and logo marquee","d":"A centered hero with headline, supporting copy, pill primary CTA with hover flourish, fram","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With video"},{"id":"shadcnblocks:hero135","t":"Hero 135   Customer stories hero with video and dialog","d":"A split hero with customer stories chip, oversized title Client Journeys, large supporting","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With video"},{"id":"shadcnblocks:hero136","t":"Hero 136   Centered hero with spark icon and wide gallery bleed","d":"A centered hero with stacked spark icon, headline and blurb, paired rounded CTAs, compact ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero137","t":"Hero 137   Full height hero with full bleed background","d":"A minimal fullscreen hero with a large writing headline, short supporting paragraph, and a","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:hero138","t":"Hero 138   Dark hero with wide media rail and tinted blur bed","d":"A dark hero with two-tone headline, dual CTAs and footnote, supporting paragraph column, a","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"SaaS and AI"},{"id":"shadcnblocks:hero139","t":"Hero 139   Full height insights hero with tech wordmarks","d":"A viewport-tall hero with introducing chip, bold data-insight headline, paragraph, contact","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero14","t":"Hero 14   Hero with autoplay framework carousel and CLI banner","d":"A dev-marketing hero pairing centered headline copy with a fading CLI banner and an autopl","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero140","t":"Hero 140   Photo shell hero with new badge and partner marks","d":"A rounded full-viewport photo shell with glass new-project row, bold launch headline, supp","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["glass"],"sy":["glass"]},{"id":"shadcnblocks:hero141","t":"Hero 141   Fullscreen video hero with gradient headline","d":"A viewport hero with looped background footage behind a soft scrim, gradient headline abou","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient","neon"],"sb":"With video","sy":["gradient","neon"]},{"id":"shadcnblocks:hero142","t":"Hero 142   Product planning hero with skewed canvas","d":"A hero with responsive headline swap, platform paragraph, start-building and customer-requ","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["3d"],"sb":"With product shot","sy":["3d"]},{"id":"shadcnblocks:hero143","t":"Hero 143   Download hero with cinematic backdrop and waitlist chip","d":"A hero with centered productivity messaging, Mac and Windows waitlist buttons, version foo","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"SaaS and AI"},{"id":"shadcnblocks:hero144","t":"Hero 144   Integration grid hero with blurred side tiles","d":"A hero with two staggered rows of rounded app tiles using blur, scale, and sheen variants,","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero145","t":"Hero 145   Hiring hero with rotating role titles","d":"A full-viewport photo hero with radial dimming, headline whose final line cycles through h","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero146","t":"Hero 146   AI agents hero with grid frame and video teaser","d":"A hero on a square grid texture with gradient headline about enterprise agents, supporting","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"With video","sy":["gradient"]},{"id":"shadcnblocks:hero148","t":"Hero 148   Uppercase hero with layered photo crowns","d":"A muted hero with an all-caps headline, supporting paragraph, underlined starter-kit link,","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero149","t":"Hero 149   Design service hero with checklist and still","d":"A centered hero with bold design headline, capacity paragraph, demo and how-it-works butto","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:hero15","t":"Hero 15   Centered hero with changelog badge and store ratings","d":"A centered hero using an outline badge link, headline, supporting copy, single primary sha","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero150","t":"Hero 150   Insights hero with staggered image board","d":"A reporting hero with small section kicker, large headline on revenue and receivables, exp","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero151","t":"Hero 151   Split hero with testimonial row and image mosaic","d":"A split hero with default blocks heading about Shadcn and Tailwind, CTA, avatar-group quot","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero152","t":"Hero 152   Trust star hero with skewed image trio","d":"A muted centered hero with star trust line, huge design-system headline, dual rounded CTAs","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["3d","webgl"],"sb":"With product shot","sy":["3d","webgl"]},{"id":"shadcnblocks:hero154","t":"Hero 154   Spend Control Hero with Email","d":"A centered finance hero with headline, supporting copy, validated email field and submit b","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"SaaS and AI"},{"id":"shadcnblocks:hero157","t":"Hero 157   Photo hero anchored with architectural headline","d":"A full-height photo hero with dark wash, small uppercase kicker, long architectural headli","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero158","t":"Hero 158   Vision hero with bento image trio","d":"A soft-tint split hero with vision headline, supporting copy, animated arrow primary CTA, ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero159","t":"Hero 159   Split hero with bottom left inset card","d":"A two-column hero with headline, paragraph, primary pill CTA with sliding arrows, optional","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero16","t":"Hero 16   Centered hero with gradient masked image","d":"A centered marketing hero with headline, supporting copy, two CTAs, and a wide image that ","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"shadcnblocks:hero160","t":"Hero 160   Award badge hero with gradient title and framed mockup","d":"A dark hero with trophy badge, gradient long headline, supporting growth copy, dual CTAs, ","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"shadcnblocks:hero162","t":"Hero 162   Mental wellness hero with masonry media","d":"A light split hero with large industry headline, care paragraph, outline services button, ","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero163","t":"Hero 163   Team grid hero with testimonial tile","d":"A dark hero with centered support label, large team headline, and a mosaic of portrait ima","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero164","t":"Hero 164   Split hero with primary CTA and inline video teaser","d":"A two-column hero with large primary-colored headline, supporting copy, rounded signup but","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With video"},{"id":"shadcnblocks:hero165","t":"Hero 165   Split hero with tri image lattice and large headline","d":"A two-column hero with an aspect-ratio lattice of three rounded photo panels opposite an o","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"With product shot","sy":["webgl"]},{"id":"shadcnblocks:hero166","t":"Hero 166   Split hero with animated photo grid and demo button","d":"A two-column hero with large headline, supporting copy, rounded demo button with hover lif","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"Animated background","sy":["webgl"]},{"id":"shadcnblocks:hero167","t":"Hero 167   Split hero with gradient photo frame and inset","d":"A two-column hero with headline, paragraph, primary and outline CTAs, gradient-wrapped mai","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"shadcnblocks:hero168","t":"Hero 168   Split hero with muted stage and floating image cards","d":"A split hero with large welcome headline, body copy, outline button with arrow, and a mute","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient","webgl"],"sb":"With product shot","sy":["gradient","webgl"]},{"id":"shadcnblocks:hero170","t":"Hero 170   Centered hero with GitHub star, integrations, and product shot","d":"A dark centered hero with headline, supporting paragraph, download and GitHub buttons, row","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero171","t":"Hero 171   Split hero with avatars and bento collage","d":"Two-column hero with flip-label CTAs, avatar proof, playable dialog video, and a dense ill","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero172","t":"Hero 172   Hero with email signup and overlapping tri images","d":"Two-column hero with zod email capture, checklist lines, and three overlapping portrait fr","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"With product shot","sy":["webgl"]},{"id":"shadcnblocks:hero173","t":"Hero 173   Studio hero with triple portraits and promo dialog","d":"A split hero pairing uppercase CTAs against three staggered portrait photos, with an outli","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"SaaS and AI","sy":["webgl"]},{"id":"shadcnblocks:hero174","t":"Hero 174   Full viewport photo hero with anchored footer ribbon","d":"Full-height hero layering photo wallpaper beneath a tonal scrim, centered headline paragra","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["glass"],"sy":["glass"]},{"id":"shadcnblocks:hero175","t":"Hero 175   Centered promo hero with gradient fade in","d":"Centered hero outlining a tinted outline promo pill, bold headline injecting a tonal accen","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"shadcnblocks:hero177","t":"Hero 177   Store rating hero with proof row and split photos","d":"Centered hero joining marketplace badge with five-star row, bold savings headline, icon bu","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero178","t":"Hero 178   Support hero with mono label and triple photo stack","d":"A split hero pairing monospace category line, clamp-scale headline, essay copy, and three ","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:hero179","t":"Hero 179   Inbox hero with layered wide and tall frames","d":"Split hero echoing hero178 structure with Shared Inbox narrative and two overlapping Aspec","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero18","t":"Hero 18   Integrations hero with orbiting icon tiles and square preview","d":"A centered hero with headline, supporting copy, paired shadcn/ui buttons, square product c","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero180","t":"Hero 180   Centered hero with gradient sandwich showcase","d":"Centered conversational intelligence headline using muted underline highlight, twin rounde","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"shadcnblocks:hero183","t":"Hero 183   Centered premium hero with framed trio and mobile carousel","d":"A centered hero with outline badge, headline, twin buttons, desktop trio framed by gradien","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Centered and minimal","sy":["gradient"]},{"id":"shadcnblocks:hero185","t":"Hero 185   Split hero with bento photo grid","d":"A two-column hero with badge, headline, description, twin buttons, and a two-by-two bento ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero186","t":"Hero 186   Rounded shell hero with feature list and wide image","d":"A marketing hero inside a rounded page shell with two columns for copy and icon features a","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero187","t":"Hero 187   Split hero with feature grid and autoplay carousel","d":"A two-column hero with a feature grid, primary and outline CTAs, and an edge-bleed carouse","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero190","t":"Hero 190   Wireframe gated centerpiece hero rail","d":"Center column headline paragraph and chevron CTA framed by bordered wire-rail strips with ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero191","t":"Hero 191   Tabbed banking hero with wide preview canvases","d":"Finance headline, paragraph, CTA button, Tabs with scrollable icon triggers, alternating d","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:hero192","t":"Hero 192   Centered hero with medium image and announcement","d":"A centered marketing hero with a linked promo pill above the headline, two CTAs, optional ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero193","t":"Hero 193   Centered fullscreen hero with serif headline","d":"A full-height hero with edge-to-edge background photography, centered Playfair headline wi","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero194","t":"Hero 194   Dark rounded hero auto scrolling photo reels","d":"Split dark capsule pairs serif headline paragraph command-styled button against triple loo","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero195","t":"Hero 195   Hero with tabbed dashboard preview","d":"Headline paragraph optional Buttons TabsList swapping wide dashboard TabsContent accented ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"shadcnblocks:hero196","t":"Hero 196   Hero with tabbed features and email form","d":"Dotted muted backdrop supports linked badge headline paragraph plus inline overlapping ema","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"SaaS and AI"},{"id":"shadcnblocks:hero197","t":"Hero 197   Announcement hero dotted grid backdrop","d":"Outline Launching Soon badge with sparkle icon, oversized gradient-clipped headline, suppo","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:hero198","t":"Hero 198   Left aligned fullscreen hero with serif headline","d":"A full-height photographic hero with a left-aligned Playfair headline, italic accent word,","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero199","t":"Hero 199   Right aligned fullscreen hero with serif headline","d":"A full-height photographic hero mirroring hero198 with right-aligned Playfair headline, it","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero2","t":"Hero 2   Split hero with image on the left","d":"A two-column marketing hero with the media column first, then a badge, headline, body copy","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero20","t":"Hero 20   Two column hero with synced accordion and fading carousel","d":"A marketing hero pairing outline badge, headline, icon accordion answers tied to a fading ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero200","t":"Hero 200   Serif hero with rising phone mockup","d":"Condensed kicker, multi-line Playfair manifesto, glossy CTA referencing Apple glyph, and m","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero201","t":"Hero 201   Orbiting integration hero center stage","d":"Motion-eased triple OrbitingCircles halo behind vignette mask plus badge kicker enormous c","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero202","t":"Hero 202   Split integration hero with orbital panel","d":"Text column merges badge heading accent span Buttons while right bordered muted tile hosts","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero203","t":"Hero 203   Editorial hero with twin dotted magazine lifts","d":"Intro link, towering condensed headline and paragraph, single rounded signup CTA, then twi","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero204","t":"Hero 204   Serif hero oval signup with dual phone tilt","d":"Spark-marked label, serif headline plus paragraph, pill-shaped fused email field and signu","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["3d","animated"],"sy":["3d","animated"]},{"id":"shadcnblocks:hero205","t":"Hero 205   Portfolio headline hero widening card unveil","d":"Oversized multi-line condensed headline mixes italic wording with inline badges, paired CT","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero206","t":"Hero 206   Centered hero with logo row and browser mockup","d":"A centered hero with tight tracking headline, supporting copy, a logo strip above the prev","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"shadcnblocks:hero207","t":"Hero 207   Badge hero with three staggered portrait cards","d":"Optional outline badge fronts headline descriptive copy plus primary Button, then three ov","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient","webgl"],"sb":"SaaS and AI","sy":["gradient","webgl"]},{"id":"shadcnblocks:hero21","t":"Hero 21   Centered hero with promo pill and framed image","d":"A centered marketing hero with a linked promo pill, headline, copy, two CTAs, optional das","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero210","t":"Hero 210   Centered hero with coverflow image carousel","d":"A centered hero with headline and paragraph, Swiper coverflow carousel of portraits with s","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero211","t":"Hero 211   Hero with creative card carousel and bottom marquee","d":"A hero with centered headline and paragraph, Swiper creative-flip stack with pagination, p","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero212","t":"Hero 212   Hero with crossfading portrait and marquee band","d":"A hero with italic display headline, timed crossfade inside a tall rounded phone frame, pi","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["neon"],"sb":"SaaS and AI","sy":["neon"]},{"id":"shadcnblocks:hero213","t":"Hero 213   Hero with masked gallery and floating preview","d":"A hero with centered headline, paragraph, pill of outline icons, large SVG-masked image cy","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero214","t":"Hero 214   Split hero with masked collage and contact CTA","d":"A hero with left-aligned serif headline, large masked image slideshow, two satellite frame","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero215","t":"Hero 215   Full height hero with blurred copy and building photo","d":"A near viewport-tall hero with left-aligned headline on a blurred scrim, supporting paragr","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero216","t":"Hero 216   Centered hero with meteors and globe","d":"A centered hero with kicker, large Cal Sans headline, MagicUI meteor field, rounded second","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Animated background"},{"id":"shadcnblocks:hero218","t":"Hero 218   Hero with staggered headline and particle veil","d":"A centered hero with kicker, per-word Framer 3D reveal on the headline with italic emphasi","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["3d"],"sb":"Animated background","sy":["3d"]},{"id":"shadcnblocks:hero219","t":"Hero 219   Hero with animated accent line and vertical logos","d":"A centered hero with kicker, static heading plus 3D animated accent words, MagicUI particl","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["3d"],"sb":"Animated background","sy":["3d"]},{"id":"shadcnblocks:hero220","t":"Hero 220   Full viewport hero with video filled wordmark","d":"A near fullscreen hero with low opacity landscape backdrop, motion fade on mount, and over","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With video"},{"id":"shadcnblocks:hero221","t":"Hero 221   Centered hero with video filled display type","d":"A centered hero with oversized video-filled display type, supporting line, and rounded sec","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With video"},{"id":"shadcnblocks:hero222","t":"Hero 222   Full height hero with variable type and crosshair","d":"A near full-viewport hero with photo backdrop, mono chapter label, variable-font headline ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"SaaS and AI"},{"id":"shadcnblocks:hero223","t":"Hero 223   Centered hero with grid backdrop and shadow word","d":"A centered hero with animated skewed grid backdrop, muted headline with shadow-accent word","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero224","t":"Hero 224   Split hero with copy and draggable image cloud","d":"A two-column hero with stacked headline, paragraph, dual pill CTAs, and an interactive 3D ","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["3d"],"sb":"With product shot","sy":["3d"]},{"id":"shadcnblocks:hero225","t":"Hero 225   Centered hero with orbiting integration logos","d":"A centered hero with kicker, large heading, four concentric orbiting logo rings, gradient ","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Centered and minimal","sy":["gradient"]},{"id":"shadcnblocks:hero226","t":"Hero 226   Edge to edge slideshow hero with image tiles","d":"A looping carousel hero with wide slides, background photography, right-aligned title and ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero227","t":"Hero 227   Centered hero with icon row, vertical reveal type, and phone mock","d":"A bordered hero with icon feature row, oversized vertical-cut headline, dual segmented but","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero228","t":"Hero 228   Centered hero with fan carousel of portraits","d":"A centered hero with mixed serif headline, supporting copy, and autoplay carousel that fan","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"Centered and minimal","sy":["webgl"]},{"id":"shadcnblocks:hero229","t":"Hero 229   Near full screen hero with corner wire illustrations","d":"A tall bordered hero with secondary pill, centered headline, dual CTAs, and animated SVG l","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero230","t":"Hero 230   Centered hero with logo ticker and filmstrip carousel","d":"A stacked hero with pill kicker, headline, dual CTAs, auto-scrolling logo band, and autopl","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero231","t":"Hero 231   Split hero with coverflow portraits and logo strip","d":"A split hero with left copy and CTAs, top logo marquee, and Swiper coverflow carousel of p","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero232","t":"Hero 232   Full viewport centered hero with side arcs","d":"A minimum full-screen hero with pill kicker, masked headline block around a shadow word, d","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero233","t":"Hero 233   Centered hero with rising column veil","d":"A tall hero with gradient column backdrop, pill kicker, shadow-accent headline, paired CTA","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Centered and minimal","sy":["gradient"]},{"id":"shadcnblocks:hero234","t":"Hero 234   Full height hero with scrolling filmstrips and glass card","d":"A tall hero with two opposing horizontal filmstrip loops of images, edge fades, and center","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["glass"],"sy":["glass"]},{"id":"shadcnblocks:hero234a","t":"Hero234a   Full height hero with inset scrolling gallery and glass card","d":"A tall hero with rounded viewport containing three counter-scrolling image rows and center","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["glass","webgl"],"sy":["glass","webgl"]},{"id":"shadcnblocks:hero234b","t":"Hero234b   Full height hero with vertical column marquees","d":"A tall hero with five upward-drifting image columns, top and bottom fades, side scrims, an","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["glass"],"sy":["glass"]},{"id":"shadcnblocks:hero235","t":"Hero 235   Full height hero with soft blurs and feature columns","d":"A tall hero using theme-colored blur orbs and a light striped grain, centered headline and","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:hero236","t":"Hero 236   Split hero with copy and 3D logo cloud","d":"A split hero with kicker pill, display heading, description text, and canvas image cloud o","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["3d"],"sb":"Animated background","sy":["3d"]},{"id":"shadcnblocks:hero237","t":"Hero 237   Split hero with orbiting rings bordered section","d":"A split hero inside a bordered strip with kicker, headline, body, and four orbiting logo r","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero238","t":"Hero 238   Split hero with aurora backdrop and benefit row","d":"A tall ambient hero with aurora gradient shell, left-aligned headline, primary and ghost C","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"shadcnblocks:hero239","t":"Hero 239   Centered hero with 3D image marquee","d":"A centered hero with uppercase pill, headline, supporting text, dual buttons, and a wide 3","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["3d"],"sb":"Animated background","sy":["3d"]},{"id":"shadcnblocks:hero24","t":"Hero 24   Centered hero with logo and icon feature grid","d":"A centered hero with optional logo, eyebrow badge, headline, primary and outline CTAs, and","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero240","t":"Hero 240   Centered hero with email capture and 3D marquee","d":"A centered hero with zap icon label, headline, muted copy, pill email field with subscribe","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["3d"],"sb":"Animated background","sy":["3d"]},{"id":"shadcnblocks:hero241","t":"Hero 241   Tall hero with gradient beams and stat footer","d":"A near full-height hero with collision-style beams backdrop, centered serif headline, supp","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"shadcnblocks:hero242","t":"Hero 242   Split hero with growth checklist and bar chart","d":"A two-column hero with cover-highlight headline, intro copy, dual buttons, checklist of gr","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero243","t":"Hero 243   Hero with flip word accent and dashed frame","d":"A hero with dashed outer borders, an animated word-rotating accent beside fixed headline c","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"shadcnblocks:hero244","t":"Hero 244   Split hero with draggable photo cards","d":"A two-column hero with bold cal headline, supporting paragraph, dual CTAs, and draggable i","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero245","t":"Hero 245   Centered recruiting hero with highlight word and download CTAs","d":"A centered hero with hiring pill, pointer-highlight headline mentioning blocks, gradient c","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Centered and minimal","sy":["gradient"]},{"id":"shadcnblocks:hero246","t":"Hero 246   Stacked hero with divider CTAs and analytics chart","d":"A vertical hero with status dot label, headline, body, bordered button row with play ghost","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero247","t":"Hero 247   Animated portfolio hero with avatar and twin CTAs","d":"A centered portfolio hero where the avatar, headline, and shadcn buttons ease in with stag","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Animated background"},{"id":"shadcnblocks:hero248","t":"Hero 248   Split hero with overlapping team avatars in headline","d":"A sparse two-column hero with headline embedding animated avatar tooltips, supporting para","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero249","t":"Hero 249   Globe Hero with Logo Marquee","d":"A two-row marketing block with split headline, globe visualization, demo CTA, then a capti","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Animated background"},{"id":"shadcnblocks:hero25","t":"Hero 25   Centered hero with dual CTAs and inline feature list","d":"A centered hero with optional logo, eyebrow label, headline, primary and secondary buttons","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero252","t":"Hero 252   Dashboard hero with reviews and skewed product preview","d":"A two-column hero built with shadcn/ui that pairs pill-shaped news links, dual CTAs, avata","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["3d"],"sb":"With product shot","sy":["3d"]},{"id":"shadcnblocks:hero253","t":"Hero 253   Announcement hero with dashboard preview and tool marquee","d":"A split hero combining kibo announcement styling, gradient headline, twin CTAs, framed das","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"With product shot","sy":["gradient"]},{"id":"shadcnblocks:hero254","t":"Hero 254   Full height hero with grid veil and motion headline","d":"A viewport-tall hero using a photographic background, tinted veil, vertical grid lines, ce","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Animated background"},{"id":"shadcnblocks:hero255","t":"Hero 255   Oversized wordmark hero with services list and contact card","d":"A rounded-top hero filling the viewport width with photography, giant stacked brand wordma","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero256","t":"Hero 256   Split hero with grid motif and feature strip","d":"A two-band hero with badge, headline, primary and outline CTAs beside an optional grid and","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"Split","sy":["webgl"]},{"id":"shadcnblocks:hero257","t":"Hero 257   Visitor analytics hero with angled backdrop and logo belt","d":"A hero using angled gradient panels behind headline and twin CTAs, a bordered product capt","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:hero258","t":"Hero 258   Hero with megaphone badge, logos, and hover expanding cards","d":"A muted hero featuring an announcement badge, centered headline and description, primary C","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero259","t":"Hero 259   Split hero with stacked chrome and animated grain panel","d":"A two-column hero pairing logo header, headline, outline CTA, footer notes on the left wit","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Animated background"},{"id":"shadcnblocks:hero26","t":"Hero 26   Centered hero with pill announcement and inline icons","d":"A centered hero using a rounded announcement link with badge chip, oversized headline, par","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero260","t":"Hero 260   Tabbed hero with cursor badge and swap imagery","d":"A hero built around selectable tabs that swap descriptive subtitles and imagery beneath an","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero261","t":"Hero 261   Two column hero with features list","d":"A split marketing hero with headline, supporting copy, and two CTAs on one side, a dashed ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero262","t":"Hero 262   About Hero with Stats Sidebar","d":"A two-column about page hero with headline, subheading, and body text on the left, and a v","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero263","t":"Hero 263   Centered hero with large image below","d":"A centered hero with badge, headline, supporting copy, two CTAs, and a wide image stacked ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero264","t":"Hero 264   Centered cutout mask hero with filmstrip picker","d":"A centered hero with optional badge, headline, dual CTAs, masked widescreen image crossfad","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero265","t":"Hero 265   Split hero with masked portrait and copy stack","d":"A two-column hero with L-shaped masked portrait cycling on the left and badge, headline, b","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero266","t":"Hero 266   Hero with asymmetric mask, overlays, and mobile thumbs","d":"A hero with headline row, dual CTAs, large masked slideshow, map-style label chip, project","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero267","t":"Hero 267   Inset image hero with left bleed panel","d":"A two-column hero with left media panel bleeding to the viewport edge, main and inset squa","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero268","t":"Hero 268   Contained inset image hero with media left","d":"A two-column hero inside the container bounds with muted framed main image, corner inset t","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero269","t":"Hero 269   Contained inset image hero with copy left","d":"A two-column hero with headline and dual CTAs on the left and muted framed main image with","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero27","t":"Hero 27   Split hero with stacked mega headings and sliding CTA","d":"A wide hero pairing three stacked display words with hover drift, a tall bold subheading s","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient","webgl"],"sb":"Split","sy":["gradient","webgl"]},{"id":"shadcnblocks:hero270","t":"Hero 270   Inset hero with landscape frame and trust line","d":"A two-column hero with bordered landscape image, overlapping square inset, right-column co","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero271","t":"Hero 271   Right bleed inset hero with dot grid","d":"A two-column hero with copy on the left, right-bleeding main image, optional square inset ","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero272","t":"Hero 272   Split Hero With Rotating Photo Grid","d":"A split hero with headline, creator avatars with tooltips, app store download buttons, a p","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero273","t":"Hero 273   Centered Hero With 3D Image Carousel","d":"A centered hero with badge, dual CTAs, member avatars and counts, plus a drag-to-spin 3D r","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["3d","gradient"],"sb":"Animated background","sy":["3d","gradient"]},{"id":"shadcnblocks:hero274","t":"Hero 274   Hero with contained image and hover feature slides","d":"A marketing hero with a larger centered headline, a wide landscape image inside the page c","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"With product shot","sy":["webgl"]},{"id":"shadcnblocks:hero275","t":"Hero 275   Split hero with hover slides beside feature list","d":"A marketing hero with a left-aligned headline, optional supporting copy above the stacked ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero276","t":"Hero 276   Hero with feature row above image and slide dots","d":"A marketing hero with a large centered headline, a three-column hover feature row above a ","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"With product shot","sy":["webgl"]},{"id":"shadcnblocks:hero277","t":"Hero 277   Split hero with media column and hover feature slides","d":"A two-column marketing hero with a sticky crossfading image on one side and dashed badge, ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero278","t":"Hero 278   Split hero with copy first and hover feature slides","d":"A two-column marketing hero with dashed badge, headline, CTAs, and hover-driven icon featu","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero279","t":"Hero 279   Carousel first hero with centered feature grid","d":"A stacked hero led by an autoplay image carousel with indicators, then centered headline, ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero28","t":"Hero 28   Centered integrations hero with masked diagram field","d":"A centered shadcn/ui hero whose headline, paragraph, and primary button float above an SVG","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero280","t":"Hero 280   Split hero with carousel and stacked features","d":"A two-column layout with an autoplay carousel on one side and stacked headline, feature li","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero281","t":"Hero 281   Hero with feature grid and bottom carousel","d":"A centered hero with headline, icon feature grid with short blurbs, dual CTAs, and a full-","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero286","t":"Hero 286   Marquee Features Hero With Masked Edges","d":"Editorial headline plus CTAs in the container, then a full-width muted band with horizonta","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:hero288","t":"Hero 288   Compact Hero With Feature Pills Above Preview","d":"A narrow centered hero where three icon pills summarize proof ahead of dual CTAs and a sin","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:hero29","t":"Hero 29   Centered hero with blurred gradient field and ratings capsule","d":"A centered hero built with shadcn/ui buttons that floats headline, twin CTAs, star rating ","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"shadcnblocks:hero290","t":"Hero 290   Logo Led Hero With Four Up Feature Strip","d":"A marketing hero that shows optional logo and badge above the headline, dual CTAs, a four-","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero291","t":"Hero 291   Three Pillar Comparison Hero With Shared Image","d":"A hero stacking centered copy and CTAs above three equal icon columns separated by rules, ","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"With product shot","sy":["webgl"]},{"id":"shadcnblocks:hero292","t":"Hero 292   Segmented Six Cell Hero Below Single Preview","d":"A hero with headline, CTAs, one framed screenshot, and a segmented grid that presents six ","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero294","t":"Hero 294   Framed Preview Hero With Divided Feature Band","d":"A centered hero introducing dual CTAs, a padded outer frame around one screenshot, and fou","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero295","t":"Hero 295   Hero Card With Flip Accent and Feature Grid","d":"A hero inside a rounded card shell with solid borders, an animated word flip between headl","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"shadcnblocks:hero296","t":"Hero 296   Split hero with editorial rating rail","d":"A split hero with copy and CTAs on the left and a large rating figure, stars, review count","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero297","t":"Hero 297   Split hero with reviews proof column","d":"A split hero with announcement badge, headline, dual CTAs on the left, and a right column ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero298","t":"Hero 298   Centered hero with quote and review strip","d":"A centered hero with headline, CTA, a large customer quote, and a compact row of avatars w","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero299","t":"Hero 299   Centered hero with users and avatars","d":"A centered hero with headline, CTA, overlapping avatars, and a single active users stat wi","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero3","t":"Hero 3   Split hero with review strip and tall photography","d":"A two-column hero using shadcn/ui Avatar and Button rows where overlapped faces, star scor","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split","hc":1},{"id":"shadcnblocks:hero30","t":"Hero 30   Split hero with plus pattern and stacked photos","d":"A two-column hero with medium-weight headline, paired shadcn/ui buttons, and three bordere","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"Split","sy":["webgl"]},{"id":"shadcnblocks:hero300","t":"Hero 300   Centered hero with download proof pill","d":"A centered hero with headline, CTA, and a rounded pill showing avatar faces beside downloa","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero301","t":"Hero 301   Panoramic Hero With Border Rail Features","d":"A hero separating headline copy from dual CTAs using a bordered band of four compact icon ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"SaaS and AI"},{"id":"shadcnblocks:hero302","t":"Hero 302   Sidebar Rail Hero With Lead Frame","d":"Optional top preview, then a two-column hero where intro and CTAs sit in the main column a","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero303","t":"Hero 303   Split hero with community stat column","d":"A split hero with headline, dual CTAs on the left, and a right column with description, ac","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero304","t":"Hero 304   Sticky Narrative Hero With Offset Cards","d":"Two-column hero where headline, CTAs, and desktop-only preview stick while stacked hero-fe","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero305","t":"Hero 305   Editorial Split Headline Hero With Mosaic Grid","d":"Magazine-style two-column opener (headline versus oversized description plus CTAs) followe","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero306","t":"Hero 306   Split hero with muted copy panel and bordered preview","d":"A rounded shell splits intro, paired CTAs, and icon-backed feature summaries on a muted pa","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero307","t":"Hero 307   Fullscreen Hero With 3D Dashboard Preview","d":"A fullscreen dark hero with oversized headline, paired CTAs, and a CSS-built admin dashboa","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["3d"],"sb":"Animated background","sy":["3d"]},{"id":"shadcnblocks:hero308","t":"Hero 308   Grid hero with click to play video preview","d":"A centered marketing hero on a masked grid background with gradient headline, CTA button, ","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"With video","sy":["gradient"]},{"id":"shadcnblocks:hero309","t":"Hero 309   Centered hero with dual metrics and avatars","d":"A centered hero with headline, twin CTAs, two adoption stats, a shared avatar rail, and op","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero31","t":"Hero 31   Centered hero with geometric backdrop and floating tiles","d":"A centered hero using shadcn/ui anchor buttons below headline copy, sitting over an illust","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Centered and minimal","sy":["gradient"]},{"id":"shadcnblocks:hero310","t":"Hero 310   Centered hero with teams adoption card","d":"A centered hero with headline, horizontal teams-onboarded card above dual CTAs, and review","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero311","t":"Hero 311   Accent hero with badge header and three linked cards","d":"A centered marketing hero with an outline badge, large headline, supporting copy, and thre","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:hero315","t":"Hero 315   Split inset image hero with outside bottom left inset","d":"A two-column hero with copy on the left, a bordered main image on the right, and a square ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero316","t":"Hero 316   Inset hero with byline and gradient accent","d":"A two-column hero with an animated primary CTA, optional byline beside the button, gradien","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"shadcnblocks:hero317","t":"Hero 317   Kicker inset image hero with top right inset","d":"A two-column hero with an optional byline kicker pill above the headline and a square inse","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero318","t":"Hero 318   Gradient frame inset hero with media left","d":"A two-column hero with a chart-gradient frame wrapping the main image, copy on the right, ","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"shadcnblocks:hero319","t":"Hero 319   Left bleed inset hero with dot grid on copy","d":"A left-bleed muted panel hero with framed main image, outside inset toward the copy side, ","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero32","t":"Hero 32   Split integrations hero with staggered logo masonry","d":"A hero that offsets integration story copy and one large shadcn/ui button against three st","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"Split","sy":["webgl"]},{"id":"shadcnblocks:hero320","t":"Hero 320   Rotated inset image hero with outside detail","d":"A two-column hero with a slightly rotated square inset hanging outside the bottom-left of ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero321","t":"Hero 321   Overlap column inset hero with blur accent","d":"A twelve-column hero where the media column overlaps the copy column, with a blur accent, ","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero322","t":"Hero 322   Ring accent inset hero with floating byline","d":"A two-column hero with a chart-toned ring around the main image, optional byline pill on t","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero323","t":"Hero 323   Pattern background inset hero with framed media","d":"A two-column hero with a dot pattern background, muted framed main image, outside inset, d","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero324","t":"Hero 324   Left bleed gradient inset hero with dot grid","d":"An elaborate hero with left-bleeding gradient panel, bordered main image, optional byline ","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"shadcnblocks:hero325","t":"Hero 325   Fullscreen Screening Hero","d":"A fullscreen hero with a looping video background, a play-pause control that shows playbac","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero326","t":"Hero 326   Full Bleed Screening Hero","d":"A full-bleed hero with a wide looping video, a play-pause control that shows playback prog","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero327","t":"Hero 327   Device framed hero with looping demo","d":"A centered hero with headline, paired CTAs, and a looping product demo inside a browser wi","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero328","t":"Hero 328   Split hero with portrait video","d":"A split hero with headline and CTAs beside a looping nine-by-sixteen video in a phone fram","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With video"},{"id":"shadcnblocks:hero329","t":"Hero 329   Chaptered hero with tour clips","d":"A centered hero with headline, CTAs, and chapter tabs that swap the inline product tour cl","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero33","t":"Hero 33   Split hero with pricing panel and full height photograph","d":"A two-column hero pairing badge text, twin shadcn/ui CTAs, bordered pricing summary, and o","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero330","t":"Hero 330   Poster hero with inline video","d":"A centered hero with headline, CTAs, and a static cinematic poster that plays the video in","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With video"},{"id":"shadcnblocks:hero331","t":"Hero 331   Split hero with large portrait video","d":"A split hero with headline and CTAs beside a large looping nine-by-sixteen video in a phon","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With video"},{"id":"shadcnblocks:hero332","t":"Hero 332   Centered hero with portrait video","d":"A centered hero with headline, CTAs, and a looping nine-by-sixteen video in a phone frame ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With video"},{"id":"shadcnblocks:hero333","t":"Hero 333   Story progress hero with tour clips","d":"A centered hero with headline, CTAs, and story-style progress bars over a video that auto-","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:hero334","t":"Hero 334   Right filmstrip hero with labeled clips","d":"A centered hero with headline, CTAs, and a frosted right-side filmstrip of labeled stills ","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["glass","webgl"],"sy":["glass","webgl"]},{"id":"shadcnblocks:hero335","t":"Hero 335   Bottom filmstrip hero with labeled clips","d":"A centered hero with headline, CTAs, and a frosted bottom filmstrip of labeled stills that","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["glass","webgl"],"sy":["glass","webgl"]},{"id":"shadcnblocks:hero336","t":"Hero 336   Step card hero with clip thumbs","d":"A centered hero with headline, CTAs, and muted numbered step cards with square thumbs that","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:hero337","t":"Hero 337   Full Width Photo Ratings Hero","d":"A centered hero with a full-width background photo, faded grain texture, headline, paragra","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero34","t":"Hero 34   Two column hero on muted panel with bleed image","d":"A basic-tier hero built with shadcn/ui anchor buttons, pairing padded muted-grid copy with","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["minimal"],"sb":"With product shot","sy":["minimal"],"hc":1},{"id":"shadcnblocks:hero35","t":"Hero 35   Split hero with lattice collage and paired CTAs","d":"A marketing hero with centered-then-left headline stack, twin shadcn/ui buttons, and a rig","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"Split","sy":["webgl"]},{"id":"shadcnblocks:hero36","t":"Hero 36   Accent hero with badge header and three linked cards","d":"An accent-background hero using shadcn/ui badge styling above headline copy, followed by t","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["glass","webgl"],"sy":["glass","webgl"]},{"id":"shadcnblocks:hero37","t":"Hero 37   Centered hero with spiral motif and triple handset stack","d":"A centered hero using uppercase release label, scaled headline, twin shadcn/ui buttons, an","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"Centered and minimal","sy":["webgl"]},{"id":"shadcnblocks:hero38","t":"Hero 38   Split hero with dotted spiral art and framed photos","d":"A two-column hero pairing badge, headline, body, and twin shadcn/ui buttons with an illust","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"Split","sy":["webgl"]},{"id":"shadcnblocks:hero39","t":"Hero 39   Rounded shell hero with overlapping photo collage","d":"A marketing hero inside a wide rounded accent shell with badge, headline, primary button, ","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"With product shot","sy":["webgl"]},{"id":"shadcnblocks:hero4","t":"Hero 4   Split hero with image, avatars, and star rating","d":"A two-column marketing hero with a muted image panel, headline and supporting copy, overla","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero40","t":"Hero 40   Split hero with checklist, preview, and integration marquee","d":"A two-column hero built with shadcn/ui buttons pairing oversized headline, checklist proof","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero45","t":"Hero 45   Hero with wide image and three feature columns","d":"A hero with outline badge, headline, a wide landscape image that crossfades between slides","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient","webgl"],"sb":"With product shot","sy":["gradient","webgl"],"hc":1},{"id":"shadcnblocks:hero47","t":"Hero 47   Split hero with handset frame and split headline line","d":"A free-tier hero combining oversized heading with muted continuation phrase, supporting pa","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split","hc":1},{"id":"shadcnblocks:hero48","t":"Hero 48   Centered hero with auto moving logo carousel","d":"A centered marketing hero with bold headline, paragraph, twin shadcn/ui CTAs, looping logo","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero49","t":"Hero 49   Centered hero with download pill and handset showcase","d":"A centered hero using shadcn/ui rounded-full CTA with store badges, dense headline and par","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero5","t":"Hero 5   Split hero with icon button and wide media tile","d":"A hero pairing headline, supporting line, and large shadcn/ui primary button with leading ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero50","t":"Hero 50   Centered hero with survey banner and layered screenshots","d":"A centered hero featuring rounded announcement link, headline, supporting copy, twin shadc","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"With product shot","sy":["gradient"]},{"id":"shadcnblocks:hero51","t":"Hero 51   Centered hero with grid veil and fanned portraits","d":"A centered hero with radial grid backdrop, wide headline, primary button, globe byline, an","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero53","t":"Hero 53   Impact hero with dense headline and avatar proof","d":"A left-aligned hero built with shadcn/ui button and avatars, stacking an extra-large headl","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero55","t":"Hero 55   Full viewport centered hero with changelog link","d":"A viewport-height hero combining textured backdrop wash, rounded changelog row with filled","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero57","t":"Hero 57   Centered AI proposal hero with floating proof chips","d":"A centered hero using shadcn/ui primary trial button beneath headline copy that mixes inli","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero58","t":"Hero 58   Split hero with illustration and faded square grid","d":"A two-column hero pairing stacked headline with manual line break, supporting paragraph, t","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero59","t":"Hero 59   Fullscreen video hero with beta enrollment CTAs","d":"A viewport-tall hero with looping muted video backdrop, centered beta label, headline stac","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With video"},{"id":"shadcnblocks:hero6","t":"Hero 6   Centered hero with mosaic imagery and partner logos","d":"A hero with centered headline, muted paragraph, paired chevron shadcn/ui buttons, five-slo","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero60","t":"Hero 60   Impact hero with grid veil and highlighted closing word","d":"A left-aligned hero using shadcn/ui button beneath oversized headline where one closing wo","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero61","t":"Hero 61   Folio hero with hanging copy plate","d":"A hero built around one wide photograph, with a hanging title plate on the frame and a cap","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero63","t":"Hero 63   Centered payroll hero with illustration and floating chips","d":"A centered hero with accounting headline, muted paragraph, rounded shadcn/ui CTA, illustra","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero64","t":"Hero 64   Split testimonial hero with rating strip and collage cards","d":"A two-column hero pairing headline plus paragraph with floating testimonial cards, metric ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero65","t":"Hero 65   Gradient hero with inverted span headline and bordered preview","d":"Stacked hero blending radial fade backdrop, headline where inner span inverts against elev","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"shadcnblocks:hero66","t":"Hero 66   Centered Consultation Hero","d":"A stacked hero with circular logo, headline and supporting copy, a rounded consultation bu","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero67","t":"Hero 67   Calendar focused hero with avatar proof strip","d":"Centered hero featuring eyebrow label, stacked headline, paragraph, pill-shaped shadcn/ui ","k":"section","s":"shadcnblocks","c":"marketing/hero","hc":1},{"id":"shadcnblocks:hero68","t":"Hero 68   Dashed border hero with badge strip and feature row","d":"A hero with dashed frame lines, a pill row combining badge and label, centered headline an","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:hero7","t":"Hero 7   Centered hero with ratings row under single CTA","d":"A centered hero with headline, muted paragraph, large shadcn/ui button, overlapped avatars","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal","hc":1},{"id":"shadcnblocks:hero70","t":"Hero 70   Subscription hero with carousel proof and portfolio button","d":"A hero with headline, descriptive paragraph, stacked benefit chips, autoplaying shadcn/ui ","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero71","t":"Hero 71   Gradient hero with client headline and dual CTAs","d":"Warm gradient hero using centered headline stack, supporting paragraph, two-column shadcn/","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"shadcnblocks:hero72","t":"Hero 72   Centered hero with icon tooltips and split imagery","d":"A centered hero with headline, supporting copy, hover tooltips on a muted icon row, and st","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero74","t":"Hero 74   Business OS hero with email capture and layered photography","d":"A hero promoting a unified operations stack via headline, paragraph, inline email Field pl","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["neon"],"sb":"SaaS and AI","sy":["neon"]},{"id":"shadcnblocks:hero75","t":"Hero 75   Split upgrade hero with avatar proof and photography rail","d":"Two-column hero balancing eyebrow label, stacked headline with gradient keyword, paragraph","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Split","sy":["gradient"]},{"id":"shadcnblocks:hero76","t":"Hero 76   Split SaaS hero with dot pattern, logo strip, and product preview","d":"Left-aligned split hero with radial dot background, soft glow accents, badge pill, dual CT","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["neon"],"sb":"With product shot","sy":["neon"]},{"id":"shadcnblocks:hero77","t":"Hero 77   Centered hero with dual CTAs and looping video","d":"A hero combining a stacked headline, paragraph, paired shadcn/ui buttons, monochrome logo ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With video"},{"id":"shadcnblocks:hero78","t":"Hero 78   Fullscreen photo hero with serif headline and grain veil","d":"Viewport hero layering background photography beneath readability overlays plus centered s","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"shadcnblocks:hero79","t":"Hero 79   Full viewport photo hero with headline band","d":"An edge-to-edge photo hero with brand mark, oversized headline and subtitle, plus a ghost ","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:hero8","t":"Hero 8   Centered hero with cutoff image","d":"A centered hero with headline, supporting copy, and two CTAs above a wide image clipped by","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero80","t":"Hero 80   Split hero with avatars, ratings, and paired images","d":"A two-column marketing hero with softly lit gradient backdrops, eyebrow link, twin CTAs, a","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"With product shot","sy":["gradient"]},{"id":"shadcnblocks:hero82","t":"Hero 82   Stacked headline hero with wide image band","d":"A top-heavy typographic hero with an oversized headline, animated download-style CTA, and ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero83","t":"Hero 83   Centered hero with announcement badge and triptych","d":"A centered announcement hero with badge, headline, supporting line, twin full-width button","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"Centered and minimal","sy":["webgl"]},{"id":"shadcnblocks:hero84","t":"Hero 84   Centered hero with fanned phone mockups","d":"A tall hero with centered badge, headline, supporting copy, and five overlapping handset-s","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero85","t":"Hero 85   Split hero with dual auto scroll galleries","d":"A two-column hero pairing copy with AI-style pill, twin CTAs, and paired auto-scrolling im","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero86","t":"Hero 86   Split hero with muted panel and portrait cutout","d":"A two-column hero where text sits on a muted top band beside a portrait framed with a bord","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero87","t":"Hero 87   Split hero with grid masked illustration","d":"A two-row headline leads into a split layout with long-form copy, arrow button, and illust","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Split"},{"id":"shadcnblocks:hero88","t":"Hero 88   Gradient Statement Hero","d":"A DM Sans hero with a two-line headline using a primary gradient on the first line and sol","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"shadcnblocks:hero89","t":"Hero 89   Split recruitment hero with curved image","d":"A split hero with headline, supporting lines, rounded primary CTA, bordered media, and dec","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["playful"],"sb":"With product shot","sy":["playful"]},{"id":"shadcnblocks:hero9","t":"Hero 9   Gradient hero with badge, dual CTAs, and floating code strip","d":"A hero using outline shadcn/ui Badge, paired Buttons, radial backdrop treatments, aspect-v","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"shadcnblocks:hero90","t":"Hero 90   Split hero with floating quote avatars","d":"A DM Sans split hero with eyebrow, giant headline, muted subline, and three overlapping sq","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"Split","sy":["webgl"]},{"id":"shadcnblocks:hero91","t":"Hero 91   Split hero with pill framed video","d":"A split-screen hero with uppercase tag, headline, twin CTAs, and a looping video inside a ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With video"},{"id":"shadcnblocks:hero92","t":"Hero 92   Centered hero with bordered stage and flyer image","d":"A centered typographic hero with split-color headline and a desktop-style frame capped by ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero93","t":"Hero 93   Centered hero with serif bridge and overlapping avatars","d":"A centered hero headline weaves serif text with inline overlapping avatars, twin pill butt","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero94","t":"Hero 94   Centered platform hero with highlight bar","d":"A centered tech hero with uppercase eyebrow, huge headline highlighting one phrase with a ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcnblocks:hero95","t":"Hero 95   Centered hero with staggered portrait trio","d":"A centered hero with headline, paired CTAs, and three portrait frames staggered with a tal","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"Centered and minimal","sy":["webgl"]},{"id":"shadcnblocks:hero96","t":"Hero 96   Split uptime hero with skewed product screenshot","d":"A split hero pairing monitoring copy with primary and secondary buttons, reassurance line,","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:hero97","t":"Hero 97   Creator waitlist hero with fanned dashboards","d":"A display-type waitlist hero with dotted muted backdrop, validated email Field row, and th","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"With product shot","sy":["webgl"]},{"id":"shadcnblocks:hero99","t":"Hero 99   Centered hero with pill link and asymmetric photo grid","d":"A centered hero with changelog-style pill anchor, oversized headline, supporting copy, pai","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sb":"Centered and minimal","sy":["webgl"]},{"id":"shadcnblocks:inbox1","t":"Inbox 1   Ticket inbox","d":"A ticket list, a conversation, and an agent panel for the selected ticket.","s":"shadcnblocks","c":"overlays/notifications"},{"id":"shadcnblocks:inbox2","t":"Inbox 2   Mail inbox with folders","d":"A foldered mailbox with unread filtering, a message list, and a reading pane.","s":"shadcnblocks","c":"overlays/notifications"},{"id":"shadcnblocks:inbox3","t":"Inbox 3   Issue notification inbox","d":"A notification list for issue updates, with read, snooze, and ordering controls.","s":"shadcnblocks","c":"overlays/notifications"},{"id":"shadcnblocks:inbox4","t":"Inbox 4   Project mail list","d":"A project mailbox with folders and search across the visible mail.","s":"shadcnblocks","c":"overlays/notifications"},{"id":"shadcnblocks:inbox5","t":"Inbox 5   Project email","d":"A project email with archive, star, and snooze actions, plus a reply field.","s":"shadcnblocks","c":"overlays/notifications"},{"id":"shadcnblocks:incentives1","t":"Incentives 1   Icon row of shopping incentives","d":"A four-item incentive row with circular icons, titles, and short support copy that scrolls","s":"shadcnblocks","c":"data-display/list","hc":1},{"id":"shadcnblocks:incentives2","t":"Incentives 2   Centered incentives on a primary band","d":"A primary-colored incentives band with a section heading and three centered icon-and-copy ","s":"shadcnblocks","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:incentives5","t":"Incentives 5   Auto scrolling incentive marquee with icons","d":"Looping incentive carousel of icon items with title and short copy that auto-scrolls and p","k":"resource","s":"shadcnblocks","c":"assets/icon"},{"id":"shadcnblocks:incentives6","t":"Incentives 6   Outlined grid of service incentives","d":"A four-cell outlined grid of service incentives with icons, titles, and descriptions, plus","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:incentives7","t":"Incentives 7   About copy with incentive cards","d":"A two-column incentives section with overline, about copy, and a CTA beside a grid of icon","s":"shadcnblocks","c":"data-display/card"},{"id":"shadcnblocks:incentives8","t":"Incentives 8   Services carousel with linked incentive cards","d":"Services and support header with an outline CTA beside a card carousel of icon incentives,","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:industries1","t":"Industries 1   Industry cards with hover description","d":"A heading above a grid of industry cards, each linking out with an image and name that rev","s":"shadcnblocks","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"shadcnblocks:industries2","t":"Industries 2   Industry list with badge heading","d":"A badge and heading above stacked industry rows, each pairing a title, icon image, and lon","s":"shadcnblocks","c":"data-display/badge","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"shadcnblocks:industries3","t":"Industries 3   Industry project rows with hover image","d":"A labeled list of industry projects showing year, name, and description, with a background","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:industries4","t":"Industries 4   Expandable industry showcase with images","d":"A large heading above expandable industry panels that grow on hover, each with a category ","s":"shadcnblocks","c":"data-display/accordion","sb":"Cards"},{"id":"shadcnblocks:integration1","t":"Integration 1   Integration cards with background pattern","d":"Six integration cards in a two-column grid with icons, titles, descriptions, and a request","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration10","t":"Integration 10   Integration list with connect buttons","d":"A vertical list of integrations with icons, titles, descriptions, and outline connect butt","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration11","t":"Integration 11   Tabbed integration grid with toggles","d":"A tabbed component showcasing categorized integrations with toggles for connection status ","k":"section","s":"shadcnblocks","c":"marketing/logos","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:integration12","t":"Integration 12   Integration permission confirmation dialog","d":"A centered connection prompt showing two platform logos, a permissions checklist, and canc","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration13","t":"Integration 13   Dock style integration icons with hover animation","d":"A row of app icons in a macOS-style dock that scale and float on hover using spring-based ","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration14","t":"Integration 14   Draggable logo marquee with hover glow","d":"Centered integrations pitch with outline badge, gradient headline, and a draggable auto-sc","k":"section","s":"shadcnblocks","c":"marketing/logos","tg":["gradient","neon"],"sy":["gradient","neon"]},{"id":"shadcnblocks:integration15","t":"Integration 15   Split integrations intro with logo link grid","d":"Two-column integrations section with badge, headline, CTA on the left and a dense logo gri","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration16","t":"Integration 16   Categorized integrations with tabs and select","d":"Centered integrations headline with dual CTAs above categorized tool cards filtered by tab","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration17","t":"Integration 17   Technical logo grid with settings dialog","d":"Hairline logo grid of named partner cards with live or idle status. Clicking a card opens ","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration18","t":"Integration 18   Accordion integration settings list","d":"Stacked partner rows that expand accordion-style into enable, alert channel, and daily dig","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration19","t":"Integration 19   Interactive hub and spoke diagram","d":"Circular hub diagram with clickable partner nodes. Hover highlights a spoke; click opens a","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration2","t":"Integration 2   Logo marquee with gradient fade","d":"An auto-scrolling horizontal marquee of linked brand logos with gradient edge overlays and","k":"section","s":"shadcnblocks","c":"marketing/logos","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:integration20","t":"Integration 20   Category tabs with connect dialog","d":"Tabbed catalog of connect cards that open a workspace URL and environment dialog, with cat","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration21","t":"Integration 21   Tagged integration cards with connect dialog","d":"Three-column cards with a logo tile, category badge, description, and a connect button tha","k":"section","s":"shadcnblocks","c":"marketing/logos","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:integration22","t":"Integration 22   Searchable integration catalog with connect dialog","d":"Search field and category filters above a logo-card grid. Clicking a tile opens a connect ","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration23","t":"Integration 23   Hairline logo grid with connect dialog","d":"Heading and short copy above a tight logo grid with an outer border. Clicking a cell opens","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration25","t":"Integration 25   Paired integration cards with setup dialog","d":"Stacked pairing cards that show two logos joined by a connector, benefit bullets, and a se","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration27","t":"Integration 27   Centered logo cloud with connect dialog","d":"Centered heading, wrapping grayscale logo cloud, browse and request actions, and a footnot","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration28","t":"Integration 28   Single integration setup with connect dialog","d":"Sticky partner identity column with tags and a start-setup action beside a four-step timel","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration29","t":"Integration 29   Wrapping chips with filters and connect dialog","d":"Heading beside category tabs that filter wrapping integration chips without shifting layou","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration3","t":"Integration 3   Simple integration list","d":"A centered vertical list of integrations showing icons, titles, and descriptions in a sing","k":"section","s":"shadcnblocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnblocks:integration30","t":"Integration 30   Toggle list with connect dialog","d":"Settings-style list of partner rows with logos, descriptions, and working switches. Clicki","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration32","t":"Integration 32   Sidebar category nav with connect dialog","d":"Heading above a category sidebar that filters a three-column grid of logo, name, and descr","k":"section","s":"shadcnblocks","c":"marketing/logos","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:integration33","t":"Integration 33   Webhook event cards with connect dialog","d":"Stacked two-column cards pairing a partner logo, event chips, and description with a sampl","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration34","t":"Integration 34   Featured integration with icon picker","d":"Large featured partner card beside a grid of square icons. Selecting an icon updates the l","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration35","t":"Integration 35   Stats row with connect dialog","d":"Centered heading, four stat cards, and a dense square logo grid that ends with a plus-more","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration36","t":"Integration 36   Hover tiles with connect dialog","d":"Square logo tiles that reveal a connect overlay on hover. Clicking a tile opens a dialog t","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration37","t":"Integration 37   Works with pills with connect dialog","d":"Split band with a short heading beside wrapping logo-and-name pills. Clicking a pill opens","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration38","t":"Integration 38   Request form beside logo grid","d":"Request-an-integration form with name and email fields beside a named logo grid. Clicking ","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration39","t":"Integration 39   Category columns with connect dialog","d":"Heading and outline browse action above category cards. Each named logo row opens a dialog","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration4","t":"Integration 4   Integration connection with SVG illustration","d":"Two connected icons with an SVG line and grid pattern, a heading with paragraph, and a wid","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration5","t":"Integration 5   Two column integration overview with icon grid","d":"A split layout with headline, description, and buttons on the left, and a wrapped grid of ","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration6","t":"Integration 6   Dark card with auto scrolling logo carousel","d":"A dark-themed rounded card with headline, description, a button containing a rotating logo","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:integration7","t":"Integration 7   Compact integration pill row","d":"A bordered card with a text column and two offset rows of pill-shaped integration badges w","k":"section","s":"shadcnblocks","c":"marketing/logos","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:integration8","t":"Integration 8   Multi row marquee logo cloud with fade edges","d":"Large centered heading and description above four horizontal marquee rows of logo pills sc","k":"section","s":"shadcnblocks","c":"marketing/logos","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:integration9","t":"Integration 9   Integration card grid","d":"A responsive grid of integration cards with icons in muted containers, titles, and descrip","k":"section","s":"shadcnblocks","c":"marketing/logos","hc":1},{"id":"shadcnblocks:investors1","t":"Investors 1   Investor Logo Grid","d":"A centered heading and short paragraph above an eight-firm grid of venture wordmarks and n","k":"resource","s":"shadcnblocks","c":"assets/logo","hc":1},{"id":"shadcnblocks:invite-user1","t":"Invite User 1   User Table with Dialog Invite","d":"A user management table with invite button that opens a dialog for sending bulk email invi","s":"shadcnblocks","c":"overlays/dialog","sb":"Share and invite","hc":1},{"id":"shadcnblocks:invite-user2","t":"Invite User 2   User Table with Sheet Invite","d":"A user management table with invite button that opens a slide-out sheet for sending bulk e","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:invite-user3","t":"Invite User 3   Inline Tag Based User Invite","d":"A user table with inline tag input for adding email addresses, pending/accepted status bad","s":"shadcnblocks","c":"data-display/badge","sb":"User"},{"id":"shadcnblocks:invite-user4","t":"Invite User 4   Invite Dialog with Copy Link","d":"A user table with invite dialog featuring both email input with role selection and a share","s":"shadcnblocks","c":"overlays/dialog","tg":["playful"],"sb":"Share and invite","sy":["playful"]},{"id":"shadcnblocks:issue-calendar1","t":"Issue Calendar 1   Month and week issue calendar","d":"A calendar that places issues on a month grid or a week row, and lets you drag them to ano","s":"shadcnblocks","c":"data-display/calendar"},{"id":"shadcnblocks:issue-calendar2","t":"Issue Calendar 2   Week timeline for issues","d":"A week of hours with issues placed as timed blocks that can be dragged to another day.","s":"shadcnblocks","c":"data-display/calendar"},{"id":"shadcnblocks:issue-detail1","t":"Issue Detail 1   Issue record with files","d":"An issue page with the description, screenshots, attachments, sub-issues, and a details sh","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:issue-detail2","t":"Issue Detail 2   Issue record with activity","d":"An issue page with status and priority controls, a property grid, a description, and an ac","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:issue-gantt1","t":"Issue Gantt 1   Issue timeline","d":"A gantt timeline of issues by week, month, or quarter, with filters and a quick add.","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:issue-kanban1","t":"Issue Kanban 1   Issue board by status","d":"Status columns for project issues, with drag and drop and a sheet for creating an issue.","s":"shadcnblocks","c":"data-display/kanban"},{"id":"shadcnblocks:issue-kanban2","t":"Issue Kanban 2   Issue board with stats","d":"The same status board, with cards for total, active, blocked, assigned, and completed issu","s":"shadcnblocks","c":"data-display/kanban"},{"id":"shadcnblocks:issue-kanban3","t":"Issue Kanban 3   Open issue board","d":"An open status board with a status summary bar and lighter columns.","s":"shadcnblocks","c":"data-display/kanban"},{"id":"shadcnblocks:issue-list1","t":"Issue List 1   Searchable backlog list","d":"A flat backlog with search and status chips, sorted from backlog through done.","s":"shadcnblocks","c":"data-display/list","sb":"Activity and feeds","hc":1},{"id":"shadcnblocks:issue-list2","t":"Issue List 2   Compact issue rows by status","d":"A compact backlog with colored status groups, pull request marks, comments, estimates, and","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:issue-list3","t":"Issue List 3   Issues grouped by status","d":"A project backlog grouped into status sections, with a status filter and a sheet for addin","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:issue-list4","t":"Issue List 4   Issues grouped by priority","d":"A backlog split into collapsible High, Medium, Low, and No priority groups.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:leaderboard1","t":"Leaderboard 1   Leaderboard with Progress Bars","d":"A ranked list card with progress bars showing relative values for each item.","s":"shadcnblocks","c":"data-display/gamification","hc":1},{"id":"shadcnblocks:leaderboard2","t":"Leaderboard 2   Leaderboard with Avatars","d":"A ranked list card with user avatars, names, subtitles, and values for each position.","s":"shadcnblocks","c":"data-display/gamification"},{"id":"shadcnblocks:leaderboard3","t":"Leaderboard 3   Leaderboard with Trends","d":"A ranked list card with trend indicators showing movement direction for each item.","s":"shadcnblocks","c":"data-display/gamification"},{"id":"shadcnblocks:list1","t":"List 1   Multi column data table","d":"Responsive table displaying categorized items with icons, descriptions, year, offer tier, ","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list2","t":"List 2   Icon list with action buttons","d":"Vertical list of items separated by dividers, each showing an icon, title, category, descr","s":"shadcnblocks","c":"data-display/list","hc":1},{"id":"shadcnblocks:list3","t":"List 3   Career timeline with experience and awards","d":"Two-section resume layout listing work experience and achievements in a three-column grid ","s":"shadcnblocks","c":"data-display/list","tg":["webgl"],"sb":"Activity and feeds","sy":["webgl"]},{"id":"shadcnblocks:live-purchase1","t":"Live Purchase 1   Rotating purchase toast card","d":"A fixed corner card that cycles recent purchases, showing customer name, location, product","s":"shadcnblocks","c":"overlays/toast","hc":1},{"id":"shadcnblocks:live-purchase2","t":"Live Purchase 2   Live purchase pill with location","d":"A floating pill that rotates recent purchases, showing a live indicator, product thumbnail","s":"shadcnblocks","c":"data-viz/map"},{"id":"shadcnblocks:live-purchase3","t":"Live Purchase 3   Purchase alerts with live stats","d":"A stacked corner widget with rotating purchase alerts plus a stats bar showing current vie","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:login1","t":"Login 1   Minimal email and password login","d":"Simple centered login form with a logo, email and password inputs, a submit button, and a ","k":"layout","s":"shadcnblocks","c":"flows/sign-in","tg":["minimal"],"sb":"Password reset","sy":["minimal"],"hc":1},{"id":"shadcnblocks:login2","t":"Login 2   Labeled input login form","d":"Centered login card with labeled email and password fields, a submit button, and a signup ","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"shadcnblocks:login3","t":"Login 3   Borderless centered login form","d":"Full-screen login with a logo, heading, labeled email and password fields, and a signup li","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Sign in"},{"id":"shadcnblocks:login4","t":"Login 4   Login with social provider buttons","d":"Centered login form offering email and password fields plus Google, Facebook, and GitHub s","k":"layout","s":"shadcnblocks","c":"flows/sign-in","tg":["webgl"],"sb":"Social","sy":["webgl"]},{"id":"shadcnblocks:login5","t":"Login 5   Login form with muted card and social buttons","d":"Centered login with labeled fields inside a muted rounded container, plus Google, Facebook","k":"layout","s":"shadcnblocks","c":"flows/sign-in","tg":["webgl"],"sb":"Social","sy":["webgl"]},{"id":"shadcnblocks:login6","t":"Login 6   Google first login with divider","d":"Bordered login card leading with a Google sign-in button, an OR divider, then email and pa","k":"layout","s":"shadcnblocks","c":"flows/sign-in","tg":["webgl"],"sb":"Social","sy":["webgl"]},{"id":"shadcnblocks:login7","t":"Login 7   Card login with Google and credentials","d":"Login card using CardHeader for a logo and brand name, a Google button, an OR divider, and","k":"layout","s":"shadcnblocks","c":"flows/sign-in","tg":["webgl"],"sb":"Social","sy":["webgl"]},{"id":"shadcnblocks:login9","t":"Login 9   Social login with email option","d":"A centered login card with a logo, heading, signup link, Google, GitHub, and LinkedIn butt","k":"layout","s":"shadcnblocks","c":"flows/sign-in","tg":["webgl"],"sb":"Social","sy":["webgl"]},{"id":"shadcnblocks:logos1","t":"Logos 1   Inline logo strip with heading","d":"Displays a heading alongside a horizontal row of up to four logos in a single-line layout.","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:logos10","t":"Logos 10   Numbered boxed logo marquee","d":"Scrolls logos inside bordered, numbered cells in a continuous marquee with gradient edge o","k":"resource","s":"shadcnblocks","c":"assets/logo","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:logos11","t":"Logos 11   Dual carousel with patterned borders","d":"Stacks two auto-scrolling logo carousels between bordered header and footer bars adorned w","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:logos12","t":"Logos 12   Boxed logo marquee","d":"Scrolls logos inside bordered rectangular cells in a continuous marquee with gradient edge","k":"resource","s":"shadcnblocks","c":"assets/logo","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:logos13","t":"Logos 13   Partner logo grid with sticky label and year tags","d":"Pairs a sticky left-column label with a right-side grid of logo cards, each annotated with","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:logos17","t":"Logos 17   Two Row Logo Grid with Marquee","d":"A logo cloud section with two rows of company logos displayed in a static grid on desktop ","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:logos18","t":"Logos 18   Logo Grid Without Headline","d":"A centered wrap grid of partner logos with no title, using the same logo list and spacing ","k":"resource","s":"shadcnblocks","c":"assets/logo","hc":1},{"id":"shadcnblocks:logos19","t":"Logos 19   Logo Marquee Without Headline","d":"An auto-scrolling logo carousel with side fades and no heading, matching the marquee behav","k":"resource","s":"shadcnblocks","c":"assets/logo","hc":1},{"id":"shadcnblocks:logos2","t":"Logos 2   Two column certifications with logo grid","d":"Pairs a headline, paragraph, and button on the left with a bordered 3x2 grid of logos on t","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:logos20","t":"Logos 20   Double Row Alternating Marquees","d":"A two-row partner logo section with the top strip scrolling one way and the bottom strip s","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:logos21","t":"Logos 21   Static Logo Grid With Muted Background","d":"A static logo grid on a muted background with a centered heading and optional subtitle.","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:logos22","t":"Logos 22   Double Row Logo Grid Without Heading","d":"A two-row static logo grid without any heading or subtitle text.","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:logos23","t":"Logos 23   Double Row Marquee Without Heading","d":"Two alternating-direction logo marquee rows without any heading or subtitle text.","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:logos24","t":"Logos 24   Double Row Marquee With Muted Background","d":"Two alternating-direction logo marquee rows on a muted background with a centered heading ","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:logos25","t":"Logos 25   Double Row Marquee Constrained Width","d":"Two alternating-direction logo marquee rows inside a constrained max-width container with ","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:logos26","t":"Logos 26   Double Row Marquee Constrained Without Heading","d":"Two alternating-direction logo marquee rows inside a constrained max-width container witho","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:logos27","t":"Logos 27   Six Column Logo Grid","d":"A static six-column logo grid displaying up to twelve partner or client logos with a cente","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:logos28","t":"Logos 28   Four Column Logo Grid","d":"A static four-column logo grid displaying up to twelve partner or client logos with a cent","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:logos29","t":"Logos 29   Three Column Logo Grid","d":"A static three-column logo grid with a constrained width, displaying up to twelve logos wi","k":"resource","s":"shadcnblocks","c":"assets/logo","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:logos3","t":"Logos 3   Logo marquee with heading","d":"Scrolls logos in a continuous horizontal marquee beneath a centered heading, with edge gra","k":"resource","s":"shadcnblocks","c":"assets/logo","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"shadcnblocks:logos30","t":"Logos 30   Six Column Logo Grid Without Heading","d":"A minimal six-column static logo grid displaying up to twelve logos without any heading or","k":"resource","s":"shadcnblocks","c":"assets/logo","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:logos31","t":"Logos 31   Four Column Logo Grid Without Heading","d":"A minimal four-column static logo grid displaying up to twelve logos without any heading o","k":"resource","s":"shadcnblocks","c":"assets/logo","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:logos32","t":"Logos 32   Six Column Logo Grid With Muted Background","d":"A static six-column logo grid on a muted background with a centered heading and subtitle.","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:logos33","t":"Logos 33   Left Aligned Logo Grid With Muted Background","d":"A muted-background logo grid with a left-aligned heading and compact left-aligned logo til","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:logos34","t":"Logos 34   Muted Logo Marquee Without Headline","d":"A headline-free logo marquee on a muted background with edge fades and continuous auto-scr","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:logos35","t":"Logos 35   Bordered logo grid with hover cells","d":"Centered trust heading above a bordered six-column logo grid with hover-highlight cells.","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:logos4","t":"Logos 4   Partner call to action with logo grid","d":"Centers a badge, large heading, paragraph, and button above a responsive grid of grayscale","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:logos5","t":"Logos 5   Double row static logo grid","d":"Stacks two centered rows of logos beneath a heading and optional subtitle, with four logos","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:logos7","t":"Logos 7   Logo marquee on muted background","d":"Scrolls logos in a continuous marquee over a muted background strip, with gradient edge fa","k":"resource","s":"shadcnblocks","c":"assets/logo","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:logos8","t":"Logos 8   Centered logo row with heading","d":"Shows up to six logos in a centered flex-wrap row beneath a heading, with dark-mode invers","k":"resource","s":"shadcnblocks","c":"assets/logo","hc":1},{"id":"shadcnblocks:logos9","t":"Logos 9   Logo carousel with testimonials","d":"Combines an auto-scrolling logo carousel with a row of bordered testimonial cards separate","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:magic-link1","t":"Magic Link 1   Centered magic link card","d":"Full-screen passwordless login card with an email field and a send-link button.","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Verification"},{"id":"shadcnblocks:magic-link2","t":"Magic Link 2   Split magic link with image","d":"Two-column passwordless login with an email form and a full-height photograph.","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Verification"},{"id":"shadcnblocks:magic-link3","t":"Magic Link 3   Minimal inline magic link","d":"Centered passwordless login with a large heading and an email field sharing a row with the","k":"layout","s":"shadcnblocks","c":"flows/sign-in","tg":["minimal"],"sb":"Verification","sy":["minimal"]},{"id":"shadcnblocks:magic-link4","t":"Magic Link 4   Muted panel magic link","d":"Passwordless login inside a large muted panel with a labeled email field.","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Verification"},{"id":"shadcnblocks:member-list1","t":"Member List 1   Member directory with filters","d":"A member directory with availability, role, and sort filters, plus the teams each person b","s":"shadcnblocks","c":"data-display/list","sb":"People"},{"id":"shadcnblocks:member-list2","t":"Member List 2   Member profile cards","d":"A searchable card grid of members with title, phone, email, and team badges.","s":"shadcnblocks","c":"data-display/list","sb":"Files and trees"},{"id":"shadcnblocks:member-list3","t":"Member List 3   Member access table","d":"A member access table with role and two-factor filters, and tabs for active, pending, and ","s":"shadcnblocks","c":"data-display/list","sb":"People"},{"id":"shadcnblocks:member-list4","t":"Member List 4   Members grouped by team","d":"A member directory grouped under each team, with search across names, emails, and roles.","s":"shadcnblocks","c":"data-display/list","sb":"People"},{"id":"shadcnblocks:member-list5","t":"Member List 5   Member presence board","d":"A member directory split into available, away, and offline columns, with search and an inv","s":"shadcnblocks","c":"data-display/list","sb":"People"},{"id":"shadcnblocks:member-list6","t":"Member List 6   Member role table","d":"A member table with search and role filters for admin, member, and guest.","s":"shadcnblocks","c":"data-display/list","sb":"People"},{"id":"shadcnblocks:navbar1","t":"Navbar 1   Navbar with icon dropdown menus","d":"A horizontal navbar with logo, navigation menu dropdowns showing icons and descriptions, l","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"shadcnblocks:navbar10","t":"Navbar 10   Advanced navbar with multi panel dropdowns","d":"Full-width navigation bar with three distinct dropdown panel layouts, image previews on ho","s":"shadcnblocks","c":"navigation/top-nav","tg":["webgl"],"sb":"Mega menus","sy":["webgl"]},{"id":"shadcnblocks:navbar11","t":"Navbar 11   Fixed navbar with grouped mega menus","d":"A fixed top navbar with multi-column grouped dropdowns for products, solutions, and platfo","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navbar12","t":"Navbar 12   Simple navbar with icon dropdowns","d":"Fixed navigation bar with compact icon-enhanced dropdown menus, dual action buttons, and a","s":"shadcnblocks","c":"navigation/top-nav","tg":["minimal"],"sb":"Mega menus","sy":["minimal"]},{"id":"shadcnblocks:navbar14","t":"Navbar 14   Education mega menu navbar","d":"An education-focused navbar with icon mega menus, optional featured image cards, quick-sta","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navbar17","t":"Navbar 17   Minimal navbar with sliding active indicator","d":"Clean navigation bar with a sliding underline indicator that tracks the active link and a ","s":"shadcnblocks","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:navbar18","t":"Navbar 18   Floating top center navbar pill","d":"Compact pill-shaped navigation bar anchored to the top center with small dropdown menus an","s":"shadcnblocks","c":"navigation/top-nav","sb":"Floating"},{"id":"shadcnblocks:navbar2","t":"Navbar 2   Navbar with responsive wordmark logo","d":"A navigation bar using a responsive logo component, animated dropdown panels, login and si","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mobile"},{"id":"shadcnblocks:navbar21","t":"Navbar 21   Full screen overlay menu with blur hover effect","d":"Navigation bar with a MENU/CLOSE text toggle that opens a full-screen overlay showing larg","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navbar22","t":"Navbar 22   Minimal navbar with live clock","d":"Clean navigation bar with text-roll hover animations on links, a live local time display, ","s":"shadcnblocks","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:navbar24","t":"Navbar 24   Dark floating dock with morphing icon shapes","d":"Bottom-fixed dock bar with a dark foreground-colored background, spring-animated icon scal","s":"shadcnblocks","c":"navigation/top-nav","sb":"Floating"},{"id":"shadcnblocks:navbar29","t":"Navbar 29   Mega menu navbar with clip path reveal","d":"Navigation bar with an animated mega menu that reveals via a clip-path transition, four li","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navbar3","t":"Navbar 3   Sticky mega menu navbar","d":"A sticky header with four wide mega menu panels for platform, solutions, developers, and r","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navbar33","t":"Navbar 33   Floating Navbar with Dropdown Menu","d":"A floating fixed navbar with logo, navigation menu with dropdowns, and login button. Featu","s":"shadcnblocks","c":"navigation/top-nav","tg":["glass"],"sb":"Mega menus","sy":["glass"]},{"id":"shadcnblocks:navbar35","t":"Navbar 35   Navbar with a centered icon menu","d":"A horizontal navbar with the logo on the left, a centered menu of icon dropdowns and links","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"shadcnblocks:navbar4","t":"Navbar 4   Enterprise mega menu navbar","d":"A navigation header with five full-width mega menus covering solutions, products, company,","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navbar5","t":"Navbar 5   Navbar with features dropdown grid","d":"A compact navbar with logo, a two-column features dropdown, plain text links, sign-in and ","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"shadcnblocks:navbar6","t":"Navbar 6   Floating pill navbar with dropdown","d":"A floating rounded navbar with backdrop blur, a features dropdown with two rich links, tex","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navbar7","t":"Navbar 7   Platform navbar with icon mega panels","d":"A navbar with Platform and Resources mega dropdowns, icon-led solution and use-case lists,","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navbar8","t":"Navbar 8   Fixed navbar with image swap dropdown","d":"A fixed header that gains a background on scroll, mega dropdowns with a preview image that","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navbar9","t":"Navbar 9   Dark navbar with GitHub stars badge","d":"A dark-themed navbar with icon submenus, a live GitHub star count button, sign-up CTA, and","s":"shadcnblocks","c":"navigation/top-nav"},{"id":"shadcnblocks:newsletter1","t":"Newsletter 1   Centered newsletter subscribe","d":"Mid-page subscribe stack with a heading, email field, submit validation, and a success con","k":"section","s":"shadcnblocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcnblocks:newsletter2","t":"Newsletter 2   Split newsletter with image","d":"Two-column subscribe section with a validated email form beside a wide photograph and a su","k":"section","s":"shadcnblocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcnblocks:newsletter3","t":"Newsletter 3   Muted band newsletter","d":"Compact full-width subscribe band with a validated inline email field and a success confir","k":"section","s":"shadcnblocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcnblocks:newsletter4","t":"Newsletter 4   Newsletter with feature list","d":"Two-column subscribe section pairing a validated email form with three short perk descript","k":"section","s":"shadcnblocks","c":"marketing/cta","tg":["webgl"],"sb":"Newsletter and waitlist","sy":["webgl"]},{"id":"shadcnblocks:newsletter5","t":"Newsletter 5   Inverted newsletter band","d":"Full-width inverted subscribe band with a validated email form and a success confirmation.","k":"section","s":"shadcnblocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcnblocks:newsletter6","t":"Newsletter 6   Wide Designer Newsletter","d":"A full-container newsletter panel with a large heading, an email field, and three numbered","k":"section","s":"shadcnblocks","c":"marketing/cta","tg":["webgl"],"sb":"Newsletter and waitlist","sy":["webgl"]},{"id":"shadcnblocks:offer-modal1","t":"Offer Modal 1   Corner newsletter discount modal","d":"A corner dialog offering a first-order newsletter discount with a headline, email field, s","s":"shadcnblocks","c":"overlays/dialog"},{"id":"shadcnblocks:offer-modal4","t":"Offer Modal 4   Membership offer modal with photo","d":"A promotional dialog with a product photo, membership discount headline, email field, subm","s":"shadcnblocks","c":"overlays/dialog","hc":1},{"id":"shadcnblocks:offer-modal5","t":"Offer Modal 5   Side sheet offer with logo","d":"A side sheet offering a mailing-list discount with a logo, headline, description, email fi","s":"shadcnblocks","c":"overlays/dialog"},{"id":"shadcnblocks:onboarding1","t":"Onboarding 1   Multi Step Onboarding Flow","d":"A five-step onboarding wizard with profile setup, workspace configuration, account linking","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:onboarding2","t":"Onboarding 2   Dialog Based Onboarding Wizard","d":"A modal onboarding flow with colorful step backgrounds, profile questions, goal checkboxes","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:order-history1","t":"Order History 1   Order history with status tabs","d":"An order history list with status tabs, order-number search, stacked product thumbnails, t","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:order-history2","t":"Order History 2   Collapsible order history with filters","d":"An expandable order list with search and status filter, product images, shipping address, ","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:order-history3","t":"Order History 3   Order history with per item status","d":"An order history of cards showing number, date, and total, invoice and archive actions, an","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:order-history4","t":"Order History 4   Editorial order history with timeline","d":"A spacious order history with search, a status timeline for in-progress orders, large prod","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:order-history5","t":"Order History 5   Order history with returns and reviews","d":"An order history with status tabs, search, shipment banners, item details, and actions to ","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:order-management1","t":"Order Management 1   Orders list with payment filters","d":"An orders table with status tabs, search, date and payment filters, column visibility, and","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:order-management2","t":"Order Management 2   Kanban order board by stage","d":"A horizontal order board with stage columns, drag-and-drop cards, product thumbnails, chan","s":"shadcnblocks","c":"data-display/kanban"},{"id":"shadcnblocks:order-management3","t":"Order Management 3   Sales orders with journey track","d":"A sales-order feed with a filter sidebar, payment badges, and a quote-to-done journey trac","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:order-management4","t":"Order Management 4   Guided order editor steps","d":"A three-step order editor for selecting low-stock products, choosing replenishment details","s":"shadcnblocks","c":"inputs/textarea","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:order-management5","t":"Order Management 5   Order detail with shipping map","d":"An order detail layout with a fulfillment journey, product rows, payment totals, shipping ","s":"shadcnblocks","c":"data-viz/map"},{"id":"shadcnblocks:order-management6","t":"Order Management 6   Sales order detail with invoice sheet","d":"A sales-order detail for SO-654 with journey track, line items, invoice sidebar, customer ","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:order-summary1","t":"Order Summary 1   Order confirmation with itemized totals","d":"A post-purchase confirmation with a status badge, itemized products, cost breakdown, shipp","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnblocks:order-summary11","t":"Order Summary 11   Card checkout with address dialog","d":"Card-based order summary listing line items, shipping options, and totals, with dialogs to","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:order-summary2","t":"Order Summary 2   Compact stacked order confirmation","d":"A narrow confirmation stack with a status badge, compact item list, totals, combined deliv","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:order-summary3","t":"Order Summary 3   Order confirmation with product grid","d":"A bold confirmation with a four-cell details bar, large product image cards, shipping addr","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:order-summary4","t":"Order Summary 4   Order confirmation with status timeline","d":"A confirmation with an interactive delivery timeline, progress bar, step details, itemized","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:order-summary5","t":"Order Summary 5   Order summary in a side sheet","d":"A confirmation sheet with item thumbnails, quantity and price, subtotal through total, est","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:order-summary6","t":"Order Summary 6   Order confirmation dialog","d":"A confirmation dialog with a check icon, order number, estimated arrival, compact item lis","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:order-summary8","t":"Order Summary 8   Split checkout order and payment","d":"Two-column checkout combining order line items and shipping method radios with a payment f","k":"section","s":"shadcnblocks","c":"marketing/pricing"},{"id":"shadcnblocks:our-story1","t":"Our Story 1   Tabbed brand timeline","d":"Brand milestone timeline using tabs synced with a carousel of dated story slides, each wit","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:our-story2","t":"Our Story 2   Autoplay story timeline","d":"Discover-our-story section with autoplaying carousel slides and tabbed milestones, includi","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:our-story3","t":"Our Story 3   Reveal story carousel over hero","d":"Full-bleed lifestyle background that slides aside to reveal a milestone card carousel tell","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:our-story4","t":"Our Story 4   Sticky vertical timeline","d":"Two-column brand timeline with a sticky year and step rail linked to a content carousel of","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:our-story5","t":"Our Story 5   Year tabs with hover media","d":"Year-based brand story with desktop timeline tabs, mobile year select, featured copy, and ","s":"shadcnblocks","c":"navigation/tabs"},{"id":"shadcnblocks:our-story6","t":"Our Story 6   Century scroll story chapters","d":"Long-scroll fragrance brand history with a sticky century digits carousel on the left and ","k":"layout","s":"shadcnblocks","c":"layout/scroll-area"},{"id":"shadcnblocks:passkey1","t":"Passkey 1   Centered passkey card","d":"Full-screen passkey login card with a fingerprint icon, a primary action, and a password f","s":"shadcnblocks","c":"data-display/card"},{"id":"shadcnblocks:passkey2","t":"Passkey 2   Minimal passkey prompt","d":"Centered passkey screen with a large heading and a single primary action, without a card.","s":"shadcnblocks","c":"ai-agent/composer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:payment-methods1","t":"Payment Methods 1   Payment methods list with inline edit","d":"A saved payment list for cards and PayPal with radio selection, default badge, inline add ","s":"shadcnblocks","c":"data-display/list","hc":1},{"id":"shadcnblocks:payment-methods2","t":"Payment Methods 2   Payment methods grid with default card","d":"A two-column grid of saved cards and PayPal accounts with selection rings, default badge, ","s":"shadcnblocks","c":"data-display/card","sb":"Payment"},{"id":"shadcnblocks:payment-methods3","t":"Payment Methods 3   Payment methods with flip credit cards","d":"A stacked payment picker with flippable bank-branded credit cards, last-four details, defa","s":"shadcnblocks","c":"data-display/card","sb":"Payment"},{"id":"shadcnblocks:payment-methods4","t":"Payment Methods 4   Payment methods carousel with flip cards","d":"A carousel of flippable bank-branded credit cards with last-four details, default selectio","s":"shadcnblocks","c":"data-display/card","sb":"Payment"},{"id":"shadcnblocks:pricing1","t":"Pricing 1   Four tier pricing comparison grid","d":"A centered pricing section with four divided plan columns, large prices, CTAs, and checkma","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcnblocks:pricing10","t":"Pricing 10   Four plan pricing cards with grouped features","d":"Four pricing cards with plan images, grouped feature checklists, and a highlighted recomme","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing100","t":"Pricing 100   Single plan card with billing switch","d":"One centered pricing card with monthly and yearly switch, discount chip, dual buttons, and","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"With billing toggle"},{"id":"shadcnblocks:pricing105","t":"Pricing 105   Single plan wide muted panel","d":"Full-width muted surface splits narrative copy from a stacked checklist and single solid C","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Single plan"},{"id":"shadcnblocks:pricing106","t":"Pricing 106   Single plan split heading and card","d":"Two-column layout places section story and inline switch beside a bordered pricing card.","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Single plan"},{"id":"shadcnblocks:pricing107","t":"Pricing 107   Single plan card with accent rail","d":"Card capped by a gradient rail includes corner switch row, badge-led title, and dot-led fe","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["gradient"],"sb":"Single plan","sy":["gradient"]},{"id":"shadcnblocks:pricing108","t":"Pricing 108   Single plan split art panel and details","d":"Gradient art panel with optional plan artwork contrasts a detail column with switch, facts","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["gradient"],"sb":"Single plan","sy":["gradient"]},{"id":"shadcnblocks:pricing11","t":"Pricing 11   Four plan feature matrix with sticky header","d":"Feature comparison matrix for four plans with a sticky plan header row, billing tabs, tool","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"shadcnblocks:pricing110","t":"Pricing 110   Single plan with tabbed billing","d":"Tabs swap monthly and yearly amounts inside one card while sharing a single checklist and ","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"With billing toggle"},{"id":"shadcnblocks:pricing117","t":"Pricing 117   Single plan bracketed price display","d":"Oversized price sits inside corner bracket framing with prose grid for feature text below.","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Single plan"},{"id":"shadcnblocks:pricing118","t":"Pricing 118   Single plan on inverted primary section","d":"Primary-tinted band wraps a light inset card that carries price, CTA, and two-column check","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Single plan"},{"id":"shadcnblocks:pricing12","t":"Pricing 12   Add on pricing with featured cards and list","d":"Add-on section split into featured items on accent cards and additional items in a divided","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing13","t":"Pricing 13   Three add on cards in a bordered container","d":"Three add-on options inside a single bordered section, each with a title, description, and","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"shadcnblocks:pricing14","t":"Pricing 14   Single plan card with discount badge and dual buttons","d":"Single-plan layout on a muted surface with plan name, discount badge, price, separator, tw","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Single plan"},{"id":"shadcnblocks:pricing15","t":"Pricing 15   Two column single plan with feature sidebar","d":"Split layout with heading, description, and subscribe button on the left, paired with a bo","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Single plan"},{"id":"shadcnblocks:pricing16","t":"Pricing 16   Three plan pricing with billing tabs and checkmark features","d":"Centered heading with monthly or yearly tabs, three bordered columns, optional zap badge o","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"With billing toggle","sy":["webgl"]},{"id":"shadcnblocks:pricing17","t":"Pricing 17   Two plan comparison with feature matrix","d":"A pricing section comparing standard and premium plans with duration, listing limits, per-","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcnblocks:pricing2","t":"Pricing 2   Classic two plan pricing with billing switch","d":"Centered heading with a monthly/yearly toggle, two side-by-side cards with large prices, f","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"With billing toggle","hc":1},{"id":"shadcnblocks:pricing20","t":"Pricing 20   Bordered three plan pricing grid with plan icons and dividers","d":"Heading and toggle for monthly or yearly rates, three columns with vertical dividers betwe","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"shadcnblocks:pricing21","t":"Pricing 21   Three plan comparison table with border accents","d":"Three pricing tiers displayed as column headers above a grouped feature matrix with monthl","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"shadcnblocks:pricing22","t":"Pricing 22   Three plan pricing cards with per column billing switch","d":"Three cards in a row with a yearly switch on paid tiers tied to one shared state, thick pr","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"With billing toggle","sy":["webgl"]},{"id":"shadcnblocks:pricing23","t":"Pricing 23   Three plan feature comparison with collapsible mobile selector","d":"Feature comparison table for three plans using a collapsible plan picker on mobile and a f","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"shadcnblocks:pricing24","t":"Pricing 24   Three plan pricing with switch and muted highlight cards","d":"Center headline with one annual switch, three cards on the theme muted color, highlighted ","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"With billing toggle","sy":["webgl"]},{"id":"shadcnblocks:pricing26","t":"Pricing 26   Three service pricing cards with badge labels","d":"Three rounded cards on a muted background showing service plans with topic badges, key-val","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"shadcnblocks:pricing27","t":"Pricing 27   Agency services pricing pair","d":"A two-offering pricing grid with a large muted primary card plus image and a secondary exp","k":"section","s":"shadcnblocks","c":"marketing/pricing"},{"id":"shadcnblocks:pricing28","t":"Pricing 28   Four plan pricing with social proof and billing tabs","d":"Four bordered plan cards below a centered heading, avatar social proof strip, billing tabs","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"With billing toggle"},{"id":"shadcnblocks:pricing29","t":"Pricing 29   Three tier pricing on gradient background with pattern","d":"Three pricing tiers rendered over a primary-color gradient with a plus-sign SVG pattern, h","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["gradient","webgl"],"sb":"Plan cards","sy":["gradient","webgl"]},{"id":"shadcnblocks:pricing3","t":"Pricing 3   Three plan pricing with billing switch and dashed feature rows","d":"Three columns with a billing switch, optional intro text, checks and dashed separators on ","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"With billing toggle","sy":["webgl"]},{"id":"shadcnblocks:pricing30","t":"Pricing 30   Three plan comparison table with highlighted column","d":"Feature comparison for three plans with a collapsible mobile plan picker and a desktop gri","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"shadcnblocks:pricing31","t":"Pricing 31   Three plan pricing with icon feature rows and top pill","d":"Three columns with monthly price only, optional floating pill on the popular tier, primary","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"shadcnblocks:pricing32","t":"Pricing 32   Five tier pricing with billing toggle","d":"Pricing with a monthly and annual switch, five plan cards including a highlighted popular ","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"With billing toggle"},{"id":"shadcnblocks:pricing33","t":"Pricing 33   Stacked add on cards with icons and pricing","d":"Vertically stacked add-on rows with circular icon, name, description, price, and a purchas","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing34","t":"Pricing 34   Three plan pricing with billing toggle and mobile carousel","d":"Toggle between monthly and yearly prices, three cards with primary border on the recommend","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"With billing toggle","sy":["webgl"]},{"id":"shadcnblocks:pricing35","t":"Pricing 35   Bold static pricing cards with inverted highlight","d":"Two large side-by-side cards with oversized prices, a centered billed-monthly divider, opt","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing36","t":"Pricing 36   Rounded shell pricing cards with inline CTA strip","d":"Two side-by-side plans in large rounded shells with a white content panel, feature checkli","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing37","t":"Pricing 37   Single premium plan spotlight card","d":"A centered single-plan pricing block with uppercase label, spotlight card, icon feature ro","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Single plan"},{"id":"shadcnblocks:pricing38","t":"Pricing 38   Service package selector with radio group","d":"Two-column layout pairing descriptive copy and info alerts on the left with three selectab","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:pricing39","t":"Pricing 39   Slider driven plan cards with usage tiers","d":"A pricing section with heading, usage slider, and stacked plan cards that update price and","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Usage and sliders"},{"id":"shadcnblocks:pricing4","t":"Pricing 4   Three plan pricing with tabs and one highlighted column","d":"Monthly and yearly tabs above three tier columns with one muted highlighted column, badge ","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"],"hc":1},{"id":"shadcnblocks:pricing40","t":"Pricing 40   Accordion based service packages","d":"Four service packages displayed as accordion items that expand to reveal a three-column gr","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:pricing41","t":"Pricing 41   Narrow three plan pricing cards with per column switch","d":"Same card pattern as the wide per-switch layout but inside a narrower centered container, ","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"With billing toggle","sy":["webgl"]},{"id":"shadcnblocks:pricing42","t":"Pricing 42   Feature Comparison Pricing Table","d":"A detailed pricing comparison table with plan headers and categorized feature rows showing","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcnblocks:pricing43","t":"Pricing 43   Four Tier Pricing With Promo Countdown","d":"A pricing section with four columns, monthly and yearly tabs, a featured tier with compare","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing44","t":"Pricing 44   Narrow stacked three plan pricing with switch and mobile carousel","d":"Centered heading and monthly/yearly switch in a medium-width column, three plan cards in a","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"With billing toggle","sy":["webgl"]},{"id":"shadcnblocks:pricing45","t":"Pricing 45   Three plan pricing with feature comparison table","d":"Three-plan pricing cards with monthly/yearly toggle and a grouped feature comparison table","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"shadcnblocks:pricing46","t":"Pricing 46   Unified pricing comparison table","d":"A single bordered table merging plan summaries into column headers with categorized featur","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcnblocks:pricing47","t":"Pricing 47   Container wide three plan pricing with toggle and carousel","d":"Same card treatment as the constrained three-column carousel block but the heading and car","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"With billing toggle","sy":["webgl"]},{"id":"shadcnblocks:pricing48","t":"Pricing 48   Full container three plan pricing with switch and carousel","d":"Square monthly or yearly switch, three cards across the full container, subtle muted fill ","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"With billing toggle","sy":["webgl"]},{"id":"shadcnblocks:pricing49","t":"Pricing 49   Three plan pricing in one horizontal band","d":"One bordered band split into three segments, billing toggle for monthly or yearly prices, ","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"shadcnblocks:pricing5","t":"Pricing 5   Two plan pricing with comparison table","d":"Side-by-side plan cards with prices and CTAs, plus a feature matrix table with check and m","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcnblocks:pricing50","t":"Pricing 50   Three plan pricing with centered spotlight column","d":"Twelve-column style grid with the recommended tier scaled and ringed, billing toggle, card","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"shadcnblocks:pricing52","t":"Pricing 52   Three plan pricing carousel at all breakpoints","d":"Coverflow carousel with edge mask and billing toggle; slides tween rotation and scale with","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"shadcnblocks:pricing57","t":"Pricing 57   Developer style three plan pricing","d":"Monospace-friendly layout with small plan id badges, dashed card borders, tight feature li","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"]},{"id":"shadcnblocks:pricing58","t":"Pricing 58   Editorial Two Plan Pricing Grid","d":"Left-aligned heading and sharp-cornered toggle above a bordered two-column grid with verti","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing59","t":"Pricing 59   Compact Two Plan Pricing Band","d":"Centered heading and rounded toggle above a single bordered container split into two plan ","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing6","t":"Pricing 6   Single plan pricing card with grouped features","d":"Centered single-plan card with separated feature groups, a large price numeral, and a CTA ","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Single plan","hc":1},{"id":"shadcnblocks:pricing60","t":"Pricing 60   Developer Style Two Plan Pricing","d":"Monospace-accented two-plan pricing with dashed card borders, tiny plan-code badges, compa","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing61","t":"Pricing 61   Left Aligned Two Plan Pricing With Tabs","d":"Left-aligned heading with a pill-style billing toggle on the right, two side-by-side plan ","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing62","t":"Pricing 62   Spotlight Two Plan Pricing With Ring","d":"Centered heading and switch above two muted-background cards where the second plan scales ","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing63","t":"Pricing 63   Asymmetric Two Plan Pricing With Tabs","d":"Asymmetric twelve-column grid with a narrower left card and wider highlighted right card, ","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing64","t":"Pricing 64   Two Plan Pricing With Top Border Accent","d":"Two side-by-side pricing cards where the recommended plan is distinguished by a thick prim","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing66","t":"Pricing 66   Minimal Two Plan Pricing Cards","d":"Ultra-minimal two-plan pricing with large centered prices, no feature lists, and an invert","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["minimal"],"sb":"Plan cards","sy":["minimal"]},{"id":"shadcnblocks:pricing67","t":"Pricing 67   Two Plan Pricing With Dark Card Contrast","d":"Centered heading and billing switch above two side-by-side cards where the second card inv","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing68","t":"Pricing 68   Two Plan Pricing With Muted Feature Section","d":"Tab-toggled two-plan pricing where each card splits visually into a white header area for ","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing69","t":"Pricing 69   Two Plan Pricing With Segmented Radio Control","d":"Centered heading with a segmented RadioGroup pill control featuring a green discount badge","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["minimal"],"sb":"Plan cards","sy":["minimal"]},{"id":"shadcnblocks:pricing7","t":"Pricing 7   Two plan pricing with radio toggle and discount badge","d":"Centered heading with a segmented radio control for monthly/yearly billing, optional savin","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"With billing toggle"},{"id":"shadcnblocks:pricing71","t":"Pricing 71   Two Plan Pricing With Feature Ribbon","d":"Two pricing cards with a Switch toggle for monthly and yearly billing, a centered FEATURES","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing72","t":"Pricing 72   Offset Two Plan Pricing Cards","d":"Two pricing cards where the second card is offset upward with a negative top margin, creat","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing73","t":"Pricing 73   Elevated Two Plan Pricing On Muted Surface","d":"Two pricing cards elevated on a muted section background, with a ToggleGroup for billing, ","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing74","t":"Pricing 74   Two Plan Pricing With Popular Pill Badge","d":"Two pricing cards with a floating pill badge on the recommended plan, a Switch toggle with","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing75","t":"Pricing 75   Two Plan Pricing With Per Card Billing Switch","d":"Two pricing cards each containing their own billing Switch that toggles between monthly an","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"With billing toggle"},{"id":"shadcnblocks:pricing76","t":"Pricing 76   Display Price Two Plan Pricing With Feature Badges","d":"Two-plan pricing layout with oversized display prices, tab-based billing toggle, and featu","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing78","t":"Pricing 78   Two Plan Pricing With Dashed Feature Separators","d":"Two-plan pricing grid with a ToggleGroup billing switch and feature lists separated by das","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing79","t":"Pricing 79   Spacious Rounded Two Plan Pricing","d":"Two generously padded cards with extra-large border radius, tab-based billing toggle, and ","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing8","t":"Pricing 8   Single plan card on muted background with feature grid","d":"Single-plan card with oversized price, CTA button, and a multi-column feature checklist sp","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Single plan"},{"id":"shadcnblocks:pricing80","t":"Pricing 80   Bordered Two Plan Section With Centered Header","d":"A single bordered container with a centered header section above a two-column plan compari","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing81","t":"Pricing 81   Two Plan Pricing With Primary Border Frame","d":"Two plan cards where the highlighted card is wrapped in a solid primary-color border frame","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing82","t":"Pricing 82   Compact Two Plan Pricing Strip","d":"Two plans inside a single compact bordered container with shared dividers, minimal padding","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["minimal"],"sb":"Plan cards","sy":["minimal"]},{"id":"shadcnblocks:pricing83","t":"Pricing 83   Wide two plan pricing with billing toggle","d":"A dual pricing block with a monthly or yearly switch, two equal-width cards that span the ","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"With billing toggle"},{"id":"shadcnblocks:pricing84","t":"Pricing 84   Container wide pricing7 style two tiers","d":"Like pricing7 with monthly or yearly radio tabs, discount chip, feature lists, and CTAs, b","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing85","t":"Pricing 85   Four plan pricing carousel with billing toggle","d":"Four pricing cards in a swipeable mobile carousel or four-column desktop grid, with a pill","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"With billing toggle"},{"id":"shadcnblocks:pricing86","t":"Pricing 86   Four plan cards with annual billing switch","d":"Four pricing cards with a shared annual billing switch repeated on each paid tier, compact","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"With billing toggle"},{"id":"shadcnblocks:pricing87","t":"Pricing 87   Four plan carousel with centered billing switch","d":"A centered monthly and yearly switch above four pricing cards, with a masked carousel on m","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"With billing toggle"},{"id":"shadcnblocks:pricing88","t":"Pricing 88   Four column editorial pricing strip","d":"Left-aligned heading with a square billing toggle above a single bordered grid split into ","k":"section","s":"shadcnblocks","c":"marketing/pricing"},{"id":"shadcnblocks:pricing89","t":"Pricing 89   Four plan cards with optional feature icons","d":"Centered heading and four bordered panels with oversized price, arrow CTA, mixed feature i","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing9","t":"Pricing 9   Three tier comparison table with billing toggle","d":"Three-plan feature comparison rendered as stacked cards on mobile and a bordered table on ","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"shadcnblocks:pricing90","t":"Pricing 90   Three tall pricing cards with billing toggle","d":"Centered headline and intro from shared three-plan content, pill billing control, and thre","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"With billing toggle","sy":["webgl"]},{"id":"shadcnblocks:pricing91","t":"Pricing 91   Three plan columns with tier logos and billing toggle","d":"Article-style cards with a small illustration per tier, three columns, segmented monthly a","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["webgl"],"sb":"With billing toggle","sy":["webgl"]},{"id":"shadcnblocks:pricing92","t":"Pricing 92   Narrow two plan columns with tier logos","d":"Two illustrated tiers in compact article cards inside a capped width column, monthly price","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing93","t":"Pricing 93   Four plan grid with spotlight column scale and shadow","d":"Four pricing cards in a desktop grid with billing toggle, where the highlighted plan scale","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing94","t":"Pricing 94   Four plan pricing with muted ring cards and scale emphasis","d":"Four pricing tiers on muted cards with a primary ring and scale pop on the highlighted pla","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing95","t":"Pricing 95   Developer style four plan pricing","d":"Monospace-accented four-tier pricing with plan id badges, dashed card borders, dense featu","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing96","t":"Pricing 96   Tinted four plan pricing with badge accents","d":"Four pricing cards on a muted tinted background with badge-labeled highlighted plan, billi","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:pricing97","t":"Pricing 97   Four plan pricing with left heading and tab billing","d":"Four pricing cards with a left-aligned heading, tab-style billing toggle, and badge plan l","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"With billing toggle"},{"id":"shadcnblocks:pricing98","t":"Pricing 98   Four plan 3D coverflow pricing carousel","d":"Looping coverflow carousel with four pricing tiers, 3D perspective transforms, scroll-link","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["3d"],"sb":"Plan cards","sy":["3d"]},{"id":"shadcnblocks:pricing99","t":"Pricing 99   Four plan pricing with detached feature lists","d":"Four pricing cards with billing toggle above separate per-plan feature checklists displaye","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:process1","t":"Process 1   Sticky sidebar four step process","d":"Two-column process section with a sticky heading and contact button on the left, numbered ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Steps","hc":1},{"id":"shadcnblocks:process2","t":"Process 2   Scroll driven process with image transitions","d":"Two-column process layout where scrolling through numbered steps triggers animated image c","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Steps"},{"id":"shadcnblocks:process3","t":"Process 3   Stacked color band process steps","d":"Five-step animated process with progressive sky-blue background bands, arrow icons, and ov","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Steps"},{"id":"shadcnblocks:process4","t":"Process 4   Hover activated process cards with image popup","d":"Three-step process with a sticky title column and rounded cards that reveal an animated fl","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcnblocks:product-card1","t":"Product Card 1   Product card with sale badge","d":"A linked product card with a product image, urgency badge, name, short description, and re","s":"shadcnblocks","c":"data-display/card","sb":"Product","hc":1},{"id":"shadcnblocks:product-card10","t":"Product Card 10   Product card with variant thumbnails","d":"A product card with a zooming image, sale or sold-out badge, hover add to cart and quick v","s":"shadcnblocks","c":"data-display/card","sb":"Product"},{"id":"shadcnblocks:product-card2","t":"Product Card 2   Product card with add to cart","d":"A product card with image, urgency badge, name, description, sale price, and a full-width ","s":"shadcnblocks","c":"data-display/card","sb":"Product"},{"id":"shadcnblocks:product-card21","t":"Product Card 21   Apparel Card With Color Swatches","d":"A product card with dual-image hover swap, color radio swatches with tooltips, collapsible","s":"shadcnblocks","c":"data-display/card","sb":"Product"},{"id":"shadcnblocks:product-card22","t":"Product Card 22   Electronics Card With Spec Carousel","d":"A compact card with a four-image carousel controlled by horizontal hover zones, reveal add","s":"shadcnblocks","c":"data-display/card","sb":"Product"},{"id":"shadcnblocks:product-card23","t":"Product Card 23   Tableware Card With Color Variants","d":"A tall product card for homeware with responsive image, brand link, optional new badge, co","s":"shadcnblocks","c":"data-display/card","sb":"Product"},{"id":"shadcnblocks:product-card24","t":"Product Card 24   Hoodie Card With Form Variants","d":"A product card combining an image carousel with next and previous controls, react-hook-for","s":"shadcnblocks","c":"data-display/card","tg":["gradient"],"sb":"Product","sy":["gradient"]},{"id":"shadcnblocks:product-card3","t":"Product Card 3   Product card with hover add to cart","d":"A product card with image, urgency badge, name, description, sale price, and an add to car","s":"shadcnblocks","c":"data-display/card","sb":"Product"},{"id":"shadcnblocks:product-card4","t":"Product Card 4   Product card with brand and rating","d":"A compact product card with a product image, brand label, star rating, product name, and p","s":"shadcnblocks","c":"data-display/card","sb":"Product"},{"id":"shadcnblocks:product-card5","t":"Product Card 5   Product card with collection label","d":"A product card with a square image, collection label, product name, and price for catalog ","s":"shadcnblocks","c":"data-display/card","sb":"Product"},{"id":"shadcnblocks:product-card6","t":"Product Card 6   Product card with color variants","d":"A product card with a variant image, collection name, color swatches, sale price, and hove","s":"shadcnblocks","c":"data-display/card","sb":"Product"},{"id":"shadcnblocks:product-card7","t":"Product Card 7   Product card with size picker","d":"A product card with image, name, sale price and discount badge, plus a hover size selector","s":"shadcnblocks","c":"data-display/card","sb":"Product"},{"id":"shadcnblocks:product-card8","t":"Product Card 8   Product card with expandable cart form","d":"A product card with hover image swap, rating and discount badges, and a bag button that op","s":"shadcnblocks","c":"data-display/card","sb":"Product"},{"id":"shadcnblocks:product-card9","t":"Product Card 9   Product card with color swatches","d":"A product card with a hover image gallery, stacked badges, category link, sale price, and ","s":"shadcnblocks","c":"data-display/card","sb":"Product"},{"id":"shadcnblocks:product-categories1","t":"Product Categories 1   Split category banner with image","d":"A two-column product category banner with a centered title and summary on the left and a f","s":"shadcnblocks","c":"overlays/alert-banner","hc":1},{"id":"shadcnblocks:product-categories2","t":"Product Categories 2   Category card grid","d":"A heading above a grid of linked category cards, each with a hover-zoom image, title, and ","s":"shadcnblocks","c":"data-display/card","sb":"Product"},{"id":"shadcnblocks:product-categories3","t":"Product Categories 3   Overlay category banner","d":"A full-bleed category banner with a darkened background image and centered title plus summ","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:product-categories4","t":"Product Categories 4   Category banner with breadcrumbs","d":"A full-bleed category banner with breadcrumb navigation, a large title, and supporting cop","s":"shadcnblocks","c":"navigation/breadcrumb"},{"id":"shadcnblocks:product-categories5","t":"Product Categories 5   Split media category promos","d":"A two-panel category section pairing a looping video and a still image, each with a title,","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:product-detail1","t":"Product Detail 1   Product detail with specs list","d":"A two-column product page with an image carousel, reviews, in-stock badge, buy now button,","s":"shadcnblocks","c":"data-display/list","hc":1},{"id":"shadcnblocks:product-detail10","t":"Product Detail 10   Product detail with three column layout","d":"A product page with a full-width image carousel above three columns for feature icons, mat","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:product-detail2","t":"Product Detail 2   Product detail with zoom gallery","d":"A split product page with a zoomable image gallery, color and material options, quantity s","s":"shadcnblocks","c":"media/gallery","sb":"Zoom and lens"},{"id":"shadcnblocks:product-detail3","t":"Product Detail 3   Product detail with color and size","d":"A two-column product page with a lightbox image gallery, color swatches, size options, qua","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:product-detail4","t":"Product Detail 4   Product detail with thumbnail gallery","d":"A two-column product page with a thumbnail image gallery and lightbox, star rating, color ","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:product-detail5","t":"Product Detail 5   Product detail with size chart","d":"A two-column product page with a lightbox gallery, size chart, color and size options, liv","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:product-detail6","t":"Product Detail 6   Product detail with recommended products","d":"A product page with a lightbox gallery, size and quantity form, shipping notes, a recommen","s":"shadcnblocks","c":"overlays/lightbox"},{"id":"shadcnblocks:product-detail7","t":"Product Detail 7   Product detail with brand and features","d":"A two-column product page with a branded heading, lightbox carousel, quantity stepper, fea","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:product-detail8","t":"Product Detail 8   Product detail with reviews and services","d":"A two-column product page with a lightbox carousel, star reviews, size and color options w","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:product-detail9","t":"Product Detail 9   Product detail with spec table","d":"A split product page with a vertical lightbox gallery, large product name, sale price, siz","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:product-gallery1","t":"Product Gallery 1   Product image carousel and grid","d":"A product image gallery that swipes as a carousel on small screens and becomes a three-col","s":"shadcnblocks","c":"media/gallery","tg":["webgl"],"sb":"Grids","sy":["webgl"],"hc":1},{"id":"shadcnblocks:product-gallery2","t":"Product Gallery 2   Zoomable product gallery with lightbox","d":"A product image carousel that opens a lightbox with zoom, custom next and previous control","s":"shadcnblocks","c":"media/gallery","sb":"Zoom and lens"},{"id":"shadcnblocks:product-gallery3","t":"Product Gallery 3   Product gallery with dot indicators","d":"A product image gallery that uses a carousel with dot indicators on small screens and a tw","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:product-gallery4","t":"Product Gallery 4   Thumbnail sidebar product gallery","d":"A product gallery with a sticky thumbnail sidebar, a scroll-synced main image stack, and a","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:product-gallery7","t":"Product Gallery 7   Thumbnail carousel with new badge","d":"A product gallery with a thumbnail column, a main carousel that opens a lightbox, a New ba","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:product-inventory1","t":"Product Inventory 1   Product inventory table with column controls","d":"A product inventory table with search, category and stock filters, sortable columns, and c","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:product-inventory2","t":"Product Inventory 2   Product inventory card grid","d":"A searchable product inventory card grid with status and stock tone filters plus per-card ","s":"shadcnblocks","c":"data-display/card","sb":"Product"},{"id":"shadcnblocks:product-inventory3","t":"Product Inventory 3   Product cards with metric sparklines","d":"A masonry product card board with accordion details and switchable sales, views, and stock","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:product-inventory4","t":"Product Inventory 4   Product list with side filter panel","d":"A split inventory layout with a sticky filter panel beside searchable product rows for sta","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:product-list1","t":"Product List 1   Product grid with badges","d":"A responsive product grid of cards with images, optional urgency badges, names, descriptio","s":"shadcnblocks","c":"data-display/list","hc":1},{"id":"shadcnblocks:product-list10","t":"Product List 10   Product rows with featured promo","d":"Stacked product rows that pair a featured promotion card with a grid of products showing s","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:product-list2","t":"Product List 2   Product grid with add to cart","d":"A product grid of cards with images, optional badges, names, descriptions, sale prices, an","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:product-list3","t":"Product List 3   Product grid with hover add to cart","d":"A product grid of cards with images, optional badges, names, descriptions, and an add to c","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:product-list4","t":"Product List 4   Product grid with promo card","d":"A product grid that opens with a promotional card, then product cards showing image, brand","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:product-list5","t":"Product List 5   Product grid with collection header","d":"A product listing with a heading, collection call to action, and a grid of cards showing s","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:product-list6","t":"Product List 6   Product carousel with color variants","d":"A headed product carousel of cards with variant images, color swatches, sale prices, and h","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:product-list7","t":"Product List 7   Product grid with size picker","d":"A headed product grid of cards with images, sale prices, discount badges, and hover size s","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:product-list8","t":"Product List 8   Product grid with expandable cart form","d":"A dense product grid of cards with hover image swap, rating and discount badges, and a bag","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:product-list9","t":"Product List 9   Tabbed product carousel with promo","d":"A New Arrivals listing with category tabs and a carousel that pairs a promo card with prod","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:product-quick-view4","t":"Product Quick View 4   Dialog quick view with variants","d":"A product quick-view dialog with an image carousel, description, price, color and size opt","s":"shadcnblocks","c":"overlays/dialog","hc":1},{"id":"shadcnblocks:product-quick-view5","t":"Product Quick View 5   Dialog quick view with accordion","d":"A product quick-view dialog with a thumbnail carousel, stock status, color and quantity co","s":"shadcnblocks","c":"overlays/dialog"},{"id":"shadcnblocks:product-quick-view6","t":"Product Quick View 6   Sheet quick view with rating","d":"A product quick-view sheet with an image carousel, star rating, sale price, stock badge, q","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:product-quick-view7","t":"Product Quick View 7   Dialog quick view with dual images","d":"A product quick-view dialog showing two images at once, plus color, size, and quantity con","s":"shadcnblocks","c":"overlays/dialog","sb":"Media"},{"id":"shadcnblocks:product-quick-view8","t":"Product Quick View 8   Minimal Quick View Dialog","d":"A dialog quick view with custom close control, scrollable body, image carousel, price and ","s":"shadcnblocks","c":"overlays/dialog","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:product-search1","t":"Product Search 1   Search popover with product carousel","d":"Sticky search field that opens a popover of keyword suggestions and a product card carouse","s":"shadcnblocks","c":"inputs/search"},{"id":"shadcnblocks:product-search2","t":"Product Search 2   Search sheet with product results","d":"Search icon opens a sheet listing product results with images, prices, badges, and clear o","s":"shadcnblocks","c":"inputs/search"},{"id":"shadcnblocks:product-search3","t":"Product Search 3   Search sheet with trending collections","d":"Branded search sheet showing trending searches and most-searched collection tiles instead ","s":"shadcnblocks","c":"inputs/search"},{"id":"shadcnblocks:product-search4","t":"Product Search 4   Search sheet with recommendations","d":"Full-height search sheet with logo, trending searches, and a collapsible recommended-produ","s":"shadcnblocks","c":"inputs/search"},{"id":"shadcnblocks:product-search5","t":"Product Search 5   Search dialog with products and articles","d":"Dialog search experience with popular queries and tabbed results for products and editoria","s":"shadcnblocks","c":"inputs/search"},{"id":"shadcnblocks:product-search6","t":"Product Search 6   Category search drawer","d":"Tall search drawer with logo, category dropdown on the input, and tabbed product and artic","s":"shadcnblocks","c":"inputs/search"},{"id":"shadcnblocks:product-search7","t":"Product Search 7   Combobox search with promo panel","d":"Combobox search dropdown splitting popular links and recommended products beside a large p","s":"shadcnblocks","c":"inputs/search"},{"id":"shadcnblocks:product-specs1","t":"Product Specs 1   Collapsible product spec tables","d":"A product specifications section with expandable categories, icons, label-value tables, an","s":"shadcnblocks","c":"data-display/accordion","hc":1},{"id":"shadcnblocks:product-specs2","t":"Product Specs 2   Tabbed product specifications","d":"A tabbed product specifications section with scrollable category tabs, key-spec badges, ch","s":"shadcnblocks","c":"navigation/tabs"},{"id":"shadcnblocks:project-dashboard1","t":"Project Dashboard 1   Workspace overview","d":"A personal workspace with delivery stats, a work-hour chart, a time tracker, and an issue ","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:project-dashboard2","t":"Project Dashboard 2   Delivery dashboard","d":"A project dashboard with shortcuts, an activity map, today's projects, milestones, and not","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:project-dashboard3","t":"Project Dashboard 3   Delivery command center","d":"A command center with sprint health, budget burn, the current project, milestones, and rec","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:project-dashboard4","t":"Project Dashboard 4   Dependency map dashboard","d":"A dependency map of active programs, with health, the critical path, and a program table.","k":"layout","s":"shadcnblocks","c":"layout/dashboard"},{"id":"shadcnblocks:project-detail1","t":"Project Detail 1   Project record with files and tabs","d":"A project page with health stats, a brief, file cards, and tabs for timeline, tasks, issue","s":"shadcnblocks","c":"navigation/tabs"},{"id":"shadcnblocks:project-detail2","t":"Project Detail 2   Project page with dependency map","d":"A project page with delivery metrics, a dependency map, and tabs for tasks, issues, timeli","s":"shadcnblocks","c":"data-viz/map"},{"id":"shadcnblocks:project-list1","t":"Project List 1   Project card grid with filters","d":"A project card grid with search, sort, team size, update window, and status filters.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:project-list2","t":"Project List 2   Project browse with saved views","d":"A project card grid with a side panel of saved views for status, recency, and team size.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:project-list3","t":"Project List 3   Project health table","d":"A project table with owner, health, milestone, and team columns, plus health and team filt","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:project-list4","t":"Project List 4   Project list with issue panel","d":"A searchable project list that opens the selected project's issues in a side panel.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:project1","t":"Project 1   Project detail with animated scroll reveal","d":"Single-project layout with a header, hero image, descriptive paragraphs, metadata rows, an","k":"layout","s":"shadcnblocks","c":"layout/scroll-area","hc":1},{"id":"shadcnblocks:project10","t":"Project 10   Photography project with numbered sections and carousel","d":"Urban photography showcase with a header, category metadata, numbered content sections, a ","s":"shadcnblocks","c":"media/carousel"},{"id":"shadcnblocks:project12","t":"Project 12   Project intro with mask reveal heading animation","d":"Two-column project introduction featuring multi-line headings with a clip-path mask reveal","k":"motion","s":"shadcnblocks","c":"motion/text-effect","sb":"Reveal and entrance"},{"id":"shadcnblocks:project13","t":"Project 13   Full screen parallax hero with image grid and concept section","d":"Scroll-driven parallax hero with an overlay title, project metadata grid, a four-image gal","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Animated background"},{"id":"shadcnblocks:project13a","t":"Project13a   Parallax hero with full width gallery and concept section","d":"Viewport-height parallax hero with gradient overlay, a project overview grid, vertically s","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"shadcnblocks:project14","t":"Project 14   Automotive project showcase with grayscale imagery","d":"Centered uppercase title with staggered two-column image grids, category metadata, a body ","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:project2","t":"Project 2   Project detail with serif title and metadata columns","d":"Single-project page with a large serif title, three-column metadata row, a full-width imag","k":"motion","s":"shadcnblocks","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"shadcnblocks:project2a","t":"Project2a   Centered project detail with label and divider","d":"Center-aligned project page with a label, large serif title, horizontal divider, three-col","s":"shadcnblocks","c":"inputs/form-field","tg":["webgl"],"sb":"Animated fields","sy":["webgl"]},{"id":"shadcnblocks:project2b","t":"Project2b   Project detail with monospace title and bordered sidebar","d":"Twelve-column layout pairing a monospace title with a border-left metadata sidebar, a capt","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:project2c","t":"Project2c   Project showcase with dot indicators and sticky heading","d":"Project page featuring dot-prefixed labels, three-column metadata with top borders, a 16:9","k":"motion","s":"shadcnblocks","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:project2d","t":"Project2d   Project detail with card metadata and floating caption","d":"Twelve-column layout with a serif title, a muted metadata card, a rounded image with a flo","s":"shadcnblocks","c":"data-display/card"},{"id":"shadcnblocks:project4","t":"Project 4   Long form case study with prose content and breakout images","d":"Single-column case study layout with a header, metadata, prose sections covering challenge","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:project4a","t":"Project4a   Case study with sticky sidebar navigation","d":"Four-column layout with a sticky sidebar containing project info, metadata, and anchor lin","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:project4b","t":"Project4b   Centered case study with interleaved image sections","d":"Center-aligned case study with a header, metadata row, and alternating prose sections and ","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:project4c","t":"Project4c   Case study with full screen hero overlay and metrics grid","d":"Full-screen hero with white text overlay, an article-style body with prose sections, a blo","k":"section","s":"shadcnblocks","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:project5","t":"Project 5   Exhibition project with metadata table and image gallery","d":"Art exhibition layout with a title, description, bordered metadata rows, a hero image, a t","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:project5a","t":"Project5a   Exhibition project with horizontal accent lines","d":"Three-column header with a horizontal accent line, title, description, and metadata alongs","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["webgl"],"sb":"Beams and light","sy":["webgl"]},{"id":"shadcnblocks:project5b","t":"Project5b   Exhibition project with materials table and dimensions","d":"Two-column layout with accent lines, a wide hero image, paired square images, a concept na","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:project5c","t":"Project5c   Exhibition project with metadata card and 3:1 image split","d":"Three-column header with a title, description, and a muted metadata card, followed by a 3:","s":"shadcnblocks","c":"data-display/card","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:project5d","t":"Project5d   Narrow exhibition page with stacked images and full width button","d":"Narrow single-column exhibition layout with a title, description, stacked images, a four-c","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:project5e","t":"Project5e   Exhibition gallery grid with hover overlays and stats","d":"Center-aligned exhibition page with a title, button, metadata line, a multi-column image g","s":"shadcnblocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:project5f","t":"Project5f   Exhibition page with card header and booking footer","d":"Rounded card header with a two-column description and metadata grid, three stacked full-wi","k":"section","s":"shadcnblocks","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:project5g","t":"Project5g   Exhibition project with asymmetric grid and visit CTA","d":"Five-column header with a two-tone title and sidebar portrait, a 2:1 image grid with borde","k":"section","s":"shadcnblocks","c":"marketing/cta"},{"id":"shadcnblocks:project6","t":"Project 6   Photography collection with sticky sidebar and project cards","d":"Two-column layout with a sticky title, badges, and description alongside scrollable portra","s":"shadcnblocks","c":"navigation/sidebar","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:project6a","t":"Project6a   Photography collection with inline project rows","d":"Single-column photography gallery with a title, badges, stacked portrait images, an about ","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:project7","t":"Project 7   Architectural case study with hero, carousel, and image grid","d":"Multi-section architecture project page with a full-height hero overlay, prose sections, a","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:project8","t":"Project 8   Fashion project with centered title and credits","d":"Animated fashion project layout with a centered bold title, subtitle, a rounded hero image","k":"motion","s":"shadcnblocks","c":"motion/text-effect"},{"id":"shadcnblocks:project8a","t":"Project8a   Fashion project with full bleed image and credits","d":"Centered title and subtitle above a full-bleed 16:9 hero image, followed by a two-column s","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:project8b","t":"Project8b   Fashion project with side by side image and text","d":"Centered title and subtitle above a two-column layout pairing a 4:5 portrait image on the ","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:project8c","t":"Project8c   Fashion project with narrow layout and bordered header","d":"Narrow-width fashion project layout with a centered title, a 3:2 image, a bordered metadat","s":"shadcnblocks","c":"navigation/top-nav"},{"id":"shadcnblocks:project8d","t":"Project8d   Fashion project with sidebar metadata and multi column credits","d":"Centered title with a wide 2:1 image, a four-column layout with metadata sidebar and narra","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:project8e","t":"Project8e   Fashion project with full screen hero background","d":"Full-screen background image hero with animated white text, followed by a white-background","k":"section","s":"shadcnblocks","c":"marketing/hero"},{"id":"shadcnblocks:project9","t":"Project 9   Photography project with sticky sidebar and image grid","d":"Two-column layout with a sticky sidebar containing breadcrumb navigation, metadata rows, a","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:projects1","t":"Projects 1   Animated project list with images and badges","d":"Vertical list of projects with two-column rows containing images, descriptions, and catego","s":"shadcnblocks","c":"data-display/badge","sb":"Animated"},{"id":"shadcnblocks:projects10","t":"Projects 10   Image grid with hover reveal titles","d":"Three-column grid of square images that scale and reveal a title and description overlay w","s":"shadcnblocks","c":"media/gallery","tg":["webgl"],"sb":"Hover effects","sy":["webgl"]},{"id":"shadcnblocks:projects11","t":"Projects 11   Masonry image gallery with scroll animations","d":"Multi-column masonry gallery where images fade in on scroll and scale with a brightness sh","s":"shadcnblocks","c":"media/gallery","sb":"Masonry"},{"id":"shadcnblocks:projects12","t":"Projects 12   Project grid with spring animated cursor tooltip","d":"Three-column image grid with titles and metadata, plus a spring-physics tooltip that follo","s":"shadcnblocks","c":"overlays/tooltip","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:projects13","t":"Projects 13   Project list with numbered rows and thumbnails","d":"Horizontal list layout presenting projects with a numbered index, title, launch date, desc","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:projects14","t":"Projects 14   Staggered grid portfolio with animated entries","d":"Five-column grid with intentionally hidden cells creating an offset pattern, where project","s":"shadcnblocks","c":"data-display/card"},{"id":"shadcnblocks:projects15","t":"Projects 15   Full width video sections with hover playback","d":"Stacked full-width video panels that show a thumbnail at rest and play the video on hover,","s":"shadcnblocks","c":"media/player"},{"id":"shadcnblocks:projects15a","t":"Projects15a   Two column video grid with hover playback","d":"Video panels in a two-column grid that crossfade from thumbnail to looping video on hover,","s":"shadcnblocks","c":"media/player"},{"id":"shadcnblocks:projects15b","t":"Projects15b   Integrated header and video grid in two columns","d":"Header cell and video panels share a two-column grid, with each video crossfading from thu","s":"shadcnblocks","c":"navigation/top-nav"},{"id":"shadcnblocks:projects15c","t":"Projects15c   Stacked video panels with rounded corners","d":"Vertically stacked video panels with rounded containers and spacing between each, crossfad","s":"shadcnblocks","c":"media/player"},{"id":"shadcnblocks:projects15d","t":"Projects15d   Two by two video grid with aspect ratio panels","d":"Four video panels in a 2x2 grid with 16:9 aspect ratio and rounded corners, crossfading to","s":"shadcnblocks","c":"media/player"},{"id":"shadcnblocks:projects15e","t":"Projects15e   Video carousel with hover playback","d":"Horizontal carousel of video panels that crossfade from thumbnail to playback on hover, wi","s":"shadcnblocks","c":"media/carousel"},{"id":"shadcnblocks:projects16","t":"Projects 16   Photo gallery with staggered aspect ratios","d":"Two-column image layout using alternating 4:3 and 4:5 aspect ratios, paired with a heading","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:projects17","t":"Projects 17   Horizontal project carousel with navigation arrows","d":"Scrollable carousel of project cards showing a 4:3 image, title, location, and view button","s":"shadcnblocks","c":"media/carousel"},{"id":"shadcnblocks:projects17a","t":"Projects17a   Widescreen carousel with category pills","d":"Horizontal carousel of wide 16:9 project cards showing image, title, and a tinted category","s":"shadcnblocks","c":"data-display/badge","sb":"Labels"},{"id":"shadcnblocks:projects17b","t":"Projects17b   Project card carousel with full metadata","d":"Carousel of bordered cards containing a square image, title, category badge, location, yea","s":"shadcnblocks","c":"data-display/card"},{"id":"shadcnblocks:projects18","t":"Projects 18   Project rows with background images and hover reveal","d":"Stacked full-bleed rows using background images with a dark blur overlay that clears on ho","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:projects2","t":"Projects 2   Editorial project showcase with large images","d":"Stacked project entries in a 4/8 column split with uppercase titles, descriptions on the l","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:projects3","t":"Projects 3   Scroll animated project cards with cursor icon","d":"Single-column project cards with parallax scroll effects and a floating plus-icon cursor t","s":"shadcnblocks","c":"data-display/card"},{"id":"shadcnblocks:projects4","t":"Projects 4   Illustrated project grid with header text","d":"Two-column grid of project illustrations with titles, categories, and dates, preceded by a","s":"shadcnblocks","c":"navigation/top-nav"},{"id":"shadcnblocks:projects5","t":"Projects 5   Animated project cards with year badges","d":"Two-column grid of bordered project cards with images, titles, categories, and pill-shaped","s":"shadcnblocks","c":"data-display/badge","sb":"Animated","hc":1},{"id":"shadcnblocks:projects6","t":"Projects 6   Photo card grid with gradient overlays","d":"Two-column grid of rounded dark cards with full-bleed images, category tags, titles, and d","s":"shadcnblocks","c":"data-display/card","tg":["gradient"],"sb":"Animated and glowing","sy":["gradient"]},{"id":"shadcnblocks:projects7","t":"Projects 7   Filterable image gallery with hover overlays","d":"Two-column image grid with category filter buttons that animate items in and out, revealin","s":"shadcnblocks","c":"media/gallery","sb":"Hover effects"},{"id":"shadcnblocks:projects8","t":"Projects 8   Three column filterable gallery with overlays","d":"Three-column image grid with category filter buttons that animate items on change, reveali","s":"shadcnblocks","c":"media/gallery","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:projects9","t":"Projects 9   Two column image grid with slide up captions","d":"Edge-to-edge two-column grid of square images where titles and descriptions slide up from ","s":"shadcnblocks","c":"media/gallery","sb":"Grids"},{"id":"shadcnblocks:promo-banner1","t":"Promo Banner 1   Free shipping progress banner","d":"A storefront banner that shows remaining spend toward free shipping, a progress bar, and a","s":"shadcnblocks","c":"overlays/alert-banner","hc":1},{"id":"shadcnblocks:promo-banner2","t":"Promo Banner 2   Sale banner with shop now link","d":"A full-width promo bar with a sale message, discount line, and underlined shop-now link fo","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:promo-banner3","t":"Promo Banner 3   Delivery cutoff countdown banner","d":"A promo bar with a gift icon and live hours-minutes-seconds countdown showing how long rem","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:promo-banner4","t":"Promo Banner 4   Trust signal promo banner","d":"A slim banner row of trust messages with icons for free shipping, returns, and secure chec","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:promo-banner5","t":"Promo Banner 5   Flash sale countdown banner","d":"A flash-sale banner with a live hours-minutes-seconds timer in boxed digits and a short of","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:promo-banner6","t":"Promo Banner 6   Holiday sale countdown banner","d":"A holiday sale banner with a gift icon, title, and a live countdown of days, hours, minute","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:promo-banner7","t":"Promo Banner 7   Flash sale banner with stock bar","d":"A flash-sale banner with a live countdown, a sold-progress bar, and remaining-item count f","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:rate-card1","t":"Rate Card 1   Monthly rate with process steps","d":"A two-column rate card with a monthly price, booking conditions, and a five-step process l","s":"shadcnblocks","c":"data-display/card"},{"id":"shadcnblocks:rate-card2","t":"Rate Card 2   Two plan monthly rate cards","d":"A pair of pricing cards for a monthly retainer and a premium package, each with a descript","s":"shadcnblocks","c":"data-display/card","sb":"Pricing","hc":1},{"id":"shadcnblocks:reset-password1","t":"Reset Password 1   Centered reset password card","d":"Full-screen new-password form with two fields, a submit button, and a return-to-login link","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Password reset"},{"id":"shadcnblocks:reset-password2","t":"Reset Password 2   Split reset password with image","d":"Two-column reset screen with password fields on the left and a full-height photograph on t","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Password reset"},{"id":"shadcnblocks:reset-password3","t":"Reset Password 3   Minimal reset password stack","d":"Centered reset screen with a large heading and stacked password fields without a card.","k":"layout","s":"shadcnblocks","c":"flows/sign-in","tg":["minimal"],"sb":"Password reset","sy":["minimal"]},{"id":"shadcnblocks:reset-password4","t":"Reset Password 4   Reset password with rules list","d":"Muted-panel reset form with two password fields and a checklist of password requirements.","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Password reset"},{"id":"shadcnblocks:reset-password6","t":"Reset Password 6   Reset password with rules panel","d":"Two-column reset card pairing password fields with a dedicated requirements panel.","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Password reset"},{"id":"shadcnblocks:resource1","t":"Resource 1   Resource detail with sidebar and article","d":"A two-column resource page with a prose article on the right and a sidebar containing down","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcnblocks:resource2","t":"Resource 2   Article detail with social share","d":"An article layout with back navigation, author avatar and byline, rich blog content, socia","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcnblocks:resource3","t":"Resource 3   Resource detail with breadcrumb and sticky sidebar","d":"A two-column document page featuring breadcrumb navigation, a prose article with a hero im","s":"shadcnblocks","c":"navigation/breadcrumb"},{"id":"shadcnblocks:resources1","t":"Resources 1   Resources page with category filter and email form","d":"A full resources page with a hero section containing breadcrumb, headline, email form, and","s":"shadcnblocks","c":"inputs/form-field","sb":"Email"},{"id":"shadcnblocks:resources2","t":"Resources 2   Resources grid with featured articles and tab filter","d":"A resources section with a large featured article grid, two secondary article cards, and a","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:resources3","t":"Resources 3   Featured resource with article list","d":"A resources section with a large featured post card containing an image and CTA button, fo","k":"section","s":"shadcnblocks","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnblocks:resources4","t":"Resources 4   Resources list with hover animations","d":"A news and resources list with a left label column and rows displaying linked titles, cate","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:resources5","t":"Resources 5   Course cards with author and stats","d":"A stacked course list where each entry shows a badge, title, lesson and video counts, dura","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:reviews1","t":"Reviews 1   Customer review list with average rating","d":"A review list with a calculated average rating, star scores, titles, author avatars, dates","s":"shadcnblocks","c":"inputs/rating","hc":1},{"id":"shadcnblocks:reviews14","t":"Reviews 14   Reviews with write review form","d":"Product reviews section with rating summary bars, sort control, review posts with image ca","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:reviews16","t":"Reviews 16   Filterable reviews with Q&A","d":"Sidebar search and filters plus review cards with media, helpful votes, and accordion Q&A,","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:reviews18","t":"Reviews 18   Reviews with image gallery and sorting","d":"A review list with sort controls, load more, verified-buyer badges, country labels, and pe","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:reviews19","t":"Reviews 19   Product reviews modal with filters","d":"Full reviews experience inside a large dialog with product preview, rating breakdown, filt","s":"shadcnblocks","c":"overlays/dialog"},{"id":"shadcnblocks:reviews2","t":"Reviews 2   Reviews with rating distribution sidebar","d":"A two-column review section with an average score, star-distribution progress bars, and ca","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:reviews22","t":"Reviews 22   Product review cards carousel","d":"Horizontal carousel of review cards pairing customer quotes with product thumbnails, autho","s":"shadcnblocks","c":"data-display/card","sb":"Product"},{"id":"shadcnblocks:reviews23","t":"Reviews 23   Product review carousel with buyer cards","d":"A carousel of product reviews that pairs each comment and author avatar with the product i","s":"shadcnblocks","c":"data-display/card","sb":"Product"},{"id":"shadcnblocks:reviews3","t":"Reviews 3   Photo reviews with helpful votes","d":"A review list with ratings, author avatars, product photos, variant details, helpful-vote ","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:reviews4","t":"Reviews 4   Reviews with star rating filters","d":"A review grid with an average score, clickable star-distribution bars that filter the list","s":"shadcnblocks","c":"inputs/rating"},{"id":"shadcnblocks:reviews5","t":"Reviews 5   Sortable review list with rating bars","d":"A review list with an average score, rating-distribution bars, a sort dropdown for helpful","s":"shadcnblocks","c":"inputs/rating"},{"id":"shadcnblocks:reviews6","t":"Reviews 6   Review carousel with product cards","d":"A customer-review carousel that pairs each comment and rating with the reviewed product's ","s":"shadcnblocks","c":"data-display/card","sb":"Product"},{"id":"shadcnblocks:reviews8","t":"Reviews 8   Mixed text and photo review carousel","d":"A review carousel that alternates text quotes and photo cards, each with a rating and auth","s":"shadcnblocks","c":"media/carousel"},{"id":"shadcnblocks:reviews9","t":"Reviews 9   Product review carousel with images","d":"A review carousel of cards that pair product photos with star ratings, comments, authors, ","s":"shadcnblocks","c":"media/carousel"},{"id":"shadcnblocks:service1","t":"Service 1   Service detail page with hero and prose content","d":"A single-column service page with a muted full-width hero heading, an introduction section","k":"section","s":"shadcnblocks","c":"marketing/features","hc":1},{"id":"shadcnblocks:service2","t":"Service 2   Service detail page with photo hero","d":"A single-column service page with a full-width background photo hero and dark overlay, fol","k":"section","s":"shadcnblocks","c":"marketing/features","hc":1},{"id":"shadcnblocks:service3","t":"Service 3   Service detail page with photo hero and stats grid","d":"A service page combining a background-photo hero with an icon, a three-column stats sectio","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Grid of cards","sy":["webgl"]},{"id":"shadcnblocks:service4","t":"Service 4   Service detail page with sidebar stats","d":"A service page with a muted hero, two-thirds prose content with icon-labeled services, and","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:service5","t":"Service 5   Service detail page with expertise and related services sidebar","d":"A service page with a two-thirds content column featuring an icon, heading, and prose sect","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:service6","t":"Service 6   Service detail page with centered layout and sections","d":"A centered single-column service page with an icon header, three-column expertise grid, pr","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:service7","t":"Service 7   Service detail page with bordered expertise and related services","d":"A single-column service page with a circular icon, bordered expertise cards in a three-col","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:services1","t":"Services 1   Services grid with check lists","d":"Four service cards in a two-column grid, each with a title, short description, and a check","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:services10","t":"Services 10   Service cards with pricing and deliverables","d":"Four service cards in a two-column grid with icons, descriptions, included items, delivera","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:services11","t":"Services 11   Services intro with image cards","d":"A split layout with headline, copy, view-all button, and two portrait photo cards with hov","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:services12","t":"Services 12   Image card grid with intro panel","d":"Five service image cards in a split layout with a left-side heading, description paragraph","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"shadcnblocks:services13","t":"Services 13   Hero image card with portrait grid","d":"Five service cards combining a wide hero card with four portrait cards below, each showing","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:services14","t":"Services 14   Split layout with square image cards","d":"A two-column split with heading, description, and button on the left, and four square imag","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:services15","t":"Services 15   Masonry image cards with variable heights","d":"Six service cards in a CSS-columns masonry layout with three height tiers, gradient hover ","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["gradient","webgl"],"sb":"Showcase and split","sy":["gradient","webgl"]},{"id":"shadcnblocks:services16","t":"Services 16   Accordion services with images and category badges","d":"A large typographic heading followed by a multi-open accordion where each item expands to ","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcnblocks:services18","t":"Services 18   Service list with images and dot indicators","d":"A three-column split with a large title, highlight points, and a button on the left, along","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["webgl"],"sb":"Showcase and split","sy":["webgl"]},{"id":"shadcnblocks:services19","t":"Services 19   Table layout with cursor following image","d":"A services table listing six rows with categories and subcategories, where a preview image","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Comparison"},{"id":"shadcnblocks:services20","t":"Services 20   Stacked service rows with hatched backgrounds","d":"Five full-width service rows with oversized titles, milestone-icon option lists, diagonal ","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:services21","t":"Services 21   Sticky image preview with hover activated service list","d":"A two-column layout with a sticky image preview and description on the left that updates a","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Scroll"},{"id":"shadcnblocks:services3","t":"Services 3   Minimal service rows with three column grid","d":"Four service rows in a narrow container, each displaying an icon and title on the left and","k":"section","s":"shadcnblocks","c":"marketing/features","tg":["minimal","webgl"],"sb":"Grid of cards","sy":["minimal","webgl"]},{"id":"shadcnblocks:services4","t":"Services 4   Bordered service cards with icon and bullet list","d":"Four service cards in a two-column grid, each with a circular icon, title, description, an","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"shadcnblocks:services5","t":"Services 5   Muted service cards with included items grid","d":"Four service cards in a two-column grid, each with an icon in a bordered container, a titl","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:services6","t":"Services 6   Centered icon columns with hover inversion","d":"Four services in a four-column grid, each center-aligned with a large circular icon, title","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Icons"},{"id":"shadcnblocks:services7","t":"Services 7   Horizontal service cards with pill tags","d":"Four stacked horizontal cards, each with a square icon container, a title, description, an","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:services8","t":"Services 8   Accordion services with included items and deliverables","d":"Four collapsible accordion items, each with an icon, title, and subtitle in the trigger, e","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:services9","t":"Services 9   Service cards with duration and pricing","d":"Four bordered service cards in a two-column grid, each showing an icon, title, duration, d","k":"section","s":"shadcnblocks","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcnblocks:settings-integrations1","t":"Settings Integrations 1   Integration Grid with Search","d":"A searchable integration gallery with category filter popover, compact integration cards s","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:settings-integrations2","t":"Settings Integrations 2   Integration List with Status","d":"A vertical integration list with app logos, descriptions, connected status badges, and hel","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:settings-integrations3","t":"Settings Integrations 3   Integration Cards Grid","d":"A responsive grid of integration cards with large logos, descriptions, connected status ba","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:settings-integrations3a","t":"Settings Integrations3a   Integration Grid with Status Badges","d":"A responsive integration settings grid displaying third-party service cards with connectio","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:settings-integrations4","t":"Settings Integrations 4   Tabbed Integration Categories","d":"A settings integrations panel with tabbed navigation to browse services by category, featu","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:settings-integrations5","t":"Settings Integrations 5   Toggle Switch Integration List","d":"A compact integration settings panel with toggle switches for quick enable/disable of conn","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:settings-integrations6","t":"Settings Integrations 6   Integration Table with Actions","d":"A table-based integration management view showing service status, sync times, and action b","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:settings-integrations7","t":"Settings Integrations 7   Integration Cards with Footer Actions","d":"A full-page integration browser with search, card-based layout featuring category labels a","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:settings-integrations8","t":"Settings Integrations 8   Sidebar Category Navigation","d":"A two-column integration browser with category sidebar navigation and scrollable list of i","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:settings-integrations9","t":"Settings Integrations 9   Connected Integrations with Activity","d":"A management view for active integrations showing connection status, who connected them, a","k":"section","s":"shadcnblocks","c":"marketing/logos"},{"id":"shadcnblocks:settings-members1","t":"Settings Members 1   Members Table with Filters","d":"A team members table with search input, role filter popover, invite dialog, and status bad","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:settings-members2","t":"Settings Members 2   Members List with Avatars","d":"A vertical member list with avatars, role badges, dropdown actions, search input, and invi","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:settings-members3","t":"Settings Members 3   Member Cards Grid","d":"A responsive card grid displaying team members with avatars, color-coded role badges, join","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:settings-members4","t":"Settings Members 4   Members with Bulk Selection","d":"A compact member list with checkboxes for bulk selection, role count badges, pending statu","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:settings-members5","t":"Settings Members 5   Tabbed Members with Invites","d":"A tabbed interface separating active members from pending invitations, with online status ","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:settings-notifications1","t":"Settings Notifications 1   Simple Checkbox List","d":"A minimal notification settings list with checkboxes for each notification type in a singl","s":"shadcnblocks","c":"overlays/notifications","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:settings-notifications2","t":"Settings Notifications 2   Simple Switch List","d":"A minimal notification settings list with switch toggles for each notification type in a v","s":"shadcnblocks","c":"overlays/notifications","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:settings-notifications3","t":"Settings Notifications 3   Grouped Categories with Switches","d":"A notification settings section with notifications organized into labeled categories, each","s":"shadcnblocks","c":"overlays/notifications"},{"id":"shadcnblocks:settings-notifications4","t":"Settings Notifications 4   Two Channel Matrix Table","d":"A notification settings table with Email and SMS checkbox columns for each notification ty","s":"shadcnblocks","c":"overlays/notifications"},{"id":"shadcnblocks:settings-profile1","t":"Settings Profile 1   Basic Profile Form","d":"A compact profile settings card with avatar upload, name, username, email, and bio fields.","s":"shadcnblocks","c":"data-display/profile","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnblocks:settings-profile1a","t":"Settings Profile1a   Profile form with avatar upload and preferences","d":"A settings profile section with avatar upload, name and email fields, timezone and week-st","s":"shadcnblocks","c":"data-display/profile"},{"id":"shadcnblocks:settings-profile2","t":"Settings Profile 2   Profile Form with Social Links","d":"A comprehensive profile settings form with personal info, work details, and social media l","s":"shadcnblocks","c":"data-display/profile"},{"id":"shadcnblocks:settings-profile2a","t":"Settings Profile2a   Centered profile card with photo upload","d":"A settings profile layout with centered avatar upload, first and last name inputs, read-on","s":"shadcnblocks","c":"data-display/profile"},{"id":"shadcnblocks:settings-profile3","t":"Settings Profile 3   Profile Settings with Cover Image","d":"A multi-card profile settings layout with cover image upload, avatar, basic info, and regi","s":"shadcnblocks","c":"data-display/profile","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:settings-profile4","t":"Settings Profile 4   Full Page Profile Editor","d":"A full-page profile editor with sidebar navigation, sectioned content, and sticky save bar","s":"shadcnblocks","c":"data-display/profile"},{"id":"shadcnblocks:settings-profile5","t":"Settings Profile 5   Profile with Live Preview","d":"A two-column profile editor with live preview showing how changes appear to others in real","s":"shadcnblocks","c":"data-display/profile"},{"id":"shadcnblocks:settings-profile6","t":"Settings Profile 6   Profile Setup Wizard","d":"A multi-step wizard for profile setup with progress indicator, back/next navigation, and r","s":"shadcnblocks","c":"data-display/profile"},{"id":"shadcnblocks:settings-profile7","t":"Settings Profile 7   Compact Inline Edit Profile","d":"A compact profile card with inline editing - click to edit fields, save on enter or blur.","s":"shadcnblocks","c":"data-display/profile"},{"id":"shadcnblocks:shader1","t":"Shader 1   Raymarched 3D Shader","d":"A full-screen shader background with raymarched 3D shapes, rotating scene, configurable co","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["3d","webgl"],"sy":["3d","webgl"]},{"id":"shadcnblocks:shader10","t":"Shader 10   Image Transition Shader","d":"A full-screen shader background that cycles between two images with lens distortion and bu","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:shader11","t":"Shader 11   3D Torus with Bloom","d":"A full-screen 3D background with an instanced torus of 30 metallic slices, blue gradient b","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["3d","gradient","webgl"],"sy":["3d","gradient","webgl"]},{"id":"shadcnblocks:shader12","t":"Shader 12   Raymarched Grid Shader","d":"A full-screen shader background with a raymarched 3D grid scene, configurable base, accent","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["3d","neon","webgl"],"sy":["3d","neon","webgl"]},{"id":"shadcnblocks:shader13","t":"Shader 13   Flowing Organic Shader","d":"A full-screen shader background with fluid, organic shapes driven by sine and cosine disto","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:shader14","t":"Shader 14   Noise Pattern with Character Dither","d":"A two-pass shader background with simplex noise distortion, flowing organic pattern, and a","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"shadcnblocks:shader15","t":"Shader 15   Light Dispersion Shader","d":"A full-screen shader background with RGB prism effect, color acts as spectral mask, config","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:shader16","t":"Shader 16   Space Invaders Shader","d":"A full-screen shader background with falling pixel-art invaders, expanding rings, configur","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["retro and HUD","webgl"],"sy":["retro and HUD","webgl"]},{"id":"shadcnblocks:shader17","t":"Shader 17   Fluid Reveal Image","d":"A full-screen WebGL background that layers a real-time fluid simulation over a loaded imag","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:shader18","t":"Shader 18   Texture Flame Shader","d":"A full-screen fragment shader background using four tiled noise textures, a warm flame-sty","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:shader19","t":"Shader 19   Refraction Noise Shader","d":"A full-screen shader background with glass rod refraction, 3D noise, RGB dispersion, and c","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["3d","glass","webgl"],"sy":["3d","glass","webgl"]},{"id":"shadcnblocks:shader2","t":"Shader 2   Kaleidoscope Swirl Shader","d":"A full-screen shader background with kaleidoscope-style rotating shapes, fractal-like patt","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:shader20","t":"Shader 20   Metaball Glass Shader","d":"A full-screen shader background with glass rod refraction, two metaballs, configurable met","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["glass","webgl"],"sy":["glass","webgl"]},{"id":"shadcnblocks:shader3","t":"Shader 3   Mouse Interactive Glass Shader","d":"A full-screen shader background with glass refraction, circular shapes, mouse-following in","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"shadcnblocks:shader4","t":"Shader 4   Chromatic Aberration Shader","d":"A full-screen shader background with chromatic aberration, procedural organic scene, light","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:shader5","t":"Shader 5   Raymarched Gyroid Sphere","d":"A full-screen shader background with raymarched gyroid surface and sphere, neon volumetric","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["neon","webgl"],"sy":["neon","webgl"]},{"id":"shadcnblocks:shader6","t":"Shader 6   Dithered Wave Shader","d":"A full-screen shader background with cosine wave pattern, Bayer dither, and configurable f","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:shader7","t":"Shader 7   Fluid Vector Field Shader","d":"A full-screen shader background with fluid simulation, vector field visualization, arrow p","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:shader8","t":"Shader 8   Interactive Grid Shader","d":"A full-screen shader background with ping-pong buffer, grid-based shapes (squares, crosses","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:shader9","t":"Shader 9   Glowing Torus with Mouse","d":"A full-screen shader background with raymarched 3D torus, glow effect, mouse proximity hig","k":"motion","s":"shadcnblocks","c":"motion/shader","tg":["3d","neon","webgl"],"sy":["3d","neon","webgl"]},{"id":"shadcnblocks:shipments1","t":"Shipments 1   Shipment list with status tabs and carrier filters","d":"A shipments list with status tabs, search, date and service filters, sortable columns, and","s":"shadcnblocks","c":"navigation/tabs"},{"id":"shadcnblocks:shipments2","t":"Shipments 2   Shipment detail with route map and activity timeline","d":"A shipments detail with route overview, hub meta, MapLibre route map, and a scrollable act","s":"shadcnblocks","c":"data-viz/map"},{"id":"shadcnblocks:shipments3","t":"Shipments 3   Create shipping label with rates and dispatch plan","d":"A shipping label create form with carrier and package fields, live rate snapshot, dispatch","k":"section","s":"shadcnblocks","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcnblocks:shop-the-look1","t":"Shop The Look 1   Auto scrolling lookbook with lightbox","d":"Full-bleed lookbook carousel with auto-scroll, PhotoSwipe lightbox, and floating product c","s":"shadcnblocks","c":"overlays/lightbox"},{"id":"shadcnblocks:shop-the-look2","t":"Shop The Look 2   Outfit builder with variants","d":"Two-column shop-the-look with a full outfit image, thumbnail carousel, and product cards s","s":"shadcnblocks","c":"data-display/card","sb":"Product"},{"id":"shadcnblocks:shop-the-look3","t":"Shop The Look 3   Frequently bought together bundle","d":"Bundle builder with a selectable product carousel, discount progress toward a multi-item s","s":"shadcnblocks","c":"data-viz/progress-bar"},{"id":"shadcnblocks:shop-the-look4","t":"Shop The Look 4   Room collections with hover products","d":"Split layout pairing a lifestyle hero with room collections, each listing products reveale","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"With product shot"},{"id":"shadcnblocks:shop-the-look5","t":"Shop The Look 5   Creator looks grid with hotspots","d":"Grid of creator look cards that open a dialog carousel with hotspot-tagged look images and","s":"shadcnblocks","c":"overlays/dialog"},{"id":"shadcnblocks:shop-the-look6","t":"Shop The Look 6   Look carousel with product groups","d":"Look-by-look carousel showing a large outfit image beside a product group list with prices","s":"shadcnblocks","c":"media/carousel"},{"id":"shadcnblocks:shopping-cart1","t":"Shopping Cart 1   Simple page shopping cart","d":"A page shopping cart listing item images, quantities, and line totals with a remove action","k":"section","s":"shadcnblocks","c":"marketing/pricing","tg":["minimal"],"sb":"Single plan","sy":["minimal"],"hc":1},{"id":"shadcnblocks:shopping-cart12","t":"Shopping Cart 12   Sheet cart with suggested products","d":"A sheet shopping cart pairing suggested products with line items, a free-shipping alert, s","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:shopping-cart14","t":"Shopping Cart 14   Sheet cart with product cards","d":"A sheet shopping cart that grids product cards with quantity controls, a running total, an","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:shopping-cart15","t":"Shopping Cart 15   Page cart with variants and promo","d":"A page shopping cart with color and size variants, quantity and remove controls, a promo-c","k":"section","s":"shadcnblocks","c":"marketing/announcement"},{"id":"shadcnblocks:shopping-cart16","t":"Shopping Cart 16   Sheet cart with discount and suggestions","d":"A sheet shopping cart with a dark header, suggested products, an applied discount, a shipp","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:shopping-cart17","t":"Shopping Cart 17   Basket sheet with promo code","d":"A basket sheet with a favourites shortcut, free-delivery alert, quantity controls, a promo","k":"section","s":"shadcnblocks","c":"marketing/announcement"},{"id":"shadcnblocks:shopping-cart18","t":"Shopping Cart 18   Popover mini shopping cart","d":"A compact popover shopping cart with item thumbnails, quantity controls, remove actions, a","s":"shadcnblocks","c":"overlays/popover"},{"id":"shadcnblocks:shopping-cart19","t":"Shopping Cart 19   Sheet cart with shipping progress","d":"A sheet shopping cart with a free-shipping progress bar, upsell products, a promo-code fie","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:shopping-cart2","t":"Shopping Cart 2   Page cart with order summary","d":"A page shopping cart with quantity controls, item removal, and an order summary showing su","k":"section","s":"shadcnblocks","c":"marketing/pricing","hc":1},{"id":"shadcnblocks:shopping-cart20","t":"Shopping Cart 20   Popover cart with express checkout","d":"A compact popover shopping cart with item thumbnails, quantity controls, a subtotal, check","k":"section","s":"shadcnblocks","c":"marketing/pricing"},{"id":"shadcnblocks:shopping-cart25","t":"Shopping Cart 25   Sheet cart with order notes","d":"A wide sheet shopping cart with line items, a total card, a collapsible order-notes field,","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:shopping-cart26","t":"Shopping Cart 26   Sheet cart with promo offer","d":"A sheet shopping cart with line items, a promotional offer, a coupon field, estimated tota","k":"section","s":"shadcnblocks","c":"marketing/announcement"},{"id":"shadcnblocks:shopping-cart3","t":"Shopping Cart 3   Page cart with promo code","d":"A page shopping cart with quantity updates, a promo-code field, order summary, and a free-","k":"section","s":"shadcnblocks","c":"marketing/announcement"},{"id":"shadcnblocks:shopping-cart7","t":"Shopping Cart 7   Dialog cart with product grid","d":"A dialog shopping cart that grids cart items with quantity controls, a running total, view","s":"shadcnblocks","c":"overlays/dialog"},{"id":"shadcnblocks:sidebar1","t":"Sidebar 1   Basic Sidebar with Groups","d":"A simple sidebar with logo header, labeled navigation groups, footer links, and main conte","s":"shadcnblocks","c":"navigation/sidebar","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnblocks:sidebar10","t":"Sidebar 10   Inset sidebar with search input","d":"An inset sidebar with workspace switcher, search field, collapsible project nav, user acco","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:sidebar11","t":"Sidebar 11   Right sidebar with search input","d":"A right-aligned sidebar with workspace switcher, search field, collapsible groups, user fo","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:sidebar12","t":"Sidebar 12   Dual sidebar with metrics panel","d":"A dual sidebar layout with left app navigation, a right metrics menu of compact labels, an","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:sidebar13","t":"Sidebar 13   Sidebar with file tree","d":"A sidebar file explorer with a brand header, nested folders and files, chevron expanders, ","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:sidebar14","t":"Sidebar 14   Sidebar with slide out submenu","d":"A sidebar where nested items open a slide-out panel beside the rail instead of expanding i","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:sidebar15","t":"Sidebar 15   Sidebar with dropdown submenus","d":"A sidebar that opens nested navigation in a dropdown menu under each parent item, with wor","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:sidebar16","t":"Sidebar 16   Sidebar with mega menu overlay","d":"A sidebar of service categories that opens a full-height mega menu overlay with multi-colu","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:sidebar17","t":"Sidebar 17   Sidebar with icon tabs","d":"A sidebar with workspace switcher, three icon tabs for files, git branches, and settings, ","s":"shadcnblocks","c":"navigation/sidebar","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:sidebar18","t":"Sidebar 18   Sidebar with chat channels","d":"A chat-style sidebar with workspace switcher, text and voice channels, direct messages wit","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:sidebar19","t":"Sidebar 19   Dual sidebar with members list","d":"A dual sidebar chat layout with collapsible channel categories on the left, a members list","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:sidebar2","t":"Sidebar 2   Sidebar with Collapsible Submenus","d":"A sidebar with collapsible navigation groups, nested submenu items with chevron indicators","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:sidebar20","t":"Sidebar 20   Documentation sidebar with table of contents","d":"A documentation layout with a left docs tree and search, a right on-this-page outline, and","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:sidebar21","t":"Sidebar 21   Sidebar with drill down navigation","d":"A sidebar that replaces the main menu with a child list and back control when a parent ite","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:sidebar3","t":"Sidebar 3   Sidebar with Multiple Groups","d":"A sidebar with multiple labeled navigation groups covering overview, projects, team, and w","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:sidebar4","t":"Sidebar 4   Sidebar with Collapsible Groups","d":"A sidebar with collapsible navigation groups that can expand/collapse entire sections, com","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:sidebar5","t":"Sidebar 5   Sidebar with Search Input","d":"A sidebar with integrated search input in the header, collapsible navigation groups, and l","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:sidebar6","t":"Sidebar 6   Sidebar with User Footer","d":"A sidebar with user profile dropdown in the footer showing avatar, name, email, and accoun","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:sidebar7","t":"Sidebar 7   Sidebar with Workspace Switcher","d":"A sidebar with workspace/organization switcher dropdown in the header, allowing users to s","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:sidebar8","t":"Sidebar 8   Sidebar Inset Variant","d":"An inset sidebar variant that appears contained within the page with rounded corners, work","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:sidebar9","t":"Sidebar 9   Floating sidebar with search input","d":"A floating sidebar with workspace switcher, search field, grouped nav with nested project ","s":"shadcnblocks","c":"navigation/sidebar"},{"id":"shadcnblocks:signup1","t":"Signup 1   Centered signup form with confirm password","d":"A full-screen centered signup form with a logo, unlabeled email and password fields, a con","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"shadcnblocks:signup10","t":"Signup 10   Split signup with full height image","d":"A two-column signup with a logo, Google button, email input, continue button, legal links,","k":"layout","s":"shadcnblocks","c":"flows/sign-in","tg":["webgl"],"sb":"Sign up","sy":["webgl"]},{"id":"shadcnblocks:signup2","t":"Signup 2   Centered signup form with logo","d":"A full-screen centered signup form with a logo, email and password inputs, a create accoun","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"shadcnblocks:signup3","t":"Signup 3   Muted panel signup with social login","d":"A full-screen centered signup form with a logo, labeled email and password fields, a creat","k":"layout","s":"shadcnblocks","c":"flows/sign-in","tg":["webgl"],"sb":"Sign up","sy":["webgl"]},{"id":"shadcnblocks:signup4","t":"Signup 4   Bordered signup card with social login","d":"A centered signup form with a logo and heading above a bordered card containing labeled fi","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Sign up"},{"id":"shadcnblocks:signup5","t":"Signup 5   Signup form with muted panel and social buttons","d":"A centered signup form with a logo and heading above a muted panel of labeled fields, a cr","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Sign up"},{"id":"shadcnblocks:signup6","t":"Signup 6   Centered signup form with Google first","d":"A centered signup card with a logo, a Google sign-up button above a divider, labeled email","k":"layout","s":"shadcnblocks","c":"flows/sign-in","tg":["webgl"],"sb":"Sign up","sy":["webgl"]},{"id":"shadcnblocks:signup7","t":"Signup 7   Split signup with product preview","d":"A two-column signup section with Google, email, and enterprise SSO options, legal links, r","k":"layout","s":"shadcnblocks","c":"flows/sign-in","tg":["webgl"],"sb":"Sign up","sy":["webgl"]},{"id":"shadcnblocks:signup8","t":"Signup 8   Split signup with browser preview","d":"A two-column signup with a promotional badge, large headline, Google and email buttons, a ","k":"layout","s":"shadcnblocks","c":"flows/sign-in","tg":["webgl"],"sb":"Sign up","sy":["webgl"]},{"id":"shadcnblocks:signup9","t":"Signup 9   Signup form with Google option and logo carousel","d":"A full-screen centered signup page with a Google sign-up button, email input, continue but","k":"layout","s":"shadcnblocks","c":"flows/sign-in","tg":["webgl"],"sb":"Sign up","sy":["webgl"]},{"id":"shadcnblocks:skills1","t":"Skills 1   Sticky tools list with experience badges","d":"A sticky heading column beside a stacked list of tools, each with a logo, category, and ye","s":"shadcnblocks","c":"data-display/badge"},{"id":"shadcnblocks:skills2","t":"Skills 2   Two column tools grid with usage","d":"A large heading above a two-column list of tools with logos, categories, hatched backgroun","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:social-media-trending1","t":"Social Media Trending 1   Video Carousel Social Feed","d":"A horizontal carousel of social media post cards with hover-to-play videos, user avatars, ","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:social-media-trending2","t":"Social Media Trending 2   Auto Scroll Image Carousel","d":"An auto-scrolling carousel of social media image cards with avatars and usernames; hover p","s":"shadcnblocks","c":"media/carousel"},{"id":"shadcnblocks:social-media-trending3","t":"Social Media Trending 3   Featured Profile Image Grid","d":"A grid of social media post images with a featured profile section (avatar, username, foll","s":"shadcnblocks","c":"data-display/profile"},{"id":"shadcnblocks:social-media-trending4","t":"Social Media Trending 4   Vertical Marquee Social Feed","d":"A vertical marquee grid of social media post cards with fade masks on top and bottom, feat","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:social-media-trending5","t":"Social Media Trending 5   Social Grid with Video Card","d":"A social media feed grid with larger image tiles, featured profile section, video card wit","s":"shadcnblocks","c":"data-display/card"},{"id":"shadcnblocks:social-media-trending6","t":"Social Media Trending 6   UGC gallery with share dialog","d":"Hashtag-led social gallery carousel that opens a dialog with image carousel, captions, sou","s":"shadcnblocks","c":"overlays/dialog","sb":"Share and invite"},{"id":"shadcnblocks:social-media-trending7","t":"Social Media Trending 7   Shoppable social video stories","d":"Floating video trigger opens a full-screen stories-style dialog with product video, image ","s":"shadcnblocks","c":"media/player"},{"id":"shadcnblocks:social-media-trending8","t":"Social Media Trending 8   Instagram style shoppable mosaic","d":"Asymmetric photo mosaic of Instagram-tagged home posts that open a fade carousel dialog wi","s":"shadcnblocks","c":"overlays/dialog","sb":"Media"},{"id":"shadcnblocks:stats-card1","t":"Stats Card 1   Metric Card with Trend","d":"A compact metric card displaying a value with trend indicator showing percentage change an","s":"shadcnblocks","c":"data-display/stat","hc":1},{"id":"shadcnblocks:stats-card10","t":"Stats Card 10   Metric Card with Accent Border","d":"A metric card with a colored left border accent and pill badge showing percentage change.","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:stats-card2","t":"Stats Card 2   Metric Card with Sparkline","d":"A metric card with a sparkline area chart showing recent trend data below the main value.","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:stats-card3","t":"Stats Card 3   Metric Card with Progress","d":"A metric card showing progress toward a goal with a progress bar and target value.","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:stats-card4","t":"Stats Card 4   Metric Card with Comparison","d":"A metric card displaying current and previous period values side by side for easy comparis","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:stats-card5","t":"Stats Card 5   Metric Card with Icon","d":"A metric card with a colored icon badge in the header alongside the title and value.","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:stats-card6","t":"Stats Card 6   Metric Card with Breakdown","d":"A metric card showing a total value with a breakdown list of contributing segments below.","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:stats-card7","t":"Stats Card 7   Metric Card with Donut","d":"A metric card with a mini donut chart showing percentage completion alongside the value.","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:stats-card8","t":"Stats Card 8   Metric Card with Status","d":"A metric card with a color-coded status indicator showing healthy, warning, or critical st","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:stats-card9","t":"Stats Card 9   Metric Card with Toggle","d":"A metric card with MRR/ARR toggle to switch between monthly and annual recurring revenue v","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:stats1","t":"Stats 1   Centered three column performance stats","d":"A centered heading above three large performance figures, each with a short label above an","s":"shadcnblocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:stats10","t":"Stats 10   Stats cards with avatars and logos","d":"Three linked metric cards in a responsive grid, each displaying an avatar, company logo, l","s":"shadcnblocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:stats11","t":"Stats 11   Stats section with gradient background and circle decoration","d":"A stats section with a headline, four metrics in a two-column grid, a primary-tinted gradi","s":"shadcnblocks","c":"data-display/stat","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:stats12","t":"Stats 12   Split stats with monthly toggle","d":"A two-column stats section with a heading, chart, and call to action beside a large animat","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:stats13","t":"Stats 13   Animated competitor bar comparison","d":"A centered heading above four animated comparison bars, with one highlighted column showin","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:stats14","t":"Stats 14   Countdown timer with CTA","d":"Animated countdown display showing days, hours, minutes, and seconds inside a decorated co","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:stats15","t":"Stats 15   Year toggle stats with timeline","d":"A heading, two buttons, and four animated figures next to year-range pills that update the","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:stats16","t":"Stats 16   Centered stats with line chart","d":"A centered heading and pill label above a line chart, followed by three key figures with s","s":"shadcnblocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:stats17","t":"Stats 17   Radial chart with stacked metrics","d":"A centered heading above a two-column layout with a radial visitor chart and three stacked","s":"shadcnblocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:stats18","t":"Stats 18   Centered stats with radar chart","d":"A centered heading and pill label above a radar chart, followed by three key figures with ","s":"shadcnblocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:stats19","t":"Stats 19   Sticky milestones list","d":"A sticky milestones label beside a stacked list of large figures, each paired with a suppo","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:stats2","t":"Stats 2   Accent cards with trend arrows","d":"A centered heading above a six-card grid of stats, each pairing a trend icon with a value ","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:stats22","t":"Stats 22   Yearly Metrics With Ruler Timeline","d":"Animated fiscal-year KPIs above a ruler-style baseline with default and secondary CTAs. Ye","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:stats23","t":"Stats 23   Milestones Beside a Quarter Column","d":"A milestones heading in a quarter-width column, beside a stacked list of large figures and","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:stats4","t":"Stats 4   Platform rating bar","d":"Inline rating strip showing star scores and platform logos for Apple Store, Play Store, an","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:stats5","t":"Stats 5   Three column metric display","d":"Three bold percentage figures with trend icons and labels, arranged in a row beneath a lar","s":"shadcnblocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:stats6","t":"Stats 6   Left aligned stats with dual buttons","d":"A left-aligned heading and two call-to-action buttons above a four-column row of large fig","s":"shadcnblocks","c":"data-display/stat","hc":1},{"id":"shadcnblocks:stats7","t":"Stats 7   Weekly stats with progress bars","d":"A bordered card of weekly metrics, each with a labeled progress bar, colored trend arrow, ","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:stats8","t":"Stats 8   Stats grid with heading and link","d":"A heading, description, and linked call to action above a four-column grid of large stat f","s":"shadcnblocks","c":"data-display/stat","hc":1},{"id":"shadcnblocks:stats9","t":"Stats 9   Split stats with feature cards","d":"A two-column section with a badge, heading, and three inline metrics beside a four-card fe","s":"shadcnblocks","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:team-list1","t":"Team List 1   Team directory with filters","d":"A team directory with focus, identifier, and sort filters, plus maintainer and project det","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team-list2","t":"Team List 2   Team directory cards","d":"A card directory of people on teams, with search, status, and a control that copies an ema","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team-list3","t":"Team List 3   Team task cards","d":"A card grid of people with their open tasks, team, and contact details.","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team-list4","t":"Team List 4   Team cards by focus","d":"A team card grid with search and focus filters, member photos, and project codes.","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team-list5","t":"Team List 5   Team list with member panel","d":"A searchable team list that opens the selected team's members and projects beside it.","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team-list6","t":"Team List 6   Team table","d":"A team table with sortable columns for name, member count, and project count.","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team1","t":"Team 1   Centered team grid with avatars","d":"Centered team intro with heading and supporting copy above a responsive avatar grid of nam","k":"section","s":"shadcnblocks","c":"marketing/team","hc":1},{"id":"shadcnblocks:team10","t":"Team 10   Experts list grid with join CTA","d":"Left intro column with heading, copy, and join button beside a muted multi-column list of ","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team11","t":"Team 11   Team grid with hover bio highlight","d":"Bordered team header above a dense member grid that reveals a highlighted bio card on hove","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team12","t":"Team 12   Staggered portrait trio with bracket header","d":"Bracket-style meet-the-team header and careers link above three tall staggered portraits w","k":"section","s":"shadcnblocks","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:team13","t":"Team 13   Animated team portraits with mobile carousel","d":"Bracket team header with careers link, showing animated portraits in a looping carousel on","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team14","t":"Team 14   Split hiring panel with team photo row","d":"A team section with a bordered hiring message and CTA beside portrait photos, shown as a c","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team15","t":"Team 15   Split team cards with social buttons","d":"Centered team header with label and split title above cards that pair member copy and soci","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team16","t":"Team 16   Mission panel with full bleed portrait grid","d":"Split team section pairing a mission and collaboration story with CTA against a grid of fu","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team17","t":"Team 17   Team portraits with alumni and culture sections","d":"Portrait team grid followed by alumni and collaborator name lists plus a culture section e","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team18","t":"Team 18   Categorized team directory with bio popovers","d":"Sticky team heading beside categorized member groups with avatar name grids, role badges, ","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team19","t":"Team 19   Corner framed team profile cards","d":"Team profile card grid with decorative corner frames, role, avatar, bio, previous companie","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team2","t":"Team 2   Team grid with social profile links","d":"Centered team intro above a member grid with avatars, roles, and optional GitHub, Twitter,","k":"section","s":"shadcnblocks","c":"marketing/team","hc":1},{"id":"shadcnblocks:team3","t":"Team 3   Hover lift team cards with gradient accents","d":"Centered team section with gradient headline treatment and member cards that lift on hover","k":"section","s":"shadcnblocks","c":"marketing/team","tg":["gradient","neon"],"sy":["gradient","neon"]},{"id":"shadcnblocks:team36","t":"Team 36   Simple team photo grid","d":"Team heading above a minimal responsive grid of square photos with names and role labels.","k":"section","s":"shadcnblocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:team37","t":"Team 37   Centered circular avatar row","d":"Centered heading and supporting copy above a four-person row of ringed circular avatars wi","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team38","t":"Team 38   Founder cards with department badges","d":"Centered intro above three bordered profile cards, each with a circular avatar, role, and ","k":"section","s":"shadcnblocks","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:team39","t":"Team 39   Hover overlay portrait grid","d":"Left-aligned heading above a square portrait grid that reveals each member role on hover.","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team4","t":"Team 4   Team grid with bios and social links","d":"Left-aligned team intro with a badge and copy above a four-column grid of portraits, roles","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team40","t":"Team 40   Founding team bio list","d":"Uppercase label and heading above stacked founder rows with rounded-square avatars, roles,","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team41","t":"Team 41   Team grid with hiring card","d":"Centered intro above a three-column card grid of member avatars plus a dashed hiring tile ","k":"section","s":"shadcnblocks","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:team42","t":"Team 42   Sticky intro with portrait grid","d":"Sticky left copy and stacked avatar preview beside a three-column grid of square member po","k":"section","s":"shadcnblocks","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:team43","t":"Team 43   Inverted remote crew grid","d":"Inverted full-width section with a centered label, heading, and six circular avatars of a ","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team44","t":"Team 44   Team cards with contact links","d":"Centered intro above four profile cards with circular avatars and website, social, and ema","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team45","t":"Team 45   Filterable department team grid","d":"Centered heading above department tabs that filter a card grid of circular avatars by team","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team46","t":"Team 46   Featured founder with supporting team","d":"Centered intro above a large founder portrait card with bio and tags, plus a row of suppor","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team47","t":"Team 47   Masonry team portrait columns","d":"Left-aligned label and heading above a multi-column masonry of portrait cards with mixed s","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team48","t":"Team 48   Team directory by department","d":"Heading above department sections with a count, divider, and compact rows of circular avat","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team49","t":"Team 49   Team directory list with avatars","d":"Label and heading above a list of people with circular avatars, roles, and join years, div","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team5","t":"Team 5   Team cards with expertise badges and careers CTA","d":"Centered team intro with careers button above member cards showing avatar, department badg","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team50","t":"Team 50   Distributed team location cards","d":"Heading and copy above a card grid of members with circular avatars plus location and time","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team52","t":"Team 52   Team member card carousel","d":"Heading with previous and next controls above a three-card portrait window that slides bet","k":"section","s":"shadcnblocks","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:team53","t":"Team 53   Founder quote beside team grid","d":"Sticky founder quote with a circular avatar beside a heading and square portrait grid of t","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team55","t":"Team 55   Editorial team portrait cards","d":"Serif heading above two-column cards that pair a tall portrait with name, role, bio, and a","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team56","t":"Team 56   Left aligned team cards","d":"Left-aligned team heading and supporting copy above a responsive card grid of circular ava","k":"section","s":"shadcnblocks","c":"marketing/team","hc":1},{"id":"shadcnblocks:team57","t":"Team 57   Two column team bio list","d":"Uppercase label and heading above six people in two columns, each with a rounded-square av","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team6","t":"Team 6   Compact team cards with department badges","d":"Centered team intro and careers CTA above a dense grid of bordered member cards with avata","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team7","t":"Team 7   Portrait grid with names and roles","d":"Left-aligned team heading above a dense portrait grid showing each person's photo, name, a","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team8","t":"Team 8   Team carousel with experience callouts","d":"Left-aligned headline and copy beside a member carousel of bordered cards with photo, role","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:team9","t":"Team 9   Filterable team grid with tabs and search","d":"Team directory with category tabs, name or role search, and a responsive card grid showing","k":"section","s":"shadcnblocks","c":"marketing/team"},{"id":"shadcnblocks:testimonial1","t":"Testimonial 1   Staggered column testimonial grid","d":"Centered heading with eight testimonial cards in a staggered multi-column layout, each sho","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial10","t":"Testimonial 10   Single centered quote","d":"One large testimonial quote centered on the page with an avatar, name, and role beneath it","k":"section","s":"shadcnblocks","c":"marketing/testimonials","hc":1},{"id":"shadcnblocks:testimonial11","t":"Testimonial 11   Masonry testimonial grid with ratings","d":"Multi-column testimonial cards over a gradient background, paired with a heading, descript","k":"section","s":"shadcnblocks","c":"marketing/testimonials","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:testimonial12","t":"Testimonial 12   Testimonial carousel with stats","d":"Carousel of testimonial slides combining a portrait image, blockquote, company logo, and t","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial13","t":"Testimonial 13   Centered quote with stacked avatars","d":"A single centered quote on an accent background, topped by a pill of overlapping avatars a","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial14","t":"Testimonial 14   Testimonial carousel with dot navigation","d":"Full-width carousel cycling through centered quotes with avatars, names, and clickable dot","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial15","t":"Testimonial 15   Split membership pitch with quote stack","d":"A two-column section with a headline, membership button, and company logos beside a stack ","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial16","t":"Testimonial 16   Expandable tweet style testimonials","d":"Two-column layout with a heading on the left and a list of expandable tweet-style testimon","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial17","t":"Testimonial 17   Logo quotes with mobile carousel","d":"A section heading beside three company-logo testimonial cards, shown as a dotted carousel ","k":"section","s":"shadcnblocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:testimonial18","t":"Testimonial 18   Featured quote with star rating","d":"A centered heading with a star-rating line and a single featured quote card showing amber ","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial19","t":"Testimonial 19   Auto scrolling testimonial card row","d":"A centered heading and supporting line above an auto-scrolling carousel of testimonial car","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial2","t":"Testimonial 2   Inline avatar CTA headline","d":"Large centered headline with overlapping avatars woven into the text and a primary action ","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial20","t":"Testimonial 20   Dashed two column quote pair","d":"A two-column testimonial pair inside a dashed frame, each side showing a quote with a bold","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial21","t":"Testimonial 21   Expert quotes with company logos","d":"A bordered header with a badge and large heading above a three-column grid of cards, each ","k":"section","s":"shadcnblocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:testimonial23","t":"Testimonial 23   Masonry testimonial cards with badge","d":"Masonry grid of social-style testimonial cards with avatars, verified badges, and dates, b","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial24","t":"Testimonial 24   Masonry star rated quotes with fade","d":"A centered heading and description above a masonry wall of star-rated quote cards with ava","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial25","t":"Testimonial 25   Photo testimonial carousel with stories link","d":"A left-aligned heading, supporting copy, and customer-stories button above a looping carou","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial26","t":"Testimonial 26   Quote carousel with dot indicators","d":"Draggable testimonial carousel showing large blockquotes with company logos, author names,","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial27","t":"Testimonial 27   Quotes with case study metrics","d":"A heading and description above two quote cards with avatars and company logos, plus three","k":"section","s":"shadcnblocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:testimonial28","t":"Testimonial 28   Dashed border testimonial carousel","d":"Carousel of testimonial slides inside dashed-line cards with corner plus marks, navigation","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial29","t":"Testimonial 29   Centered autoplay testimonial slider","d":"A large centered heading above an autoplay slider that shows one framed avatar, name, role","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial3","t":"Testimonial 3   Centered quote with company wordmark","d":"A single centered testimonial quote framed by top and bottom borders, with a company wordm","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial30","t":"Testimonial 30   Auto rotating accordion testimonials","d":"An auto-rotating testimonial section with accordion items, company logos, avatars, outcome","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial31","t":"Testimonial 31   Testimonial Carousel with Photo Cards","d":"A testimonial section with heading, description, CTA button, and a horizontal carousel of ","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial33","t":"Testimonial 33   Bento featured testimonial grid","d":"A testimonial section with a centered headline and a responsive grid where one large quote","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial34","t":"Testimonial 34   Image Case Studies With Quote Cards","d":"Puts three case-study cards with a top image, stat, and title above a two-column testimoni","k":"section","s":"shadcnblocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:testimonial35","t":"Testimonial 35   Logo First Testimonials And Case List","d":"Left-aligned intro, two testimonial cards with company logo on top and author below, and a","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial36","t":"Testimonial 36   Split Copy And Stacked Case Studies","d":"A two-column layout with heading, description, and testimonial cards on the left and a bor","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial37","t":"Testimonial 37   Inverted Testimonials And Case Strip","d":"A rounded foreground-on-background band containing testimonial cards and a three-column ca","k":"section","s":"shadcnblocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:testimonial38","t":"Testimonial 38   Divided List And Metric Blocks","d":"A narrow centered section with a bordered, divided list for testimonials and a simple thre","k":"section","s":"shadcnblocks","c":"marketing/testimonials","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"shadcnblocks:testimonial39","t":"Testimonial 39   Snap Scroll Quotes And Image Case Rows","d":"Testimonials in a horizontal snap scroll on small screens and a two-column grid on desktop","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial4","t":"Testimonial 4   Featured quote with supporting cards","d":"A large photo beside a featured quote card, followed by three smaller testimonial cards wi","k":"section","s":"shadcnblocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"shadcnblocks:testimonial40","t":"Testimonial 40   Muted Surface With Portrait Case Cards","d":"A muted full-width background with elevated testimonial cards and three tall case-study ca","k":"section","s":"shadcnblocks","c":"marketing/testimonials","tg":["gradient","webgl"],"sy":["gradient","webgl"]},{"id":"shadcnblocks:testimonial41","t":"Testimonial 41   Centered Testimonial Carousel with Faded Edges","d":"A testimonial carousel showing three photo cards at a time with masked edges and centered ","k":"section","s":"shadcnblocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:testimonial42","t":"Testimonial 42   Left Aligned Carousel With Four Columns","d":"A testimonial carousel with left-aligned heading and navigation, four photo cards visible ","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial6","t":"Testimonial 6   Testimonial carousel with arrow controls","d":"A heading above a carousel of bordered quote cards with avatars and previous and next cont","k":"section","s":"shadcnblocks","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:testimonial7","t":"Testimonial 7   Dual auto scrolling testimonial rows","d":"A heading and supporting line above two looping rows of testimonial cards that scroll in o","k":"section","s":"shadcnblocks","c":"marketing/testimonials"},{"id":"shadcnblocks:testimonial8","t":"Testimonial 8   Masonry testimonial wall with fade","d":"A heading and supporting line above a masonry wall of quote cards that fades out toward th","k":"section","s":"shadcnblocks","c":"marketing/testimonials","hc":1},{"id":"shadcnblocks:testimonial9","t":"Testimonial 9   Masonry quotes with source icons","d":"A heading and supporting line above a responsive masonry of testimonial cards with avatars","k":"section","s":"shadcnblocks","c":"marketing/testimonials","hc":1},{"id":"shadcnblocks:timeline1","t":"Timeline 1   Centered three step process timeline","d":"A centered three-step process timeline with circular outlined icons, headings, monospace s","s":"shadcnblocks","c":"data-display/timeline","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:timeline10","t":"Timeline 10   Horizontal four phase progress timeline","d":"A four-phase project timeline with dates, titles, and descriptions, plus an animated progr","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:timeline11","t":"Timeline 11   Horizontal phase timeline with progress","d":"Four-column timeline of project phases with icons, dates, and an animated progress bar hig","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:timeline12","t":"Timeline 12   Tabbed phase timeline with images","d":"Four-tab timeline where each tab reveals a phase with a date, heading, description, downlo","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:timeline13","t":"Timeline 13   Horizontal product launch timeline","d":"A three-phase product launch timeline with numbered steps, progress bars, duration estimat","s":"shadcnblocks","c":"data-display/timeline","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:timeline14","t":"Timeline 14   Sticky scroll milestone timeline","d":"A scroll timeline of company milestones with images and copy, a sticky year indicator, and","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:timeline19","t":"Timeline 19   Vertical Phase Timeline","d":"A vertical timeline with four project phases, dot markers, and an animated progress line s","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:timeline2","t":"Timeline 2   Sticky image timeline with scroll synced steps","d":"A two-column timeline with a page heading, scrollable step copy on the left, and a sticky ","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:timeline20","t":"Timeline 20   Vertical Icon Phase Timeline","d":"A vertical timeline with four icon-marked phases, dates, titles, descriptions, and an anim","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:timeline21","t":"Timeline 21   Fullscreen Photo Journey Timeline","d":"A fullscreen carousel of four place photographs, one chapter at a time, with previous and ","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:timeline22","t":"Timeline 22   Photo Milestone Timeline","d":"A four-milestone timeline with small square place photographs on a full-width line, each w","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:timeline23","t":"Timeline 23   Alternating Photo Timeline","d":"An alternating vertical timeline of four place photographs, with a scroll progress line an","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:timeline3","t":"Timeline 3   Sticky intro with stacked milestone cards","d":"A two-column timeline with a sticky heading, supporting copy, and two buttons on the left,","s":"shadcnblocks","c":"data-display/timeline","hc":1},{"id":"shadcnblocks:timeline4","t":"Timeline 4   Alternating vertical timeline with scroll progress","d":"Vertical timeline with alternating text and image blocks, a scroll-driven progress bar, ic","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:timeline5","t":"Timeline 5   Sticky heading with scrollable cards","d":"Two-column layout with a sticky heading on the left and numbered feature cards that scroll","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:timeline6","t":"Timeline 6   Sticky headline with icon led step list","d":"A two-column timeline with a sticky multi-line headline on the left and a vertical list of","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:timeline7","t":"Timeline 7   Interactive stepper with progress bar","d":"A centered interactive stepper with a four-step progress bar, an image and description for","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:timeline8","t":"Timeline 8   Vertical changelog timeline with date badges","d":"A centered vertical changelog timeline with a connecting line, date badges, and bullet lis","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:timeline9","t":"Timeline 9   Vertical dot timeline","d":"Vertical timeline with a left-aligned separator, filled dot markers, and card-wrapped entr","s":"shadcnblocks","c":"data-display/timeline","hc":1},{"id":"shadcnblocks:todo1","t":"Todo 1   Simple checkbox todo list","d":"A simple todo list with a heading, task titles, and checkboxes that toggle completion and ","s":"shadcnblocks","c":"inputs/checkbox","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnblocks:todo10","t":"Todo 10   Full task manager with subtasks","d":"A task manager for organizing items by due date, project, and priority, with subtasks, dra","s":"shadcnblocks","c":"data-display/list","sb":"Tasks and to-dos"},{"id":"shadcnblocks:todo2","t":"Todo 2   Drag and drop todo list","d":"A todo list with grip handles for drag-and-drop reordering, checkboxes to toggle completio","s":"shadcnblocks","c":"data-display/list","sb":"Tasks and to-dos","hc":1},{"id":"shadcnblocks:todo3","t":"Todo 3   Todo list with completed section","d":"A drag-and-drop todo list that splits active tasks from a collapsible completed section, w","s":"shadcnblocks","c":"data-display/list","sb":"Tasks and to-dos"},{"id":"shadcnblocks:todo4","t":"Todo 4   Todo list with add task form","d":"A drag-and-drop todo list that lets users add tasks from an inline input, cancel creation,","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:todo5","t":"Todo 5   Todo list with edit and delete","d":"A drag-and-drop todo list for creating, reordering, editing, and deleting tasks, with a dr","s":"shadcnblocks","c":"data-display/list","sb":"Tasks and to-dos"},{"id":"shadcnblocks:todo6","t":"Todo 6   Todo list with priority filters","d":"A drag-and-drop todo list with priority badges, starred items, filter and sort dropdowns, ","s":"shadcnblocks","c":"data-display/list","sb":"Tasks and to-dos"},{"id":"shadcnblocks:todo7","t":"Todo 7   Todo list with dates and projects","d":"A task list for creating items with due dates, priorities, reminders, and project tags, pl","s":"shadcnblocks","c":"data-display/list","sb":"Tasks and to-dos"},{"id":"shadcnblocks:todo8","t":"Todo 8   Todo list with expandable subtasks","d":"A drag-and-drop todo list where tasks expand to show nested subtasks, progress, checkboxes","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:todo9","t":"Todo 9   Todo list with search and tags","d":"A drag-and-drop todo list with real-time search, per-task tags, tag filters, and controls ","s":"shadcnblocks","c":"inputs/search"},{"id":"shadcnblocks:trust-strip1","t":"Trust Strip 1   Icon grid of store guarantees","d":"A four-column strip of trust items, each with an icon, title, and short description coveri","k":"resource","s":"shadcnblocks","c":"assets/icon","hc":1},{"id":"shadcnblocks:trust-strip2","t":"Trust Strip 2   Ratings strip with press logos","d":"A trust strip with star rating, review count, customer total, and an as-seen-in row of pre","s":"shadcnblocks","c":"inputs/rating"},{"id":"shadcnblocks:trust-strip3","t":"Trust Strip 3   Certification pills and guarantees","d":"A strip of certification badges with icons plus a row of guarantee labels such as money-ba","s":"shadcnblocks","c":"data-display/badge","sb":"Tags and pills"},{"id":"shadcnblocks:trust-strip4","t":"Trust Strip 4   Rating strip with seller badge","d":"A compact trust bar with star rating, verified review count, shipping and support icons, a","s":"shadcnblocks","c":"inputs/rating"},{"id":"shadcnblocks:two-factor1","t":"Two Factor 1   Centered two factor code","d":"Full-screen second-step card with a six-digit authenticator input and a continue button.","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Verification"},{"id":"shadcnblocks:two-factor2","t":"Two Factor 2   Split two factor with image","d":"Two-column second-step screen with a six-digit code form and a full-height photograph.","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Split with image"},{"id":"shadcnblocks:two-factor5","t":"Two Factor 5   Two factor with QR pairing","d":"Two-column pairing screen with a scannable authenticator QR code on one side and a six-dig","k":"layout","s":"shadcnblocks","c":"flows/sign-in"},{"id":"shadcnblocks:two-factor6","t":"Two Factor 6   Two factor recovery codes","d":"Second-step panel that shows a grid of one-time recovery codes with a download action.","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Verification"},{"id":"shadcnblocks:user-profile1","t":"User Profile 1   Basic Profile Card","d":"A centered profile card with avatar, name, role, bio, and action buttons for messaging and","s":"shadcnblocks","c":"data-display/profile","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnblocks:user-profile10","t":"User Profile 10   Portrait Profile Card","d":"A profile card with large portrait image, verification badge, and follow button.","s":"shadcnblocks","c":"data-display/profile"},{"id":"shadcnblocks:user-profile11","t":"User Profile 11   Full Image Profile Card","d":"A profile card with full-bleed background image and overlay text.","s":"shadcnblocks","c":"data-display/profile"},{"id":"shadcnblocks:user-profile12","t":"User Profile 12   Social Profile Card","d":"A social media style profile card with cover image, avatar, bio, and engagement stats.","s":"shadcnblocks","c":"data-display/profile"},{"id":"shadcnblocks:user-profile13","t":"User Profile 13   Freelancer Profile Card","d":"A freelancer profile card with skills, rating, client count, and hourly rate.","s":"shadcnblocks","c":"data-display/profile"},{"id":"shadcnblocks:user-profile14","t":"User Profile 14   Full Bleed Freelancer Card","d":"A dramatic freelancer card with full-bleed background image and gradient overlay.","s":"shadcnblocks","c":"data-display/profile","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:user-profile2","t":"User Profile 2   Profile with Stats","d":"A horizontal profile layout with avatar, name, role, social links, follower stats, and act","s":"shadcnblocks","c":"data-display/profile"},{"id":"shadcnblocks:user-profile3","t":"User Profile 3   Full Profile with Cover","d":"A detailed profile card with cover image, overlapping avatar, bio, location, join date, so","s":"shadcnblocks","c":"data-display/profile"},{"id":"shadcnblocks:user-profile4","t":"User Profile 4   Compact Inline Profile","d":"A small pill-shaped profile chip with avatar, name, role, and status indicator for inline ","s":"shadcnblocks","c":"data-display/profile"},{"id":"shadcnblocks:user-profile5","t":"User Profile 5   Team Member Card","d":"A compact team member card with gradient header, overlapping avatar, and contact action bu","s":"shadcnblocks","c":"data-display/profile","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:user-profile6","t":"User Profile 6   Profile with Tabs","d":"A profile card with tabbed sections for About, Experience, and Projects content.","s":"shadcnblocks","c":"data-display/profile"},{"id":"shadcnblocks:user-profile9","t":"User Profile 9   Profile Dashboard","d":"A full-width profile dashboard with cover image, stats cards showing metrics with change i","s":"shadcnblocks","c":"data-display/profile"},{"id":"shadcnblocks:verify-email1","t":"Verify Email 1   Centered verify email code","d":"Full-screen verification card with a six-digit code input, the destination email, and a re","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Verification"},{"id":"shadcnblocks:verify-email2","t":"Verify Email 2   Split verify email with image","d":"Two-column verification screen with a six-digit code form and a full-height photograph.","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Verification"},{"id":"shadcnblocks:verify-email3","t":"Verify Email 3   Verify email inbox prompt","d":"Centered confirmation screen with a mail icon, the destination address, and an open-inbox ","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Verification"},{"id":"shadcnblocks:verify-email4","t":"Verify Email 4   Muted panel verify email","d":"Verification form in a muted panel with the destination email in a compact badge and a six","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Verification"},{"id":"shadcnblocks:verify-email5","t":"Verify Email 5   Branded column verify email","d":"Split verification screen with a dark branding column and a six-digit code form.","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Verification"},{"id":"shadcnblocks:verify-email6","t":"Verify Email 6   Verify email with inbox shortcuts","d":"Confirmation card with Gmail and Outlook shortcuts plus a resend control under the destina","k":"layout","s":"shadcnblocks","c":"flows/sign-in","sb":"Verification"},{"id":"shadcnblocks:waitlist1","t":"Waitlist 1   Centered waitlist with avatar row","d":"A full-height waitlist with a large heading, supporting copy, email field, join button, ov","k":"section","s":"shadcnblocks","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"shadcnblocks:waitlist2","t":"Waitlist 2   Waitlist with countdown timer","d":"A centered waitlist with a logo, pulsing coming-soon badge, email form, overlapping avatar","k":"section","s":"shadcnblocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcnblocks:waitlist3","t":"Waitlist 3   Split waitlist with photo","d":"A two-column waitlist with company logo, coming-soon badge, heading, email form, overlappi","k":"section","s":"shadcnblocks","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcnblocks:wishlist1","t":"Wishlist 1   Wishlist grid with price drop badges","d":"A three-column wishlist of saved products with price-drop and stock badges, add-to-cart or","s":"shadcnblocks","c":"data-display/badge","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"shadcnblocks:wishlist2","t":"Wishlist 2   Wishlist list with sort and share","d":"A saved-items list with share and sort by date, price, or name, category labels, stock bad","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:wishlist4","t":"Wishlist 4   Multi list wishlist dialog","d":"Dialog wishlist with selectable lists, a product grid, share menu, empty state, and login ","s":"shadcnblocks","c":"overlays/dialog"},{"id":"shadcnblocks:workplace-photos1","t":"Workplace Photos 1   Candid workplace photo gallery","d":"A workplace photos section with a short heading and an uneven gallery of five candid offic","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:async-button","t":"Async Button   Async status button","d":"A button that shows idle, loading spinner, success, and error states, with an optional pro","s":"shadcnblocks","c":"actions/button","sb":"Loading and states","hc":1},{"id":"shadcnblocks:aurora-button","t":"Aurora Button   Aurora gradient button","d":"A button filled with a slowly shifting multi-color aurora gradient, or an aurora outline w","s":"shadcnblocks","c":"actions/button","tg":["gradient"],"sb":"Animated","sy":["gradient"],"hc":1},{"id":"shadcnblocks:avatar-group","t":"Avatar Group   Overlapping avatar group","d":"A horizontal row of overlapping circular avatars with spacing variants, hover spread, and ","s":"shadcnblocks","c":"data-display/avatar","hc":1},{"id":"shadcnblocks:background-beams","t":"Background Beams   Animated background beams","d":"An absolute SVG layer of curved light beams with traveling gradients for decorative page b","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient"],"sb":"Beams and light","sy":["gradient"],"hc":1},{"id":"shadcnblocks:background","t":"Background   Layered section background","d":"A section wrapper with editorial borders, patterns, and mesh gradients that sit behind con","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"shadcnblocks:border-button","t":"Border Button   Corner accent border button","d":"A square-cornered button with L-shaped SVG accents at all four edges, using standard Butto","s":"shadcnblocks","c":"actions/button","sb":"Animated","hc":1},{"id":"shadcnblocks:button-link","t":"Button Link   Button styled link","d":"A native anchor styled with shadcn/ui button variants for navigation that should look like","s":"shadcnblocks","c":"actions/link","hc":1},{"id":"shadcnblocks:copy-button","t":"Copy Button   Copy to clipboard button","d":"A button that copies a string to the clipboard and swaps to a check icon for two seconds.","s":"shadcnblocks","c":"actions/copy-button","hc":1},{"id":"shadcnblocks:counter-button","t":"Counter Button   Animated count stepper","d":"A minus and plus control that increments a number with a vertical slide animation between ","s":"shadcnblocks","c":"actions/button","sb":"Animated","hc":1},{"id":"shadcnblocks:cover","t":"Cover   Hover sparkle cover","d":"An inline highlight that darkens on hover, sweeps beams, and fills the box with sparkle pa","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"shadcnblocks:data-toolbar","t":"Data Toolbar   Search and actions toolbar","d":"A wrapping toolbar with a search field and a slot for filters, tabs, and column menus.","s":"shadcnblocks","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"shadcnblocks:emoji-picker","t":"Emoji Picker   Searchable emoji picker","d":"A popover emoji grid with search, category tabs, recent history, and keyboard navigation.","s":"shadcnblocks","c":"inputs/select","hc":1},{"id":"shadcnblocks:expand-button","t":"Expand Button   Hover expand icon button","d":"An icon button that springs wider on hover to reveal additional label text.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons","hc":1},{"id":"shadcnblocks:filter-panel","t":"Filter Panel   Sectioned filter panel","d":"A stacked filter sidebar with titled sections and option rows that can show a count.","s":"shadcnblocks","c":"data-display/card","hc":1},{"id":"shadcnblocks:fold-button","t":"Fold Button   Fold over hover button","d":"A button whose background folds upward on hover, inverting label color, with an optional l","s":"shadcnblocks","c":"actions/button","sb":"Animated","hc":1},{"id":"shadcnblocks:form-star-rating","t":"Form Star Rating   Interactive form star rating","d":"An interactive RadioGroup rating with hover fill, optional labels, and star or custom icon","s":"shadcnblocks","c":"inputs/rating","hc":1},{"id":"shadcnblocks:github-stars","t":"Github Stars   GitHub stars badge","d":"An outline button that links to a GitHub repository and can show an optional star count.","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"shadcnblocks:gleam-button","t":"Gleam Button   Gleam sweep button","d":"A button with a brief diagonal gleam that passes across the surface on a repeating interva","s":"shadcnblocks","c":"actions/button","hc":1},{"id":"shadcnblocks:glow-button","t":"Glow Button   Soft glow button","d":"A button with a soft drop-shadow glow that intensifies on hover in light and dark themes.","s":"shadcnblocks","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"],"hc":1},{"id":"shadcnblocks:iphone","t":"Iphone","s":"shadcnblocks","c":"media/mockup","hc":1},{"id":"shadcnblocks:link-preview","t":"Link Preview   Hover link preview card","d":"An inline link with a hover card that shows a screenshot of the destination URL from Micro","s":"shadcnblocks","c":"actions/link","hc":1},{"id":"shadcnblocks:login-button","t":"Login Button   Login CTA button","d":"A login action button with an optional icon and default Log in label, matching shadcn/ui b","s":"shadcnblocks","c":"actions/button","hc":1},{"id":"shadcnblocks:logo","t":"Logo   Responsive logo with wordmark","d":"A linked brand mark and wordmark with breakpoint-aware image and text slots plus an option","k":"resource","s":"shadcnblocks","c":"assets/logo","hc":1},{"id":"shadcnblocks:marquee-button","t":"Marquee Button   Marquee text button","d":"A button that scrolls its label in a looping marquee on hover or automatically.","s":"shadcnblocks","c":"actions/button","hc":1},{"id":"shadcnblocks:morph-button","t":"Morph Button   Loading morph button","d":"A button that shrinks into a spinner while loading, then expands back to its label when id","s":"shadcnblocks","c":"actions/button","sb":"Loading and states","hc":1},{"id":"shadcnblocks:moving-border-button","t":"Moving Border Button   Animated moving border button","d":"A button with animated gradient borders including spin, beam, pulse, shimmer, dash, meteor","s":"shadcnblocks","c":"actions/button","tg":["gradient","neon"],"sb":"Animated","sy":["gradient","neon"],"hc":1},{"id":"shadcnblocks:pattern-placeholder","t":"Pattern Placeholder   Centered pattern preview","d":"A centered hero scaffold with badge, heading, copy, and buttons for previewing patterns be","k":"section","s":"shadcnblocks","c":"marketing/hero","sb":"Centered and minimal","hc":1},{"id":"shadcnblocks:pattern-template","t":"Pattern Template   Two column pattern preview","d":"A split layout scaffold with badge, headline, buttons, and SVG placeholder for testing bac","k":"page","s":"shadcnblocks","c":"pages/templates","hc":1},{"id":"shadcnblocks:pinlight-button","t":"Pinlight Button   Pointer follow spotlight button","d":"A button with a radial spotlight that follows the pointer across the surface on hover.","s":"shadcnblocks","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"shadcnblocks:price","t":"Price   Product price with sale","d":"A currency display that pairs regular and sale amounts with strikethrough styling and loca","s":"shadcnblocks","c":"other/other","hc":1},{"id":"shadcnblocks:quantity-input","t":"Quantity Input   Quantity stepper input","d":"A pill-shaped minus and plus stepper with a centered number field for cart and checkout co","s":"shadcnblocks","c":"inputs/number-input","hc":1},{"id":"shadcnblocks:rating","t":"Rating   Five star rating display","d":"A five-star score with full, half, and empty icons plus optional numeric label and caption","s":"shadcnblocks","c":"inputs/rating","hc":1},{"id":"shadcnblocks:scrollable-tabslist","t":"Scrollable Tabslist   Horizontally scrollable tab list","d":"A pill-shaped TabsList wrapper that scrolls horizontally so long tab strips stay usable on","s":"shadcnblocks","c":"navigation/tabs","hc":1},{"id":"shadcnblocks:shimmer-button","t":"Shimmer Button   Rotating shimmer button","d":"A button with a spinning conic border glow and a sliding surface shimmer over the fill.","s":"shadcnblocks","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"],"hc":1},{"id":"shadcnblocks:shine-button","t":"Shine Button   Animated shine button","d":"A button with a repeating diagonal light sweep that travels across the surface.","s":"shadcnblocks","c":"actions/button","sb":"Animated","hc":1},{"id":"shadcnblocks:slide-text-button","t":"Slide Text Button   Sliding label button","d":"A button whose label slides out and a hover label slides in from up, left, or right.","s":"shadcnblocks","c":"actions/button","hc":1},{"id":"shadcnblocks:social-button","t":"Social Button   Social sign in button","d":"A provider-branded OAuth button with Google, GitHub, Apple, Microsoft, X, Discord, Faceboo","s":"shadcnblocks","c":"actions/button","tg":["webgl"],"sb":"Social and sign-in","sy":["webgl"],"hc":1},{"id":"shadcnblocks:sparkles","t":"Sparkles   Canvas particle sparkles","d":"A canvas particle field that drifts, wraps, and twinkles as a decorative background behind","k":"motion","s":"shadcnblocks","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"shadcnblocks:sparkline","t":"Sparkline   Compact line, bar, or area sparkline","d":"A tiny chart for a numeric series, drawn as a line, bar, or area with no axes.","s":"shadcnblocks","c":"data-viz/chart","sb":"Area","hc":1},{"id":"shadcnblocks:stat","t":"Stat   Stat with label, value, and delta","d":"A compact metric stack with a label, a tabular value, an optional trend delta, and an icon","s":"shadcnblocks","c":"data-display/stat","hc":1},{"id":"shadcnblocks:theme-toggle","t":"Theme Toggle   Light and dark theme toggle","d":"A sun and moon icon button that switches between light and dark mode, with optional text l","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"shadcnblocks:trace-button","t":"Trace Button   SVG border trace button","d":"A button whose outline draws itself on hover with SVG stroke effects including draw, loop,","s":"shadcnblocks","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"],"hc":1},{"id":"shadcnblocks:typewriter-button","t":"Typewriter Button   Typewriter text button","d":"A button that types its label character by character on hover or automatically, with a bli","s":"shadcnblocks","c":"actions/button","hc":1},{"id":"shadcnblocks:accordion-accordion-form-1","t":"Accordion Form 1   Form","d":"Accordion containing form inputs organized by sections with icons.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:accordion-accordion-form-2","t":"Accordion Form 2   Form with Plus Trigger","d":"Accordion form with plus/minus trigger icons and section icons.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:accordion-accordion-multi-level-1","t":"Accordion Multi Level 1   Multi level","d":"Nested accordion with expandable child items using collapsible.","s":"shadcnblocks","c":"data-display/accordion","sb":"Nested","hc":1},{"id":"shadcnblocks:accordion-accordion-multi-level-2","t":"Accordion Multi Level 2   Multi level with Icon","d":"Multi-level accordion with icons on parent items.","s":"shadcnblocks","c":"data-display/accordion","sb":"Nested","hc":1},{"id":"shadcnblocks:accordion-accordion-multi-level-3","t":"Accordion Multi Level 3   Multi level with Plus Trigger","d":"Multi-level accordion with plus/minus triggers on parent items.","s":"shadcnblocks","c":"data-display/accordion","sb":"Nested"},{"id":"shadcnblocks:accordion-accordion-multi-level-4","t":"Accordion Multi Level 4   Multi level with Left Plus Trigger","d":"Multi-level accordion with left-positioned plus/minus triggers.","s":"shadcnblocks","c":"data-display/accordion","sb":"Nested"},{"id":"shadcnblocks:accordion-accordion-standard-1","t":"Accordion Standard 1   Standard","d":"Basic accordion with collapsible items and default chevron trigger.","s":"shadcnblocks","c":"data-display/accordion","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:accordion-accordion-standard-2","t":"Accordion Standard 2   Standard with Left Chevron","d":"Accordion with chevron icon positioned on the left side.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:accordion-accordion-standard-3","t":"Accordion Standard 3   Standard with Plus Trigger","d":"Accordion with plus/minus icons instead of chevron trigger.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:accordion-accordion-standard-4","t":"Accordion Standard 4   Standard with Left Plus Trigger","d":"Accordion with plus/minus trigger icons positioned on the left.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:accordion-accordion-standard-5","t":"Accordion Standard 5   Icon","d":"Accordion with icon displayed next to each item title.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:accordion-accordion-standard-6","t":"Accordion Standard 6   Icon with Plus Trigger","d":"Accordion with icons and plus/minus trigger icons.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:accordion-accordion-standard-7","t":"Accordion Standard 7   Full Featured","d":"Accordion with icons, subtitles, and plus/minus triggers.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:accordion-accordion-subtitle-1","t":"Accordion Subtitle 1   Subtitle","d":"Accordion items with subtitle text below each title.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:accordion-accordion-subtitle-2","t":"Accordion Subtitle 2   Subtitle with Left Icon","d":"Accordion with subtitles and left-positioned icons.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:accordion-accordion-subtitle-3","t":"Accordion Subtitle 3   Subtitle with Plus Trigger","d":"Accordion with subtitles and plus/minus trigger icons.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:accordion-accordion-subtitle-4","t":"Accordion Subtitle 4   Icon, Subtitle, and Chevron","d":"Accordion with icons, subtitles, and default chevron triggers.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:accordion-accordion-tabs-1","t":"Accordion Tabs 1   Tabs with Left Plus Trigger","d":"Accordion styled as tabs with left-positioned plus/minus triggers.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:accordion-accordion-tabs-2","t":"Accordion Tabs 2   Tabs","d":"Accordion styled as tabs with default chevron triggers.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:accordion-accordion-tabs-3","t":"Accordion Tabs 3   Tabs with Plus Trigger","d":"Accordion styled as tabs with plus/minus trigger icons.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:accordion-accordion-tabs-4","t":"Accordion Tabs 4   Tabs with Left Chevron","d":"Accordion styled as tabs with left-positioned chevron triggers.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:alert-dialog-alert-dialog-confirmation-1","t":"Alert Dialog Confirmation 1   Simple Confirmation Dialog","d":"Alert dialog with confirmation message and cancel/continue actions.","s":"shadcnblocks","c":"overlays/dialog","tg":["minimal"],"sb":"Confirm","sy":["minimal"]},{"id":"shadcnblocks:alert-dialog-alert-dialog-confirmation-2","t":"Alert Dialog Confirmation 2   Confirmation with Icon","d":"Confirmation dialog with icon and warning message.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-confirmation-3","t":"Alert Dialog Confirmation 3   Confirmation with Detailed Description","d":"Confirmation dialog with detailed bulleted description list.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-confirmation-4","t":"Alert Dialog Confirmation 4   Confirmation with Custom Button Labels","d":"Confirmation dialog with custom-labeled action buttons.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-confirmation-5","t":"Alert Dialog Confirmation 5   Confirmation with Short Content","d":"Confirmation dialog with minimal short message.","s":"shadcnblocks","c":"overlays/dialog","tg":["minimal"],"sb":"Confirm","sy":["minimal"]},{"id":"shadcnblocks:alert-dialog-alert-dialog-confirmation-6","t":"Alert Dialog Confirmation 6   Confirmation with Centered Icon","d":"Confirmation dialog with centered icon in colored circle.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-custom-actions-1","t":"Alert Dialog Custom Actions 1   Actions with Icons","d":"Alert dialog with icon in action button.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-custom-actions-2","t":"Alert Dialog Custom Actions 2   Vertical Button Stack","d":"Alert dialog with vertically stacked action buttons.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-custom-actions-3","t":"Alert Dialog Custom Actions 3   Mixed Button Styles","d":"Alert dialog with mixed button styles in footer.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-custom-actions-4","t":"Alert Dialog Custom Actions 4   Actions with Loading State","d":"Alert dialog with file details and icon in action button.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-custom-actions-5","t":"Alert Dialog Custom Actions 5   Split Actions Layout","d":"Alert dialog with split action layout and draft button.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-destructive-1","t":"Alert Dialog Destructive 1   Simple Delete Confirmation","d":"Destructive alert dialog for delete confirmation with red action button.","s":"shadcnblocks","c":"overlays/dialog","tg":["minimal"],"sb":"Confirm","sy":["minimal"]},{"id":"shadcnblocks:alert-dialog-alert-dialog-destructive-2","t":"Alert Dialog Destructive 2   Delete Confirmation with Icon","d":"Destructive delete dialog with trash icon in header.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-destructive-3","t":"Alert Dialog Destructive 3   Destructive with Checkbox Confirmation","d":"Destructive dialog with checkbox confirmation requirement.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-destructive-4","t":"Alert Dialog Destructive 4   Destructive with Consequence Details","d":"Destructive dialog with highlighted consequence details list.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-destructive-5","t":"Alert Dialog Destructive 5   Destructive with Custom Styled Buttons","d":"Destructive dialog with icon in action button.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-destructive-6","t":"Alert Dialog Destructive 6   Destructive with Warning Badge","d":"Destructive dialog with warning badge in header.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-destructive-7","t":"Alert Dialog Destructive 7   Destructive with Item Count","d":"Destructive dialog displaying item count and warning box.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-form-1","t":"Alert Dialog Form 1   Single Input Dialog","d":"Alert dialog with single text input field.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-form-2","t":"Alert Dialog Form 2   Multiple Inputs Dialog","d":"Alert dialog with multiple input fields including textarea.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-form-3","t":"Alert Dialog Form 3   Form with Select","d":"Alert dialog with input and select dropdown fields.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-form-4","t":"Alert Dialog Form 4   Form with Description","d":"Alert dialog with input field and helper description text.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-form-5","t":"Alert Dialog Form 5   Form with Validation State","d":"Alert dialog with validation error state and disabled action.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnblocks:alert-dialog-alert-dialog-form-6","t":"Alert Dialog Form 6   Form with Radio Group","d":"Alert dialog with radio group for format selection.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnblocks:alert-dialog-alert-dialog-form-7","t":"Alert Dialog Form 7   Form with Checkboxes","d":"Alert dialog with checkbox list for notification preferences.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-informational-1","t":"Alert Dialog Informational 1   Simple Information Alert","d":"Informational alert dialog displaying system update notice.","s":"shadcnblocks","c":"overlays/dialog","tg":["minimal"],"sb":"Confirm","sy":["minimal"]},{"id":"shadcnblocks:alert-dialog-alert-dialog-informational-2","t":"Alert Dialog Informational 2   Information with Icon","d":"Informational dialog with info icon in header.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-informational-3","t":"Alert Dialog Informational 3   Information with Long Content","d":"Informational dialog with scrollable long content.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-informational-4","t":"Alert Dialog Informational 4   Information with Action Button","d":"Informational dialog with cancel and action buttons.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-informational-5","t":"Alert Dialog Informational 5   Information with Centered Icon","d":"Informational dialog with centered icon and keyboard shortcut.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-informational-6","t":"Alert Dialog Informational 6   Information with Status Badge","d":"Informational dialog with status badge in header.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-informational-7","t":"Alert Dialog Informational 7   Information with Highlighted Content","d":"Informational dialog with highlighted feature cards.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-success-1","t":"Alert Dialog Success 1   Simple Success Message","d":"Success alert dialog with positive confirmation message.","s":"shadcnblocks","c":"overlays/dialog","tg":["minimal"],"sb":"Confirm","sy":["minimal"]},{"id":"shadcnblocks:alert-dialog-alert-dialog-success-2","t":"Alert Dialog Success 2   Success with Icon","d":"Success dialog with checkmark icon in header.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-success-3","t":"Alert Dialog Success 3   Success with Centered Icon","d":"Success dialog with centered icon in colored circle.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-success-4","t":"Alert Dialog Success 4   Success with Next Steps","d":"Success dialog with numbered next steps list.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-success-5","t":"Alert Dialog Success 5   Success with Summary Details","d":"Success dialog with summary details in colored box.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-success-6","t":"Alert Dialog Success 6   Success with Multiple Actions","d":"Success dialog with cancel and action buttons.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-dialog-alert-dialog-success-7","t":"Alert Dialog Success 7   Success with Celebration","d":"Success dialog with celebration icon and achievement badge.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:alert-alert-error-1","t":"Alert Error 1   Error with Title","d":"Error alert with title only.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:alert-alert-error-2","t":"Alert Error 2   Error with Title and Description","d":"Error alert with title and description text.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:alert-alert-error-3","t":"Alert Error 3   Error with Title and Action","d":"Error alert with title and action buttons.","s":"shadcnblocks","c":"overlays/alert-banner","hc":1},{"id":"shadcnblocks:alert-alert-error-4","t":"Alert Error 4   Error with Title, Description, and Action","d":"Error alert with title, description, and action buttons.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:alert-alert-error-5","t":"Alert Error 5   Error with Everything","d":"Error alert with icon, title, description, and action buttons.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:alert-alert-info-1","t":"Alert Info 1   Info with Title","d":"Info alert with title only.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:alert-alert-info-2","t":"Alert Info 2   Info with Title and Description","d":"Info alert with title and description text.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:alert-alert-info-3","t":"Alert Info 3   Info with Title and Action","d":"Info alert with title and action buttons.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:alert-alert-info-4","t":"Alert Info 4   Info with Title, Description, and Action","d":"Info alert with title, description, and action buttons.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:alert-alert-info-5","t":"Alert Info 5   Info with Everything","d":"Info alert with icon, title, description, and action buttons.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:alert-alert-standard-1","t":"Alert Standard 1   Standard with Title","d":"Standard alert with title only.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:alert-alert-standard-2","t":"Alert Standard 2   Standard with Title and Description","d":"Standard alert with title and description text.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:alert-alert-standard-3","t":"Alert Standard 3   Standard with Title and Action","d":"Standard alert with title and action buttons.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:alert-alert-standard-4","t":"Alert Standard 4   Standard with Title, Description, and Action","d":"Standard alert with title, description, and action buttons.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:alert-alert-standard-5","t":"Alert Standard 5   Standard with Everything","d":"Standard alert with icon, title, description, and action buttons.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:alert-alert-success-1","t":"Alert Success 1   Success with Title","d":"Success alert with title only.","s":"shadcnblocks","c":"overlays/alert-banner","hc":1},{"id":"shadcnblocks:alert-alert-success-2","t":"Alert Success 2   Success with Title and Description","d":"Success alert with title and description text.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:alert-alert-success-3","t":"Alert Success 3   Success with Title and Action","d":"Success alert with title and action buttons.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:alert-alert-success-4","t":"Alert Success 4   Success with Title, Description, and Action","d":"Success alert with title, description, and action buttons.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:alert-alert-success-5","t":"Alert Success 5   Success with Everything","d":"Success alert with icon, title, description, and action buttons.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:alert-alert-warning-1","t":"Alert Warning 1   Warning with Title","d":"Warning alert with title only.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:alert-alert-warning-2","t":"Alert Warning 2   Warning with Title and Description","d":"Warning alert with title and description text.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:alert-alert-warning-3","t":"Alert Warning 3   Warning with Title and Action","d":"Warning alert with title and action buttons.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:alert-alert-warning-4","t":"Alert Warning 4   Warning with Title, Description, and Action","d":"Warning alert with title, description, and action buttons.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:alert-alert-warning-5","t":"Alert Warning 5   Warning with Everything","d":"Warning alert with icon, title, description, and action buttons.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:announcement-announcement-composition-1","t":"Announcement Composition 1   Full composition","d":"Themed announcement with tag, title, and link arrow icon in one compound layout.","k":"section","s":"shadcnblocks","c":"marketing/announcement","hc":1},{"id":"shadcnblocks:announcement-announcement-icon-1","t":"Announcement Icon 1   With icon","d":"AnnouncementTitle with a lucide icon inline before the message text.","k":"section","s":"shadcnblocks","c":"marketing/announcement","hc":1},{"id":"shadcnblocks:announcement-announcement-standard-1","t":"Announcement Standard 1   Standard badge","d":"Basic Announcement badge with plain text and default outline variant.","k":"section","s":"shadcnblocks","c":"marketing/announcement","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:announcement-announcement-tag-1","t":"Announcement Tag 1   With tag","d":"Announcement with an AnnouncementTag label prefix before the message text.","k":"section","s":"shadcnblocks","c":"marketing/announcement"},{"id":"shadcnblocks:announcement-announcement-themed-1","t":"Announcement Themed 1   Themed variant","d":"Announcement with the themed prop for foreground-aware styling.","k":"section","s":"shadcnblocks","c":"marketing/announcement"},{"id":"shadcnblocks:announcement-announcement-title-1","t":"Announcement Title 1   Tag and title","d":"Announcement combining AnnouncementTag and AnnouncementTitle sub-components.","k":"section","s":"shadcnblocks","c":"marketing/announcement"},{"id":"shadcnblocks:aspect-ratio-aspect-ratio-standard-1","t":"Aspect Ratio Standard 1   16:9 Aspect Ratio (Widescreen)","d":"Aspect ratio container with 16:9 widescreen ratio.","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:aspect-ratio-aspect-ratio-standard-2","t":"Aspect Ratio Standard 2   4:3 Aspect Ratio (Traditional)","d":"Aspect ratio container with 4:3 traditional ratio.","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:aspect-ratio-aspect-ratio-standard-3","t":"Aspect Ratio Standard 3   1:1 Aspect Ratio (Square)","d":"Aspect ratio container with 1:1 square ratio.","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:aspect-ratio-aspect-ratio-standard-4","t":"Aspect Ratio Standard 4   21:9 Aspect Ratio (Ultrawide)","d":"Aspect ratio container with 21:9 ultrawide ratio.","k":"section","s":"shadcnblocks","c":"marketing/marketing","hc":1},{"id":"shadcnblocks:aspect-ratio-aspect-ratio-standard-5","t":"Aspect Ratio Standard 5   3:2 Aspect Ratio (Photography)","d":"Aspect ratio container with 3:2 photography ratio.","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:aspect-ratio-aspect-ratio-standard-6","t":"Aspect Ratio Standard 6   9:16 Aspect Ratio (Vertical/Mobile)","d":"Aspect ratio container with 9:16 vertical mobile ratio.","k":"section","s":"shadcnblocks","c":"marketing/marketing","hc":1},{"id":"shadcnblocks:aspect-ratio-aspect-ratio-standard-7","t":"Aspect Ratio Standard 7   2:1 Aspect Ratio (Panoramic)","d":"Aspect ratio container with 2:1 panoramic ratio.","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:autocomplete-autocomplete-auto-highlight","t":"Autocomplete Auto Highlight   Auto highlight autocomplete","d":"Autocomplete that highlights the first filtered match as you type.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:autocomplete-autocomplete-basic","t":"Autocomplete Basic   Basic autocomplete","d":"Basic shadcn Combobox autocomplete with framework filtering.","s":"shadcnblocks","c":"inputs/combobox","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnblocks:autocomplete-autocomplete-city","t":"Autocomplete City   City autocomplete","d":"City autocomplete with clear button and typeahead filtering.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:autocomplete-autocomplete-country","t":"Autocomplete Country   Country autocomplete","d":"Country autocomplete with flag icons in each suggestion.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:autocomplete-autocomplete-custom-objects","t":"Autocomplete Custom Objects   Autocomplete with custom items","d":"Autocomplete using custom object items and itemToStringValue.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:autocomplete-autocomplete-default-value","t":"Autocomplete Default Value   Autocomplete with default value","d":"Autocomplete pre-filled with a default editor selection.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:autocomplete-autocomplete-disabled","t":"Autocomplete Disabled   Disabled autocomplete","d":"Disabled autocomplete input with a selected value.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:autocomplete-autocomplete-invalid","t":"Autocomplete Invalid   Invalid autocomplete","d":"Autocomplete in an invalid form field with aria-invalid styling.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:autocomplete-autocomplete-language","t":"Autocomplete Language   Language autocomplete","d":"Language autocomplete with language code badges in each suggestion.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:autocomplete-autocomplete-multi-select","t":"Autocomplete Multi Select   Multi select autocomplete","d":"Multiple selection autocomplete with removable chips and anchored popup.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:autocomplete-autocomplete-popup-trigger","t":"Autocomplete Popup Trigger   Popup trigger autocomplete","d":"Button-triggered autocomplete with search inside the popup.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:autocomplete-autocomplete-rich-items","t":"Autocomplete Rich Items   Rich item autocomplete","d":"Autocomplete with Item title and description in each suggestion.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:autocomplete-autocomplete-timezone-groups","t":"Autocomplete Timezone Groups   Grouped autocomplete","d":"Grouped timezone autocomplete with regional labels.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:autocomplete-autocomplete-with-clear","t":"Autocomplete With Clear   Autocomplete with clear","d":"Autocomplete with a clear button and default selection.","s":"shadcnblocks","c":"inputs/combobox","hc":1},{"id":"shadcnblocks:autocomplete-autocomplete-with-icon-addon","t":"Autocomplete With Icon Addon   Autocomplete with icon addon","d":"Autocomplete with a leading globe icon in the input group.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:avatar-group-avatar-group-animated-1","t":"Avatar Group Animated 1   Animated","d":"Avatar group with animation on hover.","s":"shadcnblocks","c":"data-display/avatar","hc":1},{"id":"shadcnblocks:avatar-group-avatar-group-border-1","t":"Avatar Group Border 1   With Borders","d":"Avatar group with border around each avatar.","s":"shadcnblocks","c":"data-display/avatar","hc":1},{"id":"shadcnblocks:avatar-group-avatar-group-loose-1","t":"Avatar Group Loose 1   Loose Spacing","d":"Avatar group with loose spacing between avatars.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-group-avatar-group-loose-border-1","t":"Avatar Group Loose Border 1   Loose Spacing with Borders","d":"Avatar group with loose spacing and borders.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-group-avatar-group-max-1","t":"Avatar Group Max 1   With Max Limit","d":"Avatar group with max limit showing overflow count.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-group-avatar-group-standard-1","t":"Avatar Group Standard 1   Default avatar group with overlapping circular avatars","d":"Default avatar group with overlapping circular avatars.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-group-avatar-group-tight-1","t":"Avatar Group Tight 1   Tight Spacing","d":"Avatar group with tight spacing between avatars.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-group-avatar-group-tight-border-1","t":"Avatar Group Tight Border 1   Tight Spacing with Borders","d":"Avatar group with tight spacing and borders.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-group-avatar-group-tooltip-1","t":"Avatar Group Tooltip 1   With Tooltips","d":"Avatar group with tooltips showing names on hover.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-stack-avatar-stack-animate-1","t":"Avatar Stack Animate 1   Animate on hover","d":"AvatarStack with the animate prop spreading avatars apart on hover.","s":"shadcnblocks","c":"data-display/avatar","hc":1},{"id":"shadcnblocks:avatar-stack-avatar-stack-compact-1","t":"Avatar Stack Compact 1   Compact stack","d":"Dense avatar stack using a 24px size prop with five participants.","s":"shadcnblocks","c":"data-display/avatar","hc":1},{"id":"shadcnblocks:avatar-stack-avatar-stack-composition-1","t":"Avatar Stack Composition 1   Stack with label","d":"AvatarStack paired with team name and member count label text.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-stack-avatar-stack-overflow-1","t":"Avatar Stack Overflow 1   Overflow badge","d":"Avatar stack showing four avatars with a +N overflow count badge.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-stack-avatar-stack-sizes-1","t":"Avatar Stack Sizes 1   Size variations","d":"AvatarStack with small, default, and large size prop values side by side.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-stack-avatar-stack-standard-1","t":"Avatar Stack Standard 1   Standard stack","d":"Basic overlapping stack of four shadcn Avatar components inside AvatarStack.","s":"shadcnblocks","c":"data-display/avatar","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:avatar-avatar-square-1","t":"Avatar Square 1   Avatar","d":"Avatar with rounded-lg corners instead of full circle.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-square-2","t":"Avatar Square 2   Avatar with Placeholder Initials","d":"Square avatar with placeholder initials fallback.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-square-3","t":"Avatar Square 3   Avatar with Placeholder Icon","d":"Square avatar with placeholder icon instead of image.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-square-4","t":"Avatar Square 4   Avatar with Online Indicator","d":"Square avatar with green online status indicator badge.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-square-5","t":"Avatar Square 5   Avatar with Offline Indicator","d":"Square avatar with gray offline status indicator badge.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-square-6","t":"Avatar Square 6   Avatar with Verification Check","d":"Square avatar with blue verification check badge.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-square-7","t":"Avatar Square 7   Avatar with Count Indicator","d":"Square avatar with red count indicator badge in top-right corner.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-standard-1","t":"Avatar Standard 1   Avatar","d":"Basic circular avatar with image and initials fallback.","s":"shadcnblocks","c":"data-display/avatar","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:avatar-avatar-standard-10","t":"Avatar Standard 10   Avatar Extra Large","d":"Extra large circular avatar with size-20 dimensions.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-standard-11","t":"Avatar Standard 11   Avatar with Border","d":"Circular avatar with primary-colored border.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-standard-12","t":"Avatar Standard 12   Avatar with Shadow","d":"Circular avatar with shadow-lg effect.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-standard-13","t":"Avatar Standard 13   Avatar with Gradient Fallback","d":"Circular avatar with gradient fallback background.","s":"shadcnblocks","c":"data-display/avatar","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:avatar-avatar-standard-14","t":"Avatar Standard 14   Avatar with Away Status","d":"Circular avatar with yellow away status indicator badge.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-standard-15","t":"Avatar Standard 15   Avatar with Busy Status","d":"Circular avatar with red busy status indicator badge.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-standard-16","t":"Avatar Standard 16   Avatar with Do Not Disturb","d":"Circular avatar with red do not disturb indicator badge.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-standard-17","t":"Avatar Standard 17   Avatar with Hover Effect","d":"Circular avatar with hover scale and shadow effects.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-standard-18","t":"Avatar Standard 18   Avatar with Loading State","d":"Circular avatar with loading spinner overlay.","s":"shadcnblocks","c":"data-display/avatar","hc":1},{"id":"shadcnblocks:avatar-avatar-standard-19","t":"Avatar Standard 19   Avatar with Badge Top Left","d":"Circular avatar with red count badge in top-left corner.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-standard-2","t":"Avatar Standard 2   Avatar with Placeholder Initials","d":"Circular avatar with placeholder initials fallback only.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-standard-20","t":"Avatar Standard 20   Avatar with Badge Bottom Left","d":"Circular avatar with red count badge in bottom-left corner.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-standard-21","t":"Avatar Standard 21   Avatar with Colored Border","d":"Circular avatar with blue colored border.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-standard-22","t":"Avatar Standard 22   Avatar with Multiple Badges","d":"Circular avatar with online indicator and count badge.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-standard-23","t":"Avatar Standard 23   Avatar with Tooltip","d":"Circular avatar wrapped in tooltip component.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-standard-24","t":"Avatar Standard 24   Avatar with Ring Animation","d":"Circular avatar with animated pulsing green ring.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-standard-25","t":"Avatar Standard 25   Avatar with Custom Colors","d":"Circular avatar with blue custom-colored fallback background.","s":"shadcnblocks","c":"data-display/avatar","hc":1},{"id":"shadcnblocks:avatar-avatar-standard-26","t":"Avatar Standard 26   Avatar with Glow Effect","d":"Circular avatar with primary-colored glow shadow effect.","s":"shadcnblocks","c":"data-display/avatar","tg":["neon"],"sy":["neon"]},{"id":"shadcnblocks:avatar-avatar-standard-27","t":"Avatar Standard 27   Avatar with Error State","d":"Circular avatar with destructive-colored error state fallback.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-standard-3","t":"Avatar Standard 3   Avatar with Placeholder Icon","d":"Circular avatar with placeholder icon instead of image.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-standard-4","t":"Avatar Standard 4   Avatar with Online Indicator","d":"Circular avatar with green online status indicator badge.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-standard-5","t":"Avatar Standard 5   Avatar with Offline Indicator","d":"Circular avatar with gray offline status indicator badge.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-standard-6","t":"Avatar Standard 6   Avatar with Verification Check","d":"Circular avatar with blue verification check badge.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-standard-7","t":"Avatar Standard 7   Avatar with Count Indicator","d":"Circular avatar with red count indicator badge in top-right corner.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-standard-8","t":"Avatar Standard 8   Avatar Small","d":"Small circular avatar with size-6 dimensions.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:avatar-avatar-standard-9","t":"Avatar Standard 9   Avatar Large","d":"Large circular avatar with size-12 dimensions.","s":"shadcnblocks","c":"data-display/avatar"},{"id":"shadcnblocks:badge-badge-customer-status-1","t":"Badge Customer Status 1   Status badges with icons","d":"Soft badges with an icon for an active, featured, or at-risk state.","s":"shadcnblocks","c":"data-display/badge","sb":"Status"},{"id":"shadcnblocks:badge-badge-destructive-1","t":"Badge Destructive 1   Badge with Text","d":"Destructive badge with text label.","s":"shadcnblocks","c":"data-display/badge"},{"id":"shadcnblocks:badge-badge-destructive-2","t":"Badge Destructive 2   Badge with Link","d":"Destructive badge with link.","s":"shadcnblocks","c":"data-display/badge"},{"id":"shadcnblocks:badge-badge-destructive-3","t":"Badge Destructive 3   Badge with Icon on Left","d":"Destructive badge with leading icon.","s":"shadcnblocks","c":"data-display/badge"},{"id":"shadcnblocks:badge-badge-destructive-4","t":"Badge Destructive 4   Badge with Icon on Right","d":"Destructive badge with trailing icon.","s":"shadcnblocks","c":"data-display/badge"},{"id":"shadcnblocks:badge-badge-destructive-5","t":"Badge Destructive 5   Circular Badge with Count","d":"Destructive circular badge with count.","s":"shadcnblocks","c":"data-display/badge","sb":"Counts"},{"id":"shadcnblocks:badge-badge-order-status-1","t":"Badge Order Status 1   Outcome badges with icons","d":"Soft badges with an icon for success, pending, and canceled states.","s":"shadcnblocks","c":"data-display/badge","sb":"Status"},{"id":"shadcnblocks:badge-badge-outline-1","t":"Badge Outline 1   Badge with Text","d":"Outline badge with text label.","s":"shadcnblocks","c":"data-display/badge"},{"id":"shadcnblocks:badge-badge-outline-2","t":"Badge Outline 2   Badge with Link","d":"Outline badge with link.","s":"shadcnblocks","c":"data-display/badge"},{"id":"shadcnblocks:badge-badge-outline-3","t":"Badge Outline 3   Badge with Icon on Left","d":"Outline badge with leading icon.","s":"shadcnblocks","c":"data-display/badge"},{"id":"shadcnblocks:badge-badge-outline-4","t":"Badge Outline 4   Badge with Icon on Right","d":"Outline badge with trailing icon.","s":"shadcnblocks","c":"data-display/badge"},{"id":"shadcnblocks:badge-badge-outline-5","t":"Badge Outline 5   Circular Badge with Count","d":"Outline circular badge with count.","s":"shadcnblocks","c":"data-display/badge","sb":"Counts","hc":1},{"id":"shadcnblocks:badge-badge-secondary-1","t":"Badge Secondary 1   Badge with Text","d":"Secondary badge with text label.","s":"shadcnblocks","c":"data-display/badge"},{"id":"shadcnblocks:badge-badge-secondary-2","t":"Badge Secondary 2   Badge with Link","d":"Secondary badge with link.","s":"shadcnblocks","c":"data-display/badge"},{"id":"shadcnblocks:badge-badge-secondary-3","t":"Badge Secondary 3   Badge with Icon on Left","d":"Secondary badge with leading icon.","s":"shadcnblocks","c":"data-display/badge"},{"id":"shadcnblocks:badge-badge-secondary-4","t":"Badge Secondary 4   Badge with Icon on Right","d":"Secondary badge with trailing icon.","s":"shadcnblocks","c":"data-display/badge"},{"id":"shadcnblocks:badge-badge-secondary-5","t":"Badge Secondary 5   Circular Badge with Count","d":"Secondary circular badge with count.","s":"shadcnblocks","c":"data-display/badge","sb":"Counts"},{"id":"shadcnblocks:badge-badge-standard-1","t":"Badge Standard 1   Badge with Text","d":"Default badge with text label.","s":"shadcnblocks","c":"data-display/badge","hc":1},{"id":"shadcnblocks:badge-badge-standard-2","t":"Badge Standard 2   Badge with Link","d":"Default badge containing a clickable link.","s":"shadcnblocks","c":"data-display/badge"},{"id":"shadcnblocks:badge-badge-standard-3","t":"Badge Standard 3   Badge with Icon on Left","d":"Default badge with icon positioned on the left.","s":"shadcnblocks","c":"data-display/badge"},{"id":"shadcnblocks:badge-badge-standard-4","t":"Badge Standard 4   Badge with Icon on Right","d":"Default badge with icon positioned on the right.","s":"shadcnblocks","c":"data-display/badge"},{"id":"shadcnblocks:badge-badge-standard-5","t":"Badge Standard 5   Circular Badge with Count","d":"Default circular badge displaying a numeric count.","s":"shadcnblocks","c":"data-display/badge","sb":"Counts"},{"id":"shadcnblocks:banner-banner-colors-1","t":"Banner Colors 1   Warning styling","d":"Banner with warning background and foreground color overrides.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner-banner-controlled-1","t":"Banner Controlled 1   Controlled visibility","d":"Banner visibility controlled with visible and onClose state.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner-banner-inset-1","t":"Banner Inset 1   Inset banner","d":"Rounded inset banner for placement inside cards or panels.","s":"shadcnblocks","c":"overlays/alert-banner"},{"id":"shadcnblocks:banner-banner-standard-1","t":"Banner Standard 1   Dismissible announcement","d":"Banner with icon, title, action, and close control.","s":"shadcnblocks","c":"overlays/alert-banner","hc":1},{"id":"shadcnblocks:bento-tile-bento-tile-countup-1","t":"Bento Tile Countup 1   Count up gauge tile","d":"Animated bento tile with radial gauge segments, beam lines, and count-up percentage displa","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","hc":1},{"id":"shadcnblocks:bento-tile-bento10-tile1","t":"Bento Tile Bento10 Tile 1   Ultra Visual Grid System","d":"Isolated ultra-visual grid system tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento10-tile2","t":"Bento Tile Bento10 Tile 2   Customizable Dashboards","d":"Isolated customizable dashboards tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento10-tile3","t":"Bento Tile Bento10 Tile 3   Answer any question with SQL","d":"Isolated answer any question with sql tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento10-tile4","t":"Bento Tile Bento10 Tile 4   Start collaborating together","d":"Isolated start collaborating together tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento11-tile1","t":"Bento Tile Bento11 Tile 1   Smart & intuitive UI that boosts user flow","d":"Isolated smart & intuitive ui that boosts user flow tile with scroll-triggered entrance mo","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento11-tile2","t":"Bento Tile Bento11 Tile 2   Clean layout that adapts to device","d":"Isolated clean layout that adapts to device tile with animated count-up metrics.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:bento-tile-bento11-tile3","t":"Bento Tile Bento11 Tile 3   Lightning fast performance","d":"Isolated lightning-fast performance tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento11-tile4","t":"Bento Tile Bento11 Tile 4   Minimal visual distraction","d":"Isolated minimal visual distraction tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:bento-tile-bento11-tile5","t":"Bento Tile Bento11 Tile 5   Built in flexibility for custom","d":"Isolated built-in flexibility for custom tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento12-tile1","t":"Bento Tile Bento12 Tile 1   Drag and drop layout control","d":"Isolated drag-and-drop layout control tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento12-tile2","t":"Bento Tile Bento12 Tile 2   Designed for both SaaS","d":"Isolated designed for both saas tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento12-tile3","t":"Bento Tile Bento12 Tile 3   Supports custom illustrations","d":"Isolated supports custom illustrations tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento12-tile4","t":"Bento Tile Bento12 Tile 4   Inverted caption bento with icon flow diagram tile 4","d":"Isolated inverted caption bento with icon flow diagram tile 4 tile with scroll-triggered e","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento13-tile1","t":"Bento Tile Bento13 Tile 1   Professional tone without crypto","d":"Isolated professional tone without crypto tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento13-tile2","t":"Bento Tile Bento13 Tile 2   Focused content blocks for better conversion","d":"Isolated focused content blocks for better conversion tile with scroll-triggered entrance ","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento13-tile3","t":"Bento Tile Bento13 Tile 3   Scannable content layout for quick decisions","d":"Isolated scannable content layout for quick decisions tile with scroll-triggered entrance ","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento13-tile4","t":"Bento Tile Bento13 Tile 4   Smooth spacing & typography","d":"Isolated smooth spacing & typography tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento14-tile1","t":"Bento Tile Bento14 Tile 1   Realistic Human Like Voices","d":"Isolated realistic human-like voices tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento14-tile2","t":"Bento Tile Bento14 Tile 2   Multiple Language Support","d":"Isolated multiple language support tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento14-tile3","t":"Bento Tile Bento14 Tile 3   Voice Customization & Tuning","d":"Isolated voice customization & tuning tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento14-tile4","t":"Bento Tile Bento14 Tile 4   Instant Voice Generation","d":"Isolated instant voice generation tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento15-tile1","t":"Bento Tile Bento15 Tile 1   Emotion Based Voice Delivery","d":"Isolated emotion-based voice delivery tile with animated count-up metrics.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento15-tile2","t":"Bento Tile Bento15 Tile 2   Script to Speech Automation","d":"Isolated script-to-speech automation tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento15-tile3","t":"Bento Tile Bento15 Tile 3   Multi Format Audio Export","d":"Isolated multi-format audio export tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento16-tile1","t":"Bento Tile Bento16 Tile 1   Character & Personality Voices","d":"Isolated character & personality voices tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento16-tile2","t":"Bento Tile Bento16 Tile 2   Voice Cloning Support","d":"Isolated voice cloning support tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento16-tile3","t":"Bento Tile Bento16 Tile 3   AI Script Enhancer","d":"Isolated ai script enhancer tile with animated count-up metrics.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento16-tile4","t":"Bento Tile Bento16 Tile 4   Team Workspace Collaboration","d":"Isolated team workspace collaboration tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento17-tile1","t":"Bento Tile Bento17 Tile 1   Voice Preview Comparison","d":"Isolated voice preview comparison tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento17-tile2","t":"Bento Tile Bento17 Tile 2   Brand Voice Library","d":"Isolated brand voice library tile with animated count-up metrics.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento17-tile3","t":"Bento Tile Bento17 Tile 3   Multilingual Voice Adaptation","d":"Isolated multilingual voice adaptation tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento17-tile4","t":"Bento Tile Bento17 Tile 4   Emotion Based Voice Control","d":"Isolated emotion-based voice control tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento18-tile1","t":"Bento Tile Bento18 Tile 1   AI powered data insights","d":"Isolated ai-powered data insights tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento18-tile2","t":"Bento Tile Bento18 Tile 2   Automated workflow processing","d":"Isolated automated workflow processing tile with animated count-up metrics.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento18-tile3","t":"Bento Tile Bento18 Tile 3   Predictive analytics forecasting","d":"Isolated predictive analytics forecasting tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento18-tile4","t":"Bento Tile Bento18 Tile 4   Real time performance monitoring","d":"Isolated real-time performance monitoring tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento19-tile1","t":"Bento Tile Bento19 Tile 1   Predictive performance","d":"Isolated predictive performance tile with framer-motion transitions.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["animated"],"sy":["animated"]},{"id":"shadcnblocks:bento-tile-bento19-tile2","t":"Bento Tile Bento19 Tile 2   Automated task optimization","d":"Isolated automated task optimization tile with container-query typography scaling.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento19-tile3","t":"Bento Tile Bento19 Tile 3   Smart decision support","d":"Isolated smart decision support tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento19-tile4","t":"Bento Tile Bento19 Tile 4   Intelligent data analysis","d":"Isolated intelligent data analysis tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento19-tile5","t":"Bento Tile Bento19 Tile 5   Adaptive AI learning system","d":"Isolated adaptive ai learning system tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento19-tile6","t":"Bento Tile Bento19 Tile 6   Anomaly detection alerts","d":"Isolated anomaly detection alerts tile with framer-motion transitions.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["animated"],"sy":["animated"]},{"id":"shadcnblocks:bento-tile-bento2-tile1","t":"Bento Tile Bento2 Tile 1   Stats overview bar chart","d":"Isolated stats overview bar chart tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","hc":1},{"id":"shadcnblocks:bento-tile-bento2-tile2","t":"Bento Tile Bento2 Tile 2   Automated progress reports","d":"Isolated automated progress reports tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento2-tile3","t":"Bento Tile Bento2 Tile 3   Task and deadline management","d":"Isolated task and deadline management tile with looping beam lines along SVG paths.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento2-tile4","t":"Bento Tile Bento2 Tile 4   Centralized project tracking","d":"Isolated centralized project tracking tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento20-tile1","t":"Bento Tile Bento20 Tile 1   Intelligent data analysis","d":"Isolated intelligent data analysis tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento20-tile2","t":"Bento Tile Bento20 Tile 2   Intelligent data analysis","d":"Isolated intelligent data analysis tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento20-tile3","t":"Bento Tile Bento20 Tile 3   Predictive performance","d":"Isolated predictive performance tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento21-tile1","t":"Bento Tile Bento21 Tile 1   High Conversion CTA Blocks","d":"Isolated high conversion cta blocks tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento21-tile2","t":"Bento Tile Bento21 Tile 2   Compliant data management","d":"Isolated compliant data management tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento21-tile3","t":"Bento Tile Bento21 Tile 3   Real time data monitoring","d":"Isolated real-time data monitoring tile with framer-motion transitions.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["animated"],"sy":["animated"]},{"id":"shadcnblocks:bento-tile-bento21-tile4","t":"Bento Tile Bento21 Tile 4   Make more profit with alqen","d":"Isolated make more profit with alqen tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento21-tile5","t":"Bento Tile Bento21 Tile 5   Leverage the Power of Ai","d":"Isolated leverage the power of ai tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento22-tile1","t":"Bento Tile Bento22 Tile 1   Intelligent Data Insights","d":"Isolated intelligent data insights tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento22-tile2","t":"Bento Tile Bento22 Tile 2   Intelligent Data Insights","d":"Isolated intelligent data insights tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento22-tile3","t":"Bento Tile Bento22 Tile 3   Predictive Analytics","d":"Isolated predictive analytics tile with animated count-up metrics.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento22-tile4","t":"Bento Tile Bento22 Tile 4   Automated Task Management","d":"Isolated automated task management tile with animated count-up metrics.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento22-tile5","t":"Bento Tile Bento22 Tile 5   Personalized Recommendations","d":"Isolated personalized recommendations tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento23-tile1","t":"Bento Tile Bento23 Tile 1   Context Aware AI Responses","d":"Isolated context-aware ai responses tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento23-tile2","t":"Bento Tile Bento23 Tile 2   Smart Resource Allocation","d":"Isolated smart resource allocation tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento23-tile3","t":"Bento Tile Bento23 Tile 3   Smart Resource Allocation","d":"Isolated smart resource allocation tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento23-tile4","t":"Bento Tile Bento23 Tile 4   Dark alternating bento with flipped captions tile 4","d":"Isolated dark alternating bento with flipped captions tile 4 tile with scroll-triggered en","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento24-tile1","t":"Bento Tile Bento24 Tile 1   Cross Platform Intelligence Sync","d":"Isolated cross-platform intelligence sync tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento24-tile2","t":"Bento Tile Bento24 Tile 2   Automated Trend Detection","d":"Isolated automated trend detection tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento24-tile3","t":"Bento Tile Bento24 Tile 3   AI Powered Decision Engine","d":"Isolated ai-powered decision engine tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento24-tile4","t":"Bento Tile Bento24 Tile 4   Instant Data Visualization","d":"Isolated instant data visualization tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento25-tile1","t":"Bento Tile Bento25 Tile 1   Data Driven Strategy Support","d":"Isolated data-driven strategy support tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento25-tile2","t":"Bento Tile Bento25 Tile 2   Data Driven Strategy Support","d":"Isolated data-driven strategy support tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento25-tile3","t":"Bento Tile Bento25 Tile 3   Instant Performance Benchmarking","d":"Isolated instant performance benchmarking tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento25-tile4","t":"Bento Tile Bento25 Tile 4   Personalized Recommendations","d":"Isolated personalized recommendations tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento26-tile1","t":"Bento Tile Bento26 Tile 1   Modular Block Layout","d":"Isolated modular block layout tile with animated count-up metrics.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento26-tile2","t":"Bento Tile Bento26 Tile 2   Drag and Drop Styling","d":"Isolated drag-and-drop styling tile with animated count-up metrics.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento26-tile3","t":"Bento Tile Bento26 Tile 3   Responsive Auto Fit","d":"Isolated responsive auto-fit tile with animated count-up metrics.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento26-tile4","t":"Bento Tile Bento26 Tile 4   Smart Adaptive Sizing","d":"Isolated smart adaptive sizing tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento27-tile1","t":"Bento Tile Bento27 Tile 1   Ultra Visual Grid System","d":"Isolated ultra-visual grid system tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento27-tile3","t":"Bento Tile Bento27 Tile 3   High Conversion CTA Blocks","d":"Isolated high conversion cta blocks tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento28-tile1","t":"Bento Tile Bento28 Tile 1   Performance Optimized Assets","d":"Isolated performance optimized assets tile with animated count-up metrics.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento28-tile2","t":"Bento Tile Bento28 Tile 2   Real Time Preview Editing","d":"Isolated real-time preview editing tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento28-tile3","t":"Bento Tile Bento28 Tile 3   Multi Content Attachment Support","d":"Isolated multi-content attachment support tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento28-tile4","t":"Bento Tile Bento28 Tile 4   Brand Adaptable Typography","d":"Isolated brand adaptable typography tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento29-tile1","t":"Bento Tile Bento29 Tile 1   Modular grid based UI blocks","d":"Isolated modular grid-based ui blocks tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento29-tile3","t":"Bento Tile Bento29 Tile 3   Auto responsive scaling screens","d":"Isolated auto-responsive scaling screens tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento29-tile4","t":"Bento Tile Bento29 Tile 4   Pre styled visual variants for fast setup","d":"Isolated pre-styled visual variants for fast setup tile with scroll-triggered entrance mot","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento3-tile1","t":"Bento Tile Bento3 Tile 1   Four tile value proposition bento tile 1","d":"Isolated four-tile value proposition bento tile 1 tile with animated count-up metrics.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento3-tile2","t":"Bento Tile Bento3 Tile 2   Four tile value proposition bento tile 2","d":"Isolated four-tile value proposition bento tile 2 tile with scroll-triggered entrance moti","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento3-tile3","t":"Bento Tile Bento3 Tile 3   Four tile value proposition bento tile 3","d":"Isolated four-tile value proposition bento tile 3 tile with framer-motion transitions.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["animated"],"sy":["animated"]},{"id":"shadcnblocks:bento-tile-bento3-tile4","t":"Bento Tile Bento3 Tile 4   Four tile value proposition bento tile 4","d":"Isolated four-tile value proposition bento tile 4 tile with looping beam lines along SVG p","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento30-tile1","t":"Bento Tile Bento30 Tile 1   Video consultations","d":"Isolated video consultations tile with animated count-up metrics.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento30-tile2","t":"Bento Tile Bento30 Tile 2   Video consultations","d":"Isolated video consultations tile with framer-motion transitions.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["animated"],"sy":["animated"]},{"id":"shadcnblocks:bento-tile-bento30-tile4","t":"Bento Tile Bento30 Tile 4   Health monitoring","d":"Isolated health monitoring tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento30-tile5","t":"Bento Tile Bento30 Tile 5   Healthcare bento with stat counters tile 5","d":"Isolated healthcare bento with stat counters tile 5 tile with scroll-triggered entrance mo","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento31-tile1","t":"Bento Tile Bento31 Tile 1   Appointment scheduling","d":"Isolated appointment scheduling tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento31-tile2","t":"Bento Tile Bento31 Tile 2   Health","d":"Isolated health tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento31-tile3","t":"Bento Tile Bento31 Tile 3   Health","d":"Isolated health tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento31-tile4","t":"Bento Tile Bento31 Tile 4   Health","d":"Isolated health tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento31-tile5","t":"Bento Tile Bento31 Tile 5   Healthcare bento with report tiles tile 5","d":"Isolated healthcare bento with report tiles tile 5 tile with scroll-triggered entrance mot","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento32-tile1","t":"Bento Tile Bento32 Tile 1   Captionless product bento mosaic tile 1","d":"Isolated captionless product bento mosaic tile 1 tile with scroll-triggered entrance motio","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento32-tile2","t":"Bento Tile Bento32 Tile 2   Captionless product bento mosaic tile 2","d":"Isolated captionless product bento mosaic tile 2 tile with scroll-triggered entrance motio","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento32-tile3","t":"Bento Tile Bento32 Tile 3   Captionless product bento mosaic tile 3","d":"Isolated captionless product bento mosaic tile 3 tile with animated count-up metrics.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento32-tile4","t":"Bento Tile Bento32 Tile 4   Captionless product bento mosaic tile 4","d":"Isolated captionless product bento mosaic tile 4 tile with framer-motion transitions.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["animated"],"sy":["animated"]},{"id":"shadcnblocks:bento-tile-bento33-tile1","t":"Bento Tile Bento33 Tile 1   Complex pricing and promo bento tile 1","d":"Isolated complex pricing and promo bento tile 1 tile with scroll-triggered entrance motion","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento33-tile2","t":"Bento Tile Bento33 Tile 2   Complex pricing and promo bento tile 2","d":"Isolated complex pricing and promo bento tile 2 tile with scroll-triggered entrance motion","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento33-tile3","t":"Bento Tile Bento33 Tile 3   Complex pricing and promo bento tile 3","d":"Isolated complex pricing and promo bento tile 3 tile with scroll-triggered entrance motion","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento33-tile4","t":"Bento Tile Bento33 Tile 4   Complex pricing and promo bento tile 4","d":"Isolated complex pricing and promo bento tile 4 tile with scroll-triggered entrance motion","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento33-tile5","t":"Bento Tile Bento33 Tile 5   Complex pricing and promo bento tile 5","d":"Isolated complex pricing and promo bento tile 5 tile with scroll-triggered entrance motion","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento33-tile6","t":"Bento Tile Bento33 Tile 6   Complex pricing and promo bento tile 6","d":"Isolated complex pricing and promo bento tile 6 tile with scroll-triggered entrance motion","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento33-tile7","t":"Bento Tile Bento33 Tile 7   Complex pricing and promo bento tile 7","d":"Isolated complex pricing and promo bento tile 7 tile with animated count-up metrics.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento33-tile8","t":"Bento Tile Bento33 Tile 8   Complex pricing and promo bento tile 8","d":"Isolated complex pricing and promo bento tile 8 tile with scroll-triggered entrance motion","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento33-tile9","t":"Bento Tile Bento33 Tile 9   Complex pricing and promo bento tile 9","d":"Isolated complex pricing and promo bento tile 9 tile with scroll-triggered entrance motion","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento34-tile1","t":"Bento Tile Bento34 Tile 1   Automated background checks","d":"Isolated automated background checks tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento34-tile2","t":"Bento Tile Bento34 Tile 2   Voice &amp; text forensics","d":"Isolated voice & text forensics tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento34-tile3","t":"Bento Tile Bento34 Tile 3   AI Driven legal assistance","d":"Isolated ai-driven legal assistance tile with framer-motion transitions.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["animated"],"sy":["animated"]},{"id":"shadcnblocks:bento-tile-bento34-tile4","t":"Bento Tile Bento34 Tile 4   AI Driven legal assistance","d":"Isolated ai-driven legal assistance tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento34-tile5","t":"Bento Tile Bento34 Tile 5   Cybercrime &amp; fraud detection","d":"Isolated cybercrime & fraud detection tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["neon"],"sy":["neon"]},{"id":"shadcnblocks:bento-tile-bento34-tile6","t":"Bento Tile Bento34 Tile 6   Investigation services bento collage tile 6","d":"Isolated investigation services bento collage tile 6 tile with container-query typography ","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento34-tile7","t":"Bento Tile Bento34 Tile 7   Investigation services bento collage tile 7","d":"Isolated investigation services bento collage tile 7 tile with scroll-triggered entrance m","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento35-tile1","t":"Bento Tile Bento35 Tile 1   Color use","d":"Isolated color use tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento35-tile2","t":"Bento Tile Bento35 Tile 2   Color use","d":"Isolated color use tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento35-tile4","t":"Bento Tile Bento35 Tile 4   Color use","d":"Isolated color use tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento35-tile5","t":"Bento Tile Bento35 Tile 5   Color use","d":"Isolated color use tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento35-tile6","t":"Bento Tile Bento35 Tile 6   Color use","d":"Isolated color use tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento35-tile7","t":"Bento Tile Bento35 Tile 7   Dark headphone product bento tile 7","d":"Isolated dark headphone product bento tile 7 tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento36-tile1","t":"Bento Tile Bento36 Tile 1   Dark editorial product bento tile 1","d":"Isolated dark editorial product bento tile 1 tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento36-tile2","t":"Bento Tile Bento36 Tile 2   Dark editorial product bento tile 2","d":"Isolated dark editorial product bento tile 2 tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento36-tile3","t":"Bento Tile Bento36 Tile 3   Dark editorial product bento tile 3","d":"Isolated dark editorial product bento tile 3 tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento36-tile4","t":"Bento Tile Bento36 Tile 4   Dark editorial product bento tile 4","d":"Isolated dark editorial product bento tile 4 tile with container-query typography scaling.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento36-tile5","t":"Bento Tile Bento36 Tile 5   Dark editorial product bento tile 5","d":"Isolated dark editorial product bento tile 5 tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento36-tile6","t":"Bento Tile Bento36 Tile 6   Dark editorial product bento tile 6","d":"Isolated dark editorial product bento tile 6 tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento36-tile7","t":"Bento Tile Bento36 Tile 7   Dark editorial product bento tile 7","d":"Isolated dark editorial product bento tile 7 tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento37-tile1","t":"Bento Tile Bento37 Tile 1   Dark split showcase bento tile 1","d":"Isolated dark split showcase bento tile 1 tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento37-tile2","t":"Bento Tile Bento37 Tile 2   Dark split showcase bento tile 2","d":"Isolated dark split showcase bento tile 2 tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento37-tile3","t":"Bento Tile Bento37 Tile 3   Dark split showcase bento tile 3","d":"Isolated dark split showcase bento tile 3 tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento37-tile4","t":"Bento Tile Bento37 Tile 4   Dark split showcase bento tile 4","d":"Isolated dark split showcase bento tile 4 tile with background imagery.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento37-tile5","t":"Bento Tile Bento37 Tile 5   Dark split showcase bento tile 5","d":"Isolated dark split showcase bento tile 5 tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento38-tile1","t":"Bento Tile Bento38 Tile 1   Editorial fashion bento collage tile 1","d":"Isolated editorial fashion bento collage tile 1 tile with scroll-triggered entrance motion","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento38-tile2","t":"Bento Tile Bento38 Tile 2   Editorial fashion bento collage tile 2","d":"Isolated editorial fashion bento collage tile 2 tile with scroll-triggered entrance motion","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento38-tile3","t":"Bento Tile Bento38 Tile 3   Editorial fashion bento collage tile 3","d":"Isolated editorial fashion bento collage tile 3 tile with scroll-triggered entrance motion","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento38-tile4","t":"Bento Tile Bento38 Tile 4   Editorial fashion bento collage tile 4","d":"Isolated editorial fashion bento collage tile 4 tile with background imagery.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento38-tile5","t":"Bento Tile Bento38 Tile 5   Editorial fashion bento collage tile 5","d":"Isolated editorial fashion bento collage tile 5 tile with scroll-triggered entrance motion","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento38-tile6","t":"Bento Tile Bento38 Tile 6   Editorial fashion bento collage tile 6","d":"Isolated editorial fashion bento collage tile 6 tile with scroll-triggered entrance motion","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento39-tile2","t":"Bento Tile Bento39 Tile 2   Analytics dashboard bento with charts tile 2","d":"Isolated analytics dashboard bento with charts tile 2 tile with scroll-triggered entrance ","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento39-tile4","t":"Bento Tile Bento39 Tile 4   Analytics dashboard bento with charts tile 4","d":"Isolated analytics dashboard bento with charts tile 4 tile with scroll-triggered entrance ","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento39-tile6","t":"Bento Tile Bento39 Tile 6   Analytics dashboard bento with charts tile 6","d":"Isolated analytics dashboard bento with charts tile 6 tile with animated count-up metrics.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento39-tile7","t":"Bento Tile Bento39 Tile 7   Analytics dashboard bento with charts tile 7","d":"Isolated analytics dashboard bento with charts tile 7 tile with animated count-up metrics.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento39-tile8","t":"Bento Tile Bento39 Tile 8   Analytics dashboard bento with charts tile 8","d":"Isolated analytics dashboard bento with charts tile 8 tile with scroll-triggered entrance ","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento4-tile1","t":"Bento Tile Bento4 Tile 1   Intelligent data analysis","d":"Isolated intelligent data analysis tile with looping beam lines along SVG paths.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento4-tile2","t":"Bento Tile Bento4 Tile 2   Smart decision recommendations","d":"Isolated smart decision recommendations tile with a scrubbing playhead across chart bars.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento40-tile1","t":"Bento Tile Bento40 Tile 1   AI voice bento with keyboard and auth tile 1","d":"Isolated ai voice bento with keyboard and auth tile 1 tile with scroll-triggered entrance ","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento40-tile2","t":"Bento Tile Bento40 Tile 2   AI voice bento with keyboard and auth tile 2","d":"Isolated ai voice bento with keyboard and auth tile 2 tile with scroll-triggered entrance ","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento40-tile3","t":"Bento Tile Bento40 Tile 3   AI voice bento with keyboard and auth tile 3","d":"Isolated ai voice bento with keyboard and auth tile 3 tile with scroll-triggered entrance ","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento40-tile4","t":"Bento Tile Bento40 Tile 4   AI voice bento with keyboard and auth tile 4","d":"Isolated ai voice bento with keyboard and auth tile 4 tile with scroll-triggered entrance ","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento40-tile5","t":"Bento Tile Bento40 Tile 5   AI voice bento with keyboard and auth tile 5","d":"Isolated ai voice bento with keyboard and auth tile 5 tile with scroll-triggered entrance ","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento41-tile1","t":"Bento Tile Bento41 Tile 1   Developer productivity bento with sidebar CTA tile 1","d":"Isolated developer productivity bento with sidebar cta tile 1 tile with scroll-triggered e","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento41-tile2","t":"Bento Tile Bento41 Tile 2   Developer productivity bento with sidebar CTA tile 2","d":"Isolated developer productivity bento with sidebar cta tile 2 tile with scroll-triggered e","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento41-tile3","t":"Bento Tile Bento41 Tile 3   Developer productivity bento with sidebar CTA tile 3","d":"Isolated developer productivity bento with sidebar cta tile 3 tile with scroll-triggered e","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento41-tile4","t":"Bento Tile Bento41 Tile 4   Developer productivity bento with sidebar CTA tile 4","d":"Isolated developer productivity bento with sidebar cta tile 4 tile with scroll-triggered e","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento41-tile5","t":"Bento Tile Bento41 Tile 5   Developer productivity bento with sidebar CTA tile 5","d":"Isolated developer productivity bento with sidebar cta tile 5 tile with scroll-triggered e","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento42-tile1","t":"Bento Tile Bento42 Tile 1   Task management feature bento grid tile 1","d":"Isolated task management feature bento grid tile 1 tile with scroll-triggered entrance mot","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento42-tile2","t":"Bento Tile Bento42 Tile 2   Task management feature bento grid tile 2","d":"Isolated task management feature bento grid tile 2 tile with scroll-triggered entrance mot","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento42-tile3","t":"Bento Tile Bento42 Tile 3   Task management feature bento grid tile 3","d":"Isolated task management feature bento grid tile 3 tile with scroll-triggered entrance mot","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento42-tile4","t":"Bento Tile Bento42 Tile 4   Task management feature bento grid tile 4","d":"Isolated task management feature bento grid tile 4 tile with scroll-triggered entrance mot","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento43-tile1","t":"Bento Tile Bento43 Tile 1   AI platform bento with integration hub tile 1","d":"Isolated ai platform bento with integration hub tile 1 tile with scroll-triggered entrance","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento43-tile2","t":"Bento Tile Bento43 Tile 2   AI platform bento with integration hub tile 2","d":"Isolated ai platform bento with integration hub tile 2 tile with scroll-triggered entrance","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento43-tile3","t":"Bento Tile Bento43 Tile 3   AI platform bento with integration hub tile 3","d":"Isolated ai platform bento with integration hub tile 3 tile with scroll-triggered entrance","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento43-tile4","t":"Bento Tile Bento43 Tile 4   AI platform bento with integration hub tile 4","d":"Isolated ai platform bento with integration hub tile 4 tile with scroll-triggered entrance","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento44-tile1","t":"Bento Tile Bento44 Tile 1   Mobile collaboration bento with world map tile 1","d":"Isolated mobile collaboration bento with world map tile 1 tile with scroll-triggered entra","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento44-tile2","t":"Bento Tile Bento44 Tile 2   Labeled AI feature bento grid tile 2","d":"Isolated labeled ai feature bento grid tile 2 tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento44-tile3","t":"Bento Tile Bento44 Tile 3   Mobile collaboration bento with world map tile 3","d":"Isolated mobile collaboration bento with world map tile 3 tile with scroll-triggered entra","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento44-tile4","t":"Bento Tile Bento44 Tile 4   Mobile collaboration bento with world map tile 4","d":"Isolated mobile collaboration bento with world map tile 4 tile with scroll-triggered entra","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento45-tile1","t":"Bento Tile Bento45 Tile 1   SaaS fintech bento with trading widget tile 1","d":"Isolated saas fintech bento with trading widget tile 1 tile with scroll-triggered entrance","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento45-tile2","t":"Bento Tile Bento45 Tile 2   SaaS fintech bento with trading widget tile 2","d":"Isolated saas fintech bento with trading widget tile 2 tile with scroll-triggered entrance","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento45-tile3","t":"Bento Tile Bento45 Tile 3   SaaS fintech bento with trading widget tile 3","d":"Isolated saas fintech bento with trading widget tile 3 tile with scroll-triggered entrance","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento45-tile4","t":"Bento Tile Bento45 Tile 4   SaaS fintech bento with trading widget tile 4","d":"Isolated saas fintech bento with trading widget tile 4 tile with scroll-triggered entrance","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento45-tile5","t":"Bento Tile Bento45 Tile 5   SaaS fintech bento with trading widget tile 5","d":"Isolated saas fintech bento with trading widget tile 5 tile with scroll-triggered entrance","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento46-tile1","t":"Bento Tile Bento46 Tile 1   AI chat and data pipeline bento tile 1","d":"Isolated ai chat and data pipeline bento tile 1 tile with scroll-triggered entrance motion","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento46-tile2","t":"Bento Tile Bento46 Tile 2   AI chat and data pipeline bento tile 2","d":"Isolated ai chat and data pipeline bento tile 2 tile with framer-motion transitions.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["animated"],"sy":["animated"]},{"id":"shadcnblocks:bento-tile-bento46-tile3","t":"Bento Tile Bento46 Tile 3   AI chat and data pipeline bento tile 3","d":"Isolated ai chat and data pipeline bento tile 3 tile with container-query typography scali","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento46-tile4","t":"Bento Tile Bento46 Tile 4   AI chat and data pipeline bento tile 4","d":"Isolated ai chat and data pipeline bento tile 4 tile with scroll-triggered entrance motion","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento48-tile1","t":"Bento Tile Bento48 Tile 1   Light feature bento with UI screenshots tile 1","d":"Isolated light feature bento with ui screenshots tile 1 tile with scroll-triggered entranc","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento48-tile2","t":"Bento Tile Bento48 Tile 2   Light feature bento with UI screenshots tile 2","d":"Isolated light feature bento with ui screenshots tile 2 tile with scroll-triggered entranc","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento48-tile3","t":"Bento Tile Bento48 Tile 3   Light feature bento with UI screenshots tile 3","d":"Isolated light feature bento with ui screenshots tile 3 tile with scroll-triggered entranc","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento48-tile4","t":"Bento Tile Bento48 Tile 4   Light feature bento with UI screenshots tile 4","d":"Isolated light feature bento with ui screenshots tile 4 tile with scroll-triggered entranc","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento49-tile1","t":"Bento Tile Bento49 Tile 1   AI analytics bento with radial chart tile 1","d":"Isolated ai analytics bento with radial chart tile 1 tile with scroll-triggered entrance m","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento49-tile2","t":"Bento Tile Bento49 Tile 2   AI analytics bento with radial chart tile 2","d":"Isolated ai analytics bento with radial chart tile 2 tile with scroll-triggered entrance m","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento49-tile3","t":"Bento Tile Bento49 Tile 3   AI analytics bento with radial chart tile 3","d":"Isolated ai analytics bento with radial chart tile 3 tile with scroll-triggered entrance m","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento5-tile1","t":"Bento Tile Bento5 Tile 1   Healthcare feature bento grid tile 1","d":"Isolated healthcare feature bento grid tile 1 tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento5-tile2","t":"Bento Tile Bento5 Tile 2   Healthcare feature bento grid tile 2","d":"Isolated healthcare feature bento grid tile 2 tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento5-tile3","t":"Bento Tile Bento5 Tile 3   Healthcare feature bento grid tile 3","d":"Isolated healthcare feature bento grid tile 3 tile with background imagery.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento5-tile4","t":"Bento Tile Bento5 Tile 4   Healthcare feature bento grid tile 4","d":"Isolated healthcare feature bento grid tile 4 tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento5-tile5","t":"Bento Tile Bento5 Tile 5   Healthcare feature bento grid tile 5","d":"Isolated healthcare feature bento grid tile 5 tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento50-tile1","t":"Bento Tile Bento50 Tile 1   Asymmetric light marketing bento tile 1","d":"Isolated asymmetric light marketing bento tile 1 tile with scroll-triggered entrance motio","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento50-tile2","t":"Bento Tile Bento50 Tile 2   Asymmetric light marketing bento tile 2","d":"Isolated asymmetric light marketing bento tile 2 tile with scroll-triggered entrance motio","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento50-tile3","t":"Bento Tile Bento50 Tile 3   Asymmetric light marketing bento tile 3","d":"Isolated asymmetric light marketing bento tile 3 tile with scroll-triggered entrance motio","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento50-tile4","t":"Bento Tile Bento50 Tile 4   Asymmetric light marketing bento tile 4","d":"Isolated asymmetric light marketing bento tile 4 tile with scroll-triggered entrance motio","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento51-tile1","t":"Bento Tile Bento51 Tile 1   Six card analytics feature bento tile 1","d":"Isolated six-card analytics feature bento tile 1 tile with scroll-triggered entrance motio","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento51-tile2","t":"Bento Tile Bento51 Tile 2   Six card analytics feature bento tile 2","d":"Isolated six-card analytics feature bento tile 2 tile with scroll-triggered entrance motio","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento51-tile3","t":"Bento Tile Bento51 Tile 3   Six card analytics feature bento tile 3","d":"Isolated six-card analytics feature bento tile 3 tile with scroll-triggered entrance motio","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento51-tile4","t":"Bento Tile Bento51 Tile 4   Six card analytics feature bento tile 4","d":"Isolated six-card analytics feature bento tile 4 tile with scroll-triggered entrance motio","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento51-tile5","t":"Bento Tile Bento51 Tile 5   Six card analytics feature bento tile 5","d":"Isolated six-card analytics feature bento tile 5 tile with scroll-triggered entrance motio","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento51-tile6","t":"Bento Tile Bento51 Tile 6   Six card analytics feature bento tile 6","d":"Isolated six-card analytics feature bento tile 6 tile with scroll-triggered entrance motio","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento52-tile1","t":"Bento Tile Bento52 Tile 1   Compact dark feature bento tile 1","d":"Isolated compact dark feature bento tile 1 tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento52-tile2","t":"Bento Tile Bento52 Tile 2   Compact dark feature bento tile 2","d":"Isolated compact dark feature bento tile 2 tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento52-tile3","t":"Bento Tile Bento52 Tile 3   Compact dark feature bento tile 3","d":"Isolated compact dark feature bento tile 3 tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento52-tile4","t":"Bento Tile Bento52 Tile 4   Compact dark feature bento tile 4","d":"Isolated compact dark feature bento tile 4 tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento52-tile5","t":"Bento Tile Bento52 Tile 5   Compact dark feature bento tile 5","d":"Isolated compact dark feature bento tile 5 tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento53-tile1","t":"Bento Tile Bento53 Tile 1   Web3 developer bento with marquees tile 1","d":"Isolated web3 developer bento with marquees tile 1 tile with framer-motion transitions.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["animated"],"sy":["animated"]},{"id":"shadcnblocks:bento-tile-bento53-tile2","t":"Bento Tile Bento53 Tile 2   Web3 developer bento with marquees tile 2","d":"Isolated web3 developer bento with marquees tile 2 tile with framer-motion transitions.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["animated"],"sy":["animated"]},{"id":"shadcnblocks:bento-tile-bento53-tile3","t":"Bento Tile Bento53 Tile 3   Web3 developer bento with marquees tile 3","d":"Isolated web3 developer bento with marquees tile 3 tile with scroll-triggered entrance mot","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento53-tile4","t":"Bento Tile Bento53 Tile 4   Web3 developer bento with marquees tile 4","d":"Isolated web3 developer bento with marquees tile 4 tile with scroll-triggered entrance mot","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento53-tile5","t":"Bento Tile Bento53 Tile 5   Web3 developer bento with marquees tile 5","d":"Isolated web3 developer bento with marquees tile 5 tile with scroll-triggered entrance mot","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento54-tile1","t":"Bento Tile Bento54 Tile 1   Enterprise finance bento with timeline tile 1","d":"Isolated enterprise finance bento with timeline tile 1 tile with scroll-triggered entrance","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento54-tile2","t":"Bento Tile Bento54 Tile 2   Enterprise finance bento with timeline tile 2","d":"Isolated enterprise finance bento with timeline tile 2 tile with scroll-triggered entrance","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento54-tile3","t":"Bento Tile Bento54 Tile 3   Enterprise finance bento with timeline tile 3","d":"Isolated enterprise finance bento with timeline tile 3 tile with scroll-triggered entrance","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento54-tile4","t":"Bento Tile Bento54 Tile 4   Enterprise finance bento with timeline tile 4","d":"Isolated enterprise finance bento with timeline tile 4 tile with scroll-triggered entrance","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento54-tile5","t":"Bento Tile Bento54 Tile 5   Enterprise finance bento with timeline tile 5","d":"Isolated enterprise finance bento with timeline tile 5 tile with scroll-triggered entrance","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento6-tile1","t":"Bento Tile Bento6 Tile 1   Scalable enterprise tools","d":"Isolated scalable enterprise tools tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento6-tile2","t":"Bento Tile Bento6 Tile 2   Real time data analytics","d":"Isolated real-time data analytics tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento6-tile3","t":"Bento Tile Bento6 Tile 3   AI driven business intelligence","d":"Isolated ai-driven business intelligence tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento6-tile4","t":"Bento Tile Bento6 Tile 4   Financial and project management","d":"Isolated financial and project management tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento7-tile1","t":"Bento Tile Bento7 Tile 1   Build and document","d":"Isolated build and document tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento7-tile2","t":"Bento Tile Bento7 Tile 2   Build and document","d":"Isolated build and document tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento7-tile3","t":"Bento Tile Bento7 Tile 3   Light bento with AI chat and model picker tile 3","d":"Isolated light bento with ai chat and model picker tile 3 tile with scroll-triggered entra","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento8-tile1","t":"Bento Tile Bento8 Tile 1   Build and document","d":"Isolated build and document tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento8-tile3","t":"Bento Tile Bento8 Tile 3   Decision Recommendations","d":"Isolated decision recommendations tile with animated count-up metrics.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento9-tile1","t":"Bento Tile Bento9 Tile 1   Text based chatbot","d":"Isolated text-based chatbot tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento9-tile2","t":"Bento Tile Bento9 Tile 2   End to end encryption","d":"Isolated end-to-end encryption tile with animated count-up metrics.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento9-tile4","t":"Bento Tile Bento9 Tile 4   Context aware suggestions","d":"Isolated context-aware suggestions tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid"},{"id":"shadcnblocks:bento-tile-bento9-tile5","t":"Bento Tile Bento9 Tile 5   Simple command processing","d":"Isolated simple command processing tile with scroll-triggered entrance motion.","k":"layout","s":"shadcnblocks","c":"layout/bento-grid","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:border-button-border-button-basic","t":"Border Button Basic   With animated border","d":"Button with animated border highlight effect.","s":"shadcnblocks","c":"actions/button","tg":["minimal"],"sb":"Animated","sy":["minimal"],"hc":1},{"id":"shadcnblocks:border-button-border-button-corner-1","t":"Border Button Corner 1   Corner L","d":"Classic L-shaped bracket on each corner.","s":"shadcnblocks","c":"actions/button","sb":"Animated","hc":1},{"id":"shadcnblocks:border-button-border-button-corner-2","t":"Border Button Corner 2   Corner Plus","d":"Plus symbol centered in each corner accent.","s":"shadcnblocks","c":"actions/button","sb":"Animated"},{"id":"shadcnblocks:border-button-border-button-corner-3","t":"Border Button Corner 3   Corner Square","d":"Small square frame inset in each corner.","s":"shadcnblocks","c":"actions/button","sb":"Animated"},{"id":"shadcnblocks:border-button-border-button-corner-4","t":"Border Button Corner 4   Corner Double","d":"Parallel double-line L brackets anchored on the corner, extending outward.","s":"shadcnblocks","c":"actions/button","sb":"Animated"},{"id":"shadcnblocks:border-button-border-button-corner-5","t":"Border Button Corner 5   Corner Dot","d":"Filled dot centered on the corner with short arms extending outward.","s":"shadcnblocks","c":"actions/button","sb":"Animated"},{"id":"shadcnblocks:border-button-border-button-moving-1","t":"Border Button Moving 1   Moving Spin","d":"Full rainbow conic gradient rotating continuously around the button border.","s":"shadcnblocks","c":"actions/button","tg":["gradient"],"sb":"Animated","sy":["gradient"]},{"id":"shadcnblocks:border-button-border-button-moving-10","t":"Border Button Moving 10   Moving Ping","d":"Expanding ripple rings pulsing outward from the border.","s":"shadcnblocks","c":"actions/button","sb":"Animated"},{"id":"shadcnblocks:border-button-border-button-moving-11","t":"Border Button Moving 11   Moving Dual Beam","d":"Two gradient beams chasing opposite sides.","s":"shadcnblocks","c":"actions/button","tg":["gradient"],"sb":"Animated","sy":["gradient"]},{"id":"shadcnblocks:border-button-border-button-moving-12","t":"Border Button Moving 12   Moving Wave","d":"Color wave rotating through the border gradient.","s":"shadcnblocks","c":"actions/button","tg":["gradient"],"sb":"Animated","sy":["gradient"]},{"id":"shadcnblocks:border-button-border-button-moving-2","t":"Border Button Moving 2   Moving Beam","d":"A single bright gradient beam chasing quickly around the border.","s":"shadcnblocks","c":"actions/button","tg":["gradient"],"sb":"Animated","sy":["gradient"]},{"id":"shadcnblocks:border-button-border-button-moving-3","t":"Border Button Moving 3   Moving Pulse","d":"Gradient border ring that breathes with a pulsing scale and opacity.","s":"shadcnblocks","c":"actions/button","tg":["gradient"],"sb":"Animated","sy":["gradient"]},{"id":"shadcnblocks:border-button-border-button-moving-4","t":"Border Button Moving 4   Moving Shimmer","d":"Diagonal light sweep sliding across the border surface.","s":"shadcnblocks","c":"actions/button","sb":"Animated"},{"id":"shadcnblocks:border-button-border-button-moving-5","t":"Border Button Moving 5   Moving Dash","d":"Gradient dashed stroke marching continuously around the perimeter.","s":"shadcnblocks","c":"actions/button","tg":["gradient"],"sb":"Animated","sy":["gradient"]},{"id":"shadcnblocks:border-button-border-button-moving-6","t":"Border Button Moving 6   Moving Hover Spin","d":"Static muted border at rest; full spin animation activates on hover.","s":"shadcnblocks","c":"actions/button","sb":"Animated"},{"id":"shadcnblocks:border-button-border-button-moving-7","t":"Border Button Moving 7   Moving Reverse","d":"Counter-clockwise rotating gradient border.","s":"shadcnblocks","c":"actions/button","tg":["gradient"],"sb":"Animated","sy":["gradient"]},{"id":"shadcnblocks:border-button-border-button-moving-8","t":"Border Button Moving 8   Moving Meteor","d":"Wide comet tail sweeping slowly around the border.","s":"shadcnblocks","c":"actions/button","sb":"Animated"},{"id":"shadcnblocks:border-button-border-button-moving-9","t":"Border Button Moving 9   Moving Glow","d":"Soft blurred gradient halo breathing around the edge.","s":"shadcnblocks","c":"actions/button","tg":["gradient","neon"],"sb":"Animated","sy":["gradient","neon"]},{"id":"shadcnblocks:border-button-border-button-trace-1","t":"Border Button Trace 1   Trace Draw","d":"TraceButton with full SVG border draw on hover — draw effect.","s":"shadcnblocks","c":"actions/button","sb":"Animated"},{"id":"shadcnblocks:border-button-border-button-trace-2","t":"Border Button Trace 2   Trace Loop","d":"TraceButton with SVG border that draws then keeps marching on hover — loop effect.","s":"shadcnblocks","c":"actions/button","sb":"Animated"},{"id":"shadcnblocks:border-button-border-button-trace-3","t":"Border Button Trace 3   Trace Dual","d":"TraceButton with two SVG strokes meeting from opposite corners on hover — dual effect.","s":"shadcnblocks","c":"actions/button","sb":"Animated"},{"id":"shadcnblocks:border-button-border-button-trace-4","t":"Border Button Trace 4   Trace Dash","d":"TraceButton with dashed SVG border draw on hover — dash effect.","s":"shadcnblocks","c":"actions/button","sb":"Animated"},{"id":"shadcnblocks:border-button-border-button-trace-5","t":"Border Button Trace 5   Trace Glow","d":"TraceButton with blurred SVG border glow on draw hover — glow effect.","s":"shadcnblocks","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"]},{"id":"shadcnblocks:border-button-border-button-trace-6","t":"Border Button Trace 6   Trace Partial","d":"TraceButton with top and right SVG border edges drawing on hover — partial effect.","s":"shadcnblocks","c":"actions/button","sb":"Animated"},{"id":"shadcnblocks:breadcrumb-breadcrumb-home-icon-1","t":"Breadcrumb Home Icon 1   Breadcrumb with Ellipsis","d":"Breadcrumb with home icon and ellipsis for collapsed items.","s":"shadcnblocks","c":"navigation/breadcrumb"},{"id":"shadcnblocks:breadcrumb-breadcrumb-home-icon-2","t":"Breadcrumb Home Icon 2   Breadcrumb with Dropdown","d":"Breadcrumb with home icon and dropdown menu.","s":"shadcnblocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcnblocks:breadcrumb-breadcrumb-home-icon-3","t":"Breadcrumb Home Icon 3   Breadcrumb with Icons","d":"Breadcrumb with home icon and icons for each item.","s":"shadcnblocks","c":"navigation/breadcrumb"},{"id":"shadcnblocks:breadcrumb-breadcrumb-home-icon-4","t":"Breadcrumb Home Icon 4   Breadcrumb with Border","d":"Breadcrumb with home icon wrapped in bordered container.","s":"shadcnblocks","c":"navigation/breadcrumb"},{"id":"shadcnblocks:breadcrumb-breadcrumb-home-icon-5","t":"Breadcrumb Home Icon 5   Breadcrumb with Bullet Separator","d":"Breadcrumb with home icon and bullet separators.","s":"shadcnblocks","c":"navigation/breadcrumb"},{"id":"shadcnblocks:breadcrumb-breadcrumb-home-icon-6","t":"Breadcrumb Home Icon 6   Breadcrumb with Slash Separator","d":"Breadcrumb with home icon and slash separators.","s":"shadcnblocks","c":"navigation/breadcrumb"},{"id":"shadcnblocks:breadcrumb-breadcrumb-home-icon-7","t":"Breadcrumb Home Icon 7   Breadcrumb with Select","d":"Breadcrumb with home icon and select dropdown.","s":"shadcnblocks","c":"navigation/breadcrumb"},{"id":"shadcnblocks:breadcrumb-breadcrumb-standard-1","t":"Breadcrumb Standard 1   Breadcrumb with Ellipsis","d":"Breadcrumb navigation with ellipsis for collapsed items.","s":"shadcnblocks","c":"navigation/breadcrumb"},{"id":"shadcnblocks:breadcrumb-breadcrumb-standard-2","t":"Breadcrumb Standard 2   Breadcrumb with Dropdown","d":"Breadcrumb with dropdown menu for intermediate items.","s":"shadcnblocks","c":"navigation/breadcrumb"},{"id":"shadcnblocks:breadcrumb-breadcrumb-standard-3","t":"Breadcrumb Standard 3   Breadcrumb with Icons","d":"Breadcrumb with icons next to each navigation item.","s":"shadcnblocks","c":"navigation/breadcrumb"},{"id":"shadcnblocks:breadcrumb-breadcrumb-standard-4","t":"Breadcrumb Standard 4   Breadcrumb with Border","d":"Breadcrumb wrapped in bordered container.","s":"shadcnblocks","c":"navigation/breadcrumb"},{"id":"shadcnblocks:breadcrumb-breadcrumb-standard-5","t":"Breadcrumb Standard 5   Breadcrumb with Bullet Separator","d":"Breadcrumb with bullet point separators.","s":"shadcnblocks","c":"navigation/breadcrumb"},{"id":"shadcnblocks:breadcrumb-breadcrumb-standard-6","t":"Breadcrumb Standard 6   Breadcrumb with Slash Separator","d":"Breadcrumb with slash icon separators.","s":"shadcnblocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcnblocks:breadcrumb-breadcrumb-standard-7","t":"Breadcrumb Standard 7   Breadcrumb with Select","d":"Breadcrumb with select dropdown for navigation.","s":"shadcnblocks","c":"navigation/breadcrumb"},{"id":"shadcnblocks:button-group-button-group-actions-1","t":"Button Group Actions 1   Social Actions","d":"Social Actions buttons grouped with optional icon-only variants.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:button-group-button-group-actions-2","t":"Button Group Actions 2   File Operations","d":"File Operations buttons grouped with optional icon-only variants.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-actions-3","t":"Button Group Actions 3   Bulk Actions","d":"Bulk Actions buttons grouped with optional icon-only variants.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-actions-4","t":"Button Group Actions 4   Comment Actions","d":"Comment Actions buttons grouped with optional icon-only variants.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-advanced-1","t":"Button Group Advanced 1   Split Button with Dropdown","d":"Split button with primary action and dropdown menu.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-advanced-2","t":"Button Group Advanced 2   Button Group with Select","d":"Button group combining Select prefix with text suffix.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-advanced-3","t":"Button Group Advanced 3   Stepper Button Group","d":"Stepper button group with increment and decrement controls.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-advanced-4","t":"Button Group Advanced 4   Rich Text Toolbar","d":"Rich text formatting toolbar built as button groups.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-badges-1","t":"Button Group Badges 1   Notifications Button","d":"Action buttons with inline badge counts.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-badges-2","t":"Button Group Badges 2   Like with Count","d":"Action buttons with inline badge counts.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-badges-3","t":"Button Group Badges 3   Cart Button","d":"Action buttons with inline badge counts.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-badges-4","t":"Button Group Badges 4   Messages and Followers","d":"Action buttons with inline badge counts.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-display-1","t":"Button Group Display 1   Chart Controls","d":"Chart Controls controls grouped as a connected button strip.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-display-2","t":"Button Group Display 2   Map Controls","d":"Map Controls controls grouped as a connected button strip.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-display-3","t":"Button Group Display 3   Timeline Controls","d":"Timeline Controls controls grouped as a connected button strip.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-display-4","t":"Button Group Display 4   Density Controls","d":"Density Controls controls grouped as a connected button strip.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-forms-1","t":"Button Group Forms 1   Date Selector","d":"Date Selector as a toggle-style button group for form input.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-forms-2","t":"Button Group Forms 2   Priority Selector","d":"Priority Selector as a toggle-style button group for form input.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-forms-3","t":"Button Group Forms 3   Status Selector","d":"Status Selector as a toggle-style button group for form input.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-forms-4","t":"Button Group Forms 4   Quantity Picker","d":"Quantity Picker as a toggle-style button group for form input.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-interactive-1","t":"Button Group Interactive 1   View Switcher","d":"View Switcher with active state toggling between grouped buttons.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-interactive-2","t":"Button Group Interactive 2   Sort Controls","d":"Sort Controls with active state toggling between grouped buttons.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-interactive-3","t":"Button Group Interactive 3   Filter Chips","d":"Filter Chips with active state toggling between grouped buttons.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-interactive-4","t":"Button Group Interactive 4   Segmented Control","d":"Segmented Control with active state toggling between grouped buttons.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-media-1","t":"Button Group Media 1   Player Controls","d":"Player Controls grouped for media playback or zoom controls.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-media-2","t":"Button Group Media 2   Volume Controls","d":"Volume Controls grouped for media playback or zoom controls.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-media-3","t":"Button Group Media 3   Zoom Controls","d":"Zoom Controls grouped for media playback or zoom controls.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-media-4","t":"Button Group Media 4   Playback Speed","d":"Playback Speed grouped for media playback or zoom controls.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnblocks:button-group-button-group-navigation-1","t":"Button Group Navigation 1   Pagination","d":"Pagination with connected prev, next, and step buttons.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-navigation-2","t":"Button Group Navigation 2   Carousel Controls","d":"Carousel Controls with connected prev, next, and step buttons.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-navigation-3","t":"Button Group Navigation 3   Wizard Steps","d":"Wizard Steps with connected prev, next, and step buttons.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-patterns-1","t":"Button Group Patterns 1   Overflow Menu","d":"Primary actions in a group with overflow dropdown menu.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-patterns-2","t":"Button Group Patterns 2   Contextual Toolbar","d":"Contextual Toolbar pattern with grouped toolbar actions.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-patterns-3","t":"Button Group Patterns 3   Loading States","d":"Loading States pattern with grouped toolbar actions.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnblocks:button-group-button-group-patterns-4","t":"Button Group Patterns 4   Keyboard Shortcuts","d":"Keyboard Shortcuts pattern with grouped toolbar actions.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-standard-1","t":"Button Group Standard 1   Basic Button Group","d":"Horizontal button groups at default, small, and large sizes.","s":"shadcnblocks","c":"actions/button","tg":["minimal"],"sb":"Groups and split","sy":["minimal"]},{"id":"shadcnblocks:button-group-button-group-standard-2","t":"Button Group Standard 2   Vertical Button Group","d":"Vertical button group with stacked outline buttons.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-standard-3","t":"Button Group Standard 3   Button Group Variants","d":"Button groups showing outline, secondary, and destructive variants.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-group-button-group-standard-4","t":"Button Group Standard 4   Nested Button Groups","d":"Nested button groups at multiple sizes.","s":"shadcnblocks","c":"actions/button","sb":"Groups and split"},{"id":"shadcnblocks:button-button-async-1","t":"Button Async 1   Default async","d":"Button with loading spinner that transitions to a success checkmark.","s":"shadcnblocks","c":"actions/button","sb":"Loading and states"},{"id":"shadcnblocks:button-button-async-2","t":"Button Async 2   Async with error","d":"Secondary async button that shows an error state with X icon after failure.","s":"shadcnblocks","c":"actions/button","sb":"Loading and states"},{"id":"shadcnblocks:button-button-async-3","t":"Button Async 3   Async with progress","d":"Async button with a determinate progress bar that fills during loading.","s":"shadcnblocks","c":"actions/button","sb":"Loading and states"},{"id":"shadcnblocks:button-button-async-4","t":"Button Async 4   Async with icon","d":"Async button with a leading icon that swaps to spinner then success.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-async-5","t":"Button Async 5   Outline async","d":"Outline variant async button with loading and success feedback.","s":"shadcnblocks","c":"actions/button","sb":"Loading and states"},{"id":"shadcnblocks:button-button-destructive-1","t":"Button Destructive 1   Destructive button with text","d":"Destructive variant button for dangerous actions.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-destructive-2","t":"Button Destructive 2   Destructive button with left icon","d":"Destructive button with leading icon.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-destructive-3","t":"Button Destructive 3   Destructive button with right icon","d":"Destructive button with trailing icon.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-destructive-4","t":"Button Destructive 4   Destructive button rounded","d":"Destructive button with rounded-full corners.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-destructive-5","t":"Button Destructive 5   Destructive button loading","d":"Destructive button with loading spinner and disabled state.","s":"shadcnblocks","c":"actions/button","sb":"Loading and states"},{"id":"shadcnblocks:button-button-destructive-6","t":"Button Destructive 6   Destructive button with count","d":"Destructive button with count badge indicator.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-destructive-7","t":"Button Destructive 7   Destructive button with kbd","d":"Destructive button with keyboard shortcut indicator.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-ghost-1","t":"Button Ghost 1   Ghost button with text","d":"Ghost variant button with text label.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-ghost-2","t":"Button Ghost 2   Ghost button with left icon","d":"Ghost button with leading icon.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-ghost-3","t":"Button Ghost 3   Ghost button with right icon","d":"Ghost button with trailing icon.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-ghost-4","t":"Button Ghost 4   Ghost button rounded","d":"Ghost button with rounded-full styling.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-ghost-5","t":"Button Ghost 5   Ghost button loading","d":"Ghost button with loading spinner and disabled state.","s":"shadcnblocks","c":"actions/button","sb":"Loading and states"},{"id":"shadcnblocks:button-button-ghost-6","t":"Button Ghost 6   Ghost button with count","d":"Ghost button with count badge indicator.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-ghost-7","t":"Button Ghost 7   Ghost button with kbd","d":"Ghost button with keyboard shortcut indicator.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-glow-1","t":"Button Glow 1   Glow primary","d":"Button with an ambient glow shadow that intensifies on hover.","s":"shadcnblocks","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"]},{"id":"shadcnblocks:button-button-glow-2","t":"Button Glow 2   Glow outline","d":"Outline button with a subtle glow that appears on hover.","s":"shadcnblocks","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"]},{"id":"shadcnblocks:button-button-glow-3","t":"Button Glow 3   Glow secondary","d":"Secondary variant button with a subtle ambient glow on hover.","s":"shadcnblocks","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"]},{"id":"shadcnblocks:button-button-glow-aurora-1","t":"Button Glow Aurora 1   Aurora primary","d":"Button with a flowing multi-color aurora gradient background.","s":"shadcnblocks","c":"actions/button","tg":["gradient","neon"],"sb":"Animated","sy":["gradient","neon"]},{"id":"shadcnblocks:button-button-glow-aurora-2","t":"Button Glow Aurora 2   Aurora outline","d":"Outline button with an animated aurora gradient border.","s":"shadcnblocks","c":"actions/button","tg":["gradient","neon"],"sb":"Animated","sy":["gradient","neon"]},{"id":"shadcnblocks:button-button-glow-aurora-4","t":"Button Glow Aurora 4   Aurora secondary","d":"AuroraButton with secondary variant.","s":"shadcnblocks","c":"actions/button","tg":["gradient","neon"],"sb":"Animated","sy":["gradient","neon"]},{"id":"shadcnblocks:button-button-glow-gleam-1","t":"Button Glow Gleam 1   Gleam primary","d":"Button with a fast, narrow light gleam that sweeps across periodically.","s":"shadcnblocks","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"]},{"id":"shadcnblocks:button-button-glow-gleam-2","t":"Button Glow Gleam 2   Gleam secondary","d":"Secondary variant with a bright periodic gleam sweep.","s":"shadcnblocks","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"]},{"id":"shadcnblocks:button-button-glow-gleam-3","t":"Button Glow Gleam 3   Gleam outline","d":"GleamButton with outline variant.","s":"shadcnblocks","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"]},{"id":"shadcnblocks:button-button-glow-pinlight-1","t":"Button Glow Pinlight 1   Pinlight primary","d":"Button with a radial pinlight that follows the cursor on hover.","s":"shadcnblocks","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"]},{"id":"shadcnblocks:button-button-glow-pinlight-2","t":"Button Glow Pinlight 2   Pinlight outline","d":"Outline variant with cursor-following radial pinlight on hover.","s":"shadcnblocks","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"]},{"id":"shadcnblocks:button-button-glow-pinlight-4","t":"Button Glow Pinlight 4   Pinlight secondary","d":"PinlightButton with secondary variant.","s":"shadcnblocks","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"]},{"id":"shadcnblocks:button-button-glow-shimmer-1","t":"Button Glow Shimmer 1   Shimmer primary","d":"Button with a continuous shimmer sweep animation across its surface.","s":"shadcnblocks","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"]},{"id":"shadcnblocks:button-button-glow-shimmer-2","t":"Button Glow Shimmer 2   Shimmer secondary","d":"Secondary variant shimmer button with a neutral rotating border glow.","s":"shadcnblocks","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"]},{"id":"shadcnblocks:button-button-glow-shimmer-3","t":"Button Glow Shimmer 3   Shimmer outline","d":"Outline variant shimmer button with an indigo rotating border glow.","s":"shadcnblocks","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"]},{"id":"shadcnblocks:button-button-glow-shine-1","t":"Button Glow Shine 1   Shine primary","d":"Button with a diagonal light band that sweeps across the surface.","s":"shadcnblocks","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"]},{"id":"shadcnblocks:button-button-glow-shine-2","t":"Button Glow Shine 2   Shine secondary","d":"Secondary variant with a bright diagonal shine sweep.","s":"shadcnblocks","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"]},{"id":"shadcnblocks:button-button-glow-shine-3","t":"Button Glow Shine 3   Shine outline","d":"Outline variant with a diagonal light band sweep.","s":"shadcnblocks","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"]},{"id":"shadcnblocks:button-button-icon-destructive-1","t":"Button Icon Destructive 1   Destructive icon button","d":"Destructive icon-only button with aria-label.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-destructive-2","t":"Button Icon Destructive 2   Destructive rounded icon button","d":"Destructive icon button with rounded-full styling.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-destructive-3","t":"Button Icon Destructive 3   Destructive loading icon button","d":"Destructive icon button with loading spinner and disabled state.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-destructive-4","t":"Button Icon Destructive 4   Destructive disabled icon button","d":"Disabled destructive icon button.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-destructive-5","t":"Button Icon Destructive 5   Destructive icon button with count","d":"Destructive icon button with notification count badge.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-ghost-1","t":"Button Icon Ghost 1   Ghost icon button","d":"Ghost icon-only button with aria-label.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-ghost-2","t":"Button Icon Ghost 2   Ghost rounded icon button","d":"Ghost icon button with rounded-full styling.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-ghost-3","t":"Button Icon Ghost 3   Ghost loading icon button","d":"Ghost icon button with loading spinner and disabled state.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-ghost-4","t":"Button Icon Ghost 4   Ghost disabled icon button","d":"Disabled ghost icon button.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-ghost-5","t":"Button Icon Ghost 5   Ghost icon button with count","d":"Ghost icon button with notification count badge.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-outline-1","t":"Button Icon Outline 1   Outline icon button","d":"Outline icon-only button with aria-label.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-outline-2","t":"Button Icon Outline 2   Outline rounded icon button","d":"Outline icon button with rounded-full styling.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-outline-3","t":"Button Icon Outline 3   Outline loading icon button","d":"Outline icon button with loading spinner and disabled state.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-outline-4","t":"Button Icon Outline 4   Outline disabled icon button","d":"Disabled outline icon button.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-outline-5","t":"Button Icon Outline 5   Outline icon button with count","d":"Outline icon button with notification count badge.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-secondary-1","t":"Button Icon Secondary 1   Secondary icon button","d":"Secondary icon-only button with aria-label.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-secondary-2","t":"Button Icon Secondary 2   Secondary rounded icon button","d":"Secondary icon button with rounded-full styling.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-secondary-3","t":"Button Icon Secondary 3   Secondary loading icon button","d":"Secondary icon button with loading spinner and disabled state.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-secondary-4","t":"Button Icon Secondary 4   Secondary disabled icon button","d":"Disabled secondary icon button.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-secondary-5","t":"Button Icon Secondary 5   Secondary icon button with count","d":"Secondary icon button with notification count badge.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-sizes-1","t":"Button Icon Sizes 1   Outline icon button sizes","d":"Outline icon buttons at extra-small, small, default, and large icon sizes.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-standard-1","t":"Button Icon Standard 1   Default icon button","d":"Default icon-only button with aria-label.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-standard-2","t":"Button Icon Standard 2   Default rounded icon button","d":"Default icon button with rounded-full styling.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-standard-3","t":"Button Icon Standard 3   Default loading icon button","d":"Default icon button with loading spinner and disabled state.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-standard-4","t":"Button Icon Standard 4   Default disabled icon button","d":"Disabled default icon button.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-icon-standard-5","t":"Button Icon Standard 5   Default icon button with count","d":"Default icon button with notification count badge.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-link-1","t":"Button Link 1   Link button with text","d":"Link variant button styled as text link.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-link-2","t":"Button Link 2   Link button with left icon","d":"Link button with leading icon.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-link-3","t":"Button Link 3   Link button with right icon","d":"Link button with trailing icon.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-link-4","t":"Button Link 4   Link button rounded","d":"Link button with rounded-full corners.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-link-5","t":"Button Link 5   Link button loading","d":"Link button with loading spinner and disabled state.","s":"shadcnblocks","c":"actions/button","sb":"Loading and states"},{"id":"shadcnblocks:button-button-link-6","t":"Button Link 6   Link button with count","d":"Link button with count badge indicator.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-link-7","t":"Button Link 7   Link button with kbd","d":"Link button with keyboard shortcut indicator.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-morph-expand-1","t":"Button Morph Expand 1   Default expand button","d":"Icon-only button that expands to a pill with label on hover.","s":"shadcnblocks","c":"actions/button","sb":"Animated"},{"id":"shadcnblocks:button-button-morph-expand-2","t":"Button Morph Expand 2   Outline expand button","d":"Outline expand button that reveals label on hover from icon-only state.","s":"shadcnblocks","c":"actions/button","sb":"Animated"},{"id":"shadcnblocks:button-button-morph-fold-1","t":"Button Morph Fold 1   Default fold button","d":"Button with a fold reveal hover effect and inverted text color.","s":"shadcnblocks","c":"actions/button","sb":"Animated"},{"id":"shadcnblocks:button-button-morph-fold-2","t":"Button Morph Fold 2   Outline fold button","d":"Outline variant with fold hover reveal on a neutral background.","s":"shadcnblocks","c":"actions/button","sb":"Animated"},{"id":"shadcnblocks:button-button-morph-fold-3","t":"Button Morph Fold 3   Ghost fold button","d":"Ghost variant with subtle accent fold on hover.","s":"shadcnblocks","c":"actions/button","sb":"Animated"},{"id":"shadcnblocks:button-button-morph-morph-1","t":"Button Morph Morph 1   Default morph button","d":"Button that morphs to a circular spinner while loading.","s":"shadcnblocks","c":"actions/button","sb":"Animated"},{"id":"shadcnblocks:button-button-morph-morph-2","t":"Button Morph Morph 2   Secondary morph button","d":"Secondary variant morph button with icon and async loading state.","s":"shadcnblocks","c":"actions/button","sb":"Animated"},{"id":"shadcnblocks:button-button-outline-1","t":"Button Outline 1   Outline button with text","d":"Outline variant button with text label.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-outline-2","t":"Button Outline 2   Outline button with left icon","d":"Outline button with leading icon.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-outline-3","t":"Button Outline 3   Outline button with right icon","d":"Outline button with trailing icon.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-outline-4","t":"Button Outline 4   Outline button rounded","d":"Outline button with rounded-full corners.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-outline-5","t":"Button Outline 5   Outline button loading","d":"Outline button with loading spinner and disabled state.","s":"shadcnblocks","c":"actions/button","sb":"Loading and states"},{"id":"shadcnblocks:button-button-outline-6","t":"Button Outline 6   Outline button with count","d":"Outline button with count badge indicator.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-outline-7","t":"Button Outline 7   Outline button with kbd","d":"Outline button with keyboard shortcut indicator.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-secondary-1","t":"Button Secondary 1   Secondary button with text","d":"Secondary variant button with text label.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-secondary-2","t":"Button Secondary 2   Secondary button with left icon","d":"Secondary button with leading icon.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-secondary-3","t":"Button Secondary 3   Secondary button with right icon","d":"Secondary button with trailing icon.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-secondary-4","t":"Button Secondary 4   Secondary button rounded","d":"Secondary button with rounded-full corners.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-secondary-5","t":"Button Secondary 5   Secondary button loading","d":"Secondary button with loading spinner and disabled state.","s":"shadcnblocks","c":"actions/button","sb":"Loading and states"},{"id":"shadcnblocks:button-button-secondary-6","t":"Button Secondary 6   Secondary button with count","d":"Secondary button with count badge indicator.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-secondary-7","t":"Button Secondary 7   Secondary button with kbd","d":"Secondary button with keyboard shortcut indicator.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-sizes-1","t":"Button Sizes 1   Outline button text sizes","d":"Outline buttons at extra-small, small, default, and large text sizes.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-sizes-2","t":"Button Sizes 2   Default button text sizes","d":"Default variant buttons at xs, sm, default, and lg sizes.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-sizes-3","t":"Button Sizes 3   Ghost button text sizes","d":"Ghost buttons at xs, sm, default, and lg sizes.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-sizes-4","t":"Button Sizes 4   Destructive button text sizes","d":"Destructive buttons at xs, sm, default, and lg sizes.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-standard-1","t":"Button Standard 1   Default button with text","d":"Default button with text label.","s":"shadcnblocks","c":"actions/button","hc":1},{"id":"shadcnblocks:button-button-standard-2","t":"Button Standard 2   Default button with left icon","d":"Default button with leading icon.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons","hc":1},{"id":"shadcnblocks:button-button-standard-3","t":"Button Standard 3   Default button with right icon","d":"Default button with trailing icon.","s":"shadcnblocks","c":"actions/button","sb":"Icon buttons"},{"id":"shadcnblocks:button-button-standard-4","t":"Button Standard 4   Default button rounded","d":"Default button with rounded-full corners.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-standard-5","t":"Button Standard 5   Default button loading","d":"Default button with loading spinner and disabled state.","s":"shadcnblocks","c":"actions/button","sb":"Loading and states"},{"id":"shadcnblocks:button-button-standard-6","t":"Button Standard 6   Default button with count","d":"Default button with count badge indicator.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-standard-7","t":"Button Standard 7   Default button with kbd","d":"Default button with keyboard shortcut indicator.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-effect-arrow-1","t":"Button Text Effect Arrow 1   Arrow shift primary","d":"Primary button with a trailing arrow that shifts right on hover.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-effect-arrow-2","t":"Button Text Effect Arrow 2   Arrow shift outline","d":"Outline button with a trailing arrow that shifts right on hover.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-effect-arrow-3","t":"Button Text Effect Arrow 3   Arrow shift secondary","d":"Secondary button with a trailing arrow that shifts right on hover.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-effect-slide-left-1","t":"Button Text Effect Slide Left 1   Slide left primary","d":"Primary slide left button with hover text swap.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-effect-slide-left-2","t":"Button Text Effect Slide Left 2   Slide left outline","d":"Outline slide left button with hover text swap.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-effect-slide-left-3","t":"Button Text Effect Slide Left 3   Slide left secondary","d":"Secondary slide left button with hover text swap.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-effect-slide-right-1","t":"Button Text Effect Slide Right 1   Slide right primary","d":"Primary slide right button with hover text swap.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-effect-slide-right-2","t":"Button Text Effect Slide Right 2   Slide right outline","d":"Outline slide right button with hover text swap.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-effect-slide-right-3","t":"Button Text Effect Slide Right 3   Slide right secondary","d":"Secondary slide right button with hover text swap.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-effect-slide-up-1","t":"Button Text Effect Slide Up 1   Slide up primary","d":"Primary slide up button with hover text swap.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-effect-slide-up-2","t":"Button Text Effect Slide Up 2   Slide up outline","d":"Outline slide up button with hover text swap.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-effect-slide-up-3","t":"Button Text Effect Slide Up 3   Slide up secondary","d":"Secondary slide up button with hover text swap.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-marquee-1","t":"Button Text Marquee 1   Button Marquee Primary","d":"Scrolling marquee text inside button — default variant, plays on hover.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-marquee-2","t":"Button Text Marquee 2   Button Marquee Outline","d":"Scrolling marquee text inside button — outline variant, plays on hover.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-marquee-3","t":"Button Text Marquee 3   Button Marquee Secondary","d":"Scrolling marquee text inside button — secondary variant, plays on hover.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-marquee-4","t":"Button Text Marquee 4   Button Marquee Primary Auto","d":"Scrolling marquee text inside button — default variant, auto-play loop.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-marquee-5","t":"Button Text Marquee 5   Button Marquee Outline Auto","d":"Scrolling marquee text inside button — outline variant, auto-play loop.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-marquee-6","t":"Button Text Marquee 6   Button Marquee Secondary Auto","d":"Scrolling marquee text inside button — secondary variant, auto-play loop.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-typewriter-1","t":"Button Text Typewriter 1   Typewriter Hello world","d":"Typewriter text effect on hover — default variant.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-typewriter-2","t":"Button Text Typewriter 2   Typewriter Get started","d":"Typewriter text effect on hover — outline variant.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-typewriter-3","t":"Button Text Typewriter 3   Typewriter Click me","d":"Typewriter text effect on hover — secondary variant.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-typewriter-4","t":"Button Text Typewriter 4   Typewriter Explore now","d":"Typewriter text effect on load — default variant.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-typewriter-5","t":"Button Text Typewriter 5   Typewriter Learn more","d":"Typewriter text effect on load — outline variant.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:button-button-text-typewriter-6","t":"Button Text Typewriter 6   Typewriter Try it free","d":"Typewriter text effect on load — secondary variant.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:calendar-calendar-dialog-1","t":"Calendar Dialog 1   Calendar with Range in Dialog","d":"Calendar in a dialog with date range selection.","s":"shadcnblocks","c":"data-display/calendar"},{"id":"shadcnblocks:calendar-calendar-dialog-2","t":"Calendar Dialog 2   Calendar with Month and Year Selector in Dialog","d":"Calendar in a dialog with disabled dates.","s":"shadcnblocks","c":"data-display/calendar"},{"id":"shadcnblocks:calendar-calendar-dialog-3","t":"Calendar Dialog 3   Calendar as Appointment Picker in Dialog","d":"Calendar in a dialog as appointment picker.","s":"shadcnblocks","c":"data-display/calendar"},{"id":"shadcnblocks:calendar-calendar-dialog-4","t":"Calendar Dialog 4   Calendar with Date and Time in Dialog","d":"Calendar in a dialog with date and time input.","s":"shadcnblocks","c":"data-display/calendar"},{"id":"shadcnblocks:calendar-calendar-dialog-5","t":"Calendar Dialog 5   Calendar with Natural Language in Dialog","d":"Calendar in a dialog with natural language shortcuts.","s":"shadcnblocks","c":"data-display/calendar"},{"id":"shadcnblocks:calendar-calendar-dialog-6","t":"Calendar Dialog 6   Calendar with Disabled Dates in Dialog","d":"Calendar in a dialog with disabled dates.","s":"shadcnblocks","c":"data-display/calendar"},{"id":"shadcnblocks:calendar-calendar-dialog-7","t":"Calendar Dialog 7   Calendar with Multiple Day Selection in Dialog","d":"Calendar in a dialog with multiple day selection.","s":"shadcnblocks","c":"data-display/calendar"},{"id":"shadcnblocks:calendar-calendar-dialog-8","t":"Calendar Dialog 8   Calendar with Custom Select Day Style in Dialog","d":"Calendar in a dialog with custom day modifiers.","s":"shadcnblocks","c":"data-display/calendar"},{"id":"shadcnblocks:calendar-calendar-standard-1","t":"Calendar Standard 1   Calendar with Range","d":"Calendar with date range selection.","s":"shadcnblocks","c":"data-display/calendar"},{"id":"shadcnblocks:calendar-calendar-standard-2","t":"Calendar Standard 2   Calendar with Month and Year Selector","d":"Calendar with disabled dates.","s":"shadcnblocks","c":"data-display/calendar"},{"id":"shadcnblocks:calendar-calendar-standard-3","t":"Calendar Standard 3   Calendar as Appointment Picker","d":"Calendar as appointment picker.","s":"shadcnblocks","c":"data-display/calendar"},{"id":"shadcnblocks:calendar-calendar-standard-4","t":"Calendar Standard 4   Calendar with Date and Time","d":"Calendar with date and time input.","s":"shadcnblocks","c":"data-display/calendar","hc":1},{"id":"shadcnblocks:calendar-calendar-standard-5","t":"Calendar Standard 5   Calendar with Natural Language","d":"Calendar with natural language shortcuts.","s":"shadcnblocks","c":"data-display/calendar"},{"id":"shadcnblocks:calendar-calendar-standard-6","t":"Calendar Standard 6   Calendar with Disabled Dates","d":"Calendar with disabled dates.","s":"shadcnblocks","c":"data-display/calendar"},{"id":"shadcnblocks:calendar-calendar-standard-7","t":"Calendar Standard 7   Calendar with Multiple Day Selection","d":"Calendar with multiple day selection.","s":"shadcnblocks","c":"data-display/calendar","hc":1},{"id":"shadcnblocks:calendar-calendar-standard-8","t":"Calendar Standard 8   Calendar with Custom Select Day Style","d":"Calendar with custom day modifiers.","s":"shadcnblocks","c":"data-display/calendar"},{"id":"shadcnblocks:card-card-standard-1","t":"Card Standard 1   Standard Card","d":"Standard Card using shadcn Card with header, content, and footer.","s":"shadcnblocks","c":"data-display/card"},{"id":"shadcnblocks:card-card-standard-2","t":"Card Standard 2   Login Card","d":"Login Card using shadcn Card with form inputs.","s":"shadcnblocks","c":"data-display/card"},{"id":"shadcnblocks:card-card-standard-3","t":"Card Standard 3   Meeting Notes Card","d":"Meeting Notes Card using shadcn Card with avatar stack footer.","s":"shadcnblocks","c":"data-display/card","hc":1},{"id":"shadcnblocks:card-card-standard-4","t":"Card Standard 4   Image Card","d":"Image Card using shadcn Card with image and metadata.","s":"shadcnblocks","c":"data-display/card","hc":1},{"id":"shadcnblocks:carousel-carousel-standard-1","t":"Carousel Standard 1   Standard Carousel","d":"Standard Carousel using shadcn Carousel with arrow controls.","s":"shadcnblocks","c":"media/carousel"},{"id":"shadcnblocks:carousel-carousel-standard-2","t":"Carousel Standard 2   Carousel with Thumbnails","d":"Carousel with Thumbnails using shadcn Carousel with thumbnail navigation.","s":"shadcnblocks","c":"media/carousel","hc":1},{"id":"shadcnblocks:carousel-carousel-standard-3","t":"Carousel Standard 3   Product Showcase Carousel","d":"Product Showcase Carousel using shadcn Carousel for product cards.","s":"shadcnblocks","c":"media/carousel","hc":1},{"id":"shadcnblocks:carousel-carousel-standard-4","t":"Carousel Standard 4   Hero Carousel","d":"Hero Carousel using shadcn Carousel for hero slides.","s":"shadcnblocks","c":"media/carousel"},{"id":"shadcnblocks:chart-chart-area-axes","t":"Chart Area Axes   An area chart with axes","d":"An area chart with axes using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Area"},{"id":"shadcnblocks:chart-chart-area-default","t":"Chart Area Default   A simple area chart","d":"A simple area chart using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","tg":["minimal"],"sb":"Area","sy":["minimal"]},{"id":"shadcnblocks:chart-chart-area-gradient","t":"Chart Area Gradient   An area chart with gradient fill","d":"An area chart with gradient fill using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","tg":["gradient"],"sb":"Area","sy":["gradient"]},{"id":"shadcnblocks:chart-chart-area-icons","t":"Chart Area Icons   An area chart with icons","d":"An area chart with icons using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Area"},{"id":"shadcnblocks:chart-chart-area-interactive","t":"Chart Area Interactive   An interactive area chart","d":"An interactive area chart using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Area"},{"id":"shadcnblocks:chart-chart-area-legend","t":"Chart Area Legend   An area chart with a legend","d":"An area chart with a legend using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Area"},{"id":"shadcnblocks:chart-chart-area-linear","t":"Chart Area Linear   A linear area chart","d":"A linear area chart using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Area"},{"id":"shadcnblocks:chart-chart-area-stacked-expand","t":"Chart Area Stacked Expand   A stacked area chart with expand stacking","d":"A stacked area chart with expand stacking using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Area"},{"id":"shadcnblocks:chart-chart-area-stacked","t":"Chart Area Stacked   A stacked area chart","d":"A stacked area chart using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Area"},{"id":"shadcnblocks:chart-chart-area-step","t":"Chart Area Step   A step area chart","d":"A step area chart using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Area"},{"id":"shadcnblocks:chart-chart-bar-active","t":"Chart Bar Active   A bar chart with an active bar","d":"A bar chart with an active bar using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:chart-chart-bar-default","t":"Chart Bar Default   A bar chart","d":"A bar chart using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:chart-chart-bar-horizontal","t":"Chart Bar Horizontal   A horizontal bar chart","d":"A horizontal bar chart using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:chart-chart-bar-interactive","t":"Chart Bar Interactive   An interactive bar chart","d":"An interactive bar chart using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:chart-chart-bar-label-custom","t":"Chart Bar Label Custom   A bar chart with a custom label","d":"A bar chart with a custom label using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:chart-chart-bar-label","t":"Chart Bar Label   A bar chart with a label","d":"A bar chart with a label using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:chart-chart-bar-mixed","t":"Chart Bar Mixed   A mixed bar chart","d":"A mixed bar chart using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:chart-chart-bar-multiple","t":"Chart Bar Multiple   A multiple bar chart","d":"A multiple bar chart using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:chart-chart-bar-negative","t":"Chart Bar Negative   A bar chart with negative values","d":"A bar chart with negative values using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:chart-chart-bar-stacked","t":"Chart Bar Stacked   A stacked bar chart with a legend","d":"A stacked bar chart with a legend using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:chart-chart-bubble-segments-1","t":"Chart Bubble Segments 1   Proportional bubbles","d":"Bubble chart that sizes each circle by its share of the total.","s":"shadcnblocks","c":"data-viz/chart","sb":"Scatter"},{"id":"shadcnblocks:chart-chart-category-income-1","t":"Chart Category Income 1   Donut with a center total","d":"Donut chart of named slices with a center total and a legend.","s":"shadcnblocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcnblocks:chart-chart-category-performance-1","t":"Chart Category Performance 1   Ranked bars with period tabs","d":"Bar list that switches between two periods and sizes each bar against the top value.","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:chart-chart-category-sales-1","t":"Chart Category Sales 1   Ranked vertical bars","d":"Vertical bar chart that ranks categories on a compact value axis.","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:chart-chart-costs-period-1","t":"Chart Costs Period 1   Area chart with period tabs","d":"Area chart that swaps its series between week, month, and year.","s":"shadcnblocks","c":"data-viz/chart","sb":"Area"},{"id":"shadcnblocks:chart-chart-heatmap-traffic-1","t":"Chart Heatmap Traffic 1   Week by hour heatmap","d":"Grid of intensity cells for weekday and hour buckets.","s":"shadcnblocks","c":"data-viz/chart","sb":"Heatmap"},{"id":"shadcnblocks:chart-chart-line-default","t":"Chart Line Default   A line chart","d":"A line chart using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcnblocks:chart-chart-line-dots-colors","t":"Chart Line Dots Colors   A line chart with dots and colors","d":"A line chart with dots and colors using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcnblocks:chart-chart-line-dots-custom","t":"Chart Line Dots Custom   A line chart with custom dots","d":"A line chart with custom dots using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcnblocks:chart-chart-line-dots","t":"Chart Line Dots   A line chart with dots","d":"A line chart with dots using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcnblocks:chart-chart-line-interactive","t":"Chart Line Interactive   An interactive line chart","d":"An interactive line chart using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcnblocks:chart-chart-line-label-custom","t":"Chart Line Label Custom   A line chart with a custom label","d":"A line chart with a custom label using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcnblocks:chart-chart-line-label","t":"Chart Line Label   A line chart with a label","d":"A line chart with a label using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcnblocks:chart-chart-line-linear","t":"Chart Line Linear   A linear line chart","d":"A linear line chart using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcnblocks:chart-chart-line-multiple","t":"Chart Line Multiple   A multiple line chart","d":"A multiple line chart using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcnblocks:chart-chart-line-step","t":"Chart Line Step   A line chart with step","d":"A line chart with step using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcnblocks:chart-chart-order-status-1","t":"Chart Order Status 1   Proportional status bars","d":"Status list where each bar width is a share of the total count.","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:chart-chart-pie-donut-active","t":"Chart Pie Donut Active   A donut chart with an active sector","d":"A donut chart with an active sector using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"shadcnblocks:chart-chart-pie-donut-text","t":"Chart Pie Donut Text   A donut chart with text","d":"A donut chart with text using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcnblocks:chart-chart-pie-donut","t":"Chart Pie Donut   A donut chart","d":"A donut chart using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcnblocks:chart-chart-pie-interactive","t":"Chart Pie Interactive   An interactive pie chart","d":"An interactive pie chart using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcnblocks:chart-chart-pie-label-custom","t":"Chart Pie Label Custom   A pie chart with a custom label","d":"A pie chart with a custom label using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcnblocks:chart-chart-pie-label-list","t":"Chart Pie Label List   A pie chart with a label list","d":"A pie chart with a label list using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcnblocks:chart-chart-pie-label","t":"Chart Pie Label   A pie chart with a label","d":"A pie chart with a label using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcnblocks:chart-chart-pie-legend","t":"Chart Pie Legend   A pie chart with a legend","d":"A pie chart with a legend using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcnblocks:chart-chart-pie-separator-none","t":"Chart Pie Separator None   A pie chart with no separator","d":"A pie chart with no separator using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcnblocks:chart-chart-pie-simple","t":"Chart Pie Simple   A simple pie chart","d":"A simple pie chart using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","tg":["minimal"],"sb":"Pie, donut and radial","sy":["minimal"]},{"id":"shadcnblocks:chart-chart-pie-stacked","t":"Chart Pie Stacked   A pie chart with stacked sections","d":"A pie chart with stacked sections using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcnblocks:chart-chart-pipeline-sales-1","t":"Chart Pipeline Sales 1   Horizontal stage bars","d":"Horizontal bar chart of values across ordered stages.","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:chart-chart-radar-default","t":"Chart Radar Default   A radar chart","d":"A radar chart using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Radar"},{"id":"shadcnblocks:chart-chart-radar-dots","t":"Chart Radar Dots   A radar chart with dots","d":"A radar chart with dots using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Radar"},{"id":"shadcnblocks:chart-chart-radar-grid-circle-fill","t":"Chart Radar Grid Circle Fill   A radar chart with a grid and circle fill","d":"A radar chart with a grid and circle fill using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Radar"},{"id":"shadcnblocks:chart-chart-radar-grid-circle-no-lines","t":"Chart Radar Grid Circle No Lines   A radar chart with a grid and circle fill (no lines)","d":"A radar chart with a grid and circle fill (no lines) using shadcn ChartContainer and Recha","s":"shadcnblocks","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcnblocks:chart-chart-radar-grid-circle","t":"Chart Radar Grid Circle   A radar chart with a grid and circle","d":"A radar chart with a grid and circle using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Radar"},{"id":"shadcnblocks:chart-chart-radar-grid-custom","t":"Chart Radar Grid Custom   A radar chart with a custom grid","d":"A radar chart with a custom grid using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Radar"},{"id":"shadcnblocks:chart-chart-radar-grid-fill","t":"Chart Radar Grid Fill   A radar chart with a grid filled","d":"A radar chart with a grid filled using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Radar"},{"id":"shadcnblocks:chart-chart-radar-grid-none","t":"Chart Radar Grid None   A radar chart with no grid","d":"A radar chart with no grid using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Radar"},{"id":"shadcnblocks:chart-chart-radar-icons","t":"Chart Radar Icons   A radar chart with icons","d":"A radar chart with icons using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Radar"},{"id":"shadcnblocks:chart-chart-radar-label-custom","t":"Chart Radar Label Custom   A radar chart with a custom label","d":"A radar chart with a custom label using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Radar"},{"id":"shadcnblocks:chart-chart-radar-legend","t":"Chart Radar Legend   A radar chart with a legend","d":"A radar chart with a legend using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Radar"},{"id":"shadcnblocks:chart-chart-radar-lines-only","t":"Chart Radar Lines Only   A radar chart with lines only","d":"A radar chart with lines only using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcnblocks:chart-chart-radar-multiple","t":"Chart Radar Multiple   A radar chart with multiple data","d":"A radar chart with multiple data using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"shadcnblocks:chart-chart-radar-radius","t":"Chart Radar Radius   A radar chart with a radius axis","d":"A radar chart with a radius axis using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Radar"},{"id":"shadcnblocks:chart-chart-radial-grid","t":"Chart Radial Grid   A radial chart with a grid","d":"A radial chart with a grid using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcnblocks:chart-chart-radial-label","t":"Chart Radial Label   A radial chart with a label","d":"A radial chart with a label using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcnblocks:chart-chart-radial-shape","t":"Chart Radial Shape   A radial chart with a custom shape","d":"A radial chart with a custom shape using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcnblocks:chart-chart-radial-simple","t":"Chart Radial Simple   A radial chart","d":"A radial chart using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","tg":["minimal"],"sb":"Pie, donut and radial","sy":["minimal"]},{"id":"shadcnblocks:chart-chart-radial-stacked","t":"Chart Radial Stacked   A radial chart with stacked sections","d":"A radial chart with stacked sections using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcnblocks:chart-chart-radial-text","t":"Chart Radial Text   A radial chart with text","d":"A radial chart with text using shadcn ChartContainer and Recharts.","s":"shadcnblocks","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"shadcnblocks:chart-chart-retention-grid-1","t":"Chart Retention Grid 1   Cohort percentage grid","d":"Grid of percentages by cohort row and periods since the start.","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:chart-chart-revenue-channel-1","t":"Chart Revenue Channel 1   Stacked bars by series","d":"Horizontal stacked bars comparing several series across periods.","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:chart-chart-revenue-flow-1","t":"Chart Revenue Flow 1   Stacked area with a period switch","d":"Stacked area chart that switches between a shorter and a longer range.","s":"shadcnblocks","c":"data-viz/chart","sb":"Area"},{"id":"shadcnblocks:chart-chart-revenue-period-1","t":"Chart Revenue Period 1   Area chart with a summary value","d":"Area chart whose plot and summary value both change with the selected period.","s":"shadcnblocks","c":"data-viz/chart","sb":"Area"},{"id":"shadcnblocks:chart-chart-revenue-segments-1","t":"Chart Revenue Segments 1   Stacked area with series totals","d":"Stacked area chart with a total and change for each series above the plot.","s":"shadcnblocks","c":"data-viz/chart","sb":"Area"},{"id":"shadcnblocks:chart-chart-revenue-total-1","t":"Chart Revenue Total 1   Year over year area and line","d":"Composed chart with an area for this period and a line for the previous period.","s":"shadcnblocks","c":"data-viz/chart","sb":"Area"},{"id":"shadcnblocks:chart-chart-target-line-visits-1","t":"Chart Target Line Visits 1   Area chart with a target line","d":"Area chart of a series with a horizontal reference line for a goal.","s":"shadcnblocks","c":"data-viz/chart","sb":"Area"},{"id":"shadcnblocks:chart-chart-tooltip-advanced","t":"Chart Tooltip Advanced   Tooltip   Advanced","d":"Tooltip - Advanced pattern using the shadcn component with its key configuration options.","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:chart-chart-tooltip-default","t":"Chart Tooltip Default   Tooltip   Default","d":"Tooltip - Default pattern using the shadcn component with its key configuration options.","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:chart-chart-tooltip-formatter","t":"Chart Tooltip Formatter   Tooltip   Formatter","d":"Tooltip - Formatter pattern using the shadcn component with its key configuration options.","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:chart-chart-tooltip-icons","t":"Chart Tooltip Icons   Tooltip   Icons","d":"Tooltip - Icons pattern using the shadcn component with its key configuration options.","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:chart-chart-tooltip-indicator-line","t":"Chart Tooltip Indicator Line   Tooltip   Line Indicator","d":"Tooltip - Line Indicator pattern using the shadcn component with its key configuration opt","s":"shadcnblocks","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcnblocks:chart-chart-tooltip-indicator-none","t":"Chart Tooltip Indicator None   Tooltip   No Indicator","d":"Tooltip - No Indicator pattern using the shadcn component with its key configuration optio","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:chart-chart-tooltip-label-custom","t":"Chart Tooltip Label Custom   Tooltip   Custom Label","d":"Tooltip - Custom Label pattern using the shadcn component with its key configuration optio","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:chart-chart-tooltip-label-formatter","t":"Chart Tooltip Label Formatter   Tooltip   Label Formatter","d":"Tooltip - Label Formatter pattern using the shadcn component with its key configuration op","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:chart-chart-tooltip-label-none","t":"Chart Tooltip Label None   Tooltip   No Label","d":"Tooltip - No Label pattern using the shadcn component with its key configuration options.","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:checkbox-checkbox-standard-1","t":"Checkbox Standard 1   Simple Checkbox","d":"Single labeled checkbox for binary opt-in.","s":"shadcnblocks","c":"inputs/checkbox","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:checkbox-checkbox-standard-11","t":"Checkbox Standard 11   With Description","d":"Checkbox with supporting description text below the label.","s":"shadcnblocks","c":"inputs/checkbox"},{"id":"shadcnblocks:checkbox-checkbox-standard-12","t":"Checkbox Standard 12   With Subtitle and Description","d":"Checkbox with subtitle and description for detailed opt-in.","s":"shadcnblocks","c":"inputs/checkbox"},{"id":"shadcnblocks:checkbox-checkbox-standard-13","t":"Checkbox Standard 13   Nested List","d":"Nested checkbox list with parent and child options.","s":"shadcnblocks","c":"inputs/checkbox","hc":1},{"id":"shadcnblocks:checkbox-checkbox-standard-2","t":"Checkbox Standard 2   Indeterminate Checkbox","d":"Parent checkbox in indeterminate state for partial selection.","s":"shadcnblocks","c":"inputs/checkbox"},{"id":"shadcnblocks:checkbox-checkbox-standard-3","t":"Checkbox Standard 3   With Subtitle","d":"Checkbox with a subtitle label above the control.","s":"shadcnblocks","c":"inputs/checkbox"},{"id":"shadcnblocks:checkbox-checkbox-standard-4","t":"Checkbox Standard 4   Disabled Checkbox","d":"Checkbox in disabled state that cannot be toggled.","s":"shadcnblocks","c":"inputs/checkbox","hc":1},{"id":"shadcnblocks:checkbox-checkbox-standard-5","t":"Checkbox Standard 5   Todo Style Checkbox","d":"Todo-style checkbox with completed strikethrough state.","s":"shadcnblocks","c":"inputs/checkbox"},{"id":"shadcnblocks:checkbox-checkbox-standard-6","t":"Checkbox Standard 6   Custom Indicator Checkbox","d":"Checkbox with a custom check indicator component.","s":"shadcnblocks","c":"inputs/checkbox"},{"id":"shadcnblocks:checkbox-checkbox-standard-7","t":"Checkbox Standard 7   Horizontal List Checkbox","d":"Multiple checkboxes arranged in a horizontal row.","s":"shadcnblocks","c":"inputs/checkbox"},{"id":"shadcnblocks:checkbox-checkbox-standard-8","t":"Checkbox Standard 8   Vertical List Checkbox","d":"Multiple checkboxes stacked in a vertical list.","s":"shadcnblocks","c":"inputs/checkbox"},{"id":"shadcnblocks:checkbox-checkbox-standard-9","t":"Checkbox Standard 9   Right Aligned Checkbox","d":"Checkbox aligned to the right with label on the left.","s":"shadcnblocks","c":"inputs/checkbox"},{"id":"shadcnblocks:choicebox-choicebox-composition-1","t":"Choicebox Composition 1   Billing plan selector","d":"Full billing selector with titles, subtitles, and descriptions.","s":"shadcnblocks","c":"inputs/radio","hc":1},{"id":"shadcnblocks:choicebox-choicebox-descriptions-1","t":"Choicebox Descriptions 1   Options with descriptions","d":"Choicebox items with title and description text.","s":"shadcnblocks","c":"inputs/radio","hc":1},{"id":"shadcnblocks:choicebox-choicebox-standard-1","t":"Choicebox Standard 1   Radio card options","d":"Two card-style radio options with default selection.","s":"shadcnblocks","c":"inputs/radio"},{"id":"shadcnblocks:choicebox-choicebox-subtitle-1","t":"Choicebox Subtitle 1   Title and subtitle","d":"Choicebox items with a title and muted subtitle.","s":"shadcnblocks","c":"inputs/radio"},{"id":"shadcnblocks:choicebox-choicebox-three-1","t":"Choicebox Three 1   Three plan options","d":"Three selectable plan cards in a vertical stack.","s":"shadcnblocks","c":"inputs/radio","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:code-block-code-block-composition-1","t":"Code Block Composition 1   Header composition","d":"Code block with filename label and copy button in the header.","s":"shadcnblocks","c":"data-display/code-block","hc":1},{"id":"shadcnblocks:code-block-code-block-copy-1","t":"Code Block Copy 1   Copy button","d":"Code block header with a copy-to-clipboard button.","s":"shadcnblocks","c":"data-display/code-block","hc":1},{"id":"shadcnblocks:code-block-code-block-line-numbers-1","t":"Code Block Line Numbers 1   Line numbers","d":"Code block with lineNumbers enabled on the active snippet.","s":"shadcnblocks","c":"data-display/code-block"},{"id":"shadcnblocks:code-block-code-block-multi-file-1","t":"Code Block Multi File 1   Multi file select","d":"Multiple files with a header select to switch between snippets.","s":"shadcnblocks","c":"data-display/code-block"},{"id":"shadcnblocks:code-block-code-block-no-highlight-1","t":"Code Block No Highlight 1   No highlighting","d":"Plain code display with syntaxHighlighting set to false.","s":"shadcnblocks","c":"data-display/code-block"},{"id":"shadcnblocks:code-block-code-block-standard-1","t":"Code Block Standard 1   Standard snippet","d":"Single TypeScript code snippet with syntax highlighting.","s":"shadcnblocks","c":"data-display/code-block"},{"id":"shadcnblocks:collapsible-collapsible-card-1","t":"Collapsible Card 1   Card Collapsible","d":"Card Collapsible using shadcn Collapsible in a card container.","s":"shadcnblocks","c":"data-display/accordion","sb":"Cards"},{"id":"shadcnblocks:collapsible-collapsible-card-2","t":"Collapsible Card 2   Card with Icon Header","d":"Card with Icon Header using shadcn Collapsible in a card container.","s":"shadcnblocks","c":"data-display/accordion","sb":"Cards"},{"id":"shadcnblocks:collapsible-collapsible-card-3","t":"Collapsible Card 3   Nested Card Content","d":"Nested Card Content using shadcn Collapsible in a card container.","s":"shadcnblocks","c":"data-display/accordion","sb":"Nested"},{"id":"shadcnblocks:collapsible-collapsible-card-4","t":"Collapsible Card 4   Card with Badge","d":"Card with Badge using shadcn Collapsible in a card container.","s":"shadcnblocks","c":"data-display/accordion","sb":"Cards"},{"id":"shadcnblocks:collapsible-collapsible-card-5","t":"Collapsible Card 5   Subtle Card Collapsible","d":"Subtle Card Collapsible using shadcn Collapsible in a card container.","s":"shadcnblocks","c":"data-display/accordion","sb":"Cards"},{"id":"shadcnblocks:collapsible-collapsible-faq-1","t":"Collapsible Faq 1   FAQ Item","d":"FAQ Item using shadcn Collapsible for FAQ layout.","s":"shadcnblocks","c":"data-display/accordion","sb":"FAQ","hc":1},{"id":"shadcnblocks:collapsible-collapsible-faq-2","t":"Collapsible Faq 2   FAQ with Icon","d":"FAQ with Icon using shadcn Collapsible for FAQ layout.","s":"shadcnblocks","c":"data-display/accordion","sb":"FAQ"},{"id":"shadcnblocks:collapsible-collapsible-faq-3","t":"Collapsible Faq 3   FAQ Card Style","d":"FAQ Card Style using shadcn Collapsible for FAQ layout.","s":"shadcnblocks","c":"data-display/accordion","sb":"FAQ"},{"id":"shadcnblocks:collapsible-collapsible-faq-4","t":"Collapsible Faq 4   Numbered FAQ","d":"Numbered FAQ using shadcn Collapsible for FAQ layout.","s":"shadcnblocks","c":"data-display/accordion","sb":"FAQ"},{"id":"shadcnblocks:collapsible-collapsible-faq-5","t":"Collapsible Faq 5   FAQ with Badge","d":"FAQ with Badge using shadcn Collapsible for FAQ layout.","s":"shadcnblocks","c":"data-display/accordion","sb":"FAQ"},{"id":"shadcnblocks:collapsible-collapsible-outline-1","t":"Collapsible Outline 1   Outlined Collapsible","d":"Outlined Collapsible using shadcn Collapsible.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:collapsible-collapsible-outline-2","t":"Collapsible Outline 2   Warning Outline","d":"Warning Outline using shadcn Collapsible.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:collapsible-collapsible-outline-3","t":"Collapsible Outline 3   Info Box Outline","d":"Info Box Outline using shadcn Collapsible.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:collapsible-collapsible-outline-4","t":"Collapsible Outline 4   Dashed Outline","d":"Dashed Outline using shadcn Collapsible.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:collapsible-collapsible-sidebar-1","t":"Collapsible Sidebar 1   Nested Sidebar Items","d":"Nested Sidebar Items using shadcn Collapsible for sidebar navigation.","s":"shadcnblocks","c":"data-display/accordion","sb":"Nested","hc":1},{"id":"shadcnblocks:collapsible-collapsible-sidebar-2","t":"Collapsible Sidebar 2   Settings Menu","d":"Settings Menu using shadcn Collapsible for sidebar navigation.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:collapsible-collapsible-sidebar-3","t":"Collapsible Sidebar 3   Sidebar with Counts","d":"Sidebar with Counts using shadcn Collapsible for sidebar navigation.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:collapsible-collapsible-sidebar-4","t":"Collapsible Sidebar 4   Minimal Sidebar Group","d":"Minimal Sidebar Group using shadcn Collapsible for sidebar navigation.","s":"shadcnblocks","c":"data-display/accordion","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:collapsible-collapsible-standard-1","t":"Collapsible Standard 1   Simple Collapsible","d":"Simple Collapsible using shadcn Collapsible.","s":"shadcnblocks","c":"data-display/accordion","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:collapsible-collapsible-standard-2","t":"Collapsible Standard 2   Inline Trigger Collapsible","d":"Inline Trigger Collapsible using shadcn Collapsible.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:collapsible-collapsible-standard-3","t":"Collapsible Standard 3   Collapsible with Icon","d":"Collapsible with Icon using shadcn Collapsible.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:collapsible-collapsible-standard-4","t":"Collapsible Standard 4   Text only Collapsible","d":"Text-only Collapsible using shadcn Collapsible.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:collapsible-collapsible-standard-5","t":"Collapsible Standard 5   Controlled Collapsible","d":"Controlled Collapsible using shadcn Collapsible.","s":"shadcnblocks","c":"data-display/accordion"},{"id":"shadcnblocks:color-picker-color-picker-alpha-1","t":"Color Picker Alpha 1   With alpha and eyedropper","d":"Color picker including alpha slider and eye dropper control.","s":"shadcnblocks","c":"inputs/color-picker"},{"id":"shadcnblocks:color-picker-color-picker-compact-1","t":"Color Picker Compact 1   Compact selection","d":"Compact color picker showing only the selection area and hue slider.","s":"shadcnblocks","c":"inputs/color-picker"},{"id":"shadcnblocks:color-picker-color-picker-controlled-1","t":"Color Picker Controlled 1   Controlled swatch","d":"Controlled color picker that updates a live swatch from onChange.","s":"shadcnblocks","c":"inputs/color-picker"},{"id":"shadcnblocks:color-picker-color-picker-standard-1","t":"Color Picker Standard 1   Basic color picker","d":"Color picker with selection area, hue slider, and format fields.","s":"shadcnblocks","c":"inputs/color-picker","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnblocks:combobox-combobox-custom-actions-1","t":"Combobox Custom Actions 1   Create New Option Inline","d":"Create New Option Inline combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-custom-actions-2","t":"Combobox Custom Actions 2   With Footer Actions","d":"With Footer Actions combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-custom-actions-3","t":"Combobox Custom Actions 3   Recent Selections Section","d":"Recent Selections Section combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-custom-actions-4","t":"Combobox Custom Actions 4   Async/Dynamic Search","d":"Async/Dynamic Search combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-custom-actions-5","t":"Combobox Custom Actions 5   With Quick Filters","d":"With Quick Filters combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-custom-actions-6","t":"Combobox Custom Actions 6   Keyboard Shortcuts Displayed","d":"Keyboard Shortcuts Displayed combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-custom-actions-7","t":"Combobox Custom Actions 7   Clear/Reset Button","d":"Clear/Reset Button combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-grouped-1","t":"Combobox Grouped 1   Multiple Groups with Labels","d":"Multiple Groups with Labels combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-grouped-2","t":"Combobox Grouped 2   Categories with Separators","d":"Categories with Separators combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-grouped-3","t":"Combobox Grouped 3   Nested/Hierarchical Groups","d":"Nested/Hierarchical Groups combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox","hc":1},{"id":"shadcnblocks:combobox-combobox-grouped-4","t":"Combobox Grouped 4   Groups with Item Counts","d":"Groups with Item Counts combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-grouped-5","t":"Combobox Grouped 5   Collapsible Groups","d":"Collapsible Groups combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-grouped-6","t":"Combobox Grouped 6   Recent vs All Items","d":"Recent vs All Items combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox","hc":1},{"id":"shadcnblocks:combobox-combobox-grouped-7","t":"Combobox Grouped 7   Favorites + All Items","d":"Favorites + All Items combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-multi-select-1","t":"Combobox Multi Select 1   Multiple Items with Badges","d":"Multiple Items with Badges combobox using shadcn Command and Popover with multi-select.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-multi-select-2","t":"Combobox Multi Select 2   With Select All Option","d":"With Select All Option combobox using shadcn Command and Popover with multi-select.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-multi-select-3","t":"Combobox Multi Select 3   With Item Count in Trigger","d":"With Item Count in Trigger combobox using shadcn Command and Popover with multi-select.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-multi-select-4","t":"Combobox Multi Select 4   With Checkboxes Visible","d":"With Checkboxes Visible combobox using shadcn Command and Popover with multi-select.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-multi-select-5","t":"Combobox Multi Select 5   With Clear All Functionality","d":"With Clear All Functionality combobox using shadcn Command and Popover with multi-select.","s":"shadcnblocks","c":"inputs/combobox","tg":["playful"],"sy":["playful"]},{"id":"shadcnblocks:combobox-combobox-multi-select-6","t":"Combobox Multi Select 6   With Max Selections Limit","d":"With Max Selections Limit combobox using shadcn Command and Popover with multi-select.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-multi-select-7","t":"Combobox Multi Select 7   Selected Items List Below","d":"Selected Items List Below combobox using shadcn Command and Popover with multi-select.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-rich-content-1","t":"Combobox Rich Content 1   Items with Avatars","d":"Items with Avatars combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-rich-content-2","t":"Combobox Rich Content 2   Items with Descriptions","d":"Items with Descriptions combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-rich-content-3","t":"Combobox Rich Content 3   Items with Status Indicators","d":"Items with Status Indicators combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-rich-content-4","t":"Combobox Rich Content 4   Items with Metadata","d":"Items with Metadata combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-rich-content-5","t":"Combobox Rich Content 5   Items with Icons and Descriptions","d":"Items with Icons and Descriptions combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-rich-content-6","t":"Combobox Rich Content 6   Color Coded Items","d":"Color-Coded Items combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-rich-content-7","t":"Combobox Rich Content 7   Items with Action Buttons","d":"Items with Action Buttons combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-standard-1","t":"Combobox Standard 1   Simple Single Select","d":"Simple Single Select combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:combobox-combobox-standard-2","t":"Combobox Standard 2   With Default Selected Value","d":"With Default Selected Value combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-standard-3","t":"Combobox Standard 3   With Item Icons","d":"With Item Icons combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-standard-4","t":"Combobox Standard 4   Small Size Variant","d":"Small Size Variant combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-standard-5","t":"Combobox Standard 5   Large Size Variant","d":"Large Size Variant combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-standard-6","t":"Combobox Standard 6   Disabled State","d":"Disabled State combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-standard-7","t":"Combobox Standard 7   Full Width Variant","d":"Full Width Variant combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-with-states-1","t":"Combobox With States 1   Loading State","d":"Loading State combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-with-states-2","t":"Combobox With States 2   Error State with Retry","d":"Error State with Retry combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-with-states-3","t":"Combobox With States 3   Empty State with Action","d":"Empty State with Action combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-with-states-4","t":"Combobox With States 4   No Results Variation","d":"No Results Variation combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-with-states-5","t":"Combobox With States 5   With Validation Feedback","d":"With Validation Feedback combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-with-states-6","t":"Combobox With States 6   With Disabled Items","d":"With Disabled Items combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:combobox-combobox-with-states-7","t":"Combobox With States 7   Read Only/View Mode","d":"Read-Only/View Mode combobox using shadcn Command and Popover.","s":"shadcnblocks","c":"inputs/combobox"},{"id":"shadcnblocks:command-command-dialog-1","t":"Command Dialog 1   Simple Command Dialog","d":"Simple Command Dialog using shadcn Command in a dialog.","s":"shadcnblocks","c":"navigation/command-palette","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:command-command-dialog-2","t":"Command Dialog 2   Command Dialog with Icons and Shortcuts","d":"Command Dialog with Icons and Shortcuts using shadcn Command in a dialog.","s":"shadcnblocks","c":"navigation/command-palette"},{"id":"shadcnblocks:command-command-dialog-3","t":"Command Dialog 3   Command Dialog with Separators","d":"Command Dialog with Separators using shadcn Command in a dialog.","s":"shadcnblocks","c":"navigation/command-palette","hc":1},{"id":"shadcnblocks:command-command-dialog-4","t":"Command Dialog 4   Command Dialog with Badges","d":"Command Dialog with Badges using shadcn Command in a dialog.","s":"shadcnblocks","c":"navigation/command-palette"},{"id":"shadcnblocks:command-command-dialog-5","t":"Command Dialog 5   Command Dialog with Descriptions","d":"Command Dialog with Descriptions using shadcn Command in a dialog.","s":"shadcnblocks","c":"navigation/command-palette"},{"id":"shadcnblocks:command-command-dialog-6","t":"Command Dialog 6   Command Dialog Actions Menu","d":"Command Dialog Actions Menu using shadcn Command in a dialog.","s":"shadcnblocks","c":"navigation/command-palette"},{"id":"shadcnblocks:command-command-dialog-7","t":"Command Dialog 7   Command Dialog with Status Indicators","d":"Command Dialog with Status Indicators using shadcn Command in a dialog.","s":"shadcnblocks","c":"navigation/command-palette"},{"id":"shadcnblocks:command-command-popover-1","t":"Command Popover 1   Simple Command Popover","d":"Simple Command Popover using shadcn Command in a popover.","s":"shadcnblocks","c":"navigation/command-palette","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:command-command-popover-2","t":"Command Popover 2   Command Popover with Icons and Shortcuts","d":"Command Popover with Icons and Shortcuts using shadcn Command in a popover.","s":"shadcnblocks","c":"navigation/command-palette"},{"id":"shadcnblocks:command-command-popover-3","t":"Command Popover 3   Command Popover with Separators","d":"Command Popover with Separators using shadcn Command in a popover.","s":"shadcnblocks","c":"navigation/command-palette"},{"id":"shadcnblocks:command-command-popover-4","t":"Command Popover 4   Command Popover with Badges","d":"Command Popover with Badges using shadcn Command in a popover.","s":"shadcnblocks","c":"navigation/command-palette"},{"id":"shadcnblocks:command-command-popover-5","t":"Command Popover 5   Command Popover with Descriptions","d":"Command Popover with Descriptions using shadcn Command in a popover.","s":"shadcnblocks","c":"navigation/command-palette"},{"id":"shadcnblocks:command-command-popover-6","t":"Command Popover 6   Command Popover Actions Menu","d":"Command Popover Actions Menu using shadcn Command in a popover.","s":"shadcnblocks","c":"navigation/command-palette"},{"id":"shadcnblocks:command-command-popover-7","t":"Command Popover 7   Command Popover with Status Indicators","d":"Command Popover with Status Indicators using shadcn Command in a popover.","s":"shadcnblocks","c":"navigation/command-palette"},{"id":"shadcnblocks:command-command-standard-1","t":"Command Standard 1   Simple Command Menu","d":"Simple Command Menu using shadcn Command.","s":"shadcnblocks","c":"navigation/command-palette","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:command-command-standard-2","t":"Command Standard 2   Command with Icons and Shortcuts","d":"Command with Icons and Shortcuts using shadcn Command.","s":"shadcnblocks","c":"navigation/command-palette"},{"id":"shadcnblocks:command-command-standard-3","t":"Command Standard 3   Command with Separators","d":"Command with Separators using shadcn Command.","s":"shadcnblocks","c":"navigation/command-palette"},{"id":"shadcnblocks:command-command-standard-4","t":"Command Standard 4   Command with Badges","d":"Command with Badges using shadcn Command.","s":"shadcnblocks","c":"navigation/command-palette"},{"id":"shadcnblocks:command-command-standard-5","t":"Command Standard 5   Command with Descriptions","d":"Command with Descriptions using shadcn Command.","s":"shadcnblocks","c":"navigation/command-palette"},{"id":"shadcnblocks:command-command-standard-6","t":"Command Standard 6   Command Actions Menu","d":"Command Actions Menu using shadcn Command.","s":"shadcnblocks","c":"navigation/command-palette","hc":1},{"id":"shadcnblocks:command-command-standard-7","t":"Command Standard 7   Command with Status Indicators","d":"Command with Status Indicators using shadcn Command.","s":"shadcnblocks","c":"navigation/command-palette"},{"id":"shadcnblocks:comparison-comparison-content-1","t":"Comparison Content 1   UI mockup comparison","d":"Comparison of two non-image UI panels instead of photos.","k":"section","s":"shadcnblocks","c":"marketing/comparison"},{"id":"shadcnblocks:comparison-comparison-handle-1","t":"Comparison Handle 1   Labeled handle","d":"Comparison handle with custom Before and After labels.","k":"section","s":"shadcnblocks","c":"marketing/comparison"},{"id":"shadcnblocks:comparison-comparison-hover-1","t":"Comparison Hover 1   Hover mode","d":"Comparison slider that reveals the after image on hover.","k":"section","s":"shadcnblocks","c":"marketing/comparison"},{"id":"shadcnblocks:comparison-comparison-standard-1","t":"Comparison Standard 1   Drag before and after","d":"Image comparison slider in drag mode with a default handle.","k":"section","s":"shadcnblocks","c":"marketing/comparison","hc":1},{"id":"shadcnblocks:context-menu-context-menu-canvas-1","t":"Context Menu Canvas 1   Layer Arrange Menu","d":"Layer Arrange Menu using shadcn ContextMenu.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-canvas-2","t":"Context Menu Canvas 2   Align and Distribute Menu","d":"Align and Distribute Menu using shadcn ContextMenu with submenus.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-canvas-3","t":"Context Menu Canvas 3   Group and Lock Menu","d":"Group and Lock Menu using shadcn ContextMenu.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-canvas-4","t":"Context Menu Canvas 4   Layer Management Menu","d":"Layer Management Menu using shadcn ContextMenu.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-canvas-5","t":"Context Menu Canvas 5   Transform Menu","d":"Transform Menu using shadcn ContextMenu with submenus.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-file-1","t":"Context Menu File 1   File Operations Menu","d":"File Operations Menu using shadcn ContextMenu.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-file-2","t":"Context Menu File 2   Copy and Move Menu","d":"Copy and Move Menu using shadcn ContextMenu.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-file-3","t":"Context Menu File 3   Archive and Compress Menu","d":"Archive and Compress Menu using shadcn ContextMenu with submenus.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-file-4","t":"Context Menu File 4   Share and Export Menu","d":"Share and Export Menu using shadcn ContextMenu with submenus.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-file-5","t":"Context Menu File 5   File Properties Menu","d":"File Properties Menu using shadcn ContextMenu.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-standard-1","t":"Context Menu Standard 1   Simple Context Menu","d":"Simple Context Menu using shadcn ContextMenu.","s":"shadcnblocks","c":"overlays/context-menu","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnblocks:context-menu-context-menu-standard-2","t":"Context Menu Standard 2   Context Menu with Icons and Shortcuts","d":"Context Menu with Icons and Shortcuts using shadcn ContextMenu.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-standard-3","t":"Context Menu Standard 3   Context Menu with Separators","d":"Context Menu with Separators using shadcn ContextMenu.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-standard-4","t":"Context Menu Standard 4   Context Menu with Labels","d":"Context Menu with Labels using shadcn ContextMenu.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-standard-5","t":"Context Menu Standard 5   Context Menu with Checkboxes","d":"Context Menu with Checkboxes using shadcn ContextMenu.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-standard-6","t":"Context Menu Standard 6   Context Menu with Radio Items","d":"Context Menu with Radio Items using shadcn ContextMenu.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-standard-7","t":"Context Menu Standard 7   Context Menu with Submenus","d":"Context Menu with Submenus using shadcn ContextMenu with submenus.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-table-1","t":"Context Menu Table 1   Table Sort Menu","d":"Table Sort Menu using shadcn ContextMenu.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-table-2","t":"Context Menu Table 2   Table Filter Menu","d":"Table Filter Menu using shadcn ContextMenu with submenus.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-table-3","t":"Context Menu Table 3   Table Export Menu","d":"Table Export Menu using shadcn ContextMenu with submenus.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-table-4","t":"Context Menu Table 4   Table Row Operations Menu","d":"Table Row Operations Menu using shadcn ContextMenu.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-table-5","t":"Context Menu Table 5   Table Column Operations Menu","d":"Table Column Operations Menu using shadcn ContextMenu.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-text-1","t":"Context Menu Text 1   Text Editing Menu","d":"Text Editing Menu using shadcn ContextMenu.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-text-2","t":"Context Menu Text 2   Text Formatting Menu","d":"Text Formatting Menu using shadcn ContextMenu.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-text-3","t":"Context Menu Text 3   Text Alignment Menu","d":"Text Alignment Menu using shadcn ContextMenu with submenus.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:context-menu-context-menu-text-4","t":"Context Menu Text 4   Spell Check Menu","d":"Spell Check Menu using shadcn ContextMenu.","s":"shadcnblocks","c":"overlays/context-menu","hc":1},{"id":"shadcnblocks:context-menu-context-menu-text-5","t":"Context Menu Text 5   Font and Style Menu","d":"Font and Style Menu using shadcn ContextMenu with submenus.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:contribution-graph-contribution-graph-colors-1","t":"Contribution Graph Colors 1   Custom level colors","d":"Contribution graph blocks styled with custom data-level colors.","s":"shadcnblocks","c":"data-viz/chart","sb":"Heatmap"},{"id":"shadcnblocks:contribution-graph-contribution-graph-minimal-1","t":"Contribution Graph Minimal 1   Calendar only","d":"Minimal contribution graph without footer count or legend.","s":"shadcnblocks","c":"data-viz/chart","tg":["minimal"],"sb":"Heatmap","sy":["minimal"]},{"id":"shadcnblocks:contribution-graph-contribution-graph-sizes-1","t":"Contribution Graph Sizes 1   Larger blocks","d":"Contribution graph with larger block size and margin.","s":"shadcnblocks","c":"data-viz/chart","sb":"Heatmap"},{"id":"shadcnblocks:contribution-graph-contribution-graph-standard-1","t":"Contribution Graph Standard 1   Full year contribution graph","d":"GitHub-style full-year contribution calendar in a compact rectangle.","s":"shadcnblocks","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"shadcnblocks:counter-counter-1","t":"Counter 1   Counter button","d":"Animated counter with plus/minus buttons and sliding number transition.","k":"motion","s":"shadcnblocks","c":"motion/number-ticker","hc":1},{"id":"shadcnblocks:counter-counter-2","t":"Counter 2   Counter with initial value","d":"Counter button starting at 5 with custom min/max bounds.","k":"motion","s":"shadcnblocks","c":"motion/number-ticker","hc":1},{"id":"shadcnblocks:counter-counter-3","t":"Counter 3   Counter outline","d":"Counter button with outline/secondary styling.","k":"motion","s":"shadcnblocks","c":"motion/number-ticker"},{"id":"shadcnblocks:counter-counter-4","t":"Counter 4   Counter secondary","d":"Counter button with outline/secondary styling.","k":"motion","s":"shadcnblocks","c":"motion/number-ticker"},{"id":"shadcnblocks:counter-counter-5","t":"Counter 5   Counter pill","d":"Counter button with outline/secondary styling.","k":"motion","s":"shadcnblocks","c":"motion/number-ticker"},{"id":"shadcnblocks:counter-counter-6","t":"Counter 6   Counter shadow","d":"Counter button with outline/secondary styling.","k":"motion","s":"shadcnblocks","c":"motion/number-ticker"},{"id":"shadcnblocks:counter-counter-7","t":"Counter 7   Counter dashed","d":"Counter button with outline/secondary styling.","k":"motion","s":"shadcnblocks","c":"motion/number-ticker"},{"id":"shadcnblocks:counter-counter-8","t":"Counter 8   Counter muted","d":"Counter button with outline/secondary styling.","k":"motion","s":"shadcnblocks","c":"motion/number-ticker"},{"id":"shadcnblocks:counter-counter-like-1","t":"Counter Like 1   Like counter","d":"Heart toggle button with animated count and color change.","k":"motion","s":"shadcnblocks","c":"motion/number-ticker"},{"id":"shadcnblocks:counter-counter-like-2","t":"Counter Like 2   Like counter outline","d":"Like toggle counter with outline/secondary styling.","k":"motion","s":"shadcnblocks","c":"motion/number-ticker"},{"id":"shadcnblocks:counter-counter-like-3","t":"Counter Like 3   Like counter secondary","d":"Like toggle counter with outline/secondary styling.","k":"motion","s":"shadcnblocks","c":"motion/number-ticker"},{"id":"shadcnblocks:credit-card-credit-card-back-1","t":"Credit Card Back 1   Card back","d":"Credit card back with magnetic stripe, expiry, and CVV fields.","s":"shadcnblocks","c":"data-display/card","sb":"Payment","hc":1},{"id":"shadcnblocks:credit-card-credit-card-chip-1","t":"Credit Card Chip 1   With chip","d":"Credit card front with EMV chip detail and provider logo.","s":"shadcnblocks","c":"data-display/card","sb":"Payment","hc":1},{"id":"shadcnblocks:credit-card-credit-card-composition-1","t":"Credit Card Composition 1   Full composition","d":"Complete card front with chip, number, name, expiry, and provider logo.","s":"shadcnblocks","c":"data-display/card","sb":"Payment"},{"id":"shadcnblocks:credit-card-credit-card-flip-1","t":"Credit Card Flip 1   Flip on hover","d":"Credit card that flips on hover to reveal front and back faces.","s":"shadcnblocks","c":"data-display/card","sb":"Animated and glowing"},{"id":"shadcnblocks:credit-card-credit-card-mastercard-1","t":"Credit Card Mastercard 1   Mastercard brand","d":"Front-facing card styled for Mastercard with provider branding.","s":"shadcnblocks","c":"data-display/card","sb":"Payment"},{"id":"shadcnblocks:credit-card-credit-card-standard-1","t":"Credit Card Standard 1   Standard visa","d":"Front-facing Visa card with card number and provider logo.","s":"shadcnblocks","c":"data-display/card","sb":"Payment"},{"id":"shadcnblocks:data-table-data-table-advanced-1","t":"Data Table Advanced 1   Expandable sub rows","d":"TanStack Table with expandable parent rows revealing nested task sub-rows.","s":"shadcnblocks","c":"data-display/table","sb":"Expandable"},{"id":"shadcnblocks:data-table-data-table-advanced-2","t":"Data Table Advanced 2   Numeric pagination","d":"TanStack Table with numbered page buttons instead of only prev/next.","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table-data-table-advanced-3","t":"Data Table Advanced 3   Resizable columns","d":"TanStack Table with drag handles to resize column widths interactively.","s":"shadcnblocks","c":"data-display/table","sb":"Data tables","hc":1},{"id":"shadcnblocks:data-table-data-table-advanced-4","t":"Data Table Advanced 4   Data table with actions","d":"TanStack Table with a per-row actions menu for edit, copy, and delete.","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table-data-table-customers-1","t":"Data Table Customers 1   Rows with avatar, value, and status","d":"Table rows with an avatar, a value-band badge, and a status badge.","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table-data-table-inventory-1","t":"Data Table Inventory 1   Sortable columns with a visibility menu","d":"Table with sortable headers and a menu to show or hide columns.","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table-data-table-inventory-2","t":"Data Table Inventory 2   Card style rows with status and tags","d":"Thumbnail rows with status badges, tags, and a short summary.","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table-data-table-inventory-3","t":"Data Table Inventory 3   Table rows with sparklines","d":"Table rows that pair a headline value with a small area sparkline.","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table-data-table-inventory-4","t":"Data Table Inventory 4   List with a side filter panel","d":"Row list beside a filter panel whose options hide and show rows.","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table-data-table-orders-1","t":"Data Table Orders 1   Rows with status badges","d":"Table rows that pair an identifier and date with status badges and a total.","s":"shadcnblocks","c":"data-display/table","sb":"Transactions"},{"id":"shadcnblocks:data-table-data-table-orders-2","t":"Data Table Orders 2   Rows with a step track","d":"Table rows with a status badge and a four-step progress track.","s":"shadcnblocks","c":"data-display/table","sb":"Transactions"},{"id":"shadcnblocks:data-table-data-table-shipments-1","t":"Data Table Shipments 1   Rows with a progress rail","d":"Table rows with a status badge, a progress rail, and a service tag.","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table-data-table-standard-1","t":"Data Table Standard 1   Basic data table with checkboxes","d":"TanStack Table with row selection checkboxes, sortable columns, and selection count.","s":"shadcnblocks","c":"data-display/table","tg":["minimal"],"sb":"Data tables","sy":["minimal"]},{"id":"shadcnblocks:data-table-data-table-standard-2","t":"Data Table Standard 2   Data table with filters","d":"TanStack Table with text filter on email and faceted status filter dropdown.","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-table-data-table-standard-3","t":"Data Table Standard 3   Data table with column visibility","d":"TanStack Table with a dropdown to toggle which columns are visible.","s":"shadcnblocks","c":"data-display/table","sb":"Data tables","hc":1},{"id":"shadcnblocks:data-table-data-table-standard-4","t":"Data Table Standard 4   Paginated data table","d":"TanStack Table with page size control and previous/next pagination.","s":"shadcnblocks","c":"data-display/table","sb":"Data tables"},{"id":"shadcnblocks:data-toolbar-data-toolbar-columns-1","t":"Data Toolbar Columns 1   Toolbar column menu","d":"shadcn data toolbar component with search and a column visibility menu.","s":"shadcnblocks","c":"navigation/menu","sb":"Menubars"},{"id":"shadcnblocks:data-toolbar-data-toolbar-search-1","t":"Data Toolbar Search 1   Toolbar search","d":"shadcn data toolbar component with a search field only.","s":"shadcnblocks","c":"navigation/menu","sb":"Menubars"},{"id":"shadcnblocks:data-toolbar-data-toolbar-tabs-1","t":"Data Toolbar Tabs 1   Toolbar with status tabs","d":"shadcn data toolbar component with search and status tabs.","s":"shadcnblocks","c":"navigation/menu","sb":"Menubars"},{"id":"shadcnblocks:date-picker-date-picker-standard-1","t":"Date Picker Standard 1   Date picker with range","d":"Popover calendar for selecting a start and end date range in one control.","s":"shadcnblocks","c":"inputs/date-picker"},{"id":"shadcnblocks:date-picker-date-picker-standard-2","t":"Date Picker Standard 2   Date picker with month and year selector","d":"Calendar with dropdowns to jump month and year without paging month by month.","s":"shadcnblocks","c":"inputs/date-picker","hc":1},{"id":"shadcnblocks:date-picker-date-picker-standard-3","t":"Date Picker Standard 3   Date picker as appointment picker","d":"Side-by-side calendar and time slot list for choosing an appointment datetime.","s":"shadcnblocks","c":"inputs/date-picker"},{"id":"shadcnblocks:date-picker-date-picker-standard-4","t":"Date Picker Standard 4   Date picker with date and time","d":"Calendar plus hour and minute scroll areas for a full datetime selection.","s":"shadcnblocks","c":"inputs/date-picker"},{"id":"shadcnblocks:date-picker-date-picker-standard-5","t":"Date Picker Standard 5   Date picker with natural language","d":"Calendar with shortcut buttons for Today, Tomorrow, and relative day labels.","s":"shadcnblocks","c":"inputs/date-picker","hc":1},{"id":"shadcnblocks:date-picker-date-picker-standard-6","t":"Date Picker Standard 6   Date picker with disabled dates","d":"Calendar that disables weekends or other dates via disabled matcher props.","s":"shadcnblocks","c":"inputs/date-picker"},{"id":"shadcnblocks:date-picker-date-picker-standard-7","t":"Date Picker Standard 7   Date picker with multiple day selection","d":"Calendar in multiple selection mode for choosing several non-contiguous days.","s":"shadcnblocks","c":"inputs/date-picker"},{"id":"shadcnblocks:date-picker-date-picker-standard-8","t":"Date Picker Standard 8   Date picker with custom select day style","d":"Calendar with custom modifiers styling selected or special days differently.","s":"shadcnblocks","c":"inputs/date-picker"},{"id":"shadcnblocks:deck-deck-controlled-1","t":"Deck Controlled 1   Controlled index","d":"Deck with controlled current index and external next button.","s":"shadcnblocks","c":"media/card-stack"},{"id":"shadcnblocks:deck-deck-fan-1","t":"Deck Fan 1   Fanned cards stack","d":"Peeking deck fanned left and right so the stack reads as interactive.","s":"shadcnblocks","c":"media/card-stack"},{"id":"shadcnblocks:deck-deck-peek-1","t":"Deck Peek 1   Peeking card stack","d":"Stacked deck with a clear peek of the cards underneath.","s":"shadcnblocks","c":"media/card-stack"},{"id":"shadcnblocks:deck-deck-stack-1","t":"Deck Stack 1   Deeper stack","d":"Deck with a larger visible stack size behind the top card.","s":"shadcnblocks","c":"media/card-stack"},{"id":"shadcnblocks:deck-deck-standard-1","t":"Deck Standard 1   Swipe card deck","d":"Swipeable card stack with empty state after the last card.","s":"shadcnblocks","c":"media/card-stack","hc":1},{"id":"shadcnblocks:deck-deck-swipe-1","t":"Deck Swipe 1   Track swipe direction","d":"Deck that records left and right swipe decisions.","s":"shadcnblocks","c":"media/card-stack"},{"id":"shadcnblocks:dialog-stack-dialog-stack-clickable-1","t":"Dialog Stack Clickable 1   Clickable prior layers","d":"Dialog stack that lets users click earlier layers to go back.","s":"shadcnblocks","c":"overlays/dialog"},{"id":"shadcnblocks:dialog-stack-dialog-stack-controlled-1","t":"Dialog Stack Controlled 1   Controlled open state","d":"Dialog stack open state controlled by parent React state.","s":"shadcnblocks","c":"overlays/dialog"},{"id":"shadcnblocks:dialog-stack-dialog-stack-nested-1","t":"Dialog Stack Nested 1   Three step flow","d":"Three stacked dialog panels for a longer setup sequence.","s":"shadcnblocks","c":"overlays/dialog","tg":["webgl"],"sb":"Onboarding","sy":["webgl"]},{"id":"shadcnblocks:dialog-stack-dialog-stack-standard-1","t":"Dialog Stack Standard 1   Two step dialog stack","d":"Stacked dialogs with next and previous navigation.","s":"shadcnblocks","c":"overlays/dialog","sb":"Onboarding","hc":1},{"id":"shadcnblocks:dialog-dialog-standard-1","t":"Dialog Standard 1   Standard dialog","d":"Basic shadcn Dialog with trigger, header, share link field, and footer actions.","s":"shadcnblocks","c":"overlays/dialog","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:dialog-dialog-standard-10","t":"Dialog Standard 10   Signup form","d":"Dialog containing name, email, and password fields for account registration.","s":"shadcnblocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcnblocks:dialog-dialog-standard-11","t":"Dialog Standard 11   Signin form","d":"Dialog with email, password, and sign-in action for returning users.","s":"shadcnblocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcnblocks:dialog-dialog-standard-12","t":"Dialog Standard 12   Invite team members","d":"Dialog to enter email addresses and send team invitations from a workspace.","s":"shadcnblocks","c":"overlays/dialog","sb":"Share and invite"},{"id":"shadcnblocks:dialog-dialog-standard-13","t":"Dialog Standard 13   Card details","d":"Dialog form for card number, expiry, and CVC entry in a payment flow.","s":"shadcnblocks","c":"overlays/dialog"},{"id":"shadcnblocks:dialog-dialog-standard-14","t":"Dialog Standard 14   Checkout","d":"Dialog summarizing order items, totals, and confirm purchase actions.","s":"shadcnblocks","c":"overlays/dialog"},{"id":"shadcnblocks:dialog-dialog-standard-15","t":"Dialog Standard 15   Plan selection","d":"Dialog comparing subscription plans with select or upgrade actions.","s":"shadcnblocks","c":"overlays/dialog"},{"id":"shadcnblocks:dialog-dialog-standard-16","t":"Dialog Standard 16   Edit profile","d":"Dialog with avatar, name, and bio fields for quick profile updates.","s":"shadcnblocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcnblocks:dialog-dialog-standard-17","t":"Dialog Standard 17   Onboarding","d":"Multi-step onboarding dialog walking through welcome and setup tasks.","s":"shadcnblocks","c":"overlays/dialog","sb":"Onboarding"},{"id":"shadcnblocks:dialog-dialog-standard-2","t":"Dialog Standard 2   Scrollable dialog","d":"Dialog with a tall scrollable body region for content longer than the viewport.","s":"shadcnblocks","c":"overlays/dialog"},{"id":"shadcnblocks:dialog-dialog-standard-3","t":"Dialog Standard 3   Scrollable dialog with sticky header","d":"Scrollable dialog body with a header bar that stays visible while content scrolls.","s":"shadcnblocks","c":"overlays/dialog"},{"id":"shadcnblocks:dialog-dialog-standard-4","t":"Dialog Standard 4   Terms and conditions","d":"Dialog presenting scrollable legal text with accept and decline footer actions.","s":"shadcnblocks","c":"overlays/dialog","hc":1},{"id":"shadcnblocks:dialog-dialog-standard-5","t":"Dialog Standard 5   Delete confirmation","d":"Destructive confirmation dialog requiring typed phrase before delete proceeds.","s":"shadcnblocks","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcnblocks:dialog-dialog-standard-6","t":"Dialog Standard 6   Newsletter signup","d":"Dialog with email field and subscribe action for capturing newsletter signups.","s":"shadcnblocks","c":"overlays/dialog","sb":"Forms"},{"id":"shadcnblocks:dialog-dialog-standard-7","t":"Dialog Standard 7   Feedback","d":"Dialog with textarea and rating-style feedback submission for product input.","s":"shadcnblocks","c":"overlays/dialog"},{"id":"shadcnblocks:dialog-dialog-standard-8","t":"Dialog Standard 8   Rating","d":"Dialog letting users pick a star or numeric rating before submitting.","s":"shadcnblocks","c":"overlays/dialog","hc":1},{"id":"shadcnblocks:dialog-dialog-standard-9","t":"Dialog Standard 9   OTP code","d":"Dialog with segmented one-time password inputs and verify action.","s":"shadcnblocks","c":"overlays/dialog"},{"id":"shadcnblocks:drawer-drawer-bottom-1","t":"Drawer Bottom 1   Simple bottom drawer","d":"Vaul bottom Drawer with trigger button and short content panel.","s":"shadcnblocks","c":"overlays/sheet","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:drawer-drawer-bottom-2","t":"Drawer Bottom 2   Bottom drawer with form","d":"Bottom drawer containing labeled inputs and submit for a compact form.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:drawer-drawer-bottom-3","t":"Drawer Bottom 3   Scrollable bottom drawer","d":"Bottom drawer with scrollable body for longer lists or copy.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:drawer-drawer-bottom-4","t":"Drawer Bottom 4   Bottom drawer with snap points","d":"Vaul drawer with multiple snap heights the user can drag between.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:drawer-drawer-bottom-5","t":"Drawer Bottom 5   Nested bottom drawers","d":"Stacked bottom drawers opening a second sheet from the first.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:drawer-drawer-bottom-6","t":"Drawer Bottom 6   Bottom drawer without scale background","d":"Bottom drawer that does not scale the page behind when open.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:drawer-drawer-bottom-7","t":"Drawer Bottom 7   Bottom drawer event details","d":"Bottom sheet showing event title, time, location, and RSVP actions.","s":"shadcnblocks","c":"overlays/sheet","hc":1},{"id":"shadcnblocks:drawer-drawer-left-1","t":"Drawer Left 1   Simple left drawer","d":"Left-side drawer sliding in for supplementary content or actions.","s":"shadcnblocks","c":"overlays/sheet","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:drawer-drawer-left-2","t":"Drawer Left 2   Left drawer navigation menu","d":"Left drawer with vertical nav links replacing a collapsed sidebar.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:drawer-drawer-left-3","t":"Drawer Left 3   Left drawer with nested items","d":"Left navigation drawer with expandable sections for nested routes.","s":"shadcnblocks","c":"overlays/sheet","hc":1},{"id":"shadcnblocks:drawer-drawer-left-4","t":"Drawer Left 4   Left drawer with search","d":"Left drawer combining search input with filtered navigation results.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:drawer-drawer-left-5","t":"Drawer Left 5   Left drawer file explorer","d":"Left drawer listing folders and files in an explorer-style tree.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:drawer-drawer-right-1","t":"Drawer Right 1   Simple right drawer","d":"Right-side drawer for detail panels opened from the main layout.","s":"shadcnblocks","c":"overlays/sheet","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:drawer-drawer-right-2","t":"Drawer Right 2   Right drawer filter panel","d":"Right drawer with filter controls for lists, tables, or search results.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:drawer-drawer-right-3","t":"Drawer Right 3   Right drawer settings panel","d":"Right drawer hosting grouped settings fields and save actions.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:drawer-drawer-right-4","t":"Drawer Right 4   Right drawer shopping cart","d":"Right drawer listing cart line items, quantities, and checkout CTA.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:drawer-drawer-right-5","t":"Drawer Right 5   Right drawer notifications","d":"Right drawer feed of notification items with read and dismiss actions.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:drawer-drawer-top-1","t":"Drawer Top 1   Simple top drawer","d":"Top-edge drawer sliding down for banners or brief messages.","s":"shadcnblocks","c":"overlays/sheet","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:drawer-drawer-top-2","t":"Drawer Top 2   Top drawer search bar","d":"Top drawer expanding into a full-width search field and results area.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:drawer-drawer-top-3","t":"Drawer Top 3   Top drawer notification banner","d":"Top sheet styled as a dismissible system or promo notification.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:drawer-drawer-top-4","t":"Drawer Top 4   Top drawer quick actions","d":"Top drawer grid of shortcut actions for frequent tasks.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:drawer-drawer-top-5","t":"Drawer Top 5   Top drawer command bar","d":"Top drawer with command palette style search and actionable items.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-actions-1","t":"Dropdown Menu Actions 1   File actions dropdown","d":"File row menu with open, rename, duplicate, and delete actions.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-actions-2","t":"Dropdown Menu Actions 2   Table row actions","d":"Per-row overflow menu for view, edit, and archive on table records.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-actions-3","t":"Dropdown Menu Actions 3   Card actions with nested share","d":"Card header menu with nested share submenu for social targets.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-actions-4","t":"Dropdown Menu Actions 4   Batch actions dropdown","d":"Toolbar menu applying actions to all currently selected rows.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-actions-5","t":"Dropdown Menu Actions 5   Quick actions menu","d":"Compact overflow of frequent create and upload shortcuts.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-editor-1","t":"Dropdown Menu Editor 1   Text formatting dropdown","d":"Editor toolbar menu for bold, italic, underline, and link formatting.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-editor-2","t":"Dropdown Menu Editor 2   Block type selector","d":"Menu to change block type between paragraph, heading, and list.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-editor-3","t":"Dropdown Menu Editor 3   Insert options dropdown","d":"Menu to insert image, table, code block, or divider into content.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-editor-4","t":"Dropdown Menu Editor 4   Heading selector","d":"Dropdown choosing heading level H1 through H4 for the current block.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-editor-5","t":"Dropdown Menu Editor 5   Alignment options","d":"Menu setting text alignment left, center, right, or justify.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-profile-1","t":"Dropdown Menu Profile 1   Profile dropdown with avatar","d":"Avatar trigger opening account links, settings, and sign out.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-profile-2","t":"Dropdown Menu Profile 2   Profile dropdown with status","d":"Profile menu including online, away, and busy presence status radios.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-profile-3","t":"Dropdown Menu Profile 3   Account settings dropdown","d":"Menu linking to security, notifications, and billing settings pages.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-profile-4","t":"Dropdown Menu Profile 4   Multi account switcher","d":"Profile menu listing workspaces or accounts with switch action.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-profile-5","t":"Dropdown Menu Profile 5   Profile with preferences","d":"Profile menu mixing links with inline theme or density toggles.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-settings-1","t":"Dropdown Menu Settings 1   Theme selector","d":"Settings menu radio group for light, dark, and system theme.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-settings-2","t":"Dropdown Menu Settings 2   Language selector","d":"Menu listing locales with radio selection for interface language.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-settings-3","t":"Dropdown Menu Settings 3   Preferences dropdown","d":"Menu with checkbox toggles for notifications, sounds, and compact mode.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-settings-4","t":"Dropdown Menu Settings 4   Notification settings","d":"Menu toggling email, push, and in-app notification channels.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-settings-5","t":"Dropdown Menu Settings 5   View options","d":"Menu controlling list density, column visibility, or layout mode.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-standard-1","t":"Dropdown Menu Standard 1   Simple dropdown with icons","d":"Radix DropdownMenu with icon-leading items and separator groups.","s":"shadcnblocks","c":"navigation/menu","tg":["minimal"],"sb":"Dropdowns","sy":["minimal"]},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-standard-2","t":"Dropdown Menu Standard 2   Dropdown with groups and labels","d":"DropdownMenu with labeled sections grouping related menu items.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-standard-3","t":"Dropdown Menu Standard 3   Dropdown with shortcuts","d":"Menu items showing keyboard shortcut hints on the trailing side.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-standard-4","t":"Dropdown Menu Standard 4   Dropdown with checkboxes","d":"DropdownMenuCheckboxItem entries toggling column or filter visibility.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-standard-5","t":"Dropdown Menu Standard 5   Dropdown with radio items","d":"DropdownMenuRadioGroup enforcing a single selected option among items.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-standard-6","t":"Dropdown Menu Standard 6   Nested dropdown","d":"DropdownMenuSub opening a secondary menu for related child actions.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-standard-7","t":"Dropdown Menu Standard 7   Mixed features dropdown","d":"Dropdown combining icons, shortcuts, checkboxes, and nested submenus.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-support-1","t":"Dropdown Menu Support 1   Support dropdown","d":"Help menu with documentation, contact support, and status links.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-support-2","t":"Dropdown Menu Support 2   Help menu","d":"Menu with keyboard shortcuts, tours, and FAQ entries.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropdown-menu-dropdown-menu-support-3","t":"Dropdown Menu Support 3   Resources menu","d":"Menu linking to blog, changelog, API docs, and downloads.","s":"shadcnblocks","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnblocks:dropzone-dropzone-images-1","t":"Dropzone Images 1   Images only","d":"Dropzone restricted to image file types.","s":"shadcnblocks","c":"inputs/file-upload","hc":1},{"id":"shadcnblocks:dropzone-dropzone-multiple-1","t":"Dropzone Multiple 1   Multiple file upload","d":"Dropzone accepting more than one file at a time.","s":"shadcnblocks","c":"inputs/file-upload","hc":1},{"id":"shadcnblocks:dropzone-dropzone-preview-1","t":"Dropzone Preview 1   Uploaded file content","d":"Dropzone showing content state after a file is selected.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:dropzone-dropzone-size-limit-1","t":"Dropzone Size Limit 1   Maximum file size","d":"Dropzone with a maxSize constraint and caption.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:dropzone-dropzone-standard-1","t":"Dropzone Standard 1   Single file upload","d":"Basic dropzone for uploading one file.","s":"shadcnblocks","c":"inputs/file-upload","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:editor-editor-bubble-1","t":"Editor Bubble 1   Selection bubble menu","d":"Format selected text with a floating bubble menu.","s":"shadcnblocks","c":"inputs/textarea"},{"id":"shadcnblocks:editor-editor-code-1","t":"Editor Code 1   Code blocks & inline code","d":"Syntax-highlighted code blocks with inline code marks.","s":"shadcnblocks","c":"inputs/textarea"},{"id":"shadcnblocks:editor-editor-limit-1","t":"Editor Limit 1   Character limit","d":"Rich text field with a character limit and live counter.","s":"shadcnblocks","c":"inputs/textarea"},{"id":"shadcnblocks:editor-editor-lists-1","t":"Editor Lists 1   Task, bullet & ordered lists","d":"Checklist, unordered, and numbered lists in one editor.","s":"shadcnblocks","c":"inputs/textarea"},{"id":"shadcnblocks:editor-editor-slash-1","t":"Editor Slash 1   Slash commands & floating menu","d":"Insert blocks with slash commands or the empty-line floating menu.","s":"shadcnblocks","c":"inputs/textarea"},{"id":"shadcnblocks:editor-editor-standard-1","t":"Editor Standard 1   Rich text editor","d":"Full TipTap editor with slash commands, bubble menu, floating menu, and tables.","s":"shadcnblocks","c":"inputs/textarea","hc":1},{"id":"shadcnblocks:editor-editor-table-1","t":"Editor Table 1   Editable data table","d":"Rich-text table with row, column, and cell management menus.","s":"shadcnblocks","c":"inputs/textarea"},{"id":"shadcnblocks:editor-editor-toolbar-1","t":"Editor Toolbar 1   Fixed formatting toolbar","d":"Always-visible toolbar for block types and inline formatting.","s":"shadcnblocks","c":"inputs/textarea"},{"id":"shadcnblocks:emoji-picker-emoji-picker-basic","t":"Emoji Picker Basic   Emoji picker basic","d":"shadcnblocks EmojiPicker in a popover opened from an icon button.","s":"shadcnblocks","c":"inputs/select","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:emoji-picker-emoji-picker-custom-trigger","t":"Emoji Picker Custom Trigger   Emoji picker with custom trigger","d":"EmojiPicker opened from a custom-styled trigger instead of the default button.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:emoji-picker-emoji-picker-different-variants","t":"Emoji Picker Different Variants   Emoji picker with different button variants","d":"Multiple triggers showing emoji picker on outline, ghost, and secondary buttons.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:emoji-picker-emoji-picker-in-form","t":"Emoji Picker In Form   Emoji picker in form","d":"Message textarea with adjacent emoji picker appending symbols on select.","s":"shadcnblocks","c":"inputs/select","hc":1},{"id":"shadcnblocks:emoji-picker-emoji-picker-text-trigger","t":"Emoji Picker Text Trigger   Emoji picker with text trigger","d":"Text or link-style trigger opening the emoji popover.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:emoji-picker-emoji-picker-with-display","t":"Emoji Picker With Display   Emoji picker with display","d":"Picker plus preview area showing the currently selected emoji.","s":"shadcnblocks","c":"inputs/select","hc":1},{"id":"shadcnblocks:empty-empty-actions-1","t":"Empty Actions 1   Empty with single action","d":"EmptyContent with one primary Button call to action.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:empty-empty-actions-2","t":"Empty Actions 2   Empty with multiple actions","d":"Empty state offering primary and secondary buttons side by side.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:empty-empty-actions-3","t":"Empty Actions 3   Empty with link action","d":"Empty state using a link-styled action instead of a solid button.","s":"shadcnblocks","c":"actions/link"},{"id":"shadcnblocks:empty-empty-actions-4","t":"Empty Actions 4   Empty with input action","d":"Empty state combining Input with submit to capture first value inline.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:empty-empty-actions-5","t":"Empty Actions 5   Empty with stacked actions","d":"Vertical stack of multiple buttons in EmptyContent.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:empty-empty-data-1","t":"Empty Data 1   Empty table","d":"Table icon empty state prompting users to add their first record.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:empty-empty-data-2","t":"Empty Data 2   Empty chart","d":"Chart empty state explaining insufficient data for a graph.","s":"shadcnblocks","c":"data-viz/chart","hc":1},{"id":"shadcnblocks:empty-empty-data-3","t":"Empty Data 3   No notifications","d":"Inbox-style empty for zero notifications with calm messaging.","s":"shadcnblocks","c":"overlays/notifications"},{"id":"shadcnblocks:empty-empty-data-4","t":"Empty Data 4   No messages","d":"Conversation empty state for an inbox with no threads yet.","s":"shadcnblocks","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnblocks:empty-empty-data-5","t":"Empty Data 5   No files","d":"File browser empty prompting upload or create folder.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:empty-empty-search-1","t":"Empty Search 1   No search results","d":"Empty state after search returns zero matches for the query.","s":"shadcnblocks","c":"inputs/search"},{"id":"shadcnblocks:empty-empty-search-2","t":"Empty Search 2   No filter results","d":"Empty when active filters exclude all items though data exists.","s":"shadcnblocks","c":"inputs/search","hc":1},{"id":"shadcnblocks:empty-empty-search-3","t":"Empty Search 3   No matches found","d":"Generic zero-match empty for typeahead or live search lists.","s":"shadcnblocks","c":"inputs/search"},{"id":"shadcnblocks:empty-empty-search-4","t":"Empty Search 4   Try different keywords","d":"Search empty suggesting alternate keywords or broader terms.","s":"shadcnblocks","c":"inputs/search"},{"id":"shadcnblocks:empty-empty-search-5","t":"Empty Search 5   Clear filters suggestion","d":"Search and filter empty with explicit clear all filters action.","s":"shadcnblocks","c":"inputs/search"},{"id":"shadcnblocks:empty-empty-standard-1","t":"Empty Standard 1   Simple empty state","d":"shadcn Empty with title only and no secondary actions.","k":"motion","s":"shadcnblocks","c":"motion/text-effect","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:empty-empty-standard-2","t":"Empty Standard 2   Empty with description","d":"Empty state with title plus supporting description text.","k":"motion","s":"shadcnblocks","c":"motion/text-effect"},{"id":"shadcnblocks:empty-empty-standard-3","t":"Empty Standard 3   Empty with long description","d":"Empty component carrying a longer explanatory paragraph.","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:empty-empty-standard-4","t":"Empty Standard 4   Empty with large icon","d":"EmptyMedia icon variant sized prominently above the title.","k":"resource","s":"shadcnblocks","c":"assets/icon"},{"id":"shadcnblocks:empty-empty-standard-5","t":"Empty Standard 5   Empty with multiple paragraphs","d":"EmptyDescription split into two paragraphs for structured guidance.","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:empty-empty-standard-6","t":"Empty Standard 6   Empty without icon","d":"Text-only empty state omitting EmptyMedia entirely.","k":"resource","s":"shadcnblocks","c":"assets/icon"},{"id":"shadcnblocks:empty-empty-standard-7","t":"Empty Standard 7   Empty with link in description","d":"EmptyDescription containing an inline link to docs or setup.","s":"shadcnblocks","c":"actions/link"},{"id":"shadcnblocks:field-field-advanced-1","t":"Field Advanced 1   Simple slider","d":"Field with Slider control and FieldLabel for numeric range input.","s":"shadcnblocks","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:field-field-advanced-2","t":"Field Advanced 2   Range slider","d":"Slider configured for dual-thumb min and max range selection.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-advanced-3","t":"Field Advanced 3   Choice cards","d":"RadioGroup options rendered as selectable card-style Field blocks.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-advanced-4","t":"Field Advanced 4   Fieldset with legend","d":"FieldSet grouping related fields under a shared FieldLegend label.","s":"shadcnblocks","c":"inputs/form-field","hc":1},{"id":"shadcnblocks:field-field-advanced-5","t":"Field Advanced 5   Field group with separator","d":"FieldGroup sections divided by Separator between field clusters.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-advanced-6","t":"Field Advanced 6   Complex multi field form","d":"FieldGroup combining inputs, selects, toggles, and textareas together.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:field-field-advanced-7","t":"Field Advanced 7   Mixed field types with separators","d":"Multi-section form with separators between mixed control types.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-basic-inputs-1","t":"Field Basic Inputs 1   Simple input with label","d":"shadcn Field with FieldLabel paired to a single Input control.","s":"shadcnblocks","c":"inputs/form-field","tg":["minimal"],"sb":"Animated fields","sy":["minimal"]},{"id":"shadcnblocks:field-field-basic-inputs-2","t":"Field Basic Inputs 2   Input with description below","d":"Field with FieldDescription placed under the Input for helper text.","s":"shadcnblocks","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:field-field-basic-inputs-3","t":"Field Basic Inputs 3   Input with description above","d":"FieldDescription rendered above the Input before the control.","s":"shadcnblocks","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:field-field-basic-inputs-4","t":"Field Basic Inputs 4   Multiple inputs in group","d":"FieldGroup wrapping several labeled Input fields in one stack.","s":"shadcnblocks","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:field-field-basic-inputs-5","t":"Field Basic Inputs 5   Horizontal layout input","d":"Field with orientation horizontal so label and Input sit on one row.","s":"shadcnblocks","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:field-field-layouts-1","t":"Field Layouts 1   Vertical layout (default)","d":"Default vertical Field stacking label, control, and description.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-layouts-2","t":"Field Layouts 2   Horizontal layout","d":"Field orientation horizontal pairing label beside the control.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-layouts-3","t":"Field Layouts 3   Responsive layout","d":"Fields that switch between vertical and horizontal at breakpoints.","s":"shadcnblocks","c":"inputs/form-field","hc":1},{"id":"shadcnblocks:field-field-layouts-4","t":"Field Layouts 4   Grid layout","d":"FieldGroup arranged in a multi-column grid for related inputs.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-layouts-5","t":"Field Layouts 5   Nested fields","d":"Field components nested inside FieldContent for structured sub-fields.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-layouts-6","t":"Field Layouts 6   Mixed orientations","d":"Single form mixing vertical and horizontal Field orientation values.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-order-editor-1","t":"Field Order Editor 1   Destination and reference fields","d":"Fields for a destination, an expected date, an assignee, and a reference number.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-product-admin-1","t":"Field Product Admin 1   Gallery thumbnails with an add tile","d":"Image gallery field with removable thumbnails and an add tile capped at five images.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-product-admin-2","t":"Field Product Admin 2   Repeatable option rows","d":"Repeatable field rows for an option, value, price, and quantity, with add and remove actio","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-product-admin-3","t":"Field Product Admin 3   Price fields with a tax switch","d":"Price and discounted price inputs with a currency addon and a charge-tax switch.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-selects-1","t":"Field Selects 1   Simple select","d":"Field wrapping shadcn Select with FieldLabel for a single choice.","s":"shadcnblocks","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:field-field-selects-2","t":"Field Selects 2   Select with description","d":"Select field including FieldDescription explaining the choice impact.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-selects-3","t":"Field Selects 3   Select with groups","d":"SelectContent using SelectGroup and SelectLabel for categorized options.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-selects-4","t":"Field Selects 4   Multiple selects","d":"FieldGroup with several independent Select fields in one form section.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-selects-5","t":"Field Selects 5   Select with helper text above","d":"FieldDescription above Select explaining options before opening the menu.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-selects-6","t":"Field Selects 6   Select in horizontal layout","d":"Horizontal Field with label beside Select on one row.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-selects-7","t":"Field Selects 7   Select with default value","d":"Select with defaultValue or value preset on Field mount.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-shipping-label-1","t":"Field Shipping Label 1   Service and package fields","d":"Fields for a service lane, speed, coverage, package type, and weight with a unit.","s":"shadcnblocks","c":"inputs/form-field","sb":"Animated fields"},{"id":"shadcnblocks:field-field-text-areas-1","t":"Field Text Areas 1   Simple textarea","d":"Field with FieldLabel and shadcn Textarea for multi-line text.","s":"shadcnblocks","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:field-field-text-areas-2","t":"Field Text Areas 2   Textarea with description","d":"Textarea field with FieldDescription for length or content guidance.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-text-areas-3","t":"Field Text Areas 3   Textarea with character count","d":"Textarea paired with live character count feedback near the field.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-text-areas-4","t":"Field Text Areas 4   Textarea with helper text above","d":"FieldDescription above Textarea with instructions before typing.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-text-areas-5","t":"Field Text Areas 5   Multiple textareas   different sizes","d":"FieldGroup with several Textarea fields using varied row heights.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-text-areas-6","t":"Field Text Areas 6   Textarea with detailed instructions","d":"Textarea with extended FieldDescription covering format and examples.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-toggles-1","t":"Field Toggles 1   Simple checkbox","d":"Field wrapping Checkbox with FieldLabel for a single boolean choice.","s":"shadcnblocks","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:field-field-toggles-2","t":"Field Toggles 2   Multiple checkboxes","d":"FieldGroup with several Checkbox fields for multi-select preferences.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-toggles-3","t":"Field Toggles 3   Radio buttons","d":"FieldSet with RadioGroup and RadioGroupItem for exclusive choices.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-toggles-4","t":"Field Toggles 4   Radio with descriptions","d":"Radio options each showing FieldTitle and FieldDescription in FieldContent.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-toggles-5","t":"Field Toggles 5   Simple switch","d":"Field with Switch and FieldLabel for an on-off setting.","s":"shadcnblocks","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:field-field-toggles-6","t":"Field Toggles 6   Switch with description","d":"Switch field adding FieldDescription for what the toggle controls.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:field-field-toggles-7","t":"Field Toggles 7   Checkbox with description","d":"Checkbox field with FieldDescription explaining the opt-in or option.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:file-upload-file-upload-dropzone-1","t":"File Upload Dropzone 1   Basic Dropzone","d":"Drag and drop file upload zone with visual feedback and file list.","s":"shadcnblocks","c":"inputs/file-upload","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:file-upload-file-upload-dropzone-2","t":"File Upload Dropzone 2   Dropzone with Inline Trigger","d":"Dropzone with inline trigger button integrated within dropzone area.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-dropzone-3","t":"File Upload Dropzone 3   Compact Dropzone","d":"Compact dropzone layout with horizontal arrangement for space efficiency.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-dropzone-4","t":"File Upload Dropzone 4   Image Dropzone","d":"Image-specific dropzone with primary color styling and file type restrictions.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-dropzone-5","t":"File Upload Dropzone 5   Document Dropzone","d":"Document-focused dropzone with styling optimized for document file uploads.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-dropzone-6","t":"File Upload Dropzone 6   Large Dropzone","d":"Large dropzone with expanded height and prominent visual design.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-form-1","t":"File Upload Form 1   React Hook Form Integration","d":"File upload integrated with React Hook Form and Zod validation for form handling.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-form-2","t":"File Upload Form 2   Contact Form with Attachments","d":"Contact form with file upload attachment field integrated into a complete form layout.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-form-3","t":"File Upload Form 3   Required File Upload","d":"File upload field marked as required with validation error display in form context.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-form-4","t":"File Upload Form 4   Multiple File Upload Fields","d":"Form with multiple file upload fields allowing different file types for different purposes","s":"shadcnblocks","c":"inputs/file-upload","hc":1},{"id":"shadcnblocks:file-upload-file-upload-gallery-1","t":"File Upload Gallery 1   Gallery upload with thumbnails","d":"Image dropzone limited to five files, with a horizontal thumbnail strip and remove actions","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-list-1","t":"File Upload List 1   Vertical File List","d":"File upload with vertical file list layout displaying files in a vertical stack.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-list-2","t":"File Upload List 2   Horizontal File List","d":"File upload with horizontal file list layout displaying files in a horizontal row.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-list-3","t":"File Upload List 3   Compact File List","d":"File upload with compact file list layout using smaller spacing and reduced padding.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-list-4","t":"File Upload List 4   File List with Actions","d":"File upload with file list displaying additional action buttons for preview and download.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-list-5","t":"File Upload List 5   File List with Clear All","d":"File upload with file list and clear all button to remove all files at once.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-preview-1","t":"File Upload Preview 1   Image Thumbnails","d":"File upload with image thumbnail previews showing visual previews of uploaded images.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-preview-2","t":"File Upload Preview 2   Grid Preview Layout","d":"File upload with grid layout preview showing multiple image thumbnails in a grid arrangeme","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-preview-3","t":"File Upload Preview 3   Large Preview Modal","d":"File upload with large preview modal showing detailed file preview with metadata.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-preview-4","t":"File Upload Preview 4   File Type Icons","d":"File upload showing file type icons for different file types instead of image previews.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-preview-5","t":"File Upload Preview 5   Horizontal Scroll Preview","d":"File upload with horizontal scrolling preview layout for browsing multiple image thumbnail","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-progress-1","t":"File Upload Progress 1   Linear Progress","d":"File upload with linear progress bar showing upload progress for each file.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-progress-2","t":"File Upload Progress 2   Circular Progress","d":"File upload with circular progress indicator overlay on file preview thumbnails.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-progress-3","t":"File Upload Progress 3   Fill Progress","d":"File upload with fill progress variant showing bottom-to-top progress animation.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-progress-4","t":"File Upload Progress 4   Progress with Percentage","d":"File upload with progress percentage label and custom progress bar display.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-progress-5","t":"File Upload Progress 5   Upload Status Indicator","d":"File upload with status indicators showing spinner during upload and success or error stat","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-special-1","t":"File Upload Special 1   Avatar Upload","d":"Avatar upload component with click-to-upload functionality and hover overlay effect.","s":"shadcnblocks","c":"inputs/file-upload","tg":["playful"],"sy":["playful"]},{"id":"shadcnblocks:file-upload-file-upload-special-2","t":"File Upload Special 2   Chat Input with Attachments","d":"Chat input component with file attachment functionality integrated into message input.","s":"shadcnblocks","c":"inputs/file-upload","tg":["playful"],"sy":["playful"]},{"id":"shadcnblocks:file-upload-file-upload-special-3","t":"File Upload Special 3   Cover Image Upload","d":"Cover image upload with aspect ratio preview and remove functionality.","s":"shadcnblocks","c":"inputs/file-upload","tg":["playful"],"sy":["playful"]},{"id":"shadcnblocks:file-upload-file-upload-special-4","t":"File Upload Special 4   Document Upload Card","d":"Document upload card component with card layout and document-specific styling.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-special-5","t":"File Upload Special 5   Avatar with Menu","d":"Avatar upload with dropdown menu for upload and remove actions.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-special-6","t":"File Upload Special 6   Gallery Image Add","d":"Gallery image upload with grid layout and add button for multiple image selection.","s":"shadcnblocks","c":"inputs/file-upload","hc":1},{"id":"shadcnblocks:file-upload-file-upload-special-7","t":"File Upload Special 7   Direct Upload with Status","d":"Direct upload with automatic upload progress and status indicators showing success or erro","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-special-8","t":"File Upload Special 8   Profile with Cover and Avatar","d":"Profile component with both cover image and avatar upload functionality in a single layout","s":"shadcnblocks","c":"inputs/file-upload","tg":["playful"],"sy":["playful"]},{"id":"shadcnblocks:file-upload-file-upload-standard-1","t":"File Upload Standard 1   Simple Button Trigger","d":"File upload with button trigger for single file selection.","s":"shadcnblocks","c":"inputs/file-upload","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:file-upload-file-upload-standard-2","t":"File Upload Standard 2   File Upload with Label","d":"File upload component with label and file list display.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-standard-3","t":"File Upload Standard 3   Single File Upload","d":"File upload restricted to single file selection only.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-standard-4","t":"File Upload Standard 4   Multiple Files with Clear All","d":"Multiple file upload with clear all button to remove all files.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-standard-5","t":"File Upload Standard 5   Disabled State","d":"File upload component in disabled state showing non-interactive button.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-validation-1","t":"File Upload Validation 1   Images Only","d":"File upload restricted to image files only with validation error notifications.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-validation-2","t":"File Upload Validation 2   PDF Documents Only","d":"File upload restricted to PDF documents only with file type validation.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-validation-3","t":"File Upload Validation 3   File Size Limit","d":"File upload with strict file size limit of 1MB and size validation error messages.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-validation-4","t":"File Upload Validation 4   Max 2 Files","d":"File upload with maximum file count limit of 2 files and rejection notifications.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-validation-5","t":"File Upload Validation 5   Custom Validation","d":"File upload with custom validation rules including filename restrictions and size limits.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:file-upload-file-upload-validation-6","t":"File Upload Validation 6   Video Files Only","d":"File upload restricted to video files only with support for multiple video formats.","s":"shadcnblocks","c":"inputs/file-upload"},{"id":"shadcnblocks:filter-panel-filter-panel-sections-1","t":"Filter Panel Sections 1   Stacked filter sections","d":"shadcn filter panel component with a status section and a category select.","s":"shadcnblocks","c":"data-display/card"},{"id":"shadcnblocks:filter-panel-filter-panel-status-1","t":"Filter Panel Status 1   Status count filters","d":"shadcn filter panel component with status options and counts.","s":"shadcnblocks","c":"data-display/card","sb":"Metric"},{"id":"shadcnblocks:form-star-rating-form-star-rating-controlled-1","t":"Form Star Rating Controlled 1   Controlled value","d":"Form star rating driven by value and onValueChange state.","s":"shadcnblocks","c":"inputs/rating"},{"id":"shadcnblocks:form-star-rating-form-star-rating-disabled-1","t":"Form Star Rating Disabled 1   Disabled state","d":"Form star rating locked with a preselected value.","s":"shadcnblocks","c":"inputs/rating"},{"id":"shadcnblocks:form-star-rating-form-star-rating-form-1","t":"Form Star Rating Form 1   Form integration","d":"Form star rating with react-hook-form Controller and validation.","s":"shadcnblocks","c":"inputs/rating"},{"id":"shadcnblocks:form-star-rating-form-star-rating-icons-1","t":"Form Star Rating Icons 1   Sentiment icons","d":"Discrete icon buttons for a five-point sentiment scale.","s":"shadcnblocks","c":"inputs/rating"},{"id":"shadcnblocks:form-star-rating-form-star-rating-labeled-1","t":"Form Star Rating Labeled 1   With field label","d":"Form star rating paired with a Label and empty helper text.","s":"shadcnblocks","c":"inputs/rating"},{"id":"shadcnblocks:form-star-rating-form-star-rating-sizes-1","t":"Form Star Rating Sizes 1   Size variants","d":"Form star rating in sm, default, and lg icon sizes.","s":"shadcnblocks","c":"inputs/rating"},{"id":"shadcnblocks:form-star-rating-form-star-rating-standard-1","t":"Form Star Rating Standard 1   Default stars","d":"Cumulative five-star form rating with selected label.","s":"shadcnblocks","c":"inputs/rating","hc":1},{"id":"shadcnblocks:form-form-advanced-1","t":"Form Advanced 1   Form with select","d":"react-hook-form Controller wrapping shadcn Select with zod enum.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-advanced-2","t":"Form Advanced 2   Form with textarea","d":"Controller-managed Textarea with zod string min and max rules.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-advanced-3","t":"Form Advanced 3   Form with checkbox","d":"Boolean Checkbox Controller with zod boolean or literal true required.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-advanced-4","t":"Form Advanced 4   Form with radio buttons","d":"RadioGroup Controller for exclusive choice validated by zod enum.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-advanced-5","t":"Form Advanced 5   Form with switch","d":"Switch Controller toggling boolean zod field on settings save.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-advanced-6","t":"Form Advanced 6   Form with multiple selects","d":"Several Select Controllers each with own zod key in one form.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-advanced-7","t":"Form Advanced 7   Form with mixed controls","d":"Single schema form mixing Input, Select, Switch, Checkbox, and Textarea.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-basic-forms-1","t":"Form Basic Forms 1   Simple text input form","d":"react-hook-form with zod schema validating a single text Input field.","s":"shadcnblocks","c":"inputs/form-field","tg":["minimal"],"sb":"Whole forms","sy":["minimal"]},{"id":"shadcnblocks:form-form-basic-forms-2","t":"Form Basic Forms 2   Email input form","d":"Form with email type Input and zod email validation on submit.","s":"shadcnblocks","c":"inputs/form-field","tg":["minimal"],"sb":"Email","sy":["minimal"]},{"id":"shadcnblocks:form-form-basic-forms-3","t":"Form Basic Forms 3   Password input form","d":"Password Input field with zod rules inside a submit form.","s":"shadcnblocks","c":"inputs/form-field","tg":["minimal"],"sb":"Password","sy":["minimal"]},{"id":"shadcnblocks:form-form-basic-forms-4","t":"Form Basic Forms 4   Number input form","d":"Form using number type Input with zod numeric validation.","s":"shadcnblocks","c":"inputs/form-field","tg":["minimal"],"sb":"Whole forms","sy":["minimal"]},{"id":"shadcnblocks:form-form-basic-forms-5","t":"Form Basic Forms 5   URL input form","d":"URL Input with zod url validation in a one-field form.","s":"shadcnblocks","c":"inputs/form-field","tg":["minimal"],"sb":"Whole forms","sy":["minimal"]},{"id":"shadcnblocks:form-form-basic-forms-6","t":"Form Basic Forms 6   Phone input form","d":"Tel Input form with zod pattern or length validation for phone numbers.","s":"shadcnblocks","c":"inputs/form-field","tg":["minimal"],"sb":"Phone","sy":["minimal"]},{"id":"shadcnblocks:form-form-basic-forms-7","t":"Form Basic Forms 7   Search input form","d":"Search type Input form submitting query string via react-hook-form.","s":"shadcnblocks","c":"inputs/form-field","tg":["minimal"],"sb":"Whole forms","sy":["minimal"]},{"id":"shadcnblocks:form-form-layouts-1","t":"Form Layouts 1   Vertical layout (default)","d":"Default stacked FieldGroup layout for all form fields.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-layouts-2","t":"Form Layouts 2   Horizontal layout","d":"Form fields using horizontal Field orientation across the row.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-layouts-3","t":"Form Layouts 3   Grid layout (2 columns)","d":"Two-column grid of form fields with react-hook-form Controllers.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-layouts-4","t":"Form Layouts 4   Responsive layout","d":"Form grid or orientation that adapts between mobile stack and desktop rows.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-layouts-5","t":"Form Layouts 5   Inline form","d":"Compact horizontal form with Input and submit Button on one line.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-layouts-6","t":"Form Layouts 6   Compact form","d":"Tight vertical spacing form for dense settings or side panels.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-layouts-7","t":"Form Layouts 7   Spacious form with sections","d":"Form divided into spaced sections with legends or separators.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-multi-field-1","t":"Form Multi Field 1   Two field form","d":"react-hook-form with zod object schema for two Input fields.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-multi-field-2","t":"Form Multi Field 2   Three field form","d":"Three controlled fields sharing one zod schema and submit handler.","s":"shadcnblocks","c":"inputs/form-field","tg":["webgl"],"sb":"Whole forms","sy":["webgl"]},{"id":"shadcnblocks:form-form-multi-field-3","t":"Form Multi Field 3   Four field profile form","d":"Profile-oriented form with four fields such as name, username, email, and bio.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-multi-field-4","t":"Form Multi Field 4   Mixed input types form","d":"Form combining Input, Select, Checkbox, and Textarea Controllers.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-multi-field-5","t":"Form Multi Field 5   Form with optional fields","d":"zod schema marking some fields optional alongside required ones.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"shadcnblocks:form-form-multi-field-6","t":"Form Multi Field 6   Form with field groups","d":"Multiple FieldSet or FieldGroup sections in one react-hook-form.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-multi-field-7","t":"Form Multi Field 7   Long form with many fields","d":"Extended form with numerous Controllers and comprehensive zod schema.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-patterns-1","t":"Form Patterns 1   Login form","d":"Email and password fields with submit for sign-in flow.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-patterns-2","t":"Form Patterns 2   Signup form","d":"Registration form with name, email, password, and confirm fields.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-patterns-3","t":"Form Patterns 3   Profile edit form","d":"Editable profile fields with defaults from react-hook-form defaultValues.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-patterns-4","t":"Form Patterns 4   Contact form","d":"Name, email, subject, and message fields for contact submissions.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-patterns-5","t":"Form Patterns 5   Settings form","d":"Settings panel form with toggles, selects, and text preferences.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-patterns-6","t":"Form Patterns 6   Checkout form","d":"Checkout slice with contact, address, and payment-related fields.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-patterns-7","t":"Form Patterns 7   Search filter form","d":"Filter form with query Input and Select facets submitting together.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-validation-1","t":"Form Validation 1   Required field validation","d":"zod min length required rules with FieldError on empty submit.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-validation-2","t":"Form Validation 2   Min/max length validation","d":"zod string min and max length with messages on Textarea or Input.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-validation-3","t":"Form Validation 3   Email validation","d":"zod email check on Input with invalid address FieldError message.","s":"shadcnblocks","c":"inputs/form-field","sb":"Email","hc":1},{"id":"shadcnblocks:form-form-validation-4","t":"Form Validation 4   Password strength validation","d":"zod regex or refine rules enforcing password complexity requirements.","s":"shadcnblocks","c":"inputs/form-field","sb":"Password"},{"id":"shadcnblocks:form-form-validation-5","t":"Form Validation 5   Conditional validation","d":"zod superRefine or refine rules depending on another field value.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-validation-6","t":"Form Validation 6   Custom validation messages","d":"zod schema with tailored message strings per rule on each field.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:form-form-validation-7","t":"Form Validation 7   Real time validation","d":"react-hook-form mode onChange or onBlur for live FieldError updates.","s":"shadcnblocks","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnblocks:gantt-gantt-add-1","t":"Gantt Add 1   Add features on click","d":"Gantt provider with onAddItem to create features from the timeline.","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:gantt-gantt-create-marker-1","t":"Gantt Create Marker 1   Create markers","d":"GanttCreateMarkerTrigger for adding and removing timeline milestones.","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:gantt-gantt-daily-1","t":"Gantt Daily 1   Daily range","d":"Gantt provider configured for daily timeline range.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:gantt-gantt-drag-1","t":"Gantt Drag 1   Draggable features","d":"Gantt features with onMove for drag and resize on the timeline.","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:gantt-gantt-group-1","t":"Gantt Group 1   Grouped features","d":"Gantt chart with sidebar and feature list grouped by category.","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:gantt-gantt-markers-1","t":"Gantt Markers 1   With markers","d":"Gantt chart including milestone markers on the timeline.","s":"shadcnblocks","c":"data-viz/chart"},{"id":"shadcnblocks:gantt-gantt-range-1","t":"Gantt Range 1   Quarterly range","d":"Gantt provider configured for quarterly timeline range.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:gantt-gantt-row-1","t":"Gantt Row 1   Multiple items per row","d":"GanttFeatureRow packing several reservations into shared resource lanes.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:gantt-gantt-standard-1","t":"Gantt Standard 1   Basic gantt chart","d":"Gantt timeline with sidebar, feature bars, and today marker.","s":"shadcnblocks","c":"data-viz/chart","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnblocks:gantt-gantt-status-1","t":"Gantt Status 1   Status colors","d":"Gantt features with planned, in-progress, and done status colors.","k":"section","s":"shadcnblocks","c":"marketing/features"},{"id":"shadcnblocks:gantt-gantt-timeline-1","t":"Gantt Timeline 1   Timeline only","d":"Gantt timeline without a sidebar for a compact schedule view.","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:gantt-gantt-zoom-1","t":"Gantt Zoom 1   Zoomed timeline","d":"Gantt provider with zoom set to 200 for a closer monthly view.","s":"shadcnblocks","c":"media/gallery","sb":"Zoom and lens"},{"id":"shadcnblocks:github-stars-github-stars-basic-1","t":"Github Stars Basic 1   GitHub Icon","d":"GitHub icon in an outlined button-style link.","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["minimal"],"sb":"Particles and stars","sy":["minimal"],"hc":1},{"id":"shadcnblocks:github-stars-github-stars-basic-10","t":"Github Stars Basic 10   GitHub Outline Repo","d":"Outlined GitHub link with repo name and star count.","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["minimal"],"sb":"Particles and stars","sy":["minimal"]},{"id":"shadcnblocks:github-stars-github-stars-basic-2","t":"Github Stars Basic 2   GitHub Icon Count","d":"GitHub icon with star count number.","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["minimal"],"sb":"Particles and stars","sy":["minimal"],"hc":1},{"id":"shadcnblocks:github-stars-github-stars-basic-3","t":"Github Stars Basic 3   GitHub Icon Star Count","d":"GitHub icon with star icon and count.","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["minimal"],"sb":"Particles and stars","sy":["minimal"]},{"id":"shadcnblocks:github-stars-github-stars-basic-4","t":"Github Stars Basic 4   GitHub Stat","d":"Inline stat-style GitHub link with icon, star, and count.","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["minimal"],"sb":"Particles and stars","sy":["minimal"]},{"id":"shadcnblocks:github-stars-github-stars-basic-5","t":"Github Stars Basic 5   GitHub Icon Mark","d":"GitHub mark icon with star count.","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["minimal"],"sb":"Particles and stars","sy":["minimal"]},{"id":"shadcnblocks:github-stars-github-stars-basic-6","t":"Github Stars Basic 6   GitHub Icon Fill","d":"Filled inverse GitHub mark icon.","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["minimal"],"sb":"Particles and stars","sy":["minimal"]},{"id":"shadcnblocks:github-stars-github-stars-basic-7","t":"Github Stars Basic 7   GitHub Outline Count","d":"GitHub icon with star count in an outlined link, matching the GitHub Icon outline style.","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["minimal"],"sb":"Particles and stars","sy":["minimal"]},{"id":"shadcnblocks:github-stars-github-stars-basic-8","t":"Github Stars Basic 8   GitHub Icon Tooltip","d":"Outlined GitHub icon with star count tooltip on hover.","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["minimal"],"sb":"Particles and stars","sy":["minimal"]},{"id":"shadcnblocks:github-stars-github-stars-basic-9","t":"Github Stars Basic 9   GitHub Icon Fill Tooltip","d":"Filled inverse GitHub mark icon with star count tooltip on hover.","k":"motion","s":"shadcnblocks","c":"motion/background","tg":["minimal"],"sb":"Particles and stars","sy":["minimal"]},{"id":"shadcnblocks:glimpse-glimpse-composition-1","t":"Glimpse Composition 1   Full card preview","d":"Full Glimpse card with image, title, description, and URL.","s":"shadcnblocks","c":"data-display/card"},{"id":"shadcnblocks:glimpse-glimpse-description-1","t":"Glimpse Description 1   Title and description","d":"Glimpse preview with title and description text.","k":"motion","s":"shadcnblocks","c":"motion/text-effect"},{"id":"shadcnblocks:glimpse-glimpse-image-1","t":"Glimpse Image 1   Preview with image","d":"Glimpse preview including GlimpseImage.","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:glimpse-glimpse-standard-1","t":"Glimpse Standard 1   Link preview","d":"Hover link with title-only Glimpse preview.","s":"shadcnblocks","c":"actions/link"},{"id":"shadcnblocks:glimpse-glimpse-url-1","t":"Glimpse Url 1   URL metadata preview","d":"Glimpse preview showing destination URL metadata.","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:hover-card-hover-card-info-1","t":"Hover Card Info 1   Simple info tooltip","d":"Compact HoverCard with short explanatory text on info trigger.","s":"shadcnblocks","c":"overlays/hover-card","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:hover-card-hover-card-info-2","t":"Hover Card Info 2   Info with title","d":"HoverCardContent with bold title line plus supporting description.","s":"shadcnblocks","c":"overlays/hover-card"},{"id":"shadcnblocks:hover-card-hover-card-info-3","t":"Hover Card Info 3   Info with icon and badge","d":"Info hover card combining icon, Badge label, and explanatory copy.","s":"shadcnblocks","c":"overlays/hover-card"},{"id":"shadcnblocks:hover-card-hover-card-info-4","t":"Hover Card Info 4   Warning info","d":"HoverCard delivering cautionary message on warning icon trigger.","s":"shadcnblocks","c":"overlays/hover-card"},{"id":"shadcnblocks:hover-card-hover-card-info-5","t":"Hover Card Info 5   Technical info","d":"Hover card with technical details such as API field or ID format.","s":"shadcnblocks","c":"overlays/hover-card"},{"id":"shadcnblocks:hover-card-hover-card-preview-1","t":"Hover Card Preview 1   Link preview","d":"HoverCard previewing external URL title, domain, and snippet.","s":"shadcnblocks","c":"overlays/hover-card"},{"id":"shadcnblocks:hover-card-hover-card-preview-2","t":"Hover Card Preview 2   Document preview","d":"Hover card summarizing document title, type, and modified date.","s":"shadcnblocks","c":"overlays/hover-card"},{"id":"shadcnblocks:hover-card-hover-card-preview-3","t":"Hover Card Preview 3   Image preview","d":"HoverCard showing thumbnail preview for linked or attached image.","s":"shadcnblocks","c":"overlays/hover-card"},{"id":"shadcnblocks:hover-card-hover-card-preview-4","t":"Hover Card Preview 4   Event preview","d":"Hover card with event title, datetime, and location summary.","s":"shadcnblocks","c":"overlays/hover-card"},{"id":"shadcnblocks:hover-card-hover-card-preview-5","t":"Hover Card Preview 5   Product preview","d":"Commerce HoverCard with product name, price, and short detail.","s":"shadcnblocks","c":"overlays/hover-card"},{"id":"shadcnblocks:hover-card-hover-card-profile-1","t":"Hover Card Profile 1   Simple profile hover card","d":"Radix HoverCard showing avatar, name, and role on username trigger.","s":"shadcnblocks","c":"overlays/hover-card","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:hover-card-hover-card-profile-2","t":"Hover Card Profile 2   Profile with follow button","d":"Profile HoverCardContent including a follow or connect action button.","s":"shadcnblocks","c":"overlays/hover-card"},{"id":"shadcnblocks:hover-card-hover-card-profile-3","t":"Hover Card Profile 3   Profile with badge","d":"Profile card displaying Badge for verified or role status.","s":"shadcnblocks","c":"overlays/hover-card"},{"id":"shadcnblocks:hover-card-hover-card-profile-4","t":"Hover Card Profile 4   Profile with location","d":"Hover card profile including location text under the bio line.","s":"shadcnblocks","c":"overlays/hover-card"},{"id":"shadcnblocks:hover-card-hover-card-profile-5","t":"Hover Card Profile 5   Profile with stats","d":"Profile HoverCard showing follower, post, or contribution counts.","s":"shadcnblocks","c":"overlays/hover-card"},{"id":"shadcnblocks:hover-card-hover-card-stats-1","t":"Hover Card Stats 1   Simple stats","d":"HoverCard listing a few key metrics on chart or KPI trigger.","s":"shadcnblocks","c":"overlays/hover-card","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:hover-card-hover-card-stats-2","t":"Hover Card Stats 2   Growth stats","d":"Stats hover card emphasizing period growth percentages and deltas.","s":"shadcnblocks","c":"overlays/hover-card"},{"id":"shadcnblocks:hover-card-hover-card-stats-3","t":"Hover Card Stats 3   User stats","d":"User activity stats such as sessions, last seen, and plan in HoverCard.","s":"shadcnblocks","c":"overlays/hover-card"},{"id":"shadcnblocks:hover-card-hover-card-stats-4","t":"Hover Card Stats 4   Performance stats","d":"Hover card with latency, uptime, or throughput performance figures.","s":"shadcnblocks","c":"overlays/hover-card"},{"id":"shadcnblocks:hover-card-hover-card-stats-5","t":"Hover Card Stats 5   Financial stats","d":"HoverCard showing revenue, MRR, or transaction summary stats.","s":"shadcnblocks","c":"overlays/hover-card"},{"id":"shadcnblocks:image-crop-image-crop-aspect-1","t":"Image Crop Aspect 1   Wide aspect crop","d":"Image crop locked to a 16:9 aspect ratio for cover images.","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:image-crop-image-crop-aspect-2","t":"Image Crop Aspect 2   Portrait aspect crop","d":"Image crop locked to a 3:4 aspect ratio for portrait framing.","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:image-crop-image-crop-circular-1","t":"Image Crop Circular 1   Circular crop","d":"Image crop with circularCrop enabled for round avatar framing.","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:image-crop-image-crop-file-1","t":"Image Crop File 1   File input crop","d":"Image cropper that accepts a user-selected file from an input.","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:image-crop-image-crop-free-1","t":"Image Crop Free 1   Freeform crop","d":"Image crop without a locked aspect ratio for arbitrary selections.","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:image-crop-image-crop-icons-1","t":"Image Crop Icons 1   Icon controls","d":"Image crop using the default ghost icon apply and reset buttons.","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:image-crop-image-crop-preview-1","t":"Image Crop Preview 1   Live cropped preview","d":"Applies the crop and shows a circular avatar-style preview.","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:image-crop-image-crop-standard-1","t":"Image Crop Standard 1   Square image crop","d":"Image cropper with square aspect ratio, apply, and reset controls.","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:image-zoom-image-zoom-backdrop-1","t":"Image Zoom Backdrop 1   Blurred backdrop","d":"Image zoom with a blurred backdrop class on the overlay.","s":"shadcnblocks","c":"media/gallery","sb":"Zoom and lens"},{"id":"shadcnblocks:image-zoom-image-zoom-controlled-1","t":"Image Zoom Controlled 1   Controlled zoom state","d":"Image zoom with controlled isZoomed state and a toggle button.","s":"shadcnblocks","c":"media/gallery","sb":"Zoom and lens"},{"id":"shadcnblocks:image-zoom-image-zoom-gallery-1","t":"Image Zoom Gallery 1   Gallery card zoom","d":"Image zoom inside a bordered gallery card with caption.","s":"shadcnblocks","c":"media/gallery","sb":"Zoom and lens"},{"id":"shadcnblocks:image-zoom-image-zoom-standard-1","t":"Image Zoom Standard 1   Click to zoom","d":"Image wrapped in ImageZoom for click-to-zoom lightbox behavior.","s":"shadcnblocks","c":"media/gallery","sb":"Zoom and lens"},{"id":"shadcnblocks:input-group-input-group-ai-1","t":"Input Group Ai 1   AI prompt","d":"AI Prompt Input.","s":"shadcnblocks","c":"ai-agent/ai-agent"},{"id":"shadcnblocks:input-group-input-group-ai-2","t":"Input Group Ai 2   Simple AI prompt","d":"Simple AI Prompt.","s":"shadcnblocks","c":"ai-agent/ai-agent","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:input-group-input-group-ai-3","t":"Input Group Ai 3   AI with attachments","d":"AI with Attachments.","s":"shadcnblocks","c":"ai-agent/ai-agent"},{"id":"shadcnblocks:input-group-input-group-ai-4","t":"Input Group Ai 4   AI with voice","d":"AI with Voice.","s":"shadcnblocks","c":"ai-agent/ai-agent","sb":"Voice"},{"id":"shadcnblocks:input-group-input-group-buttons-1","t":"Input Group Buttons 1   Copy button","d":"Copy Button.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-buttons-2","t":"Input Group Buttons 2   Multiple action buttons","d":"Multiple Action Buttons.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-buttons-3","t":"Input Group Buttons 3   Search button","d":"Search Button.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-buttons-4","t":"Input Group Buttons 4   Password actions","d":"Password Actions.","s":"shadcnblocks","c":"inputs/form-field","sb":"Password"},{"id":"shadcnblocks:input-group-input-group-custom-1","t":"Input Group Custom 1   Textarea with actions","d":"Textarea with Actions.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-custom-2","t":"Input Group Custom 2   Textarea with counter","d":"Textarea with Counter.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-custom-3","t":"Input Group Custom 3   Textarea with toolbar","d":"Textarea with Toolbar.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-custom-4","t":"Input Group Custom 4   Textarea with label","d":"Textarea with Label.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-dropdown-1","t":"Input Group Dropdown 1   Dropdown actions","d":"Dropdown Actions.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-dropdown-2","t":"Input Group Dropdown 2   Search filters","d":"Search Filters.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-dropdown-3","t":"Input Group Dropdown 3   URL builder with dropdown","d":"URL Builder with Dropdown.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-dropdown-4","t":"Input Group Dropdown 4   Textarea with dropdown","d":"Textarea with Dropdown.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-icons-1","t":"Input Group Icons 1   Search with icon","d":"Search with Icon.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-icons-2","t":"Input Group Icons 2   Contact fields with icons","d":"Contact Fields with Icons.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-icons-3","t":"Input Group Icons 3   Dual icons","d":"Dual Icons.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-icons-4","t":"Input Group Icons 4   Multiple icons","d":"Multiple Icons.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-label-1","t":"Input Group Label 1   Inline labels","d":"Inline Labels.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-label-2","t":"Input Group Label 2   Label with tooltip","d":"Label with Tooltip.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-label-3","t":"Input Group Label 3   Block labels","d":"Block Labels.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-label-4","t":"Input Group Label 4   Label with counter","d":"Label with Counter.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-spinner-1","t":"Input Group Spinner 1   Loading states","d":"Loading States.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-spinner-2","t":"Input Group Spinner 2   Spinner with text","d":"Spinner with Text.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-spinner-3","t":"Input Group Spinner 3   Animated icon spinner","d":"Animated Icon Spinner.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-spinner-4","t":"Input Group Spinner 4   Textarea loading","d":"Textarea Loading.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-text-1","t":"Input Group Text 1   Currency","d":"Currency Input.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-text-2","t":"Input Group Text 2   URL builder","d":"URL Builder.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-text-3","t":"Input Group Text 3   Email with domain","d":"Email with Domain.","s":"shadcnblocks","c":"inputs/form-field","sb":"Email"},{"id":"shadcnblocks:input-group-input-group-text-4","t":"Input Group Text 4   Character counter","d":"Character Counter.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-textarea-1","t":"Input Group Textarea 1   Code editor","d":"Code Editor.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-textarea-2","t":"Input Group Textarea 2   Character counter","d":"Character Counter.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-textarea-3","t":"Input Group Textarea 3   Rich text toolbar","d":"Rich Text Toolbar.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-textarea-4","t":"Input Group Textarea 4   Chat","d":"Chat Input.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-tooltip-1","t":"Input Group Tooltip 1   Password requirements","d":"Password Requirements.","s":"shadcnblocks","c":"inputs/form-field","sb":"Password"},{"id":"shadcnblocks:input-group-input-group-tooltip-2","t":"Input Group Tooltip 2   Help tooltips","d":"Help Tooltips.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-group-input-group-tooltip-3","t":"Input Group Tooltip 3   API key info","d":"API Key Info.","s":"shadcnblocks","c":"inputs/form-field","sb":"Input groups"},{"id":"shadcnblocks:input-otp-input-otp-behavior-1","t":"Input Otp Behavior 1   Auto submit","d":"Auto-submit OTP.","s":"shadcnblocks","c":"inputs/otp-input"},{"id":"shadcnblocks:input-otp-input-otp-behavior-2","t":"Input Otp Behavior 2   With enhanced focus management","d":"OTP with Enhanced Focus Management.","s":"shadcnblocks","c":"inputs/otp-input"},{"id":"shadcnblocks:input-otp-input-otp-behavior-3","t":"Input Otp Behavior 3   With paste optimization","d":"OTP with Paste Optimization.","s":"shadcnblocks","c":"inputs/otp-input"},{"id":"shadcnblocks:input-otp-input-otp-behavior-4","t":"Input Otp Behavior 4   With resend flow","d":"OTP with Resend Flow.","s":"shadcnblocks","c":"inputs/otp-input"},{"id":"shadcnblocks:input-otp-input-otp-standard-1","t":"Input Otp Standard 1   Standard","d":"Standard OTP Input.","s":"shadcnblocks","c":"inputs/otp-input"},{"id":"shadcnblocks:input-otp-input-otp-standard-2","t":"Input Otp Standard 2   With pattern validation","d":"OTP with Pattern Validation.","s":"shadcnblocks","c":"inputs/otp-input"},{"id":"shadcnblocks:input-otp-input-otp-standard-3","t":"Input Otp Standard 3   With multiple separators","d":"OTP with Multiple Separators.","s":"shadcnblocks","c":"inputs/otp-input"},{"id":"shadcnblocks:input-otp-input-otp-standard-4","t":"Input Otp Standard 4   Controlled","d":"Controlled OTP Input.","s":"shadcnblocks","c":"inputs/otp-input"},{"id":"shadcnblocks:input-otp-input-otp-standard-5","t":"Input Otp Standard 5   In form with validation","d":"OTP in Form with Validation.","s":"shadcnblocks","c":"inputs/otp-input"},{"id":"shadcnblocks:input-otp-input-otp-states-1","t":"Input Otp States 1   Disabled","d":"Disabled OTP Input.","s":"shadcnblocks","c":"inputs/otp-input"},{"id":"shadcnblocks:input-otp-input-otp-states-2","t":"Input Otp States 2   With loading state","d":"OTP with Loading State.","s":"shadcnblocks","c":"inputs/otp-input"},{"id":"shadcnblocks:input-otp-input-otp-states-3","t":"Input Otp States 3   With error state","d":"OTP with Error State.","s":"shadcnblocks","c":"inputs/otp-input"},{"id":"shadcnblocks:input-otp-input-otp-states-4","t":"Input Otp States 4   With success state","d":"OTP with Success State.","s":"shadcnblocks","c":"inputs/otp-input"},{"id":"shadcnblocks:input-otp-input-otp-use-cases-1","t":"Input Otp Use Cases 1   Email verification flow","d":"Email Verification Flow.","s":"shadcnblocks","c":"inputs/otp-input"},{"id":"shadcnblocks:input-otp-input-otp-use-cases-2","t":"Input Otp Use Cases 2   Two factor authentication","d":"Two-Factor Authentication.","s":"shadcnblocks","c":"inputs/otp-input"},{"id":"shadcnblocks:input-otp-input-otp-use-cases-3","t":"Input Otp Use Cases 3   SMS verification","d":"SMS Verification.","s":"shadcnblocks","c":"inputs/otp-input"},{"id":"shadcnblocks:input-otp-input-otp-use-cases-4","t":"Input Otp Use Cases 4   Transaction confirmation","d":"Transaction Confirmation.","s":"shadcnblocks","c":"inputs/otp-input"},{"id":"shadcnblocks:input-otp-input-otp-variants-1","t":"Input Otp Variants 1   Numeric only","d":"Numeric Only OTP.","s":"shadcnblocks","c":"inputs/otp-input"},{"id":"shadcnblocks:input-otp-input-otp-variants-2","t":"Input Otp Variants 2   Masked","d":"Masked OTP Input.","s":"shadcnblocks","c":"inputs/otp-input"},{"id":"shadcnblocks:input-otp-input-otp-variants-3","t":"Input Otp Variants 3   Different lengths","d":"Different Length OTP Variants.","s":"shadcnblocks","c":"inputs/otp-input"},{"id":"shadcnblocks:input-input-special-1","t":"Input Special 1   File picker with remove actions","d":"File input with selected file list and remove actions.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:input-input-special-2","t":"Input Special 2   Time value","d":"Time Input.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:input-input-special-3","t":"Input Special 3   Range slider with value","d":"Range Slider with Value.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:input-input-special-4","t":"Input Special 4   Disabled","d":"Disabled Input.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:input-input-special-5","t":"Input Special 5   Currency","d":"Currency Input.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:input-input-standard-1","t":"Input Standard 1   With label","d":"Input with Label.","s":"shadcnblocks","c":"inputs/form-field","sb":"Animated fields"},{"id":"shadcnblocks:input-input-standard-2","t":"Input Standard 2   With description","d":"Input with Description.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:input-input-standard-3","t":"Input Standard 3   With helper text","d":"Input with Helper Text.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:input-input-standard-4","t":"Input Standard 4   Required field","d":"Required Field.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:input-input-standard-5","t":"Input Standard 5   Optional field","d":"Optional Field.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:input-input-standard-6","t":"Input Standard 6   With character counter","d":"Input with Character Counter.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:input-input-standard-7","t":"Input Standard 7   Inline label","d":"Inline Label.","s":"shadcnblocks","c":"inputs/form-field","sb":"Animated fields"},{"id":"shadcnblocks:input-input-types-1","t":"Input Types 1   Email","d":"Email Input.","s":"shadcnblocks","c":"inputs/form-field","sb":"Email"},{"id":"shadcnblocks:input-input-types-2","t":"Input Types 2   Password with visibility toggle","d":"Password field with show and hide visibility toggle.","s":"shadcnblocks","c":"inputs/form-field","sb":"Password"},{"id":"shadcnblocks:input-input-types-3","t":"Input Types 3   Number with increment and decrement","d":"Number input with increment and decrement buttons.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:input-input-types-4","t":"Input Types 4   Search","d":"Search Input.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:input-input-types-5","t":"Input Types 5   Date","d":"Date Input.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:input-input-types-6","t":"Input Types 6   Phone","d":"Phone Input.","s":"shadcnblocks","c":"inputs/form-field","sb":"Phone"},{"id":"shadcnblocks:input-input-types-7","t":"Input Types 7   URL","d":"URL Input.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:input-input-validation-1","t":"Input Validation 1   Error state","d":"Error State.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:input-input-validation-2","t":"Input Validation 2   Success state","d":"Success State.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:input-input-validation-3","t":"Input Validation 3   Warning state","d":"Warning State.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:input-input-validation-4","t":"Input Validation 4   Multiple validation messages","d":"Multiple Validation Messages.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:input-input-validation-5","t":"Input Validation 5   Validates on change","d":"Input validates on change with live error messaging.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:item-item-interactive-1","t":"Item Interactive 1   As link","d":"Item as Link.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:item-item-interactive-2","t":"Item Interactive 2   In dropdown","d":"Item in Dropdown.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:item-item-layout-1","t":"Item Layout 1   Sizes","d":"Item Sizes.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:item-item-layout-2","t":"Item Layout 2   Group","d":"Item Group.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:item-item-layout-3","t":"Item Layout 3   With header","d":"Item with Header.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:item-item-media-1","t":"Item Media 1   With icon media","d":"Item with Icon Media.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:item-item-media-2","t":"Item Media 2   With avatar","d":"Item with Avatar.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:item-item-media-3","t":"Item Media 3   With image media","d":"Item with Image Media.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:item-item-standard-1","t":"Item Standard 1   Basic","d":"Basic Item.","s":"shadcnblocks","c":"data-display/list","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:item-item-standard-2","t":"Item Standard 2   With media and icon","d":"Item with Media and Icon.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:kanban-kanban-columns-1","t":"Kanban Columns 1   Four columns","d":"Kanban board with four workflow columns.","s":"shadcnblocks","c":"data-display/kanban"},{"id":"shadcnblocks:kanban-kanban-content-1","t":"Kanban Content 1   Custom card content","d":"Kanban cards with custom children for metadata under the title.","s":"shadcnblocks","c":"data-display/kanban"},{"id":"shadcnblocks:kanban-kanban-events-1","t":"Kanban Events 1   Drag event logging","d":"Kanban board that surfaces the latest drag end event details.","s":"shadcnblocks","c":"data-display/kanban"},{"id":"shadcnblocks:kanban-kanban-standard-1","t":"Kanban Standard 1   Basic kanban board","d":"Three-column kanban board with draggable cards.","s":"shadcnblocks","c":"data-display/kanban","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"shadcnblocks:kbd-kbd-arrow-keys-1","t":"Kbd Arrow Keys 1   Arrow keys cross pattern","d":"Arrow Keys Cross Pattern.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-arrow-keys-2","t":"Kbd Arrow Keys 2   Arrow keys horizontal","d":"Arrow Keys Horizontal.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-arrow-keys-3","t":"Kbd Arrow Keys 3   WASD gaming keys","d":"WASD Gaming Keys.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-arrow-keys-4","t":"Kbd Arrow Keys 4   Vim navigation keys","d":"Vim Navigation Keys.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-function-keys-1","t":"Kbd Function Keys 1   F1 help key","d":"F1 Help Key.","s":"shadcnblocks","c":"data-display/typography","tg":["playful"],"sy":["playful"]},{"id":"shadcnblocks:kbd-kbd-function-keys-2","t":"Kbd Function Keys 2   F12 DevTools key","d":"F12 DevTools Key.","s":"shadcnblocks","c":"data-display/typography","tg":["playful"],"sy":["playful"]},{"id":"shadcnblocks:kbd-kbd-function-keys-3","t":"Kbd Function Keys 3   Function keys row","d":"Function Keys Row.","s":"shadcnblocks","c":"data-display/typography","tg":["playful"],"sy":["playful"]},{"id":"shadcnblocks:kbd-kbd-function-keys-4","t":"Kbd Function Keys 4   Special keys","d":"Special Keys.","s":"shadcnblocks","c":"data-display/typography","tg":["playful"],"sy":["playful"]},{"id":"shadcnblocks:kbd-kbd-function-keys-5","t":"Kbd Function Keys 5   Modifier keys","d":"Modifier Keys.","s":"shadcnblocks","c":"data-display/typography","tg":["playful"],"sy":["playful"]},{"id":"shadcnblocks:kbd-kbd-function-keys-6","t":"Kbd Function Keys 6   Editing keys","d":"Editing Keys.","s":"shadcnblocks","c":"data-display/typography","tg":["playful"],"sy":["playful"]},{"id":"shadcnblocks:kbd-kbd-platform-specific-1","t":"Kbd Platform Specific 1   Mac command symbol","d":"Mac Command Symbol.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-platform-specific-2","t":"Kbd Platform Specific 2   Mac option symbol","d":"Mac Option Symbol.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-platform-specific-3","t":"Kbd Platform Specific 3   Windows key","d":"Windows Key.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-platform-specific-4","t":"Kbd Platform Specific 4   Platform aware shortcut","d":"Platform-Aware Shortcut.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-platform-specific-5","t":"Kbd Platform Specific 5   Mac control symbol","d":"Mac Control Symbol.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-pressed-state-1","t":"Kbd Pressed State 1   Active state","d":"Active State.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-pressed-state-2","t":"Kbd Pressed State 2   Disabled state","d":"Disabled State.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-pressed-state-3","t":"Kbd Pressed State 3   Focus state","d":"Focus State.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-pressed-state-4","t":"Kbd Pressed State 4   Pressed down","d":"Pressed Down.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-pressed-state-5","t":"Kbd Pressed State 5   Hover state","d":"Hover State.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-sequence-1","t":"Kbd Sequence 1   Key sequence with then","d":"Key Sequence with Then.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-sequence-2","t":"Kbd Sequence 2   Key sequence with arrow","d":"Key Sequence with Arrow.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-sequence-3","t":"Kbd Sequence 3   Multi step sequence","d":"Multi-Step Sequence.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-sequence-4","t":"Kbd Sequence 4   Vim command sequence","d":"Vim Command Sequence.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-shortcut-1","t":"Kbd Shortcut 1   Command palette shortcut","d":"Command Palette Shortcut.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-shortcut-2","t":"Kbd Shortcut 2   Copy shortcut","d":"Copy Shortcut.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-shortcut-3","t":"Kbd Shortcut 3   Paste shortcut","d":"Paste Shortcut.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-shortcut-4","t":"Kbd Shortcut 4   Complex shortcut","d":"Complex Shortcut.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-shortcut-5","t":"Kbd Shortcut 5   Save shortcut","d":"Save Shortcut.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-sizes-1","t":"Kbd Sizes 1   Small","d":"Small Kbd.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-sizes-2","t":"Kbd Sizes 2   Default","d":"Default Kbd.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-sizes-3","t":"Kbd Sizes 3   Large","d":"Large Kbd.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-sizes-4","t":"Kbd Sizes 4   Inline with text","d":"Inline with Text.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-sizes-5","t":"Kbd Sizes 5   Extra large","d":"Extra Large Kbd.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-with-icons-1","t":"Kbd With Icons 1   Enter with icon","d":"Enter with Icon.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-with-icons-2","t":"Kbd With Icons 2   Delete with icon","d":"Delete with Icon.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-with-icons-3","t":"Kbd With Icons 3   Arrow keys with icons","d":"Arrow Keys with Icons.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-with-icons-4","t":"Kbd With Icons 4   Command with icon","d":"Command with Icon.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:kbd-kbd-with-icons-5","t":"Kbd With Icons 5   Unicode symbols","d":"Unicode Symbols.","s":"shadcnblocks","c":"data-display/typography"},{"id":"shadcnblocks:label-label-standard-1","t":"Label Standard 1   Required","d":"Required Label.","s":"shadcnblocks","c":"inputs/form-field","sb":"Animated fields"},{"id":"shadcnblocks:label-label-standard-2","t":"Label Standard 2   With description","d":"Label with Description.","s":"shadcnblocks","c":"inputs/form-field","sb":"Animated fields"},{"id":"shadcnblocks:label-label-standard-3","t":"Label Standard 3   With tooltip","d":"Label with Tooltip.","s":"shadcnblocks","c":"inputs/form-field","sb":"Animated fields"},{"id":"shadcnblocks:label-label-standard-4","t":"Label Standard 4   With badge","d":"Label with Badge.","s":"shadcnblocks","c":"inputs/form-field","sb":"Animated fields"},{"id":"shadcnblocks:label-label-standard-5","t":"Label Standard 5   With optional indicator","d":"Label with Optional Indicator.","s":"shadcnblocks","c":"inputs/form-field","sb":"Animated fields"},{"id":"shadcnblocks:label-label-standard-6","t":"Label Standard 6   With character count","d":"Label with Character Count.","s":"shadcnblocks","c":"inputs/form-field","sb":"Animated fields"},{"id":"shadcnblocks:label-label-standard-7","t":"Label Standard 7   Error","d":"Error Label.","s":"shadcnblocks","c":"inputs/form-field","sb":"Animated fields"},{"id":"shadcnblocks:label-label-standard-8","t":"Label Standard 8   Section","d":"Section Label.","s":"shadcnblocks","c":"inputs/form-field","sb":"Animated fields"},{"id":"shadcnblocks:list-panel-list-activity-feed","t":"List Panel List Activity Feed   Activity feed list panel","d":"Timeline-style rows with avatar, action text, and timestamp.","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:list-panel-list-as-links","t":"List Panel List As Links   List panel as links","d":"Navigable settings-style rows rendered as anchor links.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-bordered","t":"List Panel List Bordered   Bordered list panel","d":"List grouped inside a single rounded border container.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-compact","t":"List Panel List Compact   Compact list panel","d":"Dense list using Item size sm for tighter row spacing.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-default","t":"List Panel List Default   Default list panel","d":"Basic vertical stack of Item rows with titles only.","s":"shadcnblocks","c":"data-display/list","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:list-panel-list-drag-handle-leading","t":"List Panel List Drag Handle Leading   List panel with leading drag handle","d":"Sortable rows with a grip handle on the leading edge of each item.","s":"shadcnblocks","c":"data-display/list","sb":"Sortable"},{"id":"shadcnblocks:list-panel-list-drag-locked-rows","t":"List Panel List Drag Locked Rows   List panel with locked rows","d":"Sortable list where pinned rows stay fixed and cannot be dragged.","s":"shadcnblocks","c":"data-display/list","sb":"Sortable"},{"id":"shadcnblocks:list-panel-list-drag-overlay","t":"List Panel List Drag Overlay   List panel with drag overlay","d":"Floating drag preview using dnd-kit DragOverlay while the list reflows.","s":"shadcnblocks","c":"data-display/list","sb":"Sortable"},{"id":"shadcnblocks:list-panel-list-drag-reorder","t":"List Panel List Drag Reorder   Drag reorder list panel","d":"Sortable list with grip handles using dnd-kit.","s":"shadcnblocks","c":"data-display/list","sb":"Sortable"},{"id":"shadcnblocks:list-panel-list-drag-stacked","t":"List Panel List Drag Stacked   Stacked drag reorder list panel","d":"Sortable rows inside a single stacked bordered panel with divide lines.","s":"shadcnblocks","c":"data-display/list","sb":"Sortable"},{"id":"shadcnblocks:list-panel-list-drag-whole-row","t":"List Panel List Drag Whole Row   Whole row drag list panel","d":"Entire item rows act as the drag surface with a small activation distance.","s":"shadcnblocks","c":"data-display/list","sb":"Sortable"},{"id":"shadcnblocks:list-panel-list-drag-with-icons","t":"List Panel List Drag With Icons   Draggable list panel with icons","d":"Sortable rows with leading icons and a trailing grip handle.","s":"shadcnblocks","c":"data-display/list","sb":"Sortable"},{"id":"shadcnblocks:list-panel-list-filterable","t":"List Panel List Filterable   Filterable list panel","d":"Search input filters visible rows in the list.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-load-more","t":"List Panel List Load More   List panel with load more","d":"Scrollable list with a footer button to load additional rows.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-manual-reorder","t":"List Panel List Manual Reorder   Manual reorder list panel","d":"Move rows up or down with arrow buttons per entry.","s":"shadcnblocks","c":"data-display/list","sb":"Sortable"},{"id":"shadcnblocks:list-panel-list-multi-select","t":"List Panel List Multi Select   Multi select list panel","d":"Checkbox on each row plus a select-all control in the header.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:list-panel-list-muted","t":"List Panel List Muted   Muted list panel","d":"List rows using the muted Item variant for subdued entries.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-numbered","t":"List Panel List Numbered   Numbered list panel","d":"Ordered list with a rank column prefix on every row.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-scrollable","t":"List Panel List Scrollable   Scrollable list panel","d":"Long list inside ScrollArea with a fixed max height.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-search-empty","t":"List Panel List Search Empty   List panel search empty state","d":"Filterable panel with a dedicated empty state when nothing matches.","s":"shadcnblocks","c":"inputs/search"},{"id":"shadcnblocks:list-panel-list-selectable","t":"List Panel List Selectable   Selectable list panel","d":"Single-select list with one highlighted row at a time.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-size-xs","t":"List Panel List Size Xs   Extra small list panel","d":"Dense list panel using the xs Item size variant.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-stacked-bordered","t":"List Panel List Stacked Bordered   Stacked list panel with borders","d":"Stacked outline rows that share edges inside one rounded group.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-stacked-context-menu","t":"List Panel List Stacked Context Menu   Stacked list panel context menu","d":"Right-click actions on rows in a stacked panel.","s":"shadcnblocks","c":"overlays/context-menu"},{"id":"shadcnblocks:list-panel-list-stacked-destructive-action","t":"List Panel List Stacked Destructive Action   Stacked list panel destructive action","d":"Delete control on each row in a stacked panel.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-stacked-file-row","t":"List Panel List Stacked File Row   Stacked list panel file row","d":"File icon rows with sizes in a stacked panel.","s":"shadcnblocks","c":"data-display/list","sb":"Files and trees"},{"id":"shadcnblocks:list-panel-list-stacked-reveal-actions","t":"List Panel List Stacked Reveal Actions   Stacked list panel reveal actions","d":"Hover-revealed row actions in a stacked panel.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-stacked-row-menu","t":"List Panel List Stacked Row Menu   Stacked list panel row menu","d":"Overflow menu on each row inside a unified stacked panel.","s":"shadcnblocks","c":"navigation/menu"},{"id":"shadcnblocks:list-panel-list-stacked-with-icons","t":"List Panel List Stacked With Icons   Stacked list panel with icons","d":"Stacked list rows with leading icons inside one bordered panel.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-stacked-with-image","t":"List Panel List Stacked With Image   Stacked list panel with image","d":"Thumbnail rows in a unified stacked media panel.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-stacked-with-progress","t":"List Panel List Stacked With Progress   Stacked list panel with progress","d":"Progress bars per row in a stacked job panel.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-stacked","t":"List Panel List Stacked   Stacked list panel","d":"List rows stacked flush inside one bordered panel with divide lines between entries.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-sticky-header","t":"List Panel List Sticky Header   List panel with sticky header","d":"Scrollable list with sticky section labels while scrolling.","s":"shadcnblocks","c":"navigation/top-nav","sb":"On scroll"},{"id":"shadcnblocks:list-panel-list-todo-basic","t":"List Panel List Todo Basic   Basic todo list panel","d":"Checkbox list with strikethrough styling for completed tasks.","s":"shadcnblocks","c":"data-display/list","tg":["minimal"],"sb":"Tasks and to-dos","sy":["minimal"]},{"id":"shadcnblocks:list-panel-list-todo-with-add","t":"List Panel List Todo With Add   Todo list panel with add","d":"Task list with an input and button to append new rows.","s":"shadcnblocks","c":"data-display/list","sb":"Tasks and to-dos"},{"id":"shadcnblocks:list-panel-list-todo-with-due-date","t":"List Panel List Todo With Due Date   Todo list panel with due date","d":"Task list with due date meta and overdue row styling.","s":"shadcnblocks","c":"data-display/list","sb":"Tasks and to-dos"},{"id":"shadcnblocks:list-panel-list-todo-with-priority","t":"List Panel List Todo With Priority   Todo list panel with priority","d":"Task rows with priority Badge labels on each entry.","s":"shadcnblocks","c":"data-display/list","sb":"Tasks and to-dos"},{"id":"shadcnblocks:list-panel-list-with-avatar-description","t":"List Panel List With Avatar Description   List panel with avatar description","d":"Avatar rows with title and secondary description text.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-avatar","t":"List Panel List With Avatar   List panel with avatar","d":"Member list with Avatar initials in ItemMedia on each row.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-back-header","t":"List Panel List With Back Header   List panel with back header","d":"Panel with a sticky back navigation header above the list.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-badge","t":"List Panel List With Badge   List panel with badge","d":"Rows with a trailing Badge for plan or status labels.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-batch-actions","t":"List Panel List With Batch Actions   List panel with batch actions","d":"Toolbar appears when rows are selected for bulk delete or archive.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-chevron","t":"List Panel List With Chevron   List panel with chevron","d":"Compact navigation rows with a trailing chevron indicator.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-context-menu","t":"List Panel List With Context Menu   List panel with context menu","d":"Right-click context menu on each list row.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-description","t":"List Panel List With Description   List panel with description","d":"Two-line rows with ItemTitle and ItemDescription on every entry.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-destructive-action","t":"List Panel List With Destructive Action   List panel destructive action","d":"Rows with a trailing destructive button for remove or delete.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-disabled-rows","t":"List Panel List With Disabled Rows   List panel with disabled rows","d":"Mixed list with some rows disabled and non-interactive.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-empty-state","t":"List Panel List With Empty State   List panel empty state","d":"List container showing Empty when no rows are available.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-file-row","t":"List Panel List With File Row   List panel file row","d":"File-style rows with type icon, name, and size metadata.","s":"shadcnblocks","c":"data-display/list","sb":"Files and trees"},{"id":"shadcnblocks:list-panel-list-with-footer","t":"List Panel List With Footer   List panel with footer","d":"Rows with ItemFooter for secondary metadata or actions.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-header","t":"List Panel List With Header   List panel with header","d":"Rows with ItemHeader above the main content block.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-icons","t":"List Panel List With Icons   List panel with icons","d":"Each row includes a leading Lucide icon in ItemMedia.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-image","t":"List Panel List With Image   List panel with image","d":"Rows with thumbnail images in ItemMedia for media-style lists.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-loading","t":"List Panel List With Loading   Loading list panel","d":"Skeleton placeholder rows while list data is loading.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-meta","t":"List Panel List With Meta   List panel with meta","d":"Rows with a secondary meta line such as timestamps or file sizes.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-nested-items","t":"List Panel List With Nested Items   List panel with nested items","d":"Expandable parent tasks revealing nested subtask rows.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-presence","t":"List Panel List With Presence   List panel with presence","d":"Avatar rows with an online presence indicator.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-progress","t":"List Panel List With Progress   List panel with progress","d":"Rows with a progress bar showing sync or upload status.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-radio","t":"List Panel List With Radio   List panel with radio","d":"Single-select list built from radio controls in each row.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-reveal-actions","t":"List Panel List With Reveal Actions   List panel with reveal actions","d":"Secondary row actions that appear on hover.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-row-menu","t":"List Panel List With Row Menu   List panel row menu","d":"Overflow menu on each row for secondary actions.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-sections","t":"List Panel List With Sections   List panel with sections","d":"Grouped list with section labels above each ItemGroup.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-skeleton-rows","t":"List Panel List With Skeleton Rows   List panel skeleton rows","d":"Placeholder skeleton rows shaped like list items while loading.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-status-dot","t":"List Panel List With Status Dot   List panel with status dot","d":"Rows with a colored dot indicator for online or sync state.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-switch","t":"List Panel List With Switch   List panel with switch","d":"Settings rows with a trailing Switch control per entry.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-panel-list-with-trailing-action","t":"List Panel List With Trailing Action   List panel with trailing action","d":"Each row includes an icon button in ItemActions.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-list-avatar-1","t":"List Avatar 1   Items with assignees","d":"List items with assignee avatars composed through ListItem children.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-list-content-1","t":"List Content 1   Custom list item content","d":"List items with custom children instead of the default name-only row.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-list-empty-1","t":"List Empty 1   Empty droppable group","d":"Multi-group list with an empty target group that accepts dropped items.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-list-groups-1","t":"List Groups 1   Multiple status groups","d":"List with multiple droppable status groups for cross-group moves.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-list-header-1","t":"List Header 1   Custom group header","d":"List group with a fully custom header instead of name and color props.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-list-icons-1","t":"List Icons 1   Items with type icons","d":"List items that lead with Lucide icons to distinguish task types.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-list-priority-1","t":"List Priority 1   Items with priority badges","d":"List items that show priority with Badge variants beside each title.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:list-list-standard-1","t":"List Standard 1   Draggable status list","d":"Vertical list with a single status group and draggable items.","s":"shadcnblocks","c":"data-display/list","sb":"Sortable"},{"id":"shadcnblocks:login-button-login-button-email-1","t":"Login Button Email 1   Log in","d":"Email login CTA — default variant.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:login-button-login-button-email-2","t":"Login Button Email 2   Sign in with email","d":"Email login CTA — default variant.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:login-button-login-button-email-3","t":"Login Button Email 3   Continue with email","d":"Email login CTA — outline variant.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:login-button-login-button-email-4","t":"Login Button Email 4   Email login","d":"Email login CTA — secondary variant.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:login-button-login-button-email-5","t":"Login Button Email 5   Log in","d":"Email login CTA — ghost variant.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:login-button-login-button-email-6","t":"Login Button Email 6   Sign in","d":"Email login CTA — default variant.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:login-button-login-button-email-7","t":"Login Button Email 7   Log in to account","d":"Email login CTA — outline variant.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:login-button-login-button-email-8","t":"Login Button Email 8   Access account","d":"Email login CTA — default variant.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:login-button-login-button-minimal-1","t":"Login Button Minimal 1   Log in","d":"Minimal login button — link without icon.","s":"shadcnblocks","c":"actions/button","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:login-button-login-button-minimal-2","t":"Login Button Minimal 2   Sign in","d":"Minimal login button — ghost without icon.","s":"shadcnblocks","c":"actions/button","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:login-button-login-button-minimal-3","t":"Login Button Minimal 3   Login","d":"Minimal login button — link without icon.","s":"shadcnblocks","c":"actions/button","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:login-button-login-button-minimal-4","t":"Login Button Minimal 4   Enter","d":"Minimal login button — ghost without icon.","s":"shadcnblocks","c":"actions/button","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:login-button-login-button-minimal-5","t":"Login Button Minimal 5   Log in","d":"Minimal login button — outline without icon.","s":"shadcnblocks","c":"actions/button","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:login-button-login-button-minimal-6","t":"Login Button Minimal 6   Sign in","d":"Minimal login button — secondary without icon.","s":"shadcnblocks","c":"actions/button","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:login-button-login-button-minimal-7","t":"Login Button Minimal 7   Continue","d":"Minimal login button — default without icon.","s":"shadcnblocks","c":"actions/button","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:login-button-login-button-minimal-8","t":"Login Button Minimal 8   Access","d":"Minimal login button — outline without icon.","s":"shadcnblocks","c":"actions/button","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:login-button-login-button-signup-1","t":"Login Button Signup 1   Create account","d":"Sign-up CTA using LoginButton — default variant.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:login-button-login-button-signup-2","t":"Login Button Signup 2   Sign up free","d":"Sign-up CTA using LoginButton — outline variant.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:login-button-login-button-signup-3","t":"Login Button Signup 3   Get started","d":"Sign-up CTA using LoginButton — secondary variant.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:login-button-login-button-signup-4","t":"Login Button Signup 4   Join now","d":"Sign-up CTA using LoginButton — default variant.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:login-button-login-button-signup-5","t":"Login Button Signup 5   Register","d":"Sign-up CTA using LoginButton — outline variant.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:login-button-login-button-signup-6","t":"Login Button Signup 6   Start free trial","d":"Sign-up CTA using LoginButton — default variant.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:login-button-login-button-signup-7","t":"Login Button Signup 7   Create your account","d":"Sign-up CTA using LoginButton — secondary variant.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:login-button-login-button-signup-8","t":"Login Button Signup 8   Sign up today","d":"Sign-up CTA using LoginButton — outline variant.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:login-button-login-button-social-1","t":"Login Button Social 1   Login with Google","d":"Social login composition with Google.","s":"shadcnblocks","c":"actions/button","tg":["webgl"],"sb":"Social and sign-in","sy":["webgl"]},{"id":"shadcnblocks:login-button-login-button-social-2","t":"Login Button Social 2   Login with GitHub","d":"Social login composition with GitHub.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:login-button-login-button-social-3","t":"Login Button Social 3   Login with Apple","d":"Social login composition with Apple.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:login-button-login-button-social-4","t":"Login Button Social 4   Login with Microsoft","d":"Social login composition with Microsoft.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:login-button-login-button-social-5","t":"Login Button Social 5   Login with X","d":"Social login composition with X.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:login-button-login-button-social-6","t":"Login Button Social 6   Login with Discord","d":"Social login composition with Discord.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:login-button-login-button-social-7","t":"Login Button Social 7   Login with Facebook","d":"Social login composition with Facebook.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:login-button-login-button-social-8","t":"Login Button Social 8   Login with LinkedIn","d":"Social login composition with LinkedIn.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:logo-logo-right-click-download","t":"Logo Right Click Download   Right click download","d":"Logo supports right-click download of brand image assets.","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:logo-logo-standard","t":"Logo Standard   Desktop and mobile images","d":"Responsive logo with separate desktop and mobile images.","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:logo-logo-wordmark","t":"Logo Wordmark   Wordmark image","d":"Wordmark logo image inside a linked brand wrapper.","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:marquee-marquee-fade-1","t":"Marquee Fade 1   Edge fade","d":"Marquee with left and right gradient fades at the scroll edges.","k":"motion","s":"shadcnblocks","c":"motion/marquee","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:marquee-marquee-logos-1","t":"Marquee Logos 1   Logo marquee","d":"Marquee scrolling a row of company logo images.","k":"resource","s":"shadcnblocks","c":"assets/logo"},{"id":"shadcnblocks:marquee-marquee-pause-1","t":"Marquee Pause 1   Pause on hover","d":"Marquee that pauses scrolling when the pointer hovers over the track.","k":"motion","s":"shadcnblocks","c":"motion/marquee"},{"id":"shadcnblocks:marquee-marquee-reverse-1","t":"Marquee Reverse 1   Reverse direction","d":"Marquee scrolling in the reverse direction using direction right.","k":"motion","s":"shadcnblocks","c":"motion/marquee"},{"id":"shadcnblocks:marquee-marquee-speed-1","t":"Marquee Speed 1   Custom speed","d":"Marquee with a faster custom scroll speed via the speed prop.","k":"motion","s":"shadcnblocks","c":"motion/marquee"},{"id":"shadcnblocks:marquee-marquee-standard-1","t":"Marquee Standard 1   Standard marquee","d":"Basic horizontal scrolling text items in a continuous loop.","k":"motion","s":"shadcnblocks","c":"motion/marquee","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:menubar-menubar-standard-1","t":"Menubar Standard 1   Simple text","d":"Simple Text Menubar.","s":"shadcnblocks","c":"navigation/top-nav","tg":["minimal"],"sb":"Mega menus","sy":["minimal"]},{"id":"shadcnblocks:menubar-menubar-standard-10","t":"Menubar Standard 10   Compact","d":"Compact Menubar.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:menubar-menubar-standard-2","t":"Menubar Standard 2   With shortcuts","d":"Menubar with Shortcuts.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:menubar-menubar-standard-3","t":"Menubar Standard 3   With icons","d":"Menubar with Icons.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:menubar-menubar-standard-4","t":"Menubar Standard 4   With checkboxes","d":"Menubar with Checkboxes.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:menubar-menubar-standard-5","t":"Menubar Standard 5   With radio groups","d":"Menubar with Radio Groups.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:menubar-menubar-standard-6","t":"Menubar Standard 6   With submenu","d":"Menubar with Submenu.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:menubar-menubar-standard-7","t":"Menubar Standard 7   With destructive action","d":"Menubar with Destructive Action.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:menubar-menubar-standard-8","t":"Menubar Standard 8   Application","d":"Application Menubar.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:menubar-menubar-standard-9","t":"Menubar Standard 9   With sections","d":"Menubar with Sections.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:mini-calendar-mini-calendar-composition-1","t":"Mini Calendar Composition 1   Full mini calendar","d":"Navigation, seven days, and a preselected date together.","s":"shadcnblocks","c":"data-display/calendar"},{"id":"shadcnblocks:mini-calendar-mini-calendar-days-1","t":"Mini Calendar Days 1   Seven day range","d":"Mini calendar showing seven consecutive days.","s":"shadcnblocks","c":"data-display/calendar"},{"id":"shadcnblocks:mini-calendar-mini-calendar-navigation-1","t":"Mini Calendar Navigation 1   Previous and next navigation","d":"Mini calendar with chevron navigation controls.","s":"shadcnblocks","c":"data-display/calendar"},{"id":"shadcnblocks:mini-calendar-mini-calendar-selected-1","t":"Mini Calendar Selected 1   Preselected date","d":"Mini calendar with defaultValue selecting a date.","s":"shadcnblocks","c":"data-display/calendar"},{"id":"shadcnblocks:mini-calendar-mini-calendar-standard-1","t":"Mini Calendar Standard 1   Five day picker","d":"Default five-day horizontal mini calendar.","s":"shadcnblocks","c":"data-display/calendar"},{"id":"shadcnblocks:navigation-menu-navigation-menu-complex-1","t":"Navigation Menu Complex 1   Full mega menu","d":"Full Mega Menu.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navigation-menu-navigation-menu-complex-2","t":"Navigation Menu Complex 2   Multi level nested","d":"Multi-level Nested Navigation.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navigation-menu-navigation-menu-complex-3","t":"Navigation Menu Complex 3   Tabbed mega menu","d":"Tabbed Mega Menu.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navigation-menu-navigation-menu-complex-4","t":"Navigation Menu Complex 4   Dashboard style with stats","d":"Dashboard-style with Stats.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navigation-menu-navigation-menu-complex-5","t":"Navigation Menu Complex 5   Mixed content types","d":"Mixed Content Types.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navigation-menu-navigation-menu-features-1","t":"Navigation Menu Features 1   Feature cards with icons","d":"Feature Cards with Icons.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navigation-menu-navigation-menu-features-2","t":"Navigation Menu Features 2   Feature grid layout","d":"Feature Grid Layout.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navigation-menu-navigation-menu-features-3","t":"Navigation Menu Features 3   Feature sections with headers","d":"Feature Sections with Headers.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navigation-menu-navigation-menu-features-4","t":"Navigation Menu Features 4   Features with badges","d":"Features with Badges.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navigation-menu-navigation-menu-features-5","t":"Navigation Menu Features 5   Feature categories","d":"Feature Categories.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navigation-menu-navigation-menu-marketing-1","t":"Navigation Menu Marketing 1   Product showcase with CTA","d":"Product Showcase with CTA.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navigation-menu-navigation-menu-marketing-2","t":"Navigation Menu Marketing 2   Pricing tiers preview","d":"Pricing Tiers Preview.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navigation-menu-navigation-menu-marketing-3","t":"Navigation Menu Marketing 3   Case studies & testimonials","d":"Case Studies & Testimonials.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navigation-menu-navigation-menu-marketing-4","t":"Navigation Menu Marketing 4   Resources with lead magnets","d":"Resources with Lead Magnets.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navigation-menu-navigation-menu-marketing-5","t":"Navigation Menu Marketing 5   Industry solutions","d":"Industry Solutions.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navigation-menu-navigation-menu-standard-1","t":"Navigation Menu Standard 1   Simple","d":"Simple Navigation.","s":"shadcnblocks","c":"navigation/top-nav","tg":["minimal"],"sb":"Mega menus","sy":["minimal"]},{"id":"shadcnblocks:navigation-menu-navigation-menu-standard-2","t":"Navigation Menu Standard 2   With icons","d":"Navigation with Icons.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navigation-menu-navigation-menu-standard-3","t":"Navigation Menu Standard 3   With descriptions","d":"Navigation with Descriptions.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navigation-menu-navigation-menu-standard-4","t":"Navigation Menu Standard 4   Without viewport","d":"Navigation without Viewport.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:navigation-menu-navigation-menu-standard-5","t":"Navigation Menu Standard 5   Mixed links and dropdowns","d":"Mixed Links and Dropdowns.","s":"shadcnblocks","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcnblocks:pagination-pagination-advanced-1","t":"Pagination Advanced 1   Start ellipsis","d":"Start Ellipsis.","s":"shadcnblocks","c":"navigation/pagination"},{"id":"shadcnblocks:pagination-pagination-advanced-2","t":"Pagination Advanced 2   End ellipsis","d":"End Ellipsis.","s":"shadcnblocks","c":"navigation/pagination"},{"id":"shadcnblocks:pagination-pagination-advanced-3","t":"Pagination Advanced 3   Both ellipsis","d":"Both Ellipsis.","s":"shadcnblocks","c":"navigation/pagination"},{"id":"shadcnblocks:pagination-pagination-advanced-4","t":"Pagination Advanced 4   Many pages","d":"Many Pages.","s":"shadcnblocks","c":"navigation/pagination"},{"id":"shadcnblocks:pagination-pagination-advanced-5","t":"Pagination Advanced 5   Disabled state","d":"Disabled State.","s":"shadcnblocks","c":"navigation/pagination"},{"id":"shadcnblocks:pagination-pagination-basic-1","t":"Pagination Basic 1   Simple page numbers","d":"Simple Page Numbers.","s":"shadcnblocks","c":"navigation/pagination","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:pagination-pagination-basic-2","t":"Pagination Basic 2   Five page numbers","d":"Five Page Numbers.","s":"shadcnblocks","c":"navigation/pagination","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:pagination-pagination-basic-3","t":"Pagination Basic 3   With previous and next","d":"With Previous and Next.","s":"shadcnblocks","c":"navigation/pagination","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:pagination-pagination-basic-4","t":"Pagination Basic 4   With ellipsis","d":"With Ellipsis.","s":"shadcnblocks","c":"navigation/pagination","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:pagination-pagination-basic-5","t":"Pagination Basic 5   Complete","d":"Complete Pagination.","s":"shadcnblocks","c":"navigation/pagination","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:pagination-pagination-navigation-1","t":"Pagination Navigation 1   Previous and next only","d":"Previous and Next Only.","s":"shadcnblocks","c":"navigation/pagination"},{"id":"shadcnblocks:pagination-pagination-navigation-2","t":"Pagination Navigation 2   With page counter","d":"With Page Counter.","s":"shadcnblocks","c":"navigation/pagination"},{"id":"shadcnblocks:pagination-pagination-navigation-3","t":"Pagination Navigation 3   First and last","d":"First and Last.","s":"shadcnblocks","c":"navigation/pagination"},{"id":"shadcnblocks:pagination-pagination-navigation-4","t":"Pagination Navigation 4   With first and last","d":"With First and Last.","s":"shadcnblocks","c":"navigation/pagination"},{"id":"shadcnblocks:pagination-pagination-sizes-1","t":"Pagination Sizes 1   Small size","d":"Small Size.","s":"shadcnblocks","c":"navigation/pagination"},{"id":"shadcnblocks:pagination-pagination-sizes-2","t":"Pagination Sizes 2   Default size","d":"Default Size.","s":"shadcnblocks","c":"navigation/pagination"},{"id":"shadcnblocks:pagination-pagination-sizes-3","t":"Pagination Sizes 3   Large size","d":"Large Size.","s":"shadcnblocks","c":"navigation/pagination"},{"id":"shadcnblocks:pagination-pagination-sizes-4","t":"Pagination Sizes 4   Compact","d":"Compact.","s":"shadcnblocks","c":"navigation/pagination"},{"id":"shadcnblocks:pagination-pagination-sizes-5","t":"Pagination Sizes 5   Spacious","d":"Spacious.","s":"shadcnblocks","c":"navigation/pagination"},{"id":"shadcnblocks:pill-pill-avatar-1","t":"Pill Avatar 1   Pill with avatar","d":"Pill with PillAvatar and assignee name.","s":"shadcnblocks","c":"data-display/badge","sb":"User"},{"id":"shadcnblocks:pill-pill-avatar-2","t":"Pill Avatar 2   Avatar with handle","d":"Pill with PillAvatar and a social handle.","s":"shadcnblocks","c":"data-display/badge","sb":"User"},{"id":"shadcnblocks:pill-pill-avatar-group-1","t":"Pill Avatar Group 1   Avatar group","d":"Pill with PillAvatarGroup and supporting text.","s":"shadcnblocks","c":"data-display/badge","sb":"User"},{"id":"shadcnblocks:pill-pill-button-1","t":"Pill Button 1   Dismissible pill","d":"Pill with a PillButton remove control.","s":"shadcnblocks","c":"data-display/badge","sb":"Tags and pills"},{"id":"shadcnblocks:pill-pill-button-2","t":"Pill Button 2   Tag with dismiss","d":"Pill combining PillIcon and a dismiss PillButton.","s":"shadcnblocks","c":"data-display/badge","sb":"Tags and pills"},{"id":"shadcnblocks:pill-pill-composition-1","t":"Pill Composition 1   Composed pill","d":"Pill combining status indicator, delta, and avatar group.","s":"shadcnblocks","c":"data-display/badge","sb":"Tags and pills"},{"id":"shadcnblocks:pill-pill-composition-2","t":"Pill Composition 2   Status with dismiss","d":"Pill combining PillStatus and a dismiss PillButton.","s":"shadcnblocks","c":"data-display/badge","sb":"Status"},{"id":"shadcnblocks:pill-pill-composition-3","t":"Pill Composition 3   Icon with delta","d":"Pill combining PillIcon and PillDelta.","s":"shadcnblocks","c":"data-display/badge","sb":"Tags and pills"},{"id":"shadcnblocks:pill-pill-composition-4","t":"Pill Composition 4   Status with avatar","d":"Pill combining PillStatus and PillAvatar.","s":"shadcnblocks","c":"data-display/badge","sb":"Status"},{"id":"shadcnblocks:pill-pill-delta-1","t":"Pill Delta 1   Pill with delta","d":"Pill showing positive and negative PillDelta values.","s":"shadcnblocks","c":"data-display/badge","sb":"Tags and pills"},{"id":"shadcnblocks:pill-pill-delta-2","t":"Pill Delta 2   Neutral delta","d":"Pill with a zero PillDelta showing no change.","s":"shadcnblocks","c":"data-display/badge","sb":"Tags and pills"},{"id":"shadcnblocks:pill-pill-delta-3","t":"Pill Delta 3   Delta directions","d":"Pills for up, down, and no-change PillDelta states.","s":"shadcnblocks","c":"data-display/badge","sb":"Tags and pills"},{"id":"shadcnblocks:pill-pill-icon-1","t":"Pill Icon 1   Pill with icon","d":"Pill with PillIcon and a user count.","s":"shadcnblocks","c":"data-display/badge","sb":"Tags and pills"},{"id":"shadcnblocks:pill-pill-icon-2","t":"Pill Icon 2   Icon variants","d":"Pills using different PillIcon glyphs for metadata.","s":"shadcnblocks","c":"data-display/badge","sb":"Tags and pills"},{"id":"shadcnblocks:pill-pill-indicator-1","t":"Pill Indicator 1   Pill with indicator","d":"Pill with PillIndicator success variant.","s":"shadcnblocks","c":"data-display/badge","sb":"Status"},{"id":"shadcnblocks:pill-pill-indicator-2","t":"Pill Indicator 2   Error indicator","d":"Pill with a static error PillIndicator.","s":"shadcnblocks","c":"data-display/badge","sb":"Status"},{"id":"shadcnblocks:pill-pill-indicator-3","t":"Pill Indicator 3   Warning indicator","d":"Pill with a warning PillIndicator.","s":"shadcnblocks","c":"data-display/badge","sb":"Status"},{"id":"shadcnblocks:pill-pill-indicator-4","t":"Pill Indicator 4   Info indicator","d":"Pill with a pulsing info PillIndicator.","s":"shadcnblocks","c":"data-display/badge","sb":"Status"},{"id":"shadcnblocks:pill-pill-indicator-5","t":"Pill Indicator 5   All indicator variants","d":"Row of pills covering every PillIndicator variant.","s":"shadcnblocks","c":"data-display/badge","sb":"Status"},{"id":"shadcnblocks:pill-pill-standard-1","t":"Pill Standard 1   Basic pill","d":"Simple pill with text content.","s":"shadcnblocks","c":"data-display/badge","tg":["minimal"],"sb":"Tags and pills","sy":["minimal"],"hc":1},{"id":"shadcnblocks:pill-pill-standard-2","t":"Pill Standard 2   Outline pill","d":"Pill using the outline badge variant.","s":"shadcnblocks","c":"data-display/badge","sb":"Tags and pills"},{"id":"shadcnblocks:pill-pill-standard-3","t":"Pill Standard 3   Destructive pill","d":"Pill using the destructive badge variant.","s":"shadcnblocks","c":"data-display/badge","sb":"Tags and pills"},{"id":"shadcnblocks:pill-pill-standard-4","t":"Pill Standard 4   Default pill","d":"Pill using the default primary badge variant.","s":"shadcnblocks","c":"data-display/badge","sb":"Tags and pills"},{"id":"shadcnblocks:pill-pill-status-1","t":"Pill Status 1   Status section","d":"Pill with PillStatus separating a build result from an ID.","s":"shadcnblocks","c":"data-display/badge","sb":"Status"},{"id":"shadcnblocks:pill-pill-status-2","t":"Pill Status 2   Approval status","d":"Pill with a pending PillStatus and approval label.","s":"shadcnblocks","c":"data-display/badge","sb":"Status"},{"id":"shadcnblocks:popover-popover-standard-1","t":"Popover Standard 1   Simple text","d":"Simple Text Popover.","s":"shadcnblocks","c":"overlays/popover","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:popover-popover-standard-10","t":"Popover Standard 10   With footer","d":"Popover with Footer.","s":"shadcnblocks","c":"overlays/popover"},{"id":"shadcnblocks:popover-popover-standard-11","t":"Popover Standard 11   With steps","d":"Popover with Steps.","s":"shadcnblocks","c":"overlays/popover"},{"id":"shadcnblocks:popover-popover-standard-12","t":"Popover Standard 12   Notifications","d":"Notifications Popover.","s":"shadcnblocks","c":"overlays/popover"},{"id":"shadcnblocks:popover-popover-standard-13","t":"Popover Standard 13   Filter","d":"Filter Popover.","s":"shadcnblocks","c":"overlays/popover"},{"id":"shadcnblocks:popover-popover-standard-14","t":"Popover Standard 14   Share","d":"Share Popover.","s":"shadcnblocks","c":"overlays/popover"},{"id":"shadcnblocks:popover-popover-standard-15","t":"Popover Standard 15   Feedback","d":"Feedback Popover.","s":"shadcnblocks","c":"overlays/popover"},{"id":"shadcnblocks:popover-popover-standard-2","t":"Popover Standard 2   With heading","d":"Popover with Heading.","s":"shadcnblocks","c":"overlays/popover"},{"id":"shadcnblocks:popover-popover-standard-3","t":"Popover Standard 3   With actions","d":"Popover with Actions.","s":"shadcnblocks","c":"overlays/popover"},{"id":"shadcnblocks:popover-popover-standard-4","t":"Popover Standard 4   With form","d":"Popover with Form.","s":"shadcnblocks","c":"overlays/popover"},{"id":"shadcnblocks:popover-popover-standard-5","t":"Popover Standard 5   Info icon","d":"Info Icon Popover.","s":"shadcnblocks","c":"overlays/popover"},{"id":"shadcnblocks:popover-popover-standard-6","t":"Popover Standard 6   With list","d":"Popover with List.","s":"shadcnblocks","c":"overlays/popover"},{"id":"shadcnblocks:popover-popover-standard-7","t":"Popover Standard 7   User profile","d":"User Profile Popover.","s":"shadcnblocks","c":"overlays/popover"},{"id":"shadcnblocks:popover-popover-standard-8","t":"Popover Standard 8   With divider","d":"Popover with Divider.","s":"shadcnblocks","c":"overlays/popover"},{"id":"shadcnblocks:popover-popover-standard-9","t":"Popover Standard 9   Compact","d":"Compact Popover.","s":"shadcnblocks","c":"overlays/popover"},{"id":"shadcnblocks:price-price-basic","t":"Price Basic   Formatted USD display","d":"Formatted USD price display via Price and PriceValue.","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnblocks:price-price-on-sale","t":"Price On Sale   Discounted and original amounts","d":"Sale price shows discounted and original amounts.","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:progress-progress-basic-1","t":"Progress Basic 1   Empty","d":"Empty Progress.","s":"shadcnblocks","c":"data-viz/progress-bar","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:progress-progress-basic-2","t":"Progress Basic 2   Quarter","d":"Quarter Progress.","s":"shadcnblocks","c":"data-viz/progress-bar","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:progress-progress-basic-3","t":"Progress Basic 3   Half","d":"Half Progress.","s":"shadcnblocks","c":"data-viz/progress-bar","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:progress-progress-basic-4","t":"Progress Basic 4   Three quarters","d":"Three Quarters Progress.","s":"shadcnblocks","c":"data-viz/progress-bar","tg":["minimal","webgl"],"sy":["minimal","webgl"]},{"id":"shadcnblocks:progress-progress-basic-5","t":"Progress Basic 5   Complete","d":"Complete Progress.","s":"shadcnblocks","c":"data-viz/progress-bar","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnblocks:progress-progress-colored-1","t":"Progress Colored 1   Success","d":"Success.","s":"shadcnblocks","c":"data-viz/progress-bar"},{"id":"shadcnblocks:progress-progress-colored-2","t":"Progress Colored 2   Warning","d":"Warning.","s":"shadcnblocks","c":"data-viz/progress-bar","hc":1},{"id":"shadcnblocks:progress-progress-colored-3","t":"Progress Colored 3   Danger","d":"Danger.","s":"shadcnblocks","c":"data-viz/progress-bar"},{"id":"shadcnblocks:progress-progress-colored-4","t":"Progress Colored 4   Info","d":"Info.","s":"shadcnblocks","c":"data-viz/progress-bar"},{"id":"shadcnblocks:progress-progress-colored-5","t":"Progress Colored 5   Gradient","d":"Gradient.","s":"shadcnblocks","c":"data-viz/progress-bar","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:progress-progress-sizes-1","t":"Progress Sizes 1   Extra small","d":"Extra Small.","s":"shadcnblocks","c":"data-viz/progress-bar"},{"id":"shadcnblocks:progress-progress-sizes-2","t":"Progress Sizes 2   Small","d":"Small.","s":"shadcnblocks","c":"data-viz/progress-bar"},{"id":"shadcnblocks:progress-progress-sizes-3","t":"Progress Sizes 3   Default size","d":"Default.","s":"shadcnblocks","c":"data-viz/progress-bar"},{"id":"shadcnblocks:progress-progress-sizes-4","t":"Progress Sizes 4   Large","d":"Large.","s":"shadcnblocks","c":"data-viz/progress-bar"},{"id":"shadcnblocks:progress-progress-sizes-5","t":"Progress Sizes 5   Extra large","d":"Extra Large.","s":"shadcnblocks","c":"data-viz/progress-bar"},{"id":"shadcnblocks:progress-progress-with-label-1","t":"Progress With Label 1   With percentage","d":"With Percentage.","s":"shadcnblocks","c":"data-viz/progress-bar"},{"id":"shadcnblocks:progress-progress-with-label-2","t":"Progress With Label 2   With label above","d":"With Label Above.","s":"shadcnblocks","c":"data-viz/progress-bar"},{"id":"shadcnblocks:progress-progress-with-label-3","t":"Progress With Label 3   With label below","d":"With Label Below.","s":"shadcnblocks","c":"data-viz/progress-bar"},{"id":"shadcnblocks:progress-progress-with-label-4","t":"Progress With Label 4   With count","d":"With Count.","s":"shadcnblocks","c":"data-viz/progress-bar"},{"id":"shadcnblocks:progress-progress-with-label-5","t":"Progress With Label 5   Multi line label","d":"Multi-line Label.","s":"shadcnblocks","c":"data-viz/progress-bar"},{"id":"shadcnblocks:qr-code-qr-code-robust-1","t":"Qr Code Robust 1   High error correction","d":"QR code using high robustness for denser recovery.","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:qr-code-qr-code-sizes-1","t":"Qr Code Sizes 1   Size variants","d":"QR codes shown at small, medium, and large sizes.","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:qr-code-qr-code-standard-1","t":"Qr Code Standard 1   URL QR code","d":"Client QR code for a URL using theme-aware colors.","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:qr-code-qr-code-text-1","t":"Qr Code Text 1   Plain text payload","d":"QR code encoding a short plain-text string instead of a URL.","k":"motion","s":"shadcnblocks","c":"motion/text-effect"},{"id":"shadcnblocks:radio-group-radio-group-advanced-1","t":"Radio Group Advanced 1   With icons","d":"RadioGroup with Icons.","s":"shadcnblocks","c":"inputs/radio"},{"id":"shadcnblocks:radio-group-radio-group-advanced-2","t":"Radio Group Advanced 2   With custom content","d":"RadioGroup with Custom Content.","s":"shadcnblocks","c":"inputs/radio"},{"id":"shadcnblocks:radio-group-radio-group-form-1","t":"Radio Group Form 1   In a form","d":"RadioGroup in Form.","s":"shadcnblocks","c":"inputs/radio"},{"id":"shadcnblocks:radio-group-radio-group-form-2","t":"Radio Group Form 2   With disabled states","d":"RadioGroup with Disabled States.","s":"shadcnblocks","c":"inputs/radio","hc":1},{"id":"shadcnblocks:radio-group-radio-group-layout-1","t":"Radio Group Layout 1   Horizontal","d":"Horizontal RadioGroup.","s":"shadcnblocks","c":"inputs/radio","hc":1},{"id":"shadcnblocks:radio-group-radio-group-layout-2","t":"Radio Group Layout 2   With cards","d":"RadioGroup with Cards.","s":"shadcnblocks","c":"inputs/radio"},{"id":"shadcnblocks:radio-group-radio-group-layout-3","t":"Radio Group Layout 3   In a grid","d":"RadioGroup in Grid.","s":"shadcnblocks","c":"inputs/radio"},{"id":"shadcnblocks:radio-group-radio-group-standard-1","t":"Radio Group Standard 1   Basic","d":"Basic RadioGroup.","s":"shadcnblocks","c":"inputs/radio","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:radio-group-radio-group-standard-2","t":"Radio Group Standard 2   With descriptions","d":"RadioGroup with Descriptions.","s":"shadcnblocks","c":"inputs/radio"},{"id":"shadcnblocks:rating-rating-basic","t":"Rating Basic   Numeric score display","d":"Star rating display for a numeric score.","s":"shadcnblocks","c":"inputs/rating","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnblocks:rating-rating-breakdown-1","t":"Rating Breakdown 1   Score with a distribution","d":"Average score, a star row, and a bar for each rating level.","s":"shadcnblocks","c":"inputs/rating"},{"id":"shadcnblocks:rating-rating-composition-1","t":"Rating Composition 1   Rating with label","d":"Star rating paired with descriptive label text.","s":"shadcnblocks","c":"inputs/rating"},{"id":"shadcnblocks:rating-rating-default-1","t":"Rating Default 1   Default rating value","d":"Rating prefilled with defaultValue of three stars.","s":"shadcnblocks","c":"inputs/rating","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:rating-rating-half-1","t":"Rating Half 1   Three star selection","d":"Rating with three stars selected for a mid-range score.","s":"shadcnblocks","c":"inputs/rating","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:rating-rating-kibo-composition-1","t":"Rating Kibo Composition 1   With field label","d":"Star rating composed with a field label so users know they are scoring a specific product.","s":"shadcnblocks","c":"inputs/rating"},{"id":"shadcnblocks:rating-rating-kibo-controlled-1","t":"Rating Kibo Controlled 1   Controlled value","d":"Controlled five-star rating bound to a value, with helper text showing the currently selec","s":"shadcnblocks","c":"inputs/rating"},{"id":"shadcnblocks:rating-rating-kibo-default-1","t":"Rating Kibo Default 1   Default value","d":"Five-star rating prefilled with a default value of three so a mid-range score shows on loa","s":"shadcnblocks","c":"inputs/rating","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:rating-rating-kibo-readonly-1","t":"Rating Kibo Readonly 1   Read only display","d":"Non-interactive four-star rating that displays a fixed score without accepting pointer or ","s":"shadcnblocks","c":"inputs/rating"},{"id":"shadcnblocks:rating-rating-kibo-sizes-1","t":"Rating Kibo Sizes 1   Larger star size","d":"Five-star rating that uses a larger button size and starts with four stars selected.","s":"shadcnblocks","c":"inputs/rating"},{"id":"shadcnblocks:rating-rating-kibo-standard-1","t":"Rating Kibo Standard 1   Interactive stars","d":"Interactive five-star rating with clickable buttons that starts empty so users can pick a ","s":"shadcnblocks","c":"inputs/rating"},{"id":"shadcnblocks:rating-rating-readonly-1","t":"Rating Readonly 1   Read only display","d":"Non-interactive rating for displaying an average score.","s":"shadcnblocks","c":"inputs/rating"},{"id":"shadcnblocks:rating-rating-sizes-1","t":"Rating Sizes 1   Larger star size","d":"Rating with increased star icon size.","s":"shadcnblocks","c":"inputs/rating"},{"id":"shadcnblocks:rating-rating-standard-1","t":"Rating Standard 1   Interactive stars","d":"Five-star rating with clickable buttons.","s":"shadcnblocks","c":"inputs/rating"},{"id":"shadcnblocks:rating-rating-with-score","t":"Rating With Score   Stars plus numeric score","d":"Rating shows stars plus explicit numeric score.","s":"shadcnblocks","c":"inputs/rating","hc":1},{"id":"shadcnblocks:reel-reel-controls-1","t":"Reel Controls 1   Playback controls","d":"Reel with play, mute, previous, and next control buttons.","s":"shadcnblocks","c":"actions/button"},{"id":"shadcnblocks:reel-reel-images-1","t":"Reel Images 1   Images only","d":"Timed image reel without video items.","s":"shadcnblocks","c":"media/gallery"},{"id":"shadcnblocks:reel-reel-overlay-1","t":"Reel Overlay 1   Title overlay","d":"Reel with header overlay title and description on each item.","k":"motion","s":"shadcnblocks","c":"motion/text-effect"},{"id":"shadcnblocks:reel-reel-standard-1","t":"Reel Standard 1   Basic media reel","d":"Vertical reel with image and video items, progress, and navigation.","s":"shadcnblocks","c":"data-viz/progress-bar","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:relative-time-relative-time-composition-1","t":"Relative Time Composition 1   World clock layout","d":"Composed world clock with labels, dates, and times.","k":"motion","s":"shadcnblocks","c":"motion/globe","hc":1},{"id":"shadcnblocks:relative-time-relative-time-formats-1","t":"Relative Time Formats 1   Custom formats","d":"RelativeTime with custom date and time format options.","k":"section","s":"shadcnblocks","c":"marketing/marketing","hc":1},{"id":"shadcnblocks:relative-time-relative-time-labels-1","t":"Relative Time Labels 1   Zone labels","d":"RelativeTime rows with custom RelativeTimeZoneLabel text.","s":"shadcnblocks","c":"inputs/form-field","sb":"Animated fields"},{"id":"shadcnblocks:relative-time-relative-time-standard-1","t":"Relative Time Standard 1   Single UTC zone","d":"RelativeTime showing one UTC clock row.","s":"shadcnblocks","c":"data-display/list"},{"id":"shadcnblocks:relative-time-relative-time-zones-1","t":"Relative Time Zones 1   Multiple time zones","d":"RelativeTime with NYC, London, and Tokyo zones.","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:resizable-resizable-collapsible-sidebar","t":"Resizable Collapsible Sidebar   Collapsible sidebar","d":"Collapsible panel with a button to collapse and expand the sidebar.","k":"layout","s":"shadcnblocks","c":"layout/split-pane"},{"id":"shadcnblocks:resizable-resizable-horizontal-split","t":"Resizable Horizontal Split   Horizontal split","d":"Basic horizontal ResizablePanelGroup with two equal panels.","k":"layout","s":"shadcnblocks","c":"layout/split-pane","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnblocks:resizable-resizable-ide-layout","t":"Resizable Ide Layout   IDE layout","d":"Sidebar, editor, and terminal split using nested panel groups.","k":"layout","s":"shadcnblocks","c":"layout/split-pane","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"shadcnblocks:resizable-resizable-min-max-sizes","t":"Resizable Min Max Sizes   Min and max sizes","d":"ResizablePanel with minSize and maxSize percentage constraints.","k":"layout","s":"shadcnblocks","c":"layout/split-pane"},{"id":"shadcnblocks:resizable-resizable-nested-panels","t":"Resizable Nested Panels   Nested panels","d":"Nested horizontal and vertical ResizablePanelGroup composition.","k":"layout","s":"shadcnblocks","c":"layout/split-pane"},{"id":"shadcnblocks:resizable-resizable-three-columns","t":"Resizable Three Columns   Three columns","d":"Three-panel horizontal layout with two ResizableHandle separators.","k":"layout","s":"shadcnblocks","c":"layout/split-pane","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnblocks:resizable-resizable-vertical-split","t":"Resizable Vertical Split   Vertical split","d":"Vertical ResizablePanelGroup with header and content panels.","k":"layout","s":"shadcnblocks","c":"layout/split-pane"},{"id":"shadcnblocks:resizable-resizable-with-scroll-area","t":"Resizable With Scroll Area   With scroll area","d":"Resizable file list and preview panes each using ScrollArea.","k":"layout","s":"shadcnblocks","c":"layout/split-pane"},{"id":"shadcnblocks:resizable-resizable-with-visible-handle","t":"Resizable With Visible Handle   With visible handle","d":"ResizableHandle with the withHandle prop for a visible drag grip.","k":"layout","s":"shadcnblocks","c":"layout/split-pane"},{"id":"shadcnblocks:sandbox-sandbox-console-1","t":"Sandbox Console 1   With console","d":"Sandbox tabs that include a console panel for runtime logs.","s":"shadcnblocks","c":"navigation/tabs"},{"id":"shadcnblocks:sandbox-sandbox-files-1","t":"Sandbox Files 1   File explorer","d":"Multi-file sandbox with a file explorer beside the editor.","s":"shadcnblocks","c":"inputs/textarea"},{"id":"shadcnblocks:sandbox-sandbox-preview-1","t":"Sandbox Preview 1   Preview focused","d":"Sandbox that opens on the preview tab for demo-first docs.","s":"shadcnblocks","c":"navigation/tabs"},{"id":"shadcnblocks:sandbox-sandbox-standard-1","t":"Sandbox Standard 1   Code and preview","d":"Sandpack sandbox with code editor and live preview tabs.","s":"shadcnblocks","c":"navigation/tabs"},{"id":"shadcnblocks:scroll-area-scroll-area-advanced-1","t":"Scroll Area Advanced 1   Both orientations","d":"Both Orientations.","k":"layout","s":"shadcnblocks","c":"layout/scroll-area","hc":1},{"id":"shadcnblocks:scroll-area-scroll-area-advanced-2","t":"Scroll Area Advanced 2   Dynamic content","d":"Dynamic Content.","k":"layout","s":"shadcnblocks","c":"layout/scroll-area"},{"id":"shadcnblocks:scroll-area-scroll-area-advanced-3","t":"Scroll Area Advanced 3   With resize handle","d":"With ResizableHandle.","k":"layout","s":"shadcnblocks","c":"layout/scroll-area"},{"id":"shadcnblocks:scroll-area-scroll-area-layout-1","t":"Scroll Area Layout 1   Fixed height","d":"Fixed Height ScrollArea.","k":"layout","s":"shadcnblocks","c":"layout/scroll-area"},{"id":"shadcnblocks:scroll-area-scroll-area-layout-2","t":"Scroll Area Layout 2   Scrollable tags","d":"Scrollable Tags.","k":"layout","s":"shadcnblocks","c":"layout/scroll-area"},{"id":"shadcnblocks:scroll-area-scroll-area-layout-3","t":"Scroll Area Layout 3   Chat messages","d":"Chat Messages.","k":"layout","s":"shadcnblocks","c":"layout/scroll-area"},{"id":"shadcnblocks:scroll-area-scroll-area-standard-1","t":"Scroll Area Standard 1   Basic","d":"Basic ScrollArea.","k":"layout","s":"shadcnblocks","c":"layout/scroll-area","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnblocks:scroll-area-scroll-area-standard-2","t":"Scroll Area Standard 2   Horizontal","d":"Horizontal ScrollArea.","k":"layout","s":"shadcnblocks","c":"layout/scroll-area"},{"id":"shadcnblocks:scrollable-tabslist-scrollable-tabslist-basic","t":"Scrollable Tabslist Basic   Horizontal scrolling tabs","d":"TabsList scrolls horizontally inside ScrollableTabsList.","s":"shadcnblocks","c":"navigation/tabs","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnblocks:select-select-clearable","t":"Select Clearable   Clearable","d":"Controlled select with a button to clear the current value.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-compact-toolbar","t":"Select Compact Toolbar   Compact toolbar select","d":"Inline sort select for toolbar and filter bar layouts.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-default","t":"Select Default   Default","d":"Default shadcn Select with a pre-selected value.","s":"shadcnblocks","c":"inputs/select","hc":1},{"id":"shadcnblocks:select-select-disabled","t":"Select Disabled   Disabled","d":"Entire select control in a disabled state.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-empty-state","t":"Select Empty State   Empty state","d":"Select dropdown with a message when no options exist.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-full-width","t":"Select Full Width   Full width layout","d":"Full-width select inside a Field wrapper.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-ghost","t":"Select Ghost   Ghost select","d":"Minimal ghost-style select without a visible border.","s":"shadcnblocks","c":"inputs/select","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:select-select-horizontal-field-layout","t":"Select Horizontal Field Layout   Horizontal field layout","d":"Select with label and control on one row.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-loading","t":"Select Loading   Loading state","d":"Select that shows skeleton placeholders while options load.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-option-with-badge-and-description","t":"Select Option With Badge And Description   Badge with description","d":"Two-line select items with a trailing badge beside the title and description.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-option-with-badge","t":"Select Option With Badge   Options with badge","d":"Select items with trailing badges such as New or Pro.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-option-with-description","t":"Select Option With Description   Options with description","d":"Two-line select items with a title and supporting description.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-option-with-icon-and-badge","t":"Select Option With Icon And Badge   Icon with badge","d":"Select items with a leading icon, label, and trailing badge tag.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-option-with-icon-and-description","t":"Select Option With Icon And Description   Icon with description","d":"Select items with a leading icon, title, and supporting description line.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-option-with-icon","t":"Select Option With Icon   Select option with icon","d":"Select items with Lucide icons beside each option label.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-option-with-rich-item","t":"Select Option With Rich Item   Rich option row","d":"Select items combining icon, two-line text, and a trailing badge in one row.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-option-with-status-dot","t":"Select Option With Status Dot   Status dot options","d":"Two-line select items with a colored status dot, label, and incident detail.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-permission-level","t":"Select Permission Level   Permission level","d":"Access level select with icon, role name, and capability description per row.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-position-variant","t":"Select Position Variant   Position variant","d":"Select menu positioned above the trigger with side=\"top\".","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-read-only","t":"Select Read Only   Read only display","d":"Static read-only presentation of a selected value.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-region-with-latency","t":"Select Region With Latency   Region with latency","d":"Deploy region picker with flag, label, and latency badge per option.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-required","t":"Select Required   Required","d":"Required select field marked with an asterisk.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-scrollable-long-list","t":"Select Scrollable Long List   Scrollable long list","d":"Select with many options in a scrollable menu.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-size-variants","t":"Select Size Variants   Size variants","d":"Small, default, and large select trigger sizes.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-timezone","t":"Select Timezone   Timezone select","d":"Timezone picker with grouped regional options.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-avatar-and-description","t":"Select With Avatar And Description   Avatar with description","d":"Select items with avatar, name, and role or subtitle on a second line.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-avatar","t":"Select With Avatar   Options with avatar","d":"Select items with user avatars beside each name.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-background-color","t":"Select With Background Color   With background color","d":"Select trigger with a muted background fill.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-color-swatch","t":"Select With Color Swatch   Color swatch options","d":"Select items with color swatches beside each label.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-colored-border-and-ring","t":"Select With Colored Border And Ring   With colored border and ring","d":"Select with a custom blue border and focus ring on the trigger.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-create-footer","t":"Select With Create Footer   Create footer","d":"Project select with a sticky Create new project button below the options.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-default-value","t":"Select With Default Value   With default value","d":"Select pre-filled with a default selected option.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-description","t":"Select With Description   With description","d":"Select with descriptive copy above the control.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-destructive-option","t":"Select With Destructive Option   Destructive option","d":"Workspace select with a separator and destructive delete action row.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-disabled-options","t":"Select With Disabled Options   With disabled options","d":"Select menu with individual disabled items.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-error","t":"Select With Error   With error","d":"Role select with invalid styling and a validation error message.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-flag","t":"Select With Flag   Options with flag","d":"Select items with country flag emoji beside each label.","k":"resource","s":"shadcnblocks","c":"assets/flag"},{"id":"shadcnblocks:select-select-with-helper-text","t":"Select With Helper Text   With helper text","d":"Select wrapped in Field with helper text below the control.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-icon","t":"Select With Icon   With icon","d":"Select trigger with a GitBranch icon for choosing a git branch.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-inset-label","t":"Select With Inset Label   With inset label","d":"Select with a small label inside the trigger.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-leading-text","t":"Select With Leading Text   With leading text","d":"Select trigger with static leading text before the value.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-option-groups","t":"Select With Option Groups   With option groups","d":"Select with grouped options and section labels.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-overlapping-label","t":"Select With Overlapping Label   With overlapping label","d":"Select with a label overlapping the trigger border.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-placeholder","t":"Select With Placeholder   With placeholder","d":"Select with placeholder text before a value is chosen.","s":"shadcnblocks","c":"inputs/select","hc":1},{"id":"shadcnblocks:select-select-with-prefix-and-suffix","t":"Select With Prefix And Suffix   With prefix and suffix adornment","d":"Select with currency prefix and unit suffix in the trigger.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-quota-progress","t":"Select With Quota Progress   Quota progress","d":"Storage bucket select with usage text and a Progress bar in each option.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-recommended-option","t":"Select With Recommended Option   Recommended option","d":"Plan select with one highlighted row and a Recommended badge.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-separator","t":"Select With Separator   With separator","d":"Grouped select with separators between sections.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-status","t":"Select With Status   Status select","d":"Select trigger that displays the choice as a status badge.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-with-truncated-trigger","t":"Select With Truncated Trigger   Truncated trigger text","d":"Select trigger that truncates long selected labels.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:select-select-workspace-switcher","t":"Select Workspace Switcher   Workspace switcher","d":"Org picker with logo tile, member count, and plan badge on each option.","s":"shadcnblocks","c":"inputs/select"},{"id":"shadcnblocks:separator-separator-basic-1","t":"Separator Basic 1   Horizontal","d":"Horizontal Separator.","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:separator-separator-basic-2","t":"Separator Basic 2   Vertical","d":"Vertical Separator.","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:separator-separator-basic-3","t":"Separator Basic 3   In navigation","d":"In Navigation.","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:separator-separator-basic-4","t":"Separator Basic 4   Section divider","d":"Section Divider.","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnblocks:separator-separator-basic-5","t":"Separator Basic 5   Simple line","d":"Simple Line.","k":"section","s":"shadcnblocks","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:separator-separator-spacing-1","t":"Separator Spacing 1   Tight spacing","d":"Tight Spacing.","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:separator-separator-spacing-2","t":"Separator Spacing 2   Default spacing","d":"Default Spacing.","k":"section","s":"shadcnblocks","c":"marketing/marketing","hc":1},{"id":"shadcnblocks:separator-separator-spacing-3","t":"Separator Spacing 3   Wide spacing","d":"Wide Spacing.","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:separator-separator-spacing-4","t":"Separator Spacing 4   With margins","d":"With Margins.","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:separator-separator-spacing-5","t":"Separator Spacing 5   Inset","d":"Inset Separator.","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:separator-separator-styled-1","t":"Separator Styled 1   Thick","d":"Thick Separator.","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:separator-separator-styled-2","t":"Separator Styled 2   Dashed","d":"Dashed Separator.","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:separator-separator-styled-3","t":"Separator Styled 3   Dotted","d":"Dotted Separator.","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:separator-separator-styled-4","t":"Separator Styled 4   Gradient line","d":"Gradient line divider between content sections.","k":"motion","s":"shadcnblocks","c":"motion/gradient","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:separator-separator-styled-5","t":"Separator Styled 5   Double line","d":"Double Line.","k":"section","s":"shadcnblocks","c":"marketing/marketing"},{"id":"shadcnblocks:separator-separator-with-text-1","t":"Separator With Text 1   With text center","d":"With Text Center.","k":"motion","s":"shadcnblocks","c":"motion/text-effect"},{"id":"shadcnblocks:separator-separator-with-text-2","t":"Separator With Text 2   With text left","d":"With Text Left.","k":"motion","s":"shadcnblocks","c":"motion/text-effect"},{"id":"shadcnblocks:separator-separator-with-text-3","t":"Separator With Text 3   With text right","d":"With Text Right.","k":"motion","s":"shadcnblocks","c":"motion/text-effect"},{"id":"shadcnblocks:sheet-sheet-customer-editor-1","t":"Sheet Customer Editor 1   Sheet form with repeatable rows","d":"Side sheet with basic fields, a status select, and rows you can add or remove.","s":"shadcnblocks","c":"overlays/sheet","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:sheet-sheet-details-1","t":"Sheet Details 1   Product details","d":"Product Details Sheet.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-details-2","t":"Sheet Details 2   User profile view","d":"User Profile View Sheet.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-details-3","t":"Sheet Details 3   Order details","d":"Order Details Sheet.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-details-4","t":"Sheet Details 4   Article preview","d":"Article Preview Sheet.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-details-5","t":"Sheet Details 5   Notification list","d":"Notification List Sheet.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-form-1","t":"Sheet Form 1   Contact form","d":"Contact Form Sheet.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-form-2","t":"Sheet Form 2   User profile edit","d":"User Profile Edit Sheet.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-form-3","t":"Sheet Form 3   Search and filter","d":"Search and Filter Sheet.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-form-4","t":"Sheet Form 4   Create new item","d":"Create New Item Sheet.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-form-5","t":"Sheet Form 5   Multi step form","d":"Multi-Step Form Sheet.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-multi-section-1","t":"Sheet Multi Section 1   Header, content, and footer","d":"Sheet with Header, Content, and Footer.","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:sheet-sheet-multi-section-2","t":"Sheet Multi Section 2   With tabs","d":"Sheet with Tabs.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-multi-section-3","t":"Sheet Multi Section 3   Scrollable content","d":"Sheet with Scrollable Content.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-multi-section-4","t":"Sheet Multi Section 4   Action buttons in footer","d":"Sheet with Action Buttons in Footer.","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:sheet-sheet-multi-section-5","t":"Sheet Multi Section 5   Sticky header and footer","d":"Sheet with Sticky Header and Footer.","k":"section","s":"shadcnblocks","c":"marketing/footer"},{"id":"shadcnblocks:sheet-sheet-navigation-1","t":"Sheet Navigation 1   Mobile menu","d":"Mobile Menu Sheet.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-navigation-2","t":"Sheet Navigation 2   Sidebar navigation","d":"Sidebar Navigation Sheet.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-navigation-3","t":"Sheet Navigation 3   Nested navigation menu","d":"Nested Navigation Menu Sheet.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-navigation-4","t":"Sheet Navigation 4   Navigation with user profile","d":"Navigation with User Profile Sheet.","s":"shadcnblocks","c":"overlays/sheet","hc":1},{"id":"shadcnblocks:sheet-sheet-navigation-5","t":"Sheet Navigation 5   Navigation with search","d":"Navigation with Search Sheet.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-settings-1","t":"Sheet Settings 1   App preferences","d":"App Preferences Sheet.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-settings-2","t":"Sheet Settings 2   Account settings","d":"Account Settings Sheet.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-settings-3","t":"Sheet Settings 3   Notification preferences","d":"Notification Preferences Sheet.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-settings-4","t":"Sheet Settings 4   Theme settings","d":"Theme Settings Sheet.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-settings-5","t":"Sheet Settings 5   Privacy settings","d":"Privacy Settings Sheet.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-standard-1","t":"Sheet Standard 1   Bottom sliding","d":"Bottom-Sliding Sheet.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-standard-2","t":"Sheet Standard 2   With title and description","d":"Sheet with Title and Description.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-standard-3","t":"Sheet Standard 3   Left sided","d":"Left-Sided Sheet.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:sheet-sheet-standard-4","t":"Sheet Standard 4   Top sliding","d":"Top-Sliding Sheet.","s":"shadcnblocks","c":"overlays/sheet"},{"id":"shadcnblocks:skeleton-skeleton-card-1","t":"Skeleton Card 1   Simple card with image and text","d":"Simple Card with Image and Text.","s":"shadcnblocks","c":"status/skeleton","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:skeleton-skeleton-card-2","t":"Skeleton Card 2   Card with avatar and content","d":"Card with Avatar and Content.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-card-3","t":"Skeleton Card 3   Card with badge and tags","d":"Card with Badge and Tags.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-card-4","t":"Skeleton Card 4   Vertical card layout","d":"Vertical Card Layout.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-card-5","t":"Skeleton Card 5   Horizontal card layout","d":"Horizontal Card Layout.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-content-1","t":"Skeleton Content 1   Article preview","d":"Article Preview.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-content-2","t":"Skeleton Content 2   Blog post","d":"Blog Post.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-content-3","t":"Skeleton Content 3   Comment thread","d":"Comment Thread.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-content-4","t":"Skeleton Content 4   Detailed article","d":"Detailed Article.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-content-5","t":"Skeleton Content 5   Content with sidebar","d":"Content with Sidebar.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-form-1","t":"Skeleton Form 1   Input fields","d":"Input Fields.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-form-2","t":"Skeleton Form 2   Form with labels","d":"Form with Labels.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-form-3","t":"Skeleton Form 3   Multi column form","d":"Multi-column Form.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-form-4","t":"Skeleton Form 4   Form with sections","d":"Form with Sections.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-form-5","t":"Skeleton Form 5   Search form","d":"Search Form.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-list-1","t":"Skeleton List 1   Simple list items","d":"Simple List Items.","s":"shadcnblocks","c":"status/skeleton","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:skeleton-skeleton-list-2","t":"Skeleton List 2   List with avatars","d":"List with Avatars.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-list-3","t":"Skeleton List 3   List with icons","d":"List with Icons.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-list-4","t":"Skeleton List 4   Multi line list items","d":"Multi-line List Items.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-list-5","t":"Skeleton List 5   Hierarchical list items","d":"Hierarchical List Items.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-profile-1","t":"Skeleton Profile 1   User profile header","d":"User Profile Header.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-profile-2","t":"Skeleton Profile 2   Profile card","d":"Profile Card.","s":"shadcnblocks","c":"status/skeleton","hc":1},{"id":"shadcnblocks:skeleton-skeleton-profile-3","t":"Skeleton Profile 3   Profile settings form","d":"Profile Settings Form.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-profile-4","t":"Skeleton Profile 4   Profile with stats","d":"Profile with Stats.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-profile-5","t":"Skeleton Profile 5   Team member card","d":"Team Member Card.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-table-1","t":"Skeleton Table 1   Simple table rows","d":"Simple Table Rows.","s":"shadcnblocks","c":"status/skeleton","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:skeleton-skeleton-table-2","t":"Skeleton Table 2   Table with actions","d":"Table with Actions.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-table-3","t":"Skeleton Table 3   Table with avatars","d":"Table with Avatars.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-table-4","t":"Skeleton Table 4   Expandable rows","d":"Expandable Rows.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:skeleton-skeleton-table-5","t":"Skeleton Table 5   Table with pagination","d":"Table with Pagination.","s":"shadcnblocks","c":"status/skeleton"},{"id":"shadcnblocks:slider-slider-interactive-1","t":"Slider Interactive 1   Synced with input field","d":"Synced with Input Field.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-interactive-2","t":"Slider Interactive 2   With increment/decrement buttons","d":"With Increment/Decrement Buttons.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-interactive-3","t":"Slider Interactive 3   With preset values","d":"With Preset Values.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-interactive-4","t":"Slider Interactive 4   With reset button","d":"With Reset Button.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-interactive-5","t":"Slider Interactive 5   With live preview","d":"With Live Preview.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-range-1","t":"Slider Range 1   Basic range","d":"Basic Range Slider.","s":"shadcnblocks","c":"inputs/slider","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:slider-slider-range-2","t":"Slider Range 2   Price range","d":"Price Range Slider.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-range-3","t":"Slider Range 3   Range with value display","d":"Range with Value Display.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-range-4","t":"Slider Range 4   Range with constraints","d":"Range with Constraints.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-range-5","t":"Slider Range 5   Percentage range","d":"Percentage Range.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-settings-1","t":"Slider Settings 1   Volume control","d":"Volume Control.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-settings-2","t":"Slider Settings 2   Brightness control","d":"Brightness Control.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-settings-3","t":"Slider Settings 3   Temperature control","d":"Temperature Control.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-settings-4","t":"Slider Settings 4   Speed control","d":"Speed Control.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-standard-1","t":"Slider Standard 1   Simple","d":"Simple Slider.","s":"shadcnblocks","c":"inputs/slider","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:slider-slider-standard-2","t":"Slider Standard 2   With label","d":"Slider with Label.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-standard-3","t":"Slider Standard 3   With value display","d":"Slider with Value Display.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-standard-4","t":"Slider Standard 4   With min/max labels","d":"Slider with Min/Max Labels.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-standard-5","t":"Slider Standard 5   With step indicators","d":"Slider with Step Indicators.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-styled-1","t":"Slider Styled 1   Colored","d":"Colored Slider.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-styled-2","t":"Slider Styled 2   With tooltip","d":"With Tooltip.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-styled-3","t":"Slider Styled 3   Large/thick","d":"Large/Thick Slider.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-styled-4","t":"Slider Styled 4   Minimal style","d":"Minimal Style.","s":"shadcnblocks","c":"inputs/slider","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:slider-slider-styled-5","t":"Slider Styled 5   With gradient track","d":"With Gradient Track.","s":"shadcnblocks","c":"inputs/slider","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnblocks:slider-slider-vertical-1","t":"Slider Vertical 1   Volume control style","d":"Volume Control Style.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-vertical-2","t":"Slider Vertical 2   Height selector","d":"Height Selector.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-vertical-3","t":"Slider Vertical 3   Vertical with labels","d":"Vertical with Labels.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-vertical-4","t":"Slider Vertical 4   Vertical range","d":"Vertical Range.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:slider-slider-vertical-5","t":"Slider Vertical 5   Vertical with indicators","d":"Vertical with Indicators.","s":"shadcnblocks","c":"inputs/slider"},{"id":"shadcnblocks:snippet-snippet-composition-1","t":"Snippet Composition 1   Install command","d":"Full install snippet with stable and preview tabs plus dynamic copy button.","s":"shadcnblocks","c":"data-display/code-block"},{"id":"shadcnblocks:snippet-snippet-controlled-1","t":"Snippet Controlled 1   Controlled tabs","d":"Snippet with value and onValueChange controlled by external buttons.","s":"shadcnblocks","c":"data-display/code-block","hc":1},{"id":"shadcnblocks:snippet-snippet-copy-1","t":"Snippet Copy 1   Copy button","d":"Snippet with SnippetCopyButton in the header for clipboard copy.","s":"shadcnblocks","c":"data-display/code-block"},{"id":"shadcnblocks:snippet-snippet-header-1","t":"Snippet Header 1   Custom header","d":"SnippetHeader with a label, tab trigger, and copy button in a custom layout.","s":"shadcnblocks","c":"data-display/code-block"},{"id":"shadcnblocks:snippet-snippet-standard-1","t":"Snippet Standard 1   Single tab","d":"Snippet with one tab showing a package install command in a code block.","s":"shadcnblocks","c":"data-display/code-block"},{"id":"shadcnblocks:snippet-snippet-tabs-1","t":"Snippet Tabs 1   Multiple tabs","d":"Snippet with TypeScript, JavaScript, and Python language tabs.","s":"shadcnblocks","c":"data-display/code-block"},{"id":"shadcnblocks:social-button-social-button-apple-default","t":"Social Button Apple Default   Apple default","d":"Apple social button — default style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-apple-full","t":"Social Button Apple Full   Apple full","d":"Apple social button — full style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-apple-icon","t":"Social Button Apple Icon   Apple icon","d":"Apple social button — icon style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-apple-outline","t":"Social Button Apple Outline   Apple outline","d":"Apple social button — outline style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-apple-secondary-outline","t":"Social Button Apple Secondary Outline   Apple secondary outline","d":"Apple social button — secondary-outline style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-apple-sm","t":"Social Button Apple Sm   Apple sm","d":"Apple social button — sm style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-discord-default","t":"Social Button Discord Default   Discord default","d":"Discord social button — default style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-discord-full","t":"Social Button Discord Full   Discord full","d":"Discord social button — full style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-discord-icon","t":"Social Button Discord Icon   Discord icon","d":"Discord social button — icon style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-discord-outline","t":"Social Button Discord Outline   Discord outline","d":"Discord social button — outline style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-discord-secondary-outline","t":"Social Button Discord Secondary Outline   Discord secondary outline","d":"Discord social button — secondary-outline style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-discord-sm","t":"Social Button Discord Sm   Discord sm","d":"Discord social button — sm style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-facebook-default","t":"Social Button Facebook Default   Facebook default","d":"Facebook social button — default style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-facebook-full","t":"Social Button Facebook Full   Facebook full","d":"Facebook social button — full style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-facebook-icon","t":"Social Button Facebook Icon   Facebook icon","d":"Facebook social button — icon style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-facebook-outline","t":"Social Button Facebook Outline   Facebook outline","d":"Facebook social button — outline style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-facebook-secondary-outline","t":"Social Button Facebook Secondary Outline   Facebook secondary outline","d":"Facebook social button — secondary-outline style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-facebook-sm","t":"Social Button Facebook Sm   Facebook sm","d":"Facebook social button — sm style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-github-default","t":"Social Button Github Default   GitHub default","d":"GitHub social button — default style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-github-full","t":"Social Button Github Full   GitHub full","d":"GitHub social button — full style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-github-icon","t":"Social Button Github Icon   GitHub icon","d":"GitHub social button — icon style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-github-outline","t":"Social Button Github Outline   GitHub outline","d":"GitHub social button — outline style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-github-secondary-outline","t":"Social Button Github Secondary Outline   GitHub secondary outline","d":"GitHub social button — secondary-outline style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-github-sm","t":"Social Button Github Sm   GitHub sm","d":"GitHub social button — sm style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-google-default","t":"Social Button Google Default   Google default","d":"Google social button — default style.","s":"shadcnblocks","c":"actions/button","tg":["webgl"],"sb":"Social and sign-in","sy":["webgl"],"hc":1},{"id":"shadcnblocks:social-button-social-button-google-full","t":"Social Button Google Full   Google full","d":"Google social button — full style.","s":"shadcnblocks","c":"actions/button","tg":["webgl"],"sb":"Social and sign-in","sy":["webgl"]},{"id":"shadcnblocks:social-button-social-button-google-icon","t":"Social Button Google Icon   Google icon","d":"Google social button — icon style.","s":"shadcnblocks","c":"actions/button","tg":["webgl"],"sb":"Social and sign-in","sy":["webgl"]},{"id":"shadcnblocks:social-button-social-button-google-outline","t":"Social Button Google Outline   Google outline","d":"Google social button — outline style.","s":"shadcnblocks","c":"actions/button","tg":["webgl"],"sb":"Social and sign-in","sy":["webgl"],"hc":1},{"id":"shadcnblocks:social-button-social-button-google-secondary-outline","t":"Social Button Google Secondary Outline   Google secondary outline","d":"Google social button — secondary-outline style.","s":"shadcnblocks","c":"actions/button","tg":["webgl"],"sb":"Social and sign-in","sy":["webgl"]},{"id":"shadcnblocks:social-button-social-button-google-sm","t":"Social Button Google Sm   Google sm","d":"Google social button — sm style.","s":"shadcnblocks","c":"actions/button","tg":["webgl"],"sb":"Social and sign-in","sy":["webgl"]},{"id":"shadcnblocks:social-button-social-button-linkedin-default","t":"Social Button Linkedin Default   LinkedIn default","d":"LinkedIn social button — default style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-linkedin-full","t":"Social Button Linkedin Full   LinkedIn full","d":"LinkedIn social button — full style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-linkedin-icon","t":"Social Button Linkedin Icon   LinkedIn icon","d":"LinkedIn social button — icon style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-linkedin-outline","t":"Social Button Linkedin Outline   LinkedIn outline","d":"LinkedIn social button — outline style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-linkedin-secondary-outline","t":"Social Button Linkedin Secondary Outline   LinkedIn secondary outline","d":"LinkedIn social button — secondary-outline style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-linkedin-sm","t":"Social Button Linkedin Sm   LinkedIn sm","d":"LinkedIn social button — sm style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-microsoft-default","t":"Social Button Microsoft Default   Microsoft default","d":"Microsoft social button — default style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-microsoft-full","t":"Social Button Microsoft Full   Microsoft full","d":"Microsoft social button — full style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-microsoft-icon","t":"Social Button Microsoft Icon   Microsoft icon","d":"Microsoft social button — icon style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-microsoft-outline","t":"Social Button Microsoft Outline   Microsoft outline","d":"Microsoft social button — outline style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-microsoft-secondary-outline","t":"Social Button Microsoft Secondary Outline   Microsoft secondary outline","d":"Microsoft social button — secondary-outline style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-microsoft-sm","t":"Social Button Microsoft Sm   Microsoft sm","d":"Microsoft social button — sm style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-twitter-default","t":"Social Button Twitter Default   X default","d":"X social button — default style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-twitter-full","t":"Social Button Twitter Full   X full","d":"X social button — full style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-twitter-icon","t":"Social Button Twitter Icon   X icon","d":"X social button — icon style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-twitter-outline","t":"Social Button Twitter Outline   X outline","d":"X social button — outline style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-twitter-secondary-outline","t":"Social Button Twitter Secondary Outline   X secondary outline","d":"X social button — secondary-outline style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:social-button-social-button-twitter-sm","t":"Social Button Twitter Sm   X sm","d":"X social button — sm style.","s":"shadcnblocks","c":"actions/button","sb":"Social and sign-in"},{"id":"shadcnblocks:sonner-sonner-content-1","t":"Sonner Content 1   Toast with description","d":"Sonner toast with a title and supporting description.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-content-2","t":"Sonner Content 2   Toast with custom icon","d":"Sonner toast with a custom icon and supporting description.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-content-3","t":"Sonner Content 3   Toast with custom duration","d":"Sonner toast that stays visible for a custom duration.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-content-4","t":"Sonner Content 4   Toast with multi line content","d":"Success sonner toast with a longer multi-line description.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-content-5","t":"Sonner Content 5   Toast with rich HTML content","d":"Sonner toast that renders custom React content instead of a title string.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-content-6","t":"Sonner Content 6   Toast with close button","d":"Sonner toast with a close button using the closeButton option.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-content-7","t":"Sonner Content 7   Persistent toast","d":"Sonner toast that stays on screen until dismissed with duration Infinity.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-content-8","t":"Sonner Content 8   Inverted toast","d":"Sonner toast that inverts light and dark colors with the invert option.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-interactive-1","t":"Sonner Interactive 1   Toast with action button","d":"Sonner toast with an action button for undo or follow-up.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-interactive-2","t":"Sonner Interactive 2   Toast with cancel button","d":"Sonner toast with a cancel button to dismiss a pending action.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-interactive-3","t":"Sonner Interactive 3   Toast with action and cancel","d":"Sonner toast with both action and cancel buttons for confirm or abort.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-interactive-4","t":"Sonner Interactive 4   Non dismissible toast","d":"Sonner toast that cannot be dismissed until it expires.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-interactive-5","t":"Sonner Interactive 5   Programmatic dismiss","d":"Dismiss a sonner toast by id or clear the stack with toast.dismiss.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-interactive-6","t":"Sonner Interactive 6   Update toast by ID","d":"Update one sonner toast in place by passing the same id to later toast calls.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-interactive-7","t":"Sonner Interactive 7   Headless custom toast","d":"Headless sonner toast rendered with toast.custom and fully custom markup.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-interactive-8","t":"Sonner Interactive 8   Toast lifecycle callbacks","d":"Sonner toast with onDismiss and onAutoClose callbacks after the toast leaves.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-interactive-9","t":"Sonner Interactive 9   Toast with JSX action","d":"Sonner toast with JSX action and cancel buttons instead of label objects.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-position-1","t":"Sonner Position 1   Top left position","d":"Sonner toast positioned in the top left of the viewport.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-position-2","t":"Sonner Position 2   Top center position","d":"Sonner toast positioned at the top center of the viewport.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-position-3","t":"Sonner Position 3   Top right position","d":"Sonner toast positioned in the top right of the viewport.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-position-4","t":"Sonner Position 4   Bottom left position","d":"Sonner toast positioned in the bottom left of the viewport.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-position-5","t":"Sonner Position 5   Bottom center position","d":"Sonner toast positioned at the bottom center of the viewport.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-position-6","t":"Sonner Position 6   Bottom right position","d":"Sonner toast positioned in the bottom right of the viewport.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-promise-1","t":"Sonner Promise 1   Basic promise toast","d":"Promise toast using the shadcn sonner toast.promise API.","s":"shadcnblocks","c":"overlays/toast","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:sonner-sonner-promise-2","t":"Sonner Promise 2   Promise toast with data","d":"Promise toast that interpolates resolved data into the sonner success message.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-promise-3","t":"Sonner Promise 3   Promise toast with error","d":"Promise toast that surfaces the rejected error in the sonner message.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-promise-4","t":"Sonner Promise 4   Loading toast","d":"Persistent loading toast using the shadcn sonner toast.loading API.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-promise-5","t":"Sonner Promise 5   Promise toast with options","d":"Promise toast whose success and error handlers return a toast options object.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-special-1","t":"Sonner Special 1   Expanded toast stack","d":"Expanded sonner stack with closeButton so each toast can be dismissed.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-standard-1","t":"Sonner Standard 1   Default toast","d":"Default sonner toast using the shadcn Sonner component.","s":"shadcnblocks","c":"overlays/toast","hc":1},{"id":"shadcnblocks:sonner-sonner-standard-2","t":"Sonner Standard 2   Success toast","d":"Success toast using the shadcn sonner toast.success API.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-standard-3","t":"Sonner Standard 3   Error toast","d":"Error toast using the shadcn sonner toast.error API.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-standard-4","t":"Sonner Standard 4   Warning toast","d":"Warning toast using the shadcn sonner toast.warning API.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-standard-5","t":"Sonner Standard 5   Info toast","d":"Info toast using the shadcn sonner toast.info API.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sonner-sonner-standard-6","t":"Sonner Standard 6   Rich colors toast","d":"Typed sonner toasts with richColors enabled on the Toaster.","s":"shadcnblocks","c":"overlays/toast"},{"id":"shadcnblocks:sparkline-sparkline-area-1","t":"Sparkline Area 1   Area sparkline","d":"shadcn sparkline component drawn as a filled area with no axes.","s":"shadcnblocks","c":"data-viz/chart","sb":"Area"},{"id":"shadcnblocks:sparkline-sparkline-bar-1","t":"Sparkline Bar 1   Bar sparkline","d":"shadcn sparkline component drawn as bars with no axes.","s":"shadcnblocks","c":"data-viz/chart","sb":"Bar"},{"id":"shadcnblocks:sparkline-sparkline-line-1","t":"Sparkline Line 1   Line sparkline","d":"shadcn sparkline component drawn as a line with no axes.","s":"shadcnblocks","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcnblocks:spinner-spinner-applications-1","t":"Spinner Applications 1   In item","d":"Spinner in Item.","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-applications-2","t":"Spinner Applications 2   In input group","d":"Spinner in Input Group.","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-applications-3","t":"Spinner Applications 3   In empty state","d":"Spinner in Empty State.","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-button-1","t":"Spinner Button 1   Loading button","d":"Loading Button.","s":"shadcnblocks","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnblocks:spinner-spinner-button-2","t":"Spinner Button 2   Loading outline button","d":"Loading Outline Button.","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-button-3","t":"Spinner Button 3   Loading icon button","d":"Loading Icon Button.","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-button-4","t":"Spinner Button 4   Loading secondary button","d":"Loading Secondary Button.","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-button-5","t":"Spinner Button 5   Loading small button","d":"Loading Small Button.","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-ellipsis-1","t":"Spinner Ellipsis 1   Ellipsis spinner","d":"Spinner using the bouncing ellipsis variant.","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-inline-1","t":"Spinner Inline 1   Inline with text","d":"Inline with Text.","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-inline-2","t":"Spinner Inline 2   Before text","d":"Spinner Before Text.","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-inline-3","t":"Spinner Inline 3   After text","d":"Spinner After Text.","s":"shadcnblocks","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnblocks:spinner-spinner-inline-4","t":"Spinner Inline 4   In list item","d":"Spinner in List Item.","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-kibo-ellipsis-1","t":"Spinner Kibo Ellipsis 1   Ellipsis","d":"Kibo UI spinner using the ellipsis animation variant with bouncing dots as a compact loadi","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-kibo-pinwheel-1","t":"Spinner Kibo Pinwheel 1   Pinwheel","d":"Kibo UI spinner using the pinwheel animation variant as a rotating radial loading indicato","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-kibo-ring-1","t":"Spinner Kibo Ring 1   Ring","d":"Kibo UI spinner using the ring animation variant as a pulsing circular loading indicator i","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-kibo-sizes-1","t":"Spinner Kibo Sizes 1   Size variants","d":"Kibo UI throbber spinner at small, medium, and large sizes displayed side by side for comp","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-kibo-standard-1","t":"Spinner Kibo Standard 1   Default","d":"Kibo UI spinner with the default animation variant, shown as a standalone loading indicato","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-kibo-throbber-1","t":"Spinner Kibo Throbber 1   Throbber","d":"Kibo UI spinner using the throbber animation variant for a classic rotating loader icon in","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-pinwheel-1","t":"Spinner Pinwheel 1   Pinwheel spinner","d":"Spinner using the pinwheel animation variant.","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-ring-1","t":"Spinner Ring 1   Ring spinner","d":"Spinner using the pulsing ring variant.","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-sizes-1","t":"Spinner Sizes 1   Spinner sizes","d":"Multiple Kibo UI spinner sizes side by side.","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-standard-1","t":"Spinner Standard 1   Default spinner","d":"Kibo UI Spinner using the default variant.","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-standard-2","t":"Spinner Standard 2   Small","d":"Small Spinner.","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-standard-3","t":"Spinner Standard 3   Large","d":"Large Spinner.","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-standard-4","t":"Spinner Standard 4   Primary color","d":"Primary Color Spinner.","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-standard-5","t":"Spinner Standard 5   Muted","d":"Muted Spinner.","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:spinner-spinner-throbber-1","t":"Spinner Throbber 1   Throbber spinner","d":"Spinner using the throbber animation variant.","s":"shadcnblocks","c":"status/loader","sb":"Spinners"},{"id":"shadcnblocks:stat-stat-delta-1","t":"Stat Delta 1   Stat with delta","d":"shadcn stat component with a value and a positive or negative change versus the previous p","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:stat-stat-icon-1","t":"Stat Icon 1   Stat with icon","d":"shadcn stat component with a leading icon, value, and downward delta.","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:stat-stat-sparkline-1","t":"Stat Sparkline 1   Stat with sparkline","d":"shadcn stat component with a sparkline slot under the value.","s":"shadcnblocks","c":"data-display/stat"},{"id":"shadcnblocks:status-status-custom-1","t":"Status Custom 1   Custom status label","d":"Online status with custom StatusLabel children text.","s":"shadcnblocks","c":"inputs/form-field","sb":"Animated fields"},{"id":"shadcnblocks:status-status-degraded-1","t":"Status Degraded 1   Degraded status","d":"Degraded status badge for partial outages.","s":"shadcnblocks","c":"data-display/badge","sb":"Status","hc":1},{"id":"shadcnblocks:status-status-maintenance-1","t":"Status Maintenance 1   Maintenance status","d":"Maintenance status badge for scheduled downtime.","k":"page","s":"shadcnblocks","c":"pages/templates","sb":"Error and status pages"},{"id":"shadcnblocks:status-status-offline-1","t":"Status Offline 1   Offline status","d":"Offline status badge with indicator and default label.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:status-status-standard-1","t":"Status Standard 1   Online status","d":"Online status badge with indicator and default label.","s":"shadcnblocks","c":"inputs/form-field"},{"id":"shadcnblocks:stepper-stepper-badge-1","t":"Stepper Badge 1   Optional and required badges","d":"Stepper steps annotated with Badge labels for required or optional stages.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-checkout-1","t":"Stepper Checkout 1   Checkout flow","d":"Ecommerce-style checkout stepper with order summary cards per step.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-completed-1","t":"Stepper Completed 1   Completed steps","d":"Stepper with earlier steps marked completed via the completed prop.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-content-1","t":"Stepper Content 1   Step panels only","d":"Minimal indicators with richer content panels and a step counter.","s":"shadcnblocks","c":"navigation/wizard-steps","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:stepper-stepper-controlled-1","t":"Stepper Controlled 1   Controlled value","d":"Controlled stepper using value and onValueChange with external step buttons.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-disabled-1","t":"Stepper Disabled 1   Disabled steps","d":"Stepper with later steps disabled until earlier ones are reached.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-form-1","t":"Stepper Form 1   Multi step form","d":"Form wizard with per-step field validation and previous/next controls.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-fulfillment-1","t":"Stepper Fulfillment 1   Connected step track","d":"Four icon steps joined by bars that fill up to the current step.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-icons-1","t":"Stepper Icons 1   Custom indicator icons","d":"Stepper indicators that render Lucide icons instead of step numbers.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-inline-1","t":"Stepper Inline 1   Titles under indicators","d":"Step titles and descriptions stacked under each indicator in a centered column.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-labeled-1","t":"Stepper Labeled 1   With titles","d":"Horizontal stepper with a title next to each step indicator.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-labeled-2","t":"Stepper Labeled 2   With titles and descriptions","d":"Horizontal stepper with titles and supporting descriptions on each step.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-loading-1","t":"Stepper Loading 1   Loading next step","d":"Next button shows a loading state while an async step transition resolves.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-loop-1","t":"Stepper Loop 1   Looping navigation","d":"Controlled stepper that wraps from the last step back to the first.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-manual-1","t":"Stepper Manual 1   Manual activation","d":"Stepper using activationMode manual so arrow focus does not change the step.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-nav-1","t":"Stepper Nav 1   Previous and next","d":"Stepper with StepperPrev and StepperNext navigation buttons.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-noninteractive-1","t":"Stepper Noninteractive 1   Non interactive progress","d":"Read-only stepper using nonInteractive for status or order tracking.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-onboarding-1","t":"Stepper Onboarding 1   Icon onboarding","d":"Onboarding stepper with custom icons and short feature blurbs per step.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-product-wizard-1","t":"Stepper Product Wizard 1   Vertical stepper with mobile progress","d":"Desktop step list and a compact mobile progress summary, with back and continue actions.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-progress-1","t":"Stepper Progress 1   Synced progress bar","d":"Stepper with a Progress bar that updates as the active step changes.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-progress-2","t":"Stepper Progress 2   Segmented progress separators","d":"Stepper separators styled as thick progress segments between steps.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-sizes-1","t":"Stepper Sizes 1   Compact indicators","d":"Stepper with smaller indicators and tighter spacing for dense layouts.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-standard-1","t":"Stepper Standard 1   Basic horizontal","d":"Horizontal stepper with numbered indicators and step content panels.","s":"shadcnblocks","c":"navigation/wizard-steps","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnblocks:stepper-stepper-validation-1","t":"Stepper Validation 1   With validation","d":"Stepper that blocks forward navigation until the current step fields validate.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-vertical-1","t":"Stepper Vertical 1   Vertical orientation","d":"Vertical stepper with titles, descriptions, and content for each step.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:stepper-stepper-vertical-2","t":"Stepper Vertical 2   Vertical with navigation","d":"Vertical stepper with content and previous/next controls.","s":"shadcnblocks","c":"navigation/wizard-steps"},{"id":"shadcnblocks:switch-switch-cards-1","t":"Switch Cards 1   Settings card","d":"Settings Card.","s":"shadcnblocks","c":"actions/switch"},{"id":"shadcnblocks:switch-switch-cards-2","t":"Switch Cards 2   Feature card","d":"Feature Card.","s":"shadcnblocks","c":"actions/switch"},{"id":"shadcnblocks:switch-switch-cards-3","t":"Switch Cards 3   Settings list","d":"Settings List.","s":"shadcnblocks","c":"actions/switch","hc":1},{"id":"shadcnblocks:switch-switch-cards-4","t":"Switch Cards 4   In item","d":"Switch in Item.","s":"shadcnblocks","c":"actions/switch"},{"id":"shadcnblocks:switch-switch-icons-1","t":"Switch Icons 1   Theme toggle with icons","d":"Theme Toggle with Icons.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:switch-switch-icons-2","t":"Switch Icons 2   Icon with label","d":"Icon with Label.","s":"shadcnblocks","c":"actions/switch","sb":"With icons","hc":1},{"id":"shadcnblocks:switch-switch-icons-3","t":"Switch Icons 3   Volume toggle","d":"Volume Toggle.","s":"shadcnblocks","c":"actions/switch","sb":"With icons"},{"id":"shadcnblocks:switch-switch-labeled-1","t":"Switch Labeled 1   With label","d":"Switch with Label.","s":"shadcnblocks","c":"actions/switch","sb":"With labels"},{"id":"shadcnblocks:switch-switch-labeled-2","t":"Switch Labeled 2   With on label","d":"Switch with On Label.","s":"shadcnblocks","c":"actions/switch","sb":"With labels"},{"id":"shadcnblocks:switch-switch-labeled-3","t":"Switch Labeled 3   With state labels","d":"Switch with State Labels.","s":"shadcnblocks","c":"actions/switch","sb":"With labels"},{"id":"shadcnblocks:switch-switch-labeled-4","t":"Switch Labeled 4   With description","d":"Switch with Description.","s":"shadcnblocks","c":"actions/switch","sb":"With labels"},{"id":"shadcnblocks:switch-switch-square-1","t":"Switch Square 1   Square","d":"Square Switch.","s":"shadcnblocks","c":"actions/switch"},{"id":"shadcnblocks:switch-switch-square-2","t":"Switch Square 2   Square with text","d":"Square Switch with Text.","s":"shadcnblocks","c":"actions/switch","sb":"With labels"},{"id":"shadcnblocks:switch-switch-square-3","t":"Switch Square 3   Square with label","d":"Square Switch with Label.","s":"shadcnblocks","c":"actions/switch","sb":"With labels"},{"id":"shadcnblocks:switch-switch-square-4","t":"Switch Square 4   Square theme toggle","d":"Square Theme Toggle.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:switch-switch-standard-1","t":"Switch Standard 1   Default","d":"Default Switch.","s":"shadcnblocks","c":"actions/switch"},{"id":"shadcnblocks:switch-switch-standard-2","t":"Switch Standard 2   Checked","d":"Checked Switch.","s":"shadcnblocks","c":"actions/switch"},{"id":"shadcnblocks:switch-switch-standard-3","t":"Switch Standard 3   Small","d":"Small Switch.","s":"shadcnblocks","c":"actions/switch"},{"id":"shadcnblocks:switch-switch-standard-4","t":"Switch Standard 4   Disabled","d":"Disabled Switch.","s":"shadcnblocks","c":"actions/switch"},{"id":"shadcnblocks:table-table-actions-1","t":"Table Actions 1   Actions column","d":"Static action buttons in the last column.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-advanced-1","t":"Table Advanced 1   With vertical lines","d":"Table with Vertical Lines.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-advanced-2","t":"Table Advanced 2   Dense","d":"Dense Table.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-advanced-3","t":"Table Advanced 3   Vertical","d":"Vertical Table.","s":"shadcnblocks","c":"data-display/table","hc":1},{"id":"shadcnblocks:table-table-advanced-4","t":"Table Advanced 4   Compatibility","d":"Compatibility Table.","s":"shadcnblocks","c":"data-display/table","hc":1},{"id":"shadcnblocks:table-table-badges-1","t":"Table Badges 1   Status badges","d":"Static table with Badge status cells.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-bordered-1","t":"Table Bordered 1   Fully bordered","d":"Every cell bordered like a spreadsheet grid.","s":"shadcnblocks","c":"data-display/table","sb":"Transactions"},{"id":"shadcnblocks:table-table-borderless-1","t":"Table Borderless 1   No outer border","d":"Table flush on the page without a bordered wrapper.","s":"shadcnblocks","c":"data-display/table","sb":"Transactions"},{"id":"shadcnblocks:table-table-caption-1","t":"Table Caption 1   With caption","d":"Table with a TableCaption below the data.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-card-1","t":"Table Card 1   Card container","d":"Table inside a card with title and description.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-checkbox-1","t":"Table Checkbox 1   Checkbox column","d":"Static checkbox column for selectable list markup.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-colspan-1","t":"Table Colspan 1   Grouped headers","d":"Header cells spanning multiple columns.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-comparison-1","t":"Table Comparison 1   Plan comparison","d":"Feature comparison across plan columns.","s":"shadcnblocks","c":"data-display/table","sb":"Comparison","hc":1},{"id":"shadcnblocks:table-table-empty-1","t":"Table Empty 1   Empty state","d":"Table with header and a single empty-state row.","s":"shadcnblocks","c":"data-display/table","hc":1},{"id":"shadcnblocks:table-table-footer-1","t":"Table Footer 1   With footer totals","d":"TableFooter row summing numeric columns.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-header-1","t":"Table Header 1   Uppercase headers","d":"Compact uppercase muted header labels.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-icons-1","t":"Table Icons 1   With icons","d":"Leading Lucide icons in the primary column.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-metric-1","t":"Table Metric 1   Metric summary","d":"Compact KPI table with delta annotations.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-mono-1","t":"Table Mono 1   Monospace cells","d":"IDs and hashes in monospace for ops tables.","s":"shadcnblocks","c":"data-display/table","sb":"Editable"},{"id":"shadcnblocks:table-table-numeric-1","t":"Table Numeric 1   Numeric alignment","d":"Right-aligned tabular numbers for finance.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-pinned-1","t":"Table Pinned 1   Pinned first column","d":"Horizontal scroll with a sticky primary column.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-progress-1","t":"Table Progress 1   With progress","d":"Static progress bars inside table cells.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-ranking-1","t":"Table Ranking 1   Ranking table","d":"Leaderboard-style ranks with medal emphasis.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-rating-1","t":"Table Rating 1   With ratings","d":"Static star ratings in a reviews table.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-rowspan-1","t":"Table Rowspan 1   Row spans","d":"Category cells spanning multiple rows.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-schedule-1","t":"Table Schedule 1   Schedule grid","d":"Simple weekday schedule / timetable layout.","s":"shadcnblocks","c":"data-display/table","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:table-table-secondary-1","t":"Table Secondary 1   Secondary line","d":"Primary label with muted secondary text.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-selected-1","t":"Table Selected 1   Highlighted row","d":"A row visually marked as selected or active.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-spacious-1","t":"Table Spacious 1   Spacious rows","d":"Extra vertical padding for comfortable reading.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-standard-1","t":"Table Standard 1   Basic","d":"Basic Table.","s":"shadcnblocks","c":"data-display/table","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:table-table-standard-2","t":"Table Standard 2   With avatar","d":"Table with Avatar.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-standard-3","t":"Table Standard 3   Without dividers","d":"Table Without Dividers.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-standard-4","t":"Table Standard 4   Striped","d":"Striped Table.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-status-1","t":"Table Status 1   Status dots","d":"Colored status dots beside labels.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-sticky-1","t":"Table Sticky 1   Sticky header","d":"Scrollable body with a sticky TableHeader.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-team-1","t":"Table Team 1   Team column","d":"Rows with stacked avatars for shared ownership.","s":"shadcnblocks","c":"data-display/table","sb":"People"},{"id":"shadcnblocks:table-table-thumbnail-1","t":"Table Thumbnail 1   With thumbnails","d":"Product rows with small image thumbnails.","s":"shadcnblocks","c":"data-display/table"},{"id":"shadcnblocks:table-table-truncate-1","t":"Table Truncate 1   Truncated cells","d":"Long text truncated with ellipsis in fixed widths.","s":"shadcnblocks","c":"data-display/table","sb":"Editable"},{"id":"shadcnblocks:tabs-tabs-advanced-1","t":"Tabs Advanced 1   With badge counts","d":"Tabs with Badge Counts.","s":"shadcnblocks","c":"navigation/tabs"},{"id":"shadcnblocks:tabs-tabs-advanced-2","t":"Tabs Advanced 2   Controlled","d":"Controlled Tabs.","s":"shadcnblocks","c":"navigation/tabs","hc":1},{"id":"shadcnblocks:tabs-tabs-advanced-3","t":"Tabs Advanced 3   Nested","d":"Nested Tabs.","s":"shadcnblocks","c":"navigation/tabs"},{"id":"shadcnblocks:tabs-tabs-content-1","t":"Tabs Content 1   With forms","d":"Tabs with Forms.","s":"shadcnblocks","c":"navigation/tabs"},{"id":"shadcnblocks:tabs-tabs-content-2","t":"Tabs Content 2   With cards","d":"Tabs with Cards.","s":"shadcnblocks","c":"navigation/tabs","hc":1},{"id":"shadcnblocks:tabs-tabs-content-3","t":"Tabs Content 3   With tables","d":"Tabs with Tables.","s":"shadcnblocks","c":"navigation/tabs"},{"id":"shadcnblocks:tabs-tabs-layout-1","t":"Tabs Layout 1   Vertical","d":"Vertical Tabs.","s":"shadcnblocks","c":"navigation/tabs"},{"id":"shadcnblocks:tabs-tabs-layout-2","t":"Tabs Layout 2   Full width","d":"Full Width Tabs.","s":"shadcnblocks","c":"navigation/tabs"},{"id":"shadcnblocks:tabs-tabs-layout-3","t":"Tabs Layout 3   Scrollable","d":"Scrollable Tabs.","s":"shadcnblocks","c":"navigation/tabs"},{"id":"shadcnblocks:tabs-tabs-standard-1","t":"Tabs Standard 1   Basic","d":"Basic Tabs.","s":"shadcnblocks","c":"navigation/tabs","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:tabs-tabs-standard-2","t":"Tabs Standard 2   With icons","d":"Tabs with Icons.","s":"shadcnblocks","c":"navigation/tabs"},{"id":"shadcnblocks:tags-tags-composition-1","t":"Tags Composition 1   Pre selected tags","d":"Tags trigger pre-populated with multiple TagsValue badges on initial load.","s":"shadcnblocks","c":"data-display/badge","sb":"Tags and pills"},{"id":"shadcnblocks:tags-tags-empty-1","t":"Tags Empty 1   Empty state","d":"Tags dropdown with TagsEmpty message when search returns no matches.","s":"shadcnblocks","c":"data-display/badge","sb":"Tags and pills"},{"id":"shadcnblocks:tags-tags-groups-1","t":"Tags Groups 1   Grouped tags","d":"Tags list organized into multiple TagsGroup sections with headings.","s":"shadcnblocks","c":"data-display/badge","sb":"Tags and pills"},{"id":"shadcnblocks:tags-tags-multi-1","t":"Tags Multi 1   Multi select tags","d":"Tags with multiple selected values and removable TagsValue badges.","s":"shadcnblocks","c":"data-display/badge","sb":"Tags and pills"},{"id":"shadcnblocks:tags-tags-search-1","t":"Tags Search 1   Searchable tags","d":"Tags dropdown with TagsInput for filtering the available tag list.","s":"shadcnblocks","c":"data-display/badge","sb":"Tags and pills"},{"id":"shadcnblocks:tags-tags-standard-1","t":"Tags Standard 1   Single tag select","d":"Tags component with controlled value and setValue for single selection.","s":"shadcnblocks","c":"data-display/badge","sb":"Tags and pills"},{"id":"shadcnblocks:textarea-textarea-form-1","t":"Textarea Form 1   Required","d":"Required Textarea.","s":"shadcnblocks","c":"inputs/textarea"},{"id":"shadcnblocks:textarea-textarea-form-2","t":"Textarea Form 2   With helper text","d":"Textarea with Helper Text.","s":"shadcnblocks","c":"inputs/textarea"},{"id":"shadcnblocks:textarea-textarea-form-3","t":"Textarea Form 3   With error","d":"Textarea with Error.","s":"shadcnblocks","c":"inputs/textarea"},{"id":"shadcnblocks:textarea-textarea-form-4","t":"Textarea Form 4   With hint","d":"Textarea with Hint.","s":"shadcnblocks","c":"inputs/textarea"},{"id":"shadcnblocks:textarea-textarea-form-5","t":"Textarea Form 5   With character count","d":"Textarea with Character Count.","s":"shadcnblocks","c":"inputs/textarea"},{"id":"shadcnblocks:textarea-textarea-labeled-1","t":"Textarea Labeled 1   With label","d":"Textarea with Label.","s":"shadcnblocks","c":"inputs/textarea"},{"id":"shadcnblocks:textarea-textarea-labeled-2","t":"Textarea Labeled 2   With description","d":"Textarea with Description.","s":"shadcnblocks","c":"inputs/textarea"},{"id":"shadcnblocks:textarea-textarea-labeled-3","t":"Textarea Labeled 3   With floating label","d":"Textarea with Floating Label.","s":"shadcnblocks","c":"inputs/textarea"},{"id":"shadcnblocks:textarea-textarea-labeled-4","t":"Textarea Labeled 4   With inline label","d":"Textarea with Inline Label.","s":"shadcnblocks","c":"inputs/textarea"},{"id":"shadcnblocks:textarea-textarea-standard-1","t":"Textarea Standard 1   Simple","d":"Simple Textarea.","s":"shadcnblocks","c":"inputs/textarea","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnblocks:textarea-textarea-standard-2","t":"Textarea Standard 2   Disabled","d":"Disabled Textarea.","s":"shadcnblocks","c":"inputs/textarea"},{"id":"shadcnblocks:textarea-textarea-standard-3","t":"Textarea Standard 3   Read only","d":"Read-only Textarea.","s":"shadcnblocks","c":"inputs/textarea"},{"id":"shadcnblocks:textarea-textarea-standard-4","t":"Textarea Standard 4   Short","d":"Short Textarea.","s":"shadcnblocks","c":"inputs/textarea"},{"id":"shadcnblocks:theme-switcher-theme-switcher-composition-1","t":"Theme Switcher Composition 1   Settings row","d":"ThemeSwitcher composed in a labeled settings row.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"shadcnblocks:theme-switcher-theme-switcher-controlled-1","t":"Theme Switcher Controlled 1   Controlled switcher","d":"ThemeSwitcher controlled with React state.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"shadcnblocks:theme-switcher-theme-switcher-dark-1","t":"Theme Switcher Dark 1   Dark default","d":"ThemeSwitcher with defaultValue set to dark.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-switcher-theme-switcher-light-1","t":"Theme Switcher Light 1   Light default","d":"ThemeSwitcher with defaultValue set to light.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-switcher-theme-switcher-standard-1","t":"Theme Switcher Standard 1   System default","d":"ThemeSwitcher with default system selection.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-icon-1","t":"Theme Toggle Icon 1   Icon toggle 1","d":"Theme toggle icon button with outline variant.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"shadcnblocks:theme-toggle-theme-toggle-icon-10","t":"Theme Toggle Icon 10   Icon toggle 10","d":"Theme toggle icon button with default variant.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-icon-2","t":"Theme Toggle Icon 2   Icon toggle 2","d":"Theme toggle icon button with default variant.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-icon-3","t":"Theme Toggle Icon 3   Icon toggle 3","d":"Theme toggle icon button with ghost variant.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-icon-4","t":"Theme Toggle Icon 4   Icon toggle 4","d":"Theme toggle icon button with outline variant.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-icon-5","t":"Theme Toggle Icon 5   Icon toggle 5","d":"Theme toggle icon button with ghost variant.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-icon-6","t":"Theme Toggle Icon 6   Icon toggle 6","d":"Theme toggle icon button with outline variant.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-icon-7","t":"Theme Toggle Icon 7   Icon toggle 7","d":"Theme toggle icon button with default variant.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-icon-8","t":"Theme Toggle Icon 8   Icon toggle 8","d":"Theme toggle icon button with ghost variant.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-icon-9","t":"Theme Toggle Icon 9   Icon toggle 9","d":"Theme toggle icon button with outline variant.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-labeled-1","t":"Theme Toggle Labeled 1   Labeled toggle 1","d":"Theme toggle with visible label and outline variant.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-labeled-2","t":"Theme Toggle Labeled 2   Labeled toggle 2","d":"Theme toggle with visible label and default variant.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-labeled-3","t":"Theme Toggle Labeled 3   Labeled toggle 3","d":"Theme toggle with visible label and ghost variant.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-labeled-4","t":"Theme Toggle Labeled 4   Labeled toggle 4","d":"Theme toggle with visible label and outline variant.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-labeled-5","t":"Theme Toggle Labeled 5   Labeled toggle 5","d":"Theme toggle with visible label and default variant.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-labeled-6","t":"Theme Toggle Labeled 6   Labeled toggle 6","d":"Theme toggle with visible label and ghost variant.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-labeled-7","t":"Theme Toggle Labeled 7   Labeled toggle 7","d":"Theme toggle with visible label and outline variant.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-labeled-8","t":"Theme Toggle Labeled 8   Labeled toggle 8","d":"Theme toggle with visible label and default variant.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-outline-1","t":"Theme Toggle Outline 1   Outline toggle 1","d":"Outline theme toggle with optional styling.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-outline-10","t":"Theme Toggle Outline 10   Outline toggle 10","d":"Outline theme toggle with optional styling.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-outline-2","t":"Theme Toggle Outline 2   Outline toggle 2","d":"Outline theme toggle with optional styling.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-outline-3","t":"Theme Toggle Outline 3   Outline toggle 3","d":"Outline theme toggle with optional styling.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-outline-4","t":"Theme Toggle Outline 4   Outline toggle 4","d":"Outline theme toggle with optional styling.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-outline-5","t":"Theme Toggle Outline 5   Outline toggle 5","d":"Outline theme toggle with optional styling.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-outline-6","t":"Theme Toggle Outline 6   Outline toggle 6","d":"Outline theme toggle with optional styling.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-outline-7","t":"Theme Toggle Outline 7   Outline toggle 7","d":"Outline theme toggle with optional styling.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-outline-8","t":"Theme Toggle Outline 8   Outline toggle 8","d":"Outline theme toggle with optional styling.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:theme-toggle-theme-toggle-outline-9","t":"Theme Toggle Outline 9   Outline toggle 9","d":"Outline theme toggle with optional styling.","s":"shadcnblocks","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnblocks:ticker-ticker-change-1","t":"Ticker Change 1   Price change","d":"Ticker with absolute and percent price change indicators.","k":"motion","s":"shadcnblocks","c":"motion/marquee"},{"id":"shadcnblocks:ticker-ticker-flash-1","t":"Ticker Flash 1   Flash on price change","d":"Ticker that briefly highlights green or red when the price moves.","k":"motion","s":"shadcnblocks","c":"motion/marquee"},{"id":"shadcnblocks:ticker-ticker-icon-1","t":"Ticker Icon 1   With icon","d":"Ticker including a leading icon avatar for the instrument.","k":"motion","s":"shadcnblocks","c":"motion/marquee"},{"id":"shadcnblocks:ticker-ticker-live-1","t":"Ticker Live 1   Live price updates","d":"Ticker that periodically updates price and change values.","k":"motion","s":"shadcnblocks","c":"motion/marquee"},{"id":"shadcnblocks:ticker-ticker-locale-1","t":"Ticker Locale 1   Euro locale","d":"Ticker formatted with EUR currency and a non-US locale.","k":"motion","s":"shadcnblocks","c":"motion/marquee"},{"id":"shadcnblocks:ticker-ticker-marquee-1","t":"Ticker Marquee 1   Scrolling ticker tape","d":"Horizontal marquee of ticker chips for a continuous market tape.","k":"motion","s":"shadcnblocks","c":"motion/marquee"},{"id":"shadcnblocks:ticker-ticker-standard-1","t":"Ticker Standard 1   Symbol and price","d":"Ticker button with symbol and formatted price.","k":"motion","s":"shadcnblocks","c":"motion/marquee","hc":1},{"id":"shadcnblocks:ticker-ticker-watchlist-1","t":"Ticker Watchlist 1   Animated watchlist","d":"Stacked tickers with icons and live price movement per symbol.","k":"motion","s":"shadcnblocks","c":"motion/marquee"},{"id":"shadcnblocks:timeline-timeline-activity-1","t":"Timeline Activity 1   Event timeline with states","d":"Timeline of events marked complete, current, or upcoming.","s":"shadcnblocks","c":"data-display/timeline"},{"id":"shadcnblocks:toggle-group-toggle-group-sizes-1","t":"Toggle Group Sizes 1   Small","d":"Small Toggle Group.","s":"shadcnblocks","c":"actions/switch"},{"id":"shadcnblocks:toggle-group-toggle-group-sizes-2","t":"Toggle Group Sizes 2   Default size","d":"Default Size Toggle Group.","s":"shadcnblocks","c":"actions/switch"},{"id":"shadcnblocks:toggle-group-toggle-group-sizes-3","t":"Toggle Group Sizes 3   Large","d":"Large Toggle Group.","s":"shadcnblocks","c":"actions/switch"},{"id":"shadcnblocks:toggle-group-toggle-group-standard-1","t":"Toggle Group Standard 1   Default","d":"Default Toggle Group.","s":"shadcnblocks","c":"actions/switch","hc":1},{"id":"shadcnblocks:toggle-group-toggle-group-standard-2","t":"Toggle Group Standard 2   Outline","d":"Outline Toggle Group.","s":"shadcnblocks","c":"actions/switch","hc":1},{"id":"shadcnblocks:toggle-group-toggle-group-standard-3","t":"Toggle Group Standard 3   Single selection","d":"Single Selection Toggle Group.","s":"shadcnblocks","c":"actions/switch"},{"id":"shadcnblocks:toggle-group-toggle-group-standard-4","t":"Toggle Group Standard 4   Disabled","d":"Disabled Toggle Group.","s":"shadcnblocks","c":"actions/switch"},{"id":"shadcnblocks:toggle-toggle-sizes-1","t":"Toggle Sizes 1   Small","d":"Small Toggle.","s":"shadcnblocks","c":"actions/switch","hc":1},{"id":"shadcnblocks:toggle-toggle-sizes-2","t":"Toggle Sizes 2   Default size","d":"Default Size Toggle.","s":"shadcnblocks","c":"actions/switch"},{"id":"shadcnblocks:toggle-toggle-sizes-3","t":"Toggle Sizes 3   Large","d":"Large Toggle.","s":"shadcnblocks","c":"actions/switch","hc":1},{"id":"shadcnblocks:toggle-toggle-standard-1","t":"Toggle Standard 1   Default","d":"Default Toggle.","s":"shadcnblocks","c":"actions/switch"},{"id":"shadcnblocks:toggle-toggle-standard-2","t":"Toggle Standard 2   Outline","d":"Outline Toggle.","s":"shadcnblocks","c":"actions/switch"},{"id":"shadcnblocks:toggle-toggle-standard-3","t":"Toggle Standard 3   Disabled","d":"Disabled Toggle.","s":"shadcnblocks","c":"actions/switch"},{"id":"shadcnblocks:toggle-toggle-standard-4","t":"Toggle Standard 4   With text","d":"Toggle with Text.","s":"shadcnblocks","c":"actions/switch","sb":"With labels"},{"id":"shadcnblocks:tooltip-tooltip-content-1","t":"Tooltip Content 1   With title and description","d":"Tooltip with Title and Description.","s":"shadcnblocks","c":"overlays/tooltip"},{"id":"shadcnblocks:tooltip-tooltip-content-2","t":"Tooltip Content 2   With icon","d":"Tooltip with Icon.","s":"shadcnblocks","c":"overlays/tooltip"},{"id":"shadcnblocks:tooltip-tooltip-content-3","t":"Tooltip Content 3   With keyboard shortcut","d":"Tooltip with Keyboard Shortcut.","s":"shadcnblocks","c":"overlays/tooltip"},{"id":"shadcnblocks:tooltip-tooltip-content-4","t":"Tooltip Content 4   With image","d":"Tooltip with Image.","s":"shadcnblocks","c":"overlays/tooltip","hc":1},{"id":"shadcnblocks:tooltip-tooltip-standard-1","t":"Tooltip Standard 1   Simple","d":"Simple Tooltip.","s":"shadcnblocks","c":"overlays/tooltip","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnblocks:tooltip-tooltip-standard-2","t":"Tooltip Standard 2   Positions","d":"Tooltip Positions.","s":"shadcnblocks","c":"overlays/tooltip"},{"id":"shadcnblocks:tooltip-tooltip-standard-3","t":"Tooltip Standard 3   With longer text","d":"Tooltip with Longer Text.","s":"shadcnblocks","c":"overlays/tooltip"},{"id":"shadcnblocks:tooltip-tooltip-standard-4","t":"Tooltip Standard 4   On icon","d":"Tooltip on Icon.","s":"shadcnblocks","c":"overlays/tooltip"},{"id":"shadcnblocks:tree-tree-expanded-1","t":"Tree Expanded 1   Default expanded","d":"Tree with defaultExpandedIds preset to open specific folders on load.","s":"shadcnblocks","c":"data-display/tree"},{"id":"shadcnblocks:tree-tree-lines-1","t":"Tree Lines 1   With lines","d":"File tree with connector lines enabled via showLines.","s":"shadcnblocks","c":"data-display/tree"},{"id":"shadcnblocks:tree-tree-multi-1","t":"Tree Multi 1   Multi select","d":"Tree with multiSelect enabled for choosing several nodes with Ctrl or Cmd.","s":"shadcnblocks","c":"data-display/tree"},{"id":"shadcnblocks:tree-tree-no-icons-1","t":"Tree No Icons 1   Without icons","d":"File tree with folder and file icons hidden using showIcons false.","s":"shadcnblocks","c":"data-display/tree"},{"id":"shadcnblocks:tree-tree-selection-1","t":"Tree Selection 1   Single selection","d":"Selectable tree where one node can be highlighted at a time.","s":"shadcnblocks","c":"data-display/tree"},{"id":"shadcnblocks:tree-tree-standard-1","t":"Tree Standard 1   Standard tree","d":"Basic nested folder and file tree with expand and collapse.","s":"shadcnblocks","c":"data-display/tree","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnblocks:video-player-video-player-autoplay-1","t":"Video Player Autoplay 1   Muted autoplay loop","d":"Autoplaying muted loop for marketing and hero embeds.","s":"shadcnblocks","c":"media/player"},{"id":"shadcnblocks:video-player-video-player-full-1","t":"Video Player Full 1   Full control bar","d":"Complete media-chrome bar with seek, duration, mute, and volume.","s":"shadcnblocks","c":"media/player"},{"id":"shadcnblocks:video-player-video-player-fullscreen-1","t":"Video Player Fullscreen 1   Fullscreen control","d":"Video player with poster image and fullscreen button.","s":"shadcnblocks","c":"media/player"},{"id":"shadcnblocks:video-player-video-player-poster-1","t":"Video Player Poster 1   Poster image","d":"Video player content with a poster frame before playback.","s":"shadcnblocks","c":"media/player"},{"id":"shadcnblocks:video-player-video-player-rate-1","t":"Video Player Rate 1   Playback speed","d":"Seekable player with a playback rate control for tutorials.","s":"shadcnblocks","c":"media/player"},{"id":"shadcnblocks:video-player-video-player-seek-1","t":"Video Player Seek 1   Seek controls","d":"Video player with seek backward and forward buttons.","s":"shadcnblocks","c":"media/player"},{"id":"shadcnblocks:video-player-video-player-standard-1","t":"Video Player Standard 1   Basic video player","d":"Media chrome video player with play and time controls.","s":"shadcnblocks","c":"media/player","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnblocks:video-player-video-player-volume-1","t":"Video Player Volume 1   With volume range","d":"Video player control bar including a volume slider.","s":"shadcnblocks","c":"media/player"},{"id":"shadcncraft:index","t":"Index","k":"theme","s":"shadcncraft","c":"themes/style"},{"id":"shadcncraft:style","t":"Style","k":"theme","s":"shadcncraft","c":"themes/style"},{"id":"shadcncraft:avatar-stack","t":"Avatar Stack","d":"A compact, visually appealing component for displaying multiple user avatars in an overlap","s":"shadcncraft","c":"data-display/avatar","hc":1},{"id":"shadcncraft:blog-blockquote","t":"Blog Blockquote","d":"A component that highlights a key excerpt or quote from an article. This component draws a","s":"shadcncraft","c":"data-display/typography"},{"id":"shadcncraft:blog-image","t":"Blog Image","d":"A component that displays an inline or full-width image with an optional caption. This com","s":"shadcncraft","c":"media/gallery"},{"id":"shadcncraft:chip","t":"Chip","d":"A component that combines small text with an icon for quick callouts. This component highl","s":"shadcncraft","c":"data-display/badge","sb":"Labels"},{"id":"shadcncraft:feature-stack","t":"Feature Stack","d":"A component that arranges an icon, header, body text, and CTA in different layout styles. ","k":"section","s":"shadcncraft","c":"marketing/features"},{"id":"shadcncraft:featured-icon","t":"Featured Icon","d":"A component that places an icon inside a styled square or circle frame for extra prominenc","k":"resource","s":"shadcncraft","c":"assets/icon","hc":1},{"id":"shadcncraft:job-listing","t":"Job Listing","d":"A component that displays open roles in a card format with a badge, title, short body, and","k":"section","s":"shadcncraft","c":"marketing/features","sb":"Lists"},{"id":"shadcncraft:marquee","t":"Marquee","d":"A smooth, endlessly looping scroller ideal for showcasing logos, testimonials, images, or ","k":"motion","s":"shadcncraft","c":"motion/marquee","hc":1},{"id":"shadcncraft:metric","t":"Metric","d":"A component that displays large stats with a sub-label for context. This component is desi","s":"shadcncraft","c":"data-display/stat"},{"id":"shadcncraft:mobile-navigation-menu","t":"Mobile Navigation Menu","d":"A Mobile Navigation Menu component that provides expandable menus for small screens. Built","s":"shadcncraft","c":"navigation/top-nav","sb":"Mega menus"},{"id":"shadcncraft:page-heading","t":"Page Heading","d":"A component that acts as the text-focused version of a hero banner. This component combine","k":"motion","s":"shadcncraft","c":"motion/text-effect","hc":1},{"id":"shadcncraft:placeholder-logo","t":"Placeholder Logo","d":"A component for that can be replaced with your brand's main logo. This component ensures l","k":"resource","s":"shadcncraft","c":"assets/logo","hc":1},{"id":"shadcncraft:profile-card","t":"Profile Card","d":"An extension of the avatar component with more details on the individual. Good for blog po","s":"shadcncraft","c":"data-display/profile","hc":1},{"id":"shadcncraft:section-heading","t":"Section Heading","d":"A component that standardizes heading typography and spacing. This component includes a pr","k":"motion","s":"shadcncraft","c":"motion/text-effect","hc":1},{"id":"shadcncraft:star-rating","t":"Star Rating","d":"A component that displays ratings with stars and an optional label. This component builds ","s":"shadcncraft","c":"inputs/rating","hc":1},{"id":"shadcncraft:sub-feature","t":"Sub Feature","d":"A component that presents a smaller feature layout for a dialled-back look. This component","k":"section","s":"shadcncraft","c":"marketing/features"},{"id":"shadcncraft:tagline","t":"Tagline","d":"A component that displays a tagline with different variants.","s":"shadcncraft","c":"other/other","hc":1},{"id":"shadcncraft:ui-showcase","t":"UI Showcase","d":"A Placeholder that displays content in a device-style frame. This component helps showcase","k":"page","s":"shadcncraft","c":"pages/templates"},{"id":"shadcncraft:announcement","t":"Announcement","d":"A lightweight announcement component for highlighting updates, releases, or important noti","k":"section","s":"shadcncraft","c":"marketing/announcement"},{"id":"shadcncraft:data-table-pagination","t":"Data Table Pagination","d":"A pagination footer for TanStack Table data tables. Combines a summary line, a rows-per-pa","s":"shadcncraft","c":"navigation/pagination"},{"id":"shadcncraft:inline-hint","t":"Inline Hint","d":"An Inline Hint is a lightweight, non-intrusive UI pattern that provides helpful guidance, ","s":"shadcncraft","c":"overlays/tooltip"},{"id":"shadcncraft:messaging","t":"Messaging","d":"A flexible messaging component for displaying conversational threads. Supports sent and re","s":"shadcncraft","c":"data-display/tree"},{"id":"shadcncraft:rich-separator","t":"Rich Separator","d":"A horizontal divider with optional inline content like labels, tabs, or actions. Used to s","k":"layout","s":"shadcncraft","c":"flows/settings"},{"id":"shadcncraft:tags","t":"Tags","d":"A multi-select tag picker for filtering or categorizing content. Supports search, selected","s":"shadcncraft","c":"data-display/badge","tg":["minimal"],"sb":"Labels","sy":["minimal"]},{"id":"shadcncraft:ticker","t":"Ticker","d":"A compact, inline ticker for live or near-real-time values. Shows an identifier, current v","k":"motion","s":"shadcncraft","c":"motion/marquee"},{"id":"shadcncraft:badge","t":"Badge","d":"Displays a badge or a component that looks like a badge.","s":"shadcncraft","c":"data-display/badge","sb":"Labels","hc":1},{"id":"shadcncraft:image-zoom","t":"Image Zoom","d":"Image zoom is a component that allows you to zoom in on an image.","s":"shadcncraft","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"shadcncraft:blog-listing-card-1","t":"Blog Listing Card 1","d":"A component that displays a blog listing card in a vertical or horizontal orientation.","k":"section","s":"shadcncraft","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcncraft:blog-listing-card-2","t":"Blog Listing Card 2","d":"A component that displays a blog listing card in a card format in a vertical or horizontal","k":"section","s":"shadcncraft","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcncraft:blog-listing-featured-card-1","t":"Blog Listing Featured Card 1","d":"A large featured blog card intended for featuring a blog post. With a floating overlay on ","s":"shadcncraft","c":"data-display/card","sb":"Article"},{"id":"shadcncraft:blog-listing-featured-card-2","t":"Blog Listing Featured Card 2","d":"A large featured blog card intended for featuring a blog post. It has a progressive gradie","s":"shadcncraft","c":"data-display/card","tg":["gradient"],"sb":"Article","sy":["gradient"]},{"id":"shadcncraft:blog-listing-featured-card-3","t":"Blog Listing Featured Card 3","d":"A large featured blog card intended for featuring a blog post. It has a progressive gradie","s":"shadcncraft","c":"data-display/card","tg":["gradient"],"sb":"Article","sy":["gradient"]},{"id":"shadcncraft:pricing-card-1","t":"Pricing Card #1","d":"A component for Figma that compares plans with layout variants, including a 'Most Popular'","k":"section","s":"shadcncraft","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcncraft:team-card-1","t":"Team Card #1","d":"A component that displays a user's image alongside their name, a supporting detail such as","k":"section","s":"shadcncraft","c":"marketing/team"},{"id":"shadcncraft:team-card-2","t":"Team Card #2","d":"A component that displays a user's image alongside their name, a description and social li","k":"section","s":"shadcncraft","c":"marketing/team"},{"id":"shadcncraft:activity-feed-item-1","t":"Activity Feed Item 1","d":"A flexible feed item for displaying recent activity in a clear, scannable format. Combines","s":"shadcncraft","c":"data-display/timeline","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:avatar-upload-1","t":"Avatar Upload #1","d":"A focused component for adding or updating a user profile image. Handles empty, uploaded, ","s":"shadcncraft","c":"inputs/file-upload"},{"id":"shadcncraft:avatar-upload-2","t":"Avatar Upload #2","d":"A focused component for adding or updating a user profile image. Handles empty, uploaded, ","s":"shadcncraft","c":"inputs/file-upload"},{"id":"shadcncraft:balance-1","t":"Balance #1","d":"A data-rich component for showing an account balance at a glance, with supporting context ","s":"shadcncraft","c":"data-viz/chart"},{"id":"shadcncraft:balance-2","t":"Balance #2","d":"A data-rich component for showing an account balance at a glance, with supporting context ","s":"shadcncraft","c":"data-viz/chart"},{"id":"shadcncraft:balance-3","t":"Balance #3","d":"A data-rich component for showing an account balance at a glance, with supporting context ","s":"shadcncraft","c":"data-viz/chart"},{"id":"shadcncraft:expenses-1","t":"Expenses #1","d":"A compact data visualization component for showing spending by category over a selected ti","s":"shadcncraft","c":"inputs/date-range","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:message-card-1","t":"Message Card #1","d":"A compact summary component for individual messages or threads. Shows sender, subject, tim","s":"shadcncraft","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcncraft:spending-balance-1","t":"Spending Balance 1","d":"A summary card that shows total spend for a period, with a clear visual cue and a simple c","s":"shadcncraft","c":"inputs/date-range","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:stock-market-1","t":"Stock Market #1","d":"A market snapshot card that shows current value, change over time, and basic context. The ","s":"shadcncraft","c":"inputs/slider","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:transactions-1","t":"Transactions #1","d":"A compact transaction list for recent activity. Shows status filters, clear labels, amount","s":"shadcncraft","c":"overlays/dialog","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:metric-card-1","t":"Metric Card #1","d":"A compact summary block for highlighting a single key metric. Combines a label, primary va","s":"shadcncraft","c":"data-display/stat"},{"id":"shadcncraft:metric-card-2","t":"Metric Card #2","d":"A compact summary block for highlighting a single key metric. Combines a label, primary va","s":"shadcncraft","c":"data-display/stat"},{"id":"shadcncraft:progress-item-1","t":"Progress Item #1","d":"A single step within a progress sequence used to show order, status, and context. Combines","s":"shadcncraft","c":"data-viz/progress-bar"},{"id":"shadcncraft:file-upload-card-1","t":"File Upload Card 1","d":"A self-contained upload item that shows the status of an individual file during and after ","s":"shadcncraft","c":"inputs/file-upload"},{"id":"shadcncraft:file-upload-area-1","t":"File Upload Area 1","d":"A dedicated drop zone for selecting files via drag-and-drop or manual browsing. Communicat","s":"shadcncraft","c":"inputs/file-upload"},{"id":"shadcncraft:code-snippet-2","t":"Code Snippet #2","d":"A command or a short file, shown so it can be taken. Comes as an inline chip for code insi","s":"shadcncraft","c":"data-display/code-block"},{"id":"shadcncraft:cart-item-1","t":"Cart Item #1","d":"TBD","s":"shadcncraft","c":"data-display/list"},{"id":"shadcncraft:product-category-card-1","t":"Product Category Card 1","d":"TBD","s":"shadcncraft","c":"data-display/card","sb":"Product"},{"id":"shadcncraft:product-card-1","t":"Product Card #1","d":"TBD","s":"shadcncraft","c":"data-display/card","sb":"Product"},{"id":"shadcncraft:product-card-2","t":"Product Card #2","d":"TBD","s":"shadcncraft","c":"data-display/card","sb":"Product"},{"id":"shadcncraft:file-part-1","t":"File Part #1","d":"The file a message was sent with, drawn as a card rather than left as a link. An image pre","s":"shadcncraft","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcncraft:reasoning-part-1","t":"Reasoning Part #1","d":"A model's thinking, folded away behind a disclosure so it never competes with the answer. ","s":"shadcncraft","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcncraft:text-part-1","t":"Text Part #1","d":"A message's text. An answer is parsed as markdown by Streamdown, which copes with the half","k":"motion","s":"shadcncraft","c":"motion/text-effect"},{"id":"shadcncraft:tool-part-1","t":"Tool Part #1","d":"One tool call, through all four of its states: running, done, failed and refused. A denied","s":"shadcncraft","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcncraft:web-search-part-1","t":"Web Search Part 1","d":"The line saying a search happened: objective and a spinner while it runs, a warning when i","s":"shadcncraft","c":"inputs/search"},{"id":"shadcncraft:questionnaire-part-1","t":"Questionnaire Part 1","d":"The agent asking before it commits to expensive work: a multi-step form rendered inside th","s":"shadcncraft","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcncraft:sources-part-1","t":"Sources Part #1","d":"The citation list under an answer, collapsed to a count until asked for. Citations reach a","s":"shadcncraft","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcncraft:banner-1","t":"Banner 1 – Inline signup banner","d":"A low-height horizontal banner with an icon, short message, and inline input with primary ","s":"shadcncraft","c":"overlays/alert-banner"},{"id":"shadcncraft:banner-2","t":"Banner 2 – Dismissible signup card","d":"A compact banner presented as a card with icon, short message, input field, and primary ac","s":"shadcncraft","c":"overlays/alert-banner"},{"id":"shadcncraft:banner-3","t":"Banner 3 – Inline announcement banner with actions","d":"A low-height horizontal banner with an icon, short announcement text, and multiple call-to","s":"shadcncraft","c":"overlays/alert-banner"},{"id":"shadcncraft:banner-4","t":"Banner 4 – Announcement banner with primary and secondary actions","d":"A horizontal announcement banner with an icon, single-line message, two clearly ranked act","s":"shadcncraft","c":"overlays/alert-banner"},{"id":"shadcncraft:banner-5","t":"Banner 5 – Consent banner with action group","d":"A horizontal banner with an icon, short explanatory text, and a grouped set of actions inc","s":"shadcncraft","c":"overlays/alert-banner"},{"id":"shadcncraft:banner-6","t":"Banner 6 – Consent banner with stacked actions","d":"A consent banner that pairs a low-height inline message with a stacked action layout in th","s":"shadcncraft","c":"overlays/alert-banner"},{"id":"shadcncraft:banner-7","t":"Banner 7 – Minimal announcement strip","d":"A low-contrast, single-line banner with centered text and a close action. No icon or butto","s":"shadcncraft","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:banner-8","t":"Banner 8 – Inline announcement link","d":"A compact announcement banner with inline link styling and a dismiss action. Designed for ","s":"shadcncraft","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:banner-9","t":"Banner 9 – Full width callout bar","d":"A high-contrast, full-width banner for urgent or high-intent messages like hiring, launche","s":"shadcncraft","c":"overlays/alert-banner"},{"id":"shadcncraft:banner-10","t":"Banner 10 – Inline announcement link","d":"A minimal announcement banner for low-friction updates. Renders as simple inline text with","s":"shadcncraft","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcncraft:benefits-1","t":"Benefits 1 – Alternating rows with text and image","d":"A benefits section with a headline and intro, followed by multiple feature rows that alter","k":"section","s":"shadcncraft","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcncraft:benefits-2","t":"Benefits 2 – Alternating rows with actions and image","d":"A benefits section with a headline and intro, followed by multiple feature cards arranged ","k":"section","s":"shadcncraft","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcncraft:benefits-3","t":"Benefits 3 – Stacked sections with full bleed media","d":"A benefits section with a headline and intro, followed by stacked feature sections that al","k":"section","s":"shadcncraft","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcncraft:benefits-4","t":"Benefits 4 – Compact icon list","d":"A simple benefits block that displays a small set of features as icon-led items with short","k":"section","s":"shadcncraft","c":"marketing/features","tg":["minimal"],"sb":"Lists","sy":["minimal"]},{"id":"shadcncraft:benefits-5","t":"Benefits 5 – Icon grid","d":"A benefits block with a headline and short intro, followed by a grid of icon-led features ","k":"section","s":"shadcncraft","c":"marketing/features","sb":"Grid of cards"},{"id":"shadcncraft:benefits-6","t":"Benefits 6 – Image led cards","d":"A benefits block with a headline and short intro, followed by large visual feature cards. ","k":"section","s":"shadcncraft","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcncraft:benefits-7","t":"Benefits 7 – Split highlights with supporting list","d":"A benefits block with a headline and intro, followed by two primary feature highlights wit","k":"section","s":"shadcncraft","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcncraft:benefits-8","t":"Benefits 8 – Hero media with supporting list","d":"A benefits block with a headline and intro, followed by a single large hero image. Support","k":"section","s":"shadcncraft","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcncraft:benefits-9","t":"Benefits 9 – Two column text layout","d":"A benefits block with a strong headline and supporting text split across two columns. Use ","k":"section","s":"shadcncraft","c":"marketing/features","tg":["3d"],"sy":["3d"]},{"id":"shadcncraft:benefits-10","t":"Benefits 10 – Full width media with overlay text","d":"A benefits block built around a large, full-width image with short text overlaid directly ","k":"section","s":"shadcncraft","c":"marketing/features","sb":"Showcase and split"},{"id":"shadcncraft:benefits-11","t":"Benefits 11 – Emphasized lead with supporting column","d":"A benefits block with a strong headline on the left and a longer supporting explanation on","k":"section","s":"shadcncraft","c":"marketing/features"},{"id":"shadcncraft:benefits-12","t":"Benefits 12 – Two column icon list","d":"A two-column layout that displays a list of items, each paired with an icon, title, and sh","k":"section","s":"shadcncraft","c":"marketing/features","sb":"Lists"},{"id":"shadcncraft:benefits-13","t":"Benefits 13 – Card grid with section header","d":"A layout with a section header followed by a grid of equal-height cards. Each card include","k":"section","s":"shadcncraft","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"shadcncraft:blog-listing-1","t":"Blog Listing 1 – Featured grid","d":"A responsive blog listing that highlights recent posts in a clean card grid. Includes cate","k":"section","s":"shadcncraft","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"]},{"id":"shadcncraft:blog-listing-2","t":"Blog Listing 2 – Paginated card grid","d":"A card-based blog layout with a clear section header and a progressive \"Load more\" pattern","k":"section","s":"shadcncraft","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcncraft:blog-listing-3","t":"Blog Listing 3 – Featured lead with supporting grid","d":"A blog layout anchored by a large featured post followed by a compact card grid. Emphasize","k":"section","s":"shadcncraft","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcncraft:blog-listing-4","t":"Blog Listing 4 – Dense editorial grid","d":"A high-density card grid that surfaces many posts at once with equal visual weight. Uses c","k":"section","s":"shadcncraft","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcncraft:careers-1","t":"Careers 1 – Job list with metadata","d":"A simple vertical job list focused on clarity and scannability. Uses a single-column layou","k":"section","s":"shadcncraft","c":"marketing/marketing","tg":["minimal"],"sb":"Careers","sy":["minimal"]},{"id":"shadcncraft:careers-2","t":"Careers 2 – Job list with media lead","d":"A split layout that pairs a job list with a large supporting image. Uses the image to set ","k":"section","s":"shadcncraft","c":"marketing/marketing","tg":["minimal"],"sb":"Careers","sy":["minimal"]},{"id":"shadcncraft:careers-3","t":"Careers 3 – Card grid job listings","d":"A multi-column grid of role cards with consistent metadata and actions. Designed for scann","k":"section","s":"shadcncraft","c":"marketing/marketing","sb":"Careers"},{"id":"shadcncraft:careers-4","t":"Careers 4 – Feature image with list","d":"A careers layout anchored by a large lifestyle image, followed by a clean vertical job lis","k":"section","s":"shadcncraft","c":"marketing/marketing","tg":["minimal"],"sb":"Careers","sy":["minimal"]},{"id":"shadcncraft:careers-5","t":"Careers 5 – Split intro with stacked listings","d":"A careers layout with a left-aligned intro and a dense, stacked job list alongside it. Pri","k":"section","s":"shadcncraft","c":"marketing/marketing","sb":"Careers"},{"id":"shadcncraft:contact-1","t":"Contact 1 – Centered form, single column","d":"A centered contact form with a clear headline and stacked inputs. Uses a simple, linear fl","k":"section","s":"shadcncraft","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"]},{"id":"shadcncraft:contact-2","t":"Contact 2 – Centered form in card","d":"A centered contact form wrapped in a card with clear visual boundaries. The card adds emph","k":"section","s":"shadcncraft","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"]},{"id":"shadcncraft:contact-3","t":"Contact 3 – Split form with image","d":"A two-column layout pairing a contact form with a large supporting image. The image adds p","k":"section","s":"shadcncraft","c":"marketing/marketing","sb":"Contact"},{"id":"shadcncraft:contact-4","t":"Contact 4 – Multi channel contact options","d":"A centered layout that surfaces multiple ways to get in touch without a form. Uses icon-le","k":"section","s":"shadcncraft","c":"marketing/marketing","sb":"Contact"},{"id":"shadcncraft:contact-5","t":"Contact 5 – Global presence with contact methods","d":"A wide, visual-first layout that pairs a world map with key contact channels. Uses locatio","k":"section","s":"shadcncraft","c":"marketing/marketing","sb":"Contact"},{"id":"shadcncraft:contact-6","t":"Contact 6 – Map first contact","d":"A contact layout built around a large location map, with clear contact methods shown below","k":"section","s":"shadcncraft","c":"marketing/marketing","sb":"Contact"},{"id":"shadcncraft:contact-7","t":"Contact 7 – Image led contact","d":"A contact layout anchored by a large, friendly image, with key contact options displayed c","k":"section","s":"shadcncraft","c":"marketing/marketing","sb":"Contact"},{"id":"shadcncraft:contact-8","t":"Contact 8 – Hero image with channel cards","d":"A contact layout that pairs a large, edge-to-edge image with stacked contact channels. The","k":"section","s":"shadcncraft","c":"marketing/marketing","sb":"Contact"},{"id":"shadcncraft:contact-9","t":"Contact 9 – Centered CTA panel","d":"A minimal contact block built around a single, centered call to action. Uses a contained p","k":"section","s":"shadcncraft","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"]},{"id":"shadcncraft:contact-10","t":"Contact 10 – Split layout with embedded scheduler","d":"A high-contrast contact block using a wide primary panel paired with a secondary sidebar. ","k":"section","s":"shadcncraft","c":"marketing/marketing","sb":"Contact"},{"id":"shadcncraft:contact-11","t":"Contact 11 – Centered form with supporting sidebar","d":"A balanced contact layout with a primary, centered form and a secondary sidebar that mirro","k":"section","s":"shadcncraft","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"shadcncraft:cta-1","t":"CTA 1 – Centered headline with stacked actions","d":"A centered call to action with a strong headline, short supporting copy, and side-by-side ","k":"section","s":"shadcncraft","c":"marketing/cta"},{"id":"shadcncraft:cta-2","t":"CTA 2 – Left aligned headline with inline actions","d":"A left-aligned call to action with a strong headline, short supporting copy, and side-by-s","k":"section","s":"shadcncraft","c":"marketing/cta"},{"id":"shadcncraft:cta-3","t":"CTA 3 – High contrast panel with stacked actions","d":"A bold, high-contrast CTA presented inside a contained panel, with a centered headline and","k":"section","s":"shadcncraft","c":"marketing/cta"},{"id":"shadcncraft:cta-4","t":"CTA 4 – High contrast panel with left aligned actions","d":"A wide, high-contrast CTA panel with left-aligned content and inline primary and secondary","k":"section","s":"shadcncraft","c":"marketing/cta"},{"id":"shadcncraft:cta-5","t":"CTA 5 – Split content with feature list and media","d":"A two-column CTA layout combining structured text and a visual panel. Uses a feature list ","k":"section","s":"shadcncraft","c":"marketing/cta","tg":["3d"],"sy":["3d"]},{"id":"shadcncraft:cta-6","t":"CTA 6 – Feature led split with primary visual","d":"A split CTA layout anchored by a dominant visual panel, with supporting copy and a short f","k":"section","s":"shadcncraft","c":"marketing/cta"},{"id":"shadcncraft:cta-7","t":"CTA 7 – Product preview split with feature checklist","d":"A split CTA layout that pairs structured copy and a short feature list with a live product","k":"section","s":"shadcncraft","c":"marketing/cta","tg":["3d"],"sy":["3d"]},{"id":"shadcncraft:cta-8","t":"CTA 8 – Wide product panel with offset preview","d":"A wide, left-aligned CTA paired with a large, offset product screenshot that bleeds toward","k":"section","s":"shadcncraft","c":"marketing/cta","tg":["3d","minimal"],"sy":["3d","minimal"]},{"id":"shadcncraft:faqs-1","t":"FAQ 1 – Grid FAQs with CTA","d":"Multi-column FAQ layout with short answers visible by default. Includes an optional CTA pa","k":"section","s":"shadcncraft","c":"marketing/faq"},{"id":"shadcncraft:faqs-2","t":"FAQ 2 – Accordion list with centered CTA","d":"Single-column, centered accordion for longer answers. Optimized for reading and scanning. ","k":"section","s":"shadcncraft","c":"marketing/faq"},{"id":"shadcncraft:faqs-3","t":"FAQ 3 – Wide accordion with stacked mobile preview","d":"A responsive FAQ section with a wide, centered accordion for desktop, plus a compact stack","k":"section","s":"shadcncraft","c":"marketing/faq","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:faqs-4","t":"FAQ 4 – Centered accordion with supporting panel","d":"A clean, centered FAQ accordion paired with a narrow sidebar version. Uses a strong sectio","k":"section","s":"shadcncraft","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcncraft:footer-1","t":"Footer 1 – Multi column sitemap footer","d":"A wide, multi-column footer with grouped navigation links and a compact legal row. Designe","k":"section","s":"shadcncraft","c":"marketing/footer"},{"id":"shadcncraft:footer-2","t":"Footer 2 – Sitemap footer with newsletter signup","d":"A multi-column sitemap footer with a prominent newsletter signup band. Combines navigation","k":"section","s":"shadcncraft","c":"marketing/footer"},{"id":"shadcncraft:footer-3","t":"Footer 3 – Compact sitemap footer","d":"A clean, low-profile sitemap footer with evenly spaced link columns and a minimal brand an","k":"section","s":"shadcncraft","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:footer-4","t":"Footer 4 – Brand led sitemap footer","d":"A sitemap footer anchored by a short brand statement and logo, followed by structured link","k":"section","s":"shadcncraft","c":"marketing/footer","hc":1},{"id":"shadcncraft:hero-1","t":"Hero 1 – Centered headline with media hero","d":"A classic centered hero with a strong headline, short supporting copy, and a primary call ","k":"section","s":"shadcncraft","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcncraft:hero-2","t":"Hero 2 – Full bleed background with centered content","d":"A bold, immersive hero that places the headline and call to action directly on a full-blee","k":"section","s":"shadcncraft","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcncraft:hero-3","t":"Hero 3 – Light background with centered content","d":"A calm, airy hero that centers the headline and call to action over a soft, low-contrast b","k":"section","s":"shadcncraft","c":"marketing/hero","sb":"Centered and minimal"},{"id":"shadcncraft:hero-4","t":"Hero 4 – Soft gradient hero with dual CTAs and rating","d":"A centered hero set on a subtle gradient background, using stacked CTAs to support differe","k":"section","s":"shadcncraft","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"shadcncraft:hero-5","t":"Hero 5 – Split layout with waitlist capture","d":"A balanced split hero that pairs left-aligned messaging with a strong visual on the right.","k":"section","s":"shadcncraft","c":"marketing/hero","sb":"Split"},{"id":"shadcncraft:hero-6","t":"Hero 6 – Feature led split hero","d":"A practical split hero that pairs a strong visual with a short benefits list. Designed to ","k":"section","s":"shadcncraft","c":"marketing/hero","sb":"Split"},{"id":"shadcncraft:hero-7","t":"Hero 7 – Editorial story hero","d":"A narrative-led hero that explains the problem before selling the solution. Uses longer-fo","k":"section","s":"shadcncraft","c":"marketing/hero"},{"id":"shadcncraft:hero-8","t":"Hero 8 – Minimal page header","d":"A stripped-back hero for secondary pages. Focuses on a clear page title, short supporting ","k":"section","s":"shadcncraft","c":"marketing/hero","tg":["minimal"],"sb":"Centered and minimal","sy":["minimal"]},{"id":"shadcncraft:hero-9","t":"Hero 9 – Page header with supporting visual","d":"A balanced hero that pairs a clear page title and primary actions with a strong supporting","k":"section","s":"shadcncraft","c":"marketing/hero","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:hero-10","t":"Hero 10 – Full bleed image hero","d":"A bold, image-led hero with text overlaid on photography. Best when you want an emotional ","k":"section","s":"shadcncraft","c":"marketing/hero","sb":"With product shot"},{"id":"shadcncraft:metrics-1","t":"Metrics 1 – Wide stats row with geographic backdrop","d":"A horizontally distributed metrics layout that pairs large headline numbers with short lab","s":"shadcncraft","c":"data-display/stat"},{"id":"shadcncraft:metrics-2","t":"Metrics 2 – Centered headline with inline stat columns","d":"A metrics layout built around a strong centered heading, followed by evenly spaced stat co","s":"shadcncraft","c":"data-display/stat"},{"id":"shadcncraft:metrics-3","t":"Metrics 3 – Split content with media anchor","d":"A two-column metrics layout that pairs a text-led stats group with a strong visual anchor.","s":"shadcncraft","c":"data-display/stat"},{"id":"shadcncraft:metrics-4","t":"Metrics 4 – Centered headline with inline stat row","d":"A symmetric metrics layout built around a centered headline and a single horizontal row of","s":"shadcncraft","c":"data-display/stat"},{"id":"shadcncraft:metrics-5","t":"Metrics 5 – Carded metrics row","d":"A metrics layout where each stat is wrapped in a lightweight card. The cards create clear ","s":"shadcncraft","c":"data-display/stat"},{"id":"shadcncraft:metrics-6","t":"Metrics 6 – Inline metrics with dividers","d":"A single-row metrics layout that uses subtle vertical dividers instead of cards. This keep","s":"shadcncraft","c":"data-display/stat"},{"id":"shadcncraft:metrics-7","t":"Metrics 7 – Inline stats row with optional links","d":"A centered section header paired with a single horizontal row of key stats. Uses generous ","s":"shadcncraft","c":"data-display/stat","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:newsletter-signup-1","t":"Newsletter Signup 1 – Split layout with visual anchor","d":"A newsletter signup pattern that pairs a simple email capture with a strong visual anchor.","k":"layout","s":"shadcncraft","c":"flows/sign-in","tg":["minimal"],"sb":"Sign up","sy":["minimal"]},{"id":"shadcncraft:newsletter-signup-2","t":"Newsletter Signup 2 – Value led signup with supporting bullets","d":"A newsletter signup pattern that leads with clear value before the email field. Short bull","k":"layout","s":"shadcncraft","c":"flows/sign-in","tg":["minimal"],"sb":"Sign up","sy":["minimal"]},{"id":"shadcncraft:newsletter-signup-3","t":"Newsletter Signup 3 – Inline headline with minimal form","d":"A compact newsletter signup pattern that places the email field inline with the headline. ","k":"layout","s":"shadcncraft","c":"flows/sign-in","tg":["minimal"],"sb":"Sign up","sy":["minimal"]},{"id":"shadcncraft:newsletter-signup-4","t":"Newsletter Signup 4 – Centered call to action with supporting microcopy","d":"A centered newsletter signup pattern that emphasizes balance and clarity. The headline and","k":"layout","s":"shadcncraft","c":"flows/sign-in","tg":["minimal"],"sb":"Sign up","sy":["minimal"]},{"id":"shadcncraft:newsletter-signup-5","t":"Newsletter Signup 5 – Inline callout with contained form","d":"A horizontal newsletter signup pattern presented inside a soft container to separate it fr","k":"layout","s":"shadcncraft","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"shadcncraft:pricing-1","t":"Pricing 1 – Three tier card pricing grid","d":"A classic three-column pricing layout with equal-weight plan cards for easy comparison. Ea","k":"section","s":"shadcncraft","c":"marketing/pricing","tg":["minimal","webgl"],"sb":"Plan cards","sy":["minimal","webgl"]},{"id":"shadcncraft:pricing-2","t":"Pricing 2 – Focused two plan comparison","d":"A simplified pricing layout that presents two plans side by side to reduce choice overload","k":"section","s":"shadcncraft","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcncraft:pricing-3","t":"Pricing 3 – Single plan spotlight","d":"A centered, single-card pricing layout that puts all attention on one plan. Removing compa","k":"section","s":"shadcncraft","c":"marketing/pricing","tg":["minimal"],"sb":"Single plan","sy":["minimal"]},{"id":"shadcncraft:pricing-4","t":"Pricing 4 – Three plan comparison with highlighted default","d":"A classic three-tier pricing layout with a clearly emphasized middle plan to guide choice.","k":"section","s":"shadcncraft","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"shadcncraft:pricing-5","t":"Pricing 5 – Side by side plans with duplicated emphasis","d":"A two-plan layout where one option is visually emphasized through stronger borders and hie","k":"section","s":"shadcncraft","c":"marketing/pricing","sb":"Plan cards"},{"id":"shadcncraft:pricing-6","t":"Pricing 6 – Single plan focused pricing","d":"A minimal pricing pattern that centers on a single plan, removing comparison to reduce dec","k":"section","s":"shadcncraft","c":"marketing/pricing","tg":["minimal"],"sb":"Single plan","sy":["minimal"]},{"id":"shadcncraft:pricing-7","t":"Pricing 7 – Feature comparison table pricing","d":"A dense pricing pattern that pairs plans with a side-by-side feature matrix. This works wh","k":"section","s":"shadcncraft","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcncraft:social-proof-1","t":"Social Proof 1 – Inline logo strip","d":"A minimal social proof pattern that presents partner or customer logos in a single horizon","k":"section","s":"shadcncraft","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:social-proof-2","t":"Social Proof 2 – Auto scrolling logo marquee","d":"A horizontally scrolling logo strip that loops automatically. It adds motion and density w","k":"section","s":"shadcncraft","c":"marketing/testimonials"},{"id":"shadcncraft:social-proof-3","t":"Social Proof 3 – Color logo strip","d":"A static row of full-color logos. Feels louder and more brand-forward than grayscale. Work","k":"section","s":"shadcncraft","c":"marketing/testimonials"},{"id":"shadcncraft:social-proof-4","t":"Social Proof 4 – Inline trust statement","d":"A compact logo row paired with a short trust line. Very low visual weight and easy to drop","k":"section","s":"shadcncraft","c":"marketing/testimonials"},{"id":"shadcncraft:social-proof-5","t":"Social Proof 5 – Visual led trust section","d":"A logo strip paired with a strong visual. Adds credibility while creating a clear visual b","k":"section","s":"shadcncraft","c":"marketing/testimonials"},{"id":"shadcncraft:social-proof-6","t":"Social Proof 6 – Structured grid, editorial feel","d":"Centered headline with a strict, even grid below. Strong symmetry, lots of white space, an","k":"section","s":"shadcncraft","c":"marketing/testimonials"},{"id":"shadcncraft:team-1","t":"Team 1 – Centered team roster grid","d":"A centered section with a clear headline and supporting line, followed by an evenly spaced","k":"section","s":"shadcncraft","c":"marketing/team","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:team-2","t":"Team 2 – Split intro with profile grid","d":"A two-column layout where a compact intro block anchors the section on the left while a de","k":"section","s":"shadcncraft","c":"marketing/team","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:team-3","t":"Team 3 – Mixed shape avatar mosaic","d":"Team 3 – Mixed-shape avatar mosaic","k":"section","s":"shadcncraft","c":"marketing/team"},{"id":"shadcncraft:team-4","t":"Team 4 – Lifestyle imagery with structured roster","d":"A split layout that pairs large, candid team photos with a clean, tabular roster below. Th","k":"section","s":"shadcncraft","c":"marketing/team","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:team-5","t":"Team 5 – Editorial portrait cards","d":"A gallery-style layout built around large, consistent portrait cards with subtle overlays.","k":"section","s":"shadcncraft","c":"marketing/team","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:testimonials-1","t":"Testimonial 1 – Single feature quote","d":"A centered, long-form testimonial designed to feel calm and authoritative. Uses generous w","k":"section","s":"shadcncraft","c":"marketing/testimonials"},{"id":"shadcncraft:testimonials-2","t":"Testimonial 2 – Centered quote with attribution focus","d":"A minimal, centered testimonial layout that tightens the hierarchy around the quote and au","k":"section","s":"shadcncraft","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:testimonials-3","t":"Testimonial 3 – Split quote with featured profile","d":"Testimonial 3 – Split quote with featured profile","k":"section","s":"shadcncraft","c":"marketing/testimonials"},{"id":"shadcncraft:testimonials-4","t":"Testimonial 4 – Image led split with rating","d":"A bold split layout that gives equal weight to a large portrait and the testimonial copy. ","k":"section","s":"shadcncraft","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:testimonials-5","t":"Testimonial 5 – Card carousel with stacked media","d":"A carousel-style testimonial where the quote and controls sit in a fixed text column, pair","k":"section","s":"shadcncraft","c":"marketing/testimonials","tg":["3d"],"sy":["3d"]},{"id":"shadcncraft:testimonials-6","t":"Testimonial 6 – Split carousel with overlapping profile cards","d":"A split testimonial layout with the quote anchored in a static text column and a horizonta","k":"section","s":"shadcncraft","c":"marketing/testimonials","tg":["3d"],"sy":["3d"]},{"id":"shadcncraft:testimonials-7","t":"Testimonial 7 – Multi profile grid with headline lead","d":"A testimonial layout that leads with a strong headline and brand marker, followed by a den","k":"section","s":"shadcncraft","c":"marketing/testimonials"},{"id":"shadcncraft:testimonials-8","t":"Testimonial 8 – Branded quote with team strip","d":"A testimonial layout that anchors on a long-form quote with clear brand attribution, then ","k":"section","s":"shadcncraft","c":"marketing/testimonials"},{"id":"shadcncraft:testimonials-9","t":"Testimonial 9 – Multi segment case cards","d":"A testimonial layout built around small, self-contained story cards, each representing a d","k":"section","s":"shadcncraft","c":"marketing/testimonials","tg":["3d"],"sy":["3d"]},{"id":"shadcncraft:testimonials-10","t":"Testimonial 10 – Dense quote grid","d":"A compact testimonial layout that surfaces many short quotes at once using a uniform card ","k":"section","s":"shadcncraft","c":"marketing/testimonials"},{"id":"shadcncraft:testimonials-11","t":"Testimonial 11 – Editorial quote grid","d":"A structured testimonial layout that combines a clear section header with a multi-column g","k":"section","s":"shadcncraft","c":"marketing/testimonials","tg":["3d"],"sy":["3d"],"hc":1},{"id":"shadcncraft:top-navigation-1","t":"Top Navigation 1 – Left aligned dropdown navigation","d":"A classic left-aligned top navigation with horizontal links and inline dropdown menus for ","s":"shadcncraft","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcncraft:top-navigation-2","t":"Top Navigation 2 – Centered primary navigation","d":"A center-aligned top navigation that places the primary links in the middle of the header,","s":"shadcncraft","c":"navigation/top-nav"},{"id":"shadcncraft:top-navigation-3","t":"Top Navigation 3 – Compact bar with progressive disclosure","d":"A compact top navigation that keeps the large-screen layout minimal and low-profile, with ","s":"shadcncraft","c":"data-display/accordion","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:top-navigation-4","t":"Top Navigation 4 – Centered pill navigation with dropdown menu","d":"A centered top navigation where primary links sit inside a pill-style container, creating ","s":"shadcncraft","c":"data-display/badge","sb":"Tags and pills"},{"id":"shadcncraft:top-navigation-5","t":"Top Navigation 5 – Minimal center aligned links with inline auth","d":"A stripped-back, center-aligned top navigation that prioritizes clarity and whitespace. Pr","k":"layout","s":"shadcncraft","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"shadcncraft:404-1","t":"404 1 – Minimalist error page with navigation recovery actions","d":"A clean and centered error page design for handling \"Page not found\" scenarios. The layout","k":"page","s":"shadcncraft","c":"pages/templates","tg":["minimal"],"sb":"Error and status pages","sy":["minimal"]},{"id":"shadcncraft:404-2","t":"404 2 – Visual 404 error page with immersive split screen layout","d":"A modern and emotionally engaging error page that uses a split-screen composition. The lef","k":"page","s":"shadcncraft","c":"pages/templates","sb":"Error and status pages"},{"id":"shadcncraft:404-3","t":"404 3 – Error page with multi channel support contact cards","d":"A comprehensive error recovery page designed to provide immediate assistance. The top sect","k":"page","s":"shadcncraft","c":"pages/templates","tg":["webgl"],"sb":"Error and status pages","sy":["webgl"]},{"id":"shadcncraft:404-4","t":"404 4 – Error page with conceptual plug illustration","d":"A creative balanced error page that uses a custom illustration to communicate a technical ","k":"resource","s":"shadcncraft","c":"assets/illustration"},{"id":"shadcncraft:404-5","t":"404 5 – Error page with immersive image and support directory","d":"A highly functional error page that utilizes a balanced grid system. The layout is dominat","k":"page","s":"shadcncraft","c":"pages/templates","tg":["playful"],"sb":"Error and status pages","sy":["playful"]},{"id":"shadcncraft:404-6","t":"404 6 – Split screen 404 page with high contrast editorial visual","d":"A modern error page that utilizes an inverted split-screen layout. A large, stylized edito","k":"page","s":"shadcncraft","c":"pages/templates","sb":"Error and status pages"},{"id":"shadcncraft:activity-feed-1","t":"Activity Feed 1 – Filterable timeline with inline context","d":"A chronological activity feed presented as a vertical timeline, combining user avatars, ac","s":"shadcncraft","c":"data-display/timeline","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:app-shell-1","t":"App Shell 1 – Sidebar","d":"App shell with a standard sidebar, header, and content slot. Collapsed variant included.","k":"layout","s":"shadcncraft","c":"layout/dashboard"},{"id":"shadcncraft:app-shell-2","t":"App Shell 2 – Floating sidebar","d":"App shell with a floating sidebar, header, and content slot. Collapsed variant included.","k":"layout","s":"shadcncraft","c":"layout/dashboard"},{"id":"shadcncraft:app-shell-3","t":"App Shell 3 – Inset sidebar","d":"App shell with an inset sidebar, header, and content slot. Collapsed variant included.","k":"layout","s":"shadcncraft","c":"layout/dashboard"},{"id":"shadcncraft:app-shell-header-1","t":"App Shell Header 1","d":"App shell header with a page selector, date range presets, filters, and search.","s":"shadcncraft","c":"navigation/top-nav"},{"id":"shadcncraft:app-shell-header-2","t":"App Shell Header 2","d":"App shell header with a breadcrumb, faceted filters, and a search field.","s":"shadcncraft","c":"navigation/top-nav"},{"id":"shadcncraft:app-shell-header-3","t":"App Shell Header 3","d":"App shell header with a page selector, applied filters as removable chips, and a search fi","s":"shadcncraft","c":"navigation/top-nav"},{"id":"shadcncraft:app-shell-header-4","t":"App Shell Header 4","d":"App shell header with a page selector, filters, and a primary action.","s":"shadcncraft","c":"navigation/top-nav"},{"id":"shadcncraft:app-shell-header-5","t":"App Shell Header 5","d":"App shell header with a page selector, a period select, and a date range stepper.","s":"shadcncraft","c":"navigation/top-nav"},{"id":"shadcncraft:metric-cards-1","t":"Dashboard 1 – Metric cards","d":"Four key metrics in a single strip: spend, revenue, cost per lead, and conversion rate.","s":"shadcncraft","c":"data-display/stat"},{"id":"shadcncraft:hero-time-series-1","t":"Dashboard 2 – Hero time series","d":"Hero area chart comparing this period against the previous period.","k":"section","s":"shadcncraft","c":"marketing/hero","sb":"With product shot"},{"id":"shadcncraft:traffic-by-channel-1","t":"Dashboard 3 – Traffic by channel","d":"Total traffic with a segmented share bar and per-channel breakdown.","k":"layout","s":"shadcncraft","c":"layout/dashboard"},{"id":"shadcncraft:channel-performance-1","t":"Dashboard 4 – Channel performance","d":"Clicks received vs leads converted, by channel, as grouped bars.","k":"layout","s":"shadcncraft","c":"layout/dashboard"},{"id":"shadcncraft:cost-per-acquisition-trend-1","t":"Dashboard 5 – Cost per acquisition trend","d":"Daily cost per acquisition as an area trend with period comparison.","k":"layout","s":"shadcncraft","c":"layout/dashboard"},{"id":"shadcncraft:paid-media-allocation-1","t":"Dashboard 6 – Paid media allocation","d":"Donut breakdown of spend across paid channels.","k":"layout","s":"shadcncraft","c":"layout/dashboard"},{"id":"shadcncraft:campaign-performance-1","t":"Dashboard 7 – Campaign performance","d":"Top campaigns by leads generated, as a compact data table.","k":"layout","s":"shadcncraft","c":"layout/dashboard"},{"id":"shadcncraft:top-landing-pages-1","t":"Dashboard 8 – Top landing pages","d":"Pages ranked by sessions with visitor share.","k":"layout","s":"shadcncraft","c":"layout/dashboard"},{"id":"shadcncraft:marketing-funnel-1","t":"Dashboard 9 – Marketing funnel","d":"Stage-by-stage conversion across the marketing funnel.","s":"shadcncraft","c":"data-viz/chart","tg":["playful"],"sb":"Flow and funnel","sy":["playful"]},{"id":"shadcncraft:attribution-breakdown-1","t":"Dashboard 10 – Attribution breakdown","d":"Revenue credited by first touch vs last touch, per channel.","k":"layout","s":"shadcncraft","c":"layout/dashboard"},{"id":"shadcncraft:growth-simulator-1","t":"Dashboard 11 – Growth simulator","d":"Live sliders modeling monthly spend against projected pipeline.","k":"layout","s":"shadcncraft","c":"layout/dashboard"},{"id":"shadcncraft:goal-progress-1","t":"Dashboard 12 – Goal progress","d":"Month-to-date attainment against monthly targets as bullet bars.","s":"shadcncraft","c":"data-viz/progress-bar"},{"id":"shadcncraft:engagement-by-day-hour-1","t":"Dashboard 13 – Engagement by day & hour","d":"Open-rate heatmap by send day and hour.","k":"layout","s":"shadcncraft","c":"layout/dashboard"},{"id":"shadcncraft:revenue-vs-target-1","t":"Dashboard 14 – Revenue vs target","d":"Closed revenue against target and forecast as a tick meter.","k":"section","s":"shadcncraft","c":"marketing/comparison"},{"id":"shadcncraft:pipeline-by-stage-1","t":"Dashboard 15 – Pipeline by stage","d":"Open pipeline value and share across deal stages as a funnel.","s":"shadcncraft","c":"data-display/timeline","tg":["playful"],"sy":["playful"]},{"id":"shadcncraft:rep-leaderboard-1","t":"Dashboard 16 – Rep leaderboard","d":"Reps ranked by quota attainment with target markers.","s":"shadcncraft","c":"data-display/gamification"},{"id":"shadcncraft:deals-table-1","t":"Dashboard 17 – Deals table","d":"Open deals with owner, stage, value, and close date.","s":"shadcncraft","c":"data-display/table"},{"id":"shadcncraft:win-rate-1","t":"Dashboard 18 – Win rate","d":"Win rate with stage-to-stage conversion bars.","k":"layout","s":"shadcncraft","c":"layout/dashboard"},{"id":"shadcncraft:deal-velocity-by-segment-1","t":"Dashboard 19 – Deal velocity","d":"Average days in stage by segment as a heatmap.","k":"layout","s":"shadcncraft","c":"layout/dashboard"},{"id":"shadcncraft:lead-to-customer-funnel-1","t":"Dashboard 20 – Lead to customer funnel","d":"Marketing-to-sales handoff as concentric ring progress.","s":"shadcncraft","c":"data-viz/chart","tg":["playful"],"sb":"Flow and funnel","sy":["playful"]},{"id":"shadcncraft:leads-by-region-1","t":"Dashboard 21 – Leads by region","d":"Leads and pipeline value by country, with list and map views.","k":"layout","s":"shadcncraft","c":"layout/dashboard"},{"id":"shadcncraft:customer-health-score-1","t":"Dashboard 22 – Customer health score","d":"Average customer health as an arc gauge with score bands.","k":"layout","s":"shadcncraft","c":"layout/dashboard"},{"id":"shadcncraft:ai-insights-1","t":"Dashboard 23 – AI insights","d":"Alerts and opportunities surfaced automatically across the funnel.","s":"shadcncraft","c":"ai-agent/ai-agent","tg":["playful"],"sy":["playful"]},{"id":"shadcncraft:header-1","t":"Header 1 – Page header with actions and search","d":"A standard page header that anchors the page title with optional breadcrumbs, primary acti","s":"shadcncraft","c":"navigation/top-nav","tg":["minimal"],"sb":"With search","sy":["minimal"]},{"id":"shadcncraft:header-2","t":"Header 2 – Page header with cover image","d":"A page header that pairs a visual cover with navigation context and search. Uses an image ","s":"shadcncraft","c":"navigation/top-nav"},{"id":"shadcncraft:header-3","t":"Header 3 – Page header with tabs","d":"A compact page header that combines breadcrumbs, a clear page title, and inline tabs for s","s":"shadcncraft","c":"navigation/top-nav"},{"id":"shadcncraft:header-4","t":"Header 4 – Page header with cover image and tabs","d":"A richer page header that pairs breadcrumbs and a page title with a visual cover image and","s":"shadcncraft","c":"navigation/top-nav"},{"id":"shadcncraft:header-5","t":"Header 5 – Profile header with identity and actions","d":"A compact header designed for user or account pages. Combines avatar, name, and secondary ","s":"shadcncraft","c":"navigation/top-nav"},{"id":"shadcncraft:header-6","t":"Header 6 – Page header with supporting description","d":"A lightweight page header that pairs a clear title with a short supporting description. De","s":"shadcncraft","c":"navigation/top-nav"},{"id":"shadcncraft:inline-cta-1","t":"Inline CTA 1 – Compact call to action","d":"A small, inline call to action that pairs a short title and description with one or two bu","k":"section","s":"shadcncraft","c":"marketing/cta"},{"id":"shadcncraft:inline-cta-2","t":"Inline CTA 2 – Media led call to action","d":"An inline call to action that pairs a visual with a short title and description to add con","k":"section","s":"shadcncraft","c":"marketing/cta"},{"id":"shadcncraft:inline-cta-3","t":"Inline CTA 3 – Email signup call to action","d":"An inline call to action designed for simple email capture. Combines a short title and des","k":"section","s":"shadcncraft","c":"marketing/cta","tg":["minimal"],"sb":"Newsletter and waitlist","sy":["minimal"]},{"id":"shadcncraft:kanban-1","t":"Kanban 1 – Deal board","d":"Pipeline board with a column per stage, each carrying its deal count, total value, and an ","s":"shadcncraft","c":"data-display/kanban"},{"id":"shadcncraft:modal-1","t":"Modal 1 – Centered dialog modal","d":"A centered modal with a fixed width and clear visual separation from the page using a dimm","s":"shadcncraft","c":"overlays/dialog","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:modal-2","t":"Modal 2 – Destructive action modal","d":"A centered dialog modal with a dimmed backdrop, similar in structure to Modal 1 but visual","s":"shadcncraft","c":"overlays/dialog","sb":"Confirm"},{"id":"shadcncraft:modal-3","t":"Modal 3 – Authentication modal","d":"A centered, medium-width modal designed specifically for sign-in flows. It uses a clear ve","s":"shadcncraft","c":"overlays/dialog","sb":"Forms"},{"id":"shadcncraft:section-footer-1","t":"Section Footer 1 – Minimal action focused footer bar","d":"A compact footer layout built around a single horizontal row of lightweight links paired w","k":"section","s":"shadcncraft","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:section-footer-2","t":"Section Footer 2 – Single action footer with progressive reveal","d":"A stripped-back footer built around a single, prominent action rather than navigation. Use","k":"section","s":"shadcncraft","c":"marketing/cta","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:section-footer-3","t":"Section Footer 3 – Utility footer with inline controls","d":"A functional footer layout that combines secondary actions with an inline utility element.","k":"section","s":"shadcncraft","c":"marketing/footer","tg":["minimal","playful"],"sy":["minimal","playful"]},{"id":"shadcncraft:section-footer-4","t":"Section Footer 4 – Pagination footer","d":"A footer layout focused on paging controls for long lists or tables. Combines previous and","k":"section","s":"shadcncraft","c":"marketing/footer","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:progress-1","t":"Progress 1 – Horizontal step overview","d":"A clean, linear progress bar that spreads steps evenly across the page. Each step is ancho","s":"shadcncraft","c":"data-viz/progress-bar","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:progress-2","t":"Progress 2 – Vertical step list","d":"A stacked, vertical progress pattern with numbered steps aligned to a single axis. Each st","s":"shadcncraft","c":"data-viz/progress-bar"},{"id":"shadcncraft:progress-3","t":"Progress 3 – Horizontal completion tracker","d":"A horizontal stepper that shows progress at a glance. Steps are laid out left to right wit","s":"shadcncraft","c":"data-viz/progress-bar"},{"id":"shadcncraft:progress-4","t":"Progress 4 – Vertical completed checklist","d":"A vertical step list with all steps shown as completed. Each step uses a filled circular c","s":"shadcncraft","c":"data-viz/progress-bar"},{"id":"shadcncraft:file-upload-1","t":"File Upload 1 – Drag and drop upload with inline progress","d":"A compact file upload layout with a prominent drag-and-drop zone and clear fallback action","s":"shadcncraft","c":"inputs/file-upload"},{"id":"shadcncraft:file-upload-2","t":"File Upload 2 – Simplified upload list with minimal metadata","d":"A streamlined file upload layout that pairs a drag-and-drop zone with a clean, minimal upl","s":"shadcncraft","c":"inputs/file-upload","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:file-upload-3","t":"File Upload 3 – Grouped upload states with clear status separation","d":"A structured file upload layout that separates completed and in-progress uploads into clea","s":"shadcncraft","c":"inputs/file-upload"},{"id":"shadcncraft:multistep-1","t":"Multistep 1 – Split onboarding layout","d":"A wide, two-column layout that pairs the active step with clear progress context. The left","s":"shadcncraft","c":"navigation/wizard-steps"},{"id":"shadcncraft:multistep-2","t":"Multistep 2 – Media assisted onboarding layout","d":"A three-column composition that blends form, visual, and progress. The left column uses a ","s":"shadcncraft","c":"navigation/wizard-steps","tg":["webgl"],"sy":["webgl"]},{"id":"shadcncraft:multistep-3","t":"Multistep 3 – Split hero onboarding","d":"A strong two-panel layout that leans editorial. The left side is a full-height visual pane","s":"shadcncraft","c":"navigation/wizard-steps","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:table-1","t":"Table 1 – Customer data table","d":"Full-featured data table for admin and SaaS back-office views: customers, users, records, ","s":"shadcncraft","c":"data-display/table","sb":"Data tables"},{"id":"shadcncraft:table-2","t":"Table 2 – Invoice list","d":"Invoice management table for billing and finance dashboards. Use for listing invoices with","s":"shadcncraft","c":"data-display/table","sb":"Transactions"},{"id":"shadcncraft:table-3","t":"Table 3 – Transactions with filters and pagination","d":"Paginated transactions table with global search, multi-select method and status filters, s","s":"shadcncraft","c":"data-display/table","sb":"Transactions"},{"id":"shadcncraft:table-4","t":"Table 4 – Team members","d":"Team and workspace member directory for admin and settings pages. Use for listing people w","s":"shadcncraft","c":"data-display/table","tg":["minimal"],"sb":"People","sy":["minimal"]},{"id":"shadcncraft:table-5","t":"Table 5 – Task list","d":"Task and project-tracking table for project management and sprint views. Use for listing w","s":"shadcncraft","c":"data-display/table","sb":"Data tables"},{"id":"shadcncraft:table-6","t":"Table 6 – Support ticket queue","d":"Support ticket queue for helpdesk, support and operations views. Use for triaging tickets ","s":"shadcncraft","c":"data-display/table","sb":"Data tables"},{"id":"shadcncraft:table-7","t":"Table 7 – Audit log","d":"Paginated audit log for a workspace. Each row pairs the acting user or automation with the","s":"shadcncraft","c":"data-display/table","sb":"Data tables"},{"id":"shadcncraft:table-8","t":"Table 8 – Member directory with attachments","d":"Rich member directory pairing people with projects and files, for team, HR and resource vi","s":"shadcncraft","c":"data-display/table","sb":"People"},{"id":"shadcncraft:table-9","t":"Table 9 – File manager","d":"File manager table for document, asset and workspace file views. Use for listing shared fi","s":"shadcncraft","c":"data-display/table","sb":"Data tables"},{"id":"shadcncraft:table-10","t":"Table 10 – Product leaderboard","d":"Product performance leaderboard for e-commerce, catalogue and analytics dashboards. Use fo","s":"shadcncraft","c":"data-display/table","sb":"Data tables"},{"id":"shadcncraft:table-11","t":"Table 11 – Market overview","d":"Market and asset-tracking table for crypto, stock and finance dashboards. Use for listing ","s":"shadcncraft","c":"data-display/table","sb":"Data tables"},{"id":"shadcncraft:table-12","t":"Table 12 – Recent transactions summary","d":"Compact transactions card for dashboards and overview panels. Use as a condensed summary o","s":"shadcncraft","c":"data-display/table","sb":"Transactions"},{"id":"shadcncraft:table-13","t":"Table 13 – Customer accounts","d":"Customer accounts table for sales, success and account-management views. Use for tracking ","s":"shadcncraft","c":"data-display/table","sb":"Data tables"},{"id":"shadcncraft:table-14","t":"Table 14 – Members list","d":"Members list for team rosters and organisation directories. Use for listing people with an","s":"shadcncraft","c":"data-display/table","tg":["minimal","playful"],"sb":"People","sy":["minimal","playful"]},{"id":"shadcncraft:table-15","t":"Table 15 – Role permissions matrix","d":"Role permissions matrix for settings, access-control and admin views. Use for mapping each","s":"shadcncraft","c":"data-display/table","sb":"Data tables"},{"id":"shadcncraft:table-16","t":"Table 16 – Sales by country","d":"Geographic sales block pairing a table with a world map, for regional analytics dashboards","s":"shadcncraft","c":"data-display/table","sb":"Data tables"},{"id":"shadcncraft:table-17","t":"Table 17 – Empty state (no data)","d":"Empty / first-run state for a data table, for zero-data and filtered-to-nothing views. Use","s":"shadcncraft","c":"data-display/table","sb":"Data tables"},{"id":"shadcncraft:table-18","t":"Table 18 – Empty state (no results)","d":"No-results empty state for a data table, for search and filter interactions. Use when a se","s":"shadcncraft","c":"data-display/table","sb":"Data tables"},{"id":"shadcncraft:table-19","t":"Table 19 – Loading state","d":"Loading / skeleton state for a data table. Use while data is being fetched: the toolbar an","s":"shadcncraft","c":"data-display/table","sb":"Data tables"},{"id":"shadcncraft:table-20","t":"Table 20 – Error state","d":"Error / failed-fetch state for a data table. Use when data fails to load: the toolbar and ","s":"shadcncraft","c":"data-display/table","sb":"Data tables"},{"id":"shadcncraft:table-21","t":"Table 21 – Offline state","d":"Offline / connection-lost state for a data table. Use when the table cannot reach the netw","s":"shadcncraft","c":"data-display/table"},{"id":"shadcncraft:checkout-1","t":"Checkout 1 – Checkout page with shipping, payment and order summary","d":"A comprehensive and professional checkout interface featuring a dual-column layout. The le","k":"section","s":"shadcncraft","c":"marketing/pricing"},{"id":"shadcncraft:checkout-2","t":"Checkout 2 – Modular checkout with summary and overview sidebars","d":"Checkout interface that uses a multi-card layout to prioritize order transparency. It feat","k":"section","s":"shadcncraft","c":"marketing/pricing"},{"id":"shadcncraft:checkout-3","t":"Checkout 3 – Checkout with left aligned order overview and payment stack","d":"A checkout layout that separates order details from data entry through a clean, vertical s","k":"section","s":"shadcncraft","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:shopping-cart-1","t":"Shopping Cart 1 –  Overlay with itemized list and checkout","d":"A functional slide-out cart interface that appears as an overlay on the right side of the ","k":"section","s":"shadcncraft","c":"marketing/pricing","tg":["playful"],"sy":["playful"]},{"id":"shadcncraft:shopping-cart-2","t":"Shopping Cart 2   shopping cart page with order summary and promo section","d":"A comprehensive checkout page featuring a two-column layout. The larger left column displa","k":"section","s":"shadcncraft","c":"marketing/announcement"},{"id":"shadcncraft:shopping-cart-3","t":"Shopping Cart 3   Centered shopping cart page with inline summary","d":"A streamlined and focused shopping cart layout where all elements are stacked in a single ","s":"shadcncraft","c":"inputs/number-input"},{"id":"shadcncraft:shopping-cart-4","t":"Shopping Cart 4   Triple card cart layout with discount and summary","d":"A highly organized shopping cart page that utilizes three distinct white cards on a light ","s":"shadcncraft","c":"data-display/card","tg":["playful","webgl"],"sb":"Product","sy":["playful","webgl"]},{"id":"shadcncraft:product-details-1","t":"Product Details 1 –  Product overview with configuration","d":"A clean and professional product detail section featuring a large primary image on the lef","s":"shadcncraft","c":"data-display/accordion","tg":["minimal","playful"],"sy":["minimal","playful"]},{"id":"shadcncraft:product-details-2","t":"Product Details 2   Product page with breadcrumbs and accordion","d":"A comprehensive product layout featuring a top breadcrumb navigation for easy store browsi","s":"shadcncraft","c":"data-display/accordion"},{"id":"shadcncraft:product-details-3","t":"Product Details 3   Detailed product view with specifications and gallery","d":"A content-rich product detail section that prioritizes technical information. The layout f","s":"shadcncraft","c":"data-display/accordion"},{"id":"shadcncraft:product-details-4","t":"Product Details 4   Product detail page with vertical thumbnail gallery","d":"A streamlined product section featuring a multi-image navigation system. The layout includ","s":"shadcncraft","c":"data-display/accordion"},{"id":"shadcncraft:product-details-5","t":"Product Details 5   Product page with bottom gallery and navigation arrows","d":"A product detail layout featuring an interactive image gallery. The main product image is ","s":"shadcncraft","c":"data-display/accordion","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:product-details-6","t":"Product Details 6   Product page with centered hero and multi column FAQ grid","d":"A comprehensive product layout featuring a centered hero image flanked by essential purcha","s":"shadcncraft","c":"data-display/accordion","sb":"FAQ"},{"id":"shadcncraft:product-category-1","t":"Product Category 1 – Category navigation grid with immersive hero imagery","d":"A visually driven category section featuring a three-column grid. Each card uses large, hi","k":"section","s":"shadcncraft","c":"marketing/hero","tg":["webgl"],"sb":"With product shot","sy":["webgl"]},{"id":"shadcncraft:product-category-2","t":"Product Category 2   Category grid with external labels","d":"A minimalist category navigation section featuring a balanced three-column grid. Unlike ov","s":"shadcncraft","c":"inputs/form-field","tg":["minimal","webgl"],"sb":"Animated fields","sy":["minimal","webgl"]},{"id":"shadcncraft:product-category-3","t":"Product Category 3   Asymmetric category grid with mixed card orientations","d":"A visually engaging category section featuring an asymmetric three-column layout. The left","s":"shadcncraft","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcncraft:product-category-4","t":"Product Category 4   Inverted asymmetric grid with top aligned hero card","d":"A dynamic category section featuring an asymmetric three-card grid. The layout highlights ","k":"section","s":"shadcncraft","c":"marketing/hero","tg":["webgl"],"sb":"With product shot","sy":["webgl"]},{"id":"shadcncraft:product-category-5","t":"Product Category 5   vertical category grid with labels","d":"A clean and balanced category section featuring a four-column grid of tall, vertical cards","s":"shadcncraft","c":"inputs/form-field","tg":["gradient","minimal"],"sb":"Animated fields","sy":["gradient","minimal"]},{"id":"shadcncraft:product-list-1","t":"Product List 1 – Product grid with header & action cards","d":"A clean e-commerce section featuring a left-aligned collection header and a four-column pr","s":"shadcncraft","c":"data-display/list","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:product-list-2","t":"Product List 2 – Centered header with product grid","d":"A balanced e-commerce section featuring a centered headline. The products are displayed in","s":"shadcncraft","c":"data-display/list","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:product-list-3","t":"Product List 3 – Product card grid with color swatches","d":"A modern e-commerce grid featuring products housed in individual white cards with subtle b","s":"shadcncraft","c":"data-display/list"},{"id":"shadcncraft:product-list-4","t":"Product List 4   Product grid with centered labels and color swatches","d":"A streamlined e-commerce layout featuring a centered collection header and a four-column g","s":"shadcncraft","c":"data-display/list"},{"id":"shadcncraft:product-list-5","t":"Product List 5   Product grid with horizontal carousel","d":"A clean e-commerce section featuring a left-aligned collection header and a four-column pr","s":"shadcncraft","c":"data-display/list","tg":["minimal"],"sy":["minimal"]},{"id":"shadcncraft:chat-shell-1","t":"Chat Shell 1 – Thread sidebar with pin, rename, share and delete","d":"The shell around a chat: workspace switcher, new chat, search, thread history grouped by r","k":"layout","s":"shadcncraft","c":"layout/page-shell"},{"id":"shadcncraft:assistant-panel-1","t":"Assistant Panel 1 – Chat docked beside your app","d":"For products where the chat is a guest rather than the page: a panel docked to the right, ","s":"shadcncraft","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcncraft:chat-1","t":"Chat 1 – A conversation wired to the AI SDK","d":"A chat that answers the moment it lands on a page, built on the Vercel AI SDK. The message","s":"shadcncraft","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcncraft:share-dialog-1","t":"Share Dialog 1 – Scoped link for a conversation","d":"Publishes a conversation to a link. Picking who can see it is the act of sharing, so there","s":"shadcncraft","c":"overlays/dialog","sb":"Share and invite"},{"id":"shadcncraft:composer-1","t":"Composer 1 – Prompt input with attachments, model and dictation","d":"The prompt input, and the hardest part of a chat to get right. Files arrive by picker, dra","s":"shadcncraft","c":"ai-agent/composer"},{"id":"shadcncraft:semantic-tokens","t":"Semantic tokens","k":"theme","s":"shadcncraft","c":"themes/theme"},{"id":"shadcncraft:design-system","t":"Design system","k":"theme","s":"shadcncraft","c":"themes/style"},{"id":"shadcncraft:use-carousel","t":"Use carousel","k":"lib","s":"shadcncraft","c":"lib/hook","hc":1},{"id":"shadcncraft:use-click-outside","t":"Use click outside","k":"lib","s":"shadcncraft","c":"lib/hook","hc":1},{"id":"shadcncraft:use-mobile","t":"Use mobile","k":"lib","s":"shadcncraft","c":"lib/hook","hc":1},{"id":"shadcncraft:use-file-upload","t":"Use file upload","d":"TBD","k":"lib","s":"shadcncraft","c":"lib/hook"},{"id":"shadcndesign:404-section-1","t":"404 Section #1","d":"404 error page section with modern design","k":"page","s":"shadcndesign","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"shadcndesign:banner-1","t":"Banner #1","d":"Promotional banner with close button and modern styling","s":"shadcndesign","c":"overlays/alert-banner","hc":1},{"id":"shadcndesign:bento-grid-1","t":"Bento Grid #1","d":"Feature-rich layout with dynamic grid showcasing product features","k":"layout","s":"shadcndesign","c":"layout/bento-grid","hc":1},{"id":"shadcndesign:blog-section-1","t":"Blog Section #1","d":"Blog posts grid with featured articles and metadata","k":"section","s":"shadcndesign","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"shadcndesign:comparison-section-1","t":"Comparison Section 1","d":"Feature comparison table with mobile-responsive design","k":"section","s":"shadcndesign","c":"marketing/features","sb":"Comparison","hc":1},{"id":"shadcndesign:contact-section-1","t":"Contact Section 1","d":"Contact form with validation and privacy policy checkbox","k":"section","s":"shadcndesign","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"shadcndesign:cta-section-1","t":"CTA Section #1","d":"Call-to-action section with primary background and compelling copy","k":"section","s":"shadcndesign","c":"marketing/cta","hc":1},{"id":"shadcndesign:empty-lp-section-1","t":"Empty LP Section 1","d":"Placeholder section for custom content","s":"shadcndesign","c":"data-display/empty-state","hc":1},{"id":"shadcndesign:faq-section-1","t":"FAQ Section #1","d":"Frequently asked questions with accordion interface and CTA card","k":"section","s":"shadcndesign","c":"marketing/cta","hc":1},{"id":"shadcndesign:feature-section-1","t":"Feature Section 1","d":"Feature showcase with image and dual-column layout","k":"section","s":"shadcndesign","c":"marketing/features","hc":1},{"id":"shadcndesign:footer-1","t":"Footer #1","d":"Site footer with navigation links and legal information","k":"section","s":"shadcndesign","c":"marketing/footer","hc":1},{"id":"shadcndesign:gallery-section-1","t":"Gallery Section 1","d":"Image gallery section with aspect ratio control","s":"shadcndesign","c":"media/gallery","hc":1},{"id":"shadcndesign:header-section-1","t":"Header Section #1","d":"Page header with title and description","k":"section","s":"shadcndesign","c":"marketing/hero","hc":1},{"id":"shadcndesign:hero-section-1","t":"Hero Section #1","d":"Hero section with dual-column layout and call-to-action buttons","k":"section","s":"shadcndesign","c":"marketing/hero","hc":1},{"id":"shadcndesign:logo-section-1","t":"Logo Section #1","d":"Logo showcase section with placeholder logos","k":"resource","s":"shadcndesign","c":"assets/logo","hc":1},{"id":"shadcndesign:lp-navbar-1","t":"LP Navbar #1","d":"Landing page navigation with mobile menu and logo","s":"shadcndesign","c":"navigation/top-nav","hc":1},{"id":"shadcndesign:pattern-1","t":"Pattern #1","d":"Background pattern component for visual enhancement","k":"motion","s":"shadcndesign","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"shadcndesign:pricing-section-1","t":"Pricing Section 1","d":"Pricing table with billing toggle and feature tooltips","k":"section","s":"shadcndesign","c":"marketing/pricing","hc":1},{"id":"shadcndesign:rich-text-section-1","t":"Rich Text Section 1","d":"Article layout with author information and structured content","k":"section","s":"shadcndesign","c":"marketing/marketing","hc":1},{"id":"shadcndesign:stats-section-1","t":"Stats Section #1","d":"Statistics showcase with dual-column layout and metrics","k":"section","s":"shadcndesign","c":"marketing/marketing","sb":"Stats","hc":1},{"id":"shadcndesign:team-section-1","t":"Team Section #1","d":"Team member showcase with social links and descriptions","k":"section","s":"shadcndesign","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcndesign:testimonials-section-1","t":"Testimonials Section 1","d":"Customer testimonial with avatar and quote","k":"section","s":"shadcndesign","c":"marketing/testimonials","hc":1},{"id":"shadcndesign:tagline","t":"Tagline","d":"Reusable tagline component with variants","k":"page","s":"shadcndesign","c":"pages/templates","sb":"Landing pages","hc":1},{"id":"shadcndesign:logo","t":"Logo","d":"Brand logo component with customizable size","k":"resource","s":"shadcndesign","c":"assets/logo","hc":1},{"id":"shadcndesign:placeholder-logo-buzzsnap","t":"Placeholder Logo Buzzsnap","d":"Placeholder logo component for logo section 1","k":"resource","s":"shadcndesign","c":"assets/logo","hc":1},{"id":"shadcndesign:placeholder-logo-dashstar","t":"Placeholder Logo Dashstar","d":"Placeholder logo component for logo section 1","k":"resource","s":"shadcndesign","c":"assets/logo","hc":1},{"id":"shadcndesign:placeholder-logo-editly","t":"Placeholder Logo Editly","d":"Placeholder logo component for logo section 1","k":"resource","s":"shadcndesign","c":"assets/logo","hc":1},{"id":"shadcndesign:placeholder-logo-geoaura","t":"Placeholder Logo Geoaura","d":"Placeholder logo component for logo section 1","k":"resource","s":"shadcndesign","c":"assets/logo","hc":1},{"id":"shadcndesign:placeholder-logo-nanodea","t":"Placeholder Logo Nanodea","d":"Placeholder logo component for logo section 1","k":"resource","s":"shadcndesign","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"shadcndesign:placeholder-logo-orionbo","t":"Placeholder Logo Orionbo","d":"Placeholder logo component for logo section 1","k":"resource","s":"shadcndesign","c":"assets/logo","hc":1},{"id":"shadcndesign:placeholder-logo-revahub","t":"Placeholder Logo Revahub","d":"Placeholder logo component for logo section 1","k":"resource","s":"shadcndesign","c":"assets/logo","hc":1},{"id":"shadcndesign:placeholder-logo-starlight","t":"Placeholder Logo Starlight","d":"Placeholder logo component for logo section 1","k":"resource","s":"shadcndesign","c":"assets/logo","hc":1},{"id":"shadcndesign:theme-purple","t":"Purple Theme by shadcndesign.com","k":"theme","s":"shadcndesign","c":"themes/theme"},{"id":"shadcndesign:theme-honey","t":"Honey Theme by shadcndesign.com","k":"theme","s":"shadcndesign","c":"themes/theme"},{"id":"shadcndesign:theme-sketchpad","t":"Sketchpad Theme by shadcndesign.com","k":"theme","s":"shadcndesign","c":"themes/theme","tg":["playful"],"sy":["playful"]},{"id":"shadcndesign:theme-soft-orange","t":"Soft Orange Theme by shadcndesign.com","k":"theme","s":"shadcndesign","c":"themes/theme"},{"id":"shadcndesign:theme-fast-red","t":"Fast Red Theme by shadcndesign.com","k":"theme","s":"shadcndesign","c":"themes/theme"},{"id":"shadcndesign:theme-night-wind","t":"Night Wind Theme by shadcndesign.com","k":"theme","s":"shadcndesign","c":"themes/theme"},{"id":"shadcndesign:theme-citrus","t":"Citrus Theme by shadcndesign.com","k":"theme","s":"shadcndesign","c":"themes/theme"},{"id":"shadcndesign:theme-soulslike","t":"Soulslike Theme by shadcndesign.com","k":"theme","s":"shadcndesign","c":"themes/theme"},{"id":"shadcndesign:theme-fresh-lime","t":"Fresh Lime Theme by shadcndesign.com","k":"theme","s":"shadcndesign","c":"themes/theme"},{"id":"shadcndesign:theme-orbiter","t":"Orbiter Theme by shadcndesign.com","k":"theme","s":"shadcndesign","c":"themes/theme"},{"id":"shadcndesign:theme-neon-forest","t":"Neon Forest Theme by shadcndesign.com","k":"theme","s":"shadcndesign","c":"themes/theme","tg":["neon"],"sy":["neon"]},{"id":"shadcndesign:theme-icecream","t":"Icecream Theme by shadcndesign.com","k":"theme","s":"shadcndesign","c":"themes/theme"},{"id":"shadcnhooks:is-browser","t":"Is browser","d":"A library that checks if the code is running in a browser.","k":"lib","s":"shadcnhooks","c":"lib/utility","hc":1},{"id":"shadcnhooks:create-effect-with-target","t":"Create effect with target","d":"A hook to create an effect with a target.","k":"lib","s":"shadcnhooks","c":"lib/utility","hc":1},{"id":"shadcnhooks:create-context","t":"Create context","d":"Create a context object.","k":"lib","s":"shadcnhooks","c":"lib/utility","sb":"State","hc":1},{"id":"shadcnhooks:use-why-did-you-update","t":"Use why did you update","d":"A hook to log the props that changed in a component","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-update-effect","t":"Use update effect","d":"A hook to run an effect only when the component updates","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-update","t":"Use update","d":"A hook to force a component to re-render","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-unmount","t":"Use unmount","d":"A hook to run a function when the component unmounts","k":"lib","s":"shadcnhooks","c":"lib/hook","tg":["playful"],"sy":["playful"],"hc":1},{"id":"shadcnhooks:use-toggle","t":"Use toggle","d":"A hook to toggle a value","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-title","t":"Use title","d":"A hook to reactively manage document.title","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-timeout","t":"Use timeout","d":"A hook that creates a timeout.","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-throttle-fn","t":"Use throttle fn","d":"A hook to throttle a function","k":"lib","s":"shadcnhooks","c":"lib/hook","tg":["playful"],"sy":["playful"],"hc":1},{"id":"shadcnhooks:use-throttle-effect","t":"Use throttle effect","d":"A hook to throttle an effect","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-throttle","t":"Use throttle","d":"A hook to throttle a value","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-text-selection","t":"Use text selection","d":"A hook to get the text selection and its bounding rect from an element","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-swr","t":"Use swr","d":"A hook to get the latest value of a variable","k":"lib","s":"shadcnhooks","c":"lib/hook"},{"id":"shadcnhooks:use-stick-to-bottom","t":"Use stick to bottom","d":"A lightweight React Hook intended mainly for AI chat applications, for smoothly sticking t","k":"lib","s":"shadcnhooks","c":"lib/hook"},{"id":"shadcnhooks:use-scroll-lock","t":"Use scroll lock","d":"A hook to lock the scroll of the body","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-reset-state","t":"Use reset state","d":"A hook to reset a state","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-query","t":"Use query","d":"useQuery is a hook that allows you to fetch data from an API and cache the results.","k":"lib","s":"shadcnhooks","c":"lib/hook"},{"id":"shadcnhooks:use-previous","t":"Use previous","d":"A hook to get the previous value of a variable","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-os","t":"Use os","d":"A hook to detect the current operating system","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-network","t":"Use network","d":"A hook to get the network state","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-mouse","t":"Use mouse","d":"A hook to track mouse position with optional touch support","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-mount","t":"Use mount","d":"A hook to run a function when the component mounts","k":"lib","s":"shadcnhooks","c":"lib/hook","tg":["playful"],"sy":["playful"],"hc":1},{"id":"shadcnhooks:use-memoized-fn","t":"Use memoized fn","d":"A hook to declare a memoized function","k":"lib","s":"shadcnhooks","c":"lib/hook","tg":["playful"],"sy":["playful"],"hc":1},{"id":"shadcnhooks:use-mcp","t":"Use mcp","d":"A hook to get the latest value of a variable","k":"lib","s":"shadcnhooks","c":"lib/hook"},{"id":"shadcnhooks:use-lock-fn","t":"Use lock fn","d":"A hook to lock a function until the previous promise is resolved","k":"lib","s":"shadcnhooks","c":"lib/hook","tg":["playful"],"sy":["playful"],"hc":1},{"id":"shadcnhooks:use-latest","t":"Use latest","d":"A hook to get the latest value of a variable","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-isomorphic-layout-effect","t":"Use isomorphic layout effect","d":"A hook to use layout effect on the client side","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-is-online","t":"Use is online","d":"A hook to check if the user is online","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-is-match-media","t":"Use is match media","d":"A hook to check if the media query matches","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-is-hydrated","t":"Use is hydrated","d":"A hook to check if the component is hydrated","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-interval","t":"Use interval","d":"A hook that creates an interval.","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-in-viewport","t":"Use in viewport","d":"A hook to check if an element is in the viewport","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-hover","t":"Use hover","d":"A hook to check if the mouse is hovering over an element","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-hash","t":"Use hash","d":"A hook to get current hash","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-fullscreen","t":"Use fullscreen","d":"A hook to manage fullscreen state","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-fps","t":"Use fps","d":"A hook to calculate the FPS","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-event-listener","t":"Use event listener","d":"A hook to attach event listeners to DOM elements, the window, or media query lists.","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-element-size","t":"Use element size","d":"A hook to track an element's width and height","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-effect-with-target","t":"Use effect with target","d":"A hook to create an effect with a target element that re-runs when the target or dependenc","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-effect-event","t":"Use effect event","d":"A hook to declare an effect event","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-document-visibility","t":"Use document visibility","d":"A hook to track the document visibility state","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-deep-compare-layout-effect","t":"Use deep compare layout effect","d":"A hook to use a deep compare layout effect","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-deep-compare-effect","t":"Use deep compare effect","d":"A hook to use a deep compare effect","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-debounce-fn","t":"Use debounce fn","d":"A hook to debounce a function","k":"lib","s":"shadcnhooks","c":"lib/hook","tg":["playful"],"sy":["playful"],"hc":1},{"id":"shadcnhooks:use-debounce-effect","t":"Use debounce effect","d":"A hook to debounce an effect","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-debounce","t":"Use debounce","d":"A hook to debounce a value","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-custom-compare-effect","t":"Use custom compare effect","d":"A hook like useEffect but with a custom compare function","k":"lib","s":"shadcnhooks","c":"lib/hook","tg":["playful"],"sy":["playful"],"hc":1},{"id":"shadcnhooks:use-creation","t":"Use creation","d":"A hook to create a value only once","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-counter","t":"Use counter","d":"A hook that creates a counter.","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-controllable-value","t":"Use controllable value","d":"A hook to manage a controllable value","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-clipboard","t":"Use clipboard","d":"A hook to copy text to clipboard","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-click-away","t":"Use click away","d":"A hook to click away from an element","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-click-any-where","t":"Use click any where","d":"A hook to click anywhere","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-boolean","t":"Use boolean","d":"A hook to toggle a boolean value","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-battery","t":"Use battery","d":"A hook to monitor battery information","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnhooks:use-active-element","t":"Use active element","d":"A hook to track the currently focused element in the document","k":"lib","s":"shadcnhooks","c":"lib/hook","hc":1},{"id":"shadcnloaders:loader","t":"Loader","d":"A single flexible loading spinner component with 42 built-in animated variants (spinner, d","s":"shadcnloaders","c":"status/loader","hc":1},{"id":"shadcnmaps:map","t":"Map","d":"Core SVG map renderer with region interaction, tooltips, and markers. Required by all map ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:usa","t":"USA Map","d":"Interactive United States map with all 50 states and DC. Supports click, hover, selection,","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:africa","t":"Africa","d":"Interactive Africa map with 56 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:alabama","t":"Alabama","d":"Interactive Alabama map with 68 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:alaska","t":"Alaska","d":"Interactive Alaska map with 30 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:algeria","t":"Algeria","d":"Interactive Algeria map with 49 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:angola","t":"Angola","d":"Interactive Angola map with 19 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:argentina","t":"Argentina","d":"Interactive Argentina map with 25 regions. Supports click, hover, selection, tooltips, and","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:arizona","t":"Arizona","d":"Interactive Arizona map with 16 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:arkansas","t":"Arkansas","d":"Interactive Arkansas map with 76 regions. Supports click, hover, selection, tooltips, and ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:asia","t":"Asia","d":"Interactive Asia map with 54 regions. Supports click, hover, selection, tooltips, and cust","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:australia","t":"Australia","d":"Interactive Australia map with 9 regions. Supports click, hover, selection, tooltips, and ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:austria","t":"Austria","d":"Interactive Austria map with 10 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:azerbaijan","t":"Azerbaijan","d":"Interactive Azerbaijan map with 79 regions. Supports click, hover, selection, tooltips, an","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:france","t":"France Map","d":"Interactive France map with 13 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:world","t":"World Map","d":"Interactive World map with 256 regions. Supports click, hover, selection, tooltips, and cu","k":"motion","s":"shadcnmaps","c":"motion/globe","hc":1},{"id":"shadcnmaps:bahrain","t":"Bahrain","d":"Interactive Bahrain map with 5 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:bangladesh","t":"Bangladesh","d":"Interactive Bangladesh map with 7 regions. Supports click, hover, selection, tooltips, and","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:belarus","t":"Belarus","d":"Interactive Belarus map with 7 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:belgium","t":"Belgium","d":"Interactive Belgium map with 11 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:bolivia","t":"Bolivia","d":"Interactive Bolivia map with 9 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:brazil","t":"Brazil","d":"Interactive Brazil map with 27 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:bulgaria","t":"Bulgaria","d":"Interactive Bulgaria map with 28 regions. Supports click, hover, selection, tooltips, and ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:california","t":"California","d":"Interactive California map with 58 regions. Supports click, hover, selection, tooltips, an","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:colorado","t":"Colorado","d":"Interactive Colorado map with 64 regions. Supports click, hover, selection, tooltips, and ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:cameroon","t":"Cameroon","d":"Interactive Cameroon map with 10 regions. Supports click, hover, selection, tooltips, and ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:central-america","t":"Central America","d":"Interactive Central America map with 7 regions. Supports click, hover, selection, tooltips","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:canada","t":"Canada","d":"Interactive Canada map with 13 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:caribbean","t":"Caribbean","d":"Interactive Caribbean map with 35 regions. Supports click, hover, selection, tooltips, and","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:china","t":"China","d":"Interactive China map with 32 regions. Supports click, hover, selection, tooltips, and cus","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:colombia","t":"Colombia","d":"Interactive Colombia map with 33 regions. Supports click, hover, selection, tooltips, and ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:connecticut","t":"Connecticut","d":"Interactive Connecticut map with 8 regions. Supports click, hover, selection, tooltips, an","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:costa-rica","t":"Costa Rica","d":"Interactive Costa Rica map with 7 regions. Supports click, hover, selection, tooltips, and","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:cote-ivoire","t":"Côte d'Ivoire","d":"Interactive Côte d'Ivoire map with 19 regions. Supports click, hover, selection, tooltips,","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:croatia","t":"Croatia","d":"Interactive Croatia map with 21 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:cuba","t":"Cuba","d":"Interactive Cuba map with 16 regions. Supports click, hover, selection, tooltips, and cust","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:czech-republic","t":"Czech Republic","d":"Interactive Czech Republic map with 14 regions. Supports click, hover, selection, tooltips","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:democratic-republic-congo","t":"Democratic Republic of the Congo","d":"Interactive Democratic Republic of the Congo map with 11 regions. Supports click, hover, s","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:denmark","t":"Denmark","d":"Interactive Denmark map with 98 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:dominican-republic","t":"Dominican Republic","d":"Interactive Dominican Republic map with 32 regions. Supports click, hover, selection, tool","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:ecuador","t":"Ecuador","d":"Interactive Ecuador map with 24 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:egypt","t":"Egypt","d":"Interactive Egypt map with 27 regions. Supports click, hover, selection, tooltips, and cus","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:el-salvador","t":"El Salvador","d":"Interactive El Salvador map with 14 regions. Supports click, hover, selection, tooltips, a","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:estonia","t":"Estonia","d":"Interactive Estonia map with 15 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:ethiopia","t":"Ethiopia","d":"Interactive Ethiopia map with 11 regions. Supports click, hover, selection, tooltips, and ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:finland","t":"Finland","d":"Interactive Finland map with 18 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:germany","t":"Germany","d":"Interactive Germany map with 16 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:ghana","t":"Ghana","d":"Interactive Ghana map with 10 regions. Supports click, hover, selection, tooltips, and cus","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:greece","t":"Greece","d":"Interactive Greece map with 14 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:guatemala","t":"Guatemala","d":"Interactive Guatemala map with 22 regions. Supports click, hover, selection, tooltips, and","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:honduras","t":"Honduras","d":"Interactive Honduras map with 18 regions. Supports click, hover, selection, tooltips, and ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:hungary","t":"Hungary","d":"Interactive Hungary map with 43 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:india","t":"India","d":"Interactive India map with 36 regions. Supports click, hover, selection, tooltips, and cus","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:indonesia","t":"Indonesia","d":"Interactive Indonesia map with 33 regions. Supports click, hover, selection, tooltips, and","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:iran","t":"Iran","d":"Interactive Iran map with 31 regions. Supports click, hover, selection, tooltips, and cust","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:iraq","t":"Iraq","d":"Interactive Iraq map with 18 regions. Supports click, hover, selection, tooltips, and cust","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:ireland","t":"Ireland","d":"Interactive Ireland map with 34 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:israel","t":"Israel","d":"Interactive Israel map with 6 regions. Supports click, hover, selection, tooltips, and cus","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:italy","t":"Italy","d":"Interactive Italy map with 21 regions. Supports click, hover, selection, tooltips, and cus","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:japan","t":"Japan","d":"Interactive Japan map with 47 regions. Supports click, hover, selection, tooltips, and cus","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:jordan","t":"Jordan","d":"Interactive Jordan map with 12 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:kazakhstan","t":"Kazakhstan","d":"Interactive Kazakhstan map with 16 regions. Supports click, hover, selection, tooltips, an","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:kenya","t":"Kenya","d":"Interactive Kenya map with 8 regions. Supports click, hover, selection, tooltips, and cust","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:kuwait","t":"Kuwait","d":"Interactive Kuwait map with 6 regions. Supports click, hover, selection, tooltips, and cus","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:latvia","t":"Latvia","d":"Interactive Latvia map with 119 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:lebanon","t":"Lebanon","d":"Interactive Lebanon map with 6 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:libya","t":"Libya","d":"Interactive Libya map with 22 regions. Supports click, hover, selection, tooltips, and cus","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:lithuania","t":"Lithuania","d":"Interactive Lithuania map with 10 regions. Supports click, hover, selection, tooltips, and","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:luxembourg","t":"Luxembourg","d":"Interactive Luxembourg map with 3 regions. Supports click, hover, selection, tooltips, and","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:macau","t":"Macau","d":"Interactive Macau map with 8 regions. Supports click, hover, selection, tooltips, and cust","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:malaysia","t":"Malaysia","d":"Interactive Malaysia map with 16 regions. Supports click, hover, selection, tooltips, and ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:mexico","t":"Mexico","d":"Interactive Mexico map with 32 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:monaco","t":"Monaco","d":"Interactive Monaco map with 10 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:morocco","t":"Morocco","d":"Interactive Morocco map with 16 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:myanmar","t":"Myanmar","d":"Interactive Myanmar map with 14 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:nepal","t":"Nepal","d":"Interactive Nepal map with 14 regions. Supports click, hover, selection, tooltips, and cus","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:netherlands","t":"Netherlands","d":"Interactive Netherlands map with 12 regions. Supports click, hover, selection, tooltips, a","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:new-zealand","t":"New Zealand","d":"Interactive New Zealand map with 19 regions. Supports click, hover, selection, tooltips, a","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:nigeria","t":"Nigeria","d":"Interactive Nigeria map with 37 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:nicaragua","t":"Nicaragua","d":"Interactive Nicaragua map with 17 regions. Supports click, hover, selection, tooltips, and","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:norway","t":"Norway","d":"Interactive Norway map with 21 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:oman","t":"Oman","d":"Interactive Oman map with 11 regions. Supports click, hover, selection, tooltips, and cust","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:pakistan","t":"Pakistan","d":"Interactive Pakistan map with 8 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:panama","t":"Panama","d":"Interactive Panama map with 12 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:paraguay","t":"Paraguay","d":"Interactive Paraguay map with 18 regions. Supports click, hover, selection, tooltips, and ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:peru","t":"Peru","d":"Interactive Peru map with 26 regions. Supports click, hover, selection, tooltips, and cust","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:philippines","t":"Philippines","d":"Interactive Philippines map with 119 regions. Supports click, hover, selection, tooltips, ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:poland","t":"Poland","d":"Interactive Poland map with 16 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:portugal","t":"Portugal","d":"Interactive Portugal map with 20 regions. Supports click, hover, selection, tooltips, and ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:puerto-rico","t":"Puerto Rico","d":"Interactive Puerto Rico map with 78 regions. Supports click, hover, selection, tooltips, a","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:qatar","t":"Qatar","d":"Interactive Qatar map with 7 regions. Supports click, hover, selection, tooltips, and cust","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:romania","t":"Romania","d":"Interactive Romania map with 42 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:russia","t":"Russia","d":"Interactive Russia map with 85 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:saudi-arabia","t":"Saudi Arabia","d":"Interactive Saudi Arabia map with 13 regions. Supports click, hover, selection, tooltips, ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:serbia","t":"Serbia","d":"Interactive Serbia map with 25 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:singapore","t":"Singapore","d":"Interactive Singapore map with 5 regions. Supports click, hover, selection, tooltips, and ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:slovakia","t":"Slovakia","d":"Interactive Slovakia map with 8 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:slovenia","t":"Slovenia","d":"Interactive Slovenia map with 193 regions. Supports click, hover, selection, tooltips, and","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:south-africa","t":"South Africa","d":"Interactive South Africa map with 9 regions. Supports click, hover, selection, tooltips, a","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:south-korea","t":"South Korea","d":"Interactive South Korea map with 17 regions. Supports click, hover, selection, tooltips, a","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:spain","t":"Spain","d":"Interactive Spain map with 17 regions. Supports click, hover, selection, tooltips, and cus","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:sri-lanka","t":"Sri Lanka","d":"Interactive Sri Lanka map with 25 regions. Supports click, hover, selection, tooltips, and","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:sudan","t":"Sudan","d":"Interactive Sudan map with 17 regions. Supports click, hover, selection, tooltips, and cus","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:sweden","t":"Sweden","d":"Interactive Sweden map with 21 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:switzerland","t":"Switzerland","d":"Interactive Switzerland map with 26 regions. Supports click, hover, selection, tooltips, a","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:syria","t":"Syria","d":"Interactive Syria map with 14 regions. Supports click, hover, selection, tooltips, and cus","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:taiwan","t":"Taiwan","d":"Interactive Taiwan map with 22 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:tanzania","t":"Tanzania","d":"Interactive Tanzania map with 30 regions. Supports click, hover, selection, tooltips, and ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:thailand","t":"Thailand","d":"Interactive Thailand map with 77 regions. Supports click, hover, selection, tooltips, and ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:trinidad-and-tobago","t":"Trinidad and Tobago","d":"Interactive Trinidad and Tobago map with 16 regions. Supports click, hover, selection, too","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:tunisia","t":"Tunisia","d":"Interactive Tunisia map with 23 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:turkey","t":"Turkey","d":"Interactive Turkey map with 81 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:turkmenistan","t":"Turkmenistan","d":"Interactive Turkmenistan map with 5 regions. Supports click, hover, selection, tooltips, a","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:uae","t":"United Arab Emirates","d":"Interactive United Arab Emirates map with 9 regions. Supports click, hover, selection, too","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:uganda","t":"Uganda","d":"Interactive Uganda map with 112 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:uk","t":"United Kingdom","d":"Interactive United Kingdom map with 14 regions. Supports click, hover, selection, tooltips","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:ukraine","t":"Ukraine","d":"Interactive Ukraine map with 27 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:uruguay","t":"Uruguay","d":"Interactive Uruguay map with 19 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:uzbekistan","t":"Uzbekistan","d":"Interactive Uzbekistan map with 14 regions. Supports click, hover, selection, tooltips, an","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:venezuela","t":"Venezuela","d":"Interactive Venezuela map with 25 regions. Supports click, hover, selection, tooltips, and","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:vietnam","t":"Vietnam","d":"Interactive Vietnam map with 63 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:yemen","t":"Yemen","d":"Interactive Yemen map with 21 regions. Supports click, hover, selection, tooltips, and cus","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:zambia","t":"Zambia","d":"Interactive Zambia map with 10 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:zimbabwe","t":"Zimbabwe","d":"Interactive Zimbabwe map with 10 regions. Supports click, hover, selection, tooltips, and ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:continents","t":"Continents","d":"Interactive Continents map with 6 regions. Supports click, hover, selection, tooltips, and","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:europe","t":"Europe","d":"Interactive Europe map with 62 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:european-union","t":"European Union","d":"Interactive European Union map with 28 regions. Supports click, hover, selection, tooltips","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:middle-east","t":"Middle East","d":"Interactive Middle East map with 17 regions. Supports click, hover, selection, tooltips, a","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:north-africa","t":"North Africa","d":"Interactive North Africa map with 6 regions. Supports click, hover, selection, tooltips, a","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:north-america","t":"North America","d":"Interactive North America map with 29 regions. Supports click, hover, selection, tooltips,","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:south-america","t":"South America","d":"Interactive South America map with 14 regions. Supports click, hover, selection, tooltips,","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:world-jammu-kashmir","t":"World (Jammu & Kashmir)","d":"Interactive World (Jammu & Kashmir) map with 257 regions. Supports click, hover, selection","k":"motion","s":"shadcnmaps","c":"motion/globe","hc":1},{"id":"shadcnmaps:delaware","t":"Delaware","d":"Interactive Delaware map with 3 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:florida","t":"Florida","d":"Interactive Florida map with 67 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:georgia","t":"Georgia","d":"Interactive Georgia map with 159 regions. Supports click, hover, selection, tooltips, and ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:hawaii","t":"Hawaii","d":"Interactive Hawaii map with 5 regions. Supports click, hover, selection, tooltips, and cus","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:idaho","t":"Idaho","d":"Interactive Idaho map with 44 regions. Supports click, hover, selection, tooltips, and cus","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:illinois","t":"Illinois","d":"Interactive Illinois map with 102 regions. Supports click, hover, selection, tooltips, and","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:indiana","t":"Indiana","d":"Interactive Indiana map with 92 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:iowa","t":"Iowa","d":"Interactive Iowa map with 99 regions. Supports click, hover, selection, tooltips, and cust","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:kansas","t":"Kansas","d":"Interactive Kansas map with 105 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:kentucky","t":"Kentucky","d":"Interactive Kentucky map with 120 regions. Supports click, hover, selection, tooltips, and","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:louisiana","t":"Louisiana","d":"Interactive Louisiana map with 64 regions. Supports click, hover, selection, tooltips, and","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:maine","t":"Maine","d":"Interactive Maine map with 16 regions. Supports click, hover, selection, tooltips, and cus","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:maryland","t":"Maryland","d":"Interactive Maryland map with 24 regions. Supports click, hover, selection, tooltips, and ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:massachusetts","t":"Massachusetts","d":"Interactive Massachusetts map with 14 regions. Supports click, hover, selection, tooltips,","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:michigan","t":"Michigan","d":"Interactive Michigan map with 83 regions. Supports click, hover, selection, tooltips, and ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:minnesota","t":"Minnesota","d":"Interactive Minnesota map with 87 regions. Supports click, hover, selection, tooltips, and","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:mississippi","t":"Mississippi","d":"Interactive Mississippi map with 82 regions. Supports click, hover, selection, tooltips, a","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:missouri","t":"Missouri","d":"Interactive Missouri map with 115 regions. Supports click, hover, selection, tooltips, and","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:montana","t":"Montana","d":"Interactive Montana map with 56 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:nebraska","t":"Nebraska","d":"Interactive Nebraska map with 93 regions. Supports click, hover, selection, tooltips, and ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:nevada","t":"Nevada","d":"Interactive Nevada map with 17 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:new-hampshire","t":"New Hampshire","d":"Interactive New Hampshire map with 10 regions. Supports click, hover, selection, tooltips,","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:new-jersey","t":"New Jersey","d":"Interactive New Jersey map with 21 regions. Supports click, hover, selection, tooltips, an","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:new-mexico","t":"New Mexico","d":"Interactive New Mexico map with 33 regions. Supports click, hover, selection, tooltips, an","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:new-york","t":"New York","d":"Interactive New York map with 62 regions. Supports click, hover, selection, tooltips, and ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:north-carolina","t":"North Carolina","d":"Interactive North Carolina map with 100 regions. Supports click, hover, selection, tooltip","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:north-dakota","t":"North Dakota","d":"Interactive North Dakota map with 53 regions. Supports click, hover, selection, tooltips, ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:ohio","t":"Ohio","d":"Interactive Ohio map with 88 regions. Supports click, hover, selection, tooltips, and cust","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:oklahoma","t":"Oklahoma","d":"Interactive Oklahoma map with 77 regions. Supports click, hover, selection, tooltips, and ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:oregon","t":"Oregon","d":"Interactive Oregon map with 36 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:pennsylvania","t":"Pennsylvania","d":"Interactive Pennsylvania map with 67 regions. Supports click, hover, selection, tooltips, ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:rhode-island","t":"Rhode Island","d":"Interactive Rhode Island map with 5 regions. Supports click, hover, selection, tooltips, a","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:south-carolina","t":"South Carolina","d":"Interactive South Carolina map with 46 regions. Supports click, hover, selection, tooltips","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:south-dakota","t":"South Dakota","d":"Interactive South Dakota map with 66 regions. Supports click, hover, selection, tooltips, ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:tennessee","t":"Tennessee","d":"Interactive Tennessee map with 95 regions. Supports click, hover, selection, tooltips, and","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:texas","t":"Texas","d":"Interactive Texas map with 254 regions. Supports click, hover, selection, tooltips, and cu","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:utah","t":"Utah","d":"Interactive Utah map with 29 regions. Supports click, hover, selection, tooltips, and cust","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:vermont","t":"Vermont","d":"Interactive Vermont map with 14 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:virginia","t":"Virginia","d":"Interactive Virginia map with 134 regions. Supports click, hover, selection, tooltips, and","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:washington","t":"Washington","d":"Interactive Washington map with 39 regions. Supports click, hover, selection, tooltips, an","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:west-virginia","t":"West Virginia","d":"Interactive West Virginia map with 55 regions. Supports click, hover, selection, tooltips,","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:wisconsin","t":"Wisconsin","d":"Interactive Wisconsin map with 72 regions. Supports click, hover, selection, tooltips, and","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:wyoming","t":"Wyoming","d":"Interactive Wyoming map with 23 regions. Supports click, hover, selection, tooltips, and c","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:france-departements","t":"France Départements","d":"Interactive France Départements map with 101 regions. Supports click, hover, selection, to","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:london-boroughs","t":"London Boroughs","d":"Interactive London Boroughs map with 33 regions. Supports click, hover, selection, tooltip","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:new-york-city-boroughs","t":"New York City Boroughs","d":"Interactive New York City Boroughs map with 6 regions. Supports click, hover, selection, t","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:northeast-usa","t":"Northeast USA","d":"Interactive Northeast USA map with 9 regions. Supports click, hover, selection, tooltips, ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:palestine-israel","t":"Palestine & Israel","d":"Interactive Palestine & Israel map with 23 regions. Supports click, hover, selection, tool","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:usa-canada","t":"USA & Canada","d":"Interactive USA & Canada map with 63 regions. Supports click, hover, selection, tooltips, ","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:usa-territories","t":"USA Territories","d":"Interactive USA Territories map with 60 regions. Supports click, hover, selection, tooltip","s":"shadcnmaps","c":"data-viz/map","hc":1},{"id":"shadcnmaps:usa-data","t":"USA Map Data","d":"SVG path data for all 50 US states and DC.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:africa-data","t":"Africa Data","d":"SVG path data for Africa with 56 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:alabama-data","t":"Alabama Data","d":"SVG path data for Alabama with 68 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:alaska-data","t":"Alaska Data","d":"SVG path data for Alaska with 30 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:algeria-data","t":"Algeria Data","d":"SVG path data for Algeria with 49 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:angola-data","t":"Angola Data","d":"SVG path data for Angola with 19 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:argentina-data","t":"Argentina Data","d":"SVG path data for Argentina with 25 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:arizona-data","t":"Arizona Data","d":"SVG path data for Arizona with 16 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:arkansas-data","t":"Arkansas Data","d":"SVG path data for Arkansas with 76 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:asia-data","t":"Asia Data","d":"SVG path data for Asia with 54 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:australia-data","t":"Australia Data","d":"SVG path data for Australia with 9 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:austria-data","t":"Austria Data","d":"SVG path data for Austria with 10 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:azerbaijan-data","t":"Azerbaijan Data","d":"SVG path data for Azerbaijan with 79 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:france-data","t":"France Map Data","d":"SVG path data for France with 13 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:world-data","t":"World Map Data","d":"SVG path data for World with 256 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:bahrain-data","t":"Bahrain Data","d":"SVG path data for Bahrain with 5 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:bangladesh-data","t":"Bangladesh Data","d":"SVG path data for Bangladesh with 7 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:belarus-data","t":"Belarus Data","d":"SVG path data for Belarus with 7 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:belgium-data","t":"Belgium Data","d":"SVG path data for Belgium with 11 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:bolivia-data","t":"Bolivia Data","d":"SVG path data for Bolivia with 9 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:brazil-data","t":"Brazil Data","d":"SVG path data for Brazil with 27 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:bulgaria-data","t":"Bulgaria Data","d":"SVG path data for Bulgaria with 28 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:california-data","t":"California Data","d":"SVG path data for California with 58 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:colorado-data","t":"Colorado Data","d":"SVG path data for Colorado with 64 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","sb":"Theme","hc":1},{"id":"shadcnmaps:cameroon-data","t":"Cameroon Data","d":"SVG path data for Cameroon with 10 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:central-america-data","t":"Central America Data","d":"SVG path data for Central America with 7 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:canada-data","t":"Canada Data","d":"SVG path data for Canada with 13 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:caribbean-data","t":"Caribbean Data","d":"SVG path data for Caribbean with 35 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:china-data","t":"China Data","d":"SVG path data for China with 32 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:colombia-data","t":"Colombia Data","d":"SVG path data for Colombia with 33 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:connecticut-data","t":"Connecticut Data","d":"SVG path data for Connecticut with 8 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:costa-rica-data","t":"Costa Rica Data","d":"SVG path data for Costa Rica with 7 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:cote-ivoire-data","t":"Côte d'Ivoire Data","d":"SVG path data for Côte d'Ivoire with 19 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:croatia-data","t":"Croatia Data","d":"SVG path data for Croatia with 21 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:cuba-data","t":"Cuba Data","d":"SVG path data for Cuba with 16 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:czech-republic-data","t":"Czech Republic Data","d":"SVG path data for Czech Republic with 14 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:democratic-republic-congo-data","t":"Democratic Republic of the Congo Data","d":"SVG path data for Democratic Republic of the Congo with 11 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:denmark-data","t":"Denmark Data","d":"SVG path data for Denmark with 98 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:dominican-republic-data","t":"Dominican Republic Data","d":"SVG path data for Dominican Republic with 32 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:ecuador-data","t":"Ecuador Data","d":"SVG path data for Ecuador with 24 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:egypt-data","t":"Egypt Data","d":"SVG path data for Egypt with 27 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:el-salvador-data","t":"El Salvador Data","d":"SVG path data for El Salvador with 14 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:estonia-data","t":"Estonia Data","d":"SVG path data for Estonia with 15 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:ethiopia-data","t":"Ethiopia Data","d":"SVG path data for Ethiopia with 11 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:finland-data","t":"Finland Data","d":"SVG path data for Finland with 18 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:germany-data","t":"Germany Data","d":"SVG path data for Germany with 16 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:ghana-data","t":"Ghana Data","d":"SVG path data for Ghana with 10 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:greece-data","t":"Greece Data","d":"SVG path data for Greece with 14 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:guatemala-data","t":"Guatemala Data","d":"SVG path data for Guatemala with 22 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:honduras-data","t":"Honduras Data","d":"SVG path data for Honduras with 18 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:hungary-data","t":"Hungary Data","d":"SVG path data for Hungary with 43 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:india-data","t":"India Data","d":"SVG path data for India with 36 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:indonesia-data","t":"Indonesia Data","d":"SVG path data for Indonesia with 33 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:iran-data","t":"Iran Data","d":"SVG path data for Iran with 31 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:iraq-data","t":"Iraq Data","d":"SVG path data for Iraq with 18 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:ireland-data","t":"Ireland Data","d":"SVG path data for Ireland with 34 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:israel-data","t":"Israel Data","d":"SVG path data for Israel with 6 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:italy-data","t":"Italy Data","d":"SVG path data for Italy with 21 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:japan-data","t":"Japan Data","d":"SVG path data for Japan with 47 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:jordan-data","t":"Jordan Data","d":"SVG path data for Jordan with 12 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:kazakhstan-data","t":"Kazakhstan Data","d":"SVG path data for Kazakhstan with 16 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:kenya-data","t":"Kenya Data","d":"SVG path data for Kenya with 8 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:kuwait-data","t":"Kuwait Data","d":"SVG path data for Kuwait with 6 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:latvia-data","t":"Latvia Data","d":"SVG path data for Latvia with 119 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:lebanon-data","t":"Lebanon Data","d":"SVG path data for Lebanon with 6 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:libya-data","t":"Libya Data","d":"SVG path data for Libya with 22 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:lithuania-data","t":"Lithuania Data","d":"SVG path data for Lithuania with 10 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:luxembourg-data","t":"Luxembourg Data","d":"SVG path data for Luxembourg with 3 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:macau-data","t":"Macau Data","d":"SVG path data for Macau with 8 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:malaysia-data","t":"Malaysia Data","d":"SVG path data for Malaysia with 16 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:mexico-data","t":"Mexico Data","d":"SVG path data for Mexico with 32 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:monaco-data","t":"Monaco Data","d":"SVG path data for Monaco with 10 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:morocco-data","t":"Morocco Data","d":"SVG path data for Morocco with 16 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:myanmar-data","t":"Myanmar Data","d":"SVG path data for Myanmar with 14 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:nepal-data","t":"Nepal Data","d":"SVG path data for Nepal with 14 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:netherlands-data","t":"Netherlands Data","d":"SVG path data for Netherlands with 12 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:new-zealand-data","t":"New Zealand Data","d":"SVG path data for New Zealand with 19 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:nigeria-data","t":"Nigeria Data","d":"SVG path data for Nigeria with 37 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:nicaragua-data","t":"Nicaragua Data","d":"SVG path data for Nicaragua with 17 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:norway-data","t":"Norway Data","d":"SVG path data for Norway with 21 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:oman-data","t":"Oman Data","d":"SVG path data for Oman with 11 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:pakistan-data","t":"Pakistan Data","d":"SVG path data for Pakistan with 8 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:panama-data","t":"Panama Data","d":"SVG path data for Panama with 12 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:paraguay-data","t":"Paraguay Data","d":"SVG path data for Paraguay with 18 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:peru-data","t":"Peru Data","d":"SVG path data for Peru with 26 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:philippines-data","t":"Philippines Data","d":"SVG path data for Philippines with 119 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:poland-data","t":"Poland Data","d":"SVG path data for Poland with 16 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:portugal-data","t":"Portugal Data","d":"SVG path data for Portugal with 20 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:puerto-rico-data","t":"Puerto Rico Data","d":"SVG path data for Puerto Rico with 78 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:qatar-data","t":"Qatar Data","d":"SVG path data for Qatar with 7 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:romania-data","t":"Romania Data","d":"SVG path data for Romania with 42 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:russia-data","t":"Russia Data","d":"SVG path data for Russia with 85 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:saudi-arabia-data","t":"Saudi Arabia Data","d":"SVG path data for Saudi Arabia with 13 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:serbia-data","t":"Serbia Data","d":"SVG path data for Serbia with 25 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:singapore-data","t":"Singapore Data","d":"SVG path data for Singapore with 5 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:slovakia-data","t":"Slovakia Data","d":"SVG path data for Slovakia with 8 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:slovenia-data","t":"Slovenia Data","d":"SVG path data for Slovenia with 193 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:south-africa-data","t":"South Africa Data","d":"SVG path data for South Africa with 9 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:south-korea-data","t":"South Korea Data","d":"SVG path data for South Korea with 17 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:spain-data","t":"Spain Data","d":"SVG path data for Spain with 17 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:sri-lanka-data","t":"Sri Lanka Data","d":"SVG path data for Sri Lanka with 25 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:sudan-data","t":"Sudan Data","d":"SVG path data for Sudan with 17 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:sweden-data","t":"Sweden Data","d":"SVG path data for Sweden with 21 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:switzerland-data","t":"Switzerland Data","d":"SVG path data for Switzerland with 26 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:syria-data","t":"Syria Data","d":"SVG path data for Syria with 14 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:taiwan-data","t":"Taiwan Data","d":"SVG path data for Taiwan with 22 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:tanzania-data","t":"Tanzania Data","d":"SVG path data for Tanzania with 30 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:thailand-data","t":"Thailand Data","d":"SVG path data for Thailand with 77 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:trinidad-and-tobago-data","t":"Trinidad and Tobago Data","d":"SVG path data for Trinidad and Tobago with 16 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:tunisia-data","t":"Tunisia Data","d":"SVG path data for Tunisia with 23 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:turkey-data","t":"Turkey Data","d":"SVG path data for Turkey with 81 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:turkmenistan-data","t":"Turkmenistan Data","d":"SVG path data for Turkmenistan with 5 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:uae-data","t":"United Arab Emirates Data","d":"SVG path data for United Arab Emirates with 9 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:uganda-data","t":"Uganda Data","d":"SVG path data for Uganda with 112 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:uk-data","t":"United Kingdom Data","d":"SVG path data for United Kingdom with 14 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:ukraine-data","t":"Ukraine Data","d":"SVG path data for Ukraine with 27 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:uruguay-data","t":"Uruguay Data","d":"SVG path data for Uruguay with 19 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:uzbekistan-data","t":"Uzbekistan Data","d":"SVG path data for Uzbekistan with 14 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:venezuela-data","t":"Venezuela Data","d":"SVG path data for Venezuela with 25 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:vietnam-data","t":"Vietnam Data","d":"SVG path data for Vietnam with 63 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:yemen-data","t":"Yemen Data","d":"SVG path data for Yemen with 21 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:zambia-data","t":"Zambia Data","d":"SVG path data for Zambia with 10 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:zimbabwe-data","t":"Zimbabwe Data","d":"SVG path data for Zimbabwe with 10 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:continents-data","t":"Continents Data","d":"SVG path data for Continents with 6 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:europe-data","t":"Europe Data","d":"SVG path data for Europe with 62 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:european-union-data","t":"European Union Data","d":"SVG path data for European Union with 28 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:middle-east-data","t":"Middle East Data","d":"SVG path data for Middle East with 17 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:north-africa-data","t":"North Africa Data","d":"SVG path data for North Africa with 6 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:north-america-data","t":"North America Data","d":"SVG path data for North America with 29 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:south-america-data","t":"South America Data","d":"SVG path data for South America with 14 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:world-jammu-kashmir-data","t":"World (Jammu & Kashmir) Data","d":"SVG path data for World (Jammu & Kashmir) with 257 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:delaware-data","t":"Delaware Data","d":"SVG path data for Delaware with 3 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:florida-data","t":"Florida Data","d":"SVG path data for Florida with 67 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:georgia-data","t":"Georgia Data","d":"SVG path data for Georgia with 159 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:hawaii-data","t":"Hawaii Data","d":"SVG path data for Hawaii with 5 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:idaho-data","t":"Idaho Data","d":"SVG path data for Idaho with 44 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:illinois-data","t":"Illinois Data","d":"SVG path data for Illinois with 102 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:indiana-data","t":"Indiana Data","d":"SVG path data for Indiana with 92 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:iowa-data","t":"Iowa Data","d":"SVG path data for Iowa with 99 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:kansas-data","t":"Kansas Data","d":"SVG path data for Kansas with 105 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:kentucky-data","t":"Kentucky Data","d":"SVG path data for Kentucky with 120 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:louisiana-data","t":"Louisiana Data","d":"SVG path data for Louisiana with 64 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:maine-data","t":"Maine Data","d":"SVG path data for Maine with 16 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:maryland-data","t":"Maryland Data","d":"SVG path data for Maryland with 24 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:massachusetts-data","t":"Massachusetts Data","d":"SVG path data for Massachusetts with 14 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:michigan-data","t":"Michigan Data","d":"SVG path data for Michigan with 83 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:minnesota-data","t":"Minnesota Data","d":"SVG path data for Minnesota with 87 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:mississippi-data","t":"Mississippi Data","d":"SVG path data for Mississippi with 82 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:missouri-data","t":"Missouri Data","d":"SVG path data for Missouri with 115 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:montana-data","t":"Montana Data","d":"SVG path data for Montana with 56 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:nebraska-data","t":"Nebraska Data","d":"SVG path data for Nebraska with 93 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:nevada-data","t":"Nevada Data","d":"SVG path data for Nevada with 17 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:new-hampshire-data","t":"New Hampshire Data","d":"SVG path data for New Hampshire with 10 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:new-jersey-data","t":"New Jersey Data","d":"SVG path data for New Jersey with 21 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:new-mexico-data","t":"New Mexico Data","d":"SVG path data for New Mexico with 33 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:new-york-data","t":"New York Data","d":"SVG path data for New York with 62 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:north-carolina-data","t":"North Carolina Data","d":"SVG path data for North Carolina with 100 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:north-dakota-data","t":"North Dakota Data","d":"SVG path data for North Dakota with 53 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:ohio-data","t":"Ohio Data","d":"SVG path data for Ohio with 88 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:oklahoma-data","t":"Oklahoma Data","d":"SVG path data for Oklahoma with 77 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:oregon-data","t":"Oregon Data","d":"SVG path data for Oregon with 36 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:pennsylvania-data","t":"Pennsylvania Data","d":"SVG path data for Pennsylvania with 67 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:rhode-island-data","t":"Rhode Island Data","d":"SVG path data for Rhode Island with 5 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:south-carolina-data","t":"South Carolina Data","d":"SVG path data for South Carolina with 46 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:south-dakota-data","t":"South Dakota Data","d":"SVG path data for South Dakota with 66 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:tennessee-data","t":"Tennessee Data","d":"SVG path data for Tennessee with 95 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:texas-data","t":"Texas Data","d":"SVG path data for Texas with 254 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:utah-data","t":"Utah Data","d":"SVG path data for Utah with 29 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:vermont-data","t":"Vermont Data","d":"SVG path data for Vermont with 14 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:virginia-data","t":"Virginia Data","d":"SVG path data for Virginia with 134 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:washington-data","t":"Washington Data","d":"SVG path data for Washington with 39 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:west-virginia-data","t":"West Virginia Data","d":"SVG path data for West Virginia with 55 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:wisconsin-data","t":"Wisconsin Data","d":"SVG path data for Wisconsin with 72 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:wyoming-data","t":"Wyoming Data","d":"SVG path data for Wyoming with 23 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:france-departements-data","t":"France Départements Data","d":"SVG path data for France Départements with 101 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:london-boroughs-data","t":"London Boroughs Data","d":"SVG path data for London Boroughs with 33 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:new-york-city-boroughs-data","t":"New York City Boroughs Data","d":"SVG path data for New York City Boroughs with 6 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:northeast-usa-data","t":"Northeast USA Data","d":"SVG path data for Northeast USA with 9 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:palestine-israel-data","t":"Palestine & Israel Data","d":"SVG path data for Palestine & Israel with 23 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:usa-canada-data","t":"USA & Canada Data","d":"SVG path data for USA & Canada with 63 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnmaps:usa-territories-data","t":"USA Territories Data","d":"SVG path data for USA Territories with 60 regions.","k":"lib","s":"shadcnmaps","c":"lib/utility","hc":1},{"id":"shadcnstore:motion-avatar-group","t":"Avatar group","d":"Overlapping avatar stack whose neighbours lift with a distance falloff on hover.","s":"shadcnstore","c":"data-display/avatar","hc":1},{"id":"shadcnstore:motion-checkbox-check","t":"Animated checkbox","d":"Checkbox whose tick draws on with a stroke path instead of appearing instantly.","s":"shadcnstore","c":"inputs/checkbox","hc":1},{"id":"shadcnstore:motion-confetti","t":"Confetti burst","d":"Canvas confetti fired once when something succeeds, with no animation library.","k":"motion","s":"shadcnstore","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"shadcnstore:motion-sliding-tabs","t":"Sliding tabs","d":"Segmented tabs whose pill indicator slides to follow the active tab.","s":"shadcnstore","c":"navigation/tabs","hc":1},{"id":"shadcnstore:motion-spinning-number","t":"Spinning number","d":"A price or count whose digits spin on a reel when the value changes.","k":"motion","s":"shadcnstore","c":"motion/text-effect","hc":1},{"id":"shadcnstore:app-shell-1","t":"App Shell #1","d":"Responsive sidebar, breadcrumb header, workspace navigation, and calm application content ","k":"layout","s":"shadcnstore","c":"layout/dashboard","hc":1},{"id":"shadcnstore:app-shell-2","t":"App Shell #2","d":"Collapsible icon rail with persistent state, accessible tooltips, mobile sheet, and reflow","k":"layout","s":"shadcnstore","c":"layout/dashboard"},{"id":"shadcnstore:app-shell-3","t":"App Shell #3","d":"Two-level top navigation with workspace context, scrollable sub-navigation, and centered c","k":"layout","s":"shadcnstore","c":"layout/dashboard"},{"id":"shadcnstore:app-shell-4","t":"App Shell #4","d":"Multi-tenant workspace shell with switcher, persisted nested navigation, breadcrumb contex","k":"layout","s":"shadcnstore","c":"layout/dashboard"},{"id":"shadcnstore:app-shell-5","t":"App Shell #5","d":"Resizable list, detail, and inspector panes with keyboard selection and a designed mobile ","k":"layout","s":"shadcnstore","c":"layout/dashboard"},{"id":"shadcnstore:app-1","t":"App 1   Dashboard","d":"Simple dashboard layout with sidebar navigation and stats","k":"layout","s":"shadcnstore","c":"layout/dashboard","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnstore:app-2","t":"App 2   Task Board","d":"Kanban-style task board with drag-and-drop functionality","s":"shadcnstore","c":"data-display/kanban","tg":["playful"],"sy":["playful"]},{"id":"shadcnstore:app-3","t":"App 3   Messages","d":"Conversation list, grouped message thread, disciplined autoscroll, typing state, and respo","s":"shadcnstore","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnstore:app-4","t":"App 4   File Manager","d":"Grid and list file manager with shared selection, bulk actions, search, and preview sheet","s":"shadcnstore","c":"overlays/sheet"},{"id":"shadcnstore:app-5","t":"App 5   Issue Tracker","d":"Grouped keyboard-first issue list with inline status editing, selection, and detail sheet","s":"shadcnstore","c":"overlays/sheet"},{"id":"shadcnstore:app-6","t":"App 6   Settings","d":"A settings suite with account, notification-matrix and team panels that keep unsaved work ","k":"layout","s":"shadcnstore","c":"flows/settings"},{"id":"shadcnstore:app-7","t":"App 7   Patient Intake","d":"A persisted, branching patient-intake wizard with repeatable medication and allergy record","s":"shadcnstore","c":"navigation/wizard-steps"},{"id":"shadcnstore:app-8","t":"App 8   Team Invites","d":"A care-team invitation flow with paste-many email chips and permission previews","k":"section","s":"shadcnstore","c":"marketing/team"},{"id":"shadcnstore:app-9","t":"App 9   Billing Statement","d":"A print-ready medical statement with encounter lines, payer adjustments and a superbill va","k":"motion","s":"shadcnstore","c":"motion/background"},{"id":"shadcnstore:calendar-8","t":"Calendar #8","d":"A plain month grid with a selected-day list — no shell, no filters, no dialogs","s":"shadcnstore","c":"data-display/calendar","hc":1},{"id":"shadcnstore:calendar-1","t":"Calendar #1","d":"A month calendar application with a sidebar, filterable calendars and a day detail sheet","s":"shadcnstore","c":"data-display/calendar"},{"id":"shadcnstore:calendar-2","t":"Calendar #2","d":"A week time grid with positioned events and a mobile agenda fallback","s":"shadcnstore","c":"data-display/calendar"},{"id":"shadcnstore:calendar-3","t":"Calendar #3","d":"A studio class booking flow with timezone-aware slots, waitlist and a directional date-cha","s":"shadcnstore","c":"data-display/calendar"},{"id":"shadcnstore:calendar-4","t":"Calendar #4","d":"A rooms-by-hour resource timeline with overlap lane-splitting, a real now-line and a desig","s":"shadcnstore","c":"data-display/calendar"},{"id":"shadcnstore:calendar-5","t":"Calendar #5","d":"A grouped agenda list with a derived attendance streak strip, composed filters and sticky ","s":"shadcnstore","c":"data-display/calendar"},{"id":"shadcnstore:calendar-6","t":"Calendar #6","d":"A front-desk studio switcher that swaps the day\\'s class list, with live capacity badges a","s":"shadcnstore","c":"data-display/calendar"},{"id":"shadcnstore:calendar-7","t":"Calendar #7","d":"A four-question studio intake that assembles a computed recommended week","s":"shadcnstore","c":"data-display/calendar"},{"id":"shadcnstore:chart-1","t":"Chart #1","d":"Clean and simple bar and line chart displaying monthly sales volume and conversion rate tr","s":"shadcnstore","c":"data-viz/chart","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnstore:chart-2","t":"Chart #2","d":"Modern combined bar and line chart showing revenue performance vs targets with growth perc","s":"shadcnstore","c":"data-viz/chart"},{"id":"shadcnstore:chart-3","t":"Chart #3","d":"Comprehensive analytics dashboard chart with product sales and volume metrics, featuring t","s":"shadcnstore","c":"data-viz/chart"},{"id":"shadcnstore:chart-4","t":"Chart #4","d":"Interactive financial dashboard with tabbed navigation showing Income (area chart), Expens","s":"shadcnstore","c":"data-viz/chart"},{"id":"shadcnstore:chart-5","t":"Chart #5","d":"Time-based earnings dashboard with interactive time period tabs (1d, 5d, 1m, 6m, 1y) and a","s":"shadcnstore","c":"data-viz/chart"},{"id":"shadcnstore:chart-6","t":"Chart #6","d":"Radial progress chart dashboard showcasing company performance metrics with department bre","s":"shadcnstore","c":"data-viz/chart"},{"id":"shadcnstore:datatable-1","t":"Datatable #1","d":"Comprehensive user management table with search, filters, pagination, and action dropdowns","s":"shadcnstore","c":"data-display/table","sb":"Data tables","hc":1},{"id":"shadcnstore:datatable-2","t":"Datatable #2","d":"Advanced user records table with statistics cards, role icons, plan details, and status ma","s":"shadcnstore","c":"data-display/table","sb":"Data tables"},{"id":"shadcnstore:datatable-3","t":"Datatable #3","d":"Product inventory management table with images, SKU tracking, quantity badges, star rating","s":"shadcnstore","c":"data-display/table","sb":"Data tables"},{"id":"shadcnstore:datatable-4","t":"Datatable #4","d":"Modern orders datatable with analytics cards, command palette (⌘K), tabs navigation, bulk ","s":"shadcnstore","c":"data-display/table","sb":"Data tables"},{"id":"shadcnstore:datatable-5","t":"Datatable #5","d":"URL-synced server-state table with saved views, async states, faceted filters, and record ","s":"shadcnstore","c":"data-display/table","sb":"Data tables"},{"id":"shadcnstore:error-page-1","t":"Error Page #1","d":"A centred 404 page with an illustration, a home link and a contact action","k":"page","s":"shadcnstore","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"shadcnstore:error-page-2","t":"Error Page #2","d":"A split 404 page with the brand mark, an illustration and a single home action","k":"page","s":"shadcnstore","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"shadcnstore:error-page-3","t":"Error Page #3","d":"Interactive 404 page with search and help options","k":"page","s":"shadcnstore","c":"pages/templates","sb":"Error and status pages"},{"id":"shadcnstore:error-page-4","t":"Error Page #4","d":"Maintenance page with countdown and progress tracking","k":"page","s":"shadcnstore","c":"pages/templates","sb":"Error and status pages"},{"id":"shadcnstore:forgot-password-page-1","t":"Forgot Password Page 1","d":"A four-step reset covering email, one-time code, new password and confirmation","k":"layout","s":"shadcnstore","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"shadcnstore:forgot-password-page-2","t":"Forgot Password Page 2","d":"Simple password reset form with email confirmation","k":"layout","s":"shadcnstore","c":"flows/sign-in","tg":["minimal"],"sb":"Password reset","sy":["minimal"]},{"id":"shadcnstore:forgot-password-page-3","t":"Forgot Password Page 3","d":"Multi-step password reset with verification code","k":"layout","s":"shadcnstore","c":"flows/sign-in","sb":"Password reset"},{"id":"shadcnstore:forgot-password-page-4","t":"Forgot Password Page 4","d":"A four-step reset with labelled fields and a resend-code action","k":"layout","s":"shadcnstore","c":"flows/sign-in","sb":"Password reset"},{"id":"shadcnstore:forgot-password-page-5","t":"Forgot Password Page 5","d":"A modern two-column forgot password page with illustration","k":"layout","s":"shadcnstore","c":"flows/sign-in","sb":"Password reset"},{"id":"shadcnstore:forgot-password-page-6","t":"Forgot Password Page 6","d":"A split-screen reset across the email, code, new password and success states","k":"layout","s":"shadcnstore","c":"flows/sign-in","sb":"Password reset"},{"id":"shadcnstore:login-page-1","t":"Login Page #1","d":"A card login with remember-me, a forgot-password link and three social buttons","k":"layout","s":"shadcnstore","c":"flows/sign-in","tg":["webgl"],"sb":"Sign in","sy":["webgl"],"hc":1},{"id":"shadcnstore:login-page-2","t":"Login Page #2","d":"Clean and simple login form with social authentication","k":"layout","s":"shadcnstore","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"]},{"id":"shadcnstore:login-page-3","t":"Login Page #3","d":"Split-screen login with background image and enhanced UX","k":"layout","s":"shadcnstore","c":"flows/sign-in","sb":"Sign in"},{"id":"shadcnstore:login-page-4","t":"Login Page #4","d":"A labelled card login with social buttons placed above the email and password fields","k":"layout","s":"shadcnstore","c":"flows/sign-in","sb":"Sign in"},{"id":"shadcnstore:login-page-5","t":"Login Page #5","d":"A modern two-column login page with illustration","k":"layout","s":"shadcnstore","c":"flows/sign-in","sb":"Sign in"},{"id":"shadcnstore:login-page-6","t":"Login Page #6","d":"A split-screen login with the card on one side and a product panel on the other","k":"layout","s":"shadcnstore","c":"flows/sign-in","sb":"Sign in"},{"id":"shadcnstore:signup-page-1","t":"Signup Page #1","d":"A card signup with social options and terms and privacy links under the button","k":"layout","s":"shadcnstore","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"shadcnstore:signup-page-2","t":"Signup Page #2","d":"Multi-step signup form with progress tracking","k":"layout","s":"shadcnstore","c":"flows/sign-in","sb":"Sign up"},{"id":"shadcnstore:signup-page-3","t":"Signup Page #3","d":"Simple signup form with social authentication options","k":"layout","s":"shadcnstore","c":"flows/sign-in","tg":["minimal"],"sb":"Sign up","sy":["minimal"]},{"id":"shadcnstore:signup-page-4","t":"Signup Page #4","d":"A labelled card signup with a confirm-password field and social options","k":"layout","s":"shadcnstore","c":"flows/sign-in","sb":"Sign up"},{"id":"shadcnstore:signup-page-5","t":"Signup Page #5","d":"A modern two-column signup page with illustration","k":"layout","s":"shadcnstore","c":"flows/sign-in","sb":"Sign up"},{"id":"shadcnstore:signup-page-6","t":"Signup Page #6","d":"A split-screen signup with the card beside a product panel","k":"layout","s":"shadcnstore","c":"flows/sign-in","sb":"Sign up"},{"id":"shadcnstore:signup-page-7","t":"Signup Page #7","d":"A multi-step signup wizard with blocking per-step validation and a review step","k":"layout","s":"shadcnstore","c":"flows/sign-in","sb":"Sign up"},{"id":"shadcnstore:verify-1","t":"Verify #1","d":"Two-factor code entry with resend cooldown, backup codes and lockout","k":"layout","s":"shadcnstore","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"shadcnstore:verify-2","t":"Verify #2","d":"Email verification covering check-inbox, verified and expired states","s":"shadcnstore","c":"overlays/notifications"},{"id":"shadcnstore:verify-3","t":"Verify #3","d":"Passkey sign-in with a biometric ring, magic-link fallback and an unsupported-browser layo","k":"layout","s":"shadcnstore","c":"flows/sign-in","sb":"Verification"},{"id":"shadcnstore:verify-4","t":"Verify #4","d":"Patient SMS verification end to end: country entry, a draining cooldown ring, voice fallba","k":"section","s":"shadcnstore","c":"marketing/marketing"},{"id":"shadcnstore:verify-5","t":"Verify #5","d":"Insurance card capture with an extraction reveal, confidence flags, eligibility results an","s":"shadcnstore","c":"data-display/card"},{"id":"shadcnstore:verify-6","t":"Verify #6","d":"Split-screen identity check: code entry beside the booking it protects, with a guest testi","k":"section","s":"shadcnstore","c":"marketing/testimonials"},{"id":"shadcnstore:widget-1","t":"Widget #1","d":"Comprehensive analytics dashboard with product sales and volume metrics, featuring trend i","s":"shadcnstore","c":"data-display/card","hc":1},{"id":"shadcnstore:widget-2","t":"Widget #2","d":"A market-trends widget with a channel list and a per-item actions menu","s":"shadcnstore","c":"data-display/card","hc":1},{"id":"shadcnstore:widget-3","t":"Widget #3","d":"An active-task widget with assignee avatars, stage labels and progress per task","s":"shadcnstore","c":"data-display/card"},{"id":"shadcnstore:widget-4","t":"Widget #4","d":"A top-performers widget listing companies with sector labels and change figures","s":"shadcnstore","c":"data-display/card"},{"id":"shadcnstore:widget-5","t":"Widget #5","d":"Social media channels overview widget with progress bars, metrics display, and interactive","s":"shadcnstore","c":"data-display/card","sb":"Metric"},{"id":"shadcnstore:widget-6","t":"Widget #6","d":"Side-by-side product comparison widget displaying top products by sales and volume with pe","s":"shadcnstore","c":"data-display/card"},{"id":"shadcnstore:widget-7","t":"Widget #7","d":"Token consumption against quota with a trend line, per-model breakdown and estimated cost","s":"shadcnstore","c":"data-display/card","sb":"Metric"},{"id":"shadcnstore:category-filter-1","t":"Category Filter 1","d":"A horizontal filter bar with dropdowns and active filter display","k":"section","s":"shadcnstore","c":"marketing/marketing","hc":1},{"id":"shadcnstore:category-filter-2","t":"Category Filter 2","d":"A sidebar filter with expandable categories and subcategories","s":"shadcnstore","c":"navigation/sidebar"},{"id":"shadcnstore:category-filter-3","t":"Category Filter 3","d":"A comprehensive filter sidebar with toggle-based selection and real-time results","s":"shadcnstore","c":"navigation/sidebar"},{"id":"shadcnstore:category-filter-4","t":"Category Filter 4","d":"A mobile-first filter drawer with a live, settling result count and applied-filter chips t","s":"shadcnstore","c":"overlays/sheet"},{"id":"shadcnstore:category-filter-5","t":"Category Filter 5","d":"A faceted search with correct exclude-own-facet counting, options that disable in place at","s":"shadcnstore","c":"inputs/search"},{"id":"shadcnstore:checkout-form-1","t":"Checkout Form #1","d":"A clean and straightforward checkout form with essential fields","k":"section","s":"shadcnstore","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnstore:checkout-form-2","t":"Checkout Form #2","d":"A comprehensive single-page checkout with order summary and secure payment","k":"section","s":"shadcnstore","c":"marketing/pricing"},{"id":"shadcnstore:checkout-form-3","t":"Checkout Form #3","d":"A guided multi-step checkout process with progress indicator and validation","k":"section","s":"shadcnstore","c":"marketing/pricing"},{"id":"shadcnstore:checkout-form-4","t":"Checkout Form #4","d":"A checkout form with collections of presets","k":"section","s":"shadcnstore","c":"marketing/pricing"},{"id":"shadcnstore:checkout-form-5","t":"Checkout Form #5","d":"An order confirmation page with a fulfilment timeline, line items and totals","k":"section","s":"shadcnstore","c":"marketing/pricing"},{"id":"shadcnstore:checkout-form-6","t":"Checkout Form #6","d":"A checkout with an async address combobox, delivery tags, a date range picker, phone with ","k":"section","s":"shadcnstore","c":"marketing/pricing"},{"id":"shadcnstore:order-history-1","t":"Order History #1","d":"An order table with item thumbnails, dates, quantity, price and an invoice download","s":"shadcnstore","c":"data-display/timeline","hc":1},{"id":"shadcnstore:order-history-2","t":"Order History #2","d":"An order list grouped by status, with tracking and details actions per order","s":"shadcnstore","c":"data-display/timeline"},{"id":"shadcnstore:order-history-3","t":"Order History #3","d":"A tabbed order history with a date-range filter, invoices, reorder and review actions","s":"shadcnstore","c":"data-display/timeline"},{"id":"shadcnstore:order-history-4","t":"Order History #4","d":"A detailed table view for managing orders with sorting and pagination","s":"shadcnstore","c":"data-display/timeline"},{"id":"shadcnstore:order-history-5","t":"Order History #5","d":"A single-order detail page with a fulfillment timeline, per-shipment items, address and pa","s":"shadcnstore","c":"data-display/timeline"},{"id":"shadcnstore:product-category-1","t":"Product Category Card 1","d":"A four-up category grid of subjects with a view-all action","s":"shadcnstore","c":"data-display/card","sb":"Product","hc":1},{"id":"shadcnstore:product-category-2","t":"Product Category Card 2","d":"Image-based category cards with overlay text and trending badges","s":"shadcnstore","c":"data-display/card","sb":"Product","hc":1},{"id":"shadcnstore:product-category-3","t":"Product Category Card 3","d":"A seven-column category strip of small image tiles","s":"shadcnstore","c":"data-display/card","sb":"Product"},{"id":"shadcnstore:product-category-4","t":"Product Category Card 4","d":"A category grid with icon avatars and item-count badges","s":"shadcnstore","c":"data-display/card","sb":"Product"},{"id":"shadcnstore:product-category-5","t":"Product Category Card 5","d":"Detailed category list with icons, subcategories, and search functionality","s":"shadcnstore","c":"data-display/card","tg":["playful"],"sb":"Product","sy":["playful"]},{"id":"shadcnstore:product-category-6","t":"Product Category Card 6","d":"A curated category layout with status badges such as trending and featured","s":"shadcnstore","c":"data-display/card","sb":"Product"},{"id":"shadcnstore:product-category-7","t":"Product Category Card 7","d":"A three-up category grid badged for new arrivals, best sellers and sale","s":"shadcnstore","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcnstore:product-card-1","t":"Product Listing Card 1","d":"A deals grid of product cards with an add-to-cart action on each","s":"shadcnstore","c":"data-display/card","sb":"Product","hc":1},{"id":"shadcnstore:product-card-2","t":"Product Listing Card 2","d":"A three-up product grid carrying image, name and price only","s":"shadcnstore","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"],"hc":1},{"id":"shadcnstore:product-card-3","t":"Product Listing Card 3","d":"A product grid with low-stock badges and a view-similar action","s":"shadcnstore","c":"data-display/card","sb":"Product"},{"id":"shadcnstore:product-card-4","t":"Product Listing Card 4","d":"A product carousel and grid combination across twelve items","s":"shadcnstore","c":"data-display/card","sb":"Product"},{"id":"shadcnstore:product-card-5","t":"Product Listing Card 5","d":"Table-style product listing with comparison and sorting features","s":"shadcnstore","c":"data-display/card","sb":"Product"},{"id":"shadcnstore:product-overview-1","t":"Product Overview 1","d":"A product page with an image carousel, a size grid and colour swatches","s":"shadcnstore","c":"media/carousel","hc":1},{"id":"shadcnstore:product-overview-2","t":"Product Overview 2","d":"A product page with a thumbnail carousel, a size guide link and a delivery threshold","s":"shadcnstore","c":"actions/link"},{"id":"shadcnstore:product-overview-3","t":"Product Overview 3","d":"A furniture product page with colour options, delivery choice, lead-time note and recently","k":"section","s":"shadcnstore","c":"marketing/marketing","sb":"Shop sections"},{"id":"shadcnstore:product-overview-4","t":"Product Overview 4","d":"A product page with financing, a quantity select, a postcode delivery check and returns de","s":"shadcnstore","c":"inputs/select"},{"id":"shadcnstore:product-overview-5","t":"Product Overview 5","d":"A product page with tabbed overview and specifications plus a gallery dialog","s":"shadcnstore","c":"overlays/dialog"},{"id":"shadcnstore:product-overview-6","t":"Product Overview 6","d":"A quick view dialog with an image gallery, variant selection and add to cart","s":"shadcnstore","c":"overlays/dialog","sb":"Animated"},{"id":"shadcnstore:product-overview-7","t":"Product Overview 7","d":"A product story whose pinned panel swaps to the section being read, with buy controls abov","s":"shadcnstore","c":"data-display/card","sb":"Product"},{"id":"shadcnstore:review-rating-1","t":"Product Review & Ratings 1","d":"A paginated review list with reactions and a write-a-review form","s":"shadcnstore","c":"inputs/rating","hc":1},{"id":"shadcnstore:review-rating-2","t":"Product Review & Ratings 2","d":"A rating summary with a per-star distribution above a review carousel","s":"shadcnstore","c":"inputs/rating","hc":1},{"id":"shadcnstore:review-rating-3","t":"Product Review & Ratings 3","d":"A review list with a rating filter, distribution bars and pagination","s":"shadcnstore","c":"inputs/rating"},{"id":"shadcnstore:review-rating-4","t":"Product Review & Ratings 4","d":"A review section with per-category ratings, sort controls and a load-more action","s":"shadcnstore","c":"inputs/rating"},{"id":"shadcnstore:review-rating-5","t":"Product Review & Ratings 5","d":"Simple review list with rating distribution and helpful voting","s":"shadcnstore","c":"inputs/rating","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnstore:shopping-cart-1","t":"Shopping Cart #1","d":"A more detailed cart summary with multiple items and discounts","s":"shadcnstore","c":"data-display/list","hc":1},{"id":"shadcnstore:shopping-cart-2","t":"Shopping Cart #2","d":"A clean and modern cart with promo codes and shipping info","k":"section","s":"shadcnstore","c":"marketing/announcement","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnstore:shopping-cart-3","t":"Shopping Cart #3","d":"A simple cart summary with item list and total","s":"shadcnstore","c":"data-display/list","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnstore:shopping-cart-4","t":"Shopping Cart #4","d":"A collapsible cart sidebar with progress tracking and quick checkout","k":"section","s":"shadcnstore","c":"marketing/pricing"},{"id":"shadcnstore:shopping-cart-5","t":"Shopping Cart #5","d":"A cart and wishlist combo where moving an item between lists animates the row traveling, w","s":"shadcnstore","c":"data-display/badge"},{"id":"shadcnstore:storefront-hero-1","t":"Storefront Hero Section 1","d":"A storefront hero pairing a collection banner with buyable product cards","k":"section","s":"shadcnstore","c":"marketing/hero","hc":1},{"id":"shadcnstore:storefront-hero-2","t":"Storefront Hero Section 2","d":"A storefront hero with a search field and a trending product carousel","k":"section","s":"shadcnstore","c":"marketing/hero","hc":1},{"id":"shadcnstore:storefront-hero-3","t":"Storefront Hero Section 3","d":"A storefront hero with a full header, search suggestions and a help panel","k":"section","s":"shadcnstore","c":"marketing/hero"},{"id":"shadcnstore:storefront-hero-4","t":"Storefront Hero Section 4","d":"A storefront hero under a promo bar, with language, location and category menus","k":"section","s":"shadcnstore","c":"marketing/hero"},{"id":"shadcnstore:storefront-hero-5","t":"Storefront Hero Section 5","d":"Elegant hero section with category navigation and featured deals","k":"section","s":"shadcnstore","c":"marketing/hero"},{"id":"shadcnstore:storefront-hero-6","t":"Storefront Hero Section 6","d":"Clean layout highlighting featured products with hover effects","k":"section","s":"shadcnstore","c":"marketing/hero","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnstore:storefront-hero-7","t":"Storefront Hero Section 7","d":"Premium hero section with winter theme and featured products","k":"section","s":"shadcnstore","c":"marketing/hero"},{"id":"shadcnstore:storefront-hero-8","t":"Storefront Hero Section 8","d":"Modern tech store hero with featured products and countdown timer","k":"section","s":"shadcnstore","c":"marketing/hero","sb":"Animated background"},{"id":"shadcnstore:storefront-hero-9","t":"Storefront Hero Section 9","d":"An editorial fashion hero whose photograph ripples like cloth under the pointer, with a lo","k":"section","s":"shadcnstore","c":"marketing/hero","sb":"Animated background"},{"id":"shadcnstore:storefront-hero-10","t":"Storefront Hero Section 10","d":"An interiors hero with an oversized headline the product photo sits on, cursor-parallax pr","k":"section","s":"shadcnstore","c":"marketing/hero","sb":"Animated background"},{"id":"shadcnstore:storefront-hero-11","t":"Storefront Hero Section 11","d":"A sneaker drop hero laid out as a centred poster, with a pointer-scattered particle field,","k":"section","s":"shadcnstore","c":"marketing/hero","sb":"Animated background"},{"id":"shadcnstore:storefront-hero-12","t":"Storefront Hero Section 12","d":"An editorial skincare hero: a full-width headline over three columns, with a numbered rout","k":"section","s":"shadcnstore","c":"marketing/hero","tg":["webgl"],"sb":"Animated background","sy":["webgl"]},{"id":"shadcnstore:storefront-hero-13","t":"Storefront Hero Section 13","d":"A bento storefront hero whose tiles are crossed by one travelling light, with a featured p","k":"section","s":"shadcnstore","c":"marketing/hero","sb":"Animated background"},{"id":"shadcnstore:banner-1","t":"Banner #1","d":"A dismissible announcement bar that remembers the choice","s":"shadcnstore","c":"overlays/alert-banner","hc":1},{"id":"shadcnstore:banner-2","t":"Banner #2","d":"A promo banner with a live countdown and copyable discount code","s":"shadcnstore","c":"overlays/alert-banner"},{"id":"shadcnstore:banner-3","t":"Banner #3","d":"A cookie consent bar with a granular preferences dialog","s":"shadcnstore","c":"overlays/alert-banner"},{"id":"shadcnstore:banner-4","t":"Banner #4","d":"A delayed, scroll-gated floating announcement card with a shadow-bloom spring entrance and","s":"shadcnstore","c":"overlays/alert-banner"},{"id":"shadcnstore:banner-5","t":"Banner #5","d":"A token-only site alert system — sticky strip, page banners and inline banners — matching ","s":"shadcnstore","c":"overlays/alert-banner"},{"id":"shadcnstore:bento-grid-1","t":"Bento Grid #1","d":"A destination bento with a filter row and a top-rated tile","k":"layout","s":"shadcnstore","c":"layout/bento-grid","hc":1},{"id":"shadcnstore:bento-grid-2","t":"Bento Grid #2","d":"A comprehensive dashboard component showcase featuring deployment analytics, team activity","k":"layout","s":"shadcnstore","c":"layout/bento-grid"},{"id":"shadcnstore:bento-grid-3","t":"Bento Grid #3","d":"A professional bento grid highlighting services, client testimonials, and business achieve","k":"layout","s":"shadcnstore","c":"layout/bento-grid"},{"id":"shadcnstore:bento-grid-4","t":"Bento Grid #4","d":"A six-column travel bento pairing one large destination tile with smaller ones","k":"layout","s":"shadcnstore","c":"layout/bento-grid"},{"id":"shadcnstore:bento-grid-5","t":"Bento Grid #5","d":"A centre-weighted bento for an AI product, built around one WebGL body of warped noise tha","k":"layout","s":"shadcnstore","c":"layout/bento-grid","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnstore:bento-grid-6","t":"Bento Grid #6","d":"A left-heavy bento for a developer platform, driven by one token-bucket simulation that fe","k":"layout","s":"shadcnstore","c":"layout/bento-grid"},{"id":"shadcnstore:bento-grid-7","t":"Bento Grid #7","d":"A retail bento built around a full-width collection rail you can throw, with real momentum","k":"layout","s":"shadcnstore","c":"layout/bento-grid"},{"id":"shadcnstore:bento-grid-8","t":"Bento Grid #8","d":"An analytics bento whose only motion is other people: live cursors walking hand-placed rou","k":"layout","s":"shadcnstore","c":"layout/bento-grid"},{"id":"shadcnstore:bento-grid-9","t":"Bento Grid #9","d":"A careers bento built around a full-height wall of faces tipped in 3D and scrolling on thr","k":"layout","s":"shadcnstore","c":"layout/bento-grid","tg":["3d","webgl"],"sy":["3d","webgl"]},{"id":"shadcnstore:bento-grid-10","t":"Bento Grid #10","d":"A bento where every card holds a piece of the product and the pointer finishes the sentenc","k":"layout","s":"shadcnstore","c":"layout/bento-grid"},{"id":"shadcnstore:bento-grid-11","t":"Bento Grid #11","d":"A current-account bento where every tile works: a metal card that tilts and catches the li","k":"layout","s":"shadcnstore","c":"layout/bento-grid","tg":["3d","glass"],"sy":["3d","glass"]},{"id":"shadcnstore:bento-grid-12","t":"Bento Grid #12","d":"A ticketing bento for one night in a 198-seat room: a seating plan that fills seat by seat","k":"layout","s":"shadcnstore","c":"layout/bento-grid"},{"id":"shadcnstore:blog-section-1","t":"Blog Section #1","d":"A clean three-card layout with image placeholders, categories, titles and call-to-action l","k":"section","s":"shadcnstore","c":"marketing/cta","tg":["minimal","webgl"],"sy":["minimal","webgl"],"hc":1},{"id":"shadcnstore:blog-section-2","t":"Blog Section #2","d":"A grid of recent blog posts with images, titles, authors, and tags","k":"section","s":"shadcnstore","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnstore:blog-section-3","t":"Blog Section #3","d":"A horizontal scrollable stories grid with gradient borders and avatars","k":"section","s":"shadcnstore","c":"marketing/marketing","tg":["gradient"],"sb":"Blog and posts","sy":["gradient"]},{"id":"shadcnstore:blog-section-4","t":"Blog Section #4","d":"A responsive grid layout featuring news cards with images, titles, and metadata","k":"section","s":"shadcnstore","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnstore:comparison-1","t":"Comparison #1","d":"An us-versus-alternatives table that becomes cards on mobile","k":"section","s":"shadcnstore","c":"marketing/comparison","hc":1},{"id":"shadcnstore:comparison-2","t":"Comparison #2","d":"A plan feature matrix whose lit column follows the pointer, with a billing switch, sticky ","k":"section","s":"shadcnstore","c":"marketing/comparison"},{"id":"shadcnstore:comparison-3","t":"Comparison #3","d":"An in-app change-plan screen: drawn tier marks, offer captions and struck list prices on c","k":"section","s":"shadcnstore","c":"marketing/comparison"},{"id":"shadcnstore:contact-section-1","t":"Contact Form #1","d":"Clean and minimal contact form with essential fields","k":"section","s":"shadcnstore","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"],"hc":1},{"id":"shadcnstore:contact-section-2","t":"Contact Form #2","d":"Contact form alongside company information cards","k":"section","s":"shadcnstore","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnstore:contact-section-3","t":"Contact Form #3","d":"Contact form with location map and office details","k":"section","s":"shadcnstore","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnstore:contact-section-4","t":"Contact Form #4","d":"Two-column layout with form and contact details","k":"section","s":"shadcnstore","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnstore:contact-section-5","t":"Contact Form #5","d":"Contact section with frequently asked questions","k":"section","s":"shadcnstore","c":"marketing/faq"},{"id":"shadcnstore:contact-section-6","t":"Contact Form #6","d":"Contact form with team member cards and social links","k":"section","s":"shadcnstore","c":"marketing/team"},{"id":"shadcnstore:cta-section-1","t":"CTA Section #1","d":"A single-line call to action with a live badge and two actions","k":"section","s":"shadcnstore","c":"marketing/cta","hc":1},{"id":"shadcnstore:cta-section-2","t":"CTA Section #2","d":"A community subscribe card with an inline email field and avatar proof","k":"section","s":"shadcnstore","c":"marketing/cta","hc":1},{"id":"shadcnstore:cta-section-3","t":"CTA Section #3","d":"A split call to action with documentation and tutorial links beside the primary button","k":"section","s":"shadcnstore","c":"marketing/cta","hc":1},{"id":"shadcnstore:cta-section-4","t":"CTA Section #4","d":"A centred call to action with two buttons and no-credit-card reassurance","k":"section","s":"shadcnstore","c":"marketing/cta"},{"id":"shadcnstore:cta-section-5","t":"CTA Section #5","d":"Modern enterprise CTA with feature showcase cards","k":"section","s":"shadcnstore","c":"marketing/features"},{"id":"shadcnstore:cta-section-6","t":"CTA Section #6","d":"Engaging newsletter signup with perks showcase and social proof elements","k":"section","s":"shadcnstore","c":"marketing/cta"},{"id":"shadcnstore:cta-section-7","t":"CTA Section #7","d":"High-impact productivity CTA with gradient buttons and trust indicators","k":"section","s":"shadcnstore","c":"marketing/cta","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnstore:cta-section-8","t":"CTA Section #8","d":"Interactive team showcase with hover effects and gradient text elements","k":"section","s":"shadcnstore","c":"marketing/cta","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnstore:cta-section-9","t":"CTA Section #9","d":"Split layout CTA with organized resource links and image hover animations","k":"section","s":"shadcnstore","c":"marketing/cta"},{"id":"shadcnstore:cta-section-10","t":"CTA Section #10","d":"Clean and elegant CTA perfect for any business website","k":"section","s":"shadcnstore","c":"marketing/cta","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnstore:cta-section-11","t":"CTA Section #11","d":"Enterprise CTA with an animated perspective grid floor and mono display headline","k":"section","s":"shadcnstore","c":"marketing/cta","tg":["3d"],"sy":["3d"]},{"id":"shadcnstore:cta-section-12","t":"CTA Section #12","d":"Payments infrastructure CTA with an animated routing grid, dual actions and a metric row","k":"section","s":"shadcnstore","c":"marketing/cta"},{"id":"shadcnstore:cta-section-13","t":"CTA Section #13","d":"Global expansion CTA with a configurable WebGL wave field and inline email capture","k":"section","s":"shadcnstore","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnstore:faq-block-1","t":"FAQ Block #1","d":"A bordered single-column accordion with multiple items openable at once","k":"section","s":"shadcnstore","c":"marketing/faq","hc":1},{"id":"shadcnstore:faq-block-2","t":"FAQ Block #2","d":"A single-open accordion with an underline trigger style and a two-paragraph intro","k":"section","s":"shadcnstore","c":"marketing/faq"},{"id":"shadcnstore:faq-block-3","t":"FAQ Block #3","d":"A borderless, two-column accordion layout for a longer question set","k":"section","s":"shadcnstore","c":"marketing/faq"},{"id":"shadcnstore:faq-block-4","t":"FAQ Block #4","d":"A card-style accordion with a search field affordance, for the functional search variant s","k":"section","s":"shadcnstore","c":"marketing/faq","tg":["playful"],"sy":["playful"]},{"id":"shadcnstore:faq-block-5","t":"FAQ Block #5","d":"A functional FAQ search that highlights matches inside answers, composes with categories a","k":"section","s":"shadcnstore","c":"marketing/faq","tg":["playful"],"sy":["playful"]},{"id":"shadcnstore:feature-1","t":"Feature #1","d":"A four-up feature grid of icon cards under a badge heading, closing on a call to action","k":"section","s":"shadcnstore","c":"marketing/features","hc":1},{"id":"shadcnstore:feature-2","t":"Feature #2","d":"A two-column feature list paired with an image and no card chrome","k":"section","s":"shadcnstore","c":"marketing/features","hc":1},{"id":"shadcnstore:feature-3","t":"Feature #3","d":"A dual-image feature layout with four benefit rows beside the photography","k":"section","s":"shadcnstore","c":"marketing/features"},{"id":"shadcnstore:feature-4","t":"Feature #4","d":"Feature section with 2x3 grid layout and clean card design","k":"section","s":"shadcnstore","c":"marketing/features","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnstore:feature-5","t":"Feature #5","d":"A three-card feature section on a dot-pattern surface","k":"section","s":"shadcnstore","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnstore:feature-6","t":"Feature #6","d":"Card-based feature section with decorative grid backgrounds","k":"section","s":"shadcnstore","c":"marketing/features"},{"id":"shadcnstore:feature-7","t":"Feature #7","d":"Feature section with dual image showcase and feature grid","k":"section","s":"shadcnstore","c":"marketing/features"},{"id":"shadcnstore:feature-8","t":"Feature #8","d":"A split feature section pairing four capability rows with a dashboard image and two action","k":"section","s":"shadcnstore","c":"marketing/features"},{"id":"shadcnstore:feature-9","t":"Feature #9","d":"A six-item feature grid arranged over two images without cards","k":"section","s":"shadcnstore","c":"marketing/features"},{"id":"shadcnstore:feature-10","t":"Feature #10","d":"A mixed-width feature board pairing metric cards with data-table and dashboard previews","k":"section","s":"shadcnstore","c":"marketing/features"},{"id":"shadcnstore:feature-11","t":"Feature #11","d":"Scroll-pinned feature reel that dissolves one photograph into the next beside a numbered s","k":"section","s":"shadcnstore","c":"marketing/features"},{"id":"shadcnstore:feature-12","t":"Feature #12","d":"Scroll-stacked benefit cards that pin in turn, each pairing a live mini interface with a p","k":"section","s":"shadcnstore","c":"marketing/features"},{"id":"shadcnstore:footer-section-1","t":"Footer Section #1","d":"A footer with an inline email capture beside three columns of links","k":"section","s":"shadcnstore","c":"marketing/footer","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"shadcnstore:footer-section-2","t":"Footer Section #2","d":"A half-image footer carrying a postal address, phone and email beside the link columns","k":"section","s":"shadcnstore","c":"marketing/footer"},{"id":"shadcnstore:footer-section-3","t":"Footer Section #3","d":"A six-column footer that leads with the newsletter form and follows with four link columns","k":"section","s":"shadcnstore","c":"marketing/cta"},{"id":"shadcnstore:footer-section-4","t":"Footer Section #4","d":"A five-column footer with quick links, resources, legal and a get-in-touch column","k":"section","s":"shadcnstore","c":"marketing/footer"},{"id":"shadcnstore:footer-section-5","t":"Footer Section #5","d":"A footer on a soft gradient with an address block, contact lines and a stay-updated form","k":"section","s":"shadcnstore","c":"marketing/footer","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnstore:footer-section-6","t":"Footer Section #6","d":"A minimal two-row footer with top navigation, a language menu and city links","k":"section","s":"shadcnstore","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnstore:footer-section-7","t":"Footer Section #7","d":"A three-column footer pairing contact details and link groups with a subscribe form","k":"section","s":"shadcnstore","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnstore:hero-section-1","t":"Hero Section #1","d":"A split hero with a badge, an avatar group and a trusted-by line under the call to action","k":"section","s":"shadcnstore","c":"marketing/hero","hc":1},{"id":"shadcnstore:hero-section-2","t":"Hero Section #2","d":"A split hero built around a fixed-ratio media card for a product image or video","k":"section","s":"shadcnstore","c":"marketing/hero","hc":1},{"id":"shadcnstore:hero-section-3","t":"Hero Section #3","d":"A centred hero with a dashboard preview above a logo row of named customers","k":"section","s":"shadcnstore","c":"marketing/hero"},{"id":"shadcnstore:hero-section-4","t":"Hero Section #4","d":"A hero that carries four headline metrics as cards directly under the call to action","k":"section","s":"shadcnstore","c":"marketing/hero"},{"id":"shadcnstore:hero-section-5","t":"Hero Section #5","d":"A hero with its own navigation bar, avatar proof and a full-bleed destination image","k":"section","s":"shadcnstore","c":"marketing/hero"},{"id":"shadcnstore:hero-section-6","t":"Hero Section #6","d":"A search-led hero with tabs and location, type and price-range selects over an image grid","k":"section","s":"shadcnstore","c":"marketing/hero"},{"id":"shadcnstore:hero-section-7","t":"Hero Section #7","d":"An AI product hero with a token-derived gradient and a looping chat demo","k":"section","s":"shadcnstore","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"shadcnstore:hero-section-8","t":"Hero Section #8","d":"An editorial property hero whose photograph grades from midday to dusk across a draggable ","k":"section","s":"shadcnstore","c":"marketing/hero"},{"id":"shadcnstore:hero-section-9","t":"Hero Section #9","d":"A centred hero in an inset panel, with the stages of an authorisation fanned in 3D and dra","k":"section","s":"shadcnstore","c":"marketing/hero","tg":["3d"],"sb":"Animated background","sy":["3d"]},{"id":"shadcnstore:hero-section-10","t":"Hero Section #10","d":"A fitness app hero on a full-bleed running photo printed as a halftone, with a pointer-led","k":"section","s":"shadcnstore","c":"marketing/hero","sb":"Animated background"},{"id":"shadcnstore:hero-section-11","t":"Hero Section #11","d":"A showcase hero whose three rows of work drift in alternating directions on a tilted plane","k":"section","s":"shadcnstore","c":"marketing/hero","tg":["3d","webgl"],"sb":"Animated background","sy":["3d","webgl"]},{"id":"shadcnstore:hero-section-12","t":"Hero Section #12","d":"A product-launch hero under a drifting WebGL aurora, with a browser-framed screenshot and ","k":"section","s":"shadcnstore","c":"marketing/hero","tg":["gradient","webgl"],"sb":"Animated background","sy":["gradient","webgl"]},{"id":"shadcnstore:hero-section-13","t":"Hero Section #13","d":"A split hero on a node web that links itself and leans toward the cursor, beside a live si","k":"section","s":"shadcnstore","c":"marketing/hero","sb":"Animated background"},{"id":"shadcnstore:hero-section-14","t":"Hero Section #14","d":"A waitlist hero lit by counter-rotating beams, with a sheened headline, inline email captu","k":"section","s":"shadcnstore","c":"marketing/hero","sb":"Animated background"},{"id":"shadcnstore:listing-1","t":"Listing #1","d":"A three-up service listing with category badges and a get-started action","k":"section","s":"shadcnstore","c":"marketing/features","tg":["webgl"],"sb":"Lists","sy":["webgl"],"hc":1},{"id":"shadcnstore:listing-2","t":"Listing #2","d":"A category listing that scrolls horizontally through destination cards","s":"shadcnstore","c":"data-display/card","hc":1},{"id":"shadcnstore:listing-3","t":"Listing #3","d":"A two-column course listing with instructor avatars and category labels","s":"shadcnstore","c":"inputs/form-field"},{"id":"shadcnstore:listing-4","t":"Listing #4","d":"A three-up course listing with a category badge on each card","s":"shadcnstore","c":"data-display/badge","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnstore:listing-5","t":"Listing #5","d":"A property listing with bed, bath and area counts and a view-details action","s":"shadcnstore","c":"data-display/accordion"},{"id":"shadcnstore:listing-6","t":"Listing #6","d":"A category carousel with a progress indicator across twelve subject cards","s":"shadcnstore","c":"data-viz/progress-bar"},{"id":"shadcnstore:logo-cloud-1","t":"Logo Cloud #1","d":"Showcases ShadcnStore compatibility with popular technologies and development frameworks","k":"section","s":"shadcnstore","c":"marketing/logos","hc":1},{"id":"shadcnstore:logo-cloud-2","t":"Logo Cloud #2","d":"Customer testimonials and success metrics highlighting ShadcnStore component benefits","k":"section","s":"shadcnstore","c":"marketing/logos"},{"id":"shadcnstore:logo-cloud-3","t":"Logo Cloud #3","d":"Professional showcase featuring industry leaders who use ShadcnStore components","k":"section","s":"shadcnstore","c":"marketing/logos"},{"id":"shadcnstore:logo-cloud-4","t":"Logo Cloud #4","d":"Enterprise-focused showcase highlighting ShadcnStore components for large-scale applicatio","k":"section","s":"shadcnstore","c":"marketing/logos"},{"id":"shadcnstore:logo-cloud-5","t":"Logo Cloud #5","d":"Community-focused showcase featuring ShadcnStore partner companies and ecosystem growth","k":"section","s":"shadcnstore","c":"marketing/logos"},{"id":"shadcnstore:navbar-1","t":"Navbar #1","d":"A clean marketing navbar with a sheet menu on mobile","s":"shadcnstore","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnstore:navbar-2","t":"Navbar #2","d":"A mega-menu navbar with grouped flyouts and a featured card","s":"shadcnstore","c":"navigation/top-nav"},{"id":"shadcnstore:navbar-3","t":"Navbar #3","d":"A scroll-aware navbar that condenses into a floating pill","s":"shadcnstore","c":"navigation/top-nav"},{"id":"shadcnstore:navbar-4","t":"Navbar #4","d":"A storefront navbar with live search, avatar account menu, animated cart badge, and a prod","s":"shadcnstore","c":"navigation/top-nav"},{"id":"shadcnstore:navbar-5","t":"Navbar #5","d":"A documentation-site header with a collapsing secondary row, breadcrumb promotion, ⌘K sear","s":"shadcnstore","c":"navigation/top-nav","hc":1},{"id":"shadcnstore:pricing-section-1","t":"Pricing Section 1","d":"A three-tier pricing grid with a popular badge and a feature list per plan","k":"section","s":"shadcnstore","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"shadcnstore:pricing-section-2","t":"Pricing Section 2","d":"A three-tier pricing grid with a raised middle plan and per-plan feature lists","k":"section","s":"shadcnstore","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnstore:pricing-section-3","t":"Pricing Section 3","d":"A three-tier pricing grid with a monthly and annual billing switch","k":"section","s":"shadcnstore","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnstore:pricing-section-4","t":"Pricing Section 4","d":"A clean and modern pricing section with a focus on features and benefits","k":"section","s":"shadcnstore","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnstore:pricing-section-5","t":"Pricing Section 5","d":"Two-tier pricing layout with Personal vs Team plans and comprehensive features grid","k":"section","s":"shadcnstore","c":"marketing/pricing"},{"id":"shadcnstore:pricing-section-6","t":"Pricing Section 6","d":"Comprehensive 4-tier pricing with Free, Personal, Teams, and Enterprise plans","k":"section","s":"shadcnstore","c":"marketing/pricing"},{"id":"shadcnstore:pricing-section-7","t":"Pricing Section 7","d":"A usage-based pricing calculator with live totals and volume tiers","k":"section","s":"shadcnstore","c":"marketing/pricing"},{"id":"shadcnstore:pricing-section-8","t":"Pricing Section 8","d":"Scroll-stacked plans that hand over one at a time, each pairing its price panel with who i","k":"section","s":"shadcnstore","c":"marketing/pricing"},{"id":"shadcnstore:changelog-4","t":"Changelog #4","d":"A plain release list with a date rail and every line tagged added, improved or fixed","k":"section","s":"shadcnstore","c":"marketing/marketing","hc":1},{"id":"shadcnstore:roadmap-1","t":"Roadmap #1","d":"A three-column Now, Next and Later board that publishes order rather than dates","s":"shadcnstore","c":"data-display/kanban","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"shadcnstore:changelog-1","t":"Changelog #1","d":"An editorial release timeline with version anchors and copyable links","k":"section","s":"shadcnstore","c":"marketing/marketing"},{"id":"shadcnstore:changelog-2","t":"Changelog #2","d":"A dense changelog with type filters, month grouping and expandable rows","k":"section","s":"shadcnstore","c":"marketing/marketing"},{"id":"shadcnstore:changelog-3","t":"Changelog #3","d":"Scroll-stacked releases that hand over one at a time, each pairing its version panel with ","k":"section","s":"shadcnstore","c":"marketing/marketing"},{"id":"shadcnstore:timeline-1","t":"Timeline #1","d":"A public Now/Next/Later roadmap board with vote chips","s":"shadcnstore","c":"data-display/timeline"},{"id":"shadcnstore:statistic-1","t":"Statistic #1","d":"Modern statistics grid with progress indicators and performance metrics","s":"shadcnstore","c":"data-display/stat","hc":1},{"id":"shadcnstore:statistic-2","t":"Statistic #2","d":"Side-by-side layout showcasing company metrics and growth statistics","s":"shadcnstore","c":"data-display/stat","hc":1},{"id":"shadcnstore:statistic-3","t":"Statistic #3","d":"Comprehensive platform statistics with trend indicators and progress bars","s":"shadcnstore","c":"data-display/stat"},{"id":"shadcnstore:statistic-4","t":"Statistic #4","d":"A four-metric growth grid with year-over-year context and a closing call to action","s":"shadcnstore","c":"data-display/stat"},{"id":"shadcnstore:statistic-5","t":"Statistic #5","d":"Comprehensive business dashboard with summary cards and detailed analytics","s":"shadcnstore","c":"data-display/stat"},{"id":"shadcnstore:statistic-6","t":"Statistic #6","d":"Clean metrics grid displaying key performance indicators","s":"shadcnstore","c":"data-display/stat","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnstore:statistic-7","t":"Statistic #7","d":"An analytics board pairing sales by category and recent transactions with four summary fig","s":"shadcnstore","c":"data-display/stat"},{"id":"shadcnstore:statistic-8","t":"Statistic #8","d":"A sales analytics section with a monthly revenue table, top customers and performance figu","s":"shadcnstore","c":"data-display/stat"},{"id":"shadcnstore:team-1","t":"Team Profile #1","d":"An agent grid whose cards carry listing counts, languages and a profile link","k":"section","s":"shadcnstore","c":"marketing/team","hc":1},{"id":"shadcnstore:team-2","t":"Team Profile #2","d":"A four-up agent grid with listed-property counts under each portrait","k":"section","s":"shadcnstore","c":"marketing/team","hc":1},{"id":"shadcnstore:team-3","t":"Team Profile #3","d":"A twelve-column team carousel with avatars, roles and a view-all action","k":"section","s":"shadcnstore","c":"marketing/team"},{"id":"shadcnstore:team-4","t":"Team Profile #4","d":"A four-up team grid carrying a portrait, a name and a role and nothing more","k":"section","s":"shadcnstore","c":"marketing/team"},{"id":"shadcnstore:team-5","t":"Team Profile #5","d":"An instructor grid whose cards pair the avatar with course and student counts","k":"section","s":"shadcnstore","c":"marketing/team"},{"id":"shadcnstore:team-6","t":"Team Profile #6","d":"A four-up profile grid with full-bleed portraits and role captions","k":"section","s":"shadcnstore","c":"marketing/team"},{"id":"shadcnstore:team-7","t":"Team Profile #7","d":"A three-up agent grid with call and email actions on every card","k":"section","s":"shadcnstore","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnstore:team-8","t":"Team Profile #8","d":"A four-up corporate team grid with a role badge on each portrait","k":"section","s":"shadcnstore","c":"marketing/team"},{"id":"shadcnstore:team-9","t":"Team Profile #9","d":"An executive team layout pairing portraits with location, experience and project counts","k":"section","s":"shadcnstore","c":"marketing/team"},{"id":"shadcnstore:testimonial-1","t":"Testimonial #1","d":"A quote carousel with an avatar, a role and a short headline per review","k":"section","s":"shadcnstore","c":"marketing/testimonials","hc":1},{"id":"shadcnstore:testimonial-2","t":"Testimonial #2","d":"A hero testimonial layout with featured testimonial and supporting cards","k":"section","s":"shadcnstore","c":"marketing/testimonials"},{"id":"shadcnstore:testimonial-3","t":"Testimonial #3","d":"A grid-based testimonial wall showcasing customer feedback","k":"section","s":"shadcnstore","c":"marketing/testimonials"},{"id":"shadcnstore:testimonial-4","t":"Testimonial #4","d":"A two-column testimonial carousel with a photograph and a dialog for the full quote","k":"section","s":"shadcnstore","c":"marketing/testimonials"},{"id":"shadcnstore:testimonial-5","t":"Testimonial #5","d":"A three-column testimonial carousel above satisfaction, rating and uptime figures","k":"section","s":"shadcnstore","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnstore:testimonial-6","t":"Testimonial #6","d":"A twelve-column testimonial mosaic built from mixed-width quote cards","k":"section","s":"shadcnstore","c":"marketing/testimonials"},{"id":"shadcnstore:testimonial-7","t":"Testimonial #7","d":"A student testimonial carousel carrying an avatar, a role and a rating per card","k":"section","s":"shadcnstore","c":"marketing/testimonials"},{"id":"shadcnstore:testimonial-8","t":"Testimonial #8","d":"A borderless testimonial wall under a badge heading, with a load-more action","k":"section","s":"shadcnstore","c":"marketing/testimonials"},{"id":"shadcnstore:testimonial-9","t":"Testimonial #9","d":"A testimonial carousel sized for course and training pages, with arrows and avatars","k":"section","s":"shadcnstore","c":"marketing/testimonials"},{"id":"shadcnstore:testimonial-10","t":"Testimonial #10","d":"Draggable proof board of real tweets, Slack messages, emails and reviews, each keeping its","k":"section","s":"shadcnstore","c":"marketing/testimonials"},{"id":"shadcnstore:waitlist-1","t":"Waitlist #1","d":"A single-screen waitlist page that returns a position in line","k":"section","s":"shadcnstore","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"shadcnstore:waitlist-2","t":"Waitlist #2","d":"A launch countdown page that converts itself on launch day","k":"section","s":"shadcnstore","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcnstore:waitlist-3","t":"Waitlist #3","d":"A working referral waitlist with a counting position, real share links, a settling leaderb","k":"section","s":"shadcnstore","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcnstore:waitlist-4","t":"Waitlist #4","d":"A segmented partner-code gate with per-segment local validation, a reserved rejection shak","k":"section","s":"shadcnstore","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcnui-blocks:dot-pattern","t":"Dot Pattern","d":"A simple dot pattern","k":"motion","s":"shadcnui-blocks","c":"motion/background","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:particles","t":"Particles","d":"A simple particles","k":"motion","s":"shadcnui-blocks","c":"motion/background","tg":["minimal"],"sb":"Particles and stars","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:animated-grid-pattern","t":"Animated Grid Pattern","d":"A simple animated grid pattern","k":"motion","s":"shadcnui-blocks","c":"motion/background","tg":["minimal"],"sb":"Grids and patterns","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:marquee","t":"Marquee","d":"A simple marquee","k":"motion","s":"shadcnui-blocks","c":"motion/marquee","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:accordion-01","t":"Default Accordion","d":"A default accordion component","s":"shadcnui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcnui-blocks:accordion-02","t":"Outline Accordion","d":"An outline styled accordion","s":"shadcnui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcnui-blocks:accordion-03","t":"Box Accordion","d":"A box styled accordion","s":"shadcnui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcnui-blocks:accordion-04","t":"Contained Accordion","d":"A contained accordion component","s":"shadcnui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcnui-blocks:accordion-05","t":"Box Contained Accordion","d":"A box-contained accordion component","s":"shadcnui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcnui-blocks:accordion-06","t":"Tabs Accordion","d":"A tabs-styled accordion component","s":"shadcnui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcnui-blocks:accordion-07","t":"Highlight Active Item Accordion","d":"An accordion that highlights the active item","s":"shadcnui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcnui-blocks:accordion-08","t":"Multiple Expanded at a time Accordion","d":"An accordion that allows multiple items to be expanded at once","s":"shadcnui-blocks","c":"data-display/accordion","sb":"Nested","hc":1},{"id":"shadcnui-blocks:accordion-09","t":"Expand Icon Accordion","d":"An accordion with a custom expand icon","s":"shadcnui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcnui-blocks:accordion-10","t":"Icon Accordion","d":"An accordion with icons","s":"shadcnui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcnui-blocks:accordion-11","t":"Media Content Accordion","d":"An accordion with media content","s":"shadcnui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcnui-blocks:accordion-12","t":"Disabled Item Accordion","d":"An accordion with disabled items","s":"shadcnui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcnui-blocks:alert-01","t":"Primary Alert","d":"A primary alert component","s":"shadcnui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcnui-blocks:alert-02","t":"Destructive Alert","d":"A destructive alert component","s":"shadcnui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcnui-blocks:alert-03","t":"Success Alert","d":"A success alert component","s":"shadcnui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcnui-blocks:alert-04","t":"Warning Alert","d":"A warning alert component","s":"shadcnui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcnui-blocks:alert-05","t":"Info Alert","d":"An info alert component","s":"shadcnui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcnui-blocks:alert-06","t":"Alert With Background","d":"An alert with background component","s":"shadcnui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcnui-blocks:alert-07","t":"Soft Alert","d":"A soft alert component","s":"shadcnui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcnui-blocks:alert-08","t":"Bootstrap Alert","d":"A bootstrap-styled alert component","s":"shadcnui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcnui-blocks:alert-09","t":"Callout Alert","d":"A callout alert component","s":"shadcnui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcnui-blocks:alert-10","t":"Alert With Actions","d":"An alert with actions component","s":"shadcnui-blocks","c":"overlays/alert-banner","hc":1},{"id":"shadcnui-blocks:alert-dialog-01","t":"Default Alert Dialog","d":"A default alert dialog component","s":"shadcnui-blocks","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnui-blocks:alert-dialog-02","t":"Alert Dialog With Icon","d":"An alert dialog with icon component","s":"shadcnui-blocks","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnui-blocks:alert-dialog-03","t":"Destructive Alert Dialog","d":"A destructive alert dialog component","s":"shadcnui-blocks","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnui-blocks:alert-dialog-04","t":"Info Alert Dialog","d":"An info alert dialog component","s":"shadcnui-blocks","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnui-blocks:alert-dialog-05","t":"Customized Header Alert Dialog","d":"An alert dialog with customized header","s":"shadcnui-blocks","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnui-blocks:alert-dialog-06","t":"Customized Footer Alert Dialog","d":"An alert dialog with customized footer","s":"shadcnui-blocks","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnui-blocks:avatar-01","t":"Default Avatar","d":"A default avatar component","s":"shadcnui-blocks","c":"data-display/avatar","hc":1},{"id":"shadcnui-blocks:avatar-02","t":"Clickable Avatar","d":"A clickable avatar component","s":"shadcnui-blocks","c":"data-display/avatar","hc":1},{"id":"shadcnui-blocks:avatar-03","t":"Avatar with Tooltip","d":"An avatar with tooltip component","s":"shadcnui-blocks","c":"data-display/avatar","hc":1},{"id":"shadcnui-blocks:avatar-04","t":"Avatar with Text","d":"An avatar with text component","s":"shadcnui-blocks","c":"data-display/avatar","hc":1},{"id":"shadcnui-blocks:avatar-05","t":"Avatar with Hover Card","d":"An avatar with hover card component","s":"shadcnui-blocks","c":"data-display/avatar","hc":1},{"id":"shadcnui-blocks:avatar-06","t":"Avatar Size","d":"Different sizes of avatar component","s":"shadcnui-blocks","c":"data-display/avatar","hc":1},{"id":"shadcnui-blocks:avatar-07","t":"Avatar Color","d":"Different colors of avatar component","s":"shadcnui-blocks","c":"data-display/avatar","hc":1},{"id":"shadcnui-blocks:avatar-08","t":"Avatar Shape","d":"Different shapes of avatar component","s":"shadcnui-blocks","c":"data-display/avatar","hc":1},{"id":"shadcnui-blocks:avatar-09","t":"Avatar Fallback","d":"Avatar with fallback component","s":"shadcnui-blocks","c":"data-display/avatar","hc":1},{"id":"shadcnui-blocks:avatar-10","t":"Avatar with Ring","d":"Avatar with ring component","s":"shadcnui-blocks","c":"data-display/avatar","hc":1},{"id":"shadcnui-blocks:avatar-11","t":"Avatar Status","d":"Avatar with status indicator component","s":"shadcnui-blocks","c":"data-display/avatar","hc":1},{"id":"shadcnui-blocks:avatar-12","t":"Avatar Group","d":"Group of avatars component","s":"shadcnui-blocks","c":"data-display/avatar","hc":1},{"id":"shadcnui-blocks:avatar-13","t":"Avatar Group with Max","d":"Group of avatars with maximum limit component","s":"shadcnui-blocks","c":"data-display/avatar","hc":1},{"id":"shadcnui-blocks:avatar-14","t":"Avatar Group with Max","d":"Group of avatars with maximum limit component","s":"shadcnui-blocks","c":"data-display/avatar","hc":1},{"id":"shadcnui-blocks:avatar-15","t":"Avatar Group with Max","d":"Group of avatars with maximum limit component","s":"shadcnui-blocks","c":"data-display/avatar","hc":1},{"id":"shadcnui-blocks:avatar-16","t":"Avatar Dropdown Menu","d":"An avatar dropdown menu component","s":"shadcnui-blocks","c":"data-display/avatar","hc":1},{"id":"shadcnui-blocks:badge-01","t":"Default Badge","d":"A default badge component","s":"shadcnui-blocks","c":"data-display/badge","hc":1},{"id":"shadcnui-blocks:badge-02","t":"Secondary Badge","d":"A secondary badge component","s":"shadcnui-blocks","c":"data-display/badge","hc":1},{"id":"shadcnui-blocks:badge-03","t":"Outline Badge","d":"An outline badge component","s":"shadcnui-blocks","c":"data-display/badge","hc":1},{"id":"shadcnui-blocks:badge-04","t":"Destructive Badge","d":"A destructive badge component","s":"shadcnui-blocks","c":"data-display/badge","hc":1},{"id":"shadcnui-blocks:badge-05","t":"Rounded Badge","d":"A rounded badge component","s":"shadcnui-blocks","c":"data-display/badge","hc":1},{"id":"shadcnui-blocks:badge-06","t":"Gradient Badge","d":"A gradient badge component","s":"shadcnui-blocks","c":"data-display/badge","tg":["gradient"],"sb":"Animated","sy":["gradient"],"hc":1},{"id":"shadcnui-blocks:badge-07","t":"Gradient Outline Badge","d":"A gradient outline badge component","s":"shadcnui-blocks","c":"data-display/badge","tg":["gradient"],"sb":"Animated","sy":["gradient"],"hc":1},{"id":"shadcnui-blocks:badge-08","t":"Soft Badge","d":"A soft badge component","s":"shadcnui-blocks","c":"data-display/badge","hc":1},{"id":"shadcnui-blocks:badge-09","t":"Status Badge","d":"A status badge component","s":"shadcnui-blocks","c":"data-display/badge","sb":"Status","hc":1},{"id":"shadcnui-blocks:badge-10","t":"Badge with Image","d":"A badge with image component","s":"shadcnui-blocks","c":"data-display/badge","hc":1},{"id":"shadcnui-blocks:badge-11","t":"Badge with Icon","d":"A badge with icon component","s":"shadcnui-blocks","c":"data-display/badge","hc":1},{"id":"shadcnui-blocks:badge-12","t":"Clickable Badge","d":"A clickable badge component","s":"shadcnui-blocks","c":"data-display/badge","hc":1},{"id":"shadcnui-blocks:badge-13","t":"Clickable Link Badge","d":"A clickable link badge component","s":"shadcnui-blocks","c":"data-display/badge","hc":1},{"id":"shadcnui-blocks:badge-14","t":"Badge with number","d":"A badge with number component","s":"shadcnui-blocks","c":"data-display/badge","sb":"Counts","hc":1},{"id":"shadcnui-blocks:badge-15","t":"Plan features with badge","d":"A plan features with badge component","s":"shadcnui-blocks","c":"data-display/badge","hc":1},{"id":"shadcnui-blocks:badge-16","t":"Tabs with badge","d":"A tabs with badge component","s":"shadcnui-blocks","c":"data-display/badge","hc":1},{"id":"shadcnui-blocks:badge-17","t":"Icon button","d":"An icon button component","s":"shadcnui-blocks","c":"data-display/badge","hc":1},{"id":"shadcnui-blocks:button-01","t":"Primary Button","d":"A primary button component","s":"shadcnui-blocks","c":"actions/button","hc":1},{"id":"shadcnui-blocks:button-02","t":"Secondary Button","d":"A secondary button component","s":"shadcnui-blocks","c":"actions/button","hc":1},{"id":"shadcnui-blocks:button-03","t":"Destructive Button","d":"A destructive button component","s":"shadcnui-blocks","c":"actions/button","hc":1},{"id":"shadcnui-blocks:button-04","t":"Outline Button","d":"An outline button component","s":"shadcnui-blocks","c":"actions/button","hc":1},{"id":"shadcnui-blocks:button-08","t":"Ghost Button","d":"A ghost button component","s":"shadcnui-blocks","c":"actions/button","hc":1},{"id":"shadcnui-blocks:button-17","t":"Full Width Button","d":"A full width button component","s":"shadcnui-blocks","c":"actions/button","hc":1},{"id":"shadcnui-blocks:button-18","t":"Button Group","d":"A button group component","s":"shadcnui-blocks","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnui-blocks:button-19","t":"Button Group #2","d":"Another button group component","s":"shadcnui-blocks","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnui-blocks:button-22","t":"Button with Tooltip","d":"A button with tooltip component","s":"shadcnui-blocks","c":"actions/button","hc":1},{"id":"shadcnui-blocks:button-16","t":"Theme Toggle Button","d":"A theme toggle button component","s":"shadcnui-blocks","c":"actions/button","hc":1},{"id":"shadcnui-blocks:button-20","t":"Copy Button","d":"A copy button component","s":"shadcnui-blocks","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"shadcnui-blocks:button-14","t":"Rounded Button","d":"A rounded button component","s":"shadcnui-blocks","c":"actions/button","hc":1},{"id":"shadcnui-blocks:button-15","t":"Toggle Button","d":"A toggle button component","s":"shadcnui-blocks","c":"actions/button","hc":1},{"id":"shadcnui-blocks:button-11","t":"Social Button","d":"A social button component","s":"shadcnui-blocks","c":"actions/button","sb":"Social and sign-in","hc":1},{"id":"shadcnui-blocks:button-12","t":"Social Login Button","d":"A social login button component","s":"shadcnui-blocks","c":"actions/button","sb":"Social and sign-in","hc":1},{"id":"shadcnui-blocks:button-07","t":"Split Button","d":"A split button component","s":"shadcnui-blocks","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnui-blocks:button-06","t":"Loading Button","d":"A loading button component","s":"shadcnui-blocks","c":"actions/button","sb":"Loading and states","hc":1},{"id":"shadcnui-blocks:button-09","t":"Gradient Button","d":"A gradient button component","s":"shadcnui-blocks","c":"actions/button","tg":["gradient"],"sb":"Animated","sy":["gradient"],"hc":1},{"id":"shadcnui-blocks:button-05","t":"Icon Button","d":"An icon button component","s":"shadcnui-blocks","c":"actions/button","sb":"Icon buttons","hc":1},{"id":"shadcnui-blocks:button-13","t":"Neon Button","d":"A neon button component","s":"shadcnui-blocks","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"],"hc":1},{"id":"shadcnui-blocks:button-23","t":"Button with Tap Animation","d":"A button with tap animation component","s":"shadcnui-blocks","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"shadcnui-blocks:button-10","t":"Link Button","d":"A link button component","s":"shadcnui-blocks","c":"actions/button","hc":1},{"id":"shadcnui-blocks:button-21","t":"Button with Badge","d":"A button with badge component","s":"shadcnui-blocks","c":"actions/button","hc":1},{"id":"shadcnui-blocks:card-01","t":"Default Card","d":"A default card component","s":"shadcnui-blocks","c":"data-display/card","hc":1},{"id":"shadcnui-blocks:card-02","t":"Card with Background","d":"A card with background component","s":"shadcnui-blocks","c":"data-display/card","hc":1},{"id":"shadcnui-blocks:card-03","t":"Create Account Card","d":"A create account card component","s":"shadcnui-blocks","c":"data-display/card","hc":1},{"id":"shadcnui-blocks:card-07","t":"Product Card","d":"A product card component","s":"shadcnui-blocks","c":"data-display/card","sb":"Product","hc":1},{"id":"shadcnui-blocks:card-04","t":"Banner Card","d":"A banner card component","s":"shadcnui-blocks","c":"data-display/card","hc":1},{"id":"shadcnui-blocks:card-05","t":"Pricing Card","d":"A pricing card component","s":"shadcnui-blocks","c":"data-display/card","sb":"Pricing","hc":1},{"id":"shadcnui-blocks:card-08","t":"Testimonial Card","d":"A testimonial card component","s":"shadcnui-blocks","c":"data-display/card","hc":1},{"id":"shadcnui-blocks:card-06","t":"Post Card","d":"A post card component","s":"shadcnui-blocks","c":"data-display/card","sb":"Article","hc":1},{"id":"shadcnui-blocks:checkbox-02","t":"Disabled Checkbox","d":"A disabled checkbox component","s":"shadcnui-blocks","c":"inputs/checkbox","hc":1},{"id":"shadcnui-blocks:checkbox-01","t":"Checkbox with Text","d":"A checkbox with text component","s":"shadcnui-blocks","c":"inputs/checkbox","hc":1},{"id":"shadcnui-blocks:checkbox-06","t":"Controlled Checkbox","d":"A controlled checkbox component","s":"shadcnui-blocks","c":"inputs/checkbox","hc":1},{"id":"shadcnui-blocks:checkbox-03","t":"Indeterminate Checkbox","d":"An indeterminate checkbox component","s":"shadcnui-blocks","c":"inputs/checkbox","hc":1},{"id":"shadcnui-blocks:checkbox-07","t":"Checkbox Colors","d":"Different colors of checkbox component","s":"shadcnui-blocks","c":"inputs/checkbox","hc":1},{"id":"shadcnui-blocks:checkbox-08","t":"Checkbox Sizes","d":"Different sizes of checkbox component","s":"shadcnui-blocks","c":"inputs/checkbox","hc":1},{"id":"shadcnui-blocks:checkbox-04","t":"Horizontal Checkbox Group","d":"A horizontal checkbox group component","s":"shadcnui-blocks","c":"inputs/checkbox","hc":1},{"id":"shadcnui-blocks:checkbox-09","t":"Icon Checkbox","d":"A checkbox with custom icon component","s":"shadcnui-blocks","c":"inputs/checkbox","hc":1},{"id":"shadcnui-blocks:checkbox-11","t":"Card Checkbox","d":"A card checkbox component","s":"shadcnui-blocks","c":"inputs/checkbox","hc":1},{"id":"shadcnui-blocks:checkbox-10","t":"Multi Color Picker Checkbox","d":"A multi color picker checkbox component","s":"shadcnui-blocks","c":"inputs/checkbox","hc":1},{"id":"shadcnui-blocks:checkbox-05","t":"Vertical Checkbox Group","d":"A vertical checkbox group component","s":"shadcnui-blocks","c":"inputs/checkbox","hc":1},{"id":"shadcnui-blocks:checkbox-12","t":"Checkbox with Form","d":"A checkbox with form component","s":"shadcnui-blocks","c":"inputs/checkbox","hc":1},{"id":"shadcnui-blocks:checkbox-13","t":"Roles","d":"A roles component","s":"shadcnui-blocks","c":"inputs/checkbox","hc":1},{"id":"shadcnui-blocks:checkbox-14","t":"Countries","d":"A countries component","s":"shadcnui-blocks","c":"inputs/checkbox","hc":1},{"id":"shadcnui-blocks:checkbox-15","t":"Working Days","d":"A working days component","s":"shadcnui-blocks","c":"inputs/checkbox","hc":1},{"id":"shadcnui-blocks:checkbox-16","t":"Notification Settings","d":"A notification settings component","s":"shadcnui-blocks","c":"inputs/checkbox","hc":1},{"id":"shadcnui-blocks:dropdown-menu-01","t":"Default Dropdown Menu","d":"A default dropdown menu component","s":"shadcnui-blocks","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcnui-blocks:dropdown-menu-03","t":"Dropdown Menu with Checkboxes","d":"A dropdown menu with checkboxes component","s":"shadcnui-blocks","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcnui-blocks:dropdown-menu-02","t":"Dropdown Menu with Icon","d":"A dropdown menu with icon component","s":"shadcnui-blocks","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcnui-blocks:dropdown-menu-04","t":"Dropdown Menu with Radio Group","d":"A dropdown menu with radio group component","s":"shadcnui-blocks","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcnui-blocks:dropdown-menu-05","t":"Dropdown Menu with Sub Menu","d":"A dropdown menu with sub menu component","s":"shadcnui-blocks","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcnui-blocks:dropdown-menu-07","t":"Complex Dropdown Menu","d":"A complex dropdown menu component","s":"shadcnui-blocks","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcnui-blocks:dropdown-menu-06","t":"Dropdown Menu with Shortcuts","d":"A dropdown menu with keyboard shortcuts component","s":"shadcnui-blocks","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcnui-blocks:dropdown-menu-08","t":"Workspace Switcher Dropdown Menu","d":"A workspace switcher dropdown menu component","s":"shadcnui-blocks","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcnui-blocks:input-01","t":"Default Input","d":"A default input component","s":"shadcnui-blocks","c":"inputs/form-field","hc":1},{"id":"shadcnui-blocks:input-03","t":"Filled Input","d":"A filled input component","s":"shadcnui-blocks","c":"inputs/form-field","hc":1},{"id":"shadcnui-blocks:input-04","t":"Disabled Input","d":"A disabled input component","s":"shadcnui-blocks","c":"inputs/form-field","hc":1},{"id":"shadcnui-blocks:input-08","t":"Input with Helper Text","d":"An input with helper text component","s":"shadcnui-blocks","c":"inputs/form-field","hc":1},{"id":"shadcnui-blocks:input-09","t":"Input with Error Message","d":"An input with error message component","s":"shadcnui-blocks","c":"inputs/form-field","hc":1},{"id":"shadcnui-blocks:input-11","t":"File Input","d":"A file input component","s":"shadcnui-blocks","c":"inputs/form-field","hc":1},{"id":"shadcnui-blocks:input-12","t":"Dropzone Input","d":"A dropzone input component","s":"shadcnui-blocks","c":"inputs/form-field","hc":1},{"id":"shadcnui-blocks:input-02","t":"Ring Input","d":"A ring input component","s":"shadcnui-blocks","c":"inputs/form-field","hc":1},{"id":"shadcnui-blocks:input-10","t":"Input with Form","d":"An input with form component","s":"shadcnui-blocks","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"shadcnui-blocks:input-06","t":"Input with Button","d":"An input with button component","s":"shadcnui-blocks","c":"inputs/form-field","hc":1},{"id":"shadcnui-blocks:input-07","t":"Input with Adornment","d":"An input with adornment component","s":"shadcnui-blocks","c":"inputs/form-field","hc":1},{"id":"shadcnui-blocks:input-05","t":"Input with Label","d":"An input with label component","s":"shadcnui-blocks","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"shadcnui-blocks:breadcrumb-01","t":"Default Breadcrumb","d":"A default breadcrumb component","s":"shadcnui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcnui-blocks:breadcrumb-05","t":"Breadcrumb with Icon","d":"A breadcrumb with icon component","s":"shadcnui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcnui-blocks:breadcrumb-06","t":"Breadcrumb with Icon (Alternate)","d":"An alternate breadcrumb with icon component","s":"shadcnui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcnui-blocks:breadcrumb-07","t":"Breadcrumb with Icon and Label","d":"A breadcrumb with icon and label component","s":"shadcnui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcnui-blocks:breadcrumb-08","t":"Breadcrumb with Icon and Label (Alternate)","d":"An alternate breadcrumb with icon and label component","s":"shadcnui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcnui-blocks:breadcrumb-13","t":"Breadcrumb with Dropdown","d":"A breadcrumb with dropdown component","s":"shadcnui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcnui-blocks:breadcrumb-10","t":"Breadcrumb with Tab Active","d":"A breadcrumb with tab active component","s":"shadcnui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcnui-blocks:breadcrumb-14","t":"Collapsed Breadcrumb","d":"A collapsed breadcrumb component","s":"shadcnui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcnui-blocks:breadcrumb-09","t":"Breadcrumb with Background","d":"A breadcrumb with background component","s":"shadcnui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcnui-blocks:breadcrumb-11","t":"Tabs Breadcrumb","d":"A tabs breadcrumb component","s":"shadcnui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcnui-blocks:breadcrumb-12","t":"Tabs Outline Breadcrumb","d":"A tabs outline breadcrumb component","s":"shadcnui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcnui-blocks:breadcrumb-15","t":"Steps Breadcrumb","d":"A steps breadcrumb component","s":"shadcnui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcnui-blocks:breadcrumb-03","t":"Breadcrumb with Chevrons Separator","d":"A breadcrumb with chevrons separator component","s":"shadcnui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcnui-blocks:breadcrumb-04","t":"Breadcrumb with Dot Separator","d":"A breadcrumb with dot separator component","s":"shadcnui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcnui-blocks:breadcrumb-02","t":"Breadcrumb with Slash Separator","d":"A breadcrumb with slash separator component","s":"shadcnui-blocks","c":"navigation/breadcrumb","hc":1},{"id":"shadcnui-blocks:carousel-01","t":"Default Carousel","d":"A default carousel component","s":"shadcnui-blocks","c":"media/carousel","hc":1},{"id":"shadcnui-blocks:carousel-02","t":"Carousel with Multiple Slides","d":"A carousel displaying multiple slides at once","s":"shadcnui-blocks","c":"media/carousel","hc":1},{"id":"shadcnui-blocks:carousel-03","t":"Vertical Carousel","d":"A vertical orientation carousel","s":"shadcnui-blocks","c":"media/carousel","hc":1},{"id":"shadcnui-blocks:carousel-04","t":"Carousel with Slide Status","d":"A carousel with slide status indicator","s":"shadcnui-blocks","c":"media/carousel","hc":1},{"id":"shadcnui-blocks:carousel-05","t":"Carousel with Slide Status (Alternate)","d":"An alternate carousel with slide status indicator","s":"shadcnui-blocks","c":"media/carousel","hc":1},{"id":"shadcnui-blocks:carousel-06","t":"Carousel with Pagination","d":"A carousel with pagination controls","s":"shadcnui-blocks","c":"media/carousel","hc":1},{"id":"shadcnui-blocks:carousel-07","t":"Carousel with Footer","d":"A carousel with a footer section","s":"shadcnui-blocks","c":"media/carousel","hc":1},{"id":"shadcnui-blocks:carousel-08","t":"Carousel with Progress Bar","d":"A carousel with a progress bar indicator","s":"shadcnui-blocks","c":"media/carousel","hc":1},{"id":"shadcnui-blocks:carousel-09","t":"Carousel with Thumbnails","d":"A carousel with thumbnail navigation","s":"shadcnui-blocks","c":"media/carousel","hc":1},{"id":"shadcnui-blocks:carousel-10","t":"Carousel with Opacity Transition","d":"A carousel with opacity transition effects","s":"shadcnui-blocks","c":"media/carousel","hc":1},{"id":"shadcnui-blocks:carousel-11","t":"Carousel with Scale Transition","d":"A carousel with scale transition effects","s":"shadcnui-blocks","c":"media/carousel","hc":1},{"id":"shadcnui-blocks:collapsible-01","t":"Default Collapsible","d":"A default collapsible component","s":"shadcnui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcnui-blocks:collapsible-02","t":"Show More Collapsible","d":"A collapsible component with show more functionality","s":"shadcnui-blocks","c":"data-display/accordion","tg":["playful"],"sy":["playful"],"hc":1},{"id":"shadcnui-blocks:collapsible-03","t":"File Tree Collapsible","d":"A collapsible component for displaying file trees","s":"shadcnui-blocks","c":"data-display/accordion","sb":"Nested","hc":1},{"id":"shadcnui-blocks:collapsible-04","t":"Filters Collapsible","d":"A collapsible component for filter options","s":"shadcnui-blocks","c":"data-display/accordion","hc":1},{"id":"shadcnui-blocks:input-otp-01","t":"Default OTP Input","d":"A default one-time password input component","s":"shadcnui-blocks","c":"inputs/otp-input","hc":1},{"id":"shadcnui-blocks:input-otp-03","t":"Separated OTP Input","d":"An OTP input with separated input fields","s":"shadcnui-blocks","c":"inputs/otp-input","hc":1},{"id":"shadcnui-blocks:input-otp-04","t":"Separated OTP Input (Alternate)","d":"An alternate style of separated OTP input fields","s":"shadcnui-blocks","c":"inputs/otp-input","hc":1},{"id":"shadcnui-blocks:input-otp-05","t":"Secondary OTP Input","d":"An OTP input with secondary styling","s":"shadcnui-blocks","c":"inputs/otp-input","hc":1},{"id":"shadcnui-blocks:input-otp-02","t":"OTP Input Without Separator","d":"An OTP input without separators between fields","s":"shadcnui-blocks","c":"inputs/otp-input","hc":1},{"id":"shadcnui-blocks:input-otp-06","t":"OTP Input with Custom Separator","d":"An OTP input with custom separator between fields","s":"shadcnui-blocks","c":"inputs/otp-input","hc":1},{"id":"shadcnui-blocks:input-otp-07","t":"OTP Input with Inner Shadow","d":"An OTP input with inner shadow styling","s":"shadcnui-blocks","c":"inputs/otp-input","hc":1},{"id":"shadcnui-blocks:navigation-menu-01","t":"Default Navigation Menu","d":"A default navigation menu component","s":"shadcnui-blocks","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"shadcnui-blocks:navigation-menu-07","t":"Navigation Menu with Icons","d":"A navigation menu with icon elements","s":"shadcnui-blocks","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"shadcnui-blocks:navigation-menu-04","t":"Navigation Menu with Active Item","d":"A navigation menu with active item styling","s":"shadcnui-blocks","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"shadcnui-blocks:navigation-menu-05","t":"Underlined Navigation Menu","d":"A navigation menu with underlined styling","s":"shadcnui-blocks","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"shadcnui-blocks:navigation-menu-08","t":"Mobile Navigation Menu","d":"A mobile-friendly navigation menu","s":"shadcnui-blocks","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"shadcnui-blocks:navigation-menu-02","t":"Navigation Menu with Icon","d":"A navigation menu with icon integration","s":"shadcnui-blocks","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"shadcnui-blocks:navigation-menu-06","t":"Rich Navigation Menu","d":"A feature-rich navigation menu with advanced styling","s":"shadcnui-blocks","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"shadcnui-blocks:navigation-menu-03","t":"Navigation Menu with Dropdown","d":"A navigation menu with dropdown functionality","s":"shadcnui-blocks","c":"navigation/top-nav","tg":["playful"],"sb":"Mega menus","sy":["playful"],"hc":1},{"id":"shadcnui-blocks:pagination-01","t":"Default Pagination","d":"A default pagination component","s":"shadcnui-blocks","c":"navigation/pagination","hc":1},{"id":"shadcnui-blocks:pagination-10","t":"Pagination with Icon and Label","d":"A pagination component with icons and labels","s":"shadcnui-blocks","c":"navigation/pagination","hc":1},{"id":"shadcnui-blocks:pagination-05","t":"Pagination with Icon","d":"A pagination component with icons","s":"shadcnui-blocks","c":"navigation/pagination","hc":1},{"id":"shadcnui-blocks:pagination-07","t":"Bordered Pagination","d":"A pagination component with bordered styling","s":"shadcnui-blocks","c":"navigation/pagination","hc":1},{"id":"shadcnui-blocks:pagination-04","t":"Pagination with Rounded Buttons","d":"A pagination component with rounded button styling","s":"shadcnui-blocks","c":"navigation/pagination","hc":1},{"id":"shadcnui-blocks:pagination-08","t":"Tabs Pagination","d":"A pagination component with tabs styling","s":"shadcnui-blocks","c":"navigation/pagination","hc":1},{"id":"shadcnui-blocks:pagination-06","t":"Pagination with First/Last Page","d":"A pagination component with first and last page navigation","s":"shadcnui-blocks","c":"navigation/pagination","hc":1},{"id":"shadcnui-blocks:pagination-09","t":"Secondary Tabs Pagination","d":"A pagination component with secondary tabs styling","s":"shadcnui-blocks","c":"navigation/pagination","hc":1},{"id":"shadcnui-blocks:pagination-11","t":"Numberless Pagination","d":"A pagination component without page numbers","s":"shadcnui-blocks","c":"navigation/pagination","hc":1},{"id":"shadcnui-blocks:pagination-12","t":"Numberless Pagination with Text","d":"A pagination component without numbers but with text","s":"shadcnui-blocks","c":"navigation/pagination","hc":1},{"id":"shadcnui-blocks:pagination-13","t":"Pagination with Ellipsis","d":"A pagination component with ellipsis for long page ranges","s":"shadcnui-blocks","c":"navigation/pagination","hc":1,"cp":1},{"id":"shadcnui-blocks:pagination-14","t":"Table Pagination","d":"A pagination component designed for tables","s":"shadcnui-blocks","c":"navigation/pagination","hc":1},{"id":"shadcnui-blocks:pagination-15","t":"Pagination with text","d":"A pagination component with text","s":"shadcnui-blocks","c":"navigation/pagination","hc":1},{"id":"shadcnui-blocks:pagination-02","t":"Pagination with Primary Buttons","d":"A pagination component with primary button styling","s":"shadcnui-blocks","c":"navigation/pagination","hc":1},{"id":"shadcnui-blocks:pagination-03","t":"Pagination with Secondary Buttons","d":"A pagination component with secondary button styling","s":"shadcnui-blocks","c":"navigation/pagination","hc":1},{"id":"shadcnui-blocks:progress-01","t":"Default Progress","d":"A default linear progress component","s":"shadcnui-blocks","c":"data-viz/progress-bar","hc":1},{"id":"shadcnui-blocks:progress-02","t":"Linear Progress with Label","d":"A linear progress component with label","s":"shadcnui-blocks","c":"data-viz/progress-bar","hc":1},{"id":"shadcnui-blocks:progress-04","t":"Rounded Progress","d":"A progress component with rounded styling","s":"shadcnui-blocks","c":"data-viz/progress-bar","hc":1},{"id":"shadcnui-blocks:progress-03","t":"Linear Progress with Custom Color","d":"A linear progress component with custom color","s":"shadcnui-blocks","c":"data-viz/progress-bar","hc":1},{"id":"shadcnui-blocks:progress-07","t":"Circular Progress","d":"A circular progress component","s":"shadcnui-blocks","c":"data-viz/progress-bar","hc":1},{"id":"shadcnui-blocks:progress-10","t":"Circular Progress with Custom Color","d":"A circular progress component with custom color","s":"shadcnui-blocks","c":"data-viz/progress-bar","hc":1},{"id":"shadcnui-blocks:progress-08","t":"Circular Progress with Label","d":"A circular progress component with label","s":"shadcnui-blocks","c":"data-viz/progress-bar","hc":1},{"id":"shadcnui-blocks:progress-09","t":"Circular Progress with Custom Label","d":"A circular progress component with custom label","s":"shadcnui-blocks","c":"data-viz/progress-bar","hc":1},{"id":"shadcnui-blocks:progress-11","t":"Circular Progress with Custom Shape","d":"A circular progress component with custom shape","s":"shadcnui-blocks","c":"data-viz/progress-bar","hc":1},{"id":"shadcnui-blocks:progress-12","t":"Circular Progress with Custom Stroke Width","d":"A circular progress component with custom stroke width","s":"shadcnui-blocks","c":"data-viz/progress-bar","hc":1},{"id":"shadcnui-blocks:progress-05","t":"Gradient Progress","d":"A progress component with gradient styling","s":"shadcnui-blocks","c":"data-viz/progress-bar","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"shadcnui-blocks:progress-06","t":"Animated Progress","d":"A progress component with animation effects","s":"shadcnui-blocks","c":"data-viz/progress-bar","hc":1},{"id":"shadcnui-blocks:radio-group-01","t":"Default Radio Group","d":"A default radio group component","s":"shadcnui-blocks","c":"inputs/radio","hc":1},{"id":"shadcnui-blocks:radio-group-03","t":"Disabled Radio Group","d":"A radio group component with disabled options","s":"shadcnui-blocks","c":"inputs/radio","hc":1},{"id":"shadcnui-blocks:radio-group-05","t":"Radio Group with Custom Size","d":"A radio group component with custom size options","s":"shadcnui-blocks","c":"inputs/radio","hc":1},{"id":"shadcnui-blocks:radio-group-07","t":"Radio Group with Cards (Style 1)","d":"A radio group component with card-style options (style 1)","s":"shadcnui-blocks","c":"inputs/radio","hc":1},{"id":"shadcnui-blocks:radio-group-08","t":"Radio Group with Cards (Style 2)","d":"A radio group component with card-style options (style 2)","s":"shadcnui-blocks","c":"inputs/radio","hc":1},{"id":"shadcnui-blocks:radio-group-09","t":"Radio Group with Cards (Style 3)","d":"A radio group component with card-style options (style 3)","s":"shadcnui-blocks","c":"inputs/radio","hc":1},{"id":"shadcnui-blocks:radio-group-02","t":"Horizontal Radio Group","d":"A radio group component with horizontal layout","s":"shadcnui-blocks","c":"inputs/radio","hc":1},{"id":"shadcnui-blocks:radio-group-04","t":"Radio Group with Custom Colors","d":"A radio group component with custom color options","s":"shadcnui-blocks","c":"inputs/radio","hc":1},{"id":"shadcnui-blocks:radio-group-06","t":"Radio Group with Variant Styling","d":"A radio group component with variant styling options","s":"shadcnui-blocks","c":"inputs/radio","hc":1},{"id":"shadcnui-blocks:select-01","t":"Default Select","d":"A default select component","s":"shadcnui-blocks","c":"inputs/select","hc":1},{"id":"shadcnui-blocks:select-06","t":"Select with Icon","d":"A select component with icon integration","s":"shadcnui-blocks","c":"inputs/select","hc":1},{"id":"shadcnui-blocks:select-11","t":"Controlled Select","d":"A controlled select component","s":"shadcnui-blocks","c":"inputs/select","hc":1},{"id":"shadcnui-blocks:select-10","t":"Scrollable Select","d":"A select component with scrollable options","s":"shadcnui-blocks","c":"inputs/select","hc":1},{"id":"shadcnui-blocks:select-09","t":"Select with Custom Menu Position","d":"A select component with custom menu position","s":"shadcnui-blocks","c":"inputs/select","hc":1},{"id":"shadcnui-blocks:select-04","t":"Select with Custom Dropdown Icon","d":"A select component with custom dropdown icon","s":"shadcnui-blocks","c":"inputs/select","hc":1},{"id":"shadcnui-blocks:select-03","t":"Ghost Select","d":"A select component with ghost styling","s":"shadcnui-blocks","c":"inputs/select","hc":1},{"id":"shadcnui-blocks:select-05","t":"Select with Custom Shape","d":"A select component with custom shape styling","s":"shadcnui-blocks","c":"inputs/select","hc":1},{"id":"shadcnui-blocks:select-08","t":"Theme Selector Select","d":"A select component for theme selection","s":"shadcnui-blocks","c":"inputs/select","hc":1},{"id":"shadcnui-blocks:select-02","t":"Select with Background Color","d":"A select component with custom background color","s":"shadcnui-blocks","c":"inputs/select","hc":1},{"id":"shadcnui-blocks:select-07","t":"Select with Form Integration","d":"A select component integrated with form handling","s":"shadcnui-blocks","c":"inputs/select","hc":1},{"id":"shadcnui-blocks:separator-01","t":"Default Separator","d":"A default separator component","k":"layout","s":"shadcnui-blocks","c":"layout/page-shell","hc":1},{"id":"shadcnui-blocks:separator-04","t":"Dashed Separator","d":"A dashed separator component","k":"layout","s":"shadcnui-blocks","c":"layout/page-shell","hc":1},{"id":"shadcnui-blocks:separator-05","t":"Vertical Separator","d":"A vertical separator component","k":"layout","s":"shadcnui-blocks","c":"layout/page-shell","hc":1},{"id":"shadcnui-blocks:separator-03","t":"Horizontal Separator with Chip","d":"A horizontal separator with chip component","s":"shadcnui-blocks","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"shadcnui-blocks:separator-06","t":"Vertical Separator with Chip","d":"A vertical separator with chip component","s":"shadcnui-blocks","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"shadcnui-blocks:separator-02","t":"Horizontal Separator with Label","d":"A horizontal separator with label component","s":"shadcnui-blocks","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"shadcnui-blocks:separator-with-label-vertical","t":"Vertical Separator with Label","d":"A vertical separator with label component","s":"shadcnui-blocks","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"shadcnui-blocks:slider-01","t":"Default Slider","d":"A default slider component","s":"shadcnui-blocks","c":"inputs/slider","hc":1},{"id":"shadcnui-blocks:slider-02","t":"Disabled Slider","d":"A disabled slider component","s":"shadcnui-blocks","c":"inputs/slider","hc":1},{"id":"shadcnui-blocks:slider-03","t":"Slider Size","d":"A slider component with different sizes","s":"shadcnui-blocks","c":"inputs/slider","hc":1},{"id":"shadcnui-blocks:slider-04","t":"Slider Color","d":"A slider component with different colors","s":"shadcnui-blocks","c":"inputs/slider","hc":1},{"id":"shadcnui-blocks:slider-05","t":"Slider Shape","d":"A slider component with different shapes","s":"shadcnui-blocks","c":"inputs/slider","hc":1},{"id":"shadcnui-blocks:slider-06","t":"Slider with Label","d":"A slider component with a label","s":"shadcnui-blocks","c":"inputs/slider","hc":1},{"id":"shadcnui-blocks:slider-13","t":"Vertical Slider","d":"A vertical slider component","s":"shadcnui-blocks","c":"inputs/slider","hc":1},{"id":"shadcnui-blocks:slider-07","t":"Slider with Thumb Icon","d":"A slider component with a custom thumb icon","s":"shadcnui-blocks","c":"inputs/slider","hc":1},{"id":"shadcnui-blocks:slider-08","t":"Audio Slider","d":"A slider component designed for audio controls","s":"shadcnui-blocks","c":"inputs/slider","hc":1},{"id":"shadcnui-blocks:slider-09","t":"Slider with Marks","d":"A slider component with marks for specific values","s":"shadcnui-blocks","c":"inputs/slider","hc":1},{"id":"shadcnui-blocks:slider-10","t":"Slider with Sticky Label","d":"A slider component with a sticky label","s":"shadcnui-blocks","c":"inputs/slider","hc":1},{"id":"shadcnui-blocks:slider-11","t":"Slider with Sticky Label on Hover","d":"A slider component with a sticky label that appears on hover","s":"shadcnui-blocks","c":"inputs/slider","hc":1},{"id":"shadcnui-blocks:slider-12","t":"Slider with Sticky Label Arrow","d":"A slider component with a sticky label with arrow","s":"shadcnui-blocks","c":"inputs/slider","hc":1},{"id":"shadcnui-blocks:slider-14","t":"Range Slider","d":"A range slider component","s":"shadcnui-blocks","c":"inputs/slider","hc":1},{"id":"shadcnui-blocks:slider-15","t":"Slider with Multiple Thumbs","d":"A slider component with multiple thumbs","s":"shadcnui-blocks","c":"inputs/slider","hc":1},{"id":"shadcnui-blocks:spinner-01","t":"Default Spinner","d":"A default spinner component","s":"shadcnui-blocks","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnui-blocks:spinner-02","t":"Circle Spinner","d":"A circular spinner component","s":"shadcnui-blocks","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnui-blocks:spinner-03","t":"Pinwheel Spinner","d":"A pinwheel spinner component","s":"shadcnui-blocks","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnui-blocks:spinner-04","t":"Spinner Colors","d":"A spinner component with different colors","s":"shadcnui-blocks","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnui-blocks:spinner-05","t":"Spinner Sizes","d":"A spinner component with different sizes","s":"shadcnui-blocks","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnui-blocks:spinner-06","t":"Swirling Effect Spinner","d":"A spinner component with swirling effect","s":"shadcnui-blocks","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnui-blocks:spinner-07","t":"Spinner Circle #1","d":"A circle spinner component variation 1","s":"shadcnui-blocks","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnui-blocks:spinner-08","t":"Spinner Circle #2","d":"A circle spinner component variation 2","s":"shadcnui-blocks","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnui-blocks:spinner-09","t":"Spinner Circle #3","d":"A circle spinner component variation 3","s":"shadcnui-blocks","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnui-blocks:spinner-10","t":"Spinner Circle #4","d":"A circle spinner component variation 4","s":"shadcnui-blocks","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnui-blocks:spinner-11","t":"Spinner Circle #5","d":"A circle spinner component variation 5","s":"shadcnui-blocks","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnui-blocks:switch-01","t":"Default Switch","d":"A default switch component","s":"shadcnui-blocks","c":"actions/switch","hc":1},{"id":"shadcnui-blocks:switch-02","t":"Switch with Label","d":"A switch component with a label","s":"shadcnui-blocks","c":"actions/switch","sb":"With labels","hc":1},{"id":"shadcnui-blocks:switch-03","t":"Disabled Switch","d":"A disabled switch component","s":"shadcnui-blocks","c":"actions/switch","hc":1},{"id":"shadcnui-blocks:switch-04","t":"Switch Colors","d":"A switch component with different colors","s":"shadcnui-blocks","c":"actions/switch","hc":1},{"id":"shadcnui-blocks:switch-05","t":"Switch Sizes","d":"A switch component with different sizes","s":"shadcnui-blocks","c":"actions/switch","hc":1},{"id":"shadcnui-blocks:switch-06","t":"Controlled Switch","d":"A controlled switch component","s":"shadcnui-blocks","c":"actions/switch","hc":1},{"id":"shadcnui-blocks:switch-07","t":"Switch Customization","d":"A customized switch component","s":"shadcnui-blocks","c":"actions/switch","hc":1},{"id":"shadcnui-blocks:table-01","t":"Default Table","d":"A default table component","s":"shadcnui-blocks","c":"data-display/table","hc":1},{"id":"shadcnui-blocks:table-02","t":"Bordered Table","d":"A bordered table component","s":"shadcnui-blocks","c":"data-display/table","sb":"Transactions","hc":1},{"id":"shadcnui-blocks:table-03","t":"Striped Rows Table","d":"A table with striped rows","s":"shadcnui-blocks","c":"data-display/table","hc":1},{"id":"shadcnui-blocks:table-04","t":"Rounded Corners Table","d":"A table with rounded corners","s":"shadcnui-blocks","c":"data-display/table","hc":1},{"id":"shadcnui-blocks:table-05","t":"Table with Pagination","d":"A table with pagination","s":"shadcnui-blocks","c":"data-display/table","sb":"Data tables","hc":1},{"id":"shadcnui-blocks:table-06","t":"Sticky Header Table","d":"A table with sticky header","s":"shadcnui-blocks","c":"data-display/table","hc":1},{"id":"shadcnui-blocks:table-07","t":"Sticky Columns Table","d":"A table with sticky columns","s":"shadcnui-blocks","c":"data-display/table","hc":1},{"id":"shadcnui-blocks:table-08","t":"Overflow Scroll Table","d":"A table with overflow scroll","s":"shadcnui-blocks","c":"data-display/table","hc":1},{"id":"shadcnui-blocks:table-09","t":"Data Table","d":"A data table component","s":"shadcnui-blocks","c":"data-display/table","sb":"Data tables","hc":1},{"id":"shadcnui-blocks:table-10","t":"Data Table Density","d":"A data table with density controls","s":"shadcnui-blocks","c":"data-display/table","sb":"Data tables","hc":1},{"id":"shadcnui-blocks:table-11","t":"Columns Visibility Table","d":"A table with columns visibility control","s":"shadcnui-blocks","c":"data-display/table","sb":"Data tables","hc":1},{"id":"shadcnui-blocks:tabs-01","t":"Default Tabs","d":"Default tabs component","s":"shadcnui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcnui-blocks:tabs-02","t":"Underlined Tabs","d":"Tabs with underlined style","s":"shadcnui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcnui-blocks:tabs-03","t":"Separated Tabs","d":"Tabs with separated style","s":"shadcnui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcnui-blocks:tabs-04","t":"Bordered Tabs","d":"Tabs with bordered style","s":"shadcnui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcnui-blocks:tabs-05","t":"Box Tabs","d":"Tabs with box style","s":"shadcnui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcnui-blocks:tabs-06","t":"Bootstrap Tabs","d":"Tabs with bootstrap style","s":"shadcnui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcnui-blocks:tabs-07","t":"Icon Tabs","d":"Tabs with icons","s":"shadcnui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcnui-blocks:tabs-08","t":"Mobile Navigation Tabs","d":"Tabs designed for mobile navigation","s":"shadcnui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcnui-blocks:tabs-09","t":"Tabs with Badge","d":"Tabs with badge indicators","s":"shadcnui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcnui-blocks:tabs-10","t":"Sharp Tabs","d":"Tabs with sharp corners","s":"shadcnui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcnui-blocks:tabs-11","t":"Shadow Tabs","d":"Tabs with shadow effect","s":"shadcnui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcnui-blocks:tabs-12","t":"Skewed Tabs","d":"Tabs with skewed shape","s":"shadcnui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcnui-blocks:tabs-13","t":"Vertical Tabs","d":"Tabs with vertical orientation","s":"shadcnui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcnui-blocks:tabs-14","t":"Vertical Left Bordered Tabs","d":"Vertical tabs with left border","s":"shadcnui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcnui-blocks:tabs-15","t":"Vertical Separated Tabs","d":"Vertical tabs with separated style","s":"shadcnui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcnui-blocks:tabs-16","t":"Vertical Sharp Tabs","d":"Vertical tabs with sharp corners","s":"shadcnui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcnui-blocks:tabs-17","t":"Vertical Bordered Tabs","d":"Vertical tabs with borders","s":"shadcnui-blocks","c":"navigation/tabs","hc":1},{"id":"shadcnui-blocks:tabs-18","t":"Animated Tabs","d":"Tabs with content animation","s":"shadcnui-blocks","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"shadcnui-blocks:textarea-01","t":"Default Textarea","d":"A default textarea component","s":"shadcnui-blocks","c":"inputs/textarea","hc":1},{"id":"shadcnui-blocks:textarea-02","t":"Textarea with Background Color","d":"A textarea component with background color","s":"shadcnui-blocks","c":"inputs/textarea","hc":1},{"id":"shadcnui-blocks:textarea-03","t":"Disabled Textarea","d":"A disabled textarea component","s":"shadcnui-blocks","c":"inputs/textarea","hc":1},{"id":"shadcnui-blocks:textarea-04","t":"Textarea with Label","d":"A textarea component with a label","s":"shadcnui-blocks","c":"inputs/textarea","hc":1},{"id":"shadcnui-blocks:textarea-05","t":"Textarea with Rows","d":"A textarea component with custom rows","s":"shadcnui-blocks","c":"inputs/textarea","hc":1},{"id":"shadcnui-blocks:textarea-06","t":"Textarea with Helper Text","d":"A textarea component with helper text","s":"shadcnui-blocks","c":"inputs/textarea","hc":1},{"id":"shadcnui-blocks:textarea-07","t":"Controlled Textarea","d":"A controlled textarea component","s":"shadcnui-blocks","c":"inputs/textarea","hc":1},{"id":"shadcnui-blocks:tooltip-01","t":"Default Tooltip","d":"A default tooltip component","s":"shadcnui-blocks","c":"overlays/tooltip","hc":1},{"id":"shadcnui-blocks:tooltip-02","t":"Tooltip with Arrow","d":"A tooltip component with an arrow","s":"shadcnui-blocks","c":"overlays/tooltip","hc":1},{"id":"shadcnui-blocks:tooltip-07","t":"Tooltip Portal","d":"A tooltip component using portal for rendering","s":"shadcnui-blocks","c":"overlays/tooltip","hc":1},{"id":"shadcnui-blocks:tooltip-03","t":"Tooltip Directions","d":"A tooltip component with different directions","s":"shadcnui-blocks","c":"overlays/tooltip","hc":1},{"id":"shadcnui-blocks:tooltip-05","t":"Tooltip with Delay","d":"A tooltip component with delay settings","s":"shadcnui-blocks","c":"overlays/tooltip","hc":1},{"id":"shadcnui-blocks:tooltip-06","t":"Tooltip with Skip Delay Duration","d":"A tooltip component with skip delay duration settings","s":"shadcnui-blocks","c":"overlays/tooltip","hc":1},{"id":"shadcnui-blocks:tooltip-04","t":"Tooltip with Disabled Hoverable Content","d":"A tooltip component with disabled hoverable content","s":"shadcnui-blocks","c":"overlays/tooltip","hc":1},{"id":"shadcnui-blocks:og-01","t":"OG Image #1","d":"Simple centered text","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:og-02","t":"OG Image #2","d":"With logo, title and description","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-03","t":"OG Image #3","d":"With title and image","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-04","t":"OG Image #4","d":"With gradient background","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"shadcnui-blocks:og-05","t":"OG Image #5","d":"With Aurora Silk Fade background","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"shadcnui-blocks:og-06","t":"OG Image #6","d":"With grid background pattern","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-07","t":"OG Image #7","d":"With warm orange glow center","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","tg":["neon"],"sy":["neon"],"hc":1},{"id":"shadcnui-blocks:og-08","t":"OG Image #8","d":"With title, logo, description and author image","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-09","t":"OG Image #9","d":"With spilling background","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-10","t":"OG Image #10","d":"With box layout","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-11","t":"OG Image #11","d":"With image on the right","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-12","t":"OG Image #12","d":"With image on the right","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-13","t":"OG Image #13","d":"With image on the right","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-14","t":"OG Image #14","d":"With image on the right","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-15","t":"OG Image #15","d":"With image on the right","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-16","t":"OG Image #16","d":"With image on the right","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-17","t":"OG Image #17","d":"With image on the right","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-18","t":"OG Image #18","d":"With image on the right","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-19","t":"OG Image #19","d":"With image on the right","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-20","t":"OG Image #20","d":"With image on the right","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-21","t":"OG Image #21","d":"With image on the right","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-22","t":"OG Image #22","d":"With image on the right","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-23","t":"OG Image #23","d":"With image on the right","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-24","t":"OG Image #24","d":"With image on the right","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-25","t":"OG Image #25","d":"With image on the right","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-26","t":"OG Image #26","d":"With image on the right","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-27","t":"OG Image #27","d":"With image on the right","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-28","t":"OG Image #28","d":"With image on the right","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-29","t":"OG Image #29","d":"With title, description and image","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-30","t":"OG Image #30","d":"With title, description and image in box layout","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-31","t":"OG Image #31","d":"With image on the right","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:og-32","t":"OG Image #32","d":"With image on the right","k":"resource","s":"shadcnui-blocks","c":"assets/og-image","hc":1},{"id":"shadcnui-blocks:blog-01","t":"Blog #1","d":"A simple blog post list","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:blog-02","t":"Blog #2","d":"A simple blog post list","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:blog-03","t":"Blog #3","d":"A simple blog post list","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:contact-01","t":"Contact #1","d":"A simple contact form","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:contact-02","t":"Contact #2","d":"A simple contact form","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:contact-03","t":"Contact #3","d":"A simple contact form","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Contact","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:faq-01","t":"FAQ #1","d":"A simple FAQ component","k":"section","s":"shadcnui-blocks","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:faq-02","t":"FAQ #2","d":"A simple FAQ component","k":"section","s":"shadcnui-blocks","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:faq-03","t":"FAQ #3","d":"A simple FAQ component","k":"section","s":"shadcnui-blocks","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:faq-04","t":"FAQ #4","d":"A simple FAQ component","k":"section","s":"shadcnui-blocks","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:faq-05","t":"FAQ #5","d":"A simple FAQ component","k":"section","s":"shadcnui-blocks","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:faq-06","t":"FAQ #6","d":"A simple FAQ component","k":"section","s":"shadcnui-blocks","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:faq-07","t":"FAQ #7","d":"A simple FAQ component","k":"section","s":"shadcnui-blocks","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:features-01","t":"Features #1","d":"A simple features block","k":"section","s":"shadcnui-blocks","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:features-02","t":"Features #2","d":"A simple features block","k":"section","s":"shadcnui-blocks","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:features-03","t":"Features #3","d":"A simple features block","k":"section","s":"shadcnui-blocks","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:features-04","t":"Features #4","d":"A simple features block","k":"section","s":"shadcnui-blocks","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:features-05","t":"Features #5","d":"A simple features block","k":"section","s":"shadcnui-blocks","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:features-06","t":"Features #6","d":"A simple features block","k":"section","s":"shadcnui-blocks","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:features-07","t":"Features #7","d":"A simple features block","k":"section","s":"shadcnui-blocks","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:footer-01","t":"Footer #1","d":"A simple footer block","k":"section","s":"shadcnui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:footer-02","t":"Footer #2","d":"A simple footer block","k":"section","s":"shadcnui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:footer-03","t":"Footer #3","d":"A simple footer block","k":"section","s":"shadcnui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:footer-04","t":"Footer #4","d":"A simple footer block","k":"section","s":"shadcnui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:footer-05","t":"Footer #5","d":"A simple footer block","k":"section","s":"shadcnui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:hero-01","t":"Hero #1","d":"A simple hero block","k":"section","s":"shadcnui-blocks","c":"marketing/hero","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:hero-02","t":"Hero #2","d":"A simple hero block","k":"section","s":"shadcnui-blocks","c":"marketing/hero","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:hero-03","t":"Hero #3","d":"A simple hero block","k":"section","s":"shadcnui-blocks","c":"marketing/hero","tg":["gradient","minimal"],"sb":"Animated background","sy":["gradient","minimal"],"hc":1},{"id":"shadcnui-blocks:hero-04","t":"Hero #4","d":"A simple hero block","k":"section","s":"shadcnui-blocks","c":"marketing/hero","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:hero-05","t":"Hero #5","d":"A simple hero block","k":"section","s":"shadcnui-blocks","c":"marketing/hero","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:hero-06","t":"Hero #6","d":"A simple hero block","k":"section","s":"shadcnui-blocks","c":"marketing/hero","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:hero-07","t":"Hero #7","d":"A simple hero block","k":"section","s":"shadcnui-blocks","c":"marketing/hero","tg":["minimal"],"sb":"Animated background","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:login-01","t":"Login #1","d":"A simple login block","k":"layout","s":"shadcnui-blocks","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:login-02","t":"Login #2","d":"A simple login block","k":"layout","s":"shadcnui-blocks","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:login-03","t":"Login #3","d":"A simple login block","k":"layout","s":"shadcnui-blocks","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:login-04","t":"Login #4","d":"A simple login block","k":"layout","s":"shadcnui-blocks","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:login-05","t":"Login #5","d":"A simple login block","k":"layout","s":"shadcnui-blocks","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:logo-cloud-01","t":"Logo Cloud #1","d":"A simple logos block","k":"section","s":"shadcnui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:logo-cloud-02","t":"Logo Cloud #2","d":"A simple logos block","k":"section","s":"shadcnui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:logo-cloud-03","t":"Logo Cloud #3","d":"A simple logos block","k":"section","s":"shadcnui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:logo-cloud-04","t":"Logo Cloud #4","d":"A simple logos block","k":"section","s":"shadcnui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:logo-cloud-05","t":"Logo Cloud #5","d":"A simple logos block","k":"section","s":"shadcnui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:logo-cloud-06","t":"Logo Cloud #6","d":"A simple logos block","k":"section","s":"shadcnui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:logo-cloud-07","t":"Logo Cloud #7","d":"A simple logos block","k":"section","s":"shadcnui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:navbar-01","t":"Navbar #1","d":"A simple navbar block","s":"shadcnui-blocks","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:navbar-02","t":"Navbar #2","d":"A simple navbar block","s":"shadcnui-blocks","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:navbar-03","t":"Navbar #3","d":"A simple navbar block","s":"shadcnui-blocks","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:navbar-04","t":"Navbar #4","d":"A simple navbar block","s":"shadcnui-blocks","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:navbar-05","t":"Navbar #5","d":"A simple navbar block","s":"shadcnui-blocks","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:pricing-01","t":"Pricing #1","d":"A simple pricing block","k":"section","s":"shadcnui-blocks","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:pricing-02","t":"Pricing #2","d":"A simple pricing block","k":"section","s":"shadcnui-blocks","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:pricing-03","t":"Pricing #3","d":"A simple pricing block","k":"section","s":"shadcnui-blocks","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:pricing-04","t":"Pricing #4","d":"A simple pricing block","k":"section","s":"shadcnui-blocks","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:pricing-05","t":"Pricing #5","d":"A simple pricing block","k":"section","s":"shadcnui-blocks","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:pricing-06","t":"Pricing #6","d":"A simple pricing block","k":"section","s":"shadcnui-blocks","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:signup-01","t":"Signup #1","d":"A simple signup block","k":"layout","s":"shadcnui-blocks","c":"flows/sign-in","tg":["minimal"],"sb":"Sign up","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:signup-02","t":"Signup #2","d":"A simple signup block","k":"layout","s":"shadcnui-blocks","c":"flows/sign-in","tg":["minimal"],"sb":"Sign up","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:signup-03","t":"Signup #3","d":"A simple signup block","k":"layout","s":"shadcnui-blocks","c":"flows/sign-in","tg":["minimal"],"sb":"Sign up","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:signup-04","t":"Signup #4","d":"A simple signup block","k":"layout","s":"shadcnui-blocks","c":"flows/sign-in","tg":["minimal"],"sb":"Sign up","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:signup-05","t":"Signup #5","d":"A simple signup block","k":"layout","s":"shadcnui-blocks","c":"flows/sign-in","tg":["minimal"],"sb":"Sign up","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:stats-01","t":"Stats #1","d":"A simple stats block","s":"shadcnui-blocks","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:stats-02","t":"Stats #2","d":"A simple stats block","s":"shadcnui-blocks","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:team-01","t":"Team #1","d":"A simple team block","k":"section","s":"shadcnui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:team-02","t":"Team #2","d":"A simple team block","k":"section","s":"shadcnui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:team-03","t":"Team #3","d":"A simple team block","k":"section","s":"shadcnui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:team-04","t":"Team #4","d":"A simple team block","k":"section","s":"shadcnui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:team-05","t":"Team #5","d":"A simple team block","k":"section","s":"shadcnui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:testimonials-01","t":"Testimonials #1","d":"A simple testimonial block","k":"section","s":"shadcnui-blocks","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:testimonials-02","t":"Testimonials #2","d":"A simple testimonial block","k":"section","s":"shadcnui-blocks","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:testimonials-03","t":"Testimonials #3","d":"A simple testimonial block","k":"section","s":"shadcnui-blocks","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:testimonials-04","t":"Testimonials #4","d":"A simple testimonial block","k":"section","s":"shadcnui-blocks","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:testimonials-05","t":"Testimonials #5","d":"A simple testimonial block","k":"section","s":"shadcnui-blocks","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:testimonials-06","t":"Testimonials #6","d":"A simple testimonial block","k":"section","s":"shadcnui-blocks","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:timeline-01","t":"Timeline #1","d":"A simple timeline block with vertically spaced dots","s":"shadcnui-blocks","c":"data-display/timeline","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:timeline-02","t":"Timeline #2","d":"A simple timeline block with icons","s":"shadcnui-blocks","c":"data-display/timeline","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:timeline-03","t":"Timeline #3","d":"A simple timeline with custom elements","s":"shadcnui-blocks","c":"data-display/timeline","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:timeline-04","t":"Timeline #4","d":"A simple timeline block for process steps","s":"shadcnui-blocks","c":"data-display/timeline","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:timeline-05","t":"Timeline #5","d":"A simple timeline block for process steps with completion status","s":"shadcnui-blocks","c":"data-display/timeline","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:timeline-06","t":"Timeline #6","d":"A simple timeline block with changelog","s":"shadcnui-blocks","c":"data-display/timeline","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:banner-01","t":"Banner #1","d":"A simple banner block","s":"shadcnui-blocks","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:banner-02","t":"Banner #2","d":"A simple banner block","s":"shadcnui-blocks","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:banner-03","t":"Banner #3","d":"A simple banner block","s":"shadcnui-blocks","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:banner-04","t":"Banner #4","d":"A simple banner block","s":"shadcnui-blocks","c":"overlays/alert-banner","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:cta-01","t":"CTA #1","d":"A simple CTA block","k":"section","s":"shadcnui-blocks","c":"marketing/cta","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:cta-02","t":"CTA #2","d":"A simple CTA block","k":"section","s":"shadcnui-blocks","c":"marketing/cta","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:cta-03","t":"CTA #3","d":"A simple CTA block","k":"section","s":"shadcnui-blocks","c":"marketing/cta","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:cta-04","t":"CTA #4","d":"A simple CTA block","k":"section","s":"shadcnui-blocks","c":"marketing/cta","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:cta-05","t":"CTA #5","d":"A simple CTA block","k":"section","s":"shadcnui-blocks","c":"marketing/cta","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:cta-06","t":"CTA #6","d":"A simple CTA block","k":"section","s":"shadcnui-blocks","c":"marketing/cta","tg":["minimal","webgl"],"sy":["minimal","webgl"],"hc":1},{"id":"shadcnui-blocks:cta-07","t":"CTA #7","d":"A simple CTA block","k":"section","s":"shadcnui-blocks","c":"marketing/cta","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:carousel-block-01","t":"Carousel Block #1","d":"A simple carousel block","s":"shadcnui-blocks","c":"media/carousel","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:carousel-block-02","t":"Carousel Block #2","d":"A simple carousel block","s":"shadcnui-blocks","c":"media/carousel","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:changelog-01","t":"Changelog #1","d":"A simple changelog block","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:changelog-02","t":"Changelog #2","d":"A simple changelog block","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:changelog-03","t":"Changelog #3","d":"A simple changelog block","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:code-block-01","t":"Code Block #1","d":"A simple code block","s":"shadcnui-blocks","c":"data-display/code-block","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:code-block-02","t":"Code Block #2","d":"A simple code block","s":"shadcnui-blocks","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:code-block-03","t":"Code Block #3","d":"A simple code block","s":"shadcnui-blocks","c":"data-display/code-block","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:empty-state-01","t":"Empty State #1","d":"A simple empty state block","s":"shadcnui-blocks","c":"data-display/empty-state","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:empty-state-02","t":"Empty State #2","d":"A simple empty state block","s":"shadcnui-blocks","c":"data-display/empty-state","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:empty-state-03","t":"Empty State #3","d":"A simple empty state block","s":"shadcnui-blocks","c":"data-display/empty-state","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:empty-state-04","t":"Empty State #4","d":"A simple empty state block","s":"shadcnui-blocks","c":"data-display/empty-state","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:invite-member-01","t":"Invite Member #1","d":"A simple invite member block","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Team and about","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:invite-member-02","t":"Invite Member #2","d":"A simple invite member block","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Team and about","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:invite-member-03","t":"Invite Member #3","d":"A simple invite member block","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Team and about","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:keyboard-shortcuts-01","t":"Keyboard Shortcuts 01","d":"A simple keyboard shortcuts block","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:keyboard-shortcuts-02","t":"Keyboard Shortcuts 02","d":"A simple keyboard shortcuts block","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:keyboard-shortcuts-03","t":"Keyboard Shortcuts 03","d":"A simple keyboard shortcuts block","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:keyboard-shortcuts-04","t":"Keyboard Shortcuts 04","d":"A simple keyboard shortcuts block","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:members-01","t":"Members #1","d":"A simple members block","k":"section","s":"shadcnui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:members-02","t":"Members #2","d":"A simple members block","k":"section","s":"shadcnui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:members-03","t":"Members #3","d":"A simple members block","k":"section","s":"shadcnui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:order-confirmation-01","t":"Order Confirmation 01","d":"A simple order confirmation block","s":"shadcnui-blocks","c":"overlays/dialog","tg":["minimal"],"sb":"Confirm","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:order-confirmation-02","t":"Order Confirmation 02","d":"A simple order confirmation block","s":"shadcnui-blocks","c":"overlays/dialog","tg":["minimal"],"sb":"Confirm","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:profile-01","t":"Profile #1","d":"A simple profile block","s":"shadcnui-blocks","c":"data-display/profile","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:profile-02","t":"Profile #2","d":"A simple profile block","s":"shadcnui-blocks","c":"data-display/profile","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:profile-03","t":"Profile #3","d":"A simple profile block","s":"shadcnui-blocks","c":"data-display/profile","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:profile-04","t":"Profile #4","d":"A simple profile block","s":"shadcnui-blocks","c":"data-display/profile","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:setup-guide-01","t":"Setup Guide #1","d":"A simple setup guide block","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:setup-guide-02","t":"Setup Guide #2","d":"A simple setup guide block","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:setup-guide-03","t":"Setup Guide #3","d":"A simple setup guide block","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:setup-guide-04","t":"Setup Guide #4","d":"A simple setup guide block","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:verification-01","t":"Verification #1","d":"A simple verification block","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:hero-08","t":"Hero #8","d":"A simple hero block","k":"section","s":"shadcnui-blocks","c":"marketing/hero","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:features-08","t":"Features #8","d":"A simple features block","k":"section","s":"shadcnui-blocks","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:features-09","t":"Features #9","d":"A simple features block","k":"section","s":"shadcnui-blocks","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:features-10","t":"Features #10","d":"A simple features block","k":"section","s":"shadcnui-blocks","c":"marketing/features","tg":["minimal"],"sb":"Grid of cards","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:features-11","t":"Features #11","d":"A simple features block","k":"section","s":"shadcnui-blocks","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:features-12","t":"Features #12","d":"A simple features block","k":"section","s":"shadcnui-blocks","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:features-13","t":"Features #13","d":"A simple features block","k":"section","s":"shadcnui-blocks","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:features-14","t":"Features #14","d":"A simple features block","k":"section","s":"shadcnui-blocks","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:features-15","t":"Features #15","d":"A simple features block","k":"section","s":"shadcnui-blocks","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:features-16","t":"Features #16","d":"A simple features block","k":"section","s":"shadcnui-blocks","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:features-17","t":"Features #17","d":"A simple features block","k":"section","s":"shadcnui-blocks","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:features-18","t":"Features #18","d":"A simple features block","k":"section","s":"shadcnui-blocks","c":"marketing/features","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:features-19","t":"Features #19","d":"A contained features block with a call to action","k":"section","s":"shadcnui-blocks","c":"marketing/features","hc":1},{"id":"shadcnui-blocks:faq-08","t":"FAQ #8","d":"A simple FAQ block","k":"section","s":"shadcnui-blocks","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:faq-09","t":"FAQ #9","d":"A simple FAQ block","k":"section","s":"shadcnui-blocks","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:faq-10","t":"FAQ #10","d":"A simple FAQ block","k":"section","s":"shadcnui-blocks","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:faq-11","t":"FAQ #11","d":"A simple FAQ block","k":"section","s":"shadcnui-blocks","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:faq-12","t":"FAQ #12","d":"A simple FAQ block","k":"section","s":"shadcnui-blocks","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:faq-13","t":"FAQ #13","d":"A simple FAQ block","k":"section","s":"shadcnui-blocks","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:faq-14","t":"FAQ #14","d":"A simple FAQ block","k":"section","s":"shadcnui-blocks","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:footer-06","t":"Footer #6","d":"A simple footer block","k":"section","s":"shadcnui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:footer-07","t":"Footer #7","d":"A simple footer block","k":"section","s":"shadcnui-blocks","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:login-06","t":"Login #6","d":"A simple login block","k":"layout","s":"shadcnui-blocks","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:login-07","t":"Login #7","d":"A simple login block","k":"layout","s":"shadcnui-blocks","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:login-08","t":"Login #8","d":"A simple login block","k":"layout","s":"shadcnui-blocks","c":"flows/sign-in","tg":["minimal"],"sb":"Sign in","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:logo-cloud-08","t":"Logo Cloud #8","d":"A simple logo cloud block","k":"section","s":"shadcnui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:logo-cloud-09","t":"Logo Cloud #9","d":"A simple logo cloud block","k":"section","s":"shadcnui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:logo-cloud-10","t":"Logo Cloud #10","d":"A simple logo cloud block","k":"section","s":"shadcnui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:logo-cloud-11","t":"Logo Cloud #11","d":"A simple logo cloud block","k":"section","s":"shadcnui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:logo-cloud-12","t":"Logo Cloud #12","d":"A simple logo cloud block","k":"section","s":"shadcnui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:logo-cloud-13","t":"Logo Cloud #13","d":"A simple logo cloud block","k":"section","s":"shadcnui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:logo-cloud-14","t":"Logo Cloud #14","d":"A simple logo cloud block","k":"section","s":"shadcnui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:logo-cloud-15","t":"Logo Cloud #15","d":"A simple logo cloud block","k":"section","s":"shadcnui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:pricing-07","t":"Pricing #7","d":"A simple pricing block","k":"section","s":"shadcnui-blocks","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:pricing-08","t":"Pricing #8","d":"A simple pricing block","k":"section","s":"shadcnui-blocks","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:pricing-09","t":"Pricing #9","d":"A simple pricing block","k":"section","s":"shadcnui-blocks","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:pricing-10","t":"Pricing #10","d":"A simple pricing block","k":"section","s":"shadcnui-blocks","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:signup-06","t":"Signup #6","d":"A simple signup block","k":"layout","s":"shadcnui-blocks","c":"flows/sign-in","tg":["minimal"],"sb":"Sign up","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:signup-07","t":"Signup #7","d":"A simple signup block","k":"layout","s":"shadcnui-blocks","c":"flows/sign-in","tg":["minimal"],"sb":"Sign up","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:signup-08","t":"Signup #8","d":"A simple signup block","k":"layout","s":"shadcnui-blocks","c":"flows/sign-in","tg":["minimal"],"sb":"Sign up","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:stats-03","t":"Stats #3","d":"A simple stats block","s":"shadcnui-blocks","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:stats-04","t":"Stats #4","d":"A simple stats block","s":"shadcnui-blocks","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:stats-05","t":"Stats #5","d":"A simple stats block","s":"shadcnui-blocks","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:stats-06","t":"Stats #6","d":"A simple stats block","s":"shadcnui-blocks","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:stats-07","t":"Stats #7","d":"A simple stats block","s":"shadcnui-blocks","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:stats-08","t":"Stats #8","d":"A simple stats block","s":"shadcnui-blocks","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:stats-09","t":"Stats #9","d":"A simple stats block","s":"shadcnui-blocks","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:stats-10","t":"Stats #10","d":"A simple stats block","s":"shadcnui-blocks","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:stats-11","t":"Stats #11","d":"A simple stats block","s":"shadcnui-blocks","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:team-06","t":"Team #6","d":"A simple team block","k":"section","s":"shadcnui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:team-07","t":"Team #7","d":"A simple team block","k":"section","s":"shadcnui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:team-08","t":"Team #8","d":"A simple team block","k":"section","s":"shadcnui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:team-09","t":"Team #9","d":"A simple team block","k":"section","s":"shadcnui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:team-10","t":"Team #10","d":"A simple team block","k":"section","s":"shadcnui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:team-11","t":"Team #11","d":"A simple team block","k":"section","s":"shadcnui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:team-12","t":"Team #12","d":"A simple team block","k":"section","s":"shadcnui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:team-13","t":"Team #13","d":"A simple team block","k":"section","s":"shadcnui-blocks","c":"marketing/team","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:testimonials-07","t":"Testimonials #7","d":"A simple testimonials block","k":"section","s":"shadcnui-blocks","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:testimonials-08","t":"Testimonials #8","d":"A simple testimonials block","k":"section","s":"shadcnui-blocks","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:testimonials-09","t":"Testimonials #9","d":"A simple testimonials block","k":"section","s":"shadcnui-blocks","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:testimonials-10","t":"Testimonials #10","d":"A simple testimonials block","k":"section","s":"shadcnui-blocks","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:testimonials-11","t":"Testimonials #11","d":"A simple testimonials block","k":"section","s":"shadcnui-blocks","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:testimonials-12","t":"Testimonials #12","d":"A simple testimonials block","k":"section","s":"shadcnui-blocks","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:testimonials-13","t":"Testimonials #13","d":"A simple testimonials block","k":"section","s":"shadcnui-blocks","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:blog-04","t":"Blog #4","d":"A simple blog block","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:blog-05","t":"Blog #5","d":"A simple blog block","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:blog-06","t":"Blog #6","d":"A simple blog block","k":"section","s":"shadcnui-blocks","c":"marketing/marketing","tg":["minimal"],"sb":"Blog and posts","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:not-found-01","t":"Not Found #1","d":"A simple 404 not found block","k":"page","s":"shadcnui-blocks","c":"pages/templates","tg":["minimal"],"sb":"Error and status pages","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:not-found-02","t":"Not Found #2","d":"A 404 not found block with big text, suggestions, and actions","k":"page","s":"shadcnui-blocks","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"shadcnui-blocks:not-found-03","t":"Not Found #3","d":"A 404 not found block with a split layout","k":"page","s":"shadcnui-blocks","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"shadcnui-blocks:not-found-04","t":"Not Found #4","d":"A 404 not found block with a search input","k":"page","s":"shadcnui-blocks","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"shadcnui-blocks:not-found-05","t":"Not Found #5","d":"A minimal 404 not found block","k":"page","s":"shadcnui-blocks","c":"pages/templates","tg":["minimal"],"sb":"Error and status pages","sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:not-found-06","t":"Not Found #6","d":"A 404 not found block with popular page cards","k":"page","s":"shadcnui-blocks","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"shadcnui-blocks:not-found-07","t":"Not Found #7","d":"A humorous 404 not found block with a glitch effect","k":"page","s":"shadcnui-blocks","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"shadcnui-blocks:not-found-08","t":"Not Found #8","d":"A 404 not found block with a full-page background text","k":"page","s":"shadcnui-blocks","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"shadcnui-blocks:integrations-01","t":"Integrations #1","d":"A simple integrations block","k":"section","s":"shadcnui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:integrations-02","t":"Integrations #2","d":"A simple integrations block","k":"section","s":"shadcnui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:integrations-03","t":"Integrations #3","d":"A simple integrations block","k":"section","s":"shadcnui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:integrations-04","t":"Integrations #4","d":"A simple integrations block","k":"section","s":"shadcnui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnui-blocks:integrations-05","t":"Integrations #5","d":"A simple integrations block","k":"section","s":"shadcnui-blocks","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnuikit:ai-chat1","t":"Ai chat","d":"Chat home with a sidebar of grouped chat history, a header model menu with copy link and s","s":"shadcnuikit","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Chat","sy":["webgl"],"hc":1},{"id":"shadcnuikit:ai-chat10","t":"Ai chat","d":"Recruiting assistant with a searchable sidebar, a welcome composer with Attach, Upload ima","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:ai-chat11","t":"Ai chat","d":"Finance assistant with a workspace menu, sidebar navigation with a Budget badge, a trial c","s":"shadcnuikit","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Chat","sy":["webgl"]},{"id":"shadcnuikit:ai-chat12","t":"Ai chat","d":"Image generator with three stacked cover images, a greeting, recent prompt buttons, a dism","s":"shadcnuikit","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Chat","sy":["webgl"]},{"id":"shadcnuikit:ai-chat13","t":"Ai chat","d":"Centered composer with a segmented research, image and ideas toggle, a model dropdown, web","s":"shadcnuikit","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Chat","sy":["webgl"]},{"id":"shadcnuikit:ai-chat14","t":"Ai chat","d":"Conversation screen with a folder sidebar, collapsible assistant replies with clickable st","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:ai-chat15","t":"Ai chat","d":"Group chat window with member avatars, a video call button group, bubbles with a shared fi","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:ai-chat16","t":"Ai chat","d":"Left aligned chat home with a recents sidebar, a version dropdown, a New chat button, a co","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:ai-chat17","t":"Ai chat","d":"Minimal start screen with a header model menu, four starter rows that send immediately, th","s":"shadcnuikit","c":"ai-agent/ai-agent","tg":["minimal","webgl"],"sb":"Chat","sy":["minimal","webgl"]},{"id":"shadcnuikit:ai-chat18","t":"Ai chat","d":"Assistant side panel beside a placeholder page with a thread menu, a reply with source chi","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:ai-chat19","t":"Ai chat","d":"Assistant side panel that asks three scoping questions with a progress bar, checkbox and r","s":"shadcnuikit","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Chat","sy":["webgl"]},{"id":"shadcnuikit:ai-chat2","t":"Ai chat","d":"Minimal chat home with a sidebar search field, pinned and dated chats, a greeting, a compo","s":"shadcnuikit","c":"ai-agent/ai-agent","tg":["minimal"],"sb":"Chat","sy":["minimal"]},{"id":"shadcnuikit:ai-chat20","t":"Ai chat","d":"Floating chat widget over a placeholder dashboard with new chat, history, expand, minimize","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:ai-chat21","t":"Ai chat","d":"Chat workspace with an icon rail, a chat list with search, saved assistants and collapsibl","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:ai-chat3","t":"Ai chat","d":"Assistant workspace with tool navigation, collapsible Recent and Favorites groups, a Resea","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:ai-chat4","t":"Ai chat","d":"Sales assistant home with a workspace switcher, Sequencing navigation, an onboarding progr","s":"shadcnuikit","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Chat","sy":["webgl"]},{"id":"shadcnuikit:ai-chat5","t":"Ai chat","d":"Single centered composer with a two tone heading, an Attach button, a web search toggle, a","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:ai-chat6","t":"Ai chat","d":"Legal assistant start page with four task cards that fill the prompt, a composer with a Re","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:ai-chat7","t":"Ai chat","d":"Logged out chat landing page with a language menu, Log in button, composer with model sele","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:ai-chat8","t":"Ai chat","d":"Composer with a model popover opened by default: searchable list with provider logos, Auto","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:ai-chat9","t":"Ai chat","d":"Chat home with a six item sidebar, a waving greeting, three idea cards that fill the promp","s":"shadcnuikit","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Chat","sy":["webgl"]},{"id":"shadcnuikit:chat-ui1","t":"Chat UI","d":"Two pane messenger with a searchable chat list showing unread badges and read checks, and ","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:chat-ui10","t":"Chat UI","d":"Omnichannel CRM chat with channel badges on avatars, tag chips with unread and starred fil","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:chat-ui2","t":"Chat UI","d":"Three column messenger with your profile and online friends on the left, a searchable conv","s":"shadcnuikit","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Chat","sy":["webgl"]},{"id":"shadcnuikit:chat-ui3","t":"Chat UI","d":"Team messenger with chats grouped into Team and Personal, a top tab bar, grouped message b","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:chat-ui4","t":"Chat UI","d":"Shared inbox with view and team inbox navigation, toggles for tasks and discussions, a tim","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:chat-ui5","t":"Chat UI","d":"Support desk with an icon rail, collapsible inbox views by team and teammate, a ticket thr","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:chat-ui6","t":"Chat UI","d":"AI agent inbox with a workspace switcher, Open and Closed lists filtered by priority, an e","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:chat-ui7","t":"Chat UI","d":"Video meeting with a speaker stage, a scrollable participant strip, camera, mic and screen","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:chat-ui8","t":"Chat UI","d":"Group messenger with a folder rail, pinned chats, mention highlights, photo and voice mess","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:chat-ui9","t":"Chat UI","d":"Video call with a running timer, a pinned speaker above three video tiles, emoji reactions","s":"shadcnuikit","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Chat","sy":["webgl"]},{"id":"shadcnuikit:event-calendar1","t":"Event calendar","d":"Event calendar with month, week, day and agenda views, keyboard view shortcuts, drag to re","s":"shadcnuikit","c":"data-display/calendar"},{"id":"shadcnuikit:event-calendar2","t":"Event calendar","d":"Month calendar with collapsible sidebar holding user menu, date picker and grouped calenda","s":"shadcnuikit","c":"data-display/calendar"},{"id":"shadcnuikit:event-calendar3","t":"Event calendar","d":"Day planner with icon rail, greeting, mini month with event dots and weekend shading, hour","s":"shadcnuikit","c":"data-display/calendar"},{"id":"shadcnuikit:event-calendar4","t":"Event calendar","d":"Minimal calendar with month dropdown, large selected date, to-do list with time badges, ne","s":"shadcnuikit","c":"data-display/calendar","tg":["minimal"],"sy":["minimal"]},{"id":"shadcnuikit:gantt-chart1","t":"Gantt chart","d":"Product roadmap timeline grouped by team with a team filter, Daily, Monthly and Quarterly ","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:gantt-chart2","t":"Gantt chart","d":"Construction schedule grouped by phase with overall progress, overdue counts, task search,","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:gantt-chart3","t":"Gantt chart","d":"Team resource planner with one lane per person grouped by department, monthly load badges,","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:kanban-board1","t":"Kanban board","d":"Sprint board with five draggable columns from Backlog to Done, cards with update time, pro","s":"shadcnuikit","c":"data-display/kanban"},{"id":"shadcnuikit:kanban-board2","t":"Kanban board","d":"Project board with Board, List and Table tabs, status icon columns, cards with description","s":"shadcnuikit","c":"data-display/kanban"},{"id":"shadcnuikit:kanban-board3","t":"Kanban board","d":"Sales pipeline with four stages summing deal values in dollars, lead cards with channel ic","s":"shadcnuikit","c":"data-display/kanban"},{"id":"shadcnuikit:kanban-board4","t":"Kanban board","d":"Team board with a sidebar of members and projects that filter cards, email invite, tag fil","s":"shadcnuikit","c":"data-display/kanban"},{"id":"shadcnuikit:kanban-board5","t":"Kanban board","d":"Project board with Board, Table and Timeline tabs, back and forward view history, cards wi","s":"shadcnuikit","c":"data-display/kanban"},{"id":"shadcnuikit:kanban-board6","t":"Kanban board","d":"Onboarding checklist as collapsible status groups with draggable rows, done checkbox, subt","s":"shadcnuikit","c":"data-display/kanban"},{"id":"shadcnuikit:kanban-board7","t":"Kanban board","d":"AI agent board where prompt cards with model badge and attached files move from Backlog an","s":"shadcnuikit","c":"data-display/kanban"},{"id":"shadcnuikit:mail-app1","t":"Mail app","d":"Three pane mail client with resizable, collapsible folder navigation, account select, colo","s":"shadcnuikit","c":"overlays/dialog","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:mail-app2","t":"Mail app","d":"Inbox start page with greeting, live clock and three counters, day grouped inbox with prio","s":"shadcnuikit","c":"overlays/notifications","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:mail-app3","t":"Mail app","d":"Mail app with workspace rail, sidebar holding account menu, Cmd+K search, compose, nested ","s":"shadcnuikit","c":"navigation/sidebar"},{"id":"shadcnuikit:mail-app4","t":"Mail app","d":"Sales inbox with tabbed lead conversations, thread with AI summary showing intent, sentime","s":"shadcnuikit","c":"ai-agent/ai-agent"},{"id":"shadcnuikit:mail-app5","t":"Mail app","d":"Inbox with workspace switcher, folders and labels you can add inline, starrable message li","s":"shadcnuikit","c":"overlays/dialog"},{"id":"shadcnuikit:mail-app6","t":"Mail app","d":"Inbox with account switcher, core and smart folders, Primary, Promotions, Social and Updat","s":"shadcnuikit","c":"overlays/dialog"},{"id":"shadcnuikit:mail-app7","t":"Mail app","d":"Client inbox with top search bar, icon rail, All, Unread, Flagged and Sent tabs, rows with","s":"shadcnuikit","c":"navigation/tabs"},{"id":"shadcnuikit:mail-app8","t":"Mail app","d":"Full width inbox with icon rail, search, Ask AI popover that turns prompts into filters, l","s":"shadcnuikit","c":"ai-agent/ai-agent"},{"id":"shadcnuikit:map-view1","t":"Map view","d":"World property map with a floating list panel: search, list or grid view, favorites toggle","s":"shadcnuikit","c":"data-viz/map"},{"id":"shadcnuikit:map-view10","t":"Map view","d":"Multi stop route planner with a collapsible numbered stop list, total miles and time, reor","s":"shadcnuikit","c":"data-viz/map"},{"id":"shadcnuikit:map-view11","t":"Map view","d":"Country choropleth map shading users by share of the top country, with metric and date ran","s":"shadcnuikit","c":"data-viz/map"},{"id":"shadcnuikit:map-view2","t":"Map view","d":"Chicago apartment search with price, unit type, floor and amenity filter popovers, a sort ","s":"shadcnuikit","c":"data-viz/map"},{"id":"shadcnuikit:map-view3","t":"Map view","d":"Real estate investment map with country, type and price selects, funding status tabs with ","s":"shadcnuikit","c":"data-viz/map","tg":["playful"],"sy":["playful"]},{"id":"shadcnuikit:map-view4","t":"Map view","d":"Audience overview map with visitor bubbles sized per city, a 24h, 7d and 30d tab switch, a","s":"shadcnuikit","c":"data-viz/map"},{"id":"shadcnuikit:map-view5","t":"Map view","d":"Delivery tracking panel with ETA, distance left, progress and an itemized order, a timelin","s":"shadcnuikit","c":"data-viz/map"},{"id":"shadcnuikit:map-view6","t":"Map view","d":"Edge network status map with overall state, 30 day uptime and nodes up, All, Healthy, Degr","s":"shadcnuikit","c":"data-viz/map"},{"id":"shadcnuikit:map-view7","t":"Map view","d":"Store locator with name or address search, an Open now toggle, store cards with hours and ","s":"shadcnuikit","c":"data-viz/map"},{"id":"shadcnuikit:map-view8","t":"Map view","d":"EV charging finder with a session range select, date picker, free ports and session totals","s":"shadcnuikit","c":"data-viz/map"},{"id":"shadcnuikit:map-view9","t":"Map view","d":"Run summary card over a map showing the route with start and finish markers, athlete and d","s":"shadcnuikit","c":"data-viz/map"},{"id":"shadcnuikit:todo-app1","t":"Todo app","d":"Single column todo list with an add task input, checkbox rows that strike through complete","s":"shadcnuikit","c":"inputs/checkbox","hc":1},{"id":"shadcnuikit:todo-app2","t":"Todo app","d":"Task manager with status tabs and counts, search, an assignee, priority and starred filter","s":"shadcnuikit","c":"overlays/sheet"},{"id":"shadcnuikit:todo-app3","t":"Todo app","d":"Client project tracker inside an app sidebar with a breadcrumb, team avatars, an invite se","s":"shadcnuikit","c":"navigation/sidebar"},{"id":"shadcnuikit:todo-app4","t":"Todo app","d":"Standalone client project tracker with a logo header, team avatars, an invite search, a pr","k":"resource","s":"shadcnuikit","c":"assets/logo","sb":"Dev tools"},{"id":"shadcnuikit:todo-app5","t":"Todo app","d":"Sprint task table grouped by status or priority with task codes, inline priority and due d","s":"shadcnuikit","c":"overlays/sheet"},{"id":"shadcnuikit:todo-app6","t":"Todo app","d":"Right side task drawer with category and urgency badges, a five step status tracker, attac","s":"shadcnuikit","c":"ai-agent/composer"},{"id":"shadcnuikit:chart1","t":"Charts","d":"Total revenue card with rounded side by side bars for desktop and mobile per month, a boxe","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart10","t":"Charts","d":"Achievement by year card with three thin horizontal bars for 2024, 2023 and 2022, each lab","s":"shadcnuikit","c":"data-viz/chart","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:chart11","t":"Charts","d":"Project efficiency donut with a month select whose items show color swatches, an enlarged ","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart12","t":"Charts","d":"Revenue chart card with clickable desktop and mobile total tiles in the header that switch","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart13","t":"Charts","d":"Leads by source donut with the total leads in the center, an Export dropdown and a row of ","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart14","t":"Charts","d":"Earning reports card with a gradient weekly bar chart, a total with green badge and three ","s":"shadcnuikit","c":"data-viz/chart","tg":["gradient","webgl"],"sy":["gradient","webgl"]},{"id":"shadcnuikit:chart15","t":"Charts","d":"Support tickets donut showing 88% completed in the center with new and open segments, plus","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart16","t":"Charts","d":"Total earning card with a percentage headline, change badge, stacked revenue and sales bar","s":"shadcnuikit","c":"data-viz/chart","tg":["playful"],"sy":["playful"]},{"id":"shadcnuikit:chart17","t":"Charts","d":"Monthly file transfer card with stacked desktop and mobile bars per month, horizontal grid","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart18","t":"Charts","d":"Balance summary card with three muted tiles for BTC received, sent and withdrawn, an Expor","s":"shadcnuikit","c":"data-viz/chart","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:chart19","t":"Charts","d":"Summary donut card for browser share with a total in the center, a date range description,","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart2","t":"Charts","d":"Exercise minutes card with two monotone lines for average and today, larger active dots on","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart20","t":"Charts","d":"Patients by department pie chart with value labels on each slice and a wrapping legend for","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart21","t":"Charts","d":"Recurring revenue by plan line chart with a 7D, 30D or 90D toggle, change summary, and a p","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart22","t":"Charts","d":"Collapsible service card for an edge gateway with latency, rate limit and uptime stats, an","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart23","t":"Charts","d":"Revenue streams card with stacked monthly bars for subscriptions, services and licensing, ","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart24","t":"Charts","d":"Release roadmap with a scrollable month timeline of pill shaped task bars per person, a to","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart25","t":"Charts","d":"Year over year bar chart with this year above the axis and last year mirrored below, a met","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart26","t":"Charts","d":"Revenue overview card with four KPI tiles, a dropdown combining period and comparison year","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart27","t":"Charts","d":"Activation funnel with five SVG trapezoid stages, a Total or Step percentage toggle, a hov","s":"shadcnuikit","c":"data-viz/chart","tg":["playful"],"sy":["playful"]},{"id":"shadcnuikit:chart28","t":"Charts","d":"Contribution calendar heatmap with five color levels, year toggle, arrow key navigation be","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart29","t":"Charts","d":"Platform status card with 90 daily status bars per service, uptime percentages, current st","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart3","t":"Charts","d":"Returning rate card showing $42,379 with a green +2.5% badge, an Export dropdown and a two","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart30","t":"Charts","d":"Earnings summary card with a this week or last week toggle, three selectable metric rows w","s":"shadcnuikit","c":"data-viz/chart","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:chart31","t":"Charts","d":"Net cash flow card with money in bars above and money out bars below a zero line, a weekly","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart32","t":"Charts","d":"Signup anomaly card with daily signup bars, a dashed forecast line, the spike bar highligh","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart33","t":"Charts","d":"Weekly revenue card with rounded target bars, an actual revenue line with dots, a hover an","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart34","t":"Charts","d":"Today's revenue card with hourly bars, a stepped line for the same day last week, channel ","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart35","t":"Charts","d":"Cash flow card with rounded monthly incoming bars labeled on top, click to select a month,","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart36","t":"Charts","d":"Department spend card with stacked monthly bars, a dashed monthly budget line, a departmen","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart37","t":"Charts","d":"Revenue mix card with a segmented share bar for four customer tiers, a revenue or accounts","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart38","t":"Charts","d":"Publication insights card with tabbed followers and page views totals, a 30 day area chart","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart39","t":"Charts","d":"Service uptime card listing three services with 90 day status bars, uptime percentages and","s":"shadcnuikit","c":"data-viz/chart","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:chart4","t":"Charts","d":"Store visits by source donut with a 10.2K visitors center label, five colored segments for","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart40","t":"Charts","d":"Uptime monitor card for a single endpoint with a pulsing status badge, 30D, 60D or 90D tog","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart41","t":"Charts","d":"Portfolio holdings card with total value and unrealized gain, a 6M or 1Y area chart, and S","s":"shadcnuikit","c":"data-viz/chart","tg":["playful"],"sy":["playful"]},{"id":"shadcnuikit:chart42","t":"Charts","d":"Deal outcomes card with won and lost area series over 6 or 12 months, togglable KPI tiles ","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart43","t":"Charts","d":"Newsletter performance card with Delivery and Engagement tabs, an area plus dashed line ch","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart44","t":"Charts","d":"Signups by source card with Search, Paid ads and Partners tabs, stacked monthly bars for a","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart45","t":"Charts","d":"Data platform spend card with workload tabs showing totals and change, a daily cost bar ch","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart46","t":"Charts","d":"Weekly active members card with an OS or browser toggle, a segmented share bar and a ranke","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart47","t":"Charts","d":"Help desk outcomes card with stacked monthly bars switchable between volume and share, hov","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart48","t":"Charts","d":"Pipeline activity card with a branch select, runs, failures or duration toggle, monthly ba","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart49","t":"Charts","d":"API spend card with cumulative 2025, 2026 and dashed forecast lines, a spend cap select dr","s":"shadcnuikit","c":"data-viz/chart","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:chart5","t":"Charts","d":"Exchange rates card with two currency selects, 1D to 1Y period buttons that slice a 90 day","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart50","t":"Charts","d":"Payment volume card with card and bank transfer lines, a 7D, 30D or 90D toggle, legend tog","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart51","t":"Charts","d":"Wellness week card plotting up to four tracked goals as percent of daily target lines, a w","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart52","t":"Charts","d":"Subscription growth card with three metric tabs showing period totals and change, a date r","s":"shadcnuikit","c":"data-viz/chart","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:chart53","t":"Charts","d":"Cloud cost allocation donut with tabs for service, environment and region, a center total ","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart54","t":"Charts","d":"Onboarding health card with a semicircle gauge split into on schedule, slipping and stalle","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart55","t":"Charts","d":"Brokerage account card with a 1D, 1W or 1M toggle, Holdings and Watchlist tabs and asset r","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart56","t":"Charts","d":"Course enrollments card with a week or month toggle, a total with change, a donut showing ","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart57","t":"Charts","d":"Sponsorship revenue card with a weekly total and change badge, daily bars selectable by cl","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart58","t":"Charts","d":"Pipeline duration card with a pipeline select, average run time with change, a labeled sta","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart59","t":"Charts","d":"Deal velocity bubble chart plotting deal size against days to close per sales channel, wit","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart6","t":"Charts","d":"Reservations donut with a total count in the center, a legend for confirmed, checked in an","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart60","t":"Charts","d":"Software spend donut with a monthly or annual toggle, a center total that follows the hove","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart61","t":"Charts","d":"Review score card with a large rating, partial star display, change badge, a monthly line ","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart62","t":"Charts","d":"Asset price card with price, market cap and volume tabs, five time ranges, zoom in and out","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart63","t":"Charts","d":"Cash position card with four togglable balance tiles, a stacked monthly bar chart with cli","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart64","t":"Charts","d":"Month to date volume card with a metric select, cumulative lines for this month and last m","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart65","t":"Charts","d":"Support peak hours heatmap with a 7 by 12 grid of two hour cells, All, Live chat or Email ","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart66","t":"Charts","d":"Watch time by device card with a semicircle donut, a 30D or 90D toggle, total hours with c","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart67","t":"Charts","d":"ETF price card with six range toggles from 1M to Max, a line or area view switch with tool","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart68","t":"Charts","d":"Growth targets card for signups, upgrades and demo calls with a Jul, Aug or Sep toggle, ch","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart69","t":"Charts","d":"Team learning card listing courses with icons, lesson counts and progress bars, an All, In","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart7","t":"Charts","d":"Campaign overview card with a date range select, a download icon button, booked and visite","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart70","t":"Charts","d":"Revenue by channel card comparing direct and reseller share side by side with a vs divider","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart8","t":"Charts","d":"Revenue stat card with a weekly, monthly or yearly select, a currency total with trend, an","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:chart9","t":"Charts","d":"Projects overview stacked area chart with gradient fills, a toggle group for 3 months, 30 ","s":"shadcnuikit","c":"data-viz/chart","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnuikit:dashboard-shell1","t":"Dashboard shell","d":"Sidebar shell with main links, a collapsible Active Projects list with progress rings and ","k":"layout","s":"shadcnuikit","c":"layout/page-shell"},{"id":"shadcnuikit:dashboard-shell2","t":"Dashboard shell","d":"Double sidebar shell with an icon rail of tooltipped links and avatar menu beside a panel ","k":"layout","s":"shadcnuikit","c":"layout/page-shell"},{"id":"shadcnuikit:dashboard-shell3","t":"Dashboard shell","d":"Narrow rail shell with a framed logo, stacked icon and label links, Support and Apps short","k":"layout","s":"shadcnuikit","c":"layout/page-shell"},{"id":"shadcnuikit:dashboard-shell4","t":"Dashboard shell","d":"Slim rail shell with round icon links and an avatar menu, a tall muted header with title, ","k":"layout","s":"shadcnuikit","c":"layout/page-shell"},{"id":"shadcnuikit:dashboard-shell5","t":"Dashboard shell","d":"Top navbar shell with mega menu dropdowns, icon actions and avatar inside a tall muted hea","k":"layout","s":"shadcnuikit","c":"layout/page-shell"},{"id":"shadcnuikit:dashboard-shell6","t":"Dashboard shell","d":"Sticky top navbar with logo, page links, icon actions and a greeting avatar, above a stati","k":"layout","s":"shadcnuikit","c":"layout/page-shell"},{"id":"shadcnuikit:dashboard-shell7","t":"Dashboard shell","d":"Floating sidebar with logo, avatar menu, goal progress with budget and spent figures, a gr","k":"layout","s":"shadcnuikit","c":"layout/page-shell"},{"id":"shadcnuikit:dashboard-shell8","t":"Dashboard shell","d":"Floating sidebar that collapses to icons, with a Quick Create button, inbox button, main l","k":"layout","s":"shadcnuikit","c":"layout/page-shell"},{"id":"shadcnuikit:dashboard-shell9","t":"Dashboard shell","d":"Top navigation shell with logo, dropdown menus with an active underline, theme toggle, mai","k":"layout","s":"shadcnuikit","c":"layout/page-shell"},{"id":"shadcnuikit:dashboard-dropdown1","t":"Dropdown components","d":"Avatar account menu with name and email header, a Light, Dark and System segmented theme c","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnuikit:dashboard-dropdown10","t":"Dropdown components","d":"Columns popover with a locked Name column, checkboxes to show or hide eight columns, drag ","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnuikit:dashboard-dropdown2","t":"Dropdown components","d":"Bell popover with Inbox and General tabs and unread counts, rows with quotes, PDF attachme","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnuikit:dashboard-dropdown3","t":"Dropdown components","d":"Messages popover with search, All, Unread and Groups tabs, single or stacked group avatars","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnuikit:dashboard-dropdown4","t":"Dropdown components","d":"Heart popover listing saved products with photo, brand, sale and original price, discount ","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnuikit:dashboard-dropdown5","t":"Dropdown components","d":"Cart popover with product photo, variant, remove button and quantity stepper per item, lin","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnuikit:dashboard-dropdown6","t":"Dropdown components","d":"Avatar account menu with status submenu, profile and help links, an icon theme toggle, pla","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnuikit:dashboard-dropdown7","t":"Dropdown components","d":"Workspace switcher popover with search, initials marks, plan, role and member count per wo","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnuikit:dashboard-dropdown8","t":"Dropdown components","d":"Language menu with an Auto-detect option based on the browser, eight languages showing cod","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnuikit:dashboard-dropdown9","t":"Dropdown components","d":"Sample chat message with an actions menu for reply, pin, save, mark unread and email share","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnuikit:empty-state1","t":"Empty state","d":"Survey responses card with title and description, containing a centered empty state with a","s":"shadcnuikit","c":"data-display/empty-state"},{"id":"shadcnuikit:empty-state10","t":"Empty state","d":"AI agents first run state with three skeleton agent cards, the side cards faded and hidden","s":"shadcnuikit","c":"data-display/empty-state","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:empty-state11","t":"Empty state","d":"No files found state on a faded grid background with three tilted file cards labeled DOC, ","s":"shadcnuikit","c":"data-display/empty-state","tg":["3d","webgl"],"sy":["3d","webgl"]},{"id":"shadcnuikit:empty-state12","t":"Empty state","d":"Domains first run state on a grid background with two skeleton domain rows, a no domains y","s":"shadcnuikit","c":"data-display/empty-state"},{"id":"shadcnuikit:empty-state13","t":"Empty state","d":"Waitlist empty state with two stacked placeholder member rows showing decline and approve ","s":"shadcnuikit","c":"data-display/empty-state"},{"id":"shadcnuikit:empty-state14","t":"Empty state","d":"Command style search card with a prefilled search input and shortcut keys, a dotted no too","s":"shadcnuikit","c":"data-display/empty-state"},{"id":"shadcnuikit:empty-state15","t":"Empty state","d":"Compact no projects state with a folder code icon, a short workspace message and small Cre","s":"shadcnuikit","c":"data-display/empty-state"},{"id":"shadcnuikit:empty-state16","t":"Empty state","d":"First project state with a title and description, three linked template rows for marketing","s":"shadcnuikit","c":"data-display/empty-state","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:empty-state17","t":"Empty state","d":"Restricted page state with a blurred browser window mockup behind a red lock badge, an adm","s":"shadcnuikit","c":"data-display/empty-state"},{"id":"shadcnuikit:empty-state18","t":"Empty state","d":"Offline state with a wifi off icon, a connection message and a Try again button that shows","s":"shadcnuikit","c":"data-display/empty-state"},{"id":"shadcnuikit:empty-state19","t":"Empty state","d":"Feature card with a site scan tile, a pulsing sparkle icon and a report tile with CSV badg","s":"shadcnuikit","c":"data-display/empty-state"},{"id":"shadcnuikit:empty-state2","t":"Empty state","d":"No search results state under a soft radial glow, showing three overlapping avatars, a no ","s":"shadcnuikit","c":"data-display/empty-state","tg":["neon","webgl"],"sy":["neon","webgl"]},{"id":"shadcnuikit:empty-state20","t":"Empty state","d":"Feature card with chat, mail, design and docs icons linked by curved lines to a central Se","s":"shadcnuikit","c":"data-display/empty-state"},{"id":"shadcnuikit:empty-state21","t":"Empty state","d":"Growth card with a title and description above a seven month recharts bar chart where ever","s":"shadcnuikit","c":"data-display/empty-state","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnuikit:empty-state22","t":"Empty state","d":"Get started list of three cards for exploring datasets, writing SQL and building a dashboa","s":"shadcnuikit","c":"data-display/empty-state","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:empty-state3","t":"Empty state","d":"All files view with type tabs, a search field and Filters button above a bordered empty st","s":"shadcnuikit","c":"data-display/empty-state"},{"id":"shadcnuikit:empty-state4","t":"Empty state","d":"Contact import progress state with three skeleton contact cards, floating avatars on conce","s":"shadcnuikit","c":"data-display/empty-state","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:empty-state5","t":"Empty state","d":"Orders header with Filters, Export and Add order buttons over a table column row, followed","s":"shadcnuikit","c":"data-display/empty-state"},{"id":"shadcnuikit:empty-state6","t":"Empty state","d":"Centered no data state with a dashed square database icon, a two line message, and Learn m","s":"shadcnuikit","c":"data-display/empty-state"},{"id":"shadcnuikit:empty-state7","t":"Empty state","d":"Access denied state with a red lock icon inside two rings, a billing workspace permission ","s":"shadcnuikit","c":"data-display/empty-state"},{"id":"shadcnuikit:empty-state8","t":"Empty state","d":"Account setup prompt with a badge icon, a verification message and a Complete registration","s":"shadcnuikit","c":"data-display/empty-state","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:empty-state9","t":"Empty state","d":"Minimal reports state with two tilted document outlines in a muted circle and a two line m","s":"shadcnuikit","c":"data-display/empty-state","tg":["3d","minimal"],"sy":["3d","minimal"]},{"id":"shadcnuikit:form-layout1","t":"Form layouts","d":"Account settings page with three titled sections: avatar upload, handle and bio with count","s":"shadcnuikit","c":"inputs/form-field","tg":["webgl"],"sb":"Whole forms","sy":["webgl"]},{"id":"shadcnuikit:form-layout10","t":"Form layouts","d":"Sign-up card with email, username availability icon, password toggle with rules checklist ","s":"shadcnuikit","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnuikit:form-layout11","t":"Form layouts","d":"Space creation card with square cover image dropzone, name with hashtag handle and counter","s":"shadcnuikit","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnuikit:form-layout12","t":"Form layouts","d":"Campaign form with Draft with AI button, name, date range picker, brand select with inline","s":"shadcnuikit","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnuikit:form-layout13","t":"Form layouts","d":"Five tab product form with progress: title and category suggestions, size and color varian","s":"shadcnuikit","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnuikit:form-layout14","t":"Form layouts","d":"Public page editor with cover banner and overlapping avatar, display name, debounced usern","s":"shadcnuikit","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnuikit:form-layout15","t":"Form layouts","d":"Workspace settings page with vertical tabs that become a select on mobile: organization na","s":"shadcnuikit","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnuikit:form-layout16","t":"Form layouts","d":"Storefront settings with scrollable tabs: store name, subdomain, tagline and logo previews","s":"shadcnuikit","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnuikit:form-layout17","t":"Form layouts","d":"Flower delivery checkout in five numbered sections: sender, recipient address, delivery da","s":"shadcnuikit","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnuikit:form-layout18","t":"Form layouts","d":"Event card form with title, date picker, start and end time comboboxes showing duration, a","s":"shadcnuikit","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnuikit:form-layout19","t":"Form layouts","d":"Account settings card with vertical tabs for profile and photo, locale selects with live p","s":"shadcnuikit","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnuikit:form-layout2","t":"Form layouts","d":"Workspace creation card with owner name, email, birth year and locked role, workspace name","s":"shadcnuikit","c":"inputs/form-field","tg":["webgl"],"sb":"Whole forms","sy":["webgl"]},{"id":"shadcnuikit:form-layout20","t":"Form layouts","d":"Three step onboarding wizard with horizontal stepper: account fields with password toggles","s":"shadcnuikit","c":"inputs/form-field","tg":["webgl"],"sb":"Whole forms","sy":["webgl"]},{"id":"shadcnuikit:form-layout21","t":"Form layouts","d":"Four step product listing wizard with a vertical step rail: category cards, brand and cond","s":"shadcnuikit","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnuikit:form-layout22","t":"Form layouts","d":"Profile card with Personal, Account and Social tabs: names, country, language, birth date ","s":"shadcnuikit","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnuikit:form-layout3","t":"Form layouts","d":"Mentor profile card with label-left rows: photo upload, name, birth date and slot pickers,","s":"shadcnuikit","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnuikit:form-layout4","t":"Form layouts","d":"Staff account page with a profile card for photo, name, email, phone, role and clinic sele","s":"shadcnuikit","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnuikit:form-layout5","t":"Form layouts","d":"Workshop feedback form with answered progress bar, name and email fields, five face rating","s":"shadcnuikit","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnuikit:form-layout6","t":"Form layouts","d":"Two column checkout with payment method cards, auto-formatted card number with brand badge","s":"shadcnuikit","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnuikit:form-layout7","t":"Form layouts","d":"Freelancer settings in two cards that save separately: personal details with photo dropzon","s":"shadcnuikit","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnuikit:form-layout8","t":"Form layouts","d":"Wholesale order form with order type, copyable order number, date picker, PO and customer ","s":"shadcnuikit","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnuikit:form-layout9","t":"Form layouts","d":"Client project form with label-left rows: name, portal slug filled from the name, engageme","s":"shadcnuikit","c":"inputs/form-field","sb":"Whole forms"},{"id":"shadcnuikit:dashboard-modal25","t":"Modal dialogs","d":"Two-column sign up dialog with a cover image hidden on mobile, Google and second provider ","s":"shadcnuikit","c":"overlays/dialog","tg":["webgl"],"sb":"Forms","sy":["webgl"]},{"id":"shadcnuikit:dashboard-modal6","t":"Modal dialogs","d":"Four-step onboarding dialog with a step counter, name and email fields, team size radios, ","s":"shadcnuikit","c":"overlays/dialog","sb":"Forms"},{"id":"shadcnuikit:dashboard-modal7","t":"Modal dialogs","d":"Mood survey dialog with an icon header, a heading, five emoji buttons where the selected o","s":"shadcnuikit","c":"overlays/dialog"},{"id":"shadcnuikit:dashboard-modal8","t":"Modal dialogs","d":"Service rating dialog without a close icon, showing five emoji rating tiles in a responsiv","s":"shadcnuikit","c":"overlays/dialog"},{"id":"shadcnuikit:dashboard-modal9","t":"Modal dialogs","d":"Feedback dialog with five emoji rating buttons, a validated comment textarea with a remain","s":"shadcnuikit","c":"overlays/dialog","sb":"Forms"},{"id":"shadcnuikit:dashboard-modal10","t":"Modal dialogs","d":"Membership dialog with monthly and yearly plan cards showing price, free trial badge and b","s":"shadcnuikit","c":"overlays/dialog"},{"id":"shadcnuikit:dashboard-modal11","t":"Modal dialogs","d":"Feedback dialog with a topic select, a validated message textarea, up to two attached imag","s":"shadcnuikit","c":"overlays/dialog","sb":"Forms"},{"id":"shadcnuikit:dashboard-modal12","t":"Modal dialogs","d":"Confirmation dialog without a close icon showing a receipt icon in a circle, a Transfer Sl","s":"shadcnuikit","c":"overlays/dialog","hc":1},{"id":"shadcnuikit:dashboard-modal13","t":"Modal dialogs","d":"Small alert dialog with a trash icon, a Remove This File title, a warning that the file ca","s":"shadcnuikit","c":"overlays/dialog"},{"id":"shadcnuikit:dashboard-modal14","t":"Modal dialogs","d":"Report dialog with a flag icon, three reason radios and a textarea that appears only for S","s":"shadcnuikit","c":"overlays/dialog","tg":["webgl"],"sb":"Forms","sy":["webgl"]},{"id":"shadcnuikit:dashboard-modal15","t":"Modal dialogs","d":"Alert preferences dialog with three radio options, each with a label and a description of ","s":"shadcnuikit","c":"overlays/dialog","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:dashboard-modal26","t":"Modal dialogs","d":"Verification dialog with an icon header, the target email with an edit link, four large OT","s":"shadcnuikit","c":"overlays/dialog","sb":"Forms"},{"id":"shadcnuikit:dashboard-modal16","t":"Modal dialogs","d":"Command palette dialog with a search field, three groups of actions with icon boxes, conte","s":"shadcnuikit","c":"overlays/dialog","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:dashboard-modal17","t":"Modal dialogs","d":"Team members dialog with a search field that filters by name or email, an Add user button ","s":"shadcnuikit","c":"overlays/dialog"},{"id":"shadcnuikit:dashboard-modal18","t":"Modal dialogs","d":"Create project dialog with a kickoff date picker in a popover calendar, urgency, owner and","s":"shadcnuikit","c":"overlays/dialog","sb":"Forms"},{"id":"shadcnuikit:dashboard-modal19","t":"Modal dialogs","d":"Edit profile dialog with avatar upload and delete buttons, a file format note, first and l","s":"shadcnuikit","c":"overlays/dialog","sb":"Forms"},{"id":"shadcnuikit:dashboard-modal20","t":"Modal dialogs","d":"Updates dialog with Newest, Boards and Docs tabs, a status filter dropdown, an activity li","s":"shadcnuikit","c":"overlays/dialog"},{"id":"shadcnuikit:dashboard-modal21","t":"Modal dialogs","d":"Upgrade dialog with a billing name, credit card or bank debit choice, card fields, country","s":"shadcnuikit","c":"overlays/dialog","sb":"Forms"},{"id":"shadcnuikit:dashboard-modal22","t":"Modal dialogs","d":"Company setup dialog with a logo preview, a click or drag and drop upload zone, business n","s":"shadcnuikit","c":"overlays/dialog","sb":"Forms"},{"id":"shadcnuikit:dashboard-modal23","t":"Modal dialogs","d":"Quiz builder dialog with topic select, prompt field, drag and drop image upload, a list of","s":"shadcnuikit","c":"overlays/dialog","sb":"Forms"},{"id":"shadcnuikit:dashboard-modal24","t":"Modal dialogs","d":"Integration consent dialog with two app icons, a connect title, a copyable link field, a c","s":"shadcnuikit","c":"overlays/dialog"},{"id":"shadcnuikit:dashboard-modal27","t":"Modal dialogs","d":"Account creation dialog with email, phone and password fields with icons, a show password ","s":"shadcnuikit","c":"overlays/dialog","sb":"Forms"},{"id":"shadcnuikit:dashboard-modal28","t":"Modal dialogs","d":"Two-factor setup dialog with a QR code generated from an otpauth URL, a Continue button an","s":"shadcnuikit","c":"overlays/dialog"},{"id":"shadcnuikit:dashboard-modal1","t":"Modal dialogs","d":"Login dialog with a logo, workspace heading, validated email and password fields, a troubl","s":"shadcnuikit","c":"overlays/dialog","sb":"Forms"},{"id":"shadcnuikit:dashboard-modal2","t":"Modal dialogs","d":"Share board dialog with a title, a line about view access and a read-only link field with ","s":"shadcnuikit","c":"overlays/dialog"},{"id":"shadcnuikit:dashboard-modal3","t":"Modal dialogs","d":"Start a chat dialog with a searchable command list of contacts with avatars and check mark","s":"shadcnuikit","c":"overlays/dialog"},{"id":"shadcnuikit:dashboard-modal4","t":"Modal dialogs","d":"Sharing settings dialog with an add by email form and role select, a member list with Edit","s":"shadcnuikit","c":"overlays/dialog","sb":"Forms"},{"id":"shadcnuikit:dashboard-modal5","t":"Modal dialogs","d":"Switch profile dialog with four selectable account rows showing avatar, name, email and a ","s":"shadcnuikit","c":"overlays/dialog"},{"id":"shadcnuikit:onboarding-screen1","t":"Onboarding screens","d":"Card questionnaire asking role, team size, areas to track and workspace name one at a time","s":"shadcnuikit","c":"navigation/wizard-steps"},{"id":"shadcnuikit:onboarding-screen10","t":"Onboarding screens","d":"Card wizard with a step label and a vertical timeline of sub tasks that fill in when done ","s":"shadcnuikit","c":"navigation/wizard-steps"},{"id":"shadcnuikit:onboarding-screen2","t":"Onboarding screens","d":"Split card with a dark panel listing four steps as done, active or upcoming beside a quest","s":"shadcnuikit","c":"navigation/wizard-steps"},{"id":"shadcnuikit:onboarding-screen3","t":"Onboarding screens","d":"Full page wizard with brand header, step count, skip button and thin progress bar, asking ","s":"shadcnuikit","c":"navigation/wizard-steps"},{"id":"shadcnuikit:onboarding-screen4","t":"Onboarding screens","d":"Adaptive setup card where the audience answer enables or disables the roles and access pol","s":"shadcnuikit","c":"navigation/wizard-steps"},{"id":"shadcnuikit:onboarding-screen5","t":"Onboarding screens","d":"Cardless questionnaire with a segmented progress bar and counter, questions that fade and ","s":"shadcnuikit","c":"navigation/wizard-steps"},{"id":"shadcnuikit:onboarding-screen6","t":"Onboarding screens","d":"Overview page with three stat cards and a placeholder panel, plus a Personalize dashboard ","s":"shadcnuikit","c":"navigation/wizard-steps","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:onboarding-screen7","t":"Onboarding screens","d":"Three step brief flow with company type chips and a size slider, selectable service cards ","s":"shadcnuikit","c":"navigation/wizard-steps","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:onboarding-screen8","t":"Onboarding screens","d":"Profile checklist with a completion counter and progress bar, where each of five tasks exp","s":"shadcnuikit","c":"navigation/wizard-steps"},{"id":"shadcnuikit:onboarding-screen9","t":"Onboarding screens","d":"Card wizard with a three step numbered stepper: an organisation address form, a searchable","s":"shadcnuikit","c":"navigation/wizard-steps","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:dashboard-page-layout1","t":"Page layouts","d":"App frame with an inset sidebar holding a brand button, Platform links and a Projects list","k":"layout","s":"shadcnuikit","c":"layout/dashboard"},{"id":"shadcnuikit:dashboard-page-layout2","t":"Page layouts","d":"Top navigation layout with logo, dropdown menus for Get Started, Apps and Pages, mail and ","k":"layout","s":"shadcnuikit","c":"layout/dashboard"},{"id":"shadcnuikit:dashboard-page-layout3","t":"Page layouts","d":"Top navigation layout with logo, dropdown menus and an underline on the active menu, a sun","k":"layout","s":"shadcnuikit","c":"layout/dashboard"},{"id":"shadcnuikit:sidebar-layout","t":"Sidebar layouts","d":"Full height sidebar layout with a brand button, scrollable Platform and Projects link grou","s":"shadcnuikit","c":"navigation/sidebar","hc":1},{"id":"shadcnuikit:signin-form1","t":"Sign in forms","d":"Centered sign-in form with labelled email and password fields, remember me checkbox, forgo","k":"layout","s":"shadcnuikit","c":"flows/sign-in","tg":["webgl"],"sb":"Sign in","sy":["webgl"],"hc":1},{"id":"shadcnuikit:signin-form2","t":"Sign in forms","d":"Split login screen with the form beside a full height cover photo on large screens, includ","k":"layout","s":"shadcnuikit","c":"flows/sign-in","tg":["webgl"],"sb":"Sign in","sy":["webgl"]},{"id":"shadcnuikit:signin-form3","t":"Sign in forms","d":"Login card centered over a full screen background photo, with a title, short description, ","k":"layout","s":"shadcnuikit","c":"flows/sign-in","tg":["webgl"],"sb":"Sign in","sy":["webgl"]},{"id":"shadcnuikit:stat-card1","t":"Stat cards","d":"Four-column KPI row with order, sales and user totals, an up or down percentage badge, a p","s":"shadcnuikit","c":"data-display/stat","hc":1},{"id":"shadcnuikit:stat-card10","t":"Stat cards","d":"Outbound shipments card with a 14 or 30 day toggle, a total with change badge, a stacked R","s":"shadcnuikit","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:stat-card11","t":"Stat cards","d":"Hospital operations KPI strip with five metrics in a bordered grid, a week, month or quart","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card12","t":"Stat cards","d":"Survey summary card with an icon, a Collecting or Paused badge, tooltip icon actions, a dr","s":"shadcnuikit","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:stat-card13","t":"Stat cards","d":"Hiring overview with a 7 day, 30 day or quarter toggle and four KPI cards for roles, appli","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card14","t":"Stat cards","d":"Today's transfers card with All, Received and Sent tabs, a list of incoming and outgoing t","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card15","t":"Stat cards","d":"Account activity card with a 7, 30 or 90 day select, name and amount sort buttons, a trans","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card16","t":"Stat cards","d":"Cloud spend card with a billing month select, total and change versus the previous month, ","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card17","t":"Stat cards","d":"Travel card limit card showing spend against a limit, a progress bar with an alert marker,","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card18","t":"Stat cards","d":"Fulfillment hubs list with icons, regions, on-time rates, 24-tick dock capacity meters wit","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card19","t":"Stat cards","d":"Cluster capacity card with a cluster select, spend and uptime badges and a 40-tick vCPU me","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card2","t":"Stat cards","d":"Sales pipeline card with a segmented bar of five deal stages that shows tooltips on hover,","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card20","t":"Stat cards","d":"Three technician cards with avatar, specialty, status badge, actions menu, jobs today, bil","s":"shadcnuikit","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:stat-card21","t":"Stat cards","d":"Sales by channel card with a month or quarter toggle, four proportional columns showing am","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card22","t":"Stat cards","d":"Deploy success rate card with 30 daily bars around a dashed target line, the selected day'","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card23","t":"Stat cards","d":"Appointment show rate card with a 7D, 30D or 1Y toggle, point change, a four-band Poor to ","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card24","t":"Stat cards","d":"Energy generated card with a 7D, 30D or 90D toggle, total MWh with percentage change, a Re","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card25","t":"Stat cards","d":"Sprint progress card with a large completion percentage, three status toggles for shipped,","s":"shadcnuikit","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:stat-card26","t":"Stat cards","d":"Recovery score card with a 30 day Recharts area chart, a dashed baseline, a headline score","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card27","t":"Stat cards","d":"Three site benchmark cards for energy, water and carbon intensity with a regional or natio","s":"shadcnuikit","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:stat-card28","t":"Stat cards","d":"Learner engagement card with a cohort select and four goal rows for lessons, study time, a","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card29","t":"Stat cards","d":"API requests card with a region select, weekly total with change badge and a Recharts line","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card3","t":"Stat cards","d":"Website analytics card with a conversion rate in the description and a two-column grid of ","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card30","t":"Stat cards","d":"Shipping days calendar for three months with one dot per weekday shaded by deploy count, v","s":"shadcnuikit","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:stat-card31","t":"Stat cards","d":"Customs clearance card with a file row with preview and download buttons, a metadata list ","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card32","t":"Stat cards","d":"Care follow-up card with a 4W or 12W toggle and two side by side metrics, each with a valu","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card33","t":"Stat cards","d":"Learner funnel card with week, month and year tabs and three proportional columns for enro","s":"shadcnuikit","c":"data-display/stat","tg":["playful","webgl"],"sy":["playful","webgl"]},{"id":"shadcnuikit:stat-card4","t":"Stat cards","d":"Sales overview card with a large revenue total, a monthly growth figure, orders and visits","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card5","t":"Stat cards","d":"Three regional revenue cards, each with a large amount and a linked status row showing goa","s":"shadcnuikit","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:stat-card6","t":"Stat cards","d":"Two compact usage cards with a Recharts radial ring that shows the percentage in its cente","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card7","t":"Stat cards","d":"Four usage limit cards for requests, credits, storage and API calls, each with the current","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card8","t":"Stat cards","d":"Three stock ticker cards with company name, symbol, price, change and percentage colored g","s":"shadcnuikit","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:stat-card9","t":"Stat cards","d":"Energy source mix card with a site select, four quarter bars split between solar and grid ","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:tables1","t":"Tables","d":"Recent invoices card with a status toggle group showing counts, invoice, status, method, i","s":"shadcnuikit","c":"data-display/table","sb":"Data tables","hc":1},{"id":"shadcnuikit:tables10","t":"Tables","d":"Support agents card listing 42 agents with search, sortable name, status, role and last ac","s":"shadcnuikit","c":"data-display/table","sb":"Data tables"},{"id":"shadcnuikit:tables11","t":"Tables","d":"Vendor bills card with line tabs and counts, search, owner filter, sortable vendor, receiv","s":"shadcnuikit","c":"data-display/table","sb":"Data tables"},{"id":"shadcnuikit:tables12","t":"Tables","d":"Receivables card with outstanding, overdue and collected tiles, status checkbox filter, se","s":"shadcnuikit","c":"data-display/table","sb":"Data tables"},{"id":"shadcnuikit:tables13","t":"Tables","d":"Paying subscribers card with search and card brand filter, avatars, masked card numbers wi","s":"shadcnuikit","c":"data-display/table","sb":"Data tables"},{"id":"shadcnuikit:tables14","t":"Tables","d":"Client requests list with status tabs and counts, search, billing and unassigned filters, ","s":"shadcnuikit","c":"data-display/table","sb":"Data tables"},{"id":"shadcnuikit:tables15","t":"Tables","d":"Aligner cases card with stage toggle group or mobile select, search, row numbers, sortable","s":"shadcnuikit","c":"data-display/table","sb":"Data tables"},{"id":"shadcnuikit:tables16","t":"Tables","d":"Card activity card with money in and out totals, search, date range popover, category filt","s":"shadcnuikit","c":"data-display/table","sb":"Data tables"},{"id":"shadcnuikit:tables17","t":"Tables","d":"Client projects page with current and archived tabs, search, status filter, sort select, l","s":"shadcnuikit","c":"data-display/table","sb":"Data tables"},{"id":"shadcnuikit:tables18","t":"Tables","d":"Pantry inventory card with 45 items, CSV export, add item, search, status filter, sortable","s":"shadcnuikit","c":"data-display/table","sb":"Data tables"},{"id":"shadcnuikit:tables19","t":"Tables","d":"People directory card with segment toggle chips, search, date added, last touch and status","s":"shadcnuikit","c":"data-display/table","sb":"Data tables"},{"id":"shadcnuikit:tables2","t":"Tables","d":"Quote card with line items, unit price, quantity stepper buttons that remove an item at on","s":"shadcnuikit","c":"data-display/table","hc":1},{"id":"shadcnuikit:tables20","t":"Tables","d":"Wholesale orders card with status toggle group, expandable rows showing line items, shippi","s":"shadcnuikit","c":"data-display/table","sb":"Data tables"},{"id":"shadcnuikit:tables21","t":"Tables","d":"Contact record card showing one person as a two column table with Contact, Account and Act","s":"shadcnuikit","c":"data-display/table"},{"id":"shadcnuikit:tables22","t":"Tables","d":"Billing activity card with status toggle, payment, status, customer, date, amount and net ","s":"shadcnuikit","c":"data-display/table","sb":"Data tables"},{"id":"shadcnuikit:tables23","t":"Tables","d":"Sprint tasks card grouping rows by status, priority or team with collapsible group headers","s":"shadcnuikit","c":"data-display/table"},{"id":"shadcnuikit:tables24","t":"Tables","d":"Property listings card with a wide table and pinned property and actions columns, search, ","s":"shadcnuikit","c":"data-display/table","sb":"Data tables"},{"id":"shadcnuikit:tables25","t":"Tables","d":"Product stock card with a fixed height scrolling table and sticky header, search, in-stock","s":"shadcnuikit","c":"data-display/table"},{"id":"shadcnuikit:tables3","t":"Tables","d":"Launch checklist with All, Open and Done tabs, a progress bar, done checkboxes that strike","s":"shadcnuikit","c":"data-display/table","sb":"Data tables","hc":1},{"id":"shadcnuikit:tables4","t":"Tables","d":"Storefront products card with a search field, product icon, name and SKU, category, invent","s":"shadcnuikit","c":"data-display/table","sb":"Data tables","hc":1},{"id":"shadcnuikit:tables5","t":"Tables","d":"Workspace members card with search and role filter, avatars with presence dots, role pill ","s":"shadcnuikit","c":"data-display/table","sb":"Data tables","hc":1},{"id":"shadcnuikit:tables6","t":"Tables","d":"Platform tickets card with status tabs and counts, sortable key and priority, owner avatar","s":"shadcnuikit","c":"data-display/table","sb":"Data tables","hc":1},{"id":"shadcnuikit:tables7","t":"Tables","d":"Expense claims card with row checkboxes, employee, payout method, date, status and amount ","s":"shadcnuikit","c":"data-display/table","hc":1},{"id":"shadcnuikit:tables8","t":"Tables","d":"Content calendar card with publish progress, row checkboxes, author, status, priority, dat","s":"shadcnuikit","c":"data-display/table"},{"id":"shadcnuikit:tables9","t":"Tables","d":"Community members card with search, status toggle, sortable member, reputation and last se","s":"shadcnuikit","c":"data-display/table","sb":"Data tables"},{"id":"shadcnuikit:checkout1","t":"Checkout page","d":"Single page checkout with shipping address, free or express shipping cards and masked card","k":"section","s":"shadcnuikit","c":"marketing/pricing"},{"id":"shadcnuikit:checkout2","t":"Checkout page","d":"Order review page listing products with color tags and fast or free delivery options, besi","k":"section","s":"shadcnuikit","c":"marketing/pricing"},{"id":"shadcnuikit:checkout3","t":"Checkout page","d":"Delivery form in one card with general information, address with country select and paymen","k":"section","s":"shadcnuikit","c":"marketing/pricing"},{"id":"shadcnuikit:checkout4","t":"Checkout page","d":"Three step checkout with a stepper for information, shipping and payment, delivery or pick","k":"section","s":"shadcnuikit","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:checkout5","t":"Checkout page","d":"Checkout in two dialogs: a cart with quantity controls, promotion code and delivery cost t","k":"section","s":"shadcnuikit","c":"marketing/pricing"},{"id":"shadcnuikit:customer-reviews1","t":"Customer reviews","d":"Two-column section with a headline, intro text and View More button beside three alternati","s":"shadcnuikit","c":"actions/button","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:customer-reviews2","t":"Customer reviews","d":"Compact card showing a 4.4 average with partially filled stars, the global rating count, a","s":"shadcnuikit","c":"inputs/rating"},{"id":"shadcnuikit:customer-reviews3","t":"Customer reviews","d":"Review list with average score, product thumbnails, Sort by select, review entries with th","s":"shadcnuikit","c":"navigation/pagination"},{"id":"shadcnuikit:customer-reviews4","t":"Customer reviews","d":"Review list with live search, Date Posted and Rating filter dropdowns, titled review entri","s":"shadcnuikit","c":"navigation/pagination"},{"id":"shadcnuikit:customer-reviews5","t":"Customer reviews","d":"Single review card with author avatar, more menu, star rating, title, body, date, Verified","s":"shadcnuikit","c":"navigation/menu","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:customer-reviews6","t":"Customer reviews","d":"Seller-side reviews view with total reviews and growth badge, average rating and star dist","s":"shadcnuikit","c":"inputs/rating"},{"id":"shadcnuikit:customer-reviews7","t":"Customer reviews","d":"Customer Stories carousel on a muted background with heading, previous and next arrows and","s":"shadcnuikit","c":"inputs/rating","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:customer-reviews8","t":"Customer reviews","d":"Muted sidebar with a 4.50 score, star percentage bars and What Customers Like vote badges,","k":"section","s":"shadcnuikit","c":"marketing/logos"},{"id":"shadcnuikit:customer-reviews9","t":"Customer reviews","d":"Review summary with recommendation rate and rating bars, an eight photo customer grid that","s":"shadcnuikit","c":"overlays/lightbox"},{"id":"shadcnuikit:product-cards1","t":"Product cards","d":"Furniture product card with a 4:3 linked photo, wishlist heart toggle, title, five star ra","s":"shadcnuikit","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcnuikit:product-cards10","t":"Product cards","d":"Cart item card with a coat thumbnail, name, size, price, save heart toggle and quantity, t","s":"shadcnuikit","c":"data-display/card","sb":"Product"},{"id":"shadcnuikit:product-cards11","t":"Product cards","d":"Portrait cosmetics card that fades from a packshot to a lifestyle photo on hover and revea","s":"shadcnuikit","c":"data-display/card","sb":"Product"},{"id":"shadcnuikit:product-cards2","t":"Product cards","d":"Sneaker card with a Best Seller badge, wishlist toggle and a square photo that slides betw","s":"shadcnuikit","c":"data-display/card","tg":["webgl"],"sb":"Product","sy":["webgl"]},{"id":"shadcnuikit:product-cards3","t":"Product cards","d":"Sale chair card with a 50% Off badge and a stack of wishlist, full screen and cart toggle ","s":"shadcnuikit","c":"data-display/card","sb":"Product"},{"id":"shadcnuikit:product-cards4","t":"Product cards","d":"Horizontal sneaker card with the photo on the left, half star rating and review count, nam","s":"shadcnuikit","c":"data-display/card","sb":"Product"},{"id":"shadcnuikit:product-cards5","t":"Product cards","d":"Flash sale chair card with discount badge, wishlist, full screen and cart buttons on the p","s":"shadcnuikit","c":"data-display/card","sb":"Product"},{"id":"shadcnuikit:product-cards6","t":"Product cards","d":"Centered skincare card with a photo, uppercase category label, serif product name, italic ","s":"shadcnuikit","c":"data-display/card","sb":"Product"},{"id":"shadcnuikit:product-cards7","t":"Product cards","d":"Square sofa card where the photo fills the card, with a star score pill and wishlist butto","s":"shadcnuikit","c":"data-display/card","tg":["gradient"],"sb":"Product","sy":["gradient"]},{"id":"shadcnuikit:product-cards8","t":"Product cards","d":"Property investment card with a 16:9 photo, Active badge, save toggle, name, location, pro","s":"shadcnuikit","c":"data-display/card","sb":"Product"},{"id":"shadcnuikit:product-cards9","t":"Product cards","d":"Home listing card with a full bleed 4:3 photo and a frosted panel at the bottom showing th","s":"shadcnuikit","c":"data-display/card","tg":["glass"],"sb":"Product","sy":["glass"]},{"id":"shadcnuikit:product-category1","t":"Product category","d":"Collection page header with a breadcrumb, All Product heading and carousel arrows above a ","s":"shadcnuikit","c":"navigation/breadcrumb"},{"id":"shadcnuikit:product-category2","t":"Product category","d":"Featured Categories slider with a View All Collection link, small bordered cards showing c","s":"shadcnuikit","c":"inputs/slider"},{"id":"shadcnuikit:product-category3","t":"Product category","d":"Shop by Category grid of four linked beauty category tiles with portrait photos, a bottom ","s":"shadcnuikit","c":"inputs/form-field","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnuikit:product-category4","t":"Product category","d":"Shop By Categories section with heading, intro text and an Explore More button above a two","s":"shadcnuikit","c":"actions/button"},{"id":"shadcnuikit:product-category5","t":"Product category","d":"Editorial category grid with a large featured Furniture collection tile spanning two rows ","s":"shadcnuikit","c":"data-display/list"},{"id":"shadcnuikit:product-category6","t":"Product category","d":"Full width living room photo banner with dark gradients, a Stay Close to the Craft headlin","s":"shadcnuikit","c":"overlays/alert-banner","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnuikit:product-category7","t":"Product category","d":"Two stacked split panels pairing a furniture photo with a colored text panel holding a sma","s":"shadcnuikit","c":"inputs/form-field"},{"id":"shadcnuikit:product-category8","t":"Product category","d":"Three column jewelry launch section with model photos on both sides and centered small cap","k":"section","s":"shadcnuikit","c":"marketing/announcement","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:product-category9","t":"Product category","d":"Room Category grid with a See All Category link, alternating linked photo tiles with names","s":"shadcnuikit","c":"actions/link","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnuikit:product-details1","t":"Product details","d":"Two column product page with a large photo on the left and the title, price, five star rat","s":"shadcnuikit","c":"data-display/accordion"},{"id":"shadcnuikit:product-details2","t":"Product details","d":"Apparel product page with a four photo collage, name, price, star rating with reviews link","s":"shadcnuikit","c":"data-display/accordion"},{"id":"shadcnuikit:product-details3","t":"Product details","d":"T-shirt product page with breadcrumb, main image and clickable thumbnails, price, rating, ","s":"shadcnuikit","c":"data-display/accordion"},{"id":"shadcnuikit:product-details4","t":"Product details","d":"Perfume product page with a main image carousel synced to a thumbnail strip, category badg","s":"shadcnuikit","c":"data-display/accordion"},{"id":"shadcnuikit:product-details5","t":"Product details","d":"Fragrance product page with breadcrumb, title, rating, description, delivery and gift wrap","s":"shadcnuikit","c":"data-display/accordion"},{"id":"shadcnuikit:product-details6","t":"Product details","d":"Serum product page with an image carousel and dots, rating, price, volume, quantity steppe","s":"shadcnuikit","c":"data-display/accordion"},{"id":"shadcnuikit:product-details7","t":"Product details","d":"Skincare product page with breadcrumb, image grid, rating, sale price with Save badge, bun","s":"shadcnuikit","c":"data-display/accordion"},{"id":"shadcnuikit:product-features1","t":"Product features","d":"Two-column section with a large product photo beside a badge, Crafted with Care headline, ","k":"section","s":"shadcnuikit","c":"marketing/features"},{"id":"shadcnuikit:product-features2","t":"Product features","d":"Technical Specifications section with a headline, intro and four tabs for Design, Material","k":"section","s":"shadcnuikit","c":"marketing/features"},{"id":"shadcnuikit:product-list1","t":"Product list","d":"New Season Products shelf with a See all products link and a four column grid of portrait ","s":"shadcnuikit","c":"data-display/list"},{"id":"shadcnuikit:product-list2","t":"Product list","d":"Featured Products grid of four cards with square images that zoom on hover, a favorite hea","s":"shadcnuikit","c":"data-display/list"},{"id":"shadcnuikit:product-list3","t":"Product list","d":"All Products catalog with a Show by select sorting by new, popular or price and a list or ","s":"shadcnuikit","c":"data-display/list"},{"id":"shadcnuikit:product-list4","t":"Product list","d":"Gift product carousel with a headline, Shop now link and portrait cards showing Double Poi","s":"shadcnuikit","c":"data-display/list"},{"id":"shadcnuikit:product-list5","t":"Product list","d":"Trending now grid with rounded category pills that filter products. Cards show type, name,","s":"shadcnuikit","c":"data-display/list"},{"id":"shadcnuikit:product-list6","t":"Product list","d":"Perfume catalog with underlined category tabs and a Filters button above a three column gr","s":"shadcnuikit","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:product-list7","t":"Product list","d":"Products page with a live result count, category tabs and a search input filtering a three","s":"shadcnuikit","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:product-list8","t":"Product list","d":"New Arrival In Fashion carousel with a View all link and compact horizontal cards showing ","s":"shadcnuikit","c":"data-display/list"},{"id":"shadcnuikit:product-quickview1","t":"Product quickviews","d":"Product card with Quick View button that opens a wide two-column dialog with image, title,","s":"shadcnuikit","c":"overlays/dialog"},{"id":"shadcnuikit:product-quickview2","t":"Product quickviews","d":"Product card with Quick View button that opens a compact dialog with wishlist button on th","s":"shadcnuikit","c":"overlays/dialog"},{"id":"shadcnuikit:promo-section","t":"Promo sections","d":"Collection promo with a Summer styles headline, short copy and Shop Collection button besi","k":"section","s":"shadcnuikit","c":"marketing/announcement","hc":1},{"id":"shadcnuikit:shopping-cart1","t":"Shopping cart","d":"Cart page with selectable lines, select all checkbox, stock badges, quantity steppers and ","k":"section","s":"shadcnuikit","c":"marketing/pricing"},{"id":"shadcnuikit:shopping-cart2","t":"Shopping cart","d":"Table style cart with Product, Price, Quantity and Total columns, remove buttons, color an","k":"section","s":"shadcnuikit","c":"marketing/pricing"},{"id":"shadcnuikit:shopping-cart3","t":"Shopping cart","d":"Cart with a Cart, Address, Payment breadcrumb, large product rows with brand and rounded q","s":"shadcnuikit","c":"data-display/list"},{"id":"shadcnuikit:shopping-cart4","t":"Shopping cart","d":"Shopping bag drawer that slides in from the right, listing items with quantity badges on t","s":"shadcnuikit","c":"data-display/list"},{"id":"shadcnuikit:store-navigation","t":"Store navigation","d":"Ecommerce header with logo, Collections dropdown with featured image card, Accessories dro","k":"resource","s":"shadcnuikit","c":"assets/icon","hc":1},{"id":"shadcnuikit:changelog1","t":"Changelog page","d":"Changelog with a sticky sidebar holding the title, search input and Follow and Subscribe b","k":"section","s":"shadcnuikit","c":"marketing/marketing"},{"id":"shadcnuikit:changelog2","t":"Changelog page","d":"Changelog header with intro text and Twitter, RSS and email icon buttons, above a timeline","k":"section","s":"shadcnuikit","c":"marketing/marketing"},{"id":"shadcnuikit:changelog3","t":"Changelog page","d":"Release notes with breadcrumb and title, grouped by version and date into New Features, Bu","k":"section","s":"shadcnuikit","c":"marketing/marketing"},{"id":"shadcnuikit:changelog4","t":"Changelog page","d":"Changelog card feed with colored type badges, dates, descriptions, highlight lists and thr","k":"section","s":"shadcnuikit","c":"marketing/marketing","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:contact1","t":"Contact us","d":"Contact Us badge, heading and text above a world map with country markers, tooltips and fl","k":"section","s":"shadcnuikit","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcnuikit:contact10","t":"Contact us","d":"Minimal three row layout separated by dividers for Let's Talk, Location and Contact, each ","k":"section","s":"shadcnuikit","c":"marketing/marketing","tg":["minimal","webgl"],"sb":"Contact","sy":["minimal","webgl"]},{"id":"shadcnuikit:contact11","t":"Contact us","d":"Large faded Contact Us wordmark above a Reach Out heading with three checked service promi","k":"section","s":"shadcnuikit","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcnuikit:contact12","t":"Contact us","d":"Rounded panel on a darkened background photo with heading, location, socials, email and ph","k":"section","s":"shadcnuikit","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnuikit:contact13","t":"Contact us","d":"Centered badge and heading above a non zooming globe map with office markers and address t","k":"section","s":"shadcnuikit","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnuikit:contact2","t":"Contact us","d":"Sales contact section with a badge, large heading, text and three client logos on the left","k":"section","s":"shadcnuikit","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcnuikit:contact3","t":"Contact us","d":"Three columns: heading with a Contact Us link, a card form with underline style name, emai","k":"section","s":"shadcnuikit","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcnuikit:contact4","t":"Contact us","d":"Full width background photo with a floating white card holding a heading, underline style ","k":"section","s":"shadcnuikit","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnuikit:contact5","t":"Contact us","d":"Form free contact layout with a large heading, two columns of general, collaboration, care","k":"section","s":"shadcnuikit","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnuikit:contact6","t":"Contact us","d":"Split layout with a tall office photo on one side and a heading, small world map with offi","k":"section","s":"shadcnuikit","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnuikit:contact7","t":"Contact us","d":"Heading with address and phone details, a wide world map with markers and zoom controls, t","k":"section","s":"shadcnuikit","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnuikit:contact8","t":"Contact us","d":"Badge and heading above a card form with labelled name, email, company, subject and messag","k":"section","s":"shadcnuikit","c":"marketing/marketing","sb":"Contact"},{"id":"shadcnuikit:contact9","t":"Contact us","d":"Centered heading with an italic accent word above three cards for chat, email and phone, e","k":"section","s":"shadcnuikit","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"shadcnuikit:cta1","t":"Cta sections","d":"Single row CTA with a headline and short contact line on the left and a Get Started button","k":"section","s":"shadcnuikit","c":"marketing/cta","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnuikit:cta10","t":"Cta sections","d":"Contact CTA with an outline badge, headline, mailto link and three columns for email suppo","k":"section","s":"shadcnuikit","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:cta11","t":"Cta sections","d":"Two column agency CTA: headline with an inline avatar group, paragraph and Book a Call but","k":"section","s":"shadcnuikit","c":"marketing/features"},{"id":"shadcnuikit:cta12","t":"Cta sections","d":"Integrations CTA with brand logos placed on concentric half rings that fade out, a centere","k":"section","s":"shadcnuikit","c":"marketing/cta"},{"id":"shadcnuikit:cta2","t":"Cta sections","d":"Centered CTA with headline, one line of text, a Get Started button and a Learn more link b","k":"section","s":"shadcnuikit","c":"marketing/cta"},{"id":"shadcnuikit:cta3","t":"Cta sections","d":"Bordered card split into two columns: headline, paragraph, Start Free Trial and Learn More","k":"section","s":"shadcnuikit","c":"marketing/cta"},{"id":"shadcnuikit:cta4","t":"Cta sections","d":"Two column CTA without a background: a large headline on the left and a paragraph with Sta","k":"section","s":"shadcnuikit","c":"marketing/cta"},{"id":"shadcnuikit:cta5","t":"Cta sections","d":"Muted card with a course headline, paragraph and Start Learning button, plus a learner cou","k":"section","s":"shadcnuikit","c":"marketing/cta"},{"id":"shadcnuikit:cta6","t":"Cta sections","d":"Centered headline, subtext and Get in touch button above a full width row of seven portrai","k":"section","s":"shadcnuikit","c":"marketing/cta"},{"id":"shadcnuikit:cta7","t":"Cta sections","d":"Muted rounded panel with headline, paragraph, Start Free Trial and Schedule a Demo buttons","k":"section","s":"shadcnuikit","c":"marketing/cta"},{"id":"shadcnuikit:cta8","t":"Cta sections","d":"Centered Get Started badge, headline with an italic serif accent, subtext and rounded Get ","k":"section","s":"shadcnuikit","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:cta9","t":"Cta sections","d":"Rounded banner with a background photo, a discount headline and subtext in dark text, and ","k":"section","s":"shadcnuikit","c":"marketing/cta"},{"id":"shadcnuikit:faq1","t":"Faqs","d":"Centered FAQ label, heading and intro above a single column accordion of six questions. On","k":"section","s":"shadcnuikit","c":"marketing/faq","hc":1},{"id":"shadcnuikit:faq10","t":"Faqs","d":"Muted section with one card holding a badge, heading, still have a question note and avata","k":"section","s":"shadcnuikit","c":"marketing/faq"},{"id":"shadcnuikit:faq2","t":"Faqs","d":"Two column layout with a label, heading and text on the left and six questions as separate","k":"section","s":"shadcnuikit","c":"marketing/faq"},{"id":"shadcnuikit:faq3","t":"Faqs","d":"Centered badge and heading above a category sidebar (General, Workouts, Membership, Techni","k":"section","s":"shadcnuikit","c":"marketing/faq"},{"id":"shadcnuikit:faq4","t":"Faqs","d":"Two column section with a heading, short text and Contact Sales button on the left and a f","k":"section","s":"shadcnuikit","c":"marketing/faq"},{"id":"shadcnuikit:faq5","t":"Faqs","d":"Badge, heading and text above six questions with their answers always visible in a three c","k":"section","s":"shadcnuikit","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:faq6","t":"Faqs","d":"Narrow centered column with a heading, full width tabs for General, Features and Security,","k":"section","s":"shadcnuikit","c":"marketing/faq"},{"id":"shadcnuikit:faq7","t":"Faqs","d":"Short intro text opposite a large italic serif FAQ's heading with an arrow, above a full w","k":"section","s":"shadcnuikit","c":"marketing/faq"},{"id":"shadcnuikit:faq8","t":"Faqs","d":"Narrow left column with a FAQs label, heading, support avatar and Book a Free Call button,","k":"section","s":"shadcnuikit","c":"marketing/faq"},{"id":"shadcnuikit:faq9","t":"Faqs","d":"Two column layout with a heading and five question accordion with leading chevrons on the ","k":"section","s":"shadcnuikit","c":"marketing/faq"},{"id":"shadcnuikit:feature1","t":"Feature sections","d":"Centered header with an Our Features badge above a grid of eight feature cards, each with ","k":"section","s":"shadcnuikit","c":"marketing/features"},{"id":"shadcnuikit:feature10","t":"Feature sections","d":"Shop By Categories header with an Explore More button above a two by two grid of photo til","k":"section","s":"shadcnuikit","c":"marketing/features","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnuikit:feature11","t":"Feature sections","d":"Autoplaying image carousel beside a list of three clickable features. The active item fill","k":"section","s":"shadcnuikit","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:feature12","t":"Feature sections","d":"Centered Features badge, heading and paragraph above a description list of four features i","k":"section","s":"shadcnuikit","c":"marketing/features"},{"id":"shadcnuikit:feature13","t":"Feature sections","d":"Centered Features badge, heading and paragraph above six numbered features in two columns,","k":"section","s":"shadcnuikit","c":"marketing/features"},{"id":"shadcnuikit:feature2","t":"Feature sections","d":"Two column layout with a Complete Solution label, headline, intro text and Get Started but","k":"section","s":"shadcnuikit","c":"marketing/features"},{"id":"shadcnuikit:feature3","t":"Feature sections","d":"Headline with a gradient word next to intro text and a Try ContentAI button, above four ca","k":"section","s":"shadcnuikit","c":"marketing/features","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnuikit:feature4","t":"Feature sections","d":"Centered heading above a square image placed in the middle, with three icon features stack","k":"section","s":"shadcnuikit","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:feature5","t":"Feature sections","d":"Badge and centered headline above a two column layout: a list of four features with small ","k":"section","s":"shadcnuikit","c":"marketing/features"},{"id":"shadcnuikit:feature6","t":"Feature sections","d":"Left aligned headline and paragraph above a five column grid that puts four bordered icon ","k":"section","s":"shadcnuikit","c":"marketing/features"},{"id":"shadcnuikit:feature7","t":"Feature sections","d":"Cloud Infrastructure badge, headline, paragraph and Let’s talk button above a wide video r","k":"section","s":"shadcnuikit","c":"marketing/features"},{"id":"shadcnuikit:feature8","t":"Feature sections","d":"Centered heading above four tabs. Each tab shows an image beside a paragraph and four mute","k":"section","s":"shadcnuikit","c":"marketing/features"},{"id":"shadcnuikit:feature9","t":"Feature sections","d":"Two alternating rows, each pairing a 4:3 image with a small dot label, large heading, para","k":"section","s":"shadcnuikit","c":"marketing/features"},{"id":"shadcnuikit:footer1","t":"Footers","d":"Five column footer with the logo in the first column and four link lists for Products, Res","k":"section","s":"shadcnuikit","c":"marketing/footer"},{"id":"shadcnuikit:footer10","t":"Footers","d":"Call to action footer on a purple radial gradient with an availability badge, large Are yo","k":"section","s":"shadcnuikit","c":"marketing/footer","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnuikit:footer11","t":"Footers","d":"Photo panel with a Let's Connect title beside Visit, Write and Call rows, then a centered ","k":"section","s":"shadcnuikit","c":"marketing/footer"},{"id":"shadcnuikit:footer12","t":"Footers","d":"Headline with an outline Get started button above a separator, then the logo, tagline and ","k":"section","s":"shadcnuikit","c":"marketing/footer"},{"id":"shadcnuikit:footer2","t":"Footers","d":"Compact footer with the logo, five text links and five social icons in one row on large sc","k":"section","s":"shadcnuikit","c":"marketing/footer"},{"id":"shadcnuikit:footer3","t":"Footers","d":"Newsletter row with heading, text, email input and Subscribe button, then the logo with Co","k":"section","s":"shadcnuikit","c":"marketing/footer"},{"id":"shadcnuikit:footer4","t":"Footers","d":"Footer with the logo, newsletter text, email input, outline Subscribe button and privacy c","k":"section","s":"shadcnuikit","c":"marketing/footer"},{"id":"shadcnuikit:footer5","t":"Footers","d":"Rounded top card on a muted background with logo, description and five social icons, Produ","k":"section","s":"shadcnuikit","c":"marketing/footer"},{"id":"shadcnuikit:footer6","t":"Footers","d":"Muted footer with a centered newsletter card holding a rounded email input and Subscribe b","k":"section","s":"shadcnuikit","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:footer7","t":"Footers","d":"Three column footer with the logo and an Explore Components button, a Contact column with ","k":"section","s":"shadcnuikit","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:footer8","t":"Footers","d":"Muted area with a centered heading, text and rounded free trial button above a card holdin","k":"section","s":"shadcnuikit","c":"marketing/footer"},{"id":"shadcnuikit:footer9","t":"Footers","d":"Three column footer with the logo and description, a list of large bold page links and a s","k":"section","s":"shadcnuikit","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:hero1","t":"Hero sections","d":"Centered hero with a bordered funding announcement pill and Read more link, a large headli","k":"section","s":"shadcnuikit","c":"marketing/hero","tg":["playful"],"sy":["playful"],"hc":1},{"id":"shadcnuikit:hero10","t":"Hero sections","d":"SaaS hero with navbar and Sheet mobile menu, linked outline badge, headline with a primary","k":"section","s":"shadcnuikit","c":"marketing/hero"},{"id":"shadcnuikit:hero11","t":"Hero sections","d":"Dark purple gradient hero with a frosted glass navbar, linked badge, white headline, Get S","k":"section","s":"shadcnuikit","c":"marketing/hero","tg":["glass","gradient"],"sb":"Animated background","sy":["glass","gradient"]},{"id":"shadcnuikit:hero12","t":"Hero sections","d":"Store hero with navbar, shopper avatars and five star rating, headline with a primary high","k":"section","s":"shadcnuikit","c":"marketing/hero"},{"id":"shadcnuikit:hero13","t":"Hero sections","d":"Full-viewport dental clinic photo hero darkened from the left, frosted pill navigation, Ca","k":"section","s":"shadcnuikit","c":"marketing/hero","tg":["glass"],"sy":["glass"]},{"id":"shadcnuikit:hero14","t":"Hero sections","d":"Two-column store hero with a linked badge, headline, Browse products and Explore collectio","k":"section","s":"shadcnuikit","c":"marketing/hero","sb":"Animated background"},{"id":"shadcnuikit:hero15","t":"Hero sections","d":"Split integrations hero with a logo navbar, pill Log in and Get started group, headline, h","k":"section","s":"shadcnuikit","c":"marketing/hero","tg":["3d"],"sb":"Animated background","sy":["3d"]},{"id":"shadcnuikit:hero16","t":"Hero sections","d":"Rounded primary card hero with a floating pill navbar, student avatars, serif headline, Fi","k":"section","s":"shadcnuikit","c":"marketing/hero","sb":"Animated background"},{"id":"shadcnuikit:hero17","t":"Hero sections","d":"Full-bleed photo hero in a rounded frame with a centered logo navbar and a right Drawer me","k":"section","s":"shadcnuikit","c":"marketing/hero","tg":["glass","webgl"],"sy":["glass","webgl"]},{"id":"shadcnuikit:hero18","t":"Hero sections","d":"Centered SaaS hero with a logo navbar, outlined badge flanked by fading lines, large headl","k":"section","s":"shadcnuikit","c":"marketing/hero","tg":["neon"],"sy":["neon"]},{"id":"shadcnuikit:hero19","t":"Hero sections","d":"Full-height photo hero with a dark announcement bar, bordered navbar with mono uppercase l","k":"section","s":"shadcnuikit","c":"marketing/hero"},{"id":"shadcnuikit:hero2","t":"Hero sections","d":"Centered hero with a linked New badge announcement, headline, paragraph, Get started and L","k":"section","s":"shadcnuikit","c":"marketing/hero"},{"id":"shadcnuikit:hero20","t":"Hero sections","d":"Editorial split hero with a Menu button opening a left Drawer, centered two-line serif log","k":"section","s":"shadcnuikit","c":"marketing/hero"},{"id":"shadcnuikit:hero21","t":"Hero sections","d":"Centered app hero with logo navbar, bold headline, short paragraph and Get started button ","k":"section","s":"shadcnuikit","c":"marketing/hero","tg":["3d"],"sy":["3d"]},{"id":"shadcnuikit:hero22","t":"Hero sections","d":"Primary color hero with a pill navbar, large centered serif headline, volunteer and outlin","k":"section","s":"shadcnuikit","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:hero23","t":"Hero sections","d":"Dark SaaS hero with animated light rays, a central beam and a glowing horizon arc behind a","k":"section","s":"shadcnuikit","c":"marketing/hero","tg":["neon"],"sb":"Animated background","sy":["neon"]},{"id":"shadcnuikit:hero24","t":"Hero sections","d":"Rounded primary panel hero with a soft grid pattern and stepped side blocks, centered head","k":"section","s":"shadcnuikit","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:hero25","t":"Hero sections","d":"Full-height landscape photo hero fading into the background at the top, with a two-tone se","k":"section","s":"shadcnuikit","c":"marketing/hero"},{"id":"shadcnuikit:hero26","t":"Hero sections","d":"Centered community hero with split navigation around the logo, serif and bold two-line hea","k":"section","s":"shadcnuikit","c":"marketing/hero","tg":["3d","webgl"],"sy":["3d","webgl"]},{"id":"shadcnuikit:hero3","t":"Hero sections","d":"Centered hero with a version announcement pill, headline with one word on a skewed purple ","k":"section","s":"shadcnuikit","c":"marketing/hero"},{"id":"shadcnuikit:hero4","t":"Hero sections","d":"Full-height AI hero on a radial purple gradient with logo navbar and Sheet mobile menu, a ","k":"section","s":"shadcnuikit","c":"marketing/hero","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnuikit:hero5","t":"Hero sections","d":"Navbar with Sheet mobile menu above a two-column hero: version badge with spinning sun ico","k":"section","s":"shadcnuikit","c":"marketing/hero"},{"id":"shadcnuikit:hero6","t":"Hero sections","d":"Navbar with Login and Get Started above a two-column hero: badge, headline, paragraph, two","k":"section","s":"shadcnuikit","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:hero7","t":"Hero sections","d":"Rounded pill navbar above a two-column hero with a trial badge, headline, inline email fie","k":"section","s":"shadcnuikit","c":"marketing/hero","sb":"Animated background"},{"id":"shadcnuikit:hero8","t":"Hero sections","d":"Muted hero with a rounded navbar, pulsing member count badge, centered headline, Get Start","k":"section","s":"shadcnuikit","c":"marketing/hero","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnuikit:hero9","t":"Hero sections","d":"Hotel hero with dropdown navbar and accordion mobile menu, a rounded photo banner with ser","k":"section","s":"shadcnuikit","c":"marketing/hero","tg":["glass","webgl"],"sy":["glass","webgl"]},{"id":"shadcnuikit:how-it-works1","t":"How it works","d":"Centered badge, heading and subtitle above three steps with icons in dashed circles joined","k":"section","s":"shadcnuikit","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcnuikit:how-it-works10","t":"How it works","d":"Small uppercase label and centered heading above three bordered cards, each with a top ima","k":"section","s":"shadcnuikit","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcnuikit:how-it-works11","t":"How it works","d":"Centered heading and paragraph above three step cards, each with a step label, a large fad","k":"section","s":"shadcnuikit","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcnuikit:how-it-works2","t":"How it works","d":"Three column layout with a heading and text on the left, a tall rounded building photo in ","k":"section","s":"shadcnuikit","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcnuikit:how-it-works3","t":"How it works","d":"Two column section with a rounded product image on one side and a How it works badge, head","k":"section","s":"shadcnuikit","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcnuikit:how-it-works4","t":"How it works","d":"Narrow centered column with a heading and subtitle above three steps separated by dividers","k":"section","s":"shadcnuikit","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcnuikit:how-it-works5","t":"How it works","d":"Three column grid where a muted card holds the heading and subtitle and five bordered card","k":"section","s":"shadcnuikit","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcnuikit:how-it-works6","t":"How it works","d":"Two tone How we Work heading above four steps in a divided list, each with a rounded Step ","k":"section","s":"shadcnuikit","c":"marketing/features","sb":"Steps"},{"id":"shadcnuikit:how-it-works7","t":"How it works","d":"Centered badge, heading and text above three bordered cards with oversized faded step numb","k":"section","s":"shadcnuikit","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcnuikit:how-it-works8","t":"How it works","d":"Image panel next to three clickable steps that auto advance every three seconds. The activ","k":"section","s":"shadcnuikit","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"shadcnuikit:how-it-works9","t":"How it works","d":"Two column grid of four steps without a section heading, each showing a step number, a tit","k":"section","s":"shadcnuikit","c":"marketing/features","sb":"Steps","hc":1},{"id":"shadcnuikit:integrations1","t":"Integrations","d":"Centered headline above a three column grid of integration cards, each with an app logo, n","k":"section","s":"shadcnuikit","c":"marketing/logos","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:integrations2","t":"Integrations","d":"Header with an App Integration badge, headline and Browse All Apps button, above a three c","k":"section","s":"shadcnuikit","c":"marketing/logos","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:integrations3","t":"Integrations","d":"Compact centered section with a headline, a row of overlapping round app logos that show e","k":"section","s":"shadcnuikit","c":"marketing/logos"},{"id":"shadcnuikit:integrations4","t":"Integrations","d":"Two column layout with a headline, short text and Explore Integration button on the left a","k":"section","s":"shadcnuikit","c":"marketing/logos"},{"id":"shadcnuikit:integrations5","t":"Integrations","d":"Two column layout with copy and a Browse All Apps button on the left and two columns of lo","k":"section","s":"shadcnuikit","c":"marketing/logos"},{"id":"shadcnuikit:integrations6","t":"Integrations","d":"Headline and Browse All Apps button above two rows of logo cards that scroll horizontally ","k":"section","s":"shadcnuikit","c":"marketing/logos"},{"id":"shadcnuikit:integrations7","t":"Integrations","d":"Centered integrations heading with a badge and link on a dotted background, surrounded by ","k":"section","s":"shadcnuikit","c":"marketing/logos"},{"id":"shadcnuikit:navbar1","t":"Navbars","d":"Bordered top bar with a text logo, Features, Pricing and About links plus a Resources drop","s":"shadcnuikit","c":"navigation/top-nav"},{"id":"shadcnuikit:navbar10","t":"Navbars","d":"Skin care store header with a Shop mega menu of five link columns, New Arrivals and Skin Q","s":"shadcnuikit","c":"navigation/top-nav"},{"id":"shadcnuikit:navbar11","t":"Navbars","d":"Fashion store header with Shop and Collections links, an Accessories mega menu with three ","s":"shadcnuikit","c":"navigation/top-nav","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:navbar12","t":"Navbars","d":"Two level store header with a dark top bar of social icons and utility links, then search,","s":"shadcnuikit","c":"navigation/top-nav"},{"id":"shadcnuikit:navbar13","t":"Navbars","d":"Course platform header with a dismissible announcement bar, a Courses mega menu of icon ca","s":"shadcnuikit","c":"navigation/top-nav"},{"id":"shadcnuikit:navbar14","t":"Navbars","d":"Agency header with UI Design and Services links, Customers, Resources and About dropdowns ","s":"shadcnuikit","c":"navigation/top-nav"},{"id":"shadcnuikit:navbar15","t":"Navbars","d":"Studio header with a logo, a pill of social text links and a two line menu button that ope","s":"shadcnuikit","c":"navigation/top-nav"},{"id":"shadcnuikit:navbar2","t":"Navbars","d":"Floating rounded bar on a muted background with a text logo, four plain links and Sign In ","s":"shadcnuikit","c":"navigation/top-nav"},{"id":"shadcnuikit:navbar3","t":"Navbars","d":"Store header with Shop, Categories and Quick Links dropdowns showing descriptions and a Ne","s":"shadcnuikit","c":"navigation/top-nav"},{"id":"shadcnuikit:navbar4","t":"Navbars","d":"Three part header with the logo on the left, four links centered and ghost Sign in and fil","s":"shadcnuikit","c":"navigation/top-nav","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:navbar5","t":"Navbars","d":"App header with the logo and four links, a messages dropdown, a notifications dropdown wit","s":"shadcnuikit","c":"navigation/top-nav"},{"id":"shadcnuikit:navbar6","t":"Navbars","d":"App header with a search field next to the logo, four centered links, messages and notific","s":"shadcnuikit","c":"navigation/top-nav"},{"id":"shadcnuikit:navbar7","t":"Navbars","d":"App header with the logo and four links on the left and a search field, messages and notif","s":"shadcnuikit","c":"navigation/top-nav"},{"id":"shadcnuikit:navbar8","t":"Navbars","d":"Header with the logo and four links, a compact search field and an avatar trigger showing ","s":"shadcnuikit","c":"navigation/top-nav"},{"id":"shadcnuikit:navbar9","t":"Navbars","d":"Search focused header with the logo, a wide search field in the middle and messages, notif","s":"shadcnuikit","c":"navigation/top-nav"},{"id":"shadcnuikit:newsletter1","t":"Newsletter sections","d":"Centered heading and intro text above a card titled Subscribe to our Newsletter with a sho","k":"section","s":"shadcnuikit","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"shadcnuikit:newsletter2","t":"Newsletter sections","d":"Muted card split in two: a Newsletter badge, heading, text and three checked benefits on t","k":"section","s":"shadcnuikit","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:newsletter3","t":"Newsletter sections","d":"Single row sign-up with the heading and a short description on the left and an email input","k":"section","s":"shadcnuikit","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"shadcnuikit:newsletter4","t":"Newsletter sections","d":"Bordered panel on a muted background with a centered heading, text, email input and Subscr","k":"section","s":"shadcnuikit","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcnuikit:newsletter5","t":"Newsletter sections","d":"Full width section with a background image, a large white headline, short text and an emai","k":"section","s":"shadcnuikit","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcnuikit:newsletter6","t":"Newsletter sections","d":"Two column layout with a Subscribe badge, heading, text, stacked email input and full widt","k":"section","s":"shadcnuikit","c":"marketing/cta","tg":["webgl"],"sb":"Newsletter and waitlist","sy":["webgl"]},{"id":"shadcnuikit:newsletter7","t":"Newsletter sections","d":"Edge to edge split section with a photo filling one half and a heading, text, stacked emai","k":"section","s":"shadcnuikit","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcnuikit:newsletter8","t":"Newsletter sections","d":"Tall section with a landscape background image, one centered sentence and a translucent em","k":"section","s":"shadcnuikit","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"shadcnuikit:pricing1","t":"Pricing tables","d":"Centered header with two monthly plan cards. The Growth card has a primary ring and Most p","k":"section","s":"shadcnuikit","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcnuikit:pricing10","t":"Pricing tables","d":"Muted section with a Monthly and Annually switch and Save 20% badge. One card holds four p","k":"section","s":"shadcnuikit","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcnuikit:pricing11","t":"Pricing tables","d":"Free and Pro plan cards side by side. The Pro card is filled with the primary color, overl","k":"section","s":"shadcnuikit","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcnuikit:pricing12","t":"Pricing tables","d":"Hosting comparison table with four plans, the Business column header and footer filled wit","k":"section","s":"shadcnuikit","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcnuikit:pricing13","t":"Pricing tables","d":"Split card with two selectable plan radio cards and a free trial button whose length and p","k":"section","s":"shadcnuikit","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcnuikit:pricing14","t":"Pricing tables","d":"Four subscription cards with Monthly and Annual tabs. Regular cards use dashed borders, th","k":"section","s":"shadcnuikit","c":"marketing/pricing","tg":["neon"],"sb":"Comparison tables","sy":["neon"]},{"id":"shadcnuikit:pricing15","t":"Pricing tables","d":"Four plans from Free to Studio with Monthly and Yearly tabs. Cards show yearly discount ba","k":"section","s":"shadcnuikit","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcnuikit:pricing16","t":"Pricing tables","d":"Heading and text on the left, an accordion of three plans on the right. Each item shows na","k":"section","s":"shadcnuikit","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"shadcnuikit:pricing17","t":"Pricing tables","d":"Muted card with two product tabs, each showing two one-time plans with Buy now buttons and","k":"section","s":"shadcnuikit","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcnuikit:pricing18","t":"Pricing tables","d":"Comparison card with eight scrollable category tabs. Each tab shows a table of three plans","k":"section","s":"shadcnuikit","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"shadcnuikit:pricing19","t":"Pricing tables","d":"Two plan comparison table with tinted Standard and Premium columns. Rows show included fea","k":"section","s":"shadcnuikit","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcnuikit:pricing2","t":"Pricing tables","d":"Three plan cards with a Monthly and Yearly tab switch showing a -20% badge. Prices and the","k":"section","s":"shadcnuikit","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"shadcnuikit:pricing20","t":"Pricing tables","d":"Free and Pro plan cards inside colored frames, muted for Free and primary for Pro. Each ca","k":"section","s":"shadcnuikit","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcnuikit:pricing3","t":"Pricing tables","d":"Header with Monthly and Annual tabs above three plan cards, followed by a Compare features","k":"section","s":"shadcnuikit","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"shadcnuikit:pricing4","t":"Pricing tables","d":"Billing tabs above a two column layout: a radio list of four plans with seats and monthly ","k":"section","s":"shadcnuikit","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcnuikit:pricing5","t":"Pricing tables","d":"Two column intro with a heading, text and a Book a demo button. Below, two service subscri","k":"section","s":"shadcnuikit","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcnuikit:pricing6","t":"Pricing tables","d":"Billing tabs and a team size slider from 5 to 50 users in a muted panel. Four plan cards s","k":"section","s":"shadcnuikit","c":"marketing/pricing","sb":"Comparison tables"},{"id":"shadcnuikit:pricing7","t":"Pricing tables","d":"License type select in a side card next to three package cards with current price, struck ","k":"section","s":"shadcnuikit","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"shadcnuikit:pricing8","t":"Pricing tables","d":"Comparison grid of three plans with prices at the top, nine feature rows of text, check an","k":"section","s":"shadcnuikit","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"shadcnuikit:pricing9","t":"Pricing tables","d":"Three one-time branding package cards with an icon, title, description, price and checklis","k":"section","s":"shadcnuikit","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"]},{"id":"shadcnuikit:stats1","t":"Stats","d":"Left aligned label, heading and intro above four counters in a row with dividers on deskto","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stats10","t":"Stats","d":"Accent colored bordered panel with a long heading and About Us button on the left and thre","s":"shadcnuikit","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:stats11","t":"Stats","d":"Primary colored rounded band with four stats in a row separated by thin dividers, starting","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stats12","t":"Stats","d":"Indicator label and heading with a reviewer avatar, 4.9/5 score, five stars and review sou","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stats2","t":"Stats","d":"Muted section with a centered Stats badge and a heading with a primary accent word, above ","s":"shadcnuikit","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:stats3","t":"Stats","d":"Centered problem statement heading and text above three cards with an icon badge, a large ","s":"shadcnuikit","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:stats4","t":"Stats","d":"Three columns: a heading with four stats in a two by two grid (three count up, one static ","s":"shadcnuikit","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:stats5","t":"Stats","d":"Why Us badge, heading and text with three decimal count up stats on the left, and a two by","s":"shadcnuikit","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:stats6","t":"Stats","d":"Muted section with a small label, heading, text and three stats (two count up, one static ","s":"shadcnuikit","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:stats7","t":"Stats","d":"Two line heading with an italic tagline aligned right, above a two by two grid of accent c","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stats8","t":"Stats","d":"Two column layout with a rounded dashboard screenshot on one side and a badge, large headi","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stats9","t":"Stats","d":"Results label and heading above a bordered card split in two: two count up stats with a re","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:team1","t":"Team sections","d":"Heading and intro paragraph above a four column grid of bordered cards, each with a tall c","k":"section","s":"shadcnuikit","c":"marketing/team"},{"id":"shadcnuikit:team10","t":"Team sections","d":"Large centered heading over four tall photo cards fanned along an arc with name and title ","k":"section","s":"shadcnuikit","c":"marketing/team","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnuikit:team11","t":"Team sections","d":"Two column section on a muted background with a large heading, short text and a Join our t","k":"section","s":"shadcnuikit","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:team12","t":"Team sections","d":"Centered icon tile and heading above pill shaped cards with round grayscale avatars, name ","k":"section","s":"shadcnuikit","c":"marketing/team"},{"id":"shadcnuikit:team2","t":"Team sections","d":"Header with a We're Hiring badge, heading, text and About Us and Job Openings buttons, fol","k":"section","s":"shadcnuikit","c":"marketing/team"},{"id":"shadcnuikit:team3","t":"Team sections","d":"Team split into two labelled rows, founders and designers, each with a serif group title a","k":"section","s":"shadcnuikit","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:team4","t":"Team sections","d":"Two column layout with heading, text and a Join Our Team button on the left and three bord","k":"section","s":"shadcnuikit","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:team5","t":"Team sections","d":"Centered heading and text above six large round grayscale portraits in a wrapping row, eac","k":"section","s":"shadcnuikit","c":"marketing/team"},{"id":"shadcnuikit:team6","t":"Team sections","d":"Numbered heading with intro text and an outline Read more button, above a two to four colu","k":"section","s":"shadcnuikit","c":"marketing/team"},{"id":"shadcnuikit:team7","t":"Team sections","d":"Centered heading above a row of four pill shaped photo panels on pastel backgrounds. Hover","k":"section","s":"shadcnuikit","c":"marketing/team","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnuikit:team8","t":"Team sections","d":"Leadership grid with a small Our team link, heading and Join us button, then six bordered ","k":"section","s":"shadcnuikit","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:team9","t":"Team sections","d":"Three column grid that starts with a primary colored card containing the heading, text and","k":"section","s":"shadcnuikit","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:testimonial1","t":"Testimonials","d":"Centered heading above a looping carousel of five bordered quote cards, each with the quot","k":"section","s":"shadcnuikit","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:testimonial10","t":"Testimonials","d":"Centered badge, heading and text above three round avatar buttons, where the selected avat","k":"section","s":"shadcnuikit","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:testimonial11","t":"Testimonials","d":"Badge with a colored dot, heading and subtitle above a two column grid of four cards, each","k":"section","s":"shadcnuikit","c":"marketing/testimonials"},{"id":"shadcnuikit:testimonial12","t":"Testimonials","d":"Two column layout with a badge and large heading on the left and a grid on the right holdi","k":"section","s":"shadcnuikit","c":"marketing/testimonials"},{"id":"shadcnuikit:testimonial13","t":"Testimonials","d":"Full width looping carousel showing one centered quote at a time with a bolded highlight p","k":"section","s":"shadcnuikit","c":"marketing/testimonials"},{"id":"shadcnuikit:testimonial14","t":"Testimonials","d":"Heading above six tilted, pastel colored quote cards scattered in a container, each with a","k":"section","s":"shadcnuikit","c":"marketing/testimonials","tg":["3d"],"sy":["3d"]},{"id":"shadcnuikit:testimonial15","t":"Testimonials","d":"Two column section with a heading, intro text and View All Testimonials button on the left","k":"section","s":"shadcnuikit","c":"marketing/testimonials"},{"id":"shadcnuikit:testimonial2","t":"Testimonials","d":"Single large quote that fades and blurs between three entries, with a row of overlapping g","k":"section","s":"shadcnuikit","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:testimonial3","t":"Testimonials","d":"Badge, heading and subtitle above up to three columns of quote cards that scroll upward in","k":"section","s":"shadcnuikit","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"shadcnuikit:testimonial4","t":"Testimonials","d":"Two column section with a Community badge, heading, paragraph and Read more testimonials b","k":"section","s":"shadcnuikit","c":"marketing/testimonials"},{"id":"shadcnuikit:testimonial5","t":"Testimonials","d":"Community heading, paragraph and button above a full width row of quote cards that scrolls","k":"section","s":"shadcnuikit","c":"marketing/testimonials"},{"id":"shadcnuikit:testimonial6","t":"Testimonials","d":"Bento grid of four quote cards with quote icons: a tall card with a 6X metric on the left,","k":"section","s":"shadcnuikit","c":"marketing/testimonials"},{"id":"shadcnuikit:testimonial7","t":"Testimonials","d":"Heading with a Learn More button above two wide cards, each with a large avatar, five star","k":"section","s":"shadcnuikit","c":"marketing/testimonials"},{"id":"shadcnuikit:testimonial8","t":"Testimonials","d":"Editorial slider with a large faded slide number beside one big quote, avatar, name and co","k":"section","s":"shadcnuikit","c":"marketing/testimonials"},{"id":"shadcnuikit:testimonial9","t":"Testimonials","d":"Autoplaying looping carousel of dark cards with a large portrait, name and role over a gra","k":"section","s":"shadcnuikit","c":"marketing/testimonials","tg":["gradient"],"sy":["gradient"]},{"id":"shadcnuikit:accordion1","t":"Accordion","d":"A vertically stacked set of interactive headings that each reveal a section of content. Ea","s":"shadcnuikit","c":"data-display/accordion","hc":1},{"id":"shadcnuikit:accordion10","t":"Accordion","d":"Accordion built with shadcn/ui.","s":"shadcnuikit","c":"data-display/accordion","hc":1},{"id":"shadcnuikit:accordion11","t":"Accordion","d":"Accordion built with shadcn/ui.","s":"shadcnuikit","c":"data-display/accordion","hc":1},{"id":"shadcnuikit:accordion12","t":"Accordion","d":"Accordion built with shadcn/ui.","s":"shadcnuikit","c":"data-display/accordion","hc":1},{"id":"shadcnuikit:accordion2","t":"Accordion","d":"A vertically stacked set of interactive headings that each reveal a section of content. Ea","s":"shadcnuikit","c":"data-display/accordion","hc":1},{"id":"shadcnuikit:accordion3","t":"Accordion","d":"A vertically stacked set of interactive headings that each reveal a section of content. Ea","s":"shadcnuikit","c":"data-display/accordion","hc":1},{"id":"shadcnuikit:accordion4","t":"Accordion","d":"Accordion built with shadcn/ui.","s":"shadcnuikit","c":"data-display/accordion","hc":1},{"id":"shadcnuikit:accordion5","t":"Accordion","d":"Accordion built with shadcn/ui.","s":"shadcnuikit","c":"data-display/accordion","hc":1},{"id":"shadcnuikit:accordion6","t":"Accordion","d":"Accordion built with shadcn/ui.","s":"shadcnuikit","c":"data-display/accordion","hc":1},{"id":"shadcnuikit:accordion7","t":"Accordion","d":"Accordion built with shadcn/ui.","s":"shadcnuikit","c":"data-display/accordion","hc":1},{"id":"shadcnuikit:accordion8","t":"Accordion","d":"Accordion built with shadcn/ui.","s":"shadcnuikit","c":"data-display/accordion","hc":1},{"id":"shadcnuikit:accordion9","t":"Accordion","d":"Accordion built with shadcn/ui.","s":"shadcnuikit","c":"data-display/accordion","hc":1},{"id":"shadcnuikit:alert1","t":"Alert","d":"Displays a callout for user attention. All alert examples work out of the box with Radix U","s":"shadcnuikit","c":"overlays/alert-banner","hc":1},{"id":"shadcnuikit:alert10","t":"Alert","d":"Alert built with shadcn/ui.","s":"shadcnuikit","c":"overlays/alert-banner","hc":1},{"id":"shadcnuikit:alert11","t":"Alert","d":"Alert built with shadcn/ui.","s":"shadcnuikit","c":"overlays/alert-banner","hc":1},{"id":"shadcnuikit:alert12","t":"Alert","d":"Alert built with shadcn/ui.","s":"shadcnuikit","c":"overlays/alert-banner","hc":1},{"id":"shadcnuikit:alert13","t":"Alert","d":"Alert built with shadcn/ui.","s":"shadcnuikit","c":"overlays/alert-banner","hc":1},{"id":"shadcnuikit:alert14","t":"Alert","d":"Alert built with shadcn/ui.","s":"shadcnuikit","c":"overlays/alert-banner","hc":1},{"id":"shadcnuikit:alert15","t":"Alert","d":"Alert built with shadcn/ui.","s":"shadcnuikit","c":"overlays/alert-banner","hc":1},{"id":"shadcnuikit:alert2","t":"Alert","d":"Displays a callout for user attention. All alert examples work out of the box with Radix U","s":"shadcnuikit","c":"overlays/alert-banner","hc":1},{"id":"shadcnuikit:alert3","t":"Alert","d":"Displays a callout for user attention. All alert examples work out of the box with Radix U","s":"shadcnuikit","c":"overlays/alert-banner","hc":1},{"id":"shadcnuikit:alert4","t":"Alert","d":"Displays a callout for user attention. All alert examples work out of the box with Radix U","s":"shadcnuikit","c":"overlays/alert-banner","hc":1},{"id":"shadcnuikit:alert5","t":"Alert","d":"Displays a callout for user attention. All alert examples work out of the box with Radix U","s":"shadcnuikit","c":"overlays/alert-banner","hc":1},{"id":"shadcnuikit:alert6","t":"Alert","d":"Alert built with shadcn/ui.","s":"shadcnuikit","c":"overlays/alert-banner","hc":1},{"id":"shadcnuikit:alert7","t":"Alert","d":"Alert built with shadcn/ui.","s":"shadcnuikit","c":"overlays/alert-banner","hc":1},{"id":"shadcnuikit:alert8","t":"Alert","d":"Alert built with shadcn/ui.","s":"shadcnuikit","c":"overlays/alert-banner","hc":1},{"id":"shadcnuikit:alert9","t":"Alert","d":"Alert built with shadcn/ui.","s":"shadcnuikit","c":"overlays/alert-banner","hc":1},{"id":"shadcnuikit:alert-dialog1","t":"Alert dialog","d":"A modal dialog that interrupts the user with important content and expects a response. Eve","s":"shadcnuikit","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnuikit:alert-dialog10","t":"Alert dialog","d":"Alert dialog built with shadcn/ui.","s":"shadcnuikit","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnuikit:alert-dialog11","t":"Alert dialog","d":"Alert dialog built with shadcn/ui.","s":"shadcnuikit","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnuikit:alert-dialog12","t":"Alert dialog","d":"Alert dialog built with shadcn/ui.","s":"shadcnuikit","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnuikit:alert-dialog13","t":"Alert dialog","d":"Alert dialog built with shadcn/ui.","s":"shadcnuikit","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnuikit:alert-dialog14","t":"Alert dialog","d":"Alert dialog built with shadcn/ui.","s":"shadcnuikit","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnuikit:alert-dialog15","t":"Alert dialog","d":"Alert dialog built with shadcn/ui.","s":"shadcnuikit","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnuikit:alert-dialog16","t":"Alert dialog","d":"Alert dialog built with shadcn/ui.","s":"shadcnuikit","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnuikit:alert-dialog2","t":"Alert dialog","d":"A modal dialog that interrupts the user with important content and expects a response. Eve","s":"shadcnuikit","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnuikit:alert-dialog3","t":"Alert dialog","d":"A modal dialog that interrupts the user with important content and expects a response. Eve","s":"shadcnuikit","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnuikit:alert-dialog4","t":"Alert dialog","d":"A modal dialog that interrupts the user with important content and expects a response. Eve","s":"shadcnuikit","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnuikit:alert-dialog5","t":"Alert dialog","d":"Alert dialog built with shadcn/ui.","s":"shadcnuikit","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnuikit:alert-dialog6","t":"Alert dialog","d":"Alert dialog built with shadcn/ui.","s":"shadcnuikit","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnuikit:alert-dialog7","t":"Alert dialog","d":"Alert dialog built with shadcn/ui.","s":"shadcnuikit","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnuikit:alert-dialog8","t":"Alert dialog","d":"Alert dialog built with shadcn/ui.","s":"shadcnuikit","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnuikit:alert-dialog9","t":"Alert dialog","d":"Alert dialog built with shadcn/ui.","s":"shadcnuikit","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"shadcnuikit:attachment1","t":"Attachment","d":"A component for displaying file attachments with media previews, upload states, and action","s":"shadcnuikit","c":"inputs/file-upload","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnuikit:attachment2","t":"Attachment","d":"A component for displaying file attachments with media previews, upload states, and action","s":"shadcnuikit","c":"inputs/file-upload","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnuikit:attachment3","t":"Attachment","d":"A component for displaying file attachments with media previews, upload states, and action","s":"shadcnuikit","c":"inputs/file-upload","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnuikit:attachment4","t":"Attachment","d":"A component for displaying file attachments with media previews, upload states, and action","s":"shadcnuikit","c":"inputs/file-upload","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnuikit:attachment5","t":"Attachment","d":"Attachment built with shadcn/ui.","s":"shadcnuikit","c":"inputs/file-upload","hc":1},{"id":"shadcnuikit:autocomplete1","t":"Autocomplete","d":"A text field that allows users to select an option from a list. Each variant plays nicely ","s":"shadcnuikit","c":"inputs/combobox","hc":1},{"id":"shadcnuikit:autocomplete2","t":"Autocomplete","d":"A text field that allows users to select an option from a list. Each variant plays nicely ","s":"shadcnuikit","c":"inputs/combobox","hc":1},{"id":"shadcnuikit:autocomplete3","t":"Autocomplete","d":"A text field that allows users to select an option from a list. Each variant plays nicely ","s":"shadcnuikit","c":"inputs/combobox","hc":1},{"id":"shadcnuikit:autocomplete4","t":"Autocomplete","d":"Autocomplete built with shadcn/ui.","s":"shadcnuikit","c":"inputs/combobox","hc":1},{"id":"shadcnuikit:autocomplete5","t":"Autocomplete","d":"Autocomplete built with shadcn/ui.","s":"shadcnuikit","c":"inputs/combobox","hc":1},{"id":"shadcnuikit:avatar1","t":"Avatar","d":"An image element with a fallback for representing the user. Every avatar style is compatib","s":"shadcnuikit","c":"data-display/avatar","hc":1},{"id":"shadcnuikit:avatar10","t":"Avatar","d":"Avatar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/avatar","hc":1},{"id":"shadcnuikit:avatar11","t":"Avatar","d":"Avatar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/avatar","hc":1},{"id":"shadcnuikit:avatar12","t":"Avatar","d":"Avatar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/avatar","hc":1},{"id":"shadcnuikit:avatar13","t":"Avatar","d":"Avatar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/avatar","hc":1},{"id":"shadcnuikit:avatar14","t":"Avatar","d":"Avatar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/avatar","hc":1},{"id":"shadcnuikit:avatar15","t":"Avatar","d":"Avatar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/avatar","hc":1},{"id":"shadcnuikit:avatar16","t":"Avatar","d":"Avatar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/avatar","hc":1},{"id":"shadcnuikit:avatar17","t":"Avatar","d":"Avatar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/avatar","hc":1},{"id":"shadcnuikit:avatar18","t":"Avatar","d":"Avatar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/avatar","hc":1},{"id":"shadcnuikit:avatar19","t":"Avatar","d":"Avatar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/avatar","hc":1},{"id":"shadcnuikit:avatar2","t":"Avatar","d":"An image element with a fallback for representing the user. Every avatar style is compatib","s":"shadcnuikit","c":"data-display/avatar","hc":1},{"id":"shadcnuikit:avatar20","t":"Avatar","d":"Avatar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/avatar","hc":1},{"id":"shadcnuikit:avatar21","t":"Avatar","d":"Avatar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/avatar","hc":1},{"id":"shadcnuikit:avatar3","t":"Avatar","d":"An image element with a fallback for representing the user. Every avatar style is compatib","s":"shadcnuikit","c":"data-display/avatar","hc":1},{"id":"shadcnuikit:avatar4","t":"Avatar","d":"An image element with a fallback for representing the user. Every avatar style is compatib","s":"shadcnuikit","c":"data-display/avatar","hc":1},{"id":"shadcnuikit:avatar5","t":"Avatar","d":"Avatar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/avatar","hc":1},{"id":"shadcnuikit:avatar6","t":"Avatar","d":"Avatar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/avatar","hc":1},{"id":"shadcnuikit:avatar7","t":"Avatar","d":"Avatar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/avatar","hc":1},{"id":"shadcnuikit:avatar8","t":"Avatar","d":"Avatar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/avatar","hc":1},{"id":"shadcnuikit:avatar9","t":"Avatar","d":"Avatar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/avatar","hc":1},{"id":"shadcnuikit:badge1","t":"Badge","d":"Displays a badge or a component that looks like a badge. All badge variants drop into Radi","s":"shadcnuikit","c":"data-display/badge","hc":1},{"id":"shadcnuikit:badge10","t":"Badge","d":"Badge built with shadcn/ui.","s":"shadcnuikit","c":"data-display/badge","hc":1},{"id":"shadcnuikit:badge11","t":"Badge","d":"Badge built with shadcn/ui.","s":"shadcnuikit","c":"data-display/badge","hc":1},{"id":"shadcnuikit:badge12","t":"Badge","d":"Badge built with shadcn/ui.","s":"shadcnuikit","c":"data-display/badge","hc":1},{"id":"shadcnuikit:badge13","t":"Badge","d":"Badge built with shadcn/ui.","s":"shadcnuikit","c":"data-display/badge","hc":1},{"id":"shadcnuikit:badge14","t":"Badge","d":"Badge built with shadcn/ui.","s":"shadcnuikit","c":"data-display/badge","hc":1},{"id":"shadcnuikit:badge15","t":"Badge","d":"Badge built with shadcn/ui.","s":"shadcnuikit","c":"data-display/badge","hc":1},{"id":"shadcnuikit:badge16","t":"Badge","d":"Badge built with shadcn/ui.","s":"shadcnuikit","c":"data-display/badge","hc":1},{"id":"shadcnuikit:badge17","t":"Badge","d":"Badge built with shadcn/ui.","s":"shadcnuikit","c":"data-display/badge","hc":1},{"id":"shadcnuikit:badge2","t":"Badge","d":"Displays a badge or a component that looks like a badge. All badge variants drop into Radi","s":"shadcnuikit","c":"data-display/badge","hc":1},{"id":"shadcnuikit:badge3","t":"Badge","d":"Displays a badge or a component that looks like a badge. All badge variants drop into Radi","s":"shadcnuikit","c":"data-display/badge","hc":1},{"id":"shadcnuikit:badge4","t":"Badge","d":"Displays a badge or a component that looks like a badge. All badge variants drop into Radi","s":"shadcnuikit","c":"data-display/badge","hc":1},{"id":"shadcnuikit:badge5","t":"Badge","d":"Displays a badge or a component that looks like a badge. All badge variants drop into Radi","s":"shadcnuikit","c":"data-display/badge","hc":1},{"id":"shadcnuikit:badge6","t":"Badge","d":"Badge built with shadcn/ui.","s":"shadcnuikit","c":"data-display/badge","hc":1},{"id":"shadcnuikit:badge7","t":"Badge","d":"Badge built with shadcn/ui.","s":"shadcnuikit","c":"data-display/badge","hc":1},{"id":"shadcnuikit:badge8","t":"Badge","d":"Badge built with shadcn/ui.","s":"shadcnuikit","c":"data-display/badge","hc":1},{"id":"shadcnuikit:badge9","t":"Badge","d":"Badge built with shadcn/ui.","s":"shadcnuikit","c":"data-display/badge","hc":1},{"id":"shadcnuikit:breadcrumb1","t":"Breadcrumb","d":"Displays the path to the current resource using a hierarchy of links. Each breadcrumb layo","s":"shadcnuikit","c":"navigation/breadcrumb","hc":1},{"id":"shadcnuikit:breadcrumb2","t":"Breadcrumb","d":"Displays the path to the current resource using a hierarchy of links. Each breadcrumb layo","s":"shadcnuikit","c":"navigation/breadcrumb","hc":1},{"id":"shadcnuikit:breadcrumb3","t":"Breadcrumb","d":"Displays the path to the current resource using a hierarchy of links. Each breadcrumb layo","s":"shadcnuikit","c":"navigation/breadcrumb","hc":1},{"id":"shadcnuikit:breadcrumb4","t":"Breadcrumb","d":"Displays the path to the current resource using a hierarchy of links. Each breadcrumb layo","s":"shadcnuikit","c":"navigation/breadcrumb","hc":1},{"id":"shadcnuikit:breadcrumb5","t":"Breadcrumb","d":"Displays the path to the current resource using a hierarchy of links. Each breadcrumb layo","s":"shadcnuikit","c":"navigation/breadcrumb","hc":1},{"id":"shadcnuikit:breadcrumb6","t":"Breadcrumb","d":"Breadcrumb built with shadcn/ui.","s":"shadcnuikit","c":"navigation/breadcrumb","hc":1},{"id":"shadcnuikit:bubble1","t":"Bubble","d":"Chat bubble components for displaying messages with grouping, alignment, and reactions. Al","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"shadcnuikit:bubble2","t":"Bubble","d":"Chat bubble components for displaying messages with grouping, alignment, and reactions. Al","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"shadcnuikit:bubble3","t":"Bubble","d":"Chat bubble components for displaying messages with grouping, alignment, and reactions. Al","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"shadcnuikit:bubble4","t":"Bubble","d":"Bubble built with shadcn/ui.","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"shadcnuikit:bubble5","t":"Bubble","d":"Bubble built with shadcn/ui.","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"shadcnuikit:bubble6","t":"Bubble","d":"Bubble built with shadcn/ui.","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"shadcnuikit:bubble7","t":"Bubble","d":"Bubble built with shadcn/ui.","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"shadcnuikit:button1","t":"Button","d":"Displays a button or a component that looks like a button. Every button example is built t","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button10","t":"Button","d":"Button built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button11","t":"Button","d":"Button built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button12","t":"Button","d":"Button built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button13","t":"Button","d":"Button built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button14","t":"Button","d":"Button built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button15","t":"Button","d":"Button built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button16","t":"Button","d":"Button built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button17","t":"Button","d":"Button built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button18","t":"Button","d":"Button built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button19","t":"Button","d":"Button built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button2","t":"Button","d":"Displays a button or a component that looks like a button. Every button example is built t","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button20","t":"Button","d":"Button built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button21","t":"Button","d":"Button built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button22","t":"Button","d":"Button built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button23","t":"Button","d":"Button built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button24","t":"Button","d":"Button built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button25","t":"Button","d":"Button built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button26","t":"Button","d":"Button built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button27","t":"Button","d":"Button built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button3","t":"Button","d":"Displays a button or a component that looks like a button. Every button example is built t","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button4","t":"Button","d":"Displays a button or a component that looks like a button. Every button example is built t","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button5","t":"Button","d":"Displays a button or a component that looks like a button. Every button example is built t","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button6","t":"Button","d":"Button built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button7","t":"Button","d":"Button built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button8","t":"Button","d":"Button built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button9","t":"Button","d":"Button built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","hc":1},{"id":"shadcnuikit:button-group1","t":"Button group","d":"A container that groups related buttons together with consistent styling. The variants fit","s":"shadcnuikit","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnuikit:button-group10","t":"Button group","d":"Button group built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnuikit:button-group11","t":"Button group","d":"Button group built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnuikit:button-group12","t":"Button group","d":"Button group built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnuikit:button-group13","t":"Button group","d":"Button group built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnuikit:button-group14","t":"Button group","d":"Button group built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnuikit:button-group15","t":"Button group","d":"Button group built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnuikit:button-group16","t":"Button group","d":"Button group built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnuikit:button-group17","t":"Button group","d":"Button group built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnuikit:button-group18","t":"Button group","d":"Button group built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnuikit:button-group19","t":"Button group","d":"Button group built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnuikit:button-group2","t":"Button group","d":"A container that groups related buttons together with consistent styling. The variants fit","s":"shadcnuikit","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnuikit:button-group20","t":"Button group","d":"Button group built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnuikit:button-group3","t":"Button group","d":"A container that groups related buttons together with consistent styling. The variants fit","s":"shadcnuikit","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnuikit:button-group4","t":"Button group","d":"A container that groups related buttons together with consistent styling. The variants fit","s":"shadcnuikit","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnuikit:button-group5","t":"Button group","d":"Button group built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnuikit:button-group6","t":"Button group","d":"Button group built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnuikit:button-group7","t":"Button group","d":"Button group built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnuikit:button-group8","t":"Button group","d":"Button group built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnuikit:button-group9","t":"Button group","d":"Button group built with shadcn/ui.","s":"shadcnuikit","c":"actions/button","sb":"Groups and split","hc":1},{"id":"shadcnuikit:calendar1","t":"Calendar","d":"A calendar component that allows users to select a date or a range of dates. Each calendar","s":"shadcnuikit","c":"data-display/calendar","hc":1},{"id":"shadcnuikit:calendar10","t":"Calendar","d":"Calendar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/calendar","hc":1},{"id":"shadcnuikit:calendar11","t":"Calendar","d":"Calendar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/calendar","hc":1},{"id":"shadcnuikit:calendar12","t":"Calendar","d":"Calendar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/calendar","hc":1},{"id":"shadcnuikit:calendar13","t":"Calendar","d":"Calendar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/calendar","hc":1},{"id":"shadcnuikit:calendar14","t":"Calendar","d":"Calendar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/calendar","hc":1},{"id":"shadcnuikit:calendar15","t":"Calendar","d":"Calendar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/calendar","hc":1},{"id":"shadcnuikit:calendar2","t":"Calendar","d":"A calendar component that allows users to select a date or a range of dates. Each calendar","s":"shadcnuikit","c":"data-display/calendar","hc":1},{"id":"shadcnuikit:calendar3","t":"Calendar","d":"A calendar component that allows users to select a date or a range of dates. Each calendar","s":"shadcnuikit","c":"data-display/calendar","hc":1},{"id":"shadcnuikit:calendar4","t":"Calendar","d":"A calendar component that allows users to select a date or a range of dates. Each calendar","s":"shadcnuikit","c":"data-display/calendar","hc":1},{"id":"shadcnuikit:calendar5","t":"Calendar","d":"A calendar component that allows users to select a date or a range of dates. Each calendar","s":"shadcnuikit","c":"data-display/calendar","hc":1},{"id":"shadcnuikit:calendar6","t":"Calendar","d":"Calendar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/calendar","hc":1},{"id":"shadcnuikit:calendar7","t":"Calendar","d":"Calendar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/calendar","hc":1},{"id":"shadcnuikit:calendar8","t":"Calendar","d":"Calendar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/calendar","hc":1},{"id":"shadcnuikit:calendar9","t":"Calendar","d":"Calendar built with shadcn/ui.","s":"shadcnuikit","c":"data-display/calendar","hc":1},{"id":"shadcnuikit:card1","t":"Card","d":"Displays a card with header, content, and footer. Every card layout can be used alongside ","s":"shadcnuikit","c":"data-display/card","hc":1},{"id":"shadcnuikit:card2","t":"Card","d":"Displays a card with header, content, and footer. Every card layout can be used alongside ","s":"shadcnuikit","c":"data-display/card","hc":1},{"id":"shadcnuikit:card3","t":"Card","d":"Displays a card with header, content, and footer. Every card layout can be used alongside ","s":"shadcnuikit","c":"data-display/card","hc":1},{"id":"shadcnuikit:card4","t":"Card","d":"Displays a card with header, content, and footer. Every card layout can be used alongside ","s":"shadcnuikit","c":"data-display/card","hc":1},{"id":"shadcnuikit:card5","t":"Card","d":"Card built with shadcn/ui.","s":"shadcnuikit","c":"data-display/card","hc":1},{"id":"shadcnuikit:card6","t":"Card","d":"Card built with shadcn/ui.","s":"shadcnuikit","c":"data-display/card","hc":1},{"id":"shadcnuikit:card7","t":"Card","d":"Card built with shadcn/ui.","s":"shadcnuikit","c":"data-display/card","hc":1},{"id":"shadcnuikit:card8","t":"Card","d":"Card built with shadcn/ui.","s":"shadcnuikit","c":"data-display/card","hc":1},{"id":"shadcnuikit:card9","t":"Card","d":"Card built with shadcn/ui.","s":"shadcnuikit","c":"data-display/card","hc":1},{"id":"shadcnuikit:carousel1","t":"Carousel","d":"A carousel with motion and swipe built using Embla Carousel. All carousel examples are com","s":"shadcnuikit","c":"media/carousel","hc":1},{"id":"shadcnuikit:carousel10","t":"Carousel","d":"Carousel built with shadcn/ui.","s":"shadcnuikit","c":"media/carousel","hc":1},{"id":"shadcnuikit:carousel11","t":"Carousel","d":"Carousel built with shadcn/ui.","s":"shadcnuikit","c":"media/carousel","hc":1},{"id":"shadcnuikit:carousel12","t":"Carousel","d":"Carousel built with shadcn/ui.","s":"shadcnuikit","c":"media/carousel","hc":1},{"id":"shadcnuikit:carousel13","t":"Carousel","d":"Carousel built with shadcn/ui.","s":"shadcnuikit","c":"media/carousel","hc":1},{"id":"shadcnuikit:carousel2","t":"Carousel","d":"A carousel with motion and swipe built using Embla Carousel. All carousel examples are com","s":"shadcnuikit","c":"media/carousel","hc":1},{"id":"shadcnuikit:carousel3","t":"Carousel","d":"A carousel with motion and swipe built using Embla Carousel. All carousel examples are com","s":"shadcnuikit","c":"media/carousel","hc":1},{"id":"shadcnuikit:carousel4","t":"Carousel","d":"A carousel with motion and swipe built using Embla Carousel. All carousel examples are com","s":"shadcnuikit","c":"media/carousel","hc":1},{"id":"shadcnuikit:carousel5","t":"Carousel","d":"Carousel built with shadcn/ui.","s":"shadcnuikit","c":"media/carousel","hc":1},{"id":"shadcnuikit:carousel6","t":"Carousel","d":"Carousel built with shadcn/ui.","s":"shadcnuikit","c":"media/carousel","hc":1},{"id":"shadcnuikit:carousel7","t":"Carousel","d":"Carousel built with shadcn/ui.","s":"shadcnuikit","c":"media/carousel","hc":1},{"id":"shadcnuikit:carousel8","t":"Carousel","d":"Carousel built with shadcn/ui.","s":"shadcnuikit","c":"media/carousel","hc":1},{"id":"shadcnuikit:carousel9","t":"Carousel","d":"Carousel built with shadcn/ui.","s":"shadcnuikit","c":"media/carousel","hc":1},{"id":"shadcnuikit:checkbox1","t":"Checkbox","d":"A control that allows the user to toggle between checked and not checked. Each checkbox va","s":"shadcnuikit","c":"inputs/checkbox","hc":1},{"id":"shadcnuikit:checkbox10","t":"Checkbox","d":"Checkbox built with shadcn/ui.","s":"shadcnuikit","c":"inputs/checkbox","hc":1},{"id":"shadcnuikit:checkbox11","t":"Checkbox","d":"Checkbox built with shadcn/ui.","s":"shadcnuikit","c":"inputs/checkbox","hc":1},{"id":"shadcnuikit:checkbox12","t":"Checkbox","d":"Checkbox built with shadcn/ui.","s":"shadcnuikit","c":"inputs/checkbox","hc":1},{"id":"shadcnuikit:checkbox13","t":"Checkbox","d":"Checkbox built with shadcn/ui.","s":"shadcnuikit","c":"inputs/checkbox","hc":1},{"id":"shadcnuikit:checkbox2","t":"Checkbox","d":"A control that allows the user to toggle between checked and not checked. Each checkbox va","s":"shadcnuikit","c":"inputs/checkbox","hc":1},{"id":"shadcnuikit:checkbox3","t":"Checkbox","d":"A control that allows the user to toggle between checked and not checked. Each checkbox va","s":"shadcnuikit","c":"inputs/checkbox","hc":1},{"id":"shadcnuikit:checkbox4","t":"Checkbox","d":"A control that allows the user to toggle between checked and not checked. Each checkbox va","s":"shadcnuikit","c":"inputs/checkbox","hc":1},{"id":"shadcnuikit:checkbox5","t":"Checkbox","d":"A control that allows the user to toggle between checked and not checked. Each checkbox va","s":"shadcnuikit","c":"inputs/checkbox","hc":1},{"id":"shadcnuikit:checkbox6","t":"Checkbox","d":"Checkbox built with shadcn/ui.","s":"shadcnuikit","c":"inputs/checkbox","hc":1},{"id":"shadcnuikit:checkbox7","t":"Checkbox","d":"Checkbox built with shadcn/ui.","s":"shadcnuikit","c":"inputs/checkbox","hc":1},{"id":"shadcnuikit:checkbox8","t":"Checkbox","d":"Checkbox built with shadcn/ui.","s":"shadcnuikit","c":"inputs/checkbox","hc":1},{"id":"shadcnuikit:checkbox9","t":"Checkbox","d":"Checkbox built with shadcn/ui.","s":"shadcnuikit","c":"inputs/checkbox","hc":1},{"id":"shadcnuikit:code-block1","t":"Code block","d":"A syntax highlighted code block with copy and download actions, line numbers, diffs, diagn","s":"shadcnuikit","c":"data-display/code-block","hc":1},{"id":"shadcnuikit:code-block10","t":"Code block","d":"Code block built with shadcn/ui.","s":"shadcnuikit","c":"data-display/code-block","hc":1},{"id":"shadcnuikit:code-block11","t":"Code block","d":"Code block built with shadcn/ui.","s":"shadcnuikit","c":"data-display/code-block","hc":1},{"id":"shadcnuikit:code-block12","t":"Code block","d":"Code block built with shadcn/ui.","s":"shadcnuikit","c":"data-display/code-block","hc":1},{"id":"shadcnuikit:code-block13","t":"Code block","d":"Code block built with shadcn/ui.","s":"shadcnuikit","c":"data-display/code-block","hc":1},{"id":"shadcnuikit:code-block14","t":"Code block","d":"Code block built with shadcn/ui.","s":"shadcnuikit","c":"data-display/code-block","hc":1},{"id":"shadcnuikit:code-block15","t":"Code block","d":"Code block built with shadcn/ui.","s":"shadcnuikit","c":"data-display/code-block","hc":1},{"id":"shadcnuikit:code-block16","t":"Code block","d":"Code block built with shadcn/ui.","s":"shadcnuikit","c":"data-display/code-block","hc":1},{"id":"shadcnuikit:code-block17","t":"Code block","d":"Code block built with shadcn/ui.","s":"shadcnuikit","c":"data-display/code-block","hc":1},{"id":"shadcnuikit:code-block18","t":"Code block","d":"Code block built with shadcn/ui.","s":"shadcnuikit","c":"data-display/code-block","hc":1},{"id":"shadcnuikit:code-block2","t":"Code block","d":"A syntax highlighted code block with copy and download actions, line numbers, diffs, diagn","s":"shadcnuikit","c":"data-display/code-block","hc":1},{"id":"shadcnuikit:code-block3","t":"Code block","d":"A syntax highlighted code block with copy and download actions, line numbers, diffs, diagn","s":"shadcnuikit","c":"data-display/code-block","hc":1},{"id":"shadcnuikit:code-block4","t":"Code block","d":"Code block built with shadcn/ui.","s":"shadcnuikit","c":"data-display/code-block","hc":1},{"id":"shadcnuikit:code-block5","t":"Code block","d":"Code block built with shadcn/ui.","s":"shadcnuikit","c":"data-display/code-block","hc":1},{"id":"shadcnuikit:code-block6","t":"Code block","d":"Code block built with shadcn/ui.","s":"shadcnuikit","c":"data-display/code-block","hc":1},{"id":"shadcnuikit:code-block7","t":"Code block","d":"Code block built with shadcn/ui.","s":"shadcnuikit","c":"data-display/code-block","hc":1},{"id":"shadcnuikit:code-block8","t":"Code block","d":"Code block built with shadcn/ui.","s":"shadcnuikit","c":"data-display/code-block","hc":1},{"id":"shadcnuikit:code-block9","t":"Code block","d":"Code block built with shadcn/ui.","s":"shadcnuikit","c":"data-display/code-block","hc":1},{"id":"shadcnuikit:collapsible1","t":"Collapsible","d":"An interactive component which expands/collapses a panel. Every example works interchangea","s":"shadcnuikit","c":"data-display/accordion","hc":1},{"id":"shadcnuikit:collapsible2","t":"Collapsible","d":"An interactive component which expands/collapses a panel. Every example works interchangea","s":"shadcnuikit","c":"data-display/accordion","hc":1},{"id":"shadcnuikit:collapsible3","t":"Collapsible","d":"An interactive component which expands/collapses a panel. Every example works interchangea","s":"shadcnuikit","c":"data-display/accordion","hc":1},{"id":"shadcnuikit:collapsible4","t":"Collapsible","d":"An interactive component which expands/collapses a panel. Every example works interchangea","s":"shadcnuikit","c":"data-display/accordion","hc":1},{"id":"shadcnuikit:collapsible5","t":"Collapsible","d":"Collapsible built with shadcn/ui.","s":"shadcnuikit","c":"data-display/accordion","hc":1},{"id":"shadcnuikit:collapsible6","t":"Collapsible","d":"Collapsible built with shadcn/ui.","s":"shadcnuikit","c":"data-display/accordion","hc":1},{"id":"shadcnuikit:collapsible7","t":"Collapsible","d":"Collapsible built with shadcn/ui.","s":"shadcnuikit","c":"data-display/accordion","hc":1},{"id":"shadcnuikit:collapsible8","t":"Collapsible","d":"Collapsible built with shadcn/ui.","s":"shadcnuikit","c":"data-display/accordion","hc":1},{"id":"shadcnuikit:combobox1","t":"Combobox","d":"Autocomplete input and command palette with a list of suggestions. All combobox variants a","s":"shadcnuikit","c":"inputs/combobox","hc":1},{"id":"shadcnuikit:combobox10","t":"Combobox","d":"Combobox built with shadcn/ui.","s":"shadcnuikit","c":"inputs/combobox","hc":1},{"id":"shadcnuikit:combobox11","t":"Combobox","d":"Combobox built with shadcn/ui.","s":"shadcnuikit","c":"inputs/combobox","hc":1},{"id":"shadcnuikit:combobox12","t":"Combobox","d":"Combobox built with shadcn/ui.","s":"shadcnuikit","c":"inputs/combobox","hc":1},{"id":"shadcnuikit:combobox2","t":"Combobox","d":"Autocomplete input and command palette with a list of suggestions. All combobox variants a","s":"shadcnuikit","c":"inputs/combobox","hc":1},{"id":"shadcnuikit:combobox3","t":"Combobox","d":"Autocomplete input and command palette with a list of suggestions. All combobox variants a","s":"shadcnuikit","c":"inputs/combobox","hc":1},{"id":"shadcnuikit:combobox4","t":"Combobox","d":"Autocomplete input and command palette with a list of suggestions. All combobox variants a","s":"shadcnuikit","c":"inputs/combobox","hc":1},{"id":"shadcnuikit:combobox5","t":"Combobox","d":"Combobox built with shadcn/ui.","s":"shadcnuikit","c":"inputs/combobox","hc":1},{"id":"shadcnuikit:combobox6","t":"Combobox","d":"Combobox built with shadcn/ui.","s":"shadcnuikit","c":"inputs/combobox","hc":1},{"id":"shadcnuikit:combobox7","t":"Combobox","d":"Combobox built with shadcn/ui.","s":"shadcnuikit","c":"inputs/combobox","hc":1},{"id":"shadcnuikit:combobox8","t":"Combobox","d":"Combobox built with shadcn/ui.","s":"shadcnuikit","c":"inputs/combobox","hc":1},{"id":"shadcnuikit:combobox9","t":"Combobox","d":"Combobox built with shadcn/ui.","s":"shadcnuikit","c":"inputs/combobox","hc":1},{"id":"shadcnuikit:command1","t":"Command","d":"Command menu for search and quick actions. Each command menu example runs on Radix UI and ","s":"shadcnuikit","c":"navigation/command-palette","hc":1},{"id":"shadcnuikit:command2","t":"Command","d":"Command menu for search and quick actions. Each command menu example runs on Radix UI and ","s":"shadcnuikit","c":"navigation/command-palette","hc":1},{"id":"shadcnuikit:command3","t":"Command","d":"Command menu for search and quick actions. Each command menu example runs on Radix UI and ","s":"shadcnuikit","c":"navigation/command-palette","hc":1},{"id":"shadcnuikit:command4","t":"Command","d":"Command menu for search and quick actions. Each command menu example runs on Radix UI and ","s":"shadcnuikit","c":"navigation/command-palette","hc":1},{"id":"shadcnuikit:command5","t":"Command","d":"Command menu for search and quick actions. Each command menu example runs on Radix UI and ","s":"shadcnuikit","c":"navigation/command-palette","hc":1},{"id":"shadcnuikit:command6","t":"Command","d":"Command built with shadcn/ui.","s":"shadcnuikit","c":"navigation/command-palette","hc":1},{"id":"shadcnuikit:command7","t":"Command","d":"Command built with shadcn/ui.","s":"shadcnuikit","c":"navigation/command-palette","hc":1},{"id":"shadcnuikit:command8","t":"Command","d":"Command built with shadcn/ui.","s":"shadcnuikit","c":"navigation/command-palette","hc":1},{"id":"shadcnuikit:command9","t":"Command","d":"Command built with shadcn/ui.","s":"shadcnuikit","c":"navigation/command-palette"},{"id":"shadcnuikit:context-menu1","t":"Context menu","d":"A context menu is a menu that appears when the user right-clicks on an element. Every vari","s":"shadcnuikit","c":"overlays/context-menu","hc":1},{"id":"shadcnuikit:data-table1","t":"Data table","d":"Powerful table and datagrids built using TanStack Table. All table examples coexist cleanl","s":"shadcnuikit","c":"data-display/table","tg":["minimal"],"sb":"Data tables","sy":["minimal"],"hc":1},{"id":"shadcnuikit:data-table2","t":"Data table","d":"Powerful table and datagrids built using TanStack Table. All table examples coexist cleanl","s":"shadcnuikit","c":"data-display/table","tg":["minimal"],"sb":"Data tables","sy":["minimal"],"hc":1},{"id":"shadcnuikit:data-table3","t":"Data table","d":"Powerful table and datagrids built using TanStack Table. All table examples coexist cleanl","s":"shadcnuikit","c":"data-display/table","tg":["minimal"],"sb":"Data tables","sy":["minimal"],"hc":1},{"id":"shadcnuikit:data-table4","t":"Data table","d":"Data table built with shadcn/ui.","s":"shadcnuikit","c":"data-display/table","sb":"Data tables","hc":1},{"id":"shadcnuikit:data-table5","t":"Data table","d":"Data table built with shadcn/ui.","s":"shadcnuikit","c":"data-display/table","sb":"Data tables","hc":1},{"id":"shadcnuikit:data-table6","t":"Data table","d":"Data table built with shadcn/ui.","s":"shadcnuikit","c":"data-display/table","sb":"Data tables","hc":1},{"id":"shadcnuikit:drawer1","t":"Drawer","d":"A drawer is a panel that slides in from the side of the screen. Each drawer variant is int","s":"shadcnuikit","c":"overlays/sheet","hc":1},{"id":"shadcnuikit:drawer2","t":"Drawer","d":"A drawer is a panel that slides in from the side of the screen. Each drawer variant is int","s":"shadcnuikit","c":"overlays/sheet","hc":1},{"id":"shadcnuikit:drawer3","t":"Drawer","d":"A drawer is a panel that slides in from the side of the screen. Each drawer variant is int","s":"shadcnuikit","c":"overlays/sheet","hc":1},{"id":"shadcnuikit:drawer4","t":"Drawer","d":"A drawer is a panel that slides in from the side of the screen. Each drawer variant is int","s":"shadcnuikit","c":"overlays/sheet","hc":1},{"id":"shadcnuikit:drawer5","t":"Drawer","d":"A drawer is a panel that slides in from the side of the screen. Each drawer variant is int","s":"shadcnuikit","c":"overlays/sheet","hc":1},{"id":"shadcnuikit:drawer6","t":"Drawer","d":"Drawer built with shadcn/ui.","s":"shadcnuikit","c":"overlays/sheet","hc":1},{"id":"shadcnuikit:dropdown-menu1","t":"Dropdown menu","d":"A dropdown menu is a menu that appears when the user clicks on a button. Every menu exampl","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcnuikit:dropdown-menu10","t":"Dropdown menu","d":"Dropdown menu built with shadcn/ui.","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcnuikit:dropdown-menu11","t":"Dropdown menu","d":"Dropdown menu built with shadcn/ui.","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcnuikit:dropdown-menu12","t":"Dropdown menu","d":"Dropdown menu built with shadcn/ui.","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcnuikit:dropdown-menu2","t":"Dropdown menu","d":"A dropdown menu is a menu that appears when the user clicks on a button. Every menu exampl","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcnuikit:dropdown-menu3","t":"Dropdown menu","d":"A dropdown menu is a menu that appears when the user clicks on a button. Every menu exampl","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcnuikit:dropdown-menu4","t":"Dropdown menu","d":"A dropdown menu is a menu that appears when the user clicks on a button. Every menu exampl","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcnuikit:dropdown-menu5","t":"Dropdown menu","d":"Dropdown menu built with shadcn/ui.","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcnuikit:dropdown-menu6","t":"Dropdown menu","d":"Dropdown menu built with shadcn/ui.","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcnuikit:dropdown-menu7","t":"Dropdown menu","d":"Dropdown menu built with shadcn/ui.","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcnuikit:dropdown-menu8","t":"Dropdown menu","d":"Dropdown menu built with shadcn/ui.","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcnuikit:dropdown-menu9","t":"Dropdown menu","d":"Dropdown menu built with shadcn/ui.","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"shadcnuikit:empty1","t":"Empty","d":"An empty state component. All variants slot into Radix UI and Base UI interfaces with no r","s":"shadcnuikit","c":"data-display/empty-state","hc":1},{"id":"shadcnuikit:empty2","t":"Empty","d":"An empty state component. All variants slot into Radix UI and Base UI interfaces with no r","s":"shadcnuikit","c":"data-display/empty-state","hc":1},{"id":"shadcnuikit:empty3","t":"Empty","d":"An empty state component. All variants slot into Radix UI and Base UI interfaces with no r","s":"shadcnuikit","c":"data-display/empty-state","hc":1},{"id":"shadcnuikit:empty4","t":"Empty","d":"An empty state component. All variants slot into Radix UI and Base UI interfaces with no r","s":"shadcnuikit","c":"data-display/empty-state","hc":1},{"id":"shadcnuikit:empty5","t":"Empty","d":"Empty built with shadcn/ui.","s":"shadcnuikit","c":"data-display/empty-state","hc":1},{"id":"shadcnuikit:empty6","t":"Empty","d":"Empty built with shadcn/ui.","s":"shadcnuikit","c":"data-display/empty-state","hc":1},{"id":"shadcnuikit:empty7","t":"Empty","d":"Empty built with shadcn/ui.","s":"shadcnuikit","c":"data-display/empty-state","hc":1},{"id":"shadcnuikit:empty8","t":"Empty","d":"Empty built with shadcn/ui.","s":"shadcnuikit","c":"data-display/empty-state","hc":1},{"id":"shadcnuikit:field1","t":"Field","d":"A field is a form control that allows the user to enter a value. Each field example is com","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:field10","t":"Field","d":"Field built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:field2","t":"Field","d":"A field is a form control that allows the user to enter a value. Each field example is com","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:field3","t":"Field","d":"A field is a form control that allows the user to enter a value. Each field example is com","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:field4","t":"Field","d":"A field is a form control that allows the user to enter a value. Each field example is com","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:field5","t":"Field","d":"A field is a form control that allows the user to enter a value. Each field example is com","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:field6","t":"Field","d":"Field built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:field7","t":"Field","d":"Field built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:field8","t":"Field","d":"Field built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:field9","t":"Field","d":"Field built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:file-upload1","t":"File upload","d":"An upload area that accepts files through drag and drop or the file browser. Every file up","s":"shadcnuikit","c":"inputs/file-upload","hc":1},{"id":"shadcnuikit:file-upload10","t":"File upload","d":"File upload built with shadcn/ui.","s":"shadcnuikit","c":"inputs/file-upload","hc":1},{"id":"shadcnuikit:file-upload2","t":"File upload","d":"An upload area that accepts files through drag and drop or the file browser. Every file up","s":"shadcnuikit","c":"inputs/file-upload","hc":1},{"id":"shadcnuikit:file-upload3","t":"File upload","d":"An upload area that accepts files through drag and drop or the file browser. Every file up","s":"shadcnuikit","c":"inputs/file-upload","hc":1},{"id":"shadcnuikit:file-upload4","t":"File upload","d":"File upload built with shadcn/ui.","s":"shadcnuikit","c":"inputs/file-upload","hc":1},{"id":"shadcnuikit:file-upload5","t":"File upload","d":"File upload built with shadcn/ui.","s":"shadcnuikit","c":"inputs/file-upload","hc":1},{"id":"shadcnuikit:file-upload6","t":"File upload","d":"File upload built with shadcn/ui.","s":"shadcnuikit","c":"inputs/file-upload"},{"id":"shadcnuikit:file-upload7","t":"File upload","d":"File upload built with shadcn/ui.","s":"shadcnuikit","c":"inputs/file-upload"},{"id":"shadcnuikit:file-upload8","t":"File upload","d":"File upload built with shadcn/ui.","s":"shadcnuikit","c":"inputs/file-upload","hc":1},{"id":"shadcnuikit:file-upload9","t":"File upload","d":"File upload built with shadcn/ui.","s":"shadcnuikit","c":"inputs/file-upload"},{"id":"shadcnuikit:hover-card1","t":"Hover card","d":"A hover card is a card that appears when the user hovers over an element. Every variant be","s":"shadcnuikit","c":"overlays/hover-card","hc":1},{"id":"shadcnuikit:hover-card2","t":"Hover card","d":"A hover card is a card that appears when the user hovers over an element. Every variant be","s":"shadcnuikit","c":"overlays/hover-card","hc":1},{"id":"shadcnuikit:hover-card3","t":"Hover card","d":"A hover card is a card that appears when the user hovers over an element. Every variant be","s":"shadcnuikit","c":"overlays/hover-card","hc":1},{"id":"shadcnuikit:input1","t":"Input","d":"A text input with a label, placeholder, and helper text. Each input variant pairs cleanly ","s":"shadcnuikit","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnuikit:input10","t":"Input","d":"Input built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:input11","t":"Input","d":"Input built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:input12","t":"Input","d":"Input built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:input13","t":"Input","d":"Input built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:input14","t":"Input","d":"Input built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:input15","t":"Input","d":"Input built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:input16","t":"Input","d":"Input built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:input17","t":"Input","d":"Input built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:input18","t":"Input","d":"Input built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","sb":"Phone","hc":1},{"id":"shadcnuikit:input19","t":"Input","d":"Input built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","sb":"Payment","hc":1},{"id":"shadcnuikit:input2","t":"Input","d":"A text input with a label, placeholder, and helper text. Each input variant pairs cleanly ","s":"shadcnuikit","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnuikit:input20","t":"Input","d":"Input built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:input21","t":"Input","d":"Input built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:input22","t":"Input","d":"Input built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:input23","t":"Input","d":"Input built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:input24","t":"Input","d":"Input built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:input25","t":"Input","d":"Input built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:input-component26","t":"Input","d":"Input built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:input3","t":"Input","d":"A text input with a label, placeholder, and helper text. Each input variant pairs cleanly ","s":"shadcnuikit","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnuikit:input4","t":"Input","d":"A text input with a label, placeholder, and helper text. Each input variant pairs cleanly ","s":"shadcnuikit","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnuikit:input5","t":"Input","d":"A text input with a label, placeholder, and helper text. Each input variant pairs cleanly ","s":"shadcnuikit","c":"inputs/form-field","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnuikit:input6","t":"Input","d":"Input built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:input7","t":"Input","d":"Input built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:input8","t":"Input","d":"Input built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:input9","t":"Input","d":"Input built with shadcn/ui.","s":"shadcnuikit","c":"inputs/form-field","hc":1},{"id":"shadcnuikit:item1","t":"Item","d":"A versatile component for displaying content with media, title, description, and actions. ","s":"shadcnuikit","c":"data-display/list","hc":1},{"id":"shadcnuikit:item10","t":"Item","d":"Item built with shadcn/ui.","s":"shadcnuikit","c":"data-display/list","hc":1},{"id":"shadcnuikit:item2","t":"Item","d":"A versatile component for displaying content with media, title, description, and actions. ","s":"shadcnuikit","c":"data-display/list","hc":1},{"id":"shadcnuikit:item3","t":"Item","d":"A versatile component for displaying content with media, title, description, and actions. ","s":"shadcnuikit","c":"data-display/list","hc":1},{"id":"shadcnuikit:item4","t":"Item","d":"A versatile component for displaying content with media, title, description, and actions. ","s":"shadcnuikit","c":"data-display/list","hc":1},{"id":"shadcnuikit:item5","t":"Item","d":"A versatile component for displaying content with media, title, description, and actions. ","s":"shadcnuikit","c":"data-display/list","hc":1},{"id":"shadcnuikit:item6","t":"Item","d":"Item built with shadcn/ui.","s":"shadcnuikit","c":"data-display/list","hc":1},{"id":"shadcnuikit:item7","t":"Item","d":"Item built with shadcn/ui.","s":"shadcnuikit","c":"data-display/list","hc":1},{"id":"shadcnuikit:item8","t":"Item","d":"Item built with shadcn/ui.","s":"shadcnuikit","c":"data-display/list","hc":1},{"id":"shadcnuikit:item9","t":"Item","d":"Item built with shadcn/ui.","s":"shadcnuikit","c":"data-display/list","hc":1},{"id":"shadcnuikit:menubar1","t":"Menubar","d":"A visually persistent menu common in desktop applications that provides quick access to a ","s":"shadcnuikit","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"shadcnuikit:native-select1","t":"Native select","d":"A native select element styled with shadcn/ui. Each variant is equally at home in Radix UI","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:native-select2","t":"Native select","d":"A native select element styled with shadcn/ui. Each variant is equally at home in Radix UI","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:native-select3","t":"Native select","d":"A native select element styled with shadcn/ui. Each variant is equally at home in Radix UI","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:native-select4","t":"Native select","d":"A native select element styled with shadcn/ui. Each variant is equally at home in Radix UI","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:native-select5","t":"Native select","d":"Native select built with shadcn/ui.","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:native-select6","t":"Native select","d":"Native select built with shadcn/ui.","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:native-select7","t":"Native select","d":"Native select built with shadcn/ui.","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:native-select8","t":"Native select","d":"Native select built with shadcn/ui.","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:native-select9","t":"Native select","d":"Native select built with shadcn/ui.","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:navigation-menu2","t":"Navigation menu","d":"A collection of links for navigating websites. Every navigation example is compatible with","s":"shadcnuikit","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"shadcnuikit:navigation-menu3","t":"Navigation menu","d":"A collection of links for navigating websites. Every navigation example is compatible with","s":"shadcnuikit","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"shadcnuikit:navigation-menu-component3","t":"Navigation menu","d":"Navigation menu built with shadcn/ui.","s":"shadcnuikit","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"shadcnuikit:navigation-menu4","t":"Navigation menu","d":"A collection of links for navigating websites. Every navigation example is compatible with","s":"shadcnuikit","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"shadcnuikit:pagination1","t":"Pagination","d":"Pagination with page navigation, next and previous links. All pagination variants blend in","s":"shadcnuikit","c":"navigation/pagination","hc":1},{"id":"shadcnuikit:pagination10","t":"Pagination","d":"Pagination built with shadcn/ui.","s":"shadcnuikit","c":"navigation/pagination","hc":1},{"id":"shadcnuikit:pagination11","t":"Pagination","d":"Pagination built with shadcn/ui.","s":"shadcnuikit","c":"navigation/pagination","hc":1},{"id":"shadcnuikit:pagination12","t":"Pagination","d":"Pagination built with shadcn/ui.","s":"shadcnuikit","c":"navigation/pagination","hc":1},{"id":"shadcnuikit:pagination2","t":"Pagination","d":"Pagination with page navigation, next and previous links. All pagination variants blend in","s":"shadcnuikit","c":"navigation/pagination","hc":1},{"id":"shadcnuikit:pagination3","t":"Pagination","d":"Pagination with page navigation, next and previous links. All pagination variants blend in","s":"shadcnuikit","c":"navigation/pagination","hc":1},{"id":"shadcnuikit:pagination4","t":"Pagination","d":"Pagination with page navigation, next and previous links. All pagination variants blend in","s":"shadcnuikit","c":"navigation/pagination","hc":1},{"id":"shadcnuikit:pagination5","t":"Pagination","d":"Pagination with page navigation, next and previous links. All pagination variants blend in","s":"shadcnuikit","c":"navigation/pagination","hc":1},{"id":"shadcnuikit:pagination6","t":"Pagination","d":"Pagination built with shadcn/ui.","s":"shadcnuikit","c":"navigation/pagination","hc":1},{"id":"shadcnuikit:pagination7","t":"Pagination","d":"Pagination built with shadcn/ui.","s":"shadcnuikit","c":"navigation/pagination","hc":1},{"id":"shadcnuikit:pagination8","t":"Pagination","d":"Pagination built with shadcn/ui.","s":"shadcnuikit","c":"navigation/pagination","hc":1},{"id":"shadcnuikit:pagination9","t":"Pagination","d":"Pagination built with shadcn/ui.","s":"shadcnuikit","c":"navigation/pagination","hc":1},{"id":"shadcnuikit:popover1","t":"Popover","d":"Displays rich content in a portal, triggered by a button. Each popover example works with ","s":"shadcnuikit","c":"overlays/popover","hc":1},{"id":"shadcnuikit:popover2","t":"Popover","d":"Displays rich content in a portal, triggered by a button. Each popover example works with ","s":"shadcnuikit","c":"overlays/popover","hc":1},{"id":"shadcnuikit:popover3","t":"Popover","d":"Displays rich content in a portal, triggered by a button. Each popover example works with ","s":"shadcnuikit","c":"overlays/popover","hc":1},{"id":"shadcnuikit:popover4","t":"Popover","d":"Displays rich content in a portal, triggered by a button. Each popover example works with ","s":"shadcnuikit","c":"overlays/popover","hc":1},{"id":"shadcnuikit:popover5","t":"Popover","d":"Displays rich content in a portal, triggered by a button. Each popover example works with ","s":"shadcnuikit","c":"overlays/popover","hc":1},{"id":"shadcnuikit:popover6","t":"Popover","d":"Popover built with shadcn/ui.","s":"shadcnuikit","c":"overlays/popover","hc":1},{"id":"shadcnuikit:progress1","t":"Progress","d":"Displays an indicator showing the completion progress of a task, typically displayed as a ","s":"shadcnuikit","c":"data-viz/progress-bar","hc":1},{"id":"shadcnuikit:progress10","t":"Progress","d":"Progress built with shadcn/ui.","s":"shadcnuikit","c":"data-viz/progress-bar","hc":1},{"id":"shadcnuikit:progress2","t":"Progress","d":"Displays an indicator showing the completion progress of a task, typically displayed as a ","s":"shadcnuikit","c":"data-viz/progress-bar","hc":1},{"id":"shadcnuikit:progress3","t":"Progress","d":"Displays an indicator showing the completion progress of a task, typically displayed as a ","s":"shadcnuikit","c":"data-viz/progress-bar","hc":1},{"id":"shadcnuikit:progress4","t":"Progress","d":"Displays an indicator showing the completion progress of a task, typically displayed as a ","s":"shadcnuikit","c":"data-viz/progress-bar","hc":1},{"id":"shadcnuikit:progress5","t":"Progress","d":"Progress built with shadcn/ui.","s":"shadcnuikit","c":"data-viz/progress-bar","hc":1},{"id":"shadcnuikit:progress6","t":"Progress","d":"Progress built with shadcn/ui.","s":"shadcnuikit","c":"data-viz/progress-bar","hc":1},{"id":"shadcnuikit:progress7","t":"Progress","d":"Progress built with shadcn/ui.","s":"shadcnuikit","c":"data-viz/progress-bar","hc":1},{"id":"shadcnuikit:progress8","t":"Progress","d":"Progress built with shadcn/ui.","s":"shadcnuikit","c":"data-viz/progress-bar","hc":1},{"id":"shadcnuikit:progress9","t":"Progress","d":"Progress built with shadcn/ui.","s":"shadcnuikit","c":"data-viz/progress-bar","hc":1},{"id":"shadcnuikit:radio-group1","t":"Radio group","d":"A group of radio buttons that allows the user to select a single option from a list. All r","s":"shadcnuikit","c":"inputs/radio","hc":1},{"id":"shadcnuikit:radio-group10","t":"Radio group","d":"Radio group built with shadcn/ui.","s":"shadcnuikit","c":"inputs/radio","hc":1},{"id":"shadcnuikit:radio-group11","t":"Radio group","d":"Radio group built with shadcn/ui.","s":"shadcnuikit","c":"inputs/radio","hc":1},{"id":"shadcnuikit:radio-group12","t":"Radio group","d":"Radio group built with shadcn/ui.","s":"shadcnuikit","c":"inputs/radio","hc":1},{"id":"shadcnuikit:radio-group13","t":"Radio group","d":"Radio group built with shadcn/ui.","s":"shadcnuikit","c":"inputs/radio","hc":1},{"id":"shadcnuikit:radio-group14","t":"Radio group","d":"Radio group built with shadcn/ui.","s":"shadcnuikit","c":"inputs/radio","hc":1},{"id":"shadcnuikit:radio-group15","t":"Radio group","d":"Radio group built with shadcn/ui.","s":"shadcnuikit","c":"inputs/radio","hc":1},{"id":"shadcnuikit:radio-group2","t":"Radio group","d":"A group of radio buttons that allows the user to select a single option from a list. All r","s":"shadcnuikit","c":"inputs/radio","hc":1},{"id":"shadcnuikit:radio-group3","t":"Radio group","d":"A group of radio buttons that allows the user to select a single option from a list. All r","s":"shadcnuikit","c":"inputs/radio","hc":1},{"id":"shadcnuikit:radio-group4","t":"Radio group","d":"A group of radio buttons that allows the user to select a single option from a list. All r","s":"shadcnuikit","c":"inputs/radio","hc":1},{"id":"shadcnuikit:radio-group5","t":"Radio group","d":"Radio group built with shadcn/ui.","s":"shadcnuikit","c":"inputs/radio","hc":1},{"id":"shadcnuikit:radio-group6","t":"Radio group","d":"Radio group built with shadcn/ui.","s":"shadcnuikit","c":"inputs/radio","hc":1},{"id":"shadcnuikit:radio-group7","t":"Radio group","d":"Radio group built with shadcn/ui.","s":"shadcnuikit","c":"inputs/radio","hc":1},{"id":"shadcnuikit:radio-group8","t":"Radio group","d":"Radio group built with shadcn/ui.","s":"shadcnuikit","c":"inputs/radio","hc":1},{"id":"shadcnuikit:radio-group9","t":"Radio group","d":"Radio group built with shadcn/ui.","s":"shadcnuikit","c":"inputs/radio","hc":1},{"id":"shadcnuikit:scroll-area1","t":"Scroll area","d":"A scroll area is a container that allows the user to scroll through a large amount of cont","k":"layout","s":"shadcnuikit","c":"layout/scroll-area","tg":["playful"],"sy":["playful"],"hc":1},{"id":"shadcnuikit:scroll-area2","t":"Scroll area","d":"A scroll area is a container that allows the user to scroll through a large amount of cont","k":"layout","s":"shadcnuikit","c":"layout/scroll-area","tg":["playful"],"sy":["playful"],"hc":1},{"id":"shadcnuikit:scroll-area3","t":"Scroll area","d":"A scroll area is a container that allows the user to scroll through a large amount of cont","k":"layout","s":"shadcnuikit","c":"layout/scroll-area","tg":["playful"],"sy":["playful"],"hc":1},{"id":"shadcnuikit:scroll-area4","t":"Scroll area","d":"Scroll area built with shadcn/ui.","k":"layout","s":"shadcnuikit","c":"layout/scroll-area","hc":1},{"id":"shadcnuikit:scroll-area5","t":"Scroll area","d":"Scroll area built with shadcn/ui.","k":"layout","s":"shadcnuikit","c":"layout/scroll-area","hc":1},{"id":"shadcnuikit:scroll-area6","t":"Scroll area","d":"Scroll area built with shadcn/ui.","k":"layout","s":"shadcnuikit","c":"layout/scroll-area","hc":1},{"id":"shadcnuikit:select1","t":"Select","d":"A select is a form control that allows the user to select a value from a list of options. ","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:select10","t":"Select","d":"Select built with shadcn/ui.","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:select11","t":"Select","d":"Select built with shadcn/ui.","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:select12","t":"Select","d":"Select built with shadcn/ui.","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:select13","t":"Select","d":"Select built with shadcn/ui.","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:select14","t":"Select","d":"Select built with shadcn/ui.","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:select15","t":"Select","d":"Select built with shadcn/ui.","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:select2","t":"Select","d":"A select is a form control that allows the user to select a value from a list of options. ","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:select3","t":"Select","d":"A select is a form control that allows the user to select a value from a list of options. ","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:select4","t":"Select","d":"A select is a form control that allows the user to select a value from a list of options. ","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:select5","t":"Select","d":"Select built with shadcn/ui.","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:select6","t":"Select","d":"Select built with shadcn/ui.","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:select7","t":"Select","d":"Select built with shadcn/ui.","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:select8","t":"Select","d":"Select built with shadcn/ui.","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:select9","t":"Select","d":"Select built with shadcn/ui.","s":"shadcnuikit","c":"inputs/select","hc":1},{"id":"shadcnuikit:separator1","t":"Separator","d":"Visually or semantically separates content. All separator styles apply cleanly in Radix UI","k":"layout","s":"shadcnuikit","c":"layout/page-shell","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnuikit:separator10","t":"Separator","d":"Separator built with shadcn/ui.","k":"layout","s":"shadcnuikit","c":"layout/page-shell","hc":1},{"id":"shadcnuikit:separator11","t":"Separator","d":"Separator built with shadcn/ui.","k":"layout","s":"shadcnuikit","c":"layout/page-shell","hc":1},{"id":"shadcnuikit:separator12","t":"Separator","d":"Separator built with shadcn/ui.","k":"layout","s":"shadcnuikit","c":"layout/page-shell","hc":1},{"id":"shadcnuikit:separator13","t":"Separator","d":"Separator built with shadcn/ui.","k":"layout","s":"shadcnuikit","c":"layout/page-shell","hc":1},{"id":"shadcnuikit:separator14","t":"Separator","d":"Separator built with shadcn/ui.","k":"layout","s":"shadcnuikit","c":"layout/page-shell","hc":1},{"id":"shadcnuikit:separator15","t":"Separator","d":"Separator built with shadcn/ui.","k":"layout","s":"shadcnuikit","c":"layout/page-shell","hc":1},{"id":"shadcnuikit:separator16","t":"Separator","d":"Separator built with shadcn/ui.","k":"layout","s":"shadcnuikit","c":"layout/page-shell","hc":1},{"id":"shadcnuikit:separator2","t":"Separator","d":"Visually or semantically separates content. All separator styles apply cleanly in Radix UI","k":"layout","s":"shadcnuikit","c":"layout/page-shell","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnuikit:separator3","t":"Separator","d":"Visually or semantically separates content. All separator styles apply cleanly in Radix UI","k":"layout","s":"shadcnuikit","c":"layout/page-shell","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnuikit:separator4","t":"Separator","d":"Visually or semantically separates content. All separator styles apply cleanly in Radix UI","k":"layout","s":"shadcnuikit","c":"layout/page-shell","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnuikit:separator5","t":"Separator","d":"Visually or semantically separates content. All separator styles apply cleanly in Radix UI","k":"layout","s":"shadcnuikit","c":"layout/page-shell","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"shadcnuikit:separator6","t":"Separator","d":"Separator built with shadcn/ui.","k":"layout","s":"shadcnuikit","c":"layout/page-shell","hc":1},{"id":"shadcnuikit:separator7","t":"Separator","d":"Separator built with shadcn/ui.","k":"layout","s":"shadcnuikit","c":"layout/page-shell","hc":1},{"id":"shadcnuikit:separator8","t":"Separator","d":"Separator built with shadcn/ui.","k":"layout","s":"shadcnuikit","c":"layout/page-shell","hc":1},{"id":"shadcnuikit:separator9","t":"Separator","d":"Separator built with shadcn/ui.","k":"layout","s":"shadcnuikit","c":"layout/page-shell","hc":1},{"id":"shadcnuikit:sheet1","t":"Sheet","d":"Extends the Dialog component to display content that complements the main content of the s","s":"shadcnuikit","c":"overlays/sheet","hc":1},{"id":"shadcnuikit:sheet2","t":"Sheet","d":"Extends the Dialog component to display content that complements the main content of the s","s":"shadcnuikit","c":"overlays/sheet","hc":1},{"id":"shadcnuikit:sheet3","t":"Sheet","d":"Extends the Dialog component to display content that complements the main content of the s","s":"shadcnuikit","c":"overlays/sheet","hc":1},{"id":"shadcnuikit:sheet4","t":"Sheet","d":"Extends the Dialog component to display content that complements the main content of the s","s":"shadcnuikit","c":"overlays/sheet","hc":1},{"id":"shadcnuikit:sheet5","t":"Sheet","d":"Extends the Dialog component to display content that complements the main content of the s","s":"shadcnuikit","c":"overlays/sheet","hc":1},{"id":"shadcnuikit:sheet6","t":"Sheet","d":"Sheet built with shadcn/ui.","s":"shadcnuikit","c":"overlays/sheet","hc":1},{"id":"shadcnuikit:sheet7","t":"Sheet","d":"Sheet built with shadcn/ui.","s":"shadcnuikit","c":"overlays/sheet","hc":1},{"id":"shadcnuikit:sheet8","t":"Sheet","d":"Sheet built with shadcn/ui.","s":"shadcnuikit","c":"overlays/sheet"},{"id":"shadcnuikit:skeleton1","t":"Skeleton","d":"Use to show a placeholder while content is loading. All skeleton variants are usable acros","s":"shadcnuikit","c":"status/skeleton","hc":1},{"id":"shadcnuikit:skeleton2","t":"Skeleton","d":"Use to show a placeholder while content is loading. All skeleton variants are usable acros","s":"shadcnuikit","c":"status/skeleton","hc":1},{"id":"shadcnuikit:skeleton3","t":"Skeleton","d":"Use to show a placeholder while content is loading. All skeleton variants are usable acros","s":"shadcnuikit","c":"status/skeleton","hc":1},{"id":"shadcnuikit:skeleton4","t":"Skeleton","d":"Use to show a placeholder while content is loading. All skeleton variants are usable acros","s":"shadcnuikit","c":"status/skeleton","hc":1},{"id":"shadcnuikit:skeleton5","t":"Skeleton","d":"Use to show a placeholder while content is loading. All skeleton variants are usable acros","s":"shadcnuikit","c":"status/skeleton","hc":1},{"id":"shadcnuikit:skeleton6","t":"Skeleton","d":"Skeleton built with shadcn/ui.","s":"shadcnuikit","c":"status/skeleton","hc":1},{"id":"shadcnuikit:skeleton7","t":"Skeleton","d":"Skeleton built with shadcn/ui.","s":"shadcnuikit","c":"status/skeleton","hc":1},{"id":"shadcnuikit:slider1","t":"Slider","d":"An input where the user selects a value from within a given range. Each slider example tra","s":"shadcnuikit","c":"inputs/slider","hc":1},{"id":"shadcnuikit:slider10","t":"Slider","d":"Slider built with shadcn/ui.","s":"shadcnuikit","c":"inputs/slider","hc":1},{"id":"shadcnuikit:slider11","t":"Slider","d":"Slider built with shadcn/ui.","s":"shadcnuikit","c":"inputs/slider","hc":1},{"id":"shadcnuikit:slider12","t":"Slider","d":"Slider built with shadcn/ui.","s":"shadcnuikit","c":"inputs/slider","hc":1},{"id":"shadcnuikit:slider13","t":"Slider","d":"Slider built with shadcn/ui.","s":"shadcnuikit","c":"inputs/slider","hc":1},{"id":"shadcnuikit:slider2","t":"Slider","d":"An input where the user selects a value from within a given range. Each slider example tra","s":"shadcnuikit","c":"inputs/slider","hc":1},{"id":"shadcnuikit:slider3","t":"Slider","d":"An input where the user selects a value from within a given range. Each slider example tra","s":"shadcnuikit","c":"inputs/slider","hc":1},{"id":"shadcnuikit:slider4","t":"Slider","d":"An input where the user selects a value from within a given range. Each slider example tra","s":"shadcnuikit","c":"inputs/slider","hc":1},{"id":"shadcnuikit:slider5","t":"Slider","d":"An input where the user selects a value from within a given range. Each slider example tra","s":"shadcnuikit","c":"inputs/slider","hc":1},{"id":"shadcnuikit:slider6","t":"Slider","d":"Slider built with shadcn/ui.","s":"shadcnuikit","c":"inputs/slider","hc":1},{"id":"shadcnuikit:slider7","t":"Slider","d":"Slider built with shadcn/ui.","s":"shadcnuikit","c":"inputs/slider","hc":1},{"id":"shadcnuikit:slider8","t":"Slider","d":"Slider built with shadcn/ui.","s":"shadcnuikit","c":"inputs/slider","hc":1},{"id":"shadcnuikit:slider9","t":"Slider","d":"Slider built with shadcn/ui.","s":"shadcnuikit","c":"inputs/slider","hc":1},{"id":"shadcnuikit:toast1","t":"Sonner toast","d":"An opinionated toast component for React. Every toast example sits comfortably next to Rad","s":"shadcnuikit","c":"overlays/toast","hc":1},{"id":"shadcnuikit:toast10","t":"Sonner toast","d":"Sonner toast built with shadcn/ui.","s":"shadcnuikit","c":"overlays/toast","hc":1},{"id":"shadcnuikit:toast11","t":"Sonner toast","d":"Sonner toast built with shadcn/ui.","s":"shadcnuikit","c":"overlays/toast","hc":1},{"id":"shadcnuikit:toast12","t":"Sonner toast","d":"Sonner toast built with shadcn/ui.","s":"shadcnuikit","c":"overlays/toast","hc":1},{"id":"shadcnuikit:toast2","t":"Sonner toast","d":"An opinionated toast component for React. Every toast example sits comfortably next to Rad","s":"shadcnuikit","c":"overlays/toast","hc":1},{"id":"shadcnuikit:toast3","t":"Sonner toast","d":"An opinionated toast component for React. Every toast example sits comfortably next to Rad","s":"shadcnuikit","c":"overlays/toast","hc":1},{"id":"shadcnuikit:toast4","t":"Sonner toast","d":"An opinionated toast component for React. Every toast example sits comfortably next to Rad","s":"shadcnuikit","c":"overlays/toast","hc":1},{"id":"shadcnuikit:toast5","t":"Sonner toast","d":"An opinionated toast component for React. Every toast example sits comfortably next to Rad","s":"shadcnuikit","c":"overlays/toast","hc":1},{"id":"shadcnuikit:toast6","t":"Sonner toast","d":"Sonner toast built with shadcn/ui.","s":"shadcnuikit","c":"overlays/toast","hc":1},{"id":"shadcnuikit:toast7","t":"Sonner toast","d":"Sonner toast built with shadcn/ui.","s":"shadcnuikit","c":"overlays/toast","hc":1},{"id":"shadcnuikit:toast8","t":"Sonner toast","d":"Sonner toast built with shadcn/ui.","s":"shadcnuikit","c":"overlays/toast","hc":1},{"id":"shadcnuikit:toast9","t":"Sonner toast","d":"Sonner toast built with shadcn/ui.","s":"shadcnuikit","c":"overlays/toast","hc":1},{"id":"shadcnuikit:spinner1","t":"Spinner","d":"An indicator that can be used to show a loading state. All spinner styles work anywhere Ra","s":"shadcnuikit","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnuikit:spinner10","t":"Spinner","d":"Spinner built with shadcn/ui.","s":"shadcnuikit","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnuikit:spinner11","t":"Spinner","d":"Spinner built with shadcn/ui.","s":"shadcnuikit","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnuikit:spinner12","t":"Spinner","d":"Spinner built with shadcn/ui.","s":"shadcnuikit","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnuikit:spinner13","t":"Spinner","d":"Spinner built with shadcn/ui.","s":"shadcnuikit","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnuikit:spinner14","t":"Spinner","d":"Spinner built with shadcn/ui.","s":"shadcnuikit","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnuikit:spinner2","t":"Spinner","d":"An indicator that can be used to show a loading state. All spinner styles work anywhere Ra","s":"shadcnuikit","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnuikit:spinner3","t":"Spinner","d":"An indicator that can be used to show a loading state. All spinner styles work anywhere Ra","s":"shadcnuikit","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnuikit:spinner4","t":"Spinner","d":"An indicator that can be used to show a loading state. All spinner styles work anywhere Ra","s":"shadcnuikit","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnuikit:spinner5","t":"Spinner","d":"An indicator that can be used to show a loading state. All spinner styles work anywhere Ra","s":"shadcnuikit","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnuikit:spinner6","t":"Spinner","d":"Spinner built with shadcn/ui.","s":"shadcnuikit","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnuikit:spinner7","t":"Spinner","d":"Spinner built with shadcn/ui.","s":"shadcnuikit","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnuikit:spinner8","t":"Spinner","d":"Spinner built with shadcn/ui.","s":"shadcnuikit","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnuikit:spinner9","t":"Spinner","d":"Spinner built with shadcn/ui.","s":"shadcnuikit","c":"status/loader","sb":"Spinners","hc":1},{"id":"shadcnuikit:stepper1","t":"Stepper","d":"A multi step navigation component that guides users through a process with numbered, icon ","s":"shadcnuikit","c":"navigation/wizard-steps","hc":1},{"id":"shadcnuikit:stepper10","t":"Stepper","d":"Stepper built with shadcn/ui.","s":"shadcnuikit","c":"navigation/wizard-steps","hc":1},{"id":"shadcnuikit:stepper11","t":"Stepper","d":"Stepper built with shadcn/ui.","s":"shadcnuikit","c":"navigation/wizard-steps","hc":1},{"id":"shadcnuikit:stepper12","t":"Stepper","d":"Stepper built with shadcn/ui.","s":"shadcnuikit","c":"navigation/wizard-steps","hc":1},{"id":"shadcnuikit:stepper13","t":"Stepper","d":"Stepper built with shadcn/ui.","s":"shadcnuikit","c":"navigation/wizard-steps","hc":1},{"id":"shadcnuikit:stepper14","t":"Stepper","d":"Stepper built with shadcn/ui.","s":"shadcnuikit","c":"navigation/wizard-steps","hc":1},{"id":"shadcnuikit:stepper2","t":"Stepper","d":"A multi step navigation component that guides users through a process with numbered, icon ","s":"shadcnuikit","c":"navigation/wizard-steps","hc":1},{"id":"shadcnuikit:stepper3","t":"Stepper","d":"A multi step navigation component that guides users through a process with numbered, icon ","s":"shadcnuikit","c":"navigation/wizard-steps","hc":1},{"id":"shadcnuikit:stepper4","t":"Stepper","d":"Stepper built with shadcn/ui.","s":"shadcnuikit","c":"navigation/wizard-steps","hc":1},{"id":"shadcnuikit:stepper5","t":"Stepper","d":"Stepper built with shadcn/ui.","s":"shadcnuikit","c":"navigation/wizard-steps","hc":1},{"id":"shadcnuikit:stepper6","t":"Stepper","d":"Stepper built with shadcn/ui.","s":"shadcnuikit","c":"navigation/wizard-steps","hc":1},{"id":"shadcnuikit:stepper7","t":"Stepper","d":"Stepper built with shadcn/ui.","s":"shadcnuikit","c":"navigation/wizard-steps","hc":1},{"id":"shadcnuikit:stepper8","t":"Stepper","d":"Stepper built with shadcn/ui.","s":"shadcnuikit","c":"navigation/wizard-steps","hc":1},{"id":"shadcnuikit:stepper9","t":"Stepper","d":"Stepper built with shadcn/ui.","s":"shadcnuikit","c":"navigation/wizard-steps","hc":1},{"id":"shadcnuikit:switch1","t":"Switch","d":"A control that allows the user to toggle between on and off. Every switch variant toggles ","s":"shadcnuikit","c":"actions/switch","hc":1},{"id":"shadcnuikit:switch10","t":"Switch","d":"Switch built with shadcn/ui.","s":"shadcnuikit","c":"actions/switch","hc":1},{"id":"shadcnuikit:switch2","t":"Switch","d":"A control that allows the user to toggle between on and off. Every switch variant toggles ","s":"shadcnuikit","c":"actions/switch","hc":1},{"id":"shadcnuikit:switch3","t":"Switch","d":"A control that allows the user to toggle between on and off. Every switch variant toggles ","s":"shadcnuikit","c":"actions/switch","hc":1},{"id":"shadcnuikit:switch4","t":"Switch","d":"A control that allows the user to toggle between on and off. Every switch variant toggles ","s":"shadcnuikit","c":"actions/switch","hc":1},{"id":"shadcnuikit:switch5","t":"Switch","d":"A control that allows the user to toggle between on and off. Every switch variant toggles ","s":"shadcnuikit","c":"actions/switch","hc":1},{"id":"shadcnuikit:switch6","t":"Switch","d":"Switch built with shadcn/ui.","s":"shadcnuikit","c":"actions/switch","hc":1},{"id":"shadcnuikit:switch7","t":"Switch","d":"Switch built with shadcn/ui.","s":"shadcnuikit","c":"actions/switch","hc":1},{"id":"shadcnuikit:switch8","t":"Switch","d":"Switch built with shadcn/ui.","s":"shadcnuikit","c":"actions/switch","hc":1},{"id":"shadcnuikit:switch9","t":"Switch","d":"Switch built with shadcn/ui.","s":"shadcnuikit","c":"actions/switch","hc":1},{"id":"shadcnuikit:table1","t":"Table","d":"A table displays tabular data in rows and columns. All table styles combine easily with Ra","s":"shadcnuikit","c":"data-display/table","hc":1},{"id":"shadcnuikit:table10","t":"Table","d":"Table built with shadcn/ui.","s":"shadcnuikit","c":"data-display/table","hc":1},{"id":"shadcnuikit:table11","t":"Table","d":"Table built with shadcn/ui.","s":"shadcnuikit","c":"data-display/table","hc":1},{"id":"shadcnuikit:table12","t":"Table","d":"Table built with shadcn/ui.","s":"shadcnuikit","c":"data-display/table","hc":1},{"id":"shadcnuikit:table2","t":"Table","d":"A table displays tabular data in rows and columns. All table styles combine easily with Ra","s":"shadcnuikit","c":"data-display/table","hc":1},{"id":"shadcnuikit:table3","t":"Table","d":"A table displays tabular data in rows and columns. All table styles combine easily with Ra","s":"shadcnuikit","c":"data-display/table","hc":1},{"id":"shadcnuikit:table4","t":"Table","d":"A table displays tabular data in rows and columns. All table styles combine easily with Ra","s":"shadcnuikit","c":"data-display/table","hc":1},{"id":"shadcnuikit:table5","t":"Table","d":"Table built with shadcn/ui.","s":"shadcnuikit","c":"data-display/table","hc":1},{"id":"shadcnuikit:table6","t":"Table","d":"Table built with shadcn/ui.","s":"shadcnuikit","c":"data-display/table","hc":1},{"id":"shadcnuikit:table7","t":"Table","d":"Table built with shadcn/ui.","s":"shadcnuikit","c":"data-display/table","hc":1},{"id":"shadcnuikit:table8","t":"Table","d":"Table built with shadcn/ui.","s":"shadcnuikit","c":"data-display/table","hc":1},{"id":"shadcnuikit:table9","t":"Table","d":"Table built with shadcn/ui.","s":"shadcnuikit","c":"data-display/table","hc":1},{"id":"shadcnuikit:tabs1","t":"Tabs","d":"A set of layered sections of content, known as tab panels, that are displayed one at a tim","s":"shadcnuikit","c":"navigation/tabs","hc":1},{"id":"shadcnuikit:tabs10","t":"Tabs","d":"Tabs built with shadcn/ui.","s":"shadcnuikit","c":"navigation/tabs","hc":1},{"id":"shadcnuikit:tabs11","t":"Tabs","d":"Tabs built with shadcn/ui.","s":"shadcnuikit","c":"navigation/tabs","hc":1},{"id":"shadcnuikit:tabs12","t":"Tabs","d":"Tabs built with shadcn/ui.","s":"shadcnuikit","c":"navigation/tabs","hc":1},{"id":"shadcnuikit:tabs13","t":"Tabs","d":"Tabs built with shadcn/ui.","s":"shadcnuikit","c":"navigation/tabs","hc":1},{"id":"shadcnuikit:tabs14","t":"Tabs","d":"Tabs built with shadcn/ui.","s":"shadcnuikit","c":"navigation/tabs","hc":1},{"id":"shadcnuikit:tabs15","t":"Tabs","d":"Tabs built with shadcn/ui.","s":"shadcnuikit","c":"navigation/tabs","hc":1},{"id":"shadcnuikit:tabs2","t":"Tabs","d":"A set of layered sections of content, known as tab panels, that are displayed one at a tim","s":"shadcnuikit","c":"navigation/tabs","hc":1},{"id":"shadcnuikit:tabs3","t":"Tabs","d":"A set of layered sections of content, known as tab panels, that are displayed one at a tim","s":"shadcnuikit","c":"navigation/tabs","hc":1},{"id":"shadcnuikit:tabs4","t":"Tabs","d":"A set of layered sections of content, known as tab panels, that are displayed one at a tim","s":"shadcnuikit","c":"navigation/tabs","hc":1},{"id":"shadcnuikit:tabs5","t":"Tabs","d":"Tabs built with shadcn/ui.","s":"shadcnuikit","c":"navigation/tabs","hc":1},{"id":"shadcnuikit:tabs6","t":"Tabs","d":"Tabs built with shadcn/ui.","s":"shadcnuikit","c":"navigation/tabs","hc":1},{"id":"shadcnuikit:tabs7","t":"Tabs","d":"Tabs built with shadcn/ui.","s":"shadcnuikit","c":"navigation/tabs","hc":1},{"id":"shadcnuikit:tabs8","t":"Tabs","d":"Tabs built with shadcn/ui.","s":"shadcnuikit","c":"navigation/tabs","hc":1},{"id":"shadcnuikit:tabs9","t":"Tabs","d":"Tabs built with shadcn/ui.","s":"shadcnuikit","c":"navigation/tabs","hc":1},{"id":"shadcnuikit:textarea1","t":"Textarea","d":"A multi-line text input control. Every textarea variant fits projects standardized on Radi","s":"shadcnuikit","c":"inputs/textarea","hc":1},{"id":"shadcnuikit:textarea10","t":"Textarea","d":"Textarea built with shadcn/ui.","s":"shadcnuikit","c":"inputs/textarea","hc":1},{"id":"shadcnuikit:textarea11","t":"Textarea","d":"Textarea built with shadcn/ui.","s":"shadcnuikit","c":"inputs/textarea","hc":1},{"id":"shadcnuikit:textarea2","t":"Textarea","d":"A multi-line text input control. Every textarea variant fits projects standardized on Radi","s":"shadcnuikit","c":"inputs/textarea","hc":1},{"id":"shadcnuikit:textarea3","t":"Textarea","d":"A multi-line text input control. Every textarea variant fits projects standardized on Radi","s":"shadcnuikit","c":"inputs/textarea","hc":1},{"id":"shadcnuikit:textarea4","t":"Textarea","d":"A multi-line text input control. Every textarea variant fits projects standardized on Radi","s":"shadcnuikit","c":"inputs/textarea","hc":1},{"id":"shadcnuikit:textarea5","t":"Textarea","d":"A multi-line text input control. Every textarea variant fits projects standardized on Radi","s":"shadcnuikit","c":"inputs/textarea","hc":1},{"id":"shadcnuikit:textarea6","t":"Textarea","d":"Textarea built with shadcn/ui.","s":"shadcnuikit","c":"inputs/textarea","hc":1},{"id":"shadcnuikit:textarea7","t":"Textarea","d":"Textarea built with shadcn/ui.","s":"shadcnuikit","c":"inputs/textarea","hc":1},{"id":"shadcnuikit:textarea8","t":"Textarea","d":"Textarea built with shadcn/ui.","s":"shadcnuikit","c":"inputs/textarea","hc":1},{"id":"shadcnuikit:textarea9","t":"Textarea","d":"Textarea built with shadcn/ui.","s":"shadcnuikit","c":"inputs/textarea","hc":1},{"id":"shadcnuikit:toast-component1","t":"Toast","d":"Toast built with shadcn/ui.","s":"shadcnuikit","c":"overlays/toast","hc":1},{"id":"shadcnuikit:toggle1","t":"Toggle","d":"A two-state button that can be either on or off. All toggle examples conform to Radix UI a","s":"shadcnuikit","c":"actions/switch","hc":1},{"id":"shadcnuikit:toggle2","t":"Toggle","d":"A two-state button that can be either on or off. All toggle examples conform to Radix UI a","s":"shadcnuikit","c":"actions/switch","hc":1},{"id":"shadcnuikit:toggle3","t":"Toggle","d":"A two-state button that can be either on or off. All toggle examples conform to Radix UI a","s":"shadcnuikit","c":"actions/switch","hc":1},{"id":"shadcnuikit:toggle4","t":"Toggle","d":"A two-state button that can be either on or off. All toggle examples conform to Radix UI a","s":"shadcnuikit","c":"actions/switch","hc":1},{"id":"shadcnuikit:toggle5","t":"Toggle","d":"A two-state button that can be either on or off. All toggle examples conform to Radix UI a","s":"shadcnuikit","c":"actions/switch","hc":1},{"id":"shadcnuikit:toggle6","t":"Toggle","d":"Toggle built with shadcn/ui.","s":"shadcnuikit","c":"actions/switch","hc":1},{"id":"shadcnuikit:toggle7","t":"Toggle","d":"Toggle built with shadcn/ui.","s":"shadcnuikit","c":"actions/switch","hc":1},{"id":"shadcnuikit:toggle-component8","t":"Toggle","d":"Toggle built with shadcn/ui.","s":"shadcnuikit","c":"actions/switch","hc":1},{"id":"shadcnuikit:tooltip1","t":"Tooltip","d":"A tooltip is a small overlay that appears when the user hovers over an element. Each toolt","s":"shadcnuikit","c":"overlays/tooltip","hc":1},{"id":"shadcnuikit:tooltip2","t":"Tooltip","d":"A tooltip is a small overlay that appears when the user hovers over an element. Each toolt","s":"shadcnuikit","c":"overlays/tooltip","hc":1},{"id":"shadcnuikit:tooltip3","t":"Tooltip","d":"A tooltip is a small overlay that appears when the user hovers over an element. Each toolt","s":"shadcnuikit","c":"overlays/tooltip","hc":1},{"id":"shadcnuikit:tooltip4","t":"Tooltip","d":"A tooltip is a small overlay that appears when the user hovers over an element. Each toolt","s":"shadcnuikit","c":"overlays/tooltip","hc":1},{"id":"shadcnuikit:tooltip5","t":"Tooltip","d":"A tooltip is a small overlay that appears when the user hovers over an element. Each toolt","s":"shadcnuikit","c":"overlays/tooltip","hc":1},{"id":"shadcnuikit:tooltip6","t":"Tooltip","d":"Tooltip built with shadcn/ui.","s":"shadcnuikit","c":"overlays/tooltip","hc":1},{"id":"shadcnuikit:tooltip7","t":"Tooltip","d":"Tooltip built with shadcn/ui.","s":"shadcnuikit","c":"overlays/tooltip","hc":1},{"id":"shadcnuikit:tooltip8","t":"Tooltip","d":"Tooltip built with shadcn/ui.","s":"shadcnuikit","c":"overlays/tooltip","hc":1},{"id":"shadcnuikit:blog-card1","t":"Blog","d":"Reusable card layouts for articles and blog posts, with header image, title, excerpt, auth","k":"section","s":"shadcnuikit","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnuikit:blog-card2","t":"Blog","d":"Reusable card layouts for articles and blog posts, with header image, title, excerpt, auth","k":"section","s":"shadcnuikit","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnuikit:blog-card3","t":"Blog","d":"Reusable card layouts for articles and blog posts, with header image, title, excerpt, auth","k":"section","s":"shadcnuikit","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnuikit:blog-card4","t":"Blog","d":"Blog built with shadcn/ui.","k":"section","s":"shadcnuikit","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnuikit:chat-bubble1","t":"Chat bubble","d":"Conversation-style message bubbles for support widgets and chat UIs. Includes sender align","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:chat-bubble2","t":"Chat bubble","d":"Conversation-style message bubbles for support widgets and chat UIs. Includes sender align","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:chat-bubble3","t":"Chat bubble","d":"Conversation-style message bubbles for support widgets and chat UIs. Includes sender align","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:chat-bubble4","t":"Chat bubble","d":"Chat bubble built with shadcn/ui.","s":"shadcnuikit","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"shadcnuikit:payment-methods1","t":"Payment methods","d":"Checkout-ready patterns for card, PayPal, and wallet options. Use these shadcn/ui examples","k":"resource","s":"shadcnuikit","c":"assets/icon"},{"id":"shadcnuikit:payment-methods2","t":"Payment methods","d":"Checkout-ready patterns for card, PayPal, and wallet options. Use these shadcn/ui examples","k":"resource","s":"shadcnuikit","c":"assets/icon"},{"id":"shadcnuikit:product-card1","t":"Product cards","d":"Product cards with image, price, badges, and primary CTA for category pages and carousels.","s":"shadcnuikit","c":"data-display/card","sb":"Product"},{"id":"shadcnuikit:product-card2","t":"Product cards","d":"Product cards with image, price, badges, and primary CTA for category pages and carousels.","s":"shadcnuikit","c":"data-display/card","sb":"Product"},{"id":"shadcnuikit:product-card3","t":"Product cards","d":"Product cards with image, price, badges, and primary CTA for category pages and carousels.","s":"shadcnuikit","c":"data-display/card","sb":"Product"},{"id":"shadcnuikit:product-card4","t":"Product cards","d":"Product cards built with shadcn/ui.","s":"shadcnuikit","c":"data-display/card","sb":"Product"},{"id":"shadcnuikit:product-card5","t":"Product cards","d":"Product cards built with shadcn/ui.","s":"shadcnuikit","c":"data-display/card","sb":"Product"},{"id":"shadcnuikit:product-card6","t":"Product cards","d":"Product cards built with shadcn/ui.","s":"shadcnuikit","c":"data-display/card","sb":"Product"},{"id":"shadcnuikit:product-card7","t":"Product cards","d":"Product cards built with shadcn/ui.","s":"shadcnuikit","c":"data-display/card","sb":"Product"},{"id":"shadcnuikit:product-list-card1","t":"Product list","d":"Structured product lists with icons, names, and metrics like units sold. Ideal for best-se","s":"shadcnuikit","c":"data-display/list"},{"id":"shadcnuikit:review-card1","t":"Review","d":"Rating summaries, star breakdowns, and write-a-review CTAs in compact card layouts. Add so","k":"section","s":"shadcnuikit","c":"marketing/testimonials"},{"id":"shadcnuikit:review-card10","t":"Review","d":"Review built with shadcn/ui.","k":"section","s":"shadcnuikit","c":"marketing/testimonials","hc":1},{"id":"shadcnuikit:review-card11","t":"Review","d":"Review built with shadcn/ui.","k":"section","s":"shadcnuikit","c":"marketing/testimonials","hc":1},{"id":"shadcnuikit:review-card12","t":"Review","d":"Review built with shadcn/ui.","k":"section","s":"shadcnuikit","c":"marketing/testimonials","hc":1},{"id":"shadcnuikit:review-card13","t":"Review","d":"Review built with shadcn/ui.","k":"section","s":"shadcnuikit","c":"marketing/testimonials","hc":1},{"id":"shadcnuikit:review-card2","t":"Review","d":"Rating summaries, star breakdowns, and write-a-review CTAs in compact card layouts. Add so","k":"section","s":"shadcnuikit","c":"marketing/testimonials"},{"id":"shadcnuikit:review-card3","t":"Review","d":"Rating summaries, star breakdowns, and write-a-review CTAs in compact card layouts. Add so","k":"section","s":"shadcnuikit","c":"marketing/testimonials"},{"id":"shadcnuikit:review-card4","t":"Review","d":"Review built with shadcn/ui.","k":"section","s":"shadcnuikit","c":"marketing/testimonials","hc":1},{"id":"shadcnuikit:review-card5","t":"Review","d":"Review built with shadcn/ui.","k":"section","s":"shadcnuikit","c":"marketing/testimonials","hc":1},{"id":"shadcnuikit:review-card6","t":"Review","d":"Review built with shadcn/ui.","k":"section","s":"shadcnuikit","c":"marketing/testimonials","hc":1},{"id":"shadcnuikit:review-card7","t":"Review","d":"Review built with shadcn/ui.","k":"section","s":"shadcnuikit","c":"marketing/testimonials","hc":1},{"id":"shadcnuikit:review-card8","t":"Review","d":"Review built with shadcn/ui.","k":"section","s":"shadcnuikit","c":"marketing/testimonials","hc":1},{"id":"shadcnuikit:review-card9","t":"Review","d":"Review built with shadcn/ui.","k":"section","s":"shadcnuikit","c":"marketing/testimonials","hc":1},{"id":"shadcnuikit:social-media-post1","t":"Social media post","d":"Feed-style cards with avatar, handle, timestamp, content, and media. Use them for announce","k":"section","s":"shadcnuikit","c":"marketing/testimonials"},{"id":"shadcnuikit:social-media-post2","t":"Social media post","d":"Feed-style cards with avatar, handle, timestamp, content, and media. Use them for announce","k":"section","s":"shadcnuikit","c":"marketing/testimonials"},{"id":"shadcnuikit:social-media-post3","t":"Social media post","d":"Feed-style cards with avatar, handle, timestamp, content, and media. Use them for announce","k":"section","s":"shadcnuikit","c":"marketing/testimonials"},{"id":"shadcnuikit:social-media-post4","t":"Social media post","d":"Social media post built with shadcn/ui.","k":"section","s":"shadcnuikit","c":"marketing/marketing","sb":"Blog and posts"},{"id":"shadcnuikit:stat-card-example1","t":"Stat","d":"KPI and pipeline cards with labels, values, and progress bars. Suited for dashboards and r","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card-example2","t":"Stat","d":"KPI and pipeline cards with labels, values, and progress bars. Suited for dashboards and r","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card-example3","t":"Stat","d":"KPI and pipeline cards with labels, values, and progress bars. Suited for dashboards and r","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:stat-card-example4","t":"Stat","d":"Stat built with shadcn/ui.","s":"shadcnuikit","c":"data-display/stat"},{"id":"shadcnuikit:task-card1","t":"Task","d":"Task rows with checkbox, title, and status or due date. Use these shadcn/ui examples for k","s":"shadcnuikit","c":"data-display/card"},{"id":"shadcnuikit:task-card2","t":"Task","d":"Task rows with checkbox, title, and status or due date. Use these shadcn/ui examples for k","s":"shadcnuikit","c":"data-display/card"},{"id":"shadcnuikit:welcome-card1","t":"Welcome","d":"Onboarding and empty-state cards with headline, short copy, and primary action. Greet user","s":"shadcnuikit","c":"data-display/card"},{"id":"shadcnuikit:welcome-card2","t":"Welcome","d":"Onboarding and empty-state cards with headline, short copy, and primary action. Greet user","s":"shadcnuikit","c":"data-display/card"},{"id":"shadcnuikit:welcome-card3","t":"Welcome","d":"Onboarding and empty-state cards with headline, short copy, and primary action. Greet user","s":"shadcnuikit","c":"data-display/card","sb":"Metric"},{"id":"shadcnuikit:ecommerce-chart1","t":"Ecommerce","d":"Charts for store visits, sales, and revenue, donut, bar, and trend views. Drop them into d","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:ecommerce-chart2","t":"Ecommerce","d":"Charts for store visits, sales, and revenue, donut, bar, and trend views. Drop them into d","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:ecommerce-chart3","t":"Ecommerce","d":"Charts for store visits, sales, and revenue, donut, bar, and trend views. Drop them into d","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:ecommerce-chart4","t":"Ecommerce","d":"Ecommerce built with shadcn/ui.","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:line-chart1","t":"Line","d":"Line charts for balance, trends, and time-series data. Use these shadcn/ui examples when y","s":"shadcnuikit","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcnuikit:line-chart2","t":"Line","d":"Line charts for balance, trends, and time-series data. Use these shadcn/ui examples when y","s":"shadcnuikit","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcnuikit:line-chart3","t":"Line","d":"Line charts for balance, trends, and time-series data. Use these shadcn/ui examples when y","s":"shadcnuikit","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcnuikit:line-chart4","t":"Line","d":"Line built with shadcn/ui.","s":"shadcnuikit","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"shadcnuikit:project-management-chart1","t":"Project management","d":"Charts for tasks, progress, and achievements, e.g. horizontal bars by year. Integrate with","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:project-management-chart2","t":"Project management","d":"Charts for tasks, progress, and achievements, e.g. horizontal bars by year. Integrate with","s":"shadcnuikit","c":"data-viz/chart"},{"id":"shadcnuikit:date-picker-example1","t":"Use cases","d":"Calendar and date-range pickers with presets like today, last 7 days, this month. Copy the","s":"shadcnuikit","c":"inputs/date-picker","hc":1},{"id":"shadcnuikit:date-picker-example2","t":"Use cases","d":"Calendar and date-range pickers with presets like today, last 7 days, this month. Copy the","s":"shadcnuikit","c":"inputs/date-picker","hc":1},{"id":"shadcnuikit:date-picker-example3","t":"Use cases","d":"Calendar and date-range pickers with presets like today, last 7 days, this month. Copy the","s":"shadcnuikit","c":"inputs/date-picker","hc":1},{"id":"shadcnuikit:date-picker-example4","t":"Use cases","d":"Use cases built with shadcn/ui.","s":"shadcnuikit","c":"inputs/date-picker","hc":1},{"id":"shadcnuikit:user-dropdown-01","t":"User menus","d":"Profile dropdowns with upgrade, account, billing, notifications, and sign out. Use these s","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnuikit:user-dropdown-02","t":"User menus","d":"Profile dropdowns with upgrade, account, billing, notifications, and sign out. Use these s","s":"shadcnuikit","c":"navigation/menu","sb":"Dropdowns"},{"id":"shadcnuikit:authentication-form1","t":"Authentication","d":"Login and signup forms with Google/GitHub options, email/password fields, and primary subm","k":"layout","s":"shadcnuikit","c":"flows/sign-in","tg":["webgl"],"sb":"Sign in","sy":["webgl"]},{"id":"shadcnuikit:authentication-form2","t":"Authentication","d":"Login and signup forms with Google/GitHub options, email/password fields, and primary subm","k":"layout","s":"shadcnuikit","c":"flows/sign-in","tg":["webgl"],"sb":"Sign in","sy":["webgl"]},{"id":"shadcnuikit:authentication-form3","t":"Authentication","d":"Login and signup forms with Google/GitHub options, email/password fields, and primary subm","k":"layout","s":"shadcnuikit","c":"flows/sign-in","tg":["webgl"],"sb":"Sign in","sy":["webgl"]},{"id":"shadcnuikit:authentication-form4","t":"Authentication","d":"Authentication built with shadcn/ui.","k":"layout","s":"shadcnuikit","c":"flows/sign-in","sb":"Sign in"},{"id":"shadcnuikit:authentication-form5","t":"Authentication","d":"Authentication built with shadcn/ui.","k":"layout","s":"shadcnuikit","c":"flows/sign-in","sb":"Sign in"},{"id":"shadcnuikit:authentication-form6","t":"Authentication","d":"Authentication built with shadcn/ui.","k":"layout","s":"shadcnuikit","c":"flows/sign-in","sb":"Verification"},{"id":"shadcnuikit:switch-card1","t":"Cards","d":"Settings-style cards that pair a label and short description with a switch. Use for toggle","s":"shadcnuikit","c":"actions/switch","sb":"With labels"},{"id":"shadcnuikit:theme-switcher1","t":"Theme switcher","d":"Light/dark theme toggles in several layouts, icon-only, with label, or in a small control ","s":"shadcnuikit","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnuikit:theme-switcher2","t":"Theme switcher","d":"Light/dark theme toggles in several layouts, icon-only, with label, or in a small control ","s":"shadcnuikit","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnuikit:theme-switcher3","t":"Theme switcher","d":"Light/dark theme toggles in several layouts, icon-only, with label, or in a small control ","s":"shadcnuikit","c":"actions/switch","sb":"Theme toggles"},{"id":"shadcnuikit:illustration1","t":"Illustration #1","d":"1 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration10","t":"Illustration #10","d":"10 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration11","t":"Illustration #11","d":"11 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration12","t":"Illustration #12","d":"12 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration13","t":"Illustration #13","d":"13 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration14","t":"Illustration #14","d":"14 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration15","t":"Illustration #15","d":"15 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration16","t":"Illustration #16","d":"16 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration17","t":"Illustration #17","d":"17 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration18","t":"Illustration #18","d":"18 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration19","t":"Illustration #19","d":"19 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration2","t":"Illustration #2","d":"2 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration20","t":"Illustration #20","d":"20 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration21","t":"Illustration #21","d":"21 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration22","t":"Illustration #22","d":"22 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration23","t":"Illustration #23","d":"23 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration24","t":"Illustration #24","d":"24 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration25","t":"Illustration #25","d":"25 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration26","t":"Illustration #26","d":"26 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration27","t":"Illustration #27","d":"27 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration28","t":"Illustration #28","d":"28 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration29","t":"Illustration #29","d":"29 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration3","t":"Illustration #3","d":"3 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration30","t":"Illustration #30","d":"30 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration31","t":"Illustration #31","d":"31 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration32","t":"Illustration #32","d":"32 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration33","t":"Illustration #33","d":"33 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration34","t":"Illustration #34","d":"34 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration35","t":"Illustration #35","d":"35 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration36","t":"Illustration #36","d":"36 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration4","t":"Illustration #4","d":"4 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration5","t":"Illustration #5","d":"5 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration6","t":"Illustration #6","d":"6 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration7","t":"Illustration #7","d":"7 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration8","t":"Illustration #8","d":"8 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shadcnuikit:illustration9","t":"Illustration #9","d":"9 built with shadcn/ui.","k":"resource","s":"shadcnuikit","c":"assets/illustration"},{"id":"shivraj-roy:bloom-color-picker","t":"Bloom Color Picker","d":"A flower-inspired color picker — a swatch that blooms open into petals. Zero dependencies.","s":"shivraj-roy","c":"inputs/color-picker","hc":1},{"id":"shover:gradient-button","t":"Gradient Button","d":"A button with a customizable two-color gradient background, built on top of shadcn/ui's Bu","s":"shover","c":"actions/button","tg":["gradient"],"sb":"Animated","sy":["gradient"],"hc":1},{"id":"simple-ai:chat-input","t":"Chat input","d":"Chat input with mentions and streaming status.","s":"simple-ai","c":"ai-agent/composer","hc":1},{"id":"simple-ai:chat-page","t":"Chat page","d":"Full-screen chat with tools, files, and mentions.","s":"simple-ai","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"simple-ai:reasoning","t":"Reasoning","d":"Quiet thinking row with markdown.","s":"simple-ai","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"simple-ai:shell","t":"Shell","d":"Sidebar, header, and main content.","k":"layout","s":"simple-ai","c":"layout/page-shell","hc":1},{"id":"simple-ai:tool","t":"Tool","d":"Quiet collapsible tool call with input and output.","s":"simple-ai","c":"inputs/form-field","hc":1},{"id":"simple-ai:worked","t":"Worked","d":"Fold the agent's work. Keep the answer.","s":"simple-ai","c":"ai-agent/ai-agent","hc":1},{"id":"skecher-ui:3d-wheel-carousel","t":"3D Wheel Carousel","d":"A reusable, drag-controlled 3D card carousel with auto-rotation, keyboard navigation, blur","s":"skecher-ui","c":"media/carousel","tg":["3d"],"sy":["3d"],"hc":1},{"id":"skecher-ui:apple-mail-tabs","t":"Apple Mail Tabs","d":"A colorful, horizontally scrollable mail category selector with compact inactive tabs and ","s":"skecher-ui","c":"navigation/tabs","hc":1},{"id":"skecher-ui:add-to-cart","t":"Add to Cart","d":"An interactive product grid with curved add-to-cart flights, a responsive cart stack, and ","s":"skecher-ui","c":"other/other","hc":1},{"id":"skecher-ui:ai-chat-box","t":"AI Chat Box","d":"A polished AI prompt composer with model controls, attachments, and animated interaction s","s":"skecher-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"skecher-ui:animated-book","t":"Animated Book","d":"A reusable 3D book preview that opens on hover or focus and supports controlled state, key","s":"skecher-ui","c":"inputs/form-field","tg":["3d"],"sb":"Animated fields","sy":["3d"],"hc":1},{"id":"skecher-ui:ai-orb","t":"AI Orb","d":"An interactive Three.js orb for AI assistants, voice interfaces, and ambient status surfac","s":"skecher-ui","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Orbs and presence","sy":["webgl"],"hc":1},{"id":"skecher-ui:dither-credit-card","t":"Dither Credit Card","d":"A pointer-responsive payment card with a restrained dithering shader and spring-smoothed d","s":"skecher-ui","c":"data-display/card","tg":["3d","webgl"],"sb":"Payment","sy":["3d","webgl"],"hc":1},{"id":"skecher-ui:dock","t":"Dock","d":"A macOS-style magnifying dock powered by shared motion values and spring-smoothed icon siz","s":"skecher-ui","c":"navigation/dock","hc":1},{"id":"skecher-ui:expandable-mobile-nav","t":"Expandable Mobile Nav","d":"A bottom-anchored navigation shell with expandable labels and composable per-item panels.","s":"skecher-ui","c":"navigation/top-nav","sb":"Mobile","hc":1},{"id":"skecher-ui:gooey-toolbar","t":"Gooey Toolbar","d":"A compact action toolbar with configurable liquid merging effects and accessible controls.","s":"skecher-ui","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"skecher-ui:image-density-grid","t":"Image Density Grid","d":"A percentage-controlled image grid with animated density changes, soft focus, and optional","s":"skecher-ui","c":"media/gallery","sb":"Grids","hc":1},{"id":"skecher-ui:image-glide","t":"Image Glide","d":"An image viewer with pointer depth, soft image transitions, and a compact thumbnail rail.","s":"skecher-ui","c":"media/gallery","tg":["3d"],"sy":["3d"],"hc":1},{"id":"skecher-ui:interactive-grid-hero","t":"Interactive Grid Hero","d":"A full-page field of square cells that locally soften and round around a fine pointer.","k":"section","s":"skecher-ui","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"skecher-ui:liquid-glass-social","t":"Liquid Glass Social","d":"A responsive social-link cluster with focused liquid-glass motion and clear interaction fe","s":"skecher-ui","c":"actions/link","tg":["glass"],"sy":["glass"],"hc":1},{"id":"skecher-ui:liquid-morphology-slideshow","t":"Liquid Morphology Slideshow","d":"A WebGL image slideshow with liquid, frost, ripple, plasma, and timeshift transitions.","s":"skecher-ui","c":"media/carousel","tg":["glass","gradient","webgl"],"sy":["glass","gradient","webgl"],"hc":1},{"id":"skecher-ui:magazine-scroller","t":"Magazine Scroller","d":"A velocity-aware poster scroller with drag, wheel, spring, and progressive-blur treatments","s":"skecher-ui","c":"media/gallery","sb":"Scroll","hc":1},{"id":"skecher-ui:morphing-action-dock","t":"Morphing Action Dock","d":"A floating action dock that merges into one surface and expands into contextual actions.","s":"skecher-ui","c":"navigation/dock","hc":1},{"id":"skecher-ui:morph-menu","t":"Morph Menu","d":"A measured action menu that morphs between compact and expanded states with configurable d","s":"skecher-ui","c":"navigation/menu","hc":1},{"id":"skecher-ui:morph-stack","t":"Morph Stack","d":"A composable three-plate stack with spring-driven perspective and layered hover motion.","k":"motion","s":"skecher-ui","c":"motion/text-effect","tg":["3d","webgl"],"sb":"Rotating words","sy":["3d","webgl"],"hc":1},{"id":"skecher-ui:scroll-reveal-text","t":"Scroll Reveal Text","d":"A scroll-linked text reveal with spring-smoothed progress and reduced-motion support.","k":"motion","s":"skecher-ui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"skecher-ui:sliding-panel","t":"Sliding Panel","d":"A direction-aware panel transition with interruptible motion and reduced-motion fallbacks.","s":"skecher-ui","c":"data-display/card","hc":1},{"id":"skecher-ui:snap-text","t":"Snap Text","d":"A spring-driven text interaction that reacts to pointer movement and settles cleanly.","k":"motion","s":"skecher-ui","c":"motion/text-effect","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"skecher-ui:spring-slider","t":"Spring Slider","d":"A pill-track slider with a spring-driven fill and thumb, tick markers, and a tooltip that ","s":"skecher-ui","c":"inputs/slider","hc":1},{"id":"skecher-ui:streaming-text","t":"Streaming Text","d":"A soft word-by-word text reveal for hero copy, onboarding, and editorial interfaces.","s":"skecher-ui","c":"ai-agent/ai-agent","hc":1},{"id":"skecher-ui:text-morphing","t":"Text Morphing","d":"An animated text replacement primitive for status messages, hero copy, and compact state c","k":"motion","s":"skecher-ui","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"skecher-ui:velocity-tabs","t":"Velocity Tabs","d":"An accessible tab selector with a spring indicator that stretches in response to movement ","s":"skecher-ui","c":"navigation/tabs","hc":1},{"id":"skiper-ui:skiper3","t":"Skiper #3","d":"Apple play button","s":"skiper-ui","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"skiper-ui:skiper4","t":"Skiper #4","d":"Theme toggle buttons","s":"skiper-ui","c":"actions/switch","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"skiper-ui:skiper16","t":"Skiper #16","d":"Card stack scroll","s":"skiper-ui","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper17","t":"Skiper #17","d":"Card stack with gsap and rotate","s":"skiper-ui","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper19","t":"Skiper #19","d":"Svg follow scroll","k":"layout","s":"skiper-ui","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper25","t":"Skiper #25","d":"Music toggle btn","s":"skiper-ui","c":"actions/switch","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"skiper-ui:skiper26","t":"Skiper #26","d":"Theme toggle btn","s":"skiper-ui","c":"actions/switch","tg":["animated"],"sb":"Theme toggles","sy":["animated"],"hc":1},{"id":"skiper-ui:skiper28","t":"Skiper #28","d":"3D perspective text","k":"motion","s":"skiper-ui","c":"motion/tilt-3d","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"skiper-ui:skiper30","t":"Skiper #30","d":"Oliver parallax","k":"layout","s":"skiper-ui","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper31","t":"Skiper #31","d":"Text Scroll animation","k":"layout","s":"skiper-ui","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper34","t":"Skiper #34","d":"Scroll images reveal 003","s":"skiper-ui","c":"media/gallery","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper37","t":"Skiper #37","d":"Animated number","s":"skiper-ui","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper39","t":"Skiper #39","d":"Canvas crowd","s":"skiper-ui","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper40","t":"Skiper #40","d":"CssLink","s":"skiper-ui","c":"other/other","hc":1},{"id":"skiper-ui:skiper41","t":"Skiper #41","d":"Progressive Blur","s":"skiper-ui","c":"other/other","hc":1},{"id":"skiper-ui:skiper47","t":"Skiper #47","d":"Perspective carousel","s":"skiper-ui","c":"media/carousel","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"skiper-ui:skiper48","t":"Skiper #48","d":"Card swipe carousel","s":"skiper-ui","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper49","t":"Skiper #49","d":"Inverted perspective carousel","s":"skiper-ui","c":"media/carousel","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"skiper-ui:skiper50","t":"Skiper #50","d":"Creative carousel 001","s":"skiper-ui","c":"media/carousel","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper51","t":"Skiper #51","d":"Creative carousel 002","s":"skiper-ui","c":"media/carousel","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper52","t":"Skiper #52","d":"ExpandOnHover","s":"skiper-ui","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper53","t":"Skiper #53","d":"ExpandOnHover vertical","s":"skiper-ui","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper54","t":"Skiper #54","d":"Shadcn clipPath Carousal","s":"skiper-ui","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper58","t":"Skiper #58","d":"Text roll navigation","k":"motion","s":"skiper-ui","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper61","t":"Skiper #61","d":"Mouse follow animations","s":"skiper-ui","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper62","t":"Skiper #62","d":"Loop animation hook","s":"skiper-ui","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper63","t":"Skiper #63","d":"Apple squicircle effect","s":"skiper-ui","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper64","t":"Skiper #64","d":"Gooey Effect","s":"skiper-ui","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper65","t":"Skiper #65","d":"Breakpoint indicator","s":"skiper-ui","c":"other/other","hc":1},{"id":"skiper-ui:skiper66","t":"Skiper #66","d":"SVG clip path mask","s":"skiper-ui","c":"other/other","hc":1},{"id":"skiper-ui:skiper67","t":"Skiper #67","d":"Video player 001","s":"skiper-ui","c":"media/player","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper87","t":"Skiper #87","d":"Scroll with fade effect","k":"layout","s":"skiper-ui","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper89","t":"Skiper #89","d":"Scroll progress 001","s":"skiper-ui","c":"data-viz/progress-bar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper99","t":"Skiper #99","d":"Animated icons 002","k":"resource","s":"skiper-ui","c":"assets/icon","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"skiper-ui:skiper101","t":"Skiper #101","d":"Custom tooltip","s":"skiper-ui","c":"overlays/tooltip","hc":1},{"id":"skiper-ui:skiper102","t":"Skiper #102","d":"Debug Pannel","s":"skiper-ui","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skiper-ui:skiper106","t":"Skiper #106","d":"Smooth caret input","s":"skiper-ui","c":"inputs/form-field","tg":["animated"],"sy":["animated"],"hc":1},{"id":"skrewww:foundation","t":"Skrewww Foundation","d":"Universal Primitive/Semantic/Brand tokens, component-tier defaults required by distributed","k":"lib","s":"skrewww","c":"lib/utility","sb":"Theme","fw":"CSS","hc":1},{"id":"skrewww:button","t":"Button","d":"Button is a primary interactive trigger for user actions — submit, confirm, navigate, or i","s":"skrewww","c":"actions/button","hc":1},{"id":"skrewww:card","t":"Card","d":"Card is a general-purpose content container grouping related information with a clear visu","s":"skrewww","c":"data-display/card","hc":1},{"id":"skrewww:text-input","t":"Text Input","d":"Text Input is a single-line text entry for short, free-form data such as names, emails, or","s":"skrewww","c":"inputs/form-field","hc":1},{"id":"skrewww:form-field","t":"Form Field","d":"Form Field is a shared field wrapper for label, description, required indicator, and valid","s":"skrewww","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"skrewww:validation-message","t":"Validation Message","d":"Validation Message is inline typed feedback paired with a field — error, warning, success,","s":"skrewww","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"skrewww:spinner","t":"Spinner","d":"Spinner is an indeterminate loading indicator for operations without a meaningful completi","s":"skrewww","c":"status/loader","sb":"Spinners","hc":1},{"id":"skrewww:divider","t":"Divider","d":"Divider is a thin separator line between content sections — horizontal or vertical, semant","s":"skrewww","c":"other/other","hc":1},{"id":"skrewww:link","t":"Link","d":"Link is semantic navigational text styled as inline or standalone links — not for primary ","s":"skrewww","c":"actions/link","hc":1},{"id":"skrewww:checkbox","t":"Checkbox","d":"Checkbox is a native checkbox for independent or multi-select choices, including indetermi","s":"skrewww","c":"inputs/checkbox","hc":1},{"id":"skrewww:progress-bar","t":"Progress Bar","d":"React progress bar for uploads and background tasks, with measured value/max progress, an ","s":"skrewww","c":"data-viz/progress-bar","hc":1},{"id":"skrewww:skeleton","t":"Skeleton","d":"Skeleton is temporary placeholder shapes that preserve layout while known content is loadi","s":"skrewww","c":"status/skeleton","hc":1},{"id":"skrewww:radio","t":"Radio","d":"Radio is a native radio button for a single option inside a mutually exclusive group.","s":"skrewww","c":"inputs/radio","vn":1,"hc":1},{"id":"skrewww:switch","t":"Switch","d":"Switch is a boolean settings control for immediate on/off changes — not a substitute for C","s":"skrewww","c":"actions/switch","hc":1},{"id":"skrewww:textarea","t":"Textarea","d":"Textarea is a multi-line native textarea for longer free-text content, composed with FormF","s":"skrewww","c":"inputs/textarea","hc":1},{"id":"skrewww:pagination","t":"Pagination","d":"Pagination is a paged navigation control with Previous/Next boundaries, numbered pages, an","s":"skrewww","c":"navigation/pagination","hc":1},{"id":"skrewww:avatar","t":"Avatar","d":"Avatar is a circular visual identity for a user or entity with image, initials, or icon fa","s":"skrewww","c":"data-display/avatar","hc":1},{"id":"skrewww:breadcrumb","t":"Breadcrumb","d":"Breadcrumb is an ordered hierarchical trail showing location with navigable ancestors and ","s":"skrewww","c":"navigation/breadcrumb","hc":1},{"id":"skrewww:slider","t":"Slider","d":"Slider is a single-value control for selecting a number within min/max by dragging or keyb","s":"skrewww","c":"inputs/slider","hc":1},{"id":"skrewww:stepper","t":"Stepper","d":"Stepper shows progress through a fixed, known-length, ordered sequence of named steps — a ","s":"skrewww","c":"navigation/wizard-steps","hc":1},{"id":"skrewww:table","t":"Table","d":"Table is a native HTML table foundation with captions, headers, body rows, footers, cell a","s":"skrewww","c":"data-display/table","hc":1},{"id":"skrewww:badge","t":"Badge","d":"Badge is a compact non-interactive label for status, classification, or numeric counts at ","s":"skrewww","c":"data-display/badge","hc":1},{"id":"skrewww:tag","t":"Tag","d":"Tag is a compact classification label for categories, filters, or user-applied values — di","s":"skrewww","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"skrewww:list-item","t":"List Item","d":"List Item is a single row inside a collection — avatar, title, description, metadata, and ","s":"skrewww","c":"data-display/list","hc":1},{"id":"skrewww:timeline","t":"Timeline","d":"Timeline is a vertical, chronological event list built on Content/Timeline Item rows — Def","s":"skrewww","c":"data-display/timeline","hc":1},{"id":"skrewww:empty-state","t":"Empty State","d":"Empty State is a zero-content placeholder with title, description, and optional recovery a","s":"skrewww","c":"data-display/empty-state","hc":1},{"id":"skrewww:alert","t":"Alert","d":"Alert is a persistent inline feedback block for contextual status tied to page content — n","s":"skrewww","c":"overlays/alert-banner","hc":1},{"id":"skrewww:toast","t":"Toast","d":"Toast is a transient floating notification for confirming actions or reporting short-lived","s":"skrewww","c":"overlays/toast","hc":1},{"id":"skrewww:button-group","t":"Button Group","d":"Button Group joins related independent Buttons with shared outer chrome and a 2px divider ","s":"skrewww","c":"actions/button","sb":"Groups and split","hc":1},{"id":"skrewww:toggle-group","t":"Toggle Group","d":"Toggle Group is exclusive segmented selection (radiogroup) with joined chrome — Segmented ","s":"skrewww","c":"actions/switch","hc":1},{"id":"skrewww:accordion","t":"Accordion","d":"Accordion is a set of stacked collapsible sections for progressive disclosure, built from ","s":"skrewww","c":"data-display/accordion","hc":1},{"id":"skrewww:tabs","t":"Tabs","d":"Tabs is a navigation pattern that switches between related in-context views using tablist/","s":"skrewww","c":"navigation/tabs","hc":1},{"id":"skrewww:search-field","t":"Search Field","d":"Search Field is a search-specific text field with leading magnifying-glass icon and option","s":"skrewww","c":"inputs/search","tg":["glass"],"sy":["glass"],"hc":1},{"id":"skrewww:credit-card-field","t":"Credit Card Field","d":"Credit Card Field is a compound UI control for card number, expiry, and CVC in one shell —","s":"skrewww","c":"inputs/form-field","sb":"Payment","hc":1},{"id":"skrewww:number-input","t":"Number Input","d":"Number Input is direct numeric entry with optional steppers and min/max/step — not currenc","s":"skrewww","c":"inputs/number-input","hc":1},{"id":"skrewww:file-upload","t":"File Upload","d":"File Upload is a native file input with drag-and-drop dropzone, advisory validation, selec","s":"skrewww","c":"inputs/file-upload","hc":1},{"id":"skrewww:popover","t":"Popover","d":"Popover is a non-modal floating panel for supplementary or lightly interactive content anc","s":"skrewww","c":"overlays/popover","hc":1},{"id":"skrewww:tooltip","t":"Tooltip","d":"Tooltip is a brief supplementary label for a trigger, shown on keyboard focus or pointer h","s":"skrewww","c":"overlays/tooltip","hc":1},{"id":"skrewww:dialog","t":"Dialog","d":"Dialog is a modal overlay that interrupts workflow for focused attention, information, or ","s":"skrewww","c":"overlays/dialog","hc":1},{"id":"skrewww:drawer","t":"Drawer","d":"Drawer is an edge-anchored modal panel for supplementary settings, filters, or secondary f","s":"skrewww","c":"overlays/sheet","hc":1},{"id":"skrewww:menu","t":"Menu","d":"Menu is a compact command surface for contextual actions — distinct from Select (form valu","s":"skrewww","c":"navigation/menu","hc":1},{"id":"skrewww:split-button","t":"Split Button","d":"Split Button joins one primary Button action with a related Menu trigger using shared oute","s":"skrewww","c":"actions/button","sb":"Groups and split","hc":1},{"id":"skrewww:calendar-day","t":"Calendar Day","d":"Calendar Day is a single selectable day cell inside a month calendar grid.","s":"skrewww","c":"data-display/calendar","hc":1},{"id":"skrewww:calendar-grid","t":"Calendar Grid","d":"Calendar Grid is a composed month-view calendar with single-date or range selection and gr","s":"skrewww","c":"data-display/calendar","hc":1},{"id":"skrewww:select","t":"Select","d":"Select is a combobox-style single-select with a Popover listbox trigger and hidden native ","s":"skrewww","c":"inputs/select","hc":1},{"id":"skrewww:combobox","t":"Combobox","d":"Combobox is an editable searchable single-select with a filterable listbox — distinct from","s":"skrewww","c":"inputs/combobox","hc":1},{"id":"skrewww:date-picker","t":"Date Picker","d":"Date Picker is a date-only field with editable D MMM YYYY text entry (en-GB) and calendar ","s":"skrewww","c":"inputs/date-picker","hc":1},{"id":"skrewww:phone-number-field","t":"Phone Number Field","d":"Phone Number Field pairs a country/dial-code selector with a phone number input — UI patte","s":"skrewww","c":"inputs/number-input","hc":1},{"id":"skrewww:tree-view","t":"Tree View","d":"Tree View is a hierarchical, keyboard-navigable tree — file explorers, nested category bro","s":"skrewww","c":"data-display/tree","tg":["3d"],"sy":["3d"],"hc":1},{"id":"skrewww:data-table","t":"Data Table","d":"Data Table is an interactive data-table pattern composing Table with header sorting and ex","s":"skrewww","c":"data-display/table","sb":"Data tables","hc":1},{"id":"skrewww:bar-chart","t":"Bar Chart","d":"Bar Chart compares categories with vertical or horizontal bars — a single series by defaul","s":"skrewww","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"skrewww:line-chart","t":"Line Chart","d":"Line Chart shows a trend across ordered categories — a single series by default, or severa","s":"skrewww","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"skrewww:area-chart","t":"Area Chart","d":"Area Chart shows magnitude over ordered categories with a filled area under each line — a ","s":"skrewww","c":"data-viz/chart","sb":"Area","hc":1},{"id":"skrewww:chart-card","t":"Chart Card","d":"Chart Card is a Card composed for a chart: an optional title/description/actions header, a","s":"skrewww","c":"data-viz/chart","hc":1},{"id":"skrewww:chart-metric","t":"Chart Metric","d":"Chart Metric is a labeled value with an optional directional delta, for use above a chart ","s":"skrewww","c":"data-display/stat","hc":1},{"id":"slide-cn:deck","t":"Deck","d":"A Deck component that is the core of the presentation","s":"slide-cn","c":"media/card-stack","hc":1},{"id":"slide-cn:header-with-content","t":"Header with content","d":"A layout with a header, and some content space","s":"slide-cn","c":"navigation/top-nav","hc":1},{"id":"slide-cn:slide-nav","t":"Slide Nav","d":"Navigation for your slides","s":"slide-cn","c":"navigation/top-nav","hc":1},{"id":"slide-cn:slide-footer","t":"Slide footer","d":"Footer for your slides","k":"section","s":"slide-cn","c":"marketing/footer","hc":1},{"id":"slide-cn:navigation-toast","t":"Navigation Toast","d":"Toast overlay that shows navigation hints on first load","s":"slide-cn","c":"overlays/toast","hc":1},{"id":"slide-cn:slide","t":"Slide","d":"Basic slide component","s":"slide-cn","c":"media/card-stack","tg":["minimal"],"sy":["minimal"],"vn":1,"hc":1},{"id":"slide-cn:horizontal-split","t":"Horizontal split","d":"A slide layout with two columns split horizontally","s":"slide-cn","c":"other/other","hc":1},{"id":"slide-cn:vertical-split","t":"Vertical split","d":"A slide layout with two rows split vertically","s":"slide-cn","c":"data-display/list","hc":1},{"id":"slide-cn:title-slide","t":"Title slide","d":"Set of components to easily create a title slide","k":"motion","s":"slide-cn","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"slide-cn:slide-image","t":"Slide image","d":"Set of components to add an image and caption to a slide","s":"slide-cn","c":"media/gallery","hc":1},{"id":"slide-cn:callout","t":"Callout","d":"A callout component for highlighting information","s":"slide-cn","c":"overlays/alert-banner","hc":1},{"id":"slide-cn:code-block","t":"Code block","d":"A code block component with syntax highlighting","s":"slide-cn","c":"data-display/code-block","hc":1},{"id":"slide-cn:gradient-linear","t":"Linear Gradient Background","d":"A full-bleed linear gradient background (top-left to bottom-right) using the slide-cn them","k":"motion","s":"slide-cn","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"slide-cn:gradient-radial","t":"Radial Gradient Background","d":"A full-bleed radial gradient background emanating from the center using the slide-cn theme","k":"motion","s":"slide-cn","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"slide-cn:reveal","t":"Reveal","d":"A component that reveals its content on click","s":"slide-cn","c":"other/other","hc":1},{"id":"slide-cn:timeline","t":"Timeline","d":"A horizontal or vertical timeline component for displaying ordered events, steps, or miles","s":"slide-cn","c":"data-display/timeline","hc":1},{"id":"slide-cn:sky-theme","t":"Sky Theme","d":"A cool blue-purple gradient theme for Slide-CN presentations.","k":"theme","s":"slide-cn","c":"themes/theme","tg":["gradient"],"sy":["gradient"]},{"id":"slide-cn:rose-theme","t":"Rose Theme","d":"A warm red-pink gradient theme for Slide-CN presentations.","k":"theme","s":"slide-cn","c":"themes/theme","tg":["gradient"],"sy":["gradient"]},{"id":"slide-cn:earth-theme","t":"Earth Theme","d":"A warm green-amber earth tone theme for Slide-CN presentations.","k":"theme","s":"slide-cn","c":"themes/theme"},{"id":"slidecn:title-slide","t":"Title Slide","d":"A presentation title slide with eyebrow, title, subtitle, author, and date.","k":"motion","s":"slidecn","c":"motion/text-effect","sb":"Reveal and entrance","vn":1,"hc":1},{"id":"slidecn:section-slide","t":"Section Slide","d":"A chapter divider slide with label and title.","s":"slidecn","c":"inputs/form-field","hc":1},{"id":"slidecn:content-slide","t":"Content Slide","d":"A general purpose content slide with multiple layout options.","k":"motion","s":"slidecn","c":"motion/text-effect","hc":1},{"id":"slidecn:split-slide","t":"Split Slide","d":"A two-column split layout slide with configurable ratio.","k":"motion","s":"slidecn","c":"motion/text-effect","hc":1},{"id":"slidecn:image-slide","t":"Image Slide","d":"A slide for displaying images with stretch, contained, or full-bleed modes.","s":"slidecn","c":"media/gallery","hc":1},{"id":"slidecn:stat-slide","t":"Stat Slide","d":"A statistics-focused slide with single, row, or grid layouts.","s":"slidecn","c":"data-display/stat","hc":1},{"id":"slidecn:quote-slide","t":"Quote Slide","d":"A quote/citation slide with minimal, large, and accent variants.","s":"slidecn","c":"ai-agent/ai-agent","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"slidecn:list-slide","t":"List Slide","d":"An ordered or unordered list slide with optional fragment animations.","s":"slidecn","c":"data-display/list","hc":1},{"id":"slidecn:comparison-slide","t":"Comparison Slide","d":"A side-by-side comparison slide with columns or table variant.","k":"section","s":"slidecn","c":"marketing/comparison","hc":1},{"id":"slidecn:timeline-slide","t":"Timeline Slide","d":"A timeline slide with horizontal or vertical direction and optional animations.","s":"slidecn","c":"data-display/timeline","hc":1},{"id":"slidecn:team-slide","t":"Team Slide","d":"A team member showcase slide with avatars, roles, and bios.","k":"section","s":"slidecn","c":"marketing/team","hc":1},{"id":"slidecn:code-block","t":"Code Block","d":"A syntax-highlighted code block with filename, line numbers, and copy button.","s":"slidecn","c":"data-display/code-block","hc":1},{"id":"slidecn:fragment-list","t":"Fragment List","d":"A list wrapper with fragment-based reveal animations on each item.","s":"slidecn","c":"data-display/list","hc":1},{"id":"slidecn:fragment-reveal","t":"Fragment Reveal","d":"Steps through children one by one using fragment animations.","s":"slidecn","c":"other/other","hc":1},{"id":"slidecn:fit-text","t":"Fit Text","d":"Automatically resizes text to fill the available space using r-fit-text.","k":"motion","s":"slidecn","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"slidecn:notes","t":"Notes","d":"Speaker notes for reveal.js presentations.","s":"slidecn","c":"other/other","hc":1},{"id":"slidecn:auto-animate-pair","t":"Auto Animate Pair","d":"Two consecutive slides with auto-animate enabled for smooth transitions between states.","k":"motion","s":"slidecn","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"slidecn:stack-reveal","t":"Stack Reveal","d":"A thin typed wrapper over the reveal.js Stack component.","k":"layout","s":"slidecn","c":"layout/page-shell","hc":1},{"id":"slidecn:pitch-deck","t":"Pitch Deck","d":"A 7-slide pitch deck template: problem, solution, how it works, traction, team, and CTA.","s":"slidecn","c":"media/card-stack","hc":1},{"id":"slidecn:tech-talk","t":"Tech Talk","d":"An 8-slide technical talk template with code examples, auto-animate transitions, and bench","k":"page","s":"slidecn","c":"pages/templates","tg":["animated"],"sy":["animated"],"hc":1},{"id":"slidecn:weekly-report","t":"Weekly Report","d":"A 5-slide weekly report template: KPIs, timeline, wins/blockers, and next week plan.","k":"page","s":"slidecn","c":"pages/templates","hc":1},{"id":"slidecn:theme-default","t":"Default Theme","d":"The default slidecn theme with light colors and neutral tones.","k":"lib","s":"slidecn","c":"lib/utility","sb":"Theme","fw":"CSS","hc":1},{"id":"slidecn:theme-dark","t":"Dark Theme","d":"A dark theme for slidecn presentations.","k":"lib","s":"slidecn","c":"lib/utility","sb":"Theme","fw":"CSS","hc":1},{"id":"slidecn:theme-minimal","t":"Minimal Theme","d":"A minimal theme with larger base font size and tight letter-spacing.","k":"lib","s":"slidecn","c":"lib/utility","tg":["minimal"],"sb":"Theme","fw":"CSS","sy":["minimal"],"hc":1},{"id":"slidecn:theme-brand","t":"Brand Theme","d":"A brandable theme template with customizable brand color variables.","k":"lib","s":"slidecn","c":"lib/utility","sb":"Theme","fw":"CSS","hc":1},{"id":"smoothui:cli","t":"Cli","d":"CLI to install SmoothUI components - beautifully designed React components with smooth ani","s":"smoothui","c":"other/other","hc":1},{"id":"smoothui:data","t":"Data","k":"lib","s":"smoothui","c":"lib/utility","hc":1},{"id":"smoothui:cta-1","t":"Cta #1","d":"Centered CTA block with radial glow background","k":"section","s":"smoothui","c":"marketing/cta","tg":["neon"],"sy":["neon"],"hc":1},{"id":"smoothui:cta-2","t":"Cta #2","d":"Split layout CTA block with text and illustration","k":"section","s":"smoothui","c":"marketing/cta","hc":1},{"id":"smoothui:cta-3","t":"Cta #3","d":"Compact banner CTA block","k":"section","s":"smoothui","c":"marketing/cta","hc":1},{"id":"smoothui:faq-1","t":"Faq #1","d":"FAQ grid block with categorized tabs and icons","k":"section","s":"smoothui","c":"marketing/faq","hc":1},{"id":"smoothui:faq-2","t":"Faq #2","d":"FAQ accordion block with expandable questions","k":"section","s":"smoothui","c":"marketing/faq","hc":1},{"id":"smoothui:faq-3","t":"Faq #3","d":"Searchable FAQ section with filter animations","k":"section","s":"smoothui","c":"marketing/faq","hc":1},{"id":"smoothui:faq-4","t":"Faq #4","d":"Categorized FAQ section with tab navigation","k":"section","s":"smoothui","c":"marketing/faq","hc":1},{"id":"smoothui:features-1","t":"Features #1","d":"Feature grid block with animated cards","k":"section","s":"smoothui","c":"marketing/features","hc":1},{"id":"smoothui:features-2","t":"Features #2","d":"Bento grid features block with asymmetric layout","k":"section","s":"smoothui","c":"marketing/features","hc":1},{"id":"smoothui:features-3","t":"Features #3","d":"Alternating features block with side-by-side layout","k":"section","s":"smoothui","c":"marketing/features","hc":1},{"id":"smoothui:footer-1","t":"Footer #1","d":"Simple footer block with links and social icons","k":"section","s":"smoothui","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"smoothui:footer-2","t":"Footer #2","d":"Complex footer block with newsletter and extended links","k":"section","s":"smoothui","c":"marketing/footer","hc":1},{"id":"smoothui:footer-3","t":"Footer #3","d":"Mega footer with newsletter and social links","k":"section","s":"smoothui","c":"marketing/footer","hc":1},{"id":"smoothui:footer-4","t":"Footer #4","d":"Minimal single-row footer","k":"section","s":"smoothui","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"smoothui:header-1","t":"Header #1","d":"Modern header block with navigation and mobile menu","s":"smoothui","c":"navigation/top-nav","hc":1},{"id":"smoothui:header-2","t":"Header #2","d":"Premium header block with gradient logo and smooth animations","s":"smoothui","c":"navigation/top-nav","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"smoothui:header-3","t":"Header #3","d":"Premium header block with gradient logo and smooth animations","s":"smoothui","c":"navigation/top-nav","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"smoothui:header-4","t":"Header #4","d":"Interactive 3D grid hero header inspired by rauno.me 2024","s":"smoothui","c":"navigation/top-nav","tg":["3d"],"sy":["3d"],"hc":1},{"id":"smoothui:header-5","t":"Header #5","d":"Spotlight hero block with dark theme and gradient text","s":"smoothui","c":"navigation/top-nav","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"smoothui:header-6","t":"Header #6","d":"Minimal hero block with clean typography","s":"smoothui","c":"navigation/top-nav","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"smoothui:logo-cloud-1","t":"Logo Cloud #1","d":"Simple logo cloud block with grid layout","k":"section","s":"smoothui","c":"marketing/logos","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"smoothui:logo-cloud-2","t":"Logo Cloud #2","d":"Animated logo cloud block with infinite scroll","k":"section","s":"smoothui","c":"marketing/logos","hc":1},{"id":"smoothui:logo-cloud-3","t":"Logo Cloud #3","d":"Infinite scrolling logo marquee","k":"section","s":"smoothui","c":"marketing/logos","hc":1},{"id":"smoothui:logo-cloud-4","t":"Logo Cloud #4","d":"Interactive logo grid with hover effects","k":"section","s":"smoothui","c":"marketing/logos","hc":1},{"id":"smoothui:pricing-1","t":"Pricing #1","d":"Simple pricing block with single plan","k":"section","s":"smoothui","c":"marketing/pricing","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"smoothui:pricing-2","t":"Pricing #2","d":"Modern pricing block with three tiers","k":"section","s":"smoothui","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"smoothui:pricing-3","t":"Pricing #3","d":"Creative pricing block with two plans","k":"section","s":"smoothui","c":"marketing/pricing","hc":1},{"id":"smoothui:shared","t":"Shared","d":"Shared components for SmoothUI blocks","k":"motion","s":"smoothui","c":"motion/text-effect","hc":1},{"id":"smoothui:stats-1","t":"Stats #1","d":"Grid stats section block with hover effects","s":"smoothui","c":"data-display/stat","hc":1},{"id":"smoothui:stats-2","t":"Stats #2","d":"Cards stats section block with icons and trends","s":"smoothui","c":"data-display/stat","hc":1},{"id":"smoothui:team-1","t":"Team #1","d":"Grid team section block with hover effects","k":"section","s":"smoothui","c":"marketing/team","hc":1},{"id":"smoothui:team-2","t":"Team #2","d":"Carousel team section block with auto-play","k":"section","s":"smoothui","c":"marketing/team","hc":1},{"id":"smoothui:testimonials-1","t":"Testimonials #1","d":"Simple testimonials block with auto-rotating cards","k":"section","s":"smoothui","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"smoothui:testimonials-2","t":"Testimonials #2","d":"Grid testimonials block with navigation arrows","k":"section","s":"smoothui","c":"marketing/testimonials","hc":1},{"id":"smoothui:testimonials-3","t":"Testimonials #3","d":"Star testimonials block with grid layout","k":"section","s":"smoothui","c":"marketing/testimonials","hc":1},{"id":"smoothui:agent-avatar","t":"Agent Avatar","d":"Canvas-based generative pixel avatar for AI agents, unique per seed.","s":"smoothui","c":"ai-agent/ai-agent","tg":["retro and HUD"],"sb":"Orbs and presence","sy":["retro and HUD"],"hc":1},{"id":"smoothui:ai-approval","t":"Ai Approval","d":"Human-in-the-loop approval card where the chosen option expands to fill the card while the","s":"smoothui","c":"ai-agent/ai-agent","hc":1},{"id":"smoothui:ai-artifact","t":"Ai Artifact","d":"Generated-artifact frame whose preview and code panes swap along a shared axis rather than","s":"smoothui","c":"ai-agent/ai-agent","hc":1},{"id":"smoothui:ai-branch","t":"Ai Branch","d":"An interactive AI branch component for displaying conversation flows.","s":"smoothui","c":"ai-agent/ai-agent","hc":1},{"id":"smoothui:ai-citation","t":"Ai Citation","d":"Inline citation pill that opens an origin-aware source card, anchored to the pill it came ","s":"smoothui","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"smoothui:ai-context-meter","t":"Ai Context Meter","d":"Context window meter whose ring fills and shifts hue at the warning threshold, never chang","s":"smoothui","c":"ai-agent/ai-agent","hc":1},{"id":"smoothui:ai-conversation","t":"Ai Conversation","d":"Thread scroll container that follows the bottom only while the reader is already there, of","s":"smoothui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"smoothui:ai-core","t":"Ai Core","d":"Shared AI state contract, per-state motion presets and microphone amplitude hooks for Smoo","s":"smoothui","c":"ai-agent/ai-agent","hc":1},{"id":"smoothui:ai-diff","t":"Ai Diff","d":"Proposed code or data edit where added lines wipe in from the left and rejected lines coll","s":"smoothui","c":"ai-agent/ai-agent","hc":1},{"id":"smoothui:ai-input","t":"Ai Input","d":"Deprecated alias for morph-surface. Kept for one release so existing installs keep resolvi","s":"smoothui","c":"ai-agent/ai-agent","hc":1},{"id":"smoothui:ai-loader","t":"Ai Loader","d":"Family of AI waiting indicators — dots, sweep bar and pixel grid — sharing one cycle lengt","s":"smoothui","c":"ai-agent/ai-agent","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"smoothui:ai-message","t":"Ai Message","d":"Chat message bubble whose action row slides out of the bubble's own edge, revealed on hove","s":"smoothui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"smoothui:ai-orb-face","t":"Ai Orb Face","d":"Cartoon character orb whose expression carries the AI state — cursor-following gaze, natur","s":"smoothui","c":"ai-agent/ai-agent","tg":["playful"],"sb":"Orbs and presence","sy":["playful"],"hc":1},{"id":"smoothui:ai-prompt-input","t":"Ai Prompt Input","d":"AI prompt composer with autogrowing textarea, attachment chips and a send-to-stop path mor","s":"smoothui","c":"ai-agent/composer","hc":1},{"id":"smoothui:ai-reasoning","t":"Ai Reasoning","d":"Collapsible AI reasoning trace that shimmers only while the model works, reports how long ","s":"smoothui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"smoothui:ai-response","t":"Ai Response","d":"Streaming assistant text where words animate in as they arrive, with a caret that rides th","s":"smoothui","c":"ai-agent/ai-agent","hc":1},{"id":"smoothui:ai-sources","t":"Ai Sources","d":"Favicon stack that fans out on hover and expands into a source list, with each favicon mor","s":"smoothui","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"smoothui:ai-suggestions","t":"Ai Suggestions","d":"Prompt suggestion chips that radiate in from the centre of the row rather than sweeping le","s":"smoothui","c":"ai-agent/ai-agent","hc":1},{"id":"smoothui:ai-task-list","t":"Ai Task List","d":"Live agent plan with nested steps, a drawn checkmark on completion and a travelling underl","s":"smoothui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"smoothui:ai-tool-call","t":"Ai Tool Call","d":"Collapsible tool invocation whose status badge is one ring that evolves — breathing, spinn","s":"smoothui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"smoothui:animated-avatar-group","t":"Animated Avatar Group","d":"Stack of overlapping avatars with smooth expand/collapse animation","s":"smoothui","c":"data-display/avatar","hc":1},{"id":"smoothui:animated-file-upload","t":"Animated File Upload","d":"Animated drag-and-drop file upload component","s":"smoothui","c":"inputs/file-upload","hc":1},{"id":"smoothui:animated-input","t":"Animated Input","d":"A AnimatedInput component for SmoothUI.","s":"smoothui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"smoothui:animated-list","t":"Animated List","d":"A list that animates additions, removals and reordering, with an optional auto-feed mode.","s":"smoothui","c":"data-display/list","hc":1},{"id":"smoothui:animated-number-input","t":"Animated Number Input","d":"A numeric field with rolling digits, keyboard stepping and horizontal scrub-to-change.","s":"smoothui","c":"inputs/number-input","hc":1},{"id":"smoothui:animated-o-t-p-input","t":"Animated O T P Input","d":"A AnimatedOTPInput component for SmoothUI.","s":"smoothui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"smoothui:animated-progress-bar","t":"Animated Progress Bar","d":"A AnimatedProgressBar component for SmoothUI.","s":"smoothui","c":"data-viz/progress-bar","hc":1},{"id":"smoothui:animated-stepper","t":"Animated Stepper","d":"Animated stepper/wizard component with step transitions","s":"smoothui","c":"navigation/wizard-steps","hc":1},{"id":"smoothui:animated-tabs","t":"Animated Tabs","d":"Animated tabs component with sliding indicator","s":"smoothui","c":"navigation/tabs","hc":1},{"id":"smoothui:animated-tags","t":"Animated Tags","d":"A AnimatedTags component for SmoothUI.","s":"smoothui","c":"data-display/badge","sb":"Animated","hc":1},{"id":"smoothui:animated-toggle","t":"Animated Toggle","d":"Animated toggle switch with morph and icon variants","s":"smoothui","c":"actions/switch","sb":"Animated","hc":1},{"id":"smoothui:animated-tooltip","t":"Animated Tooltip","d":"Spring-animated tooltip with multiple placement options","s":"smoothui","c":"overlays/tooltip","hc":1},{"id":"smoothui:aperture-blur-transition","t":"Aperture Blur Transition","d":"Persistent WebGL shader transition wrapper that swaps content behind a cinematic aperture ","k":"motion","s":"smoothui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"smoothui:app-download-stack","t":"App Download Stack","d":"A AppDownloadStack component for SmoothUI.","k":"layout","s":"smoothui","c":"layout/page-shell","hc":1},{"id":"smoothui:apple-invites","t":"Apple Invites","d":"A AppleInvites component for SmoothUI.","s":"smoothui","c":"other/other","hc":1},{"id":"smoothui:arcade-pixel","t":"Arcade Pixel","d":"An ArcadePixel component for SmoothUI.","s":"smoothui","c":"other/other","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"smoothui:ascii-render","t":"Ascii Render","d":"An AsciiRender component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"smoothui:aurora-curtain","t":"Aurora Curtain","d":"An AuroraCurtain background component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"smoothui:auth-form","t":"Auth Form","d":"A presentation-only sign-in / sign-up form that reveals fields progressively and stays ful","k":"layout","s":"smoothui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"smoothui:basic-accordion","t":"Basic Accordion","d":"A BasicAccordion component for SmoothUI.","s":"smoothui","c":"data-display/accordion","tg":["minimal"],"sb":"Animated","sy":["minimal"],"hc":1},{"id":"smoothui:basic-dropdown","t":"Basic Dropdown","d":"A BasicDropdown component for SmoothUI.","s":"smoothui","c":"navigation/menu","tg":["minimal"],"sb":"Dropdowns","sy":["minimal"],"hc":1},{"id":"smoothui:basic-modal","t":"Basic Modal","d":"A BasicModal component for SmoothUI.","s":"smoothui","c":"overlays/dialog","tg":["minimal"],"sb":"Animated","sy":["minimal"],"hc":1},{"id":"smoothui:basic-toast","t":"Basic Toast","d":"A BasicToast component for SmoothUI.","s":"smoothui","c":"overlays/toast","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"smoothui:blur-out-up","t":"Blur Out Up","d":"A BlurOutUp text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"smoothui:book","t":"Book","d":"A 3D CSS book component with perspective transforms and hover animation","k":"motion","s":"smoothui","c":"motion/tilt-3d","tg":["3d"],"sy":["3d"],"hc":1},{"id":"smoothui:border-beam","t":"Border Beam","d":"A BorderBeam component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/border","hc":1},{"id":"smoothui:bottom-up-letters","t":"Bottom Up Letters","d":"A BottomUpLetters text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","hc":1},{"id":"smoothui:breadcrumb","t":"Breadcrumb","d":"Animated breadcrumb navigation with stagger-in animation","s":"smoothui","c":"navigation/breadcrumb","hc":1},{"id":"smoothui:breakpoint-indicator","t":"Breakpoint Indicator","d":"A BreakpointIndicator component for SmoothUI.","s":"smoothui","c":"other/other","hc":1},{"id":"smoothui:button-copy","t":"Button Copy","d":"A ButtonCopy component for SmoothUI.","s":"smoothui","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"smoothui:card-swipe-deck","t":"Card Swipe Deck","d":"A CardSwipeDeck component for SmoothUI.","s":"smoothui","c":"media/card-stack","hc":1},{"id":"smoothui:checkbox","t":"Checkbox","d":"An animated Checkbox component for SmoothUI with checkmark and indeterminate state animati","s":"smoothui","c":"inputs/checkbox","hc":1},{"id":"smoothui:chroma-blur-transition","t":"Chroma Blur Transition","d":"Persistent WebGL shader transition wrapper that swaps content under a soft chromatic blur ","k":"motion","s":"smoothui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"smoothui:clip-corners-button","t":"Clip Corners Button","d":"A ClipCornersButton component for SmoothUI.","s":"smoothui","c":"actions/button","sb":"Animated","hc":1},{"id":"smoothui:code-block","t":"Code Block","d":"A CodeBlock component for SmoothUI.","s":"smoothui","c":"data-display/code-block","hc":1},{"id":"smoothui:combobox","t":"Combobox","d":"An animated Combobox component for SmoothUI with text filtering, async search, and keyboar","s":"smoothui","c":"inputs/combobox","hc":1},{"id":"smoothui:context-menu","t":"Context Menu","d":"An animated Context Menu component for SmoothUI with spring animations, nested submenus, a","s":"smoothui","c":"overlays/context-menu","hc":1},{"id":"smoothui:contribution-graph","t":"Contribution Graph","d":"A ContributionGraph component for SmoothUI.","s":"smoothui","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"smoothui:country-dialog","t":"Country Dialog","d":"A CountryDialog component for SmoothUI.","s":"smoothui","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"smoothui:coverflow-carousel","t":"Coverflow Carousel","d":"A CoverflowCarousel component for SmoothUI.","s":"smoothui","c":"media/carousel","hc":1},{"id":"smoothui:cursor-follow","t":"Cursor Follow","d":"A CursorFollow component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/cursor","hc":1},{"id":"smoothui:cursor-image-trail","t":"Cursor Image Trail","d":"A CursorImageTrail component for SmoothUI.","s":"smoothui","c":"media/gallery","hc":1},{"id":"smoothui:depth-parallax-words","t":"Depth Parallax Words","d":"A DepthParallaxWords text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","tg":["3d"],"sb":"Rotating words","sy":["3d"],"hc":1},{"id":"smoothui:dialog","t":"Dialog","d":"Animated Dialog and AlertDialog components for SmoothUI.","s":"smoothui","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"smoothui:dither-chart","t":"Dither Chart","d":"A DitherChart component for SmoothUI.","s":"smoothui","c":"data-viz/chart","hc":1},{"id":"smoothui:dither-image","t":"Dither Image","d":"A DitherImage component for SmoothUI.","s":"smoothui","c":"media/gallery","hc":1},{"id":"smoothui:dock","t":"Dock","d":"A Dock component for SmoothUI.","s":"smoothui","c":"navigation/dock","hc":1},{"id":"smoothui:dot-morph-button","t":"Dot Morph Button","d":"A DotMorphButton component for SmoothUI.","s":"smoothui","c":"actions/button","sb":"Animated","hc":1},{"id":"smoothui:drawer","t":"Drawer","d":"An animated Drawer component for SmoothUI that slides from any side.","s":"smoothui","c":"overlays/sheet","hc":1},{"id":"smoothui:drawing-cursor","t":"Drawing Cursor","d":"A DrawingCursor component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/cursor","hc":1},{"id":"smoothui:dropdown-menu","t":"Dropdown Menu","d":"An animated Dropdown Menu component for SmoothUI with spring animations, nested submenus, ","s":"smoothui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"smoothui:duration-picker","t":"Duration Picker","d":"A DurationPicker component for SmoothUI.","s":"smoothui","c":"inputs/select","hc":1},{"id":"smoothui:dynamic-island","t":"Dynamic Island","d":"A DynamicIsland component for SmoothUI.","s":"smoothui","c":"other/other","hc":1},{"id":"smoothui:emboss-surface","t":"Emboss Surface","d":"An EmbossSurface component for SmoothUI.","s":"smoothui","c":"other/other","hc":1},{"id":"smoothui:emoji-reaction","t":"Emoji Reaction","d":"A reaction bar with particle bursts, a rolling odometer count, and a hover/focus emoji pic","s":"smoothui","c":"inputs/select","hc":1},{"id":"smoothui:expandable-cards","t":"Expandable Cards","d":"A ExpandableCards component for SmoothUI.","s":"smoothui","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"smoothui:expandable-navbar","t":"Expandable Navbar","d":"An ExpandableNavbar component for SmoothUI.","s":"smoothui","c":"navigation/top-nav","hc":1},{"id":"smoothui:exposure-slider","t":"Exposure Slider","d":"iOS-style exposure slider with draggable ticker and progress ring","s":"smoothui","c":"inputs/slider","hc":1},{"id":"smoothui:fade-through","t":"Fade Through","d":"A FadeThrough text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"smoothui:favicon-search","t":"Favicon Search","d":"A keyboard-driven search field that shows each result's favicon, with a combobox listbox a","s":"smoothui","c":"inputs/search","hc":1},{"id":"smoothui:figma-comment","t":"Figma Comment","d":"A FigmaComment component for SmoothUI.","s":"smoothui","c":"other/other","hc":1},{"id":"smoothui:file-tree","t":"File Tree","d":"A FileTree component for SmoothUI.","s":"smoothui","c":"data-display/tree","hc":1},{"id":"smoothui:floating-navbar","t":"Floating Navbar","d":"A FloatingNavbar component for SmoothUI.","s":"smoothui","c":"navigation/top-nav","sb":"Floating","hc":1},{"id":"smoothui:focus-blur-resolve","t":"Focus Blur Resolve","d":"A FocusBlurResolve text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"smoothui:folder-reveal","t":"Folder Reveal","d":"A FolderReveal component for SmoothUI.","s":"smoothui","c":"other/other","hc":1},{"id":"smoothui:form","t":"Form","d":"A lightweight, composable Form component with animated error messages and full accessibili","s":"smoothui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"smoothui:github-stars-animation","t":"Github Stars Animation","d":"A GitHubStarsAnimation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"smoothui:glass-card","t":"Glass Card","d":"A GlassCard component for SmoothUI.","s":"smoothui","c":"data-display/card","tg":["glass"],"sb":"Animated and glowing","sy":["glass"],"hc":1},{"id":"smoothui:glow-hover-card","t":"Glow Hover Card","d":"A GlowHoverCards component for SmoothUI.","s":"smoothui","c":"overlays/hover-card","tg":["neon"],"sy":["neon"],"hc":1},{"id":"smoothui:gooey-filter","t":"Gooey Filter","d":"A GooeyFilter component for SmoothUI.","s":"smoothui","c":"other/other","hc":1},{"id":"smoothui:gooey-popover","t":"Gooey Popover","d":"A GooeyPopover component for SmoothUI.","s":"smoothui","c":"overlays/popover","tg":["animated"],"sy":["animated"],"hc":1},{"id":"smoothui:gravity-letters","t":"Gravity Letters","d":"A GravityLetters component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","hc":1},{"id":"smoothui:gravity-stars","t":"Gravity Stars","d":"A GravityStars particle background component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"smoothui:grid-loader","t":"Grid Loader","d":"3x3 grid-based loading animation with preset patterns","s":"smoothui","c":"status/loader","sb":"Shapes and grids","hc":1},{"id":"smoothui:holographic-foil","t":"Holographic Foil","d":"A HolographicFoil component for SmoothUI.","s":"smoothui","c":"other/other","hc":1},{"id":"smoothui:hover-expand","t":"Hover Expand","d":"A HoverExpand component for SmoothUI.","s":"smoothui","c":"overlays/popover","hc":1},{"id":"smoothui:hover-image-list","t":"Hover Image List","d":"A HoverImageList component for SmoothUI.","s":"smoothui","c":"media/gallery","sb":"Hover effects","hc":1},{"id":"smoothui:image-generation-panel","t":"Image Generation Panel","d":"A text-to-image generation console — prompt and settings up top, a full-width 2x2 batch re","s":"smoothui","c":"media/gallery","hc":1},{"id":"smoothui:image-metadata-preview","t":"Image Metadata Preview","d":"A ImageMetadataPreview component for SmoothUI.","s":"smoothui","c":"media/gallery","hc":1},{"id":"smoothui:infinite-slider","t":"Infinite Slider","d":"A InfiniteSlider component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/marquee","hc":1},{"id":"smoothui:inline-testimonials","t":"Inline Testimonials","d":"Testimonial quotes woven into a paragraph that expand inline on hover or focus.","k":"section","s":"smoothui","c":"marketing/testimonials","hc":1},{"id":"smoothui:interactive-image-selector","t":"Interactive Image Selector","d":"A InteractiveImageSelector component for SmoothUI.","s":"smoothui","c":"media/gallery","hc":1},{"id":"smoothui:job-listing-component","t":"Job Listing Component","d":"A JobListingComponent component for SmoothUI.","s":"smoothui","c":"other/other","hc":1},{"id":"smoothui:kinetic-center-build","t":"Kinetic Center Build","d":"A KineticCenterBuild text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","hc":1},{"id":"smoothui:kinetic-type-scroll","t":"Kinetic Type Scroll","d":"A KineticTypeScroll text animation component for SmoothUI.","k":"layout","s":"smoothui","c":"layout/scroll-area","hc":1},{"id":"smoothui:line-by-line-slide","t":"Line By Line Slide","d":"A LineByLineSlide text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"smoothui:liquid-metal","t":"Liquid Metal","d":"A LiquidMetal component for SmoothUI.","s":"smoothui","c":"other/other","hc":1},{"id":"smoothui:mac-terminal","t":"Mac Terminal","d":"A MacTerminal component for SmoothUI.","s":"smoothui","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"smoothui:magnetic-button","t":"Magnetic Button","d":"Button that subtly follows the cursor with magnetic effect","s":"smoothui","c":"actions/button","sb":"Animated","hc":1},{"id":"smoothui:magnetic-field","t":"Magnetic Field","d":"A MagneticField component for SmoothUI.","s":"smoothui","c":"inputs/form-field","hc":1},{"id":"smoothui:mask-reveal-up","t":"Mask Reveal Up","d":"A MaskRevealUp text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"smoothui:micro-scale-fade","t":"Micro Scale Fade","d":"A MicroScaleFade text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"smoothui:morph-icon","t":"Morph Icon","d":"A MorphIcon component for SmoothUI.","k":"resource","s":"smoothui","c":"assets/icon","sb":"Animated","hc":1},{"id":"smoothui:morph-surface","t":"Morph Surface","d":"Feedback dock that morphs from a compact pill into a panel and back, with a spring layout ","k":"motion","s":"smoothui","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"smoothui:motion-loader","t":"Motion Loader","d":"A MotionLoader component for SmoothUI.","s":"smoothui","c":"status/loader","hc":1},{"id":"smoothui:music-toggle","t":"Music Toggle","d":"A play/pause control shaped like a spinning record, with a live waveform and seekable prog","s":"smoothui","c":"actions/switch","sb":"Animated","hc":1},{"id":"smoothui:notification-badge","t":"Notification Badge","d":"Animated notification badge with count and status variants","s":"smoothui","c":"data-display/badge","sb":"Counts","hc":1},{"id":"smoothui:number-flow","t":"Number Flow","d":"A NumberFlow component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/number-ticker","hc":1},{"id":"smoothui:orb","t":"Orb","d":"An Orb component for SmoothUI.","s":"smoothui","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"smoothui:orbital-image-wheel","t":"Orbital Image Wheel","d":"An OrbitalImageWheel component for SmoothUI.","s":"smoothui","c":"media/gallery","hc":1},{"id":"smoothui:organic-merge-transition","t":"Organic Merge Transition","d":"A soft-min SDF merge transition with two organic expanding shapes.","k":"motion","s":"smoothui","c":"motion/text-effect","hc":1},{"id":"smoothui:page-preloader","t":"Page Preloader","d":"A page-preloader curtain that plays once and then uncovers the page.","s":"smoothui","c":"status/loader","hc":1},{"id":"smoothui:pagination","t":"Pagination","d":"Animated pagination with spring-based active page indicator","s":"smoothui","c":"navigation/pagination","hc":1},{"id":"smoothui:parallax-layers","t":"Parallax Layers","d":"Multi-layer depth parallax for hero sections, with optional pointer-driven parallax.","k":"layout","s":"smoothui","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"smoothui:per-character-rise","t":"Per Character Rise","d":"A PerCharacterRise text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","hc":1},{"id":"smoothui:per-word-crossfade","t":"Per Word Crossfade","d":"A PerWordCrossfade text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"smoothui:perspective-text-3d","t":"Perspective Text 3d","d":"A PerspectiveText3D text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","tg":["3d"],"sb":"3D text","sy":["3d"],"hc":1},{"id":"smoothui:photo-stack","t":"Photo Stack","d":"A PhotoStack component for SmoothUI.","s":"smoothui","c":"media/gallery","hc":1},{"id":"smoothui:phototab","t":"Phototab","d":"A Phototab component for SmoothUI.","s":"smoothui","c":"other/other","hc":1},{"id":"smoothui:pinned-list","t":"Pinned List","d":"A list where selected items pin to the top and animate out of the flow into a pinned secti","s":"smoothui","c":"data-display/list","hc":1},{"id":"smoothui:pixel-brush-canvas","t":"Pixel Brush Canvas","d":"A PixelBrushCanvas component for SmoothUI.","s":"smoothui","c":"other/other","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"smoothui:pixel-flow-field","t":"Pixel Flow Field","d":"A PixelFlowField background component for SmoothUI.","s":"smoothui","c":"inputs/form-field","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"smoothui:power-off-slide","t":"Power Off Slide","d":"A PowerOffSlide component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","hc":1},{"id":"smoothui:price-flow","t":"Price Flow","d":"A PriceFlow component for SmoothUI.","s":"smoothui","c":"other/other","hc":1},{"id":"smoothui:prism-sweep-transition","t":"Prism Sweep Transition","d":"A persistent WebGL prism sweep transition wrapper for route and state changes.","k":"motion","s":"smoothui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"smoothui:product-card","t":"Product Card","d":"Animated product card component for ecommerce","s":"smoothui","c":"data-display/card","sb":"Product","hc":1},{"id":"smoothui:progressive-blur","t":"Progressive Blur","d":"A ProgressiveBlur component for SmoothUI.","s":"smoothui","c":"other/other","hc":1},{"id":"smoothui:radial-circles-transition","t":"Radial Circles Transition","d":"A radial SDF circle pattern transition inspired by the Codrops radial circles step.","k":"motion","s":"smoothui","c":"motion/text-effect","hc":1},{"id":"smoothui:radio-group","t":"Radio Group","d":"An animated Radio Group component for SmoothUI with selection indicator spring animation.","s":"smoothui","c":"inputs/radio","hc":1},{"id":"smoothui:ransom-note","t":"Ransom Note","d":"A RansomNote component for SmoothUI.","s":"smoothui","c":"other/other","hc":1},{"id":"smoothui:reveal-text","t":"Reveal Text","d":"A RevealText component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"smoothui:reviews-carousel","t":"Reviews Carousel","d":"A ReviewsCarousel component for SmoothUI.","k":"section","s":"smoothui","c":"marketing/testimonials","hc":1},{"id":"smoothui:rich-popover","t":"Rich Popover","d":"A RichPopover component for SmoothUI.","s":"smoothui","c":"overlays/popover","hc":1},{"id":"smoothui:rolling-text","t":"Rolling Text","d":"A RollingText text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","hc":1},{"id":"smoothui:scale-down-fade","t":"Scale Down Fade","d":"A ScaleDownFade text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"smoothui:scramble-hover","t":"Scramble Hover","d":"A ScrambleHover component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"smoothui:scroll-image-reveal","t":"Scroll Image Reveal","d":"An image revealed by an animated mask as it scrolls into view, with a counter-parallax on ","s":"smoothui","c":"media/gallery","sb":"Scroll","hc":1},{"id":"smoothui:scroll-progress","t":"Scroll Progress","d":"A reading-progress indicator with bar, ring, number and segmented variants.","s":"smoothui","c":"data-viz/progress-bar","hc":1},{"id":"smoothui:scroll-reveal-paragraph","t":"Scroll Reveal Paragraph","d":"A ScrollRevealParagraph component for SmoothUI.","k":"layout","s":"smoothui","c":"layout/scroll-area","hc":1},{"id":"smoothui:scrollable-card-stack","t":"Scrollable Card Stack","d":"A ScrollableCardStack component for SmoothUI.","s":"smoothui","c":"media/card-stack","hc":1},{"id":"smoothui:scrubber","t":"Scrubber","d":"Design-tool style scrubber slider with animated thumb and built-in label","s":"smoothui","c":"inputs/slider","hc":1},{"id":"smoothui:sdf-blob-transition","t":"Sdf Blob Transition","d":"A persistent WebGL SDF blob transition wrapper for route and state changes.","k":"resource","s":"smoothui","c":"assets/shape","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"smoothui:sdf-circle-transition","t":"Sdf Circle Transition","d":"A clean SDF circle reveal based on the first Codrops shader step.","k":"motion","s":"smoothui","c":"motion/shader","tg":["minimal","webgl"],"sy":["minimal","webgl"],"hc":1},{"id":"smoothui:searchable-dropdown","t":"Searchable Dropdown","d":"A SearchableDropdown component for SmoothUI.","s":"smoothui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"smoothui:select","t":"Select","d":"An animated Select dropdown component for SmoothUI wrapping Radix Select with smooth anima","s":"smoothui","c":"inputs/select","hc":1},{"id":"smoothui:shader-reveal-circle-transition","t":"Shader Reveal Circle Transition","d":"Demo 3 adaptation: noisy circular reveal with radial interpolation.","k":"motion","s":"smoothui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"smoothui:shader-reveal-luma-transition","t":"Shader Reveal Luma Transition","d":"Demo 5 adaptation: luminance-style vertical displacement translated into a shader overlay.","k":"motion","s":"smoothui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"smoothui:shader-reveal-noise-transition","t":"Shader Reveal Noise Transition","d":"Demo 1 adaptation: 4D-noise threshold transition with an organic shader gate.","k":"motion","s":"smoothui","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"smoothui:shader-reveal-planetary-transition","t":"Shader Reveal Planetary Transition","d":"Demo 6 adaptation: rotated displacement vectors with a planetary swirl feel.","k":"motion","s":"smoothui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"smoothui:shader-reveal-push-transition","t":"Shader Reveal Push Transition","d":"Demo 8 adaptation: procedural noise push/pull displacement.","k":"motion","s":"smoothui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"smoothui:shader-reveal-stripes-transition","t":"Shader Reveal Stripes Transition","d":"Demo 7 adaptation: divided UV stripe displacement with diagonal motion.","k":"motion","s":"smoothui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"smoothui:shader-reveal-transition","t":"Shader Reveal Transition","d":"A shared WebGL transition engine with eight shader-driven reveal variants.","k":"motion","s":"smoothui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"smoothui:shader-reveal-wipe-transition","t":"Shader Reveal Wipe Transition","d":"Demo 4 adaptation: displacement-noise horizontal wipe with a sharp eased edge.","k":"motion","s":"smoothui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"smoothui:shader-reveal-zoom-transition","t":"Shader Reveal Zoom Transition","d":"Demo 2 adaptation: vertical-progress zoom mix translated into a UI frame transition.","s":"smoothui","c":"media/gallery","tg":["webgl"],"sb":"Zoom and lens","sy":["webgl"],"hc":1},{"id":"smoothui:shared-axis-x","t":"Shared Axis X","d":"A SharedAxisX text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","hc":1},{"id":"smoothui:shared-axis-y","t":"Shared Axis Y","d":"A SharedAxisY text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","hc":1},{"id":"smoothui:shared-axis-z","t":"Shared Axis Z","d":"A SharedAxisZ text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","hc":1},{"id":"smoothui:shimmer-sweep","t":"Shimmer Sweep","d":"A ShimmerSweep text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"smoothui:shine-text","t":"Shine Text","d":"A ShineText light-sweep text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"smoothui:short-slide-down","t":"Short Slide Down","d":"A ShortSlideDown text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"smoothui:short-slide-right","t":"Short Slide Right","d":"A ShortSlideRight text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"smoothui:siri-orb","t":"Siri Orb","d":"A beautiful animated orb component inspired by Siri's visual design.","s":"smoothui","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"smoothui:skeleton-loader","t":"Skeleton Loader","d":"Animated skeleton loading placeholders","s":"smoothui","c":"status/loader","hc":1},{"id":"smoothui:smooth-button","t":"Smooth Button","d":"A polished button component with gradient variants and press animation","s":"smoothui","c":"actions/button","tg":["gradient"],"sb":"Animated","sy":["gradient"],"hc":1},{"id":"smoothui:social-hover-card","t":"Social Hover Card","d":"A profile hover card: avatar/handle trigger that expands into a preview with stats, bio an","s":"smoothui","c":"overlays/hover-card","hc":1},{"id":"smoothui:social-selector","t":"Social Selector","d":"A SocialSelector component for SmoothUI.","s":"smoothui","c":"other/other","hc":1},{"id":"smoothui:soft-blur-in","t":"Soft Blur In","d":"A SoftBlurIn text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"smoothui:spring-scale-in","t":"Spring Scale In","d":"A SpringScaleIn text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","sb":"Bouncy and wavy","hc":1},{"id":"smoothui:squircle","t":"Squircle","d":"A Squircle component for SmoothUI.","s":"smoothui","c":"other/other","hc":1},{"id":"smoothui:stagger-from-center","t":"Stagger From Center","d":"A StaggerFromCenter text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"smoothui:stagger-from-edges","t":"Stagger From Edges","d":"A StaggerFromEdges text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"smoothui:svg-clip-mask","t":"Svg Clip Mask","d":"Reveals any children through a custom SVG shape mask that can morph on a loop, on scroll, ","k":"resource","s":"smoothui","c":"assets/shape","hc":1},{"id":"smoothui:svg-draw-on-scroll","t":"Svg Draw On Scroll","d":"An SVG path that draws itself as you scroll, optionally with a marker riding the tip.","k":"layout","s":"smoothui","c":"layout/scroll-area","hc":1},{"id":"smoothui:swap-panel","t":"Swap Panel","d":"A SwapPanel component for SmoothUI.","s":"smoothui","c":"data-display/card","hc":1},{"id":"smoothui:switchboard-card","t":"Switchboard Card","d":"A SwitchboardCard component with light grid illustration for SmoothUI.","s":"smoothui","c":"data-display/card","hc":1},{"id":"smoothui:text-morph","t":"Text Morph","d":"A TextMorph text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"smoothui:theme-toggle","t":"Theme Toggle","d":"A light/dark/system theme switch with sun-moon, pill, switch and orb visual treatments.","s":"smoothui","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"smoothui:tilt-card","t":"Tilt Card","d":"A TiltCard component for SmoothUI.","s":"smoothui","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"hc":1},{"id":"smoothui:time-machine-stack","t":"Time Machine Stack","d":"A TimeMachineStack component for SmoothUI.","k":"layout","s":"smoothui","c":"layout/page-shell","hc":1},{"id":"smoothui:top-down-letters","t":"Top Down Letters","d":"A TopDownLetters text animation component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","hc":1},{"id":"smoothui:tweet-card","t":"Tweet Card","d":"A beautiful tweet card component for displaying Twitter/X posts.","s":"smoothui","c":"data-display/card","hc":1},{"id":"smoothui:typewriter-text","t":"Typewriter Text","d":"A TypewriterText component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"smoothui:unlock-face-id","t":"Unlock Face Id","d":"An UnlockFaceId component for SmoothUI.","s":"smoothui","c":"other/other","hc":1},{"id":"smoothui:user-account-avatar","t":"User Account Avatar","d":"A UserAccountAvatar component for SmoothUI.","s":"smoothui","c":"data-display/avatar","hc":1},{"id":"smoothui:vector-editor-toolbar","t":"Vector Editor Toolbar","d":"A Figma-style floating vector toolbar with tool selection, nested flyouts and a contextual","s":"smoothui","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"smoothui:video-ambient","t":"Video Ambient","d":"A video with a two-pass Ambilight-style glow sampled live from its own frames, with a CORS","s":"smoothui","c":"media/player","tg":["neon"],"sy":["neon"],"hc":1},{"id":"smoothui:video-modal","t":"Video Modal","d":"A video thumbnail that morphs into a full accessible player inside a modal, with a custom ","s":"smoothui","c":"overlays/dialog","sb":"Media","hc":1},{"id":"smoothui:wallet-card","t":"Wallet Card","d":"A WalletCard component for SmoothUI.","s":"smoothui","c":"data-display/card","sb":"Payment","hc":1},{"id":"smoothui:warped-circle-transition","t":"Warped Circle Transition","d":"A wavy perimeter circle reveal inspired by the Codrops circle warping step.","k":"motion","s":"smoothui","c":"motion/text-effect","hc":1},{"id":"smoothui:wave-text","t":"Wave Text","d":"A WaveText component for SmoothUI.","k":"motion","s":"smoothui","c":"motion/text-effect","sb":"Bouncy and wavy","hc":1},{"id":"smoothui:lib","t":"Lib","d":"Shared animation constants (springs, easing curves, durations) for SmoothUI components","k":"lib","s":"smoothui","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"smoothui:chat-template","t":"Chat Template","d":"Full ChatGPT-style chat surface — sidebar, transcript and composer — wired to a simulated ","k":"page","s":"smoothui","c":"pages/templates","hc":1},{"id":"smoothui:theme-candy","t":"SmoothUI Candy","d":"SmoothUI Candy theme: smooth neutral scale with a candy accent, light and dark mode includ","k":"theme","s":"smoothui","c":"themes/theme"},{"id":"smoothui:theme-indigo","t":"SmoothUI Indigo","d":"SmoothUI Indigo theme: smooth neutral scale with a indigo accent, light and dark mode incl","k":"theme","s":"smoothui","c":"themes/theme"},{"id":"smoothui:theme-blue","t":"SmoothUI Blue","d":"SmoothUI Blue theme: smooth neutral scale with a blue accent, light and dark mode included","k":"theme","s":"smoothui","c":"themes/theme"},{"id":"smoothui:theme-red","t":"SmoothUI Red","d":"SmoothUI Red theme: smooth neutral scale with a red accent, light and dark mode included.","k":"theme","s":"smoothui","c":"themes/theme"},{"id":"smoothui:theme-orange","t":"SmoothUI Orange","d":"SmoothUI Orange theme: smooth neutral scale with a orange accent, light and dark mode incl","k":"theme","s":"smoothui","c":"themes/theme"},{"id":"smoothui:theme-green","t":"SmoothUI Green","d":"SmoothUI Green theme: smooth neutral scale with a green accent, light and dark mode includ","k":"theme","s":"smoothui","c":"themes/theme"},{"id":"smoothui:skill","t":"SmoothUI Skill","d":"Teaches AI coding assistants how to install SmoothUI components, blocks, and themes, and h","s":"smoothui","c":"ai-agent/ai-agent","hc":1},{"id":"snapcn:answer-highlight","t":"Answer Highlight","d":"AI answer highlight animation, ChatGPT-style chat response with a text selection. A questi","s":"snapcn","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"snapcn:agent-steps","t":"Agent Steps","d":"AI agent steps animation: a streaming task log with spinner and checkmarks for agent demos","s":"snapcn","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Reasoning and tools","sy":["webgl"],"hc":1},{"id":"snapcn:announce-title","t":"Announce Title","d":"Launch title animation, product announcement intro with kinetic typography. A four-shot la","k":"motion","s":"snapcn","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"snapcn:answer-stream","t":"Answer Stream","d":"Streaming AI response animation, from the send button to the answer typing in. The beat af","s":"snapcn","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"snapcn:text-reveal","t":"Text Reveal","d":"Text reveal animation: word-by-word and letter-by-letter kinetic typography with blur-in, ","k":"motion","s":"snapcn","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"snapcn:text-highlight","t":"Text Highlight","d":"Text highlight animation: marker highlighter, underline, strikethrough and shimmer on a wo","k":"motion","s":"snapcn","c":"motion/text-effect","hc":1},{"id":"snapcn:text-rewrite","t":"Text Rewrite","d":"Text rewrite animation, a typewriter line that deletes and retypes its ending. A line that","k":"motion","s":"snapcn","c":"motion/text-effect","tg":["webgl"],"sb":"Handwriting and SVG","sy":["webgl"],"hc":1},{"id":"snapcn:text-select","t":"Text Select","d":"Typewriter with text selection: a line types word by word, then gets highlighted. A line t","s":"snapcn","c":"inputs/select","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"snapcn:text-swap","t":"Text Swap","d":"Text swap animation, rotating headline that replaces one line with another. Replaces one l","k":"motion","s":"snapcn","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"snapcn:text-swell","t":"Text Swell","d":"Kinetic typography title with a bouncing letter wave. A title reveal where the lead word f","k":"motion","s":"snapcn","c":"motion/text-effect","hc":1},{"id":"snapcn:text-build","t":"Text Build","d":"Word-by-word text build animation that keeps the line centred. Words enter one at a time w","k":"motion","s":"snapcn","c":"motion/text-effect","hc":1},{"id":"snapcn:word-flip","t":"Word Flip","d":"Word flip text rotator: a typewriter headline with a 3D rotating word. A headline types it","k":"motion","s":"snapcn","c":"motion/text-effect","tg":["3d"],"sb":"Rotating words","sy":["3d"],"hc":1},{"id":"snapcn:word-captions","t":"Word Captions","d":"TikTok-style captions: animated subtitles with word pop, Hormozi and MrBeast styles for Re","k":"motion","s":"snapcn","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"snapcn:karaoke-captions","t":"Karaoke Captions","d":"Karaoke captions: word-by-word highlighted subtitles synced to speech. A caption line that","k":"motion","s":"snapcn","c":"motion/shader","tg":["minimal","webgl"],"sy":["minimal","webgl"],"hc":1},{"id":"snapcn:logo-drift","t":"Logo Drift","d":"Logo wall animation: a logo cloud of integrations drifting behind a headline. A field of t","k":"resource","s":"snapcn","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"snapcn:logo-assemble","t":"Logo Assemble","d":"Logo reveal animation: image cards orbit and collapse into your logo and brand name. A sin","k":"resource","s":"snapcn","c":"assets/logo","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"snapcn:logo-flicker","t":"Logo Flicker","d":"Logo reveal intro: a fast image flicker that settles on your logo. Images flip across a ce","k":"resource","s":"snapcn","c":"assets/logo","hc":1},{"id":"snapcn:block-wordmark","t":"Block Wordmark","d":"Logo sting and wordmark animation: blocks build into your brand name. A wordmark builds ou","k":"resource","s":"snapcn","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"snapcn:phone-frame","t":"Phone Frame","d":"iPhone mockup animation: phone device frame for app screenshots and screen recordings. iPh","s":"snapcn","c":"media/mockup","tg":["3d"],"sy":["3d"],"hc":1},{"id":"snapcn:laptop-frame","t":"Laptop Frame","d":"MacBook laptop mockup animation that opens and zooms into your screenshot or video. MacBoo","s":"snapcn","c":"media/mockup","hc":1},{"id":"snapcn:terminal-simulator","t":"Terminal Simulator","d":"Terminal animation: CLI demo that types commands and prints output. Terminal window with c","s":"snapcn","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"snapcn:screen-recording","t":"Screen Recording","d":"Screen recording zoom: crop and auto-zoom a product demo capture. The treatment that turns","s":"snapcn","c":"media/gallery","hc":1},{"id":"snapcn:count-grid","t":"Count Grid","d":"Number count-up grid: cards multiply and a counter jumps, the it-scales stat shot. A grid ","s":"snapcn","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"snapcn:roster-grant","t":"Roster Grant","d":"Access granted animation: a cursor clicks a CTA and team avatars switch on. Three rows of ","k":"section","s":"snapcn","c":"marketing/cta","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"snapcn:wordmark-cut","t":"Wordmark Cut","d":"Wordmark reveal end card: a huge brand name with a hard cut to a close-up. A wordmark twic","k":"resource","s":"snapcn","c":"assets/logo","tg":["3d","gradient","webgl"],"sb":"Big tech and social","sy":["3d","gradient","webgl"],"hc":1},{"id":"snapcn:cursor-track","t":"Cursor Track","d":"Cursor click animation: a mouse pointer that moves and clicks over any UI. A synthetic cur","k":"motion","s":"snapcn","c":"motion/cursor","tg":["playful"],"sy":["playful"],"hc":1},{"id":"snapcn:pulsing-border","t":"Pulsing Border","d":"AI glow border: a pulsing thinking frame around the screen. Glowing 'AI is working' frame ","s":"snapcn","c":"ai-agent/ai-agent","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"snapcn:follower-rush","t":"Follower Rush","d":"Follower count animation: X/Twitter follower notification with a count-up and avatar wave,","s":"snapcn","c":"overlays/notifications","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"snapcn:prompt-send","t":"Prompt Send","d":"AI prompt typing animation: a chat input types a prompt and a cursor clicks send. A compos","s":"snapcn","c":"ai-agent/composer","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"snapcn:prompt-zoom","t":"Prompt Zoom","d":"AI prompt zoom: an assistant home screen that cuts into the chat input as the prompt types","s":"snapcn","c":"ai-agent/composer","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"snapcn:punch-lines","t":"Punch Lines","d":"Kinetic typography title cards: bold statements that cut hard between beats. A run of full","k":"motion","s":"snapcn","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"snapcn:orbit-gallery","t":"Orbit Gallery","d":"Image gallery intro: photos spiral into the centre around a title. An image-universe hero:","s":"snapcn","c":"media/gallery","hc":1},{"id":"snapcn:hero-launch","t":"Product Hero","d":"Product launch hero scene for a SaaS launch video intro. Cinematic product-launch hero — t","k":"section","s":"snapcn","c":"marketing/hero","tg":["webgl"],"sb":"Animated background","sy":["webgl"],"hc":1},{"id":"snapcn:moodboard-reveal","t":"Moodboard Reveal","d":"Photo gallery reveal: a moodboard fly-through that lands on a hero image. A kinetic headli","k":"section","s":"snapcn","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"snapcn:reel-collage","t":"Reel Collage","d":"Photo reel that shuts into a collage. A picture cuts through a quick reel between two capt","s":"snapcn","c":"media/gallery","hc":1},{"id":"snapcn:search-typing","t":"Search Typing","d":"Search bar typing animation for AI search and command palette demos. A search field wider ","k":"motion","s":"snapcn","c":"motion/text-effect","tg":["webgl"],"sb":"Typewriter","sy":["webgl"],"hc":1},{"id":"snapcn:status-cycle","t":"Status Cycle","d":"Status badge animation: a pill whose label cycles through states. A centred line whose sta","s":"snapcn","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"snapcn:type-morph","t":"Type Morph","d":"Typewriter effect: a headline types with a blinking caret, then morphs letter by letter. A","k":"motion","s":"snapcn","c":"motion/text-effect","tg":["neon","webgl"],"sb":"Rotating words","sy":["neon","webgl"],"hc":1},{"id":"snapcn:orb-swarm","t":"Orb Swarm","d":"Kinetic typography scene with glass orbs: a sentence told one beat at a time while four or","s":"snapcn","c":"ai-agent/ai-agent","tg":["glass","webgl"],"sb":"Orbs and presence","sy":["glass","webgl"],"hc":1},{"id":"snapcn:word-gather","t":"Word Gather","d":"Word-by-word sentence animation: words fly in out of order and settle into the line. A sen","k":"motion","s":"snapcn","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"snapcn:word-wheel","t":"Word Wheel","d":"Rotating words text: a slot machine word wheel that spins and stops on one word. A column ","k":"motion","s":"snapcn","c":"motion/text-effect","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"snapcn:check-cycle","t":"Check Cycle","d":"Rotating words beside a checkbox: a sentence that finishes itself several ways. \"Create yo","k":"section","s":"snapcn","c":"marketing/marketing","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"snapcn:font-shuffle","t":"Font Shuffle","d":"Launch title animation: the line decodes out of scrambled glyphs set in the wrong typeface","k":"resource","s":"snapcn","c":"assets/font","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"snapcn:capture-reveal","t":"Capture Reveal","d":"Screenshot capture animation: a toast counts \"Capturing selection…\" up to 100% over a brow","s":"snapcn","c":"overlays/toast","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"snapcn:channel-thread","t":"Channel Thread","d":"Slack-style chat animation: team messages arrive with typing dots. A work chat filling its","k":"section","s":"snapcn","c":"marketing/team","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"snapcn:logo-collapse","t":"Logo Collapse","d":"Logo reveal intro: a stack of photos flicks through and collapses into your logo. A stack ","k":"resource","s":"snapcn","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"snapcn:card-rail","t":"Card Rail","d":"Card carousel animation: cards flicked sideways on a tilted 3D plane. A rail of cards flic","s":"snapcn","c":"data-display/card","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"snapcn:snap-cn-ui","t":"snapcn UI Core","d":"Shared timeline-fold hook, theme context, and color math for snapcn UI primitives.","k":"lib","s":"snapcn","c":"lib/utility","tg":["webgl"],"sb":"Class helpers","sy":["webgl"],"hc":1},{"id":"snapcn:caret","t":"UI Caret","d":"A blinking text caret — a controlled vertical bar, or a pure motion atom that blinks deter","k":"motion","s":"snapcn","c":"motion/text-effect","hc":1,"cp":1},{"id":"snapcn:input","t":"UI Input","d":"A text input whose idle/hover/active/typing/invalid state is a pure function of the timeli","s":"snapcn","c":"inputs/form-field","tg":["playful"],"sy":["playful"],"hc":1},{"id":"solaceui:bento-grid-1","t":"Bento Grid #1","d":"Solace UI bento grid block variation 1.","k":"layout","s":"solaceui","c":"layout/bento-grid","hc":1},{"id":"solaceui:bento-grid-2","t":"Bento Grid #2","d":"Solace UI bento grid block variation 2.","k":"layout","s":"solaceui","c":"layout/bento-grid","hc":1},{"id":"solaceui:bento-grid-3","t":"Bento Grid #3","d":"Solace UI bento grid block variation 3.","k":"layout","s":"solaceui","c":"layout/bento-grid","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"solaceui:bento-grid-4","t":"Bento Grid #4","d":"Solace UI bento grid block variation 4.","k":"layout","s":"solaceui","c":"layout/bento-grid","hc":1},{"id":"solaceui:auth-section-1","t":"Auth Section #1","d":"Solace UI auth section block variation 1.","k":"layout","s":"solaceui","c":"flows/sign-in","tg":["webgl"],"sb":"Sign in","sy":["webgl"],"hc":1},{"id":"solaceui:auth-section-2","t":"Auth Section #2","d":"Solace UI auth section block variation 2.","k":"layout","s":"solaceui","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"solaceui:auth-section-3","t":"Auth Section #3","d":"Solace UI auth section block variation 3.","k":"layout","s":"solaceui","c":"flows/sign-in","tg":["webgl"],"sb":"Sign in","sy":["webgl"],"hc":1},{"id":"solaceui:team-section-1","t":"Team Section #1","d":"Solace UI team section block variation 1.","k":"section","s":"solaceui","c":"marketing/team","hc":1},{"id":"solaceui:team-section-2","t":"Team Section #2","d":"Solace UI team section block variation 2.","k":"section","s":"solaceui","c":"marketing/team","hc":1},{"id":"solaceui:team-section-3","t":"Team Section #3","d":"Solace UI team section block variation 3.","k":"section","s":"solaceui","c":"marketing/team","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"solaceui:team-section-4","t":"Team Section #4","d":"Solace UI team section block variation 4.","k":"section","s":"solaceui","c":"marketing/team","hc":1},{"id":"solaceui:team-section-5","t":"Team Section #5","d":"Solace UI team section block variation 5.","k":"section","s":"solaceui","c":"marketing/team","hc":1},{"id":"solaceui:team-section-6","t":"Team Section #6","d":"Solace UI team section block variation 6.","k":"section","s":"solaceui","c":"marketing/team","hc":1},{"id":"solaceui:team-section-7","t":"Team Section #7","d":"Solace UI team section block variation 7.","k":"section","s":"solaceui","c":"marketing/team","hc":1},{"id":"solaceui:testimonial-section-1","t":"Testimonial Section 1","d":"Solace UI testimonial section block variation 1.","k":"section","s":"solaceui","c":"marketing/testimonials","hc":1},{"id":"solaceui:testimonial-section-2","t":"Testimonial Section 2","d":"Solace UI testimonial section block variation 2.","k":"section","s":"solaceui","c":"marketing/testimonials","hc":1},{"id":"solaceui:testimonial-section-3","t":"Testimonial Section 3","d":"Solace UI testimonial section block variation 3.","k":"section","s":"solaceui","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"solaceui:testimonial-section-4","t":"Testimonial Section 4","d":"Solace UI testimonial section block variation 4.","k":"section","s":"solaceui","c":"marketing/testimonials","hc":1},{"id":"solaceui:footer-section-1","t":"Footer Section #1","d":"Solace UI footer section block variation 1.","k":"section","s":"solaceui","c":"marketing/footer","hc":1},{"id":"solaceui:footer-section-2","t":"Footer Section #2","d":"Solace UI footer section block variation 2.","k":"section","s":"solaceui","c":"marketing/footer","hc":1},{"id":"solaceui:footer-section-3","t":"Footer Section #3","d":"Solace UI footer section block variation 3.","k":"section","s":"solaceui","c":"marketing/footer","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"solaceui:footer-section-4","t":"Footer Section #4","d":"Solace UI footer section block variation 4.","k":"section","s":"solaceui","c":"marketing/footer","hc":1},{"id":"solaceui:footer-section-5","t":"Footer Section #5","d":"Solace UI footer section block variation 5.","k":"section","s":"solaceui","c":"marketing/footer","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"solaceui:footer-section-6","t":"Footer Section #6","d":"Solace UI footer section block variation 6.","k":"section","s":"solaceui","c":"marketing/footer","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"solaceui:hero-section-1","t":"Hero Section #1","d":"Solace UI hero section block variation 1.","k":"section","s":"solaceui","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"solaceui:hero-section-2","t":"Hero Section #2","d":"Solace UI hero section block variation 2.","k":"section","s":"solaceui","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"solaceui:hero-section-3","t":"Hero Section #3","d":"Solace UI hero section block variation 3.","k":"section","s":"solaceui","c":"marketing/hero","tg":["webgl"],"sb":"Animated background","sy":["webgl"],"hc":1},{"id":"solaceui:hero-section-4","t":"Hero Section #4","d":"Solace UI hero section block variation 4.","k":"section","s":"solaceui","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"solaceui:hero-section-5","t":"Hero Section #5","d":"Solace UI hero section block variation 5.","k":"section","s":"solaceui","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"solaceui:hero-section-6","t":"Hero Section #6","d":"Solace UI hero section block variation 6.","k":"section","s":"solaceui","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"solaceui:hero-section-7","t":"Hero Section #7","d":"Solace UI hero section block variation 7.","k":"section","s":"solaceui","c":"marketing/hero","tg":["webgl"],"sb":"Animated background","sy":["webgl"],"hc":1},{"id":"solaceui:hero-section-8","t":"Hero Section #8","d":"Solace UI hero section block variation 8.","k":"section","s":"solaceui","c":"marketing/hero","tg":["webgl"],"sb":"Animated background","sy":["webgl"],"hc":1},{"id":"solaceui:chat-messages-1","t":"Chat Messages #1","d":"Solace UI chat messages component variation 1.","s":"solaceui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"solaceui:chat-messages-2","t":"Chat Messages #2","d":"Solace UI chat messages component variation 2.","s":"solaceui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"solaceui:hero-video-1","t":"Hero Video #1","d":"Solace UI hero video component variation 1.","s":"solaceui","c":"media/player","hc":1},{"id":"solaceui:hero-video-2","t":"Hero Video #2","d":"Solace UI hero video component variation 2.","s":"solaceui","c":"media/player","hc":1},{"id":"solaceui:phone-mockups-1","t":"Phone Mockups #1","d":"Solace UI phone mockups component variation 1.","s":"solaceui","c":"media/mockup","hc":1},{"id":"solaceui:navbar-section-1","t":"Navbar Section #1","d":"Solace UI navbar section block variation 1.","s":"solaceui","c":"navigation/top-nav","hc":1},{"id":"solaceui:navbar-section-2","t":"Navbar Section #2","d":"Solace UI navbar section block variation 2 (xAI inspired).","s":"solaceui","c":"navigation/top-nav","hc":1},{"id":"soldevelo:openlmis-form-actions","t":"Form Actions","d":"Cancel and Save actions for a form, with dirty and pending states, usable inside the form ","s":"soldevelo","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"soldevelo:openlmis-settings-list","t":"Settings List","d":"Bordered setting rows with labels, descriptions, badges and editable or read-only values.","k":"layout","s":"soldevelo","c":"flows/settings","hc":1},{"id":"soldevelo:openlmis-date-picker","t":"Date Picker","d":"A calendar date picker with date bounds, a clear button and accessible labels. Values stay","s":"soldevelo","c":"inputs/date-picker","hc":1},{"id":"soldevelo:openlmis-password-requirements","t":"Password Requirements","d":"A live checklist of password rules with pure validation helpers.","k":"layout","s":"soldevelo","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"soldevelo:openlmis-table-selection","t":"Table Selection","d":"A page selection checkbox column and a floating selected-count bar with Clear and actions.","s":"soldevelo","c":"data-display/table","sb":"Data tables","hc":1},{"id":"soldevelo:openlmis-combobox-filter","t":"Combobox Filter","d":"A searchable toolbar filter with caller-supplied options, search callbacks, status and emp","s":"soldevelo","c":"inputs/combobox","hc":1},{"id":"soldevelo:openlmis-workspace-tabs","t":"Workspace Tabs","d":"Controlled page section tabs that wrap into a column or grid on narrow screens.","s":"soldevelo","c":"navigation/tabs","hc":1},{"id":"soldevelo:openlmis-pagination","t":"Pagination","d":"Pager for a server-paged list: rows per page, the range on screen out of the total, and fi","s":"soldevelo","c":"navigation/pagination","hc":1},{"id":"soldevelo:openlmis-search-input","t":"Search Input","d":"Search field that reports after a pause in typing, on Enter or when it loses focus, with a","s":"soldevelo","c":"inputs/search","hc":1},{"id":"soldevelo:openlmis-select-filter","t":"Select Filter","d":"Toolbar dropdown that narrows a list to one value, reading \"Status: Active\" once picked, w","s":"soldevelo","c":"inputs/select","hc":1},{"id":"soldevelo:openlmis-column-view-options","t":"Column View Options","d":"View menu that shows or hides a table's columns with checkboxes, and resets them to their ","s":"soldevelo","c":"data-display/table","sb":"Data tables","hc":1},{"id":"soldevelo:openlmis-status-badge","t":"Status Badge","d":"Badge for a state such as active, unsaved or ignored, in a success, warning, info or destr","s":"soldevelo","c":"data-display/badge","sb":"Status","hc":1},{"id":"soldevelo:openlmis-page-breadcrumbs","t":"Page Breadcrumbs","d":"Breadcrumb trail from a list of steps, where a step without a page, such as a menu section","s":"soldevelo","c":"navigation/breadcrumb","hc":1},{"id":"soldevelo:openlmis-form-fields","t":"Form Fields","d":"Thirteen TanStack Form controls with stacked, row and inline layouts, accessible hints and","s":"soldevelo","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"soldevelo:openlmis-form-dialog","t":"Form Dialog","d":"Dialog for a form that stays inside the viewport and scrolls only its body, ignores clicks","s":"soldevelo","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"soldevelo:openlmis-dashboard-card","t":"Dashboard Card","d":"Card frame for a dashboard: a title with its count in a badge, a one-line description, pla","k":"layout","s":"soldevelo","c":"layout/dashboard","hc":1},{"id":"soldevelo:openlmis-stat-strip","t":"Stat Strip","d":"One panel of headline numbers split by hairlines, with as many columns as there are stats,","s":"soldevelo","c":"data-display/stat","hc":1},{"id":"soldevelo:openlmis-discard-changes-dialog","t":"Discard Changes Dialog","d":"Alert dialog asked before leaving a page with unsaved changes: how many would be lost and ","s":"soldevelo","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"soldevelo:openlmis-callout","t":"Callout","d":"Message box in a warning, info or success tone, tinted border and background with an icon ","s":"soldevelo","c":"overlays/alert-banner","hc":1},{"id":"soldevelo:openlmis-data-table","t":"Data Table","d":"Server-paged table on TanStack Table v9: sortable headers, fixed column widths that hold s","s":"soldevelo","c":"data-display/table","sb":"Data tables","hc":1},{"id":"soldevelo:openlmis-role-assignments","t":"Role Assignments","d":"One role type's assignments for a user: search, sortable columns that fold into one on a n","s":"soldevelo","c":"data-display/table","sb":"Data tables","hc":1},{"id":"soldevelo:openlmis-workspace","t":"Workspace","d":"Page frame for an app screen: breadcrumbs, a heading with an icon, title and one-line desc","s":"soldevelo","c":"navigation/breadcrumb","hc":1},{"id":"soldevelo:openlmis-list-toolbar","t":"List Toolbar","d":"Layout for the controls above a list, installed with the search, filter and View menu it a","s":"soldevelo","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"soldevelo:openlmis-profile-page","t":"Profile Page","d":"A mock profile with basic information, read-only role assignments, notification settings a","s":"soldevelo","c":"data-display/profile","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"soldevelo:openlmis-roles-page","t":"Roles Page","d":"Search and filter roles by type, create or edit them, and view their rights using local mo","s":"soldevelo","c":"inputs/search","hc":1},{"id":"soldevelo:openlmis-list-page","t":"List Page","d":"Complete users list screen on mock data: breadcrumbs and heading, a toolbar with search, a","s":"soldevelo","c":"data-display/list","sb":"People","hc":1},{"id":"soldevelo:openlmis-home-dashboard","t":"Home Dashboard","d":"OpenLMIS home screen on mock data: a greeting with what is waiting, Add User, system notic","k":"layout","s":"soldevelo","c":"layout/dashboard","hc":1},{"id":"soldevelo:openlmis-user-roles-page","t":"User Roles Page","d":"Edit User Roles on mock data: Supervision, Fulfillment, Reports and Administration tabs wi","s":"soldevelo","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"soldevelo:openlmis-not-found-page","t":"Not Found Page","d":"A 404 page that shows the address that was asked for, with Go Back and Back Home, ready to","k":"page","s":"soldevelo","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"soldevelo:openlmis-valid-assignments-page","t":"Valid Assignments Page","d":"Mock valid sources and destinations with paired facility and program filters, responsive t","s":"soldevelo","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"soldevelo:openlmis-system-settings-page","t":"System Settings Page","d":"Mock branding and feature flag settings with sticky Save and Cancel, discard confirmation,","k":"layout","s":"soldevelo","c":"flows/settings","hc":1},{"id":"soldevelo:openlmis-number-text","t":"Number Text","d":"Pure number validation for text fields, including whole numbers, bounds and decimal precis","k":"motion","s":"soldevelo","c":"motion/text-effect","hc":1},{"id":"soldevelo:openlmis-product-editor-page","t":"Product Editor Page","d":"Mock product editor with General, Programs, Facility Types and Kit Unpack List tabs, dialo","s":"soldevelo","c":"inputs/textarea","hc":1},{"id":"soldevelo:openlmis-facility-editor-page","t":"Facility Editor Page","d":"Mock facility editor with Information and Associated Programs tabs, managed fields, combin","s":"soldevelo","c":"inputs/textarea","hc":1},{"id":"soldevelo:openlmis-reason-editor-page","t":"Reason Editor Page","d":"Mock stock reason editor with assignment pairs, partial-save feedback and discard confirma","s":"soldevelo","c":"inputs/textarea","hc":1},{"id":"soldevelo:openlmis-auth-card","t":"Auth Card","d":"Composable authentication cards and a page shell with logo, title, form, actions and Power","k":"layout","s":"soldevelo","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"soldevelo:openlmis-no-access","t":"No Access","d":"No-access empty state with a heading-level choice and optional Back Home link.","s":"soldevelo","c":"actions/link","hc":1},{"id":"soldevelo:openlmis-sign-in-page","t":"Sign In Page","d":"Mock sign-in page with credentials, refused feedback and a signed-in result.","k":"layout","s":"soldevelo","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"soldevelo:openlmis-forgot-password-page","t":"Forgot Password Page","d":"Mock email reset request page with a neutral confirmation.","k":"layout","s":"soldevelo","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"soldevelo:openlmis-reset-password-page","t":"Reset Password Page","d":"Mock password reset page with validation and link-status presentation.","k":"layout","s":"soldevelo","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"soldevelo:openlmis-lots-page","t":"Lots Page","d":"Mock lot list with product/expiry filters, paging and editable lot dialogs.","s":"soldevelo","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"soldevelo:openlmis-service-accounts-page","t":"Service Accounts Page","d":"Mock service-key list with sorting, paging, add/delete dialogs and copy-state presentation","k":"section","s":"soldevelo","c":"marketing/features","sb":"Comparison","hc":1},{"id":"soldevelo:openlmis-copyable-value","t":"Copyable Value","d":"A value display and controlled copy button, with caller-owned copy behavior and feedback.","s":"soldevelo","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"soldevelo:openlmis-label-popover","t":"Label Popover","d":"A truncated label with an accessible details button and a composable popover panel.","s":"soldevelo","c":"overlays/popover","hc":1},{"id":"soldevelo:openlmis-segmented-meter","t":"Segmented Meter","d":"A stacked meter with a labeled count and percentage legend, locale formatting and right-to","s":"soldevelo","c":"data-viz/gauge","hc":1},{"id":"soldevelo:openlmis-status-meter-list","t":"Status Meter List","d":"Composable labeled meters with icons, counts and semantic tones.","s":"soldevelo","c":"data-viz/gauge","hc":1},{"id":"soldevelo:openlmis-programs-page","t":"Programs Page","d":"Mock program administration with responsive columns, sorting, paging and create/edit forms","s":"soldevelo","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"soldevelo:openlmis-facility-types-page","t":"Facility Types Page","d":"Mock facility type administration with responsive columns, sorting, paging and create/edit","s":"soldevelo","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"sona-ui:sona-utils","t":"Sona Utilities","d":"Shared class-name utilities used by Sona UI registry components.","k":"lib","s":"sona-ui","c":"lib/utility","sb":"Class helpers","vn":1,"hc":1},{"id":"sona-ui:sona-motion","t":"Sona Motion","d":"Semantic motion transitions for feedback, entrances, exits, spatial movement, expressive i","k":"lib","s":"sona-ui","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"sona-ui:sona-theme","t":"Sona Theme","d":"Optional Sona UI semantic status colors and shared design tokens for Tailwind CSS v4.","k":"theme","s":"sona-ui","c":"themes/theme"},{"id":"sona-ui:agent-skill","t":"Sona UI Agent Skill","d":"Instructions for coding agents to discover, install, compose, and verify Sona UI component","k":"lib","s":"sona-ui","c":"lib/utility","hc":1},{"id":"sona-ui:animated-dropdown","t":"Animated Dropdown","d":"A composable, accessible dropdown menu built on Base UI with controlled state, interruptib","s":"sona-ui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"sona-ui:animated-checkbox","t":"Animated Checkbox","d":"An accessible Base UI checkbox with a drawn checkmark and a restrained animated state chan","s":"sona-ui","c":"inputs/checkbox","hc":1},{"id":"sona-ui:morph-surface","t":"Morph Surface","d":"An unstyled layout primitive that grows, shrinks, clips, and updates the content of one pe","k":"motion","s":"sona-ui","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"sona-ui:animated-switch","t":"Animated Switch","d":"An interactive iOS-style squish switch built on Base UI Switch primitives, with interrupti","s":"sona-ui","c":"actions/switch","sb":"Animated","hc":1},{"id":"sona-ui:animated-dialog","t":"Animated Dialog","d":"A composable, accessible dialog modal built on Base UI with controlled state, direction-aw","s":"sona-ui","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"sona-ui:button","t":"Button","d":"A simple action button with subtle press feedback and reduced-motion support.","s":"sona-ui","c":"actions/button","tg":["minimal"],"sb":"Animated","sy":["minimal"],"hc":1},{"id":"sona-ui:dot-orbit-shader","t":"Dot Orbit Shader","d":"Animated multi-color dots orbiting their cell centers. Supports up to 10 colors with contr","k":"motion","s":"sona-ui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"sona-ui:mesh-gradient-shader","t":"Mesh Gradient Shader","d":"A flowing composition of animated color spots shaped by organic distortion and vortex effe","k":"motion","s":"sona-ui","c":"motion/shader","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"sona-ui:magnetic-button","t":"Magnetic","d":"A pointer-aware magnetic wrapper with bounded pull strength, self or parent interaction ar","s":"sona-ui","c":"actions/button","sb":"Animated","hc":1},{"id":"sona-ui:fluid-tabs","t":"Fluid Tabs","d":"An accessible Base UI tab selector with a shared active surface that travels fluidly betwe","s":"sona-ui","c":"navigation/tabs","hc":1},{"id":"sona-ui:fluid-tooltip","t":"Fluid Tooltip","d":"A grouped Base UI tooltip system with a deliberate first appearance and fast directional h","s":"sona-ui","c":"overlays/tooltip","hc":1},{"id":"sona-ui:fluid-slider","t":"Fluid Slider","d":"A labeled Base UI range control with direct surface selection, a dedicated draggable indic","s":"sona-ui","c":"inputs/slider","hc":1},{"id":"sona-ui:activity-graph","t":"Activity Graph","d":"A keyboard-accessible calendar heatmap with normalized intensity levels and an interruptib","s":"sona-ui","c":"data-viz/chart","hc":1},{"id":"sona-ui:animated-tabs","t":"Animated Tabs","d":"An accessible horizontal tab selector built on Base UI with controlled state, keyboard nav","s":"sona-ui","c":"navigation/tabs","hc":1},{"id":"sona-ui:expanding-action","t":"Expanding Action","d":"A compact action that transforms in place into a short set of related choices with accessi","s":"sona-ui","c":"other/other","hc":1},{"id":"sona-ui:accordion","t":"Accordion","d":"An accessible Base UI accordion with controlled and uncontrolled state, four visual varian","s":"sona-ui","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"sona-ui:ripple-button","t":"RippleButton","d":"A pointer-aware ripple button with touch-safe feedback, customizable motion, and reduced-m","s":"sona-ui","c":"actions/button","sb":"Animated","hc":1},{"id":"sona-ui:marquee","t":"Marquee","d":"A scroll-velocity marquee with seamless loop math, eased hover pause, vertical/horizontal ","k":"motion","s":"sona-ui","c":"motion/marquee","hc":1},{"id":"sona-ui:spinning-text","t":"SpinningText","d":"The `SpinningText` component is a dynamic and visually engaging UI element that animates t","k":"motion","s":"sona-ui","c":"motion/text-effect","hc":1},{"id":"sona-ui:stagger-text","t":"StaggerText","d":"A text component with staggered animation.","k":"motion","s":"sona-ui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"sona-ui:bubble-up-button","t":"BubbleUpButton","d":"The `BubbleUpButton` component provides an interactive button with a fluid \"bubble-up\" ani","s":"sona-ui","c":"actions/button","tg":["minimal"],"sb":"Animated","sy":["minimal"],"hc":1},{"id":"sona-ui:expandable-tabs","t":"Expandable Tabs","d":"An accessible Base UI tab selector that expands the active icon into a labeled pill with i","s":"sona-ui","c":"navigation/tabs","hc":1},{"id":"sona-ui:split-text","t":"Split Text","d":"Splits text into characters, words, or lines and reveals them with a staggered, optionally","k":"motion","s":"sona-ui","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"sona-ui:image-trail","t":"Image Trail","d":"Spawns a trail of images that follow the cursor across a scoped area, with multiple appear","s":"sona-ui","c":"media/gallery","hc":1},{"id":"sona-ui:lightbox","t":"Lightbox","d":"An accessible image preview that expands from its thumbnail and returns to the same spatia","s":"sona-ui","c":"overlays/lightbox","hc":1},{"id":"sona-ui:avatar-showcase","t":"Avatar Showcase","d":"A recording-friendly avatar strip with count-aware pacing, deterministic sampling, stagger","s":"sona-ui","c":"data-display/avatar","hc":1},{"id":"sona-ui:circular-context-menu","t":"Circular Context Menu","d":"An edge-aware compound context menu that fans a small set of direct actions away from a se","s":"sona-ui","c":"overlays/context-menu","hc":1},{"id":"sona-ui:live-activity","t":"Live Activity","d":"A composable activity surface with shared-element transitions, consumer-defined views, and","s":"sona-ui","c":"other/other","hc":1},{"id":"sona-ui:spotlight-card","t":"Spotlight Card","d":"A card with a radial spotlight glow that follows the cursor.","s":"sona-ui","c":"data-display/card","tg":["neon"],"sb":"Animated and glowing","sy":["neon"],"hc":1},{"id":"sona-ui:code-block","t":"Code Block","d":"A plug-and-play syntax-highlighted code block for documentation and developer interfaces.","s":"sona-ui","c":"data-display/code-block","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"sona-ui:hold-to-delete-button","t":"Hold To Delete Button","d":"A hold-to-confirm destructive button with pointer capture, keyboard activation, cancellati","s":"sona-ui","c":"actions/button","sb":"Loading and states","hc":1},{"id":"sona-ui:circular-dock-menu","t":"Circular Dock Menu","d":"A circular dock menu with controlled state, keyboard dismissal, item callbacks, outside-cl","s":"sona-ui","c":"navigation/menu","sb":"Radial menus","hc":1},{"id":"sona-ui:fan-view","t":"Fan View","d":"A fanned card menu with controlled state, item callbacks, keyboard dismissal, outside-clic","s":"sona-ui","c":"navigation/menu","hc":1},{"id":"sona-ui:smart-overflow","t":"Smart Overflow","d":"A priority-first responsive action group that moves lower-priority actions into an accessi","s":"sona-ui","c":"navigation/menu","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"sona-ui:section-rail","t":"Section Rail","d":"A compact navigation rail that tracks the reader's position through a long page, revealing","s":"sona-ui","c":"inputs/form-field","hc":1},{"id":"sona-ui:floating-viewer","t":"Floating Viewer","d":"An in-page media surface that automatically or manually detaches, stays within viewport bo","s":"sona-ui","c":"other/other","hc":1},{"id":"sona-ui:swipe-action-row","t":"Swipe Action Row","d":"A coordinated list-row interaction with two-sided actions, keyboard opening, outside dismi","s":"sona-ui","c":"data-display/list","hc":1},{"id":"sona-ui:radial-card-marquee","t":"Circular Card Marquee","d":"A continuous responsive card marquee that orbits cards around a circular path with configu","s":"sona-ui","c":"data-display/card","hc":1},{"id":"sona-ui:depth-tiles","t":"Depth Tiles","d":"An infinite layered tile stack with autoplay, depth transitions, and horizontal drag navig","s":"sona-ui","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"sona-ui:stepper","t":"Stepper","d":"A composable step navigation pattern for guiding people through a small, ordered workflow.","s":"sona-ui","c":"navigation/wizard-steps","hc":1},{"id":"soonish:soonish","t":"Soonish","d":"The soonish loader engine: <Loader name=\"…\" /> with all 91 5×5 pixel loaders.","k":"lib","s":"soonish","c":"lib/utility","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:sweep","t":"Sweep loader","d":"The \"sweep\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:diagonal","t":"Diagonal loader","d":"The \"diagonal\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:ripple","t":"Ripple loader","d":"The \"ripple\" 5×5 pixel loader from soonish.","k":"motion","s":"soonish","c":"motion/background","tg":["retro and HUD"],"sb":"Waves and warps","sy":["retro and HUD"],"hc":1},{"id":"soonish:rain","t":"Rain loader","d":"The \"rain\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:spiral","t":"Spiral loader","d":"The \"spiral\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"soonish:snake","t":"Snake loader","d":"The \"snake\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:sparkle","t":"Sparkle loader","d":"The \"sparkle\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:heartbeat","t":"Heartbeat loader","d":"The \"heartbeat\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:scanner","t":"Scanner loader","d":"The \"scanner\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:orbit","t":"Orbit loader","d":"The \"orbit\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"soonish:breathe","t":"Breathe loader","d":"The \"breathe\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:checker","t":"Checker loader","d":"The \"checker\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:stripes","t":"Stripes loader","d":"The \"stripes\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sb":"Bars","sy":["retro and HUD"],"hc":1},{"id":"soonish:falling","t":"Falling loader","d":"The \"falling\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:plasma","t":"Plasma loader","d":"The \"plasma\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:loadbar","t":"Loadbar loader","d":"The \"loadbar\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sb":"Bars","sy":["retro and HUD"],"hc":1},{"id":"soonish:knight-tour","t":"KnightTour loader","d":"The \"knight-tour\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:vortex","t":"Vortex loader","d":"The \"vortex\" 5×5 pixel loader from soonish.","k":"motion","s":"soonish","c":"motion/background","tg":["retro and HUD"],"sb":"Waves and warps","sy":["retro and HUD"],"hc":1},{"id":"soonish:sine-wave","t":"SineWave loader","d":"The \"sine-wave\" 5×5 pixel loader from soonish.","k":"motion","s":"soonish","c":"motion/background","tg":["retro and HUD"],"sb":"Waves and warps","sy":["retro and HUD"],"hc":1},{"id":"soonish:life","t":"Life loader","d":"The \"life\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:quadrants","t":"Quadrants loader","d":"The \"quadrants\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:crossfade","t":"Crossfade loader","d":"The \"crossfade\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:glider","t":"Glider loader","d":"The \"glider\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:matrix","t":"Matrix loader","d":"The \"matrix\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:pong","t":"Pong loader","d":"The \"pong\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:concentric","t":"Concentric loader","d":"The \"concentric\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:twin-spirals","t":"TwinSpirals loader","d":"The \"twin-spirals\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"soonish:thinking","t":"Thinking loader","d":"The \"thinking\" 5×5 pixel loader from soonish.","s":"soonish","c":"ai-agent/ai-agent","tg":["retro and HUD"],"sb":"Reasoning and tools","sy":["retro and HUD"],"hc":1},{"id":"soonish:searching","t":"Searching loader","d":"The \"searching\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:finding","t":"Finding loader","d":"The \"finding\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:consolidating","t":"Consolidating loader","d":"The \"consolidating\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:streaming","t":"Streaming loader","d":"The \"streaming\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:reasoning","t":"Reasoning loader","d":"The \"reasoning\" 5×5 pixel loader from soonish.","s":"soonish","c":"ai-agent/ai-agent","tg":["retro and HUD"],"sb":"Reasoning and tools","sy":["retro and HUD"],"hc":1},{"id":"soonish:indexing","t":"Indexing loader","d":"The \"indexing\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:connecting","t":"Connecting loader","d":"The \"connecting\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:generating","t":"Generating loader","d":"The \"generating\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:reflecting","t":"Reflecting loader","d":"The \"reflecting\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:scale-ripple","t":"ScaleRipple loader","d":"The \"scale-ripple\" 5×5 pixel loader from soonish.","k":"motion","s":"soonish","c":"motion/background","tg":["retro and HUD"],"sb":"Waves and warps","sy":["retro and HUD"],"hc":1},{"id":"soonish:scale-wave","t":"ScaleWave loader","d":"The \"scale-wave\" 5×5 pixel loader from soonish.","k":"motion","s":"soonish","c":"motion/background","tg":["retro and HUD"],"sb":"Waves and warps","sy":["retro and HUD"],"hc":1},{"id":"soonish:scale-diag","t":"ScaleDiag loader","d":"The \"scale-diag\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:scale-pop","t":"ScalePop loader","d":"The \"scale-pop\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:scale-ring","t":"ScaleRing loader","d":"The \"scale-ring\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"soonish:scale-check","t":"ScaleCheck loader","d":"The \"scale-check\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:twist","t":"Twist loader","d":"The \"twist\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:squash","t":"Squash loader","d":"The \"squash\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:jelly","t":"Jelly loader","d":"The \"jelly\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:pop-rotate","t":"PopRotate loader","d":"The \"pop-rotate\" 5×5 pixel loader from soonish.","k":"motion","s":"soonish","c":"motion/text-effect","tg":["retro and HUD"],"sb":"Rotating words","sy":["retro and HUD"],"hc":1},{"id":"soonish:skew","t":"Skew loader","d":"The \"skew\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:heartbeat-scale","t":"HeartbeatScale loader","d":"The \"heartbeat-scale\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:drop","t":"Drop loader","d":"The \"drop\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:burst","t":"Burst loader","d":"The \"burst\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:spiral-scale","t":"SpiralScale loader","d":"The \"spiral-scale\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"soonish:zigzag","t":"Zigzag loader","d":"The \"zigzag\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:round","t":"Round loader","d":"The \"round\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:square-mandala","t":"SquareMandala loader","d":"The \"square-mandala\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sb":"Shapes and grids","sy":["retro and HUD"],"hc":1},{"id":"soonish:diamond-mandala","t":"DiamondMandala loader","d":"The \"diamond-mandala\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:cross","t":"Cross loader","d":"The \"cross\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:x-diagonal","t":"XDiagonal loader","d":"The \"x-diagonal\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:star-burst","t":"StarBurst loader","d":"The \"star-burst\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:petal","t":"Petal loader","d":"The \"petal\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:snowflake","t":"Snowflake loader","d":"The \"snowflake\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:gear","t":"Gear loader","d":"The \"gear\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:kaleido","t":"Kaleido loader","d":"The \"kaleido\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:spiral-mandala","t":"SpiralMandala loader","d":"The \"spiral-mandala\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"soonish:pulse-square","t":"PulseSquare loader","d":"The \"pulse-square\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sb":"Dots and pulse","sy":["retro and HUD"],"hc":1},{"id":"soonish:check-mandala","t":"CheckMandala loader","d":"The \"check-mandala\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:octagon","t":"Octagon loader","d":"The \"octagon\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:lotus","t":"Lotus loader","d":"The \"lotus\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:outline","t":"Outline loader","d":"The \"outline\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sb":"Bars","sy":["retro and HUD"],"hc":1},{"id":"soonish:rings","t":"Rings loader","d":"The \"rings\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"soonish:rose","t":"Rose loader","d":"The \"rose\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:neon-drift","t":"NeonDrift loader","d":"The \"neon-drift\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"hc":1},{"id":"soonish:core-spiral","t":"CoreSpiral loader","d":"The \"core-spiral\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"soonish:twin-orbit","t":"TwinOrbit loader","d":"The \"twin-orbit\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"soonish:prism-sweep","t":"PrismSweep loader","d":"The \"prism-sweep\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:flux-columns","t":"FluxColumns loader","d":"The \"flux-columns\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:echo-ring","t":"EchoRing loader","d":"The \"echo-ring\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"soonish:origin-wave","t":"OriginWave loader","d":"The \"origin-wave\" 5×5 pixel loader from soonish.","k":"motion","s":"soonish","c":"motion/background","tg":["retro and HUD"],"sb":"Waves and warps","sy":["retro and HUD"],"hc":1},{"id":"soonish:sonar","t":"Sonar loader","d":"The \"sonar\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:pinwheel","t":"Pinwheel loader","d":"The \"pinwheel\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"soonish:domino","t":"Domino loader","d":"The \"domino\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:corners","t":"Corners loader","d":"The \"corners\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:frame","t":"Frame loader","d":"The \"frame\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:front-sweep","t":"FrontSweep loader","d":"The \"front-sweep\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:ripple-echo","t":"RippleEcho loader","d":"The \"ripple-echo\" 5×5 pixel loader from soonish.","k":"motion","s":"soonish","c":"motion/background","tg":["retro and HUD"],"sb":"Waves and warps","sy":["retro and HUD"],"hc":1},{"id":"soonish:pulse-beat","t":"PulseBeat loader","d":"The \"pulse-beat\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sb":"Dots and pulse","sy":["retro and HUD"],"hc":1},{"id":"soonish:lumen-bloom","t":"LumenBloom loader","d":"The \"lumen-bloom\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:raindrop","t":"Raindrop loader","d":"The \"raindrop\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:pendulum","t":"Pendulum loader","d":"The \"pendulum\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:firefly","t":"Firefly loader","d":"The \"firefly\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soonish:halo","t":"Halo loader","d":"The \"halo\" 5×5 pixel loader from soonish.","s":"soonish","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soralabs:index","t":"Index","k":"theme","s":"soralabs","c":"themes/style"},{"id":"soralabs:cursor-trail-reveal","t":"Cursor Trail Reveal","d":"Desktop cursor trail that reveals staggered image strips with clip-path wipes as the point","k":"motion","s":"soralabs","c":"motion/cursor","hc":1},{"id":"soralabs:infinite-scrolling-images","t":"Infinite Scrolling Images","d":"An infinite card stack that advances with wheel, touch, or keyboard input using spring-bas","s":"soralabs","c":"media/gallery","sb":"Scroll","hc":1},{"id":"soralabs:scroll-chapters","t":"Scroll Chapters","d":"A draggable, chaptered progress-bar nav — two-way cursor/scroll sync, ghost-cursor hover p","k":"layout","s":"soralabs","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"soralabs:scroll-gallery","t":"Scroll Gallery","d":"A full-viewport sticky scroll slider with strip-mask image transitions and animated title ","s":"soralabs","c":"media/gallery","tg":["animated"],"sb":"Scroll","sy":["animated"],"hc":1},{"id":"soralabs:sticky-scroll-cards","t":"Sticky Scroll Cards","d":"Scroll-pinned hero where a front card flips to reveal a stack of back cards, dismissed one","k":"layout","s":"soralabs","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"soralabs:text-reveal-box","t":"Text Reveal Box","d":"Scroll-pinned word-by-word text reveal with a highlight flash, powered by GSAP ScrollTrigg","k":"motion","s":"soralabs","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"soralabs:tilt-slide-transition","t":"Tilt Slide Transition","d":"Multi-page editorial portfolio transition with tilted scaling exit and diagonal clip-path ","k":"motion","s":"soralabs","c":"motion/tilt-3d","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"soralabs:hooks-use-auto-height","t":"useAutoHeight","d":"A hook that allows you to automatically adjust the height of an element based on its conte","k":"lib","s":"soralabs","c":"lib/hook","hc":1},{"id":"soralabs:hooks-use-controlled-state","t":"useControlledState","d":"A hook that allows you to control a state.","k":"lib","s":"soralabs","c":"lib/hook","hc":1},{"id":"soralabs:hooks-use-prefers-reduced-motion","t":"usePrefersReducedMotion","d":"A hook that tracks the OS-level Reduced Motion setting live, so GSAP-driven primitives can","k":"lib","s":"soralabs","c":"lib/hook","tg":["animated"],"sy":["animated"],"hc":1},{"id":"soralabs:icons-arrow-right","t":"Arrow Right","d":"Animated right arrow that nudges forward and redraws its stroke on hover using a pure CSS ","k":"resource","s":"soralabs","c":"assets/icon","hc":1},{"id":"soralabs:icons-bell","t":"Bell","d":"Notification bell that rattles from its hanger on trigger — a decaying rotation pivot.","k":"resource","s":"soralabs","c":"assets/icon","sb":"Animated","hc":1},{"id":"soralabs:icons-chevrons","t":"Chevrons","d":"Animated double up-chevron that cross-fades between the two carets on trigger.","k":"resource","s":"soralabs","c":"assets/icon","sb":"Animated","hc":1},{"id":"soralabs:icons-copy","t":"Copy","d":"Animated copy icon that smoothly transitions into a checkmark on trigger with a scale and ","k":"resource","s":"soralabs","c":"assets/icon","sb":"Animated","hc":1},{"id":"soralabs:lib-scroll-trigger-utils","t":"Scroll Trigger Utils","d":"Shared GSAP ScrollTrigger helpers (window/scroller detection, ready/resize waiting) used b","k":"lib","s":"soralabs","c":"lib/utility","tg":["animated"],"sb":"Class helpers","sy":["animated"],"hc":1},{"id":"soralabs:particle-hover-button","t":"Particle Hover Button","d":"A wrapper that emits glowing, pooled particles from the cursor while hovering any button o","s":"soralabs","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"],"hc":1},{"id":"soralabs:sliding-chip-button","t":"Sliding Chip Button","d":"A chip-style call-to-action link with a Motion-powered sliding label and rotating icon chi","s":"soralabs","c":"actions/button","sb":"Animated","hc":1},{"id":"soralabs:stagger-button","t":"Stagger Button","d":"A button that staggers per character or slides the whole label on hover, with a scaling ba","s":"soralabs","c":"actions/button","hc":1},{"id":"soralabs:accordion","t":"Accordion","d":"An animated FAQ accordion with expandable panels, powered by Motion.","s":"soralabs","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"soralabs:expandable-tabs","t":"Expandable Tabs","d":"A pill-shaped tab bar that expands into a floating panel, with Motion driving the shell, l","s":"soralabs","c":"navigation/tabs","hc":1},{"id":"soralabs:inline-testimonials","t":"Inline Testimonials","d":"A flowing quote stream where each avatar reveals its author on hover, with Motion fading a","k":"section","s":"soralabs","c":"marketing/testimonials","hc":1},{"id":"soralabs:cursor-bubble","t":"Cursor Bubble","d":"A floating label that follows the cursor and elastic-pops into view over interactive targe","s":"soralabs","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Chat","sy":["animated"],"hc":1},{"id":"soralabs:hero-carousel","t":"Hero Carousel","d":"Crossfading hero image slideshow with a progress pill, play/pause, and prev/next controls.","s":"soralabs","c":"media/carousel","hc":1},{"id":"soralabs:highlight","t":"Highlight","d":"A Motion-powered highlight effect that allows you to highlight elements on hover, click or","s":"soralabs","c":"other/other","hc":1},{"id":"soralabs:logo-carousel-swapper","t":"Logo Carousel Swapper","d":"Staggered logo column swapper with fade, vertical shift, and motion blur powered by Motion","s":"soralabs","c":"media/carousel","hc":1},{"id":"soralabs:magnetic-cards","t":"Magnetic Cards","d":"A fanned stack of cards that fling away from the cursor on release, with GSAP InertiaPlugi","s":"soralabs","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"soralabs:pixel-image-loader","t":"Pixel Image Loader","d":"A canvas-based image that resolves from a blocky, pixelated placeholder up to full sharpne","s":"soralabs","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"soralabs:progressive-blur","t":"Progressive Blur","d":"A stacked-layer blur that ramps smoothly from sharp to fully blurred toward an edge, for f","s":"soralabs","c":"navigation/top-nav","sb":"Glass","hc":1},{"id":"soralabs:skeleton","t":"Skeleton","d":"A loading placeholder with shimmer or fade variants, plus a transition that crossfades int","s":"soralabs","c":"status/skeleton","hc":1},{"id":"soralabs:skeleton-shimmer","t":"Skeleton Shimmer","d":"Skeleton loading placeholders with a shimmer effect that transitions to revealed content v","s":"soralabs","c":"status/skeleton","hc":1},{"id":"soralabs:tilt-card","t":"Tilt Card","d":"3D tilt card that rotates toward the cursor on spring physics, with an optional glare refl","s":"soralabs","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"hc":1},{"id":"soralabs:video-player","t":"Video Player","d":"Dependency-free custom video player: modal overlay, chaptered timeline, hover-scrub previe","s":"soralabs","c":"media/player","hc":1},{"id":"soralabs:dia-text-reveal","t":"Dia Text Reveal","d":"A gradient sweep that reveals text with a chromatic wash, powered by Motion.","k":"motion","s":"soralabs","c":"motion/text-effect","tg":["gradient"],"sb":"Reveal and entrance","sy":["gradient"],"hc":1},{"id":"soralabs:draw-underline-link","t":"Draw Underline Link","d":"A link with a hand-drawn SVG underline that animates on hover, powered by Motion.","s":"soralabs","c":"actions/link","tg":["playful"],"sy":["playful"],"hc":1},{"id":"soralabs:dual-wipe-reveal","t":"Dual Wipe Reveal","d":"Dual-layer block wipe reveal that sweeps away curtain blocks to unveil text, powered by Mo","k":"motion","s":"soralabs","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"soralabs:fog-text-reveal","t":"Fog Text Reveal","d":"Inline text that materializes through a soft, turbulent WebGL fog mask, inherits font and ","k":"motion","s":"soralabs","c":"motion/text-effect","tg":["webgl"],"sb":"Reveal and entrance","sy":["webgl"],"hc":1},{"id":"soralabs:number-flow","t":"Number Flow","d":"An animated, digit-by-digit number counter with a smooth rolling odometer effect, powered ","k":"motion","s":"soralabs","c":"motion/number-ticker","hc":1},{"id":"soralabs:rolling-text","t":"Rolling Text","d":"Per-character slot-machine reveal that rolls each letter into place once it scrolls into v","k":"motion","s":"soralabs","c":"motion/text-effect","hc":1},{"id":"soralabs:text-cursor-loop","t":"Text Cursor Loop","d":"Cycles through a list of words with a per-character collapse/reveal transition and a trail","k":"motion","s":"soralabs","c":"motion/cursor","hc":1},{"id":"soralabs:text-effect","t":"Text Effect","d":"Preset-driven staggered text reveals with blur, fade, slide, and scale animations, powered","k":"motion","s":"soralabs","c":"motion/text-effect","hc":1},{"id":"soralabs:text-loop","t":"Text Loop","d":"Cycles through a list of items with an enter/exit animation, powered by Motion.","k":"motion","s":"soralabs","c":"motion/text-effect","hc":1},{"id":"soralabs:text-morph","t":"Text Morph","d":"Per-character layout morphing for labels, counters, and live text swaps, powered by Motion","k":"motion","s":"soralabs","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"soralabs:text-reveal-block","t":"Text Reveal (Block)","d":"Line-by-line text reveal with a colored block wipe, powered by GSAP SplitText.","k":"motion","s":"soralabs","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"soralabs:text-reveal-mask","t":"Text Reveal (Mask)","d":"A scroll-triggered masked slide-up text reveal animation, powered by Motion.","k":"motion","s":"soralabs","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"soralabs:text-roll","t":"Text Roll","d":"A per-character vertical text roll animation for label swaps and micro-interactions, power","k":"motion","s":"soralabs","c":"motion/text-effect","hc":1},{"id":"soralabs:text-scramble","t":"Text Scramble","d":"A text scramble reveal animation that decodes characters on mount or when re-triggered, po","k":"motion","s":"soralabs","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"soralabs:typer","t":"Typer","d":"A character-by-character reveal where each glyph ripples through randomized pill, accent, ","s":"soralabs","c":"data-display/badge","hc":1},{"id":"soralabs:base-accordion","t":"Base Accordion","d":"An animated accordion component built on Base UI with spring physics, height collapse mask","s":"soralabs","c":"data-display/accordion","tg":["gradient"],"sb":"Animated","sy":["gradient"],"hc":1},{"id":"soralabs:base-alert-dialog","t":"Base Alert Dialog","d":"An accessible alert dialog built on Base UI with smooth Motion 3D perspective entrance and","s":"soralabs","c":"overlays/dialog","tg":["3d"],"sb":"Confirm","sy":["3d"],"hc":1},{"id":"soralabs:base-button","t":"Base Button","d":"An interactive button component built on Base UI with Motion hover/tap scaling and shadcn/","s":"soralabs","c":"actions/button","sb":"Animated","hc":1},{"id":"soralabs:base-checkbox","t":"Base Checkbox","d":"An accessible, stylable checkbox built on Base UI with a Motion-friendly animated indicato","s":"soralabs","c":"inputs/checkbox","hc":1},{"id":"soralabs:base-context-menu","t":"Base Context Menu","d":"An accessible context menu built on Base UI with smooth Motion spring scale and submenu sl","s":"soralabs","c":"overlays/context-menu","hc":1},{"id":"soralabs:base-dialog","t":"Base Dialog","d":"An accessible modal dialog built on Base UI with smooth Motion spring entrance and exit an","s":"soralabs","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"soralabs:base-dropdown-menu","t":"Base Dropdown Menu","d":"An accessible dropdown menu built on Base UI with smooth Motion spring scale and submenu s","s":"soralabs","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"soralabs:base-input","t":"Input","d":"A shadcn/ui-compatible input with a smooth Motion-powered caret.","s":"soralabs","c":"inputs/form-field","hc":1},{"id":"soralabs:base-switch","t":"Base Switch","d":"An accessible, highly customizable switch built on Base UI with Motion spring layout physi","s":"soralabs","c":"actions/switch","sb":"Animated","hc":1},{"id":"soralabs:base-tooltip","t":"Base Tooltip","d":"An accessible tooltip built on Base UI with spring-based keyframe scale and translation an","s":"soralabs","c":"overlays/tooltip","hc":1},{"id":"soralabs:radix-accordion","t":"Radix Accordion","d":"An animated accordion component built on Radix UI with spring physics, height collapse mas","s":"soralabs","c":"data-display/accordion","tg":["gradient"],"sb":"Animated","sy":["gradient"],"hc":1},{"id":"soralabs:radix-alert-dialog","t":"Radix Alert Dialog","d":"An accessible alert dialog built on Radix UI with smooth Motion 3D perspective entrance an","s":"soralabs","c":"overlays/dialog","tg":["3d"],"sb":"Confirm","sy":["3d"],"hc":1},{"id":"soralabs:radix-button","t":"Radix Button","d":"An interactive button component built on Radix UI Slot with Motion hover/tap scaling and s","s":"soralabs","c":"actions/button","sb":"Animated","hc":1},{"id":"soralabs:radix-checkbox","t":"Radix Checkbox","d":"An accessible, stylable checkbox built on Radix UI with a Motion-friendly animated indicat","s":"soralabs","c":"inputs/checkbox","hc":1},{"id":"soralabs:radix-context-menu","t":"Radix Context Menu","d":"An accessible context menu built on Radix UI with smooth Motion spring scale and submenu s","s":"soralabs","c":"overlays/context-menu","hc":1},{"id":"soralabs:radix-dialog","t":"Radix Dialog","d":"An accessible modal dialog built on Radix UI with smooth Motion spring entrance and exit a","s":"soralabs","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"soralabs:radix-dropdown-menu","t":"Radix Dropdown Menu","d":"An accessible dropdown menu built on Radix UI with smooth Motion spring scale and submenu ","s":"soralabs","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"soralabs:radix-input","t":"Radix Input","d":"A shadcn/ui-compatible native input with a smooth Motion-powered caret.","s":"soralabs","c":"inputs/form-field","hc":1},{"id":"soralabs:radix-switch","t":"Radix Switch","d":"An accessible, highly customizable switch built on Radix UI with Motion spring layout phys","s":"soralabs","c":"actions/switch","sb":"Animated","hc":1},{"id":"soralabs:radix-tooltip","t":"Radix Tooltip","d":"An accessible tooltip built on Radix UI with spring-based keyframe scale and translation a","s":"soralabs","c":"overlays/tooltip","hc":1},{"id":"soundcn:sound-types","t":"Sound Types","d":"TypeScript type definitions for soundcn sound assets.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:use-sound","t":"useSound","d":"A lightweight React hook for playing sound effects using the Web Audio API. Zero dependenc","k":"resource","s":"soundcn","c":"assets/sound","hc":1},{"id":"soundcn:sound-engine","t":"Sound Engine","d":"Framework-agnostic audio engine using Web Audio API. Zero dependencies.","k":"resource","s":"soundcn","c":"assets/sound","hc":1},{"id":"soundcn:click-8bit","t":"Click 8 Bit","d":"A short, retro-style digital click sound, perfect for actions in a vintage game or pixel-a","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"UI clicks","sy":["retro and HUD"],"hc":1},{"id":"soundcn:click-soft","t":"Click Soft","d":"A very subtle and gentle click, suitable for minimal UI interactions where a quiet confirm","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"UI clicks","sy":["minimal"],"hc":1},{"id":"soundcn:switch-on","t":"Switch On","d":"A distinct, upward-moving sound indicating a toggle or switch has been activated, ideal fo","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:switch-off","t":"Switch Off","d":"A distinct, downward-moving sound indicating a toggle or switch has been deactivated, perf","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:notification-pop","t":"Notification Pop","d":"A friendly, short popping sound that signals a new notification or a subtle alert, suitabl","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:success-chime","t":"Success Chime","d":"A clear, positive chime sound indicating a successful action or completion, ideal for form","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:error-buzz","t":"Error Buzz","d":"A short, slightly harsh buzz indicating an error or invalid action, perfect for form valid","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:hover-tick","t":"Hover Tick","d":"A very subtle, quick tick sound, best used to provide discreet auditory feedback when a us","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:jump-8bit","t":"Jump 8 Bit","d":"A classic 8-bit upward 'boing' sound effect, ideal for character jumps or upward movements","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:coin-collect","t":"Coin Collect","d":"A cheerful, distinct sound of a coin being collected, perfect for rewarding players in a g","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:arcade-mode","t":"Arcade Mode","d":"A short, energetic fanfare announcing the start of an arcade game mode, often featuring re","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:back-001","t":"Back #1","d":"A very quick, subtle sound effect suitable for navigating back in a UI or undoing a simple","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:back-002","t":"Back #2","d":"A slightly more pronounced but still short sound for navigating back or cancelling an acti","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:back-003","t":"Back #3","d":"A brief, crisp sound indicating a backward navigation or an action reversal within an appl","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:back-004","t":"Back #4","d":"A concise sound effect for going back in a sequence or returning to a prior state in an in","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:battle-mode","t":"Battle Mode","d":"An impactful, intense sound effect signifying the initiation of a battle sequence or a com","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:begin","t":"Begin","d":"An inspiring and clear sound effect marking the start of a game, level, or significant act","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:belt-handle-1","t":"Belt Handle #1","d":"A subtle, mechanical click or adjustment sound, suitable for interacting with a virtual be","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:belt-handle-2","t":"Belt Handle #2","d":"A distinct, slightly more prominent mechanical sound for operating a belt or strap handle,","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:bong-001","t":"Bong #1","d":"A short, resonant 'bong' sound, useful for a clear, attention-grabbing notification or an ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:book-close","t":"Book Close","d":"A soft, conclusive thud indicating the closing of a virtual book or document within an int","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Outcomes","sy":["retro and HUD"],"hc":1},{"id":"soundcn:book-flip-1","t":"Book Flip #1","d":"A gentle, quick page-turning sound, ideal for navigating through virtual book pages or scr","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:book-flip-2","t":"Book Flip #2","d":"A distinct, medium-paced sound of a page being flipped, suggesting a deliberate action in ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:book-flip-3","t":"Book Flip #3","d":"A quick, crisp page-turning sound, suitable for rapid page navigation or content scrolling","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:book-open","t":"Book Open","d":"A soft, inviting sound indicating the opening of a virtual book or accessing new content.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:book-place-1","t":"Book Place #1","d":"A soft thud or gentle drop sound, perfect for placing a virtual book or item onto a surfac","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:book-place-2","t":"Book Place #2","d":"A slightly more pronounced impact sound for placing a virtual book or object, conveying a ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:book-place-3","t":"Book Place #3","d":"A concise sound effect for placing a virtual book, indicating a quick and secure positioni","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:card-fan-1","t":"Card Fan #1","d":"A gentle, quick fanning sound of virtual cards, suitable for showing a hand of cards or qu","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:card-fan-2","t":"Card Fan #2","d":"A more extended and distinct fanning sound of multiple cards, ideal for presenting a full ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:card-place-1","t":"Card Place #1","d":"A subtle thud as a single virtual card is placed onto a surface, ideal for casual card gam","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:card-place-2","t":"Card Place #2","d":"A clear, short sound of a virtual card being placed, suggesting a deliberate and firm acti","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:card-place-3","t":"Card Place #3","d":"A distinct, medium-length sound of a virtual card being positioned, indicating a considere","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:card-place-4","t":"Card Place #4","d":"An extended, subtle sound of a virtual card being placed, useful for a smooth, unhurried p","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:card-shove-1","t":"Card Shove #1","d":"A quick, decisive sound of a virtual card being shoved or pushed, suitable for repositioni","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:card-shove-2","t":"Card Shove #2","d":"A distinct, firm sound of a virtual card being shoved, implying a more forceful or confide","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:card-shove-3","t":"Card Shove #3","d":"A short, clear sound of a card being briskly shoved, useful for rapid card manipulation ac","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:card-shove-4","t":"Card Shove #4","d":"A slightly extended and crisp sound of a card being shoved, perfect for a deliberate and a","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:card-shuffle","t":"Card Shuffle","d":"The sound of virtual cards being shuffled, creating an authentic atmosphere for card games","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:card-slide-1","t":"Card Slide #1","d":"A quick, subtle slide sound for a single virtual card, ideal for minor adjustments or movi","k":"resource","s":"soundcn","c":"assets/sound","sb":"Transitions","hc":1},{"id":"soundcn:card-slide-2","t":"Card Slide #2","d":"A distinct, short sliding sound for a virtual card, suggesting a deliberate movement or pl","k":"resource","s":"soundcn","c":"assets/sound","sb":"Transitions","hc":1},{"id":"soundcn:card-slide-3","t":"Card Slide #3","d":"A smooth, medium-length sliding sound for a virtual card, suitable for an unhurried, contr","k":"resource","s":"soundcn","c":"assets/sound","sb":"Transitions","hc":1},{"id":"soundcn:card-slide-4","t":"Card Slide #4","d":"A quick, soft slide sound for a virtual card, perfect for swift and quiet card movements.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Transitions","hc":1},{"id":"soundcn:card-slide-5","t":"Card Slide #5","d":"A clear, concise sliding sound for a virtual card, indicating a decisive and efficient mov","k":"resource","s":"soundcn","c":"assets/sound","sb":"Transitions","hc":1},{"id":"soundcn:card-slide-6","t":"Card Slide #6","d":"A smooth, distinct sliding sound for a virtual card, suitable for a controlled and audible","k":"resource","s":"soundcn","c":"assets/sound","sb":"Transitions","hc":1},{"id":"soundcn:card-slide-7","t":"Card Slide #7","d":"A slightly extended, gentle sliding sound for a virtual card, suggesting a deliberate but ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Transitions","hc":1},{"id":"soundcn:card-slide-8","t":"Card Slide #8","d":"A prolonged, smooth sliding sound for a virtual card, ideal for long-distance card movemen","k":"resource","s":"soundcn","c":"assets/sound","sb":"Transitions","hc":1},{"id":"soundcn:cards-pack-open-1","t":"Cards Pack Open 1","d":"A distinct ripping or tearing sound indicating the opening of a virtual card pack, often u","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:cards-pack-open-2","t":"Cards Pack Open 2","d":"A slightly softer, more subtle sound for opening a virtual card pack, for a less dramatic ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:cards-pack-take-out-1","t":"Cards Pack Take Out 1","d":"A subtle rustling sound as virtual cards are taken out of a pack, ideal for confirming car","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:cards-pack-take-out-2","t":"Cards Pack Take Out 2","d":"A crisp, short sound of cards being taken out of a pack, ideal for a UI action confirming ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:championship-mode","t":"Championship Mode","d":"An impactful, declarative sound announcing a \"championship mode,\" perfect for the start of","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:chip-lay-1","t":"Chip Lay #1","d":"A subtle, quick sound of a single chip being laid down, suitable for placing an item, conf","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:chip-lay-2","t":"Chip Lay #2","d":"A clear, distinct sound of a single chip being laid down, ideal for confirming a selection","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:chip-lay-3","t":"Chip Lay #3","d":"A slightly more prominent sound of a single chip being laid down, suitable for a game acti","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:chips-collide-1","t":"Chips Collide #1","d":"A brief, light sound of chips colliding, useful for subtle feedback when items briefly tou","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:chips-collide-2","t":"Chips Collide #2","d":"A quick, clear sound of chips colliding, appropriate for a short interaction where items b","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:chips-collide-3","t":"Chips Collide #3","d":"A more pronounced, short sound of chips colliding, useful for confirming an item merge or ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:chips-collide-4","t":"Chips Collide #4","d":"A sharp, concise sound of chips colliding, best for a quick, responsive feedback like a UI","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:chips-handle-1","t":"Chips Handle #1","d":"A drawn-out sound of chips being handled, suitable for a UI action indicating items being ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:chips-handle-2","t":"Chips Handle #2","d":"A moderately extended sound of chips being handled, good for feedback during a drag-and-dr","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:chips-handle-3","t":"Chips Handle #3","d":"A short, distinct sound of chips being briefly handled, ideal for a quick selection of mul","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:chips-handle-4","t":"Chips Handle #4","d":"A clean, medium-length sound of chips being handled, useful for confirming a group of item","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:chips-handle-5","t":"Chips Handle #5","d":"A more extensive sound of chips being handled, perfect for a longer animation involving it","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:chips-handle-6","t":"Chips Handle #6","d":"A distinct, medium-length sound of chips being handled, good for a game action involving t","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:chips-stack-1","t":"Chips Stack #1","d":"A crisp, quick sound of chips stacking, ideal for confirming a single item added to a pile","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:chips-stack-2","t":"Chips Stack #2","d":"A very quick, light sound of chips stacking, perfect for rapid accumulation of items, a fa","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:chips-stack-3","t":"Chips Stack #3","d":"A slightly more pronounced sound of chips stacking, suitable for a noticeable increment, a","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:chips-stack-4","t":"Chips Stack #4","d":"A clean, quick sound of chips stacking, useful for general item accumulation, a simple cou","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:chips-stack-5","t":"Chips Stack #5","d":"A very short, crisp sound of chips stacking, ideal for extremely fast feedback when items ","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:chips-stack-6","t":"Chips Stack #6","d":"A clear, concise sound of chips stacking, perfect for a straightforward item addition, a c","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:choose-your-character","t":"Choose Your Character","d":"A short, impactful vocal prompt \"Choose Your Character,\" designed for a game's selection s","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:chop","t":"Chop","d":"A sharp, percussive chopping sound, suitable for a destructive action, an item being cut, ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:click-001","t":"Click #1","d":"A very short, high-pitched click sound, ideal for a light, responsive button press or a su","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:click-002","t":"Click #2","d":"An extremely brief and subtle click, perfect for minimal, unobtrusive feedback on very rap","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"UI clicks","sy":["minimal"],"hc":1},{"id":"soundcn:click-003","t":"Click #3","d":"A minuscule, barely audible click, best used for ultra-subtle feedback on fast, repetitive","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:click-004","t":"Click #4","d":"A very short and sharp click, suitable for responsive UI elements, confirmation of small s","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:click-005","t":"Click #5","d":"An extremely short, faint click, ideal for the most delicate UI interactions or as a nearl","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:close-001","t":"Close #1","d":"A swift, crisp sound of a UI element closing, suitable for dismissing a modal, collapsing ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:close-002","t":"Close #2","d":"A distinct, smooth sound of a UI element closing, ideal for closing a dialog box, a panel,","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:close-003","t":"Close #3","d":"A gentle, soft sound of a UI element closing, appropriate for a less abrupt dismissal of a","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:close-004","t":"Close #4","d":"A slightly extended, fluid sound of a UI element closing, suitable for closing a significa","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:cloth-1","t":"Cloth #1","d":"A light, rustling sound of cloth, useful for subtle background ambiance in a textile-theme","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:cloth-2","t":"Cloth #2","d":"A distinct, moderate rustling sound of cloth, suitable for character actions like equippin","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:cloth-3","t":"Cloth #3","d":"A clear, slightly longer rustling sound of cloth, ideal for more pronounced character inte","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:cloth-4","t":"Cloth #4","d":"A short, sharp sound of cloth, useful for quick character movements or sudden UI element s","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:cloth-belt","t":"Cloth Belt","d":"A sound of a cloth belt being handled, suitable for character customization UI feedback wh","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","vn":1,"hc":1},{"id":"soundcn:combo","t":"Combo","d":"An energetic, celebratory sound indicating a successful combination or sequence of actions","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:combo-breaker","t":"Combo Breaker","d":"A dramatic, impactful sound signaling the interruption or end of a combo sequence, ideal f","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:computer-noise-000","t":"Computer Noise #0","d":"A consistent, low-level computer humming noise, suitable for ambient background sound in a","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:computer-noise-001","t":"Computer Noise #1","d":"A distinct, slightly varied computer humming noise, ideal for more active background ambia","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:computer-noise-002","t":"Computer Noise #2","d":"A nuanced computer noise with subtle variations, useful for creating a dynamic tech-themed","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:computer-noise-003","t":"Computer Noise #3","d":"A complex computer noise featuring multiple layers and subtle movements, perfect for an im","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:confirmation-001","t":"Confirmation #1","d":"A crisp, positive sound indicating a successful action or confirmation, ideal for completi","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:confirmation-002","t":"Confirmation #2","d":"A slightly longer and more melodic confirmation sound, suitable for important achievements","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:confirmation-003","t":"Confirmation #3","d":"A gentle, yet clear confirmation sound, ideal for subtle affirmations, minor task completi","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:confirmation-004","t":"Confirmation #4","d":"A warm, resonant confirmation sound, perfect for reassuring users of successful operations","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:creak-1","t":"Creak #1","d":"A short, distinct creaking sound, useful for subtle environmental feedback in a game, or f","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:creak-2","t":"Creak #2","d":"A longer, more pronounced creaking sound, suitable for significant environmental interacti","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:creak-3","t":"Creak #3","d":"A short, distinct wooden creak, ideal for indicating a subtle state change, an item appear","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:deathmatch","t":"Deathmatch","d":"An intense, aggressive sound indicating a high-stakes event or the start of a competitive ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:dice-grab-1","t":"Dice Grab #1","d":"The sound of several dice being picked up or gathered, perfect for a game UI when a player","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:dice-grab-2","t":"Dice Grab #2","d":"A clear sound of multiple dice being quickly grabbed, suitable for a game UI action like c","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:dice-shake-1","t":"Dice Shake #1","d":"A rhythmic rattling of dice being shaken, excellent for a game UI to build anticipation be","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:dice-shake-2","t":"Dice Shake #2","d":"A medium-length sound of dice being shaken, suitable for game interfaces to indicate the s","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:dice-shake-3","t":"Dice Shake #3","d":"A prolonged and pronounced sound of multiple dice being shaken vigorously, ideal for addin","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:dice-throw-1","t":"Dice Throw #1","d":"A distinct sound of dice being thrown and landing, perfect for confirming a dice roll acti","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:dice-throw-2","t":"Dice Throw #2","d":"A quick and sharp sound of dice being thrown and settling, great for providing immediate f","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:dice-throw-3","t":"Dice Throw #3","d":"A clear, concise sound of dice being thrown and landing, suitable for a game UI to indicat","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:die-throw-1","t":"Die Throw #1","d":"The sound of a single die being thrown and landing, suitable for a game UI when a solo die","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:die-throw-2","t":"Die Throw #2","d":"A distinct sound of a single die being thrown and coming to rest, perfect for a game UI to","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:die-throw-3","t":"Die Throw #3","d":"A light, singular die throw sound, useful for subtle feedback in a game UI where a single ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:die-throw-4","t":"Die Throw #4","d":"A very quick and sharp sound of a single die being thrown, ideal for rapid feedback on a s","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:door-close-000","t":"Door Close #0","d":"A generic and subtle sound of a door closing, useful for UI elements that represent closin","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:door-close-001","t":"Door Close #1","d":"A distinct sound of a door closing, suitable for signifying the completion of a process or","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:door-close-002","t":"Door Close #2","d":"A quiet and definitive sound of a door closing, fitting for UI interactions that finalize ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:door-close-1","t":"Door Close #1","d":"A clear and solid sound of a door closing, suitable for actions like submitting a form, cl","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:door-close-2","t":"Door Close #2","d":"A slightly heavier sound of a door closing, indicating a more substantial closing action o","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:door-close-3","t":"Door Close #3","d":"A distinct and resonant sound of a door closing, ideal for emphasizing the closure of a ma","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:door-close-4","t":"Door Close #4","d":"A sharp, quick sound of a door closing, good for providing concise feedback when an elemen","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:door-open-000","t":"Door Open #0","d":"A subtle sound of a door opening, useful for UI elements that reveal content or open new s","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:door-open-001","t":"Door Open #1","d":"A distinct sound of a door opening, suitable for signifying the initiation of a process or","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:door-open-002","t":"Door Open #2","d":"A quiet and definitive sound of a door opening, fitting for UI interactions that initiate ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:door-open-1","t":"Door Open #1","d":"A clear and solid sound of a door opening, suitable for actions like opening a new view, n","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:door-open-2","t":"Door Open #2","d":"A slightly more substantial sound of a door opening, indicating a more significant opening","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:draw-knife-1","t":"Draw Knife #1","d":"The sound of a knife being drawn or unsheathed, suitable for a game UI to indicate weapon ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:draw-knife-2","t":"Draw Knife #2","d":"A clean and quick sound of a knife being drawn, perfect for game UIs to confirm equipping ","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:draw-knife-3","t":"Draw Knife #3","d":"A distinct metallic sound of a knife being drawn from its scabbard, great for game UIs to ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:drop-001","t":"Drop #1","d":"A small, light dropping sound, ideal for subtle UI feedback like a successful drag-and-dro","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:drop-002","t":"Drop #2","d":"A light, quick dropping sound, suitable for confirming a drag-and-drop action or indicatin","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:drop-003","t":"Drop #3","d":"A very light and brief dropping sound, best for discreet UI feedback for minor actions or ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:drop-004","t":"Drop #4","d":"A slightly more pronounced but still light dropping sound, useful for confirming an item h","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:drop-leather","t":"Drop Leather","d":"The distinct sound of a piece of leather dropping, suitable for inventory management in ga","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:engine-circular-000","t":"Engine Circular 000","d":"A continuous, low hum of a circular engine, suitable as a background ambient sound for a c","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:engine-circular-001","t":"Engine Circular 001","d":"A steady, circular engine hum with a subtle mechanical texture, ideal for providing consis","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:engine-circular-002","t":"Engine Circular 002","d":"A consistent, mid-frequency circular engine hum, useful for ambient feedback in a UI that ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:engine-circular-003","t":"Engine Circular 003","d":"A smooth, continuous circular engine hum, perfect for a subtle and immersive background so","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:engine-circular-004","t":"Engine Circular 004","d":"A deep, resonant circular engine hum, providing a powerful ambient background for heavy ma","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:error-001","t":"Error #1","d":"A short, sharp error sound, suitable for immediate feedback on minor input validation fail","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:error-002","t":"Error #2","d":"A brief, distinct error sound, ideal for acknowledging an incorrect action or a failed ope","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:error-003","t":"Error #3","d":"A more drawn-out and noticeable error sound, useful for emphasizing a significant error or","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:error-004","t":"Error #4","d":"A very short and quick error beep, best for subtle feedback on a minor, non-blocking issue","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:error-005","t":"Error #5","d":"A medium-length, clear error sound, suitable for form validation failures or indicating th","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:error-006","t":"Error #6","d":"A clear and slightly resonant error sound, effective for signaling a medium-severity probl","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:error-007","t":"Error #7","d":"A concise and immediate error sound, perfect for quick feedback when a user attempts an in","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:error-008","t":"Error #8","d":"A short, simple error tone, useful for discreetly informing the user of a minor error or a","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Outcomes","sy":["minimal"],"hc":1},{"id":"soundcn:explosion-crunch-000","t":"Explosion Crunch 000","d":"A sharp, impactful explosion followed by a crunchy debris sound, ideal for a game UI to si","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:explosion-crunch-001","t":"Explosion Crunch 001","d":"A robust explosion sound with a distinct crunch of debris, suitable for game UIs to indica","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:explosion-crunch-002","t":"Explosion Crunch 002","d":"An impactful explosion followed by a settling crunch, perfect for a game UI to denote a su","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:explosion-crunch-003","t":"Explosion Crunch 003","d":"This sound is a deep, impactful crunch that signifies a destructive event, ideal for commu","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:explosion-crunch-004","t":"Explosion Crunch 004","d":"This sound is a powerful, breaking crunch effect suitable for indicating a major system fa","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:fight","t":"Fight","d":"This sound implies a struggle or combat, suitable for indicating an ongoing conflict, a ch","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:flawless-victory","t":"Flawless Victory","d":"This sound is an emphatic and celebratory declaration of perfect success, ideal for confir","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-00","t":"Footstep #0","d":"A generic, light footstep sound, suitable for indicating movement, progress through steps,","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-01","t":"Footstep #1","d":"A generic, light footstep sound, suitable for indicating movement, progress through steps,","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-02","t":"Footstep #2","d":"A generic, light footstep sound, suitable for indicating movement, progress through steps,","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-03","t":"Footstep #3","d":"A generic, light footstep sound, suitable for indicating movement, progress through steps,","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-04","t":"Footstep #4","d":"A generic, light footstep sound, suitable for indicating movement, progress through steps,","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-05","t":"Footstep #5","d":"A generic, light footstep sound, suitable for indicating movement, progress through steps,","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-06","t":"Footstep #6","d":"A generic, light footstep sound, suitable for indicating movement, progress through steps,","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-07","t":"Footstep #7","d":"A generic, light footstep sound, suitable for indicating movement, progress through steps,","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-08","t":"Footstep #8","d":"A generic, light footstep sound, suitable for indicating movement, progress through steps,","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-09","t":"Footstep #9","d":"A generic, light footstep sound, suitable for indicating movement, progress through steps,","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-carpet-000","t":"Footstep Carpet 000","d":"A soft, muffled footstep sound on carpet, useful for conveying quiet movement, stealth, or","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-carpet-001","t":"Footstep Carpet 001","d":"A soft, muffled footstep sound on carpet, useful for conveying quiet movement, stealth, or","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-carpet-002","t":"Footstep Carpet 002","d":"A soft, muffled footstep sound on carpet, useful for conveying quiet movement, stealth, or","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-carpet-003","t":"Footstep Carpet 003","d":"A soft, muffled footstep sound on carpet, useful for conveying quiet movement, stealth, or","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-carpet-004","t":"Footstep Carpet 004","d":"A soft, muffled footstep sound on carpet, useful for conveying quiet movement, stealth, or","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-concrete-000","t":"Footstep Concrete 000","d":"A firm, distinct footstep sound on concrete, suitable for indicating clear movement, deter","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-concrete-001","t":"Footstep Concrete 001","d":"A firm, distinct footstep sound on concrete, suitable for indicating clear movement, deter","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-concrete-002","t":"Footstep Concrete 002","d":"A firm, distinct footstep sound on concrete, suitable for indicating clear movement, deter","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-concrete-003","t":"Footstep Concrete 003","d":"A firm, distinct footstep sound on concrete, suitable for indicating clear movement, deter","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-concrete-004","t":"Footstep Concrete 004","d":"A firm, distinct footstep sound on concrete, suitable for indicating clear movement, deter","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-grass-000","t":"Footstep Grass #0","d":"A rustling footstep sound on grass, useful for conveying outdoor movement, exploration, or","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-grass-001","t":"Footstep Grass #1","d":"A rustling footstep sound on grass, useful for conveying outdoor movement, exploration, or","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-grass-002","t":"Footstep Grass #2","d":"A rustling footstep sound on grass, useful for conveying outdoor movement, exploration, or","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-grass-003","t":"Footstep Grass #3","d":"A rustling footstep sound on grass, useful for conveying outdoor movement, exploration, or","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-grass-004","t":"Footstep Grass #4","d":"A rustling footstep sound on grass, useful for conveying outdoor movement, exploration, or","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-snow-000","t":"Footstep Snow #0","d":"A crunching footstep sound on snow, suitable for indicating cold environment movement, win","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:footstep-snow-001","t":"Footstep Snow #1","d":"A crunching footstep sound on snow, suitable for indicating cold environment movement, win","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:footstep-snow-002","t":"Footstep Snow #2","d":"A crunching footstep sound on snow, suitable for indicating cold environment movement, win","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:footstep-snow-003","t":"Footstep Snow #3","d":"A crunching footstep sound on snow, suitable for indicating cold environment movement, win","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:footstep-snow-004","t":"Footstep Snow #4","d":"A crunching footstep sound on snow, suitable for indicating cold environment movement, win","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:footstep-wood-000","t":"Footstep Wood #0","d":"A resonant footstep sound on wood, ideal for indicating indoor movement, exploration in a ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-wood-001","t":"Footstep Wood #1","d":"A resonant footstep sound on wood, ideal for indicating indoor movement, exploration in a ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-wood-002","t":"Footstep Wood #2","d":"A resonant footstep sound on wood, ideal for indicating indoor movement, exploration in a ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-wood-003","t":"Footstep Wood #3","d":"A resonant footstep sound on wood, ideal for indicating indoor movement, exploration in a ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:footstep-wood-004","t":"Footstep Wood #4","d":"A resonant footstep sound on wood, ideal for indicating indoor movement, exploration in a ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:force-field-000","t":"Force Field #0","d":"A futuristic, energetic force field sound, suitable for indicating activation or deactivat","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:force-field-001","t":"Force Field #1","d":"A futuristic, energetic force field sound, suitable for indicating activation or deactivat","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:force-field-002","t":"Force Field #2","d":"A futuristic, energetic force field sound, suitable for indicating activation or deactivat","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:force-field-003","t":"Force Field #3","d":"A futuristic, energetic force field sound, suitable for indicating activation or deactivat","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:force-field-004","t":"Force Field #4","d":"A futuristic, energetic force field sound, suitable for indicating activation or deactivat","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:glass-001","t":"Glass #1","d":"A clear, sharp glass sound, useful for indicating a fragile interaction, a breaking event,","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:glass-002","t":"Glass #2","d":"A clear, sharp glass sound, useful for indicating a fragile interaction, a breaking event,","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:glass-003","t":"Glass #3","d":"A clear, sharp glass sound, useful for indicating a fragile interaction, a breaking event,","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:glass-004","t":"Glass #4","d":"A clear, sharp glass sound, useful for indicating a fragile interaction, a breaking event,","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:glass-005","t":"Glass #5","d":"A clear, sharp glass sound, useful for indicating a fragile interaction, a breaking event,","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:glass-006","t":"Glass #6","d":"A clear, sharp glass sound, useful for indicating a fragile interaction, a breaking event,","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:glitch-001","t":"Glitch #1","d":"A very short, sharp digital stutter, ideal for indicating a minor system error or a quick ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:glitch-002","t":"Glitch #2","d":"A slightly longer, more pronounced digital disruption, suitable for signaling a moderate s","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:glitch-003","t":"Glitch #3","d":"A very brief and subtle digital artifact, perfect for indicating a fleeting data anomaly o","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:glitch-004","t":"Glitch #4","d":"A distinct digital breaking sound, well-suited for highlighting a significant but temporar","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:handle-coins","t":"Handle Coins","d":"The sound of multiple coins being handled or gathered, ideal for indicating currency colle","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","vn":1,"hc":1},{"id":"soundcn:handle-small-leather","t":"Handle Small Leather","d":"The distinct rustle of small leather being handled, suitable for opening or closing a wall","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","vn":1,"hc":1},{"id":"soundcn:high-down","t":"High Down","d":"A high-pitched sound that smoothly descends in tone, perfect for indicating a UI element c","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:high-up","t":"High Up","d":"A high-pitched sound that smoothly ascends in tone, excellent for signifying a UI element ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:hold","t":"Hold","d":"A sustained, neutral tone or drone, suitable for indicating a persistent state, a loading ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-bell-heavy-000","t":"Impact Bell Heavy 000","d":"A deep, resonating heavy bell impact, ideal for signaling a significant achievement, a gra","k":"resource","s":"soundcn","c":"assets/sound","sb":"Notifications","hc":1},{"id":"soundcn:impact-bell-heavy-001","t":"Impact Bell Heavy 001","d":"A strong, weighty bell impact with a sustained ring, suitable for confirming a critical ac","k":"resource","s":"soundcn","c":"assets/sound","sb":"Notifications","hc":1},{"id":"soundcn:impact-bell-heavy-002","t":"Impact Bell Heavy 002","d":"A clear, heavy bell strike with a moderate sustain, good for indicating a significant mile","k":"resource","s":"soundcn","c":"assets/sound","sb":"Notifications","hc":1},{"id":"soundcn:impact-bell-heavy-003","t":"Impact Bell Heavy 003","d":"A deliberate, heavy bell toll, perfect for marking a major completion, a profound revelati","k":"resource","s":"soundcn","c":"assets/sound","sb":"Notifications","hc":1},{"id":"soundcn:impact-bell-heavy-004","t":"Impact Bell Heavy 004","d":"A concise, heavy bell strike with a quick decay, excellent for affirming a strong selectio","k":"resource","s":"soundcn","c":"assets/sound","sb":"Notifications","hc":1},{"id":"soundcn:impact-generic-light-000","t":"Impact Generic Light 000","d":"A quick, light, and general impact sound, ideal for subtle button presses, menu selections","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-generic-light-001","t":"Impact Generic Light 001","d":"A very brief and soft generic impact, perfect for quick, understated UI feedback like a sm","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-generic-light-002","t":"Impact Generic Light 002","d":"A distinct but light generic impact, suitable for confirming a default selection or a gene","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-generic-light-003","t":"Impact Generic Light 003","d":"A short, airy, and light impact, great for indicating a fleeting interaction, a transient ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-generic-light-004","t":"Impact Generic Light 004","d":"A clean, light, and unobtrusive impact sound, ideal for background UI actions, minor confi","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:impact-glass-heavy-000","t":"Impact Glass Heavy 000","d":"A sharp, resonating heavy glass impact, useful for indicating a fragile but significant br","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:impact-glass-heavy-001","t":"Impact Glass Heavy 001","d":"A forceful, sustained heavy glass impact, perfect for signaling a major UI element shatter","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:impact-glass-heavy-002","t":"Impact Glass Heavy 002","d":"A clear, heavy glass strike with a pronounced decay, suitable for a decisive UI element br","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:impact-glass-heavy-003","t":"Impact Glass Heavy 003","d":"A concise, heavy glass crack, ideal for a quick, impactful notification of something break","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:impact-glass-heavy-004","t":"Impact Glass Heavy 004","d":"A deep, shattering heavy glass impact, excellent for indicating a complete breakdown, a si","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:impact-glass-light-000","t":"Impact Glass Light 000","d":"A delicate, light glass tap, perfect for subtle UI feedback like a menu selection, a small","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:impact-glass-light-001","t":"Impact Glass Light 001","d":"A very soft and brief light glass ping, suitable for minor confirmations, transient states","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:impact-glass-light-002","t":"Impact Glass Light 002","d":"A crisp, light glass sound, ideal for confirming a selection or a brief interaction with a","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:impact-glass-light-003","t":"Impact Glass Light 003","d":"A short, airy light glass click, perfect for quick navigation, subtle menu transitions, or","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:impact-glass-light-004","t":"Impact Glass Light 004","d":"A clean, light glass 'clink', suitable for a precise UI element interaction, a minor succe","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass","minimal"],"sb":"Keyboard","sy":["glass","minimal"],"hc":1},{"id":"soundcn:impact-glass-medium-000","t":"Impact Glass Medium 000","d":"A moderate glass impact with a distinct resonance, ideal for confirming a medium-importanc","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:impact-glass-medium-001","t":"Impact Glass Medium 001","d":"A balanced glass strike, neither too light nor too heavy, perfect for general object inter","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:impact-glass-medium-002","t":"Impact Glass Medium 002","d":"A clear, mid-range glass impact, well-suited for a clear acknowledgment of input or a subs","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:impact-glass-medium-003","t":"Impact Glass Medium 003","d":"A firm but not aggressive glass impact, ideal for indicating a successful submission, an i","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:impact-glass-medium-004","t":"Impact Glass Medium 004","d":"A resonant, medium glass hit, perfect for signaling a key event, an item being equipped, o","k":"resource","s":"soundcn","c":"assets/sound","tg":["glass"],"sb":"Keyboard","sy":["glass"],"hc":1},{"id":"soundcn:impact-metal-000","t":"Impact Metal #0","d":"A general metallic impact sound, suitable for standard button clicks, item interactions, o","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-metal-001","t":"Impact Metal #1","d":"A slightly brighter metallic impact with a clear ring, ideal for confirming a selection or","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-metal-002","t":"Impact Metal #2","d":"A quick, clean metallic tap, perfect for rapid UI interactions, quick selections, or a res","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:impact-metal-003","t":"Impact Metal #3","d":"A deeper, more resonant metallic impact, suitable for a more significant button press, a s","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-metal-004","t":"Impact Metal #4","d":"A short, sharp metallic 'clink', excellent for a precise UI interaction, a minor success, ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-metal-heavy-000","t":"Impact Metal Heavy 000","d":"A distinct, heavy metallic thud, suitable for indicating a strong impact, a robust action,","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:impact-metal-heavy-001","t":"Impact Metal Heavy 001","d":"A powerful, resonant heavy metal impact, ideal for signaling a major event, a critical suc","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-metal-heavy-002","t":"Impact Metal Heavy 002","d":"A very brief and solid heavy metal clang, perfect for a quick, decisive action or a strong","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-metal-heavy-003","t":"Impact Metal Heavy 003","d":"A deep, sustained heavy metal strike, suitable for a substantial completion, a significant","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-metal-heavy-004","t":"Impact Metal Heavy 004","d":"A short, commanding heavy metal hit, excellent for a forceful selection, a critical action","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-metal-light-000","t":"Impact Metal Light 000","d":"A delicate, light metallic tap, perfect for subtle UI interactions, small button presses, ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-metal-light-001","t":"Impact Metal Light 001","d":"A quick, crisp light metallic click, suitable for rapid menu navigation, minor selections,","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-metal-light-002","t":"Impact Metal Light 002","d":"A clean, light metallic sound, ideal for confirming a default selection or a general inter","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:impact-metal-light-003","t":"Impact Metal Light 003","d":"A slightly longer, airy light metallic ping, perfect for indicating a brief process comple","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-metal-light-004","t":"Impact Metal Light 004","d":"This is a light, crisp metallic hit, ideal for confirming a minor selection or marking a s","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-metal-medium-000","t":"Impact Metal Medium 000","d":"This sound features a distinct medium-strength metallic clang, suitable for confirming an ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-metal-medium-001","t":"Impact Metal Medium 001","d":"A sharp, medium metallic strike sound, perfect for conveying a decisive action or a succes","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-metal-medium-002","t":"Impact Metal Medium 002","d":"This is a brief, medium metallic impact, useful for confirming a quick user input or provi","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-metal-medium-003","t":"Impact Metal Medium 003","d":"A robust, medium metallic thud, suitable for indicating a successful submission, a promine","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:impact-metal-medium-004","t":"Impact Metal Medium 004","d":"A very short, punchy metallic hit of medium intensity, excellent for immediate feedback on","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-mining-000","t":"Impact Mining #0","d":"A deep, resonant impact sound reminiscent of striking stone or a heavy dig, ideal for game","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-mining-001","t":"Impact Mining #1","d":"This sound offers a powerful, sustained impact evocative of heavy excavation, well-suited ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-mining-002","t":"Impact Mining #2","d":"A gritty, prolonged mining impact sound, perfect for conveying the effort and outcome of a","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-mining-003","t":"Impact Mining #3","d":"A forceful, echoing mining impact, excellent for dramatic game events, breaking significan","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-mining-004","t":"Impact Mining #4","d":"This sound is a substantial, slightly gritty mining impact, suitable for confirmation of a","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-plank-medium-000","t":"Impact Plank Medium 000","d":"A solid, medium-strength wooden thud, well-suited for UI elements that simulate physical o","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:impact-plank-medium-001","t":"Impact Plank Medium 001","d":"This sound is a crisp, medium wooden impact, ideal for interactive UI elements that have a","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-plank-medium-002","t":"Impact Plank Medium 002","d":"A distinct, medium-force wooden knock, useful for drawing attention to a new UI element ap","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-plank-medium-003","t":"Impact Plank Medium 003","d":"This sound provides a warm, medium wooden thud, suitable for less jarring confirmations or","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:impact-plank-medium-004","t":"Impact Plank Medium 004","d":"A clean, medium wooden hit, ideal for providing clear feedback for button presses, object ","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:impact-plate-heavy-000","t":"Impact Plate Heavy 000","d":"A deep, resonant impact of heavy metal plate, perfect for critical errors, strong game fee","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-plate-heavy-001","t":"Impact Plate Heavy 001","d":"This sound features a weighty, metallic plate crash, best suited for indicating major fail","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-plate-heavy-002","t":"Impact Plate Heavy 002","d":"A prolonged, heavy metallic clang, ideal for emphasizing a critical UI event, a powerful b","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-plate-heavy-003","t":"Impact Plate Heavy 003","d":"This sound delivers a sharp, heavy metal plate impact, perfect for marking a crucial, impa","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-plate-heavy-004","t":"Impact Plate Heavy 004","d":"A very weighty and resonant metal plate thud, excellent for signifying major game achievem","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:impact-plate-light-000","t":"Impact Plate Light 000","d":"A delicate, light metallic plate tap, suitable for subtle confirmations, minor selections,","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-plate-light-001","t":"Impact Plate Light 001","d":"This sound is a crisp, light metal plate ring, useful for confirming successful minor acti","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-plate-light-002","t":"Impact Plate Light 002","d":"A brief, light metallic plate clink, perfect for small UI interactions like toggling a set","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-plate-light-003","t":"Impact Plate Light 003","d":"This sound offers a clean, light metallic plate strike, excellent for indicating a success","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:impact-plate-light-004","t":"Impact Plate Light 004","d":"A very short, airy metallic plate tap, suitable for highly subtle UI feedback, like a sile","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-plate-medium-000","t":"Impact Plate Medium 000","d":"A distinct, medium metallic plate impact, ideal for general confirmations, prominent butto","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-plate-medium-001","t":"Impact Plate Medium 001","d":"This sound provides a clear, medium metallic plate clang, useful for marking a successful ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-plate-medium-002","t":"Impact Plate Medium 002","d":"A brief, solid medium metal plate impact, perfect for quick confirmations, opening modals,","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-plate-medium-003","t":"Impact Plate Medium 003","d":"This sound features a resonant, medium metallic plate thud, well-suited for confirming cri","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:impact-plate-medium-004","t":"Impact Plate Medium 004","d":"A sharp, impactful medium metal plate strike, ideal for drawing attention to an important ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-punch-heavy-000","t":"Impact Punch Heavy 000","d":"A deep, powerful thud indicating a heavy punch, excellent for game feedback like strong hi","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:impact-punch-heavy-001","t":"Impact Punch Heavy 001","d":"This sound is a substantial, blunt heavy punch, well-suited for confirming critical failur","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-punch-heavy-002","t":"Impact Punch Heavy 002","d":"A short, brutal heavy punch sound, perfect for immediate feedback on game hits, critical U","k":"resource","s":"soundcn","c":"assets/sound","tg":["brutalist"],"sb":"Keyboard","sy":["brutalist"],"hc":1},{"id":"soundcn:impact-punch-heavy-003","t":"Impact Punch Heavy 003","d":"This sound delivers a powerful, slightly resonant heavy punch, ideal for confirming a sign","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-punch-heavy-004","t":"Impact Punch Heavy 004","d":"A very strong, weighty heavy punch, excellent for impactful game attacks, critical UI erro","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-punch-medium-000","t":"Impact Punch Medium 000","d":"A crisp, medium punch impact, suitable for general game hits, button presses that feel sol","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-punch-medium-001","t":"Impact Punch Medium 001","d":"This sound provides a quick, solid medium punch, perfect for rapid-fire game hits, confirm","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-punch-medium-002","t":"Impact Punch Medium 002","d":"A distinct, medium punch sound, useful for confirming a successful game attack, a satisfyi","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-punch-medium-003","t":"Impact Punch Medium 003","d":"This sound delivers a focused, medium punch impact, ideal for precise game hits, confirmat","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-punch-medium-004","t":"Impact Punch Medium 004","d":"A clean, medium punch sound, excellent for general game combat feedback, confirming a succ","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:impact-soft-heavy-000","t":"Impact Soft Heavy 000","d":"A deep, muffled heavy impact, suitable for UI elements that require a weighty but not jarr","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-soft-heavy-001","t":"Impact Soft Heavy 001","d":"This sound features a sustained, soft heavy thud, well-suited for indicating a significant","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:impact-soft-heavy-002","t":"Impact Soft Heavy 002","d":"A resonant, soft heavy impact, perfect for marking a successful, but non-intrusive action,","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-soft-heavy-003","t":"Impact Soft Heavy 003","d":"This sound provides a warm, soft heavy thud, ideal for providing feedback for a successful","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:impact-soft-heavy-004","t":"Impact Soft Heavy 004","d":"A very deep, slightly muffled heavy impact, excellent for significant but muted UI events,","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-soft-medium-000","t":"Impact Soft Medium 000","d":"A brief, soft medium thud, suitable for subtle UI confirmations, light object interaction,","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:impact-soft-medium-001","t":"Impact Soft Medium 001","d":"This sound is a gentle, medium soft tap, useful for discrete UI actions like checkboxes, s","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-soft-medium-002","t":"Impact Soft Medium 002","d":"A quick, muted medium soft thud, perfect for unobtrusive confirmations, silent mode intera","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:impact-soft-medium-003","t":"Impact Soft Medium 003","d":"This sound offers a clean, soft medium impact, ideal for smooth UI animations, subtle conf","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:impact-soft-medium-004","t":"Impact Soft Medium 004","d":"A soft, medium-impact sound, suitable for subtle feedback like a successful background act","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-tin-medium-000","t":"Impact Tin Medium 000","d":"A distinct, medium-impact tin sound, perfect for UI elements that mimic metallic objects, ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-tin-medium-001","t":"Impact Tin Medium 001","d":"A clear, medium-impact tin sound, useful for UI interactions that require a light, metalli","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-tin-medium-002","t":"Impact Tin Medium 002","d":"A sharp, medium-impact tin sound, ideal for interactive elements like a pop-up appearing o","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-tin-medium-003","t":"Impact Tin Medium 003","d":"A medium-impact tin sound with a slightly resonant quality, suitable for indicating select","k":"resource","s":"soundcn","c":"assets/sound","tg":["playful"],"sb":"Keyboard","sy":["playful"],"hc":1},{"id":"soundcn:impact-tin-medium-004","t":"Impact Tin Medium 004","d":"A punchy, medium-impact tin sound, effective for user actions requiring clear, tangible fe","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-wood-heavy-000","t":"Impact Wood Heavy 000","d":"A deep, heavy wood impact sound, conveying solidity and completion, suitable for a signifi","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-wood-heavy-001","t":"Impact Wood Heavy 001","d":"A resonant, heavy wood impact, perfect for denoting a strong, deliberate action, such as s","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-wood-heavy-002","t":"Impact Wood Heavy 002","d":"A rich, heavy wood impact sound, conveying a sense of finality and importance, ideal for a","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-wood-heavy-003","t":"Impact Wood Heavy 003","d":"A firm, heavy wood impact, useful for affirming significant user choices or successful loa","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-wood-heavy-004","t":"Impact Wood Heavy 004","d":"A powerful, heavy wood impact sound, suitable for marking momentous events in an applicati","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-wood-light-000","t":"Impact Wood Light 000","d":"A gentle, light wood impact sound, perfect for subtle interactions like a minor selection ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-wood-light-001","t":"Impact Wood Light 001","d":"A delicate, light wood impact sound, suitable for understated feedback such as a checkbox ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-wood-light-002","t":"Impact Wood Light 002","d":"A quick, light wood impact sound, useful for rapid feedback on minor UI elements or a fast","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-wood-light-003","t":"Impact Wood Light 003","d":"A crisp, light wood impact sound, ideal for confirming a brief interaction, such as clicki","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-wood-light-004","t":"Impact Wood Light 004","d":"A clean, light wood impact sound, designed for responsive and clear feedback on non-critic","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:impact-wood-medium-000","t":"Impact Wood Medium 000","d":"A distinct, medium wood impact sound, conveying moderate feedback for actions like a succe","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-wood-medium-001","t":"Impact Wood Medium 001","d":"A balanced, medium wood impact sound, suitable for confirming standard UI interactions, su","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-wood-medium-002","t":"Impact Wood Medium 002","d":"A clear, medium wood impact sound, ideal for giving substantial yet not overpowering feedb","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-wood-medium-003","t":"Impact Wood Medium 003","d":"A warm, medium wood impact sound, perfect for providing satisfying feedback on actions lik","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:impact-wood-medium-004","t":"Impact Wood Medium 004","d":"A sturdy, medium wood impact sound, suitable for reinforcing user actions with a sense of ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:its-a-tie","t":"Its A Tie","d":"A brief, playful vocalization indicating a tie or draw, ideal for game results screens or ","k":"resource","s":"soundcn","c":"assets/sound","tg":["playful"],"sb":"Keyboard","sy":["playful"],"hc":1},{"id":"soundcn:jingles-hit-00","t":"Jingles Hit #0","d":"A short, bright jingle hit, perfect for signaling a quick success, a positive action confi","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-hit-01","t":"Jingles Hit #1","d":"A cheerful jingle hit with a slightly longer decay, suitable for more prominent positive f","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-hit-02","t":"Jingles Hit #2","d":"A distinct jingle hit, conveying a clear, positive acknowledgment, useful for confirming a","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-hit-03","t":"Jingles Hit #3","d":"A melodic jingle hit that suggests a completed action or a discovery, ideal for progressio","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-hit-04","t":"Jingles Hit #4","d":"A crisp jingle hit with a playful character, perfect for marking a correct answer, a colle","k":"resource","s":"soundcn","c":"assets/sound","tg":["playful"],"sb":"Keyboard","sy":["playful"],"hc":1},{"id":"soundcn:jingles-hit-05","t":"Jingles Hit #5","d":"A sparkling jingle hit that signifies a successful event or gaining something valuable, of","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-hit-06","t":"Jingles Hit #6","d":"A short and sweet jingle hit, providing immediate, positive affirmation for minor interact","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-hit-07","t":"Jingles Hit #7","d":"A quick, bright jingle hit, ideal for rapid feedback on actions such as a fast menu select","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-hit-08","t":"Jingles Hit #8","d":"A concise and positive jingle hit, perfect for confirming a choice or a simple step comple","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:jingles-hit-09","t":"Jingles Hit #9","d":"A vibrant jingle hit that suggests a larger success or unlocking new content, suitable for","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-hit-10","t":"Jingles Hit #10","d":"A celebratory jingle hit, emphasizing a major accomplishment or the completion of a challe","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-hit-11","t":"Jingles Hit #11","d":"An extended and elaborate jingle hit, signaling a grand success, a significant unlock, or ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-hit-12","t":"Jingles Hit #12","d":"A very short, crisp jingle hit, designed for minimal, rapid positive feedback like a quick","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:jingles-hit-13","t":"Jingles Hit #13","d":"A light and airy jingle hit, perfect for subtle positive confirmations such as a successfu","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-hit-14","t":"Jingles Hit #14","d":"A clear and bright jingle hit, providing straightforward positive feedback for actions lik","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-hit-15","t":"Jingles Hit #15","d":"A long, evolving jingle hit, ideal for marking a significant positive transition, a grand ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-hit-16","t":"Jingles Hit #16","d":"A percussive jingle hit, offering a distinct and upbeat confirmation for user actions in a","k":"resource","s":"soundcn","c":"assets/sound","tg":["playful"],"sb":"Keyboard","sy":["playful"],"hc":1},{"id":"soundcn:jingles-nes-00","t":"Jingles Nes #0","d":"A retro, Nintendo-style jingle, evoking nostalgia and signaling a major achievement or sta","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:jingles-nes-01","t":"Jingles Nes #1","d":"A classic 8-bit style jingle, indicating a successful minor action or a correct choice in ","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:jingles-nes-02","t":"Jingles Nes #2","d":"A short, iconic 8-bit jingle, perfect for quick, positive feedback like collecting a coin ","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:jingles-nes-03","t":"Jingles Nes #3","d":"A more complex 8-bit jingle, suitable for confirming a moderate achievement or navigating ","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:jingles-nes-04","t":"Jingles Nes #4","d":"A bright, distinct 8-bit jingle, signaling a clear positive event, like discovering a hidd","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:jingles-nes-05","t":"Jingles Nes #5","d":"A longer, more elaborate 8-bit jingle, ideal for celebrating a significant game milestone ","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:jingles-nes-06","t":"Jingles Nes #6","d":"A celebratory 8-bit jingle, perfect for indicating a major victory, a high score, or a tri","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:jingles-nes-07","t":"Jingles Nes #7","d":"A classic 8-bit jingle, evoking a sense of discovery or a new possibility, suitable for re","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:jingles-nes-08","t":"Jingles Nes #8","d":"A short, energetic 8-bit jingle, designed for quick, positive acknowledgments like selecti","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:jingles-nes-09","t":"Jingles Nes #9","d":"A concise 8-bit jingle with a clear positive tone, ideal for confirming a purchase or a su","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:jingles-nes-10","t":"Jingles Nes #10","d":"A very short, punchy 8-bit jingle, useful for rapid feedback on small, successful interact","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:jingles-nes-11","t":"Jingles Nes #11","d":"A short, retro 8-bit jingle with a clear, ascending melody, ideal for a successful action ","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:jingles-nes-12","t":"Jingles Nes #12","d":"A distinct, classic 8-bit jingle featuring a simple, rising melody, perfect for indicating","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal","retro and HUD"],"sb":"Keyboard","sy":["minimal","retro and HUD"],"hc":1},{"id":"soundcn:jingles-nes-13","t":"Jingles Nes #13","d":"A longer, upbeat 8-bit jingle with a catchy, triumphant melody, suitable for signaling a m","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:jingles-nes-14","t":"Jingles Nes #14","d":"A very short, crisp 8-bit jingle with a quick, bright tone, excellent for subtle positive ","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:jingles-nes-15","t":"Jingles Nes #15","d":"A brief, cheerful 8-bit jingle with a simple, happy tune, perfect for a minor achievement,","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal","retro and HUD"],"sb":"Keyboard","sy":["minimal","retro and HUD"],"hc":1},{"id":"soundcn:jingles-nes-16","t":"Jingles Nes #16","d":"A moderate-length 8-bit jingle with a clear, satisfying resolution, useful for confirming ","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:jingles-pizzi-00","t":"Jingles Pizzi #0","d":"A short, light pizzicato jingle with a playful, bouncy feel, suitable for minor positive f","k":"resource","s":"soundcn","c":"assets/sound","tg":["playful"],"sb":"Keyboard","sy":["playful"],"hc":1},{"id":"soundcn:jingles-pizzi-01","t":"Jingles Pizzi #1","d":"A pleasant, slightly longer pizzicato jingle with a gentle, flowing melody, ideal for a po","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-pizzi-02","t":"Jingles Pizzi #2","d":"An expressive pizzicato jingle with a distinct, moderately paced melody, great for signali","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-pizzi-03","t":"Jingles Pizzi #3","d":"A more extended and melodic pizzicato jingle with a clear sense of resolution, perfect for","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-pizzi-04","t":"Jingles Pizzi #4","d":"A very short and quick pizzicato jingle, delivering a bright, crisp affirmation, best for ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-pizzi-05","t":"Jingles Pizzi #5","d":"A concise and cheerful pizzicato jingle, offering positive feedback for simple interaction","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:jingles-pizzi-06","t":"Jingles Pizzi #6","d":"A moderate-length pizzicato jingle with a clear, happy melody, suitable for indicating suc","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-pizzi-07","t":"Jingles Pizzi #7","d":"A longer, more elaborate pizzicato jingle with a celebratory and conclusive feel, excellen","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-pizzi-08","t":"Jingles Pizzi #8","d":"A quick, ascending pizzicato jingle, providing a light and positive cue for actions like a","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-pizzi-09","t":"Jingles Pizzi #9","d":"A short and distinct pizzicato jingle with a simple, pleasant progression, ideal for confi","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:jingles-pizzi-10","t":"Jingles Pizzi #10","d":"A melodic pizzicato jingle with a warm and inviting feel, great for indicating a new messa","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-pizzi-11","t":"Jingles Pizzi #11","d":"A bright and cheerful pizzicato jingle with a clear, moderate tempo, perfect for successfu","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-pizzi-12","t":"Jingles Pizzi #12","d":"A more extended pizzicato jingle with a rich, harmonious quality, suitable for significant","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-pizzi-13","t":"Jingles Pizzi #13","d":"A flowing and slightly longer pizzicato jingle with a reassuring tone, ideal for confirmin","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-pizzi-14","t":"Jingles Pizzi #14","d":"A vibrant pizzicato jingle with a dynamic, ascending melody, great for indicating a succes","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-pizzi-15","t":"Jingles Pizzi #15","d":"A pleasant and moderate-length pizzicato jingle with a gentle, confirming sound, useful fo","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-pizzi-16","t":"Jingles Pizzi #16","d":"A short, light, and airy pizzicato jingle with a quick, positive punctuation, ideal for br","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-sax-00","t":"Jingles Sax #0","d":"A very short, punchy saxophone jingle, providing a quick and upbeat positive confirmation ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-sax-01","t":"Jingles Sax #1","d":"A smooth saxophone jingle with a brief, mellow melody, perfect for a gentle positive notif","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-sax-02","t":"Jingles Sax #2","d":"A melodic saxophone jingle with a clear, positive progression, suitable for successful tas","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-sax-03","t":"Jingles Sax #3","d":"A more extended and elaborate saxophone jingle, conveying a sense of triumph and accomplis","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-sax-04","t":"Jingles Sax #4","d":"A short, bright saxophone jingle that delivers a quick, cheerful positive feedback for min","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-sax-05","t":"Jingles Sax #5","d":"A concise saxophone jingle with a smooth, affirming tone, useful for confirming simple act","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:jingles-sax-06","t":"Jingles Sax #6","d":"A moderate saxophone jingle with a clear, pleasant melody, perfect for acknowledging succe","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-sax-07","t":"Jingles Sax #7","d":"A lengthy and rich saxophone jingle with a grand, celebratory feel, designed for major mil","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-sax-08","t":"Jingles Sax #8","d":"A very short and quick saxophone jingle, providing an immediate, bright positive confirmat","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-sax-09","t":"Jingles Sax #9","d":"A brief and distinct saxophone jingle with a clear, upward inflection, ideal for a quick s","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-sax-10","t":"Jingles Sax #10","d":"A moderate-length saxophone jingle with a smooth, encouraging melody, suitable for success","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-sax-11","t":"Jingles Sax #11","d":"A smooth and slightly extended saxophone jingle with a reassuring, positive tone, great fo","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-sax-12","t":"Jingles Sax #12","d":"A melodic saxophone jingle with a clear, satisfying resolution, ideal for completion of a ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-sax-13","t":"Jingles Sax #13","d":"A flowing saxophone jingle with a bright, inviting sound, perfect for a new message notifi","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-sax-14","t":"Jingles Sax #14","d":"A pleasant and moderate saxophone jingle with a gentle, positive character, suitable for g","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-sax-15","t":"Jingles Sax #15","d":"A smooth, concise saxophone jingle with a clear, positive chime, excellent for confirming ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-sax-16","t":"Jingles Sax #16","d":"A very brief and light saxophone jingle, offering a quick, understated positive affirmatio","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:jingles-steel-00","t":"Jingles Steel #0","d":"A short, bright steelpan jingle with a clear, resonant tone, suitable for positive confirm","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-steel-01","t":"Jingles Steel #1","d":"A melodic steelpan jingle with a shimmering, uplifting quality, ideal for successful task ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-steel-02","t":"Jingles Steel #2","d":"An extended steelpan jingle with a rich, harmonious, and celebratory feel, perfect for sig","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-steel-03","t":"Jingles Steel #3","d":"A prolonged steelpan jingle with a vibrant, ringing melody, suitable for major positive ev","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-steel-04","t":"Jingles Steel #4","d":"A clear, moderate-length steelpan jingle with a bright, positive chime, excellent for conf","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-steel-05","t":"Jingles Steel #5","d":"A sparkling steelpan jingle with a quick, happy progression, ideal for collecting items, e","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-steel-06","t":"Jingles Steel #6","d":"An elongated steelpan jingle with a rich, resonant, and satisfying resolution, perfect for","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-steel-07","t":"Jingles Steel #7","d":"A grand and extended steelpan jingle with a full, shimmering melody, designed for ultimate","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-steel-08","t":"Jingles Steel #8","d":"A short and distinct steelpan jingle with a bright, quick sparkle, useful for subtle posit","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-steel-09","t":"Jingles Steel #9","d":"A brief, ascending steelpan jingle, providing a light and cheerful cue for actions like ad","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-steel-10","t":"Jingles Steel #10","d":"A bright, short steel jingle sound, ideal for indicating a successful action or small rewa","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-steel-11","t":"Jingles Steel #11","d":"A light, melodic steel jingle perfect for confirming a minor success or a new item acquisi","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-steel-12","t":"Jingles Steel #12","d":"A cheerful and slightly extended steel jingle, best suited for celebrating a more signific","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-steel-13","t":"Jingles Steel #13","d":"A sparkling steel jingle sound, excellent for conveying a positive outcome or the acquisit","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-steel-14","t":"Jingles Steel #14","d":"A shimmering and slightly drawn-out steel jingle, ideal for signaling a significant positi","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-steel-15","t":"Jingles Steel #15","d":"A crisp, short steel jingle sound, well-suited for immediate positive feedback like collec","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:jingles-steel-16","t":"Jingles Steel #16","d":"A clean, bright steel jingle that provides clear positive feedback, perfect for successful","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:kill-her","t":"Kill Her","d":"A direct, spoken 'kill her' command, ideal for verbal combat prompts or specific character","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:kill-him","t":"Kill Him","d":"A clear, spoken 'kill him' voice prompt, best used for target elimination instructions or ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:kill-it","t":"Kill It","d":"A concise, spoken 'kill it' sound, suitable for general enemy elimination commands or conf","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:knife-slice","t":"Knife Slice","d":"A sharp, quick slicing sound, perfect for melee attacks, swift UI transitions, or an impac","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","vn":1,"hc":1},{"id":"soundcn:laser-1","t":"Laser #1","d":"A classic, distinct laser shot sound, excellent for futuristic weapon firing in games or e","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:laser-2","t":"Laser #2","d":"A energetic laser firing sound, well-suited for fast-paced sci-fi game actions or dynamic ","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:laser-3","t":"Laser #3","d":"A medium-pitched laser sound with a clear attack, great for standard sci-fi weapon feedbac","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:laser-4","t":"Laser #4","d":"A crisp, futuristic laser sound, suitable for precise shots or technological feedback in a","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:laser-5","t":"Laser #5","d":"A distinct, synthetic laser sound with a quick decay, ideal for rapid-fire weapon effects ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:laser-6","t":"Laser #6","d":"A focused laser sound with a moderate pitch, versatile for various sci-fi game actions or ","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:laser-7","t":"Laser #7","d":"A sharp, clean laser shot sound, effective for quick hits or clear selection confirmations","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:laser-8","t":"Laser #8","d":"A deep, resonant laser sound with a clear impact, suitable for more powerful weapon shots ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:laser-9","t":"Laser #9","d":"A bright, quick laser sound, ideal for rapid-fire weapon effects or energetic feedback in ","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:laser-large-000","t":"Laser Large #0","d":"A powerful, deep laser blast sound, best for heavy weapon firing or a significant, impactf","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:laser-large-001","t":"Laser Large #1","d":"A strong, resonating large laser sound, suitable for a main weapon fire or a dramatic, hig","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:laser-large-002","t":"Laser Large #2","d":"A deep and sustained large laser fire sound, perfect for a charged shot or a powerful, con","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:laser-large-003","t":"Laser Large #3","d":"A booming large laser sound, ideal for a destructive weapon or a significant, screen-shaki","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:laser-large-004","t":"Laser Large #4","d":"A robust and long-lasting large laser sound, conveying immense power, suitable for ultimat","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:laser-retro-000","t":"Laser Retro #0","d":"A classic, short 'pew' laser sound reminiscent of retro arcade games, perfect for simple c","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal","playful","retro and HUD"],"sb":"Keyboard","sy":["minimal","playful","retro and HUD"],"hc":1},{"id":"soundcn:laser-retro-001","t":"Laser Retro #1","d":"A quick, bright retro laser sound, great for fast-paced arcade-style UI elements or simple","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal","retro and HUD"],"sb":"Keyboard","sy":["minimal","retro and HUD"],"hc":1},{"id":"soundcn:laser-retro-002","t":"Laser Retro #2","d":"A punchy retro laser sound, ideal for impactful clicks, selections, or small projectile fi","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:laser-retro-003","t":"Laser Retro #3","d":"A distinct, short retro laser sound, perfect for confirming actions or firing light weapon","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:laser-retro-004","t":"Laser Retro #4","d":"A slightly elongated retro laser sound, suitable for energy blasts or confirming more deli","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:laser-small-000","t":"Laser Small #0","d":"A subtle, small laser 'pew' sound, great for minor UI interactions, menu navigation, or li","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:laser-small-001","t":"Laser Small #1","d":"A quick, delicate small laser sound, ideal for button presses, hover feedback, or light sc","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:laser-small-002","t":"Laser Small #2","d":"A slightly longer and more prominent small laser sound, suitable for confirming selections","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:laser-small-003","t":"Laser Small #3","d":"A short, distinct small laser sound with a gentle sweep, perfect for elegant sci-fi UI ele","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:laser-small-004","t":"Laser Small #4","d":"A concise, sharp small laser sound, best for quick confirmations, alerts, or light project","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:loser","t":"Loser","d":"A spoken 'loser' voice, ideal for humorous or sarcastic negative feedback, especially in a","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:low-down","t":"Low Down","d":"A subtle, low-frequency sound that slowly descends, useful for indicating a transition to ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:low-frequency-explosion-000","t":"Low Frequency Explosion 000","d":"A powerful, deep low-frequency explosion, ideal for conveying a heavy impact, a critical e","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:low-frequency-explosion-001","t":"Low Frequency Explosion 001","d":"A punchy, low-frequency explosion sound, suitable for a more concise heavy impact or a sig","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:low-random","t":"Low Random","d":"A subtle, low-pitched random tone, useful for background UI ambience or non-critical syste","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:low-three-tone","t":"Low Three Tone","d":"A distinct three-tone sequence in a low register, great for specific system alerts, critic","k":"resource","s":"soundcn","c":"assets/sound","tg":["webgl"],"sb":"Keyboard","sy":["webgl"],"hc":1},{"id":"soundcn:maximize-001","t":"Maximize #1","d":"A quick, rising sound effect, perfect for animating the maximization of a window, expandin","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:maximize-002","t":"Maximize #2","d":"A clean, ascending sound that suggests expansion, ideal for window restoration, menu revea","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:maximize-003","t":"Maximize #3","d":"A concise and sharp sound, well-suited for a snappy window maximize action or a quick expa","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:maximize-004","t":"Maximize #4","d":"A slightly longer, fluid sound suggesting a smooth expansion, perfect for larger window ma","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:maximize-005","t":"Maximize #5","d":"A pronounced, ascending sound with a clear finish, suitable for impactful maximization eve","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:maximize-006","t":"Maximize #6","d":"A clean, moderate maximize sound that provides clear feedback for expanding UI elements li","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:maximize-007","t":"Maximize #7","d":"A very short, snappy maximize sound, ideal for rapid UI element expansions or quick toggle","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:maximize-008","t":"Maximize #8","d":"A subtle, quick maximize sound with a soft landing, best for gentle window expansions or s","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:maximize-009","t":"Maximize #9","d":"A quick, expanding sound, ideal for indicating a window or element has expanded to fill th","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:metal-click","t":"Metal Click","d":"A distinct, sharp metal click sound, suitable for tactile feedback when a physical-looking","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:metal-latch","t":"Metal Latch","d":"A clear metal latch sound, perfect for confirming a secure closure or a successful lock of","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:metal-pot-1","t":"Metal Pot #1","d":"A resonant metal pot sound, perhaps for a humorous or distinct impact effect in a game UI ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:metal-pot-2","t":"Metal Pot #2","d":"A slightly shorter, resonant metal pot sound, good for a lighter impact or item interactio","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:metal-pot-3","t":"Metal Pot #3","d":"A brief, sharp metal pot sound, useful for a quick, percussive feedback when an item is ta","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:minimize-001","t":"Minimize #1","d":"A soft, receding sound, ideal for indicating a window or element has minimized or closed s","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:minimize-002","t":"Minimize #2","d":"A smooth, receding sound, good for conveying an element shrinking or closing in a graceful","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:minimize-003","t":"Minimize #3","d":"A quick, subtle shrinking sound, perfect for a discreet UI element minimizing or receding ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:minimize-004","t":"Minimize #4","d":"A slightly more pronounced, quick diminishing sound, suitable for a standard window minimi","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:minimize-005","t":"Minimize #5","d":"A distinct, drawn-out diminishing sound, effective for a noticeable UI element minimizatio","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:minimize-006","t":"Minimize #6","d":"A clean, quick receding sound, well-suited for a responsive UI that minimizes elements eff","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:minimize-007","t":"Minimize #7","d":"A very short and subtle receding sound, useful for extremely brief UI minimizations or ele","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:minimize-008","t":"Minimize #8","d":"A sharp, quick diminishing sound, perfect for a snappy UI response when an element minimiz","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:minimize-009","t":"Minimize #9","d":"A concise, receding sound, indicating an element has minimized quickly and effectively.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:multi-kill","t":"Multi Kill","d":"An intense, impactful announcement sound, ideal for marking a significant achievement or c","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:open-001","t":"Open #1","d":"A very short, upward-moving sound, suitable for a quick UI element opening or revealing it","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:open-002","t":"Open #2","d":"A clean, slightly longer opening sound, good for a standard UI element expansion or a moda","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:open-003","t":"Open #3","d":"A smooth, distinct opening sound, effective for a prominent UI component appearing or a ne","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:open-004","t":"Open #4","d":"A fluid and clear opening sound, ideal for a refined UI experience where elements elegantl","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:pep-sound-1","t":"Pep Sound #1","d":"A bright, energetic \"pep\" sound, perfect for encouraging positive actions or indicating a ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:pep-sound-2","t":"Pep Sound #2","d":"A distinct, uplifting \"pep\" sound, useful for positive feedback or minor successful action","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:pep-sound-3","t":"Pep Sound #3","d":"A quick, cheerful \"pep\" sound, great for subtle positive reinforcement or a playful item i","k":"resource","s":"soundcn","c":"assets/sound","tg":["playful"],"sb":"Keyboard","sy":["playful"],"hc":1},{"id":"soundcn:pep-sound-4","t":"Pep Sound #4","d":"A light and ascending \"pep\" sound, ideal for indicating a small gain, level up, or positiv","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:pep-sound-5","t":"Pep Sound #5","d":"A short, bright \"pep\" sound, suitable for quick, positive feedback on user actions or smal","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:phase-jump-1","t":"Phase Jump #1","d":"A futuristic, warping sound, perfect for sci-fi UI transitions, teleportation effects, or ","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:phase-jump-2","t":"Phase Jump #2","d":"A slightly more abrupt, futuristic jump sound, effective for quick, sudden transitions or ","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:phase-jump-3","t":"Phase Jump #3","d":"A focused, energetic phase jump sound, suitable for a clear and impactful transition or te","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:phase-jump-4","t":"Phase Jump #4","d":"A swift, sci-fi jump sound, ideal for fast-paced transitions or instantaneous shifts in a ","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:phase-jump-5","t":"Phase Jump #5","d":"A brief, clean phase jump sound, perfect for subtle yet distinct futuristic transitions or","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:phaser-down-1","t":"Phaser Down #1","d":"A descending, sci-fi \"phaser down\" sound, suitable for indicating a decrease, deactivation","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:phaser-down-2","t":"Phaser Down #2","d":"A quick, clean descending phaser sound, good for rapid deactivation or a subtle energy dra","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal","retro and HUD"],"sb":"Keyboard","sy":["minimal","retro and HUD"],"hc":1},{"id":"soundcn:phaser-down-3","t":"Phaser Down #3","d":"A distinct, longer descending phaser sound, effective for a noticeable power reduction or ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:phaser-up-1","t":"Phaser Up #1","d":"An ascending, sci-fi \"phaser up\" sound, ideal for indicating an increase, activation, or p","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:phaser-up-2","t":"Phaser Up #2","d":"A quick, clean ascending phaser sound, good for rapid activation or a subtle energy gain i","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal","retro and HUD"],"sb":"Keyboard","sy":["minimal","retro and HUD"],"hc":1},{"id":"soundcn:phaser-up-3","t":"Phaser Up #3","d":"A distinct, longer ascending phaser sound, effective for a noticeable power increase or a ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:phaser-up-4","t":"Phaser Up #4","d":"A concise, energetic ascending phaser sound, suitable for clear activation feedback or a q","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:phaser-up-5","t":"Phaser Up #5","d":"A brief, sharp ascending phaser sound, perfect for quick, subtle activations or small powe","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:phaser-up-6","t":"Phaser Up #6","d":"A clean, quick ascending phaser sound, well-suited for responsive futuristic UI elements p","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:phaser-up-7","t":"Phaser Up #7","d":"A smooth, energetic ascending phaser sound, ideal for fluid power-up sequences or system a","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:player-1","t":"Player #1","d":"A dynamic and distinct \"player\" sound, likely for a game UI to indicate player selection, ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:player-2","t":"Player #2","d":"A variant of the \"player\" sound, providing a slightly different but equally dynamic audio ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:pluck-001","t":"Pluck #1","d":"A very short, crisp, single pluck sound, perfect for subtle button feedback, menu navigati","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:pluck-002","t":"Pluck #2","d":"A slightly longer, clean pluck sound, suitable for a more pronounced confirmation or an in","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:power-up-1","t":"Power Up #1","d":"An extended, magical-sounding power-up sound, excellent for significant ability gains, lev","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:power-up-10","t":"Power Up #10","d":"A robust, medium-length power-up sound, conveying a strong but concise boost or positive e","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:power-up-11","t":"Power Up #11","d":"A distinct and energetic power-up sound, suitable for a clear indication of a new ability ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:power-up-12","t":"Power Up #12","d":"A broad, impactful power-up sound with a rich texture, ideal for major achievements or gam","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:power-up-2","t":"Power Up #2","d":"A quick, bright power-up sound, perfect for minor enhancements or small boosts in a game o","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:power-up-3","t":"Power Up #3","d":"A sustained and ascending power-up sound, indicating a gradual but strong increase in powe","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:power-up-4","t":"Power Up #4","d":"A bright, short ascending melody, perfect for indicating a successful action, gaining an i","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:power-up-5","t":"Power Up #5","d":"A bright, short ascending melody, perfect for indicating a successful action, gaining an i","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:power-up-6","t":"Power Up #6","d":"A bright, short ascending melody, perfect for indicating a successful action, gaining an i","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:power-up-7","t":"Power Up #7","d":"A bright, short ascending melody, perfect for indicating a successful action, gaining an i","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:power-up-8","t":"Power Up #8","d":"A bright, short ascending melody, perfect for indicating a successful action, gaining an i","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:power-up-9","t":"Power Up #9","d":"A bright, short ascending melody, perfect for indicating a successful action, gaining an i","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:prepare-yourself","t":"Prepare Yourself","d":"A commanding, deep voice stating 'Prepare Yourself', ideal for a game's pre-battle screen,","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:question-001","t":"Question #1","d":"A short, light, inquisitive chime, well-suited for prompting user input, presenting a quiz","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:question-002","t":"Question #2","d":"A short, light, inquisitive chime, well-suited for prompting user input, presenting a quiz","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:question-003","t":"Question #3","d":"A short, light, inquisitive chime, well-suited for prompting user input, presenting a quiz","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:question-004","t":"Question #4","d":"A short, light, inquisitive chime, well-suited for prompting user input, presenting a quiz","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:round-1","t":"Round #1","d":"A clear, distinct voice announcing a new 'Round 1', perfect for signaling the start of a n","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:round-2","t":"Round #2","d":"A clear, distinct voice announcing a new 'Round 2', perfect for signaling the start of a n","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:round-3","t":"Round #3","d":"A clear, distinct voice announcing a new 'Round 3', perfect for signaling the start of a n","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:round-4","t":"Round #4","d":"A clear, distinct voice announcing a new 'Round 4', perfect for signaling the start of a n","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:round-5","t":"Round #5","d":"A clear, distinct voice announcing a new 'Round 5', perfect for signaling the start of a n","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:scratch-001","t":"Scratch #1","d":"A quick, sharp scratching sound, suitable for conveying a rough texture interaction, a min","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:scratch-002","t":"Scratch #2","d":"A quick, sharp scratching sound, suitable for conveying a rough texture interaction, a min","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:scratch-003","t":"Scratch #3","d":"A quick, sharp scratching sound, suitable for conveying a rough texture interaction, a min","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:scratch-004","t":"Scratch #4","d":"A quick, sharp scratching sound, suitable for conveying a rough texture interaction, a min","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:scratch-005","t":"Scratch #5","d":"A quick, sharp scratching sound, suitable for conveying a rough texture interaction, a min","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:scroll-001","t":"Scroll #1","d":"A smooth, continuous scrolling sound effect, ideal for indicating content navigation, a li","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:scroll-002","t":"Scroll #2","d":"A smooth, continuous scrolling sound effect, ideal for indicating content navigation, a li","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:scroll-003","t":"Scroll #3","d":"A smooth, continuous scrolling sound effect, ideal for indicating content navigation, a li","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:scroll-004","t":"Scroll #4","d":"A smooth, continuous scrolling sound effect, ideal for indicating content navigation, a li","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:scroll-005","t":"Scroll #5","d":"A smooth, continuous scrolling sound effect, ideal for indicating content navigation, a li","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:select-001","t":"Select #1","d":"A distinct, short sound indicating a successful selection, ideal for button presses, menu ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:select-002","t":"Select #2","d":"A distinct, short sound indicating a successful selection, ideal for button presses, menu ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:select-003","t":"Select #3","d":"A distinct, short sound indicating a successful selection, ideal for button presses, menu ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:select-004","t":"Select #4","d":"A distinct, short sound indicating a successful selection, ideal for button presses, menu ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:select-005","t":"Select #5","d":"A distinct, short sound indicating a successful selection, ideal for button presses, menu ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:select-006","t":"Select #6","d":"A distinct, short sound indicating a successful selection, ideal for button presses, menu ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:select-007","t":"Select #7","d":"A distinct, short sound indicating a successful selection, ideal for button presses, menu ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:select-008","t":"Select #8","d":"A distinct, short sound indicating a successful selection, ideal for button presses, menu ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:slime-000","t":"Slime #0","d":"A wet, squishy, and gooey sound, perfect for creature interactions, material changes, or p","k":"resource","s":"soundcn","c":"assets/sound","tg":["playful"],"sb":"Keyboard","sy":["playful"],"hc":1},{"id":"soundcn:slime-001","t":"Slime #1","d":"A wet, squishy, and gooey sound, perfect for creature interactions, material changes, or p","k":"resource","s":"soundcn","c":"assets/sound","tg":["playful"],"sb":"Keyboard","sy":["playful"],"hc":1},{"id":"soundcn:space-engine-000","t":"Space Engine #0","d":"A continuous, deep, and humming space engine sound, suitable for background ambiance, indi","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:space-engine-001","t":"Space Engine #1","d":"A continuous, deep, and humming space engine sound, suitable for background ambiance, indi","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:space-engine-002","t":"Space Engine #2","d":"A continuous, deep, and humming space engine sound, suitable for background ambiance, indi","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:space-engine-003","t":"Space Engine #3","d":"A continuous, deep, and humming space engine sound, suitable for background ambiance, indi","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:space-engine-large-000","t":"Space Engine Large 000","d":"A continuous, deep, and humming space engine sound, suitable for background ambiance, indi","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:space-engine-large-001","t":"Space Engine Large 001","d":"A continuous, deep, and humming space engine sound, suitable for background ambiance, indi","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:space-engine-large-002","t":"Space Engine Large 002","d":"A continuous, deep, and humming space engine sound, suitable for background ambiance, indi","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:space-engine-large-003","t":"Space Engine Large 003","d":"A continuous, deep, and humming space engine sound, suitable for background ambiance, indi","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:space-engine-large-004","t":"Space Engine Large 004","d":"A continuous, deep, and humming space engine sound, suitable for background ambiance, indi","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:space-engine-low-000","t":"Space Engine Low 000","d":"A continuous, deep, and humming space engine sound, suitable for background ambiance, indi","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:space-engine-low-001","t":"Space Engine Low 001","d":"A continuous, deep, and humming space engine sound, suitable for background ambiance, indi","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:space-engine-low-002","t":"Space Engine Low 002","d":"A continuous, deep, and humming space engine sound, suitable for background ambiance, indi","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:space-engine-low-003","t":"Space Engine Low 003","d":"A continuous, deep, and humming space engine sound, suitable for background ambiance, indi","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:space-engine-low-004","t":"Space Engine Low 004","d":"A continuous, deep, and humming space engine sound, suitable for background ambiance, indi","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:space-engine-small-000","t":"Space Engine Small 000","d":"A continuous, low-frequency hum suggestive of a small spacecraft engine, ideal for backgro","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:space-engine-small-001","t":"Space Engine Small 001","d":"A continuous, low-frequency hum suggestive of a small spacecraft engine, ideal for backgro","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:space-engine-small-002","t":"Space Engine Small 002","d":"A continuous, low-frequency hum suggestive of a small spacecraft engine, ideal for backgro","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:space-engine-small-003","t":"Space Engine Small 003","d":"A continuous, low-frequency hum suggestive of a small spacecraft engine, ideal for backgro","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:space-engine-small-004","t":"Space Engine Small 004","d":"A continuous, low-frequency hum suggestive of a small spacecraft engine, ideal for backgro","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:space-trash-1","t":"Space Trash #1","d":"A short, metallic clattering sound with a sci-fi flair, perfect for indicating an item bei","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:space-trash-2","t":"Space Trash #2","d":"A short, metallic clattering sound with a sci-fi flair, perfect for indicating an item bei","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:space-trash-3","t":"Space Trash #3","d":"A short, metallic clattering sound with a sci-fi flair, perfect for indicating an item bei","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:space-trash-4","t":"Space Trash #4","d":"A short, metallic clattering sound with a sci-fi flair, perfect for indicating an item bei","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:space-trash-5","t":"Space Trash #5","d":"A short, metallic clattering sound with a sci-fi flair, perfect for indicating an item bei","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:story-mode","t":"Story Mode","d":"A brief, epic or dramatic musical sting, ideal for announcing the start of a story mode, a","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:sudden-death","t":"Sudden Death","d":"An intense, urgent, and climactic musical announcement, best used to signal a \"sudden deat","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:survival-mode","t":"Survival Mode","d":"A serious and atmospheric musical sting, suitable for indicating the activation of a \"surv","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:switch-001","t":"Switch #1","d":"A distinct, digital clicking sound, perfect for confirming a toggle or switch action in a ","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"UI clicks","sy":["minimal"],"hc":1},{"id":"soundcn:switch-002","t":"Switch #2","d":"A distinct, digital clicking sound, perfect for confirming a toggle or switch action in a ","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"UI clicks","sy":["minimal"],"hc":1},{"id":"soundcn:switch-003","t":"Switch #3","d":"A distinct, digital clicking sound, perfect for confirming a toggle or switch action in a ","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"UI clicks","sy":["minimal"],"hc":1},{"id":"soundcn:switch-004","t":"Switch #4","d":"A distinct, digital clicking sound, perfect for confirming a toggle or switch action in a ","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"UI clicks","sy":["minimal"],"hc":1},{"id":"soundcn:switch-005","t":"Switch #5","d":"A distinct, digital clicking sound, perfect for confirming a toggle or switch action in a ","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"UI clicks","sy":["minimal"],"hc":1},{"id":"soundcn:switch-006","t":"Switch #6","d":"A distinct, digital clicking sound, perfect for confirming a toggle or switch action in a ","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"UI clicks","sy":["minimal"],"hc":1},{"id":"soundcn:switch-007","t":"Switch #7","d":"A distinct, digital clicking sound, perfect for confirming a toggle or switch action in a ","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"UI clicks","sy":["minimal"],"hc":1},{"id":"soundcn:three-tone-1","t":"Three Tone #1","d":"A short, ascending three-tone chime, suitable for positive confirmations, task completions","k":"resource","s":"soundcn","c":"assets/sound","tg":["webgl"],"sb":"Keyboard","sy":["webgl"],"hc":1},{"id":"soundcn:three-tone-2","t":"Three Tone #2","d":"A short, ascending three-tone chime, suitable for positive confirmations, task completions","k":"resource","s":"soundcn","c":"assets/sound","tg":["webgl"],"sb":"Keyboard","sy":["webgl"],"hc":1},{"id":"soundcn:thruster-fire-000","t":"Thruster Fire #0","d":"A sustained, powerful whooshing and rumbling sound, resembling a spaceship's thrusters ign","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:thruster-fire-001","t":"Thruster Fire #1","d":"A sustained, powerful whooshing and rumbling sound, resembling a spaceship's thrusters ign","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:thruster-fire-002","t":"Thruster Fire #2","d":"A sustained, powerful whooshing and rumbling sound, resembling a spaceship's thrusters ign","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:thruster-fire-003","t":"Thruster Fire #3","d":"A sustained, powerful whooshing and rumbling sound, resembling a spaceship's thrusters ign","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:thruster-fire-004","t":"Thruster Fire #4","d":"A sustained, powerful whooshing and rumbling sound, resembling a spaceship's thrusters ign","k":"resource","s":"soundcn","c":"assets/sound","tg":["retro and HUD"],"sb":"Keyboard","sy":["retro and HUD"],"hc":1},{"id":"soundcn:tick-001","t":"Tick #1","d":"A very short, sharp click sound, suitable for subtle feedback on small interactions like c","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:tick-002","t":"Tick #2","d":"A very short, sharp click sound, suitable for subtle feedback on small interactions like c","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:tick-004","t":"Tick #4","d":"A very short, sharp click sound, suitable for subtle feedback on small interactions like c","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:tie","t":"Tie","d":"A brief, dramatic musical sting that signals a \"tie\" or draw outcome, often used in compet","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:tie-breaker","t":"Tie Breaker","d":"An intense, urgent musical sting, perfect for announcing a \"tie-breaker\" scenario or a sud","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:time","t":"Time","d":"A short, dramatic or impactful musical cue, ideal for indicating a time-related event like","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:toggle-001","t":"Toggle #1","d":"A quick, digital click or short burst of sound, ideal for confirming the state change of a","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:toggle-002","t":"Toggle #2","d":"A quick, digital click or short burst of sound, ideal for confirming the state change of a","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:toggle-003","t":"Toggle #3","d":"A quick, digital click or short burst of sound, ideal for confirming the state change of a","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:toggle-004","t":"Toggle #4","d":"A quick, digital click or short burst of sound, ideal for confirming the state change of a","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:tone-1","t":"Tone #1","d":"A simple, singular musical tone or beep, perfect for subtle feedback like a successful inp","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"hc":1},{"id":"soundcn:two-tone-1","t":"Two Tone #1","d":"A short, two-note melodic chime, ideal for positive feedback such as a successful action, ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:two-tone-2","t":"Two Tone #2","d":"A short, two-note melodic chime, ideal for positive feedback such as a successful action, ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-1","t":"Voiceover Pack Female 1","d":"A clear, professional female voice delivering a short spoken phrase, ideal for game prompt","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-10","t":"Voiceover Pack Female 10","d":"A clear, professional female voice delivering a short spoken phrase, ideal for game prompt","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-2","t":"Voiceover Pack Female 2","d":"A clear, professional female voice delivering a short spoken phrase, ideal for game prompt","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-3","t":"Voiceover Pack Female 3","d":"A clear, professional female voice delivering a short spoken phrase, ideal for game prompt","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-4","t":"Voiceover Pack Female 4","d":"A clear, professional female voice delivering a short spoken phrase, ideal for game prompt","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-5","t":"Voiceover Pack Female 5","d":"A clear, professional female voice delivering a short spoken phrase, ideal for game prompt","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-6","t":"Voiceover Pack Female 6","d":"A clear, professional female voice delivering a short spoken phrase, ideal for game prompt","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-7","t":"Voiceover Pack Female 7","d":"A clear, professional female voice delivering a short spoken phrase, ideal for game prompt","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-8","t":"Voiceover Pack Female 8","d":"A clear, professional female voice delivering a short spoken phrase, ideal for game prompt","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-9","t":"Voiceover Pack Female 9","d":"A clear, professional female voice delivering a short spoken phrase, ideal for game prompt","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-congratulations","t":"Voiceover Pack Female Congratulations","d":"A clear female voice states \"Congratulations\", ideal for celebrating achievements or succe","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-correct","t":"Voiceover Pack Female Correct","d":"A female voice says \"Correct\", perfect for providing positive feedback on user input or qu","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-final-round","t":"Voiceover Pack Female Final Round","d":"A female voice announces \"Final Round\", suitable for indicating the last stage or a critic","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-game-over","t":"Voiceover Pack Female Game Over","d":"A female voice dramatically declares \"Game Over\", ideal for signaling the end of a game se","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-go","t":"Voiceover Pack Female Go","d":"A female voice exclaims \"Go!\", perfect for initiating an action, starting a race, or promp","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-hurry-up","t":"Voiceover Pack Female Hurry Up","d":"A female voice urges \"Hurry Up\", suitable for time-sensitive prompts or indicating a need ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-its-a-tie","t":"Voiceover Pack Female Its A Tie","d":"A female voice announces \"It's a Tie\", ideal for indicating a drawn result in a game or co","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-level","t":"Voiceover Pack Female Level","d":"A female voice states \"Level\", which can be used as part of a level announcement or to ind","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-level-up","t":"Voiceover Pack Female Level Up","d":"A female voice enthusiastically proclaims \"Level Up\", perfect for celebrating player progr","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-mission-completed","t":"Voiceover Pack Female Mission Completed","d":"A female voice declares \"Mission Completed\", ideal for confirming successful task achievem","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:voiceover-pack-female-mission-failed","t":"Voiceover Pack Female Mission Failed","d":"A female voice announces \"Mission Failed\", suitable for indicating the unsuccessful comple","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:voiceover-pack-female-new-highscore","t":"Voiceover Pack Female New Highscore","d":"A female voice announces \"New Highscore\", perfect for celebrating a player's personal best","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-objective-achieved","t":"Voiceover Pack Female Objective Achieved","d":"A female voice declares \"Objective Achieved\", ideal for confirming the successful completi","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-power-up","t":"Voiceover Pack Female Power Up","d":"A female voice announces \"Power Up\", suitable for indicating the activation or acquisition","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-ready","t":"Voiceover Pack Female Ready","d":"A female voice states \"Ready\", perfect for signaling the beginning of an event or indicati","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-round","t":"Voiceover Pack Female Round","d":"A female voice states \"Round\", which can be used as part of a round announcement or to ind","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-set","t":"Voiceover Pack Female Set","d":"A female voice states \"Set\", typically used as part of a \"Ready, Set, Go!\" sequence or to ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-time-over","t":"Voiceover Pack Female Time Over","d":"A female voice announces \"Time Over\", suitable for indicating that a time limit has been r","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-war-call-for-backup","t":"Voiceover Pack Female War Call For Backup","d":"A female voice urgently says \"Call for backup\", ideal for a strategic request for assistan","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-war-cover-me","t":"Voiceover Pack Female War Cover Me","d":"A female voice urgently requests \"Cover me\", suitable for a tactical command in a combat-o","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-war-fire-in-the-hole","t":"Voiceover Pack Female War Fire In The Hole","d":"A female voice warns \"Fire in the hole!\", perfect for indicating a thrown explosive or a d","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-war-get-down","t":"Voiceover Pack Female War Get Down","d":"A female voice urgently commands \"Get down!\", ideal for a tactical warning to take cover i","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-war-go-go-go","t":"Voiceover Pack Female War Go Go Go","d":"A female voice enthusiastically commands \"Go, go, go!\", perfect for initiating a rapid adv","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-war-look-out","t":"Voiceover Pack Female War Look Out","d":"A female voice urgently warns \"Look out!\", suitable for alerting players to immediate dang","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-war-medic","t":"Voiceover Pack Female War Medic","d":"A female voice urgently calls \"Medic!\", ideal for requesting medical assistance in a comba","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-war-reloading","t":"Voiceover Pack Female War Reloading","d":"A female voice announces \"Reloading\", perfect for informing teammates of a weapon reload i","k":"resource","s":"soundcn","c":"assets/sound","sb":"Notifications","hc":1},{"id":"soundcn:voiceover-pack-female-war-rpg","t":"Voiceover Pack Female War Rpg","d":"A female voice warns \"RPG!\", suitable for alerting players to an incoming rocket-propelled","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-war-sniper","t":"Voiceover Pack Female War Sniper","d":"A female voice warns \"Sniper!\", ideal for alerting players to the presence of an enemy sni","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-war-target-destroyed","t":"Voiceover Pack Female War Target Destroyed","d":"A female voice confirms \"Target destroyed\", perfect for indicating the successful eliminat","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-war-target-engaged","t":"Voiceover Pack Female War Target Engaged","d":"A female voice announces \"Target engaged\", suitable for indicating that an enemy target ha","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-war-watch-my-back","t":"Voiceover Pack Female War Watch My Back","d":"A female voice requests \"Watch my back\", ideal for asking for protective cover from teamma","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-wrong","t":"Voiceover Pack Female Wrong","d":"A female voice states \"Wrong\", suitable for providing negative feedback on incorrect user ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-female-you-lose","t":"Voiceover Pack Female You Lose","d":"A female voice dramatically announces \"You lose\", ideal for signaling player defeat in a g","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:voiceover-pack-female-you-win","t":"Voiceover Pack Female You Win","d":"A female voice triumphantly proclaims \"You win\", perfect for celebrating player victory in","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:voiceover-pack-fighter-1","t":"Voiceover Pack Fighter 1","d":"A male voice announces \"One\", often used as a count, sequence indicator, or part of a mult","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-fighter-10","t":"Voiceover Pack Fighter 10","d":"A male voice announces \"Ten\", often used as a count, sequence indicator, or part of a mult","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-fighter-2","t":"Voiceover Pack Fighter 2","d":"A male voice announces \"Two\", often used as a count, sequence indicator, or part of a mult","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-fighter-3","t":"Voiceover Pack Fighter 3","d":"A male voice announces \"Three\", often used as a count, sequence indicator, or part of a mu","k":"resource","s":"soundcn","c":"assets/sound","tg":["webgl"],"sb":"Keyboard","sy":["webgl"],"hc":1},{"id":"soundcn:voiceover-pack-fighter-4","t":"Voiceover Pack Fighter 4","d":"A male voice announces \"Four\", often used as a count, sequence indicator, or part of a mul","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-fighter-5","t":"Voiceover Pack Fighter 5","d":"A male voice announces \"Five\", often used as a count, sequence indicator, or part of a mul","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-fighter-6","t":"Voiceover Pack Fighter 6","d":"A male voice announces \"Six\", often used as a count, sequence indicator, or part of a mult","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-fighter-7","t":"Voiceover Pack Fighter 7","d":"A male voice announces \"Seven\", often used as a count, sequence indicator, or part of a mu","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-fighter-8","t":"Voiceover Pack Fighter 8","d":"A male voice announces \"Eight\", often used as a count, sequence indicator, or part of a mu","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-fighter-9","t":"Voiceover Pack Fighter 9","d":"A male voice announces \"Nine\", often used as a count, sequence indicator, or part of a mul","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-fighter-final-round","t":"Voiceover Pack Fighter Final Round","d":"A male voice announces \"Final Round\", suitable for indicating the last stage or a critical","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-fighter-game-over","t":"Voiceover Pack Fighter Game Over","d":"A male voice dramatically declares \"Game Over\", ideal for signaling the end of a fighting ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-fighter-ready","t":"Voiceover Pack Fighter Ready","d":"A male voice states \"Ready\", perfect for signaling the beginning of an event or indicating","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-fighter-you-lose","t":"Voiceover Pack Fighter You Lose","d":"A male voice dramatically announces \"You lose\", ideal for signaling player defeat in a fig","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:voiceover-pack-fighter-you-win","t":"Voiceover Pack Fighter You Win","d":"A male voice triumphantly proclaims \"You win\", perfect for celebrating player victory in a","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:voiceover-pack-male-1","t":"Voiceover Pack Male 1","d":"A male voice announces \"One\", often used as a count, sequence indicator, or part of a mult","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-10","t":"Voiceover Pack Male 10","d":"A male voiceover stating \"ten\", ideal for countdowns, numerical selections, or game round ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-2","t":"Voiceover Pack Male 2","d":"A male voiceover stating \"two\", suitable for step-by-step instructions, numerical inputs, ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-3","t":"Voiceover Pack Male 3","d":"A male voiceover stating \"three\", perfect for countdowns, multi-stage processes, or indica","k":"resource","s":"soundcn","c":"assets/sound","tg":["webgl"],"sb":"Keyboard","sy":["webgl"],"hc":1},{"id":"soundcn:voiceover-pack-male-4","t":"Voiceover Pack Male 4","d":"A male voiceover stating \"four\", useful for sequential actions, numerical feedback, or gam","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-5","t":"Voiceover Pack Male 5","d":"A male voiceover stating \"five\", ideal for final steps in a sequence, mid-point markers, o","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-6","t":"Voiceover Pack Male 6","d":"A male voiceover stating \"six\", suitable for tracking multiple items, sequential steps, or","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-7","t":"Voiceover Pack Male 7","d":"A male voiceover stating \"seven\", useful for complex sequences, lucky number indicators, o","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-8","t":"Voiceover Pack Male 8","d":"A male voiceover stating \"eight\", appropriate for numerical feedback, inventory counts, or","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-9","t":"Voiceover Pack Male 9","d":"A male voiceover stating \"nine\", ideal for nearing completion, final counts, or high numer","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-congratulations","t":"Voiceover Pack Male Congratulations","d":"A male voiceover exclaiming \"Congratulations!\", perfect for acknowledging user achievement","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-correct","t":"Voiceover Pack Male Correct","d":"A male voiceover stating \"Correct!\", suitable for positive feedback on user input, quiz an","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-final-round","t":"Voiceover Pack Male Final Round","d":"A male voiceover announcing \"Final Round!\", ideal for indicating the last stage of a game,","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-game-over","t":"Voiceover Pack Male Game Over","d":"A male voiceover announcing \"Game Over!\", perfect for signaling the end of a game session ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-go","t":"Voiceover Pack Male Go","d":"A male voiceover stating \"Go!\", suitable for initiating an action, starting a race, or pro","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-hurry-up","t":"Voiceover Pack Male Hurry Up","d":"A male voiceover urging \"Hurry Up!\", ideal for time-sensitive situations, indicating urgen","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-its-a-tie","t":"Voiceover Pack Male Its A Tie","d":"A male voiceover announcing \"It's a Tie!\", perfect for indicating a draw or equal outcome ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-level","t":"Voiceover Pack Male Level","d":"A male voiceover stating \"Level\", useful as a prefix for level announcements, such as \"Lev","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-level-up","t":"Voiceover Pack Male Level Up","d":"A male voiceover announcing \"Level Up!\", suitable for indicating progression, achievement,","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-mission-completed","t":"Voiceover Pack Male Mission Completed","d":"A male voiceover announcing \"Mission Completed!\", ideal for confirming the successful conc","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:voiceover-pack-male-mission-failed","t":"Voiceover Pack Male Mission Failed","d":"A male voiceover announcing \"Mission Failed!\", perfect for signaling an unsuccessful attem","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:voiceover-pack-male-new-highscore","t":"Voiceover Pack Male New Highscore","d":"A male voiceover exclaiming \"New Highscore!\", suitable for celebrating a personal best or ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-objective-achieved","t":"Voiceover Pack Male Objective Achieved","d":"A male voiceover announcing \"Objective Achieved!\", ideal for confirming the successful com","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-power-up","t":"Voiceover Pack Male Power Up","d":"A male voiceover announcing \"Power Up!\", perfect for indicating the activation of a specia","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-ready","t":"Voiceover Pack Male Ready","d":"A male voiceover stating \"Ready!\", suitable for pre-game announcements, indicating readine","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-round","t":"Voiceover Pack Male Round","d":"A male voiceover stating \"Round\", useful as a prefix for round announcements, such as \"Rou","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-set","t":"Voiceover Pack Male Set","d":"A male voiceover stating \"Set!\", ideal for the middle stage of a countdown, indicating rea","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-time-over","t":"Voiceover Pack Male Time Over","d":"A male voiceover announcing \"Time Over!\", perfect for signaling the expiration of a timer,","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-war-call-for-backup","t":"Voiceover Pack Male War Call For Backup","d":"A male voiceover urgently requesting \"Call for Backup!\", suitable for combat scenarios in ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-war-cover-me","t":"Voiceover Pack Male War Cover Me","d":"A male voiceover commanding \"Cover Me!\", ideal for tactical communication in a combat game","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-war-fire-in-the-hole","t":"Voiceover Pack Male War Fire In The Hole","d":"A male voiceover warning \"Fire in the Hole!\", perfect for alerting teammates to an incomin","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-war-get-down","t":"Voiceover Pack Male War Get Down","d":"A male voiceover commanding \"Get Down!\", suitable for urgent warnings or tactical instruct","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-war-go-go-go","t":"Voiceover Pack Male War Go Go Go","d":"A male voiceover urgently commanding \"Go! Go! Go!\", ideal for initiating a rapid advance o","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-war-look-out","t":"Voiceover Pack Male War Look Out","d":"A male voiceover warning \"Look Out!\", perfect for alerting the user or teammates to immedi","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-war-medic","t":"Voiceover Pack Male War Medic","d":"A male voiceover urgently calling \"Medic!\", suitable for requesting medical assistance or ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-war-reloading","t":"Voiceover Pack Male War Reloading","d":"A male voiceover announcing \"Reloading!\", ideal for tactical communication in a combat gam","k":"resource","s":"soundcn","c":"assets/sound","sb":"Notifications","hc":1},{"id":"soundcn:voiceover-pack-male-war-rpg","t":"Voiceover Pack Male War Rpg","d":"A male voiceover announcing \"RPG!\", perfect for warning teammates about an incoming Rocket","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-war-sniper","t":"Voiceover Pack Male War Sniper","d":"A male voiceover warning \"Sniper!\", suitable for tactical communication in a combat game, ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-war-target-destroyed","t":"Voiceover Pack Male War Target Destroyed","d":"A male voiceover announcing \"Target Destroyed!\", ideal for confirming the elimination of a","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-war-target-engaged","t":"Voiceover Pack Male War Target Engaged","d":"A male voiceover announcing \"Target Engaged!\", perfect for tactical communication in a com","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-war-watch-my-back","t":"Voiceover Pack Male War Watch My Back","d":"A male voiceover requesting \"Watch My Back!\", suitable for tactical communication in a com","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-wrong","t":"Voiceover Pack Male Wrong","d":"A male voiceover stating \"Wrong!\", ideal for providing negative feedback on incorrect user","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:voiceover-pack-male-you-lose","t":"Voiceover Pack Male You Lose","d":"A male voiceover announcing \"You Lose!\", perfect for clearly indicating a game loss or the","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:voiceover-pack-male-you-win","t":"Voiceover Pack Male You Win","d":"A male voiceover announcing \"You Win!\", suitable for celebrating a victory, successful com","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:war-hold","t":"War Hold","d":"A short, sharp vocal command \"Hold\", ideal for tactical game scenarios to pause movement o","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:war-suppressing-fire","t":"War Suppressing Fire","d":"A male voiceover announcing \"Suppressing Fire!\", suitable for tactical communication in a ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:war-supressing-fire","t":"War Supressing Fire","d":"A male voiceover announcing \"Supressing Fire!\", suitable for tactical communication in a c","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:winner","t":"Winner","d":"A celebratory sound effect indicating \"Winner\", ideal for announcing a victor in a game, c","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:zap-1","t":"Zap #1","d":"A distinct, short electrical zap sound effect, suitable for laser gun firing, energy pulse","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:zap-2","t":"Zap #2","d":"A slightly longer and more intense electrical zap sound effect, ideal for powerful energy ","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:zap-three-tone-down","t":"Zap Three Tone Down","d":"A distinctive three-tone descending zap sound, excellent for indicating a power-down, erro","k":"resource","s":"soundcn","c":"assets/sound","tg":["webgl"],"sb":"Keyboard","sy":["webgl"],"hc":1},{"id":"soundcn:zap-three-tone-up","t":"Zap Three Tone Up","d":"This sound features three distinct, ascending tones, ideal for signaling a successful prog","k":"resource","s":"soundcn","c":"assets/sound","tg":["webgl"],"sb":"Keyboard","sy":["webgl"],"hc":1},{"id":"soundcn:zap-two-tone","t":"Zap Two Tone","d":"A crisp, two-tone sound perfect for indicating a simple user interaction like a button pre","k":"resource","s":"soundcn","c":"assets/sound","tg":["minimal"],"sb":"Keyboard","sy":["minimal"],"vn":1,"hc":1},{"id":"soundcn:alchemy-set-loop","t":"Alchemy Set Loop","d":"Alchemy Set Loop sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:bell-toll-alliance","t":"Bell Toll Alliance","d":"Bell Toll Alliance sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Notifications","hc":1},{"id":"soundcn:bell-toll-horde","t":"Bell Toll Horde","d":"Bell Toll Horde sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Notifications","hc":1},{"id":"soundcn:bell-toll-night-elf","t":"Bell Toll Night Elf","d":"Bell Toll Night Elf sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Notifications","hc":1},{"id":"soundcn:black-rock-door-single-destroy","t":"Black Rock Door Single Destroy","d":"Black Rock Door Single Destroy sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:black-rock-doors-01-open","t":"Black Rock Doors 01 Open","d":"Black Rock Doors 01 Open sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:black-rock-vault-deposit-door-01-open","t":"Black Rock Vault Deposit Door 01 Open","d":"Black Rock Vault Deposit Door 01 Open sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:blasted-lands-lightningbolt-01-stand-bolt-1","t":"Blasted Lands Lightningbolt 01 Stand Bolt 1","d":"Blasted Lands Lightningbolt 01 Stand Bolt 1 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:blasted-lands-lightningbolt-01-stand-bolt-2","t":"Blasted Lands Lightningbolt 01 Stand Bolt 2","d":"Blasted Lands Lightningbolt 01 Stand Bolt 2 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:blasted-lands-lightningbolt-01-stand-bolt-3","t":"Blasted Lands Lightningbolt 01 Stand Bolt 3","d":"Blasted Lands Lightningbolt 01 Stand Bolt 3 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:boat-docked-warning","t":"Boat Docked Warning","d":"Boat Docked Warning sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:chest-open","t":"Chest Open","d":"Chest Open sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:deadmine-door-02-open","t":"Deadmine Door 02 Open","d":"Deadmine Door 02 Open sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:dwarf-female-incoming-01","t":"Dwarf Female Incoming 01","d":"Dwarf Female Incoming 01 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:dwarf-female-incoming-02","t":"Dwarf Female Incoming 02","d":"Dwarf Female Incoming 02 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:dwarf-horn","t":"Dwarf Horn","d":"Dwarf Horn sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:fish-reel-in","t":"Fish Reel In","d":"Fish Reel In sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:friend-join","t":"Friend Join","d":"Friend Join sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:g-cage-closed","t":"G Cage Closed","d":"G Cage Closed sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:g-cage-open","t":"G Cage Open","d":"G Cage Open sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:g-cavein-closed","t":"G Cavein Closed","d":"G Cavein Closed sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:g-firework-boom-general-1","t":"G Firework Boom General 1","d":"G Firework Boom General 1 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:g-firework-boom-general-4","t":"G Firework Boom General 4","d":"G Firework Boom General 4 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:g-gong-troll-01","t":"G Gong Troll #1","d":"G Gong Troll 01 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:gnome-male-out-of-mana-01","t":"Gnome Male Out Of Mana 01","d":"Gnome Male Out Of Mana 01 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:gnome-male-out-of-mana-02","t":"Gnome Male Out Of Mana 02","d":"Gnome Male Out Of Mana 02 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:i-abilities-close-a","t":"I Abilities Close A","d":"I Abilities Close A sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:i-abilities-open-a","t":"I Abilities Open A","d":"I Abilities Open A sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:i-abilities-turn-page-a","t":"I Abilities Turn Page A","d":"I Abilities Turn Page A sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:i-abilities-turn-page-b","t":"I Abilities Turn Page B","d":"I Abilities Turn Page B sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:i-abilities-turn-page-c","t":"I Abilities Turn Page C","d":"I Abilities Turn Page C sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:i-equipment-container-open-a","t":"I Equipment Container Open A","d":"I Equipment Container Open A sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:i-money-dialog-open","t":"I Money Dialog Open","d":"I Money Dialog Open sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:i-quest-activate","t":"I Quest Activate","d":"I Quest Activate sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:i-quest-complete","t":"I Quest Complete","d":"I Quest Complete sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:i-quest-log-open-a","t":"I Quest Log Open A","d":"I Quest Log Open A sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:i-quest-update","t":"I Quest Update","d":"I Quest Update sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:i-ui-interface-button-a","t":"I Ui Interface Button A","d":"I Ui Interface Button A sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:i-uimain-menu-button-a","t":"I Uimain Menu Button A","d":"I Uimain Menu Button A sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:loot-coin-small","t":"Loot Coin Small","d":"Loot Coin Small sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:m-death-impact-colossal-grass-a","t":"M Death Impact Colossal Grass A","d":"M Death Impact Colossal Grass A sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:m-death-impact-colossal-snow-a","t":"M Death Impact Colossal Snow A","d":"M Death Impact Colossal Snow A sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:m-death-impact-colossal-water-a","t":"M Death Impact Colossal Water A","d":"M Death Impact Colossal Water A sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:m-death-impact-colossal-wood-a","t":"M Death Impact Colossal Wood A","d":"M Death Impact Colossal Wood A sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:m-death-impact-giant-snow-a","t":"M Death Impact Giant Snow A","d":"M Death Impact Giant Snow A sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:m-death-impact-large-stone-a","t":"M Death Impact Large Stone A","d":"M Death Impact Large Stone A sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:m-death-impact-medium-water-a","t":"M Death Impact Medium Water A","d":"M Death Impact Medium Water A sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:m-death-impact-medium-wood-a","t":"M Death Impact Medium Wood A","d":"M Death Impact Medium Wood A sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:m-death-impact-small-snow-a","t":"M Death Impact Small Snow A","d":"M Death Impact Small Snow A sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:m-death-impact-small-wood-a","t":"M Death Impact Small Wood A","d":"M Death Impact Small Wood A sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:mining-hit-a","t":"Mining Hit A","d":"Mining Hit A sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:mining-hit-b","t":"Mining Hit B","d":"Mining Hit B sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:mining-hit-c","t":"Mining Hit C","d":"Mining Hit C sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:mining-hit-d","t":"Mining Hit D","d":"Mining Hit D sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:mining-hit-e","t":"Mining Hit E","d":"Mining Hit E sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:night-elf-female-incoming-01","t":"Night Elf Female Incoming 01","d":"Night Elf Female Incoming 01 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:night-elf-female-incoming-02","t":"Night Elf Female Incoming 02","d":"Night Elf Female Incoming 02 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:nox-door-portcullis","t":"Nox Door Portcullis","d":"Nox Door Portcullis sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-female-charge-01","t":"Orc Female Charge 01","d":"Orc Female Charge 01 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-female-charge-02","t":"Orc Female Charge 02","d":"Orc Female Charge 02 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-female-charge-03","t":"Orc Female Charge 03","d":"Orc Female Charge 03 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-female-open-fire-01","t":"Orc Female Open Fire 01","d":"Orc Female Open Fire 01 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-female-open-fire-02","t":"Orc Female Open Fire 02","d":"Orc Female Open Fire 02 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-female-open-fire-03","t":"Orc Female Open Fire 03","d":"Orc Female Open Fire 03 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-female-standard-npcfarewell-01","t":"Orc Female Standard Npcfarewell 01","d":"Orc Female Standard Npcfarewell 01 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-female-standard-npcfarewell-02","t":"Orc Female Standard Npcfarewell 02","d":"Orc Female Standard Npcfarewell 02 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-female-standard-npcfarewell-03","t":"Orc Female Standard Npcfarewell 03","d":"Orc Female Standard Npcfarewell 03 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-female-standard-npcfarewell-04","t":"Orc Female Standard Npcfarewell 04","d":"Orc Female Standard Npcfarewell 04 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-female-standard-npcfarewell-05","t":"Orc Female Standard Npcfarewell 05","d":"Orc Female Standard Npcfarewell 05 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-female-standard-npcgreeting-01","t":"Orc Female Standard Npcgreeting 01","d":"Orc Female Standard Npcgreeting 01 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-female-standard-npcgreeting-02","t":"Orc Female Standard Npcgreeting 02","d":"Orc Female Standard Npcgreeting 02 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-female-standard-npcgreeting-03","t":"Orc Female Standard Npcgreeting 03","d":"Orc Female Standard Npcgreeting 03 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-female-standard-npcgreeting-04","t":"Orc Female Standard Npcgreeting 04","d":"Orc Female Standard Npcgreeting 04 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-female-standard-npcgreeting-05","t":"Orc Female Standard Npcgreeting 05","d":"Orc Female Standard Npcgreeting 05 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-female-standard-npcgreeting-06","t":"Orc Female Standard Npcgreeting 06","d":"Orc Female Standard Npcgreeting 06 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-female-youre-welcome-01","t":"Orc Female Youre Welcome 01","d":"Orc Female Youre Welcome 01 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-female-youre-welcome-02","t":"Orc Female Youre Welcome 02","d":"Orc Female Youre Welcome 02 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-female-youre-welcome-03","t":"Orc Female Youre Welcome 03","d":"Orc Female Youre Welcome 03 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-male-err-norage-01","t":"Orc Male Err Norage 01","d":"Orc Male Err Norage 01 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-male-err-norage-05","t":"Orc Male Err Norage 05","d":"Orc Male Err Norage 05 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-male-goodbye-01","t":"Orc Male Goodbye 01","d":"Orc Male Goodbye 01 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-male-goodbye-02","t":"Orc Male Goodbye 02","d":"Orc Male Goodbye 02 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-male-goodbye-03","t":"Orc Male Goodbye 03","d":"Orc Male Goodbye 03 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-male-raspberry-01","t":"Orc Male Raspberry 01","d":"Orc Male Raspberry 01 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-male-yes-01","t":"Orc Male Yes #1","d":"Orc Male Yes 01 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-male-yes-02","t":"Orc Male Yes #2","d":"Orc Male Yes 02 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-male-yes-03","t":"Orc Male Yes #3","d":"Orc Male Yes 03 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:orc-male-yes-04","t":"Orc Male Yes #4","d":"Orc Male Yes 04 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:pvp-rune-speed-custom-0","t":"Pvp Rune Speed Custom 0","d":"Pvp Rune Speed Custom 0 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:shadowfang-door-01-open","t":"Shadowfang Door 01 Open","d":"Shadowfang Door 01 Open sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:sheath-wood","t":"Sheath Wood","d":"Sheath Wood sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:stone-door-01-close","t":"Stone Door 01 Close","d":"Stone Door 01 Close sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:subway-stop","t":"Subway Stop","d":"Subway Stop sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:tauren-wind-mil-regularl-loop","t":"Tauren Wind Mil Regularl Loop","d":"Tauren Wind Mil Regularl Loop sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:thunderbluff-elevator-stop","t":"Thunderbluff Elevator Stop","d":"Thunderbluff Elevator Stop sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:u-character-sheet-close","t":"U Character Sheet Close","d":"U Character Sheet Close sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:u-chat-scroll-button","t":"U Chat Scroll Button","d":"U Chat Scroll Button sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:u-escape-screen-open","t":"U Escape Screen Open","d":"U Escape Screen Open sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:u-mini-map-open","t":"U Mini Map Open","d":"U Mini Map Open sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:ui-blizzard-store-confirm-purchase","t":"Ui Blizzard Store Confirm Purchase","d":"Ui Blizzard Store Confirm Purchase sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"UI clicks","hc":1},{"id":"soundcn:un-sheath-wood","t":"Un Sheath Wood","d":"Un Sheath Wood sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:undead-female-open-fire-01","t":"Undead Female Open Fire 01","d":"Undead Female Open Fire 01 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:undead-female-open-fire-02","t":"Undead Female Open Fire 02","d":"Undead Female Open Fire 02 sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:unsheath-metal","t":"Unsheath Metal","d":"Unsheath Metal sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:wind-mill-west-fall-loop-stand","t":"Wind Mill West Fall Loop Stand","d":"Wind Mill West Fall Loop Stand sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Outcomes","hc":1},{"id":"soundcn:write-quest-a","t":"Write Quest A","d":"Write Quest A sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:write-quest-b","t":"Write Quest B","d":"Write Quest B sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:write-quest-c","t":"Write Quest C","d":"Write Quest C sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:wrought-iron-door-open","t":"Wrought Iron Door Open","d":"Wrought Iron Door Open sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"soundcn:zul-gurub-main-door-open","t":"Zul Gurub Main Door Open","d":"Zul Gurub Main Door Open sound effect.","k":"resource","s":"soundcn","c":"assets/sound","sb":"Keyboard","hc":1},{"id":"spaceui:components-shader-liquid-mesh-blur","t":"Liquid Mesh Blur","d":"Organic liquid mesh gradient shader background blending orbiting particle clusters through","k":"motion","s":"spaceui","c":"motion/shader","tg":["gradient","webgl"],"sy":["gradient","webgl"],"vn":2},{"id":"spaceui:components-spaceui-rainbow-glow-border","t":"Rainbow Glow Border","d":"Smooth animated rainbow glow border wrap with drifting color orbs.","k":"motion","s":"spaceui","c":"motion/background","tg":["neon"],"sb":"Gradients and aurora","sy":["neon"],"vn":4},{"id":"spaceui:demo-c-squircle-01","t":"Squircle Base Demo","d":"A basic showcase of squircle utility classes versus standard rounded borders.","k":"section","s":"spaceui","c":"marketing/comparison","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"spaceui:hooks-animation-use-auto-height","t":"useAutoHeight","d":"useAutoHeight hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":2,"hc":1},{"id":"spaceui:hooks-animation-use-controlled-state","t":"useControlledState","d":"useControlledState hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-animation-use-data-state","t":"useDataState","d":"useDataState hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-animation-use-in-view","t":"useInView","d":"useInView hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-animation-use-motion-value-state","t":"useMotionValueState","d":"useMotionValueState hook.","k":"lib","s":"spaceui","c":"lib/hook","tg":["animated"],"sy":["animated"],"hc":1},{"id":"spaceui:hooks-browser-use-battery-status","t":"useBatteryStatus","d":"useBatteryStatus hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-browser-use-clipboard","t":"useClipboard","d":"useClipboard hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":9,"hc":1},{"id":"spaceui:hooks-browser-use-cookie","t":"useCookie","d":"useCookie hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-browser-use-cookie-listener","t":"useCookieListener","d":"useCookieListener hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-browser-use-device-os","t":"useDeviceOS","d":"useDeviceOS hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-browser-use-favicon","t":"useFavicon","d":"useFavicon hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-browser-use-fullscreen","t":"useFullscreen","d":"useFullscreen hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-browser-use-is-mac","t":"useIsMac","d":"useIsMac hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-browser-use-local-storage","t":"useLocalStorage","d":"useLocalStorage hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":3,"hc":1},{"id":"spaceui:hooks-browser-use-media-query","t":"useMediaQuery","d":"useMediaQuery hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":3,"hc":1},{"id":"spaceui:hooks-browser-use-network","t":"useNetwork","d":"useNetwork hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-browser-use-orientation","t":"useOrientation","d":"useOrientation hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-browser-use-prefers-theme","t":"usePrefersTheme","d":"usePrefersTheme hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-browser-use-script","t":"useScript","d":"useScript hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-browser-use-session-storage","t":"useSessionStorage","d":"useSessionStorage hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-browser-use-share","t":"useShare","d":"useShare hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-browser-use-tab-notification","t":"useTabNotification","d":"useTabNotification hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-browser-use-title","t":"useTitle","d":"useTitle hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-components-class","t":"Class","d":"Class component.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-components-for","t":"For","d":"For component.","k":"lib","s":"spaceui","c":"lib/hook","vn":2,"hc":1},{"id":"spaceui:hooks-components-if","t":"If","d":"If component.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-components-image","t":"Image","d":"Image component.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-components-in-view","t":"InView","d":"InView component.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-components-render-after","t":"RenderAfter","d":"RenderAfter component.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-components-show","t":"Show","d":"Show component.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-components-switch","t":"Switch","d":"Switch component.","k":"lib","s":"spaceui","c":"lib/hook","vn":2,"hc":1},{"id":"spaceui:hooks-dom-use-click-outside","t":"useClickOutside","d":"useClickOutside hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-dom-use-event-listener","t":"useEventListener","d":"useEventListener hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":2,"hc":1},{"id":"spaceui:hooks-dom-use-hover","t":"useHover","d":"useHover hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":2,"hc":1},{"id":"spaceui:hooks-dom-use-intersection-observer","t":"useIntersectionObserver","d":"useIntersectionObserver hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-dom-use-key-press","t":"useKeyPress","d":"useKeyPress hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-dom-use-lock-body-scroll","t":"useLockBodyScroll","d":"useLockBodyScroll hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-dom-use-mouse-position","t":"useMousePosition","d":"useMousePosition hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-dom-use-scroll-device","t":"useScrollDevice","d":"useScrollDevice hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-dom-use-scroll-position","t":"useScrollPosition","d":"useScrollPosition hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-dom-use-scroll-to","t":"useScrollTo","d":"useScrollTo hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-dom-use-size","t":"useSize","d":"useSize hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-dom-use-window-size","t":"useWindowSize","d":"useWindowSize hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-form-use-character-limit","t":"useCharacterLimit","d":"useCharacterLimit hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":2,"hc":1},{"id":"spaceui:hooks-form-use-file-upload","t":"useFileUpload","d":"useFileUpload hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":11,"hc":1},{"id":"spaceui:hooks-form-use-input-value","t":"useInputValue","d":"useInputValue hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-form-use-load-more","t":"useLoadMore","d":"useLoadMore hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-form-use-map","t":"useMap","d":"useMap hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-form-use-mutation","t":"useMutation","d":"useMutation hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-form-use-pagination","t":"usePagination","d":"usePagination hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-form-use-parse-markdown","t":"useParseMarkdown","d":"useParseMarkdown hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-form-use-reading-time","t":"useReadingTime","d":"useReadingTime hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-form-use-sanitize-content","t":"useSanitizeContent","d":"useSanitizeContent hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-lifecycle-use-confirm-exit","t":"useConfirmExit","d":"useConfirmExit hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-lifecycle-use-debounce","t":"useDebounce","d":"useDebounce hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":2,"hc":1},{"id":"spaceui:hooks-lifecycle-use-event-callback","t":"useEventCallback","d":"useEventCallback hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-lifecycle-use-first-render","t":"useFirstRender","d":"useFirstRender hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-lifecycle-use-first-visit","t":"useFirstVisit","d":"useFirstVisit hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-lifecycle-use-hold","t":"useHold","d":"useHold hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-lifecycle-use-idle","t":"useIdle","d":"useIdle hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-lifecycle-use-interval","t":"useInterval","d":"useInterval hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":2,"hc":1},{"id":"spaceui:hooks-lifecycle-use-is-mounted","t":"useIsMounted","d":"useIsMounted hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-lifecycle-use-isomorphic-layout-effect","t":"useIsomorphicLayoutEffect","d":"useIsomorphicLayoutEffect hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-lifecycle-use-leave-detection","t":"useLeaveDetection","d":"useLeaveDetection hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-lifecycle-use-performance-mode","t":"usePerformanceMode","d":"usePerformanceMode hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-lifecycle-use-single-effect","t":"useSingleEffect","d":"useSingleEffect hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-lifecycle-use-toggle","t":"useToggle","d":"useToggle hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-lifecycle-use-update-effect","t":"useUpdateEffect","d":"useUpdateEffect hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:hooks-lifecycle-use-urgent-update","t":"useUrgentUpdate","d":"useUrgentUpdate hook.","k":"lib","s":"spaceui","c":"lib/hook","vn":1,"hc":1},{"id":"spaceui:interactions-agent-activity-feed","t":"Agent Activity Feed","d":"Real-time telemetry event stream monitoring tool executions, state diffs, tokens expended,","s":"spaceui","c":"ai-agent/ai-agent","hc":1},{"id":"spaceui:interactions-agent-clearance-deck","t":"Agent Clearance Deck","d":"Interactive card-swipe approval stack for autonomous agent actions with multi-tier risk me","s":"spaceui","c":"ai-agent/ai-agent"},{"id":"spaceui:interactions-agent-genesis-forge","t":"Agent Genesis Forge","d":"Interactive multi-step wizard for synthesizing agent personas, custom system directives, t","s":"spaceui","c":"ai-agent/ai-agent"},{"id":"spaceui:interactions-capability-matrix","t":"Capability Matrix","d":"Interactive permission switchboard for agent tools with spring physics layoutId transfers,","s":"spaceui","c":"ai-agent/ai-agent","sb":"Reasoning and tools"},{"id":"spaceui:interactions-cognitive-pulse-monitor","t":"Cognitive Pulse Monitor","d":"Real-time LLM thinking state visualizer with multi-stage reasoning transitions (reading, s","s":"spaceui","c":"ai-agent/ai-agent","sb":"Reasoning and tools"},{"id":"spaceui:interactions-hallucination-radar","t":"Hallucination Radar","d":"Streaming hallucination detection radar with confidence span highlights (grounded, inferre","s":"spaceui","c":"data-viz/chart","sb":"Radar"},{"id":"spaceui:interactions-priority-sort-lane","t":"Priority Sort Lane","d":"Interactive drag-and-drop task priority queue with Reorder spring physics, priority sortin","s":"spaceui","c":"ai-agent/ai-agent","sb":"Reasoning and tools"},{"id":"spaceui:lib-base-ui","t":"Base UI Utilities","d":"Base UI core utilities and providers.","k":"lib","s":"spaceui","c":"lib/utility","sb":"State","hc":1},{"id":"spaceui:lib-base-ui-csp-provider","t":"Csp Provider","d":"Utility and configuration helper for Csp Provider.","k":"lib","s":"spaceui","c":"lib/utility","sb":"State","hc":1},{"id":"spaceui:lib-base-ui-direction-provider","t":"Direction Provider","d":"Utility and configuration helper for Direction Provider.","k":"lib","s":"spaceui","c":"lib/utility","sb":"State","hc":1},{"id":"spaceui:lib-base-ui-merge-props","t":"Merge Props","d":"Utility and configuration helper for Merge Props.","k":"lib","s":"spaceui","c":"lib/utility","hc":1},{"id":"spaceui:lib-base-ui-use-render","t":"Use Render","d":"Utility and configuration helper for Use Render.","k":"lib","s":"spaceui","c":"lib/utility","hc":1},{"id":"spaceui:lib-colors-neutral","t":"Colors Neutral","d":"Utility and configuration helper for Colors Neutral.","k":"theme","s":"spaceui","c":"themes/theme"},{"id":"spaceui:essentials","t":"Essentials","d":"Installs every Space UI primitive, Base UI utilities, and the full theme in a single comma","k":"lib","s":"spaceui","c":"lib/utility"},{"id":"spaceui:lib-font-heading","t":"Font Heading","d":"Utility and configuration helper for Font Heading.","k":"lib","s":"spaceui","c":"lib/utility"},{"id":"spaceui:lib-font-mono","t":"Font Mono","d":"Utility and configuration helper for Font Mono.","k":"lib","s":"spaceui","c":"lib/utility"},{"id":"spaceui:lib-font-open-runde","t":"Font Open Runde","d":"Open Runde font family files and configuration.","k":"lib","s":"spaceui","c":"lib/utility","hc":1},{"id":"spaceui:lib-font-sans","t":"Font Sans","d":"Utility and configuration helper for Font Sans.","k":"lib","s":"spaceui","c":"lib/utility"},{"id":"spaceui:lib-get-strict-context","t":"getStrictContext","d":"A hook that allows you to create a strict context.","k":"lib","s":"spaceui","c":"lib/utility","sb":"State","hc":1},{"id":"spaceui:lib-gpu-runtime","t":"GPU Runtime","d":"GPU runtime utilities for WebGPU canvas lifecycle and visibility gating.","k":"lib","s":"spaceui","c":"lib/utility","sb":"Formatting","hc":1},{"id":"spaceui:lib-next-image-url","t":"Next Image URL","d":"Builds Next.js's own /_next/image optimized URL for raw Image()/canvas/WebGL texture loads","k":"lib","s":"spaceui","c":"lib/utility","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"spaceui:lib-segmented-control","t":"Segmented Control","d":"Shared layout and sizing styles for segmented controls and tabs.","k":"lib","s":"spaceui","c":"lib/utility","sb":"Class helpers","vn":6,"hc":1},{"id":"spaceui:lib-style","t":"Style","d":"Complete Space UI theme: colors, sidebar, fonts, and base styles. Use with `npx shadcn ini","k":"theme","s":"spaceui","c":"themes/style"},{"id":"spaceui:lib-three-types","t":"Three.js Types","d":"Lightweight TypeScript type declarations for Three.js shaders and WebGL components.","k":"lib","s":"spaceui","c":"lib/utility","tg":["webgl"],"sy":["webgl"],"vn":1,"hc":1},{"id":"spaceui:lib-utils","t":"Utils","d":"Utility and configuration helper for Utils.","k":"lib","s":"spaceui","c":"lib/utility","sb":"Class helpers","vn":11,"hc":1},{"id":"spaceui:space-interactions","t":"Space Interactions","d":"Agent skill: engineering rules, strict styling invariants, container architecture, and reg","s":"spaceui","c":"ai-agent/ai-agent","hc":1},{"id":"spaceui:motion","t":"Space Motion","d":"Agent skill: motion and transition principles, launch-film storytelling and frame-perfect ","s":"spaceui","c":"ai-agent/ai-agent","hc":1},{"id":"spaceui:hooks-utils-cache","t":"Cache","d":"cache utility.","k":"lib","s":"spaceui","c":"lib/utility","sb":"Class helpers","vn":1,"hc":1},{"id":"spaceui:hooks-utils-cookie","t":"Cookie","d":"cookie utility.","k":"lib","s":"spaceui","c":"lib/utility","sb":"Class helpers","vn":1,"hc":1},{"id":"spaceui:hooks-utils-event","t":"Event","d":"event utility.","k":"lib","s":"spaceui","c":"lib/utility","sb":"Class helpers","vn":1,"hc":1},{"id":"spaceui:hooks-utils-format-bytes","t":"Format bytes","d":"format-bytes utility.","k":"lib","s":"spaceui","c":"lib/utility","sb":"Class helpers","vn":2,"hc":1},{"id":"spaceui:hooks-utils-format-content","t":"Format content","d":"format-content utility.","k":"lib","s":"spaceui","c":"lib/utility","sb":"Class helpers","vn":1,"hc":1},{"id":"spaceui:hooks-utils-format-date","t":"Format date","d":"format-date utility.","k":"lib","s":"spaceui","c":"lib/utility","sb":"Class helpers","vn":1,"hc":1},{"id":"spaceui:hooks-utils-format-text","t":"Format text","d":"format-text utility.","k":"lib","s":"spaceui","c":"lib/utility","sb":"Class helpers","vn":1,"hc":1},{"id":"spaceui:hooks-utils-is-negative","t":"Is negative","d":"is-negative utility.","k":"lib","s":"spaceui","c":"lib/utility","sb":"Class helpers","vn":1,"hc":1},{"id":"spaceui:hooks-utils-logger","t":"Logger","d":"logger utility.","k":"lib","s":"spaceui","c":"lib/utility","sb":"Class helpers","vn":1,"hc":1},{"id":"spaceui:hooks-utils-range-map","t":"Range map","d":"range-map utility.","k":"lib","s":"spaceui","c":"lib/utility","sb":"Class helpers","vn":2,"hc":1},{"id":"spaceui:hooks-utils-sleep","t":"Sleep","d":"sleep utility.","k":"lib","s":"spaceui","c":"lib/utility","sb":"Class helpers","vn":2,"hc":1},{"id":"spaceui:hooks-utils-states-catch-error","t":"Catch error","d":"catch-error state utility.","k":"lib","s":"spaceui","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"spaceui:hooks-utils-states-create-error","t":"Create error","d":"create-error state utility.","k":"lib","s":"spaceui","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"spark-ui:widget-stack","t":"Widget Stack","d":"A stack of small or medium widgets with vertical snap scrolling and page dots.","s":"spark-ui","c":"data-display/card","hc":1},{"id":"spark-ui:dynamic-island","t":"Dynamic Island","d":"A functional iPhone-inspired island that morphs between compact and expanded content.","s":"spark-ui","c":"media/mockup","tg":["animated","playful"],"sy":["animated","playful"],"hc":1},{"id":"spark-ui:tactile-highlight","t":"Tactile Highlight","d":"A fluid text highlight component that reacts to viewport visibility and user interaction.","k":"motion","s":"spark-ui","c":"motion/shader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"spark-ui:spotify-card","t":"Spotify Card","d":"A premium Spotify card with real-time metadata and morphing animations.","s":"spark-ui","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"spark-ui:shimmer-text","t":"Shimmer Text","d":"A premium text component with an elegant shimmer animation effect.","k":"motion","s":"spark-ui","c":"motion/text-effect","tg":["animated"],"sb":"Gradient and shimmer","sy":["animated"],"hc":1},{"id":"spark-ui:basic-number-ticker","t":"Basic Number Ticker","d":"An animated number ticker component with customizable start, target, transitions, and call","k":"motion","s":"spark-ui","c":"motion/number-ticker","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"spark-ui:qr-code","t":"QR Code","d":"A beautiful QR code component with dot styling, gradient support, and extensive color cust","k":"motion","s":"spark-ui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"spark-ui:animated-gradient","t":"Animated Gradient","d":"WebGL-powered animated mist, lava, and plasma backgrounds with smooth silk-like flowing st","k":"motion","s":"spark-ui","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"spark-ui:ghost-ether","t":"Ghost Ether","d":"WebGL-powered interactive fluid simulation with dynamic FBM mist and wandering spirit forc","k":"motion","s":"spark-ui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"spark-ui:logo-carousel","t":"Logo Carousel","d":"A beautiful, high-performance scrolling logo carousel component with pausing, custom direc","k":"section","s":"spark-ui","c":"marketing/logos","hc":1},{"id":"spark-ui:logo-carousel-right","t":"Logo Carousel Right","d":"Right scrolling Logo Carousel demo.","s":"spark-ui","c":"media/carousel","hc":1},{"id":"spark-ui:image-trail","t":"Image Trail","d":"A framed mouse-tracking image trail with momentum, captions, and customizable styling.","s":"spark-ui","c":"media/gallery","tg":["animated"],"sy":["animated"],"hc":1},{"id":"spark-ui:masonry","t":"Masonry","d":"An animated masonry grid that lays out image items by explicit height, with configurable e","s":"spark-ui","c":"media/gallery","tg":["animated"],"sb":"Masonry","sy":["animated"],"hc":1},{"id":"spark-ui:keyboard","t":"Keyboard","d":"A two-tone mechanical keyboard with 3D press animations and physical key highlighting.","s":"spark-ui","c":"data-display/badge","tg":["3d"],"sy":["3d"],"hc":1},{"id":"spark-ui:hello","t":"Hello","d":"An Apple-style welcome greeting that cycles through languages with a soft blur crossfade.","k":"motion","s":"spark-ui","c":"motion/text-effect","tg":["animated"],"sb":"Handwriting and SVG","sy":["animated"],"hc":1},{"id":"spark-ui:receipt","t":"Receipt","d":"A polished payment receipt with ticket details, card information, and a decorative barcode","s":"spark-ui","c":"data-display/accordion","hc":1},{"id":"spark-ui:interactive-pets","t":"Interactive Pets","d":"A playful draggable cat with feeding reactions and idle animations.","s":"spark-ui","c":"other/other","tg":["animated","playful"],"sy":["animated","playful"],"vn":1,"hc":1},{"id":"spectrumui:agent-plan","t":"Agent Plan","d":"An editable plan checklist the agent proposes before running.","s":"spectrumui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"spectrumui:agent-steps","t":"Agent Steps","d":"A timeline of tool calls with status, arguments, results, and parallel sub-steps.","s":"spectrumui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"spectrumui:approval-card","t":"Approval Card","d":"A human-in-the-loop approval for an action an agent wants to take.","s":"spectrumui","c":"data-display/card","hc":1},{"id":"spectrumui:chat-empty-state","t":"Chat Empty State","d":"A first-run greeting with staggered suggestion chips.","s":"spectrumui","c":"data-display/empty-state","hc":1},{"id":"spectrumui:citation-sources","t":"Citation Sources","d":"Inline citation markers with hover previews or a footnote list.","s":"spectrumui","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"spectrumui:code-block","t":"Code Block","d":"An AI code block with a file header, copy, and line collapse.","s":"spectrumui","c":"ai-agent/ai-agent","hc":1},{"id":"spectrumui:conversation-list","t":"Conversation List","d":"A date-grouped conversation sidebar with pinning.","s":"spectrumui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"spectrumui:diff-view","t":"Diff View","d":"Proposed file changes with per-file accept and reject.","s":"spectrumui","c":"data-display/diff","hc":1},{"id":"spectrumui:disclose-image","t":"Disclose Image","d":"An image reveal component with animated sliding door panels.","s":"spectrumui","c":"media/gallery","hc":1},{"id":"spectrumui:error-state","t":"Error State","d":"A failed-generation state with a preserved prompt and retry.","s":"spectrumui","c":"ai-agent/ai-agent","hc":1},{"id":"spectrumui:github-profile-card","t":"GitHub Profile Card","d":"A GitHub profile card with account stats, a contribution graph, and social links.","s":"spectrumui","c":"data-display/profile","hc":1},{"id":"spectrumui:alert-1","t":"Alert demo","d":"component for the alert-demo","s":"spectrumui","c":"overlays/alert-banner","hc":1},{"id":"spectrumui:alert-2","t":"Alert #2","d":"component for the alert-2","s":"spectrumui","c":"overlays/alert-banner","hc":1},{"id":"spectrumui:alert-3","t":"Alert #3","d":"component for the alert-3","s":"spectrumui","c":"overlays/alert-banner","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"spectrumui:alert-4","t":"Alert #4","d":"component for the alert-4","s":"spectrumui","c":"overlays/alert-banner","hc":1},{"id":"spectrumui:animated-card","t":"Animated Card","d":"component for the Animated Card","s":"spectrumui","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"spectrumui:animated-SVG-chart","t":"Animated SVG Chart","d":"component for the Animated SVG Chart","s":"spectrumui","c":"data-viz/chart","hc":1},{"id":"spectrumui:animated-testimonials","t":"Animated Testimonials","d":"component for the Animated Testimonials","k":"section","s":"spectrumui","c":"marketing/testimonials","tg":["animated"],"sy":["animated"],"hc":1},{"id":"spectrumui:autosize-textarea-dependecies","t":"Autosize Textarea Dependencies","d":"component for the Autosize Textarea Dependencies","s":"spectrumui","c":"inputs/textarea","vn":1,"hc":1},{"id":"spectrumui:autosize-textarea-max-height","t":"Autosize Textarea Max Height","d":"component for the Autosize Textarea Max Height","s":"spectrumui","c":"inputs/textarea","hc":1},{"id":"spectrumui:autosize-textarea-ref","t":"Autosize Textarea Ref","d":"component for the Autosize Textarea Ref","s":"spectrumui","c":"inputs/textarea","hc":1},{"id":"spectrumui:autosize-textarea-form","t":"Autosize Textarea Form","d":"component for the Autosize Textarea Form","s":"spectrumui","c":"inputs/textarea","hc":1},{"id":"spectrumui:autosize-textarea-customize","t":"Autosize Textarea Customize","d":"component for the Autosize Textarea Customize","s":"spectrumui","c":"inputs/textarea","hc":1},{"id":"spectrumui:datetime-picker-demo","t":"Datetime Picker Demo","d":"component for the Datetime Picker Demo","s":"spectrumui","c":"inputs/select","hc":1},{"id":"spectrumui:datetime-picker-hour-cycle","t":"Datetime Picker Hour","d":"component for the Datetime Picker Hour","s":"spectrumui","c":"inputs/select","hc":1},{"id":"spectrumui:datetime-picker-and-time-input","t":"Datetime Picker and Time Input","d":"component for the Datetime Picker and Time Input","s":"spectrumui","c":"inputs/time-picker","hc":1},{"id":"spectrumui:datetime-picker-year-range","t":"Datetime Year Range","d":"component for the Datetime Year Range","s":"spectrumui","c":"inputs/slider","hc":1},{"id":"spectrumui:datetime-picker-locale","t":"Datetime Picker Locale","d":"component for the Datetime Picker Locale","s":"spectrumui","c":"inputs/select","hc":1},{"id":"spectrumui:datetime-picker-calendar-settings","t":"Datetime Picker Calendar Settings","d":"component for the Datetime Picker Calendar Settings","k":"layout","s":"spectrumui","c":"flows/settings","hc":1},{"id":"spectrumui:datetime-picker-display-format","t":"Datetime Picker Display Format","d":"component for the Datetime Picker Display Format","s":"spectrumui","c":"inputs/select","hc":1},{"id":"spectrumui:datetime-picker-placeholder","t":"Datetime Picker Placeholder","d":"component for the Datetime Picker Placeholder","s":"spectrumui","c":"inputs/select","hc":1},{"id":"spectrumui:datetime-picker-granularity","t":"Datetime Picker Granularity","d":"component for the Datetime Picker Granularity","s":"spectrumui","c":"inputs/select","hc":1},{"id":"spectrumui:datetime-picker-disabled","t":"Datetime Picker Disabled","d":"component for the Datetime Picker Disabled","s":"spectrumui","c":"inputs/select","hc":1},{"id":"spectrumui:datetime-picker-ref","t":"Datetime Picker Ref","d":"component for the Datetime Picker Ref","s":"spectrumui","c":"inputs/select","hc":1},{"id":"spectrumui:datetime-picker-form","t":"Datetime Picker Form","d":"component for the Datetime Picker Form","s":"spectrumui","c":"inputs/select","hc":1},{"id":"spectrumui:dual-range-slider-dependecies","t":"Dual Range Slider Dependencies","d":"component for the Dual Range Slider Dependencies","s":"spectrumui","c":"inputs/slider","vn":1,"hc":1},{"id":"spectrumui:dual-range-slider-custom-label","t":"Dual Range Slider Custom Label","d":"component for the Dual Range Slider Custom Label","s":"spectrumui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"spectrumui:dual-range-slider-label-position","t":"Dual Range Slider Label Position","d":"component for the Dual Range Slider Label Position","s":"spectrumui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"spectrumui:dual-range-slider-single","t":"Dual Range Slider Single","d":"component for the Dual Range Slider Single","s":"spectrumui","c":"inputs/slider","hc":1},{"id":"spectrumui:event-badge-3d","t":"Event Badge 3D","d":"component for the Event Badge 3D","s":"spectrumui","c":"data-display/badge","tg":["3d","gradient","webgl"],"sy":["3d","gradient","webgl"],"hc":1},{"id":"spectrumui:event-calendar","t":"Event Calendar","d":"component for the Event Calendar","s":"spectrumui","c":"data-display/calendar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"spectrumui:feedback-demo","t":"Feedback Demo","d":"component for the Feedback Demo","k":"page","s":"spectrumui","c":"pages/templates","tg":["animated"],"sy":["animated"],"hc":1},{"id":"spectrumui:floating-label-input","t":"Floating Label Input","d":"component for the Floating Label Input","s":"spectrumui","c":"inputs/form-field","sb":"Animated fields","vn":1,"hc":1},{"id":"spectrumui:floating-label-customize","t":"Floating Label Customize","d":"component for the Floating Label Customize","s":"spectrumui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"spectrumui:floating-label-form","t":"Floating Label Form","d":"component for the Floating Label Form","s":"spectrumui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"spectrumui:footers-demo","t":"Footers Demo","d":"component for the Footers Demo","k":"section","s":"spectrumui","c":"marketing/footer","hc":1},{"id":"spectrumui:animated-wave-footer","t":"Animated Wave Footer","d":"component for the Animated Wave Footer","k":"section","s":"spectrumui","c":"marketing/footer","hc":1},{"id":"spectrumui:inline-edit","t":"Inline Edit","d":"A selection-anchored AI edit: suggestion toolbar, word diff, accept or reject.","s":"spectrumui","c":"ai-agent/ai-agent","hc":1},{"id":"spectrumui:insight-cards","t":"Insight Cards","d":"Metric cards with spark bars, trend deltas, and an AI note.","s":"spectrumui","c":"data-display/card","hc":1},{"id":"spectrumui:loading-state","t":"Loading State","d":"A pixel-grid loader with a shimmering label and live elapsed timer.","s":"spectrumui","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"spectrumui:memory-chips","t":"Memory Chips","d":"What the assistant remembers, as removable chips.","s":"spectrumui","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"spectrumui:message-actions","t":"Message Actions","d":"Per-message controls — copy, regenerate, and thumb feedback.","s":"spectrumui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"spectrumui:model-selector","t":"Model Selector","d":"A model picker as a radio list or segmented control, with badges and disabled states.","s":"spectrumui","c":"ai-agent/ai-agent","hc":1},{"id":"spectrumui:prompt-composer","t":"Prompt Composer","d":"A prompt input with attachments, a model picker, and a stop state.","s":"spectrumui","c":"ai-agent/composer","hc":1},{"id":"spectrumui:quota-banner","t":"Quota Banner","d":"A message-quota banner with a live reset countdown.","s":"spectrumui","c":"overlays/alert-banner","hc":1},{"id":"spectrumui:reasoning-trace","t":"Reasoning Trace","d":"An expandable chain-of-thought trace with a live thinking timer.","s":"spectrumui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"spectrumui:stackedcircular-footer","t":"Stacked Circular Footer","d":"component for the Stacked Circular Footer","k":"section","s":"spectrumui","c":"marketing/footer","hc":1},{"id":"spectrumui:floatingparticle-footer","t":"Floating Particle Footer","d":"component for the Floating Particle Footer","k":"section","s":"spectrumui","c":"marketing/footer","hc":1},{"id":"spectrumui:footer","t":"Footer","d":"component for the Footer","k":"section","s":"spectrumui","c":"marketing/footer","hc":1},{"id":"spectrumui:icon-dependencies","t":"Icon Dependencies","d":"Shared icon set used by the footer and profile components.","k":"resource","s":"spectrumui","c":"assets/icon","hc":1},{"id":"spectrumui:http-status-code","t":"HTTP Status Code","d":"component for the HTTP Status Code","s":"spectrumui","c":"other/other","hc":1},{"id":"spectrumui:image-preview-dependencies","t":"Image Preview Dependencies","d":"component for the Image Preview Dependencies","s":"spectrumui","c":"media/gallery","vn":1,"hc":1},{"id":"spectrumui:infinite-scroll-dependecies","t":"Infinite Scroll Dependencies","d":"component for the Infinite Scroll Dependencies","k":"layout","s":"spectrumui","c":"layout/scroll-area","vn":1,"hc":1},{"id":"spectrumui:loading-button-dependencies","t":"Loading Button Dependencies","d":"component for the Loading Button Dependencies","s":"spectrumui","c":"actions/button","sb":"Loading and states","vn":2,"hc":1},{"id":"spectrumui:loading-button-as-child","t":"Loading Button As Child","d":"component for the Loading Button As Child","s":"spectrumui","c":"actions/button","sb":"Loading and states","hc":1},{"id":"spectrumui:multiple-selector-dependencies","t":"Multiple Selector Dependencies","d":"component for the Multiple Selector Dependencies","s":"spectrumui","c":"other/other","vn":1,"hc":1},{"id":"spectrumui:inline-code","t":"Inline Code","d":"component for the Inline Code","s":"spectrumui","c":"other/other","hc":1},{"id":"spectrumui:input-model","t":"Input Model","d":"component for the Input Model Demo","s":"spectrumui","c":"inputs/form-field","hc":1},{"id":"spectrumui:multiple-selector-with-disable-options","t":"Multiple Selector With Disable Options","d":"component for the Multiple Selector With Disable Options","s":"spectrumui","c":"other/other","hc":1},{"id":"spectrumui:multiple-selector-disabled","t":"Multiple Selector Disabled","d":"component for the Multiple Selector Disabled","s":"spectrumui","c":"other/other","hc":1},{"id":"spectrumui:multiple-selector-no-default-select","t":"Multiple Selector No Default Select","d":"component for the Multiple Selector No Default Select","s":"spectrumui","c":"inputs/select","hc":1},{"id":"spectrumui:multiple-selector-controlled","t":"Multiple Selector Controlled","d":"component for the Multiple Selector Controlled","s":"spectrumui","c":"other/other","hc":1},{"id":"spectrumui:multiple-selector-hide-clear-all","t":"Multiple Selector Hide Clear All","d":"component for the Multiple Selector Hide Clear All","s":"spectrumui","c":"other/other","hc":1},{"id":"spectrumui:multiple-selector-creatable","t":"Multiple Selector Creatable","d":"component for the Multiple Selector Creatable","s":"spectrumui","c":"other/other","hc":1},{"id":"spectrumui:multiple-selector-with-async-search","t":"Multiple Selector With Async Search","d":"component for the Multiple Selector With Async Search","s":"spectrumui","c":"inputs/search","hc":1},{"id":"spectrumui:multiple-selector-with-async-search-and-onfocus","t":"Multiple Selector With Async Search And OnFocus","d":"component for the Multiple Selector With Async Search And OnFocus","s":"spectrumui","c":"inputs/search","hc":1},{"id":"spectrumui:multiple-selector-with-async-search-and-creatable","t":"Multiple Selector With Async Search And Creatable","d":"component for the Multiple Selector With Async Search And Creatable","s":"spectrumui","c":"inputs/search","hc":1},{"id":"spectrumui:multiple-selector-with-async-search-and-creatable-and-group","t":"Multiple Selector With Async Search And Creatable And Group","d":"component for the Multiple Selector With Async Search And Creatable And Group","s":"spectrumui","c":"inputs/search","hc":1},{"id":"spectrumui:heading-with-anchor","t":"Heading With Anchor","d":"component for the Heading With Anchor","k":"motion","s":"spectrumui","c":"motion/text-effect","hc":1},{"id":"spectrumui:multiple-selector-with-sync-search","t":"Multiple Selector With Sync Search And Creatable And Group","d":"component for the Multiple Selector With Sync Search And Creatable And Group","s":"spectrumui","c":"inputs/search","hc":1},{"id":"spectrumui:multiple-selector-manually-controlled","t":"Multiple Selector Manually Controlled","d":"component for the Multiple Selector Manually Controlled","s":"spectrumui","c":"other/other","hc":1},{"id":"spectrumui:multiple-selector-with-group","t":"Multiple Selector With Group","d":"component for the Multiple Selector With Group","s":"spectrumui","c":"other/other","hc":1},{"id":"spectrumui:status-tracker","t":"Status Tracker","d":"A staged progress tracker for long-running AI jobs.","s":"spectrumui","c":"ai-agent/ai-agent","hc":1},{"id":"spectrumui:streaming-text","t":"Streaming Text","d":"A streamed answer with inline citations, sources, and follow-ups.","s":"spectrumui","c":"ai-agent/ai-agent","hc":1},{"id":"spectrumui:suggestion-banner","t":"Suggestion Banner","d":"An inline AI suggestion with apply and dismiss.","s":"spectrumui","c":"overlays/alert-banner","hc":1},{"id":"spectrumui:task-rows","t":"Task Rows","d":"Live agent task rows with status badges and expandable notes.","s":"spectrumui","c":"data-display/list","sb":"Tasks and to-dos","hc":1},{"id":"spectrumui:thinking-dots","t":"Thinking Dots","d":"A minimal typing indicator — bouncing dots or a sliding bar.","s":"spectrumui","c":"ai-agent/ai-agent","tg":["minimal"],"sb":"Reasoning and tools","sy":["minimal"],"hc":1},{"id":"spectrumui:tool-chips","t":"Tool Chips","d":"Compact tool-call chips that expand into their arguments and result.","s":"spectrumui","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"spectrumui:usage-meter","t":"Usage Meter","d":"A context-window meter with token counts and estimated cost.","s":"spectrumui","c":"data-viz/gauge","hc":1},{"id":"spectrumui:use-toast","t":"Use Toast","d":"component for the Use Toast","s":"spectrumui","c":"overlays/toast","hc":1},{"id":"spectrumui:multiple-selector-max-selected","t":"Multiple Selector Max Selected","d":"component for the Multiple Selector Max Selected","s":"spectrumui","c":"other/other","hc":1},{"id":"spectrumui:multiple-selector-max-text-length","t":"Multiple Selector Max Text Length","d":"component for the Multiple Selector Max Text Length","k":"motion","s":"spectrumui","c":"motion/text-effect","hc":1},{"id":"spectrumui:multiple-selector-no-placeholder-when-selected","t":"Multiple Selector No Placeholder When Selected","d":"component for the Multiple Selector No Placeholder When Selected","s":"spectrumui","c":"other/other","hc":1},{"id":"spectrumui:multiple-selector-fixed-option","t":"Multiple Selector Fixed Option","d":"component for the Multiple Selector Fixed Option","s":"spectrumui","c":"other/other","hc":1},{"id":"spectrumui:multiple-selector-ref","t":"Multiple Selector Ref","d":"component for the Multiple Selector Ref","s":"spectrumui","c":"other/other","hc":1},{"id":"spectrumui:multiple-selector-commandprops","t":"Multiple Selector Command Props","d":"component for the Multiple Selector Command Props","s":"spectrumui","c":"navigation/command-palette","hc":1},{"id":"spectrumui:multiple-selector-with-form","t":"Multiple Selector With Form","d":"component for the Multiple Selector With Form","s":"spectrumui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"spectrumui:multiple-step-form-demo","t":"Multiple Step Form Demo","d":"component for the Multiple Step Form Demo","s":"spectrumui","c":"navigation/wizard-steps","tg":["animated"],"sy":["animated"],"hc":1},{"id":"spectrumui:navbar-demo","t":"Navbar Demo","d":"component for the Navbar Demo","s":"spectrumui","c":"navigation/top-nav","hc":1},{"id":"spectrumui:circular-navbar","t":"Circular Navbar","d":"component for the Circular Navbar","s":"spectrumui","c":"navigation/top-nav","hc":1},{"id":"spectrumui:tab-navbar","t":"Tab Navbar","d":"component for the Tab Navbar","s":"spectrumui","c":"navigation/top-nav","hc":1},{"id":"spectrumui:floating-navbar","t":"Floating Navbar","d":"component for the Floating Navbar","s":"spectrumui","c":"navigation/top-nav","sb":"Floating","hc":1},{"id":"spectrumui:sidebar-navbar","t":"Sidebar Navbar","d":"component for the Sidebar Navbar","s":"spectrumui","c":"navigation/top-nav","hc":1},{"id":"spectrumui:login-card","t":"Login Card","d":"component for the Login Card","k":"layout","s":"spectrumui","c":"flows/sign-in","tg":["animated"],"sb":"Sign in","sy":["animated"],"hc":1},{"id":"spectrumui:kanbanboard","t":"Kanban Board","d":"component for the Kanban Board","s":"spectrumui","c":"data-display/kanban","tg":["animated"],"sy":["animated"],"hc":1},{"id":"spectrumui:profile-dropdown","t":"Profile Dropdown","d":"component for the Profile Dropdown","s":"spectrumui","c":"navigation/menu","tg":["animated"],"sb":"Dropdowns","sy":["animated"],"hc":1},{"id":"spectrumui:product-card","t":"Product Card","d":"component for the Product Card","s":"spectrumui","c":"data-display/card","sb":"Product","hc":1},{"id":"spectrumui:progress-with-value-dependencies","t":"Progress With Value Dependencies","d":"component for the Progress With Value Dependencies","s":"spectrumui","c":"data-viz/progress-bar","hc":1},{"id":"spectrumui:progress-with-value","t":"Progress With Value","d":"component for the Progress With Value","s":"spectrumui","c":"data-viz/progress-bar","hc":1},{"id":"spectrumui:value-position","t":"Progress With Value Position","d":"component for the Progress With Value Position","s":"spectrumui","c":"data-viz/progress-bar","hc":1},{"id":"spectrumui:custom-label","t":"Progress With Value Custom Label","d":"component for the Progress With Value Custom Label","s":"spectrumui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"spectrumui:responsive-modal-dependencies","t":"Responsive Modal Dependencies","d":"component for the Responsive Modal Dependencies","s":"spectrumui","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"spectrumui:responsive-modal","t":"Responsive Modal","d":"component for the Responsive Modal","s":"spectrumui","c":"overlays/dialog","hc":1},{"id":"spectrumui:responsive-modal-side","t":"Responsive Modal Side","d":"component for the Responsive Modal Side","s":"spectrumui","c":"overlays/dialog","hc":1},{"id":"spectrumui:accordion","t":"Accordion","d":"component for the Accordion","s":"spectrumui","c":"data-display/accordion","hc":1},{"id":"spectrumui:accordion-dependencies","t":"Accordion Dependencies","d":"component for the Accordion Dependencies","s":"spectrumui","c":"data-display/accordion","hc":1},{"id":"spectrumui:accordion-card","t":"Accordion Card","d":"component for the Accordion Card","s":"spectrumui","c":"data-display/accordion","sb":"Cards","hc":1},{"id":"spectrumui:accordion-filled","t":"Accordion Filled","d":"component for the Accordion Filled","s":"spectrumui","c":"data-display/accordion","hc":1},{"id":"spectrumui:accordion-ghost","t":"Accordion Ghost","d":"component for the Accordion Ghost","s":"spectrumui","c":"data-display/accordion","hc":1},{"id":"spectrumui:accordion-generative","t":"Accordion Generative","d":"component for the Accordion Generative","s":"spectrumui","c":"data-display/accordion","hc":1},{"id":"spectrumui:skeleton","t":"Skeleton","d":"component for the Skeleton","s":"spectrumui","c":"status/skeleton","vn":1,"hc":1},{"id":"spectrumui:spinner-dependencies","t":"Skeleton Card","d":"component for the Skeleton Card","s":"spectrumui","c":"status/loader","sb":"Spinners","vn":1,"hc":1},{"id":"spectrumui:spinner-size","t":"Spinner Size","d":"component for the Spinner Size","s":"spectrumui","c":"status/loader","sb":"Spinners","hc":1},{"id":"spectrumui:spinner-with-text","t":"Spinner With Text","d":"component for the Spinner With Text","s":"spectrumui","c":"status/loader","sb":"Spinners","hc":1},{"id":"spectrumui:spinner-toggle","t":"Spinner Toggle","d":"component for the Spinner Toggle","s":"spectrumui","c":"actions/switch","hc":1},{"id":"spectrumui:status-badge","t":"Status Badge","d":"component for the Status Badge","s":"spectrumui","c":"data-display/badge","sb":"Status","hc":1},{"id":"spectrumui:testimonials","t":"Testimonials","d":"component for the Testimonials","k":"section","s":"spectrumui","c":"marketing/testimonials","tg":["animated"],"sy":["animated"],"hc":1},{"id":"spectrumui:holographic","t":"Holographic Scan Reveal","d":"component for the Holographic Scan Reveal","k":"motion","s":"spectrumui","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"spectrumui:orbital-letters","t":"Orbital Letters","d":"component for the Orbital Letters","k":"motion","s":"spectrumui","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"spectrumui:ink","t":"Fluid Ink Morph","d":"component for the Fluid Ink Morph","k":"motion","s":"spectrumui","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"spectrumui:animated-drawer","t":"Animated Drawer","d":"component for the Animated Drawer","s":"spectrumui","c":"overlays/sheet","hc":1},{"id":"spectrumui:command-palette","t":"Command Palette","d":"A fully customizable, smooth-animated Command Palette (Cmd+K) component","s":"spectrumui","c":"navigation/command-palette","tg":["animated"],"sy":["animated"],"vn":1,"hc":1},{"id":"spectrumui:scratch-card","t":"Scratch Card","d":"A scratch-to-reveal coupon card with an HTML5 canvas foil, dust particles on scratch, and ","s":"spectrumui","c":"data-display/card","tg":["animated"],"sy":["animated"],"vn":1,"hc":1},{"id":"spectrumui:dock","t":"Dock","d":"A premium macOS-Style Animated Dock Menu component","s":"spectrumui","c":"navigation/dock","tg":["animated"],"sy":["animated"],"vn":2,"hc":1},{"id":"spectrumui:bento-grid","t":"Bento Grid","d":"A premium interactive Bento Grid component","k":"layout","s":"spectrumui","c":"layout/bento-grid","tg":["animated"],"sy":["animated"],"hc":1},{"id":"spectrumui:like-button","t":"Like Button","d":"A heart like button micro-interaction with a spring pop, ring pulse, radial particle burst","s":"spectrumui","c":"actions/button","tg":["animated"],"sb":"Copy, share and like","sy":["animated"],"vn":1,"hc":1},{"id":"spectrumui:tilt-card","t":"3D Tilt Card","d":"A 3D perspective tilt card that rotates toward the pointer with spring smoothing, parallax","s":"spectrumui","c":"data-display/card","tg":["3d","animated"],"sb":"Animated and glowing","sy":["3d","animated"],"vn":1,"hc":1},{"id":"spectrumui:hold-to-confirm","t":"Hold to Confirm","d":"A press-and-hold confirmation button for destructive actions with a filling progress ring,","s":"spectrumui","c":"overlays/dialog","tg":["animated"],"sb":"Confirm","sy":["animated"],"vn":1,"hc":1},{"id":"spectrumui:reaction-bar","t":"Reaction Bar","d":"A Slack-style emoji reaction row with popping chips, direction-aware rolling counts, and a","s":"spectrumui","c":"overlays/popover","tg":["animated"],"sy":["animated"],"vn":1,"hc":1},{"id":"spectrumui:star-rating","t":"Star Rating","d":"An animated star rating input with hover-preview wave, pop and sparkle burst on commit, ro","s":"spectrumui","c":"inputs/rating","tg":["animated"],"sy":["animated"],"vn":1,"hc":1},{"id":"spectrumui:quantity-stepper","t":"Quantity Stepper","d":"An animated quantity input for carts and forms with rolling digits, hold-to-repeat acceler","s":"spectrumui","c":"navigation/wizard-steps","tg":["animated"],"sy":["animated"],"vn":1,"hc":1},{"id":"spectrumui:follow-button","t":"Follow Button","d":"A morphing follow/unfollow button with a spring width morph, animated check draw, and a ho","s":"spectrumui","c":"actions/button","tg":["animated"],"sb":"Copy, share and like","sy":["animated"],"vn":1,"hc":1},{"id":"spectrumui:notification-bell","t":"Notification Bell","d":"A bell icon button with a ring-shake swing, springy unread badge with rolling odometer cou","s":"spectrumui","c":"overlays/notifications","tg":["animated"],"sy":["animated"],"vn":1,"hc":1},{"id":"spectrumui:face-rating","t":"Face Rating","d":"A five-level feedback rating where one large SVG face morphs its mouth, eyes and color bet","s":"spectrumui","c":"inputs/rating","tg":["animated"],"sy":["animated"],"vn":1,"hc":1},{"id":"spectrumui:undo-pill","t":"Undo Pill","d":"An inline undo pill with a draining countdown ring that pauses on hover and fires undo or ","s":"spectrumui","c":"data-display/badge","tg":["animated"],"sb":"Tags and pills","sy":["animated"],"vn":1,"hc":1},{"id":"spectrumui:password-strength","t":"Password Strength","d":"A password input with an animated four-segment strength meter, crossfading strength label,","s":"spectrumui","c":"inputs/form-field","tg":["animated"],"sb":"Password","sy":["animated"],"vn":1,"hc":1},{"id":"spectrumui:swipe-to-delete","t":"Swipe to Delete","d":"An iOS-style swipeable list-item wrapper that reveals a delete action on drag, pops the ic","s":"spectrumui","c":"data-display/list","tg":["animated"],"sy":["animated"],"vn":1,"hc":1},{"id":"spectrumui:task-checkbox","t":"Task Checkbox","d":"A satisfying todo checkbox row with spring fill, drawn-in check, confetti burst and animat","s":"spectrumui","c":"inputs/checkbox","tg":["animated"],"sy":["animated"],"vn":1,"hc":1},{"id":"spectrumui:morph-button","t":"Morph Button","d":"A multi-state async action button that morphs between idle, loading, success and error wit","s":"spectrumui","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"vn":1,"hc":1},{"id":"spectrumui:animated-switch","t":"Animated Switch","d":"An iOS-quality animated toggle switch with a press-to-stretch knob, drag-to-toggle with fl","s":"spectrumui","c":"actions/switch","tg":["animated"],"sb":"Animated","sy":["animated"],"vn":1,"hc":1},{"id":"spectrumui:avatar-stack","t":"Avatar Stack","d":"An overlapping avatar stack that fans apart on hover, springs name tooltips over each face","s":"spectrumui","c":"data-display/avatar","tg":["animated"],"sy":["animated"],"vn":1,"hc":1},{"id":"spectrumui:kbd-key","t":"Kbd Key","d":"A 3D keycap that physically depresses when the real key is pressed, with combo shortcuts t","s":"spectrumui","c":"data-display/typography","tg":["3d","animated"],"sy":["3d","animated"],"vn":1,"hc":1},{"id":"spectrumui:share-button","t":"Share Button","d":"A share trigger that fans out into copy-link and custom share actions with staggered sprin","s":"spectrumui","c":"actions/button","tg":["animated"],"sb":"Copy, share and like","sy":["animated"],"vn":1,"hc":1},{"id":"spectrumui:voice-input","t":"Voice Input","d":"A voice recorder pill with animated level bars and a live timer.","s":"spectrumui","c":"ai-agent/ai-agent","sb":"Voice","hc":1},{"id":"spectrumui:web-search","t":"Web Search","d":"Agent search results with a live reading indicator.","s":"spectrumui","c":"inputs/search","hc":1},{"id":"spectrumui:chart-kit","t":"Chart Kit","d":"Shared data, fills, tooltip, and axis chrome for Spectrum Charts.","s":"spectrumui","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"spectrumui:bar-chart","t":"Bar Chart","d":"Vertical and horizontal bars with hatch, duotone, gradient, stripe, stack, and glow fills.","s":"spectrumui","c":"data-viz/chart","tg":["animated","gradient","neon"],"sb":"Bar","sy":["animated","gradient","neon"],"hc":1},{"id":"spectrumui:line-chart","t":"Line Chart","d":"Multi-series lines with solid, dashed, bump, step, gradient, and glow strokes.","s":"spectrumui","c":"data-viz/chart","tg":["animated","gradient","neon"],"sb":"Line and sparkline","sy":["animated","gradient","neon"],"hc":1},{"id":"spectrumui:area-chart","t":"Area Chart","d":"Filled areas with gradient, hatch, dotted, stacked, and dashed-stroke variants.","s":"spectrumui","c":"data-viz/chart","tg":["animated","gradient"],"sb":"Area","sy":["animated","gradient"],"hc":1},{"id":"spectrumui:pie-chart","t":"Pie Chart","d":"Pie and donut charts with padded sectors, labels, and optional sector glow.","s":"spectrumui","c":"data-viz/chart","tg":["animated","neon"],"sb":"Pie, donut and radial","sy":["animated","neon"],"hc":1},{"id":"spectrumui:radar-chart","t":"Radar Chart","d":"Radar plots with filled or outline series, circle grids, and glow.","s":"spectrumui","c":"data-viz/chart","tg":["animated","neon"],"sb":"Radar","sy":["animated","neon"],"hc":1},{"id":"spectrumui:radial-chart","t":"Radial Chart","d":"Full and semi-circle radial bars for share and progress.","s":"spectrumui","c":"data-viz/chart","tg":["animated"],"sb":"Pie, donut and radial","sy":["animated"],"hc":1},{"id":"spectrumui:composed-chart","t":"Composed Chart","d":"Bars, lines, and areas on one plot — mix fills, dashes, and glow per series.","s":"spectrumui","c":"data-viz/chart","tg":["animated","neon"],"sy":["animated","neon"],"hc":1},{"id":"spectrumui:chart-data","t":"Connecting Real Data","d":"Wiring any chart to a real source: fetch in an effect, SWR or React Query, server componen","s":"spectrumui","c":"data-viz/chart","hc":1},{"id":"spectrumui:chart-states","t":"Chart States","d":"Loading skeletons, empty states and error states for every chart — one wrapper, six skelet","s":"spectrumui","c":"data-viz/chart","hc":1},{"id":"spectrumui:market-chart","t":"Market Chart","d":"A trading-desk chart in pure SVG: OHLC candles, a volume pane, a snapping crosshair with a","s":"spectrumui","c":"data-viz/chart","hc":1},{"id":"spectrumui:indicator-chart","t":"Indicator Chart","d":"Price, RSI and MACD stacked on one time axis with a single crosshair that reports all thre","s":"spectrumui","c":"data-viz/chart","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"spectrumui:depth-chart","t":"Depth Chart","d":"Cumulative bid and ask liquidity either side of the mid, with a crosshair that reports the","s":"spectrumui","c":"data-viz/chart","tg":["3d"],"sy":["3d"],"hc":1},{"id":"spectrumui:order-book","t":"Order Book","d":"A trading ladder with cumulative depth bars, a spread row, and flashing updates in live mo","s":"spectrumui","c":"data-viz/chart","tg":["3d"],"sy":["3d"],"hc":1},{"id":"spectrumui:portfolio-chart","t":"Portfolio Chart","d":"Account value against cost basis with drawdown from the running peak shaded underneath.","s":"spectrumui","c":"data-viz/chart","hc":1},{"id":"spectrumui:market-heatmap","t":"Market Heatmap","d":"A squarified treemap sized by market cap and coloured on a diverging change ramp — the mar","s":"spectrumui","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"spectrumui:calendar-heatmap","t":"Calendar Heatmap","d":"A year of daily values as week columns — the contributions grid, with five quantised inten","s":"spectrumui","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"spectrumui:cohort-chart","t":"Cohort Retention","d":"The retention triangle: cohorts down, periods across, intensity by share retained, with a ","s":"spectrumui","c":"data-viz/chart","hc":1},{"id":"spectrumui:stat-cards","t":"Stat Cards","d":"KPI cards with a big value, the delta written as a sentence, and a scrubbable sparkline or","s":"spectrumui","c":"data-display/stat","hc":1},{"id":"spectrumui:histogram-chart","t":"Histogram","d":"A distribution of raw samples binned on nice edges, with p50 / p95 / p99 pinned onto the p","s":"spectrumui","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"spectrumui:candlestick-chart","t":"Candlestick Chart","d":"OHLC candles with optional volume and hollow-up bodies — for stocks, SOL, and any market p","s":"spectrumui","c":"data-viz/chart","tg":["animated"],"sb":"Financial","sy":["animated"],"hc":1},{"id":"spectrumui:price-chart","t":"Price Chart","d":"Ticker chrome with last price and signed delta. Use it for tokens, equities, or protocol T","s":"spectrumui","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"spectrumui:sparkline-chart","t":"Sparkline","d":"Compact inline price marks for watchlists, token tables, and portfolio rows.","s":"spectrumui","c":"data-viz/chart","tg":["animated"],"sb":"Line and sparkline","sy":["animated"],"hc":1},{"id":"spectrumui:offset-tiers","t":"Offset Tiers","d":"Staggered serif panels on a dot grid, with one entry price and expert CTAs.","k":"section","s":"spectrumui","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"spectrumui:gradient-tiers","t":"Gradient Tiers","d":"Pastel gradient card headers with icons and color-coded inheritance labels.","k":"motion","s":"spectrumui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"spectrumui:dark-matrix","t":"Dark Matrix","d":"A dark comparison table with dashed rows, mint checks, and per-plan CTA pills.","k":"section","s":"spectrumui","c":"marketing/pricing","hc":1},{"id":"spectrumui:blueprint-tiers","t":"Blueprint Tiers","d":"A Swiss-style pricing table with crop marks, mono labels, and a royal-blue accent.","k":"section","s":"spectrumui","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"spectrumui:serif-tiers","t":"Serif Tiers","d":"Cream serif cards with a black featured card lit by a crimson glow.","k":"section","s":"spectrumui","c":"marketing/pricing","tg":["neon"],"sb":"Plan cards","sy":["neon"],"hc":1},{"id":"spectrumui:banner-tiers","t":"Banner Tiers","d":"A brutalist plan table whose featured column wears a blue banner on top.","s":"spectrumui","c":"overlays/alert-banner","tg":["brutalist"],"sy":["brutalist"],"hc":1},{"id":"spectrumui:receipt-tiers","t":"Receipt Tiers","d":"Plans printed as thermal receipts with torn edges, dotted leaders, and a rubber stamp.","k":"section","s":"spectrumui","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"spectrumui:use-typewriter","t":"useTypewriter","d":"A typewriter hook that types, holds and deletes phrases on a loop, plus a prefers-reduced-","k":"lib","s":"spectrumui","c":"lib/hook","hc":1},{"id":"spectrumui:command-search","t":"Command Search","d":"A command palette that types queries and live-filters grouped results, with keyboard navig","s":"spectrumui","c":"inputs/search","vn":1,"hc":1},{"id":"spectrumui:recent-activity","t":"Recent Activity","d":"An activity feed card that lists agent runs with duration and recency chips.","s":"spectrumui","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"spectrumui:account-access-card","t":"Account Access Card","d":"A credentials card that auto-fills email and password on a loop, with a danger zone.","s":"spectrumui","c":"data-display/card","vn":1,"hc":1},{"id":"spectrumui:ai-chat-card","t":"AI Chat Card","d":"An AI chat card that types prompts into its composer, with send, attach and reset actions.","s":"spectrumui","c":"ai-agent/ai-agent","sb":"Chat","vn":1,"hc":1},{"id":"spectrumui:nav-list-card","t":"Nav List Card","d":"A compact navigation card that lists links with icons, with a spring slide on hover.","s":"spectrumui","c":"navigation/top-nav","vn":1,"hc":1},{"id":"spectrumui:transfer-funds-card","t":"Transfer Funds Card","d":"A money transfer form card with account pickers, a summary and a confirm action.","s":"spectrumui","c":"data-display/card","tg":["playful"],"sy":["playful"],"vn":1,"hc":1},{"id":"spectrumui:faq-tabs-card","t":"FAQ Tabs Card","d":"A tabbed FAQ card with animated accordion answers and a support footer.","k":"section","s":"spectrumui","c":"marketing/faq","vn":1,"hc":1},{"id":"spectrumui:tree-nav","t":"Tree Nav","d":"A nav list with a tree rail and a spring marker that follows hover and settles on the acti","s":"spectrumui","c":"navigation/top-nav","vn":1,"hc":1},{"id":"spectrumui:use-surface-theme","t":"useSurfaceTheme","d":"Resolves auto to dark or light from a .dark class on <html>, then the OS preference, updat","k":"lib","s":"spectrumui","c":"lib/hook","hc":1},{"id":"spectrumui:metal-button","t":"Metal Button","d":"A pill button framed by a real-time WebGL liquid-metal ring, in chromatic, silver and gold","s":"spectrumui","c":"actions/button","tg":["webgl"],"sy":["webgl"],"vn":1,"hc":1},{"id":"spectrumui:metal-prompt-bar","t":"Metal Prompt Bar","d":"An AI prompt bar with a live liquid-metal send button that reflects onto the chips beside ","s":"spectrumui","c":"ai-agent/composer","vn":1,"hc":1},{"id":"spectrumui:beam-card","t":"Beam Card","d":"A card wrapped in an animated border beam, traveling or breathing, in four color palettes.","s":"spectrumui","c":"data-display/card","sb":"Animated and glowing","vn":1,"hc":1},{"id":"spectrumui:beam-search","t":"Beam Search Bar","d":"A search bar whose bottom edge lights up with a traveling beam while it has focus.","s":"spectrumui","c":"inputs/search","vn":1,"hc":1},{"id":"spectrumui:dynamic-island","t":"Dynamic Island","d":"An iOS-style island pill that morphs between live activity views with a bouncy resize.","s":"spectrumui","c":"data-display/badge","tg":["playful"],"sy":["playful"],"vn":1,"hc":1},{"id":"spectrumui:expandable-action-bar","t":"Expandable Action Bar","d":"Compact icon actions that expand into labeled controls on hover or focus with shared layou","s":"spectrumui","c":"data-display/accordion","sb":"Animated","vn":1,"hc":1},{"id":"spectrumui:toast-stack","t":"Toast Stack","d":"Stacked toasts with status morphs, swipe to dismiss, actions and layout-aware motion.","s":"spectrumui","c":"overlays/toast","vn":1,"hc":1},{"id":"spectrumui:number-ticker","t":"Number Ticker","d":"A rolling digit ticker that counts to a value with per-digit stagger, padding and blur.","k":"motion","s":"spectrumui","c":"motion/number-ticker","vn":1,"hc":1},{"id":"spectrumui:text-states","t":"Text States","d":"A status label that swaps its text in place, exiting up with blur and entering from below.","k":"motion","s":"spectrumui","c":"motion/text-effect","vn":1,"hc":1},{"id":"spectrumui:skeleton-reveal","t":"Skeleton Reveal","d":"A skeleton that pulses while loading, then cross-fades and un-blurs into the real content.","s":"spectrumui","c":"status/skeleton","vn":1,"hc":1},{"id":"spectrumui:data-table","t":"Data Table","d":"A typed data table with sorting, search and row selection, where rows glide into their new","s":"spectrumui","c":"data-display/table","sb":"Data tables","vn":1,"hc":1},{"id":"spectrumui:payments-table","t":"Payments Table","d":"Transactions with people avatars, status pills, filters, row selection and a bulk export b","s":"spectrumui","c":"data-display/table","sb":"Transactions","hc":1},{"id":"spectrumui:team-members-table","t":"Team Members Table","d":"Workspace member management with roles, two-factor status, last activity and a remove acti","k":"section","s":"spectrumui","c":"marketing/team","hc":1},{"id":"spectrumui:invoices-table","t":"Invoices Table","d":"Billing history with mono invoice numbers, status pills and a per-row PDF download.","s":"spectrumui","c":"data-display/table","sb":"Transactions","hc":1},{"id":"spectrumui:orders-table","t":"Orders Table","d":"E-commerce orders with fulfillment pills, customer avatars and an expandable line-item pan","s":"spectrumui","c":"data-display/table","sb":"Transactions","hc":1},{"id":"spectrumui:customers-table","t":"Customers Table","d":"Accounts ranked by MRR with plan badges, churn-risk indicators and owner avatars.","k":"section","s":"spectrumui","c":"marketing/logos","hc":1},{"id":"spectrumui:api-keys-table","t":"API Keys Table","d":"Key management with masked secrets in mono, scope chips, usage counts and a revoke action.","s":"spectrumui","c":"data-display/table","hc":1},{"id":"spectrumui:audit-log-table","t":"Audit Log Table","d":"A dense, pinned-header event log with actors, mono action names, IPs and severity levels.","s":"spectrumui","c":"data-display/table","hc":1},{"id":"spectrumui:deployments-table","t":"Deployments Table","d":"CI deploys with commit messages, mono shas, environment badges, build status and author av","s":"spectrumui","c":"data-display/table","hc":1},{"id":"spectrumui:feature-flags-table","t":"Feature Flags Table","d":"Flag management with env chips, rollout meters and a live spring-animated switch per row.","k":"section","s":"spectrumui","c":"marketing/features","sb":"Comparison","hc":1},{"id":"spectrumui:tickets-table","t":"Support Tickets Table","d":"A support queue with priority icons, SLA countdowns, assignee avatars and status pills.","s":"spectrumui","c":"data-display/table","hc":1},{"id":"spectrumui:top-pages-table","t":"Top Pages Table","d":"An analytics table with mono paths, share-of-traffic bars and signed week-over-week deltas","s":"spectrumui","c":"data-display/table","hc":1},{"id":"spectrumui:market-table","t":"Market Watchlist Table","d":"A price watchlist with ticker tiles, signed 24h changes and seven-day inline sparklines.","s":"spectrumui","c":"data-display/table","hc":1},{"id":"spectrumui:inventory-table","t":"Inventory Table","d":"Stock management with SKU tiles, capacity meters that change color at thresholds and statu","s":"spectrumui","c":"data-display/table","hc":1},{"id":"spectrumui:leaderboard-table","t":"Leaderboard Table","d":"Rankings with medal chips for the top three, player avatars, streaks and weekly movement.","s":"spectrumui","c":"data-display/gamification","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"spectrumui:files-table","t":"Files Table","d":"A shared-drive browser with type-glyph tiles, sizes, collaborator stacks and modified date","s":"spectrumui","c":"data-display/table","hc":1},{"id":"spectrumui:mega-sitemap-footer","t":"Mega Sitemap Footer","d":"A five-column sitemap with region and language selectors and mobile accordions.","k":"section","s":"spectrumui","c":"marketing/footer","hc":1},{"id":"spectrumui:trust-center-footer","t":"Trust Center Footer","d":"Compliance marks that expand to scope, over a logo row and link columns.","k":"section","s":"spectrumui","c":"marketing/footer","hc":1},{"id":"spectrumui:region-picker-footer","t":"Region Picker Footer","d":"A region popover with locale, currency, data residency and live local time.","k":"section","s":"spectrumui","c":"marketing/footer","hc":1},{"id":"spectrumui:service-status-footer","t":"Service Status Footer","d":"Thirty days of per-service uptime bars with a rolling incident ticker.","k":"section","s":"spectrumui","c":"marketing/footer","hc":1},{"id":"spectrumui:sales-cta-footer","t":"Sales CTA Footer","d":"A seat slider that prices a tier live, beside the link grid.","k":"section","s":"spectrumui","c":"marketing/footer","hc":1},{"id":"spectrumui:link-search-footer","t":"Link Search Footer","d":"Type-to-filter across every footer link, with arrow-key navigation.","k":"section","s":"spectrumui","c":"marketing/footer","hc":1},{"id":"spectrumui:careers-footer","t":"Careers Footer","d":"A rolling three-role window with department filters, over link columns.","k":"section","s":"spectrumui","c":"marketing/footer","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"spectrumui:policy-footer","t":"Policy Footer","d":"Cookie-category switches with a save state, over a layered legal row.","k":"section","s":"spectrumui","c":"marketing/footer","hc":1},{"id":"spectrumui:ask-docs-footer","t":"Ask Docs Footer","d":"A docs question box that streams a cited answer, over link columns.","k":"section","s":"spectrumui","c":"marketing/footer","hc":1},{"id":"spectrumui:wordmark-spotlight-footer","t":"Wordmark Spotlight Footer","d":"A full-bleed wordmark lit by a spotlight that follows the pointer.","k":"resource","s":"spectrumui","c":"assets/logo","hc":1},{"id":"spectrumui:token-stream-footer","t":"Token Stream Footer","d":"A one-line manifesto that types itself in, over a metric row.","k":"section","s":"spectrumui","c":"marketing/footer","hc":1},{"id":"spectrumui:neural-grid-footer","t":"Neural Grid Footer","d":"An SVG node lattice that lights up under the pointer.","k":"section","s":"spectrumui","c":"marketing/footer","hc":1},{"id":"spectrumui:release-feed-footer","t":"Release Feed Footer","d":"A changelog list with version, kind and date on hairline rows.","k":"section","s":"spectrumui","c":"marketing/footer","hc":1},{"id":"spectrumui:newsletter-footer","t":"Newsletter Footer","d":"A newsletter panel with a value checklist, reader stack and inline validation.","k":"section","s":"spectrumui","c":"marketing/footer","hc":1},{"id":"spectrumui:contact-card-footer","t":"Contact Card Footer","d":"Copyable email, phone and address rows with opening hours and local time.","k":"section","s":"spectrumui","c":"marketing/footer","hc":1},{"id":"spectrumui:social-proof-footer","t":"Logo Wall Footer","d":"A customer logo wall — marquee or plotted grid — over stats and link columns.","k":"section","s":"spectrumui","c":"marketing/footer","hc":1},{"id":"spectrumui:minimal-footer","t":"Minimal Footer","d":"A single-line footer with hover-expanding link clusters, status and socials.","k":"section","s":"spectrumui","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"spectrumui:waitlist-footer","t":"Waitlist Footer","d":"Waitlist capture with an avatar stack and a live position counter.","k":"section","s":"spectrumui","c":"marketing/footer","hc":1},{"id":"spectrumui:project-empty","t":"First Project","d":"First-run project screen with selectable templates and a setup checklist.","s":"spectrumui","c":"data-display/empty-state","hc":1},{"id":"spectrumui:invite-empty","t":"Invite Teammates","d":"A one-seat team with an avatar rail, live invite field and copyable join link.","s":"spectrumui","c":"data-display/empty-state","hc":1},{"id":"spectrumui:integration-empty","t":"Connect a Source","d":"A connector grid where tiles run a real connect sequence and settle into connected.","k":"section","s":"spectrumui","c":"marketing/logos","hc":1},{"id":"spectrumui:upload-empty","t":"Drop Files","d":"A drop zone with real drag handling and per-file upload meters.","s":"spectrumui","c":"inputs/file-upload","hc":1},{"id":"spectrumui:api-key-empty","t":"No API Keys","d":"Key creation that reveals the secret once, masked, with a copy that confirms itself.","s":"spectrumui","c":"data-display/empty-state","hc":1},{"id":"spectrumui:webhook-empty","t":"Waiting for Events","d":"A live endpoint waiting for its first delivery, with a test event that lands.","s":"spectrumui","c":"data-display/empty-state","hc":1},{"id":"spectrumui:search-empty","t":"No Search Results","d":"A no-results state that echoes the query and resolves when a suggestion is taken.","s":"spectrumui","c":"inputs/search","hc":1},{"id":"spectrumui:filter-empty","t":"No Matching Filters","d":"Filter chips you can drop one at a time, with the match count coming back as you do.","s":"spectrumui","c":"data-display/empty-state","hc":1},{"id":"spectrumui:table-empty","t":"Empty Table","d":"A table that keeps its header and column widths, with rows that spring in.","s":"spectrumui","c":"data-display/table","hc":1},{"id":"spectrumui:chart-empty","t":"No Chart Data","d":"Ghost axes with a sample series that springs up on request.","s":"spectrumui","c":"data-viz/chart","hc":1},{"id":"spectrumui:activity-empty","t":"No Activity Yet","d":"An audit timeline with a dashed rail above its one real event.","s":"spectrumui","c":"data-display/empty-state","hc":1},{"id":"spectrumui:inbox-empty","t":"Inbox Zero","d":"A cleared inbox where the last three cards sweep out and the stats land.","s":"spectrumui","c":"overlays/notifications","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"spectrumui:notification-empty","t":"No Notifications","d":"An empty notification tray with working channel switches and a quiet-hours state.","s":"spectrumui","c":"overlays/notifications","hc":1},{"id":"spectrumui:trash-empty","t":"Trash Is Empty","d":"An empty trash that explains the retention window instead of celebrating.","s":"spectrumui","c":"data-display/empty-state","hc":1},{"id":"spectrumui:schedule-empty","t":"Nothing Scheduled","d":"A day rail with a now marker where any hour opens an inline composer.","s":"spectrumui","c":"data-display/calendar","hc":1},{"id":"spectrumui:saved-empty","t":"Nothing Saved","d":"An empty saved list that teaches the gesture on three real rows.","s":"spectrumui","c":"data-display/empty-state","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"spectrumui:cart-empty","t":"Empty Cart","d":"An empty bag with three recently viewed products that add for real.","s":"spectrumui","c":"data-display/empty-state","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"spectrumui:board-empty","t":"Empty Board Column","d":"A kanban column that accepts real drags from its neighbours and composes cards inline.","s":"spectrumui","c":"data-display/kanban","hc":1},{"id":"spectrumui:offline-empty","t":"Offline","d":"An offline panel that counts down, retries itself and recovers on screen.","s":"spectrumui","c":"data-display/empty-state","hc":1},{"id":"spectrumui:error-empty","t":"Failed to Load","d":"A load failure with a copyable request id and a details panel that opens to fit.","s":"spectrumui","c":"data-display/empty-state","hc":1},{"id":"spectrumui:not-found-empty","t":"Page Not Found","d":"A 404 that prints the path it tried and filters real destinations as you type.","k":"page","s":"spectrumui","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"spectrumui:access-empty","t":"No Access","d":"A permission wall that names the owner and turns request into requested.","s":"spectrumui","c":"data-display/empty-state","hc":1},{"id":"spectrumui:quota-empty","t":"Limit Reached","d":"A quota wall with a full meter, seven days of history and a reset clock.","s":"spectrumui","c":"data-display/empty-state","hc":1},{"id":"spectrumui:locked-empty","t":"Locked Feature","d":"A paywall over a blurred preview of the feature it is selling.","k":"section","s":"spectrumui","c":"marketing/features","hc":1},{"id":"spectrumui:maintenance-empty","t":"Scheduled Maintenance","d":"A maintenance window with a ticking ETA, a stage rail and a notify-me field.","k":"page","s":"spectrumui","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"spell:chart","t":"Chart","d":"Interactive line chart with a cursor-tracked tooltip card, snap-to-point hover, and built-","s":"spell","c":"data-viz/chart","hc":1},{"id":"spell:blur-reveal","t":"Blur Reveal","d":"Animated text reveal with blur effect.","k":"motion","s":"spell","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"spell:perspective-book","t":"Perspective Book","d":"A 3D book component with hover animation and customizable appearance.","k":"motion","s":"spell","c":"motion/tilt-3d","tg":["3d"],"sy":["3d"],"hc":1},{"id":"spell:badge","t":"Badge","d":"A badge component with multiple color variants and sizes.","s":"spell","c":"data-display/badge","hc":1},{"id":"spell:color-selector","t":"Color Selector","d":"Interactive color picker component.","s":"spell","c":"inputs/select","hc":1},{"id":"spell:special-text","t":"Special Text","d":"Animated text with scramble effect.","k":"motion","s":"spell","c":"motion/text-effect","hc":1},{"id":"spell:shimmer-text","t":"Shimmer Text","d":"Text with animated shimmer highlight effect.","k":"motion","s":"spell","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"spell:highlighted-text","t":"Highlighted Text","d":"Text with sliding background highlight animation using mix-blend-mode.","k":"motion","s":"spell","c":"motion/text-effect","hc":1},{"id":"spell:rich-button","t":"Rich Button","d":"A button component with rich styling and color variants.","s":"spell","c":"actions/button","hc":1},{"id":"spell:kbd","t":"Keyboard Shortcuts","d":"Display keyboard shortcuts with proper key symbols.","s":"spell","c":"data-display/typography","hc":1},{"id":"spell:label-input","t":"Label Input","d":"Input field with floating label and password visibility toggle.","s":"spell","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"spell:spinner","t":"Spinner","d":"A loading spinner component with customizable size and color.","s":"spell","c":"status/loader","sb":"Spinners","hc":1},{"id":"spell:bars-spinner","t":"Bars Spinner","d":"A loading spinner with rotating bars animation.","s":"spell","c":"status/loader","sb":"Spinners","hc":1},{"id":"spell:flow-button","t":"Flow Button","d":"A button with animated flowing dashed border on hover.","s":"spell","c":"actions/button","hc":1},{"id":"spell:slide-up-text","t":"Slide Up Text","d":"Text animation that slides up from bottom with stagger effect.","k":"motion","s":"spell","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"spell:copy-button","t":"Copy Button","d":"A copy-to-clipboard button with blur transition effect.","s":"spell","c":"actions/copy-button","hc":1},{"id":"spell:text-marquee","t":"Text Marquee","d":"Animated text marquee component with vertical scrolling.","k":"motion","s":"spell","c":"motion/marquee","hc":1},{"id":"spell:words-stagger","t":"Words Stagger","d":"Word-by-word text animation with blur, transform, and opacity effects.","k":"motion","s":"spell","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"spell:tilt-card","t":"Tilt Card","d":"Interactive 3D tilt card with perspective hover effect and spotlight.","s":"spell","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"hc":1},{"id":"spell:marquee","t":"Marquee","d":"Infinite scrolling marquee component with customizable speed and direction.","k":"motion","s":"spell","c":"motion/marquee","hc":1},{"id":"spell:signature","t":"Signature","d":"Animated signature component with handwriting effect using custom fonts.","k":"resource","s":"spell","c":"assets/font","hc":1},{"id":"spell:randomized-text","t":"Randomized Text","d":"Text component with randomized character reveal animation.","k":"motion","s":"spell","c":"motion/text-effect","hc":1},{"id":"spell:pop-button","t":"Pop Button","d":"A playful 3D-style button with push-down animation effect.","s":"spell","c":"actions/button","tg":["3d","playful"],"sy":["3d","playful"],"hc":1},{"id":"spell:tweet","t":"Tweet","d":"Embed Twitter/X posts with custom styling.","s":"spell","c":"other/other","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"spell:spotify-card","t":"Spotify Card","d":"Display Spotify tracks with album art and blurred background.","s":"spell","c":"data-display/card","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"spell:light-rays","t":"Light Rays","d":"Animated light rays effect using WebGL shaders.","k":"motion","s":"spell","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"spell:animated-gradient","t":"Animated Gradient","d":"Animated gradient background with presets and customizable swirl effects using WebGL.","k":"motion","s":"spell","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"spell:animated-checkbox","t":"Animated Checkbox","d":"Animated checkbox with spring transitions and strike-through text effect.","s":"spell","c":"inputs/checkbox","hc":1},{"id":"spell:exploding-input","t":"Exploding Input","d":"Input component that spawns particle effects when typing.","s":"spell","c":"inputs/form-field","hc":1},{"id":"spell:gradient-wave-text","t":"Gradient Wave Text","d":"Apple-style animated gradient text with wave effect.","k":"motion","s":"spell","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"hc":1},{"id":"spell:logos-carousel","t":"Logos Carousel","d":"Animated carousel component that cycles through sets of logos with staggered animations.","k":"section","s":"spell","c":"marketing/logos","hc":1},{"id":"spell:qr-code","t":"QR Code","d":"QR code generator with rounded finder patterns and dot-style data modules.","s":"spell","c":"other/other","hc":1},{"id":"spell:fallback-avatar","t":"Fallback Avatar","d":"A unique gradient avatar generated from a name string.","s":"spell","c":"data-display/avatar","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"ssych:file-tree","t":"File Tree","d":"A file tree for code bundles, data exports and research folders, with folding folders, key","s":"ssych","c":"data-display/tree","hc":1},{"id":"ssych:sidebar","t":"Sidebar","d":"A collapsible sidebar navigation for SaaS admin panels and trading dashboards, with accord","s":"ssych","c":"navigation/sidebar","hc":1},{"id":"ssych:macos-dock","t":"macOS Dock","d":"A macOS style app dock with magnifying icons and a ⌘K command menu, for launchers and work","s":"ssych","c":"navigation/dock","hc":1},{"id":"ssych:browser-window","t":"Browser Window","d":"A browser window mockup for showing a dashboard or web app on a landing page, in Chrome or","s":"ssych","c":"media/mockup","hc":1},{"id":"ssych:macbook-frame","t":"MacBook Frame","d":"A MacBook mockup frame for product screenshots and live app embeds on landing pages, pitch","s":"ssych","c":"media/mockup","hc":1},{"id":"ssych:card-stack","t":"Card Stack","d":"A swipeable card stack carousel for product showcases and feature tours; drag the top card","s":"ssych","c":"media/card-stack","hc":1},{"id":"ssych:card-grid","t":"Card Grid","d":"A responsive card grid for products, strategies or case studies, with hover actions on eac","s":"ssych","c":"data-display/card","hc":1},{"id":"ssych:card-list","t":"Card List","d":"A vertical card list for reports, products or case studies, each card with media and copy,","s":"ssych","c":"data-display/card","hc":1},{"id":"ssych:bento-gallery","t":"Bento Gallery","d":"A draggable bento grid gallery for product shots and dashboard screenshots that opens into","s":"ssych","c":"media/gallery","hc":1},{"id":"ssych:cutout-card","t":"Cutout Card","d":"Media card with a scooped-out content tray (concave corners), hover-reveal action button, ","s":"ssych","c":"data-display/card","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"ssych:accordion","t":"Accordion","d":"An accordion for feature and FAQ sections on product pages, each row opening to a body, a ","s":"ssych","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"ssych:project-card","t":"Project Card","d":"Shared cutout project card with blurred-gradient media and a liquid-metal hover ring.","s":"ssych","c":"data-display/card","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"ssych:historical-eps","t":"Historical EPS","d":"A quarterly EPS chart for stock research and earnings screens, with forecast against repor","s":"ssych","c":"data-viz/chart","hc":1},{"id":"ssych:price-target-fan","t":"Price Target Fan","d":"An analyst price target chart for stock research: a year of price history, then projection","s":"ssych","c":"data-viz/chart","hc":1},{"id":"ssych:market-watchlist","t":"Market Watchlist (paid screen)","d":"A watchlist that reads as one chart: every watched coin as a line from the same open, a ro","k":"layout","s":"ssych","c":"layout/dashboard","hc":1},{"id":"ssych:sma-chart","t":"SMA Chart","d":"A stock price chart with 20 and 50 day simple moving average overlays and crosshair scrubb","s":"ssych","c":"data-viz/chart","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ssych:dotted-area-chart","t":"Dotted Area Chart","d":"A crypto price area chart on a dotted field; scrub it to light the stretch you have passed","s":"ssych","c":"data-viz/chart","sb":"Area","hc":1},{"id":"ssych:health-gauge","t":"Health Gauge","d":"A gauge chart for margin ratio, fear and greed or liquidity scores, on a 270 degree dial t","s":"ssych","c":"data-viz/gauge","hc":1},{"id":"ssych:market-heatmap","t":"Market Heatmap","d":"A stock market heatmap with tiles sized by market cap and tinted by the daily move, for ma","s":"ssych","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"ssych:sankey-flow","t":"Sankey Diagram","d":"A Sankey diagram for cash flow, budgets and fund flows, where income pools in one hub and ","s":"ssych","c":"data-viz/chart","tg":["playful"],"sb":"Flow and funnel","sy":["playful"],"hc":1},{"id":"ssych:donut-chart","t":"Donut Chart","d":"A crypto portfolio donut chart that shows allocation as a ring with the total in the centr","s":"ssych","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"ssych:balance-header","t":"Balance Header","d":"A wallet and bank balance header with the total, the 24h move and a privacy toggle that ma","s":"ssych","c":"navigation/top-nav","hc":1},{"id":"ssych:market-snapshot","t":"Market Snapshot","d":"A stock price card with periods from 1D to All and a line chart you scrub for the price at","s":"ssych","c":"data-viz/chart","hc":1},{"id":"ssych:index-card","t":"Index Card","d":"A market index card for the S&P 500, Dow, Nasdaq and Russell, with tabs between indices an","s":"ssych","c":"data-display/card","sb":"Metric","hc":1},{"id":"ssych:range-navigator","t":"Range Navigator","d":"A price history chart with a range selector minimap; drag the window to pan and pull an ed","s":"ssych","c":"inputs/slider","hc":1},{"id":"ssych:sectors-donut","t":"Sectors Donut","d":"A sector allocation donut for ETF and fund pages that shows each sector weight and dims th","s":"ssych","c":"data-viz/chart","tg":["playful"],"sb":"Pie, donut and radial","sy":["playful"],"hc":1},{"id":"ssych:ratings-radar","t":"Ratings Radar","d":"An analyst ratings chart for stock research pages, spreading strong buy to strong sell on ","s":"ssych","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"ssych:analyst-radar","t":"Analyst Radar","d":"A factor score radar chart for equity research, comparing a company with its sector on val","s":"ssych","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"ssych:kpi-card-row","t":"KPI Card Row","d":"A KPI card row for SaaS, AI and API dashboards, with metrics like requests and uptime coun","s":"ssych","c":"data-display/stat","hc":1},{"id":"ssych:heat-calendar","t":"Heat Calendar","d":"A calendar heatmap of daily activity such as transactions, trades or API calls, with a rea","s":"ssych","c":"data-display/calendar","hc":1},{"id":"ssych:returns-calendar","t":"Returns Calendar","d":"A monthly returns heatmap for funds, strategies and backtests, with a compounded yearly co","s":"ssych","c":"data-display/calendar","tg":["playful"],"sy":["playful"],"hc":1},{"id":"ssych:holdings-table","t":"Holdings Table","d":"A fund holdings table with market value, price, YTD return and portfolio weight bars, sort","s":"ssych","c":"data-display/table","tg":["playful"],"sy":["playful"],"hc":1},{"id":"ssych:trade-journal-table","t":"Trade Journal Table","d":"A trade journal table for crypto and stock traders, with the open position lit and every c","s":"ssych","c":"data-display/table","hc":1},{"id":"ssych:fills-blotter","t":"Fills Blotter","d":"A live order fills blotter for brokers and trading desks, streaming executions that land a","s":"ssych","c":"other/other","hc":1},{"id":"ssych:candlestick","t":"Candlestick Chart","d":"A candlestick chart with a volume histogram, a magnet crosshair and a live OHLC legend, fo","s":"ssych","c":"data-viz/chart","tg":["retro and HUD"],"sb":"Financial","sy":["retro and HUD"],"hc":1},{"id":"ssych:equity-drawdown","t":"Equity & Drawdown","d":"An equity curve with a synced drawdown chart for backtests and trading performance, one cr","s":"ssych","c":"data-viz/chart","hc":1},{"id":"ssych:balance-chart","t":"Balance Chart","d":"A wallet balance chart for crypto and banking apps: an area line coloured by trend, with h","s":"ssych","c":"data-viz/chart","hc":1},{"id":"ssych:price-scrubber","t":"Price Scrubber","d":"A stock price chart you scrub with a magnet crosshair and price and time badges on the axe","s":"ssych","c":"inputs/slider","hc":1},{"id":"ssych:comb-rows","t":"Comb Rows","d":"A peer comparison chart that draws each company as a ruler of ticks, for valuation metrics","s":"ssych","c":"data-display/list","hc":1},{"id":"ssych:ticker-tape","t":"Ticker Tape","d":"A scrolling stock and crypto ticker tape with BTC, ETH, TAO and NVDA, green up and red dow","k":"motion","s":"ssych","c":"motion/marquee","hc":1},{"id":"ssych:trade-tape","t":"Trade Tape","d":"A live time and sales tape for trading terminals, streaming prints coloured by side and si","s":"ssych","c":"other/other","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ssych:simple-chart","t":"Mini Price Chart","d":"A compact crypto price card with one line and one number that follows your pointer, for wa","s":"ssych","c":"data-viz/chart","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ssych:matrix-ticker-board","t":"Matrix Ticker Board","d":"A dot matrix stock price board drawn on canvas, where changed digits dissolve and redraw o","s":"ssych","c":"data-display/kanban","hc":1},{"id":"ssych:request-log","t":"API Request Log","d":"An API request log for developer dashboards, with method, path, status and latency per cal","s":"ssych","c":"other/other","hc":1},{"id":"ssych:new-items-pill","t":"New Items Pill","d":"A live trade feed that holds your place while new rows arrive and counts them into a pill,","s":"ssych","c":"data-display/badge","sb":"Labels","hc":1},{"id":"ssych:inbox","t":"Notification Inbox","d":"A notification inbox for SaaS and trading apps, with unread markers that clear as you read","s":"ssych","c":"overlays/notifications","hc":1},{"id":"ssych:project-index","t":"Project Index","d":"A list of companies or projects where each row shows its cover beside the cursor on hover,","s":"ssych","c":"data-display/list","tg":["playful"],"sy":["playful"],"hc":1},{"id":"ssych:news-card","t":"News Card","d":"A market news card that cycles headlines with their source and time, for trading dashboard","k":"section","s":"ssych","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"ssych:alert-stack","t":"Alert Stack","d":"A stacked notification panel for price alerts, margin warnings and order fills that fans o","s":"ssych","c":"overlays/alert-banner","hc":1},{"id":"ssych:assets-balance-card","t":"Assets Balance Card","d":"A portfolio balance card with rolling odometer digits and an intraday chart you can drag t","s":"ssych","c":"data-display/card","sb":"Metric","hc":1},{"id":"ssych:onboarding-checklist","t":"Onboarding Checklist","d":"An onboarding checklist for developer and fintech products, with steps that check off and ","s":"ssych","c":"inputs/checkbox","hc":1},{"id":"ssych:preferences-card","t":"Preferences Card","d":"An account settings card with rows for profile, payment method and notifications, for SaaS","k":"layout","s":"ssych","c":"flows/settings","hc":1},{"id":"ssych:empty-state","t":"Empty State","d":"An empty state for trading and fintech dashboards: a quiet dotted field with one line of c","s":"ssych","c":"data-display/empty-state","hc":1},{"id":"ssych:swap-ticket","t":"Swap Ticket","d":"A token swap widget for DEX and crypto wallet apps, with an editable amount, a flip button","k":"layout","s":"ssych","c":"flows/settings","hc":1},{"id":"ssych:segmented-control","t":"Segmented Control","d":"A segmented control for timeframes and view modes like 24h, 7d and 30d, with a thumb that ","s":"ssych","c":"actions/segmented-control","hc":1},{"id":"ssych:avatar-stack","t":"Avatar Stack","d":"An overlapping avatar stack for teams, signers or token holders that lifts and names one o","s":"ssych","c":"data-display/avatar","hc":1},{"id":"ssych:amount","t":"Currency Amount","d":"Currency and crypto amount formatters that keep symbols, decimals, abbreviations and signe","s":"ssych","c":"other/other","hc":1},{"id":"ssych:crypto-fiat","t":"Crypto/Fiat","d":"A crypto amount input that switches between fiat and token units at the current rate, for ","s":"ssych","c":"inputs/form-field","hc":1},{"id":"ssych:screen-shuffle","t":"Screen Shuffle","d":"A stack of product screenshots that rotates the front screen to the back, for SaaS and fin","k":"section","s":"ssych","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"ssych:mouse-trail-cta","t":"Mouse Trail CTA","d":"A call to action button whose glow is fed by a cursor particle trail, for the landing page","k":"section","s":"ssych","c":"marketing/cta","tg":["neon"],"sy":["neon"],"hc":1},{"id":"ssych:ascii-turntable","t":"ASCII Turntable","d":"A 3D logo or token mark drawn in ASCII characters that turns with the cursor, for crypto, ","k":"motion","s":"ssych","c":"motion/ascii","tg":["3d","retro and HUD","webgl"],"sy":["3d","retro and HUD","webgl"],"hc":1},{"id":"ssych:metal-badge","t":"Metal Badge","d":"Any SVG mark as a domed chrome badge, drawn in WebGPU. It leans toward the cursor with the","s":"ssych","c":"data-display/badge","hc":1},{"id":"ssych:stone-badge","t":"Stone Badge","d":"Any SVG mark as a carved stone badge, drawn in WebGPU: facets, fissures and mineral speckl","s":"ssych","c":"data-display/badge","hc":1},{"id":"ssych:gold-badge","t":"Gold Badge","d":"The metal badge in gold: any SVG mark as a domed, brushed gold badge drawn in WebGPU. It l","s":"ssych","c":"data-display/badge","hc":1},{"id":"ssych:holo-badge","t":"Holographic Badge","d":"Any SVG mark as a holographic badge: a silver dome under a thin film whose colour shifts w","s":"ssych","c":"data-display/badge","hc":1},{"id":"ssych:glass-badge","t":"Glass Badge","d":"Any SVG mark as a frosted glass badge: translucent, with the light catching its rolled edg","s":"ssych","c":"data-display/badge","tg":["glass"],"sy":["glass"],"hc":1},{"id":"ssych:neon-badge","t":"Neon Badge","d":"Any SVG mark as a dark badge with a neon outline that glows and breathes. Drawn in WebGPU,","s":"ssych","c":"data-display/badge","tg":["neon"],"sy":["neon"],"hc":1},{"id":"ssych:lightning-badge","t":"Lightning Badge","d":"Any SVG mark as a dark glass badge with lightning crawling over its face. Drawn in WebGPU,","s":"ssych","c":"data-display/badge","tg":["glass"],"sy":["glass"],"hc":1},{"id":"ssych:ascii-badge","t":"ASCII Badge","d":"Any SVG mark as a domed badge drawn in characters: the lit surface is read per cell and ea","s":"ssych","c":"data-display/badge","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ssych:account-dropdown","t":"Account Dropdown","d":"A crypto wallet account switcher that lists each address with its balance and share of the","s":"ssych","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"ssych:depth-chart","t":"Depth Chart","d":"A market depth chart for crypto exchanges showing bid and ask liquidity around the mid pri","s":"ssych","c":"data-viz/chart","tg":["3d"],"sy":["3d"],"hc":1},{"id":"ssych:gantt-mini","t":"Gantt Chart","d":"A compact Gantt chart for sprint and release planning, with a today line and the dates, le","s":"ssych","c":"data-viz/chart","hc":1},{"id":"ssych:leverage-ticket","t":"Leverage Ticket","d":"A perpetual futures order ticket with margin, long or short and a leverage slider that upd","s":"ssych","c":"inputs/slider","hc":1},{"id":"ssych:order-book","t":"Order Book","d":"A crypto exchange order book with bids, asks and depth bars, reading the cumulative size a","s":"ssych","c":"other/other","tg":["3d"],"sy":["3d"],"hc":1},{"id":"ssych:quick-ticket","t":"Quick Ticket","d":"A watchlist row that expands into a quick order ticket for market and limit orders, for br","s":"ssych","c":"data-display/list","hc":1},{"id":"ssych:setup-stepper","t":"Setup Stepper","d":"A setup stepper for onboarding flows like domain verification or API setup, with numbered ","s":"ssych","c":"navigation/wizard-steps","hc":1},{"id":"ssych:tool-call-card","t":"Tool Call Card","d":"An AI agent tool call card that shows the arguments, result, duration and status of one ca","s":"ssych","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"ssych:vitals-strip","t":"Key Stats Strip","d":"A key stats strip for a stock page with price, market cap, index weight, volume and P/E, e","s":"ssych","c":"data-display/stat","hc":1},{"id":"ssych:agent-run-timeline","t":"Agent Run Timeline","d":"An AI agent run timeline that shows each step with its tool call, duration and status, wit","s":"ssych","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"ssych:automation-builder","t":"Automation Builder","d":"A trading automation builder that writes a strategy as sentences, from news sentiment to o","k":"section","s":"ssych","c":"marketing/marketing","hc":1},{"id":"ssych:dialog-stack","t":"Dialog Stack","d":"Stacked dialogs for multi step confirmations like plan changes, approvals and sign off, wh","s":"ssych","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"ssych:graph-comparison","t":"Graph Comparison","d":"A stock comparison chart that indexes up to four tickers to the same start, for relative p","k":"section","s":"ssych","c":"marketing/comparison","hc":1},{"id":"ssych:market-shelf","t":"Market Shelf","d":"A row of crypto market tiles with price, daily change and a 7 day sparkline, for exchange ","s":"ssych","c":"data-display/card","hc":1},{"id":"ssych:order-ticket","t":"Order Ticket","d":"A buy and sell order form for limit and market orders where price, amount and total stay i","s":"ssych","c":"inputs/form-field","hc":1},{"id":"ssych:radial-gauge","t":"Radial Gauge","d":"A radial gauge for pass rates like model evals, health checks or compliance tests, with fa","s":"ssych","c":"data-viz/gauge","hc":1},{"id":"ssych:stacked-bars","t":"Stacked Bar Chart","d":"A stacked bar chart of monthly totals by series, shown with AI inference spend by model, r","s":"ssych","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"ssych:top-coins","t":"Top Coins","d":"A top cryptocurrencies widget with Bitcoin, Ethereum and Solana prices and sparklines over","s":"ssych","c":"data-viz/chart","hc":1},{"id":"ssych:volume-profile","t":"Volume Profile","d":"A volume profile chart of traded volume by price with the point of control and value area,","s":"ssych","c":"data-display/profile","hc":1},{"id":"ssych:allocation-treemap","t":"Allocation Treemap","d":"A portfolio allocation treemap with holdings sized by weight, reading the share and value ","s":"ssych","c":"data-viz/chart","sb":"Flow and funnel","hc":1},{"id":"ssych:event-feed","t":"Market Event Feed","d":"A market events feed grouped by day, each headline with its ticker, price and move, for st","s":"ssych","c":"data-display/timeline","hc":1},{"id":"ssych:info-card","t":"Info Card","d":"A small callout card with a title, one line and an action row, for help prompts and upsell","s":"ssych","c":"data-display/card","hc":1},{"id":"ssych:modal","t":"Modal","d":"An accessible modal dialog for confirmations like cancelling orders or revoking API keys, ","s":"ssych","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"ssych:payment-card","t":"Payment Card","d":"A saved payment card for billing and banking settings that lifts out of its pocket to show","s":"ssych","c":"data-display/card","sb":"Payment","hc":1},{"id":"ssych:release-feed","t":"Release Feed","d":"A changelog feed for developer tools and APIs that groups release notes by added, changed ","s":"ssych","c":"data-display/timeline","hc":1},{"id":"ssych:stat-tile","t":"Stat Tile","d":"Compact stat tiles for trading metrics like net P&L, win rate and Sharpe ratio, each with ","s":"ssych","c":"data-display/stat","hc":1},{"id":"ssych:total-balance","t":"Total Balance","d":"A total balance chart for crypto and banking accounts with windows from 24h to All, readin","s":"ssych","c":"data-viz/chart","hc":1},{"id":"ssych:wallet-drawer","t":"Wallet Drawer","d":"A crypto wallet drawer with holdings, DeFi positions and activity, plus send, receive and ","s":"ssych","c":"overlays/sheet","hc":1},{"id":"ssych:amount-slider","t":"Amount Slider","d":"An amount slider for choosing a share of a balance with 25, 50, 75 and 100 percent presets","s":"ssych","c":"inputs/slider","hc":1},{"id":"ssych:cross-chain-swap","t":"Cross Chain Swap","d":"A cross chain bridge and swap widget for moving tokens between networks like Ethereum, Sol","s":"ssych","c":"data-display/card","hc":1},{"id":"ssych:execution-controls","t":"Execution Controls","d":"A hold to confirm order button for trading apps that shows the order as working, filled or","s":"ssych","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"ssych:inline-slider","t":"Inline Slider","d":"A range filter slider with its label and value inside the track, for screeners and GPU mar","s":"ssych","c":"inputs/slider","hc":1},{"id":"ssych:model-comparison","t":"Model Comparison","d":"An LLM comparison table of quality, latency, cost per million tokens and context window, s","k":"section","s":"ssych","c":"marketing/comparison","hc":1},{"id":"ssych:performance-chart","t":"Performance Chart","d":"A portfolio performance chart against a benchmark index, shaded green while ahead and red ","s":"ssych","c":"data-viz/chart","hc":1},{"id":"ssych:scatter-plot","t":"Scatter Plot","d":"A risk and return scatter plot of stocks by volatility and yearly return, naming each poin","s":"ssych","c":"data-viz/chart","sb":"Scatter","hc":1},{"id":"ssych:swap-confirm","t":"Swap Confirm","d":"A stock swap confirmation that sells one holding for another, showing the rate and the min","s":"ssych","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"ssych:uptime-bars","t":"Uptime Bars","d":"A 90 day uptime status chart for APIs and inference services, reading the uptime and incid","s":"ssych","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"ssych:watchlist-stack","t":"Watchlist Stack","d":"A stock watchlist with an intraday sparkline, price and daily move per ticker, scrubbable ","s":"ssych","c":"data-viz/chart","hc":1},{"id":"ssych:approval-quorum","t":"Approval Quorum","d":"A multisig approval widget for treasury and payment releases, where risk, treasury and com","s":"ssych","c":"data-display/card","hc":1},{"id":"ssych:date-range-picker","t":"Date Range Picker","d":"A date range picker with two month calendars and presets like last 7, 30 and 90 days, for ","s":"ssych","c":"inputs/date-range","hc":1},{"id":"ssych:flow-bars","t":"Net Flow Bars","d":"A net flow bar chart for daily ETF, exchange or wallet inflows and outflows, where draggin","s":"ssych","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"ssych:kanban-board","t":"Kanban Board","d":"A kanban board for engineering, ops and compliance work with three columns and counts, mov","s":"ssych","c":"data-display/kanban","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"ssych:morph-disclosure","t":"Morph Disclosure","d":"An expandable row that opens in place into a short sheet of summary and key facts, for pro","s":"ssych","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"ssych:positions-table","t":"Positions Table","d":"An open positions table for futures and margin trading with entry, mark, liquidation price","s":"ssych","c":"data-display/table","hc":1},{"id":"ssych:series-spotlight","t":"Series Spotlight","d":"A multi line chart of twelve crypto assets with one highlighted at a time, for comparing c","k":"motion","s":"ssych","c":"motion/background","sb":"Beams and light","hc":1},{"id":"ssych:tape-flow","t":"Order Flow","d":"An order flow chart of the last 48 trades as bars sized by volume and coloured by side, fo","s":"ssych","c":"data-viz/chart","tg":["retro and HUD"],"sb":"Flow and funnel","sy":["retro and HUD"],"hc":1},{"id":"ssych:view-switch","t":"View Switch","d":"A view switcher for desktop, mobile and code previews where only the selected option shows","s":"ssych","c":"actions/switch","sb":"Animated","hc":1},{"id":"ssych:portfolio-book","t":"Portfolio Overview (paid screen)","d":"The balance-first book on one ruled grid: holdings, history and share-of-total composed fr","k":"layout","s":"ssych","c":"layout/dashboard","hc":1},{"id":"ssych:portfolio-allocation","t":"Portfolio Allocation (paid screen)","d":"Composition first. Leads with what the book is made of and how concentrated it is, which i","k":"layout","s":"ssych","c":"layout/dashboard","hc":1},{"id":"ssych:portfolio-tiers","t":"Multi account Portfolio (paid screen)","d":"The book as four accounts rather than one balance. One pill per tier under the bar, and th","k":"layout","s":"ssych","c":"layout/dashboard","hc":1},{"id":"ssych:discover-board","t":"Market Discovery (paid screen)","d":"The browsing problem, not the reporting one: filters and a trending rail for finding somet","s":"ssych","c":"data-display/kanban","hc":1},{"id":"ssych:discover-screener","t":"Token Screener (paid screen)","d":"The screener take on discovery: a dense sortable board where the row is the unit and the f","k":"layout","s":"ssych","c":"layout/dashboard","hc":1},{"id":"ssych:terminal-cex","t":"Trading Terminal (paid screen)","d":"An exchange terminal on one ruled workspace: candle chart under an interval bar, book or t","s":"ssych","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ssych:gpu-pods","t":"GPU Marketplace (paid screen)","d":"A GPU rental marketplace's browse screen: 150 pods in a 15-column table you can sort, sear","k":"layout","s":"ssych","c":"layout/dashboard","hc":1},{"id":"ssych:wallet-home","t":"Crypto Wallet (paid screen)","d":"A self-custody wallet's home and coin pages in one screen: balance, four actions, every co","k":"layout","s":"ssych","c":"layout/dashboard","hc":1},{"id":"ssych:business-balances","t":"Business Balances (paid screen)","d":"A business account's cash across five currencies: one total in any display currency, sched","k":"layout","s":"ssych","c":"layout/dashboard","hc":1},{"id":"ssych:payout-balance","t":"Payout Balance (paid screen)","d":"A seller's balance and its ledger: available, reserved and treasury money as one split, an","k":"layout","s":"ssych","c":"layout/dashboard","tg":["playful"],"sy":["playful"],"hc":1},{"id":"ssych:money-account","t":"Multi currency Account (paid screen)","d":"A personal account across four currencies: the total, the month's money in and out, a bala","k":"layout","s":"ssych","c":"layout/dashboard","hc":1},{"id":"ssych:wealth-invest","t":"Wealth Portfolio (paid screen)","d":"A household's investments against the market: portfolio growth drawn against four benchmar","k":"layout","s":"ssych","c":"layout/dashboard","hc":1},{"id":"ssych:market-watchlist","t":"Market Watchlist (paid screen)","d":"A watchlist that reads as one chart: every watched coin as a line from the same open, a ro","k":"layout","s":"ssych","c":"layout/dashboard","hc":1},{"id":"ssych:asset-alerts","t":"Asset and Alerts (paid screen)","d":"One asset's page with its price alerts: the day's line green above the open and red below ","s":"ssych","c":"overlays/alert-banner","hc":1},{"id":"ssych:ascii-scroll-morph","t":"ASCII Scroll Morph (paid screen)","d":"An immersive landing page with live 3D ASCII shapes that respond to the cursor and transit","k":"motion","s":"ssych","c":"motion/text-effect","tg":["3d","retro and HUD","webgl"],"sb":"Reveal and entrance","sy":["3d","retro and HUD","webgl"],"hc":1},{"id":"ssych:tradeboard-landing","t":"Trading Platform Landing (paid screen)","d":"A product landing built on one rule: one ground, one subject, one accent. Giant display he","k":"page","s":"ssych","c":"pages/templates","tg":["webgl"],"sb":"Landing pages","sy":["webgl"],"hc":1},{"id":"ssych:stablecoin-landing","t":"Stablecoin Landing (paid screen)","d":"A token landing on the same structure: hero with a brand marquee, a three-card product exp","k":"page","s":"ssych","c":"pages/templates","tg":["webgl"],"sb":"Landing pages","sy":["webgl"],"hc":1},{"id":"ssych:simple-landing","t":"Developer Tools Landing (paid screen)","d":"The library's own marketing page: a near-black ground, one object per section, two-tone di","k":"page","s":"ssych","c":"pages/templates","tg":["minimal","webgl"],"sb":"Landing pages","sy":["minimal","webgl"],"hc":1},{"id":"stacklyui:cn","t":"Cn utility","d":"Class name merge helper (clsx + tailwind-merge).","k":"lib","s":"stacklyui","c":"lib/utility","sb":"Class helpers","hc":1,"cp":1},{"id":"stacklyui:use-reduced-motion","t":"useReducedMotion","d":"Track the user's prefers-reduced-motion setting.","k":"lib","s":"stacklyui","c":"lib/hook","hc":1},{"id":"stacklyui:use-in-view","t":"useInView","d":"IntersectionObserver-based in-view detection.","k":"lib","s":"stacklyui","c":"lib/hook","hc":1},{"id":"stacklyui:use-pointer-vars","t":"usePointerVars","d":"Write pointer position to CSS variables without re-rendering.","k":"lib","s":"stacklyui","c":"lib/hook","hc":1},{"id":"stacklyui:aurora-background","t":"Aurora Background","d":"A full-bleed animated aurora backdrop.","k":"motion","s":"stacklyui","c":"motion/background","tg":["gradient"],"sb":"Gradients and aurora","sy":["gradient"],"hc":1},{"id":"stacklyui:spotlight-card","t":"Spotlight Card","d":"Glass card with a pointer-tracked spotlight glow.","s":"stacklyui","c":"data-display/card","tg":["glass","neon"],"sb":"Animated and glowing","sy":["glass","neon"],"hc":1},{"id":"stacklyui:card-3d","t":"3D Tilt Card","d":"A card that tilts in 3D toward the cursor with a light glare.","k":"motion","s":"stacklyui","c":"motion/tilt-3d","tg":["3d"],"sy":["3d"],"hc":1},{"id":"stacklyui:reveal","t":"Reveal","d":"Scroll-triggered fade + slide reveal wrapper.","k":"layout","s":"stacklyui","c":"layout/scroll-area","hc":1},{"id":"stacklyui:gradient-text","t":"Gradient Text","d":"Text painted with an animated clipped gradient.","k":"motion","s":"stacklyui","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"hc":1},{"id":"stacklyui:bento-grid","t":"Bento Grid","d":"Responsive bento layout with hover lift and pointer glow.","k":"layout","s":"stacklyui","c":"layout/bento-grid","tg":["neon"],"sy":["neon"],"hc":1},{"id":"stacklyui:animated-beam","t":"Animated Beam","d":"A traveling light beam drawn between two DOM elements.","k":"motion","s":"stacklyui","c":"motion/background","sb":"Beams and light","hc":1},{"id":"stacklyui:marquee","t":"Marquee","d":"Infinite GPU-driven marquee with pause-on-hover.","k":"motion","s":"stacklyui","c":"motion/marquee","hc":1},{"id":"stacklyui:magnetic-button","t":"Magnetic Button","d":"A button that leans toward the cursor, with a press ripple.","s":"stacklyui","c":"actions/button","sb":"Animated","hc":1},{"id":"stacklyui:number-ticker","t":"Number Ticker","d":"Animated count-up that triggers when scrolled into view.","k":"motion","s":"stacklyui","c":"motion/number-ticker","hc":1},{"id":"stacklyui:button","t":"Button","d":"Versatile button with six variants, four sizes, and asChild.","s":"stacklyui","c":"actions/button","hc":1},{"id":"stacklyui:badge","t":"Badge","d":"Status/label pill with soft, solid, and semantic variants.","s":"stacklyui","c":"data-display/badge","hc":1},{"id":"stacklyui:input","t":"Input","d":"Text input with focus ring and invalid state.","s":"stacklyui","c":"inputs/form-field","hc":1},{"id":"stacklyui:textarea","t":"Textarea","d":"Multi-line text input matching Input.","s":"stacklyui","c":"inputs/textarea","hc":1},{"id":"stacklyui:label","t":"Label","d":"Accessible form label (Radix).","s":"stacklyui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"stacklyui:card","t":"Card","d":"Composable card: header, title, description, content, footer.","s":"stacklyui","c":"data-display/card","hc":1},{"id":"stacklyui:separator","t":"Separator","d":"Thin visual divider (Radix).","k":"layout","s":"stacklyui","c":"layout/page-shell","hc":1},{"id":"stacklyui:avatar","t":"Avatar","d":"Image avatar with graceful fallback (Radix).","s":"stacklyui","c":"data-display/avatar","hc":1},{"id":"stacklyui:skeleton","t":"Skeleton","d":"Loading placeholder with a shimmer sweep.","s":"stacklyui","c":"status/skeleton","hc":1},{"id":"stacklyui:checkbox","t":"Checkbox","d":"Checkbox with an animated check-draw (Radix + Motion).","s":"stacklyui","c":"inputs/checkbox","hc":1},{"id":"stacklyui:switch","t":"Switch","d":"Toggle switch with a spring-eased thumb (Radix).","s":"stacklyui","c":"actions/switch","hc":1},{"id":"stacklyui:radio-group","t":"Radio Group","d":"Radio group with a spring indicator (Radix + Motion).","s":"stacklyui","c":"inputs/radio","hc":1},{"id":"stacklyui:select","t":"Select","d":"Animated select menu (Radix).","s":"stacklyui","c":"inputs/select","hc":1},{"id":"stacklyui:tabs","t":"Tabs","d":"Tabs with a sliding active indicator (Radix + Motion).","s":"stacklyui","c":"navigation/tabs","hc":1},{"id":"stacklyui:tooltip","t":"Tooltip","d":"Tooltip with a pop-in animation (Radix).","s":"stacklyui","c":"overlays/tooltip","hc":1},{"id":"stacklyui:accordion","t":"Accordion","d":"Accordion with animated height (Radix).","s":"stacklyui","c":"data-display/accordion","hc":1},{"id":"stacklyui:dialog","t":"Dialog","d":"Modal dialog with animated overlay and content (Radix).","s":"stacklyui","c":"overlays/dialog","hc":1},{"id":"stacklyui:dropdown-menu","t":"Dropdown Menu","d":"Dropdown menu with pop animation (Radix).","s":"stacklyui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"stacklyui:alert","t":"Alert","d":"Callout banner with a signature accent rail.","s":"stacklyui","c":"overlays/alert-banner","hc":1},{"id":"stacklyui:alert-dialog","t":"Alert Dialog","d":"Modal confirmation for destructive actions (Radix).","s":"stacklyui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"stacklyui:popover","t":"Popover","d":"Floating content anchored to a trigger (Radix).","s":"stacklyui","c":"overlays/popover","hc":1},{"id":"stacklyui:hover-card","t":"Hover Card","d":"Preview card shown on hover (Radix).","s":"stacklyui","c":"overlays/hover-card","hc":1},{"id":"stacklyui:collapsible","t":"Collapsible","d":"Show/hide a section of content (Radix).","s":"stacklyui","c":"data-display/accordion","hc":1},{"id":"stacklyui:aspect-ratio","t":"Aspect Ratio","d":"Constrain content to a ratio (Radix).","k":"layout","s":"stacklyui","c":"layout/page-shell","hc":1},{"id":"stacklyui:progress","t":"Progress","d":"Determinate progress bar with gradient fill (Radix).","s":"stacklyui","c":"data-viz/progress-bar","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"stacklyui:slider","t":"Slider","d":"Range slider with gradient track and paper thumb (Radix).","s":"stacklyui","c":"inputs/slider","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"stacklyui:calendar","t":"Calendar","d":"Dependency-free date picker — single/multiple/range, sliding month transitions, month & ye","s":"stacklyui","c":"data-display/calendar","hc":1},{"id":"stacklyui:toggle","t":"Toggle","d":"Two-state toggle button (Radix).","s":"stacklyui","c":"actions/switch","vn":1,"hc":1},{"id":"stacklyui:breadcrumb","t":"Breadcrumb","d":"Path to the current page.","s":"stacklyui","c":"navigation/breadcrumb","hc":1},{"id":"stacklyui:kbd","t":"Kbd","d":"Keyboard-key hint with a keycap look.","s":"stacklyui","c":"data-display/typography","hc":1},{"id":"stacklyui:spinner","t":"Spinner","d":"Accessible loading spinner.","s":"stacklyui","c":"status/loader","sb":"Spinners","hc":1},{"id":"stacklyui:sheet","t":"Sheet","d":"Edge-anchored slide-in panel (Radix).","s":"stacklyui","c":"overlays/sheet","hc":1},{"id":"stacklyui:combobox","t":"Combobox","d":"Dependency-free searchable single-select — typeahead filtering, grouping, creatable rows, ","s":"stacklyui","c":"inputs/combobox","hc":1},{"id":"stacklyui:multi-select","t":"Multi Select","d":"Searchable multi-select with inline removable chips, select-all, +N-more overflow, a selec","s":"stacklyui","c":"inputs/select","hc":1},{"id":"stacklyui:pagination","t":"Pagination","d":"Stateful pagination with ellipsis truncation, a gliding active pill (Motion layoutId), edg","s":"stacklyui","c":"navigation/pagination","hc":1},{"id":"stacklyui:date-picker","t":"Date Picker","d":"A formatted date field wired to the dependency-free Calendar in a popover — single or rang","s":"stacklyui","c":"inputs/date-picker","hc":1},{"id":"stacklyui:toast","t":"Toast","d":"Sonner-style imperative toasts — a collapsed stack that expands on hover, swipe-to-dismiss","s":"stacklyui","c":"overlays/toast","hc":1},{"id":"starck:blue-cta-button","t":"Blue CTA Button","d":"The dimensional call-to-action used by SessionWatcher, with configurable color tones and m","s":"starck","c":"actions/button","hc":1},{"id":"starck:liquid-glass-navbar","t":"Liquid Glass Navbar","d":"SessionWatcher's responsive navbar with expandable or fixed width, real Chromium refractio","s":"starck","c":"navigation/top-nav","tg":["animated","glass"],"sb":"Glass","sy":["animated","glass"],"hc":1},{"id":"starck:gradient-faq","t":"Gradient FAQ","d":"An animated, crawlable FAQ accordion used by SessionWatcher and Moorline.","k":"section","s":"starck","c":"marketing/faq","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"starck:scroll-reveal","t":"Scroll Reveal","d":"Progressive reveal and stagger primitives with reduced-motion support.","k":"layout","s":"starck","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"starck:terminal-command","t":"Terminal Command","d":"A copyable terminal command block with stable animated feedback.","s":"starck","c":"navigation/command-palette","tg":["animated","retro and HUD"],"sy":["animated","retro and HUD"],"hc":1},{"id":"starck:macbook-mockup","t":"MacBook Mockup","d":"A responsive CSS MacBook frame with an accessible fullscreen mode.","s":"starck","c":"media/mockup","hc":1},{"id":"starck:sticky-product-cta","t":"Sticky Product CTA","d":"A compact scroll-aware product action bar.","k":"section","s":"starck","c":"marketing/cta","hc":1},{"id":"starck:social-proof","t":"Social Proof","d":"An avatar stack, rating, and trust label for product surfaces.","k":"section","s":"starck","c":"marketing/testimonials","hc":1},{"id":"starck:testimonials-grid","t":"Testimonials Grid","d":"A featured testimonial with quieter supporting customer stories.","k":"section","s":"starck","c":"marketing/testimonials","hc":1},{"id":"starck:whats-new-card","t":"What's New Card","d":"A focused product-update card with version and date metadata.","s":"starck","c":"data-display/card","hc":1},{"id":"starck:release-history-dialog","t":"Release History Dialog","d":"A responsive, accessible release-notes dialog.","s":"starck","c":"overlays/dialog","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"starck:single-pricing-card","t":"Single Pricing Card","d":"An opinionated single-plan pricing card for focused products.","k":"section","s":"starck","c":"marketing/pricing","sb":"Single plan","hc":1},{"id":"starck:pricing-block","t":"Pricing Block","d":"A responsive multi-plan block built from the single pricing card.","k":"section","s":"starck","c":"marketing/pricing","hc":1},{"id":"starck:provider-orbit","t":"Provider Orbit","d":"A reduced-motion-aware orbit for integrations and providers.","k":"section","s":"starck","c":"marketing/logos","tg":["animated"],"sy":["animated"],"hc":1},{"id":"starck:morphing-download-icon","t":"Morphing Download Icon","d":"An Apple-to-download icon transition for Mac download actions.","k":"resource","s":"starck","c":"assets/icon","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"starck:founder-note","t":"Founder Note","d":"A personal maker's note with avatar, story, and contact links.","k":"section","s":"starck","c":"marketing/marketing","hc":1},{"id":"starseam:theme","t":"Starseam theme","d":"The token layer — lacquer ground, structural rivets, severity colour, the em grid, and per","k":"theme","s":"starseam","c":"themes/theme","fw":"CSS","hc":1},{"id":"starseam:plate","t":"Plate","d":"The base surface. One iron plate — no shadow, no glass.","s":"starseam","c":"inputs/textarea","tg":["glass"],"sy":["glass"],"hc":1},{"id":"starseam:seam","t":"Seam","d":"The signature: a row of rivets marking where two blocks actually join.","s":"starseam","c":"data-display/list","hc":1},{"id":"starseam:lames","t":"Lames","d":"A stack of plates, each pressing onto the one below.","s":"starseam","c":"other/other","hc":1},{"id":"starseam:label","t":"Label","d":"An instrument label — mono, small, widely tracked.","s":"starseam","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"starseam:value","t":"Value","d":"A readout with tabular figures and a severity state.","s":"starseam","c":"other/other","hc":1},{"id":"starseam:status-dot","t":"Status dot","d":"A single rivet standing in for a status. Only critical animates.","s":"starseam","c":"status/status-dot","hc":1},{"id":"starseam:mark","t":"Mark","d":"Helmet plan, star chart, radar scope — one mark, three true readings.","k":"section","s":"starseam","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"starseam:stat-band","t":"Stat band","d":"The instrument strip: cells divided by seam lines.","s":"starseam","c":"data-display/stat","hc":1},{"id":"starseam:code-tag","t":"Code tag","d":"A mono identifier — a stack item, a version, a CVE.","s":"starseam","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"starseam:code-block","t":"Code block","d":"A plate that holds source code: filename label, copy, a folding seam. Ink shades only — co","s":"starseam","c":"data-display/code-block","hc":1},{"id":"starseam:copy-button","t":"Copy button","d":"A quiet text button that puts a value on the clipboard. The confirmation is a rivet, never","s":"starseam","c":"actions/copy-button","hc":1},{"id":"starseam:plate-button","t":"Plate button","d":"A cut plate you can press. Square corners, hairline edge, no fill.","s":"starseam","c":"actions/button","hc":1},{"id":"starseam:button-group","t":"Button group","d":"Buttons riveted into one strip: one hairline frame, seams between the members.","s":"starseam","c":"actions/button","sb":"Groups and split","hc":1},{"id":"starseam:mode-switch","t":"Mode switch","d":"auto / console (夜勤) / report (日勤). Two materials, not an inversion; the selection is a riv","s":"starseam","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"starseam:plate-input","t":"Plate input","d":"A cut plate you can write into. Focus drives the one blue rivet on the screen.","s":"starseam","c":"inputs/textarea","hc":1},{"id":"starseam:plate-textarea","t":"Plate textarea","d":"The long-form plate, set on the body leading rather than the UI one.","s":"starseam","c":"inputs/textarea","hc":1},{"id":"starseam:field","t":"Field","d":"Wires label, control, hint and error together. The error is the only place a field takes c","s":"starseam","c":"inputs/form-field","hc":1},{"id":"starseam:plate-checkbox","t":"Plate checkbox","d":"A checked box is a rivet driven home — steel, not blue.","s":"starseam","c":"inputs/checkbox","hc":1},{"id":"starseam:plate-switch","t":"Plate switch","d":"The thumb is a rivet sliding along its seam.","s":"starseam","c":"actions/switch","hc":1},{"id":"starseam:plate-select","t":"Plate select","d":"A list floating on the lightest cut of lacquer. Selection is marked by a rivet.","s":"starseam","c":"inputs/select","hc":1},{"id":"starseam:plate-dialog","t":"Plate dialog","d":"A plate lifted clear of the page. Riveted seams at the header and footer joins.","s":"starseam","c":"overlays/dialog","hc":1},{"id":"starseam:plate-sheet","t":"Plate sheet","d":"A panel drawn out from an edge — the one directional exception to stillness.","s":"starseam","c":"overlays/sheet","hc":1},{"id":"starseam:plate-dropdown-menu","t":"Plate dropdown","d":"Menu on strong lacquer. Dividers are scored hairlines, not riveted seams.","s":"starseam","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"starseam:plate-tabs","t":"Plate tabs","d":"Tab strip and panel are two plates that meet, so a riveted seam runs between them.","s":"starseam","c":"navigation/tabs","hc":1},{"id":"starseam:plate-table","t":"Plate table","d":"Rows as lames. Rivets only at the head/body join.","s":"starseam","c":"inputs/textarea","hc":1},{"id":"starseam:alert","t":"Alert","d":"A message plate with a severity edge. The colour never stands alone — the title carries th","s":"starseam","c":"overlays/alert-banner","hc":1},{"id":"starseam:badge","t":"Badge","d":"A stamped status tag: hairline border, no fill. Colour is severity, never decoration.","s":"starseam","c":"data-display/badge","hc":1},{"id":"starseam:kbd","t":"Kbd","d":"A key cap: a raised plate the size of a keystroke, pressed metal without a shadow.","s":"starseam","c":"data-display/typography","hc":1},{"id":"starseam:skeleton","t":"Skeleton","d":"A placeholder plate. It does not shimmer — the only permitted loop belongs to crit.","s":"starseam","c":"status/skeleton","hc":1},{"id":"starseam:avatar","t":"Avatar","d":"An identity plate: square, hairline seam, instrument-lettered fallback.","s":"starseam","c":"data-display/avatar","hc":1},{"id":"starseam:progress","t":"Progress","d":"A determinate reading in rivet steel. No indeterminate sweep — an endless loop belongs to ","s":"starseam","c":"data-viz/progress-bar","hc":1},{"id":"starseam:breadcrumb","t":"Breadcrumb","d":"A path through the structure. Every junction is a real boundary, so the separators are riv","s":"starseam","c":"navigation/breadcrumb","hc":1},{"id":"starseam:pagination","t":"Pagination","d":"Page links; the current page is a rivet and full-strength text, never lapis.","s":"starseam","c":"navigation/pagination","hc":1},{"id":"starseam:plate-radio-group","t":"Plate radio group","d":"The chosen option holds a rivet driven into its centre. Selection is silver, never lapis.","s":"starseam","c":"inputs/textarea","hc":1},{"id":"starseam:plate-slider","t":"Plate slider","d":"A setting dragged along a seam. Track, range, and thumb are steel; blue appears only as fo","s":"starseam","c":"inputs/slider","hc":1},{"id":"starseam:plate-toggle","t":"Plate toggle","d":"A pressed-state button. On is a rivet and a deeper fill, never lapis.","s":"starseam","c":"actions/switch","hc":1},{"id":"starseam:plate-accordion","t":"Plate accordion","d":"Stacked plates that open along their seams; the open item holds a rivet.","s":"starseam","c":"data-display/accordion","hc":1},{"id":"starseam:plate-collapsible","t":"Plate collapsible","d":"A single section that opens along its seam — the accordion's one-item cousin.","s":"starseam","c":"data-display/accordion","hc":1},{"id":"starseam:scroll-area","t":"Scroll area","d":"A viewport with an instrument scrollbar: hairline channel, steel thumb, no floating pill.","k":"layout","s":"starseam","c":"layout/scroll-area","hc":1},{"id":"starseam:plate-tooltip","t":"Plate tooltip","d":"An instrument annotation: the lightest plate, hairline edge, no shadow and no arrow.","s":"starseam","c":"overlays/tooltip","hc":1},{"id":"starseam:plate-popover","t":"Plate popover","d":"A small plate lifted beside its trigger. Entry and exit come from the theme.","s":"starseam","c":"overlays/popover","hc":1},{"id":"starseam:plate-hover-card","t":"Plate hover card","d":"A dossier plate raised on hover — the popover's read-only sibling.","s":"starseam","c":"inputs/textarea","hc":1},{"id":"starseam:plate-alert-dialog","t":"Plate alert dialog","d":"The dialog's stricter sibling: an answer is required. Same plate, same seams.","s":"starseam","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"starseam:plate-context-menu","t":"Plate context menu","d":"The dropdown menu summoned at the pointer. Destructive actions take 緋, always with text.","s":"starseam","c":"overlays/context-menu","hc":1},{"id":"starseam:plate-menubar","t":"Plate menubar","d":"A console menu strip: instrument-lettered triggers, menus falling as dropdown plates.","s":"starseam","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"starseam:plate-command","t":"Plate command","d":"The console palette: type, filter, execute. The highlighted row is a rivet, never lapis.","s":"starseam","c":"navigation/command-palette","hc":1},{"id":"starseam:plate-calendar","t":"Plate calendar","d":"A month on the full-width grid; the selected day is a rivet driven home.","s":"starseam","c":"data-display/calendar","hc":1},{"id":"starseam:plate-date-picker","t":"Plate date picker","d":"A calendar in a popover. The date lands in a hidden input — no callback required.","s":"starseam","c":"inputs/date-picker","hc":1},{"id":"starseam:plate-combobox","t":"Plate combobox","d":"A select with a filter line. Options are data, the value rides a hidden input.","s":"starseam","c":"inputs/combobox","hc":1},{"id":"starseam:plate-toast","t":"Plate toast","d":"Message plates sliding in from the edge. Severity is a coloured seam plus the text itself.","s":"starseam","c":"overlays/toast","hc":1},{"id":"starseam:plate-input-otp","t":"Plate input OTP","d":"A code entered one plate at a time. The active slot is edged in lapis because it holds foc","s":"starseam","c":"inputs/otp-input","hc":1},{"id":"starseam:highlight","t":"Highlight","d":"Server-side ink-layer highlighting: shiki with a shades-only theme wired to the mode-switc","k":"lib","s":"starseam","c":"lib/utility","hc":1},{"id":"starseam:ledger","t":"Ledger","d":"An instrument list: labelled entries on one plate, each row cut from the next by a seam. T","s":"starseam","c":"inputs/textarea","hc":1},{"id":"starseam:rail","t":"Rail","d":"A constellation of anchors: one vertical seam, one star per entry, the current one lit via","s":"starseam","c":"other/other","hc":1},{"id":"starseam:glyph","t":"Glyph","d":"The glyph set: hairline instrument marks on the 24-unit grid — cut, not moulded. Monochrom","s":"starseam","c":"other/other","hc":1},{"id":"stealth:cn","t":"Cn","k":"lib","s":"stealth","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"stealth:icons","t":"Icons","k":"lib","s":"stealth","c":"lib/utility","hc":1},{"id":"stealth:motion","t":"Motion","k":"lib","s":"stealth","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"stealth:use-controllable-state","t":"Use controllable state","k":"lib","s":"stealth","c":"lib/utility","sb":"State","hc":1},{"id":"stealth:tokens","t":"Tokens","k":"lib","s":"stealth","c":"lib/utility","sb":"Theme","fw":"CSS","hc":1},{"id":"stealth:async-button","t":"Async Button","d":"Tracks the promise it starts: busy, tick or retry, without ever changing width.","s":"stealth","c":"actions/button","sb":"Loading and states","hc":1},{"id":"stealth:button","t":"Button","d":"Four variants, three sizes, and a loading state that never changes width.","s":"stealth","c":"actions/button","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"stealth:button-group","t":"Button Group","d":"Attached buttons with hairlines between and one hover wash that glides.","s":"stealth","c":"actions/button","sb":"Groups and split","hc":1},{"id":"stealth:copy-button","t":"Copy Button","d":"Copies on press, draws a tick, holds its width and reverts on its own.","s":"stealth","c":"actions/copy-button","hc":1},{"id":"stealth:hold-to-confirm","t":"Hold to Confirm","d":"Press and hold to commit; the label flips color under the filling edge.","s":"stealth","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"stealth:icon-button","t":"Icon Button","d":"Square button with a required label, warm tooltips and a sprung squash.","s":"stealth","c":"actions/button","sb":"Icon buttons","hc":1},{"id":"stealth:like-button","t":"Like Button","d":"Optimistic like with a squash-and-stretch heart, rolling count and honest rollback.","s":"stealth","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"stealth:speed-dial","t":"Speed Dial","d":"A floating button that fans out labeled actions, nearest first, on a spring.","s":"stealth","c":"inputs/slider","hc":1},{"id":"stealth:split-button","t":"Split Button","d":"Main action plus a chevron menu; the choice can become the main action.","s":"stealth","c":"actions/button","sb":"Groups and split","hc":1},{"id":"stealth:toggle-button","t":"Toggle Button","d":"Stays on with aria-pressed, and its icon morphs: fills, pins, mutes.","s":"stealth","c":"actions/button","hc":1},{"id":"stealth:toggle-group","t":"Toggle Group","d":"Single or multiple toggles; one wash slides, neighboring washes join.","s":"stealth","c":"actions/switch","hc":1},{"id":"stealth:two-step-confirm","t":"Two step Confirm","d":"Asks once in place, springs to fit the question, then quietly takes it back.","s":"stealth","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"stealth:floating-label","t":"Floating Label Field","d":"Label rests inside as the placeholder and floats up on focus, value or autofill.","s":"stealth","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"stealth:inline-edit","t":"Inline Edit","d":"Text that becomes an input in place, saves optimistically, then draws a tick.","s":"stealth","c":"inputs/form-field","hc":1},{"id":"stealth:input","t":"Input","d":"Text field with prefix and suffix slots, a clear that fades in, and Field-aware invalid st","s":"stealth","c":"inputs/form-field","hc":1},{"id":"stealth:masked-input","t":"Masked Input","d":"Formats cards, phones, dates and money as you type, caret held in place.","s":"stealth","c":"inputs/form-field","hc":1},{"id":"stealth:mention-input","t":"Mention Input","d":"A textarea where @ suggests people at the caret and names become tokens.","s":"stealth","c":"inputs/combobox","hc":1},{"id":"stealth:number-field","t":"Number Field","d":"Steppers you can hold, a label you can drag, digits that roll into place.","s":"stealth","c":"inputs/number-input","hc":1},{"id":"stealth:otp-field","t":"OTP Field","d":"Six cells that take paste and autofill, ripple while checking, clear on failure.","s":"stealth","c":"inputs/otp-input","hc":1},{"id":"stealth:password-field","t":"Password Field","d":"Reveals with an eye that slashes itself, keeps the caret, warns on Caps Lock.","s":"stealth","c":"inputs/form-field","sb":"Password","hc":1},{"id":"stealth:password-strength","t":"Password Strength","d":"Four bars that fill in order, a checklist that ticks, a settled announcement.","s":"stealth","c":"inputs/form-field","sb":"Password","hc":1},{"id":"stealth:search-field","t":"Search Field","d":"Search box whose shortcut hint turns into a clear, with a patient spinner.","s":"stealth","c":"inputs/search","hc":1},{"id":"stealth:tag-input","t":"Tag Input","d":"Chips from Enter, comma or paste; duplicates flash the one already there.","s":"stealth","c":"inputs/tag-input","hc":1},{"id":"stealth:textarea","t":"Textarea","d":"Grows with its text between row limits, counts near the limit, sends on ⌘↵.","s":"stealth","c":"inputs/textarea","hc":1},{"id":"stealth:checkbox","t":"Checkbox","d":"Draws its tick, bends it into a dash when mixed, squashes on press.","s":"stealth","c":"inputs/checkbox","hc":1},{"id":"stealth:checkbox-card","t":"Checkbox Card","d":"Selectable cards whose corner check pops in, with a select-all that counts.","s":"stealth","c":"inputs/checkbox","hc":1},{"id":"stealth:checklist","t":"Checklist","d":"Tasks that strike through, then glide into Completed, with a rolling count.","s":"stealth","c":"inputs/checkbox","hc":1},{"id":"stealth:choice-chips","t":"Choice Chips","d":"Filter chips whose check grows the chip open, with rolling counts and clear.","s":"stealth","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"stealth:color-swatches","t":"Color Swatches","d":"Swatch radio group with a ring that grows out and a contrast-aware check.","s":"stealth","c":"inputs/color-picker","hc":1},{"id":"stealth:radio-card","t":"Radio Cards","d":"Plan-style cards where one selection ring slides to whichever you choose.","s":"stealth","c":"inputs/radio","hc":1},{"id":"stealth:radio-group","t":"Radio Group","d":"One choice from a few, with a dot that springs in and arrow-key roving.","s":"stealth","c":"inputs/radio","hc":1},{"id":"stealth:rating","t":"Rating","d":"Star rating with hover preview, half steps, scrubbing and a pop on commit.","s":"stealth","c":"inputs/rating","hc":1},{"id":"stealth:segmented-control","t":"Segmented Control","d":"One pill that springs between segments, with radio semantics and arrow keys.","s":"stealth","c":"actions/segmented-control","hc":1},{"id":"stealth:switch","t":"Switch","d":"Sprung thumb that stretches while held, and waits on async saves in place.","s":"stealth","c":"actions/switch","hc":1},{"id":"stealth:thumbs-feedback","t":"Thumbs Feedback","d":"Helpful or not, with reasons on a thumbs down and a drawn thanks.","s":"stealth","c":"other/other","hc":1},{"id":"stealth:detent-slider","t":"Detent Slider","d":"Named stops you can feel: resists near each one, springs into place.","s":"stealth","c":"inputs/slider","hc":1},{"id":"stealth:dial","t":"Dial","d":"Rotary knob with drag, wheel and keys, a bipolar arc and rolling readout.","s":"stealth","c":"inputs/slider","hc":1},{"id":"stealth:histogram-range","t":"Histogram Range","d":"Price filter whose bars light up exactly between the thumbs as they move.","s":"stealth","c":"inputs/slider","hc":1},{"id":"stealth:media-scrubber","t":"Media Scrubber","d":"Seek bar with chapters, buffered ranges and a time tip that tracks the pointer.","s":"stealth","c":"inputs/slider","hc":1},{"id":"stealth:range-slider","t":"Range Slider","d":"Two thumbs whose labels merge when close, synced with typed min and max.","s":"stealth","c":"inputs/slider","hc":1},{"id":"stealth:slider","t":"Slider","d":"Thumb swells on grab, value rides above it, pressed track glides.","s":"stealth","c":"inputs/slider","hc":1},{"id":"stealth:volume-control","t":"Volume Control","d":"Speaker waves follow the level; mute remembers, wheel nudges, popover tucks away.","s":"stealth","c":"overlays/popover","hc":1},{"id":"stealth:zoom-control","t":"Zoom Control","d":"Minus, rolling percentage and plus, with a type-or-pick menu and pinch zoom.","s":"stealth","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"stealth:async-combobox","t":"Async Combobox","d":"Remote search that debounces, aborts stale requests and never jolts the list.","s":"stealth","c":"inputs/combobox","hc":1},{"id":"stealth:cascader","t":"Cascader","d":"Nested columns that grow in beside each other, with search across every path.","s":"stealth","c":"inputs/search","hc":1},{"id":"stealth:color-picker","t":"Color Picker","d":"Drag, type or sample a color; hue survives grays and recents remember.","s":"stealth","c":"inputs/color-picker","hc":1},{"id":"stealth:combobox","t":"Combobox","d":"Filters as you type, sets the matched run in bold and creates what’s missing.","s":"stealth","c":"inputs/combobox","hc":1},{"id":"stealth:emoji-picker","t":"Emoji Picker","d":"Search-first emoji grid with arrow keys, skin tones and categories that follow the scroll.","s":"stealth","c":"inputs/select","hc":1},{"id":"stealth:listbox","t":"Listbox","d":"An inline list where the choice slides between rows and picks merge into blocks.","s":"stealth","c":"inputs/select","hc":1},{"id":"stealth:multi-select","t":"Multi Select","d":"Chips that fit the field with a rolling +N, search, select all and clear.","s":"stealth","c":"inputs/select","hc":1},{"id":"stealth:phone-field","t":"Phone Field","d":"Formats as you type for the chosen country, and reads it from pasted numbers.","s":"stealth","c":"inputs/form-field","sb":"Phone","hc":1},{"id":"stealth:select","t":"Select","d":"Opens over its trigger with the choice aligned, and the new value slides in from where it ","s":"stealth","c":"inputs/select","hc":1},{"id":"stealth:transfer-list","t":"Transfer List","d":"Two filterable lists where checked rows fly across and land highlighted.","s":"stealth","c":"data-display/list","hc":1},{"id":"stealth:calendar","t":"Calendar","d":"Locale-true month grid that slides the way you travel and sweeps ranges in.","s":"stealth","c":"data-display/calendar","hc":1},{"id":"stealth:countdown","t":"Countdown","d":"Rolling-digit countdown that sleeps off screen and lands in an ended state.","k":"motion","s":"stealth","c":"motion/number-ticker","hc":1},{"id":"stealth:date-field","t":"Date Field","d":"Typed date in the locale's order, with stepping digits and plain-word errors.","s":"stealth","c":"inputs/date-picker","hc":1},{"id":"stealth:date-picker","t":"Date Picker","d":"Type “next fri” or pick from the calendar; it reads back before committing.","s":"stealth","c":"inputs/date-picker","hc":1},{"id":"stealth:date-range-picker","t":"Date Range Picker","d":"Two months, presets that sweep the range in, and a draft until Apply.","s":"stealth","c":"inputs/date-range","hc":1},{"id":"stealth:relative-time","t":"Relative Time","d":"“3 minutes ago” that wakes only when its words change, digits rolling.","k":"motion","s":"stealth","c":"motion/text-effect","hc":1},{"id":"stealth:time-picker","t":"Time Picker","d":"Segmented time field in the locale's order, with rolling digits and a slot list.","s":"stealth","c":"inputs/time-picker","hc":1},{"id":"stealth:week-strip","t":"Week Strip","d":"Phone-style day selector with a sprung pill, swipeable weeks and event dots.","s":"stealth","c":"data-display/badge","hc":1},{"id":"stealth:agenda","t":"Agenda","d":"Upcoming events by day with a Now line and a Join that counts down.","s":"stealth","c":"data-display/calendar","hc":1},{"id":"stealth:availability-editor","t":"Availability Editor","d":"Weekly hours with split shifts, copy to other days and overlap checks.","s":"stealth","c":"inputs/textarea","hc":1},{"id":"stealth:booking-slots","t":"Booking Slots","d":"Pick a day, then a time that splits in place to reveal Confirm.","s":"stealth","c":"data-display/calendar","hc":1},{"id":"stealth:event-calendar","t":"Event Calendar","d":"Month view that packs multi-day bars and chips into lanes, overflowing into a day list.","s":"stealth","c":"data-display/calendar","hc":1},{"id":"stealth:timezone-select","t":"Timezone Select","d":"Every IANA zone with live local time, searchable by city, name or offset.","s":"stealth","c":"inputs/select","hc":1},{"id":"stealth:week-grid","t":"Week Grid","d":"Time grid where overlaps sit side by side and you drag to create, move or resize.","s":"stealth","c":"data-display/table","hc":1},{"id":"stealth:autosave-status","t":"Autosave Status","d":"Saving, saved, offline and failed states in one pill that springs to fit.","s":"stealth","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"stealth:avatar-upload","t":"Avatar Upload","d":"Pick, crop and zoom a photo, then watch a ring close around it.","s":"stealth","c":"inputs/file-upload","hc":1},{"id":"stealth:char-limit-ring","t":"Character Limit Ring","d":"A tiny ring that fills as you type, then counts down and over.","s":"stealth","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"stealth:dropzone","t":"Dropzone","d":"Lights up when files cross the window, seals its dashes, names every rejection.","s":"stealth","c":"inputs/file-upload","hc":1},{"id":"stealth:error-summary","t":"Error Summary","d":"Lists every problem on submit, links to each field, and thins out as you fix.","s":"stealth","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"stealth:field","t":"Field","d":"Label, control, hint and error that speak up on blur, not on every keystroke.","s":"stealth","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"stealth:inline-validation","t":"Inline Validation","d":"Async checks that spin, then draw a tick or strike a cross, without flicker.","s":"stealth","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"stealth:multi-step-form","t":"Multi step Form","d":"Steps slide the way you travel, validate one at a time, and keep every answer.","s":"stealth","c":"navigation/wizard-steps","hc":1},{"id":"stealth:save-bar","t":"Save Bar","d":"Rises when a form is dirty, nudges before you leave, ticks once saved.","s":"stealth","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"stealth:signature-pad","t":"Signature Pad","d":"Smooth, speed-weighted ink with undo, a typed alternative and trimmed PNG/SVG export.","s":"stealth","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"stealth:upload-list","t":"Upload List","d":"Per-file progress with smoothed speed and time left, retry, and a tick on finish.","s":"stealth","c":"inputs/file-upload","hc":1},{"id":"stealth:empty-state","t":"Empty State","d":"One line, one reason, one action, with an icon that draws itself in.","s":"stealth","c":"data-display/empty-state","hc":1},{"id":"stealth:error-state","t":"Error State","d":"Says what failed and what to do, retries in place, counts every attempt.","s":"stealth","c":"other/other","hc":1},{"id":"stealth:infinite-list","t":"Infinite List","d":"A scrolling feed that prefetches pages under skeletons and recovers from failures.","s":"stealth","c":"data-display/list","sb":"Long lists","hc":1},{"id":"stealth:load-more","t":"Load More","d":"Appends the next page with a stagger, moves focus and never jumps.","s":"stealth","c":"other/other","hc":1},{"id":"stealth:progress-bar","t":"Progress Bar","d":"Rolling percentage, buffer, stepped segments and a tick that draws on completion.","s":"stealth","c":"data-viz/progress-bar","hc":1},{"id":"stealth:progress-ring","t":"Progress Ring","d":"Circular progress with a rolling percentage that closes into a drawn tick.","s":"stealth","c":"data-viz/progress-bar","hc":1},{"id":"stealth:pull-to-refresh","t":"Pull to Refresh","d":"Rubber-band pull with a filling ring, a flipping arrow and a sprung return.","s":"stealth","c":"other/other","hc":1},{"id":"stealth:skeleton","t":"Skeleton","d":"Bones sized to your text’s line box, lit by one shared slow sweep.","s":"stealth","c":"status/skeleton","hc":1},{"id":"stealth:skeleton-swap","t":"Skeleton Swap","d":"Skeleton to content with a 4px settle and clearing blur, never a flash.","s":"stealth","c":"status/skeleton","hc":1},{"id":"stealth:spinner","t":"Spinner","d":"Arc, dots and pixel-grid spinners drawn on the icon grid, so they swap for icons.","s":"stealth","c":"status/loader","tg":["retro and HUD"],"sb":"Spinners","sy":["retro and HUD"],"hc":1},{"id":"stealth:task-steps","t":"Task Steps","d":"Stages of a long job with live timers, drawn checks and a filling rail.","s":"stealth","c":"navigation/wizard-steps","hc":1},{"id":"stealth:top-loader","t":"Top Loader","d":"A thin page bar that trickles, finishes fast and fades; skips fast loads.","s":"stealth","c":"status/loader","hc":1},{"id":"stealth:announcement-bar","t":"Announcement Bar","d":"Slim top bar that rotates messages, holds while read and can be paused.","k":"section","s":"stealth","c":"marketing/announcement","hc":1},{"id":"stealth:banner","t":"Banner","d":"Region-wide notice that collapses smoothly when dismissed and can remember it.","s":"stealth","c":"overlays/alert-banner","hc":1},{"id":"stealth:callout","t":"Callout","d":"Inline note, tip, warning or danger block with details that unfold in place.","s":"stealth","c":"overlays/alert-banner","hc":1},{"id":"stealth:connection-status","t":"Connection Status","d":"Offline, reconnecting and back-online in one pill that morphs between them.","s":"stealth","c":"overlays/notifications","hc":1},{"id":"stealth:cookie-consent","t":"Cookie Consent","d":"Compact consent card with equal choices and categories that unfold in place.","s":"stealth","c":"overlays/alert-banner","hc":1},{"id":"stealth:count-badge","t":"Count Badge","d":"A count that rolls its digits, pops when it rises and caps at 99+.","s":"stealth","c":"data-display/badge","sb":"Counts","hc":1},{"id":"stealth:dynamic-island","t":"Dynamic Island","d":"A live-activity pill that springs open into controls and morphs between activities.","s":"stealth","c":"overlays/notifications","hc":1},{"id":"stealth:new-items-pill","t":"New Items Pill","d":"Holds new feed items behind a rolling count until the reader asks for them.","s":"stealth","c":"data-display/badge","sb":"Counts","hc":1},{"id":"stealth:notification-inbox","t":"Notification Inbox","d":"A bell that rings on arrival and opens a grouped, keyboard-driven inbox with undo.","s":"stealth","c":"overlays/notifications","hc":1},{"id":"stealth:promise-toast","t":"Promise Toast","d":"One toast follows async work: spinner, live progress, then a tick drawn in place.","s":"stealth","c":"overlays/toast","hc":1},{"id":"stealth:status-dot","t":"Status Dot","d":"Presence dot whose shape morphs between states, so color is never the only signal.","s":"stealth","c":"status/status-dot","hc":1},{"id":"stealth:toast","t":"Toast","d":"Stacked toasts that fan out on hover, swipe away and update in place.","s":"stealth","c":"overlays/toast","hc":1},{"id":"stealth:alert-dialog","t":"Alert Dialog","d":"Destructive confirm that holds open while it works and explains failures in place.","s":"stealth","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"stealth:bottom-sheet","t":"Bottom Sheet","d":"Drag between peek, half and full; the list scrolls only once it's open.","s":"stealth","c":"overlays/sheet","hc":1},{"id":"stealth:dialog","t":"Dialog","d":"Rises from .97 on the expo curve, scrolls inside with edge hairlines, nudges when refused.","s":"stealth","c":"overlays/dialog","hc":1},{"id":"stealth:hover-card","t":"Hover Card","d":"Profile and link previews that prefetch on intent and draw the wait.","s":"stealth","c":"overlays/hover-card","hc":1},{"id":"stealth:morph-dialog","t":"Morph Dialog","d":"A card that opens into its dialog and folds back into the grid.","s":"stealth","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"stealth:morph-popover","t":"Morph Popover","d":"A button that grows into its own form and folds back into a tick.","s":"stealth","c":"overlays/popover","hc":1},{"id":"stealth:popover","t":"Popover","d":"Grows out of its trigger along a seamless arrow, flips at edges, opens on hover.","s":"stealth","c":"overlays/popover","hc":1},{"id":"stealth:sheet","t":"Sheet","d":"Side panel on the drawer curve that swipes away and resizes with give.","s":"stealth","c":"overlays/sheet","hc":1},{"id":"stealth:stacked-dialog","t":"Stacked Dialog","d":"Each dialog opened from another pushes it back, dimmed, with a way back.","s":"stealth","c":"overlays/dialog","hc":1},{"id":"stealth:action-sheet","t":"Action Sheet","d":"Rises from the bottom, swipes away, and holds for slow actions.","s":"stealth","c":"overlays/sheet","hc":1},{"id":"stealth:context-menu","t":"Context Menu","d":"Opens at the pointer on right-click, long-press or Shift+F10.","s":"stealth","c":"overlays/context-menu","hc":1},{"id":"stealth:dropdown-menu","t":"Dropdown Menu","d":"Grows from its trigger, with one highlight that glides after the pointer.","s":"stealth","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"stealth:menubar","t":"Menubar","d":"File, Edit, View menus with one pill that slides between them.","s":"stealth","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"stealth:overflow-menu","t":"Overflow Menu","d":"Folds the least important controls into More as it narrows, by priority.","s":"stealth","c":"navigation/menu","hc":1},{"id":"stealth:popconfirm","t":"Popconfirm","d":"Asks where you pressed, starts on Cancel, and waits out async confirms.","s":"stealth","c":"other/other","hc":1},{"id":"stealth:row-actions","t":"Row Actions","d":"Quick actions slide in over the row's meta, the rest wait in a menu.","s":"stealth","c":"data-display/list","hc":1},{"id":"stealth:selection-toolbar","t":"Selection Toolbar","d":"Rises over selected text, glides as it changes, and morphs into a link field.","s":"stealth","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"stealth:tooltip","t":"Tooltip","d":"Waits once, then answers neighbors instantly, or glides one tooltip along a toolbar.","s":"stealth","c":"overlays/tooltip","hc":1},{"id":"stealth:active-filters","t":"Active Filters","d":"Applied filters as removable chips that close ranks, fold to +N and undo.","s":"stealth","c":"data-display/badge","hc":1},{"id":"stealth:command-pages","t":"Command Pages","d":"Palette pages that slide in, land on the current choice and remember the way back.","s":"stealth","c":"navigation/command-palette","hc":1},{"id":"stealth:command-palette","t":"Command Palette","d":"⌘K opens it on the same frame, ranks matches and runs async commands in place.","s":"stealth","c":"navigation/command-palette","hc":1},{"id":"stealth:faceted-filter","t":"Faceted Filter","d":"A filter button whose searchable popover ticks values, counts roll, chips collapse to +N.","s":"stealth","c":"overlays/popover","hc":1},{"id":"stealth:filter-builder","t":"Filter Builder","d":"Filters written as sentences, each word a dropdown, with an all-or-any switch.","s":"stealth","c":"navigation/menu","hc":1},{"id":"stealth:highlight-match","t":"Highlight Match","d":"Marks what matched in search results, accent-blind, with fuzzy mode and snippets.","s":"stealth","c":"inputs/search","hc":1},{"id":"stealth:kbd","t":"Kbd","d":"Keys written for the reader's platform that press down with the real ones.","s":"stealth","c":"data-display/typography","hc":1},{"id":"stealth:scoped-search","t":"Scoped Search","d":"A search field where from: and in: become tokens with value suggestions.","s":"stealth","c":"inputs/search","hc":1},{"id":"stealth:search-dialog","t":"Search Dialog","d":"Async search with filter counts that roll, a live preview and stale-safe loading.","s":"stealth","c":"navigation/command-palette","hc":1},{"id":"stealth:shortcuts-sheet","t":"Shortcuts Sheet","d":"Press ? for every shortcut; press any shortcut and its row lights up.","s":"stealth","c":"overlays/sheet","hc":1},{"id":"stealth:animated-link","t":"Animated Link","d":"Inline link whose underline draws in, retracts ahead and rewinds when interrupted.","s":"stealth","c":"actions/link","hc":1},{"id":"stealth:breadcrumbs","t":"Breadcrumbs","d":"A trail that folds its middle into a menu to fit its width.","s":"stealth","c":"navigation/breadcrumb","hc":1},{"id":"stealth:page-dots","t":"Page Dots","d":"Carousel dots whose active pill stretches, fills with autoplay time and scrolls when long.","k":"motion","s":"stealth","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"stealth:pagination","t":"Pagination","d":"Numbered pages with a sliding pill, a rolling range and a steady width.","s":"stealth","c":"navigation/pagination","hc":1},{"id":"stealth:stepper","t":"Stepper","d":"Wizard steps whose numbers draw into ticks as the rail fills.","s":"stealth","c":"navigation/wizard-steps","hc":1},{"id":"stealth:sub-nav","t":"Sub Nav","d":"Scrolling link strip with a gliding hover pill, edge fades and arrows.","s":"stealth","c":"navigation/top-nav","hc":1},{"id":"stealth:tabs","t":"Tabs","d":"Sliding underline or pill, panels that crossfade and glide to height.","s":"stealth","c":"navigation/tabs","hc":1},{"id":"stealth:toc","t":"Table of Contents","d":"Scroll-spy contents whose rail steps with nesting and fills as you read.","s":"stealth","c":"navigation/table-of-contents","hc":1},{"id":"stealth:tree-view","t":"Tree View","d":"A file tree that opens by height, lights its branch and types ahead.","s":"stealth","c":"data-display/tree","hc":1},{"id":"stealth:vertical-tabs","t":"Vertical Tabs","d":"Settings-style side list with a gliding highlight that folds into a select.","s":"stealth","c":"navigation/tabs","hc":1},{"id":"stealth:icon-rail","t":"Icon Rail","d":"Sidebar that folds to icons in place, with tooltips only when narrow.","k":"resource","s":"stealth","c":"assets/icon","hc":1},{"id":"stealth:mega-menu","t":"Mega Menu","d":"Site menu with one panel that morphs between triggers and slides content.","s":"stealth","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"stealth:mobile-menu","t":"Mobile Menu","d":"Phone menu whose burger turns into the close, with sections that drill in.","s":"stealth","c":"navigation/menu","hc":1},{"id":"stealth:navbar","t":"Navbar","d":"Top bar that compacts on scroll while a pill follows the pointer home.","s":"stealth","c":"navigation/top-nav","hc":1},{"id":"stealth:path-switcher","t":"Path Switcher","d":"Team / project breadcrumb where every step is a searchable switcher that eases.","s":"stealth","c":"navigation/top-nav","hc":1},{"id":"stealth:resizable-panels","t":"Resizable Panels","d":"Split panes that drag, resist at their limits and spring shut on double-click.","k":"layout","s":"stealth","c":"layout/split-pane","hc":1},{"id":"stealth:sidebar","t":"Sidebar","d":"App sidebar whose active pill springs between rows and whose counts roll.","s":"stealth","c":"navigation/sidebar","hc":1},{"id":"stealth:tab-bar","t":"Tab Bar","d":"Phone bottom navigation whose icons fill when active, with rolling badge counts.","s":"stealth","c":"navigation/tabs","hc":1},{"id":"stealth:user-menu","t":"User Menu","d":"Avatar menu with presence, a sliding theme control and a sign-out that waits.","s":"stealth","c":"navigation/menu","hc":1},{"id":"stealth:workspace-switcher","t":"Workspace Switcher","d":"Searchable workspace menu with number shortcuts, pending switches and a rolling trigger.","s":"stealth","c":"navigation/top-nav","hc":1},{"id":"stealth:accordion","t":"Accordion","d":"Stacked sections that grow to fit, with answers find-in-page can still reach.","s":"stealth","c":"data-display/accordion","hc":1},{"id":"stealth:collapsible","t":"Collapsible","d":"One section that folds away, plus a Show 3 more list that cascades in.","s":"stealth","c":"data-display/accordion","hc":1},{"id":"stealth:expandable-card","t":"Expandable Card","d":"Cards that open in place to show details while the others make room.","s":"stealth","c":"data-display/accordion","sb":"Cards","hc":1},{"id":"stealth:interactive-card","t":"Interactive Card","d":"The whole card is one link, while buttons inside still get their own clicks.","s":"stealth","c":"data-display/card","hc":1},{"id":"stealth:scroll-area","t":"Scroll Area","d":"Native scrolling with thin overlay bars and edges that fade in as you scroll.","k":"layout","s":"stealth","c":"layout/scroll-area","hc":1},{"id":"stealth:show-more","t":"Show More","d":"Clamps long text with a fading last line, offering more only when it overflows.","s":"stealth","c":"data-display/accordion","hc":1},{"id":"stealth:back-to-top","t":"Back to Top","d":"Arrives after a screen, rings with progress, and hands focus back at the top.","k":"layout","s":"stealth","c":"layout/scroll-area","hc":1},{"id":"stealth:hide-on-scroll","t":"Hide on Scroll","d":"Steps aside while you read down, returns on a deliberate scroll up.","k":"layout","s":"stealth","c":"layout/scroll-area","hc":1},{"id":"stealth:overflow-scroller","t":"Overflow Scroller","d":"A horizontal row whose edge fades and arrows appear only where content hides.","k":"layout","s":"stealth","c":"layout/scroll-area","hc":1},{"id":"stealth:reading-progress","t":"Reading Progress","d":"Tracks the article, not the page, and counts the minutes down.","s":"stealth","c":"data-viz/progress-bar","hc":1},{"id":"stealth:scroll-reveal","t":"Scroll Reveal","d":"Reveals children once as they scroll in, with a capped stagger that never replays.","k":"layout","s":"stealth","c":"layout/scroll-area","hc":1},{"id":"stealth:scroll-shadow","t":"Scroll Shadow","d":"Shades only the edges with more to scroll, tied to the scroll itself.","k":"layout","s":"stealth","c":"layout/scroll-area","hc":1},{"id":"stealth:snap-carousel","t":"Snap Carousel","d":"Native scroll-snap carousel with sprung paging, mouse drag and dots that follow the scroll","s":"stealth","c":"media/carousel","hc":1},{"id":"stealth:stacking-cards","t":"Stacking Cards","d":"Cards that stick and stack as you scroll, the ones behind shrinking and dimming.","s":"stealth","c":"data-display/card","hc":1},{"id":"stealth:sticky-header","t":"Sticky Header","d":"Invisible at rest, gains its edge and blur once content slides beneath.","s":"stealth","c":"navigation/top-nav","sb":"On scroll","hc":1},{"id":"stealth:virtual-list","t":"Virtual List","d":"A windowed listbox for 10,000 rows with measured heights and sticky group headers.","s":"stealth","c":"data-display/list","sb":"Long lists","hc":1},{"id":"stealth:column-manager","t":"Column Manager","d":"Show, hide and drag columns into order while the table rearranges live.","s":"stealth","c":"data-display/table","hc":1},{"id":"stealth:editable-cells","t":"Editable Cells","d":"Spreadsheet cells that edit in place, validate per cell and flash when saved.","s":"stealth","c":"data-display/table","sb":"Editable","hc":1},{"id":"stealth:expandable-rows","t":"Expandable Rows","d":"Rows open a detail panel that grows from beneath them and scrolls itself into view.","s":"stealth","c":"data-display/list","hc":1},{"id":"stealth:filter-grid","t":"Filter Grid","d":"Card grid filtered by chips and search that reflows instead of reshuffling.","s":"stealth","c":"inputs/search","hc":1},{"id":"stealth:key-value-list","t":"Key Value List","d":"Details-panel pairs with copy, in-place edit and a wash that marks what changed.","s":"stealth","c":"data-display/list","hc":1},{"id":"stealth:row-selection","t":"Row Selection","d":"Shift-click ranges that tick in sequence, and a bulk bar that rises with a rolling count.","s":"stealth","c":"data-display/list","hc":1},{"id":"stealth:sortable-table","t":"Sortable Table","d":"Headers cycle through both directions and back, rows spring into their new order.","s":"stealth","c":"data-display/table","sb":"Data tables","hc":1},{"id":"stealth:sticky-columns","t":"Sticky Columns","d":"Pinned columns, header and totals whose edges shade only while something hides beneath.","s":"stealth","c":"navigation/top-nav","sb":"On scroll","hc":1},{"id":"stealth:table-pagination","t":"Table Pagination","d":"Rows per page, rolling range, jump to page, and rows that crossfade the way you paged.","s":"stealth","c":"navigation/pagination","hc":1},{"id":"stealth:table-toolbar","t":"Table Toolbar","d":"Search, filter, density, view and export in one arrow-key toolbar that reflows.","s":"stealth","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"stealth:bar-chart","t":"Bar Chart","d":"Columns or ranked rows that grow in, morph on change and glide a tooltip.","s":"stealth","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"stealth:contribution-graph","t":"Contribution Graph","d":"A year of daily activity as a keyboard-walkable heatmap with a gliding tooltip.","s":"stealth","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"stealth:delta-badge","t":"Delta Badge","d":"Signed change with one arrow that turns, tinted by whether the change is good.","s":"stealth","c":"data-display/badge","hc":1},{"id":"stealth:donut-chart","t":"Donut Chart","d":"A gapped ring that sweeps in, lifts a segment and rolls its value.","s":"stealth","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"stealth:leaderboard","t":"Leaderboard","d":"Ranked rows that spring into place, roll their scores and pin you.","s":"stealth","c":"data-display/gamification","hc":1},{"id":"stealth:line-chart","t":"Line Chart","d":"Multi-series lines with a snapping crosshair, full readout and a toggling legend.","s":"stealth","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"stealth:number-ticker","t":"Number Ticker","d":"Rolls each digit toward its new value in the direction it moved, tinting briefly.","k":"motion","s":"stealth","c":"motion/number-ticker","hc":1},{"id":"stealth:poll-results","t":"Poll Results","d":"Tap to vote, then bars grow and counts roll up from zero.","s":"stealth","c":"other/other","hc":1},{"id":"stealth:sparkline","t":"Sparkline","d":"A tiny trend line that draws in once and scrubs to any point.","s":"stealth","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"stealth:stat-tile","t":"Stat Tile","d":"KPI card whose sparkline you scrub to roll the headline to any day.","s":"stealth","c":"data-display/stat","hc":1},{"id":"stealth:usage-meter","t":"Usage Meter","d":"Quota bar split by category that warns near the limit and shows overage honestly.","s":"stealth","c":"data-viz/gauge","hc":1},{"id":"stealth:value-flash","t":"Value Flash","d":"Live value that washes green or red on each tick, throttled below three flashes a second.","k":"motion","s":"stealth","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"stealth:avatar","t":"Avatar","d":"Photo that fades in once loaded, initials that never flash, presence that morphs.","s":"stealth","c":"data-display/avatar","hc":1},{"id":"stealth:avatar-group","t":"Avatar Group","d":"Overlapping faces with true cutouts that fan apart and open the full list.","s":"stealth","c":"data-display/avatar","hc":1},{"id":"stealth:badge","t":"Badge","d":"Status and count labels whose text, width and tone change in place.","s":"stealth","c":"data-display/badge","hc":1},{"id":"stealth:entity-chip","t":"Entity Chip","d":"Inline mention of a person, repo or issue with a lazy-loading hover card.","s":"stealth","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"stealth:heading-anchor","t":"Heading Anchor","d":"A heading whose # link copies the section URL, ticks and marks the section.","s":"stealth","c":"actions/link","hc":1},{"id":"stealth:profile-card","t":"Profile Card","d":"A person with presence, local time and stats, and an optimistic follow that rolls back.","s":"stealth","c":"data-display/profile","hc":1},{"id":"stealth:tag","t":"Tag","d":"Removable chips that fold away, close the gap and hand focus on.","s":"stealth","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"stealth:timeline","t":"Timeline","d":"Activity grouped by day on a rail, where new events grow in at the top.","s":"stealth","c":"data-display/timeline","hc":1},{"id":"stealth:audio-player","t":"Audio Player","d":"Compact player whose waveform fills as it plays, with drag-to-seek and speed.","s":"stealth","c":"media/player","hc":1},{"id":"stealth:blur-up-image","t":"Blur up Image","d":"Holds its space, then brings the full image into focus over a blurred preview.","s":"stealth","c":"media/gallery","hc":1},{"id":"stealth:file-thumbnail","t":"File Thumbnail","d":"File card by type that keeps the extension visible and shows upload progress.","s":"stealth","c":"inputs/file-upload","hc":1},{"id":"stealth:gallery-grid","t":"Gallery Grid","d":"Masonry photos that blur up, select like a photo app and glide when rearranged.","s":"stealth","c":"media/gallery","sb":"Grids","hc":1},{"id":"stealth:image-compare","t":"Image Compare","d":"A before-and-after divider that follows a drag and springs to a click.","s":"stealth","c":"media/image-compare","hc":1},{"id":"stealth:image-cropper","t":"Image Cropper","d":"Crop box with handles, aspect presets, zoom and rotate, exported to a Blob.","s":"stealth","c":"media/gallery","hc":1},{"id":"stealth:lightbox","t":"Lightbox","d":"Photos lift out of their thumbnails, swipe between, zoom, and land back where they came fr","s":"stealth","c":"overlays/lightbox","hc":1},{"id":"stealth:product-gallery","t":"Product Gallery","d":"Product photos that crossfade on pick, swipe on touch and magnify under the mouse.","s":"stealth","c":"media/gallery","hc":1},{"id":"stealth:video-player","t":"Video Player","d":"Custom controls over native video, with chapters, subtitles and a morphing play button.","s":"stealth","c":"media/player","hc":1},{"id":"stealth:voice-recorder","t":"Voice Recorder","d":"Records with live input levels, pauses, and plays back before you send.","s":"stealth","c":"inputs/form-field","hc":1},{"id":"stealth:zoom-pan-image","t":"Zoom Pan Image","d":"Pinch, wheel or double-click to zoom where you point, then throw it around.","s":"stealth","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"stealth:highlight","t":"Highlight","d":"A marker stroke drawn in reading order, carrying on across line breaks.","s":"stealth","c":"other/other","hc":1},{"id":"stealth:link-preview","t":"Link Preview","d":"Unfurled link card and inline hover preview sharing one cached request.","s":"stealth","c":"actions/link","hc":1},{"id":"stealth:marquee","t":"Marquee","d":"Seamless infinite row that eases to a stop under the pointer.","k":"motion","s":"stealth","c":"motion/marquee","hc":1},{"id":"stealth:prose","t":"Prose","d":"Token-only typography for rendered rich text, with section links and code copy.","s":"stealth","c":"data-display/typography","hc":1},{"id":"stealth:spoiler","t":"Spoiler","d":"Grain-and-blur cover that dissolves outward from where you press it.","k":"motion","s":"stealth","c":"motion/background","hc":1},{"id":"stealth:text-morph","t":"Text Morph","d":"Shared letters slide into their new places while the width springs.","k":"motion","s":"stealth","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"stealth:text-reveal","t":"Text Reveal","d":"Words or wrapped lines lift out of a blur once, text left intact.","k":"motion","s":"stealth","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"stealth:text-scramble","t":"Text Scramble","d":"Decodes left to right in fixed time, only where characters changed.","k":"motion","s":"stealth","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"stealth:truncate","t":"Truncate","d":"Cuts text at the end or middle and unfolds it in place when cut.","k":"motion","s":"stealth","c":"motion/text-effect","hc":1},{"id":"stealth:drag-select","t":"Drag Select","d":"Rubber-band selection that scrolls at the edges and honors Shift and ⌘.","s":"stealth","c":"inputs/select","hc":1},{"id":"stealth:drop-target","t":"Drop Target","d":"Targets say what they take, pull the item in and send refusals home.","s":"stealth","c":"data-display/list","hc":1},{"id":"stealth:kanban","t":"Kanban","d":"Cards lean into the drag, land on an insertion line and move by menu too.","s":"stealth","c":"data-display/kanban","hc":1},{"id":"stealth:long-press","t":"Long Press","d":"Press and hold with a filling ring, right click and Shift F10 included.","s":"stealth","c":"other/other","hc":1},{"id":"stealth:pan-zoom-canvas","t":"Pan Zoom Canvas","d":"An infinite dot-grid canvas that pans, pinches and zooms to the cursor.","s":"stealth","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"stealth:reorder-list","t":"Reorder List","d":"Lifts on press, springs neighbors aside and reorders from the keyboard too.","s":"stealth","c":"data-display/list","sb":"Sortable","hc":1},{"id":"stealth:resizable-box","t":"Resizable Box","d":"Eight handles, a live size readout, Shift for ratio, Alt from center.","k":"layout","s":"stealth","c":"layout/split-pane","hc":1},{"id":"stealth:sortable-grid","t":"Sortable Grid","d":"Tiles lift off the grid, leave a slot behind and land where dropped.","s":"stealth","c":"data-display/table","hc":1},{"id":"stealth:swipe-actions","t":"Swipe Actions","d":"Swipe a row to reveal actions; swipe far and the tray fills to commit.","s":"stealth","c":"overlays/sheet","hc":1},{"id":"stealth:swipe-deck","t":"Swipe Deck","d":"A card stack you throw left or right, with undo and matching buttons.","s":"stealth","c":"media/card-stack","hc":1},{"id":"stealth:activity-feed","t":"Activity Feed","d":"A timeline of who did what, grouped by day, that holds your place as it updates.","s":"stealth","c":"data-display/timeline","hc":1},{"id":"stealth:comment-composer","t":"Comment Composer","d":"Grows on focus, @mentions teammates, sends on ⌘↵ and keeps the draft.","s":"stealth","c":"ai-agent/composer","hc":1},{"id":"stealth:comment-thread","t":"Comment Thread","d":"Threaded comments that fold, resolve with a drawn tick and undo deletes.","s":"stealth","c":"other/other","hc":1},{"id":"stealth:follow-button","t":"Follow Button","d":"Follow becomes Following with a drawn tick, offers Unfollow only when safe.","s":"stealth","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"stealth:invite-field","t":"Invite Field","d":"Turns typed or pasted addresses into chips, flags bad ones, sends with a role.","s":"stealth","c":"inputs/form-field","hc":1},{"id":"stealth:live-cursors","t":"Live Cursors","d":"Teammates' pointers glide between network updates; idle names tuck into initials.","k":"motion","s":"stealth","c":"motion/cursor","hc":1},{"id":"stealth:presence-stack","t":"Presence Stack","d":"Live faces that slide in, ping once, fade out and roll the overflow count.","s":"stealth","c":"status/status-dot","hc":1},{"id":"stealth:reaction-bar","t":"Reaction Bar","d":"Emoji reactions that pop, roll their counts, say who, and roll back.","s":"stealth","c":"other/other","hc":1},{"id":"stealth:share-dialog","t":"Share Dialog","d":"Invite by email, manage who has access and set link access in one place.","s":"stealth","c":"overlays/dialog","sb":"Share and invite","hc":1},{"id":"stealth:typing-indicator","t":"Typing Indicator","d":"Who is typing, in words and a dot wave, opening its own height.","k":"motion","s":"stealth","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"stealth:attachment-tray","t":"Attachment Tray","d":"Pending uploads that develop as they finish, retry in place and reorder.","s":"stealth","c":"overlays/sheet","hc":1},{"id":"stealth:chat-thread","t":"Chat Thread","d":"Grouped bubbles with tails, pinned to the latest while new messages rise in.","s":"stealth","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"stealth:conversation-list","t":"Conversation List","d":"Chat inbox where rows spring to the top, counts roll and swipes commit.","s":"stealth","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"stealth:jump-to-latest","t":"Jump to Latest","d":"Follows new messages at the bottom, then counts them when you scroll away.","k":"layout","s":"stealth","c":"layout/scroll-area","hc":1},{"id":"stealth:message-composer","t":"Message Composer","d":"Grows with its text, takes files and emoji, and turns its mic into send.","s":"stealth","c":"ai-agent/composer","hc":1},{"id":"stealth:message-status","t":"Message Status","d":"Delivery ticks that morph from clock to check to read, with a pressable retry.","s":"stealth","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"stealth:reply-preview","t":"Reply Preview","d":"The quoted message slides up above the composer and jumps back to its original.","s":"stealth","c":"ai-agent/composer","hc":1},{"id":"stealth:unread-divider","t":"Unread Divider","d":"New-messages line that draws out, counts up and folds away once read.","s":"stealth","c":"ai-agent/ai-agent","hc":1},{"id":"stealth:voice-message","t":"Voice Message","d":"A voice note whose waveform fills as it plays and seeks where you drag.","s":"stealth","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"stealth:branch-switcher","t":"Branch Switcher","d":"Steps between regenerated replies; content slides the way you went, counts roll.","s":"stealth","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"stealth:citations","t":"Citations","d":"Numbered source pills that preview on hover and light their list row.","s":"stealth","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"stealth:context-meter","t":"Context Meter","d":"Ring or bar of context used, with a breakdown and a warning before full.","s":"stealth","c":"data-viz/gauge","hc":1},{"id":"stealth:message-actions","t":"Message Actions","d":"The row under a reply: copy draws a tick, regenerate turns, thumbs fill.","s":"stealth","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"stealth:model-picker","t":"Model Picker","d":"Compact model select with capabilities, speed and cost; the name slides and resizes.","s":"stealth","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"stealth:prompt-input","t":"Prompt Input","d":"The AI composer: grows as you write, takes files, and Send becomes Stop.","s":"stealth","c":"ai-agent/composer","hc":1},{"id":"stealth:reasoning","t":"Reasoning","d":"Thinking shown as one timed line that opens to the stream and folds itself away.","s":"stealth","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"stealth:shimmer-text","t":"Shimmer Text","d":"A working status whose sheen sweeps the letters and crossfades between steps.","k":"motion","s":"stealth","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"stealth:streaming-text","t":"Streaming Text","d":"A model's reply formatted as it streams, each chunk fading in, never flashing syntax.","s":"stealth","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"stealth:suggestions","t":"Suggestions","d":"Prompt starters that stagger in once and fill the composer when picked.","s":"stealth","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"stealth:agent-plan","t":"Agent Plan","d":"A live checklist the agent rewrites mid-run, with edits that grow in place.","s":"stealth","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"stealth:agent-status","t":"Agent Status","d":"A live pill for a background agent that opens into its run and ends on a tick.","s":"stealth","c":"ai-agent/ai-agent","hc":1},{"id":"stealth:approval-card","t":"Approval Card","d":"An inline permission request that answers to Enter and Escape, then folds to one line.","s":"stealth","c":"data-display/card","hc":1},{"id":"stealth:diff-review","t":"Diff Review","d":"Accept or reject an agent's edits hunk by hunk; decided hunks fold into a tick.","s":"stealth","c":"data-display/diff","hc":1},{"id":"stealth:generation-preview","t":"Generation Preview","d":"Generated images resolve from grain to sharp as progress climbs, then become choices.","s":"stealth","c":"ai-agent/ai-agent","hc":1},{"id":"stealth:response-feedback","t":"Response Feedback","d":"Thumbs that nod when pressed; a thumbs down unfolds reasons, a comment and send.","s":"stealth","c":"ai-agent/ai-agent","hc":1},{"id":"stealth:run-log","t":"Run Log","d":"A streaming log grouped by step that follows output until you scroll away.","s":"stealth","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"stealth:tool-call","t":"Tool Call","d":"A tool invocation as one quiet row that opens into its JSON, live timer included.","s":"stealth","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"stealth:voice-input","t":"Voice Input","d":"A mic that grows into a listening pill with live levels and words.","s":"stealth","c":"ai-agent/ai-agent","sb":"Voice","hc":1},{"id":"stealth:add-to-cart","t":"Add to Cart","d":"A button that morphs into a quantity stepper, with a cart badge that bumps.","s":"stealth","c":"navigation/wizard-steps","hc":1},{"id":"stealth:card-field","t":"Card Field","d":"One card input that formats, detects the network, validates and advances itself.","s":"stealth","c":"inputs/form-field","hc":1},{"id":"stealth:cart-drawer","t":"Cart Drawer","d":"Slide-over cart whose lines collapse away and whose totals roll as you edit.","s":"stealth","c":"overlays/sheet","hc":1},{"id":"stealth:order-summary","t":"Order Summary","d":"Checkout totals that roll as they change and fold behind the total on phones.","k":"section","s":"stealth","c":"marketing/pricing","hc":1},{"id":"stealth:plan-picker","t":"Plan Picker","d":"Plan radio cards that price the change, prorated, before anyone confirms it.","k":"section","s":"stealth","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"stealth:price-toggle","t":"Price Toggle","d":"Monthly or yearly switch whose savings badge swells the moment yearly is chosen.","s":"stealth","c":"actions/switch","hc":1},{"id":"stealth:pricing-table","t":"Pricing Table","d":"Plans side by side whose prices roll across the columns when the period changes.","k":"section","s":"stealth","c":"marketing/pricing","sb":"Comparison tables","hc":1},{"id":"stealth:promo-code","t":"Promo Code","d":"A code field that opens in place, checks quietly and lands as a chip.","k":"section","s":"stealth","c":"marketing/announcement","hc":1},{"id":"stealth:quantity-stepper","t":"Quantity Stepper","d":"Rolls its digits, turns minus into remove at one and explains stock limits.","s":"stealth","c":"navigation/wizard-steps","hc":1},{"id":"stealth:seat-picker","t":"Seat Picker","d":"Stepper and slider in sync, with a rolling total and volume tiers that light up.","s":"stealth","c":"inputs/select","hc":1},{"id":"stealth:trial-banner","t":"Trial Banner","d":"Trial countdown with one cell per day that turns urgent in the final days.","s":"stealth","c":"overlays/alert-banner","hc":1},{"id":"stealth:upgrade-prompt","t":"Upgrade Prompt","d":"Inline paywall at a limit, with a padlock that lifts as you reach Upgrade.","s":"stealth","c":"ai-agent/composer","hc":1},{"id":"stealth:hotspot","t":"Hotspot","d":"A beacon on a new feature that explains itself and stays dismissed.","s":"stealth","c":"navigation/wizard-steps","hc":1},{"id":"stealth:magic-link","t":"Magic Link","d":"Check-your-email screen with inbox shortcuts, a backing-off resend and a folding envelope.","k":"layout","s":"stealth","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"stealth:onboarding-checklist","t":"Onboarding Checklist","d":"A get-started card that ticks, strikes through and opens the next task.","s":"stealth","c":"inputs/checkbox","hc":1},{"id":"stealth:passkey-button","t":"Passkey Button","d":"Passkey sign-in whose glyph scans while the device prompt is open, with calm fallbacks.","s":"stealth","c":"actions/button","hc":1},{"id":"stealth:product-tour","t":"Product Tour","d":"Coach marks whose spotlight travels between targets, with the card gliding alongside.","s":"stealth","c":"navigation/wizard-steps","hc":1},{"id":"stealth:session-timeout","t":"Session Timeout","d":"An idle sign-out warning whose countdown rolls down and drains to zero.","s":"stealth","c":"navigation/wizard-steps","hc":1},{"id":"stealth:sign-in-flow","t":"Sign in Flow","d":"Email first, then a password or emailed code, in a card that glides between heights.","k":"layout","s":"stealth","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"stealth:social-buttons","t":"Social Buttons","d":"Provider sign-in buttons with a gliding Last used badge and per-button loading.","s":"stealth","c":"actions/button","sb":"Social and sign-in","hc":1},{"id":"stealth:two-factor-setup","t":"Two factor Setup","d":"Scan, verify and save recovery codes in one card that glides between steps.","k":"layout","s":"stealth","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"stealth:whats-new","t":"What's New","d":"A changelog popover with a rolling unread count and pages you step through.","s":"stealth","c":"navigation/wizard-steps","hc":1},{"id":"stealth:api-key","t":"API Key","d":"Masked secret that scrambles into view, copies, and regenerates behind a confirm.","k":"layout","s":"stealth","c":"flows/settings","hc":1},{"id":"stealth:locale-select","t":"Locale Select","d":"Searchable language and region picker that previews dates and numbers before you choose.","s":"stealth","c":"inputs/select","hc":1},{"id":"stealth:member-list","t":"Member List","d":"Team members and invites with rolling roles, confirmed removal and highlighted search.","s":"stealth","c":"data-display/list","sb":"People","hc":1},{"id":"stealth:notification-matrix","t":"Notification Matrix","d":"Events by channels, column select-alls that ripple, and chip cards on phones.","s":"stealth","c":"overlays/notifications","hc":1},{"id":"stealth:session-list","t":"Session List","d":"Signed-in devices that fold away on sign-out, one or all at once.","s":"stealth","c":"data-display/list","hc":1},{"id":"stealth:settings-row","t":"Settings Row","d":"Label, description and control per row, each showing its own save as it happens.","k":"layout","s":"stealth","c":"flows/settings","hc":1},{"id":"stealth:shortcut-recorder","t":"Shortcut Recorder","d":"Records a key combo live, sinks held keys and asks before stealing one.","k":"layout","s":"stealth","c":"flows/settings","hc":1},{"id":"stealth:theme-picker","t":"Theme Picker","d":"Light, dark and system cards drawn in the real palettes, with a sliding ring.","s":"stealth","c":"inputs/select","hc":1},{"id":"stealth:type-to-confirm","t":"Type to Confirm","d":"Type the exact name to unlock a destructive action; the padlock opens on match.","s":"stealth","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"stealth:code-block","t":"Code Block","d":"Highlighted code with a sticky gutter, wrap that hangs its indent, and folding.","s":"stealth","c":"data-display/code-block","hc":1},{"id":"stealth:code-tabs","t":"Code Tabs","d":"Package manager or language tabs that remember the choice across every block.","s":"stealth","c":"data-display/code-block","hc":1},{"id":"stealth:deploy-status","t":"Deploy Status","d":"Deployment row with a live, rolling duration and status changes that settle in place.","s":"stealth","c":"data-display/list","hc":1},{"id":"stealth:diff-viewer","t":"Diff Viewer","d":"Unified or split diffs with word-level marks and folds that open in steps.","s":"stealth","c":"data-display/diff","hc":1},{"id":"stealth:env-editor","t":"Env Editor","d":"Environment variable rows with masked values, paste-a-.env import and duplicate warnings.","s":"stealth","c":"inputs/textarea","hc":1},{"id":"stealth:install-command","t":"Install Command","d":"A one-line command whose verb swaps per package manager while the package slides.","s":"stealth","c":"navigation/command-palette","hc":1},{"id":"stealth:json-viewer","t":"JSON Viewer","d":"Folding JSON tree with search that unfolds to every match, and copyable paths.","s":"stealth","c":"data-display/json-viewer","hc":1},{"id":"stealth:log-viewer","t":"Log Viewer","d":"Streaming logs that follow the tail, pause when you scroll up, and count what you missed.","k":"layout","s":"stealth","c":"layout/scroll-area","hc":1},{"id":"stealth:terminal","t":"Terminal","d":"A session that types itself with human pacing, in space it already reserved.","s":"stealth","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"stealth:uptime-bars","t":"Uptime Bars","d":"Ninety days of status bars with a gliding per-day tooltip and incident detail.","s":"stealth","c":"overlays/tooltip","hc":1},{"id":"stealth:announcement-pill","t":"Announcement Pill","d":"Link above a hero where a sheen crosses once and the chevron becomes an arrow.","s":"stealth","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"stealth:changelog","t":"Changelog","d":"Releases on a timeline rail that lights the one you’re reading.","k":"section","s":"stealth","c":"marketing/marketing","hc":1},{"id":"stealth:comparison-table","t":"Comparison Table","d":"Plans against features with a sticky header, a gliding row highlight and phone view.","k":"section","s":"stealth","c":"marketing/comparison","hc":1},{"id":"stealth:feature-tabs","t":"Feature Tabs","d":"Feature tour whose rail fills per tab, freezing on hover, focus or scroll-away.","s":"stealth","c":"navigation/tabs","hc":1},{"id":"stealth:newsletter-form","t":"Newsletter Form","d":"Inline email signup whose button grows over the field into the confirmation.","k":"section","s":"stealth","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"stealth:stats-band","t":"Stats Band","d":"Headline numbers whose digits spin up once, in turn, when scrolled into view.","s":"stealth","c":"data-display/stat","hc":1},{"id":"stealth:testimonial-wall","t":"Testimonial Wall","d":"Masonry of quotes drifting in opposite columns that ease to a stop under the pointer.","k":"section","s":"stealth","c":"marketing/testimonials","hc":1},{"id":"stealth:waitlist-form","t":"Waitlist Form","d":"Join a waitlist, watch your place roll in, then share a referral link.","k":"section","s":"stealth","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"stealth:animate-height","t":"Animate Height","d":"Follows its content’s height on a spring, measured, interruptible, auto at rest.","k":"motion","s":"stealth","c":"motion/text-effect","hc":1},{"id":"stealth:blur-in","t":"Blur In","d":"Reveals content with a fade, a small rise and a clearing blur, once.","s":"stealth","c":"other/other","hc":1},{"id":"stealth:flip-list","t":"FLIP List","d":"Rows glide to their new place on sort and filter; leavers step out first.","s":"stealth","c":"data-display/list","hc":1},{"id":"stealth:icon-swap","t":"Icon Swap","d":"Swaps icons in a fixed box with a blur, turn or roll that knows direction.","k":"resource","s":"stealth","c":"assets/icon","sb":"Animated","hc":1},{"id":"stealth:presence-swap","t":"Presence Swap","d":"Swaps views the way you're going, follows their height and keeps focus.","s":"stealth","c":"status/status-dot","hc":1},{"id":"stealth:press-depth","t":"Press Depth","d":"Any surface sinks, drops a pixel and flattens its shadow, then springs back.","s":"stealth","c":"other/other","tg":["3d","retro and HUD"],"sy":["3d","retro and HUD"],"hc":1},{"id":"stealth:ripple","t":"Ripple","d":"A press wave from the pointer, in the surface's own text color.","k":"motion","s":"stealth","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"stealth:stagger-in","t":"Stagger In","d":"Rows arrive in one capped wave the first time, never on filters.","s":"stealth","c":"data-display/list","hc":1},{"id":"stepper:stepper","t":"Stepper","d":"A lightweight, composable stepper primitive for shadcn/ui-style multi-step flows.","s":"stepper","c":"navigation/wizard-steps","vn":1,"hc":1},{"id":"stepper:stepper-intent-onboarding","t":"Stepper Intent Onboarding","d":"An intent-driven onboarding block with hidden Stepper state, intent routing, profile valid","s":"stepper","c":"navigation/wizard-steps","hc":1},{"id":"styleui:animated-list","t":"AnimatedList","d":"An animated list component to showcase your content.","s":"styleui","c":"data-display/list","hc":1},{"id":"styleui:counter","t":"Counter","d":"Animated counter that increases from 0 to a given value in a smooth animation.","k":"motion","s":"styleui","c":"motion/number-ticker","hc":1},{"id":"styleui:notio","t":"Notio","d":"A template block that includes a hero section, a features section, a pricing section, and ","k":"section","s":"styleui","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"styleui:axis","t":"Axis","d":"A template block that includes a hero section, feature highlights, tools, pricing, testimo","k":"section","s":"styleui","c":"marketing/features","hc":1},{"id":"stylexui:index","t":"Index","k":"theme","s":"stylexui","c":"themes/style"},{"id":"stylexui:stylex-ui-accordion","t":"Accordion","d":"A vertically stacked set of interactive headings that each reveal a section of content.","s":"stylexui","c":"data-display/accordion"},{"id":"stylexui:stylex-ui-alert","t":"Alert","d":"Displays a callout for user attention.","s":"stylexui","c":"overlays/alert-banner"},{"id":"stylexui:stylex-ui-alert-dialog","t":"Alert Dialog","d":"A modal dialog that interrupts the user with important content and expects a response.","s":"stylexui","c":"overlays/dialog","sb":"Confirm"},{"id":"stylexui:stylex-ui-aspect-ratio","t":"Aspect Ratio","d":"Displays content within a desired ratio.","k":"layout","s":"stylexui","c":"layout/page-shell"},{"id":"stylexui:stylex-ui-attachment","t":"Attachment","d":"A component for attaching and uploading files with various states and triggers.","s":"stylexui","c":"inputs/file-upload"},{"id":"stylexui:stylex-ui-avatar","t":"Avatar","d":"An image element with a fallback for representing the user.","s":"stylexui","c":"data-display/avatar"},{"id":"stylexui:stylex-ui-badge","t":"Badge","d":"Displays a badge or a component that looks like a badge.","s":"stylexui","c":"data-display/badge"},{"id":"stylexui:stylex-ui-breadcrumb","t":"Breadcrumb","d":"Displays the path to the current resource using a hierarchy of links.","s":"stylexui","c":"navigation/breadcrumb"},{"id":"stylexui:stylex-ui-bubble","t":"Bubble","d":"A message bubble component commonly used in chat and discussion interfaces.","s":"stylexui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"stylexui:stylex-ui-button","t":"Button","d":"Displays a button or a component that looks like a button.","s":"stylexui","c":"actions/button"},{"id":"stylexui:stylex-ui-button-group","t":"Button Group","d":"A container that groups related buttons together.","s":"stylexui","c":"actions/button","sb":"Groups and split"},{"id":"stylexui:stylex-ui-calendar","t":"Calendar","d":"A date field component that allows users to enter and edit date.","s":"stylexui","c":"data-display/calendar"},{"id":"stylexui:stylex-ui-card","t":"Card","d":"Displays a card with header, content, and footer.","s":"stylexui","c":"data-display/card"},{"id":"stylexui:stylex-ui-carousel","t":"Carousel","d":"A carousel with motion and swipe capabilities.","s":"stylexui","c":"media/carousel"},{"id":"stylexui:stylex-ui-chart","t":"Chart","d":"Beautiful and interactive charts built using Recharts and StyleX.","s":"stylexui","c":"data-viz/chart"},{"id":"stylexui:stylex-ui-checkbox","t":"Checkbox","d":"A control that allows the user to toggle between checked and not checked.","s":"stylexui","c":"inputs/checkbox"},{"id":"stylexui:stylex-ui-collapsible","t":"Collapsible","d":"An interactive component which expands/collapses a panel.","s":"stylexui","c":"data-display/accordion"},{"id":"supabase:safe-next-path","t":"Safe next path","d":"Validates same-origin paths before redirecting.","k":"lib","s":"supabase","c":"lib/utility","hc":1},{"id":"supabase:password-based-auth-nextjs","t":"Password Based Auth flow for Nextjs and Supabase","d":"Password Based Auth flow for Nextjs and Supabase","k":"layout","s":"supabase","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"supabase:password-based-auth-react","t":"Password Based Auth flow for React and Supabase","d":"Password Based Auth flow for React and Supabase","k":"layout","s":"supabase","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"supabase:password-based-auth-react-router","t":"Password Based Auth flow for React Router and Supabase","d":"Password Based Auth flow for React Router and Supabase","k":"layout","s":"supabase","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"supabase:password-based-auth-tanstack","t":"Password Based Auth flow for tanstack and Supabase","d":"Password Based Auth flow for tanstack and Supabase","k":"layout","s":"supabase","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"supabase:social-auth-nextjs","t":"Social Auth flow for Nextjs and Supabase","d":"Social Auth flow for Nextjs and Supabase","k":"layout","s":"supabase","c":"flows/sign-in","sb":"Social","hc":1},{"id":"supabase:social-auth-react","t":"Social Auth flow for React and Supabase","d":"Social Auth flow for React and Supabase","k":"layout","s":"supabase","c":"flows/sign-in","sb":"Social","hc":1},{"id":"supabase:social-auth-react-router","t":"Social Auth flow for React Router and Supabase","d":"Social Auth flow for React Router and Supabase","k":"layout","s":"supabase","c":"flows/sign-in","sb":"Social","hc":1},{"id":"supabase:social-auth-tanstack","t":"Social Auth flow for TanStack and Supabase","d":"Social Auth flow for TanStack and Supabase","k":"layout","s":"supabase","c":"flows/sign-in","sb":"Social","hc":1},{"id":"supabase:dropzone-nextjs","t":"Dropzone (File Upload)","d":"Displays a control for easier uploading of files directly to Supabase Storage.","s":"supabase","c":"inputs/file-upload","hc":1},{"id":"supabase:dropzone-react","t":"Dropzone (File Upload)","d":"Displays a control for easier uploading of files directly to Supabase Storage.","s":"supabase","c":"inputs/file-upload","hc":1},{"id":"supabase:dropzone-react-router","t":"Dropzone (File Upload)","d":"Displays a control for easier uploading of files directly to Supabase Storage.","s":"supabase","c":"inputs/file-upload","hc":1},{"id":"supabase:dropzone-tanstack","t":"Dropzone (File Upload)","d":"Displays a control for easier uploading of files directly to Supabase Storage.","s":"supabase","c":"inputs/file-upload","hc":1},{"id":"supabase:realtime-cursor-nextjs","t":"Realtime Cursor","d":"Component which renders realtime cursors from other users in a room.","k":"motion","s":"supabase","c":"motion/cursor","hc":1},{"id":"supabase:realtime-cursor-react","t":"Realtime Cursor","d":"Component which renders realtime cursors from other users in a room.","k":"motion","s":"supabase","c":"motion/cursor","hc":1},{"id":"supabase:realtime-cursor-react-router","t":"Realtime Cursor","d":"Component which renders realtime cursors from other users in a room.","k":"motion","s":"supabase","c":"motion/cursor","hc":1},{"id":"supabase:realtime-cursor-tanstack","t":"Realtime Cursor","d":"Component which renders realtime cursors from other users in a room.","k":"motion","s":"supabase","c":"motion/cursor","hc":1},{"id":"supabase:current-user-avatar-nextjs","t":"Current User Avatar","d":"Component which renders the current user's avatar.","s":"supabase","c":"data-display/avatar","hc":1},{"id":"supabase:current-user-avatar-react","t":"Current User Avatar","d":"Component which renders the current user's avatar.","s":"supabase","c":"data-display/avatar","hc":1},{"id":"supabase:current-user-avatar-react-router","t":"Current User Avatar","d":"Component which renders the current user's avatar.","s":"supabase","c":"data-display/avatar","hc":1},{"id":"supabase:current-user-avatar-tanstack","t":"Current User Avatar","d":"Component which renders the current user's avatar.","s":"supabase","c":"data-display/avatar","hc":1},{"id":"supabase:realtime-avatar-stack-nextjs","t":"Avatar Stack with Realtime Presence","d":"Component which stack of avatars, tracked by realtime presence.","s":"supabase","c":"data-display/avatar","hc":1},{"id":"supabase:realtime-avatar-stack-react","t":"Avatar Stack with Realtime Presence","d":"Component which stack of avatars, tracked by realtime presence.","s":"supabase","c":"data-display/avatar","hc":1},{"id":"supabase:realtime-avatar-stack-react-router","t":"Avatar Stack with Realtime Presence","d":"Component which stack of avatars, tracked by realtime presence.","s":"supabase","c":"data-display/avatar","hc":1},{"id":"supabase:realtime-avatar-stack-tanstack","t":"Avatar Stack with Realtime Presence","d":"Component which stack of avatars, tracked by realtime presence.","s":"supabase","c":"data-display/avatar","hc":1},{"id":"supabase:realtime-chat-nextjs","t":"Realtime Chat","d":"Component which renders realtime chat messages from other users in a room.","s":"supabase","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"supabase:realtime-chat-react","t":"Realtime Chat","d":"Component which renders realtime chat messages from other users in a room.","s":"supabase","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"supabase:realtime-chat-react-router","t":"Realtime Chat","d":"Component which renders realtime chat messages from other users in a room.","s":"supabase","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"supabase:realtime-chat-tanstack","t":"Realtime Chat","d":"Component which renders realtime chat messages from other users in a room.","s":"supabase","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"supabase:realtime-flow-nextjs","t":"Realtime Flow","d":"Real-time flow diagram editor for collaborative applications.","s":"supabase","c":"inputs/textarea","hc":1},{"id":"supabase:realtime-flow-react","t":"Realtime Flow","d":"Real-time flow diagram editor for collaborative applications.","s":"supabase","c":"inputs/textarea","hc":1},{"id":"supabase:realtime-flow-react-router","t":"Realtime Flow","d":"Real-time flow diagram editor for collaborative applications.","s":"supabase","c":"inputs/textarea","hc":1},{"id":"supabase:realtime-flow-tanstack","t":"Realtime Flow","d":"Real-time flow diagram editor for collaborative applications.","s":"supabase","c":"inputs/textarea","hc":1},{"id":"supabase:realtime-monaco-nextjs","t":"Realtime Monaco","d":"Real-time Monaco editor for collaborative applications.","s":"supabase","c":"inputs/textarea","hc":1},{"id":"supabase:realtime-monaco-react","t":"Realtime Monaco","d":"Real-time Monaco editor for collaborative applications.","s":"supabase","c":"inputs/textarea","hc":1},{"id":"supabase:realtime-monaco-react-router","t":"Realtime Monaco","d":"Real-time Monaco editor for collaborative applications.","s":"supabase","c":"inputs/textarea","hc":1},{"id":"supabase:realtime-monaco-tanstack","t":"Realtime Monaco","d":"Real-time Monaco editor for collaborative applications.","s":"supabase","c":"inputs/textarea","hc":1},{"id":"supabase:infinite-query-hook","t":"Infinite Query Hook","d":"React hook for infinite lists, fetching data from Supabase.","k":"section","s":"supabase","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"supabase:mcp","t":"MCP Server","d":"Add a user-scoped MCP server to your product.","s":"supabase","c":"other/other","hc":1},{"id":"supabase:headless-app-tanstack","t":"Headless App for TanStack Start","d":"A backend with an agent as the primary interface, combining auth, OAuth consent, and an MC","s":"supabase","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"supabase:oauth-consent-nextjs","t":"OAuth Consent for Next.js","d":"OAuth 2.1 consent screen and route for an existing authenticated application.","k":"layout","s":"supabase","c":"flows/sign-in","sb":"Social","hc":1},{"id":"supabase:oauth-consent-react","t":"OAuth Consent for React","d":"OAuth 2.1 consent component for an existing authenticated application.","k":"layout","s":"supabase","c":"flows/sign-in","sb":"Social","hc":1},{"id":"supabase:oauth-consent-react-router","t":"OAuth Consent for React Router","d":"OAuth 2.1 consent screen and route for an existing authenticated application.","k":"layout","s":"supabase","c":"flows/sign-in","sb":"Social","hc":1},{"id":"supabase:oauth-consent-tanstack","t":"OAuth Consent for TanStack Start","d":"OAuth 2.1 consent screen and route for an existing authenticated application.","k":"layout","s":"supabase","c":"flows/sign-in","sb":"Social","hc":1},{"id":"supabase:tanstack-db-nextjs","t":"TanStack DB for Next.js and Supabase","d":"TanStack DB integration with Supabase collections for type-safe database operations","k":"section","s":"supabase","c":"marketing/logos"},{"id":"supabase:supabase-client-nextjs","t":"Supabase Client for Next.js","k":"lib","s":"supabase","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"supabase:supabase-client-react","t":"Supabase Client for React","k":"lib","s":"supabase","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"supabase:supabase-client-react-router","t":"Supabase Client for React Router","k":"lib","s":"supabase","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"supabase:supabase-client-tanstack","t":"Supabase Client for TanStack Start","k":"lib","s":"supabase","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"supabase:platform-kit-nextjs","t":"Platform Kit for Nextjs and Supabase","d":"Platform Kit for Nextjs and Supabase","k":"section","s":"supabase","c":"marketing/marketing","hc":1},{"id":"supabase:supabase-client-nuxtjs","t":"Supabase Client for Nuxt.js","k":"lib","s":"supabase","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"supabase:supabase-client-vue","t":"Supabase Client for Vue","k":"lib","s":"supabase","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"supabase:password-based-auth-nuxtjs","t":"Password Based Auth flow for Nuxt.js and Supabase","d":"Password Based Auth flow for Nuxt.js and Supabase","k":"layout","s":"supabase","c":"flows/sign-in","sb":"Password reset","fw":"Vue","hc":1},{"id":"supabase:password-based-auth-vue","t":"Password Based Auth flow for Vue and Supabase","d":"Password Based Auth flow for Vue and Supabase","k":"layout","s":"supabase","c":"flows/sign-in","sb":"Password reset","fw":"Vue","hc":1},{"id":"supabase:social-auth-vue","t":"Social Auth flow for Vue and Supabase","d":"Social Auth flow for Vue and Supabase","k":"layout","s":"supabase","c":"flows/sign-in","sb":"Social","fw":"Vue","hc":1},{"id":"supabase:social-auth-nuxtjs","t":"Social Auth flow for Nuxt and Supabase","d":"Social Auth flow for Nuxt and Supabase","k":"layout","s":"supabase","c":"flows/sign-in","sb":"Social","fw":"Vue","hc":1},{"id":"supabase:dropzone-nuxtjs","t":"Dropzone (File Upload) for Nuxt and Supabase","d":"Displays a control for easier uploading of files directly to Supabase Storage.","s":"supabase","c":"inputs/file-upload","fw":"Vue","hc":1},{"id":"supabase:dropzone-vue","t":"Dropzone (File Upload) for Vue and Supabase","d":"Displays a control for easier uploading of files directly to Supabase Storage.","s":"supabase","c":"inputs/file-upload","fw":"Vue","hc":1},{"id":"supabase:realtime-cursor-nuxtjs","t":"Realtime Cursor for Nuxt and Supabase","d":"Component which renders realtime cursors from other users in a room.","k":"motion","s":"supabase","c":"motion/cursor","fw":"Vue","hc":1},{"id":"supabase:realtime-cursor-vue","t":"Realtime Cursor for Vue and Supabase","d":"Component which renders realtime cursors from other users in a room.","k":"motion","s":"supabase","c":"motion/cursor","fw":"Vue","hc":1},{"id":"supabase:current-user-avatar-nuxtjs","t":"Current User Avatar","d":"Component which renders the current user's avatar.","s":"supabase","c":"data-display/avatar","fw":"Vue","hc":1},{"id":"supabase:current-user-avatar-vue","t":"Current User Avatar","d":"Component which renders the current user's avatar.","s":"supabase","c":"data-display/avatar","fw":"Vue","hc":1},{"id":"supabase:realtime-avatar-stack-nuxtjs","t":"Realtime Avatar Stack","d":"Component which stack of avatars, tracked by realtime presence.","s":"supabase","c":"data-display/avatar","fw":"Vue","hc":1},{"id":"supabase:realtime-avatar-stack-vue","t":"Realtime Avatar Stack","d":"Component which stack of avatars, tracked by realtime presence.","s":"supabase","c":"data-display/avatar","fw":"Vue","hc":1},{"id":"supabase:realtime-chat-nuxtjs","t":"Realtime Chat","d":"Component which provides a realtime chat interface.","s":"supabase","c":"ai-agent/ai-agent","sb":"Chat","fw":"Vue","hc":1},{"id":"supabase:realtime-chat-vue","t":"Realtime Chat","d":"Component which provides a realtime chat interface.","s":"supabase","c":"ai-agent/ai-agent","sb":"Chat","fw":"Vue","hc":1},{"id":"supabase:infinite-query-composable","t":"Infinite Query for Vue and Supabase","d":"Vue Composable for infinite lists, fetching data from Supabase.","s":"supabase","c":"other/other","hc":1},{"id":"sureui:confirm-button","t":"Confirm Button","d":"A Button that confirms on a click, a second click or a press and hold. Supports inline und","s":"sureui","c":"actions/button","sb":"Loading and states","hc":1},{"id":"sureui:confirm-menu-item","t":"Confirm Menu Item","d":"A DropdownMenu or ContextMenu item that confirms on a click, a second click or a press and","s":"sureui","c":"navigation/menu","hc":1},{"id":"sureui:confirm-switch","t":"Confirm Switch","d":"A Switch that moves right away and can be taken back: flipping it again during the undo wi","s":"sureui","c":"actions/switch","hc":1},{"id":"sureui:type-to-confirm","t":"Type to Confirm","d":"An inline form that calls onConfirm only after the exact phrase is typed and every acknowl","s":"sureui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"sureui:confirm-dialog","t":"Confirm Dialog","d":"An alert dialog with a ConfirmButton or TypeToConfirm as its confirm action, which closes ","s":"sureui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"sureui:confirm-popover","t":"Confirm Popover","d":"A popover anchored to any trigger, with one line about the consequence and a ConfirmButton","s":"sureui","c":"overlays/popover","hc":1},{"id":"sureui:consequences","t":"Consequences","d":"A list of what a confirmation will remove, with counts and names that collapse to \"and N m","s":"sureui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"sureui:undo-toast","t":"Undo Toast","d":"undoToast(message) shows a Sonner toast with an Undo button. It resolves true when the toa","k":"lib","s":"sureui","c":"lib/utility","hc":1},{"id":"sureui:undoable","t":"Undoable","d":"Wraps a list item or table row. Removing it collapses the row in place to a label and an U","s":"sureui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"sureui:unsaved-changes","t":"Unsaved Changes","d":"useUnsavedChanges asks before unsaved changes are lost: the browser's prompt on reload or ","s":"sureui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"sureui:tool-approval","t":"Tool Approval","d":"Approve or deny an AI SDK tool call, or a batch of them, with a gesture that matches its r","s":"sureui","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"sureui:danger-zone-01","t":"Danger Zone","d":"A project settings danger zone: pause deployments with an undo window, transfer the projec","k":"layout","s":"sureui","c":"flows/settings","hc":1},{"id":"sureui:api-keys-01","t":"API Keys","d":"A list of API keys with the last time each was used, hold to revoke, and a Create key dial","k":"layout","s":"sureui","c":"flows/settings","hc":1},{"id":"sureui:delete-account-01","t":"Delete Account","d":"An account deletion screen with an export link first, a list of what gets deleted, and a f","k":"layout","s":"sureui","c":"flows/settings","hc":1},{"id":"sureui:team-members-01","t":"Team Members","d":"A team members list whose row menu removes someone after a second click, and makes someone","k":"section","s":"sureui","c":"marketing/team","hc":1},{"id":"sureui:file-manager-01","t":"File Manager","d":"A file list where selected files move to trash with an undo toast, a Trash tab restores th","s":"sureui","c":"navigation/tabs","hc":1},{"id":"sureui:inbox-01","t":"Inbox","d":"A message list where archive and delete collapse the row in place with an Undo, and a read","s":"sureui","c":"overlays/notifications","hc":1},{"id":"sureui:agent-approval-01","t":"Agent Approval","d":"An agent turn with four tool calls waiting for approval, from a low-risk message that appr","s":"sureui","c":"ai-agent/ai-agent","hc":1},{"id":"sureui:bulk-actions-01","t":"Bulk Actions","d":"An issue list with row checkboxes whose delete asks for more as the count grows: an undo w","s":"sureui","c":"data-display/list","hc":1},{"id":"sureui:settings-save-bar-01","t":"Settings Save Bar","d":"A team settings form where any edit brings up a save bar. Discard asks for a second click,","k":"layout","s":"sureui","c":"flows/settings","hc":1},{"id":"sureui:cancel-subscription-01","t":"Cancel Subscription","d":"A plan card whose cancel dialog lists what goes away and when, offers a cheaper plan inste","k":"section","s":"sureui","c":"marketing/pricing","sb":"With billing toggle","hc":1},{"id":"svelte-bits:animated-content","t":"Animated Content","d":"Scroll-triggered entrance animation with distance, direction, scale and opacity controls. ","k":"layout","s":"svelte-bits","c":"layout/scroll-area","tg":["animated"],"fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:antigravity","t":"Antigravity","d":"Instanced 3D particles that orbit and react to the mouse with wave physics, rendered with ","k":"motion","s":"svelte-bits","c":"motion/shader","tg":["3d","webgl"],"fw":"Svelte","sy":["3d","webgl"],"hc":1},{"id":"svelte-bits:blob-cursor","t":"Blob Cursor","d":"Gooey blob cursor with a trail of lagging blobs, smoothed via GSAP.","k":"motion","s":"svelte-bits","c":"motion/cursor","tg":["animated"],"fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:click-spark","t":"Click Spark","d":"Clickable container that emits radial spark lines on click.","k":"motion","s":"svelte-bits","c":"motion/background","fw":"Svelte","hc":1},{"id":"svelte-bits:crosshair","t":"Crosshair","d":"Animated crosshair lines that follow the cursor with subtle SVG turbulence on hover.","k":"motion","s":"svelte-bits","c":"motion/cursor","tg":["animated"],"fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:cubes","t":"Cubes","d":"3D cube grid that tilts toward the cursor with optional ripple-on-click and idle drift.","k":"motion","s":"svelte-bits","c":"motion/cursor","tg":["3d","animated"],"fw":"Svelte","sy":["3d","animated"],"hc":1},{"id":"svelte-bits:cursor-grid","t":"Cursor Grid","d":"A grid of cells that light up near the cursor and fade out.","k":"motion","s":"svelte-bits","c":"motion/cursor","fw":"Svelte","hc":1},{"id":"svelte-bits:electric-border","t":"Electric Border","d":"Animated electric arcs around rounded rectangle borders rendered to canvas with noise disp","k":"motion","s":"svelte-bits","c":"motion/background","fw":"Svelte","hc":1},{"id":"svelte-bits:fade-content","t":"Fade Content","d":"Scroll-triggered fade-in (with optional blur) entrance using GSAP + ScrollTrigger, with op","k":"layout","s":"svelte-bits","c":"layout/scroll-area","tg":["animated"],"fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:ghost-cursor","t":"Ghost Cursor","d":"WebGL ghostly cursor trail rendered with three.js + bloom + film grain post-processing.","k":"motion","s":"svelte-bits","c":"motion/cursor","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:glare-hover","t":"Glare Hover","d":"Hover-triggered moving glare highlight across a card.","s":"svelte-bits","c":"data-display/card","sb":"Animated and glowing","fw":"Svelte","hc":1},{"id":"svelte-bits:gradual-blur","t":"Gradual Blur","d":"Multi-layer gradient-masked backdrop blur for soft fade-out edges (top/bottom/left/right).","k":"motion","s":"svelte-bits","c":"motion/gradient","tg":["gradient"],"fw":"Svelte","sy":["gradient"],"hc":1},{"id":"svelte-bits:image-trail","t":"Image Trail","d":"Mouse trail of images with 8 visually distinct GSAP variants.","s":"svelte-bits","c":"media/gallery","tg":["animated"],"fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:laser-flow","t":"Laser Flow","d":"Volumetric laser beam with wisps and tilting fog volume, rendered with three.js raw shader","k":"motion","s":"svelte-bits","c":"motion/shader","tg":["3d","webgl"],"fw":"Svelte","sy":["3d","webgl"],"hc":1},{"id":"svelte-bits:logo-loop","t":"Logo Loop","d":"Smooth, infinite, pause-on-hover marquee for partner logos with optional fade-out edges.","k":"resource","s":"svelte-bits","c":"assets/logo","fw":"Svelte","hc":1},{"id":"svelte-bits:magic-rings","t":"Magic Rings","d":"WebGL2 concentric ring animation with mouse parallax, hover scale, and click burst. Real t","k":"layout","s":"svelte-bits","c":"layout/scroll-area","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:magnet","t":"Magnet","d":"Magnetic pull effect that attracts content toward the cursor when nearby.","k":"motion","s":"svelte-bits","c":"motion/cursor","fw":"Svelte","hc":1},{"id":"svelte-bits:magnet-lines","t":"Magnet Lines","d":"A grid of small line segments that rotate to face the cursor.","k":"motion","s":"svelte-bits","c":"motion/background","sb":"Beams and light","fw":"Svelte","hc":1},{"id":"svelte-bits:meta-balls","t":"Meta Balls","d":"Animated metaballs (gooey blob field) with cursor interaction, rendered with OGL shader.","k":"resource","s":"svelte-bits","c":"assets/shape","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:metallic-paint","t":"Metallic Paint","d":"Image-driven liquid metallic paint shader (WebGL2) with depth field solved via SOR relaxat","s":"svelte-bits","c":"inputs/form-field","tg":["3d","webgl"],"fw":"Svelte","sy":["3d","webgl"],"hc":1},{"id":"svelte-bits:noise","t":"Noise","d":"Full-viewport animated film-grain canvas overlay.","k":"motion","s":"svelte-bits","c":"motion/background","sb":"Noise and texture","fw":"Svelte","hc":1},{"id":"svelte-bits:orbit-images","t":"Orbit Images","d":"Images orbiting along a configurable SVG path (ellipse, circle, star, heart, infinity, wav","s":"svelte-bits","c":"media/gallery","fw":"Svelte","hc":1},{"id":"svelte-bits:pixel-trail","t":"Pixel Trail","d":"Pixelated mouse trail with optional gooey blend, rendered with three.js + a canvas-based t","k":"motion","s":"svelte-bits","c":"motion/shader","tg":["retro and HUD","webgl"],"fw":"Svelte","sy":["retro and HUD","webgl"],"hc":1},{"id":"svelte-bits:pixel-transition","t":"Pixel Transition","d":"Hover/click reveal that transitions between two contents through a randomized pixel grid e","k":"motion","s":"svelte-bits","c":"motion/text-effect","tg":["animated","retro and HUD"],"fw":"Svelte","sy":["animated","retro and HUD"],"hc":1},{"id":"svelte-bits:ribbons","t":"Ribbons","d":"Colorful spring-driven ribbon trails following the cursor, rendered with OGL polylines.","k":"section","s":"svelte-bits","c":"marketing/announcement","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:scroll-expand","t":"Scroll Expand","d":"A media box that grows to fullscreen as you scroll, with a fading title, hint, and overlay","k":"layout","s":"svelte-bits","c":"layout/scroll-area","fw":"Svelte","hc":1},{"id":"svelte-bits:shape-blur","t":"Shape Blur","d":"Mouse-reactive blurred SDF shapes (rounded rect, circle, ring, triangle) rendered with thr","k":"resource","s":"svelte-bits","c":"assets/shape","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:splash-cursor","t":"Splash Cursor","d":"Liquid splash burst at cursor with curling ripples and waves.","k":"motion","s":"svelte-bits","c":"motion/cursor","fw":"Svelte","hc":1},{"id":"svelte-bits:star-border","t":"Star Border","d":"Button-like wrapper with two animated radial-gradient sweeps tracing the top and bottom bo","s":"svelte-bits","c":"actions/button","tg":["gradient"],"sb":"Animated","fw":"Svelte","sy":["gradient"],"hc":1},{"id":"svelte-bits:sticker-peel","t":"Sticker Peel","d":"Draggable sticker that peels off on hover, with SVG specular lighting and drop shadow filt","s":"svelte-bits","c":"other/other","tg":["animated"],"fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:target-cursor","t":"Target Cursor","d":"Custom spinning crosshair cursor that snaps to corners of elements matching a selector whe","k":"motion","s":"svelte-bits","c":"motion/cursor","tg":["animated"],"fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:aurora","t":"Aurora","d":"WebGL aurora background with configurable color stops, amplitude, blend and speed. Real OG","k":"motion","s":"svelte-bits","c":"motion/gradient","tg":["gradient","webgl"],"fw":"Svelte","sy":["gradient","webgl"],"hc":1},{"id":"svelte-bits:balatro","t":"Balatro","d":"Swirling pixel-painted Balatro-style WebGL background with mouse interaction.","k":"motion","s":"svelte-bits","c":"motion/shader","tg":["retro and HUD","webgl"],"fw":"Svelte","sy":["retro and HUD","webgl"],"hc":1},{"id":"svelte-bits:ballpit","t":"Ballpit","d":"Interactive 3D ball pit using Three.js physics.","k":"motion","s":"svelte-bits","c":"motion/shader","tg":["3d","animated","webgl"],"fw":"Svelte","sy":["3d","animated","webgl"],"hc":1},{"id":"svelte-bits:beams","t":"Beams","d":"Light beams animated with noise displacement.","k":"motion","s":"svelte-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:color-bends","t":"Color Bends","d":"Three.js shader background with warped color bands, pointer parallax, noise, and rotation ","k":"layout","s":"svelte-bits","c":"layout/scroll-area","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:dark-veil","t":"Dark Veil","d":"Dark veil WebGL background with hue shift, scanlines, noise and warp controls.","k":"motion","s":"svelte-bits","c":"motion/shader","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:dither","t":"Dither","d":"Bayer-dithered animated wave field.","s":"svelte-bits","c":"inputs/form-field","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:dot-field","t":"Dot Field","d":"Interactive dotted canvas background with cursor bulge, glow, sparkle, and wave controls.","s":"svelte-bits","c":"inputs/form-field","tg":["neon"],"fw":"Svelte","sy":["neon"],"hc":1},{"id":"svelte-bits:dot-grid","t":"Dot Grid","d":"Interactive grid of dots with cursor proximity highlighting and shockwave click physics.","k":"motion","s":"svelte-bits","c":"motion/cursor","tg":["animated"],"fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:evil-eye","t":"Evil Eye","d":"Reactive evil eye background with cursor-tracked pupil.","k":"motion","s":"svelte-bits","c":"motion/cursor","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:faulty-terminal","t":"Faulty Terminal","d":"OGL terminal-style shader background with scanlines, glitches, curvature, mouse reaction, ","s":"svelte-bits","c":"data-display/code-block","tg":["retro and HUD","webgl"],"fw":"Svelte","sy":["retro and HUD","webgl"],"hc":1},{"id":"svelte-bits:floating-lines","t":"Floating Lines","d":"Layered animated wave lines with parallax & bend.","k":"motion","s":"svelte-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:galaxy","t":"Galaxy","d":"Animated galaxy of twinkling stars.","k":"motion","s":"svelte-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:gradient-blinds","t":"Gradient Blinds","d":"Animated gradient blinds with spotlight tracking.","k":"motion","s":"svelte-bits","c":"motion/gradient","tg":["gradient","webgl"],"fw":"Svelte","sy":["gradient","webgl"],"hc":1},{"id":"svelte-bits:grainient","t":"Grainient","d":"Animated WebGL2 grainy gradient.","k":"motion","s":"svelte-bits","c":"motion/gradient","tg":["gradient","webgl"],"fw":"Svelte","sy":["gradient","webgl"],"hc":1},{"id":"svelte-bits:grid-distortion","t":"Grid Distortion","d":"Image grid distortion driven by mouse movement.","s":"svelte-bits","c":"media/gallery","tg":["webgl"],"sb":"Grids","fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:grid-motion","t":"Grid Motion","d":"Grid that pans with mouse position, powered by GSAP.","s":"svelte-bits","c":"data-display/table","tg":["animated"],"fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:grid-scan","t":"Grid Scan","d":"Animated 3D grid scan with bloom and chromatic aberration. Optional face tracking via face","s":"svelte-bits","c":"data-display/table","tg":["3d","webgl"],"fw":"Svelte","sy":["3d","webgl"],"hc":1},{"id":"svelte-bits:hyperspeed","t":"Hyperspeed","d":"Three.js hyperspeed road background with bloom, SMAA, distortion presets, animated light t","k":"motion","s":"svelte-bits","c":"motion/shader","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:iridescence","t":"Iridescence","d":"Animated iridescent WebGL background with optional mouse parallax.","k":"layout","s":"svelte-bits","c":"layout/scroll-area","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:letter-glitch","t":"Letter Glitch","d":"Cascading glitchy letter grid background.","k":"motion","s":"svelte-bits","c":"motion/text-effect","sb":"Scramble and glitch","fw":"Svelte","hc":1},{"id":"svelte-bits:light-pillar","t":"LightPillar","d":"Volumetric raymarched light pillar.","s":"svelte-bits","c":"other/other","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:light-rays","t":"Light Rays","d":"Animated volumetric light rays rendered with OGL.","k":"motion","s":"svelte-bits","c":"motion/shader","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:lightning","t":"Lightning","d":"Procedural lightning bolt WebGL background.","k":"motion","s":"svelte-bits","c":"motion/shader","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:line-waves","t":"Line Waves","d":"Warped line waves background powered by OGL.","k":"motion","s":"svelte-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:liquid-chrome","t":"Liquid Chrome","d":"Liquid chrome animated WebGL background with mouse and touch interaction.","k":"motion","s":"svelte-bits","c":"motion/shader","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:liquid-ether","t":"Liquid Ether","d":"Interactive liquid shader with flowing distortion and customizable colors.","k":"motion","s":"svelte-bits","c":"motion/shader","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:orb","t":"Orb","d":"Dreamy hue-shifting orb with hover interaction.","s":"svelte-bits","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Orbs and presence","fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:particles","t":"Particles","d":"OGL-based 3D point cloud particles with hover interaction.","k":"motion","s":"svelte-bits","c":"motion/background","tg":["3d","webgl"],"sb":"Shaders and WebGL","fw":"Svelte","sy":["3d","webgl"],"hc":1},{"id":"svelte-bits:pixel-blast","t":"PixelBlast","d":"Pixelated dithered shape field with ripples and liquid distortion.","k":"resource","s":"svelte-bits","c":"assets/shape","tg":["retro and HUD","webgl"],"fw":"Svelte","sy":["retro and HUD","webgl"],"hc":1},{"id":"svelte-bits:pixel-snow","t":"Pixel Snow","d":"Volumetric pixel snowfall background.","k":"motion","s":"svelte-bits","c":"motion/background","tg":["retro and HUD","webgl"],"sb":"Shaders and WebGL","fw":"Svelte","sy":["retro and HUD","webgl"],"hc":1},{"id":"svelte-bits:plasma","t":"Plasma","d":"Volumetric plasma WebGL2 background with optional mouse interaction and color tinting.","k":"motion","s":"svelte-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:plasma-wave","t":"Plasma Wave","d":"Raymarched plasma wave background.","k":"motion","s":"svelte-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:prism","t":"Prism","d":"Animated raymarched prism with hue and bloom.","s":"svelte-bits","c":"other/other","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:prismatic-burst","t":"PrismaticBurst","d":"Volumetric ray burst with bend and color gradient.","k":"motion","s":"svelte-bits","c":"motion/gradient","tg":["gradient","webgl"],"fw":"Svelte","sy":["gradient","webgl"],"hc":1},{"id":"svelte-bits:radar","t":"Radar","d":"Radar sweep background rendered with OGL.","s":"svelte-bits","c":"data-viz/chart","tg":["webgl"],"sb":"Radar","fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:ripple-grid","t":"Ripple Grid","d":"Animated rippling grid background powered by OGL with mouse interaction.","k":"motion","s":"svelte-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:shape-grid","t":"Shape Grid","d":"Animated grid of squares, hexagons, circles, or triangles with hover trail and configurabl","k":"resource","s":"svelte-bits","c":"assets/shape","fw":"Svelte","hc":1},{"id":"svelte-bits:silk","t":"Silk","d":"Silk-like animated WebGL background using a Three.js shader plane.","k":"motion","s":"svelte-bits","c":"motion/shader","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:soft-aurora","t":"Soft Aurora","d":"Soft aurora bands rendered with OGL using Perlin noise.","k":"motion","s":"svelte-bits","c":"motion/gradient","tg":["gradient","webgl"],"fw":"Svelte","sy":["gradient","webgl"],"hc":1},{"id":"svelte-bits:threads","t":"Threads","d":"Animated WebGL line/threads background with mouse parallax.","k":"layout","s":"svelte-bits","c":"layout/scroll-area","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:waves","t":"Waves","d":"Perlin-noise wavy line grid that reacts to the cursor.","k":"motion","s":"svelte-bits","c":"motion/background","sb":"Waves and warps","fw":"Svelte","hc":1},{"id":"svelte-bits:animated-list","t":"Animated List","d":"Scroll-aware list with item-by-item scale + fade transitions and keyboard navigation.","s":"svelte-bits","c":"data-display/list","fw":"Svelte","hc":1},{"id":"svelte-bits:border-glow","t":"Border Glow","d":"Card with directional, edge-sensitive mesh-gradient border glow that follows the pointer.","k":"motion","s":"svelte-bits","c":"motion/border","tg":["gradient","neon"],"fw":"Svelte","sy":["gradient","neon"],"hc":1},{"id":"svelte-bits:bounce-cards","t":"Bounce Cards","d":"GSAP-powered card stack with elastic intro animation and optional hover-to-spread.","s":"svelte-bits","c":"data-display/card","tg":["animated"],"fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:bubble-menu","t":"Bubble Menu","d":"Pill-style overlay nav with staggered GSAP bubble entrance animation.","s":"svelte-bits","c":"navigation/menu","tg":["animated"],"fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:card-nav","t":"Card Nav","d":"Expandable navbar with three reveal cards animated by GSAP.","s":"svelte-bits","c":"navigation/top-nav","tg":["animated","webgl"],"fw":"Svelte","sy":["animated","webgl"],"hc":1},{"id":"svelte-bits:card-swap","t":"Card Swap","d":"Three-card stack that auto-cycles with skewed perspective transforms (GSAP).","s":"svelte-bits","c":"data-display/card","tg":["3d","animated","webgl"],"fw":"Svelte","sy":["3d","animated","webgl"],"hc":1},{"id":"svelte-bits:carousel","t":"Carousel","d":"Draggable carousel with spring snap, autoplay, optional loop, and 3D rotateY parallax.","s":"svelte-bits","c":"media/carousel","tg":["3d"],"fw":"Svelte","sy":["3d"],"hc":1},{"id":"svelte-bits:chroma-grid","t":"Chroma Grid","d":"Card grid with cursor-following spotlight reveal of color from a desaturated overlay (GSAP","s":"svelte-bits","c":"data-display/card","tg":["animated"],"fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:circular-gallery","t":"Circular Gallery","d":"WebGL bent gallery with momentum scroll, picture-frame distortion, and titles.","s":"svelte-bits","c":"media/gallery","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:counter","t":"Counter","d":"Animated rolling-digit counter with spring physics (motion).","k":"motion","s":"svelte-bits","c":"motion/number-ticker","fw":"Svelte","hc":1},{"id":"svelte-bits:decay-card","t":"Decay Card","d":"Image card that warps with SVG turbulence + displacement, lerped to cursor velocity (GSAP)","s":"svelte-bits","c":"data-display/card","tg":["animated"],"fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:dock","t":"Dock","d":"macOS-style magnification dock with spring physics. Each item scales smoothly based on cur","s":"svelte-bits","c":"navigation/dock","fw":"Svelte","hc":1},{"id":"svelte-bits:dome-gallery","t":"Dome Gallery","d":"Draggable 3D image dome with momentum, click-to-enlarge, and dome blur overlays.","s":"svelte-bits","c":"media/gallery","tg":["3d"],"fw":"Svelte","sy":["3d"],"hc":1},{"id":"svelte-bits:elastic-slider","t":"Elastic Slider","d":"Slider that stretches with overshoot decay and bounce-back spring (motion).","s":"svelte-bits","c":"inputs/slider","fw":"Svelte","hc":1},{"id":"svelte-bits:flowing-menu","t":"Flowing Menu","d":"Vertical menu where rows reveal an animated marquee from the closest edge on hover (GSAP).","s":"svelte-bits","c":"navigation/menu","tg":["animated"],"fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:flying-posters","t":"Flying Posters","d":"3D posters rotate on scroll infinitely.","k":"layout","s":"svelte-bits","c":"layout/scroll-area","tg":["3d","webgl"],"fw":"Svelte","sy":["3d","webgl"],"hc":1},{"id":"svelte-bits:folder","t":"Folder","d":"Click to open a folder, fanning out paper snippets that follow the cursor on hover.","k":"motion","s":"svelte-bits","c":"motion/cursor","fw":"Svelte","hc":1},{"id":"svelte-bits:glass-icons","t":"Glass Icons","d":"Floating glass-effect icon buttons with skewed gradient cards behind a frosted face.","k":"resource","s":"svelte-bits","c":"assets/icon","tg":["glass","gradient"],"fw":"Svelte","sy":["glass","gradient"],"hc":1},{"id":"svelte-bits:glass-surface","t":"Glass Surface","d":"Liquid-glass surface using SVG displacement filters and chromatic offset.","s":"svelte-bits","c":"other/other","tg":["glass"],"fw":"Svelte","sy":["glass"],"hc":1},{"id":"svelte-bits:gooey-nav","t":"Gooey Nav","d":"Pill-style nav with a gooey, particle-bursting active highlight powered by SVG-style filte","s":"svelte-bits","c":"navigation/top-nav","fw":"Svelte","hc":1},{"id":"svelte-bits:infinite-menu","t":"Infinite Menu","d":"Spherical icosahedron menu rendered with WebGL2 + instanced disc atlas, dragged via arcbal","s":"svelte-bits","c":"navigation/menu","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:magic-bento","t":"Magic Bento","d":"Bento grid with spotlight, particle stars, border glow, tilt, and magnetism.","k":"layout","s":"svelte-bits","c":"layout/bento-grid","tg":["3d","animated","neon"],"fw":"Svelte","sy":["3d","animated","neon"],"hc":1},{"id":"svelte-bits:masonry","t":"Masonry","d":"Animated responsive masonry grid with GSAP entrance and hover effects.","s":"svelte-bits","c":"media/gallery","tg":["animated"],"sb":"Masonry","fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:model-viewer","t":"Model Viewer","d":"Interactive GLTF/GLB/FBX/OBJ model viewer with orbit, parallax, and hover effects.","k":"layout","s":"svelte-bits","c":"layout/scroll-area","tg":["webgl"],"fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:pill-nav","t":"Pill Nav","d":"Animated pill-shaped nav with circular GSAP hover and mobile menu.","s":"svelte-bits","c":"navigation/top-nav","tg":["animated"],"sb":"Floating","fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:pixel-card","t":"Pixel Card","d":"Card with shimmering pixel canvas effect on hover/focus.","s":"svelte-bits","c":"data-display/card","tg":["retro and HUD"],"fw":"Svelte","sy":["retro and HUD"],"hc":1},{"id":"svelte-bits:profile-card","t":"Profile Card","d":"Holographic profile card with pointer/device-orientation tilt and animated shine.","s":"svelte-bits","c":"data-display/profile","tg":["3d"],"fw":"Svelte","sy":["3d"],"hc":1},{"id":"svelte-bits:reflective-card","t":"Reflective Card","d":"Webcam-fed metallic glass card using SVG turbulence and specular lighting filters.","s":"svelte-bits","c":"data-display/card","tg":["glass"],"fw":"Svelte","sy":["glass"],"hc":1},{"id":"svelte-bits:scroll-stack","t":"Scroll Stack","d":"Scroll-driven card stack with pin/scale/blur/rotation, powered by Lenis smooth-scroll.","k":"layout","s":"svelte-bits","c":"layout/scroll-area","fw":"Svelte","hc":1},{"id":"svelte-bits:spotlight-card","t":"Spotlight Card","d":"Card with a soft radial spotlight that follows the cursor.","s":"svelte-bits","c":"data-display/card","sb":"Animated and glowing","fw":"Svelte","hc":1},{"id":"svelte-bits:stack","t":"Stack","d":"Draggable card stack with spring rotation and send-to-back interaction.","s":"svelte-bits","c":"data-display/card","fw":"Svelte","hc":1},{"id":"svelte-bits:staggered-menu","t":"Staggered Menu","d":"Full-screen staggered slide-in menu with layered colors and GSAP timelines.","s":"svelte-bits","c":"navigation/menu","tg":["animated"],"fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:stepper","t":"Stepper","d":"Animated multi-step form with sliding step content and round step indicators.","s":"svelte-bits","c":"navigation/wizard-steps","fw":"Svelte","hc":1},{"id":"svelte-bits:tilted-card","t":"Tilted Card","d":"3D tilt-on-mouse card with spring physics and a cursor-following caption.","s":"svelte-bits","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","fw":"Svelte","sy":["3d"],"hc":1},{"id":"svelte-bits:bell-toggle","t":"Bell Toggle","d":"Pill toggle that answers a press at three tempos: the bell rings on damped keyframes, the ","s":"svelte-bits","c":"actions/switch","tg":["webgl"],"sb":"Animated","fw":"Svelte","sy":["webgl"],"hc":1},{"id":"svelte-bits:branched-menu","t":"Branched Menu","d":"Collapsible menu whose sections unfold into a trunk with a curved branch to each child, an","s":"svelte-bits","c":"navigation/menu","fw":"Svelte","hc":1},{"id":"svelte-bits:call-chip","t":"Call Chip","d":"Inline tool-call chip whose fill wipes across while a live ms counter ticks, completing wi","s":"svelte-bits","c":"data-display/badge","sb":"Tags and pills","fw":"Svelte","hc":1},{"id":"svelte-bits:code-slots","t":"Code Slots","d":"One-time-code input where a hidden overlay input owns focus, paste and SMS autofill while ","s":"svelte-bits","c":"inputs/otp-input","fw":"Svelte","hc":1},{"id":"svelte-bits:comet-dial","t":"Comet Dial","d":"Tick-ring dial you flick by angle: the reading launches on a spring and a velocity-driven ","s":"svelte-bits","c":"inputs/slider","fw":"Svelte","hc":1},{"id":"svelte-bits:dodge-field","t":"Dodge Field","d":"Wrapper that makes any child flee the pointer inside a bounded field, dodges once per appr","s":"svelte-bits","c":"inputs/form-field","fw":"Svelte","hc":1},{"id":"svelte-bits:flip-card","t":"Flip Card","d":"Two-faced card that flips in 3D on a click, a drag or a flick, settling on a spring that c","s":"svelte-bits","c":"data-display/card","tg":["3d"],"fw":"Svelte","sy":["3d"],"hc":1},{"id":"svelte-bits:folder-float","t":"Folder Float","d":"Folder that opens on hover or press: the flap tilts toward you, a paper edge rises, and it","s":"svelte-bits","c":"other/other","tg":["3d"],"fw":"Svelte","sy":["3d"],"hc":1},{"id":"svelte-bits:fuse-button","t":"Fuse Button","d":"Action button whose done state carries its own undo on a burning fuse: press, the label cr","s":"svelte-bits","c":"actions/button","fw":"Svelte","hc":1},{"id":"svelte-bits:glide-select","t":"Glide Select","d":"Select chip whose menu pops out of its own corner and whose single hover highlight glides ","s":"svelte-bits","c":"inputs/select","fw":"Svelte","hc":1},{"id":"svelte-bits:hold-button","t":"Hold Button","d":"Hold-to-confirm button whose liquid fill rises while pressed, snaps back on an early relea","s":"svelte-bits","c":"actions/button","sb":"Loading and states","fw":"Svelte","hc":1},{"id":"svelte-bits:jelly-radio","t":"Jelly Radio","d":"Radio group of labelled chips where the chosen one swells wide-then-tall on two springs an","s":"svelte-bits","c":"inputs/radio","fw":"Svelte","hc":1},{"id":"svelte-bits:lattice-loader","t":"Lattice Loader","d":"Inline agent-status row: a 3x3 or 4x4 lattice whose cells brighten in a phase-offset wave ","s":"svelte-bits","c":"status/loader","fw":"Svelte","hc":1},{"id":"svelte-bits:paper-crumple","t":"Paper Crumple","d":"An image that crumples into a textured 3D sheet while held and follows the grabbed point a","s":"svelte-bits","c":"overlays/sheet","tg":["3d","webgl"],"fw":"Svelte","sy":["3d","webgl"],"hc":1},{"id":"svelte-bits:peek-rating","t":"Peek Rating","d":"Star rating you can try before you commit: sweeping the row lifts a trailing wave of stars","s":"svelte-bits","c":"inputs/rating","fw":"Svelte","hc":1},{"id":"svelte-bits:prompt-bar","t":"Prompt Bar","d":"Chat composer with an @ sources menu, a / commands menu, a model picker, dictation and att","s":"svelte-bits","c":"ai-agent/composer","fw":"Svelte","hc":1},{"id":"svelte-bits:pulse-heart","t":"Pulse Heart","d":"Like button that contracts to a dot, flips colour at its smallest frame and pulses back wh","s":"svelte-bits","c":"actions/button","sb":"Copy, share and like","fw":"Svelte","hc":1},{"id":"svelte-bits:refine-frame","t":"Refine Frame","d":"Reserved-aspect frame that walks any media through queued, generating, refining and comple","s":"svelte-bits","c":"data-display/badge","fw":"Svelte","hc":1},{"id":"svelte-bits:rubber-segment","t":"Rubber Segment","d":"Segmented control with a rubber thumb: taps stretch it across the gap and squash it onto t","s":"svelte-bits","c":"navigation/tabs","fw":"Svelte","hc":1},{"id":"svelte-bits:scrub-field","t":"Scrub Field","d":"Number chip you drag to scrub: the value follows the hand, pushes past the range on a rubb","s":"svelte-bits","c":"inputs/form-field","fw":"Svelte","hc":1},{"id":"svelte-bits:slide-commit","t":"Slide Commit","d":"Slide-to-confirm handle that plants with a spinner while your action runs, unfurls into a ","s":"svelte-bits","c":"overlays/dialog","sb":"Animated","fw":"Svelte","hc":1},{"id":"svelte-bits:sling-button","t":"Sling Button","d":"Send button you pull back like a slingshot: the band stretches, a power arc arms it, and r","s":"svelte-bits","c":"actions/button","sb":"Animated","fw":"Svelte","hc":1},{"id":"svelte-bits:slosh-gauge","t":"Slosh Gauge","d":"Tank gauge whose liquid chases the value with mass, tilts with its own speed and splashes ","s":"svelte-bits","c":"data-viz/gauge","tg":["3d"],"fw":"Svelte","sy":["3d"],"hc":1},{"id":"svelte-bits:spring-check","t":"Spring Check","d":"Checkbox row where a single spring fills the box, draws the tick, strikes the label and di","s":"svelte-bits","c":"inputs/checkbox","fw":"Svelte","hc":1},{"id":"svelte-bits:squish-switch","t":"Squish Switch","d":"Drag-scrubbable switch whose thumb stretches by how fast it moves, flips at the midpoint a","s":"svelte-bits","c":"actions/switch","sb":"Animated","fw":"Svelte","hc":1},{"id":"svelte-bits:status-mark","t":"Status Mark","d":"A 20px status glyph for agent task lists that morphs in place from a dashed idle ring to a","s":"svelte-bits","c":"ai-agent/ai-agent","fw":"Svelte","hc":1},{"id":"svelte-bits:swipe-row","t":"Swipe Row","d":"List row that swipes open to reveal actions, snaps by flick velocity, and deletes on a ful","s":"svelte-bits","c":"data-display/list","fw":"Svelte","hc":1},{"id":"svelte-bits:swipe-toast","t":"Swipe Toast","d":"Single toast that rises through its bottom edge, swipes down to dismiss on a flick or a di","s":"svelte-bits","c":"overlays/toast","fw":"Svelte","hc":1},{"id":"svelte-bits:tear-ticket","t":"Tear Ticket","d":"Ticket whose perforated stub tears off by hand: paper bridges stretch into fibres and snap","k":"layout","s":"svelte-bits","c":"layout/scroll-area","tg":["3d"],"fw":"Svelte","sy":["3d"],"hc":1},{"id":"svelte-bits:thought-line","t":"Thought Line","d":"Reasoning-trace header: a glyph and a label breathe beside a live clock while steps appear","s":"svelte-bits","c":"ai-agent/ai-agent","fw":"Svelte","hc":1},{"id":"svelte-bits:voice-pill","t":"Voice Pill","d":"Mic button that swells into a tinted capsule of level-driven equalizer bars and an elapsed","s":"svelte-bits","c":"data-display/badge","sb":"Tags and pills","fw":"Svelte","hc":1},{"id":"svelte-bits:wake-slider","t":"Wake Slider","d":"Range slider drawn as thin bars with no thumb: drag speed raises a wake that trails behind","s":"svelte-bits","c":"inputs/slider","fw":"Svelte","hc":1},{"id":"svelte-bits:warm-tooltip","t":"Warm Tooltip","d":"Tooltip group with one shared delay: the first label waits and pops from its trigger, then","s":"svelte-bits","c":"overlays/tooltip","fw":"Svelte","hc":1},{"id":"svelte-bits:ascii-text","t":"ASCII Text","d":"Renders text with an animated ASCII background for a retro feel.","k":"motion","s":"svelte-bits","c":"motion/text-effect","tg":["retro and HUD","webgl"],"fw":"Svelte","sy":["retro and HUD","webgl"],"hc":1},{"id":"svelte-bits:blur-text","t":"Blur Text","d":"Per-word/letter blur-in animation triggered when scrolled into view, with configurable dir","k":"motion","s":"svelte-bits","c":"motion/text-effect","sb":"Reveal and entrance","fw":"Svelte","hc":1},{"id":"svelte-bits:circular-text","t":"Circular Text","d":"Layouts characters around a circle with optional rotation animation.","k":"motion","s":"svelte-bits","c":"motion/text-effect","fw":"Svelte","hc":1},{"id":"svelte-bits:count-up","t":"Count Up","d":"Spring-animated number counter that counts up (or down) when scrolled into view, with conf","k":"motion","s":"svelte-bits","c":"motion/number-ticker","fw":"Svelte","hc":1},{"id":"svelte-bits:curved-loop","t":"Curved Loop","d":"Marquee text rendered along a curved SVG path that scrolls infinitely and can be dragged f","k":"motion","s":"svelte-bits","c":"motion/marquee","fw":"Svelte","hc":1},{"id":"svelte-bits:decrypted-text","t":"Decrypted Text","d":"Scrambled-character reveal effect that decrypts a string on hover, click, or scroll-into-v","k":"motion","s":"svelte-bits","c":"motion/text-effect","sb":"Scramble and glitch","fw":"Svelte","hc":1},{"id":"svelte-bits:falling-text","t":"Falling Text","d":"Characters fall with gravity + bounce creating a playful entrance.","k":"motion","s":"svelte-bits","c":"motion/text-effect","tg":["playful"],"fw":"Svelte","sy":["playful"],"hc":1},{"id":"svelte-bits:fuzzy-text","t":"Fuzzy Text","d":"Canvas-rendered text that displaces pixel rows or columns on every frame to create a fuzzy","k":"motion","s":"svelte-bits","c":"motion/text-effect","tg":["retro and HUD"],"fw":"Svelte","sy":["retro and HUD"],"hc":1},{"id":"svelte-bits:glitch-text","t":"Glitch Text","d":"RGB-split glitch effect on text using clip-path keyframe animation, with optional hover-on","k":"motion","s":"svelte-bits","c":"motion/text-effect","sb":"Scramble and glitch","fw":"Svelte","hc":1},{"id":"svelte-bits:gradient-text","t":"Gradient Text","d":"Animated multi-color gradient text with optional border, direction, yoyo and pause-on-hove","k":"motion","s":"svelte-bits","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","fw":"Svelte","sy":["gradient"],"hc":1},{"id":"svelte-bits:masked-heading","t":"Masked Heading","d":"Masked Heading component from svelte-bits.","k":"motion","s":"svelte-bits","c":"motion/text-effect","tg":["animated"],"fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:rotating-text","t":"Rotating Text","d":"Cycles through an array of phrases with per-character stagger animations on entry and exit","k":"motion","s":"svelte-bits","c":"motion/text-effect","sb":"Rotating words","fw":"Svelte","hc":1},{"id":"svelte-bits:scrambled-text","t":"Scrambled Text","d":"Detects cursor position and applies a distortion effect to text.","k":"motion","s":"svelte-bits","c":"motion/text-effect","tg":["animated"],"sb":"Scramble and glitch","fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:scroll-float","t":"Scroll Float","d":"Scroll-triggered floating text animation with per-character stagger.","k":"layout","s":"svelte-bits","c":"layout/scroll-area","tg":["animated"],"fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:scroll-reveal","t":"Scroll Reveal","d":"Words reveal in sequence as the container scrolls into view, with optional rotation and bl","k":"layout","s":"svelte-bits","c":"layout/scroll-area","tg":["animated"],"fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:scroll-velocity","t":"Scroll Velocity","d":"Multi-row marquee that scrolls horizontally at a base velocity and accelerates with spring","k":"layout","s":"svelte-bits","c":"layout/scroll-area","fw":"Svelte","hc":1},{"id":"svelte-bits:shiny-text","t":"Shiny Text","d":"Animated shiny gradient sweep across text, with yoyo + direction controls.","k":"motion","s":"svelte-bits","c":"motion/text-effect","tg":["gradient"],"fw":"Svelte","sy":["gradient"],"hc":1},{"id":"svelte-bits:shuffle","t":"Shuffle","d":"Per-character shuffle animation: each letter slides through interim glyphs before settling","k":"motion","s":"svelte-bits","c":"motion/text-effect","tg":["animated"],"fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:split-text","t":"Split Text","d":"Splits text into characters / words for staggered entrance animation.","k":"motion","s":"svelte-bits","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:text-cursor","t":"Text Cursor","d":"Trail of repeating text glyphs that follows the cursor, optionally rotating to match direc","k":"motion","s":"svelte-bits","c":"motion/cursor","fw":"Svelte","hc":1},{"id":"svelte-bits:text-pressure","t":"Text Pressure","d":"Variable-font heading where each character reacts to cursor proximity by morphing its widt","k":"motion","s":"svelte-bits","c":"motion/text-effect","fw":"Svelte","hc":1},{"id":"svelte-bits:text-type","t":"Text Type","d":"Typewriter effect that types and deletes through one or more sentences with a configurable","k":"motion","s":"svelte-bits","c":"motion/text-effect","tg":["animated"],"fw":"Svelte","sy":["animated"],"hc":1},{"id":"svelte-bits:true-focus","t":"True Focus","d":"Applies dynamic blur / clarity based over a series of words in order.","k":"motion","s":"svelte-bits","c":"motion/text-effect","fw":"Svelte","hc":1},{"id":"svelte-bits:variable-proximity","t":"Variable Proximity","d":"Per-letter variable-font interpolation that responds to cursor proximity inside a containe","k":"resource","s":"svelte-bits","c":"assets/font","fw":"Svelte","hc":1},{"id":"svgl:ossium","t":"Ossium","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:plausible-analytics","t":"Plausible analytics","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:ivy-framework","t":"Ivy framework","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:zaia-endless","t":"Zaia endless","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:langchain","t":"Langchain","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:granola","t":"Granola","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:nvidia","t":"Nvidia","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:proton-mail","t":"Proton mail","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:proton-vpn","t":"Proton vpn","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:google-classroom","t":"Google classroom","k":"resource","s":"svgl","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"svgl:google-antigravity","t":"Google antigravity","k":"resource","s":"svgl","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"svgl:kimi","t":"Kimi","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:zyft","t":"Zyft","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:perspective","t":"Perspective","k":"resource","s":"svgl","c":"assets/logo","tg":["3d"],"sy":["3d"],"hc":1},{"id":"svgl:windsurf","t":"Windsurf","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:mattermost","t":"Mattermost","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:inngest","t":"Inngest","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:daisyui","t":"Daisyui","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:paypal","t":"Paypal","k":"resource","s":"svgl","c":"assets/logo","sb":"Payments","hc":1},{"id":"svgl:google-drive","t":"Google drive","k":"resource","s":"svgl","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1,"cp":1},{"id":"svgl:amazon-q","t":"Amazon q","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:mulesoft","t":"Mulesoft","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:uv","t":"Uv","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:milanote","t":"Milanote","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:together-ai","t":"Together ai","k":"resource","s":"svgl","c":"assets/logo","sb":"AI","hc":1},{"id":"svgl:suno","t":"Suno","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:groq","t":"Groq","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:cohere","t":"Cohere","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:ollama","t":"Ollama","k":"resource","s":"svgl","c":"assets/logo","sb":"AI","hc":1},{"id":"svgl:cisco","t":"Cisco","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:animate","t":"Animate","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:apolloio","t":"Apolloio","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:blender","t":"Blender","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:lua","t":"Lua","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:mercado-libre","t":"Mercado libre","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:mercado-pago","t":"Mercado pago","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:basewell","t":"Basewell","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:ahooks","t":"Ahooks","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:discord","t":"Discord","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:aliexpress","t":"Aliexpress","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:preact","t":"Preact","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:react","t":"React","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:svelte","t":"Svelte","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:vue","t":"Vue","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:vuetify","t":"Vuetify","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:nuxt","t":"Nuxt","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:nuxt-ui","t":"Nuxt ui","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:nuxt-content","t":"Nuxt content","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:nuxt-studio","t":"Nuxt studio","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:nuxthub","t":"Nuxthub","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:docus","t":"Docus","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:visual-studio-code","t":"Visual studio code","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:ton","t":"Ton","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:locofy","t":"Locofy","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:runway","t":"Runway","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:yarn","t":"Yarn","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:jwt","t":"Jwt","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:strapi","t":"Strapi","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:figma","t":"Figma","k":"resource","s":"svgl","c":"assets/logo","sb":"Design and work","hc":1},{"id":"svgl:spotify","t":"Spotify","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:workos","t":"Workos","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:whop","t":"Whop","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:postman","t":"Postman","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:discordjs","t":"Discordjs","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:opensea","t":"Opensea","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:algolia","t":"Algolia","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:bootstrap","t":"Bootstrap","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:facebook","t":"Facebook","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:twitter","t":"Twitter","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:esbuild","t":"Esbuild","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:deno","t":"Deno","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:gatsby","t":"Gatsby","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:npm","t":"Npm","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:nuget","t":"Nuget","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:homebrew","t":"Homebrew","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:sublime-text","t":"Sublime text","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:turborepo","t":"Turborepo","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:tailwind-css","t":"Tailwind css","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:wakatime","t":"Wakatime","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:styled-components","t":"Styled components","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:angular","t":"Angular","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:blitz","t":"Blitz","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:lit","t":"Lit","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:atom","t":"Atom","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:youtube","t":"Youtube","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:astro","t":"Astro","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:google","t":"Google","k":"resource","s":"svgl","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"svgl:google-play","t":"Google play","k":"resource","s":"svgl","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"svgl:framer","t":"Framer","k":"resource","s":"svgl","c":"assets/logo","sb":"Design and work","hc":1},{"id":"svgl:netflix","t":"Netflix","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:firefox","t":"Firefox","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:linkedin","t":"Linkedin","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:telegram","t":"Telegram","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:matrix","t":"Matrix","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:whatsapp","t":"Whatsapp","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:headless-ui","t":"Headless ui","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:kotlin","t":"Kotlin","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:storybook","t":"Storybook","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:netlify","t":"Netlify","k":"resource","s":"svgl","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"svgl:solidjs","t":"Solidjs","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:mongodb","t":"Mongodb","k":"resource","s":"svgl","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"svgl:moon","t":"Moon","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:payload-cms","t":"Payload cms","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:fly","t":"Fly","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:learnthis","t":"Learnthis","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:visual-studio","t":"Visual studio","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:chakra-ui","t":"Chakra ui","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:expressjs","t":"Expressjs","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:fastify","t":"Fastify","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:javascript","t":"Javascript","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:jquery","t":"Jquery","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:rapid-api","t":"Rapid api","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:typescript","t":"Typescript","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:bun","t":"Bun","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:buildship","t":"Buildship","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:twilio","t":"Twilio","k":"resource","s":"svgl","c":"assets/logo","hc":1,"cp":1},{"id":"svgl:arc","t":"Arc","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:arc","t":"Arc","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:qwik","t":"Qwik","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:coinbase","t":"Coinbase","k":"resource","s":"svgl","c":"assets/logo","sb":"Crypto","hc":1},{"id":"svgl:authy","t":"Authy","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:nestjs","t":"Nestjs","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:github-copilot","t":"Github copilot","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:railway","t":"Railway","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:docusaurus","t":"Docusaurus","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:twitch","t":"Twitch","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:godaddy","t":"Godaddy","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:udemy","t":"Udemy","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:graphql","t":"Graphql","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:grok","t":"Grok","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:gitlab","t":"Gitlab","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:prisma","t":"Prisma","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:go","t":"Go","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:platzi","t":"Platzi","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:coursera","t":"Coursera","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:udacity","t":"Udacity","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:kubernetes","t":"Kubernetes","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:docker","t":"Docker","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:amazon-web-services","t":"Amazon web services","k":"resource","s":"svgl","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"svgl:microsoft-azure","t":"Microsoft azure","k":"resource","s":"svgl","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"svgl:microsoft-access","t":"Microsoft access","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:microsoft-clipchamp","t":"Microsoft clipchamp","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:microsoft-copilot","t":"Microsoft copilot","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:microsoft-defender","t":"Microsoft defender","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:microsoft-designer","t":"Microsoft designer","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:microsoft-editor","t":"Microsoft editor","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:microsoft-excel","t":"Microsoft excel","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:microsoft-onedrive","t":"Microsoft onedrive","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:microsoft-onenote","t":"Microsoft onenote","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:microsoft-powerpoint","t":"Microsoft powerpoint","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:microsoft-sharepoint","t":"Microsoft sharepoint","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:microsoft-teams","t":"Microsoft teams","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:microsoft-word","t":"Microsoft word","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:heroku","t":"Heroku","k":"resource","s":"svgl","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"svgl:jetbrains","t":"Jetbrains","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:jetbrains-rider","t":"Jetbrains rider","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:planetscale","t":"Planetscale","k":"resource","s":"svgl","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"svgl:playwright","t":"Playwright","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:atlassian","t":"Atlassian","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:discourse","t":"Discourse","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:ember","t":"Ember","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:expo","t":"Expo","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:flutter","t":"Flutter","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:auth0","t":"Auth #0","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:authjs","t":"Authjs","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:fresh","t":"Fresh","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:git","t":"Git","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:hostgator","t":"Hostgator","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:intellij-idea","t":"Intellij idea","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:jasmine","t":"Jasmine","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:java","t":"Java","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:jest","t":"Jest","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:jetbrains","t":"Jetbrains","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:krakenjs","t":"Krakenjs","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:laravel","t":"Laravel","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:mariadb","t":"Mariadb","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:material-ui","t":"Material ui","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:mysql","t":"Mysql","k":"resource","s":"svgl","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"svgl:parcel","t":"Parcel","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:pm2","t":"Pm #2","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:postgresql","t":"Postgresql","k":"resource","s":"svgl","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"svgl:react-query","t":"React query","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:devto","t":"Devto","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:redis","t":"Redis","k":"resource","s":"svgl","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"svgl:redwoodjs","t":"Redwoodjs","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:ruby","t":"Ruby","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:scala","t":"Scala","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:sequelize","t":"Sequelize","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:spinnaker","t":"Spinnaker","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:sqlite","t":"Sqlite","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:swagger","t":"Swagger","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:swift","t":"Swift","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:typeorm","t":"Typeorm","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:unity","t":"Unity","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:vim","t":"Vim","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:pocketbase","t":"Pocketbase","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:openbootcamp","t":"Openbootcamp","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:digital-ocean","t":"Digital ocean","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:disney","t":"Disney","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:react-router","t":"React router","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:amp","t":"Amp","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:developer-student-club","t":"Developer student club","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:brave-browser","t":"Brave browser","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:eclipse-ide","t":"Eclipse ide","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:threejs","t":"Threejs","k":"resource","s":"svgl","c":"assets/logo","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"svgl:html5","t":"Html #5","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:css-new","t":"Css new","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:css","t":"Css","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:midudev","t":"Midudev","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:apple","t":"Apple","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:app-store","t":"App store","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:windows","t":"Windows","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:python","t":"Python","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:solidity","t":"Solidity","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:turbopack","t":"Turbopack","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:builder","t":"Builder","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:babel","t":"Babel","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:surrealdb","t":"Surrealdb","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:jetbrains-space","t":"Jetbrains space","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:stimulus","t":"Stimulus","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:windicss","t":"Windicss","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:mastodon","t":"Mastodon","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:upstash","t":"Upstash","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:storyblok","t":"Storyblok","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:cloudflare-workers","t":"Cloudflare workers","k":"resource","s":"svgl","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"svgl:cloudflare","t":"Cloudflare","k":"resource","s":"svgl","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"svgl:bing","t":"Bing","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:cloudinary","t":"Cloudinary","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:dart","t":"Dart","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:hcaptcha","t":"Hcaptcha","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:appwrite","t":"Appwrite","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:loom","t":"Loom","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:hulu","t":"Hulu","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:stackblitz","t":"Stackblitz","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:binance","t":"Binance","k":"resource","s":"svgl","c":"assets/logo","sb":"Crypto","hc":1},{"id":"svgl:messenger","t":"Messenger","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:nhost","t":"Nhost","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:medusa","t":"Medusa","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:wordpress","t":"Wordpress","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:microsoft","t":"Microsoft","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:elementor","t":"Elementor","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:kick","t":"Kick","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:prime-video","t":"Prime video","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:chrome","t":"Chrome","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:rxjs","t":"Rxjs","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:electron","t":"Electron","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:redux","t":"Redux","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:trust-wallet","t":"Trust wallet","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:php","t":"Php","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:hugo","t":"Hugo","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:sass","t":"Sass","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:arc","t":"Arc","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:pinia","t":"Pinia","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:neon","t":"Neon","k":"resource","s":"svgl","c":"assets/logo","tg":["neon"],"sb":"Cloud and data","sy":["neon"],"hc":1},{"id":"svgl:infojobs","t":"Infojobs","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:linear","t":"Linear","k":"resource","s":"svgl","c":"assets/logo","sb":"Design and work","hc":1,"cp":1},{"id":"svgl:tor","t":"Tor","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:codesandbox","t":"Codesandbox","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:skype","t":"Skype","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:tauri","t":"Tauri","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:webkit","t":"Webkit","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:duckduckgo","t":"Duckduckgo","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:obsidian","t":"Obsidian","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:zod","t":"Zod","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:valibot","t":"Valibot","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:dreamweaver","t":"Dreamweaver","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:openai","t":"Openai","k":"resource","s":"svgl","c":"assets/logo","sb":"AI","hc":1},{"id":"svgl:threads","t":"Threads","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:instagram","t":"Instagram","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:vueuse","t":"Vueuse","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:microsoft-sql-server-","t":"Microsoft sql server","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:hono","t":"Hono","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:million","t":"Million","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:pandacss","t":"Pandacss","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:pulumi","t":"Pulumi","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:fastapi","t":"Fastapi","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:codium","t":"Codium","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:crossplane","t":"Crossplane","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:volta","t":"Volta","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:typesense","t":"Typesense","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:bitcoin","t":"Bitcoin","k":"resource","s":"svgl","c":"assets/logo","sb":"Crypto","hc":1},{"id":"svgl:ethereum","t":"Ethereum","k":"resource","s":"svgl","c":"assets/logo","sb":"Crypto","hc":1},{"id":"svgl:solana","t":"Solana","k":"resource","s":"svgl","c":"assets/logo","sb":"Crypto","hc":1},{"id":"svgl:dogecoin","t":"Dogecoin","k":"resource","s":"svgl","c":"assets/logo","sb":"Crypto","hc":1},{"id":"svgl:xrp","t":"Xrp","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:bnb","t":"Bnb","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:link","t":"Link","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:polygon","t":"Polygon","k":"resource","s":"svgl","c":"assets/logo","sb":"Crypto","hc":1},{"id":"svgl:algorand","t":"Algorand","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:tether","t":"Tether","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:x-formerly-twitter","t":"X formerly twitter","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:adobe","t":"Adobe","k":"resource","s":"svgl","c":"assets/logo","sb":"Design and work","hc":1},{"id":"svgl:after-effects","t":"After effects","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:canva","t":"Canva","k":"resource","s":"svgl","c":"assets/logo","sb":"Design and work","hc":1},{"id":"svgl:illustrator","t":"Illustrator","k":"resource","s":"svgl","c":"assets/logo","sb":"AI","hc":1},{"id":"svgl:indesign","t":"Indesign","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:lightroom","t":"Lightroom","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:photoshop","t":"Photoshop","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:premiere","t":"Premiere","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:vk","t":"Vk","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:hoppscotch","t":"Hoppscotch","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:opera","t":"Opera","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:salesforce","t":"Salesforce","k":"resource","s":"svgl","c":"assets/logo","hc":1,"cp":1},{"id":"svgl:unreal-engine","t":"Unreal engine","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:godot-engine","t":"Godot engine","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:datadog","t":"Datadog","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:tron","t":"Tron","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:randevum","t":"Randevum","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:chromium","t":"Chromium","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:edge","t":"Edge","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:safari","t":"Safari","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:vivaldi","t":"Vivaldi","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:beacon","t":"Beacon","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:affinity-designer","t":"Affinity designer","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:affinity-photo","t":"Affinity photo","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:affinity-publisher","t":"Affinity publisher","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:roblox","t":"Roblox","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:statelyai","t":"Statelyai","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:xstate","t":"Xstate","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:hashnode","t":"Hashnode","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:rowy","t":"Rowy","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:calcom","t":"Calcom","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:calendly","t":"Calendly","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:patreon","t":"Patreon","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:peerlist","t":"Peerlist","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:product-hunt","t":"Product hunt","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:remotion","t":"Remotion","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:warp","t":"Warp","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:sst","t":"Sst","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:documenso","t":"Documenso","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:bash","t":"Bash","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:c","t":"C","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:c","t":"C","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:cobol","t":"Cobol","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:fortran","t":"Fortran","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:haskell","t":"Haskell","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:matlab","t":"Matlab","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:r","t":"R","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:rust","t":"Rust","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:zig","t":"Zig","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:instatus","t":"Instatus","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:front","t":"Front","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:monero","t":"Monero","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:axiom","t":"Axiom","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:django","t":"Django","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:zeabur","t":"Zeabur","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:metamask","t":"Metamask","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:shadcnui","t":"Shadcnui","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:putio","t":"Putio","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:pinterest","t":"Pinterest","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:reflex","t":"Reflex","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:linux","t":"Linux","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:xd","t":"Xd","k":"resource","s":"svgl","c":"assets/logo","sb":"Design and work","hc":1},{"id":"svgl:axure","t":"Axure","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:penpot","t":"Penpot","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:sketch","t":"Sketch","k":"resource","s":"svgl","c":"assets/logo","tg":["playful"],"sb":"Design and work","sy":["playful"],"hc":1},{"id":"svgl:gimp","t":"Gimp","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:ubuntu","t":"Ubuntu","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:cypress","t":"Cypress","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:reddit","t":"Reddit","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:jetbrains-webstorm","t":"Jetbrains webstorm","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:jetbrains-pycharm","t":"Jetbrains pycharm","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:jetbrains-fleet","t":"Jetbrains fleet","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:jetbrains-rubymine","t":"Jetbrains rubymine","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:jetbrains-phpstorm","t":"Jetbrains phpstorm","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:monkeytype","t":"Monkeytype","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:pycharm","t":"Pycharm","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:shopify","t":"Shopify","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:webflow","t":"Webflow","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:sky","t":"Sky","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:airbnb","t":"Airbnb","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:uber","t":"Uber","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:gmail","t":"Gmail","k":"resource","s":"svgl","c":"assets/logo","hc":1,"cp":1},{"id":"svgl:microsoft-outlook","t":"Microsoft outlook","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:slack","t":"Slack","k":"resource","s":"svgl","c":"assets/logo","sb":"Design and work","hc":1},{"id":"svgl:snapchat","t":"Snapchat","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:ebay","t":"Ebay","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:ibm","t":"Ibm","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:trustpilot","t":"Trustpilot","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:raycast","t":"Raycast","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:flow-launcher","t":"Flow launcher","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:hack-the-box","t":"Hack the box","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:procure","t":"Procure","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:julia","t":"Julia","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:swc","t":"Swc","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:playstation","t":"Playstation","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:xbox","t":"Xbox","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:cody","t":"Cody","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:sourcegraph","t":"Sourcegraph","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:perplexity-ai","t":"Perplexity ai","k":"resource","s":"svgl","c":"assets/logo","sb":"AI","hc":1},{"id":"svgl:spring","t":"Spring","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:directus","t":"Directus","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:pnpm","t":"Pnpm","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:emacs","t":"Emacs","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:svgl","t":"Svgl","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:google-idx","t":"Google idx","k":"resource","s":"svgl","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"svgl:remix","t":"Remix","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:steam","t":"Steam","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:epic-games","t":"Epic games","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:tabby","t":"Tabby","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:1password","t":"1password","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:flask","t":"Flask","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:alacritty","t":"Alacritty","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:qt","t":"Qt","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:bitwarden","t":"Bitwarden","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:voicemod","t":"Voicemod","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:neovim","t":"Neovim","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:pitch","t":"Pitch","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:biomejs","t":"Biomejs","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:gradio","t":"Gradio","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:meta","t":"Meta","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:stability-ai","t":"Stability ai","k":"resource","s":"svgl","c":"assets/logo","sb":"AI","hc":1},{"id":"svgl:google-palm","t":"Google palm","k":"resource","s":"svgl","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"svgl:android","t":"Android","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:sentry","t":"Sentry","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:grafana","t":"Grafana","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:notion","t":"Notion","k":"resource","s":"svgl","c":"assets/logo","sb":"Design and work","hc":1},{"id":"svgl:litecoin","t":"Litecoin","k":"resource","s":"svgl","c":"assets/logo","sb":"Crypto","hc":1},{"id":"svgl:elysiajs","t":"Elysiajs","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:tensorflow","t":"Tensorflow","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:midday","t":"Midday","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:c","t":"C","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:replicate","t":"Replicate","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:markdown","t":"Markdown","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:radix-ui","t":"Radix ui","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:webdev","t":"Webdev","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:swr","t":"Swr","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:refine","t":"Refine","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:youtube-music","t":"Youtube music","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:tidal","t":"Tidal","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:obs","t":"Obs","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:stack-overflow","t":"Stack overflow","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:tiktok","t":"Tiktok","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:ngrok","t":"Ngrok","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:lemon-squeezy","t":"Lemon squeezy","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:asana","t":"Asana","k":"resource","s":"svgl","c":"assets/logo","sb":"Design and work","hc":1},{"id":"svgl:upleveled","t":"Upleveled","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:zoom","t":"Zoom","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:tina","t":"Tina","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:nextjs","t":"Nextjs","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:mistral-ai","t":"Mistral ai","k":"resource","s":"svgl","c":"assets/logo","sb":"AI","hc":1},{"id":"svgl:hugging-face","t":"Hugging face","k":"resource","s":"svgl","c":"assets/logo","sb":"AI","hc":1},{"id":"svgl:nodejs","t":"Nodejs","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:raindropio","t":"Raindropio","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:microsoft-todo","t":"Microsoft todo","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:manifest","t":"Manifest","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:supabase","t":"Supabase","k":"resource","s":"svgl","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"svgl:gleam","t":"Gleam","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:flowbite","t":"Flowbite","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:hume-ai","t":"Hume ai","k":"resource","s":"svgl","c":"assets/logo","sb":"AI","hc":1},{"id":"svgl:resend","t":"Resend","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:layers","t":"Layers","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:exome","t":"Exome","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:poper","t":"Poper","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:dub","t":"Dub","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:turso","t":"Turso","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:relagit","t":"Relagit","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:t3-stack","t":"T3 stack","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:apple-music","t":"Apple music","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:acrobat-scan","t":"Acrobat scan","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:adobe-sign","t":"Adobe sign","k":"resource","s":"svgl","c":"assets/logo","sb":"Design and work","hc":1},{"id":"svgl:adobe-aero","t":"Adobe aero","k":"resource","s":"svgl","c":"assets/logo","sb":"Design and work","hc":1},{"id":"svgl:illustrator","t":"Illustrator","k":"resource","s":"svgl","c":"assets/logo","sb":"AI","hc":1},{"id":"svgl:audition","t":"Audition","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:behance","t":"Behance","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:bridge","t":"Bridge","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:captivate","t":"Captivate","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:captivate-prime","t":"Captivate prime","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:capture","t":"Capture","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:character-animator","t":"Character animator","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:coldfusion","t":"Coldfusion","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:coldfusion-builder","t":"Coldfusion builder","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:connect","t":"Connect","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:digital-editions","t":"Digital editions","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:experience-platform","t":"Experience platform","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:fill-and-sign","t":"Fill and sign","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:fontfolio","t":"Fontfolio","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:adobe-fonts","t":"Adobe fonts","k":"resource","s":"svgl","c":"assets/logo","sb":"Design and work","hc":1},{"id":"svgl:framemaker","t":"Framemaker","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:framemaker-server","t":"Framemaker server","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:fresco","t":"Fresco","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:http-dynamic-streaming","t":"Http dynamic streaming","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:incopy","t":"Incopy","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:indesign-server","t":"Indesign server","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:lightroom-classic","t":"Lightroom classic","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:media-encoder","t":"Media encoder","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:media-server","t":"Media server","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:photoshop-camera","t":"Photoshop camera","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:photoshop-elements","t":"Photoshop elements","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:photoshop-express","t":"Photoshop express","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:photoshop","t":"Photoshop","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:portfolio","t":"Portfolio","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:premiere-elements","t":"Premiere elements","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:premiere-rush","t":"Premiere rush","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:presenter-video-express","t":"Presenter video express","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:robohelp","t":"Robohelp","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:robohelp-server","t":"Robohelp server","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:adobe-stock","t":"Adobe stock","k":"resource","s":"svgl","c":"assets/logo","sb":"Design and work","hc":1},{"id":"svgl:substance-3d-designer","t":"Substance 3d designer","k":"resource","s":"svgl","c":"assets/logo","tg":["3d"],"sy":["3d"],"hc":1},{"id":"svgl:substance-3d-painter","t":"Substance 3d painter","k":"resource","s":"svgl","c":"assets/logo","tg":["3d"],"sy":["3d"],"hc":1},{"id":"svgl:substance-3d-sampler","t":"Substance 3d sampler","k":"resource","s":"svgl","c":"assets/logo","tg":["3d"],"sy":["3d"],"hc":1},{"id":"svgl:substance-3d-stager","t":"Substance 3d stager","k":"resource","s":"svgl","c":"assets/logo","tg":["3d"],"sy":["3d"],"hc":1},{"id":"svgl:technical-communication-suite","t":"Technical communication suite","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:ygeeker","t":"Ygeeker","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:postcss","t":"Postcss","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:svg","t":"Svg","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:pdf","t":"Pdf","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:todoist","t":"Todoist","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:apidog","t":"Apidog","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:chartjs","t":"Chartjs","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:json-schema","t":"Json schema","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:eve","t":"Eve","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:v0","t":"Logo #0","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:bento","t":"Bento","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:firebase","t":"Firebase","k":"resource","s":"svgl","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"svgl:prettier","t":"Prettier","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:leap-wallet","t":"Leap wallet","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:nx","t":"Nx","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:google-colaboratory","t":"Google colaboratory","k":"resource","s":"svgl","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"svgl:raspberry-pi","t":"Raspberry pi","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:manzdev","t":"Manzdev","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:mediawiki","t":"Mediawiki","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:carrd","t":"Carrd","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:claude-ai","t":"Claude ai","k":"resource","s":"svgl","c":"assets/logo","sb":"AI","hc":1},{"id":"svgl:unocss","t":"Unocss","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:trpc","t":"Trpc","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:bluesky","t":"Bluesky","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:drizzle-orm","t":"Drizzle orm","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:dailydev","t":"Dailydev","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:polars","t":"Polars","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:zed","t":"Zed","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:polar","t":"Polar","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:bolt","t":"Bolt","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:json","t":"Json","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:nuqs","t":"Nuqs","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:soundcloud","t":"Soundcloud","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:mermaid","t":"Mermaid","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:home-assistant","t":"Home assistant","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:uxanarangel","t":"Uxanarangel","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:uxcorprangel","t":"Uxcorprangel","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:posthog","t":"Posthog","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:powertoys","t":"Powertoys","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:powershell","t":"Powershell","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:lottielab","t":"Lottielab","k":"resource","s":"svgl","c":"assets/logo","tg":["animated"],"sy":["animated"],"hc":1},{"id":"svgl:typegpu","t":"Typegpu","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:microsoft-net","t":"Microsoft net","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:dotenv","t":"Dotenv","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:dotenvx","t":"Dotenvx","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:motion","t":"Motion","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:keycloak","t":"Keycloak","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:deepseek","t":"Deepseek","k":"resource","s":"svgl","c":"assets/logo","sb":"AI","hc":1},{"id":"svgl:shiki","t":"Shiki","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:dropbox","t":"Dropbox","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:open-webui","t":"Open webui","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:base-ui","t":"Base ui","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:vercel","t":"Vercel","k":"resource","s":"svgl","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"svgl:model-context-protocol","t":"Model context protocol","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:socketio","t":"Socketio","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:ant-design","t":"Ant design","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:vscodium","t":"Vscodium","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:zen-browser","t":"Zen browser","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:gemini","t":"Gemini","k":"resource","s":"svgl","c":"assets/logo","sb":"AI","hc":1},{"id":"svgl:xai","t":"Xai","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:qwen","t":"Qwen","k":"resource","s":"svgl","c":"assets/logo","sb":"AI","hc":1},{"id":"svgl:inflection-ai","t":"Inflection ai","k":"resource","s":"svgl","c":"assets/logo","sb":"AI","hc":1},{"id":"svgl:d3js","t":"D3js","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:anthropic","t":"Anthropic","k":"resource","s":"svgl","c":"assets/logo","sb":"AI","hc":1},{"id":"svgl:replit","t":"Replit","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:magic-ui","t":"Magic ui","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:web-components","t":"Web components","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:designali","t":"Designali","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:curseforge","t":"Curseforge","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:ghostty","t":"Ghostty","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:better-auth","t":"Better auth","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:buy-me-a-coffee","t":"Buy me a coffee","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:github","t":"Github","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:firebase-studio","t":"Firebase studio","k":"resource","s":"svgl","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"svgl:dingocoin","t":"Dingocoin","k":"resource","s":"svgl","c":"assets/logo","sb":"Crypto","hc":1},{"id":"svgl:heroui","t":"Heroui","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:convex","t":"Convex","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:clerk","t":"Clerk","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:terraform","t":"Terraform","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:rspack","t":"Rspack","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:rsbuild","t":"Rsbuild","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:react-wheel-picker","t":"React wheel picker","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:cpanel","t":"Cpanel","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:lovable","t":"Lovable","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:mocha","t":"Mocha","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:openrouter","t":"Openrouter","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:openhunts","t":"Openhunts","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:kokonut-ui","t":"Kokonut ui","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:google-cloud","t":"Google cloud","k":"resource","s":"svgl","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"svgl:zulip","t":"Zulip","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:effect-ts","t":"Effect ts","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:ark-ui","t":"Ark ui","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:mantine","t":"Mantine","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:eslint","t":"Eslint","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:apache-kafka","t":"Apache kafka","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:plainsignal","t":"Plainsignal","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:heptabase","t":"Heptabase","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:unjs","t":"Unjs","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:powersync","t":"Powersync","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:n8n","t":"N8n","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:kibo-ui","t":"Kibo ui","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:ahrefs","t":"Ahrefs","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:google-maps","t":"Google maps","k":"resource","s":"svgl","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"svgl:webgl","t":"Webgl","k":"resource","s":"svgl","c":"assets/logo","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"svgl:intello","t":"Intello","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:kilo-code","t":"Kilo code","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:cursor","t":"Cursor","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:lottiefiles","t":"Lottiefiles","k":"resource","s":"svgl","c":"assets/logo","tg":["animated"],"sy":["animated"],"hc":1},{"id":"svgl:mintlify","t":"Mintlify","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:qdrant","t":"Qdrant","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:travelperk","t":"Travelperk","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:sanity","t":"Sanity","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:nginx","t":"Nginx","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:soldera","t":"Soldera","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:dribbble","t":"Dribbble","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:paper","t":"Paper","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:dodo-payments","t":"Dodo payments","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:formance","t":"Formance","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:bklit","t":"Bklit","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:intlayer","t":"Intlayer","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:goil","t":"Goil","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:vite","t":"Vite","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:vitest","t":"Vitest","k":"resource","s":"svgl","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"svgl:oxc","t":"Oxc","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:rolldown","t":"Rolldown","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:voidzero","t":"Voidzero","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:tembo","t":"Tembo","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:firecrawl","t":"Firecrawl","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:abacatepay","t":"Abacatepay","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:google-calendar","t":"Google calendar","k":"resource","s":"svgl","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"svgl:google-meet","t":"Google meet","k":"resource","s":"svgl","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"svgl:google-sheets","t":"Google sheets","k":"resource","s":"svgl","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"svgl:google-slides","t":"Google slides","k":"resource","s":"svgl","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"svgl:google-chat","t":"Google chat","k":"resource","s":"svgl","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"svgl:google-analytics","t":"Google analytics","k":"resource","s":"svgl","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"svgl:hotmart","t":"Hotmart","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:microsoft-office","t":"Microsoft office","k":"resource","s":"svgl","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"svgl:midjourney","t":"Midjourney","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:manus","t":"Manus","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:glide","t":"Glide","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:vlt","t":"Vlt","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:opencode","t":"Opencode","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:openclaw","t":"Openclaw","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:dracula","t":"Dracula","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:render","t":"Render","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:xata","t":"Xata","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:stripe","t":"Stripe","k":"resource","s":"svgl","c":"assets/logo","sb":"Payments","hc":1},{"id":"svgl:interfere","t":"Interfere","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:orshot","t":"Orshot","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:codex","t":"Codex","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:conductor","t":"Conductor","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:leedlime","t":"Leedlime","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:cerebras","t":"Cerebras","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:runframe","t":"Runframe","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:acrobat-reader","t":"Acrobat reader","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:acrobat-reader","t":"Acrobat reader","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:nano","t":"Nano","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:photopea","t":"Photopea","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:trello","t":"Trello","k":"resource","s":"svgl","c":"assets/logo","sb":"Design and work","hc":1},{"id":"svgl:clickup","t":"Clickup","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:postqued","t":"Postqued","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:grida","t":"Grida","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:depot","t":"Depot","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:tanstack","t":"Tanstack","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:mastra","t":"Mastra","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:retain","t":"Retain","k":"resource","s":"svgl","c":"assets/logo","hc":1},{"id":"svgl:typesafe-ai","t":"Typesafe ai","k":"resource","s":"svgl","c":"assets/logo","sb":"AI","hc":1},{"id":"systaliko-ui:index","t":"Index","k":"theme","s":"systaliko-ui","c":"themes/style"},{"id":"systaliko-ui:ai-conversation-loop","t":"Ai Conversation Loop","d":"ai conversation timeline, animates infinitely, to showcase your ai product.","s":"systaliko-ui","c":"ai-agent/ai-agent","sb":"Chat","vn":1,"hc":1},{"id":"systaliko-ui:animated-menu","t":"Animated Menu","d":"Animated menu, with orchestrated children animation, fully customizable.","s":"systaliko-ui","c":"navigation/menu","vn":2,"hc":1},{"id":"systaliko-ui:container-stagger","t":"Stagger Animations","d":"Animated Block with orchestrated stagger animations, for your motion components, the anima","k":"section","s":"systaliko-ui","c":"marketing/marketing","vn":2,"hc":1},{"id":"systaliko-ui:floating-elements","t":"Floating Elements","d":"Collection of floating elements that animate infinitely and react to mouse movement.","k":"section","s":"systaliko-ui","c":"marketing/marketing","vn":3,"hc":1},{"id":"systaliko-ui:flow","t":"Flow","d":"flow component to display a flow/timeline.","s":"systaliko-ui","c":"data-display/timeline","vn":1,"hc":1},{"id":"systaliko-ui:flow-assets","t":"Floww Assets","d":"assets and static data for flow component.","k":"section","s":"systaliko-ui","c":"marketing/marketing","hc":1},{"id":"systaliko-ui:full-screen-navigation-menu","t":"Full screen navigation menu","d":"Transforming Shadcn navigation menu into a full screen menu.","s":"systaliko-ui","c":"navigation/top-nav","sb":"Mega menus","vn":1,"hc":1},{"id":"systaliko-ui:globe","t":"Globe","d":"Globe map with optional map pins.","k":"motion","s":"systaliko-ui","c":"motion/globe","vn":1,"hc":1},{"id":"systaliko-ui:grid-bento","t":"Grid Bento","d":"Bento Grid, layout with multiple variants and displays.","k":"layout","s":"systaliko-ui","c":"layout/bento-grid","vn":2,"hc":1},{"id":"systaliko-ui:header","t":"Header","d":"Responsive Header, with a logo and navigation links, supporting both desktop and mobile la","s":"systaliko-ui","c":"navigation/top-nav","vn":1,"hc":1},{"id":"systaliko-ui:image-player","t":"Image Player","d":"Create your own image player GIF/video, with image player component.","s":"systaliko-ui","c":"media/player","vn":1,"hc":1},{"id":"systaliko-ui:shader","t":"Shader","d":"Shader component with two variants for gradient and hurricane both can be configured.","k":"motion","s":"systaliko-ui","c":"motion/shader","tg":["gradient","webgl"],"sy":["gradient","webgl"],"vn":2,"hc":1},{"id":"systaliko-ui:slideshow","t":"Slideshow","d":"Display the active image and activate the next image with hovering the text indicator.","s":"systaliko-ui","c":"media/carousel","vn":1,"hc":1},{"id":"systaliko-ui:story","t":"Story","d":"Simillar to IG story, Story is a component that allows you to display a collection of comp","k":"section","s":"systaliko-ui","c":"marketing/marketing","sb":"Blog and posts","vn":1,"hc":1},{"id":"systaliko-ui:timeline","t":"Timeline","d":"Timeline, where you can showcase history (like your work) or a process (like a project).","s":"systaliko-ui","c":"data-display/timeline","vn":1,"hc":1},{"id":"systaliko-ui:card","t":"Card","d":"Card component with variants.","s":"systaliko-ui","c":"data-display/card","hc":1},{"id":"systaliko-ui:card-curtain-reveal","t":"Curtain Reveal Card","d":"Interactive card component with open curtain to see content on hover gesture.","s":"systaliko-ui","c":"data-display/card","vn":1,"hc":1},{"id":"systaliko-ui:card-flip","t":"3d Flip Card","d":"An interactive card component that flips on hover with smooth 3D transitions.","s":"systaliko-ui","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"vn":1,"hc":1},{"id":"systaliko-ui:card-hover-reveal","t":"Hover Reveal Details Card","d":"Animated card with gesture animations,  Reveals hidden content and scale main image on hov","s":"systaliko-ui","c":"data-display/card","sb":"Animated and glowing","vn":2,"hc":1},{"id":"systaliko-ui:card-testimonial","t":"Card Testimonial","d":"Card Testimonial, with rating, block quote, and author's informations.","k":"section","s":"systaliko-ui","c":"marketing/testimonials","vn":2,"hc":1},{"id":"systaliko-ui:cards-stack","t":"Cards Stack","d":"Stack of cards to showcase a related set of element, like your services, your work, featur","s":"systaliko-ui","c":"data-display/card","vn":3,"hc":1},{"id":"systaliko-ui:cards-stack-rotated","t":"Cards Stack Rotated","d":"Stack of cards rotated by a defined index value to rotate in sequence, it show one card at","s":"systaliko-ui","c":"data-display/card","vn":2,"hc":1},{"id":"systaliko-ui:animated-border","t":"Animated Border","d":"Animated border rotates infinitely around content","k":"motion","s":"systaliko-ui","c":"motion/border","vn":1,"hc":1},{"id":"systaliko-ui:checkbox-field","t":"Checkbox field","d":"Checkbox field with label.","s":"systaliko-ui","c":"inputs/checkbox","vn":1,"hc":1},{"id":"systaliko-ui:cursor-trail","t":"Cursor Trail","d":"Creates an effect where the mouse cursor leaves a trail. Supports squares, bubbles, and im","k":"motion","s":"systaliko-ui","c":"motion/cursor","vn":1,"hc":1},{"id":"systaliko-ui:custom-cursor","t":"Custom Cursor","d":"Turn your cursor into any element your want, text, image, video, or a shape.","k":"motion","s":"systaliko-ui","c":"motion/cursor","vn":3,"hc":1},{"id":"systaliko-ui:pulse","t":"Pulse","d":"Pulse effect for attracting user attention.","s":"systaliko-ui","c":"other/other","hc":1},{"id":"systaliko-ui:rating-stars","t":"Rating Stars","d":"Stars rating component with customizable color, depending on average rating.","k":"motion","s":"systaliko-ui","c":"motion/background","sb":"Particles and stars","vn":1,"hc":1},{"id":"systaliko-ui:reveal-mask","t":"Reveal mask","d":"reveal mask animation effect.","s":"systaliko-ui","c":"other/other","vn":1,"hc":1},{"id":"systaliko-ui:spotlight-list","t":"Spotlight list","d":"Spotlight list, when hovering an item it will highlight it by decreasing the visiblity of ","s":"systaliko-ui","c":"data-display/list","vn":2,"hc":1},{"id":"systaliko-ui:animated-menu-full-screen-demo","t":"Animated Menu Demo","d":"another demo showing animated menu component in full screen mode.","s":"systaliko-ui","c":"navigation/menu","hc":1},{"id":"systaliko-ui:grid-bento-four-cells-demo","t":"Grid Bento Demos","d":"Grid Bento Demo with multiple variants.","k":"layout","s":"systaliko-ui","c":"layout/bento-grid","hc":1},{"id":"systaliko-ui:grid-bento-three-cells-demo","t":"Grid Bento Three Cells Demo","d":"Demo showing another variant of grid bento component.","k":"motion","s":"systaliko-ui","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"systaliko-ui:scroll-animation-inset-demo","t":"Scroll Trigger inset Animations Demo","d":"Demo showing how to implement scroll triggred animations.","k":"layout","s":"systaliko-ui","c":"layout/scroll-area","hc":1},{"id":"systaliko-ui:scroll-animation-inset-x-demo","t":"Scroll Trigger Inset X Animations Demo","d":"Demo showing how to implement scroll triggred animations.","k":"layout","s":"systaliko-ui","c":"layout/scroll-area","hc":1},{"id":"systaliko-ui:scroll-animation-inset-y-demo","t":"Scroll Trigger X inset Animations Demo","d":"Demo showing how to implement scroll triggred animations.","k":"layout","s":"systaliko-ui","c":"layout/scroll-area","hc":1},{"id":"systaliko-ui:scroll-animation-radius-demo","t":"scroll animation radius Demo","d":"Demo showing how to use scroll animations.","k":"layout","s":"systaliko-ui","c":"layout/scroll-area","hc":1},{"id":"systaliko-ui:scroll-animation-scale-demo","t":"Scroll Trigger Scale Animations Demo","d":"Demo showing how to implement scroll triggred animations.","k":"layout","s":"systaliko-ui","c":"layout/scroll-area","hc":1},{"id":"systaliko-ui:scroll-animation-translate-x-demo","t":"Scroll Trigger inset Animations Demo","d":"Demo showing how to implement scroll triggred animations.","k":"layout","s":"systaliko-ui","c":"layout/scroll-area","hc":1},{"id":"systaliko-ui:custom-pricing","t":"Custom Pricing","d":"Flexible custom pricing component with with set of tools that allow to update the price de","k":"section","s":"systaliko-ui","c":"marketing/pricing","vn":1,"hc":1},{"id":"systaliko-ui:expandable-grid","t":"Expandable Grid","d":"expandable grid for previewing clicked item.","s":"systaliko-ui","c":"data-display/accordion","vn":1,"hc":1},{"id":"systaliko-ui:image-zoom","t":"Image zoom","d":"zoom in and out with detect touch event.","s":"systaliko-ui","c":"media/gallery","sb":"Zoom and lens","vn":1,"hc":1},{"id":"systaliko-ui:infinite-scroll","t":"Infinite Scroll","d":"infinite scroll container instead of pagination, for large lists and fetching data.","k":"layout","s":"systaliko-ui","c":"layout/scroll-area","vn":1,"hc":1},{"id":"systaliko-ui:price","t":"Price","d":"Flexible price component with customizable features and options to display the amount and ","k":"section","s":"systaliko-ui","c":"marketing/features","vn":1,"hc":1},{"id":"systaliko-ui:pricing","t":"Pricing","d":"Flexible pricing component with customizable features and options.","k":"section","s":"systaliko-ui","c":"marketing/pricing","vn":2,"hc":1},{"id":"systaliko-ui:product-carousel","t":"Product Carousel","d":"Showcase your products with preview image for each product and display your different prod","s":"systaliko-ui","c":"media/carousel","vn":3,"hc":1},{"id":"systaliko-ui:quantity","t":"Quantity Config","d":"Quantity config for ecommerce products.","s":"systaliko-ui","c":"inputs/number-input","vn":1,"hc":1},{"id":"systaliko-ui:toggle-layout","t":"Toggle list layout","d":"Toggle list layout, toggling between a list and a grid view.","s":"systaliko-ui","c":"actions/switch","sb":"Animated","vn":1,"hc":1},{"id":"systaliko-ui:circle-cards","t":"Circle Cards","d":"circle cards, animated on scroll with circle movement.","s":"systaliko-ui","c":"data-display/card","vn":1,"hc":1},{"id":"systaliko-ui:distributed-cards","t":"Distr","d":"Distributed cards, same as soliter, starts all at one position then animates to its positi","s":"systaliko-ui","c":"data-display/card","vn":2,"hc":1},{"id":"systaliko-ui:parallax","t":"Parallax","d":"Parallax block, creates a parallax effect.","k":"layout","s":"systaliko-ui","c":"layout/scroll-area","vn":1,"hc":1},{"id":"systaliko-ui:scroll-animation","t":"Scroll Animation","d":"Collection of scroll triggered animations, Triggering the animation by scroll event.","k":"layout","s":"systaliko-ui","c":"layout/scroll-area","vn":3,"hc":1},{"id":"systaliko-ui:scroll-animation-rotate","t":"Scroll Rotation Animation","d":"Collection of scroll rotation animations, Triggering the animation by scroll event.","k":"motion","s":"systaliko-ui","c":"motion/text-effect","sb":"Reveal and entrance","vn":3,"hc":1},{"id":"systaliko-ui:scroll-autoplay","t":"Scroll Autoplay","d":"Displaying different content depending on order and scroll position.","k":"layout","s":"systaliko-ui","c":"layout/scroll-area","vn":1,"hc":1},{"id":"systaliko-ui:scroll-x-carousel","t":"Scroll X Carousel","d":"Scroll carousel on x axis, with optional progress indicator.","s":"systaliko-ui","c":"media/carousel","vn":2,"hc":1},{"id":"systaliko-ui:wavy-block","t":"Wavy Block","d":"block animates its children in waves pattern.","k":"motion","s":"systaliko-ui","c":"motion/background","vn":2,"hc":1},{"id":"systaliko-ui:avatar","t":"Avatar","d":"avatar component with variants.","s":"systaliko-ui","c":"data-display/avatar","hc":1},{"id":"systaliko-ui:badge","t":"Button","d":"Badge component with variants.","s":"systaliko-ui","c":"data-display/badge","hc":1},{"id":"systaliko-ui:badge","t":"Button","d":"Button component with variants.","s":"systaliko-ui","c":"data-display/badge","hc":1},{"id":"systaliko-ui:dialog","t":"Dialog","d":"Dialog component.","s":"systaliko-ui","c":"overlays/dialog","hc":1},{"id":"systaliko-ui:drawer","t":"Drawer","d":"drawer component.","s":"systaliko-ui","c":"overlays/sheet","hc":1},{"id":"systaliko-ui:empty","t":"Empty","d":"empty component.","s":"systaliko-ui","c":"data-display/empty-state","hc":1},{"id":"systaliko-ui:field","t":"Field","d":"field component.","s":"systaliko-ui","c":"inputs/form-field","hc":1},{"id":"systaliko-ui:input","t":"Input","d":"input component with variants.","s":"systaliko-ui","c":"inputs/form-field","hc":1},{"id":"systaliko-ui:label","t":"Label","d":"label component.","s":"systaliko-ui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"systaliko-ui:avatar","t":"Avatar","d":"avatar component with variants.","s":"systaliko-ui","c":"data-display/avatar","hc":1},{"id":"systaliko-ui:scroll-area","t":"Scroll Area","d":"Scroll Area component.","k":"layout","s":"systaliko-ui","c":"layout/scroll-area","hc":1},{"id":"systaliko-ui:select","t":"Select","d":"Select component with variants.","s":"systaliko-ui","c":"inputs/select","hc":1},{"id":"systaliko-ui:slider","t":"Slider","d":"slider component with variants.","s":"systaliko-ui","c":"inputs/slider","hc":1},{"id":"systaliko-ui:spinner","t":"Spinner","d":"spinner component with variants.","s":"systaliko-ui","c":"status/loader","sb":"Spinners","hc":1},{"id":"systaliko-ui:switch","t":"Switch","d":"switch component with variants.","s":"systaliko-ui","c":"actions/switch","hc":1},{"id":"systaliko-ui:tooltip","t":"Tooltip","d":"tooltip component with variants.","s":"systaliko-ui","c":"overlays/tooltip","hc":1},{"id":"systaliko-ui:sliding-number","t":"Sliding Number","d":"Number value with splitted animation.","k":"motion","s":"systaliko-ui","c":"motion/number-ticker","vn":1,"hc":1},{"id":"systaliko-ui:text-flip","t":"Flip Text","d":"Flipped text animation, flips the text","k":"motion","s":"systaliko-ui","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"systaliko-ui:text-scroll-read","t":"Text Scroll Read","d":"Text component allows you to read the text by scrolling.","k":"layout","s":"systaliko-ui","c":"layout/scroll-area","vn":1,"hc":1},{"id":"systaliko-ui:text-stagger-hover","t":"Text Stagger Hover","d":"Splitted text animation with staggered effect triggered by hover gesture, You can easily c","k":"motion","s":"systaliko-ui","c":"motion/text-effect","sb":"Reveal and entrance","vn":1,"hc":1},{"id":"systaliko-ui:text-stagger-interval","t":"Text Stagger Interval","d":"Staggered text display that cycles through a list of words at a specified interval. Pause ","k":"motion","s":"systaliko-ui","c":"motion/text-effect","sb":"Reveal and entrance","vn":1,"hc":1},{"id":"systaliko-ui:text-stagger-inview","t":"Text Stagger Inview","d":"Splitted text animation with staggered reveal triggered by view, You can easily customize ","k":"motion","s":"systaliko-ui","c":"motion/text-effect","sb":"Reveal and entrance","vn":2,"hc":1},{"id":"systaliko-ui:text-vertical","t":"Vertical Text","d":"Text with vertical display, Can be used as a title or a subtitle.","k":"motion","s":"systaliko-ui","c":"motion/text-effect","vn":1,"hc":1},{"id":"systaliko-ui:text-wavy","t":"Text Wavy","d":"Infinite text animation with wavy effect.","k":"motion","s":"systaliko-ui","c":"motion/text-effect","sb":"Bouncy and wavy","vn":1,"hc":1},{"id":"systaliko-ui:typing-text","t":"Typing Text","d":"Text with typing animation.","k":"motion","s":"systaliko-ui","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"systaliko-ui:word-stagger","t":"Word Stagger","d":"Alternative to text-stagger-inview and text-stagger-hover, in case you have one word or yo","k":"motion","s":"systaliko-ui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"systaliko-ui:animation-variants","t":"Animation Variants","d":"animation variants, for your motion components, allows to animate component with transform","k":"motion","s":"systaliko-ui","c":"motion/text-effect","vn":1,"hc":1},{"id":"systaliko-ui:clip-path-animation-variants","t":"Animation Variants","d":"clip path animation variants, for your motion components, allows to animate component with","k":"motion","s":"systaliko-ui","c":"motion/text-effect","vn":1,"hc":1},{"id":"systaliko-ui:custom-pricing-utils","t":"Custom Pricing Utils","d":"Custom pricing utils types and reducer store.","k":"section","s":"systaliko-ui","c":"marketing/pricing","hc":1},{"id":"systaliko-ui:set-stagger-direction","t":"Stagger direction","d":"stagger direction, Allow to animate in orchestrated order depending on the order, can anim","k":"lib","s":"systaliko-ui","c":"lib/utility","vn":1,"hc":1},{"id":"systaliko-ui:split-text","t":"Split text","d":"split text utility function, allows to split text into characters, words, returns (charact","k":"lib","s":"systaliko-ui","c":"lib/utility","tg":["playful"],"sy":["playful"],"hc":1},{"id":"systaliko-ui:svg-globe-path","t":"Svg Globe","d":"Svg globe path.","k":"motion","s":"systaliko-ui","c":"motion/globe","hc":1},{"id":"systaliko-ui:transitions","t":"Transitions","d":"Multiple transitions for your motion components, to animate depending on the animated prop","s":"systaliko-ui","c":"other/other","hc":1},{"id":"systaliko-ui:use-dimensions","t":"Use dimensions hook","d":"use dimensions hook, Allow to get the dimensions of an element.","k":"lib","s":"systaliko-ui","c":"lib/utility","hc":1},{"id":"systaliko-ui:use-follow-mouse","t":"Use Follow Mouse Hook","d":"As the name suggests, this hook will follow the mouse position.","k":"lib","s":"systaliko-ui","c":"lib/hook","hc":1},{"id":"systaliko-ui:use-is-scrolled","t":"Use is scrolled Hook","d":"use is scrolled hook to detect if the user has scrolled to the bottom of the page.","k":"lib","s":"systaliko-ui","c":"lib/hook","hc":1},{"id":"systaliko-ui:use-mobile","t":"Use mobile Hook","d":"use mobile hook allows you to check if the user is on a mobile device.","k":"lib","s":"systaliko-ui","c":"lib/hook","hc":1},{"id":"systaliko-ui:use-toggle-onscroll","t":"Use toggle onscroll","d":"use toggle onscroll hook allows to toggle element position on scroll (down hide, up show).","k":"lib","s":"systaliko-ui","c":"lib/hook","hc":1},{"id":"tablecn:filter-builder","t":"Filter Builder","d":"A filter builder for data tables: field, operator and value rows applied to the URL, built","s":"tablecn","c":"data-display/card","hc":1},{"id":"tablecn:data-table","t":"Data Table","d":"A data table on TanStack Table v9: sorting and pages in the URL, a saved column layout, ro","s":"tablecn","c":"data-display/table","sb":"Data tables","hc":1},{"id":"tailark:core-utils","t":"Utils","d":"Tailark core utility helpers","k":"lib","s":"tailark","c":"lib/utility","sb":"Class helpers","vn":2,"hc":1},{"id":"tailark:core-use-media","t":"Use Media","d":"Tailark core use media hook","k":"lib","s":"tailark","c":"lib/hook","hc":1},{"id":"tailark:core-accel","t":"Accel logo","d":"Tailark core accel svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-antigravity","t":"Antigravity logo","d":"Tailark core antigravity svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-beacon","t":"Beacon logo","d":"Tailark core beacon svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-bolt","t":"Bolt logo","d":"Tailark core bolt svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-cisco","t":"Cisco logo","d":"Tailark core cisco svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-claude","t":"Claude logo","d":"Tailark core claude svg logo","k":"resource","s":"tailark","c":"assets/logo","sb":"AI","hc":1},{"id":"tailark:core-clerk","t":"Clerk logo","d":"Tailark core clerk svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-cloudflare","t":"Cloudflare logo","d":"Tailark core cloudflare svg logo","k":"resource","s":"tailark","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"tailark:core-cohere","t":"Cohere logo","d":"Tailark core cohere svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-cursor","t":"Cursor logo","d":"Tailark core cursor svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-deepseek","t":"Deepseek logo","d":"Tailark core deepseek svg logo","k":"resource","s":"tailark","c":"assets/logo","sb":"AI","hc":1},{"id":"tailark:core-drive","t":"Drive logo","d":"Tailark core drive svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-figma","t":"Figma logo","d":"Tailark core figma svg logo","k":"resource","s":"tailark","c":"assets/logo","sb":"Design and work","hc":1},{"id":"tailark:core-firebase","t":"Firebase logo","d":"Tailark core firebase svg logo","k":"resource","s":"tailark","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"tailark:core-gemini","t":"Gemini logo","d":"Tailark core gemini svg logo","k":"resource","s":"tailark","c":"assets/logo","sb":"AI","vn":1,"hc":1},{"id":"tailark:core-gmail","t":"Gmail logo","d":"Tailark core gmail svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-google-palm","t":"Google PaLM logo","d":"Tailark core google-palm svg logo","k":"resource","s":"tailark","c":"assets/logo","tg":["webgl"],"sb":"Big tech and social","sy":["webgl"],"hc":1},{"id":"tailark:core-hulu","t":"Hulu logo","d":"Tailark core hulu svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-intellij","t":"Intellij logo","d":"Tailark core intellij svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-leap-wallet","t":"Leap Wallet logo","d":"Tailark core leap-wallet svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-linear","t":"Linear logo","d":"Tailark core linear svg logo","k":"resource","s":"tailark","c":"assets/logo","sb":"Design and work","hc":1},{"id":"tailark:core-magicui","t":"Magic UI logo","d":"Tailark core magicui svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-media-wiki","t":"MediaWiki logo","d":"Tailark core media-wiki svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-mediawiki","t":"MediaWiki logo","d":"Tailark core mediawiki svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-microsoft-excel","t":"Microsoft Excel logo","d":"Tailark core microsoft-excel svg logo","k":"resource","s":"tailark","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"tailark:core-microsoft-word","t":"Microsoft Word logo","d":"Tailark core microsoft-word svg logo","k":"resource","s":"tailark","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"tailark:core-mistral-ai","t":"Mistral AI logo","d":"Tailark core mistral-ai svg logo","k":"resource","s":"tailark","c":"assets/logo","sb":"AI","hc":1},{"id":"tailark:core-neon","t":"Neon logo","d":"Tailark core neon svg logo","k":"resource","s":"tailark","c":"assets/logo","tg":["neon"],"sb":"Cloud and data","sy":["neon"],"hc":1},{"id":"tailark:core-open-ai","t":"OpenAI logo","d":"Tailark core open-ai svg logo","k":"resource","s":"tailark","c":"assets/logo","sb":"AI","hc":1},{"id":"tailark:core-openai","t":"OpenAI logo","d":"Tailark core openai svg logo","k":"resource","s":"tailark","c":"assets/logo","sb":"AI","hc":1},{"id":"tailark:core-paypal","t":"Paypal logo","d":"Tailark core paypal svg logo","k":"resource","s":"tailark","c":"assets/logo","sb":"Payments","hc":1},{"id":"tailark:core-pdf","t":"PDF logo","d":"Tailark core pdf svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-perplexity-ai","t":"Perplexity AI logo","d":"Tailark core perplexity-ai svg logo","k":"resource","s":"tailark","c":"assets/logo","sb":"AI","hc":1},{"id":"tailark:core-polar","t":"Polar logo","d":"Tailark core polar svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-polars","t":"Polars logo","d":"Tailark core polars svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-prime","t":"Prime logo","d":"Tailark core prime svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-qwen","t":"Qwen logo","d":"Tailark core qwen svg logo","k":"resource","s":"tailark","c":"assets/logo","sb":"AI","hc":1},{"id":"tailark:core-replit","t":"Replit logo","d":"Tailark core replit svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-salesforce","t":"Salesforce logo","d":"Tailark core salesforce svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-sequoia","t":"Sequoia logo","d":"Tailark core sequoia svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-shopify","t":"Shopify logo","d":"Tailark core shopify svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-slack","t":"Slack logo","d":"Tailark core slack svg logo","k":"resource","s":"tailark","c":"assets/logo","sb":"Design and work","hc":1},{"id":"tailark:core-spotify","t":"Spotify logo","d":"Tailark core spotify svg logo","k":"resource","s":"tailark","c":"assets/logo","sb":"Big tech and social","hc":1},{"id":"tailark:core-stripe","t":"Stripe logo","d":"Tailark core stripe svg logo","k":"resource","s":"tailark","c":"assets/logo","sb":"Payments","hc":1},{"id":"tailark:core-supabase","t":"Supabase logo","d":"Tailark core supabase svg logo","k":"resource","s":"tailark","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"tailark:core-sva","t":"Sva logo","d":"Tailark core sva svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-tailwindcss","t":"Tailwind CSS logo","d":"Tailark core tailwindcss svg logo","k":"resource","s":"tailark","c":"assets/logo","sb":"Dev tools","hc":1},{"id":"tailark:core-twilio","t":"Twilio logo","d":"Tailark core twilio svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-vercel","t":"Vercel logo","d":"Tailark core vercel svg logo","k":"resource","s":"tailark","c":"assets/logo","sb":"Cloud and data","hc":1},{"id":"tailark:core-vs-code","t":"VS Code logo","d":"Tailark core vs-code svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-vs-codium","t":"VSCodium logo","d":"Tailark core vs-codium svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-windsurf","t":"Windsurf logo","d":"Tailark core windsurf svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-y-combinator","t":"Y Combinator logo","d":"Tailark core y-combinator svg logo","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:motion-primitives-animated-group","t":"Animated Group","d":"Tailark motion primitives animated-group component","k":"motion","s":"tailark","c":"motion/text-effect","hc":1},{"id":"tailark:motion-primitives-infinite-slider","t":"Infinite Slider","d":"Tailark motion primitives infinite-slider component","k":"motion","s":"tailark","c":"motion/marquee","hc":1},{"id":"tailark:motion-primitives-progressive-blur","t":"Progressive Blur","d":"Tailark motion primitives progressive-blur component","k":"motion","s":"tailark","c":"motion/text-effect","hc":1},{"id":"tailark:motion-primitives-text-effect","t":"Text Effect","d":"Tailark motion primitives text-effect component","k":"motion","s":"tailark","c":"motion/text-effect","hc":1},{"id":"tailark:motion-primitives-text-scramble","t":"Text Scramble","d":"Tailark motion primitives text-scramble component","k":"motion","s":"tailark","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"tailark:motion-primitives-text-shimmer","t":"Text Shimmer","d":"Tailark motion primitives text-shimmer component","k":"motion","s":"tailark","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"tailark:core-copyright-year","t":"Copyright Year","d":"Cached current year for copyright footers","s":"tailark","c":"other/other","hc":1},{"id":"tailark:core-logo","t":"Logo","d":"Tailark core logo component","k":"resource","s":"tailark","c":"assets/logo","hc":1},{"id":"tailark:core-particles","t":"Particles","d":"Tailark core particles component","k":"motion","s":"tailark","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"tailark:core-response-stream","t":"Response Stream","d":"Tailark core response stream component","s":"tailark","c":"other/other","hc":1},{"id":"tailark:core-prompt-input","t":"Prompt Input","d":"Tailark core prompt input component","s":"tailark","c":"ai-agent/composer","hc":1},{"id":"tailark:core-suggestion","t":"Suggestion","d":"Tailark core suggestion component","s":"tailark","c":"ai-agent/ai-agent","hc":1},{"id":"tailark:accordion","t":"Accordion","d":"Tailark Base UI Accordion component","s":"tailark","c":"data-display/accordion","hc":1},{"id":"tailark:aspect-ratio","t":"Aspect Ratio","d":"Tailark Base UI Aspect Ratio component","k":"layout","s":"tailark","c":"layout/page-shell","hc":1},{"id":"tailark:avatar","t":"Avatar","d":"Tailark Base UI Avatar component","s":"tailark","c":"data-display/avatar","hc":1},{"id":"tailark:button","t":"Button","d":"Tailark Base UI Button component","s":"tailark","c":"actions/button","vn":1,"hc":1},{"id":"tailark:card","t":"Card","d":"Tailark Base UI Card component","s":"tailark","c":"data-display/card","hc":1},{"id":"tailark:carousel","t":"Carousel","d":"Tailark Base UI Carousel component","s":"tailark","c":"media/carousel","hc":1},{"id":"tailark:chart","t":"Chart","d":"Tailark Base UI Chart component","s":"tailark","c":"data-viz/chart","hc":1},{"id":"tailark:dialog","t":"Dialog","d":"Tailark Base UI Dialog component","s":"tailark","c":"overlays/dialog","hc":1},{"id":"tailark:hover-card","t":"Hover Card","d":"Tailark Base UI Hover Card component","s":"tailark","c":"overlays/hover-card","hc":1},{"id":"tailark:input","t":"Input","d":"Tailark Base UI Input component","s":"tailark","c":"inputs/form-field","hc":1},{"id":"tailark:label","t":"Label","d":"Tailark Base UI Label component","s":"tailark","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"tailark:loader","t":"Loader","d":"Tailark Base UI Loader component","s":"tailark","c":"status/loader","hc":1},{"id":"tailark:navigation-menu","t":"Navigation Menu","d":"Tailark Base UI Navigation Menu component","s":"tailark","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"tailark:scroll-area","t":"Scroll Area","d":"Tailark Base UI Scroll Area component","k":"layout","s":"tailark","c":"layout/scroll-area","hc":1},{"id":"tailark:select","t":"Select","d":"Tailark Base UI Select component","s":"tailark","c":"inputs/select","hc":1},{"id":"tailark:sources","t":"Sources","d":"Tailark Base UI Sources component","s":"tailark","c":"other/other","hc":1},{"id":"tailark:textarea","t":"Textarea","d":"Tailark Base UI Textarea component","s":"tailark","c":"inputs/textarea","hc":1},{"id":"tailark:toggle","t":"Toggle","d":"Tailark Base UI Toggle component","s":"tailark","c":"actions/switch","vn":1,"hc":1},{"id":"tailark:tooltip","t":"Tooltip","d":"Tailark Base UI Tooltip component","s":"tailark","c":"overlays/tooltip","hc":1},{"id":"tailark:context-menu","t":"Context Menu","d":"Tailark Base UI Context Menu component","s":"tailark","c":"overlays/context-menu","hc":1},{"id":"tailark:gantt","t":"Gantt","d":"Tailark Base UI Gantt component","s":"tailark","c":"data-viz/chart","hc":1},{"id":"tailark:document","t":"Document Illustration","d":"Tailark document illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:document-pdf","t":"Document Illustration","d":"Tailark pdf document illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:document-docx","t":"Document Illustration","d":"Tailark docx document illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:document-xlx","t":"Document Illustration","d":"Tailark xlx document illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:document-txt","t":"Document Illustration","d":"Tailark txt document illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:document-json","t":"Document Illustration","d":"Tailark json document illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:document-md","t":"Document Illustration","d":"Tailark md document illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:document-pptx","t":"Document Illustration","d":"Tailark pptx document illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:document-csv","t":"Document Illustration","d":"Tailark csv document illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:document-html","t":"Document Illustration","d":"Tailark html document illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:document-zip","t":"Document Illustration","d":"Tailark zip document illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:document-img","t":"Document Illustration","d":"Tailark img document illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:currency","t":"Currency Illustration","d":"Tailark currency illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:campaign","t":"Campaign Illustration","d":"Tailark campaign illustration","k":"resource","s":"tailark","c":"assets/illustration","vn":1},{"id":"tailark:invoice","t":"Invoice Illustration","d":"Tailark invoice illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:message","t":"Message Illustration","d":"Tailark message illustration","k":"resource","s":"tailark","c":"assets/illustration","vn":1},{"id":"tailark:uptime","t":"Uptime Illustration","d":"Tailark uptime illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:poll","t":"Poll Illustration","d":"Tailark poll illustration","k":"resource","s":"tailark","c":"assets/illustration","vn":1},{"id":"tailark:reply","t":"Reply Illustration","d":"Tailark reply illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:visualization","t":"Visualization Illustration","d":"Tailark visualization illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:keys","t":"Keys Illustration","d":"Tailark keys illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:map","t":"Map Illustration","d":"Tailark map illustration","k":"resource","s":"tailark","c":"assets/illustration","vn":1},{"id":"tailark:file-upload","t":"File Upload Illustration","d":"Tailark file-upload illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:actionnable","t":"Actionnable Illustration","d":"Tailark actionnable illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:add-comment","t":"Comment Illustration","d":"Tailark add comment illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:chat","t":"Chat Illustration","d":"Tailark chat illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:face-scan","t":"Face Scan Illustration","d":"Tailark face-scan illustration","k":"resource","s":"tailark","c":"assets/illustration","vn":1},{"id":"tailark:fingerprint-scan","t":"Fingerprint Illustration","d":"Tailark scan fingerprint illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:fingerprint","t":"Fingerprint Illustration","d":"Tailark fingerprint illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:document-analysis","t":"Document Illustration","d":"Tailark analysis document illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:metrics","t":"Metrics Illustration","d":"Tailark metrics illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:invoice-signing","t":"Invoice Illustration","d":"Tailark signing invoice illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:id-check","t":"Id Check Illustration","d":"Tailark id-check illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:memory-usage","t":"Memory Usage Illustration","d":"Tailark memory-usage illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:payment","t":"Payment Illustration","d":"Tailark payment illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:schedule","t":"Schedule Illustration","d":"Tailark schedule illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:comment","t":"Comment Illustration","d":"Tailark comment illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:user","t":"User Illustration","d":"Tailark user illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:users","t":"User Illustration","d":"Tailark multiple user illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:collaboration","t":"Collaboration Illustration","d":"Tailark collaboration illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:collaboration-comment","t":"Collaboration Illustration","d":"Tailark comment collaboration illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:email","t":"Email Illustration","d":"Tailark email illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:notes","t":"Notes Illustration","d":"Tailark notes illustration","k":"resource","s":"tailark","c":"assets/illustration","vn":2},{"id":"tailark:kanban","t":"Kanban Illustration","d":"Tailark kanban illustration","k":"resource","s":"tailark","c":"assets/illustration","vn":2},{"id":"tailark:calendar","t":"Calendar Illustration","d":"Tailark calendar illustration","k":"resource","s":"tailark","c":"assets/illustration","vn":9},{"id":"tailark:meeting","t":"Meeting Illustration","d":"Tailark meeting illustration","k":"resource","s":"tailark","c":"assets/illustration","vn":3},{"id":"tailark:flow","t":"Flow Illustration","d":"Tailark flow illustration","k":"resource","s":"tailark","c":"assets/illustration","vn":12},{"id":"tailark:ai-1","t":"Ai Illustration","d":"Tailark 1 ai illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:ai-2","t":"Ai Illustration","d":"Tailark 2 ai illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:ai-3","t":"Ai Illustration","d":"Tailark 3 ai illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:agent-workflow","t":"Agent Illustration","d":"Tailark workflow agent illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:translation-interface","t":"Translation Illustration","d":"Tailark translation illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:model-selector","t":"Model Selector Illustration","d":"Tailark model-selector illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:token-counter","t":"Token Counter Illustration","d":"Tailark token-counter illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:model-training","t":"Model Training Illustration","d":"Tailark model-training illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:models","t":"Models Illustration","d":"Tailark models illustration","k":"resource","s":"tailark","c":"assets/illustration","vn":3},{"id":"tailark:ai-search","t":"Ai Search Illustration","d":"Tailark ai-search illustration","k":"resource","s":"tailark","c":"assets/illustration","vn":1},{"id":"tailark:ai-memory","t":"Ai Memory Illustration","d":"Tailark ai-memory illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:integrations","t":"Integrations Illustration","d":"Tailark integrations illustration","k":"resource","s":"tailark","c":"assets/illustration","vn":8},{"id":"tailark:text-to-speech","t":"Text To Speech Illustration","d":"Tailark text-to-speech illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:ai-autocomplete","t":"Ai Autocomplete Illustration","d":"Tailark ai-autocomplete illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:ai-summarization","t":"Ai Summarization Illustration","d":"Tailark ai-summarization illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:ai-chat-interface","t":"Ai Chat Interface Illustration","d":"Tailark ai-chat-interface illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:ai-mentions","t":"Ai Mentions Illustration","d":"Tailark ai-mentions illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:agent-task-planning","t":"Agent Illustration","d":"Tailark task-planning agent illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:agent-feedback","t":"Agent Illustration","d":"Tailark feedback agent illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:ai-suggestion","t":"Ai Suggestion Illustration","d":"Tailark ai-suggestion illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:workflow","t":"Workflow Illustration","d":"Tailark workflow illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:agent-tasks","t":"Agent Illustration","d":"Tailark tasks agent illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:sleep-visualization","t":"Health Illustration","d":"Tailark sleep-visualization health illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:running-visualization","t":"Health Illustration","d":"Tailark running-visualization health illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:mobile-wallet","t":"Mobile Illustration","d":"Tailark wallet mobile illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:todo-app","t":"Todo App Illustration","d":"Tailark todo-app illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:shopping-cart","t":"Shopping Cart Illustration","d":"Tailark shopping-cart illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:bank-stats","t":"Bank Stats Illustration","d":"Tailark bank-stats illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:ride-sharing","t":"Ride Sharing Illustration","d":"Tailark ride-sharing illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:food-delivery","t":"Food Delivery Illustration","d":"Tailark food-delivery illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:mobile-card-form","t":"Mobile Illustration","d":"Tailark card-form mobile illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:sleep-tracker","t":"Health Illustration","d":"Tailark sleep-tracker health illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:mobile-wallet-area","t":"Mobile Illustration","d":"Tailark wallet-area mobile illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:mobile-wallet-line","t":"Mobile Illustration","d":"Tailark wallet-line mobile illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:mobile-ai-assistant","t":"Mobile Illustration","d":"Tailark ai-assistant mobile illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:mobile-ai-suggestion","t":"Mobile Illustration","d":"Tailark ai-suggestion mobile illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:mobile-email","t":"Mobile Illustration","d":"Tailark email mobile illustration","k":"resource","s":"tailark","c":"assets/illustration"},{"id":"tailark:mobile-note","t":"Mobile Illustration","d":"Tailark note mobile illustration","k":"resource","s":"tailark","c":"assets/illustration","vn":1},{"id":"tailark:bento-8","t":"Bento #8","d":"Tailark bento variant 8 block","k":"layout","s":"tailark","c":"layout/bento-grid"},{"id":"tailark:bento-11","t":"Bento #11","d":"Tailark bento variant 11 block","k":"layout","s":"tailark","c":"layout/bento-grid"},{"id":"tailark:bento-5","t":"Bento #5","d":"Tailark bento variant 5 block","k":"layout","s":"tailark","c":"layout/bento-grid"},{"id":"tailark:bento-4","t":"Bento #4","d":"Tailark bento variant 4 block","k":"layout","s":"tailark","c":"layout/bento-grid"},{"id":"tailark:bento-14","t":"Bento #14","d":"Tailark bento variant 14 block","k":"layout","s":"tailark","c":"layout/bento-grid"},{"id":"tailark:bento-9","t":"Bento #9","d":"Tailark bento variant 9 block","k":"layout","s":"tailark","c":"layout/bento-grid"},{"id":"tailark:bento-1","t":"Bento #1","d":"Tailark bento variant 1 block","k":"layout","s":"tailark","c":"layout/bento-grid"},{"id":"tailark:bento-7","t":"Bento #7","d":"Tailark bento variant 7 block","k":"layout","s":"tailark","c":"layout/bento-grid"},{"id":"tailark:bento-6","t":"Bento #6","d":"Tailark bento variant 6 block","k":"layout","s":"tailark","c":"layout/bento-grid"},{"id":"tailark:bento-10","t":"Bento #10","d":"Tailark bento variant 10 block","k":"layout","s":"tailark","c":"layout/bento-grid"},{"id":"tailark:bento-13","t":"Bento #13","d":"Tailark bento variant 13 block","k":"layout","s":"tailark","c":"layout/bento-grid"},{"id":"tailark:bento-3","t":"Bento #3","d":"Tailark bento variant 3 block","k":"layout","s":"tailark","c":"layout/bento-grid","tg":["webgl"],"sy":["webgl"]},{"id":"tailark:bento-12","t":"Bento #12","d":"Tailark bento variant 12 block","k":"layout","s":"tailark","c":"layout/bento-grid"},{"id":"tailark:bento-2","t":"Bento #2","d":"Tailark bento variant 2 block","k":"layout","s":"tailark","c":"layout/bento-grid"},{"id":"tailark:blog-blocks-5","t":"Blog Blocks #5","d":"Tailark blog-blocks variant 5 block","k":"section","s":"tailark","c":"marketing/marketing","sb":"Blog and posts"},{"id":"tailark:blog-blocks-4","t":"Blog Blocks #4","d":"Tailark blog-blocks variant 4 block","k":"section","s":"tailark","c":"marketing/marketing","sb":"Blog and posts"},{"id":"tailark:blog-blocks-1","t":"Blog Blocks #1","d":"Tailark blog-blocks variant 1 block","k":"section","s":"tailark","c":"marketing/marketing","sb":"Blog and posts"},{"id":"tailark:blog-blocks-7","t":"Blog Blocks #7","d":"Tailark blog-blocks variant 7 block","k":"section","s":"tailark","c":"marketing/marketing","sb":"Blog and posts"},{"id":"tailark:blog-blocks-6","t":"Blog Blocks #6","d":"Tailark blog-blocks variant 6 block","k":"section","s":"tailark","c":"marketing/marketing","sb":"Blog and posts"},{"id":"tailark:blog-blocks-3","t":"Blog Blocks #3","d":"Tailark blog-blocks variant 3 block","k":"section","s":"tailark","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"]},{"id":"tailark:blog-blocks-2","t":"Blog Blocks #2","d":"Tailark blog-blocks variant 2 block","k":"section","s":"tailark","c":"marketing/marketing","sb":"Blog and posts"},{"id":"tailark:call-to-action-1","t":"Call To Action #1","d":"Tailark call-to-action variant 1 block","k":"section","s":"tailark","c":"marketing/cta"},{"id":"tailark:call-to-action-3","t":"Call To Action #3","d":"Tailark call-to-action variant 3 block","k":"section","s":"tailark","c":"marketing/cta","tg":["webgl"],"sy":["webgl"]},{"id":"tailark:call-to-action-2","t":"Call To Action #2","d":"Tailark call-to-action variant 2 block","k":"section","s":"tailark","c":"marketing/cta"},{"id":"tailark:comparator-5","t":"Comparator #5","d":"Tailark comparator variant 5 block","k":"section","s":"tailark","c":"marketing/marketing"},{"id":"tailark:comparator-4","t":"Comparator #4","d":"Tailark comparator variant 4 block","k":"section","s":"tailark","c":"marketing/marketing"},{"id":"tailark:comparator-1","t":"Comparator #1","d":"Tailark comparator variant 1 block","k":"section","s":"tailark","c":"marketing/marketing"},{"id":"tailark:comparator-7","t":"Comparator #7","d":"Tailark comparator variant 7 block","k":"section","s":"tailark","c":"marketing/marketing"},{"id":"tailark:comparator-6","t":"Comparator #6","d":"Tailark comparator variant 6 block","k":"section","s":"tailark","c":"marketing/marketing"},{"id":"tailark:comparator-3","t":"Comparator #3","d":"Tailark comparator variant 3 block","k":"motion","s":"tailark","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"tailark:comparator-2","t":"Comparator #2","d":"Tailark comparator variant 2 block","k":"section","s":"tailark","c":"marketing/marketing"},{"id":"tailark:contact-8","t":"Contact #8","d":"Tailark contact variant 8 block","k":"section","s":"tailark","c":"marketing/marketing","sb":"Contact"},{"id":"tailark:contact-5","t":"Contact #5","d":"Tailark contact variant 5 block","k":"section","s":"tailark","c":"marketing/marketing","sb":"Contact"},{"id":"tailark:contact-4","t":"Contact #4","d":"Tailark contact variant 4 block","k":"section","s":"tailark","c":"marketing/marketing","sb":"Contact"},{"id":"tailark:contact-9","t":"Contact #9","d":"Tailark contact variant 9 block","k":"section","s":"tailark","c":"marketing/marketing","sb":"Contact"},{"id":"tailark:contact-1","t":"Contact #1","d":"Tailark contact variant 1 block","k":"section","s":"tailark","c":"marketing/marketing","sb":"Contact"},{"id":"tailark:contact-7","t":"Contact #7","d":"Tailark contact variant 7 block","k":"section","s":"tailark","c":"marketing/marketing","sb":"Contact"},{"id":"tailark:contact-6","t":"Contact #6","d":"Tailark contact variant 6 block","k":"section","s":"tailark","c":"marketing/marketing","sb":"Contact"},{"id":"tailark:contact-10","t":"Contact #10","d":"Tailark contact variant 10 block","k":"section","s":"tailark","c":"marketing/marketing","sb":"Contact"},{"id":"tailark:contact-3","t":"Contact #3","d":"Tailark contact variant 3 block","k":"section","s":"tailark","c":"marketing/marketing","tg":["webgl"],"sb":"Contact","sy":["webgl"]},{"id":"tailark:contact-2","t":"Contact #2","d":"Tailark contact variant 2 block","k":"section","s":"tailark","c":"marketing/marketing","sb":"Contact"},{"id":"tailark:content-5","t":"Content #5","d":"Tailark content variant 5 block","k":"section","s":"tailark","c":"marketing/marketing"},{"id":"tailark:content-4","t":"Content #4","d":"Tailark content variant 4 block","k":"section","s":"tailark","c":"marketing/marketing"},{"id":"tailark:content-1","t":"Content #1","d":"Tailark content variant 1 block","k":"section","s":"tailark","c":"marketing/marketing"},{"id":"tailark:content-7","t":"Content #7","d":"Tailark content variant 7 block","k":"section","s":"tailark","c":"marketing/marketing"},{"id":"tailark:content-6","t":"Content #6","d":"Tailark content variant 6 block","k":"section","s":"tailark","c":"marketing/marketing"},{"id":"tailark:content-3","t":"Content #3","d":"Tailark content variant 3 block","k":"motion","s":"tailark","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"tailark:content-2","t":"Content #2","d":"Tailark content variant 2 block","k":"section","s":"tailark","c":"marketing/marketing"},{"id":"tailark:description-list-8","t":"Description List 8","d":"Tailark description-list variant 8 block","s":"tailark","c":"data-display/list"},{"id":"tailark:description-list-5","t":"Description List 5","d":"Tailark description-list variant 5 block","s":"tailark","c":"data-display/list"},{"id":"tailark:description-list-4","t":"Description List 4","d":"Tailark description-list variant 4 block","s":"tailark","c":"data-display/list"},{"id":"tailark:description-list-1","t":"Description List 1","d":"Tailark description-list variant 1 block","s":"tailark","c":"data-display/list"},{"id":"tailark:description-list-7","t":"Description List 7","d":"Tailark description-list variant 7 block","s":"tailark","c":"data-display/list"},{"id":"tailark:description-list-6","t":"Description List 6","d":"Tailark description-list variant 6 block","s":"tailark","c":"data-display/list"},{"id":"tailark:description-list-3","t":"Description List 3","d":"Tailark description-list variant 3 block","s":"tailark","c":"data-display/list","tg":["webgl"],"sy":["webgl"]},{"id":"tailark:description-list-2","t":"Description List 2","d":"Tailark description-list variant 2 block","s":"tailark","c":"data-display/list"},{"id":"tailark:expandable-features-8","t":"Expandable Features 8","d":"Tailark expandable-features variant 8 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:expandable-features-18","t":"Expandable Features 18","d":"Tailark expandable-features variant 18 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:expandable-features-11","t":"Expandable Features 11","d":"Tailark expandable-features variant 11 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:expandable-features-15","t":"Expandable Features 15","d":"Tailark expandable-features variant 15 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:expandable-features-5","t":"Expandable Features 5","d":"Tailark expandable-features variant 5 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:expandable-features-4","t":"Expandable Features 4","d":"Tailark expandable-features variant 4 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:expandable-features-14","t":"Expandable Features 14","d":"Tailark expandable-features variant 14 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:expandable-features-9","t":"Expandable Features 9","d":"Tailark expandable-features variant 9 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:expandable-features-19","t":"Expandable Features 19","d":"Tailark expandable-features variant 19 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:expandable-features-1","t":"Expandable Features 1","d":"Tailark expandable-features variant 1 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:expandable-features-7","t":"Expandable Features 7","d":"Tailark expandable-features variant 7 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:expandable-features-17","t":"Expandable Features 17","d":"Tailark expandable-features variant 17 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:expandable-features-6","t":"Expandable Features 6","d":"Tailark expandable-features variant 6 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:expandable-features-16","t":"Expandable Features 16","d":"Tailark expandable-features variant 16 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:expandable-features-10","t":"Expandable Features 10","d":"Tailark expandable-features variant 10 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:expandable-features-13","t":"Expandable Features 13","d":"Tailark expandable-features variant 13 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:expandable-features-3","t":"Expandable Features 3","d":"Tailark expandable-features variant 3 block","k":"section","s":"tailark","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"tailark:expandable-features-12","t":"Expandable Features 12","d":"Tailark expandable-features variant 12 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:expandable-features-20","t":"Expandable Features 20","d":"Tailark expandable-features variant 20 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:expandable-features-21","t":"Expandable Features 21","d":"Tailark expandable-features variant 21 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:expandable-features-22","t":"Expandable Features 22","d":"Tailark expandable-features variant 22 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:expandable-features-2","t":"Expandable Features 2","d":"Tailark expandable-features variant 2 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:faqs-5","t":"Faqs #5","d":"Tailark faqs variant 5 block","k":"section","s":"tailark","c":"marketing/faq"},{"id":"tailark:faqs-4","t":"Faqs #4","d":"Tailark faqs variant 4 block","k":"section","s":"tailark","c":"marketing/faq"},{"id":"tailark:faqs-1","t":"Faqs #1","d":"Tailark faqs variant 1 block","k":"section","s":"tailark","c":"marketing/faq"},{"id":"tailark:faqs-3","t":"Faqs #3","d":"Tailark faqs variant 3 block","k":"section","s":"tailark","c":"marketing/faq","tg":["webgl"],"sy":["webgl"]},{"id":"tailark:faqs-2","t":"Faqs #2","d":"Tailark faqs variant 2 block","k":"section","s":"tailark","c":"marketing/faq"},{"id":"tailark:features-8","t":"Features #8","d":"Tailark features variant 8 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:features-11","t":"Features #11","d":"Tailark features variant 11 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:features-15","t":"Features #15","d":"Tailark features variant 15 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:features-5","t":"Features #5","d":"Tailark features variant 5 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:features-4","t":"Features #4","d":"Tailark features variant 4 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:features-14","t":"Features #14","d":"Tailark features variant 14 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:features-9","t":"Features #9","d":"Tailark features variant 9 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:features-1","t":"Features #1","d":"Tailark features variant 1 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:features-7","t":"Features #7","d":"Tailark features variant 7 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:features-6","t":"Features #6","d":"Tailark features variant 6 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:features-16","t":"Features #16","d":"Tailark features variant 16 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:features-10","t":"Features #10","d":"Tailark features variant 10 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:features-13","t":"Features #13","d":"Tailark features variant 13 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:features-3","t":"Features #3","d":"Tailark features variant 3 block","k":"section","s":"tailark","c":"marketing/features","tg":["webgl"],"sy":["webgl"]},{"id":"tailark:features-12","t":"Features #12","d":"Tailark features variant 12 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:features-2","t":"Features #2","d":"Tailark features variant 2 block","k":"section","s":"tailark","c":"marketing/features"},{"id":"tailark:features-carousel-5","t":"Features Carousel 5","d":"Tailark features-carousel variant 5 block","s":"tailark","c":"media/carousel"},{"id":"tailark:features-carousel-4","t":"Features Carousel 4","d":"Tailark features-carousel variant 4 block","s":"tailark","c":"media/carousel"},{"id":"tailark:features-carousel-1","t":"Features Carousel 1","d":"Tailark features-carousel variant 1 block","s":"tailark","c":"media/carousel"},{"id":"tailark:features-carousel-3","t":"Features Carousel 3","d":"Tailark features-carousel variant 3 block","s":"tailark","c":"media/carousel","tg":["webgl"],"sy":["webgl"]},{"id":"tailark:features-carousel-2","t":"Features Carousel 2","d":"Tailark features-carousel variant 2 block","s":"tailark","c":"media/carousel"},{"id":"tailark:footer-5","t":"Footer #5","d":"Tailark footer variant 5 block","k":"section","s":"tailark","c":"marketing/footer"},{"id":"tailark:footer-4","t":"Footer #4","d":"Tailark footer variant 4 block","k":"section","s":"tailark","c":"marketing/footer"},{"id":"tailark:footer-1","t":"Footer #1","d":"Tailark footer variant 1 block","k":"section","s":"tailark","c":"marketing/footer"},{"id":"tailark:footer-3","t":"Footer #3","d":"Tailark footer variant 3 block","k":"section","s":"tailark","c":"marketing/footer","tg":["webgl"],"sy":["webgl"]},{"id":"tailark:footer-2","t":"Footer #2","d":"Tailark footer variant 2 block","k":"section","s":"tailark","c":"marketing/footer"},{"id":"tailark:forgot-password-5","t":"Forgot Password 5","d":"Tailark forgot-password variant 5 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Password reset"},{"id":"tailark:forgot-password-4","t":"Forgot Password 4","d":"Tailark forgot-password variant 4 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Password reset"},{"id":"tailark:forgot-password-1","t":"Forgot Password 1","d":"Tailark forgot-password variant 1 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Password reset"},{"id":"tailark:forgot-password-3","t":"Forgot Password 3","d":"Tailark forgot-password variant 3 block","k":"layout","s":"tailark","c":"flows/sign-in","tg":["webgl"],"sb":"Password reset","sy":["webgl"]},{"id":"tailark:forgot-password-2","t":"Forgot Password 2","d":"Tailark forgot-password variant 2 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Password reset"},{"id":"tailark:header-8","t":"Header #8","d":"Tailark header variant 8 block","s":"tailark","c":"navigation/top-nav"},{"id":"tailark:header-5","t":"Header #5","d":"Tailark header variant 5 block","s":"tailark","c":"navigation/top-nav"},{"id":"tailark:header-4","t":"Header #4","d":"Tailark header variant 4 block","s":"tailark","c":"navigation/top-nav"},{"id":"tailark:header-1","t":"Header #1","d":"Tailark header variant 1 block","s":"tailark","c":"navigation/top-nav"},{"id":"tailark:header-7","t":"Header #7","d":"Tailark header variant 7 block","s":"tailark","c":"navigation/top-nav"},{"id":"tailark:header-6","t":"Header #6","d":"Tailark header variant 6 block","s":"tailark","c":"navigation/top-nav"},{"id":"tailark:header-3","t":"Header #3","d":"Tailark header variant 3 block","s":"tailark","c":"navigation/top-nav","tg":["webgl"],"sy":["webgl"]},{"id":"tailark:header-2","t":"Header #2","d":"Tailark header variant 2 block","s":"tailark","c":"navigation/top-nav"},{"id":"tailark:hero-section-8","t":"Hero Section #8","d":"Tailark hero-section variant 8 block","k":"section","s":"tailark","c":"marketing/hero","sb":"Animated background"},{"id":"tailark:hero-section-18","t":"Hero Section #18","d":"Tailark hero-section variant 18 block","k":"section","s":"tailark","c":"marketing/hero"},{"id":"tailark:hero-section-11","t":"Hero Section #11","d":"Tailark hero-section variant 11 block","k":"section","s":"tailark","c":"marketing/hero","sb":"Animated background"},{"id":"tailark:hero-section-15","t":"Hero Section #15","d":"Tailark hero-section variant 15 block","k":"section","s":"tailark","c":"marketing/hero","sb":"Animated background"},{"id":"tailark:hero-section-5","t":"Hero Section #5","d":"Tailark hero-section variant 5 block","k":"section","s":"tailark","c":"marketing/hero","sb":"Animated background"},{"id":"tailark:hero-section-4","t":"Hero Section #4","d":"Tailark hero-section variant 4 block","k":"section","s":"tailark","c":"marketing/hero","sb":"Animated background"},{"id":"tailark:hero-section-14","t":"Hero Section #14","d":"Tailark hero-section variant 14 block","k":"section","s":"tailark","c":"marketing/hero","sb":"Animated background"},{"id":"tailark:hero-section-9","t":"Hero Section #9","d":"Tailark hero-section variant 9 block","k":"section","s":"tailark","c":"marketing/hero","sb":"Animated background"},{"id":"tailark:hero-section-19","t":"Hero Section #19","d":"Tailark hero-section variant 19 block","k":"section","s":"tailark","c":"marketing/hero"},{"id":"tailark:hero-section-1","t":"Hero Section #1","d":"Tailark hero-section variant 1 block","k":"section","s":"tailark","c":"marketing/hero","sb":"Animated background"},{"id":"tailark:hero-section-7","t":"Hero Section #7","d":"Tailark hero-section variant 7 block","k":"section","s":"tailark","c":"marketing/hero","sb":"Animated background"},{"id":"tailark:hero-section-17","t":"Hero Section #17","d":"Tailark hero-section variant 17 block","k":"section","s":"tailark","c":"marketing/hero","sb":"Animated background"},{"id":"tailark:hero-section-6","t":"Hero Section #6","d":"Tailark hero-section variant 6 block","k":"section","s":"tailark","c":"marketing/hero","sb":"Animated background"},{"id":"tailark:hero-section-16","t":"Hero Section #16","d":"Tailark hero-section variant 16 block","k":"section","s":"tailark","c":"marketing/hero","sb":"Animated background"},{"id":"tailark:hero-section-10","t":"Hero Section #10","d":"Tailark hero-section variant 10 block","k":"section","s":"tailark","c":"marketing/hero","sb":"Animated background"},{"id":"tailark:hero-section-13","t":"Hero Section #13","d":"Tailark hero-section variant 13 block","k":"section","s":"tailark","c":"marketing/hero","sb":"Animated background"},{"id":"tailark:hero-section-3","t":"Hero Section #3","d":"Tailark hero-section variant 3 block","k":"section","s":"tailark","c":"marketing/hero","tg":["webgl"],"sb":"Animated background","sy":["webgl"]},{"id":"tailark:hero-section-12","t":"Hero Section #12","d":"Tailark hero-section variant 12 block","k":"section","s":"tailark","c":"marketing/hero","sb":"Animated background"},{"id":"tailark:hero-section-20","t":"Hero Section #20","d":"Tailark hero-section variant 20 block","k":"section","s":"tailark","c":"marketing/hero"},{"id":"tailark:hero-section-2","t":"Hero Section #2","d":"Tailark hero-section variant 2 block","k":"section","s":"tailark","c":"marketing/hero","sb":"Animated background"},{"id":"tailark:how-it-works-5","t":"How It Works #5","d":"Tailark how-it-works variant 5 block","k":"section","s":"tailark","c":"marketing/features","sb":"Steps"},{"id":"tailark:how-it-works-4","t":"How It Works #4","d":"Tailark how-it-works variant 4 block","k":"section","s":"tailark","c":"marketing/features","sb":"Steps"},{"id":"tailark:how-it-works-1","t":"How It Works #1","d":"Tailark how-it-works variant 1 block","k":"section","s":"tailark","c":"marketing/features","sb":"Steps"},{"id":"tailark:how-it-works-7","t":"How It Works #7","d":"Tailark how-it-works variant 7 block","k":"section","s":"tailark","c":"marketing/features","sb":"Steps"},{"id":"tailark:how-it-works-6","t":"How It Works #6","d":"Tailark how-it-works variant 6 block","k":"section","s":"tailark","c":"marketing/features","sb":"Steps"},{"id":"tailark:how-it-works-3","t":"How It Works #3","d":"Tailark how-it-works variant 3 block","k":"section","s":"tailark","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"]},{"id":"tailark:how-it-works-2","t":"How It Works #2","d":"Tailark how-it-works variant 2 block","k":"section","s":"tailark","c":"marketing/features","sb":"Steps"},{"id":"tailark:investors-5","t":"Investors #5","d":"Tailark investors variant 5 block","k":"section","s":"tailark","c":"marketing/marketing"},{"id":"tailark:investors-4","t":"Investors #4","d":"Tailark investors variant 4 block","k":"section","s":"tailark","c":"marketing/marketing"},{"id":"tailark:investors-1","t":"Investors #1","d":"Tailark investors variant 1 block","k":"section","s":"tailark","c":"marketing/marketing"},{"id":"tailark:investors-7","t":"Investors #7","d":"Tailark investors variant 7 block","k":"section","s":"tailark","c":"marketing/marketing"},{"id":"tailark:investors-6","t":"Investors #6","d":"Tailark investors variant 6 block","k":"section","s":"tailark","c":"marketing/marketing"},{"id":"tailark:investors-3","t":"Investors #3","d":"Tailark investors variant 3 block","k":"motion","s":"tailark","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"tailark:investors-2","t":"Investors #2","d":"Tailark investors variant 2 block","k":"section","s":"tailark","c":"marketing/marketing"},{"id":"tailark:login-blocks-8","t":"Login Blocks #8","d":"Tailark login-blocks variant 8 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Sign in"},{"id":"tailark:login-blocks-11","t":"Login Blocks #11","d":"Tailark login-blocks variant 11 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Sign in"},{"id":"tailark:login-blocks-5","t":"Login Blocks #5","d":"Tailark login-blocks variant 5 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Sign in"},{"id":"tailark:login-blocks-4","t":"Login Blocks #4","d":"Tailark login-blocks variant 4 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Sign in"},{"id":"tailark:login-blocks-9","t":"Login Blocks #9","d":"Tailark login-blocks variant 9 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Sign in"},{"id":"tailark:login-blocks-1","t":"Login Blocks #1","d":"Tailark login-blocks variant 1 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Sign in"},{"id":"tailark:login-blocks-7","t":"Login Blocks #7","d":"Tailark login-blocks variant 7 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Sign in"},{"id":"tailark:login-blocks-6","t":"Login Blocks #6","d":"Tailark login-blocks variant 6 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Sign in"},{"id":"tailark:login-blocks-10","t":"Login Blocks #10","d":"Tailark login-blocks variant 10 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Sign in"},{"id":"tailark:login-blocks-3","t":"Login Blocks #3","d":"Tailark login-blocks variant 3 block","k":"layout","s":"tailark","c":"flows/sign-in","tg":["webgl"],"sb":"Sign in","sy":["webgl"]},{"id":"tailark:login-blocks-2","t":"Login Blocks #2","d":"Tailark login-blocks variant 2 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Sign in"},{"id":"tailark:logo-cloud-8","t":"Logo Cloud #8","d":"Tailark logo-cloud variant 8 block","k":"section","s":"tailark","c":"marketing/logos"},{"id":"tailark:logo-cloud-5","t":"Logo Cloud #5","d":"Tailark logo-cloud variant 5 block","k":"section","s":"tailark","c":"marketing/logos"},{"id":"tailark:logo-cloud-4","t":"Logo Cloud #4","d":"Tailark logo-cloud variant 4 block","k":"section","s":"tailark","c":"marketing/logos"},{"id":"tailark:logo-cloud-9","t":"Logo Cloud #9","d":"Tailark logo-cloud variant 9 block","k":"section","s":"tailark","c":"marketing/logos"},{"id":"tailark:logo-cloud-1","t":"Logo Cloud #1","d":"Tailark logo-cloud variant 1 block","k":"section","s":"tailark","c":"marketing/logos"},{"id":"tailark:logo-cloud-7","t":"Logo Cloud #7","d":"Tailark logo-cloud variant 7 block","k":"section","s":"tailark","c":"marketing/logos"},{"id":"tailark:logo-cloud-6","t":"Logo Cloud #6","d":"Tailark logo-cloud variant 6 block","k":"section","s":"tailark","c":"marketing/logos"},{"id":"tailark:logo-cloud-10","t":"Logo Cloud #10","d":"Tailark logo-cloud variant 10 block","k":"section","s":"tailark","c":"marketing/logos"},{"id":"tailark:logo-cloud-3","t":"Logo Cloud #3","d":"Tailark logo-cloud variant 3 block","k":"section","s":"tailark","c":"marketing/logos","tg":["webgl"],"sy":["webgl"]},{"id":"tailark:logo-cloud-2","t":"Logo Cloud #2","d":"Tailark logo-cloud variant 2 block","k":"section","s":"tailark","c":"marketing/logos"},{"id":"tailark:open-roles-5","t":"Open Roles #5","d":"Tailark open-roles variant 5 block","k":"section","s":"tailark","c":"marketing/marketing","sb":"Careers"},{"id":"tailark:open-roles-4","t":"Open Roles #4","d":"Tailark open-roles variant 4 block","k":"section","s":"tailark","c":"marketing/marketing","sb":"Careers"},{"id":"tailark:open-roles-1","t":"Open Roles #1","d":"Tailark open-roles variant 1 block","k":"section","s":"tailark","c":"marketing/marketing","sb":"Careers"},{"id":"tailark:open-roles-7","t":"Open Roles #7","d":"Tailark open-roles variant 7 block","k":"section","s":"tailark","c":"marketing/marketing","sb":"Careers"},{"id":"tailark:open-roles-6","t":"Open Roles #6","d":"Tailark open-roles variant 6 block","k":"section","s":"tailark","c":"marketing/marketing","sb":"Careers"},{"id":"tailark:open-roles-3","t":"Open Roles #3","d":"Tailark open-roles variant 3 block","k":"motion","s":"tailark","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"tailark:open-roles-2","t":"Open Roles #2","d":"Tailark open-roles variant 2 block","k":"section","s":"tailark","c":"marketing/marketing","sb":"Careers"},{"id":"tailark:pricing-5","t":"Pricing #5","d":"Tailark pricing variant 5 block","k":"section","s":"tailark","c":"marketing/pricing"},{"id":"tailark:pricing-4","t":"Pricing #4","d":"Tailark pricing variant 4 block","k":"section","s":"tailark","c":"marketing/pricing"},{"id":"tailark:pricing-1","t":"Pricing #1","d":"Tailark pricing variant 1 block","k":"section","s":"tailark","c":"marketing/pricing"},{"id":"tailark:pricing-3","t":"Pricing #3","d":"Tailark pricing variant 3 block","k":"section","s":"tailark","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"]},{"id":"tailark:pricing-2","t":"Pricing #2","d":"Tailark pricing variant 2 block","k":"section","s":"tailark","c":"marketing/pricing"},{"id":"tailark:secondary-hero-8","t":"Secondary Hero #8","d":"Tailark secondary-hero variant 8 block","k":"section","s":"tailark","c":"marketing/hero"},{"id":"tailark:secondary-hero-18","t":"Secondary Hero #18","d":"Tailark secondary-hero variant 18 block","k":"section","s":"tailark","c":"marketing/hero"},{"id":"tailark:secondary-hero-11","t":"Secondary Hero #11","d":"Tailark secondary-hero variant 11 block","k":"section","s":"tailark","c":"marketing/hero","sb":"Animated background"},{"id":"tailark:secondary-hero-15","t":"Secondary Hero #15","d":"Tailark secondary-hero variant 15 block","k":"section","s":"tailark","c":"marketing/hero"},{"id":"tailark:secondary-hero-5","t":"Secondary Hero #5","d":"Tailark secondary-hero variant 5 block","k":"section","s":"tailark","c":"marketing/hero","sb":"Animated background"},{"id":"tailark:secondary-hero-4","t":"Secondary Hero #4","d":"Tailark secondary-hero variant 4 block","k":"section","s":"tailark","c":"marketing/hero"},{"id":"tailark:secondary-hero-14","t":"Secondary Hero #14","d":"Tailark secondary-hero variant 14 block","k":"section","s":"tailark","c":"marketing/hero"},{"id":"tailark:secondary-hero-9","t":"Secondary Hero #9","d":"Tailark secondary-hero variant 9 block","k":"section","s":"tailark","c":"marketing/hero"},{"id":"tailark:secondary-hero-19","t":"Secondary Hero #19","d":"Tailark secondary-hero variant 19 block","k":"section","s":"tailark","c":"marketing/hero"},{"id":"tailark:secondary-hero-1","t":"Secondary Hero #1","d":"Tailark secondary-hero variant 1 block","k":"section","s":"tailark","c":"marketing/hero"},{"id":"tailark:secondary-hero-7","t":"Secondary Hero #7","d":"Tailark secondary-hero variant 7 block","k":"section","s":"tailark","c":"marketing/hero"},{"id":"tailark:secondary-hero-17","t":"Secondary Hero #17","d":"Tailark secondary-hero variant 17 block","k":"section","s":"tailark","c":"marketing/hero"},{"id":"tailark:secondary-hero-6","t":"Secondary Hero #6","d":"Tailark secondary-hero variant 6 block","k":"section","s":"tailark","c":"marketing/hero"},{"id":"tailark:secondary-hero-16","t":"Secondary Hero #16","d":"Tailark secondary-hero variant 16 block","k":"section","s":"tailark","c":"marketing/hero"},{"id":"tailark:secondary-hero-10","t":"Secondary Hero #10","d":"Tailark secondary-hero variant 10 block","k":"section","s":"tailark","c":"marketing/hero"},{"id":"tailark:secondary-hero-13","t":"Secondary Hero #13","d":"Tailark secondary-hero variant 13 block","k":"section","s":"tailark","c":"marketing/hero"},{"id":"tailark:secondary-hero-3","t":"Secondary Hero #3","d":"Tailark secondary-hero variant 3 block","k":"section","s":"tailark","c":"marketing/hero","tg":["webgl"],"sy":["webgl"]},{"id":"tailark:secondary-hero-12","t":"Secondary Hero #12","d":"Tailark secondary-hero variant 12 block","k":"section","s":"tailark","c":"marketing/hero"},{"id":"tailark:secondary-hero-20","t":"Secondary Hero #20","d":"Tailark secondary-hero variant 20 block","k":"section","s":"tailark","c":"marketing/hero"},{"id":"tailark:secondary-hero-2","t":"Secondary Hero #2","d":"Tailark secondary-hero variant 2 block","k":"section","s":"tailark","c":"marketing/hero"},{"id":"tailark:sign-up-8","t":"Sign Up #8","d":"Tailark sign-up variant 8 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Sign up"},{"id":"tailark:sign-up-11","t":"Sign Up #11","d":"Tailark sign-up variant 11 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Sign up"},{"id":"tailark:sign-up-5","t":"Sign Up #5","d":"Tailark sign-up variant 5 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Sign up"},{"id":"tailark:sign-up-4","t":"Sign Up #4","d":"Tailark sign-up variant 4 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Sign up"},{"id":"tailark:sign-up-9","t":"Sign Up #9","d":"Tailark sign-up variant 9 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Sign up"},{"id":"tailark:sign-up-1","t":"Sign Up #1","d":"Tailark sign-up variant 1 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Sign up"},{"id":"tailark:sign-up-7","t":"Sign Up #7","d":"Tailark sign-up variant 7 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Sign up"},{"id":"tailark:sign-up-6","t":"Sign Up #6","d":"Tailark sign-up variant 6 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Sign up"},{"id":"tailark:sign-up-10","t":"Sign Up #10","d":"Tailark sign-up variant 10 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Sign up"},{"id":"tailark:sign-up-3","t":"Sign Up #3","d":"Tailark sign-up variant 3 block","k":"layout","s":"tailark","c":"flows/sign-in","tg":["webgl"],"sb":"Sign up","sy":["webgl"]},{"id":"tailark:sign-up-2","t":"Sign Up #2","d":"Tailark sign-up variant 2 block","k":"layout","s":"tailark","c":"flows/sign-in","sb":"Sign up"},{"id":"tailark:stats-8","t":"Stats #8","d":"Tailark stats variant 8 block","s":"tailark","c":"data-display/stat"},{"id":"tailark:stats-5","t":"Stats #5","d":"Tailark stats variant 5 block","s":"tailark","c":"data-display/stat"},{"id":"tailark:stats-4","t":"Stats #4","d":"Tailark stats variant 4 block","s":"tailark","c":"data-display/stat"},{"id":"tailark:stats-1","t":"Stats #1","d":"Tailark stats variant 1 block","s":"tailark","c":"data-display/stat"},{"id":"tailark:stats-7","t":"Stats #7","d":"Tailark stats variant 7 block","s":"tailark","c":"data-display/stat"},{"id":"tailark:stats-6","t":"Stats #6","d":"Tailark stats variant 6 block","s":"tailark","c":"data-display/stat"},{"id":"tailark:stats-3","t":"Stats #3","d":"Tailark stats variant 3 block","s":"tailark","c":"data-display/stat","tg":["webgl"],"sy":["webgl"]},{"id":"tailark:stats-2","t":"Stats #2","d":"Tailark stats variant 2 block","s":"tailark","c":"data-display/stat"},{"id":"tailark:team-8","t":"Team #8","d":"Tailark team variant 8 block","k":"section","s":"tailark","c":"marketing/team"},{"id":"tailark:team-11","t":"Team #11","d":"Tailark team variant 11 block","k":"section","s":"tailark","c":"marketing/team"},{"id":"tailark:team-15","t":"Team #15","d":"Tailark team variant 15 block","k":"section","s":"tailark","c":"marketing/team"},{"id":"tailark:team-5","t":"Team #5","d":"Tailark team variant 5 block","k":"section","s":"tailark","c":"marketing/team"},{"id":"tailark:team-4","t":"Team #4","d":"Tailark team variant 4 block","k":"section","s":"tailark","c":"marketing/team"},{"id":"tailark:team-14","t":"Team #14","d":"Tailark team variant 14 block","k":"section","s":"tailark","c":"marketing/team"},{"id":"tailark:team-9","t":"Team #9","d":"Tailark team variant 9 block","k":"section","s":"tailark","c":"marketing/team"},{"id":"tailark:team-1","t":"Team #1","d":"Tailark team variant 1 block","k":"section","s":"tailark","c":"marketing/team"},{"id":"tailark:team-7","t":"Team #7","d":"Tailark team variant 7 block","k":"section","s":"tailark","c":"marketing/team"},{"id":"tailark:team-6","t":"Team #6","d":"Tailark team variant 6 block","k":"section","s":"tailark","c":"marketing/team"},{"id":"tailark:team-16","t":"Team #16","d":"Tailark team variant 16 block","k":"section","s":"tailark","c":"marketing/team"},{"id":"tailark:team-10","t":"Team #10","d":"Tailark team variant 10 block","k":"section","s":"tailark","c":"marketing/team"},{"id":"tailark:team-13","t":"Team #13","d":"Tailark team variant 13 block","k":"section","s":"tailark","c":"marketing/team"},{"id":"tailark:team-3","t":"Team #3","d":"Tailark team variant 3 block","k":"section","s":"tailark","c":"marketing/team","tg":["webgl"],"sy":["webgl"]},{"id":"tailark:team-12","t":"Team #12","d":"Tailark team variant 12 block","k":"section","s":"tailark","c":"marketing/team"},{"id":"tailark:team-2","t":"Team #2","d":"Tailark team variant 2 block","k":"section","s":"tailark","c":"marketing/team"},{"id":"tailark:testimonials-8","t":"Testimonials #8","d":"Tailark testimonials variant 8 block","k":"section","s":"tailark","c":"marketing/testimonials"},{"id":"tailark:testimonials-5","t":"Testimonials #5","d":"Tailark testimonials variant 5 block","k":"section","s":"tailark","c":"marketing/testimonials"},{"id":"tailark:testimonials-4","t":"Testimonials #4","d":"Tailark testimonials variant 4 block","k":"section","s":"tailark","c":"marketing/testimonials"},{"id":"tailark:testimonials-1","t":"Testimonials #1","d":"Tailark testimonials variant 1 block","k":"section","s":"tailark","c":"marketing/testimonials"},{"id":"tailark:testimonials-7","t":"Testimonials #7","d":"Tailark testimonials variant 7 block","k":"section","s":"tailark","c":"marketing/testimonials"},{"id":"tailark:testimonials-6","t":"Testimonials #6","d":"Tailark testimonials variant 6 block","k":"section","s":"tailark","c":"marketing/testimonials"},{"id":"tailark:testimonials-3","t":"Testimonials #3","d":"Tailark testimonials variant 3 block","k":"section","s":"tailark","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"]},{"id":"tailark:testimonials-2","t":"Testimonials #2","d":"Tailark testimonials variant 2 block","k":"section","s":"tailark","c":"marketing/testimonials"},{"id":"tailgrids:accordion","t":"Accordion","d":"Fully accessible accordion component with multiple style variants","s":"tailgrids","c":"data-display/accordion"},{"id":"tailgrids:alert","t":"Alert","d":"A component to display important messages to the user, with support for different variants","s":"tailgrids","c":"overlays/alert-banner"},{"id":"tailgrids:alert-dialog","t":"Alert dialog","d":"A modal dialog that interrupts the user with important content and expects a response.","s":"tailgrids","c":"overlays/dialog","sb":"Confirm"},{"id":"tailgrids:aspect-ratio","t":"Aspect ratio","d":"Aspect ratio component to maintain the aspect ratio of an element.","k":"layout","s":"tailgrids","c":"layout/page-shell"},{"id":"tailgrids:avatar","t":"Avatar","d":"An image element with a fallback for representing a user.","s":"tailgrids","c":"data-display/avatar"},{"id":"tailgrids:badge","t":"Badge","d":"Badge component with multiple colors, sizes, and support for prefix/suffix icons.","s":"tailgrids","c":"data-display/badge"},{"id":"tailgrids:breadcrumbs","t":"Breadcrumbs","d":"Breadcrumbs component with multiple variants and support for icons.","s":"tailgrids","c":"navigation/breadcrumb"},{"id":"tailgrids:button","t":"Button","d":"Button component with multiple variants, sizes, and support for icons.","s":"tailgrids","c":"actions/button"},{"id":"tailgrids:button-group","t":"Button group","d":"A component with multiple buttons grouped together.","s":"tailgrids","c":"actions/button","sb":"Groups and split"},{"id":"tailgrids:calendar","t":"Calendar","d":"A calendar component with internationalization support.","s":"tailgrids","c":"data-display/calendar"},{"id":"tailgrids:card","t":"Card","d":"A card component with ultimate flexibility and customization.","s":"tailgrids","c":"data-display/card"},{"id":"tailgrids:carousel","t":"Carousel","d":"A powerful, flexible carousel component built with Embla Carousel.","s":"tailgrids","c":"media/carousel"},{"id":"tailgrids:chart","t":"Chart","d":"A chart component with multiple variants.","s":"tailgrids","c":"data-viz/chart"},{"id":"tailgrids:checkbox","t":"Checkbox","d":"A checkbox component with label and multiple states.","s":"tailgrids","c":"inputs/checkbox"},{"id":"tailgrids:collapsible","t":"Collapsible","d":"A high-performance context menu component that appears when triggered by a right-click or ","s":"tailgrids","c":"data-display/accordion"},{"id":"tailgrids:context-menu","t":"Context menu","d":"A context menu component with multiple variants.","s":"tailgrids","c":"overlays/context-menu"},{"id":"tailgrids:combobox","t":"Combobox","d":"A combobox component with multiple variants.","s":"tailgrids","c":"inputs/combobox"},{"id":"tailgrids:command","t":"Command","d":"A command menu component with multiple variants.","s":"tailgrids","c":"navigation/command-palette"},{"id":"tailgrids:date-field","t":"Date field","d":"A React date field component that lets users input a date.","s":"tailgrids","c":"inputs/date-picker"},{"id":"tailgrids:date-picker","t":"Date picker","d":"A component to select a date.","s":"tailgrids","c":"inputs/date-picker"},{"id":"tailgrids:description","t":"Description","d":"A description component that provides additional context or instructions for form fields.","s":"tailgrids","c":"inputs/form-field"},{"id":"tailgrids:dialog","t":"Dialog","d":"A dialog component that display a modal overlay above the main page content.","s":"tailgrids","c":"overlays/dialog"},{"id":"tailgrids:drawer","t":"Drawer","d":"A drawer component that slides in from the edge of the screen, typically used for navigati","s":"tailgrids","c":"overlays/sheet"},{"id":"tailgrids:dropdown","t":"Dropdown","d":"A dropdown component with multiple variants and support for icons.","s":"tailgrids","c":"navigation/menu","sb":"Dropdowns"},{"id":"tailgrids:field","t":"Field","d":"A collection of components for building accessible and flexible form fields.","s":"tailgrids","c":"inputs/form-field"},{"id":"tailgrids:hover-card","t":"Hover card","d":"A hover card component that displays information when the user hovers over an element.","s":"tailgrids","c":"overlays/hover-card"},{"id":"tailgrids:input","t":"Input","d":"An input component with multiple variants and support for icons.","s":"tailgrids","c":"inputs/form-field","vn":1},{"id":"tailgrids:label","t":"Label","d":"A label component for form fields.","s":"tailgrids","c":"inputs/form-field","sb":"Animated fields"},{"id":"tailgrids:link","t":"Link","d":"A link component with multiple variants.","s":"tailgrids","c":"actions/link"},{"id":"tailgrids:list","t":"List","d":"A list component with multiple variants.","s":"tailgrids","c":"data-display/list"},{"id":"tailgrids:menubar","t":"Menubar","d":"A responsive menu bar component that provides a horizontal row of menu triggers, each open","s":"tailgrids","c":"navigation/top-nav","sb":"Mega menus"},{"id":"tailgrids:native-select","t":"Native select","d":"A native select component with multiple variants.","s":"tailgrids","c":"inputs/select"},{"id":"tailgrids:navigation-menu","t":"Navigation menu","d":"A navigation menu component that provides a clear visual structure for the primary links o","s":"tailgrids","c":"navigation/top-nav","sb":"Mega menus"},{"id":"tailgrids:number-field","t":"Number field","d":"A component for entering numeric values with increment and decrement buttons.","s":"tailgrids","c":"inputs/number-input"},{"id":"tailgrids:otp-input","t":"Otp input","d":"A component for entering one-time passwords.","s":"tailgrids","c":"inputs/otp-input"},{"id":"tailgrids:overlay","t":"Overlay","d":"A component for displaying content in a floating container.","s":"tailgrids","c":"overlays/dialog"},{"id":"tailgrids:pagination","t":"Pagination","d":"A component for navigating between pages.","s":"tailgrids","c":"navigation/pagination"},{"id":"tailgrids:popover","t":"Popover","d":"A popover component that displays content in a floating container.","s":"tailgrids","c":"overlays/popover"},{"id":"tailgrids:progress","t":"Progress","d":"A progress bar component with multiple variants.","s":"tailgrids","c":"data-viz/progress-bar"},{"id":"tailgrids:radio-input","t":"Radio input","d":"A radio button component with label and multiple states.","s":"tailgrids","c":"inputs/radio"},{"id":"tailgrids:range-calendar","t":"Range calendar","d":"A calendar component for selecting a range of dates.","s":"tailgrids","c":"data-display/calendar"},{"id":"tailgrids:resizable","t":"Resizable","d":"Accessible resizable panel groups and layouts with keyboard support.","k":"layout","s":"tailgrids","c":"layout/split-pane"},{"id":"tailgrids:scroll-area","t":"Scroll area","d":"A scroll area component to add scrollbars to an element.","k":"layout","s":"tailgrids","c":"layout/scroll-area"},{"id":"tailgrids:select","t":"Select","d":"A select component with multiple variants.","s":"tailgrids","c":"inputs/select"},{"id":"tailgrids:separator","t":"Separator","d":"A separator component to separate content.","k":"layout","s":"tailgrids","c":"layout/page-shell"},{"id":"tailgrids:sheet","t":"Sheet","d":"A sheet component that slides in from the edge of the screen, typically used for navigatio","s":"tailgrids","c":"overlays/sheet"},{"id":"tailgrids:sidebar","t":"Sidebar","d":"A reusable, responsive, and accessible sidebar component.","s":"tailgrids","c":"navigation/sidebar"},{"id":"tailgrids:skeleton","t":"Skeleton","d":"A component to indicate a loading state.","s":"tailgrids","c":"status/skeleton"},{"id":"tailgrids:slider","t":"Slider","d":"A slider component to select a value from a range.","s":"tailgrids","c":"inputs/slider"},{"id":"tailgrids:social-button","t":"Social button","d":"A button component for social media actions.","s":"tailgrids","c":"actions/button","sb":"Social and sign-in"},{"id":"tailgrids:spinner","t":"Spinner","d":"A spinner component to indicate a loading state.","s":"tailgrids","c":"status/loader","sb":"Spinners"},{"id":"tailgrids:table","t":"Table","d":"A table component with multiple variants.","s":"tailgrids","c":"data-display/table"},{"id":"tailgrids:tabs","t":"Tabs","d":"A tabs component with multiple variants.","s":"tailgrids","c":"navigation/tabs"},{"id":"tailgrids:text-area","t":"Text area","d":"A multiline text input component.","s":"tailgrids","c":"inputs/textarea"},{"id":"tailgrids:text-field","t":"Text field","d":"A wrapper for text inputs.","s":"tailgrids","c":"inputs/form-field"},{"id":"tailgrids:time-field","t":"Time field","d":"A segment-based time input component.","s":"tailgrids","c":"inputs/time-picker"},{"id":"tailgrids:time-picker","t":"Time picker","d":"A component to select a time.","s":"tailgrids","c":"inputs/time-picker"},{"id":"tailgrids:toast","t":"Toast","d":"A toast component for displaying notifications.","s":"tailgrids","c":"overlays/toast"},{"id":"tailgrids:toggle","t":"Toggle","d":"A toggle switch component.","s":"tailgrids","c":"actions/switch"},{"id":"tailgrids:tooltip","t":"Tooltip","d":"A tooltip component.","s":"tailgrids","c":"overlays/tooltip"},{"id":"tailwind-admin:download-banner","t":"Download banner","d":"A banner component with optional code display for UI blocks.","s":"tailwind-admin","c":"overlays/alert-banner","hc":1},{"id":"tailwind-admin:empty-banner","t":"Empty banner","d":"A banner component with optional code display for UI blocks.","s":"tailwind-admin","c":"overlays/alert-banner","hc":1},{"id":"tailwind-admin:error-banner","t":"Error banner","d":"A banner component with optional code display for UI blocks.","s":"tailwind-admin","c":"overlays/alert-banner","hc":1},{"id":"tailwind-admin:greeting-banner","t":"Greeting banner","d":"A banner component with optional code display for UI blocks.","s":"tailwind-admin","c":"overlays/alert-banner","hc":1},{"id":"tailwind-admin:mutual-banner","t":"Mutual banner","d":"A banner component with optional code display for UI blocks.","s":"tailwind-admin","c":"overlays/alert-banner","hc":1},{"id":"tailwind-admin:notification-banner","t":"Notification banner","d":"A banner component with optional code display for UI blocks.","s":"tailwind-admin","c":"overlays/alert-banner","hc":1},{"id":"tailwind-admin:welcome-banner","t":"Welcome banner","d":"A banner component with optional code display for UI blocks.","s":"tailwind-admin","c":"overlays/alert-banner","hc":1},{"id":"tailwind-admin:best-selling-product","t":"Best selling product","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-display/card","sb":"Product","hc":1},{"id":"tailwind-admin:top-cards","t":"Top cards","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-display/card","hc":1},{"id":"tailwind-admin:blog-cards","t":"Blog cards","d":"A Card component with optional code display for UI blocks.","k":"section","s":"tailwind-admin","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"tailwind-admin:feed-cards","t":"Feed cards","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-display/timeline","hc":1},{"id":"tailwind-admin:gift-cards","t":"Gift cards","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-display/card","hc":1},{"id":"tailwind-admin:music-cards","t":"Music cards","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"media/player","hc":1},{"id":"tailwind-admin:payment-gateways","t":"Payment gateways","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-display/card","sb":"Payment","hc":1},{"id":"tailwind-admin:poll-of-week","t":"Poll of week","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-display/card","hc":1},{"id":"tailwind-admin:poll-result","t":"Poll result","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-display/card","hc":1},{"id":"tailwind-admin:products-cards","t":"Products cards","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-display/card","sb":"Product","hc":1},{"id":"tailwind-admin:profile-cards","t":"Profile cards","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-display/profile","hc":1},{"id":"tailwind-admin:recent-comments","t":"Recent comments","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-display/card","hc":1},{"id":"tailwind-admin:recent-messages","t":"Recent messages","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"tailwind-admin:recent-transaction","t":"Recent transaction","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-display/card","hc":1},{"id":"tailwind-admin:review-cards","t":"Review cards","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-display/card","hc":1},{"id":"tailwind-admin:settings-card","t":"Settings card","d":"A Card component with optional code display for UI blocks.","k":"layout","s":"tailwind-admin","c":"flows/settings","hc":1},{"id":"tailwind-admin:social-card","t":"Social card","d":"A Card component with optional code display for UI blocks.","k":"resource","s":"tailwind-admin","c":"assets/og-image","hc":1},{"id":"tailwind-admin:social-cards","t":"Social cards","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-display/card","hc":1},{"id":"tailwind-admin:social-post","t":"Social post","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-display/card","sb":"Article","hc":1},{"id":"tailwind-admin:task-list","t":"Task list","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-display/list","sb":"Tasks and to-dos","hc":1},{"id":"tailwind-admin:upcomming-activities","t":"Upcomming activities","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-display/card","hc":1},{"id":"tailwind-admin:user-cards","t":"User cards","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-display/card","sb":"Profile","hc":1},{"id":"tailwind-admin:user-info-card","t":"User info card","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-display/card","sb":"Profile","hc":1},{"id":"tailwind-admin:user-profile-card","t":"User profile card","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-display/profile","hc":1},{"id":"tailwind-admin:login-1","t":"Login #1","d":"A Card component with optional code display for UI blocks.","k":"layout","s":"tailwind-admin","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"tailwind-admin:login-2","t":"Login #2","d":"A Card component with optional code display for UI blocks.","k":"layout","s":"tailwind-admin","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"tailwind-admin:login-3","t":"Login #3","d":"A Card component with optional code display for UI blocks.","k":"layout","s":"tailwind-admin","c":"flows/sign-in","tg":["webgl"],"sb":"Verification","sy":["webgl"],"hc":1},{"id":"tailwind-admin:login-4","t":"Login #4","d":"A Card component with optional code display for UI blocks.","k":"layout","s":"tailwind-admin","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"tailwind-admin:signup-1","t":"Signup #1","d":"A Card component with optional code display for UI blocks.","k":"layout","s":"tailwind-admin","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"tailwind-admin:signup-2","t":"Signup #2","d":"A Card component with optional code display for UI blocks.","k":"layout","s":"tailwind-admin","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"tailwind-admin:signup-3","t":"Signup #3","d":"A Card component with optional code display for UI blocks.","k":"layout","s":"tailwind-admin","c":"flows/sign-in","tg":["webgl"],"sb":"Verification","sy":["webgl"],"hc":1},{"id":"tailwind-admin:signup-4","t":"Signup #4","d":"A Card component with optional code display for UI blocks.","k":"layout","s":"tailwind-admin","c":"flows/sign-in","sb":"Verification","hc":1},{"id":"tailwind-admin:otp-1","t":"Otp #1","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"inputs/otp-input","hc":1},{"id":"tailwind-admin:otp-2","t":"Otp #2","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"inputs/otp-input","hc":1},{"id":"tailwind-admin:otp-3","t":"Otp #3","d":"A Card component with optional code display for UI blocks.","s":"tailwind-admin","c":"inputs/otp-input","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"tailwind-admin:current-value-chart","t":"Current value chart","d":"A Chart component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-viz/chart","hc":1},{"id":"tailwind-admin:current-year-chart","t":"Current year chart","d":"A Chart component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-viz/chart","hc":1},{"id":"tailwind-admin:customers-chart","t":"Customers chart","d":"A Chart component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-viz/chart","hc":1},{"id":"tailwind-admin:earned-chart","t":"Earned chart","d":"A Chart component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-viz/chart","hc":1},{"id":"tailwind-admin:expnace-chart","t":"Expnace chart","d":"A Chart component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-viz/chart","hc":1},{"id":"tailwind-admin:followers-chart","t":"Followers chart","d":"A Chart component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-viz/chart","hc":1},{"id":"tailwind-admin:income-chart","t":"Income chart","d":"A Chart component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-viz/chart","hc":1},{"id":"tailwind-admin:monthly-earning-chart","t":"Monthly earning chart","d":"A Chart component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-viz/chart","hc":1},{"id":"tailwind-admin:most-visited-chart","t":"Most visited chart","d":"A Chart component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-viz/chart","hc":1},{"id":"tailwind-admin:page-impression-chart","t":"Page impression chart","d":"A Chart component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-viz/chart","hc":1},{"id":"tailwind-admin:projects-chart","t":"Projects chart","d":"A Chart component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-viz/chart","hc":1},{"id":"tailwind-admin:revenue-updates-chart","t":"Revenue updates chart","d":"A Chart component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-viz/chart","hc":1},{"id":"tailwind-admin:sales-overview-chart","t":"Sales overview chart","d":"A Chart component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-viz/chart","hc":1},{"id":"tailwind-admin:total-earnigs-chart","t":"Total earnigs chart","d":"A Chart component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-viz/chart","hc":1},{"id":"tailwind-admin:views-chart","t":"Views chart","d":"A Chart component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-viz/chart","hc":1},{"id":"tailwind-admin:weekly-stats-chart","t":"Weekly stats chart","d":"A Chart component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-viz/chart","hc":1},{"id":"tailwind-admin:yarly-breakup-chart","t":"Yarly breakup chart","d":"A Chart component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-viz/chart","hc":1},{"id":"tailwind-admin:yearly-sales-chart","t":"Yearly sales chart","d":"A Chart component with optional code display for UI blocks.","s":"tailwind-admin","c":"data-viz/chart","hc":1},{"id":"tailwind-admin:bell-notify-button","t":"Bell notify button","d":"A Button component with optional code display for UI blocks.","s":"tailwind-admin","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"tailwind-admin:glitch-button","t":"Glitch button","d":"A Button component with glitch animation effect.","s":"tailwind-admin","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"tailwind-admin:glow-link-button","t":"Glow link button","d":"A Button component with glow effect on hover.","s":"tailwind-admin","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"],"hc":1},{"id":"tailwind-admin:heart-like-button","t":"Heart like button","d":"A Button component with heart animation for like functionality.","s":"tailwind-admin","c":"actions/button","tg":["animated","playful"],"sb":"Copy, share and like","sy":["animated","playful"],"hc":1},{"id":"tailwind-admin:hover-lift-button","t":"Hover lift button","d":"A Button component that lifts on hover.","s":"tailwind-admin","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"tailwind-admin:liquid-fill-button","t":"Liquid fill button","d":"A Button component with liquid fill animation on hover.","s":"tailwind-admin","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"tailwind-admin:ripple-effect-button","t":"Ripple effect button","d":"A Button component with ripple effect animation on hover.","s":"tailwind-admin","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"tailwind-admin:shine-effect-button","t":"Shine effect button","d":"A Button component with shine effect animation on hover.","s":"tailwind-admin","c":"actions/button","sb":"Animated","hc":1},{"id":"tailwind-admin:magnetic-button","t":"Magnetic button","d":"A Button component with magnetic effect animation on hover.","s":"tailwind-admin","c":"actions/button","sb":"Animated","hc":1},{"id":"tailwind-admin:heartbeat-effect-button","t":"Heartbeat effect button","d":"A Button component with heartbeat effect animation on hover.","s":"tailwind-admin","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"tailwind-admin:matrix-rain-button","t":"Matrix rain button","d":"A Button component with matrix rain animation effect.","s":"tailwind-admin","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"tailwind-admin:playful-wiggle-button","t":"Playful wiggle button","d":"A Button component with playful wiggle animation.","s":"tailwind-admin","c":"actions/button","tg":["animated","playful"],"sb":"Animated","sy":["animated","playful"],"hc":1},{"id":"tailwind-admin:shiny-button","t":"Shiny button","d":"A Button component with shiny effect animation.","s":"tailwind-admin","c":"actions/button","hc":1},{"id":"tailwind-admin:star-favourite-button","t":"Star favourite button","d":"A Button component with star animation for favourite functionality.","s":"tailwind-admin","c":"actions/button","tg":["animated","playful"],"sb":"Animated","sy":["animated","playful"],"hc":1},{"id":"tailwind-admin:tap-pop-button","t":"Tap pop button","d":"A Button component with tap and pop animation effect.","s":"tailwind-admin","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"tailwind-admin:action-tracking-motion","t":"Action tracking motion","d":"A Card component with action tracking animation.","s":"tailwind-admin","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tailwind-admin:alert-card-motion","t":"Alert card motion","d":"A Card component with alert animation.","s":"tailwind-admin","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tailwind-admin:animate-border-card-motion","t":"Animate border card motion","d":"A Card component with animated border effect.","s":"tailwind-admin","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"tailwind-admin:card-circle-motion","t":"Card circle motion","d":"A Card component with circle reveal animation.","s":"tailwind-admin","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tailwind-admin:card-lift-motion","t":"Card lift motion","d":"A Card component with lift animation on hover.","s":"tailwind-admin","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tailwind-admin:expandable-card-motion","t":"Expandable card motion","d":"A Card component that expands on click.","s":"tailwind-admin","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tailwind-admin:flip-card-motion","t":"Flip card motion","d":"A Card component with flip animation.","s":"tailwind-admin","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tailwind-admin:image-comparison-motion","t":"Image comparison motion","d":"A component for comparing two images with a slider.","k":"section","s":"tailwind-admin","c":"marketing/comparison","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tailwind-admin:insight-card-motion","t":"Insight card motion","d":"A Card component displaying insights with animation.","s":"tailwind-admin","c":"data-display/card","hc":1},{"id":"tailwind-admin:message-card-motion","t":"Message card motion","d":"A Card component displaying messages with animation.","s":"tailwind-admin","c":"data-display/card","hc":1},{"id":"tailwind-admin:three-d-card-motion","t":"Three d card motion","d":"A Card component with 3D hover effect.","s":"tailwind-admin","c":"data-display/card","tg":["3d","animated","webgl"],"sy":["3d","animated","webgl"],"hc":1},{"id":"tailwind-admin:file-upload-motion","t":"File upload motion","d":"A file upload component with drag and drop animation.","s":"tailwind-admin","c":"inputs/file-upload","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tailwind-admin:input-form-motion","t":"Input form motion","d":"An input form component with spotlight effect.","s":"tailwind-admin","c":"inputs/form-field","tg":["animated"],"sb":"Whole forms","sy":["animated"],"hc":1},{"id":"tailwind-admin:input-placeholder-motion","t":"Input placeholder motion","d":"An input form component with spotlight effect.","s":"tailwind-admin","c":"inputs/form-field","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tailwind-admin:link-preview","t":"Link preview","d":"An preview link component with spotlight effect.","s":"tailwind-admin","c":"actions/link","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tailwind-admin:animated-list-motion","t":"Animated list motion","d":"A list component with staggered animation.","s":"tailwind-admin","c":"data-display/list","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"tailwind-admin:dot-loader-motion","t":"Dot loader motion","d":"A dot loader component with animation.","s":"tailwind-admin","c":"status/loader","tg":["animated"],"sb":"Dots and pulse","sy":["animated"],"hc":1},{"id":"tailwind-admin:elastic-slider-motion","t":"Elastic slider motion","d":"A slider component with elastic animation.","s":"tailwind-admin","c":"inputs/slider","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tailwind-admin:animated-text-background-motion","t":"Animated text background motion","d":"A text component with animated gradient background.","k":"motion","s":"tailwind-admin","c":"motion/background","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"tailwind-admin:text-roller-motion","t":"Text roller motion","d":"A text component that rolls through a list of words.","k":"motion","s":"tailwind-admin","c":"motion/text-effect","hc":1},{"id":"tailwind-admin:shiny-text-motion","t":"Shiny text motion","d":"A text component that shines.","k":"motion","s":"tailwind-admin","c":"motion/text-effect","hc":1},{"id":"tailwind-admin:text-shimmer-motion","t":"Text shimmer motion","d":"A text component with shimmer effect.","k":"motion","s":"tailwind-admin","c":"motion/text-effect","tg":["animated"],"sb":"Gradient and shimmer","sy":["animated"],"hc":1},{"id":"tailwind-admin:typing-animation-motion","t":"Typing animation motion","d":"A text component with typing animation.","k":"motion","s":"tailwind-admin","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"tailwind-admin:animate-table-motion","t":"Animate table motion","d":"A table component with row animation.","s":"tailwind-admin","c":"data-display/table","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tailwind-admin:animated-tab-motion","t":"Animated tab motion","d":"A tab component with animated selection.","s":"tailwind-admin","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tailwind-admin:transition-tab-motion","t":"Transition tab motion","d":"A tab component with transition effects.","s":"tailwind-admin","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tailwind-admin:animated-tooltip-motion","t":"Animated tooltip motion","d":"A tooltip component with animated selection.","s":"tailwind-admin","c":"overlays/tooltip","tg":["animated"],"sy":["animated"],"hc":1},{"id":"taki:index","t":"Index","k":"theme","s":"taki","c":"themes/style"},{"id":"taki:style","t":"Style","k":"theme","s":"taki","c":"themes/style"},{"id":"taki:alert","t":"Alert","s":"taki","c":"overlays/alert-banner","vn":2,"hc":1},{"id":"taki:avatar","t":"Avatar","s":"taki","c":"data-display/avatar","vn":1,"hc":1},{"id":"taki:badge","t":"Badge","s":"taki","c":"data-display/badge","vn":5,"hc":1},{"id":"taki:breadcrumb","t":"Breadcrumb","s":"taki","c":"navigation/breadcrumb","vn":6,"hc":1},{"id":"taki:button","t":"Button","s":"taki","c":"actions/button","vn":24,"hc":1},{"id":"taki:button-group","t":"Button group","s":"taki","c":"actions/button","sb":"Groups and split","vn":12,"hc":1},{"id":"taki:calendar","t":"Calendar","s":"taki","c":"data-display/calendar","vn":2,"hc":1},{"id":"taki:card","t":"Card","s":"taki","c":"data-display/card","vn":6,"hc":1,"cp":1},{"id":"taki:carousel","t":"Carousel","s":"taki","c":"media/carousel","vn":6,"hc":1},{"id":"taki:chart","t":"Chart","s":"taki","c":"data-viz/chart","vn":65,"hc":1},{"id":"taki:checkbox","t":"Checkbox","s":"taki","c":"inputs/checkbox","vn":4,"hc":1},{"id":"taki:combobox","t":"Combobox","s":"taki","c":"inputs/combobox","vn":8,"hc":1},{"id":"taki:command","t":"Command","s":"taki","c":"navigation/command-palette","vn":3,"hc":1},{"id":"taki:date-field","t":"Date field","s":"taki","c":"inputs/date-picker","vn":6,"hc":1},{"id":"taki:date-picker","t":"Date picker","s":"taki","c":"inputs/date-picker","vn":7,"hc":1},{"id":"taki:date-range-picker","t":"Date range picker","s":"taki","c":"inputs/date-range","vn":6,"hc":1},{"id":"taki:description","t":"Description","s":"taki","c":"other/other","hc":1},{"id":"taki:dialog","t":"Dialog","s":"taki","c":"overlays/dialog","vn":3,"hc":1},{"id":"taki:modal","t":"Modal","s":"taki","c":"overlays/dialog","hc":1},{"id":"taki:disclosure","t":"Disclosure","s":"taki","c":"data-display/accordion","vn":6,"hc":1},{"id":"taki:drawer","t":"Drawer","s":"taki","c":"overlays/sheet","vn":2,"hc":1,"cp":1},{"id":"taki:empty","t":"Empty","s":"taki","c":"data-display/empty-state","vn":7,"hc":1},{"id":"taki:field","t":"Field","s":"taki","c":"inputs/form-field","vn":30,"hc":1},{"id":"taki:file-trigger","t":"File trigger","s":"taki","c":"inputs/file-upload","vn":5,"hc":1},{"id":"taki:grid-list","t":"Grid list","s":"taki","c":"data-display/list","vn":6,"hc":1},{"id":"taki:hover-card","t":"Hover card","s":"taki","c":"overlays/hover-card","vn":1,"hc":1},{"id":"taki:input","t":"Input","s":"taki","c":"inputs/form-field","vn":7,"hc":1},{"id":"taki:input-otp","t":"Input otp","s":"taki","c":"inputs/otp-input","vn":4,"hc":1},{"id":"taki:item","t":"Item","s":"taki","c":"data-display/list","vn":10,"hc":1},{"id":"taki:label","t":"Label","s":"taki","c":"inputs/form-field","sb":"Animated fields","vn":1,"hc":1},{"id":"taki:link-button","t":"Link button","s":"taki","c":"actions/button","hc":1},{"id":"taki:list-box","t":"List box","s":"taki","c":"data-display/list","vn":7,"hc":1},{"id":"taki:menu","t":"Menu","s":"taki","c":"navigation/menu","vn":3,"hc":1},{"id":"taki:number-field","t":"Number field","s":"taki","c":"inputs/number-input","vn":6,"hc":1},{"id":"taki:pagination","t":"Pagination","s":"taki","c":"navigation/pagination","vn":1,"hc":1},{"id":"taki:popover","t":"Popover","s":"taki","c":"overlays/popover","vn":1,"hc":1},{"id":"taki:progress-bar","t":"Progress bar","s":"taki","c":"data-viz/progress-bar","vn":4,"hc":1},{"id":"taki:radio-group","t":"Radio group","s":"taki","c":"inputs/radio","vn":1,"hc":1},{"id":"taki:range-calendar","t":"Range calendar","s":"taki","c":"data-display/calendar","vn":6,"hc":1},{"id":"taki:resizable","t":"Resizable","k":"layout","s":"taki","c":"layout/split-pane","vn":4,"hc":1},{"id":"taki:search-field","t":"Search field","s":"taki","c":"inputs/search","vn":5,"hc":1},{"id":"taki:select","t":"Select","s":"taki","c":"inputs/select","vn":3,"hc":1},{"id":"taki:separator","t":"Separator","k":"layout","s":"taki","c":"layout/page-shell","vn":1,"hc":1},{"id":"taki:sheet","t":"Sheet","s":"taki","c":"overlays/sheet","vn":2,"hc":1},{"id":"taki:sidebar","t":"Sidebar","s":"taki","c":"navigation/sidebar","vn":1,"hc":1},{"id":"taki:skeleton","t":"Skeleton","s":"taki","c":"status/skeleton","vn":2,"hc":1,"cp":1},{"id":"taki:slider","t":"Slider","s":"taki","c":"inputs/slider","vn":1,"hc":1},{"id":"taki:sonner","t":"Sonner","s":"taki","c":"overlays/toast","vn":2,"hc":1},{"id":"taki:spinner","t":"Spinner","s":"taki","c":"status/loader","sb":"Spinners","vn":10,"hc":1},{"id":"taki:switch","t":"Switch","s":"taki","c":"actions/switch","vn":1,"hc":1},{"id":"taki:table","t":"Table","s":"taki","c":"data-display/table","vn":1,"hc":1,"cp":1},{"id":"taki:tag-group","t":"Tag group","s":"taki","c":"data-display/badge","sb":"Tags and pills","vn":7,"hc":1},{"id":"taki:tabs","t":"Tabs","s":"taki","c":"navigation/tabs","vn":5,"hc":1},{"id":"taki:textarea","t":"Textarea","s":"taki","c":"inputs/textarea","vn":5,"hc":1},{"id":"taki:text-field","t":"Text field","s":"taki","c":"inputs/form-field","vn":6,"hc":1},{"id":"taki:time-field","t":"Time field","s":"taki","c":"inputs/time-picker","vn":7,"hc":1},{"id":"taki:toggle-button","t":"Toggle button","s":"taki","c":"actions/button","vn":7,"hc":1},{"id":"taki:tooltip","t":"Tooltip","s":"taki","c":"overlays/tooltip","vn":4,"hc":1},{"id":"taki:tree","t":"Tree","s":"taki","c":"data-display/tree","vn":7,"hc":1},{"id":"taki:kbd","t":"Kbd","s":"taki","c":"data-display/typography","vn":5,"hc":1},{"id":"taki:actions","t":"Actions","s":"taki","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"taki:artifact","t":"Artifact","s":"taki","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"taki:branch","t":"Branch","s":"taki","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"taki:canvas","t":"Canvas","s":"taki","c":"ai-agent/ai-agent","hc":1},{"id":"taki:chain-of-thought","t":"Chain of thought","s":"taki","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"taki:code-block","t":"Code block","s":"taki","c":"ai-agent/ai-agent","vn":10,"hc":1},{"id":"taki:connection","t":"Connection","s":"taki","c":"ai-agent/ai-agent","hc":1},{"id":"taki:context","t":"Context","s":"taki","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"taki:controls","t":"Controls","s":"taki","c":"ai-agent/ai-agent","hc":1},{"id":"taki:conversation","t":"Conversation","s":"taki","c":"ai-agent/ai-agent","sb":"Chat","vn":1,"hc":1},{"id":"taki:edge","t":"Edge","s":"taki","c":"ai-agent/ai-agent","hc":1},{"id":"taki:image","t":"Image","s":"taki","c":"media/gallery","vn":1,"hc":1},{"id":"taki:inline-citation","t":"Inline citation","s":"taki","c":"ai-agent/ai-agent","sb":"Sources","vn":1,"hc":1},{"id":"taki:loader","t":"Loader","s":"taki","c":"status/loader","vn":1,"hc":1},{"id":"taki:message","t":"Message","s":"taki","c":"ai-agent/ai-agent","sb":"Chat","vn":2,"hc":1},{"id":"taki:node","t":"Node","s":"taki","c":"ai-agent/ai-agent","hc":1},{"id":"taki:open-in-chat","t":"Open in chat","s":"taki","c":"ai-agent/ai-agent","sb":"Chat","vn":1,"hc":1},{"id":"taki:panel","t":"Panel","s":"taki","c":"data-display/card","hc":1},{"id":"taki:plan","t":"Plan","k":"section","s":"taki","c":"marketing/pricing","sb":"Plan cards","vn":1,"hc":1},{"id":"taki:prompt-input","t":"Prompt input","s":"taki","c":"ai-agent/composer","vn":1,"hc":1},{"id":"taki:queue","t":"Queue","s":"taki","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"taki:reasoning","t":"Reasoning","s":"taki","c":"ai-agent/ai-agent","sb":"Reasoning and tools","vn":1,"hc":1},{"id":"taki:response","t":"Response","s":"taki","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"taki:shimmer","t":"Shimmer","s":"taki","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"taki:sources","t":"Sources","s":"taki","c":"ai-agent/ai-agent","sb":"Sources","vn":1,"hc":1},{"id":"taki:suggestion","t":"Suggestion","s":"taki","c":"ai-agent/ai-agent","vn":1,"hc":1},{"id":"taki:task","t":"Task","s":"taki","c":"ai-agent/ai-agent","sb":"Reasoning and tools","vn":1,"hc":1},{"id":"taki:toolbar","t":"Toolbar","s":"taki","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"taki:tool","t":"Tool","s":"taki","c":"ai-agent/ai-agent","sb":"Reasoning and tools","vn":1,"hc":1},{"id":"taki:utils","t":"Utils","k":"lib","s":"taki","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"taki:use-controllable-state","t":"Use controllable state","k":"lib","s":"taki","c":"lib/hook","hc":1},{"id":"taki:use-mobile","t":"Use mobile","k":"lib","s":"taki","c":"lib/hook","hc":1,"cp":1},{"id":"taki:theme-stone","t":"Theme stone","k":"theme","s":"taki","c":"themes/theme"},{"id":"taki:theme-zinc","t":"Theme zinc","k":"theme","s":"taki","c":"themes/theme"},{"id":"taki:theme-neutral","t":"Theme neutral","k":"theme","s":"taki","c":"themes/theme"},{"id":"taki:theme-gray","t":"Theme gray","k":"theme","s":"taki","c":"themes/theme"},{"id":"taki:theme-slate","t":"Theme slate","k":"theme","s":"taki","c":"themes/theme"},{"id":"taki:data-table-demo","t":"Data table demo","s":"taki","c":"data-display/table","sb":"Data tables","hc":1},{"id":"taki:typography-blockquote","t":"Typography blockquote","s":"taki","c":"data-display/typography","hc":1},{"id":"taki:typography-demo","t":"Typography demo","s":"taki","c":"data-display/typography","hc":1},{"id":"taki:typography-h1","t":"Typography h #1","s":"taki","c":"data-display/typography","hc":1},{"id":"taki:typography-h2","t":"Typography h #2","s":"taki","c":"data-display/typography","hc":1},{"id":"taki:typography-h3","t":"Typography h #3","s":"taki","c":"data-display/typography","hc":1},{"id":"taki:typography-h4","t":"Typography h #4","s":"taki","c":"data-display/typography","hc":1},{"id":"taki:typography-inline-code","t":"Typography inline code","s":"taki","c":"data-display/typography","hc":1},{"id":"taki:typography-large","t":"Typography large","s":"taki","c":"data-display/typography","hc":1},{"id":"taki:typography-lead","t":"Typography lead","s":"taki","c":"data-display/typography","hc":1},{"id":"taki:typography-list","t":"Typography list","s":"taki","c":"data-display/typography","hc":1},{"id":"taki:typography-muted","t":"Typography muted","s":"taki","c":"data-display/typography","hc":1},{"id":"taki:typography-p","t":"Typography p","s":"taki","c":"data-display/typography","hc":1},{"id":"taki:typography-small","t":"Typography small","s":"taki","c":"data-display/typography","hc":1},{"id":"taki:typography-table","t":"Typography table","s":"taki","c":"data-display/typography","hc":1},{"id":"taki:mode-toggle","t":"Mode toggle","s":"taki","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"taki:chart-bar-demo","t":"Chart bar demo","s":"taki","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"taki:chart-bar-demo-grid","t":"Chart bar demo grid","s":"taki","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"taki:chart-bar-demo-axis","t":"Chart bar demo axis","s":"taki","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"taki:chart-bar-demo-tooltip","t":"Chart bar demo tooltip","s":"taki","c":"overlays/tooltip","hc":1},{"id":"taki:chart-bar-demo-legend","t":"Chart bar demo legend","s":"taki","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"taki:chart-tooltip-demo","t":"Chart tooltip demo","s":"taki","c":"overlays/tooltip","hc":1},{"id":"taki:sidebar-header","t":"Sidebar header","s":"taki","c":"navigation/top-nav","hc":1},{"id":"taki:sidebar-footer","t":"Sidebar footer","k":"section","s":"taki","c":"marketing/footer","hc":1},{"id":"taki:sidebar-group","t":"Sidebar group","s":"taki","c":"navigation/sidebar","hc":1},{"id":"taki:sidebar-group-collapsible","t":"Sidebar group collapsible","s":"taki","c":"data-display/accordion","hc":1},{"id":"taki:sidebar-group-action","t":"Sidebar group action","s":"taki","c":"navigation/sidebar","hc":1},{"id":"taki:sidebar-menu","t":"Sidebar menu","s":"taki","c":"navigation/menu","hc":1},{"id":"taki:sidebar-menu-action","t":"Sidebar menu action","s":"taki","c":"navigation/menu","hc":1},{"id":"taki:sidebar-menu-sub","t":"Sidebar menu sub","s":"taki","c":"navigation/menu","hc":1},{"id":"taki:sidebar-menu-collapsible","t":"Sidebar menu collapsible","s":"taki","c":"data-display/accordion","hc":1},{"id":"taki:sidebar-menu-badge","t":"Sidebar menu badge","s":"taki","c":"data-display/badge","hc":1},{"id":"taki:sidebar-rsc","t":"Sidebar rsc","s":"taki","c":"navigation/sidebar","hc":1},{"id":"taki:sidebar-controlled","t":"Sidebar controlled","s":"taki","c":"navigation/sidebar","hc":1},{"id":"termcn:ink/types","t":"Types","d":"Shared terminal theme and provider types.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/accessibility","t":"Accessibility","d":"Accessibility contracts and summaries for Ink components.","k":"lib","s":"termcn","c":"lib/utility","hc":1},{"id":"termcn:ink/terminal-style","t":"Terminal Style","d":"Terminal-aware Ink styling helpers.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/terminal-symbols","t":"Terminal Symbols","d":"Unicode and ASCII symbols for terminal UI output.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/interaction","t":"Interaction","d":"Focus-gated Ink input handling and modal focus scopes.","k":"lib","s":"termcn","c":"lib/hook","hc":1},{"id":"termcn:ink/use-motion","t":"Use Motion","d":"Provider-optional reduced-motion context and hook.","k":"lib","s":"termcn","c":"lib/hook","hc":1},{"id":"termcn:ink/use-theme","t":"Use Theme","d":"Provider-optional terminal theme context and hooks.","k":"lib","s":"termcn","c":"lib/hook","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/use-unicode","t":"Use Unicode","d":"Provider-optional Unicode capability context and hook.","k":"lib","s":"termcn","c":"lib/hook","hc":1},{"id":"termcn:ink/motion-provider","t":"Motion Provider","d":"Optional reduced-motion override provider.","k":"motion","s":"termcn","c":"motion/text-effect","hc":1},{"id":"termcn:ink/unicode-provider","t":"Unicode Provider","d":"Optional Unicode capability override provider.","s":"termcn","c":"other/other","hc":1},{"id":"termcn:ink/terminal-text","t":"Terminal Text","d":"Grapheme-safe terminal width, cursor, truncation, and padding helpers.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/alert","t":"Alert","d":"Alert box with success/error/warning/info variants","s":"termcn","c":"overlays/alert-banner","hc":1},{"id":"termcn:ink/app-shell","t":"App Shell","d":"Full-screen TUI layout with header, tip bar, full-width input, scrollable content, and hin","k":"layout","s":"termcn","c":"layout/dashboard","hc":1},{"id":"termcn:ink/aspect-ratio","t":"Aspect Ratio","d":"Constrains children to a given aspect ratio","k":"layout","s":"termcn","c":"layout/page-shell","hc":1},{"id":"termcn:ink/badge","t":"Badge","d":"Semantic status indicator badge (success/error/warning/info)","s":"termcn","c":"data-display/badge","hc":1},{"id":"termcn:ink/banner","t":"Banner","d":"Full-width announcement banner","s":"termcn","c":"overlays/alert-banner","hc":1},{"id":"termcn:ink/bar-chart","t":"Bar Chart","d":"Horizontal and vertical bar chart with labels","s":"termcn","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"termcn:ink/big-text","t":"Big Text","d":"Figlet-style large ASCII art text","k":"motion","s":"termcn","c":"motion/text-effect","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/box","t":"Box","d":"Enhanced flexbox container with theme-aware borders","s":"termcn","c":"data-display/card","hc":1},{"id":"termcn:ink/breadcrumb","t":"Breadcrumb","d":"Breadcrumb navigation trail","s":"termcn","c":"navigation/breadcrumb","hc":1},{"id":"termcn:ink/bullet-list","t":"Bullet List","d":"Nested structured content with ●/└/□ bullet prefixes","s":"termcn","c":"data-display/list","hc":1},{"id":"termcn:ink/card","t":"Card","d":"Card with header, body, and footer slots","s":"termcn","c":"data-display/card","hc":1},{"id":"termcn:ink/center","t":"Center","d":"Centers children horizontally and vertically","s":"termcn","c":"other/other","hc":1},{"id":"termcn:ink/chat-message","t":"Chat Message","d":"Chat message bubble with role label, streaming indicator, and collapsible content","s":"termcn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"termcn:ink/chat-thread","t":"Chat Thread","d":"Scrollable container for stacking ChatMessage components in a conversation thread","s":"termcn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"termcn:ink/checkbox","t":"Checkbox","d":"Checkbox with indeterminate state","s":"termcn","c":"inputs/checkbox","hc":1},{"id":"termcn:ink/checkbox-group","t":"Checkbox Group","d":"Checkbox group with min/max selection","s":"termcn","c":"inputs/checkbox","hc":1},{"id":"termcn:ink/clipboard","t":"Clipboard","d":"Copy-to-clipboard button with success feedback","s":"termcn","c":"actions/copy-button","hc":1},{"id":"termcn:ink/clock","t":"Clock","d":"Real-time clock display with 12h/24h and date","s":"termcn","c":"data-display/stat","hc":1},{"id":"termcn:ink/code","t":"Code","d":"Syntax-highlighted code block (50+ languages)","s":"termcn","c":"data-display/typography","hc":1},{"id":"termcn:ink/color-picker","t":"Color Picker","d":"Color picker with palette, hex, and RGB input","s":"termcn","c":"inputs/color-picker","hc":1},{"id":"termcn:ink/columns","t":"Columns","d":"Multi-column layout with configurable widths","k":"layout","s":"termcn","c":"layout/page-shell","hc":1},{"id":"termcn:ink/command-palette","t":"Command Palette","d":"VS Code–style command palette with fuzzy search","s":"termcn","c":"navigation/command-palette","hc":1},{"id":"termcn:ink/confirm","t":"Confirm","d":"Yes/No confirmation prompt","s":"termcn","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"termcn:ink/conversation-history","t":"Conversation History","d":"Arrow-key scrollable stack for long assistant threads with optional hint","s":"termcn","c":"data-display/timeline","hc":1},{"id":"termcn:ink/data-grid","t":"Data Grid","d":"Advanced data grid with sorting, filtering, pagination, and cell editing","s":"termcn","c":"data-display/table","hc":1},{"id":"termcn:ink/date-picker","t":"Date Picker","d":"Calendar date picker with keyboard navigation","s":"termcn","c":"inputs/date-picker","hc":1},{"id":"termcn:ink/definition","t":"Definition","d":"Term–description definition list","s":"termcn","c":"data-display/list","hc":1},{"id":"termcn:ink/dialog","t":"Dialog","d":"Confirmation dialog with OK/Cancel actions","s":"termcn","c":"overlays/dialog","hc":1},{"id":"termcn:ink/diff-view","t":"Diff View","d":"Unified, split, and inline diff viewer with LCS-based diff algorithm and line numbers","s":"termcn","c":"data-display/diff","hc":1},{"id":"termcn:ink/digits","t":"Digits","d":"Box-drawing character numerals","s":"termcn","c":"data-display/typography","hc":1},{"id":"termcn:ink/directory-tree","t":"Directory Tree","d":"Filesystem browser with expand/collapse","s":"termcn","c":"data-display/tree","hc":1},{"id":"termcn:ink/dither-area-chart","t":"Dither Area Chart","d":"Dithered area charts with layered fills, dots, axes, stacking, bloom, and keyboard interac","s":"termcn","c":"data-viz/chart","sb":"Area","hc":1},{"id":"termcn:ink/dither-bar-chart","t":"Dither Bar Chart","d":"Dithered grouped, stacked, and percent bar charts with terminal-native textures and intera","s":"termcn","c":"data-viz/chart","tg":["retro and HUD"],"sb":"Bar","sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/dither-line-chart","t":"Dither Line Chart","d":"Dithered multi-series line charts with solid or dashed strokes, markers, axes, and termina","s":"termcn","c":"data-viz/chart","tg":["retro and HUD"],"sb":"Line and sparkline","sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/dither-pie-chart","t":"Dither Pie Chart","d":"Dithered pie and donut charts with textured slices, legends, tooltips, and keyboard inspec","s":"termcn","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"termcn:ink/dither-radar-chart","t":"Dither Radar Chart","d":"Dithered radar charts for comparing multiple series across terminal-friendly radial axes","s":"termcn","c":"data-viz/chart","tg":["retro and HUD"],"sb":"Radar","sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/dither-sparkline","t":"Dither Sparkline","d":"Compact dithered sparklines for terminal dashboards, summaries, and inline metrics","s":"termcn","c":"data-viz/chart","tg":["retro and HUD"],"sb":"Line and sparkline","sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/divider","t":"Divider","d":"Horizontal or vertical divider / rule","s":"termcn","c":"other/other","hc":1},{"id":"termcn:ink/drawer","t":"Drawer","d":"Slide-in panel from any edge","s":"termcn","c":"overlays/sheet","hc":1},{"id":"termcn:ink/email-input","t":"Email Input","d":"Email input with validation and domain suggestions","s":"termcn","c":"inputs/form-field","sb":"Email","hc":1},{"id":"termcn:ink/embedded-terminal","t":"Embedded Terminal","d":"Embedded PTY terminal panel (requires node-pty peer)","s":"termcn","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/error-boundary","t":"Error Boundary","d":"React error boundary with graceful terminal display","s":"termcn","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/error-retry","t":"Error Retry","d":"Inline error panel with retry, dismiss, and max-retry guard","s":"termcn","c":"ai-agent/ai-agent","hc":1},{"id":"termcn:ink/file-change","t":"File Change","d":"Interactive file-change review list with diff expansion, per-file accept/reject actions, a","s":"termcn","c":"ai-agent/ai-agent","hc":1},{"id":"termcn:ink/file-picker","t":"File Picker","d":"Interactive file browser and picker","s":"termcn","c":"inputs/file-upload","hc":1},{"id":"termcn:ink/form","t":"Form","d":"Form container with validation, Ctrl+S submit, and dirty tracking","s":"termcn","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"termcn:ink/form-field","t":"Form Field","d":"Form field wrapper with label, hint, and error","s":"termcn","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"termcn:ink/gauge","t":"Gauge","d":"Arc/speedometer gauge meter","s":"termcn","c":"data-viz/gauge","hc":1},{"id":"termcn:ink/git-status","t":"Git Status","d":"Git status display (branch, staged, modified, ahead/behind)","s":"termcn","c":"other/other","hc":1},{"id":"termcn:ink/gradient","t":"Gradient","d":"Color gradient text","k":"motion","s":"termcn","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"termcn:ink/grid","t":"Grid","d":"Rows × columns grid layout","s":"termcn","c":"data-display/list","hc":1},{"id":"termcn:ink/heading","t":"Heading","d":"h1–h4 styled headings with optional figlet ASCII art","k":"motion","s":"termcn","c":"motion/text-effect","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/heat-map","t":"Heat Map","d":"Grid heatmap with color intensity scale","s":"termcn","c":"data-viz/map","hc":1},{"id":"termcn:ink/help","t":"Help","d":"Auto-generated help panel from a keymap","s":"termcn","c":"data-display/card","hc":1},{"id":"termcn:ink/help-screen","t":"Help Screen","d":"Figlet banner + tagline + aligned Options/Commands help sections","s":"termcn","c":"overlays/alert-banner","hc":1},{"id":"termcn:ink/image","t":"Image","d":"Image renderer with iTerm2/Kitty protocol and ASCII fallback","s":"termcn","c":"media/gallery","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/info-box","t":"Info Box","d":"Bordered info panel with header, key-value rows, and tree-prefix rows","s":"termcn","c":"navigation/top-nav","hc":1},{"id":"termcn:ink/json","t":"JSON","d":"Pretty-printed JSON with collapsible nodes","s":"termcn","c":"data-display/accordion","hc":1},{"id":"termcn:ink/key-value","t":"Key Value","d":"Aligned key–value pairs","s":"termcn","c":"data-display/badge","hc":1},{"id":"termcn:ink/keyboard-shortcuts","t":"Keyboard Shortcuts","d":"Formatted keyboard shortcut reference table","s":"termcn","c":"data-display/table","hc":1},{"id":"termcn:ink/line-chart","t":"Line Chart","d":"ASCII line chart with axes and multi-series support","s":"termcn","c":"data-viz/chart","tg":["retro and HUD"],"sb":"Line and sparkline","sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/link","t":"Link","d":"OSC 8 clickable hyperlink","s":"termcn","c":"actions/link","hc":1},{"id":"termcn:ink/list","t":"List","d":"Navigable list with optional filtering","s":"termcn","c":"data-display/list","hc":1},{"id":"termcn:ink/log","t":"Log","d":"Scrolling log viewer with severity levels and filtering","s":"termcn","c":"other/other","hc":1},{"id":"termcn:ink/login-flow","t":"Login Flow","d":"Full-page onboarding/login screen with announcement banner, big ASCII title, description, ","k":"layout","s":"termcn","c":"flows/sign-in","tg":["retro and HUD"],"sb":"Sign in","sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/markdown","t":"Markdown","d":"Full markdown renderer for terminal","s":"termcn","c":"data-display/typography","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/masked-input","t":"Masked Input","d":"Masked input for phone, date, credit card formats","s":"termcn","c":"inputs/form-field","hc":1},{"id":"termcn:ink/menu","t":"Menu","d":"Dropdown menu with nested submenus","s":"termcn","c":"navigation/menu","hc":1},{"id":"termcn:ink/modal","t":"Modal","d":"Focus-trapped overlay modal, close with Esc","s":"termcn","c":"overlays/dialog","hc":1},{"id":"termcn:ink/model-selector","t":"Model Selector","d":"Keyboard-navigable list for selecting an AI model, with optional provider grouping and con","s":"termcn","c":"ai-agent/ai-agent","hc":1},{"id":"termcn:ink/multi-progress","t":"Multi Progress","d":"Parallel progress display for package managers, build pipelines, and deploy tools","s":"termcn","c":"data-viz/progress-bar","hc":1},{"id":"termcn:ink/multi-select","t":"Multi Select","d":"Multi-select list with checkboxes and select-all","s":"termcn","c":"inputs/select","hc":1},{"id":"termcn:ink/notification-center","t":"Notification Center","d":"Persistent queue-based notification panel with useNotifications hook","s":"termcn","c":"overlays/notifications","hc":1},{"id":"termcn:ink/number-input","t":"Number Input","d":"Numeric input with increment/decrement and bounds","s":"termcn","c":"inputs/number-input","hc":1},{"id":"termcn:opentui/types","t":"Types","d":"Shared terminal theme and provider types.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/use-motion","t":"Use Motion","d":"Provider-optional reduced-motion context and hook.","k":"lib","s":"termcn","c":"lib/hook","hc":1},{"id":"termcn:opentui/use-theme","t":"Use Theme","d":"Provider-optional terminal theme context and hooks.","k":"lib","s":"termcn","c":"lib/hook","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/use-unicode","t":"Use Unicode","d":"Provider-optional Unicode capability context and hook.","k":"lib","s":"termcn","c":"lib/hook","hc":1},{"id":"termcn:opentui/motion-provider","t":"Motion Provider","d":"Optional reduced-motion override provider.","k":"motion","s":"termcn","c":"motion/text-effect","hc":1},{"id":"termcn:opentui/unicode-provider","t":"Unicode Provider","d":"Optional Unicode capability override provider.","s":"termcn","c":"other/other","hc":1},{"id":"termcn:opentui/alert","t":"Alert","d":"Alert box with success/error/warning/info variants","s":"termcn","c":"overlays/alert-banner","hc":1},{"id":"termcn:opentui/app-shell","t":"App Shell","d":"Full-screen TUI layout with header, tip bar, full-width input, scrollable content, and hin","k":"layout","s":"termcn","c":"layout/dashboard","hc":1},{"id":"termcn:opentui/aspect-ratio","t":"Aspect Ratio","d":"Constrains children to a given aspect ratio","k":"layout","s":"termcn","c":"layout/page-shell","hc":1},{"id":"termcn:opentui/badge","t":"Badge","d":"Semantic status indicator badge (success/error/warning/info)","s":"termcn","c":"data-display/badge","hc":1},{"id":"termcn:opentui/banner","t":"Banner","d":"Full-width announcement banner","s":"termcn","c":"overlays/alert-banner","hc":1},{"id":"termcn:opentui/bar-chart","t":"Bar Chart","d":"Horizontal and vertical bar chart with labels","s":"termcn","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"termcn:opentui/big-text","t":"Big Text","d":"Figlet-style large ASCII art text","k":"motion","s":"termcn","c":"motion/text-effect","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/box","t":"Box","d":"Enhanced flexbox container with theme-aware borders","s":"termcn","c":"data-display/card","hc":1},{"id":"termcn:opentui/breadcrumb","t":"Breadcrumb","d":"Breadcrumb navigation trail","s":"termcn","c":"navigation/breadcrumb","hc":1},{"id":"termcn:opentui/bullet-list","t":"Bullet List","d":"Nested structured content with ●/└/□ bullet prefixes","s":"termcn","c":"data-display/list","hc":1},{"id":"termcn:opentui/card","t":"Card","d":"Card with header, body, and footer slots","s":"termcn","c":"data-display/card","hc":1},{"id":"termcn:opentui/center","t":"Center","d":"Centers children horizontally and vertically","s":"termcn","c":"other/other","hc":1},{"id":"termcn:opentui/chat-message","t":"Chat Message","d":"Chat message bubble with role label, streaming indicator, and collapsible content","s":"termcn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"termcn:opentui/chat-thread","t":"Chat Thread","d":"Scrollable container for stacking ChatMessage components in a conversation thread","s":"termcn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"termcn:opentui/checkbox","t":"Checkbox","d":"Checkbox with indeterminate state","s":"termcn","c":"inputs/checkbox","hc":1},{"id":"termcn:opentui/checkbox-group","t":"Checkbox Group","d":"Checkbox group with min/max selection","s":"termcn","c":"inputs/checkbox","hc":1},{"id":"termcn:opentui/clipboard","t":"Clipboard","d":"Copy-to-clipboard button with success feedback","s":"termcn","c":"actions/copy-button","hc":1},{"id":"termcn:opentui/clock","t":"Clock","d":"Real-time clock display with 12h/24h and date","s":"termcn","c":"data-display/stat","hc":1},{"id":"termcn:opentui/code","t":"Code","d":"Syntax-highlighted code block (50+ languages)","s":"termcn","c":"data-display/typography","hc":1},{"id":"termcn:opentui/color-picker","t":"Color Picker","d":"Color picker with palette, hex, and RGB input","s":"termcn","c":"inputs/color-picker","hc":1},{"id":"termcn:opentui/columns","t":"Columns","d":"Multi-column layout with configurable widths","k":"layout","s":"termcn","c":"layout/page-shell","hc":1},{"id":"termcn:opentui/command-palette","t":"Command Palette","d":"VS Code–style command palette with fuzzy search","s":"termcn","c":"navigation/command-palette","hc":1},{"id":"termcn:opentui/confirm","t":"Confirm","d":"Yes/No confirmation prompt","s":"termcn","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"termcn:opentui/data-grid","t":"Data Grid","d":"Advanced data grid with sorting, filtering, pagination, and cell editing","s":"termcn","c":"data-display/table","hc":1},{"id":"termcn:opentui/date-picker","t":"Date Picker","d":"Calendar date picker with keyboard navigation","s":"termcn","c":"inputs/date-picker","hc":1},{"id":"termcn:opentui/definition","t":"Definition","d":"Term–description definition list","s":"termcn","c":"data-display/list","hc":1},{"id":"termcn:opentui/dialog","t":"Dialog","d":"Confirmation dialog with OK/Cancel actions","s":"termcn","c":"overlays/dialog","hc":1},{"id":"termcn:opentui/diff-view","t":"Diff View","d":"Unified, split, and inline diff viewer with LCS-based diff algorithm and line numbers","s":"termcn","c":"data-display/diff","hc":1},{"id":"termcn:opentui/digits","t":"Digits","d":"Box-drawing character numerals","s":"termcn","c":"data-display/typography","hc":1},{"id":"termcn:opentui/directory-tree","t":"Directory Tree","d":"Filesystem browser with expand/collapse","s":"termcn","c":"data-display/tree","hc":1},{"id":"termcn:opentui/dither-area-chart","t":"Dither Area Chart","d":"Dithered area charts with layered fills, dots, axes, stacking, bloom, and keyboard interac","s":"termcn","c":"data-viz/chart","sb":"Area","hc":1},{"id":"termcn:opentui/dither-bar-chart","t":"Dither Bar Chart","d":"Dithered grouped, stacked, and percent bar charts with terminal-native textures and intera","s":"termcn","c":"data-viz/chart","tg":["retro and HUD"],"sb":"Bar","sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/dither-line-chart","t":"Dither Line Chart","d":"Dithered multi-series line charts with solid or dashed strokes, markers, axes, and termina","s":"termcn","c":"data-viz/chart","tg":["retro and HUD"],"sb":"Line and sparkline","sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/dither-pie-chart","t":"Dither Pie Chart","d":"Dithered pie and donut charts with textured slices, legends, tooltips, and keyboard inspec","s":"termcn","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"termcn:opentui/dither-radar-chart","t":"Dither Radar Chart","d":"Dithered radar charts for comparing multiple series across terminal-friendly radial axes","s":"termcn","c":"data-viz/chart","tg":["retro and HUD"],"sb":"Radar","sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/dither-sparkline","t":"Dither Sparkline","d":"Compact dithered sparklines for terminal dashboards, summaries, and inline metrics","s":"termcn","c":"data-viz/chart","tg":["retro and HUD"],"sb":"Line and sparkline","sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/divider","t":"Divider","d":"Horizontal or vertical divider / rule","s":"termcn","c":"other/other","hc":1},{"id":"termcn:opentui/drawer","t":"Drawer","d":"Slide-in panel from any edge","s":"termcn","c":"overlays/sheet","hc":1},{"id":"termcn:opentui/email-input","t":"Email Input","d":"Email input with validation and domain suggestions","s":"termcn","c":"inputs/form-field","sb":"Email","hc":1},{"id":"termcn:opentui/embedded-terminal","t":"Embedded Terminal","d":"Embedded PTY terminal panel (requires node-pty peer)","s":"termcn","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/error-boundary","t":"Error Boundary","d":"React error boundary with graceful terminal display","s":"termcn","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/file-change","t":"File Change","d":"Interactive file-change review list with diff expansion, per-file accept/reject actions, a","s":"termcn","c":"ai-agent/ai-agent","hc":1},{"id":"termcn:opentui/file-picker","t":"File Picker","d":"Interactive file browser and picker","s":"termcn","c":"inputs/file-upload","hc":1},{"id":"termcn:opentui/form","t":"Form","d":"Form container with validation, Ctrl+S submit, and dirty tracking","s":"termcn","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"termcn:opentui/form-field","t":"Form Field","d":"Form field wrapper with label, hint, and error","s":"termcn","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"termcn:opentui/gauge","t":"Gauge","d":"Arc/speedometer gauge meter","s":"termcn","c":"data-viz/gauge","hc":1},{"id":"termcn:opentui/git-status","t":"Git Status","d":"Git status display (branch, staged, modified, ahead/behind)","s":"termcn","c":"other/other","hc":1},{"id":"termcn:opentui/gradient","t":"Gradient","d":"Color gradient text","k":"motion","s":"termcn","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"termcn:opentui/grid","t":"Grid","d":"Rows × columns grid layout","s":"termcn","c":"data-display/list","hc":1},{"id":"termcn:opentui/heading","t":"Heading","d":"h1–h4 styled headings with optional figlet ASCII art","k":"motion","s":"termcn","c":"motion/text-effect","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/heat-map","t":"Heat Map","d":"Grid heatmap with color intensity scale","s":"termcn","c":"data-viz/map","hc":1},{"id":"termcn:opentui/help","t":"Help","d":"Auto-generated help panel from a keymap","s":"termcn","c":"data-display/card","hc":1},{"id":"termcn:opentui/help-screen","t":"Help Screen","d":"Figlet banner + tagline + aligned Options/Commands help sections","s":"termcn","c":"overlays/alert-banner","hc":1},{"id":"termcn:opentui/image","t":"Image","d":"Image renderer with iTerm2/Kitty protocol and ASCII fallback","s":"termcn","c":"media/gallery","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/info-box","t":"Info Box","d":"Bordered info panel with header, key-value rows, and tree-prefix rows","s":"termcn","c":"navigation/top-nav","hc":1},{"id":"termcn:opentui/json","t":"JSON","d":"Pretty-printed JSON with collapsible nodes","s":"termcn","c":"data-display/accordion","hc":1},{"id":"termcn:opentui/key-value","t":"Key Value","d":"Aligned key–value pairs","s":"termcn","c":"data-display/badge","hc":1},{"id":"termcn:opentui/keyboard-shortcuts","t":"Keyboard Shortcuts","d":"Formatted keyboard shortcut reference table","s":"termcn","c":"data-display/table","hc":1},{"id":"termcn:opentui/line-chart","t":"Line Chart","d":"ASCII line chart with axes and multi-series support","s":"termcn","c":"data-viz/chart","tg":["retro and HUD"],"sb":"Line and sparkline","sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/link","t":"Link","d":"OSC 8 clickable hyperlink","s":"termcn","c":"actions/link","hc":1},{"id":"termcn:opentui/list","t":"List","d":"Navigable list with optional filtering","s":"termcn","c":"data-display/list","hc":1},{"id":"termcn:opentui/log","t":"Log","d":"Scrolling log viewer with severity levels and filtering","s":"termcn","c":"other/other","hc":1},{"id":"termcn:opentui/login-flow","t":"Login Flow","d":"Full-page onboarding/login screen with announcement banner, big ASCII title, description, ","k":"layout","s":"termcn","c":"flows/sign-in","tg":["retro and HUD"],"sb":"Sign in","sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/markdown","t":"Markdown","d":"Full markdown renderer for terminal","s":"termcn","c":"data-display/typography","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/masked-input","t":"Masked Input","d":"Masked input for phone, date, credit card formats","s":"termcn","c":"inputs/form-field","hc":1},{"id":"termcn:opentui/menu","t":"Menu","d":"Dropdown menu with nested submenus","s":"termcn","c":"navigation/menu","hc":1},{"id":"termcn:opentui/modal","t":"Modal","d":"Focus-trapped overlay modal, close with Esc","s":"termcn","c":"overlays/dialog","hc":1},{"id":"termcn:opentui/model-selector","t":"Model Selector","d":"Keyboard-navigable list for selecting an AI model, with optional provider grouping and con","s":"termcn","c":"ai-agent/ai-agent","hc":1},{"id":"termcn:opentui/multi-progress","t":"Multi Progress","d":"Parallel progress display for package managers, build pipelines, and deploy tools","s":"termcn","c":"data-viz/progress-bar","hc":1},{"id":"termcn:opentui/multi-select","t":"Multi Select","d":"Multi-select list with checkboxes and select-all","s":"termcn","c":"inputs/select","hc":1},{"id":"termcn:opentui/notification-badge","t":"Notification Badge","d":"Notification Badge component for OpenTUI React.","s":"termcn","c":"data-display/badge","sb":"Counts","hc":1},{"id":"termcn:opentui/notification-center","t":"Notification Center","d":"Persistent queue-based notification panel with useNotifications hook","s":"termcn","c":"overlays/notifications","hc":1},{"id":"termcn:opentui/number-input","t":"Number Input","d":"Numeric input with increment/decrement and bounds","s":"termcn","c":"inputs/number-input","hc":1},{"id":"termcn:opentui/pagination","t":"Pagination","d":"Page navigation with prev/next and jump","s":"termcn","c":"navigation/pagination","hc":1},{"id":"termcn:opentui/panel","t":"Panel","d":"Titled bordered panel","s":"termcn","c":"data-display/card","hc":1},{"id":"termcn:opentui/password-input","t":"Password Input","d":"Password input with masked characters and reveal toggle","s":"termcn","c":"inputs/form-field","sb":"Password","hc":1},{"id":"termcn:opentui/path-input","t":"Path Input","d":"Filesystem path input with tab autocomplete","s":"termcn","c":"inputs/form-field","hc":1},{"id":"termcn:opentui/pie-chart","t":"Pie Chart","d":"Unicode block pie chart with legend","s":"termcn","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"termcn:opentui/popover","t":"Popover","d":"Positioned popover with arbitrary content","s":"termcn","c":"overlays/popover","hc":1},{"id":"termcn:opentui/progress-bar","t":"Progress Bar","d":"Determinate progress bar with percent and value/total display","s":"termcn","c":"data-viz/progress-bar","hc":1},{"id":"termcn:opentui/progress-circle","t":"Progress Circle","d":"Circular progress indicator using Unicode braille","s":"termcn","c":"data-viz/progress-bar","hc":1},{"id":"termcn:opentui/qr-code","t":"QR Code","d":"Unicode block QR code generator","s":"termcn","c":"other/other","hc":1},{"id":"termcn:opentui/radio-group","t":"Radio Group","d":"Mutually exclusive radio button group","s":"termcn","c":"inputs/radio","hc":1},{"id":"termcn:opentui/scroll-view","t":"Scroll View","d":"Scrollable container with scrollbar","k":"layout","s":"termcn","c":"layout/scroll-area","hc":1},{"id":"termcn:opentui/search-input","t":"Search Input","d":"Fuzzy search input with autocomplete","s":"termcn","c":"inputs/search","hc":1},{"id":"termcn:opentui/select","t":"Select","d":"Single-select dropdown with arrow-key navigation","s":"termcn","c":"inputs/select","hc":1},{"id":"termcn:opentui/setup-flow","t":"Setup Flow","d":"@clack-style step flow with ◇/◆/│ visual language, badge, info steps, and multi-select","s":"termcn","c":"inputs/select","hc":1},{"id":"termcn:opentui/sidebar","t":"Sidebar","d":"Collapsible navigation sidebar panel","s":"termcn","c":"navigation/sidebar","hc":1},{"id":"termcn:opentui/skeleton","t":"Skeleton","d":"Shimmer loading placeholder","s":"termcn","c":"status/skeleton","hc":1},{"id":"termcn:opentui/spacer","t":"Spacer","d":"Flexible space between flex children","s":"termcn","c":"other/other","hc":1},{"id":"termcn:opentui/sparkline","t":"Sparkline","d":"Inline Unicode braille sparkline chart","s":"termcn","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"termcn:opentui/spinner","t":"Spinner","d":"Animated spinner with 12+ styles","s":"termcn","c":"status/loader","sb":"Spinners","hc":1},{"id":"termcn:opentui/splash-screen","t":"Splash Screen","d":"Styled startup banner with big ASCII art title, subtitle, author credit, and status line","s":"termcn","c":"overlays/alert-banner","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/stack","t":"Stack","d":"Vertical/horizontal stack with gap","k":"layout","s":"termcn","c":"layout/page-shell","hc":1},{"id":"termcn:opentui/status-message","t":"Status Message","d":"Inline status message with icon and color","s":"termcn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"termcn:opentui/stopwatch","t":"Stopwatch","d":"Count-up stopwatch with laps and reset","k":"motion","s":"termcn","c":"motion/number-ticker","hc":1},{"id":"termcn:opentui/streaming-text","t":"Streaming Text","d":"Token-by-token streaming text with blinking cursor and optional typing animation","s":"termcn","c":"ai-agent/ai-agent","hc":1},{"id":"termcn:opentui/tabbed-content","t":"Tabbed Content","d":"Tab bar wired to content panels","s":"termcn","c":"navigation/tabs","hc":1},{"id":"termcn:opentui/table","t":"Table","d":"Sortable, selectable, paginated data table","s":"termcn","c":"data-display/table","hc":1},{"id":"termcn:opentui/tabs","t":"Tabs","d":"Tab bar with left/right arrow and tab-key navigation","s":"termcn","c":"navigation/tabs","hc":1},{"id":"termcn:opentui/tag","t":"Tag","d":"Removable chip/tag","s":"termcn","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"termcn:opentui/tag-input","t":"Tag Input","d":"Add and remove tags inline","s":"termcn","c":"inputs/tag-input","hc":1},{"id":"termcn:opentui/text-area","t":"Text Area","d":"Multi-line text editor with word wrap","s":"termcn","c":"inputs/textarea","hc":1},{"id":"termcn:opentui/text-input","t":"Text Input","d":"Single-line text input with placeholder, validation, mask","s":"termcn","c":"inputs/form-field","hc":1},{"id":"termcn:opentui/theme-provider","t":"Theme Provider","d":"Terminal theme provider, design tokens, and theme helpers.","s":"termcn","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/thinking-block","t":"Thinking Block","d":"Collapsible block for displaying extended thinking / reasoning content from an AI model","s":"termcn","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"termcn:opentui/time-picker","t":"Time Picker","d":"Time picker with hour/minute/second spinners","s":"termcn","c":"inputs/time-picker","hc":1},{"id":"termcn:opentui/timer","t":"Timer","d":"Countdown timer with pause/resume and auto-start","s":"termcn","c":"data-display/stat","hc":1},{"id":"termcn:opentui/toast","t":"Toast","d":"Auto-dismissing toast notification","s":"termcn","c":"overlays/toast","hc":1},{"id":"termcn:opentui/toggle","t":"Toggle","d":"Toggle/switch component with on/off labels","s":"termcn","c":"actions/switch","hc":1},{"id":"termcn:opentui/token-usage","t":"Token Usage","d":"Compact token counter showing prompt and completion usage with optional cost estimate; als","s":"termcn","c":"ai-agent/ai-agent","hc":1},{"id":"termcn:opentui/tool-approval","t":"Tool Approval","d":"Interactive approval prompt for AI tool calls with risk-level badge, args display, and aut","s":"termcn","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"termcn:opentui/tool-call","t":"Tool Call","d":"Displays an AI tool invocation with status indicator, args, result, and elapsed time","s":"termcn","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"termcn:opentui/tooltip","t":"Tooltip","d":"Contextual tooltip on focus or hover","s":"termcn","c":"overlays/tooltip","hc":1},{"id":"termcn:opentui/tree","t":"Tree","d":"Expandable/collapsible tree view","s":"termcn","c":"data-display/tree","hc":1},{"id":"termcn:opentui/tree-select","t":"Tree Select","d":"Hierarchical tree selection","s":"termcn","c":"inputs/select","hc":1},{"id":"termcn:opentui/usage-monitor","t":"Usage Monitor","d":"Real-time dashboard with diamond header, progress metrics, burn rate, predictions, and sta","k":"layout","s":"termcn","c":"layout/dashboard","hc":1},{"id":"termcn:opentui/virtual-list","t":"Virtual List","d":"Virtualized list for 10k+ items","s":"termcn","c":"data-display/list","sb":"Long lists","hc":1},{"id":"termcn:opentui/welcome-screen","t":"Welcome Screen","d":"Two-panel welcome dashboard with titled border, logo, greeting, and sections","k":"layout","s":"termcn","c":"layout/dashboard","hc":1},{"id":"termcn:opentui/wizard","t":"Wizard","d":"Multi-step wizard with per-step validation","s":"termcn","c":"navigation/wizard-steps","hc":1},{"id":"termcn:ink/pagination","t":"Pagination","d":"Page navigation with prev/next and jump","s":"termcn","c":"navigation/pagination","hc":1},{"id":"termcn:ink/panel","t":"Panel","d":"Titled bordered panel","s":"termcn","c":"data-display/card","hc":1},{"id":"termcn:ink/password-input","t":"Password Input","d":"Password input with masked characters and reveal toggle","s":"termcn","c":"inputs/form-field","sb":"Password","hc":1},{"id":"termcn:ink/path-input","t":"Path Input","d":"Filesystem path input with tab autocomplete","s":"termcn","c":"inputs/form-field","hc":1},{"id":"termcn:ink/pie-chart","t":"Pie Chart","d":"Unicode block pie chart with legend","s":"termcn","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"termcn:ink/popover","t":"Popover","d":"Positioned popover with arbitrary content","s":"termcn","c":"overlays/popover","hc":1},{"id":"termcn:ink/progress-bar","t":"Progress Bar","d":"Determinate progress bar with percent and value/total display","s":"termcn","c":"data-viz/progress-bar","hc":1},{"id":"termcn:ink/progress-circle","t":"Progress Circle","d":"Circular progress indicator using Unicode braille","s":"termcn","c":"data-viz/progress-bar","hc":1},{"id":"termcn:ink/qr-code","t":"QR Code","d":"Unicode block QR code generator","s":"termcn","c":"other/other","hc":1},{"id":"termcn:ink/radio-group","t":"Radio Group","d":"Mutually exclusive radio button group","s":"termcn","c":"inputs/radio","hc":1},{"id":"termcn:ink/scroll-view","t":"Scroll View","d":"Scrollable container with scrollbar","k":"layout","s":"termcn","c":"layout/scroll-area","hc":1},{"id":"termcn:ink/search-input","t":"Search Input","d":"Fuzzy search input with autocomplete","s":"termcn","c":"inputs/search","hc":1},{"id":"termcn:ink/select","t":"Select","d":"Single-select dropdown with arrow-key navigation","s":"termcn","c":"inputs/select","hc":1},{"id":"termcn:ink/setup-flow","t":"Setup Flow","d":"@clack-style step flow with ◇/◆/│ visual language, badge, info steps, and multi-select","s":"termcn","c":"inputs/select","hc":1},{"id":"termcn:ink/sidebar","t":"Sidebar","d":"Collapsible navigation sidebar panel","s":"termcn","c":"navigation/sidebar","hc":1},{"id":"termcn:ink/skeleton","t":"Skeleton","d":"Shimmer loading placeholder","s":"termcn","c":"status/skeleton","hc":1},{"id":"termcn:ink/spacer","t":"Spacer","d":"Flexible space between flex children","s":"termcn","c":"other/other","hc":1},{"id":"termcn:ink/sparkline","t":"Sparkline","d":"Inline Unicode braille sparkline chart","s":"termcn","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"termcn:ink/spinner","t":"Spinner","d":"Animated spinner with 12+ styles","s":"termcn","c":"status/loader","sb":"Spinners","hc":1},{"id":"termcn:ink/splash-screen","t":"Splash Screen","d":"Styled startup banner with big ASCII art title, subtitle, author credit, and status line","s":"termcn","c":"overlays/alert-banner","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/stack","t":"Stack","d":"Vertical/horizontal stack with gap","k":"layout","s":"termcn","c":"layout/page-shell","hc":1},{"id":"termcn:ink/status-message","t":"Status Message","d":"Inline status message with icon and color","s":"termcn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"termcn:ink/stopwatch","t":"Stopwatch","d":"Count-up stopwatch with laps and reset","k":"motion","s":"termcn","c":"motion/number-ticker","hc":1},{"id":"termcn:ink/streaming-text","t":"Streaming Text","d":"Token-by-token streaming text with blinking cursor and optional typing animation","s":"termcn","c":"ai-agent/ai-agent","hc":1},{"id":"termcn:ink/tabbed-content","t":"Tabbed Content","d":"Tab bar wired to content panels","s":"termcn","c":"navigation/tabs","hc":1},{"id":"termcn:ink/table","t":"Table","d":"Sortable, selectable, paginated data table","s":"termcn","c":"data-display/table","hc":1},{"id":"termcn:ink/tabs","t":"Tabs","d":"Tab bar with left/right arrow and tab-key navigation","s":"termcn","c":"navigation/tabs","hc":1},{"id":"termcn:ink/tag","t":"Tag","d":"Removable chip/tag","s":"termcn","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"termcn:ink/tag-input","t":"Tag Input","d":"Add and remove tags inline","s":"termcn","c":"inputs/tag-input","hc":1},{"id":"termcn:ink/text-area","t":"Text Area","d":"Multi-line text editor with word wrap","s":"termcn","c":"inputs/textarea","hc":1},{"id":"termcn:ink/text-input","t":"Text Input","d":"Single-line text input with placeholder, validation, mask","s":"termcn","c":"inputs/form-field","hc":1},{"id":"termcn:ink/theme-catppuccin","t":"Catppuccin","d":"A Catppuccin theme for rich terminal UI previews.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sb":"Theme","sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/theme-default","t":"Default","d":"The default termcn terminal theme.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sb":"Theme","sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/theme-dracula","t":"Dracula","d":"A purple-heavy Dracula theme for terminal UI components.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sb":"Theme","sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/theme-high-contrast","t":"High Contrast","d":"High contrast themes for dark and light terminal backgrounds.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sb":"Theme","sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/theme-monokai","t":"Monokai","d":"A classic Monokai-inspired theme for terminal apps.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sb":"Theme","sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/theme-nord","t":"Nord","d":"A cool Nord palette tuned for terminal contrast.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sb":"Theme","sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/theme-one-dark","t":"One Dark","d":"A One Dark theme for terminal components.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sb":"Theme","sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/theme-provider","t":"Theme Provider","d":"Terminal theme provider, design tokens, and theme helpers.","s":"termcn","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/theme-solarized","t":"Solarized","d":"A Solarized theme for terminal components.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sb":"Theme","sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/theme-tokyo-night","t":"Tokyo Night","d":"Tokyo Night colors for terminal interfaces.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sb":"Theme","sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/theme-amoled","t":"AMOLED","d":"AMOLED - high contrast dark theme with pure black.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-aura","t":"Aura","d":"Aura - soft elegant theme with pastel purple.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-ayu","t":"Ayu","d":"Ayu - clean modern terminal theme.","k":"lib","s":"termcn","c":"lib/utility","tg":["minimal","retro and HUD"],"sb":"Theme","sy":["minimal","retro and HUD"],"hc":1},{"id":"termcn:ink/theme-carbonfox","t":"Carbonfox","d":"Carbonfox - minimal dark theme.","k":"lib","s":"termcn","c":"lib/utility","tg":["minimal"],"sb":"Theme","sy":["minimal"],"hc":1},{"id":"termcn:ink/theme-catppuccin-frappe","t":"Catppuccin Frappe","d":"Catppuccin Frappe - soothing pastel.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-catppuccin-macchiato","t":"Catppuccin Macchiato","d":"Catppuccin Macchiato - deeper pastel tones.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-cobalt2","t":"Cobalt #2","d":"Cobalt2 - vibrant blue and gold.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-cursor","t":"Cursor","d":"Cursor IDE theme.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-everforest","t":"Everforest","d":"Everforest - warm forest theme.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-flexoki","t":"Flexoki","d":"Flexoki - versatile theme.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-github","t":"GitHub","d":"GitHub official dark theme.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-gruvbox","t":"Gruvbox","d":"Gruvbox - retro earth tones.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sb":"Theme","sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/theme-kanagawa","t":"Kanagawa","d":"Kanagawa - Japanese wave theme.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-lucent-orng","t":"Lucent Orng","d":"Lucent Orng - warm orange theme.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-material","t":"Material","d":"Material Design colors.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-matrix","t":"Matrix","d":"Matrix - green code rain.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-mercury","t":"Mercury","d":"Mercury - clean minimal theme.","k":"lib","s":"termcn","c":"lib/utility","tg":["minimal"],"sb":"Theme","sy":["minimal"],"hc":1},{"id":"termcn:ink/theme-nightowl","t":"Night Owl","d":"Night Owl - late night coding.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-oc-2","t":"OC #2","d":"OC-2 - clean minimal theme.","k":"lib","s":"termcn","c":"lib/utility","tg":["minimal"],"sb":"Theme","sy":["minimal"],"hc":1},{"id":"termcn:ink/theme-onedarkpro","t":"One Dark Pro","d":"One Dark Pro - VS Code version.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-opencode","t":"OpenCode","d":"OpenCode official theme.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-orng","t":"Orng","d":"Orng - vibrant orange theme.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-osaka-jade","t":"Osaka Jade","d":"Osaka Jade - Japanese jade theme.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-palenight","t":"Palenight","d":"Palenight - React Native purple.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-rosepine","t":"Rose Pine","d":"Rose Pine - warm rose tones.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-shadesofpurple","t":"Shades of Purple","d":"Shades of Purple - bold purple.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-synthwave84","t":"Synthwave ' #84","d":"Synthwave '84 - retro neon.","k":"lib","s":"termcn","c":"lib/utility","tg":["neon","retro and HUD"],"sb":"Theme","sy":["neon","retro and HUD"],"hc":1},{"id":"termcn:ink/theme-vercel","t":"Vercel","d":"Vercel brand colors.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-vesper","t":"Vesper","d":"Vesper - minimal high contrast.","k":"lib","s":"termcn","c":"lib/utility","tg":["minimal"],"sb":"Theme","sy":["minimal"],"hc":1},{"id":"termcn:ink/theme-zenburn","t":"Zenburn","d":"Zenburn - low contrast for long sessions.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/thinking-block","t":"Thinking Block","d":"Collapsible block for displaying extended thinking / reasoning content from an AI model","s":"termcn","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"termcn:ink/time-picker","t":"Time Picker","d":"Time picker with hour/minute/second spinners","s":"termcn","c":"inputs/time-picker","hc":1},{"id":"termcn:ink/timer","t":"Timer","d":"Countdown timer with pause/resume and auto-start","s":"termcn","c":"data-display/stat","hc":1},{"id":"termcn:ink/toast","t":"Toast","d":"Auto-dismissing toast notification","s":"termcn","c":"overlays/toast","hc":1},{"id":"termcn:ink/toggle","t":"Toggle","d":"Toggle/switch component with on/off labels","s":"termcn","c":"actions/switch","hc":1},{"id":"termcn:ink/token-usage","t":"Token Usage","d":"Compact token counter showing prompt and completion usage with optional cost estimate; als","s":"termcn","c":"ai-agent/ai-agent","hc":1},{"id":"termcn:ink/tool-approval","t":"Tool Approval","d":"Interactive approval prompt for AI tool calls with risk-level badge, args display, and aut","s":"termcn","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"termcn:ink/tool-call","t":"Tool Call","d":"Displays an AI tool invocation with status indicator, args, result, and elapsed time","s":"termcn","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"termcn:ink/tooltip","t":"Tooltip","d":"Contextual tooltip on focus or hover","s":"termcn","c":"overlays/tooltip","hc":1},{"id":"termcn:ink/tree","t":"Tree","d":"Expandable/collapsible tree view","s":"termcn","c":"data-display/tree","hc":1},{"id":"termcn:ink/tree-select","t":"Tree Select","d":"Hierarchical tree selection","s":"termcn","c":"inputs/select","hc":1},{"id":"termcn:ink/usage-monitor","t":"Usage Monitor","d":"Real-time dashboard with diamond header, progress metrics, burn rate, predictions, and sta","k":"layout","s":"termcn","c":"layout/dashboard","hc":1},{"id":"termcn:ink/use-animation","t":"Use Animation","d":"Frame-based animation helper for terminal UI components.","k":"lib","s":"termcn","c":"lib/hook","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/use-clipboard","t":"Use Clipboard","d":"Clipboard hook with browser and terminal fallbacks.","k":"lib","s":"termcn","c":"lib/hook","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"termcn:ink/use-focus","t":"Use Focus","d":"Focus helper wrapping Ink's useFocus.","k":"lib","s":"termcn","c":"lib/hook","hc":1},{"id":"termcn:ink/use-input","t":"Use Input","d":"Keyboard input hook wrapping Ink's useInput.","k":"lib","s":"termcn","c":"lib/hook","hc":1},{"id":"termcn:ink/use-interval","t":"Use Interval","d":"React-safe interval helper.","k":"lib","s":"termcn","c":"lib/hook","hc":1},{"id":"termcn:ink/use-notifications","t":"Use Notifications","d":"Notifications state and context helpers.","k":"lib","s":"termcn","c":"lib/hook","hc":1},{"id":"termcn:ink/virtual-list","t":"Virtual List","d":"Virtualized list for 10k+ items","s":"termcn","c":"data-display/list","sb":"Long lists","hc":1},{"id":"termcn:ink/welcome-screen","t":"Welcome Screen","d":"Two-panel welcome dashboard with titled border, logo, greeting, and sections","k":"layout","s":"termcn","c":"layout/dashboard","hc":1},{"id":"termcn:ink/wizard","t":"Wizard","d":"Multi-step wizard with per-step validation","s":"termcn","c":"navigation/wizard-steps","hc":1},{"id":"termcn:opentui/theme-catppuccin","t":"Catppuccin","d":"A Catppuccin theme for rich terminal UI previews.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sb":"Theme","sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/theme-default","t":"Default","d":"The default termcn terminal theme.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sb":"Theme","sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/theme-dracula","t":"Dracula","d":"A purple-heavy Dracula theme for terminal UI components.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sb":"Theme","sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/theme-high-contrast","t":"High Contrast","d":"High contrast themes for dark and light terminal backgrounds.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sb":"Theme","sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/theme-monokai","t":"Monokai","d":"A classic Monokai-inspired theme for terminal apps.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sb":"Theme","sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/theme-nord","t":"Nord","d":"A cool Nord palette tuned for terminal contrast.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sb":"Theme","sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/theme-one-dark","t":"One Dark","d":"A One Dark theme for terminal components.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sb":"Theme","sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/theme-solarized","t":"Solarized","d":"A Solarized theme for terminal components.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sb":"Theme","sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/theme-tokyo-night","t":"Tokyo Night","d":"Tokyo Night colors for terminal interfaces.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sb":"Theme","sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/theme-amoled","t":"AMOLED","d":"AMOLED - high contrast dark theme with pure black.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-aura","t":"Aura","d":"Aura - soft elegant theme with pastel purple.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-ayu","t":"Ayu","d":"Ayu - clean modern terminal theme.","k":"lib","s":"termcn","c":"lib/utility","tg":["minimal","retro and HUD"],"sb":"Theme","sy":["minimal","retro and HUD"],"hc":1},{"id":"termcn:opentui/theme-carbonfox","t":"Carbonfox","d":"Carbonfox - minimal dark theme.","k":"lib","s":"termcn","c":"lib/utility","tg":["minimal"],"sb":"Theme","sy":["minimal"],"hc":1},{"id":"termcn:opentui/theme-catppuccin-frappe","t":"Catppuccin Frappe","d":"Catppuccin Frappe - soothing pastel.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-catppuccin-macchiato","t":"Catppuccin Macchiato","d":"Catppuccin Macchiato - deeper pastel tones.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-cobalt2","t":"Cobalt #2","d":"Cobalt2 - vibrant blue and gold.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-cursor","t":"Cursor","d":"Cursor IDE theme.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-everforest","t":"Everforest","d":"Everforest - warm forest theme.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-flexoki","t":"Flexoki","d":"Flexoki - versatile theme.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-github","t":"GitHub","d":"GitHub official dark theme.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-gruvbox","t":"Gruvbox","d":"Gruvbox - retro earth tones.","k":"lib","s":"termcn","c":"lib/utility","tg":["retro and HUD"],"sb":"Theme","sy":["retro and HUD"],"hc":1},{"id":"termcn:opentui/theme-kanagawa","t":"Kanagawa","d":"Kanagawa - Japanese wave theme.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-lucent-orng","t":"Lucent Orng","d":"Lucent Orng - warm orange theme.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-material","t":"Material","d":"Material Design colors.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-matrix","t":"Matrix","d":"Matrix - green code rain.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-mercury","t":"Mercury","d":"Mercury - clean minimal theme.","k":"lib","s":"termcn","c":"lib/utility","tg":["minimal"],"sb":"Theme","sy":["minimal"],"hc":1},{"id":"termcn:opentui/theme-nightowl","t":"Night Owl","d":"Night Owl - late night coding.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-oc-2","t":"OC #2","d":"OC-2 - clean minimal theme.","k":"lib","s":"termcn","c":"lib/utility","tg":["minimal"],"sb":"Theme","sy":["minimal"],"hc":1},{"id":"termcn:opentui/theme-onedarkpro","t":"One Dark Pro","d":"One Dark Pro - VS Code version.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-opencode","t":"OpenCode","d":"OpenCode official theme.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-orng","t":"Orng","d":"Orng - vibrant orange theme.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-osaka-jade","t":"Osaka Jade","d":"Osaka Jade - Japanese jade theme.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-palenight","t":"Palenight","d":"Palenight - React Native purple.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-rosepine","t":"Rose Pine","d":"Rose Pine - warm rose tones.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-shadesofpurple","t":"Shades of Purple","d":"Shades of Purple - bold purple.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-synthwave84","t":"Synthwave ' #84","d":"Synthwave '84 - retro neon.","k":"lib","s":"termcn","c":"lib/utility","tg":["neon","retro and HUD"],"sb":"Theme","sy":["neon","retro and HUD"],"hc":1},{"id":"termcn:opentui/theme-vercel","t":"Vercel","d":"Vercel brand colors.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-vesper","t":"Vesper","d":"Vesper - minimal high contrast.","k":"lib","s":"termcn","c":"lib/utility","tg":["minimal"],"sb":"Theme","sy":["minimal"],"hc":1},{"id":"termcn:opentui/theme-zenburn","t":"Zenburn","d":"Zenburn - low contrast for long sessions.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:ink/theme-high-contrast-light","t":"High Contrast Light","d":"WCAG-friendly light high-contrast theme.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"termcn:opentui/theme-high-contrast-light","t":"High Contrast Light","d":"WCAG-friendly light high-contrast theme.","k":"lib","s":"termcn","c":"lib/utility","sb":"Theme","hc":1},{"id":"terrae:map","t":"Map","d":"Core map component with Mapbox GL and MapLibre GL support.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:marker","t":"Map Marker","d":"Customizable map markers with popup support.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:popup","t":"Map Popup","d":"Info popups and tooltips for map locations.","s":"terrae","c":"overlays/popover","hc":1},{"id":"terrae:controls","t":"Map Controls","d":"Interactive map controls (zoom, fullscreen, etc).","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:circle-cluster","t":"Map Circle Cluster","d":"Marker clustering with circle visualization.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:marker-animated","t":"Map Marker Animated","d":"Animated marker that moves along a path with trail visualization.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:line","t":"Map Line","d":"Static routes and paths on the map.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:line-animated","t":"Map Line Animated","d":"Animated path and route animations on the map.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:animated-pulse","t":"Map Animated Pulse","d":"Pulsing dot animation for map markers.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:rain","t":"Map Rain","d":"Animated rain effect layer.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:raster-video","t":"Map Raster Video","d":"Video overlay layers on the map.","s":"terrae","c":"media/player","hc":1},{"id":"terrae:image","t":"Map Image","d":"Image overlay layers on the map.","s":"terrae","c":"media/gallery","hc":1},{"id":"terrae:mini-map","t":"Map Mini Map","d":"Minimap overview navigation component.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:compare","t":"Map Compare","d":"Side-by-side map comparison component.","k":"section","s":"terrae","c":"marketing/comparison","hc":1},{"id":"terrae:sync","t":"Map Sync","d":"Synchronized multi-map component with bidirectional movement sync.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:arc-animated","t":"Map Arc Animated","d":"Animated curved arc between two points for flights, deliveries, and connections.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:camera-follow","t":"Map Camera Follow","d":"Animate camera along a path for immersive fly-through experiences.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:circle","t":"Map Circle","d":"Draggable geographic circle with customizable fill and stroke.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:animated-circle","t":"Map Animated Circle","d":"Animated circle with drawing and fill effects.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:blur-area","t":"Map Blur Area","d":"Blur sensitive areas on the map with customizable styling.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:targeting-reticle","t":"Map Targeting Reticle","d":"Military-style targeting brackets with tracking and lock-on capabilities.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:radar","t":"Map Radar","d":"Animated radar sweep signal overlay on map coordinates.","s":"terrae","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"terrae:watermark","t":"Map Watermark","d":"Text watermark overlay for maps with configurable position and styling.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:compass","t":"Map Compass","d":"Interactive compass overlay with bearing display and click-to-reset.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:line-radial","t":"Map Line Radial","d":"Radial lines from a center point to multiple destinations with optional markers.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:polygon","t":"Map Polygon","d":"Geographic polygon with customizable fill and stroke styling.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:animated-polygon","t":"Map Animated Polygon","d":"Animated polygon with draw, fill, and draw-then-fill effects.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:choropleth","t":"Map Choropleth","d":"Thematic choropleth map with color-coded regions based on data values.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:animated-footprint","t":"Map Animated Footprint","d":"Animated footprint steps that walk along a path on the map.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:fire","t":"Map Fire","d":"Realistic animated fire effect with particle simulation.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:explosion","t":"Map Explosion","d":"Animated explosion burst effect with radial particles and flash.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:cyclone","t":"Map Cyclone","d":"Animated cyclone funnel with swirling particles and debris.","s":"terrae","c":"data-viz/map","tg":["playful"],"sy":["playful"],"hc":1},{"id":"terrae:music-disc","t":"Map Music Disc","d":"Rotating music disc with floating notes animation.","s":"terrae","c":"media/player","hc":1},{"id":"terrae:steam","t":"Map Steam","d":"Rising steam effect with wispy particle animation.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:tsunami","t":"Map Tsunami","d":"Animated tsunami wave effect with incoming wave, crashing foam, and debris.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:sandstorm","t":"Map Sandstorm","d":"Atmospheric sandstorm effect with horizontal particle movement and reduced visibility.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:snow","t":"Map Snow","d":"Falling snowflakes effect with gentle drift and wind.","k":"motion","s":"terrae","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"terrae:meteor","t":"Map Meteor","d":"Animated meteor falling from sky with fiery trail and impact effect.","k":"motion","s":"terrae","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"terrae:lightning","t":"Map Lightning","d":"Animated lightning bolt strikes with branching and flash effects.","s":"terrae","c":"data-viz/map","hc":1},{"id":"terrae:grid","t":"Map Grid","d":"Coordinate grid overlay with latitude/longitude lines and labels.","s":"terrae","c":"data-viz/map","hc":1},{"id":"tetra-ui:accordion","t":"Accordion","d":"A vertically stacked set of interactive headings that reveal associated content sections.","s":"tetra-ui","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"tetra-ui:action-input","t":"Action Input","d":"A component that allows a user to trigger an action and displays a value attached to the a","s":"tetra-ui","c":"inputs/form-field","hc":1},{"id":"tetra-ui:alert","t":"Alert","d":"Displays a callout for user attention.","s":"tetra-ui","c":"overlays/alert-banner","hc":1},{"id":"tetra-ui:avatar","t":"Avatar","d":"An image element with a fallback for representing the user.","s":"tetra-ui","c":"data-display/avatar","hc":1},{"id":"tetra-ui:badge","t":"Badge","d":"Displays a badge.","s":"tetra-ui","c":"data-display/badge","hc":1},{"id":"tetra-ui:button","t":"Button","d":"A component to display a button and allows a user to trigger an action.","s":"tetra-ui","c":"actions/button","hc":1},{"id":"tetra-ui:card","t":"Card","d":"Displays a card with a header, content, and footer.","s":"tetra-ui","c":"data-display/card","hc":1},{"id":"tetra-ui:carousel","t":"Carousel","d":"A swipeable set of pages or inline items with optional looping, autoplay, and composed con","s":"tetra-ui","c":"media/carousel","hc":1},{"id":"tetra-ui:checkbox","t":"Checkbox","d":"A control that allows users to toggle between checked and unchecked states.","s":"tetra-ui","c":"inputs/checkbox","hc":1},{"id":"tetra-ui:choicebox","t":"Choicebox","d":"A group of selectable cards for single or multiple choice.","s":"tetra-ui","c":"inputs/radio","hc":1},{"id":"tetra-ui:chip","t":"Chip","d":"Displays a compact, rounded chip element.","s":"tetra-ui","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"tetra-ui:empty","t":"Empty","d":"Displays an empty state.","s":"tetra-ui","c":"data-display/empty-state","hc":1},{"id":"tetra-ui:floating-action-button","t":"Floating Action Button","d":"A positioned primary action that can expand into an extended label and open a FAB menu.","s":"tetra-ui","c":"actions/button","sb":"Animated","hc":1},{"id":"tetra-ui:form","t":"Form","d":"Components and utilities that help you compose forms with react-hook-form.","s":"tetra-ui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"tetra-ui:heading","t":"Heading","d":"A component to display headings.","k":"motion","s":"tetra-ui","c":"motion/text-effect","hc":1},{"id":"tetra-ui:icons","t":"Icons","d":"Icon components styled with Tailwind classes for React Native.","k":"resource","s":"tetra-ui","c":"assets/icon","hc":1},{"id":"tetra-ui:inline-list","t":"Inline List","d":"A grouped list section for settings-style rows with flexible leading and trailing addons.","s":"tetra-ui","c":"data-display/list","hc":1},{"id":"tetra-ui:input","t":"Input","d":"A core component that allows users to enter text.","s":"tetra-ui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"tetra-ui:label","t":"Label","d":"A label component used to accompany form inputs.","s":"tetra-ui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"tetra-ui:menu","t":"Menu","d":"A composable native menu built on Expo UI, with support for groups, separators, and nested","s":"tetra-ui","c":"navigation/menu","hc":1},{"id":"tetra-ui:bottom-sheet","t":"Bottom Sheet","d":"Interactive bottom sheet built on Expo UI with native snap points, gestures, and keyboard ","s":"tetra-ui","c":"overlays/sheet","hc":1},{"id":"tetra-ui:native-date-select","t":"Native Date Select","d":"A native date/time selection input built on Expo UI DatePicker (iOS) and DateTimePicker (A","s":"tetra-ui","c":"inputs/select","hc":1},{"id":"tetra-ui:native-select","t":"Native Select","d":"A native single-selection input built on Expo UI Picker. Always compose with Content; opti","s":"tetra-ui","c":"inputs/select","hc":1},{"id":"tetra-ui:otp-input","t":"OTP Input","d":"A component for entering one-time passwords with individual character slots.","s":"tetra-ui","c":"inputs/otp-input","hc":1},{"id":"tetra-ui:password-input","t":"Password Input","d":"An input component that allows users to enter a password.","s":"tetra-ui","c":"inputs/form-field","sb":"Password","hc":1},{"id":"tetra-ui:popover","t":"Popover","d":"Displays content in a portal relative to the triggering button element.","s":"tetra-ui","c":"overlays/popover","hc":1},{"id":"tetra-ui:progress","t":"Progress","d":"Displays an indicator showing the completion progress of a task.","s":"tetra-ui","c":"data-viz/progress-bar","hc":1},{"id":"tetra-ui:radio","t":"Radio","d":"A control that indicates a selected option within a group.","s":"tetra-ui","c":"inputs/radio","hc":1},{"id":"tetra-ui:portal","t":"Portal","d":"Renders children into a different part of the app.","k":"lib","s":"tetra-ui","c":"lib/utility","hc":1},{"id":"tetra-ui:search-input","t":"Search Input","d":"An input component that allows users to search for content.","s":"tetra-ui","c":"inputs/search","hc":1},{"id":"tetra-ui:scrim","t":"Scrim","d":"A blurred overlay that dims content behind a sheet, menu, or dialog.","s":"tetra-ui","c":"navigation/menu","hc":1},{"id":"tetra-ui:segmented-control","t":"Segmented Control","d":"A native single-select control for choosing between a small set of options.","s":"tetra-ui","c":"actions/segmented-control","hc":1},{"id":"tetra-ui:select","t":"Select","d":"A component that allows users to select a value from a list of options.","s":"tetra-ui","c":"inputs/select","hc":1},{"id":"tetra-ui:separator","t":"Separator","d":"Divides content with a horizontal or vertical line.","k":"layout","s":"tetra-ui","c":"layout/page-shell","hc":1},{"id":"tetra-ui:skeleton","t":"Skeleton","d":"A component to display placeholder content while in a loading state.","s":"tetra-ui","c":"status/skeleton","hc":1},{"id":"tetra-ui:slider","t":"Slider","d":"A control for selecting a value from a continuous or stepped range.","s":"tetra-ui","c":"inputs/slider","hc":1},{"id":"tetra-ui:slot","t":"Slot","d":"A utility component that allows merging props onto an optional child component.","k":"lib","s":"tetra-ui","c":"lib/utility","hc":1},{"id":"tetra-ui:slots","t":"Slots","d":"Named slot fill and outlet helpers for composing compound native components.","k":"lib","s":"tetra-ui","c":"lib/utility","hc":1},{"id":"tetra-ui:stack","t":"Stack","d":"A layout component that stacks children horizontally or vertically with consistent spacing","k":"layout","s":"tetra-ui","c":"layout/page-shell","hc":1},{"id":"tetra-ui:switch","t":"Switch","d":"A control that allows users to toggle between checked and unchecked states.","s":"tetra-ui","c":"actions/switch","hc":1},{"id":"tetra-ui:swipeable","t":"Swipeable","d":"Swipe leading and trailing actions onto row content.","s":"tetra-ui","c":"data-display/list","hc":1},{"id":"tetra-ui:text","t":"Text","d":"A lightweight wrapper around the React Native Text component to provide default styles.","k":"motion","s":"tetra-ui","c":"motion/text-effect","hc":1},{"id":"tetra-ui:text-input","t":"TextInput","d":"A component that allows users to enter text.","s":"tetra-ui","c":"inputs/form-field","hc":1},{"id":"tetra-ui:textarea-input","t":"Textarea Input","d":"A component that allows users to enter larger text.","s":"tetra-ui","c":"inputs/textarea","hc":1},{"id":"tetra-ui:toast","t":"Toast","d":"An opinionated toast component for React Native.","s":"tetra-ui","c":"overlays/toast","hc":1},{"id":"text-ui:echo-text","t":"EchoText","d":"Layered stroke text that follows the pointer for a simple motion trail effect.","k":"motion","s":"text-ui","c":"motion/text-effect","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"thegridcn:accordion","t":"Accordion","s":"thegridcn","c":"data-display/accordion","hc":1},{"id":"thegridcn:alert","t":"Alert","s":"thegridcn","c":"overlays/alert-banner","hc":1},{"id":"thegridcn:alert-dialog","t":"Alert Dialog","s":"thegridcn","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"thegridcn:anomaly-banner","t":"Anomaly Banner","s":"thegridcn","c":"overlays/alert-banner","hc":1},{"id":"thegridcn:arrival-panel","t":"Arrival Panel","s":"thegridcn","c":"data-display/card","hc":1},{"id":"thegridcn:aspect-ratio","t":"Aspect Ratio","k":"layout","s":"thegridcn","c":"layout/page-shell","hc":1},{"id":"thegridcn:avatar","t":"Avatar","s":"thegridcn","c":"data-display/avatar","hc":1},{"id":"thegridcn:badge","t":"Badge","s":"thegridcn","c":"data-display/badge","hc":1},{"id":"thegridcn:beam-marker","t":"Beam Marker","k":"motion","s":"thegridcn","c":"motion/background","sb":"Beams and light","hc":1},{"id":"thegridcn:breadcrumb","t":"Breadcrumb","s":"thegridcn","c":"navigation/breadcrumb","hc":1},{"id":"thegridcn:button","t":"Button","s":"thegridcn","c":"actions/button","hc":1},{"id":"thegridcn:button-group","t":"Button Group","s":"thegridcn","c":"actions/button","sb":"Groups and split","hc":1},{"id":"thegridcn:calendar","t":"Calendar","s":"thegridcn","c":"data-display/calendar","hc":1},{"id":"thegridcn:card","t":"Card","s":"thegridcn","c":"data-display/card","hc":1},{"id":"thegridcn:carousel","t":"Carousel","s":"thegridcn","c":"media/carousel","hc":1},{"id":"thegridcn:chart","t":"Chart","d":"Helper to extract item config from a payload.","s":"thegridcn","c":"data-viz/chart","hc":1,"cp":1},{"id":"thegridcn:checkbox","t":"Checkbox","s":"thegridcn","c":"inputs/checkbox","hc":1},{"id":"thegridcn:circuit-background","t":"Circuit Background","k":"motion","s":"thegridcn","c":"motion/background","hc":1},{"id":"thegridcn:collapsible","t":"Collapsible","s":"thegridcn","c":"data-display/accordion","hc":1},{"id":"thegridcn:command","t":"Command","s":"thegridcn","c":"navigation/command-palette","hc":1},{"id":"thegridcn:context-menu","t":"Context Menu","s":"thegridcn","c":"overlays/context-menu","hc":1},{"id":"thegridcn:crt-effect","t":"Crt Effect","d":"CRT monitor effect with scanlines, vignette, flicker, and scan sweep animation.\n * Wrap an","k":"motion","s":"thegridcn","c":"motion/background","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"thegridcn:data-card","t":"Data Card","s":"thegridcn","c":"data-display/card","hc":1},{"id":"thegridcn:dialog","t":"Dialog","s":"thegridcn","c":"overlays/dialog","hc":1},{"id":"thegridcn:drawer","t":"Drawer","s":"thegridcn","c":"overlays/sheet","hc":1},{"id":"thegridcn:dropdown-menu","t":"Dropdown Menu","s":"thegridcn","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"thegridcn:empty","t":"Empty","s":"thegridcn","c":"data-display/empty-state","hc":1},{"id":"thegridcn:field","t":"Field","s":"thegridcn","c":"inputs/form-field","hc":1},{"id":"thegridcn:floating-panel","t":"Floating Panel","s":"thegridcn","c":"overlays/popover","hc":1},{"id":"thegridcn:form","t":"Form","s":"thegridcn","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"thegridcn:glow-container","t":"Glow Container","k":"motion","s":"thegridcn","c":"motion/background","tg":["neon"],"sb":"Gradients and aurora","sy":["neon"],"hc":1},{"id":"thegridcn:grid","t":"Grid","d":"Convert hex to THREE.Color","k":"motion","s":"thegridcn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"thegridcn:grid-floor","t":"Grid Floor","s":"thegridcn","c":"data-display/table","hc":1},{"id":"thegridcn:grid-scan-overlay","t":"Grid Scan Overlay","s":"thegridcn","c":"overlays/dialog","hc":1},{"id":"thegridcn:hover-card","t":"Hover Card","s":"thegridcn","c":"overlays/hover-card","hc":1},{"id":"thegridcn:hud","t":"Hud","k":"motion","s":"thegridcn","c":"motion/background","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"thegridcn:hud-corner-frame","t":"Hud Corner Frame","k":"motion","s":"thegridcn","c":"motion/background","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"thegridcn:input","t":"Input","s":"thegridcn","c":"inputs/form-field","vn":1,"hc":1},{"id":"thegridcn:input-otp","t":"Input Otp","s":"thegridcn","c":"inputs/otp-input","hc":1,"cp":1},{"id":"thegridcn:item","t":"Item","s":"thegridcn","c":"data-display/list","hc":1},{"id":"thegridcn:kbd","t":"Kbd","s":"thegridcn","c":"data-display/typography","hc":1},{"id":"thegridcn:label","t":"Label","s":"thegridcn","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"thegridcn:location-display","t":"Location Display","s":"thegridcn","c":"data-viz/map","hc":1},{"id":"thegridcn:map","t":"Map","s":"thegridcn","c":"data-viz/map","hc":1},{"id":"thegridcn:menubar","t":"Menubar","s":"thegridcn","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"thegridcn:navigation-menu","t":"Navigation Menu","s":"thegridcn","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"thegridcn:pagination","t":"Pagination","s":"thegridcn","c":"navigation/pagination","hc":1},{"id":"thegridcn:popover","t":"Popover","s":"thegridcn","c":"overlays/popover","hc":1},{"id":"thegridcn:progress","t":"Progress","s":"thegridcn","c":"data-viz/progress-bar","hc":1},{"id":"thegridcn:radio-group","t":"Radio Group","s":"thegridcn","c":"inputs/radio","hc":1},{"id":"thegridcn:scroll-area","t":"Scroll Area","k":"layout","s":"thegridcn","c":"layout/scroll-area","hc":1},{"id":"thegridcn:select","t":"Select","s":"thegridcn","c":"inputs/select","hc":1},{"id":"thegridcn:separator","t":"Separator","k":"layout","s":"thegridcn","c":"layout/page-shell","hc":1},{"id":"thegridcn:sheet","t":"Sheet","s":"thegridcn","c":"overlays/sheet","hc":1},{"id":"thegridcn:sidebar","t":"Sidebar","s":"thegridcn","c":"navigation/sidebar","hc":1},{"id":"thegridcn:skeleton","t":"Skeleton","s":"thegridcn","c":"status/skeleton","hc":1},{"id":"thegridcn:slider","t":"Slider","s":"thegridcn","c":"inputs/slider","hc":1},{"id":"thegridcn:sonner","t":"Sonner","s":"thegridcn","c":"overlays/toast","hc":1},{"id":"thegridcn:spinner","t":"Spinner","s":"thegridcn","c":"status/loader","sb":"Spinners","hc":1},{"id":"thegridcn:status-bar","t":"Status Bar","s":"thegridcn","c":"other/other","hc":1},{"id":"thegridcn:switch","t":"Switch","s":"thegridcn","c":"actions/switch","hc":1},{"id":"thegridcn:table","t":"Table","s":"thegridcn","c":"data-display/table","hc":1},{"id":"thegridcn:tabs","t":"Tabs","s":"thegridcn","c":"navigation/tabs","hc":1},{"id":"thegridcn:textarea","t":"Textarea","s":"thegridcn","c":"inputs/textarea","hc":1},{"id":"thegridcn:timeline-bar","t":"Timeline Bar","s":"thegridcn","c":"data-display/timeline","hc":1},{"id":"thegridcn:timer","t":"Timer","s":"thegridcn","c":"data-display/stat","hc":1},{"id":"thegridcn:toggle","t":"Toggle","s":"thegridcn","c":"actions/switch","vn":1,"hc":1},{"id":"thegridcn:tooltip","t":"Tooltip","s":"thegridcn","c":"overlays/tooltip","hc":1},{"id":"thegridcn:tunnel","t":"Tunnel","d":"Instanced tunnel rings for better performance","s":"thegridcn","c":"data-display/card","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"thegridcn:uplink-header","t":"Uplink Header","s":"thegridcn","c":"navigation/top-nav","hc":1},{"id":"thegridcn:video-player","t":"Video Player","s":"thegridcn","c":"media/player","hc":1},{"id":"thegridcn:video-progress","t":"Video Progress","s":"thegridcn","c":"data-viz/progress-bar","hc":1},{"id":"thegridcn:terminal","t":"Terminal","s":"thegridcn","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"thegridcn:energy-meter","t":"Energy Meter","s":"thegridcn","c":"data-viz/gauge","hc":1},{"id":"thegridcn:progress-ring","t":"Progress Ring","s":"thegridcn","c":"data-viz/progress-bar","hc":1},{"id":"thegridcn:diagnostics-panel","t":"Diagnostics Panel","s":"thegridcn","c":"data-display/card","hc":1},{"id":"thegridcn:identity-disc","t":"Identity Disc","s":"thegridcn","c":"other/other","hc":1},{"id":"thegridcn:gauge","t":"Gauge","s":"thegridcn","c":"data-viz/gauge","hc":1},{"id":"thegridcn:waveform","t":"Waveform","s":"thegridcn","c":"media/player","hc":1},{"id":"thegridcn:data-stream","t":"Data Stream","s":"thegridcn","c":"data-display/table","hc":1},{"id":"thegridcn:boot-sequence","t":"Boot Sequence","s":"thegridcn","c":"status/loader","hc":1},{"id":"thegridcn:signal-indicator","t":"Signal Indicator","s":"thegridcn","c":"other/other","hc":1},{"id":"thegridcn:notification","t":"Notification","s":"thegridcn","c":"overlays/notifications","hc":1},{"id":"thegridcn:stepper","t":"Stepper","s":"thegridcn","c":"navigation/wizard-steps","hc":1},{"id":"thegridcn:tag","t":"Tag","s":"thegridcn","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"thegridcn:stat-card","t":"Stat Card","s":"thegridcn","c":"data-display/stat","hc":1},{"id":"thegridcn:sparkline","t":"Sparkline","s":"thegridcn","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"thegridcn:feature-card","t":"Feature Card","k":"section","s":"thegridcn","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"thegridcn:pricing-card","t":"Pricing Card","k":"section","s":"thegridcn","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"thegridcn:testimonial-card","t":"Testimonial Card","k":"section","s":"thegridcn","c":"marketing/testimonials","hc":1},{"id":"thegridcn:stats-counter","t":"Stats Counter","k":"motion","s":"thegridcn","c":"motion/number-ticker","hc":1},{"id":"thegridcn:cta-banner","t":"CTA Banner","s":"thegridcn","c":"overlays/alert-banner","hc":1},{"id":"thegridcn:heatmap","t":"Heatmap","s":"thegridcn","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"thegridcn:logo-cloud","t":"Logo Cloud","k":"section","s":"thegridcn","c":"marketing/logos","hc":1},{"id":"thegridcn:comparison-table","t":"Comparison Table","k":"section","s":"thegridcn","c":"marketing/comparison","hc":1},{"id":"thegridcn:changelog","t":"Changelog","k":"section","s":"thegridcn","c":"marketing/marketing","hc":1},{"id":"thegridcn:progress-bar","t":"Progress Bar","s":"thegridcn","c":"data-viz/progress-bar","hc":1},{"id":"thegridcn:avatar-group","t":"Avatar Group","s":"thegridcn","c":"data-display/avatar","hc":1},{"id":"thegridcn:bento-grid","t":"Bento Grid","k":"layout","s":"thegridcn","c":"layout/bento-grid","hc":1},{"id":"thegridcn:marquee","t":"Marquee","k":"motion","s":"thegridcn","c":"motion/marquee","hc":1},{"id":"thegridcn:divider","t":"Divider","s":"thegridcn","c":"other/other","hc":1},{"id":"thegridcn:agent-avatar","t":"Agent Avatar","s":"thegridcn","c":"ai-agent/ai-agent","sb":"Orbs and presence","hc":1},{"id":"thegridcn:faq","t":"FAQ","k":"section","s":"thegridcn","c":"marketing/faq","hc":1},{"id":"thegridcn:thegridcn-timeline","t":"Timeline","s":"thegridcn","c":"data-display/timeline","hc":1},{"id":"thegridcn:announcement-bar","t":"Announcement Bar","k":"section","s":"thegridcn","c":"marketing/announcement","hc":1},{"id":"thegridcn:data-table","t":"Data Table","s":"thegridcn","c":"data-display/table","sb":"Data tables","hc":1},{"id":"thegridcn:rating","t":"Rating","s":"thegridcn","c":"inputs/rating","hc":1},{"id":"thegridcn:thegridcn-skeleton","t":"Skeleton","s":"thegridcn","c":"status/skeleton","hc":1},{"id":"thegridcn:breadcrumb-nav","t":"Breadcrumb Nav","s":"thegridcn","c":"navigation/top-nav","hc":1},{"id":"thegridcn:command-menu","t":"Command Menu","s":"thegridcn","c":"navigation/command-palette","hc":1},{"id":"thegridcn:thegridcn-tabs","t":"Tabs","s":"thegridcn","c":"navigation/tabs","hc":1},{"id":"thegridcn:thegridcn-tooltip","t":"Tooltip","s":"thegridcn","c":"overlays/tooltip","hc":1},{"id":"thegridcn:modal","t":"Modal","s":"thegridcn","c":"overlays/dialog","hc":1},{"id":"thegridcn:dropdown","t":"Dropdown","s":"thegridcn","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"thegridcn:thegridcn-toggle","t":"Toggle","s":"thegridcn","c":"actions/switch","hc":1},{"id":"thegridcn:thegridcn-pagination","t":"Pagination","s":"thegridcn","c":"navigation/pagination","hc":1},{"id":"thegridcn:file-upload","t":"File Upload","s":"thegridcn","c":"inputs/file-upload","hc":1},{"id":"thegridcn:kanban-board","t":"Kanban Board","s":"thegridcn","c":"data-display/kanban","hc":1},{"id":"thegridcn:empty-state","t":"Empty State","s":"thegridcn","c":"data-display/empty-state","hc":1},{"id":"thegridcn:thegridcn-badge","t":"Badge","s":"thegridcn","c":"data-display/badge","hc":1},{"id":"thegridcn:toast","t":"Toast","s":"thegridcn","c":"overlays/toast","hc":1},{"id":"thegridcn:thegridcn-slider","t":"Slider","s":"thegridcn","c":"inputs/slider","hc":1},{"id":"thegridcn:thegridcn-select","t":"Select","s":"thegridcn","c":"inputs/select","hc":1},{"id":"thegridcn:text-input","t":"Text Input","s":"thegridcn","c":"inputs/form-field","hc":1},{"id":"thegridcn:number-input","t":"Number Input","s":"thegridcn","c":"inputs/number-input","hc":1},{"id":"thegridcn:chip","t":"Chip","s":"thegridcn","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"thegridcn:coordinate-display","t":"Coordinate Display","s":"thegridcn","c":"other/other","hc":1},{"id":"thegridcn:countdown","t":"Countdown","k":"motion","s":"thegridcn","c":"motion/number-ticker","hc":1},{"id":"thegridcn:derez-timer","t":"Derez Timer","s":"thegridcn","c":"data-display/stat","hc":1},{"id":"thegridcn:hud-frame","t":"HUD Frame","k":"motion","s":"thegridcn","c":"motion/background","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"thegridcn:map-marker","t":"Map Marker","s":"thegridcn","c":"data-viz/map","hc":1},{"id":"thegridcn:radar","t":"Radar","s":"thegridcn","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"thegridcn:regen-indicator","t":"Regen Indicator","s":"thegridcn","c":"other/other","hc":1},{"id":"thegridcn:reticle","t":"Reticle","s":"thegridcn","c":"other/other","hc":1},{"id":"thegridcn:speed-indicator","t":"Speed Indicator","s":"thegridcn","c":"other/other","hc":1},{"id":"thegridcn:stat","t":"Stat","s":"thegridcn","c":"data-display/stat","hc":1},{"id":"thegridcn:thegridcn-alert","t":"Tron Alert","s":"thegridcn","c":"overlays/alert-banner","hc":1},{"id":"thegridcn:font-rajdhani","t":"Rajdhani","d":"Rajdhani body font used by The Gridcn.","k":"resource","s":"thegridcn","c":"assets/font"},{"id":"thegridcn:font-orbitron","t":"Orbitron","d":"Orbitron display/heading font used by The Gridcn.","k":"resource","s":"thegridcn","c":"assets/font"},{"id":"thegridcn:font-geist-mono","t":"Geist Mono","d":"Geist Mono code font used by The Gridcn.","k":"resource","s":"thegridcn","c":"assets/font"},{"id":"thegridcn:radix-vega","t":"The Gridcn (Radix / Vega)","d":"The Gridcn on Radix UI with Vega (New York) style, aliases, fonts, and the @thegridcn regi","k":"theme","s":"thegridcn","c":"themes/style"},{"id":"thegridcn:base-vega","t":"The Gridcn (Base UI / Vega)","d":"The Gridcn on Base UI with Vega (New York) style, aliases, fonts, and the @thegridcn regis","k":"theme","s":"thegridcn","c":"themes/style"},{"id":"threecn:scene-container","t":"SceneContainer","d":"Base R3F canvas wrapper with theme-aware environment and camera setup.","k":"motion","s":"threecn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"threecn:particle-field","t":"ParticleField","d":"A drifting cloud of particles colored with your shadcn --primary and --muted-foreground to","s":"threecn","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"threecn:product-viewer","t":"ProductViewer","d":"An orbitable, polished product volume with an emissive --primary tint; hover slows the spi","s":"threecn","c":"other/other","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"threecn:floating-card-3d","t":"FloatingCard3D","d":"A parallax-tilting 3D card with a --background surface, --border edges, and an HTML overla","k":"motion","s":"threecn","c":"motion/tilt-3d","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"threecn:text-3d","t":"Text3D","d":"Extruded, floating 3D text rendered with drei <Text3D>, colored with --primary.","k":"motion","s":"threecn","c":"motion/text-effect","tg":["3d","webgl"],"sb":"3D text","sy":["3d","webgl"],"hc":1},{"id":"threecn:product-showcase","t":"ProductShowcase","d":"A product on a circular pedestal with soft contact shadows, studio lighting and slow auto-","k":"section","s":"threecn","c":"marketing/marketing","tg":["webgl"],"sb":"Shop sections","sy":["webgl"],"hc":1},{"id":"threecn:globe","t":"Globe","d":"A dotted globe rotating slowly with orbit rings, colored with your --primary token.","k":"motion","s":"threecn","c":"motion/globe","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"threecn:wave-terrain","t":"WaveTerrain","d":"An undulating wireframe terrain in perspective, drawn with --primary.","k":"motion","s":"threecn","c":"motion/background","tg":["3d","webgl"],"sb":"Shaders and WebGL","sy":["3d","webgl"],"hc":1},{"id":"threecn:crystal","t":"Crystal","d":"A faceted glass gem with real refraction and a glowing core, tinted with --primary.","s":"threecn","c":"other/other","tg":["glass","neon","webgl"],"sy":["glass","neon","webgl"],"hc":1},{"id":"threecn:halo","t":"Halo","d":"A glowing energy core wrapped by tilted orbit rings carrying satellites.","s":"threecn","c":"other/other","tg":["3d","neon","webgl"],"sy":["3d","neon","webgl"],"hc":1},{"id":"threecn:dna-helix","t":"DnaHelix","d":"A rotating double helix of spheres joined by rungs, colored with --primary and --accent.","s":"threecn","c":"other/other","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"threecn:vortex","t":"Vortex","d":"A spiral galaxy of points fading from --primary at the core to --muted-foreground at the r","k":"motion","s":"threecn","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"threecn:aurora-ribbons","t":"AuroraRibbons","d":"Silky aurora ribbons drifting in slow sine waves, shaded with a --primary → --accent gradi","k":"motion","s":"threecn","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"threecn:network-graph","t":"NetworkGraph","d":"A living plexus of drifting nodes that link up when close, fading from --primary to --mute","s":"threecn","c":"data-viz/chart","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"threecn:metaballs","t":"Metaballs","d":"Liquid metaballs that merge and split as they orbit each other, tinted with --primary.","k":"motion","s":"threecn","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"threecn:cube-wave","t":"CubeWave","d":"A grid of instanced cubes riding a radial wave, blending --accent troughs into --primary c","k":"motion","s":"threecn","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"threecn:iso-city","t":"IsoCity","d":"A procedural isometric skyline rotating under fog, with a few towers pulsing in --primary.","s":"threecn","c":"other/other","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"threecn:warp-tunnel","t":"WarpTunnel","d":"Hyperspace star streaks racing past the camera, from --foreground heads to --primary tails","s":"threecn","c":"data-display/gamification","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"threecn:phyllotaxis","t":"Phyllotaxis","d":"A sunflower-style bloom of instanced petals placed by the golden angle, breathing from --p","s":"threecn","c":"other/other","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"threecn:strange-attractor","t":"StrangeAttractor","d":"The Aizawa attractor integrated live into one glowing orbit that never repeats, colored --","s":"threecn","c":"other/other","tg":["neon","webgl"],"sy":["neon","webgl"],"hc":1},{"id":"threecn:curl-flow","t":"CurlFlow","d":"Particles advected through a divergence-free curl-noise field into silky filaments, tinted","s":"threecn","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"threecn:cloth","t":"Cloth","d":"A real spring-mass cloth (Verlet) hanging from its top edge and rippling under procedural ","s":"threecn","c":"other/other","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"threecn:boids","t":"Boids","d":"A living flock steering by separation, alignment and cohesion; each agent tints --accent w","s":"threecn","c":"ai-agent/ai-agent","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"threecn:voronoi-shatter","t":"VoronoiShatter","d":"A sphere fractured into Voronoi shards that drift apart and snap back together, each facet","s":"threecn","c":"other/other","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"threecn:tesseract","t":"Tesseract","d":"A 4D hypercube in double rotation projected into 3D — the inner cell endlessly swells thro","s":"threecn","c":"other/other","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"threecn:pendulum-wave","t":"PendulumWave","d":"A row of pendulums with stepped periods drifting into snakes, arches and chaos before snap","k":"motion","s":"threecn","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"threecn:pitch-momentum","t":"PitchMomentum","d":"A soccer pitch of dots where two rival particle mountains surge and clash as momentum swin","k":"motion","s":"threecn","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"threecn:world-cup","t":"WorldCup","d":"The World Cup trophy modeled procedurally: two sculpted figures with raised arms lift a co","k":"motion","s":"threecn","c":"motion/globe","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"tile-ui:liveline-core","t":"Liveline Core","d":"Framework-independent canvas engine, drawing, and math modules for Liveline.","k":"lib","s":"tile-ui","c":"lib/utility","hc":1},{"id":"tile-ui:core","t":"Core","d":"Registry runtime helpers for React Tile UI items.","k":"lib","s":"tile-ui","c":"lib/utility","hc":1},{"id":"tile-ui:utils","t":"Utils","d":"Shared utility helpers for Tile UI registries.","k":"lib","s":"tile-ui","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"tile-ui:portal","t":"Portal","d":"Shared portal container provider and hook for React Tile UI overlays.","k":"lib","s":"tile-ui","c":"lib/utility","hc":1},{"id":"tile-ui:styles","t":"Styles","d":"Tile UI runtime extensions and shared Sass dependencies.","k":"theme","s":"tile-ui","c":"themes/style","fw":"CSS","vn":1,"hc":1},{"id":"tile-ui:use-copy-to-clipboard","t":"useCopyToClipboard","d":"React hook for clipboard copy interactions.","k":"lib","s":"tile-ui","c":"lib/hook","hc":1},{"id":"tile-ui:use-media-query","t":"useMediaQuery","d":"React hook for viewport and media query state.","k":"lib","s":"tile-ui","c":"lib/hook","hc":1},{"id":"tile-ui:use-local-storage","t":"useLocalStorage","d":"React hook for local and session storage state.","k":"lib","s":"tile-ui","c":"lib/hook","hc":1},{"id":"tile-ui:button","t":"Button","d":"Multi-variant React button component for Tile UI.","s":"tile-ui","c":"actions/button","hc":1},{"id":"tile-ui:input","t":"Input","d":"Accessible React input component for Tile UI.","s":"tile-ui","c":"inputs/form-field","hc":1},{"id":"tile-ui:textarea","t":"Textarea","d":"Accessible React textarea component for Tile UI.","s":"tile-ui","c":"inputs/textarea","hc":1},{"id":"tile-ui:label","t":"Label","d":"React label primitive for Tile UI forms.","s":"tile-ui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"tile-ui:card","t":"Card","d":"Composable React card primitives for Tile UI.","s":"tile-ui","c":"data-display/card","hc":1},{"id":"tile-ui:badge","t":"Badge","d":"Multi-variant React badge component for Tile UI.","s":"tile-ui","c":"data-display/badge","hc":1},{"id":"tile-ui:skeleton","t":"Skeleton","d":"Loading placeholder React component for Tile UI.","s":"tile-ui","c":"status/skeleton","hc":1},{"id":"tile-ui:kbd","t":"Kbd","d":"Keyboard key display primitives for Tile UI.","s":"tile-ui","c":"data-display/typography","hc":1},{"id":"tile-ui:separator","t":"Separator","d":"Horizontal or vertical divider component for Tile UI.","s":"tile-ui","c":"data-display/card","hc":1},{"id":"tile-ui:table","t":"Table","d":"Composable React table primitives for Tile UI.","s":"tile-ui","c":"data-display/table","hc":1},{"id":"tile-ui:progress","t":"Progress","d":"Progress bar component for Tile UI.","s":"tile-ui","c":"data-viz/progress-bar","hc":1},{"id":"tile-ui:avatar","t":"Avatar","d":"User avatar primitives with image fallback for Tile UI.","s":"tile-ui","c":"data-display/avatar","hc":1},{"id":"tile-ui:switch","t":"Switch","d":"Accessible toggle switch component for Tile UI.","s":"tile-ui","c":"actions/switch","hc":1},{"id":"tile-ui:checkbox","t":"Checkbox","d":"Accessible checkbox with indeterminate state for Tile UI.","s":"tile-ui","c":"inputs/checkbox","hc":1},{"id":"tile-ui:collapsible","t":"Collapsible","d":"Accessible collapsible content component for Tile UI.","s":"tile-ui","c":"data-display/accordion","hc":1},{"id":"tile-ui:breadcrumb","t":"Breadcrumb","d":"Navigation breadcrumb primitives for Tile UI.","s":"tile-ui","c":"navigation/breadcrumb","hc":1},{"id":"tile-ui:pagination","t":"Pagination","d":"Navigation pagination primitives for Tile UI.","s":"tile-ui","c":"navigation/pagination","hc":1},{"id":"tile-ui:alert","t":"Alert","d":"Alert banner primitives for Tile UI.","s":"tile-ui","c":"overlays/alert-banner","hc":1},{"id":"tile-ui:aspect-ratio","t":"Aspect Ratio","d":"Fixed-ratio content container for Tile UI.","s":"tile-ui","c":"data-display/card","hc":1},{"id":"tile-ui:spinner","t":"Spinner","d":"Loading spinner component for Tile UI.","s":"tile-ui","c":"status/loader","sb":"Spinners","hc":1},{"id":"tile-ui:empty","t":"Empty","d":"Empty state primitives for Tile UI.","s":"tile-ui","c":"data-display/card","hc":1},{"id":"tile-ui:marker","t":"Marker","d":"Status marker component for Tile UI.","s":"tile-ui","c":"data-display/card","hc":1},{"id":"tile-ui:item","t":"Item","d":"Composable list item primitives for Tile UI.","s":"tile-ui","c":"data-display/list","hc":1},{"id":"tile-ui:button-group","t":"Button Group","d":"Grouped button container for Tile UI.","s":"tile-ui","c":"actions/button","sb":"Groups and split","hc":1},{"id":"tile-ui:input-group","t":"Input Group","d":"Composable input group primitives for Tile UI.","s":"tile-ui","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"tile-ui:native-select","t":"Native Select","d":"Native select with custom chevron for Tile UI.","s":"tile-ui","c":"inputs/select","hc":1},{"id":"tile-ui:field","t":"Field","d":"Field label/description/message wrapper for Tile UI.","s":"tile-ui","c":"inputs/form-field","hc":1},{"id":"tile-ui:toggle","t":"Toggle","d":"Toggle button with pressed state for Tile UI.","s":"tile-ui","c":"actions/switch","hc":1},{"id":"tile-ui:toggle-group","t":"Toggle Group","d":"Grouped toggle buttons for Tile UI.","s":"tile-ui","c":"actions/switch","hc":1},{"id":"tile-ui:tabs","t":"Tabs","d":"Tabs navigation primitives for Tile UI.","s":"tile-ui","c":"navigation/tabs","hc":1},{"id":"tile-ui:accordion","t":"Accordion","d":"Collapsible accordion for Tile UI.","s":"tile-ui","c":"data-display/accordion","hc":1},{"id":"tile-ui:radio-group","t":"Radio Group","d":"Radio group selection for Tile UI.","s":"tile-ui","c":"inputs/radio","hc":1},{"id":"tile-ui:slider","t":"Slider","d":"Slider control for Tile UI.","s":"tile-ui","c":"inputs/slider","hc":1},{"id":"tile-ui:scroll-area","t":"Scroll Area","d":"Custom scroll area for Tile UI.","k":"layout","s":"tile-ui","c":"layout/scroll-area","hc":1},{"id":"tile-ui:tooltip","t":"Tooltip","d":"Tooltip overlay for Tile UI.","s":"tile-ui","c":"overlays/tooltip","hc":1},{"id":"tile-ui:popover","t":"Popover","d":"Popover overlay for Tile UI.","s":"tile-ui","c":"overlays/popover","hc":1},{"id":"tile-ui:hover-card","t":"Hover Card","d":"Hover card overlay for Tile UI.","s":"tile-ui","c":"overlays/hover-card","hc":1},{"id":"tile-ui:dialog","t":"Dialog","d":"Modal dialog for Tile UI.","s":"tile-ui","c":"overlays/dialog","hc":1},{"id":"tile-ui:alert-dialog","t":"Alert Dialog","d":"Alert dialog for Tile UI.","s":"tile-ui","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"tile-ui:sheet","t":"Sheet","d":"Side sheet overlay for Tile UI.","s":"tile-ui","c":"overlays/sheet","hc":1},{"id":"tile-ui:dropdown-menu","t":"Dropdown Menu","d":"Dropdown menu with checkbox and radio items for Tile UI.","s":"tile-ui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"tile-ui:context-menu","t":"Context Menu","d":"Right-click context menu for Tile UI.","s":"tile-ui","c":"overlays/context-menu","hc":1},{"id":"tile-ui:menubar","t":"Menubar","d":"Horizontal menu bar for Tile UI.","s":"tile-ui","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"tile-ui:navigation-menu","t":"Navigation Menu","d":"Navigation menu with viewport for Tile UI.","s":"tile-ui","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"tile-ui:select","t":"Select","d":"Custom select dropdown for Tile UI.","s":"tile-ui","c":"inputs/select","hc":1},{"id":"tile-ui:combobox","t":"Combobox","d":"Searchable combobox for Tile UI.","s":"tile-ui","c":"inputs/combobox","hc":1},{"id":"tile-ui:command","t":"Command","d":"Command palette primitives for Tile UI.","s":"tile-ui","c":"navigation/command-palette","hc":1},{"id":"tile-ui:chart","t":"Chart","d":"Chart primitives for Tile UI.","s":"tile-ui","c":"data-viz/chart","hc":1},{"id":"tile-ui:calendar","t":"Calendar","d":"Calendar component for Tile UI.","s":"tile-ui","c":"data-display/calendar","hc":1},{"id":"tile-ui:drawer","t":"Drawer","d":"Drawer overlay for Tile UI.","s":"tile-ui","c":"overlays/sheet","hc":1},{"id":"tile-ui:form","t":"Form","d":"Form primitives for Tile UI.","s":"tile-ui","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"tile-ui:sidebar","t":"Sidebar","d":"Sidebar layout for Tile UI.","s":"tile-ui","c":"navigation/sidebar","hc":1},{"id":"tile-ui:carousel","t":"Carousel","d":"Carousel component for Tile UI.","s":"tile-ui","c":"media/carousel","hc":1},{"id":"tile-ui:resizable","t":"Resizable","d":"Resizable panel group for Tile UI.","k":"layout","s":"tile-ui","c":"layout/split-pane","hc":1},{"id":"tile-ui:attachment","t":"Attachment","d":"Attachment primitives for Tile UI.","s":"tile-ui","c":"inputs/file-upload","hc":1},{"id":"tile-ui:bubble","t":"Bubble","d":"Bubble chat primitives for Tile UI.","s":"tile-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"tile-ui:direction","t":"Direction","d":"Direction provider for Tile UI.","s":"tile-ui","c":"data-display/card","hc":1},{"id":"tile-ui:message","t":"Message","d":"Message primitives for Tile UI.","s":"tile-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"tile-ui:message-scroller","t":"Message Scroller","d":"Message scroller for Tile UI.","s":"tile-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"tile-ui:sonner","t":"Sonner","d":"Toast notifications for Tile UI.","s":"tile-ui","c":"overlays/toast","hc":1},{"id":"tile-ui:input-otp","t":"Input OTP","d":"One-time password input for Tile UI.","s":"tile-ui","c":"inputs/otp-input","hc":1},{"id":"tile-ui:liveline","t":"Liveline","d":"Real-time React canvas chart with line, multi-series, candlestick, and market-data modes.","s":"tile-ui","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"toc-cn:table-of-contents","t":"Table of Contents","d":"In-page documentation table of contents with scroll-position spy, animated SVG tree indica","s":"toc-cn","c":"navigation/table-of-contents","hc":1},{"id":"toggles:around","t":"Around Theme Toggle","d":"An animated sun-and-moon theme toggle with a sweeping transition.","s":"toggles","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"toggles:classic","t":"Classic Theme Toggle","d":"An animated classic sun-and-moon theme toggle.","s":"toggles","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"toggles:dark-inner","t":"Dark Inner Theme Toggle","d":"An animated theme toggle with an inward rotating icon.","s":"toggles","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"toggles:dark-side","t":"Dark Side Theme Toggle","d":"An animated theme toggle with a side-rotating icon.","s":"toggles","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"toggles:eclipse","t":"Eclipse Theme Toggle","d":"An animated theme toggle with an eclipse transition.","s":"toggles","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"toggles:expand","t":"Expand Theme Toggle","d":"An animated theme toggle with an expanding sun-and-moon transition.","s":"toggles","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"toggles:spin","t":"Spin Theme Toggle","d":"An animated theme toggle with a spinning sun-and-moon transition.","s":"toggles","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"toggles:half-sun","t":"Half Sun Theme Toggle","d":"An animated theme toggle with a half-sun rotation.","s":"toggles","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"toggles:horizon","t":"Horizon Theme Toggle","d":"An animated theme toggle with a horizon-inspired reveal.","s":"toggles","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"toggles:inner-moon","t":"Inner Moon Theme Toggle","d":"An animated theme toggle with an inner-moon rotation.","s":"toggles","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"toggles:lightbulb","t":"Lightbulb Theme Toggle","d":"An animated theme toggle inspired by a lightbulb.","s":"toggles","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"toggles:light-switch","t":"Light Switch Theme Toggle","d":"An animated theme toggle inspired by a wall switch.","s":"toggles","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"toggles:simple","t":"Simple Theme Toggle","d":"A compact animated sun-and-moon theme toggle.","s":"toggles","c":"actions/switch","tg":["minimal"],"sb":"Theme toggles","sy":["minimal"],"hc":1},{"id":"toggles:within","t":"Within Theme Toggle","d":"An animated theme toggle with a nested sun-and-moon transition.","s":"toggles","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"tokenui:button","t":"Button","d":"A button component with multiple variants and sizes.","s":"tokenui","c":"actions/button","hc":1},{"id":"tokenui:tooltip","t":"Tooltip","d":"A tooltip component for displaying contextual information.","s":"tokenui","c":"overlays/tooltip","hc":1},{"id":"tokenui:token","t":"Token","d":"A tooltip-based component for documenting design tokens. Includes TokenIndicator for visua","s":"tokenui","c":"overlays/tooltip","hc":1},{"id":"tokenui:icon-token","t":"BaseIconToken","d":"A base token variant that renders an icon next to the token name; use it to build custom i","k":"resource","s":"tokenui","c":"assets/icon","hc":1},{"id":"tokenui:color-token","t":"ColorToken","d":"A specialized component for documenting color tokens.","s":"tokenui","c":"inputs/color-picker","hc":1},{"id":"tokenui:elevation-token","t":"ElevationToken","d":"A token variant with a layers icon for elevation and shadow values.","k":"resource","s":"tokenui","c":"assets/icon","hc":1},{"id":"tokenui:duration-token","t":"DurationToken","d":"A token variant with a timer icon for animation or transition durations.","k":"resource","s":"tokenui","c":"assets/icon","hc":1},{"id":"tokenui:spacing-token","t":"SpacingToken","d":"A token variant with a ruler icon for spacing, padding, and gap values.","k":"resource","s":"tokenui","c":"assets/icon","hc":1},{"id":"tokenui:typography-token","t":"TypographyToken","d":"A token variant with a typography icon for font, size, and line-height values.","s":"tokenui","c":"data-display/typography","hc":1},{"id":"tokenui:order-token","t":"OrderToken","d":"A token variant with a layers-2 icon for z-index and stacking contexts.","k":"resource","s":"tokenui","c":"assets/icon","hc":1},{"id":"tokenui:radius-token","t":"RadiusToken","d":"A token variant with a spline icon for border radius values.","k":"resource","s":"tokenui","c":"assets/icon","hc":1},{"id":"tokenui:font-family-token","t":"FontFamilyToken","d":"A token variant with a type icon for font family values.","k":"resource","s":"tokenui","c":"assets/font","hc":1},{"id":"tokenui:font-weight-token","t":"FontWeightToken","d":"A token variant with a weight icon for font weight values.","k":"resource","s":"tokenui","c":"assets/font","hc":1},{"id":"tokenui:number-token","t":"NumberToken","d":"A token variant with a hash icon for numeric values like line-height.","k":"resource","s":"tokenui","c":"assets/icon","hc":1},{"id":"tokenui:color-swatch","t":"ColorSwatch","d":"A primitive component for displaying a single color swatch with an optional hover label.","s":"tokenui","c":"inputs/color-picker","hc":1},{"id":"tokenui:color-contrast","t":"ColorContrast","d":"A component for displaying accessibility contrast algorithms visually inline, natively hoo","s":"tokenui","c":"inputs/color-picker","hc":1},{"id":"tokenui:color-palette","t":"ColorPalette","d":"A component for displaying color collections including ramps, scales, and palettes","s":"tokenui","c":"inputs/color-picker","hc":1},{"id":"tool-ui:approval-card","t":"Approval Card","d":"Binary confirmation for agent actions.","s":"tool-ui","c":"data-display/card","hc":1},{"id":"tool-ui:audio","t":"Audio","d":"Audio playback with artwork and metadata.","s":"tool-ui","c":"media/player","hc":1},{"id":"tool-ui:chart","t":"Chart","d":"Visualize data with interactive charts.","s":"tool-ui","c":"data-viz/chart","hc":1},{"id":"tool-ui:citation","t":"Citation","d":"Display source references with attribution.","s":"tool-ui","c":"ai-agent/ai-agent","sb":"Sources","hc":1},{"id":"tool-ui:code-block","t":"Code Block","d":"Display syntax-highlighted code snippets.","s":"tool-ui","c":"data-display/code-block","hc":1},{"id":"tool-ui:code-diff","t":"Code Diff","d":"Code Diff component for AI interfaces.","s":"tool-ui","c":"data-display/diff","hc":1},{"id":"tool-ui:data-table","t":"Data Table","d":"Sortable, responsive data tables for tool call results.","s":"tool-ui","c":"data-display/table","sb":"Data tables","hc":1},{"id":"tool-ui:geo-map","t":"Geo Map","d":"Display geolocated entities and fleet positions.","s":"tool-ui","c":"data-viz/map","hc":1},{"id":"tool-ui:image","t":"Image","d":"Display images with metadata and attribution.","s":"tool-ui","c":"media/gallery","hc":1},{"id":"tool-ui:image-gallery","t":"Image Gallery","d":"Grid layout for browsing image collections.","s":"tool-ui","c":"media/gallery","hc":1},{"id":"tool-ui:instagram-post","t":"Instagram Post","d":"Render Instagram post previews.","k":"section","s":"tool-ui","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"tool-ui:item-carousel","t":"Item Carousel","d":"Horizontal carousel for browsing collections.","s":"tool-ui","c":"media/carousel","hc":1},{"id":"tool-ui:link-preview","t":"Link Preview","d":"Rich link previews with OG data.","s":"tool-ui","c":"actions/link","hc":1},{"id":"tool-ui:linkedin-post","t":"Linkedin Post","d":"Render LinkedIn post previews.","k":"section","s":"tool-ui","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"tool-ui:message-draft","t":"Message Draft","d":"Review and confirm drafted messages before sending.","s":"tool-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"tool-ui:option-list","t":"Option List","d":"Single or multi-select choices with confirmation actions.","s":"tool-ui","c":"data-display/list","hc":1},{"id":"tool-ui:order-summary","t":"Order Summary","d":"Itemized purchase confirmation with pricing.","k":"section","s":"tool-ui","c":"marketing/pricing","hc":1},{"id":"tool-ui:parameter-slider","t":"Parameter Slider","d":"Numeric parameter adjustment controls.","s":"tool-ui","c":"inputs/slider","hc":1},{"id":"tool-ui:plan","t":"Plan","d":"Display step-by-step task workflows in AI interfaces.","k":"section","s":"tool-ui","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"tool-ui:preferences-panel","t":"Preferences Panel","d":"Compact settings panel for user preferences.","k":"layout","s":"tool-ui","c":"flows/settings","hc":1},{"id":"tool-ui:progress-tracker","t":"Progress Tracker","d":"Show real-time status feedback for multi-step operations in AI interfaces.","s":"tool-ui","c":"data-viz/progress-bar","hc":1},{"id":"tool-ui:question-flow","t":"Question Flow","d":"Multi-step guided questions with branching.","s":"tool-ui","c":"navigation/wizard-steps","hc":1},{"id":"tool-ui:stats-display","t":"Stats Display","d":"Display key metrics in compact cards.","s":"tool-ui","c":"data-display/stat","hc":1},{"id":"tool-ui:terminal","t":"Terminal","d":"Show command-line output and logs.","s":"tool-ui","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"tool-ui:video","t":"Video","d":"Video playback with controls and poster.","s":"tool-ui","c":"media/player","hc":1},{"id":"tool-ui:weather-widget","t":"Weather Widget","d":"Display weather conditions and forecasts.","s":"tool-ui","c":"data-display/card","hc":1},{"id":"tool-ui:x-post","t":"X Post","d":"Render X (Twitter) post previews.","k":"section","s":"tool-ui","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"tour:tour","t":"Tour","d":"A tour component.","s":"tour","c":"other/other","hc":1},{"id":"trophy-ui:index","t":"Index","k":"theme","s":"trophy-ui","c":"themes/style"},{"id":"trophy-ui:streak-badge","t":"Streak Badge","d":"React streak counter UI in a compact badge supporting daily, weekly, monthly or yearly str","s":"trophy-ui","c":"data-display/badge","hc":1},{"id":"trophy-ui:streak-calendar","t":"Streak Calendar","d":"React streak calendar for gamification—week, month, and git-style grids to visualize consi","s":"trophy-ui","c":"data-display/calendar","hc":1},{"id":"trophy-ui:streak-card","t":"Streak Card","d":"Full streak UI card for React. Daily streak display, longest streak record with optional s","s":"trophy-ui","c":"data-display/gamification","hc":1},{"id":"trophy-ui:achievement-badge","t":"Achievement Badge","d":"Open source React achievement badge component with locked/unlocked states, progress rings ","s":"trophy-ui","c":"data-display/badge","hc":1},{"id":"trophy-ui:achievement-grid","t":"Achievement Grid","d":"Responsive React achievement grid for displaying collections of badges with progress and r","s":"trophy-ui","c":"data-display/gamification","hc":1},{"id":"trophy-ui:achievement-list","t":"Achievement List","d":"Vertical React achievement list with icons, descriptions, and optional progress for dense ","s":"trophy-ui","c":"data-display/gamification","hc":1},{"id":"trophy-ui:achievement-unlocked","t":"Achievement Unlocked","d":"Celebratory React dialog for newly unlocked achievements with headline, badge, and share a","s":"trophy-ui","c":"data-display/gamification","hc":1},{"id":"trophy-ui:achievement-card","t":"Achievement Card","d":"React achievement card with totals, featured badges, and scrollable lists for profile and ","s":"trophy-ui","c":"data-display/gamification","hc":1},{"id":"trophy-ui:leaderboard-rankings","t":"Leaderboard Rankings","d":"React leaderboard rankings list—avatars, scores, bylines, and crown highlights for full ta","s":"trophy-ui","c":"data-display/gamification","hc":1},{"id":"trophy-ui:leaderboard-podium","t":"Leaderboard Podium","d":"Top-three React leaderboard podium with crowns, avatars, and ranks for competitive gamific","s":"trophy-ui","c":"data-display/gamification","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"trophy-ui:leaderboard-card","t":"Leaderboard Card","d":"React leaderboard component that composes title, date range, podium, and rankings—one card","s":"trophy-ui","c":"data-display/gamification","hc":1},{"id":"trophy-ui:points-badge","t":"Points Badge","d":"Compact React points badge for totals and currency-style scores in gamification UIs. Fits ","s":"trophy-ui","c":"data-display/badge","hc":1},{"id":"trophy-ui:points-chart","t":"Points Chart","d":"React chart for points over time. Displays trends, campaigns, and seasonality in gamificat","s":"trophy-ui","c":"data-viz/chart","hc":1},{"id":"trophy-ui:points-awards","t":"Points Awards","d":"React points activity feed with dated events, totals, and trigger types for gamification t","s":"trophy-ui","c":"data-display/timeline","hc":1},{"id":"trophy-ui:points-levels-timeline","t":"Points Levels Timeline","d":"Vertical React timeline for level progression. Supports sub-levels, thresholds, and level ","s":"trophy-ui","c":"data-display/timeline","hc":1},{"id":"trophy-ui:points-levels-list","t":"Points Levels List","d":"React levels list with optional progress bar between tiers. Built on shadcn/ui + Tailwind.","s":"trophy-ui","c":"data-display/list","hc":1},{"id":"trophy-ui:points-boost","t":"Points Boost","d":"React callout for points multipliers and limited-time boosts. Supports optional countdown ","s":"trophy-ui","c":"overlays/alert-banner","hc":1},{"id":"tuiparts:core/accordion","t":"Accordion (Core)","d":"Editable imperative Accordion Recipe built on the tuiparts.sh packaged Primitive.","s":"tuiparts","c":"data-display/accordion","hc":1},{"id":"tuiparts:react/accordion","t":"Accordion (React)","d":"Editable React Accordion Recipe built on the tuiparts.sh packaged Primitive.","s":"tuiparts","c":"data-display/accordion","hc":1},{"id":"tuiparts:solid/accordion","t":"Accordion (Solid)","d":"Editable Solid Accordion Recipe built on the tuiparts.sh packaged Primitive.","s":"tuiparts","c":"data-display/accordion","hc":1},{"id":"tuiparts:core/checkbox-group","t":"Checkbox Group (Core)","d":"Editable imperative CheckboxGroup Recipe built on the tuiparts.sh packaged Primitives.","s":"tuiparts","c":"inputs/checkbox","hc":1},{"id":"tuiparts:react/checkbox-group","t":"Checkbox Group (React)","d":"Editable React CheckboxGroup Recipe built on the tuiparts.sh packaged Primitives.","s":"tuiparts","c":"inputs/checkbox","hc":1},{"id":"tuiparts:solid/checkbox-group","t":"Checkbox Group (Solid)","d":"Editable Solid CheckboxGroup Recipe built on the tuiparts.sh packaged Primitives.","s":"tuiparts","c":"inputs/checkbox","hc":1},{"id":"tuiparts:core/checkbox","t":"Checkbox (Core)","d":"Editable imperative Checkbox recipe built on the tuiparts.sh packaged primitive.","s":"tuiparts","c":"inputs/checkbox","hc":1},{"id":"tuiparts:react/checkbox","t":"Checkbox (React)","d":"Editable React Checkbox recipe built on the tuiparts.sh packaged primitive.","s":"tuiparts","c":"inputs/checkbox","hc":1},{"id":"tuiparts:solid/checkbox","t":"Checkbox (Solid)","d":"Editable Solid Checkbox recipe built on the tuiparts.sh packaged primitive.","s":"tuiparts","c":"inputs/checkbox","hc":1},{"id":"tuiparts:core/switch","t":"Switch (Core)","d":"Editable imperative Switch recipe built on the tuiparts.sh packaged primitive.","s":"tuiparts","c":"actions/switch","hc":1},{"id":"tuiparts:react/switch","t":"Switch (React)","d":"Editable React Switch recipe built on the tuiparts.sh packaged primitive.","s":"tuiparts","c":"actions/switch","hc":1},{"id":"tuiparts:solid/switch","t":"Switch (Solid)","d":"Editable Solid Switch recipe built on the tuiparts.sh packaged primitive.","s":"tuiparts","c":"actions/switch","hc":1},{"id":"tuiparts:core/button","t":"Button (Core)","d":"Editable imperative Button recipe built on the tuiparts.sh packaged primitive.","s":"tuiparts","c":"actions/button","hc":1},{"id":"tuiparts:react/button","t":"Button (React)","d":"Editable React Button recipe built on the tuiparts.sh packaged primitive.","s":"tuiparts","c":"actions/button","hc":1},{"id":"tuiparts:solid/button","t":"Button (Solid)","d":"Editable Solid Button recipe built on the tuiparts.sh packaged primitive.","s":"tuiparts","c":"actions/button","hc":1},{"id":"tuiparts:core/badge","t":"Badge (Core)","d":"Editable imperative Badge recipe built directly from OpenTUI Renderables.","s":"tuiparts","c":"data-display/badge","hc":1},{"id":"tuiparts:react/badge","t":"Badge (React)","d":"Editable React Badge recipe built directly from OpenTUI elements.","s":"tuiparts","c":"data-display/badge","hc":1},{"id":"tuiparts:solid/badge","t":"Badge (Solid)","d":"Editable Solid Badge recipe built directly from OpenTUI elements.","s":"tuiparts","c":"data-display/badge","hc":1},{"id":"tuiparts:core/radio-group","t":"Radio Group (Core)","d":"Editable imperative Radio and Radio Group recipe built on the tuiparts.sh collection Primi","s":"tuiparts","c":"inputs/radio","hc":1},{"id":"tuiparts:react/radio-group","t":"Radio Group (React)","d":"Editable React Radio and Radio Group recipe built on the tuiparts.sh collection Primitive.","s":"tuiparts","c":"inputs/radio","hc":1},{"id":"tuiparts:solid/radio-group","t":"Radio Group (Solid)","d":"Editable Solid Radio and Radio Group recipe built on the tuiparts.sh collection Primitive.","s":"tuiparts","c":"inputs/radio","hc":1},{"id":"tuiparts:core/number-field","t":"Number Field (Core)","d":"Editable imperative NumberField Recipe built on the tuiparts.sh packaged Primitive.","s":"tuiparts","c":"inputs/number-input","hc":1},{"id":"tuiparts:react/number-field","t":"Number Field (React)","d":"Editable React NumberField Recipe built on the tuiparts.sh packaged Primitive.","s":"tuiparts","c":"inputs/number-input","hc":1},{"id":"tuiparts:solid/number-field","t":"Number Field (Solid)","d":"Editable Solid NumberField Recipe built on the tuiparts.sh packaged Primitive.","s":"tuiparts","c":"inputs/number-input","hc":1},{"id":"tuiparts:core/slider","t":"Slider (Core)","d":"Editable imperative Slider Recipe built on the tuiparts.sh packaged Primitive.","s":"tuiparts","c":"inputs/slider","hc":1},{"id":"tuiparts:react/slider","t":"Slider (React)","d":"Editable React Slider Recipe built on the tuiparts.sh packaged Primitive.","s":"tuiparts","c":"inputs/slider","hc":1},{"id":"tuiparts:solid/slider","t":"Slider (Solid)","d":"Editable Solid Slider Recipe built on the tuiparts.sh packaged Primitive.","s":"tuiparts","c":"inputs/slider","hc":1},{"id":"tuiparts:core/input","t":"Input (Core)","d":"Editable imperative Input recipe preserving OpenTUI-native editing and events.","s":"tuiparts","c":"inputs/form-field","hc":1},{"id":"tuiparts:react/input","t":"Input (React)","d":"Editable React Input recipe preserving OpenTUI-native editing and events.","s":"tuiparts","c":"inputs/form-field","hc":1},{"id":"tuiparts:solid/input","t":"Input (Solid)","d":"Editable Solid Input recipe preserving OpenTUI-native editing and events.","s":"tuiparts","c":"inputs/form-field","hc":1},{"id":"tuiparts:core/textarea","t":"Textarea (Core)","d":"Editable imperative Textarea recipe preserving OpenTUI-native multiline editing.","s":"tuiparts","c":"inputs/textarea","hc":1},{"id":"tuiparts:react/textarea","t":"Textarea (React)","d":"Editable React Textarea recipe preserving OpenTUI-native multiline editing.","s":"tuiparts","c":"inputs/textarea","hc":1},{"id":"tuiparts:solid/textarea","t":"Textarea (Solid)","d":"Editable Solid Textarea recipe preserving OpenTUI-native multiline editing.","s":"tuiparts","c":"inputs/textarea","hc":1},{"id":"tuiparts:core/dialog","t":"Dialog (Core)","d":"Editable imperative Dialog recipe built on the tuiparts.sh packaged primitive.","s":"tuiparts","c":"overlays/dialog","hc":1},{"id":"tuiparts:react/dialog","t":"Dialog (React)","d":"Editable React Dialog recipe built on the tuiparts.sh packaged primitive.","s":"tuiparts","c":"overlays/dialog","hc":1},{"id":"tuiparts:solid/dialog","t":"Dialog (Solid)","d":"Editable Solid Dialog recipe built on the tuiparts.sh packaged primitive.","s":"tuiparts","c":"overlays/dialog","hc":1},{"id":"tuiparts:core/toggle","t":"Toggle (Core)","d":"Editable imperative Toggle recipe built on the tuiparts.sh packaged primitive.","s":"tuiparts","c":"actions/switch","hc":1},{"id":"tuiparts:react/toggle","t":"Toggle (React)","d":"Editable React Toggle recipe built on the tuiparts.sh packaged primitive.","s":"tuiparts","c":"actions/switch","hc":1},{"id":"tuiparts:solid/toggle","t":"Toggle (Solid)","d":"Editable Solid Toggle recipe built on the tuiparts.sh packaged primitive.","s":"tuiparts","c":"actions/switch","hc":1},{"id":"tuiparts:core/toggle-group","t":"Toggle Group (Core)","d":"Editable imperative ToggleGroup recipe built on the tuiparts.sh packaged primitives.","s":"tuiparts","c":"actions/switch","hc":1},{"id":"tuiparts:react/toggle-group","t":"Toggle Group (React)","d":"Editable React ToggleGroup recipe built on the tuiparts.sh packaged primitives.","s":"tuiparts","c":"actions/switch","hc":1},{"id":"tuiparts:solid/toggle-group","t":"Toggle Group (Solid)","d":"Editable Solid ToggleGroup recipe built on the tuiparts.sh packaged primitives.","s":"tuiparts","c":"actions/switch","hc":1},{"id":"tuiparts:core/collapsible","t":"Collapsible (Core)","d":"Editable imperative Collapsible Recipe built on the tuiparts.sh packaged Primitive.","s":"tuiparts","c":"data-display/accordion","hc":1},{"id":"tuiparts:react/collapsible","t":"Collapsible (React)","d":"Editable React Collapsible Recipe built on the tuiparts.sh packaged Primitive.","s":"tuiparts","c":"data-display/accordion","hc":1},{"id":"tuiparts:solid/collapsible","t":"Collapsible (Solid)","d":"Editable Solid Collapsible Recipe built on the tuiparts.sh packaged Primitive.","s":"tuiparts","c":"data-display/accordion","hc":1},{"id":"tuiparts:core/tabs","t":"Tabs (Core)","d":"Editable imperative Tabs Recipe built on the tuiparts.sh packaged Primitive.","s":"tuiparts","c":"navigation/tabs","hc":1},{"id":"tuiparts:react/tabs","t":"Tabs (React)","d":"Editable React Tabs Recipe built on the tuiparts.sh packaged Primitive.","s":"tuiparts","c":"navigation/tabs","hc":1},{"id":"tuiparts:solid/tabs","t":"Tabs (Solid)","d":"Editable Solid Tabs Recipe built on the tuiparts.sh packaged Primitive.","s":"tuiparts","c":"navigation/tabs","hc":1},{"id":"tuiparts:core/theme","t":"Theme (Core)","d":"Editable imperative theme contract, store, and terminal default read by every tuiparts.sh ","s":"tuiparts","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"tuiparts:react/theme","t":"Theme (React)","d":"Editable React theme contract, store, and terminal default read by every tuiparts.sh recip","s":"tuiparts","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"tuiparts:solid/theme","t":"Theme (Solid)","d":"Editable Solid theme contract, store, and terminal default read by every tuiparts.sh recip","s":"tuiparts","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"tuiparts:theme-cobalt-deep","t":"Cobalt Deep Theme","d":"Truecolor tuiparts.sh brand preset applied as a partial override of the installed theme co","s":"tuiparts","c":"other/other","hc":1},{"id":"tuiparts:theme-ascii","t":"ASCII Theme","d":"ASCII-glyph preset for fonts and terminals without Unicode coverage, applied as a partial ","k":"motion","s":"tuiparts","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"tuiparts:theme-catppuccin","t":"Catppuccin Theme","d":"Catppuccin Mocha/Latte.","s":"tuiparts","c":"other/other","hc":1},{"id":"tuiparts:theme-gruvbox","t":"Gruvbox Theme","d":"Gruvbox dark/light.","s":"tuiparts","c":"other/other","hc":1},{"id":"tuiparts:theme-rosepine","t":"Rosé Pine Theme","d":"Rosé Pine/Dawn.","s":"tuiparts","c":"other/other","hc":1},{"id":"turbopills-ui:before-after-card","t":"Before / After Card","d":"A before/after image card with a footer badge.","s":"turbopills-ui","c":"media/image-compare","hc":1},{"id":"turbopills-ui:bmi-card","t":"BMI Card","d":"A configurable BMI indicator ring with thresholds and tooltip.","s":"turbopills-ui","c":"data-display/card","hc":1},{"id":"turbopills-ui:input","t":"Input","d":"Input field with title, hint, suffix and error message.","s":"turbopills-ui","c":"inputs/form-field","hc":1},{"id":"turbopills-ui:masked-input","t":"Masked Input","d":"Masked input with presets (tel/date) and optional calendar picker.","s":"turbopills-ui","c":"inputs/form-field","hc":1},{"id":"turbopills-ui:multiple-choice","t":"Multiple Choice","d":"Multiple choice field with optional max selections.","s":"turbopills-ui","c":"inputs/form-field","hc":1},{"id":"turbopills-ui:single-choice","t":"Single Choice","d":"Single choice field (list or cells) with optional deselect.","s":"turbopills-ui","c":"inputs/form-field","hc":1},{"id":"turbopills-ui:progress-cells","t":"Progress (Cells)","d":"Segmented progress bar with optional labels/tooltips.","s":"turbopills-ui","c":"data-viz/progress-bar","hc":1},{"id":"turbopills-ui:progress-stretch","t":"Progress (Stretch)","d":"Progress with expanding current step.","s":"turbopills-ui","c":"data-viz/progress-bar","hc":1},{"id":"turbopills-ui:progress-numbered","t":"Progress (Numbered)","d":"Numbered step progress with collapse/ellipsis.","s":"turbopills-ui","c":"data-viz/progress-bar","hc":1},{"id":"turbopills-ui:progress-solid","t":"Progress (Solid)","d":"Simple solid progress bar.","s":"turbopills-ui","c":"data-viz/progress-bar","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"tween-ui:icon-trail-button","t":"Icon Trail Button","d":"A pill button whose icon pill expands on hover or focus, playing out a staggered chevron t","k":"resource","s":"tween-ui","c":"assets/icon","vn":1,"hc":1},{"id":"tween-ui:sliding-tabs","t":"Sliding Tabs","d":"A pill nav whose lime indicator scales in under the first tab, then slides to follow the p","s":"tween-ui","c":"navigation/tabs","vn":1,"hc":1},{"id":"tween-ui:avatar-reveal","t":"Avatar Reveal","d":"Three stacked avatars that scale and unblur in from the left on an elastic ease, then a ca","s":"tween-ui","c":"data-display/avatar","tg":["webgl"],"sy":["webgl"],"vn":1,"hc":1},{"id":"tween-ui:auth-modal","t":"Auth Modal","d":"A login modal: the backdrop fades, the panel scales up, then the close button, title, sign","s":"tween-ui","c":"overlays/dialog","sb":"Forms","vn":1,"hc":1},{"id":"tween-ui:number-counter","t":"Number Counter","d":"An animated stats counter whose digits spin up once when the stat scrolls into view. Scrol","k":"motion","s":"tween-ui","c":"motion/number-ticker","vn":1,"hc":1},{"id":"tween-ui:voice-sample-player","t":"Voice Sample Player","d":"An audio player pill: press play and the name slides away, a lime waveform equalizer slide","s":"tween-ui","c":"media/player","vn":1,"hc":1},{"id":"tween-ui:flip-card","t":"Flip Card","d":"A card that flips in 3D on hover or tap — the front rotates out while the back rotates in ","s":"tween-ui","c":"data-display/card","tg":["3d"],"sy":["3d"],"vn":1,"hc":1},{"id":"tween-ui:faq-accordion","t":"FAQ Accordion","d":"A single-open accordion that animates its height open while the answer reveals line by lin","s":"tween-ui","c":"data-display/accordion","sb":"FAQ","vn":1,"hc":1},{"id":"tween-ui:shiny-button","t":"Shiny Button","d":"A pill button with a diagonal light sweep that glides across on hover while the leading sp","s":"tween-ui","c":"actions/button","tg":["animated"],"sy":["animated"],"vn":1,"hc":1},{"id":"tween-ui:text-roll-button","t":"Text Roll Button","d":"A pill button whose label rolls up character by character on hover — the current text lift","s":"tween-ui","c":"actions/button","vn":1,"hc":1},{"id":"tween-ui:slide-arrow-button","t":"Slide Arrow Button","d":"A pill button whose label rolls up on hover while the chevron slides out of its lime badge","s":"tween-ui","c":"actions/button","tg":["animated"],"sy":["animated"],"vn":1,"hc":1},{"id":"tween-ui:glow-button","t":"Glow Button","d":"A pill button floating over a soft red, amber, violet and cyan glow that sharpens as the b","s":"tween-ui","c":"actions/button","tg":["animated","neon"],"sb":"Animated","sy":["animated","neon"],"vn":1,"hc":1},{"id":"tween-ui:magnetic-button","t":"Magnetic Button","d":"A pill button pulled toward the cursor once it comes near, its label drifting a little fur","s":"tween-ui","c":"actions/button","tg":["3d"],"sb":"Animated","sy":["3d"],"vn":1,"hc":1},{"id":"tween-ui:dot-bloom-button","t":"Dot Bloom Button","d":"A button whose leading dot blooms into a fill that floods the whole surface on hover, whil","s":"tween-ui","c":"actions/button","vn":1,"hc":1},{"id":"tween-ui:arrow-tile-button","t":"Arrow Tile Button","d":"A label slab paired with a detached arrow tile: the tilt variant has the tile knock the sl","s":"tween-ui","c":"actions/button","tg":["3d"],"sy":["3d"],"vn":1,"hc":1},{"id":"tween-ui:focus-frame-button","t":"Focus Frame Button","d":"A framed button that locks on like a viewfinder on hover: the hairline folds into its corn","s":"tween-ui","c":"actions/button","vn":1,"hc":1},{"id":"tween-ui:slant-morph-button","t":"Slant Morph Button","d":"A slanted label and arrow tile whose diagonal seam smoothly flips its lean like a hinge on","s":"tween-ui","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"vn":1,"hc":1},{"id":"tween-ui:logo-orbit","t":"Logo Orbit","d":"Logos spaced evenly around a ring that rotates continuously, each mark counter-rotated so ","k":"resource","s":"tween-ui","c":"assets/logo","vn":1,"hc":1},{"id":"tween-ui:logo-cycle","t":"Logo Cycle","d":"A logo row that holds a fixed count and cycles the extras: the current set staggers up and","k":"resource","s":"tween-ui","c":"assets/logo","vn":1,"hc":1},{"id":"tween-ui:logo-wave","t":"Logo Wave","d":"An endless logo strip where the mark nearest the midpoint rises and scales up while its ne","k":"resource","s":"tween-ui","c":"assets/logo","vn":1,"hc":1},{"id":"tween-ui:image-fan-slider","t":"Image Fan Slider","d":"An image gallery slider: a fan of photos that auto-advances — the active one large and sha","s":"tween-ui","c":"inputs/slider","vn":1,"hc":1},{"id":"tween-ui:morphing-text","t":"Morphing Text","d":"A headline text animation whose last word cycles through a list with a gooey blur morph — ","k":"motion","s":"tween-ui","c":"motion/text-effect","sb":"Rotating words","vn":1,"hc":1},{"id":"tween-ui:wordmark-reveal","t":"Wordmark Reveal","d":"A display wordmark text reveal that assembles itself on the first scroll — every letter tu","k":"resource","s":"tween-ui","c":"assets/logo","vn":1,"hc":1},{"id":"tween-ui:pricing-plan-switch","t":"Pricing Plan Switch","d":"A pricing section where picking a plan morphs the name badge, crossfades the description a","s":"tween-ui","c":"actions/switch","vn":1,"hc":1},{"id":"tween-ui:process-card-reveal","t":"Process Card Reveal","d":"Numbered steps on a timeline whose connector fills before the next card slides and blurs i","s":"tween-ui","c":"data-display/card","vn":1,"hc":1},{"id":"tween-ui:process-sticky-steps","t":"Process Sticky Steps","d":"A process block whose heading, divider and step numbers stay sticky inside the section whi","k":"section","s":"tween-ui","c":"marketing/features","tg":["animated"],"sb":"Steps","sy":["animated"],"vn":1,"hc":1},{"id":"tween-ui:strip-wipe","t":"Strip Wipe","d":"A split testimonial slider whose photo wipes in as tiled strips beside the quote, the inde","k":"section","s":"tween-ui","c":"marketing/testimonials","vn":1,"hc":1},{"id":"tween-ui:rating-carousel","t":"Rating Carousel","d":"A Swiper testimonial row of rating cards: drag or swipe it, and off-window cards fade and ","s":"tween-ui","c":"media/carousel","vn":1,"hc":1},{"id":"tween-ui:cta-image-fan","t":"CTA Image Fan","d":"A call-to-action with a fanned photo stack auto-advancing above the headline and a shiny b","s":"tween-ui","c":"media/gallery","vn":1,"hc":1},{"id":"tween-ui:cta-photo-headline","t":"CTA Photo Headline","d":"A call-to-action where avatars pop in above a heading with two photos tucked into the copy","k":"section","s":"tween-ui","c":"marketing/cta","tg":["3d"],"sy":["3d"],"vn":1,"hc":1},{"id":"tween-ui:blog-hover-expand","t":"Blog Hover Expand","d":"A three-post blog row where the hovered card grows wider, its photo scales and tilts, and ","k":"section","s":"tween-ui","c":"marketing/marketing","tg":["3d","webgl"],"sb":"Blog and posts","sy":["3d","webgl"],"vn":1,"hc":1},{"id":"tween-ui:integration-hub","t":"Integration Hub","d":"A hub-and-spoke integrations diagram: the center pops in, paths draw out to six logos, the","k":"section","s":"tween-ui","c":"marketing/logos","vn":1,"hc":1},{"id":"tween-ui:infinite-rotating-cards","t":"Infinite Rotating Cards","d":"A hero wheel of photo cards set on a large circle so only the top arc shows, spinning slow","s":"tween-ui","c":"data-display/card","vn":1,"hc":1},{"id":"tween-ui:card-hover-expand","t":"Card Hover Expand","d":"A card row where the hovered card grows wider, its photo fades in and the title drops to t","s":"tween-ui","c":"data-display/card","tg":["gradient"],"sb":"Animated and glowing","sy":["gradient"],"vn":1,"hc":1},{"id":"tween-ui:card-spotlight-grid","t":"Card Spotlight Grid","d":"A staggered project grid — tile heights cycle every six cards — where the hovered tile til","s":"tween-ui","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"vn":1,"hc":1},{"id":"tween-ui:column-drift","t":"Column Drift","d":"Three columns of review cards that swing in from the sides as the section scrolls, then dr","s":"tween-ui","c":"data-display/card","tg":["animated","webgl"],"sy":["animated","webgl"],"vn":1,"hc":1},{"id":"tween-ui:team-scatter-focus","t":"Team Scatter Focus","d":"A scattered team collage whose cards each fly in from their own direction, then blur and s","s":"tween-ui","c":"data-viz/chart","sb":"Scatter","vn":1,"hc":1},{"id":"tween-ui:tab-wipe","t":"Tab Wipe","d":"A centered screenshot stage that wipes between slides on a clip-path edge while the incomi","s":"tween-ui","c":"navigation/tabs","vn":1,"hc":1},{"id":"tween-ui:logo-wall-shuffle","t":"Logo Wall Shuffle","d":"An integrations wall of staggered logo tiles where one mark at a time lifts away and the n","k":"section","s":"tween-ui","c":"marketing/logos","vn":1,"hc":1},{"id":"tween-ui:testimonial-line-sweep","t":"Testimonial Line Sweep","d":"A paged testimonial pair whose text sweeps out line by line behind masks while the portrai","k":"section","s":"tween-ui","c":"marketing/testimonials","tg":["animated"],"sy":["animated"],"vn":1,"hc":1},{"id":"tween-ui:cta-starfall","t":"CTA Starfall","d":"A dark call-to-action section under a slow field of drifting stars lit by a violet bloom. ","k":"section","s":"tween-ui","c":"marketing/cta","vn":1,"hc":1},{"id":"tween-ui:pricing-usage-slider","t":"Pricing Usage Slider","d":"A two-plan pricing section where the second card prices itself from a volume slider, the f","s":"tween-ui","c":"inputs/slider","vn":1,"hc":1},{"id":"tween-ui:grid-cascade","t":"Grid Cascade","d":"A three-up testimonial grid that pages a whole set at a time — the current cards drop away","k":"section","s":"tween-ui","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"],"vn":1,"hc":1},{"id":"tween-ui:cube-roll-item","t":"Cube Roll Item","d":"A numbered section index where each row is a 3D drum that rolls a quarter turn onto a fill","s":"tween-ui","c":"data-display/list","tg":["3d"],"sy":["3d"],"vn":1,"hc":1},{"id":"tween-ui:shutter-slider","t":"Shutter Slider","d":"An autoplaying feature slider. Each image opens through vertical slats that alternate from","s":"tween-ui","c":"inputs/slider","vn":1,"hc":1},{"id":"tween-ui:testimonial-reel-focus","t":"Testimonial Reel Focus","d":"A reel of testimonial cards wider than the window, run sideways by vertical page scroll fr","k":"section","s":"tween-ui","c":"marketing/testimonials","vn":1,"hc":1},{"id":"tween-ui:kinetic-type-ring","t":"Kinetic Type Ring","d":"A phrase wrapped once around a ring in real 3D. A falling dot pulls the letters out of a b","k":"layout","s":"tween-ui","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"vn":1,"hc":1},{"id":"tween-ui:footer-wordmark-rise","t":"Footer Wordmark Rise","d":"A dark site footer that rises into view over a glow swelling off the bottom edge, closed b","k":"resource","s":"tween-ui","c":"assets/logo","tg":["neon"],"sy":["neon"],"vn":1,"hc":1},{"id":"tween-ui:loader-line-fold","t":"Loader Line Fold","d":"A page preloader: the wordmark rises letter by letter while a hairline fills with a counte","s":"tween-ui","c":"status/loader","sb":"Bars","vn":1,"hc":1},{"id":"tween-ui:loader-iris-ring","t":"Loader Iris Ring","d":"A page preloader built around a ring gauge: the arc fills in uneven steps while images fla","s":"tween-ui","c":"status/loader","sb":"Spinners","vn":1,"hc":1},{"id":"tween-ui:testimonial-ring","t":"Testimonial Ring","d":"Testimonial cards stood on a 3D ring over a reflecting grid floor. Drag it and it spins wi","k":"section","s":"tween-ui","c":"marketing/testimonials","tg":["3d"],"sy":["3d"],"vn":1,"hc":1},{"id":"tween-ui:gyro-gallery","t":"Gyro Gallery","d":"Gallery tiles riding three concentric, counter-rotating orbits on one tilted plane, like t","s":"tween-ui","c":"media/gallery","tg":["3d","webgl"],"sy":["3d","webgl"],"vn":1,"hc":1},{"id":"tweenly:use-reduced-motion","t":"useReducedMotion","d":"Returns true when the user prefers reduced motion.","k":"lib","s":"tweenly","c":"lib/hook","hc":1},{"id":"tweenly:fade-in","t":"Fade In","d":"Scroll-triggered fade with direction, distance, easing, scale and blur options.","k":"layout","s":"tweenly","c":"layout/scroll-area","hc":1},{"id":"tweenly:text-reveal","t":"Text Reveal","d":"Word-by-word or character-by-character reveal with blur and stagger.","k":"motion","s":"tweenly","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"tweenly:typewriter","t":"Typewriter","d":"Types and deletes a list of phrases with a blinking cursor.","k":"motion","s":"tweenly","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"tweenly:word-rotate","t":"Word Rotate","d":"Cycles through words with slide, fade, blur or flip transitions.","k":"motion","s":"tweenly","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"tweenly:shimmer-text","t":"Shimmer Text","d":"A light band that sweeps across text on a loop.","k":"motion","s":"tweenly","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"tweenly:number-ticker","t":"Number Ticker","d":"Counts up to a value when scrolled into view, with formatting options.","k":"motion","s":"tweenly","c":"motion/number-ticker","hc":1},{"id":"tweenly:fill-button","t":"Fill Button","d":"Hover/focus button with a GSAP clip-path fill sweep. Configurable direction, duration and ","s":"tweenly","c":"actions/button","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tweenly:magnetic","t":"Magnetic","d":"Wrap anything to make it drift toward the cursor on a spring.","k":"motion","s":"tweenly","c":"motion/cursor","hc":1},{"id":"tweenly:tilt-card","t":"Tilt Card","d":"3D perspective tilt that follows the pointer, with optional glare.","s":"tweenly","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"hc":1},{"id":"tweenly:spotlight-card","t":"Spotlight Card","d":"Card with a radial spotlight and glowing border that track the cursor.","s":"tweenly","c":"data-display/card","tg":["neon"],"sb":"Animated and glowing","sy":["neon"],"hc":1},{"id":"tweenly:stagger","t":"Stagger","d":"Reveals its children one after another as they enter the viewport.","s":"tweenly","c":"other/other","hc":1},{"id":"tweenly:marquee","t":"Marquee","d":"Infinite, seamless scrolling row or column of content.","k":"motion","s":"tweenly","c":"motion/marquee","hc":1},{"id":"tweenly:sticky-cards","t":"Sticky Cards","d":"A stack of same-size cards pinned on scroll. The front card lifts away, then the next, one","s":"tweenly","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tweenly:scroll-text-reveal","t":"Scroll Text Reveal","d":"Pins the section and reveals text word by word as you scroll; the page resumes once the re","k":"motion","s":"tweenly","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"tweenly:horizontal-scroll","t":"Horizontal Scroll","d":"Pins a row of images and scrolls it sideways with the page, then releases to normal scroll","k":"layout","s":"tweenly","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tweenly:image-reveal","t":"Image Reveal","d":"Images fly in from their own direction as they scroll into view.","s":"tweenly","c":"media/gallery","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tweenly:ascii-image","t":"ASCII Image","d":"Renders any image as ASCII art on a canvas, with a glittering pixel trail under the cursor","s":"tweenly","c":"media/gallery","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"tweenly:hover-media","t":"Hover Media","d":"Inline keyword that reveals a floating image or video that follows the cursor.","s":"tweenly","c":"media/player","hc":1},{"id":"tweenly:cursor","t":"Cursor","d":"Custom cursors: ring, dot, blend, crosshair, sparkle trail, sunflower and rose.","k":"motion","s":"tweenly","c":"motion/cursor","hc":1},{"id":"tweenly:loader","t":"Loader","d":"Three loading animations: bouncing dots, equalizer bars and an orbit spinner.","s":"tweenly","c":"status/loader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"tweenly:download-button","t":"Download Button","d":"Button that morphs from Download to a live progress fill and a drawn check mark.","s":"tweenly","c":"actions/button","sb":"Loading and states","hc":1},{"id":"tweenly:image-fan","t":"Image Fan","d":"One image rises from below, then the rest slide out from under it into an overlapping fan.","s":"tweenly","c":"media/gallery","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tweenly:image-arc","t":"Image Arc","d":"Images on a half-circle wheel that turns on its own or with the scroll.","s":"tweenly","c":"media/gallery","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tweenly:expand-gallery","t":"Expand Gallery","d":"A row of small thumbnails where each one grows large in turn as you scroll.","s":"tweenly","c":"media/gallery","tg":["animated"],"sb":"Hover effects","sy":["animated"],"hc":1},{"id":"tweenly:scroll-focus","t":"Scroll Focus","d":"A column of images where the one in the center grows, with a title list that stays in sync","k":"layout","s":"tweenly","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tweenly:shine-button","t":"Shine Button","d":"Pill button with a light beam circling its edge and a soft sheen on hover.","s":"tweenly","c":"actions/button","sb":"Animated","hc":1},{"id":"tweenly:ripple-button","t":"Ripple Button","d":"Material-style ripples that expand from the exact point you press.","s":"tweenly","c":"actions/button","sb":"Animated","hc":1},{"id":"tweenly:hold-button","t":"Hold Button","d":"Press and hold to confirm destructive actions. A fill sweeps across while held.","s":"tweenly","c":"actions/button","sb":"Loading and states","hc":1},{"id":"tweenly:slide-button","t":"Slide Button","d":"Slide-to-confirm track with a draggable knob, shimmering label and keyboard support.","s":"tweenly","c":"actions/button","sb":"Animated","hc":1},{"id":"tweenly:like-button","t":"Like Button","d":"Heart toggle with a spring pop, ring burst, particles and a rolling counter.","s":"tweenly","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"tweenly:segmented-control","t":"Segmented Control","d":"Tabs with a springy pill that slides behind the active option, with arrow-key navigation.","s":"tweenly","c":"actions/segmented-control","hc":1},{"id":"tweenly:number-stepper","t":"Number Stepper","d":"Minus / plus stepper whose digits roll individually, with hold-to-repeat and a shake at th","s":"tweenly","c":"inputs/number-input","hc":1},{"id":"tweenly:elastic-switch","t":"Elastic Switch","d":"Toggle whose knob stretches while pressed and springs across with overshoot, with optional","s":"tweenly","c":"actions/switch","sb":"Animated","hc":1},{"id":"tweenly:expand-input","t":"Expand Input","d":"A pill button that morphs into an email field, then a spinner and a drawn check on submit.","s":"tweenly","c":"inputs/form-field","hc":1},{"id":"tweenly:rating","t":"Rating","d":"Star rating with a sweeping hover fill, half stars, and a springy pop with sparkles on sel","s":"tweenly","c":"inputs/rating","hc":1},{"id":"tweenly:navbar","t":"Navbar","d":"Five minimal, animated navigation bars: glass pill, scroll morph, sliding underline, dynam","s":"tweenly","c":"navigation/top-nav","tg":["glass","minimal"],"sy":["glass","minimal"],"hc":1},{"id":"tweenly:table-of-contents","t":"Table of Contents","d":"Scroll-synced \"On This Page\" sidebar with a plane that flies along the heading trail, a sl","s":"tweenly","c":"navigation/table-of-contents","hc":1},{"id":"tweenly:otp-input","t":"OTP Input","d":"Verification code input with springy digits, a gliding focus ring and animated success and","s":"tweenly","c":"inputs/otp-input","hc":1},{"id":"tweenly:chart-line","t":"Chart Line","d":"Multi-series line and area chart from plain row data, with draw-in lines, halftone fills, ","s":"tweenly","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"tweenly:chart-progress","t":"Chart Progress","d":"Progress toward a real target: a wavy, grainy fill over a hatched remainder, with a thermo","s":"tweenly","c":"data-viz/progress-bar","hc":1},{"id":"tweenly:chart-radial","t":"Chart Radial","d":"Donut, pie or gauge from your rows with sweep-in slices, legend toggling with re-flow, hov","s":"tweenly","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"tweenly:chart-dots","t":"Chart Dots","d":"Dot matrix of filled versus hatched units with a partial last dot, spring wave in fill ord","k":"motion","s":"tweenly","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"tweenly:preloader","t":"Preloader","d":"Full-screen loader with a counting percentage and rotating quotes that reveals the page at","s":"tweenly","c":"status/loader","hc":1},{"id":"tweenly:chart-kit","t":"Chart Kit","d":"Shared theme, scales, formatters, textures, card, legend and tooltip used by tweenly chart","k":"lib","s":"tweenly","c":"lib/utility","sb":"Motion helpers","hc":1},{"id":"tweenly:chart-bar","t":"Chart Bar","d":"Grouped or stacked bar chart, vertical or horizontal, with springy staggered growth, textu","s":"tweenly","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"tweenly:chart-rings","t":"Chart Rings","d":"Concentric activity-style progress rings with per-row goals, springy staggered fills, coun","s":"tweenly","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"tweenly:chart-radar","t":"Chart Radar","d":"Spider chart comparing textured series across axes, with a drawn-in grid, polygons springi","s":"tweenly","c":"data-viz/chart","sb":"Radar","hc":1},{"id":"tweenly:chart-kpi","t":"Chart KPI","d":"Stat card with a count-up headline, delta pill, halftone sparkline with scrubbing, and an ","s":"tweenly","c":"data-display/stat","hc":1},{"id":"tweenly:chart-heatmap","t":"Chart Heatmap","d":"GitHub-style contribution calendar with hatched empty days, a diagonal reveal wave, and ho","s":"tweenly","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"tweenly:confetti","t":"Confetti","d":"High-performance canvas confetti with burst, cannons, fireworks, rain and stream presets. ","k":"motion","s":"tweenly","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"tweenly:faq","t":"FAQ","d":"Animated FAQ accordion in four styles (minimal, cards, numbered, split) with height-auto r","k":"section","s":"tweenly","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"tweenly:footer","t":"Footer","d":"Four premium, minimal animated footers: sticky reveal, giant kinetic wordmark, classic col","k":"section","s":"tweenly","c":"marketing/footer","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"tweenly:notification-feed","t":"Notification Feed","d":"Layout-animated notifications as a stack, inbox list, dynamic island or timeline cards, wi","s":"tweenly","c":"data-display/timeline","hc":1},{"id":"tweenly:page-loader","t":"Page Loader","d":"Website intro loader orchestrated with GSAP timelines, with stairs, odometer counter, gree","s":"tweenly","c":"status/loader","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tweenly:page-transition","t":"Page Transition","d":"App Router page transitions: a provider, TransitionLink and usePageTransition hook with cu","k":"motion","s":"tweenly","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tweenly:swipe-row","t":"Swipe Row","d":"Swipeable list rows with iOS-style reveal actions, full-swipe commits and floating cards, ","s":"tweenly","c":"data-display/list","hc":1},{"id":"tweenly:envelope","t":"Envelope","d":"Animated envelope UI: a composer where the letter folds into the envelope, gets sealed and","s":"tweenly","c":"ai-agent/composer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tweenly:not-found","t":"Templates #404","d":"Five playful 404 sections with a giant status code hero: cursor-following eyeball, flashli","k":"page","s":"tweenly","c":"pages/templates","tg":["playful"],"sb":"Error and status pages","sy":["playful"],"hc":1},{"id":"tweenly:product-card","t":"Product Card","d":"Full-bleed product card with a swipeable image carousel, glass pills, rolling price and an","s":"tweenly","c":"data-display/card","tg":["glass"],"sb":"Product","sy":["glass"],"hc":1},{"id":"tweenly:stamp-card","t":"Stamp Card","d":"Collectible postage stamp with perforated edges, 3D tilt and glare, an inked postmark anim","s":"tweenly","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"tweenly:arc-steps","t":"Arc Steps","d":"Pinned \"How it works\" section: a marker travels along a half circle from step to step on s","s":"tweenly","c":"navigation/wizard-steps","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tweenly:auth","t":"Sign In / Sign Up","d":"Sign in and sign up sections built on shadcn inputs: a split onboarding panel, a spotlight","k":"layout","s":"tweenly","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"tweenly:curved-carousel","t":"Curved Carousel","d":"Posters on a 3D cylinder. The first image starts full-bleed and shrinks into the ring, the","s":"tweenly","c":"media/carousel","tg":["3d","animated"],"sy":["3d","animated"],"hc":1},{"id":"tweenly:hero-background","t":"Hero Background","d":"Interactive canvas backgrounds for hero sections: dots, warping grid, constellation partic","k":"section","s":"tweenly","c":"marketing/hero","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"tweenly:smooth-scroll","t":"Smooth Scroll","d":"Lenis smooth scrolling synced with GSAP ScrollTrigger, on the window or inside any scroll ","k":"layout","s":"tweenly","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"tweenly:timeline-scroll","t":"Timeline Scroll","d":"Minimal horizontal timeline of years and milestones that pins and scrolls sideways with th","k":"layout","s":"tweenly","c":"layout/scroll-area","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"tweenly:ai-input","t":"AI Input","d":"AI prompt box with auto-growing textarea, cycling placeholders, file chips, model picker, ","s":"tweenly","c":"ai-agent/ai-agent","hc":1},{"id":"tweenly:ai-recorder","t":"AI Recorder","d":"Voice recorder pill that morphs into a live waveform with timer, pause, cancel and stop, t","s":"tweenly","c":"ai-agent/ai-agent","hc":1},{"id":"tweenly:ai-thinking","t":"AI Thinking","d":"AI loading states: shimmer text, bouncing dots, glowing orb, collapsible reasoning steps a","s":"tweenly","c":"ai-agent/ai-agent","tg":["neon"],"sb":"Reasoning and tools","sy":["neon"],"hc":1},{"id":"tweenly:ai-voice","t":"AI Voice","d":"Voice activity visualizer with orb, bars, wave and dots variants, driven by the microphone","s":"tweenly","c":"ai-agent/ai-agent","sb":"Voice","hc":1},{"id":"tweenly:banner","t":"Banner","d":"Announcement banner: dismissible sliding bar, hero pill, scrolling ticker or shimmer bar, ","s":"tweenly","c":"overlays/alert-banner","hc":1},{"id":"tweenly:dock","t":"Dock","d":"macOS-style dock with pointer-distance magnification, spring tooltips, active dots, badges","s":"tweenly","c":"navigation/dock","hc":1},{"id":"tweenly:orbiting-circles","t":"Orbiting Circles","d":"Icons orbiting a center on circular paths with CSS transforms; layer rings for integration","k":"section","s":"tweenly","c":"marketing/logos","hc":1},{"id":"tweenly:tweet-card","t":"Tweet Card","d":"X-style post cards from data with highlighted mentions, media grid, compact stats, a like ","s":"tweenly","c":"data-display/card","hc":1},{"id":"tweenly:tweenly-font","t":"Tweenly display font","d":"Barlow Condensed, the display face tweenly uses for big numerals and wordmarks.","k":"resource","s":"tweenly","c":"assets/font"},{"id":"tweenly:tweenly-theme","t":"Tweenly theme tokens","d":"The brand and panel color tokens (light and dark) plus the display font, so components loo","k":"theme","s":"tweenly","c":"themes/theme"},{"id":"typedora-ui:typed-utils","t":"Typed Utils","d":"Shared utility types for typed components.","k":"lib","s":"typedora-ui","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"typedora-ui:typed-select","t":"TypedSelect","d":"A headless, type-safe select component with full TypeScript inference and customizable ren","s":"typedora-ui","c":"inputs/select","hc":1},{"id":"typedora-ui:typed-radio-group","t":"TypedRadioGroup","d":"A headless, type-safe radio group component with full TypeScript inference and customizabl","s":"typedora-ui","c":"inputs/radio","hc":1},{"id":"typedora-ui:typed-combobox","t":"TypedCombobox","d":"A headless, type-safe combobox component with search functionality, full TypeScript infere","s":"typedora-ui","c":"inputs/combobox","tg":["playful"],"sy":["playful"],"hc":1},{"id":"ui-layouts:btn-bg-shine","t":"Btn bg shine","s":"ui-layouts","c":"actions/button","sb":"Animated","hc":1},{"id":"ui-layouts:btn-animated-gradient","t":"Btn animated gradient","s":"ui-layouts","c":"actions/button","tg":["gradient"],"sb":"Animated","sy":["gradient"],"hc":1},{"id":"ui-layouts:button-active","t":"Button active","s":"ui-layouts","c":"actions/button","hc":1},{"id":"ui-layouts:button-hover-right","t":"Button hover right","s":"ui-layouts","c":"actions/button","sb":"Animated","hc":1},{"id":"ui-layouts:btn-creative-right","t":"Btn creative right","s":"ui-layouts","c":"actions/button","hc":1},{"id":"ui-layouts:btn-creative-top","t":"Btn creative top","s":"ui-layouts","c":"actions/button","hc":1},{"id":"ui-layouts:btn-click-down","t":"Btn click down","s":"ui-layouts","c":"actions/button","hc":1},{"id":"ui-layouts:btn-hover-down","t":"Btn hover down","s":"ui-layouts","c":"actions/button","sb":"Animated","hc":1},{"id":"ui-layouts:btn-hover-multiple","t":"Btn hover multiple","s":"ui-layouts","c":"actions/button","sb":"Animated","hc":1},{"id":"ui-layouts:btn-hover-underline","t":"Btn hover underline","s":"ui-layouts","c":"actions/button","sb":"Animated","hc":1},{"id":"ui-layouts:btn-hover-top-flip","t":"Btn hover top flip","s":"ui-layouts","c":"actions/button","sb":"Animated","hc":1},{"id":"ui-layouts:btn-hover-left-flip","t":"Btn hover left flip","s":"ui-layouts","c":"actions/button","sb":"Animated","hc":1},{"id":"ui-layouts:btn-hover-top-slowflip","t":"Btn hover top slowflip","s":"ui-layouts","c":"actions/button","sb":"Animated","hc":1},{"id":"ui-layouts:btn-text-change","t":"Btn text change","s":"ui-layouts","c":"actions/button","hc":1},{"id":"ui-layouts:btn-cross-arrow","t":"Btn cross arrow","s":"ui-layouts","c":"actions/button","hc":1},{"id":"ui-layouts:btn-black-shadow","t":"Btn black shadow","s":"ui-layouts","c":"actions/button","hc":1},{"id":"ui-layouts:btn-hover-outline","t":"Btn hover outline","s":"ui-layouts","c":"actions/button","sb":"Animated","hc":1},{"id":"ui-layouts:btn-arrow-right","t":"Btn arrow right","s":"ui-layouts","c":"actions/button","hc":1},{"id":"ui-layouts:btn-rotating-gradient","t":"Btn rotating gradient","s":"ui-layouts","c":"actions/button","tg":["gradient"],"sb":"Animated","sy":["gradient"],"hc":1},{"id":"ui-layouts:color-picker","t":"Color picker","s":"ui-layouts","c":"inputs/color-picker","hc":1},{"id":"ui-layouts:default-color-picker","t":"Default color picker","s":"ui-layouts","c":"inputs/color-picker","hc":1},{"id":"ui-layouts:raws-color-picker","t":"Raws color picker","s":"ui-layouts","c":"inputs/color-picker","hc":1},{"id":"ui-layouts:motion-number-upvotes","t":"Motion number upvotes","k":"motion","s":"ui-layouts","c":"motion/text-effect","hc":1},{"id":"ui-layouts:motion-number-input","t":"Motion number input","s":"ui-layouts","c":"inputs/number-input","hc":1},{"id":"ui-layouts:motion-number-slider","t":"Motion number slider","s":"ui-layouts","c":"inputs/slider","hc":1},{"id":"ui-layouts:number-flow-trading","t":"Number flow trading","k":"motion","s":"ui-layouts","c":"motion/number-ticker","hc":1},{"id":"ui-layouts:noise-effect","t":"Noise effect","k":"motion","s":"ui-layouts","c":"motion/background","sb":"Noise and texture","hc":1},{"id":"ui-layouts:scroll-text","t":"Scroll text","k":"motion","s":"ui-layouts","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"ui-layouts:text-scroll-animation","t":"Text scroll animation","k":"layout","s":"ui-layouts","c":"layout/scroll-area","hc":1},{"id":"ui-layouts:scroll-text-marquee","t":"Scroll text marquee","k":"motion","s":"ui-layouts","c":"motion/marquee","hc":1},{"id":"ui-layouts:scroll-text-marquee-unidirectional","t":"Scroll text marquee unidirectional","k":"motion","s":"ui-layouts","c":"motion/marquee","hc":1},{"id":"ui-layouts:scroll-text-marquee-bidirectional","t":"Scroll text marquee bidirectional","k":"motion","s":"ui-layouts","c":"motion/marquee","hc":1},{"id":"ui-layouts:randomized-text-effect","t":"Randomized text effect","k":"motion","s":"ui-layouts","c":"motion/text-effect","hc":1},{"id":"ui-layouts:randomized-text-unveil","t":"Randomized text unveil","k":"motion","s":"ui-layouts","c":"motion/text-effect","hc":1},{"id":"ui-layouts:globe","t":"Globe","k":"motion","s":"ui-layouts","c":"motion/globe","hc":1},{"id":"ui-layouts:card-globe","t":"Card globe","s":"ui-layouts","c":"data-display/card","hc":1},{"id":"ui-layouts:card-globe-white","t":"Card globe white","s":"ui-layouts","c":"data-display/card","hc":1},{"id":"ui-layouts:img-ripple-effect","t":"Img ripple effect","k":"motion","s":"ui-layouts","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","sy":["webgl"],"hc":1},{"id":"ui-layouts:r3f-blob","t":"R3f blob","k":"resource","s":"ui-layouts","c":"assets/shape","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"ui-layouts:mesh-shadergradient","t":"Mesh shadergradient","k":"motion","s":"ui-layouts","c":"motion/shader","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"ui-layouts:mesh-gradient-background3","t":"Mesh gradient background3","k":"motion","s":"ui-layouts","c":"motion/background","tg":["gradient","webgl"],"sb":"Shaders and WebGL","sy":["gradient","webgl"],"hc":1},{"id":"ui-layouts:mesh-gradient-background2","t":"Mesh gradient background2","k":"motion","s":"ui-layouts","c":"motion/background","tg":["gradient","webgl"],"sb":"Shaders and WebGL","sy":["gradient","webgl"],"hc":1},{"id":"ui-layouts:mesh-gradient-background","t":"Mesh gradient background","k":"motion","s":"ui-layouts","c":"motion/background","tg":["gradient","webgl"],"sb":"Shaders and WebGL","sy":["gradient","webgl"],"hc":1},{"id":"ui-layouts:animated-logo-footer","t":"Animated logo footer","k":"resource","s":"ui-layouts","c":"assets/logo","hc":1},{"id":"ui-layouts:hover-footer","t":"Hover footer","k":"section","s":"ui-layouts","c":"marketing/footer","hc":1},{"id":"ui-layouts:responsive-header","t":"Responsive header","s":"ui-layouts","c":"navigation/top-nav","sb":"Mobile","vn":1,"hc":1},{"id":"ui-layouts:boxgrid","t":"Boxgrid","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:conditionGrid","t":"conditionGrid","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:normalGrid","t":"normalGrid","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:buyme-acoffee","t":"Buyme acoffee","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:stripecard","t":"Stripecard","s":"ui-layouts","c":"data-display/card","hc":1},{"id":"ui-layouts:creative-hover-card","t":"Creative hover card","s":"ui-layouts","c":"overlays/hover-card","hc":1},{"id":"ui-layouts:stripecard2","t":"Stripecard #2","s":"ui-layouts","c":"data-display/card","hc":1},{"id":"ui-layouts:hovercard1","t":"Hovercard #1","s":"ui-layouts","c":"overlays/hover-card","hc":1},{"id":"ui-layouts:hovercard2","t":"Hovercard #2","s":"ui-layouts","c":"overlays/hover-card","hc":1},{"id":"ui-layouts:hovercard3","t":"Hovercard #3","s":"ui-layouts","c":"overlays/hover-card","hc":1},{"id":"ui-layouts:hovercard4","t":"Hovercard #4","s":"ui-layouts","c":"overlays/hover-card","hc":1},{"id":"ui-layouts:productcard1","t":"Productcard #1","s":"ui-layouts","c":"data-display/card","sb":"Product","hc":1},{"id":"ui-layouts:productcard2","t":"Productcard #2","s":"ui-layouts","c":"data-display/card","sb":"Product","hc":1},{"id":"ui-layouts:productcard3","t":"Productcard #3","s":"ui-layouts","c":"data-display/card","sb":"Product","hc":1},{"id":"ui-layouts:productcard4","t":"Productcard #4","s":"ui-layouts","c":"data-display/card","sb":"Product","hc":1},{"id":"ui-layouts:productcard5","t":"Productcard #5","s":"ui-layouts","c":"data-display/card","sb":"Product","hc":1},{"id":"ui-layouts:productcard6","t":"Productcard #6","s":"ui-layouts","c":"data-display/card","sb":"Product","hc":1},{"id":"ui-layouts:creative-clippath","t":"Creative clippath","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:corporate-clippath","t":"Corporate clippath","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:symbolic-clippath","t":"Symbolic clippath","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:creative-mask-clippath","t":"Creative mask clippath","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:watersplash-clippath","t":"Watersplash clippath","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:creative-imagemasking","t":"Creative imagemasking","s":"ui-layouts","c":"media/gallery","hc":1},{"id":"ui-layouts:animal-imagemasking","t":"Animal imagemasking","s":"ui-layouts","c":"media/gallery","hc":1},{"id":"ui-layouts:watersplash-imagemasking","t":"Watersplash imagemasking","s":"ui-layouts","c":"media/gallery","hc":1},{"id":"ui-layouts:center-imagemasking","t":"Center imagemasking","s":"ui-layouts","c":"media/gallery","hc":1},{"id":"ui-layouts:fixedbg-imagemasking","t":"Fixedbg imagemasking","s":"ui-layouts","c":"media/gallery","hc":1},{"id":"ui-layouts:creative-videomasking","t":"Creative videomasking","s":"ui-layouts","c":"media/player","hc":1},{"id":"ui-layouts:splashwater-videomasking","t":"Splashwater videomasking","s":"ui-layouts","c":"media/player","hc":1},{"id":"ui-layouts:textoverlay-videomasking","t":"Textoverlay videomasking","s":"ui-layouts","c":"media/player","hc":1},{"id":"ui-layouts:hexagon-videomasking","t":"Hexagon videomasking","s":"ui-layouts","c":"media/player","hc":1},{"id":"ui-layouts:hexagon2-videomasking","t":"Hexagon2 videomasking","s":"ui-layouts","c":"media/player","hc":1},{"id":"ui-layouts:progressive-carousel","t":"Progressive carousel","s":"ui-layouts","c":"media/carousel","hc":1},{"id":"ui-layouts:horizontal-progressive-carousel","t":"Horizontal progressive carousel","s":"ui-layouts","c":"media/carousel","hc":1},{"id":"ui-layouts:vertical-progressive-carousel","t":"Vertical progressive carousel","s":"ui-layouts","c":"media/carousel","hc":1},{"id":"ui-layouts:image-hover-accordion","t":"Image hover accordion","s":"ui-layouts","c":"data-display/accordion","sb":"Cards","hc":1},{"id":"ui-layouts:tailwind-image-accordion","t":"Tailwind image accordion","s":"ui-layouts","c":"data-display/accordion","sb":"Cards","hc":1},{"id":"ui-layouts:image-tab1","t":"Image tab #1","s":"ui-layouts","c":"navigation/tabs","hc":1},{"id":"ui-layouts:image-tab2","t":"Image tab #2","s":"ui-layouts","c":"navigation/tabs","hc":1},{"id":"ui-layouts:img-tabs-standalone","t":"Img tabs standalone","s":"ui-layouts","c":"navigation/tabs","hc":1},{"id":"ui-layouts:magnified-doc","t":"Magnified doc","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:magnified-tab","t":"Magnified tab","s":"ui-layouts","c":"navigation/tabs","hc":1},{"id":"ui-layouts:tabs","t":"Tabs","s":"ui-layouts","c":"navigation/tabs","hc":1},{"id":"ui-layouts:animated-tabs","t":"Animated tabs","s":"ui-layouts","c":"navigation/tabs","hc":1},{"id":"ui-layouts:creative-tab","t":"Creative tab","s":"ui-layouts","c":"navigation/tabs","hc":1},{"id":"ui-layouts:register-tab","t":"Register tab","s":"ui-layouts","c":"navigation/tabs","hc":1},{"id":"ui-layouts:swapy","t":"Swapy","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:default-swapy","t":"Default swapy","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:opacity-swapy","t":"Opacity swapy","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:swapy-handle","t":"Swapy handle","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:swapy-without-components","t":"Swapy without components","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:drag-items","t":"Drag items","s":"ui-layouts","c":"data-display/list","sb":"Sortable","hc":1},{"id":"ui-layouts:timeline-animation","t":"Timeline animation","s":"ui-layouts","c":"data-display/timeline","vn":1,"hc":1},{"id":"ui-layouts:scroll-animation","t":"Scroll animation","k":"layout","s":"ui-layouts","c":"layout/scroll-area","vn":1,"hc":1},{"id":"ui-layouts:scroll-animation-repeat","t":"Scroll animation repeat","k":"layout","s":"ui-layouts","c":"layout/scroll-area","hc":1},{"id":"ui-layouts:scroll-animation-text","t":"Scroll animation text","k":"motion","s":"ui-layouts","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"ui-layouts:mousetrail","t":"Mousetrail","k":"motion","s":"ui-layouts","c":"motion/cursor","hc":1},{"id":"ui-layouts:image-mousetrail-default","t":"Image mousetrail default","k":"motion","s":"ui-layouts","c":"motion/cursor","hc":1},{"id":"ui-layouts:image-mousetrail-small","t":"Image mousetrail small","k":"motion","s":"ui-layouts","c":"motion/cursor","hc":1},{"id":"ui-layouts:image-mousetrail-disappear","t":"Image mousetrail disappear","k":"motion","s":"ui-layouts","c":"motion/cursor","hc":1},{"id":"ui-layouts:image-mousetrail-without-component","t":"Image mousetrail without component","k":"motion","s":"ui-layouts","c":"motion/cursor","hc":1},{"id":"ui-layouts:horizontal-scroll","t":"Horizontal scroll","k":"layout","s":"ui-layouts","c":"layout/scroll-area","hc":1},{"id":"ui-layouts:framerhorizontalscroll","t":"Framerhorizontalscroll","k":"layout","s":"ui-layouts","c":"layout/scroll-area","hc":1},{"id":"ui-layouts:stacking-card","t":"Stacking card","s":"ui-layouts","c":"data-display/card","hc":1},{"id":"ui-layouts:css-image-stacking","t":"Css image stacking","s":"ui-layouts","c":"media/gallery","hc":1},{"id":"ui-layouts:css-card-stacking","t":"Css card stacking","s":"ui-layouts","c":"data-display/card","hc":1},{"id":"ui-layouts:smooth-scroll","t":"Smooth scroll","k":"layout","s":"ui-layouts","c":"layout/scroll-area","hc":1},{"id":"ui-layouts:sticky-gallery","t":"Sticky gallery","s":"ui-layouts","c":"media/gallery","hc":1},{"id":"ui-layouts:sticky-hero-section","t":"Sticky hero section","k":"section","s":"ui-layouts","c":"marketing/hero","hc":1},{"id":"ui-layouts:sparkles","t":"Sparkles","k":"motion","s":"ui-layouts","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"ui-layouts:sparkles-globe","t":"Sparkles globe","k":"motion","s":"ui-layouts","c":"motion/globe","hc":1},{"id":"ui-layouts:sparkles-section","t":"Sparkles section","k":"motion","s":"ui-layouts","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"ui-layouts:sparkles-title","t":"Sparkles title","k":"motion","s":"ui-layouts","c":"motion/text-effect","hc":1},{"id":"ui-layouts:sparkles-title2","t":"Sparkles title #2","k":"motion","s":"ui-layouts","c":"motion/text-effect","hc":1},{"id":"ui-layouts:sparkles-title3","t":"Sparkles title #3","k":"motion","s":"ui-layouts","c":"motion/text-effect","hc":1},{"id":"ui-layouts:sparkles-title4","t":"Sparkles title #4","k":"motion","s":"ui-layouts","c":"motion/text-effect","hc":1},{"id":"ui-layouts:sparkles-branding","t":"Sparkles branding","k":"motion","s":"ui-layouts","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"ui-layouts:marquee","t":"Marquee","k":"motion","s":"ui-layouts","c":"motion/marquee","hc":1},{"id":"ui-layouts:default-marquee","t":"Default marquee","k":"motion","s":"ui-layouts","c":"motion/marquee","hc":1},{"id":"ui-layouts:verticle-marquee","t":"Verticle marquee","k":"motion","s":"ui-layouts","c":"motion/marquee","hc":1},{"id":"ui-layouts:logos-marquee","t":"Logos marquee","k":"section","s":"ui-layouts","c":"marketing/logos","hc":1},{"id":"ui-layouts:3d-marquee","t":"3d marquee","k":"motion","s":"ui-layouts","c":"motion/marquee","tg":["3d"],"sy":["3d"],"hc":1},{"id":"ui-layouts:infintyband","t":"Infintyband","k":"layout","s":"ui-layouts","c":"layout/scroll-area","hc":1},{"id":"ui-layouts:liquid-glass","t":"Liquid glass","s":"ui-layouts","c":"other/other","tg":["glass"],"sy":["glass"],"hc":1},{"id":"ui-layouts:liquid-glass-weather","t":"Liquid glass weather","s":"ui-layouts","c":"other/other","tg":["glass"],"sy":["glass"],"hc":1},{"id":"ui-layouts:liquid-glass-mobile-icons","t":"Liquid glass mobile icons","k":"resource","s":"ui-layouts","c":"assets/icon","tg":["glass"],"sb":"Animated","sy":["glass"],"hc":1},{"id":"ui-layouts:liquid-glass-notification","t":"Liquid glass notification","s":"ui-layouts","c":"overlays/notifications","tg":["glass"],"sy":["glass"],"hc":1},{"id":"ui-layouts:liquid-glass-sidebar-menu","t":"Liquid glass sidebar menu","s":"ui-layouts","c":"navigation/menu","tg":["glass"],"sy":["glass"],"hc":1},{"id":"ui-layouts:blur-vignette","t":"Blur vignette","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:video-blur-vignette","t":"Video blur vignette","s":"ui-layouts","c":"media/player","hc":1},{"id":"ui-layouts:blur-vignette-video","t":"Blur vignette video","s":"ui-layouts","c":"media/player","hc":1},{"id":"ui-layouts:blur-vignette-img","t":"Blur vignette img","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:blur-vignette-card","t":"Blur vignette card","s":"ui-layouts","c":"data-display/card","hc":1},{"id":"ui-layouts:liquid-gradient","t":"Liquid gradient","k":"motion","s":"ui-layouts","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"ui-layouts:liquid-gradient-components","t":"Liquid gradient components","k":"motion","s":"ui-layouts","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"ui-layouts:liquid-button","t":"Liquid button","s":"ui-layouts","c":"actions/button","tg":["gradient"],"sb":"Social and sign-in","sy":["gradient"],"hc":1},{"id":"ui-layouts:accordion","t":"Accordion","s":"ui-layouts","c":"data-display/accordion","hc":1},{"id":"ui-layouts:grid-layout-accordion","t":"Grid layout accordion","s":"ui-layouts","c":"data-display/accordion","hc":1},{"id":"ui-layouts:single-layout-accordion","t":"Single layout accordion","s":"ui-layouts","c":"data-display/accordion","hc":1},{"id":"ui-layouts:multi-layout-accordion","t":"Multi layout accordion","s":"ui-layouts","c":"data-display/accordion","sb":"Nested","hc":1},{"id":"ui-layouts:faq-accordion","t":"Faq accordion","s":"ui-layouts","c":"data-display/accordion","sb":"FAQ","hc":1},{"id":"ui-layouts:slider","t":"Slider","s":"ui-layouts","c":"inputs/slider","hc":1},{"id":"ui-layouts:dual-range-slider","t":"Dual range slider","s":"ui-layouts","c":"inputs/slider","hc":1},{"id":"ui-layouts:position-range-slider","t":"Position range slider","s":"ui-layouts","c":"inputs/slider","hc":1},{"id":"ui-layouts:static-range-slider","t":"Static range slider","s":"ui-layouts","c":"inputs/slider","hc":1},{"id":"ui-layouts:showhide-pass","t":"Showhide pass","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:pass-strengthindicator","t":"Pass strengthindicator","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:pass-strength-dotted-indicator","t":"Pass strength dotted indicator","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:pass-strength-hover-indicator","t":"Pass strength hover indicator","s":"ui-layouts","c":"overlays/popover","hc":1},{"id":"ui-layouts:pass-strength-inline-indicator","t":"Pass strength inline indicator","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:confirm-pass-check","t":"Confirm pass check","s":"ui-layouts","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"ui-layouts:tags-input","t":"Tags input","s":"ui-layouts","c":"inputs/form-field","hc":1},{"id":"ui-layouts:tags-input-components","t":"Tags input components","s":"ui-layouts","c":"inputs/form-field","hc":1},{"id":"ui-layouts:tags-input-no-edit","t":"Tags input no edit","s":"ui-layouts","c":"inputs/form-field","hc":1},{"id":"ui-layouts:phone-input","t":"Phone input","s":"ui-layouts","c":"inputs/form-field","sb":"Phone","vn":1,"hc":1},{"id":"ui-layouts:datetime-input","t":"Datetime input","s":"ui-layouts","c":"inputs/form-field","vn":1,"hc":1},{"id":"ui-layouts:time-picker","t":"Time picker","s":"ui-layouts","c":"inputs/time-picker","hc":1},{"id":"ui-layouts:date-picker","t":"Date picker","s":"ui-layouts","c":"inputs/date-picker","hc":1},{"id":"ui-layouts:multi-selector","t":"Multi selector","k":"page","s":"ui-layouts","c":"pages/templates","vn":1,"hc":1},{"id":"ui-layouts:file-upload","t":"File upload","s":"ui-layouts","c":"inputs/file-upload","vn":1,"hc":1},{"id":"ui-layouts:chat-form-dropzone","t":"Chat form dropzone","s":"ui-layouts","c":"inputs/file-upload","hc":1},{"id":"ui-layouts:imgpreview-dropzone","t":"Imgpreview dropzone","s":"ui-layouts","c":"inputs/file-upload","hc":1},{"id":"ui-layouts:linear-modal","t":"Linear modal","s":"ui-layouts","c":"overlays/dialog","sb":"Animated","vn":1,"hc":1},{"id":"ui-layouts:linear-modal-center-content","t":"Linear modal center content","s":"ui-layouts","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"ui-layouts:linear-modal-standalone","t":"Linear modal standalone","s":"ui-layouts","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"ui-layouts:gallery-modal-accordion","t":"Gallery modal accordion","s":"ui-layouts","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"ui-layouts:gallery-modal-unsplash","t":"Gallery modal unsplash","s":"ui-layouts","c":"overlays/dialog","sb":"Media","hc":1},{"id":"ui-layouts:gallery-modal-slider","t":"Gallery modal slider","s":"ui-layouts","c":"inputs/slider","hc":1},{"id":"ui-layouts:dialog","t":"Dialog","s":"ui-layouts","c":"overlays/dialog","sb":"Animated","vn":1,"hc":1},{"id":"ui-layouts:media-modal","t":"Media modal","s":"ui-layouts","c":"overlays/dialog","sb":"Media","vn":1,"hc":1},{"id":"ui-layouts:imagemodals","t":"Imagemodals","s":"ui-layouts","c":"overlays/dialog","sb":"Media","hc":1},{"id":"ui-layouts:responsive-modal","t":"Responsive modal","s":"ui-layouts","c":"overlays/dialog","sb":"Animated","vn":1,"hc":1},{"id":"ui-layouts:directional-drawer","t":"Directional drawer","s":"ui-layouts","c":"overlays/sheet","vn":1,"hc":1},{"id":"ui-layouts:left-directional-drawer","t":"Left directional drawer","s":"ui-layouts","c":"overlays/sheet","hc":1},{"id":"ui-layouts:top-directional-drawer","t":"Top directional drawer","s":"ui-layouts","c":"overlays/sheet","hc":1},{"id":"ui-layouts:bottom-directional-drawer","t":"Bottom directional drawer","s":"ui-layouts","c":"overlays/sheet","hc":1},{"id":"ui-layouts:motion-drawer","t":"Motion drawer","s":"ui-layouts","c":"overlays/sheet","vn":1,"hc":1},{"id":"ui-layouts:right-motion-drawer","t":"Right motion drawer","s":"ui-layouts","c":"overlays/sheet","hc":1},{"id":"ui-layouts:spotlight","t":"Spotlight","k":"motion","s":"ui-layouts","c":"motion/background","sb":"Beams and light","hc":1},{"id":"ui-layouts:spotlight-card1","t":"Spotlight card #1","s":"ui-layouts","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"ui-layouts:spotlight-card2","t":"Spotlight card #2","s":"ui-layouts","c":"data-display/card","sb":"Animated and glowing","vn":1,"hc":1},{"id":"ui-layouts:spotlight-card3","t":"Spotlight card #3","s":"ui-layouts","c":"data-display/card","sb":"Animated and glowing","vn":1,"hc":1},{"id":"ui-layouts:spotlight-card4","t":"Spotlight card #4","s":"ui-layouts","c":"data-display/card","sb":"Animated and glowing","vn":1,"hc":1},{"id":"ui-layouts:image-reveal","t":"Image reveal","s":"ui-layouts","c":"media/gallery","hc":1},{"id":"ui-layouts:image-reveal2","t":"Image reveal #2","s":"ui-layouts","c":"media/gallery","hc":1},{"id":"ui-layouts:bg-blocks-one","t":"Bg blocks one","k":"motion","s":"ui-layouts","c":"motion/background","hc":1},{"id":"ui-layouts:animated-beam","t":"Animated beam","k":"motion","s":"ui-layouts","c":"motion/background","sb":"Beams and light","vn":1,"hc":1},{"id":"ui-layouts:animated-beam-bidirectional","t":"Animated beam bidirectional","k":"motion","s":"ui-layouts","c":"motion/background","sb":"Beams and light","hc":1},{"id":"ui-layouts:animated-beam-unidirectional","t":"Animated beam unidirectional","k":"motion","s":"ui-layouts","c":"motion/background","sb":"Beams and light","hc":1},{"id":"ui-layouts:animated-beam-multiple-input","t":"Animated beam multiple input","s":"ui-layouts","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"ui-layouts:animated-beam-multiple-output","t":"Animated beam multiple output","k":"motion","s":"ui-layouts","c":"motion/background","sb":"Beams and light","hc":1},{"id":"ui-layouts:carousel","t":"Carousel","s":"ui-layouts","c":"media/carousel","hc":1},{"id":"ui-layouts:default-slider","t":"Default slider","s":"ui-layouts","c":"inputs/slider","hc":1},{"id":"ui-layouts:align-slider","t":"Align slider","s":"ui-layouts","c":"inputs/slider","hc":1},{"id":"ui-layouts:classname-slider","t":"Classname slider","s":"ui-layouts","c":"inputs/slider","hc":1},{"id":"ui-layouts:number-slider","t":"Number slider","s":"ui-layouts","c":"inputs/slider","hc":1},{"id":"ui-layouts:scale-slider","t":"Scale slider","s":"ui-layouts","c":"inputs/slider","hc":1},{"id":"ui-layouts:thumbnail-slider","t":"Thumbnail slider","s":"ui-layouts","c":"inputs/slider","hc":1},{"id":"ui-layouts:autostart-slider","t":"Autostart slider","s":"ui-layouts","c":"inputs/slider","hc":1},{"id":"ui-layouts:autoscroll-slider","t":"Autoscroll slider","s":"ui-layouts","c":"inputs/slider","hc":1},{"id":"ui-layouts:vertical-slider","t":"Vertical slider","s":"ui-layouts","c":"inputs/slider","hc":1},{"id":"ui-layouts:vertical-thumbnail-slider","t":"Vertical thumbnail slider","s":"ui-layouts","c":"inputs/slider","hc":1},{"id":"ui-layouts:vertical-thumbnail-autostart-slider","t":"Vertical thumbnail autostart slider","s":"ui-layouts","c":"inputs/slider","hc":1},{"id":"ui-layouts:framer-normal-carousel","t":"Framer normal carousel","s":"ui-layouts","c":"media/carousel","hc":1},{"id":"ui-layouts:framer-draggable-carousel","t":"Framer draggable carousel","s":"ui-layouts","c":"media/carousel","hc":1},{"id":"ui-layouts:framer-autoplay-carousel","t":"Framer autoplay carousel","s":"ui-layouts","c":"media/carousel","hc":1},{"id":"ui-layouts:framer-multi-carousel","t":"Framer multi carousel","s":"ui-layouts","c":"media/carousel","hc":1},{"id":"ui-layouts:framer-thumnbails","t":"Framer thumnbails","s":"ui-layouts","c":"media/carousel","hc":1},{"id":"ui-layouts:framer-moveable-thumbnails","t":"Framer moveable thumbnails","s":"ui-layouts","c":"media/carousel","hc":1},{"id":"ui-layouts:framer-drag-sliding-carousel","t":"Framer drag sliding carousel","s":"ui-layouts","c":"media/carousel","hc":1},{"id":"ui-layouts:code-block","t":"Code block","s":"ui-layouts","c":"actions/copy-button","hc":1},{"id":"ui-layouts:tree-code-viewer","t":"Tree code viewer","s":"ui-layouts","c":"data-display/code-block","hc":1},{"id":"ui-layouts:code-tabs-mdx","t":"Code tabs mdx","s":"ui-layouts","c":"navigation/tabs","hc":1},{"id":"ui-layouts:hero-digital-success","t":"Hero digital success","k":"section","s":"ui-layouts","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"ui-layouts:hero-ai-value-proposition","t":"Hero ai value proposition","s":"ui-layouts","c":"ai-agent/ai-agent","hc":1},{"id":"ui-layouts:hero-share-app","t":"Hero share app","k":"section","s":"ui-layouts","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"ui-layouts:hero-social-app","t":"Hero social app","k":"section","s":"ui-layouts","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"ui-layouts:hero-ai-ecommerce","t":"Hero ai ecommerce","s":"ui-layouts","c":"ai-agent/ai-agent","hc":1},{"id":"ui-layouts:hero-ai-infrastructure","t":"Hero ai infrastructure","s":"ui-layouts","c":"ai-agent/ai-agent","hc":1},{"id":"ui-layouts:hero-financial","t":"Hero financial","k":"section","s":"ui-layouts","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"ui-layouts:feature-flow","t":"Feature flow","k":"section","s":"ui-layouts","c":"marketing/features","hc":1},{"id":"ui-layouts:feature-hero","t":"Feature hero","k":"section","s":"ui-layouts","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"ui-layouts:feature-bento","t":"Feature bento","k":"layout","s":"ui-layouts","c":"layout/bento-grid","hc":1},{"id":"ui-layouts:feature-nature","t":"Feature nature","k":"section","s":"ui-layouts","c":"marketing/features","sb":"Steps","hc":1},{"id":"ui-layouts:feature-velocity","t":"Feature velocity","k":"section","s":"ui-layouts","c":"marketing/features","sb":"Steps","hc":1},{"id":"ui-layouts:feature-highlights","t":"Feature highlights","k":"section","s":"ui-layouts","c":"marketing/features","sb":"Steps","hc":1},{"id":"ui-layouts:feature-platform","t":"Feature platform","k":"section","s":"ui-layouts","c":"marketing/features","sb":"Steps","hc":1},{"id":"ui-layouts:feature-service","t":"Feature service","k":"section","s":"ui-layouts","c":"marketing/features","sb":"Steps","hc":1},{"id":"ui-layouts:about-ecommerse","t":"About ecommerse","s":"ui-layouts","c":"data-display/timeline","hc":1},{"id":"ui-layouts:about-creative","t":"About creative","s":"ui-layouts","c":"data-display/timeline","hc":1},{"id":"ui-layouts:about-me","t":"About me","s":"ui-layouts","c":"data-display/timeline","hc":1},{"id":"ui-layouts:about-sass","t":"About sass","s":"ui-layouts","c":"data-display/timeline","hc":1},{"id":"ui-layouts:about-agency","t":"About agency","s":"ui-layouts","c":"data-display/timeline","hc":1},{"id":"ui-layouts:about-architecture","t":"About architecture","s":"ui-layouts","c":"data-display/timeline","hc":1},{"id":"ui-layouts:about-mission","t":"About mission","s":"ui-layouts","c":"data-display/timeline","hc":1},{"id":"ui-layouts:about-bento","t":"About bento","k":"layout","s":"ui-layouts","c":"layout/bento-grid","hc":1},{"id":"ui-layouts:about-business","t":"About business","s":"ui-layouts","c":"data-display/timeline","hc":1},{"id":"ui-layouts:about-whyus","t":"About whyus","s":"ui-layouts","c":"data-display/timeline","hc":1},{"id":"ui-layouts:about-vision","t":"About vision","s":"ui-layouts","c":"data-display/timeline","hc":1},{"id":"ui-layouts:about-experience","t":"About experience","s":"ui-layouts","c":"data-display/timeline","hc":1},{"id":"ui-layouts:team-clippath","t":"Team clippath","k":"section","s":"ui-layouts","c":"marketing/team","hc":1},{"id":"ui-layouts:team-classic","t":"Team classic","k":"section","s":"ui-layouts","c":"marketing/team","hc":1},{"id":"ui-layouts:team-expert","t":"Team expert","k":"section","s":"ui-layouts","c":"marketing/team","hc":1},{"id":"ui-layouts:team-magic","t":"Team magic","k":"section","s":"ui-layouts","c":"marketing/team","hc":1},{"id":"ui-layouts:team-modern","t":"Team modern","k":"section","s":"ui-layouts","c":"marketing/team","hc":1},{"id":"ui-layouts:team-social","t":"Team social","k":"section","s":"ui-layouts","c":"marketing/team","hc":1},{"id":"ui-layouts:team-synth","t":"Team synth","k":"section","s":"ui-layouts","c":"marketing/team","hc":1},{"id":"ui-layouts:team-troops","t":"Team troops","k":"section","s":"ui-layouts","c":"marketing/team","hc":1},{"id":"ui-layouts:team-vr","t":"Team vr","k":"section","s":"ui-layouts","c":"marketing/team","hc":1},{"id":"ui-layouts:advanced-stats","t":"Advanced stats","s":"ui-layouts","c":"data-display/stat","hc":1},{"id":"ui-layouts:stats-banner","t":"Stats banner","s":"ui-layouts","c":"overlays/alert-banner","hc":1},{"id":"ui-layouts:stats-bento","t":"Stats bento","k":"layout","s":"ui-layouts","c":"layout/bento-grid","hc":1},{"id":"ui-layouts:stats-section","t":"Stats section","k":"section","s":"ui-layouts","c":"marketing/marketing","sb":"Stats","hc":1},{"id":"ui-layouts:stats-details","t":"Stats details","s":"ui-layouts","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"ui-layouts:stats-bold","t":"Stats bold","s":"ui-layouts","c":"data-display/stat","hc":1},{"id":"ui-layouts:stats-minimal","t":"Stats minimal","s":"ui-layouts","c":"data-display/stat","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ui-layouts:stack-testimonial","t":"Stack testimonial","k":"section","s":"ui-layouts","c":"marketing/testimonials","hc":1},{"id":"ui-layouts:spotlight-testimonial","t":"Spotlight testimonial","k":"section","s":"ui-layouts","c":"marketing/testimonials","hc":1},{"id":"ui-layouts:messenger-testimonial","t":"Messenger testimonial","k":"section","s":"ui-layouts","c":"marketing/testimonials","hc":1},{"id":"ui-layouts:chat-interface-testimonial","t":"Chat interface testimonial","k":"section","s":"ui-layouts","c":"marketing/testimonials","hc":1},{"id":"ui-layouts:testimonial-basic","t":"Testimonial basic","k":"section","s":"ui-layouts","c":"marketing/testimonials","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ui-layouts:testimonial-carousel","t":"Testimonial carousel","s":"ui-layouts","c":"media/carousel","hc":1},{"id":"ui-layouts:marque-testimonial","t":"Marque testimonial","k":"section","s":"ui-layouts","c":"marketing/testimonials","hc":1},{"id":"ui-layouts:impact-experience","t":"Impact experience","s":"ui-layouts","c":"data-display/timeline","hc":1},{"id":"ui-layouts:portfolio-experience","t":"Portfolio experience","s":"ui-layouts","c":"data-display/timeline","hc":1},{"id":"ui-layouts:creative-experience","t":"Creative experience","s":"ui-layouts","c":"data-display/timeline","hc":1},{"id":"ui-layouts:work-experience","t":"Work experience","s":"ui-layouts","c":"data-display/timeline","hc":1},{"id":"ui-layouts:customer-experience","t":"Customer experience","s":"ui-layouts","c":"data-display/timeline","hc":1},{"id":"ui-layouts:growth-plans","t":"Growth plans","k":"section","s":"ui-layouts","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"ui-layouts:pricing-overview","t":"Pricing overview","k":"section","s":"ui-layouts","c":"marketing/pricing","hc":1},{"id":"ui-layouts:pricing-grow-business","t":"Pricing grow business","k":"section","s":"ui-layouts","c":"marketing/pricing","hc":1},{"id":"ui-layouts:product-packs","t":"Product packs","k":"section","s":"ui-layouts","c":"marketing/pricing","hc":1},{"id":"ui-layouts:startup-plans","t":"Startup plans","k":"section","s":"ui-layouts","c":"marketing/pricing","sb":"Plan cards","hc":1},{"id":"ui-layouts:subscription-details","t":"Subscription details","s":"ui-layouts","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"ui-layouts:faq-founder","t":"Faq founder","k":"section","s":"ui-layouts","c":"marketing/faq","hc":1},{"id":"ui-layouts:faq-tabbed-explorer","t":"Faq tabbed explorer","k":"section","s":"ui-layouts","c":"marketing/faq","hc":1},{"id":"ui-layouts:faq-glass-card","t":"Faq glass card","k":"section","s":"ui-layouts","c":"marketing/faq","tg":["glass"],"sy":["glass"],"hc":1},{"id":"ui-layouts:faq-interactive-preview","t":"Faq interactive preview","k":"section","s":"ui-layouts","c":"marketing/faq","hc":1},{"id":"ui-layouts:faq-journey","t":"Faq journey","k":"section","s":"ui-layouts","c":"marketing/faq","hc":1},{"id":"ui-layouts:faq-minimilastic","t":"Faq minimilastic","k":"section","s":"ui-layouts","c":"marketing/faq","hc":1},{"id":"ui-layouts:footer-hero","t":"Footer hero","k":"section","s":"ui-layouts","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"ui-layouts:footer-bento","t":"Footer bento","k":"layout","s":"ui-layouts","c":"layout/bento-grid","hc":1},{"id":"ui-layouts:footer-bold","t":"Footer bold","k":"section","s":"ui-layouts","c":"marketing/footer","hc":1},{"id":"ui-layouts:footer-detailed","t":"Footer detailed","k":"section","s":"ui-layouts","c":"marketing/footer","hc":1},{"id":"ui-layouts:footer-minimal","t":"Footer minimal","k":"section","s":"ui-layouts","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ui-layouts:footer-privilege","t":"Footer privilege","k":"section","s":"ui-layouts","c":"marketing/footer","hc":1},{"id":"ui-layouts:footer-simple","t":"Footer simple","k":"section","s":"ui-layouts","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ui-layouts:btn-hover14","t":"Btn hover #14","s":"ui-layouts","c":"actions/button","sb":"Animated","hc":1},{"id":"ui-layouts:gradient-border","t":"Gradient border","k":"motion","s":"ui-layouts","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"ui-layouts:framer-carousel1","t":"Framer carousel1","s":"ui-layouts","c":"media/carousel","hc":1},{"id":"ui-layouts:code-tabs","t":"Code tabs","s":"ui-layouts","c":"data-display/code-block","hc":1},{"id":"ui-layouts:code-block-comp","t":"Code block comp","s":"ui-layouts","c":"data-display/code-block","hc":1},{"id":"ui-layouts:code-tree-code-viewer","t":"Code tree code viewer","s":"ui-layouts","c":"data-display/code-block","hc":1},{"id":"ui-layouts:flipcountdown","t":"Flipcountdown","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:special-offer","t":"Special offer","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:nested-vaul-drawer","t":"Nested vaul drawer","s":"ui-layouts","c":"overlays/sheet","hc":1},{"id":"ui-layouts:unsplash-grid","t":"Unsplash grid","s":"ui-layouts","c":"data-display/table","hc":1},{"id":"ui-layouts:sticky-hero-scroll","t":"Sticky hero scroll","k":"layout","s":"ui-layouts","c":"layout/scroll-area","hc":1},{"id":"ui-layouts:shimmer-loader","t":"Shimmer loader","s":"ui-layouts","c":"status/loader","sb":"Text loaders","hc":1},{"id":"ui-layouts:spotlight-card-cruip","t":"Spotlight card cruip","s":"ui-layouts","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"ui-layouts:tools-tab","t":"Tools tab","s":"ui-layouts","c":"navigation/tabs","hc":1},{"id":"ui-layouts:terminal-ui","t":"Terminal ui","s":"ui-layouts","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"ui-layouts:type-writter","t":"Type writter","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-layouts:mac-genie","t":"Mac genie","s":"ui-layouts","c":"other/other","hc":1},{"id":"ui-shrushank:primary-button","t":"Primary Button","d":"The default call to action, solid fill with hover and focus states.","s":"ui-shrushank","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"ui-shrushank:ghost-button","t":"Ghost Button","d":"A lower-emphasis outline button for secondary actions.","s":"ui-shrushank","c":"actions/button","hc":1},{"id":"ui-shrushank:toggle-switch","t":"Toggle Switch","d":"An accessible on/off switch built on a native button.","s":"ui-shrushank","c":"actions/switch","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"ui-shrushank:text-field","t":"Text Field","d":"A labeled text input with clear focus and placeholder states.","s":"ui-shrushank","c":"inputs/form-field","hc":1},{"id":"ui-shrushank:badge","t":"Badge","d":"A small status pill with neutral, success, and warning tones.","s":"ui-shrushank","c":"data-display/badge","hc":1},{"id":"ui-shrushank:breadcrumbs","t":"Breadcrumbs","d":"A simple breadcrumb trail with an aria-current page marker.","s":"ui-shrushank","c":"navigation/breadcrumb","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"ui-shrushank:commit-graph","t":"Commit Graph","d":"A contribution heatmap paged by two-week sprints, drillable to the day.","s":"ui-shrushank","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"ui-shrushank:all","t":"Every free component","d":"All 7 free components in one install. Premium items are available to Pro buyers from the p","s":"ui-shrushank","c":"data-display/list"},{"id":"uiable:block-list","t":"Block List","d":"Layout Block List variant for component.","s":"uiable","c":"data-display/list","hc":1},{"id":"uiable:block-sidebar","t":"Block Sidebar","d":"Layout Block Sidebar variant for component.","s":"uiable","c":"navigation/sidebar","hc":1},{"id":"uiable:button-ai","t":"Button Ai","d":"Button Ai variant for component.","s":"uiable","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:calendar-hijri","t":"Calendar Hijri","d":"Calendar Hijri variant for component.","s":"uiable","c":"data-display/calendar","hc":1},{"id":"uiable:changelog-entry","t":"Changelog Entry","d":"Changelog Entry variant for component.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:changelog-mobile-toc","t":"Changelog Mobile Toc","d":"Changelog Mobile Toc variant for component.","s":"uiable","c":"navigation/table-of-contents","hc":1},{"id":"uiable:changelog-toc","t":"Changelog Toc","d":"Changelog Toc variant for component.","s":"uiable","c":"navigation/table-of-contents","hc":1},{"id":"uiable:chart-tooltip","t":"Chart Tooltip","d":"Chart Tooltip variant for component.","s":"uiable","c":"overlays/tooltip","hc":1},{"id":"uiable:checkbox-indeterminate","t":"Checkbox Indeterminate","d":"Checkbox Indeterminate variant for component.","s":"uiable","c":"inputs/checkbox","hc":1},{"id":"uiable:checkbox-list","t":"Checkbox List","d":"Checkbox List variant for component.","s":"uiable","c":"inputs/checkbox","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:checkbox-size","t":"Checkbox Size","d":"Checkbox Size variant for component.","s":"uiable","c":"inputs/checkbox","hc":1},{"id":"uiable:component-header","t":"Component Header","d":"Layout Component Header variant for component.","s":"uiable","c":"navigation/top-nav","hc":1},{"id":"uiable:component-list","t":"Component List","d":"Layout Component List variant for component.","s":"uiable","c":"data-display/list","hc":1},{"id":"uiable:component-search","t":"Component Search","d":"Layout Component Search variant for component.","s":"uiable","c":"inputs/search","hc":1},{"id":"uiable:component-sidebar","t":"Component Sidebar","d":"Layout Component Sidebar variant for component.","s":"uiable","c":"navigation/sidebar","hc":1},{"id":"uiable:dashboard-list","t":"Dashboard List","d":"Layout Dashboard List variant for component.","k":"layout","s":"uiable","c":"layout/dashboard","hc":1},{"id":"uiable:data-table-editable","t":"Data Table Editable","d":"Data Table Editable variant for component.","s":"uiable","c":"data-display/table","sb":"Editable","hc":1},{"id":"uiable:data-table-expandable","t":"Data Table Expandable","d":"Data Table Expandable variant for component.","s":"uiable","c":"data-display/accordion","hc":1},{"id":"uiable:data-table-pagination","t":"Data Table Pagination","d":"Data Table Pagination variant for component.","s":"uiable","c":"navigation/pagination","hc":1},{"id":"uiable:date-picker-disabled","t":"Date Picker Disabled","d":"Date Picker Disabled variant for component.","s":"uiable","c":"inputs/select","hc":1},{"id":"uiable:date-picker-dob","t":"Date Picker Dob","d":"Date Picker Dob variant for component.","s":"uiable","c":"inputs/select","hc":1},{"id":"uiable:date-picker-input","t":"Date Picker Input","d":"Date Picker Input variant for component.","s":"uiable","c":"inputs/date-picker","hc":1},{"id":"uiable:date-picker-natural-language","t":"Date Picker Natural Language","d":"Date Picker Natural Language variant for component.","s":"uiable","c":"inputs/select","hc":1},{"id":"uiable:date-picker-neutral","t":"Date Picker Neutral","d":"Date Picker Neutral variant for component.","s":"uiable","c":"inputs/select","hc":1},{"id":"uiable:date-picker-range","t":"Date Picker Range","d":"Date Picker Range variant for component.","s":"uiable","c":"inputs/slider","hc":1},{"id":"uiable:date-picker-time","t":"Date Picker Time","d":"Date Picker Time variant for component.","s":"uiable","c":"inputs/select","hc":1},{"id":"uiable:input-input-group","t":"Input Input Group","d":"Input Input Group variant for component.","s":"uiable","c":"inputs/form-field","sb":"Input groups","hc":1},{"id":"uiable:input-select","t":"Input Select","d":"Input Select variant for component.","s":"uiable","c":"inputs/select","hc":1},{"id":"uiable:list-group-active","t":"List Group Active","d":"List Group Active variant for component.","s":"uiable","c":"data-display/list","hc":1},{"id":"uiable:list-group-avatar","t":"List Group Avatar","d":"List Group Avatar variant for component.","s":"uiable","c":"data-display/avatar","hc":1},{"id":"uiable:list-group-badge","t":"List Group Badge","d":"List Group Badge variant for component.","s":"uiable","c":"data-display/badge","hc":1},{"id":"uiable:list-group-basic","t":"List Group Basic","d":"List Group Basic variant for component.","s":"uiable","c":"data-display/list","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"uiable:list-group-buttons","t":"List Group Buttons","d":"List Group Buttons variant for component.","s":"uiable","c":"actions/button","sb":"Groups and split","hc":1},{"id":"uiable:list-group-checkboxes","t":"List Group Checkboxes","d":"List Group Checkboxes variant for component.","s":"uiable","c":"data-display/list","hc":1},{"id":"uiable:list-group-custom-content","t":"List Group Custom Content","d":"List Group Custom Content variant for component.","s":"uiable","c":"data-display/list","hc":1},{"id":"uiable:list-group-disabled","t":"List Group Disabled","d":"List Group Disabled variant for component.","s":"uiable","c":"data-display/list","hc":1},{"id":"uiable:list-group-flush","t":"List Group Flush","d":"List Group Flush variant for component.","s":"uiable","c":"data-display/list","hc":1},{"id":"uiable:list-group-links","t":"List Group Links","d":"List Group Links variant for component.","s":"uiable","c":"data-display/list","hc":1},{"id":"uiable:list-group-nested","t":"List Group Nested","d":"List Group Nested variant for component.","s":"uiable","c":"data-display/list","hc":1},{"id":"uiable:list-group-numbered","t":"List Group Numbered","d":"List Group Numbered variant for component.","s":"uiable","c":"data-display/list","hc":1},{"id":"uiable:list-group-radios","t":"List Group Radios","d":"List Group Radios variant for component.","s":"uiable","c":"data-display/list","hc":1},{"id":"uiable:logo","t":"Logo","d":"Layout Logo variant for component.","k":"resource","s":"uiable","c":"assets/logo","hc":1},{"id":"uiable:mobile-nav","t":"Mobile Nav","d":"Layout Mobile Nav variant for component.","s":"uiable","c":"navigation/top-nav","sb":"Mobile","hc":1},{"id":"uiable:muted-item-group","t":"Muted Item Group","d":"Item Muted Item Group variant for component.","s":"uiable","c":"data-display/list","hc":1},{"id":"uiable:notification-dropdown","t":"Notification Dropdown","d":"Layout Notification Dropdown variant for component.","s":"uiable","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"uiable:outline-item-group","t":"Outline Item Group","d":"Item Outline Item Group variant for component.","s":"uiable","c":"data-display/list","hc":1},{"id":"uiable:progress-circular","t":"Progress Circular","d":"Progress Circular variant for component.","s":"uiable","c":"data-viz/progress-bar","hc":1},{"id":"uiable:progress-circular-with-label","t":"Progress Circular With Label","d":"Progress Circular With Label variant for component.","s":"uiable","c":"data-viz/progress-bar","hc":1},{"id":"uiable:radio-fields","t":"Radio Fields","d":"Radio Fields variant for component.","s":"uiable","c":"inputs/form-field","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:radio-group-colors","t":"Radio Group Colors","d":"Radio Group Colors variant for component.","s":"uiable","c":"inputs/radio","hc":1},{"id":"uiable:search-bar","t":"Search Bar","d":"Layout Search Bar variant for component.","s":"uiable","c":"inputs/search","hc":1},{"id":"uiable:select-multi","t":"Select Multi","d":"Select Multi variant for component.","s":"uiable","c":"inputs/select","hc":1},{"id":"uiable:sonner-action","t":"Sonner Action","d":"Sonner Action variant for component.","s":"uiable","c":"overlays/toast","hc":1},{"id":"uiable:sonner-close-button","t":"Sonner Close Button","d":"Sonner Close Button variant for component.","s":"uiable","c":"actions/button","hc":1},{"id":"uiable:sonner-custom","t":"Sonner Custom","d":"Sonner Custom variant for component.","s":"uiable","c":"overlays/toast","hc":1},{"id":"uiable:sonner-description","t":"Sonner Description","d":"Sonner Description variant for component.","s":"uiable","c":"overlays/toast","hc":1},{"id":"uiable:sonner-icon","t":"Sonner Icon","d":"Sonner Icon variant for component.","k":"resource","s":"uiable","c":"assets/icon","hc":1},{"id":"uiable:sonner-position","t":"Sonner Position","d":"Sonner Position variant for component.","s":"uiable","c":"overlays/toast","hc":1},{"id":"uiable:sonner-types","t":"Sonner Types","d":"Sonner Types variant for component.","s":"uiable","c":"overlays/toast","hc":1},{"id":"uiable:spinner-bars-scale","t":"Spinner Bars Scale","d":"Spinner Bars Scale variant for component.","s":"uiable","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"uiable:spinner-border","t":"Spinner Border","d":"Spinner Border variant for component.","s":"uiable","c":"status/loader","sb":"Spinners","hc":1},{"id":"uiable:spinner-button","t":"Spinner Button","d":"Spinner Button variant for component.","s":"uiable","c":"actions/button","hc":1},{"id":"uiable:spinner-capsule-track","t":"Spinner Capsule Track","d":"Spinner Capsule Track variant for component.","s":"uiable","c":"status/loader","tg":["animated"],"sb":"Spinners","sy":["animated"],"hc":1},{"id":"uiable:spinner-custom","t":"Spinner Custom","d":"Spinner Custom variant for component.","s":"uiable","c":"status/loader","sb":"Spinners","hc":1},{"id":"uiable:spinner-dots-pulse","t":"Spinner Dots Pulse","d":"Spinner Dots Pulse variant for component.","k":"motion","s":"uiable","c":"motion/background","tg":["animated"],"sb":"Grids and patterns","sy":["animated"],"hc":1},{"id":"uiable:spinner-growing","t":"Spinner Growing","d":"Spinner Growing variant for component.","s":"uiable","c":"status/loader","sb":"Spinners","hc":1},{"id":"uiable:spinner-segmented-aperture","t":"Spinner Segmented Aperture","d":"Spinner Segmented Aperture variant for component.","s":"uiable","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:spinner-size-custom","t":"Spinner Size Custom","d":"Spinner Size Custom variant for component.","s":"uiable","c":"status/loader","sb":"Spinners","hc":1},{"id":"uiable:spinner-size-small","t":"Spinner Size Small","d":"Spinner Size Small variant for component.","s":"uiable","c":"status/loader","sb":"Spinners","hc":1},{"id":"uiable:spinner-wave-helix","t":"Spinner Wave Helix","d":"Spinner Wave Helix variant for component.","k":"motion","s":"uiable","c":"motion/background","tg":["animated"],"sb":"Waves and warps","sy":["animated"],"hc":1},{"id":"uiable:switch-animated-stretch","t":"Switch Animated Stretch","d":"Switch Animated Stretch variant for component.","s":"uiable","c":"actions/switch","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"uiable:switch-animated-theme","t":"Switch Animated Theme","d":"Switch Animated Theme variant for component.","s":"uiable","c":"actions/switch","tg":["animated"],"sb":"Theme toggles","sy":["animated"],"hc":1},{"id":"uiable:table-of-contents","t":"Table Of Contents","d":"Layout Table Of Contents variant for component.","s":"uiable","c":"navigation/table-of-contents","hc":1},{"id":"uiable:template-list","t":"Template List","d":"Layout Template List variant for component.","k":"page","s":"uiable","c":"pages/templates","hc":1},{"id":"uiable:typography-blockquote","t":"Typography Blockquote","d":"Typography Blockquote variant for component.","s":"uiable","c":"data-display/typography","hc":1},{"id":"uiable:typography-h1","t":"Typography H #1","d":"Typography H1 variant for component.","s":"uiable","c":"data-display/typography","hc":1},{"id":"uiable:typography-h2","t":"Typography H #2","d":"Typography H2 variant for component.","s":"uiable","c":"data-display/typography","hc":1},{"id":"uiable:typography-h3","t":"Typography H #3","d":"Typography H3 variant for component.","s":"uiable","c":"data-display/typography","hc":1},{"id":"uiable:typography-h4","t":"Typography H #4","d":"Typography H4 variant for component.","s":"uiable","c":"data-display/typography","hc":1},{"id":"uiable:typography-h5","t":"Typography H #5","d":"Typography H5 variant for component.","s":"uiable","c":"data-display/typography","hc":1},{"id":"uiable:typography-h6","t":"Typography H #6","d":"Typography H6 variant for component.","s":"uiable","c":"data-display/typography","hc":1},{"id":"uiable:typography-inline-code","t":"Typography Inline Code","d":"Typography Inline Code variant for component.","s":"uiable","c":"data-display/typography","hc":1},{"id":"uiable:typography-italic","t":"Typography Italic","d":"Typography Italic variant for component.","s":"uiable","c":"data-display/typography","hc":1},{"id":"uiable:typography-large","t":"Typography Large","d":"Typography Large variant for component.","s":"uiable","c":"data-display/typography","hc":1},{"id":"uiable:typography-lead","t":"Typography Lead","d":"Typography Lead variant for component.","s":"uiable","c":"data-display/typography","hc":1},{"id":"uiable:typography-link","t":"Typography Link","d":"Typography Link variant for component.","s":"uiable","c":"actions/link","hc":1},{"id":"uiable:typography-list","t":"Typography List","d":"Typography List variant for component.","s":"uiable","c":"data-display/typography","hc":1},{"id":"uiable:typography-muted","t":"Typography Muted","d":"Typography Muted variant for component.","s":"uiable","c":"data-display/typography","hc":1},{"id":"uiable:typography-p","t":"Typography P","d":"Typography P variant for component.","s":"uiable","c":"data-display/typography","hc":1},{"id":"uiable:typography-small","t":"Typography Small","d":"Typography Small variant for component.","s":"uiable","c":"data-display/typography","hc":1},{"id":"uiable:typography-table","t":"Typography Table","d":"Typography Table variant for component.","s":"uiable","c":"data-display/typography","hc":1},{"id":"uiable:typography-typewriter","t":"Typography Typewriter","d":"Typography Typewriter variant for component.","k":"motion","s":"uiable","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"uiable:user-profile","t":"User Profile","d":"Layout User Profile variant for component.","s":"uiable","c":"data-display/profile","hc":1},{"id":"uiable:block-gallery-1","t":"Gallery #1","d":"Gallery 1 variant for block.","s":"uiable","c":"media/gallery","hc":1},{"id":"uiable:block-navbar","t":"Navbar","d":"Navbar variant for block.","s":"uiable","c":"navigation/top-nav","vn":4,"hc":1},{"id":"uiable:block-hero","t":"Hero","d":"Hero variant for block.","k":"section","s":"uiable","c":"marketing/hero","vn":13,"hc":1},{"id":"uiable:block-component-1","t":"Component #1","d":"Component 1 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:block-component-2","t":"Component #2","d":"Component 2 variant for block.","s":"uiable","c":"actions/button","tg":["animated"],"sb":"Groups and split","sy":["animated"],"hc":1},{"id":"uiable:block-feature","t":"Feature","d":"Feature variant for block.","k":"section","s":"uiable","c":"marketing/features","sb":"Comparison","vn":15,"hc":1},{"id":"uiable:block-faq","t":"Faq","d":"Faq variant for block.","k":"section","s":"uiable","c":"marketing/faq","vn":6,"hc":1},{"id":"uiable:block-contact","t":"Contact","d":"Contact variant for block.","k":"section","s":"uiable","c":"marketing/marketing","sb":"Contact","vn":12,"hc":1},{"id":"uiable:block-footer","t":"Footer","d":"Footer variant for block.","k":"section","s":"uiable","c":"marketing/footer","vn":6,"hc":1},{"id":"uiable:block-about","t":"About","d":"About variant for block.","k":"resource","s":"uiable","c":"assets/logo","tg":["animated"],"sb":"Dev tools","sy":["animated"],"hc":1},{"id":"uiable:block-banner","t":"Banner","d":"Banner variant for block.","s":"uiable","c":"overlays/alert-banner","hc":1},{"id":"uiable:block-bento-4","t":"Bento #4","d":"Bento 4 variant for block.","k":"layout","s":"uiable","c":"layout/bento-grid","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:block-bento-5","t":"Bento #5","d":"Bento 5 variant for block.","k":"layout","s":"uiable","c":"layout/bento-grid","hc":1},{"id":"uiable:block-bento-7","t":"Bento #7","d":"Bento 7 variant for block.","k":"layout","s":"uiable","c":"layout/bento-grid","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"uiable:block-blocks-showcase","t":"Blocks Showcase","d":"Blocks Showcase variant for block.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:block-charts-7","t":"Charts #7","d":"Charts 7 variant for block.","s":"uiable","c":"data-viz/chart","hc":1},{"id":"uiable:block-charts-11","t":"Charts #11","d":"Charts 11 variant for block.","s":"uiable","c":"data-viz/chart","hc":1},{"id":"uiable:block-check-mail-2","t":"Check Mail #2","d":"Check Mail 2 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:block-code-verification-4","t":"Code Verification 4","d":"Code Verification 4 variant for block.","k":"resource","s":"uiable","c":"assets/logo","tg":["animated"],"sb":"Design and work","sy":["animated"],"hc":1},{"id":"uiable:block-code-verification-5","t":"Code Verification 5","d":"Code Verification 5 variant for block.","k":"resource","s":"uiable","c":"assets/logo","tg":["animated"],"sb":"Dev tools","sy":["animated"],"hc":1},{"id":"uiable:block-coming-soon-1","t":"Coming Soon #1","d":"Coming Soon 1 variant for block.","k":"page","s":"uiable","c":"pages/templates","tg":["animated"],"sb":"Error and status pages","sy":["animated"],"hc":1},{"id":"uiable:block-coming-soon-2","t":"Coming Soon #2","d":"Coming Soon 2 variant for block.","k":"page","s":"uiable","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"uiable:block-ComponentLayout","t":"ComponentLayout","d":"ComponentLayout variant for block.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:block-content-1","t":"Content #1","d":"Content 1 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:block-content-2","t":"Content #2","d":"Content 2 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:block-content-4","t":"Content #4","d":"Content 4 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:block-content-9","t":"Content #9","d":"Content 9 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:block-content-10","t":"Content #10","d":"Content 10 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:block-content-11","t":"Content #11","d":"Content 11 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:block-content-15","t":"Content #15","d":"Content 15 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:block-content-16","t":"Content #16","d":"Content 16 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:block-cta","t":"CTA","d":"CTA variant for block.","k":"section","s":"uiable","c":"marketing/cta","tg":["animated"],"sy":["animated"],"vn":7,"hc":1},{"id":"uiable:block-dashboard-1","t":"Dashboard #1","d":"Dashboard 1 variant for block.","k":"layout","s":"uiable","c":"layout/dashboard","hc":1},{"id":"uiable:block-dashboard-2","t":"Dashboard #2","d":"Dashboard 2 variant for block.","k":"layout","s":"uiable","c":"layout/dashboard","hc":1},{"id":"uiable:block-dashboard-3","t":"Dashboard #3","d":"Dashboard 3 variant for block.","k":"layout","s":"uiable","c":"layout/dashboard","hc":1},{"id":"uiable:block-DocLayout","t":"DocLayout","d":"DocLayout variant for block.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:block-e-commerce-2","t":"E commerce #2","d":"E-commerce 2 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:block-e-commerce-3","t":"E commerce #3","d":"E-commerce 3 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:block-e-commerce-5","t":"E commerce #5","d":"E-commerce 5 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:block-e-commerce-7","t":"E commerce #7","d":"E-commerce 7 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:block-e-commerce-8","t":"E commerce #8","d":"E-commerce 8 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:block-e-commerce-9","t":"E commerce #9","d":"E-commerce 9 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:block-e-commerce-10","t":"E commerce #10","d":"E-commerce 10 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:block-e-commerce-19","t":"E commerce #19","d":"E-commerce 19 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:block-e-commerce-21","t":"E commerce #21","d":"E-commerce 21 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:block-error404-1","t":"Error404 #1","d":"Error404 1 variant for block.","k":"page","s":"uiable","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"uiable:block-error404-2","t":"Error404 #2","d":"Error404 2 variant for block.","k":"page","s":"uiable","c":"pages/templates","sb":"Error and status pages","hc":1},{"id":"uiable:block-error500-1","t":"Error500 #1","d":"Error500 1 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:block-error500-2","t":"Error500 #2","d":"Error500 2 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","hc":1},{"id":"uiable:block-forgot-password-3","t":"Forgot Password 3","d":"Forgot Password 3 variant for block.","k":"layout","s":"uiable","c":"flows/sign-in","tg":["animated"],"sb":"Password reset","sy":["animated"],"hc":1},{"id":"uiable:block-gallery-2","t":"Gallery #2","d":"Gallery 2 variant for block.","s":"uiable","c":"media/gallery","hc":1},{"id":"uiable:block-gallery-3","t":"Gallery #3","d":"Gallery 3 variant for block.","s":"uiable","c":"media/gallery","hc":1},{"id":"uiable:block-gallery-4","t":"Gallery #4","d":"Gallery 4 variant for block.","s":"uiable","c":"media/gallery","hc":1},{"id":"uiable:block-gallery-10","t":"Gallery #10","d":"Gallery 10 variant for block.","s":"uiable","c":"media/gallery","hc":1},{"id":"uiable:block-gallery-11","t":"Gallery #11","d":"Gallery 11 variant for block.","s":"uiable","c":"media/gallery","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:block-join-waitlist-1","t":"Join Waitlist #1","d":"Join Waitlist 1 variant for block.","k":"section","s":"uiable","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"uiable:block-login-1","t":"Login #1","d":"Login 1 variant for block.","k":"layout","s":"uiable","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"uiable:block-login-2","t":"Login #2","d":"Login 2 variant for block.","k":"layout","s":"uiable","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"uiable:block-portfolio-2","t":"Portfolio #2","d":"Portfolio 2 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","sb":"Portfolio","hc":1},{"id":"uiable:block-portfolio-4","t":"Portfolio #4","d":"Portfolio 4 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","sb":"Portfolio","hc":1},{"id":"uiable:block-portfolio-5","t":"Portfolio #5","d":"Portfolio 5 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","sb":"Portfolio","hc":1},{"id":"uiable:block-portfolio-8","t":"Portfolio #8","d":"Portfolio 8 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","sb":"Portfolio","hc":1},{"id":"uiable:block-portfolio-9","t":"Portfolio #9","d":"Portfolio 9 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","sb":"Portfolio","hc":1},{"id":"uiable:block-portfolio-10","t":"Portfolio #10","d":"Portfolio 10 variant for block.","k":"section","s":"uiable","c":"marketing/marketing","sb":"Portfolio","hc":1},{"id":"uiable:block-pricing-2","t":"Pricing #2","d":"Pricing 2 variant for block.","k":"section","s":"uiable","c":"marketing/pricing","hc":1},{"id":"uiable:block-pricing-3","t":"Pricing #3","d":"Pricing 3 variant for block.","k":"section","s":"uiable","c":"marketing/pricing","hc":1},{"id":"uiable:block-pricing-9","t":"Pricing #9","d":"Pricing 9 variant for block.","k":"section","s":"uiable","c":"marketing/pricing","hc":1},{"id":"uiable:block-pricing-10","t":"Pricing #10","d":"Pricing 10 variant for block.","k":"section","s":"uiable","c":"marketing/pricing","hc":1},{"id":"uiable:block-pricing-12","t":"Pricing #12","d":"Pricing 12 variant for block.","k":"section","s":"uiable","c":"marketing/pricing","hc":1},{"id":"uiable:block-pricing-18","t":"Pricing #18","d":"Pricing 18 variant for block.","k":"section","s":"uiable","c":"marketing/pricing","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:block-pricing-19","t":"Pricing #19","d":"Pricing 19 variant for block.","k":"section","s":"uiable","c":"marketing/pricing","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:block-process-1","t":"Process #1","d":"Process 1 variant for block.","k":"section","s":"uiable","c":"marketing/features","sb":"Steps","hc":1},{"id":"uiable:block-process-3","t":"Process #3","d":"Process 3 variant for block.","k":"section","s":"uiable","c":"marketing/features","sb":"Steps","hc":1},{"id":"uiable:block-process-4","t":"Process #4","d":"Process 4 variant for block.","k":"section","s":"uiable","c":"marketing/features","sb":"Steps","hc":1},{"id":"uiable:block-process-6","t":"Process #6","d":"Process 6 variant for block.","k":"section","s":"uiable","c":"marketing/features","sb":"Steps","hc":1},{"id":"uiable:block-process-7","t":"Process #7","d":"Process 7 variant for block.","k":"section","s":"uiable","c":"marketing/features","sb":"Steps","hc":1},{"id":"uiable:block-process-9","t":"Process #9","d":"Process 9 variant for block.","k":"section","s":"uiable","c":"marketing/features","sb":"Steps","hc":1},{"id":"uiable:block-reset-password-1","t":"Reset Password #1","d":"Reset Password 1 variant for block.","k":"layout","s":"uiable","c":"flows/sign-in","sb":"Password reset","hc":1},{"id":"uiable:block-sign-up-6","t":"Sign Up #6","d":"Sign Up 6 variant for block.","k":"layout","s":"uiable","c":"flows/sign-in","tg":["animated"],"sb":"Sign up","sy":["animated"],"hc":1},{"id":"uiable:block-small-hero-5","t":"Small Hero #5","d":"Small Hero 5 variant for block.","k":"section","s":"uiable","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"uiable:block-small-hero-6","t":"Small Hero #6","d":"Small Hero 6 variant for block.","k":"section","s":"uiable","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"uiable:block-statistics-1","t":"Statistics #1","d":"Statistics 1 variant for block.","s":"uiable","c":"data-display/stat","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:block-statistics-4","t":"Statistics #4","d":"Statistics 4 variant for block.","s":"uiable","c":"data-display/stat","hc":1},{"id":"uiable:block-statistics-5","t":"Statistics #5","d":"Statistics 5 variant for block.","s":"uiable","c":"data-display/stat","hc":1},{"id":"uiable:block-statistics-11","t":"Statistics #11","d":"Statistics 11 variant for block.","s":"uiable","c":"data-display/stat","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:block-team-1","t":"Team #1","d":"Team 1 variant for block.","k":"section","s":"uiable","c":"marketing/team","hc":1},{"id":"uiable:block-team-3","t":"Team #3","d":"Team 3 variant for block.","k":"section","s":"uiable","c":"marketing/team","hc":1},{"id":"uiable:block-team-6","t":"Team #6","d":"Team 6 variant for block.","k":"section","s":"uiable","c":"marketing/team","hc":1},{"id":"uiable:block-team-7","t":"Team #7","d":"Team 7 variant for block.","k":"section","s":"uiable","c":"marketing/team","hc":1},{"id":"uiable:block-templates-showcase","t":"Templates Showcase","d":"Templates Showcase variant for block.","k":"page","s":"uiable","c":"pages/templates","tg":["animated"],"sb":"Landing pages","sy":["animated"],"hc":1},{"id":"uiable:block-testimonial-1","t":"Testimonial #1","d":"Testimonial 1 variant for block.","k":"section","s":"uiable","c":"marketing/testimonials","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:block-testimonial-5","t":"Testimonial #5","d":"Testimonial 5 variant for block.","k":"section","s":"uiable","c":"marketing/testimonials","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:block-testimonial-6","t":"Testimonial #6","d":"Testimonial 6 variant for block.","k":"section","s":"uiable","c":"marketing/testimonials","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:block-testimonial-8","t":"Testimonial #8","d":"Testimonial 8 variant for block.","k":"section","s":"uiable","c":"marketing/testimonials","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:block-testimonial-9","t":"Testimonial #9","d":"Testimonial 9 variant for block.","k":"section","s":"uiable","c":"marketing/testimonials","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:block-testimonial-16","t":"Testimonial #16","d":"Testimonial 16 variant for block.","k":"section","s":"uiable","c":"marketing/testimonials","tg":["animated","neon"],"sy":["animated","neon"],"hc":1},{"id":"uiable:block-testimonial-17","t":"Testimonial #17","d":"Testimonial 17 variant for block.","k":"section","s":"uiable","c":"marketing/testimonials","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:block-testimonial-18","t":"Testimonial #18","d":"Testimonial 18 variant for block.","k":"section","s":"uiable","c":"marketing/testimonials","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"uiable:block-testimonial-20","t":"Testimonial #20","d":"Testimonial 20 variant for block.","k":"section","s":"uiable","c":"marketing/testimonials","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:block-testimonial-21","t":"Testimonial #21","d":"Testimonial 21 variant for block.","k":"section","s":"uiable","c":"marketing/testimonials","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:block-testimonial-22","t":"Testimonial #22","d":"Testimonial 22 variant for block.","k":"section","s":"uiable","c":"marketing/testimonials","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:block-testimonial-24","t":"Testimonial #24","d":"Testimonial 24 variant for block.","k":"section","s":"uiable","c":"marketing/testimonials","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:block-testimonial-25","t":"Testimonial #25","d":"Testimonial 25 variant for block.","k":"section","s":"uiable","c":"marketing/testimonials","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:block-testimonials","t":"Testimonials","d":"Testimonials variant for block.","k":"section","s":"uiable","c":"marketing/testimonials","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:block-under-construction-1","t":"Under Construction 1","d":"Under Construction 1 variant for block.","k":"page","s":"uiable","c":"pages/templates","hc":1},{"id":"uiable:block-under-construction-2","t":"Under Construction 2","d":"Under Construction 2 variant for block.","k":"page","s":"uiable","c":"pages/templates","hc":1},{"id":"uiable:block-widgets-11","t":"Widgets #11","d":"Widgets 11 variant for block.","s":"uiable","c":"data-display/card","hc":1},{"id":"uiable:block-widgets-17","t":"Widgets #17","d":"Widgets 17 variant for block.","s":"uiable","c":"data-display/card","hc":1},{"id":"uiable:block-widgets-18","t":"Widgets #18","d":"Widgets 18 variant for block.","s":"uiable","c":"data-display/card","hc":1},{"id":"uiable:block-widgets-19","t":"Widgets #19","d":"Widgets 19 variant for block.","s":"uiable","c":"data-display/card","sb":"Metric","hc":1},{"id":"uiable:block-widgets-22","t":"Widgets #22","d":"Widgets 22 variant for block.","s":"uiable","c":"data-display/card","hc":1},{"id":"uiable:accordion","t":"Accordion","d":"Accordion component.","s":"uiable","c":"data-display/accordion","vn":9,"hc":1},{"id":"uiable:alert","t":"Alert","d":"Alert component.","s":"uiable","c":"overlays/alert-banner","vn":41,"hc":1},{"id":"uiable:alert-dialog","t":"Alert Dialog","d":"Alert Dialog component.","s":"uiable","c":"overlays/dialog","sb":"Confirm","vn":8,"hc":1},{"id":"uiable:animated-beam","t":"Animated Beam","d":"Animated Beam component.","k":"motion","s":"uiable","c":"motion/background","tg":["animated"],"sb":"Beams and light","sy":["animated"],"hc":1},{"id":"uiable:aspect-ratio","t":"Aspect Ratio","d":"Aspect Ratio component.","k":"layout","s":"uiable","c":"layout/page-shell","vn":4,"hc":1},{"id":"uiable:attachment","t":"Attachment","d":"Attachment component.","s":"uiable","c":"inputs/file-upload","vn":5,"hc":1},{"id":"uiable:avatar","t":"Avatar","d":"Avatar component.","s":"uiable","c":"data-display/avatar","vn":15,"hc":1},{"id":"uiable:badge","t":"Badge","d":"Badge component.","s":"uiable","c":"data-display/badge","vn":37,"hc":1},{"id":"uiable:breadcrumb","t":"Breadcrumb","d":"Breadcrumb component.","s":"uiable","c":"navigation/breadcrumb","vn":11,"hc":1},{"id":"uiable:bubble","t":"Bubble","d":"Bubble component.","s":"uiable","c":"ai-agent/ai-agent","sb":"Chat","vn":8,"hc":1},{"id":"uiable:button","t":"Button","d":"Button component.","s":"uiable","c":"actions/button","vn":65,"hc":1},{"id":"uiable:button-group","t":"Button Group","d":"Button Group component.","s":"uiable","c":"actions/button","sb":"Groups and split","hc":1},{"id":"uiable:calendar","t":"Calendar","d":"Calendar component.","s":"uiable","c":"data-display/calendar","vn":11,"hc":1},{"id":"uiable:card","t":"Card","d":"Card component.","s":"uiable","c":"data-display/card","vn":24,"hc":1},{"id":"uiable:carousel","t":"Carousel","d":"Carousel component.","s":"uiable","c":"media/carousel","vn":9,"hc":1},{"id":"uiable:chart","t":"Chart","d":"Chart component.","s":"uiable","c":"data-viz/chart","vn":9,"hc":1},{"id":"uiable:checkbox","t":"Checkbox","d":"Checkbox component.","s":"uiable","c":"inputs/checkbox","vn":8,"hc":1},{"id":"uiable:circular-progress","t":"Circular Progress","d":"Circular Progress component.","s":"uiable","c":"data-viz/progress-bar","hc":1},{"id":"uiable:collapsible","t":"Collapsible","d":"Collapsible component.","s":"uiable","c":"data-display/accordion","vn":4,"hc":1},{"id":"uiable:combobox","t":"Combobox","d":"Combobox component.","s":"uiable","c":"inputs/combobox","vn":14,"hc":1},{"id":"uiable:command","t":"Command","d":"Command component.","s":"uiable","c":"navigation/command-palette","vn":9,"hc":1},{"id":"uiable:context-menu","t":"Context Menu","d":"Context Menu component.","s":"uiable","c":"overlays/context-menu","vn":11,"hc":1},{"id":"uiable:dialog","t":"Dialog","d":"Dialog component.","s":"uiable","c":"overlays/dialog","vn":12,"hc":1},{"id":"uiable:direction","t":"Direction","d":"Direction component.","s":"uiable","c":"other/other","hc":1},{"id":"uiable:drawer","t":"Drawer","d":"Drawer component.","s":"uiable","c":"overlays/sheet","vn":4,"hc":1},{"id":"uiable:dropdown-menu","t":"Dropdown Menu","d":"Dropdown Menu component.","s":"uiable","c":"navigation/menu","sb":"Dropdowns","vn":24,"hc":1},{"id":"uiable:empty","t":"Empty","d":"Empty component.","s":"uiable","c":"data-display/empty-state","vn":8,"hc":1},{"id":"uiable:field","t":"Field","d":"Field component.","s":"uiable","c":"inputs/form-field","vn":12,"hc":1},{"id":"uiable:hover-card","t":"Hover Card","d":"Hover Card component.","s":"uiable","c":"overlays/hover-card","vn":3,"hc":1},{"id":"uiable:input","t":"Input","d":"Input component.","s":"uiable","c":"inputs/form-field","vn":15,"hc":1},{"id":"uiable:input-otp","t":"Input Otp","d":"Input Otp component.","s":"uiable","c":"inputs/otp-input","vn":11,"hc":1},{"id":"uiable:item","t":"Item","d":"Item component.","s":"uiable","c":"data-display/list","vn":13,"hc":1},{"id":"uiable:kbd","t":"Kbd","d":"Kbd component.","s":"uiable","c":"data-display/typography","vn":7,"hc":1},{"id":"uiable:label","t":"Label","d":"Label component.","s":"uiable","c":"inputs/form-field","sb":"Animated fields","vn":4,"hc":1},{"id":"uiable:liquid-glass","t":"Liquid Glass","d":"Liquid Glass component.","s":"uiable","c":"other/other","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uiable:marker","t":"Marker","d":"Marker component.","s":"uiable","c":"other/other","vn":7,"hc":1},{"id":"uiable:menubar","t":"Menubar","d":"Menubar component.","s":"uiable","c":"navigation/top-nav","sb":"Mega menus","vn":7,"hc":1},{"id":"uiable:message","t":"Message","d":"Message component.","s":"uiable","c":"ai-agent/ai-agent","sb":"Chat","vn":14,"hc":1},{"id":"uiable:message-scroller","t":"Message Scroller","d":"Message Scroller component.","s":"uiable","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"uiable:native-select","t":"Native Select","d":"Native Select component.","s":"uiable","c":"inputs/select","vn":3,"hc":1},{"id":"uiable:navigation-menu","t":"Navigation Menu","d":"Navigation Menu component.","s":"uiable","c":"navigation/top-nav","sb":"Mega menus","vn":3,"hc":1},{"id":"uiable:pagination","t":"Pagination","d":"Pagination component.","s":"uiable","c":"navigation/pagination","vn":9,"hc":1},{"id":"uiable:popover","t":"Popover","d":"Popover component.","s":"uiable","c":"overlays/popover","vn":5,"hc":1},{"id":"uiable:progress","t":"Progress","d":"Progress component.","s":"uiable","c":"data-viz/progress-bar","vn":16,"hc":1},{"id":"uiable:questionnaire","t":"Questionnaire","d":"Questionnaire component.","s":"uiable","c":"other/other","vn":5,"hc":1},{"id":"uiable:radio-group","t":"Radio Group","d":"Radio Group component.","s":"uiable","c":"inputs/radio","vn":8,"hc":1},{"id":"uiable:resizable","t":"Resizable","d":"Resizable component.","k":"layout","s":"uiable","c":"layout/split-pane","vn":4,"hc":1},{"id":"uiable:scroll-area","t":"Scroll Area","d":"Scroll Area component.","k":"layout","s":"uiable","c":"layout/scroll-area","vn":4,"hc":1},{"id":"uiable:scroll-text","t":"Scroll Text","d":"Scroll Text component.","k":"motion","s":"uiable","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"uiable:select","t":"Select","d":"Select component.","s":"uiable","c":"inputs/select","vn":9,"hc":1},{"id":"uiable:separator","t":"Separator","d":"Separator component.","k":"layout","s":"uiable","c":"layout/page-shell","vn":5,"hc":1},{"id":"uiable:sheet","t":"Sheet","d":"Sheet component.","s":"uiable","c":"overlays/sheet","vn":4,"hc":1},{"id":"uiable:sidebar","t":"Sidebar","d":"Sidebar component.","s":"uiable","c":"navigation/sidebar","vn":14,"hc":1},{"id":"uiable:skeleton","t":"Skeleton","d":"Skeleton component.","s":"uiable","c":"status/skeleton","vn":8,"hc":1},{"id":"uiable:slider","t":"Slider","d":"Slider component.","s":"uiable","c":"inputs/slider","vn":8,"hc":1},{"id":"uiable:sonner","t":"Sonner","d":"Sonner component.","s":"uiable","c":"overlays/toast","hc":1},{"id":"uiable:spinner","t":"Spinner","d":"Spinner component.","s":"uiable","c":"status/loader","sb":"Spinners","vn":4,"hc":1},{"id":"uiable:switch","t":"Switch","d":"Switch component.","s":"uiable","c":"actions/switch","vn":9,"hc":1},{"id":"uiable:table","t":"Table","d":"Table component.","s":"uiable","c":"data-display/table","vn":4,"hc":1},{"id":"uiable:tabs","t":"Tabs","d":"Tabs component.","s":"uiable","c":"navigation/tabs","vn":9,"hc":1},{"id":"uiable:text-blur-in","t":"Text Blur In","d":"Text Blur In component.","k":"motion","s":"uiable","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"uiable:text-gradient","t":"Text Gradient","d":"Text Gradient component.","k":"motion","s":"uiable","c":"motion/gradient","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"uiable:text-highlight","t":"Text Highlight","d":"Text Highlight component.","k":"motion","s":"uiable","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:text-marquee","t":"Text Marquee","d":"Text Marquee component.","k":"motion","s":"uiable","c":"motion/marquee","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiable:textarea","t":"Textarea","d":"Textarea component.","s":"uiable","c":"inputs/textarea","vn":8,"hc":1},{"id":"uiable:timeline","t":"Timeline","d":"Timeline component.","s":"uiable","c":"data-display/timeline","vn":4,"hc":1},{"id":"uiable:toggle","t":"Toggle","d":"Toggle component.","s":"uiable","c":"actions/switch","vn":7,"hc":1},{"id":"uiable:tooltip","t":"Tooltip","d":"Tooltip component.","s":"uiable","c":"overlays/tooltip","vn":7,"hc":1},{"id":"uiable:tree-view","t":"Tree View","d":"Tree View component.","s":"uiable","c":"data-display/tree","vn":4,"hc":1},{"id":"uiable:typewriter","t":"Typewriter","d":"Typewriter component.","k":"motion","s":"uiable","c":"motion/text-effect","tg":["animated"],"sb":"Typewriter","sy":["animated"],"hc":1},{"id":"uiable:uiable-preset-2","t":"Preset #2","d":"UIAble preset-2 theme preset","k":"theme","s":"uiable","c":"themes/theme"},{"id":"uiable:uiable-preset-3","t":"Preset #3","d":"UIAble preset-3 theme preset","k":"theme","s":"uiable","c":"themes/theme"},{"id":"uiable:uiable-preset-4","t":"Preset #4","d":"UIAble preset-4 theme preset","k":"theme","s":"uiable","c":"themes/theme"},{"id":"uiable:uiable-preset-5","t":"Preset #5","d":"UIAble preset-5 theme preset","k":"theme","s":"uiable","c":"themes/theme"},{"id":"uiable:uiable-preset-6","t":"Preset #6","d":"UIAble preset-6 theme preset","k":"theme","s":"uiable","c":"themes/theme"},{"id":"uiable:uiable-preset-7","t":"Preset #7","d":"UIAble preset-7 theme preset","k":"theme","s":"uiable","c":"themes/theme"},{"id":"uiable:uiable-preset-8","t":"Preset #8","d":"UIAble preset-8 theme preset","k":"theme","s":"uiable","c":"themes/theme"},{"id":"uiable:uiable-preset-9","t":"Preset #9","d":"UIAble preset-9 theme preset","k":"theme","s":"uiable","c":"themes/theme"},{"id":"uiable:uiable-preset-10","t":"Preset #10","d":"UIAble preset-10 theme preset","k":"theme","s":"uiable","c":"themes/theme"},{"id":"uiable:uiable-preset-11","t":"Preset #11","d":"UIAble preset-11 theme preset","k":"theme","s":"uiable","c":"themes/theme"},{"id":"uiable:uiable-preset-12","t":"Preset #12","d":"UIAble preset-12 theme preset","k":"theme","s":"uiable","c":"themes/theme"},{"id":"uiable:uiable-preset-13","t":"Preset #13","d":"UIAble preset-13 theme preset","k":"theme","s":"uiable","c":"themes/theme"},{"id":"uiable:uiable-preset-14","t":"Preset #14","d":"UIAble preset-14 theme preset","k":"theme","s":"uiable","c":"themes/theme"},{"id":"uiable:uiable-preset-15","t":"Preset #15","d":"UIAble preset-15 theme preset","k":"theme","s":"uiable","c":"themes/theme"},{"id":"uiable:uiable-preset-16","t":"Preset #16","d":"UIAble preset-16 theme preset","k":"theme","s":"uiable","c":"themes/theme"},{"id":"uiable:uiable-preset-17","t":"Preset #17","d":"UIAble preset-17 theme preset","k":"theme","s":"uiable","c":"themes/theme"},{"id":"uiable:uiable-preset-18","t":"Preset #18","d":"UIAble preset-18 theme preset","k":"theme","s":"uiable","c":"themes/theme"},{"id":"uiarc:arc-foundation","t":"Arc foundation","d":"Arc design tokens (color, surface, radius, shadow, accent, focus, light and dark themes), ","s":"uiarc","c":"other/other","fw":"CSS","hc":1},{"id":"uiarc:arc-motion-tokens","t":"Arc motion tokens","d":"The shared motion presets (durations, easings, springs, staggers) Arc components import. I","s":"uiarc","c":"data-display/list","hc":1},{"id":"uiarc:arc-skill","t":"Arc agent skill","d":"An Agent Skill that teaches Claude Code and other agents how to choose, install, and compo","k":"lib","s":"uiarc","c":"lib/utility","hc":1},{"id":"uiarc:button","t":"Button","d":"A clear, responsive action with quiet secondary states.","s":"uiarc","c":"actions/button","sb":"Animated","hc":1},{"id":"uiarc:action-button","t":"Action button","d":"A compact button for frequent toolbar actions.","s":"uiarc","c":"actions/button","sb":"Animated","hc":1},{"id":"uiarc:split-button","t":"Split button","d":"A primary action with a menu of nearby alternatives.","s":"uiarc","c":"actions/button","sb":"Groups and split","hc":1},{"id":"uiarc:button-group","t":"Button group","d":"Related actions joined into one surface with hairline dividers: a hover highlight glides b","s":"uiarc","c":"actions/button","sb":"Groups and split","hc":1},{"id":"uiarc:floating-button-group","t":"Floating button group","d":"Separate soft buttons in a quiet tray, with one shared highlight that morphs from button t","s":"uiarc","c":"actions/button","sb":"Groups and split","hc":1},{"id":"uiarc:expanding-button-group","t":"Expanding button group","d":"Icon buttons in a compact group: the one you point at or focus grows to reveal its label w","s":"uiarc","c":"actions/button","sb":"Groups and split","hc":1},{"id":"uiarc:dropdown-menu","t":"Dropdown menu","d":"A focused list of actions anchored to a trigger.","s":"uiarc","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"uiarc:context-menu","t":"Context menu","d":"Secondary actions kept close to the selected object.","s":"uiarc","c":"overlays/context-menu","hc":1},{"id":"uiarc:copy-button","t":"Copy button","d":"Copy a value with immediate confirmation.","s":"uiarc","c":"actions/copy-button","hc":1},{"id":"uiarc:drawer","t":"Drawer","d":"A temporary side surface for focused work.","s":"uiarc","c":"overlays/sheet","hc":1},{"id":"uiarc:theme-switch","t":"Theme switcher","d":"Four smooth ways to move between light and dark appearance.","s":"uiarc","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"uiarc:theme-switch-eclipse","t":"Eclipse","d":"The next appearance crosses the page like an eclipse.","s":"uiarc","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"uiarc:theme-switch-split","t":"Split","d":"The next appearance opens from a slim center seam.","s":"uiarc","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"uiarc:theme-switch-rise","t":"Rise","d":"The next appearance rises into place.","s":"uiarc","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"uiarc:avatar","t":"Avatar","d":"A compact identity marker for people and accounts.","s":"uiarc","c":"data-display/avatar","vn":1,"hc":1},{"id":"uiarc:input","t":"Input","d":"A single line field with clear labels and useful states.","s":"uiarc","c":"inputs/form-field","hc":1},{"id":"uiarc:textarea","t":"Textarea","d":"A multiline field for notes, descriptions, and longer text.","s":"uiarc","c":"inputs/textarea","hc":1},{"id":"uiarc:select","t":"Select","d":"A compact choice field with a keyboard friendly menu.","s":"uiarc","c":"inputs/select","hc":1},{"id":"uiarc:combobox","t":"Combobox","d":"Search and select from a list without leaving the field.","s":"uiarc","c":"inputs/combobox","hc":1},{"id":"uiarc:checkbox","t":"Checkbox","d":"A binary choice with a precise, legible state.","s":"uiarc","c":"inputs/checkbox","hc":1},{"id":"uiarc:switch","t":"Switch","d":"A tactile toggle for settings that take effect immediately.","s":"uiarc","c":"actions/switch","sb":"Animated","hc":1},{"id":"uiarc:multi-select","t":"Multi select","d":"Select several values while keeping the field readable.","s":"uiarc","c":"inputs/select","hc":1},{"id":"uiarc:number-field","t":"Number field","d":"Enter a bounded number with clear increment controls.","s":"uiarc","c":"inputs/number-input","hc":1},{"id":"uiarc:password-field","t":"Password field","d":"Capture sensitive text with a visible reveal control.","s":"uiarc","c":"inputs/form-field","sb":"Password","hc":1},{"id":"uiarc:search-field","t":"Search field","d":"A recognizable search entry point with clear affordances.","s":"uiarc","c":"inputs/search","hc":1},{"id":"uiarc:tag-input","t":"Tag input","d":"Turn short text values into removable tags.","s":"uiarc","c":"inputs/tag-input","hc":1},{"id":"uiarc:file-dropzone","t":"File dropzone","d":"A generous target for dropping one or more files.","s":"uiarc","c":"inputs/file-upload","hc":1},{"id":"uiarc:radio-group","t":"Radio group","d":"Choose one option from a visible set.","s":"uiarc","c":"inputs/radio","hc":1},{"id":"uiarc:segmented-control","t":"Segmented control","d":"Switch between a small set of related views.","s":"uiarc","c":"actions/segmented-control","hc":1},{"id":"uiarc:calendar","t":"Calendar","d":"Browse dates in a clear, compact month view.","s":"uiarc","c":"data-display/calendar","hc":1},{"id":"uiarc:date-picker","t":"Date picker","d":"Choose a date without losing context.","s":"uiarc","c":"inputs/date-picker","hc":1},{"id":"uiarc:time-picker","t":"Time picker","d":"Choose a time with sensible keyboard behavior.","s":"uiarc","c":"inputs/time-picker","hc":1},{"id":"uiarc:accordion","t":"Accordion","d":"Progressively reveal supporting information in place.","s":"uiarc","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"uiarc:dialog","t":"Dialog","d":"A focused surface for decisions that need attention.","s":"uiarc","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"uiarc:popover","t":"Popover","d":"A small anchored surface for contextual information.","s":"uiarc","c":"overlays/popover","hc":1},{"id":"uiarc:tooltip","t":"Tooltip","d":"Short supporting text for unfamiliar controls.","s":"uiarc","c":"overlays/tooltip","hc":1},{"id":"uiarc:tabs","t":"Tabs","d":"Switch between related content in the same context.","s":"uiarc","c":"navigation/tabs","hc":1},{"id":"uiarc:expandable-card","t":"Expandable card","d":"Give a dense card more room when requested.","s":"uiarc","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"uiarc:breadcrumb","t":"Breadcrumb","d":"Show where a page sits in a hierarchy.","s":"uiarc","c":"navigation/breadcrumb","hc":1},{"id":"uiarc:alert","t":"Alert","d":"A persistent message that helps people recover or continue.","s":"uiarc","c":"overlays/alert-banner","hc":1},{"id":"uiarc:toast","t":"Toast","d":"Brief confirmation for a completed background action.","s":"uiarc","c":"overlays/toast","hc":1},{"id":"uiarc:progress","t":"Progress","d":"Show how much of a known task is complete.","s":"uiarc","c":"data-viz/progress-bar","hc":1},{"id":"uiarc:skeleton","t":"Skeleton","d":"Reserve space while content is still loading.","s":"uiarc","c":"status/skeleton","hc":1},{"id":"uiarc:badge","t":"Badge","d":"A small label for status, category, or metadata.","s":"uiarc","c":"data-display/badge","hc":1},{"id":"uiarc:card","t":"Card","d":"A contained group of related content and actions.","s":"uiarc","c":"data-display/card","hc":1},{"id":"uiarc:metric-card","t":"Metric card","d":"A compact summary for a number that needs context.","s":"uiarc","c":"data-display/stat","hc":1},{"id":"uiarc:empty-state","t":"Empty state","d":"A useful next step when there is nothing to show yet.","s":"uiarc","c":"data-display/empty-state","hc":1},{"id":"uiarc:tree-view","t":"Tree view","d":"Navigate nested folders and structured content.","s":"uiarc","c":"data-display/tree","hc":1},{"id":"uiarc:pagination","t":"Pagination","d":"Move through a long collection with clear bounds.","s":"uiarc","c":"navigation/pagination","hc":1},{"id":"uiarc:filter-toolbar","t":"Filter toolbar","d":"Keep collection filters close and easy to reset.","s":"uiarc","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"uiarc:sortable-data-table","t":"Sortable data table","d":"Compare structured records with sortable columns.","s":"uiarc","c":"data-display/table","sb":"Data tables","hc":1},{"id":"uiarc:sparkline","t":"Sparkline","d":"Show a compact trend beside a value.","s":"uiarc","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"uiarc:gauge","t":"Gauge","d":"Show a value against a known range.","s":"uiarc","c":"data-viz/gauge","hc":1},{"id":"uiarc:animated-counter","t":"Animated counter","d":"Give changing totals a clear sense of movement.","k":"motion","s":"uiarc","c":"motion/number-ticker","hc":1},{"id":"uiarc:code-block","t":"Code block","d":"Present code with legible hierarchy and copy access.","s":"uiarc","c":"data-display/code-block","hc":1},{"id":"uiarc:text-reveal","t":"Text reveal","d":"Reveal a short piece of content with restrained motion.","k":"motion","s":"uiarc","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"uiarc:in-view-title","t":"In view title","d":"Bring a section title in as it scrolls into view.","k":"motion","s":"uiarc","c":"motion/text-effect","hc":1},{"id":"uiarc:text-morph","t":"Text morph","d":"Morph a label into its next state, letter by letter.","k":"motion","s":"uiarc","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"uiarc:text-shimmer","t":"Text shimmer","d":"Show ongoing work with a calm light across the words.","k":"motion","s":"uiarc","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"uiarc:hold-to-confirm","t":"Hold to confirm","d":"Confirm a destructive action by holding, not tapping.","s":"uiarc","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"uiarc:swipe-actions","t":"Swipe actions","d":"Reveal row actions with a swipe, or from the same actions in a menu.","s":"uiarc","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"uiarc:slider","t":"Slider","d":"Pick a value or a range on a track that follows your finger.","s":"uiarc","c":"inputs/slider","hc":1},{"id":"uiarc:elastic-slider","t":"Elastic slider","d":"A slider that stretches like rubber past its ends, with a swaying value tag and detents th","s":"uiarc","c":"inputs/slider","hc":1},{"id":"uiarc:inline-edit","t":"Inline edit","d":"Rename in place: the text becomes a field without moving.","s":"uiarc","c":"inputs/form-field","hc":1},{"id":"uiarc:expanding-search","t":"Expanding search","d":"An icon that morphs into a search field with results beneath it.","s":"uiarc","c":"inputs/search","hc":1},{"id":"uiarc:chip-group","t":"Chip group","d":"Filter by a few facets with chips that morph as you pick them.","s":"uiarc","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"uiarc:password-strength","t":"Password strength","d":"Show how strong a new password is while it is typed.","s":"uiarc","c":"inputs/form-field","sb":"Password","hc":1},{"id":"uiarc:bottom-sheet","t":"Bottom sheet","d":"A sheet that rests at a peek or full height and follows your finger.","s":"uiarc","c":"overlays/sheet","hc":1},{"id":"uiarc:hover-card","t":"Hover card","d":"Preview a person or link on hover or focus without leaving the page.","s":"uiarc","c":"overlays/hover-card","hc":1},{"id":"uiarc:resizable-panels","t":"Resizable panels","d":"Trade space between panes by dragging the divider between them.","k":"layout","s":"uiarc","c":"layout/split-pane","hc":1},{"id":"uiarc:toast-stack","t":"Toast stack","d":"Stack short results at the edge until you reach for them.","s":"uiarc","c":"overlays/toast","hc":1},{"id":"uiarc:usage-meter","t":"Usage meter","d":"Show what fills an allowance and how close it is to the limit.","s":"uiarc","c":"data-viz/gauge","hc":1},{"id":"uiarc:image-compare","t":"Image compare","d":"Drag a divider across two images to see what changed.","s":"uiarc","c":"media/image-compare","hc":1},{"id":"uiarc:carousel","t":"Carousel","d":"Browse a row of slides by dragging, flicking, or arrowing through them.","s":"uiarc","c":"media/carousel","hc":1},{"id":"uiarc:card-stack","t":"Card stack","d":"Review a deck one card at a time, with a throw and an undo.","s":"uiarc","c":"media/card-stack","hc":1},{"id":"uiarc:bar-chart","t":"Bar chart","d":"Compare one measure across days and scrub any bar for its value.","s":"uiarc","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"uiarc:activity-heatmap","t":"Activity heatmap","d":"See a year of activity at a glance, one square per day.","s":"uiarc","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"uiarc:timeline","t":"Timeline","d":"Follow what happened, newest first, grouped by day.","s":"uiarc","c":"data-display/timeline","hc":1},{"id":"uiarc:user-menu","t":"User menu","d":"Your account, settings, theme, and sign out behind the avatar. Opens as a bottom sheet on ","s":"uiarc","c":"navigation/menu","hc":1},{"id":"uiarc:stepper","t":"Stepper","d":"Show where a person is in a multi-step flow and what is done.","s":"uiarc","c":"navigation/wizard-steps","hc":1},{"id":"uiarc:signature-pad","t":"Signature pad","d":"Smooth ink that thins with speed, with undo, replay, and PNG or SVG export.","s":"uiarc","c":"inputs/form-field","hc":1},{"id":"uiarc:date-range-picker","t":"Date range picker","d":"A range picker that grows from its trigger into two months with presets and a stretching r","s":"uiarc","c":"inputs/date-range","hc":1},{"id":"uiarc:color-picker","t":"Color picker","d":"A swatch that grows into a picker with format morphing, eyedropper, saved swatches, and co","s":"uiarc","c":"inputs/color-picker","hc":1},{"id":"uiarc:morph-select","t":"Morph select","d":"A select whose trigger grows into the list, with a gliding highlight and type-ahead.","s":"uiarc","c":"inputs/select","hc":1},{"id":"uiarc:line-chart","t":"Line chart","d":"A multi-series line chart with a gliding crosshair, legend toggles, and paths that morph b","s":"uiarc","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"uiarc:donut-chart","t":"Donut chart","d":"A donut whose arcs morph between datasets, with the active value rolling into the center.","s":"uiarc","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"uiarc:streamgraph","t":"Streamgraph","d":"Layered streams on a wiggle baseline that morph between ranges, with a layer you can isola","k":"motion","s":"uiarc","c":"motion/text-effect","hc":1},{"id":"uiarc:brush-chart","t":"Brush chart","d":"A dense time series with an overview strip: drag a window to zoom, resize it by its handle","s":"uiarc","c":"data-viz/chart","hc":1},{"id":"uiarc:ridgeline","t":"Ridgeline","d":"Overlapping distributions, one ridge per group: hover to lift a ridge and read its quartil","s":"uiarc","c":"actions/switch","sb":"Animated","hc":1},{"id":"uiarc:treemap","t":"Treemap","d":"A squarified treemap: click to drill and the tiles grow to fill the view, with a breadcrum","s":"uiarc","c":"data-viz/chart","sb":"Flow and funnel","hc":1},{"id":"uiarc:waffle-chart","t":"Waffle chart","d":"A ten by ten unit chart where every cell is one percent, and cells fly to their new group ","s":"uiarc","c":"data-viz/chart","hc":1},{"id":"uiarc:slope-chart","t":"Slope chart","d":"Before and after on two axes: lines draw in, rank moves sit beside each value, and switchi","s":"uiarc","c":"data-viz/chart","hc":1},{"id":"uiarc:countdown","t":"Countdown","d":"A launch countdown with rolling digits that morphs into a live state at zero.","k":"motion","s":"uiarc","c":"motion/number-ticker","hc":1},{"id":"uiarc:announcement-bar","t":"Announcement bar","d":"A top banner that rotates messages, counts down, and collapses smoothly when dismissed.","k":"section","s":"uiarc","c":"marketing/announcement","hc":1},{"id":"uiarc:json-viewer","t":"JSON viewer","d":"A collapsible JSON tree with search, paging for long arrays, and copy value or path.","s":"uiarc","c":"data-display/json-viewer","hc":1},{"id":"uiarc:phone-input","t":"Phone input","d":"A phone field with a country picker, formatting as you type, and E.164 output.","s":"uiarc","c":"inputs/form-field","sb":"Phone","hc":1},{"id":"uiarc:money-input","t":"Money input","d":"A currency field with live grouping, stable width, rolling digits, and minor-unit output.","s":"uiarc","c":"inputs/form-field","hc":1},{"id":"uiarc:shortcut-recorder","t":"Shortcut recorder","d":"Record key combinations into key caps, with conflict warnings, Kbd, and a searchable cheat","s":"uiarc","c":"inputs/form-field","hc":1},{"id":"uiarc:confirm-morph","t":"Confirm morph","d":"A destructive button that morphs into an inline confirmation, a spinner, and a result with","s":"uiarc","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"uiarc:mention-input","t":"Mention input","d":"A textarea with @people and #channel mentions that act as single tokens, with suggestions ","s":"uiarc","c":"inputs/combobox","hc":1},{"id":"uiarc:chat-thread","t":"Chat thread","d":"A chat thread with grouped messages, reactions, read receipts, typing, and a composer with","s":"uiarc","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"uiarc:rich-text-editor","t":"Rich text editor","d":"A lightweight editor with markdown shortcuts, a floating toolbar, a slash menu, and HTML a","s":"uiarc","c":"inputs/textarea","hc":1},{"id":"uiarc:billing-toggle","t":"Billing toggle","d":"A monthly and yearly switch with a savings badge and prices that roll to the new amount.","k":"section","s":"uiarc","c":"marketing/pricing","sb":"With billing toggle","hc":1},{"id":"uiarc:scroll-area","t":"Scroll area","d":"A native scroll container with thin overlay scrollbars and edge fades that appear only whe","k":"layout","s":"uiarc","c":"layout/scroll-area","hc":1},{"id":"uiarc:radio-cards","t":"Radio cards","d":"Selectable option cards with a sliding selection ring, price and description slots, and ra","s":"uiarc","c":"inputs/radio","hc":1},{"id":"uiarc:comment-thread","t":"Comment thread","d":"Threaded comments with replies, reactions, mentions, inline edit, and resolve.","s":"uiarc","c":"other/other","hc":1},{"id":"uiarc:slot-text","t":"Slot text","d":"Text and numbers that spin into their new value on staggered slot machine reels.","k":"motion","s":"uiarc","c":"motion/text-effect","hc":1},{"id":"uiarc:signup-form","t":"Sign up form","d":"An account creation flow with field validation, password strength, and a clear completion ","k":"layout","s":"uiarc","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"uiarc:logo-marquee","t":"Logo marquee","d":"A quiet, continuously moving row of brand marks with a pause control.","k":"section","s":"uiarc","c":"marketing/logos","hc":1},{"id":"uiarc:plan-comparison","t":"Plan comparison","d":"Compare meaningful differences between plans and billing periods.","k":"section","s":"uiarc","c":"marketing/comparison","hc":1},{"id":"uiarc:command-palette","t":"Command palette","d":"A complete keyboard driven action surface with search, grouped results, and shortcuts.","s":"uiarc","c":"navigation/command-palette","hc":1},{"id":"uiarc:notification-center","t":"Notification center","d":"A home for updates with read state, grouped information, and animated disclosure.","s":"uiarc","c":"overlays/notifications","hc":1},{"id":"uiarc:file-upload","t":"File upload","d":"A complete file selection flow with constraints, progress, and error feedback.","s":"uiarc","c":"inputs/file-upload","hc":1},{"id":"uiarc:otp-input","t":"OTP input","d":"A six digit verification flow with paste support and keyboard navigation.","s":"uiarc","c":"inputs/otp-input","hc":1},{"id":"uiarc:changelog-feed","t":"Changelog feed","d":"Release notes you can filter, open in place, and scroll through month by month.","s":"uiarc","c":"data-display/timeline","hc":1},{"id":"uiarc:sign-in","t":"Sign in","d":"A sign in card that morphs from email to a six digit code to your account.","k":"layout","s":"uiarc","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"uiarc:page-header","t":"Page header","d":"A project page header that folds into a compact bar as you scroll, with tabs whose counts ","s":"uiarc","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"uiarc:empty-states","t":"Empty states","d":"Four empty states in one illustration whose shapes morph between scenes as you switch tabs","s":"uiarc","c":"data-display/empty-state","hc":1},{"id":"uiarc:login-centered","t":"Centered login","d":"A passkey-first login card on a quiet ring backdrop that morphs through email and code.","k":"layout","s":"uiarc","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"uiarc:site-header","t":"Site header","d":"A sticky website header that turns solid on scroll, with a gliding active link, mega menu ","s":"uiarc","c":"navigation/top-nav","hc":1},{"id":"uiarc:site-footer","t":"Site footer","d":"A website footer with link columns and newsletter, a minimal layout, and a large fading Ar","k":"section","s":"uiarc","c":"marketing/footer","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"uiarc:hero-section","t":"Hero section","d":"Three full screen SaaS heroes: a live dashboard rising from the bottom edge over a driftin","k":"section","s":"uiarc","c":"marketing/hero","tg":["gradient","webgl"],"sb":"Animated background","sy":["gradient","webgl"],"hc":1},{"id":"uiarc:faq-section","t":"FAQ section","d":"FAQs as an accordion, a topic rail, or a searchable list that highlights matches.","k":"section","s":"uiarc","c":"marketing/faq","hc":1},{"id":"uiarc:contact-section","t":"Contact section","d":"A validated contact form that morphs into a confirmation, support channels, and office car","k":"section","s":"uiarc","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"uiarc:blog-grid","t":"Blog grid","d":"A blog index with a featured post, category filter, post cards, pagination and an in-place","k":"section","s":"uiarc","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"uiarc:comparison-table","t":"Comparison table","d":"An us versus them table with a sticky header, a highlighted column, and a stacked phone vi","k":"section","s":"uiarc","c":"marketing/comparison","hc":1},{"id":"uiarc:stats-band","t":"Stats band","d":"Headline numbers that count up in view, each with a tiny visual that proves it and a conte","s":"uiarc","c":"data-display/stat","hc":1},{"id":"uiarc:cta-section","t":"CTA section","d":"A call to action as a centered closing section, a split beside a setup card that completes","k":"section","s":"uiarc","c":"marketing/cta","hc":1},{"id":"uiarc:newsletter-signup","t":"Newsletter signup","d":"An email signup framed by a stack of past issues; subscribing drops the next issue, addres","k":"layout","s":"uiarc","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"uicapsule:voxel-landing","t":"Voxel Landing","d":"Isometric voxel diorama landing page — scroll pans diagonally through a living world of wa","k":"layout","s":"uicapsule","c":"layout/scroll-area","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"uicapsule:material-you-theming","t":"Material You Theming","d":"Material You dynamic color — pick a wallpaper and a tonal palette derived from its seed hu","s":"uicapsule","c":"media/mockup","hc":1},{"id":"uicapsule:diffusion-reveal","t":"Diffusion Reveal","d":"The image-gen loading ritual done honestly — pure noise resolves through coarse color blob","k":"resource","s":"uicapsule","c":"assets/shape","hc":1},{"id":"uicapsule:circle-to-search","t":"Circle to Search","d":"Android's Circle to Search — enter search mode, lasso anything with a glowing stroke, and ","s":"uicapsule","c":"inputs/search","tg":["neon"],"sy":["neon"],"hc":1},{"id":"uicapsule:jiggle-mode","t":"Jiggle Mode","d":"iOS home-screen edit mode — long-press to wobble, drag to reorder, tap the badge to remove","s":"uicapsule","c":"media/mockup","hc":1},{"id":"uicapsule:predictive-back","t":"Predictive Back","d":"Android's predictive back gesture — drag from the edge and the screen shrinks in your hand","s":"uicapsule","c":"media/mockup","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"uicapsule:drum-picker","t":"Drum Picker","d":"The iOS time-picker wheel on the web — 3D cylinder, momentum flicks, detent snapping, edge","s":"uicapsule","c":"inputs/select","tg":["3d"],"sy":["3d"],"hc":1},{"id":"uicapsule:vibe-dial","t":"Vibe Dial","d":"A temperature knob for generation — turn it and the dial itself heats up: the LED ring fil","s":"uicapsule","c":"inputs/slider","tg":["neon"],"sy":["neon"],"hc":1},{"id":"uicapsule:screenshot-capture","t":"Screenshot Capture","d":"The iOS screenshot moment — flash, the screen shrinks into a corner thumbnail, lingers, th","s":"uicapsule","c":"media/mockup","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"uicapsule:seek-filmstrip","t":"Seek Filmstrip","d":"The tvOS scrubber — dragging the timeline raises a filmstrip of preview frames above the p","s":"uicapsule","c":"inputs/slider","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"uicapsule:context-menu-peek","t":"Context Menu Peek","d":"iOS long-press context menu — the bubble lifts, the thread melts into blur, and the menu s","s":"uicapsule","c":"overlays/hover-card","hc":1},{"id":"uicapsule:editorial-charts","t":"Editorial Charts","d":"A four-card editorial chart set — rung bars, a hairline dot-line, a tick-ring dial, and a ","s":"uicapsule","c":"data-viz/chart","tg":["minimal"],"sb":"Line and sparkline","sy":["minimal"],"hc":1},{"id":"uicapsule:liquid-orb","t":"Liquid Orb","d":"Liquid-glass shader orb that morphs through material presets — siri, aurora, plasma, chrom","s":"uicapsule","c":"ai-agent/ai-agent","tg":["glass","gradient","webgl"],"sb":"Orbs and presence","sy":["glass","gradient","webgl"],"hc":1},{"id":"uicapsule:widget-stack","t":"Widget Stack","d":"iOS Smart Stack — widgets roll through a vertical 3D page-flip, auto-advancing until you s","s":"uicapsule","c":"data-display/card","tg":["3d","minimal"],"sy":["3d","minimal"],"hc":1},{"id":"uicapsule:chibi-plants","t":"Chibi Plants","d":"Cute chibi potted plants raymarched from signed distance fields on a little soft-body rig ","s":"uicapsule","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"uicapsule:pattern-unlock","t":"Pattern Unlock","d":"Android's 9-dot pattern lock — glowing trail, dot ripples, red shake on a wrong draw, gree","k":"section","s":"uicapsule","c":"marketing/marketing","tg":["neon"],"sb":"Stats","sy":["neon"],"hc":1},{"id":"uicapsule:airdrop-radar","t":"AirDrop Radar","d":"AirDrop's ripple radar — nearby people surface on expanding rings; tap one and a progress ","s":"uicapsule","c":"data-viz/chart","tg":["minimal"],"sb":"Radar","sy":["minimal"],"hc":1},{"id":"uicapsule:pip-window","t":"PiP Window","d":"iOS picture-in-picture — flick the call window and velocity picks its corner; throw it off","s":"uicapsule","c":"media/mockup","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"uicapsule:paper-roll","t":"Paper Roll","d":"An endless strip of paper unrolls behind a heavy roll, printing a portfolio in its wake","s":"uicapsule","c":"data-display/card","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"uicapsule:desktop-os","t":"Desktop OS","d":"A desktop boots itself — one card riffles through every thumbnail, icons burst out from ce","k":"resource","s":"uicapsule","c":"assets/icon","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uicapsule:formation","t":"Formation","d":"Sixteen photo cards regroup between four spatial formations — a solved ellipse, an arc con","s":"uicapsule","c":"data-display/card","tg":["3d","animated","minimal"],"sy":["3d","animated","minimal"],"hc":1},{"id":"uicapsule:gravity-wall","t":"Gravity Wall","d":"A drifting wall of photos bends away from the cursor like a gravity well, promoting whiche","s":"uicapsule","c":"data-display/card","tg":["animated"],"sb":"Feature","sy":["animated"],"hc":1},{"id":"uicapsule:lookbook-camera","t":"Lookbook Camera","d":"A camera drifts forever across an edgeless field of fashion figures — scroll to zoom at th","s":"uicapsule","c":"data-display/card","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uicapsule:stat-reel","t":"Stat Reel","d":"An endless wheel of labels glides past a fixed center line while a giant gradient-filled f","s":"uicapsule","c":"data-display/stat","tg":["animated","gradient","minimal"],"sy":["animated","gradient","minimal"],"hc":1},{"id":"uicapsule:terminal-disintegrate","t":"Terminal Disintegrate","d":"An ASCII trading terminal drawn from box-drawing glyphs, whose screen burns into drifting ","s":"uicapsule","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"uicapsule:volume-control","t":"Volume Control","d":"Five volume controls that refuse to just be a slider: tilt, cannon, curling, dot-matrix, a","s":"uicapsule","c":"inputs/slider","tg":["3d"],"sy":["3d"],"hc":1},{"id":"uicapsule:effort-picker","t":"Effort Picker","d":"Remake of the Codex effort picker, in ChatGPT's chrome or Claude's.","s":"uicapsule","c":"inputs/select","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"uicapsule:tesla-climate","t":"Tesla Climate","d":"A replica of Tesla's climate screen — drag the airstream to aim the vents, with live tempe","k":"section","s":"uicapsule","c":"marketing/marketing","sb":"Stats","hc":1},{"id":"uicapsule:dynamic-ai-composer","t":"Dynamic AI Composer","d":"A shape-shifting AI input capsule that morphs between text, voice, thinking, and streaming","s":"uicapsule","c":"ai-agent/composer","hc":1},{"id":"uicapsule:dynamic-island","t":"Dynamic Island","d":"A springy Dynamic Island interaction with ring and timer states.","k":"section","s":"uicapsule","c":"marketing/marketing","hc":1},{"id":"uicapsule:geometric-orb","t":"Geometric Orb","d":"3D animated spherical orb with flowing latitude lines and depth-based opacity","s":"uicapsule","c":"ai-agent/ai-agent","tg":["3d","webgl"],"sb":"Orbs and presence","sy":["3d","webgl"],"hc":1},{"id":"uicapsule:gradient-orb","t":"Gradient Orb","d":"Glowing shader orb with noise-based color mixing, hue rotation, and breathing pulse","s":"uicapsule","c":"ai-agent/ai-agent","tg":["gradient","neon","webgl"],"sb":"Orbs and presence","sy":["gradient","neon","webgl"],"hc":1},{"id":"uicapsule:wireframe-orb","t":"Wireframe Orb","d":"Curl-noise-displaced particle cloud rendered as a continuous line strip with bloom","s":"uicapsule","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Orbs and presence","sy":["webgl"],"hc":1},{"id":"uicapsule:spinner-pixel-grid","t":"Spinner Pixel Grid","d":"Dot-matrix pixel loading spinners — 20 grid animations (wave, spiral, radar, rain, snake, ","s":"uicapsule","c":"status/loader","tg":["neon","retro and HUD"],"sb":"Spinners","sy":["neon","retro and HUD"],"hc":1},{"id":"uicapsule:sidebar","t":"Resizable Sidebar","d":"A shadcn-inspired application sidebar with a draggable resize handle.","s":"uicapsule","c":"navigation/sidebar","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"uicapsule:voice-dictator","t":"Voice Dictator","d":"Voice dictation UI — tap the orb and a dithered WebGL ring swells with simulated speech am","s":"uicapsule","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Voice","sy":["webgl"],"hc":1},{"id":"uicapsule:emerald-template","t":"Emerald","d":"Dark emerald AI landing page template — hero demo types a question, reveals collapsible ch","k":"page","s":"uicapsule","c":"pages/templates","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"uicapsule:spreadsheet","t":"Spreadsheet","d":"Spreadsheet data grid with AI enrichment — select cells, hit Enrich and each fills in afte","s":"uicapsule","c":"data-display/table","tg":["minimal"],"sb":"Editable","sy":["minimal"],"hc":1},{"id":"uicapsule:filter-bar","t":"Filter Bar","d":"Data table filter bar — build text, number, date and option filters as editable chips with","s":"uicapsule","c":"data-display/table","tg":["minimal"],"sb":"Data tables","sy":["minimal"],"hc":1},{"id":"uicapsule:tooltip-grid","t":"Tooltip Grid","d":"Tooltip with a direction aware pixel grid background animation","s":"uicapsule","c":"overlays/tooltip","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"uicapsule:carousel-3d","t":"3D Carousel","d":"WebGPU 3D image carousel — cards ride a bent ring; scroll or drag to spin it with momentum","s":"uicapsule","c":"media/carousel","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"uicapsule:snail-timer","t":"Snail Timer","d":"Fastest countdown ever","k":"motion","s":"uicapsule","c":"motion/number-ticker","hc":1},{"id":"uicapsule:ascii-renderer","t":"ASCII Renderer","d":"Take any 3D model and render it as ASCII art","k":"motion","s":"uicapsule","c":"motion/ascii","tg":["3d","retro and HUD","webgl"],"sy":["3d","retro and HUD","webgl"],"hc":1},{"id":"uicapsule:background-pixel-stars","t":"Background Pixel Stars","d":"Retro 16fps pixel starfield background — grid-snapped stars twinkle in stepped fades and s","k":"motion","s":"uicapsule","c":"motion/background","tg":["retro and HUD"],"sb":"Particles and stars","sy":["retro and HUD"],"hc":1},{"id":"uicapsule:background-shapes","t":"Background Shapes","d":"Generative glyph grid background — two mirrored SVG panels of dots, crosses, stripes and s","k":"resource","s":"uicapsule","c":"assets/shape","hc":1},{"id":"uicapsule:card-stack","t":"Scrollable Card Stack","d":"An infinite stack of cards placed with perspective one on top of another.","s":"uicapsule","c":"media/card-stack","tg":["3d","animated","minimal"],"sy":["3d","animated","minimal"],"hc":1},{"id":"uicapsule:infinite-grid","t":"Infinite Grid","d":"Infinite pannable grid — drag or scroll with momentum through endless cells, indexed in a ","s":"uicapsule","c":"data-display/card","sb":"Metric","hc":1},{"id":"uicapsule:ios-volume-slider","t":"iOS Volume Slider","d":"iOS-style vertical volume slider — drag past the top and the bar stretches, past the botto","s":"uicapsule","c":"inputs/slider","hc":1},{"id":"uicapsule:light-dark-toggle","t":"Light/Dark Toggle","d":"Sun/moon light-dark theme toggle icon — the moon's crescent mask slides away as it shrinks","s":"uicapsule","c":"actions/switch","tg":["minimal"],"sb":"Theme toggles","sy":["minimal"],"hc":1},{"id":"uicapsule:like-button","t":"Like Button","d":"Twitter style like button","s":"uicapsule","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"uicapsule:particle-orb","t":"Particle Orb","d":"Noise-displaced particle sphere with additive-blended dots and custom vertex shader","s":"uicapsule","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Orbs and presence","sy":["webgl"],"hc":1},{"id":"uicapsule:radial-slider","t":"Radial Slider","d":"Rotary dial slider — drag sideways to spin a ring of tick marks under a fixed needle; rele","s":"uicapsule","c":"inputs/slider","tg":["neon"],"sy":["neon"],"hc":1},{"id":"uiception:block-media","t":"Block media resolver","d":"Local-first image and video URL resolution with extension-flexible overrides for uiception","k":"lib","s":"uiception","c":"lib/utility","hc":1},{"id":"uiception:hero-section-v2","t":"Hero Section #2","d":"Two-column hero with headline on the left, live event-stream animation on the right, and a","k":"section","s":"uiception","c":"marketing/hero","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiception:hero-section-v3","t":"Hero Section #3","d":"Centered hero with badge, headline, CTA, and an embedded animated chat preview (messages, ","k":"section","s":"uiception","c":"marketing/hero","hc":1},{"id":"uiception:hero-section-v1","t":"Hero Section #1","d":"Full hero block: two-column headline/CTA, brands marquee strip, and animated macOS termina","k":"section","s":"uiception","c":"marketing/hero","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"uiception:brands-section-v2","t":"Brands Section #2","d":"Infinite marquee of brand logos rendered as a seamless row of borderless-radius cards—fu","k":"resource","s":"uiception","c":"assets/logo","hc":1},{"id":"uiception:brands-section-v3","t":"Brands Section #3","d":"Logo grid: muted icons, hover reveals brand color, inset border, flickering grid, and labe","s":"uiception","c":"inputs/form-field","hc":1},{"id":"uiception:brands-section-v4","t":"Brands Section #4","d":"Logo grid: brand colors always active, inset border, flickering grid always on, and label ","s":"uiception","c":"inputs/form-field","hc":1},{"id":"uiception:blog-section-v1","t":"Blog Section #1","d":"Editorial All Articles layout with a featured Spotlight post (image, headline, author) and","k":"section","s":"uiception","c":"marketing/marketing","tg":["webgl"],"sb":"Blog and posts","sy":["webgl"],"hc":1},{"id":"uiception:blog-section-v2","t":"Blog Section #2","d":"Two-column editorial layout with a sticky author sidebar (square photo, label, name, title","k":"section","s":"uiception","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"uiception:about-section-v1","t":"About Section #1","d":"About us section with an eyebrow label, heading and intro copy, two feature highlight card","k":"section","s":"uiception","c":"marketing/features","hc":1},{"id":"uiception:brands-section-v1","t":"Brands Section #1","d":"Compact brands strip with a trust label and an infinite marquee of AI brand logos with lig","k":"resource","s":"uiception","c":"assets/logo","hc":1},{"id":"uiception:brands-section-v5","t":"Brands Section #5","d":"Boxed brands strip with a 'Trusted by 5000+ Top companies' header, greyscale logos, and a ","s":"uiception","c":"navigation/top-nav","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiception:brands-section-v6","t":"Brands Section #6","d":"Security trust strip with a centered mono uppercase label above an infinite marquee of aut","k":"resource","s":"uiception","c":"assets/logo","hc":1},{"id":"uiception:brands-section-v7","t":"Brands Section #7","d":"Serif headline with dual row infinite pill marquees of dev and infra logos scrolling in op","k":"section","s":"uiception","c":"marketing/footer","hc":1},{"id":"uiception:brands-section-v8","t":"Brands Section #8","d":"Two-column layout with headline, description, and CTA on the left, and four vertical infin","k":"section","s":"uiception","c":"marketing/cta","hc":1},{"id":"uiception:brands-section-v9","t":"Brands Section #9","d":"Titleless infinite marquee of brand wordmarks in muted monochrome, with edge fades.","k":"resource","s":"uiception","c":"assets/logo","hc":1},{"id":"uiception:brands-section-v10","t":"Brands Section #10","d":"Stacked brands section with a title, a wrapping color logo strip, and a muted closer.","k":"motion","s":"uiception","c":"motion/text-effect","hc":1},{"id":"uiception:navbar-section-v1","t":"Navbar Section #1","d":"Sticky blurred header with optional lorem-demo below the install page for scroll testing.","s":"uiception","c":"navigation/top-nav","hc":1},{"id":"uiception:navbar-section-v2","t":"Navbar Section #2","d":"Centered three-column navbar with product dropdown, frosted backdrop, and full-screen mobi","s":"uiception","c":"navigation/top-nav","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"uiception:navbar-section-v3","t":"Navbar Section #3","d":"Centered three-column navbar with product dropdown, frosted backdrop, and full-screen mobi","s":"uiception","c":"navigation/top-nav","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"uiception:navbar-section-v4","t":"Navbar Section #4","d":"Fixed bottom centered dock nav with frosted pill container, hairline active indicator, res","k":"section","s":"uiception","c":"marketing/cta","tg":["glass"],"sb":"Banners","sy":["glass"],"hc":1},{"id":"uiception:navbar-section-v5","t":"Navbar Section #5","d":"Sticky top centered dock nav that shrinks from max-w-6xl to max-w-5xl on scroll, with fros","s":"uiception","c":"navigation/top-nav","tg":["glass"],"sy":["glass"],"hc":1},{"id":"uiception:navbar-section-v6","t":"Navbar Section #6","d":"Centered mono uppercase nav with Solutions dropdown, external Docs link, and default-radiu","k":"section","s":"uiception","c":"marketing/cta","sb":"Banners","hc":1},{"id":"uiception:navbar-section-v7","t":"Navbar Section #7","d":"AI SaaS navbar with Product and Developers hover dropdowns, uppercase links, and Get start","k":"section","s":"uiception","c":"marketing/cta","sb":"Banners","hc":1},{"id":"uiception:navbar-section-v8","t":"Navbar Section #8","d":"Altitude-inspired 3-column navbar with logo left, animated underline nav links center, and","k":"section","s":"uiception","c":"marketing/cta","sb":"Banners","hc":1},{"id":"uiception:navbar-section-v9","t":"Navbar Section #9","d":"Two-column navbar with text-only brand left, nav links and outline Sign in CTA right, and ","k":"section","s":"uiception","c":"marketing/cta","sb":"Banners","hc":1},{"id":"uiception:navbar-section-v10","t":"Navbar Section #10","d":"Edra-inspired two-column navbar with logo chip and hamburger that expands in-place into a ","k":"section","s":"uiception","c":"marketing/cta","sb":"Banners","hc":1},{"id":"uiception:mac-os-terminal","t":"Mac OS Terminal","d":"macOS Terminal window mock with zsh prompt, typed CLI demo, and shadcn install output—id","s":"uiception","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"uiception:event-stream","t":"Event Stream","d":"Frameless cycling JSON animation—three webhook events type out in sequence with edge fad","s":"uiception","c":"data-display/code-block","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"uiception:cursor-terminal","t":"Cursor Terminal","d":"VS Code / Cursor panel mock with PowerShell prompt and a typed shadcn add flow for the her","s":"uiception","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"uiception:cta-section-v1","t":"CTA Section #1","d":"Two-column CTA block with headline and description on the left, dual action buttons on the","k":"section","s":"uiception","c":"marketing/cta","hc":1},{"id":"uiception:cta-section-v2","t":"CTA Section #2","d":"Centered CTA block with oversized headline and a single square-corner download button with","k":"section","s":"uiception","c":"marketing/cta","hc":1},{"id":"uiception:cta-section-v3","t":"CTA Section #3","d":"Single-panel CTA with a full-bleed Paper Dithering (warp) shader behind the headline, supp","k":"section","s":"uiception","c":"marketing/cta","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"uiception:cta-section-v4","t":"CTA Section #4","d":"Full-width grain shader CTA with centered title and button.","k":"section","s":"uiception","c":"marketing/cta","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"uiception:cta-section-v5","t":"CTA Section #5","d":"Centered muted-background CTA with a headline, supporting description, and a rounded pill ","k":"section","s":"uiception","c":"marketing/cta","hc":1},{"id":"uiception:cta-section-v6","t":"CTA Section #6","d":"Bordered centered CTA with Canvas UI Retro Dither pointer lens and product-focused copy.","k":"section","s":"uiception","c":"marketing/cta","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"uiception:cta-section-v7","t":"CTA Section #7","d":"Centered CTA with a Windows Terminal style window: PowerShell and WSL tabs, each showing t","k":"section","s":"uiception","c":"marketing/cta","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"uiception:footer-section-v1","t":"Footer Section #1","d":"Muted rounded footer with brand copy, four link columns, and a bottom row with Instagram a","k":"section","s":"uiception","c":"marketing/footer","hc":1},{"id":"uiception:footer-section-v2","t":"Footer Section #2","d":"Card-wrapped footer with five link columns: Product, Resources, Company, Legal, and Connec","k":"section","s":"uiception","c":"marketing/footer","hc":1},{"id":"uiception:footer-section-v3","t":"Footer Section #3","d":"Card-wrapped footer with five link columns and a Privacy / Terms bottom bar. No hover icon","k":"section","s":"uiception","c":"marketing/footer","hc":1},{"id":"uiception:footer-section-v4","t":"Footer Section #4","d":"Spacious footer with the uiception logo lockup, three link columns, a noise texture overla","k":"section","s":"uiception","c":"marketing/footer","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"uiception:footer-section-v5","t":"Footer Section #5","d":"Airy footer with the greyscale uiception logo, a single company link column, LinkedIn and ","k":"section","s":"uiception","c":"marketing/footer","hc":1},{"id":"uiception:contact-section-v1","t":"Contact Section v1","d":"Two-column contact section. The left column has a light \"Let's collaborate\" title and YouT","k":"section","s":"uiception","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"uiception:partners-section-v1","t":"Partners Section v1","d":"Partners section with a sans-serif title and description above a static three-column logo ","k":"section","s":"uiception","c":"marketing/logos","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"uiception:partners-section-v2","t":"Partners Section v2","d":"Split partners section: word-by-word GSAP heading reveal beside a framed 3x2 logo grid who","k":"section","s":"uiception","c":"marketing/logos","tg":["animated","neon"],"sy":["animated","neon"],"hc":1},{"id":"uiception:partners-section-v3","t":"Partners Section v3","d":"Partners section for a social scheduling app: a two-column grid of large network names wit","k":"section","s":"uiception","c":"marketing/logos","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiception:partners-section-v4","t":"Partners Section v4","d":"Static partners section: centered heading and description above a single row of eight squa","k":"section","s":"uiception","c":"marketing/logos","hc":1},{"id":"uiception:chat-bot","t":"Chat Bot","d":"Simulated AI chatbot with animated typing, message bubbles, a three-dot thinking indicator","s":"uiception","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Chat","sy":["webgl"],"hc":1},{"id":"uiception:simple-chatbot","t":"Simple Chatbot","d":"Prompt card with rotating SaaS-style placeholders, light/dark via .dark ancestor, shadcn B","s":"uiception","c":"ai-agent/ai-agent","tg":["minimal"],"sb":"Chat","sy":["minimal"],"hc":1},{"id":"uiception:how-it-works-section-v1","t":"How It Works Section v1","d":"Three-step process section with accent-colored heading prefix, top-border step numbers, an","k":"section","s":"uiception","c":"marketing/features","tg":["webgl"],"sb":"Steps","sy":["webgl"],"hc":1},{"id":"uiception:how-it-works-section-v2","t":"How It Works Section v2","d":"Timeline-style three-step process section with a GSAP ScrollTrigger beam that travels betw","k":"section","s":"uiception","c":"marketing/features","tg":["animated","webgl"],"sb":"Steps","sy":["animated","webgl"],"hc":1},{"id":"uiception:feature-section-v1","t":"Feature Section v1","d":"Cream-toned six-cell grid with line-art SVG icons, monospace titles, and NO. indexes below","k":"section","s":"uiception","c":"marketing/features","hc":1},{"id":"uiception:feature-section-v2","t":"Feature Section v2","d":"Four-card feature grid with uppercase titles, descriptions, unique x.ai–style SVG illust","k":"section","s":"uiception","c":"marketing/features","hc":1},{"id":"uiception:hero-section-v4","t":"Hero Section #4","d":"Centered hero with headline, description, dual CTA buttons, and a stats section with five-","k":"section","s":"uiception","c":"marketing/hero","tg":["animated","webgl"],"sb":"Animated background","sy":["animated","webgl"],"hc":1},{"id":"uiception:hero-section-v5","t":"Hero Section #5","d":"Centered hero with headline, description, CTA, and an embedded simple chatbot prompt card ","k":"section","s":"uiception","c":"marketing/hero","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"uiception:hero-section-v6","t":"Hero Section #6","d":"Centered hero with headline, description, two CTA buttons, a product screenshot, and a bra","k":"section","s":"uiception","c":"marketing/hero","tg":["animated","webgl"],"sb":"Animated background","sy":["animated","webgl"],"hc":1},{"id":"uiception:hero-section-v7","t":"Hero Section #7","d":"Centered hero with serif headline, mono description, Monad-style flip pill CTAs, animated ","k":"section","s":"uiception","c":"marketing/hero","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiception:hero-section-v8","t":"Hero Section #8","d":"Centered hero with headline, description, CTAs, pixel-art scene preview, brand carousel so","k":"section","s":"uiception","c":"marketing/hero","tg":["minimal","retro and HUD"],"sy":["minimal","retro and HUD"],"hc":1},{"id":"uiception:hero-section-v9","t":"Hero Section #9","d":"Centered hero with headline, description, dual CTAs, and a simulated live product preview ","k":"section","s":"uiception","c":"marketing/hero","hc":1},{"id":"uiception:hero-section-v10","t":"Hero Section #10","d":"Centered hero with finance-focused headline, description, and a single request demo CTA.","k":"section","s":"uiception","c":"marketing/hero","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiception:hero-section-v11","t":"Hero Section #11","d":"Two-panel travel hero with integrated ACME nav, dual CTAs, and a full-bleed destination im","k":"section","s":"uiception","c":"marketing/hero","hc":1},{"id":"uiception:hero-section-v12","t":"Hero Section #12","d":"Sans headline above a split product card: Atelier brand-kit copy with default/outline pill","k":"section","s":"uiception","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"uiception:hero-section-v13","t":"Hero Section #13","d":"Minimal centered hero for a freelancer finance app: secondary badge, two-line headline, mu","k":"section","s":"uiception","c":"marketing/hero","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"uiception:stats-section-v1","t":"Stats Section #1","d":"Centered five-star rating row with a taupe star fill and a social-proof label beneath.","k":"section","s":"uiception","c":"marketing/testimonials","hc":1},{"id":"uiception:stats-section-v2","t":"Stats Section #2","d":"Live npm download stats for 6 infra brands — Supabase, Convex, Vercel, Neon, Upstash, Tu","k":"section","s":"uiception","c":"marketing/marketing","tg":["neon"],"sb":"Stats","sy":["neon"],"hc":1},{"id":"uiception:stats-section-v3","t":"Stats Section #3","d":"Left-aligned stats section with an eyebrow label, large heading, and full-width stat rows ","k":"section","s":"uiception","c":"marketing/marketing","sb":"Stats","hc":1},{"id":"uiception:stats-section-v4","t":"Stats Section #4","d":"A two-tone heading (title plus muted description) pinned to the top and a 2×2 grid of larg","k":"section","s":"uiception","c":"marketing/marketing","sb":"Stats","hc":1},{"id":"uiception:stats-section-v5","t":"Stats Section #5","d":"A response-time stats section written for non-technical readers. The title sits on the lef","k":"section","s":"uiception","c":"marketing/marketing","sb":"Stats","hc":1},{"id":"uiception:stats-section-v6","t":"Stats Section #6","d":"A support stats section with a bento grid of waffle charts. The left column has the title ","k":"section","s":"uiception","c":"marketing/marketing","sb":"Stats","hc":1},{"id":"uiception:case-study-section-v1","t":"Case Study Section v1","d":"A minimal split case study: a vertically centered headline, summary, three results in a ha","k":"section","s":"uiception","c":"marketing/marketing","tg":["minimal","webgl"],"sb":"Portfolio","sy":["minimal","webgl"],"hc":1},{"id":"uiception:case-study-section-v2","t":"Case Study Section v2","d":"A case study with a headline above two columns. The left column has a rounded cover image.","k":"section","s":"uiception","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"uiception:code-block","t":"Code Block","d":"Tabbed package-manager code block with npm/pnpm/yarn/bun switcher, syntax-highlighted comm","s":"uiception","c":"data-display/code-block","hc":1},{"id":"uiception:spreadsheet","t":"Spreadsheet","d":"Google Sheets–style SaaS subscription grid—Account, Plan, MRR, Status—with trial upg","s":"uiception","c":"data-display/table","tg":["webgl"],"sb":"Editable","sy":["webgl"],"hc":1},{"id":"uiception:google-chrome","t":"Google Chrome (macOS)","d":"macOS Google Chrome window mock with tab strip, omnibox, bookmarks bar, and Google new-tab","s":"uiception","c":"navigation/tabs","tg":["webgl"],"sy":["webgl"],"vn":2,"hc":1},{"id":"uiception:google-chrome-windows","t":"Google Chrome (Windows)","d":"Windows Google Chrome window mock with title-bar tabs, Win32 controls, omnibox with Google","s":"uiception","c":"navigation/tabs","tg":["webgl"],"sy":["webgl"],"vn":2,"hc":1},{"id":"uiception:macbook-pro","t":"MacBook Pro","d":"Front-facing MacBook Pro device frame with display bezels, notch, and base—empty transpa","s":"uiception","c":"media/mockup","vn":2,"hc":1},{"id":"uiception:mac-studio-display","t":"Mac Studio Display","d":"Front-facing Apple Studio Display device frame with slim black bezel, aluminum stand, and ","k":"section","s":"uiception","c":"marketing/marketing","vn":2,"hc":1},{"id":"uiception:iphone-17-pro-max","t":"iPhone 17 Pro Max","d":"Front-facing iPhone 17 Pro Max device frame with silver titanium rail, black rounded bezel","s":"uiception","c":"media/mockup","vn":2,"hc":1},{"id":"uiception:changelog-section-v1","t":"Changelog Section v1","d":"Three-column changelog section with monospace dates, entry titles, and excerpts, plus a 'S","k":"section","s":"uiception","c":"marketing/marketing","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"uiception:changelog-section-v2","t":"Changelog Section v2","d":"Left-aligned changelog section with three bordered cards, each pairing a title and descrip","k":"section","s":"uiception","c":"marketing/announcement","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"uiception:changelog-section-v3","t":"Changelog Section v3","d":"Two-column changelog with a bracket timeline of long-form dates on the left and, on the ri","k":"section","s":"uiception","c":"marketing/marketing","hc":1},{"id":"uiception:changelog-section-v4","t":"Changelog Section v4","d":"Changelog log layout: each date group opens on a horizontal rule instead of a timeline rai","k":"section","s":"uiception","c":"marketing/marketing","hc":1},{"id":"uiception:faq-section-v1","t":"FAQ Section #1","d":"Minimal centered FAQ with a simple headline and clean divider accordion.","k":"section","s":"uiception","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"uiception:faq-section-v2","t":"FAQ Section #2","d":"Minimal centered FAQ with a simple headline and clean divider accordion.","k":"section","s":"uiception","c":"marketing/faq","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"uiception:faq-section-v3","t":"FAQ Section #3","d":"Dark-background FAQ with a serif headline, italic subtitle, numbered rows, and chevron acc","k":"section","s":"uiception","c":"marketing/faq","hc":1},{"id":"uiception:faq-section-v4","t":"FAQ Section #4","d":"Two-column FAQ with left marketing copy and CTAs, plus a plus/minus accordion on the right","k":"section","s":"uiception","c":"marketing/cta","hc":1},{"id":"uiception:faq-section-v5","t":"FAQ Section #5","d":"Top-down, docs-style FAQ list with a last-updated date and a was-this-helpful item at the ","k":"section","s":"uiception","c":"marketing/faq","hc":1},{"id":"uiception:faq-section-v6","t":"FAQ Section #6","d":"Two-column FAQ with a large pixel-font title on the left and a custom dashed-ruled accordi","k":"section","s":"uiception","c":"marketing/faq","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"uiception:testimonials-section-v1","t":"Testimonials Section v1","d":"Left-aligned client quotes in a horizontal carousel with accent dividers, initials avatars","k":"section","s":"uiception","c":"marketing/testimonials","hc":1},{"id":"uiception:testimonials-section-v2","t":"Testimonials Section v2","d":"Three-column bordered quotes with serif italic text, square avatars, and company wordmarks","k":"section","s":"uiception","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"uiception:testimonials-section-v3","t":"Testimonials Section v3","d":"Four-card bento grid of success stories with company wordmarks, quotes, name and role, and","k":"section","s":"uiception","c":"marketing/testimonials","hc":1},{"id":"uiception:testimonials-section-v4","t":"Testimonials Section v4","d":"Centered headline with dual CTAs above a three-up shader portrait carousel of six customer","k":"section","s":"uiception","c":"marketing/testimonials","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"uiception:testimonials-section-v5","t":"Testimonials Section v5","d":"Centered badge, headline, and description above a masonry wall-of-love grid of quote cards","k":"section","s":"uiception","c":"marketing/testimonials","hc":1},{"id":"uiception:testimonials-section-v6","t":"Testimonials Section v6","d":"Borderless portrait cards with a white company wordmark over the photo, a short descriptio","k":"section","s":"uiception","c":"marketing/testimonials","hc":1},{"id":"uiception:testimonials-section-v7","t":"Testimonials Section v7","d":"Split layout with a title and short description on the left and three overlapping, slightl","k":"section","s":"uiception","c":"marketing/testimonials","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"uiception:feature-section-v3","t":"Feature Section v3","d":"Roomy headline with numbered tags on key phrases, plus three theme-aware SVG feature illus","k":"section","s":"uiception","c":"marketing/features","tg":["playful","webgl"],"sy":["playful","webgl"],"hc":1},{"id":"uiception:feature-section-v4","t":"Feature Section v4","d":"Industrial-style three-card feature grid with uppercase heading, blank top card placeholde","k":"section","s":"uiception","c":"marketing/features","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"uiception:feature-section-v5","t":"Feature Section v5","d":"Centered sans headline with a storytelling bento grid of four static cards, balanced title","k":"section","s":"uiception","c":"marketing/features","hc":1},{"id":"uiception:feature-section-v6","t":"Feature Section v6","d":"Centered headline with a uniform 2×2 grid of four feature cards—title and body on each ","k":"section","s":"uiception","c":"marketing/features","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"uiception:feature-section-v7","t":"Feature Section v7","d":"Three-column AI platform section with agent workflows, grounded knowledge, and production ","k":"section","s":"uiception","c":"marketing/features","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"uiception:feature-section-v8","t":"Feature Section v8","d":"Centered automation headline with an Incharge-style bordered feature grid—four cards wit","k":"section","s":"uiception","c":"marketing/features","hc":1},{"id":"uiception:feature-section-v9","t":"Feature Section v9","d":"Platform capabilities section with a left-aligned serif headline, eyebrow label, and four-","k":"section","s":"uiception","c":"marketing/features","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"uiception:feature-section-v10","t":"Feature Section v10","d":"Two-column SaaS feature section with dashed corner-accent cards and a morphing wireframe p","k":"section","s":"uiception","c":"marketing/features","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiception:feature-section-v11","t":"Feature Section v11","d":"Two-column features section with a left Canvas UI ParticleObject flat image effect, Geist ","k":"section","s":"uiception","c":"marketing/features","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"uiception:pricing-section-v1","t":"Pricing Section v1","d":"Four-tier pricing grid with plan highlights, feature lists, and primary call-to-action but","k":"section","s":"uiception","c":"marketing/pricing","hc":1},{"id":"uiception:pricing-section-v2","t":"Pricing Section v2","d":"Four-tier pricing grid with a monthly/yearly billing toggle, per-tier feature lists, and c","k":"section","s":"uiception","c":"marketing/pricing","hc":1},{"id":"uiception:pricing-section-v3","t":"Pricing Section v3","d":"Three-tier pricing cards with a monthly/yearly switch, grouped feature lists, and centered","k":"section","s":"uiception","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"uiception:pricing-section-v4","t":"Pricing Section v4","d":"Three equal-height muted pricing cards with features listed outside the card, a Pro credit","k":"section","s":"uiception","c":"marketing/pricing","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"uiception:pricing-section-v5","t":"Pricing Section v5","d":"Three-tier pricing cards with a left-aligned headline, popular Pro plan, per-feature Table","k":"section","s":"uiception","c":"marketing/pricing","tg":["webgl"],"sb":"Comparison tables","sy":["webgl"],"hc":1},{"id":"uiception:pricing-section-v6","t":"Pricing Section v6","d":"Three full-width plan cards with an inverted Basic plan, above a striped comparison table ","k":"section","s":"uiception","c":"marketing/pricing","tg":["minimal","webgl"],"sy":["minimal","webgl"],"hc":1},{"id":"uiception:gallery-section-v1","t":"Gallery Section v1","d":"Ten side-by-side gallery panels with hover expansion, focus framing, and vertical indicato","s":"uiception","c":"media/gallery","hc":1},{"id":"uiception:gallery-section-v2","t":"Gallery Section v2","d":"A 3×3 image grid with grayscale-to-color hover transitions, uniform aspect ratios, and mon","s":"uiception","c":"media/gallery","hc":1},{"id":"uiception:gallery-section-v3","t":"Gallery Section v3","d":"A centered painting-gallery intro with a five-tile asymmetric bento grid and hover overlay","s":"uiception","c":"media/gallery","hc":1},{"id":"uiception:gallery-section-v4","t":"Gallery Section v4","d":"A responsive CSS-grid masonry gallery with varied tile heights and a quick blur-in reveal ","s":"uiception","c":"media/gallery","hc":1},{"id":"uiception:gallery-section-v5","t":"Gallery Section v5","d":"An arc carousel gallery: square photo cards ride a slow, endlessly rotating ring over a da","s":"uiception","c":"media/gallery","hc":1},{"id":"uiception:gallery-section-v6","t":"Gallery Section v6","d":"Framed photos fade in as a stacked deck, then expand into an overlapping row with a larger","s":"uiception","c":"media/gallery","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uiception:team-section-v1","t":"Team Section #1","d":"A centered title and description above a row of team portraits: the active card lies flat ","k":"section","s":"uiception","c":"marketing/team","tg":["3d"],"sy":["3d"],"hc":1},{"id":"uiception:team-section-v2","t":"Team Section #2","d":"The same team title, description, and portraits as an index. Names sit in a list, and a gr","k":"section","s":"uiception","c":"marketing/team","hc":1},{"id":"uiception:portfolio-v1","t":"Portfolio #1","d":"Next.js starter for a physicist and science communicator portfolio: writing, books, Saturn","k":"page","s":"uiception","c":"pages/templates","sb":"Auth pages","hc":1},{"id":"uiception:portfolio-v2","t":"Portfolio #2","d":"Static personal portfolio for a fullstack developer — notes, fictional projects, and exper","k":"page","s":"uiception","c":"pages/templates","sb":"Auth pages","hc":1},{"id":"uiception:portfolio-v3","t":"Portfolio #3","d":"Scroll-scrubbed lifeline timeline for a fullstack developer — Jon Doe filler career with f","k":"page","s":"uiception","c":"pages/templates","sb":"Auth pages","hc":1},{"id":"uiception:portfolio-v4","t":"Portfolio #4","d":"Bash-style terminal portfolio for a fullstack developer — Jon Doe filler career. Type abou","k":"page","s":"uiception","c":"pages/templates","tg":["retro and HUD"],"sb":"Portfolios","sy":["retro and HUD"],"hc":1},{"id":"uiception:portfolio-v5","t":"Portfolio #5","d":"Left-column about and projects over a WebGPU Optimized Black Hole background — Jon Doe fil","k":"page","s":"uiception","c":"pages/templates","sb":"Auth pages","hc":1},{"id":"uiception:portfolio-v6","t":"Portfolio #6","d":"Centered CV portfolio for a fullstack developer — About and Writing, same Jon Doe career d","k":"page","s":"uiception","c":"pages/templates","tg":["animated"],"sb":"Auth pages","sy":["animated"],"hc":1},{"id":"uiception:landing-page-v1","t":"Landing Page #1","d":"Fullscreen startup waitlist — monochrome ink-print hero with a boiling misregistered displ","k":"page","s":"uiception","c":"pages/templates","sb":"Landing pages","hc":1},{"id":"uiception:landing-page-v2","t":"Landing Page #2","d":"Event landing hero — brand-first display type over a WebGL color-field glow (noise warp, m","k":"page","s":"uiception","c":"pages/templates","tg":["neon","webgl"],"sb":"Auth pages","sy":["neon","webgl"],"hc":1},{"id":"uiception:landing-page-v3","t":"Landing Page #3","d":"Coming-soon countdown — a wide Solari split-flap board for Acme 2.0 where the headline, na","k":"page","s":"uiception","c":"pages/templates","sb":"Landing pages","hc":1},{"id":"uitripled:about-us-page-shadcnui","t":"About Us Page","d":"Glassmorphism about page showcasing mission, values, and leadership with motion accents.","k":"section","s":"uitripled","c":"marketing/team","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:about-us-section-baseui","t":"About Us","d":"About us section with value cards, icons, and animated reveal effects (Base UI)","k":"section","s":"uitripled","c":"marketing/team","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:about-us-section-shadcnui","t":"About Us","d":"About us section with value cards, icons, and animated reveal effects","k":"section","s":"uitripled","c":"marketing/team","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:ai-chat-interface-shadcnui","t":"AI Chat Interface","d":"Chat input with attachments, model selector, and accessible controls","s":"uitripled","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Chat","sy":["animated"],"hc":1},{"id":"uitripled:ai-glow-input-shadcnui","t":"AI Glow Input","d":"Input field with dynamic glow that pulses based on typing speed - smart motion feedback","s":"uitripled","c":"ai-agent/ai-agent","tg":["animated","neon"],"sy":["animated","neon"],"hc":1},{"id":"uitripled:ai-loading-skeleton-shadcnui","t":"AI Loading Skeleton","d":"Loading state with diagonal shimmer gradient and opacity wave","s":"uitripled","c":"ai-agent/ai-agent","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"uitripled:ai-response-typing-shadcnui","t":"AI Response Typing Stream","d":"Character-by-character typing animation with natural pauses and thinking states","s":"uitripled","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:ai-unlock-animation-shadcnui","t":"AI Unlock Animation","d":"Premium unlock animation with particles, ripples, and loading states","s":"uitripled","c":"ai-agent/ai-agent","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:animated-accordion-shadcnui","t":"Animated Accordion","d":"Accordion with smooth expand/collapse and rotate arrow","s":"uitripled","c":"data-display/accordion","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"uitripled:animated-card-stack-baseui","t":"Animated Card Stack","d":"Stacked cards that expand on hover (Base UI)","s":"uitripled","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:animated-card-stack-shadcnui","t":"Animated Card Stack","d":"Stacked cards that expand on hover","s":"uitripled","c":"media/card-stack","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:animated-checkbox-shadcnui","t":"Animated Checkbox","d":"Checkbox with checkmark animation","s":"uitripled","c":"inputs/checkbox","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:animated-dialog-shadcnui","t":"Animated Dialog","d":"Modal dialog with backdrop fade and spring animation","s":"uitripled","c":"overlays/dialog","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"uitripled:animated-list-shadcnui","t":"Animated List","d":"List with staggered item animations","s":"uitripled","c":"data-display/list","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:animated-navbar-shadcnui","t":"Animated Navbar","d":"Navigation bar with animated underline indicator","s":"uitripled","c":"navigation/top-nav","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:animated-pagination-shadcnui","t":"Animated Pagination","d":"Pagination with smooth page transition indicator","s":"uitripled","c":"navigation/pagination","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:animated-profile-menu-shadcnui","t":"Animated Profile Menu","d":"Floating profile avatar that reveals quick action cards with smooth motion","s":"uitripled","c":"navigation/menu","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:animated-progress-shadcnui","t":"Animated Progress Bar","d":"Progress bar with smooth animation","s":"uitripled","c":"data-viz/progress-bar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:animated-quote-block-shadcnui","t":"Animated Quote Block","d":"Quote that types itself in, pauses, then subtly breathes","s":"uitripled","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:animated-radio-shadcnui","t":"Animated Radio","d":"Radio button group with selection ripple","s":"uitripled","c":"inputs/radio","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:animated-select-shadcnui","t":"Animated Select","d":"Select dropdown with smooth open/close animation","s":"uitripled","c":"inputs/select","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:animated-sidebar-shadcnui","t":"Animated Sidebar","d":"Sidebar with slide-in animation and overlay","s":"uitripled","c":"navigation/sidebar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:animated-tabs-shadcnui","t":"Animated Tabs","d":"Tabs with sliding indicator animation","s":"uitripled","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:animated-tooltip-shadcnui","t":"Animated Tooltip","d":"Tooltip with delay and slide animation","s":"uitripled","c":"overlays/tooltip","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:auto-revealing-heading-shadcnui","t":"Auto Revealing Heading","d":"Heading that reveals each letter/word with staggered motion on scroll","k":"motion","s":"uitripled","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"uitripled:avatar-group-shadcnui","t":"Avatar Group","d":"Stacked avatar group with hover reveal and tooltips","s":"uitripled","c":"data-display/avatar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:bento-grid-block-baseui","t":"Bento Grid Block","d":"Layered bento grid with imagery, metrics, and smooth motion reveals (Base UI)","k":"layout","s":"uitripled","c":"layout/bento-grid","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:bento-grid-block-shadcnui","t":"Bento Grid Block","d":"Layered bento grid with imagery, metrics, and smooth motion reveals","k":"layout","s":"uitripled","c":"layout/bento-grid","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:blog-block-baseui","t":"Blog Block","d":"Animated blog posts grid with staggered cards, date/time indicators, and hover effects (Ba","k":"section","s":"uitripled","c":"marketing/marketing","tg":["animated"],"sb":"Blog and posts","sy":["animated"],"hc":1},{"id":"uitripled:blog-block-shadcnui","t":"Blog Block","d":"Animated blog posts grid with staggered cards, date/time indicators, and hover effects","k":"section","s":"uitripled","c":"marketing/marketing","tg":["animated"],"sb":"Blog and posts","sy":["animated"],"hc":1},{"id":"uitripled:blog-typography-shadcnui","t":"Blog Typography","d":"Beautiful blog post typography with text, links, images, blockquotes, and code examples","s":"uitripled","c":"data-display/typography","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:bottom-modal","t":"Bottom Modal","d":"Cute bottom-centered modal with smooth slide-up animation and glassmorphism design","s":"uitripled","c":"overlays/dialog","tg":["animated","glass"],"sb":"Animated","sy":["animated","glass"],"hc":1},{"id":"uitripled:browse-folder-baseui","t":"Browse Folder","d":"Folder browser with animated tabs and content (Base UI)","s":"uitripled","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:browse-folder-shadcnui","t":"Browse Folder","d":"Folder browser with animated tabs and content","s":"uitripled","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:cards-slider-shadcnui","t":"Cards Slider","d":"Liquid smooth draggable cards slider with shadcn/ui styling and framer-motion animations","s":"uitripled","c":"inputs/slider","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:cash-flow-chart","t":"Accessible Cash Flow Chart","d":"Interactive cash flow bar chart with keyboard focus, tooltips, and screen reader support","s":"uitripled","c":"data-viz/chart","tg":["animated"],"sb":"Flow and funnel","sy":["animated"],"hc":1},{"id":"uitripled:chat-app-shadcnui","t":"Chat App","d":"Fully functional chat interface with animated messages","s":"uitripled","c":"ai-agent/ai-agent","tg":["animated","playful"],"sb":"Chat","sy":["animated","playful"],"hc":1},{"id":"uitripled:cinema-ticket-baseui","t":"Cinema Ticket","d":"Cinematic theater ticket with rip effect and barcode (Base UI)","s":"uitripled","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:cinema-ticket-shadcnui","t":"Cinema Ticket","d":"Cinematic theater ticket with rip effect and barcode","s":"uitripled","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:command-palette-shadcnui","t":"Command Palette","d":"Command palette with search and keyboard navigation","s":"uitripled","c":"navigation/command-palette","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:comment-thread-shadcnui","t":"Comment Thread","d":"Nested comment thread with rich interactions and animations","s":"uitripled","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:conference-ticket-baseui","t":"Conference Ticket","d":"Animated conference ticket with glassmorphism effects and holographic details (Base UI)","s":"uitripled","c":"data-display/accordion","tg":["animated","glass"],"sb":"Animated","sy":["animated","glass"],"hc":1},{"id":"uitripled:conference-ticket-shadcnui","t":"Conference Ticket","d":"Animated conference ticket with glassmorphism effects and holographic details","s":"uitripled","c":"data-display/accordion","tg":["animated","glass"],"sb":"Animated","sy":["animated","glass"],"hc":1},{"id":"uitripled:contact-block-baseui","t":"Contact Block","d":"Contact form with animated contact info cards, working hours, and interactive icons (Base ","k":"section","s":"uitripled","c":"marketing/marketing","tg":["animated"],"sb":"Contact","sy":["animated"],"hc":1},{"id":"uitripled:contact-block-shadcnui","t":"Contact Block","d":"Contact form with animated contact info cards, working hours, and interactive icons","k":"section","s":"uitripled","c":"marketing/marketing","tg":["animated"],"sb":"Contact","sy":["animated"],"hc":1},{"id":"uitripled:contact-form-section-baseui","t":"Contact Form","d":"Contact form section with animated inputs, validation, and form handling (Base UI)","k":"section","s":"uitripled","c":"marketing/marketing","tg":["animated"],"sb":"Contact","sy":["animated"],"hc":1},{"id":"uitripled:contact-form-section-shadcnui","t":"Contact Form","d":"Contact form section with animated inputs, validation, and form handling","k":"section","s":"uitripled","c":"marketing/marketing","tg":["animated"],"sb":"Contact","sy":["animated"],"hc":1},{"id":"uitripled:context-menu-bubble-shadcnui","t":"Context Menu Bubble","d":"Right-click reveals circular expanding radial menu with icons","s":"uitripled","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Chat","sy":["animated"],"hc":1},{"id":"uitripled:context-menu-shadcnui","t":"Context Menu","d":"Right-click context menu with nested items animation","s":"uitripled","c":"overlays/context-menu","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:course-content-page-shadcnui","t":"Course Content Page","d":"Interactive course page with video player, instructor details, curriculum sections, and pr","s":"uitripled","c":"data-viz/progress-bar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:credit-card-baseui","t":"Credit Card","d":"3D animated credit card with flip animation to show CVV (Base UI)","s":"uitripled","c":"data-display/card","tg":["3d","animated"],"sb":"Payment","sy":["3d","animated"],"hc":1},{"id":"uitripled:credit-card-shadcnui","t":"Credit Card","d":"3D animated credit card with flip animation to show CVV","s":"uitripled","c":"data-display/card","tg":["3d","animated"],"sb":"Payment","sy":["3d","animated"],"hc":1},{"id":"uitripled:cta-banner-section-baseui","t":"CTA Banner Section","d":"Animated call-to-action banner with gradient background and button animations (Base UI)","k":"section","s":"uitripled","c":"marketing/cta","tg":["animated","gradient"],"sb":"Banners","sy":["animated","gradient"],"hc":1},{"id":"uitripled:cta-banner-section-shadcnui","t":"CTA Banner Section","d":"Animated call-to-action banner with gradient background and button animations","k":"section","s":"uitripled","c":"marketing/cta","tg":["animated","gradient"],"sb":"Banners","sy":["animated","gradient"],"hc":1},{"id":"uitripled:cta-block-baseui","t":"CTA Block","d":"Call-to-action section with gradient overlay, animated buttons, and status indicator (Base","k":"section","s":"uitripled","c":"marketing/cta","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"uitripled:cta-block-shadcnui","t":"CTA Block","d":"Call-to-action section with gradient overlay, animated buttons, and status indicator","k":"section","s":"uitripled","c":"marketing/cta","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"uitripled:cta-hero-block-baseui","t":"CTA Hero Block","d":"Engaging hero section with email signup, video preview, and social proof (Base UI)","k":"section","s":"uitripled","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"uitripled:cta-hero-block-shadcnui","t":"CTA Hero Block","d":"Engaging hero section with email signup, video preview, and social proof","k":"section","s":"uitripled","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"uitripled:currency-converter-card-baseui","t":"Currency Converter Card","d":"Finance conversion widget with animated inputs, simulated exchange updates, and contextual","s":"uitripled","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:currency-converter-card-shadcnui","t":"Currency Converter Card","d":"Finance conversion widget with animated inputs, simulated exchange updates, and contextual","s":"uitripled","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:dashboard-baseui","t":"Dashboard","d":"Interactive stock portfolio dashboard with status cards, data table, and detailed stock in","k":"layout","s":"uitripled","c":"layout/dashboard","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:dashboard-shadcnui","t":"Dashboard","d":"Interactive stock portfolio dashboard with status cards, data table, and detailed stock in","k":"layout","s":"uitripled","c":"layout/dashboard","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:detail-task-card-baseui","t":"Detail Task Card","d":"Task management detail panel with animated assignee chips and editor controls (Base UI)","s":"uitripled","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:detail-task-card-shadcnui","t":"Detail Task Card","d":"Task management detail panel with animated assignee chips and editor controls","s":"uitripled","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:drag-to-confirm-slider-shadcnui","t":"Drag to Confirm Slider","d":"Slider that activates action only when fully dragged to end","s":"uitripled","c":"inputs/slider","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:draggable-list-shadcnui","t":"Draggable List","d":"Reorderable list with drag and drop spring physics","s":"uitripled","c":"data-display/list","tg":["animated"],"sb":"Sortable","sy":["animated"],"hc":1},{"id":"uitripled:dynamic-spotlight-cta-shadcnui","t":"Dynamic Spotlight CTA","d":"Floating spotlight follows cursor to reveal gradient CTA text with premium effects","k":"section","s":"uitripled","c":"marketing/cta","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"uitripled:dynamic-tag-cloud-shadcnui","t":"Dynamic Tag Cloud","d":"Floating cluster of tags that drift and rearrange when hovered","s":"uitripled","c":"data-display/badge","tg":["animated"],"sb":"Tags and pills","sy":["animated"],"hc":1},{"id":"uitripled:ecommerce-highlight-card-baseui","t":"Ecommerce Highlight Card","d":"Product spotlight card with blurred border, bundle selector, and fulfillment details (Base","s":"uitripled","c":"data-display/card","tg":["animated"],"sb":"Product","sy":["animated"],"hc":1},{"id":"uitripled:ecommerce-highlight-card-shadcnui","t":"Ecommerce Highlight Card","d":"Product spotlight card with blurred border, bundle selector, and fulfillment details","s":"uitripled","c":"data-display/card","tg":["animated"],"sb":"Product","sy":["animated"],"hc":1},{"id":"uitripled:elastic-switch-shadcnui","t":"Elastic Toggle Switch","d":"Toggle switch with elastic spring animation","s":"uitripled","c":"actions/switch","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"uitripled:expanding-search-dock-shadcnui","t":"Expanding Search Dock","d":"Minimal search icon that expands into full input with blur","s":"uitripled","c":"navigation/dock","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"uitripled:fade-slide-modal-shadcnui","t":"Fade & Slide Modal","d":"Modal with fade backdrop and slide-up animation","s":"uitripled","c":"overlays/dialog","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"uitripled:faq-accordion-block-baseui","t":"FAQ Accordion","d":"Expandable FAQ section with smooth accordion animations (Base UI)","s":"uitripled","c":"data-display/accordion","tg":["animated"],"sb":"FAQ","sy":["animated"],"hc":1},{"id":"uitripled:faq-accordion-block-shadcnui","t":"FAQ Accordion","d":"Expandable FAQ section with smooth accordion animations","s":"uitripled","c":"data-display/accordion","tg":["animated"],"sb":"FAQ","sy":["animated"],"hc":1},{"id":"uitripled:faq-section-baseui","t":"FAQ Section","d":"Animated FAQ section with expandable questions and smooth transitions (Base UI)","k":"section","s":"uitripled","c":"marketing/faq","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:faq-section-shadcnui","t":"FAQ Section","d":"Animated FAQ section with expandable questions and smooth transitions","k":"section","s":"uitripled","c":"marketing/faq","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:feature-cards-block-baseui","t":"Feature Cards Grid","d":"Three feature cards with icons, hover effects, and glassmorphism styling (Base UI)","s":"uitripled","c":"data-display/card","tg":["animated","glass","webgl"],"sb":"Feature","sy":["animated","glass","webgl"],"hc":1},{"id":"uitripled:feature-cards-block-shadcnui","t":"Feature Cards Grid","d":"Three feature cards with icons, hover effects, and glassmorphism styling","k":"section","s":"uitripled","c":"marketing/features","tg":["animated","glass","webgl"],"sb":"Grid of cards","sy":["animated","glass","webgl"],"hc":1},{"id":"uitripled:feature-comparison-block-baseui","t":"Feature Comparison Table","d":"Interactive pricing comparison table with animated checkmarks and plan highlights (Base UI","k":"section","s":"uitripled","c":"marketing/comparison","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:feature-comparison-block-shadcnui","t":"Feature Comparison Table","d":"Interactive pricing comparison table with animated checkmarks and plan highlights","k":"section","s":"uitripled","c":"marketing/comparison","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:feature-grid-section-baseui","t":"Feature Grid Section","d":"Animated feature grid with staggered card animations and icon reveals (Base UI)","k":"section","s":"uitripled","c":"marketing/features","tg":["animated"],"sb":"Grid of cards","sy":["animated"],"hc":1},{"id":"uitripled:feature-grid-section-shadcnui","t":"Feature Grid Section","d":"Animated feature grid with staggered card animations and icon reveals","k":"section","s":"uitripled","c":"marketing/features","tg":["animated"],"sb":"Grid of cards","sy":["animated"],"hc":1},{"id":"uitripled:floating-chat-widget-shadcnui","t":"Floating Chat Widget","d":"Floating chat widget with AI agent selection dropdown and animations","s":"uitripled","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Chat","sy":["animated"],"hc":1},{"id":"uitripled:floating-gradient-shadcnui","t":"Floating Gradient","d":"Animated floating gradient background effect","k":"motion","s":"uitripled","c":"motion/gradient","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"uitripled:floating-info-panel-shadcnui","t":"Floating Info Panel","d":"Info tooltip that drifts up/down while fading in/out intermittently","s":"uitripled","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:floating-label-input-shadcnui","t":"Floating Label Input","d":"Input with animated floating label","s":"uitripled","c":"inputs/form-field","tg":["animated"],"sb":"Animated fields","sy":["animated"],"hc":1},{"id":"uitripled:fluid-modal-transition-shadcnui","t":"Fluid Modal Transition","d":"Modal that expands smoothly from clicked trigger element using layoutId","s":"uitripled","c":"overlays/dialog","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"uitripled:folder-animation","t":"Folder Animation","d":"Animated folder card with motion blur effect, perfect for showcasing file operations or lo","s":"uitripled","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:folder-animation-carbon","t":"Folder Animation","d":"Animated folder card with motion blur effect, perfect for showcasing file operations or lo","s":"uitripled","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:footer-block-baseui","t":"Footer Block","d":"Comprehensive footer with links, newsletter signup, social icons, and scroll-to-top (Base ","k":"section","s":"uitripled","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:footer-block-shadcnui","t":"Footer Block","d":"Comprehensive footer with links, newsletter signup, social icons, and scroll-to-top","k":"section","s":"uitripled","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:gallery-grid-block-baseui","t":"Gallery Grid with Lightbox","d":"Filterable image gallery with animated lightbox and navigation (Base UI)","s":"uitripled","c":"media/gallery","tg":["animated"],"sb":"Grids","sy":["animated"],"hc":1},{"id":"uitripled:gallery-grid-block-shadcnui","t":"Gallery Grid with Lightbox","d":"Filterable image gallery with animated lightbox and navigation","s":"uitripled","c":"media/gallery","tg":["animated"],"sb":"Grids","sy":["animated"],"hc":1},{"id":"uitripled:glass-account-settings-card-shadcnui","t":"Glass Account Settings Card","d":"Account management card with subscription overview and billing actions in glassmorphic sty","k":"layout","s":"uitripled","c":"flows/settings","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:glass-blog-card-baseui","t":"Glass Blog Card","d":"Glassmorphism blog card with image zoom, author info, and read action (Base UI)","s":"uitripled","c":"data-display/card","tg":["animated","glass"],"sb":"Animated and glowing","sy":["animated","glass"],"hc":1},{"id":"uitripled:glass-blog-card-shadcnui","t":"Glass Blog Card","d":"Glassmorphism blog card with image zoom, author info, and read action","k":"section","s":"uitripled","c":"marketing/marketing","tg":["animated","glass"],"sb":"Blog and posts","sy":["animated","glass"],"hc":1},{"id":"uitripled:glass-checkout-card-baseui","t":"Glass Checkout Card","d":"Glassmorphism checkout card with payment method selector and input fields (Base UI)","s":"uitripled","c":"data-display/card","tg":["animated","glass"],"sb":"Animated and glowing","sy":["animated","glass"],"hc":1},{"id":"uitripled:glass-checkout-card-shadcnui","t":"Glass Checkout Card","d":"Glassmorphism checkout card with payment method selector and input fields","k":"section","s":"uitripled","c":"marketing/pricing","tg":["animated","glass"],"sb":"Plan cards","sy":["animated","glass"],"hc":1},{"id":"uitripled:glass-forgot-password-card-shadcnui","t":"Glass Forgot Password Card","d":"Reset-password screen with glassmorphic styling and status messaging","k":"layout","s":"uitripled","c":"flows/sign-in","tg":["animated","glass"],"sb":"Password reset","sy":["animated","glass"],"hc":1},{"id":"uitripled:glass-order-summary-baseui","t":"Glass Order Summary","d":"Glassmorphism order summary card with item list and checkout button (Base UI)","k":"section","s":"uitripled","c":"marketing/pricing","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:glass-order-summary-shadcnui","t":"Glass Order Summary","d":"Glassmorphism order summary card with item list and checkout button","k":"section","s":"uitripled","c":"marketing/pricing","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:glass-profile-settings-card-shadcnui","t":"Glass Profile Settings Card","d":"Glassmorphic profile settings form with avatar upload, bio, and notification preferences","k":"layout","s":"uitripled","c":"flows/settings","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:glass-sign-in-card-shadcnui","t":"Glass Sign In Card","d":"Glassmorphic sign-in panel with social auth buttons and email form","k":"layout","s":"uitripled","c":"flows/sign-in","tg":["animated","glass"],"sb":"Sign in","sy":["animated","glass"],"hc":1},{"id":"uitripled:glass-sign-up-card-shadcnui","t":"Glass Sign Up Card","d":"Glassmorphic sign-up flow with social providers, email fields, and terms checkbox","k":"layout","s":"uitripled","c":"flows/sign-in","tg":["animated","glass"],"sb":"Sign up","sy":["animated","glass"],"hc":1},{"id":"uitripled:glass-verification-code-card-shadcnui","t":"Glass Verification Code Card","d":"Verification code entry with glassmorphic inputs, status messaging, and reduced-motion sup","s":"uitripled","c":"inputs/otp-input","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:glass-wallet-card-baseui","t":"Glass Wallet Card","d":"Glassmorphism crypto wallet card with balance, trend, and action buttons (Base UI)","s":"uitripled","c":"data-display/card","tg":["animated","glass"],"sb":"Animated and glowing","sy":["animated","glass"],"hc":1},{"id":"uitripled:glass-wallet-card-shadcnui","t":"Glass Wallet Card","d":"Glassmorphism crypto wallet card with balance, trend, and action buttons","s":"uitripled","c":"data-display/card","tg":["animated","glass"],"sb":"Animated and glowing","sy":["animated","glass"],"hc":1},{"id":"uitripled:glassmorphism-cta-block-baseui","t":"Glassmorphism CTA","d":"Call-to-action section with glassy card, gradient background, and animated buttons (Base U","k":"section","s":"uitripled","c":"marketing/cta","tg":["animated","glass","gradient"],"sy":["animated","glass","gradient"],"hc":1},{"id":"uitripled:glassmorphism-cta-block-shadcnui","t":"Glassmorphism CTA","d":"Call-to-action section with glassy card, gradient background, and animated buttons","k":"section","s":"uitripled","c":"marketing/cta","tg":["animated","glass","gradient"],"sy":["animated","glass","gradient"],"hc":1},{"id":"uitripled:glassmorphism-hero-block-baseui","t":"Glassmorphism Hero","d":"Modern hero section with glassmorphism effects, animated background orbs, and CTA buttons ","k":"section","s":"uitripled","c":"marketing/hero","tg":["animated","glass"],"sb":"Animated background","sy":["animated","glass"],"hc":1},{"id":"uitripled:glassmorphism-hero-block-shadcnui","t":"Glassmorphism Hero","d":"Modern hero section with glassmorphism effects, animated background orbs, and CTA buttons","k":"section","s":"uitripled","c":"marketing/hero","tg":["animated","glass"],"sb":"Animated background","sy":["animated","glass"],"hc":1},{"id":"uitripled:glassmorphism-launch-timeline-block-baseui","t":"Glassmorphism Launch Timeline","d":"Frictionless launch roadmap with staggered motion, glassmorphism milestones, and paired CT","s":"uitripled","c":"data-display/timeline","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:glassmorphism-launch-timeline-block-shadcnui","t":"Glassmorphism Launch Timeline","d":"Frictionless launch roadmap with staggered motion, glassmorphism milestones, and paired CT","s":"uitripled","c":"data-display/timeline","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:glassmorphism-listen-app-block-baseui","t":"Glassmorphism Listen App","d":"Music streaming block with glassmorphism player, curated highlights, and animated controls","s":"uitripled","c":"media/player","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:glassmorphism-listen-app-block-shadcnui","t":"Glassmorphism Listen App","d":"Music streaming block with glassmorphism player, curated highlights, and animated controls","s":"uitripled","c":"media/player","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:glassmorphism-logo-showcase-block-baseui","t":"Glassmorphism Logo Showcase","d":"Glassmorphism partner grid with floating motion, brand hints, and collaborative call-to-ac","k":"resource","s":"uitripled","c":"assets/logo","tg":["animated","glass"],"sb":"Dev tools","sy":["animated","glass"],"hc":1},{"id":"uitripled:glassmorphism-logo-showcase-block-shadcnui","t":"Glassmorphism Logo Showcase","d":"Glassmorphism partner grid with floating motion, brand hints, and collaborative call-to-ac","k":"resource","s":"uitripled","c":"assets/logo","tg":["animated","glass"],"sb":"Dev tools","sy":["animated","glass"],"hc":1},{"id":"uitripled:glassmorphism-minimal-metrics-block-baseui","t":"Glassmorphism Minimal Metrics","d":"Focused metric cards with glass surfaces, subtle motion, and concierge insight CTA banner ","s":"uitripled","c":"data-display/stat","tg":["animated","glass","minimal"],"sy":["animated","glass","minimal"],"hc":1},{"id":"uitripled:glassmorphism-minimal-metrics-block-shadcnui","t":"Glassmorphism Minimal Metrics","d":"Focused metric cards with glass surfaces, subtle motion, and concierge insight CTA banner","s":"uitripled","c":"data-display/stat","tg":["animated","glass","minimal"],"sy":["animated","glass","minimal"],"hc":1},{"id":"uitripled:glassmorphism-portfolio-block-baseui","t":"Glassmorphism Portfolio","d":"Personal portfolio spotlight with profile portrait, narrative highlights, and animated soc","s":"uitripled","c":"data-display/profile","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:glassmorphism-portfolio-block-shadcnui","t":"Glassmorphism Portfolio","d":"Personal portfolio spotlight with profile portrait, narrative highlights, and animated soc","s":"uitripled","c":"data-display/profile","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:glassmorphism-pricing-block-baseui","t":"Glassmorphism Pricing","d":"Pricing cards with glassmorphism effects, hover animations, and feature lists (Base UI)","k":"section","s":"uitripled","c":"marketing/pricing","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:glassmorphism-pricing-block-shadcnui","t":"Glassmorphism Pricing","d":"Pricing cards with glassmorphism effects, hover animations, and feature lists","k":"section","s":"uitripled","c":"marketing/pricing","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:glassmorphism-product-update-block-baseui","t":"Glassmorphism Product Updates","d":"Multi-state changelog cards with glass overlays, status badges, and GitHub integration ban","k":"section","s":"uitripled","c":"marketing/logos","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:glassmorphism-product-update-block-shadcnui","t":"Glassmorphism Product Updates","d":"Multi-state changelog cards with glass overlays, status badges, and GitHub integration ban","k":"section","s":"uitripled","c":"marketing/logos","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:glassmorphism-statistics-card-baseui","t":"Glassmorphism Statistics Card","d":"Interactive statistics card with hover reveal and smooth transitions (Base UI)","s":"uitripled","c":"data-display/card","tg":["animated","glass"],"sb":"Animated and glowing","sy":["animated","glass"],"hc":1},{"id":"uitripled:glassmorphism-statistics-card-shadcnui","t":"Glassmorphism Statistics Card","d":"Interactive statistics card with hover reveal and smooth transitions","s":"uitripled","c":"data-display/card","tg":["animated","glass"],"sb":"Animated and glowing","sy":["animated","glass"],"hc":1},{"id":"uitripled:glassmorphism-testimonials-block-baseui","t":"Glassmorphism Testimonials","d":"Customer testimonials with glassmorphism cards, star ratings, and hover effects (Base UI)","k":"section","s":"uitripled","c":"marketing/testimonials","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:glassmorphism-testimonials-block-shadcnui","t":"Glassmorphism Testimonials","d":"Customer testimonials with glassmorphism cards, star ratings, and hover effects","k":"section","s":"uitripled","c":"marketing/testimonials","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:glowy-waves-hero-baseui","t":"Glowy Waves Hero","d":"Hero section with glowy waves effect (Base UI)","k":"section","s":"uitripled","c":"marketing/hero","tg":["animated","neon"],"sb":"Animated background","sy":["animated","neon"],"hc":1},{"id":"uitripled:glowy-waves-hero-shadcnui","t":"Glowy Waves Hero","d":"Hero section with glowy waves effect","k":"section","s":"uitripled","c":"marketing/hero","tg":["animated","neon"],"sb":"Animated background","sy":["animated","neon"],"hc":1},{"id":"uitripled:gradient-animation-shadcnui","t":"Gradient Animation","d":"Smoothly transitioning gradient background","k":"motion","s":"uitripled","c":"motion/gradient","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"uitripled:heart-favorite-shadcnui","t":"Heart Favorite","d":"Animated heart icon for like/favorite actions","k":"resource","s":"uitripled","c":"assets/icon","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"uitripled:hero-block-baseui","t":"Hero Block","d":"Personal portfolio hero section with animated avatar, staggered text, social links, and sc","k":"section","s":"uitripled","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"uitripled:hero-block-shadcnui","t":"Hero Block","d":"Personal portfolio hero section with animated avatar, staggered text, social links, and sc","k":"section","s":"uitripled","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"uitripled:hero-section-baseui","t":"Hero Section","d":"Hero section with staggered text and button reveal (Base UI)","k":"section","s":"uitripled","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"uitripled:hero-section-shadcnui","t":"Hero Section","d":"Hero section with staggered text and button reveal","k":"section","s":"uitripled","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"uitripled:holographic-wall-shadcnui","t":"Holographic Wall","d":"Black wall with Pharaonic hieroglyphs and golden cursor light reflection","k":"motion","s":"uitripled","c":"motion/cursor","tg":["animated","webgl"],"sy":["animated","webgl"],"hc":1},{"id":"uitripled:hover-expand-card-baseui","t":"Hover Expand Card","d":"Card that lifts and expands on hover (Base UI)","s":"uitripled","c":"data-display/card","tg":["animated"],"sb":"Animated and glowing","sy":["animated"],"hc":1},{"id":"uitripled:hover-expand-card-shadcnui","t":"Hover Expand Card","d":"Card that lifts and expands on hover","s":"uitripled","c":"data-display/card","tg":["animated"],"sb":"Animated and glowing","sy":["animated"],"hc":1},{"id":"uitripled:image-slider-card-shadcnui","t":"Accessible Image Slider Card","d":"Image carousel card with keyboard support, reduced motion handling, and screen reader-frie","s":"uitripled","c":"inputs/slider","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:interactive-logs-table-baseui","t":"Interactive Logs Table","d":"Observability logs panel with animated filters, search, and expandable rows (Base UI)","s":"uitripled","c":"data-display/table","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:interactive-logs-table-shadcnui","t":"Interactive Logs Table","d":"Observability logs panel with animated filters, search, and expandable rows","s":"uitripled","c":"data-display/table","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:interactive-timeline-shadcnui","t":"Interactive Timeline","d":"Vertical timeline where elements animate and connect with lines on scroll","s":"uitripled","c":"data-display/timeline","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:kanban-board-shadcnui","t":"Kanban Board","d":"Interactive Kanban board with drag-and-drop, glassmorphism styling, and task management fe","s":"uitripled","c":"data-display/kanban","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:liquid-cursor-shadcnui","t":"Liquid Cursor","d":"A liquid-like cursor effect that mixes colors on movement","k":"motion","s":"uitripled","c":"motion/cursor","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:mac-searchbar-shadcnui","t":"Mac Searchbar","d":"Mac-style searchbar with animated dropdown, glassmorphism effects, and smooth transitions","s":"uitripled","c":"inputs/search","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:magnetic-avatar-group-shadcnui","t":"Magnetic Avatar Group","d":"Stacked avatars that spread apart on hover showing tooltips","s":"uitripled","c":"data-display/avatar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:messenger-shadcnui","t":"Messenger","d":"Glassmorphism messenger workspace with accessible motion and quick replies","s":"uitripled","c":"ai-agent/ai-agent","tg":["animated","glass"],"sb":"Chat","sy":["animated","glass"],"hc":1},{"id":"uitripled:minimal-resume-baseui","t":"Minimal Resume","d":"Vercel-inspired minimal resume with clean typography and grid layout (Base UI)","s":"uitripled","c":"data-display/typography","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"uitripled:minimal-resume-shadcnui","t":"Minimal Resume","d":"Vercel-inspired minimal resume with clean typography and grid layout","s":"uitripled","c":"data-display/typography","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"uitripled:mood-gradient-button-shadcnui","t":"Mood Gradient Button","d":"Button with background gradient that shifts based on hover angle","s":"uitripled","c":"actions/button","tg":["animated","gradient"],"sb":"Animated","sy":["animated","gradient"],"hc":1},{"id":"uitripled:multiple-accounts-shadcnui","t":"Multiple Accounts Switcher","d":"Glassmorphic account switcher with animated dropdown and accessible listbox controls","s":"uitripled","c":"navigation/menu","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:n8n-workflow-block-baseui","t":"N8N Workflow Block","d":"Visual workflow automation builder with animated nodes, connections, and real-time executi","k":"section","s":"uitripled","c":"marketing/marketing","tg":["animated"],"sb":"Portfolio","sy":["animated"],"hc":1},{"id":"uitripled:n8n-workflow-block-shadcnui","t":"N8N Workflow Block","d":"Visual workflow automation builder with animated nodes, connections, and real-time executi","k":"section","s":"uitripled","c":"marketing/marketing","tg":["animated"],"sb":"Portfolio","sy":["animated"],"hc":1},{"id":"uitripled:native-action-dropdown-baseui","t":"Native Action Dropdown","d":"A click-driven action picker whose multi-level submenu opens beside the row and drills in ","s":"uitripled","c":"navigation/menu","tg":["animated"],"sb":"Dropdowns","sy":["animated"],"hc":1},{"id":"uitripled:native-action-dropdown-shadcnui","t":"Native Action Dropdown","d":"A click-driven action picker whose multi-level submenu opens beside the row, jumps straigh","s":"uitripled","c":"navigation/menu","tg":["animated"],"sb":"Dropdowns","sy":["animated"],"hc":1},{"id":"uitripled:native-avatar-expand-baseui","t":"Native Avatar Expand","d":"Avatar component that expands to reveal the name on click with smooth animations. (Base UI","s":"uitripled","c":"data-display/avatar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-avatar-expand-shadcnui","t":"Native Avatar Expand","d":"Avatar component that expands to reveal the name on click with smooth animations.","s":"uitripled","c":"data-display/avatar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-avatar-with-name-baseui","t":"Native Avatar With Name","d":"Avatar component that displays a name tooltip on hover with directional animations. (Base ","s":"uitripled","c":"data-display/avatar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-avatar-with-name-shadcnui","t":"Native Avatar With Name","d":"Avatar component that displays a name tooltip on hover with directional animations.","s":"uitripled","c":"data-display/avatar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-badge","t":"Native Badge","d":"Animated badge component with glass, glow, and outline variants for native feel.","s":"uitripled","c":"data-display/badge","tg":["animated","glass","neon"],"sy":["animated","glass","neon"],"hc":1},{"id":"uitripled:native-badge-carbon","t":"Native Badge","d":"Animated badge component with glass, glow, and outline variants for native feel.","s":"uitripled","c":"data-display/badge","tg":["animated","glass","neon"],"sy":["animated","glass","neon"],"hc":1},{"id":"uitripled:native-button-baseui","t":"Native Button","d":"Glassmorphism-inspired button component based on shadcn/ui with smooth animations and mode","s":"uitripled","c":"actions/button","tg":["animated","glass"],"sb":"Animated","sy":["animated","glass"],"hc":1},{"id":"uitripled:native-button-shadcnui","t":"Native Button","d":"Glassmorphism-inspired button component based on shadcn/ui with smooth animations and mode","s":"uitripled","c":"actions/button","tg":["animated","glass"],"sb":"Animated","sy":["animated","glass"],"hc":1},{"id":"uitripled:native-counter-up","t":"Native Counter Up","d":"Animated number counter with smooth easing and accessibility support.","k":"motion","s":"uitripled","c":"motion/number-ticker","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-counter-up-carbon","t":"Native Counter Up","d":"Animated number counter with smooth easing and accessibility support.","k":"motion","s":"uitripled","c":"motion/number-ticker","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-delete-baseui","t":"Native Delete","d":"Delete button that expands to show a confirmation button with smooth animations. (Base UI)","s":"uitripled","c":"overlays/dialog","tg":["animated"],"sb":"Confirm","sy":["animated"],"hc":1},{"id":"uitripled:native-delete-shadcnui","t":"Native Delete","d":"Delete button that expands to show a confirmation button with smooth animations.","s":"uitripled","c":"overlays/dialog","tg":["animated"],"sb":"Confirm","sy":["animated"],"hc":1},{"id":"uitripled:native-dialog-baseui","t":"Native Dialog","d":"A glassmorphism-styled dialog component with backdrop blur and smooth animations, inspired","s":"uitripled","c":"overlays/dialog","tg":["animated","glass"],"sb":"Animated","sy":["animated","glass"],"hc":1},{"id":"uitripled:native-dialog-shadcnui","t":"Native Dialog","d":"A glassmorphism-styled dialog component with backdrop blur and smooth animations, inspired","s":"uitripled","c":"overlays/dialog","tg":["animated","glass"],"sb":"Animated","sy":["animated","glass"],"hc":1},{"id":"uitripled:native-flip-text","t":"Native Flip Text","d":"Text that flips through words with a 3D blur transition.","k":"motion","s":"uitripled","c":"motion/text-effect","tg":["3d","animated"],"sb":"Rotating words","sy":["3d","animated"],"hc":1},{"id":"uitripled:native-flip-text-baseui","t":"Native Flip Text","d":"Text that flips through words with a 3D blur transition. (Base UI)","k":"motion","s":"uitripled","c":"motion/text-effect","tg":["3d","animated"],"sb":"Rotating words","sy":["3d","animated"],"hc":1},{"id":"uitripled:native-flip-text-carbon","t":"Native Flip Text","d":"Text that flips through words with a 3D blur transition.","k":"motion","s":"uitripled","c":"motion/text-effect","tg":["3d","animated"],"sb":"Rotating words","sy":["3d","animated"],"hc":1},{"id":"uitripled:native-flip-text-shadcnui","t":"Native Flip Text","d":"Text that flips through words with a 3D blur transition.","k":"motion","s":"uitripled","c":"motion/text-effect","tg":["3d","animated"],"sb":"Rotating words","sy":["3d","animated"],"hc":1},{"id":"uitripled:native-follow-cursor","t":"Native Follow Cursor","d":"Label that smoothly follows the cursor with spring physics and customizable variants.","k":"motion","s":"uitripled","c":"motion/cursor","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-follow-cursor-carbon","t":"Native Follow Cursor","d":"Label that smoothly follows the cursor with spring physics and customizable variants.","k":"motion","s":"uitripled","c":"motion/cursor","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-hover-card-baseui","t":"Native Hover Card","d":"Avatar card that expands on hover to reveal profile information with smooth animations. (B","s":"uitripled","c":"data-display/card","tg":["animated"],"sb":"Animated and glowing","sy":["animated"],"hc":1},{"id":"uitripled:native-hover-card-shadcnui","t":"Native Hover Card","d":"Avatar card that expands on hover to reveal profile information with smooth animations.","s":"uitripled","c":"overlays/hover-card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-image-checkbox-baseui","t":"Native Image Checkbox","d":"Image checkbox component with grayscale filter and checkmark indicator. (Base UI)","s":"uitripled","c":"inputs/checkbox","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-image-checkbox-carbon","t":"Native Image Checkbox","d":"Image checkbox component with grayscale filter and checkmark indicator.","s":"uitripled","c":"inputs/checkbox","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-image-checkbox-shadcnui","t":"Native Image Checkbox","d":"Image checkbox component with grayscale filter and checkmark indicator.","s":"uitripled","c":"inputs/checkbox","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-likes-counter-baseui","t":"Native Likes Counter","d":"An interactive likes counter with avatar stack, popup details, and smooth animations. (Bas","k":"motion","s":"uitripled","c":"motion/number-ticker","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-likes-counter-shadcnui","t":"Native Likes Counter","d":"An interactive likes counter with avatar stack, popup details, and smooth animations.","k":"motion","s":"uitripled","c":"motion/number-ticker","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-liquid-button-baseui","t":"Native Liquid Button","d":"Button with animated liquid fill effect, progress tracking, and multiple visual variants f","s":"uitripled","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"uitripled:native-liquid-button-shadcnui","t":"Native Liquid Button","d":"Button with animated liquid fill effect, progress tracking, and multiple visual variants f","s":"uitripled","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"uitripled:native-magnetic","t":"Native Magnetic","d":"Magnetic wrapper that applies a cursor-following effect to any content.","k":"motion","s":"uitripled","c":"motion/cursor","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-magnetic-baseui","t":"Native Magnetic","d":"Magnetic wrapper that applies a cursor-following effect to any content. (Base UI)","k":"motion","s":"uitripled","c":"motion/cursor","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-magnetic-carbon","t":"Native Magnetic","d":"Magnetic wrapper that applies a cursor-following effect to any content.","k":"motion","s":"uitripled","c":"motion/cursor","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-magnetic-shadcnui","t":"Native Magnetic","d":"Magnetic wrapper that applies a cursor-following effect to any content.","k":"motion","s":"uitripled","c":"motion/cursor","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-marquee-baseui","t":"Native Marquee","d":"A smooth, infinite scrolling marquee for logos or text. (Base UI)","k":"motion","s":"uitripled","c":"motion/marquee","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-marquee-shadcnui","t":"Native Marquee","d":"A smooth, infinite scrolling marquee for logos or text.","k":"motion","s":"uitripled","c":"motion/marquee","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-morphing-button-baseui","t":"Native Morphing Button","d":"Floating action button that morphs into a menu of actions. (Base UI)","s":"uitripled","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"uitripled:native-morphing-button-carbon","t":"Native Morphing Button","d":"Floating action button that morphs into a menu of actions.","s":"uitripled","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"uitripled:native-morphing-button-shadcnui","t":"Native Morphing Button","d":"Floating action button that morphs into a menu of actions.","s":"uitripled","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"uitripled:native-nested-list-baseui","t":"Native Nested List","d":"A nested list component with smooth expand/collapse animations. (Base UI)","s":"uitripled","c":"data-display/list","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-nested-list-shadcnui","t":"Native Nested List","d":"A nested list component with smooth expand/collapse animations, perfect for file explorers","s":"uitripled","c":"data-display/list","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-notch-baseui","t":"Native Notch","d":"Dynamic Island-inspired notch component with smooth spring animations, draggable physics, ","s":"uitripled","c":"data-display/accordion","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"uitripled:native-notch-shadcnui","t":"Native Notch","d":"Dynamic Island-inspired notch component with smooth spring animations, draggable physics, ","s":"uitripled","c":"data-display/accordion","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"uitripled:native-notification-bell-baseui","t":"Native Notification Bell","d":"Animated notification bell with badge and ringing effect. (Base UI)","s":"uitripled","c":"overlays/notifications","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-notification-bell-carbon","t":"Native Notification Bell","d":"Animated notification bell with badge and ringing effect.","s":"uitripled","c":"overlays/notifications","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-notification-bell-shadcnui","t":"Native Notification Bell","d":"Animated notification bell with badge and ringing effect.","s":"uitripled","c":"overlays/notifications","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-profile-notch-baseui","t":"Native Profile Notch","d":"A dynamic expanding notch component for displaying user profiles with smooth spring animat","s":"uitripled","c":"data-display/profile","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-profile-notch-shadcnui","t":"Native Profile Notch","d":"A dynamic expanding notch component for displaying user profiles with smooth spring animat","s":"uitripled","c":"data-display/profile","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-start-now-baseui","t":"Native Start Now","d":"Animated button with sparkle effects, loading states, and smooth transitions for starting ","s":"uitripled","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"uitripled:native-start-now-shadcnui","t":"Native Start Now","d":"Animated button with sparkle effects, loading states, and smooth transitions for starting ","s":"uitripled","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"uitripled:native-tabs-baseui","t":"Native Tabs","d":"A sleek tabs component with a smooth sliding background indicator using Framer Motion layo","s":"uitripled","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-tabs-carbon","t":"Native Tabs","d":"A sleek tabs component with a smooth sliding background indicator using Framer Motion layo","s":"uitripled","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-tabs-shadcnui","t":"Native Tabs","d":"A sleek tabs component with a smooth sliding background indicator using Framer Motion layo","s":"uitripled","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-tooltip-baseui","t":"Native Tooltip","d":"A glassmorphism-styled tooltip with smooth spring animations using Framer Motion. (Base UI","s":"uitripled","c":"overlays/tooltip","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:native-tooltip-shadcnui","t":"Native Tooltip","d":"A glassmorphism-styled tooltip with smooth spring animations using Framer Motion.","s":"uitripled","c":"overlays/tooltip","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:native-typewriter","t":"Native Typewriter","d":"Typewriter effect with speed control, looping, and blinking cursor.","k":"motion","s":"uitripled","c":"motion/text-effect","tg":["animated"],"sb":"Typewriter","sy":["animated"],"hc":1},{"id":"uitripled:native-typewriter-baseui","t":"Native Typewriter","d":"Typewriter effect with speed control, looping, and blinking cursor. (Base UI)","k":"motion","s":"uitripled","c":"motion/text-effect","tg":["animated"],"sb":"Typewriter","sy":["animated"],"hc":1},{"id":"uitripled:native-typewriter-shadcnui","t":"Native Typewriter","d":"Typewriter effect with speed control, looping, and blinking cursor.","k":"motion","s":"uitripled","c":"motion/text-effect","tg":["animated"],"sb":"Typewriter","sy":["animated"],"hc":1},{"id":"uitripled:native-user-card-baseui","t":"Native User Card","d":"Compact user profile card with avatar, name, handle, and action button with spring animati","s":"uitripled","c":"data-display/card","tg":["animated"],"sb":"Profile","sy":["animated"],"hc":1},{"id":"uitripled:native-user-card-shadcnui","t":"Native User Card","d":"Compact user profile card with avatar, name, handle, and action button with spring animati","s":"uitripled","c":"data-display/profile","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:native-verified-badge-baseui","t":"Native Verified Badge","d":"Verified badge component with multiple variants, sizes, and styles including outline and s","s":"uitripled","c":"data-display/badge","tg":["animated"],"sb":"Labels","sy":["animated"],"hc":1},{"id":"uitripled:native-verified-badge-shadcnui","t":"Native Verified Badge","d":"Verified badge component with multiple variants, sizes, and styles including outline and s","s":"uitripled","c":"data-display/badge","tg":["animated"],"sb":"Labels","sy":["animated"],"hc":1},{"id":"uitripled:new-hero-section-baseui","t":"New Hero Section","d":"Modern hero section with gradient background, animated stats, and call-to-action buttons (","k":"section","s":"uitripled","c":"marketing/hero","tg":["animated","gradient"],"sb":"Animated background","sy":["animated","gradient"],"hc":1},{"id":"uitripled:new-hero-section-shadcnui","t":"New Hero Section","d":"Modern hero section with gradient background, animated stats, and call-to-action buttons","k":"section","s":"uitripled","c":"marketing/hero","tg":["animated","gradient"],"sb":"Animated background","sy":["animated","gradient"],"hc":1},{"id":"uitripled:news-feed-shadcnui","t":"News Feed","d":"Interactive news feed with categories, search, and animated cards","s":"uitripled","c":"data-display/timeline","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:newsletter-signup-block-baseui","t":"Newsletter Signup Block","d":"Animated newsletter subscription form with success state and gradient background (Base UI)","k":"layout","s":"uitripled","c":"flows/sign-in","tg":["animated","gradient"],"sb":"Sign up","sy":["animated","gradient"],"hc":1},{"id":"uitripled:newsletter-signup-block-shadcnui","t":"Newsletter Signup Block","d":"Animated newsletter subscription form with success state and gradient background","k":"layout","s":"uitripled","c":"flows/sign-in","tg":["animated","gradient"],"sb":"Sign up","sy":["animated","gradient"],"hc":1},{"id":"uitripled:notification-center-shadcnui","t":"Notification Center","d":"Multi-variant notification stack with accessible announcements, actions, and motion states","s":"uitripled","c":"overlays/notifications","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:notion-blog-page-baseui","t":"Notion Blog Page","d":"Notion-style publishing playbook with rich text, toggles, and supporting visuals (Base UI)","k":"section","s":"uitripled","c":"marketing/marketing","tg":["animated"],"sb":"Blog and posts","sy":["animated"],"hc":1},{"id":"uitripled:notion-blog-page-shadcnui","t":"Notion Blog Page","d":"Notion-style publishing playbook with rich text, toggles, and supporting visuals","k":"section","s":"uitripled","c":"marketing/marketing","tg":["animated"],"sb":"Blog and posts","sy":["animated"],"hc":1},{"id":"uitripled:our-services-section-baseui","t":"Our Services","d":"Services section with service cards, badges, icons, and hover animations (Base UI)","k":"section","s":"uitripled","c":"marketing/features","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:our-services-section-shadcnui","t":"Our Services","d":"Services section with service cards, badges, icons, and hover animations","k":"section","s":"uitripled","c":"marketing/features","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:password-input-shadcnui","t":"Password Input","d":"Password input with toggle visibility and strength indicator","s":"uitripled","c":"inputs/form-field","tg":["animated"],"sb":"Password","sy":["animated"],"hc":1},{"id":"uitripled:preview-details-card-shadcnui","t":"Preview Details Card","d":"Link card that reveals a smooth detail preview box on hover","s":"uitripled","c":"data-display/accordion","sb":"Cards","hc":1},{"id":"uitripled:pricing-section-baseui","t":"Pricing Section","d":"Animated pricing cards with hover effects and feature lists (Base UI)","k":"section","s":"uitripled","c":"marketing/pricing","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:pricing-section-shadcnui","t":"Pricing Section","d":"Animated pricing cards with hover effects and feature lists","k":"section","s":"uitripled","c":"marketing/pricing","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:professional-resume-baseui","t":"Professional Resume","d":"Clean, formal resume template suitable for corporate applications (Base UI)","k":"page","s":"uitripled","c":"pages/templates","tg":["animated","minimal"],"sb":"Portfolios","sy":["animated","minimal"],"hc":1},{"id":"uitripled:professional-resume-shadcnui","t":"Professional Resume","d":"Clean, formal resume template suitable for corporate applications","k":"page","s":"uitripled","c":"pages/templates","tg":["animated","minimal"],"sb":"Portfolios","sy":["animated","minimal"],"hc":1},{"id":"uitripled:profile-page-shadcnui","t":"Profile Page","d":"User profile with gradient cover, stats, and posts feed","s":"uitripled","c":"data-display/profile","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"uitripled:project-card-baseui","t":"Project Card","d":"Glassmorphism project card with links, tags, and hover effects (Base UI)","s":"uitripled","c":"data-display/card","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:project-card-shadcnui","t":"Project Card","d":"Glassmorphism project card with links, tags, and hover effects","s":"uitripled","c":"data-display/card","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uitripled:projects-block-baseui","t":"Projects Block","d":"Animated project card with hover effects, image zoom, and link buttons (Base UI)","s":"uitripled","c":"actions/link","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:projects-block-shadcnui","t":"Projects Block","d":"Animated project card with hover effects, image zoom, and link buttons","s":"uitripled","c":"actions/link","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:reactive-background-grid-shadcnui","t":"Reactive Background Grid","d":"Background pattern that reacts to mouse movement and click ripples","k":"motion","s":"uitripled","c":"motion/background","tg":["animated"],"sb":"Grids and patterns","sy":["animated"],"hc":1},{"id":"uitripled:resume-card-baseui","t":"Interactive Resume Card","d":"Professional resume template with animated sections and interactive elements (Base UI)","s":"uitripled","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:resume-card-shadcnui","t":"Interactive Resume Card","d":"Professional resume template with animated sections and interactive elements","s":"uitripled","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:ripple-click-button-shadcnui","t":"Ripple Click Effect","d":"Material design inspired ripple effect on click","s":"uitripled","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"uitripled:scale-hover-button-shadcnui","t":"Scale Hover Button","d":"A button that scales up smoothly on hover","s":"uitripled","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"uitripled:scroll-progress-tracker-shadcnui","t":"Scroll Progress Tracker","d":"Fixed progress bar that follows scroll and glows on section changes","s":"uitripled","c":"data-viz/progress-bar","tg":["animated","neon"],"sy":["animated","neon"],"hc":1},{"id":"uitripled:scroll-reveal-baseui","t":"Scroll Reveal","d":"Section that animates into view on scroll with intersection observer (Base UI)","k":"layout","s":"uitripled","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:scroll-reveal-shadcnui","t":"Scroll Reveal","d":"Section that animates into view on scroll with intersection observer","k":"layout","s":"uitripled","c":"layout/scroll-area","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:services-grid-block-baseui","t":"Services Grid","d":"8-column responsive services grid with icons, features, and hover effects (Base UI)","k":"section","s":"uitripled","c":"marketing/features","tg":["animated"],"sb":"Grid of cards","sy":["animated"],"hc":1},{"id":"uitripled:services-grid-block-shadcnui","t":"Services Grid","d":"8-column responsive services grid with icons, features, and hover effects","k":"section","s":"uitripled","c":"marketing/features","tg":["animated"],"sb":"Grid of cards","sy":["animated"],"hc":1},{"id":"uitripled:shimmer-button-shadcnui","t":"Shimmer Button","d":"Button with continuous shimmer effect","s":"uitripled","c":"actions/button","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"uitripled:simple-calendar-shadcnui","t":"Simple Calendar","d":"Calendar picker with date selection animation","s":"uitripled","c":"data-display/calendar","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"uitripled:smart-hover-card-shadcnui","t":"Smart Hover Card","d":"Card that detects cursor direction and reveals content from that side","s":"uitripled","c":"overlays/hover-card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:social-login-button-baseui","t":"Social Login Button","d":"A set of animated social login buttons for major platforms (Github, Google, X, etc.) with ","s":"uitripled","c":"actions/button","tg":["animated","webgl"],"sb":"Social and sign-in","sy":["animated","webgl"],"hc":1},{"id":"uitripled:social-login-button-shadcnui","t":"Social Login Button","d":"A set of animated social login buttons for major platforms (Github, Google, X, etc.) with ","s":"uitripled","c":"actions/button","tg":["animated","webgl"],"sb":"Social and sign-in","sy":["animated","webgl"],"hc":1},{"id":"uitripled:spotlight-section-shadcnui","t":"Spotlight Section","d":"Container where mouse creates soft radial spotlight following cursor","k":"motion","s":"uitripled","c":"motion/background","tg":["animated"],"sb":"Beams and light","sy":["animated"],"hc":1},{"id":"uitripled:stacked-card-carousel-shadcnui","t":"Stacked Card Carousel","d":"Three stacked cards that shift and tilt dynamically on hover","s":"uitripled","c":"media/carousel","tg":["3d","animated","webgl"],"sy":["3d","animated","webgl"],"hc":1},{"id":"uitripled:staggered-dropdown-shadcnui","t":"Staggered Dropdown","d":"Dropdown menu with staggered item animations","s":"uitripled","c":"navigation/menu","tg":["animated"],"sb":"Dropdowns","sy":["animated"],"hc":1},{"id":"uitripled:staggered-hero-shadcnui","t":"Staggered Text Hero","d":"Hero section with staggered text reveal","k":"section","s":"uitripled","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"uitripled:standard-resume-baseui","t":"Standard Resume","d":"A standard, professional resume layout with a sidebar, suitable for most industries. (Base","s":"uitripled","c":"navigation/sidebar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:standard-resume-shadcnui","t":"Standard Resume","d":"A standard, professional resume layout with a sidebar, suitable for most industries.","s":"uitripled","c":"navigation/sidebar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:stats-counter-block-baseui","t":"Stats Counter Block","d":"Animated statistics counters with icons and gradient backgrounds (Base UI)","k":"motion","s":"uitripled","c":"motion/number-ticker","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"uitripled:stats-counter-block-shadcnui","t":"Stats Counter Block","d":"Animated statistics counters with icons and gradient backgrounds","k":"motion","s":"uitripled","c":"motion/number-ticker","tg":["animated","gradient"],"sy":["animated","gradient"],"hc":1},{"id":"uitripled:stats-section-baseui","t":"Stats Section","d":"Animated statistics section with cards and counters (Base UI)","k":"section","s":"uitripled","c":"marketing/marketing","tg":["animated"],"sb":"Stats","sy":["animated"],"hc":1},{"id":"uitripled:stats-section-shadcnui","t":"Stats Section","d":"Animated statistics section with cards and counters","k":"section","s":"uitripled","c":"marketing/marketing","tg":["animated"],"sb":"Stats","sy":["animated"],"hc":1},{"id":"uitripled:stocks-dashboard-shadcnui","t":"Stocks Dashboard","d":"Interactive stock portfolio dashboard with status cards, data table, and detailed stock in","k":"layout","s":"uitripled","c":"layout/dashboard","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:synced-lyric-captions-shadcnui","t":"Synced Lyric Captions","d":"Bottom-to-top timed captions with play/pause controls and optional audio sync for songs or","s":"uitripled","c":"media/player","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:team-section-block-baseui","t":"Team Section Block","d":"Animated team member cards with avatars, roles, and social links (Base UI)","k":"section","s":"uitripled","c":"marketing/team","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:team-section-block-shadcnui","t":"Team Section Block","d":"Animated team member cards with avatars, roles, and social links","k":"section","s":"uitripled","c":"marketing/team","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:testimonial-section-baseui","t":"Testimonial Section","d":"Carousel-style testimonial section with smooth transitions (Base UI)","k":"section","s":"uitripled","c":"marketing/testimonials","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:testimonial-section-shadcnui","t":"Testimonial Section","d":"Carousel-style testimonial section with smooth transitions","k":"section","s":"uitripled","c":"marketing/testimonials","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:testimonials-block-baseui","t":"Testimonials Block","d":"Animated testimonials grid with staggered cards, star ratings, and hover effects (Base UI)","k":"section","s":"uitripled","c":"marketing/testimonials","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:testimonials-block-shadcnui","t":"Testimonials Block","d":"Animated testimonials grid with staggered cards, star ratings, and hover effects","k":"section","s":"uitripled","c":"marketing/testimonials","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:theater-ticket-baseui","t":"Theater Ticket","d":"Cinematic theater ticket with rip effect and barcode (Base UI)","s":"uitripled","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:theater-ticket-shadcnui","t":"Theater Ticket","d":"Cinematic theater ticket with rip effect and barcode","s":"uitripled","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:timeline-block-baseui","t":"Timeline Block","d":"Vertical timeline with alternating cards and animated progress line (Base UI)","s":"uitripled","c":"data-display/timeline","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:timeline-block-shadcnui","t":"Timeline Block","d":"Vertical timeline with alternating cards and animated progress line","s":"uitripled","c":"data-display/timeline","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:toast-notification-shadcnui","t":"Toast Notification","d":"Animated toast notification popup","s":"uitripled","c":"overlays/notifications","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:volume-component-shadcnui","t":"Volume Component","d":"A smooth, draggable volume slider component with framer-motion animations and shadcn styli","s":"uitripled","c":"inputs/slider","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:weather-dashboard-shadcnui","t":"Weather Dashboard","d":"Immersive weather dashboard with hourly charting, weekly outlook, and live air-quality ale","k":"layout","s":"uitripled","c":"layout/dashboard","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:web-performance-page-shadcnui","t":"Web Performance Page","d":"Real-time analysis of web vitals and performance metrics","s":"uitripled","c":"data-display/stat","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uitripled:wizard-form-shadcnui","t":"Wizard Form","d":"Multi-step wizard form with animated transitions, validation, and progress tracking","s":"uitripled","c":"navigation/wizard-steps","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uniquel:pin-input","t":"PIN Input","d":"A six-digit PIN input with paste support and keyboard navigation for verification codes.","s":"uniquel","c":"inputs/otp-input","hc":1},{"id":"uniquel:search-input-with-icon","t":"Search Input With Icon","d":"A premium search input with a focused state and an icon that becomes a submit action as yo","s":"uniquel","c":"inputs/search","hc":1},{"id":"uniquel:typing-animation","t":"Typing Animation","d":"A minimal typing animation with smart backspacing, an optional cursor, and adjustable spee","k":"motion","s":"uniquel","c":"motion/text-effect","tg":["minimal"],"sb":"Typewriter","sy":["minimal"],"hc":1},{"id":"uniquel:confetti-fireworks","t":"Confetti Fireworks","d":"A button-triggered canvas confetti burst with a center launch and three quick side volleys","k":"motion","s":"uniquel","c":"motion/background","tg":["webgl"],"sb":"Particles and stars","sy":["webgl"],"hc":1},{"id":"uniquel:iphone-duo-closed-mockup","t":"iPhone Duo Closed Mockup","d":"A single folded iPhone Duo with a replaceable 1398 × 2034 external display and polished si","s":"uniquel","c":"media/mockup","hc":1},{"id":"uniquel:iphone-duo-open-mockup","t":"iPhone Duo Open Mockup","d":"A single fully open iPhone Duo with a flat, replaceable 2670 × 1878 display and subtle hin","s":"uniquel","c":"media/mockup","hc":1},{"id":"uniquel:iphone-duo-mockup","t":"iPhone Duo Mockup","d":"A silver foldable concept with polished edges, dual cameras, and one easily replaceable sc","s":"uniquel","c":"media/mockup","hc":1},{"id":"uniquel:wavy-tide","t":"Wavy Tide","d":"Animated canvas waves that fill the container and drift with the pointer - a softer, SaaS-","k":"motion","s":"uniquel","c":"motion/background","hc":1},{"id":"uniquel:meteor-shower","t":"Meteor Shower","d":"Subtle canvas meteors drifting across a dark sky - a quiet animated background for heroes ","k":"motion","s":"uniquel","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"uniquel:neon-flow","t":"Neon Flow","d":"Staggered neon trails that sweep across a dark field - colors are prop-driven for easy the","k":"motion","s":"uniquel","c":"motion/background","tg":["neon"],"sy":["neon"],"hc":1},{"id":"uniquel:desert-dune","t":"Desert Dune","d":"Soft layered waves in parallax drift - cool indigo tones by default, colors via props.","k":"motion","s":"uniquel","c":"motion/background","hc":1},{"id":"uniquel:aurora","t":"Aurora","d":"Minimal aurora borealis light - fanned curtains in tones of a single green, drifting slowl","k":"motion","s":"uniquel","c":"motion/gradient","tg":["gradient","minimal"],"sy":["gradient","minimal"],"hc":1},{"id":"uniquel:coverflow-gallery","t":"Coverflow Gallery","d":"3D coverflow carousel with keyboard, dot nav, and optional autoplay that pauses on hover.","s":"uniquel","c":"media/gallery","tg":["3d"],"sy":["3d"],"hc":1},{"id":"uniquel:arch-gallery","t":"Arch Gallery","d":"Fanned photo arch with center-forward stacking; hover lifts a card and scales it up.","s":"uniquel","c":"media/gallery","hc":1},{"id":"uniquel:integration-hub","t":"Integration Hub","d":"Brand hub with a pyramid of connected apps and a looping pulse that travels down each bran","k":"section","s":"uniquel","c":"marketing/logos","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uniquel:avatar-stack","t":"Avatar Stack","d":"Layered portraits with grayscale-to-color hover, spring lift, and a glass +N counter.","s":"uniquel","c":"data-display/avatar","tg":["animated","glass"],"sy":["animated","glass"],"hc":1},{"id":"uniquel:rating-badge","t":"Rating Badge","d":"Editorial rating with sequentially drawn stars, review count, and a soft luminous edge.","s":"uniquel","c":"data-display/badge","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uniquel:promo-pill","t":"Promo Pill","d":"Translucent offer marker with a low-frequency glow pulse and optional dismiss.","s":"uniquel","c":"data-display/badge","tg":["animated","neon"],"sb":"Labels","sy":["animated","neon"],"hc":1},{"id":"uniquel:button-group","t":"Button Group","d":"Primary and secondary actions as one unit - depth on hover, underline reveal on the quiet ","s":"uniquel","c":"actions/button","tg":["3d","animated"],"sb":"Groups and split","sy":["3d","animated"],"hc":1},{"id":"uniquel:feature-chip","t":"Feature Chip","d":"Minimal metadata token with an independent icon hover and soft selected bloom.","s":"uniquel","c":"data-display/badge","tg":["animated","minimal"],"sb":"Labels","sy":["animated","minimal"],"hc":1},{"id":"uniquel:integration-badge","t":"Integration Badge","d":"Sculptural app mark in a precise tile - muted to full color with a near-imperceptible lift","s":"uniquel","c":"data-display/badge","tg":["animated"],"sb":"Labels","sy":["animated"],"hc":1},{"id":"uniquel:accordion-chevron","t":"Accordion Chevron","d":"Minimal accordion with a subtly animated chevron for compact FAQs and supporting details.","s":"uniquel","c":"data-display/accordion","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"uniquel:scroll-progress-indicator","t":"Scroll Progress Indicator","d":"A circular scroll progress indicator that doubles as a compact return-to-top control.","s":"uniquel","c":"data-viz/progress-bar","hc":1},{"id":"uniquel:reading-progress","t":"Reading Progress","d":"A drawn-line progress indicator with spring-smoothed scroll tracking and a fading percenta","s":"uniquel","c":"data-viz/progress-bar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uniquel:quote-highlight","t":"Quote Highlight","d":"Editorial pull quote with oversized glyph, expanding rule, and blurred fade-in.","s":"uniquel","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uniquel:announcement-bar","t":"Announcement Bar","d":"Restrained product update strip with gradient sheen and a clean collapse dismiss.","k":"section","s":"uniquel","c":"marketing/announcement","tg":["animated","gradient","minimal"],"sy":["animated","gradient","minimal"],"hc":1},{"id":"uniquel:language-selector","t":"Language Selector","d":"Minimal locale control with scaled blur-sm menu and staggered options - no native select c","s":"uniquel","c":"navigation/menu","tg":["animated","minimal"],"sb":"Dropdowns","sy":["animated","minimal"],"hc":1},{"id":"uniquel:spinner-overlay","t":"Spinner Overlay","d":"A centered spinner overlay for blocking a page or panel while content loads.","s":"uniquel","c":"status/loader","sb":"Spinners","hc":1},{"id":"uniquel:bouncing-dots-overlay","t":"Bouncing Dots Overlay","d":"A light three-dot loading overlay with staggered motion.","k":"motion","s":"uniquel","c":"motion/background","tg":["webgl"],"sb":"Grids and patterns","sy":["webgl"],"hc":1},{"id":"uniquel:wave-bars-overlay","t":"Wave Bars Overlay","d":"Five staggered bars that create a compact equalizer-style loading overlay.","k":"motion","s":"uniquel","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"uniquel:skeleton-overlay","t":"Skeleton Overlay","d":"A card-shaped skeleton overlay for loading dashboards, forms, and content panels.","s":"uniquel","c":"status/skeleton","hc":1},{"id":"uniquel:compact-card","t":"Compact Card","d":"Editorial card with a full-bleed image, story metadata, and optional link wrapper.","s":"uniquel","c":"data-display/card","hc":1},{"id":"uniquel:horizontal-card","t":"Horizontal Card","d":"Side-by-side product card with image, price, and a clear action.","s":"uniquel","c":"data-display/card","hc":1},{"id":"uniquel:metric-card","t":"Metric Card","d":"Compact dashboard metric with a trend badge and inline sparkline.","s":"uniquel","c":"data-display/stat","hc":1},{"id":"uniquel:card-stack","t":"Card Stack","d":"Layered testimonial cards that cycle forward with a spring stack. Click the front card to ","s":"uniquel","c":"media/card-stack","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uniquel:dark-mode-toggle","t":"Dark Mode Toggle","d":"Compact sun and moon switch that persists theme preference and toggles the document dark c","s":"uniquel","c":"actions/switch","tg":["animated"],"sb":"Theme toggles","sy":["animated"],"hc":1},{"id":"uniquel:pagination-with-ellipsis","t":"Pagination with Ellipsis","d":"Numbered pagination that keeps the current page visible and collapses long ranges with ell","s":"uniquel","c":"navigation/pagination","hc":1},{"id":"uniquel:pagination-with-dots","t":"Pagination with Dots","d":"Compact pagination controls with arrows and dots by default, plus optional page numbers.","s":"uniquel","c":"navigation/pagination","hc":1},{"id":"uniquel:react-stepper","t":"React Stepper","d":"Minimal React stepper with clear completed, current, and upcoming states for multi-step fl","s":"uniquel","c":"navigation/wizard-steps","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"uniquel:horizontal-react-splitter","t":"Horizontal React Splitter","d":"A clean side-by-side React splitter for inboxes, editors, and dashboard layouts.","k":"layout","s":"uniquel","c":"layout/dashboard","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"uniquel:vertical-react-splitter","t":"Vertical React Splitter","d":"A stacked React splitter for charts, activity feeds, consoles, and detail panels.","s":"uniquel","c":"data-viz/chart","hc":1},{"id":"uniquel:nested-react-splitter","t":"Nested React Splitter","d":"A flexible React splitter layout with an independent sidebar and stacked workspace panels.","s":"uniquel","c":"navigation/sidebar","hc":1},{"id":"uniquel:input-spinner","t":"Input Spinner","d":"A minimalist input spinner for choosing quantities with buttons, typing, or arrow keys.","s":"uniquel","c":"status/loader","tg":["minimal"],"sb":"Spinners","sy":["minimal"],"hc":1},{"id":"uniquel:vertical-slider","t":"Vertical Slider","d":"A vertical range input with configurable value labels, thumb shapes, colors, and height.","s":"uniquel","c":"inputs/slider","hc":1},{"id":"uniquel:background-grid","t":"Background Grid","d":"A static 3D background grid - a glowing wireframe perspective grid that recedes into the d","k":"motion","s":"uniquel","c":"motion/background","tg":["3d","neon"],"sb":"Grids and patterns","sy":["3d","neon"],"hc":1},{"id":"uniquel:scrollable-carousel","t":"Scrollable Carousel","d":"Responsive horizontal carousel with native scrolling, scroll snapping, and accessible prev","s":"uniquel","c":"media/carousel","hc":1},{"id":"uniquel:svg-blob-animation","t":"SVG Blob Animation","d":"Lightweight SVG blob that smoothly morphs between organic shapes with customizable colors ","k":"resource","s":"uniquel","c":"assets/shape","hc":1},{"id":"uniquel:react-search-bar","t":"React Search Bar","d":"Accessible React search bar with highlighted results, keyboard navigation, and polished lo","s":"uniquel","c":"inputs/search","hc":1},{"id":"uniquel:file-upload-component","t":"File Upload Component","d":"Polished file upload component with drag and drop, validation, progress, errors, and remov","s":"uniquel","c":"inputs/file-upload","hc":1},{"id":"uniquel:animated-next-button","t":"Animated Next Button","d":"Compact next button with a looping arrow reveal, crisp press feedback, and loading and dis","s":"uniquel","c":"actions/button","sb":"Animated","hc":1},{"id":"uniquel:animated-slider","t":"Animated Slider","d":"Premium animated image and content slider with directional transitions, swipe gestures, ca","s":"uniquel","c":"inputs/slider","tg":["animated"],"sy":["animated"],"hc":1},{"id":"uniquel:liquid-button","t":"Liquid Button","d":"Minimal liquid button with a curved dark fill that rises on hover, focus, and press.","s":"uniquel","c":"actions/button","tg":["minimal"],"sb":"Animated","sy":["minimal"],"hc":1},{"id":"uniquel:skeleton-loader","t":"Skeleton Loader","d":"Reusable skeleton loader with rounded shapes and a quiet reduced-motion shimmer.","s":"uniquel","c":"status/loader","hc":1},{"id":"uniquel:spinner-component","t":"Spinner Component","d":"Thin inline loading spinner sized for buttons, cards, and compact panels.","s":"uniquel","c":"status/loader","sb":"Spinners","hc":1},{"id":"uniquel:react-number-input","t":"React Number Input","d":"Labeled React number input with an optional unit, stacked controls, bounds, and empty valu","s":"uniquel","c":"inputs/number-input","hc":1},{"id":"uniquel:drawer","t":"Drawer","d":"Flexible Base UI drawer primitive for focused tasks, panels, and mobile sheets.","s":"uniquel","c":"overlays/sheet","hc":1},{"id":"uniquel:modal","t":"Modal","d":"Flexible Base UI modal primitive for confirmations, forms, sharing, and command dialogs.","s":"uniquel","c":"overlays/dialog","hc":1},{"id":"uniquel:tabs","t":"Tabs","d":"Base UI tabs with default, line, vertical, disabled, and icon compositions.","s":"uniquel","c":"navigation/tabs","hc":1},{"id":"unlumen-ui:index","t":"Index","k":"theme","s":"unlumen-ui","c":"themes/style"},{"id":"unlumen-ui:gravity-stars","t":"Gravity Stars Background","d":"A background component featuring a subtle yet engaging animated gravity stars effect.","k":"motion","s":"unlumen-ui","c":"motion/background","sb":"Particles and stars","vn":1},{"id":"unlumen-ui:pixel","t":"Pixel Background","d":"An interactive background featuring tiny pixel particles that ripple outward from the cent","k":"motion","s":"unlumen-ui","c":"motion/background","tg":["retro and HUD"],"sy":["retro and HUD"],"vn":2},{"id":"unlumen-ui:pixel-liquid-bg","t":"Pixel Liquid Background","d":"A full Navier-Stokes fluid simulation background with pixelation, Bayer dithering, film-gr","k":"motion","s":"unlumen-ui","c":"motion/background","tg":["retro and HUD","webgl"],"sb":"Shaders and WebGL","sy":["retro and HUD","webgl"],"vn":1,"hc":1},{"id":"unlumen-ui:square-pattern","t":"Square Pattern Background","d":"An interactive grid background where squares randomly light up with colors and react to ho","k":"motion","s":"unlumen-ui","c":"motion/background","sb":"Grids and patterns","vn":1},{"id":"unlumen-ui:wave-background","t":"Wave Background","d":"A morphing SVG wave divider that transitions between sections. Supports scroll-driven morp","k":"motion","s":"unlumen-ui","c":"motion/background","sb":"Waves and warps","vn":1},{"id":"unlumen-ui:copy","t":"Copy Button","d":"A copy button component with a variety of styles and animations.","s":"unlumen-ui","c":"actions/copy-button","vn":1,"hc":1},{"id":"unlumen-ui:glow","t":"Glow Button","d":"A button with an animated conic-gradient glow layer behind it. Supports rotate, pulse, bre","k":"motion","s":"unlumen-ui","c":"motion/background","tg":["gradient","neon"],"sb":"Gradients and aurora","sy":["gradient","neon"],"vn":1,"hc":1},{"id":"unlumen-ui:refresh","t":"Refresh Button","d":"An icon button that spins on click and supports async refresh callbacks — ideal for reload","s":"unlumen-ui","c":"actions/button","sb":"Animated","vn":1,"hc":1},{"id":"unlumen-ui:cards-view-icon","t":"Cards View Icon","d":"Animated icon where four square dots reorder in a 2×2 grid via Motion layout animation whe","k":"resource","s":"unlumen-ui","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"unlumen-ui:compact-view-icon","t":"Compact View Icon","d":"Animated icon where a 3×2 grid of dots reorder themselves via Motion layout animation when","k":"resource","s":"unlumen-ui","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"unlumen-ui:list-view-icon","t":"List View Icon","d":"Animated icon where three horizontal lines shuffle vertically when active, signaling a lis","k":"resource","s":"unlumen-ui","c":"assets/icon","tg":["webgl"],"sb":"Animated","sy":["webgl"],"vn":1,"hc":1},{"id":"unlumen-ui:sidebar-toggle-icon","t":"Sidebar Toggle Icon","d":"Animated SVG icon that morphs between open and closed sidebar panel states using Motion pa","k":"resource","s":"unlumen-ui","c":"assets/icon","sb":"Animated","vn":1,"hc":1},{"id":"unlumen-ui:aurora-blur","t":"Aurora Blur","d":"Aurora blur shader layer used by Aurora Card.","k":"motion","s":"unlumen-ui","c":"motion/gradient","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"unlumen-ui:aurora-card","t":"Aurora Card","d":"Aurora-blur pricing card with a configurable hero area, layout hooks, and customizable sha","s":"unlumen-ui","c":"data-display/card","tg":["gradient","webgl"],"sy":["gradient","webgl"],"vn":1},{"id":"unlumen-ui:blob-card","t":"Blob Card","d":"Animated card with fluid blob header, animated glow border, and configurable colors.","k":"resource","s":"unlumen-ui","c":"assets/shape","tg":["neon"],"sy":["neon"],"vn":1,"hc":1},{"id":"unlumen-ui:ai-chat","t":"AI Chat","d":"A chat component that allows you to chat with an AI.","s":"unlumen-ui","c":"ai-agent/ai-agent","sb":"Chat","vn":1},{"id":"unlumen-ui:animate-count","t":"Vercel Animate Count","d":"A number display that animates the transition between values with a blur + slide effect, w","k":"motion","s":"unlumen-ui","c":"motion/text-effect","vn":1,"hc":1},{"id":"unlumen-ui:animate-digits","t":"Animate Digits","d":"Per-digit blur-slide animation — only the digits that change animate.","k":"motion","s":"unlumen-ui","c":"motion/text-effect","vn":1,"hc":1},{"id":"unlumen-ui:animate-text-input-typing","t":"Animated Input","d":"An animated text input with per-character motion and a cursor that springs between typing ","k":"motion","s":"unlumen-ui","c":"motion/text-effect","sb":"Typewriter","vn":1},{"id":"unlumen-ui:animated-list","t":"Animated List","d":"A real-time push feed where new items animate in from the top with spring physics — Stripe","s":"unlumen-ui","c":"data-display/list","vn":1,"hc":1},{"id":"unlumen-ui:apple-switch","t":"Apple Switch","d":"Animated toggle switch with separate track/thumb sizing, spring feedback, optional label t","s":"unlumen-ui","c":"actions/switch","sb":"Animated","vn":1,"hc":1},{"id":"unlumen-ui:aurora-bars","t":"Aurora Bars","d":"Animated bars with aurora-inspired gradient effects and smooth transitions.","k":"motion","s":"unlumen-ui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"vn":1,"hc":1},{"id":"unlumen-ui:clipped-circle","t":"Clipped Circle","d":"A cursor-following spotlight effect that reveals a soft glowing circle wherever the user m","k":"motion","s":"unlumen-ui","c":"motion/cursor","tg":["neon"],"sy":["neon"],"vn":1,"hc":1},{"id":"unlumen-ui:command-menu","t":"Command Menu","d":"A composable ⌘K command palette with fuzzy search, custom groups, built-in theme switcher,","s":"unlumen-ui","c":"navigation/command-palette","vn":1,"hc":1},{"id":"unlumen-ui:count-up","t":"Count Up","d":"An animated number counter that springs to its target value when it enters the viewport, w","k":"motion","s":"unlumen-ui","c":"motion/number-ticker","vn":1,"hc":1},{"id":"unlumen-ui:cursor","t":"Cursor","d":"An animated cursor component that allows you to customize both the cursor and cursor follo","k":"motion","s":"unlumen-ui","c":"motion/cursor","vn":1,"hc":1},{"id":"unlumen-ui:cursor-image-trail","t":"Cursor Image Trail","d":"A trail of images that follows the cursor with spring-physics fade and rotation.","s":"unlumen-ui","c":"media/gallery","vn":1,"hc":1},{"id":"unlumen-ui:dia-text-reveal","t":"Dia Text Reveal","d":"Animated text reveal with a colorful gradient sweep effect, inspired by the Dia app.","k":"motion","s":"unlumen-ui","c":"motion/text-effect","tg":["gradient"],"sb":"Reveal and entrance","sy":["gradient"],"vn":1},{"id":"unlumen-ui:dock","t":"Dock","d":"Animated dock with Gaussian magnification, spring physics, separators, and tooltip carets.","s":"unlumen-ui","c":"navigation/dock","vn":1,"hc":1},{"id":"unlumen-ui:expand-menu","t":"Expand Menu","d":"An animated expanding menu that reveals items from a trigger button, with configurable dir","s":"unlumen-ui","c":"navigation/menu","vn":1,"hc":1},{"id":"unlumen-ui:expandable-navbar","t":"Expandable Navbar","d":"A full-width fixed header with velocity-highlight hover, expanding inline dropdown, scroll","s":"unlumen-ui","c":"navigation/top-nav","vn":1},{"id":"unlumen-ui:favicon-search","t":"Favicon Search","d":"A search input that fetches and smoothly animates the site favicon into the search bar as ","s":"unlumen-ui","c":"inputs/search","vn":1,"hc":1},{"id":"unlumen-ui:file-tree","t":"File Tree","d":"Animated file-tree component with animated hover highlight, spring folder expand/collapse,","s":"unlumen-ui","c":"data-display/tree","vn":1,"hc":1},{"id":"unlumen-ui:floating-navbar","t":"Floating Navbar","d":"A sticky floating pill navbar with scroll-velocity spring physics, velocity-highlight hove","s":"unlumen-ui","c":"navigation/top-nav","sb":"Floating","vn":1},{"id":"unlumen-ui:floating-tooltip","t":"Floating Tooltip","d":"A floating tooltip component.","s":"unlumen-ui","c":"overlays/tooltip","vn":1,"hc":1},{"id":"unlumen-ui:github-graph","t":"GitHub Graph","d":"A polished, animated GitHub contribution graph for portfolio sites.","s":"unlumen-ui","c":"data-viz/chart","vn":1,"hc":1},{"id":"unlumen-ui:glowing-badge","t":"Glowing Badge","d":"Badge with an animated pulsing glow dot. Supports status variants: default, success, warni","s":"unlumen-ui","c":"data-display/badge","tg":["neon"],"sb":"Animated","sy":["neon"],"vn":1,"hc":1},{"id":"unlumen-ui:gooey-navbar-menu","t":"Gooey Navbar Menu","d":"A spring-animated navbar menu with a gooey SVG-filtered background that connects the activ","s":"unlumen-ui","c":"navigation/menu","tg":["animated"],"sy":["animated"],"vn":1},{"id":"unlumen-ui:gooey-svg-filter","t":"Gooey SVG Filter","d":"An SVG filter that creates a gooey, fluid merging effect on adjacent elements using Gaussi","k":"motion","s":"unlumen-ui","c":"motion/shader","vn":1},{"id":"unlumen-ui:highlight","t":"Highlight","d":"An animated highlight component that tracks elements with smooth spring animations.","s":"unlumen-ui","c":"other/other","vn":1,"hc":1},{"id":"unlumen-ui:horizontal-depth-fade","t":"Horizontal Depth Fade","d":"Scroll-driven horizontal image strip on a single line with cinematic blur and brightness f","s":"unlumen-ui","c":"media/gallery","tg":["3d","animated"],"sy":["3d","animated"],"vn":1},{"id":"unlumen-ui:hover-expand","t":"Hover Expand","d":"A vertical list of rows that expand on hover to reveal a full-width image, animated with M","s":"unlumen-ui","c":"data-display/list","vn":1,"hc":1},{"id":"unlumen-ui:hover-feature-cards","t":"Hover Feature Cards","d":"A responsive grid of feature cards where a description panel slides in from below on hover","k":"section","s":"unlumen-ui","c":"marketing/features","sb":"Grid of cards","vn":1,"hc":1},{"id":"unlumen-ui:hover-image-list","t":"Hover Image List","d":"A list of large headings that reveal an image on the left and shift right on hover, animat","s":"unlumen-ui","c":"media/gallery","sb":"Hover effects","vn":1},{"id":"unlumen-ui:inline-testimonials","t":"Inline Testimonials","d":"Testimonials rendered as inline flowing text with circular avatars. Hover to blur others a","k":"section","s":"unlumen-ui","c":"marketing/testimonials","vn":1},{"id":"unlumen-ui:kbd","t":"Kbd","d":"Keyboard key and shortcut display component with a soft, minimal key style.","s":"unlumen-ui","c":"data-display/typography","tg":["minimal"],"sy":["minimal"],"vn":1,"hc":1},{"id":"unlumen-ui:magnetic-button","t":"Magnetic Button","d":"A button that magnetically follows cursor proximity with spring physics. Smoothly snaps ba","s":"unlumen-ui","c":"actions/button","sb":"Animated","vn":1,"hc":1},{"id":"unlumen-ui:math-graph","t":"Math Graph","d":"A real-time visual math function builder with animated SVG curves, a pan/zoom canvas, cros","s":"unlumen-ui","c":"data-viz/chart","tg":["playful"],"sy":["playful"],"vn":1,"hc":1},{"id":"unlumen-ui:matrix","t":"Matrix","d":"An LED dot matrix display component with SVG pixels, radial glow, built-in digit/animation","s":"unlumen-ui","c":"data-viz/gauge","tg":["neon","retro and HUD"],"sy":["neon","retro and HUD"],"vn":2,"hc":1},{"id":"unlumen-ui:matrix-image","t":"Matrix Image","d":"An animated image component that simulates the iconic Matrix digital rain effect.","s":"unlumen-ui","c":"media/gallery","vn":1,"hc":1},{"id":"unlumen-ui:motion-faqs-accordion","t":"Motion FAQs Accordion","d":"A clean Motion-powered FAQ accordion with spring-animated content reveal.","s":"unlumen-ui","c":"data-display/accordion","tg":["minimal"],"sb":"FAQ","sy":["minimal"],"vn":1,"hc":1},{"id":"unlumen-ui:motion-navigation-menu","t":"Motion Navigation Menu","d":"A spring-animated navigation menu with a single morphing container, layout-animated active","s":"unlumen-ui","c":"navigation/top-nav","tg":["animated"],"sb":"Mega menus","sy":["animated"],"vn":1,"hc":1},{"id":"unlumen-ui:motion-slide-menu","t":"Motion Slide Menu","d":"An animated React multi-level slide menu with recursive nested navigation, morphing catego","s":"unlumen-ui","c":"navigation/menu","tg":["animated"],"sy":["animated"],"vn":1},{"id":"unlumen-ui:motion-subtitle","t":"Motion Subtitle","d":"Animated subtitle text with per-character reveal, blur transition, speed control, and top/","k":"motion","s":"unlumen-ui","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"unlumen-ui:motion-tabs-menu","t":"Motion Tabs Menu","d":"A floating bottom tab bar that expands upward with spring animations to reveal tab-specifi","s":"unlumen-ui","c":"navigation/menu","tg":["animated"],"sy":["animated"],"vn":1},{"id":"unlumen-ui:nextjs-ship","t":"Next.js Ship","d":"Animated chip/CPU circuit board visualization with gradient pulse traces traveling along P","s":"unlumen-ui","c":"data-viz/chart","tg":["gradient"],"sy":["gradient"],"vn":1,"hc":1},{"id":"unlumen-ui:notion-floating-action-menu","t":"Notion Floating Action Menu","d":"A faithful Notion-inspired quick-create menu with a compact action panel and an animated c","s":"unlumen-ui","c":"navigation/menu","vn":1},{"id":"unlumen-ui:notion-mention-link","t":"Notion Mention Link","d":"A Notion-inspired rich link mention with a securely fetched preview card on hover.","s":"unlumen-ui","c":"actions/link","vn":1,"hc":1},{"id":"unlumen-ui:orbital-image-wheel","t":"Orbital Image Wheel","d":"Scroll-driven half-wheel image layout powered by GSAP ScrollTrigger, with cinematic blur/s","s":"unlumen-ui","c":"media/gallery","tg":["animated"],"sy":["animated"],"vn":1,"hc":1},{"id":"unlumen-ui:orbiting-skills","t":"Orbiting Skills","d":"Animated skill badges that orbit a center element. On desktop the ring follows the cursor ","s":"unlumen-ui","c":"data-display/badge","vn":1,"hc":1},{"id":"unlumen-ui:page-transition","t":"Page Transition","d":"GSAP-powered Next.js App Router page transition provider. Wraps your layout to animate bet","k":"motion","s":"unlumen-ui","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"vn":1,"hc":1},{"id":"unlumen-ui:perspective-flow","t":"Perspective Flow","d":"Scroll-driven 3D image grid with perspective rotations, blur, brightness, and inner parall","k":"motion","s":"unlumen-ui","c":"motion/tilt-3d","tg":["3d","animated"],"sy":["3d","animated"],"vn":1,"hc":1},{"id":"unlumen-ui:pinned-list","t":"Pinned List","d":"A list of items that animate smoothly to a pinned section using Framer Motion layout anima","s":"unlumen-ui","c":"data-display/list","vn":1,"hc":1},{"id":"unlumen-ui:pixel-scroll-transition","t":"Pixel Scroll Transition","d":"Canvas-based scroll transition that wipes between two colors with a configurable pixel gri","k":"layout","s":"unlumen-ui","c":"layout/scroll-area","tg":["retro and HUD"],"sy":["retro and HUD"],"vn":1},{"id":"unlumen-ui:progressive-blur","t":"Progressive Blur","d":"Top and bottom progressive blur overlays that stack multiple backdrop-filter layers to pro","k":"motion","s":"unlumen-ui","c":"motion/background","vn":1,"hc":1},{"id":"unlumen-ui:questionnaire","t":"Questionnaire","d":"A motion-enhanced multi-step questionnaire with animated checkpoints, direction-aware blur","s":"unlumen-ui","c":"navigation/wizard-steps","vn":1},{"id":"unlumen-ui:scramble-text","t":"Scramble Text","d":"A text animation component that reveals characters with a scramble/glitch effect, with imp","k":"motion","s":"unlumen-ui","c":"motion/text-effect","sb":"Scramble and glitch","vn":1,"hc":1},{"id":"unlumen-ui:scroll-reveal-image","t":"Scroll Reveal Image","d":"Scroll-driven image reveal with spring-physics width expansion, zoom-out, and border radiu","s":"unlumen-ui","c":"media/gallery","tg":["animated"],"sb":"Scroll","sy":["animated"],"vn":1,"hc":1},{"id":"unlumen-ui:shimmer-skeleton","t":"Shimmer Skeleton","d":"Lightweight loading skeleton with a smooth shimmer sweep animation.","s":"unlumen-ui","c":"status/skeleton","vn":1,"hc":1},{"id":"unlumen-ui:shimmering-text","t":"Shimmering Text","d":"Animated gradient shimmer text with viewport-triggered and repeating animation support.","k":"motion","s":"unlumen-ui","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"vn":1,"hc":1},{"id":"unlumen-ui:side-by-side-slide","t":"Side By Side Slide","d":"An image comparison slider with a spring-animated divider that follows the cursor on hover","k":"section","s":"unlumen-ui","c":"marketing/comparison","vn":1,"hc":1},{"id":"unlumen-ui:sidebar-001","t":"Sidebar #1","d":"Animated vertical sidebar with spring hover highlight, active indicator bar, and per-item ","s":"unlumen-ui","c":"navigation/sidebar","vn":1,"hc":1},{"id":"unlumen-ui:sidebar-002","t":"Sidebar #2","d":"Slide-in overlay sidebar with spring animation, animated dash items, and cursor-following ","s":"unlumen-ui","c":"navigation/sidebar","vn":1},{"id":"unlumen-ui:slider","t":"Slider","d":"Animated slider with spring-snapped thumb, step dots, range mode, and click-to-edit value ","s":"unlumen-ui","c":"inputs/slider","vn":3,"hc":1},{"id":"unlumen-ui:smart-animate-text","t":"Smart Animate Text","d":"Per-character blur-slide animation with direct value changes and no animation queue.","k":"motion","s":"unlumen-ui","c":"motion/text-effect","vn":1},{"id":"unlumen-ui:social-hover-cards","t":"Social Hover Cards","d":"A row of social links with a shared morphing preview card and direction-aware content tran","s":"unlumen-ui","c":"data-display/card","sb":"Animated and glowing","vn":1},{"id":"unlumen-ui:stacked-feature-cards","t":"Stacked Feature Cards","d":"A two-column section with a sticky animated hero card on the left and a stack of rotating ","k":"section","s":"unlumen-ui","c":"marketing/features","sb":"Grid of cards","vn":1},{"id":"unlumen-ui:switch","t":"Switch","d":"Animated toggle switch with a spring-driven thumb, smooth fill transition, and optional la","s":"unlumen-ui","c":"actions/switch","sb":"Animated","vn":1,"hc":1},{"id":"unlumen-ui:tag","t":"Tag","d":"Rounded outlined tags with six built-in pastel variants and an optional stacked group layo","s":"unlumen-ui","c":"data-display/badge","sb":"Tags and pills","vn":1,"hc":1},{"id":"unlumen-ui:team-stack","t":"Team Stack","d":"A stacked deck of team member cards that fans out on hover (desktop) or tap (mobile), each","k":"section","s":"unlumen-ui","c":"marketing/team","vn":1},{"id":"unlumen-ui:text-reveal","t":"Text Reveal","d":"Scroll-driven word-by-word or character-by-character text reveal using Motion's useScroll ","k":"motion","s":"unlumen-ui","c":"motion/text-effect","sb":"Reveal and entrance","vn":1,"hc":1},{"id":"unlumen-ui:theme-switch","t":"Theme Switch","d":"Animated dark / light mode toggle button with a spring-driven sun ↔ moon icon swap and opt","s":"unlumen-ui","c":"actions/switch","sb":"Theme toggles","vn":1,"hc":1},{"id":"unlumen-ui:tilt","t":"Tilt","d":"A spring-animated 3D tilt wrapper that tracks the cursor inside the element.","k":"motion","s":"unlumen-ui","c":"motion/tilt-3d","tg":["3d"],"sy":["3d"],"vn":1,"hc":1},{"id":"unlumen-ui:tooltip-preview","t":"Tooltip Preview","d":"Link tooltip that reveals a website preview card with title, description, image and favico","s":"unlumen-ui","c":"overlays/tooltip","vn":1,"hc":1},{"id":"unlumen-ui:velocity-highlight","t":"Velocity Highlight","d":"A highlight effect with smooth spring physics that tracks the active element across hover ","s":"unlumen-ui","c":"other/other","vn":1,"hc":1},{"id":"unlumen-ui:vercel-snap-text","t":"Vercel Snap Text","d":"A scroll-driven text list that snaps exactly to each item. The active item scales up with ","k":"motion","s":"unlumen-ui","c":"motion/text-effect","vn":1},{"id":"unlumen-ui:vertical-marquee","t":"Vertical Marquee","d":"Two columns of tweet cards scrolling vertically in opposite directions with progressive fa","k":"motion","s":"unlumen-ui","c":"motion/marquee","vn":1,"hc":1},{"id":"unlumen-ui:video-ambient","t":"Video Ambient","d":"A video card with ambient blurred reflections and optional overlay styling.","s":"unlumen-ui","c":"media/player","vn":1,"hc":1},{"id":"unlumen-ui:video-slider","t":"Video Slider","d":"A video carousel with animated slide transitions and playback controls.","s":"unlumen-ui","c":"inputs/slider","vn":1},{"id":"unlumen-ui:hooks-use-auto-height","t":"useAutoHeight","d":"A hook that allows you to automatically adjust the height of an element based on its conte","k":"lib","s":"unlumen-ui","c":"lib/hook","hc":1},{"id":"unlumen-ui:hooks-use-controlled-state","t":"Use Controlled State","d":"React hook for controlled and uncontrolled component state.","k":"lib","s":"unlumen-ui","c":"lib/hook","hc":1,"cp":1},{"id":"unlumen-ui:hooks-use-data-state","t":"useDataState","d":"A hook that allows you to get the data-state of an element.","k":"lib","s":"unlumen-ui","c":"lib/hook","hc":1},{"id":"unlumen-ui:hooks-use-is-in-view","t":"useIsInView","d":"A hook that allows you to check if an element is in view.","k":"lib","s":"unlumen-ui","c":"lib/hook","hc":1},{"id":"unlumen-ui:hooks-use-motion-value-state","t":"useMotionValueState","d":"A hook that allows you to use a motion value state.","k":"lib","s":"unlumen-ui","c":"lib/hook","tg":["animated"],"sy":["animated"],"hc":1},{"id":"unlumen-ui:lib-get-strict-context","t":"Get Strict Context","d":"React context helper that throws when used outside its provider.","k":"lib","s":"unlumen-ui","c":"lib/utility","sb":"State","hc":1},{"id":"unlumen-ui:pixel-patterns","t":"Pixel Patterns","d":"Deterministic threshold, accent, and easing helpers for pixel-grid transition components.","k":"lib","s":"unlumen-ui","c":"lib/utility","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"unlumen-ui:primitives-animate-avatar-group","t":"Avatar Group","d":"An animated avatar group that displays overlapping user images and smoothly shifts each av","s":"unlumen-ui","c":"data-display/avatar","hc":1},{"id":"unlumen-ui:primitives-animate-code-block","t":"Code Block","d":"A code block component that animates the code as it is written.","s":"unlumen-ui","c":"data-display/code-block","hc":1},{"id":"unlumen-ui:primitives-animate-cursor","t":"Cursor","d":"An animated cursor component that allows you to customize both the cursor and cursor follo","k":"motion","s":"unlumen-ui","c":"motion/cursor","hc":1},{"id":"unlumen-ui:primitives-animate-files","t":"Files","d":"Animated file-tree primitives with motion hover highlight, spring folder expand/collapse, ","s":"unlumen-ui","c":"data-display/tree","hc":1},{"id":"unlumen-ui:primitives-animate-github-stars","t":"Github Stars","d":"A component that animates a number of stars, smoothly animating number transitions using t","k":"motion","s":"unlumen-ui","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"unlumen-ui:primitives-animate-motion-grid","t":"Motion Grid","d":"A grid that displays animations in a grid.","s":"unlumen-ui","c":"data-display/table","hc":1},{"id":"unlumen-ui:primitives-animate-pinned-list","t":"Pin List","d":"A pin list component that allows you to pin items to the top of the list.","s":"unlumen-ui","c":"data-display/list","hc":1},{"id":"unlumen-ui:primitives-animate-scroll-progress","t":"Scroll Progress","d":"A scroll progress component that allows you to track the progress of a scrollable element.","s":"unlumen-ui","c":"data-viz/progress-bar","hc":1},{"id":"unlumen-ui:primitives-animate-slot","t":"Animate Slot","d":"A slot component that allows you to use motion components with any element.","k":"motion","s":"unlumen-ui","c":"motion/text-effect","hc":1},{"id":"unlumen-ui:primitives-animate-spring","t":"Spring","d":"A flexible, animated spring component that attaches a draggable element to its origin with","k":"motion","s":"unlumen-ui","c":"motion/text-effect","hc":1},{"id":"unlumen-ui:primitives-animate-tabs","t":"Tabs","d":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","s":"unlumen-ui","c":"navigation/tabs","hc":1},{"id":"unlumen-ui:primitives-animate-tooltip","t":"Tooltip","d":"An animated tooltip that shows contextual info on hover or focus and smoothly glides to th","s":"unlumen-ui","c":"overlays/tooltip","hc":1},{"id":"unlumen-ui:button","t":"Button","d":"A simple button that animates on hover and tap.","s":"unlumen-ui","c":"actions/button","tg":["minimal"],"sb":"Animated","sy":["minimal"],"hc":1},{"id":"unlumen-ui:primitives-buttons-button","t":"Button","d":"A simple button that animates on hover and tap.","s":"unlumen-ui","c":"actions/button","tg":["minimal"],"sb":"Animated","sy":["minimal"],"hc":1},{"id":"unlumen-ui:primitives-buttons-flip","t":"Flip Button","d":"A button that flips between two states on hover.","s":"unlumen-ui","c":"actions/button","sb":"Animated","hc":1},{"id":"unlumen-ui:primitives-buttons-liquid","t":"Liquid Button","d":"A button that fills on hover.","s":"unlumen-ui","c":"actions/button","sb":"Animated","hc":1},{"id":"unlumen-ui:primitives-buttons-ripple","t":"Ripple Button","d":"A button that animates on tap with a ripple effect.","s":"unlumen-ui","c":"actions/button","sb":"Animated","hc":1},{"id":"unlumen-ui:cursor-primitive","t":"Cursor","d":"An animated cursor component that allows you to customize both the cursor and cursor follo","k":"motion","s":"unlumen-ui","c":"motion/cursor","hc":1},{"id":"unlumen-ui:primitives-effects-auto-height","t":"Auto Height","d":"An effect that automatically adjusts the height of an element based on its content.","s":"unlumen-ui","c":"other/other","hc":1},{"id":"unlumen-ui:primitives-effects-blur","t":"Blur","d":"An effect that allows you to animate elements with a blur effect on first view or load.","s":"unlumen-ui","c":"other/other","hc":1},{"id":"unlumen-ui:primitives-effects-click","t":"Click","d":"An effect that creates animated effects at the click position, adding interactive feedback","s":"unlumen-ui","c":"other/other","hc":1},{"id":"unlumen-ui:primitives-effects-effect","t":"Effect","d":"An effect that allows you to animate elements on first view or load.","s":"unlumen-ui","c":"other/other","hc":1},{"id":"unlumen-ui:primitives-effects-fade","t":"Fade","d":"An effect that allows you to animate elements with a fade effect on first view or load.","k":"motion","s":"unlumen-ui","c":"motion/text-effect","hc":1},{"id":"unlumen-ui:primitives-effects-highlight-nav-menu","t":"Highlight Nav Menu","d":"A Radix UI NavigationMenu with animated highlight hover effects built in.","s":"unlumen-ui","c":"navigation/menu","hc":1},{"id":"unlumen-ui:primitives-effects-image-zoom","t":"Image Zoom","d":"An effect that allows you to zoom in on an image on hover.","s":"unlumen-ui","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"unlumen-ui:primitives-effects-magnetic","t":"Magnetic","d":"A magnetic effect that clings to the cursor, creating a magnetic attraction effect.","k":"motion","s":"unlumen-ui","c":"motion/cursor","hc":1},{"id":"unlumen-ui:primitives-effects-particles","t":"Particles","d":"A particles effect that creates a particle system.","k":"motion","s":"unlumen-ui","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"unlumen-ui:primitives-effects-shine","t":"Shine","d":"An animated light sweep effect with configurable timing, colors, and triggers (hover, tap,","s":"unlumen-ui","c":"other/other","hc":1},{"id":"unlumen-ui:primitives-effects-slide","t":"Slide","d":"An effect that allows you to animate elements with a slide effect on first view or load.","k":"motion","s":"unlumen-ui","c":"motion/text-effect","hc":1},{"id":"unlumen-ui:primitives-effects-theme-toggler","t":"Theme Toggler","d":"An effect that allows you to toggle the theme gradually.","s":"unlumen-ui","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"unlumen-ui:primitives-effects-tilt","t":"Tilt","d":"An effect that allows you to animate elements with a tilt effect on mouse hover.","k":"motion","s":"unlumen-ui","c":"motion/tilt-3d","tg":["3d"],"sy":["3d"],"hc":1},{"id":"unlumen-ui:primitives-effects-velocity-highlight","t":"Velocity Highlight","d":"A highlight effect with smooth spring physics that tracks the active element across hover ","s":"unlumen-ui","c":"other/other","hc":1},{"id":"unlumen-ui:primitives-effects-zoom","t":"Zoom","d":"An effect that allows you to animate elements with a zoom effect on first view or load.","s":"unlumen-ui","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"unlumen-ui:slot","t":"Animate Slot","d":"A slot component that allows you to use motion components with any element.","k":"lib","s":"unlumen-ui","c":"lib/utility","hc":1},{"id":"unlumen-ui:tabs","t":"Tabs","d":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","s":"unlumen-ui","c":"navigation/tabs","hc":1},{"id":"unlumen-ui:primitives-texts-counting-number","t":"Counting Number","d":"A counting number animation.","k":"motion","s":"unlumen-ui","c":"motion/text-effect","hc":1},{"id":"unlumen-ui:primitives-texts-gradient","t":"Gradient Text","d":"A gradient text animation.","k":"motion","s":"unlumen-ui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"unlumen-ui:primitives-texts-highlight","t":"Highlight Text","d":"A highlight text animation.","k":"motion","s":"unlumen-ui","c":"motion/text-effect","hc":1},{"id":"unlumen-ui:primitives-texts-morphing","t":"Morphing Text","d":"A text component that smoothly morphs characters to transition between strings.","k":"motion","s":"unlumen-ui","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"unlumen-ui:primitives-texts-rolling","t":"Rolling Text","d":"A rolling text animation.","k":"motion","s":"unlumen-ui","c":"motion/text-effect","hc":1},{"id":"unlumen-ui:primitives-texts-rotating","t":"Rotating Text","d":"A rotating text animation.","k":"motion","s":"unlumen-ui","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"unlumen-ui:primitives-texts-scrolling-number","t":"Scrolling Number","d":"A scrolling number animation.","k":"motion","s":"unlumen-ui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"unlumen-ui:primitives-texts-shimmering","t":"Shimmering Text","d":"A shimmering text animation.","k":"motion","s":"unlumen-ui","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"unlumen-ui:primitives-texts-sliding-number","t":"Sliding Number","d":"A sliding number animation.","k":"motion","s":"unlumen-ui","c":"motion/number-ticker","hc":1},{"id":"unlumen-ui:primitives-texts-splitting","t":"Splitting Text","d":"A splitting text animation.","k":"motion","s":"unlumen-ui","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"unlumen-ui:primitives-texts-typing","t":"Typing Text","d":"A typing text animation.","k":"motion","s":"unlumen-ui","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"usva:announcement","t":"Announcement","k":"section","s":"usva","c":"marketing/announcement","hc":1},{"id":"usva:avatar","t":"Avatar","s":"usva","c":"data-display/avatar","hc":1},{"id":"usva:badge","t":"Badge","s":"usva","c":"data-display/badge","hc":1},{"id":"usva:button","t":"Button","s":"usva","c":"actions/button","sb":"Animated","hc":1},{"id":"usva:callout","t":"Callout","s":"usva","c":"overlays/alert-banner","hc":1},{"id":"usva:card","t":"Card","s":"usva","c":"data-display/card","tg":["neon"],"sb":"Animated and glowing","sy":["neon"],"hc":1},{"id":"usva:checkbox","t":"Checkbox","s":"usva","c":"inputs/checkbox","hc":1},{"id":"usva:chip","t":"Chip","s":"usva","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"usva:code-snippet","t":"Code snippet","s":"usva","c":"data-display/code-block","hc":1},{"id":"usva:color-field","t":"Color field","s":"usva","c":"inputs/form-field","hc":1},{"id":"usva:dialog","t":"Dialog","s":"usva","c":"overlays/dialog","hc":1},{"id":"usva:drawer","t":"Drawer","s":"usva","c":"overlays/sheet","hc":1},{"id":"usva:dropdown-menu","t":"Dropdown menu","s":"usva","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"usva:hint-popover","t":"Hint popover","s":"usva","c":"overlays/popover","hc":1},{"id":"usva:input","t":"Input","s":"usva","c":"inputs/form-field","hc":1},{"id":"usva:knob","t":"Knob","s":"usva","c":"inputs/slider","hc":1},{"id":"usva:label","t":"Label","s":"usva","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"usva:list","t":"List","s":"usva","c":"data-display/list","hc":1},{"id":"usva:loading-overlay","t":"Loading overlay","s":"usva","c":"status/loader","hc":1},{"id":"usva:log-line","t":"Log line","s":"usva","c":"other/other","hc":1},{"id":"usva:notification-badge","t":"Notification badge","s":"usva","c":"data-display/badge","sb":"Counts","hc":1},{"id":"usva:overlay-core","t":"Overlay core","s":"usva","c":"overlays/dialog","hc":1},{"id":"usva:popover","t":"Popover","s":"usva","c":"overlays/popover","hc":1},{"id":"usva:progress","t":"Progress","s":"usva","c":"data-viz/progress-bar","hc":1},{"id":"usva:radio","t":"Radio","s":"usva","c":"inputs/radio","hc":1},{"id":"usva:select","t":"Select","s":"usva","c":"inputs/select","hc":1},{"id":"usva:skeleton","t":"Skeleton","s":"usva","c":"status/skeleton","hc":1},{"id":"usva:slider","t":"Slider","s":"usva","c":"inputs/slider","hc":1},{"id":"usva:spinner","t":"Spinner","s":"usva","c":"status/loader","sb":"Spinners","hc":1},{"id":"usva:stat-chip","t":"Stat chip","s":"usva","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"usva:switch","t":"Switch","s":"usva","c":"actions/switch","hc":1},{"id":"usva:tabs","t":"Tabs","s":"usva","c":"navigation/tabs","hc":1},{"id":"usva:terminal","t":"Terminal","s":"usva","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"usva:textarea","t":"Textarea","s":"usva","c":"inputs/textarea","hc":1},{"id":"usva:toast","t":"Toast","s":"usva","c":"overlays/toast","hc":1},{"id":"usva:toggle-chip","t":"Toggle chip","s":"usva","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"usva:tooltip","t":"Tooltip","s":"usva","c":"overlays/tooltip","hc":1},{"id":"usva:bento-grid","t":"Bento grid","k":"layout","s":"usva","c":"layout/bento-grid","hc":1},{"id":"usva:case-study-hero","t":"Case study hero","k":"section","s":"usva","c":"marketing/hero","sb":"SaaS and AI","hc":1},{"id":"usva:checklist-card","t":"Checklist card","s":"usva","c":"inputs/checkbox","hc":1},{"id":"usva:cta-banner","t":"Cta banner","s":"usva","c":"overlays/alert-banner","hc":1},{"id":"usva:dashboard-grid","t":"Dashboard grid","k":"layout","s":"usva","c":"layout/dashboard","hc":1},{"id":"usva:disclosure-row","t":"Disclosure row","s":"usva","c":"data-display/accordion","hc":1},{"id":"usva:empty-state","t":"Empty state","s":"usva","c":"data-display/empty-state","hc":1},{"id":"usva:entity-card","t":"Entity card","s":"usva","c":"data-display/card","hc":1},{"id":"usva:feature-carousel","t":"Feature carousel","s":"usva","c":"media/carousel","hc":1},{"id":"usva:field-group","t":"Field group","s":"usva","c":"inputs/form-field","hc":1},{"id":"usva:footer","t":"Footer","k":"section","s":"usva","c":"marketing/footer","hc":1},{"id":"usva:hero-split","t":"Hero split","k":"section","s":"usva","c":"marketing/hero","sb":"Split","hc":1},{"id":"usva:mockup-showcase","t":"Mockup showcase","s":"usva","c":"media/mockup","hc":1},{"id":"usva:page-header","t":"Page header","s":"usva","c":"navigation/top-nav","hc":1},{"id":"usva:panel","t":"Panel","s":"usva","c":"data-display/card","hc":1},{"id":"usva:progress-row","t":"Progress row","s":"usva","c":"data-viz/progress-bar","hc":1},{"id":"usva:pullquote","t":"Pullquote","s":"usva","c":"other/other","hc":1},{"id":"usva:roadmap-timeline","t":"Roadmap timeline","s":"usva","c":"data-display/timeline","hc":1},{"id":"usva:section-heading","t":"Section heading","k":"motion","s":"usva","c":"motion/text-effect","hc":1},{"id":"usva:section-label","t":"Section label","s":"usva","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"usva:segmented-control","t":"Segmented control","s":"usva","c":"actions/segmented-control","hc":1},{"id":"usva:stat-bento","t":"Stat bento","k":"layout","s":"usva","c":"layout/bento-grid","hc":1},{"id":"usva:stat-card","t":"Stat card","s":"usva","c":"data-display/stat","hc":1},{"id":"usva:step-chips","t":"Step chips","s":"usva","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"usva:step-list","t":"Step list","s":"usva","c":"data-display/list","hc":1},{"id":"usva:stripe-card","t":"Stripe card","s":"usva","c":"data-display/card","hc":1},{"id":"usva:toolbar","t":"Toolbar","s":"usva","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"usva:sula-core","t":"Sula core","s":"usva","c":"other/other","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"usva:sula-fab","t":"Sula fab","s":"usva","c":"actions/button","tg":["webgl"],"sb":"Icon buttons","sy":["webgl"],"hc":1},{"id":"usva:sula-field","t":"Sula field","s":"usva","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"usva:sula-frame","t":"Sula frame","s":"usva","c":"other/other","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"usva:sula-loader","t":"Sula loader","s":"usva","c":"status/loader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"usva:sula-motion","t":"Sula motion","k":"motion","s":"usva","c":"motion/text-effect","hc":1},{"id":"usva:sula-nav","t":"Sula nav","s":"usva","c":"navigation/top-nav","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"usva:sula-segmented","t":"Sula segmented","s":"usva","c":"navigation/tabs","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"usva:page-transition","t":"Page transition","k":"motion","s":"usva","c":"motion/text-effect","hc":1},{"id":"usva:reveal","t":"Reveal","s":"usva","c":"other/other","hc":1},{"id":"usva:atmospheres-core","t":"Atmospheres core","s":"usva","c":"other/other","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"usva:hehku","t":"Hehku","k":"motion","s":"usva","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"usva:kajastus","t":"Kajastus","k":"motion","s":"usva","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"usva:kuulto","t":"Kuulto","s":"usva","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"usva:kynnos","t":"Kynnos","s":"usva","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"usva:loimu","t":"Loimu","s":"usva","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"usva:routa","t":"Routa","s":"usva","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"usva:utu","t":"Utu","s":"usva","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"usva:vare","t":"Vare","s":"usva","c":"inputs/form-field","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"utilcn:capitalize-all","t":"Capitalize All","d":"Capitalize the first letter of every word in a string.","k":"lib","s":"utilcn","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"utilcn:capitalize","t":"Capitalize","d":"Capitalize the first letter of a string.","k":"lib","s":"utilcn","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"utilcn:repeat-pad","t":"Repeat Pad","d":"Repeat a string until it reaches the desired length.","k":"lib","s":"utilcn","c":"lib/utility","hc":1},{"id":"utilcn:reverse-string","t":"Reverse String","d":"Reverse a string.","k":"lib","s":"utilcn","c":"lib/utility","hc":1},{"id":"utilcn:to-camel-case","t":"To Camel Case","d":"Convert a string to camelCase.","k":"lib","s":"utilcn","c":"lib/utility","hc":1},{"id":"utilcn:to-kebab-case","t":"To Kebab Case","d":"Convert a string to kebabCase.","k":"lib","s":"utilcn","c":"lib/utility","hc":1},{"id":"utilcn:to-pascal-case","t":"To Pascal Case","d":"Convert a string to PascalCase.","k":"lib","s":"utilcn","c":"lib/utility","hc":1},{"id":"utilcn:to-snake-case","t":"To Snake Case","d":"Convert a string to snake_case.","k":"lib","s":"utilcn","c":"lib/utility","hc":1},{"id":"utilcn:truncate-string","t":"Truncate String","d":"Truncate a string to a given length.","k":"lib","s":"utilcn","c":"lib/utility","hc":1},{"id":"utilcn:generate-presigned-download-url","t":"Generate Presigned Download URL","d":"Generate a presigned download URL for a file.","k":"lib","s":"utilcn","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"utilcn:generate-presigned-upload-url","t":"Generate Presigned Upload URL","d":"Generate a presigned upload URL for a file.","k":"lib","s":"utilcn","c":"lib/utility","sb":"Data fetching","hc":1},{"id":"utilcn:download-file","t":"Download A File From Storage","d":"Download a file from a storage provider using a presigned download URL.","s":"utilcn","c":"inputs/file-upload","hc":1},{"id":"utilcn:upload-file","t":"Upload A File To Storage","d":"Upload a file to a storage provider using a presigned upload URL.","s":"utilcn","c":"inputs/file-upload","hc":1},{"id":"utilcn:env-server","t":"Environment Server Configuration","d":"Environment variable validation schema using Zod for server configuration","k":"lib","s":"utilcn","c":"lib/utility","hc":1},{"id":"utilcn:upload-multiple-files","t":"Upload Multiple Files","d":"Upload multiple files to a storage provider using a presigned upload URL.","s":"utilcn","c":"inputs/file-upload","hc":1},{"id":"utilcn:chatgpt-app","t":"ChatGPT Widget Frontend","d":"Frontend widget implementation, build script, types, and hooks for embedding a ChatGPT MCP","s":"utilcn","c":"data-display/card","hc":1},{"id":"utilcn:chatgpt-app-backend","t":"ChatGPT MCP Backend","d":"MCP server bootstrap, widget asset builder, and tool registration for the ChatGPT widget.","s":"utilcn","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"uui:cards-shader-effect","t":"Cards Shader Effect","s":"uui","c":"data-display/card","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"uui:dropbox-upload","t":"Dropbox Upload","s":"uui","c":"inputs/file-upload","hc":1},{"id":"uui:family-signin-drawer","t":"Family Sign In Drawer","s":"uui","c":"overlays/sheet","hc":1},{"id":"uui:snapchat-loader","t":"Snapchat Loader","s":"uui","c":"status/loader","hc":1},{"id":"uui:sora-theme-picker","t":"Sora Theme Picker","s":"uui","c":"inputs/select","hc":1},{"id":"uui:text-shimmer-animation-on-hover","t":"Text Shimmer Animation","k":"motion","s":"uui","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"vectorstudio-ir:accordion","t":"Accordion","d":"A vertically stacked set of interactive headings that each reveal a section of content.","s":"vectorstudio-ir","c":"data-display/accordion","hc":1},{"id":"vectorstudio-ir:alert","t":"Alert","d":"Displays a callout for user attention.","s":"vectorstudio-ir","c":"overlays/alert-banner","hc":1},{"id":"vectorstudio-ir:alert-dialog","t":"Alert Dialog","d":"A modal dialog that interrupts the user with important content and expects a response.","s":"vectorstudio-ir","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"vectorstudio-ir:aspect-ratio","t":"Aspect Ratio","d":"Displays content within a desired ratio.","k":"layout","s":"vectorstudio-ir","c":"layout/page-shell","hc":1,"cp":1},{"id":"vectorstudio-ir:attachment","t":"Attachment","d":"File attachment preview chip with download / remove affordances.","s":"vectorstudio-ir","c":"inputs/file-upload","hc":1},{"id":"vectorstudio-ir:avatar","t":"Avatar","d":"An image element with a fallback for representing the user.","s":"vectorstudio-ir","c":"data-display/avatar","hc":1},{"id":"vectorstudio-ir:badge","t":"Badge","d":"Displays a badge or a component that looks like a badge.","s":"vectorstudio-ir","c":"data-display/badge","hc":1},{"id":"vectorstudio-ir:base-nova-rtl","t":"base nova rtl (brand palette + RTL defaults)","d":"Injects the Vectorstudio brand palette (orange primary, brand neutrals, success/warning to","k":"theme","s":"vectorstudio-ir","c":"themes/style"},{"id":"vectorstudio-ir:breadcrumb","t":"Breadcrumb","d":"Displays the path to the current resource using a hierarchy of links.","s":"vectorstudio-ir","c":"navigation/breadcrumb","hc":1},{"id":"vectorstudio-ir:bubble","t":"Bubble","d":"Chat bubble layout with avatar slot and timestamp.","s":"vectorstudio-ir","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"vectorstudio-ir:button","t":"Button","d":"Displays a button or a component that looks like a button. Base-nova variants on @base-ui/","s":"vectorstudio-ir","c":"actions/button","hc":1},{"id":"vectorstudio-ir:button-group","t":"Button Group","d":"Container that groups related buttons together with consistent spacing.","s":"vectorstudio-ir","c":"actions/button","sb":"Groups and split","hc":1},{"id":"vectorstudio-ir:calendar","t":"Calendar","d":"A date field component that allows users to enter and edit date values.","s":"vectorstudio-ir","c":"data-display/calendar","hc":1},{"id":"vectorstudio-ir:card","t":"Card","d":"Displays a card with header, content, and footer.","s":"vectorstudio-ir","c":"data-display/card","hc":1},{"id":"vectorstudio-ir:carousel","t":"Carousel","d":"A carousel with motion and swipe gestures, built on Embla.","s":"vectorstudio-ir","c":"media/carousel","hc":1},{"id":"vectorstudio-ir:chart","t":"Chart","d":"Recharts wrapper with theme tokens for bar/line/area/pie/radar charts.","s":"vectorstudio-ir","c":"data-viz/chart","hc":1},{"id":"vectorstudio-ir:checkbox","t":"Checkbox","d":"A control that allows the user to toggle between checked and not checked.","s":"vectorstudio-ir","c":"inputs/checkbox","hc":1},{"id":"vectorstudio-ir:collapsible","t":"Collapsible","d":"An interactive component which expands/collapses a panel.","s":"vectorstudio-ir","c":"data-display/accordion","hc":1,"cp":1},{"id":"vectorstudio-ir:combobox","t":"Combobox","d":"Autocomplete input with a filterable list of options, built on @base-ui/react.","s":"vectorstudio-ir","c":"inputs/combobox","hc":1},{"id":"vectorstudio-ir:command","t":"Command","d":"Fast, searchable command palette (⌘K) built on cmdk.","s":"vectorstudio-ir","c":"navigation/command-palette","hc":1},{"id":"vectorstudio-ir:context-menu","t":"Context Menu","d":"Displays a menu to the user — such as a set of actions — triggered by right-click.","s":"vectorstudio-ir","c":"overlays/context-menu","hc":1},{"id":"vectorstudio-ir:dialog","t":"Dialog","d":"A window overlaid on either the primary window or another dialog window.","s":"vectorstudio-ir","c":"overlays/dialog","hc":1},{"id":"vectorstudio-ir:direction","t":"Direction Provider","d":"Re-export of @base-ui/react/direction-provider for RTL/LTR directionality.","s":"vectorstudio-ir","c":"other/other","hc":1},{"id":"vectorstudio-ir:drawer","t":"Drawer","d":"A draggable, dismissable side panel.","s":"vectorstudio-ir","c":"overlays/sheet","hc":1},{"id":"vectorstudio-ir:dropdown-menu","t":"Dropdown Menu","d":"Displays a menu to the user — such as a set of actions — triggered by a button.","s":"vectorstudio-ir","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"vectorstudio-ir:empty","t":"Empty","d":"Placeholder for empty states (lists, tables, search results).","s":"vectorstudio-ir","c":"inputs/search","hc":1},{"id":"vectorstudio-ir:field","t":"Field","d":"Label + control + helper/error message container with consistent spacing.","s":"vectorstudio-ir","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"vectorstudio-ir:globals","t":"globals.css (base palette + RTL)","d":"Tailwind v4 CSS-first config with the Vectorstudio palette, Persian font registration, RTL","k":"theme","s":"vectorstudio-ir","c":"themes/style","fw":"CSS","hc":1},{"id":"vectorstudio-ir:hover-card","t":"Hover Card","d":"For sighted users to preview content available behind a link.","s":"vectorstudio-ir","c":"overlays/hover-card","hc":1},{"id":"vectorstudio-ir:icons","t":"Pixel Icons (578)","d":"Auto-generated barrel of 578 icons from @hackernoon/pixel-icon-library across regular, sol","k":"resource","s":"vectorstudio-ir","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"vectorstudio-ir:input","t":"Input","d":"Displays a form input field.","s":"vectorstudio-ir","c":"inputs/form-field","sb":"Whole forms","vn":1,"hc":1,"cp":1},{"id":"vectorstudio-ir:input-otp","t":"Input OTP","d":"Accessible one-time password input with individual character slots.","s":"vectorstudio-ir","c":"inputs/otp-input","hc":1},{"id":"vectorstudio-ir:item","t":"Item","d":"A versatile content container with header/body/footer slots.","s":"vectorstudio-ir","c":"data-display/list","hc":1},{"id":"vectorstudio-ir:kbd","t":"Kbd","d":"Displays keyboard shortcuts inside a kbd element.","s":"vectorstudio-ir","c":"data-display/typography","hc":1},{"id":"vectorstudio-ir:label","t":"Label","d":"Renders an accessible label associated with a form control.","s":"vectorstudio-ir","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"vectorstudio-ir:marker","t":"Marker","d":"Compact badge-like marker used for tags and statuses.","s":"vectorstudio-ir","c":"data-display/badge","hc":1},{"id":"vectorstudio-ir:menubar","t":"Menubar","d":"A visually persistent menu common in desktop applications. Built on @base-ui/react.","s":"vectorstudio-ir","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"vectorstudio-ir:message","t":"Message","d":"Single chat message with author, body, and timestamp slots.","s":"vectorstudio-ir","c":"ai-agent/ai-agent","sb":"Chat","hc":1,"cp":1},{"id":"vectorstudio-ir:message-scroller","t":"Message Scroller","d":"Auto-scrolling container for chat-style message lists with sticky scroll behavior.","s":"vectorstudio-ir","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"vectorstudio-ir:native-select","t":"Native Select","d":"Native HTML <select> styled to match the design system.","s":"vectorstudio-ir","c":"inputs/select","hc":1},{"id":"vectorstudio-ir:navigation-menu","t":"Navigation Menu","d":"A collection of links for navigating websites, with hover-to-open dropdowns.","s":"vectorstudio-ir","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"vectorstudio-ir:pagination","t":"Pagination","d":"Pagination with previous/next and page-number controls. Built on @base-ui/react.","s":"vectorstudio-ir","c":"navigation/pagination","hc":1},{"id":"vectorstudio-ir:pixel-icon","t":"PixelIcon","d":"Single-icon wrapper that renders a pixel-icon SVG with consistent sizing and color.","k":"resource","s":"vectorstudio-ir","c":"assets/icon","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"vectorstudio-ir:popover","t":"Popover","d":"Displays rich content in a portal, triggered by a button.","s":"vectorstudio-ir","c":"overlays/popover","hc":1},{"id":"vectorstudio-ir:progress","t":"Progress","d":"Displays an indicator showing the completion progress of a task.","s":"vectorstudio-ir","c":"data-viz/progress-bar","hc":1},{"id":"vectorstudio-ir:radio-group","t":"Radio Group","d":"A set of checkable buttons where no more than one can be checked at a time.","s":"vectorstudio-ir","c":"inputs/radio","hc":1},{"id":"vectorstudio-ir:resizable","t":"Resizable","d":"Accessible resizable panel groups, built on react-resizable-panels.","k":"layout","s":"vectorstudio-ir","c":"layout/split-pane","hc":1},{"id":"vectorstudio-ir:scroll-area","t":"Scroll Area","d":"Augments native scroll viewport with custom styled scrollbars.","k":"layout","s":"vectorstudio-ir","c":"layout/scroll-area","hc":1},{"id":"vectorstudio-ir:select","t":"Select","d":"Displays a list of options for the user to pick from — triggered by a button.","s":"vectorstudio-ir","c":"inputs/select","hc":1},{"id":"vectorstudio-ir:separator","t":"Separator","d":"Visually or semantically separates content.","k":"layout","s":"vectorstudio-ir","c":"layout/page-shell","hc":1,"cp":1},{"id":"vectorstudio-ir:sheet","t":"Sheet","d":"Extends the Dialog component to display content that complements the main content.","s":"vectorstudio-ir","c":"overlays/sheet","hc":1},{"id":"vectorstudio-ir:sidebar","t":"Sidebar","d":"Persisted, collapsible, mobile-aware sidebar with composable subcomponents.","s":"vectorstudio-ir","c":"navigation/sidebar","hc":1},{"id":"vectorstudio-ir:skeleton","t":"Skeleton","d":"Use to show a placeholder while content is loading.","s":"vectorstudio-ir","c":"status/skeleton","hc":1},{"id":"vectorstudio-ir:slider","t":"Slider","d":"An input where the user selects a value from within a given range.","s":"vectorstudio-ir","c":"inputs/slider","hc":1},{"id":"vectorstudio-ir:sonner","t":"Sonner","d":"Opinionated toast component built on the sonner library.","s":"vectorstudio-ir","c":"overlays/toast","hc":1},{"id":"vectorstudio-ir:spinner","t":"Spinner","d":"Loading spinner used to indicate a busy state.","s":"vectorstudio-ir","c":"status/loader","sb":"Spinners","hc":1},{"id":"vectorstudio-ir:switch","t":"Switch","d":"A control that allows the user to toggle between checked and not checked.","s":"vectorstudio-ir","c":"actions/switch","sb":"With labels","hc":1},{"id":"vectorstudio-ir:table","t":"Table","d":"A responsive table component with semantic markup and a sticky header option.","s":"vectorstudio-ir","c":"data-display/table","hc":1},{"id":"vectorstudio-ir:tabs","t":"Tabs","d":"A set of layered sections of content — known as tab panels — that are displayed one at a t","s":"vectorstudio-ir","c":"navigation/tabs","hc":1},{"id":"vectorstudio-ir:textarea","t":"Textarea","d":"Displays a form textarea.","s":"vectorstudio-ir","c":"inputs/textarea","hc":1,"cp":1},{"id":"vectorstudio-ir:toggle","t":"Toggle","d":"A two-state button that can be either on or off.","s":"vectorstudio-ir","c":"actions/switch","vn":1,"hc":1},{"id":"vectorstudio-ir:tooltip","t":"Tooltip","d":"A popup that displays information related to an element when the element receives keyboard","s":"vectorstudio-ir","c":"overlays/tooltip","hc":1},{"id":"vectorstudio-ir:use-mobile","t":"useIsMobile","d":"Hook that returns true when the viewport is below the mobile breakpoint.","k":"lib","s":"vectorstudio-ir","c":"lib/hook","hc":1,"cp":1},{"id":"vectorstudio-ir:utils","t":"Cn() helper","d":"clsx + tailwind-merge wrapper used by every primitive.","k":"lib","s":"vectorstudio-ir","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"velobits:velobits","t":"VeloBits","d":"The base style: tokens, the cn util, the provider stack, and every Tier-1 primitive, Tier-","k":"theme","s":"velobits","c":"themes/style","tg":["animated"],"sy":["animated"]},{"id":"velobits:velobits-theme","t":"VeloBits theme","d":"The full token layer as CSS variables. Every colour pair here is contrast-verified in both","k":"theme","s":"velobits","c":"themes/theme"},{"id":"velobits:cn","t":"Cn","d":"Tailwind-aware class merger. Signature must stay twMerge(clsx(...)) , the dashboard app po","k":"lib","s":"velobits","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"velobits:theme","t":"Theme resolution","d":"React-free light/dark resolution, storage and the blocking init script. Storage key is req","k":"lib","s":"velobits","c":"lib/utility","sb":"Theme","hc":1},{"id":"velobits:use-theme","t":"useTheme","d":"ThemeProvider + useTheme. Honours the existing fmx_theme_mode and tf.theme keys.","k":"lib","s":"velobits","c":"lib/hook","hc":1},{"id":"velobits:use-media-query","t":"useMediaQuery","d":"Media query subscription plus usePrefersReducedMotion. Import breakpoints from @velobitsio","k":"lib","s":"velobits","c":"lib/hook","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"velobits:use-row-selection","t":"useRowSelection","d":"Row selection for DataTable. The selection is DERIVED , the stored set intersected with th","k":"lib","s":"velobits","c":"lib/hook","hc":1},{"id":"velobits:velobits-provider","t":"VelobitsProvider","d":"Mount once at the shell root: ThemeProvider + TooltipProvider + MotionConfig reducedMotion","k":"layout","s":"velobits","c":"layout/page-shell","tg":["animated"],"sy":["animated"],"hc":1},{"id":"velobits:alert","t":"Alert","d":"Status panel. Defaults to polite role=\"status\"; escalate to \"alert\" deliberately. Tier-S g","s":"velobits","c":"overlays/alert-banner","tg":["glass"],"sy":["glass"],"hc":1},{"id":"velobits:avatar","t":"Avatar","s":"velobits","c":"data-display/avatar","hc":1},{"id":"velobits:badge","t":"Badge","d":"Soft washes pair with the matching text token, never with the solid fill.","s":"velobits","c":"data-display/badge","hc":1},{"id":"velobits:button","t":"Button","d":"Controls are radius-md. No variant paints --primary as text; `link` uses --primary-text.","s":"velobits","c":"actions/button","hc":1},{"id":"velobits:card","t":"Card","d":"Tier-S glass by default; surface=\"panel\" for the opaque original, which writes border-bord","s":"velobits","c":"data-display/card","tg":["glass"],"sy":["glass"],"hc":1},{"id":"velobits:checkbox","t":"Checkbox","d":"Includes the indeterminate state bulk-selection headers need.","s":"velobits","c":"inputs/checkbox","hc":1},{"id":"velobits:field","t":"Field","d":"Label/description/error wiring. Keeps BOTH ids in aria-describedby when a field has an err","s":"velobits","c":"inputs/form-field","hc":1},{"id":"velobits:glass-surface","t":"GlassSurface","d":"All three glass tiers behind one prop: surface (Tier S, no blur by default) · overlay · el","s":"velobits","c":"data-display/table","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"velobits:input","t":"Input","d":"border-input maps to --field-border, the half WCAG 1.4.11 gates.","s":"velobits","c":"inputs/form-field","hc":1},{"id":"velobits:kbd","t":"Kbd","s":"velobits","c":"data-display/typography","hc":1},{"id":"velobits:label","t":"Label","d":"A real <label>, so htmlFor resolves. Non-control roots need aria-labelledby instead.","s":"velobits","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"velobits:native-select","t":"NativeSelect","d":"A cva-styled native <select>. Deliberately NOT Radix Select, which is undriveable under ha","s":"velobits","c":"inputs/select","hc":1},{"id":"velobits:scroll-area","t":"ScrollArea","d":"A scrollable region with a styled scrollbar. The thumb is --field-border, not --border: it","k":"layout","s":"velobits","c":"layout/scroll-area","hc":1},{"id":"velobits:separator","t":"Separator","d":"Decorative, so it uses --border and is exempt from 1.4.11.","k":"layout","s":"velobits","c":"layout/page-shell","hc":1},{"id":"velobits:skeleton","t":"Skeleton","d":"aria-hidden; pair with ONE sr-only live region rather than announcing each block.","s":"velobits","c":"status/skeleton","hc":1},{"id":"velobits:slider","t":"Slider","d":"The name goes on the THUMB , Radix puts role=\"slider\" there, so htmlFor and a root aria-la","s":"velobits","c":"inputs/slider","hc":1},{"id":"velobits:spinner","t":"Spinner","s":"velobits","c":"status/loader","sb":"Spinners","hc":1},{"id":"velobits:switch","t":"Switch","d":"Applies immediately. Thumb translation is mirrored explicitly for RTL.","s":"velobits","c":"actions/switch","hc":1},{"id":"velobits:textarea","t":"Textarea","s":"velobits","c":"inputs/textarea","hc":1},{"id":"velobits:tooltip","t":"Tooltip","d":"TooltipProvider is required , Radix throws without it, and under Module Federation it must","s":"velobits","c":"overlays/tooltip","hc":1},{"id":"velobits:command-palette","t":"CommandPalette","d":"cmdk inside a Radix Dialog. The ⌘K listener is opt-in via `shortcut` , a design system mus","s":"velobits","c":"navigation/command-palette","hc":1},{"id":"velobits:dialog","t":"Dialog","d":"The centred form modal. `focusFirstField` exists because autoFocus is silently swallowed b","s":"velobits","c":"overlays/dialog","sb":"Forms","hc":1},{"id":"velobits:dropdown-menu","t":"DropdownMenu","d":"Highlight is data-[highlighted], never :hover , Radix drives keyboard focus through it. Ca","s":"velobits","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"velobits:popover","t":"Popover","d":"The elevated tier, for glass stacked on glass. PopoverTitle wires aria-labelledby , Radix ","s":"velobits","c":"overlays/popover","tg":["glass"],"sy":["glass"],"hc":1},{"id":"velobits:side-panel","t":"SidePanel","d":"The anchored reading sheet. Deliberately NOT Dialog and deliberately does NOT redirect foc","s":"velobits","c":"overlays/sheet","hc":1},{"id":"velobits:toast","t":"Toast","d":"Variants use a logical border stripe, not a soft wash: bg-*-soft is a utility and beats --","s":"velobits","c":"overlays/toast","tg":["glass"],"sy":["glass"],"hc":1},{"id":"velobits:accordion","t":"Accordion","d":"The one sanctioned height animation: Radix measures --radix-accordion-content-height, so i","s":"velobits","c":"data-display/accordion","hc":1},{"id":"velobits:app-shell","t":"AppShell","d":"The authenticated chrome. `sidebar` is a prop rather than a child because it is rendered T","k":"layout","s":"velobits","c":"layout/dashboard","hc":1},{"id":"velobits:breadcrumb","t":"Breadcrumb","d":"A named nav landmark around an ordered list. The leaf is a plain span with aria-current=\"p","s":"velobits","c":"navigation/breadcrumb","hc":1},{"id":"velobits:code-block","t":"CodeBlock","d":"Preformatted code, with a copy button that survives an insecure origin (navigator.clipboar","s":"velobits","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"velobits:data-table","t":"DataTable","d":"Sorting, selection and row activation over a column registry , deliberately not TanStack, ","s":"velobits","c":"data-display/table","sb":"Data tables","hc":1},{"id":"velobits:diff-viewer","t":"DiffViewer","d":"A unified line diff. The +/− gutter is the primary channel and the green/red wash the seco","s":"velobits","c":"data-display/diff","hc":1},{"id":"velobits:empty-state","t":"EmptyState","d":"First-run, filtered-to-nothing and failed-to-load are three different states; this covers ","s":"velobits","c":"data-display/empty-state","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"velobits:form","t":"Form","d":"react-hook-form bound to Field’s ARIA wiring. label and description are PROPS, not childre","s":"velobits","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"velobits:motion","t":"Motion","d":"Page transitions and capped list staggers on framer-motion, which was already a required p","s":"velobits","c":"inputs/form-field","tg":["animated"],"sy":["animated"],"hc":1},{"id":"velobits:pagination","t":"Pagination","d":"Numbers are links, previous/next are buttons: an <a> cannot express \"unavailable\" without ","s":"velobits","c":"navigation/pagination","hc":1},{"id":"velobits:segmented-control","t":"SegmentedControl","d":"Radix ToggleGroup with a REAL disabled and a working accessible name , a div root makes an","s":"velobits","c":"actions/segmented-control","hc":1},{"id":"velobits:status-chip","t":"StatusChip","d":"On/off/partial/pending/archived as one chip. Every status ships a DISTINCT glyph, because ","s":"velobits","c":"data-display/badge","sb":"Status","hc":1},{"id":"velobits:table","t":"Table","d":"Rows are never glass , one backdrop-filter per row repaints its own backdrop region on eve","s":"velobits","c":"data-display/table","tg":["glass"],"sy":["glass"],"hc":1},{"id":"velobits:tabs","t":"Tabs","s":"velobits","c":"navigation/tabs","hc":1},{"id":"velora:aurora-background","t":"Aurora Background","d":"Velora's signature drifting aurora gradient backdrop.","k":"motion","s":"velora","c":"motion/background","tg":["gradient"],"sb":"Gradients and aurora","sy":["gradient"],"hc":1},{"id":"velora:background-beams","t":"Background Beams","d":"Light beams flowing along curved paths behind content.","k":"motion","s":"velora","c":"motion/background","sb":"Beams and light","hc":1},{"id":"velora:background-boxes","t":"Background Boxes","d":"An isometric grid whose cells light up in brand tints under the pointer.","k":"motion","s":"velora","c":"motion/background","hc":1},{"id":"velora:dotted-glow-background","t":"Dotted Glow Background","d":"Canvas dot grid where drifting glows brighten dots and tint them toward the brand.","k":"motion","s":"velora","c":"motion/background","tg":["neon"],"sb":"Grids and patterns","sy":["neon"],"hc":1},{"id":"velora:flickering-grid","t":"Flickering Grid","d":"Grid of squares fading in and out on staggered timers.","s":"velora","c":"data-display/table","hc":1},{"id":"velora:grid-pattern","t":"Grid & Dot Pattern","d":"SVG grid and dot backdrops with maskable depth.","k":"motion","s":"velora","c":"motion/background","tg":["3d"],"sb":"Grids and patterns","sy":["3d"],"hc":1},{"id":"velora:lamp","t":"Lamp","d":"A glowing lamp-line header that expands into view.","k":"motion","s":"velora","c":"motion/background","tg":["neon"],"sb":"Gradients and aurora","sy":["neon"],"hc":1},{"id":"velora:light-rays","t":"Light Rays","d":"God rays fanning down from the top of a section.","s":"velora","c":"other/other","hc":1},{"id":"velora:meteors","t":"Meteors","d":"Falling meteor streaks for dark hero and CTA sections.","k":"motion","s":"velora","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"velora:noise-background","t":"Noise Background","d":"Drifting brand-gradient blobs under a static film-grain overlay; wraps its content.","k":"motion","s":"velora","c":"motion/background","tg":["gradient"],"sb":"Noise and texture","sy":["gradient"],"hc":1},{"id":"velora:particles","t":"Particles","d":"Drifting, twinkling particle field on a lightweight canvas.","k":"motion","s":"velora","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"velora:retro-grid","t":"Retro Grid","d":"Perspective grid scrolling forever toward the horizon.","k":"motion","s":"velora","c":"motion/tilt-3d","tg":["3d","retro and HUD"],"sy":["3d","retro and HUD"],"hc":1},{"id":"velora:ripple","t":"Ripple","d":"Concentric rings pulsing outward — calm 'listening' backdrop.","k":"motion","s":"velora","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"velora:shooting-stars","t":"Shooting Stars","d":"A twinkling star field with brand-tinted streaks shooting across at random.","k":"motion","s":"velora","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"velora:vortex","t":"Vortex","d":"Brand-tinted particles spiralling into the centre, leaving soft fading trails.","k":"motion","s":"velora","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"velora:wavy-background","t":"Wavy Background","d":"Blurred, translucent ribbons of brand colour flowing sideways on a canvas.","k":"motion","s":"velora","c":"motion/background","hc":1},{"id":"velora:animated-gradient-text","t":"Animated Gradient Text","d":"Brand gradient sweeping continuously through text.","k":"motion","s":"velora","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"],"hc":1},{"id":"velora:flip-words","t":"Flip Words","d":"Cycles words with a springy blur-flip transition.","k":"motion","s":"velora","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"velora:hyper-text","t":"Hyper Text","d":"Scrambles through letters and resolves into the real text.","k":"motion","s":"velora","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"velora:morphing-text","t":"Morphing Text","d":"Blurs one phrase out as the next resolves in.","k":"motion","s":"velora","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"velora:number-ticker","t":"Number Ticker","d":"Springs a number up when it enters the viewport.","k":"motion","s":"velora","c":"motion/number-ticker","hc":1},{"id":"velora:sparkles-text","t":"Sparkles Text","d":"Twinkling stars orbiting your headline.","k":"motion","s":"velora","c":"motion/text-effect","hc":1},{"id":"velora:text-highlighter","t":"Text Highlighter","d":"Marker-pen sweep that draws in when the phrase scrolls into view.","k":"motion","s":"velora","c":"motion/text-effect","hc":1},{"id":"velora:text-hover-effect","t":"Text Hover Effect","d":"Giant outlined word that draws in, then glows in brand colours under the pointer.","k":"motion","s":"velora","c":"motion/text-effect","tg":["neon"],"sy":["neon"],"hc":1},{"id":"velora:text-reveal","t":"Text Reveal","d":"Word-by-word blur reveal on scroll.","k":"motion","s":"velora","c":"motion/text-effect","sb":"Reveal and entrance","hc":1},{"id":"velora:text-shimmer","t":"Text Shimmer","d":"A soft light sweep — great for AI loading states.","k":"motion","s":"velora","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"velora:typewriter","t":"Typewriter","d":"Types, holds and deletes through a list of words.","k":"motion","s":"velora","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"velora:word-rotate","t":"Word Rotate","d":"Swaps a single word on a quiet vertical roll.","k":"motion","s":"velora","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"velora:confetti","t":"Confetti","d":"Dependency-free confetti burst, fired from anywhere.","k":"motion","s":"velora","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"velora:magnetic-button","t":"Magnetic Button","d":"Leans toward the cursor and springs back on leave.","s":"velora","c":"actions/button","sb":"Animated","hc":1},{"id":"velora:moving-border","t":"Moving Border","d":"A light laps the button's border via offset-path.","k":"motion","s":"velora","c":"motion/border","hc":1},{"id":"velora:rainbow-button","t":"Rainbow Button","d":"CTA cycling the brand ramp, with a matching glow beneath.","s":"velora","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"],"hc":1},{"id":"velora:ripple-button","t":"Ripple Button","d":"Expands a ripple from the exact point you pressed.","s":"velora","c":"actions/button","sb":"Animated","hc":1},{"id":"velora:shimmer-button","t":"Shimmer Button","d":"CTA button with a continuous light sweep.","s":"velora","c":"actions/button","sb":"Animated","hc":1},{"id":"velora:stateful-button","t":"Stateful Button","d":"Button that morphs through loading, success and error states while a Promise settles.","s":"velora","c":"actions/button","sb":"Loading and states","hc":1},{"id":"velora:theme-toggler","t":"Theme Toggler","d":"Wipes the new theme in as a circle using View Transitions.","s":"velora","c":"other/other","hc":1},{"id":"velora:animated-list","t":"Animated List","d":"Looping feed that springs each item in, newest on top.","s":"velora","c":"data-display/list","hc":1},{"id":"velora:animated-tooltip","t":"Animated Tooltip","d":"Avatar row with springy name tooltips on hover.","s":"velora","c":"overlays/tooltip","hc":1},{"id":"velora:avatar-circles","t":"Avatar Circles","d":"Stacked initials avatars with a +N badge — zero images.","s":"velora","c":"data-display/avatar","hc":1},{"id":"velora:bento-grid","t":"Bento Grid","d":"Feature bento with hover-reveal CTAs and rich backgrounds.","k":"layout","s":"velora","c":"layout/bento-grid","hc":1},{"id":"velora:card-hover-effect","t":"Card Hover Effect","d":"Link-card grid with a highlight that glides to whichever card you hover or focus.","s":"velora","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"velora:card-stack","t":"Card Stack","d":"Deck that shuffles the top card to the back on a timer.","s":"velora","c":"media/card-stack","hc":1},{"id":"velora:compare-slider","t":"Compare Slider","d":"Before/after wipe with a keyboard-accessible divider.","s":"velora","c":"media/image-compare","hc":1},{"id":"velora:direction-aware-hover","t":"Direction Aware Hover","d":"Overlay enters from the edge the cursor actually crossed.","k":"motion","s":"velora","c":"motion/cursor","hc":1},{"id":"velora:dock","t":"Dock","d":"macOS-style dock with cursor magnification.","s":"velora","c":"navigation/dock","hc":1},{"id":"velora:draggable-card","t":"Draggable Card","d":"Scattered photo cards you can fling around with inertia, tilt and bounds.","s":"velora","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"velora:evervault-card","t":"Evervault Card","d":"Card that reveals shuffling brand-tinted characters through a mask following the pointer.","s":"velora","c":"data-display/card","sb":"Animated and glowing","hc":1},{"id":"velora:expandable-card","t":"Expandable Card","d":"Expands into a centred panel with shared-layout transitions.","s":"velora","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"velora:file-tree","t":"File Tree","d":"Collapsible tree for documenting project structure.","s":"velora","c":"data-display/tree","hc":1},{"id":"velora:focus-cards","t":"Focus Cards","d":"Image grid where the hovered card stays sharp while the others blur and step back.","s":"velora","c":"data-display/card","hc":1},{"id":"velora:glare-card","t":"Glare Card","d":"Sheet of light tracking the cursor, like a foil trading card.","s":"velora","c":"data-display/card","hc":1},{"id":"velora:layout-grid","t":"Layout Grid","d":"Bento grid of image tiles that expand in place to reveal rich content.","s":"velora","c":"media/gallery","sb":"Grids","hc":1},{"id":"velora:marquee","t":"Marquee","d":"Seamless scrolling loop — horizontal, vertical, hover-pause.","k":"motion","s":"velora","c":"motion/marquee","hc":1},{"id":"velora:orbiting-circles","t":"Orbiting Circles","d":"Items evenly distributed on rotating orbital rings.","s":"velora","c":"data-display/list","hc":1},{"id":"velora:spotlight-card","t":"Spotlight Card","d":"A radial glow that follows the cursor across the card.","s":"velora","c":"data-display/card","tg":["neon"],"sb":"Animated and glowing","sy":["neon"],"hc":1},{"id":"velora:tilt-card","t":"Tilt Card","d":"3D perspective tilt that tracks the cursor.","s":"velora","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"hc":1},{"id":"velora:wobble-card","t":"Wobble Card","d":"Colored card that drifts toward the pointer, with parallax content and grain.","s":"velora","c":"data-display/card","hc":1},{"id":"velora:animated-sidebar","t":"Animated Sidebar","d":"Icon rail that expands on hover or focus and turns into a drawer on narrow screens.","s":"velora","c":"navigation/sidebar","hc":1},{"id":"velora:animated-tabs","t":"Animated Tabs","d":"Tabs with a gliding pill and panels stacked like cards that peek behind.","s":"velora","c":"navigation/tabs","hc":1},{"id":"velora:floating-navbar","t":"Floating Navbar","d":"Hides on scroll down, returns the moment you scroll up.","s":"velora","c":"navigation/top-nav","sb":"Floating","hc":1},{"id":"velora:navbar-menu","t":"Navbar Menu","d":"Hover-driven menu whose pill and panel morph between items.","s":"velora","c":"navigation/menu","hc":1},{"id":"velora:resizable-navbar","t":"Resizable Navbar","d":"Full-width navbar that shrinks into a floating, blurred pill once you scroll.","s":"velora","c":"navigation/top-nav","hc":1},{"id":"velora:sticky-banner","t":"Sticky Banner","d":"Dismissible announcement bar pinned above the header.","s":"velora","c":"overlays/alert-banner","hc":1},{"id":"velora:file-drop","t":"File Drop","d":"Upload zone that lifts and glows while a file is over it.","s":"velora","c":"inputs/file-upload","tg":["neon"],"sy":["neon"],"hc":1},{"id":"velora:stepper","t":"Stepper","d":"Progress indicator for multi-step forms and checkouts.","s":"velora","c":"navigation/wizard-steps","hc":1},{"id":"velora:vanish-input","t":"Vanish Input","d":"Search field whose placeholder cycles while empty.","s":"velora","c":"inputs/form-field","hc":1},{"id":"velora:animated-modal","t":"Animated Modal","d":"Native dialog whose panel springs in with a tilt over a blurred backdrop.","s":"velora","c":"overlays/dialog","tg":["3d"],"sb":"Animated","sy":["3d"],"hc":1},{"id":"velora:loaders","t":"Loaders","d":"Five tiny CSS loading indicators — dots, pulse, orbit, bars and spinner.","s":"velora","c":"status/loader","hc":1},{"id":"velora:multi-step-loader","t":"Multi Step Loader","d":"Full-screen overlay that ticks through a list of steps, keeping the active one centred.","s":"velora","c":"status/loader","hc":1},{"id":"velora:animated-testimonials","t":"Animated Testimonials","d":"Crossfades portraits behind a rotating quote.","k":"section","s":"velora","c":"marketing/testimonials","hc":1},{"id":"velora:logo-cloud","t":"Logo Cloud","d":"Customer logos muted until hovered, so they read as texture.","k":"section","s":"velora","c":"marketing/logos","hc":1},{"id":"velora:tweet-card","t":"Tweet Card","d":"Static social-proof card — props, not an API call.","s":"velora","c":"data-display/card","hc":1},{"id":"velora:container-scroll","t":"Container Scroll","d":"Screenshot panel that rotates flat as it scrolls into view.","k":"layout","s":"velora","c":"layout/scroll-area","hc":1},{"id":"velora:hero-parallax","t":"Hero Parallax","d":"Hero copy over three card rows that slide apart as a tilted block flattens.","k":"layout","s":"velora","c":"layout/scroll-area","tg":["3d","webgl"],"sy":["3d","webgl"],"hc":1},{"id":"velora:macbook-scroll","t":"Macbook Scroll","d":"A CSS-drawn laptop pins in place and opens its lid as the screenshot scales up.","k":"layout","s":"velora","c":"layout/scroll-area","hc":1},{"id":"velora:parallax-grid","t":"Parallax Grid","d":"Gallery columns drifting at different rates for depth.","k":"layout","s":"velora","c":"layout/scroll-area","tg":["3d"],"sy":["3d"],"hc":1},{"id":"velora:scroll-progress","t":"Scroll Progress","d":"Gradient page-progress bar pinned to the top.","s":"velora","c":"data-viz/progress-bar","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"velora:scroll-velocity","t":"Scroll Velocity","d":"Marquee whose speed and direction follow your scrolling.","k":"layout","s":"velora","c":"layout/scroll-area","hc":1},{"id":"velora:sticky-scroll","t":"Sticky Scroll","d":"Copy scrolls past a pinned panel that swaps per section.","k":"layout","s":"velora","c":"layout/scroll-area","hc":1},{"id":"velora:timeline","t":"Timeline","d":"Vertical timeline with sticky labels and a gradient beam that fills as you scroll.","s":"velora","c":"data-display/timeline","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"velora:tracing-beam","t":"Tracing Beam","d":"Gradient line that draws itself down long-form content.","k":"motion","s":"velora","c":"motion/background","tg":["gradient"],"sb":"Beams and light","sy":["gradient"],"hc":1},{"id":"velora:animated-beam","t":"Animated Beam","d":"Draws an animated connection between any two elements.","k":"motion","s":"velora","c":"motion/background","sb":"Beams and light","hc":1},{"id":"velora:blur-fade","t":"Blur Fade","d":"The workhorse entrance — blur, fade and drift into view.","k":"motion","s":"velora","c":"motion/text-effect","hc":1},{"id":"velora:border-beam","t":"Border Beam","d":"A beam of light traveling around any border.","k":"motion","s":"velora","c":"motion/border","hc":1},{"id":"velora:glowing-effect","t":"Glowing Effect","d":"Border glow that follows the pointer around a card's edge as it comes near.","s":"velora","c":"data-display/card","tg":["neon"],"sb":"Animated and glowing","sy":["neon"],"hc":1},{"id":"velora:3d-card","t":"3D Card","d":"Perspective card that turns toward the pointer while its layers lift to different depths.","s":"velora","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"hc":1},{"id":"velora:3d-pin","t":"3D Pin","d":"Card that tilts back as a glowing pin rises with a label chip and rippling rings.","s":"velora","c":"inputs/form-field","tg":["3d","neon"],"sy":["3d","neon"],"hc":1},{"id":"velora:3d-marquee","t":"3D Marquee","d":"A tilted 3D grid of images whose columns scroll up and down in an endless loop.","k":"motion","s":"velora","c":"motion/marquee","tg":["3d"],"sy":["3d"],"hc":1},{"id":"velora:apple-cards-carousel","t":"Apple Cards Carousel","d":"Snap-scrolling row of tall image cards that morph into a full modal story.","s":"velora","c":"media/carousel","hc":1},{"id":"velora:image-slider","t":"Image Slider","d":"Full-bleed image slider with crossfade-zoom, autoplay, dots, arrows and swipe.","s":"velora","c":"inputs/slider","hc":1},{"id":"velora:following-pointer","t":"Following Pointer","d":"Swaps the cursor for an arrow and a name tag that trail the pointer inside a region.","k":"motion","s":"velora","c":"motion/cursor","hc":1},{"id":"velora:lens","t":"Lens","d":"Circular magnifier that follows the pointer or arrow keys to zoom into an image.","s":"velora","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"velora:pointer-highlight","t":"Pointer Highlight","d":"Draws an outline around a phrase on scroll, then glides a pointer icon to its corner.","k":"motion","s":"velora","c":"motion/cursor","hc":1},{"id":"velora:smooth-cursor","t":"Smooth Cursor","d":"Dot-and-ring custom cursor; the ring trails on a spring and grows over links and buttons.","k":"motion","s":"velora","c":"motion/cursor","hc":1},{"id":"velora:globe","t":"Globe","d":"Dotted canvas globe with markers, great-circle arcs, drag and keyboard rotation.","k":"motion","s":"velora","c":"motion/globe","hc":1},{"id":"velora:world-map","t":"World Map","d":"Dotted SVG world map with markers, pulsing hubs and animated connection arcs.","s":"velora","c":"data-viz/map","hc":1},{"id":"velora:browser-mockup","t":"Browser Mockup","d":"Browser window frame for product screenshots.","s":"velora","c":"media/mockup","hc":1},{"id":"velora:code-block","t":"Code Block","d":"Code panel with tabs, line numbers, highlighted lines and a copy button.","s":"velora","c":"data-display/code-block","hc":1},{"id":"velora:iphone-mockup","t":"iPhone Mockup","d":"iPhone frame with dynamic island — pure CSS.","s":"velora","c":"media/mockup","hc":1},{"id":"velora:terminal","t":"Terminal","d":"A terminal window that types its lines in view.","s":"velora","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"velora:hero-aurora","t":"Aurora hero","d":"Centered hero with a drifting aurora, dotted backdrop, announcement pill and staggered cop","k":"section","s":"velora","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"],"hc":1},{"id":"velora:hero-globe","t":"Globe split hero","d":"Split hero with copy, CTAs and live stats beside an interactive dotted globe with arcs.","k":"section","s":"velora","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"velora:hero-screenshot","t":"Product screenshot hero","d":"Centered headline above a dashboard in a browser frame with a border beam and a logo row.","k":"section","s":"velora","c":"marketing/hero","sb":"With product shot","hc":1},{"id":"velora:hero-split-phone","t":"Phone split hero","d":"App launch hero with an email capture on the left and an app screen in an iPhone frame.","k":"section","s":"velora","c":"marketing/hero","sb":"Split","hc":1},{"id":"velora:hero-waves","t":"Wavy hero","d":"Bold centered hero over flowing waves, with a rotating headline word and avatar social pro","k":"section","s":"velora","c":"marketing/hero","hc":1},{"id":"velora:hero-grid-minimal","t":"Developer tool hero","d":"Minimal hero on a retro grid with a typed headline accent, an install terminal and two CTA","k":"section","s":"velora","c":"marketing/hero","tg":["minimal","retro and HUD"],"sb":"Centered and minimal","sy":["minimal","retro and HUD"],"hc":1},{"id":"velora:features-bento","t":"Bento feature grid","d":"Five-card bento grid with live visuals: integration beams, orbiting icons, a chart, a tag ","k":"layout","s":"velora","c":"layout/bento-grid","hc":1},{"id":"velora:features-icon-grid","t":"Icon feature grid","d":"Heading and six icon feature cards in a three-column grid, each border lit by a cursor-fol","k":"section","s":"velora","c":"marketing/features","tg":["neon","webgl"],"sb":"Grid of cards","sy":["neon","webgl"],"hc":1},{"id":"velora:features-tabs","t":"Tabbed product tour","d":"Product tour with animated tabs; each tab pairs short copy and a checklist with a Tailwind","s":"velora","c":"navigation/tabs","hc":1},{"id":"velora:features-split-screenshot","t":"Alternating screenshot rows","d":"Two alternating rows of copy with a checklist beside a browser-framed dashboard mock, side","k":"section","s":"velora","c":"marketing/features","sb":"Showcase and split","hc":1},{"id":"velora:features-steps","t":"Numbered steps","d":"How-it-works section with four numbered steps on a gradient connector line, each with a sm","s":"velora","c":"navigation/wizard-steps","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"velora:pricing-three-tiers","t":"Three tier pricing","d":"Three plan cards with a monthly/yearly switch, a savings badge and a highlighted middle pl","k":"section","s":"velora","c":"marketing/pricing","tg":["webgl"],"sb":"Plan cards","sy":["webgl"],"hc":1},{"id":"velora:pricing-single-plan","t":"Single plan pricing","d":"One all-inclusive plan card beside a benefit list and short reassurance answers.","k":"section","s":"velora","c":"marketing/pricing","sb":"Single plan","hc":1},{"id":"velora:pricing-comparison","t":"Pricing comparison table","d":"Grouped feature comparison table with a sticky plan header, and per-plan tabs on mobile.","k":"section","s":"velora","c":"marketing/comparison","hc":1},{"id":"velora:testimonials-marquee","t":"Testimonial marquee","d":"Two rows of review cards scrolling in opposite directions, with faded edges and pause on h","k":"section","s":"velora","c":"marketing/testimonials","hc":1},{"id":"velora:testimonials-featured","t":"Featured testimonial","d":"One rotating quote with crossfading portraits, framed by a beam card over a row of countin","k":"section","s":"velora","c":"marketing/testimonials","hc":1},{"id":"velora:testimonials-grid","t":"Testimonial grid","d":"Masonry wall of social posts and quote cards, led by a wide case-study quote with a headli","k":"section","s":"velora","c":"marketing/testimonials","hc":1},{"id":"velora:cta-vortex","t":"Vortex CTA band","d":"Dark rounded call-to-action band over a brand-tinted particle vortex, with two actions and","k":"section","s":"velora","c":"marketing/cta","hc":1},{"id":"velora:cta-split-image","t":"Split CTA with product visual","d":"Two-column CTA card with a benefit list and a dashboard mock-up, traced by an animated bor","s":"velora","c":"media/gallery","hc":1},{"id":"velora:cta-newsletter","t":"Newsletter sign up","d":"Newsletter card over a glowing dot grid with a labelled email field, subscriber avatars an","k":"section","s":"velora","c":"marketing/cta","tg":["neon"],"sb":"Newsletter and waitlist","sy":["neon"],"hc":1},{"id":"velora:logos-marquee","t":"Logo marquee","d":"A “Trusted by” line over a scrolling strip of grayscale logos that take their colour on ho","k":"section","s":"velora","c":"marketing/logos","hc":1},{"id":"velora:logos-grid","t":"Logo grid","d":"Bordered grid of customer logos with a cursor spotlight per cell, beside a heading and sto","k":"section","s":"velora","c":"marketing/logos","hc":1},{"id":"velora:faq-accordion","t":"Centered FAQ accordion","d":"Centered heading over an accordion of eight questions, closed by a contact row.","s":"velora","c":"data-display/accordion","sb":"FAQ","hc":1},{"id":"velora:faq-two-column","t":"Two column FAQ","d":"Sticky intro and contact card on the left, an accordion of questions on the right.","k":"section","s":"velora","c":"marketing/faq","hc":1},{"id":"velora:navbar-floating","t":"Floating pill navbar","d":"Full-width navbar that shrinks into a blurred floating pill on scroll, with a CTA and mobi","s":"velora","c":"navigation/top-nav","sb":"Floating","hc":1},{"id":"velora:navbar-mega","t":"Mega menu navbar","d":"Top bar with a keyboard-accessible Product mega menu, search, sign-in and a slide-over mob","s":"velora","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"velora:footer-columns","t":"Link columns footer","d":"Footer with logo, tagline and social links, four link columns and a copyright bar with leg","k":"section","s":"velora","c":"marketing/footer","hc":1},{"id":"velora:footer-wordmark","t":"Giant wordmark footer","d":"Minimal footer that ends in an oversized outlined wordmark lighting up in brand colours un","k":"resource","s":"velora","c":"assets/logo","tg":["minimal"],"sb":"Dev tools","sy":["minimal"],"hc":1},{"id":"velora:footer-newsletter","t":"Newsletter footer","d":"Footer with a newsletter sign-up row, link columns and a live “All systems normal” status ","k":"section","s":"velora","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"velora:auth-login-split","t":"Split login page","d":"Login form with password reveal, remember-me and social sign-in beside an aurora testimoni","k":"layout","s":"velora","c":"flows/sign-in","tg":["gradient"],"sb":"Split with image","sy":["gradient"],"hc":1},{"id":"velora:auth-signup-card","t":"Sign up card","d":"Centered sign-up card over a grid and light beams, with live password rules, terms and soc","k":"layout","s":"velora","c":"flows/sign-in","sb":"Sign up","hc":1},{"id":"vernostudio:theme","t":"Theme","d":"The color scale plus the variables shadcn components read, so a component from either regi","k":"theme","s":"vernostudio","c":"themes/theme"},{"id":"vernostudio:badge","t":"Badge","d":"A label for the metadata a reader scans rather than reads. Eight hues with a low-contrast ","s":"vernostudio","c":"data-display/badge","tg":["gradient","webgl"],"sy":["gradient","webgl"],"hc":1},{"id":"vernostudio:file-tree","t":"File Tree","d":"A directory listing with collapsible folders, built from nested disclosures rather than a ","s":"vernostudio","c":"data-display/tree","hc":1},{"id":"vernostudio:json-view","t":"JSON View","d":"A collapsible tree for inspecting a JSON payload, with syntax roles, search highlighting a","s":"vernostudio","c":"inputs/search","hc":1},{"id":"vernostudio:spinner","t":"Spinner","d":"A wireframe atom that assembles itself and then turns in space: three orbits arrive one pe","s":"vernostudio","c":"status/loader","tg":["webgl"],"sb":"Spinners","sy":["webgl"],"hc":1},{"id":"videocn:player","t":"Video Player","d":"Le lecteur vidéo complet : socle, contrôles, chapitres et sous-titres.","s":"videocn","c":"media/player","hc":1},{"id":"voraui:fear-greed-gauge","t":"Fear & Greed Gauge","d":"Crypto Fear & Greed index dial with live data from alternative.me.","s":"voraui","c":"data-viz/gauge","tg":["animated"],"sy":["animated"],"hc":1},{"id":"voraui:altseason-gauge","t":"Altseason Gauge","d":"Altcoin Season index gauge computed client-side from CoinPaprika data.","s":"voraui","c":"data-viz/gauge","tg":["animated"],"sy":["animated"],"hc":1},{"id":"voraui:btc-rainbow-chart","t":"BTC Rainbow Chart","d":"Bitcoin rainbow log-regression chart with Binance history and a bundled 2010-2017 seed.","s":"voraui","c":"data-viz/chart","hc":1},{"id":"voraui:trading-chart","t":"Trading Chart","d":"Candlestick chart with trade markers, clustering, and live Binance updates.","s":"voraui","c":"data-viz/chart","sb":"Financial","hc":1},{"id":"vue-bits:AccordionGallery","t":"AccordionGallery","d":"Panels expand on hover or focus, revealing parallax imagery and captions.","s":"vue-bits","c":"media/gallery","tg":["animated"],"sb":"Hover effects","fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:AcidSquares","t":"AcidSquares","d":"A crystalline corridor of stacked squares receding into depth.","s":"vue-bits","c":"other/other","tg":["3d","webgl"],"fw":"Vue","sy":["3d","webgl"],"hc":1},{"id":"vue-bits:AeroShards","t":"AeroShards","d":"A GPU-driven wind sculpture of folded foil shards with crisp detail, content-safe placemen","k":"motion","s":"vue-bits","c":"motion/cursor","fw":"Vue","hc":1},{"id":"vue-bits:AnimatedContent","t":"AnimatedContent","d":"Wrapper that animates any children on scroll or mount with configurable direction, distanc","k":"layout","s":"vue-bits","c":"layout/scroll-area","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:AnimatedList","t":"AnimatedList","d":"List items enter with staggered motion variants for polished reveals.","s":"vue-bits","c":"data-display/list","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:Antigravity","t":"Antigravity","d":"3D antigravity particle field that repels from the cursor with smooth motion.","s":"vue-bits","c":"inputs/form-field","tg":["3d","webgl"],"fw":"Vue","sy":["3d","webgl"],"hc":1},{"id":"vue-bits:ASCIIText","t":"ASCIIText","d":"Renders text with an animated ASCII background for a retro feel.","k":"motion","s":"vue-bits","c":"motion/ascii","tg":["retro and HUD","webgl"],"fw":"Vue","sy":["retro and HUD","webgl"],"hc":1},{"id":"vue-bits:Aurora","t":"Aurora","d":"Flowing aurora gradient background.","k":"motion","s":"vue-bits","c":"motion/gradient","tg":["gradient","webgl"],"fw":"Vue","sy":["gradient","webgl"],"hc":1},{"id":"vue-bits:Balatro","t":"Balatro","d":"The balatro shader, fully customizalbe and interactive.","k":"motion","s":"vue-bits","c":"motion/shader","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:Ballpit","t":"Ballpit","d":"Physics ball pit simulation with bouncing colorful spheres.","s":"vue-bits","c":"other/other","tg":["animated","webgl"],"fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"vue-bits:Beams","t":"Beams","d":"Crossing animated ribbons with customizable properties.","k":"motion","s":"vue-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:BellToggle","t":"BellToggle","d":"Pill toggle that answers a press at three tempos: the bell rings on damped keyframes, the ","s":"vue-bits","c":"actions/switch","tg":["animated","webgl"],"sb":"Animated","fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"vue-bits:BlobCursor","t":"BlobCursor","d":"Organic blob cursor that smoothly follows the pointer with inertia and elastic morphing.","k":"motion","s":"vue-bits","c":"motion/cursor","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:BlurText","t":"BlurText","d":"Text starts blurred then crisply resolves for a soft-focus reveal effect.","k":"motion","s":"vue-bits","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:BorderGlow","t":"BorderGlow","d":"Glowing mesh-gradient border that follows cursor direction and intensifies near edges.","k":"motion","s":"vue-bits","c":"motion/border","tg":["gradient","neon"],"fw":"Vue","sy":["gradient","neon"],"hc":1},{"id":"vue-bits:BounceCards","t":"BounceCards","d":"Cards bounce that bounce in on mount.","s":"vue-bits","c":"data-display/card","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:BranchedMenu","t":"BranchedMenu","d":"Collapsible menu whose sections unfold into a trunk with a curved branch to each child, an","s":"vue-bits","c":"navigation/menu","fw":"Vue","hc":1},{"id":"vue-bits:BubbleMenu","t":"BubbleMenu","d":"Floating circular expanding menu with staggered item reveal.","s":"vue-bits","c":"navigation/menu","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:CallChip","t":"CallChip","d":"Inline tool-call chip whose fill wipes across while a live ms counter ticks, completing wi","s":"vue-bits","c":"data-display/badge","sb":"Tags and pills","fw":"Vue","hc":1},{"id":"vue-bits:CardNav","t":"CardNav","d":"Expandable navigation bar with card panels revealing nested links.","s":"vue-bits","c":"navigation/top-nav","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:CardSwap","t":"CardSwap","d":"Cards animate position swapping with smooth layout transitions.","s":"vue-bits","c":"data-display/card","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:Carousel","t":"Carousel","d":"Responsive carousel with touch gestures, looping and transitions.","s":"vue-bits","c":"media/carousel","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:ChromaGrid","t":"ChromaGrid","d":"A responsive grid of grayscale tiles. Hovering the grid reaveals their colors.","s":"vue-bits","c":"other/other","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:CircularGallery","t":"CircularGallery","d":"Circular orbit gallery rotating images.","s":"vue-bits","c":"media/gallery","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:CircularText","t":"CircularText","d":"Layouts characters around a circle with optional rotation animation.","k":"motion","s":"vue-bits","c":"motion/text-effect","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:ClickSpark","t":"ClickSpark","d":"Creates particle spark bursts at click position.","k":"motion","s":"vue-bits","c":"motion/background","fw":"Vue","hc":1},{"id":"vue-bits:CodeSlots","t":"CodeSlots","d":"One-time-code input where a hidden overlay input owns focus, paste and SMS autofill while ","s":"vue-bits","c":"inputs/otp-input","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:ColorBends","t":"ColorBends","d":"Vibrant color bends with smooth flowing animation.","s":"vue-bits","c":"other/other","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:CometDial","t":"CometDial","d":"Tick-ring dial you flick by angle: the reading launches on a spring and a velocity-driven ","s":"vue-bits","c":"inputs/slider","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:Counter","t":"Counter","d":"Flexible animated counter supporting increments + easing.","k":"motion","s":"vue-bits","c":"motion/number-ticker","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:CountUp","t":"CountUp","d":"Animated number counter supporting formatting and decimals.","k":"motion","s":"vue-bits","c":"motion/number-ticker","fw":"Vue","hc":1},{"id":"vue-bits:Crosshair","t":"Crosshair","d":"Custom crosshair cursor with tracking, and link hover effects.","s":"vue-bits","c":"actions/link","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:CRTWarp","t":"CRTWarp","d":"Full-canvas CRT plasma with curved distortion, scanlines, bloom and pointer interaction.","k":"motion","s":"vue-bits","c":"motion/cursor","tg":["retro and HUD","webgl"],"fw":"Vue","sy":["retro and HUD","webgl"],"hc":1},{"id":"vue-bits:Cubes","t":"Cubes","d":"3D rotating cube cluster. Supports auto-rotation or hover interaction.","s":"vue-bits","c":"other/other","tg":["3d","animated"],"fw":"Vue","sy":["3d","animated"],"hc":1},{"id":"vue-bits:CursorGrid","t":"CursorGrid","d":"Canvas grid whose cells light up around the cursor with configurable radius, falloff and c","k":"motion","s":"vue-bits","c":"motion/cursor","fw":"Vue","hc":1},{"id":"vue-bits:CurvedInput","t":"CurvedInput","d":"Arc-bent input bar with text, caret and submit button all following the curve.","s":"vue-bits","c":"inputs/form-field","fw":"Vue","hc":1},{"id":"vue-bits:CurvedLoop","t":"CurvedLoop","d":"Flowing looping text path along a customizable curve with drag interaction.","k":"motion","s":"vue-bits","c":"motion/text-effect","fw":"Vue","hc":1},{"id":"vue-bits:DarkVeil","t":"DarkVeil","d":"Subtle dark background with a smooth animation and postprocessing.","k":"motion","s":"vue-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:DecayCard","t":"DecayCard","d":"Hover parallax effect that disintegrates the content of a card.","s":"vue-bits","c":"data-display/card","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:DecryptedText","t":"DecryptedText","d":"Hacker-style decryption cycling random glyphs until resolving to real text.","k":"motion","s":"vue-bits","c":"motion/text-effect","sb":"Scramble and glitch","fw":"Vue","hc":1},{"id":"vue-bits:DepthCarousel","t":"DepthCarousel","d":"Cards recede into depth on a 3D rail, with drag, keyboard and auto-advance.","s":"vue-bits","c":"media/carousel","tg":["3d","animated"],"fw":"Vue","sy":["3d","animated"],"hc":1},{"id":"vue-bits:DepthText","t":"DepthText","d":"Layered extruded type with parallax that shifts against the pointer.","k":"motion","s":"vue-bits","c":"motion/text-effect","tg":["3d"],"sb":"3D text","fw":"Vue","sy":["3d"],"hc":1},{"id":"vue-bits:Dither","t":"Dither","d":"Retro dithered noise shader background.","k":"motion","s":"vue-bits","c":"motion/shader","tg":["retro and HUD","webgl"],"fw":"Vue","sy":["retro and HUD","webgl"],"hc":1},{"id":"vue-bits:Dock","t":"Dock","d":"macOS style magnifying dock with proximity scaling of icons.","s":"vue-bits","c":"navigation/dock","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:DodgeField","t":"DodgeField","d":"Wrapper that makes any child flee the pointer inside a bounded field, dodges once per appr","s":"vue-bits","c":"inputs/form-field","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:DomeGallery","t":"DomeGallery","d":"Immersive 3D dome gallery projecting images on a hemispheric surface.","s":"vue-bits","c":"media/gallery","tg":["3d"],"fw":"Vue","sy":["3d"],"hc":1},{"id":"vue-bits:DotField","t":"DotField","d":"Interactive dot grid with cursor bulge, glow, sparkle, and wave effects.","s":"vue-bits","c":"inputs/form-field","tg":["neon"],"fw":"Vue","sy":["neon"],"hc":1},{"id":"vue-bits:DotGrid","t":"DotGrid","d":"Animated dot grid with cursor interactions.","k":"motion","s":"vue-bits","c":"motion/cursor","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:DriftWall","t":"DriftWall","d":"An endless perspective wall of tiles drifting past, lifting on hover.","k":"motion","s":"vue-bits","c":"motion/tilt-3d","tg":["3d"],"fw":"Vue","sy":["3d"],"hc":1},{"id":"vue-bits:EchoText","t":"EchoText","d":"Ghosted copies trail behind the text and settle into a single word.","k":"motion","s":"vue-bits","c":"motion/text-effect","fw":"Vue","hc":1},{"id":"vue-bits:ElasticMesh","t":"ElasticMesh","d":"Spring-mesh surface that stretches under the pointer and settles back with damped physics.","k":"motion","s":"vue-bits","c":"motion/cursor","tg":["gradient","webgl"],"fw":"Vue","sy":["gradient","webgl"],"hc":1},{"id":"vue-bits:ElasticSlider","t":"ElasticSlider","d":"Slider handle stretches elastically then snaps with spring physics.","s":"vue-bits","c":"inputs/slider","fw":"Vue","hc":1},{"id":"vue-bits:ElectricBorder","t":"ElectricBorder","d":"Jittery electric energy border with animated arcs, glow and adjustable intensity.","k":"motion","s":"vue-bits","c":"motion/background","tg":["neon"],"fw":"Vue","sy":["neon"],"hc":1},{"id":"vue-bits:EvilEye","t":"EvilEye","d":"Procedural evil eye shader with animated iris, slit pupil, and fiery outer glow.","k":"motion","s":"vue-bits","c":"motion/shader","tg":["neon","webgl"],"fw":"Vue","sy":["neon","webgl"],"hc":1},{"id":"vue-bits:FadeContent","t":"FadeContent","d":"Simple directional fade / slide entrance / exit wrapper with threshold-based activation.","s":"vue-bits","c":"other/other","tg":["animated","minimal"],"fw":"Vue","sy":["animated","minimal"],"hc":1},{"id":"vue-bits:FallingText","t":"FallingText","d":"Characters fall with gravity + bounce creating a playful entrance.","k":"motion","s":"vue-bits","c":"motion/text-effect","tg":["playful"],"fw":"Vue","sy":["playful"],"hc":1},{"id":"vue-bits:FaultyTerminal","t":"FaultyTerminal","d":"Terminal CRT scanline squares effect with flicker + noise.","s":"vue-bits","c":"data-display/code-block","tg":["retro and HUD","webgl"],"fw":"Vue","sy":["retro and HUD","webgl"],"hc":1},{"id":"vue-bits:Ferrofluid","t":"Ferrofluid","d":"A churning magnetic fluid traced by glowing contour lines, with a cursor magnet.","k":"motion","s":"vue-bits","c":"motion/cursor","tg":["neon","webgl"],"fw":"Vue","sy":["neon","webgl"],"hc":1},{"id":"vue-bits:FlipCard","t":"FlipCard","d":"Two-faced card that flips in 3D on a click, a drag or a flick, settling on a spring that c","s":"vue-bits","c":"data-display/card","tg":["3d","animated"],"fw":"Vue","sy":["3d","animated"],"hc":1},{"id":"vue-bits:FloatingLines","t":"FloatingLines","d":"3D floating lines that react to cursor movement.","k":"motion","s":"vue-bits","c":"motion/background","tg":["3d","webgl"],"sb":"Shaders and WebGL","fw":"Vue","sy":["3d","webgl"],"hc":1},{"id":"vue-bits:FlowingMenu","t":"FlowingMenu","d":"Liquid flowing active indicator glides between menu items.","s":"vue-bits","c":"navigation/menu","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:FlyingPosters","t":"FlyingPosters","d":"3D posters rotate on scroll infinitely.","k":"layout","s":"vue-bits","c":"layout/scroll-area","tg":["3d","webgl"],"fw":"Vue","sy":["3d","webgl"],"hc":1},{"id":"vue-bits:Folder","t":"Folder","d":"Interactive folder opens to reveal nested content smooth motion.","s":"vue-bits","c":"other/other","fw":"Vue","hc":1},{"id":"vue-bits:FolderFloat","t":"FolderFloat","d":"Folder that opens on hover or press: the flap tilts toward you, a paper edge rises, and it","s":"vue-bits","c":"other/other","tg":["3d"],"fw":"Vue","sy":["3d"],"hc":1},{"id":"vue-bits:FoldText","t":"FoldText","d":"Lines unfold into place like creased paper opening flat.","k":"motion","s":"vue-bits","c":"motion/text-effect","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:FuseButton","t":"FuseButton","d":"Action button whose done state carries its own undo on a burning fuse: press, the label cr","s":"vue-bits","c":"actions/button","fw":"Vue","hc":1},{"id":"vue-bits:FuzzyText","t":"FuzzyText","d":"Vibrating fuzzy text with controllable hover intensity.","k":"motion","s":"vue-bits","c":"motion/text-effect","fw":"Vue","hc":1},{"id":"vue-bits:Galaxy","t":"Galaxy","d":"Parallax realistic starfield with pointer interactions.","k":"layout","s":"vue-bits","c":"layout/scroll-area","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:GhostCursor","t":"GhostCursor","d":"Semi-transparent ghost cursor that smoothly follows the real cursor with a trailing effect","k":"motion","s":"vue-bits","c":"motion/cursor","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:GhostFibers","t":"GhostFibers","d":"A deep-blue recursive fiber field with luminous bands, radial twisting and soft atmospheri","s":"vue-bits","c":"inputs/form-field","tg":["neon","webgl"],"fw":"Vue","sy":["neon","webgl"],"hc":1},{"id":"vue-bits:GlareHover","t":"GlareHover","d":"Adds a realistic moving glare highlight on hover over any element.","s":"vue-bits","c":"other/other","fw":"Vue","hc":1},{"id":"vue-bits:GlassIcons","t":"GlassIcons","d":"Icon set styled with frosted glass blur.","k":"resource","s":"vue-bits","c":"assets/icon","tg":["glass"],"fw":"Vue","sy":["glass"],"hc":1},{"id":"vue-bits:GlassSurface","t":"GlassSurface","d":"Advanced Apple-style glass surface with real-time distortion + lighting.","s":"vue-bits","c":"other/other","tg":["glass"],"fw":"Vue","sy":["glass"],"hc":1},{"id":"vue-bits:GlideSelect","t":"GlideSelect","d":"Select chip whose menu pops out of its own corner and whose single hover highlight glides ","s":"vue-bits","c":"inputs/select","fw":"Vue","hc":1},{"id":"vue-bits:GlitchText","t":"GlitchText","d":"RGB split and distortion glitch effect with jitter effects.","k":"motion","s":"vue-bits","c":"motion/text-effect","sb":"Scramble and glitch","fw":"Vue","hc":1},{"id":"vue-bits:GlowCursor","t":"GlowCursor","d":"Shader-powered light trail that smoothly follows the pointer with customizable glow, color","k":"motion","s":"vue-bits","c":"motion/cursor","tg":["neon","webgl"],"fw":"Vue","sy":["neon","webgl"],"hc":1},{"id":"vue-bits:GooeyNav","t":"GooeyNav","d":"Navigation indicator morphs with gooey blob transitions between items.","s":"vue-bits","c":"navigation/top-nav","fw":"Vue","hc":1},{"id":"vue-bits:GradientBlinds","t":"GradientBlinds","d":"Layered gradient blinds with spotlight and noise distortion.","k":"motion","s":"vue-bits","c":"motion/gradient","tg":["gradient","webgl"],"fw":"Vue","sy":["gradient","webgl"],"hc":1},{"id":"vue-bits:GradientText","t":"GradientText","d":"Animated gradient sweep across live text with speed and color control.","k":"motion","s":"vue-bits","c":"motion/text-effect","tg":["animated","gradient"],"sb":"Gradient and shimmer","fw":"Vue","sy":["animated","gradient"],"hc":1},{"id":"vue-bits:GradientWaves","t":"GradientWaves","d":"Raymarched sine waves rolling toward a soft, hazy horizon.","k":"motion","s":"vue-bits","c":"motion/background","tg":["gradient","webgl"],"sb":"Shaders and WebGL","fw":"Vue","sy":["gradient","webgl"],"hc":1},{"id":"vue-bits:GradualBlur","t":"GradualBlur","d":"Progressively un-blurs content based on scroll or trigger creating a cinematic reveal.","k":"layout","s":"vue-bits","c":"layout/scroll-area","fw":"Vue","hc":1},{"id":"vue-bits:Grainient","t":"Grainient","d":"Grainy gradient swirls with soft wave distortion.","k":"motion","s":"vue-bits","c":"motion/gradient","tg":["gradient","webgl"],"fw":"Vue","sy":["gradient","webgl"],"hc":1},{"id":"vue-bits:GridDistortion","t":"GridDistortion","d":"Warped grid mesh distorts smoothly reacting to cursor.","k":"motion","s":"vue-bits","c":"motion/cursor","tg":["gradient","webgl"],"fw":"Vue","sy":["gradient","webgl"],"hc":1},{"id":"vue-bits:GridMotion","t":"GridMotion","d":"Perspective moving grid lines based on cusror position.","k":"motion","s":"vue-bits","c":"motion/tilt-3d","tg":["3d","animated"],"fw":"Vue","sy":["3d","animated"],"hc":1},{"id":"vue-bits:GridScan","t":"GridScan","d":"Animated grid room 3D scan effect and cool interactions.","s":"vue-bits","c":"other/other","tg":["3d","webgl"],"fw":"Vue","sy":["3d","webgl"],"hc":1},{"id":"vue-bits:HalftoneReveal","t":"HalftoneReveal","d":"Print-style halftone dot matrix that resolves into sharp content around the cursor.","k":"motion","s":"vue-bits","c":"motion/cursor","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:HoldButton","t":"HoldButton","d":"Hold-to-confirm button whose liquid fill rises while pressed, snaps back on an early relea","s":"vue-bits","c":"actions/button","sb":"Loading and states","fw":"Vue","hc":1},{"id":"vue-bits:Hyperspeed","t":"Hyperspeed","d":"Animated lines continuously moving to simulate hyperspace travel on click hold.","k":"motion","s":"vue-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:ImageTrail","t":"ImageTrail","d":"Cursor-based image trail with several built-in variants.","s":"vue-bits","c":"media/gallery","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:InfiniteMenu","t":"InfiniteMenu","d":"Horizontally looping menu effect that scrolls endlessly with seamless wrap.","s":"vue-bits","c":"navigation/menu","fw":"Vue","hc":1},{"id":"vue-bits:InfiniteSpiral","t":"InfiniteSpiral","d":"An endlessly looping 3D helix of images with customizable motion, depth, spacing and inter","s":"vue-bits","c":"media/gallery","tg":["3d"],"fw":"Vue","sy":["3d"],"hc":1},{"id":"vue-bits:Iridescence","t":"Iridescence","d":"Slick iridescent shader with shifting waves.","k":"motion","s":"vue-bits","c":"motion/shader","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:JellyRadio","t":"JellyRadio","d":"Radio group of labelled chips where the chosen one swells wide-then-tall on two springs an","s":"vue-bits","c":"inputs/radio","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:LaserFlow","t":"LaserFlow","d":"Dynamic laser light that flows onto a surface, customizable effect.","s":"vue-bits","c":"other/other","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:LatticeLoader","t":"LatticeLoader","d":"Inline agent-status row: a 3x3 or 4x4 lattice whose cells brighten in a phase-offset wave ","s":"vue-bits","c":"status/loader","fw":"Vue","hc":1},{"id":"vue-bits:LetterGlitch","t":"LetterGlitch","d":"Matrix style letter animation.","k":"motion","s":"vue-bits","c":"motion/text-effect","sb":"Scramble and glitch","fw":"Vue","hc":1},{"id":"vue-bits:Lightfall","t":"Lightfall","d":"Colorful light streaks raining down a glowing tunnel with a cursor light.","s":"vue-bits","c":"data-display/gamification","tg":["neon","webgl"],"fw":"Vue","sy":["neon","webgl"],"hc":1},{"id":"vue-bits:Lightning","t":"Lightning","d":"Procedural lightning bolts with branching and glow flicker.","k":"motion","s":"vue-bits","c":"motion/background","tg":["neon"],"sb":"Beams and light","fw":"Vue","sy":["neon"],"hc":1},{"id":"vue-bits:LightPillar","t":"LightPillar","d":"Vertical pillar of light with glow effects.","k":"motion","s":"vue-bits","c":"motion/background","tg":["neon","webgl"],"sb":"Shaders and WebGL","fw":"Vue","sy":["neon","webgl"],"hc":1},{"id":"vue-bits:LightRays","t":"LightRays","d":"Volumetric light rays/beams with customizable direction.","k":"motion","s":"vue-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:LightTunnel","t":"LightTunnel","d":"A radial fibre-optic tunnel with light pulses racing into depth.","s":"vue-bits","c":"other/other","tg":["3d","webgl"],"fw":"Vue","sy":["3d","webgl"],"hc":1},{"id":"vue-bits:LineSidebar","t":"LineSidebar","d":"Static list navigation with a cursor-proximity effect that shifts and highlights nearby it","s":"vue-bits","c":"navigation/sidebar","fw":"Vue","hc":1},{"id":"vue-bits:LineWaves","t":"LineWaves","d":"Animated line wave pattern with colorful warped distortion.","k":"motion","s":"vue-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:LiquidChrome","t":"LiquidChrome","d":"Liquid metallic chrome shader with flowing reflective surface.","k":"motion","s":"vue-bits","c":"motion/shader","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:LiquidEther","t":"LiquidEther","d":"Interactive liquid shader with flowing distortion and customizable colors.","k":"motion","s":"vue-bits","c":"motion/shader","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:LogoLoop","t":"LogoLoop","d":"Continuously looping marquee of brand or tech logos with seamless repeat and hover pause.","k":"resource","s":"vue-bits","c":"assets/logo","fw":"Vue","hc":1},{"id":"vue-bits:MagicBento","t":"MagicBento","d":"Interactive bento grid tiles expand + animate with various options.","k":"layout","s":"vue-bits","c":"layout/bento-grid","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:MagicRings","t":"MagicRings","d":"Interactive magic rings effect with customizable parameters.","s":"vue-bits","c":"other/other","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:Magnet","t":"Magnet","d":"Elements magnetically ease toward the cursor then settle back with spring physics.","k":"motion","s":"vue-bits","c":"motion/cursor","fw":"Vue","hc":1},{"id":"vue-bits:MagnetLines","t":"MagnetLines","d":"Animated field lines bend toward the cursor.","k":"motion","s":"vue-bits","c":"motion/background","sb":"Beams and light","fw":"Vue","hc":1},{"id":"vue-bits:MaskedHeading","t":"MaskedHeading","d":"A large headline with a drifting colour mesh or image showing through the glyphs, revealed","k":"motion","s":"vue-bits","c":"motion/text-effect","tg":["animated","gradient"],"fw":"Vue","sy":["animated","gradient"],"hc":1},{"id":"vue-bits:Masonry","t":"Masonry","d":"Responsive masonry layout with animated reflow + gaps optimization.","s":"vue-bits","c":"media/gallery","tg":["animated"],"sb":"Masonry","fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:MetaBalls","t":"MetaBalls","d":"Liquid metaball blobs that merge and separate with smooth implicit surface animation.","k":"resource","s":"vue-bits","c":"assets/shape","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:MetallicPaint","t":"MetallicPaint","d":"Liquid metallic paint shader which can be applied to SVG elements.","k":"motion","s":"vue-bits","c":"motion/shader","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:ModelViewer","t":"ModelViewer","d":"Interactive 3D model viewer with orbit zoom, parallax, hover rotation and lighting presets","s":"vue-bits","c":"media/gallery","tg":["3d","webgl"],"fw":"Vue","sy":["3d","webgl"],"hc":1},{"id":"vue-bits:MoltenMetal","t":"MoltenMetal","d":"Swirling caustic plasma filaments with molten, white-hot cores.","s":"vue-bits","c":"other/other","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:MorphSlider","t":"MorphSlider","d":"WebGL slider that melts between images with a displacement transition.","s":"vue-bits","c":"inputs/slider","tg":["animated","webgl"],"fw":"Vue","sy":["animated","webgl"],"hc":1},{"id":"vue-bits:Noise","t":"Noise","d":"Animated film grain / noise overlay adding subtle texture and motion.","k":"motion","s":"vue-bits","c":"motion/background","sb":"Noise and texture","fw":"Vue","hc":1},{"id":"vue-bits:OptionWheel","t":"OptionWheel","d":"Curved option picker that spins via scroll, drag, or arrow keys, fading and tilting items ","s":"vue-bits","c":"inputs/select","tg":["3d"],"fw":"Vue","sy":["3d"],"hc":1},{"id":"vue-bits:Orb","t":"Orb","d":"Floating energy orb with customizable hover effect.","s":"vue-bits","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Orbs and presence","fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:OrbitImages","t":"OrbitImages","d":"SVG Path customizable orbiting images effect","s":"vue-bits","c":"media/gallery","fw":"Vue","hc":1},{"id":"vue-bits:PaperCrumple","t":"PaperCrumple","d":"An image that crumples into a textured 3D sheet while held and follows the grabbed point a","s":"vue-bits","c":"overlays/sheet","tg":["3d","webgl"],"fw":"Vue","sy":["3d","webgl"],"hc":1},{"id":"vue-bits:Particles","t":"Particles","d":"Configurable particle system.","k":"motion","s":"vue-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:ParticleText","t":"ParticleText","d":"Text assembles from drifting particles that scatter and reform on demand.","k":"motion","s":"vue-bits","c":"motion/text-effect","fw":"Vue","hc":1},{"id":"vue-bits:PeekRating","t":"PeekRating","d":"Star rating you can try before you commit: sweeping the row lifts a trailing wave of stars","s":"vue-bits","c":"inputs/rating","fw":"Vue","hc":1},{"id":"vue-bits:PillNav","t":"PillNav","d":"Minimal pill nav with sliding active highlight + smooth easing.","s":"vue-bits","c":"navigation/top-nav","tg":["animated","minimal"],"sb":"Floating","fw":"Vue","sy":["animated","minimal"],"hc":1},{"id":"vue-bits:PixelBlast","t":"PixelBlast","d":"Exploding pixel particle bursts with optional liquid postprocessing.","k":"motion","s":"vue-bits","c":"motion/background","tg":["retro and HUD","webgl"],"sb":"Shaders and WebGL","fw":"Vue","sy":["retro and HUD","webgl"],"hc":1},{"id":"vue-bits:PixelCard","t":"PixelCard","d":"Card content revealed through pixel expansion transition.","s":"vue-bits","c":"data-display/card","tg":["retro and HUD"],"fw":"Vue","sy":["retro and HUD"],"hc":1},{"id":"vue-bits:PixelSwap","t":"PixelSwap","d":"Pixel fragments assemble into a full cover, swap arbitrary content, then dissolve away wit","s":"vue-bits","c":"other/other","tg":["retro and HUD"],"fw":"Vue","sy":["retro and HUD"],"hc":1},{"id":"vue-bits:PixelTrail","t":"PixelTrail","d":"Pixelated cursor trail emitting fading squares with retro digital feel.","k":"motion","s":"vue-bits","c":"motion/cursor","tg":["retro and HUD","webgl"],"fw":"Vue","sy":["retro and HUD","webgl"],"hc":1},{"id":"vue-bits:PixelTransition","t":"PixelTransition","d":"Pixel dissolve transition for content reveal on hover.","s":"vue-bits","c":"other/other","tg":["animated","retro and HUD"],"fw":"Vue","sy":["animated","retro and HUD"],"hc":1},{"id":"vue-bits:Plasma","t":"Plasma","d":"Organic plasma gradients swirl + morph with smooth turbulence.","k":"motion","s":"vue-bits","c":"motion/text-effect","tg":["gradient","webgl"],"fw":"Vue","sy":["gradient","webgl"],"hc":1},{"id":"vue-bits:PlasmaWave","t":"PlasmaWave","d":"Raymarched plasma waves with dual-wave interference and OGL.","k":"motion","s":"vue-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:Prism","t":"Prism","d":"Rotating prism with configurable intensity, size, and colors.","s":"vue-bits","c":"other/other","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:PrismaticBurst","t":"PrismaticBurst","d":"Burst of light rays with controllable color, distortion, amount.","s":"vue-bits","c":"other/other","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:ProfileCard","t":"ProfileCard","d":"Animated profile card glare with 3D hover effect.","s":"vue-bits","c":"data-display/profile","tg":["3d"],"fw":"Vue","sy":["3d"],"hc":1},{"id":"vue-bits:PromptBar","t":"PromptBar","d":"Chat composer with an @ sources menu, a / commands menu, a model picker, dictation and att","s":"vue-bits","c":"ai-agent/composer","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:PulseHeart","t":"PulseHeart","d":"Like button that contracts to a dot, flips colour at its smallest frame and pulses back wh","s":"vue-bits","c":"actions/button","sb":"Copy, share and like","fw":"Vue","hc":1},{"id":"vue-bits:Radar","t":"Radar","d":"Radar sweep effect with concentric rings, radial spokes, and a rotating beam.","s":"vue-bits","c":"data-viz/chart","tg":["webgl"],"sb":"Radar","fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:RefineFrame","t":"RefineFrame","d":"Reserved-aspect frame that walks any media through queued, generating, refining and comple","s":"vue-bits","c":"data-display/badge","fw":"Vue","hc":1},{"id":"vue-bits:ReflectiveCard","t":"ReflectiveCard","d":"Metallic card with live webcam reflection and SVG displacement filter.","s":"vue-bits","c":"data-display/card","fw":"Vue","hc":1},{"id":"vue-bits:Ribbons","t":"Ribbons","d":"Flowing responsive ribbons/cursor trail driven by physics and pointer motion.","k":"section","s":"vue-bits","c":"marketing/announcement","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:RippleDistortion","t":"RippleDistortion","d":"Pointer-driven water displacement that warps content and leaves a decaying wake.","k":"motion","s":"vue-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:RippleGrid","t":"RippleGrid","d":"A grid that continuously animates with a ripple effect.","k":"motion","s":"vue-bits","c":"motion/background","tg":["webgl"],"sb":"Shaders and WebGL","fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:RotatingText","t":"RotatingText","d":"Cycles through multiple phrases with 3D rotate / flip transitions.","k":"motion","s":"vue-bits","c":"motion/text-effect","tg":["3d","animated"],"sb":"Rotating words","fw":"Vue","sy":["3d","animated"],"hc":1},{"id":"vue-bits:RubberSegment","t":"RubberSegment","d":"Segmented control with a rubber thumb: taps stretch it across the gap and squash it onto t","s":"vue-bits","c":"navigation/tabs","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:Scanner","t":"Scanner","d":"Retro CRT scanner background with sweep lines, chromatic aberration, and mouse interaction","k":"motion","s":"vue-bits","c":"motion/background","tg":["retro and HUD","webgl"],"sb":"Shaders and WebGL","fw":"Vue","sy":["retro and HUD","webgl"],"hc":1},{"id":"vue-bits:ScrambleText","t":"ScrambleText","d":"Detects cursor position and applies a distortion effect to text.","k":"motion","s":"vue-bits","c":"motion/text-effect","tg":["animated"],"sb":"Scramble and glitch","fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:ScrollExpand","t":"ScrollExpand","d":"A rounded media frame that grows to full bleed as it scrolls through the viewport.","k":"layout","s":"vue-bits","c":"layout/scroll-area","fw":"Vue","hc":1},{"id":"vue-bits:ScrollFloat","t":"ScrollFloat","d":"Text gently floats / parallax shifts on scroll.","k":"layout","s":"vue-bits","c":"layout/scroll-area","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:ScrollReveal","t":"ScrollReveal","d":"Text gently unblurs and reveals on scroll.","k":"layout","s":"vue-bits","c":"layout/scroll-area","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:ScrollStack","t":"ScrollStack","d":"Overlapping card stack reveals on scroll with depth layering.","k":"layout","s":"vue-bits","c":"layout/scroll-area","tg":["3d"],"fw":"Vue","sy":["3d"],"hc":1},{"id":"vue-bits:ScrollVelocity","t":"ScrollVelocity","d":"Text marquee animatio - speed and distortion scale with user's scroll velocity.","k":"layout","s":"vue-bits","c":"layout/scroll-area","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:ScrubField","t":"ScrubField","d":"Number chip you drag to scrub: the value follows the hand, pushes past the range on a rubb","s":"vue-bits","c":"inputs/form-field","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:ShapeBlur","t":"ShapeBlur","d":"Morphing blurred geometric shape. The effect occurs on hover.","k":"resource","s":"vue-bits","c":"assets/shape","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:ShapeGrid","t":"ShapeGrid","d":"Animated grid with shape variants (square, hexagon, circle, triangle) + direction customiz","k":"resource","s":"vue-bits","c":"assets/shape","fw":"Vue","hc":1},{"id":"vue-bits:ShapeWaves","t":"ShapeWaves","d":"A WebGPU field of triangles, circles and squares that brighten and grow along rolling wave","k":"motion","s":"vue-bits","c":"motion/background","sb":"Waves and warps","fw":"Vue","hc":1},{"id":"vue-bits:ShinyText","t":"ShinyText","d":"Metallic sheen sweeps across text producing a reflective highlight.","k":"motion","s":"vue-bits","c":"motion/text-effect","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:Shuffle","t":"Shuffle","d":"Animated text reveal where characters shuffle before settling.","k":"motion","s":"vue-bits","c":"motion/text-effect","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:SideRays","t":"SideRays","d":"Animated light rays emanating from the side with customizable colors and speed.","s":"vue-bits","c":"other/other","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:SlideCommit","t":"SlideCommit","d":"Slide-to-confirm handle that plants with a spinner while your action runs, unfurls into a ","s":"vue-bits","c":"overlays/dialog","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:SlingButton","t":"SlingButton","d":"Send button you pull back like a slingshot: the band stretches, a power arc arms it, and r","s":"vue-bits","c":"actions/button","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:SloshGauge","t":"SloshGauge","d":"Tank gauge whose liquid chases the value with mass, tilts with its own speed and splashes ","s":"vue-bits","c":"data-viz/gauge","tg":["3d"],"fw":"Vue","sy":["3d"],"hc":1},{"id":"vue-bits:SpecularButton","t":"SpecularButton","d":"Glass button with a shader-driven specular rim light that sweeps around the edge and follo","s":"vue-bits","c":"actions/button","tg":["glass","webgl"],"fw":"Vue","sy":["glass","webgl"],"hc":1},{"id":"vue-bits:SplashCursor","t":"SplashCursor","d":"Liquid splash burst at cursor with curling ripples and waves.","k":"motion","s":"vue-bits","c":"motion/cursor","fw":"Vue","hc":1},{"id":"vue-bits:SplitFlapText","t":"SplitFlapText","d":"Mechanical split-flap departure board that clacks through to each new phrase.","k":"motion","s":"vue-bits","c":"motion/text-effect","sb":"Reveal and entrance","fw":"Vue","hc":1},{"id":"vue-bits:SplitText","t":"SplitText","d":"Splits text into characters / words for staggered entrance animation.","k":"motion","s":"vue-bits","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:SpotlightCard","t":"SpotlightCard","d":"Dynamic spotlight follows cursor casting gradient illumination.","s":"vue-bits","c":"data-display/card","tg":["gradient"],"sb":"Animated and glowing","fw":"Vue","sy":["gradient"],"hc":1},{"id":"vue-bits:SpringCheck","t":"SpringCheck","d":"Checkbox row where a single spring fills the box, draws the tick, strikes the label and di","s":"vue-bits","c":"inputs/checkbox","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:SquishSwitch","t":"SquishSwitch","d":"Drag-scrubbable switch whose thumb stretches by how fast it moves, flips at the midpoint a","s":"vue-bits","c":"actions/switch","tg":["animated"],"sb":"Animated","fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:Stack","t":"Stack","d":"Layered stack with swipe animations, autoplay and smooth transitions.","k":"layout","s":"vue-bits","c":"layout/page-shell","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:StaggeredMenu","t":"StaggeredMenu","d":"Menu with staggered item animations and smooth transitions on open/close.","s":"vue-bits","c":"navigation/menu","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:StarBorder","t":"StarBorder","d":"Animated star / sparkle border orbiting content with twinkle pulses.","s":"vue-bits","c":"other/other","fw":"Vue","hc":1},{"id":"vue-bits:StatusMark","t":"StatusMark","d":"A 20px status glyph for agent task lists that morphs in place from a dashed idle ring to a","s":"vue-bits","c":"ai-agent/ai-agent","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:Stepper","t":"Stepper","d":"Animated multi-step progress indicator with active state transitions.","s":"vue-bits","c":"navigation/wizard-steps","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:StickerPeel","t":"StickerPeel","d":"Sticker corner lift + peel interaction using 3D transform and shadow depth.","s":"vue-bits","c":"other/other","tg":["3d","animated"],"fw":"Vue","sy":["3d","animated"],"hc":1},{"id":"vue-bits:Strands","t":"Strands","d":"Glowing ribbon-like strands that ripple and weave across a transparent canvas.","k":"section","s":"vue-bits","c":"marketing/announcement","tg":["neon","webgl"],"fw":"Vue","sy":["neon","webgl"],"hc":1},{"id":"vue-bits:StrokeText","t":"StrokeText","d":"Outlined letterforms draw themselves on, then flood with fill.","k":"motion","s":"vue-bits","c":"motion/text-effect","tg":["animated"],"sb":"Handwriting and SVG","fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:SwarmCursor","t":"SwarmCursor","d":"Flocking particle swarm that chases the pointer, jostles for space and drifts apart at res","k":"motion","s":"vue-bits","c":"motion/cursor","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:SwipeRow","t":"SwipeRow","d":"List row that swipes open to reveal actions, snaps by flick velocity, and deletes on a ful","s":"vue-bits","c":"data-display/list","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:SwipeToast","t":"SwipeToast","d":"Single toast that rises through its bottom edge, swipes down to dismiss on a flick or a di","s":"vue-bits","c":"overlays/toast","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:TargetCursor","t":"TargetCursor","d":"A cursor follow animation with 4 corners that lock onto targets.","k":"motion","s":"vue-bits","c":"motion/cursor","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:TearTicket","t":"TearTicket","d":"Ticket whose perforated stub tears off by hand: paper bridges stretch into fibres and snap","k":"layout","s":"vue-bits","c":"layout/scroll-area","tg":["3d","animated"],"fw":"Vue","sy":["3d","animated"],"hc":1},{"id":"vue-bits:TextCursor","t":"TextCursor","d":"Make any text element follow your cursor, leaving a trail of copies behind it.","k":"motion","s":"vue-bits","c":"motion/cursor","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:TextLoop","t":"TextLoop","d":"A seamless text marquee that flows along curved SVG paths.","k":"motion","s":"vue-bits","c":"motion/text-effect","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:TextPressure","t":"TextPressure","d":"Characters scale / warp interactively based on pointer pressure zone.","k":"motion","s":"vue-bits","c":"motion/text-effect","fw":"Vue","hc":1},{"id":"vue-bits:TextType","t":"TextType","d":"Typewriter effect with blinking cursor and adjustable typing cadence.","k":"motion","s":"vue-bits","c":"motion/text-effect","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:ThoughtLine","t":"ThoughtLine","d":"Reasoning-trace header: a glyph and a label breathe beside a live clock while steps appear","s":"vue-bits","c":"ai-agent/ai-agent","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:TiltedCard","t":"TiltedCard","d":"3D perspective tilt card reacting to pointer.","s":"vue-bits","c":"data-display/card","tg":["3d","animated"],"sb":"Animated and glowing","fw":"Vue","sy":["3d","animated"],"hc":1},{"id":"vue-bits:Topography","t":"Topography","d":"A living contour map with glowing, elevation-tinted lines.","s":"vue-bits","c":"data-viz/map","tg":["neon","webgl"],"fw":"Vue","sy":["neon","webgl"],"hc":1},{"id":"vue-bits:TrueFocus","t":"TrueFocus","d":"Applies dynamic blur / clarity based over a series of words in order.","k":"motion","s":"vue-bits","c":"motion/text-effect","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:VariableProximity","t":"VariableProximity","d":"Letter styling changes continuously with pointer distance mapping.","k":"motion","s":"vue-bits","c":"motion/cursor","fw":"Vue","hc":1},{"id":"vue-bits:VoicePill","t":"VoicePill","d":"Mic button that swells into a tinted capsule of level-driven equalizer bars and an elapsed","s":"vue-bits","c":"data-display/badge","sb":"Tags and pills","fw":"Vue","hc":1},{"id":"vue-bits:WakeSlider","t":"WakeSlider","d":"Range slider drawn as thin bars with no thumb: drag speed raises a wake that trails behind","s":"vue-bits","c":"inputs/slider","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:WarmTooltip","t":"WarmTooltip","d":"Tooltip group with one shared delay: the first label waits and pops from its trigger, then","s":"vue-bits","c":"overlays/tooltip","tg":["animated"],"fw":"Vue","sy":["animated"],"hc":1},{"id":"vue-bits:WarpText","t":"WarpText","d":"WebGL warp that bends and refracts the text around the pointer.","k":"motion","s":"vue-bits","c":"motion/text-effect","tg":["webgl"],"fw":"Vue","sy":["webgl"],"hc":1},{"id":"vue-bits:WebThreads","t":"WebThreads","d":"Glowing sine threads woven through a luminous convergence point.","s":"vue-bits","c":"other/other","tg":["neon","webgl"],"fw":"Vue","sy":["neon","webgl"],"hc":1},{"id":"wa-ui:chat-bubble","t":"Chat Bubble","d":"WhatsApp-style message bubble with incoming/outgoing variants, timestamps, read receipts, ","s":"wa-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"wa-ui:chat-list-item","t":"Chat List Item","d":"WhatsApp-style conversation list row with color avatar initials, name, last message, times","s":"wa-ui","c":"data-display/list","hc":1},{"id":"wa-ui:chat-header","t":"Chat Header","d":"WhatsApp-style conversation header with avatar, contact name, online status, and action bu","s":"wa-ui","c":"navigation/top-nav","hc":1},{"id":"wa-ui:message-input","t":"Message Input","d":"WhatsApp-style message composer with emoji, attachment, auto-resize textarea, and send/voi","s":"wa-ui","c":"ai-agent/composer","hc":1},{"id":"wa-ui:date-separator","t":"Date Separator","d":"WhatsApp-style centered date pill divider for separating messages by date.","s":"wa-ui","c":"data-display/badge","hc":1},{"id":"wa-ui:typing-indicator","t":"Typing Indicator","d":"WhatsApp-style animated typing indicator with three bouncing dots and optional sender name","k":"motion","s":"wa-ui","c":"motion/text-effect","tg":["webgl"],"sb":"Typewriter","sy":["webgl"],"hc":1},{"id":"wa-ui:reaction-pill","t":"Reaction Pill","d":"WhatsApp-style emoji reaction pill with count and toggle state using @base-ui/react Toggle","s":"wa-ui","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"wa-ui:image-bubble","t":"Image Bubble","d":"WhatsApp-style image bubble supporting single image, multi-image grid (2x2 with +N overflo","s":"wa-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"wa-ui:video-bubble","t":"Video Bubble","d":"WhatsApp-style video message bubble with play/pause, duration badge, caption, and read rec","s":"wa-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"wa-ui:voice-message-bubble","t":"Voice Message Bubble","d":"WhatsApp-style voice message with play/pause, waveform, playback progress, duration, and r","s":"wa-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"wa-ui:file-attachment-bubble","t":"File Attachment Bubble","d":"WhatsApp-style file bubble with type-based color icon badge, file name/size, download prog","s":"wa-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"wa-ui:template-bubble","t":"Template Bubble","d":"WhatsApp Business template message bubble supporting text/image/video/document/location he","s":"wa-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"wa-ui:carousel-template","t":"Carousel Template","d":"WhatsApp Business carousel template with horizontal scrollable cards using @base-ui/react ","k":"page","s":"wa-ui","c":"pages/templates","hc":1},{"id":"wa-ui:call-permission","t":"Call Permission","d":"WhatsApp Business calling permission request bubble with animated bottom sheet, radio opti","k":"section","s":"wa-ui","c":"marketing/footer","hc":1},{"id":"wa-ui:message-status","t":"Message Status","d":"Shared MessageStatus type and MessageStatusIcon — sending, sent, delivered, read, failed.","s":"wa-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"wa-ui:location-bubble","t":"Location Bubble","d":"WhatsApp-style location message with map preview, name/address, and Open in Maps CTA.","s":"wa-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"wa-ui:contact-bubble","t":"Contact Bubble","d":"WhatsApp-style contact card — single or multiple contacts with name, phone, avatar, and ac","s":"wa-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"wa-ui:sticker-bubble","t":"Sticker Bubble","d":"WhatsApp-style sticker message — 160×160px, no bubble background, animated badge support.","s":"wa-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"wa-ui:system-message-bubble","t":"System Message Bubble","d":"Centered system notice pill — encryption notices, number changes, and other system events.","s":"wa-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"wa-ui:reply-preview","t":"Reply Preview","d":"Quoted message strip shown inside a bubble — author, body preview, media type icon, thumbn","k":"resource","s":"wa-ui","c":"assets/icon","hc":1},{"id":"wa-ui:forwarded-label","t":"Forwarded Label","d":"Small italic label indicating a forwarded or frequently forwarded message.","s":"wa-ui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"wa-ui:unsupported-message-bubble","t":"Unsupported Message Bubble","d":"Fallback bubble for unknown or unsupported WhatsApp message types.","s":"wa-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"wa-ui:interactive-button-bubble","t":"Interactive Button Bubble","d":"WhatsApp interactive button message — up to 3 reply buttons with header/body/footer.","s":"wa-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"wa-ui:cta-url-bubble","t":"CTA URL Bubble","d":"WhatsApp interactive CTA URL message — single external link button with body/footer.","s":"wa-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"wa-ui:list-message-bubble","t":"List Message Bubble","d":"WhatsApp interactive list message — CTA opens a bottom sheet with selectable sections and ","s":"wa-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"wa-ui:interactive-reply-bubble","t":"Interactive Reply Bubble","d":"WhatsApp-style interactive reply bubble — the chosen button, list, or flow option, quoting","s":"wa-ui","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"wa-ui:reaction","t":"Reaction","d":"WhatsApp-style emoji reaction display — single reaction with count or overlapping multi-re","s":"wa-ui","c":"other/other","hc":1},{"id":"wa-ui:action-button","t":"Action Button","d":"WhatsApp-style outlined pill action button with optional icon, using @base-ui/react Button","s":"wa-ui","c":"actions/button","hc":1},{"id":"wa-ui:chat-menu","t":"Chat Menu","d":"WhatsApp-style context dropdown menu with icons, links, danger items, using @base-ui/react","s":"wa-ui","c":"navigation/menu","hc":1},{"id":"washiveil:theme","t":"Washi Veil Theme","d":"Warm washi ground, translucent glass veils, and the ruri/korozen/sumire tri-color — light ","k":"theme","s":"washiveil","c":"themes/theme","tg":["glass"],"sy":["glass"],"vn":1},{"id":"washiveil:ambient-field","t":"Ambient Field","d":"Viewport-fixed tri-color light field the page scrolls over — WebGL glows with per-pixel di","s":"washiveil","c":"inputs/form-field","tg":["neon","retro and HUD","webgl"],"sy":["neon","retro and HUD","webgl"],"hc":1},{"id":"washiveil:glass-nav","t":"Glass Nav","d":"Floating glass pill navigation — sliding hover pill, scroll-adaptive contrast, masked blur","s":"washiveil","c":"navigation/top-nav","tg":["glass"],"sb":"Glass","sy":["glass"],"hc":1},{"id":"washiveil:glass-card","t":"Glass Card","d":"The base translucent surface — blurred white veil on washi in light, lifted warm dark in d","s":"washiveil","c":"data-display/card","tg":["glass"],"sb":"Animated and glowing","sy":["glass"],"hc":1},{"id":"washiveil:glass-button","t":"Glass Button","d":"Pill button in three registers — korozen primary, quiet secondary outline, ruri tinted.","s":"washiveil","c":"actions/button","tg":["glass","webgl"],"sb":"Animated","sy":["glass","webgl"],"hc":1},{"id":"washiveil:chip","t":"Chip","d":"Taxonomy pill in the tri-color hues (ruri / korozen / sumire) plus a neutral glass registe","s":"washiveil","c":"data-display/badge","tg":["glass"],"sb":"Tags and pills","sy":["glass"],"hc":1},{"id":"washiveil:stat-strip","t":"Stat Strip","d":"Three-up stat band with tri-colored numerals on a glass surface.","s":"washiveil","c":"data-display/stat","tg":["glass","webgl"],"sy":["glass","webgl"],"hc":1},{"id":"washiveil:status-badge","t":"Status Badge","d":"Live-status pill with a pulse dot on a glass ground.","s":"washiveil","c":"data-display/badge","tg":["glass"],"sb":"Status","sy":["glass"],"hc":1},{"id":"washiveil:code-badge","t":"Code Badge","d":"Identifier badge for codes and versions — rounded-md mono, distinct from the taxonomy Chip","s":"washiveil","c":"data-display/badge","hc":1},{"id":"washiveil:glass-toc","t":"Glass TOC","d":"On-this-page navigation card with active-item highlight.","s":"washiveil","c":"navigation/table-of-contents","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-input","t":"Glass Input","d":"Text input on a translucent glass surface with a ruri focus ring.","s":"washiveil","c":"inputs/form-field","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-textarea","t":"Glass Textarea","d":"Multiline input on a translucent glass surface with a ruri focus ring.","s":"washiveil","c":"inputs/textarea","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-dialog","t":"Glass Dialog","d":"Modal dialog as a glass veil — blurred translucent panel over a soft scrim, built on Radix","s":"washiveil","c":"overlays/dialog","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-tooltip","t":"Glass Tooltip","d":"Tooltip on the strong glass surface, built on Radix Tooltip.","s":"washiveil","c":"overlays/tooltip","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:share-row","t":"Share Row","d":"URL-intent share row — native share sheet when supported, clipboard copy fallback, X/Linke","s":"washiveil","c":"data-display/list","hc":1},{"id":"washiveil:glass-label","t":"Glass Label","d":"Form label in the mono uppercase register.","s":"washiveil","c":"inputs/form-field","tg":["glass"],"sb":"Animated fields","sy":["glass"],"hc":1},{"id":"washiveil:glass-select","t":"Glass Select","d":"Select on the glass field register — popover panel on strong glass, built on Radix Select.","s":"washiveil","c":"inputs/select","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-switch","t":"Glass Switch","d":"Toggle switch — ruri track when on, glass thumb, built on Radix Switch.","s":"washiveil","c":"actions/switch","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-checkbox","t":"Glass Checkbox","d":"Checkbox on glass with a ruri checked state, built on Radix Checkbox.","s":"washiveil","c":"inputs/checkbox","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-radio-group","t":"Glass Radio Group","d":"Radio group on glass with ruri selection dots, built on Radix RadioGroup.","s":"washiveil","c":"inputs/radio","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-slider","t":"Glass Slider","d":"Slider with a ruri range on a glass track, built on Radix Slider.","s":"washiveil","c":"inputs/slider","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-popover","t":"Glass Popover","d":"Popover panel on strong glass, built on Radix Popover.","s":"washiveil","c":"overlays/popover","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-dropdown-menu","t":"Glass Dropdown Menu","d":"Menu on strong glass — items, labels, separators, shortcuts, submenus. Built on Radix Drop","s":"washiveil","c":"navigation/menu","tg":["glass"],"sb":"Dropdowns","sy":["glass"],"hc":1},{"id":"washiveil:glass-sheet","t":"Glass Sheet","d":"Side sheet as a veil — slides from any edge over a soft scrim. Built on Radix Dialog.","s":"washiveil","c":"overlays/sheet","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-alert-dialog","t":"Glass Alert Dialog","d":"Confirmation dialog on strong glass, built on Radix AlertDialog.","s":"washiveil","c":"overlays/dialog","tg":["glass"],"sb":"Confirm","sy":["glass"],"hc":1},{"id":"washiveil:glass-hover-card","t":"Glass Hover Card","d":"Hover card on strong glass, built on Radix HoverCard.","s":"washiveil","c":"overlays/hover-card","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-sonner","t":"Glass Sonner","d":"Toasts as small veils — sonner styled on the washi glass registers.","s":"washiveil","c":"overlays/toast","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-tabs","t":"Glass Tabs","d":"Pill tab list on a glass ground with a ruri active tab, built on Radix Tabs.","s":"washiveil","c":"navigation/tabs","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-accordion","t":"Glass Accordion","d":"Accordion on glass with soft dividers, built on Radix Accordion.","s":"washiveil","c":"data-display/accordion","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-table","t":"Glass Table","d":"Data table in the washi editorial register — mono uppercase header, soft row dividers.","s":"washiveil","c":"data-display/table","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-separator","t":"Glass Separator","d":"Hairline separator on the soft border register, built on Radix Separator.","k":"layout","s":"washiveil","c":"flows/sign-in","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-alert","t":"Glass Alert","d":"Inline alert on glass — neutral, ruri info, korozen warning, destructive.","s":"washiveil","c":"overlays/alert-banner","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-skeleton","t":"Glass Skeleton","d":"Loading placeholder — a shimmering veil.","s":"washiveil","c":"status/skeleton","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-progress","t":"Glass Progress","d":"Progress bar with a ruri fill on a glass track, built on Radix Progress.","s":"washiveil","c":"data-viz/progress-bar","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-avatar","t":"Glass Avatar","d":"Avatar with a glass ring, built on Radix Avatar.","s":"washiveil","c":"data-display/avatar","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-breadcrumb","t":"Glass Breadcrumb","d":"Breadcrumb trail in the quiet text register.","s":"washiveil","c":"navigation/breadcrumb","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-pagination","t":"Glass Pagination","d":"Pagination pills on the ghost-circle register.","s":"washiveil","c":"navigation/pagination","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-context-menu","t":"Glass Context Menu","d":"Right-click menu on strong glass — items, checkboxes, radios, submenus. Built on Radix Con","s":"washiveil","c":"overlays/context-menu","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-menubar","t":"Glass Menubar","d":"Application menubar on the glass pill with strong-glass dropdowns, built on Radix Menubar.","s":"washiveil","c":"navigation/top-nav","tg":["glass"],"sb":"Mega menus","sy":["glass"],"hc":1},{"id":"washiveil:glass-navigation-menu","t":"Glass Navigation Menu","d":"Site navigation with strong-glass flyout panels, built on Radix NavigationMenu.","s":"washiveil","c":"navigation/top-nav","tg":["glass"],"sb":"Mega menus","sy":["glass"],"hc":1},{"id":"washiveil:glass-collapsible","t":"Glass Collapsible","d":"Show/hide region, built on Radix Collapsible.","s":"washiveil","c":"data-display/accordion","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-toggle","t":"Glass Toggle","d":"Pressed-state pill — quiet until on, then ruri. Built on Radix Toggle.","s":"washiveil","c":"actions/switch","tg":["glass"],"sy":["glass"],"vn":1,"hc":1},{"id":"washiveil:glass-scroll-area","t":"Glass Scroll Area","d":"Custom scrollbar as a faint veil, built on Radix ScrollArea.","k":"layout","s":"washiveil","c":"layout/scroll-area","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-aspect-ratio","t":"Glass Aspect Ratio","d":"Ratio-locked container, built on Radix AspectRatio.","k":"layout","s":"washiveil","c":"layout/page-shell","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-kbd","t":"Glass Kbd","d":"Keyboard key cap in the mono register on a faint glass chip.","s":"washiveil","c":"data-display/typography","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-spinner","t":"Glass Spinner","d":"Loading spinner in the quiet register, reduced-motion safe.","s":"washiveil","c":"status/loader","tg":["glass"],"sb":"Spinners","sy":["glass"],"hc":1},{"id":"washiveil:glass-empty","t":"Glass Empty","d":"Empty state — icon, title, description, action slot on a soft glass ground.","k":"resource","s":"washiveil","c":"assets/icon","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-drawer","t":"Glass Drawer","d":"Bottom drawer as a rising veil with a grab handle, built on Vaul.","s":"washiveil","c":"overlays/sheet","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-input-otp","t":"Glass Input OTP","d":"One-time-code input on glass cells with a ruri active caret.","s":"washiveil","c":"inputs/otp-input","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-command","t":"Glass Command","d":"Command palette on strong glass — search, groups, shortcuts. Built on cmdk.","s":"washiveil","c":"navigation/command-palette","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-combobox","t":"Glass Combobox","d":"Searchable select composed from the command palette inside a popover.","s":"washiveil","c":"inputs/combobox","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-calendar","t":"Glass Calendar","d":"Calendar on the washi ground with ruri selection, built on react-day-picker.","s":"washiveil","c":"data-display/calendar","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-date-picker","t":"Glass Date Picker","d":"Date picker — glass field trigger, calendar in a strong-glass popover.","s":"washiveil","c":"inputs/date-picker","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:glass-form","t":"Glass Form","d":"react-hook-form wiring with the washiveil label and message registers.","s":"washiveil","c":"inputs/form-field","tg":["glass"],"sb":"Whole forms","sy":["glass"],"hc":1},{"id":"washiveil:lang-switcher","t":"Lang Switcher","d":"Locale switcher on the glass pill — the active language is a filled ruri moment. For sites","s":"washiveil","c":"data-display/badge","tg":["glass"],"sy":["glass"],"hc":1},{"id":"washiveil:prose","t":"Prose","d":"Article typography with a stance — 1.85 CJK line-height, ruri for interactive marks, koroz","s":"washiveil","c":"data-display/typography"},{"id":"watermelon:inline-disclosure-menu","t":"Inline Disclosure Menu","d":"An animated inline action menu with contextul Options and a two-step delete confirmation f","s":"watermelon","c":"navigation/menu","hc":1},{"id":"watermelon:inline-disclosure-menu-base","t":"Inline Disclosure Menu (base)","d":"Theme-ready base variant of An animated inline action menu with contextul Options and a tw","s":"watermelon","c":"navigation/menu","hc":1},{"id":"watermelon:aave-swap-component","t":"Aave Swap Component","d":"Interactive cryptocurrency exchange interface with animated number inputs and value calcul","s":"watermelon","c":"inputs/form-field","hc":1},{"id":"watermelon:aave-swap-component-base","t":"Aave Swap Component (base)","d":"Theme-ready base variant of Interactive cryptocurrency exchange interface with animated nu","s":"watermelon","c":"inputs/form-field","hc":1},{"id":"watermelon:activities-card","t":"Activities Card","d":"An expandable activities card with smooth spring animations and a premium 3D header aesthe","s":"watermelon","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"watermelon:activities-card-base","t":"Activities Card (base)","d":"Theme-ready base variant of An expandable activities card with smooth spring animations an","s":"watermelon","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"watermelon:adaptive-slider","t":"Adaptive Slider","d":"A smooth, color-shifting slider with caloric value tracking.","s":"watermelon","c":"inputs/slider","hc":1},{"id":"watermelon:adaptive-slider-base","t":"Adaptive Slider (base)","d":"Theme-ready base variant of A smooth, color-shifting slider with caloric value tracking..","s":"watermelon","c":"inputs/slider","hc":1},{"id":"watermelon:add-cash-disclosure","t":"Add Cash Disclosure","d":"Disclosure panel explaining add-cash details, limits, fees, and confirmation.","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:add-cash-disclosure-base","t":"Add Cash Disclosure (base)","d":"Theme-ready base variant of Disclosure panel explaining add-cash details, limits, fees, an","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:budget-card","t":"Budget Card","d":"Budget overview card tracking spending, limits, and remaining balance.","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:budget-card-base","t":"Budget Card (base)","d":"Theme-ready base variant of Budget overview card tracking spending, limits, and remaining ","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:calendar-widget","t":"Calendar Widget","d":"An animated calendar widget featuring progressive blur effects that enhance depth and focu","s":"watermelon","c":"data-display/calendar","tg":["3d"],"sy":["3d"],"hc":1},{"id":"watermelon:calendar-widget-base","t":"Calendar Widget (base)","d":"Theme-ready base variant of An animated calendar widget featuring progressive blur effects","s":"watermelon","c":"data-display/calendar","tg":["3d"],"sy":["3d"],"hc":1},{"id":"watermelon:card-cue","t":"Card Cue","d":"Interactive micro-interaction component.","s":"watermelon","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:card-cue-base","t":"Card Cue (base)","d":"Theme-ready base variant of Interactive micro-interaction component..","s":"watermelon","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:card-split-accordian","t":"Card Split Accordian","d":"An animated card split accordion that smoothly expands to reveal detailed information.","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:card-split-accordian-base","t":"Card Split Accordian (base)","d":"Theme-ready base variant of An animated card split accordion that smoothly expands to reve","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:card-swipe","t":"Card Swipe","d":"A tactile, gesture-driven card stack that supports velocity-based swiping and smooth pagin","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:card-swipe-base","t":"Card Swipe (base)","d":"Theme-ready base variant of A tactile, gesture-driven card stack that supports velocity-ba","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:carousel-navigator","t":"Carousel Navigator","d":"A dynamic carousel navigator with theme-adaptive background transitions and progress-synci","s":"watermelon","c":"media/carousel","hc":1},{"id":"watermelon:carousel-navigator-base","t":"Carousel Navigator (base)","d":"Theme-ready base variant of A dynamic carousel navigator with theme-adaptive background tr","s":"watermelon","c":"media/carousel","hc":1},{"id":"watermelon:carousel-slider","t":"Carousel Slider","d":"A playful, gesture-driven card carousel with spring-based rotation and smooth scaling.","s":"watermelon","c":"inputs/slider","tg":["playful"],"sy":["playful"],"hc":1},{"id":"watermelon:carousel-slider-base","t":"Carousel Slider (base)","d":"Theme-ready base variant of A playful, gesture-driven card carousel with spring-based rota","s":"watermelon","c":"inputs/slider","tg":["playful"],"sy":["playful"],"hc":1},{"id":"watermelon:changeable-pricing-section","t":"Changeable Pricing Section","d":"A premium interactive pricing selector with animated billing toggle, expandable plan detai","k":"section","s":"watermelon","c":"marketing/pricing","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:changeable-pricing-section-base","t":"Changeable Pricing Section (base)","d":"Theme-ready base variant of A premium interactive pricing selector with animated billing t","k":"section","s":"watermelon","c":"marketing/pricing","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:collection-grid-disclosure","t":"Collection Grid Disclosure","d":"An animated collection grid that smoothly expands to reveal additional content on interact","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:collection-grid-disclosure-base","t":"Collection Grid Disclosure (base)","d":"Theme-ready base variant of An animated collection grid that smoothly expands to reveal ad","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:command-search","t":"Command Search","d":"A premium command palette with sectioned results, keyboard navigation, and smooth animatio","s":"watermelon","c":"inputs/search","hc":1},{"id":"watermelon:command-search-base","t":"Command Search (base)","d":"Theme-ready base variant of A premium command palette with sectioned results, keyboard nav","s":"watermelon","c":"inputs/search","hc":1},{"id":"watermelon:compose-email-card","t":"Compose Email Card","d":"Compact card interface for composing emails with recipient, subject, actions.","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:compose-email-card-base","t":"Compose Email Card (base)","d":"Theme-ready base variant of Compact card interface for composing emails with recipient, su","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:contextual-ai-bar","t":"Contextual AI Bar","d":"A sleek, adaptive action bar that toggles between tool icons and an AI-powered input field","s":"watermelon","c":"ai-agent/ai-agent","hc":1},{"id":"watermelon:contextual-ai-bar-base","t":"Contextual AI Bar (base)","d":"Theme-ready base variant of A sleek, adaptive action bar that toggles between tool icons a","s":"watermelon","c":"ai-agent/ai-agent","hc":1},{"id":"watermelon:continuous-pagination","t":"Continuous Pagination","d":"A premium, fully responsive pagination component featuring spring animations and a 3D-styl","s":"watermelon","c":"navigation/pagination","tg":["3d"],"sy":["3d"],"hc":1},{"id":"watermelon:continuous-pagination-base","t":"Continuous Pagination (base)","d":"Theme-ready base variant of A premium, fully responsive pagination component featuring spr","s":"watermelon","c":"navigation/pagination","tg":["3d"],"sy":["3d"],"hc":1},{"id":"watermelon:continuous-tabs","t":"Continuous Tabs","d":"Button-like tabs with a smooth sliding background pill.","s":"watermelon","c":"navigation/tabs","hc":1},{"id":"watermelon:continuous-tabs-base","t":"Continuous Tabs (base)","d":"Theme-ready base variant of Button-like tabs with a smooth sliding background pill..","s":"watermelon","c":"navigation/tabs","hc":1},{"id":"watermelon:copy-confirm","t":"Copy Confirm","d":"Interactive micro-interaction component for copy confirm.","s":"watermelon","c":"overlays/dialog","tg":["animated"],"sb":"Confirm","sy":["animated"],"hc":1},{"id":"watermelon:copy-confirm-base","t":"Copy Confirm (base)","d":"Theme-ready base variant of Interactive micro-interaction component for copy confirm..","s":"watermelon","c":"overlays/dialog","tg":["animated"],"sb":"Confirm","sy":["animated"],"hc":1},{"id":"watermelon:create-community","t":"Create Community","d":"Dialog for creating communities with name, description, and settings.","k":"layout","s":"watermelon","c":"flows/settings","hc":1},{"id":"watermelon:create-community-base","t":"Create Community (base)","d":"Theme-ready base variant of Dialog for creating communities with name, description, and se","k":"layout","s":"watermelon","c":"flows/settings","hc":1},{"id":"watermelon:create-new-disclosure","t":"Create New Disclosure","d":"A stylish \"Create New\" disclosure component that expands from a pill-shaped button into a ","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:create-new-disclosure-base","t":"Create New Disclosure (base)","d":"Theme-ready base variant of A stylish \"Create New\" disclosure component that expands from ","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:credit-usage-card","t":"Credit Usage Card","d":"Displays credit consumption progress with clear limits and usage breakdown.","s":"watermelon","c":"data-display/card","sb":"Payment","hc":1},{"id":"watermelon:credit-usage-card-base","t":"Credit Usage Card (base)","d":"Theme-ready base variant of Displays credit consumption progress with clear limits and usa","s":"watermelon","c":"data-display/card","sb":"Payment","hc":1},{"id":"watermelon:deployment-card","t":"Deployment Card","d":"Deployment card showing environment, progress, logs, duration, and commit details.","s":"watermelon","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:deployment-card-base","t":"Deployment Card (base)","d":"Theme-ready base variant of Deployment card showing environment, progress, logs, duration,","s":"watermelon","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:dialog-stack","t":"Dialog Stack","d":"A layered modal component that stacks multiple dialogs with smooth spring-weighted transit","s":"watermelon","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"watermelon:dialog-stack-base","t":"Dialog Stack (base)","d":"Theme-ready base variant of A layered modal component that stacks multiple dialogs with sm","s":"watermelon","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"watermelon:discrete-tabs","t":"Discrete Tabs","d":"Animated tabs component with smooth morphing transitions between active states.","s":"watermelon","c":"navigation/tabs","hc":1},{"id":"watermelon:discrete-tabs-base","t":"Discrete Tabs (base)","d":"Theme-ready base variant of Animated tabs component with smooth morphing transitions betwe","s":"watermelon","c":"navigation/tabs","hc":1},{"id":"watermelon:dock","t":"Dock Component","d":"An animated dock component inspired by the macOS dock with smooth scaling and hover intera","s":"watermelon","c":"navigation/dock","hc":1},{"id":"watermelon:dock-base","t":"Dock Component (base)","d":"Theme-ready base variant of An animated dock component inspired by the macOS dock with smo","s":"watermelon","c":"navigation/dock","hc":1},{"id":"watermelon:draw-signature","t":"Draw Signature","d":"A premium interactive signature component that captures fluid strokes with a custom pen cu","k":"motion","s":"watermelon","c":"motion/cursor","hc":1},{"id":"watermelon:draw-signature-base","t":"Draw Signature (base)","d":"Theme-ready base variant of A premium interactive signature component that captures fluid ","k":"motion","s":"watermelon","c":"motion/cursor","hc":1},{"id":"watermelon:dropdown-disclosure","t":"Dropdown Disclosure","d":"A sophisticated dropdown menu with shared layout transitions and spring-driven animations ","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:dropdown-disclosure-base","t":"Dropdown Disclosure (base)","d":"Theme-ready base variant of A sophisticated dropdown menu with shared layout transitions a","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:edit-badge","t":"Edit Badge","d":"A premium interactive badge component with an inline editor for real-time text, icon, and ","s":"watermelon","c":"data-display/badge","hc":1},{"id":"watermelon:edit-badge-base","t":"Edit Badge (base)","d":"Theme-ready base variant of A premium interactive badge component with an inline editor fo","s":"watermelon","c":"data-display/badge","hc":1},{"id":"watermelon:edit-profile","t":"Edit Profile","d":"Profile editing dialog with fields, validation, and save actions.","s":"watermelon","c":"data-display/profile","hc":1},{"id":"watermelon:edit-profile-base","t":"Edit Profile (base)","d":"Theme-ready base variant of Profile editing dialog with fields, validation, and save actio","s":"watermelon","c":"data-display/profile","hc":1},{"id":"watermelon:editable-chip","t":"Editable Chip","d":"An interactive editable chip component with smooth animations for editing.","s":"watermelon","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"watermelon:editable-chip-base","t":"Editable Chip (base)","d":"Theme-ready base variant of An interactive editable chip component with smooth animations ","s":"watermelon","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"watermelon:emoji-spree-choice-chips","t":"Emoji Spree Choice Chips","d":"A playful multi-select component with exploding emoji particles and smooth spring animatio","s":"watermelon","c":"data-display/badge","tg":["playful"],"sb":"Tags and pills","sy":["playful"],"hc":1},{"id":"watermelon:emoji-spree-choice-chips-base","t":"Emoji Spree Choice Chips (base)","d":"Theme-ready base variant of A playful multi-select component with exploding emoji particle","s":"watermelon","c":"data-display/badge","tg":["playful"],"sb":"Tags and pills","sy":["playful"],"hc":1},{"id":"watermelon:event-reminders","t":"Event Reminders","d":"Set and manage event reminders with lightweight interactive scheduling controls.","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:event-reminders-base","t":"Event Reminders (base)","d":"Theme-ready base variant of Set and manage event reminders with lightweight interactive sc","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:expand-details","t":"Expand Details","d":"Interactive micro-interaction component for expanding details.","s":"watermelon","c":"data-display/accordion","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"watermelon:expand-details-base","t":"Expand Details (base)","d":"Theme-ready base variant of Interactive micro-interaction component for expanding details.","s":"watermelon","c":"data-display/accordion","tg":["animated"],"sb":"Animated","sy":["animated"],"hc":1},{"id":"watermelon:expandable-event-card","t":"Expandable Event Card","d":"A stylish animated card that expands to a full-screen modal, perfect for showcasing events","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:expandable-event-card-base","t":"Expandable Event Card (base)","d":"Theme-ready base variant of A stylish animated card that expands to a full-screen modal, p","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:expandable-profile-card","t":"Expandable Profile Card","d":"An elegant animated card that expands to a detailed side-by-side view, perfect for profile","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:expandable-profile-card-base","t":"Expandable Profile Card (base)","d":"Theme-ready base variant of An elegant animated card that expands to a detailed side-by-si","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:extended-toolbar","t":"Extended Toolbar","d":"A responsive extended toolbar component that enhances usability with smooth micro-interact","s":"watermelon","c":"navigation/menu","tg":["animated"],"sb":"Menubars","sy":["animated"],"hc":1},{"id":"watermelon:extended-toolbar-base","t":"Extended Toolbar (base)","d":"Theme-ready base variant of A responsive extended toolbar component that enhances usabilit","s":"watermelon","c":"navigation/menu","tg":["animated"],"sb":"Menubars","sy":["animated"],"hc":1},{"id":"watermelon:family-receive-button","t":"Family Receive Button","d":"Features a toggle button that transforms into a full confirmation modal with backdrop blur","s":"watermelon","c":"actions/button","sb":"Animated","hc":1},{"id":"watermelon:family-receive-button-base","t":"Family Receive Button (base)","d":"Theme-ready base variant of Features a toggle button that transforms into a full confirmat","s":"watermelon","c":"actions/button","sb":"Animated","hc":1},{"id":"watermelon:family-wallet","t":"Family Wallet","d":"An animated wallet interface inspired by family account interactions with smooth card tran","s":"watermelon","c":"data-display/card","sb":"Payment","hc":1},{"id":"watermelon:family-wallet-base","t":"Family Wallet (base)","d":"Theme-ready base variant of An animated wallet interface inspired by family account intera","s":"watermelon","c":"data-display/card","sb":"Payment","hc":1},{"id":"watermelon:feature-tour","t":"Feature Tour","d":"A premium guided tour component with blur animations, shining titles, and intuitive naviga","k":"section","s":"watermelon","c":"marketing/features","hc":1},{"id":"watermelon:feature-tour-base","t":"Feature Tour (base)","d":"Theme-ready base variant of A premium guided tour component with blur animations, shining ","k":"section","s":"watermelon","c":"marketing/features","hc":1},{"id":"watermelon:feedback-action","t":"Feedback Action","d":"Trigger quick user feedback actions through subtle animated interaction buttons.","s":"watermelon","c":"actions/button","sb":"Animated","hc":1},{"id":"watermelon:feedback-action-base","t":"Feedback Action (base)","d":"Theme-ready base variant of Trigger quick user feedback actions through subtle animated in","s":"watermelon","c":"actions/button","sb":"Animated","hc":1},{"id":"watermelon:feedback","t":"Feedback","d":"A premium feedback component with morphing icons, smooth transitions, and a refined dark m","k":"resource","s":"watermelon","c":"assets/icon","sb":"Animated","hc":1},{"id":"watermelon:feedback-base","t":"Feedback (base)","d":"Theme-ready base variant of A premium feedback component with morphing icons, smooth trans","k":"resource","s":"watermelon","c":"assets/icon","sb":"Animated","hc":1},{"id":"watermelon:filter-disclosure","t":"Filter Disclosure","d":"A smooth expanding filter component with active state indicators.","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:filter-disclosure-base","t":"Filter Disclosure (base)","d":"Theme-ready base variant of A smooth expanding filter component with active state indicato","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:floating-disclosure","t":"Floating Disclosure","d":"A compact expandable action menu with animated resizing,  floating close button, and sprin","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:floating-disclosure-base","t":"Floating Disclosure (base)","d":"Theme-ready base variant of A compact expandable action menu with animated resizing,  floa","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:floating-input","t":"Floating Input","d":"An input field with floating label animation.","s":"watermelon","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"watermelon:floating-input-base","t":"Floating Input (base)","d":"Theme-ready base variant of An input field with floating label animation..","s":"watermelon","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"watermelon:fluid-tabs","t":"Fluid Tabs","d":"A fluid, spring-animated tab component with floating active indicator and icon scaling.","s":"watermelon","c":"navigation/tabs","hc":1},{"id":"watermelon:fluid-tabs-base","t":"Fluid Tabs (base)","d":"Theme-ready base variant of A fluid, spring-animated tab component with floating active in","s":"watermelon","c":"navigation/tabs","hc":1},{"id":"watermelon:fractional-picker","t":"Fractional Picker","d":"A smooth draggable ruler-style picker for selecting numeric values with spring snapping.","s":"watermelon","c":"inputs/select","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:fractional-picker-base","t":"Fractional Picker (base)","d":"Theme-ready base variant of A smooth draggable ruler-style picker for selecting numeric va","s":"watermelon","c":"inputs/select","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:frequency-selector","t":"Frequency Selector","d":"Select recurring time intervals using animated tabs and contextual sub options.","s":"watermelon","c":"navigation/tabs","hc":1},{"id":"watermelon:frequency-selector-base","t":"Frequency Selector (base)","d":"Theme-ready base variant of Select recurring time intervals using animated tabs and contex","s":"watermelon","c":"navigation/tabs","hc":1},{"id":"watermelon:fund-widget","t":"Fund Widget","d":"An animated fund widget featuring smooth 3D transforms and progressive blur effects.","s":"watermelon","c":"data-display/card","tg":["3d","playful"],"sy":["3d","playful"],"hc":1},{"id":"watermelon:fund-widget-base","t":"Fund Widget (base)","d":"Theme-ready base variant of An animated fund widget featuring smooth 3D transforms and pro","s":"watermelon","c":"data-display/card","tg":["3d","playful"],"sy":["3d","playful"],"hc":1},{"id":"watermelon:gooey-menu","t":"Gooey Menu","d":"An interactive Next.js logo with expandable tooltip that shows framework information.","s":"watermelon","c":"navigation/menu","hc":1},{"id":"watermelon:gooey-menu-base","t":"Gooey Menu (base)","d":"Theme-ready base variant of An interactive Next.js logo with expandable tooltip that shows","s":"watermelon","c":"navigation/menu","hc":1},{"id":"watermelon:inline-action","t":"Inline Action","d":"Inline actions enabling quick edits without leaving current context view.","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:inline-action-base","t":"Inline Action (base)","d":"Theme-ready base variant of Inline actions enabling quick edits without leaving current co","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:inline-edit","t":"Inline Edit","d":"A sleek, interactive editor that transitions seamlessly between display and edit modes usi","s":"watermelon","c":"inputs/textarea","hc":1},{"id":"watermelon:inline-edit-base","t":"Inline Edit (base)","d":"Theme-ready base variant of A sleek, interactive editor that transitions seamlessly betwee","s":"watermelon","c":"inputs/textarea","hc":1},{"id":"watermelon:inline-overflow","t":"Inline Overflow","d":"An interactive inline overflow menu that reveals additional actions with spring animations","s":"watermelon","c":"navigation/menu","hc":1},{"id":"watermelon:inline-overflow-base","t":"Inline Overflow (base)","d":"Theme-ready base variant of An interactive inline overflow menu that reveals additional ac","s":"watermelon","c":"navigation/menu","hc":1},{"id":"watermelon:inline-table-control","t":"Inline Table Control","d":"Inline controls for editing table rows without breaking user focus.","s":"watermelon","c":"data-display/table","hc":1},{"id":"watermelon:inline-table-control-base","t":"Inline Table Control (base)","d":"Theme-ready base variant of Inline controls for editing table rows without breaking user f","s":"watermelon","c":"data-display/table","hc":1},{"id":"watermelon:inline-toast","t":"Inline Toast","d":"An animated inline toast that provides instant feedback with a built-in copy action.","s":"watermelon","c":"overlays/toast","hc":1},{"id":"watermelon:inline-toast-base","t":"Inline Toast (base)","d":"Theme-ready base variant of An animated inline toast that provides instant feedback with a","s":"watermelon","c":"overlays/toast","hc":1},{"id":"watermelon:integration-card","t":"Integration Card","d":"Show connected services with status, actions, and simple integration management.","k":"section","s":"watermelon","c":"marketing/logos","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"watermelon:integration-card-base","t":"Integration Card (base)","d":"Theme-ready base variant of Show connected services with status, actions, and simple integ","k":"section","s":"watermelon","c":"marketing/logos","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"watermelon:invite-disclosure","t":"Invite Disclosure","d":"A sleek, morphing disclosure component for managing invitations with interactive badge cou","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:invite-disclosure-base","t":"Invite Disclosure (base)","d":"Theme-ready base variant of A sleek, morphing disclosure component for managing invitation","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:journal-navigation","t":"Journal Navigation","d":"Organized journal navigation enabling quick section switching with smooth animated transit","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:journal-navigation-base","t":"Journal Navigation (base)","d":"Theme-ready base variant of Organized journal navigation enabling quick section switching ","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:knob-slider","t":"Knob Slider","d":"A premium radial dial component with tactile feedback, blur animations, and full theme int","s":"watermelon","c":"inputs/slider","hc":1},{"id":"watermelon:knob-slider-base","t":"Knob Slider (base)","d":"Theme-ready base variant of A premium radial dial component with tactile feedback, blur an","s":"watermelon","c":"inputs/slider","hc":1},{"id":"watermelon:labeled-progress-indicator","t":"Labeled Progress Indicator","d":"An animated progress indicator with dynamic labels that update smoothly.","s":"watermelon","c":"data-viz/progress-bar","hc":1},{"id":"watermelon:labeled-progress-indicator-base","t":"Labeled Progress Indicator (base)","d":"Theme-ready base variant of An animated progress indicator with dynamic labels that update","s":"watermelon","c":"data-viz/progress-bar","hc":1},{"id":"watermelon:layered-progressive-disclosure","t":"Layered Progressive Disclosure","d":"A premium layered progressive disclosure panel with animated feature toggles, asymmetric c","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:layered-progressive-disclosure-base","t":"Layered Progressive Disclosure (base)","d":"Theme-ready base variant of A premium layered progressive disclosure panel with animated f","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:licence-key","t":"Licence Key","d":"Interactive micro-interaction component for licence keys.","s":"watermelon","c":"data-display/badge","hc":1},{"id":"watermelon:licence-key-base","t":"Licence Key (base)","d":"Theme-ready base variant of Interactive micro-interaction component for licence keys..","s":"watermelon","c":"data-display/badge","hc":1},{"id":"watermelon:list-stack","t":"List Stack","d":"An animated stacked list that smoothly expands and collapses to reveal or hide items.","s":"watermelon","c":"data-display/list","hc":1},{"id":"watermelon:list-stack-base","t":"List Stack (base)","d":"Theme-ready base variant of An animated stacked list that smoothly expands and collapses t","s":"watermelon","c":"data-display/list","hc":1},{"id":"watermelon:macos-sidebar","t":"macOS Sidebar","d":"A premium macOS-style collapsible sidebar with smooth spring-driven width transitions, hov","s":"watermelon","c":"navigation/sidebar","hc":1},{"id":"watermelon:macos-sidebar-base","t":"macOS Sidebar (base)","d":"Theme-ready base variant of A premium macOS-style collapsible sidebar with smooth spring-d","s":"watermelon","c":"navigation/sidebar","hc":1},{"id":"watermelon:meeting-card","t":"Meeting Card","d":"Summarize meeting details with time, participants, and quick action controls.","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:meeting-card-base","t":"Meeting Card (base)","d":"Theme-ready base variant of Summarize meeting details with time, participants, and quick a","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:minimal-carousel","t":"Minimal Carousel","d":"Interactive wallet interface with expandable cards featuring smooth layout animations and ","s":"watermelon","c":"media/carousel","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"watermelon:minimal-carousel-base","t":"Minimal Carousel (base)","d":"Theme-ready base variant of Interactive wallet interface with expandable cards featuring s","s":"watermelon","c":"media/carousel","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"watermelon:morphing-button","t":"Morphing Button","d":"An animated button that smoothly morphs into an expanded interactive state.","s":"watermelon","c":"actions/button","sb":"Animated","hc":1},{"id":"watermelon:morphing-button-base","t":"Morphing Button (base)","d":"Theme-ready base variant of An animated button that smoothly morphs into an expanded inter","s":"watermelon","c":"actions/button","sb":"Animated","hc":1},{"id":"watermelon:morphing-discovery-bar","t":"Morphing Discovery Bar","d":"A category tab bar that morphs into a search field, with a sliding active indicator and sm","s":"watermelon","c":"navigation/tabs","hc":1},{"id":"watermelon:morphing-discovery-bar-base","t":"Morphing Discovery Bar (base)","d":"Theme-ready base variant of A category tab bar that morphs into a search field, with a sli","s":"watermelon","c":"navigation/tabs","hc":1},{"id":"watermelon:morphing-sidebar-controls","t":"Morphing Sidebar Controls","d":"A premium morphing sidebar control panel with progressive configuration, motion presets, a","s":"watermelon","c":"navigation/sidebar","hc":1},{"id":"watermelon:morphing-sidebar-controls-base","t":"Morphing Sidebar Controls (base)","d":"Theme-ready base variant of A premium morphing sidebar control panel with progressive conf","s":"watermelon","c":"navigation/sidebar","hc":1},{"id":"watermelon:onboarding-checklist","t":"Onboarding Checklist","d":"Step-by-step onboarding checklist with progress tracking and completion feedback.","s":"watermelon","c":"inputs/checkbox","hc":1},{"id":"watermelon:onboarding-checklist-base","t":"Onboarding Checklist (base)","d":"Theme-ready base variant of Step-by-step onboarding checklist with progress tracking and c","s":"watermelon","c":"inputs/checkbox","hc":1},{"id":"watermelon:onboarding-screen","t":"Onboarding Screen","d":"Clean onboarding screen guiding users through setup with visual steps.","s":"watermelon","c":"navigation/wizard-steps","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"watermelon:onboarding-screen-base","t":"Onboarding Screen (base)","d":"Theme-ready base variant of Clean onboarding screen guiding users through setup with visua","s":"watermelon","c":"navigation/wizard-steps","tg":["minimal"],"sy":["minimal"],"hc":1},{"id":"watermelon:onboarding-setup","t":"Onboarding Setup","d":"Onboarding setup card guiding users through initial configuration steps.","s":"watermelon","c":"navigation/wizard-steps","hc":1},{"id":"watermelon:onboarding-setup-base","t":"Onboarding Setup (base)","d":"Theme-ready base variant of Onboarding setup card guiding users through initial configurat","s":"watermelon","c":"navigation/wizard-steps","hc":1},{"id":"watermelon:pagination","t":"Pagination","d":"An animated pagination control with previous and next arrows, where the page number rolls ","s":"watermelon","c":"navigation/pagination","vn":15,"hc":1},{"id":"watermelon:pagination-base","t":"Pagination (base)","d":"Theme-ready base variant of An animated pagination control with previous and next arrows, ","s":"watermelon","c":"navigation/pagination","hc":1},{"id":"watermelon:pin-item","t":"Pin Item","d":"A sleek list component with shared-layout transitions for pinning items and managing prior","s":"watermelon","c":"data-display/list","hc":1},{"id":"watermelon:pin-item-base","t":"Pin Item (base)","d":"Theme-ready base variant of A sleek list component with shared-layout transitions for pinn","s":"watermelon","c":"data-display/list","hc":1},{"id":"watermelon:pop-stepper","t":"Pop Stepper","d":"Interactive micro-interaction component for pop stepper.","s":"watermelon","c":"navigation/wizard-steps","hc":1},{"id":"watermelon:pop-stepper-base","t":"Pop Stepper (base)","d":"Theme-ready base variant of Interactive micro-interaction component for pop stepper..","s":"watermelon","c":"navigation/wizard-steps","hc":1},{"id":"watermelon:predictive-text","t":"Predictive Text","d":"Suggests next words in real time while users type naturally.","k":"motion","s":"watermelon","c":"motion/text-effect","hc":1},{"id":"watermelon:predictive-text-base","t":"Predictive Text (base)","d":"Theme-ready base variant of Suggests next words in real time while users type naturally..","k":"motion","s":"watermelon","c":"motion/text-effect","hc":1},{"id":"watermelon:pricing-widget","t":"Pricing Widget","d":"An animated pricing widget with smooth transitions and dynamic value updates.","k":"section","s":"watermelon","c":"marketing/pricing","hc":1},{"id":"watermelon:pricing-widget-base","t":"Pricing Widget (base)","d":"Theme-ready base variant of An animated pricing widget with smooth transitions and dynamic","k":"section","s":"watermelon","c":"marketing/pricing","hc":1},{"id":"watermelon:profile-card","t":"Profile Card","d":"Compact profile card displaying user details with quick actions.","s":"watermelon","c":"data-display/profile","hc":1},{"id":"watermelon:profile-card-base","t":"Profile Card (base)","d":"Theme-ready base variant of Compact profile card displaying user details with quick action","s":"watermelon","c":"data-display/profile","hc":1},{"id":"watermelon:progressive-input-stack","t":"Progressive Input Stack","d":"An animated input stack that progressively layers form fields as users complete each step.","s":"watermelon","c":"inputs/form-field","hc":1},{"id":"watermelon:progressive-input-stack-base","t":"Progressive Input Stack (base)","d":"Theme-ready base variant of An animated input stack that progressively layers form fields ","s":"watermelon","c":"inputs/form-field","hc":1},{"id":"watermelon:quick-feedback","t":"Quick Feedback","d":"A responsive feedback component built for instant user responses, using subtle micro-inter","s":"watermelon","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"watermelon:quick-feedback-base","t":"Quick Feedback (base)","d":"Theme-ready base variant of A responsive feedback component built for instant user respons","s":"watermelon","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"watermelon:quick-option-picker","t":"Quick Option Picker","d":"A sleek, interactive option picker with smooth roll animations and a premium feel.","s":"watermelon","c":"inputs/select","hc":1},{"id":"watermelon:quick-option-picker-base","t":"Quick Option Picker (base)","d":"Theme-ready base variant of A sleek, interactive option picker with smooth roll animations","s":"watermelon","c":"inputs/select","hc":1},{"id":"watermelon:quick-paste","t":"Quick Paste","d":"Instantly paste copied content using shortcut-triggered micro interaction panel.","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:quick-paste-base","t":"Quick Paste (base)","d":"Theme-ready base variant of Instantly paste copied content using shortcut-triggered micro ","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:quick-switcher","t":"Quick Switcher","d":"A premium, dual-mode action bar that enables fast switching between two distinct modes wit","k":"motion","s":"watermelon","c":"motion/shader","hc":1},{"id":"watermelon:quick-switcher-base","t":"Quick Switcher (base)","d":"Theme-ready base variant of A premium, dual-mode action bar that enables fast switching be","k":"motion","s":"watermelon","c":"motion/shader","hc":1},{"id":"watermelon:radial-carousel","t":"Radial Carousel","d":"A stunning radial carousel component with spring animations, drag-to-rotate interaction, a","s":"watermelon","c":"media/carousel","hc":1},{"id":"watermelon:radial-carousel-base","t":"Radial Carousel (base)","d":"Theme-ready base variant of A stunning radial carousel component with spring animations, d","s":"watermelon","c":"media/carousel","hc":1},{"id":"watermelon:range-selection-slider","t":"Range Selection Slider","d":"A responsive range selection slider widget that allows users to precisely choose values, e","s":"watermelon","c":"inputs/slider","hc":1},{"id":"watermelon:range-selection-slider-base","t":"Range Selection Slider (base)","d":"Theme-ready base variant of A responsive range selection slider widget that allows users t","s":"watermelon","c":"inputs/slider","hc":1},{"id":"watermelon:returns-calculator-snippet","t":"Returns Calculator Snippet","d":"A responsive returns calculator card snippet that lets users quickly estimate investment o","s":"watermelon","c":"data-display/code-block","hc":1},{"id":"watermelon:returns-calculator-snippet-base","t":"Returns Calculator Snippet (base)","d":"Theme-ready base variant of A responsive returns calculator card snippet that lets users q","s":"watermelon","c":"data-display/code-block","hc":1},{"id":"watermelon:reveal-copy","t":"Reveal Copy","d":"An animated reveal copy component that smoothly uncovers content with interactive motion.","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:reveal-copy-base","t":"Reveal Copy (base)","d":"Theme-ready base variant of An animated reveal copy component that smoothly uncovers conte","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:revealing-cards","t":"Revealing Cards","d":"Interactive micro-interaction component for revealing cards.","s":"watermelon","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:revealing-cards-base","t":"Revealing Cards (base)","d":"Theme-ready base variant of Interactive micro-interaction component for revealing cards..","s":"watermelon","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:run-action-button","t":"Run Action Button","d":"An animated action button that executes a sequence of steps with smooth visual transitions","s":"watermelon","c":"actions/button","sb":"Animated","hc":1},{"id":"watermelon:run-action-button-base","t":"Run Action Button (base)","d":"Theme-ready base variant of An animated action button that executes a sequence of steps wi","s":"watermelon","c":"actions/button","sb":"Animated","hc":1},{"id":"watermelon:run-widget","t":"Run Widget","d":"An animated run widget that dynamically displays distance with smooth number transitions","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:run-widget-base","t":"Run Widget (base)","d":"Theme-ready base variant of An animated run widget that dynamically displays distance with","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:save-toggle","t":"Save Toggle","d":"An animated save toggle button that smoothly transitions between multiple states.","s":"watermelon","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"watermelon:save-toggle-base","t":"Save Toggle (base)","d":"Theme-ready base variant of An animated save toggle button that smoothly transitions betwe","s":"watermelon","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"watermelon:schedule-button","t":"Schedule Button","d":"A tactile, interactive button for scheduling posts with date and time selection.","s":"watermelon","c":"actions/button","sb":"Animated","hc":1},{"id":"watermelon:schedule-button-base","t":"Schedule Button (base)","d":"Theme-ready base variant of A tactile, interactive button for scheduling posts with date a","s":"watermelon","c":"actions/button","sb":"Animated","hc":1},{"id":"watermelon:schedule-date","t":"Schedule Date","d":"Date scheduling dialog with calendar selection, time picking, and confirmations.","s":"watermelon","c":"data-display/calendar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:schedule-date-base","t":"Schedule Date (base)","d":"Theme-ready base variant of Date scheduling dialog with calendar selection, time picking, ","s":"watermelon","c":"data-display/calendar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:scroll-island","t":"Scroll Island","d":"Floating scroll island providing progress, actions, and contextual indicators.","k":"layout","s":"watermelon","c":"layout/scroll-area","hc":1},{"id":"watermelon:scroll-island-base","t":"Scroll Island (base)","d":"Theme-ready base variant of Floating scroll island providing progress, actions, and contex","k":"layout","s":"watermelon","c":"layout/scroll-area","hc":1},{"id":"watermelon:scrub-slider","t":"Scrub Slider","d":"An animated scrub slider that responds smoothly to drag and scrub interactions.","s":"watermelon","c":"inputs/slider","hc":1},{"id":"watermelon:scrub-slider-base","t":"Scrub Slider (base)","d":"Theme-ready base variant of An animated scrub slider that responds smoothly to drag and sc","s":"watermelon","c":"inputs/slider","hc":1},{"id":"watermelon:select-ai-agent","t":"Select AI Agent","d":"Choose an AI agent quickly with options and smooth feedback.","s":"watermelon","c":"ai-agent/ai-agent","hc":1},{"id":"watermelon:select-ai-agent-base","t":"Select AI Agent (base)","d":"Theme-ready base variant of Choose an AI agent quickly with options and smooth feedback..","s":"watermelon","c":"ai-agent/ai-agent","hc":1},{"id":"watermelon:send-money","t":"Send Money","d":"Quick send money interaction with confirmation, status, and feedback states.","s":"watermelon","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"watermelon:send-money-base","t":"Send Money (base)","d":"Theme-ready base variant of Quick send money interaction with confirmation, status, and fe","s":"watermelon","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"watermelon:share-sheet","t":"Share sheet","d":"An animated share sheet widget that smoothly expands to reveal a list of users for quick l","s":"watermelon","c":"overlays/sheet","hc":1},{"id":"watermelon:share-sheet-base","t":"Share sheet (base)","d":"Theme-ready base variant of An animated share sheet widget that smoothly expands to reveal","s":"watermelon","c":"overlays/sheet","hc":1},{"id":"watermelon:shimmer-button","t":"Shimmer Button","d":"A button with an animated shimmer effect on hover.","s":"watermelon","c":"actions/button","sb":"Animated","hc":1},{"id":"watermelon:shimmer-button-base","t":"Shimmer Button (base)","d":"Theme-ready base variant of A button with an animated shimmer effect on hover..","s":"watermelon","c":"actions/button","sb":"Animated","hc":1},{"id":"watermelon:show-qr","t":"Show QR","d":"A widget to show QR code.","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:show-qr-base","t":"Show QR (base)","d":"Theme-ready base variant of A widget to show QR code..","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:shuffle-pinned-item","t":"Shuffle Pinned List","d":"A dynamic list that promotes pinned items to a shuffleable hero header with spring animati","s":"watermelon","c":"data-display/list","hc":1},{"id":"watermelon:shuffle-pinned-item-base","t":"Shuffle Pinned List (base)","d":"Theme-ready base variant of A dynamic list that promotes pinned items to a shuffleable her","s":"watermelon","c":"data-display/list","hc":1},{"id":"watermelon:slot-picker","t":"Slot Picker","d":"A premium scheduling component for managing time slots with fluid spring animations and ta","s":"watermelon","c":"inputs/select","hc":1},{"id":"watermelon:slot-picker-base","t":"Slot Picker (base)","d":"Theme-ready base variant of A premium scheduling component for managing time slots with fl","s":"watermelon","c":"inputs/select","hc":1},{"id":"watermelon:split-actions","t":"Split Actions","d":"Interactive micro-interaction component for split actions.","s":"watermelon","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:split-actions-base","t":"Split Actions (base)","d":"Theme-ready base variant of Interactive micro-interaction component for split actions..","s":"watermelon","c":"other/other","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:split-button","t":"Split Button","d":"A premium split button component with spring-driven layout transitions and tactile expansi","s":"watermelon","c":"actions/button","sb":"Groups and split","hc":1},{"id":"watermelon:split-button-base","t":"Split Button (base)","d":"Theme-ready base variant of A premium split button component with spring-driven layout tra","s":"watermelon","c":"actions/button","sb":"Groups and split","hc":1},{"id":"watermelon:split-to-edit","t":"Split To edit","d":"An animated input field that smoothly splits into editable segments during interaction","s":"watermelon","c":"inputs/form-field","hc":1},{"id":"watermelon:split-to-edit-base","t":"Split To edit (base)","d":"Theme-ready base variant of An animated input field that smoothly splits into editable seg","s":"watermelon","c":"inputs/form-field","hc":1},{"id":"watermelon:status-picker","t":"Status Picker","d":"An animated status picker that smoothly transitions between selectable states.","s":"watermelon","c":"inputs/select","hc":1},{"id":"watermelon:status-picker-base","t":"Status Picker (base)","d":"Theme-ready base variant of An animated status picker that smoothly transitions between se","s":"watermelon","c":"inputs/select","hc":1},{"id":"watermelon:step-indicator","t":"Step Indicator","d":"An animated step indicator with a tooltip that highlights the current progress stage.","s":"watermelon","c":"navigation/wizard-steps","hc":1},{"id":"watermelon:step-indicator-base","t":"Step Indicator (base)","d":"Theme-ready base variant of An animated step indicator with a tooltip that highlights the ","s":"watermelon","c":"navigation/wizard-steps","hc":1},{"id":"watermelon:step-pager","t":"Step Pager","d":"An animated step pager that visually highlights the current step with smooth icon transiti","k":"resource","s":"watermelon","c":"assets/icon","sb":"Animated","hc":1},{"id":"watermelon:step-pager-base","t":"Step Pager (base)","d":"Theme-ready base variant of An animated step pager that visually highlights the current st","k":"resource","s":"watermelon","c":"assets/icon","sb":"Animated","hc":1},{"id":"watermelon:stepper","t":"Stepper","d":"An animated numeric stepper with plu and minus controls and spring-based roling digit tran","s":"watermelon","c":"navigation/wizard-steps","hc":1},{"id":"watermelon:stepper-base","t":"Stepper (base)","d":"Theme-ready base variant of An animated numeric stepper with plu and minus controls and sp","s":"watermelon","c":"navigation/wizard-steps","hc":1},{"id":"watermelon:subscription-calendar","t":"Subscription Calendar","d":"Calendar card showing subscription cycles, renewals, and upcoming billing dates.","s":"watermelon","c":"data-display/calendar","hc":1},{"id":"watermelon:subscription-calendar-base","t":"Subscription Calendar (base)","d":"Theme-ready base variant of Calendar card showing subscription cycles, renewals, and upcom","s":"watermelon","c":"data-display/calendar","hc":1},{"id":"watermelon:swap-currency-card","t":"Swap Currency Card","d":"A responsive interface component designed for instant user sentiment, featuring snappy vis","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:swap-currency-card-base","t":"Swap Currency Card (base)","d":"Theme-ready base variant of A responsive interface component designed for instant user sen","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:swap-form","t":"Swap Form","d":"A dynamic authentication form that transitions between Sign In and Sign Up modes with eleg","s":"watermelon","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"watermelon:swap-form-base","t":"Swap Form (base)","d":"Theme-ready base variant of A dynamic authentication form that transitions between Sign In","s":"watermelon","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"watermelon:switch-disclosure","t":"Switch Disclosure","d":"A premium interactive disclosure component that pairs a primary switch with nested behavio","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:switch-disclosure-base","t":"Switch Disclosure (base)","d":"Theme-ready base variant of A premium interactive disclosure component that pairs a primar","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:switch-mode","t":"Switch Mode","d":"A premium, animated theme toggle switch with smooth spring physics and sliding icon states","s":"watermelon","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"watermelon:switch-mode-base","t":"Switch Mode (base)","d":"Theme-ready base variant of A premium, animated theme toggle switch with smooth spring phy","s":"watermelon","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"watermelon:tags","t":"Tags","d":"A dynamic tag management component with smooth shared-layout transitions and auto-scrollin","s":"watermelon","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"watermelon:tags-base","t":"Tags (base)","d":"Theme-ready base variant of A dynamic tag management component with smooth shared-layout t","s":"watermelon","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"watermelon:task-widget-disclosure","t":"Task Widget Disclosure","d":"An interactive task widget with smooth disclosure animations and detailed progress trackin","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:task-widget-disclosure-base","t":"Task Widget Disclosure (base)","d":"Theme-ready base variant of An interactive task widget with smooth disclosure animations a","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:time-undo-action","t":"Timed Undo Action","d":"An animated timed undo button that provides a visual countdown before an action is finaliz","s":"watermelon","c":"actions/button","sb":"Animated","hc":1},{"id":"watermelon:time-undo-action-base","t":"Timed Undo Action (base)","d":"Theme-ready base variant of An animated timed undo button that provides a visual countdown","s":"watermelon","c":"actions/button","sb":"Animated","hc":1},{"id":"watermelon:tooltip-navbar","t":"Tooltip Navbar","d":"Tooltip design recreated with smooth animations and interactive feedback.","s":"watermelon","c":"navigation/top-nav","hc":1},{"id":"watermelon:tooltip-navbar-base","t":"Tooltip Navbar (base)","d":"Theme-ready base variant of Tooltip design recreated with smooth animations and interactiv","s":"watermelon","c":"navigation/top-nav","hc":1},{"id":"watermelon:trade-summary","t":"Trade Summary","d":"Concise trade summary card showing positions, performance, and key metrics.","s":"watermelon","c":"data-display/stat","hc":1},{"id":"watermelon:trade-summary-base","t":"Trade Summary (base)","d":"Theme-ready base variant of Concise trade summary card showing positions, performance, and","s":"watermelon","c":"data-display/stat","hc":1},{"id":"watermelon:transaction-list","t":"Transaction List","d":"An animated transaction list with smooth expand and collapse transitions for detailed view","s":"watermelon","c":"data-display/list","hc":1},{"id":"watermelon:transaction-list-base","t":"Transaction List (base)","d":"Theme-ready base variant of An animated transaction list with smooth expand and collapse t","s":"watermelon","c":"data-display/list","hc":1},{"id":"watermelon:tree-menu","t":"Tree menu","d":"A nested tree navigation menu with animated level transitions and breadcrumb navigation.","s":"watermelon","c":"navigation/menu","hc":1},{"id":"watermelon:tree-menu-base","t":"Tree menu (base)","d":"Theme-ready base variant of A nested tree navigation menu with animated level transitions ","s":"watermelon","c":"navigation/menu","hc":1},{"id":"watermelon:uniswap-dialog","t":"Uniswap Dialog","d":"A Uniswap-style region selector dialog with a searchable country list, flag icons, and smo","s":"watermelon","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"watermelon:uniswap-dialog-base","t":"Uniswap Dialog (base)","d":"Theme-ready base variant of A Uniswap-style region selector dialog with a searchable count","s":"watermelon","c":"overlays/dialog","sb":"Animated","hc":1},{"id":"watermelon:vertical-tooltip-navbar","t":"Vertical Tooltip Navbar","d":"A vertical tooltip menu with smooth clip-path animations that reveal tooltips on hover","s":"watermelon","c":"navigation/top-nav","hc":1},{"id":"watermelon:vertical-tooltip-navbar-base","t":"Vertical Tooltip Navbar (base)","d":"Theme-ready base variant of A vertical tooltip menu with smooth clip-path animations that ","s":"watermelon","c":"navigation/top-nav","hc":1},{"id":"watermelon:view-on-map","t":"View On Map","d":"Map view component displaying locations with zoom, pins, and directions.","s":"watermelon","c":"data-viz/map","hc":1},{"id":"watermelon:view-on-map-base","t":"View On Map (base)","d":"Theme-ready base variant of Map view component displaying locations with zoom, pins, and d","s":"watermelon","c":"data-viz/map","hc":1},{"id":"watermelon:voice-chat-disclosure","t":"Voice Chat Disclosure","d":"An interactive, expandable voice chat pill with avatar stacking and animated voice indicat","s":"watermelon","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"watermelon:voice-chat-disclosure-base","t":"Voice Chat Disclosure (base)","d":"Theme-ready base variant of An interactive, expandable voice chat pill with avatar stackin","s":"watermelon","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"watermelon:voice-note","t":"Voice Note","d":"Voice note interaction for recording, previewing, and managing audio snippets.","s":"watermelon","c":"media/player","hc":1},{"id":"watermelon:voice-note-base","t":"Voice Note (base)","d":"Theme-ready base variant of Voice note interaction for recording, previewing, and managing","s":"watermelon","c":"media/player","hc":1},{"id":"watermelon:voice-transcribe","t":"Voice Transcribe","d":"Convert speech into text instantly with smooth, responsive Voice Transcribe.","k":"motion","s":"watermelon","c":"motion/text-effect","hc":1},{"id":"watermelon:voice-transcribe-base","t":"Voice Transcribe (base)","d":"Theme-ready base variant of Convert speech into text instantly with smooth, responsive Voi","k":"motion","s":"watermelon","c":"motion/text-effect","hc":1},{"id":"watermelon:waveform-scrub","t":"Waveform Scrub","d":"Interactive waveform scrubber enabling precise audio navigation and playback control.","s":"watermelon","c":"media/player","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:waveform-scrub-base","t":"Waveform Scrub (base)","d":"Theme-ready base variant of Interactive waveform scrubber enabling precise audio navigatio","s":"watermelon","c":"media/player","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:weight-widget","t":"Weight Widget","d":"A tactile, sliding scale component designed for precise weight input with a premium haptic","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:weight-widget-base","t":"Weight Widget (base)","d":"Theme-ready base variant of A tactile, sliding scale component designed for precise weight","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:wiggling-cards","t":"Wiggling Cards","d":"An animated card carousel with a playful wiggling effect during navigation.","s":"watermelon","c":"data-display/card","tg":["playful"],"sy":["playful"],"hc":1},{"id":"watermelon:wiggling-cards-base","t":"Wiggling Cards (base)","d":"Theme-ready base variant of An animated card carousel with a playful wiggling effect durin","s":"watermelon","c":"data-display/card","tg":["playful"],"sy":["playful"],"hc":1},{"id":"watermelon:combobox-1","t":"Combobox #1","d":"Combobox 1. A combobox component for selecting from a list of options.","s":"watermelon","c":"inputs/combobox","hc":1},{"id":"watermelon:combobox-2","t":"Combobox #2","d":"Combobox 2. A combobox component for selecting from a list of options.","s":"watermelon","c":"inputs/combobox","hc":1},{"id":"watermelon:combobox-3","t":"Combobox #3","d":"Combobox 3. A combobox component for selecting from a list of options.","s":"watermelon","c":"inputs/combobox","hc":1},{"id":"watermelon:combobox-4","t":"Combobox #4","d":"Combobox 4. A combobox component for selecting from a list of options.","s":"watermelon","c":"inputs/combobox","hc":1},{"id":"watermelon:combobox-5","t":"Combobox #5","d":"Combobox 5. A combobox component for selecting from a list of options.","s":"watermelon","c":"inputs/combobox","hc":1},{"id":"watermelon:combobox-6","t":"Combobox #6","d":"Combobox 6. A combobox component for selecting from a list of options.","s":"watermelon","c":"inputs/combobox","hc":1},{"id":"watermelon:combobox-7","t":"Combobox #7","d":"Combobox 7. A combobox component for selecting from a list of options.","s":"watermelon","c":"inputs/combobox","hc":1},{"id":"watermelon:combobox-8","t":"Combobox #8","d":"Combobox 8. A combobox component for selecting from a list of options.","s":"watermelon","c":"inputs/combobox","hc":1},{"id":"watermelon:combobox-9","t":"Combobox #9","d":"Combobox 9. A combobox component for selecting from a list of options.","s":"watermelon","c":"inputs/combobox","hc":1},{"id":"watermelon:combobox-10","t":"Combobox #10","d":"Combobox 10. A combobox component for selecting from a list of options.","s":"watermelon","c":"inputs/combobox","hc":1},{"id":"watermelon:combobox-11","t":"Combobox #11","d":"Combobox 11. A combobox component for selecting from a list of options.","s":"watermelon","c":"inputs/combobox","hc":1},{"id":"watermelon:combobox-12","t":"Combobox #12","d":"Combobox 12. A combobox component for selecting from a list of options.","s":"watermelon","c":"inputs/combobox","hc":1},{"id":"watermelon:date-picker-1","t":"DatePicker #1","d":"DatePicker 1. A date picker component for selecting dates.","s":"watermelon","c":"inputs/date-picker","hc":1},{"id":"watermelon:date-picker-2","t":"DatePicker #2","d":"DatePicker 2. A date picker component for selecting dates.","s":"watermelon","c":"inputs/date-picker","hc":1},{"id":"watermelon:date-picker-3","t":"DatePicker #3","d":"DatePicker 3. A date picker component for selecting dates.","s":"watermelon","c":"inputs/date-picker","hc":1},{"id":"watermelon:date-picker-4","t":"DatePicker #4","d":"DatePicker 4. A date picker component for selecting dates.","s":"watermelon","c":"inputs/date-picker","hc":1},{"id":"watermelon:date-picker-5","t":"DatePicker #5","d":"DatePicker 5. A date picker component for selecting dates.","s":"watermelon","c":"inputs/date-picker","hc":1},{"id":"watermelon:date-picker-6","t":"DatePicker #6","d":"DatePicker 6. A date picker component for selecting dates.","s":"watermelon","c":"inputs/date-picker","hc":1},{"id":"watermelon:date-picker-7","t":"DatePicker #7","d":"DatePicker 7. A date picker component for selecting dates.","s":"watermelon","c":"inputs/date-picker","hc":1},{"id":"watermelon:date-picker-8","t":"DatePicker #8","d":"DatePicker 8. A date picker component for selecting dates.","s":"watermelon","c":"inputs/date-picker","hc":1},{"id":"watermelon:date-picker-9","t":"DatePicker #9","d":"DatePicker 9. A date picker component for selecting dates.","s":"watermelon","c":"inputs/date-picker","hc":1},{"id":"watermelon:date-picker-10","t":"DatePicker #10","d":"DatePicker 10. A date picker component for selecting dates.","s":"watermelon","c":"inputs/date-picker","hc":1},{"id":"watermelon:date-picker-11","t":"DatePicker #11","d":"DatePicker 11. A date picker component for selecting dates.","s":"watermelon","c":"inputs/date-picker","hc":1},{"id":"watermelon:date-picker-12","t":"DatePicker #12","d":"DatePicker 12. A date picker component for selecting dates.","s":"watermelon","c":"inputs/date-picker","hc":1},{"id":"watermelon:date-picker-13","t":"DatePicker #13","d":"DatePicker 13. A date picker component for selecting dates.","s":"watermelon","c":"inputs/date-picker","hc":1},{"id":"watermelon:form-1","t":"Form #1","d":"Form 1. A collection of input fields, controls, and actions used to capture and submit use","s":"watermelon","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"watermelon:form-2","t":"Form #2","d":"Form 2. A collection of input fields, controls, and actions used to capture and submit use","s":"watermelon","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"watermelon:form-3","t":"Form #3","d":"Form 3. A collection of input fields, controls, and actions used to capture and submit use","s":"watermelon","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"watermelon:form-4","t":"Form #4","d":"Form 4. A collection of input fields, controls, and actions used to capture and submit use","s":"watermelon","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"watermelon:form-5","t":"Form #5","d":"Form 5. A collection of input fields, controls, and actions used to capture and submit use","s":"watermelon","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"watermelon:form-6","t":"Form #6","d":"Form 6. A collection of input fields, controls, and actions used to capture and submit use","s":"watermelon","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"watermelon:form-7","t":"Form #7","d":"Form 7. A collection of input fields, controls, and actions used to capture and submit use","s":"watermelon","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"watermelon:form-8","t":"Form #8","d":"Form 8. A collection of input fields, controls, and actions used to capture and submit use","s":"watermelon","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"watermelon:form-9","t":"Form #9","d":"Form 9. A collection of input fields, controls, and actions used to capture and submit use","s":"watermelon","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"watermelon:form-10","t":"Form #10","d":"Form 10. A collection of input fields, controls, and actions used to capture and submit us","s":"watermelon","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"watermelon:input-otp-1","t":"Input OTP #1","d":"Input OTP 1. A set of input fields designed to capture one-time passwords (OTP) or verific","s":"watermelon","c":"inputs/otp-input","hc":1},{"id":"watermelon:input-otp-2","t":"Input OTP #2","d":"Input OTP 2. A set of input fields designed to capture one-time passwords (OTP) or verific","s":"watermelon","c":"inputs/otp-input","hc":1},{"id":"watermelon:input-otp-3","t":"Input OTP #3","d":"Input OTP 3. A set of input fields designed to capture one-time passwords (OTP) or verific","s":"watermelon","c":"inputs/otp-input","hc":1},{"id":"watermelon:input-otp-4","t":"Input OTP #4","d":"Input OTP 4. A set of input fields designed to capture one-time passwords (OTP) or verific","s":"watermelon","c":"inputs/otp-input","hc":1},{"id":"watermelon:input-otp-5","t":"Input OTP #5","d":"Input OTP 5. A set of input fields designed to capture one-time passwords (OTP) or verific","s":"watermelon","c":"inputs/otp-input","hc":1},{"id":"watermelon:input-otp-6","t":"Input OTP #6","d":"Input OTP 6. A set of input fields designed to capture one-time passwords (OTP) or verific","s":"watermelon","c":"inputs/otp-input","hc":1},{"id":"watermelon:input-otp-7","t":"Input OTP #7","d":"Input OTP 7. A set of input fields designed to capture one-time passwords (OTP) or verific","s":"watermelon","c":"inputs/otp-input","hc":1},{"id":"watermelon:input-otp-8","t":"Input OTP #8","d":"Input OTP 8. A set of input fields designed to capture one-time passwords (OTP) or verific","s":"watermelon","c":"inputs/otp-input","hc":1},{"id":"watermelon:input-otp-9","t":"Input OTP #9","d":"Input OTP 9. A set of input fields designed to capture one-time passwords (OTP) or verific","s":"watermelon","c":"inputs/otp-input","hc":1},{"id":"watermelon:input-otp-10","t":"Input OTP #10","d":"Input OTP 10. A set of input fields designed to capture one-time passwords (OTP) or verifi","s":"watermelon","c":"inputs/otp-input","hc":1},{"id":"watermelon:sonner-1","t":"Sonner #1","d":"Sonner 1. An opinionated toast component for React.","s":"watermelon","c":"overlays/toast","hc":1},{"id":"watermelon:sonner-2","t":"Sonner #2","d":"Sonner 2. An opinionated toast component for React.","s":"watermelon","c":"overlays/toast","hc":1},{"id":"watermelon:sonner-3","t":"Sonner #3","d":"Sonner 3. An opinionated toast component for React.","s":"watermelon","c":"overlays/toast","hc":1},{"id":"watermelon:sonner-4","t":"Sonner #4","d":"Sonner 4. An opinionated toast component for React.","s":"watermelon","c":"overlays/toast","hc":1},{"id":"watermelon:sonner-5","t":"Sonner #5","d":"Sonner 5. An opinionated toast component for React.","s":"watermelon","c":"overlays/toast","hc":1},{"id":"watermelon:sonner-6","t":"Sonner #6","d":"Sonner 6. An opinionated toast component for React.","s":"watermelon","c":"overlays/toast","hc":1},{"id":"watermelon:sonner-7","t":"Sonner #7","d":"Sonner 7. An opinionated toast component for React.","s":"watermelon","c":"overlays/toast","hc":1},{"id":"watermelon:sonner-8","t":"Sonner #8","d":"Sonner 8. An opinionated toast component for React.","s":"watermelon","c":"overlays/toast","hc":1},{"id":"watermelon:sonner-9","t":"Sonner #9","d":"Sonner 9. An opinionated toast component for React.","s":"watermelon","c":"overlays/toast","hc":1},{"id":"watermelon:sonner-10","t":"Sonner #10","d":"Sonner 10. An opinionated toast component for React.","s":"watermelon","c":"overlays/toast","hc":1},{"id":"watermelon:sonner-11","t":"Sonner #11","d":"Sonner 11. An opinionated toast component for React.","s":"watermelon","c":"overlays/toast","hc":1},{"id":"watermelon:sonner-12","t":"Sonner #12","d":"Sonner 12. An opinionated toast component for React.","s":"watermelon","c":"overlays/toast","hc":1},{"id":"watermelon:sonner-13","t":"Sonner #13","d":"Sonner 13. An opinionated toast component for React.","s":"watermelon","c":"overlays/toast","hc":1},{"id":"watermelon:sonner-14","t":"Sonner #14","d":"Sonner 14. An opinionated toast component for React.","s":"watermelon","c":"overlays/toast","hc":1},{"id":"watermelon:sonner-15","t":"Sonner #15","d":"Sonner 15. An opinionated toast component for React.","s":"watermelon","c":"overlays/toast","hc":1},{"id":"watermelon:sonner-16","t":"Sonner #16","d":"Sonner 16. An opinionated toast component for React.","s":"watermelon","c":"overlays/toast","hc":1},{"id":"watermelon:sonner-17","t":"Sonner #17","d":"Sonner 17. An opinionated toast component for React.","s":"watermelon","c":"overlays/toast","hc":1},{"id":"watermelon:sonner-18","t":"Sonner #18","d":"Sonner 18. An opinionated toast component for React.","s":"watermelon","c":"overlays/toast","hc":1},{"id":"watermelon:sonner-19","t":"Sonner #19","d":"Sonner 19. An opinionated toast component for React.","s":"watermelon","c":"overlays/toast","hc":1},{"id":"watermelon:sonner-20","t":"Sonner #20","d":"Sonner 20. An opinionated toast component for React.","s":"watermelon","c":"overlays/toast","hc":1},{"id":"watermelon:accordion","t":"Accordion","s":"watermelon","c":"data-display/accordion","vn":19,"hc":1},{"id":"watermelon:accordion-multiselect","t":"Accordion multiselect","s":"watermelon","c":"inputs/select","hc":1},{"id":"watermelon:agndex-dashboard","t":"Agndex dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:ai-input-001","t":"Ai input #1","s":"watermelon","c":"ai-agent/ai-agent","hc":1},{"id":"watermelon:ai-input-002","t":"Ai input #2","s":"watermelon","c":"ai-agent/ai-agent","hc":1},{"id":"watermelon:ai-input-003","t":"Ai input #3","s":"watermelon","c":"ai-agent/ai-agent","hc":1},{"id":"watermelon:ai-input-004","t":"Ai input #4","s":"watermelon","c":"ai-agent/ai-agent","hc":1},{"id":"watermelon:ai-input-005","t":"Ai input #5","s":"watermelon","c":"ai-agent/ai-agent","hc":1},{"id":"watermelon:alert","t":"Alert","s":"watermelon","c":"overlays/alert-banner","vn":36,"hc":1},{"id":"watermelon:alert-dialog","t":"Alert dialog","s":"watermelon","c":"overlays/dialog","sb":"Confirm","vn":3,"hc":1},{"id":"watermelon:alphine-booking-form","t":"Alphine booking form","s":"watermelon","c":"data-display/calendar","hc":1},{"id":"watermelon:alphine-login-form","t":"Alphine login form","k":"layout","s":"watermelon","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"watermelon:animate-button","t":"Animate button","s":"watermelon","c":"actions/button","sb":"Animated","hc":1},{"id":"watermelon:animated-accordion","t":"Animated accordion","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:animated-button","t":"Animated button","s":"watermelon","c":"actions/button","sb":"Animated","hc":1},{"id":"watermelon:announcement-1","t":"Announcement #1","k":"section","s":"watermelon","c":"marketing/announcement","hc":1},{"id":"watermelon:announcement-2","t":"Announcement #2","k":"section","s":"watermelon","c":"marketing/announcement","hc":1},{"id":"watermelon:announcement-3","t":"Announcement #3","k":"section","s":"watermelon","c":"marketing/announcement","hc":1},{"id":"watermelon:announcement-4","t":"Announcement #4","k":"section","s":"watermelon","c":"marketing/announcement","hc":1},{"id":"watermelon:announcement-5","t":"Announcement #5","k":"section","s":"watermelon","c":"marketing/announcement","hc":1},{"id":"watermelon:announcement-6","t":"Announcement #6","k":"section","s":"watermelon","c":"marketing/announcement","hc":1},{"id":"watermelon:announcement-7","t":"Announcement #7","k":"section","s":"watermelon","c":"marketing/announcement","hc":1},{"id":"watermelon:announcement-8","t":"Announcement #8","k":"section","s":"watermelon","c":"marketing/announcement","hc":1},{"id":"watermelon:announcement-9","t":"Announcement #9","k":"section","s":"watermelon","c":"marketing/announcement","hc":1},{"id":"watermelon:astrix-dashboard","t":"Astrix dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:audio-player","t":"Audio player","s":"watermelon","c":"media/player","hc":1},{"id":"watermelon:audio-player-with-waveform","t":"Audio player with waveform","s":"watermelon","c":"media/player","hc":1},{"id":"watermelon:auth-01","t":"Auth #1","k":"layout","s":"watermelon","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"watermelon:auth-02","t":"Auth #2","k":"layout","s":"watermelon","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"watermelon:auth-03","t":"Auth #3","k":"layout","s":"watermelon","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"watermelon:auth-04","t":"Auth #4","k":"layout","s":"watermelon","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"watermelon:auth-05","t":"Auth #5","k":"layout","s":"watermelon","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"watermelon:auth-06","t":"Auth #6","k":"layout","s":"watermelon","c":"flows/sign-in","sb":"Sign in","hc":1},{"id":"watermelon:auth-07","t":"Auth #7","k":"layout","s":"watermelon","c":"flows/sign-in","tg":["animated"],"sb":"Sign in","sy":["animated"],"hc":1},{"id":"watermelon:auth-08","t":"Auth #8","k":"layout","s":"watermelon","c":"flows/sign-in","tg":["animated"],"sb":"Sign in","sy":["animated"],"hc":1},{"id":"watermelon:auth-09","t":"Auth #9","k":"layout","s":"watermelon","c":"flows/sign-in","tg":["animated"],"sb":"Sign in","sy":["animated"],"hc":1},{"id":"watermelon:auth-10","t":"Auth #10","k":"layout","s":"watermelon","c":"flows/sign-in","tg":["animated"],"sb":"Sign in","sy":["animated"],"hc":1},{"id":"watermelon:auth-11","t":"Auth #11","k":"layout","s":"watermelon","c":"flows/sign-in","tg":["animated"],"sb":"Sign in","sy":["animated"],"hc":1},{"id":"watermelon:auth-12","t":"Auth #12","k":"layout","s":"watermelon","c":"flows/sign-in","tg":["animated"],"sb":"Sign in","sy":["animated"],"hc":1},{"id":"watermelon:auth-13","t":"Auth #13","k":"layout","s":"watermelon","c":"flows/sign-in","tg":["animated"],"sb":"Sign in","sy":["animated"],"hc":1},{"id":"watermelon:availability","t":"Availability","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:avatar","t":"Avatar","s":"watermelon","c":"data-display/avatar","vn":27,"hc":1},{"id":"watermelon:avatar-group","t":"Avatar group","s":"watermelon","c":"data-display/avatar","hc":1},{"id":"watermelon:award","t":"Award","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:badge","t":"Badge","s":"watermelon","c":"data-display/badge","vn":29,"hc":1},{"id":"watermelon:bento-1","t":"Bento #1","k":"layout","s":"watermelon","c":"layout/bento-grid","hc":1},{"id":"watermelon:bento-10","t":"Bento #10","k":"layout","s":"watermelon","c":"layout/bento-grid","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:bento-11","t":"Bento #11","k":"layout","s":"watermelon","c":"layout/bento-grid","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:bento-12","t":"Bento #12","k":"layout","s":"watermelon","c":"layout/bento-grid","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:bento-13","t":"Bento #13","k":"layout","s":"watermelon","c":"layout/bento-grid","hc":1},{"id":"watermelon:bento-14","t":"Bento #14","k":"layout","s":"watermelon","c":"layout/bento-grid","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:bento-15","t":"Bento #15","k":"layout","s":"watermelon","c":"layout/bento-grid","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:bento-16","t":"Bento #16","k":"layout","s":"watermelon","c":"layout/bento-grid","hc":1},{"id":"watermelon:bento-17","t":"Bento #17","k":"layout","s":"watermelon","c":"layout/bento-grid","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:bento-2","t":"Bento #2","k":"layout","s":"watermelon","c":"layout/bento-grid","hc":1},{"id":"watermelon:bento-3","t":"Bento #3","k":"layout","s":"watermelon","c":"layout/bento-grid","hc":1},{"id":"watermelon:bento-4","t":"Bento #4","k":"layout","s":"watermelon","c":"layout/bento-grid","hc":1},{"id":"watermelon:bento-5","t":"Bento #5","k":"layout","s":"watermelon","c":"layout/bento-grid","hc":1},{"id":"watermelon:bento-6","t":"Bento #6","k":"layout","s":"watermelon","c":"layout/bento-grid","hc":1},{"id":"watermelon:bento-7","t":"Bento #7","k":"layout","s":"watermelon","c":"layout/bento-grid","hc":1},{"id":"watermelon:bento-8","t":"Bento #8","k":"layout","s":"watermelon","c":"layout/bento-grid","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:bento-9","t":"Bento #9","k":"layout","s":"watermelon","c":"layout/bento-grid","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:blog-1","t":"Blog #1","k":"section","s":"watermelon","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"watermelon:blog-2","t":"Blog #2","k":"section","s":"watermelon","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"watermelon:blog-3","t":"Blog #3","k":"section","s":"watermelon","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"watermelon:blog-4","t":"Blog #4","k":"section","s":"watermelon","c":"marketing/marketing","sb":"Blog and posts","hc":1},{"id":"watermelon:book","t":"Book","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:breadcrumb","t":"Breadcrumb","s":"watermelon","c":"navigation/breadcrumb","vn":12,"hc":1},{"id":"watermelon:browser","t":"Browser","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:business-management","t":"Business management","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:business-operations-dashboard","t":"Business operations dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:button","t":"Button","s":"watermelon","c":"actions/button","vn":58,"hc":1},{"id":"watermelon:calendar","t":"Calendar","s":"watermelon","c":"data-display/calendar","vn":25,"hc":1},{"id":"watermelon:card","t":"Card","s":"watermelon","c":"data-display/card","vn":15,"hc":1},{"id":"watermelon:card-split-accordion","t":"Card split accordion","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:card-split-accordion-base","t":"Card split accordion base","s":"watermelon","c":"data-display/accordion","sb":"Animated","hc":1},{"id":"watermelon:career-1","t":"Career #1","k":"section","s":"watermelon","c":"marketing/marketing","sb":"Careers","hc":1},{"id":"watermelon:career-2","t":"Career #2","k":"section","s":"watermelon","c":"marketing/marketing","sb":"Careers","hc":1},{"id":"watermelon:career-3","t":"Career #3","k":"section","s":"watermelon","c":"marketing/marketing","sb":"Careers","hc":1},{"id":"watermelon:career-4","t":"Career #4","k":"section","s":"watermelon","c":"marketing/marketing","sb":"Careers","hc":1},{"id":"watermelon:chart","t":"Chart","s":"watermelon","c":"data-viz/chart","vn":1,"hc":1},{"id":"watermelon:checkbox","t":"Checkbox","s":"watermelon","c":"inputs/checkbox","vn":16,"hc":1},{"id":"watermelon:code","t":"Code","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:code-block","t":"Code block","s":"watermelon","c":"data-display/code-block","hc":1},{"id":"watermelon:code-tabs","t":"Code tabs","s":"watermelon","c":"data-display/code-block","hc":1},{"id":"watermelon:collapsible","t":"Collapsible","s":"watermelon","c":"data-display/accordion","vn":9,"hc":1},{"id":"watermelon:color-watch-selector","t":"Color watch selector","s":"watermelon","c":"inputs/color-picker","hc":1},{"id":"watermelon:contact-1","t":"Contact #1","k":"section","s":"watermelon","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"watermelon:contact-2","t":"Contact #2","k":"section","s":"watermelon","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"watermelon:contact-3","t":"Contact #3","k":"section","s":"watermelon","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"watermelon:contact-4","t":"Contact #4","k":"section","s":"watermelon","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"watermelon:contact-5","t":"Contact #5","k":"section","s":"watermelon","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"watermelon:contact-6","t":"Contact #6","k":"section","s":"watermelon","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"watermelon:contact-7","t":"Contact #7","k":"section","s":"watermelon","c":"marketing/marketing","sb":"Contact","hc":1},{"id":"watermelon:copy","t":"Copy","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:cta-1","t":"Cta #1","k":"section","s":"watermelon","c":"marketing/cta","hc":1},{"id":"watermelon:cta-2","t":"Cta #2","k":"section","s":"watermelon","c":"marketing/cta","hc":1},{"id":"watermelon:cta-3","t":"Cta #3","k":"section","s":"watermelon","c":"marketing/cta","hc":1},{"id":"watermelon:cta-4","t":"Cta #4","k":"section","s":"watermelon","c":"marketing/cta","hc":1},{"id":"watermelon:cta-5","t":"Cta #5","k":"section","s":"watermelon","c":"marketing/cta","hc":1},{"id":"watermelon:cursor","t":"Cursor","k":"motion","s":"watermelon","c":"motion/cursor","hc":1},{"id":"watermelon:data-table","t":"Data table","s":"watermelon","c":"data-display/table","sb":"Data tables","vn":13,"hc":1},{"id":"watermelon:demostack-dashboard","t":"Demostack dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:device","t":"Device","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:dialog","t":"Dialog","s":"watermelon","c":"overlays/dialog","sb":"Animated","vn":23,"hc":1},{"id":"watermelon:drawer","t":"Drawer","s":"watermelon","c":"overlays/sheet","hc":1},{"id":"watermelon:dropdown-menu","t":"Dropdown menu","s":"watermelon","c":"navigation/menu","sb":"Dropdowns","vn":14,"hc":1},{"id":"watermelon:e-commerce-dashboard","t":"E commerce dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:erp-dashboard","t":"Erp dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:error-1","t":"Error #1","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:error-2","t":"Error #2","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:error-3","t":"Error #3","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:error-4","t":"Error #4","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:error-5","t":"Error #5","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:error-6","t":"Error #6","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:error-7","t":"Error #7","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:family-receive-component","t":"Family receive component","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:family-receive-component-base","t":"Family receive component base","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:faq-1","t":"Faq #1","k":"section","s":"watermelon","c":"marketing/faq","hc":1},{"id":"watermelon:faq-2","t":"Faq #2","k":"section","s":"watermelon","c":"marketing/faq","hc":1},{"id":"watermelon:faq-3","t":"Faq #3","k":"section","s":"watermelon","c":"marketing/faq","hc":1},{"id":"watermelon:faq-4","t":"Faq #4","k":"section","s":"watermelon","c":"marketing/faq","hc":1},{"id":"watermelon:faq-5","t":"Faq #5","k":"section","s":"watermelon","c":"marketing/faq","hc":1},{"id":"watermelon:faq-6","t":"Faq #6","k":"section","s":"watermelon","c":"marketing/faq","hc":1},{"id":"watermelon:feature-1","t":"Feature #1","k":"section","s":"watermelon","c":"marketing/features","sb":"Icons","hc":1},{"id":"watermelon:feature-2","t":"Feature #2","k":"section","s":"watermelon","c":"marketing/features","hc":1},{"id":"watermelon:feature-3","t":"Feature #3","k":"section","s":"watermelon","c":"marketing/features","hc":1},{"id":"watermelon:feature-4","t":"Feature #4","k":"section","s":"watermelon","c":"marketing/features","sb":"Icons","hc":1},{"id":"watermelon:feature-5","t":"Feature #5","k":"section","s":"watermelon","c":"marketing/features","sb":"Icons","hc":1},{"id":"watermelon:file-upload","t":"File upload","s":"watermelon","c":"inputs/file-upload","vn":5,"hc":1},{"id":"watermelon:files","t":"Files","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:flip","t":"Flip","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:flip-card","t":"Flip card","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:flip-clock","t":"Flip clock","s":"watermelon","c":"data-display/stat","hc":1},{"id":"watermelon:footer-1","t":"Footer #1","k":"section","s":"watermelon","c":"marketing/footer","hc":1},{"id":"watermelon:footer-10","t":"Footer #10","k":"section","s":"watermelon","c":"marketing/footer","hc":1},{"id":"watermelon:footer-11","t":"Footer #11","k":"section","s":"watermelon","c":"marketing/footer","hc":1},{"id":"watermelon:footer-12","t":"Footer #12","k":"section","s":"watermelon","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:footer-13","t":"Footer #13","k":"section","s":"watermelon","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:footer-14","t":"Footer #14","k":"section","s":"watermelon","c":"marketing/footer","hc":1},{"id":"watermelon:footer-15","t":"Footer #15","k":"section","s":"watermelon","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:footer-16","t":"Footer #16","k":"section","s":"watermelon","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:footer-17","t":"Footer #17","k":"section","s":"watermelon","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:footer-18","t":"Footer #18","k":"section","s":"watermelon","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:footer-19","t":"Footer #19","k":"section","s":"watermelon","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:footer-2","t":"Footer #2","k":"section","s":"watermelon","c":"marketing/footer","hc":1},{"id":"watermelon:footer-20","t":"Footer #20","k":"section","s":"watermelon","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:footer-21","t":"Footer #21","k":"section","s":"watermelon","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:footer-22","t":"Footer #22","k":"section","s":"watermelon","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:footer-23","t":"Footer #23","k":"section","s":"watermelon","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:footer-24","t":"Footer #24","k":"section","s":"watermelon","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:footer-25","t":"Footer #25","k":"section","s":"watermelon","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:footer-26","t":"Footer #26","k":"section","s":"watermelon","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:footer-27","t":"Footer #27","k":"section","s":"watermelon","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:footer-28","t":"Footer #28","k":"section","s":"watermelon","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:footer-29","t":"Footer #29","k":"section","s":"watermelon","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:footer-3","t":"Footer #3","k":"section","s":"watermelon","c":"marketing/footer","hc":1},{"id":"watermelon:footer-30","t":"Footer #30","k":"section","s":"watermelon","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:footer-31","t":"Footer #31","k":"section","s":"watermelon","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:footer-4","t":"Footer #4","k":"section","s":"watermelon","c":"marketing/footer","hc":1},{"id":"watermelon:footer-5","t":"Footer #5","k":"section","s":"watermelon","c":"marketing/footer","hc":1},{"id":"watermelon:footer-6","t":"Footer #6","k":"section","s":"watermelon","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:footer-7","t":"Footer #7","k":"section","s":"watermelon","c":"marketing/footer","hc":1},{"id":"watermelon:footer-8","t":"Footer #8","k":"section","s":"watermelon","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:footer-9","t":"Footer #9","k":"section","s":"watermelon","c":"marketing/footer","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:gauge","t":"Gauge","s":"watermelon","c":"data-viz/gauge","hc":1},{"id":"watermelon:get-strict-context","t":"Get strict context","k":"lib","s":"watermelon","c":"lib/utility","sb":"State","hc":1},{"id":"watermelon:github-stars","t":"Github stars","k":"motion","s":"watermelon","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"watermelon:github-stars-wheel","t":"Github stars wheel","k":"motion","s":"watermelon","c":"motion/background","sb":"Particles and stars","hc":1},{"id":"watermelon:gridline-dashboard","t":"Gridline dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:hero-1","t":"Hero #1","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-10","t":"Hero #10","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-11","t":"Hero #11","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-12","t":"Hero #12","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-13","t":"Hero #13","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-14","t":"Hero #14","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-15","t":"Hero #15","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-16","t":"Hero #16","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-17","t":"Hero #17","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-18","t":"Hero #18","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-19","t":"Hero #19","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-2","t":"Hero #2","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-20","t":"Hero #20","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-21","t":"Hero #21","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-22","t":"Hero #22","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-23","t":"Hero #23","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-24","t":"Hero #24","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-25","t":"Hero #25","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-26","t":"Hero #26","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-27","t":"Hero #27","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-28","t":"Hero #28","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-29","t":"Hero #29","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-3","t":"Hero #3","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-30","t":"Hero #30","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-31","t":"Hero #31","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-32","t":"Hero #32","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-33","t":"Hero #33","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-34","t":"Hero #34","k":"section","s":"watermelon","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"watermelon:hero-35","t":"Hero #35","k":"section","s":"watermelon","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"watermelon:hero-36","t":"Hero #36","k":"section","s":"watermelon","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"watermelon:hero-37","t":"Hero #37","k":"section","s":"watermelon","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"watermelon:hero-38","t":"Hero #38","k":"section","s":"watermelon","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"watermelon:hero-39","t":"Hero #39","k":"section","s":"watermelon","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"watermelon:hero-4","t":"Hero #4","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-40","t":"Hero #40","k":"section","s":"watermelon","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"watermelon:hero-41","t":"Hero #41","k":"section","s":"watermelon","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"watermelon:hero-42","t":"Hero #42","k":"section","s":"watermelon","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"watermelon:hero-43","t":"Hero #43","k":"section","s":"watermelon","c":"marketing/hero","tg":["animated"],"sb":"Animated background","sy":["animated"],"hc":1},{"id":"watermelon:hero-5","t":"Hero #5","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-6","t":"Hero #6","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-7","t":"Hero #7","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-8","t":"Hero #8","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero-9","t":"Hero #9","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hero1","t":"Hero #1","k":"section","s":"watermelon","c":"marketing/hero","sb":"Animated background","hc":1},{"id":"watermelon:hover-card","t":"Hover card","s":"watermelon","c":"overlays/hover-card","hc":1},{"id":"watermelon:hrm","t":"Hrm","s":"watermelon","c":"navigation/sidebar","hc":1},{"id":"watermelon:icon","t":"Icon","k":"resource","s":"watermelon","c":"assets/icon","sb":"Animated","hc":1},{"id":"watermelon:incident-management","t":"Incident management","k":"section","s":"watermelon","c":"marketing/marketing","hc":1},{"id":"watermelon:input","t":"Input","s":"watermelon","c":"inputs/form-field","vn":6,"hc":1},{"id":"watermelon:integrations-1","t":"Integrations #1","k":"section","s":"watermelon","c":"marketing/logos","hc":1},{"id":"watermelon:integrations-2","t":"Integrations #2","k":"section","s":"watermelon","c":"marketing/logos","hc":1},{"id":"watermelon:integrations-3","t":"Integrations #3","k":"section","s":"watermelon","c":"marketing/logos","hc":1},{"id":"watermelon:integrations-4","t":"Integrations #4","k":"section","s":"watermelon","c":"marketing/logos","hc":1},{"id":"watermelon:integrations-5","t":"Integrations #5","k":"section","s":"watermelon","c":"marketing/logos","hc":1},{"id":"watermelon:invoice-generator-dashboard","t":"Invoice generator dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:invoice-manager-dashboard","t":"Invoice manager dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:issue-tracking","t":"Issue tracking","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:jobtracker-dashboard","t":"Jobtracker dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:label","t":"Label","s":"watermelon","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"watermelon:label-selector","t":"Label selector","s":"watermelon","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"watermelon:landing-01","t":"Landing #1","k":"layout","s":"watermelon","c":"layout/bento-grid","hc":1},{"id":"watermelon:lead-dashboard","t":"Lead dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:library-dashboard","t":"Library dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:license-key","t":"License key","s":"watermelon","c":"data-display/badge","hc":1},{"id":"watermelon:license-key-base","t":"License key base","s":"watermelon","c":"data-display/badge","hc":1},{"id":"watermelon:liquid","t":"Liquid","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:luminia-luxe-realestate","t":"Luminia luxe realestate","k":"page","s":"watermelon","c":"pages/templates","hc":1},{"id":"watermelon:mail-dashboard","t":"Mail dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:management-bar","t":"Management bar","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:marquee","t":"Marquee","k":"motion","s":"watermelon","c":"motion/marquee","hc":1},{"id":"watermelon:medesk-dashboard","t":"Medesk dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:meetings-dashboard","t":"Meetings dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:mobile-video-player","t":"Mobile video player","s":"watermelon","c":"media/player","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:motion-carousel","t":"Motion carousel","s":"watermelon","c":"media/carousel","hc":1},{"id":"watermelon:navigation-1","t":"Navigation #1","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:navigation-2","t":"Navigation #2","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:navigation-3","t":"Navigation #3","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:navigation-4","t":"Navigation #4","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:navigation-5","t":"Navigation #5","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:navigation-6","t":"Navigation #6","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:navigation-7","t":"Navigation #7","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:newsletter-1","t":"Newsletter #1","k":"section","s":"watermelon","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"watermelon:newsletter-2","t":"Newsletter #2","k":"section","s":"watermelon","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"watermelon:newsletter-3","t":"Newsletter #3","k":"section","s":"watermelon","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"watermelon:newsletter-4","t":"Newsletter #4","k":"section","s":"watermelon","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"watermelon:newsletter-5","t":"Newsletter #5","k":"section","s":"watermelon","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"watermelon:notification-1","t":"Notification #1","s":"watermelon","c":"overlays/notifications","hc":1},{"id":"watermelon:notification-2","t":"Notification #2","s":"watermelon","c":"overlays/notifications","hc":1},{"id":"watermelon:notification-3","t":"Notification #3","s":"watermelon","c":"overlays/notifications","hc":1},{"id":"watermelon:notification-4","t":"Notification #4","s":"watermelon","c":"overlays/notifications","hc":1},{"id":"watermelon:notification-list","t":"Notification list","s":"watermelon","c":"overlays/notifications","hc":1},{"id":"watermelon:option-list","t":"Option list","s":"watermelon","c":"data-display/list","hc":1},{"id":"watermelon:option-picker","t":"Option picker","s":"watermelon","c":"inputs/select","hc":1},{"id":"watermelon:pagination-animated","t":"Pagination animated","s":"watermelon","c":"navigation/pagination","hc":1},{"id":"watermelon:payment-operations-dashboard","t":"Payment operations dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:pin-list","t":"Pin list","s":"watermelon","c":"data-display/list","hc":1},{"id":"watermelon:playful-todolist","t":"Playful todolist","s":"watermelon","c":"other/other","tg":["playful"],"sy":["playful"],"hc":1},{"id":"watermelon:popover","t":"Popover","s":"watermelon","c":"overlays/popover","vn":12,"hc":1},{"id":"watermelon:portfolio-dashboard","t":"Portfolio dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:pricing-1","t":"Pricing #1","k":"section","s":"watermelon","c":"marketing/pricing","hc":1},{"id":"watermelon:pricing-2","t":"Pricing #2","k":"section","s":"watermelon","c":"marketing/pricing","hc":1},{"id":"watermelon:pricing-3","t":"Pricing #3","k":"section","s":"watermelon","c":"marketing/pricing","hc":1},{"id":"watermelon:pricing-4","t":"Pricing #4","k":"section","s":"watermelon","c":"marketing/pricing","hc":1},{"id":"watermelon:pricing-5","t":"Pricing #5","k":"section","s":"watermelon","c":"marketing/pricing","hc":1},{"id":"watermelon:primary-button","t":"Primary button","s":"watermelon","c":"actions/button","hc":1},{"id":"watermelon:progress","t":"Progress","s":"watermelon","c":"data-viz/progress-bar","hc":1},{"id":"watermelon:project-management-dashboard","t":"Project management dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:radial-intro","t":"Radial intro","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:radial-nav","t":"Radial nav","s":"watermelon","c":"navigation/top-nav","hc":1},{"id":"watermelon:radio-group","t":"Radio group","s":"watermelon","c":"inputs/radio","vn":13,"hc":1},{"id":"watermelon:radiogroup-1","t":"Radiogroup #1","s":"watermelon","c":"inputs/radio","hc":1},{"id":"watermelon:radiogroup-10","t":"Radiogroup #10","s":"watermelon","c":"inputs/radio","hc":1},{"id":"watermelon:radiogroup-11","t":"Radiogroup #11","s":"watermelon","c":"inputs/radio","hc":1},{"id":"watermelon:radiogroup-12","t":"Radiogroup #12","s":"watermelon","c":"inputs/radio","hc":1},{"id":"watermelon:radiogroup-13","t":"Radiogroup #13","s":"watermelon","c":"inputs/radio","hc":1},{"id":"watermelon:radiogroup-2","t":"Radiogroup #2","s":"watermelon","c":"inputs/radio","hc":1},{"id":"watermelon:radiogroup-3","t":"Radiogroup #3","s":"watermelon","c":"inputs/radio","hc":1},{"id":"watermelon:radiogroup-4","t":"Radiogroup #4","s":"watermelon","c":"inputs/radio","hc":1},{"id":"watermelon:radiogroup-5","t":"Radiogroup #5","s":"watermelon","c":"inputs/radio","hc":1},{"id":"watermelon:radiogroup-6","t":"Radiogroup #6","s":"watermelon","c":"inputs/radio","hc":1},{"id":"watermelon:radiogroup-7","t":"Radiogroup #7","s":"watermelon","c":"inputs/radio","hc":1},{"id":"watermelon:radiogroup-8","t":"Radiogroup #8","s":"watermelon","c":"inputs/radio","hc":1},{"id":"watermelon:radiogroup-9","t":"Radiogroup #9","s":"watermelon","c":"inputs/radio","hc":1},{"id":"watermelon:ripple","t":"Ripple","k":"motion","s":"watermelon","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"watermelon:sales-dashboard","t":"Sales dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:scroll-fade","t":"Scroll fade","k":"layout","s":"watermelon","c":"layout/scroll-area","hc":1},{"id":"watermelon:select","t":"Select","s":"watermelon","c":"inputs/select","vn":36,"hc":1},{"id":"watermelon:separator","t":"Separator","k":"layout","s":"watermelon","c":"layout/page-shell","hc":1},{"id":"watermelon:share-button","t":"Share button","s":"watermelon","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"watermelon:sheet","t":"Sheet","s":"watermelon","c":"overlays/sheet","vn":7,"hc":1},{"id":"watermelon:sidebar","t":"Sidebar","s":"watermelon","c":"navigation/sidebar","hc":1},{"id":"watermelon:skeleton","t":"Skeleton","s":"watermelon","c":"status/skeleton","hc":1},{"id":"watermelon:spinner","t":"Spinner","s":"watermelon","c":"status/loader","sb":"Spinners","hc":1},{"id":"watermelon:stats-1","t":"Stats #1","s":"watermelon","c":"data-display/stat","hc":1},{"id":"watermelon:stats-2","t":"Stats #2","s":"watermelon","c":"data-display/stat","hc":1},{"id":"watermelon:stats-3","t":"Stats #3","s":"watermelon","c":"data-display/stat","hc":1},{"id":"watermelon:stats-4","t":"Stats #4","s":"watermelon","c":"data-display/stat","hc":1},{"id":"watermelon:status-indicator","t":"Status indicator","s":"watermelon","c":"status/status-dot","hc":1},{"id":"watermelon:switch","t":"Switch","s":"watermelon","c":"actions/switch","vn":20,"hc":1},{"id":"watermelon:table","t":"Table","s":"watermelon","c":"data-display/table","vn":16,"hc":1},{"id":"watermelon:tabs","t":"Tabs","s":"watermelon","c":"navigation/tabs","vn":26,"hc":1},{"id":"watermelon:tallie-dashboard","t":"Tallie dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:task-management-dashboard","t":"Task management dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:team-1","t":"Team #1","k":"section","s":"watermelon","c":"marketing/team","hc":1},{"id":"watermelon:team-2","t":"Team #2","k":"section","s":"watermelon","c":"marketing/team","hc":1},{"id":"watermelon:team-3","t":"Team #3","k":"section","s":"watermelon","c":"marketing/team","hc":1},{"id":"watermelon:team-4","t":"Team #4","k":"section","s":"watermelon","c":"marketing/team","hc":1},{"id":"watermelon:team-5","t":"Team #5","k":"section","s":"watermelon","c":"marketing/team","hc":1},{"id":"watermelon:terminal","t":"Terminal","s":"watermelon","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"watermelon:testimonials-1","t":"Testimonials #1","k":"section","s":"watermelon","c":"marketing/testimonials","hc":1},{"id":"watermelon:testimonials-2","t":"Testimonials #2","k":"section","s":"watermelon","c":"marketing/testimonials","hc":1},{"id":"watermelon:testimonials-3","t":"Testimonials #3","k":"section","s":"watermelon","c":"marketing/testimonials","hc":1},{"id":"watermelon:testimonials-4","t":"Testimonials #4","k":"section","s":"watermelon","c":"marketing/testimonials","hc":1},{"id":"watermelon:text-gradient","t":"Text gradient","k":"motion","s":"watermelon","c":"motion/gradient","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"watermelon:textarea","t":"Textarea","s":"watermelon","c":"inputs/textarea","vn":21,"hc":1},{"id":"watermelon:theme-toggler","t":"Theme toggler","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:timed-undo-action","t":"Timed undo action","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:timed-undo-action-base","t":"Timed undo action base","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:timeline","t":"Timeline","s":"watermelon","c":"data-display/timeline","hc":1},{"id":"watermelon:toggle","t":"Toggle","s":"watermelon","c":"actions/switch","hc":1},{"id":"watermelon:toggle-group","t":"Toggle group","s":"watermelon","c":"actions/switch","sb":"Animated","hc":1},{"id":"watermelon:tooltip","t":"Tooltip","s":"watermelon","c":"overlays/tooltip","vn":15,"hc":1},{"id":"watermelon:tooltip-animated","t":"Tooltip animated","s":"watermelon","c":"overlays/tooltip","hc":1},{"id":"watermelon:tooltip-radix","t":"Tooltip radix","s":"watermelon","c":"overlays/tooltip","hc":1},{"id":"watermelon:transcribe-voice-message","t":"Transcribe voice message","s":"watermelon","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"watermelon:use-auto-height","t":"Use auto height","k":"lib","s":"watermelon","c":"lib/hook","hc":1,"cp":1},{"id":"watermelon:use-controlled-state","t":"Use controlled state","k":"lib","s":"watermelon","c":"lib/hook","hc":1,"cp":1},{"id":"watermelon:use-data-state","t":"Use data state","k":"lib","s":"watermelon","c":"lib/hook","hc":1},{"id":"watermelon:use-is-in-view","t":"Use is in view","k":"lib","s":"watermelon","c":"lib/hook","hc":1},{"id":"watermelon:use-mobile","t":"Use mobile","k":"lib","s":"watermelon","c":"lib/hook","hc":1},{"id":"watermelon:user-presence-avatar","t":"User presence avatar","s":"watermelon","c":"data-display/avatar","hc":1},{"id":"watermelon:utils","t":"Utils","k":"lib","s":"watermelon","c":"lib/utility","sb":"Class helpers","vn":1,"hc":1},{"id":"watermelon:web3-dashboard","t":"Web3 dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:widget-1","t":"Widget #1","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:widget-2","t":"Widget #2","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:widget-3","t":"Widget #3","s":"watermelon","c":"data-display/card","sb":"Metric","hc":1},{"id":"watermelon:widget-4","t":"Widget #4","s":"watermelon","c":"data-display/card","sb":"Metric","hc":1},{"id":"watermelon:widget-5","t":"Widget #5","s":"watermelon","c":"data-display/card","sb":"Metric","hc":1},{"id":"watermelon:widget-6","t":"Widget #6","s":"watermelon","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:widget-7","t":"Widget #7","s":"watermelon","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:widget-8","t":"Widget #8","s":"watermelon","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"watermelon:widget-9","t":"Widget #9","s":"watermelon","c":"data-display/card","hc":1},{"id":"watermelon:workflow-management-dashboard","t":"Workflow management dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:x-post","t":"X post","s":"watermelon","c":"other/other","hc":1},{"id":"watermelon:bionis-dashboard","t":"Bionis dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:capitalio-dashboard","t":"Capitalio dashboard","k":"layout","s":"watermelon","c":"layout/dashboard","hc":1},{"id":"watermelon:bento-01","t":"Bento #1","k":"layout","s":"watermelon","c":"layout/bento-grid","hc":1},{"id":"watermelon:bento-02","t":"Bento #2","k":"layout","s":"watermelon","c":"layout/bento-grid","hc":1},{"id":"waves-cn:wave-cn","t":"Wave Core","d":"Core hook, player and shared defaults powering all waves-cn components. Built on wavesurfe","k":"lib","s":"waves-cn","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"waves-cn:wave-player","t":"Wave Player","d":"Full-featured wave player with play/pause, volume control, seek bar and optional title.","s":"waves-cn","c":"media/player","hc":1},{"id":"waves-cn:wave-recorder","t":"Wave Recorder","d":"Voice message recorder with live waveform, pause/resume, discard and auto-stop.","k":"motion","s":"waves-cn","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"waves-cn:wave-speed","t":"Wave Speed","d":"wave player with continuous playback speed control and preserve-pitch toggle.","k":"motion","s":"waves-cn","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"waves-cn:wave-zoom","t":"Wave Zoom","d":"wave player with mouse-wheel zoom via wavesurfer.js ZoomPlugin.","s":"waves-cn","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"waves-cn:wave-video","t":"Wave Video","d":"Waveform player synced to a video element via the wavesurfer.js media prop.","s":"waves-cn","c":"media/player","hc":1},{"id":"waves-cn:wave-timeline","t":"Wave Timeline","d":"wave player with timeline ruler, zoom slider and volume control powered by wavesurfer.js T","s":"waves-cn","c":"data-display/timeline","hc":1},{"id":"waves-cn:wave-regions","t":"Wave Regions","d":"Wave player with interactive region markers for audio segments.","k":"motion","s":"waves-cn","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"waves-cn:wave-minimap","t":"Wave Minimap","d":"Wave player with a smaller overview minimap.","k":"motion","s":"waves-cn","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"waves-cn:wave-spectrogram","t":"Wave Spectrogram","d":"Wave player paired with a frequency spectrogram.","k":"motion","s":"waves-cn","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"waves-cn:wave-hover","t":"Wave Hover","d":"Wave player with a hover cursor and time tooltip.","k":"motion","s":"waves-cn","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"waves-cn:wave-envelope","t":"Wave Envelope","d":"Wave player with interactive volume automation points.","k":"motion","s":"waves-cn","c":"motion/background","sb":"Waves and warps","hc":1},{"id":"wds:loading-swap","t":"Loading swap","d":"Swaps content with a loading spinner without layout shift.","s":"wds","c":"status/loader","hc":1},{"id":"wds:action-button","t":"Action button","d":"A button that performs an action when clicked and optionally asks for user confirmation.","s":"wds","c":"actions/button","hc":1},{"id":"wds:number-input","t":"Number input","d":"An input that returns a number value and automatically handles invalid inputs.","s":"wds","c":"inputs/number-input","hc":1},{"id":"wds:multi-select","t":"Multi select","d":"A multi-select input that emulates the Shadcn Select component as closely as possible.","s":"wds","c":"inputs/select","hc":1},{"id":"wds:password-input","t":"Password input","d":"An input that can toggle visibility of the password text and check the strength of the pas","s":"wds","c":"inputs/form-field","sb":"Password","hc":1},{"id":"wds:loading-swap-experimental","t":"Loading swap experimental","d":"Swaps content with a loading spinner without layout shift. (Includes experimental support ","s":"wds","c":"status/loader","hc":1},{"id":"wds:action-button-experimental","t":"Action button experimental","d":"A button that performs an action when clicked and optionally asks for user confirmation. (","s":"wds","c":"actions/button","hc":1},{"id":"wds:number-input-experimental","t":"Number input experimental","d":"An input that returns a number value and automatically handles invalid inputs. (Includes e","s":"wds","c":"inputs/form-field","hc":1},{"id":"wds:multi-select-experimental","t":"Multi select experimental","d":"A multi-select input that emulates the Shadcn Select component as closely as possible. (In","s":"wds","c":"inputs/select","hc":1},{"id":"wds:password-input-experimental","t":"Password input experimental","d":"An input that can toggle visibility of the password text and check the strength of the pas","s":"wds","c":"inputs/form-field","sb":"Password","hc":1},{"id":"wensity:font-inter","t":"Inter Font","d":"Inter font package and shadcn CSS variables for Wensity primitives.","k":"resource","s":"wensity","c":"assets/font"},{"id":"wensity:font-geist","t":"Geist Font","d":"Geist display font package and shadcn CSS variables for Wensity primitives.","k":"resource","s":"wensity","c":"assets/font"},{"id":"wensity:wensity-base","t":"Wensity Base","d":"Wensity primitive design-system tokens for shadcn projects: fonts, base colors, controls, ","k":"theme","s":"wensity","c":"themes/style"},{"id":"wensity:liquid-multimodal-input","t":"AI Prompt Input","d":"An expanding prompt area with a glowing drop zone that breathes open to meet you as you ty","s":"wensity","c":"ai-agent/composer","tg":["animated","neon"],"sy":["animated","neon"],"hc":1},{"id":"wensity:generative-skeleton-mesh","t":"Animated Loading Skeleton","d":"An organic loading state instead of a spinner, with a slow aurora that breathes in the spa","s":"wensity","c":"status/skeleton","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"wensity:voice-aurora-wave","t":"Voice Reactive Orb","d":"A breathing voice orb that swells with speech and settles between turns, never jittery and","s":"wensity","c":"ai-agent/ai-agent","tg":["animated","gradient"],"sb":"Voice","sy":["animated","gradient"],"hc":1},{"id":"wensity:model-context-switcher","t":"AI Model Selector","d":"An AI model selector dropdown that scales out from its trigger and glides the selection pi","s":"wensity","c":"ai-agent/ai-agent","tg":["animated"],"sb":"Orbs and presence","sy":["animated"],"hc":1},{"id":"wensity:infinite-marquee","t":"Infinite Marquee","d":"A seamless, GPU-only logo strip that never stutters or snaps at the loop point.","k":"motion","s":"wensity","c":"motion/marquee","hc":1},{"id":"wensity:morphing-shape-background","t":"Morphing Shape Background","d":"Lava lamp background for React heroes: soft gradient shapes that drift and melt.","k":"motion","s":"wensity","c":"motion/background","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"wensity:scrubbable-video-reveal","t":"Scrubbable Video Reveal","d":"An Apple-style image sequence scrubbed frame by frame on canvas, following your hand as yo","s":"wensity","c":"media/player","tg":["animated"],"sy":["animated"],"hc":1},{"id":"wensity:animated-tabs","t":"Animated Tabs","d":"A physical stack of photo cards shuffled to the front by clipped tabs, with a tight image ","s":"wensity","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"wensity:blob-animation","t":"Blob Animation","d":"Blob animation in CSS: a morphing gradient blob, soft glow, outline, or image mask.","k":"resource","s":"wensity","c":"assets/shape","tg":["gradient","neon"],"sy":["gradient","neon"],"hc":1},{"id":"wensity:multi-select-token-pills","t":"Multi Select Tag Input","d":"A tag input where pills pop in as you add them and slide out on remove, closing the gap wi","s":"wensity","c":"data-display/badge","tg":["animated"],"sb":"Tags and pills","sy":["animated"],"hc":1},{"id":"wensity:shimmering-skeleton-wrapper","t":"Shimmering Skeleton Wrapper","d":"One angled GPU sweep that travels across any placeholder geometry you wrap, never a separa","s":"wensity","c":"status/skeleton","tg":["animated"],"sy":["animated"],"hc":1},{"id":"wensity:cool-button","t":"Cool Button","d":"A dual-layer orbit glow that soft-spins around the edge of any button or link you wrap it ","s":"wensity","c":"actions/button","tg":["neon"],"sy":["neon"],"hc":1},{"id":"wensity:file-uploader","t":"File Uploader","d":"A bold red dropzone for any file, with gallery tiles and progress after upload.","s":"wensity","c":"inputs/file-upload","tg":["animated"],"sy":["animated"],"hc":1},{"id":"wensity:before-after-card","t":"Image Comparison Slider","d":"Drag the handle to wipe between before and after images with absolutely zero lag.","s":"wensity","c":"media/image-compare","tg":["animated"],"sy":["animated"],"hc":1},{"id":"wensity:progressive-image-loading","t":"Progressive Image Loading","d":"Images that develop from a blur, color, or shimmer placeholder, without layout shift.","s":"wensity","c":"status/loader","sb":"Bars","hc":1},{"id":"wensity:github-activity-grid","t":"GitHub Style Activity Grid","d":"365 squares sharing one tooltip that flies between days on rails, with a reveal that rippl","s":"wensity","c":"overlays/tooltip","tg":["animated"],"sy":["animated"],"hc":1},{"id":"wensity:gooey-navigation-menu","t":"Gooey Navigation Menu","d":"A liquid FAB whose child actions stretch out of the trigger like molten metal.","s":"wensity","c":"navigation/top-nav","tg":["animated"],"sb":"Mega menus","sy":["animated"],"hc":1},{"id":"wensity:text-shimmer","t":"Text Shimmer","d":"A CSS shimmer sweep for headlines, one single element and entirely GPU-friendly.","k":"motion","s":"wensity","c":"motion/text-effect","sb":"Gradient and shimmer","hc":1},{"id":"wensity:text-flip","t":"Text Flip","d":"A 3D character flip on hover, staggered and springy across every single letter.","k":"motion","s":"wensity","c":"motion/text-effect","tg":["3d"],"sb":"Rotating words","sy":["3d"],"hc":1},{"id":"wensity:text-morphing","t":"Text Morphing","d":"Blur-morphing headlines that cycle phrases with a gooey, seamless crossfade.","k":"motion","s":"wensity","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"wensity:text-char-slide","t":"Text Char Slide","d":"A per-character slide-left cascade with a cleanly staggered entrance timing.","k":"motion","s":"wensity","c":"motion/text-effect","tg":["animated","minimal"],"sb":"Reveal and entrance","sy":["animated","minimal"],"hc":1},{"id":"wensity:text-motion","t":"Text Motion","d":"Headline entrances driven entirely by your own custom Framer Motion variants.","k":"motion","s":"wensity","c":"motion/text-effect","tg":["animated"],"sy":["animated"],"hc":1},{"id":"wensity:text-cycle","t":"Text Cycle","d":"Cycles through your headline words with a soft per-character blur stagger.","k":"motion","s":"wensity","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"wensity:text-word-flip","t":"Text Word Flip","d":"Spring-loaded word flips paired with a soft letter-by-letter blur stagger.","k":"motion","s":"wensity","c":"motion/text-effect","tg":["animated"],"sb":"Rotating words","sy":["animated"],"hc":1},{"id":"wensity:text-blur-reveal","t":"Text Blur Reveal","d":"A blur-in stagger by word or by letter, triggered the moment you scroll.","k":"motion","s":"wensity","c":"motion/text-effect","tg":["animated"],"sb":"Reveal and entrance","sy":["animated"],"hc":1},{"id":"wensity:canvas-text","t":"Particle Text","d":"Loading-ring canvas particles that slowly resolve into solid letterforms.","k":"motion","s":"wensity","c":"motion/text-effect","hc":1},{"id":"wensity:line-fill-text","t":"Line Fill Text","d":"Bold type filled with flowing curved linework that bends round the cursor.","k":"motion","s":"wensity","c":"motion/text-effect","hc":1},{"id":"wensity:text-glitch","t":"Text Glitch","d":"A chromatic clip-path glitch for headlines, CSS-only and entirely GPU-friendly.","k":"motion","s":"wensity","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"wensity:text-path","t":"Text Path","d":"SVG text riding a curved wave, arc, or circle path on a seamless, light loop.","k":"motion","s":"wensity","c":"motion/text-effect","hc":1},{"id":"wensity:text-highlight","t":"Text Highlight","d":"A hand-placed highlighter band that sweeps in behind your text and tracks wrapping.","k":"motion","s":"wensity","c":"motion/text-effect","hc":1},{"id":"wensity:text-scribble","t":"Text Scribble","d":"Hand-drawn scribble, squiggly underline, strike, circle, and box marks for text.","k":"motion","s":"wensity","c":"motion/text-effect","tg":["playful"],"sy":["playful"],"hc":1},{"id":"wensity:text-chroma-reveal","t":"Text Chroma Reveal","d":"A chromatic ribbon sweep that paints each of your headlines cleanly into view.","k":"motion","s":"wensity","c":"motion/text-effect","tg":["animated","minimal"],"sb":"Reveal and entrance","sy":["animated","minimal"],"hc":1},{"id":"wensity:text-spectrum","t":"Text Spectrum","d":"An animated multi-stop color wash that drifts endlessly through headlines.","k":"motion","s":"wensity","c":"motion/text-effect","hc":1},{"id":"wensity:text-ripple","t":"Text Ripple","d":"A 3D character ripple with a traveling color crest, CSS-only and GPU-light.","k":"motion","s":"wensity","c":"motion/background","tg":["3d"],"sb":"Waves and warps","sy":["3d"],"hc":1},{"id":"wensity:underline-animation","t":"Underline Animation","d":"CSS hover underlines for links: slide, center, fill, wavy, and gradient.","k":"motion","s":"wensity","c":"motion/text-effect","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"wensity:button","t":"Button","d":"An accessible action primitive with solid, outline, ghost, and destructive variants, plus ","s":"wensity","c":"actions/button","hc":1},{"id":"wensity:button-group","t":"Button Group","d":"A segmented action group with shared borders, split primary actions, and dropdown menu sup","s":"wensity","c":"actions/button","sb":"Groups and split","hc":1},{"id":"wensity:input","t":"Input","d":"An accessible text field with labels, hints, inline errors, leading and trailing icons, an","s":"wensity","c":"inputs/form-field","hc":1},{"id":"wensity:text-area","t":"Text Area","d":"An accessible multi-line field with auto-resize, character counts, validation states, and ","s":"wensity","c":"inputs/textarea","hc":1},{"id":"wensity:select","t":"Select","d":"An accessible select with a polished trigger, grouped options, controlled state, and keybo","s":"wensity","c":"inputs/select","hc":1},{"id":"wensity:form-field","t":"Form Field","d":"A composable field wrapper carrying labels, descriptions, inline errors, and section layou","s":"wensity","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"wensity:badge","t":"Badge","d":"Status and metadata badges with icons, presence dots, removable chips, and just enough dep","s":"wensity","c":"data-display/badge","tg":["3d"],"sy":["3d"],"hc":1},{"id":"wensity:checkbox","t":"Checkbox","d":"An accessible checkbox with sharply focused styles, grouped rows, selectable cards, and a ","s":"wensity","c":"inputs/checkbox","hc":1},{"id":"wensity:switch","t":"Switch","d":"An accessible switch with distinct variants, smooth motion, grouped rows, selectable cards","s":"wensity","c":"actions/switch","hc":1},{"id":"wensity:radio-group","t":"Radio Group","d":"Native radio selection with distinctive rows, segmented layouts, selectable cards, and con","s":"wensity","c":"inputs/radio","tg":["animated"],"sy":["animated"],"hc":1},{"id":"wensity:toggle","t":"Toggle","d":"A pressable on/off control with default, icon, outline, and soft variants, plus grouped se","s":"wensity","c":"actions/switch","hc":1},{"id":"wensity:label","t":"Label","d":"An accessible form label with default, required, optional, muted, and inline variants for ","s":"wensity","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"wensity:input-otp","t":"Input OTP","d":"An accessible one-time code field with alphanumeric, masked, and grouped variants for veri","s":"wensity","c":"inputs/otp-input","hc":1},{"id":"wensity:combobox","t":"Combobox","d":"A searchable combobox with multi-select, async option loading, and creatable entries for f","s":"wensity","c":"inputs/combobox","hc":1},{"id":"wensity:avatar","t":"Avatar","d":"Identity avatars with image fallbacks, presence status rings, stacked groups, and an uploa","s":"wensity","c":"data-display/avatar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"wensity:table","t":"Table","d":"A structured table with sortable columns, row selection, expandable rows, and sticky heade","s":"wensity","c":"data-display/table","tg":["animated"],"sy":["animated"],"hc":1},{"id":"wensity:progress","t":"Progress","d":"Progress indicators in linear, circular, segmented, indeterminate, and stacked forms for u","s":"wensity","c":"data-viz/progress-bar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"wensity:alert","t":"Alert","d":"Inline status feedback for info, success, warning, and error states, including action-orie","s":"wensity","c":"overlays/alert-banner","hc":1},{"id":"wensity:skeleton","t":"Skeleton","d":"Loading placeholders for text, avatars, cards, and tables, plus a wrapper for composing yo","s":"wensity","c":"status/skeleton","hc":1},{"id":"wensity:spinner","t":"Spinner","d":"Indeterminate loading indicators in default, ring, dots, pulse, and overlay styles for inl","s":"wensity","c":"status/loader","sb":"Spinners","hc":1},{"id":"wensity:toast","t":"Toast","d":"Transient notifications for info, success, warning, and error states, with action buttons ","s":"wensity","c":"overlays/toast","hc":1},{"id":"wensity:dialog","t":"Dialog","d":"Accessible modal dialogs in default, confirmation, form, fullscreen, and scrollable layout","s":"wensity","c":"overlays/dialog","hc":1},{"id":"wensity:sheet","t":"Sheet","d":"Edge-mounted panels that slide in from any side, with an optional persistent mode for insp","s":"wensity","c":"overlays/sheet","hc":1},{"id":"wensity:drawer","t":"Drawer","d":"Gesture-driven drawers with velocity dismissal, snap points, drag handles, and support for","s":"wensity","c":"overlays/sheet","hc":1},{"id":"wensity:popover","t":"Popover","d":"Floating panels for menus, inline forms, and rich previews, with controlled state and coll","s":"wensity","c":"overlays/popover","hc":1},{"id":"wensity:tooltip","t":"Tooltip","d":"Contextual hints carrying rich content, keyboard shortcut labels, and optional cursor trac","s":"wensity","c":"overlays/tooltip","hc":1},{"id":"wensity:tabs","t":"Tabs","d":"Tabbed navigation with a sliding indicator, segmented control styling, vertical layouts, a","s":"wensity","c":"navigation/tabs","tg":["animated"],"sy":["animated"],"hc":1},{"id":"wensity:breadcrumb","t":"Breadcrumb","d":"A wayfinding trail with smart collapsing, dropdown overflow menus, custom separators, and ","s":"wensity","c":"navigation/breadcrumb","tg":["animated"],"sy":["animated"],"hc":1},{"id":"wensity:pagination","t":"Pagination","d":"Page navigation with numbered pages, compact counters, first and last controls, and progre","s":"wensity","c":"navigation/pagination","tg":["animated"],"sy":["animated"],"hc":1},{"id":"wensity:card","t":"Card","d":"Premium content containers with media, stat, feature, and interactive variants, plus respo","s":"wensity","c":"data-display/card","tg":["animated"],"sy":["animated"],"hc":1},{"id":"wensity:separator","t":"Separator","d":"Dividers for layout sections, carrying text labels, gradient fades, dashed borders, and ve","s":"wensity","c":"inputs/form-field","tg":["gradient"],"sy":["gradient"],"hc":1},{"id":"wensity:scroll-area","t":"Scroll Area","d":"A styled scrolling container with auto-hide scrollbars, keeping constrained panels, lists,","k":"layout","s":"wensity","c":"layout/scroll-area","hc":1},{"id":"wensity:resizable","t":"Resizable","d":"Resizable panel layouts with draggable splitters, panel snapping, collapsible regions, and","k":"layout","s":"wensity","c":"layout/split-pane","hc":1},{"id":"wensity:hover-card","t":"Hover Card","d":"Snappy preview overlays triggered by hovering a link or name, with rich content and no cli","s":"wensity","c":"overlays/hover-card","hc":1},{"id":"wensity:accordion","t":"Accordion","d":"Expandable disclosure sections for FAQs and settings, with single or multiple open modes a","s":"wensity","c":"data-display/accordion","hc":1},{"id":"wensity:aspect-ratio","t":"Aspect Ratio","d":"Media containers that hold preset ratios across responsive layouts, with a shimmer placeho","s":"wensity","c":"media/gallery","tg":["animated"],"sy":["animated"],"hc":1},{"id":"wensity:attachment","t":"Attachment","d":"File attachment rows for uploads, chats, and media previews, with download actions and per","s":"wensity","c":"inputs/file-upload","tg":["animated"],"sy":["animated"],"hc":1},{"id":"wensity:calendar","t":"Calendar","d":"Date grids for single, range, and multi-date selection, with month navigation, booked date","s":"wensity","c":"data-display/calendar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"wensity:carousel","t":"Carousel","d":"Swipeable carousels with slide indicators, autoplay, looping, and keyboard navigation for ","s":"wensity","c":"media/carousel","tg":["animated"],"sy":["animated"],"hc":1},{"id":"wensity:chart","t":"Chart","d":"Recharts line, bar, area, pie, and radar views with themed tooltips, responsive sizing, an","s":"wensity","c":"data-viz/chart","tg":["animated"],"sy":["animated"],"hc":1},{"id":"wensity:collapsible","t":"Collapsible","d":"Collapsible panels for sidebar sections, show-more previews, and any secondary content you","s":"wensity","c":"data-display/accordion","hc":1},{"id":"wensity:slider","t":"Slider","d":"An accessible slider built on Base UI, with keyboard and pointer support and a value bubbl","s":"wensity","c":"inputs/slider","hc":1},{"id":"wensity:command","t":"Command","d":"A command palette with fuzzy search, grouped actions, keyboard shortcuts, and fast navigat","s":"wensity","c":"navigation/command-palette","hc":1},{"id":"wensity:context-menu","t":"Context Menu","d":"Contextual actions on right-click, with grouped sections, nested submenus, shortcut labels","s":"wensity","c":"overlays/context-menu","hc":1},{"id":"wensity:data-table","t":"Data Table","d":"Data tables with search, sorting, filtering, row selection, pagination, and expandable det","s":"wensity","c":"data-display/table","tg":["animated"],"sb":"Data tables","sy":["animated"],"hc":1},{"id":"wensity:date-picker","t":"Date Picker","d":"Calendar popovers for single, range, and multi-date picks, with presets, time selection, a","s":"wensity","c":"inputs/date-picker","hc":1},{"id":"wensity:direction","t":"Direction","d":"LTR and RTL direction context for layout and composition, driving reading order from the a","k":"section","s":"wensity","c":"marketing/marketing","hc":1},{"id":"wensity:dropdown-menu","t":"Dropdown Menu","d":"Compact actions from any trigger, with grouped sections, nested submenus, checkbox and rad","s":"wensity","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"wensity:empty-state","t":"Empty State","d":"Empty layouts for placeholders, search results, and errors, with basic, action, illustrati","s":"wensity","c":"data-display/empty-state","tg":["animated","minimal"],"sy":["animated","minimal"],"hc":1},{"id":"wensity:field","t":"Field","d":"A composable field shell carrying labels, help text, required markers, and error, success,","s":"wensity","c":"inputs/form-field","hc":1},{"id":"wensity:kbd","t":"Kbd","d":"Keyboard key styling for shortcuts, hotkey hints, documentation, and inline command labels","s":"wensity","c":"data-display/typography","hc":1},{"id":"wensity:marker","t":"Marker","d":"Status markers for live state, ordered points, and contextual cues, with solid dots and pu","s":"wensity","c":"status/status-dot","tg":["animated"],"sy":["animated"],"hc":1},{"id":"wensity:native-select","t":"Native Select","d":"Browser-native option selection for forms, with grouped options, placeholders, inline vari","s":"wensity","c":"inputs/select","hc":1},{"id":"wensity:navigation-menu","t":"Navigation Menu","d":"Primary navigation with dropdown panels, mega menus, nested links, and full keyboard acces","s":"wensity","c":"navigation/top-nav","tg":["animated"],"sb":"Mega menus","sy":["animated"],"hc":1},{"id":"wensity:sidebar","t":"Sidebar","d":"App sidebars with collapsible rails, grouped sections, badge counts, resizable widths, and","s":"wensity","c":"navigation/sidebar","tg":["animated"],"sy":["animated"],"hc":1},{"id":"wensity:typography","t":"Typography","d":"Type primitives for six heading levels, prose blocks, lead and muted text, inline code, an","s":"wensity","c":"data-display/typography","hc":1},{"id":"wensity:color-picker","t":"Color Picker","d":"Saturation and value canvas with hue and alpha rails, a screen eyedropper, and HEX, RGB, o","s":"wensity","c":"inputs/color-picker","hc":1},{"id":"whiskeyjack:action-pill","t":"ActionPill","d":"Toolbar pill of icon actions that collapse and grow as the page's context changes.","s":"whiskeyjack","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"whiskeyjack:app-panes","t":"AppPanes","d":"The three-phase content row below a floating header: optional left sidebar, main region, o","s":"whiskeyjack","c":"navigation/sidebar","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"whiskeyjack:app-shell","t":"AppShell","d":"The app layout skeleton: a fixed-height shell or a document scroller, with a frosted heade","k":"layout","s":"whiskeyjack","c":"layout/dashboard","tg":["glass"],"sy":["glass"],"hc":1},{"id":"whiskeyjack:badge","t":"Badge","d":"Tone-tinted pill label on the semantic color scales, for status and classification at a gl","s":"whiskeyjack","c":"data-display/badge","hc":1},{"id":"whiskeyjack:beam","t":"Beam","d":"A travelling light around an element's edge, for the one thing on a screen that needs the ","k":"motion","s":"whiskeyjack","c":"motion/background","sb":"Beams and light","hc":1},{"id":"whiskeyjack:bottom-drawer","t":"BottomDrawer","d":"Bottom sheet on mobile, centered dialog on desktop. Swipe, backdrop, Escape, and hardware ","s":"whiskeyjack","c":"overlays/sheet","hc":1},{"id":"whiskeyjack:bottom-nav","t":"BottomNav","d":"Pill-shaped frosted bottom navigation, hand-composed from BottomNavItem and BottomNavActio","s":"whiskeyjack","c":"navigation/top-nav","tg":["glass"],"sy":["glass"],"hc":1},{"id":"whiskeyjack:button-row","t":"ButtonRow","d":"Side-by-side buttons that share a row and stack full-width when they no longer fit.","s":"whiskeyjack","c":"actions/button","hc":1},{"id":"whiskeyjack:button","t":"Button","d":"The action button. Labels wrap to two lines rather than overflowing, so long translated te","s":"whiskeyjack","c":"actions/button","hc":1},{"id":"whiskeyjack:calendar-heatmap","t":"CalendarHeatmap","d":"GitHub-contributions-style activity heatmap, in squares or check-in dots.","s":"whiskeyjack","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"whiskeyjack:card","t":"Card","d":"The elevated surface primitive, with header, title, description, content, and footer slots","s":"whiskeyjack","c":"data-display/card","sb":"Profile","hc":1},{"id":"whiskeyjack:checkbox-group","t":"CheckboxGroup","d":"Pick-any tile grid: the multi-select counterpart to ToggleGroup.","s":"whiskeyjack","c":"inputs/checkbox","hc":1},{"id":"whiskeyjack:checkbox","t":"Checkbox","d":"A single checkbox, with the mixed state a parent selection needs.","s":"whiskeyjack","c":"inputs/checkbox","hc":1},{"id":"whiskeyjack:color-input","t":"ColorInput","d":"Focusable swatch button that opens the OS-native color picker and returns the chosen hex.","s":"whiskeyjack","c":"inputs/color-picker","hc":1},{"id":"whiskeyjack:confirm-button","t":"ConfirmButton","d":"Tap-again-to-confirm button for a destructive or disruptive action, with the armed state a","s":"whiskeyjack","c":"actions/button","sb":"Loading and states","hc":1},{"id":"whiskeyjack:disclosure-toggle","t":"DisclosureToggle","d":"Caret-and-label text button that expands and collapses an adjacent region, with aria-expan","s":"whiskeyjack","c":"actions/switch","hc":1},{"id":"whiskeyjack:drawer-action","t":"DrawerAction","d":"A single action in a BottomDrawer footer: plain, form-submit, or tap-again-confirm.","s":"whiskeyjack","c":"overlays/sheet","hc":1},{"id":"whiskeyjack:empty-state","t":"EmptyState","d":"Centered icon tile, title, subtitle, and optional call to action for an empty list or a fr","s":"whiskeyjack","c":"data-display/empty-state","hc":1},{"id":"whiskeyjack:header-stand-in","t":"HeaderStandIn","d":"Header copy of a field whose primary lives in a scroller: grows in while the primary is sc","s":"whiskeyjack","c":"navigation/top-nav","hc":1},{"id":"whiskeyjack:input","t":"Input","d":"Labeled text field that wires a real label to the input for you, with an optional hint, er","s":"whiskeyjack","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"whiskeyjack:mobile-bottom-nav","t":"MobileBottomNav","d":"Data-driven bottom nav that collapses its items into a hamburger menu when they and the to","s":"whiskeyjack","c":"navigation/top-nav","sb":"Mobile","hc":1},{"id":"whiskeyjack:notice","t":"Notice","d":"Inline tone-tinted status box for context-bound messages, with each tone setting its own A","s":"whiskeyjack","c":"overlays/alert-banner","hc":1},{"id":"whiskeyjack:page-title-context","t":"PageTitleProvider","d":"React context that lets any page set the desktop header title.","k":"motion","s":"whiskeyjack","c":"motion/text-effect","hc":1},{"id":"whiskeyjack:progress-bar","t":"ProgressBar","d":"The accent progress primitive: determinate fill, busy sweep, open-ended indicator, or segm","s":"whiskeyjack","c":"data-viz/progress-bar","hc":1},{"id":"whiskeyjack:pull-to-refresh-indicator","t":"PullToRefreshIndicator","d":"Frosted pill and spinner that slides down as you pull; the visual companion to usePullToRe","s":"whiskeyjack","c":"data-display/badge","tg":["glass"],"sb":"Status","sy":["glass"],"hc":1},{"id":"whiskeyjack:reorder-list","t":"ReorderList","d":"Drag-to-reorder list with an accessible arrow-button fallback, so it works by pointer, tou","s":"whiskeyjack","c":"data-display/list","sb":"Sortable","hc":1},{"id":"whiskeyjack:scroll-indicator","t":"ScrollIndicator","d":"Read-only auto-hiding scroll thumb for scrollers whose native scrollbar would run behind f","k":"layout","s":"whiskeyjack","c":"layout/scroll-area","hc":1},{"id":"whiskeyjack:search-field","t":"SearchField","d":"Search pill: a rounded-full text input with a leading magnifier and a trailing clear butto","s":"whiskeyjack","c":"inputs/search","hc":1},{"id":"whiskeyjack:segmented-control","t":"SegmentedControl","d":"Compact pick-one control: one bordered strip, divided into segments.","s":"whiskeyjack","c":"actions/segmented-control","hc":1},{"id":"whiskeyjack:select","t":"Select","d":"Styled native select for a one-of-n choice with more options than a segmented control can ","s":"whiskeyjack","c":"inputs/select","hc":1},{"id":"whiskeyjack:sidebar-tabs","t":"SidebarTabs","d":"TabBar's wide-layout counterpart: a vertical tab rail for a desktop sidebar, with each ite","s":"whiskeyjack","c":"navigation/tabs","hc":1},{"id":"whiskeyjack:slider","t":"Slider","d":"Range input with an optional mono value readout beside its label.","s":"whiskeyjack","c":"inputs/slider","hc":1},{"id":"whiskeyjack:tab-bar","t":"TabBar","d":"Metro-style pivot tabs with a sliding accent underline that doubles as each tab's progress","s":"whiskeyjack","c":"navigation/tabs","hc":1},{"id":"whiskeyjack:textarea","t":"Textarea","d":"Multi-line field with an optional character readout and auto-grow.","s":"whiskeyjack","c":"inputs/textarea","hc":1},{"id":"whiskeyjack:toast","t":"Toast","d":"Floating notification pill fixed below the header, for app-level messages and background w","s":"whiskeyjack","c":"overlays/toast","hc":1},{"id":"whiskeyjack:toggle-group","t":"ToggleGroup","d":"Segmented tile control for one-of-n choices, such as a light / dark / system theme picker.","s":"whiskeyjack","c":"actions/switch","sb":"With labels","hc":1},{"id":"whiskeyjack:toggle","t":"Toggle","d":"Switch control with a label and optional description, for a single on/off setting.","s":"whiskeyjack","c":"actions/switch","sb":"With labels","hc":1},{"id":"whiskeyjack:accent-foreground","t":"applyAccentColor","d":"Retint the whole UI from one accent color, with a WCAG-legible foreground picked automatic","k":"lib","s":"whiskeyjack","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"whiskeyjack:announce","t":"Announce","d":"Announce a message to assistive technology through a shared live region.","k":"lib","s":"whiskeyjack","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"whiskeyjack:compact-control","t":"compactControlClass","d":"The geometry of a compact control: a small pill, chip or segment that sits on a line with ","k":"lib","s":"whiskeyjack","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"whiskeyjack:direction","t":"isRTL","d":"Detect right-to-left direction for JS-driven interactions that CSS cannot reach.","k":"lib","s":"whiskeyjack","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"whiskeyjack:material-you","t":"applyMaterialYou","d":"Map Android's wallpaper-derived Material You palette onto the design-system surface and ac","k":"lib","s":"whiskeyjack","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"whiskeyjack:merge-refs","t":"useMergedRefs","d":"Combine an internal ref with a forwarded one.","k":"lib","s":"whiskeyjack","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"whiskeyjack:option-tile","t":"optionTileClass","d":"The selectable-tile class recipe shared by ToggleGroup and CheckboxGroup.","k":"lib","s":"whiskeyjack","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"whiskeyjack:use-drag-reorder","t":"useDragReorder","d":"Drag-to-reorder list logic with an accessible keyboard path, behind ReorderList.","k":"lib","s":"whiskeyjack","c":"lib/hook","hc":1},{"id":"whiskeyjack:use-focus-trap","t":"useFocusTrap","d":"Trap focus inside an overlay while it is open, and restore it to the trigger on close.","k":"lib","s":"whiskeyjack","c":"lib/hook","hc":1},{"id":"whiskeyjack:use-input-type","t":"useInputType","d":"Detect touch versus mouse input, for controls that phrase or size themselves differently.","k":"lib","s":"whiskeyjack","c":"lib/hook","hc":1},{"id":"whiskeyjack:use-layout-gate","t":"useLayoutGate","d":"Read the wide / xlwide layout gates in JS, for a decision CSS cannot express.","k":"lib","s":"whiskeyjack","c":"lib/hook","hc":1},{"id":"whiskeyjack:use-nav-reset","t":"useRegisterNavReset","d":"Double-tap the nav item for the page you are already on to bring the top and the active ta","k":"lib","s":"whiskeyjack","c":"lib/hook","hc":1},{"id":"whiskeyjack:use-pull-to-refresh","t":"usePullToRefresh","d":"Touch pull-to-refresh that coexists with tab swipes and overscroll-behavior: none.","k":"lib","s":"whiskeyjack","c":"lib/hook","hc":1},{"id":"whiskeyjack:use-reduced-motion","t":"useReducedMotion","d":"Respect the user's reduced-motion preference in JS-driven motion.","k":"lib","s":"whiskeyjack","c":"lib/hook","hc":1},{"id":"whiskeyjack:use-route-focus","t":"useRouteFocus","d":"Move focus to the main content on route change, so keyboard and screen-reader users land i","k":"lib","s":"whiskeyjack","c":"lib/hook","hc":1},{"id":"whiskeyjack:use-scroll-fade","t":"useScrollFade","d":"Vertical edge-fade masks for a height-capped scrollable panel; returns the CSS class to ap","k":"lib","s":"whiskeyjack","c":"lib/hook","hc":1},{"id":"whiskeyjack:use-scroll-indicator","t":"useScrollIndicator","d":"Scroll metrics (thumb size, position, visibility) that drive ScrollIndicator.","k":"lib","s":"whiskeyjack","c":"lib/hook","hc":1},{"id":"whiskeyjack:use-scroll-region","t":"useScrollRegion / useScrollReset / useScrollMemory","d":"Scroll the app's real scroll region – to the top on a first visit, back to where you left ","k":"lib","s":"whiskeyjack","c":"lib/hook","hc":1},{"id":"whiskeyjack:use-sliding-indicator","t":"useSlidingIndicator","d":"Measures the active item in a tab-like container so one element can animate between items ","k":"lib","s":"whiskeyjack","c":"lib/hook","hc":1},{"id":"whiskeyjack:use-stand-in-target","t":"useStandInTarget","d":"Watches a field's primary instance and reports when it scrolls out of view, so a HeaderSta","k":"lib","s":"whiskeyjack","c":"lib/hook","hc":1},{"id":"whiskeyjack:use-swipe-navigation","t":"useSwipeNavigation","d":"Swipe between tabs with an axis-locked touch gesture that flips direction under RTL.","k":"lib","s":"whiskeyjack","c":"lib/hook","hc":1},{"id":"whiskeyjack:use-tab-bar-fade","t":"useTabBarFade","d":"Edge-fade masks for a horizontally overflowing tab strip; returns the CSS class to apply.","k":"lib","s":"whiskeyjack","c":"lib/hook","hc":1},{"id":"whiskeyjack:use-theme","t":"useTheme","d":"The theme engine: light, dark, system, and OLED, with persistence and theme-color meta kep","k":"lib","s":"whiskeyjack","c":"lib/hook","hc":1},{"id":"whiskeyjack:use-travel-direction","t":"useTravelDirection","d":"Names which way a sliding indicator is travelling, so each of its edges can take its own e","k":"lib","s":"whiskeyjack","c":"lib/hook","hc":1},{"id":"whiskeyjack:utils","t":"Cn","d":"Tailwind class merging (clsx plus tailwind-merge).","k":"lib","s":"whiskeyjack","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"wigggle-ui:widget","t":"Widget","s":"wigggle-ui","c":"data-display/card","sb":"Profile","hc":1},{"id":"wigggle-ui:icons","t":"Icons","k":"resource","s":"wigggle-ui","c":"assets/icon","hc":1},{"id":"wigggle-ui:avatar","t":"Avatar","s":"wigggle-ui","c":"data-display/avatar","hc":1},{"id":"wigggle-ui:badge","t":"Badge","s":"wigggle-ui","c":"data-display/badge","hc":1},{"id":"wigggle-ui:button","t":"Button","s":"wigggle-ui","c":"actions/button","hc":1},{"id":"wigggle-ui:carousel","t":"Carousel","s":"wigggle-ui","c":"media/carousel","hc":1},{"id":"wigggle-ui:circular-progress","t":"Circular progress","s":"wigggle-ui","c":"data-viz/progress-bar","hc":1},{"id":"wigggle-ui:dialog","t":"Dialog","s":"wigggle-ui","c":"overlays/dialog","hc":1},{"id":"wigggle-ui:dropdown-menu","t":"Dropdown menu","s":"wigggle-ui","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"wigggle-ui:input","t":"Input","s":"wigggle-ui","c":"inputs/form-field","hc":1},{"id":"wigggle-ui:label","t":"Label","s":"wigggle-ui","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"wigggle-ui:popover","t":"Popover","s":"wigggle-ui","c":"overlays/popover","hc":1},{"id":"wigggle-ui:progress","t":"Progress","s":"wigggle-ui","c":"data-viz/progress-bar","hc":1},{"id":"wigggle-ui:select","t":"Select","s":"wigggle-ui","c":"inputs/select","hc":1},{"id":"wigggle-ui:scroll-area","t":"Scroll area","k":"layout","s":"wigggle-ui","c":"layout/scroll-area","hc":1},{"id":"wigggle-ui:separator","t":"Separator","k":"layout","s":"wigggle-ui","c":"layout/page-shell","hc":1},{"id":"wigggle-ui:switch","t":"Switch","s":"wigggle-ui","c":"actions/switch","hc":1},{"id":"wigggle-ui:tabs","t":"Tabs","s":"wigggle-ui","c":"navigation/tabs","hc":1},{"id":"wigggle-ui:textarea","t":"Textarea","s":"wigggle-ui","c":"inputs/textarea","hc":1},{"id":"wigggle-ui:tooltip","t":"Tooltip","s":"wigggle-ui","c":"overlays/tooltip","hc":1},{"id":"wigggle-ui:item","t":"Item","s":"wigggle-ui","c":"data-display/list","hc":1},{"id":"wigggle-ui:wheel-picker","t":"Wheel picker","s":"wigggle-ui","c":"inputs/select","hc":1},{"id":"wigggle-ui:utils","t":"Utils","k":"lib","s":"wigggle-ui","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"wigggle-ui:calendar-sm-01","t":"Calendar sm #1","s":"wigggle-ui","c":"data-display/calendar","hc":1},{"id":"wigggle-ui:calendar-sm-02","t":"Calendar sm #2","s":"wigggle-ui","c":"data-display/calendar","hc":1},{"id":"wigggle-ui:calendar-sm-03","t":"Calendar sm #3","s":"wigggle-ui","c":"data-display/calendar","hc":1},{"id":"wigggle-ui:calendar-sm-04","t":"Calendar sm #4","s":"wigggle-ui","c":"data-display/calendar","hc":1},{"id":"wigggle-ui:calendar-sm-05","t":"Calendar sm #5","s":"wigggle-ui","c":"data-display/calendar","hc":1},{"id":"wigggle-ui:calendar-sm-06","t":"Calendar sm #6","s":"wigggle-ui","c":"data-display/calendar","hc":1},{"id":"wigggle-ui:calendar-sm-07","t":"Calendar sm #7","s":"wigggle-ui","c":"data-display/calendar","hc":1},{"id":"wigggle-ui:calendar-sm-08","t":"Calendar sm #8","s":"wigggle-ui","c":"data-display/calendar","hc":1},{"id":"wigggle-ui:calendar-sm-09","t":"Calendar sm #9","s":"wigggle-ui","c":"data-display/calendar","hc":1},{"id":"wigggle-ui:calendar-sm-10","t":"Calendar sm #10","s":"wigggle-ui","c":"data-display/calendar","hc":1},{"id":"wigggle-ui:calendar-md-01","t":"Calendar md #1","s":"wigggle-ui","c":"data-display/calendar","hc":1},{"id":"wigggle-ui:calendar-md-02","t":"Calendar md #2","s":"wigggle-ui","c":"data-display/calendar","hc":1},{"id":"wigggle-ui:calendar-md-03","t":"Calendar md #3","s":"wigggle-ui","c":"data-display/calendar","hc":1},{"id":"wigggle-ui:calendar-md-04","t":"Calendar md #4","s":"wigggle-ui","c":"data-display/calendar","hc":1},{"id":"wigggle-ui:calendar-md-05","t":"Calendar md #5","s":"wigggle-ui","c":"data-display/calendar","hc":1},{"id":"wigggle-ui:calendar-md-06","t":"Calendar md #6","s":"wigggle-ui","c":"data-display/calendar","hc":1},{"id":"wigggle-ui:calendar-lg-01","t":"Calendar lg #1","s":"wigggle-ui","c":"data-display/calendar","hc":1},{"id":"wigggle-ui:calendar-lg-02","t":"Calendar lg #2","s":"wigggle-ui","c":"data-display/calendar","hc":1},{"id":"wigggle-ui:calendar-lg-03","t":"Calendar lg #3","s":"wigggle-ui","c":"data-display/calendar","hc":1},{"id":"wigggle-ui:calendar-lg-04","t":"Calendar lg #4","s":"wigggle-ui","c":"data-display/calendar","hc":1},{"id":"wigggle-ui:calendar-lg-05","t":"Calendar lg #5","s":"wigggle-ui","c":"data-display/calendar","hc":1},{"id":"wigggle-ui:calendar-lg-06","t":"Calendar lg #6","s":"wigggle-ui","c":"data-display/calendar","hc":1},{"id":"wigggle-ui:clock-sm-01","t":"Clock sm #1","s":"wigggle-ui","c":"data-display/stat","hc":1},{"id":"wigggle-ui:clock-sm-02","t":"Clock sm #2","s":"wigggle-ui","c":"data-display/stat","hc":1},{"id":"wigggle-ui:clock-sm-03","t":"Clock sm #3","s":"wigggle-ui","c":"data-display/stat","hc":1},{"id":"wigggle-ui:clock-sm-04","t":"Clock sm #4","s":"wigggle-ui","c":"data-display/stat","hc":1},{"id":"wigggle-ui:clock-sm-05","t":"Clock sm #5","s":"wigggle-ui","c":"data-display/stat","hc":1},{"id":"wigggle-ui:clock-sm-06","t":"Clock sm #6","s":"wigggle-ui","c":"data-display/stat","hc":1},{"id":"wigggle-ui:clock-sm-07","t":"Clock sm #7","s":"wigggle-ui","c":"data-display/stat","hc":1},{"id":"wigggle-ui:clock-sm-08","t":"Clock sm #8","s":"wigggle-ui","c":"data-display/stat","hc":1},{"id":"wigggle-ui:clock-sm-09","t":"Clock sm #9","s":"wigggle-ui","c":"data-display/stat","hc":1},{"id":"wigggle-ui:clock-sm-10","t":"Clock sm #10","s":"wigggle-ui","c":"data-display/stat","hc":1},{"id":"wigggle-ui:clock-sm-11","t":"Clock sm #11","s":"wigggle-ui","c":"data-display/stat","hc":1},{"id":"wigggle-ui:clock-sm-12","t":"Clock sm #12","s":"wigggle-ui","c":"data-display/stat","hc":1},{"id":"wigggle-ui:clock-sm-13","t":"Clock sm #13","s":"wigggle-ui","c":"data-display/stat","hc":1},{"id":"wigggle-ui:dashboard-sm-01","t":"Dashboard sm #1","k":"layout","s":"wigggle-ui","c":"layout/dashboard","hc":1},{"id":"wigggle-ui:dashboard-sm-02","t":"Dashboard sm #2","k":"layout","s":"wigggle-ui","c":"layout/dashboard","hc":1},{"id":"wigggle-ui:dashboard-sm-03","t":"Dashboard sm #3","k":"layout","s":"wigggle-ui","c":"layout/dashboard","hc":1},{"id":"wigggle-ui:dashboard-sm-04","t":"Dashboard sm #4","k":"layout","s":"wigggle-ui","c":"layout/dashboard","hc":1},{"id":"wigggle-ui:dashboard-sm-05","t":"Dashboard sm #5","k":"layout","s":"wigggle-ui","c":"layout/dashboard","hc":1},{"id":"wigggle-ui:dashboard-sm-06","t":"Dashboard sm #6","k":"layout","s":"wigggle-ui","c":"layout/dashboard","hc":1},{"id":"wigggle-ui:dashboard-md-01","t":"Dashboard md #1","k":"layout","s":"wigggle-ui","c":"layout/dashboard","hc":1},{"id":"wigggle-ui:dashboard-md-02","t":"Dashboard md #2","k":"layout","s":"wigggle-ui","c":"layout/dashboard","hc":1},{"id":"wigggle-ui:dashboard-lg-01","t":"Dashboard lg #1","k":"layout","s":"wigggle-ui","c":"layout/dashboard","hc":1},{"id":"wigggle-ui:dashboard-lg-02","t":"Dashboard lg #2","k":"layout","s":"wigggle-ui","c":"layout/dashboard","hc":1},{"id":"wigggle-ui:media-sm-01","t":"Media sm #1","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:media-sm-02","t":"Media sm #2","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:media-sm-03","t":"Media sm #3","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:media-sm-04","t":"Media sm #4","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:media-sm-05","t":"Media sm #5","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:media-sm-06","t":"Media sm #6","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:media-sm-07","t":"Media sm #7","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:media-sm-08","t":"Media sm #8","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:media-md-01","t":"Media md #1","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:media-md-02","t":"Media md #2","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:media-md-03","t":"Media md #3","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:media-md-04","t":"Media md #4","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:media-md-05","t":"Media md #5","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:productivity-sm-01","t":"Productivity sm 01","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:productivity-sm-02","t":"Productivity sm 02","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:productivity-sm-03","t":"Productivity sm 03","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:productivity-sm-04","t":"Productivity sm 04","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:productivity-sm-05","t":"Productivity sm 05","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:productivity-sm-06","t":"Productivity sm 06","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:productivity-sm-07","t":"Productivity sm 07","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:productivity-md-01","t":"Productivity md 01","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:productivity-md-02","t":"Productivity md 02","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:productivity-md-03","t":"Productivity md 03","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:productivity-md-04","t":"Productivity md 04","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:sports-sm-01","t":"Sports sm #1","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:sports-sm-02","t":"Sports sm #2","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:sports-sm-03","t":"Sports sm #3","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:sports-sm-04","t":"Sports sm #4","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:sports-sm-05","t":"Sports sm #5","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:sports-sm-06","t":"Sports sm #6","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:sports-sm-07","t":"Sports sm #7","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:stock-sm-01","t":"Stock sm #1","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:stock-sm-02","t":"Stock sm #2","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:stock-sm-03","t":"Stock sm #3","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:stock-sm-04","t":"Stock sm #4","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:stock-sm-05","t":"Stock sm #5","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:stock-sm-06","t":"Stock sm #6","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:weather-sm-01","t":"Weather sm #1","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:weather-sm-02","t":"Weather sm #2","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:weather-sm-03","t":"Weather sm #3","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:weather-sm-04","t":"Weather sm #4","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:weather-sm-05","t":"Weather sm #5","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:weather-sm-06","t":"Weather sm #6","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:weather-sm-07","t":"Weather sm #7","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:weather-sm-08","t":"Weather sm #8","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:weather-sm-09","t":"Weather sm #9","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:weather-md-01","t":"Weather md #1","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:weather-md-02","t":"Weather md #2","s":"wigggle-ui","c":"other/other","hc":1},{"id":"wigggle-ui:use-location","t":"Use location","k":"lib","s":"wigggle-ui","c":"lib/hook","hc":1},{"id":"wigggle-ui:use-weather","t":"Use weather","k":"lib","s":"wigggle-ui","c":"lib/hook","hc":1},{"id":"wigggle-ui:weather-utils","t":"Weather utils","k":"lib","s":"wigggle-ui","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"wxcn:weather-forecast","t":"Weather forecast","d":"Weather forecast with optional atmospheric backgrounds.","s":"wxcn","c":"other/other","hc":1},{"id":"wxcn:moon-forecast","t":"Moon forecast","d":"Lunar phase card with local cycle estimates.","s":"wxcn","c":"data-display/card","hc":1},{"id":"wxcn:tide-forecast","t":"Tide forecast","d":"Coastal tide predictions with a theme-aware chart.","s":"wxcn","c":"data-viz/chart","sb":"Flow and funnel","hc":1},{"id":"wxcn:forecast-dashboard","t":"Forecast dashboard","d":"Weather and moon for Austin, with a separate coastal tide card.","k":"layout","s":"wxcn","c":"layout/dashboard","hc":1},{"id":"xevrion:odometer","t":"Odometer","d":"Rolls forward like a mechanical counter and wraps from 999 back to 000.","k":"motion","s":"xevrion","c":"motion/number-ticker","hc":1},{"id":"xevrion:hold-to-delete","t":"Hold to delete","d":"Fills slowly while you commit to it, snaps back the moment you let go.","s":"xevrion","c":"actions/button","sb":"Loading and states","hc":1},{"id":"xevrion:segmented-control","t":"Segmented control","d":"The pill stretches toward your pick like an inchworm, recoloring each label as its edge cr","s":"xevrion","c":"actions/segmented-control","hc":1},{"id":"xevrion:tilt-card","t":"Tilt card","d":"Leans toward your cursor with a glare that follows the light.","s":"xevrion","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"],"hc":1},{"id":"xevrion:dock","t":"Dock","d":"Icons swell as your cursor nears them, and launch with a macOS-style bounce.","s":"xevrion","c":"navigation/dock","hc":1},{"id":"xevrion:sheet","t":"Sheet","d":"Drag it down or flick it away; pull it up and it pushes back.","s":"xevrion","c":"overlays/sheet","hc":1},{"id":"xevrion:toast-stack","t":"Toast stack","d":"Stacks with depth, fans out on hover, and each toast's edge drains as its timer.","s":"xevrion","c":"overlays/toast","tg":["3d"],"sy":["3d"],"hc":1},{"id":"xevrion:elastic-slider","t":"Elastic slider","d":"Stretches like rubber when you drag past the end, then springs back.","s":"xevrion","c":"inputs/slider","hc":1},{"id":"xevrion:magnetic-button","t":"Magnetic button","d":"Stretches toward your cursor like soft rubber on a magnet, then wobbles home.","s":"xevrion","c":"actions/button","sb":"Animated","hc":1},{"id":"xevrion:text-scramble","t":"Text scramble","d":"Hover a word and a block cursor reads it in, one letter at a time.","k":"motion","s":"xevrion","c":"motion/text-effect","sb":"Scramble and glitch","hc":1},{"id":"xevrion:swipe-deck","t":"Swipe deck","d":"Fling a card away and the rest of the deck steps forward.","s":"xevrion","c":"media/card-stack","hc":1},{"id":"xevrion:scroll-reveal","t":"Scroll reveal","d":"Words light up one by one as you scroll through them.","k":"layout","s":"xevrion","c":"layout/scroll-area","hc":1},{"id":"xevrion:copy-button","t":"Copy button","d":"The two pages merge into one before a check draws itself in.","s":"xevrion","c":"actions/copy-button","hc":1},{"id":"xevrion:expanding-search","t":"Expanding search","d":"Opens from a circle into a search field, and closes faster than it opens.","s":"xevrion","c":"inputs/search","hc":1},{"id":"xevrion:accordion","t":"Accordion","d":"Answers unfold from under their question like a folded flap, and the row you clicked never","s":"xevrion","c":"data-display/accordion","hc":1},{"id":"xevrion:expanding-card","t":"Expanding card","d":"Grows from its slot into a detail view and folds back when you are done.","s":"xevrion","c":"data-display/card","hc":1},{"id":"xevrion:otp-input","t":"OTP input","d":"Six slots mirror one real input, so paste and SMS autofill just work.","s":"xevrion","c":"inputs/otp-input","hc":1},{"id":"xevrion:toggle-switch","t":"Toggle switch","d":"Leans into the move when pressed, then springs across and squashes on landing.","s":"xevrion","c":"actions/switch","hc":1},{"id":"xevrion:command-palette","t":"Command palette","d":"Opens on ⌘K and filters commands as you type.","s":"xevrion","c":"navigation/command-palette","hc":1},{"id":"xevrion:marquee","t":"Marquee","d":"Drifts endlessly past a reading lens, and brakes gently when you hover.","k":"motion","s":"xevrion","c":"motion/marquee","hc":1},{"id":"xevrion:reorder-list","t":"Reorder list","d":"Picks rows up by the handle and slides the rest out of the way.","s":"xevrion","c":"data-display/list","sb":"Sortable","hc":1},{"id":"xevrion:compare-slider","t":"Compare slider","d":"Drag the line to see what polish actually changes.","s":"xevrion","c":"media/image-compare","hc":1},{"id":"xevrion:multi-step-form","t":"Multi step form","d":"Slides between steps while the card grows around each one.","s":"xevrion","c":"navigation/wizard-steps","hc":1},{"id":"xevrion:upload-button","t":"Upload button","d":"Shrinks into a progress ring, fills, then checks off.","s":"xevrion","c":"actions/button","sb":"Loading and states","hc":1},{"id":"xevrion:tooltip-group","t":"Tooltip group","d":"One tooltip slides from button to button and reshapes around each label.","s":"xevrion","c":"overlays/tooltip","hc":1},{"id":"xevrion:dropdown-menu","t":"Dropdown menu","d":"Grows out of its trigger, and press, drag, release picks an item like a native menu.","s":"xevrion","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"xevrion:dynamic-island","t":"Dynamic island","d":"Morphs between live states with a springy, Apple-style bounce.","s":"xevrion","c":"other/other","hc":1},{"id":"xevrion:scrub-input","t":"Scrub input","d":"Drag the label and a tape measure runs under the needle, or just type.","s":"xevrion","c":"inputs/form-field","hc":1},{"id":"xevrion:star-rating","t":"Star rating","d":"Hover to preview, click to commit with a little pop.","s":"xevrion","c":"inputs/rating","hc":1},{"id":"xevrion:like-button","t":"Like button","d":"Pops, bursts and rolls the count when you like.","s":"xevrion","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"xevrion:sliding-tabs","t":"Sliding tabs","d":"An underline stretches toward the tab you pick while a soft pill follows your pointer.","s":"xevrion","c":"navigation/tabs","hc":1},{"id":"xevrion:page-dots","t":"Page dots","d":"A pill that inches between pages like a worm and counts down to the next.","k":"motion","s":"xevrion","c":"motion/background","sb":"Grids and patterns","hc":1},{"id":"xevrion:collapsible-sidebar","t":"Collapsible sidebar","d":"Folds down to an icon rail, with labels that step aside before it closes.","s":"xevrion","c":"navigation/sidebar","hc":1},{"id":"xevrion:snap-carousel","t":"Snap carousel","d":"Snaps cards to center, drags with the mouse, and each card acts out its motion principle.","s":"xevrion","c":"media/carousel","hc":1},{"id":"xevrion:skeleton-loader","t":"Skeleton loader","d":"Holds the exact shape of what is coming, so nothing jumps.","s":"xevrion","c":"status/loader","hc":1},{"id":"xevrion:context-menu","t":"Context menu","d":"Opens at your cursor and grows from it.","s":"xevrion","c":"overlays/context-menu","hc":1},{"id":"xevrion:notification-bell","t":"Notification bell","d":"Rings when something new arrives, and the badge rolls up with each one.","s":"xevrion","c":"overlays/notifications","hc":1},{"id":"xevrion:avatar-stack","t":"Avatar stack","d":"Fans open when you reach for it, with a name above each face.","s":"xevrion","c":"data-display/avatar","hc":1},{"id":"xevrion:morphing-button","t":"Morphing button","d":"Shrinks into a spinner while it saves, then answers with a check or a shake.","s":"xevrion","c":"actions/button","sb":"Animated","hc":1},{"id":"xevrion:kanban-board","t":"Kanban board","d":"Lift a card and the others slide aside to make room for it.","s":"xevrion","c":"data-display/kanban","hc":1},{"id":"xevrion:color-swatches","t":"Color swatches","d":"The ring glides to the color you pick and the color floods the preview from that side.","s":"xevrion","c":"inputs/color-picker","hc":1},{"id":"xevrion:mini-calendar","t":"Mini calendar","d":"Months slide past in the direction you travel.","s":"xevrion","c":"data-display/calendar","hc":1},{"id":"xevrion:floating-label","t":"Floating label","d":"The label peels up letter by letter, and never covers what you wrote.","s":"xevrion","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"xevrion:password-field","t":"Password field","d":"Reveals the password with a wave of dots turning into letters; the meter fills as it gets ","s":"xevrion","c":"inputs/form-field","sb":"Password","hc":1},{"id":"xevrion:filter-list","t":"Filter list","d":"Rows fade out of the way while the rest slide up to close the gap.","s":"xevrion","c":"data-display/list","hc":1},{"id":"xevrion:gauge","t":"Gauge","d":"Ticks light up as the value sweeps in, and a peak marker holds where it was before falling","s":"xevrion","c":"data-viz/gauge","hc":1},{"id":"xevrion:sparkline","t":"Sparkline","d":"Draws itself in, then scrubs to the nearest point under your cursor.","s":"xevrion","c":"data-viz/chart","sb":"Line and sparkline","hc":1},{"id":"xevrion:bar-chart","t":"Bar chart","d":"Grows its bars from the baseline and springs them between two weeks.","s":"xevrion","c":"data-viz/chart","sb":"Bar","hc":1},{"id":"xevrion:stacked-drawer","t":"Stacked drawer","d":"Stacks iOS sheets that push the page back and drag down to dismiss.","s":"xevrion","c":"overlays/sheet","hc":1},{"id":"xevrion:confetti-button","t":"Confetti button","d":"A click pops confetti; hold it and the fuse burns until the whole thing blows.","s":"xevrion","c":"actions/button","hc":1},{"id":"xevrion:typewriter","t":"Typewriter","d":"Types, pauses and rewrites the last word with a human rhythm.","k":"motion","s":"xevrion","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"xevrion:tag-input","t":"Tag input","d":"Your typed words stay put while a chip forms around them.","s":"xevrion","c":"inputs/tag-input","hc":1},{"id":"xevrion:range-slider","t":"Range slider","d":"Two thumbs that glide, stop at each other, and show their value as you drag.","s":"xevrion","c":"inputs/slider","hc":1},{"id":"xevrion:number-stepper","t":"Number stepper","d":"Rolls each digit the way the count moves, and speeds up the longer you hold.","s":"xevrion","c":"inputs/number-input","hc":1},{"id":"xevrion:select-menu","t":"Select menu","d":"Opens with your current choice sitting exactly on the button, macOS style.","s":"xevrion","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"xevrion:undo-toast","t":"Undo toast","d":"Deletes instantly and gives you five seconds to change your mind.","s":"xevrion","c":"overlays/toast","hc":1},{"id":"xevrion:file-dropzone","t":"File dropzone","d":"Its dashed edge marches when a file enters the window and seals solid when it is overhead.","s":"xevrion","c":"inputs/file-upload","hc":1},{"id":"xevrion:chat-thread","t":"Chat thread","d":"Replies arrive after a beat of typing, and the thread follows only if you are.","s":"xevrion","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"xevrion:loader-set","t":"Loader set","d":"Four loaders that each know how to finish: leapfrog dots, an inchworm bar, a ring that clo","s":"xevrion","c":"status/loader","hc":1},{"id":"xevrion:wheel-picker","t":"Wheel picker","d":"Spins through the hours on a curved drum, just like iOS.","s":"xevrion","c":"inputs/select","hc":1},{"id":"xevrion:slide-to-confirm","t":"Slide to confirm","d":"Drag the knob all the way across to confirm.","s":"xevrion","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"xevrion:pull-to-refresh","t":"Pull to refresh","d":"Pull the feed down and new posts slide in at the top.","s":"xevrion","c":"data-display/timeline","hc":1},{"id":"xevrion:hover-card","t":"Hover card","d":"One card travels between names as you hover them.","s":"xevrion","c":"overlays/hover-card","hc":1},{"id":"xevrion:tree-view","t":"Tree view","d":"Folders unfold in place while the selection glides to the file you pick.","s":"xevrion","c":"data-display/tree","hc":1},{"id":"xevrion:pricing-toggle","t":"Pricing toggle","d":"Each digit rolls to its new price on its own, and new digits grow in.","s":"xevrion","c":"actions/switch","hc":1},{"id":"xevrion:reading-progress","t":"Reading progress","d":"A progress bar fills as you read while the time left counts down.","s":"xevrion","c":"data-viz/progress-bar","hc":1},{"id":"xevrion:code-block","t":"Code block","d":"Switch files with a sliding underline and copy with one click.","s":"xevrion","c":"data-display/code-block","hc":1},{"id":"xevrion:wave-text","t":"Wave text","d":"Letters rise in a wave that follows your cursor.","k":"motion","s":"xevrion","c":"motion/text-effect","sb":"Bouncy and wavy","hc":1},{"id":"xevrion:dot-grid","t":"Dot grid","d":"Dots swell and part around your cursor, and a click sends a shockwave.","k":"motion","s":"xevrion","c":"motion/cursor","hc":1},{"id":"xevrion:spotlight-card","t":"Spotlight card","d":"The cursor is a lamp: cards catch its glow and their icons cast shadows away from it.","s":"xevrion","c":"data-display/card","tg":["neon"],"sb":"Animated and glowing","sy":["neon"],"hc":1},{"id":"xevrion:story-progress","t":"Story progress","d":"Tap through stories, hold to pause.","s":"xevrion","c":"data-viz/progress-bar","hc":1},{"id":"xevrion:data-table","t":"Data table","d":"Sorts, selects and bulk-acts on rows without losing its place.","s":"xevrion","c":"data-display/table","sb":"Data tables","hc":1},{"id":"xevrion:combobox","t":"Combobox","d":"The person you pick flies out of the list and into the field.","s":"xevrion","c":"inputs/combobox","hc":1},{"id":"xevrion:date-range-picker","t":"Date range picker","d":"Paints the range as you hover, then commits it on the second click.","s":"xevrion","c":"inputs/date-range","hc":1},{"id":"xevrion:inline-edit","t":"Inline edit","d":"Edits your name and bio in place without moving a pixel.","s":"xevrion","c":"inputs/form-field","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"xevrion:dialog","t":"Dialog","d":"Opens a modal over the page, with a confirmation that stacks on top of it.","s":"xevrion","c":"overlays/dialog","hc":1},{"id":"xevrion:pagination","t":"Pagination","d":"Numbers roll in place like an odometer; the one you click never moves.","s":"xevrion","c":"navigation/pagination","hc":1},{"id":"xevrion:announcement-banner","t":"Announcement banner","d":"Dismissing folds the bar away and the page slides up to fill the gap.","s":"xevrion","c":"overlays/alert-banner","hc":1},{"id":"xevrion:shortcut-sheet","t":"Shortcut sheet","d":"Press ? anywhere to see every shortcut, then press one to watch it light up.","s":"xevrion","c":"overlays/sheet","hc":1},{"id":"xevrion:spring-playground","t":"Spring playground","d":"Tune a spring and watch its overshoot and settle, plotted live.","s":"xevrion","c":"other/other","hc":1},{"id":"xevrion:easing-editor","t":"Easing editor","d":"Drag a cubic-bezier into shape and see it move.","s":"xevrion","c":"inputs/textarea","hc":1},{"id":"xevrion:stagger-visualizer","t":"Stagger visualizer","d":"Shows what per-item delay actually does to a list entrance.","s":"xevrion","c":"data-display/list","hc":1},{"id":"xevrion:onboarding-checklist","t":"Onboarding checklist","d":"A setup checklist that counts up as you go and celebrates the finish.","s":"xevrion","c":"inputs/checkbox","hc":1},{"id":"xevrion:flip-card","t":"Flip card","d":"Turns over in 3D to show what is on the back.","s":"xevrion","c":"data-display/card","tg":["3d"],"sy":["3d"],"hc":1},{"id":"xevrion:icon-morph","t":"Icon morph","d":"Icons reshape themselves between states instead of swapping.","k":"resource","s":"xevrion","c":"assets/icon","hc":1},{"id":"xevrion:sticky-stack","t":"Sticky stack","d":"Cards pile up and sink back as you scroll.","s":"xevrion","c":"data-display/card","hc":1},{"id":"xevrion:infinite-canvas","t":"Infinite canvas","d":"Pan, pinch and zoom around a board of notes.","s":"xevrion","c":"data-display/kanban","hc":1},{"id":"xevrion:drag-select","t":"Drag select","d":"Draw a box across files to select them, like the desktop.","s":"xevrion","c":"inputs/select","hc":1},{"id":"xevrion:sortable-grid","t":"Sortable grid","d":"Drag an app tile and the others slide out of its way.","s":"xevrion","c":"data-display/card","hc":1},{"id":"xevrion:magnet-lines","t":"Magnet lines","d":"Lines turn toward your cursor like iron filings near a magnet.","k":"motion","s":"xevrion","c":"motion/background","sb":"Beams and light","hc":1},{"id":"xevrion:morphing-nav","t":"Morphing nav","d":"One dropdown panel reshapes and slides as you move between menu items.","s":"xevrion","c":"navigation/top-nav","hc":1},{"id":"xevrion:color-picker","t":"Color picker","d":"Drag a color out of the square, then fine-tune hue and opacity.","s":"xevrion","c":"inputs/color-picker","hc":1},{"id":"xevrion:card-input","t":"Card input","d":"Formats as you type, spots the card brand, and flips to show the CVC.","s":"xevrion","c":"inputs/form-field","hc":1},{"id":"xevrion:radio-cards","t":"Radio cards","d":"The selection ring glides to the plan you pick.","s":"xevrion","c":"inputs/radio","hc":1},{"id":"xevrion:checkbox-group","t":"Checkbox group","d":"Check marks draw themselves in, and Shift-click fills a range.","s":"xevrion","c":"inputs/checkbox","hc":1},{"id":"xevrion:progress-stepper","t":"Progress stepper","d":"Fills the line toward the next step and unfills it in reverse.","s":"xevrion","c":"navigation/wizard-steps","hc":1},{"id":"xevrion:promise-toast","t":"Promise toast","d":"One toast that morphs from saving to saved, or to an error with retry.","s":"xevrion","c":"overlays/toast","hc":1},{"id":"xevrion:confirm-popover","t":"Confirm popover","d":"Asks before deleting, from a popover that grows out of the button.","s":"xevrion","c":"overlays/popover","hc":1},{"id":"xevrion:activity-timeline","t":"Activity timeline","d":"New events slide in at the top as the line grows to meet them.","s":"xevrion","c":"data-display/timeline","hc":1},{"id":"xevrion:breadcrumbs","t":"Breadcrumbs","d":"Folds the middle of a deep path into a menu when space runs out.","s":"xevrion","c":"navigation/breadcrumb","hc":1},{"id":"xevrion:overflow-tabs","t":"Overflow tabs","d":"Scrolls a long row of tabs, fading whichever edge still hides more.","s":"xevrion","c":"navigation/tabs","hc":1},{"id":"xevrion:tab-bar","t":"Tab bar","d":"A phone tab bar whose pill slides over and fills in the icon it lands on.","s":"xevrion","c":"navigation/tabs","hc":1},{"id":"xevrion:selection-toolbar","t":"Selection toolbar","d":"A formatting toolbar that grows out of whatever text you select.","s":"xevrion","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"xevrion:carousel-3d","t":"Carousel 3d","d":"Spin a ring of cards and flick it to land on the one you were aiming for.","s":"xevrion","c":"media/carousel","tg":["3d"],"sy":["3d"],"hc":1},{"id":"xevrion:lens-reveal","t":"Lens reveal","d":"A lens follows your cursor and shows the specs hidden under a card.","s":"xevrion","c":"media/gallery","sb":"Zoom and lens","hc":1},{"id":"xevrion:elastic-string","t":"Elastic string","d":"Pull a string and let go to watch it ring back to rest.","s":"xevrion","c":"other/other","hc":1},{"id":"xevrion:particle-text","t":"Particle text","d":"A word made of dots that part around your cursor and burst when clicked.","k":"motion","s":"xevrion","c":"motion/text-effect","hc":1},{"id":"xevrion:theme-toggle","t":"Theme toggle","d":"A sun that folds its rays away and turns into a crescent moon.","s":"xevrion","c":"actions/switch","sb":"Theme toggles","hc":1},{"id":"xevrion:bookmark-button","t":"Bookmark button","d":"Fills from the bottom up and lands with a small squash.","s":"xevrion","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"xevrion:send-button","t":"Send button","d":"The plane takes off along a curve, and a check lands in its place.","s":"xevrion","c":"actions/button","hc":1},{"id":"xevrion:download-button","t":"Download button","d":"The arrow drops into the tray while the button fills with progress.","s":"xevrion","c":"actions/button","sb":"Loading and states","hc":1},{"id":"xevrion:contribution-heatmap","t":"Contribution heatmap","d":"A year of activity at a glance, sweeping in week by week.","s":"xevrion","c":"data-viz/chart","sb":"Heatmap","hc":1},{"id":"xevrion:donut-chart","t":"Donut chart","d":"Draws itself in, then lifts whichever slice you point at.","s":"xevrion","c":"data-viz/chart","sb":"Pie, donut and radial","hc":1},{"id":"xevrion:stat-counter","t":"Stat counter","d":"Numbers count up to their value; scrub a sparkline and the figure rolls back through its h","k":"motion","s":"xevrion","c":"motion/number-ticker","hc":1},{"id":"xevrion:leaderboard","t":"Leaderboard","d":"Players glide past each other to their new ranks.","s":"xevrion","c":"data-display/gamification","hc":1},{"id":"xevrion:rotary-dial","t":"Rotary dial","d":"Drag a hole to the finger stop and each digit lands as the disc unwinds.","s":"xevrion","c":"inputs/slider","hc":1},{"id":"xevrion:tape-measure","t":"Tape measure","d":"Pull the blade out to measure; release the lock and it reels itself back in.","s":"xevrion","c":"other/other","hc":1},{"id":"xevrion:pull-cord-switch","t":"Pull cord switch","d":"Pull the ball chain to switch the site's lights; light pours from the bulb as a cone.","s":"xevrion","c":"actions/switch","hc":1},{"id":"xevrion:combination-lock","t":"Combination lock","d":"Spin right, left, right to fill each number, then turn the handle to open.","s":"xevrion","c":"other/other","hc":1},{"id":"xevrion:rubber-stamp","t":"Rubber stamp","d":"Stamps a document approved or rejected, with ink that looks pressed in.","s":"xevrion","c":"other/other","hc":1},{"id":"xevrion:sticky-note-peel","t":"Sticky note peel","d":"Peel the top reminder off by its corner to mark it done.","s":"xevrion","c":"other/other","hc":1},{"id":"xevrion:receipt-printer","t":"Receipt printer","d":"Feeds a receipt out of the slot line by line; twist it against the cutter to tear it off.","s":"xevrion","c":"other/other","hc":1},{"id":"xevrion:tear-off-calendar","t":"Tear off calendar","d":"Tear a day off to move forward, pull one back to go back.","s":"xevrion","c":"data-display/calendar","hc":1},{"id":"xevrion:balance-scale","t":"Balance scale","d":"Weighs your pros against your cons on a balance that tips and slowly settles.","s":"xevrion","c":"other/other","hc":1},{"id":"xevrion:tally-counter","t":"Tally counter","d":"Counts in hand-drawn tally marks, one pen stroke at a time.","k":"motion","s":"xevrion","c":"motion/number-ticker","tg":["playful"],"sy":["playful"],"hc":1},{"id":"xevrion:ink-well","t":"Ink well","d":"Drains a glass inkwell as you spend your character limit.","s":"xevrion","c":"other/other","tg":["glass"],"sy":["glass"],"hc":1},{"id":"xevrion:typing-seismograph","t":"Typing seismograph","d":"Records the rhythm of your typing on a scrolling seismograph.","k":"motion","s":"xevrion","c":"motion/text-effect","sb":"Typewriter","hc":1},{"id":"xevrion:envelope-send","t":"Envelope send","d":"Folds your note into an envelope, seals it and sends it off.","s":"xevrion","c":"other/other","hc":1},{"id":"xevrion:paper-shredder","t":"Paper shredder","d":"Drag a file into the shredder and it comes out in strips.","s":"xevrion","c":"other/other","hc":1},{"id":"xevrion:tip-jar","t":"Tip jar","d":"Coins drop into a glass jar and pile up as the total counts.","s":"xevrion","c":"other/other","tg":["glass"],"sy":["glass"],"hc":1},{"id":"xevrion:zipper-reveal","t":"Zipper reveal","d":"Unzip the pouch to reveal the code inside.","s":"xevrion","c":"other/other","hc":1},{"id":"xevrion:cassette-scrubber","t":"Cassette scrubber","d":"Scrub audio by dragging the tape, with reels that spin like the real thing.","s":"xevrion","c":"inputs/slider","hc":1},{"id":"xevrion:bubble-wrap","t":"Bubble wrap","d":"Pop every bubble to clear the list, one click or one long swipe.","s":"xevrion","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"xevrion:sundial-picker","t":"Sundial picker","d":"Pick a time by dragging the sun across the sky.","s":"xevrion","c":"inputs/select","hc":1},{"id":"xevrion:folded-map","t":"Folded map","d":"An itinerary that unfolds panel by panel like a paper road map, recentring as it opens.","s":"xevrion","c":"data-viz/map","hc":1},{"id":"xevrion:scroll-spine","t":"Scroll spine","d":"Maps the article as a spine of bands, each as long as its section, filling in as you read.","k":"layout","s":"xevrion","c":"layout/scroll-area","hc":1},{"id":"xevrion:availability-badge","t":"Availability badge","d":"Shows when the owner is working, and when that overlaps with your day.","s":"xevrion","c":"data-display/badge","hc":1},{"id":"xevrion:sidenotes","t":"Sidenotes","d":"Slides footnotes into the margin beside their sentence, and folds them inline on narrow sc","k":"motion","s":"xevrion","c":"motion/text-effect","hc":1},{"id":"xevrion:footer-signature","t":"Footer signature","d":"Signs the footer by hand when it scrolls into view, slowing through every loop.","k":"section","s":"xevrion","c":"marketing/footer","hc":1},{"id":"xevrion:changelog-stack","t":"Changelog stack","d":"Files each release card behind the stack like a hand riffling index cards.","k":"section","s":"xevrion","c":"marketing/marketing","hc":1},{"id":"xevrion:pricing-calculator","t":"Pricing calculator","d":"Itemizes your bill like an invoice and upgrades the plan the moment your team crosses a se","k":"section","s":"xevrion","c":"marketing/pricing","sb":"Usage and sliders","hc":1},{"id":"xevrion:feature-spotlight","t":"Feature spotlight","d":"A camera zooms into the part of the product screenshot each feature describes as you scrol","k":"section","s":"xevrion","c":"marketing/features","sb":"Grid of cards","hc":1},{"id":"xevrion:testimonial-highlight","t":"Testimonial highlight","d":"Swipes a highlighter across the line that sold the customer, one line at a time.","k":"section","s":"xevrion","c":"marketing/testimonials","hc":1},{"id":"xevrion:waitlist-join","t":"Waitlist join","d":"Drops your face into a real queue and rolls out your place in line.","k":"section","s":"xevrion","c":"marketing/cta","sb":"Newsletter and waitlist","hc":1},{"id":"xevrion:cookie-consent","t":"Cookie consent","d":"Bakes a bite back into the cookie for every category you allow.","s":"xevrion","c":"overlays/alert-banner","hc":1},{"id":"xevrion:email-typo-fix","t":"Email typo fix","d":"Catches gmial.com and fixes it by moving only the letters that were wrong.","s":"xevrion","c":"inputs/form-field","sb":"Email","hc":1},{"id":"xevrion:coupon-code","t":"Coupon code","d":"Stamps your promo code onto the order and strikes out the price it beat.","s":"xevrion","c":"inputs/form-field","hc":1},{"id":"xevrion:code-morph","t":"Code morph","d":"Glides every surviving token to its new spot as a tutorial moves to the next step.","k":"motion","s":"xevrion","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"xevrion:image-hotspots","t":"Image hotspots","d":"Draws a leader line to one label card that travels between a watch's features, never cover","s":"xevrion","c":"media/gallery","hc":1},{"id":"xevrion:quote-share","t":"Quote share","d":"Lifts the words you select out of the paragraph and into a shareable quote card.","k":"motion","s":"xevrion","c":"motion/text-effect","hc":1},{"id":"xevrion:waveform-player","t":"Waveform player","d":"Inks in a podcast's waveform, with chapter markers and a ghost playhead.","s":"xevrion","c":"media/player","hc":1},{"id":"xevrion:size-picker","t":"Size picker","d":"Pulls a tee over a body outline so you see the fit before you pick the size.","s":"xevrion","c":"inputs/select","hc":1},{"id":"xevrion:order-tracker","t":"Order tracker","d":"Drives a parcel across a street map to your door and stamps each stop as it arrives.","s":"xevrion","c":"data-viz/map","hc":1},{"id":"xevrion:gift-wrap","t":"Gift wrap","d":"Folds kraft paper over the cart item, ties a ribbon and bow, and asks who it's for.","s":"xevrion","c":"data-display/card","hc":1},{"id":"xevrion:store-hours","t":"Store hours","d":"Draws the week's hours on a 24-hour scale and can redraw them in your own time zone.","s":"xevrion","c":"other/other","hc":1},{"id":"xevrion:word-rotator","t":"Word rotator","d":"Keeps the letters two words share and glides them into place as the rest trade out.","k":"motion","s":"xevrion","c":"motion/text-effect","sb":"Rotating words","hc":1},{"id":"xevrion:keycap-hint","t":"Keycap hint","d":"Keycaps that sink when you press the real keys.","s":"xevrion","c":"overlays/tooltip","hc":1},{"id":"xevrion:caps-lock-warning","t":"Caps lock warning","d":"A small caps lock key with its light on slides into the field when caps is on.","s":"xevrion","c":"inputs/form-field","hc":1},{"id":"xevrion:eye-toggle","t":"Eye toggle","d":"The eye shuts when your password is hidden and watches while you type.","s":"xevrion","c":"actions/switch","hc":1},{"id":"xevrion:relative-time","t":"Relative time","d":"Says \"4 min ago\" and changes only at the moment the words would change.","k":"motion","s":"xevrion","c":"motion/text-effect","hc":1},{"id":"xevrion:copy-email","t":"Copy email","d":"Click the address and its letters flip, one by one, into \"Copied to clipboard\".","k":"motion","s":"xevrion","c":"motion/text-effect","hc":1},{"id":"xevrion:directional-underline","t":"Directional underline","d":"The underline comes in from the side your cursor entered and leaves toward the side it lef","k":"motion","s":"xevrion","c":"motion/text-effect","hc":1},{"id":"xevrion:hover-preview-link","t":"Hover preview link","d":"Hover a link to get a preview card that trails your cursor and leans as it moves.","s":"xevrion","c":"actions/link","hc":1},{"id":"xevrion:scribble-checkbox","t":"Scribble checkbox","d":"Checks itself off with a quick pen stroke and strikes the words through.","s":"xevrion","c":"inputs/checkbox","hc":1},{"id":"xevrion:focus-paragraph","t":"Focus paragraph","d":"Brings the sentence you're reading forward and lets the rest step back.","k":"motion","s":"xevrion","c":"motion/text-effect","hc":1},{"id":"xevrion:text-progress","t":"Text progress","d":"Fills the label itself with ink as the upload runs.","s":"xevrion","c":"data-viz/progress-bar","hc":1},{"id":"xevrion:spoiler-text","t":"Spoiler text","d":"Hides a spoiler under shimmering grain that blows away from your click.","k":"motion","s":"xevrion","c":"motion/text-effect","hc":1},{"id":"xevrion:badge-counter","t":"Badge counter","d":"Rolls its digits the way the count moved and bumps each time it changes.","k":"motion","s":"xevrion","c":"motion/number-ticker","hc":1},{"id":"xevrion:star-button","t":"Star button","d":"Spins once and throws off tiny sparks when starred, then rolls the count.","s":"xevrion","c":"actions/button","hc":1},{"id":"xevrion:follow-button","t":"Follow button","d":"Turns its plus into a check as you follow, and warns before you unfollow.","s":"xevrion","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"xevrion:live-indicator","t":"Live indicator","d":"Breathes while live, lets the viewer count drift, and blinks hollow while reconnecting.","s":"xevrion","c":"other/other","hc":1},{"id":"xevrion:mini-clock","t":"Mini clock","d":"A tiny analog clock that sweeps in its city's time and turns dark after sundown.","s":"xevrion","c":"data-display/stat","hc":1},{"id":"xevrion:pixel-loader","t":"Pixel loader","d":"A tiny pixel grid that cycles spiral, snake, pulse and checker, then draws a check when do","s":"xevrion","c":"status/loader","tg":["retro and HUD"],"sy":["retro and HUD"],"hc":1},{"id":"xevrion:greeting","t":"Greeting","d":"Greets by time of day, with a sun or moon that rises into place along an arc.","k":"motion","s":"xevrion","c":"motion/text-effect","hc":1},{"id":"xevrion:arrow-callout","t":"Arrow callout","d":"A handwritten note whose arrow draws itself to whatever it points at.","s":"xevrion","c":"overlays/alert-banner","hc":1},{"id":"xevrion:voice-orb","t":"Voice orb","d":"A glassy orb of drifting mist that listens to your real mic, thinks in a slow swirl and br","s":"xevrion","c":"ai-agent/ai-agent","tg":["glass"],"sb":"Voice","sy":["glass"],"hc":1},{"id":"xevrion:call-widget","t":"Call widget","d":"Accept turns into hang-up as the call controls unfold out of it, one by one.","s":"xevrion","c":"data-display/card","hc":1},{"id":"xevrion:logo-orbit","t":"Logo orbit","d":"Logos orbit a heading on tilted rings, passing behind it, and brake to a stop when you poi","k":"resource","s":"xevrion","c":"assets/logo","tg":["3d"],"sy":["3d"],"hc":1},{"id":"xevrion:now-playing","t":"Now playing","d":"A listening-to pill whose record slides out from behind the cover and spins while it plays","s":"xevrion","c":"data-display/card","hc":1},{"id":"xevrion:uptime-bar","t":"Uptime bar","d":"Point at any day and the row's own caption tells you what happened.","s":"xevrion","c":"data-display/list","hc":1},{"id":"xevrion:helpful-prompt","t":"Helpful prompt","d":"Asks if the page helped, and on a no opens into a field right where the question was.","s":"xevrion","c":"ai-agent/composer","hc":1},{"id":"xevrion:back-to-top","t":"Back to top","d":"Fills its ring as you read, and when you press it the arrow lifts off while the page glide","s":"xevrion","c":"other/other","hc":1},{"id":"xevrion:share-button","t":"Share button","d":"Opens in place into copy, X and email, and the link turns into a check when it is copied.","s":"xevrion","c":"actions/button","sb":"Copy, share and like","hc":1},{"id":"xevrion:autosave-status","t":"Autosave status","d":"A dot for unsaved changes splits into three while saving, then gathers into a check.","k":"motion","s":"xevrion","c":"motion/shader","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"xevrion:reactions","t":"Reactions","d":"Tap a reaction to add yours, or pick one and watch it fly into its pill as the count rolls","s":"xevrion","c":"data-display/card","hc":1},{"id":"xevrion:shortcut-recorder","t":"Shortcut recorder","d":"Press keys to set a shortcut: keycaps appear as you hold them, and it tells you when a com","s":"xevrion","c":"inputs/form-field","hc":1},{"id":"xevrion:storage-meter","t":"Storage meter","d":"Point at any slice to read its size, then clear the cache and watch the total count down.","s":"xevrion","c":"data-viz/gauge","hc":1},{"id":"xevrion:status-picker","t":"Status picker","d":"Pick a status and the badge on your avatar turns into its shape: a dot, a moon, a stop sig","s":"xevrion","c":"inputs/select","hc":1},{"id":"xevrion:mood-slider","t":"Mood slider","d":"The thumb is a face that frowns, grins and leans into the drag as you rate your day.","s":"xevrion","c":"inputs/slider","hc":1},{"id":"xevrion:signature-pad","t":"Signature pad","d":"Ink that swells where you slow down, and wipes away the way you wrote it.","s":"xevrion","c":"inputs/form-field","hc":1},{"id":"xevrion:card-number-reveal","t":"Card number reveal","d":"Rolls the hidden digits in when you press the eye, then hides them again when the ring run","s":"xevrion","c":"data-display/card","hc":1},{"id":"xevrion:sidebar-highlight","t":"Sidebar highlight","d":"A dot travels to whatever you pick and takes on its section colour, which then wipes acros","s":"xevrion","c":"navigation/sidebar","hc":1},{"id":"xevrion:payment-card","t":"Payment card","d":"Floods with the card network's colours from the corner the moment the first digits give it","s":"xevrion","c":"data-display/card","sb":"Payment","hc":1},{"id":"xevrion:sidebar-submenu","t":"Sidebar sub menu","d":"Opens one section at a time and lights the branch from the title down to the item you are ","s":"xevrion","c":"navigation/sidebar","hc":1},{"id":"xevrion:floating-action-menu","t":"Floating action menu","d":"The plus folds away and its actions unfold upward out of the spot it sat in, over a froste","s":"xevrion","c":"navigation/menu","tg":["glass"],"sy":["glass"],"hc":1},{"id":"xevrion:push-lock-button","t":"Push lock button","d":"Bottoms out while you hold it, catches halfway when you let go and lights the lamp, and sp","s":"xevrion","c":"actions/button","hc":1},{"id":"xevrion:qr-reveal","t":"QR reveal","d":"The code leaves the button as a cloud of ink dust that billows up and settles, grain by gr","s":"xevrion","c":"data-display/card","hc":1},{"id":"xevrion:wallet-cards","t":"Wallet cards","d":"Tap the cards peeking out of the home screen and the front one lifts into a carousel as th","s":"xevrion","c":"data-display/card","sb":"Payment","hc":1},{"id":"xevrion:clock-field","t":"Clock field","d":"A field of clocks whose hands turn as one, melting between a wave, a vortex, rings and a f","s":"xevrion","c":"inputs/form-field","tg":["playful"],"sy":["playful"],"hc":1},{"id":"xevrion:x-walkers","t":"X walkers","d":"X marks crawl across a field of dots, reaching their arms to the next dot and dragging the","s":"xevrion","c":"inputs/form-field","hc":1},{"id":"xevrion:glass-lens","t":"Glass lens","d":"A ball of glass rides over the words and magnifies whatever it passes; press and the whole","s":"xevrion","c":"media/gallery","tg":["glass"],"sb":"Zoom and lens","sy":["glass"],"hc":1},{"id":"xevrion:orbit-gallery","t":"Orbit gallery","d":"Small photographs turn slowly round a name; hover one and the ring stops and makes room, c","s":"xevrion","c":"media/gallery","hc":1},{"id":"xevrion:binary-year","t":"Binary year","d":"A year written in binary; reach for it and a wave runs in from the right, the leading digi","k":"motion","s":"xevrion","c":"motion/text-effect","hc":1},{"id":"xevrion:gooey-menu","t":"Gooey menu","d":"One small button that opens three ways, all made of the same liquid: a menu that pulls fre","s":"xevrion","c":"navigation/menu","tg":["webgl"],"sy":["webgl"],"hc":1},{"id":"yukihi:design-system-styles","t":"Design System Styles","d":"Design tokens, Tailwind v4 theme mappings, and shared component rules.","k":"theme","s":"yukihi","c":"themes/style"},{"id":"yukihi:utils","t":"Utilities","d":"Class-name utility.","k":"lib","s":"yukihi","c":"lib/utility","sb":"Class helpers","hc":1},{"id":"yukihi:use-mobile","t":"Mobile Hook","d":"Responsive mobile-state hook.","k":"lib","s":"yukihi","c":"lib/hook","hc":1},{"id":"yukihi:accordion","t":"Accordion","d":"Design system ui component.","s":"yukihi","c":"data-display/accordion","hc":1},{"id":"yukihi:alert-dialog","t":"Alert dialog","d":"Design system ui component.","s":"yukihi","c":"overlays/dialog","sb":"Confirm","hc":1},{"id":"yukihi:alert","t":"Alert","d":"Design system ui component.","s":"yukihi","c":"overlays/alert-banner","hc":1},{"id":"yukihi:avatar","t":"Avatar","d":"Design system ui component.","s":"yukihi","c":"data-display/avatar","hc":1},{"id":"yukihi:badge","t":"Badge","d":"Design system ui component.","s":"yukihi","c":"data-display/badge","hc":1},{"id":"yukihi:breadcrumb","t":"Breadcrumb","d":"Design system ui component.","s":"yukihi","c":"navigation/breadcrumb","hc":1},{"id":"yukihi:button","t":"Button","d":"Design system ui component.","s":"yukihi","c":"actions/button","hc":1},{"id":"yukihi:calendar","t":"Calendar","d":"Design system ui component.","s":"yukihi","c":"data-display/calendar","hc":1},{"id":"yukihi:card","t":"Card","d":"Design system ui component.","s":"yukihi","c":"data-display/card","hc":1},{"id":"yukihi:checkbox","t":"Checkbox","d":"Design system ui component.","s":"yukihi","c":"inputs/checkbox","hc":1},{"id":"yukihi:collapsible","t":"Collapsible","d":"Design system ui component.","s":"yukihi","c":"data-display/accordion","hc":1},{"id":"yukihi:combobox","t":"Combobox","d":"Design system ui component.","s":"yukihi","c":"inputs/combobox","hc":1},{"id":"yukihi:date-picker","t":"Date picker","d":"Design system ui component.","s":"yukihi","c":"inputs/date-picker","hc":1},{"id":"yukihi:dialog","t":"Dialog","d":"Design system ui component.","s":"yukihi","c":"overlays/dialog","hc":1},{"id":"yukihi:dropdown-menu","t":"Dropdown menu","d":"Design system ui component.","s":"yukihi","c":"navigation/menu","sb":"Dropdowns","hc":1},{"id":"yukihi:file-upload","t":"File upload","d":"Design system ui component.","s":"yukihi","c":"inputs/file-upload","hc":1},{"id":"yukihi:icon-button","t":"Icon button","d":"Design system ui component.","s":"yukihi","c":"actions/button","sb":"Icon buttons","hc":1},{"id":"yukihi:input","t":"Input","d":"Design system ui component.","s":"yukihi","c":"inputs/form-field","vn":1,"hc":1},{"id":"yukihi:label","t":"Label","d":"Design system ui component.","s":"yukihi","c":"inputs/form-field","sb":"Animated fields","hc":1},{"id":"yukihi:navigation-menu","t":"Navigation menu","d":"Design system ui component.","s":"yukihi","c":"navigation/top-nav","sb":"Mega menus","hc":1},{"id":"yukihi:pagination","t":"Pagination","d":"Design system ui component.","s":"yukihi","c":"navigation/pagination","hc":1},{"id":"yukihi:popover","t":"Popover","d":"Design system ui component.","s":"yukihi","c":"overlays/popover","hc":1},{"id":"yukihi:progress","t":"Progress","d":"Design system ui component.","s":"yukihi","c":"data-viz/progress-bar","hc":1},{"id":"yukihi:radio-group","t":"Radio group","d":"Design system ui component.","s":"yukihi","c":"inputs/radio","hc":1},{"id":"yukihi:select","t":"Select","d":"Design system ui component.","s":"yukihi","c":"inputs/select","hc":1},{"id":"yukihi:separator","t":"Separator","d":"Design system ui component.","k":"layout","s":"yukihi","c":"layout/page-shell","hc":1},{"id":"yukihi:sheet","t":"Sheet","d":"Design system ui component.","s":"yukihi","c":"overlays/sheet","hc":1},{"id":"yukihi:sidebar","t":"Sidebar","d":"Design system ui component.","s":"yukihi","c":"navigation/sidebar","hc":1},{"id":"yukihi:skeleton","t":"Skeleton","d":"Design system ui component.","s":"yukihi","c":"status/skeleton","hc":1},{"id":"yukihi:slider","t":"Slider","d":"Design system ui component.","s":"yukihi","c":"inputs/slider","hc":1},{"id":"yukihi:sonner","t":"Sonner","d":"Design system ui component.","s":"yukihi","c":"overlays/toast","hc":1},{"id":"yukihi:spinner","t":"Spinner","d":"Design system ui component.","s":"yukihi","c":"status/loader","sb":"Spinners","hc":1},{"id":"yukihi:switch","t":"Switch","d":"Design system ui component.","s":"yukihi","c":"actions/switch","hc":1},{"id":"yukihi:table","t":"Table","d":"Design system ui component.","s":"yukihi","c":"data-display/table","hc":1},{"id":"yukihi:tabs","t":"Tabs","d":"Design system ui component.","s":"yukihi","c":"navigation/tabs","hc":1},{"id":"yukihi:textarea","t":"Textarea","d":"Design system ui component.","s":"yukihi","c":"inputs/textarea","hc":1},{"id":"yukihi:toast","t":"Toast","d":"Design system ui component.","s":"yukihi","c":"overlays/toast","hc":1},{"id":"yukihi:toggle","t":"Toggle","d":"Design system ui component.","s":"yukihi","c":"actions/switch","vn":1,"hc":1},{"id":"yukihi:tooltip","t":"Tooltip","d":"Design system ui component.","s":"yukihi","c":"overlays/tooltip","hc":1},{"id":"yukihi:theme-provider","t":"Design Theme Provider","d":"Scoped theme and portal color inheritance.","s":"yukihi","c":"other/other","hc":1},{"id":"yukihi:assistant-card","t":"Assistant card","d":"Design system character component.","s":"yukihi","c":"ai-agent/ai-agent","hc":1},{"id":"yukihi:empty-state","t":"Empty state","d":"Design system character component.","s":"yukihi","c":"data-display/empty-state","hc":1},{"id":"yukihi:friendly-tooltip","t":"Friendly tooltip","d":"Design system character component.","s":"yukihi","c":"overlays/tooltip","hc":1},{"id":"yukihi:message-bubble","t":"Message bubble","d":"Design system character component.","s":"yukihi","c":"ai-agent/ai-agent","sb":"Chat","hc":1},{"id":"yukihi:soft-notice","t":"Soft notice","d":"Design system character component.","s":"yukihi","c":"overlays/alert-banner","hc":1},{"id":"yukihi:suggestion-chip","t":"Suggestion chip","d":"Design system character component.","s":"yukihi","c":"data-display/badge","sb":"Tags and pills","hc":1},{"id":"yukihi:character-icons","t":"Dynamic Character Icons","d":"Dynamic six-direction character/status API and all approved artwork variants.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:app-shell","t":"App shell","d":"Design system patterns component.","k":"layout","s":"yukihi","c":"layout/dashboard","hc":1},{"id":"yukihi:assistant-panel","t":"Assistant panel","d":"Design system patterns component.","s":"yukihi","c":"ai-agent/ai-agent","hc":1},{"id":"yukihi:data-table","t":"Data table","d":"Design system patterns component.","s":"yukihi","c":"data-display/table","sb":"Data tables","hc":1},{"id":"yukihi:error-state","t":"Error state","d":"Design system patterns component.","s":"yukihi","c":"other/other","hc":1},{"id":"yukihi:form-field","t":"Form field","d":"Design system patterns component.","s":"yukihi","c":"inputs/form-field","sb":"Whole forms","hc":1},{"id":"yukihi:loading-state","t":"Loading state","d":"Design system patterns component.","s":"yukihi","c":"status/loader","hc":1},{"id":"yukihi:page-header","t":"Page header","d":"Design system patterns component.","s":"yukihi","c":"navigation/top-nav","hc":1},{"id":"yukihi:search-field","t":"Search field","d":"Design system patterns component.","s":"yukihi","c":"inputs/search","hc":1},{"id":"yukihi:settings-section","t":"Settings section","d":"Design system patterns component.","k":"layout","s":"yukihi","c":"flows/settings","hc":1},{"id":"yukihi:table-toolbar","t":"Table toolbar","d":"Design system patterns component.","s":"yukihi","c":"navigation/menu","sb":"Menubars","hc":1},{"id":"yukihi:icon-frame","t":"Icon Frame","d":"Shared frame for approved SVG artwork.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:assembly-document-feature-icon","t":"AssemblyDocumentFeatureIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:assembly-history-feature-icon","t":"AssemblyHistoryFeatureIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:assembly-idea-feature-icon","t":"AssemblyIdeaFeatureIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:assembly-saved-status-icon","t":"AssemblySavedStatusIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:assembly-success-character-icon","t":"AssemblySuccessCharacterIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:assembly-thinking-character-icon","t":"AssemblyThinkingCharacterIcon","d":"Approved standalone SVG icon.","s":"yukihi","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"yukihi:assembly-thinking-status-icon","t":"AssemblyThinkingStatusIcon","d":"Approved standalone SVG icon.","s":"yukihi","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"yukihi:assembly-welcome-character-icon","t":"AssemblyWelcomeCharacterIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:fold-document-feature-icon","t":"FoldDocumentFeatureIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:fold-history-feature-icon","t":"FoldHistoryFeatureIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:fold-idea-feature-icon","t":"FoldIdeaFeatureIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:fold-saved-status-icon","t":"FoldSavedStatusIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:fold-success-character-icon","t":"FoldSuccessCharacterIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:fold-thinking-character-icon","t":"FoldThinkingCharacterIcon","d":"Approved standalone SVG icon.","s":"yukihi","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"yukihi:fold-thinking-status-icon","t":"FoldThinkingStatusIcon","d":"Approved standalone SVG icon.","s":"yukihi","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"yukihi:fold-welcome-character-icon","t":"FoldWelcomeCharacterIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:impress-document-feature-icon","t":"ImpressDocumentFeatureIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:impress-history-feature-icon","t":"ImpressHistoryFeatureIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:impress-idea-feature-icon","t":"ImpressIdeaFeatureIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:impress-saved-status-icon","t":"ImpressSavedStatusIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:impress-success-character-icon","t":"ImpressSuccessCharacterIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:impress-thinking-character-icon","t":"ImpressThinkingCharacterIcon","d":"Approved standalone SVG icon.","s":"yukihi","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"yukihi:impress-thinking-status-icon","t":"ImpressThinkingStatusIcon","d":"Approved standalone SVG icon.","s":"yukihi","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"yukihi:impress-welcome-character-icon","t":"ImpressWelcomeCharacterIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:ink-document-feature-icon","t":"InkDocumentFeatureIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:ink-history-feature-icon","t":"InkHistoryFeatureIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:ink-idea-feature-icon","t":"InkIdeaFeatureIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:ink-saved-status-icon","t":"InkSavedStatusIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:ink-success-character-icon","t":"InkSuccessCharacterIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:ink-thinking-character-icon","t":"InkThinkingCharacterIcon","d":"Approved standalone SVG icon.","s":"yukihi","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"yukihi:ink-thinking-status-icon","t":"InkThinkingStatusIcon","d":"Approved standalone SVG icon.","s":"yukihi","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"yukihi:ink-welcome-character-icon","t":"InkWelcomeCharacterIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:monolith-document-feature-icon","t":"MonolithDocumentFeatureIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:monolith-history-feature-icon","t":"MonolithHistoryFeatureIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:monolith-idea-feature-icon","t":"MonolithIdeaFeatureIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:monolith-saved-status-icon","t":"MonolithSavedStatusIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:monolith-success-character-icon","t":"MonolithSuccessCharacterIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:monolith-thinking-character-icon","t":"MonolithThinkingCharacterIcon","d":"Approved standalone SVG icon.","s":"yukihi","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"yukihi:monolith-thinking-status-icon","t":"MonolithThinkingStatusIcon","d":"Approved standalone SVG icon.","s":"yukihi","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"yukihi:monolith-welcome-character-icon","t":"MonolithWelcomeCharacterIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:orbit-document-feature-icon","t":"OrbitDocumentFeatureIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:orbit-history-feature-icon","t":"OrbitHistoryFeatureIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:orbit-idea-feature-icon","t":"OrbitIdeaFeatureIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:orbit-saved-status-icon","t":"OrbitSavedStatusIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:orbit-success-character-icon","t":"OrbitSuccessCharacterIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:orbit-thinking-character-icon","t":"OrbitThinkingCharacterIcon","d":"Approved standalone SVG icon.","s":"yukihi","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"yukihi:orbit-thinking-status-icon","t":"OrbitThinkingStatusIcon","d":"Approved standalone SVG icon.","s":"yukihi","c":"ai-agent/ai-agent","sb":"Reasoning and tools","hc":1},{"id":"yukihi:orbit-welcome-character-icon","t":"OrbitWelcomeCharacterIcon","d":"Approved standalone SVG icon.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:icons","t":"All Approved Icons","d":"Barrel exports for all approved standalone SVG icons.","k":"resource","s":"yukihi","c":"assets/icon","hc":1},{"id":"yukihi:design-system","t":"Complete Design System","d":"All Foundation, Character, Pattern, and approved icon items.","k":"theme","s":"yukihi","c":"themes/style"},{"id":"zenoadmin:editor","t":"Editor","d":"A rich text editor built on Lexical with plugins, nodes, extensions, and toolbar support.","s":"zenoadmin","c":"inputs/textarea","hc":1},{"id":"zippystarter:index","t":"Index","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:avatars","t":"Avatars","k":"lib","s":"zippystarter","c":"lib/utility","hc":1},{"id":"zippystarter:font-geist","t":"Font Geist","d":"Geist font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-karla","t":"Font Karla","d":"Karla font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-inter","t":"Font Inter","d":"Inter font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-inter-tight","t":"Font Inter Tight","d":"Inter Tight font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-mona-sans","t":"Font Mona Sans","d":"Mona Sans font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-roboto","t":"Font Roboto","d":"Roboto font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-open-sans","t":"Font Open Sans","d":"Open Sans font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-lato","t":"Font Lato","d":"Lato font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-poppins","t":"Font Poppins","d":"Poppins font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-source-sans-pro","t":"Font Source Sans Pro","d":"Source Sans Pro font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-nunito","t":"Font Nunito","d":"Nunito font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-figtree","t":"Font Figtree","d":"Figtree font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-host-grotesk","t":"Font Host Grotesk","d":"Host Grotesk font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-space-grotesk","t":"Font Space Grotesk","d":"Space Grotesk font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-montserrat","t":"Font Montserrat","d":"Montserrat font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-raleway","t":"Font Raleway","d":"Raleway font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-noto-sans","t":"Font Noto Sans","d":"Noto Sans font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-work-sans","t":"Font Work Sans","d":"Work Sans font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-roboto-flex","t":"Font Roboto Flex","d":"Roboto Flex font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-merriweather","t":"Font Merriweather","d":"Merriweather font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-lora","t":"Font Lora","d":"Lora font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-eb-garamond","t":"Font Eb Garamond","d":"EB Garamond font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-playfair-display","t":"Font Playfair Display","d":"Playfair Display font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-instrument-serif","t":"Font Instrument Serif","d":"Instrument Serif font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-source-serif-pro","t":"Font Source Serif Pro","d":"Source Serif Pro font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-crimson-text","t":"Font Crimson Text","d":"Crimson Text font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-oswald","t":"Font Oswald","d":"Oswald font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-bebas-neue","t":"Font Bebas Neue","d":"Bebas Neue font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-anton","t":"Font Anton","d":"Anton font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-righteous","t":"Font Righteous","d":"Righteous font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-geist-mono","t":"Font Geist Mono","d":"Geist Mono font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-jetbrains-mono","t":"Font Jetbrains Mono","d":"JetBrains Mono font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-roboto-mono","t":"Font Roboto Mono","d":"Roboto Mono font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-source-code-pro","t":"Font Source Code Pro","d":"Source Code Pro font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-fira-code","t":"Font Fira Code","d":"Fira Code font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-ibm-plex-mono","t":"Font Ibm Plex Mono","d":"IBM Plex Mono font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-courier-prime","t":"Font Courier Prime","d":"Courier Prime font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-dancing-script","t":"Font Dancing Script","d":"Dancing Script font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-pacifico","t":"Font Pacifico","d":"Pacifico font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:font-indie-flower","t":"Font Indie Flower","d":"Indie Flower font from Google Fonts","k":"resource","s":"zippystarter","c":"assets/font","tg":["webgl"],"sy":["webgl"]},{"id":"zippystarter:avatar","t":"Avatar","d":"Circular Avatar","s":"zippystarter","c":"data-display/avatar","hc":1},{"id":"zippystarter:image","t":"Image","d":"An image element you can use with any framework","s":"zippystarter","c":"media/gallery","hc":1},{"id":"zippystarter:link","t":"Link","d":"A link element you can use with any framework","s":"zippystarter","c":"actions/link","hc":1},{"id":"zippystarter:container","t":"Container","d":"A container component to apply a consistent layout","s":"zippystarter","c":"data-display/card","hc":1},{"id":"zippystarter:ghibli","t":"Ghibli","d":"A theme based on the Ghibli color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:focus","t":"Focus","d":"A theme based on the Focus color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:nimble","t":"Nimble","d":"A theme based on the Nimble color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:starbucks","t":"Starbucks","d":"A theme based on the Starbucks color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:skyline","t":"Skyline","d":"A theme based on the Skyline color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:bourbon","t":"Bourbon","d":"A theme based on the Bourbon color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:pumpkin-spice","t":"Pumpkin Spice","d":"A theme based on the Pumpkin Spice color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:catppuccin","t":"Catppuccin","d":"A theme based on the Catppuccin color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:monokai","t":"Monokai","d":"A theme based on the Monokai color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:neon-dreams","t":"Neon Dreams","d":"A theme based on the Neon Dreams color palette","k":"theme","s":"zippystarter","c":"themes/style","tg":["neon"],"sy":["neon"]},{"id":"zippystarter:desert-mirage","t":"Desert Mirage","d":"A theme based on the Desert Mirage color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:neon-void","t":"Neon Void","d":"A theme based on the Neon Void color palette","k":"theme","s":"zippystarter","c":"themes/style","tg":["neon"],"sy":["neon"]},{"id":"zippystarter:netflix","t":"Netflix","d":"A theme based on the Netflix color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:vercel","t":"Vercel","d":"A theme based on the Vercel color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:rose","t":"Rose","d":"A theme based on the Rose color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:blue","t":"Blue","d":"A theme based on the Blue color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:green","t":"Green","d":"A theme based on the Green color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:amber","t":"Amber","d":"A theme based on the Amber color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:purple","t":"Purple","d":"A theme based on the Purple color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:orange","t":"Orange","d":"A theme based on the Orange color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:teal","t":"Teal","d":"A theme based on the Teal color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:red","t":"Red","d":"A theme based on the Red color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:yellow","t":"Yellow","d":"A theme based on the Yellow color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:violet","t":"Violet","d":"A theme based on the Violet color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:cyan","t":"Cyan","d":"A theme based on the Cyan color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:emerald","t":"Emerald","d":"A theme based on the Emerald color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:indigo","t":"Indigo","d":"A theme based on the Indigo color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:lime","t":"Lime","d":"A theme based on the Lime color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:pink","t":"Pink","d":"A theme based on the Pink color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:sky","t":"Sky","d":"A theme based on the Sky color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"zippystarter:fuchsia","t":"Fuchsia","d":"A theme based on the Fuchsia color palette","k":"theme","s":"zippystarter","c":"themes/style"},{"id":"animata:ai-button","t":"Ai button","s":"animata","c":"ai-agent/ai-agent"},{"id":"animata:alarm-clock","t":"Alarm clock","s":"animata","c":"other/other"},{"id":"animata:algolia-blue-button","t":"Algolia blue button","s":"animata","c":"actions/button"},{"id":"animata:algolia-white-button","t":"Algolia white button","s":"animata","c":"actions/button"},{"id":"animata:animated-beam","t":"Animated beam","k":"motion","s":"animata","c":"motion/background","sb":"Beams and light"},{"id":"animata:animated-border-trail","t":"Animated border trail","k":"motion","s":"animata","c":"motion/border"},{"id":"animata:animated-follow-button","t":"Animated follow button","s":"animata","c":"actions/button","sb":"Copy, share and like"},{"id":"animata:animated-gradient-text","t":"Animated gradient text","k":"motion","s":"animata","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"]},{"id":"animata:animated-react-buttons","t":"Animated react buttons","s":"animata","c":"actions/button","sb":"Animated"},{"id":"animata:animated-react-text-effects","t":"Animated react text effects","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:animatedtimeline","t":"Animatedtimeline","s":"animata","c":"data-viz/progress-bar"},{"id":"animata:announcement-ribbon","t":"Announcement ribbon","k":"section","s":"animata","c":"marketing/announcement"},{"id":"animata:avatar-list","t":"Avatar list","s":"animata","c":"data-display/avatar"},{"id":"animata:bar-chart","t":"Bar chart","s":"animata","c":"data-viz/chart","sb":"Bar"},{"id":"animata:battery","t":"Battery","s":"animata","c":"status/status-dot"},{"id":"animata:battery-level","t":"Battery level","s":"animata","c":"status/status-dot"},{"id":"animata:blur-out-up","t":"Blur out up","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:blurry-blob","t":"Blurry blob","k":"resource","s":"animata","c":"assets/shape"},{"id":"animata:boids-ecosystem","t":"Boids ecosystem","k":"motion","s":"animata","c":"motion/background"},{"id":"animata:bold-copy","t":"Bold copy","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:bottom-up-letters","t":"Bottom up letters","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:calendar-event","t":"Calendar event","s":"animata","c":"data-display/calendar"},{"id":"animata:calorie-counter","t":"Calorie counter","k":"motion","s":"animata","c":"motion/number-ticker"},{"id":"animata:card-comment","t":"Card comment","s":"animata","c":"data-display/card"},{"id":"animata:card-spread","t":"Card spread","s":"animata","c":"data-display/card"},{"id":"animata:card-stack","t":"Card stack","s":"animata","c":"media/card-stack"},{"id":"animata:case-study-card","t":"Case study card","k":"section","s":"animata","c":"marketing/marketing","sb":"Portfolio"},{"id":"animata:circular-text","t":"Circular text","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:clock-with-photo","t":"Clock with photo","s":"animata","c":"media/gallery"},{"id":"animata:code","t":"Code","s":"animata","c":"status/skeleton"},{"id":"animata:collab-card","t":"Collab card","s":"animata","c":"data-display/card"},{"id":"animata:cookie-banner","t":"Cookie banner","s":"animata","c":"overlays/alert-banner"},{"id":"animata:counter","t":"Counter","k":"motion","s":"animata","c":"motion/number-ticker"},{"id":"animata:cursor-tracker","t":"Cursor tracker","k":"motion","s":"animata","c":"motion/cursor"},{"id":"animata:cycle-text","t":"Cycle text","k":"motion","s":"animata","c":"motion/text-effect","sb":"Rotating words"},{"id":"animata:cycling","t":"Cycling","s":"animata","c":"other/other"},{"id":"animata:delivery-card","t":"Delivery card","s":"animata","c":"data-display/card"},{"id":"animata:diagonal-lines","t":"Diagonal lines","k":"motion","s":"animata","c":"motion/background","sb":"Beams and light"},{"id":"animata:direction-card","t":"Direction card","s":"animata","c":"data-display/card"},{"id":"animata:disclose-image","t":"Disclose image","s":"animata","c":"media/gallery"},{"id":"animata:donut-chart","t":"Donut chart","s":"animata","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"animata:dot","t":"Dot","k":"motion","s":"animata","c":"motion/background"},{"id":"animata:double-underline","t":"Double underline","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:duolingo","t":"Duolingo","s":"animata","c":"actions/button"},{"id":"animata:eight","t":"Eight","k":"layout","s":"animata","c":"layout/bento-grid"},{"id":"animata:expense-tracker","t":"Expense tracker","s":"animata","c":"data-display/stat"},{"id":"animata:fade-through","t":"Fade through","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:flight-widget","t":"Flight widget","s":"animata","c":"data-display/card"},{"id":"animata:flip-card","t":"Flip card","s":"animata","c":"data-display/card"},{"id":"animata:flipping-cards","t":"Flipping cards","s":"animata","c":"data-display/card","sb":"Animated and glowing"},{"id":"animata:flower-menu","t":"Flower menu","s":"animata","c":"navigation/menu"},{"id":"animata:fluid-tabs","t":"Fluid tabs","s":"animata","c":"navigation/tabs"},{"id":"animata:focus-blur-resolve","t":"Focus blur resolve","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:fund-widget","t":"Fund widget","s":"animata","c":"data-display/card","tg":["playful"],"sy":["playful"]},{"id":"animata:gauge-chart","t":"Gauge chart","s":"animata","c":"data-viz/chart"},{"id":"animata:get-started-button","t":"Get started button","s":"animata","c":"actions/button"},{"id":"animata:gibberish-text","t":"Gibberish text","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:github-card-shiny","t":"Github card shiny","s":"animata","c":"data-display/card"},{"id":"animata:github-card-skew","t":"Github card skew","s":"animata","c":"data-display/card"},{"id":"animata:glitch-text","t":"Glitch text","k":"motion","s":"animata","c":"motion/text-effect","sb":"Scramble and glitch"},{"id":"animata:glowing-card","t":"Glowing card","s":"animata","c":"data-display/card","tg":["neon"],"sb":"Animated and glowing","sy":["neon"]},{"id":"animata:gooey-tabs","t":"Gooey tabs","s":"animata","c":"navigation/tabs"},{"id":"animata:gradient","t":"Gradient","k":"motion","s":"animata","c":"motion/gradient","tg":["gradient"],"sy":["gradient"]},{"id":"animata:grid","t":"Grid","k":"motion","s":"animata","c":"motion/background"},{"id":"animata:hero-section-text-hover","t":"Hero section text hover","k":"section","s":"animata","c":"marketing/hero","sb":"Centered and minimal"},{"id":"animata:hover-interaction","t":"Hover interaction","k":"resource","s":"animata","c":"assets/icon"},{"id":"animata:icon-ripple","t":"Icon ripple","k":"resource","s":"animata","c":"assets/icon"},{"id":"animata:images-reveal","t":"Images reveal","s":"animata","c":"media/gallery"},{"id":"animata:interactive-grid","t":"Interactive grid","k":"motion","s":"animata","c":"motion/background"},{"id":"animata:jitter-text","t":"Jitter text","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:jumping-text-instagram","t":"Jumping text instagram","k":"motion","s":"animata","c":"motion/text-effect","sb":"Bouncy and wavy"},{"id":"animata:kinetic-center-build","t":"Kinetic center build","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:led-board","t":"Led board","s":"animata","c":"data-display/kanban"},{"id":"animata:line-by-line-slide","t":"Line by line slide","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:list","t":"List","s":"animata","c":"data-display/list"},{"id":"animata:live-score","t":"Live score","s":"animata","c":"data-display/stat"},{"id":"animata:marquee","t":"Marquee","k":"motion","s":"animata","c":"motion/marquee"},{"id":"animata:mask-reveal-up","t":"Mask reveal up","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:menu-animation","t":"Menu animation","s":"animata","c":"navigation/menu"},{"id":"animata:metis-text","t":"Metis text","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:micro-scale-fade","t":"Micro scale fade","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:mirror-text","t":"Mirror text","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:mobile-detail","t":"Mobile detail","s":"animata","c":"data-display/card"},{"id":"animata:modal","t":"Modal","s":"animata","c":"overlays/dialog"},{"id":"animata:moving-gradient","t":"Moving gradient","k":"motion","s":"animata","c":"motion/gradient","tg":["gradient"],"sy":["gradient"]},{"id":"animata:music-widget","t":"Music widget","s":"animata","c":"media/player"},{"id":"animata:notes","t":"Notes","s":"animata","c":"data-display/code-block"},{"id":"animata:orbiting-items","t":"Orbiting items","s":"animata","c":"data-display/list"},{"id":"animata:orbiting-items-3-d","t":"Orbiting items 3 d","s":"animata","c":"data-display/list"},{"id":"animata:per-character-rise","t":"Per character rise","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:per-word-crossfade","t":"Per word crossfade","k":"motion","s":"animata","c":"motion/text-effect","sb":"Reveal and entrance"},{"id":"animata:product-features","t":"Product features","k":"section","s":"animata","c":"marketing/features"},{"id":"animata:profile","t":"Profile","s":"animata","c":"data-display/profile"},{"id":"animata:progress","t":"Progress","s":"animata","c":"data-viz/progress-bar"},{"id":"animata:receipt","t":"Receipt","s":"animata","c":"status/skeleton"},{"id":"animata:reminder","t":"Reminder","s":"animata","c":"other/other"},{"id":"animata:reminder-widget","t":"Reminder widget","s":"animata","c":"data-display/card"},{"id":"animata:report","t":"Report","s":"animata","c":"status/skeleton"},{"id":"animata:reveal-image","t":"Reveal image","s":"animata","c":"media/gallery"},{"id":"animata:ring-chart","t":"Ring chart","s":"animata","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"animata:ripple-button","t":"Ripple button","s":"animata","c":"actions/button","sb":"Animated"},{"id":"animata:roll-text","t":"Roll text","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:scale-down-fade","t":"Scale down fade","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:score-board","t":"Score board","s":"animata","c":"data-display/kanban"},{"id":"animata:scroll-reveal","t":"Scroll reveal","k":"layout","s":"animata","c":"layout/scroll-area"},{"id":"animata:security-alert","t":"Security alert","s":"animata","c":"overlays/alert-banner"},{"id":"animata:shape-shifter","t":"Shape shifter","k":"resource","s":"animata","c":"assets/shape"},{"id":"animata:shared-axis-y","t":"Shared axis y","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:shared-axis-z","t":"Shared axis z","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:shift-tabs","t":"Shift tabs","s":"animata","c":"navigation/tabs"},{"id":"animata:shimmer-sweep","t":"Shimmer sweep","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:shining-button","t":"Shining button","s":"animata","c":"actions/button"},{"id":"animata:shooting-stars","t":"Shooting stars","k":"motion","s":"animata","c":"motion/background","sb":"Particles and stars"},{"id":"animata:shopping-list","t":"Shopping list","s":"animata","c":"data-display/list"},{"id":"animata:short-slide-down","t":"Short slide down","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:short-slide-right","t":"Short slide right","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:sibling-focus-nav","t":"Sibling focus nav","s":"animata","c":"navigation/top-nav"},{"id":"animata:skew-image","t":"Skew image","s":"animata","c":"media/gallery"},{"id":"animata:slack-intro","t":"Slack intro","k":"section","s":"animata","c":"marketing/hero"},{"id":"animata:sleep-tracker","t":"Sleep tracker","s":"animata","c":"data-display/stat"},{"id":"animata:slide-arrow-button","t":"Slide arrow button","s":"animata","c":"actions/button"},{"id":"animata:soft-blur-in","t":"Soft blur in","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:speed-dial","t":"Speed dial","s":"animata","c":"inputs/slider"},{"id":"animata:spinner","t":"Spinner","s":"animata","c":"status/loader","sb":"Spinners"},{"id":"animata:split-reveal","t":"Split reveal","s":"animata","c":"status/loader"},{"id":"animata:split-text","t":"Split text","k":"motion","s":"animata","c":"motion/text-effect","sb":"Reveal and entrance"},{"id":"animata:spring-scale-in","t":"Spring scale in","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:stacked-sections","t":"Stacked sections","k":"layout","s":"animata","c":"layout/scroll-area"},{"id":"animata:status-button","t":"Status button","s":"animata","c":"actions/button"},{"id":"animata:storage-status","t":"Storage status","s":"animata","c":"status/status-dot"},{"id":"animata:storage-widget","t":"Storage widget","s":"animata","c":"data-display/card"},{"id":"animata:study-timer","t":"Study timer","s":"animata","c":"data-display/stat"},{"id":"animata:swap-text","t":"Swap text","k":"motion","s":"animata","c":"motion/text-effect","sb":"Rotating words"},{"id":"animata:swap-text-card","t":"Swap text card","s":"animata","c":"data-display/card"},{"id":"animata:swipe-button","t":"Swipe button","s":"animata","c":"actions/button"},{"id":"animata:text-border-animation","t":"Text border animation","k":"motion","s":"animata","c":"motion/border"},{"id":"animata:text-explode-imessage","t":"Text explode imessage","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:text-flip","t":"Text flip","k":"motion","s":"animata","c":"motion/text-effect","sb":"Rotating words"},{"id":"animata:three","t":"Three","k":"motion","s":"animata","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"animata:ticker","t":"Ticker","k":"motion","s":"animata","c":"motion/marquee"},{"id":"animata:tilted-cover","t":"Tilted cover","s":"animata","c":"media/image-compare","tg":["3d"],"sy":["3d"]},{"id":"animata:toggle-switch","t":"Toggle switch","s":"animata","c":"actions/switch"},{"id":"animata:top-down-letters","t":"Top down letters","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:trailing-image","t":"Trailing image","s":"animata","c":"media/gallery"},{"id":"animata:transaction-list","t":"Transaction list","s":"animata","c":"data-display/list"},{"id":"animata:typing-text","t":"Typing text","k":"motion","s":"animata","c":"motion/text-effect","sb":"Typewriter"},{"id":"animata:underline-hover-text","t":"Underline hover text","k":"motion","s":"animata","c":"motion/text-effect"},{"id":"animata:vertical-tiles","t":"Vertical tiles","s":"animata","c":"data-display/card"},{"id":"animata:vpn-widget","t":"Vpn widget","s":"animata","c":"data-display/card"},{"id":"animata:water-tracker","t":"Water tracker","s":"animata","c":"data-display/stat"},{"id":"animata:wave-reveal","t":"Wave reveal","k":"motion","s":"animata","c":"motion/background","sb":"Waves and warps"},{"id":"animata:weather-card","t":"Weather card","s":"animata","c":"data-display/card"},{"id":"animata:weekly-progress","t":"Weekly progress","s":"animata","c":"data-viz/progress-bar"},{"id":"animata:wide-card","t":"Wide card","s":"animata","c":"data-display/card"},{"id":"animata:work-button","t":"Work button","s":"animata","c":"actions/button"},{"id":"animata:zigzag","t":"Zigzag","k":"motion","s":"animata","c":"motion/background"},{"id":"ant-design-x:actions","t":"Actions","s":"ant-design-x","c":"ai-agent/ai-agent"},{"id":"ant-design-x:attachments","t":"Attachments","s":"ant-design-x","c":"inputs/file-upload"},{"id":"ant-design-x:bubble","t":"Bubble","s":"ant-design-x","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"ant-design-x:code-highlighter","t":"Code highlighter","s":"ant-design-x","c":"ai-agent/ai-agent"},{"id":"ant-design-x:conversations","t":"Conversations","s":"ant-design-x","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"ant-design-x:file-card","t":"File card","s":"ant-design-x","c":"data-display/card"},{"id":"ant-design-x:folder","t":"Folder","s":"ant-design-x","c":"ai-agent/ai-agent"},{"id":"ant-design-x:mermaid","t":"Mermaid","s":"ant-design-x","c":"ai-agent/ai-agent"},{"id":"ant-design-x:notification","t":"Notification","s":"ant-design-x","c":"overlays/notifications"},{"id":"ant-design-x:prompts","t":"Prompts","s":"ant-design-x","c":"ai-agent/composer"},{"id":"ant-design-x:sender","t":"Sender","s":"ant-design-x","c":"ai-agent/ai-agent"},{"id":"ant-design-x:sources","t":"Sources","s":"ant-design-x","c":"ai-agent/ai-agent","sb":"Sources"},{"id":"ant-design-x:suggestion","t":"Suggestion","s":"ant-design-x","c":"ai-agent/ai-agent"},{"id":"ant-design-x:think","t":"Think","s":"ant-design-x","c":"ai-agent/ai-agent"},{"id":"ant-design-x:thought-chain","t":"Thought chain","s":"ant-design-x","c":"ai-agent/ai-agent"},{"id":"ant-design-x:welcome","t":"Welcome","s":"ant-design-x","c":"ai-agent/ai-agent"},{"id":"ant-design-x:x-provider","t":"X provider","s":"ant-design-x","c":"ai-agent/ai-agent"},{"id":"ballmac:accordion","t":"Accordion","s":"ballmac","c":"data-display/accordion"},{"id":"ballmac:activity-feed","t":"Activity feed","s":"ballmac","c":"data-display/timeline"},{"id":"ballmac:agent-plan","t":"Agent plan","s":"ballmac","c":"ai-agent/ai-agent","sb":"Reasoning and tools"},{"id":"ballmac:ai-chat","t":"Ai chat","s":"ballmac","c":"ai-agent/ai-agent","sb":"Chat","vn":2},{"id":"ballmac:ai-chat-pro-1","t":"Ai chat pro #1","s":"ballmac","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"ballmac:ai-message","t":"Ai message","s":"ballmac","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"ballmac:ai-orb","t":"Ai orb","s":"ballmac","c":"ai-agent/ai-agent","sb":"Orbs and presence"},{"id":"ballmac:alert","t":"Alert","s":"ballmac","c":"overlays/alert-banner"},{"id":"ballmac:alert-dialog","t":"Alert dialog","s":"ballmac","c":"overlays/dialog","sb":"Confirm"},{"id":"ballmac:android-frame","t":"Android frame","s":"ballmac","c":"media/mockup"},{"id":"ballmac:animated-beam","t":"Animated beam","k":"motion","s":"ballmac","c":"motion/background","sb":"Beams and light"},{"id":"ballmac:animated-grid","t":"Animated grid","k":"motion","s":"ballmac","c":"motion/background"},{"id":"ballmac:animated-list","t":"Animated list","s":"ballmac","c":"data-display/list"},{"id":"ballmac:animated-number-flow","t":"Animated number flow","k":"motion","s":"ballmac","c":"motion/number-ticker"},{"id":"ballmac:animated-tabs","t":"Animated tabs","s":"ballmac","c":"navigation/tabs"},{"id":"ballmac:api-endpoint","t":"Api endpoint","k":"lib","s":"ballmac","c":"lib/utility"},{"id":"ballmac:api-key-field","t":"Api key field","s":"ballmac","c":"inputs/form-field"},{"id":"ballmac:app-shell","t":"App shell","k":"layout","s":"ballmac","c":"layout/dashboard","vn":1},{"id":"ballmac:app-shell-pro-1","t":"App shell pro #1","k":"layout","s":"ballmac","c":"layout/page-shell"},{"id":"ballmac:app-shell-pro-2","t":"App shell pro #2","k":"layout","s":"ballmac","c":"layout/page-shell"},{"id":"ballmac:approval-card","t":"Approval card","s":"ballmac","c":"data-display/card"},{"id":"ballmac:artifact-panel","t":"Artifact panel","s":"ballmac","c":"data-display/card"},{"id":"ballmac:aspect-ratio","t":"Aspect ratio","k":"lib","s":"ballmac","c":"lib/utility"},{"id":"ballmac:audio-player","t":"Audio player","s":"ballmac","c":"media/player"},{"id":"ballmac:aurora-background","t":"Aurora background","k":"motion","s":"ballmac","c":"motion/background","tg":["gradient"],"sb":"Gradients and aurora","sy":["gradient"]},{"id":"ballmac:auth-pro-1","t":"Auth pro #1","k":"layout","s":"ballmac","c":"flows/sign-in","sb":"Sign in"},{"id":"ballmac:auth-pro-2","t":"Auth pro #2","k":"layout","s":"ballmac","c":"flows/sign-in","sb":"Sign in"},{"id":"ballmac:auth-pro-3","t":"Auth pro #3","k":"layout","s":"ballmac","c":"flows/sign-in","sb":"Sign in"},{"id":"ballmac:auth-pro-4","t":"Auth pro #4","k":"layout","s":"ballmac","c":"flows/sign-in","sb":"Sign in"},{"id":"ballmac:auth-pro-5","t":"Auth pro #5","k":"layout","s":"ballmac","c":"flows/sign-in","sb":"Sign in"},{"id":"ballmac:auth-pro-6","t":"Auth pro #6","k":"layout","s":"ballmac","c":"flows/sign-in","sb":"Sign in"},{"id":"ballmac:avatar","t":"Avatar","s":"ballmac","c":"data-display/avatar"},{"id":"ballmac:avatar-circles","t":"Avatar circles","s":"ballmac","c":"data-display/avatar"},{"id":"ballmac:avatar-stack","t":"Avatar stack","s":"ballmac","c":"data-display/avatar"},{"id":"ballmac:back-to-top","t":"Back to top","s":"ballmac","c":"actions/button"},{"id":"ballmac:badge","t":"Badge","s":"ballmac","c":"data-display/badge"},{"id":"ballmac:banner","t":"Banner","s":"ballmac","c":"overlays/alert-banner"},{"id":"ballmac:beams-background","t":"Beams background","k":"motion","s":"ballmac","c":"motion/background","sb":"Beams and light"},{"id":"ballmac:bento-grid","t":"Bento grid","k":"layout","s":"ballmac","c":"layout/bento-grid"},{"id":"ballmac:billing-1","t":"Billing #1","k":"section","s":"ballmac","c":"marketing/pricing"},{"id":"ballmac:billing-2","t":"Billing #2","k":"section","s":"ballmac","c":"marketing/pricing"},{"id":"ballmac:billing-card","t":"Billing card","s":"ballmac","c":"data-display/card"},{"id":"ballmac:billing-pro-1","t":"Billing pro #1","k":"section","s":"ballmac","c":"marketing/pricing"},{"id":"ballmac:blog-1","t":"Blog #1","k":"section","s":"ballmac","c":"marketing/marketing","sb":"Blog and posts"},{"id":"ballmac:blog-post-1","t":"Blog post #1","k":"section","s":"ballmac","c":"marketing/marketing","sb":"Blog and posts"},{"id":"ballmac:blog-pro-1","t":"Blog pro #1","k":"section","s":"ballmac","c":"marketing/marketing","sb":"Blog and posts"},{"id":"ballmac:blog-pro-2","t":"Blog pro #2","k":"section","s":"ballmac","c":"marketing/marketing","sb":"Blog and posts"},{"id":"ballmac:blog-pro-3","t":"Blog pro #3","k":"section","s":"ballmac","c":"marketing/marketing","sb":"Blog and posts"},{"id":"ballmac:blog-pro-4","t":"Blog pro #4","k":"section","s":"ballmac","c":"marketing/marketing","sb":"Blog and posts"},{"id":"ballmac:blog-pro-5","t":"Blog pro #5","k":"section","s":"ballmac","c":"marketing/marketing","sb":"Blog and posts"},{"id":"ballmac:blog-pro-6","t":"Blog pro #6","k":"section","s":"ballmac","c":"marketing/marketing","sb":"Blog and posts"},{"id":"ballmac:blog-pro-7","t":"Blog pro #7","k":"section","s":"ballmac","c":"marketing/marketing","sb":"Blog and posts"},{"id":"ballmac:blog-pro-8","t":"Blog pro #8","k":"section","s":"ballmac","c":"marketing/marketing","sb":"Blog and posts"},{"id":"ballmac:blog-pro-9","t":"Blog pro #9","k":"section","s":"ballmac","c":"marketing/marketing","sb":"Blog and posts"},{"id":"ballmac:blur-fade","t":"Blur fade","k":"motion","s":"ballmac","c":"motion/text-effect"},{"id":"ballmac:border-beam","t":"Border beam","k":"motion","s":"ballmac","c":"motion/border"},{"id":"ballmac:breadcrumb","t":"Breadcrumb","s":"ballmac","c":"navigation/breadcrumb"},{"id":"ballmac:browser-frame","t":"Browser frame","s":"ballmac","c":"media/mockup"},{"id":"ballmac:button","t":"Button","s":"ballmac","c":"actions/button"},{"id":"ballmac:button-group","t":"Button group","s":"ballmac","c":"actions/button","sb":"Groups and split"},{"id":"ballmac:calendar","t":"Calendar","s":"ballmac","c":"data-display/calendar","vn":1},{"id":"ballmac:calendar-agenda","t":"Calendar agenda","s":"ballmac","c":"data-display/calendar"},{"id":"ballmac:calendar-pro-1","t":"Calendar pro #1","s":"ballmac","c":"data-display/calendar"},{"id":"ballmac:callout","t":"Callout","s":"ballmac","c":"overlays/alert-banner"},{"id":"ballmac:card","t":"Card","s":"ballmac","c":"data-display/card"},{"id":"ballmac:careers-1","t":"Careers #1","k":"section","s":"ballmac","c":"marketing/marketing","sb":"Careers"},{"id":"ballmac:careers-pro-1","t":"Careers pro #1","k":"section","s":"ballmac","c":"marketing/marketing","sb":"Careers"},{"id":"ballmac:carousel","t":"Carousel","s":"ballmac","c":"media/carousel"},{"id":"ballmac:changelog-1","t":"Changelog #1","k":"section","s":"ballmac","c":"marketing/marketing"},{"id":"ballmac:changelog-feed","t":"Changelog feed","s":"ballmac","c":"data-display/timeline"},{"id":"ballmac:changelog-pro-1","t":"Changelog pro #1","k":"section","s":"ballmac","c":"marketing/marketing"},{"id":"ballmac:changelog-pro-2","t":"Changelog pro #2","k":"section","s":"ballmac","c":"marketing/marketing"},{"id":"ballmac:changelog-pro-3","t":"Changelog pro #3","k":"section","s":"ballmac","c":"marketing/marketing"},{"id":"ballmac:chart","t":"Chart","s":"ballmac","c":"data-viz/chart"},{"id":"ballmac:chat-attachment","t":"Chat attachment","s":"ballmac","c":"inputs/file-upload"},{"id":"ballmac:checkbox","t":"Checkbox","s":"ballmac","c":"inputs/checkbox"},{"id":"ballmac:circular-progress","t":"Circular progress","s":"ballmac","c":"data-viz/progress-bar"},{"id":"ballmac:citation","t":"Citation","s":"ballmac","c":"ai-agent/ai-agent","sb":"Sources"},{"id":"ballmac:code-block","t":"Code block","s":"ballmac","c":"data-display/code-block"},{"id":"ballmac:collapsible","t":"Collapsible","s":"ballmac","c":"data-display/accordion"},{"id":"ballmac:color-picker","t":"Color picker","s":"ballmac","c":"inputs/color-picker"},{"id":"ballmac:combobox","t":"Combobox","s":"ballmac","c":"inputs/combobox"},{"id":"ballmac:command","t":"Command","s":"ballmac","c":"navigation/command-palette"},{"id":"ballmac:command-bar","t":"Command bar","s":"ballmac","c":"navigation/command-palette"},{"id":"ballmac:comparison-1","t":"Comparison #1","k":"section","s":"ballmac","c":"marketing/comparison"},{"id":"ballmac:comparison-pro-1","t":"Comparison pro #1","k":"section","s":"ballmac","c":"marketing/comparison"},{"id":"ballmac:comparison-table","t":"Comparison table","k":"section","s":"ballmac","c":"marketing/comparison"},{"id":"ballmac:confetti","t":"Confetti","k":"motion","s":"ballmac","c":"motion/background","sb":"Particles and stars"},{"id":"ballmac:contact-1","t":"Contact #1","k":"section","s":"ballmac","c":"marketing/marketing","sb":"Contact"},{"id":"ballmac:contact-pro-1","t":"Contact pro #1","k":"section","s":"ballmac","c":"marketing/marketing","sb":"Contact"},{"id":"ballmac:contact-pro-2","t":"Contact pro #2","k":"section","s":"ballmac","c":"marketing/marketing","sb":"Contact"},{"id":"ballmac:container-scroll","t":"Container scroll","k":"layout","s":"ballmac","c":"layout/scroll-area"},{"id":"ballmac:context-menu","t":"Context menu","s":"ballmac","c":"overlays/context-menu"},{"id":"ballmac:contribution-graph","t":"Contribution graph","s":"ballmac","c":"data-viz/chart","sb":"Heatmap"},{"id":"ballmac:control-center","t":"Control center","s":"ballmac","c":"overlays/sheet"},{"id":"ballmac:cookie-consent","t":"Cookie consent","s":"ballmac","c":"overlays/alert-banner"},{"id":"ballmac:copy-button","t":"Copy button","s":"ballmac","c":"actions/copy-button"},{"id":"ballmac:countdown","t":"Countdown","s":"ballmac","c":"data-display/stat"},{"id":"ballmac:cta-1","t":"Cta #1","k":"section","s":"ballmac","c":"marketing/cta"},{"id":"ballmac:cta-2","t":"Cta #2","k":"section","s":"ballmac","c":"marketing/cta"},{"id":"ballmac:cta-3","t":"Cta #3","k":"section","s":"ballmac","c":"marketing/cta"},{"id":"ballmac:cta-pro-1","t":"Cta pro #1","k":"section","s":"ballmac","c":"marketing/cta"},{"id":"ballmac:cta-pro-2","t":"Cta pro #2","k":"section","s":"ballmac","c":"marketing/cta"},{"id":"ballmac:cta-pro-3","t":"Cta pro #3","k":"section","s":"ballmac","c":"marketing/cta"},{"id":"ballmac:cta-pro-4","t":"Cta pro #4","k":"section","s":"ballmac","c":"marketing/cta"},{"id":"ballmac:currency-input","t":"Currency input","s":"ballmac","c":"inputs/form-field"},{"id":"ballmac:dashboard-1","t":"Dashboard #1","k":"layout","s":"ballmac","c":"layout/dashboard"},{"id":"ballmac:dashboard-2","t":"Dashboard #2","k":"layout","s":"ballmac","c":"layout/dashboard"},{"id":"ballmac:dashboard-kit","t":"Dashboard kit","k":"layout","s":"ballmac","c":"layout/dashboard"},{"id":"ballmac:dashboard-pro-1","t":"Dashboard pro #1","k":"layout","s":"ballmac","c":"layout/dashboard"},{"id":"ballmac:dashboard-pro-10","t":"Dashboard pro #10","k":"layout","s":"ballmac","c":"layout/dashboard"},{"id":"ballmac:dashboard-pro-11","t":"Dashboard pro #11","k":"layout","s":"ballmac","c":"layout/dashboard"},{"id":"ballmac:dashboard-pro-12","t":"Dashboard pro #12","k":"layout","s":"ballmac","c":"layout/dashboard"},{"id":"ballmac:dashboard-pro-13","t":"Dashboard pro #13","k":"layout","s":"ballmac","c":"layout/dashboard"},{"id":"ballmac:dashboard-pro-14","t":"Dashboard pro #14","k":"layout","s":"ballmac","c":"layout/dashboard"},{"id":"ballmac:dashboard-pro-15","t":"Dashboard pro #15","k":"layout","s":"ballmac","c":"layout/dashboard"},{"id":"ballmac:dashboard-pro-16","t":"Dashboard pro #16","k":"layout","s":"ballmac","c":"layout/dashboard"},{"id":"ballmac:dashboard-pro-2","t":"Dashboard pro #2","k":"layout","s":"ballmac","c":"layout/dashboard"},{"id":"ballmac:dashboard-pro-3","t":"Dashboard pro #3","k":"layout","s":"ballmac","c":"layout/dashboard"},{"id":"ballmac:dashboard-pro-4","t":"Dashboard pro #4","k":"layout","s":"ballmac","c":"layout/dashboard"},{"id":"ballmac:dashboard-pro-5","t":"Dashboard pro #5","k":"layout","s":"ballmac","c":"layout/dashboard"},{"id":"ballmac:dashboard-pro-6","t":"Dashboard pro #6","k":"layout","s":"ballmac","c":"layout/dashboard"},{"id":"ballmac:dashboard-pro-7","t":"Dashboard pro #7","k":"layout","s":"ballmac","c":"layout/dashboard"},{"id":"ballmac:dashboard-pro-8","t":"Dashboard pro #8","k":"layout","s":"ballmac","c":"layout/dashboard"},{"id":"ballmac:dashboard-pro-9","t":"Dashboard pro #9","k":"layout","s":"ballmac","c":"layout/dashboard"},{"id":"ballmac:data-table","t":"Data table","s":"ballmac","c":"data-display/table","sb":"Data tables"},{"id":"ballmac:date-picker","t":"Date picker","s":"ballmac","c":"inputs/date-picker"},{"id":"ballmac:date-range-picker","t":"Date range picker","s":"ballmac","c":"inputs/date-range"},{"id":"ballmac:description-list","t":"Description list","s":"ballmac","c":"data-display/list"},{"id":"ballmac:desktop-icons","t":"Desktop icons","k":"resource","s":"ballmac","c":"assets/icon"},{"id":"ballmac:devices-1","t":"Devices #1","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:dialog","t":"Dialog","s":"ballmac","c":"overlays/dialog"},{"id":"ballmac:diff-viewer","t":"Diff viewer","s":"ballmac","c":"data-display/diff"},{"id":"ballmac:dock","t":"Dock","s":"ballmac","c":"navigation/dock"},{"id":"ballmac:dot-pattern","t":"Dot pattern","k":"motion","s":"ballmac","c":"motion/background"},{"id":"ballmac:dotted-map","t":"Dotted map","s":"ballmac","c":"data-viz/map"},{"id":"ballmac:download-1","t":"Download #1","k":"section","s":"ballmac","c":"marketing/cta"},{"id":"ballmac:download-pro-1","t":"Download pro #1","k":"section","s":"ballmac","c":"marketing/cta"},{"id":"ballmac:drawer","t":"Drawer","s":"ballmac","c":"overlays/sheet"},{"id":"ballmac:dropdown-menu","t":"Dropdown menu","s":"ballmac","c":"navigation/menu","sb":"Dropdowns"},{"id":"ballmac:dynamic-island","t":"Dynamic island","s":"ballmac","c":"overlays/sheet"},{"id":"ballmac:ecommerce-pro-1","t":"Ecommerce pro #1","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:ecommerce-pro-10","t":"Ecommerce pro #10","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:ecommerce-pro-11","t":"Ecommerce pro #11","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:ecommerce-pro-12","t":"Ecommerce pro #12","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:ecommerce-pro-13","t":"Ecommerce pro #13","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:ecommerce-pro-14","t":"Ecommerce pro #14","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:ecommerce-pro-15","t":"Ecommerce pro #15","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:ecommerce-pro-2","t":"Ecommerce pro #2","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:ecommerce-pro-3","t":"Ecommerce pro #3","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:ecommerce-pro-4","t":"Ecommerce pro #4","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:ecommerce-pro-5","t":"Ecommerce pro #5","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:ecommerce-pro-6","t":"Ecommerce pro #6","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:ecommerce-pro-7","t":"Ecommerce pro #7","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:ecommerce-pro-8","t":"Ecommerce pro #8","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:ecommerce-pro-9","t":"Ecommerce pro #9","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:empty","t":"Empty","s":"ballmac","c":"data-display/empty-state"},{"id":"ballmac:empty-state","t":"Empty state","s":"ballmac","c":"data-display/empty-state"},{"id":"ballmac:env-editor","t":"Env editor","s":"ballmac","c":"inputs/textarea"},{"id":"ballmac:error-1","t":"Error #1","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:error-pro-1","t":"Error pro #1","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:faq-1","t":"Faq #1","k":"section","s":"ballmac","c":"marketing/faq"},{"id":"ballmac:faq-2","t":"Faq #2","k":"section","s":"ballmac","c":"marketing/faq"},{"id":"ballmac:faq-pro-1","t":"Faq pro #1","k":"section","s":"ballmac","c":"marketing/faq"},{"id":"ballmac:faq-pro-2","t":"Faq pro #2","k":"section","s":"ballmac","c":"marketing/faq"},{"id":"ballmac:features-1","t":"Features #1","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-2","t":"Features #2","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-3","t":"Features #3","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-4","t":"Features #4","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-5","t":"Features #5","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-6","t":"Features #6","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-7","t":"Features #7","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-pro-1","t":"Features pro #1","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-pro-10","t":"Features pro #10","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-pro-11","t":"Features pro #11","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-pro-12","t":"Features pro #12","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-pro-13","t":"Features pro #13","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-pro-14","t":"Features pro #14","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-pro-15","t":"Features pro #15","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-pro-16","t":"Features pro #16","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-pro-17","t":"Features pro #17","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-pro-18","t":"Features pro #18","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-pro-19","t":"Features pro #19","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-pro-2","t":"Features pro #2","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-pro-20","t":"Features pro #20","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-pro-3","t":"Features pro #3","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-pro-4","t":"Features pro #4","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-pro-5","t":"Features pro #5","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-pro-6","t":"Features pro #6","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-pro-7","t":"Features pro #7","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-pro-8","t":"Features pro #8","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:features-pro-9","t":"Features pro #9","k":"section","s":"ballmac","c":"marketing/features"},{"id":"ballmac:feedback-widget","t":"Feedback widget","s":"ballmac","c":"inputs/rating"},{"id":"ballmac:field","t":"Field","s":"ballmac","c":"inputs/form-field"},{"id":"ballmac:file-browser","t":"File browser","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:file-dropzone","t":"File dropzone","s":"ballmac","c":"inputs/file-upload"},{"id":"ballmac:file-tree","t":"File tree","s":"ballmac","c":"data-display/tree"},{"id":"ballmac:finder-window","t":"Finder window","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:flickering-grid","t":"Flickering grid","k":"motion","s":"ballmac","c":"motion/background"},{"id":"ballmac:floating-nav","t":"Floating nav","s":"ballmac","c":"navigation/dock"},{"id":"ballmac:footer-1","t":"Footer #1","k":"section","s":"ballmac","c":"marketing/footer"},{"id":"ballmac:footer-2","t":"Footer #2","k":"section","s":"ballmac","c":"marketing/footer"},{"id":"ballmac:footer-pro-1","t":"Footer pro #1","k":"section","s":"ballmac","c":"marketing/footer"},{"id":"ballmac:forgot-password-1","t":"Forgot password 1","k":"layout","s":"ballmac","c":"flows/sign-in","sb":"Password reset"},{"id":"ballmac:form","t":"Form","s":"ballmac","c":"inputs/form-field","sb":"Whole forms"},{"id":"ballmac:git-graph","t":"Git graph","s":"ballmac","c":"data-viz/chart"},{"id":"ballmac:glare-hover","t":"Glare hover","k":"motion","s":"ballmac","c":"motion/background"},{"id":"ballmac:globe","t":"Globe","k":"motion","s":"ballmac","c":"motion/globe"},{"id":"ballmac:glow-border","t":"Glow border","k":"motion","s":"ballmac","c":"motion/background","tg":["neon"],"sb":"Gradients and aurora","sy":["neon"]},{"id":"ballmac:gradient-text","t":"Gradient text","k":"motion","s":"ballmac","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"]},{"id":"ballmac:grid-pattern","t":"Grid pattern","k":"motion","s":"ballmac","c":"motion/background","sb":"Grids and patterns"},{"id":"ballmac:header-1","t":"Header #1","s":"ballmac","c":"navigation/top-nav"},{"id":"ballmac:header-2","t":"Header #2","s":"ballmac","c":"navigation/top-nav"},{"id":"ballmac:header-pro-1","t":"Header pro #1","s":"ballmac","c":"navigation/top-nav"},{"id":"ballmac:header-pro-2","t":"Header pro #2","s":"ballmac","c":"navigation/top-nav"},{"id":"ballmac:hero-1","t":"Hero #1","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-2","t":"Hero #2","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-3","t":"Hero #3","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-4","t":"Hero #4","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-5","t":"Hero #5","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-6","t":"Hero #6","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-7","t":"Hero #7","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-pro-1","t":"Hero pro #1","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-pro-10","t":"Hero pro #10","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-pro-11","t":"Hero pro #11","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-pro-12","t":"Hero pro #12","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-pro-13","t":"Hero pro #13","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-pro-14","t":"Hero pro #14","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-pro-15","t":"Hero pro #15","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-pro-16","t":"Hero pro #16","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-pro-17","t":"Hero pro #17","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-pro-18","t":"Hero pro #18","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-pro-19","t":"Hero pro #19","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-pro-2","t":"Hero pro #2","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-pro-20","t":"Hero pro #20","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-pro-3","t":"Hero pro #3","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-pro-4","t":"Hero pro #4","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-pro-5","t":"Hero pro #5","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-pro-6","t":"Hero pro #6","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-pro-7","t":"Hero pro #7","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-pro-8","t":"Hero pro #8","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:hero-pro-9","t":"Hero pro #9","k":"section","s":"ballmac","c":"marketing/hero"},{"id":"ballmac:highlighter","t":"Highlighter","k":"motion","s":"ballmac","c":"motion/background"},{"id":"ballmac:hover-card","t":"Hover card","s":"ballmac","c":"overlays/hover-card"},{"id":"ballmac:hud","t":"Hud","s":"ballmac","c":"overlays/sheet","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"ballmac:hyper-text","t":"Hyper text","k":"motion","s":"ballmac","c":"motion/text-effect","sb":"Scramble and glitch"},{"id":"ballmac:icon-cloud","t":"Icon cloud","k":"resource","s":"ballmac","c":"assets/icon"},{"id":"ballmac:in-view","t":"In view","k":"motion","s":"ballmac","c":"motion/background"},{"id":"ballmac:inline-alert","t":"Inline alert","s":"ballmac","c":"overlays/alert-banner"},{"id":"ballmac:input","t":"Input","s":"ballmac","c":"inputs/form-field"},{"id":"ballmac:input-group","t":"Input group","s":"ballmac","c":"inputs/form-field","sb":"Input groups"},{"id":"ballmac:input-otp","t":"Input otp","s":"ballmac","c":"inputs/otp-input"},{"id":"ballmac:install-tabs","t":"Install tabs","s":"ballmac","c":"navigation/tabs"},{"id":"ballmac:interactive-grid","t":"Interactive grid","k":"motion","s":"ballmac","c":"motion/background"},{"id":"ballmac:invite-1","t":"Invite #1","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:invite-members","t":"Invite members","k":"section","s":"ballmac","c":"marketing/team"},{"id":"ballmac:item","t":"Item","s":"ballmac","c":"data-display/list"},{"id":"ballmac:json-viewer","t":"Json viewer","s":"ballmac","c":"data-display/json-viewer"},{"id":"ballmac:kanban-1","t":"Kanban #1","s":"ballmac","c":"data-display/kanban"},{"id":"ballmac:kanban-board","t":"Kanban board","s":"ballmac","c":"data-display/kanban"},{"id":"ballmac:kanban-pro-1","t":"Kanban pro #1","s":"ballmac","c":"data-display/kanban"},{"id":"ballmac:kbd","t":"Kbd","s":"ballmac","c":"data-display/typography"},{"id":"ballmac:keyboard-shortcuts","t":"Keyboard shortcuts","s":"ballmac","c":"data-display/code-block"},{"id":"ballmac:kpi-row","t":"Kpi row","s":"ballmac","c":"data-display/stat"},{"id":"ballmac:label","t":"Label","s":"ballmac","c":"inputs/form-field","sb":"Animated fields"},{"id":"ballmac:laptop-frame","t":"Laptop frame","s":"ballmac","c":"media/mockup"},{"id":"ballmac:launchpad","t":"Launchpad","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:lens","t":"Lens","s":"ballmac","c":"media/gallery","sb":"Zoom and lens"},{"id":"ballmac:light-rays","t":"Light rays","k":"motion","s":"ballmac","c":"motion/background"},{"id":"ballmac:loading-dots","t":"Loading dots","k":"motion","s":"ballmac","c":"motion/background","sb":"Grids and patterns"},{"id":"ballmac:lock-screen","t":"Lock screen","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:log-stream","t":"Log stream","s":"ballmac","c":"data-display/code-block"},{"id":"ballmac:login-1","t":"Login #1","k":"layout","s":"ballmac","c":"flows/sign-in","sb":"Sign in"},{"id":"ballmac:login-2","t":"Login #2","k":"layout","s":"ballmac","c":"flows/sign-in","sb":"Sign in"},{"id":"ballmac:logo-cloud-1","t":"Logo cloud #1","k":"section","s":"ballmac","c":"marketing/logos"},{"id":"ballmac:logo-cloud-pro-1","t":"Logo cloud pro #1","k":"section","s":"ballmac","c":"marketing/logos"},{"id":"ballmac:logo-cloud-pro-2","t":"Logo cloud pro #2","k":"section","s":"ballmac","c":"marketing/logos"},{"id":"ballmac:logo-cloud-pro-3","t":"Logo cloud pro #3","k":"section","s":"ballmac","c":"marketing/logos"},{"id":"ballmac:logo-cloud-pro-4","t":"Logo cloud pro #4","k":"section","s":"ballmac","c":"marketing/logos"},{"id":"ballmac:mac-context-menu","t":"Mac context menu","s":"ballmac","c":"overlays/context-menu"},{"id":"ballmac:mac-icons","t":"Mac icons","k":"resource","s":"ballmac","c":"assets/icon"},{"id":"ballmac:mac-window","t":"Mac window","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:magic-card","t":"Magic card","s":"ballmac","c":"data-display/card","sb":"Animated and glowing"},{"id":"ballmac:magnetic-button","t":"Magnetic button","s":"ballmac","c":"actions/button","sb":"Animated"},{"id":"ballmac:mail-1","t":"Mail #1","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:mail-pro-1","t":"Mail pro #1","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:marquee","t":"Marquee","k":"motion","s":"ballmac","c":"motion/marquee"},{"id":"ballmac:masonry-grid","t":"Masonry grid","s":"ballmac","c":"media/gallery","sb":"Masonry"},{"id":"ballmac:media","t":"Media","s":"ballmac","c":"data-display/card"},{"id":"ballmac:mega-menu","t":"Mega menu","s":"ballmac","c":"navigation/top-nav","sb":"Mega menus"},{"id":"ballmac:menu-bar","t":"Menu bar","s":"ballmac","c":"navigation/menu"},{"id":"ballmac:menubar","t":"Menubar","s":"ballmac","c":"navigation/top-nav","sb":"Mega menus"},{"id":"ballmac:meteors","t":"Meteors","k":"motion","s":"ballmac","c":"motion/background","sb":"Particles and stars"},{"id":"ballmac:model-picker","t":"Model picker","s":"ballmac","c":"ai-agent/ai-agent"},{"id":"ballmac:morphing-text","t":"Morphing text","k":"motion","s":"ballmac","c":"motion/text-effect","sb":"Rotating words"},{"id":"ballmac:multi-select","t":"Multi select","s":"ballmac","c":"inputs/select"},{"id":"ballmac:navbar","t":"Navbar","s":"ballmac","c":"navigation/top-nav"},{"id":"ballmac:navigation-menu","t":"Navigation menu","s":"ballmac","c":"navigation/top-nav","sb":"Mega menus"},{"id":"ballmac:neon-card","t":"Neon card","s":"ballmac","c":"data-display/card","tg":["neon"],"sb":"Animated and glowing","sy":["neon"]},{"id":"ballmac:newsletter-1","t":"Newsletter #1","k":"section","s":"ballmac","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"ballmac:newsletter-pro-1","t":"Newsletter pro #1","k":"section","s":"ballmac","c":"marketing/cta","sb":"Newsletter and waitlist"},{"id":"ballmac:noise-texture","t":"Noise texture","k":"motion","s":"ballmac","c":"motion/background","sb":"Noise and texture"},{"id":"ballmac:notification-center","t":"Notification center","s":"ballmac","c":"overlays/notifications"},{"id":"ballmac:notification-stack","t":"Notification stack","s":"ballmac","c":"overlays/notifications"},{"id":"ballmac:number-input","t":"Number input","s":"ballmac","c":"inputs/number-input"},{"id":"ballmac:number-ticker","t":"Number ticker","k":"motion","s":"ballmac","c":"motion/number-ticker"},{"id":"ballmac:onboarding-1","t":"Onboarding #1","s":"ballmac","c":"navigation/wizard-steps"},{"id":"ballmac:onboarding-checklist","t":"Onboarding checklist","s":"ballmac","c":"inputs/checkbox"},{"id":"ballmac:onboarding-pro-1","t":"Onboarding pro #1","s":"ballmac","c":"navigation/wizard-steps"},{"id":"ballmac:onboarding-pro-2","t":"Onboarding pro #2","s":"ballmac","c":"navigation/wizard-steps"},{"id":"ballmac:onboarding-pro-3","t":"Onboarding pro #3","s":"ballmac","c":"navigation/wizard-steps"},{"id":"ballmac:onboarding-pro-4","t":"Onboarding pro #4","s":"ballmac","c":"navigation/wizard-steps"},{"id":"ballmac:orbiting-circles","t":"Orbiting circles","k":"motion","s":"ballmac","c":"motion/background"},{"id":"ballmac:package-badge","t":"Package badge","s":"ballmac","c":"data-display/badge"},{"id":"ballmac:pagination","t":"Pagination","s":"ballmac","c":"navigation/pagination"},{"id":"ballmac:particles","t":"Particles","k":"motion","s":"ballmac","c":"motion/background","sb":"Particles and stars"},{"id":"ballmac:password-input","t":"Password input","s":"ballmac","c":"inputs/form-field","sb":"Password"},{"id":"ballmac:phone-frame","t":"Phone frame","s":"ballmac","c":"media/mockup"},{"id":"ballmac:phone-input","t":"Phone input","s":"ballmac","c":"inputs/form-field","sb":"Phone"},{"id":"ballmac:plan-selector","t":"Plan selector","k":"section","s":"ballmac","c":"marketing/pricing","sb":"Plan cards"},{"id":"ballmac:popover","t":"Popover","s":"ballmac","c":"overlays/popover"},{"id":"ballmac:pricing-1","t":"Pricing #1","k":"section","s":"ballmac","c":"marketing/pricing"},{"id":"ballmac:pricing-2","t":"Pricing #2","k":"section","s":"ballmac","c":"marketing/pricing"},{"id":"ballmac:pricing-3","t":"Pricing #3","k":"section","s":"ballmac","c":"marketing/pricing"},{"id":"ballmac:pricing-4","t":"Pricing #4","k":"section","s":"ballmac","c":"marketing/pricing"},{"id":"ballmac:pricing-pro-1","t":"Pricing pro #1","k":"section","s":"ballmac","c":"marketing/pricing"},{"id":"ballmac:pricing-pro-10","t":"Pricing pro #10","k":"section","s":"ballmac","c":"marketing/pricing"},{"id":"ballmac:pricing-pro-11","t":"Pricing pro #11","k":"section","s":"ballmac","c":"marketing/pricing"},{"id":"ballmac:pricing-pro-12","t":"Pricing pro #12","k":"section","s":"ballmac","c":"marketing/pricing"},{"id":"ballmac:pricing-pro-13","t":"Pricing pro #13","k":"section","s":"ballmac","c":"marketing/pricing"},{"id":"ballmac:pricing-pro-14","t":"Pricing pro #14","k":"section","s":"ballmac","c":"marketing/pricing"},{"id":"ballmac:pricing-pro-15","t":"Pricing pro #15","k":"section","s":"ballmac","c":"marketing/pricing"},{"id":"ballmac:pricing-pro-2","t":"Pricing pro #2","k":"section","s":"ballmac","c":"marketing/pricing"},{"id":"ballmac:pricing-pro-3","t":"Pricing pro #3","k":"section","s":"ballmac","c":"marketing/pricing"},{"id":"ballmac:pricing-pro-4","t":"Pricing pro #4","k":"section","s":"ballmac","c":"marketing/pricing"},{"id":"ballmac:pricing-pro-5","t":"Pricing pro #5","k":"section","s":"ballmac","c":"marketing/pricing"},{"id":"ballmac:pricing-pro-6","t":"Pricing pro #6","k":"section","s":"ballmac","c":"marketing/pricing"},{"id":"ballmac:pricing-pro-7","t":"Pricing pro #7","k":"section","s":"ballmac","c":"marketing/pricing"},{"id":"ballmac:pricing-pro-8","t":"Pricing pro #8","k":"section","s":"ballmac","c":"marketing/pricing"},{"id":"ballmac:pricing-pro-9","t":"Pricing pro #9","k":"section","s":"ballmac","c":"marketing/pricing"},{"id":"ballmac:progress","t":"Progress","s":"ballmac","c":"data-viz/progress-bar"},{"id":"ballmac:progress-ring","t":"Progress ring","s":"ballmac","c":"data-viz/progress-bar"},{"id":"ballmac:progress-steps","t":"Progress steps","s":"ballmac","c":"navigation/wizard-steps"},{"id":"ballmac:progressive-blur","t":"Progressive blur","k":"motion","s":"ballmac","c":"motion/background"},{"id":"ballmac:prompt-input","t":"Prompt input","s":"ballmac","c":"ai-agent/composer"},{"id":"ballmac:pulse-button","t":"Pulse button","s":"ballmac","c":"actions/button","sb":"Animated"},{"id":"ballmac:radio-group","t":"Radio group","s":"ballmac","c":"inputs/radio"},{"id":"ballmac:rainbow-button","t":"Rainbow button","s":"ballmac","c":"actions/button","sb":"Animated"},{"id":"ballmac:rating","t":"Rating","s":"ballmac","c":"inputs/rating"},{"id":"ballmac:reasoning-disclosure","t":"Reasoning disclosure","s":"ballmac","c":"ai-agent/ai-agent","sb":"Reasoning and tools"},{"id":"ballmac:resizable","t":"Resizable","k":"layout","s":"ballmac","c":"layout/split-pane"},{"id":"ballmac:retro-grid","t":"Retro grid","k":"motion","s":"ballmac","c":"motion/background","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"ballmac:ripple","t":"Ripple","k":"motion","s":"ballmac","c":"motion/background","sb":"Waves and warps"},{"id":"ballmac:scramble-text","t":"Scramble text","k":"motion","s":"ballmac","c":"motion/text-effect","sb":"Scramble and glitch"},{"id":"ballmac:scroll-area","t":"Scroll area","k":"layout","s":"ballmac","c":"layout/scroll-area"},{"id":"ballmac:scroll-progress","t":"Scroll progress","s":"ballmac","c":"data-viz/progress-bar"},{"id":"ballmac:scroll-velocity","t":"Scroll velocity","k":"layout","s":"ballmac","c":"layout/scroll-area"},{"id":"ballmac:search-field","t":"Search field","s":"ballmac","c":"inputs/search"},{"id":"ballmac:section-tabs","t":"Section tabs","s":"ballmac","c":"navigation/tabs"},{"id":"ballmac:segmented-control","t":"Segmented control","s":"ballmac","c":"actions/segmented-control"},{"id":"ballmac:select","t":"Select","s":"ballmac","c":"inputs/select"},{"id":"ballmac:separator","t":"Separator","s":"ballmac","c":"other/other"},{"id":"ballmac:settings-1","t":"Settings #1","k":"layout","s":"ballmac","c":"flows/settings"},{"id":"ballmac:settings-2","t":"Settings #2","k":"layout","s":"ballmac","c":"flows/settings"},{"id":"ballmac:settings-3","t":"Settings #3","k":"layout","s":"ballmac","c":"flows/settings"},{"id":"ballmac:settings-panel","t":"Settings panel","k":"layout","s":"ballmac","c":"flows/settings"},{"id":"ballmac:settings-pro-1","t":"Settings pro #1","k":"layout","s":"ballmac","c":"flows/settings"},{"id":"ballmac:settings-pro-2","t":"Settings pro #2","k":"layout","s":"ballmac","c":"flows/settings"},{"id":"ballmac:sheet","t":"Sheet","s":"ballmac","c":"overlays/sheet"},{"id":"ballmac:sheet-dialog","t":"Sheet dialog","s":"ballmac","c":"overlays/dialog"},{"id":"ballmac:shimmer-text","t":"Shimmer text","k":"motion","s":"ballmac","c":"motion/text-effect","sb":"Gradient and shimmer"},{"id":"ballmac:shiny-button","t":"Shiny button","s":"ballmac","c":"actions/button"},{"id":"ballmac:shortcut-hint","t":"Shortcut hint","s":"ballmac","c":"overlays/tooltip"},{"id":"ballmac:showcase-1","t":"Showcase #1","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:sidebar","t":"Sidebar","s":"ballmac","c":"navigation/sidebar"},{"id":"ballmac:signature-pad","t":"Signature pad","s":"ballmac","c":"inputs/form-field"},{"id":"ballmac:signup-1","t":"Signup #1","k":"layout","s":"ballmac","c":"flows/sign-in","sb":"Sign up"},{"id":"ballmac:skeleton","t":"Skeleton","s":"ballmac","c":"status/skeleton"},{"id":"ballmac:slider","t":"Slider","s":"ballmac","c":"inputs/slider"},{"id":"ballmac:slider-range","t":"Slider range","s":"ballmac","c":"inputs/slider"},{"id":"ballmac:smooth-cursor","t":"Smooth cursor","k":"motion","s":"ballmac","c":"motion/cursor"},{"id":"ballmac:snippet-tabs","t":"Snippet tabs","s":"ballmac","c":"navigation/tabs"},{"id":"ballmac:sources-list","t":"Sources list","s":"ballmac","c":"ai-agent/ai-agent","sb":"Sources"},{"id":"ballmac:sparkles-text","t":"Sparkles text","k":"motion","s":"ballmac","c":"motion/text-effect"},{"id":"ballmac:sparkline","t":"Sparkline","s":"ballmac","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"ballmac:spinner","t":"Spinner","s":"ballmac","c":"status/loader","sb":"Spinners"},{"id":"ballmac:spinning-text","t":"Spinning text","k":"motion","s":"ballmac","c":"motion/text-effect"},{"id":"ballmac:split-view","t":"Split view","k":"layout","s":"ballmac","c":"layout/split-pane"},{"id":"ballmac:spotlight-card","t":"Spotlight card","s":"ballmac","c":"data-display/card","sb":"Animated and glowing"},{"id":"ballmac:spotlight-search","t":"Spotlight search","s":"ballmac","c":"navigation/command-palette"},{"id":"ballmac:spring-drawer","t":"Spring drawer","s":"ballmac","c":"overlays/sheet"},{"id":"ballmac:stagger-list","t":"Stagger list","s":"ballmac","c":"data-display/list"},{"id":"ballmac:stat-card","t":"Stat card","s":"ballmac","c":"data-display/stat"},{"id":"ballmac:stats-1","t":"Stats #1","s":"ballmac","c":"data-display/stat"},{"id":"ballmac:stats-pro-1","t":"Stats pro #1","s":"ballmac","c":"data-display/stat"},{"id":"ballmac:stats-pro-2","t":"Stats pro #2","s":"ballmac","c":"data-display/stat"},{"id":"ballmac:stats-pro-3","t":"Stats pro #3","s":"ballmac","c":"data-display/stat"},{"id":"ballmac:stats-pro-4","t":"Stats pro #4","s":"ballmac","c":"data-display/stat"},{"id":"ballmac:stats-pro-5","t":"Stats pro #5","s":"ballmac","c":"data-display/stat"},{"id":"ballmac:status-badge-row","t":"Status badge row","s":"ballmac","c":"data-display/badge","sb":"Status"},{"id":"ballmac:status-dot","t":"Status dot","s":"ballmac","c":"status/status-dot"},{"id":"ballmac:stepper-form","t":"Stepper form","s":"ballmac","c":"navigation/wizard-steps"},{"id":"ballmac:sticky-scroll","t":"Sticky scroll","k":"layout","s":"ballmac","c":"layout/scroll-area"},{"id":"ballmac:streaming-text","t":"Streaming text","s":"ballmac","c":"ai-agent/ai-agent"},{"id":"ballmac:suggestion-chips","t":"Suggestion chips","s":"ballmac","c":"data-display/badge","sb":"Tags and pills"},{"id":"ballmac:switch","t":"Switch","s":"ballmac","c":"actions/switch"},{"id":"ballmac:table","t":"Table","s":"ballmac","c":"data-display/table"},{"id":"ballmac:table-of-contents","t":"Table of contents","s":"ballmac","c":"navigation/table-of-contents"},{"id":"ballmac:tablet-frame","t":"Tablet frame","s":"ballmac","c":"data-display/table"},{"id":"ballmac:tabs","t":"Tabs","s":"ballmac","c":"navigation/tabs"},{"id":"ballmac:tag-input","t":"Tag input","s":"ballmac","c":"inputs/tag-input"},{"id":"ballmac:team-1","t":"Team #1","k":"section","s":"ballmac","c":"marketing/team"},{"id":"ballmac:team-pro-1","t":"Team pro #1","k":"section","s":"ballmac","c":"marketing/team"},{"id":"ballmac:team-switcher","t":"Team switcher","k":"section","s":"ballmac","c":"marketing/team"},{"id":"ballmac:template-atlas","t":"Template atlas","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:template-auth-kit","t":"Template auth kit","k":"layout","s":"ballmac","c":"flows/sign-in","sb":"Sign in"},{"id":"ballmac:template-docs","t":"Template docs","k":"page","s":"ballmac","c":"pages/templates","sb":"Blogs and docs"},{"id":"ballmac:template-goods","t":"Template goods","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:template-launch","t":"Template launch","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:template-ledger","t":"Template ledger","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:template-muse","t":"Template muse","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:template-northwind","t":"Template northwind","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:template-orbit","t":"Template orbit","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:template-pocket","t":"Template pocket","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:template-podcast","t":"Template podcast","s":"ballmac","c":"media/player"},{"id":"ballmac:template-portfolio","t":"Template portfolio","k":"page","s":"ballmac","c":"pages/templates","sb":"Portfolios"},{"id":"ballmac:template-publication","t":"Template publication","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:template-relay","t":"Template relay","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:template-studio","t":"Template studio","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:template-summit","t":"Template summit","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:template-workspace","t":"Template workspace","k":"page","s":"ballmac","c":"pages/templates"},{"id":"ballmac:terminal","t":"Terminal","s":"ballmac","c":"data-display/code-block","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"ballmac:testimonials-1","t":"Testimonials #1","k":"section","s":"ballmac","c":"marketing/testimonials"},{"id":"ballmac:testimonials-2","t":"Testimonials #2","k":"section","s":"ballmac","c":"marketing/testimonials"},{"id":"ballmac:testimonials-pro-1","t":"Testimonials pro 1","k":"section","s":"ballmac","c":"marketing/testimonials"},{"id":"ballmac:testimonials-pro-2","t":"Testimonials pro 2","k":"section","s":"ballmac","c":"marketing/testimonials"},{"id":"ballmac:testimonials-pro-3","t":"Testimonials pro 3","k":"section","s":"ballmac","c":"marketing/testimonials"},{"id":"ballmac:testimonials-pro-4","t":"Testimonials pro 4","k":"section","s":"ballmac","c":"marketing/testimonials"},{"id":"ballmac:testimonials-pro-5","t":"Testimonials pro 5","k":"section","s":"ballmac","c":"marketing/testimonials"},{"id":"ballmac:testimonials-pro-6","t":"Testimonials pro 6","k":"section","s":"ballmac","c":"marketing/testimonials"},{"id":"ballmac:testimonials-pro-7","t":"Testimonials pro 7","k":"section","s":"ballmac","c":"marketing/testimonials"},{"id":"ballmac:text-animate","t":"Text animate","k":"motion","s":"ballmac","c":"motion/text-effect"},{"id":"ballmac:text-reveal","t":"Text reveal","k":"motion","s":"ballmac","c":"motion/text-effect","sb":"Reveal and entrance"},{"id":"ballmac:textarea","t":"Textarea","s":"ballmac","c":"inputs/textarea"},{"id":"ballmac:thinking-indicator","t":"Thinking indicator","s":"ballmac","c":"ai-agent/ai-agent","sb":"Reasoning and tools"},{"id":"ballmac:tilt-card","t":"Tilt card","s":"ballmac","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"]},{"id":"ballmac:time-picker","t":"Time picker","s":"ballmac","c":"inputs/time-picker"},{"id":"ballmac:timeline","t":"Timeline","s":"ballmac","c":"data-display/timeline"},{"id":"ballmac:toast","t":"Toast","s":"ballmac","c":"overlays/toast"},{"id":"ballmac:toast-stack","t":"Toast stack","s":"ballmac","c":"overlays/toast"},{"id":"ballmac:toggle","t":"Toggle","s":"ballmac","c":"actions/switch"},{"id":"ballmac:toggle-group","t":"Toggle group","s":"ballmac","c":"actions/switch"},{"id":"ballmac:token-meter","t":"Token meter","s":"ballmac","c":"data-viz/gauge"},{"id":"ballmac:tool-call-card","t":"Tool call card","s":"ballmac","c":"ai-agent/ai-agent","sb":"Reasoning and tools"},{"id":"ballmac:toolbar","t":"Toolbar","s":"ballmac","c":"navigation/menu","sb":"Menubars"},{"id":"ballmac:tooltip","t":"Tooltip","s":"ballmac","c":"overlays/tooltip"},{"id":"ballmac:tree-view","t":"Tree view","s":"ballmac","c":"data-display/tree"},{"id":"ballmac:typing-text","t":"Typing text","k":"motion","s":"ballmac","c":"motion/text-effect","sb":"Typewriter"},{"id":"ballmac:usage-meter","t":"Usage meter","s":"ballmac","c":"data-viz/gauge"},{"id":"ballmac:user-menu","t":"User menu","s":"ballmac","c":"navigation/menu"},{"id":"ballmac:verify-1","t":"Verify #1","k":"layout","s":"ballmac","c":"flows/sign-in"},{"id":"ballmac:video-dialog","t":"Video dialog","s":"ballmac","c":"overlays/dialog","sb":"Media"},{"id":"ballmac:voice-input","t":"Voice input","s":"ballmac","c":"ai-agent/ai-agent","sb":"Voice"},{"id":"ballmac:warp-background","t":"Warp background","k":"motion","s":"ballmac","c":"motion/background","sb":"Waves and warps"},{"id":"ballmac:watch-frame","t":"Watch frame","s":"ballmac","c":"media/mockup"},{"id":"ballmac:webhook-card","t":"Webhook card","s":"ballmac","c":"data-display/card"},{"id":"ballmac:widgets","t":"Widgets","s":"ballmac","c":"data-display/card"},{"id":"ballmac:window-manager","t":"Window manager","s":"ballmac","c":"other/other"},{"id":"ballmac:word-rotate","t":"Word rotate","k":"motion","s":"ballmac","c":"motion/text-effect","sb":"Rotating words"},{"id":"ballmac:workspace-card","t":"Workspace card","s":"ballmac","c":"data-display/card"},{"id":"base-ui:accordion","t":"Accordion","s":"base-ui","c":"data-display/accordion"},{"id":"base-ui:alert-dialog","t":"Alert dialog","s":"base-ui","c":"overlays/dialog","sb":"Confirm"},{"id":"base-ui:autocomplete","t":"Autocomplete","s":"base-ui","c":"inputs/combobox"},{"id":"base-ui:avatar","t":"Avatar","s":"base-ui","c":"data-display/avatar"},{"id":"base-ui:base-ui-disable-scrollbar","t":"Base ui disable scrollbar","k":"layout","s":"base-ui","c":"layout/scroll-area"},{"id":"base-ui:button","t":"Button","s":"base-ui","c":"actions/button"},{"id":"base-ui:checkbox","t":"Checkbox","s":"base-ui","c":"inputs/checkbox"},{"id":"base-ui:checkbox-group","t":"Checkbox group","s":"base-ui","c":"inputs/checkbox"},{"id":"base-ui:collapsible","t":"Collapsible","s":"base-ui","c":"data-display/accordion"},{"id":"base-ui:combobox","t":"Combobox","s":"base-ui","c":"inputs/combobox"},{"id":"base-ui:context-menu","t":"Context menu","s":"base-ui","c":"overlays/context-menu"},{"id":"base-ui:dialog","t":"Dialog","s":"base-ui","c":"overlays/dialog"},{"id":"base-ui:drawer","t":"Drawer","s":"base-ui","c":"overlays/sheet"},{"id":"base-ui:field","t":"Field","s":"base-ui","c":"inputs/form-field"},{"id":"base-ui:fieldset","t":"Fieldset","s":"base-ui","c":"inputs/form-field"},{"id":"base-ui:form","t":"Form","s":"base-ui","c":"inputs/form-field","sb":"Whole forms"},{"id":"base-ui:input","t":"Input","s":"base-ui","c":"inputs/form-field"},{"id":"base-ui:menu","t":"Menu","s":"base-ui","c":"navigation/menu"},{"id":"base-ui:menubar","t":"Menubar","s":"base-ui","c":"navigation/top-nav","sb":"Mega menus"},{"id":"base-ui:meter","t":"Meter","s":"base-ui","c":"data-viz/gauge"},{"id":"base-ui:navigation-menu","t":"Navigation menu","s":"base-ui","c":"navigation/top-nav","sb":"Mega menus"},{"id":"base-ui:number-field","t":"Number field","s":"base-ui","c":"inputs/number-input"},{"id":"base-ui:otp-field","t":"Otp field","s":"base-ui","c":"inputs/otp-input"},{"id":"base-ui:popover","t":"Popover","s":"base-ui","c":"overlays/popover"},{"id":"base-ui:preview-card","t":"Preview card","s":"base-ui","c":"overlays/hover-card"},{"id":"base-ui:progress","t":"Progress","s":"base-ui","c":"data-viz/progress-bar"},{"id":"base-ui:radio-group","t":"Radio group","s":"base-ui","c":"inputs/radio"},{"id":"base-ui:scroll-area","t":"Scroll area","k":"layout","s":"base-ui","c":"layout/scroll-area"},{"id":"base-ui:select","t":"Select","s":"base-ui","c":"inputs/select"},{"id":"base-ui:separator","t":"Separator","s":"base-ui","c":"other/other"},{"id":"base-ui:slider","t":"Slider","s":"base-ui","c":"inputs/slider"},{"id":"base-ui:switch","t":"Switch","s":"base-ui","c":"actions/switch"},{"id":"base-ui:tabs","t":"Tabs","s":"base-ui","c":"navigation/tabs"},{"id":"base-ui:toast","t":"Toast","s":"base-ui","c":"overlays/toast"},{"id":"base-ui:toggle","t":"Toggle","s":"base-ui","c":"actions/switch"},{"id":"base-ui:toggle-group","t":"Toggle group","s":"base-ui","c":"actions/switch"},{"id":"base-ui:toolbar","t":"Toolbar","s":"base-ui","c":"navigation/menu","sb":"Menubars"},{"id":"base-ui:tooltip","t":"Tooltip","s":"base-ui","c":"overlays/tooltip"},{"id":"devigner:badge","t":"Badge","s":"devigner","c":"data-display/badge"},{"id":"devigner:image-generation","t":"Image generation","s":"devigner","c":"media/gallery"},{"id":"devigner:kpi-chart","t":"Kpi chart","s":"devigner","c":"data-viz/chart"},{"id":"devigner:stardust-slider","t":"Stardust slider","s":"devigner","c":"inputs/slider"},{"id":"dicebear:adventurer","t":"Adventurer","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:adventurer-neutral","t":"Adventurer neutral","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:avataaars","t":"Avataaars","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:avataaars-neutral","t":"Avataaars neutral","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:big-ears","t":"Big ears","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:big-ears-neutral","t":"Big ears neutral","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:big-smile","t":"Big smile","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:blobs","t":"Blobs","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:bottts","t":"Bottts","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:bottts-neutral","t":"Bottts neutral","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:cameo","t":"Cameo","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:clay","t":"Clay","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:constellation","t":"Constellation","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:critters","t":"Critters","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:croodles","t":"Croodles","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:croodles-neutral","t":"Croodles neutral","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:cutouts","t":"Cutouts","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:disco","t":"Disco","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:dylan","t":"Dylan","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:fun-emoji","t":"Fun emoji","k":"resource","s":"dicebear","c":"assets/avatar","tg":["playful"],"sy":["playful"]},{"id":"dicebear:gaze","t":"Gaze","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:glass","t":"Glass","k":"resource","s":"dicebear","c":"assets/avatar","tg":["glass"],"sy":["glass"]},{"id":"dicebear:glyphs","t":"Glyphs","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:icons","t":"Icons","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:identicon","t":"Identicon","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:initial-face","t":"Initial face","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:initials","t":"Initials","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:landscape","t":"Landscape","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:line-face","t":"Line face","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:loops","t":"Loops","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:lorelei","t":"Lorelei","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:lorelei-neutral","t":"Lorelei neutral","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:marbles","t":"Marbles","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:micah","t":"Micah","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:miniavs","t":"Miniavs","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:moods","t":"Moods","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:notionists","t":"Notionists","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:notionists-neutral","t":"Notionists neutral","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:open-peeps","t":"Open peeps","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:patchwork","t":"Patchwork","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:personas","t":"Personas","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:pixel-art","t":"Pixel art","k":"resource","s":"dicebear","c":"assets/avatar","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"dicebear:pixel-art-neutral","t":"Pixel art neutral","k":"resource","s":"dicebear","c":"assets/avatar","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"dicebear:pixelbot","t":"Pixelbot","k":"resource","s":"dicebear","c":"assets/avatar","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"dicebear:planets","t":"Planets","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:rings","t":"Rings","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:shadows","t":"Shadows","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:shape-grid","t":"Shape grid","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:shapes","t":"Shapes","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:slice","t":"Slice","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:sprouts","t":"Sprouts","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:squircles","t":"Squircles","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:stack","t":"Stack","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:stripes","t":"Stripes","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:thumbs","t":"Thumbs","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:toon-head","t":"Toon head","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:triangles","t":"Triangles","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:voxel-art","t":"Voxel art","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:voxel-bot","t":"Voxel bot","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:waves","t":"Waves","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"dicebear:weave","t":"Weave","k":"resource","s":"dicebear","c":"assets/avatar"},{"id":"feralui:animated-gradient","t":"Animated gradient","k":"motion","s":"feralui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"]},{"id":"feralui:aurora-gradient","t":"Aurora gradient","k":"motion","s":"feralui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"]},{"id":"feralui:conic-gradient","t":"Conic gradient","k":"motion","s":"feralui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"]},{"id":"feralui:farewell","t":"Farewell","s":"feralui","c":"other/other"},{"id":"feralui:glass-assembly","t":"Glass assembly","s":"feralui","c":"other/other","tg":["glass"],"sy":["glass"]},{"id":"feralui:gradient-wallpaper","t":"Gradient wallpaper","k":"motion","s":"feralui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"]},{"id":"feralui:grainy-gradient","t":"Grainy gradient","k":"motion","s":"feralui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"]},{"id":"feralui:linear-gradient","t":"Linear gradient","k":"motion","s":"feralui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"]},{"id":"feralui:mesh-gradient","t":"Mesh gradient","k":"motion","s":"feralui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"]},{"id":"feralui:pixel-gradient","t":"Pixel gradient","k":"motion","s":"feralui","c":"motion/gradient","tg":["gradient","retro and HUD"],"sy":["gradient","retro and HUD"]},{"id":"feralui:radial-gradient","t":"Radial gradient","k":"motion","s":"feralui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"]},{"id":"feralui:wave-gradient","t":"Wave gradient","k":"motion","s":"feralui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"]},{"id":"hover-dev:accordions","t":"Accordions","s":"hover-dev","c":"data-display/accordion"},{"id":"hover-dev:boards","t":"Boards","s":"hover-dev","c":"data-display/kanban"},{"id":"hover-dev:buttons","t":"Buttons","s":"hover-dev","c":"actions/button"},{"id":"hover-dev:calendars","t":"Calendars","s":"hover-dev","c":"data-display/calendar"},{"id":"hover-dev:cards","t":"Cards","s":"hover-dev","c":"data-display/card"},{"id":"hover-dev:carousels","t":"Carousels","s":"hover-dev","c":"media/carousel"},{"id":"hover-dev:countdown","t":"Countdown","k":"motion","s":"hover-dev","c":"motion/number-ticker"},{"id":"hover-dev:dropdown-menu","t":"Dropdown menu","s":"hover-dev","c":"navigation/menu","sb":"Dropdowns"},{"id":"hover-dev:forms","t":"Forms","s":"hover-dev","c":"inputs/form-field","sb":"Whole forms"},{"id":"hover-dev:grids","t":"Grids","k":"motion","s":"hover-dev","c":"motion/background"},{"id":"hover-dev:heros","t":"Heros","k":"section","s":"hover-dev","c":"marketing/hero"},{"id":"hover-dev:inputs","t":"Inputs","s":"hover-dev","c":"inputs/form-field"},{"id":"hover-dev:links","t":"Links","s":"hover-dev","c":"actions/link"},{"id":"hover-dev:loaders","t":"Loaders","s":"hover-dev","c":"status/loader"},{"id":"hover-dev:modals","t":"Modals","s":"hover-dev","c":"overlays/dialog"},{"id":"hover-dev:navigation","t":"Navigation","s":"hover-dev","c":"other/other"},{"id":"hover-dev:notifications","t":"Notifications","s":"hover-dev","c":"overlays/notifications"},{"id":"hover-dev:other","t":"Other","s":"hover-dev","c":"other/other"},{"id":"hover-dev:progress","t":"Progress","s":"hover-dev","c":"data-viz/progress-bar"},{"id":"hover-dev:tables","t":"Tables","s":"hover-dev","c":"data-display/table"},{"id":"hover-dev:tabs","t":"Tabs","s":"hover-dev","c":"navigation/tabs"},{"id":"hover-dev:testimonials","t":"Testimonials","k":"section","s":"hover-dev","c":"marketing/testimonials"},{"id":"hover-dev:text","t":"Text","k":"motion","s":"hover-dev","c":"motion/text-effect"},{"id":"hover-dev:three-d","t":"Three d","k":"motion","s":"hover-dev","c":"motion/shader","tg":["webgl"],"sy":["webgl"]},{"id":"hover-dev:toggles","t":"Toggles","s":"hover-dev","c":"actions/switch"},{"id":"llm-ui:code","t":"Code","s":"llm-ui","c":"ai-agent/ai-agent"},{"id":"llm-ui:csv","t":"Csv","s":"llm-ui","c":"ai-agent/ai-agent"},{"id":"llm-ui:json","t":"Json","s":"llm-ui","c":"ai-agent/ai-agent"},{"id":"llm-ui:markdown","t":"Markdown","s":"llm-ui","c":"ai-agent/ai-agent"},{"id":"lobehub-ui:accordion","t":"Accordion","s":"lobehub-ui","c":"data-display/accordion"},{"id":"lobehub-ui:action-icon","t":"Action icon","k":"resource","s":"lobehub-ui","c":"assets/icon"},{"id":"lobehub-ui:action-icon-group","t":"Action icon group","k":"resource","s":"lobehub-ui","c":"assets/icon"},{"id":"lobehub-ui:agent-skill-card","t":"Agent skill card","s":"lobehub-ui","c":"ai-agent/ai-agent"},{"id":"lobehub-ui:alert","t":"Alert","s":"lobehub-ui","c":"overlays/alert-banner"},{"id":"lobehub-ui:anchor","t":"Anchor","s":"lobehub-ui","c":"actions/link"},{"id":"lobehub-ui:aurora-background","t":"Aurora background","k":"motion","s":"lobehub-ui","c":"motion/background","tg":["gradient"],"sb":"Gradients and aurora","sy":["gradient"]},{"id":"lobehub-ui:auth-icons","t":"Auth icons","k":"resource","s":"lobehub-ui","c":"assets/icon"},{"id":"lobehub-ui:auth-layout","t":"Auth layout","k":"layout","s":"lobehub-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"lobehub-ui:auth0","t":"Auth #0","k":"layout","s":"lobehub-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"lobehub-ui:authelia","t":"Authelia","k":"resource","s":"lobehub-ui","c":"assets/logo"},{"id":"lobehub-ui:authentik","t":"Authentik","k":"resource","s":"lobehub-ui","c":"assets/logo"},{"id":"lobehub-ui:auto-complete","t":"Auto complete","s":"lobehub-ui","c":"inputs/combobox"},{"id":"lobehub-ui:avatar","t":"Avatar","s":"lobehub-ui","c":"data-display/avatar"},{"id":"lobehub-ui:awesome","t":"Awesome","s":"lobehub-ui","c":"other/other"},{"id":"lobehub-ui:back-bottom","t":"Back bottom","s":"lobehub-ui","c":"other/other"},{"id":"lobehub-ui:badge","t":"Badge","s":"lobehub-ui","c":"data-display/badge"},{"id":"lobehub-ui:base-ui","t":"Base ui","k":"lib","s":"lobehub-ui","c":"lib/utility"},{"id":"lobehub-ui:base-ui-accordion","t":"Base ui accordion","s":"lobehub-ui","c":"data-display/accordion"},{"id":"lobehub-ui:base-ui-action-icon","t":"Base ui action icon","k":"resource","s":"lobehub-ui","c":"assets/icon"},{"id":"lobehub-ui:base-ui-alert","t":"Base ui alert","s":"lobehub-ui","c":"overlays/alert-banner"},{"id":"lobehub-ui:base-ui-avatar","t":"Base ui avatar","s":"lobehub-ui","c":"data-display/avatar"},{"id":"lobehub-ui:base-ui-data-display","t":"Base ui data display","k":"lib","s":"lobehub-ui","c":"lib/utility"},{"id":"lobehub-ui:base-ui-feedback","t":"Base ui feedback","k":"lib","s":"lobehub-ui","c":"lib/utility"},{"id":"lobehub-ui:base-ui-general","t":"Base ui general","k":"lib","s":"lobehub-ui","c":"lib/utility"},{"id":"lobehub-ui:base-ui-layout","t":"Base ui layout","k":"lib","s":"lobehub-ui","c":"lib/utility"},{"id":"lobehub-ui:bento-grid","t":"Bento grid","k":"layout","s":"lobehub-ui","c":"layout/bento-grid"},{"id":"lobehub-ui:block","t":"Block","k":"lib","s":"lobehub-ui","c":"lib/utility"},{"id":"lobehub-ui:bottom-gradient-button","t":"Bottom gradient button","s":"lobehub-ui","c":"actions/button","tg":["gradient"],"sb":"Animated","sy":["gradient"]},{"id":"lobehub-ui:brand","t":"Brand","k":"theme","s":"lobehub-ui","c":"themes/theme"},{"id":"lobehub-ui:brand-loading","t":"Brand loading","s":"lobehub-ui","c":"status/loader"},{"id":"lobehub-ui:breadcrumb","t":"Breadcrumb","s":"lobehub-ui","c":"navigation/breadcrumb"},{"id":"lobehub-ui:built-ins","t":"Built ins","k":"lib","s":"lobehub-ui","c":"lib/utility"},{"id":"lobehub-ui:burger","t":"Burger","s":"lobehub-ui","c":"navigation/menu"},{"id":"lobehub-ui:button","t":"Button","s":"lobehub-ui","c":"actions/button"},{"id":"lobehub-ui:callout","t":"Callout","s":"lobehub-ui","c":"overlays/alert-banner"},{"id":"lobehub-ui:cards","t":"Cards","s":"lobehub-ui","c":"data-display/card"},{"id":"lobehub-ui:carousel","t":"Carousel","s":"lobehub-ui","c":"media/carousel"},{"id":"lobehub-ui:casdoor","t":"Casdoor","k":"resource","s":"lobehub-ui","c":"assets/logo"},{"id":"lobehub-ui:channel-icons","t":"Channel icons","k":"resource","s":"lobehub-ui","c":"assets/icon"},{"id":"lobehub-ui:chat","t":"Chat","s":"lobehub-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"lobehub-ui:chat-data-display","t":"Chat data display","s":"lobehub-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"lobehub-ui:chat-data-entry","t":"Chat data entry","s":"lobehub-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"lobehub-ui:chat-feedback","t":"Chat feedback","s":"lobehub-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"lobehub-ui:chat-header","t":"Chat header","s":"lobehub-ui","c":"navigation/top-nav"},{"id":"lobehub-ui:chat-input-area","t":"Chat input area","s":"lobehub-ui","c":"ai-agent/composer"},{"id":"lobehub-ui:chat-item","t":"Chat item","s":"lobehub-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"lobehub-ui:chat-layout","t":"Chat layout","s":"lobehub-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"lobehub-ui:chat-list","t":"Chat list","s":"lobehub-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"lobehub-ui:chat-navigation","t":"Chat navigation","s":"lobehub-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"lobehub-ui:checkbox","t":"Checkbox","s":"lobehub-ui","c":"inputs/checkbox"},{"id":"lobehub-ui:clerk","t":"Clerk","k":"resource","s":"lobehub-ui","c":"assets/logo"},{"id":"lobehub-ui:cloudflare","t":"Cloudflare","k":"resource","s":"lobehub-ui","c":"assets/logo"},{"id":"lobehub-ui:code-diff","t":"Code diff","s":"lobehub-ui","c":"data-display/diff"},{"id":"lobehub-ui:code-editor","t":"Code editor","s":"lobehub-ui","c":"inputs/textarea"},{"id":"lobehub-ui:code-showcase","t":"Code showcase","s":"lobehub-ui","c":"data-display/code-block"},{"id":"lobehub-ui:collapse","t":"Collapse","s":"lobehub-ui","c":"data-display/accordion"},{"id":"lobehub-ui:collapsible","t":"Collapsible","s":"lobehub-ui","c":"data-display/accordion"},{"id":"lobehub-ui:color","t":"Color","k":"theme","s":"lobehub-ui","c":"themes/theme"},{"id":"lobehub-ui:color-general","t":"Color general","k":"theme","s":"lobehub-ui","c":"themes/theme"},{"id":"lobehub-ui:color-picker","t":"Color picker","s":"lobehub-ui","c":"inputs/color-picker"},{"id":"lobehub-ui:color-scales","t":"Color scales","k":"theme","s":"lobehub-ui","c":"themes/style"},{"id":"lobehub-ui:color-swatches","t":"Color swatches","s":"lobehub-ui","c":"inputs/color-picker"},{"id":"lobehub-ui:combine","t":"Combine","s":"lobehub-ui","c":"other/other"},{"id":"lobehub-ui:components-burger","t":"Components burger","s":"lobehub-ui","c":"navigation/menu"},{"id":"lobehub-ui:components-button","t":"Components button","s":"lobehub-ui","c":"actions/button"},{"id":"lobehub-ui:components-context-menu","t":"Components context menu","s":"lobehub-ui","c":"overlays/context-menu"},{"id":"lobehub-ui:components-data-display","t":"Components data display","s":"lobehub-ui","c":"other/other"},{"id":"lobehub-ui:components-data-entry","t":"Components data entry","s":"lobehub-ui","c":"other/other"},{"id":"lobehub-ui:components-date-picker","t":"Components date picker","s":"lobehub-ui","c":"inputs/date-picker"},{"id":"lobehub-ui:components-draggable-panel","t":"Components draggable panel","s":"lobehub-ui","c":"data-display/card"},{"id":"lobehub-ui:components-drawer","t":"Components drawer","s":"lobehub-ui","c":"overlays/sheet"},{"id":"lobehub-ui:components-dropdown-menu","t":"Components dropdown menu","s":"lobehub-ui","c":"navigation/menu","sb":"Dropdowns"},{"id":"lobehub-ui:components-feedback","t":"Components feedback","s":"lobehub-ui","c":"other/other"},{"id":"lobehub-ui:components-general","t":"Components general","s":"lobehub-ui","c":"other/other"},{"id":"lobehub-ui:components-layout","t":"Components layout","s":"lobehub-ui","c":"other/other"},{"id":"lobehub-ui:components-list","t":"Components list","s":"lobehub-ui","c":"data-display/list"},{"id":"lobehub-ui:components-modal","t":"Components modal","s":"lobehub-ui","c":"overlays/dialog"},{"id":"lobehub-ui:components-navigation","t":"Components navigation","s":"lobehub-ui","c":"other/other"},{"id":"lobehub-ui:components-scroll-area","t":"Components scroll area","k":"layout","s":"lobehub-ui","c":"layout/scroll-area"},{"id":"lobehub-ui:components-segmented","t":"Components segmented","s":"lobehub-ui","c":"navigation/tabs"},{"id":"lobehub-ui:components-select","t":"Components select","s":"lobehub-ui","c":"inputs/select"},{"id":"lobehub-ui:components-skeleton","t":"Components skeleton","s":"lobehub-ui","c":"status/skeleton"},{"id":"lobehub-ui:components-tabs","t":"Components tabs","s":"lobehub-ui","c":"navigation/tabs"},{"id":"lobehub-ui:components-text","t":"Components text","k":"motion","s":"lobehub-ui","c":"motion/text-effect"},{"id":"lobehub-ui:components-typography","t":"Components typography","s":"lobehub-ui","c":"data-display/typography"},{"id":"lobehub-ui:config-provider","t":"Config provider","k":"lib","s":"lobehub-ui","c":"lib/utility"},{"id":"lobehub-ui:console-nav","t":"Console nav","s":"lobehub-ui","c":"navigation/top-nav"},{"id":"lobehub-ui:console-shell","t":"Console shell","k":"layout","s":"lobehub-ui","c":"layout/page-shell"},{"id":"lobehub-ui:context-menu","t":"Context menu","s":"lobehub-ui","c":"overlays/context-menu"},{"id":"lobehub-ui:copy-button","t":"Copy button","s":"lobehub-ui","c":"actions/copy-button"},{"id":"lobehub-ui:css-var","t":"Css var","k":"lib","s":"lobehub-ui","c":"lib/utility"},{"id":"lobehub-ui:dashboard","t":"Dashboard","k":"layout","s":"lobehub-ui","c":"layout/dashboard"},{"id":"lobehub-ui:dashboard-breadcrumb","t":"Dashboard breadcrumb","s":"lobehub-ui","c":"navigation/breadcrumb"},{"id":"lobehub-ui:dashboard-data-display","t":"Dashboard data display","k":"layout","s":"lobehub-ui","c":"layout/dashboard"},{"id":"lobehub-ui:dashboard-layout","t":"Dashboard layout","k":"layout","s":"lobehub-ui","c":"layout/dashboard"},{"id":"lobehub-ui:dashboard-navigation","t":"Dashboard navigation","k":"layout","s":"lobehub-ui","c":"layout/dashboard"},{"id":"lobehub-ui:data-display","t":"Data display","s":"lobehub-ui","c":"other/other"},{"id":"lobehub-ui:data-entry","t":"Data entry","s":"lobehub-ui","c":"other/other"},{"id":"lobehub-ui:date-picker","t":"Date picker","s":"lobehub-ui","c":"inputs/date-picker"},{"id":"lobehub-ui:descriptions","t":"Descriptions","s":"lobehub-ui","c":"data-display/typography"},{"id":"lobehub-ui:ding-talk","t":"Ding talk","k":"resource","s":"lobehub-ui","c":"assets/logo"},{"id":"lobehub-ui:discord","t":"Discord","k":"resource","s":"lobehub-ui","c":"assets/logo"},{"id":"lobehub-ui:divider","t":"Divider","s":"lobehub-ui","c":"other/other"},{"id":"lobehub-ui:download-button","t":"Download button","s":"lobehub-ui","c":"actions/button","sb":"Loading and states"},{"id":"lobehub-ui:draggable-panel","t":"Draggable panel","s":"lobehub-ui","c":"data-display/card"},{"id":"lobehub-ui:draggable-side-nav","t":"Draggable side nav","s":"lobehub-ui","c":"navigation/sidebar"},{"id":"lobehub-ui:drawer","t":"Drawer","s":"lobehub-ui","c":"overlays/sheet"},{"id":"lobehub-ui:dropdown","t":"Dropdown","s":"lobehub-ui","c":"navigation/menu","sb":"Dropdowns"},{"id":"lobehub-ui:dropdown-menu","t":"Dropdown menu","s":"lobehub-ui","c":"navigation/menu","sb":"Dropdowns"},{"id":"lobehub-ui:editable-message","t":"Editable message","s":"lobehub-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"lobehub-ui:editable-message-list","t":"Editable message list","s":"lobehub-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"lobehub-ui:editable-text","t":"Editable text","k":"motion","s":"lobehub-ui","c":"motion/text-effect"},{"id":"lobehub-ui:editor-slash-menu","t":"Editor slash menu","s":"lobehub-ui","c":"navigation/menu"},{"id":"lobehub-ui:effect","t":"Effect","s":"lobehub-ui","c":"other/other"},{"id":"lobehub-ui:emoji-picker","t":"Emoji picker","s":"lobehub-ui","c":"inputs/select"},{"id":"lobehub-ui:empty","t":"Empty","s":"lobehub-ui","c":"data-display/empty-state"},{"id":"lobehub-ui:feature-grid","t":"Feature grid","k":"section","s":"lobehub-ui","c":"marketing/features","sb":"Grid of cards"},{"id":"lobehub-ui:features","t":"Features","k":"section","s":"lobehub-ui","c":"marketing/features"},{"id":"lobehub-ui:feedback","t":"Feedback","s":"lobehub-ui","c":"overlays/alert-banner"},{"id":"lobehub-ui:file-tree","t":"File tree","s":"lobehub-ui","c":"data-display/tree"},{"id":"lobehub-ui:file-type-icon","t":"File type icon","k":"resource","s":"lobehub-ui","c":"assets/icon"},{"id":"lobehub-ui:filter-sidebar","t":"Filter sidebar","s":"lobehub-ui","c":"navigation/sidebar"},{"id":"lobehub-ui:flex","t":"Flex","k":"lib","s":"lobehub-ui","c":"lib/utility"},{"id":"lobehub-ui:floating-panel","t":"Floating panel","s":"lobehub-ui","c":"overlays/popover"},{"id":"lobehub-ui:floating-sheet","t":"Floating sheet","s":"lobehub-ui","c":"overlays/sheet"},{"id":"lobehub-ui:fluent-emoji","t":"Fluent emoji","k":"resource","s":"lobehub-ui","c":"assets/icon"},{"id":"lobehub-ui:fluid-gradient","t":"Fluid gradient","k":"motion","s":"lobehub-ui","c":"motion/gradient","tg":["gradient"],"sy":["gradient"]},{"id":"lobehub-ui:focus-scope","t":"Focus scope","k":"lib","s":"lobehub-ui","c":"lib/utility"},{"id":"lobehub-ui:font-loader","t":"Font loader","k":"resource","s":"lobehub-ui","c":"assets/font"},{"id":"lobehub-ui:footer","t":"Footer","k":"section","s":"lobehub-ui","c":"marketing/footer"},{"id":"lobehub-ui:form","t":"Form","s":"lobehub-ui","c":"inputs/form-field","sb":"Whole forms"},{"id":"lobehub-ui:form-kit","t":"Form kit","s":"lobehub-ui","c":"inputs/form-field","sb":"Whole forms"},{"id":"lobehub-ui:form-modal","t":"Form modal","s":"lobehub-ui","c":"overlays/dialog","sb":"Forms"},{"id":"lobehub-ui:freeze","t":"Freeze","k":"lib","s":"lobehub-ui","c":"lib/utility"},{"id":"lobehub-ui:general","t":"General","s":"lobehub-ui","c":"other/other"},{"id":"lobehub-ui:giscus","t":"Giscus","s":"lobehub-ui","c":"overlays/notifications"},{"id":"lobehub-ui:github","t":"Github","k":"resource","s":"lobehub-ui","c":"assets/icon"},{"id":"lobehub-ui:google-chat","t":"Google chat","s":"lobehub-ui","c":"ai-agent/ai-agent","tg":["webgl"],"sb":"Chat","sy":["webgl"]},{"id":"lobehub-ui:gradient-button","t":"Gradient button","s":"lobehub-ui","c":"actions/button","tg":["gradient"],"sb":"Animated","sy":["gradient"]},{"id":"lobehub-ui:grid","t":"Grid","k":"lib","s":"lobehub-ui","c":"lib/utility"},{"id":"lobehub-ui:grid-background","t":"Grid background","k":"motion","s":"lobehub-ui","c":"motion/background","sb":"Grids and patterns"},{"id":"lobehub-ui:group-avatar","t":"Group avatar","s":"lobehub-ui","c":"data-display/avatar"},{"id":"lobehub-ui:guide-card","t":"Guide card","s":"lobehub-ui","c":"data-display/card"},{"id":"lobehub-ui:header","t":"Header","s":"lobehub-ui","c":"navigation/top-nav"},{"id":"lobehub-ui:hero","t":"Hero","k":"section","s":"lobehub-ui","c":"marketing/hero"},{"id":"lobehub-ui:highlighter","t":"Highlighter","k":"motion","s":"lobehub-ui","c":"motion/text-effect"},{"id":"lobehub-ui:hooks-providers","t":"Hooks providers","k":"lib","s":"lobehub-ui","c":"lib/hook"},{"id":"lobehub-ui:hotkey","t":"Hotkey","k":"lib","s":"lobehub-ui","c":"lib/utility"},{"id":"lobehub-ui:hotkey-input","t":"Hotkey input","s":"lobehub-ui","c":"inputs/form-field"},{"id":"lobehub-ui:html-preview","t":"Html preview","s":"lobehub-ui","c":"media/mockup"},{"id":"lobehub-ui:i-message","t":"I message","s":"lobehub-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"lobehub-ui:i18n","t":"I18n","k":"lib","s":"lobehub-ui","c":"lib/utility"},{"id":"lobehub-ui:icon","t":"Icon","k":"resource","s":"lobehub-ui","c":"assets/icon"},{"id":"lobehub-ui:icons","t":"Icons","k":"resource","s":"lobehub-ui","c":"assets/icon"},{"id":"lobehub-ui:image","t":"Image","s":"lobehub-ui","c":"media/gallery"},{"id":"lobehub-ui:image-select","t":"Image select","s":"lobehub-ui","c":"inputs/select"},{"id":"lobehub-ui:input","t":"Input","s":"lobehub-ui","c":"inputs/form-field"},{"id":"lobehub-ui:install-banner","t":"Install banner","s":"lobehub-ui","c":"overlays/alert-banner"},{"id":"lobehub-ui:internationalization","t":"Internationalization","k":"lib","s":"lobehub-ui","c":"lib/utility"},{"id":"lobehub-ui:landing","t":"Landing","k":"section","s":"lobehub-ui","c":"marketing/hero"},{"id":"lobehub-ui:landing-hero","t":"Landing hero","k":"section","s":"lobehub-ui","c":"marketing/hero"},{"id":"lobehub-ui:landing-section","t":"Landing section","k":"section","s":"lobehub-ui","c":"marketing/hero"},{"id":"lobehub-ui:lark","t":"Lark","k":"resource","s":"lobehub-ui","c":"assets/icon"},{"id":"lobehub-ui:layout","t":"Layout","k":"layout","s":"lobehub-ui","c":"layout/page-shell"},{"id":"lobehub-ui:line","t":"Line","k":"resource","s":"lobehub-ui","c":"assets/icon"},{"id":"lobehub-ui:list","t":"List","s":"lobehub-ui","c":"data-display/list"},{"id":"lobehub-ui:loading-dots","t":"Loading dots","k":"motion","s":"lobehub-ui","c":"motion/background","sb":"Grids and patterns"},{"id":"lobehub-ui:lobe-chat","t":"Lobe chat","s":"lobehub-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"lobehub-ui:lobe-chat-text","t":"Lobe chat text","k":"motion","s":"lobehub-ui","c":"motion/text-effect"},{"id":"lobehub-ui:lobe-hub","t":"Lobe hub","k":"resource","s":"lobehub-ui","c":"assets/logo"},{"id":"lobehub-ui:lobe-hub-text","t":"Lobe hub text","k":"motion","s":"lobehub-ui","c":"motion/text-effect"},{"id":"lobehub-ui:logo-flat","t":"Logo flat","k":"resource","s":"lobehub-ui","c":"assets/logo"},{"id":"lobehub-ui:logo-marquee","t":"Logo marquee","k":"section","s":"lobehub-ui","c":"marketing/logos"},{"id":"lobehub-ui:logo-mono","t":"Logo mono","k":"resource","s":"lobehub-ui","c":"assets/logo"},{"id":"lobehub-ui:logo-three","t":"Logo three","k":"resource","s":"lobehub-ui","c":"assets/logo","tg":["webgl"],"sy":["webgl"]},{"id":"lobehub-ui:logo3d","t":"Logo3d","k":"resource","s":"lobehub-ui","c":"assets/logo","tg":["3d"],"sy":["3d"]},{"id":"lobehub-ui:logto","t":"Logto","k":"resource","s":"lobehub-ui","c":"assets/icon"},{"id":"lobehub-ui:lucide-extra","t":"Lucide extra","k":"resource","s":"lobehub-ui","c":"assets/icon"},{"id":"lobehub-ui:lucide-icons","t":"Lucide icons","k":"resource","s":"lobehub-ui","c":"assets/icon"},{"id":"lobehub-ui:markdown","t":"Markdown","s":"lobehub-ui","c":"data-display/code-block"},{"id":"lobehub-ui:mask-shadow","t":"Mask shadow","k":"motion","s":"lobehub-ui","c":"motion/background"},{"id":"lobehub-ui:material-file-type-icon","t":"Material file type icon","k":"resource","s":"lobehub-ui","c":"assets/icon"},{"id":"lobehub-ui:mdx","t":"Mdx","k":"page","s":"lobehub-ui","c":"pages/templates"},{"id":"lobehub-ui:mdx-components","t":"Mdx components","k":"page","s":"lobehub-ui","c":"pages/templates"},{"id":"lobehub-ui:mdx-steps","t":"Mdx steps","s":"lobehub-ui","c":"navigation/wizard-steps"},{"id":"lobehub-ui:mdx-tabs","t":"Mdx tabs","s":"lobehub-ui","c":"navigation/tabs"},{"id":"lobehub-ui:menu","t":"Menu","s":"lobehub-ui","c":"navigation/menu"},{"id":"lobehub-ui:mermaid","t":"Mermaid","s":"lobehub-ui","c":"data-viz/flow"},{"id":"lobehub-ui:message-input","t":"Message input","s":"lobehub-ui","c":"ai-agent/composer"},{"id":"lobehub-ui:message-modal","t":"Message modal","s":"lobehub-ui","c":"overlays/dialog"},{"id":"lobehub-ui:microsoft-entra","t":"Microsoft entra","k":"resource","s":"lobehub-ui","c":"assets/icon"},{"id":"lobehub-ui:microsoft-teams","t":"Microsoft teams","k":"section","s":"lobehub-ui","c":"marketing/team"},{"id":"lobehub-ui:mobile","t":"Mobile","k":"page","s":"lobehub-ui","c":"pages/templates"},{"id":"lobehub-ui:mobile-chat","t":"Mobile chat","s":"lobehub-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"lobehub-ui:mobile-chat-header","t":"Mobile chat header","s":"lobehub-ui","c":"navigation/top-nav","sb":"Mobile"},{"id":"lobehub-ui:mobile-chat-input-area","t":"Mobile chat input area","s":"lobehub-ui","c":"ai-agent/composer"},{"id":"lobehub-ui:mobile-layout","t":"Mobile layout","k":"layout","s":"lobehub-ui","c":"layout/page-shell"},{"id":"lobehub-ui:modal","t":"Modal","s":"lobehub-ui","c":"overlays/dialog"},{"id":"lobehub-ui:motion-provider","t":"Motion provider","k":"lib","s":"lobehub-ui","c":"lib/hook"},{"id":"lobehub-ui:navigation","t":"Navigation","s":"lobehub-ui","c":"other/other"},{"id":"lobehub-ui:next-auth","t":"Next auth","k":"layout","s":"lobehub-ui","c":"flows/sign-in","sb":"Sign in"},{"id":"lobehub-ui:page-header","t":"Page header","s":"lobehub-ui","c":"navigation/top-nav"},{"id":"lobehub-ui:page-skeleton","t":"Page skeleton","s":"lobehub-ui","c":"status/skeleton"},{"id":"lobehub-ui:page-tabs","t":"Page tabs","s":"lobehub-ui","c":"navigation/tabs"},{"id":"lobehub-ui:pagination","t":"Pagination","s":"lobehub-ui","c":"navigation/pagination"},{"id":"lobehub-ui:popover","t":"Popover","s":"lobehub-ui","c":"overlays/popover"},{"id":"lobehub-ui:progress","t":"Progress","s":"lobehub-ui","c":"data-viz/progress-bar"},{"id":"lobehub-ui:qq","t":"Qq","k":"resource","s":"lobehub-ui","c":"assets/icon"},{"id":"lobehub-ui:qr-code","t":"Qr code","s":"lobehub-ui","c":"data-display/code-block"},{"id":"lobehub-ui:radio","t":"Radio","s":"lobehub-ui","c":"inputs/radio"},{"id":"lobehub-ui:rate","t":"Rate","s":"lobehub-ui","c":"inputs/rating"},{"id":"lobehub-ui:result","t":"Result","s":"lobehub-ui","c":"data-display/empty-state"},{"id":"lobehub-ui:route-progress","t":"Route progress","s":"lobehub-ui","c":"data-viz/progress-bar"},{"id":"lobehub-ui:safe-area","t":"Safe area","k":"lib","s":"lobehub-ui","c":"lib/utility"},{"id":"lobehub-ui:scroll-area","t":"Scroll area","k":"layout","s":"lobehub-ui","c":"layout/scroll-area"},{"id":"lobehub-ui:scroll-shadow","t":"Scroll shadow","k":"layout","s":"lobehub-ui","c":"layout/scroll-area"},{"id":"lobehub-ui:search-bar","t":"Search bar","s":"lobehub-ui","c":"inputs/search"},{"id":"lobehub-ui:sections-mdx","t":"Sections mdx","k":"page","s":"lobehub-ui","c":"pages/templates"},{"id":"lobehub-ui:segmented","t":"Segmented","s":"lobehub-ui","c":"navigation/tabs"},{"id":"lobehub-ui:select","t":"Select","s":"lobehub-ui","c":"inputs/select"},{"id":"lobehub-ui:side-nav","t":"Side nav","s":"lobehub-ui","c":"navigation/sidebar"},{"id":"lobehub-ui:skeleton","t":"Skeleton","s":"lobehub-ui","c":"status/skeleton"},{"id":"lobehub-ui:slack","t":"Slack","k":"resource","s":"lobehub-ui","c":"assets/icon"},{"id":"lobehub-ui:slider","t":"Slider","s":"lobehub-ui","c":"inputs/slider"},{"id":"lobehub-ui:slider-with-input","t":"Slider with input","s":"lobehub-ui","c":"inputs/slider"},{"id":"lobehub-ui:snippet","t":"Snippet","s":"lobehub-ui","c":"data-display/code-block"},{"id":"lobehub-ui:sortable-list","t":"Sortable list","s":"lobehub-ui","c":"data-display/list","sb":"Sortable"},{"id":"lobehub-ui:spin","t":"Spin","s":"lobehub-ui","c":"status/loader"},{"id":"lobehub-ui:spline","t":"Spline","k":"resource","s":"lobehub-ui","c":"assets/illustration"},{"id":"lobehub-ui:spotlight","t":"Spotlight","k":"motion","s":"lobehub-ui","c":"motion/background","sb":"Beams and light"},{"id":"lobehub-ui:spotlight-card","t":"Spotlight card","s":"lobehub-ui","c":"data-display/card","sb":"Animated and glowing"},{"id":"lobehub-ui:stat-card","t":"Stat card","s":"lobehub-ui","c":"data-display/stat"},{"id":"lobehub-ui:statistic","t":"Statistic","s":"lobehub-ui","c":"data-display/stat"},{"id":"lobehub-ui:steps","t":"Steps","s":"lobehub-ui","c":"navigation/wizard-steps"},{"id":"lobehub-ui:story-book","t":"Story book","k":"page","s":"lobehub-ui","c":"pages/templates"},{"id":"lobehub-ui:storybook","t":"Storybook","k":"page","s":"lobehub-ui","c":"pages/templates"},{"id":"lobehub-ui:surface","t":"Surface","k":"layout","s":"lobehub-ui","c":"layout/dashboard"},{"id":"lobehub-ui:switch","t":"Switch","s":"lobehub-ui","c":"actions/switch"},{"id":"lobehub-ui:tab-bar","t":"Tab bar","s":"lobehub-ui","c":"navigation/tabs"},{"id":"lobehub-ui:table","t":"Table","s":"lobehub-ui","c":"data-display/table"},{"id":"lobehub-ui:tabs","t":"Tabs","s":"lobehub-ui","c":"navigation/tabs"},{"id":"lobehub-ui:telegram","t":"Telegram","k":"resource","s":"lobehub-ui","c":"assets/icon"},{"id":"lobehub-ui:text","t":"Text","k":"motion","s":"lobehub-ui","c":"motion/text-effect"},{"id":"lobehub-ui:theme","t":"Theme","k":"theme","s":"lobehub-ui","c":"themes/theme"},{"id":"lobehub-ui:theme-provider","t":"Theme provider","k":"lib","s":"lobehub-ui","c":"lib/hook"},{"id":"lobehub-ui:theme-switch","t":"Theme switch","s":"lobehub-ui","c":"actions/switch","sb":"Theme toggles"},{"id":"lobehub-ui:toast","t":"Toast","s":"lobehub-ui","c":"overlays/toast"},{"id":"lobehub-ui:toc","t":"Toc","s":"lobehub-ui","c":"navigation/table-of-contents"},{"id":"lobehub-ui:toggle-group","t":"Toggle group","s":"lobehub-ui","c":"actions/switch"},{"id":"lobehub-ui:token-tag","t":"Token tag","s":"lobehub-ui","c":"data-display/badge","sb":"Tags and pills"},{"id":"lobehub-ui:tooltip","t":"Tooltip","s":"lobehub-ui","c":"overlays/tooltip"},{"id":"lobehub-ui:tree","t":"Tree","s":"lobehub-ui","c":"data-display/tree"},{"id":"lobehub-ui:typewriter-effect","t":"Typewriter effect","k":"motion","s":"lobehub-ui","c":"motion/text-effect","sb":"Typewriter"},{"id":"lobehub-ui:typography","t":"Typography","s":"lobehub-ui","c":"data-display/typography"},{"id":"lobehub-ui:upload","t":"Upload","s":"lobehub-ui","c":"inputs/file-upload"},{"id":"lobehub-ui:utils","t":"Utils","k":"lib","s":"lobehub-ui","c":"lib/utility"},{"id":"lobehub-ui:video","t":"Video","s":"lobehub-ui","c":"media/player"},{"id":"lobehub-ui:we-chat","t":"We chat","s":"lobehub-ui","c":"ai-agent/ai-agent","sb":"Chat"},{"id":"lobehub-ui:whats-app","t":"Whats app","k":"resource","s":"lobehub-ui","c":"assets/icon"},{"id":"lobehub-ui:zitadel","t":"Zitadel","k":"resource","s":"lobehub-ui","c":"assets/icon"},{"id":"park-ui:absolute-center","t":"Absolute center","k":"lib","s":"park-ui","c":"lib/utility"},{"id":"park-ui:accordion","t":"Accordion","s":"park-ui","c":"data-display/accordion"},{"id":"park-ui:alert","t":"Alert","s":"park-ui","c":"overlays/alert-banner"},{"id":"park-ui:avatar","t":"Avatar","s":"park-ui","c":"data-display/avatar"},{"id":"park-ui:badge","t":"Badge","s":"park-ui","c":"data-display/badge"},{"id":"park-ui:breadcrumb","t":"Breadcrumb","s":"park-ui","c":"navigation/breadcrumb"},{"id":"park-ui:button","t":"Button","s":"park-ui","c":"actions/button"},{"id":"park-ui:card","t":"Card","s":"park-ui","c":"data-display/card"},{"id":"park-ui:carousel","t":"Carousel","s":"park-ui","c":"media/carousel"},{"id":"park-ui:checkbox","t":"Checkbox","s":"park-ui","c":"inputs/checkbox"},{"id":"park-ui:clipboard","t":"Clipboard","s":"park-ui","c":"actions/copy-button"},{"id":"park-ui:close-button","t":"Close button","s":"park-ui","c":"actions/button"},{"id":"park-ui:code","t":"Code","s":"park-ui","c":"data-display/code-block"},{"id":"park-ui:collapsible","t":"Collapsible","s":"park-ui","c":"data-display/accordion"},{"id":"park-ui:color-picker","t":"Color picker","s":"park-ui","c":"inputs/color-picker"},{"id":"park-ui:combobox","t":"Combobox","s":"park-ui","c":"inputs/combobox"},{"id":"park-ui:date-picker","t":"Date picker","s":"park-ui","c":"inputs/date-picker"},{"id":"park-ui:dialog","t":"Dialog","s":"park-ui","c":"overlays/dialog"},{"id":"park-ui:display-value","t":"Display value","s":"park-ui","c":"data-display/stat"},{"id":"park-ui:drawer","t":"Drawer","s":"park-ui","c":"overlays/sheet"},{"id":"park-ui:editable","t":"Editable","s":"park-ui","c":"inputs/textarea"},{"id":"park-ui:field","t":"Field","s":"park-ui","c":"inputs/form-field"},{"id":"park-ui:fieldset","t":"Fieldset","s":"park-ui","c":"inputs/form-field"},{"id":"park-ui:file-upload","t":"File upload","s":"park-ui","c":"inputs/file-upload"},{"id":"park-ui:group","t":"Group","k":"layout","s":"park-ui","c":"layout/bento-grid"},{"id":"park-ui:heading","t":"Heading","k":"motion","s":"park-ui","c":"motion/text-effect"},{"id":"park-ui:hover-card","t":"Hover card","s":"park-ui","c":"overlays/hover-card"},{"id":"park-ui:icon","t":"Icon","k":"resource","s":"park-ui","c":"assets/icon"},{"id":"park-ui:icon-button","t":"Icon button","s":"park-ui","c":"actions/button","sb":"Icon buttons"},{"id":"park-ui:input","t":"Input","s":"park-ui","c":"inputs/form-field"},{"id":"park-ui:input-addon","t":"Input addon","s":"park-ui","c":"inputs/form-field","sb":"Input groups"},{"id":"park-ui:input-group","t":"Input group","s":"park-ui","c":"inputs/form-field","sb":"Input groups"},{"id":"park-ui:kbd","t":"Kbd","s":"park-ui","c":"data-display/typography"},{"id":"park-ui:link","t":"Link","s":"park-ui","c":"actions/link"},{"id":"park-ui:menu","t":"Menu","s":"park-ui","c":"navigation/menu"},{"id":"park-ui:number-input","t":"Number input","s":"park-ui","c":"inputs/number-input"},{"id":"park-ui:pagination","t":"Pagination","s":"park-ui","c":"navigation/pagination"},{"id":"park-ui:pin-input","t":"Pin input","s":"park-ui","c":"inputs/otp-input"},{"id":"park-ui:popover","t":"Popover","s":"park-ui","c":"overlays/popover"},{"id":"park-ui:progress","t":"Progress","s":"park-ui","c":"data-viz/progress-bar"},{"id":"park-ui:radio-card-group","t":"Radio card group","s":"park-ui","c":"inputs/radio"},{"id":"park-ui:radio-group","t":"Radio group","s":"park-ui","c":"inputs/radio"},{"id":"park-ui:rating-group","t":"Rating group","s":"park-ui","c":"inputs/rating"},{"id":"park-ui:scroll-area","t":"Scroll area","k":"layout","s":"park-ui","c":"layout/scroll-area"},{"id":"park-ui:segment-group","t":"Segment group","s":"park-ui","c":"actions/segmented-control"},{"id":"park-ui:select","t":"Select","s":"park-ui","c":"inputs/select"},{"id":"park-ui:skeleton","t":"Skeleton","s":"park-ui","c":"status/skeleton"},{"id":"park-ui:slider","t":"Slider","s":"park-ui","c":"inputs/slider"},{"id":"park-ui:spinner","t":"Spinner","s":"park-ui","c":"status/loader","sb":"Spinners"},{"id":"park-ui:splitter","t":"Splitter","k":"layout","s":"park-ui","c":"layout/split-pane"},{"id":"park-ui:switch","t":"Switch","s":"park-ui","c":"actions/switch"},{"id":"park-ui:table","t":"Table","s":"park-ui","c":"data-display/table"},{"id":"park-ui:tabs","t":"Tabs","s":"park-ui","c":"navigation/tabs"},{"id":"park-ui:tags-input","t":"Tags input","s":"park-ui","c":"inputs/form-field"},{"id":"park-ui:text","t":"Text","k":"motion","s":"park-ui","c":"motion/text-effect"},{"id":"park-ui:textarea","t":"Textarea","s":"park-ui","c":"inputs/textarea"},{"id":"park-ui:toast","t":"Toast","s":"park-ui","c":"overlays/toast"},{"id":"park-ui:toggle-group","t":"Toggle group","s":"park-ui","c":"actions/switch"},{"id":"park-ui:tooltip","t":"Tooltip","s":"park-ui","c":"overlays/tooltip"},{"id":"photocn:adjustments","t":"Adjustments","s":"photocn","c":"media/gallery"},{"id":"photocn:agents","t":"Agents","s":"photocn","c":"ai-agent/ai-agent"},{"id":"photocn:api","t":"Api","s":"photocn","c":"media/gallery"},{"id":"photocn:blend","t":"Blend","s":"photocn","c":"media/gallery"},{"id":"photocn:blur","t":"Blur","s":"photocn","c":"media/gallery"},{"id":"photocn:canvas","t":"Canvas","s":"photocn","c":"media/gallery"},{"id":"photocn:command-menu","t":"Command menu","s":"photocn","c":"navigation/command-palette"},{"id":"photocn:compact-layout","t":"Compact layout","s":"photocn","c":"media/gallery"},{"id":"photocn:composition","t":"Composition","s":"photocn","c":"media/gallery"},{"id":"photocn:crop","t":"Crop","s":"photocn","c":"media/gallery"},{"id":"photocn:crop-and-transform","t":"Crop and transform","s":"photocn","c":"media/gallery"},{"id":"photocn:curves","t":"Curves","s":"photocn","c":"media/gallery"},{"id":"photocn:editor","t":"Editor","s":"photocn","c":"inputs/textarea"},{"id":"photocn:export","t":"Export","s":"photocn","c":"media/gallery"},{"id":"photocn:filters","t":"Filters","s":"photocn","c":"media/gallery"},{"id":"photocn:headless","t":"Headless","s":"photocn","c":"media/gallery"},{"id":"photocn:histogram","t":"Histogram","s":"photocn","c":"data-viz/chart","sb":"Bar"},{"id":"photocn:layout","t":"Layout","s":"photocn","c":"media/gallery"},{"id":"photocn:metadata","t":"Metadata","s":"photocn","c":"media/gallery"},{"id":"photocn:mobile","t":"Mobile","s":"photocn","c":"media/gallery"},{"id":"photocn:recipes","t":"Recipes","s":"photocn","c":"media/gallery"},{"id":"photocn:saving","t":"Saving","s":"photocn","c":"media/gallery"},{"id":"photocn:toolbar","t":"Toolbar","s":"photocn","c":"navigation/menu","sb":"Menubars"},{"id":"photocn:without-react","t":"Without react","s":"photocn","c":"media/gallery"},{"id":"react-flow-xyflow:add-node-on-edge-drop","t":"Add node on edge drop","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:ai-workflow-editor","t":"Ai workflow editor","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:animated-svg-edge","t":"Animated svg edge","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:animating-edges","t":"Animating edges","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:auto-layout","t":"Auto layout","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:base-handle","t":"Base handle","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:base-node","t":"Base node","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:base-style","t":"Base style","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:button-edge","t":"Button edge","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:button-handle","t":"Button handle","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:collaborative","t":"Collaborative","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:computing-flows","t":"Computing flows","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:connection-events","t":"Connection events","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:connection-limit","t":"Connection limit","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:context-menu","t":"Context menu","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:contextual-zoom","t":"Contextual zoom","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:copy-paste","t":"Copy paste","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:custom-connectionline","t":"Custom connectionline","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:custom-edges","t":"Custom edges","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:custom-node","t":"Custom node","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:dagre","t":"Dagre","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:dark-mode","t":"Dark mode","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:data-edge","t":"Data edge","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:database-schema-node","t":"Database schema node","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:delete-edge-on-drop","t":"Delete edge on drop","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:delete-middle-node","t":"Delete middle node","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:devtools","t":"Devtools","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:download-image","t":"Download image","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:drag-and-drop","t":"Drag and drop","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:drag-handle","t":"Drag handle","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:dynamic-layouting","t":"Dynamic layouting","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:easy-connect","t":"Easy connect","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:edge-intersection","t":"Edge intersection","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:edge-label-renderer","t":"Edge label renderer","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:edge-routing","t":"Edge routing","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:edge-toolbar","t":"Edge toolbar","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:edge-types","t":"Edge types","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:editable-edge","t":"Editable edge","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:elkjs","t":"Elkjs","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:elkjs-multiple-handles","t":"Elkjs multiple handles","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:eraser","t":"Eraser","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:expand-collapse","t":"Expand collapse","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:floating-edges","t":"Floating edges","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:force-layout","t":"Force layout","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:freehand-draw","t":"Freehand draw","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:helper-lines","t":"Helper lines","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:horizontal","t":"Horizontal","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:intersections","t":"Intersections","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:labeled-group-node","t":"Labeled group node","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:labeled-handle","t":"Labeled handle","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:lasso-selection","t":"Lasso selection","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:markers","t":"Markers","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:multi-connection-line","t":"Multi connection line","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:node-appendix","t":"Node appendix","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:node-collisions","t":"Node collisions","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:node-position-animation","t":"Node position animation","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:node-resizer","t":"Node resizer","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:node-search","t":"Node search","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:node-status-indicator","t":"Node status indicator","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:node-toolbar","t":"Node toolbar","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:node-tooltip","t":"Node tooltip","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:parent-child-relation","t":"Parent child relation","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:placeholder-node","t":"Placeholder node","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:prevent-cycles","t":"Prevent cycles","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:pro-examples","t":"Pro examples","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:proximity-connect","t":"Proximity connect","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:reconnect-edge","t":"Reconnect edge","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:rectangle","t":"Rectangle","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:rotatable-node","t":"Rotatable node","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:save-and-restore","t":"Save and restore","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:selection-grouping","t":"Selection grouping","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:server-side-image-creation","t":"Server side image creation","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:shapes","t":"Shapes","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:simple-floating-edges","t":"Simple floating edges","s":"react-flow-xyflow","c":"data-viz/flow","tg":["minimal"],"sy":["minimal"]},{"id":"react-flow-xyflow:stress","t":"Stress","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:sub-flows","t":"Sub flows","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:tailwind","t":"Tailwind","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:temporary-edges","t":"Temporary edges","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:touch-device","t":"Touch device","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:turbo-flow","t":"Turbo flow","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:undo-redo","t":"Undo redo","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:update-node","t":"Update node","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:validation","t":"Validation","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:workflow-editor","t":"Workflow editor","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:zoom-select","t":"Zoom select","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"react-flow-xyflow:zoom-slider","t":"Zoom slider","s":"react-flow-xyflow","c":"data-viz/flow"},{"id":"swiftui-flx:avatar","t":"Avatar","s":"swiftui-flx","c":"data-display/avatar"},{"id":"swiftui-flx:badge","t":"Badge","s":"swiftui-flx","c":"data-display/badge"},{"id":"swiftui-flx:button","t":"Button","s":"swiftui-flx","c":"actions/button"},{"id":"swiftui-flx:card","t":"Card","s":"swiftui-flx","c":"data-display/card"},{"id":"swiftui-flx:collapsible","t":"Collapsible","s":"swiftui-flx","c":"data-display/accordion"},{"id":"swiftui-flx:field-label","t":"Field label","s":"swiftui-flx","c":"inputs/form-field","sb":"Animated fields"},{"id":"swiftui-flx:form-field","t":"Form field","s":"swiftui-flx","c":"inputs/form-field","sb":"Whole forms"},{"id":"swiftui-flx:ios","t":"Ios","k":"lib","s":"swiftui-flx","c":"lib/utility"},{"id":"swiftui-flx:item","t":"Item","s":"swiftui-flx","c":"data-display/list"},{"id":"swiftui-flx:mac","t":"Mac","k":"lib","s":"swiftui-flx","c":"lib/utility"},{"id":"swiftui-flx:mac-avatar","t":"Mac avatar","s":"swiftui-flx","c":"data-display/avatar"},{"id":"swiftui-flx:mac-badge","t":"Mac badge","s":"swiftui-flx","c":"data-display/badge"},{"id":"swiftui-flx:mac-button","t":"Mac button","s":"swiftui-flx","c":"actions/button"},{"id":"swiftui-flx:mac-card","t":"Mac card","s":"swiftui-flx","c":"data-display/card"},{"id":"swiftui-flx:mac-collapsible","t":"Mac collapsible","s":"swiftui-flx","c":"data-display/accordion"},{"id":"swiftui-flx:mac-field-label","t":"Mac field label","s":"swiftui-flx","c":"inputs/form-field","sb":"Animated fields"},{"id":"swiftui-flx:mac-form-field","t":"Mac form field","s":"swiftui-flx","c":"inputs/form-field","sb":"Whole forms"},{"id":"swiftui-flx:mac-item","t":"Mac item","s":"swiftui-flx","c":"data-display/list"},{"id":"swiftui-flx:mac-progress-view","t":"Mac progress view","s":"swiftui-flx","c":"data-viz/progress-bar"},{"id":"swiftui-flx:mac-secure-field","t":"Mac secure field","s":"swiftui-flx","c":"inputs/form-field"},{"id":"swiftui-flx:mac-sheet","t":"Mac sheet","s":"swiftui-flx","c":"overlays/sheet"},{"id":"swiftui-flx:mac-slider","t":"Mac slider","s":"swiftui-flx","c":"inputs/slider"},{"id":"swiftui-flx:mac-text-editor","t":"Mac text editor","s":"swiftui-flx","c":"inputs/textarea"},{"id":"swiftui-flx:mac-text-field","t":"Mac text field","s":"swiftui-flx","c":"inputs/form-field"},{"id":"swiftui-flx:mac-text-field-group","t":"Mac text field group","s":"swiftui-flx","c":"inputs/form-field"},{"id":"swiftui-flx:mac-toggle","t":"Mac toggle","s":"swiftui-flx","c":"actions/switch"},{"id":"swiftui-flx:menu","t":"Menu","s":"swiftui-flx","c":"navigation/menu"},{"id":"swiftui-flx:picker","t":"Picker","s":"swiftui-flx","c":"inputs/select"},{"id":"swiftui-flx:progress-view","t":"Progress view","s":"swiftui-flx","c":"data-viz/progress-bar"},{"id":"swiftui-flx:secure-field","t":"Secure field","s":"swiftui-flx","c":"inputs/form-field"},{"id":"swiftui-flx:sheet","t":"Sheet","s":"swiftui-flx","c":"overlays/sheet"},{"id":"swiftui-flx:slider","t":"Slider","s":"swiftui-flx","c":"inputs/slider"},{"id":"swiftui-flx:text-editor","t":"Text editor","s":"swiftui-flx","c":"inputs/textarea"},{"id":"swiftui-flx:text-field","t":"Text field","s":"swiftui-flx","c":"inputs/form-field"},{"id":"swiftui-flx:text-field-group","t":"Text field group","s":"swiftui-flx","c":"inputs/form-field"},{"id":"swiftui-flx:toggle","t":"Toggle","s":"swiftui-flx","c":"actions/switch"},{"id":"toolcraft:animated-brand-hero","t":"Animated brand hero","k":"section","s":"toolcraft","c":"marketing/hero","sb":"Animated background"},{"id":"toolcraft:brick-mosaic","t":"Brick mosaic","k":"layout","s":"toolcraft","c":"layout/bento-grid"},{"id":"toolcraft:dither-lab","t":"Dither lab","k":"motion","s":"toolcraft","c":"motion/shader"},{"id":"toolcraft:donut-studio","t":"Donut studio","s":"toolcraft","c":"data-viz/chart","sb":"Pie, donut and radial"},{"id":"toolcraft:dot-ring-studio","t":"Dot ring studio","k":"motion","s":"toolcraft","c":"motion/background"},{"id":"toolcraft:editorial-pattern-studio","t":"Editorial pattern studio","k":"motion","s":"toolcraft","c":"motion/background"},{"id":"toolcraft:frozen-matter","t":"Frozen matter","k":"motion","s":"toolcraft","c":"motion/shader"},{"id":"toolcraft:grass-world","t":"Grass world","k":"motion","s":"toolcraft","c":"motion/globe"},{"id":"toolcraft:interactive-call-to-action","t":"Interactive call to action","k":"section","s":"toolcraft","c":"marketing/cta"},{"id":"toolcraft:interactive-product-demo","t":"Interactive product demo","k":"page","s":"toolcraft","c":"pages/templates"},{"id":"toolcraft:kinetic-circle","t":"Kinetic circle","k":"motion","s":"toolcraft","c":"motion/background"},{"id":"toolcraft:liquid-glass","t":"Liquid glass","k":"motion","s":"toolcraft","c":"motion/shader","tg":["glass"],"sy":["glass"]},{"id":"toolcraft:liquid-metal","t":"Liquid metal","k":"motion","s":"toolcraft","c":"motion/shader"},{"id":"toolcraft:mesh-fx","t":"Mesh fx","k":"motion","s":"toolcraft","c":"motion/shader","tg":["gradient"],"sy":["gradient"]},{"id":"toolcraft:mesh-gradient","t":"Mesh gradient","k":"motion","s":"toolcraft","c":"motion/gradient","tg":["gradient"],"sy":["gradient"]},{"id":"toolcraft:micrographics","t":"Micrographics","k":"resource","s":"toolcraft","c":"assets/illustration"},{"id":"toolcraft:neon-iceberg","t":"Neon iceberg","k":"motion","s":"toolcraft","c":"motion/background","tg":["neon"],"sy":["neon"]},{"id":"toolcraft:neon-testimonials","t":"Neon testimonials","k":"section","s":"toolcraft","c":"marketing/testimonials","tg":["neon"],"sy":["neon"]},{"id":"toolcraft:particle-typography","t":"Particle typography","s":"toolcraft","c":"data-display/typography"},{"id":"toolcraft:procedural-brand-graphics","t":"Procedural brand graphics","k":"resource","s":"toolcraft","c":"assets/illustration"},{"id":"toolcraft:rotating-logo-sphere","t":"Rotating logo sphere","k":"resource","s":"toolcraft","c":"assets/logo"},{"id":"toolcraft:signature-brand-visual","t":"Signature brand visual","k":"resource","s":"toolcraft","c":"assets/illustration"},{"id":"toolcraft:spatial-gallery","t":"Spatial gallery","s":"toolcraft","c":"media/gallery"},{"id":"toolcraft:suminagashi-studio","t":"Suminagashi studio","k":"motion","s":"toolcraft","c":"motion/background"},{"id":"toolcraft:vesta-split-flap","t":"Vesta split flap","k":"motion","s":"toolcraft","c":"motion/background"},{"id":"toolcraft:webgl-image-carousel","t":"Webgl image carousel","s":"toolcraft","c":"media/carousel","tg":["webgl"],"sy":["webgl"]},{"id":"toolcraft:webgl-testimonial-carousel","t":"Webgl testimonial carousel","s":"toolcraft","c":"media/carousel","tg":["webgl"],"sy":["webgl"]},{"id":"viberdy:anamorphic-heading","t":"Anamorphic heading","k":"motion","s":"viberdy","c":"motion/text-effect","sb":"Rotating words"},{"id":"viberdy:animated-checkbox","t":"Animated checkbox","s":"viberdy","c":"inputs/checkbox"},{"id":"viberdy:animated-dot-matrix","t":"Animated dot matrix","k":"motion","s":"viberdy","c":"motion/background"},{"id":"viberdy:animated-mesh-waves","t":"Animated mesh waves","k":"motion","s":"viberdy","c":"motion/background","tg":["gradient"],"sb":"Gradients and aurora","sy":["gradient"]},{"id":"viberdy:animated-stat-grid","t":"Animated stat grid","s":"viberdy","c":"data-display/stat"},{"id":"viberdy:animated-tabs-indicator","t":"Animated tabs indicator","s":"viberdy","c":"navigation/tabs"},{"id":"viberdy:announcement-badge-hero","t":"Announcement badge hero","k":"section","s":"viberdy","c":"marketing/hero"},{"id":"viberdy:aperture-iris-reveal","t":"Aperture iris reveal","k":"motion","s":"viberdy","c":"motion/background"},{"id":"viberdy:ascii-density-nav","t":"Ascii density nav","s":"viberdy","c":"navigation/top-nav","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"viberdy:ascii-flow-field","t":"Ascii flow field","s":"viberdy","c":"inputs/form-field","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"viberdy:ascii-halftone-canvas","t":"Ascii halftone canvas","k":"motion","s":"viberdy","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"viberdy:ascii-resolve-heading","t":"Ascii resolve heading","k":"motion","s":"viberdy","c":"motion/text-effect","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"viberdy:ascii-wordmark-footer","t":"Ascii wordmark footer","k":"resource","s":"viberdy","c":"assets/logo","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"viberdy:assemble-reveal","t":"Assemble reveal","k":"motion","s":"viberdy","c":"motion/background"},{"id":"viberdy:async-action-button","t":"Async action button","s":"viberdy","c":"actions/button","sb":"Loading and states"},{"id":"viberdy:audio-wave-visualizer","t":"Audio wave visualizer","k":"motion","s":"viberdy","c":"motion/background","sb":"Waves and warps"},{"id":"viberdy:aura-booking-picker","t":"Aura booking picker","s":"viberdy","c":"inputs/select"},{"id":"viberdy:aura-dial","t":"Aura dial","s":"viberdy","c":"inputs/slider"},{"id":"viberdy:aurora-curtain-field","t":"Aurora curtain field","s":"viberdy","c":"inputs/form-field","tg":["gradient"],"sy":["gradient"]},{"id":"viberdy:aurora-drift-text","t":"Aurora drift text","k":"motion","s":"viberdy","c":"motion/text-effect","tg":["gradient"],"sb":"Gradient and shimmer","sy":["gradient"]},{"id":"viberdy:aurora-flow-nav","t":"Aurora flow nav","s":"viberdy","c":"navigation/top-nav","tg":["gradient"],"sy":["gradient"]},{"id":"viberdy:aurora-glow-button","t":"Aurora glow button","s":"viberdy","c":"actions/button","tg":["gradient","neon"],"sb":"Animated","sy":["gradient","neon"]},{"id":"viberdy:aurora-glow-input","t":"Aurora glow input","s":"viberdy","c":"inputs/form-field","tg":["gradient","neon"],"sb":"Animated fields","sy":["gradient","neon"]},{"id":"viberdy:aurora-gradient-field","t":"Aurora gradient field","s":"viberdy","c":"inputs/form-field","tg":["gradient"],"sy":["gradient"]},{"id":"viberdy:aurora-horizon-hero","t":"Aurora horizon hero","k":"section","s":"viberdy","c":"marketing/hero","tg":["gradient"],"sb":"Animated background","sy":["gradient"]},{"id":"viberdy:aurora-ribbon-cursor","t":"Aurora ribbon cursor","k":"section","s":"viberdy","c":"marketing/announcement","tg":["gradient"],"sy":["gradient"]},{"id":"viberdy:aurora-rim-card","t":"Aurora rim card","s":"viberdy","c":"data-display/card","tg":["gradient"],"sy":["gradient"]},{"id":"viberdy:aurora-rise-footer","t":"Aurora rise footer","k":"section","s":"viberdy","c":"marketing/footer","tg":["gradient"],"sy":["gradient"]},{"id":"viberdy:aurora-site","t":"Aurora site","k":"motion","s":"viberdy","c":"motion/gradient","tg":["gradient"],"sy":["gradient"]},{"id":"viberdy:aurora-volume-pricing","t":"Aurora volume pricing","k":"section","s":"viberdy","c":"marketing/pricing","tg":["gradient"],"sy":["gradient"]},{"id":"viberdy:aurora-window-features","t":"Aurora window features","k":"section","s":"viberdy","c":"marketing/features","tg":["gradient"],"sy":["gradient"]},{"id":"viberdy:auth-screens-template","t":"Auth screens template","k":"page","s":"viberdy","c":"pages/templates","sb":"Auth pages"},{"id":"viberdy:avatar-orbit-cluster","t":"Avatar orbit cluster","s":"viberdy","c":"data-display/avatar"},{"id":"viberdy:axis-flow-nav","t":"Axis flow nav","s":"viberdy","c":"navigation/top-nav"},{"id":"viberdy:axis-pass-pricing","t":"Axis pass pricing","k":"section","s":"viberdy","c":"marketing/pricing"},{"id":"viberdy:axis-press-button","t":"Axis press button","s":"viberdy","c":"actions/button"},{"id":"viberdy:axis-scrub-heading","t":"Axis scrub heading","k":"motion","s":"viberdy","c":"motion/text-effect"},{"id":"viberdy:axis-session-card","t":"Axis session card","s":"viberdy","c":"data-display/card"},{"id":"viberdy:axis-supply-store-site","t":"Axis supply store site","k":"page","s":"viberdy","c":"pages/templates"},{"id":"viberdy:badge-ping-counter","t":"Badge ping counter","k":"motion","s":"viberdy","c":"motion/number-ticker"},{"id":"viberdy:bayer-dissolve","t":"Bayer dissolve","k":"motion","s":"viberdy","c":"motion/background"},{"id":"viberdy:bayer-fill-button","t":"Bayer fill button","s":"viberdy","c":"actions/button"},{"id":"viberdy:beam-connector","t":"Beam connector","k":"motion","s":"viberdy","c":"motion/background","sb":"Beams and light"},{"id":"viberdy:beam-lattice-hero","t":"Beam lattice hero","k":"section","s":"viberdy","c":"marketing/hero","sb":"Animated background"},{"id":"viberdy:beam-sweep-backdrop","t":"Beam sweep backdrop","k":"motion","s":"viberdy","c":"motion/background","sb":"Beams and light"},{"id":"viberdy:bento-command-nav","t":"Bento command nav","s":"viberdy","c":"navigation/top-nav","sb":"With search"},{"id":"viberdy:bento-footer-grid","t":"Bento footer grid","k":"section","s":"viberdy","c":"marketing/footer"},{"id":"viberdy:bento-launch-template","t":"Bento launch template","k":"page","s":"viberdy","c":"pages/templates"},{"id":"viberdy:bento-preview-hero","t":"Bento preview hero","k":"section","s":"viberdy","c":"marketing/hero"},{"id":"viberdy:bento-pricing-tiles","t":"Bento pricing tiles","k":"section","s":"viberdy","c":"marketing/pricing"},{"id":"viberdy:black-border-form","t":"Black border form","s":"viberdy","c":"inputs/form-field","sb":"Whole forms"},{"id":"viberdy:blog-post-template","t":"Blog post template","k":"page","s":"viberdy","c":"pages/templates","sb":"Blogs and docs"},{"id":"viberdy:booking-slot-picker","t":"Booking slot picker","s":"viberdy","c":"inputs/select"},{"id":"viberdy:breath-pacer-ring","t":"Breath pacer ring","s":"viberdy","c":"status/loader"},{"id":"viberdy:breathing-halo-hero","t":"Breathing halo hero","k":"section","s":"viberdy","c":"marketing/hero"},{"id":"viberdy:broken-grid-site","t":"Broken grid site","k":"page","s":"viberdy","c":"pages/templates"},{"id":"viberdy:brutal-mega-menu","t":"Brutal mega menu","s":"viberdy","c":"navigation/top-nav","tg":["brutalist"],"sb":"Mega menus","sy":["brutalist"]},{"id":"viberdy:capture-loop-card","t":"Capture loop card","s":"viberdy","c":"data-display/card"},{"id":"viberdy:card-carousel-3d","t":"Card carousel 3d","s":"viberdy","c":"media/carousel","tg":["3d"],"sy":["3d"]},{"id":"viberdy:card-shuffle-deck","t":"Card shuffle deck","s":"viberdy","c":"media/card-stack"},{"id":"viberdy:caustic-light-pool","t":"Caustic light pool","k":"motion","s":"viberdy","c":"motion/shader"},{"id":"viberdy:changelog-page-template","t":"Changelog page template","k":"page","s":"viberdy","c":"pages/templates"},{"id":"viberdy:chapter-progress-nav","t":"Chapter progress nav","s":"viberdy","c":"navigation/top-nav"},{"id":"viberdy:chromatic-split-hover","t":"Chromatic split hover","k":"motion","s":"viberdy","c":"motion/border"},{"id":"viberdy:chrome-pill-button","t":"Chrome pill button","s":"viberdy","c":"actions/button"},{"id":"viberdy:chrome-pour-reveal","t":"Chrome pour reveal","k":"motion","s":"viberdy","c":"motion/background"},{"id":"viberdy:chrome-rim-input","t":"Chrome rim input","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:chrome-vinyl-preorder","t":"Chrome vinyl preorder","k":"page","s":"viberdy","c":"pages/templates"},{"id":"viberdy:circuit-feature-map","t":"Circuit feature map","s":"viberdy","c":"data-viz/map"},{"id":"viberdy:class-timetable-section","t":"Class timetable section","s":"viberdy","c":"data-display/table"},{"id":"viberdy:colourway-product-card","t":"Colourway product card","s":"viberdy","c":"data-display/card","sb":"Product"},{"id":"viberdy:command-palette","t":"Command palette","s":"viberdy","c":"navigation/command-palette"},{"id":"viberdy:concern-finder-section","t":"Concern finder section","k":"page","s":"viberdy","c":"pages/templates"},{"id":"viberdy:concrete-wall-texture","t":"Concrete wall texture","k":"motion","s":"viberdy","c":"motion/background"},{"id":"viberdy:confetti-button","t":"Confetti button","s":"viberdy","c":"actions/button"},{"id":"viberdy:contrast-safe-swatch","t":"Contrast safe swatch","s":"viberdy","c":"inputs/color-picker"},{"id":"viberdy:copy-code-snippet","t":"Copy code snippet","s":"viberdy","c":"data-display/code-block"},{"id":"viberdy:crt-scanline-overlay","t":"Crt scanline overlay","k":"motion","s":"viberdy","c":"motion/shader","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"viberdy:cursor-crosshair-readout","t":"Cursor crosshair readout","k":"motion","s":"viberdy","c":"motion/cursor"},{"id":"viberdy:cursor-label-follower","t":"Cursor label follower","s":"viberdy","c":"inputs/form-field","sb":"Animated fields"},{"id":"viberdy:cursor-lens-magnifier","t":"Cursor lens magnifier","s":"viberdy","c":"media/gallery","sb":"Zoom and lens"},{"id":"viberdy:cursor-mask-reveal","t":"Cursor mask reveal","k":"motion","s":"viberdy","c":"motion/cursor"},{"id":"viberdy:cursor-snap-target","t":"Cursor snap target","k":"motion","s":"viberdy","c":"motion/cursor"},{"id":"viberdy:curtain-footer-section","t":"Curtain footer section","k":"section","s":"viberdy","c":"marketing/footer"},{"id":"viberdy:curved-rail-nav","t":"Curved rail nav","s":"viberdy","c":"navigation/top-nav"},{"id":"viberdy:dark-precision-site","t":"Dark precision site","k":"page","s":"viberdy","c":"pages/templates"},{"id":"viberdy:dashboard-shell-template","t":"Dashboard shell template","k":"page","s":"viberdy","c":"pages/templates","sb":"Dashboards"},{"id":"viberdy:data-table-sortable","t":"Data table sortable","s":"viberdy","c":"data-display/table","sb":"Data tables"},{"id":"viberdy:date-range-picker","t":"Date range picker","s":"viberdy","c":"inputs/date-range"},{"id":"viberdy:dawn-scrub-hero","t":"Dawn scrub hero","k":"section","s":"viberdy","c":"marketing/hero"},{"id":"viberdy:dawn-timeline-section","t":"Dawn timeline section","s":"viberdy","c":"data-display/timeline"},{"id":"viberdy:density-ledger","t":"Density ledger","s":"viberdy","c":"data-display/table"},{"id":"viberdy:deploy-log-input","t":"Deploy log input","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:depth-card-carousel","t":"Depth card carousel","s":"viberdy","c":"media/carousel","tg":["3d"],"sy":["3d"]},{"id":"viberdy:detent-dial-input","t":"Detent dial input","s":"viberdy","c":"inputs/slider"},{"id":"viberdy:diffused-glow-site","t":"Diffused glow site","k":"motion","s":"viberdy","c":"motion/background","tg":["neon"],"sb":"Gradients and aurora","sy":["neon"]},{"id":"viberdy:displacement-smear-type","t":"Displacement smear type","k":"motion","s":"viberdy","c":"motion/text-effect"},{"id":"viberdy:dither-ascii-site","t":"Dither ascii site","k":"motion","s":"viberdy","c":"motion/ascii","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"viberdy:dither-develop-card","t":"Dither develop card","s":"viberdy","c":"data-display/card"},{"id":"viberdy:dither-drop-input","t":"Dither drop input","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:docs-page-template","t":"Docs page template","k":"page","s":"viberdy","c":"pages/templates","sb":"Blogs and docs"},{"id":"viberdy:drag-inertia-carousel","t":"Drag inertia carousel","s":"viberdy","c":"media/carousel"},{"id":"viberdy:draggable-bottom-sheet","t":"Draggable bottom sheet","s":"viberdy","c":"overlays/sheet"},{"id":"viberdy:draggable-sortable-list","t":"Draggable sortable list","s":"viberdy","c":"data-display/list","sb":"Sortable"},{"id":"viberdy:duotone-plate-hero","t":"Duotone plate hero","k":"section","s":"viberdy","c":"marketing/hero"},{"id":"viberdy:dusk-set-footer","t":"Dusk set footer","k":"section","s":"viberdy","c":"marketing/footer"},{"id":"viberdy:edge-invert-headline","t":"Edge invert headline","k":"motion","s":"viberdy","c":"motion/text-effect"},{"id":"viberdy:edge-sliver-poster-hero","t":"Edge sliver poster hero","k":"section","s":"viberdy","c":"marketing/hero"},{"id":"viberdy:elastic-overscroll-list","t":"Elastic overscroll list","s":"viberdy","c":"data-display/list"},{"id":"viberdy:elastic-underline-nav","t":"Elastic underline nav","s":"viberdy","c":"navigation/top-nav"},{"id":"viberdy:ember-rest-footer","t":"Ember rest footer","k":"section","s":"viberdy","c":"marketing/footer"},{"id":"viberdy:entry-edge-fill-button","t":"Entry edge fill button","s":"viberdy","c":"actions/button"},{"id":"viberdy:expandable-search-bar","t":"Expandable search bar","s":"viberdy","c":"inputs/search"},{"id":"viberdy:exploded-view-section","t":"Exploded view section","s":"viberdy","c":"media/mockup"},{"id":"viberdy:extruded-spec-card","t":"Extruded spec card","s":"viberdy","c":"data-display/card"},{"id":"viberdy:extruded-type-tilt","t":"Extruded type tilt","k":"motion","s":"viberdy","c":"motion/tilt-3d","tg":["3d"],"sy":["3d"]},{"id":"viberdy:fee-squeeze-pricing","t":"Fee squeeze pricing","k":"section","s":"viberdy","c":"marketing/pricing"},{"id":"viberdy:file-tree-explorer","t":"File tree explorer","s":"viberdy","c":"data-display/tree"},{"id":"viberdy:file-upload-dropzone","t":"File upload dropzone","s":"viberdy","c":"inputs/file-upload"},{"id":"viberdy:filmstrip-silhouette-hero","t":"Filmstrip silhouette hero","k":"section","s":"viberdy","c":"marketing/hero"},{"id":"viberdy:final-call-section","t":"Final call section","k":"page","s":"viberdy","c":"pages/templates"},{"id":"viberdy:find-us-map-section","t":"Find us map section","s":"viberdy","c":"data-viz/map"},{"id":"viberdy:finish-tier-pricing","t":"Finish tier pricing","k":"section","s":"viberdy","c":"marketing/pricing","sb":"Plan cards"},{"id":"viberdy:fit-light-pricing","t":"Fit light pricing","k":"section","s":"viberdy","c":"marketing/pricing"},{"id":"viberdy:flip-card","t":"Flip card","s":"viberdy","c":"data-display/card"},{"id":"viberdy:flip-grid-reorder","t":"Flip grid reorder","k":"layout","s":"viberdy","c":"layout/bento-grid"},{"id":"viberdy:flip-reveal-tiles","t":"Flip reveal tiles","s":"viberdy","c":"data-display/card"},{"id":"viberdy:floating-label-input","t":"Floating label input","s":"viberdy","c":"inputs/form-field","sb":"Animated fields"},{"id":"viberdy:flow-field-drift","t":"Flow field drift","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:flush-lineup-poster","t":"Flush lineup poster","k":"resource","s":"viberdy","c":"assets/illustration"},{"id":"viberdy:flush-pressure-hero","t":"Flush pressure hero","k":"section","s":"viberdy","c":"marketing/hero"},{"id":"viberdy:flush-wordmark-footer","t":"Flush wordmark footer","k":"resource","s":"viberdy","c":"assets/logo"},{"id":"viberdy:form-error-summary","t":"Form error summary","s":"viberdy","c":"inputs/form-field","sb":"Whole forms"},{"id":"viberdy:fractal-noise-drift","t":"Fractal noise drift","k":"motion","s":"viberdy","c":"motion/background","sb":"Noise and texture"},{"id":"viberdy:fuzzy-match-input","t":"Fuzzy match input","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:gift-voucher-composer","t":"Gift voucher composer","s":"viberdy","c":"ai-agent/composer"},{"id":"viberdy:glare-tilt-card","t":"Glare tilt card","s":"viberdy","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"]},{"id":"viberdy:glass-app-template","t":"Glass app template","k":"page","s":"viberdy","c":"pages/templates","tg":["glass"],"sy":["glass"]},{"id":"viberdy:glass-bento-wall","t":"Glass bento wall","k":"layout","s":"viberdy","c":"layout/bento-grid","tg":["glass"],"sy":["glass"]},{"id":"viberdy:glass-etch-text","t":"Glass etch text","k":"motion","s":"viberdy","c":"motion/text-effect","tg":["glass"],"sy":["glass"]},{"id":"viberdy:glass-focus-field","t":"Glass focus field","s":"viberdy","c":"inputs/form-field","tg":["glass"],"sb":"Animated fields","sy":["glass"]},{"id":"viberdy:glass-morph-popover","t":"Glass morph popover","s":"viberdy","c":"overlays/popover","tg":["glass"],"sy":["glass"]},{"id":"viberdy:glass-pricing-tiers","t":"Glass pricing tiers","k":"section","s":"viberdy","c":"marketing/pricing","tg":["glass"],"sb":"Plan cards","sy":["glass"]},{"id":"viberdy:glass-refraction-panel","t":"Glass refraction panel","s":"viberdy","c":"data-display/card","tg":["glass"],"sb":"Animated and glowing","sy":["glass"]},{"id":"viberdy:glass-tint-footer","t":"Glass tint footer","k":"section","s":"viberdy","c":"marketing/footer","tg":["glass"],"sy":["glass"]},{"id":"viberdy:glitch-text-hover","t":"Glitch text hover","k":"motion","s":"viberdy","c":"motion/text-effect","sb":"Scramble and glitch"},{"id":"viberdy:glyph-axis-stagger","t":"Glyph axis stagger","k":"motion","s":"viberdy","c":"motion/text-effect"},{"id":"viberdy:glyph-wave-field","t":"Glyph wave field","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:gradient-border-beam","t":"Gradient border beam","k":"motion","s":"viberdy","c":"motion/border","tg":["gradient"],"sy":["gradient"]},{"id":"viberdy:grain-overlay","t":"Grain overlay","k":"motion","s":"viberdy","c":"motion/background","sb":"Noise and texture"},{"id":"viberdy:gummy-pile-footer","t":"Gummy pile footer","k":"section","s":"viberdy","c":"marketing/footer"},{"id":"viberdy:gummy-type-input","t":"Gummy type input","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:hairline-morph-nav","t":"Hairline morph nav","s":"viberdy","c":"navigation/top-nav"},{"id":"viberdy:hairline-tile-button","t":"Hairline tile button","s":"viberdy","c":"actions/button"},{"id":"viberdy:halftone-depth-field","t":"Halftone depth field","s":"viberdy","c":"inputs/form-field","tg":["3d"],"sy":["3d"]},{"id":"viberdy:halo-concern-nav","t":"Halo concern nav","s":"viberdy","c":"navigation/top-nav"},{"id":"viberdy:halo-mesh-field","t":"Halo mesh field","s":"viberdy","c":"inputs/form-field","tg":["gradient"],"sy":["gradient"]},{"id":"viberdy:halo-treatment-card","t":"Halo treatment card","s":"viberdy","c":"data-display/card"},{"id":"viberdy:hanging-label-input","t":"Hanging label input","s":"viberdy","c":"inputs/form-field","sb":"Animated fields"},{"id":"viberdy:hanging-quote-section","t":"Hanging quote section","k":"section","s":"viberdy","c":"marketing/testimonials"},{"id":"viberdy:headline-switch-hero","t":"Headline switch hero","k":"section","s":"viberdy","c":"marketing/hero"},{"id":"viberdy:hide-on-scroll-navbar","t":"Hide on scroll navbar","s":"viberdy","c":"navigation/top-nav","sb":"On scroll"},{"id":"viberdy:hold-to-commit-button","t":"Hold to commit button","s":"viberdy","c":"actions/button","sb":"Loading and states"},{"id":"viberdy:holo-foil-field","t":"Holo foil field","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:holo-ticket-card","t":"Holo ticket card","s":"viberdy","c":"data-display/card"},{"id":"viberdy:horizon-light-footer","t":"Horizon light footer","k":"section","s":"viberdy","c":"marketing/footer"},{"id":"viberdy:hours-poster-section","t":"Hours poster section","k":"page","s":"viberdy","c":"pages/templates"},{"id":"viberdy:hover-expand-panels","t":"Hover expand panels","s":"viberdy","c":"data-display/card","sb":"Animated and glowing"},{"id":"viberdy:hover-link-peek","t":"Hover link peek","s":"viberdy","c":"overlays/hover-card"},{"id":"viberdy:hover-reveal-text-gallery","t":"Hover reveal text gallery","s":"viberdy","c":"media/gallery","sb":"Hover effects"},{"id":"viberdy:hover-slice-shear","t":"Hover slice shear","k":"motion","s":"viberdy","c":"motion/border"},{"id":"viberdy:hover-stroke-draw-button","t":"Hover stroke draw button","s":"viberdy","c":"actions/button","sb":"Animated"},{"id":"viberdy:image-comparison-slider","t":"Image comparison slider","s":"viberdy","c":"media/image-compare"},{"id":"viberdy:index-overlay-menu","t":"Index overlay menu","s":"viberdy","c":"navigation/menu"},{"id":"viberdy:index-step-nav","t":"Index step nav","s":"viberdy","c":"navigation/top-nav"},{"id":"viberdy:infinite-drag-canvas","t":"Infinite drag canvas","k":"lib","s":"viberdy","c":"lib/utility"},{"id":"viberdy:infinite-list-sentinel","t":"Infinite list sentinel","s":"viberdy","c":"data-display/list","sb":"Long lists"},{"id":"viberdy:ink-bleed-reveal","t":"Ink bleed reveal","k":"motion","s":"viberdy","c":"motion/background"},{"id":"viberdy:ink-fluid-field","t":"Ink fluid field","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:inline-editable-grid","t":"Inline editable grid","s":"viberdy","c":"data-display/table"},{"id":"viberdy:intent-safe-menu","t":"Intent safe menu","s":"viberdy","c":"navigation/menu"},{"id":"viberdy:iridescent-foil-sweep","t":"Iridescent foil sweep","k":"motion","s":"viberdy","c":"motion/shader"},{"id":"viberdy:jelly-letter-hero","t":"Jelly letter hero","k":"section","s":"viberdy","c":"marketing/hero"},{"id":"viberdy:kanban-drag-columns","t":"Kanban drag columns","s":"viberdy","c":"data-display/kanban"},{"id":"viberdy:keycap-button","t":"Keycap button","s":"viberdy","c":"actions/button"},{"id":"viberdy:keylight-field","t":"Keylight field","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:keynote-bento-hero","t":"Keynote bento hero","k":"section","s":"viberdy","c":"marketing/hero"},{"id":"viberdy:kinetic-stat-board","t":"Kinetic stat board","s":"viberdy","c":"data-display/kanban"},{"id":"viberdy:kinetic-type-site","t":"Kinetic type site","k":"page","s":"viberdy","c":"pages/templates"},{"id":"viberdy:knockout-type-plate","t":"Knockout type plate","s":"viberdy","c":"inputs/textarea"},{"id":"viberdy:lathe-story-scroll","t":"Lathe story scroll","k":"layout","s":"viberdy","c":"layout/scroll-area"},{"id":"viberdy:lenticular-print-shift","t":"Lenticular print shift","k":"motion","s":"viberdy","c":"motion/background"},{"id":"viberdy:letterpress-light-type","t":"Letterpress light type","k":"motion","s":"viberdy","c":"motion/text-effect"},{"id":"viberdy:light-lift-card","t":"Light lift card","s":"viberdy","c":"data-display/card"},{"id":"viberdy:line-mask-reveal","t":"Line mask reveal","k":"motion","s":"viberdy","c":"motion/background"},{"id":"viberdy:liquid-blob-cursor","t":"Liquid blob cursor","k":"motion","s":"viberdy","c":"motion/cursor"},{"id":"viberdy:liquid-chrome-site","t":"Liquid chrome site","k":"page","s":"viberdy","c":"pages/templates"},{"id":"viberdy:liquid-glass-button","t":"Liquid glass button","s":"viberdy","c":"actions/button","tg":["glass"],"sb":"Animated","sy":["glass"]},{"id":"viberdy:liquid-glass-switch","t":"Liquid glass switch","s":"viberdy","c":"actions/switch","tg":["glass"],"sb":"Animated","sy":["glass"]},{"id":"viberdy:liquid-glass-tab-bar","t":"Liquid glass tab bar","s":"viberdy","c":"navigation/tabs","tg":["glass"],"sy":["glass"]},{"id":"viberdy:liquid-lens-hero","t":"Liquid lens hero","k":"section","s":"viberdy","c":"marketing/hero"},{"id":"viberdy:liquid-metal-field","t":"Liquid metal field","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:liquid-wallpaper-field","t":"Liquid wallpaper field","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:lit-dot-matrix-field","t":"Lit dot matrix field","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:lit-rooms-membership","t":"Lit rooms membership","k":"page","s":"viberdy","c":"pages/templates"},{"id":"viberdy:live-hours-nav","t":"Live hours nav","s":"viberdy","c":"navigation/top-nav"},{"id":"viberdy:living-bento-grid","t":"Living bento grid","k":"layout","s":"viberdy","c":"layout/bento-grid"},{"id":"viberdy:logo-proof-hero","t":"Logo proof hero","k":"resource","s":"viberdy","c":"assets/logo"},{"id":"viberdy:magnetic-button","t":"Magnetic button","s":"viberdy","c":"actions/button","sb":"Animated"},{"id":"viberdy:magnetic-nav-dock","t":"Magnetic nav dock","s":"viberdy","c":"navigation/dock"},{"id":"viberdy:magnetic-tile-grid","t":"Magnetic tile grid","s":"viberdy","c":"data-display/card"},{"id":"viberdy:marbled-endpaper","t":"Marbled endpaper","k":"motion","s":"viberdy","c":"motion/background"},{"id":"viberdy:marker-highlight-text","t":"Marker highlight text","k":"motion","s":"viberdy","c":"motion/text-effect"},{"id":"viberdy:marquee-cylinder-3d","t":"Marquee cylinder 3d","k":"motion","s":"viberdy","c":"motion/marquee","tg":["3d"],"sy":["3d"]},{"id":"viberdy:marquee-ticker","t":"Marquee ticker","k":"motion","s":"viberdy","c":"motion/marquee"},{"id":"viberdy:masked-scroll-highlight","t":"Masked scroll highlight","k":"layout","s":"viberdy","c":"layout/scroll-area"},{"id":"viberdy:masonry-image-hover-grid","t":"Masonry image hover grid","s":"viberdy","c":"media/gallery","sb":"Masonry"},{"id":"viberdy:median-cut-palette-plate","t":"Median cut palette plate","s":"viberdy","c":"inputs/textarea"},{"id":"viberdy:mercury-pour-nav","t":"Mercury pour nav","s":"viberdy","c":"navigation/top-nav"},{"id":"viberdy:metric-proof-tiles","t":"Metric proof tiles","s":"viberdy","c":"data-display/stat"},{"id":"viberdy:mirror-pool-footer","t":"Mirror pool footer","k":"section","s":"viberdy","c":"marketing/footer"},{"id":"viberdy:modern-minimal-site","t":"Modern minimal site","k":"page","s":"viberdy","c":"pages/templates","tg":["minimal"],"sy":["minimal"]},{"id":"viberdy:moire-interference-field","t":"Moire interference field","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:molten-chrome-hero","t":"Molten chrome hero","k":"section","s":"viberdy","c":"marketing/hero"},{"id":"viberdy:morning-light-field","t":"Morning light field","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:morphing-command-nav","t":"Morphing command nav","s":"viberdy","c":"navigation/top-nav","sb":"With search"},{"id":"viberdy:morphing-hamburger-icon","t":"Morphing hamburger icon","k":"resource","s":"viberdy","c":"assets/icon"},{"id":"viberdy:morphing-island-notch","t":"Morphing island notch","k":"motion","s":"viberdy","c":"motion/border"},{"id":"viberdy:morphing-shape-loop","t":"Morphing shape loop","k":"resource","s":"viberdy","c":"assets/shape"},{"id":"viberdy:multi-select-combobox","t":"Multi select combobox","s":"viberdy","c":"inputs/combobox"},{"id":"viberdy:multi-step-form-flow","t":"Multi step form flow","s":"viberdy","c":"inputs/form-field","sb":"Whole forms"},{"id":"viberdy:name-badge-input","t":"Name badge input","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:native-sheet-dialog","t":"Native sheet dialog","s":"viberdy","c":"overlays/dialog"},{"id":"viberdy:neo-brutal-saas-template","t":"Neo brutal saas template","k":"page","s":"viberdy","c":"pages/templates","tg":["brutalist"],"sb":"Landing pages","sy":["brutalist"]},{"id":"viberdy:neon-tube-sign","t":"Neon tube sign","k":"resource","s":"viberdy","c":"assets/illustration","tg":["neon"],"sy":["neon"]},{"id":"viberdy:nested-command-menu","t":"Nested command menu","s":"viberdy","c":"navigation/command-palette"},{"id":"viberdy:noise-fill-pricing","t":"Noise fill pricing","k":"section","s":"viberdy","c":"marketing/pricing"},{"id":"viberdy:noise-gradient-canvas","t":"Noise gradient canvas","k":"motion","s":"viberdy","c":"motion/gradient","tg":["gradient"],"sy":["gradient"]},{"id":"viberdy:not-found-template","t":"Not found template","k":"page","s":"viberdy","c":"pages/templates","sb":"Error and status pages"},{"id":"viberdy:notification-center-panel","t":"Notification center panel","s":"viberdy","c":"overlays/notifications"},{"id":"viberdy:notification-stack-peek","t":"Notification stack peek","s":"viberdy","c":"overlays/hover-card"},{"id":"viberdy:odometer-counter","t":"Odometer counter","k":"motion","s":"viberdy","c":"motion/number-ticker"},{"id":"viberdy:offset-shadow-card","t":"Offset shadow card","s":"viberdy","c":"data-display/card"},{"id":"viberdy:offset-target-button","t":"Offset target button","s":"viberdy","c":"actions/button"},{"id":"viberdy:onboarding-checklist","t":"Onboarding checklist","s":"viberdy","c":"inputs/checkbox"},{"id":"viberdy:optimistic-inline-commit","t":"Optimistic inline commit","k":"layout","s":"viberdy","c":"flows/settings"},{"id":"viberdy:orb-depth-field","t":"Orb depth field","s":"viberdy","c":"ai-agent/ai-agent","tg":["3d"],"sb":"Orbs and presence","sy":["3d"]},{"id":"viberdy:orbit-light-button","t":"Orbit light button","s":"viberdy","c":"actions/button"},{"id":"viberdy:orbit-product-hero","t":"Orbit product hero","k":"section","s":"viberdy","c":"marketing/hero","sb":"With product shot"},{"id":"viberdy:orbital-action-menu","t":"Orbital action menu","s":"viberdy","c":"navigation/menu"},{"id":"viberdy:ordered-dither-plate","t":"Ordered dither plate","s":"viberdy","c":"inputs/textarea"},{"id":"viberdy:otp-code-input","t":"Otp code input","s":"viberdy","c":"inputs/otp-input"},{"id":"viberdy:overshoot-lattice-hero","t":"Overshoot lattice hero","k":"section","s":"viberdy","c":"marketing/hero"},{"id":"viberdy:page-loading-bar","t":"Page loading bar","s":"viberdy","c":"data-viz/progress-bar"},{"id":"viberdy:page-transition-wrapper","t":"Page transition wrapper","k":"layout","s":"viberdy","c":"layout/page-shell"},{"id":"viberdy:particle-assemble-text","t":"Particle assemble text","k":"motion","s":"viberdy","c":"motion/text-effect"},{"id":"viberdy:particle-galaxy-field","t":"Particle galaxy field","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:path-follow-scroll","t":"Path follow scroll","k":"layout","s":"viberdy","c":"layout/scroll-area"},{"id":"viberdy:patina-dock","t":"Patina dock","s":"viberdy","c":"navigation/dock"},{"id":"viberdy:pedestal-footer","t":"Pedestal footer","k":"section","s":"viberdy","c":"marketing/footer"},{"id":"viberdy:pendulum-menu","t":"Pendulum menu","s":"viberdy","c":"navigation/menu"},{"id":"viberdy:perspective-grid-floor","t":"Perspective grid floor","k":"motion","s":"viberdy","c":"motion/tilt-3d","tg":["3d"],"sy":["3d"]},{"id":"viberdy:pixel-dissolve-reveal","t":"Pixel dissolve reveal","k":"motion","s":"viberdy","c":"motion/background","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"viberdy:pointer-lit-card","t":"Pointer lit card","s":"viberdy","c":"data-display/card"},{"id":"viberdy:pointer-parallax-scene","t":"Pointer parallax scene","k":"layout","s":"viberdy","c":"layout/scroll-area"},{"id":"viberdy:pointer-warp-dot-field","t":"Pointer warp dot field","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:portfolio-page-template","t":"Portfolio page template","k":"page","s":"viberdy","c":"pages/templates","sb":"Portfolios"},{"id":"viberdy:pour-fill-heading","t":"Pour fill heading","k":"motion","s":"viberdy","c":"motion/text-effect"},{"id":"viberdy:pour-tracklist-section","t":"Pour tracklist section","k":"page","s":"viberdy","c":"pages/templates"},{"id":"viberdy:pressure-signature-pad","t":"Pressure signature pad","k":"lib","s":"viberdy","c":"lib/utility"},{"id":"viberdy:pricing-page-template","t":"Pricing page template","k":"page","s":"viberdy","c":"pages/templates"},{"id":"viberdy:pricing-toggle-switch","t":"Pricing toggle switch","s":"viberdy","c":"actions/switch"},{"id":"viberdy:priority-plus-nav","t":"Priority plus nav","s":"viberdy","c":"navigation/top-nav"},{"id":"viberdy:prism-beam-hero","t":"Prism beam hero","k":"section","s":"viberdy","c":"marketing/hero","sb":"Animated background"},{"id":"viberdy:product-shot-hero","t":"Product shot hero","k":"section","s":"viberdy","c":"marketing/hero","sb":"With product shot"},{"id":"viberdy:program-curve-pricing","t":"Program curve pricing","k":"section","s":"viberdy","c":"marketing/pricing"},{"id":"viberdy:progress-arc-gauge","t":"Progress arc gauge","s":"viberdy","c":"data-viz/gauge"},{"id":"viberdy:progress-ring","t":"Progress ring","s":"viberdy","c":"data-viz/progress-bar"},{"id":"viberdy:puffer-quilt-field","t":"Puffer quilt field","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:punch-card-field","t":"Punch card field","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:pushed-shadow-button","t":"Pushed shadow button","s":"viberdy","c":"actions/button"},{"id":"viberdy:quiet-zone-hero","t":"Quiet zone hero","k":"section","s":"viberdy","c":"marketing/hero"},{"id":"viberdy:range-slider","t":"Range slider","s":"viberdy","c":"inputs/slider"},{"id":"viberdy:reaction-diffusion-plate","t":"Reaction diffusion plate","s":"viberdy","c":"inputs/textarea"},{"id":"viberdy:reflow-states-section","t":"Reflow states section","k":"page","s":"viberdy","c":"pages/templates"},{"id":"viberdy:resizable-split-pane","t":"Resizable split pane","k":"layout","s":"viberdy","c":"layout/split-pane"},{"id":"viberdy:ringed-planet-field","t":"Ringed planet field","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:ripple-click-effect","t":"Ripple click effect","k":"motion","s":"viberdy","c":"motion/background","sb":"Waves and warps"},{"id":"viberdy:ripple-roll-button","t":"Ripple roll button","s":"viberdy","c":"actions/button","sb":"Animated"},{"id":"viberdy:rotating-seal-badge","t":"Rotating seal badge","s":"viberdy","c":"data-display/badge"},{"id":"viberdy:rotating-word-swap","t":"Rotating word swap","k":"motion","s":"viberdy","c":"motion/text-effect","sb":"Rotating words"},{"id":"viberdy:rule-handoff-flip","t":"Rule handoff flip","k":"motion","s":"viberdy","c":"motion/border"},{"id":"viberdy:run-off-wordmark-footer","t":"Run off wordmark footer","k":"resource","s":"viberdy","c":"assets/logo"},{"id":"viberdy:saas-landing-template","t":"Saas landing template","k":"page","s":"viberdy","c":"pages/templates","sb":"Landing pages"},{"id":"viberdy:scramble-text","t":"Scramble text","k":"motion","s":"viberdy","c":"motion/text-effect","sb":"Scramble and glitch"},{"id":"viberdy:scroll-card-deal","t":"Scroll card deal","s":"viberdy","c":"data-display/card"},{"id":"viberdy:scroll-depth-layers","t":"Scroll depth layers","k":"layout","s":"viberdy","c":"layout/scroll-area","tg":["3d"],"sy":["3d"]},{"id":"viberdy:scroll-linked-image-mask-reveal","t":"Scroll linked image mask reveal","s":"viberdy","c":"media/gallery","sb":"Scroll"},{"id":"viberdy:scroll-velocity-skew","t":"Scroll velocity skew","k":"layout","s":"viberdy","c":"layout/scroll-area"},{"id":"viberdy:scrub-mask-reveal","t":"Scrub mask reveal","k":"motion","s":"viberdy","c":"motion/background"},{"id":"viberdy:scrub-number-field","t":"Scrub number field","s":"viberdy","c":"inputs/number-input"},{"id":"viberdy:scrub-timeline-player","t":"Scrub timeline player","s":"viberdy","c":"media/player"},{"id":"viberdy:seam-reveal-hero","t":"Seam reveal hero","k":"section","s":"viberdy","c":"marketing/hero"},{"id":"viberdy:searchable-faq-accordion","t":"Searchable faq accordion","s":"viberdy","c":"data-display/accordion","sb":"FAQ"},{"id":"viberdy:seeded-identity-mark","t":"Seeded identity mark","k":"resource","s":"viberdy","c":"assets/illustration"},{"id":"viberdy:segmented-control","t":"Segmented control","s":"viberdy","c":"actions/segmented-control"},{"id":"viberdy:segmented-morph-toggle","t":"Segmented morph toggle","s":"viberdy","c":"actions/switch","sb":"Animated"},{"id":"viberdy:selection-annotate-toolbar","t":"Selection annotate toolbar","s":"viberdy","c":"navigation/menu","sb":"Dropdowns"},{"id":"viberdy:service-price-ledger","t":"Service price ledger","k":"section","s":"viberdy","c":"marketing/features"},{"id":"viberdy:seventeen-studio-site","t":"Seventeen studio site","k":"page","s":"viberdy","c":"pages/templates"},{"id":"viberdy:share-button-expand","t":"Share button expand","s":"viberdy","c":"actions/button","sb":"Copy, share and like"},{"id":"viberdy:shortcut-recorder-field","t":"Shortcut recorder field","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:signal-field","t":"Signal field","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:skeleton-shimmer","t":"Skeleton shimmer","s":"viberdy","c":"status/skeleton"},{"id":"viberdy:slab-stack-hero","t":"Slab stack hero","k":"section","s":"viberdy","c":"marketing/hero"},{"id":"viberdy:slit-light-heading","t":"Slit light heading","k":"motion","s":"viberdy","c":"motion/text-effect"},{"id":"viberdy:soft-form-field","t":"Soft form field","s":"viberdy","c":"inputs/form-field","sb":"Whole forms"},{"id":"viberdy:soft-glow-button","t":"Soft glow button","s":"viberdy","c":"actions/button","tg":["neon"],"sb":"Animated","sy":["neon"]},{"id":"viberdy:sparkline-scrub-cell","t":"Sparkline scrub cell","s":"viberdy","c":"data-viz/chart","sb":"Line and sparkline"},{"id":"viberdy:spatial-3d-site","t":"Spatial 3d site","k":"page","s":"viberdy","c":"pages/templates","tg":["3d"],"sy":["3d"]},{"id":"viberdy:spec-ledger-section","t":"Spec ledger section","s":"viberdy","c":"data-display/table"},{"id":"viberdy:spec-numeral-tile","t":"Spec numeral tile","s":"viberdy","c":"data-display/card"},{"id":"viberdy:specular-text-sweep","t":"Specular text sweep","k":"motion","s":"viberdy","c":"motion/text-effect"},{"id":"viberdy:split-flap-board","t":"Split flap board","s":"viberdy","c":"data-display/kanban"},{"id":"viberdy:split-screen-hero","t":"Split screen hero","k":"section","s":"viberdy","c":"marketing/hero","sb":"Split"},{"id":"viberdy:spotlight-follow-background","t":"Spotlight follow background","k":"motion","s":"viberdy","c":"motion/background","sb":"Beams and light"},{"id":"viberdy:spotlight-grid","t":"Spotlight grid","k":"motion","s":"viberdy","c":"motion/background","sb":"Grids and patterns"},{"id":"viberdy:spotlight-list-focus","t":"Spotlight list focus","s":"viberdy","c":"data-display/list"},{"id":"viberdy:squash-press-button","t":"Squash press button","s":"viberdy","c":"actions/button"},{"id":"viberdy:squish-flip","t":"Squish flip","k":"motion","s":"viberdy","c":"motion/border"},{"id":"viberdy:squish-letter-heading","t":"Squish letter heading","k":"motion","s":"viberdy","c":"motion/text-effect"},{"id":"viberdy:stacked-type-hero","t":"Stacked type hero","k":"section","s":"viberdy","c":"marketing/hero"},{"id":"viberdy:stagger-reveal-group","t":"Stagger reveal group","k":"motion","s":"viberdy","c":"motion/background"},{"id":"viberdy:stamped-feature-grid","t":"Stamped feature grid","k":"section","s":"viberdy","c":"marketing/features","sb":"Grid of cards"},{"id":"viberdy:star-rating-interactive","t":"Star rating interactive","s":"viberdy","c":"inputs/rating"},{"id":"viberdy:star-system-section","t":"Star system section","k":"page","s":"viberdy","c":"pages/templates"},{"id":"viberdy:starfield-parallax","t":"Starfield parallax","k":"layout","s":"viberdy","c":"layout/scroll-area"},{"id":"viberdy:sticker-peel-steps","t":"Sticker peel steps","k":"motion","s":"viberdy","c":"motion/border"},{"id":"viberdy:sticker-pricing-section","t":"Sticker pricing section","k":"section","s":"viberdy","c":"marketing/pricing"},{"id":"viberdy:sticky-index-section","t":"Sticky index section","s":"viberdy","c":"navigation/table-of-contents"},{"id":"viberdy:sticky-scroll-stack","t":"Sticky scroll stack","k":"layout","s":"viberdy","c":"layout/scroll-area"},{"id":"viberdy:sundial-shadow-heading","t":"Sundial shadow heading","k":"motion","s":"viberdy","c":"motion/text-effect"},{"id":"viberdy:swatch-fan-deck","t":"Swatch fan deck","s":"viberdy","c":"media/card-stack"},{"id":"viberdy:swipe-card-stack","t":"Swipe card stack","s":"viberdy","c":"media/card-stack"},{"id":"viberdy:tactile-maximalism-site","t":"Tactile maximalism site","k":"page","s":"viberdy","c":"pages/templates"},{"id":"viberdy:taffy-pill-nav","t":"Taffy pill nav","s":"viberdy","c":"navigation/top-nav","sb":"Floating"},{"id":"viberdy:terminal-demo-hero","t":"Terminal demo hero","k":"section","s":"viberdy","c":"marketing/hero","tg":["retro and HUD"],"sy":["retro and HUD"]},{"id":"viberdy:testimonial-carousel","t":"Testimonial carousel","s":"viberdy","c":"media/carousel"},{"id":"viberdy:text-mask-media-reveal","t":"Text mask media reveal","k":"motion","s":"viberdy","c":"motion/text-effect","sb":"Reveal and entrance"},{"id":"viberdy:theme-toggle-sun-moon-morph","t":"Theme toggle sun moon morph","s":"viberdy","c":"actions/switch","sb":"Theme toggles"},{"id":"viberdy:third-plate-pricing","t":"Third plate pricing","k":"section","s":"viberdy","c":"marketing/pricing"},{"id":"viberdy:thumb-action-dock","t":"Thumb action dock","s":"viberdy","c":"navigation/dock"},{"id":"viberdy:ticker-tape-background","t":"Ticker tape background","k":"motion","s":"viberdy","c":"motion/background"},{"id":"viberdy:tile-expand-panel","t":"Tile expand panel","s":"viberdy","c":"data-display/card"},{"id":"viberdy:tilt-card","t":"Tilt card","s":"viberdy","c":"data-display/card","tg":["3d"],"sb":"Animated and glowing","sy":["3d"]},{"id":"viberdy:toast-stack","t":"Toast stack","s":"viberdy","c":"overlays/toast"},{"id":"viberdy:topographic-contour-drift","t":"Topographic contour drift","k":"motion","s":"viberdy","c":"motion/shader"},{"id":"viberdy:transform-compare-section","t":"Transform compare section","k":"section","s":"viberdy","c":"marketing/comparison"},{"id":"viberdy:transform-loupe-hero","t":"Transform loupe hero","k":"section","s":"viberdy","c":"marketing/hero"},{"id":"viberdy:type-specimen-hero","t":"Type specimen hero","k":"section","s":"viberdy","c":"marketing/hero"},{"id":"viberdy:typewriter-text","t":"Typewriter text","k":"motion","s":"viberdy","c":"motion/text-effect","sb":"Typewriter"},{"id":"viberdy:undo-commit-toast","t":"Undo commit toast","s":"viberdy","c":"overlays/toast"},{"id":"viberdy:usage-pricing-calculator","t":"Usage pricing calculator","k":"section","s":"viberdy","c":"marketing/pricing","sb":"Usage and sliders"},{"id":"viberdy:variable-blur-scrim","t":"Variable blur scrim","k":"motion","s":"viberdy","c":"motion/background"},{"id":"viberdy:veil-resolve-heading","t":"Veil resolve heading","k":"motion","s":"viberdy","c":"motion/text-effect"},{"id":"viberdy:velocity-marquee-rail","t":"Velocity marquee rail","k":"motion","s":"viberdy","c":"motion/marquee"},{"id":"viberdy:venetian-blind-slideshow","t":"Venetian blind slideshow","s":"viberdy","c":"media/carousel"},{"id":"viberdy:verlet-cloth-banner","t":"Verlet cloth banner","s":"viberdy","c":"overlays/alert-banner"},{"id":"viberdy:vertical-timeline-reveal","t":"Vertical timeline reveal","s":"viberdy","c":"data-display/timeline"},{"id":"viberdy:video-backdrop-hero","t":"Video backdrop hero","k":"section","s":"viberdy","c":"marketing/hero","sb":"With video"},{"id":"viberdy:view-timeline-reveal","t":"View timeline reveal","s":"viberdy","c":"data-display/timeline"},{"id":"viberdy:waitlist-capture-hero","t":"Waitlist capture hero","k":"section","s":"viberdy","c":"marketing/hero","sb":"SaaS and AI"},{"id":"viberdy:waitlist-page-template","t":"Waitlist page template","k":"page","s":"viberdy","c":"pages/templates"},{"id":"viberdy:wake-time-wheel","t":"Wake time wheel","s":"viberdy","c":"status/loader"},{"id":"viberdy:warning-tape-footer","t":"Warning tape footer","k":"section","s":"viberdy","c":"marketing/footer"},{"id":"viberdy:wave-ribbon-band","t":"Wave ribbon band","k":"section","s":"viberdy","c":"marketing/announcement"},{"id":"viberdy:weight-press-button","t":"Weight press button","s":"viberdy","c":"actions/button"},{"id":"viberdy:weight-slam-text","t":"Weight slam text","k":"motion","s":"viberdy","c":"motion/text-effect"},{"id":"viberdy:weight-wave-text","t":"Weight wave text","k":"motion","s":"viberdy","c":"motion/text-effect","sb":"Bouncy and wavy"},{"id":"viberdy:whiplash-letters","t":"Whiplash letters","k":"motion","s":"viberdy","c":"motion/text-effect"},{"id":"viberdy:widget-reorder-input","t":"Widget reorder input","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:window-light-drift","t":"Window light drift","k":"motion","s":"viberdy","c":"motion/background"},{"id":"viberdy:wobble-drop-card","t":"Wobble drop card","s":"viberdy","c":"data-display/card"},{"id":"viberdy:word-wheel-cylinder","t":"Word wheel cylinder","k":"motion","s":"viberdy","c":"motion/text-effect"},{"id":"viberdy:yielding-hairline-field","t":"Yielding hairline field","s":"viberdy","c":"inputs/form-field"},{"id":"viberdy:z-swap-plate-card","t":"Z swap plate card","s":"viberdy","c":"inputs/textarea"}]}